17
Ember Data Oleg Yaroshevych, 2014 @yaroshevych

Ember Data

Embed Size (px)

DESCRIPTION

Still creating dog-slow interfaces in plain HTML? Time to learn some new buzzwords: MVC, REST, Ember.js. This presentation introduces Ember Data framework: from Ember.js overview to more-or-less advanced customizations of your client-side data layer.

Citation preview

  • 1. Ember Data Oleg Yaroshevych, 2014 @yaroshevych

2. Web Framework MVC* Single Page Apps What is Ember.js 3. Application Run Loop Object Model MVC* Pattern Ember Cli Core concepts 4. Ember Inspector 5. Ember Data 6. A data persistence library Models & relationships Data-agnostic Key features 7. Client cache Models lifecycle Data & metadata Filters & queries Store 8. Identity Map 9. App.User = DS.Model.extend({ name: DS.attr(string), active: DS.attr('boolean', { defaultValue: false }), comments: DS.hasMany(comment'), selected: false }); Model 10. Relationships N:1, 1:N, N:M ! ! ! Async Side loading Explicit inverses comments: DS.hasMany(comment) user: DS.belongsTo(user') 11. Model lifecycle 12. Customization 13. REST by default FixtureAdapter HTTP headers URLs Adapters Know how to talk to the server 14. Normalize names Transform values Handle relationships Serializers 15. Demo /yaroshevych/resume-builder 16. Resources emberjs.com emberwatch.com emberweekly.com 17. Thank You