💡 A tarefa de cada aula está na própria página da aula (botão de download no final).
Fundamentos da linguagem
1–3
1
Variáveis em JavaScript (let, const)
→
2
Tipos de Dados em JavaScript
→
3
Coerção de Tipos em JavaScript
→
Fundamentos de DOM
4–12.3
4
querySelector ou Como Selecionar um Elemento em JS (innerHTML em JavaScript)
→
5
— Adicionando funcionalidade de clique a um botão em JavaScript (onclick)
→
6
O que é += ou reatribuição (onClick em JavaScript)
→
7
Como obter dados de um campo de entrada (input value em JavaScript)
→
8
Input value (type="number") em JavaScript (+=)
→
9
Input (date, color) em JavaScript (style.background)
→
10
O evento onchange em input type="range" (trabalhando com style width e height)
→
11
O evento onchange em select option (JavaScript)
→
12.1
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
12.2
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
12.3
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
Condicionais
13–17
13
Condicionais if else em JavaScript
→
14
O operador === e if else em JavaScript
→
15
Operadores if, else e else if em JavaScript
→
16
Operadores de comparação > >= < <= == != === (JavaScript)
→
17
Operadores lógicos && |
→
Mini-projetos
18–25
18
Criando um simulador de depósito bancário do zero (Math.round)
→
19
Mini projeto Resize Ball — alterando o tamanho de uma bola
→
20
Mini projeto: alterando tamanho e cor
→
25
Criando uma mini loja online com programa de desconto personalizado
→
Switch
21–26.5
21
O que é switch e por que você precisa conhecê-lo
→
22
O que é default em switch e o evento oninput
→
23
Por que break é necessário em switch
→
24
Criando um conversor de unidades usando switch
→
26.1
switch, case, default, if, else if, else, oninput
→
26.2
switch, case, default, if, else if, else, oninput
→
26.3
switch, case, default, if, else if, else, oninput
→
26.4
switch, case, default, if, else if, else, oninput
→
26.5
switch, case, default, if, else if, else, oninput
→
Loops
27–40.3
27
O que é um loop e como funciona o loop for, e por que loops infinitos são perigosos
→
28
Como usar um loop for para trabalhar com HTML
→
29
Template literals no loop for ``, incremento e decremento
→
30
Gerador de Tabela de Multiplicação, prática com loop for
→
31
Gerador de Cartões de Produto, prática com loop for
→
32
Gerador de Avaliação com Estrelas, prática com loop for
→
33
Gerador de Emoji, prática com loop for
→
34
O loop while e sua sintaxe
→
35
Loops for aninhados
→
36
Loops for aninhados, renderizando em HTML
→
37
Loops for aninhados, renderizando em HTML
→
38
Loops for aninhados, Price Matrix
→
39.1
Calculadora de Peso da Mochila 1, prática
→
39.2
Calculadora de Peso da Mochila 2, prática
→
40.1
Como funciona o for e o que é isso
→
40.2
Como funciona o for e o que é isso
→
40.3
Como funciona o for e o que é isso
→
Funções (Módulo 2)
41–47.3
41
O que é uma função e como usar argumentos
→
42
String (length, toLowerCase, toUpperCase) e argumentos
→
43
Scope, ou como o compilador funciona
→
44
O que é return e por que precisamos dele
→
45.1
Calculadora de tarifa de táxi, prática
→
45.2
Calculadora de tarifa de táxi, parte 2 — complicando
→
46.1
Calculadora de custo de entrega de encomenda, prática
→
46.2
Calculadora de custo de entrega de encomenda, parte 2 — complicando
→
46.3
Calculadora de custo de entrega de encomenda, parte 3 — complicando
→
47.1
Calculadora de preço de ingressos de show, prática
→
47.2
Calculadora de preço de ingressos de show, parte 2 — complicando
→
47.3
Calculadora de preço de ingressos de show, parte 3 — complicando
→