Getting Started with Modern JavaScript

This introductory section of our Modern JavaScript Hub covers a wide array of concepts and principles involved in using the JavaScript of today.

JavaScript has come a long way in recent years, with regular updates to the language introducing a host of features that have revolutionized the way JavaScript is written and used.

To introduce the concepts of modern JavaScript, we look at the anatomy of a modern JavaScript application, looking at recent developments in the language and providing an overview of the tools and techniques currently used to write front-end web applications. If you’re just starting out with learning the language, or you’ve not touched it for a few years and are wondering what happened to the JavaScript you used to know, this article is for you.

We then provide a series of basic concept guides that cover new features of the language introduced through ES6, ES7, ES8 and ES9. These include new string, array and number methods, the new variable types, arrow functions, collection types, symbols and their uses, proxies, generators and iterators, classes, decorators … and a lot more.

We also look at understanding ES6 modules, which provide a way to include functionality declared in one file within another, and cover default parameters and property shorthands, two handy features of ES6 that can help you write your API.

If you prefer to read a book, check out our anthology on ECMAScript 2015, or perhaps get a full guide to modern JavaScript through our Novice to Ninja introduction. We also have lots of video courses to get you up and running, on topics such as ES2015 programming principles and our introduction to ES6.

Beyond the Basics

Having introduced the basic features of modern JavaScript, we dig deeper to understand performance optimization, first delving into what “performant JavaScript” actually means, and how it fits into the broader scope of web performance metrics.

We also look at replacing Lodash features with ES6 alternatives, showing many popular use cases for using native collection methods with arrow functions and other new ES6 features to speed up your workflow.

As JavaScript evolves to meet the changing needs of new frameworks and environments, understanding how to take advantage of those changes can save you time, improve your skill set, and mark the difference between good code and great code. Our guide to best practices for using modern JavaScript syntax will help you decide when to use the new syntax to your best advantage, and when it still makes sense to use traditional techniques.

For more advanced books and courses, you can check out our video courses Pro Tips for React Developers and Mastering Test-driven Development in Node.js, or our book on JavaScript best practice. Or check out our whole range of JavaScript resources on our Premium JavaScript page.

Tutorials, Resources and More

There’s a ton more to learn about modern JavaScript in the articles, books and courses listed below. We even give you the lowdown on JavaScript versioning itself, explaining how it works, which version supports what, and how you can future-proof your code. Never be bewildered again by names like ES6, ECMAScript 2015, ES2017, ECMAScript 8 and so on!

Make sure to check out what’s available beyond this introductory section of the Modern JavaScript Hub too. We also provide extensive Modern JavaScript tutorials for beginners and experts alike, and we also cover a wide range of modern JavaScript tools and other resources as well.