Quien opera
Abre el taller, modifica el archivo y ejecuta las pruebas.
Práctica · 100 minutos5 min
Analizo, mejoro,
pruebo y publico.
Partimos de una ficha educativa. Harás un cambio pequeño, lo explicarás y conservarás una versión que puedas compartir.
Plantilla guiadaPruebas realesDatos ficticios
La asistencia de práctica es independiente. Utiliza su espacio QR en todas las pantallas. Si aparece «Pendiente», espera la indicación del docente; no uses el QR de teoría.
Abrir taller del estudiante →Base: Sílabo ET505 REV3 · pp. 2–3 y 6. Ejemplos y secuencia: elaboración didáctica del curso.
01 · 5 minutos5 min
Dos roles, una explicación individual.
Quien revisa
Pregunta por el propósito, anticipa el resultado y registra lo que observa.
Intercambien los roles a mitad del trabajo. Cada persona debe explicar al menos un dato, una función y el cambio.
Comprueba cuentas y conexión antes del tramo GitHub. Si no están disponibles, conserva la copia local y registra “publicación pendiente”.
Base: Sílabo ET505 REV3 · pp. 2–3 y 6. Ejemplos y secuencia: elaboración didáctica del curso.
02 · 10 minutos10 min
Completa tres decisiones.
Usuario
¿Quién preparará la ficha?
Necesidad
¿Qué problema resuelve ver título, tipo y duración juntos?
Límite
¿Qué NO hará todavía esta primera versión?
En el taller, abre Mi diseño y escribe tus respuestas. No uses datos reales de estudiantes.
Abrir ficha de diseñoBase: Sílabo ET505 REV3 · pp. 2–3 y 6. Ejemplos y secuencia: elaboración didáctica del curso.
03 · 10 minutos10 min
Ejecuta la base antes de editar.
Abre la vista previa
Escribe Algoritmos, elige Actividad y coloca 15 minutos.
Pulsa Preparar ficha
Relaciona las entradas con el título, tipo y duración del resultado.
Busca las partes en Código
Localiza leerRecurso, validarRecurso y mostrarRecurso.
Base: Sílabo ET505 REV3 · pp. 2–3 y 6 · MDN · Funciones · MDN · Trabajando con objetos. Ejemplos y secuencia: elaboración didáctica del curso.
04 · 15 minutos15 min
Un cambio: mínimo de 4 caracteres.
minimoTitulo: 3
// Decisión del ejercicio: cambia el valor a 4.En Código, busca esa propiedad, cambia solo el valor y pulsa Aplicar código y probar.
En tu ficha de diseño, explica por qué esa parte es una regla y qué resultado esperas con “Sol” y con “Luna”.
Conserva la estructura. No pegues una aplicación totalmente distinta ni modifiques todo para lograr un cambio pequeño.
Base: Sílabo ET505 REV3 · pp. 2–3 y 6. Ejemplos y secuencia: elaboración didáctica del curso.
05 · 10 minutos10 min
Depuración o revisión de una mejora.
Si aparece un error
Copia el prompt de depuración. Describe lo esperado, lo observado y los pasos para reproducirlo.
Si la base funciona
Copia el prompt de mejora. Pide revisar tu decisión antes de generar código.
Lee la respuesta y registra en Pruebas y explicación qué aceptaste o rechazaste.
Abrir los prompts escritosSin conexión o sin cuenta: pide al compañero o al docente que revise la misma pregunta y registra “IA no utilizada”. No se requiere comprar una suscripción.
Base: Sílabo ET505 REV3 · pp. 2–3 y 6. Ejemplos y secuencia: elaboración didáctica del curso.
06 · 15 minutos15 min
Ejecuta y registra, no adivines.
| Caso | Qué debe suceder con mínimo 4 |
|---|---|
| Luna · Actividad · 15 | Muestra una ficha correcta. |
| Sol · Actividad · 15 | Informa que el título es corto; no reemplaza la última ficha válida. |
| Título vacío o solo espacios | Informa que falta un título suficiente. |
| Luna · Actividad · 0 | Rechaza duración fuera del rango. |
| Botón Limpiar | Oculta la ficha y reinicia los campos. |
Escribe el resultado observado y selecciona pendiente, cumple o no cumple en el taller.
Base: Sílabo ET505 REV3 · pp. 2–3 y 6. Ejemplos y secuencia: elaboración didáctica del curso.
07 · 5 minutos5 min
Tu código y tu explicación.
index.html
En el taller: Descargar mi aplicación. Ábrela después con el navegador y repite una prueba.
README.md
En el taller: Descargar README. Revisa que explique propósito, cambio y pruebas, sin datos privados.
Respaldo JSON
Guarda tu ficha y código para reanudar. Este archivo es de trabajo y no se publica en GitHub.
Los archivos se guardan en Descargas. Si el navegador añade (1), prepara una carpeta limpia con un único
index.html. Descargar no equivale a entregar.Base: Sílabo ET505 REV3 · pp. 2–3 y 6. Ejemplos y secuencia: elaboración didáctica del curso.
08 · 5 minutos5 min
Publica solo tu proyecto.
Crea tu repositorio
Nombre sugerido: et505-aularecursos. Elige Public para la ruta gratuita de Pages.
Sube dos archivos
Con Add file → Upload files, agrega index.html y README.md en la raíz.
Registra el cambio
Mensaje sugerido: “Primera versión: ficha educativa y regla de título”. Confirma el cambio en tu repositorio.
Base: GitHub Docs · Crear un sitio con Pages · GitHub Docs · Añadir archivos. Ejemplos y secuencia: elaboración didáctica del curso.
09 · 10 minutos10 min
El repositorio necesita publicación.
Settings → Pages
En Source, selecciona Deploy from a branch.
main → /(root) → Save
El archivo index.html debe estar en esa raíz. Si tu rama tiene otro nombre, selecciona la que contiene los archivos.
Visit site
Abre la dirección que entregue GitHub, prueba la aplicación y conserva ambos enlaces: repositorio y sitio.
La publicación puede tardar. Si sigue pendiente, registra ese estado y verifica después; no inventes una URL publicada.
Ver guía completa de GitHubBase: GitHub Docs · Crear un sitio con Pages · GitHub Docs · Configurar la publicación. Ejemplos y secuencia: elaboración didáctica del curso.
10 · 10 minutos10 min
Muéstrame qué comprendiste.
Señala: una entrada, un objeto, una función y el resultado.
Explica: qué entregó el docente y qué cambiaste tú.
Demuestra: una prueba normal y una de error.
Reconoce: qué ayuda recibiste y qué queda pendiente.
Exporta el respaldo. En un equipo compartido, borra el borrador del taller y cierra sesión en GitHub.
Evidencia: diagnóstico y plantilla explicada con cambio comprobado. Publicación realizada o pendiente claramente identificada. Sin PA adicional.
Base: Sílabo ET505 REV3 · pp. 2–3 y 6. Ejemplos y secuencia: elaboración didáctica del curso.
11 · ContinuidadConsulta
Una versión para seguir aprendiendo.
Conserva tu proyecto y tu explicación. En la siguiente semana precisarás una mejora educativa y sus criterios de aceptación.
Base: Sílabo ET505 REV3 · pp. 2–3 y 6 · GitHub Docs · Crear un sitio con Pages · GitHub Docs · Configurar la publicación · GitHub Docs · Añadir archivos. Ejemplos y secuencia: elaboración didáctica del curso.