Preferred method of contact:

JavaScript Essentials for the Full Stack Developer Using ECMAScript



Course Number



4 Days

PDF Add to WishList

Gain knowledge and skills to create modern, interactive websites. In this training course, you learn how to structure code, add interactivity, and leverage ECMAScript to generate dynamic HTML5. You will benefit from the use of best practices, progressive enhancement, and progressive web app development to optimize accessibility across multiple devices. You will grow significantly on your path to achieve the knowledge and skills of a full stack developer.

You Will Learn How To

  • Explore tiered architecture to gain insight into the application stack
  • Write and debug client-side ECMAScript to create modern pages for a variety of devices
  • Implement dynamic HTML effects to improve interactivity
  • Create dynamic, interactive formats with enhanced validation
  • Gain user responsiveness with asynchronous code
  • Execute REST server-side calls
  • Build progressive web apps with caching 

Important Course Information


  • Experience developing web pages with HTML and CSS

Other Important Course Information

  • The majority of this course focuses on the core JavaScript functionality and syntax which is common to most modern JavaScript versions
  • The course does cover some topics and features from ECMAScript (ES6)

Course Outline

  • Introduction and Overview
  • Tiered architecture to understand full stack development
  • Quick HTML 5 and CSS review
  • Writing and Debugging ECMAScript

Core JavaScript syntax

  • Tools to find and fix errors


  • Controlling client-side browser objects
  • Adding the behavior unobtrusively
  • Structuring Code for Reuse

Defining Functions

  • Declaration/Expression
  • Anonymous
  • Arrow functions
  • Function scopes
  • Immediately Invoked Function Expressions (IIFE)
  • Passing optional parameters

Working with objects

  • Structuring code with Object Literal Notation (OLN) 
  • Augmenting functionality with prototypes
  • Serializing objects with JavaScript Object Notation (JSON)
  • Creating objects with the class structure 
  • Object properties, setters, and getters
  • Adding Interactivity with Dynamic HTML

Manipulating the Document Object Model (DOM)

  • Creating, reading, updating and deleting web page markup 
  • Targeting elements by ID, tag name and class name
  • Modifying presentational CSS for dynamic HTML effects

Handling events

  • Adding and removing event handlers unobtrusively
  • Inspecting event object properties
  • Preventing default browser actions
  • Minimizing handlers with event delegation

Interacting with the browser and user

  • Responding to users' actions
  • Gathering information
  • Managing errors

Validating data on the client side

  • Form vs. field validation
  • Matching data patterns with regular expressoins
  • Preventing forms from submitting with enhanced validation
  • Customizing validation error messages 
  • Asynchronous Processing

Creating better responsiveness 

  • Callbacks
  • Promises 
  • Observables
  • Performing REST calls with Ajax functionality
  • Progressive Web App Development

Building Web Apps for a Modern World 

  • Principals of a progressive web app
  • Creating service workers
  • Leveraging the application cache

  • Where To Go From Here

Next Steps to Full Stack Development

  • Benefits of client-side frameworks
  • Road to the server-side
Show complete outline
Show Less

Convenient Ways to Attend This Instructor-Led Course

In the Classroom

Live, Online

Private Team Training

In the Classroom — OR — Live, Online

Tuition Fee — Standard: £2095  

23 - 26 Jun ( 4 Days)
9:00 AM - 4:30 PM BST
Online (AnyWare) Online (AnyWare) Reserve Your Seat

22 - 25 Sep ( 4 Days)
9:00 AM - 4:30 PM BST
London / Online (AnyWare) London / Online (AnyWare) Reserve Your Seat

8 - 11 Dec ( 4 Days)
9:00 AM - 4:30 PM GMT
London / Online (AnyWare) London / Online (AnyWare) Reserve Your Seat

9 - 12 Mar ( 4 Days)
9:00 AM - 4:30 PM GMT
London / Online (AnyWare) London / Online (AnyWare) Reserve Your Seat

AFTERNOON START: Attend these live courses online via Anyware

29 Jun - 2 Jul ( 4 Days)
2:00 PM - 9:30 PM BST
Online (AnyWare) Online (AnyWare) Reserve Your Seat

6 - 9 Oct ( 4 Days)
2:00 PM - 9:30 PM BST
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

3 - 6 Nov ( 4 Days)
2:00 PM - 9:30 PM GMT
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

29 Mar - 1 Apr ( 4 Days)
2:00 PM - 9:30 PM BST
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

Show all dates
Show fewer dates

Guaranteed to Run

When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time — will run. Guaranteed.

Private Team Training

Enrolling at least 3 people in this course? Consider bringing this (or any course that can be custom designed) to your preferred location as a private team training.

For details, call 0800 282 353 or Click here »

This event has been added to your cart.

Tuition Fee


In Classroom or



Private Team Training

Contact Us »

Course Tuition Fee Includes:

After-Course Instructor Coaching
When you return to work, you are entitled to schedule a free coaching session with your instructor for help and guidance as you apply your new skills.

After-Course Computing Sandbox
You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.

Free Course Exam
You can take your Learning Tree course exam on the last day of your course or online any time after class.


Training Hours

Standard class hours:
9:00 a.m. - 4:30 p.m.

Last day class hours:
9:00 a.m. - 3:30 p.m.

Free Course Exam – Last Day:
3:30 p.m. - 4:30 p.m.

Each class day:
Informal discussion with instructor about your projects or areas of special interest:
4:30 p.m. - 5:30 p.m.

AFTERNOON START class hours:
2:00 p.m. - 9:30 p.m.

Last day class hours:
2:00 p.m. - 8:30 p.m.

Free Course Exam – Last Day:
8:30 p.m. - 9:30 p.m.

Each class day:
Informal discussion with instructor about your projects or areas of special interest
9:30 p.m. - 10:30 p.m.

- ,


Please Choose a Language

Canada - English

Canada - Français