Progressive Web Apps

Curso de Progressive Web Apps

Conoce los componentes de las Aplicaciones Progresivas (PWA) y aprende a desarrollar la nueva generación de aplicaciones web.
Material disponible
Intermedio
5 Clases 9 h
90€
69€
Precio en promoción
Comprar curso
O suscríbete a 200+ cursos
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. 

Qué aprenderé en el Curso de Progressive Web Apps

  • 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.
  • Entendiendo el App Manifest
    • ¿ Para qué sirve el App Manifest ?
    • Entendiendo las propiedades del Manifiesto.
    • Generando nuestro Manifestó.
    • Preparando Assets,
    • Probando nuestro Manifestó.
  • 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.
  • Estrategias de Caching con Service Worker
    • ¿Por qué Caching?
    • Entendiendo el CACHE API.
    • Preparando nuestro Service Worker para Caching.
    • Entendiendo las estrategias de Caché.
    • Probando nuestro Caching.
    • sw-toolbox y sw-precache.
  • 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.

Objetivos 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.

Qué tengo que saber

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

Clases y contenidos

Creando Nuestra Primer PWA Gratis
  • ¿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.
 Entendiendo el App Manifest
  • ¿ Para qué sirve el App Manifest ?
  • Entendiendo las propiedades del Manifiesto
  • Generando nuestro Manifestó
  • Preparando Assets
  • Probando nuestro Manifesto
 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
 Estrategias de Caching con Service Worker
  • ¿ Por qué Caching ?
  • Entendiendo el CACHE API
  • Preparando nuestro Service Worker para Caching
  • Entendiendo las estrategias de Caché
  • Probando nuestro Caching
  • sw-toolbox y sw-precache
 Web Push Notifications
  • ¿ Por qué necesito Push Notifications ?
  • ¿ Cómo funcionan las Push Notifications en la Web ?
  • Preparando nuestra App
  • Probando nuestra Push Notifications
Comprar curso

Valoraciones

FRANCISCO JAVIER GARCIA GUIRADO

Xavier Minguijón

Visualnacert

Cursos que también te pueden interesar

Angular, Progressive Web Apps
Curso de Progressive Web Apps con Angular
Nivel Intermedio
Polymer, Progressive Web Apps, Frameworks Javascript
Curso de Progressive Web Apps con Polymer
Nivel Avanzado
¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete