Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Progressive Web Apps - Porque nativo no es significa mejor

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


Israel Blancas

November 25, 2016

More Decks by Israel Blancas

Other Decks in Programming


  1. +Israel Blancas @iblancasa Progressive Web Apps porque nativo no significa

  2. Israel Blancas @iblancasa Software Engineer at Real-Time Innovations Google Developer

    Group organizer
  3. None
  4. None
  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

  8. None
  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

  12. None
  13. Every interaction step costs 20% of your potential users. goo.gl/LouFF

  14. None
  15. Instant loading Fast Push notifications Add to home screen Secure

  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
  20. None
  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

  23. None
  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

  27. Offline first!

  28. None
  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?

  38. None
  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...

  46. None
  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!