Blazor: Getting Started

Course details

Get started with Microsoft Blazor, the framework for building rich web apps with C# and .NET. Learn how Blazor allows .NET code to run in the browser, allowing programmers to leverage their existing .NET skills for front-end development. Explore the Blazor component model, including topics such as routing, dependency injection, data binding, and layouts. Then discover the debugging and unit testing workflow for Blazor apps, and see how to validate form data. Instructor Richard Goforth—a senior software architect and consultant—also shows how to implement authentication and authorization and interact with JavaScript code. Plus, learn how to take advantage of Blazor component libraries to save time and create your own libraries in order to package and reuse code across projects.

Topics include:
Creating a new Blazor project
Working with Blazor components
Routing in Blazor
Data binding and events
Debugging
Unit testing
Authorization in Blazor apps
Maintaining state
Calling JavaScript from Blazor
Creating and using component libraries

Concepts

0. Introduction

01 - Rich web apps with .NET
02 - What you should know
03 - Install tools for Blazor development
04 - Flavors of Blazor
05 - Using the exercise files
06 - Blazor Beam project setup

1. Get Started

07 - Create a project and Blazor Hello World
08 - How does it work - WebAssembly
09 - How does it work - Server-side Blazor
10 - Demo Blazor project structure
11 - Basic Razor overview
12 - When should I use Blazor

2. The Blazor Component Model

13 - Basic Blazor components
14 - Routing in Blazor
15 - Dependency injection and services with Blazor
16 - Blazor component life cycle
17 - Data binding and events with Blazor
18 - Binding between Blazor components
19 - Child content in a Blazor component
20 - Blazor layouts
21 - Challenge - Respond to an event in a subcomponent
22 - Solution - Respond to an event in a subcomponent

3. Debugging, Unit Testing, and Data Validation

23 - Debugging with Blazor
24 - Unit testing with Blazor
25 - Application changes for unit testing
26 - Unit testing components with parameters and services
27 - Forms and validation with Blazor
28 - Challenge - RayInput validation
29 - Solution - RayInput validation

4. Authentication and Application State

30 - Authentication in a Blazor application
31 - Authorization in a Blazor application
32 - Unit test authorization in a Blazor application
33 - Maintain state in Blazor WebAssembly
34 - Challenge - Unit testing authorization
35 - Solution - Unit testing authorization

5. JavaScipt and Blazor

36 - Call JavaScript from Blazor
37 - Call Blazor from JavaScript
38 - ElementReferences in JavaScript with Blazor
39 - Unit test JavaScript
40 - Challenge - Make an interesting call to JavaScript
41 - Solution - Make an interesting call to JavaScript

6. Component Libraries

42 - Choosing a Blazor UI component library
43 - Create your Blazor component library
44 - Blazorise open-source component library for Blazor
45 - Radzen component library for Blazor
46 - Telerik component library for Blazor
47 - Challenge - Use a UI component library to add a chart
48 - Solution - Use a UI component library to add a chart

Conclusion

49 - The future of Blazor

Blazor: Getting Started

Authors

Richard Goforth