Introduction to jQuery

Lesson 1

1. Getting Started with jQuery
   1. Why jQuery in the 2020s?
   2. Our Approach
   3. Exercise: Getting Bootstrap
   4. Exercise: Reviewing the Vanilla JavaScript Code
   5. Exercise: Getting Started with jQuery
2. The jQuery Function and Selectors
   1. The Document is Ready
   2. Exercise: Waiting for the Load Event
   3. jQuery Selectors
   4. Filtering
   5. Tree Traversal
   6. Caching jQuery Objects
   7. Exercise: Playing with Selectors
   8. Chaining
   9. Utility Functions
3. jQuery Manipulation
   1. Getter and Setter Methods
   2. Exercise: Getter and Setter Methods Practice
   3. Setting and Adding Content
   4. Exercise: Setting and Adding Content
   5. Copying and Removing Content
   6. Exercise: Copying and Removing Content: Practice
   7. event.target
   8. Properties vs. Attributes
   9. Shopping List Application
   10. Exercise: Logging
   11. Exercise: Adding EventListeners
   12. Exercise: Adding Items to the List
   13. Exercise: Dynamically Adding Remove Buttons to the List Items
   14. Exercise: Removing List Items
   15. Exercise: Preventing Duplicates and Zero-length Product Names
4. jQuery Forms and Events
   1. Listening for Events
   2. Triggering Events
   3. Delegating Events
   4. Exercise: Event Delegation
5. jQuery Effects
   1. Display Effects
   2. Fading Effects
   3. Exercise: Waiting for Fading to Finish
   4. Sliding Effects
   5. Other Animations
6. Ajax and jQuery
   1. Ajax
   2. Using Ajax
   3. Exercise: Form Validation with Ajax
7. Converting from jQuery to JavaScript
   1. Why Convert jQuery to JavaScript?
   2. Exercise: Getting Ready
   3. Exercise: Converting the Common Functions
   4. Exercise: Converting the Config View Functions
   5. Exercise: Convert the Game View Functions
8. Converting from JavaScript to jQuery
   1. Why Convert to jQuery?
   2. Exercise: Getting Ready
   3. Exercise: Converting the Common Functions
   4. Exercise: Converting the Config View Functions
   5. Exercise: Convert the Game View Functions