B05 | Transforme uma lista em interface usando laços
Nível básico · Lição B05
B05 | Transforme uma lista em interface usando laços
Resultado: Plano semanal gerado sem repetição de HTML.
Conceito principal: Um loop aplica uma tarefa a vários elementos.
Tempo de orientação: 75–100 minutos.
Você copiaria o mesmo cartão sete vezes?
Não é necessário. Um loop percorre os dados e gera um cartão por item. Se a lista mudar, a estrutura se adapta.
Conexão anterior
B04 decide o que mostrar; Agora vamos repetir essa decisão por vários dias.
Conceitos
foreach é apropriado para loop em coleções; for quando controlamos um contador e while quando a repetição depende de uma condição. Cada ciclo precisa de uma saída clara.
Laboratório guiado
<?php
$topics = ["Variables", "Condiciones", "Ciclos"];
?>
<ul>
<?php foreach ($topics as $position => $topic): ?>
<li>Sesión <?php echo $position + 1; ?>: <?php echo $topic; ?></li>
<?php endforeach; ?>
</ul>
Experimente uma lista vazia e adicione uma mensagem usando uma condição.
Missão Média
Gera um calendário de cinco sessões com tema e status. Use uma condição dentro do loop para distinguir pendente e concluído.
Extensão Universitária
Compare for, while e foreach para este caso. Ele implementa uma coleção associativa, trata o caso vazio e leva em conta a complexidade do tempo em uma única passagem.
Testes
- Lista normal, um elemento e lista vazia.
- Confirme se o número visível começa em 1.
- Verifique se você não duplicou manualmente o HTML.
Entrega
Envie código, três screenshots ou resultados e escolha de ciclo justificada. ENVIAR PARA O TUTOR.
Próximo: B06 — Funções reutilizáveis.
Comments
Post a Comment