Introducción
  • Introducción
  • ¿Cómo funcionará el curso?
  • ¿Cómo hacer preguntas?
  • Instalaciones necesarias para seguir el curso
  • Instalar Git y configuración básica
Fundamentos de las aplicaciones web progresivas
  • Introducción a la sección
  • Temas puntuales de la sección
  • ¿Qué son las aplicaciones web progresivas?
  • ¿Por qué construir una PWA?
  • Conceptos clave de las PWA
  • Material de la sección
Reforzamiento Promesas, Fetch API y HttpServer
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del proyecto y recomendación
  • Promesas 101: Problemática
  • Resolución del problema usando promesas
  • Manejo de errores en las promesas
  • Promise All
  • Promise Race
  • Material adicional sobre promesas
  • Origenes del Fetch - XMLHttpRequest
  • Fetch API
  • Fetch POST / PUT
  • Fetch Blob
  • Response.clone()
  • Manejo de respuestas y errores
  • Leer archivos HTML
  • Tarea: Reforzamiento sobre las promesas y fetch
  • Documentaciones adicionales
  • Código fuente de la sección
Service Worker y Fetch Event
  • Introducción a la sección
  • Temas puntuales de la sección
  • Introducción al Service Worker
  • Inicio del proyecto - Service Worker básico
  • Instalación del Service Worker
  • Service Worker - Fetch Event
  • Formas válidas para realizar peticiones desde el evento Fetch
  • Modificando la respuesta de la petición Fetch
  • Tarea - Interceptar y modificar peticiones
  • Manejo de errores en el Fetch Event
  • Nota: Manejo de errores en el Fetch
  • Código fuente de la sección
  • Examen sobre Service Workers
Ciclo de vida de un Service Worker y los listeners más comunes
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del proyecto - Ciclo de Vida y Listeners
  • Service Worker: Install
  • Service Worker: Activate
  • event.waitUntil( );
  • Service Worker: Fetch
  • Service Worker: Sync
  • Service Worker: Push
  • Código fuente de la sección
  • Examen sobre listeners y ciclo de vida de un Service Worker
Estrategias de Cache y Offline Mode
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del proyecto y respuesta offline básica
  • Respuesta offline HTML String
  • Introducción al cache storage
  • Guardar el APP SHELL a la hora de instalar SW
  • Estrategia: Cache Only
  • Estrategia: Cache with network fallback
  • Cache dinámico - Optimizaciones
  • Limitar el cache dinámico
  • Estrategia: Network with cache fallback
  • Estrategia: Cache with network update
  • Estrategia: Cache y Network Race
  • Navegación offline con página personalizada de error
  • Mostrar la página offline si no existe la petición en cache
  • Borrando versiones viejas del cache
  • Examen sobre el cache
  • Código fuente de la sección
  • Documentaciones adicionales
Despliegues a dispositivos
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicio del proyecto - Twittor
  • Repaso: Configurar SW
  • Repaso: Cache con Network Fallback
  • El archivo Manifest.json
  • Depurar y correr en un dispositivo real
  • Desplegar aplicación en GitHub Pages
  • Instalando nuestra PWA en el dispositivo móvil - Android
  • Mejorando la apariencia en IOS
  • Removiendo el Notch de los iPhones
  • Notas de Android
  • Audits - Lighthouse
  • Generadores automáticos del Manifes.json
  • Código fuente de la sección
IndexedDB - Reforzamiento de base de datos local
  • Introducción a la sección
  • Temas puntuales de la sección
  • Inicios en indexedDB
  • Manejo de errores e inserción de registros