Aplicación HTML
Tu proyecto ejecutable: se publica y puedes seguir editándolo.
Semana 03 · Guía de trabajo
Guía del estudiante
Un cambio pequeño que puedes explicar, comprobar y conservar.
Antes de empezar
Puedes trabajar en el navegador o extraer el paquete y abrir
index.html. El trabajo local no requiere instalación. Asistencia, IA y GitHub sí requieren conexión. En un equipo compartido utiliza un alias, no datos personales.Abre la clase práctica
Usa la presentación como secuencia y abre el taller en otra pestaña. Si trabajas en pareja, alterna el control del equipo.
Completa Mi diseño
Describe necesidad, usuario, pantalla, dato, regla y criterio. Contesta el diagnóstico con tus palabras.
Ejecuta antes de editar
En Vista previa, prepara Algoritmos · Actividad · 15. Identifica en Código las funciones leerRecurso, validarRecurso y mostrarRecurso.
Aplica un cambio pequeño
En Código, cambia minimoTitulo: 3 por minimoTitulo: 4. Pulsa Aplicar código y probar. El número es una decisión de este ejercicio.
Revisa la ayuda de IA
Usa uno de los prompts escritos si tienes conexión. Si no usas IA, anótalo. No registres una consulta que no realizaste.
Prueba y registra
En Pruebas y explicación, escribe qué ocurrió en cada caso. No confundas la respuesta esperada con el resultado observado.
Descarga y vuelve a abrir
Descarga index.html, README.md y tu respaldo JSON. Abre el HTML descargado y repite la prueba. Exportar no envía una entrega.
Publica solo tu proyecto
Usa la guía GitHub para subir index.html y README.md. Nunca subas todo el paquete de clase, el respaldo ni material docente.
Explica y cierra
Muestra tu entrada, objeto, función, regla y salida. Conserva enlaces reales; si Pages no está listo, marca pendiente. Borra el borrador del equipo compartido y cierra sesión.
README
Tu explicación: propósito, estructura, cambio, prueba y ayuda recibida.
Respaldo JSON
Tu copia privada de trabajo: permite restaurar código y ficha en el taller.
Cuando algo no sale
Los cambios no aparecen
Pulsa Aplicar código y probar. El texto del editor no actualiza la vista por sí solo.
Al recargar se pierde la ficha de ejemplo
Es el límite de esta versión: la ficha del proyecto vive en memoria. El borrador del taller y el proyecto son cosas distintas.
El navegador no conserva el borrador
La política o el modo privado puede impedirlo; con file: varía según navegador. Exporta JSON antes de cerrar.
Se abre código en vez de una página
Comprueba que el archivo termine en .html, no en .html.txt, y ábrelo con un navegador.
Pages muestra 404
Revisa main, /(root) y el nombre exacto index.html. Espera a que termine la publicación y usa Visit site.
No hay computadora o conexión
Trabaja la ficha en papel, sigue la demostración y solicita tu turno de ejecución. Registra qué realizaste y qué solo observaste; no marques una publicación inexistente.
Base: Sílabo ET505 REV3 · pp. 2–3 y 6 · MDN · localStorage · GitHub Docs · Crear un sitio con Pages. Ejemplos y secuencia: elaboración didáctica del curso.