Tweet
Tweet

Slide 1

Slide 1 text

BROWSERS BEHIND YOUR BACK

Slide 2

Slide 2 text

PHIL NASH @philnash http:/ /philna.sh [email protected]

Slide 3

Slide 3 text

BROWSERS BEHIND YOUR BACK

Slide 4

Slide 4 text

SERVICE WORKER

Slide 5

Slide 5 text

@philnash

Slide 6

Slide 6 text

@philnash

Slide 7

Slide 7 text

@philnash

Slide 8

Slide 8 text

@philnash

Slide 9

Slide 9 text

@philnash

Slide 10

Slide 10 text

BACKGROUND SYNC API

Slide 11

Slide 11 text

BACK ONLINE API

Slide 12

Slide 12 text

DEMO

Slide 13

Slide 13 text

PERIODIC SYNC API

Slide 14

Slide 14 text

navigator.serviceWorker.ready.then(function(reg) { registration.periodicSync.register({ tag: 'get-latest-news', // default: '' minPeriod: 12 * 60 * 60 * 1000, // default: 0 powerState: 'avoid-draining', // default: 'auto' networkState: 'avoid-cellular' // default: 'online' }); }); 01. 02. 03. 04. 05. 06. 07. 08. @philnash

Slide 15

Slide 15 text

DEMO

Slide 16

Slide 16 text

THANKS

Slide 17

Slide 17 text

ICON CREDITS • Browser by Kimmi Studio from the Noun Project • Cloud by Kimmi Studio from the Noun Project • Gears by TS Graphics from the Noun Project @philnash

Slide 18

Slide 18 text

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