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
0:00
/ #1: Project Files & Intro
All Course Lessons (50)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Project Files & Intro Demo | 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 |
Unlock unlimited learning
Get instant access to all 49 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Three.js Journey - The ultimate Three.js course
Sources: Bruno Simon
Have you ever wanted to create stunning 3D websites? Whether you are a beginner or a more advanced developer, Three.js Journey is the only course you need to le
90 hours 46 minutes 32 seconds
Generating Fake Data with Faker.js
Sources: vueschool.io
Every user application depends on data, whether it's user profiles, product listings, or blog posts. However, creating realistic datasets...
51 minutes 56 seconds
Practical Accessibility - Practical Accessibility for web designers and developers
Sources: Sara Soueidan
This course is your guide to the world of web accessibility. It is designed to dispel myths, simplify complex topics, and provide you with practical skills for
14 hours 47 minutes 28 seconds
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