Mastering JavaScript with ECMAScript6 and TypeScript

Elevate your development skills with our Mastering JavaScript course, designed for passionate developers eager to harness the power of ECMAScript 6 and TypeScript for crafting advanced web applications.

Course Thumbnail

Essential Skills Gained

Checkmark

Understand key JavaScript language concepts including core features and HTML5 API usage.

Checkmark

Implement prototypical inheritance and custom objects to enhance coding efficiency.

Checkmark

Design clean, scalable JavaScript code using essential patterns and frameworks.

Checkmark

Leverage ECMAScript 6 features and TypeScript for modern, type-safe JavaScript development.

Format

  • Instructor-led
  • 4 days with lectures and hands-on labs.

Audience

  • JavaScript Developers
  • Web Application Programmers
  • Front-End Developers
  • Software Engineers

Description

In the Mastering JavaScript with ECMASCript 6 (ES6) and TypeScript course you’ll dive into key features of the language that will take your JavaScript skills to the next level. This includes starting out with the core concepts, manipulating the DOM and even using HTML5 APIs. In this 4-day class, you’ll discover how to work with JavaScript objects, patterns, events and functions. This includes learning the ins-and-outs of prototypical inheritance, how to create factories, the need for constructors, dealing with “this”, as well as key patterns that can be used to structure your JavaScript code such as the Revealing Module Pattern, Prototype Pattern and others. Additional topics include Data Binding techniques and how Handlebars, KnockoutJS or AngularJS templates can be used to render data in Single Page Applications (SPAs) or other application types to reduce the amount of code that is written. Finally, you’ll learn about new ECMAScript 6 (ES6) features (and how you can use them today) as well as about TypeScript and how it can be used to add strong types into code and more!

Calendar icon

Upcoming Course Dates

No upcoming dates. Please check back later.

Course Outline

Download PDF

JavaScript Primer

  1. The Role of JavaScript

  2. Variables, Types and Objects

  3. Operators, Conditionals and Loops

  4. Working with Functions

JavaScript and the DOM

  1. Locating DOM Elements

  2. DOM Manipulation

  3. Handling DOM Events

  4. Manipulating Styles and CSS Classes

JavaScript HTML5

  1. HTML5 JavaScript APIs

  2. Drawing with the Canvas

  3. Storing Data Locally

  4. Geolocation and Mapping

JavaScript Objects

  1. JavaScript Objects

  2. Constructor

  3. Prototypal Inheritance

  4. Working with Properties

  5. Creating a JavaScript Factory

Function Techniques

  1. Immediately Invoked Functions

  2. Using call(), bind(), and apply() to change Context

  3. Async: Callbacks vs. Promises

  4. Working with Array Functions

JavaScript Patterns

  1. Pattern Enablers

  2. Prototyping

  3. Object Literals

  4. Namespaces

  5. Closures

  6. Digging into Closures

  7. Key Patterns

  8. Prototype Pattern

  9. Revealing Module Pattern

  10. Revealing Prototype Pattern

Data Binding and Templates

  1. Why DOM code is Tedious

  2. Using Client-Side Templates

  3. Benefits of Data Binding

  4. Client-Side Data Binding Options:

  5. Handlebars

  6. KnockoutJS

  7. AngularJS

Getting Started with ECMAScript 6

  1. ECMAScript 6 tools that let you use it today!

  2. Key ECMAScript Features

  3. Defining Classes

  4. Destructuring

  5. Arrow Functions

  6. Maps and Sets

  7. Template Strings

  8. Default and Rest Parameters

Getting Started with TypeScript

  1. Introduction to TypeScript

  2. TypeScript Keywords and Hierarchy

  3. Classes, Functions and Interfaces

  4. Working with Modules

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.