jQuery Essential Training (2016)

Course details

Looking to add dynamic content, third-party data, or animation to your websites and apps? Look no further. In this course, Joe Marini introduces jQuery, an open-source JavaScript library that simplifies the process of adding advanced functionality to web projects. First, learn how to use jQuery to extract and manipulate page content, using CSS rules you already know. Next, learn to build new, dynamic page content on the fly, and use jQuery events to respond to user actions. Finally, discover how to add animation and effects from jQuery's built-in library, and access remote data via AJAX. Want to practice what you learn along the way? Make sure to watch the challenge and solution videos, where Joe shows how to solve real-world design problems with jQuery.

Learning objectives
What is jQuery?
Using selectors and filters to extract information
Creating, inserting, and animating page content
Handling events
Understanding jQuery statement chaining
Working with CSS
Building event handlers
Animating with jQuery: showing, hiding, and fading page elements
Working with AJAX

Concepts

0. Introduction

01 - Welcome
02 - What you should know before watching this course
03 - Using the exercise files
04 - Setting up the development environment
05 - What is jQuery

1. A Quick Introduction to jQuery

06 - Your first jQuery-enabled page
07 - Selectors and filters
08 - Creating and modifying page content
09 - Handling events
10 - Animating page content
11 - Working with AJAX

2. Working with Page Content

12 - Overview of selectors and filters
13 - Basic selectors
14 - Basic filters
15 - Advanced selectors
16 - Attribute filters
17 - Advanced filters
18 - Traversing documents with jQuery
19 - jQuery statement chaining
20 - Programming challenge
21 - Solution

3. Manipulating Page Content

22 - Creating content
23 - Inserting page content
24 - Altering page content
25 - Manipulating attributes
26 - Working with CSS
27 - Embedding custom data
28 - Programming challenge
29 - Solution

4. jQuery Events

30 - jQuery event handling features
31 - Binding and unbinding events
32 - Event helper features
33 - Using the jQuery event object
34 - Programming challenge
35 - Solution

5. Animations and Effects

36 - Introduction to jQuery animations
37 - Hiding and showing elements
38 - Fading elements
39 - Sliding elements
40 - Custom animations

6. AJAX Operations

41 - jQuery and AJAX
42 - Convenience functions
43 - Working with different data types
44 - Using global AJAX handlers
45 - Programming challenge
46 - Solution

Conclusion

47 - Goodbye