Blazor Bootcamp - .NET 6 E-Commerce Web App(WASM and Server)

Focused View

Bhrugen Patel

15:35:58

17 View

01 - Introduction

001 Welcome.mp4

03:07

002 Project Demo.mp4

08:18

003 Localization and Globalization in Blazor.html

004 5 What is Blazor.mp4

04:22

005 How to get Help.html

006 Project Resources (GitHub Link).html

007 Blazor client vs Blazor server.mp4

03:45

008 What this course is not about.mp4

02:17

009 Create Project.mp4

02:25

010 Run the application.mp4

03:46

011 Source Control.mp4

01:02

02 - Blazor Files and Folders

001 Blazor Files Overview.mp4

10:18

002 Blazor Server Project Flow.mp4

15:02

003 Blazor Web Assembly Project Brief Overview.mp4

04:37

004 Understand the Default Home Page.mp4

02:16

005 Creating Razor Component.mp4

04:50

03 - 3 Blazor - Data and Property Binding

001 One way Data Binding.mp4

04:10

002 3 Two Way Data Binding.mp4

05:34

003 4 Assignment 1 - Data Binding.mp4

01:05

004 5 Assignment 1 Solution - Data Binding.mp4

03:33

005 6 Dropdowns and Data Binding.mp4

06:24

006 7 Organizing Individual Product Playground.mp4

04:56

007 8 Product List.mp4

03:29

008 9 Assignment 2 - Bind Property.mp4

01:23

009 10 Assignment 2 Solution - Bind Property.mp4

05:18

010 Assignment 3 - Razor Component.mp4

01:29

011 12 Assignment 3 Solution - New Razor Component.mp4

06:02

04 - 4 Blazor - Shared Components and Event Binding

001 1 Create Shared Component.mp4

04:54

002 2 Passing Props to Shared Component.mp4

02:28

003 3 Assignment 4 - Shared Components.mp4

00:57

004 4 Assignment 4 Solution - Shared Components.mp4

01:27

005 5 Favourites CheckBox.mp4

03:12

006 6 Event Callback.mp4

07:08

007 7 Assignment 5 - Event Callback.mp4

01:28

008 8 Assignment 5 Solution - Event Callback.mp4

05:15

05 - Blazor - Render Fragment, Attribute Splatting and Routing

001 2. Render Fragment.mp4

06:03

002 3 Another way for Basic Event Call Back.mp4

03:28

003 4 Multiple Render Fragment.mp4

03:12

004 5 Assignment 6 - Render Fragment.mp4

00:41

005 6 Assignment 6 Solution - Render Fragment.mp4

01:23

006 7 why we need attribute splatting.mp4

05:20

007 8 Attribute Splatting.mp4

02:41

008 9 - Capture all values with splatting.mp4

02:33

009 10 Passing Parameters at multiple level.mp4

03:35

010 11 Cascading Parameter.mp4

03:11

011 12 Cascading Parameter with Name.mp4

03:36

012 13 - Routing Basics.mp4

05:15

013 14 Routing - Query Parameters.mp4

05:33

014 15 Routing - Navigation Manager.mp4

03:09

06 - Blazor - Javascript

001 1 Confirm Box in Blazor.mp4

05:13

002 2 Toastr JS.mp4

07:22

003 3 JsRuntime Extensions.mp4

05:19

004 4 Assignment 7 - SweetAlert.mp4

01:12

005 5 Assignment 7 Solution - SweetAlert.mp4

03:47

006 6 Referencing Components.mp4

03:10

007 7 Remove Default Components.mp4

02:56

07 - Blazor Lifecycle

001 2 OnInitialized Lifecycle.mp4

07:20

002 3 OnParameterSet Lifecycle.mp4

04:04

003 4 OnAfterRender.mp4

05:51

004 5 Should Render and StateHasChanged.mp4

05:58

08 - Model and Repository

001 2 Add Projects to Solution.mp4

01:52

002 3 Setup ApplicationDbContext.mp4

04:55

003 4 Add DbContext to Container.mp4

05:50

004 5 Push Category to Database.mp4

06:58

005 6 Category DTO.mp4

03:18

006 8 ICategory Repository.mp4

03:29

007 9 Category Repository Setup.mp4

04:15

008 10 AutoMapper.mp4

05:37

009 11 Implement Category Repository.mp4

09:35

09 - Category CRUD

001 2 Create Category List Component.mp4

04:08

002 3 Forms in Blazor Part 1.mp4

05:49

003 4 Forms in Blazor Part 2.mp4

01:46

004 5 Validations in Blazor Form.mp4

06:29

005 6 Create Category.mp4

02:44

006 7 List Category.mp4

04:18

007 8 Loading Spinner.mp4

04:49

008 9 Load Category on Edit.mp4

04:22

009 10 Edit Category.mp4

01:24

10 - Delete Component

001 2 Delete Confirmation Component.mp4

06:22

002 3 Delete Method and Assignment 8.mp4

02:50

003 4 Assignment 8 - Delete Confirmation EventCallBack.mp4

02:45

004 Processing on Delete Confirmation.mp4

