
Introduction to jQuery Training
Course Length: 2 days
Delivery Methods:
Multiple delivery options
Course Overview
This is a modern jQuery course. jQuery is not modern, but the course is. It provides a realistic overview of working with jQuery today, in a world where most jQuery development will be maintenance of and modernizing existing websites that use jQuery. Students should already be familiar with JavaScript and at least some CSS.
Course Benefits
- A little history.
- jQuery in the 2020s.
- Our project.
- Your first jQuery code.
- The document is ready.
- Selectors.
- Caching jQuery Objects.
- Utility Functions.
- Adding elements.
- Removing elements.
- Replacing elements.
- CSS
- Listening for events.
- Responding to events.
- Triggering events.
- on(), off(), and trigger().
- Event delegation.
- Display effects.
- Fading effects.
- Sliding effects.
- Animating.
- Ajax and JSON Basics.
- The Problems and Solutions with Ajax.
- Getting data with Ajax.
- Sending data with Ajax.
- Why convert?
- Practice, practice, practice!
- Why convert?
- Practice, practice, practice!
Available Delivery Methods
Private Class
Private classes are delivered for groups at your offices or a location of your choice.
Private classes are delivered for groups at your offices or a location of your choice.
Self-Paced
Learn at your own pace with 24/7 access to an On-Demand course.
Learn at your own pace with 24/7 access to an On-Demand course.
Course Outline
- Getting Started with jQuery
- Why jQuery in the 2020s?
- Our Approach
- Getting Bootstrap (Exercise)
- Reviewing the Vanilla JavaScript Code (Exercise)
- Getting Started with jQuery (Exercise)
- The jQuery Function and Selectors
- The Document is Ready
- Waiting for the Load Event (Exercise)
- jQuery Selectors
- Filtering
- Tree Traversal
- Caching jQuery Objects
- Playing with Selectors (Exercise)
- Chaining
- Utility Functions
- jQuery Manipulation
- Getter and Setter Methods
- Getter and Setter Methods Practice (Exercise)
- Setting and Adding Content
- Setting and Adding Content (Exercise)
- Copying and Removing Content
- Copying and Removing Content: Practice (Exercise)
- event.target
- Properties vs. Attributes
- Shopping List Application
- Logging (Exercise)
- Adding EventListeners (Exercise)
- Adding Items to the List (Exercise)
- Dynamically Adding Remove Buttons to the List Items (Exercise)
- Removing List Items (Exercise)
- Preventing Duplicates and Zero-length Product Names (Exercise)
- jQuery Forms and Events
- Listening for Events
- Triggering Events
- Delegating Events
- Event Delegation (Exercise)
- jQuery Effects
- Display Effects
- Fading Effects
- Waiting for Fading to Finish (Exercise)
- Sliding Effects
- Other Animations
- Ajax and jQuery
- Ajax
- Using Ajax
- Form Validation with Ajax (Exercise)
- Converting from jQuery to JavaScript
- Why Convert jQuery to JavaScript?
- Getting Ready (Exercise)
- Converting the Common Functions (Exercise)
- Converting the Config View Functions (Exercise)
- Convert the Game View Functions (Exercise)
- Converting from JavaScript to jQuery
- Why Convert to jQuery?
- Getting Ready (Exercise)
- Converting the Common Functions (Exercise)
- Converting the Config View Functions (Exercise)
- Convert the Game View Functions (Exercise)
- Review of Mathificent jQuery Code
Class Materials
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
Class Prerequisites
Experience in the following is required for this jQuery class:
- Familiarity with JavaScript and at least some CSS.
Experience in the following would be useful for this jQuery class:
- CSS
- JavaScript
Request a Private Class
- Private Class for your Team
- Online or On-location
- Customizable
- Expert Instructors
Self-Paced Course
$99.90
or 2 coupons
- On Demand 24/7
- Readings
- Presentations
- Exercises
- Quizzes
- Full Year of Access
- Learn more