jQuery Training

How To Take This Class

Live Instructor-Led Online Class

Cost: $975.00

  • Open enrollment class for individuals
  • Live class with an instructor
  • Free class retakes forever!
  • Six months of instructor email support
  • Hands-on exercises and student labs
  • Classes never cancelled due to low enrollment
  • Money-back guarantee

Onsite or Offsite Group Training

Cost: Based on number of students

  • For groups as small as 3 people
  • Class Held at our location or yours
  • Hands-on exercises and student labs
  • Customization at no extra charge
  • Six months of instructor email support
  • All-inclusive pricing
  • Money-back guarantee
Request Group Pricing Proposal

Course Duration

3 Days

Course Description

To build interesting, interactive sites, developers are turning to JavaScript libraries such as jQuery to automate common tasks and simplify complicated ones. Because many web developers have more experience with HTML and CSS than with JavaScript, the library's design lends itself to a quick start for designers with little programming experience. Experienced programmers will also be aided by its conceptual consistency. In this jQuery Training course students will learn how to use jQuery 3.0 to add interactions and animations to web pages. Starting with an introduction to jQuery, students will first be shown how to write a functioning jQuery program in just three lines of code. Students will then learn how to add impact to actions through a set of simple visual effects and to create, copy, reassemble, and embellish content using jQuery's DOM modification methods. The course will step you through many detailed, real-world examples, and even equip you to extend the jQuery library itself with your own plug-ins. Students will also learn how the ECMAScript 6 features affect the web development process with jQuery and discover how to use the newly introduced JavaScript Promises and the new animation API in jQuery 3.0.

Course Objectives

After successful completion of this course, students will be able to:
  • Create interactive elements for web designs
  • Learn how to create the best user interface for web applications
  • Use selectors in a variety of ways
  • Make things happen on webpages with events
  • Add flair to actions with a variety of animation effects
  • Use jQuery npm Packages

Course Audience

This course is for web designers who want to create interactive elements for their designs, and for developers who want to create the best user interface for their web applications. Basic JavaScript programming and knowledge of HTML and CSS is required. No knowledge of jQuery is assumed, nor is experience with any other JavaScript libraries

Course Prerequisites

Basic JavaScript programming and knowledge of HTML and CSS is required. No knowledge of jQuery is assumed, nor is experience with any other JavaScript libraries

Course Syllabus

  1. GETTING STARTED
    • What jQuery does?
    • Why jQuery works well?
    • What's new in jQuery 3?
    • Making our first jQuery-powered web page
    • Plain JavaScript versus jQuery
    • Using development tools
  2. SELECTING ELEMENTS
    • Understanding the DOM
    • Using the $() function
    • CSS selectors
    • Selector specificity
    • Attribute selectors
    • Custom selectors
    • DOM traversal methods
    • Iterating over jQuery objects
    • Accessing DOM elements
  3. HANDLING EVENTS
    • Performing tasks on page load
    • Handling simple events
    • Event propagation
    • Altering the journey - the event object
    • Removing an event handler
    • Simulating user interaction
  4. STYLING AND ANIMATING
    • Modifying CSS with inline properties
    • Hiding and showing elements
    • Effects and duration
    • Creating custom animations
    • Simultaneous versus queued effects
  5. MANIPULATING THE DOM
    • Manipulating attributes and properties
    • DOM tree manipulation
    • Copying elements
    • Content getter and setter methods
    • DOM manipulation methods in a nutshell
  6. SENDING DATA WITH AJAX
    • Loading data on demand
    • Choosing a data format
    • Passing data to the server
    • Keeping an eye on the request
    • Error handling
    • Ajax and events
    • Deferreds and promises
  7. USING PLUGINS
    • Using a plugin
    • Other types of plugins
    • The jQuery UI plugin library
    • The jQuery Mobile plugin library
  8. DEVELOPING PLUGINS
    • Using the dollar ($) alias in plugins
    • Adding new global functions
    • Adding jQuery object methods
    • Providing flexible method parameters
    • Creating plugins with the jQuery UI widget factory
    • Plugin design recommendations
  9. ADVANCED SELECTORS AND TRAVERSING
    • Selecting and traversing revisited
    • Customizing and optimizing selectors
    • DOM traversal under the hood
  10. ADVANCED EVENTS
    • Revisiting events
    • Event delegation
    • Defining custom events
    • Throttling events
    • Extending events
  11. ADVANCED EFFECTS
    • Animation revisited
    • Observing and interrupting animations
    • Using global effect properties
    • Multi-property easing
    • Using deferred objects
    • Taking fine-grained control of animations
  12. ADVANCED DOM MANIPULATION
    • Sorting table rows
    • Moving and inserting elements revisited
    • Storing data alongside DOM elements
    • Using HTML5 custom data attributes
    • Sorting and building rows with JSON
    • Revisiting attribute manipulation
  13. ADVANCED AJAX
    • Implementing progressive enhancement with Ajax
    • Handling Ajax errors
    • Using the jqXHR object
    • Throttling Ajax requests
    • Extending Ajax capabilities
  14. TESTING JAVASCRIPT WITH QUNIT
    • Downloading QUnit
    • Setting up the document
    • Organizing tests
    • Adding and running tests
    • Other types of tests