A l'issue de cette formation, vous serez capable de :

• Créer des composants 
• Gérer des formulaires 
• Gérer la navigation 
• Intégrer des services
• Gérer l'état.

Jour 1 - Introduction à Blazor et ses fondamentaux

Introduction à Blazor

• Présentation de Blazor
• Pourquoi utiliser Blazor ?
• Différences entre Blazor Server et Blazor WebAssembly
• Installation et configuration de l'environnement de développement

Création d'un projet Blazor

• Création d'un projet Blazor Server
• Structure d'un projet Blazor
• Explication des fichiers principaux : Program.cs, Startup.cs, App.razor, MainLayout.razor

Composants Blazor

• Introduction aux composants
• Création de composants simples
• Propriétés des composants (Parameters)
• Evénements des composants (EventCallback)

Exemples de travaux pratiques (à titre indicatif)

• Création d'un composant "Hello World"
• Création d'un composant de compteur (Counter) avec incrémentation

Jour 2 - Interactions et navigation

Gestion des formulaires et validation

• Formulaires dans Blazor
• Binding des données
• Validation des données avec DataAnnotations
• Utilisation de EditForm, InputText, InputSelect, InputCheckbox...

Exemple de travaux pratiques (à titre indicatif)

• Création d'un formulaire de saisie d'utilisateur avec validation des champs

Navigation et routing

• Configuration du routage dans Blazor
• Utilisation de NavLink
• Passage de paramètres dans l'URL
• Navigation programmée

Exemples de travaux pratiques (à titre indicatif)

• Création d'un menu de navigation
• Implémentation de la navigation entre plusieurs pages de l'application
• Passage et affichage de paramètres dans une URL

Jour 3 - Intégration et services

Intégration des services et accès aux données

• Injection de dépendances (Dependency Injection)
• Appels HTTP avec HttpClient
• Interaction avec des API REST

Exemples de travaux pratiques (à titre indicatif)

• Création d'un service pour accéder à une API REST
• Injection du service dans un composant et affichage des données récupérées

Gestion de l'état et optimisation

• Gestion de l'état dans Blazor
• Utilisation de StateHasChanged
• Introduction aux State Containers

Exemple de travaux pratiques (à titre indicatif)

• Création d'un panier d'achat avec gestion de l'état entre plusieurs composants

Conclusion et perspectives

• Résumé des concepts abordés
• Discussion sur les meilleures pratiques et optimisations
• Questions / Réponses
• Ressources pour aller plus loin