Learn Everything

Learning Path Curriculum

Frontend Engineer

Types, components and the browser budget - interfaces that stay fast and stay usable.

8 target skills32 interactive tasks live100% Free Sandbox
0/32 tasks completed

Modules & Skills

Curriculum Modules

Master the technical stack through sequence-oriented modules with real hands-on lab tasks.

SKILL 01

TypeScript Essentials

4 Tasks

Model the data at the edges, let the compiler catch the rest, and keep the build fast.

0/4 done

Topics Covered (2)

• The Type System2 tasks
• Project & Tooling2 tasks
Curriculum TrackOpen Skill Lessons ↗
SKILL 02

React Fundamentals

4 Tasks

Components, props and state - and the rendering rules that keep the UI predictable.

0/4 done

Topics Covered (2)

• Components & State2 tasks
• Rendering & Lists2 tasks
Curriculum TrackOpen Skill Lessons ↗
SKILL 03

State & Data Fetching

4 Tasks

Server state in the cache, client state in the store, and the rest in the URL.

0/4 done

Topics Covered (2)

• Server State2 tasks
• Client State2 tasks
Curriculum TrackOpen Skill Lessons ↗
SKILL 04

CSS & Design Systems

4 Tasks

Layout, type and the tokens that keep a product looking like one product.

0/4 done

Topics Covered (2)

• Layout & Typography2 tasks
• Tokens & Theming2 tasks
Curriculum TrackOpen Skill Lessons ↗
SKILL 05

Performance & Accessibility

4 Tasks

A budget the build enforces, and an interface everybody can use.

0/4 done

Topics Covered (2)

• Core Web Vitals2 tasks
• Accessibility & Auditing2 tasks
Curriculum TrackOpen Skill Lessons ↗
SKILL 06

How the Browser Works

4 Tasks

The rendering pipeline, the storage APIs and the caches between you and the user.

0/4 done

Topics Covered (2)

• The Rendering Pipeline2 tasks
• Storage & Caching2 tasks
Curriculum TrackOpen Skill Lessons ↗
SKILL 07

Testing Frontend Code

4 Tasks

Testing behaviour instead of implementation, and keeping the e2e suite small.

0/4 done

Topics Covered (2)

• Component Tests2 tasks
• E2E & Mocks2 tasks
Curriculum TrackOpen Skill Lessons ↗
SKILL 08

Forms & Validation

4 Tasks

One schema, validated on both sides, with errors the user can actually act on.

0/4 done

Topics Covered (2)

• Client-Side Validation2 tasks
• Server-Side Validation2 tasks
Curriculum TrackOpen Skill Lessons ↗