YUI and The Future

A look at where the Web Platform is heading and how YUI fits into that future and continues to help you build web apps that run on many devices.

Transcript

1. & YUI FUTURE THE Eric Ferraiuolo @ericf
2. WHAT IS YUI? FEEL FREE TO SHOUT!
3. DESIGN PRINCIPLES
4. YUI Infrastructure Extensibility Abstraction Use-case driven Sandboxing Consistency Runs everywhere Code organization Code loading Documented Good citizen Facades Composition Adaptation Works for everyone
5. WEB PLATFORM THE
6. PAST Desktop JavaScript (ES3) HTML & CSS
7. CURRENT Desktop HTML & CSS Mobile JavaScript (ES5) JavaScript (ES3) HTML & CSS HTML5 & CSS3
8. FUTURE Desktop Mobile JavaScript (ES5) JavaScript (ES3) HTML & CSS HTML5 & CSS3 JavaScript (ES6) Web Components
9. FUTURE JavaScript (ES6)
10. ECMASCRIPT 6 Promises computed properties => Modules Iterators Sets Maps Generators Destructuring class const let Proxies default function params rest / spread for-of loops comprehensions Template Strings block scoping Object.assign Object.mixin Object.is Array.from Array.of Array.prototype.find Array.prototype.findIndex Number.* Math.* String.fromCodePoint Object.getPropertyNames
11. ECMASCRIPT 6 Promises computed properties => Modules Iterators Sets Maps Generators Destructuring class const let Proxies default function params rest / spread for-of loops comprehensions Template Strings block scoping Object.assign Object.mixin Object.is Array.from Array.of Array.prototype.find Array.prototype.findIndex Number.* Math.* String.fromCodePoint Object.getPropertyNames
12. FUTURE JavaScript (ES6)
13. FUTURE JavaScript (ES6) Web Components
14. WEB COMPONENTS Templates Decorators Custom Elements Shadow DOM Imports
15. FUTURE JavaScript (ES6) Web Components
16. FUTURE JavaScript (ES6) Web Components Desktop Mobile
17. EVERGREEN BROWSERS
18. FUTURE JavaScript (ES6) Web Components Desktop (Evergreen) Mobile (Evergreen)
19. WEB PLATFORM THE
20. WEB PLATFORM THE +YUI
21. YUI
22. YUI Infrastructure Extensibility Abstraction Use-case driven Sandboxing Consistency Runs everywhere Code organization Code loading Documented Good citizen Facades Composition Adaptation Works for everyone
23. YUI Infrastructure Extensibility Abstraction Use-case driven Sandboxing Consistency Runs everywhere Code organization Code loading Documented Good citizen Facades Composition Adaptation Works for everyone
24. FACADES VS. POLYFILLS
25. INTEROPERABILITY
26. YUI & ES6 MODULES
27. TRANSPILE ES6 MODULES Node.js YUI AMD
28. EXPORT VS. NAMESPACE
29. BACKWARDS COMPATIBLE
30. ES MODULE SYSTEM LET’S DO THIS!
31. WALLED GARDENS KNOCK ‘EM DOWN!
32. CLIENT + SERVER SYSTEMS
33. YUI & PURE + MODOWN
34. FUTURE THE