Modern Web Development with JavaScript & JQuery Essentials

Learning jQuery will change the way you write JavaScript, working across multiple browsers and platforms.

Mastering JavaScript and jQuery provides an introduction to and experience working with the JavaScript programming language in the environment it's used in the most: the browser. JavaScript is simple and elegant but is often difficult to work with because it's so different from the programming languages most developers are used to working with.

This course also covers jQuery and provides practical and hands-on experience with the preferred JavaScript library for building rich web applications.


5 days/40 hours of instruction
Public Classroom Pricing

Starting at: $2495(USD)

GSA Price: $1870

Group Rate: $2395

Private Group Pricing

Have a group of 5 or more students? Request special pricing for private group training today.

Part 1: Core JavaScript

1. JavaScript Basics

1.  JavaScript Defined

2. Variables and Operators

3. Flow Control and Conditionals

4. Exercise: JavaScript Basics


2. Debugging Tools

1.  Using the strict mode and setting breakpoints

2. Browser debugging tools

3. Monitoring resource usage and performance

4. Emulating devices Exceptions in JavaScript

5. Exercise: JavaScript Debugging


3. JavaScript Functions

1.  Functions in JavaScript

2. Invoking Functions

3. Function Constructor

4. Function Scope and Closures


4. JavaScript Arrays, Math and Date

1.  JavaScript Literals

2. JavaScript Arrays

3. Working with Numbers and Dates

4. Exercise: JavaScript Built-in Objects


5. JavaScript Event Handling and the DOM

1.  Events and Event Handling

2. HTML Document Object Model

3. Accessing the DOM

4. Dynamically Working with the DOM

5. DOM Challenges

6. Exercise: Using Events and the DOM


6. Object-Oriented JavaScript

1.  JavaScript “Objects” and “Classes”

2. Constructors and Prototypes

3. Prototypes

4. Extending Classes with Prototype

5. Reusable, Flexible Classes

6. Exercise: Working with Classes


Part 2: jQuery

1. Why jQuery?

1.  JavaScript Evolution

2. Why jQuery?

3. jQuery Usage

4. Downloading jQuery


2. Basic jQuery

1.  jQuery: Operational Overview

2. jQuery Capability Overview

3. Basic Selectors

4. Multiple Selector

5. Selecting by Order

6. Exercise: Installing and Testing jQuery


3. Manipulating the DOM

1.  Attributes vs. Properties

2. CSS Box Model Properties

3. Element Content

4. Manipulating Children

5. Wrapping and Unwrapping

6. Effects (Basic Animation)

7. Effects Queues

8. Exercise: CSS Selection


4. More on Element Selection

1.  Hierarchical Selectors (Combinators)

2. Attribute Selectors

3. Basic vs. Child Filters

4. Filtering Methods

5. Traversing Methods

6. Exercise: Delving Into jQuery


Part 3: Working with jQuery

1. Attributes, Forms, and DOM

1.  Selecting from Forms

2. Selecting Parent and Children

3. Automatic DOM Traversal

4. Manipulating DOM Elements

5. Getting and Setting Attribute Values

6. Removing Attributes

7. Exercise: Dynamic DOM

2. More jQuery!

1. The jQuery Function

2. The jQuery Object

3. Some jQuery “Static” Methods

4. Utility Methods

5. Exercise: jQuery Practice

3. Event Handling

1.  Binding Multiple Events to Same Handler

2. Multiple Events to Different Handlers

3. Event Targets

4. Triggering Events

5. Custom Events

6. Live Events

7. Exercise: jQuery Events

4. More On Elements!

1.  Changing HTML Content

2. Changing Text Content

3. Managing Elements

4. Introduction to Animations

5. Ajax

1.  Posting Data

2. Global Ajax Handlers


4. Serialization

5. Deferred Objects

6. Promises and Piping

7. Chaining Tasks

8. Exercise: jQuery Selectors and Content Manipulation


Part 4: jQuery Plugins and Enhancements

1. jQuery Plugins

1.  jQuery Validation Plugin

2. jQuery Form plugin

3. jQuery BBQ (Back Button & Query) Plugin

4. jQuery Hotkeys Plugin

5. jQuery Color Plugin

6. Exercise: jQuery Plugins


2. jQuery UI

1.  jQuery UI Effects

2. Advanced Easing

3. Interactions

4. Position Utility

5. Widgets

6. Icons

7. Exercise: jQuery UI


3. Templates

1.  Micro Templates

2. jQuery Template Plugin

3. Compiling Templates Template Items


Part 5:  JavaScript Object Notation (JSON)

1. JSON Objects

1.  Understand JavaScript's literal syntax for creating arrays and objects

2. Understand object literals

3. Understand arrays

