Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
01-setup
02-proyecto
03-conceptos
04-appification
05-offline
06-share
07-notifications
08-background
09-tooling
10-optimization
11-links
.gitignore
LICENSE
readme.md

readme.md

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.

Ir a arriba 🚁

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 - Configurando el ambiente ⚙️

You can’t perform that action at this time.