03:31

005 Cleaning Up Task.mp4

04:40

006 Assignment 9 - OnAfterRenderAsync.mp4

00:33

007 Assignment 9 Solution - OnAfterRenderAsync.mp4

01:21

008 Async Repository.mp4

03:41

11 - Products

001 1 Section Introduction.mp4

03:02

002 2 Create Product Table.mp4

03:28

003 3 Product DTO.mp4

01:35

004 4 Assignment 10 - Product Rpeository.mp4

00:48

005 5 Assignment 10 Solution - Product Repository.mp4

02:59

006 6 Product List Component.mp4

05:00

007 7 Product Upsert Component.mp4

06:16

008 8 Error Solving in Blazor.mp4

02:56

009 9 Category Dropdown.mp4

04:25

010 10 FileUpload Service.mp4

07:18

011 Handle File Upload.mp4

04:28

012 Create Product.mp4

02:38

013 Update Product.mp4

02:13

014 14 Delete Product.mp4

05:28

015 15 Syncfusion Components.mp4

01:46

016 16 Syncfusion RichTextEditor in Action.mp4

11:56

017 17 Create Products.mp4

00:55

12 - Product Pricing

001 What we will cover.mp4

01:11

002 Product Price Model and DTO.mp4

04:33

003 Assignment 11 - Product Price Repository.mp4

00:47

004 Assignment 11 Solution - Product Price Repository.mp4

02:42

005 Load Product Details and Product Price.mp4

06:22

006 Show Product Summary.mp4

03:50

007 Add Syncfusion DataGrid.mp4

04:02

008 Syncfusion DataGrid Settings Part 1.mp4

05:37

009 Syncfusion DataGrid Settings Part 2.mp4

04:55

010 Syncfusion DataGrid Settings Part 3.mp4

03:26

011 Syncfusion DataGrid Settings Part 4.mp4

07:05

13 - 13 Tangy API

001 Create Tangy API.mp4

02:13

002 Add Connection String to API Project.mp4

03:18

003 Success Error DTO.mp4

03:39

004 Product Controller API Endpoint.mp4

06:15

005 Return Product Prices from Product API.mp4

03:44

14 - Tangy Client - WASM

001 Add AppSettings to WASM Project.mp4

03:18

002 Changing default navigation.mp4

04:38

003 Basic Settings like Server Project.mp4

03:23

004 Product Service Interface.mp4

04:37

005 Product Service Calls.mp4

05:51

006 Home Page UI.mp4

04:28

007 Retrieve Products from API.mp4

06:26

008 Home Page In Action.mp4

05:53

009 Details UI.mp4

08:07

010 Details VM.mp4

03:50

011 Selecting Product Price.mp4

03:27

012 Details UI - Add to Cart Toggle.mp4

03:42

15 - 15 Shopping Cart and Summary

001 Add Blazored Local Storage.mp4

03:33

002 Cart Service.mp4

02:28

003 Implement Cart Service.mp4

08:47

004 Cart Service Add to Cart in Action.mp4

04:21

005 Shopping Cart UI.mp4

05:07

006 Shopping Cart Load Data.mp4

06:54

007 Increment and Decrement Cart.mp4

05:56

008 Displaying Cart Counter.mp4

03:46

009 Update NavBar On Cart Update.mp4

06:13

16 - Order

001 Create Order Header and Detail.mp4

07:22

002 Create Order Model and DTO.mp4

04:07

003 Order Repository.mp4

03:00

004 Order Create Method.mp4

05:51

005 Order Repository Implementation.mp4

09:17

006 API - Create order controller.mp4

02:20

007 Order Service.mp4

02:59

008 Order Summary Part 1.mp4

03:23

009 Order Summary Part 2.mp4

05:36

010 Order Summary UI.mp4

06:16

17 - 17 Authentication and Authorization - Blazor Server

001 Scaffold Identity in Blazor Server.mp4

07:28

002 Add Identity Tables.mp4

05:13

003 Add Columns to ASP Net Users Table.mp4

03:22

004 Register First User.mp4

05:20

005 Login and Logout.mp4

07:02

006 Show Email of Logged in User.mp4

01:26

007 Authorize Attribute.mp4

03:11

008 Authentication State in OnInitialized.mp4

05:09

009 Create Admin User.mp4

07:16

010 Roles in Action.mp4

03:05

011 DbInitializer.mp4

06:52

012 Seed New Database.mp4

04:10

013 Authorization In NavMenu.mp4

02:31

18 - 18 Authorization in API

001 Add Identity to API.mp4

01:58

002 Account Controller.mp4

02:03

003 SignIn SignUp DTO.mp4

04:57

004 SignUp API Endpoint.mp4

04:21

005 Demo - SignUp API.mp4

02:48

006 SignIn API Endpoint Part 1.mp4

02:51

007 API Settings Section.mp4

05:01

008 SignIn Helper Methods.mp4

05:33

009 Sign In Endpoint Part 2.mp4

06:26

010 Add Authentication to API.mp4

03:41

011 Add Bearer to Swagger.mp4

04:23

