ESNEXT - ES6, ES7, ES8
One feature per lesson, ES6 through ES10: the syntax you keep seeing in other people's code, finally explained.
Here is a pattern I see constantly: someone learns JavaScript from an older resource, opens a modern codebase, and recognizes almost nothing. Arrows instead of the word function. Three dots in front of variables. Curly braces on the left side of an equals sign. They conclude they never really learned JavaScript. Wrong conclusion. They learned it fine. They just missed one specific vocabulary upgrade, the wave of features that started with ES6.
This course is that upgrade, delivered one feature at a time.
One feature per lesson
The format is deliberately simple. Each lesson takes a single feature, shows the old way where one exists, and demonstrates the new way with examples: let and const, arrow functions, template strings, default parameters, rest and spread, object destructuring, and the array methods (forEach, map, filter, find, every, some) that replaced most manual loops in day-to-day code. Promises and async await get covered properly, since asynchronous code is where copied syntax without understanding hurts the most.
Then it keeps going past the ES6 wave most courses stop at: ES7's includes and the exponentiation operator, ES8's Object.values, Object.entries, and string padding, ES9's object rest and spread plus async iteration, and ES10's flat, flatMap, and trim methods. Small features, but they show up in real code and in interview questions.
Why this matters more than it looks
Modern syntax is the price of admission to every current framework. React especially reads like a wall of destructuring and spread to anyone who skipped this material, which is why I point people here before React JS Til Infinity. The features also make your own code shorter and harder to get wrong, and you feel that benefit almost as soon as you start using them.
One honest note: this is a syntax course, and it assumes the fundamentals are already in place. If arrays and functions themselves are still shaky, start with Future Proof JavaScript and come back. In the right order, the two courses fit together like halves of one language.
What you'll learn
- ✓ Declare variables the modern way and write arrow functions and template strings
- ✓ Use default parameters, rest, and spread without mixing them up
- ✓ Destructure objects to pull out exactly the values you need
- ✓ Process arrays with forEach, map, filter, find, every, and some
- ✓ Handle asynchronous code with promises and async await
- ✓ Use ES8 additions like Object.values, Object.entries, and string padding
- ✓ Apply ES9 and ES10 features including object spread, async iteration, flat, and flatMap
Course Curriculum
7 sections
1
Overview
2
ES6 / ES2015
3
ES7 / 2016
4
ES8 / 2017
5
ES9 / 2018
6
ES10 / 2019
7
New Sections Added Yearly
Before you start
- ✓ Basic JavaScript. You should already know functions, arrays, and objects in their classic form, because this course teaches the modern way to write them
Frequently asked questions
I keep seeing weird syntax in tutorials, like three dots and arrows. Is that what this covers? +
Do I need this before learning React? +
How current does it go? +
Is it self-paced and included in Diamond? +
More courses you might like
Phaser 3 -Ultimate Course Make Games with Javascript
Ask a room of developers what made them want to code and half will say games. Then they learn web development,...
Object Oriented Programming with Javascript Course
JavaScript is more than just functions and variables — it’s a powerful object-oriented language used to build...
Javascript Animations With GSAP and ScrollMagic
You know a well-animated site the moment you touch it. The hero eases in instead of appearing. Sections wake u...
Future-Proof Javascript
Count the JavaScript frameworks that were essential knowledge ten years ago and are resume filler today. Now n...
HTML Email Frameworks
There is a lesson near the start of this course called "Understand To Read The Documentation," and I...
React JS - Til Infinity Course
The React mistake I see most often has nothing to do with React. Someone mutates an object sitting in state, t...
