TRA Travailleurs

Blazor

Développez des applications web interactives


Blazor redéfinit les frontières du développement web en vous permettant de créer des applications interactives et performantes entièrement en C#. Plus besoin de jongler entre JavaScript côté client et C# côté serveur, Blazor vous offre une expérience de développement unifiée et fluide.


Cette formation intensive vous plonge au cœur de l'écosystème Blazor, vous permettant de maîtriser ses concepts fondamentaux et ses fonctionnalités. Vous explorerez en profondeur l'architecture innovante de Blazor, qui exploite la puissance de WebAssembly pour exécuter du code C# directement dans le navigateur.


Vous apprendrez à concevoir des interfaces utilisateur riches et réactives à l'aide des composants Razor, à mettre en place une communication temps réel fluide avec SignalR et WebSockets, et à gérer les formulaires et la validation de manière sécurisée et efficace.


Que vous soyez un développeur C# chevronné cherchant à étendre vos compétences au développement web ou un passionné de technologies web à la recherche d'une alternative moderne à JavaScript, cette formation vous donnera les clés pour créer des applications web de nouvelle génération avec Blazor.

3 jours

Durée de la formation

icone de date ligne courbe
icone de date ligne courbe

Début de la formation

icone de cible

Objectifs de la formation

Au terme de cette formation, le participant sera capable de :

  • Comprendre Blazor et son rôle dans l'écosystème .NET : Saisir l'utilité de Blazor pour créer des applications web interactives et performantes en C# sans nécessiter de JavaScript intensif, et comprendre comment il s'intègre dans l'architecture .NET globale.
  • Utiliser les WebSockets pour une communication en temps réel : Mettre en œuvre des WebSockets avec Blazor pour établir des connexions persistantes entre le client et le serveur, permettant des mises à jour instantanées et une expérience utilisateur plus fluide.
  • Créer des formulaires interactifs et sécurisés : Concevoir et implémenter des formulaires dans Blazor, gérer la liaison de données (data binding), mettre en place des mécanismes de validation pour assurer la qualité des données saisies, et protéger les formulaires contre les attaques courantes.
  • Appliquer les bonnes pratiques de Razor : Structurer et organiser efficacement le code Razor dans les composants Blazor, en utilisant les fonctionnalités de Razor telles que les directives, les expressions, et les boucles pour créer des interfaces utilisateur dynamiques et réutilisables.
  • Sécuriser les applications Blazor : Mettre en place des mécanismes d'authentification et d'autorisation pour protéger les ressources de l'application, gérer les identités des utilisateurs, et prévenir les vulnérabilités courantes telles que les attaques par injection de code.

Points forts de la formation

  • Une approche pratique avec des exercices concrets pour chaque concept abordé
  • Un contenu complet, couvrant l'architecture, la communication, les formulaires, la sécurité et les performances
  • L'utilisation de technologies modernes comme WebAssembly, WebSockets et SignalR
image point fort

Prérequis pour la formation

Le participant doit avoir une connaissance du Framework .NET

arrière plan carte prérequis

Programme
de la formation

  • Les technologies utilisées : rappels
    • Les particularités de .NET Core
    • Les Web Api et la partie Framework MVC
    • La sécurité de son navigateur web
    • Le Design Pattern : MVVM
    • Web assembly, Websockets, SignalR
  • L'architecture de Blazor
    • Blazor, la convergence de Razor adapté au browser
    • Blazor Server côté serveur pour la compatibilité
    • Utilisation des web sockets SignalR pour la communication
    • Blazor Web assembly côté client
    • Techniques de partage de code entre serveur et client
    • Interaction avec le DOM, Javascript Interop et sécurité du bac à sable
  • Les bases de Razor
    • Structure d'un projet Razor
    • Routage et navigation pour atteindre les composants
    • Différentes configurations selon l'environnement d'exécution
    • Container d'injection de dépendances de Razor
    • Composants Blazor Net 5. Virtualisation pour les performances
    • Razor class Libraries pour le partage de code d'IHM
    • Hébergement et déploiement des applications Razor
  • La communication avec le serveur
    • Blazor serveur : exécution côté serveur
    • A travers HTTP REST API
    • Sécurité de CORS
    • Utilisation de SignalR pour une communication Websockets
  • Les bonnes pratiques de Razor
    • Formulaires, bindings et validation
    • Globalisation / Localisation
    • Gestion de l'état inter session
    • Layouts pour factoriser la structure des pages
    • Composants à base de templates
    • Virtualisation des composants pour de bonnes performances
  • La sécurité avec Blazor
    • Sécurité Blazor Server avec AuthorizeView
    • Sécurité Blazor Client avec AuthenticationStateProvider
    • Fourniture d'une identité OpenId et WebAssembly Authentication Library
  • Exercices pratiques
    • Création d’une application Blazor simple
    • Partage de code et intégration de Javascript
    • Création d’un composant Blazor avec gestion des paramètres et des méthodes
    • Consommation de web service REST et mise en place de Web sockets avec SignalR
    • Création d’un formulaire et validation des champs
    • Mise en place de la sécurité avec AuthorizeView
image ligne principale image ligne secondaire
icone d'euro ligne courbe

Prix de la formation

Personne de contact

Magali Gerard

Magali Gerard

Assistante administrative Entreprises

+32 71 25 49 60 [email protected]