Few years later there was Angular 2 (now Angular 4), React, ES6, Typescript, CoffeScript, JSX, Babel, Grunt. Everything was different from what I learnt a few years earlier. I was overwhelmed and lost enthusiasm.
— Ceej Architect Tech Companies (@ceejbot) February 2, 2018
First of all, there is something called EmaScript. EmaScript is the standardized language.
To understand why there is a need for standard, it is mainly to avoid confusion. Think of all the keyboards on a laptop you have seen, you will notice a similarity in the layout which is the QWERTY standard. This allows anyone to move from one laptop to another without gettting confused.
So there was a need to standardize the web scripting language so that common features of the language will be supported on all browsers and device; making sure that the code you write will work on any browser.
Dialects/Flavours of EmaScript
Versions of EmaScript
There have been different versions of EmaScript. The recent ones are:
- ES 6 (EmaScript 2015, ES 2015): This is the new guy, it comes with lot of changes, keywords and new construct. At the moments, there are other dialects or super set of ES6 (or ES Next):
- ES Next : This refers to any next version of EmaScript
Note: there is also ES 2016 and ES 2017. In fact, there is going to be an annual version of EmaScript. You can always start from ES 6
Cross Browser Support
Older browsers don’t support some of the newer features of the ES6, therefore if you want to code in ES6, you will need a transpiler to convert your ES6 code to ES5 so that your code will work across all browsers.
Examples of Transpiler
So the best place to start is ES6, from ES6 you can pick any of the dialects : TypeScript or CoffeScript
My list of next things to pick up
- React vs Angular