Busca

Nesse vídeo rápido e simples iremos aprender como criar um menu de compartilhamento (share) em uma aplicação Angular e também fazer um comparativo com o método navigator.share do HTML

Nesse vídeo nós iremos aprender, de maneira rápida e prática, a utilização da câmera e sabemos como obter as coordenadas e geolocalização do dispositivo.

Nessa dica você aprenderá instalar, configurar e utilizar o Sentry para visualizar os erros tratados e não tratados ocorridos em produção durante o uso de uma aplicação Ionic/Capacitor. Aprenderá também configurar uma caixa de diálogo para receber informações do que o usuário estava tentando fazer quando tais erros ocorrem.

Crie um sistema de comunicação em tempo real utilizando WebSocket no navegador e em um servidor C#. Neste vídeo, exploramos um exemplo prático de como implementar comunicação em tempo real usando WebSocket com um cliente HTML/JS e um servidor C# utilizando `HttpListener`. Começamos demonstrando como criar um chat simples onde múltiplos clientes podem interagir quase em tempo real. A parte prática do vídeo é dividida em dois segmentos principais: a implementação do cliente WebSocket com HTML e JavaScript, e a criação de um servidor WebSocket em C#. Durante o vídeo, exploramos tópicos como configuração de um ambiente `dotnet`, uso do `HttpListener`, manuseio de conexões WebSocket e como enviar e receber mensagens de forma eficiente. Além disso, são apresentadas algumas dicas para tratar eventos de abertura, fechamento e erros de conexão WebSocket. ### Índice de Capítulos - 00:00:00 Introdução ao WebSocket - 00:05:45 Criando o projeto .NET Console (dotnet new console) - 00:08:47 Criando Client WebSocket em HTML e JS - 00:10:11 Instalação e utilização do Live Server e do Http-Server - 00:16:12 Codificando a conexão e os eventos (onopen e onmessage) do WebSocket em HTML e JS - 00:18:58 Codificando o envio da mensagem ao Server de WebSocket (socket.send) - 00:21:11 Criando e iniciando o Server para WebSocket usando HttpListener no Dotnet - 00:22:49 Criando um ConcurrentDictionary de conexões Web Sockets - 00:24:01 Aceitando conexões de Clients e verificando seus status (AcceptWebSocketAsync) - 00:27:20 Recebendo e tratando a mensagem recebida do client (ReceiveAsync) - 00:29:14 Tratando a mensagem de pedido para fechar conexão (CloseAsync) - 00:31:50 Respondendo à mensagem do Client - 00:40:08 Criando o método no WebSocket Server que "responde" apenas ao Client que "perguntou" - 00:42:39 Criando o método no WebSocket Server que "responde" a todos Clients conectados (Broadcast) - 00:51:45 Codificando os demais eventos do WebSocket em HTML e JS: onclose, onerror, etc.

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

Aqui nós iremos retornar às origens do Angular aprendendo e brincando um pouco com o saudoso AngularJs, ainda bastante utilizado em aplicações legadas, iremos criar uma listagem dinâmica de objetos.

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

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.

Nesse vídeo rápido eu aproveito para fazer uma comparação simples entre os serviços mais conhecidos de IA Bing Chat, Google Bard e ChatGPT fazendo upload da imagem de uma tela de cadastro simples para o Bing Chat e descrevendo como quero essa tela em HTML/CSS.

