Introdução

  • 3 minutos

Uma empresa de entrega de pizza contrata você para modernizar o site Blazor voltado ao cliente, que inclui listagens de pizza, páginas de pedidos e outras funcionalidades. Os aplicativos Web Blazor usam o .NET para compartilhar lógica entre o código do servidor e do cliente.

Nas atualizações, você deseja:

  • Usar o JavaScript para animar um componente HTML renderizado.
  • Usar uma biblioteca JavaScript para aplicar identidade visual a uma página de alerta.
  • Alterar como o aplicativo responde a eventos após a conclusão da renderização da página.
  • Criar e aplicar um componente de modelo para atualizar várias páginas.

Este módulo mostra como interoperar com código JavaScript, usar componentes com modelo e responder a eventos de ciclo de vida de componentes no Blazor.

Objetivos de aprendizagem

  • Chamar funções JavaScript do código .NET e chamar o código .NET do JavaScript em aplicativos Blazor.
  • Manipular eventos no ciclo de vida dos componentes Blazor.
  • Criar componentes de modelo reutilizáveis que você possa incorporar em aplicativos Blazor.

Pré-requisitos

  • Familiaridade com desenvolvimento para a Web em HTML, CSS e JavaScript.
  • Capacidade de escrever código C# no nível iniciante.
  • O SDK do .NET 8.0 instalado.
  • Um IDE (ambiente de desenvolvimento integrado). Este módulo usa o Visual Studio Code.

Dica

Este módulo usa a CLI (interface de linha de comando) do .NET e o Visual Studio Code para o desenvolvimento local. Depois de concluir o módulo, você pode aplicar os conceitos e continuar o desenvolvimento usando o Visual Studio para Windows, o Visual Studio para Mac ou o Visual Studio Code com Windows, Linux ou Mac.

SDK DO .NET 8.0

Este módulo usa o SDK do .NET 8.0. Verifique se você tem o .NET 8.0 instalado executando o seguinte comando em seu terminal de comando preferencial:

dotnet --list-sdks

Uma saída semelhante ao seguinte exemplo aparece:

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

Verifique se uma versão que começa com 8 está listada. Se nenhum estiver listado ou o comando não for encontrado, instale o SDK do .NET 8.0 mais recente.