jQuery Training
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
- 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
- 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
- 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
- STYLING AND ANIMATING
- Modifying CSS with inline properties
- Hiding and showing elements
- Effects and duration
- Creating custom animations
- Simultaneous versus queued effects
- MANIPULATING THE DOM
- Manipulating attributes and properties
- DOM tree manipulation
- Copying elements
- Content getter and setter methods
- DOM manipulation methods in a nutshell
- 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
- USING PLUGINS
- Using a plugin
- Other types of plugins
- The jQuery UI plugin library
- The jQuery Mobile plugin library
- 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
- ADVANCED SELECTORS AND TRAVERSING
- Selecting and traversing revisited
- Customizing and optimizing selectors
- DOM traversal under the hood
- ADVANCED EVENTS
- Revisiting events
- Event delegation
- Defining custom events
- Throttling events
- Extending events
- ADVANCED EFFECTS
- Animation revisited
- Observing and interrupting animations
- Using global effect properties
- Multi-property easing
- Using deferred objects
- Taking fine-grained control of animations
- 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
- ADVANCED AJAX
- Implementing progressive enhancement with Ajax
- Handling Ajax errors
- Using the jqXHR object
- Throttling Ajax requests
- Extending Ajax capabilities
- 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.
- For Private Groups as small as 2 people.
- Live, Instructor-led Online or Onsite Class for your group.
- Customizable to your needs.