YUI and The Future

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.

Cf33841918d90fe941f522dde5ee4ff0?s=128

Eric Ferraiuolo

November 06, 2013
Tweet

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