Course outline for jQuery

Training Mode

Online training for jQuery

We provide:

  • Instructor led live training
  • Self-paced learning with access to expert coaches
  • 24x7 access to cloud labs with end to end working examples

All jnaapti sessions are 100% hands-on. All our instructors are engineers by heart. Activities are derived from real-life problems faced by our expert faculty. Self-paced hands-on sessions are delivered via Virtual Coach.

Classroom training for jQuery

Classroom sessions are conducted in client locations in:

  • Bengaluru
  • Chennai
  • Hyderabad
  • Mumbai
  • Delhi/Gurgaon/NCR

Note: Classroom training is for corporate clients only

Detailed Course Outline for jQuery

Overview of jQuery

  • What is jQuery, why do we need it?
  • Downloading and installing jQuery
  • Understanding CDN versions
  • Understanding minified v/s uncompressed versions
  • Advantages of jQuery

Diving into jQuery

  • The jQuery object and the $ alias
  • Identifying document readiness
  • Executing some code - the -Hello World- of jQuery

jQuery Selectors

  • How jQuery works - select and apply
  • Understanding various selectors
  • Method chaining
  • DOM traversal

DOM and CSS Manipulation using jQuery

  • Inserting DOM elements
  • Moving DOM elements
  • Cloning DOM elements
  • Removing DOM elements
  • Modifying CSS properties
  • Identifying dimensions and position of objects

AJAX using jQuery

  • Handling different types of response data
  • JSONP
  • Handling failures

Effects and Custom Animations - 1 hour

  • Showing and hiding elements
  • Fading effects
  • Sliding effects
  • Creating custom animations

Using Plugins in jQuery

  • Understanding the plugin framework
  • Discovering plugins
  • A few examples

Plugin Authoring

  • The this keyword revisited (context)
  • $.extend
  • Maintaining chainability
  • Defaults and options
  • Events
  • Writing your own plugin

Using Plugins

  • jQuery UI
  • Accordion
  • Autocomplete
  • Navigation menus
  • Tabs
  • Breadcrumbs
  • Interactions
  • Draggable/Droppable
  • Resizable
  • etc
  • Effects
  • Themes
  • Data Tables
  • jQuery Mobile - an introduction