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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 50 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Advanced FrontEnds

0:00
/
#1: Project Files & Intro

All Course Lessons (50)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Advanced Vitest Patterns

Advanced Vitest Patterns

Sources: Artem Zakharchenko
Do you know that feeling when an instrument "clicks"? When you stop perceiving it as just a means to an end and start using it as...
1 hour 43 minutes 59 seconds
Three.js & GameDev

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
Animations on the web

Animations on the web

Sources: Emil Kowalski
Learn how to craft animations that make people feel something. It's for those that like my style of animations and/or anyone aspiring to improve their skills. T
2 hours 23 minutes 59 seconds