Web Animations Full Course – Build a GTA VI Website & Master GSAP (JSMastery – Engsub)
About Course
Views
Web Animations Full Course – Master GSAP & Emotional Design
Animations aren’t just about movement — they’re about
emotion, storytelling, and user experience
. With this course, you’ll learn to craft animations that
brands pay for
and that users remember, using the industry-standard
GSAP library
.
Guided by real case studies and hands-on projects, you’ll explore how to animate like
Apple, Stripe, and Duolingo
, building scroll effects, micro-interactions, and cinematic transitions that create powerful emotional connections.
This course takes you from fundamentals to
production-level animations
, including:
Rebuilding the
GTA VI landing page
with scroll-triggered video transitions, layered parallax, and cinematic storytelling
Designing UI effects like
MacOS-style docks, snapping tab bars, emoji reactions, and animated charts
Practicing inside interactive playgrounds with
live GSAP demos
to instantly see your results
By the end, you’ll have a
portfolio of real-world animations
that showcase your ability to combine code, creativity, and design strategy. More than just technical skills, you’ll understand how to use animation as a
business tool
that builds trust, drives engagement, and delivers unforgettable user experiences.
Learn the skill that gets you noticed, hired, and remembered – Web Animations with GSAP.
What you’ll learn:
Understanding methods.
Sine Easing.
Expo Easing.
Elastic Easings.
Design Postcard.
v.v…
Time Course:
3 hours 31 minutes (31 Lectures + Documents)
Instructor
: Jsmastery
Total Weight:
1.61 GB
** Note
:
Chú ý:
Link gốc:
https://jsmastery.com/course/gsap-animations-course
Course Content
ROOT
-
016 Elastic Easings.mp4
05:29 -
031 Outro Section.mp4
08:37 -
030 Final Video.mp4
05:03 -
029 PostCard.mp4
06:51 -
028 Lucia Caminos.mp4
10:14 -
027 SecondVideo.mp4
08:01 -
026 Jason Duval.mp4
11:20 -
025 FirstVideo.mp4
09:19 -
024 Hero Section.mp4
32:32 -
023 App Setup & Installation.mp4
13:01 -
022 Introduction.mp4
01:12 -
021 Learn Set.mp4
03:17 -
020 Learn fromTo_.mp4
03:38 -
019 Learn from.mp4
05:27 -
018 Learn to.mp4
05:11 -
017 Expo Easing.mp4
06:55 -
04:16
-
015 Back Easing.mp4
07:15 -
014 Sine Easing.mp4
07:42 -
013 What is Easing_.mp4
00:23 -
012 Understanding methods.mp4
08:41 -
011 Understanding properties_.mp4
12:54 -
010 Committing to GitHub.mp4
04:24 -
009 Your First Animation.mp4
08:54 -
008 Our Workflow.mp4
06:36 -
007 Environment Setup.mp4
02:53 -
006 Access to a Private 24-7 Community.mp4
01:18 -
005 Get the Most Out of This Course_.mp4
03:12 -
004 Meet Adrian, Your Instructor.mp4
01:49 -
003 Emotional Design The Business Value of Animation.mp4
03:26 -
01:13