Learn Javascript Animation and GSAP Animation

Sky is the limit when we talk about animation. It has always been a fascinating world with indefinite possibilities.

Do you wish to animate the web world?

If yes, then we bring you a bundle of two e-courses that will help you make your dream come true.

• Learn Javascript Animation
• Start Animating with GSAP Tween Library

This e-course bundle will make your learning fun and easy. It will inspire you to push yourself and in the process develop your skills through amazing animations.

Get this awesome deal at just $29 (DealClub $21.75)

Once you are done with the course bundle you will have a solid understanding of user interactions, the most important programming concepts (functions, variables, loops, conditions, datatypes, Objects and much more). Let’s not forget that you will learn how to animate interactive things using the GSAP JavaScript library.

Watch this sample video by 02Skills:

1. Learning JavaScript Animation

Course Curriculum

Section 1 –  Animating in JS

• Animating In JS with GSAP and jQuery
• Download the Source Files
• How to work with course Source Files
• Hello World
• Your Script Location Matters
• Starting to code on page load complete
• Setting up jQuery
• First look at Functions
• Time to get Animated

Section 2 – Animating Primitive Data Types

• What will we learn today?
• Setups and Configurations
• Strings, Numbers and Animation
• From Constants to Variables
• The String variable
• Working with Operators
• Prompt debugging
• Your second chance to engage
• Our third variable: Boolean Flags
• Wrapping the talk about variable

Section 3 – Animating with Functions

• Functions Functions and some Functions
• Understanding functions and parameters
• Leveraging CSS selectors in JavaScript
• Creating our own functions
• Functions Galore
• Creating a Slide Show
• Setting default parameter values
• Real functions return home
• Our first event

Section 4 – Objects and Animation

• Movings from Functions to Objects
• Don’t object, it’s only an object
• Charge your phone, we’re going on a date.
• It’s your birth date
• Playing with cats, functions and objects
• Creating a timer

Section 5 – The Object Object

• Intro
• The Object object
• Going back to TweenMax
• Things are getting complicated
• Our most complicated creation
• How to never lose your scope

Section 6 – Arrays and Animation

• A raise for arrays
• Animated Lake Elton John
• Excuse me, how wide are you?
• Objects as associative arrays
• 24 minutes of doing
• Objects away, it’s time to array
• The answer is recursive
• Knowing what the user is doing
• Everything we know intertwined
• Wrapping things up

Section 7 – Conditions

• I have only one condition
• Conditioning to conditions
• Integrating else if conditions
• Nesting if conditions
• Switching cases
• Knowing objects instead of conditions
• This and that or the other thing
• Turning around for ternary operators

Section 8 – Looping and Animations

• The loopiest chapter of them all
• Creating dynamic elements
• Going in the loop
• Nesting loops to create grids
• The wild while loop
•  Hang with the other loops

2. Start Animating with GSAP Tween Library

Course Curriculum

• Walking through the animation library
• Starting to animate with TweenNano
• Is Alpha 0 and Visible False the Same?
• What are and how to use Plugins in TweenLite
• Aniamting Text with TweenLite
• How to create Interactive Animations?
• Q&A

See how Adam Scott landed a job in a Fortune 300 company with this bundle:

Fun always makes things easier, even when they’re challenging. And this Javascript animation & GSAP animation e-course bundle will make your learnings fun and easy.

Ready to grab this fabulous animating e-course bundle for $29 today?