Home » Developing Microsoft Blazor Web Applications

Developing Microsoft Blazor Web Applications

Leer stap-voor-stap een webapplicatie bouwen met Microsoft Blazor
Studie-investeringsformulier
Terug naar overzicht

Cursusbeschrijving

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.

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

    • Materiaal

    Digitaal Info Support cursusmateriaal

    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