JavaScript In Practice: ES6 And Beyond

Course Overview

JavaScript is a fundamental asset for any web developer. As an evolving language, new releases continue to refine it to make it more accessible for large-scale use. ECMA Script, or ES in short, is the standardized name for the programming language popularly known as JavaScript. The six... See More

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

Hide All

Hide All Lessons

1. Function Scope, Block Scope, Constants

Introduction

var vs let

Constants

let, const, and var

Exercise on Function Scope, Block Scope, Constants

2. Arrow Functions

Fat Arrow Syntax

Context Binding

Exercise on Arrow Functions

3. Default Arguments

Hacks in ES5

The ES6 way

Exercise on Default Arguments

4. Classes

Prototypal Inheritance

Prototypal Inheritance in ES5

Inheritance - The ES6 way

Super

Shadowing

Creating Abstract Classes

Getters and Setters

Static Methods

Exercise on Classes

5. Destructuring

Object Property - Shorthand Notation

Destructuring Examples

Deeper Destructuring, destructuring functions, and pitfalls

Exercise on Destructuring

6. Spread Operator and Rest Parameters

Rest Parameters

Spread Operator

Destructuring with the Spread Operator

Exercise on Spread Operator and Rest Parameters

7. Objects in ES6

Equality

Mixins

Shorthand for Creating and Destructuring Objects

Computed Object Keys

Shorthand for Defining Operations in Objects

Object Prototype Extensions and Super Calls

Exercise on Objects in ES6

8. Tail Call Optimization and Other Function Features in ES6

Stacks

Tail call optimization

Name Property

new.target

Exercise on Tail Call Optimization & other Function Features

9. Symbols

Symbol

Global Symbol Registry

Symbols as Semi-Private Property Keys

Creating enum Types

Well-known Symbols

Exercise on Symbols

10. The for-of loop

Introducing the for-of loop

UTF-32 support

Destructuring and the DOM in the for-of loop

Exercise on the for-of loop

11. String and Template Literals

Introduction

New String Methods

Better Unicode Support

Template Literals

Tagged Templates

Exercise on String and Template Literals

12. Sets, Maps, and their Weak Versions

Data Structures 101

ES6 Sets

Iterating Sets

ES6 Maps

Iterating Maps

Weak Sets

Weak Maps

Exercise on Sets, Maps, and their Weak Versions

13. Iterators and Generators in Depth

Iterables and Iterators

Consuming Iterables

Built-in Iterables

Iterables with Sets and Maps

The Role of the Iterable Interface

Generators

Generators and Iterators

Iterators and Destructuring

Combining Generators

Passing Parameters to Iterables

Practical Applications

Exercise on Iterators and Generators

14. ES6 Promises

Promise States

Creating Promises in ES6

Handling the Fulfilled or Rejected States

Handling Multiple Promises

Exercise on ES6 Promises

15. Configuring ES6 with Webpack

The Task

Step 1: index.html

Step 2: Initialize your Application and Configure Webpack

Step 3: Account Module

Step 4: Create the Entry Point

Step 5: Compile and Run the Application

16. The Reflect API

Reflection

Creating Objects

Manipulating Prototypes

Property Access and Modification

Exercise on the Reflect API

17. Proxies in Practice

Introduction

Defining Proxies

Revocable Proxies

Use Cases

Exercise on Proxies

18. Math and Number Extensions

Math Extensions

Number Extensions

19. ES2016

The Exponential Operator

Array `includes`

20. ES2017

New Object Extensions

Object.entries and Object.values

Object.getOwnPropertyDescriptors

New String Extensions

Async-Await

21. Your Final Exam: ES6 Job Interview Questions

Introduction

Writing an Array Extension

Binary Gap Exercise in Codility

Ten JavaScript Theory Questions

JavaScript Theory Quiz

Connect-4 Solver

Binary Trees, Recursion and Tail Call Optimization in Javascript

Painting on an HTML5 Canvas

Video Player

Event Delegation in a Pomodoro App

Pomodoro App Markup and Styling Refactoring

Persistence with Local Storage

Pomodoro APP to Kanban Board

Adding Tasks to Columns

Selecting Cards

Dragging and Dropping Cards

Stopwatch

Insert the Timer Module in the Pomodoro App

Countdown Timer Integration in the Pomodoro App

Memoization

SQL and Map-Reduce-Filter

22. Bonus chapter: Your learning plan

Introduction

Sync your Learning Plan with your Career Plan

Set your Goals and Milestones

The Big Picture

Get Feedback and Iterate

Present your Deliverables

Summary