Demonstrações práticas de apresentações interativas baseadas em Markdown com Reveal.js e Marp.

🗺️ O Ciclo de Apresentação com Reveal.js

flowchart LR
    SLIDE_MD["slides.md com layout: slide"]
    --> PARSER["Reveal.js Markdown Plugin"]
    PARSER --> RENDER["Apresentação HTML5 em Tela Cheia (F11)"]
    RENDER --> SPEAKER["Modo Orador (Tecla 'S') com Cronômetro e Notas ⚡"]

    style SLIDE_MD fill:#ede7f6,stroke:#512da8,stroke-width:2px
    style PARSER fill:#fff3e0,stroke:#ff9800,stroke-width:2px
    style RENDER fill:#e1f5fe,stroke:#03a9f4,stroke-width:2px
    style SPEAKER fill:#00897b,stroke:#004d40,stroke-width:2px,color:#ffffff

📄 Exemplo 1: Slide Reveal.js com Fragmentos Animados

---
layout: slide
title: "Exemplo de Fragmentos Interativos"
---

# Estratégia de Cache em Camadas

Abaixo os três níveis implementados:

<!-- Os fragmentos aparecem um a um a cada clique de seta -->
* **Nível 1:** Cache de Memória Local no Pod (In-Process LRU) <!-- .element: class="fragment" -->
* **Nível 2:** Cache Distribuído em Cluster Redis (Shared Cache) <!-- .element: class="fragment" -->
* **Nível 3:** Edge Caching na CDN com Cloudflare Workers <!-- .element: class="fragment" -->

📄 Exemplo 2: Linha de Comando do Marp CLI para Exportação Rápida

# 1. Visualizar apresentação ao vivo com Hot-Reload no navegador:
npx @marp-team/marp-cli -s slides.md

# 2. Exportar diretamente para PDF de alta resolução:
npx @marp-team/marp-cli slides.md --pdf -o apresentacao.pdf

# 3. Exportar para apresentação editável do PowerPoint (.pptx):
npx @marp-team/marp-cli slides.md --pptx -o apresentacao.pptx