Blazor

Simple App with WebAssembly you own this product

This project is part of the liveProject series Build Web Apps with Blazor
prerequisites
C# (types, generics, namespaces and loops) • .NET ecosystem • .NET SDKs (NET 6.0 and ASP.NET Core) • basic HTML • basic CSS selectors and values • basic Git/GitHub commands and techniques
skills learned
component model basics • dependency injection • calling HTTP services • data binding • state management basics
Ed Charbeneau
1 week · 6-8 hours per week · INTERMEDIATE
Included with a Manning Online subscription
try now

pro $24.99 per month

  • access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
  • choose one free eBook per month to keep
  • exclusive 50% discount on all purchases

lite $19.99 per month

  • access to all Manning books, including MEAPs!

team

5, 10 or 20 seats+ for your team - learn more

Look inside

Deliver more than just healthy food to BellyBox’s customers. Startup BellyBox was founded by .NET engineers who chose the .NET platform to launch their online grocery delivery application. As a developer, your task is to create customer pages and user interface components that serve up a five-star user experience. You’ll set up a frontend Blazor WebAssembly project, connect it to an ASP.NET Web API server, and build components to display a highly customized interactive storefront. You’ll learn component architecture and state management essentials, as well as communicating with data services using HttpClient.

This project is designed for learning purposes and is not a complete, production-ready application or solution.

book and video resources

When you start your liveProject, you get full access to the following books and videos for 90 days.

project author

Ed Charbeneau

Ed Charbeneau is a six-time Microsoft MVP and an international speaker, writer, online influencer, a Principal Developer Advocate for Progress Software, and an expert on all things web development.

Ed has shared his insights, experiences, and advice around collaboration, knowledge management, social computing, and training at many industry events around the world. He’s a creative community builder and outside-the-box thinker. He has relationships throughout the world within the areas of internal communications, employee engagement, and marketing as well as IT, with a focus on financial, healthcare, manufacturing, agency, and professional services. He’s defined, architected, and implemented line-of-business solutions with UX best practices and a touch of style that’s all his own.

prerequisites

This liveProject is for .NET developers with C# experience who are looking to modernize their skills with Blazor. To begin these liveProjects you’ll need to be familiar with the following:

TOOLS
  • LINQ
  • Visual Studio (preferred, though Visual Studio Code and the dotnet CLI (Command Line Interface) may be used as an alternative)
TECHNIQUES
  • .NET ecosystem
  • .NET SDKs (NET 6.0 and ASP.NET Core)
  • Basic HTML
  • Basic CSS selectors and values
  • Basic Git/GitHub commands and techniques

you will learn

In this liveProject, you’ll learn to build a wide range of application features, using the Blazor WebAssembly hosting model.

  • Component architecture (various implementations of components)
  • HttpClient (fetching data and handling errors)
  • State management (implement a simple App State to cache data)

features

Self-paced
You choose the schedule and decide how much time to invest as you build your project.
Project roadmap
Each project is divided into several achievable steps.
Get Help
While within the liveProject platform, get help from other participants and our expert mentors.
Compare with others
For each step, compare your deliverable to the solutions by the author and other participants.
book resources
Get full access to select books for 90 days. Permanent access to excerpts from Manning products are also included, as well as references to other resources.

choose your plan

pro

monthly
annual
$24.99
$249.99
only $20.83 per month
  • access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
  • choose another free product every time you renew
  • choose twelve free products per year
  • exclusive 50% discount on all purchases
  • Simple App with WebAssembly project for free

team

monthly
annual
$49.99
$499.99
only $41.67 per month
  • five seats for your team
  • access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
  • choose another free product every time you renew
  • choose twelve free products per year
  • exclusive 50% discount on all purchases
  • Simple App with WebAssembly project for free