building hybrid apps with ember
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.TRANSCRIPT
![Page 1: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/1.jpg)
Building
HybridEmber
apps with
![Page 2: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/2.jpg)
@jakecraige
![Page 4: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/4.jpg)
Cross Platform
![Page 5: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/5.jpg)
WEB
![Page 6: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/6.jpg)
Easy & Fast
![Page 7: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/7.jpg)
It’s the
Futurehttp://1.bp.blogspot.com/_RHK3n3Uireo/TEUDDQK0Y4I/AAAAAAAAAR4/7g3a7t2xQ1s/s1600/destination_moon3.jpg
![Page 8: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/8.jpg)
Hybridvs.
Native
![Page 9: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/9.jpg)
Native
Walmart Amazon Instagram
![Page 10: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/10.jpg)
Native
Walmart Amazon Instagram
iOS: UINavigationBarAndroid: RelativeLayout
![Page 11: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/11.jpg)
Native
Walmart Amazon Instagram
iOS: UITabBarAndroid: TabHost
![Page 12: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/12.jpg)
Native
Walmart Amazon Instagram
iOS: UITableViewAndroid: ListView
![Page 13: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/13.jpg)
Hybrid
EventAssistWorth It BeautyNow
![Page 14: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/14.jpg)
Hybrid
EventAssistWorth It BeautyNow
Sticky Header
![Page 15: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/15.jpg)
Hybrid
EventAssistWorth It BeautyNow
Sticky Footer
![Page 16: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/16.jpg)
Hybrid
EventAssistWorth It BeautyNow
html UL
![Page 17: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/17.jpg)
Hybrid
EventAssistWorth It BeautyNow
html UL, DIV
![Page 18: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/18.jpg)
Hybrid
EventAssistWorth It BeautyNow
html UL, DIV, SPANs?
![Page 19: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/19.jpg)
Hybrid
EventAssistWorth It BeautyNow
html UL, DIV, SPANs?
WHATEVER
![Page 20: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/20.jpg)
Hybrid
EventAssistWorth It BeautyNow
html UL, DIV, SPANs?CSS
![Page 21: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/21.jpg)
Convince Bossthe
![Page 22: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/22.jpg)
Why? Recap• Cross Platform • Web • Easy & Fast • The Future
![Page 23: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/23.jpg)
What do we need?
![Page 24: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/24.jpg)
Framework
![Page 25: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/25.jpg)
I’m a framework
http://carefullycrafted.net/images/Ember.js_Logo_and_Mascot.png
![Page 26: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/26.jpg)
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
![Page 27: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/27.jpg)
Native
![Page 28: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/28.jpg)
CordovaWeb to Native
http://cordova.apache.org/images/cordova_bot.pnghttp://wpmedia.digitoffee.com//2014/02/PhoneGapLogo.png
![Page 29: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/29.jpg)
http://cordova.apache.org/images/cordova_bot.pnghttp://wpmedia.digitoffee.com//2014/02/PhoneGapLogo.png
Cordova
![Page 30: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/30.jpg)
Builds
![Page 33: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/33.jpg)
Automation
![Page 34: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/34.jpg)
ember-cli
http://thau.me/wp-content/uploads/2014/01/tomster-under-construction.png
![Page 35: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/35.jpg)
ember-cli & ember-cli-cordova
http://thau.me/wp-content/uploads/2014/01/tomster-under-construction.png
![Page 36: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/36.jpg)
ember-cli & ember-cli-cordova
http://thau.me/wp-content/uploads/2014/01/tomster-under-construction.png
![Page 37: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/37.jpg)
Tooling Recap• Ember • Cordova • ember-cli • ember-cli-cordova
![Page 38: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/38.jpg)
Let's build a
Coffee App
![Page 39: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/39.jpg)
Let's build a
Coffee App
![Page 40: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/40.jpg)
App Setup
![Page 41: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/41.jpg)
![Page 42: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/42.jpg)
Application Code
![Page 43: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/43.jpg)
![Page 44: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/44.jpg)
Build
Deploy&
![Page 45: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/45.jpg)
![Page 46: Building Hybrid Apps with Ember](https://reader033.vdocument.in/reader033/viewer/2022052623/55996acf1a28abf8698b478c/html5/thumbnails/46.jpg)
Thanks, Questions?
@jakecraige https://github.com/jakecraige/ordrr