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

Published: 27 January 2022
on channel: DotNetMastery
55,131
1k

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.

☕ Coffee: https://www.buymeacoffee.com/bhrugen

Advanced Course : https://www.udemy.com/course/introduc...

To see more in-depth full courses go to : https://dotnetmastery.com/

GitHub Link : https://github.com/bhrugen/TangyBlazor

All GitHub Repo: https://github.com/bhrugen


⭐️ 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


Watch video Learn Blazor (.NET 6) - CRUD Operations, EF Core and Blazor Fundamentals online without registration, duration hours minute second in high quality. This video was added by user DotNetMastery 27 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 55,131 once and liked it 1 thousand people.