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
Navigation & Links | Flux Academy
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Framer Masterclass
Introduction
Welcome & Course Overview (5:24)
Transitioning From Webflow (4:20)
Framer VS Figma (2:35)
Overview of the Framer Dashboard (1:51)
Creating your first site (0:28)
Remix Link
Fundamentals
Key Concepts For Mastering Framer (2:42)
Intro to the Framer editor (3:04)
Understanding Sizing (3:38)
Positioning: Relative vs Absolute vs Sticky vs Fixed (5:24)
Using Layout (4:29)
Styling (4:55)
Overlays (5:53)
Breakpoints (3:04)
Navigation & Links (2:15)
Using Icons (2:25)
Slideshow and Carousels (3:19)
Using Video (7:07)
Understanding site settings (7:59)
Publishing your site (1:14)
Working With Remixes (1:02)
Demo - Creating a Hero Section (8:36)
Quiz - Fundamentals
Components
Overview of Components (2:59)
Variables (2:12)
Variants (2:18)
Hover and Pressed States (2:07)
Interactions (3:24)
Logic with components (3:46)
Demo - Building a Custom Navbar (19:27)
Quiz - Components
CMS
Understanding CMS (5:03)
Filtering and Sorting (5:24)
Search Component (3:27)
Demo: Building a Blog (6:13)
Quiz - CMS
Animations
Understanding Effects & Animations (7:12)
Effect Options (appear, hover, etc) (10:48)
Component VS Regular Effects (2:28)
Creating a Parallax Effect (10:48)
Demo: Adding Effects To a Landing Page (6:48)
Advanced Use Cases
Using The Ticker (4:46)
Embeds (3:53)
Override Code (5:18)
Styling Search Bar (7:00)
Using Framer AI (6:36)
Putting It All Together: Building a Full Site
Exporting From Figma (1:49)
Setting Up the Framer Project (2:53)
Creating The Hero Section (14:00)
Building The Navbar (5:16)
Building The Site Content (15:21)
Testimonial Section (8:50)
Creating The Call-To-Action (3:16)
Creating The Footer (2:41)
Fixing Common Site Issues (2:04)
Adding Effects (3:55)
Making The Site Mobile Responsive (6:01)
Publishing The Site (1:53)
Bonus: Making Money With Framer
Selling Framer To Clients (10:47)
Client Handover Checklist (4:43)
Transferring Sites To Clients (3:11)
Pricing Framer Sites (14:22)
Framer Partner Program (4:11)
Why & How To Join The Framer Experts Program (2:54)
Selling Templates (6:50)
Getting Your Template Approved (4:14)
Building Products For Framer (3:57)
Closing Thoughts & Certification
Thank you! What's next (1:13)
Certification Quiz
Navigation & Links
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock