MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

jQuery Animation

Course Summary

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

  • +

    Course Syllabus

    ● jQuery Animation
        ◦ Introduction to jQuery Animation
        ◦ Prerequisites and Tools
    ● Simple jQuery Animation
        ◦ Introduction
        ◦ Show, Hide and Toggle Methods
        ◦ Fade Methods
        ◦ Slide Methods
        ◦ The animate() Method
        ◦ animate() Parameters
        ◦ animate() Options
        ◦ Chaining Animations
        ◦ Stopping Animations
        ◦ Summary
    ● Easing
        ◦ Introduction
        ◦ Easing Definition and Samples
        ◦ Easing with jQuery UI
        ◦ A jQuery Easing Plug-in
        ◦ Creating Custom Easing Functions
        ◦ Summary
    ● Advanced jQuery Animation
        ◦ Introduction
        ◦ Transforming DOM Elements in 2D
        ◦ Animating 3D Rotations
        ◦ Animating Colors
        ◦ Animation Queues
        ◦ Promises for Animation
        ◦ Summary
    ● Creating an Animated Button
        ◦ Introduction
        ◦ 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
        ◦ Summary
    ● Creating an Animated Picture Gallery
        ◦ Introduction
        ◦ 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
        ◦ Summary
    ● Creating an Animated Pie Chart
        ◦ Introduction
        ◦ 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
        ◦ Summary
    ● Building and Optimizing A Simple Sprite Engine
        ◦ Introduction
        ◦ Setting up The Sprite Engine
        ◦ Moving A Sprite
        ◦ Animating 500 Sprites
        ◦ Inspecting The Code with Chrome's Profiler
        ◦ Optimizing our Code
        ◦ Summary


Course Fee:
USD 29

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Open Source , Development & Implementations and Digital Media & Games Community

Related Posts:

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top