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

The web is getting pushy

The web is getting pushy

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 we will see how to implement the Service Worker to not only serve up an app when we're offline but enhance the online experience with push notifications.

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

--

Some links:

HTML5Rocks article on using push notifications: http://updates.html5rocks.com/2015/03/push-notificatons-on-the-open-web
Is Service Worker Ready? https://jakearchibald.github.io/isserviceworkerready/

8ec1383b240b5ba15ffb9743fceb3c0e?s=128

Phil Nash

May 15, 2015
Tweet

Transcript

  1. THE WEB IS GETTING PUSHY

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

  3. WARNING!

  4. LIVE CODING!

  5. OPINIONS!

  6. AUDIENCE PARTICIPATION!

  7. NO CAT GIFS!

  8. THE WEB IS GETTING PUSHY

  9. WEB VS NATIVE

  10. GEOLOCATION

  11. ACCELEROMETER

  12. PEER TO PEER VIDEO CHAT

  13. PERFORMANCE?

  14. PUSH NOTIFICATIONS

  15. None
  16. NOTIFICATIONS

  17. DEMO

  18. None
  19. REAL NOTIFICATIONS

  20. Support 22 22 25 6 under consideration

  21. DEMO

  22. None
  23. None
  24. PUSH NOTIFICATIONS

  25. SERVICE WORKER

  26. “THE APPLICATION CACHE IS A DOUCHEBAG”

  27. NOT JUST FOR OFFLINE

  28. Service Worker Support 40 flag 24 ? under consideration

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

  30. DEMO

  31. None
  32. None
  33. WITH GREAT POWER

  34. None
  35. None
  36. PROMO CODE: NASH20

  37. Thanks! @philnash http:/ /philna.sh philnash@twilio.com