📊 Cap 18: Apresentações como Código

Docs-as-Code • Slides em Markdown, Reveal.js e Marp

🗺️ A Revolução dos Slides-as-Code

flowchart TD
    subgraph PPT ["Abordagem Tradicional (PowerPoint)"]
        P1["Binário pesado (.pptx) -> Impossível de dar diff no Git -> Quebra formatação de código! 🚨"]
    end

    subgraph REVEAL_MARP ["Slides como Código (Reveal.js / Marp)"]
        R1["Arquivo .md puro -> Destaque de sintaxe perfeito -> Versionamento no Git -> Exporta PDF/HTML! ⚡"]
    end

    PPT -.-> |"Slides-as-Code"| REVEAL_MARP

    style PPT fill:#ffebee,stroke:#d32f2f,stroke-width:2px
    style REVEAL_MARP fill:#e8f5e9,stroke:#4caf50,stroke-width:2px

🎯 Slide 1: Como Funciona o Reveal.js?

• Cada conjunto de três hífens (---) delimita um novo slide horizontal.

• Principais Teclas de Controle:
  • Espaço / Setas: Avançar ou retroceder.
  • Tecla ‘F’: Modo de tela cheia sem barras de navegador.
  • Tecla ‘O’: Visão geral em mosaico de todos os slides (Overview).
  • Tecla ‘S’: Janela do orador (Speaker Notes) com relógio e anotações privadas!

🎯 Slide 2: Animações por Fragmentos

• Quer revelar tópicos gradualmente à medida que fala?

• Utilize as classes de fragmento do Reveal.js: ```markdown
• Tópico 1
• Tópico 2
• Tópico 3 ```

🎯 Slide 3: Marp: Do Markdown para PDF em Segundos

• O Marp foca em produtividade corporativa direta:
  • CLI com zero configuração.
  • Exportação direta para apresentações corporativas em PDF e PPTX via Chromium.
  • Temas CSS profissionais embutidos (default, gaia, uncover).