Push notifications for fun and profit (if by profit you mean cats)

Push notifications for fun and profit (if by profit you mean cats)

Service Workers are a new shiny for the web platform. They let you get offline experiences, background syncs and push notifications. By default, they do not let you get cats.
We will fix that.

Video: https://vimeo.com/137771040

053e75a5b48b44d6dd0612795dfb326d?s=128

Monica Dinculescu

July 23, 2015
Tweet

Transcript

  1. PUSH NOTIFICATIONS FUN PROFIT* for & *if by profit you

    mean cats
  2. theiinternet needs more cats

  3. you need to send mei more cats

  4. @notwaldorf

  5. None
  6. None
  7. polymer

  8. ok so

  9. confession i hate apps

  10. lol battery lifei i hate apps

  11. likei a lot i hate apps

  12. i ὑ the web likei a lot

  13. works everywherei* i ὑ the web

  14. why do we think we ὑ apps?

  15. we ὑ icons

  16. we ὑ offline

  17. we ὑ alerts

  18. the web does too spoilers

  19. web worker

  20. service worker

  21. omg! service worker

  22. @jaffacake ☛ service worker

  23. offline alerts on theiweb! &

  24. events not clicks works with

  25. install events like

  26. fetch events like

  27. stop trying to makei happen fetch

  28. it’s a proxy basically

  29. lol browser cache

  30. is it supported? but wait!

  31. progressive enhancement it’s a web standard

  32. only makes it better progressive enhancement

  33. page

  34. network XMLHttpRequest page

  35. page service worker fetch()

  36. page service worker network fetch() XHR

  37. page service worker network fetch() XHR

  38. page service worker network cache fetch() XHR

  39. page service worker network cache fetch() XHR

  40. page service worker network fetch()

  41. page service worker network cache fetch()

  42. page service worker network cache fetch()

  43. page service worker network cache fetch() XHR

  44. https all the time realtalk

  45. push events like

  46. surprisei! push notifications

  47. None
  48. bit.ly/caturday-post

  49. bit.ly/caturday-post

  50. bit.ly/caturday-post

  51. bit.ly/caturday-post

  52. bit.ly/caturday-post

  53. None
  54. https://youtu.be/ci7PfjnhTDU demo

  55. more cats now send me

  56. sooooo i’m kinda canadian

  57. like a canadian designipush notifications

  58. how even? ok but

  59. ok but @gauntfacei ☛ how even?

  60. service worker

  61. service worker cat server

  62. service worker cat server cat notification push

  63. service worker network cat server cat notification push XHR

  64. service worker cache network cat server cat notification push XHR

  65. service worker cache network cat server cat notification push XHR

  66. alt: scrolling gif of all the push notifications code

  67. None
  68. i ὑ polymer

  69. <div>

  70. <div class=“cats”>

  71. <box-of-cats>

  72. i ὑ polymer <box-of-cats>

  73. <platinum-push-messaging> i ὑ polymer

  74. now what?

  75. now what? node.js server /notwaldorf/caturday-post

  76. now what? put an arduino on it

  77. i ὑ johnny-fivei put an arduino on it

  78. bit.ly/caturday-post-meow

  79. ❤ @notwaldorf

  80. links to things i talked about: bit.ly/service-worker-is-coming bit.ly/offline-cookbook bit.ly/push-notifications-tutorial