content.md

Conteúdo do CJRM

Etapa 00 - Boas vindas

• A Aula mais importante do CJRM
• Seu acesso ao grupo exclusivo só para os alunos do CJRM 🔥
• Semana do JavaScript: Aula 1
• Semana do JavaScript: Aula 2
• Semana do JavaScript: Aula 3

Etapa 01 - Os primeiros passos

• Configurando o ambiente - Aula 01-01
• Adicionando o JavaScript a uma página web - Aula 01-02
• O console do browser - Aula 01-03
• Constantes, variáveis e comentários - Aula 01-04
• Exercícios da Aula 01
• Correção dos exercícios da aula 01 - Aula 02-01
• Um overview sobre tipos de dados - Aula 02-02
• Strings - Aula 02-03
• Métodos comuns de strings - Aula 02-04
• Numbers - Aula 02-05
• Template strings - Aula 02-06
• Exercícios da Aula 02 - Como baixá-los
• Correção dos exercícios da aula 02 - Aula 03-01
• Arrays - Aula 03-02
• Null e undefined - Aula 03-03
• Exercícios da Aula 03
• Correção dos exercícios da aula 03 - Aula 04-01
• Booleans e comparações - Aula 04-02
• Comparações com igualdade estrita - Aula 04-03
• Conversão de tipos e 3 avisos - Aula 04-04

Etapa 02 - Controle de fluxo

• Correção dos exercícios da aula 04 da etapa 01 - Aula 01-01
• O que é controle de fluxo - Aula 01-02
• For loop - Aula 01-03
• While loop e exercicios - Aula 01-04
• Correção dos exercícios da aula 01 - Aula 02-01
• A condicional if - Aula 02-02
• Else e else if statements - Aula 02-03
• Operadores lógicos && e || - Aula 02-04
• Observação sobre o último exercício do próximo vídeo
• Correção dos exercícios da aula 02 - Aula 03-01
• O operador lógico not (!) - Aula 03-02
• Break e continue - Aula 03-03
• A condicional switch e exercícios - Aula 03-04

Etapa 03 - Funções e Métodos

• Correção dos exercícios da aula 03 da etapa 02 - Aula 01-01
• O que são funções - Aula 01-02
• Function declaration, function expression e hoisting - Aula 01-03
• Argumentos, parâmetros e default parameters - Aula 01-04
• Retornando valores e exercícios - Aula 01-05
• Correção dos exercícios da aula 01 - Aula 02-01
• Arrow functions - Aula 02-02
• Funções vs Métodos - Aula 02-03
• O método forEach e callbacks - Aula 02-04
• Utilizando callbacks e exercícios - Aula 02-05

Etapa 04 - Objetos

• Correção dos exercícios da aula 02 da etapa 03 - Aula 01-01
• O que são objetos - Aula 01-02
• Criando um objeto literal - Aula 01-03
• Adicionando métodos - Aula 01-04
• Sobre os exercícios desta aula
• Correção dos exercícios da aula 01 - Aula 02-01
• Variáveis e escopo de bloco - Aula 02-02
• A palavra-chave this - Aula 02-03
• Correção dos exercícios da aula 02 - Aula 03-01
• Objetos em arrays - Aula 03-02
• O objeto Math - Aula 03-03
• Tipos de refêrencia vs Tipos primitivos - Aula 03-04

Etapa 05 - O Document Object Model - DOM

• Correção dos exercícios da aula 03 da etapa 04 - Aula 01-01
• Observações sobre as duas próximas aulas - Aula 01-02
• 3 escopos em JavaScript que você deve conhecer - Aula 01-03
• MDN - Mozilla Developer Network - Aula 01-04
• Interagindo com o browser - Aula 01-05
• O que é o DOM - Document Object Model - Aula 01-06
• Query selector & query selector all - Aula 01-07
• Outras maneiras de fazer queries no DOM - Aula 01-08
• Correção dos exercícios da aula passada - Aula 02-01
• Adicionando e modificando conteúdo em uma página - Aula 02-02
• Obtendo e setando atributos - Aula 02-03
• Modificando estilos CSS (inline) - Aula 02-04
• Obtendo, adicionando, removendo e alternando classes CSS - Aula 02-05
• Correção dos exercícios da aula 02 da etapa 05 - Aula 03-01
• Parents, children e siblings - Aula 03-02
• Eventos de clique - Aula 03-03
• Criando e removendo elementos do DOM - Aula 03-04
• Correção dos exercícios da aula passada + destructuring em parâmetros de funções - Aula 04-01
• Event bubbling e event delegation - Aula 04-02
• Mais eventos do DOM - Aula 04-03
• Desenvolvendo um popup - Aula 04-04

