Blazor

Cursus Blazor Intro

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.

Data Binding in Blazor

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.

Blazor Architecture en Componenten

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.

Dependency Injection in Blazor

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.

Routing in Blazor Apps

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.

JavaScript Interoperability in Blazor

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.

Doelgroep Cursus Blazor

De cursus Blazor is bedoeld voor developers die interactieve client-side Web User Interfaces willen maken met C#, .NET en het Blazor Framework.

Voorkennis Cursus Blazor

Kennis van .NET en C# en de basis architectuur van Web en Single Page applicaties is gewenst om aan deze cursus te kunnen deelnemen.

Uitvoering Training Blazor

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.

Certificaat Blazor Cursus

De deelnemers krijgen na het goed doorlopen van de cursus een certificaat Blazor.

Modules

Module 1 : Blazor Intro

• 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

Module 2 : Data Binding

• 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

Module 3 : Blazor Architecture

• 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

• Inversion of Control
• Container Injection
• Singleton Dependencies
• Transient Dependencies
• Scoped Dependencies
• Disposing Dependencies
• Adding Services
• Register Common Services
• Service Lifetime
• Constructor Injection
• @inject Statements

Module 5 : Routing

• Blazor Routing
• Navigation
• Router Component
• Route Templates
• @page Directive
• RouteAttribute
• RouteView Component
• Navigation
• FocusOnNavigate
• Route Parameters
• Route Constraints

Module 6 : JavaScript Interoperability

• 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