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 5) 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.

  • 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 5 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 5 for this course along with Entity Framework Core and Stripe for payment processing.





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

Build real world application using Blazor Web Assembly

Manage admin features using Blazor Server

Build .NET 5 API from scratch

Consume .NET 5 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

Yêu cầu

  • 3-6 months familiarity with C# and SQL
  • Basic knowledge of .NET Core 5 (MVC & API)
  • Basic knowledge of EF Core
  • Visual Studio 2019
  • SQL Server 2016+

Nội dung khoá học

18 sections

Introduction

11 lectures
Welcome
02:22
Course Project Demo
07:06
Localization and Globalization in Blazor
00:46
Course Overview
03:15
Project Resources
02:41
What is Blazor.
04:22
Blazor Server vs Blazor Client
03:45
What this course is not about
02:17
Create Project
02:21
Blazor Server Application Overview
11:01
Blazor Server Vs Client Demo
09:44

Blazor Basics

24 lectures
Introduction
00:49
One way data binding
04:47
Two way data binding
03:58
Assignment 1
01:08
Assignment 1 - Data Binding
02:51
Dropdown and Loops
05:20
Add Rooms List
02:35
Assignment 2
01:43
Assignment 2 - Bind Property Practice
04:21
Code Cleanup and Routing Introduction
04:30
Assignment 3 - Demo Hotel
02:03
Assignment 3 Solution - Demo Hotel
07:43
Components in Blazor
05:24
Passing parameters to Components
02:29
Individual Room Component
05:00
Assignment 4 - Hotel Amenities
01:19
Solution Hotel Amenities
06:00
Lifecycle 1
06:39
Lifecycle 2
03:41
Lifecycle 3
05:17
Lifecycle 4
05:40
Event Call Back
10:05
Assignment 5- Event Call Back
01:02
Assignment 5- Event Call Back Solution
05:30

Blazor Intermediate

15 lectures
Introduction
00:33
Render Fragement
05:51
Another way for Event Call Back
03:27
Multiple Render Fragment
02:28
Assignment 6- Render Fragment
00:53
Assignment 6 Solution- Render fragment
01:32
Need for Attribute Splatting
05:06
Attribute Splatting
03:59
Capture All Values with Splatting
02:54
Passing Parameters at multiple level
03:52
Cascading Parameter
03:31
Cascading Value with Name
05:08
Routing Basics
04:52
Routing Advance Topics
06:59
Navigation Manager
02:14

Database in Blazor

11 lectures
Introduction
00:30
Add Multiple Class Library Projects
03:16
Add ApplicationDbContext
04:43
Configure Hidden Villa Server Project for DbContext
05:10
Create Database
02:26
Hotel Room Model
06:24
Hotel Room DTO
05:12
Hotel Repository Interface
04:12
Hotel Room Repository Implementation Part 1
04:01
Hotel Room Repository Implementation Part 2
09:48
Hotel Room Repository Implementation Part 3
10:14

Blazor forms and CRUD

7 lectures
Introduction
00:32
Create Hotel Room List Page
04:12
Forms in Blazor Part 1
05:45
Forms in Blazor Part 2
03:02
Validations in Edit Form
06:07
Create First Hotel Room
06:16
Hotel Room List
04:40

Blazor and Javascript

7 lectures
Introduction
00:32
JS in Blazor
07:21
Add Toastr to Project
08:01
JSRuntime Extenstions
06:27
Assignment 7 - Sweet Alerts
01:28
Assignment 7 Solution- Sweet Alerts
03:19
Referencing Components
03:59

Hotel Room Management (Blazor Server)

26 lectures
Introduction
00:59
Update Hotel Room Part 1
05:29
Update Hotel Room Part 2
05:44
Hotel Room Image Model
05:11
Hotel Room Image Repository Interface
04:11
Implement Room Image Repository
05:09
File Upload Interface
02:33
Implement File Upload Interface
08:11
Input File Component
03:01
Handle Uploading Image
07:21
Image Viewer when uploading
05:18
Upload and assign image to room
04:05
Display Image on Edit
05:01
Add more image while updating hotel room
06:02
Delete Image Issue
02:10
Delete Image while creating room Part 1
05:28
Delete Image while updating room
11:59
Show Image Processing Link
04:10
Add Font Awesome
02:30
Delete Confirmation Component
05:30
Hotel Room List Delete Button
06:46
Delete Room Images
09:09
Bug with Delete
02:59
Quill Text Editor
13:06
Hotel Amenity
02:02
Make image accessiable across all projects
07:37

Authentication and Authorization in Blazor Server

7 lectures
Introduction
00:52
Scaffold Identity
06:06
Identity In Action
06:39
Login and Logout
06:52
Authorize Attribute
03:08
Authentication State
03:49
Adding roles access to pages
03:29

