Embracing the Future
- 4. Jem Young Senior UI Engineer @jemyoung
- 5. ✦TC39 and ECMAScript ✦Service Workers ✦The Future
- 6. Why should you listen to me?
- 8. TC39 Technical Committee 39 • Semantics • Syntax • Libraries • Technologies
- 9. TC39 Why should I care?
- 12. ES6 let template literals modules spread rest Symbols class default parameters Map const Set generators Proxies WeakMap integer literals destructuring Promises Iterables arrow functions
- 13. ES6
- 14. ES2016 ES7
- 15. ES7 DUMMY
- 19. ESNext
- 20. ESNext
- 21. ESNext Release Train TC39 proposals • Anything in Stage 4 by January 2017 • Stage 4 • Implemented in 2 browsers • Significant real world testing
- 23. Service Workers
- 24. “Everything seems to point at ServiceWorker being the most significant addition to the web platform since the introduction of AJAX” -Nicolás Bevacqua
- 25. A persistent, fully asynchronous, separately threaded event based worker with the ability to intercept network requests and cache responses.
- 26. Service Worker Web Page Internet Gimme cats! OK!
- 27. Service Worker Web Page Internet
- 28. Service Worker Web Page InternetService Worker
- 29. Service Worker Web Page InternetService Worker Gimme cats! MDN - Service Workers
- 30. Service Worker A persistent, fully asynchronous, separately threaded event based worker with the ability to intercept network requests and cache responses. persistent fully asynchronous separately threaded event based cache responses intercept network requests
- 31. • Proxy Fetch events • Modify requests/responses Service Worker persistent fully asynchronous separately threaded event based cache responses intercept network requests • Exists outside of the browser tab • Knows to when to expire • Similar to Web Workers • Does not die when the tab is closed• Does not die when the tab is closed • No direct control from main thread • install, activate, fetch, message • Cannot use local storage or XHR • Heavy utilization of Promises • Proxy Fetch events • Modify requests/responses • Persistent • Cache Storage/Cache API
- 32. Service Worker
- 33. Service Worker https or localhost only self === this
- 36. Service Worker We want these requests to be available offline Install
- 37. Service Worker Cache • Object of Request/ Response key value pairs • Domain specific • Never expires Caches* • Maps string identifier to Cache objects Install *CacheStorage
- 40. Service Worker
- 41. Service Worker
- 42. Service Worker
- 43. Service Worker
- 44. Service Worker
- 45. The Future of the Web
- 46. The Future FIDO
- 47. The Future F ID Oast entity nline
- 52. The Future
- 53. The Future
- 54. Links Is Service Worker Ready? Service Worker Experiments MDN - Using Service Workers Offline cookbook Service Worker Cookbook
- 56. ESNext, Service Workers, and the Future of the Web Syntax Con 2016 Jem Young