19 - 19 Blazor WASM - Authentication and Authorization

001 JwtParser.mp4

03:31

002 Add AuthenticationState Provider.mp4

05:22

003 Custom Authentication State Demo.mp4

05:36

004 IAuthenticationSerivce.mp4

01:48

005 Login Service.mp4

05:13

006 Register and Logout Service.mp4

01:50

007 Register and Login UI.mp4

01:59

008 Register Component.mp4

05:54

009 Registration in Action.mp4

03:39

010 Splitting code files.mp4

03:18

011 Login in Action.mp4

04:13

012 Toggle Navbar on Authorization.mp4

01:27

013 Login and Logout in Action.mp4

02:29

014 Avoid force load on auth state change.mp4

05:21

015 Redirect to Login.mp4

08:51

016 Load User Details.mp4

02:04

20 - Stripe Payment

001 Call Create Order From Summary.mp4

06:44

002 Create Order Header and Details.mp4

03:51

003 Create Stripe Account.mp4

01:47

004 Add Stripe to API Project.mp4

02:42

005 Payment Service in Blazor WASM.mp4

03:51

006 Stripe Payment Controller Method.mp4

11:09

007 Call Stripe.mp4

07:10

008 Issue with Order Total.mp4

03:03

009 Order Confirmation.mp4

04:45

010 Stripe Session Status and Payment Successful.mp4

06:31

011 Summary Processor.mp4

00:54

21 - Order Managment

001 Create Order List Component.mp4

05:35

002 Radzen Component.mp4

08:58

003 Order Details Component.mp4

04:57

004 Order Details UI.mp4

06:45

005 Update Order Details.mp4

04:26

006 Ship Order.mp4

02:22

007 Payment Intent ID.mp4

05:07

008 Refund Order.mp4

08:21

22 - Email and CSS Isolation

001 Send Email using MailKit and MimeKit.mp4

08:06

002 Send Email using SendGrid.mp4

05:12

003 Blazor WebAssembly Package Issues.mp4

02:12

23 - Azure Deployment

001 Azure SQL Database.mp4

06:16

002 Blazor Server Deployment.mp4

05:58

003 API Deployment.mp4

03:30

004 Blazor Client Deployment.mp4

05:48

Description

Learn to build e-commerce web application using Blazor Server, Blazor WASM and .NET 6(EF Core) API and deploy to azure.

What You'll Learn?

Learn fundamentals of Blazor
Forms in Blazor with Validation
Build real world e-commerce application using Blazor Web Assembly and Blazor Server
Manage admin features using Blazor Server
Build .NET 6 API from scratch
Consume .NET 6 API using Blazor WASM
Authentication & Authorization in Blazor Server and WASM
Emails with Blazor
Integrate Stripe Payments in Blazor WASM
Repository Pattern and Dependency Injection
Deploying .NET API, Blazor WASM & Server to Azure
Syncfusion and Radzen Blazor Components
Blazored Local Storage
And much more!

Who is this for?

Anyone who wants to learn fundamentals of Blazor using .NET 6

Anyone who wants to understand new file structure in Blazor WASM and Server Application

Build e-commerce website using Blazor WASM and Server in .NET 6!

What You Need to Know?

3-6 months familiarity with .NET Core / EF Core / .NET API

Visual Studio 2022

SQL Server Management Studio

.NET 6

More details

Description
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#. This course will help developers transition from building basic sample apps to implementing more real world concepts, design patterns, and features.
With that there are many questions.
What is Blazor?Â How do I get started with fundamentals of Blazor?
How do you scale an existing application?Â
How do you architect a mid-large scale project?
How to correctly process payments?
How to efficiently understand Blazor and use it in real world projects?
This course will provide you a complete real world scenario with Blazor which will make you face many challenges and solve those issues as we proceed with the course.
There are other courses on Udemy, but this is the ultimate course, it covers everything there is to Blazor from Blazor Server to Blazor WASMÂ applications which consumes .NETÂ 6 API.
This course will help developers transition from building basic sample apps to implementing more real world concepts, design patterns, and features.
So join me in this exciting course of exploring what real world challenges are with Blazor as it evolves drastically!
We will be using the latest .NETÂ 6 for this course along with Entity Framework Core and Stripe for payment processing.

Who this course is for:
Anyone who wants to learn fundamentals of Blazor using .NET 6
Anyone who wants to understand new file structure in Blazor WASM and Server Application
Build e-commerce website using Blazor WASM and Server in .NET 6!

User Reviews

Rating

average 0

Total votes0

Focused display

E-Commerce

Bhrugen Patel

Instructor's Courses

I am a passionate and creative software engineer with a strong focus on simplicity and thorough details. I have been programming since high school and I have been involved with multiple web and desktop using .net.I have a master's of science degree in computer science and a Bachelor of Computer Engineering. I also have many years of experience with .NET C# and .NET MVC. I enjoy teaching along with my full-time job.For me, the most important part about writing and teaching code is to eliminate the hardships of every student out there who is willing to learn but cannot find adequate resource which is easy to understand. Coding is a way to be creative and have fun!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.