Educative – JavaScript In Practice: ES6 And Beyond

Introduction

var vs let

Constants

let, const, and var

EXERCISE ON FUNCTION SCOPE, BLOCK SCOPE, CONSTANTS

Context Binding

Exercise on Arrow Functions

Hacks in ES5

The ES6 way

Exercise on Default Arguments

Prototypal Inheritance

Prototypal Inheritance in ES5

Inheritance – The ES6 way

Super

Shadowing

Creating Abstract Classes

Getters and Setters

Static Methods

Exercise on Classes

Object Property – Shorthand Notation

Destructuring Examples

Deeper Destructuring, destructuring functions, and pitfalls

Exercise on Destructuring

Rest Parameters

Spread Operator

Destructuring with the Spread Operator

Exercise on Spread Operator and Rest Parameters

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

Stacks

Tail call optimizationPreview

Name Property

new.target

Exercise on Tail Call Optimization and other Function Features in ES6

Symbol

Global Symbol Registry

Symbols as Semi-Private Property Keys

Creating enum Types

Well-known Symbols

Exercise on Symbols

Introducing the for-of loop

UTF-32 support

Destructuring and the DOM in the for-of loop

Exercise on the for-of loop

Introduction

New String Methods

Better Unicode Support

Template Literals

Tagged Templates

Exercise on String and Template Literals

Data Structures 101

ES6 Sets

Iterating Sets

ES6 Maps

Iterating Maps

Weak Sets

Weak Maps

Exercise on Sets, Maps, and their Weak Versions

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

Promise States

Creating Promises in ES6

Handling the Fulfilled or Rejected States

Handling Multiple Promises

Exercise on ES6 Promises

THE TASK

1. index.html
2. Initialize your Application and Configure Webpack
3. Account Module
4. Create the Entry Point
5. Compile and Run the Application

Reflection

Creating Objects

Manipulating Prototypes

Property Access and Modification

Exercise on the Reflect API

Introduction

Defining Proxies

Revocable Proxies

Use Cases

Exercise on Proxies

Math Extensions

Number Extensions

The Exponential Operator

Array `includes`

New Object Extensions

Object.entries and Object.values

Object.getOwnPropertyDescriptors

New String Extensions

Async-Await

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

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