Assine e desbloqueie acesso ilimitado na plataforma

Assinar agora
Backend

JavaScript

Aprenda JavaScript do zero ao avançado, crie um WhatsApp clone, Dropbox. Aprenda NodeJS, Express, Socket, Firebase.

Iniciantenível
38h 14mde conteúdo
8módulos
208aulas
Assinar e começarJá é assinante? Entrar

Sobre o curso

Aprenda JavaScript do zero ao avançado, crie um WhatsApp clone, Dropbox. Aprenda NodeJS, Express, Socket, Firebase.

O que você vai aprender

Habilidades trabalhadas ao longo das aulas.

  • JavaScript
  • Node.js
  • REST API
  • Express.js
  • Programação Orientada a Objetos
  • MongoDB

Áreas de conhecimento

37.965 XP distribuídos entre as áreas abaixo.

  • Backend40%
  • Frontend36%
  • Banco de Dados11%
  • Fundamentos10%

Conteúdo do curso

8 módulos · 208 aulas

Introdução ao JavaScript e Preparação do Ambiente

5 aulas · 105 min

  • Bem vindo ao Curso completo de JavaScript

    Vídeo

    14 min

  • Conheça a plataforma Udemy e Certificado

    Vídeo

    6 min

  • Configurando ambiente (Git, Visual Studio Code e Chrome Developer Tools)

    VídeoMaterial de apoio

    8 min

  • I01 - Introdução ao JavaScript - Básico I

    VídeoMaterial de apoio

    36 min

  • I02 - Introdução ao JavaScript - Básico II

    VídeoMaterial de apoio

    43 min

Projeto Calculadora com JavaScript

22 aulas · 233 min

  • C01 - Estruturando o Projeto

    VídeoMaterial de apoio

    8 min

  • C02 - Orientação a Objetos e MVC

    VídeoMaterial de apoio

    14 min

  • C03 - Método Construtor e Encapsulamento

    VídeoMaterial de apoio

    15 min

  • C04 - Manipulando o DOM

    VídeoMaterial de apoio

    15 min

  • C05 - Data e Hora

    VídeoMaterial de apoio

    20 min

  • C06 - querySelector

    VídeoMaterial de apoio

    7 min

  • C07 - Adicionando Evento Click

    VídeoMaterial de apoio

    9 min

  • C08 - Aplicando vários Eventos usando split()

    VídeoMaterial de apoio

    9 min

  • C09 - Switch

    VídeoMaterial de apoio

    16 min

  • C10 - Adicionando operações - isNaN e Array.length

    VídeoMaterial de apoio

    20 min

  • C11 - Eval - Validando o primeiro operador e calculando resultado

    VídeoMaterial de apoio

    16 min

  • C12 - For - Procurando o último número do Array

    VídeoMaterial de apoio

    8 min

  • C13 - Botão Porcento

    VídeoMaterial de apoio

    9 min

  • C14 - Clicando mais de uma vez no botão igual

    VídeoMaterial de apoio

    21 min

  • C15 - Botão Ponto

    VídeoMaterial de apoio

    9 min

  • C16 - Correções de Bugs com o Ponto

    VídeoMaterial de apoio

    4 min

  • C17 - Eventos de Teclado

    VídeoMaterial de apoio

    10 min

  • C18 - Ctrl + c e Ctrl + v

    VídeoMaterial de apoio

    9 min

  • C19 - Trabalhando com Áudio

    VídeoMaterial de apoio

    10 min

  • C20 - Definir o valor máximo

    VídeoMaterial de apoio

    4 min

  • C21 - Tratar outros erros no eval() com Try Catch

    Vídeo

    5 min

  • C22 - Bonus

    Vídeo

    4 min

Gerenciamento de Usuários

