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

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

Nov 29, 2014

Download

Technology

Artem Suschev

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?
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.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