4. Understand arrays in objects

5. Understand objects in arrays


2. JSON Syntax and Processing

1.  Understand JSON Syntax

2. Understand JSON Parsers

3. Read and write object and array literals in JavaScript

4. How to use JSON in an Ajax application

5. Understand the advantages of using JSON

6. Understand the disadvantages of using JSON

7. How to use JSON in an Ajax application

8. How to transfer data to and from the server


3. jQuery, JSON, and AJAX

1.  jQuery AJAX Utility Method

2. jQuery and JSON

3. jQuery and Other Data Types

4. Serialization

5. Deferred Objects

6. Promises and Piping

7. Chaining Tasks

8. Exercise: Implementing JSON


Part 6: Advanced JavaScript Topics

1. ES6: The Next Step

1.  ES6 Defined

2. ES6 Default and Rest Parameters

3. IIFE and Closures

4. ES6 Importing/Exporting Modules

5. Arrays, ES6 Maps, and ES6 Sets

6. Working Arrays with ES6

7. Working Strings with ES6 Strings

8. ES6 Constructs and Inheritance

9. ES6: Getters and Setters

10.Exercise: Working with ES6


2. HTML5 JavaScript API

1.  Cross-Domain Messaging

2. Working with Web Storage

3. Offline with Application Cache

4. Geolocation: What, Why, and How

5. Exercise: Using the Web Storage API

6. Exercise: Using the Application Cache API


3. TypeScript

1.  Strong Data Typing

2. Compiling TypeScript to JavaScript

3. TypeScript Datatypes

4. TypeScript Classes and Interfaces


4. JavaScript Best Practices

1.  Code Conventions for the Lifecycle

2. Resolving Shared Resources

3. Constructs to Use

4. Constructs to Avoid

5. Memory Considerations


5. JavaScript Scheduling, Execution, and Security

1.  Timers and Scheduling

2. Execution Contexts

3. Same Origin Policy and JavaScript

4. Security Considerations


6. Performance and Optimization

1.  Code Optimization

2. JavaScript Verbosity Tradeoffs

3. Memory Considerations

4. Cyclic References


7. Download Options

1.  Explain the basic principles underlying web application performance optimization

2. Understand the role of downloading options in smoothing bandwidth usage

3. Understand how caching can reduce bandwidth usage


8. Security

1.  Security: The Complete Picture

2. Unvalidated Input

3. Injection Flaws

4. XSS

5. Spoofing

6. How Attackers See JavaScript Applications

7. OWASP Top Ten for 2017


Part 7: Web Design

1. Responsive Web Design


1.  Adapting to Varying Screen Sizes

2. Scaling Page and Text Content

3. Scaling and Adapting for Media

4. Options for Adjusting Media

5. Exercise: Make a Responsive Page


2. User Interface Principles

1.  Design Principles

2. Improving Interactions with Users

3. Matching Web Flow to User Expectations


3. Layout Techniques

1.  Page Layout Consideration

2. Stacking Content

3. Handling Excessive Content

4. Providing Consistency Across Web Presence

5. Exercise: Design: Using Responsive Web Design Patterns


4. Navigation Techniques

1.  Handling Excessive Content

2. Providing Context and State Feedback

3. Navigation Placement and Techniques

4. Exercise: Design: jQuery Events Project


5. Selection Techniques

1.  Improving Text Input

2. Improving Enumerated Input

3. Accessibility Considerations


This is an introductory level web developer course, designed for:

  • Developers that need to further extend their skills in web development.
  • Attendees should have an extensive working knowledge in developing basic software applications.

  • Become both familiar with the language and confident enough to work with it in any context
  • Learn enough of the DOM API to bend it to your will
  • Make communication between the browser and your server possible
  • Understand and effectively leverage closures
  • Understand how JavaScript's object model differs from the model classical object-oriented programming languages
  • Learn what jQuery is and how to add it to your applications
  • Use jQuery to select complex sets of elements from the DOM
  • Develop rich web pages that respond to user interaction
  • Interact with your server-side code using Ajax
  • Explore a wide variety of plugins and learn how to write your own
  • Test your applications to make sure your JavaScript is as solid as the rest of your code

A full refund will be issued for class cancellations made at least 10 business days before the course begins. Payment is nonrefundable for cancellations or reschedules made within 10 business days from the course start date and for No Shows (students who do not attend class).  For reschedules made within 10 business days from the course start date, students must reschedule immediately for the same course, up to a maximum of six months from the original date.  A student may only reschedule one time.

Modern Web Development with JavaScript & JQuery Essentials Schedule

Filter by region
Filter by region
There are currently no scheduled classes for this course. Please contact us if you would like more information or to schedule this course for you or your company.

Request Private Group Training