La Isla
Un entorno controlado… en teoría. Ideal para hablar de ambientes: dev, test, prod.
Relacionar con despliegue →Bienvenidos al Parque… de Prácticas
Esta página está pensada para el curso: estructura clara, estilos separados, y componentes típicos de una web moderna. Ideal para practicar deploy, control de versiones y cambios incrementales.
- Layout con grid y responsive
- Botones y tarjetas reutilizables
- Sección “deploy checklist” para clase
Secciones del sitio
Pequeñas tarjetas para practicar: edición de contenido, estilos, y despliegue.
La Energía
Si se cae la energía, todo cambia. Buen paralelismo para: monitoreo, alertas, y plan de contingencia.
Checklist y rollback →El Cercado
Límites claros: seguridad, permisos mínimos y buenas prácticas. “Confianza cero”, pero con estilo.
Hardening básico →
Contenido principal
Agrega aquí un texto breve sobre la película, curiosidades, o una sección temática (sin usar material con copyright textual largo). Lo importante es que el sitio tenga estructura real para practicar despliegue.
Idea para la clase
Cambios sugeridos: agregar un “versión del sitio”, meter un footer con fecha, o añadir una nueva tarjeta. Luego desplegar de nuevo y comparar.
Objetivo
Separación de responsabilidades: HTML (estructura) y CSS (estilo).
Práctica
Publicar en un hosting estático (GitHub Pages, Azure Static Web Apps, etc.).
Checklist de despliegue
Lista corta para usar en el Taller: antes, durante y después del deploy.
Antes
- Validar que el HTML sea semántico y consistente.
- Revisar rutas relativas a CSS e imágenes.
- Probar responsive (móvil y escritorio).
Durante
- Versionar cambios (commit con mensaje claro).
- Deploy a staging (si aplica) y verificar.
- Publicar a producción.
Después
- Verificar carga y navegación.
- Chequear consola del navegador (errores 404, etc.).
- Documentar el cambio (breve).
Tip: cuando agreguemos imágenes, solo hay que reemplazar los placeholders por
etiquetas
<img> y ajustar tamaños en CSS.