Etapa 06 - Eventos em formulários

• Correção dos exercícios da aula 04 da etapa 05 - Aula 01-01
• Eventos em formulários - Aula 01-02
• O evento submit - Aula 01-03
• Expressões regulares - Aula 01-04
• Testando padrões de regex - Aula 01-05
• Correção dos exercícios da aula passada - Aula 02-01
• Validação básica de formulários - Aula 02-02
• Eventos do teclado - Aula 02-03
• Exercícios da aula 02
• Pesquisa da aula 02

Etapa 07 - Aplicação: Quiz

• Correção dos exercícios da aula 02 da etapa 06 - Aula 01-01
• Uma introdução ao Bootstrap - Aula 01-02
• Template HTML e checando as respostas - Aula 01-03
• Exercícios da aula 01
• Pesquisa da aula 01
• Exibindo a pontuação - Aula 02-01
• setTimeout() e o objeto window - Aula 02-02
• setInterval() e animação da pontuação - Aula 02-03
• Exercícios da aula 02
• Pesquisa da aula 02

Etapa 08 - Métodos de array

• Correção dos exercícios da aula 02 da etapa 07 - Aula 01-01
• O método map - Aula 01-02
• O método filter - Aula 01-03
• O método reduce - Aula 01-04
• Exercícios da aula 01
• Pesquisa da aula 01
• Correção dos exercícios da aula 01 da etapa 08 - Aula 02-01
• O método sort - Aula 02-02
• Encadeando métodos - Aula 02-03
• Exercícios da aula 02
• Pesquisa da aula 02

Etapa 09 - Aplicação: To-do list

• Correção dos exercícios da aula 02 da etapa 08 - Aula 01-01
• Correção dos exercícios da aula 02 da etapa 08 - Aula 01-02
• Adicionando to-dos - Aula 01-03
• Exercícios da aula 01
• Pesquisa da aula 01
• Correção dos exercícios da aula 01 - Aula 02-01
• Removendo to-dos - Aula 02-02
• Buscando e filtrando to-dos - Aula 02-03
• Exercícios da aula 02
• Pesquisa da aula 02

Etapa 10 - Datas

• Correção dos exercícios da aula 02 da etapa 09 - Aula 01-01
• Data e hora em JavaScript - Aula 01-02
• Timestamps e comparações - Aula 01-03
• Exercícios da aula 01
• Pesquisa da aula 01
• Correção dos exercícios da aula 01 da etapa 10 - Aula 02-01
• Construindo um Relógio Digital - Aula 02-02
• Conhecendo a date-fns - Aula 02-03
• Exercícios da aula 02
• Pesquisa da aula 02

Etapa 11 - JavaScript assíncrono

• Correção dos exercícios da aula 02 da etapa 10 - Aula 01-01
• Código assíncrono em JavaScript - Aula 01-02
• Código assíncrono na prática - Aula 01-03
• O que são requests HTTP - Aula 01-04
• Exercícios da aula 01
• Pesquisa da aula 01
• Correção dos exercícios da aula 01 da etapa 11 - Aula 02-01
• Correção dos exercícios da aula 01 da etapa 11 - Aula 02-02
• Fazendo requests HTTP - Aula 02-03
• Status de respostas HTTP - Aula 02-04
• Exercícios da aula 02
• Pesquisa da aula 02
• Correção dos exercícios da aula 02 da etapa 11 - Aula 03-01
• Correção dos exercícios da aula 02 da etapa 11 - Aula 03-02
• Funções de callback - Aula 03-03
• Trabalhando com JSON (JavaScript Object Notation) - Aula 03-04
• Callback Hell (Pyramid of Doom) - Aula 03-05
• Exercícios da aula 03
• Pesquisa da aula 03
• Correção dos exercícios da aula 03 da etapa 11 - Aula 04-01
• Correção dos exercícios da aula 03 da etapa 11 - Aula 04-02
• Introdução a promises - Aula 04-03
• Encadeando promises - Aula 04-04
• Exercícios da aula 04
• Pesquisa da aula 04
• Correção dos exercícios da aula 04 da etapa 11 - Aula 05-01
• Correção dos exercícios da aula 04 da etapa 11 - Aula 05-02
• A fetch API - Aula 05-03
• Async/await - Aula 05-04
• Exercícios da aula 05
• Pesquisa da aula 05
• Correção dos exercícios da aula 05 da etapa 11 - Aula 06-01
• Correção dos exercícios da aula 05 da etapa 11 - Aula 06-02
• Requests paralelos vs. Sequenciais - Aula 06-03
• Tratando erros com try/catch - Aula 06-04
• Try/catch em requests e erros personalizados - Aula 06-05
• Exercícios da aula 06
• Pesquisa da aula 06

