Introduction

  • 3 minuter

Ett pizzaleveransföretag anlitar dig för att modernisera deras kundinriktade Blazor-webbplats, som innehåller pizzalistor, beställningssidor och andra funktioner. Blazor interaktiva webbprogram använder .NET för att dela logik mellan servern och klientkoden.

I dina uppdateringar vill du:

  • Använd JavaScript för att animera en renderad HTML-komponent.
  • Använd ett JavaScript-bibliotek för att tillämpa varumärkesanpassning på en aviseringssida.
  • Ändra hur appen svarar på händelser när sidåtergivningen har slutförts.
  • Skapa och tillämpa en mallkomponent för att uppdatera flera sidor.

Den här modulen visar hur du samverkar med JavaScript-kod, använder mallade komponenter och svarar på komponentens livscykelhändelser i Blazor.

Utbildningsmål

  • Anropa JavaScript-funktioner från .NET-kod och anropa .NET-kod från JavaScript i Blazor-appar.
  • Hantera händelser i livscykeln för Blazor-komponenter.
  • Skapa återanvändbara mallkomponenter som du kan införliva i Blazor-appar.

Prerequisites

  • Kunskaper om HTML, CSS och JavaScript-webbutveckling.
  • Nybörjare förmåga att skriva C#-kod.
  • .NET 9.0 SDK installerat.
  • En integrerad utvecklingsmiljö (IDE). I den här modulen används Visual Studio Code.

Tip

Den här modulen använder .NET-kommandoradsgränssnittet (CLI) och Visual Studio Code för lokal utveckling. När du har slutfört modulen kan du använda begreppen och fortsätta utvecklingen med hjälp av Visual Studio för Windows, Visual Studio för Mac eller Visual Studio Code med Windows, Linux eller Mac.

.NET 9.0 SDK

I den här modulen används .NET 9.0 SDK. Kontrollera att du har .NET 9.0 installerat genom att köra följande kommando i önskad kommandoterminal:

dotnet --list-sdks

Utdata som liknar följande exempel visas:

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

Kontrollera att en version som börjar med 9 visas. Om inget visas eller om kommandot inte hittas installerar du den senaste .NET 9.0 SDK:t.