Real functions phone home | 02Skills

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Learning JavaScript with Animation

Putting things in perspective

Download the Source Files
Our Philosophy
The Context
Pollyfills and other snobby terms
jQuery
The GreenSock Animation Platform

Start Animating in JS

Start Animating In JS with GSAP and jQuery
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

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

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
Browser compatibility
Setting default parameter values
How to create a default parameter when it's not supported
Real functions phone home
Our first event

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

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

Arrays and Animation

A raise for arrays
Animated Like 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

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

Looping and Animations

The loopiest chapter of them all
Creating dynamic elements
Loops gone wild
Nesting loops to create grids
The wild while loop
Hang with the other loops
Goodbye for now

Teach online with

Real functions phone home

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock