Dicas de .NET
Aprenda a criar animações interessantes em SVG utilizando Blazor e C# de forma simples e eficaz
Compartilhamos um tutorial detalhado sobre como criar animações em SVG usando .NET Blazor e C#. Você aprenderá a aplicar técnicas de animação para desenvolver barras de progresso dinâmicas e interativas em aplicativos Web, tendo como destaque a possibilidade de usar SVG em vez do tradicional canvas, oferecendo um resultado visualmente atraente e performático. Ao longo do vídeo, aprenderemos passo a passo a configurar um novo projeto Blazor, explorar a estrutura de arquivos do projeto, e adicionar animações em SVG ao HTML gerado.
### Índice de Capítulos
00:00 - Organização de projetos e criação da aplicação Blazor (dotnet new blazor)
03:30 - Configuração do ambiente Blazor e dicas de extensões para Visual Studio Code
04:32 - Estrutura inicial do projeto Blazor (template padrão Blazor e suas páginas)
05:17 - Compilação Inicial e .NET CLI (dotnet build)
05:49 - Comando dotnet watch para atualizações dinâmicas no navegador
10:04 - Declaração e Utilização de Variáveis
11:11 - Criação de estilos personalizados (CSS) do Blazor (Separação de layout)
14:34 - Utilização do evento onClick para manipular o valor de uma variável com fluxo condicional
15:11 - Render Modes no Blazor
21:12 - Implementação da barra de progresso com Bootstrap (dinamicamente)
25:29 - Animando SVG com substituição de valores fixos pelo valor dinâmico de variáveis
### Índice de Capítulos
00:00 - Organização de projetos e criação da aplicação Blazor (dotnet new blazor)
03:30 - Configuração do ambiente Blazor e dicas de extensões para Visual Studio Code
04:32 - Estrutura inicial do projeto Blazor (template padrão Blazor e suas páginas)
05:17 - Compilação Inicial e .NET CLI (dotnet build)
05:49 - Comando dotnet watch para atualizações dinâmicas no navegador
10:04 - Declaração e Utilização de Variáveis
11:11 - Criação de estilos personalizados (CSS) do Blazor (Separação de layout)
14:34 - Utilização do evento onClick para manipular o valor de uma variável com fluxo condicional
15:11 - Render Modes no Blazor
21:12 - Implementação da barra de progresso com Bootstrap (dinamicamente)
25:29 - Animando SVG com substituição de valores fixos pelo valor dinâmico de variáveis