Realdolmen Education

Details

jQuery 3 Essentials

This course is currently not scheduled on the open calendar, but can be organized on request.

Request Course

Duration

2 day(s)

Audience

JavaScript programmers

Prerequisites

Some JavaScript knowledge is required.

Objectives

Learn the basics of jQuery

Methods

Mix of exercises and theory

Description

This course will teach you how to become a better front end developer by leveraging the power of the popular jQuery framework.

Contents

  • 1. jQuery Essentials
    • 1.1. Goal
    • 1.2. Agenda
  • 2. Introduction
    • 2.1. What is jQuery?
    • 2.2. What jQuery looks like
    • 2.3. Getting jQuery in your web pages
    • 2.4. Compressed or Uncompressed
    • 2.5. Example Template
    • 2.6. Why is jQuery useful?
  • 3. Selectors
    • 3.1. Document Object Model
    • 3.2. The $ Function
    • 3.3. Selectors
    • 3.4. Basic Selectors
    • 3.5. Hierarchy Selectors
    • 3.6. Attribute Selectors
    • 3.7. Pseudo Selectors
    • 3.8. Non CSS3 Selectors
    • 3.9. Sub Selectors
    • 3.10. Unboxing Selections
    • 3.11. Variable $ Prefix Convention
  • 4. Navigation
    • 4.1. Fluent API
    • 4.2. DOM Traversal
    • 4.3. Parent and Child Navigation
    • 4.4. Sibling Navigation
    • 4.5. Filtering Navigation
    • 4.6. Other Navigation
  • 5. DOM Manipulation
    • 5.1. What is DOM Manipulation
    • 5.2. Decorating DOM Elements
    • 5.3. Other CSS Related DOM manipulation
    • 5.4. Changing DOM content directly
    • 5.5. Creating DOM elements
    • 5.6. Adding DOM elements
    • 5.7. Modifying Properties and Attributes
    • 5.8. Remove Replace Copy DOM elements
    • 5.9. Wrapping Elements
  • 6. Event Handling
    • 6.1. What are Events?
    • 6.2. Binding Events
    • 6.3. Unbinding Events
    • 6.4. Event Types
    • 6.5. Document Ready
    • 6.6. Programmatically Triggering Events
    • 6.7. Event Listener Callback Parameters
    • 6.8. Event Object
    • 6.9. Event Bubbling
    • 6.10. Event Delegation
    • 6.11. Preventing Default Action
  • 7. Effects
    • 7.1. Animation Effects
    • 7.2. jQuery vs CSS3
    • 7.3. Simple Animation Effects
    • 7.4. Effect Options
    • 7.5. Easing Function
    • 7.6. Effect Callbacks
    • 7.7. Customized Animation
    • 7.8. Mentioning jQuery UI
    • 7.9. Animation Queue
  • 8. Ajax
    • 8.1. What is Ajax?
    • 8.2. Loading Remote HTML
    • 8.3. Loading External Scripts
    • 8.4. Fetching JSON Data
    • 8.5. Fetching Common Data Types
    • 8.6. Fetching Common Datatypes
    • 8.7. Ajax Function
    • 8.8. Global Ajax Settings
    • 8.9. Sending Form Data
    • 8.10. Deferred
    • 8.11. Mentioning ES2015 Promises
  • 9. Conclusion
    • 9.1. References
    • 9.2. Other Courses