MP4 - React And Webrtc 2023 & Sharing Location App With Video Chat

[joomlamz]

Publicado em 2/2023
MP4 | Vídeo: h264, 1280x720 | Áudio: AAC, 44,1 KHz
Idioma: Inglês | Tamanho: 4,41 GB | Duração: 8h 11m

Crie um aplicativo de localização de compartilhamento com Google Maps e React. Conecte o aplicativo com bate-papos por vídeo graças ao WebRTC

O que você aprenderá
Criar aplicativo de reação
Compartilhar localização com SocketIO e API do Google Maps
Crie bate-papo por vídeo com WebRTC e PeerJS
Implementar comunicação em tempo real
Criar funcionalidade de bate-papo
Criar Sistema de Rastreamento de Usuários Online

Requisitos
conhecimento de javascript e Basic React

Descrição
Aprenda tecnologias como React, WebRTC (PeerJS), SocketIO e Google Maps API criando um projeto incrível, GeoCall''. Neste curso prático vamos pular direto para o código e explicar todas as coisas necessárias ao longo do curso. Passaremos por todas as etapas para criar um aplicativo com possibilidade de compartilhar nossa localização no mapa com outros usuários. Criaremos uma implementação PeerJS própria para mostrar como você pode desenvolver um aplicativo WebRTC com chamadas diretas. Após este curso, você poderá criar seu próprio aplicativo com o Google Maps e a funcionalidade de chamada. Você conhecerá o processo de como estabelecer conexão entre pares. Em nosso aplicativo, usaremos:WebRTC (PeerJS)jаvascriptSocketIOExpress.jsNode.jsReactAPI do Google MapsCriaremos a interface do usuário necessária com React e Google Maps e prosseguiremos com toda a lógica relacionada com Processo de criação de SocketIO e WebRTC.App:Preparar ambienteConstruir frontend de nosso aplicativo com ReactConectar nosso aplicativo com Google MapsCriar funcionalidade de bate-papo com SocketIOCriar funcionalidade para compartilhar com outros usuários nossa localizaçãoConectar o próprio servidor PeerJSImplementar chamadas diretas com PeerJSI espero que goste do curso e depois de finalizá-lo você se sentirá confiante para criar seu próprio aplicativo com o Google Maps e a funcionalidade de bate-papo com chamadas diretas. Você também pode encontrar o módulo teórico sobre WebRTC se quiser saber mais detalhes sobre o que está por trás da implementação do PeerJS

