Aprenda a usar Blazor e a API Clipdrop para remover fundos de imagem de forma eficaz
Neste tutorial, mostraremos como criar uma aplicação em Blazor utilizando C# e a API do Clipdrop (que uso o Stable Diffusion) para remover automaticamente o fundo de imagens. Ao longo do vídeo, você aprenderá a configurar seu ambiente de desenvolvimento, manusear a API do Clipdrop e implementar funcionalidades que permitem o upload e processamento de imagens diretamente na aplicação.
Você também verá como manipular requisições HTTP e trabalhar com injeção de dependência no .NET. Esta aplicação oferece um ponto de partida para desenvolvedores interessados em incorporar funcionalidades de manipulação de imagem usando inteligência artificial em seus projetos.
**Índice de Capítulos:**
- 00:00:00 Apresentação da Clipdrop e sua API
- 00:02:38 Acesso à API do Clipdrop (API Key)
- 00:04:30 Criando o projeto .net Blazor
- 00:06:15 Estrutura inicial do projeto .net Blazor
- 00:06:30 Uso de Extensões e Perfis com VSCode com .net Blazor
- 00:13:10 Layout da página usando Razor com .net Blazor
- 00:16:00 Codificação da página usando C# com .net Blazor
- 00:25:28 Implementando upload de imagens no .net Blazor
- 00:31:40 Configurando rendermode InteractiveServer no .net Blazor
- 00:34:15 Criando POST MultiPartFormData para a API do Clipdrop
- 00:38:17 Usando Injeção de Dependência (DI) no .net Blazor (HttpClient)
- 00:41:33 Preenchendo form MultiPartFormData por código no .net Blazor (HttpClient)
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
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)