Building Web Applications with React and ASP.NET Core Course Syllabus

A complete hands-on course that teaches you how to build full-stack web applications using React for the frontend and ASP.NET Core for the backend. You'll learn by doing, starting from environment setup and progressing through API development, frontend integration, authentication, and deployment. The course is structured into 8 modules with approximately 12 hours of total learning time, combining theory and practical exercises to help you build real-world applications from start to finish.

Module 1: Introduction & Setup

Estimated time: 0.75 hours

• Overview of the React + ASP.NET Core technology stack
• Setting up the development environment
• Installing Node.js, .NET SDK, and Visual Studio Code
• Scaffolding a full-stack project

Module 2: ASP.NET Core Backend Basics

Estimated time: 2 hours

• Understanding ASP.NET Core project structure
• Creating API controllers
• Configuring services and dependency injection in Startup.cs
• Routing and middleware fundamentals

Module 3: React Frontend Fundamentals

Estimated time: 2 hours

• Building functional components with JSX
• Using props to pass data between components
• Managing state with useState and side effects with useEffect
• Creating reusable UI components

Module 4: Connecting React & ASP.NET Core

Estimated time: 2 hours

• Fetching data from ASP.NET Core APIs using fetch or axios
• Configuring API routes and handling responses
• Setting up CORS in .NET to allow frontend communication
• Displaying API data in React components

Module 5: CRUD Operations & State Management

Estimated time: 2 hours

• Implementing POST, PUT, and DELETE requests
• Handling forms and user input in React
• Lifting state to manage shared data
• Updating UI in real time based on API responses

Module 6: Routing & Forms in React

Estimated time: 1.5 hours

• Navigating with React Router
• Using route parameters for dynamic pages
• Controlled components for form inputs
• Client-side form validation

Module 7: Authentication & Middleware

Estimated time: 1.5 hours

• Implementing JWT-based user authentication
• Securing API endpoints with authorization middleware
• Adding login and logout functionality
• Protecting routes and resources

Module 8: Deploying the Application

Estimated time: 1 hour

• Creating production builds for React
• Publishing the ASP.NET Core backend
• Configuring environment-specific settings
• Deploying full-stack app using publish profiles

Prerequisites

• Familiarity with HTML, CSS, and JavaScript
• Basic understanding of C# or another object-oriented language
• Experience with command-line tools

What You'll Be Able to Do After

• Build full-stack web applications using React and ASP.NET Core
• Create and consume RESTful APIs
• Manage application state and routing in React
• Secure applications with JWT-based authentication
• Deploy a complete React + ASP.NET Core application to production