training

NL/EN
Deze training is beschikbaar in het Nederlands en Engels. Meer informatie

Developing Microsoft Blazor Web Applications

Leer stap-voor-stap een webapplicatie bouwen met Microsoft Blazor

24 februari 2025
- Veenendaal / Remote
5 dagen
3700 (ex BTW)

Beschrijving

In deze training leer je een webapplicatie bouwen met Microsoft Blazor.

Je ontvangt bij de start van de training een eenvoudig scenario dat gedurende de training in complexiteit toeneemt. Samen met de trainer leer je zo stapsgewijs een Blazor applicatie te bouwen met C#, HTML, CSS en ECMAScript.

Leerdoelen

Deze training behandeld de volgende leerdoelen:

CheckmarkAnalyze the pros and cons of Server-Side Rendering (SSR) vs Single Page Applications (SPA)
AnalyzeLogo InfoSupport
CheckmarkDesign and use Razor components that can run both client-side and server-side
CreateLogo InfoSupport
CheckmarkUnderstand Blazor forms, input components and Form Validation
UnderstandLogo InfoSupport
CheckmarkManage layouts and styles of a Blazor Web App
AnalyzeLogo InfoSupport
CheckmarkUnderstand the core concepts and functionality of Entity Framework (EF), including proper handling of a DbContext in server-side Blazor apps
UnderstandLogo InfoSupport
CheckmarkDevelop controller-based APIs and minimal APIs in ASP.NET Core
CreateLogo InfoSupport
CheckmarkEmploy HttpClient in Blazor for calling external web APIs
ApplyLogo InfoSupport
CheckmarkDevelop unit tests for Blazor components using bUnit
CreateLogo InfoSupport
CheckmarkUnderstand authentication in a Blazor Application
UnderstandLogo InfoSupport
CheckmarkHandle authorization in Blazor applications
ApplyLogo InfoSupport
CheckmarkImprove Blazor Application performances
CreateLogo InfoSupport
CheckmarkUnderstand different state management strategies in Blazor and their applications, including in-memory state containers, browser storage, and server-side storage.
UnderstandLogo InfoSupport
CheckmarkApply JavaScript interop techniques to invoke JavaScript functions and call .NET methods from JavaScript in Blazor applications.
ApplyLogo InfoSupport
Voor bovenstaande leerdoelen gebruiken we de Taxonomie van Bloom

Benodigde voorkennis

Deelnemers aan deze training hebben kennis van C# (inclusief concepten zoals Lambda expressions, LINQ en anonymous types), Javascript (ECMAScript) en basiskennis HTML en CSS

Onderwerpen

Blazor Overview

  • Components
  • Render Modes
  • JavaScript interop

Render modes

  • Static Server Side Rendering
  • Interactive Server
  • Interactive WebAssembly
  • Interactive Auto
  • Render mode selection

Components

  • Component classes
  • Component parameters
  • Route parameters
  • Child content

Data binding

  • One way binding
  • Two way binding
  • Binding with component parameters
  • Bind across more than two components

Event handling

  • Event arguments
  • Lambda expressions
  • EventCallback

Lifecycle

  • Lifecycle events
  • Component initialization
  • State changes

Templated components

  • RenderFragment
  • CascadingTypeParameter

Layouts

  • Layout components
  • Apply a layout
  • Nested layouts

Forms and validation

  • Binding a form
  • Handle form submission
  • Built-in form components
  • Basic validation
  • Data Annotations Validator component and custom validation
  • Validator components

Dependency injection

  • Default services
  • Add services to a Blazor app
  • Service lifetime
  • Request a service in a component
  • Use DI in services

Routing

  • Route templates
  • Route to components from multiple assemblies
  • Route parameters
  • Route constraints
  • URI and navigation state helpers
  • Query strings
  • NavLink and NavMenu components

JavaScript

  • Blazor JavaScript interoperabiliy (JS Interop)
  • Call JavaScript from .NET
  • Call .NET from JavaScript

Component libraries

  • Create an RCL
  • Consume a Razor component from an RCL
  • Create an RCL with static assets in the wwwroot folder
  • Create an RCL with JavaScript files collocated with components
  • Supply components and static assets to multiple hosted Blazor apps
  • JavaScript isolation in JavaScript modules

State management

  • Persist state across browser sessions
  • Where to persist state
  • Server-side storage
  • URL
  • Browser storage
  • In-memory state container service

Handle errors

  • Detailed errors during development
  • Manage unhandled exceptions in developer code

Web API

  • Implement Web API
  • Minimal API
  • Call a web API from ASP.NET Core Blazor
    • Add the HttpClient service
    • HttpClient and JSON helpers
    • Named HttpClient with IHttpClientFactory
    • Typed HttpClient
    • HttpClient and HttpRequestMessage with Fetch API request options

Security And Identity

  • Authentication
  • AuthenticationStateProvider service
  • Expose the authentication state as a cascading parameter
  • Authorization
  • AuthorizeView component
  • Authorize attribute
  • Policies, Requirements, Handlers, Claims

Host And Deploy

  • Publish the app
  • Ahead-of-time (AOT) compilation
  • Standalone deployment

Planning

StartdatumDuurLocatie
24 februari 202525 februari 202526 februari 202527 februari 202528 februari 2025
5 dagen
Veenendaal / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Veenendaal / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Veenendaal / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Veenendaal / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Veenendaal / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Inschrijven
24 maart 202525 maart 202526 maart 202527 maart 202528 maart 2025
5 dagen
Utrecht / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Utrecht / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Utrecht / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Utrecht / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Utrecht / Remote
Dit is een hybride training die remote gevolgd kan worden. Meer informatie
Inschrijven
Houd me op de hoogte van nieuwe data

Incompany of persoonlijk advies nodig?

Onze opleidingsadviseurs denken graag met je mee om een persoonlijk advies te geven of een incompany training binnen jouw organisatie te vinden.

Trainers

Voorkennis trainingen

"Deze training was direct toepasbaar op het project"
Cursist
  • icon

    Hoge waardering

  • icon

    Praktijkgerichte trainingen

  • icon

    Gecertificeerde trainers

  • icon

    Eigen docenten