Full Stack Web Development with Blazor - Full 6 Hour Course

The course provides a comprehensive guide to building a sophisticated Invoice Application using Blazor Server and Entity Framework. Starting with an introduction, it quickly dives into a demo of the application. Participants then learn to set up a Blazor Server template, explore the template code, and understand Blazor component attributes. The course covers interactive components and SignalR, calling services asynchronously, and delves into Database Context and ASP Net Identity. Students then proceed to create the application's database schema and entities using Code First Entity Framework, incorporating navigation properties and customizations. Database migrations, injecting context into Blazor pages, and performing CRUD operations are thoroughly covered. The course introduces Data Transfer Objects, a Generic Repository Interface, and employs the Automapper Library. Participants implement the Generic Repository and create specialized repository classes for each entity, culminating in a demo showcasing their usage. The course also covers customizing repositories, setting up Radzen components for the UI, creating various pages, and implementing unit tests using bUnit. With a focus on hands-on application, this course equips participants with the skills to develop a robust database backed application from scratch.

00:00 Introduction
02:30 Demo of Invoice Application
08:21 Getting Started with the Blazor Server template
14:54 Tour of the Template Code
41:30 Blazor Component Attributes
1:20:30 Database Context and ASP Net Identity
1:27:51 Starting our Invoice Application
1:31:00 Database Schema
1:34:21 Creating Database Entities (Code First Entity Framework)
1:45:37 Navigation Properties
1:54:51 Database Context Object and Customizations
2:04:10 Database Migrations
2:13:21 Injecting Database Context into Blazor Pages and retrieving data
2:22:51 Using Entity Framework to perform CRUD operations (Create, Read, Update, Delete)
2:52:25 Data Transfer Objects (DTO)
3:00:20 Generic Repository Interface
3:05:25 Automapper Library
3:14:55 Generic Repository Implementation
3:41:15 Repository Classes for each Entity
3:49:35 Repository Collection
3:57:05 Demo Usage of the Repository
4:02:45 Adding custom functionality to each repository
4:14:24 Intro to UI, Setting up Radzen Components
4:16:44 Adding Pages
4:19:49 Creating a Customer Setup Component
4:27:39 Data Grid Component
4:55:24 Invoice Terms Setup Component
4:59:04 Invoices (Home) Page
5:15:22 Invoice Detail Page
5:43:11 Setting up the Unit Test Project
5:45:19 Implementing Tests with bUnit

If you enjoy this course and would like to see more, including a followup course once .NET 8 is released, please like and subscribe!

[edhansen]

I'm just repeating what everyone else has said, just to get it on record. You are a great teacher. I have watched numerous videos on Blazor, and other tech topics, yours are without a doubt the best. Please keep up the Great Work!

[cjt]

Kindly add this video with .net 8 blazor

[atirah]

It’s a very comprehensive tutorial.. thanks for sharing. I’ve liked and subscribed as well.

[kvelez]

9:05
.NET 7 is not supported any longer.
Could you make a video tutorial on Blazor Web App / Blazor WASM?

[andrewburke]

Had to change every instance of IdentityUser with ApplicationUser to get add-migration to work, else I was getting a "Unable to create a DbContext of type '' " error. I'm developing with the latest Blazor 8. Not sure if this will cause problems later. Really appreciate all the work that went into this video - many thanks!

[Holder]

Very GOOD video! Instant subscribe!
I hope for your .NET 8 coverage!
Thank you for your hard work.

[GuildOfCalamity]

Great tutorial. Most tutorials like this have horrible audio and editing (if any).

[princehaytham]

Thank you, dear, for the fantastic tutorial and the coding approach you demonstrated. I've watched several Blazor videos where they use a layered structure with separate projects for each layer (data layer/API, service, and web app/pages). I'm a bit confused about which approach is considered the best

[harrisonwell]

how to print pdf using blazor? I haven't found anything in a year for that

[shabanelmogy]

Thanks Execellent Course
I want Course Pos Sysytem

[enricoroselino]

48:00 are you talking about webforms ? so relateable

[abbasgates]

It's 12:40 am after midnight, I don't want to stop learning from this video tutorial but I have to because I have to go to work tomorrow. It's an amazing explaining of every blazor feature.

[leslawdietrich]

Awesome! Great demonstration of the entire process of preparing a typical office application. Probably the only such tutorial covering the popular Radzen library.

[abdulrashgadu]

Love how you explain every single thing on the screen with detail. This is all I ever wanted!
Five stars for sure!

[EpTechie]

Amazing, you're a great teacher 🙏🙏🙏
Waiting for the .Net 8 tutorial 😀🙏👍
Thanks so much

[tbunreall]

Thanks for the tutorial, a lot more goes into this than I thought, will take a while to really get it down. Maybe next time a high level overview of all the pieces and how they come together would by nice, although just looking at the timestamps kind of does the same thing

[chingg]

The video tutorial is great but the bUnit part at the end was cut out.

[AhmedAymanM]

I noticed that Items in fetch data page (razor component) gets updated twice, either by going to another page with mouse and going back again or pressing refresh (F5), any one noticed that? is there a reason for this?

[NuttakornTedthong]

Thank you for your course
do you have an example of sending "include" parameter in GenericQuery with oneline way ?
currently i do it like this
List<Expression<Func<MyEntity, object>>> includesVar = new List<Expression<Func<MyEntity, object>>>
{
x => x.child1,
x => x.child2
};
then i call it like this
return base.GenericQuery(expression: x => x.id == id, includes: includesVar );
IMO there is a better approach than above but i couldn't find it.

[tristanmeijer]

Thanks for this amazing tutorial, one question. What kind of extensions do you use? I don't have that extra gear icon next to my properties?