Home>Courses>Rediscovering JavaScript: ES6, ES7 & ES8

Rediscovering JavaScript: ES6, ES7 & ES8

Gain insights into ES6, ES7, and ES8 modern JavaScript features. Delve into variables, classes, promises, and metaprogramming. Discover techniques for writing efficient and concise code.

Intermediate

158 Lessons

13h

Certificate of Completion

Gain insights into ES6, ES7, and ES8 modern JavaScript features. Delve into variables, classes, promises, and metaprogramming. Discover techniques for writing efficient and concise code.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

310 Playgrounds

13 Challenges

12 Quizzes

Course Overview

What You'll Learn

Course Content

Recommendations

Course Overview

JavaScript is one of the most powerful and flexible languages, and it has evolved rapidly in recent years. The ECMAScript 2015 (ES6), 2016 (ES7), and 2017 (ES8) have introduced many new features for front-end and back-end development. This course covers the modern JavaScript features to make your code elegant, concise, expressive, and less error prone. You will start by learning the basic features of modern JavaScript, including variables, constants, classes, iterators, arguments, loops, arrow functions, a...Show More

What You'll Learn

Learn modern JavaScript and master advanced concepts like promises, symbols, and metaprogramming

Develop core JavaScript skills needed to level up your programming skills

Strengthen your coding skills through practice examples and exercises

Write efficient and less error-prone code

Learn modern JavaScript and master advanced concepts like promises, symbols, and metaprogramming

Course Content

Getting Started

2 Lessons

Get familiar with modern JavaScript features and their impact on coding practices.

How This Course Will Help You

What Does This Course Cover?

JavaScript Gotchas

12 Lessons

Unpack the core of JavaScript's common pitfalls, solutions, and secure coding practices.

Be Careful Where You Break Lines

Use === Instead of ==

Declare Before Use

Stay One Step Ahead

Lint the Code

Quiz on JavaScript Gotchas

Exercise 1: Let's Vote

Solution Review: Let's Vote

Exercise 2: Fix the Code

Solution Review: Fix the Code

Exercise 3: Lint the Code

Solution Review: Lint the Code

Variables and Constants

8 Lessons

Work your way through JavaScript variable management, focusing on `let`, `const`, and safe coding practices.

Safer Code With let and const

Quiz on Variables and Constants

Exercise 1: Let's Get the Output

Solution Review: Let's Get the Output

Working With Function Arguments

14 Lessons

Enhance your skills in managing JavaScript function arguments using rest parameters, spread operators, and default values.

The Power and Perils of arguments

Using the Rest Parameter

The Spread Operator

Uses of the Spread Operator

Defining Default Values for Parameters

Multiple Default Parameters

Expressions as Default Values

Quiz on Function Arguments

Exercise 1: Calculate the Tax

Solution Review: Calculate the Tax

Exercise 2: Purchase Items

Solution Review: Purchase Items

Exercise 3: Place Order

Solution Review: Place Order

Iterators and Symbols

15 Lessons

Take a closer look at iterators, symbols, generators, and practical exercises in JavaScript ES6-ES8.

The Convenience of Enhanced for

Symbol—A New Primitive Type

Global Registry With Symbol

Special Well-Known Symbols

Using Custom Iterators

Implementing an Iterator

Removing Noise With Yield

Removing Noise With Generators

Combining Generators

Creating Infinite Iterators

Quiz on Iterators and Symbols

Exercise 1: Fibonacci Series

Solution Review: Fibonacci Series

Exercise 2: Fibonacci Series Index

Solution Review: Fibonacci Series Index

Arrow Functions and Functional Style

15 Lessons

Focus on lexically scoped arrow functions, concise syntax benefits, and functional programming practices in JS.

From Anonymous to Arrow Functions

Multiline Arrow Functions

Using the Rest Parameter and Default Arguments

Anonymous vs. Arrow Functions

Lexically Scoped this and arguments

Limitations of Arrow Functions: Anonymous and Not a Constructor

Limitations: No Prototype and new.target Property

Limitations: Generators, Exceptions, and Object Literals

When to Use Arrow Functions

Arrow Functions and Functional Style

Quiz on Arrow Functions and Functional Style

Exercise 1: Refactor the Code

Solution Review: Refactor the Code

Exercise 2: Functional Style Programming

Solution Review: Functional Style Programming

Literals and Destructuring

15 Lessons

Master the use of template literals, enhanced object handling, and destructuring techniques in JavaScript.

Using Template Literals

Multiline Strings

Tagged Template

Enhanced Object Literals

Array Destructuring: Extracting and Ignoring Values

Array Destructuring: Default and Parameters Values

Object Destructuring: Extracting Object Properties

Object Destructuring: Default and Parameter Values

Object Destructuring: Deep Destructuring, and Collisions

Object Destructuring: The Role of the Spread Operator

Quiz on Literals and Destructuring

Exercise 1: Tagged Template

Solution Review: Tagged Template

Exercise 2: Destructuring

Solution Review: Destructuring

Working with Classes

15 Lessons

Learn how to use JavaScript classes for enhanced OOP, including constructors, methods, properties, and built-in collections like Map and Set.

Creating a Class

Implementing a Constructor

Defining a Method

Defining Computed Members

Creating Properties

Defining Class Members

Class Expressions

New Built-in Classes: Set

New Built-in Classes: Map

