Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The web is getting pushy - Phil Nash - Codemotion Amsterdam 2016

365 views

Published on


The battle between native and web rages on. Browsers are fighting hard to tear down the benefits that native developers have relied on since the inception of mobile platforms. One of the greatest draws for native developers has been push notifications, for the web, emails just don't cut it. Enter the Service Worker. Born out of the struggle to make sites work offline it also brings push notifications to the web. We'll build an example app live and see how to implement the Service Worker to enhance the user experience with push notifications. The battle continues, but the web is pushing back.

Published in: Technology
  • Be the first to comment

The web is getting pushy - Phil Nash - Codemotion Amsterdam 2016

  1. 1. THE WEB IS GETTING PUSHY Codemotion Amsterdam 2016
  2. 2. Phil Nash @philnash http://philna.sh philnash@twilio.com
  3. 3. WARNING!
  4. 4. LIVE CODING!
  5. 5. ES6
  6. 6. ES6 ES2015
  7. 7. ES6 ES2015
  8. 8. NEW JAVASCRIPT STUFF
  9. 9. AUDIENCE PARTICIPATION!
  10. 10. THE WEB IS GETTING PUSHY
  11. 11. WEB VS NATIVE
  12. 12. GEOLOCATION
  13. 13. ACCELEROMETER
  14. 14. PEER TO PEER VIDEO CHAT
  15. 15. PUSH NOTIFICATIONS
  16. 16. NOTIFICATIONS
  17. 17. #CODEMOPUSH
  18. 18. DEMO
  19. 19. REAL NOTIFICATIONS
  20. 20. Support 22 22 25 6 14flag
  21. 21. DEMO
  22. 22. PUSH NOTIFICATIONS
  23. 23. SERVICE WORKER
  24. 24. “THE APPLICATION CACHE IS A DOUCHEBAG”
  25. 25. NOT JUST FOR OFFLINE
  26. 26. Service Worker Support 40 44 24 under consideration under consideration
  27. 27. Push Notification Support 42 44 ? non- standard under consideration
  28. 28. Service Worker Support jakearchibald.github.io/isserviceworkerready status.modern.ie
  29. 29. DEMO
  30. 30. WITH GREAT POWER...
  31. 31. The code! github.com/philnash/the-web-is-getting-pushy
  32. 32. The slides! https://speakerdeck.com/philnash
  33. 33. Other resources •   Push notifications and SMS - Twilio blog •   The Service Worker Cookbook - https://serviceworke.rs/ •   Web Push for Node.js - npm - GitHub •   Google Developers - Your first push notifications web app
  34. 34. THANKS!
  35. 35. Use code PNASH20 for 20% off tickets
  36. 36. Thanks! @philnash http://philna.sh philnash@twilio.com

×