Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Introduction to jQuery

Course Summary

The Introduction to jQuery training course is designed to demonstrate how to utilize jQuery to work with the DOM, select elements and build web applications.

The course begins with an explanation of the core of jQuery and how it is used to simplify the process of selecting, creating, and manipulating the DOM. Next, it explores the jQuery User Interface (UI) features used in adding page animations and effects, using jQuery for mobile compatibility, and how jQuery Mobile makes designing for devices easier. The course concludes by exploring QUnit to write and execute tests.

Purpose
 Learn how to use jQuery to work with the DOM, select elements and build web applications.
Audience
 Front-end engineers needing to make their web applications more robust by adopting the jQuery JS library.
Role
Software Developer - Web Developer
Skill Level
Introduction
Style
Hack-a-thon - Learning Spikes - Workshops
Duration
4 Days
Related Technologies
JavaScript | Web Development | jQuery

 

Productivity Objectives
  • Install and configure jQuery and make basic DOM manipulations
  • Utilize jQuery mobile and jQuery UI to make user interfaces that work for web and mobile
  • Leverage jQuery data work with different data types likes Extensible Markup Language (XML) and JavaScript Object Notation (JSON)
  • Write basic tests using QUnit

What You'll Learn:

In the Introduction to jQuery training course, you'll learn:
  • jQuery Core
    • jQuery history
    • Install jQuery
    • The jQuery Object
    • Select DOM Elements
    • Create DOM Elements
    • Traverse Data
    • Manipulate the DOM
    • Add Content to Elements
    • Change the appearance of Elements
    • Manipulate attributes
    • Add event handlers to elements
  • jQuery UI
    • Effects
    • Animations
    • jQuery UI Library
    • Interactions
    • Widgets
    • Themes
    • Utilize the APIs
    • Create a theme
  • jQuery Mobile
    • Mobile First Overview
    • Create a Single Page Site
    • Link to pages
    • Headers and footers
    • Icons
    • Panels and transitions
    • The Grid
    • Add Touch Events
  • jQuery Data and QUnit
    • REST Overview
    • Data Types (Text, JSON, XML)
    • Load Data with $.ajax
    • Load JSONP
    • Data loading helpers
    • CORS
    • Send data
    • QUnit overview
    • Write Tests
    • Test an API
  • jQuery Data
    • Find and use Plugins
    • Implement a 3rd Party Plugin
    • Extend jQuery
    • Write a Plugin
    • Create a widget with the widget factory
    • Utilize widgets as views
    • Build an HTML5 canvas bar graph plugin
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.