Westhub Academy
Log in Get Started
← Back to Courses
Free 🎓 Verifiable Certificate

Frontend Web Development with React

18 modules · Intermediate

A complete, hands-on path through modern front-end development with React — from the ES6+ JavaScript React relies on, through JSX, components, state, hooks, routing and application-scale state management, all the way to testing, performance and deployment. Every lesson pairs a plain-language explanation with runnable code, and two progressive projects plus a final capstone turn the concepts into real, portfolio-ready applications.

Course Content

Module 1: Modern JavaScript Essentials for React

  • Modern JavaScript Essentials for React
    60 min
  • Module 1: Modern JavaScript Essentials for React Quiz
    15 min
  • Product Inventory Script
    45 min
  • Filter and Double Even Numbers
    30 min

Module 2: Introducing React and Your Dev Environment

  • Introducing React and Your Dev Environment
    60 min
  • Module 2: Introducing React and Your Dev Environment Quiz
    15 min
  • Set Up Your First React Project
    45 min

Module 3: JSX Deep Dive and Rendering Fundamentals

  • JSX Deep Dive and Rendering Fundamentals
    60 min
  • Module 3: JSX Deep Dive and Rendering Fundamentals Quiz
    15 min
  • Build a Course Catalog List
    45 min
  • Build Course Summary Lines
    30 min

Module 4: Components, Props and Composition

  • Components, Props and Composition
    60 min
  • Module 4: Components, Props and Composition Quiz
    15 min
  • Build a Reusable Profile Card
    45 min

Progressive Project 1: Static Component Showcase

  • Checkpoint: Build a Static Component Showcase
    60 min
  • Submit: Static Component Showcase
    45 min
  • Checkpoint Quiz: JS Essentials Through Components & Props
    15 min

Module 5: State and Events with useState

  • State and Events with useState
    60 min
  • Module 5: State and Events with useState Quiz
    15 min
  • Build an Interactive Rating Widget
    45 min
  • Simulate a Toggle-and-Count Reducer
    30 min

Module 6: Forms and Controlled Components

  • Forms and Controlled Components
    60 min
  • Module 6: Forms and Controlled Components Quiz
    15 min
  • Build a Student Registration Form
    45 min
  • Validate a Registration Record
    30 min

Module 7: useEffect and Side Effects

  • useEffect and Side Effects
    60 min
  • Module 7: useEffect and Side Effects Quiz
    15 min
  • Build a Data-Fetching Course List
    45 min
  • Simulate an Effect Dependency Array
    30 min

Module 8: Refs and Custom Hooks

  • Refs and Custom Hooks
    60 min
  • Module 8: Refs and Custom Hooks Quiz
    15 min
  • Build a useFetch Custom Hook
    45 min

Progressive Project 2: Interactive To-Do List App

  • Checkpoint: Build an Interactive To-Do List App
    60 min
  • Submit: Interactive To-Do List App
    45 min
  • Checkpoint Quiz: State, Forms, Effects & Refs
    15 min

Module 9: React Router — Client-Side Routing

  • React Router — Client-Side Routing
    60 min
  • Module 9: React Router — Client-Side Routing Quiz
    15 min
  • Build a Multi-Page Course Site
    45 min

Module 10: State Management at Scale — Context API and useReducer

  • State Management at Scale — Context API and useReducer
    60 min
  • Module 10: State Management at Scale — Context API and useReducer Quiz
    15 min
  • Build a Global Shopping Cart with Context and useReducer
    45 min
  • Implement a Cart Reducer
    30 min

Module 11: Styling React Applications

  • Styling React Applications
    60 min
  • Module 11: Styling React Applications Quiz
    15 min
  • Restyle the Course Catalog with Tailwind
    45 min

Module 12: Connecting to REST APIs

  • Connecting to REST APIs
    60 min
  • Module 12: Connecting to REST APIs Quiz
    15 min
  • Build a Full CRUD Course Manager
    45 min
  • Build Query String Parameters
    30 min

Module 13: Testing React Components

  • Testing React Components
    60 min
  • Module 13: Testing React Components Quiz
    15 min
  • Write a Test Suite for the To-Do List App
    45 min

Module 14: Performance Optimization and Best Practices

  • Performance Optimization and Best Practices
    60 min
  • Module 14: Performance Optimization and Best Practices Quiz
    15 min
  • Optimize the Course Search Component
    45 min

Module 15: Building and Deploying a React App

  • Building and Deploying a React App
    60 min
  • Module 15: Building and Deploying a React App Quiz
    15 min
  • Deploy Your React Router App
    45 min

Capstone: Full React Application

  • Capstone: Full React Application
    60 min
  • Capstone Submission: Full React Application
    45 min
  • Checkpoint Quiz: Routing, Global State, Styling, APIs, Testing & Performance
    15 min
Sign Up — It's Free

Free · Learn at your own pace

👥 COHORT - Group Class

No open Cohort right now

✨ VIP (1-on-1 Class)

Want an instructor all to yourself?

VIP gets you a schedule built entirely around you, full instructor attention with no sharing, and faster feedback on your work — the quickest path through the course.

🧑‍🏫 Book VIP (1-on-1) Training

Programme Details

Self-Taught
Free
Certificate
₦20,000.00
VIP (1-on-1)
₦500,000.00
Modules
18
Lessons
61
Programme Length
12 weeks

Certificate Preview

John Doe
SAMPLE · PREVIEW

Complete the course to unlock your certificate for download.