About This Course

jQuery is a JavaScript library. jQuery is really good at handling “events” on a webpage like when someone clicks or moves their mouse. jQuery is also good at finding a small part of a webpage and making very specific changes to that part.

The jQuery Foundations training course covers how to both effectively use JavaScript and jQuery to build web and mobile applications. Developers will learn the core syntax of both technologies in this course. This includes handling events, routing, testing, forms, and building for mobile devices.

Request More Info About This Course
jquery

Course Category

Duration

This is a five-day, hands-on bootcamp.

Skill Level

What Happy Developers Say

The instructor did a good job of adjusting content to meet different skill levels.
Developer, Intuit
The instructor was very knowledgeable, making it easy to ask questions and provided good conversation about the topic at hand.
Web Developer, DELL
The instructor demonstrated strong broad knowledge as well as technical in-depth when appropriate
Engineer, Starbucks
I liked that we could determine what to learn, no time was wasted.
Javascript Developer, RetailMeNot
I had trouble understanding a certain concept, and told the instructor that I just didn't get it. While the class was busy with an exercise, he sat down with me, gave me material to read, and made sure I understood it before I moved on. I really appreciated that.
JavaScript Developer, PayPal
The instructor has a great attitude and pacing. Amazing how much he knows about JS!
Junior JavaScript Developer, Macy's

Purpose

  • Use the fundamentals of JavaScript, including primitives, arrays, variables, objects, and functions.
  • Manipulate the DOM with Vanilla JS, jQuery, and JavaScript frameworks.
  • Understand how jQuery is used to simplify the process of selecting, creating, and manipulating the DOM.
  • Explore the jQuery UI features used in adding page animations and effects.
  • Work with jQuery Mobile makes designing for devices easier.
  • Write and execute tests using QUnit.

Audience

Web developers with little-to-no front-end experience who need to learn jQuery and JavaScript in a single course.

Course Outline

JavaScript

  • Introduction to JavaScript
    • What is JavaScript?
    • Where can JavaScript be found?
    • Working with the Console
    • The Stateless Web
    • AJAX Revolution
  • Core Concepts
    • Primitives
    • Variables
    • Objects
    • Arrays
    • Loops
    • Functions
  • DOM Elements
    • What is the Document Object Model?
    • Object Orientation
    • Creating and Adding Elements
    • Writing Functions
  • Objects
    • Object Literal Notation
    • JSON
    • Working with Arrays
    • Built In Objects
    • AJAX
  • Event Handling
    • Common Event Types in JavaScript
    • Timing
    • Date and Time
    • Mouse Events
  • Forms
    • Validating Forms
    • Displaying and Hiding Form Areas
    • Writing Regular Expressions
  • Storage
    • Web Storage
    • Cookies
  • JavaScript Testing
    • Testing Overview
    • Test-driven Development (TDD)
    • Debugging Tools
    • JSLint-ing Your Code

jQuery

  • jQuery Core
    • jQuery History
    • Installing jQuery
    • The jQuery Object
    • Selecting DOM Elements
    • Creating DOM Elements
    • Traversing Data
    • Manipulating the DOM
    • Adding Content to Elements
    • Changing the Appearance of Elements
    • Manipulating Attributes
    • Adding Event Handlers to Elements
  • jQuery UI
    • Effects
    • Animations
    • jQuery UI Library
    • Interactions
    • Widgets
    • Themes
    • Using the APIs
    • Creating Your Own Theme
  • jQuery Mobile
    • Mobile First Overview
    • Creating a Single Page Site
    • Linking to Pages
    • Headers and Footers
    • Icons
    • Panels and Transitions
    • The Grid
    • Adding Touch Events
  • jQuery Data and QUnit
    • REST Overview
    • Data Types (Text, JSON, XML)
    • Loading Data with $.ajax
    • Loading JSONP
    • Data Loading Helpers
    • CORS
    • Sending Data
    • QUnit Overview
    • Writing Tests
    • Testing an API
  • jQuery Data
    • Finding and Using Plugins
    • Implementing a 3rd Party Plugin
    • Extending jQuery
    • Writing Your Own Plugin
    • Creating a Widget with the Widget Factory
    • Using Widgets as Views
    • Building an HTML5 Canvas Bar Graph Plugin
Request More Info About This Course

Instructors Who Teach This Course

Craig

Craig

Craig recently released the book, The JavaScript Framework Guide: AngularJS, Backbone, and Ember. Craig has been a guest on the Hanselminutes and JavaScript Jabber podcasts. He’s an avid blogger, and several of his articles have been published in Peter Cooper’s poplular “JavaScript Weekly” newsletter. He also has his own podcast, “The Front-End Developer’s Cast”.

Craig has been a developer f... read more

Elias

Elias

Elias Carlston has 20 years’ experience as a software engineer, from lean startups to large enterprises. Having great mentors early on showed Elias the value of sharing knowledge, and he enthusiastically embraces the opportunity to give back to the community through teaching. Beginning his career as a data analyst for a large non-profit clinic, he soon became a full stack developer. First, at ... read more

Joshua

Joshua

Joshua has been in the Internet industry almost since its inception, working as an enterprise systems administrator for 5 years, as a systems/network architect for two years, and as a developer for 15 years. His programming experience is generally centered on Internet applications; nowadays mostly focused on JavaScript, both server-side and front-end. Joshua is a believer in disruptive technolo... read more

Kamren

Kamren

Kamren has a love of all things front-end and has enjoyed bringing his 10+ years of web development experience into each class he teaches. Recently Kamren has been working with a leading insurance company as a senior developer of front-end architecture and mobile web application design. He was instrumental in shaping their front-end development team and leading the company into single page appl... read more

Learn More About This Course

Who Takes This Training?