Programming jQuery Intermediate

Course Outline:

Essential jQuery

• About jQuery
• Getting Started With jQuery
• Selecting Page Elements by ID
• Selecting a Set of Elements
• Selecting Elements by Style
• Running Code When a Page Is Ready
• Selecting the First of a Set of Elements
• Showing And Hiding Page Elements
• Selecting one Set of a Elements
• Specifying Elements in a Hierarchy
• Creating Visual Effects
• Creating New HTML Elements

Selecting Elements the jQuery Way

• Selector Examples
• Meeting the Selectors
• Selecting Direct Descendants
• Selecting First and Last Children
• Selecting the Nth Child
• Selecting Elements With Specific Text
• Selecting Elements by Attribute
• Selecting Elements by Attribute Value
• Checking the Type of Matched Elements
• Selecting Elements by Position
• Examining Checked Boxes and Radio Buttons
• Examining Elements That the User Selected

Working With Elements the jQuery Way

• Function Examples
• Looping Over Elements in a Wrapped Set
• Reading Attribute Values
• Setting Attribute Values
• Rewriting Elements HTML
• Rewriting Elements Text
• Appending Content to Elements
• Moving Page Elements
• Setting Elements Width and Height
• Wrapping Elements
• Editing the Value Attribute

Working with Events

• Events Handling in JavaScript and jQuery
• Binding an Event Handler to an Event
• Binding Multiples Event Handlers
• Binding Event Handlers using Shortcuts
• Calling Event Handlers only once
• Unbinding Event Handler
• Using the Event Object
• Getting Mouse Coordinates
• Getting the Event Type
• Capturing Keystrokes
• Capturing Hover Events
• Getting Event Targets

Visual Effects and Animation

• jQuery Visual Effects Overview
• Showing and Hiding Page Elements
• Showing and Hiding Elements with Duration
• Toggling Elements Visibility
• Toggling Element Visibility with Duration
• Fading Elements Out
• Fading Elements In
• Sliding Elements Up
• Sliding Elements Down
• Toggling Sliding Operations
• Partially Fading Elements
• Creating Custom Animation

The jQuery Utility Functions

• Examples of jQuery Utility Functions
• Looping over Object Members with each
• Determining Browsers Type with browser
• Customizing HTML by Browser Type
• Checking Browser Support For Specific Features
• Creating Arrays
• Searching an Array
• Filtering an array
• Eliminating Duplicate Elements from Arrays
• Checking Whether Data is an Array
• Mapping an Array
• Trimming Text

Jumping into Ajax

• About Ajax
• Working with Ajax the Standard Way
• Using jQuery loadto implement Ajax
• Using Callbacks with the load Function
• Passing Data to the Server
• Using post to send Data to the Server
• Using the jQuery get Function
• Using get to send data to the Server

Using the Full Power of Ajax

• About Ajax
• Using Ajax to Download Text
• Using Ajax to Post Data to the Server
• Using Ajax to Get Data from the Server
• Handling Ajax Errors
• Handling Ajax Time-outs
• Handling XML
• Handling Ajax Events Globally

Using the jQuery Widgets

• About Working With Widgets
• Creating Accordion Widgets
• Creating Datapicker Widgets
• Creating Dialog Widgets
• Getting Data from Dialog Widgets
• Creating a Progressbar Widget
• Creating a Slider Widget
• Creating a Tab Widget
• Adding Tabs to a Tab Widget