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

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
FastPush 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
FastPush 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 load53%
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!