Busca

Nessa dica básica iremos que criar, do zero, usando o template web, uma aplicação Mvc, entender a configuração de rotas e criar tasks no VSCode para compilação automática de styles escritos em SASS.

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

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

Nesse vídeo iremos aprender o passo-a-passo de como dividir um arquivo em pedaços menores (chunks) para envio utilizando a API do Dropbox. Situação útil, dentre outras coisas, para backup programado de arquivos.

Conhecendo os atributos de validação e entendo a utilização de Migrations no Asp.net Mvc, para iniciantes.

Nesse vídeo iremos aprender conceitos básicos e alguns avançados da linguagem C# na criação de um Music Player interessante que roda em Terminal. Iremos também aprender um pouco da utilização da biblioteca NAudio.

Nesse vídeo iremos conhecer de maneira rápida e prática a utilização básica dos principais meios para criação de configurações personalizadas para sua aplicação.

Iremos aprender aqui como criar do zero uma aplicação Console Self-Host que funciona de maneira autonoma e que utiliza controllers, actions e interpreta requisições HTTP sem fazermos uso de templates padrão do .NET Core como WebAPI, MVC, etc.

Esse vídeo explica como criar uma tabela ou lista paginada usando o ASP.NET Core Mvc e o componente PaggedList. O vídeo explica também como acessar o contexto de qualquer classe e uma maneira de como popular dados iniciais para a aplicação.

Aprenda do zero ao deploy como criar e publicar uma Azure Function em C# (.NET 8) para consultar preços de ações usando a API Alpha Vantage e enviar a cotação por e-mail com Resend. ## Neste guia completo você vai: ✔ Criar uma Azure Function com Timer Trigger (CRON com segundos) ✔ Consumir a API TIME_SERIES_DAILY da Alpha Vantage ✔ Fazer parsing de JSON com System.Text.Json ✔ Gerar HTML dinâmico para e-mail ✔ Enviar e-mail via HTTP usando HttpClient (sem SDK) ✔ Fazer debug local com Azurite ✔ Publicar na Azure usando Azure CLI ✔ Configurar Resource Group, Storage Account e Function App ✔ Ajustar o agendamento para execução diária ✔ Limpar todos os recursos com segurança ## Tecnologias usadas ✔ Azure Functions v4 ✔ .NET 8 ✔ C# ✔ Timer Trigger ✔ Azure CLI (az) ✔ Azure Functions Core Tools ✔ Azurite ✔ Alpha Vantage API ✔ Resend (envio de e-mail) ✔ VS Code ## O que você vai aprender na prática ✔ Instalar e validar Azure Functions Core Tools ✔ Criar projeto com func init ✔ Criar Function com func new ✔ Configurar secrets no local.settings.json ✔ Consumir API externa com HttpClient ✔ Trabalhar com JSON com propriedades como "4. close" ✔ Publicar com func azure functionapp publish ✔ Configurar app settings via CLI ✔ Ajustar CRON (NCRONTAB) ✔ Monitorar logs no portal do Azure ✔ Boas práticas para evitar vazamento de secrets ## Capítulos 00:00:00 API Alpha Vantage e recursos na descrição 00:02:31 Checando .NET e alvo em .NET 8 00:02:54 Organização de pastas do projeto 00:03:17 Instalando Azure Functions Core Tools (npm) 00:04:37 Instalando o Azurite (Storage local) 00:06:23 Preços e camada gratuita do Azure Functions 00:07:36 dotnet new vs func init; criando o projeto 00:09:38 Verificando SDKs do .NET 00:12:22 Criando a Function (func new) com Timer Trigger 00:16:22 Cron com 6 campos (inclui segundos) 00:18:31 Escolha de ativos (Petrobras, Apple, etc.) 00:19:40 Extensões VS Code recomendadas 00:21:07 Configurando Resend e gerando API Key 00:23:02 Adicionando Resend API Key no local.settings.json 00:26:17 Gerando API Key gratuita (limites da Alpha Vantage) 00:30:22 Documentação da Alpha Vantage e endpoints 00:31:30 TIME_SERIES_DAILY e base URL 00:35:37 Async/await e EnsureSuccessStatusCode 00:36:21 Subindo o Azurite e preparando o debug 00:37:01 Ajustando o timer para 2 minutos 00:42:00 Parse com JsonDocument e extração do último fechamento 00:45:03 Construindo o HTML do e-mail 00:47:03 Generalizando para "stock" (dinâmico) 00:47:31 Método de envio de e-mail via Resend 00:48:27 Payload JSON e header Authorization (Bearer) 00:51:34 Debug do envio; conferindo valores 00:57:12 Serialização e SendAsync 00:58:20 Verificando logs do Resend 01:00:20 Preparos: parar Azurite, terminal e Azure CLI 01:00:38 Instalação do Azure CLI: opções (Windows/Linux/macOS/Docker/Cloud Shell) 01:01:40 az login e seleção da assinatura 01:02:28 Por que usar Resource Group e criação com az group create 01:03:57 Criando Storage Account (nome, região, SKU Standard_LRS) 01:06:29 Criando a Function App (Consumption, runtime .NET, v4, Windows) 01:10:07 Conferindo a Function App com az functionapp list -o table 01:11:27 Listando todos os recursos do Resource Group (az resource list) 01:12:22 Publicação: visão geral e atenção aos segredos 01:13:07 Enviando app settings (Resend/Alpha Vantage) via CLI 01:15:54 Publicando com func azure functionapp publish 01:16:30 Conferindo no portal do Azure (RG, Function App, Storage, App Insights) 01:18:16 Logs e atualização de CRON; corrigindo agendamento para 08:00 01:19:57 Deploy alternativo pelo VS Code (Deploy to Azure) 01:22:42 Limpando tudo com az group delete (alertas e boas práticas)

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)