Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ember Data

674 views

Published on

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.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Ember Data

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

×