Développez des applications Web en C# avec Blazor wasm
Découvrez comment exploiter Blazor, le framework révolutionnaire de Microsoft pour le développement Web et PWA, grâce à notre formation complète.
Proposé par
ENI Service
Prérequis
- Avoir suivi la formation HTML5 / CSS3 – Créer des pages Web ou posséder les connaissance équivalentes
- Avoir suivi la formation Programmer en C# ou posséder les connaissances équivalentes
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En centre
- En entreprise
- À distance
Objectifs pédagogiques
- Expliquer les modèles d’hébergements possibles avec Blazor
- Installer et créer un nouveau projet
- Créer des composants d’application réutilisables
- Expliquer comment fonctionne le routage
- Maitriser les mécanismes d’injection de dépendances
- Expliquer les mécanismes de rendu
- Gérer l’authentification et les autorisations
- Gérer la mise en page d’un site
- Ecrire des tests unitaires pour votre application
- Tirer parti de l’écosystème Javascript existant
- Créer une application PWA
Programme de la formation
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
Proposé par
ENI Service
"votre centre de formation informatique de confiance"
Proposé par
ENI Service
