The web is getting pushy - At The Frontend 2015

The web is getting pushy - At The Frontend 2015

See the code from this talk: https://github.com/philnash/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.

---

Links:

Is service worker ready?
https://jakearchibald.github.io/isserviceworkerready/

status.modern.ie
https://status.modern.ie/

Introduction to Service Worker
http://www.html5rocks.com/en/tutorials/service-worker/introduction/

Push Notifications on the Open Web
http://updates.html5rocks.com/2015/03/push-notificatons-on-the-open-web

8ec1383b240b5ba15ffb9743fceb3c0e?s=128

Phil Nash

May 27, 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. ES6

  6. ES6 ES2015

  7. ES6 ES2015

  8. NEW JAVASCRIPT STUFF

  9. OPINIONS!

  10. AUDIENCE PARTICIPATION!

  11. NO CAT GIFS!

  12. THE WEB IS GETTING PUSHY

  13. WEB VS NATIVE

  14. GEOLOCATION

  15. ACCELEROMETER

  16. PEER TO PEER VIDEO CHAT

  17. PERFORMANCE?

  18. PUSH NOTIFICATIONS

  19. None
  20. NOTIFICATIONS

  21. #ATFPUSH

  22. DEMO

  23. None
  24. REAL NOTIFICATIONS

  25. Support 22 22 25 6 under consideration

  26. DEMO

  27. None
  28. None
  29. PUSH NOTIFICATIONS

  30. SERVICE WORKER

  31. “THE APPLICATION CACHE IS A DOUCHEBAG”

  32. NOT JUST FOR OFFLINE

  33. Service Worker Support 40 flag 24 ? under consideration

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

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

  36. DEMO

  37. None
  38. None
  39. WITH GREAT POWER...

  40. None
  41. ONWARD!

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