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.
- Configurando el ambiente ⚙️
- Explorando el proyecto inicial 🔎
- Conceptos principales 📜
- Appificación de nuestro sitio web 🏠
- Haciendo que el sitio funcione de forma offline 🔌
- Agregando soporte para compartir de forma nativa 🏗️
- Trabajando con notificaciones 🔔
- Agregando soporte para Background Sync ♻️
- Herramientas para desarrollo 🛠️
- Optimizando nuestro sitio web 🔩
- Como seguir 🤔
El workshop cuenta con los siguientes módulos:
En este módulo se verá cuáles son las herramientas necesarias para poder desarrollar con estas tecnologías.
En este módulo se verá la aplicación inicial para entender el contexto en el cual estamos trabajando.
En este módulo se verán algunos de los conceptos principales que están detrás de una PWA.
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.
En este módulo se verán los conceptos claves del soporte offline que nos permite el service worker.
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.
En este módulo se recorrerán los pasos necesarios para enviar, recibir, y mostrar notificaciones y notificaciones push.
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.
En este módulo se verán herramientas típicas para construir y analizar y mejorar la performance de nuestro sitio.
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.
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 - Configurando el ambiente ⚙️