Track 04 · TypeScript
Modern Frontend Engineering
Semantic HTML and CSS architecture, Tailwind systems, React 19 patterns, Zustand and TanStack Query, motion and Core Web Vitals.
0 of 12 modules
Published modules
12
Lessons available
10
Completed
0 / 10
Completion
0%
0 Day Learning Streak
Complete 1 coding drill today to keep your streak intact.
0 days
Modern Frontend Virtuoso
Achieve 100% completion on this track to earn this insignia (0/10 lessons).
Placement diagnostic
Choose how you enter this track. Testing out flags cleared lessons aspassed_by_placementand awards partial XP.
Module map
12 published modules · 0 completed
- 010/1Open
Semantic HTML5 & Accessibility
BeginnerTen bite-sized lessons with instant test feedback.
1 min read0/1 - 020/1Open
CSS Architecture & the Box Model
BeginnerTen bite-sized lessons with instant test feedback.
1 min read0/1 - 030/1Open
Tailwind CSS Design Systems
IntermediateTen bite-sized lessons with instant test feedback.
1 min read0/1 - 040/1Open
Vite Build Pipeline
IntermediateTen bite-sized lessons with instant test feedback.
1 min read0/1 - 050/1Open
React 19 Component Patterns
IntermediateTen bite-sized lessons with instant test feedback.
1 min read0/1 - 060/1Open
Zustand State Management
IntermediateTen bite-sized lessons with instant test feedback.
1 min read0/1 - 070/1Open
TanStack Query & Data Fetching
IntermediateTen bite-sized lessons with instant test feedback.
1 min read0/1 - 080/1Open
Framer Motion & Animations
AdvancedTen bite-sized lessons with instant test feedback.
1 min read0/1 - 090/1Open
Core Web Vitals & Performance
AdvancedTen bite-sized lessons with instant test feedback.
1 min read0/1 - 100/1Open
Responsive Design & Mobile-First
AdvancedTen bite-sized lessons with instant test feedback.
1 min read0/1 - 11
Edge-Case Drill: Layout Shifts
BeginnerTimed edge-case drill against adversarial hidden tests.
authoring - 12
Capstone: Production Design System
BeginnerShip a graded project against a hidden specification.
authoring