Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Components: The Future of the Web

David Rice
November 06, 2013

Components: The Future of the Web

"Why we Love Ember.js"
- Presented at DevBash Belfast. https://twitter.com/devbash

David Rice

November 06, 2013
Tweet

More Decks by David Rice

Other Decks in Programming

Transcript

  1. Components: The future of the web Why we love Ember

    David Rice Technical Director at Rumble Labs @davidjrice
  2. A tale of two MVCs What I was going to

    talk about Yehuda Katz http://www.youtube.com/watch?v=s1dhXamEAKQ
  3. Ember.js <3 • Client-side JavaScript MVC • Observers • Computed

    Properties • Bindings • Components • & more…
  4. MVC • Model: data, business logic, persistence • View: data

    formatting, rendering, interaction • Controller: application flow, event handling
  5. “Let’s just add this one hack. You know, for the

    time being…” - everyone, ever, at some point
  6. Server Side Application Architecture • Page-Based • Page-Based (with inline

    components) Flash • Page-Based (with selective inline updates) AJAX
  7. Client Side Application Architecture • Master-Detail • Page-Based • Single

    View Application • Tabbed Application • Utility Application See: Xcode iOS etc.
  8. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec neque

    odio, accumsan quis diam ac, commodo egestas nibh. Mauris fringilla ipsum augue, tempus lobortis augue sagittis vehicula. Sed aliquet accumsan aliquet. Nulla varius, leo molestie ornare dictum, diam ante laoreet arcu, nec tempus nisi risus at augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec neque odio, accumsan quis diam ac, commodo egestas nibh. Page based design Image Comments Related Posts Text Post /posts/:id
  9. Working in a Page context is not a refined enough

    scope enables per-page and one-off solutions
  10. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec neque

    odio, accumsan quis diam ac, commodo egestas nibh. Mauris fringilla ipsum augue, tempus lobortis augue sagittis vehicula. Sed aliquet accumsan aliquet. Nulla varius, leo molestie ornare dictum, diam ante laoreet arcu, nec tempus nisi risus at augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec neque odio, accumsan quis diam ac, commodo egestas nibh. Component based design 100% 1/5 4/5 Comment
  11. Editors of the future will allow us to view our

    applications in flexible ways, based on what the task at hand is
  12. The Future of the Web • Web Components (W3C specification)

    • HTML5 range sliders, dates, times • Future Browser components? • Credit Card forms? • Authentication?
  13. The future of the Web: Components With ember.js we can

    begin thinking building for the future today