Building Web Applications with React and ASP.NET Core

Module 1: Introduction & Setup

⏳ 45 minutes

• Topics: Overview of React + ASP.NET Core stack, dev environment setup, prerequisites

• Hands-on: Install Node.js, .NET SDK, Visual Studio Code, and scaffold a full-stack project

Module 2: ASP.NET Core Backend Basics

⏳ 2 hours

• Topics: Project structure, Controllers, Dependency Injection, routing in .NET

• Hands-on: Create a simple API controller and configure services in Startup.cs

Module 3: React Frontend Fundamentals

⏳ 2 hours

• Topics: Functional components, JSX, props, useState, useEffect

• Hands-on: Build reusable components and consume dummy data with React hooks

Module 4: Connecting React & ASP.NET Core

⏳ 2 hours

• Topics: Fetching data with fetch or axios, API routes, CORS setup

• Hands-on: Display .NET API data in a React list and add interactive UI features

Module 5: CRUD Operations & State Management

⏳ 2 hours

• Topics: POST/PUT/DELETE requests, form handling, component lifting

• Hands-on: Implement full CRUD with live updates in UI connected to API

Module 6: Routing & Forms in React

⏳ 1.5 hours

• Topics: React Router, route parameters, controlled inputs, form validation

• Hands-on: Add dynamic routing and build a form with client-side validation

Module 7: Authentication & Middleware

⏳ 1.5 hours

• Topics: User authentication (JWT), middleware in .NET, securing API routes

• Hands-on: Add login/logout functionality and protect backend endpoints

Module 8: Deploying the Application

⏳ 1 hour

• Topics: Production builds, publishing backend and frontend together

• Hands-on: Deploy the full-stack app using publish profiles and environment configs

Get certificate