32 aulas · 362 min

  • G1 - Script incorporado e arquivo externo

    VídeoMaterial de apoio

    5 min

  • G2 - Manipulando o DOM

    VídeoMaterial de apoio

    9 min

  • G3 - Variáveis

    Vídeo

    11 min

  • G4 - Variáveis e Seletores

    VídeoMaterial de apoio

    12 min

  • G5 - For Each

    VídeoMaterial de apoio

    10 min

  • G6 - IF e ELSE

    VídeoMaterial de apoio

    9 min

  • G7 - Trabalhando com Json

    VídeoMaterial de apoio

    10 min

  • G8 - Trabalhando com Eventos no JavaScript

    VídeoMaterial de apoio

    12 min

  • G9 - Trabalhando com Funções

    VídeoMaterial de apoio

    12 min

  • G10 - Programação Orientada a Objetos - Classes e MVC

    VídeoMaterial de apoio

    17 min

  • G11 - Programação Orientada a Objetos - MVC - Controller

    VídeoMaterial de apoio

    24 min

  • G12 - O operador Spread ...

    VídeoMaterial de apoio

    6 min

  • G13 - Trabalhando com arquivos - File Reader

    VídeoMaterial de apoio

    12 min

  • G14 - Trabalhando com Promise no JavaScript

    VídeoMaterial de apoio

    10 min

  • G15 - Ajustando a View do Projeto - Operador Ternário

    VídeoMaterial de apoio

    9 min

  • G16 - Trabalhando com Datas, Getters e Setters

    VídeoMaterial de apoio

    31 min

  • G17 - Trabalhando com Métodos Estáticos

    Vídeo

    7 min

  • G18 - Validando Formulários

    VídeoMaterial de apoio

    15 min

  • G19 - Atualizando Estatísticas - Usando dataset

    Vídeo

    20 min

  • G20 - Trabalhando com Edição de Dados - Editando a View

    VídeoMaterial de apoio

    5 min

  • G21 - Trabalhando com Edição de Dados - Programando o Evento no Botão Editar

    Vídeo

    10 min

  • G22 - Trabalhando com Edição de Dados - Utilizando o laço For In para objetos

    VídeoMaterial de apoio

    9 min

  • G23 - Trabalhando com Edição de Dados - Editando valores com Radio e Checkbox.

    VídeoMaterial de apoio

    6 min

  • G24 - Trabalhando com Edição de Dados - Alterando dados do Objeto

    VídeoMaterial de apoio

    13 min

  • G25 - Trabalhando com Edição de Dados - Editando a Imagem com FileReader

    Vídeo

    16 min

  • G26 - Excluindo Dados do Objeto

    VídeoMaterial de apoio

    5 min

  • G27 - Armazenando dados na Sessão com sessionStorage

    VídeoMaterial de apoio

    17 min

  • G28 - Armazenando Dados com localStorage

    VídeoMaterial de apoio

    4 min

  • G29 - Refactoring - Otimizando o Template

    VídeoMaterial de apoio

    12 min

  • G30 - Trabalhando com localStorage - Editando dados no localStorage

    VídeoMaterial de apoio

    22 min

  • G31 - Trabalhando com localStorage - Correção com Object.assign

    VídeoMaterial de apoio

    4 min

  • G32 - Trabalhando com localStorage - Excluindo dados no localStorage

    VídeoMaterial de apoio

    17 min

NodeJS - JavaScript no Back-End (No Lado do Servidor)

16 aulas · 98 min

  • N01 - Introdução ao NodeJS

    Vídeo

    6 min

  • N02 - Instalando o NodeJS

    Vídeo

    5 min

  • N03 - Criando um Servidor Web com Node.JS

    VídeoMaterial de apoio

    6 min

  • N04 - Detectando URL diferente

    VídeoMaterial de apoio

    7 min

  • N05 - Entendendo o Package.Json e Instalando o Express

    VídeoMaterial de apoio

    8 min

  • N06 - Nodemon e Criando o Servidor com Express

    Vídeo

    7 min

  • N07 - Separando Rotas do Arquivo Principal

    VídeoMaterial de apoio

    11 min

  • N08 - Carregando Rotas com Consign

    VídeoMaterial de apoio

    7 min

  • N09 - Recebendo dados via POST e instalando Postman

    VídeoMaterial de apoio

    9 min

  • N10 - Persistência de dados com o NeDB (Banco de dados JavaScript)

    Vídeo

    7 min

  • N11 - Listando os usuários do banco NeDB

    VídeoMaterial de apoio

    4 min

  • N12 - Refatorando Sistema e Otimizando o código

    VídeoMaterial de apoio

    5 min

  • N13 - Obtendo dados de um usuário

    VídeoMaterial de apoio

    5 min

  • N14 - Editando um usuário

    VídeoMaterial de apoio

    5 min

  • N15 - Excluindo um usuário

    VídeoMaterial de apoio

    4 min

  • N16 - Validando dados recebidos via Post

    Vídeo

    9 min

Projeto - Gerenciamento de Usuários - RESTfull API com Restify

10 aulas · 77 min

  • U01 - Criando novo projeto com Express Generator

    VídeoMaterial de apoio

    22 min

  • U02 - Usando Restify para acessar API REST

    VídeoMaterial de apoio

    6 min

  • U03 - Ajax com XMLHttpRequest

    VídeoMaterial de apoio

    10 min

  • U04 - Adequando os dados salvos no servidor RESTful

    VídeoMaterial de apoio

    3 min

  • U05 - Refatorando para uma classe HttpRequest

    VídeoMaterial de apoio

    7 min

  • U06 - Consumindo Rotas, POST, PUT e DELETE com Restify

    VídeoMaterial de apoio

    5 min

  • U07 - Usando Ajax com método POST e PUT

    VídeoMaterial de apoio

    12 min

  • U08 - Usando Ajax com método DELETE

    VídeoMaterial de apoio

    4 min

  • U09 - Alterando o limite de bytes enviados por POST

    VídeoMaterial de apoio

    4 min

  • U10 - Refatorando para fetch API

    VídeoMaterial de apoio

    10 min

Projeto DropBox Clone

23 aulas · 224 min

  • D01 - Clone do HTML e CSS do projeto

    VídeoMaterial de apoio

    8 min

  • D02 - Criando projeto com Express Generator

    VídeoMaterial de apoio

    4 min

  • D03 - Criando Controller e Evento Click no botão Enviar Arquivos

    VídeoMaterial de apoio

    11 min

  • D04 - Enviando arquivos usando Ajax e Promise.all()

    VídeoMaterial de apoio

    9 min

  • D05 - Recebendo arquivos no Node.js com Formidable

    VídeoMaterial de apoio

    9 min

  • D06 - Atualizando View com informações do progresso do Upload

    VídeoMaterial de apoio

    25 min

  • D07 - Organizando templates de tipos de arquivos

    VídeoMaterial de apoio

    8 min

  • D08 - Adicionar o Firebase a sua Aplicação Web

    VídeoMaterial de apoio

    7 min

  • D09 - Gravando dados do Firebase Database

    VídeoMaterial de apoio

    12 min

  • D10 - Listando dados do Firebase Database

    Vídeo

    11 min

  • D11 - Selecionando arquivos

    VídeoMaterial de apoio

    4 min

  • D12 - Selecionando arquivos com CTRL ou SHIFT

    VídeoMaterial de apoio

    14 min

  • D13 - Criando e disparando eventos

    VídeoMaterial de apoio

    5 min

  • D14 - Menu de opções de acordo com arquivos selecionados

    VídeoMaterial de apoio

    7 min

  • D15 - Renomeando arquivo

    VídeoMaterial de apoio

    6 min

  • D16 - Excluindo arquivos

    VídeoMaterial de apoio

    23 min

  • D17 - Nova Pasta

    VídeoMaterial de apoio

    5 min

  • D18 - Navegando nas pastas ou abrindo arquivos

    VídeoMaterial de apoio

    25 min

  • D19 - Criando rota para abrir arquivo

    VídeoMaterial de apoio

    6 min

  • D20 - Refatorando para Firebase Storage - Upload

    VídeoMaterial de apoio

    18 min

  • D21 - Excluindo arquivo do Firebase Storage

    VídeoMaterial de apoio

    4 min

  • D22 - Excluindo Diretório Firebase

    VídeoMaterial de apoio

    13 min

  • D23 - Abrindo o arquivo

    VídeoMaterial de apoio

    2 min

Projeto WhatsApp Clone

