Blazor WebAssembly by Example: Use practical projects to start building web apps with .NET 7, Blazor WebAssembly, and C#

Build exciting web apps following step-by-step instructions and video examples.

Purchase of the print or Kindle book includes a free eBook in PDF format.

Key Features

• Explore and build complete, easy-to-follow web projects using Blazor. Each project includes a video example too.
• Test your skills in building a weather app, an expense tracker, and a Kanban board with real-world applications.
• Develop a deeper understanding on how to work with Blazor WebAssembly without spending too much time focusing on the theory.

Book Description

Blazor WebAssembly helps developers build web applications without the need for JavaScript, plugins, or add-ons. With its continued growth in popularity, getting started with Blazor now can open doors to new career paths and exciting projects – and Blazor WebAssembly by Example will make your first steps easier. This is a project-based guide that will teach you how to build single-page web applications with Blazor, focusing heavily on the practical over the theoretical by providing detailed step-by-step instructions for each project. The author also includes a video for each project showing her following the step-by-step instructions, so readers can use them if they're unsure about any particular step.

In this updated edition, you'll start by building simple standalone web applications and gradually progress to developing more advanced hosted web applications with SQL Server backends. Each project will cover a different aspect of the Blazor WebAssembly ecosystem, such as Razor components, JavaScript interop, security, event handling, debugging on the client, application state, and dependency injection. 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 will have experience and lots of know-how on how to build a wide variety of single-page web applications with .NET, Blazor WebAssembly, and C#.

What you will learn

• Discover the power of the C# language for both server-side and client-side web development
• Build your first Blazor WebAssembly application with the Blazor WebAssembly App project template
• Learn how to debug a Blazor WebAssembly app, and use ahead-of-time compilation before deploying it on Microsoft's cloud platform
• Use templated components and the Razor class library to build and share a modal dialog box
• Learn how to use JavaScript with Blazor WebAssembly
• Build a progressive web app (PWA) to enable native app-like performance and speed
• Secure a Blazor WebAssembly app using Azure Active Directory
• Gain experience with ASP.NET Web APIs by building a task manager app

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. To get started with this book, you'll need at least beginner-level knowledge of the C# language, .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 a Modal Dialog Using Templated Components
5. Building a Local Storage Service Using JavaScript Interoperability (JS Interop)
6. Building a Weather App as a Progressive Web App (PWA)
7. Building a Shopping Cart Using Application State

(N.B. Please use the Look Inside 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).