Comprehensive JavaScript Training

Customized Onsite Training

5
Days
  • Customized Content
  • For Groups of 5+
  • Online or On-location
  • Expert Instructors

Live Online Training

  • Live Online Training
  • Expert Instructors
  • Guaranteed to Run
  • 100% Free Re-take Option
  • 1-minute Video

For Online Training, See:

Overview

In this JavaScript training course, students learn to use JavaScript effectively to make their web pages more dynamic and functional and to reduce the number of roundtrips to the server.

Goals
  1. Learn how JavaScript is used.
  2. Learn JavaScript syntax.
  3. Learn about objects, methods, and properties.
  4. Learn to work with JavaScript variables.
  5. Learn to create your own functions in JavaScript.
  6. Learn to write flow control logic in JavaScript.
  7. Learn to validate forms with JavaScript.
  8. Learn to create roll-over images with JavaScript.
  9. Learn to open and work with new windows.
  10. Learn to work with JavaScript timers and intervals.
  11. Learn to work with the navigator history, and location objects.
  12. Learn to recognize/handle scope, including ES6 techniques for controlling the scope of a variable
  13. Learn to use prototyping, ES6 classes, and advanced JavaScript objects like maps and sets
  14. Learn advanced techniques for working with functions, including default values and flexible arguments, closures, immediately-invoked function expressions (IIFEs), and recursion
  15. Learn to use advanced array methods and properties
  16. Learn to use the XMLHttpRequest API to make Ajax calls and techniques for dealing with the same-origin policy
  17. Learn to use the JSON data format in JavaScript
  18. Learn to use try/catch/finally for handling errors
  19. Learn to use regular expressions in JavaScript
