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

Ember Data Framework

2,010 views

Published on

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

Published in: Engineering
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,010
On SlideShare
0
From Embeds
0
Number of Embeds
1,392
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ember Data Framework

  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

×