Tarefa 01
Fundamentos de método e organização
Data17/03/2026
Tarefas
Tarefas cadastradas no cronograma.
Cada linha traz o nome da tarefa, a data de referencia e a lista interna dos itens quando expandida.
TítuloDataAção
Tarefa 02
O Ciclo Perfeito (Lógica e Validação Sem Código)
Data18/03/2026
Tarefa 03
Correlação de Arquivos e Mapa da Arquitetura
Data23/03/2026
Tarefa 04
Pesquisa sobre Next.js, React e estrutura de pastas
Data25/03/2026
Tarefa 05
Minha Jornada no Curso
Data27/03/2026
📝 Tarefa 05
Minha Jornada no Curso
O Cenário
Na Aula 05 você vai aprofundar package.json, npm, React, Next.js e a primeira navegação entre páginas. Agora a missão é transformar esse início de jornada em um mini projeto simples e funcional.
Sua Missão
Criar uma home em pages/index.js com botões para as aulas, criar um arquivo para cada aula apresentada até a Aula 05 dentro de pages/aula e incluir um resumo do que foi aprendido em cada uma, além de explicar o que precisou ser instalado e por quê.
Passo 1: Pesquisa complementar
Antes de programar, pesquise dois conceitos que vão aparecer com frequência na organização de interfaces.
- Ação: Pesquise o que é framework para UI e escreva uma explicação curta com suas palavras.
- Ação: Pesquise o que é Atomic Design e escreva uma explicação curta com suas palavras.
Passo 2: Criação da página inicial
A home será o ponto de entrada do projeto e deve representar a jornada da aluna no curso.
- Ação: Crie a página em pages/index.js.
- Adicione um título principal H1.
- Adicione um botão para cada aula apresentada até a Aula 05.
- Os botões devem levar para as rotas /aula/01, /aula/02, /aula/03, /aula/04 e /aula/05.
- Importante: não use estilo neste momento. O foco é estrutura e navegação.
Passo 3: Criação das páginas das aulas
Cada aula apresentada deve ter a sua própria página, com um pequeno registro do que foi aprendido.
- Ação: Crie os arquivos pages/aula/01.js, pages/aula/02.js, pages/aula/03.js, pages/aula/04.js e pages/aula/05.js.
- Em cada página, adicione um título principal H1 com o nome da aula.
- Em cada página, escreva um texto curto resumindo o que foi aprendido naquela aula.
- Em cada página, adicione um botão de Retornar.
- O botão de Retornar deve levar de volta para a página inicial.
Passo 4: Estrutura esperada
A organização das pastas também faz parte da avaliação da tarefa.
- A estrutura mínima esperada é pages/index.js e os arquivos pages/aula/01.js, pages/aula/02.js, pages/aula/03.js, pages/aula/04.js e pages/aula/05.js.
- O objetivo é mostrar que você entendeu como a pasta pages vira rotas dentro do Next.js.
Passo 5: Conteúdo das páginas
A navegação é importante, mas o conteúdo de cada arquivo também deve mostrar a evolução da jornada no curso.
- Cada página deve ter um resumo do que foi aprendido naquela aula.
- Os textos podem ser simples, curtos e objetivos.
- A ideia é transformar o projeto em um pequeno histórico da trajetória da aluna até a Aula 05.
Passo 6: Explicação técnica da entrega
Junto com o projeto, você deve demonstrar que entendeu o ambiente de execução e instalação.
- Explique se teve que instalar alguma coisa.
- Explique o que foi instalado.
- Explique por que precisou instalar.
- Explique para que serve o que foi instalado.