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.
El workshop cuenta con los siguientes módulos:
-
Configurando el ambiente: En este módulo se verá cuáles son las herramientas necesarias para poder desarrollar con estas tecnologías.
-
Explorando el proyecto inicial: En este módulo se verá la aplicación inicial para entender el contexto en el cual estamos trabajando.
-
Conceptos principales: En este módulo se verán algunos de los conceptos principales que están detrás de una PWA.
-
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.
-
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.
-
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.
-
Trabajando con notificaciones: En este módulo se recorrerán los pasos necesarios para enviar, recibir, y mostrar notificaciones y notificaciones push.
-
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.
-
Herramientas para desarrollo: En este módulo se verán herramientas típicas para construir y analizar y mejorar la performance de nuestro sitio.
-
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.
-
Como seguir: En este módulo compartiremos algunos links para estar al tanto de las últimas características y funcionalidades de la web.
Una vez terminado el workshop, se agradece completar la encuesta para poder mejorarlo. También se aceptan issues y pull requests.
Creado por:
- Leonardo Pittelli
- Twitter: @leopittelli
- Nicolas Bello Camilletti
- Twitter: @nbellocam
- Andrés Villanueva
- Twitter: @villanuevand
Avanzar al módulo 1