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
Nesse vídeo, iremos aprender como converter um endereço em coordenadas de geolocalização (geolocation) sem usar componentes extras, usando apenas o HttpClient acessando o Google Places API no Blazor Server. O tutorial fala um pouco também sobre Injeção de Dependência, interface, tipagem de dados, dentre outros assuntos interessantes.
Nesse vídeo simples e explicativo, iremos criar uma aplicação usando o Blazor Server e o componente OpenAI para geração e exibição de imagens de acordo com um prompt fornecido pelo usuário.
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)
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 - Criando um Contexto com Entity Framework
10:02 - Validações usando a Fluent API com EF
12:55 - Seed de Dados Iniciais com Entity Framework
16:07 - Configurando Strings de Conexão para EF
19:00 - Dependency Inject do Contexto Entity Framework
22:16 - Migrations do Entity Framework
30:32 - Criando um Service para CRUD usando DI do Contexto EF
49:39 - Consulta (Query) usando Linq e o Contexto do EF
Neste tutorial, vamos iniciar o 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 reutilizáveis, 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 Introdução
04:20 Configurando o Ambiente de Desenvolvimento
11:39 Criação da Aplicação Blazor Server
21:11 Extensões do VSCode para programar .Dotnet
22:58 Explicação do Modelo de Dados (Models)
34:55 Explicando namespaces
38:00 Relacionamentos entre tabelas com Entity Framework