Advanced FrontEnds

8h 58m 38s
English
Paid

"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 Advanced FrontEnds

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

Similar courses to Advanced FrontEnds

Building Full-Stack Apps with AI

Building Full-Stack Apps with AIMckay Wrigley (takeoff)

Category: Other (Backend), Other (Frontend)
Duration 8 hours 3 minutes 16 seconds
Learn Astro

Learn AstroChris Pennington

Category: Other (Frontend)
Duration 17 hours 12 minutes 58 seconds
Web Security Dev Academy - 12-week online program

Web Security Dev Academy - 12-week online programBartosz Pietrucha

Category: Angular, TypeScript, Node.js, Other (Backend), Other (Frontend)
Duration 16 hours 37 minutes 20 seconds
Full-Stack Fundamentals 4 - Payments

Full-Stack Fundamentals 4 - PaymentsMckay Wrigley (takeoff)

Category: Other (Backend), Other (Frontend)
Duration 54 minutes 17 seconds
Create a 3D multi-player game using THREE.js and Socket.IO

Create a 3D multi-player game using THREE.js and Socket.IOudemy

Category: Three.js, Socket.IO, Other (Gamedev)
Duration 2 hours 39 minutes 55 seconds
Developing LLM App Frontends with Streamlit

Developing LLM App Frontends with Streamlitzerotomastery.io

Category: Python, Other (Frontend)
Duration 1 hour 43 minutes 52 seconds
The Approachable Guide to Accessible Components

The Approachable Guide to Accessible Componentsfullstack.io

Category: Other (Frontend)
Duration 2 hours 19 minutes 45 seconds
UI Architecture Academy. Q&A Calls

UI Architecture Academy. Q&A CallsLogic Room

Category: Other (Frontend)
Duration 20 hours 50 minutes 44 seconds
The Complete 2023 Web Development Bootcamp

The Complete 2023 Web Development Bootcampudemy

Category: MongoDB, Other (Backend), Other (Frontend)
Duration 62 hours 32 minutes 23 seconds