+Israel Blancas@iblancasa

Progressive Web Appsporque nativo no significa mejor

Israel Blancas

@iblancasa

Software Engineer at Real-Time InnovationsGoogle Developer Group organizer

What are the Progressive Web Apps?

Progressive Web App uses modern web platform capabilities to deliver an app-like user experience

Instant loading

FastPush notifications

Add to home screen

Secure Responsive

Web Platform PM at Microsoft Edge

AliExpress

2x morepage views

74% increasein time spent

82% moreconversions on iOS

Android App Mobile Web

$3.75

$0.07

Housing.com: User Acquisition Costs

Every interaction step costs

20%of your potential users.

goo.gl/LouFF

Instant loading

FastPush notifications

Add to home screen

Secure Responsive

Instant loadingService Workers allow your apps to load nearly instantly and reliably, no matter what kind of network connection your user is on.

Application Shell Architecture

60%goo.gl/fDkY1g

almost

of mobile is 2G

Push notifications

of users abandon sites that take longer than 3 seconds to load53%

goo.gl/a3g4J5

Add to home screenWeb app install banners give you the ability to let your users quickly and seamlessly add your web app to their home screen, making it easy to launch and return to your app.

Add to home screen

Push notificationsWeb push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications, even when the browser is closed.

Push notifications

FastSmooth animations, scrolling, and navigations keep the experience silky smooth.

Offline first!

SecureHTTPS secures the connection between you and your users, ensuring your users information is protected and isn't tampered with.

ResponsiveModern users live on phones, tablets and laptops; your apps and websites should do the same. Learn how to structure and code your content to look great on screens of any size.

Faster deploys

● Deploying updates / fixes on web vs. native takes hours, not weeks.○ Faster A/B testing○ App always up-to-date

Accelerometer

Physical Web

Physical Web

Payments

Virtual Reality

How to start?

Polymer Starter Kit

Web app scaffolding, via web components.

goo.gl/qy16Jk

https://pwa.rocks/

https://codelabs.developers.google.com/codelabs/your-first-pwapp/

https://developers.google.com/web/progressive-web-apps/

Thank you Paul!@paul_kinlan

Israel Blancas

@iblancasa

GRACIAS POR VUESTRA ATENCIÓN

Y ahora...

Agradecimientos

Agradecimientos

https://gdg.es

¡Gracias por todo!

Estamos aquí por vosotros, por

pasarlo bien, por la comunidad

Y esperamos que os haya gustado

Comunidadeslocales

https://www.meetup.com/es-ES/Granada-Geek/

http://databeersgrx.com/

http://granadajam.com/

https://www.facebook.com/Pythongranada/

https://geekandtechgirls.github.io/

https://github.com/beerjs/granada

http://www.meetup.com/es-ES/PHPGranada/

https://twitter.com/inter_ferencias

Sorteos

¡Esperamos vuestro feedback!

¡Hasta pronto!