Blazor no ASP.NET, Parte 1

Aprenda os Conceitos Básicos do Framework Blazor para .NET 6

Explore os fundamentos do framework Blazor para .NET 6 criando um projeto de aprendizado e completando exercícios práticos.

Por muitos anos, os frameworks JavaScript dominaram o desenvolvimento de interfaces/aplicações do lado do cliente. Mas com o Blazor, tudo está prestes a mudar! O Blazor é um novo framework no .NET Core (.NET 6) projetado para criar interfaces de usuário avançadas em C#. Isso levanta muitas questões. O que é Blazor? Como você pode começar com o básico do Blazor? Como você pode entender e usar efetivamente o Blazor em projetos reais? No primeiro módulo deste curso, abordaremos tópicos como uma compreensão geral do que é o Blazor e as diferenças entre os dois modelos de hospedagem no Blazor: Blazor Server e Blazor Client, também conhecido como Blazor WebAssembly (Blazor-WASM). Também forneceremos um exemplo de como criar um projeto e uma solução para aplicações Blazor e como executar esse projeto em seu computador local.

No segundo módulo deste curso introdutório, examinaremos a estrutura de arquivos e pastas de um projeto Blazor padrão criado a partir de um modelo. Também revisaremos brevemente a ordem de execução do código em projetos Blazor Server e Blazor WebAssembly e introduziremos o conceito de componente no Blazor.

O terceiro módulo abordará conceitos básicos nos quais esse framework é construído, como data binding e modelos ou objetos de propriedade. Exploraremos métodos de data binding unidirecional e bidirecional. Este módulo também introduzirá as primeiras atribuições ou exercícios que permitirão reforçar sua compreensão do material abordado.

O quarto módulo se concentrará em tópicos importantes no Blazor, como componentes compartilhados ou universais e configuração de callbacks com base em eventos. Este módulo também incluirá exercícios que permitirão que você avalie por si mesmo o quanto você compreendeu o material e se pode aplicar esse conhecimento na prática.

No quinto módulo do curso introdutório, discutiremos detalhes e conceitos menores, mas igualmente importantes, usados no desenvolvimento do Blazor. Esses tópicos incluem renderização de fragmentos individuais, gerenciamento de atributos e roteamento no Blazor.

O sexto módulo abordará o uso de fragmentos de código JavaScript prontos dentro do ambiente de execução do framework Blazor. Usando dois exemplos, examinaremos minuciosamente a possibilidade de integrar duas bibliotecas populares de desenvolvimento web em JavaScript: Toastr e SweetAlert.

No sétimo módulo, introduziremos o conceito de ciclo de vida de um componente no Blazor e exploraremos o uso de métodos associados ao ciclo de vida de um componente. Este curso ajudará os desenvolvedores a aprender os conceitos básicos do Blazor por meio de exemplos instrucionais e exercícios práticos. Então junte-se a mim neste curso emocionante enquanto mergulhamos nos desafios do Blazor do mundo real e em seu desenvolvimento revolucionário! Neste curso, estaremos usando o .NET 6 e o Visual Studio 2022.

O que você aprenderá

• Explore os fundamentos do framework Blazor e seus conceitos principais.
• Aprenda a estrutura de arquivos e pastas de um projeto Blazor típico.
• Descubra métodos de data binding no Blazor.
• Aprenda como criar e usar componentes universais no Blazor.
• Entenda as configurações de callback usando eventos no Blazor.
• Aprenda como integrar bibliotecas JavaScript prontas no Blazor.
• Explore métodos para configurar a renderização de componentes usando métodos de ciclo de vida no Blazor.