Home | Courses | Web Development Training Courses | jQuery Training
jQuery Training

jQuery Training

Course Duration: 3 Days

This Course Covers Version(s): jQuery 3.0

  • Live Class with Instructor
  • Digital Course Manual
  • Hands-on Labs
  • One Year Access to Recorded Course

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.

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

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

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

  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

This course does not align to a specific exam or certification.

Live Instructor-Led Virtual Class
$975.00
Click here to load this Caspio Online Database.
Questions? View Our Live, Instructor-Led Virtual Class FAQs
Virtual or In-Person Group Training

  • For Private Groups as small as 2 people.
  • Live, Instructor-led Online or Onsite Class for your group.
  • Customizable to your needs.
Click here to load this Caspio Online Database.

Questions? Contact Us
Click here to load this Caspio Online Database.