Aula 2 — Onde o JavaScript roda?

🧠 JavaScript precisa de um “ambiente”

JavaScript não roda sozinho.

Ele precisa de um ambiente de execução (também chamado de runtime).

Esse ambiente é responsável por:

• interpretar o código JavaScript
• fornecer APIs (funções prontas)
• permitir interação com o sistema ou com a página

Os dois ambientes mais importantes são:

• o navegador
• o servidor (Node.js)

🌍 JavaScript no navegador

O primeiro ambiente do JavaScript foi o navegador.

Todo navegador moderno possui um motor JavaScript embutido, como:

• V8 (Chrome, Edge)
• SpiderMonkey (Firefox)
• JavaScriptCore (Safari)

No navegador, o JavaScript pode:

• manipular o HTML
• alterar estilos CSS
• reagir a eventos do usuário
• comunicar-se com servidores

🧪 Exemplo: JavaScript no navegador

Veja um exemplo simples executado no navegador:

<script>
  alert("Este JavaScript está rodando no navegador!");
</script>

🖥️ JavaScript fora do navegador: Node.js

Com o surgimento do Node.js, o JavaScript passou a rodar fora do navegador, no servidor.

Isso permitiu:

• criar servidores web
• acessar arquivos do sistema
• criar APIs
• automatizar tarefas
• desenvolver aplicações completas no backend

Hoje, JavaScript é uma linguagem full stack (capaz de construir uma aplicação inteira).

🧪 Exemplo: JavaScript no Node.js

No Node.js, o código é executado no terminal, não no navegador:

console.log("Este JavaScript está rodando no Node.js!");

Esse código:

• não funciona no navegador
• funciona no terminal, com Node.js instalado

⚠️ Diferença importante entre os ambientes

Por exemplo:

• alert() existe no navegador
• fs (sistema de arquivos) existe no Node.js

Cada ambiente oferece APIs diferentes.

🧠 Como saber onde seu código está rodando?

A pergunta certa sempre é:

• Esse código interage com a página?
• Esse código acessa o sistema?
• Esse código roda no terminal?

Responder isso ajuda a:

• evitar erros
• escrever código correto
• escolher a API certa

🌱 E onde vamos programar neste curso?

Neste curso, vamos:

• começar com JavaScript no navegador
• evoluir para JavaScript moderno
• focar em entendimento da linguagem, não só no ambiente
• preparar você para um curso de Node.js e alguns frameworks no futuro 😉