Trang chủ

Web Development

Blazor

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

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

Loại khoá học: Web Development

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

50.000 VND

95 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

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.

Bạn sẽ học được gì

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!

Yêu cầu

3-6 months familiarity with .NET Core / EF Core / .NET API
Visual Studio 2022
SQL Server Management Studio
.NET 6

Nội dung khoá học

23 sections

Introduction

10 lectures

Welcome

03:07

Project Demo

08:18

Localization and Globalization in Blazor

00:46

5 What is Blazor

04:22

Project Resources (GitHub Link)

00:07

Blazor client vs Blazor server

03:45

What this course is not about

02:17

Create Project

02:25

Run the application

03:46

Source Control

01:01

Blazor Files and Folders

5 lectures

Blazor Files Overview

10:18

Blazor Server Project Flow

15:02

Blazor Web Assembly Project Brief Overview

04:37

Understand the Default Home Page

02:15

Creating Razor Component

04:50

3 Blazor - Data and Property Binding

11 lectures

One way Data Binding

04:10

3 Two Way Data Binding

05:34

4 Assignment 1 - Data Binding

01:05

5 Assignment 1 Solution - Data Binding

03:33

6 Dropdowns and Data Binding

06:24

7 Organizing Individual Product Playground

04:56

8 Product List

03:29

9 Assignment 2 - Bind Property

01:23

10 Assignment 2 Solution - Bind Property

05:18

Assignment 3 - Razor Component

01:29

12 Assignment 3 Solution - New Razor Component

06:02

4 Blazor - Shared Components and Event Binding

8 lectures

1 Create Shared Component

04:54

2 Passing Props to Shared Component

02:28

3 Assignment 4 - Shared Components

00:57

4 Assignment 4 Solution - Shared Components

01:27

5 Favourites CheckBox

03:12

6 Event Callback

07:08

7 Assignment 5 - Event Callback

01:28

8 Assignment 5 Solution - Event Callback

05:15

Blazor - Render Fragment, Attribute Splatting and Routing

14 lectures

2. Render Fragment

06:03

3 Another way for Basic Event Call Back

03:28

4 Multiple Render Fragment

03:12

5 Assignment 6 - Render Fragment

00:41

6 Assignment 6 Solution - Render Fragment

01:23

7 why we need attribute splatting

05:20

8 Attribute Splatting

02:40

9 - Capture all values with splatting

02:33

10 Passing Parameters at multiple level

03:35

11 Cascading Parameter

03:11

12 Cascading Parameter with Name

03:36

13 - Routing Basics

05:15

14 Routing - Query Parameters

05:33

15 Routing - Navigation Manager

03:09

Blazor - Javascript

7 lectures

1 Confirm Box in Blazor

05:12

2 Toastr JS

07:22

3 JsRuntime Extensions

05:19

4 Assignment 7 - SweetAlert

01:12

5 Assignment 7 Solution - SweetAlert

03:47

6 Referencing Components

03:10

7 Remove Default Components

02:55

Blazor Lifecycle

4 lectures

2 OnInitialized Lifecycle

07:20

3 OnParameterSet Lifecycle

04:04

4 OnAfterRender

05:51

5 Should Render and StateHasChanged

05:58

Model and Repository

9 lectures

2 Add Projects to Solution

01:52

3 Setup ApplicationDbContext

04:55

4 Add DbContext to Container

05:50

5 Push Category to Database

06:58

6 Category DTO

03:18

8 ICategory Repository

03:29

9 Category Repository Setup

04:15

10 AutoMapper

05:37

11 Implement Category Repository

09:35

Category CRUD

9 lectures

2 Create Category List Component

04:08

3 Forms in Blazor Part 1

05:49

4 Forms in Blazor Part 2

01:46

5 Validations in Blazor Form

06:29

6 Create Category

02:43

7 List Category

04:18

8 Loading Spinner

04:49

9 Load Category on Edit

04:22

10 Edit Category

01:24

Delete Component

8 lectures

2 Delete Confirmation Component

06:22

3 Delete Method and Assignment 8

02:50

4 Assignment 8 - Delete Confirmation EventCallBack

02:44

Processing on Delete Confirmation

03:31

Cleaning Up Task

04:40

Assignment 9 - OnAfterRenderAsync

00:33

Assignment 9 Solution - OnAfterRenderAsync

01:20

Async Repository

03:41

Products

17 lectures

1 Section Introduction

03:02

2 Create Product Table

03:28

3 Product DTO

01:34

4 Assignment 10 - Product Rpeository

00:48

5 Assignment 10 Solution - Product Repository

02:59

6 Product List Component

05:00

7 Product Upsert Component

06:16

8 Error Solving in Blazor

02:56

9 Category Dropdown

04:25

10 FileUpload Service

07:18

Handle File Upload

04:28

Create Product

02:38

Update Product

02:13

14 Delete Product

05:28

15 Syncfusion Components

01:46

16 Syncfusion RichTextEditor in Action

11:56

17 Create Products

00:55

Product Pricing

11 lectures

What we will cover?

01:11

Product Price Model and DTO

04:33

Assignment 11 - Product Price Repository

00:46

Assignment 11 Solution - Product Price Repository

02:42

Load Product Details and Product Price

06:22

Show Product Summary

03:50

Add Syncfusion DataGrid

04:02

Syncfusion DataGrid Settings Part 1

05:37

Syncfusion DataGrid Settings Part 2

04:55

Syncfusion DataGrid Settings Part 3

03:26

Syncfusion DataGrid Settings Part 4

07:05

13 Tangy API

5 lectures

Create Tangy API

02:13

Add Connection String to API Project

03:18

Success Error DTO

