Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Master Blazor in .NET 10: Build Inventory Management System

Name: Master Blazor in .NET 10: Build Inventory Management System
Rating: 4.7 (1285 reviews)

Learn Blazor, Entity Framework Core, and ASP.NET Core Identity, Clean Architecture for Full Stack Web Dev(.NET 10)

Highest Rated

Created byFrank Liu

Last updated 1/2026

English

What you'll learn

Build an Inventory Management System with Blazor
Razor / Blazor Components
Forms Submission, Validation
Custom Validation with ValidationAttribute
ASPNET Core Identity
Dependency Injection
Clean Architecture with Use Case Driven Development
Entity Framework Core connecting to SQL Server
Create two type of data stores (In-Memory plugin and EF Core plugin) with repository pattern as plugins following clean architecture

Course content

15 sections • 102 lectures • 13h 46m total length

Introduction4:10
How traditional web app works2:54
Achieve interactivity in traditional Web apps4:59
How Static SSR works1:51
Achieve interactivity with SignalR channel4:39
Achieve interactivity with WebAssembly4:17
Project Structure9:09
.NET 10 - RC1 Breaking Changes1:52
Enhanced Navigation9:17
What is Inventory Management System2:51
Introduction to Clean Architecture7:08
Discover clean architecture, an onion structure with entities and use cases at the core and databases and IO devices on the outside, driven by use cases and plugin interfaces.
Source Code0:30

Write the View Inventories Use Case5:27
Why we start with implementing use cases2:45
Implement the View Inventories Use Case13:54
Create a Plugin with Dependency Injection9:43
Inject the Use Case in Razor Component11:49
Dependency Injection6:22
Dependency Injection Lifetime Management5:32
Explore dependency injection lifetime management in Blazor, registering interfaces in the service collection and choosing transient, scoped, and singleton lifetimes; contrast use cases with an in-memory inventory repository.
Page Component - Create the Inventory List page8:56
SPA Components Best Practice3:03
Create a reusable component - Inventory List7:56
Extract List Item Component and use Component Parameters7:06

Add Inventory Use Case - Use Case Driven development5:49
Implement Add Inventory Repository method3:35
Practice - Add Inventory page component3:25
Create an add inventory button on the inventory list page that navigates to a new razor page at /add inventory, introducing an empty Add Inventory page component titled Add Inventory.
EditForm and Form Submission in Static SSR12:31
Form Validations with Data Annotations7:33
Navigation with NavigationManager6:02

Edit Inventory Use Case4:26
Implement Edit Inventory Repository methods8:17
Receive Routing Parameter8:25
Implement View Inventory Use Case and Repository4:22
Implement the view inventory by id use case to load existing inventory when the page opens, using the repository’s get inventory by id async method via dependency injection.
Implement Edit Inventory Page Component13:59
[.NET 10] Handling Inventory NotFound9:15

Add a component parameter for filtering inventories3:16
Use EditForm to create the search bar5:58
Use EventCallback to communicate from child to parent component11:30
Use Enhanced form handling for partial page rendering3:32
Implement Delete Inventory Use Case and Repository method4:14
Delete Inventory with Enhanced EditForm11:40
Learn to implement secure delete in Blazor using enhanced form handling: a unique per-item form name via explicit Razor syntax, post back, and navigation manager refresh.

Implement View Products use case and product repository8:30
Implement Product components5:05
Enable and Use Server Interactivity for Deleting Products16:02
Use Interactive EditForm to Add Product7:50
Search and Display Inventories for Products14:23
Data binding on input5:45
Implement real-time inventory filtering using two-way data binding on input with oninput, updating a state variable and using state has changed to rerender after asynchronous data retrieval.
CSS Isolation5:23
Isolate component styles by moving inline CSS into a component-specific style sheet, created alongside the Razor component, ensuring no class-name conflicts and verifying the result by running the app.
Add Inventory to Product18:33
Use ValidationAttribute to do custom validation12:57
Improve Product Inventory Component Layout with Bootstrap Card1:44

