Ember Data Framework

17
Ember Data Oleg Yaroshevych, 2014 @yaroshevych

description

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

Transcript of Ember Data Framework

Page 1: Ember Data Framework

Ember Data

Oleg Yaroshevych, 2014

@yaroshevych

Page 2: Ember Data Framework

Web Framework MVC* Single Page Apps

What is Ember.js

Page 3: Ember Data Framework

Application Run Loop Object Model MVC* Pattern Ember Cli

Core concepts

Page 4: Ember Data Framework

Ember Inspector

Page 5: Ember Data Framework

Ember Data

Page 6: Ember Data Framework

A data persistence library Models & relationships Data-agnostic

Key features

Page 7: Ember Data Framework

Client cache Models lifecycle Data & metadata Filters & queries

Store

Page 8: Ember Data Framework

Identity Map

Page 9: Ember Data Framework

App.User = DS.Model.extend({ name: DS.attr(‘string’), active: DS.attr('boolean', { defaultValue: false }), comments: DS.hasMany(‘comment'), selected: false});

Model

Page 10: Ember Data Framework

RelationshipsN:1, 1:N, N:M !!!

Async Side loading Explicit inverses

comments: DS.hasMany(‘comment’) user: DS.belongsTo(‘user')

Page 11: Ember Data Framework

Model lifecycle

Page 12: Ember Data Framework

Customization

Page 13: Ember Data Framework

REST by default FixtureAdapter HTTP headers URLs

Adapters Know how to talk to the server

Page 14: Ember Data Framework

Normalize names Transform values Handle relationships

Serializers

Page 15: Ember Data Framework

Demo/yaroshevych/resume-builder

Page 16: Ember Data Framework

Resources

emberjs.com emberwatch.com emberweekly.com

Page 17: Ember Data Framework

Thank You