Aplicaciones Web Progresivas (PWA)

Son sitios web

• Confiables
• Rapidos
• (que )Engachan
• Seguros

Un poco de contexto

Programadores vs Diseñadores

Diseñadores Web

• Diseños atractivos
• User first
• Usar tecnologias web evitando usar mucho frameworks o libraries
• No piensan (a veces) en el backend developer

Programadores Web

• Diseños que funcionen
• Performance first
• Framework web de moda
• No concuerdan (a veces) con el diseñador web

¿Que alguién piense en los usuarios/clientes?

¿Que busca el cliente?

• Informar
• Que el usuario interactue con ellos
• Que el usuario se mantenga

Sitios Web y Aplicaciones Moviles

Hablemos de

• Aplicaciones moviles hibridas
• Single Page Applications
• Aplicaciones moviles nativas

Lo mejor de dos mundos

Aplicaciones Web Progresivas

Diseñadores y Desarrolladores trabajando juntos felices de nuevo

• Client First
• Secure First
• Performance First

Web APIs

• Devices APIs (access hardware)
• Communication APIs (communicate other devices/pages)
• Data Management APis (data storaged and managed)
• Privileged APIs (specified rights by the user)
• Certified APIs (low level application performing critical operations)

Estado de la web

whatwebcando.today

Caracteristicas de PWA

Service Workers

Scripts que se ejecutan en el navegador en background de forma independiente a la pagina web. Se usan en notificaciones push, sincronización en background, y geofencing por ejemplo.

Push Notifications

Muestra notificaciones contextuales, relevantes y a tiempo de tu aplicación aun cuando esta este cerrada.

Carga Instantanea

Con ayuda de Service Workers puedes hacer que la carga de sitios web sea más rapida, ya que se almacenan en la memoria del dispositivo.

Rapidos

Animaciones fluidas, scrolling y buenas practicas de diseño y desarrollo a considerar.

Responsivos

No solo se trata de pixel perfect sino de que dependiendo del dispositivo la experiencia sea optima.

Seguros

Seguridad primero, tu sitio no puede ser considerado una aplicación web progresiva sino funciona atraves de https.

Engage

Hacer que tu sitio web se vea y funcione como una aplicación nativa movil sin tener que desarrollar diferentes proyectos para una sola cosa.

Constante Evolución

Todo lo que puedes hacer en aplicaciones nativas, los desarrolladores de nucleo de cada navegador web moderno esta trabajando en como se podria implementar

Construye PWA sí

• Tienes usuarios usando desktop
• Si tu principal target es Android
• No necesitas caracteristicas nativas de Android
• Tu budget es justo

Links de interes

• W3C github
• HTML5 Rocks
• Mozilla Developer Network
• WHATWG github
• PWA Rocks

Recemos para que Safari implemente Service Workers pronto

Gracias