Objectifs de formation
A l'issue de cette formation, vous serez capable de :
- Identifier les différentes approches de développement avec Blazor
- Développer des applications Web en utilisant le C# côté client
- Utiliser Entity Framework Code First pour l'accès aux données
- Déployer des applications Blazor sur tout type de plateforme.
Prérequis
Avoir des connaissances en C# et en développement Web. Avoir des bases en programmation objet.
Public concerné
Développeurs Web, architectes techniques.
Programme
Jour 1 - Introduction et mise en place
Introduction à .NET WebAssembly et Blazor
- Présentation de .NET WebAssembly et de Blazor
- Comparaison avec d'autres frameworks Web
- Concepts de base de WebAssembly
- Architecture et composants de Blazor WebAssembly
Installation et configuration de l'environnement de développement
- Configuration de Visual Studio 2022 ou Visual Studio Code
- Création et structure d'un projet Blazor WebAssembly
- Exploration de la structure du projet Blazor
Exemples de travaux pratiques (à titre indicatif)
- Création de votre première application Blazor WebAssembly
- Création d'un nouveau projet Blazor WebAssembly
- Exploration de la structure du projet
- Exécution de l'application dans le navigateur
Développement de l'interface utilisateur
- Introduction à Razor et aux composants Blazor
- Principaux contrôles et layouts (Div, Grid...)
- Data Binding et gestion des événements
Exemples de travaux pratiques (à titre indicatif)
- Construction d'une interface utilisateur simple
- Création de plusieurs composants (page d'accueil, page de détails)
- Navigation entre composants
- Utilisation des principaux contrôles (Input, Button...)
Jour 2 - Fonctions avancées et gestion des données
Gestion des données et services
- Accès aux données locales avec le Local Storage
- Communication avec des services Web et API REST
- Consommation d'API REST avec HttpClient
- Gestion des données JSON et utilisation des services Blazor
Exemples de travaux pratiques (à titre indicatif)
- Intégration du Local Storage et API REST
- Implémentation du stockage local pour les données utilisateur
- Récupération et affichage de données depuis une API REST
Composants et réutilisabilité
- Création de composants réutilisables
- Gestion des paramètres et des événements de composants
- Utilisation des bibliothèques de composants tierces (MudBlazor, Telerik...)
Exemples de travaux pratiques (à titre indicatif)
- Création de composants réutilisables
- Création de composants personnalisés
- Réutilisation de composants dans différentes pages
- Utilisation d'une bibliothèque de composants tiers
Jour 3 - Optimisation et déploiement
Tests et débogage
- Test de l'application
- Unit tests avec xUnit
- Tests de composants avec bUnit
- Débogage et diagnostics
- Utilisation des outils de débogage dans Visual Studio
- Analyse des performances et optimisation
Exemples de travaux pratiques (à titre indicatif)
- Tests et amélioration de l'application
- Ecriture de tests unitaires et de composants
- Débogage des problèmes courants
Sécurité et meilleures pratiques
- Gestion de l'authentification et de l'autorisation
- Sécurisation des communications avec HTTPS
- Suivi des meilleures pratiques de développement WebAssembly
Exemples de travaux pratiques (à titre indicatif)
- Sécurisation de l'application
- Implémentation de l'authentification utilisateur
- Protection des routes et des composants sensibles
Déploiement et conclusion
- Déploiement de l'application Blazor WebAssembly
- Déploiement sur GitHub Pages, Azure Static Web Apps ou autre hébergeur
- Configuration des DNS et des certificats SSL
- Optimisation des performances
- Réduction de la taille des bundles
- Mise en cache des ressources statiques
Exemples de travaux pratiques (à titre indicatif)
- Préparation au déploiement final
- Configuration pour le déploiement sur une plateforme choisie
- Tests finaux et ajustements
- Mise en ligne de l'application
Conclusion et feedback
- Révision des concepts-clés
- Séance de questions-réponses
- Feedback des participants sur le cours
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités, méthodes et moyens pédagogiques
Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :
- Ordinateurs Mac ou PC (sauf pour certains cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Accessibilité de la formation
Le groupe M2i s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont consultables sur la page Accueil PSH.
Modalités et délais d’accès à la formation
Les formations M2i sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 11 jours ouvrés.