1. Quick overview of Ember.js framework. 2. Ember Data core features. 3. Customisation of Ember Data. by Oleg Yaroshevych (Consultant Software Engineer, GlobalLogic) for Kharkiv JS&UI Meetup #1

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