Introduction

  • 3 minuten

Een pizzaleveringsbedrijf huurt u in om hun klantgerichte Blazor-website te moderniseren, waaronder pizzavermeldingen, bestelpagina's en andere functionaliteit. Interactieve Blazor-webtoepassingen gebruiken .NET om logica te delen tussen de server en de clientcode.

In uw updates wilt u het volgende doen:

  • Gebruik JavaScript om een gerenderd HTML-onderdeel te animeren.
  • Gebruik een JavaScript-bibliotheek om huisstijl toe te passen op een waarschuwingspagina.
  • Wijzig hoe de app reageert op gebeurtenissen nadat de paginaweergave is voltooid.
  • Een sjabloononderdeel maken en toepassen om meerdere pagina's bij te werken.

In deze module ziet u hoe u kunt samenwerken met JavaScript-code, sjabloononderdelen gebruikt en reageert op levenscyclusgebeurtenissen van onderdelen in Blazor.

Doelstellingen voor leren

  • Roep JavaScript-functies aan vanuit .NET-code en roep .NET-code aan vanuit JavaScript in Blazor-apps.
  • In de levenscyclus van Blazor-onderdelen gebeurtenissen verwerken.
  • Maak herbruikbare sjabloononderdelen die u kunt opnemen in Blazor-apps.

Prerequisites

  • Bekendheid met HTML-, CSS- en JavaScript-webontwikkeling.
  • Beginnende mogelijkheid om C#-code te schrijven.
  • De .NET 9.0 SDK is geïnstalleerd.
  • Een geïntegreerde ontwikkelomgeving (IDE). In deze module wordt Visual Studio Code gebruikt.

Tip

Deze module maakt gebruik van de .NET-opdrachtregelinterface (CLI) en Visual Studio Code voor lokale ontwikkeling. Nadat u de module hebt voltooid, kunt u de concepten toepassen en de ontwikkeling voortzetten met behulp van Visual Studio voor Windows, Visual Studio voor Mac of Visual Studio Code met Windows, Linux of Mac.

.NET 9.0 SDK

In deze module wordt de .NET 9.0 SDK gebruikt. Zorg ervoor dat .NET 9.0 is geïnstalleerd door de volgende opdracht uit te voeren in de opdrachtterminal van uw voorkeur:

dotnet --list-sdks

Uitvoer die vergelijkbaar is met het volgende voorbeeld wordt weergegeven:

8.0.100 [C:\Program Files\dotnet\sdk]
9.0.100 [C:\Program Files\dotnet\sdk]

Zorg ervoor dat er een versie wordt vermeld die begint met 9 . Als er geen wordt vermeld of de opdracht niet wordt gevonden, installeert u de meest recente .NET 9.0 SDK.