Introduzione

  • 3 minuti

Un'azienda di pizza a domicilio ha assunto l’utente per modernizzare il sito Web Blazor rivolto ai clienti. Il sito comprende vari elementi quali gli elenchi delle pizze disponibili, le pagine dedicate agli ordini e altre funzionalità. Le applicazioni Web interattive Blazor utilizzano .NET per condividere la logica tra il server e il codice client.

Negli aggiornamenti l’utente vuole:

  • Usare JavaScript per animare un componente HTML di cui è stato eseguito il rendering.
  • Usare una libreria JavaScript per personalizzare una pagina di avviso.
  • Modificare la modalità di risposta dell'app agli eventi al termine del rendering della pagina.
  • Creare e applicare un componente modello per aggiornare più pagine.

Questo modulo spiega come interagire con il codice JavaScript, usare i componenti basati su modelli e rispondere agli eventi del ciclo di vita dei componenti in Blazor.

Obiettivi di apprendimento

  • Chiamare funzioni JavaScript dal codice .NET e chiamare codice .NET da JavaScript nelle app Blazor.
  • Gestire gli eventi del ciclo di vita dei componenti Blazor
  • Creare componenti modello riutilizzabili da incorporare nelle app Blazor.

Prerequisiti

  • Familiarità con lo sviluppo Web in HTML, CSS e JavaScript.
  • Capacità per principianti di scrivere codice C#.
  • .NET 8.0 SDK installato.
  • Un ambiente di sviluppo integrato (IDE, Integrated Development Environment). In questo modulo viene usato Visual Studio Code.

Suggerimento

In questo modulo vengono usati l'interfaccia della riga di comando di .NET e Visual Studio Code per lo sviluppo locale. Dopo aver completato il modulo, è possibile applicare i concetti e continuare lo sviluppo usando Visual Studio per Windows, Visual Studio per Mac o Visual Studio Code con Windows, Linux o Mac.

.NET 8.0 SDK

Questo modulo usa .NET 8.0 SDK. Assicurarsi di avere installato .NET 8.0 eseguendo il comando seguente nel terminale dei comandi preferito:

dotnet --list-sdks

Verrà visualizzato un output simile all'esempio seguente:

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

Assicurarsi che sia elencata una versione che inizia con 8. Se il comando non è presente nell'elenco o non viene trovato, installare la versione più recente di .NET 8.0 SDK.