New Built-in Classes: WeakSet and WeakMap

Quiz on Working with Classes

Exercise 1: Class Implementation

Solution Review: Class Implementation

Exercise 2: Maps

Solution Review: Maps

Using Inheritance

12 Lessons

Walk through JavaScript inheritance, from prototypal inheritance to modern class-based syntax, managing instance types, and practical exercises.

Understanding Prototypal Inheritance

Inheriting from a Class: Subclass and Overridden Methods

Inheriting from a Class: extends keyword and Prototype Chaining

Inheriting from a Class: Default Constructors and Legacy Classes

Managing Instance Types

Managing Instance Types Rules

Managing Instance Types with species

Quiz on Using Inheritance

Exercise 1: Sets

Solution Review: Sets

Exercise 2: Instance Type

Solution Review: Instance Type

10.

Using Modules

7 Lessons

Examine JavaScript modules for better code organization, including creation, exports, reexports, and imports.

Introduction

Creating a Module

Exporting from a Module

Default Exports

Reexporting from Another Module

Importing from a Module

Quiz on Using Modules

11.

Keeping Your Promises

13 Lessons

Grasp the fundamentals of asynchronous programming using promises, async, and await in JavaScript.

Introduction

No Thanks to Callback Hell

Promises to the Rescue

Ways to Create a Promise

Chaining Promises

Working with Multiple Promises: Racing Promises

Working with Multiple Promises: Gathering All Promises

Async and Await

Quiz on Keeping Your Promises

Exercise 1: Gathering All Promises

Solution Review: Gathering All Promises

Exercise 2: Async and Await

Solution Review: Async and Await

12.

Exploring Metaprogramming

11 Lessons

Map out the steps for metaprogramming in JavaScript, including member injection and dynamic access.

Introduction

The Power and Perils of Metaprogramming

Dynamic Access

Member Injection: Instance

Member Injection: Class's Prototype and Property

Member Injection: Injecting Multiple Properties

Quiz on Exploring Metaprogramming

Exercise 1: Injecting a Method

Solution Review: Injecting a Method

Exercise 2: Injecting Multiple Properties

Solution Review: Injecting Multiple Properties

13.

Deep Dive into Metaprogramming

17 Lessons

See how it works to leverage Reflect and Proxy for dynamic object behavior modification.

Introduction

Purpose of Reflect: Invoke Functions and Access Prototypes

Purpose of Reflect: Exploring Properties

Metaprogramming with Proxy

Using Traps

Leasing an Object Using a Revocable Proxy

Intercepting Function Calls Using Proxy

Synthesizing Members with Proxy

Synthesizing Members Directly on an Instance

Using Decorators

Introspecting the Decorated Class

Creating a Custom Decorator

Quiz on Deep Dive into Metaprogramming

Exercise 1: Revocable Proxy

Solution Review: Revocable Proxy

Exercise 2: Proxy

Solution Review: Proxy

14.

Conclusion

1 Lessons

Master the steps to advanced JavaScript, covering basics to high-level concepts and techniques.

Wrap Up!

15.

Appendix

1 Lessons

Try out modern JavaScript using Node.js, REPL, browser consoles, and Babel transpilers.

How to Run Modern JavaScript

Course Author

The Pragmatic Programmers

Trusted by 2.5 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Carlos Matias La Borde

Software Developer

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Recommended before starting this course

Course

Build Reactive Websites with RxJS: Master Observables and Wrangle

Gain insights into building reactive websites with RxJS. Delve into mastering observables and managing events efficiently to create fast, responsive applications while reducing bugs.

intermediate

50 hours 30 mins

Course

Creating a CRUD REST API with Deno & Oak

intermediate

2 hours

Course

Building Full-Stack Web Applications with AdonisJs

Gain insights into AdonisJs fundamentals. Delve into routes, controllers, middleware, and hooks. Discover practical examples, illustrations, and quizzes to confidently build your full-stack applications.

intermediate

Course

Build Reactive Websites with RxJS: Master Observables and Wrangle

intermediate

50 hour 30 min

Course

Creating a CRUD REST API with Deno & Oak

intermediate

2 hour

Course

Building Full-Stack Web Applications with AdonisJs

intermediate

Related Courses and Skill Paths

Course

Recursion for Coding Interviews in JavaScript

The ultimate guide to recursion interviews in JavaScript. Developed by FAANG engineers. Practice with real-world interview questions and get interview-ready in just a few hours.

intermediate

8 hours

Course

Master D3.js for Data Visualization

Gain insights into creating interactive web data visualizations with D3.js. Learn about SVGs, selections, advanced scatter plots, scales, animations, and interactivity to transform data into meaningful insights.

intermediate

24 hours

Course

JavaScript Design Patterns for Coding Interviews

The ultimate guide to coding interviews: Learn and practice JavaScript design patterns tested by FAANG engineers. Get interview-ready in just a few hours with battle-tested solutions.

intermediate

9 hours

Course

Advanced TypeScript Masterclass

Discover advanced TypeScript concepts: Gain insights into compiler flags, generic types, and discriminated unions. Delve into writing error-free code and mastering complex error messages with confidence.

intermediate

6 hours

Course

Recursion for Coding Interviews in JavaScript

intermediate

8 hour

Course

Master D3.js for Data Visualization

intermediate

24 hour

Course

JavaScript Design Patterns for Coding Interviews