Roadmap to Learn JavaScript

JavaScript is such an amazing language!

Born as a simple way to manipulate documents in the browser, over the years it became the most popular programming language in the world, and now runs everywhere.

Here is an attempt to draft a roadmap to learn JavaScript.

Beginner’s guides

First, dive into the introductory guide to the language, and dive into the overview of the “latest and greatest” additions to the language. It’s useless to learn the “old way” of doing things when in the last 3 years how we all use the language changed so much.

• Introduction to JavaScript
• The ECMAScript 2015-2017 Guide

Basics of the language

Next, this is a more in-depth analysis of the building blocks of JavaScript.

• JavaScript Lexical Structure
• JavaScript Expressions
• JavaScript Types
• JavaScript Variables
• JavaScript Functions
• JavaScript Loops
• JavaScript Loops and Scope
• JavaScript Arrays
• JavaScript Template Literals

Asynchronous programming

JavaScript is big on asynchronous programming. Learn all the basics!

• JavaScript Timers
• JavaScript Promises
• Async and Await

Events

• The JavaScript Event Loop
• JavaScript Events

Advanced topics

Some more advanced topics before you go ahead to learn something new

• JavaScript Functional Programming
• Efficiently load JavaScript with defer and async
• CORS

Data Structures

• The JavaScript Map Data Structure
• The JavaScript Set Data Structure

The Web Platform

Cookies, localStorage, the History API, Fetch, Cache, Service Workers, it’s all explained in the Web Platform APIs Guide. Lots of things in there!

What’s next?

If you’re ready to go ahead and dive into more advanced lands, check out React and server-side JavaScript with Node.js.