Building rich one-page applications with Ember.js

Serge Barysiuk, Quote Rollerserge@quoteroller.com

Saturday, April 20, 13

Model

Controller

View

Template

Model

Controller

View

Template

Router

Concepts

Saturday, April 20, 13

Model

Controller

View

Template

Model

Controller

View

Template

Router

Models

Saturday, April 20, 13

• ember-data

• DS.Store

• DS.RESTAdapter & DS.BasicAdapter

Models

Saturday, April 20, 13

Models

Saturday, April 20, 13

Model

Controller

View

Template

Model

Controller

View

Template

Router

Controllers

Saturday, April 20, 13

• Present data for view layer to render

• Expose bindable properties

• Work like a proxy for models

• ObjectController, ArrayController

Controllers

Saturday, April 20, 13

Controllers

Saturday, April 20, 13

Model

Controller

View

Template

Model

Controller

View

Template

Router

Views

Saturday, April 20, 13

• When you need sophisticated handling of user events

• When you want to create a re-usable component

Views

Saturday, April 20, 13

Views

Saturday, April 20, 13

Model

Controller

View

Template

Model

Controller

View

Template

Router

Templates

Saturday, April 20, 13

Templates

Saturday, April 20, 13

Model

Controller

View

Template

Model

Controller

View

Template

Router

Router

Saturday, April 20, 13

• Manages application state

• Keeps the state up to date with the URL

Router

Saturday, April 20, 13

Router

Saturday, April 20, 13

Let’s code!

goo.gl/KKV8F

Saturday, April 20, 13

• emberjs.com & @emberjs

• emberwatch.com & @emberwatch

• stackoverflow.com

• https://github.com/discourse/discourse

Next steps

Saturday, April 20, 13

Looking for a JS/Frontend ninja.

serge@quoteroller.com

Saturday, April 20, 13