building hybrid apps with ember

Building

HybridEmber

apps with

@jakecraige

Photo © 2012 J. Ronald Lee. jronaldlee.com

Why?

Cross Platform

WEB

Easy & Fast

It’s the

Futurehttp://1.bp.blogspot.com/_RHK3n3Uireo/TEUDDQK0Y4I/AAAAAAAAAR4/7g3a7t2xQ1s/s1600/destination_moon3.jpg

Hybridvs.

Native

Native

Walmart Amazon Instagram

Native

Walmart Amazon Instagram

iOS: UINavigationBarAndroid: RelativeLayout

Native

Walmart Amazon Instagram

iOS: UITabBarAndroid: TabHost

Native

Walmart Amazon Instagram

iOS: UITableViewAndroid: ListView

Hybrid

EventAssistWorth It BeautyNow

Hybrid

EventAssistWorth It BeautyNow

Sticky Header

Hybrid

EventAssistWorth It BeautyNow

Sticky Footer

Hybrid

EventAssistWorth It BeautyNow

html UL

Hybrid

EventAssistWorth It BeautyNow

html UL, DIV

Hybrid

EventAssistWorth It BeautyNow

html UL, DIV, SPANs?

Hybrid

EventAssistWorth It BeautyNow

html UL, DIV, SPANs?

WHATEVER

Hybrid

EventAssistWorth It BeautyNow

html UL, DIV, SPANs?CSS

Convince Bossthe

Why? Recap• Cross Platform • Web • Easy & Fast • The Future

What do we need?

Framework

I’m a framework

http://carefullycrafted.net/images/Ember.js_Logo_and_Mascot.png

I’m a frameworkIt’s lonely out here.

In Defense of Frameworks - http://youtu.be/jScLjUlLTLIhttp://carefullycrafted.net/images/Ember.js_Logo_and_Mascot.png

Native

CordovaWeb to Native

http://cordova.apache.org/images/cordova_bot.pnghttp://wpmedia.digitoffee.com//2014/02/PhoneGapLogo.png

http://cordova.apache.org/images/cordova_bot.pnghttp://wpmedia.digitoffee.com//2014/02/PhoneGapLogo.png

Cordova

Builds

http://nodejs.org/images/logo.svg

Excellent build tooling

http://nodejs.org/images/logo.svg

Automation

ember-cli

http://thau.me/wp-content/uploads/2014/01/tomster-under-construction.png

ember-cli & ember-cli-cordova

http://thau.me/wp-content/uploads/2014/01/tomster-under-construction.png

ember-cli & ember-cli-cordova

http://thau.me/wp-content/uploads/2014/01/tomster-under-construction.png

Tooling Recap• Ember • Cordova • ember-cli • ember-cli-cordova

Let's build a

Coffee App

Let's build a

Coffee App

App Setup

Application Code

Build

Deploy&

Thanks, Questions?

@jakecraige https://github.com/jakecraige/ordrr