Formation Développement avec .NET Blazor WebAssembly

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