Découvrez comment exploiter Blazor, le framework révolutionnaire de Microsoft pour le développement Web et PWA, grâce à notre formation complète.
Axée sur .NET et WebAssembly (Wasm), cette formation vous guide à travers l’installation de Blazor, la création de projets, et le développement de composants réutilisables.
Maîtrisez les modèles d’hébergement, le système de routage, l’injection de dépendances, et plus encore. Apprenez à gérer l’authentification, les autorisations, et la mise en page pour créer des applications robustes.
Avec un accent sur la pratique, intégrez des librairies externes et interagissez avec l’écosystème JavaScript.
Préparez-vous également à écrire des tests unitaires et à déployer des applications PWA sur diverses plateformes.
Que vous soyez débutant ou développeur expérimenté, cette formation vous offre les compétences nécessaires pour tirer parti de Blazor et .NET dans vos projets Web.
Programme détaillé
Introduction (2 heures)
- 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
Le modèle d'agencement (1 heure)
- Créer un modèle d’agencement avec Blazor
- Utiliser le modèle
- Les modèles imbriqués
Les composants (2 heures)
- Créer un composant
- Liaison unidirectionnelle et bidirectionnelle
- Evènements de composant
- Valeurs en cascade
- Attributs HTML générés par le code
- Cycle de vie d’un composant
- Le système de rendu
Les composants génériques avec RenderFrament (1 heure)
- 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 »
Les layouts (1,5 heure)
- Présentation des layouts
- Création d’un layout
- Application d’une mise en page par défautl
- Définir une disposition pour un composant spécifique
- Gestion de la priorité de la mise en page
Le mécanisme de routage (1,5 heure)
- Définir des routes
- Paramètres de route
- Contraindre les paramètres
- Naviguer dans l’application via HTML
- Naviguer dans l’application en code
- Détecter les évènements de navigation
La gestion de formulaires (2 heures)
- 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
L’interaction avec les Librairies de composant externe (1 heure)
- Intégrer une librairie à son projet
- Démonstration avec la librairie BlazorAnimation
L’interopérabilité avec Javascript (1 heure)
- Processus de démarrage JavaScript
- Appeler Javascript depuis .NET
- Appeler .NET depuis JavaScript
L’injection de dépendances (1 heure)
- 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
L’authentification et autorisation basique (2 heures)
- Configuration du projet pour l’authentification Blazor
- Personnaliser les pages d’authentification
- Techniques d’autorisation : Attribut, AuthorizeView, Code
Le Test et le déploiement d’application (3 heures)
- Tester un composant graphique
- Exploiter l’injection de dépendance pour faire du TDD et ou du BDD
- Les techniques de déploiements
Les applications PWA (Progressive Web App) (2 heures)
- Initialisation
- Paramétrage du manifest
- Fonctionnement du service worker
- Déploiement d’une PWA
- Installation sur Windows, IOS et Android