The video above gives a brief overview of the starter file that will be used for every challenge.

I'll be working on an official video that describes the "what" and "why" of the challenges, but in the meantime please read the following.

GSAP Challenges are designed to help front-end developers of all levels become better at building scripted animations with GSAP.

I tell my student’s repeatedly that regardless of how much you can learn from watching my training videos, it is virtually meaningless until you start coding animations on your own.

The trouble is, most students have no idea where to start.

These challenges are designed to help developers apply what they’ve learned completely on their own as they would on their jobs. The beginner challenges provide the opportunity for students to get some easy wins and enjoy the fruit of their training. 

The challenges also serve as a self-assessment tool for developers to see where they can improve and where to focus their training efforts.

The visual design of the challenges is purposefully simplistic and generic so that the basic starter file can be used throughout dozens of challenges without the user having to study and learn a new layout and css rules. 

The challenges are great for beginner’s as they force you to:

• Apply minor css and html changes so that the layout works for the desired animation.  (as simple as things look in these challenges, this can be the most difficult part of building GSAP animations and takes a lot of practice)

• Hand-code GSAP timelines from scratch and become intimately familiar with the syntax

• See the true potential of scripted animation as you begin to integrate foundational programming components such as variables, functions and loops. 

For more advanced developers they provide the opportunity to:

• creatively apply basic GSAP API features in un-conventional ways.

• appreciate the power and purpose of some lesser-known API features

• expand your overall javascript and GSAP knowledge

The first 3 challenges are very beginner-friendly and should be solvable by anyone that has gone through GSAP 3 Express. 

I invite everyone to give them a try as it will be great practice and a way to get ready for the rest of the challenges.

Take the First Challenge

Good Luck!