The web is getting pushy - 4Developers - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

THE WEB IS GETTING PUSHY 4Developers 2016

Slide 2

Slide 2 text

Phil Nash @philnash http:/ /philna.sh [email protected]

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

#4DEVPUSH

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

Slide 23

Slide 23 text

DEMO

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

PUSH NOTIFICATIONS

Slide 26

Slide 26 text

SERVICE WORKER

Slide 27

Slide 27 text

“THE APPLICATION CACHE IS A DOUCHEBAG”

Slide 28

Slide 28 text

NOT JUST FOR OFFLINE

Slide 29

Slide 29 text

Service Worker Support 40 ﬂag

Slide 30

Slide 30 text

Service Worker Support 40 44!! 24 ? under consideration

Slide 31

Slide 31 text

Push Notiﬁcation 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

WITH GREAT POWER...

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

The code! github.com/philnash/the-web-is-getting-pushy

Slide 41

Slide 41 text

The slides! https:/ /speakerdeck.com/philnash

Slide 42

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

Slide 43

Slide 43 text

THANKS!

Slide 44

Slide 44 text

Use code PNASH20 for 20% oﬀ tickets

Slide 45

Slide 45 text

Thanks! @philnash http:/ /philna.sh [email protected]