Webflow
Course Index
45 Lessons · 3 Levels
Complete Webflow roadmap — designer, layout, CMS, forms, ecommerce, interactions, animations, custom code, and real site builds.
45Lessons
3Levels
2Projects
FreeAccess
Level I
Foundations & Design
Lessons 1–15
Lesson 01
Introduction to Webflow
Lesson 02
Webflow Plans & Pricing
Lesson 03
The Webflow Designer
Lesson 04
HTML & CSS Basics in Webflow
Lesson 05
Div Blocks & Structure
Lesson 06
Flexbox Layout
Lesson 07
Grid Layout
Lesson 08
Typography & Fonts
Lesson 09
Colors & Backgrounds
Lesson 10
Images & Videos
Lesson 11
Navigation & Navbar
Lesson 12
Buttons & Links
Lesson 13
Responsive Breakpoints
Lesson 14
Symbols & Components
Lesson 15
Build a Landing Page
Level II
CMS & Forms
Lessons 16–30
Lesson 16
Intro to Webflow CMS
Lesson 17
CMS Collections & Fields
Lesson 18
Dynamic Pages & Templates
Lesson 19
Collection Lists
Lesson 20
Filtering & Sorting CMS Data
Lesson 21
Multi-Reference Fields
Lesson 22
Forms & Input Fields
Lesson 23
Form Submissions & Notifications
Lesson 24
Webflow Logic & Automations
Lesson 25
Ecommerce Setup
Lesson 26
Products & Categories
Lesson 27
Cart & Checkout
Lesson 28
Memberships & Gated Content
Lesson 29
SEO Settings in Webflow
Lesson 30
Webflow Search
Level III
Interactions & Advanced
Lessons 31–45
Lesson 31
Intro to Interactions
Lesson 32
Scroll Animations
Lesson 33
Hover & Click Triggers
Lesson 34
Page Load Animations
Lesson 35
Lottie & SVG Animations
Lesson 36
Custom Code & Embeds
Lesson 37
Integrating APIs
Lesson 38
Zapier & Make with Webflow
Lesson 39
Client Handoff & Editor Mode
Lesson 40
Staging & Publishing
Lesson 41
Custom Domain & Hosting
Lesson 42
Performance & Page Speed
Lesson 43
Webflow AI Tools
Lesson 44
Build a Portfolio Site
Lesson 45
Build a Blog with CMS