Reposición · prácticas no acreditadas · Unidades 1 a 4
Recuperación de prácticas: cada práctica completa, en video
Para recuperar no basta con entregar el repositorio y la práctica: grabas un video por cada práctica no acreditada (6.99 o menos, ya sea porque no la entregaste o porque no alcanzó el mínimo de 7). En cada video construyes desde cero la práctica completa de su guía semanal, leyendo la guía en voz alta mientras la haces, hasta dejarla funcionando y, cuando la guía lo pide, publicada en Render.
⚠️ Reglas obligatorias para evaluar el video
Si no cumples cualquiera de las reglas de esta página, el video no se acepta y tendrías que rehacerlo completo. Como la reposición es única, un video rechazado manda la unidad al examen extraordinario del lunes 7 de diciembre. Recuperas cada práctica con 6.99 o menos: la que no entregaste o la que no alcanzó el mínimo de 7. Las prácticas que ya acreditaste no se vuelven a grabar. Además, no debes rebasar el límite de faltas de la unidad (U1: 2 faltas · U2, U3 y U4: 1 falta).
📹 Requisitos obligatorios del video
1Presentación inicial
Al inicio del video te presentas diciendo:
- Nombre completo: apellido paterno, apellido materno, nombres.
- Grupo: DSM4-1 o DSM4-2.
- Asignatura: Aplicaciones Web.
- Práctica: el prefijo de la práctica que recuperas (por ejemplo
u3p1), su unidad y lo que vas a construir. - Tu cuenta de GitHub abierta en pantalla, con tus dos apellidos visibles.
"Hola, mi nombre es Prado Díaz Bernardo, del grupo DSM4-1, de la asignatura Aplicaciones Web. En este video voy a realizar la recuperación de la práctica u3p1 de la Unidad 3: construir paso a paso el CRUD completo con ModelForms, crear, listar, editar y eliminar registros, agregar una validación personalizada y desplegarlo en Render conectado a MySQL en Aiven…"
2Configuración de pantalla: 3 secciones
Durante todo el video deben verse al mismo tiempo:
- Lado izquierdo: Visual Studio Code, la terminal y el navegador con tu app (Live Server,
runserver, GitHub, Render). - Lado derecho, arriba: la guía de la semana abierta en el navegador, en el paso que vas leyendo.
- Esquina inferior derecha: tu cámara, de 1/6 de la altura de la pantalla, con tu rostro visible.
3Calidad de audio y video
- Grabado todo: la guía de la práctica completa, en local y, si la práctica incluye despliegue, publicada en Render.
- Volumen alto: tu voz se escucha fuerte y clara en cualquier computadora.
- Resolución mínima 720p: todo el código y el texto de la guía deben ser legibles.
- Sin ruido de fondo y solo tu voz: no se debe escuchar a otra persona.
4Leer la guía y explicar mientras trabajas
Esta es la regla central de la recuperación: lees en voz alta cada paso de la guía y lo ejecutas en ese momento, explicando con tus palabras qué hace y para qué sirve. No es válido grabar en silencio, ni narrar algo que ya estaba hecho antes de grabar.
- Explica la teoría de cada guía antes de programarla (está al inicio de cada guía).
- Muestra y explica cada archivo que escribes y cada comando que ejecutas en la terminal de VS Code (la lista de tu unidad está en las pestañas de abajo).
- Prueba primero en tu computadora y, si la práctica incluye despliegue, después en la URL pública de Render.
- Nunca muestres a cámara el contenido de tu
.envni tus contraseñas: muestra solo.env.example. - Narra los errores si aparecen: detén la grabación, resuélvelo, reanuda y explica qué pasó y qué cambiaste.
5Despedida y cierre
- Repite tu nombre completo y tu grupo.
- Da un resumen de lo que construiste y menciona lo que aprendiste.
- Muestra por última vez el repositorio de GitHub de la práctica y, si la tiene, su URL pública de Render funcionando.
- Despídete formalmente.
"Esto ha sido todo. Mi nombre es Prado Díaz Bernardo, del grupo DSM4-1. En este video recuperé la práctica u3p1: construí el CRUD de mi proyecto con ModelForms, con vistas para crear, listar, editar y eliminar, agregué una validación personalizada y lo publiqué en Render conectado a MySQL. Aprendí cómo Django valida los formularios y los protege con CSRF. Gracias por su atención."
6Formato y duración
- Un solo video por práctica. Si recuperas dos prácticas, son dos videos. Si grabaste una práctica por partes, únelas en un solo archivo antes de entregarlo.
- No hay tiempo máximo: los minutos que hagan falta para recorrer toda la guía de la práctica.
- Los errores no se dejan en la grabación: detienes, corriges y al reanudar explicas la corrección.
- No debe verse el uso de IA durante la grabación. Si la usas para resolver un error, detén el video, resuélvelo, reanuda y explica qué ocurrió y qué partes del código cambiaste.
- Prepárate antes de grabar: la guía en pantalla es tu apoyo para ir diciendo lo que se pide.
7Herramientas de grabación (sin marca de agua)
- OBS Studio (gratuito, recomendado: permite poner la cámara en la esquina).
- Zoom (grabar una reunión contigo solo y compartir pantalla).
- ShareX (gratuito), Loom (gratuito con límites), Camtasia (de pago).
🎬 Demostración de cada práctica, unidad por unidad
Elige la unidad. Cada unidad tiene dos prácticas (una por semana; la Unidad 2 tiene cuatro, dos por semana) y grabas un video solo por las que no acreditaste. Cada video empieza con la presentación, sigue el orden de la guía de esa semana y termina con el cierre. Los tiempos son estimados; lo que se evalúa es que se vea cada punto funcionando.
Unidad 1 · Front-End Esencial (Semanas 1 y 2)
Construyes y publicas tu portafolio con HTML5 semántico y Tailwind CSS responsivo, desplegado como Static Site en Render. Revisión: REP. 1, lunes 23 de noviembre.
Inicio de cada video · presentación y punto de partida 5 min
- Presentación (regla 1) diciendo el prefijo de la práctica que recuperas, con la distribución de pantalla (regla 2) ya activa.
- Muestra tu cuenta de GitHub conectada en VS Code. Para
u1p1, la carpeta del proyecto está vacía; parau1p2, partes de tu portafolio de la Semana 1 y todo lo de la Semana 2 se construye en el video.
Video u1p1 · Semana 1: HTML5 semántico y primer despliegue 60 min
- Explica para qué sirve cada etiqueta:
<header>,<nav>,<main>,<section>,<article>y<footer>. - VS Code con la extensión Live Server, Git instalado (
git --version) ygit initen tu carpeta. - Maquetado de
index.html: header, sobre mí, skills y contacto; ábrelo con Live Server. - Recorre la página solo con la tecla Tab para demostrar que es navegable por teclado.
- Formulario de contacto con
<label for>y validación HTML5 (required,type="email"…); explica qué hace cada atributo. - Repositorio
u1p1-…vacío en GitHub,git remote add origin,git add,git commitygit push. - Cuenta de Render con tus nombres y apellidos reales y el Static Site
u1p1-…conectado al repositorio; abre la URL pública.
Video u1p2 · Semana 2: Tailwind CSS responsivo 60 min
- Explica utility-first comparando el mismo botón con CSS normal y con clases de Tailwind; cómo se leen los prefijos
hover:,focus:ymd:. - Script del CDN de Tailwind en el
<head>y prueba de que funciona. - Mobile-first: header y nav apilados en celular y en fila en escritorio; "Sobre mí" en una o dos columnas; grilla de skills; tarjetas de proyectos con hover.
- Formulario estilizado con estados
focus:yhover:; explica por quéfocus:no es cosmético. - Prueba con el modo dispositivo de DevTools en celular y escritorio.
- Repositorio y Static Site nuevos
u1p2-…; abre la URL pública. - Lighthouse: lee el reporte, corrige al menos 2 hallazgos, haz push y vuelve a auditar (accesibilidad ≥ 90).
Cierre de cada video 10 min
README.mdactualizado, escrito por ti.- El repositorio de la práctica (
u1p1-…ou1p2-…) con sus commits fechados y su URL de Render funcionando. - Despedida (regla 5).
Unidad 2 · Fundamentos de Django + MySQL en la nube (Semanas 3 y 4)
Instalas Django, modelas datos, conectas el proyecto a MySQL en Aiven y publicas tu primera versión dinámica en Render. Esta unidad tiene 4 prácticas: la guía de la Semana 3 son u2p1 y u2p2, y la de la Semana 4 son u2p3 y u2p4. Revisión: REP. 1, lunes 23 de noviembre.
Inicio de cada video · presentación y punto de partida 5 min
- Presentación (regla 1) diciendo el prefijo de la práctica que recuperas, con la distribución de pantalla (regla 2) ya activa.
- Muestra tu cuenta de GitHub. Para
u2p1, la carpeta del proyecto está vacía; parau2p2,u2p3yu2p4, partes de la práctica anterior funcionando.
Video u2p1 · Semana 3: Django en tu computadora 30 min
- Explica la arquitectura MTV (Model, Template, View) y cómo viaja una petición.
python -m venv venvy activación (se ve(venv)),pip install django pymysqlydjango-admin startproject.python manage.py runservery la página de bienvenida de Django en el navegador para confirmar que arranca.git add,git commitygit pushal repositoriou2p1-….
Video u2p2 · Semana 3: MySQL en Aiven y "Hola desde MySQL" 50 min
- Cuenta de Aiven, servicio MySQL gratuito y las 5 credenciales de conexión (sin mostrar la contraseña a cámara).
.env(secreto),.env.example(se sube) y.gitignoreque ignora.env;DATABASESensettings.pyleyendo variables de entorno.python manage.py migratecontra MySQL real y las tablas creadas en el panel de Aiven.python manage.py startapp, registro ensettings.py, vista,urls.pyde la app y del proyecto, y la plantilla "Hola desde MySQL".- Práctica autónoma: segunda vista con una tabla HTML estilizada con Tailwind.
git pushal repositoriou2p2-…, con.env.exampley sin.env.
Video u2p3 · Semana 4: modelos, migraciones y admin 40 min
- Explica el ORM: de la clase Python a la tabla SQL.
- El modelo de tu proyecto integrador en
models.py;python manage.py makemigrations,migratey registro enadmin.py. python manage.py createsuperusery prueba del panel/adminen local.git pushal repositoriou2p3-….
Video u2p4 · Semana 4: despliegue dinámico en Render 50 min
pip install gunicorn whitenoise, whitenoise ensettings.py,collectstatic, ySECRET_KEY,DEBUGyALLOWED_HOSTSfuera del código.pip freeze > requirements.txt.- Confirma con qué cuenta de GitHub estás conectado, crea el repositorio
u2p4-…vacío, revisa que no subes secretos y haz elgit push. - Web Service
u2p4-…en Render campo por campo, las 9 variables de entorno,migrateen el Build Command y lectura del log. - Da de alta 5 registros reales desde
/adminen producción y muéstralos en la vista pública.
Cierre de cada video 10 min
- En el video de
u2p4, live coding: agrega un campo al modelo y migra en vivo; muéstralo en local y en Render. - El repositorio de la práctica con sus commits; desde
u2p2, con.env.exampley sin.env. Enu2p4, su URL de Render funcionando. - Despedida (regla 5).
Unidad 3 · CRUD dinámico y sesiones (Semanas 5 y 6)
Completas Crear-Leer-Actualizar-Eliminar con ModelForms y proteges la app con autenticación, sesiones y buenas prácticas de seguridad. Revisión: REP. 2, martes 24 de noviembre.
Inicio de cada video · presentación y punto de partida 5 min
- Presentación (regla 1) diciendo el prefijo de la práctica que recuperas, con la distribución de pantalla (regla 2) ya activa.
- Para
u3p1, partes de tu proyecto de la Unidad 2 funcionando (modelo + MySQL); parau3p2, de tu CRUD de la Semana 5. Lo de la semana que recuperas se construye en el video.
Video u3p1 · Semana 5: CRUD con ModelForms 80 min
- Explica ModelForm, por qué todo
<form method="POST">necesita{% csrf_token %}y el ciclo petición/respuesta. forms.py, la plantilla basebase.htmly el template reutilizable del formulario.- Vistas Crear y Listar con enlaces "Nuevo", "Editar" y "Eliminar".
- Vista Editar reutilizando el mismo formulario y vista Eliminar con pantalla de confirmación.
- Rutas nuevas en
urls.py, prueba en local y revisión de migraciones pendientes. - Repositorio
u3p1-…, Web Service en Render con las 9 variables y prueba del CRUD completo en producción sin usar/admin. - Práctica autónoma:
clean_precio(validación personalizada) y el mensaje de error visible en pantalla.
Video u3p2 · Semana 6: autenticación, sesiones y seguridad 80 min
- Explica
django.contrib.auth: por qué nunca se guarda una contraseña en texto plano (hashing) y qué es una sesión. - Vistas y templates de Registro y Login con Tailwind; vista de Logout y sus 3 rutas.
@login_required, a dónde redirige el login y los mensajes flash en la plantilla base.- "Cada quien ve/edita solo lo suyo":
ForeignKeyaUser, listar solo lo del usuario actual e impedir editar o borrar lo de otro. - Checklist de seguridad: las 4 variables críticas y la comprobación de que
.envnunca se subió a GitHub. - Repositorio
u3p2-…, Web Service en Render, HTTPS confirmado y la autenticación probada en producción. - Práctica autónoma: 2 cuentas de prueba demostrando el aislamiento de datos, documentado en el README.
Cierre de cada video 10 min
- En el video de
u3p2, live coding: crea un usuario nuevo y demuestra que no ve los datos de otro, en la URL de Render. - El repositorio de la práctica (
u3p1-…ou3p2-…) con sus commits y su URL funcionando. - Despedida (regla 5).
Unidad 4 · Proyecto integrador y deployment final (Semanas 7 y 8)
Pules el proyecto integrador, congelas el despliegue final en Render + MySQL y lo sustentas como en la defensa oral. Revisión: REP. 2, martes 24 de noviembre.
Inicio de cada video · presentación y punto de partida 5 min
- Presentación (regla 1) diciendo el prefijo de la práctica que recuperas, con la distribución de pantalla (regla 2) ya activa.
- Para
u4p1, partes de tu proyecto de la Unidad 3 funcionando (CRUD + login); parau4p2, de tu versión pulida de la Semana 7.
Video u4p1 · Semana 7: pulido funcional y simulacro 70 min
- Bitácora de commits con
git log --oneliney tu autoevaluación: ¿hay evidencia de progreso real? - Paginación con
Paginator, búsqueda simple y estado vacío ("aún no hay registros") en el listado. - Checklist de accesibilidad y responsividad con Tailwind, revisado en celular y escritorio.
- Simulacro de live coding cronometrado y repaso conceptual en voz alta: flujo HTTP, ORM y arquitectura MTV.
- Tu guion de defensa de 2 minutos, cronometrado.
- Repositorio
u4p1-…, Web Service en Render y la versión pulida probada en producción, sin errores 500.
Video u4p2 · Semana 8: deployment final y defensa 70 min
- Auditoría final: repaso del checklist de seguridad, backup
.sqlde la base de datos yREADME.mddefinitivo. - Confirma que no queda ninguna migración pendiente.
- Repositorio
u4p2-…, Web Service en Render con las 9 variables y la versión final probada en producción. - Tag anotado con la versión final (
git tag -aygit push --tags) y Release publicado en GitHub. - Defensa express como en clase: muestra la URL
u4p2-…, recita tu guion de 2 minutos y resuelve un live coding.
Cierre de cada video 10 min
- La práctica pública y funcionando en Render: login, CRUD, búsqueda, paginación y datos reales.
- Último
git pushcon su hash; en el video deu4p2, también el Release visible en GitHub. - Despedida (regla 5).
8️⃣ Nomenclatura de cuentas, repositorios y servicios
Todos los nombres llevan tus dos apellidos
- Cuenta de GitHub:
PradoDiazBernardo✅ ·bernardo123❌ ·pradodev❌ (falta un apellido). - Repositorio: prefijo de la práctica + apellido paterno + apellido materno + nombres, en minúsculas, sin acentos y con guiones:
u3p1-prado-diaz-bernardo✅ ·crud-django❌. - Prefijos:
u1p1yu1p2·u2p1alu2p4·u3p1yu3p2·u4p1yu4p2. - Servicio de Render: el mismo nombre que el repositorio:
https://u3p1-prado-diaz-bernardo.onrender.com✅. - Si ya tienes un repositorio o servicio con ese nombre de tu entrega original, agrega
-recal final:u3p1-prado-diaz-bernardo-rec.
Si tu cuenta o tus repositorios no tienen tus dos apellidos, crea unos nuevos con la nomenclatura correcta. No se acepta una entrega que no cumpla esta regla.
9️⃣ Entrega del video
Súbelo a Google Drive
Una carpeta por práctica llamada Recuperacion uXpY-apellidopaternoapellidomaterno (ejemplo:
Recuperacion u3p1-pradodiaz). Un solo enlace por video, no por partes.
Abre los permisos
Clic derecho → Compartir → "Cualquier persona con el enlace puede ver". Verifica el enlace en una ventana de incógnito antes de enviarlo.
Envía el correo antes del domingo 22 de noviembre, 10:00 pm
A Tenor_Prado@yahoo.com.mx. Un correo por cada práctica que recuperas.
- Asunto:
Apellido Paterno Apellido Materno Nombres Grupo Recuperación uXpY
Ejemplo:Prado Diaz Bernardo DSM4-1 Recuperación u3p1 - Cuerpo: lo mismo del asunto, el enlace del repositorio de GitHub, la URL de Render de la práctica (si la tiene) y el enlace de Google Drive listo para ver el video.
Preséntate el día de tu reposición
REP. 1 · lunes 23 de noviembre: prácticas de las Unidades 1 y 2. REP. 2 · martes 24 de noviembre: prácticas de las Unidades 3 y 4. En tu horario de clase. Trae tu proyecto listo para abrirlo: el docente puede pedirte que expliques una parte de tu código o que hagas un cambio en vivo.
Escala de calificación
| Calificación | Nivel | En el video |
|---|---|---|
| 10 | EEstratégico | Todas las partes funcionando en local y en Render, explicadas con tus palabras y sin errores. |
| 9 | AAutónomo | Todo funciona y se explica; detalles menores de explicación o de presentación. |
| 8 | BBásico | Todo funciona en Render, pero la explicación de algunos pasos es superficial. |
| 7 | RReceptivo | Mínimo para acreditar: la práctica queda publicada y funcionando, con las 7 reglas cumplidas. |
| 6 – 0 | NAPreformal | Faltan partes, no se publica o se rompe alguna regla: pasa al extraordinario. |
✅ Lista de verificación antes de entregar
0 de 0 puntos listos
Consejos para que tu video salga a la primera
- Haz un video de prueba de 2 minutos para revisar audio, cámara y que el texto se lea.
- No lo dejes para el último día: si recuperas varias prácticas, graba y entrega una a la vez.
- Haz commit al terminar cada parte para no perder trabajo.
- Si un error te detiene más de 30 minutos, pide ayuda antes de la fecha límite.