> For the complete documentation index, see [llms.txt](https://favelaware.gitbook.io/favelaware/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://favelaware.gitbook.io/favelaware/7-javascript/7.1-o-que-e-javascript.md).

# 7.1 - O que é JavaScript

🧩 O que é JavaScript e pra que ele serve?

## 🧩 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!** 🌍✨


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://favelaware.gitbook.io/favelaware/7-javascript/7.1-o-que-e-javascript.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.