- Leren door doen
- Trainers met praktijkervaring
- Klassikale trainingen
- Gedetailleerd cursusmateriaal
- Duidelijke inhoudsbeschrijving
- Maatwerk inhoud mogelijk
- Trainingen die doorgaan
- Kleine groepen
In de cursus Blazor van SpiralTrain leren de deelnemers hoe het Blazor Framework gebruikt kan worden voor de creatie van Single Page Applicaties met C# en .NET in plaats van met JavaScript. Met Blazor kan client-side C# code door middel van WebAssembly direct in de browser worden uitgevoerd. En aangezien echte .NET code op WebAssembly draait, kun je server side code en libraries hergebruiken. De training is gebaseerd op de meest recente release van Blazor.
De cursus Blazor biedt een uitgebreide kennismaking met de rol van Blazor binnen ASP.NET. Blazor is een krachtige uitbreiding van het .NET Framework en biedt tools en libraries voor het ontwikkelen van webapplicaties. Tijdens de cursus wordt ook de Razor Markup geïntroduceerd, evenals de SignalR library, die zorgt voor real-time functionaliteit in webapplicaties.
Vervolgens worden de concepten van one-way en two-way data binding tussen gebruikersinterface-elementen en C#-code behandeld. Ook lambda-functies, event binding, event propagation en validatie komen uitgebreid aan bod in de cursus Blazor.
De cursus Blazor behandelt ook de architectuur van Blazor, die is gebaseerd op UI-componenten. Hierin wordt uitgelegd hoe wijzigingen in de browser-DOM via een in-memory tree worden bijgehouden en hoe de DOM vervolgens wordt bijgewerkt. Deze kennis is cruciaal voor het effectief ontwikkelen van responsieve webapplicaties.
Een ander belangrijk aspect van de cursus Blazor is het begrip dependency injection. Er wordt besproken hoe centraal geregistreerde services, zoals de HttpClient en de NavigationManager, via dependency injection beschikbaar worden gesteld aan Blazor-componenten. Het toevoegen van services aan een Blazor WebAssembly-app en een Blazor Service-app komt ook aan de orde.
Daarnaast wordt routing in Blazor-applicaties behandeld met de Router-component. Aandacht gaat uit naar hoe route-informatie wordt gevonden door het scannen van componenten met een RouteAttribute. Ook wordt besproken hoe RouteView-componenten RouteData en parameters ontvangen.
Tot slot behandelt de cursus Blazor JavaScript Interoperability. Er wordt uitgelegd hoe JavaScript vanuit .NET-code kan worden aangeroepen met behulp van een geinjecteerde service die het IJSRuntime-interface implementeert. Voor meer gedetailleerde informatie over Blazor, bezoek de officiële Blazor website. Voor deelnemers die hun C#-vaardigheden verder willen ontwikkelen, is er ook de cursus Advanced C# Programmeren beschikbaar.
De cursus Blazor is bedoeld voor developers die interactieve client-side Web User Interfaces willen maken met C#, .NET en het Blazor Framework.
Kennis van .NET en C# en de basis architectuur van Web en Single Page applicaties is gewenst om aan deze cursus te kunnen deelnemen.
De concepten worden behandeld aan de hand van presentaties. De concepten worden toegelicht met demo's in Visual Studio. Theorie en exercises wisselen elkaar af. De cursustijden zijn van 9.30 tot 16.30.
De deelnemers krijgen na het goed doorlopen van de cursus een certificaat Blazor.
Module 1 : Blazor Intro |
Module 2 : Data Binding |
Module 3 : Blazor Architecture |
|
What is Blazor? C# Browser Apps .NET Core Blazor Components Razor Markup .NET Libraries Using Visual Studio Blazor Projects Server SignalR Connection Client Side Blazor |
One Way Data Binding Attribute Binding Conditional Attributes Event Binding Syntax Event Arguments C# Lambda Functions Two Way Data Binding Preventing Default Actions Stop Event Propagation Reporting Changes Validation |
Blazor Components UI Elements C# and HTML UI Composition Razor Templates View and View Model Parent-Child Communication Type Parameters Life Cycle Hooks Cascading Properties Component Libraries |
Module 4 : Dependency Injection |
Module 5 : Routing |
Module 6 : JavaScript Interoperability |
|
Inversion of Control Container Injection Singleton Dependencies Transient Dependencies Scoped Dependencies Disposing Dependencies Adding Services Register Common Services Service Lifetime Constructor Injection @inject Statements |
Blazor Routing Navigation Router Component Route Templates @page Directive RouteAttribute RouteView Component Navigation FocusOnNavigate Route Parameters Route Constraints |
Call JavaScript from C# Glue Function JSInvocable Methods Pass Reference to JavaScript ILocalStorage Service DOM Interaction Asynchronous Calls Object Serialization JavaScript Initializers Location of JavaScript JavaScript Modules |