Etapa 12 - Aplicação: Weather Application

• Correção dos exercícios da aula 06 da etapa 11 - Aula 01-01
• Correção dos exercícios da aula 06 da etapa 11 - Aula 01-02
• Correção dos exercícios da aula 06 da etapa 11 - Aula 01-03
• Um preview da Weather Application - Aula 01-04
• Um overview da AccuWeather API - Aula 01-05
• Obtendo informações da cidade - Aula 01-06
• Obtendo informações do clima da cidade - Aula 01-07
• Exercícios da aula 01
• Pesquisa da aula 01
• Correção dos exercícios da aula 01 da etapa 12 - Aula 02-01
• Correção dos exercícios da aula 01 da etapa 12 - Aula 02-02
• Correção dos exercícios da aula 01 da etapa 12 - Aula 02-03
• Obtendo as informações que serão exibidas na interface - Aula 02-04
• Inserindo na interface as informações da API - Aula 02-05
• Inserindo na interface os ícones e imagens - Aula 02-06
• Exercícios da aula 02
• Pesquisa da aula 02

Etapa 13 - Local Storage

• Correção dos exercícios da aula 02 da etapa 12 - Aula 01-01
• Correção dos exercícios da aula 02 da etapa 12 - Aula 01-02
• Introdução ao localStorage - Aula 01-03
• Armazenando e obtendo dados - Aula 01-04
• Removendo dados - Aula 01-05
• Stringficando e parseando dados - Aula-01-06
• Exercícios da aula 01
• Pesquisa da aula 01

Etapa 14 - Orientação a Objetos

• Correção dos exercícios da aula 01 da etapa 13 - Aula 01-01
• Correção dos exercícios da aula 01 da etapa 13 - Aula 01-02
• Correção dos exercícios da aula 01 da etapa 13 - Aula 01-03
• Correção dos exercícios da aula 01 da etapa 13 - Aula 01-04
• Mais sobre o Spread Operator: Unindo objetos e arrays - Aula 01-05
• Mais sobre o Spread Operator: Casos de uso em strings e funções - Aula 01-06
• Pesquisa da aula 01
• Exercícios da aula 01
• Correção dos exercícios da aula 01 da etapa 14 - Aula 02-01
• Correção dos exercícios da aula 01 da etapa 14 - Aula 02-02
• Correção dos exercícios da aula 01 da etapa 14 - Aula 02-03
• Correção dos exercícios da aula 01 da etapa 14 - Aula 02-04
• O que é orientação a objetos - Aula 02-05
• Introdução a Classes - Aula 02-06
• Métodos em classes - Aula 02-07
• Herança entre classes - Aula 02-08
• Pesquisa da aula 02
• Exercícios da aula 02
• Correção dos exercícios da aula 02 da etapa 14 - Aula 03-01
• Correção dos exercícios da aula 02 da etapa 14 - Aula 03-02
• Correção dos exercícios da aula 02 da etapa 14 - Aula 03-03
• Correção dos exercícios da aula 02 da etapa 14 - Aula 03-04
• Correção dos exercícios da aula 02 da etapa 14 - Aula 03-05
• Funções construtoras - Aula 03-06
• Prototypes - Aula 03-07
• Herança prototipal - Aula 03-08
• Factory functions e composição de objetos - Aula 03-09
• Pesquisa da aula 03
• Exercícios da aula 03

Etapa 15 - Banco de Dados (Firebase)

