Progresive
Web
Applications

Requisitos

HTTPS
Responsive
Service worker
Manifest

HTTPS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin urna odio, aliquam vulputate faucibus id, elementum lobortis felis. Mauris urna dolor, placerat ac sagittis quis.

Responsive

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin urna odio, aliquam vulputate faucibus id, elementum lobortis felis. Mauris urna dolor, placerat ac sagittis quis.

Service worker

Image, have no idea

Service Worker

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec metus justo. Aliquam erat volutpat.

Service Worker

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin urna odio, aliquam vulputate faucibus id, elementum lobortis felis. Mauris urna dolor, placerat ac sagittis quis.

Web
Worker

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin urna odio, aliquam vulputate faucibus id, elementum lobortis felis. Mauris urna dolor, placerat ac sagittis quis.

Manifest

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec metus justo. Aliquam erat volutpat.

Home Screen Metadata

Applicación instalada desde una applicación web

Metadata

  • icons
  • background_color
  • theme_color
  • etc

Donde agregarlo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec metus justo. Aliquam erat volutpat.

Como se vé

Screenshot pwa instalada

Como se vé

Screenshot pwa instalada

Ventajas

Subtitle

Desventajas

Subtitle

Referencias

  • https://developers.google.com/web/progressive-web-apps/checklist
  • https://tech.ovoenergy.com/web-workers-vs-service-workers/
  • https://aarontgrogg.com/blog/2015/07/20/the-difference-between-service-workers-web-workers-and-websockets/
  • https://developer.mozilla.org/es/docs/Web/Manifest

 

 

 

PWA

By Mateo Restrepo Restrepo