📽️ Cap 18: Apresentações como Código: Criando Slides com Reveal.js, Marp e Slideshows em Markdown
🗺️ O Ecossistema de Slides-as-Code
flowchart TD
MD_SLIDE["Arquivo Markdown (.md) com Delimitadores de Slides (---)"]
--> FRAMEWORK{"Framework de Apresentação"}
FRAMEWORK --> REVEAL["Reveal.js (HTML5 / CSS3 / JavaScript)\n- Transições 3D\n- Navegação em grade 2D (horizontal e vertical)\n- Notas do orador com Speaker View (tecla 'S')"]
FRAMEWORK --> MARP["Marp (Markdown Presentation Ecosystem)\n- CLI super rápida\n- Exportação direta para PDF e PPTX\n- Temas CSS declarativos"]
REVEAL & MARP --> AUDIENCE["Apresentações Técnicas Interativas, Versionadas e Responsivas ⚡"]
style MD_SLIDE fill:#ede7f6,stroke:#512da8,stroke-width:2px
style FRAMEWORK fill:#fff3e0,stroke:#ff9800,stroke-width:2px
style REVEAL fill:#e1f5fe,stroke:#03a9f4,stroke-width:1.5px
style MARP fill:#e8f5e9,stroke:#4caf50,stroke-width:1.5px
style AUDIENCE fill:#00897b,stroke:#004d40,stroke-width:2px,color:#ffffff
📖 Fundamentos e Aplicação
Engenheiros e palestrantes técnicos sofrem ao usar softwares tradicionais como PowerPoint ou Google Slides: colar código quebra a indentação, a sintaxe não possui temas dinâmicos e é impossível versionar as mudanças no Git.
O paradigma Slides-as-Code utiliza Markdown com delimitadores horizontais (---) e verticais (--) para construir apresentações profissionais completas.
Comparativo entre Reveal.js e Marp:
- Reveal.js: Ideal para a web, sites do GitHub Pages e conferências com projetores. Suporta diagramas Mermaid animados, fórmulas MathJax em tempo real e controle remoto de apresentador via WebSocket.
- Marp Ecosystem: O padrão mais simples para exportar apresentações em lote para PDF e PowerPoint corporativo via CLI (
npx @marp-team/marp-cli slides.md --pdf).