Curso de Progressive Web Apps

FrontEnd

Conoce los componentes de las Aplicaciones Progresivas (PWA) y aprende a desarrollar la nueva generación de aplicaciones web.

Intermedio Corto (hasta 8 horas) Precio en promoción 90€ 69€

Las PWA, Progressive Web Apps o aplicaciones progresivas, son el nuevo modelo de aplicaciones web, capaces de desempeñar muchas de las tareas que antes solo estaban disponibles al desarrollar apps para dispositivos o aplicaciones de escritorio.

Algunas de las características de las PWA son la posibilidad de instalarse en el dispositivo, trabajar fuera de la interfaz típica del navegador, recibir notificaciones push, trabajar offline o mantener un cacheo selectivo de los archivos que interesen, para facilitar un arranque rápido de las aplicaciones, incluso en dispositivos lentos o en condiciones de red extremas.

Para desarrollar aplicaciones progresivas tenemos que implementar nuevos mecanismos, como el manifiesto, o los service workers y los sistemas de caché. En el curso se explicarán todos los ingredientes necesarios para construir las Progressive Web Apps, con ejemplos prácticos que nos permitan sumarnos a la mayor revolución del desarrollo web en años.

Objetivo del curso

En el curso de Progressive Web Apps vamos a aprender a desarrollar aplicaciones con los bloques que constituyen esta nueva forma de hacer Apps, ofreciendo al estudiante nuevas habilidades para el desarrollo Web.

El estudiante será capaz de construir aplicaciones progresivas, que aprovechen las nuevas características de los navegadores, usando Javascript nativo y algunas de las librerías disponibles para configurar herramientas como los service workers. Para el desarrollo de las aplicaciones no se aplicará ningún framework o librería para desarrollo de la funcionalidad, por lo que este conocimiento lo podrás utilizar en sitios web comunes, así como en sitios desarrollados con cualquier librería o framework.

Requisitos

- Conocimiento de HTML, CSS y Javascript.
- Navegador Chrome instalado.
- Extensión Lightbox instalada.
- Conocimiento básico de GIT.

Programa de clases

1. Creando Nuestra Primer PWA.
¿ Qué son las Progressive Web Apps ?
Conociendo la estructura de una PWA.
El modelo “shell” para Apps.
Organizando nuestra App.
Probando nuestra App.
Publicando nuestra App.

2. Entendiendo el App Manifest.
¿ Para qué sirve el App Manifest ?
Entendiendo las propiedades del Manifiesto.
Generando nuestro Manifestó.
Preparando Assets,
Probando nuestro Manifestó.

3. Entendiendo el Service Worker.
¿ Qué son los Service Worker ?
El ciclo de vida de los Service Worker.
Registrando un Service Worker.
Fetch API.
Trabajando con Promesas.
Entendiendo IndexedDB.

4. Estrategias de Caching con Service Worker.
¿ Por que Caching ?
Entendiendo el CACHE API.
Preparando nuestro Service Worker para Caching.
Entendiendo las estrategias de Caché.
Probando nuestro Caching.
sw-toolbox y sw-precache.

5. Web Push Notifications.
¿ Por que necesito Push Notifications ?
¿ Cómo funcionan las Push Notifications en la Web ?
Preparando nuestra App.
Probando nuestra Push Notifications.
Resumen.

Creando Nuestra Primer PWA

Gratis !
Carlos Rojas

Web Push Notifications

Carlos Rojas

Carlos Rojas

Movíl