17
Ember Data Oleg Yaroshevych, 2014 @yaroshevych

Ember Data Framework

Embed Size (px)

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

Citation preview

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