THE WEB IS
GETTING
PUSHY
Codemotion Amsterdam 2016
Slide 2
Slide 2 text
Phil Nash
@philnash
http:/
/philna.sh
philnash@twilio.com
Slide 3
Slide 3 text
WARNING!
Slide 4
Slide 4 text
LIVE CODING!
Slide 5
Slide 5 text
ES6
Slide 6
Slide 6 text
ES6 ES2015
Slide 7
Slide 7 text
ES6 ES2015
Slide 8
Slide 8 text
NEW
JAVASCRIPT
STUFF
Slide 9
Slide 9 text
AUDIENCE
PARTICIPATION!
Slide 10
Slide 10 text
THE WEB IS
GETTING
PUSHY
Slide 11
Slide 11 text
WEB VS NATIVE
Slide 12
Slide 12 text
GEOLOCATION
Slide 13
Slide 13 text
ACCELEROMETER
Slide 14
Slide 14 text
PEER TO PEER
VIDEO CHAT
Slide 15
Slide 15 text
PUSH
NOTIFICATIONS
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
NOTIFICATIONS
Slide 18
Slide 18 text
#CODEMOPUSH
Slide 19
Slide 19 text
DEMO
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
REAL
NOTIFICATIONS
Slide 22
Slide 22 text
Support
22 22 25 6 14
flag
Slide 23
Slide 23 text
DEMO
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
PUSH
NOTIFICATIONS
Slide 27
Slide 27 text
SERVICE
WORKER
Slide 28
Slide 28 text
“THE APPLICATION CACHE IS A
DOUCHEBAG”
Slide 29
Slide 29 text
NOT JUST FOR
OFFLINE
Slide 30
Slide 30 text
Service Worker Support
40 44 24 under
consideration
under
consideration
Slide 31
Slide 31 text
Push Notification Support
42 44 ? non-
standard
under
consideration
Slide 32
Slide 32 text
No content
Slide 33
Slide 33 text
No content
Slide 34
Slide 34 text
Service Worker Support
jakearchibald.github.io/isserviceworkerready
status.modern.ie
Slide 35
Slide 35 text
DEMO
Slide 36
Slide 36 text
No content
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
WITH GREAT
POWER...
Slide 39
Slide 39 text
No content
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
The code!
github.com/philnash/the-web-is-getting-pushy
Slide 42
Slide 42 text
The slides!
https:/
/speakerdeck.com/philnash
Slide 43
Slide 43 text
Other resources
• Push notifications and SMS - Twilio blog
• The Service Worker Cookbook -
https:/
/serviceworke.rs/
• Web Push for Node.js - npm - GitHub
• Google Developers - Your first push notifications
web app