Formation Développer des applications web interactives avec Blazor WebAssembly

Introduction à Blazor WebAssembly & Environnement

• —Présentation de Blazor et de Blazor WebAssembly (WASM)
• —Avantages et cas d'usage de Blazor WASM
• —Installation de .NET SDK et Visual Studio/VS Code
• —Création du premier projet Blazor WASM

Fondamentaux des Composants Blazor

• —Structure d'un composant Blazor (.razor)
• —Syntaxe Razor : HTML, C# et directives Blazor
• —Passages de paramètres aux composants (Parameters)
• —Cycle de vie des composants : OnInit, OnParametersSet

Gestion des Événements et Liaison de Données

• —Gestion des événements DOM (@onclick, @onchange, etc.)
• —Liaison de données bidirectionnelle (@bind)
• —Utilisation des formulaires et validation de base
• —Gérer les événements asynchrones

Routage et Navigation

• —Configurer le routage dans une application Blazor WebAssembly
• —Créer des liens de navigation entre les composants de l'application
• —Gérer les paramètres de route pour personnaliser l'affichage
• —Implémenter des redirections et des routes par défaut
• —Utiliser le composant NavLink pour une navigation dynamique

Injection de Dépendances et Services

• —Principes et avantages de l'injection de dépendances
• —Enregistrement des services dans Blazor WASM
• —Injection de services dans les composants
• —Création et utilisation de services personnalisés

Communication avec des API Web (HTTP Client)

• —Configuration de HttpClient pour les appels API
• —Requêtes GET, POST, PUT, DELETE
• —Désérialisation JSON (System.Text.Json)
• —Gestion des erreurs et chargement des données

Composants Partagés et Layouts

• —Créer des composants réutilisables pour améliorer l'efficacité du développement
• —Configurer et utiliser des layouts pour une navigation cohérente dans l'application
• —Implémenter des paramètres de route pour passer des données entre composants
• —Appliquer des styles CSS globaux pour harmoniser l'apparence des composants
• —Utiliser des services partagés pour gérer l'état entre différents composants

Interopérabilité JavaScript (JS Interop)

• —Appeler du code JavaScript depuis Blazor (JS.InvokeVoidAsync, InvokeAsync)
• —Appeler du code C# depuis JavaScript
• —Cas d'usage : intégration de bibliothèques JS
• —Bonnes pratiques pour JS Interop

Stockage Local et State Management

• —Utilisation du Local Storage et Session Storage
• —Gestion de l'état global de l'application
• —Patterns pour la gestion d'état simples
• —Persistance des données côté client

Optimisation et Debugging

• —Outils de débogage Blazor dans le navigateur
• —Performance : rendu, taille des bundles
• —Lazy Loading de composants et d'assemblies
• —Pré-rendu (Prerendering) et SEO

Authentification et Autorisation (Concepts)

• —Introduction aux mécanismes d'authentification Blazor WASM
• —Utilisation de l'API d'authentification basée sur des tokens (JWT)
• —Gestion des rôles et des autorisations
• —Protection des routes et composants

Déploiement et Bonnes Pratiques

• —Options de déploiement de Blazor WebAssembly
• —Déploiement sur Azure Static Web Apps ou serveurs web
• —Bonnes pratiques de développement Blazor
• —Scénarios avancés et tendances futures

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

* Connaissance de C# et .NET * Notions de développement web (HTML, CSS, JavaScript) * Familiarité avec les concepts de base du développement logiciel

* Ordinateur (PC ou Mac) avec Windows 10/11 ou macOS * Visual Studio 2022 (Community, Professional ou Enterprise) ou Visual Studio Code * SDK .NET 6 ou une version ultérieure * Connexion internet stable

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

Apprendre à développer des applications web interactives avec Blazor WebAssembly pour améliorer les expériences utilisateur

Concevoir des interfaces web interactives, structurer des applications Blazor, intégrer Blazor avec des services RESTful et maîtriser l'écosystème.NET pour le web

Connaissance de la programmation en C# et expérience avec les frameworks.NET

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.