Passo {{N}} · {{Módulo}} · {{Módulo}} · {{Título da lição}}
{{Nome do curso}} · Visual Course

{{Título da lição}}

{{Uma frase prometendo o que o leitor vai entender ao fim, ancorada no ÚNICO exemplo recorrente do curso.}}

Leia primeiro (fonte primária)
{{Autor — "A melhor fonte única sobre este tópico"}}

{{Uma linha: o que esta lição destila dessa fonte + por que importa para a MISSÃO.}}

Leia a versão simples, ou abra a camada técnica em qualquer seção.
1

A grande ideia


{{Linguagem simples, sem jargão, ancorada no ÚNICO exemplo recorrente.}}

Pense como… {{uma analogia concreta do dia a dia; diga onde ela quebra}}.

Por baixo do capô

{{A versão técnica precisa — termos, mecanismos, casos de borda.}}

2

Em uma imagem


{{caixa}}
{{Legenda: leia da esquerda → direita, nomeie o exemplo recorrente.}}
3

No código


{{Uma frase sobre o que o leitor está vendo.}}

{{caminho/para/o/arquivo/real}}
# trecho real, não editado
{{code}}

Acesse você mesmo

{{Comando ou caminho exato para abrir a coisa real.}}

4

Experimente


{{Convide o leitor a mexer. Traga UM ou MAIS demos de assets/demos/ — CSS no slot LESSON-SPECIFIC.}}

{{Lembrete: você é o professor — convide uma pergunta de acompanhamento — e dê um teaser de uma linha da próxima lição.}}