Advanced FrontEnds

Advanced FrontEnds

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 50 Lessons (8h 59m) | 2.33 GB

Learn how to build modern, interactive frontends with Gary Simon

“Advanced Front End” is an extensive course from Gary Simon that focuses on creating dynamic, interactive landings. The course includes work with JavaScript, GSAP and Three.js, ranging from simple animations to complex projects. The course includes hands-on assignments and a final project that aims to improve your web development skills for 2024.

Includes

  • Javascript : Utilize vanilla javascript to gain a core understanding.
  • Greensock: The premiere JavaScript animation library.
  • ThreeJS: Unlock endless creativity with WebGL in the browser.
Table of Contents

1 Project Files & Intro
2 JavaScript Fundamentals Course
3 From and To Method
4 FOUC & Controlling Tweens
5 Set, Stagger & fromTo
6 Challenge Sports Loader
7 Sports Loader Solution
8 Timeline
9 Sidebar Navigation Interaction
10 Challenge Portfolio Navigation
11 Portfolio Navigation Solved
12 ScrollTrigger Basics
13 toggleActions
14 Scrub & Pin
15 Challenge Art Gallery
16 Art Gallery Solution
17 splitType
18 Scrolling splitType Reveal
19 SVG Text Masks
20 Simple Scroller
21 Lifting Shoes Scroller
22 Lifting Shoes Scroller (Timeline)
23 Deep Sea Creatures
24 Deep Sea Creatures Solution
25 CandyVerse Parallax
26 Cyberspace
27 Challenge Bonkers Challenge
28 Bonkers Challenge Solution
29 Flip Plugin Basics
30 Emoticon Flip
31 Challenge Shoe Sorting Challenge
32 Shoe Sorting Solved
33 matchMedia Basics
34 Event Handling
35 Prefers Reduced Motion
36 Overview & Boilerplate
37 Dat.gui & GSAP
38 Importing Models & Scroll Animations
39 Challenge Coffee Table Challenge
40 Coffee Table Challenge Solved
41 Project Preview
42 Installing Dependencies
43 HTML
44 CSS
45 JavaScript Setup
46 ThreeJS Setup
47 Hero Section
48 Inspection Section
49 Slider Section
50 Wrapping Up

Homepage