Description
In this course, you will :
- 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
Syllabus :
1. Blazor Basics
- One way data binding
- Two way data binding
- Dropdown and Loops
- Add Rooms List
- Code Cleanup and Routing Introduction
- Components in Blazor
- Passing parameters to Components
- Individual Room Component
- Solution Hotel Amenities
- Lifecycle
- Event Call Back
2. Blazor Intermediate
- Render Fragement
- Another way for Event Call Back
- Multiple Render Fragment
- Need for Attribute Splatting
- Attribute Splatting
- Capture All Values with Splatting
- Passing Parameters at multiple level
- Cascading Parameter
- Cascading Value with Name
- Routing Basics
- Routing Advance Topics
- Navigation Manager
3. Database in Blazor
- Add Multiple Class Library Projects
- Add ApplicationDbContext
- Configure Hidden Villa Server Project for DbContext
- Create Database
- Hotel Room Model
- Hotel Room DTO
- Hotel Repository Interface
- Hotel Room Repository Implementation
4. Blazor forms and CRUD
- Create Hotel Room List Page
- Forms in Blazor
- Validations in Edit Form
- Create First Hotel Room
- Hotel Room List
5. Blazor and Javascript
- JS in Blazor
- Add Toastr to Project
- JSRuntime Extenstions
6. Hotel Room Management (Blazor Server)
- Update Hotel Room
- Hotel Room Image Model
- Hotel Room Image Repository Interface
- Implement Room Image Repository
- File Upload Interface
- Implement File Upload Interface
- Input File Component
- Handle Uploading Image
- Image Viewer when uploading
- Upload and assign image to room
- Display Image on Edit
- Add more image while updating hotel room
- Delete Image Issue
- Delete Image while updating room
- Show Image Processing Link
- Add Font Awesome
- Delete Confirmation Component
- Hotel Room List Delete Button
- Delete Room Images
- Bug with Delete
- Quill Text Editor
- Hotel Amenity
- Make image accessiable across all projects
7. Authentication and Authorization in Blazor Server
- Scaffold Identity
- Identity In Action
- Login and Logout
- Authorize Attribute
- Authentication State
- Adding roles access to pages
8. DbInitializer
- DB Initializer
- DB Initializer in action
9. .NET 5API
- Setup API
- Hotel Room Controller
- Get Hotel Room EndPoint
- Extend Identity User
- Setup Account Controller
- Registration DTO
- Sign Up Endpoint
- Sign Up Demo
- Sign In DTO's
- SignIn Endpoint
- API Settings
- SignIn Helper Methods
- Add Authentication to API
- Add Cors and NewtonsoftJson
- Add Bearer to Swagger
10. Blazor Client (WASM)
- Create Project
- Add Toastr, setup css and js cdn
- Bootswatch and NavMenu
- Home Page UI
- Home View Model
- Local Storage
- Local Storage in Action
- Loading Gif
11. Blazor Hotel Management Client Side
- Hotel Room Interface
- Get Hotel Rooms Service Implementation
- Add Checkin and Checkout to Hotel Room API
- Setup HttpClient
- Hotel Rooms Get Local Storage
- Load All Rooms Demo and Common Error Blazor
- Debugging in blazor web assembly
- Hotel Rooms UI
- Hotel Rooms List
- Add more properties to HotelRoomDTO
- Update Button Hotel Room's Page
- Identity User and Application User
12. Blazor Hotel Booking
- Room Details UI
- Add Room Order Details Table
- Room Order Details DTO
- Room Order Details Repository Interface
- Implement Room ORder Details Repository
- Check For Unique Booking
- Add RoomOrderDetails Service
- Room Details On Initialized Method
- Room Details Model Binding
- Debugging Error and add Spinner
- Handle number of nights change
- Handle Validations
13. Stripe Integration
- Add Stripe DTO Models
- Stripe Keys
- Stripe Assignment
- Create Stripe Endpoint in API
- Stripe Payment Service
- Room Order Endpoint in API
- Handle Checkout Method Part 1
- Invoke Stripe
- Stripe Demo
- Payment Successful UI
- Payment Successful Logic
- Mark Payment Successful API
- Complete Order Flow Demo
- Check if booking exists
- Sold Out Demo
14. Authentication and Authorization in Blazor WASM
- Add Jwt Parser
- Add AuthenticationState Provider
- Custom Authentication State Demo
- IAuthenticationService
- Login Service
- Register and Logout Service
- Login and Register UI
- Register Logic
- Register a user
- Code Behind File
- Login Code Behind
- Login Demo
- Change NavMenu based on authorization
- Logout Demo
- Notification Helper Methods
- Login Logout Renders UI changes
- Authorization in action
- UserInfo from LocalStorage
15. Emails in Blazor
- All Room Images
- Room Details Image
- Configure MailJet Settings for Email
- EmailSender
- Send Email Demo
- Not Authorized Scenarios
16. Blazor Server Bonus
- Protected Browser Storage
- Add Radzen
- Radzen Component in Action
- NavLink Match and Room Order Details UI
- Update Status Repository
- Load Data Room Details
- Bind Properties in Room Details
- Manage Hotel Bookings
17. Azure Deployment
- Deploy Blazor Server
- Create API Management
- Fixing Blazor Server Deployed Website Issue
- Deploy API
- Deploy Blazor WASM