Aplicaciones Web Progresivas · TSU-TIC
Construye e instala tu propia app de ventas en 9 semanas.
El alumno desarrollará aplicaciones web progresivas integrando herramientas y APIs para aprovechar los recursos del dispositivo en distintas plataformas. Esta guía organiza las dos unidades del programa oficial en sesiones de 3 horas semanales, con un proyecto final real: una PWA de ventas instalable, offline y publicada.
Entrega ING10-1 · Logo + Menú de tu negocio
🏷️ Logo y 📋 Menú en fotografía
Cada alumno de ING10-1 tiene un negocio y un giro asignados. Sube la fotografía de tu
logo y la de tu menú en sus dos accesos, cumpliendo las especificaciones y la
lista de cotejo. Consulta la guía de tu giro (producto estrella, 15 productos sugeridos con
precio, colores y tips) y con ella ajusta tu guiau2.html con 15 productos con su fotografía.
Cierre del cuatrimestre · Recuperaciones
🔁 Reposición única · lunes 23 de noviembre
Si tienes una unidad en NA y cumples el requisito de asistencia, revisa qué debes presentar. En la Unidad 2 la recuperación es un video de toda la práctica, leyendo la Guía U2 mientras la construyes. El límite para enviar es el domingo 22 de noviembre a las 10:00 pm.
Recuperación U1 → Recuperación U2 (video) → Calendario final →
Por qué este stack (y no Glide, AppSheet o Django)
La evidencia oficial de la Unidad 2 pide un repositorio con la PWA que incluya manifest, Service Worker, vistas con renderizado en cliente y en servidor (CSR/SSR), almacenamiento local/remoto con sincronización, notificaciones push y acceso a características del dispositivo. Son artefactos de código reales que un builder sin código no expone, y que un backend como Django/MySQL tampoco pide el programa. Por eso el curso usa HTML/CSS/JS "sin frameworks" —fácil de seguir en clase— apoyado en dos herramientas gratuitas que hacen la parte tediosa:
PWABuilder
Genera y valida el manifest.json y el Service Worker a partir de tu sitio, y
empaqueta la app para publicarla. Sin cuenta, sin límite de alumnos conectados a la vez.
Workbox
Simplifica el código del Service Worker (caché de app-shell, estrategias offline) para que el alumno entienda el patrón sin escribirlo desde cero.
GitHub Pages
Hosting gratuito por alumno/equipo: cada quien publica su propio repositorio, así nadie depende de un plan compartido con cupo limitado.
El camino en 9 semanas
Distribución de las 27 horas programadas del plan oficial (7 h Unidad 1 + 20 h Unidad 2) en sesiones semanales de 3 horas.
Semanas 1–3 · Unidad 1
Qué es una PWA, entorno de desarrollo, primer checklist de herramientas instaladas.
Semanas 3–9 · Unidad 2
Manifest y app shell, CSR/SSR, datos offline/online, Service Worker y notificaciones, pruebas y publicación de la app de ventas.
Ver el detalle de la Unidad 1 → · Ver el detalle de la Unidad 2 →
Esta misma página es una PWA
Tiene su propio manifest.json e instala un Service Worker (mira sw.js) que
cachea el sitio para verlo sin conexión. Ábrela en Chrome y busca el ícono de instalar en la barra de
direcciones — es el ejemplo vivo del resultado que construirán en la Unidad 2.