Modern Web Development with Blazor WebAssembly and .NET

Video description

Build a solid foundation in .NET programming and learn progressive web applications with Blazor

About This Video

Design a database using entity framework core
Learn Progressive Web Application (PWA) with Blazor
Understand the REST API and client UI design principles

In Detail

The most popular JavaScript client-side web frameworks have been Angular, React, Vue, and others. In this course, we keep it .NET using Blazor, which is …

Modern Web Development with Blazor WebAssembly and .NET

Video description

Build a solid foundation in .NET programming and learn progressive web applications with Blazor

About This Video

Design a database using entity framework core
Learn Progressive Web Application (PWA) with Blazor
Understand the REST API and client UI design principles

In Detail

The most popular JavaScript client-side web frameworks have been Angular, React, Vue, and others. In this course, we keep it .NET using Blazor, which is Microsoft's response to that monopoly.

Blazor allows you to create a single-page application on top of .NET Core and continue coding in C# (without needing to flip between C# and JavaScript too much). Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code are written in C#, allowing you to share code and libraries.

Blazor can run your client-side C# code directly in the browser, using WebAssembly (WASM). Because it is real .NET running on WebAssembly, you can reuse code and libraries from server-side parts of your application.

We will be exploring many intricacies of the Blazor lifecycle, data flow, JavaScript interoperability, and general development activities and nuances.

By the end of the course, you will have the skills and knowledge to build a web application using Blazor.

Audience

This course is ideal for anyone who wants to learn Blazor development and for those who want to learn .NET web development and programming.

Publisher resources

Download Example Code

Chapter 1 : Introduction

Introduction

Chapter 2 : Setup Environment

Install Visual Studio 2019 Community Edition and .NET 5 SDK

Update: Install Visual Studio 2022 Community Edition and .NET 6

Create a GitHub Account

Chapter 3 : Create Your First Blazor Application

Create a Blazor Project

Tour Project Files and Folders

Update: Create/Upgrade Project to .NET 6

Customize Blazor Layout

Creating Blazor Components

Review and Add Changes to GitHub

Chapter 4 : Working with Authentication and Entity Framework

Section Overview

Understanding Authentication and Identity Server

Create Database with Entity Framework Core

Configure Data Seeding

Seed Default User and User-Role - Compare Notes

Important Update: .NET 6 Upgrade and Identity Server 4 Error Fix

Review and Add Changes to GitHub

Chapter 5 : REST API and Database Access Setup

Section Overview

Create and Test REST API Endpoints

Implement Unit of Work

Refactor Existing Controllers to Use Unit of Work

Refactor Existing Controllers to Use Unit of Work – Compare Notes

Review and Add Changes to GitHub

Chapter 6 : Working with Blazor and Data

Section Overview

Blazor Display Data - List

Blazor Display Data - List - Compare Notes

Important - Fix Delete Endpoint

Set Up Create Form - Part 1

Set Up Create Form - Part 2

Set Up Update Form - Part 1

Set Up Update Form - Part 2

Set Up Update Form - Bookings Additional Work

Important - Fix User Audit Fields

Add Validation to Forms

Blazor Display Data - Details

Code Clean Up and Add Changes to GitHub

Chapter 7 : Architectural Considerations

Using a Code-Behind Approach to Blazor Components

Global Error Handling

Add Changes to GitHub

Chapter 8 : Value-Added Features and Activities

Customize Identity Layout and Logic

JavaScript Interop with Third-Party Libraries

File Upload Support

Generic HTTPClient Repository

Update: Removing Magic Strings

Important - Fix Vehicle Edit Issue

Progressive Web Application Support

Add Changes to GitHub

Chapter 9 : Deploy to Production

Deploy to Azure

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.