Back To Module Home

0% completed

Introduction

Function Scope, Block Scope, Constants

var vs let Constants let, const, and var Exercise on Function Scope, Block Scope, Constants

Arrow Functions

Fat Arrow Syntax Context Binding Exercise on Arrow Functions

Default Arguments

Hacks in ES5 The ES6 way Exercise on Default Arguments

Classes

Prototypal Inheritance Prototypal Inheritance in ES5 Inheritance - The ES6 way Super Shadowing Creating Abstract Classes Getters and Setters Static Methods Exercise on Classes

Destructuring

Object Property - Shorthand Notation Destructuring Examples Deeper Destructuring, destructuring functions, and pitfalls Exercise on Destructuring

Spread Operator and Rest Parameters

Rest Parameters Spread Operator Destructuring with the Spread Operator Exercise on Spread Operator and Rest Parameters

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

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

Symbols

Symbol Global Symbol Registry Symbols as Semi-Private Property Keys Creating enum Types Well-known Symbols Exercise on Symbols

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

String and Template Literals

Introduction New String Methods Better Unicode Support Template Literals Tagged Templates Exercise on String and Template Literals

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

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

ES6 Promises

Promise States Creating Promises in ES6 Handling the Fulfilled or Rejected States Handling Multiple Promises Exercise on ES6 Promises

Configuring ES6 with Webpack

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

The Reflect API

Reflection Creating Objects Manipulating Prototypes Property Access and Modification Exercise on the Reflect API

Proxies in Practice

Introduction Defining Proxies Revocable Proxies Use Cases Exercise on Proxies

Math and Number Extensions

Math Extensions Number Extensions

ES2016

The Exponential Operator Array `includes`

ES2017

New Object Extensions Object.entries and Object.values Object.getOwnPropertyDescriptors New String Extensions Async-Await

Conclusion

...

/

The Task

The Task

Write a simple ES6 module, and run the code using Webpack.

In order to save you time, I uploaded each step of the tutorial on my GitHub account. Fork it from here.

Code Modularity

Code modularity is essential for writing maintainable ...