Learn Blazor (.NET 6) - CRUD Operations, EF Core and Blazor Fundamentals

Learn fundamentals of Blazor with .NET 6.

For years JavaScript frameworks have dominated the front end/client side development! But things are about to change with Blazor!

Blazor is an exciting new part of .NET Core (.NET 6) designed for building rich web user interfaces in C#.

In this course we will learn the basics of Blazor (.NET 6) and then build a simple CRUD application with Blazor.

⭐️ Course Contents ⭐️
1 Introduction
⌨️ (0:00:08) Introduction
⌨️ (0:02:23) Project Demo
⌨️ (0:07:01) What is Blazor
⌨️ (0:11:23) Blazor client vs Blazor server
⌨️ (0:15:09) What this course is not about
⌨️ (0:17:26) Create project
⌨️ (0:19:52) Run the application
⌨️ (0:23:38) Source Control

2 Blazor Files and Folders
⌨️ (0:24:40) Blazor Files Overview
⌨️ (0:34:59) Blazor Server Project Flow
⌨️ (0:50:02) Blazor Web Assembly Project Brief Overview
⌨️ (0:54:39) Understand the Default Home Page
⌨️ (0:56:55) Creating Razor Component

3 Blazor - Data and Property Binding
⌨️ (1:01:45) One way Data Binding
⌨️ (1:05:55) Two Way Data Binding
⌨️ (1:11:30) Assignment 1 - Data Binding
⌨️ (1:12:34) Assignment 1 Soluition - Data Binding
⌨️ (1:16:08) Dropdowns and Data Binding
⌨️ (1:22:32) Organizing Individual Product Playground
⌨️ (1:27:29) Product List
⌨️ (1:30:31) Assignment 2 - Bind Property
⌨️ (1:32:32) Assignment 2 - Bind Property Solution
⌨️ (1:37:41) Assignment 3 - New Razor Component
⌨️ (1:39:11) Assignment 3 - New Razor Component Solution

4 Blazor - Shared Components and Event Binding
⌨️ (1:45:13) Create Shared Component
⌨️ (1:50:08) Passing Props to Shared Component
⌨️ (1:52:36) Assignment 4 - Shared Components
⌨️ (1:53:33) Assignment 4 Solution - Shared Components
⌨️ (1:55:01) Favorites CheckBox
⌨️ (1:58:13) Event Callback
⌨️ (2:05:22) Assignment 5 - Event Callback
⌨️ (2:06:50) Assignment 5 Solution - Event Callback

5 Blazor - Render Fragment, Attribute Splatting and Routing
⌨️ (2:12:06) Render Fragment
⌨️ (2:18:10) Another way for Basic Event Call Back
⌨️ (2:21:38) Multiple Render Fragment
⌨️ (2:24:50) Assignment 6 - Render Fragment
⌨️ (2:25:31) Assignment 6 Solution - Render Fragment
⌨️ (2:26:55) Why we need attribute splatting
⌨️ (2:32:15) Attribute Splatting
⌨️ (2:34:56) Capture all values with splatting
⌨️ (2:37:30) Passing Parameters at multiple level
⌨️ (2:41:06) Cascading Parameter
⌨️ (2:44:17) Cascading Parameter with Name
⌨️ (2:47:53) Routing Basics
⌨️ (2:53:09) Routing - Query Parameters
⌨️ (2:58:42) Routing - Navigation Manager

6 Blazor - JavaScript
⌨️ (3:01:52) Confirm Box in Blazor
⌨️ (3:07:05) Toastr JS
⌨️ (3:14:28) JsRuntime Extensions
⌨️ (3:19:47) Assignment 7 - SweetAlert
⌨️ (3:20:59) Assignment 7 Solution - SweetAlert
⌨️ (3:24:46) Referencing Components
⌨️ (3:27:56) Remove Default Components

