Apêndice: apresentações e slides na web
Trechos do capítulo. A explicação em português está na página.
alexandrecaramaschi.com/educacao/frontends-com-vibecoding

### O que faz: um slides.md mínimo de Slidev, com capa, duas colunas e fecho
### Onde entra: o arquivo slides.md criado por npm init slidev@latest
### Cuidado: cada --- separa um slide; o comentário HTML vira nota do apresentador

---
theme: seriph
title: "Frontends com Vibecoding"
author: Alexandre Caramaschi
highlighter: shiki
lineNumbers: true
---

# Frontends com Vibecoding
Do prompt ao deploy

<!-- Nota do apresentador: abrir com a promessa do módulo -->

---
layout: two-cols
---

# Código e resultado

::left::
```ts {1|2-3|all}
const app = createApp(App)
app.use(router)
app.mount('#app')
```

::right::
- createApp cria a instância
- use() registra plugins
- mount() conecta ao DOM

---
layout: center
class: text-center
---

# Obrigado
Próximo módulo: publicação e descoberta


### O que faz: o mesmo deck em Marp, que é Markdown puro e vira PDF ou PPTX
### Onde entra: qualquer arquivo .md com o cabeçalho marp: true
### Cuidado: o Marp não tem componentes nem interatividade; ele existe para gerar o arquivo

---
marp: true
theme: gaia
class: lead
paginate: true
backgroundColor: "#ffffff"
color: "#111111"
---

# Introdução ao Frontend com IA
**Alexandre Caramaschi**, Brasil GEO, 2026

---

# O que é vibecoding?
- Você dirige, a IA executa
- Stack: Claude Code + editor + git
- Foco: especificar, revisar, iterar

---

# Código de exemplo
```tsx
const Botao = ({ label }: { label: string }) => (
  <button className="btn-primary">{label}</button>
);
```


### O que faz: exporta o deck nos três formatos de entrega
### Onde entra: terminal, dentro da pasta do projeto de slides
### Cuidado: no PPTX os slides viram imagem e o texto deixa de ser selecionável; para copiar texto, entregue o PDF

npx slidev export                 # PDF com texto selecionável
npx slidev export --format pptx   # PPTX, com os slides como imagem
npx slidev build                  # página hospedável na Vercel ou na Cloudflare