EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

18
ember.js + famous.js ambitious app needs an ambitious UI @asuschev Artem Suschev

description

Ember.js is a great tool for creating applications. It helps you abstract from DOM manipulations and focus on application logic. But sometimes it's only half of a deal. Take a look of any popular mobile app. It's full of animations, real world metaphors and other UI concepts ember.js do not care of. Hopefully there is famo.us -- tool addresses exactly this pool of problems. How can we use them together to create an ambitious app with both ambitious UI?

Transcript of EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Page 1: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

ember.js + famous.jsambitious app needs an ambitious UI

@asuschevArtem Suschev

Page 2: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI
Page 3: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

• router • models • controllers • route • components

• surfaces • transitions • transforms • modifiers • scenes • layouts

Page 4: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

DEMO

http://jsbin.com/yiyan/2

Page 5: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Template

Page 6: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Controller

Page 7: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Famous part

Page 8: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Famous part

Page 9: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Famous view/component

Page 10: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Famous view rendering

Page 11: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Famous draggable

Page 12: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Animations

Page 13: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

no CSS

Page 14: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Start drag

Page 15: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

So what?

Page 16: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

DEMO 2

https://h1d.github.io/ember-ios-notes-example/https://h1d.github.io/ember-famous-ios-notes-example/

Page 17: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

Disclaimer

1. ember >1.8 2. no ember-cli 3. just a prof of concept

Page 18: EMBER.JS AND FAMO.US: AMBITIOUS APP NEEDS AN AMBITIOUS UI

@asuschevArtem Suschev