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

Mock Interview

Explanations

AI-POWERED

Mock Interview

Explanations

This course includes

270 Playgrounds

41 Challenges

This course includes

270 Playgrounds

41 Challenges

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

Course Content

Function Scope, Block Scope, Constants

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

Exercise on Function Scope, Block Scope, Constants

Arrow Functions

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

Fat Arrow Syntax

Context Binding

Exercise on Arrow Functions

Default Arguments

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

Hacks in ES5

The ES6 way

Exercise on Default Arguments

Classes

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

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.

Objects in ES6

7 Lessons

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

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.

Symbols

6 Lessons

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

10.

The for-of loop

4 Lessons

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

11.

String and Template Literals

6 Lessons

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

13.

Iterators and Generators in Depth

12 Lessons

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

14.

ES6 Promises

5 Lessons

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

15.

Configuring ES6 with Webpack

6 Lessons

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

16.

The Reflect API

5 Lessons

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

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.

19.

ES2016

2 Lessons

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

20.

ES2017

5 Lessons

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

21.

Your Final Exam: ES6 Job Interview Questions

21 Lessons

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

22.

Bonus chapter: Your learning plan

7 Lessons

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

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

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!