Have you always wanted to learn GreenSock but didn’t know where to start?
Or you always feel like you don’t have enough time?
Then go straight to GreenSock 101 (it’s FREE) and learn the GSAP API from scratch in 60 minutes.
What you will learn:
| GreenSock 101 – Table Of Content | |
| Lesson 1 – 5:22 | Selecting html elements using jQuery and JavaScript |
| Lesson 2 – 5:35 | TweenLite – .to, .from, .fromTo, .set |
| Lesson 3 – 4:37 | Easing – Default Easing, EasePack Plugin |
| Lesson 4 – 3:38 | Simple Callback Functions |
| Lesson 5 – 5:40 | Animating Multiple Objects |
| Lesson 6 – 3:45 | Adding Tweens To A Timeline |
| Lesson 7 – 7:47 | Controlling A Timeline Playback |
| Lesson 8 – 5:11 | Staggering Animations |
| Lesson 9 – 7:26 | Repeating Timelines – TimelineMax vs TimelineLite |
| Lesson 10 – 7:16 | Repeating Timelines – Part 2 |
| Lesson 11 – 11:21 | TweenMax – The King Of Web Animations |
The first hour with any new tool, application or library is very important, make sure you first hour of GSAP is worth it.
Questions and Feedback
I am always looking for ways to improve my future tutorials and courses, please let me know your thoughts on the GreenSock 101 in the comments.
Happy tweening!
Download Free Toolkit
All you need to know to get started with GreenSock and ScrollMagic, in one single package. Straight into your inbox.
I am wondering how to use the downloaded files. If I goto Selecters / js / main.js , that file is a minified file. Do I just deleted everything and start following the video. I believe I saw somewhere to use the src folder files, but the index.html is not linked to that folder for JS, CSS or IMG.
Maybe there should be a finished state folder & a start (work) folder. I don’t believe we need the scss, gulp, minified states. Those are not part of this course. Even the css file is almost 400 lines with normalizer & more that really aren’t needed for this course.
Please explain how to use the downloaded files with the videos somewhere.
For the first 2 videos, your explanation and GSAP code is well done. It is how to put it into practice with some basic HTML, CSS & JS files that needs a bit more explanation.
I want to learn Greensock and if I get through this course I will probably buy your advanced one, just make it easy to use the files with the videos.
Thanks!
Hi Randy, thanks for the comment and feedback. I have updated the working files zip. It now includes both starting and ending files.
To follow me step by step simply open the
src/js/main.jsfrom the starting files. You don’t need to type in any of the css or html markup, just the GreenSock and JS code.I will create a short video and include it on the first page of the course.
Hope that helps and let me know if you have any other questions.
Hi Petr, thanks , I am really looking forward to learning this and I appreciate you making this beginner friendly.
You’re welcome Randy, let me know if the changes helped. Thanks Randy