I’d recommend learning vanilla JS first, then ES6 and ES7.
If you’re not familiar with what ES5, ES6, and ES7 and so on mean, this can be really confusing. I used to have a hard time understanding it, too.
Today, let’s demystify what ES (officially called ECMAScript) is.
ECMAScript is vanilla JS
What’s up with the numbers?
Those are literal version numbers.
ES6 was another big jump, bringing in functionality based on the web’s emerging use as an app platform and not just a document sharing medium.
A few years ago, there was a push to release new versions annually and name them by year. This was, from what I’ve heard, intended to pressure browser makers to release features more frequently. It’s… not really stuck all that well.
For example, ES6 is officially named ES2015 (the year it came out). No one calls it that. Some folks do say ES2017, ES2018, and so on, but I see far more references to ES7 and ES8.
If you ever see ESNext, that’s typically used as a catchall for future features that are in development.
Now you know
Next time you see someone refer to ES6/ES7 or ECMAScript, they’re just talking about vanilla JS.