Top Banner
Ember Data Oleg Yaroshevych, 2014 @yaroshevych
17

Ember Data Framework

Dec 05, 2014

Download

Engineering

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
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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