Rejoignez notre formation pour développer des applications Web en C# avec Blazor, le nouveau framework Microsoft combinant la puissance de .
NET et Wasm.
Découvrez ce qu’est Blazor et WebAssembly (Wasm), et comment installer, créer un projet et une page avec Blazor.
Comprenez le modèle d’agencement et comment créer et utiliser des composants.
Apprenez à gérer le routage, l’interopérabilité avec JavaScript et à injecter des dépendances dans les composants Blazor.
Explorez les mécanismes de rendu et comment optimiser celui-ci pour des environnements multi-thread.
Devenez expert en gestion de l’authentification, des autorisations, de l’état d’une application avec le pattern MVU, et en écriture de tests unitaires.
Enfin, apprenez à tirer parti de l’écosystème JavaScript existant et à créer une application PWA.
Inclus dans votre formation en inter-entreprise
Programme détaillé
Introduction
- Qu’est-ce que Blazor ?
- Qu’est-ce que WebAssemby (Wasm) ?
- Les modèles d’hébergements de Blazor
- Installer Blazor
- Créer un projet
- Créer une page
Modèle d'agencement
- Créer un modèle d’agencement avec Blazor
- Utiliser le modèle
- Les modèles imbriqués
Composants
- Créer un composant
- Liaison unidirectionnel
- Littérales, expressions et directives
- Evènements de composant
- Liaison bidirectionnelle
- Valeurs en cascade
- Attributs HTML générés par le code
- Capturer des paramètres non attendus
- Remplacement des attributs sur les composants enfants
- Cycle de vie d’un composant
Les composants génériques avec RenderFrament
- Un composant d’onglets
- Passer des données à un fragment
- Utiliser @typeparam pour créer un composant générique
- Passer des paramètres fictifs aux « RenderFragment »
Routage
- Définir des routes
- Paramètres de route
- Contraindre les paramètres
- Paramètres optionnels
- Route pour un 404
- Naviguer dans l’application via HTML
- Naviguer dans l’application en code
- Détecter les évènements de navigation
Système de rendu
- Le DOM virtuel
- Le DOM incrémental
- Optimisation du rendu
- Rendu en environnement multi-thread
Formulaires
- Edition de données d’un formulaire
- Implémenter le composant InputBase
- Validation
- Gérer la soumission
- EditContext, FieldIdentifiers et FieldState
- Accéder à l’état du formulaire
- Ecrire des règles de validations personnalisées
Librairie de composant externe
- Intégrer une librairie à son projet
- Démonstration avec la librairie BlazorAnimation
Interopérabilité avec Javascript
- Processus de démarrage JavaScript
- Appeler Javascript depuis .NET
- Appeler .NET depuis JavaScript
Injection de dépendances
- Injecter des dépendances dans des composants Blazor
- Portée et durée de vie des dépendances
- Dépendances dont la portée est un composant Blazor
Authentification et autorisation basique
- Configuration du projet pour l’authentification Blazor
- Personnaliser les pages d’authentification
- Techniques d’autorisation : Attribut, AuthorizeView, Code
Gérer l'état d'une application
- Approche simpliste avec CascadingValue
- Approche avancée avec l’injection de dépendance
- Approche professionnelle avec le pattern MVU
Tester son application
- Tester un composant graphique
- Exploiter l’injection de dépendance et le pattern MVU pour faire du TDD et ou du BDD
Application PWA (Progressive Web App)
- Initialisation
- Paramétrage du manifest
- Fonctionnement du service worker
- Déploiement d’une PWA
- Installation sur Windows, IOS et Android