0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Blazor WebAssembly by Example

You're reading from Blazor WebAssembly by Example A project-based guide to building web apps with .NET, Blazor WebAssembly, and C#

Product type Paperback

Published in Jul 2021

Publisher Packt

ISBN-13 9781800567511

Length 266 pages

Edition 1st Edition

Languages

C#

Tools

.NET

Concepts

Front End Web Development

Author (1):

Toi B. Wright

View More author details

Table of Contents (11) Chapters

Preface

1. Chapter 1: Introduction to Blazor WebAssembly

2. Chapter 2: Building Your First Blazor WebAssembly Application FREE CHAPTER

3. Chapter 3: Building a Modal Dialog Using Templated Components

4. Chapter 4: Building a Local Storage Service Using JavaScript Interoperability (JS Interop)

5. Chapter 5: Building a Weather App as a Progressive Web App (PWA)

6. Chapter 6: Building a Shopping Cart Using Application State

7. Chapter 7: Building a Kanban Board Using Events

8. Chapter 8: Building a Task Manager Using ASP.NET Web API

9. Chapter 9: Building an Expense Tracker Using the EditForm Component

10. Other Books You May Enjoy

Project overview

In this chapter, we will build a Blazor WebAssembly app that includes a shopping cart. We will be able to add and remove different products from the shopping cart. The cart's total will be displayed on each of the pages in the app.

The following is a screenshot of the completed application:

Figure 6.1 – ShoppingCart app

Figure 6.1 – ShoppingCart app

The build time for this project is approximately 60 minutes.

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €18.99/month. Cancel anytime

Authors (1)

Toi B. Wright

Toi B. Wright

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

See other products by Toi B. Wright

Other recommended products

Related to this chapter

Blazor Quick Start Guide

Blazor Quick Start Guide

Blazor is an open source .NET web framework based on C#, Razor and HTML that runs in the browser with WebAssembly. It simplifies web development by allowing us to write .NET based web apps that runs client-side in web browsers. We can take advantage of our existing knowledge of C# to write both client side and server side applications, and have a full stack .NET development experience.

Oct 2018 5h 48m

Blazor Quick Start Guide

Blazor Quick Start Guide

Blazor is an open source .NET web framework based on C#, Razor and HTML that runs in the browser with WebAssembly. It simplifies web development by allowing us to write .NET based web apps that runs client-side in web browsers. We can take advantage of our existing knowledge of C# to write both client side and server side applications, and have a full stack .NET development experience.

Oct 2018 5h 48m

Blazor Quick Start Guide

Blazor Quick Start Guide

Blazor is an open source .NET web framework based on C#, Razor and HTML that runs in the browser with WebAssembly. It simplifies web development by allowing us to write .NET based web apps that runs client-side in web browsers. We can take advantage of our existing knowledge of C# to write both client side and server side applications, and have a full stack .NET development experience.

Oct 2018 5h 48m

Blazor Quick Start Guide

Blazor Quick Start Guide

Blazor is an open source .NET web framework based on C#, Razor and HTML that runs in the browser with WebAssembly. It simplifies web development by allowing us to write .NET based web apps that runs client-side in web browsers. We can take advantage of our existing knowledge of C# to write both client side and server side applications, and have a full stack .NET development experience.

Oct 2018 5h 48m

Web Development with Blazor

Web Development with Blazor

Blazor is the new way to build interactive web apps using C# and .NET. This Blazor C# book starts by helping you discover Blazor and its features for building your first application, which will show you how Blazor can be used on both the client-side and server-side.

Jun 2021 10h 20m

Web Development with Blazor

Web Development with Blazor

Blazor is the new way to build interactive web apps using C# and .NET. This Blazor C# book starts by helping you discover Blazor and its features for building your first application, which will show you how Blazor can be used on both the client-side and server-side.

Jun 2021 10h 20m

Web Development with Blazor

Web Development with Blazor

Blazor is the new way to build interactive web apps using C# and .NET. This Blazor C# book starts by helping you discover Blazor and its features for building your first application, which will show you how Blazor can be used on both the client-side and server-side.

Jun 2021 10h 20m

Web Development with Blazor

Web Development with Blazor

Blazor is the new way to build interactive web apps using C# and .NET. This Blazor C# book starts by helping you discover Blazor and its features for building your first application, which will show you how Blazor can be used on both the client-side and server-side.

Jun 2021 10h 20m

Web Development with Blazor

Web Development with Blazor

Blazor is the new way to build interactive web apps using C# and .NET. This Blazor C# book starts by helping you discover Blazor and its features for building your first application, which will show you how Blazor can be used on both the client-side and server-side.

Jun 2021 10h 20m

Web Development with Blazor

Web Development with Blazor

Blazor is the new way to build interactive web apps using C# and .NET. This Blazor C# book starts by helping you discover Blazor and its features for building your first application, which will show you how Blazor can be used on both the client-side and server-side.

Jun 2021 10h 20m

Web Development with Blazor

Web Development with Blazor

Blazor is the new way to build interactive web apps using C# and .NET. This Blazor C# book starts by helping you discover Blazor and its features for building your first application, which will show you how Blazor can be used on both the client-side and server-side.

Jun 2021 10h 20m

Web Development with Blazor

Web Development with Blazor

Blazor is the new way to build interactive web apps using C# and .NET. This Blazor C# book starts by helping you discover Blazor and its features for building your first application, which will show you how Blazor can be used on both the client-side and server-side.

Jun 2021 10h 20m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m