Web Development · Beginner → Expert
⚛️ React Frontend Engineering: Beginner to Expert
Build production React applications with modern component design, hooks, routing, state, forms, testing, performance, accessibility, security, server integration, and deployment.
Course roadmap
Pass each module exam to unlock the next module.
Module 1 · Beginner
React Mental Model, JSX and Component Fundamentals
Locked
Module 2 · Beginner
Props, State, Events and Controlled UI
Locked
Module 3 · Beginner
Hooks: State, Effects, Refs and Custom Hooks
Locked
Module 4 · Beginner
Component Composition, Context and Reusable Patterns
Locked
Module 5 · Intermediate
Routing, Navigation and URL State
Locked
Module 6 · Intermediate
Forms, Validation and Complex User Input
Locked
Module 7 · Intermediate
Server State, Fetching, Caching and Error Handling
Locked
Module 8 · Intermediate
State Management Architectures
Locked
Module 9 · Advanced
TypeScript with React
Locked
Module 10 · Advanced
Styling, Design Systems and Responsive UI
Locked
Module 11 · Advanced
Accessibility and Internationalization
Locked
Module 12 · Advanced
Testing React Components and User Flows
Locked
Module 13 · Expert
Performance, Rendering and Profiling
Locked
Module 14 · Expert
Security, Authentication and Frontend Boundaries
Locked
Module 15 · Expert
Build Tooling, Deployment and Production Diagnostics
Locked
Module 16 · Expert
Expert Capstone: Production React Application
Locked
Certification gate
Final course exam
Pass mark: 80%. Time limit: 360 minutes. All module exams must be passed first.
Locked until modules are passed