0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

The Complete Blazor Bootcamp - .NET 6 (WASM and Server) [Video]

The Complete Blazor Bootcamp - .NET 6 (WASM and Server): Learn to build an ecommerce web application using Blazor Server, WASM, and .NET 6 (.NET/EF Core) API and deploy to Azure

Bhrugen Patel

By Bhrugen Patel

AU$75.99

Video Apr 2021 15 hours 47 minutes 1st Edition

Renews at AU$24.99p/m

Bhrugen Patel

By Bhrugen Patel

AU$75.99

Video Apr 2021 15 hours 47 minutes 1st Edition

Renews at AU$24.99p/m

Renews at AU$24.99p/m

What do you get with a video?

Download this video in MP4 format

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

View table of contents Download Code

Key benefits

Create .NET API and consume it in the Blazor application
Build a real-world application using Blazor
Deploy .NET API, Blazor WASM, and Server to Azure

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. This course will provide you with a complete real-world scenario with Blazor, which will make you face many challenges and solve those issues as we proceed with the course. The course covers everything there is in Blazor, from Blazor Server to Blazor WASM applications that consume .NET 6 API. In this course, we will be using the latest .NET 6 along with Entity Framework Core and Stripe for payment processing, and also work with third-party Syncfusion and Radzen Blazor components. By the end of the course, you will become an expert and will be able to build your own website using Blazor Server, Blazor WASM, and .NET 6 (.NET Core) API and deploy it to Azure. All the resources and supportive files for this course are available at https://github.com/PacktPublishing/The-Complete-Blazor-Bootcamp---.NET-6-WASM-and-Server-

What you will learn

Manage admin features using Blazor Server
Learn authentication and authorization in Blazor Server and WASM
Integrate Stripe payments in Blazor WASM
Learn repository pattern and dependency injection
Deploy .NET API, Blazor WASM, and Server to Azure
Work with third-party Syncfusion and Radzen Blazor components

What do you get with a video?

Download this video in MP4 format

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Product Details

Publication date : Apr 30, 2021

Length 15 hours 47 minutes

Edition : 1st Edition

Language : English

ISBN-13 : 9781801078863

Vendor :

Microsoft

Category :

Web Development

Languages :

C# (Intermediate)

Concepts :

Server Side Web Development

Tools :

.NET Core (Intermediate) , Visual Studio (Intermediate)

Frequently bought together

The Complete Blazor Bootcamp - .NET 6 (WASM and Server)

The Complete Blazor Bootcamp - .NET 6 (WASM and Server)

Apr 2021 15h 47m

Video

AU$75.99

Blazor WebAssembly by Example

Blazor WebAssembly by Example

Jul 2021 266 pages

eBook

AU$33.99 ~~AU$48.99~~

Modern Web Development with Blazor WebAssembly and .NET

Modern Web Development with Blazor WebAssembly and .NET

Jul 2021 9h 25m

Video

AU$61.99

Total AU$ 171.97 186.97 15.00 saved

The Complete Blazor Bootcamp - .NET 6 (WASM and Server)

AU$75.99

Blazor WebAssembly by Example

AU$33.99 ~~AU$48.99~~

Modern Web Development with Blazor WebAssembly and .NET

AU$61.99

=

Total AU$ 171.97 186.97 15.00 saved

Table of Contents

23 Chapters

1. Introduction

Welcome to the Course

Blazor Client Versus Blazor Server

What This Course Is Not About

Run the Application

2. Blazor Files and Folders

.NET 6 Updates - Nullable

Blazor Files Overview

Blazor Server Project Flow

Blazor Web Assembly Project Brief Overview

Understand the Default Home Page

Creating Razor Component

3. Blazor - Data and Property Binding

One-Way Data Binding

Two-Way Data Binding

Assignment 1 - Data Binding

Assignment 1 Solution - Data Binding

Dropdowns and Data Binding

Organizing Individual Product Playground

Assignment 2 - Bind Property

Assignment 2 Solution - Bind Property

Assignment 3 - Razor Component

Assignment 3 Solution - New Razor Component

4. Blazor - Shared Components and Event Binding

Create Shared Component

Passing Props to Shared Component

Assignment 4 - Shared Components

Assignment 4 Solution - Shared Components

