Blazor

Objectifs

• Apprendre les bases du Blazor


• Etre capable de développer une application de façon autonome avec Blazor


• Pouvoir s'interfacer avec un backend


• Savoir tester et déployer son application


• Connaître les bonnes pratiques de développement et de mise en production pour Blazor

Programme de la formation

Introduction à Blazor

• Les outils de développement


• WebAssembly et C#


• Architecture d'une application


• Héberger une application Blazor

Composants

• Qu'est-ce qu'un composant Blazor ?


• Créer un composant


• Classes de composant


• Cycle de vie d'un composant


• Liaison de données


• Attribute splatting et paramètres arbitraires


• @Key pour la conservation des éléments


• Intégrer des composants dans des applications RazorPages et MVC

Gestion des événements

• Utiliser les événements (@on...)


• Types d'arguments des événements


• Expressions lambda


• Event Callback

Formulaires et validation

• Utilisation des DataAnnotations


• Les composants Blazor pour les formulaires (InputText, ...)


• Validation d'un formulaire

Layouts

• Spécifier une mise en page d'un composant


• Mettre en place une disposition centralisée


• Dispositions imbriquées

Services et injection de dépendances

• Qu'est-ce qu'une injection de dépendances ?


• Services par défaut


• Ajouter et configurer des services dans une application


• Injecter un service dans un composant


• Utiliser l'étendue DI (DI scope)

Routage

• Gestion des points de terminaison


• Modèle de route


• Redirection et gestion des erreurs


• Routes paramétrées et contraintes sur les routes


• Le composant NavLink

Echanger avec un serveur

• Les requêtes HTTP / REST


• API JSON .Net Core 3


• Service HttpClient


• Gestion du CORS


• Services HttpRequestMessage et Fetch

Interopérabilité JavaScript

• Appeler une fonction JavaScript depuis Blazor


• Détecter le pré-rendu d'une application Blazor


• Appeler une fonction .net depuis JavaScript


• Présentation d'HardenJS

Bibliothèque de composants Blazor

• Utiliser un composant de la bibliothèque


• Créer une bibliothèque et la déployer

Héberger une application Blazor

• Blazor WebAssembly


• Blazor Server


• Configurer le Linker

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique