Course Overview
JavaScript a Linguagem Top 1 em 2023. Você está pronto para aprender a fundo a Linguagem de Programação mais importante para o ambiente Web hoje em dia? Que tal aprender a criar projetos profissionais como o WhatsApp Clone, enviando mensagens em tempo real, ativando a câmera, tirando foto, acessando o microfone, gravando áudio e lendo arquivos PDF, tudo isso usando JavaScript? Ou será que chegou a hora de elevar o seu conhecimento em JavaScript para além de alert, console, Ajax e simples validações?
Qualquer que seja a sua motivação você está no lugar certo.
Este é o Curso Completo de JavaScript com 6 projetos reais!
Primeiro você aprenderá sobre a linguagem JavaScript desde o básico da estrutura, orientação a objetos e recursos avançados, depois como utilizá-la na prática construindo projetos reais passo a passo com dois especialistas em JavaScript que possuem mais de 10 anos de desenvolvimento Web e JavaScript.
Neste curso cobriremos mais de 38 horas de conteúdo em vídeo dos seguintes tópicos:
1) Estrutura da Linguagem JavaScript e como funciona os interpretadores JavaScript.
2) Objetos literais, arrays, Orientação a Objetos no JavaScript, JSON.
3) Trabalhe com códigos simples, e avançados, e o que existe de mais moderno no JavaScript como Firebase, aplicações em tempo real usando Socket e descobrindo boas práticas.
4) São 6 projetos que aplicarão o JavaScript na prática.
5) Um site completo com formulários e administração com autenticação e gráficos.
Ao final deste curso você estará apto a criar aplicações profissionais em JavaScript, levando suas aplicações web, sejam sites ou web apps a um nível profissional. Entenderá e se tornará um especialista Fullstack em JavaScript assim como o mercado tem procurado hoje em dia.
O acesso ao curso é vitalício e no final você ainda recebe o Certificado Digital de Conclusão com a Carga Horária do curso!
Te aguardo no curso!
FAQ
FAQ area empty
Course curriculum
-
C01 - Estruturando o Projeto
Xem trước -
C02 - Orientação a Objetos e MVC
-
C03 - Método Construtor e Encapsulamento
-
C04 - Manipulando o DOM
-
C05 - Data e Hora
-
C06 - querySelector
-
C07 - Adicionando Evento Click
-
C08 - Aplicando vários Eventos usando split()
-
C09 - Switch
-
C10 - Adicionando operações - isNaN e Array.length
-
C11 - Eval - Validando o primeiro operador e calculando resultado
-
C12 - For - Procurando o último número do Array
-
C13 - Botão Porcento
-
C14 - Clicando mais de uma vez no botão igual
-
C15 - Botão Ponto
-
C16 - Correções de Bugs com o Ponto
-
C17 - Eventos de Teclado
-
C18 - Ctrl + c e Ctrl + v
-
C19 - Trabalhando com Áudio
-
C20 - Definir o valor máximo
-
C21 - Tratar outros erros no eval() com Try Catch
-
C22 - Bonus
-
G1 - Script incorporado e arquivo externo
-
G2 - Manipulando o DOM
Xem trước -
G3 - Variáveis
-
G4 - Variáveis e Seletores
-
G5 - For Each
-
G6 - IF e ELSE
-
G7 - Trabalhando com Json
-
G8 - Trabalhando com Eventos no JavaScript
-
G9 - Trabalhando com Funções
-
G10 - Programação Orientada a Objetos - Classes e MVC
-
G11 - Programação Orientada a Objetos - MVC - Controller
-
G12 - O operador Spread ...
Xem trước -
G13 - Trabalhando com arquivos - File Reader
-
G14 - Trabalhando com Promise no JavaScript
-
G15 - Ajustando a View do Projeto - Operador Ternário
-
G16 - Trabalhando com Datas, Getters e Setters
-
G17 - Trabalhando com Métodos Estáticos
-
G18 - Validando Formulários
-
G19 - Atualizando Estatísticas - Usando dataset
-
G20 - Trabalhando com Edição de Dados - Editando a View
-
G21 - Trabalhando com Edição de Dados - Programando o Evento no Botão Editar.
-
G22 - Trabalhando com Edição de Dados - Utilizando o laço For In para objetos
-
G23 - Trabalhando com Edição de Dados - Editando valores com Radio e Checkbox.
-
G24 - Trabalhando com Edição de Dados - Alterando dados do Objeto.
-
G25 - Trabalhando com Edição de Dados - Editando a Imagem com FileReader
-
G26 - Excluindo Dados do Objeto
-
G27 - Armazenando dados na Sessão com sessionStorage
-
G28 - Armazenando Dados com localStorage
-
G29 - Refactoring - Otimizando o Template
-
G30 - Trabalhando com localStorage - Editando dados no localStorage
-
G31 - Trabalhando com localStorage - Correção com Object.assign
-
G32 - Trabalhando com localStorage - Excluindo dados no localStorage
-
N01 - Introdução ao NodeJS
Xem trước -
N02 - Instalando o NodeJS
-
N03 - Criando um Servidor Web com Node.JS
-
N04 - Detectando URL diferente
-
N05 - Entendendo o Package.Json e Instalando o Express
-
N06 - Nodemon e Criando o Servidor com Express
-
N07 - Separando Rotas do Arquivo Principal
-
N08 - Carregando Rotas com Consign
-
N09 - Recebendo dados via POST e instalando Postman
-
N10 - Persistência de dados com o NeDB (Banco de dados JavaScript)
-
N11 - Listando os usuários do banco NeDB
-
N12 - Refatorando Sistema e Otimizando o código
-
N13 - Obtendo dados de um usuário
-
N14 - Editando um usuário
-
N15 - Excluindo um usuário
-
N16 - Validando dados recebidos via Post
-
U01 - Criando novo projeto com Express Generator
-
U02 - Usando Restify para acessar API REST
-
U03 - Ajax com XMLHttpRequest
-
U04 - Adequando os dados salvos no servidor RESTful
-
U05 - Refatorando para uma classe HttpRequest
-
U06 - Consumindo Rotas, POST, PUT e DELETE com Restify
-
U07 - Usando Ajax com método POST e PUT
-
U08 - Usando Ajax com método DELETE
-
U09 - Alterando o limite de bytes enviados por POST
-
U10 - Refatorando para fetch API
-
D01 - Clone do HTML e CSS do projeto
-
D02 - Criando projeto com Express Generator
-
D03 - Criando Controller e Evento Click no botão Enviar Arquivos
-
D04 - Enviando arquivos usando Ajax e Promise.all()
-
D05 - Recebendo arquivos no Node.js com Formidable
-
D06 - Atualizando View com informações do progresso do Upload
-
D07 - Organizando templates de tipos de arquivos
-
D08 - Adicionar o Firebase a sua Aplicação Web
-
D09 - Gravando dados do Firebase Database
-
D10 - Listando dados do Firebase Database
-
D11 - Selecionando arquivos
-
D12 - Selecionando arquivos com CTRL ou SHIFT
-
D13 - Criando e disparando eventos
-
D14 - Menu de opções de acordo com arquivos selecionados
-
D15 - Renomeando arquivo
-
D16 - Excluindo arquivos
-
D17 - Nova Pasta
-
D18 - Navegando nas pastas ou abrindo arquivos
-
D19 - Criando rota para abrir arquivo
-
D20 - Refatorando para Firebase Storage - Upload
-
D21 - Excluindo arquivo do Firebase Storage
-
D22 - Excluindo Diretório Firebase
-
D23 - Abrindo o arquivo
-
W01 - Clonando layout HTML e CSS do Projeto
Xem trước -
W02 - Criando controle principal do App
-
W03 - Prototype
-
W04 - Eventos para abrir/fechar os painéis "Editar Perfil" e "Adicionar Contato"
-
W05 - Obtendo dados dos painéis e usando FormData
-
W06 - Clique no "Menu Anexar" - Usando bind() e removeEventListener()
-
W07 - Eventos no "Menu Anexar"
-
W08 - Eventos de gravação do microfone e timer de gravação
-
W09 - Função para formatar milissegundos em minuto e segundo
-
W10 - Eventos do campo "Digitar Mensagem"
-
W11 - Inserir Emoji - cloneNode(), dispatchEvent() e new Event()
-
W12 - Inserir Emoji getSelection(), createRange() e DocumentFragment()
-
W13 - Ativando a câmera com API MediaDevices.getUserMedia()
-
W14 - Criando um servidor Web com Webpack Dev Server
-
W15 - Arquivo de configuração do Webpack - webpack.config.js
-
W16 - Importando e Exportando módulos com Webpack
-
W17 - Parando de capturar imagem da câmera - getTracks()
-
W18 - Tirar fotografia da câmera com canvas
-
W19 - Enviando mensagens de documentos anexos
-
W20 - Lendo capa de arquivo PDF e gerando imagem com PDF.js
-
W21 - Ativando o microfone com API MediaDevices.getUserMedia()
-
W22 - Criando classe para eventos em objetos
-
W23 - Gravando áudio capturado pelo microfone com MediaRecorder
-
W24 - Criando evento para o visualizar o tempo de gravação
-
W25 - Configurando o Firebase no projeto
-
W26 - Firebase Authentication
-
W27 - Salvando usuário autenticado no banco de dados
-
W28 - Aplicando padrão DAO ao objeto User e criando Evento de dados alterados
-
W29 - Atualizando Dados do perfil do Usuário
-
W30 - Adicionando um contato no Whatsapp Clone
-
W31 - Listando os contatos
-
W32 - Evento de click em um contato
-
W33 - Classe Message
-
W34 - Class Chat - Criando uma conversa e usando função btoa() conversão base64
-
W35 - Enviando uma mensagem de texto.
-
W36 - Lendo as mensagens de um chat em Tempo Real (Realtime)
-
W37 - Descendo o Scroll automaticamente se estiver encostado em baixo.
-
W38 - Filtrando lista de contatos
-
W39 - Atualizando status de mensagem (wait, sent e read)
-
W40 - Enviando imagem da Galeria como anexo
-
W41 - Enviando foto como anexo
-
W42 - Enviando Documento como anexo
-
W43 - Enviando Contato como anexo
-
W44 - Enviar mensagem para contato anexado
-
W45 - Gravando e Enviando Audio como anexo
-
W46 - Atualizando dados do perfil de usuário
-
W47 - Atualizando última mensagem enviada manualmente
-
W48 - Firebase Cloud Functions
-
W49 - Criando função que atualiza a última mensagem enviada
-
W50 - Notificação desktop de novas mensagens
-
MY01 - Visão Geral do Projeto
Xem trước -
MY02 - Criando a Estrutura do Projeto
-
MY03 - Instalando e Configurando o MySQL
-
MY04 - Conectando o NodeJS com MySQL
-
MY05 - Exibindo dados do Banco de Dados com EJS Embedded JavaScript templates
-
MY06 - EJS Include
-
MY07 - Organizando o HEADER com Includes
-
MY08 - Organizando o FOOTER com Includes
-
MY09 - Organizando o Conteúdo com Includes
-
MY10 - Refatorando o HEADER e FOOTER reduzindo os Includes
-
MY11 - Efetuando Reserva com Método POST para o MySQL
-
MY12 - Enviando Contato com Método POST para o MySQL
-
MY13 - Criando Rotas para Administração
-
MY14 - Express Session com Redis
-
MY15 - Efetuando Login na Administração
-
MY16 - Criando um Middleware em nível de roteador para validar Sessão de Login
-
MY17 - Organizando a Administração em Includes
-
MY18 - Links do Menu
-
MY19 - Formatando Menu Ativo
-
MY20 - Exibindo dados do usuário autenticado
-
MY21 - Tela Inicial consultando dados no MySQL
-
MY22 - Administração do Menu - Consultando dados no MySQL
-
MY23 - Administração do Menu - Criando Novo Menu
-
MY24 - Administração do Menu - Enviando Novo Menu via POST
-
MY25 - Administração do Menu - Alterando dados do Menu
-
MY26 - Criando um Plugin para ler e exibir um arquivo de Imagem
-
MY27 - Criando Prototype para enviar formulário via Ajax
-
MY28 - Administração do Menu - Alterando dados via POST
-
MY29 - Administração do Menu - Excluindo dados
-
MY30 - Administração da reserva CREATE
-
MY31 - Administração da reserva READ
-
MY32 - Formatando datas com Moment.js e EJS
-
MY33 - Administração da reserva UPDATE
-
MY34 - Administração da reserva DELETE
-
MY35 - Criando componente Grid para tabela
-
MY36 - Trabalhando com eventos do componente
-
MY37 - Refatorando e criando método para botão DELETE
-
MY38 - Utilizando componente HcodeGrid na tela de Menus
-
MY39 - Administração dos usuários criando rotas
-
MY40 - Administração dos usuários criando telas
-
MY41 - Administração dos usuários alterando senha
Xem trước -
MY42 - Administração dos contatos
-
MY43 - Administração dos e-mails recebidos
-
MY44 - Trabalhando com paginação de dados
-
MY45 - Trabalhando com paginação de dados navegando entre as páginas
-
MY46 - Trabalhando com paginação de dados, botões anterior e próxima
-
MY47 - Trabalhando com gráficos usando Chart.JS
-
MY48 - Obtendo dados do servidor e atualizando gráfico
-
MY49 - Trabalhando em tempo real com Socket.io, Instalando e configurando
-
MY50 - Trabalhando em tempo real com Socket.io, Emit e On
Requirment
-
Você já deve estar familiarizado com a Internet.
-
Ter realizado o nosso Curso de HTML 5 COMPLETO e com Projetos Práticos para WEB, ou possuir conhecimentos em HTML5 e CSS3.
Outcomes
-
Aprenda JavaScript com dois especialistas no assunto. Em mais de 200 aulas você aprenderá do básico ao avançado como enriquecer o seu site ou aplicativo web
-
São mais de 38 horas de gravação em um Estúdio Profissional, com qualidade de áudio perfeita, animações e vídeos de apoio.
-
Aprenda a utilizar os recursos da versão ES6(ES2015) e ES7 (ES2016) do JavaScript, array e objetos, a construção de um WhatsAppe DropBox Firebase, SPA, REST API
-
Aprenderá a criar uma API escrita com JavaScript em NodeJS e consumida também com JavaScript.
-
Faremos upload de arquivos usando também JavaScript no Front-End e Back-End.
-
Aprenderá a desenvolver um site completo com administração usando o Express JS, Socket IO e Chart JS.
-
Você aprenderá desde o básico da linguagem JavaScript até o avançado e também aprenderá a pensar em JavaScript com o uso de técnicas recomendadas.
Instructor
Nguyễn Đình Cường
1.2
-
1 Student
-
330 Courses
-
1253 reviews
Xin chào các bạn, tôi là Nguyễn Đình Cường, một lập trình viên và giảng viên đam mê công nghệ với hơn 15 năm kinh nghiệm trong ngành công nghiệp phần mềm. Tôi tốt nghiệp từ Bưu Chính Viễn Thông và đã từng làm việc cho một số công ty công nghệ hàng đầu như FPT Software và VinGroup. Với chuyên môn chính là phát triển ứng dụng web, tôi đã làm việc với nhiều công nghệ như HTML, CSS, JavaScript, React cho front-end và Node.js, Express, MongoDB cho back-end. Không chỉ dừng lại ở việc viết mã, tôi còn yêu thích tìm hiểu sâu về thiết kế hệ thống và kiến trúc phần mềm. Tôi tin rằng quá trình học lập trình không chỉ đơn thuần là lý thuyết, mà còn là sự trải nghiệm thực tế và giải quyết vấn đề. Trong các khóa học của mình, tôi cố gắng cung cấp cho học viên những bài giảng thú vị và dễ hiểu, cùng với các bài tập thực hành giúp củng cố kiến thức. Tôi hy vọng rằng qua các khóa học của mình, bạn sẽ không chỉ học được cách viết mã, mà còn phát triển tư duy lập trình và kỹ năng giải quyết vấn đề. Hãy cùng nhau khám phá thế giới lập trình và biến ý tưởng của bạn thành hiện thực! Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại liên hệ với tôi. Tôi rất vui được hỗ trợ bạn trong hành trình học tập của mình!
View Details