AI-powered learning
Save this course
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.
134 Lessons
10h
Updated 3 weeks ago
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- Apply let, const, and var to control scope, hoisting behavior, and prevent temporal dead zone errors
- Write arrow functions and use automatic context binding to replace common ES5 bind/workaround patterns
- Implement default parameters to handle optional arguments safely, including falsey values and callbacks
- Build inheritance with ES6 classes using extends, super, shadowing, static methods, getters, and setters
- Use destructuring, rest, and spread to refactor object/array code and manage variable-length arguments
- Create and consume iterables with Symbol.iterator, generators, yield*, and next() to build lazy sequences
- Configure ES6 modules with npm, Babel, and Webpack to compile, bundle, and run a modular application
Learning Roadmap
1.
Function Scope, Block Scope, Constants
Function Scope, Block Scope, Constants
Step through enhancements in ES6 for function scope, block scope, and constants.
2.
Arrow Functions
Arrow Functions
Get started with arrow functions for concise syntax and automatic context binding.
3.
Default Arguments
Default Arguments
3 Lessons
3 Lessons
Break apart managing optional function parameters in ES5 and default arguments in ES6.
4.
Classes
Classes
9 Lessons
9 Lessons
Grasp the fundamentals of ES6 classes, inheritance, shadowing, abstraction, and practical exercises.
5.
Destructuring
Destructuring
4 Lessons
4 Lessons
Take a closer look at ES6 destructuring for simplified object and array management in JavaScript.
6.
Spread Operator and Rest Parameters
Spread Operator and Rest Parameters
4 Lessons
4 Lessons
Simplify complex topics using spread operators and rest parameters for efficient code.
7.
Objects in ES6
Objects in ES6
7 Lessons
7 Lessons
Master the steps to apply ES6 object enhancements for efficient code and dynamic data manipulation.
8.
Tail Call Optimization and Other Function Features in ES6
Tail Call Optimization and Other Function Features in ES6
5 Lessons
5 Lessons
Learn how to use ES6 function features, including stacks, tail call optimization, and new.target.
9.
Symbols
Symbols
6 Lessons
6 Lessons
Get started with using Symbols for unique object keys, privacy, and defining enums.
10.
The for-of loop
The for-of loop
4 Lessons
4 Lessons
Go hands-on with the for-of loop to iterate over iterables and handle UTF-32 characters.
11.
String and Template Literals
String and Template Literals
6 Lessons
6 Lessons
Enhance your skills in JavaScript string manipulation, new methods, and template literals.
12.
Sets, Maps, and their Weak Versions
Sets, Maps, and their Weak Versions
8 Lessons
8 Lessons
Take a closer look at ES6 Sets, Maps, Weak Sets, and Weak Maps in JavaScript.
13.
Iterators and Generators in Depth
Iterators and Generators in Depth
12 Lessons
12 Lessons
Focus on deepening knowledge of iterators, iterables, and generators for dynamic data handling.
14.
ES6 Promises
ES6 Promises
5 Lessons
5 Lessons
Test your understanding of ES6 promises, their creation, states, and handling multiple asynchronous operations.
15.
Configuring ES6 with Webpack
Configuring ES6 with Webpack
6 Lessons
6 Lessons
Step through configuring ES6 with Webpack for improved modularity and maintainability.
16.
The Reflect API
The Reflect API
5 Lessons
5 Lessons
Get started with leveraging the Reflect API for dynamic object manipulation and property management in JavaScript.
17.
Proxies in Practice
Proxies in Practice
5 Lessons
5 Lessons
Work your way through using proxies to control object access, data validation, and function optimization.
18.
Math and Number Extensions
Math and Number Extensions
2 Lessons
2 Lessons
Grasp the fundamentals of Math and Number enhancements in JavaScript ES6 for better computations.
19.
ES2016
ES2016
2 Lessons
2 Lessons
Take a closer look at key ES2016 updates, including the exponential operator and array `includes`.
20.
ES2017
ES2017
5 Lessons
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
Your Final Exam: ES6 Job Interview Questions
21 Lessons
21 Lessons
Build on advanced ES6 skills through varied exercises, interview prep, and practical projects.
22.
Bonus chapter: Your learning plan
Bonus chapter: Your learning plan
7 Lessons
7 Lessons
Sharpen your skills in creating a career-aligned learning plan, setting goals, and presenting work.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
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.
ABOUT THE AUTHOR
Zsolt Nagy
Zsolt Nagy specializes in maintainable JavaScript applications since 2010. He is the founder of the following blogs: zsoltnagy.eu and devcareermastery.com.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
