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.
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.