Be Familiar with jQuery (Introduction to jQuery)
  • What are You Going to Develop?
  • What Software You Need?
  • What is jQuery?
  • Let's Compare: JavaScript Vs jQuery
  • Quiz: Introduction to jQuery
Be Ready to Start (Basics of jQuery)
  • Setup jQuery Development Environment
  • Understand the Basic Syntax of jQuery
  • Importance of $(document).ready() Event
  • Secret Tip to Write jQuery Code Easily and Quickly
  • Quiz: Basics of jQuery
Select the Elements upon which to Act (jQuery Selectors)
  • All Selector
  • Tagname Selector
  • Multiple Selectors
  • ID Selector
  • Class Selector
  • Hands-On Practice: Class Selector
  • this Selector
  • Hands-On Practice: this and Tagname Selectors
  • Attribute based Selectors - Part 1 (name, value equals and value not equal)
  • Attribute based Selectors - Part 2 (value starts with, ends with and contains)
  • Attribute based Selectors - Part 3 (value contains a word)
  • Position based Selectors - Part 1 (first, last, even indexed and odd indexed)
  • Position based Selectors - Part 2 (index equals, less than and greater than)
  • Relationship based Selectors - Part 1 (first child and last child)
  • Relationship based Selectors - Part 2 (nth child and nth last child)
  • Relationship Selectors - 3 (first and last of type, nth and nth last of type)
  • Relationship based Selectors - Part 4 (only child and only of type)
  • Child and Sibling Selectors
  • Form based Selectors
  • State based Selectors
  • Content based Selectors
  • Quiz: Selectors
  • Exercises: Selectors
Let the Actions Happen (jQuery Events)
  • Overview
  • Mouse Events
  • Keyboard Events
  • Form Events - Part 1 (focus, blur, focusin and focusout)
  • Form Events - Part 2 (change, select and submit)
  • Browser Events
  • How to Attach Event Handlers?
  • Difference between .click() and .on("click") (Event Delegation)
  • Difference between one() and on() Methods
  • Method Chaining
  • Quiz: Events
  • Exercises: Events
Energise Your Pages (jQuery Effects and Animations)
  • Introduction to Effects
  • Basic Effects
  • Fading Effects
  • Sliding Effects
  • Reverse Slide Down and Slide Up Effects - Part 1
  • Reverse Slide Down and Slide Up Effects - Part 2
  • Custom Animations
  • Choose CSS Property Name Dynamically in animate() Method
  • Quiz: Effects
Handle the DOM (DOM Manipulation)
  • Get/Set HTML
  • Get/Set Text
  • Get/Set Values of Form Elements
  • Get/Set Attributes and Properties
  • Add Content or Element
  • Move an Existing Element to a New Location
  • Remove Element
  • Hands-On Practice: Remove Elements Based On Button Clicked
  • Modify Content
  • Modify Style
  • Quiz: DOM Manipulation
  • Exercises: DOM Manipulation
Move through the DOM (DOM Traversal)
  • Ancestors Traversal Methods
  • Siblings Traversal Methods
  • Children Traversal Methods
  • Filtering Methods
  • Quiz: DOM Traversal Methods
Make Use of Utilities (jQuery Utility Functions)
  • $.inArray() to Look for an Item
  • $.grep() to Filter an Array
  • $.map() to Translate All Items in an Array
  • .each() to Iterate over a jQuery Object
jQuery and AJAX
  • What is AJAX?
  • The $.ajax() Method
  • Different Options to Configure AJAX request
  • Three Callback Options and Alternative Constructs
  • Different Shorthand jQuery AJAX Methods
jQuery Plugins
  • Introduction to jQuery Plugins
  • Find and Make Use of Existing Plugins
  • Create Basic jQuery Plugins
  • Advanced Plugin Concepts - Part 1
  • Advanced Plugin Concepts - Part 2
  • Advanced Plugin Concepts - Part 3
  • Advanced Plugin Concepts - Part 4
Code it Yourself (jQuery Exercises)
  • Exercise #1: Distinguish between left and right mouse clicks
Let's Develop (Effects, Games and User Interfaces Developed from Scratch)