Pular para conteúdo

Exercícios - Aula 13: Apresentações com Reveal.js 🎭

🟢 Básico

  1. Separação de Slides: Crie um arquivo com três slides simples, separados pelo delimitador correto (---).
  2. Títulos Dinâmicos: O primeiro slide deve ter um título H1 e o segundo um H2.

🟡 Intermediário

  1. Fragmentos de Texto: Crie um slide com uma lista de 3 passos para "Fazer um Café". Use o recurso { .fragment } para que cada passo apareça um por um.
  2. Notas do Orador: Pesquise como adicionar notas que apenas o apresentador vê (Dica: Procure pela tag <aside class="notes">) e adicione uma nota ao seu primeiro slide.

🔴 Desafio

  1. Pitch de Projeto Interativo:
    • Crie um arquivo exercicio13.md.
    • Desenvolva uma apresentação de 5 slides para o seu "Projeto Intergrador" (que faremos na Aula 15):
      • Slide 1: Título e Nome (Capa).
      • Slide 2: O Problema (usando fragmentos para listar 3 pontos).
      • Slide 3: A Solução (com um diagrama Mermaid).
      • Slide 4: Tecnologias (uma tabela com Markdown, MkDocs, Reveal.js).
      • Slide 5: Encerramento com um link para seu GitHub.
    • Tente usar uma transição diferente (como convex ou zoom) se você estiver testando localmente com o plugin.
  2. Use emojis em cada slide para manter o engajamento.


📚 Gabarito e Solução Comentada

Gabarito Explicado ## 🟢 Básico 1. **Reveal.js**: Transforma arquivos Markdown em slides interativos navegáveis pelo navegador. 2. **Separação de Slides**: - `---` (três hifens) para slides horizontais. - `--` (dois hifens) para slides verticais (sub-slides). ## 🟡 Intermediário 3. **Notas do Orador**: Usando `note:` dentro do slide. 4. **Markdown Externo**: Permite manter o conteúdo dos slides em arquivos separado da estrutura HTML do Reveal.js. ## 🔴 Desafio 5. **Slide Interativo**: Resposta prática criando a estrutura de slides para uma aula rápida.