Overview

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this detailed course, you'll gain in-depth knowledge of building modern web applications with Blazor Server and WebAssembly (WASM). You will start by learning how to set up a Blazor project, organize repositories, and implement CRUD operations. As you proceed, you'll explore integrating complex components like product management, dynamic pricing, and shopping carts, while leveraging powerful libraries like Syncfusion for richer UI experiences. You’ll develop a strong understanding of essential topics such as repository patterns, data models, validation, async operations, and more. The course provides a hands-on approach with practical assignments that allow you to implement features like product services, API integrations, and user authentication in your Blazor applications. This course is designed for developers who want to build sophisticated, real-time web applications using Blazor. By the end of the course, you will be able to create and manage Blazor applications using both Blazor Server and WebAssembly, handle asynchronous operations, implement complex product management features, and integrate third-party services like Syncfusion for enhanced user interfaces.

Syllabus

Model and Repository

In this module, we will structure the backend layer by adding supporting projects, setting up the database context, and building repositories. You'll learn how to use DTOs and AutoMapper to simplify data flow. This section sets the stage for scalable and maintainable data access in your Blazor application.

Category CRUD

In this module, we will build the complete CRUD experience for the Category entity using forms, data binding, and validation. You'll create and edit categories through interactive components and improve user feedback with loading indicators. This section helps bridge the gap between backend logic and the UI layer.

Delete Component

In this module, we will extend the category module by introducing a reusable delete confirmation component. You’ll also work with asynchronous operations, component lifecycle hooks, and clean up logic. This section reinforces component communication and user interaction workflows.

Products

In this module, we will build a comprehensive product management system including creation, editing, deletion, and file uploads. You'll enhance user interaction with Syncfusion components and learn to troubleshoot common development errors. This section delivers a deep dive into building complex, reusable UI logic.

Product Pricing

In this module, we will introduce product pricing logic and connect it to the existing product infrastructure. You’ll work extensively with the Syncfusion DataGrid, customizing it to handle real-time data display and interaction. This section equips you to manage relational data elegantly in the UI.

Tangy API

In this module, we will build the Tangy API, a centralized backend layer that connects the Blazor front end to persistent data. You'll learn how to build endpoints, return structured data, and handle success/error messaging. This section marks the transition toward a full-stack architecture.

Tangy Client - WASM

In this module, we will build the Tangy client using Blazor WebAssembly. You'll integrate API calls, design the product UI, and manage data with service interfaces and view models. This section brings your front end to life with rich, data-driven features.

Shopping Cart and Summary

In this module, we will create a fully interactive shopping cart using Blazored Local Storage and a robust service architecture. You'll manage cart operations like add, remove, and update while dynamically updating UI elements. This section is key to building eCommerce-like user experiences.

Order

In this module, we will finalize the application with full order functionality. You'll create models, build repositories, expose APIs, and connect the front end with order summary pages. This section ties together the entire application workflow from browsing to purchasing.