1  Introdução

Este livro foi preparado para estudantes do ensino médio técnico que estão começando em JavaScript e querem aprender de forma prática.

Ao longo dos capítulos, você vai sair do básico (variáveis e decisões) até temas mais avançados, como módulos, orientação a objetos, eventos de interface, APIs e testes.

1.1 Como estudar este livro

  1. Estude um capítulo por vez, na ordem.
  2. Digite os exemplos no seu computador, em vez de só ler.
  3. Faça pequenas mudanças no código para observar o que acontece.
  4. Resolva os exercícios antes de olhar soluções prontas.
  5. Use o projeto final para consolidar os conceitos.

1.2 O que você vai construir como estudante

  • programas simples de cálculo (média, desconto, orçamento);
  • pequenos sistemas com listas (tarefas, alunos, produtos);
  • páginas com interação (DOM e eventos);
  • consumo de APIs para trazer dados reais;
  • testes para verificar se funções estão corretas.

1.3 Pré-requisitos

  • lógica de programação básica;
  • editor de código (VS Code recomendado);
  • navegador atualizado (Chrome, Edge ou Firefox);
  • Node.js (recomendado a partir dos capítulos de módulos e testes).

1.4 Preparando o ambiente

1.4.1 1) Criar uma pasta de estudos

Crie uma pasta chamada javascript-estudos e, dentro dela, uma pasta por capítulo.

1.4.2 2) Teste no navegador

Crie um arquivo index.html:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <title>Teste JavaScript</title>
</head>
<body>
  <h1>Meu primeiro teste</h1>
  <script>
    console.log("JavaScript rodando no navegador");
  </script>
</body>
</html>

Abra esse arquivo no navegador e depois abra o console com F12.

1.4.3 3) Teste no Node.js

Crie um arquivo app.js:

console.log("JavaScript rodando com Node.js");

No terminal:

node app.js

1.5 Dica de rotina semanal

  1. Segunda: leitura de teoria (30 min).
  2. Terça: prática de exemplos (40 min).
  3. Quarta: exercícios (40 min).
  4. Quinta: revisão dos erros (20 min).
  5. Sexta: mini desafio com código próprio (30 min).

1.6 Erros comuns de quem está começando

  1. Copiar código sem testar.
  2. Pular exercícios.
  3. Tentar aprender tudo em um único dia.
  4. Não ler mensagens de erro no console.
  5. Desistir ao primeiro bug.

1.7 Objetivo final

No último capítulo, você vai montar um projeto completo conectando os conteúdos estudados. A ideia é terminar com segurança para continuar aprendendo frameworks e desenvolvimento web moderno.