In today's development environment, jQuery is used to maintain and modernize existing websites. This jQuery course will help you gain the skills you need to manage jQuery projects, which is a key skill for any web developer. You will master working with jQuery functions, effects and more through hands-on lessons that provide a realistic overview of a jQuery project.
Instructor(s):Self-Study
Requirements:
Hardware Requirements:
- This course can be taken on either a PC or Mac.
Software Requirements:
- PC: Windows 10 or later.
- Mac: macOS 11.0 or later.
- Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible.
- Adobe Animate (not included in enrollment).
Other:
- Email capabilities and access to a personal email account.
Instructional Material Requirements:
The instructional materials required for this course are included in enrollment and will be available online.
Hide Syllabus
Lesson 1
- Getting Started with jQuery
- Why jQuery in the 2020s?
- Our Approach
- Exercise: Getting Bootstrap
- Exercise: Reviewing the Vanilla JavaScript Code
- Exercise: Getting Started with jQuery
- The jQuery Function and Selectors
- The Document is Ready
- Exercise: Waiting for the Load Event
- jQuery Selectors
- Filtering
- Tree Traversal
- Caching jQuery Objects
- Exercise: Playing with Selectors
- Chaining
- Utility Functions
- jQuery Manipulation
- Getter and Setter Methods
- Exercise: Getter and Setter Methods Practice
- Setting and Adding Content
- Exercise: Setting and Adding Content
- Copying and Removing Content
- Exercise: Copying and Removing Content: Practice
- event.target
- Properties vs. Attributes
- Shopping List Application
- Exercise: 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
- jQuery Forms and Events
- Listening for Events
- Triggering Events
- Delegating Events
- Exercise: Event Delegation
- jQuery Effects
- Display Effects
- Fading Effects
- Exercise: Waiting for Fading to Finish
- Sliding Effects
- Other Animations
- Ajax and jQuery
- Ajax
- Using Ajax
- Exercise: Form Validation with Ajax
- Converting from jQuery to JavaScript
- Why Convert jQuery to JavaScript?
- Exercise: Getting Ready
- Exercise: Converting the Common Functions
- Exercise: Converting the Config View Functions
- Exercise: Convert the Game View Functions
- Converting from JavaScript to jQuery
- Why Convert to jQuery?
- Exercise: Getting Ready
- Exercise: Converting the Common Functions
- Exercise: Converting the Config View Functions
- Exercise: Convert the Game View Functions
Hide Syllabus