Outline
  1. JavaScript Basics
    1. The Name "JavaScript"
    2. What is ECMAScript?
    3. The HTML DOM
    4. JavaScript Syntax
    5. Accessing Elements
    6. Dot Notation
    7. Square Bracket Notation
    8. Where Is JavaScript Code Written?
    9. The "javascript" Pseudo-Protocol
    10. JavaScript Objects, Methods and Properties
    11. Exercise: Alerts, Writing, and Changing Background Color
  2. Variables, Arrays and Operators
    1. JavaScript Variables
    2. Exercise: Using Variables
    3. Arrays
    4. Exercise: Working with Arrays
    5. JavaScript Operators
    6. Exercise: Working with Operators
  3. JavaScript Functions
    1. Global Functions
    2. Exercise: Working with Global Functions
    3. User-defined Functions
    4. Exercise: Writing a JavaScript Function
    5. Returning Values from Functions
  4. Event Handlers
    1. Event Handlers
    2. Exercise: Using Event Handlers
    3. Dot Notation and Square Bracket Notation
    4. querySelector()
    5. Exercise: Working with querySelector()
    6. Exercise: Working with Hierarchical Node Properties
  5. Built-In JavaScript Objects
    1. String
    2. Math
    3. Date
    4. The typeof Operator
    5. Helper Functions
    6. Exercise: Returning the Day of the Week as a String
  6. Conditionals and Loops
    1. Conditionals
    2. Exercise: Conditional Processing
    3. Loops
    4. Exercise: Working with Loops
  7. The HTML Document Object Model
    1. The innerHTML Property
    2. Accessing Element Nodes
    3. Exercise: Accessing Elements
    4. Attaching Events
    5. Exercise: Attaching Events
    6. Event Propagation: Capturing and Bubbling
    7. Exercise: A Simple Soccer Game
    8. Accessing Attribute Nodes
    9. getAttribute()
    10. attributes[]
    11. hasAttribute()
    12. setAttribute()
    13. removeAttribute()
    14. Accessing Nodes by Type, Name or Value
    15. Removing Nodes from the DOM
    16. Creating New Nodes
    17. Identifying the Target of an Event
    18. Exercise: Creating and Inserting DOM Nodes
  8. JavaScript Form Validation
    1. Accessing Form Data
    2. Exercise: Textfield to Textfield
    3. Basics of Form Validation
    4. Exercise: Validating a Registration Form
    5. Validating Radio Buttons
    6. Validating Check Boxes
    7. Validating Select Menus
    8. Focus, Blur, and Change Events
    9. Validating Textareas
    10. Exercise: Improving the Registration Form
  9. CSS Object Model
    1. Changing CSS with JavaScript
    2. Hiding and Showing Elements
    3. Exercise: Showing and Hiding Elements
    4. Manipulating Tables
    5. Exercise: Tracking Results in the Math Quiz
    6. Dynamically Changing Dimensions
    7. Positioning Elements Dynamically
    8. Exercise: Changing the Math Quiz Timer to a Slider
    9. Changing the Z-Index
    10. The CSS Object Model
  10. Images, Windows and Timers
    1. Image Rollovers
    2. Preloading Images
    3. Exercise: Creating a Slide Show
    4. Windows
    5. Timers
    6. Exercise: Popup Timed Slide Show
  11. Debugging and Testing with Chrome
    1. Chrome DevTools
    2. The Panels
    3. Exercise: Using the Chrome DevTools "Elements" and "Console" Panels
    4. The Sources Panel
    5. Exercise: Using the Chrome DevTools "Sources" Panel
    6. Other DevTools Panels
    7. Chrome DevTools API and Extensions
    8. Exercise: Accessibility Developer Tools Extension
  12. Scope
    1. Scope in JavaScript
    2. The var Keyword
    3. Scope in Nested Functions
    4. The let Keyword
    5. Exercise: Scope
  13. Advanced Objects
    1. Object-Oriented Programming
    2. Prototyping
      1. Objects in JavaScript
      2. Prototyping in JavaScript
    3. Composing Prototypes
    4. Exercise: Prototyping
    5. ES6 Classes
    6. Static Methods
    7. Exercise: ES6 Classes & Static Methods
    8. Inheritance
    9. Maps
      1. Map vs Object?
    10. Sets
    11. Exercise: Guessing Game with Map and Set
    12. Objects as Namespaces
  14. Advanced Functions
    1. Function Declarations
    2. Function Expressions
    3. Default Values
    4. Flexible Arguments
    5. Exercise: Flexible Arguments
    6. Closures
    7. Exercise: Closures
    8. Immediately-Invoked Function Expressions (IIFEs)
    9. Callbacks
    10. Recursion
    11. Exercise: Recursion
  15. Advanced Arrays
    1. Arrays
    2. Arrays Methods
    3. Iterators and Arrow Functions
      1. Iterators
      2. Arrow Functions
    4. Static Array Methods
      1. Array.isArray()
      2. Array.from()
      3. Array.of()
    5. Array Prototype Methods
      1. Array.prototype.fill()
      2. Array.prototype.filter()
      3. Array.prototype.find()
      4. Array.prototype.forEach()
      5. Array.prototype.indexOf()
      6. Array.prototype.keys()
      7. Array.prototype.map()
      8. Array.prototype.reduce()
    6. Exercise: Find the Mode
  16. XHR
    1. XMLHttpRequest
    2. The XMLHttpRequest Object
      1. Handling the Response
    3. Node.js
      1. Installing Node.js
      2. Running Node.js
      3. A First Node.js Application and Server
    4. Using the XMLHttpRequest Object
    5. Exercise: Ajax using the POST method
    6. The Callback Function
    7. Exercise: Displaying and Updating Records
    8. Promises
    9. CORS/JSONP: Accessing Remote Sites
    10. Exercise: Retrieving Country Info from GeoNames via CORS
    11. JSONP
    12. Exercise: Retrieving State Names from Yahoo! with JSONP
    13. CORS vs. JSONP Differences
  17. JSON
    1. JSON
    2. Review of Object Literals
      1. Arrays
      2. Objects
      3. Arrays in Objects
      4. Objects in Arrays
    3. Back to JSON
      1. JSON Syntax
      2. JSON Parsers
    4. Exercise: Using JSON
  18. Errors and Exceptions
    1. Runtime Errors
      1. Completely unhandled errors
      2. Globally handled errors
      3. Structured Error Handling
      4. Throwing custom errors
    2. Nested Try/Catch
    3. Exercise: Try/Catch/Finally
  19. Regular Expressions
    1. Getting Started
      1. JavaScript's Regular Expression Methods
      2. Flags
      3. String Methods
    2. Regular Expression Syntax
      1. Start and End ( ^ $ )
      2. Number of Occurrences ( ? + * {} )
      3. Common Characters ( . \d \D \w \W \s \S )
      4. Grouping ( [] )
      5. Negation ( ^ )
      6. Subpatterns ( () )
      7. Alternatives ( | )
      8. Escape Character ( \ )
    3. Backreferences
    4. Form Validation with Regular Expressions
    5. Exercise: Advanced Form Validation
    6. Cleaning Up Form Entries
    7. Exercise: Cleaning Up Form Entries
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this JavaScript class:

  • HTML

Experience in the following would be useful for this JavaScript class:

  • CSS
  • Programming Experience
Prerequisite Courses

Courses that can help you meet these prerequisites:

Preparing for Class

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

74,839

Students who have taken Live Online Training

15,233

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.35

Students rated our Comprehensive JavaScript Training trainers 9.35 out of 10 based on 24 reviews

Contact Us or call 1-877-932-8228