Produce Product Use Case19:35
Produce Product Page Component7:50
Fix an In-Memory Data Store Issue6:08
Custom Validation for Quantity to Produce11:14
Javascript InterOp8:36
Learn to prevent enter-triggered form submission in Blazor using JavaScript interop with IJSRuntime, registering a one-time script after render and a prevent-default listener.
[.NET 10] Javascript InterOp New Features in NET 109:56
Explore .NET 10 JavaScript interop updates, including getvalue async, setvalue async, invoke async, and invoke constructor async, using the window object and a car class example to access inner properties.

Requirements

Basic HTML
Intermediate C#
Good understanding of OOP, esp. the usage of interface (although Dependency Injection is thoroughly covered in this course)
It is best if you have a little bit experience with ASP Dot Net Core. But don't worry too much, I will help you with that too.

Description

Blazor (.NET 10 Blazor) is Microsoft latest SPA application framework. With Blazor you can build reactive full stack single page web applications with C# without much help from JavaScript. More and more companies are adopting Blazor as part of their technology stack. If you haven't started learning Blazor, now is the time to do so.

This course takes you onto a journey of creating an Inventory Management System with Blazor Server Side Rendering in .NET 10, Entity Framework Core, SQL Server and ASP.NET Core Identity. We are going to use Clean Architecture with use case driven development. All core concepts of Blazor are covered while we are implementing each feature of this application. It is really good for someone who hasn't learned Blazor yet. But if you are already familiar with Blazor and are looking for a project to practice, or looking to catch up with the latest changes to Blazor in .NET 10, this course will suit you well too.

The course covers the following technical topics:

ASP.NET Core Blazor Static SSR
ASP.NET Core Blazor Interactive SSR
Dependency Injection
Authentication and Authorization with ASP.NET Core Identity
Policy based Authorization
Entity Framework Core
HTML
Bootstrap
Software Design
Clean Architecture
Repository for encapsulating data accessing details
Use Case Driven Development

By the end of the course, you will:

Be able to independently build web applications with Blazor.
Be able to use Entity Framework Core to work with SQL Server database.
Be able to protect web applications with Identity.
Understand and be able to Implement Clean Architecture.
And much more...

At the end of the course, you will become a full stack web developer knowing how to create web applications with Microsoft’s latest application framework: Blazor in .NET 10.

Whether you're new to ASP.NET Core Blazor or have worked with it for a bit, but are looking for a course to fill in the gaps, you will enjoy this course. Since this course not only cover the basics, but goes into each topic in depth.

PREREQUISITES

Intermediate C# (you should have at least 3 - 6 months experience programming in C#)

Basic HTML

Basic SQL Server

Previous knowledge of ASP.NET Core is nice to have, but it is not required since I will cover it in the course.

The Course Structure

Although this is course is all about practice, all core concepts of Blazor, Entity Framework Core, ASP.NET Core Identity etc. are covered while each feature of the app is being implemented. Coding along is highly recommended.

Who this course is for

C# developers who want to become full stack developers without the hassle of mastering JavaScript.
Developers who work with Razor pages and/or MVC along with front end frameworks/libraries and would prefer work with less JavaScript.
Developers with some experience in Blazor who is looking for a mid-size project to practice.
Developers with experiences in Blazor previously but would like to catch up with the overwhelming changes to Blazor in .NET 10.
Developers who are curious about Mirosoft's newest SPA application framework: Blazor.
Developers who want to learn about implementing Clean Architecture.

Who this course is for:

C# developers who want to become full stack developers without the hassle of mastering JavaScript.
Developers with some experience in Blazor who is looking for a mid-size project to practice
Developers who work with Razor pages and/or MVC along with front end frameworks/libraries and would prefer work with less JavaScript.
Developers who are curious about Mirosoft's newest SPA application framework: Blazor.
Developers who want to learn about implementing Clean Architecture.
Developers who are overwhelmed by the changes of other SPA frameworks and would like to learn something more stable

Master Blazor in .NET 10: Build Inventory Management System

What you'll learn

Explore related topics

Course content

Introduction12 lectures • 54min

Inventory List11 lectures • 1hr 23min

Add Inventory6 lectures • 39min

Edit Inventory6 lectures • 49min

Enhanced form handling for partial rendering6 lectures • 40min

Product List and Add Product10 lectures • 1hr 36min

Edit Product5 lectures • 37min

Purchase Inventory5 lectures • 1hr 6min

Produce Products6 lectures • 1hr 3min

Sell Products4 lectures • 28min

Requirements

Description

Who this course is for: