Busca

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

Playlist: https://www.youtube.com/playlist?list=PLZX7p4VzbEf-ro3otiL7WPdCYjMZyqNEX Neste tutorial, vamos dar continuidade ao projeto de lista de tarefas usando Blazor Server, perfeito para quem está iniciando na área de desenvolvimento web com tecnologias .NET. Abordaremos conceitos como Dependency Injection, Entity Framework, Migrations, Fluent API, páginas Razor, criação de componentes, e interação entre front e back-end de forma simples e prática. Curta o vídeo e inscreva-se no canal para não perder os próximos conteúdos! 00:00 - Manipulação de Eventos e Data Binding no Blazor 02:00 - Operações de CRUD com Service e EF na Lista de Tarefas 10:13 - Atribuindo RenderMode InteractiveServer ao Componente 11:48 - Estilos Condicionalmente na página 21:05 - Dados iniciais da página Razor (OnInitializedAsync) 26:05 - Propriedades NotMapped (não mapeadas) no Model EF 29:51 - Ajustando a Ordenação com o Entity Framework

Playlist: https://www.youtube.com/playlist?list=PLZX7p4VzbEf-ro3otiL7WPdCYjMZyqNEX Neste tutorial, vamos dar continuidade ao projeto de lista de tarefas usando Blazor Server, perfeito para quem está iniciando na área de desenvolvimento web com tecnologias .NET. Abordaremos conceitos como Dependency Injection, Entity Framework, Migrations, Fluent API, páginas Razor, criação de componentes, e interação entre front e back-end de forma simples e prática. Curta o vídeo e inscreva-se no canal para não perder os próximos conteúdos! 00:00 - Rotas e Páginas Razor no Blazor 03:46 - Desenvolvendo a Interface de Usuário (Razor e Bootstrap) 19:33 - Criando Componentes Reutilizáveis no Blazor 21:54 - Propriedades, Manipulação de Eventos e Data Binding no Blazor 34:40 - Injeção de Dependência (Dependency Injection) em Páginas Blazor (Razor)