Cosmic AppCosmicSchool
← O Alfabeto

⚡ Comportamento

JavaScript · o movimento

O comportamento: o que acontece quando tocas, clicas, escreves. Dá vontade e reação à página.

A ver como O Mágico. Trocar:
A ideia, ao teu nível

O JavaScript é a vontade da página: o que acontece quando tocas. Há uma coisa no ecrã, tu fazes uma ação, o código escuta, a página muda.

O código
button.addEventListener("click", () => {
  message.textContent = "A página ouviu-te.";
});
A tua vez · muda o comportamento

Faz o botão mudar o seu próprio texto ao clicar. Acabaste de criar interação.

Que parte do mundo controla

O que ACONTECE — reações ao toque, ao tempo, à informação que chega.

As 3 ideias que importam
  • 'Quando isto acontecer, faz aquilo' (um evento → uma reação).
  • Guarda coisas em variáveis e muda-as; a página reflete a mudança.
  • Fala com o mundo lá fora (uma API) para ir buscar ou enviar dados.
O que constróis com ela

A interatividade — de um botão que conta cliques a uma app inteira no browser.

Onde se cruza: Mexe no HTML e no CSS em tempo real. É a vontade que anima os ossos vestidos.
Vê JavaScript a funcionar — abre o capô
O que cai e se arrastaComportamento real: arrastas, colide, tem peso. O JavaScript a dar vontade às coisas.Abrir a Prova Viva ↗O texto que se decodificaLógica passo a passo a transformar o ecrã — eventos e estado em ação.Abrir a Prova Viva ↗A fonte que senteReage ao teu cursor em tempo real — o JavaScript a escutar e a responder.Abrir a Prova Viva ↗

Na Biblioteca Viva, cada uma tem Ver código e Clonar para a minha IA — leva-a e adapta-a.

Da lição à tua ferramenta

Agora faz JavaScript trabalhar para ti

Não precisas de te tornar programador — precisas de saber dirigir. Pega no que acabaste de perceber e pede à tua IA (Claude, ChatGPT, Codex) uma ferramenta pequena e real, tua. Este molde dá-lhe o tom certo: pequeno primeiro, a explicar cada parte, honesto sobre riscos.

Abrir o capô numa Prova Viva →Voltar ao mapa