Favorites Checkbox

Assignment 5 - Event Callback

Assignment 5 Solution - Event Callback

5. Blazor - Render Fragment, Attribute Splatting, and Routing

Render Fragment

Another Way for Basic Event Callback

Multiple Render Fragment

Assignment 6 - Render Fragment

Assignment 6 Solution - Render Fragment

Why We Need Attribute Splatting

Attribute Splatting

Capture All Values with Splatting

Passing Parameters at Multiple Levels

Cascading Parameters

Cascading Parameter with Name

Routing - Query Parameters

Routing - Navigation Manager

6. Blazor - JavaScript

Confirm Box in Blazor

JsRuntime Extensions

Assignment 7 - SweetAlert

Assignment 7 Solution - SweetAlert

Referencing Components

Remove Default Components

7. Blazor Lifecycle

OnInitialized Lifecycle

OnParameterSet Lifecycle

Render and StateHasChanged

8. Model and Repository

Add Projects to Solution

Set Up ApplicationDbContext

Add DbContext to Container

Push Category to Database

ICategory Repository

Category Repository Setup

Implement Category Repository

9. Category CRUD

Create Category List Component

Forms in Blazor Part 1

Forms in Blazor Part 2

Validations in Blazor Form

Create Category

Loading Spinner

Load Category on Edit

10. Delete Component

Delete Confirmation Component

Delete Method and Assignment 8

Assignment 8 - Delete Confirmation EventCallBack

Processing on Delete Confirmation

Cleaning Up Task

Assignment 9 - OnAfterRenderAsync

Assignment 9 Solution - OnAfterRenderAsync

Async Repository

11. Products

Section Introduction

Create Product Table

Assignment 10 - Product Repository

Assignment 10 Solution - Product Repository

Product List Component

Product Upsert Component

Error Solving in Blazor

Category Dropdown

FileUpload Service

Handle File Upload

Syncfusion Components

Syncfusion RichTextEditor in Action

Create Products

12. Product Pricing

What We Will Cover

Product Price Model and DTO

Assignment 11 - Product Price Repository

Assignment 11 Solution - Product Price Repository

Load Product Details and Product Price

Show Product Summary

Add Syncfusion DataGrid

Syncfusion DataGrid Settings Part 1

Syncfusion DataGrid Settings Part 2

Syncfusion DataGrid Settings Part 3

Syncfusion DataGrid Settings Part 4

13. Tangy API

Create Tangy API

Add Connection String to API Project

Success Error DTO

Product Controller API Endpoint

Return Product Prices from Product API

14. Tangy Client - WASM

Add App Settings to WASM Project

Changing Default Navigation

Basic Settings Such as Server Project

Product Service Interface

Product Service Calls

Home Page UI (User Interface)

Retrieve Products from API

Home Page in Action

Selecting Product Price

Details UI - Add to Cart Toggle

15. Shopping Cart and Summary

Add Blazored Local Storage

Implement Cart Service

Cart Service Add to Cart in Action

Shopping Cart UI

Shopping Cart Load Data

Increment and Decrement Cart

Displaying Cart Counter

Update NavBar on Cart Update

16. Order

Create Order Header and Detail

Create Order Model and DTO

Order Repository

Order Create Method

Order Repository Implementation

API - Create order controller

Order Summary Part 1

Order Summary Part 2

Order Summary UI

17. Authentication and Authorization - Blazor Server

Scaffold Identity in Blazor Server

Add Identity Tables

Add Columns to ASP Net Users Table

Register First User

Login and Logout

Show Email of Logged in User

Authorize Attribute

Authentication State in OnInitialized

Create Admin User

Roles in Action

Seed New Database

Authorization in NavMenu

18. Authorization in API

Add Identity to API

Account Controller

SignIn SignUp DTO

SignUp API Endpoint

Demo - SignUp API

SignIn API Endpoint Part 1

API Settings Section

SignIn Helper Methods

SignIn Endpoint Part 2

Add Authentication to API

Add Bearer to Swagger

19. Blazor WASM - Authentication and Authorization

Add AuthenticationState Provider

Custom Authentication State Demo

IAuthenticationSerivce

Register and Logout Service

Register and Login UI

Register Component

Registration in Action

