Layout de Módulo

O layout de módulo é a estrutura principal para o conteúdo educacional. Ele fornece navegação lateral automática, checklist de progresso e estrutura semântica para explicação, exercícios e desafios.

Exemplo Visual

Visualize um módulo completo utilizando este layout no link abaixo:

Como Utilizar

Configuração Básica (Front Matter)

---
layout: layouts/module.njk
pageTitle: "Título da Página"
title: "Título H1 do Módulo"
moduleTitle: "Título na Sidebar"
moduleHasExplanation: true
moduleHasExercises: true
moduleHasChallenges: true
moduleChecklist:
  - id: "item-1"
    label: "Tarefa 1"
    completed: false
asideTopButton:
  title: "Início"
  href: "/"
  text: "Voltar"
  variant: "nav"
---

Parâmetros Disponíveis

• layout (obrigatório): Deve ser layouts/module.njk.
• moduleTitle (obrigatório): Título exibido no topo da navegação lateral.
• moduleHasExplanation (bool): Habilita o link âncora para #explicacao.
• moduleHasExercises (bool): Habilita o link âncora para #exercicios.
• moduleHasChallenges (bool): Habilita o link âncora para #desafios.
• moduleChecklist (array): Lista de objetos para gerar o checklist lateral.
• asideTopButton (object): Configuração do botão de retorno na sidebar.

Estrutura do Conteúdo

O conteúdo da página deve ser dividido em seções com IDs correspondentes à navegação:

<section id="explicacao" class="module__section">
  ...
</section>

<section id="exercicios" class="module__section">
  ...
</section>