Progressive Web Apps - Porque nativo no es significa mejor

Presentación para el Google Developer Group DevFest 2016 de Granada sobre "Progressive Web Apps" y todo lo relacionado con ellas

Transcript

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