The Web is a Contender q mobile

Surma @surmair

voice-memos.appspot.com

1B+ Users (25M+ Devs)

No content

“Reach”

100+ websites per month

“The mobile war is oveR. . .” “the app has Won” goo.gl/nLFRmY

“The is oveR. . .” “the goo.gl/nLFRmY ಠ_ಠ

Web Native spent on… 80% 20% goo.gl/nLFRmY

Web Native spent on… 22% 20% totally not important stuff goo.gl/nLFRmY

Web Native spent on… 52% 48% goo.gl/nLFRmY

“Native apps can’t out-web the web” goo.gl/15sYYY

goo.gl/15sYYY

airhorner.com

airhorner.com

{ "name": "Air Horner", "short_name": "Air Horner", "icons": [{ "src": "images/touch/Airhorner_128.png", "type": "image/png", "sizes": "128x128" },{ "src": "images/touch/Airhorner_192.png", "type": "image/png", "sizes": "192x192" }], "start_url": "/?homescreen=1", "display": "standalone", "background_color": "#2196F3", "theme_color": "#2196F3" }

Service Worker

goo.gl/IpsiH1

if ('serviceWorker' in navigator) { navigator.serviceWorker .register('/sw.js') .then(function(registration) { // successful }).catch(function(err) { // failure }); }

Service Worker

var items = [ '/', '/styles/main.css', '/script/main.js' ]; self.addEventListener('install', function(event) { event.waitUntil( caches.open(CACHE_NAME) .then(function(cache) { return cache.addAll(items); }) ); });

self.addEventListener('fetch', function(event) { event.respondWith( caches .match(event.request) .then(function(response) { return response || fetch(event.request); })); });

wiki-offline.jakearchibald.com

wiki-offline.jakearchibald.com

sw-toolbox github.com/GoogleChrome/sw-toolbox

Service Worker

Push Notifications

navigator.serviceWorker.ready.then( function(sw) { sw.pushManager.subscribe() .then(function(subscription) { // Send subscription.endpoint // to server }); }); }

self.addEventListener('push', function(event) { var n = new Notification('A Message!’); // ... }); self.addEventListener('notificationclick', function(event) { var url = event.notification.data.url; event.waitUntil(clients.openWindow(url)); });

simple-push-demo.appspot.com

No content

HTTPS everywhere letsencrypt.com

Surma @surmair Thank you!