← LearnGo to the exam
Frontend
React, hooks, routing, state management and Next.js.
React BasicsPractice
0/12 lessons- Components and JSX50 min
- Props50 min
- Lists and Keys50 min
- Conditional Rendering50 min
- Composition and Thinking in Components55 min
- Module assignment: Course Catalog55 min
- Typing Props and Children with TypeScript45 min
- Styling Components with CSS Modules and Tailwind45 min
- Fragments and Empty Output35 min
- Event Handlers in React 1945 min
- Strict Mode and Double Rendering35 min
- Pure Components40 min
React HooksPractice
0/13 lessons- useState50 min
- useEffect55 min
- useRef, useMemo and useCallback55 min
- useContext and Custom Hooks55 min
- Rules of Hooks and Common Bugs55 min
- Module assignment: Focus Planner55 min
- useId for Stable Form and ARIA IDs40 min
- useLayoutEffect and Measuring the DOM45 min
- useImperativeHandle40 min
- useSyncExternalStore45 min
- useDeferredValue35 min
- useTransition and Pending UI40 min
- Subscriptions, Timers and Listeners45 min
RoutingPractice
0/12 lessons- Client-Side Routing50 min
- React Router Basics50 min
- Nested and Dynamic Routes55 min
- Links and Navigation55 min
- Route Data, Errors and Lazy Loading55 min
- Module assignment: Shelf bookshop router90 min
- Search Params as Filter State45 min
- Data Routers and Actions in React Router55 min
- Scroll and Focus After Navigation35 min
- Route Matching Rank and Ambiguous Paths35 min
- URL-Driven Tabs and Breadcrumbs45 min
- Hash Routing and Static Hosting40 min
State ManagementPractice
0/11 lessons- Lifting State Up50 min
- Context for Shared State50 min
- useReducer55 min
- Zustand and Server State55 min
- Module assignment: Task Board90 min
- Redux Toolkit Slices and Immer45 min
- Jotai Atoms for Fine-Grained State45 min
- Derived State: Compute It, Don't Store It40 min
- Choosing Where State Lives40 min
- Undo and Redo with a History Reducer40 min
- Persisting State to localStorage40 min
Forms and Data FetchingPractice
0/13 lessons- Controlled Forms50 min
- Form Validation55 min
- Fetching Data55 min
- Loading and Error States55 min
- TanStack Query Intro55 min
- Module assignment: Reading List55 min
- React Hook Form with Zod Schemas50 min
- Form Actions with useActionState and useFormStatus45 min
- Mapping Server Validation Errors to Fields40 min
- Multi-Step Wizard Forms45 min
- File Uploads with Progress Feedback50 min
- Cursor Pagination and Infinite Queries50 min
- Query Keys, Invalidation and Optimistic Mutations50 min
Next.jsPractice
0/15 lessons- App Router and Layouts50 min
- Server and Client Components50 min
- Data Fetching in Next.js55 min
- Route Handlers and Metadata50 min
- Building and Deploying55 min
- Module assignment: Reading List55 min
- Next.js 16 Setup and proxy.ts40 min
- Cache Components and the use cache Directive45 min
- Cache Lifetimes and Tags45 min
- Partial Prerendering in Practice40 min
- Parallel and Intercepting Routes40 min
- Server Action Security and Validation45 min
- Environment Variables: Server vs Client40 min
- next/image and next/font40 min
- Upgrading to Next.js 16 with Codemods40 min
Mobile Apps with React NativePractice
0/14 lessons- Mobile Versus Web35 min
- Expo Project Setup40 min
- Core Components and Styling40 min
- Flexbox Layout and Safe Areas45 min
- Stack and Tab Navigation45 min
- Passing Params and Deep Links40 min
- Fast Lists with FlatList50 min
- Gestures and Animations55 min
- Forms and the Keyboard45 min
- State and Server Data in an App50 min
- Calling APIs and Handling Errors50 min
- Device Features and Permissions45 min
- Local Storage and Offline Mode45 min
- Building and Publishing with EAS40 min
Design SystemsPractice
0/14 lessons- What a design system is40 min
- Design tokens: colour, type and spacing45 min
- Colour systems, contrast and dark mode50 min
- Typography scales and fluid type45 min
- Spacing, grids and layout primitives45 min
- Building accessible components45 min
- Buttons, inputs and form controls45 min
- Composing components and variants50 min
- Theming with CSS custom properties50 min
- Documenting a Design System40 min
- Versioning and releasing a design system50 min
- Testing a design system50 min
- Auditing and adopting a design system50 min
- Project: build your design system60 min
Phase exam
A timed mixed test across every module in this phase.