Busca

Tutorial prático: Construa um Client Blazor e implemente comunicação TCP com Sockets no .NET Desenvolvendo Sistemas: Blazor Server e TcpListener com Sockets em .NET! Neste vídeo tutorial, você aprenderá a implementar a comunicação de Sockets usando Blazor Server e .NET do zero. Exploraremos como configurar um servidor TCP, conectar múltiplos clientes e implementar uma comunicação simultânea baseada em Sockets. Este guia prático é ideal para desenvolvedores interessados em enriquecer suas aplicações web com funcionalidades de tempo real, como chats e notificações de eventos. O vídeo é uma continuação de um tutorial anterior que mostrava como fazer comunicação com WebSockets usando HTML e JavaScript, proporcionando uma comparação interessante entre essas tecnologias. ### Índice de Capítulos - 00:00:00 - Conceitualizando a Comunicação por Sockets - 00:05:07 - Criando a aplicação TCP Server .Net Console (dotnet new) - 00:10:31 - Criando o Listener de TCP com o TcpListener - 00:13:15 - Criando o loop para aguardar conexões TCP (AcceptTcoClient) - 00:13:48 - Criando a tarefa (Task) que receberá e responderá as mensagens TCP - 00:15:16 - Definindo os fluxos, geral (Stream), de envio (StreamWriter) e recebimento (StreamReader) - 00:15:41 - Explicando a diferença entre conexão por Socket e comum HTTP - 00:19:57 - Recebendo a mensagem TCP enviada pelo Client (Stream.ReadLine) - 00:21:53 - Respondendo a mensagem TCP enviada pelo Client (Stream.WriteLine) - 00:27:29 - Compilando a aplicação TCP Server .Net Console (dotnet build) - 00:27:58 - Criando e executando a aplicação TCP Client em Blazor (Server) com .Net (dotnet new blazor) - 00:30:30 - Criando a Interface (UI) em Blazor para o TCP Client (HTML, CSS e Bootstrap) - 00:35:00 - Definindo os fluxos, geral (NetworkStream), envio (StreamWriter) e recebimento (StreamReader) - 00:39:19 - Definindo os Bindings fazendo a ligação entre Interface (UI) e Código - 00:41:54 - Inicializando o TCP Client (TcpClient) - 00:44:03 - Criando a tarefa (Task) que define os fluxos (stream) de recebimento e resposta de mensagens TCP - 00:46:47 - Atualizando, de uma Task externa, a Interface (UI) em Blazor (InvokeAsync, StateHasChange) - 00:47:36 - Definindo método para envio de mensagens TCP (Stream.WriteLine) - 00:51:32 - Definindo e detalhando o RenderMode InteractiveServer - 00:55:16 - Tratando erros em uma aplicação .Net Blazor - 00:59:26 - Compilando, executando e testando 2 aplicações .Net Blazor e Console (Client e TCP Server)

Nesse vídeo iremos aprender a criar um chatGPT personalizado usando Angular, o mesmo código servirá no Ionic, iremos aprender também a criar um contexto de memória de conversa para o GPT e iremos explorar algumas das novidades do novo GPT-4!

Nesse tutorial iremos aprender a criar um projeto no Google Cloud Platform e adicionar a API Text-To-Speech para converter textos em áudio mp3

Descubra como usar a API GPT-4 Vision em uma aplicação Ionic neste tutorial prático. Passaremos pelo processo de configuração, desenvolvimento e testes tando em ambiente Web como em um Dispositivo Móvel (AVD) de um aplicativo que interage com a poderosa API de análise de imagens do OpenAI, explorando as funcionalidades através de perguntas e respostas sobre as imagens. ### Índice de capítulos: 00:00:00 - Introdução ao GPT-4 Vision e configuração do projeto Ionic 00:00:49 - Criação do projeto (aplicação) Ionic (e verificando a versão) 00:03:06 - Exploração do mecanismo de módulos Standalone do Angular 00:04:44 - Execução da aplicação com Ionic serve 00:05:52 - Estrutura de diretórios do projeto Ionic 00:07:12 - Estilização inicial da aplicação (ion-input, ion-buttons, img) 00:11:42 - Ajustes finais de estilo com SCSS 00:14:21 - Criação de variáveis para bind com TypeScript 00:15:54 - Inclusão da plataforma Android, Instalação e configuração da câmera do Capacitor (npx cap sync) 00:20:25 - Preparação para consumir a API do GPT-4 Vision 00:21:01 - Implementação do método para chamar a API de Vision 00:22:14 - Geração e uso de uma chave da API OpenAI (usando environment) 00:24:29 - Execução da chamada API dentro do código 00:27:10 - Teste de requisição e análise dos erros de CORS 00:27:58 - Ajuste do método de chamada API com o Capacitor HTTP 00:30:53 - Adição de um loading controller 00:32:26 - Testes finais no navegador da aplicação 00:34:09 - Execução e teste da aplicação em um emulador AVD Android

Nessa dica rápida, você aprenderá a explorar as API's do RapidAPI.com criando Apps, explorando API's existentes e criando um client que consumirá uma API do Deezer usando o NodeJs.

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.

Exemplo de uma aplicação Web para uso em escritórios de contabilidade. Administração Pública - Controle de Processos, Obrigações, Compromissos, Pautas, Pessoas, Entes Públicos e Unidades Gestoras para uso com Prefeituras, Câmaras, Autarquias, etc.

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.

Criação e publicação de uma WebAPI (HTTP) simples usando o Node Express e acessando banco de dados MySql com o Prisma. O vídeo também aborda como o Prisma lida com registros relacionados.

Nesse vídeo explico a utilização de duas ferramentas essenciais aos desenvolvedores, o RESTClient que é um extensão do VSCode que que permite que você crie e versione chamadas REST e o Json-Server que cria uma WebAPi REST para testes.