jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax. It is free, open-source software using the permissive MIT License. As of May 2019, jQuery is used by 73% of the 10 million most popular websites. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin, having 3 to 4 times more usage than any other JavaScript library.

jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and Web applications.

Expected Skills

  1. Introduction to jQuery
    1. jQuery and JavaScript
    2. jQuery and AJAX
    3. Flavours of jQuery
    4. Consistent UX with jQuery
    5. Obtaining / Accessing the jQuery library
  2. The jQuery Event Model
    1. Binding event handlers
    2. Removing event handlers
    3. User Interface / Mouse events
    4. Event Manipulation Methods
  3. jQuery Selectors
    1. Identifying DOM elements
    2. Constructing jQuery Selectors
    3. Basic CSS selectors
    4. Positional selectors
    5. Custom jQuery selectors
    6. Chaining jQuery operations
    7. Escaping meta-characters
    8. The ready() handler
  4. Tweaking DOM objects with jQuery
    1. Getting objects by ID, Class, Tag
    2. Modifying object and attributes on-the-fly
    3. Changing an object’s Inner Text
    4. Styles and CSS Classes
    5. Handling Events with jQuery
  5. jQuery and AJAX calls
    1. Using the ajax() API
    2. Loading data with GET and POST
    3. Working with JSON data
    4. Serialising your form handling with serialize()
    5. Handling a completed AJAX request
    6. Security considerations
  6. Making it all look good with jQuery
    1. Simple jQuery animations
      1. Sliding
      2. Toggling
      3. Fading
      4. Easing
    2. Dealing with Durations
    3. Creating custom jQuery animations
    4. Binding animations to Events and Callbacks
  7. Intro to jQuery Mobile
    1. Overview of jQuery Mobile
    2. Touch-optimized layouts and UI widgets