Overview
-
Get started with Microsoft Blazor, the framework for building rich web apps with C# and .NET.
Syllabus
-
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
- 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?
- 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
- 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
- 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
- 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
- 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
- The future of Blazor
