Understand the web
Learn how browsers, addresses, and HTTP work.
YOUR NEXT STEP, FROM TRUSTED SOURCES
Frontend Development
Build thoughtful interfaces for the modern web.
A simplified study sequence based on roadmap.sh. Explore the original for branches and optional topics. Progress stays on this device.
0 / 6 completed
Build accessible pages
Use semantic markup and responsive CSS layouts.
Add interactivity
Practice JavaScript, events, and browser APIs.
Work with a team
Learn Git, repositories, and package management.
Build applications
Choose a framework and learn its data and component model.
Ship reliable interfaces
Test behavior, secure the client, and measure accessibility and performance.
Frontend Roadmap
Source: roadmap.sh
View Original RoadmapLink checked Oct 1, 2026MDN Curriculum
Source: MDN
View Learning SourceLink checked Sep 30, 2026Useful tools
Percentage Calculator
Calculate a percentage, a share, or a percentage change.
QR Code Generator
Create a QR code locally from text or a URL.
Image Converter & Resizer
Resize a local image and export PNG, JPEG, or WebP.
Recommended software
A flexible code editor with extensions, debugging, and Git integration.
Distributed version control for source code and collaborative projects.
Run JavaScript outside the browser and manage packages with npm.