JavaScript & ECMAScript training course

Part 1 Introduction

This section gives an overall view of how HTML, CSS and JavaScript interact

JavaScript and web development, an overview

JavaScript with HTML, CSS and the DOM

Event driven code – standard event handling

Part 2 Programming Language – basics

This section looks at the basic building blocks for the language

The syntax rules

Variables (var, let and const)

Operators

Expressions

Part 3 Testing/Debugging techniques

The section in this course introduces some tools commonly used in the production, testing and debugging of JavaScript code.

Testing/Debugging JavaScript

Basic techniques

Code tidiers, syntax checkers & validators

Online testing

Browser based tools

Part 4 Programming Language - structure

This section covers the control structures available in JavaScript

Loops & Decision structures

If… statements

Conditional operator

Switch statement

Loops

Functions, arrows, generators and functional programming

Error handling - try, catch, finally, throw

Part 5 Programming Language

This section uses various in-built dialog box styles to display messages on the screen and looks at JavaScript’s built in functions

Dialog boxes

alert

confirm

prompt

 Built-in Functions

Part 6  Objects

This section looks at objects in JavaScript, both the inbuilt ones that are available (including how to use them) plus how to create and use user defined objects

Built-in objects

Arrays

Date

Math

String

RegEx

Writing Object Oriented JavaScript

Creating and using user defined Objects

Prototypal inheritance

          What is it

          How to use it effectively

Class (available in newer versions of the ECMAScript standard)

Part 7  DOM manipulation – JavaScript for the modern web

This section looks in more depth at using the DOM, what it provides in terms of webpage manipulation and how to access and use it with JavaScript

The DOM (Document Object Model)

Navigating the DOM with JavaScript

Differences in DOM coding standards

Reading JSON and XML data

Changing styles

Menus with JavaScript (and CSS)

Animation

Single page applications, display and hide areas of your page

Form validation and manipulation

Mobile ready web pages (responsive web)

Examples and Exercises

There are extensive sets of examples available for this course that illustrate the basic syntax of JavaScript and its practical use on modern webpages.

In addition to the examples there are practical exercises in each section that allow attendees to explore and consolidate their knowledge of the concept.