Sobre o instrutor:
Desenvolvedor Full Stack
Sobre o curso
JavaScript é uma das linguagens mais utilizadas atualmente, tanto para o front-end quanto para o back-end, neste curso você vai aprender desde os conceitos mais básicos da linguagem até o que há de mais avançado.
Isso com base em mais de 40 exercícios práticos e 3 projetos (tanto com JavaScript puro e para web, como também para web com Node, Express, Sequelize, Handlebars e etc…). É importante citar também que o curso tem mais de 23 horas de muito aprendizado para você.
O curso tem uma didática que mescla teoria com prática, para entender tudo que acontece nos bastidores no JavaScript e ainda exercícios práticos para colocarmos a mão na massa com situações reais de programação que acontecem no dia a dia de um programador.
Alguns dos tópicos do curso são:
- Tipos de dados e operadores lógicos;
- Estruturas de programação;
- Funções;
- Arrays e Objetos;
- Orientação a Objetos;
- Tratamento de erros e debug;
- Expressões regulares;
- Programação assíncrona;
- JavaScript no navegador;
- Eventos com JavaScript;
- Node (c/ Express, Sequelize);
E é claro: muitos projetos, que agregam toda a teoria aprendida na prática de projetos que simulam aplicações reais.
Utilizaremos Node.js com Express no back-end, para criar projetos modernos, com código robustos e completos.
Este é o último curso de JavaScript que você vai precisar, todos os pontos da linguagens serão abordados e ainda o curso terá atualizações constantes para adicionar mais projetos para você praticar, ou seja, você sai deste curso pronto para programar JS da forma que precisar: seja front-end ou back-end.
Neste curso você aprenderá:
-
JavaScript do básico ao avançado
-
Lógica de programação com base em JS
-
Orientação a objetos no JavaScript
-
Estruturas de condição, repetição e funções
-
Programar web com Node (Express/Sequelize/Handlebars/Body Parser)
-
Programação de eventos e DOM com JS
-
Criar aplicações web completas
-
Expressão regular com JavaScript
Se interessou? Este curso contém:
-
23h de duração
-
363 videoaulas
-
179 exercícios
-
Prova Final
-
Certificado válido em todo território brasileiro
Como conseguir seu certificado
A avaliação de aprendizagem acontece ao final último módulo. Você deverá acertar a porcentagem mínima de 60% para conseguir seu certificado, que estará disponível para download assim que a aprovação for verificada pelo nosso sistema.
Introdução
- Apresentação do Curso
- Introdução
- O Que é JavaScript?
- O Que é JavaScript?
- Exercício
- Onde o JavaScript é Utilizado?
- Exercício
- Fazendo Download do VSCode (Editor de Texto Utilizado no Curso)
- Como Executar JS no Navegador por Arquivo
- Exercício
- Maneira Alterativa de Executar JS
- Como Pesquisar Problemas/Dúvidas de Código no Stackoverflow
- Como Pesquisar Problemas/Dúvidas de Código no Google
- Minha Sugestão Para Você Acompanhar o Curso
- Arquivos Para Download do Curso
- Slides do Curso
Tipos de Dados e Operadores Lógicos
- Introdução do Módulo
- O Que São Tipos de Dados?
- Exercício
- Tipos de Dados: Number
- Exercício
- Conhecendo os Special Numbers
- Exercício
- Tipos de Dados: String
- Exercício
- Tipos de Dados: String
- Exercício
- Mais Sobre Strings
- Exercício
- Tipos de Dados: Boolean
- Exercício
- Comparações com Booleans
- Exercício
- Operadores Lógicos: Teoria
- Exercício
- Operadores Lógicos: Prática
- Exercício
- Operador Ternário
- Conhecendo os Empty Values
- Exercício
- Conversão Automática de Valor
- Exercício
- Conclusão do Módulo
Exercícios Sobre Tipos de Dados
- Introdução do Módulo
- Exercício 01: Explicação
- Exercício 01: Solução
- Exercício
- Exercício 02: Explicação
- Exercício 02: Solução
- Exercício 03: Explicação
- Exercício 03: Solução
- Exercício
- Exercício 04: Explicação
- Exercício 04: Solução
- Exercício 05: Explicação
- Exercício 05: Solução
- Exercício
- Conclusão do Módulo
Estruturas de Programação
- Introdução do Módulo
- O Que é um Software?
- Exercício
- O Que São Variáveis?
- Exercício
- Outras Forma de Declarar Variáveis
- Exercício
- Convenção no Nome de Variáveis
- Exercício
- Palavras Reservadas da Linguagem JavaScript
- Exercício
- O Ambiente do JavaScript
- Exercício
- As Estruturas das Funções
- Exercício
- Função built in: prompt
- Exercício
- Função built in: alert
- Exercício
- Função built in: Math
- Exercício
- Função built in: console.log
- Exercício
- O Que São Estruturas de Controle?
- Exercício
- Estrutura de Controle: if
- Exercício
- O Que São Estruturas de Repetição?
- Exercício
- Estrutura de Repetição: while
- Exercício
- Estrutura de Repetição: do while
- Exercício
- Estrutura de Repetição: for
- Exercício
- O Que é Identação?
- Exercício
- Utilizando Break
- Exercício
- Utilizando Continue
- Exercício
- Incrementação Resumida
- Exercício
- Estrutura de Controle: switch
- Exercício
- Um Pouco Mais Sobre Declaração de Variáveis
- Exercício
- Como Escrever Comentários
- Exercício
- Conclusão do Módulo
Exercícios Sobre Estrutura de Programação
- Introdução do Módulo
- Exercício 06: Explicação
- Exercício 06: Solução
- Exercício
- Exercício 07: Explicação
- Exercício 07: Solução
- Exercício
- Exercício 08: Explicação
- Exercício 08: Solução
- Exercício
- Exercício 09: Explicação
- Exercício 09: Solução
- Exercício
- Exercício 10: Explicação
- Exercício 10: Solução
- Exercício
- Exercício 11: Explicação
- Exercício 11: Solução
- Exercício
- Exercício 12: Explicação
- Exercício 12: Solução
- Exercício 13: Explicação
- Exercício 13: Solução
- Exercício
- Exercício 14: Explicação
- Exercício 14: Solução
- Exercício
- Exercício 15: Explicação
- Exercício 15: Solução
- Conclusão do Módulo
Funções
- Introdução do Módulo
- O Que São Funções?
- Exercício
- Definindo Uma Função: Teoria
- Definindo Uma Função: Prática
- Exercícios
- Mais Sobre Funções
- Exercício
- O Escopo das Funções
- Exercício
- Mais Sobre Escopo
- Exercício
- Escopo Aninhado
- Exercício
- Arrow Functions
- Exercício
- Mais Sobre Arrow Functions
- Exercício
- Argumentos Opcionais
- Exercício
- Argumentos com Valor Default
- Exercício
- Closure
- Recursion
- Conclusão do Módulo
Exercícios Sobre Arrays e Objetos
- Introdução do Módulo
- Exercício 26: Explicação
- Exercício 26: Solução
- Exercício
- Exercício 27: Explicação
- Exercício 27: Solução
- Exercícios
- Exercício 28: Explicação
- Exercício 28: Solução
- Exercício
- Exercício 29: Explicação
- Exercício 29: Solução
- Exercício
- Exercício 30: Explicação
- Exercício 30: Solução
- Exercício 31: Explicação
- Exercício 31: Solução
- Exercício 32: Solução
- Exercício 32: Explicação
- Exercício 33: Explicação
- Exercício 33: Solução
- Exercício 34: Solução
- Exercício 34: Explicação
- Exercício 35: Solução
- Exercício 35: Explicação
- Conclusão do Módulo
Conceitos de Orientação a Objetos
- Introdução do Módulo
- O Que é Orientação a Objetos
- Exercício
- Aprofundando em Métodos
- Exercício
- Um Pouco Mais Sobre Métodos
- Exercício
- Prototypes
- Exercício
- Avançando em Prototypes
- Exercício
- Classes
- Exercício
- Instanciando Classes Por Função
- Exercício
- Instanciando Classes Por New
- Exercício
- Métodos no Prototype
- Exercício
- Métodos e Propriedades em Uma Class
- Symbol
- Getters e Setters
- Herança
- Operador Instanceof
- Conclusão do Módulo
Exercícios Sobre Orientação a Objetos
- Introdução do Módulo
- Exercício 36: Explicação
- Exercício 36: Solução
- Exercício
- Exercício 37: Explicação
- Exercício 37: Solução
- Exercício
- Exercício 38: Explicação
- Exercício 38: Solução
- Exercício
- Exercício 39: Solução
- Exercício 39: Explicação
- Exercício 40: Explicação
- Exercício 40: Solução
- Conclusão do Módulo
Bugs e Erros no JavaScript
- Introdução do Módulo
- O Que é Bug e Debug?
- Exercícios
- Strict Mode
- Exercício
- Forma de Debug: console.log
- Exercício
- Forma de Debug: debugger
- Exercício
- Tratamento de Input Por Função
- Exercício
- Exception
- Try e Catch
- Finally
- Assertion
- Conclusão do Módulo
Expressões Regulares
- Introdução do Módulo
- O Que São Expressões Regulares
- Exercício
- Como Criar Uma Expressão Regular
- Exercício
- Como Criar Uma Expressão Regular
- Exercício
- Testando Uma Expressão Regular
- Exercício
- Conjuntos
- Exercício
- Caracteres Especiais
- Exercício
- Caracteres Especiais na Prática
- Operador Not !
- Operador Plus +
- Operador Question ?
- Operador de Precisão
- Método Exec
- Método Match
- Choice Pattern
- Regex na Prática: Validando Domínios
- Regex na Prática: Validando E-mail
- Regex na Prática: Validando Data de Nascimento
- Conclusão do Módulo
Exercícios Sobre Expressões Regulares
- Introdução do Módulo
- Exercício
- Exercício 41: Explicação
- Exercício 41: Solução
- Exercício
- Exercício 42: Explicação
- Exercício 42: Solução
- Exercício
- Exercício 43: Explicação
- Exercício 43: Solução
- Exercício 44: Solução
- Exercício 44: Explicação
- Exercício 45: Solução
- Exercício 45: Explicação
- Conclusão do Módulo
Programação Assíncrona com JavaScript
- Introdução do Módulo
- O Que é Programação Assíncrona?
- Exercício
- Utilizando Callbacks
- Exercício
- Apreendendo a Utilizar Promises
- Exercício
- Falha nas Promises
- Exercício
- Rejeitando Promises
- Exercício
- Resolvendo Várias Promises
- Exercício
- Funções Assíncronas
- Exercício
- Utilizando Await
- Exercício
- Generators
- Exercício
- Conclusão do Módulo
JavaScript e o Navegador
- Introdução do Módulo
- Entendendo Protocolos
- Exercício
- O Que é Uma URL?
- Exercício
- Entendendo o HTML
- Exercício
- O HTML e o JavaScript
- Exercício
- O HTML e o DOM
- Exercício
- Entendendo o DOM
- Exercício
- A Árvore do DOM
- Exercício
- Acessando Elementos/Tags
- Exercício
- Encontrando Elementos Teoria
- Exercício
- Encontrando Elementos Pela Tag
- Exercício
- Encontrando Elementos Por id
- Exercício
- Encontrando Elementos Pela Classe
- Exercício
- Encontrando Elementos Por Query
- Alterando
- Inserindo Elementos com InsertBefore
- Inserindo Elementos com AppendChild
- Trocando Elementos com ReplaceChild
- Inserindo Texto nos Elementos
- Criando Elementos
- Manipulando Atributos de Elementos
- Largura e Altura dos Elementos
- Posições dos Elementos
- Alterando CSS com JS
- Selecionando Vários Elementos com query
- Conclusão do Módulo
Eventos com JavaScript
- Introdução do Módulo
- O Que São Eventos?
- Exercício
- Criando um Evento
- Exercício
- Removendo Eventos
- Exercício
- Objeto dos Eventos
- Exercício
- Entendendo Propagation
- Exercício
- Prevent default
- Exercício
- Eventos por Tecla
- Exercício
- Mais Sobre Eventos do Mouse
- Exercício
- Movimentos do Mouse
- Exercício
- Eventos de Scroll
- Eventos de Foco
- Eventos de Page Load
- Debounce
- Conclusão do Módulo
Projeto 1: Jogo da Velha (HTML, CSS, DOM e Eventos)
- Introdução do Projeto
- Estruturando o Projeto
- Exercício
- Criando o HTML
- Exercício
- Finalizando o CSS
- Exercício
- Criando a Lógica do Jogo
- Exercício
- Lógica da Condição de Vitória
- Exercício
- Declarando Quem Foi o Vencedor
- Fazendo a IA Jogar
- Conclusão do Projeto
Aprendendo Node.js
- Introdução do Módulo
- O Que é Node?
- Exercício
- Instalando o Node
- Exercício
- Testando o Node
- Exercício
- O Comando Node
- Exercício
- O Que é npm?
- Exercício
- Criando um Projeto
- Exercício
- Lendo Arquivos com Node
- Exercício
- Escrevendo em Arquivos com Node
- Exercício
- Criando a Primeira Aplicação
- O Que é API?
- Exercício
- REST e RESTful
- Os Verbos HTTP
- O Que é Express?
- Instalando o Express
- O Que São Rotas?
- Criando a Primeira Aplicação com Express
- Exercício
- Instalando o Postman
- Testando Nossa API Com o Postman
- Conclusão do Módulo
Projeto com Node, Express, Sequelize: Job Finder
- Introdução do Projeto
- Criando o Projeto e Instalando Dependências
- Exercício
- Iniciando o App com o Express
- Exercício
- Conectando ao Banco de Dados
- Exercício
- Criando a Tabela
- Exercício
- Criando o Model
- Exercício
- Criando a Rota Para Adicionar Registros
- Exercício
- Inserindo Dados no Banco via Postman
- Exercício
- Criando Layout da Home
- Finalizando o Layout da Home
- CSS da Home
- HTML da Página de Adicionar Jobs
- CSS da Página de Adicionar Jobs
- Instalando o Handlebars
- Criando View com Handlebars
- Resgatando Dados do Banco e Colocando na View
- Fazendo a Lógica da Busca
- Adicionando Dados ao Banco Via Form
- Criando View da Job Individual
- CSS da View da Job
- Deixando o Layout o Responsivo
- Conclusão do Projeto
Projeto 3: Quizz com Vanilla JS (Manipulação e Eventos de DOM)
- Apresentação do Projeto
- Arquivos Para Download
- Estrutura Base do Projeto
- Exercício
- HTML do Projeto
- Exercício
- CSS da Tela de Pontuação
- Exercício
- Finalizando CSS do Projeto
- Iniciando a Lógica do Quiz
- Exercício
- Exibindo as Alternativas na Tela
- Exercício
- Exibindo as Alternativas na Tela
- Exercício
- Avançando Questões do Quiz
- Exercício
- Exibindo Pontuação do Usuário
- Exercício
- Conclusão do Projeto
