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

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
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
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
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
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