HomeCoursesJavaScript In Practice: ES6 And Beyond

Beginner

10h

Updated 5 months ago

JavaScript In Practice: ES6 And Beyond
Save

Gain insights into ES6's enhancements in JavaScript. Delve into practical uses, discover easier coding with new features, and adopt modern practices through interactive exercises and quizzes.

Join 2.7 million developers at

Overview

Content

Reviews

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 sixth release of the script is known as ES6 and features major enhancements which improve Javascript's usability. Writing and reading code is now easier with the introduction of features like Arrows, Symbols, etc. This course provides a practical view into all of the components present in ES6. We'll discuss the importance of each component, learning how and why it makes things simpler in Javascript. Interactive exercises and quizzes will help you adopt these modern coding practices for JavaScript. ES6 is rapidly growing in popularity, and this course is essential for anyone who wants to be fully immersed into JavaScript.

JavaScript is a fundamental asset for any web developer. As an evolving language, new releases continue to refine it to make it ...Show More

Content

134 Lessons41 Challenges

Function Scope, Block Scope, Constants

5 Lessons

Step through enhancements in ES6 for function scope, block scope, and constants.

Exercise on Function Scope, Block Scope, Constants

Arrow Functions

3 Lessons

Get started with arrow functions for concise syntax and automatic context binding.

Fat Arrow Syntax

Context Binding

Exercise on Arrow Functions

Default Arguments

3 Lessons

Break apart managing optional function parameters in ES5 and default arguments in ES6.

Hacks in ES5

The ES6 way

Exercise on Default Arguments

Classes

9 Lessons

Grasp the fundamentals of ES6 classes, inheritance, shadowing, abstraction, and practical exercises.

Prototypal Inheritance

Prototypal Inheritance in ES5

Inheritance - The ES6 way

Super

Shadowing

Creating Abstract Classes

Getters and Setters

Static Methods

Exercise on Classes

Destructuring

4 Lessons

Take a closer look at ES6 destructuring for simplified object and array management in JavaScript.

Object Property - Shorthand Notation

Destructuring Examples

Deeper Destructuring, destructuring functions, and pitfalls

Exercise on Destructuring

Spread Operator and Rest Parameters

4 Lessons

Simplify complex topics using spread operators and rest parameters for efficient code.

Rest Parameters

Spread Operator

Destructuring with the Spread Operator

Exercise on Spread Operator and Rest Parameters

Objects in ES6

7 Lessons

Master the steps to apply ES6 object enhancements for efficient code and dynamic data manipulation.

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

5 Lessons

Learn how to use ES6 function features, including stacks, tail call optimization, and new.target.

Stacks

Tail call optimization

Name Property

new.target

Exercise on Tail Call Optimization & other Function Features

Symbols

6 Lessons

Get started with using Symbols for unique object keys, privacy, and defining enums.

Symbol

Global Symbol Registry

Symbols as Semi-Private Property Keys

Creating enum Types

Well-known Symbols

Exercise on Symbols

10.

The for-of loop

4 Lessons

Go hands-on with the for-of loop to iterate over iterables and handle UTF-32 characters.

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

6 Lessons

Enhance your skills in JavaScript string manipulation, new methods, 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

8 Lessons

Take a closer look at ES6 Sets, Maps, Weak Sets, and Weak Maps in JavaScript.

Exercise on Sets, Maps, and their Weak Versions

13.

Iterators and Generators in Depth

12 Lessons

Focus on deepening knowledge of iterators, iterables, and generators for dynamic data handling.

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

5 Lessons

Test your understanding of ES6 promises, their creation, states, and handling multiple asynchronous operations.

Promise States

Creating Promises in ES6

Handling the Fulfilled or Rejected States

Handling Multiple Promises

Exercise on ES6 Promises

15.

Configuring ES6 with Webpack

6 Lessons

Step through configuring ES6 with Webpack for improved modularity and maintainability.

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

5 Lessons

Get started with leveraging the Reflect API for dynamic object manipulation and property management in JavaScript.

Reflection

Creating Objects

Manipulating Prototypes

Property Access and Modification

Exercise on the Reflect API

17.

Proxies in Practice

5 Lessons

Work your way through using proxies to control object access, data validation, and function optimization.

18.

Math and Number Extensions

2 Lessons

Grasp the fundamentals of Math and Number enhancements in JavaScript ES6 for better computations.

Math Extensions

Number Extensions

19.

ES2016

2 Lessons

Take a closer look at key ES2016 updates, including the exponential operator and array `includes`.

The Exponential Operator

Array `includes`

20.

ES2017

5 Lessons

Focus on ES2017's new object and string methods, and async-await for cleaner code.

New Object Extensions

Object.entries and Object.values

Object.getOwnPropertyDescriptors

New String Extensions

Async-Await

21.

Your Final Exam: ES6 Job Interview Questions

21 Lessons

Build on advanced ES6 skills through varied exercises, interview prep, and practical projects.

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

7 Lessons

Sharpen your skills in creating a career-aligned learning plan, setting goals, and presenting work.

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

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Zsolt Nagy

Developed by MAANG Engineers

Every Educative resource is designed by our in-house team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who’ve shipped production code at scale and taught the theory behind it. The goal is to get you hands-on with the skills you need to stay ahead in today's constantly evolving tech landscape. No videos, no fluff — just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 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 Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

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!

Course

JavaScript Fundamentals Before Learning React

Gain insights into JavaScript ES6+, ternary operators, 'this' object, built-in functions, and core concepts like composability and immutability to ease your React learning journey.

3 h

beginner

Course

Decode the Coding Interview in JavaScript: Real-World Examples

The ultimate guide to coding interviews in JavaScript. Developed by FAANG engineers, it offers real-world problems and adaptable solutions. Get interview-ready in just a few hours.

17 h

beginner

Course

Complete JavaScript Course: Build a Real World App from Scratch

Gain insights into JavaScript with ES6, DOM traversal, event handling, and animation. Learn about building a Social News web app from scratch using HTML, CSS, and JavaScript.

20 h

beginner

Course

Step Up Your JS: A Comprehensive Guide to Intermediate JavaScript

Gain insights into intermediate JavaScript, mastering interview questions, common design patterns, and deep understanding of the language. Learn with expert Arnav Aggarwal's engaging teaching method.

20 h

beginner

Course

Angular: Designing and Architecting Web Applications

Gain insights into designing scalable Angular applications. Learn about components, directives, routing, RXJS, forms, and Firebase authentication to develop rich, interactive web solutions.

20 h

beginner

Course

Web Development: Unraveling HTML, CSS, and JavaScript

Explore HTML, CSS, and JavaScript fundamentals. Gain insights into forms, controls, OOP in JavaScript, and key CSS patterns. Create responsive, stylized, and performant web applications.

20 h

beginner

Course

React Tracked: Creating Web Apps with Global State

Discover how React Tracked optimizes render performance in web apps. Build a to-do app using two methods, and gain skills to create advanced applications efficiently.

3 h

beginner

Course

Grokking Bit Manipulation for Coding Interviews

The ultimate guide to bit manipulation for coding interviews. Developed by FAANG engineers, practice with real-world interview questions, and get interview-ready in just a few hours.

3 h

intermediate

Course

JavaScript Fundamentals Before Learning React

beginner

3 hour

Course

Decode the Coding Interview in JavaScript: Real-World Examples

beginner

17 hour

Course

Complete JavaScript Course: Build a Real World App from Scratch