• Correção dos exercícios da aula 03 da etapa 14 - Aula 01-01
• Correção dos exercícios da aula 03 da etapa 14 - Aula 01-02
• Correção dos exercícios da aula 03 da etapa 14 - Aula 01-03
• Correção dos exercícios da aula 03 da etapa 14 - Aula 01-04
• Correção dos exercícios da aula 03 da etapa 14 - Aula 01-05
• Correção dos exercícios da aula 03 da etapa 14 - Aula 01-06
• Correção dos exercícios da aula 03 da etapa 14 - Aula 01-07
• Correção dos exercícios da aula 03 da etapa 14 - Aula 01-08
• Correção dos exercícios da aula 03 da etapa 14 - Aula 01-09
• Introdução ao Firebase - Aula 01-10
• Conhecendo o Firestore - Aula 01-11
• Conectando o Front-end ao Firebase - Aula 01-12
• Lendo dados do Firestore - Aula 01-13
• Pesquisa da aula 01
• Exercícios da aula 01
• Correção dos exercícios da aula 01 da etapa 15 - Aula 02-01
• Correção dos exercícios da aula 01 da etapa 15 - Aula 02-02
• Correção dos exercícios da aula 01 da etapa 15 - Aula 02-03
• Correção dos exercícios da aula 01 da etapa 15 - Aula 02-04
• Correção dos exercícios da aula 01 da etapa 15 - Aula 02-05
• Correção dos exercícios da aula 01 da etapa 15 - Aula 02-06
• Introdução a regras de segurança no Firestore - Aula 02-07
• Salvando informações no Firestore - Aula 02-08
• Deletando informações no Firestore - Aula 02-09
• Modificando informações no Firestore - Aula 02-10
• Listeners em tempo real - Aula 02-11
• Pesquisa da aula 02
• Exercícios da aula 02
• Correção dos exercícios da aula 02 da etapa 15 - Aula 03-01
• Correção dos exercícios da aula 02 da etapa 15 - Aula 03-02
• Correção dos exercícios da aula 02 da etapa 15 - Aula 03-03
• Correção dos exercícios da aula 02 da etapa 15 - Aula 03-04
• Correção dos exercícios da aula 02 da etapa 15 - Aula 03-05
• Correção dos exercícios da aula 02 da etapa 15 - Aula 03-06
• Correção dos exercícios da aula 02 da etapa 15 - Aula 03-07
• Correção dos exercícios da aula 02 da etapa 15 - Aula 03-08
• O problema em usar innerHTML - Aula 03-09
• Práticas para evitar ataques Cross-site Scripting (XSS) no front-end - Aula 03-10
• Práticas para evitar ataques Cross-site Scripting (XSS) no front-end - Parte 02 - Aula 03-11
• Refatorando a limpeza da ul dos games - Aula 03-12
• Autenticação no Firebase - Aula 03-13
• Renderizando primeiros elementos e conhecendo a doc do Materialize - Aula 03-14
• Inicializando modais do Materialize - Aula 03-15
• O evento DOMContentLoaded - Aula 03-16
• Por que autenticar - Aula 03-17
• Como implementar a autenticação com o Google - Aula 03-18
• Como fechar o modal automaticamente após o login - Aula 03-19
• Observando o estado de autenticação do usuário - Aula 03-20
• Deslogando o usuário - Aula 03-21
• Como configurar localhost como padrão no projeto - Aula 03-22
• Resolvendo o problema da renderização de loginMessage - Aula 03-23
• Apresentando o optional chaining - Aula 03-24
• Apresentando o removeEventListener - Aula 03-25
• Adicionando frases no banco - Aula 03-26
• Document fragment + Lendo e renderizando frases do banco - Aula 03-27
• Expandindo as lis ao clicá-las - Aula 03-28
• Resolvendo exibição das lis quando usuário está deslogado - Aula 03-29
• Ajustando adição e remoção de event listeners - Aula 03-30
• Ajustando a função onSnapshot - Aula 03-31
• Exibindo e removendo informações da conta - Aula 03-32
• Você consegue implementar este ajuste? Desafio no desafio - Aula 03-33
• Restringindo acesso a informações do banco | Parte 1 - Aula 03-34
• Restringindo acesso a informações do banco | Parte 2 - Aula 03-35
• Refatorando a aplicação - Aula 03-36