Frontend Development

Building interactive interfaces with modern tools: React, state, routing and working with APIs.

intermediate~50 hours16 topics~35h of lessonsRoadmap Level 4

The web is where most CS jobs start; shipping a real full-stack app proves you can build end to end.

RECOMMENDED BEFORE THIS
○ JavaScript○ HTML & CSS○ APIs

These are suggested first. You can still open any topic — this only helps you pick an order.

Prerequisites:JavaScriptHTML & CSSAPIs
Learning Path
07 stages
16 topics · 7 stages0/16 completed
01

Fundamentals

Start from zero. Build the vocabulary.

How Frontends Are Built Today~45 minbeginnerReact Fundamentals~90 minintermediateState and Events~75 minintermediate
02

Core Concepts

The ideas you cannot skip.

Conditional Rendering and Effects~75 minintermediateFetching Data from APIs~90 minintermediateStyling in React~60 minintermediate
03

Intermediate

Connect ideas and go deeper.

Global State and Context~75 minintermediateClient-side Routing~60 minintermediateForms and Validation~60 minintermediate
04

Advanced

Beyond the basics.

Performance Optimization~90 minadvancedAdvanced Patterns: hooks, custom hooks~75 minadvancedSSR, SSG and Meta-Frameworks~75 minadvanced
05

Practice

Solve problems until it sticks.

Practice: Build UI Components~180 minintermediate
06

Projects

Apply everything in real work.

Project: Admin Dashboard~480 minadvancedProject: E-commerce Storefront~480 minadvanced
07

Interview Prep

Convert knowledge into offers.

Frontend Interview Questions~90 minadvanced