En el Manual de Progressive Web Apps vamos a abordar una de las novedades más destacadas para la realización de sitios web de los últimos años, que está revolucionando el mundo del desarrollo, pero sobre todo el modo en el que los usuarios consumen los sitios y aplicaciones web.
Progressive Web Apps (PWA), o aplicaciones progresivas, son el eslabón que faltaba entre los sitios web y las apps para móviles. Permiten llegar mucho más lejos en el desarrollo de características de las páginas web, acercándose a las posibilidades de desarrollo de apps para móviles (aquellas que instalas en el dispositivo a partir de los correspondientes stores de aplicaciones).
Gracias a las Progressive Web Apps podemos instalar aplicaciones en el sistema operativo, colocando un icono en el lanzador de aplicaciones, igual que si hubieses descargado tu app. Pueden funcionar en background, aunque no tengas abierta la página de un sitio web, recibir notificaciones push, mostrar una pantalla de arranque mientras cargan, etc.
En resumen, son aplicaciones muy parecidas a las apps, pero que se pueden instalar sólo con entrar en una página web, sin necesidad de forzar a los usuarios a descargarse e instalar la aplicación a través de una store. Para facilitar todas estas novedosas funcionalidades usan por debajo los servicios ofrecidos por el navegador, en vez de los que ofrecen los sistemas operativos.
Las aplicaciones progresivas las desarrollas con tecnologías web, son ligeras y rápidas y no están supeditadas al uso de ningún framework. Las haces con tecnologías estándar, como HTML, CSS y sobre todo Javascript.
En el Manual de PWA te enseñamos a implementar las características disponibles en este modelo de aplicación, con lenguajes estándar, que podrás aplicar a cualquier tecnología de desarrollo que desees utilizar.
En Manual de Progressive Web Apps encuentras:
Artículos del manual
-
Guía de inicio rápido de PWA creada con Ionic
En este artículo te exponemos una manera de construir una PWA de manera rápida usando el framework Ionic. Te permitirá conocer la estructura de las Progressive Web Apps y entender mejor cuáles son sus componentes, aparte de un desarrollo más rápido si decides usar Ionic para tu proyecto.
-
1
Crea tu primer Progressive Web App con Ionic
Explicaciones generales sobre las Progressive Web Apps y sobre cómo comenzar el desarrollo de aplicaciones progresivas usando el framework Ionic 2.
-
Aprender a usar las nuevas utilidades de Progressive Web Apps
Para construir aplicaciones progresivas necesitamos conocer una serie de nuevas utilidades disponibles en el navegador, que debemos incorporar en los desarrollos. Comenzaremos por el archivo manifest.json, con el que podemos ofrecer mucha información adicional sobre la app. Veremos luego los service workers, una herramienta fundamental, el corazón de las funcionalidades novedosas de las aplicaciones progresivas. Veremos además que el propio Javascript tiene una serie de API adicionales que podremos usar en los service workers para implementar diversas mejoras en la web.
-
2
Entendiendo el manifest de las Progressive Web Apps
Entendiendo el manifiesto, archivo manifest.json, uno de los principales elementos de las progressive web apps, dedicados especificar datos acerca de una web.
-
3
Service Workers
Qué son los service workers, qué cosas podemos hacer con ellos, qué problemas solucionan, cuál es su ciclo de vida y como registrar un service worker en un sitio web.
-
4
Entendiendo Fetch API en PWA
Qué es Fetch API, una de las API de los Service Workers. Te explicamos su funcionamiento con ejemplos y aplicaciones en las Progressive Web Apps.
-
5
Entendiendo el Cache API
Qué es el caché API, cómo funciona para el desarrollo de novedades asombrosas de las Progressive Web Apps. Ejemplos de uso de cache API en el service worker.
-
6
Estrategias Offline en PWA
Explicamos una característica fundamental de las Progressive Web Apps (PWA) como es la capacidad de trabajar offline, junto con las estrategias offline que podemos implementar.
-
7
Entendiendo IndexedDB
Qué es IndexedDB y cómo trabajar con este sistema de base de datos transaccional que está integrado en el navegador y podemos usar para desarrollar aplicaciones web y PWA.
Descargas
-
Descarga del Manual de PWA en libro electrónico Aquí tienes la descarga del manual de PWA como libro electrónico, para poder llevarlo contigo a cualquier parte y leer cómodamente en tu dispositivo, PDF, ePub o Kindle.
Archivos disponibles: PDF, ePup, Mobi (Kindle)
Páginas: 35 (Referencia por el archivo PDF)