50 aulas · 639 min

  • W01 - Clonando layout HTML e CSS do Projeto

    VídeoMaterial de apoio

    5 min

  • W02 - Criando controle principal do App

    VídeoMaterial de apoio

    13 min

  • W03 - Prototype

    Vídeo

    15 min

  • W04 - Eventos para abrir/fechar os painéis "Editar Perfil" e "Adicionar Contato"

    Vídeo

    10 min

  • W05 - Obtendo dados dos painéis e usando FormData

    Vídeo

    14 min

  • W06 - Clique no "Menu Anexar" - Usando bind() e removeEventListener()

    Vídeo

    14 min

  • W07 - Eventos no "Menu Anexar"

    Vídeo

    12 min

  • W08 - Eventos de gravação do microfone e timer de gravação

    Vídeo

    8 min

  • W09 - Função para formatar milissegundos em minuto e segundo

    Vídeo

    4 min

  • W10 - Eventos do campo "Digitar Mensagem"

    Vídeo

    9 min

  • W11 - Inserir Emoji - cloneNode(), dispatchEvent() e new Event()

    Vídeo

    6 min

  • W12 - Inserir Emoji getSelection(), createRange() e DocumentFragment()

    Vídeo

    10 min

  • W13 - Ativando a câmera com API MediaDevices.getUserMedia()

    Vídeo

    9 min

  • W14 - Criando um servidor Web com Webpack Dev Server

    VídeoMaterial de apoio

    9 min

  • W15 - Arquivo de configuração do Webpack - webpack.config.js

    Vídeo

    9 min

  • W16 - Importando e Exportando módulos com Webpack

    Vídeo

    6 min

  • W17 - Parando de capturar imagem da câmera - getTracks()

    Vídeo

    5 min

  • W18 - Tirar fotografia da câmera com canvas

    Vídeo

    15 min

  • W19 - Enviando mensagens de documentos anexos

    Vídeo

    21 min

  • W20 - Lendo capa de arquivo PDF e gerando imagem com PDF.js

    Vídeo

    28 min

  • W21 - Ativando o microfone com API MediaDevices.getUserMedia()

    Vídeo

    7 min

  • W22 - Criando classe para eventos em objetos

    Vídeo

    13 min

  • W23 - Gravando áudio capturado pelo microfone com MediaRecorder

    Vídeo

    22 min

  • W24 - Criando evento para o visualizar o tempo de gravação

    Vídeo

    6 min

  • W25 - Configurando o Firebase no projeto

    VídeoMaterial de apoio

    11 min

  • W26 - Firebase Authentication

    Vídeo

    15 min

  • W27 - Salvando usuário autenticado no banco de dados

    Vídeo

    17 min

  • W28 - Aplicando padrão DAO ao objeto User e criando Evento de dados alterados

    Vídeo

    30 min

  • W29 - Atualizando Dados do perfil do Usuário

    Vídeo

    4 min

  • W30 - Adicionando um contato no Whatsapp Clone

    Vídeo

    9 min

  • W31 - Listando os contatos

    Vídeo

    13 min

  • W32 - Evento de click em um contato

    Vídeo

    6 min

  • W33 - Classe Message

    Vídeo

    12 min

  • W34 - Class Chat - Criando uma conversa e usando função btoa() conversão base64

    Vídeo

    26 min

  • W35 - Enviando uma mensagem de texto

    Vídeo

    9 min

  • W36 - Lendo as mensagens de um chat em Tempo Real (Realtime)

    Vídeo

    14 min

  • W37 - Descendo o Scroll automaticamente se estiver encostado em baixo

    Vídeo

    15 min

  • W38 - Filtrando lista de contatos

    Vídeo

    6 min

  • W39 - Atualizando status de mensagem (wait, sent e read)

    Vídeo

    26 min

  • W40 - Enviando imagem da Galeria como anexo

    Vídeo

    20 min

  • W41 - Enviando foto como anexo

    Vídeo

    19 min

  • W42 - Enviando Documento como anexo

    Vídeo

    31 min

  • W43 - Enviando Contato como anexo

    Vídeo

    15 min

  • W44 - Enviar mensagem para contato anexado

    Vídeo

    10 min

  • W45 - Gravando e Enviando Audio como anexo

    Vídeo

    24 min

  • W46 - Atualizando dados do perfil de usuário

    Vídeo

    8 min

  • W47 - Atualizando última mensagem enviada manualmente

    Vídeo

    5 min

  • W48 - Firebase Cloud Functions

    Vídeo

    10 min

  • W49 - Criando função que atualiza a última mensagem enviada

    VídeoMaterial de apoio

    20 min

  • W50 - Notificação desktop de novas mensagens

    Vídeo

    16 min

Projeto Restaurante Saboroso

