Course Detail

Course Description

jQuery is a cross-browser JavaScript library that helps web developers to write less and do more with JavaScript. jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In this one day course you will learn how to use jQuery library in order to create better RIA applications which are based on JavaScript.

jQuery Fundamentals

• Traversing HTML with the jQuery() function
• Introducing the Sizzle CSS selector engine
• Matching nodes by element name, ID, class, position, content, behavior and context
• Chaining calls to the jQuery() function

Manipulating the Document Object Model (DOM) for Cross-Browser DHTML

Adding and replacing content with jQuery

• Updating, adding and deleting element content
• Inserting nodes into the DOM and manipulating parents and siblings

Dynamically assigning CSS properties

• Adding and removing CSS rules and classes
• Controlling element size and position

Creating accessible, unobtrusive JavaScript

• Leveraging the .ready() method
• Assigning event handlers programmatically

Animating Web Pages with jQuery Effects

Enhancing pages with animations

• Controlling visibility with .hide(), .show() and .toggle()
• Combining animations and responding to callbacks
• Leveraging object literals to control animations
• Developing custom animations with .animate()

Building Responsive Pages with Ajax

Updating page components asynchronously

• Downloading HTML with the .load() method
• Calling web services with .get() and .post()
• Replacing callbacks with chained deferred objects
• Combining Ajax calls with .when() and .then()

Converting serialized server data to HTML

• Retrieving JSON with .getJSON()
• Returning and parsing XML with .ajax()

Designing User-Friendly Forms

Exploring jQuery tools for forms manipulation

• Selecting and setting focus on the first element
• Responding to focus and blur events
• Providing real-time feedback via keyboard events
• Integrating a validation plugin

Extending jQuery with Plugins

Integrating popular plugins

• Leveraging contributions from the jQuery community
• Extracting embedded data from semantic HTML
• Manipulating images with slide shows and carousels

Developing jQuery plugins

• Conforming to best practices and naming conventions
• Handling multiple elements
• Enabling method chaining
• Aliasing $ to avoid namespace conflicts
• Consuming object literals to override defaults

Creating Sophisticated User Interfaces with jQuery UI

Integrating widgets for highly interactive web applications

• Optimizing screen real estate with accordions and tabs
• Adding resizable, floating windows with dialog
• Providing input assistance with autocomplete

Implementing effects

• Creating color animations with .animate()
• Leveraging complex animation easings and effects

Adding Web 2.0 functionality

• Resizing HTML elements
• Building drag-and-drop user interfaces