Blazor Bootcamp NET 6 ECommerce Web AppWASM and Server
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!
Requirements
3-6 months familiarity with .NET Core / EF Core / .NET API
Visual Studio 2022
SQL Server Management Studio
.NET 6
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.
Overview
Section 1: Introduction
Lecture 1 Welcome
Lecture 2 Project Demo
Lecture 3 Localization and Globalization in Blazor
Lecture 4 5 What is Blazor
Lecture 5 Project Resources (GitHub Link)
Lecture 6 Blazor client vs Blazor server
Lecture 7 What this course is not about
Lecture 8 Create Project
Lecture 9 Run the application
Lecture 10 Source Control
Section 2: Blazor Files and Folders
Lecture 11 Blazor Files Overview
Lecture 12 Blazor Server Project Flow
Lecture 13 Blazor Web Assembly Project Brief Overview
Lecture 14 Understand the Default Home Page
Lecture 15 Creating Razor Component
Section 3: 3 Blazor – Data and Property Binding
Lecture 16 One way Data Binding
Lecture 17 3 Two Way Data Binding
Lecture 18 4 Assignment 1 – Data Binding
Lecture 19 5 Assignment 1 Solution – Data Binding
Lecture 20 6 Dropdowns and Data Binding
Lecture 21 7 Organizing Individual Product Playground
Lecture 22 8 Product List
Lecture 23 9 Assignment 2 – Bind Property
Lecture 24 10 Assignment 2 Solution – Bind Property
Lecture 25 Assignment 3 – Razor Component
Lecture 26 12 Assignment 3 Solution – New Razor Component
Section 4: 4 Blazor – Shared Components and Event Binding
Lecture 27 1 Create Shared Component
Lecture 28 2 Passing Props to Shared Component
Lecture 29 3 Assignment 4 – Shared Components
Lecture 30 4 Assignment 4 Solution – Shared Components
Lecture 31 5 Favourites CheckBox
Lecture 32 6 Event Callback
Lecture 33 7 Assignment 5 – Event Callback
Lecture 34 8 Assignment 5 Solution – Event Callback
Section 5: Blazor – Render Fragment, Attribute Splatting and Routing
Lecture 35 2. Render Fragment
Lecture 36 3 Another way for Basic Event Call Back
Lecture 37 4 Multiple Render Fragment
Lecture 38 5 Assignment 6 – Render Fragment
Lecture 39 6 Assignment 6 Solution – Render Fragment
Lecture 40 7 why we need attribute splatting
Lecture 41 8 Attribute Splatting
Lecture 42 9 – Capture all values with splatting
Lecture 43 10 Passing Parameters at multiple level
Lecture 44 11 Cascading Parameter
Lecture 45 12 Cascading Parameter with Name
Lecture 46 13 – Routing Basics
Lecture 47 14 Routing – Query Parameters
Lecture 48 15 Routing – Navigation Manager
Section 6: Blazor – Javascript
Lecture 49 1 Confirm Box in Blazor
Lecture 50 2 Toastr JS
Lecture 51 3 JsRuntime Extensions
Lecture 52 4 Assignment 7 – SweetAlert
Lecture 53 5 Assignment 7 Solution – SweetAlert
Lecture 54 6 Referencing Components
Lecture 55 7 Remove Default Components
Section 7: Blazor Lifecycle
Lecture 56 2 OnInitialized Lifecycle
Lecture 57 3 OnParameterSet Lifecycle
Lecture 58 4 OnAfterRender
Lecture 59 5 Should Render and StateHasChanged
Section 8: Model and Repository
Lecture 60 2 Add Projects to Solution
Lecture 61 3 Setup ApplicationDbContext
Lecture 62 4 Add DbContext to Container
Lecture 63 5 Push Category to Database
Lecture 64 6 Category DTO
Lecture 65 8 ICategory Repository
Lecture 66 9 Category Repository Setup
Lecture 67 10 AutoMapper
Lecture 68 11 Implement Category Repository
Section 9: Category CRUD
Lecture 69 2 Create Category List Component
Lecture 70 3 Forms in Blazor Part 1
Lecture 71 4 Forms in Blazor Part 2
Lecture 72 5 Validations in Blazor Form
Lecture 73 6 Create Category
Lecture 74 7 List Category
Lecture 75 8 Loading Spinner
Lecture 76 9 Load Category on Edit
Lecture 77 10 Edit Category
Section 10: Delete Component
Lecture 78 2 Delete Confirmation Component
Lecture 79 3 Delete Method and Assignment 8
Lecture 80 4 Assignment 8 – Delete Confirmation EventCallBack
Lecture 81 Processing on Delete Confirmation
Lecture 82 Cleaning Up Task
Lecture 83 Assignment 9 – OnAfterRenderAsync
Lecture 84 Assignment 9 Solution – OnAfterRenderAsync
Lecture 85 Async Repository
Section 11: Products
Lecture 86 1 Section Introduction
Lecture 87 2 Create Product Table
Lecture 88 3 Product DTO
Lecture 89 4 Assignment 10 – Product Rpeository
Lecture 90 5 Assignment 10 Solution – Product Repository
Lecture 91 6 Product List Component
Lecture 92 7 Product Upsert Component
Lecture 93 8 Error Solving in Blazor
Lecture 94 9 Category Dropdown
Lecture 95 10 FileUpload Service
Lecture 96 Handle File Upload
Lecture 97 Create Product
Lecture 98 Update Product
Lecture 99 14 Delete Product
Lecture 100 15 Syncfusion Components
Lecture 101 16 Syncfusion RichTextEditor in Action
Lecture 102 17 Create Products
Section 12: Product Pricing
Lecture 103 What we will cover?
Lecture 104 Product Price Model and DTO
Lecture 105 Assignment 11 – Product Price Repository
Lecture 106 Assignment 11 Solution – Product Price Repository
Lecture 107 Load Product Details and Product Price
Lecture 108 Show Product Summary
Lecture 109 Add Syncfusion DataGrid
Lecture 110 Syncfusion DataGrid Settings Part 1
Lecture 111 Syncfusion DataGrid Settings Part 2
Lecture 112 Syncfusion DataGrid Settings Part 3
Lecture 113 Syncfusion DataGrid Settings Part 4
Section 13: 13 Tangy API
Lecture 114 Create Tangy API
Lecture 115 Add Connection String to API Project
Lecture 116 Success Error DTO
Lecture 117 Product Controller API Endpoint
Lecture 118 Return Product Prices from Product API
Section 14: Tangy Client – WASM
Lecture 119 Add AppSettings to WASM Project
Lecture 120 Changing default navigation
Lecture 121 Basic Settings like Server Project
Lecture 122 Product Service Interface
Lecture 123 Product Service Calls
Lecture 124 Home Page UI
Lecture 125 Retrieve Products from API
Lecture 126 Home Page In Action
Lecture 127 Details UI
Lecture 128 Details VM
Lecture 129 Selecting Product Price
Lecture 130 Details UI – Add to Cart Toggle
Section 15: 15 Shopping Cart and Summary
Lecture 131 Add Blazored Local Storage
Lecture 132 Cart Service
Lecture 133 Implement Cart Service
Lecture 134 Cart Service Add to Cart in Action
Lecture 135 Shopping Cart UI
Lecture 136 Shopping Cart Load Data
Lecture 137 Increment and Decrement Cart
Lecture 138 Displaying Cart Counter
Lecture 139 Update NavBar On Cart Update
Section 16: Order
Lecture 140 Create Order Header and Detail
Lecture 141 Create Order Model and DTO
Lecture 142 Order Repository
Lecture 143 Order Create Method
Lecture 144 Order Repository Implementation
Lecture 145 API – Create order controller
Lecture 146 Order Service
Lecture 147 Order Summary Part 1
Lecture 148 Order Summary Part 2
Lecture 149 Order Summary UI
Section 17: 17 Authentication and Authorization – Blazor Server
Lecture 150 Scaffold Identity in Blazor Server
Lecture 151 Add Identity Tables
Lecture 152 Add Columns to ASP Net Users Table
Lecture 153 Register First User
Lecture 154 Login and Logout
Lecture 155 Show Email of Logged in User
Lecture 156 Authorize Attribute
Lecture 157 Authentication State in OnInitialized
Lecture 158 Create Admin User
Lecture 159 Roles in Action
Lecture 160 DbInitializer
Lecture 161 Seed New Database
Lecture 162 Authorization In NavMenu
Section 18: 18 Authorization in API
Lecture 163 Add Identity to API
Lecture 164 Account Controller
Lecture 165 SignIn SignUp DTO
Lecture 166 SignUp API Endpoint
Lecture 167 Demo – SignUp API
Lecture 168 SignIn API Endpoint Part 1
Lecture 169 API Settings Section
Lecture 170 SignIn Helper Methods
Lecture 171 Sign In Endpoint Part 2
Lecture 172 Add Authentication to API
Lecture 173 Add Bearer to Swagger
Section 19: 19 Blazor WASM – Authentication and Authorization
Lecture 174 JwtParser
Lecture 175 Add AuthenticationState Provider
Lecture 176 Custom Authentication State Demo
Lecture 177 IAuthenticationSerivce
Lecture 178 Login Service
Lecture 179 Register and Logout Service
Lecture 180 Register and Login UI
Lecture 181 Register Component
Lecture 182 Registration in Action
Lecture 183 Splitting code files
Lecture 184 Login in Action
Lecture 185 Toggle Navbar on Authorization
Lecture 186 Login and Logout in Action
Lecture 187 Avoid force load on auth state change
Lecture 188 Redirect to Login
Lecture 189 Load User Details
Section 20: Stripe Payment
Lecture 190 Call Create Order From Summary
Lecture 191 Create Order Header and Details
Lecture 192 Create Stripe Account
Lecture 193 Add Stripe to API Project
Lecture 194 Payment Service in Blazor WASM
Lecture 195 Stripe Payment Controller Method
Lecture 196 Call Stripe
Lecture 197 Issue with Order Total
Lecture 198 Order Confirmation
Lecture 199 Stripe Session Status and Payment Successful
Lecture 200 Summary Processor
Section 21: Order Managment
Lecture 201 Create Order List Component
Lecture 202 Radzen Component
Lecture 203 Order Details Component
Lecture 204 Order Details UI
Lecture 205 Update Order Details
Lecture 206 Ship Order
Lecture 207 Payment Intent ID
Lecture 208 Refund Order
Section 22: Email and CSS Isolation
Lecture 209 Send Email using MailKit and MimeKit
Lecture 210 Send Email using SendGrid
Lecture 211 Blazor WebAssembly Package Issues
Section 23: Azure Deployment
Lecture 212 Azure SQL Database
Lecture 213 Blazor Server Deployment
Lecture 214 API Deployment
Lecture 215 Blazor Client Deployment
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!
Course Information:
Udemy | English | 15h 37m | 7.88 GB
Created by: Bhrugen Patel
You Can See More Courses in the Developer >> Greetings from CourseDown.com