/workshop

Primary LanguageJavaScriptMIT LicenseMIT

Workshop de Progressive Web Apps (PWA)

El desarrollo de sitios webs fue evolucionando hasta el día de hoy, donde podemos lograr crear sitios webs que funcionen y se sientan como aplicaciones nativas.

En este workshop vamos a ver qué es una progressive web app (PWA) y los conceptos principales que están detrás, evolucionando una web existente con lo necesario para convertir nuestro sitio en una PWA. Aparte, vamos a ver qué herramientas tenemos a la hora de desarrollar un sitio web con estas características.

Módulos

El workshop cuenta con los siguientes módulos:

  1. Configurando el ambiente: En este módulo se verá cuáles son las herramientas necesarias para poder desarrollar con estas tecnologías.

  2. Explorando el proyecto inicial: En este módulo se verá la aplicación inicial para entender el contexto en el cual estamos trabajando.

  3. Conceptos principales: En este módulo se verán algunos de los conceptos principales que están detrás de una PWA.

  4. Appificación de nuestro sitio web: En este módulo se verán los primeros pasos a la hora de convertir nuestro sitio web en una app aprovechando el Web App Manifest.

  5. Haciendo que el sitio funcione de forma offline: En este módulo se verán los conceptos claves del soporte offline que nos permite el service worker.

  6. Agregando soporte para compartir de forma nativa: En este módulo se hará uso de la API de web share que nos permite compartir contenido de manera nativa con otras aplicaciones instaladas.

  7. Trabajando con notificaciones: En este módulo se recorrerán los pasos necesarios para enviar, recibir, y mostrar notificaciones y notificaciones push.

  8. Agregando soporte para Background Sync: En este módulo se hará uso de la API de background sync que nos permitirá ejecutar pedidos a nuestro servidor incluso cuando el usuario ya no esté interactuando con nuestra web.

  9. Herramientas para desarrollo: En este módulo se verán herramientas típicas para construir y analizar y mejorar la performance de nuestro sitio.

  10. Optimizando nuestro sitio web: En este módulo recorreremos algunas mejores prácticas y optimizaciones posibles a la hora de pulir la performance de nuestra web.

  11. Como seguir: En este módulo compartiremos algunos links para estar al tanto de las últimas características y funcionalidades de la web.

Feedback

Una vez terminado el workshop, se agradece completar la encuesta para poder mejorarlo. También se aceptan issues y pull requests.

Sobre los autores

Creado por:

Empecemos!

Avanzar al módulo 1