Blazor WebAssembly by Example: A project-based guide to building web apps with .NET, Blazor WebAssembly, and C# 3rd Edition

Build single-page web apps (SPAs) with Blazor WebAssembly using your C# and .NET skills, Artificial Intelligence, mastering components, events, security, and more through step-by-step instructions and video examples

Key Features

• NEW: AI-powered web apps and updated guidance for .NET 10 and modern Blazor features
• Build real projects including a PWA, secure app, expense tracker, Kanban board, and AI integrations
• Learn different concepts in each chapter with enough theory and examples to build that chapter’s project.

Book Description

Blazor WebAssembly allows you to build web apps without the need for JavaScript, plugins, or add-ons. With its continued growth in popularity, Blazor WebAssembly can open doors to new career paths and exciting projects, and Blazor WebAssembly by Example makes getting started easy. This project-based guide teaches you how to build single-page web applications by focusing heavily on the practical over the theoretical. The author provides step-by-step instructions for each project as well as a video of her following those exact steps.

In this updated edition, we’ve added two new chapters on integrating artificial intelligence into web apps built with Blazor WebAssembly. You’ll start with simple standalone web apps and gradually progress to hosted web applications with SQL Server backends. Each project covers a different concept from the Blazor WebAssembly ecosystem, such as Razor components, JavaScript interop, security, events, debugging, state management, hosted applications, REST APIs, and AI. The book’s projects get more challenging as you progress, but you don’t have to complete them in order, which makes this book a valuable resource for beginners as well as those who just want to dip into specific topics.

By the end of this book, you’ll be building your own web apps with .NET and C# using Blazor WebAssembly.

What you will learn

• Integrate AI features into modern Blazor web applications
• Build client-side web apps using C# and Blazor WebAssembly
• Master Razor components, QuickGrid, templated components, events, and Razor class libraries
• Build and consume ASP.NET Web APIs with Entity Framework
• Learn how to call JavaScript with Blazor WebAssembly
• Build high-performance progressive web apps (PWAs) with native app capabilities

Who this book is for

This book is for .NET web developers who want to leverage the power of .NET and C# to write single-page web applications using Blazor WebAssembly without using JavaScript frameworks. If you’ve ever wanted to use .NET on both the frontend and backend, this guide shows you how. To get started with this book, you’ll need at least beginner-level knowledge of the C# language, the .NET framework, Microsoft Visual Studio, and web development concepts. Each project includes step-by-step instructions, making it suitable for developers who prefer learning by building real applications.

Table of Contents

1. Introduction to Blazor WebAssembly
2. Building Your First Blazor WebAssembly Applications
3. Debugging and Deploying a Blazor WebAssembly App
4. Building a Modal Dialog Using Templated Components
5. Using the AI-Powered Smart Components
6. Building a Local Storage Service Using JavaScript Interoperability (JS Interop)
7. Building a Weather App as a Progressive Web App (PWA)
8. Building a Shopping Cart Using Application State
9. Building a Kanban Board Using Events
10. Using Azure Active Directory to Secure a Blazor WebAssembly application
11. Building a Task Manager Using ASP.NET Web API
12. Building a Form Using the EditForm Component and SQL Server
13. Adding AI to a Blazor Application