Undoing jQuery: How to Convert jQuery to Vanilla JavaScript

This is an introduction to jQuery course for JavaScript developers tasked with maintaining a jQuery site or converting a jQuery site to modern JavaScript.

While students will learn to write jQuery code, the emphasis will be on reading jQuery and learning to convert it to JavaScript. A significant part of the course is spent on an exercise converting a math game from jQuery to vanilla JavaScript.


Public Classes: Delivered live online via WebEx and guaranteed to run . Join from anywhere!

Private Classes: Delivered at your offices , or any other location of your choice.

Course Topics
  1. A little history.
  2. jQuery in the 2020s.
  3. Our project.
  4. Your first jQuery code.
  5. The document is ready.
  6. Selectors.
  7. Caching jQuery Objects.
  8. Utility Functions.
  9. Adding elements.
  10. Removing elements.
  11. Replacing elements.
  12. CSS
  13. Listening for events.
  14. Responding to events.
  15. Triggering events.
  16. on(), off(), and trigger()
  17. Event delegation.
  18. Display effects.
  19. Fading effects.
  20. Sliding effects.
  21. Animating.
  22. Ajax and JSON Basics.
  23. The Problems and Solutions with Ajax.
  24. Getting data with Ajax.
  25. Sending data with Ajax.
  26. Why convert from jQuery to JavaScript?
  27. Practice, practice, practice!
  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. Converting HTML Elements to jQuery Elements
    5. Filtering
    6. Tree Traversal
    7. Caching jQuery Objects
    8. Exercise: Playing with Selectors
    9. Chaining
    10. 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
Class Materials

Each student in our Live Online and our Onsite classes receives 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:

  • HTML
  • JavaScript

Experience in the following would be useful for this jQuery class:

  • CSS
Prerequisite Courses

Courses that can help you meet these prerequisites:

Training for your Team

Length: 0 Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

What people say about our training

Excellent teacher!
Gene Mitchell
US Courts
I strongly recommend this training to anybody who is thinking of using WP for blogging or building websites.
Olaf Fischer
Kushi Institute
The course is very good and should be taken by any customer service rep.
Jon Rousseau
Essco Calibration
I was really happy that in 3 days I could fully immerse myself in Access and learn so many things. The experience has energized me and given me fresh perspective on how to improve our business processes. Webucator is a wonderful experience. I will be back for more!
Julie Pomerville
DuPont Performance Coatings

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing


Students who have taken Instructor-led Training


Organizations who trust Webucator for their Instructor-led training needs


Satisfaction guarantee and retake option


Students rated our trainers 9.30 out of 10 based on 30,146 reviews

Contact Us or call 1-877-932-8228