Course Number:

N/A

Audience:

This course is designed for developers.
Course Duration:
3 days

Prerequisites:

Web development experience with JavaScript is required.

Course Objectives:
  • Change page on command with DOM manipulation
  • Use AJAX to get the most out of server-side code
  • Build and control HTML tables dynamically
Course Outline:
  • Getting Started
    • What jQuery Does
    • History of the jQuery project
    • Downloading jQuery
    • Adding jQuery
    • Executing the Code
    • Why jQuery Works Well
    • Our First jQuery-Powered Web Page
    • Setting Up the HTML Document
    • Injecting the New Class

 

  • Selectors
    • The Document Object Model
    • CSS Selectors
    • Attribute Selectors
    • Custom Selectors
    • Form Selectors
    • Styling Specific Cells
    • Accessing Dom Elements
    • The $() Factory Function
    • Styling List-Item Levels
    • Styling Links
    • Styling Alternate Rows
    • DOM Traversal Methods
    • Chaining

 

  • Events
    • Performing Tasks On Page Load
    • Multiple Scripts On One Page
    • Coexisting with Other Libraries
    • Event Handler Context
    • Shorthand Events
    • Event Bubbling
    • Altering The Bubble Process
    • Stopping Event Propagation
    • Event Delegation
    • Event Namespacing
    • Simulating User Interaction
    • Timing of Code Execution
    • Shortcuts for Code Brevity
    • Simple Events
    • Further Consolidation
    • Compound Events
    • Side Effects of Event Bubbling
    • Event Targets
    • Default Actions
    • Removing an Event Handler
    • Rebinding Events
    • Keyboard Events

 

  • Effects
    • Inline CSS Modification
    • Effects and Speed
    • Fading In and Fading Out
    • Creating Custom Animations
    • Animating Multiple Properties
    • Callbacks
    • Basic Hide and Show
    • Speeding In
    • Compound Effects
    • Toggling The Fade
    • Positioning with CSS

 

  • DOM Manipulation
    • Manipulating Attributes
    • The $() Factory Function Revisited
    • Moving Elements
    • Clone with Events
    • A CSS Diversion
    • Non-Class Attributes
    • Inserting New Elements
    • Marking, Numbering and Linking the Context
    • Copying Elements
    • Cloning for Pull Quotes

 

  • Table Manipulation
    • Loading Data On Demand
    • Working with JavaScript Objects
    • Global jQuery Functions
    • Loading an XML Document
    • Passing Data to The Server
    • Performing a POST Request
    • Security Limitations
    • Additional Options
    • Appending HTML
    • Retrieving a JavaScript Object
    • Executing a Script
    • Choosing a Data Format
    • Performing a GET Request
    • AJAX and Events
    • Using JSON for Remote Data
    • The Low-Level AJAX Method

 

  • jQuery Forms
    • Sorting and Paging
    • Preventing Page Refreshes
    • Row Grouping Tags
    • Column Highlighting
    • Server-Side Pagination
    • JavaScript Pagination
    • Modifying Table Appearance
    • Row Striping
    • Interactive Row Highlighting

 

  • Filtering
    • Reversing the Filters
    • Server-Side Sorting
    • JavaScript Sorting
    • Alternating Sort Directions
    • Sorting and Paging Go Together
    • Row Highlighting
    • Advanced Row Striping
    • Tooltips
    • Filter Options
    • Interacting with Other Code

 

  • Shufflers and Rotators
    • Forms and JavaScript
    • Conditionally Displayed Fields
    • Required Fields
    • Checkbox Manipulation
    • Placeholder Text for Fields
    • Keyboard Navigation
    • Rejecting Non-Numeric Input
    • Parsing and Formatting Currency
    • Other Calculations
    • Form Validation
    • Required Formats
    • Compact Forms
    • AJAX Auto-Completion
    • Working with Numeric Form Data
    • Numeric Calculations
    • Dealing with Decimal Places
    • Rounding Values

 

  • Using Plugins
    • Page Rotators
    • The Headline Rotate Function
    • Retrieving A Feed from A Different Domain
    • Gradient Fade Effect
    • Setting Up the Page
    • Shuffling Images When Clicked
    • Image Enlargement
    • Displaying A Close Button
    • Adding A Loading Indicator
    • Setting Up the Rotator
    • Pause On Hover
    • Adding A Loading Indicator
    • An Image Carousel
    • Revising The Styles with JavaScript
    • Adding Sliding Animation
    • Hiding The Enlarged Cover
    • More Fun with Badging
    • Deleting Items
    • Required Field Messages

 

  • Developing Plugins
    • jQuery Plugins Introduction
    • The Form Plugin
    • Effects
    • Class Animations
    • Additional Effects
    • Widgets
    • Other Recommended Plugins
    • Tables Plugins
    • Charting Plugins
    • How to Use a Plugin
    • The jQuery UI Plugin Library
    • Color Animations
    • Advanced Easing
    • Interaction Components
    • jQuery UI ThemeRoller
    • Forms Plugins
    • Images Plugins

Related Posts

About Us

IT Training, Agile Ways of Working and High Impact Talent Development Strategies

Let Us Come to You!

Classes recently delivered in: Atlanta, Boston, Chicago, Columbus, Dallas, Detroit, Indianapolis, Jerusalem, London, Milan, New York, Palo Alto, Phoenix, Pittsburgh, Portland, Raleigh, San Antonio, San Diego, San Francisco, San Jose, Seattle, Springfield, Mass., St. Louis, Tampa and more!