7 Blazor - Lifecycle
⌨️ (3:30:52) OnInitialized Lifecycle
⌨️ (3:38:13) OnParameterSet Lifecycle
⌨️ (3:42:17) OnAfterRender
⌨️ (3:48:08) Should Render and StateHasChanged

8 Model and Repository
⌨️ (3:54:07) Add Projects to Solution
⌨️ (3:55:59) Setup ApplicationDbContext
⌨️ (4:00:55) Add DbContext to Container
⌨️ (4:06:45) Push Category to Database
⌨️ (4:13:43) Category DTO
⌨️ (4:17:02) ICategory Repository
⌨️ (4:20:32) Category Repository Setup
⌨️ (4:24:48) AutoMapper
⌨️ (4:30:25) Implement Category Repository

9 Category
⌨️ (4:40:01) Create Category List Component
⌨️ (4:44:09) Forms in Blazor Part 1
⌨️ (4:49:58) Forms in Blazor Part 2
⌨️ (4:51:45) Validations in Blazor Form
⌨️ (4:58:14) Create Category
⌨️ (5:00:58) List Category
⌨️ (5:05:17) Loading Spinner
⌨️ (5:10:06) Load Category on Edit
⌨️ (5:14:29) Edit Category

10 Delete Component
⌨️ (5:15:53) Delete Confirmation Component
⌨️ (5:22:16) Delete Method and Assignment 8
⌨️ (5:25:06) Assignment 8 - Delete Confirmation EventCallBack
⌨️ (5:27:51) Processing on Delete Confirmation
⌨️ (5:31:22) Cleaning Up Task
⌨️ (5:36:03) Assignment 9 - OnAfterRenderAsync
⌨️ (5:36:36) Assignment 9 Solution - OnAfterRenderAsync
⌨️ (5:37:56) Async Repository

[DanielWachira-deyg]

we need people like you in the dev community

[imanqoly]

This is gold
This is ultimate
This is perfection over perfection 👌
Should be the first and last video to watch to learn blazor

[honeesh]

You always surprise us with everything beautiful
All thanks, appreciation and respect to you, my teacher

[sergeloboda]

Wow! 5h 41m and they called it introduction ;-)
Thanks, Bhrugen!

[maratnikitin]

Thank you for the course! It is such a treasure!

[rmsoft]

You don't have to use List<T> in Product.ProductProperties, new [] { new ProductProp... } is enough for IEnumeable<T>.

[RayanMADAO]

Thank you. Very useful as a beginner, you explain everything

[leedit]

I have come through a lot of tutorials. This one really helps. Thanks man,

[signtheta]

Hi Brhugen!

Thanks for the videos. Very masterfully done!!

Do you have any courses/videos or planned to cover Bootstrap styling for Blazor?

[luisfernandodeolazabalsche]

Thank you very much, are you going to make an update to the blazor course, that is, .net 7 or .net 8?

[liamdiaze]

Hello, it would be very useful if you had a diagram with the files that are loaded in the default template, as the application is running.

[christopherdooley]

Amazing course, well done 5 * highly recommend

[wilfredoperez]

Another great video. Are you going to put out a C# course or can you make an enterprise app where you use business logic and classes and all the other OOP stuff? Can you recommend one?

[mejlik]

Great content and presentation! Thank You so much! 👌

[mateuspalacio]

Hey, around 1:07:02 I'm having some issues because my browser is trying to use comma as a separator for the double price, is there any way for a workaround to make this work properly? On the console of the browser I see the message: "The specified value "10, 99" cannot be parsed, or is out of range.". Thanks!

[hunqiangng]

which application suite for using blazon instead of MVC

[CoricComPlus]

42:11 - but why page title is not set at the browser?

[shanmukhapatil]

Hi sir, could you please make a video on the blank blazor solution and create a custom layout

[mickykumar]

When I execute blazor app in vs 2022 it open in new browser instance how to avoid it

[tadaaa.]

really appreciate for explaining all the things in detail