Introducción

  • 3 minutos

Una empresa de entrega de pizzas le contrata para modernizar su sitio web de Blazor orientado al cliente, que incluye listas de pizzas, páginas de pedidos y otras funcionalidades. Las aplicaciones web interactivas de Blazor usan .NET para compartir la lógica entre el servidor y el código del cliente.

En las actualizaciones, quiere:

  • Use JavaScript para animar un componente HTML representado.
  • Use una biblioteca de JavaScript para aplicar personalización de marca a una página de alertas.
  • Cambie la forma en que la aplicación responde a eventos una vez completada la representación de páginas.
  • Cree y aplique un componente de plantilla para actualizar varias páginas.

En este módulo se muestra cómo interoperar con código de JavaScript, a usar componentes con plantilla y a responder a eventos del ciclo de vida de los componentes en Blazor.

Objetivos de aprendizaje

  • Llamar a funciones de JavaScript desde código .NET y llamar a código .NET desde JavaScript en aplicaciones de Blazor.
  • Controlar los eventos en el ciclo de vida de los componentes de Blazor.
  • Crear componentes de plantilla reutilizables que pueda incorporar a aplicaciones de Blazor.

Requisitos previos

  • Familiaridad con el desarrollo web HTML, CSS y JavaScript.
  • Capacidad inexperta de escribir código de C#.
  • El SDK de .NET 8.0 instalado.
  • Un entorno de desarrollo integrado (IDE). En este módulo se usa Visual Studio Code.

Sugerencia

En este módulo se usan la interfaz de la línea de comandos (CLI) de .NET y Visual Studio Code para el desarrollo local. Después de completar el módulo, puede aplicar los conceptos y continuar el desarrollo mediante Visual Studio para Windows, Visual Studio para Mac o Visual Studio Code con Windows, Linux o Mac.

SDK de .NET 8.0

En este módulo se usa el SDK de .NET 8.0. Asegúrese de que tiene instalado .NET 8.0 mediante la ejecución del siguiente comando en el terminal de comandos que prefiera:

dotnet --list-sdks

Aparecerá un resultado similar al del ejemplo siguiente:

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

Asegúrese de que aparezca una versión que comience en 8. Si no aparece ninguna o no se encuentra el comando, instale el SDK más reciente de .NET 8.0.