Web Development Roadmap

Web Development Roadmap — a step-by-step learning path covering HTML, CSS, JavaScript, Version Control (Git), and more. Free skill roadmap with tips and c…

← All skill roadmaps · Create a free account to track your progress

HTML

HyperText Markup Language - the foundation of web pages. Learn semantic HTML elements, forms, accessibility, and modern HTML5 features.

• MDN HTML Guide
• HTML5 Semantic Elements
• HTML Validator
• FreeCodeCamp HTML

CSS

Cascading Style Sheets - bring your web pages to life with styling, layouts, and animations.

• MDN CSS Guide
• CSS Grid Guide
• Flexbox Froggy
• Can I Use

JavaScript

The programming language of the web. Master ES6+ features, DOM manipulation, asynchronous programming, and modern JavaScript concepts.

• MDN JavaScript Guide
• JavaScript.info
• LeetCode
• ESLint

Version Control (Git)

Track changes, collaborate with teams, and manage code with Git and GitHub.

• Git Documentation
• Pro Git Book
• GitHub Learning Lab
• GitKraken

Node.js

JavaScript runtime for building scalable server-side applications.

• Node.js Documentation
• Express.js Guide
• Node.js Tutorial
• Postman

Front-End Frameworks

Modern frameworks and libraries for building dynamic user interfaces.

• React Docs
• Vue.js Docs
• Angular Docs
• TailwindCSS

Databases for Web

Database technologies and ORMs for web applications.

• PostgreSQL Tutorial
• MongoDB University
• Prisma Documentation
• Redis Documentation

APIs & Web Services

Learn to consume and build APIs for communication between applications.

• REST API Tutorial
• GraphQL Docs
• Postman Docs
• Apollo GraphQL

Testing & QA

Ensure reliability and maintainability of web applications with testing frameworks.

• Jest Docs
• Cypress Docs
• Playwright Docs
• Testing JavaScript

Deployment & DevOps

Deploying web applications and managing production environments.

• AWS Cloud Practitioner Essentials
• Docker Tutorial
• Netlify Docs
• Vercel Docs