Call us at 1-800-413-0939

JavaScript Training

Over 100 metro locations. Attend face-to-face, remotely or on site at your facility.


Travel Packages Remote Attendance

JavaScript Programming

Duration: 4 Days

Price: $2095

Remote Attendance: Click here for more information.


Students Will Learn:

  • Including JavaScript in a Web page
  • Using the Document Object Model (DOM) to access the HTML elements on the page dynamically
  • Using JavaScript objects effectively, including the window object and the navigator object
  • Creating and using variables
  • Using event handlers to handle user-triggered events
  • Using regular expressions with string methods to perform basic validation
  • Working with primitive data types
  • Passing arguments to a function
  • Using conditional constructs and loops
  • Debugging JavaScript code
  • Using Geolocation and Web Storage JavaScript APIs
  • Working with JSON objects
  • Using Ajax to make asynchronous calls to a Web server

Course Description: This hands on JavaScript training course provides the fundamental knowledge necessary to design and develop dynamic Web pages using JavaScript. It introduces students to client-side JavaScript and how the language can be used to turn static HTML pages into dynamic, interactive Web pages. Students will learn the syntax of the JavaScript language and how client-side scripts interact with server-side programs.

JavaScript topics include adding JavaScript to a Webpage, use of dialogs to interact with the user and JavaScript intrinsic objects such as Date, Array and Math. Students will also be introduced to the Document Object Model (DOM), creation of functions, event handling, form validation, JSON and Ajax. Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.

Students already familiar with JavaScript should register for the 4-day Exploiting ECMAScript 6: New JavaScript Features course.

Course Prerequisites: Basic computer skills and knowledge of HTML fundamentals including use of Cascading Style Sheets. Students who are not familiar with HTML should register for the Website Development with HTML5, CSS and Bootstrap course.

Overview of Client-Side JavaScript
  • Including JavaScript in a Page
    • Using the <script> Tag
    • Referencing an External Script File
    • Using an Event Handler
    • Using a URL
  • Evolution of the JavaScript Language
  • Common Misconceptions About JavaScript
  • ES5 vs ES6
    • New ES6 Data Types
      • Map and Set Collections
      • WeakMap and WeakSet Collections
    • ES6 Arrow Functions
    • ES6 String Template Literals
  • Using the JavaScript Console
    • Logging Messages in the Console
    • Debugging with Console
JavaScript Fundamentals
  • Using Strict Mode
  • Adding Comments
  • Debugging JavaScript Code
  • Declaring Variables
    • var, let and const Keywords
    • Local vs. Global Variables
    • Declaring Block-scoped Variables
  • Using JavaScript Primitive Types
    • String, Number and Boolean
    • undefined
    • null
  • Performing Data Conversions
  • Interacting with the User
    • alert
    • prompt
    • confirm
  • Working with JavaScript Operators
    • Arithmetic Operators
    • Assignment Operators
  • Using the Math and Date Objects
Controlling Flow
  • Conditional Constructs
    • if else
    • switch
  • Looping Contructs
    • do while
    • while
    • for
    • for in
  • Branching Statements
    • break
    • continue
  • Equality and Identity Operators
  • Logical and Comparison Operators
  • Error Handling
    • try
    • catch
    • throw
    • finally
Working with Strings, Numbers and Arrays
  • Creating String Objects
  • Using String Methods
    • Searching within a String
    • Returning a Substring
    • Converting Character Case
  • Creating Number Objects
  • Formatting Numbers
  • Creating Arrays
    • Using the Array Constructor
    • Using Literal Notation
  • Accessing Array Elements
  • Common Array Methods
  • Defining and Using Associative Arrays
  • Predefined Object Arrays
Implementing Functions
  • Declaring Functions
  • Invoking Functions
  • Named and Anonymous Functions
  • Passing Arguments
  • Local vs. Global Variables
  • Returning Values from a Function
  • The this Keyword
  • Default Parameters
  • Explaining Closures
