Advanced FrontEnds
8h 58m 38s
English
Paid
Course description
"Advanced FrontEnds" is a comprehensive course by Gary Simon, focusing on creating highly animated, interactive landing pages. It covers JavaScript, GSAP, and Three.js, with a progression from simple animations to intricate projects. The course includes practical challenges and a final project, aiming to enhance front end development skills for 2024.
Watch Online
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | Project Files & Intro | 03:44 |
| 2 | JavaScript Fundamentals Course | 01:21 |
| 3 | From and To Method | 14:27 |
| 4 | FOUC & Controlling Tweens | 11:45 |
| 5 | Set, Stagger & fromTo | 11:46 |
| 6 | Challenge Sports Loader | 03:08 |
| 7 | Sports Loader Solution | 04:24 |
| 8 | Timeline | 14:50 |
| 9 | Sidebar Navigation Interaction | 07:21 |
| 10 | Challenge Portfolio Navigation | 03:17 |
| 11 | Portfolio Navigation Solved | 13:57 |
| 12 | ScrollTrigger Basics | 18:52 |
| 13 | toggleActions | 09:14 |
| 14 | Scrub & Pin | 15:38 |
| 15 | Challenge: Art Gallery | 05:24 |
| 16 | Art Gallery Solution | 18:10 |
| 17 | splitType | 09:35 |
| 18 | Scrolling splitType Reveal | 08:37 |
| 19 | SVG Text Masks | 09:46 |
| 20 | Simple Scroller | 16:04 |
| 21 | Lifting Shoes Scroller | 26:16 |
| 22 | Lifting Shoes Scroller (Timeline) | 09:15 |
| 23 | Deep Sea Creatures | 03:01 |
| 24 | Deep Sea Creatures Solution | 17:35 |
| 25 | CandyVerse Parallax | 09:53 |
| 26 | Cyberspace | 16:56 |
| 27 | Challenge: Bonkers Challenge | 01:49 |
| 28 | Bonkers Challenge Solution | 07:26 |
| 29 | Flip Plugin Basics | 11:08 |
| 30 | Emoticon Flip | 13:24 |
| 31 | Challenge: Shoe Sorting Challenge | 02:16 |
| 32 | Shoe Sorting Solved | 10:23 |
| 33 | matchMedia Basics | 09:43 |
| 34 | Event Handling | 05:56 |
| 35 | Prefers Reduced Motion | 07:11 |
| 36 | Overview & Boilerplate | 18:09 |
| 37 | Dat.gui & GSAP | 18:28 |
| 38 | Importing Models & Scroll Animations | 25:35 |
| 39 | Challenge: Coffee Table Challenge | 03:57 |
| 40 | Coffee Table Challenge Solved | 23:48 |
| 41 | Project Preview | 03:05 |
| 42 | Installing Dependencies | 05:35 |
| 43 | HTML | 10:51 |
| 44 | CSS | 17:31 |
| 45 | JavaScript Setup | 05:52 |
| 46 | ThreeJS Setup | 12:48 |
| 47 | Hero Section | 08:44 |
| 48 | Inspection Section | 05:07 |
| 49 | Slider Section | 07:25 |
| 50 | Wrapping Up | 18:11 |
Comments
0 commentsSimilar courses
Frontend System Design
Sources: LearnersBucket | Prashant Yadav
Become the Alpha frontend engineer by designing 30+ distinct web applications and all the fundamentals. Learn the advanced concepts, strategies, techniques, and
Next Auth V5 - Продвинутое руководство
Sources: Code With Antonio
In this 8-hour course, you will learn how to create your own authentication toolset using the latest version of Next Auth v5 (Auth.js). We...
8 hours 1 minute 8 seconds
Learn Astro
Sources: Chris Pennington
In a world of overly complex web frameworks, Astro stands out for its simplicity, excellent developer experience, and high performance. But behind this...
17 hours 12 minutes 58 seconds
Three.js & GameDev
Sources: SimonDev
Start with the basics of Three.js and gradually move on to advanced topics such as streaming infinite worlds, GPU memory optimization, and scalable...
47 hours 38 minutes 23 seconds
Want to join the conversation?
Sign in to comment