Upload
jakecraige
View
1.681
Download
1
Embed Size (px)
DESCRIPTION
Presented at HoustonJS http://www.meetup.com/houston-js/events/203757092/ On the fence about building hybrid apps? Let me convince you to take the leap. I’ll discuss the process we use at Poetic Systems and demonstrate with a live coding example.
Citation preview
Building
HybridEmber
apps with
@jakecraige
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
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