# 7.1 - O que é JavaScript

## 🧩 O que é JavaScript e pra que ele serve?

JavaScript (ou **JS** pros íntimos 😄) é uma **linguagem de programação** que faz as páginas da web ganharem vida!

Mas o que isso quer dizer exatamente? 🤔

Vamos imaginar que uma página da web é como um **ser humano**. Olha só essa comparação:

* 🦴 **HTML** é o **esqueleto** — dá estrutura à página (onde fica o menu, onde estão os textos, imagens, etc).
* 👕 **CSS** é a **roupa e o estilo** — define as cores, fontes, tamanhos, espaços... deixa tudo bonito!
* 🧠 **JavaScript** é o **cérebro e os músculos** — permite **interações**, **movimentos**, **respostas do usuário**. Ele **faz as coisas acontecerem**!

***

### ⚙️ Onde o JavaScript é usado?

JavaScript está **em quase tudo** que tem tela! 😲

Aqui vão alguns exemplos:

| Onde?                              | Como o JS aparece?                                                           |
| ---------------------------------- | ---------------------------------------------------------------------------- |
| 🌐 Sites                           | Menus que abrem, formulários inteligentes, animações, sliders, contadores... |
| 📱 Aplicativos móveis              | Com frameworks como **React Native** e **Ionic**                             |
| 💻 Sistemas web                    | Painéis de controle, sistemas de loja, dashboards                            |
| 🕹️ Jogos                          | Simples e até complexos, direto no navegador                                 |
| 🔧 Back-end (servidores)           | Com **Node.js**, o JS roda no servidor também!                               |
| 🧠 Inteligência artificial e robôs | Sim, também dá pra usar JS com essas tecnologias! 😱                         |

***

### 🤖 Um exemplo para entender melhor

Imagina que você entra em um site e vê um botão:

```html
<button onclick="mostrarMensagem()">Clique aqui</button>
```

E no JavaScript, você tem:

```javascript
function mostrarMensagem() {
  alert("Você clicou no botão! 😃");
}
```

O botão sozinho (feito com HTML) **não faz nada**.\
Mas com o **JavaScript**, ele reage ao seu clique! 🎉

***

### 🧠 Recapitulando: HTML vs CSS vs JavaScript

| Elemento          | O que faz                               | Exemplo                                        |
| ----------------- | --------------------------------------- | ---------------------------------------------- |
| 🦴 **HTML**       | Cria a estrutura da página              | Cabeçalhos, parágrafos, botões                 |
| 🎨 **CSS**        | Define o estilo visual                  | Cor de fundo, tamanho da fonte, posicionamento |
| ⚙️ **JavaScript** | Adiciona comportamento e interatividade | Cliques, animações, formulários dinâmicos      |

***

### 🌟 Por que isso importa?

Saber a diferença entre HTML, CSS e JavaScript é o **primeiro passo pra se tornar um desenvolvedor web de verdade**!

Essas três tecnologias são a **base da web** e estão em todas as páginas que você visita. Entendê-las é como aprender a construir **mundos digitais incríveis!** 🌍✨