Getting Started with jQuery

• Introduction
• Downloading and use jQuery
• Hosting it yourself vs jQuery CDN
• Syntax overview
• Understanding jQuery chaining
• Anatomy of a jQuery Script
• Writing your first jQuery script(s)

Selecting, Decorating and Enhancing

• Targeting html object using Tag, ID and class
• Using the ‘this’ keyword
• jQuery and data attributes
• jQuery utility methods
• Advanced DOM Traversal
• Creating and appending elements with jQuery
• Using jQuery and CSS together
• JavaScript setTimeout and setInterval
• CSS Animations
• Setting CSS Properties
• Adding CSS classes
• Visible state with jQuery and CSS

Animation Effects

• How events work
• jQuery Event Object
• Binding events
• Effect functions (eg: animate, click, hover, toggle)
• Creating a simple image slideshow

Enhancing Web Forms

• Understanding Forms
• jQuery UI and Forms
• Basic Form Enhancements
• Form Validation
• Validation Tutorial

AJAX

• Introducing Ajax
• What Is Ajax?
• Ajax: The Basics
• Ajax the jQuery Way
• Converting data in JSON format
• Difference between post and get
• Adding Google Maps to Your Site Using jQuery Ajax

Using jQuery UI Plugins

• Plugin Installation
• Use of Date Picker
• Use of Color Picker
• List sorter
• draggable, droppable, etc.