Frontend Development
Learn modern frontend technologies from HTML/CSS basics to advanced React patterns and performance optimization.
57h total·5 sections·33 topics
Filter:
Sort:
Make this roadmap your plan
Sign in to save your routine, streaks, notes, and progress across devices.
0 of 33 topics completed(est. 57h remaining)
0%
1
Web Foundations
Core web technologies every frontend developer must know.
12h 30m0/6
0%
HTML5 Semantics & Accessibility
beginner1h 30mSemantic elements, ARIA attributes, forms, media, SEO-friendly markup.
Subtopics (0/8)
Semantic HTML (header, nav, main, article, section, aside, footer)
Forms & Input Types (email, date, range, color, pattern)
Form Validation (required, pattern, custom validity)
ARIA Attributes (roles, states, properties)
Media Elements (video, audio, picture, source)
Meta Tags & SEO (Open Graph, Twitter Cards, canonical)
HTML Templates & Slots
Data Attributes & Microdata
MDN HTML GuideHTML5 Semantic Elements
CSS3 & Modern Layout
beginner2h 30mJavaScript ES6+
beginner3hTypeScript Essentials
intermediate2hBrowser APIs & DOM
beginner2hGit & Version Control
beginner1h 30m2
React Ecosystem
Master React and its surrounding ecosystem of tools and libraries.
14h0/8
0%
React Fundamentals
intermediate3hCustom Hooks
intermediate1h 30mState Management
intermediate2hForms & Validation
intermediate1h 30mTesting React Apps
intermediate2hReact Design Patterns
advanced2hError Handling & Boundaries
intermediate1h3
Styling & UI
Modern CSS frameworks, component libraries, and design system creation.
9h0/6
0%
Tailwind CSS
beginner1h 30mComponent Libraries
intermediate1h 30mAnimation & Motion
intermediate1h 30mDesign Systems & Tokens
advanced2hResponsive & Adaptive Design
beginner1h 30mCSS-in-JS & Preprocessors
intermediate1h4
API Integration & Data Fetching
Connect to backends, manage server state, and handle real-time data.
8h 30m0/5
0%
REST API Consumption
beginner1h 30mReact Query / TanStack Query
intermediate2hWebSockets & Real-Time
intermediate1h 30mGraphQL Client-Side
advanced2hAuthentication in SPAs
intermediate1h 30m5
Advanced Frontend
Performance, tooling, and production-grade practices.
13h0/8
0%