JavaScript Training

JavaScript is the programming language of the Web! In this JavaScript module you will learn how to write JavaScript and insert them into your HTML documents, and how to make your pages more dynamic and interactive.

3 Days

Fundamentals of HTML5 and CSS3 training and or equivalent experience

  • Typical Uses of JavaScript
  • Evolution of the JavaScript Language
  • ECMAScript Version Support
  • What is Core JavaScript?
  • What are JavaScript APIs?
  • Writing JavaScript in Visual Studio Code
  • Using Strict Mode
  • JavaScript and Whitespace
  • Adding Comments
  • Declaring Variables
  • var, let and const Keywords
  • Local vs. Global Variables
  • Declaring Block-Scoped Variables
  • JavaScript Datatypes
  • Primitive Types
  • Objects
  • Performing Data Conversions
  • Working with JavaScript Operators
  • Assignment Operators
  • Type Operators
  • Bitwise Operators
  • Conditional Operator
  • Working with Dates
  • Solving Precision Problems with Numbers
  • Rounding Numbers
  • Creating Random Numbers
  • Arithmetic Operation
  • Working with Exponents
  • Converting to Numbers
  • parseInt, parseFloat and Number Functions
  • Types of JavaScript Errors
  • Error Handling
  • try
  • catch
  • finally
  • Throwing Custom Errors with throw
  • Creating Boolean Expressions
  • Using Standard and Strict Equality Operators
  • Using Logical and Comparison Operators
  • Conditional Constructs
  • if else
  • switch
  • Looping Constructs
  • do while
  • while
  • for
  • for in
  • for…of
  • Branching Statements
  • break
  • continue
  • Using Labels
  • Creating Arrays
  • Using the Array Constructor
  • Using Literal Notation
  • String.split()
  • Array.of()
  • Accessing Array Elements
  • Common Array Methods
  • forEach ()
  • includes ()
  • find () and findIndex ()
  • Adding and Removing Elements
  • Sorting Arrays
  • Creating a Custom Sort Function
  • Looping through an Array
  • Creating String Objects
  • Using String Methods
  • Searching within a String
  • Returning a Substring
  • Converting Character Case
  • Template Literals
  • Escape Sequences
  • Declaring Functions
  • Function Parameters
  • Default Parameters
  • Rest Parameters
  • Invoking Functions
  • Passing Arguments
  • Spread Operator
  • Named and Anonymous Functions
  • Local vs. Global Variables
  • Returning Values from a Function
  • This Keyword
  • IIFEs
  • Closures
  • Callback Functions
  • Arrow Functions
  • Embedding JavaScript in a Page
  • Referencing an External Script File
  • Using the JavaScript Console
  • Logging Messages in the Console
  • Debugging with Console
  • Deferring Script Loading
  • Where to Include JavaScript
  • DOMContentLoaded vs Load Events
  • Overview of the Browser Object Model
  • Using the window Object
  • Opening and Closing Windows
  • Using Timers
  • Interacting with the User with Dialogs
  • Using the document Object
  • Writing to the Web Page
  • Useful Properties of the Document
  • navigator Object
  • Feature detection
  • location Object
  • screen Object
  • Overview of Common DOM Types
  • Selecting DOM Elements
  • Selecting Elements by Id and Name
  • Selecting Elements by Class
  • Using CSS Selectors to Select elements
  • Modifying Page Content with the DOM
  • innerHTML and textContent Properties
  • createElement
  • createDocumentFragment
  • Accessing Attributes
  • Overview of JavaScript Events
  • The event Object Members
  • Event Capturing and Bubbling
  • Adding Event Handlers
  • Traditional (Inline) Model
  • Registering Events in JavaScript
  • Adding Multiple Handlers with addEventListener
  • Mouse and Keyboard Events
  • Preventing Default Behavior
  • Cancelling Events
  • Using the style Property
  • CSSStyleDeclaration Objects
  • getComputedStyle
  • Modifying Classes with the classList API
  • Enhancing Forms with JavaScript
  • Preventing a Double Submission
  • Selecting All Checkboxes
  • Conditionally Showing Fields
  • Working with Form Elements
  • Client-Side vs Server-Side Validation
  • Validating Form Fields
  • Checking Required Fields
  • Checking Length of Input
  • Overview of HTML 5 Validation
  • Constraint API
  • Cancelling Form Submission
  • Using Regular Expressions
  • Using Regular Expressions in JavaScript
  • Creating a RegExp Object
  • Using i and g Flags
  • Pattern Matching with Regular Expressions
  • Using Back references
  • Understanding Objects
  • Defining Custom Objects
  • Object Literal Notation
  • Defining Properties and Methods
  • Creating a Constructor
  • Using the instanceof Operator
  • Overview of JSON
  • Using JSON.stringify and JSON.parse
  • Overview of APIs
  • Using Modernizr
  • Geolocation API
  • Using the getCurrentPosition() Method
  • The Position Object
  • Using the Google Maps JavaScript API
  • Obtaining an API Key
  • Creating a Map
  • Adding Custom Markers to a Map
  • Adding Info Windows to a Map
  • Web Storage API
  • Local Storage
  • Session Storage