Using jQuery to animate web pages

PluralSight Tutorial | length: 3.8 Hours | Intermediate level | compressed +2% recovery record: 464 MB

Learn how to use jQuery to animate your web pages and javascript apps.

This course covers basic, single method calls for animation as well as advanced animation patterns and techniques. Learn to animate your DOM elements in 2D and 3D, use animation queues, promises, and much more. Four real world projects are built, including a fully animated Buy Now button, an animated photo gallery, an animated pie chart control, and a basic video game framework.

Contents:

jQuery Animation

Introduction to jQuery Animation    
Prerequisites and Tools

Simple jQuery Animation

Show, Hide and Toggle Methods    
Fade Methods
Slide Methods
The animate() Method
animate() Parameters
animate() Options    
Chaining Animations    
Stopping Animations

Easing

Easing Definition and Samples
Easing with jQuery UI
A jQuery Easing Plug-in    
Creating Custom Easing Functions

Advanced jQuery Animation

Transforming DOM Elements in 2D
Animating 3D Rotations
Animating Colors
Animation Queues
Promises for Animation

Creating an Animated Button

Project Setup
Using Font Awesome for Icons
Animating A Radial Gradient
Animating mouseenter and mouseleave Events    
Animating The Click Event    
Adding A Callback for The Click Event

Creating an Animated Picture Gallery

Project Setup
Loading and Displaying Images
Mousing Over Images
Animating Images Away from The Mouse
Zooming In on A Click Event
Background Images Rotate and Fade Away    
Fixing Browser Specific Problems

Creating an Animated Pie Chart

Project Setup
Drawing The Pie Chart
Selecting A Pie Slice
Rotating The Pie Chart
Adding A State Machine
Animating The Selected Slice
Animating DOM Elements for The Selection

Building and Optimizing A Simple Sprite Engine

Setting up The Sprite Engine
Moving A Sprite
Animating 500 Sprites
Inspecting The Code with Chrome’s Profiler    
Optimizing our Code
.

Download tutorial Using jQuery to animate web pages

Mirror

The post Using jQuery to animate web pages appeared first on Download Training Course Video Tutorial Ebook Pdf Learning.

Related posts:

1. Getting Started with Adobe Edge Animate (Video2Brain)
2. AppDev jQuery UI Using HTML5
3. Create a Rotating Carousel with jQuery