Summary

Congratulations! You have built your first JavaScript application with the new ES6 syntax. You have learned the following concepts in this chapter:

• DOM manipulation and event listeners in JavaScript
• ECMAScript 2015 (ES6) syntax of JavaScript
• Chrome Developer Tools
• The workings of Node and npm
• Using Babel to transpile the ES6 code to ES5 code

In our current npm setup, we have simply created a compile script to transform our code into ES5. There are lots of other tools available to automate more tasks, such as minification, linting, image compression, and so on. We will use one such tool called Webpack in our next chapter.