training
Developing Microsoft Blazor Web Applications
Leer stap-voor-stap een webapplicatie bouwen met Microsoft Blazor
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:
Analyze the pros and cons of Server-Side Rendering (SSR) vs Single Page Applications (SPA) | |
Design and use Razor components that can run both client-side and server-side | |
Understand Blazor forms, input components and Form Validation | |
Manage layouts and styles of a Blazor Web App | |
Understand the core concepts and functionality of Entity Framework (EF), including proper handling of a DbContext in server-side Blazor apps | |
Develop controller-based APIs and minimal APIs in ASP.NET Core | |
Employ HttpClient in Blazor for calling external web APIs | |
Develop unit tests for Blazor components using bUnit | |
Understand authentication in a Blazor Application | |
Handle authorization in Blazor applications | |
Improve Blazor Application performances | |
Understand different state management strategies in Blazor and their applications, including in-memory state containers, browser storage, and server-side storage. | |
Apply JavaScript interop techniques to invoke JavaScript functions and call .NET methods from JavaScript in Blazor applications. |
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
Startdatum | Duur | Locatie | |
---|---|---|---|
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 |
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
Programming with C#
Leer programmeren in C#
- Architecture
- C#/.NET
- General
LINQ: .NET Language-Integrated Query
Maak kennis met LINQ, lambda expressies, extension methods en comprehension syntax
- C#/.NET
Multithreading, Parallel Programming and Asynchronous Programming in C# .NET
Maak kennis met Threads, Task Parallel Library and async / await
- C#/.NET
"Trainer die zijn vak kent!"Marc
-
Hoge waardering
-
Praktijkgerichte trainingen
-
Gecertificeerde trainers
-
Eigen docenten