Aprenda a usar OAuth para autenticação com Spotify, aplicando conhecimentos a serviços como Google e Facebook. Neste vídeo, você aprenderá a integrar a autenticação OAuth com o Spotify, utilizando um exemplo prático em Blazor para criar um aplicativo que lista as playlists de um usuário. Vamos explorar o uso da API do Spotify, criar um aplicativo no painel de desenvolvedores e entender como o mesmo processo pode ser aplicado ao Google, Facebook e outros. Este guia passo a passo abrange desde a configuração inicial no site do Spotify até considerações de segurança. Ideal para desenvolvedores que desejam incorporar autenticação em suas aplicações. **Capítulos:** - 00:00:00 - Explicação sobre OAuth - 00:01:26 - Explorando a Documentação da API Spotify - 00:03:31 - Criação, Modificação e Exclusão do Aplicativo na API Spotify - 00:06:16 - Preparando o Ambiente e Criando o projeto Blazor (dotnet new blazor) - 00:08:44 - Compilando e Executando o Projeto Blazor (dotnet build e watch) - 00:10:21 - Criando Interface (UI) do Aplicativo (com Razor, Html e Bootstrap) - 00:15:18 - Criando variáveis para serem exibidas nas tags Html p - 00:16:01 - Definindo o RenderMode para InteractiveServer - 00:18:11 - Criando método para Autenticação OAuth e página de Consentimento - 00:19:33 - Definindo ClientId, Secret, Url de Redirecionamento, Scope e State - 00:27:37 - Criando o EndPoint para recebimento do Code na Url de Retorno do Spotify (OnParametersSet) - 00:32:41 - Criando Método para Requisição do Access Token, através do Code, ClientId e Secret - 00:35:56 - Criando o Fluxo Condicional no arquivo Razor - 00:36:46 - Criando Método para listar as Playlists do usuário do Spotify - 00:38:51 - Habilitando Detalhamento de Erros no Blazor (AddCircuitOptions) - 00:40:43 - "Tipando" o retorno da API do Spotify (usando o Paste Json as Code) - 00:42:06 - Criando os DTOs (nesse caso Models) mapeados com a API do Spotify (JsonPropertyName) - 00:47:28 - Criando o Binding entre o Model com dados da API do Spotify e o Html da página Razor - 00:50:38 - Criando Ampulheta (Loading) e Tratamento de erros - 00:56:04 - Protegendo as chaves ClientId e Secret nos arquivos de configuração appSettings

Aprenda a criar uma aplicação Blazor usando C# para consumir a API do Deezer, do desenvolvimento básico ao intermediário.

Neste vídeo, exploramos o básico do acesso a banco de dados no .NET usando o Entity Framework Core. Vamos aprender a criar uma aplicação simples com Blazor, configurar o Entity Framework, trabalhar com banco de dados em memória (InMemory) e persistente (SQLite), e criar e consultar registros. ### Índice de Capítulos - 00:00:00 - Listando Workloads e criando um Projeto com .NET New (dotnet new blazor) - 00:03:06 - Explorando Profiles do VSCode - 00:04:03 - Compilando e executando a aplicação (dotnet build, dotnet watch) - 00:06:08 - Explicando rapidamente rotas em páginas Razor no Blazor - 00:07:04 - Codificando a UI Interface do usuário usando Razor com HTML e Bootstrap - 00:08:00 - Introdução ao Entity Framework e ORM - 00:08:52 - Criando Models (Modelo de dados) e verificando atributos (Attributes) - 00:11:11 - Discutindo sobre string nullable e inicialização de variáveis - 00:12:30 - Instalando packages nuget para Entity Framework InMemory e SQLite - 00:13:46 - Criando o contexto para acesso a banco de dados DbContext usando o Entity Framework - 00:15:53 - Usando modo Fluent para definição de regras, nomes de tabela, tipos de dados (OnModelCreating) - 00:17:49 - Configurando o DbContext e Banco de Dados InMemory - 00:19:27 - Implementando a Lógica de Interface UI com Blazor usando Bootstrap - 00:22:53 - Incluindo código C# em uma página Razor no Blazor - 00:23:17 - Criando e instanciando uma lista de itens baseada numa entidade do Entity Framework (List T ) - 00:24:08 - Percorrendo uma lista de registros (Entity Framework) para exibição em tabela - 00:25:16 - Incluindo e salvando registros no banco de dados usando o Entity Framework - 00:25:47 - Criando ligação (Binding) e Interatividade entre variáveis e a página Razor no Blazor - 00:26:35 - Definindo RenderMode (InteractiveServer) para uma página Razor no Blazor - 00:28:56 - Injetando DbCotextFactory para acesso à dados numa página Razor no Blazor - 00:30:52 - Registrando DbCotextFactory como serviço injetável no Program.cs - 00:32:33 - Listando registros do banco de dados usando o DbContext do Entity Framework - 00:35:46 - Configurando o DbContext e Banco de Dados SQLite - 00:36:52 - Codificando a criação do banco de dados (sem migrations) usando o DbContext do Entity Framework - 00:39:24 - Consultando o banco de dados SQLite usando linha de comando e extensões do VSCode