DbInitializer

4 lectures
Introduction
00:44
DB Initializer Part 1
04:06
DB Initializer Part 2
05:57
DB Initializer in action
02:45

.NET 5API

17 lectures
Introduction
00:50
Setup API
05:51
Hotel Room Controller
04:51
Get Hotel Room EndPoint
04:01
Extend Identity User
04:51
Setup Account Controller
03:08
Registration DTO
02:27
Sign Up Endpoint
04:48
Sign Up Demo
02:28
Sign In DTO's
02:58
SignIn Endpoint Part 1
02:52
API Settings
05:11
SignIn Helper Methods
05:40
SignIn Endpoint Part 2
05:49
Add Authentication to API
03:58
Add Cors and NewtonsoftJson
03:59
Add Bearer to Swagger
05:39

Blazor Client (WASM)

9 lectures
Introduction
01:07
Create Project
02:05
Add Toastr, setup css and js cdn
03:25
Bootswatch and NavMenu
02:35
Home Page UI
02:36
Home View Model
05:01
Local Storage
05:24
Local Storage in Action
04:04
Loading Gif
01:31

Blazor Hotel Management Client Side

14 lectures
Introduction
00:26
Hotel Room Interface
02:52
Get Hotel Rooms Service Implementation
04:36
Add Checkin and Checkout to Hotel Room API
03:50
Setup HttpClient
04:58
Hotel Rooms Get Local Storage
04:03
Load All Rooms Demo and Common Error Blazor
07:04
Debugging in blazor web assembly
02:07
Hotel Rooms UI
04:59
Hotel Rooms List Part 1
03:27
Add more properties to HotelRoomDTO
03:19
Update Button Hotel Room's Page
03:08
Identity User and Application User
04:30
Assignment 9 - Amenity List in Blazor Web Assembly
02:48

Blazor Hotel Booking

16 lectures
Introduction
00:34
Room Details UI
04:06
Add Room Order Details Table
05:37
Room Order Details DTO
01:21
Room Order Details Repository Interface
03:45
Implement Room ORder Details Repository Part 1
05:02
Implement Room ORder Details Repository Part 2
05:05
Check For Unique Booking
04:08
Add RoomOrderDetails Service
03:03
Room Details On Initialized Method Part 1
04:18
Room Details On Initialized Method Part 2
04:31
Room Details Model Binding Part 1
03:59
Debugging Error and add Spinner
05:08
Room Details Model Binding Part 2
03:46
Handle number of nights change
03:34
Handle Validations
02:30

Stripe Integration

16 lectures
Introduction
00:49
Add Stripe DTO Models
02:26
Stripe Keys
01:30
Stripe Assignment
00:15
Create Stripe Endpoint in API
08:13
Stripe Payment Service
04:35
Room Order Endpoint in API
04:44
Handle Checkout Method Part 1
07:16
Invoke Stripe
03:23
Stripe Demo
07:37
Payment Successful UI
02:40
Payment Successful Logic
02:55
Mark Payment Successful API
04:32
Complete Order Flow Demo
03:48
Check if booking exists
06:13
Sold Out Demo
02:40

Authentication and Authorization in Blazor WASM

19 lectures
Introduction
01:07
Add Jwt Parser
02:08
Add AuthenticationState Provider
06:00
Custom Authentication State Demo
05:45
IAuthenticationService
02:17
Login Service
04:46
Register and Logout Service
02:05
Login and Register UI
02:59
Register Logic
04:30
Register a user
03:10
Code Behind File
04:02
Login Code Behind
03:33
Login Demo
02:49
Change NavMenu based on authorization
01:46
Logout Demo
02:52
Notification Helper Methods
04:32
Login Logout Renders UI changes
02:15
Authorization in action
02:14
UserInfo from LocalStorage
03:48

Emails in Blazor

7 lectures
Introduction
01:02
All Room Images
05:44
Room Details Image
01:22
Configure MailJet Settings for Email
02:50
EmailSender
04:45
Send Email Demo
04:09
Not Authorized Scenarios
07:49

Blazor Server Bonus

8 lectures
Protected Browser Storage
08:23
Add Radzen
02:19
Radzen Component in Action
09:49
NavLink Match and Room Order Details UI
04:56
Update Status Repository
02:48
Load Data Room Details
05:01
Bind Properties in Room Details
06:26
Manage Hotel Bookings
04:42

Azure Deployment

6 lectures
Introduction
00:29
Deploy Blazor Server
04:42
Create API Management
02:17
Fixing Blazor Server Deployed Website Issue
03:06
Deploy API
03:23
Deploy Blazor WASM
06:25

Đá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?

image

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

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