jQuery

Course Overview

Learn web-based development that simplifies HTML document traversing, event handling, animating and AJAX interactions for faster web development. Learn the internal structure of the jQuery library and observe how you can create animations, utilities and effects according to current web standards.

Key Features:

Cloud labs
24/7 Support
Access to recordings and materials
Lesson-end quizzes
Course-end Assessments
Hands-on assignment

At the end of the training, participants will be able to:

  1. Explain the concepts of JQuery
  2. Discuss the concept of selector
  3. Explain DOM manipulation
  4. Explain event and AJAX
  5. Discuss JQuery UI

Pre-requisite

Basic understanding of HTML, CSS, JavaScript, Document Object Model (DOM) and any text editor

Duration

2 days

Course Outline

  1. jQuery
  2. Features
  3. Usecases
  4. Demo: HelloWorld
  1. jQuery and Element Selector
  2. Basics of selectors
  3. Attributes, Filters, Form, Children, Tree, and Visibility
  4. Demo: Attributes, Filters, Form, Children, Tree, and Visibility
  1. DOM Manipulation
  2. Element Attributes
  3. Decorate Elements
  4. Manipulation of CSS styles
  5. Demo: Text
  6. Demo: HTML
  7. Demo: Attributes
  8. Demo: CSS
  9. Demo: Element
  10. Demo: Hide and show
  11. Demo: Fade and slide
  12. Demo: Custom Animation
  1. Attaching Event handling
  2. Delegating Event handling
  3. Various Events
  4. AJAX
  5. GET and POST operations
  6. Demo: Events
  7. Demo: AJAX
  1. jQuery UI
  2. Accordion
  3. Dialog
  4. Menu
  5. Radio and checkboxes
  6. Sortable
  7. Demo: Accordion, Dialog, Menu, Radio and checkboxes, and sortable
  1. jQuery Plugin registry
  2. Use jQuery Plugin
  3. Demo: jQuery Plugins
  1. Adding functions to jQuery object
  2. Create custom plugins
  3. Demo: Custom plugins

Reviews