JavaScript Roadmap
A curated pathway to learn JavaScript for both client and server environments. From the basics of the language and the DOM to modern frameworks and tooling.
Learn the Basics
Browser APIs
Frameworks & Tools
A curated pathway to learn JavaScript for both client and server environments. From the basics of the language and the DOM to modern frameworks and tooling.
Learn the fundamentals of JavaScript syntax and how to interact with the Document Object Model to dynamically change content on web pages.
Understand primitive and reference types, type coercion and how JavaScript handles numbers, strings, arrays and objects.
Use if/else, switch, loops and break/continue statements to control the logic of your scripts.
Write functions, understand lexical scope and closures, and respond to user actions with event listeners.
Use the DOM API to select, create and modify HTML elements. Learn how to traverse the DOM tree efficiently.
Capture and respond to user interactions such as clicks, keyboard events and custom events.
Communicate with servers using the Fetch API. Make GET and POST requests and handle JSON responses.
Manage asynchronous operations with Promises, then simplify your code using the async/await syntax.
Take JavaScript beyond the browser by using Node.js to run scripts on the server. Learn to manage dependencies with npm (Node Package Manager).
Build interactive UIs with React. Understand components, JSX, state and props.
Learn Vue.js, a progressive framework for building user interfaces. Get started with components, directives and the reactive data model.
Write reliable code using Jest or Mocha for testing and use bundlers like Webpack or Vite to build and optimise your projects.