Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Webflow Masterclass
Introduction
A Personal Welcome (1:01)
How to make the best of this course & community (8:11)
What Webflow plan do you need? (2:18)
Mastering The Fundamentals
How Webflow is different (2:08)
Basic HTML / CSS concepts (11:35)
Basic Site Demo (16:56)
Mastering Layout: Display settings (9:36)
Mastering Layout: Grid (5:56)
Mastering Layout: Flex (16:24)
Flexbox game Solved (12:52)
Mastering Layout: Position (19:13)
Real World Examples of Layout Tools in Use (5:01)
Using Images & Backgrounds (8:33)
How to structure websites (18:30)
How to style efficiently (14:55)
Working with Custom Fonts (8:37)
Making The Website Responsive (25:54)
Responsiveness Challenge (0:57)
Responsiveness Challenge - Solved (28:16)
Basic interactions (4:21)
Webflow's Native Components (20:57)
Symbols (7:17)
Fixing things when they go wrong (6:15)
Putting The Fundamentals Together
Building a real-world client one pager website (66:48)
Custom layout Challenge (3:27)
Custom Layout challenge - Solved (44:04)
Making Dynamic websites: CMS, E-commerce & Forms
Understanding the CMS (15:28)
Using the CMS (31:17)
Advanced CMS Filtering (4:45)
Importing CMS Data (3:55)
Creating E-commerce Websites (9:46)
Working with forms & integrating with other systems (9:03)
CMS Challenge (2:05)
CMS Challenge - Solved (21:03)
Mastering Animations & Interactions
Understanding Triggers & Animations (15:13)
Creating Popups (9:22)
The Slide-in Effect (4:26)
3D Rotation on Hover (7:03)
Parallax Effect (15:44)
Horizontal Scrolling Section (5:52)
Lottie Animations (4:41)
Creating a Pre-loader (4:27)
Putting It All Together
Final challenge - One Pager Portfolio Project (2:27)
Advanced Use Cases
Integrating a booking system (or any other 3rd party tool) (3:25)
Exporting to WordPress or Shopify (5:03)
Bi-Lingual Websites (3:06)
Creating Awesome Effects with (copy-paste) Custom code (4:00)
The Website Building Process
The Complete Webflow Website Process Overview (4:47)
How to Export & Import Images Properly (6:49)
Working With a Style Guide (5:41)
Privacy & Accessibility Considerations (8:06)
QA - Testing Your Website (3:39)
Should Clients Host With Webflow? (9:49)
The Pre-Launch Checklist: SEO & Final Setups (6:34)
Going Live (8:17)
Working With Clients
How To Sell Webflow To Clients (15:16)
When Clients Just Won't Buy (3:15)
How To Deliver Websites To Clients (10:09)
Client CMS Training (2:35)
Pricing Webflow Websites (5:18)
The Perfect Webflow Website Proposal (7:10)
Maintaining Webflow Websites (4:06)
Advanced Process Example - Complete Client Website
Project Plan (4:02)
Project Setup & Fonts (1:48)
Creating The Style Guide (8:19)
Setting up the CMS & dummy content (6:11)
Building The Homepage (106:04)
Mobile Responsivness (23:14)
CMS Item Page (25:29)
Bio Collection Page (12:16)
About Page (33:51)
Experiences Page (14:03)
Product Page (30:42)
Search Results Page (14:09)
Interactions (20:02)
Last Setups (3:44)
Recording Client Training (6:55)
Advanced Process Example - CyberTruck
Tesla Cybertruck Website in 100 minutes (101:07)
Closing Thoughts
Becoming a True Master (3:14)
Conclusion - What's Next? (2:56)
Last Setups
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock