B05 — Convierte una lista en una interfaz con ciclos
Nivel básico · Lección B05
B05 — Convierte una lista en una interfaz con ciclos
Resultado: plan semanal generado sin repetir HTML.
Concepto central: un ciclo aplica una tarea a varios elementos.
Tiempo orientativo: 75–100 minutos.
¿Copiarías siete veces la misma tarjeta?
No hace falta. Un ciclo recorre datos y genera una tarjeta por elemento. Si la lista cambia, la estructura se adapta.
Conexión anterior
B04 decide qué mostrar; ahora repetiremos esa decisión para varios días.
Conceptos
foreach es apropiado para recorrer colecciones; for cuando controlamos un contador y while cuando la repetición depende de una condición. Todo ciclo necesita una salida clara.
Laboratorio 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>
Prueba con una lista vacía y agrega un mensaje mediante una condición.
Misión Media
Genera un calendario de cinco sesiones con tema y estado. Usa una condición dentro del ciclo para distinguir pendiente y completada.
Extensión Universidad
Compara for, while y foreach para este caso. Implementa una colección asociativa, maneja el caso vacío y explica complejidad temporal de una sola pasada.
Pruebas
- Lista normal, un elemento y lista vacía.
- Confirma que el número visible empieza en 1.
- Verifica que no duplicaste manualmente el HTML.
Entrega
Envía código, tres capturas o resultados y elección de ciclo justificada. ENVIAR AL TUTOR.
Siguiente: B06 — Funciones reutilizables.
Comments
Post a Comment