Sobre
Turmas
Projetos
Time
Materiais
Artigos
Aulas
PT
EN
Materiais
Materiais
· Frontend
5. Javascript Fundamentos
19 min de leitura
→
Anterior
4. CSS Responsividade
Próximo
6. JavaScript no Navegador
→
Nesta página
Objetivo da aula
Pré-requisitos
O que você será capaz de explicar ao final
5.1. O que é JavaScript no contexto da Web
Onde o JS roda
Modelo mental de execução: arquivo → motor JS → instruções
Console como ferramenta de observação
5.2. Variáveis: let e const (e por que var não é foco)
O que é uma variável
Declaração, atribuição e reatribuição
let vs const
A confusão clássica: “const não muda” ≠ “objeto é imutável”
Por que `var` não é foco
Boas práticas de uso
5.3. Tipos básicos (com intuição forte)
Tipos fundamentais desta aula
typeof (e uma peculiaridade importante)
Conversões e coerção (visão geral)
Comparação: `==` vs `===`
Truthy e Falsy
Mini-tabela: tipo → exemplo → armadilha comum
5.4. Condicionais (decisão) e loops (repetição)
if / else if / else
switch (visão geral)
Operadores lógicos: `&&`, `||`, `!`
Loops: quando repetir é a regra
`for` (contagem)
`while` (condição)
`for...of` (percorrer valores de arrays)
Atenções essenciais
5.5. Funções (o conceito central)
Declaração vs expressão de função
Parâmetros e retorno
Funções puras vs efeito colateral (noção)
Arrow functions
5.6. Arrays e objetos (estruturas de dados do dia a dia)
Array: lista ordenada
Objeto: pares chave-valor
Modelo mental importante: primitivos vs referências (noção)
Mutabilidade em arrays/objetos
5.7. Métodos de array (map, filter) — pensar em transformação de dados
Por que existem (visão declarativa)
Callback: função como argumento (com calma)
map
filter
Comparando com loop tradicional (sem demonizar loop)
Regras de ouro
5.8. Escopo (noção) — onde as variáveis “existem”
Escopo global vs local
let/const têm escopo de bloco
Por que isso importa
5.9. O que vem depois (contexto sem aprofundar)
5.10. Erros comuns e confusões clássicas
5.11. Glossário rápido
5.12. Resumo final
5.13. Projeto Prático