<aside> 💡
Se o HTML é o esqueleto e o CSS é a roupa, o JavaScript é o cérebro — ele permite que a página reaja, mude e responda a quem a usa.
</aside>
No desenvolvimento web moderno, três linguagens principais trabalham em conjunto para construir uma aplicação:
| Linguagem | Papel | Analogia |
|---|---|---|
| HTML | Estrutura e Conteúdo. | O esqueleto e os ossos da página. |
| CSS | Apresentação e Estilo. | A pele, a roupa e a aparência da página. |
| JavaScript (JS) | Comportamento e Interatividade. | O músculo e o cérebro, que permitem a interação e o movimento. |
O JavaScript é uma linguagem de programação de alto nível, interpretada e multiplataforma, essencial para criar dinamismo na web. Sua função primordial é manipular o HTML e o CSS (coletivamente chamados de DOM - Document Object Model) em tempo real, em resposta a eventos (cliques, movimentos do mouse, digitação, etc.).
Aplicações Chave do JavaScript:
Existem três formas de incluir JavaScript em uma página HTML. Cada uma tem seus casos de uso:
1. Inline — dentro de uma tag HTML
O JS é escrito diretamente no atributo do elemento.
<button onclick="alert('Olá!')">Clique</button>
2. Interno — dentro da tag <script> no HTML
O código JS fica dentro de uma tag <script> no próprio arquivo HTML.
<script>
console.log("JS interno");
</script>
3. Externo — arquivo .js separado
O JS fica em um arquivo separado, linkado com <script src="">.
<script src="./app.js"></script>
<aside> 📌
Independente da forma escolhida, a posição do <script> importa. Colocado no <head>, o JS executa antes do HTML carregar. Colocado antes do </body>, o HTML já está disponível quando o JS rodar.
</aside>