1 Day Online
10 AM - 5 PM EDT
Instructor: Mary Gillen
Tuition: $395 per person

Register:
October 26, 2011 | November 16, 2011 | December 7, 2011

Learn the basics of jQuery 1.4, an open-source Javascript framework for building dynamic Web applications. Discover how to separate a page's functionality (known as its "behavior layer") from its structure/content and presentation via this popular Javascript kit of tools.

Course Prerequisites

To gain the most from the class, you should already have:

• Experience with standard HTML 4 tag set plus CSS syntax

Course Objectives

• How to use jQuery selectors and filters to gather Web page content
• How to add and modify web page content with jQuery
• How to harness the power of jQuery statement chaining
• How to use jQuery event handlers that are cross-browser compliant
• How to use jQuery visual effects, such as visibility and fading

Course Outline

1: Introducing the Course

• Meeting the Prerequisites
• Understanding the Course Format
• Reviewing the Course Outline

2: Overview of jQuery

• What is jQuery?
• Installing jQuery
• What are jQuery's Main Features?
• Exercise: Creating a Simple jQuery-enabled Web Page

3: Essential 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 of a Set of Elements
• Specifying Elements in a Hierarchy
• Creating Visual Effects
• Creating New HTML Elements
• Exercise: Retrieving Content using jQuery

4: Selecting Elements the jQuery Way

• Selector Examples
• Meeting the Selectors
• Selecting Direct Descendents
• Selecting First and Last Children
• Selecting the Nth Child
• Selecting Elements with Specific Text
• Selecting Elements by Attributes
• 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 Selects
• Exercise: Selecting Elements using jQuery

5: Working with Elements

• 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 Element Width and Height
• Wrapping Elements
• Inserting Elements
• Editing the value Attribute
• Exercise: Working with Elements using jQuery

6: Working with Events

• Event Handling in Javascript and jQuery
• Binding an Event Handler to an Event
• Binding Multiple Event Handlers
• Binding Event Handlers Using Shortcuts
• Calling Event Handlers Only Once
• Unbinding Event Handlers
• Exercise: Event Handling Using jQuery

7: Visual Effects and Animation

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

8: The jQuery Utility Functions

• Looping over Object Members with $.each()
• Determining Browser Type with $.browser
• Creating Arrays
• Searching an Array
• Filtering an Array
• Exercise: Using jQuery UI Functionality

9: Using jQuery Widgets

• About Working with Widgets
• Creating Accordian Widgets
• Exercise: Placing a jQuery Accordian Widget on a jQuery-enabled Page

Tuition: $395 per person
Register:

• October 26, 2011
• November 16, 2011
• December 7, 2011