jQuery Jumpstart Training Course

Objectives

At the end of jQuery Jumpstart training course, the participants will understand:

• Dynamic page content
• Form Validation
• Event Handling
• Retrieve or Manipulate the contents of the wrapped set
• Animated drop down / Fly out navigation
• Cross - Fading images
• Dynamic content through Ajax
• Plugins(Animated slider banners, Accordian menus etc)

Audience - Front-end engineers needing to make their web applications more robust by adopting the jQuery framework.

Duration - 1 Day

Prerequisites - As a basic requirement, participants should have some experience of HTML and CSS. Knowledge of Javascript would be an added advantage.

Syllabus

1. Introducing jQuery Unobtrusive JavaScript jQuery fundamentals The jQuery wrapper Utility functions The document ready handler	2. Creating the wrapped element set Selecting elements for manipulation Using basic CSS selectors Using child, container, and attribute selectors Selecting by position Using custom jQuery selectors Generating new HTML Managing the wrapped element set Managing jQuery chains
3. Manipulating page contents with jQuery Manipulating element properties and attributes Manipulating element properties Fetching attribute values Setting attribute values Removing attributes Cloning elements Dealing with form element values	4. Events Understanding the browser event models The jQuery Event Model Binding event handlers using jQuery Removing event handlers Inspecting the Event instance Affecting the event propagation Triggering event handlers Other event-related commands
5. Animations and Effects Showing and hiding elements Implementing a collapsible list Toggling the display state of elements Animating the display state of elements Showing and hiding elements gradually Fading elements into and out of existence Sliding elements up and down	6. Talk to the server with Ajax Introduction to Ajax Loading content into elements Making GET and POST requests Getting data with jQuery Getting JSON data Making POST requests Taking full control of an Ajax request Making Ajax requests with all the trimmings Setting request defaults Global functions