Splitting Code Files

Login in Action

Toggle Navbar on Authorization

Login and Logout in Action

Avoid Force Load on Auth State Change

Redirect to Login

Load User Details

20. Stripe Payment

Call Create Order from Summary

Create Order Header and Details

Create Stripe Account

Add Stripe to API Project

Payment Service in Blazor WASM

Stripe Payment Controller Method

Issue with Order Total

Order Confirmation

Stripe Session Status and Payment Successful

Summary Processor

21. Order Management

Create Order List Component

Radzen Component

Order Details Component

Order Details UI

Update Order Details

Payment Intent ID

22. Email and CSS Isolation

Send Email Using MailKit and MimeKit

Send Email Using SendGrid

Blazor WebAssembly Package Issues

23. Azure Deployment

Azure SQL Database

Blazor Server Deployment

Blazor Client Deployment

Recommendations for you

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

Sep 2022 498 pages

eBook

AU$34.98 ~~AU$49.99~~

Building Production-Grade Web Applications with Supabase

Building Production-Grade Web Applications with Supabase

Aug 2024 534 pages

eBook

AU$38.99 ~~AU$55.99~~

C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals

C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals

Nov 2023 828 pages

eBook

AU$38.99 ~~AU$55.99~~

Django 5 By Example

Django 5 By Example

Apr 2024 820 pages

eBook

AU$38.99 ~~AU$55.99~~

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Sep 2024 302 pages

eBook

AU$27.99 ~~AU$40.99~~

FastAPI Cookbook

FastAPI Cookbook

Aug 2024 358 pages

eBook

AU$34.98 ~~AU$49.99~~

Software Architecture with C# 12 and .NET 8

Software Architecture with C# 12 and .NET 8

Feb 2024 756 pages

eBook

AU$38.99 ~~AU$55.99~~

Effective Angular

Effective Angular

Aug 2024 400 pages

eBook

AU$34.98 ~~AU$49.99~~

Web Development with Blazor

Web Development with Blazor

Apr 2024 366 pages

eBook

AU$38.99 ~~AU$55.99~~

React and React Native

React and React Native

Apr 2024 508 pages

eBook

AU$33.99 ~~AU$48.99~~

People who bought this also bought

The Complete Blazor Bootcamp - .NET 6 (WASM and Server)

The Complete Blazor Bootcamp - .NET 6 (WASM and Server)

Apr 2021 15h 47m

Video

AU$75.99

Django 4 By Example

Django 4 By Example

Aug 2022 766 pages

eBook

AU$38.99 ~~AU$55.99~~

Solutions Architect's Handbook

Solutions Architect's Handbook

Jan 2022 590 pages

eBook

AU$69.98 ~~AU$99.99~~

Git for Programmers

Git for Programmers

Jun 2021 264 pages

eBook

AU$41.99 ~~AU$60.99~~

C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals

C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals

Nov 2022 818 pages

eBook

AU$38.99 ~~AU$55.99~~

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

Sep 2022 498 pages

eBook

AU$34.98 ~~AU$49.99~~

About the author

Bhrugen Patel

Bhrugen Patel

Bhrugen Patel is a Microsoft MVP and a passionate Software Architect, known for his dedication to simplicity and attention to detail. With a background in programming that dates back to high school, Bhrugen has developed a range of web and desktop applications using .NET. He holds a Master's of Science in Computer Science and a Bachelor's in Computer Engineering, complementing his practical expertise. Alongside his full-time role, Bhrugen is devoted to teaching, driven by a mission to simplify coding and make it accessible. His goal is to alleviate the struggles of students seeking understandable resources. For Bhrugen, coding is not just a profession; it's a means to be creative and enjoy the journey of technological innovation.

See other products by Bhrugen Patel

FAQs

How can I download a video package for offline viewing?

Login to your account at Packtpub.com.
Click on "My Account" and then click on the "My Videos" tab to access your videos.
Click on the "Download Now" link to start your video download.

How can I extract my video file?

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package?

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

Video
Format watched (HTML, MP4, streaming)
Chapter or section that issue relates to (if relevant)
System being played on
Browser used (if relevant)
Details of support

Why can’t I download my video package?

In the even that you are having issues downloading your video package then please follow these instructions:

Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.