Frontend Developer Roadmap

Learning Path & Competency Framework

Completed Module

Internet

How does the internet work?

What is HTTP?

What is Domain Name?

What is hosting?

DNS and how it works?

Browsers and how they work?

Completed Module

HTML

Learn the basics

Writing Semantic HTML

Forms and Validations

Accessibility

SEO Basics

Completed Module

CSS

Learn the basics

Making Layouts

Responsive Design

Tailwind CSS

Sass / PostCSS

Completed Module

JavaScript

Learn the Basics

DOM Manipulation

Fetch API / Ajax

Completed Module

Version Control

Git

GitHub / GitLab / Bitbucket

Completed Module

Package Managers

npm

pnpm

yarn

Completed Module

Pick a Framework

React

Vue.js

Angular

Completed Module

Build Tools

Vite

Prettier & ESLint

Webpack / Rollup

Pending Module

Testing

Vitest

Playwright

Cypress

Completed Module

Web Security Basics

CORS

HTTPS

Content Security Policy

OWASP Security Risks

Completed Module

SSR & Static Generators

Next.js

Astro

Nuxt.js