Home>Courses>JavaScript In Practice: ES6 And Beyond

JavaScript In Practice: ES6 And Beyond

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.

Beginner

134 Lessons

10h

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

270 Playgrounds

41 Challenges

Course Overview

Course Content

Recommendations

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 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 p...Show More

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

Course Content

1.

Function Scope, Block Scope, Constants

5 Lessons

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

let, const, and var

Exercise on Function Scope, Block Scope, Constants

2.

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

3.

Default Arguments

3 Lessons

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

Exercise on Default Arguments

4.

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

Creating Abstract Classes

Getters and Setters

Exercise on Classes

5.

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

6.

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

7.

Objects in ES6

7 Lessons

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

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

5 Lessons

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

Tail call optimization

Exercise on Tail Call Optimization & other Function Features

9.

Symbols

6 Lessons

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

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

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.

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.

Data Structures 101

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 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.

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.

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.

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.

Defining Proxies

Revocable Proxies

Exercise on Proxies

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

21.

Your Final Exam: ES6 Job Interview Questions

21 Lessons

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

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

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

Insert the Timer Module in the Pomodoro App

Countdown Timer Integration in the Pomodoro App

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.

Sync your Learning Plan with your Career Plan

Set your Goals and Milestones

The Big Picture

Get Feedback and Iterate

Present your Deliverables

Course Author

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

Angular: Designing and Architecting Web Applications

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.

beginner

Course

Web Development: Unraveling HTML, CSS, and JavaScript

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.

beginner

Course

React Tracked: Creating Web Apps with Global State

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.

beginner

Course

Grokking Bit Manipulation for Coding Interviews

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.

intermediate

Angular: Designing and Architecting Web Applications

Web Development: Unraveling HTML, CSS, and JavaScript

React Tracked: Creating Web Apps with Global State

Grokking Bit Manipulation for Coding Interviews

Related Courses and Skill Paths

Course

JavaScript Fundamentals Before Learning React

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.

beginner

Course

Decode the Coding Interview in JavaScript: Real-World Examples

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.

beginner

Course

Complete JavaScript Course: Build a Real World App from Scratch

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.

beginner

Course

Step Up Your JS: A Comprehensive Guide to Intermediate JavaScript

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.

beginner

JavaScript Fundamentals Before Learning React

Decode the Coding Interview in JavaScript: Real-World Examples

Complete JavaScript Course: Build a Real World App from Scratch

Step Up Your JS: A Comprehensive Guide to Intermediate JavaScript

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath

Learn in-demand tech skills in half the time

Copyright ©2024 Educative, Inc. All rights reserved.

soc2