Why learn modern JavaScript?
JavaScript has undergone a major evolution with the introduction of ES6 (ECMAScript 2015) and the versions that followed. These updates brought many features that make code more readable, more maintainable, and more powerful.
This tutorial series will guide you through modern JavaScript concepts, from arrow functions to ES modules, including promises, async/await, and much more.
The tutorials in this series
1
Introduction to ES6+
Discover the history of JavaScript, the evolution of ECMAScript, and the reasons to adopt modern JavaScript features.
Start this tutorial 2
Variables with let and const
Understand the differences between var, let, and const, as well as variable scope and the temporal dead zone.
Start this tutorial 3
Arrow Functions
Master arrow functions, their concise syntax, and their distinctive behavior with lexical this.
Start this tutorial 4
Destructuring and the Spread Operator
Learn how to extract values from objects and arrays with destructuring, and how to spread elements with the spread operator.
Start this tutorial 5
Classes and Prototypes
Discover class syntax in JavaScript, inheritance, and how it relates to the traditional prototype system.
Start this tutorial 6
Promises and Async/Await
Master Promises to handle asynchronous operations, and simplify your code with async/await.
Start this tutorial 7
ES Modules
Learn how to organize your code into modules with ES6 imports and exports for better maintainability.
Start this tutorial 8
Map, Set, and the New Data Structures
Discover the new data structures such as Map, Set, WeakMap, and WeakSet, and how to use them effectively.
Start this tutorial 9
Project: A Notes App with Modern JavaScript
Put all the modern JavaScript features into practice in a complete note-taking application project.
Start this tutorial