🧠 A tag <script>

Para usar JavaScript em uma página HTML, utilizamos a tag <script> em nosso código

Ela indica ao navegador:

“Aqui existe código JavaScript que deve ser interpretado.”

Existem três formas principais de trabalhar com JavaScript em páginas HTML:

- JavaScript inline
- JavaScript interno
- JavaScript externo

Vamos ver cada uma delas.

⚠️ JavaScript inline (não recomendado)

O JavaScript inline é escrito diretamente em atributos HTML.

Exemplo:


<button onclick="alert('Olá!')">
  Clique aqui
</button>
Essa abordagem mistura HTML com JavaScript e deve ser evitada em projetos profissionais.

Ela até funciona, mas:

  • dificulta a manutenção
  • deixa o código confuso
  • não escala bem

✅ JavaScript interno (uso pontual)

Aqui o JavaScript é escrito dentro da própria página HTML, usando a tag <script>.

Exemplo:


<script>
  alert("JavaScript interno funcionando!");
</script>

Essa abordagem é útil:
- para testes rápidos
- para exemplos simples
- para pequenas páginas

Mas ainda não é a melhor prática para projetos maiores.

🥇 JavaScript externo (forma correta)

A forma recomendada é usar arquivos .js separados.

1️⃣ Arquivo HTML


<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <title>Minha página</title>
</head>
<body>
  <script src="script.js"></script>
</body>
</html>

2️⃣ Arquivo JavaScript (script.js)


alert("JavaScript externo funcionando!");
Separar HTML e JavaScript deixa o código mais limpo, organizado e profissional.

📍 Onde colocar a tag <script>?

A posição da tag <script> faz toda a diferença.

❌ Entre as tags <head> e </head> você pode ter problemas.

Se o JavaScript tentar acessar elementos HTML que ainda não existem porque não foram renderizados pelo navegador, erros podem acontecer.

✅ No final do (recomendado)


<body>
  <h1>Minha página</h1>
  <script src="script.js"></script>
</body>

Assim:

  • o HTML é carregado primeiro
  • o JavaScript roda depois
  • menos erros
  • melhor performance inicial

🧠 Boas práticas desde o início

  • Evite JavaScript inline
  • Prefira arquivos externos
  • Coloque o script no final do body
  • Mantenha HTML e JS separados

Esses hábitos fazem muita diferença conforme o projeto cresce.

Resumo da aula para nunca mais esquecer

  • JavaScript é incluído com a tag <script>.
  • JavaScript inline deve ser evitado.
  • Arquivos externos são a melhor prática.
  • A tag <script> deve ficar no final do body.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Considerando todas as adaptações de jogos de videogame para o cinema, a mais bem sucedida foi Lara Croft: Tomb Raider, lançado em 2001 e que faturou 274 milhões de dólares. Ele foi dirigido por Simon West e estrelado pela bela Angelina Jolie.


Digitar senhas em computadores de uso coletivo é extremamente perigoso, pois além de softwares de monitoramento, existem dispositivos de hardware que podem capturar suas senhas. Evite ao máximo acessar sites de bancos a partir destes computadores. Veja mais aqui.


O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.


O primeiro computador a conseguir rodar o jogo Spacewar era o PDP-1, que custava 120 mil dólares e pertencia ao Massachusetts Institute of Technology. O jogo demorou 200 horas para ser desenvolvido, em 1962, e seu criador foi um cientista da computação chamado Steve Russel.


O ENIAC, primeiro computador valvulado do mundo, possuía 17.000 válvulas, 500.000 pontos de solda, 30 toneladas de peso e ocupava uma área de 180 metros quadrados. Clique aqui e conheça mais sobre a história dos computadores.