BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
BESbswy
Responsiveness Challenge - Solved | Flux Academy
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Webflow Masterclass - LEGACY
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)
Advanced Use Cases
Integrating a booking system (or any other 3rd party tool) (3:25)
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 Responsiveness (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)
Bonus: Creating Apple's Website on Webflow (YouTube Livestream)
Building Apple's Website with Webflow (117:25)
Putting It All Together - Get Your Webflow Masterclass Certificate!
Final challenge - One Pager Portfolio Project (2:27)
Closing Thoughts
Becoming a True Master (3:14)
Conclusion - What's Next? (2:56)
Responsiveness Challenge - Solved
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock