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

The web is getting pushy - TopConf Tallinn

8ec1383b240b5ba15ffb9743fceb3c0e?s=47 Phil Nash
November 18, 2015

The web is getting pushy - TopConf Tallinn

The battle between native and web rages on. The browsers are fighting hard to tear down the benefits that native developers have relied on since the inception of mobile platforms. Geolocation, sorted. Accelerometer, done. Performance, we'll come back to that. But one of the greatest draws for native developers has been push notifications, for the web, email alerts just don't cut it.

But now, new in browsers for 2015, is the Service Worker. Born out of the struggle to make the Appcache work for offline capable sites, it has also brought the advent of push notifications to the web. Through building up an example application live, you will learn how to implement the Service Worker to not only serve up an app when you're offline but enhance the online experience with push notifications.

The battle may continue, but the web is definitely pushing back.

Check out the code from the presentation: https://github.com/philnash/the-web-is-getting-pushy

8ec1383b240b5ba15ffb9743fceb3c0e?s=128

Phil Nash

November 18, 2015
Tweet

Transcript

  1. THE WEB IS GETTING PUSHY TopConf Tallinn

  2. Phil Nash @philnash http:/ /philna.sh philnash@twilio.com

  3. WARNING!

  4. LIVE CODING!

  5. ES6

  6. ES6 ES2015

  7. ES6 ES2015

  8. NEW JAVASCRIPT STUFF

  9. AUDIENCE PARTICIPATION!

  10. THE WEB IS GETTING PUSHY

  11. WEB VS NATIVE

  12. GEOLOCATION

  13. ACCELEROMETER

  14. PEER TO PEER VIDEO CHAT

  15. PUSH NOTIFICATIONS

  16. None
  17. NOTIFICATIONS

  18. #TOPCONFPUSH

  19. DEMO

  20. None
  21. REAL NOTIFICATIONS

  22. Support 22 22 25 6 under consideration

  23. DEMO

  24. None
  25. None
  26. PUSH NOTIFICATIONS

  27. SERVICE WORKER

  28. “THE APPLICATION CACHE IS A DOUCHEBAG”

  29. NOT JUST FOR OFFLINE

  30. Service Worker Support 40 flag 24 ? under consideration

  31. Push Notification Support 42 flag ? non- standard under consideration

  32. Service Worker Support jakearchibald.github.io/isserviceworkerready status.modern.ie

  33. DEMO

  34. None
  35. None
  36. WITH GREAT POWER...

  37. None
  38. None
  39. The code! github.com/philnash/the-web-is-getting-pushy

  40. THANKS!

  41. None
  42. JOIN US!

  43. Help me! On a scale of 0 to 10, how

    likely is it that you would recommend this talk to a friend or colleague? (+372) 5912 0106
  44. Thanks! @philnash http:/ /philna.sh philnash@twilio.com On a scale of 0

    to 10, how likely is it that you would recommend this talk to a friend or colleague? (+372) 5912 0106