Modern JS - A guide to help you learn Modern JavaScript

The beginning

What is JavaScript ? What is modern JavaScript ?

Includes a walkthrough of JavaScript's modern facets throughout the years, including: Web page events & DHTML, AJAX & DOM, jQuery, JavaScript components, JavaScript MVC, JavaScript on the server & languages that produce JavaScript.

Read up

Modern JavaScript essentials: Concepts and tools

Includes explanation of ECMAScript, Shims and Polyfills, Package managers, Transpiling and transpilers, Modules, namespaces & module types, Module loaders and bundlers.

Read up

The languages

ECMAScript 5

Still everyone's JavaScript

ES5 for loop Asynchronous ES5

.

ECMAScript 6

Modern JavaScript circa 2017

ES6 for loop Asynchronous ES6

.

ECMAScript 7

Future Modern JavaScript

ES7 for loop Asynchronous ES7

.

TypeScript

Produce any ECMAScript

TypeScript for loop Asynchronous TypeScript

.

The libraries

React JS

A JavaScript library for building user interfaces(UI), built by Facebook

React JS Introduction Tutorial

Includes explanation of React components without ES6 (createClass()), React components with ES6 (React.Component); React component use of this, props and state; JSX, Babel & transpiling; React deployment with npm and webpack.

Angular

A JavaScript client side MVC framework, built by Google

Angular Introduction Tutorial

Node.js

A JavaScript server side environment, package manager & build tool