progressive web apps - porque nativo no es significa mejor
TRANSCRIPT
![Page 1: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/1.jpg)
+Israel Blancas@iblancasa
Progressive Web Appsporque nativo no significa mejor
![Page 2: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/2.jpg)
Israel Blancas
@iblancasa
Software Engineer at Real-Time InnovationsGoogle Developer Group organizer
![Page 3: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/3.jpg)
![Page 4: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/4.jpg)
![Page 5: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/5.jpg)
What are the Progressive Web Apps?
![Page 6: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/6.jpg)
Progressive Web App uses modern web platform capabilities to deliver an app-like user experience
![Page 7: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/7.jpg)
Instant loading
FastPush notifications
Add to home screen
Secure Responsive
![Page 8: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/8.jpg)
![Page 9: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/9.jpg)
Web Platform PM at Microsoft Edge
![Page 10: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/10.jpg)
AliExpress
2x morepage views
74% increasein time spent
82% moreconversions on iOS
![Page 11: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/11.jpg)
Android App Mobile Web
$3.75
$0.07
Housing.com: User Acquisition Costs
![Page 12: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/12.jpg)
![Page 13: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/13.jpg)
Every interaction step costs
20%of your potential users.
goo.gl/LouFF
![Page 14: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/14.jpg)
![Page 15: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/15.jpg)
Instant loading
FastPush notifications
Add to home screen
Secure Responsive
![Page 16: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/16.jpg)
Instant loadingService Workers allow your apps to load nearly instantly and reliably, no matter what kind of network connection your user is on.
![Page 17: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/17.jpg)
Application Shell Architecture
![Page 18: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/18.jpg)
60%goo.gl/fDkY1g
almost
of mobile is 2G
![Page 19: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/19.jpg)
Push notifications
of users abandon sites that take longer than 3 seconds to load53%
goo.gl/a3g4J5
![Page 20: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/20.jpg)
![Page 21: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/21.jpg)
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.
![Page 22: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/22.jpg)
Add to home screen
![Page 23: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/23.jpg)
![Page 24: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/24.jpg)
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.
![Page 25: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/25.jpg)
Push notifications
![Page 26: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/26.jpg)
FastSmooth animations, scrolling, and navigations keep the experience silky smooth.
![Page 27: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/27.jpg)
Offline first!
![Page 28: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/28.jpg)
![Page 29: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/29.jpg)
SecureHTTPS secures the connection between you and your users, ensuring your users information is protected and isn't tampered with.
![Page 30: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/30.jpg)
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.
![Page 31: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/31.jpg)
Faster deploys
● Deploying updates / fixes on web vs. native takes hours, not weeks.○ Faster A/B testing○ App always up-to-date
![Page 32: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/32.jpg)
Accelerometer
![Page 33: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/33.jpg)
Physical Web
![Page 34: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/34.jpg)
Physical Web
![Page 35: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/35.jpg)
Payments
![Page 36: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/36.jpg)
Virtual Reality
![Page 37: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/37.jpg)
How to start?
![Page 38: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/38.jpg)
![Page 39: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/39.jpg)
Polymer Starter Kit
Web app scaffolding, via web components.
goo.gl/qy16Jk
![Page 40: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/40.jpg)
https://pwa.rocks/
![Page 41: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/41.jpg)
https://codelabs.developers.google.com/codelabs/your-first-pwapp/
![Page 42: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/42.jpg)
https://developers.google.com/web/progressive-web-apps/
![Page 43: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/43.jpg)
Thank you Paul!@paul_kinlan
![Page 44: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/44.jpg)
Israel Blancas
@iblancasa
GRACIAS POR VUESTRA ATENCIÓN
![Page 45: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/45.jpg)
Y ahora...
![Page 46: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/46.jpg)
![Page 47: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/47.jpg)
Agradecimientos
![Page 48: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/48.jpg)
Agradecimientos
![Page 49: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/49.jpg)
https://gdg.es
![Page 50: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/50.jpg)
¡Gracias por todo!
![Page 51: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/51.jpg)
Estamos aquí por vosotros, por
pasarlo bien, por la comunidad
![Page 52: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/52.jpg)
Y esperamos que os haya gustado
![Page 53: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/53.jpg)
Comunidadeslocales
![Page 54: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/54.jpg)
https://www.meetup.com/es-ES/Granada-Geek/
![Page 55: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/55.jpg)
http://databeersgrx.com/
![Page 56: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/56.jpg)
http://granadajam.com/
![Page 57: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/57.jpg)
https://www.facebook.com/Pythongranada/
![Page 58: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/58.jpg)
https://geekandtechgirls.github.io/
![Page 59: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/59.jpg)
https://github.com/beerjs/granada
![Page 60: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/60.jpg)
http://www.meetup.com/es-ES/PHPGranada/
![Page 61: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/61.jpg)
https://twitter.com/inter_ferencias
![Page 62: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/62.jpg)
Sorteos
![Page 63: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/63.jpg)
¡Esperamos vuestro feedback!
![Page 64: Progressive Web Apps - Porque nativo no es significa mejor](https://reader031.vdocuments.co/reader031/viewer/2022021507/58d106fd1a28ab823e8b504d/html5/thumbnails/64.jpg)
¡Hasta pronto!