Introductie
Wil jij de basics leren van Blazor, het nieuwe webplatform van Microsoft? Dan is dit de training voor jou! Blazor biedt de mogelijkheid om full stack te programmeren in C#, nu ook in de browser, zonder dat de eindgebruiker iets hoeft te installeren.
Doelgroep
Deze training is bedoeld voor ervaren desktop (WinForms of WPF) of ASP.NET (MVC) ontwikkelaars die willen overstappen naar het maken van moderne browser-based SPA applicaties.
Voorkennis
Voor deze training heb je goede kennis of ervaring nodig in C# en Object Oriented Programming. Volg daarvoor onze training Object Oriented programming in C# (OOPC) of Dotnet Core Essentials. Verder is enige bekendheid met DI, HTML en CSS wel gewenst, maar je hoeft hier geen expert in te zijn.
Trainingsoverzicht
Dag 1
- Introductie – Wat is WebAssembly
- Blazor server-side versus Blazor client-side
- Ontwerpen met Componenten
- Een applicatie opdelen in Componenten
- Het gebruik van Cascading Value
- Parameters en Callbacks
- Korte stoomcursus HTML en CSS
- Wat je echt moet weten
- Razor en HTML syntax
- Een paar handige patronen met Bootstrap 5
- Scherm verversen en de rol van async/await
- Begrijpen van de “Blazor Lifecycle”
- Een Countdown voorbeeld
Dag 2
- Structuur van een Blazor Applicatie
- Opstart vanuit _Host.cshtml of index.html
- Router en Layout componenten
- Server-prerendered: voor- en nadelen
- EditForm en Validatie
- De standaard input componenten
- Een CustomInput component maken
- Herbruikbare componenten maken
- Razor Class Library
- CSS isolatie
- State management
- De zeer beperkte rol van cookies
- Session en Local storage
- Een Application State Service maken
- Blazor WebAssembly “Hosted on ASP.NET”
- het gebruik van DTOs
- Beveiliging met JWT
Dag 3
- Een Blazor PWA op GitHub pages plaatsen
- Wat is een PWA, security issues
- Blazor Authentication en Authorisation
- Met het MS Identity Platform
- De alternatieven
- Blazor architectuur patronen
- Code-behind, MVVM
- Testen met BUnit
- Een wat grotere applicatie ontwerpen
- Clean architecture
- De structuur opzetten
*excl. courseware