50 aulas · 556 min

  • MY01 - Visão Geral do Projeto

    VídeoMaterial de apoio

    4 min

  • MY02 - Criando a Estrutura do Projeto

    VídeoMaterial de apoio

    8 min

  • MY03- Instalando e Configurando o MySQL

    VídeoMaterial de apoio

    10 min

  • MY04 - Conectando o NodeJS com MySQL

    Vídeo

    10 min

  • MY05 - Exibindo dados do Banco de Dados com EJS Embedded JavaScript templates

    Vídeo

    13 min

  • MY06 - EJS Include

    Vídeo

    9 min

  • MY07 - Organizando o HEADER com Includes

    Vídeo

    12 min

  • MY08 - Organizando o FOOTER com Includes

    Vídeo

    6 min

  • MY09 - Organizando o Conteúdo com Includes

    Vídeo

    15 min

  • MY10 - Refatorando o HEADER e FOOTER reduzindo os Includes

    Vídeo

    9 min

  • MY11 - Efetuando Reserva com Método POST para o MySQL

    Vídeo

    33 min

  • MY12 - Enviando Contato com Método POST para o MySQL

    Vídeo

    14 min

  • MY13 - Criando Rotas para Administração

    Vídeo

    8 min

  • MY14 - Express Session com Redis

    VídeoMaterial de apoio

    16 min

  • MY15 - Efetuando Login na Administração

    Vídeo

    14 min

  • MY16 - Criando um Middleware em nível de roteador para validar Sessão de Login

    Vídeo

    15 min

  • MY17 - Organizando a Administração em Includes

    Vídeo

    8 min

  • MY18 - Links do Menu

    Vídeo

    11 min

  • MY19 - Formatando Menu Ativo

    Vídeo

    6 min

  • MY20 - Exibindo dados do usuário autenticado

    Vídeo

    6 min

  • MY21 - Tela Inicial consultando dados no MySQL

    VídeoMaterial de apoio

    6 min

  • MY22 - Administração do Menu - Consultando dados no MySQL

    Vídeo

    7 min

  • MY23 - Administração do Menu - Criando Novo Menu

    Vídeo

    9 min

  • MY24 - Administração do Menu - Enviando Novo Menu via POST

    Vídeo

    14 min

  • MY25 - Administração do Menu - Alterando dados do Menu

    Vídeo

    10 min

  • MY26 - Criando um Plugin para ler e exibir um arquivo de Imagem

    Vídeo

    11 min

  • MY27 - Criando Prototype para enviar formulário via Ajax

    Vídeo

    9 min

  • MY28 - Administração do Menu - Alterando dados via POST

    Vídeo

    12 min

  • MY29 - Administração do Menu - Excluindo dados

    Vídeo

    10 min

  • MY30 - Administração da reserva CREATE

    Vídeo

    11 min

  • MY31 - Administração da reserva READ

    Vídeo

    4 min

  • MY32 - Formatando datas com Moment.js e EJS

    Vídeo

    5 min

  • MY33 - Administração da reserva UPDATE

    Vídeo

    6 min

  • MY34 - Administração da reserva DELETE

    Vídeo

    4 min

  • MY35 - Criando componente Grid para tabela

    Vídeo

    15 min

  • MY36 - Trabalhando com eventos do componente

    Vídeo

    10 min

  • MY37 - Refatorando e criando método para botão DELETE

    Vídeo

    6 min

  • MY38 - Utilizando componente HcodeGrid na tela de Menus

    Vídeo

    8 min

  • MY39 - Administração dos usuários criando rotas

    Vídeo

    7 min

  • MY40 - Administração dos usuários criando telas

    Vídeo

    8 min

  • MY41 - Administração dos usuários alterando senha

    Vídeo

    32 min

  • MY42 - Administração dos contatos

    Vídeo

    9 min

  • MY43 - Administração dos e-mails recebidos

    Vídeo

    18 min

  • MY44 - Trabalhando com paginação de dados

    VídeoMaterial de apoio

    29 min

  • MY45 - Trabalhando com paginação de dados navegando entre as páginas

    Vídeo

    30 min

  • MY46 - Trabalhando com paginação de dados, botões anterior e próxima

    Vídeo

    5 min

  • MY47 - Trabalhando com gráficos usando Chart.JS

    Vídeo

    16 min

  • MY48 - Obtendo dados do servidor e atualizando gráfico

    Vídeo

    12 min

  • MY49 - Trabalhando em tempo real com Socket.io, Instalando e configurando

    Vídeo

    12 min

  • MY50 - Trabalhando em tempo real com Socket.io, Emit e On

    Vídeo

    19 min

Assine a Hcode Class e comece hoje

Uma assinatura, acesso ilimitado a este e a todos os outros cursos da plataforma — com trilhas, provas e certificados.

Assinar e começarJá é assinante? Entrar