Developper des Web Apps avec Blazor

Blazor est une infrastructure permettant de créer une interface utilisateur Web interactive côté client avec .NET. Programmez le code côté client avec C# plutôt que JavaScript.  

Prochaines sessions

Aucune date ne convient?

Notifiez-moi si une session est ajoutée.

  • Durée: 3 jours
  • Prix régulier: $2,100
  • Prix préférentiel: $1,785

Plan de cours

Durée : 3 jours

© AFI Expertise inc.

Blazor est une infrastructure permettant de créer une interface utilisateur Web interactive côté client avec .NET. Programmez le code côté client avec C# plutôt que JavaScript.

Public concerné

Développeurs

Contenu

Introduction à Blazor

  • Stratégies de développemnt
  • Modèles d'hébergement : côté Client vs. côté Serveur
  • Survol de WebAssembly
  • Installation de Blazor
  • Création d'un projet Visual Studio
  • Travailler avec VS Code
  • Structure d'un projet Blazor

Disposition

  • Créer une disposition avec Blazor
  • Afficher la disposition
  • Disposition imbriquée

Composants

  • Créer un composant
  • Cycle de vie d'un composant
  • Liaison "One-way" vs. Liaison "Two-way"
  • Directives de liaison
  • Événements de composants vs. Événements du DOM
  • Valeurs en cascade
  • Attributs HTML générés
  • Capture de paramètres innatendus
  • Remplacer des attributs sur des composants enfants
  • Rendu multi-thread
  • Utilisation des thread via InvokeAsync

Rendu de l'arborescence

  • Rendu incrémental
  • Optimisation avec @key

Composants Modèles

  • Passer des données au RenderFragment
  • Utiilser @typeparam pour créer des composants génériques
  • utiliser des étiquettes sur les RenderFragments

Routage

  • Definir les routes
  • Paramètres de routage
  • Contrainde les paramètres de route
  • Paramètres optionnels des routes
  • 404 – Not found
  • Navigation HTML
  • Navigation via code
  • Détecter les événements de navigation

Formulaires et entrée de données

  • Edition des formulaires de données
  • Hériter de InputBase
  • Validation
  • Gérer la soumission de formulaires
  • EditContext, FieldIdentifiers, et FieldState
  • Accéder au state du formulaire
  • Validation personalisée (custom validation)

Bibliothèque de composants

  • Création de composants
  • Consommer une bibliothèque de composants
  • Accéder aux resources
  • Mettre à jour les Packages via Nuget

Injection de dépendence

  • Injection de dépendance
  • Cycle de vie et portée des dépendances
  • Transient vs. Singleton vs. Portée des dépendances

Ajouter une Base de données

  • Entity Framework
  • Code-First vs Database-First
  • Repositories et Gestionnaires de données

Appeler des services API

  • Création d'un web API simple
  • Documenter avec OpenApi (Swagger)
  • Appeler l'API avec Blazor

Gestion d'État (State)

  • Application state
  • Côté-serveur vs Côté-client

Configuration

  • AppSettings
  • Variables d'environnement
  • Arguments de ligne de commande
  • Gestionnaire de secrets
  • Web config

Interopérabilité JavaScript

  • Chargement de JavaScript
  • Appeler JavaScript à partir de .NET
  • Passer des éléments HTML par référence
  • Appeler .NET à partir de JavaScript
  • Utiliser des bibliothèques Javascript
  • Cycle de vie
  • Sécurité de type
  • Appel de méthodes .NET statiques.

Identité

  • Identification (Authentication)
  • Authorisations et permissions
  • Roles, Claims, Politiques
  • Fonctions de sécurité

Sécurité

(s'applique à ASP.NET, pas Blazor WebAssembly)

  • Https
  • Cross-Site Request Forgery (XSRF/CSRF)
  • Cross-Site Scripting (XSS)
  • Cross-Origin Requests (CORS)
  • Injection SQL
Soyez au fait des tendances, innovations et bonnes pratiques, chaque mois.
Confidentialité
Centre de formation autorisé Emploi-Québec, Agrément : 0051460
TPS : 141582528 – TVQ : 1019557738
© 2022 AFI
AFI Expertise

L’expérience AFI par Edgenda

Chez AFI, nous concentrons nos efforts pour vous offrir des formations pertinentes et des expériences d’apprentissage percutantes qui s’inscrivent dans vos démarches de transformation. Vous désirez être accompagné dans ces démarches? Consultez les services d’Edgenda: Edgenda.com