Formation Blazor client - SPA et webassembly - Formations informatiques, nouvelles technologies et NTIC | Dev to be curious
3 jours de formation rien que pour vous !
Formation Blazor client - SPA et webassembly
Rejoignez notre formation intensive de 3 jours pour maîtriser le développement d’applications web interactives avec Blazor Client. Apprenez à créer des composants dynamiques, à naviguer entre les pages, à consommer des API REST, à gérer l’état, et à sécuriser vos applications, tout en optimisant les performances et en déployant vos applications de manière professionnelle.
Pourquoi suivre cette formation ?
- Comprendre les bases de Blazor : Apprenez les différences entre Blazor Server et Blazor WebAssembly, et configurez votre environnement de développement.
- Créer des composants dynamiques : Utilisez les fonctionnalités de data binding et de gestion des événements pour créer des interfaces utilisateur interactives.
- Naviguer et router dans vos applications : Mettez en place une navigation fluide entre les pages et gérez les paramètres de routage.
- Consommer des API REST : Apprenez à faire des appels HTTP et à gérer les données récupérées depuis des API REST.
- Gérer l’état et sécuriser vos applications : Implémentez la gestion de l’état avec DI, et mettez en place l’authentification et l’autorisation avec JWT.
- Créer des composants réutilisables : Utilisez et créez des bibliothèques de composants pour optimiser le développement.
- Tester et déboguer vos applications : Écrivez des tests unitaires pour vos composants et utilisez les outils de débogage pour améliorer la qualité du code.
- Optimiser les performances : Suivez les meilleures pratiques de développement pour optimiser les performances de vos applications.
- Déployer efficacement : Apprenez à déployer vos applications Blazor
0
jours de formations
Envie ou obligé-e de rester chez vous ?
Misez sur le distanciel !
Disponible en intra-entreprise pour former votre équipe
- Comprendre les bases de TypeScript : Apprenez les avantages de TypeScript par rapport à JavaScript, et comment l’installer et le configurer.
Apprenez avec la dernière version de Typescript !
OBJECTIFS PÉDAGOGIQUES
- Créer une application SPA avec dotnet
- Apprendre la POC
- Savoir communiquer avec une API via Blazor
- Publier une application blazor
PROFIL DES STAGIAIRES
- Développeurs et développeuses front-end, backend,
- CTO,
- Chef-f-es de projet techniques
PRE-REQUIS
- Avoir une connaissance du monde du web (html, css)
- Savoir coder en javascript (es5, 6, es next)
- Savoir coder en .net, avec C#
- Connaître la POO
Un grand plaisir de les avoir formés
Que pensent nos stagiaires de cette formation ?! 🙂
Evan déborde d'énergie, passionné et transmet parfaitement les connaissances, distillées dans un ordre très cohérent avec le recul
Benoit MarletDéveloppeur 
A la différence d'autres formations que j'ai pu faire, celles d'Evan sont bien rythmés et on ne s'ennuie pas. Il sait écouter et s'adapte à son public ainsi qu'aux conditions de formations (presentiel / a distance).
Pour résumer je le recommande à 200% 😁.
Matthieu VideloDéveloppeur 
La formation d'Evan est très ludiques, les explications sont très claire, accompagnent par les dessins ou le code. On apprend beaucoup et on ne fatigue pas.
Thi-Hue NguyenDéveloppeuse 
Nantes | à distance
18 au 19 novembre 2024
17-19 mars 2025
05-07 mai 2025
Le programme de la formation
Première journée
1. Introduction et Présentation du Programme
- Objectifs de la formation
2. Introduction à Blazor
- Qu’est-ce que Blazor ?
- Différences entre Blazor Server et Blazor WebAssembly
- Architecture de Blazor
3. Mise en Place de l’Environnement de Développement
- Installation de Visual Studio et configuration de Blazor
- Création d’un projet Blazor WebAssembly
4. Composants Blazor de Base
- Structure d’un composant Blazor
- Data binding
- Événements et gestion des événements
5. Atelier Pratique : Création de Composants de Base
- Création et utilisation de composants simples
- Utilisation de data binding et gestion des événements
6. Navigation et Routage
- Configuration du routage
- Navigation entre les pages
- Paramètres de routage
7. Atelier Pratique : Navigation et Routage
- Mise en place du routage dans un projet Blazor
- Création de pages et navigation
8. Communication avec une API REST
- Appels HTTP avec HttpClient
- Gestion des réponses et des erreurs
- Consommation d’une API REST dans Blazor
9. Atelier Pratique : Consommation d’une API REST
- Configuration de HttpClient
- Création de services pour appeler une API REST
- Affichage des données récupérées depuis l’API
Deuxième journée
10. Gestion de l’État
- Introduction à la gestion de l’état dans Blazor
- Utilisation de DI (Dependency Injection) pour la gestion de l’état
- Mise en œuvre de la gestion de l’état avec des services
11. Atelier Pratique : Gestion de l’État
- Création de services pour gérer l’état de l’application
- Utilisation des services dans les composants
12. Sécurité et Authentification
- Introduction à la sécurité dans Blazor
- Mise en place de l’authentification avec JWT
- Gestion des autorisations dans les composants
13. Atelier Pratique : Authentification et Autorisation
- Implémentation de l’authentification avec JWT
- Gestion des autorisations dans les composants
14. Composants Réutilisables et Bibliothèques
- Création de composants réutilisables
- Utilisation et création de bibliothèques de composants
- Publication et gestion des bibliothèques
15. Atelier Pratique : Composants Réutilisables
- Création de composants réutilisables dans un projet Blazor
- Intégration des composants dans différentes pages
16. Tests et Débogage
- Introduction aux tests unitaires dans Blazor
- Utilisation des outils de débogage de Visual Studio
- Écriture et exécution de tests unitaires
17. Atelier Pratique : Tests et Débogage
- Écriture de tests unitaires pour les composants
- Utilisation des outils de débogage pour identifier et corriger les erreurs
Dernière journée
18. Optimisation des Performances
- Techniques d’optimisation des performances dans Blazor
- Gestion des ressources et des chargements asynchrones
- Minimisation et compression des ressources
19. Atelier Pratique : Optimisation des Performances
- Mise en œuvre des techniques d’optimisation dans un projet Blazor
- Analyse des performances avant et après optimisation
20. Accessibilité et Internationalisation
- Introduction à l’accessibilité dans Blazor
- Techniques pour rendre les applications accessibles
- Internationalisation et localisation
21. Atelier Pratique : Accessibilité et Internationalisation
- Implémentation des bonnes pratiques d’accessibilité
- Mise en œuvre de l’internationalisation dans un projet Blazor
22. Déploiement d’Applications Blazor
- Options de déploiement pour les applications Blazor
- Déploiement sur Azure, AWS, et autres plateformes
- Gestion des configurations de déploiement
23. Atelier Pratique : Déploiement
- Déploiement d’une application Blazor sur Azure
- Configuration et gestion des environnements de production
24. Conclusion et Évaluation
- Résumé des points clés
- Questions/Réponses
Personnalisons votre formation 🙂
Chez DevToBeCurious, nous attachons de l’importance à une formation qui colle à vos besoins terrains.
Prenons 30 min ensemble pour échange sur vos besoins précis de formation.
.
Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Solutions de financement
Selon votre situation, votre formation peut être financée par :
Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
Le dispositif FNE-Formation. L’OPCO (opérateurs de compétences) de votre entreprise.
Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
Contactez nos équipes pour en savoir plus sur les financements à activer.
Osez la curiosité ! Des questions, des précisions sur la formation ?
Validation
À la fin de la session, un questionnaire à choix multiple / ou un TP global permet de vérifier l’acquisition correcte des
compétences.
Sanction
Une attestation sera remise à chaque stagiaire qui aura suivi la totalité de la formation.
Evan BOISSONNOT
Formateur et Référent pédagogique
Nos méthodes pédagogiques
Toutes nos formations ont en composante une majeure partie organisée en format présentiel ou distanciel
Pour la plupart, nous proposons aussi du blended learning pouvant inclure visionnage de vidéos, des reviews de code par gitlab / merge requests, du live coding, …
Chaque formation est construite autour du concept de la pédagogie par objectifs et animée par la méthode de la pédagogie explicite et du rythme ternaire. C’est-à-dire que chaque module comprend au moins : une activité de découverte, des apports théoriques puis des mises en application, une synthèse et/ou une évaluation.
Chaque module est construit sur une approche agile : organiser chaque module en co-constructions suivant les besoins prioritaires du groupe de stagiaires. Ces priorités sont réévaluées à chaque fin de module, et chaque fin de journée. Enfin, pour chaque fin de journée, un debrief équipe est réalisé pour évaluer le positif (capitalisation) et les axes d’amélioration applicables dès le lendemain.
Les apprenants sont au cœur de la formation, c’est sur leur participation et leur expérience que le formateur s’appuie pour venir compléter ou corriger les connaissances et les pratiques.
Nos moyens pour vous
Pédagogiques
Les moyens pédagogiques et supports remis aux stagiaires sont ceux exposés dans la ligne » moyens pédagogiques » des programmes de formation.
• Accueil des stagiaires dans une salle dédiée à la formation, ou bien en visioconférence (lien d’accès envoyé par mail)
• Documents supports de formation fournis à la fin de la formation.
• Exposés théoriques
• Etude de cas concrets
• Quizz en salle
Logistiques
(en fonction d’où se trouvera la formation, je vous indiquerai où sera la formation)
Toutes nos formations présentielles ont lieu dans une salle équipée du matériel suivant :
- Tables et chaises pour 8 à 12 participants
- Paperboard