Crie uma Interface Adaptativa de Próxima Aula
Conteúdo que se Adapta
O melhor aprendizado encontra cada aluno onde ele está. Um aluno que foi bem no quiz precisa de um desafio; um que teve dificuldades precisa revisar. Nesta aula, você vai criar uma interface adaptativa de «próxima aula recomendada» que sugere um caminho com base no desempenho.
Você criará três cartões de recomendação com rótulos, um para cada nível de desempenho: um caminho de revisão para alunos que precisam de mais prática, um caminho estável para quem está no ritmo certo, e um caminho desafiador para os de alto desempenho. Rótulos claros e dicas de cores tornam a escolha certa óbvia.
É aqui que o conteúdo criado com IA prova seu valor — nenhum dois alunos vê exatamente o mesmo próximo passo. Siga as etapas e veja sua interface adaptativa ganhar vida.
Instruções
Adicione um título de página «Recommended Next Lesson» e um subtítulo curto explicando que o caminho se adapta.
Dica: Use `<h1 class="text-3xl font-bold">Recommended Next Lesson</h1>` seguido de um subtítulo `<p>`.
Onde é que isto entra?
<!-- Build your adaptive recommendation UI here -->Escreva na linha 11 — abaixo desse comentário, depois do código que já adicionou.
Crie um contêiner de grade responsivo para conter os três cartões de recomendação.
Adicione três cartões rounded-xl, cada um com um span de rótulo de nível de desempenho (por exemplo, «Needs Review»).
Dê a cada cartão um botão de chamada para ação para que o aluno possa iniciar aquele caminho.
Seu Código
Descreva o que você quer construir para esta etapa e eu escrevo o código — depois clique em Aplicar para inseri-lo no seu editor. Esta etapa: Adicione um título de página «Recommended Next Lesson» e um subtítulo curto explicando que o caminho se adapta.