Blazor: Getting Started

Get started with Microsoft Blazor, the framework for building rich web apps with C# and .NET.

Introduction

• Rich web apps with .NET
• What you should know
• Install tools for Blazor development
• Flavors of Blazor
• Using the exercise files
• Blazor Beam project setup

1. Get Started

• Create a project and Blazor Hello World
• How does it work: WebAssembly
• How does it work: Server-side Blazor
• Demo Blazor project structure
• Basic Razor overview
• When should I use Blazor?

2. The Blazor Component Model

• Basic Blazor components
• Routing in Blazor
• Dependency injection and services with Blazor
• Blazor component life cycle
• Data binding and events with Blazor
• Binding between Blazor components
• Child content in a Blazor component
• Blazor layouts
• Challenge: Respond to an event in a subcomponent
• Solution: Respond to an event in a subcomponent

3. Debugging, Unit Testing, and Data Validation

• Debugging with Blazor
• Unit testing with Blazor
• Application changes for unit testing
• Unit testing components with parameters and services
• Forms and validation with Blazor
• Challenge: RayInput validation
• Solution: RayInput validation

4. Authentication and Application State

• Authentication in a Blazor application
• Authorization in a Blazor application
• Unit test authorization in a Blazor application
• Maintain state in Blazor WebAssembly
• Challenge: Unit testing authorization
• Solution: Unit testing authorization

5. JavaScipt and Blazor

• Call JavaScript from Blazor
• Call Blazor from JavaScript
• ElementReferences in JavaScript with Blazor
• Unit test JavaScript
• Challenge: Make an interesting call to JavaScript
• Solution: Make an interesting call to JavaScript

6. Component Libraries

• Choosing a Blazor UI component library
• Create your Blazor component library
• Blazorise open-source component library for Blazor
• Radzen component library for Blazor
• Telerik component library for Blazor
• Challenge: Use a UI component library to add a chart
• Solution: Use a UI component library to add a chart

Conclusion

• The future of Blazor