Introduction to jQuery

Introduction to jQuery

This online course will teach you how to use jQuery through a series of modern, hands-on lessons.

3 Months Access / 28 Course Hrs
  • Details
  • Syllabus
  • Requirements
$135.00
$135.00
Self-Guided

Details

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.

Syllabus

  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

Requirements

Prerequisites:

Prior to starting this course, you must have experience work with HTML and JavaScript. Previous experience with CSS would also be useful.


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.

Self-Guided Course Code: T14131