Bitácora de IA — Plantilla y Ejemplo

Para qué sirve esto

La bitácora convierte "usé IA" en algo que te deja aprendizaje y que se puede calificar. No es burocracia: es el mismo ejercicio que hace un desarrollador senior cuando revisa el pull request de un junior — solo que aquí el junior es la IA y el senior eres tú.

Regla simple: si la actividad es 🟡 y usaste IA, la bitácora va anexa a la entrega. Sin bitácora, la práctica se califica como si estuviera incompleta.

La plantilla (cópiala a tu entrega)

markdown
Copiar
1## Bitácora de IA
2
3### Interacción 1
4- **Qué le pedí (prompt):**
5- **Qué me dio (resumen en 1-2 líneas):**
6- **Qué estaba mal o me faltó:**
7- **Qué corregí o cambié yo:**
8- **Qué aprendí:**
9
10### Interacción 2
11...

No necesitas registrar cada pregunta trivial ("¿cómo se escribe tal etiqueta?"). Registra las interacciones donde la IA te generó bloques de código que integraste a tu entrega.

Ejemplo real de una bitácora bien hecha

markdown
Copiar
1## Bitácora de IA
2
3### Interacción 1
4- **Qué le pedí:** "Hazme una navbar responsive con hamburguesa en HTML y CSS"
5- **Qué me dio:** Una navbar con flexbox y un menú que se abre con un checkbox oculto.
6- **Qué estaba mal o me faltó:** Usaba divs para los enlaces en vez de <nav> y <ul>,
7  y el menú no se cerraba al hacer clic en un enlace. Tampoco tenía aria-label.
8- **Qué corregí:** Cambié la estructura a <nav><ul><li>, agregué aria-label="menú principal"
9  y ajusté los breakpoints a los de mi diseño (768px en vez de 600px).
10- **Qué aprendí:** La IA tiende a resolver con divs aunque exista una etiqueta semántica.
11  Ahora reviso la estructura antes que el estilo.

Cómo se califica

Consejo de supervivencia: las preguntas de tu defensa salen de tu bitácora. Una bitácora detallada es literalmente la guía de estudio de tu propia defensa.