⚡ Curso

JavaScript

Do zero até um nível sólido. DOM, eventos, condicionais, switch, loops, funções. Cada aula tem uma tarefa prática.

📹 47 aulas
🇧🇷 PT
🎯

💡 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)
Projeto
19
Mini projeto Resize Ball — alterando o tamanho de uma bola
Projeto
20
Mini projeto: alterando tamanho e cor
Projeto
25
Criando uma mini loja online com programa de desconto personalizado
Projeto
⚙️ 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
Projeto
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
Projeto
31
Gerador de Cartões de Produto, prática com loop for
Projeto
32
Gerador de Avaliação com Estrelas, prática com loop for
Projeto
33
Gerador de Emoji, prática com loop for
Projeto
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
Prática
45.2
Calculadora de tarifa de táxi, parte 2 — complicando
Prática
46.1
Calculadora de custo de entrega de encomenda, prática
Prática
46.2
Calculadora de custo de entrega de encomenda, parte 2 — complicando
Prática
46.3
Calculadora de custo de entrega de encomenda, parte 3 — complicando
Prática
47.1
Calculadora de preço de ingressos de show, prática
Prática
47.2
Calculadora de preço de ingressos de show, parte 2 — complicando
Prática
47.3
Calculadora de preço de ingressos de show, parte 3 — complicando
Prática