Skip to main content

Build Web Apps with Blazor and ASP.NET Core Web API

Executive Summary

This hands-on, 21 hour, instructor-led course empowers developers to build modern, high-performance web applications using Blazor and the ASP.NET Core Web API. Participants will master full-stack C# development with Razor components, WebAssembly, and the latest features in .NET 8—eliminating the need for JavaScript in most scenarios.

Productive tech team collaborating

Course Details

  • This immersive, instructor-led training is designed to teach developers how to build high-performance web applications using Blazor and the ASP.NET Core Web API. Participants will gain hands-on experience developing single-page applications with Razor components, leveraging WebAssembly, and exploring the newest features of .NET 8.
  • Key skills include component-based architecture, data binding, state management, event handling, routing, and integrating security and identity features. The course also introduces QuickGrid, a new component for efficient data display and interaction.
  • The training emphasizes best practices in Blazor development, from initial setup to production deployment, with a strong focus on reusable design patterns and secure application development.

Objectives

  • Understand the ASP.NET Core Blazor framework and .NET 8 updates
  • Build composable UIs using Razor components
  • Apply component design patterns for scalable architecture
  • Perform one-way and two-way data binding with Razor
  • Use QuickGrid for data rendering and interaction
  • Manage component state and use section components
  • Handle DOM access with Refs and integrate client-side JavaScript
  • Configure page routing and navigation
  • Implement authentication and authorization using Blazor Identity UI
  • Deploy Blazor WebAssembly or Blazor Hybrid applications

Duration

21 hours of intensive training with live instruction. The course can be taught over 3 full-days of training, or spread over 4 or more days to minimize disruption to daily workflows.

Request Information

Course Outline

Introduction to Blazor
  • Overview of Blazor and Components
  • Evolution of Blazor Hosting Models
  • Blazor Server, WebAssembly, Hybrid, and Unified
  • WebAssembly basics and browser compatibility
  • Comparing WebAssembly vs JavaScript
  • How .NET Core and C# run in the browser
Blazor Application Architecture
  • Starting with the Blazor Project Template
  • Hosting via ASP.NET Core MVC
  • Built-in Dependency Injection and Logging
  • Environment configuration and setup
  • Debugging WebAssembly and handling runtime errors
Razor Components & Data Binding
  • Creating reusable components and data models
  • One-way and Two-way binding techniques
  • Event handling and parameter passing
  • Working with EventCallbacks and component references
  • .NET 8 render modes: Static, Interactive, Auto
  • Streaming rendering and output caching
Component Composition & Design Patterns
  • Structuring parent and child components
  • State lifting and immutable parameter usage
  • Applying state management principles
  • Organizing with Section Components
Forms & Validation
  • Purpose and structure of component forms
  • Using EditForm, input controls, and EditContext
  • Data annotation-based validation
  • Creating custom validation logic
  • .NET 8 antiforgery token integration
Routing & Navigation
  • Setting up page routing and navigation flow
  • Navigating between components and assemblies
  • Working with route parameters and query strings
  • Enhanced static rendering navigation features
Security & Identity
  • Implementing authentication and authorization
  • Role-based and claim-based access control
  • Securing components with attribute-based authorization
  • Integrating Blazor Identity UI for user management

Prerequisites

Students need HTML, CSS, JavaScript, and C# programming experience.

Training Materials

All students receive comprehensive courseware covering all topics in the course. We distribute courseware via GitHub in the form of documentation and extensive code samples. Students practice the topics covered through challenging hands-on lab exercises.

Students will need a free, personal GitHub account to access the courseware. Student will need permission to install Visual Studio 2022 on their computers. Also, students will need permission to install NuGet Packages. If students cannot configure a local environment, we can provide a cloud-based environment.