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

NEW: AI-powered web apps and updated guidance for .NET 10 and modern Blazor features

Free with your book: DRM-free PDF version + access to Packt's next-gen Reader*

The patterns, the careful step-by-step thinking that Toi teaches in this book are exactly the skills that make you a better builder with AI. If you're here to figure out what all this AI-in-the-browser business is about, you're in excellent hands - Scott Hanselman, VP and member of Technical Staff at Microsoft/Github

If you know C# and .NET but haven't made the jump to building full web apps without JavaScript, this is the book for you - Kristijan Kralj, Senior .NET Developer

It removes the burden of dense theory, providing the practical, hands-on coding skills you need for an immediate career level up - Pavle Davitkovic, Full Stack Engineer

Key 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. This guide teaches you how to build single-page web applications through project-based chapters. 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, there are 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 read 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.

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 Component
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)

(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).