Course duration
- 2 days
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 from jQuery to JavaScript?
- Practice, practice, practice!
Course Outline
- 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
- Converting HTML Elements to jQuery Elements
- 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
Class Materials
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
Experience in the following is required for this jQuery class:
- HTML
- JavaScript
Experience in the following would be useful for this jQuery class:
- CSS
Courses that can help you meet these prerequisites:
Instructor-led courses are offered via a live Web connection, at client sites throughout Europe, and at our Geneva Training Center.