Learn GreenSock in 60 minutes

How To Learn GreenSock In 60 Minutes

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.

Learn GreenSock Today

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.

100% Privacy. Guaranteed! Powered by ConvertKit

4 thoughts on “How To Learn GreenSock In 60 Minutes

  1. Randy Gregory

    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.

    1. Petr Tichy Post author

      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.js from 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.

      1. Randy Gregory

        Hi Petr, thanks , I am really looking forward to learning this and I appreciate you making this beginner friendly.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.