Browser Object Model
  • Overview of the Browser Object Model
  • Using the window Object
    • Opening and Closing Windows
    • Using Timers
    • Passing Data Between Windows
  • Using the document Object
    • Writing to the Webpage
    • Accessing Properties of the Document
  • navigator Object
  • location Object
  • screen Object
Introduction to the Document Object Model (DOM)
  • Selecting DOM Elements
    • getElementById
    • getElementsByTagName
    • getElementsByName
    • getElementsByClassName
    • querySelector
    • querySelectorAll
  • Modifying Page Content with the DOM
  • Manipulating CSS using JavaScript
Event Handling in JavaScript
  • Overview of JavaScript Events
    • Identifying Differences Between Browsers
    • The event Object
    • Event Capturing and Bubbling
  • Adding Event Handlers
    • Traditional (Inline) Model
    • Registering Events in JavaScript
    • Adding Multiple Handlers
      • addEventListener
      • attachEvent
  • Mouse and Keyboard Events
  • Preventing Default Behavior
  • Canceling Events
Working with Forms
  • Accessing Forms from JavaScript
  • Working with Form Elements
  • Validating Form Fields
    • Checking Required Fields
    • Checking Length of Input
  • Canceling Form Submission
Using Regular Expressions
  • Overview of Regular Expressions
  • Using Regular Expressions in JavaScript
    • Creating a RegExp Object
    • Using i and g Flags
  • Validating Strings with Regular Expressions
  • Using Backreferences
Working with JavaScript Objects and JSON
  • Understanding Objects
  • Defining Custom Objects
    • Object Literal Notation
    • Defining Properties and Methods
    • Creating a Constructor
    • ES6 Enhanced Object Literals
  • Extending an Existing Object with prototype
  • Using the in and instanceof Operators
  • Overview of JSON
  • Using JSON.stringify and JSON.parse
Using Ajax
  • Overview of Ajax
  • The XMLHttpRequest Object
  • Configuring an Ajax Request
  • Handling Errors on readystatechange
  • Using JSON with Ajax
HTML5 JavaScript APIs
  • Web Storage API
    • Local Storage
    • Session Storage
  • Geolocation API
  • Fullscreen API
  • Page Visibility API
Overview of JavaScript Design Patterns
  • What is a Design Pattern?
  • Design Pattern Categories
  • Popular Design Patterns
    • Constructor
    • Module
    • Prototype
    • Factory
    • IIFE
    • MVC
    • MV*
    • Singleton
Overview of JavaScript Libraries, Frameworks and Tools
  • What is a Library?
    • jQuery
    • Dojo
    • MooTools
    • Chart.js
  • What is a Framework?
    • AngularJS
    • React
    • Backbone
    • Ember
  • Popular JavaScript Tools
    • Jasmine
    • Mocha
    • Chai
    • Grunt
    • Gulp
    • Babel
  • Overview of Polyfills
 
  • Course materials include student guide, hands-on lab manual and USB flash drive for examples and lab work
  • Students receive a certificate of completion at the end of class
  • Students can retake any portion of a class that has been completed, within 12 months at no extra cost
  • There are no registration fees or cancellation fees

Fantastic instructor. Personable and knowledgeable - the two characteristics you absolutely have to have. Patient and clear. Very clear in his explanations. Would gladly take another class.
— D.S., OU School of Community Medicine


The instructor was great and the rule of three helped me understand the material. You can't beat: Talk about it. See it. Do it.
— E.K., Intersec Design


Very good course - covered many interesting topics. I learned a really tremendous amount for only 3 days. This will greatly help me in my current job.
— C.H., Net QOS

Individual training passes: save up to 43%! For complete discount options » click here «

# Courses Total Cost Cost Per Course % Savings
2 $4,090 $2,045 22%
3 $5,490 $1,830 30%
4 $6,690 $1,672 36%
5 $7,790 $1,558 40%
6 $8,890 $1,482 43%

Multiple Training Locations - Convenience and Cost Control

Attend Regularly Scheduled Courses in More than 100 Cities Across North America and the United Kingdom or via Remote Attendance