Web Development
Building RESTful APIs
Design APIs that power apps. Learn REST principles, routing, authentication, and documentation to build and secure…
USD 39
Frontend Development with React
Build fast, interactive single-page applications with React components, hooks, state management and client-side routing.
About this course
Build modern user interfaces. Master React components, hooks, state, and routing to create fast, interactive single-page applications.
What you will learn
- Explain how React turns state into user interface and why it re-renders components
- Build reusable function components with JSX, props and composition
- Manage local and shared state with useState, lifted state and the Context API
- Fetch, display and update data from a REST API with loading and error handling
- Create multi-page navigation with React Router, including dynamic routes
- Structure, debug and organise a React project the way professional teams do
Curriculum
Module 1React Foundations4 lessons
- 1Why React and How It Thinks Free preview
- 2Components and JSX
- 3Props and Composition
- 4Rendering Lists and Conditionals
- QModule quiz (4 questions)
Module 2State and Interactivity4 lessons
- 5useState in Depth
- 6Handling Events and Forms
- 7useEffect and Data Fetching
- 8Lifting State Up
- QModule quiz (4 questions)
Module 3Building Real Apps4 lessons
- 9React Router Navigation
- 10Custom Hooks
- 11Context for Shared State
- 12Working with APIs
- QModule quiz (4 questions)
Module 4Professional React3 lessons
- 13Project Structure and Best Practices
- 14Debugging React Apps
- 15Course Project: Multi-Page React App
- QModule quiz (4 questions)
PFinal project: Multi-Page Product Catalogue App
Who this course is for
- Beginners who know basic HTML, CSS and JavaScript and want to build modern interfaces
- Backend or WordPress developers who need to add interactive frontends to their work
- Career changers in Kenya and across Africa preparing for junior frontend roles
Requirements
- A laptop or desktop computer (Windows, macOS or Linux) with Node.js LTS and a code editor such as VS Code installed
- Working knowledge of HTML, CSS and modern JavaScript (variables, functions, arrays, objects, arrow functions)
- A recent version of Chrome or Firefox, ideally with the React Developer Tools extension
What is included
Written lessons
15 lessons, each with a practical exercise and key points to remember.
Module quizzes
A short quiz at the end of each module. Pass mark 70%, and you can retake it.
Final project
Multi-Page Product Catalogue App. A practical brief with steps and a way to check your own work.
Certificate
A certificate of completion from EMFAD Courses with a unique code anyone can verify.
How the certificate works
Complete every lesson and pass every module quiz with 70% or more. Your certificate then appears in your learner area, ready to print or save as PDF. It shows your name, the course title, the completion date and a unique code. It is a certificate of completion from EMFAD Courses, not an accredited qualification.
More in Web Development
All →Web Development
Full-Stack Development with Node.js
Become a full-stack developer. Build complete apps with Node.js, Express, databases, authentication, and a connected…
USD 39
Web Development
HTML and CSS from Scratch
Build your first websites. Learn HTML structure and CSS styling to create clean, attractive web pages with no prior…
USD 39