Blazor Web Assembly Training

This course provides an in-depth overview of Blazor Server and Blazor WebAssembly for building interactive client-side web applications with .NET. It begins by explaining the benefits of using Blazor Server. The course proceeds to teach the student how to implement and secure a single-page web application using Blazor Server. The Blazor WebAssembly section will teach you how to build UI apps using the same component-based patterns popularized by libraries such as Angular and React, but with C#. Attendees also learn server-side coding using ASP.NET Core Web APIs and SignalR to provide data for their Blazor WebAssembly applications.

Retail Price: $3,000.00

Next Date: Request Date

Course Days: 3


Request a Date

Request Custom Course


Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries.  Blazor can run your client-side C# code directly in the browser, using WebAssembly. Because it's real .NET running on WebAssembly, you can re-use code and libraries from server-side parts of your application.


Day 1:

1) Introducing Blazor

  • Hosting Models (Server vs WASM)
  • Difference between hosting models

2) Blazor Basics

  • Anatomy of a Blazor project

1) _Host.cshtml vs index.html

2) Routing

3) Layout

4) App.razor

5) _Imports.razor

  • UI Binding
  • The Lifecycle of pages and components
  • Using basic HTML controls
  • Reading configuration values

3) Hybrid Solutions

  • Building a Blazor Server and Blazor WASM app simultaneously

4) Modal Dialogs

  • Using Blazored Modal Components

5) Application State

  • Cascading Parameters
  • Persisting AppState

6) Building and Sharing Components

  • Creating components
  • Moving components to their own Razor Class Library
  • Publishing components to NuGet

 

Day 2:

Review Day 1

7) BandBooker

  • Data Architecture
  • API/Managers/EF/SQL

8) Instruments

  • Component Parameters
  • Code Behind
  • Form Validation
  • JavaScript Interop

9) Musicians

  • Reusable generic components
  • Uploading files

10) SignalR

  • Synchronizing UI on keypress
  • Synchronizing all CRUD actions

11) MVVM

  • Why MVVM
  • How to implement

12) Security Authentication/Authorization

  • Using ASP.NET Core Identity
  • Using IdentityManager project to manage users and roles
  • Authorize markup based on the user's' roles
  • Authorize code based on the user's roles

13) Bug Fixes

  • Attempt to fix three bugs in existing code

 Day 3:

Review Day 2

14) Scaling Blazor Server

15) Hands-on Project with coaching Using Skills Learned in Day 1 and Day 2

Review Course and Q+A

 

 

Additional Topics (May alter course length)

 

  • Add Blazor to an Existing MVC Application
  • Progressive Web Apps

  • Build a Better ListBox

  • Data Virtualization

  • Lazy Loading

  • Pre-Rendering

  • Testing

  • Snapshot Testing with Verify

  • WebAPI vs gRPC

Generate Your gRPC Layer



Sorry! It looks like we haven’t updated our dates for the class you selected yet. There’s a quick way to find out. Contact us at 502.265.3057 or email info@training4it.com


Request a Date