JavaScript é a linguagem da web no navegador, e também uma linguagem de servidor muito difundida (Node.js). É uma boa segunda linguagem, e uma etapa obrigatória para tudo o que é interativo em uma página.

Este guia pressupõe noções básicas de HTML/CSS; caso contrário, comece por HTML e CSS: os fundamentos.

01 — Onde é executado

Navegador e servidor

No navegador, JavaScript reage a cliques, modifica a página, chama APIs. Com Node.js, é executado no lado do servidor para ferramentas, APIs, scripts. A linguagem é a mesma, o ambiente muda.

02 — A base

O que é preciso saber antes de tudo

  • Variáveis (let, const), tipos, operadores.
  • Condicionais, laços, funções (incluindo funções de seta).
  • Arrays e métodos (map, filter, reduce), objetos.
  • Programação assíncrona: promessas e async/await.
Focused view of a computer screen displaying programming code with visible reflections.
JavaScript para iniciantes — Foto de Daniil Komov, licença Pexels

03 — O DOM

Agir sobre a página

Selecionar elementos, escutar eventos, modificar o conteúdo e as classes. É isso que dá vida a uma página. Cuidado com as armadilhas: esquecer de remover um listener, manipular o DOM antes que esteja pronto.

04 — Um primeiro projeto

Pequeno, concluído, interativo

Uma lista de tarefas, um quiz, um conversor, um minijogo, ou uma página que consome uma API pública com fetch. Publique-o. É a sua prova.

05 — A continuação

Escolher um framework mais tarde

Depois de dominar a linguagem, um framework (React, Vue, Svelte) se torna útil. Adotá-lo cedo demais esconde fundamentos que farão falta depois.

06 — Perguntas frequentes

Aprender JavaScript em apenas 5 minutos (em francês) — Melvynx

Perguntas frequentes

JavaScript ou Python primeiro?

Para a web interativa, JavaScript. Para dados, automação e IA, Python. Os dois se complementam.

É preciso aprender React logo de início?

Não. Primeiro a base da linguagem e o DOM; React depois, quando suas vantagens ficarem evidentes.

Quando aprender TypeScript?

Depois de se sentir confortável com JavaScript. TypeScript adiciona tipos úteis conforme os projetos crescem.

07 — Recursos e links

Para onde ir, concretamente

Aprender

Está começando com JavaScript?

newtiv.com

Domine a base e o DOM antes de qualquer framework, e depois publique um pequeno projeto interativo: é o melhor ponto de partida.