Ember.js Primer

Transcript

1. EMBER.JS PRIMER Soponya, 2013.05.10 - DBX Workshop Monday, May 13, 13
2. ÉRDI BÁLINT twitter: @baaz http://balinterdi.com [Emberjs, Ruby on Rails, Clojure] Monday, May 13, 13
3. SHOW OF HANDS Monday, May 13, 13
4. JAVASCRIPT CLIENT-SIDE FRAMEWORKS • Aim to bring the desktop experience to the web • Could easily be the next big thing • People like fast, intuitive user experience Monday, May 13, 13
5. JAVASCRIPT CLIENT-SIDE FRAMEWORKS • Angular.js ⚔ • Backbone • Batman.js • Sammy.js •Ember.js ✌ • Knockout.js Monday, May 13, 13
6. CLIENT-SIDE MVC IS NOT SERVER-SIDE MVC Monday, May 13, 13
7. EMBER.JS: MAIN COMPONENTS • Model: Stores and fetches data • Controller: proxies model data to views • View: reusable UI component, handles events • Templates: base for rendered html (aka. as view in server-side MVC :) ) • Router: matches URLs and connects other components (somewhat like controllers in server-side mvc) Monday, May 13, 13
8. TALK IS CHEAP, SHOW ME THE CODE Monday, May 13, 13
9. NAMING CONVENTIONS - PLURAL • this.resource(‘tables’) • App.TablesRoute • App.Table • App.TablesController • App.TablesView • Template: tables Monday, May 13, 13
10. NAMING CONVENTIONS - SINGULAR • this.resource(‘table’) (nested) • App.TableRoute • App.Table • App.TableController • App.TableView • Template: table Monday, May 13, 13
11. JOIN THE CLIENT SIDE. Monday, May 13, 13
12. KÖSZÖNÖM. @BAAZ Monday, May 13, 13