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

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 Application
3. Debugging and Deploying a Blazor WebAssembly App
4. Building and Sharing a Modal Dialog Using Templated Components
5. Building a Local Storage Service Using JavaScript Interoperability (JS Interop)
6. Using Artificial Intelligence to Build a Smart Combo Box
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. Uploading and Exploring an Excel file with QuickGrid
11. Building an Expense Tracker Using the EditForm Component and IndexedDB

(N.B. Please use the Read Sample option to see further chapters)

Toi B. Wright has been obsessed with ASP.NET for almost 20 years. She is the founder and president of the Dallas ASP.NET User Group. She has been a Microsoft MVP in ASP. NET for 18 years and is also an ASPInsider. She is an experienced full-stack software developer, book author, courseware author, speaker, and community leader with over 25 years of experience. She has a B.S. in computer science and engineering from the Massachusetts Institute of Technology (MIT) and an MBA from Carnegie Mellon University (CMU).