React – from beginner to advanced

Six 40-minute teaching sessions and a 60-minute Sunday recap. 15 questions each teaching day · No negative marking. No test on Sunday.

1. Monday: How a web page works: HTML and the DOM
2. Tuesday: CSS layout and responsive design essentials
3. Wednesday: JavaScript variables, functions and modules
4. Thursday: Arrays, objects, destructuring and spread
5. Friday: Promises, async and fetch
6. Saturday: Set up a React project and developer tools
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 15 questions each teaching day · No negative marking. No test on Sunday.

1. Monday: Render your first component with JSX
2. Tuesday: Pass data with props
3. Wednesday: Compose reusable layouts
4. Thursday: Render lists with stable keys
5. Friday: Render conditional interface states
6. Saturday: Build an accessible course-card gallery
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 15 questions each teaching day · No negative marking. No test on Sunday.

1. Monday: Handle events and update local state
2. Tuesday: Use functional state updates
3. Wednesday: Build controlled form inputs
4. Thursday: Validate a form and show useful errors
5. Friday: Lift state and choose one source of truth
6. Saturday: Build a searchable course catalogue
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 30 questions each teaching day · −⅓ per incorrect answer. No test on Sunday.

1. Monday: Understand rendering and the rules of hooks
2. Tuesday: Synchronise with useEffect
3. Wednesday: Clean up subscriptions and timers
4. Thursday: Use refs without triggering renders
5. Friday: Extract a reusable custom hook
6. Saturday: Build a resilient data-loading screen
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 30 questions each teaching day · −⅓ per incorrect answer. No test on Sunday.

1. Monday: Use semantic HTML and accessible names
2. Tuesday: Manage keyboard focus and dialogs
3. Wednesday: Build responsive navigation
4. Thursday: Design loading, empty and error states
5. Friday: Separate reusable components and styles
6. Saturday: Review the catalogue with keyboard and screen-reader checks
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 30 questions each teaching day · −⅓ per incorrect answer. No test on Sunday.

1. Monday: Configure React Router routes
2. Tuesday: Use route parameters and nested layouts
3. Wednesday: Keep useful state in search parameters
4. Thursday: Load route data and handle failures
5. Friday: Explain client route guards and server authorisation
6. Saturday: Build a multi-page learning dashboard
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 30 questions each teaching day · −⅓ per incorrect answer. No test on Sunday.

1. Monday: Design an API client with timeouts
2. Tuesday: Cancel stale requests and prevent races
3. Wednesday: Submit mutations with clear pending states
4. Thursday: Implement pagination and filtering
5. Friday: Understand caching and server state
6. Saturday: Build an API-backed lesson browser
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 30 questions each teaching day · −⅓ per incorrect answer. No test on Sunday.

1. Monday: Choose local state, context or a store
2. Tuesday: Use useReducer for predictable transitions
3. Wednesday: Provide shared dependencies with context
4. Thursday: Create a Redux Toolkit slice
5. Friday: Select and update state with React Redux
6. Saturday: Build a persistent course-selection workflow
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 30 questions each teaching day · −⅓ per incorrect answer. No test on Sunday.

1. Monday: Type component props and event handlers
2. Tuesday: Model unions and asynchronous results
3. Wednesday: Test components with Testing Library
4. Thursday: Test forms and error behaviour
5. Friday: Test navigation with Playwright
6. Saturday: Refactor a feature with types and tests
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 30 questions each teaching day · −⅓ per incorrect answer. No test on Sunday.

1. Monday: Measure render behaviour with the profiler
2. Tuesday: Use memoisation where measurement supports it
3. Wednesday: Split code with lazy loading
4. Thursday: Use error boundaries and recovery screens
5. Friday: Build and deploy a production bundle
6. Saturday: Check accessibility, performance and security before release
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 30 questions each teaching day · −⅓ per incorrect answer. No test on Sunday.

1. Monday: Compare client rendering and server rendering
2. Tuesday: Create an App Router project
3. Wednesday: Understand server and client component boundaries
4. Thursday: Build layouts and dynamic routes
5. Friday: Load server data and handle loading states
6. Saturday: Build a small server-rendered course directory
7. Sunday: Recap and guided review of these six lessons

Six 40-minute teaching sessions and a 60-minute Sunday recap. 30 questions each teaching day · −⅓ per incorrect answer. No test on Sunday.

1. Monday: Plan the capstone and define acceptance checks
2. Tuesday: Implement accessible screens and routing
3. Wednesday: Connect data and handle failure paths
4. Thursday: Test and improve the capstone
5. Friday: Complete a timed coding rehearsal
6. Saturday: Demonstrate the application and prepare for the final assessment
7. Sunday: Recap and guided review of these six lessons