Visão geral
Seção 1: Introdução
Aula 1 Visualização do Aplicativo
Seção 2: Criando o lado do servidor
Aula 2 Instalação do Node.js
Aula 3 Criando Projeto de Servidor
Aula 4 Criando Express Server
Aula 5 Adicionando Servidor Socket.IO
Aula 6 Testando a Conexão com o Carteiro
Aula 7 Manipulador de eventos desconectado
Aula 8 Mais sobre manipuladores de eventos
Seção 3: Criação de aplicativo do lado do cliente
Aula 9 Criando um aplicativo React
Aula 10 Conectando com Redux State Management
Aula 11 Roteamento com react-router-dom
Aula 12 Criando visualização da página de login
Aula 13 Lidando com a entrada de nome de usuário
Aula 14 Manuseando o Botão de Login
Aula 15 Refatoração de Código
Aula 16 Obtendo localização geográfica
Aula 17 Desabilitando Botão em Erro de Localização
Aula 18 Salvando localização na loja
Aula 19 Depuração do Redux Store
Aula 20 Obtendo Localização Falsa
Seção 4: Conectando o aplicativo cliente ao lado do servidor
Aula 21 Conexão com Servidor Socket.IO
Aula 22 Armazenando Usuários Online
Aula 23 Funcionalidade de login
Aula 24 Emitindo Evento com Usuários Online
Aula 25 Salvando Usuários Online na Loja
Aula 26 Removendo Usuário Desconectado da Loja
Aula 27 Testando a funcionalidade de remoção de usuário desconectado
Aula 28 Código-fonte do aplicativo após a seção
Seção 5: Trabalhando com mapa
Aula 29 Renderização do mapa do Google
Aula 30 Renderizando Marcadores de Mapa
Aula 31 Renderizando o rótulo do nome de usuário
Aula 32 Criando Cartão de Usuário
Aula 33 Conectando o cartão de informações do usuário
Aula 34 Calculando a distância entre duas coordenadas
Aula 35 Convertendo Número em Dois Decimais
Aula 36 Criando Botão de Chat
Aula 37 Código-fonte do aplicativo após a seção
Seção 6: Criando bate-papo
Aula 38 Preparando o armazenamento para mensagens
Aula 39 Criando Chatboxes Fictícios
Aula 40 Adicionando barra de navegação ao chatbox
Aula 41 Adicionando Container de Mensagens
Aula 42 Adicionando Nova Entrada de Mensagem
Aula 43 Lidando com a entrada do usuário
Aula 44 Renderizando mensagens fictícias
Aula 45 Exibindo Chatboxes Reais
Aula 46 Fechando Chatboxes
Aula 47 Anexando Mensagens Locais
Aula 48 Consertando Bug com Mensagens
Aula 49 Enviando Mensagens para Outros Usuários
Aula 50 Exibindo mensagens no lado do servidor
Aula 51 Abrindo Chatboxes Automaticamente
Aula 52 As mensagens rolam automaticamente
Aula 53 Código-fonte do aplicativo após a seção
Seção 7: Salas de Vídeo - Preparação
Aula 54 Introdução às Salas de Vídeo
Aula 55 Preparando a loja para salas de vídeo
Aula 56 Botão Criar Sala
Aula 57 Criando botões da sala de junção
Aula 58 Informando o servidor sobre a criação de uma nova sala
Aula 59 Consertando Bug com Emissão de Evento com Nova Sala
Aula 60 Lista de salas de transmissão para todos os usuários
Aula 61 Definindo Salas Reais na Loja
Aula 62 Renderizando Salas Reais
Aula 63 Obtendo acesso ao fluxo local
Aula 64 Exibindo Vídeo Local
Seção 8: Salas de vídeo - Conectando WebRTC usando a biblioteca PeerJS
Aula 65 PeerJS Introdução
Aula 66 Criando Objeto Peer
Aula 67 Como Funciona o Servidor Peer
Aula 68 Conectando-se com o Servidor Peer
Aula 69 Preparando a Implementação de Pares para Chamadas
Aula 70 Entrando na Sala de Vídeo
Aula 71 Atualizando salas no lado do servidor
Aula 72 Testando salas de transmissão após o evento de login
Aula 73 Conectando (chamando) com o segundo usuário
Aula 74 Exibindo Fluxo Remoto
Aula 75 Criando Botões de Sala de Vídeo
Aula 76 Saindo da Sala ao Lado do Iniciador
Aula 77 Teste Saindo da Sala
Aula 78 Lógica do lado do servidor para sair da sala
Aula 79 Fechando a conexão de pares em ambos os lados
Aula 80 Lidando com Casos de Licença Suja"
Aula 81 Microfone e Botões da Câmera
Aula 82 Silenciando e desligando a câmera
Aula 83 Aplicação Completa - Código Fonte
Seção 9: (Opcional) Teoria WebRTC
Aula 84 O que é WebRTC?
Aula 85 O que é Servidor de Sinalização?
Aula 86 O que é STUN Server?
Aula 87 O que é TURN Server?
Aula 88 O que é SDP?
Aula 89 O que são Candidatos ICE?
Aula 90 Como Estabelecer Conexão Direta Entre Pares
Alunos que desejam aprender a criar um aplicativo de localização de compartilhamento, alunos que desejam criar um aplicativo em tempo real, alunos que desejam saber como criar bate-papo por vídeo, alunos que desejam saber como criar a funcionalidade de bate-papo

Pagina inicial
https://www.udemy.com/course/react-and-webrtc-2023-sharing-location-app-with-video-chat/

https://rapidgator.net/file/6d9a6a50a3023b0481fc6ee132ddcd47
https://rapidgator.net/file/ab5a2ba109f6e007042863a72621ade7
https://rapidgator.net/file/895552892d0ebd410fcc3248e2de3c53
https://rapidgator.net/file/ae77d2f94dc0d3a77bbf8942af36b327
https://rapidgator.net/file/ee390572356d64b572a7663250c9d5e9


Download From Ddownload


https://ddownload.com/9brpe0id4p5o
https://ddownload.com/ib1btq40csct
https://ddownload.com/dc0o1xae80il
https://ddownload.com/jpki16vixjg2
https://ddownload.com/mudjt4iy3271


Download From 1DL


https://1dl.net/yvn6pk0hynqv
https://1dl.net/p17ud1den6x6
https://1dl.net/3srk6reogpb7
https://1dl.net/0pickfxfyfyo
https://1dl.net/k2ttk0i0q39p