Blazor in Action, Video Edition

Blazor in Action, Video Edition

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 54 Lessons (8h 07m) | 1.31 GB

An example-driven guide to building reusable UI components and web frontends—all with Blazor, C#, and .NET.

In Blazor in Action, you will learn about:

  • Blazor + WebAssembly
  • Picking the right hosting model
  • Building reusable UI components
  • Building forms with validation
  • Integrating with JavaScript libraries
  • Securing your application
  • Testing your applications

Blazor in Action is a practical guide to building stunning UIs and client-side applications using C# and .NET. You’ll use the Blazor frontend framework to create a fun and exciting web application for plotting hiking routes. As you build up your new application, you’ll master the key features of Blazor, such as routing, forms and validation, and dynamic and reusable components. By the time you’re done, you’ll be ready to develop beautiful sites and apps that seamlessly execute your C# code natively in the browser.

The book is written to the most recent stable build of Blazor and seamlessly integrates fresh features from .NET 6.

Create rich web frontends without relying on JavaScript. Microsoft’s Blazor framework uses WebAssembly to extend the ultra-popular ASP.NET platform. In Blazor, you can build interactive web components that run natively in the browser without plug-ins or transpilers. And because it’s C# end-to-end, it’s easy to share code between the server and your web UI.

Blazor in Action teaches you to create full-stack ASP.NET applications end-to-end in C#. You’ll start by learning to build Blazor web components, working through core topics like routing and forms. As you go, you’ll implement a hiking route web application that includes reusable code, integration with JavaScript libraries, and role-based security. To make sure your app is production ready, this practical book also covers state management, data persistence, and testing.

The right place to start your journey with Blazor.
Kalyan Chanumolu, Microsoft

Table of Contents

1 Starting your Blazor journey
2 Components, a better way to build UI
3 Blazor, a platform for building modern UIs with C
4 Blazor WebAssembly
5 Blazor Server Part 1
6 Blazor Server Part 2
7 Your first Blazor app
8 Building and running the application
9 Program.cs
10 Writing your first components
11 Defining the layout
12 The Blazing Trails home page
13 Working with Blazor’s component model
14 Component life cycle methods
15 Working with parent and child components
16 Styling components
17 Using CSS preprocessors Part 1
18 Using CSS preprocessors Part 2
19 Routing
20 Navigating between pages programmatically
21 Handling multiple routes with a single component
22 Setting query-string values
23 Forms and validation—Part 1 Fundamentals
24 Collecting data with input components
25 Validating the model
26 Configuring Blazor to use Fluent Validation
27 Submitting data to the server
28 Creating a request and handler to post the form data to the API
29 Forms and validation—Part 2 Beyond the basics
30 Building custom input components with InputBase
31 Working with files
32 Updating the form to allow editing
33 Adding the edit trail feature Part 1
34 Adding the edit trail feature Part 2
35 Creating more reusable components
36 Sharing components with Razor class libraries
37 Integrating with JavaScript libraries
38 Testing out the RouteMap component
39 Integrating the RouteMap component with the TrailForm Part 1
40 Integrating the RouteMap component with the TrailForm Part 2
41 Securing Blazor applications
42 Customizing tokens from Auth0
43 Displaying different UI fragments based on authentication status
44 Prevent unauthorized users accessing a page
45 Authorizing users by role
46 Implementing role-based logic
47 Managing state
48 Improving the AppState design to handle more state
49 Adding and removing trails from thefavorites list
50 Testing your Blazor application
51 Adding a bUnit test project
52 Testing rendered markup
53 Faking authentication and authorization
54 Emulating JavaScript interactions