Dicas de .NET
Explore como criar seu primeiro componente Blazor e dominar a interatividade, estado e reatividade
Neste tutorial, vamos nos aprofundar na criação de componentes no Blazor, uma poderosa ferramenta para desenvolvimento web com .NET. Este vídeo é ideal tanto para iniciantes que desejam entender a reatividade quanto para aqueles que estão um passo à frente e querem compreender a criação de componentes mais interativos.
Aprenderemos a usar o Visual Studio Code para criar um projeto Blazor, utilizar perfis e extensões, e implementar um contador interativo que incorpora conceitos de gerenciamento de estado.
Vamos também mostrar como configurar uma barra de progresso interativa e transformar todo o contador em um componente reutilizável. Além disso, abordaremos a organização do projeto e a estrutura dos arquivos relevantes para a aplicação Blazor.
### Índice de Capítulos
- 00:00:00 Criando um Novo Projeto Blazor (dotnet new)
- 00:02:38 Organizando Perfis do VS Code
- 00:03:25 Estrutura de Pastas do Projeto Blazor
- 00:06:10 Detalhes sobre o Arquivo program.cs
- 00:07:33 Compilando e Executando a Aplicação (dotnet build e watch)
- 00:10:04 Codificando a interface de usuário (UI) do arquivo razor
- 00:12:09 Implementando Interatividade com um Contador
- 00:12:34 Codificando Métodos, Variáveis e Eventos
- 00:17:16 Definindo o Render Mode InteractiveServer (rendermode)
- 00:19:18 Criando Lógica de Fluxo Condicional
- 00:21:15 Implementando uma Barra de Progresso interativa (Bootstrap)
- 00:24:55 Criando um Componente Reutilizável no Blazor
- 00:27:50 Integração e Parametrização de Componente Blazor
Aprenderemos a usar o Visual Studio Code para criar um projeto Blazor, utilizar perfis e extensões, e implementar um contador interativo que incorpora conceitos de gerenciamento de estado.
Vamos também mostrar como configurar uma barra de progresso interativa e transformar todo o contador em um componente reutilizável. Além disso, abordaremos a organização do projeto e a estrutura dos arquivos relevantes para a aplicação Blazor.
### Índice de Capítulos
- 00:00:00 Criando um Novo Projeto Blazor (dotnet new)
- 00:02:38 Organizando Perfis do VS Code
- 00:03:25 Estrutura de Pastas do Projeto Blazor
- 00:06:10 Detalhes sobre o Arquivo program.cs
- 00:07:33 Compilando e Executando a Aplicação (dotnet build e watch)
- 00:10:04 Codificando a interface de usuário (UI) do arquivo razor
- 00:12:09 Implementando Interatividade com um Contador
- 00:12:34 Codificando Métodos, Variáveis e Eventos
- 00:17:16 Definindo o Render Mode InteractiveServer (rendermode)
- 00:19:18 Criando Lógica de Fluxo Condicional
- 00:21:15 Implementando uma Barra de Progresso interativa (Bootstrap)
- 00:24:55 Criando um Componente Reutilizável no Blazor
- 00:27:50 Integração e Parametrização de Componente Blazor