03:39

Product Controller API Endpoint

06:15

Return Product Prices from Product API

03:43

Tangy Client - WASM

12 lectures

Add AppSettings to WASM Project

03:18

Changing default navigation

04:38

Basic Settings like Server Project

03:23

Product Service Interface

04:37

Product Service Calls

05:51

Home Page UI

04:28

Retrieve Products from API

06:26

Home Page In Action

05:53

Details UI

08:07

Details VM

03:50

Selecting Product Price

03:27

Details UI - Add to Cart Toggle

03:42

15 Shopping Cart and Summary

9 lectures

Add Blazored Local Storage

03:33

Cart Service

02:28

Implement Cart Service

08:47

Cart Service Add to Cart in Action

04:21

Shopping Cart UI

05:07

Shopping Cart Load Data

06:53

Increment and Decrement Cart

05:56

Displaying Cart Counter

03:46

Update NavBar On Cart Update

06:13

Order

10 lectures

Create Order Header and Detail

07:22

Create Order Model and DTO

04:07

Order Repository

02:59

Order Create Method

05:51

Order Repository Implementation

09:17

API - Create order controller

02:20

Order Service

02:59

Order Summary Part 1

03:23

Order Summary Part 2

05:36

Order Summary UI

06:16

17 Authentication and Authorization - Blazor Server

13 lectures

Scaffold Identity in Blazor Server

07:28

Add Identity Tables

05:13

Add Columns to ASP Net Users Table

03:22

Register First User

05:20

Login and Logout

07:02

Show Email of Logged in User

01:26

Authorize Attribute

03:11

Authentication State in OnInitialized

05:09

Create Admin User

07:16

Roles in Action

03:05

DbInitializer

06:52

Seed New Database

04:10

Authorization In NavMenu

02:31

18 Authorization in API

11 lectures

Add Identity to API

01:58

Account Controller

02:03

SignIn SignUp DTO

04:57

SignUp API Endpoint

04:21

Demo - SignUp API

02:48

SignIn API Endpoint Part 1

02:51

API Settings Section

05:01

SignIn Helper Methods

05:33

Sign In Endpoint Part 2

06:26

Add Authentication to API

03:41

Add Bearer to Swagger

04:23

19 Blazor WASM - Authentication and Authorization

16 lectures

JwtParser

03:31

Add AuthenticationState Provider

05:22

Custom Authentication State Demo

05:36

IAuthenticationSerivce

01:48

Login Service

05:13

Register and Logout Service

01:49

Register and Login UI

01:59

Register Component

05:54

Registration in Action

03:38

Splitting code files

03:18

Login in Action

04:13

Toggle Navbar on Authorization

01:26

Login and Logout in Action

02:29

Avoid force load on auth state change

05:21

Redirect to Login

08:51

Load User Details

02:04

Stripe Payment

11 lectures

Call Create Order From Summary

06:44

Create Order Header and Details

03:51

Create Stripe Account

01:47

Add Stripe to API Project

02:42

Payment Service in Blazor WASM

03:51

Stripe Payment Controller Method

11:09

Call Stripe

07:10

Issue with Order Total

03:03

Order Confirmation

04:45

Stripe Session Status and Payment Successful

06:31

Summary Processor

00:54

Order Managment

8 lectures

Create Order List Component

05:35

Radzen Component

08:58

Order Details Component

04:57

Order Details UI

06:44

Update Order Details

04:26

Ship Order

02:22

Payment Intent ID

05:18

Refund Order

08:21

Email and CSS Isolation

3 lectures

Send Email using MailKit and MimeKit

08:06

Send Email using SendGrid

05:12

Blazor WebAssembly Package Issues

02:12

Azure Deployment

4 lectures

Azure SQL Database

06:16

Blazor Server Deployment

05:58

API Deployment

03:30

Blazor Client Deployment

05:48

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

Complete C# Unity Game Developer 2D

Complete C# Unity Game Developer 2D

The Complete Introduction to OpenFOAM

The Complete Introduction to OpenFOAM

Software Architecture & Design of Modern Large Scale Systems

Software Architecture & Design of Modern Large Scale Systems

C++ Cơ bản dành cho người mới học lập trình

C++ Cơ bản dành cho người mới học lập trình

Learn to build an e-commerce store with .Net, React & Redux

Learn to build an e-commerce store with .Net, React & Redux

Learn Step by Step CakePHP 4 Beginners to Advance Tutorial

Learn Step by Step CakePHP 4 Beginners to Advance Tutorial

Advanced Embedded Systems Bare-Metal Programming Ground Up™

Advanced Embedded Systems Bare-Metal Programming Ground Up™

Flutter Bloc cho Mobile, Web, PC - Tôi chọn bạn

Flutter Bloc cho Mobile, Web, PC - Tôi chọn bạn

Bootstrap - Create 4 Real World Projects

Bootstrap - Create 4 Real World Projects

Build REST APIs with Python, Django REST Framework: Web API

Build REST APIs with Python, Django REST Framework: Web API

Complete Android Development with Kotlin Masterclass

Complete Android Development with Kotlin Masterclass

Lập trình react js chuyên sâu với React Hooks and Bootstrap

Lập trình react js chuyên sâu với React Hooks and Bootstrap

Vue - The Complete Guide (incl. Router & Composition API)

Vue - The Complete Guide (incl. Router & Composition API)

Python Django - The Practical Guide

Python Django - The Practical Guide

Ethereum and Solidity: The Complete Developer's Guide

Ethereum and Solidity: The Complete Developer's Guide

NestJS Zero to Hero - Modern TypeScript Back-end Development

NestJS Zero to Hero - Modern TypeScript Back-end Development

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi