Présentation

  • 3 minutes

Une entreprise de livraison de pizzas vous engage pour moderniser son site web Blazor accessible aux clients, qui comprend des listes de pizzas, des pages de commande et d’autres fonctionnalités. Les applications web interactives Blazor utilisent .NET pour partager la logique entre le serveur et le code client.

Dans vos mises à jour, vous voulez :

  • Utiliser JavaScript pour animer un composant HTML rendu.
  • Utiliser une bibliothèque JavaScript pour appliquer une personnalisation de la marque à une page d’alerte.
  • Changer la façon dont l’application répond aux événements une fois le rendu de page terminé.
  • Créer et appliquer un composant modèle pour mettre à jour plusieurs pages.

Ce module vous montre comment interagir avec du code JavaScript, comment utiliser des composants basés sur un modèle et comment répondre aux événements du cycle de vie d’un composant dans Blazor.

Objectifs d’apprentissage

  • Appeler des fonctions JavaScript à partir du code .NET et appeler du code .NET à partir de JavaScript dans des applications Blazor.
  • Gérer les événements du cycle de vie d’un composant Blazor
  • Créer des composants modèles réutilisables que vous pouvez incorporer dans des applications Blazor.

Prérequis

Conseil

Ce module utilise l’interface CLI .NET et Visual Studio Code pour le développement local. Une fois le module terminé, vous pouvez appliquer les concepts et poursuivre le développement en utilisant Visual Studio pour Windows, Visual Studio pour Mac, ou Visual Studio Code avec Windows, Linux ou Mac.

SDK .NET 8.0

Ce module utilise le kit de développement logiciel (SDK) .NET 8.0. Assurez-vous que .NET 8.0 est installé en exécutant la commande suivante dans votre terminal de commandes préféré :

dotnet --list-sdks

Une sortie semblable à l’exemple suivant s’affiche :

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

Vérifiez que la liste comporte une version commençant par 8. S’il n’y en a pas ou que la commande est introuvable, installez la dernière version du kit de développement logiciel (SDK) .NET 8.0.