Front-end Development Roadmap

Front-end Development Roadmap — a step-by-step learning path covering HTML, CSS, JavaScript, Git, and more. Free skill roadmap with tips and curated resou…

← 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.

CSS

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

JavaScript

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

Git

Version control system for tracking changes in your code. Essential for collaboration and project management.

GitHub

Cloud-based Git repository hosting service. Learn collaboration, pull requests, and project management.

npm

Node Package Manager - manage dependencies, scripts, and packages for your JavaScript projects.

React

Popular JavaScript library for building user interfaces. Learn components, hooks, state management, and modern React patterns.

Tailwind CSS

Utility-first CSS framework for rapid UI development. Build modern, responsive designs without writing custom CSS.

Vitest

Fast unit testing framework for Vite projects. Learn testing best practices, mocking, and test-driven development.