# ✍️ Mão na massa

Site de apoio

🌐 **1.** [**MDN Web Docs (Mozilla Developer Network)**](https://developer.mozilla.org/pt-BR)

📌 **O que é:**\
Documentação oficial para desenvolvedores web. Criado pela Mozilla (a mesma do Firefox).

📘 **Para que serve:**

* Aprender HTML, CSS e JavaScript de forma profissional.
* Tem explicações técnicas, exemplos práticos e testes interativos.

✅ Link**:**\
<https://developer.mozilla.org/pt-BR>

#### [🌐 **2. Curso em Vídeo (YouTube)**](https://www.youtube.com/watch?v=Ejkb_YpuHWs\&list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n)

📌 **O que é:**\
Canal brasileiro criado pelo professor Gustavo Guanabara, com cursos gratuitos.

📘 **Para que serve:**

* Cursos completos de HTML, CSS, JavaScript e muito mais.
* Explicações didáticas em português, com aulas passo a passo.

✅ Link:

{% embed url="<https://www.youtube.com/watch?v=Ejkb_YpuHWs&list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n>" %}

#### 🌐 **3.** [**W3Schools**](https://www.w3schools.com)

📌 **O que é:**\
Um dos sites mais conhecidos para aprender desenvolvimento web.

📘 **Para que serve:**

* Tutoriais simples de HTML, CSS, JavaScript.
* Muitos exemplos e **exercícios interativos online**.

✅ Link&#x73;**:**\
<https://www.w3schools.com>

#### 🌐 **4.** [**CSS Diner**](https://flukeout.github.io/)

📌 **O que é:**\
Um jogo interativo para **aprender seletores CSS** brincando.

📘 **Para que serve:**

* Treinar como usar `.classe`, `#id`, `elemento` e outros seletores.

✅ Link&#x73;**:**\
<https://flukeout.github.io/>