Create a web project with Webpack 4, Babel 7 and ES6, from scratch, step by step:

• Setting Up a Babel Project
• Starting using ES6
• Using Destructuring
• Using Arrow Functions
• Setting Up Webpack
• Using Modules
• Using Classes
• Using Promises

Each of the above links goes to the final state of the step.

git clone https://github.com/atao60/es6-tutorial.git

cd es6-tutorial

npm install

npm start

git clone --single-branch --branch init https://github.com/atao60/es6-tutorial.git

cd es6-tutorial

npx open-cli index.html

MIT

This project is a fork of Christophe Coenraets' ECMAScript 6 Tutorial. See also the presentation ECMAScript 6 Tutorial.

Additional Resources :

• JavaScript brief history and ECMAScript(ES6,ES7,ES8,ES9) features, Madasamy M, March 9, 2018