Aprenda JavaScript do zero ao avançado, crie um WhatsApp clone, Dropbox. Aprenda NodeJS, Express, Socket, Firebase.
Conteúdo do Curso
Seção 1
01:39:264 aulas
Introdução ao JavaScript e Preparação do Ambiente
- Bem vindo ao Curso completo de JavaScript13:31
- Configurando ambiente (Git, Visual Studio Code e Chrome Developer Tools)7:52
- I01 - Introdução ao JavaScript - Básico I35:55
- I02 - Introdução ao JavaScript - Básico II42:08
Seção 10
03:52:2322 aulas
Projeto Calculadora com JavaScript
- C01 - Estruturando o Projeto7:38
- C02 - Orientação a Objetos e MVC13:52
- C03 - Método Construtor e Encapsulamento14:01
- C04 - Manipulando o DOM14:55
- C05 - Data e Hora19:46
- C06 - querySelector6:13
- C07 - Adicionando Evento Click8:30
- C08 - Aplicando vários Eventos usando split()8:46
- C09 - Switch15:05
- C10 - Adicionando operações - isNaN e Array.length19:19
- C11 - Eval - Validando o primeiro operador e calculando resultado15:01
- C12 - For - Procurando o último número do Array7:50
- C13 - Botão Porcento8:53
- C14 - Clicando mais de uma vez no botão igual20:30
- C15 - Botão Ponto8:43
- C16 - Correções de Bugs com o Ponto3:52
- C17 - Eventos de Teclado9:15
- C18 - Ctrl + c e Ctrl + v8:58
- C19 - Trabalhando com Áudio9:03
- C20 - Definir o valor máximo3:23
- C21 - Tratar outros erros no eval() com Try Catch4:53
- C22 - Bonus3:57
Seção 18
06:02:0332 aulas
Gerenciamento de Usuários
- G1 - Script incorporado e arquivo externo4:45
- G2 - Manipulando o DOM8:08
- G3 - Variáveis10:55
- G4 - Variáveis e Seletores11:08
- G5 - For Each9:10
- G6 - IF e ELSE8:48
- G7 - Trabalhando com Json9:16
- G8 - Trabalhando com Eventos no JavaScript11:17
- G9 - Trabalhando com Funções11:18
- G10 - Programação Orientada a Objetos - Classes e MVC16:16
- G11 - Programação Orientada a Objetos - MVC - Controller23:22
- G12 - O operador Spread ...5:04
- G13 - Trabalhando com arquivos - File Reader11:21
- G14 - Trabalhando com Promise no JavaScript9:58
- G15 - Ajustando a View do Projeto - Operador Ternário8:17
- G16 - Trabalhando com Datas, Getters e Setters30:04
- G17 - Trabalhando com Métodos Estáticos6:09
- G18 - Validando Formulários14:07
- G19 - Atualizando Estatísticas - Usando dataset19:23
- G20 - Trabalhando com Edição de Dados - Editando a View4:19
- G21 - Trabalhando com Edição de Dados - Programando o Evento no Botão Editar9:50
- G22 - Trabalhando com Edição de Dados - Utilizando o laço For In para objetos8:08
- G23 - Trabalhando com Edição de Dados - Editando valores com Radio e Checkbox.5:53
- G24 - Trabalhando com Edição de Dados - Alterando dados do Objeto12:03
- G25 - Trabalhando com Edição de Dados - Editando a Imagem com FileReader15:50
- G26 - Excluindo Dados do Objeto4:05
- G27 - Armazenando dados na Sessão com sessionStorage16:36
- G28 - Armazenando Dados com localStorage3:31
- G29 - Refactoring - Otimizando o Template11:26
- G30 - Trabalhando com localStorage - Editando dados no localStorage21:55
- G31 - Trabalhando com localStorage - Correção com Object.assign3:11
- G32 - Trabalhando com localStorage - Excluindo dados no localStorage16:30
Seção 27
01:37:2716 aulas
NodeJS - JavaScript no Back-End (No Lado do Servidor)
- N01 - Introdução ao NodeJS5:41
- N02 - Instalando o NodeJS4:59
- N03 - Criando um Servidor Web com Node.JS5:05
- N04 - Detectando URL diferente6:13
- N05 - Entendendo o Package.Json e Instalando o Express7:47
- N06 - Nodemon e Criando o Servidor com Express6:49
- N07 - Separando Rotas do Arquivo Principal10:13
- N08 - Carregando Rotas com Consign6:05
- N09 - Recebendo dados via POST e instalando Postman8:53
- N10 - Persistência de dados com o NeDB (Banco de dados JavaScript)6:33
- N11 - Listando os usuários do banco NeDB3:54
- N12 - Refatorando Sistema e Otimizando o código4:37
- N13 - Obtendo dados de um usuário4:33
- N14 - Editando um usuário4:11
- N15 - Excluindo um usuário3:44
- N16 - Validando dados recebidos via Post8:10
Seção 36
01:17:1710 aulas
Projeto - Gerenciamento de Usuários - RESTfull API com Restify
- U01 - Criando novo projeto com Express Generator21:31
- U02 - Usando Restify para acessar API REST5:26
- U03 - Ajax com XMLHttpRequest9:25
- U04 - Adequando os dados salvos no servidor RESTful2:18
- U05 - Refatorando para uma classe HttpRequest6:41
- U06 - Consumindo Rotas, POST, PUT e DELETE com Restify4:10
- U07 - Usando Ajax com método POST e PUT11:41
- U08 - Usando Ajax com método DELETE3:27
- U09 - Alterando o limite de bytes enviados por POST3:21
- U10 - Refatorando para fetch API9:17
Seção 45
03:44:2023 aulas
Projeto DropBox Clone
- D01 - Clone do HTML e CSS do projeto7:40
- D02 - Criando projeto com Express Generator3:11
- D03 - Criando Controller e Evento Click no botão Enviar Arquivos10:07
- D04 - Enviando arquivos usando Ajax e Promise.all()8:06
- D05 - Recebendo arquivos no Node.js com Formidable8:05
- D06 - Atualizando View com informações do progresso do Upload24:31
- D07 - Organizando templates de tipos de arquivos7:40
- D08 - Adicionar o Firebase a sua Aplicação Web6:33
- D09 - Gravando dados do Firebase Database11:30
- D10 - Listando dados do Firebase Database10:31
- D11 - Selecionando arquivos3:18
- D12 - Selecionando arquivos com CTRL ou SHIFT13:59
- D13 - Criando e disparando eventos4:50
- D14 - Menu de opções de acordo com arquivos selecionados6:49
- D15 - Renomeando arquivo5:20
- D16 - Excluindo arquivos22:54
- D17 - Nova Pasta4:38
- D18 - Navegando nas pastas ou abrindo arquivos24:49
- D19 - Criando rota para abrir arquivo5:10
- D20 - Refatorando para Firebase Storage - Upload17:10
- D21 - Excluindo arquivo do Firebase Storage3:39
- D22 - Excluindo Diretório Firebase12:16
- D23 - Abrindo o arquivo1:34
Seção 53
10:39:0250 aulas
Projeto WhatsApp Clone
- W01 - Clonando layout HTML e CSS do Projeto4:28
- W02 - Criando controle principal do App12:08
- W03 - Prototype14:33
- W04 - Eventos para abrir/fechar os painéis "Editar Perfil" e "Adicionar Contato"9:46
- W05 - Obtendo dados dos painéis e usando FormData13:09
- W06 - Clique no "Menu Anexar" - Usando bind() e removeEventListener()13:12
- W07 - Eventos no "Menu Anexar"11:53
- W08 - Eventos de gravação do microfone e timer de gravação7:06
- W09 - Função para formatar milissegundos em minuto e segundo3:42
- W10 - Eventos do campo "Digitar Mensagem"8:39
- W11 - Inserir Emoji - cloneNode(), dispatchEvent() e new Event()5:54
- W12 - Inserir Emoji getSelection(), createRange() e DocumentFragment()9:41
- W13 - Ativando a câmera com API MediaDevices.getUserMedia()8:49
- W14 - Criando um servidor Web com Webpack Dev Server8:43
- W15 - Arquivo de configuração do Webpack - webpack.config.js8:43
- W16 - Importando e Exportando módulos com Webpack5:27
- W17 - Parando de capturar imagem da câmera - getTracks()4:36
- W18 - Tirar fotografia da câmera com canvas14:11
- W19 - Enviando mensagens de documentos anexos20:48
- W20 - Lendo capa de arquivo PDF e gerando imagem com PDF.js27:45
- W21 - Ativando o microfone com API MediaDevices.getUserMedia()6:46
- W22 - Criando classe para eventos em objetos12:56
- W23 - Gravando áudio capturado pelo microfone com MediaRecorder21:44
- W24 - Criando evento para o visualizar o tempo de gravação5:52
- W25 - Configurando o Firebase no projeto10:19
- W26 - Firebase Authentication14:18
- W27 - Salvando usuário autenticado no banco de dados16:51
- W28 - Aplicando padrão DAO ao objeto User e criando Evento de dados alterados29:25
- W29 - Atualizando Dados do perfil do Usuário3:58
- W30 - Adicionando um contato no Whatsapp Clone8:55
- W31 - Listando os contatos12:04
- W32 - Evento de click em um contato5:21
- W33 - Classe Message11:28
- W34 - Class Chat - Criando uma conversa e usando função btoa() conversão base6425:20
- W35 - Enviando uma mensagem de texto8:03
- W36 - Lendo as mensagens de um chat em Tempo Real (Realtime)13:59
- W37 - Descendo o Scroll automaticamente se estiver encostado em baixo14:43
- W38 - Filtrando lista de contatos5:48
- W39 - Atualizando status de mensagem (wait, sent e read)25:05
- W40 - Enviando imagem da Galeria como anexo19:23
- W41 - Enviando foto como anexo18:31
- W42 - Enviando Documento como anexo30:34
- W43 - Enviando Contato como anexo14:29
- W44 - Enviar mensagem para contato anexado9:25
- W45 - Gravando e Enviando Audio como anexo23:48
- W46 - Atualizando dados do perfil de usuário7:17
- W47 - Atualizando última mensagem enviada manualmente4:57
- W48 - Firebase Cloud Functions9:27
- W49 - Criando função que atualiza a última mensagem enviada19:08
- W50 - Notificação desktop de novas mensagens15:55
Seção 61
09:15:0850 aulas
Projeto Restaurante Saboroso
- MY01 - Visão Geral do Projeto3:57
- MY02 - Criando a Estrutura do Projeto7:50
- MY03- Instalando e Configurando o MySQL9:51
- MY04 - Conectando o NodeJS com MySQL9:29
- MY05 - Exibindo dados do Banco de Dados com EJS Embedded JavaScript templates12:57
- MY06 - EJS Include8:50
- MY07 - Organizando o HEADER com Includes11:06
- MY08 - Organizando o FOOTER com Includes5:33
- MY09 - Organizando o Conteúdo com Includes14:39
- MY10 - Refatorando o HEADER e FOOTER reduzindo os Includes8:42
- MY11 - Efetuando Reserva com Método POST para o MySQL32:46
- MY12 - Enviando Contato com Método POST para o MySQL14:00
- MY13 - Criando Rotas para Administração7:45
- MY14 - Express Session com Redis15:09
- MY15 - Efetuando Login na Administração13:09
- MY16 - Criando um Middleware em nível de roteador para validar Sessão de Login14:27
- MY17 - Organizando a Administração em Includes7:16
- MY18 - Links do Menu10:29
- MY19 - Formatando Menu Ativo5:15
- MY20 - Exibindo dados do usuário autenticado5:46
- MY21 - Tela Inicial consultando dados no MySQL5:36
- MY22 - Administração do Menu - Consultando dados no MySQL6:29
- MY23 - Administração do Menu - Criando Novo Menu8:05
- MY24 - Administração do Menu - Enviando Novo Menu via POST13:16
- MY25 - Administração do Menu - Alterando dados do Menu9:19
- MY26 - Criando um Plugin para ler e exibir um arquivo de Imagem10:08
- MY27 - Criando Prototype para enviar formulário via Ajax8:12
- MY28 - Administração do Menu - Alterando dados via POST11:24
- MY29 - Administração do Menu - Excluindo dados9:29
- MY30 - Administração da reserva CREATE10:11
- MY31 - Administração da reserva READ3:48
- MY32 - Formatando datas com Moment.js e EJS4:54
- MY33 - Administração da reserva UPDATE5:10
- MY34 - Administração da reserva DELETE3:45
- MY35 - Criando componente Grid para tabela14:48
- MY36 - Trabalhando com eventos do componente9:10
- MY37 - Refatorando e criando método para botão DELETE5:53
- MY38 - Utilizando componente HcodeGrid na tela de Menus7:32
- MY39 - Administração dos usuários criando rotas6:05
- MY40 - Administração dos usuários criando telas7:06
- MY41 - Administração dos usuários alterando senha31:20
- MY42 - Administração dos contatos8:09
- MY43 - Administração dos e-mails recebidos17:03
- MY44 - Trabalhando com paginação de dados28:51
- MY45 - Trabalhando com paginação de dados navegando entre as páginas29:14
- MY46 - Trabalhando com paginação de dados, botões anterior e próxima4:24
- MY47 - Trabalhando com gráficos usando Chart.JS15:20
- MY48 - Obtendo dados do servidor e atualizando gráfico11:06
- MY49 - Trabalhando em tempo real com Socket.io, Instalando e configurando11:54
- MY50 - Trabalhando em tempo real com Socket.io, Emit e On18:31