Aprenda a construir aplicações interativas com Blazor e .NET 8, integrando com a poderosa API GPT-4 Vision da OpenAI. Este vídeo te guiará pelo processo de análise de imagens, desenvolvimento e geração de conteúdo de forma prática e direta. Iremos criar uma pequena aplicação Blazor .net 8 que permitirá o upload de imagens para análise, resposta à questões, e criação de conteúdo.
Índice de Capítulos:
- 00:00:00 - Introdução: Objetivos e Ferramentas Utilizadas
- 00:00:49 - Começando a Aplicação Blazor: Estrutura e Layout
- 00:03:14 - Criando e Configurando API Key na OpenAI
- 00:04:00 - Configurando Ambiente de Desenvolvimento dotnet 8 Blazor (dotnet list / new)
- 00:07:41 - Executando e Testando o Projeto Blazor Inicial (dotnet build / watch)
- 00:12:36 - Preparando o Layout para Perguntas e Respostas (HTML e SCSS)
- 00:19:27 - Usando SASS/SCSS com Blazor (com o Live SASS Compiler)
- 00:21:14 - Estilizando a Aplicação com SASS e CSS
- 00:22:22 - Extensões VSCode para desenvolvimento com Blazor
- 00:45:45 - Criando namespace e model de payload para serialização com o HttpClient
- 00:47:11 - Codificando Blazor usando Binding com variáveis, listas, e eventos
- 00:52:09 - Atribuindo RenderMode InteractiveServer à página
- 00:54:42 - Implementando upload de arquivos de imagem em Blazor
- 00:56:58 - Serializando arquivo de imagem para base64
- 01:06:00 - Implementando o envio de informações com a tecla Enter e tratamento de erros
- 01:11:54 - Montando Payload, Models, Trabalhando com serialização JSON, e fazendo o POST a API OpenAI com HttpClient
- 01:29:22 - Criando uma API Key OpenAI GPT 4
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:00 - Introdução
00:04:20 - Configurando o Ambiente de Desenvolvimento
00:11:39 - Criação da Aplicação Blazor Server
00:21:11 - Extensões do VSCode para programar .Dotnet
00:22:58 - Explicação do Modelo de Dados (Models)
00:34:55 - Explicando namespaces
00:38:00 - Relacionamentos entre tabelas com Entity Framework
00:45:39 - Criando um Contexto com Entity Framework
00:55:41 - Validações usando a Fluent API com EF
00:58:34 - Seed de Dados Iniciais com Entity Framework
01:01:46 - Configurando Strings de Conexão para EF
01:04:39 - Dependency Inject do Contexto Entity Framework
01:07:11 - Migrations do Entity Framework
01:14:48 - Criando um Service para CRUD usando DI do Contexto EF
01:17:44 - Consulta (Query) usando Linq e o Contexto do EF
01:38:24 - Rotas e Páginas Razor no Blazor
01:41:10 - Desenvolvendo a Interface de Usuário (Razor e Bootstrap)
01:56:57 - Criando Componentes Reutilizáveis no Blazor
01:59:18 - Propriedades, Manipulação de Eventos e Data Binding no Blazor
02:11:14 - Injeção de Dependência (Dependency Injection) em Páginas Blazor
02:17:24 - Manipulação de Eventos e Data Binding no Blazor
02:19:24 - Operações de CRUD com Service e EF na Lista de Tarefas
02:28:25 - Atribuindo RenderMode InteractiveServer ao Componente
02:29:32 - Estilos Condicionalmente na página
02:39:00 - Dados iniciais da página Razor (OnInitializedAsync)
02:43:55 - Propriedades NotMapped (não mapeadas) no Model EF
02:47:39 - Ajustando a Ordenação com o Entity Framework
Descubra como integrar facilmente o serviço de e-mail Resend com o ASP.NET usando Razor Views. O mesmo exemplo pode ser feito em Blazor com poucas adaptações. Domine o envio de emails em suas aplicações de maneira prática e eficiente.
### Índice de Capítulos:
- 00:00 Explicação sobre o Resend e configuração de domínios
- 03:10 Criação e configuração de API Keys no Resend
- 03:37 Exploração do GitHub do Resend e de seu criador
- 04:42 Configuração de envio de emails via API
- 11:15 Estrutura inicial em Razor e conceitos de layout
- 14:22 Criação de formulário de envio de email no Razor
- 19:29 Code Behind e tratamento de métodos no Razor
- 23:42 Debugging da aplicação
- 25:43 Tratamento de erro e explicando o comportamento da página
- 30:20 Codificação do envio de e-mail usando Resend com código no Code Behind (MailMessage)
- 30:25 Informações sobre os SDKs do Resend e SMTP
- 38:52 Melhorias no código e no tratamento de configuração de emails (Configutation)
- 44:55 Criação de EmailService e refatorações de código (Dependecy Inject)
- 53:44 Concluindo o serviço de envio de email com Resend
Nesse tutorial iremos aprender os passos completos para a publicação de uma aplicação .dotnet Mvc em um servidor NGINX rodando sobre o Raspberry OS que é o equivalente a uma publicação em qualquer OS baseado em Debian, como Ubuntu, etc. Iremos aprender a configurar um serviço para a aplicação e fazer a ativação dos arquivos de configuração do NGINX, criar um certificado SSL e apontar um domínio com HTTPS para o servidor de publicação.
Nesse vídeo, iremos criar uma aplicação MVC básica (genérica) para acesso a um banco de dados usando ef com migrations, aprenderemos um pouco sobre configuration (settings) e strings de conexão, acessaremos o contexto do ef através de injeção de depedencia, criaremos mapeamento de rotas com controllers e views usando o aspnet-codegenerator para CRUD (listagem, inserção, atualização e exclusão) de registros.
Nessa vídeo aula rápida, iremos criar de maneira básica, uma aplicação MAUI Razor que consome uma WEB API REST do JsonPlaceholder e iremos executando no Windows e num dispositivo Android.
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.
Nessa dica iremos aprender a criar relatórios no ASP.NET Core MVC usando o Fast Report Community (free) e aprenderemos também a criar dados Fake, bastante úteis com a utilização da ótima biblioteca Bogus.
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.
Aqui nós iremos aprender uma introdução à utilização do GraphQL através de uma aplicação ASP.NET Core Web API usando o componente HotChocolate, iremos criar uma Query e uma Mutation que consultará e atualizará uma base de dados de músicas em JSON, fazendo testes tando usando o EndPoint do próprio HotChocolate (Banana Cake Pop) como com a simulação de um client usando o REST Client. Aprederemos também conceitos de serialização e deserialização de objetos usando o Newtonsoft.Json.
Nessa dica você aprende como criar um projeto em ASP.NET Core Razor, incluir Pages, e fazer um repositório para listagem, inclusão, edição e exclusão de registros usando o Dapper. Nessa parte é abordado como criar a UI com o usuário (CRUD) usando Razor Pages. Contém explicações do uso de interfaces, de escopo de objetos Disposable, do uso do IConfiguration, Dependency Inject e da nova sintax do C# 10.
Nessa dica você aprende como criar um projeto em ASP.NET Core Razor, incluir Pages, e fazer um repositório para listagem, inclusão, edição e exclusão de registros usando o Dapper. Contém explicações do uso de interfaces, de escopo de objetos Disposable, do uso do IConfiguration, Dependency Inject e da nova sintax do C# 10.
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.
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
