Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
Building Hybrid 
apps with 
Ember
@jakecraige
Photo © 2012 J. Ronald Lee. jronaldlee.com Why?
Cross P l a t f o r m
WEB
Easy & Fast
It’s the Future http://1.bp.blogspot.com/_RHK3n3Uireo/TEUDDQK0Y4I/AAAAAAAAAR4/7g3a7t2xQ1s/s1600/destination_moon3.jpg
Hybrid 
vs. 
Native
Native 
Walmart Amazon Instagram
Native 
Android: RelativeLayout 
iOS: UINavigationBar 
Walmart Amazon Instagram
Native 
Android: TabHost 
iOS: UITabBar 
Walmart Amazon Instagram
Native 
Android: ListView 
iOS: UITableView 
Walmart Amazon Instagram
Hybrid 
Worth It EventAssist BeautyNow
Hybrid 
Sticky Header 
Worth It EventAssist BeautyNow
Hybrid 
Sticky Footer 
Worth It EventAssist BeautyNow
Hybrid 
html UL 
Worth It EventAssist BeautyNow
Hybrid 
html UL, DIV 
Worth It EventAssist BeautyNow
Hybrid 
html UL, DIV, SPANs? 
Worth It EventAssist BeautyNow
Hybrid 
html UL, DIV, SPANs? 
WHATEVER 
Worth It EventAssist BeautyNow
html UL, DIV, SPANs? CSS 
Hybrid 
Worth It EventAssist BeautyNow
Convince theBoss
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 framework 
It’s lonely out here. 
In Defense of Frameworks - http://youtu.be/jScLjUlLTLI 
http://carefullycrafted.ne...
Native
Cordova 
Web to Native 
http://wpmedia.digitoffee.com//2014/02/PhoneGapLogo.png 
http://cordova.apache.org/images/cordova_...
http://wpmedia.digitoffee.com//2014/02/PhoneGapLogo.png 
http://cordova.apache.org/images/cordova_bot.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
Building Hybrid Apps with Ember
Building Hybrid Apps with Ember
Building Hybrid Apps with Ember
Próxima SlideShare
Cargando en…5
×

Building Hybrid Apps with Ember

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.

Building Hybrid Apps with Ember

  1. 1. Building Hybrid apps with Ember
  2. 2. @jakecraige
  3. 3. Photo © 2012 J. Ronald Lee. jronaldlee.com Why?
  4. 4. Cross P l a t f o r m
  5. 5. WEB
  6. 6. Easy & Fast
  7. 7. It’s the Future http://1.bp.blogspot.com/_RHK3n3Uireo/TEUDDQK0Y4I/AAAAAAAAAR4/7g3a7t2xQ1s/s1600/destination_moon3.jpg
  8. 8. Hybrid vs. Native
  9. 9. Native Walmart Amazon Instagram
  10. 10. Native Android: RelativeLayout iOS: UINavigationBar Walmart Amazon Instagram
  11. 11. Native Android: TabHost iOS: UITabBar Walmart Amazon Instagram
  12. 12. Native Android: ListView iOS: UITableView Walmart Amazon Instagram
  13. 13. Hybrid Worth It EventAssist BeautyNow
  14. 14. Hybrid Sticky Header Worth It EventAssist BeautyNow
  15. 15. Hybrid Sticky Footer Worth It EventAssist BeautyNow
  16. 16. Hybrid html UL Worth It EventAssist BeautyNow
  17. 17. Hybrid html UL, DIV Worth It EventAssist BeautyNow
  18. 18. Hybrid html UL, DIV, SPANs? Worth It EventAssist BeautyNow
  19. 19. Hybrid html UL, DIV, SPANs? WHATEVER Worth It EventAssist BeautyNow
  20. 20. html UL, DIV, SPANs? CSS Hybrid Worth It EventAssist BeautyNow
  21. 21. Convince theBoss
  22. 22. Why? Recap • Cross Platform • Web • Easy & Fast • The Future
  23. 23. What do we need?
  24. 24. Framework
  25. 25. I’m a framework http://carefullycrafted.net/images/Ember.js_Logo_and_Mascot.png
  26. 26. I’m a framework It’s lonely out here. In Defense of Frameworks - http://youtu.be/jScLjUlLTLI http://carefullycrafted.net/images/Ember.js_Logo_and_Mascot.png
  27. 27. Native
  28. 28. Cordova Web to Native http://wpmedia.digitoffee.com//2014/02/PhoneGapLogo.png http://cordova.apache.org/images/cordova_bot.png
  29. 29. http://wpmedia.digitoffee.com//2014/02/PhoneGapLogo.png http://cordova.apache.org/images/cordova_bot.png Cordova
  30. 30. Builds
  31. 31. http://nodejs.org/images/logo.svg
  32. 32. Excellent build tooling http://nodejs.org/images/logo.svg
  33. 33. Automation
  34. 34. ember-cli http://thau.me/wp-content/uploads/2014/01/tomster-under-construction.png
  35. 35. ember-cli & ember-cli-cordova http://thau.me/wp-content/uploads/2014/01/tomster-under-construction.png
  36. 36. ember-cli & ember-cli-cordova http://thau.me/wp-content/uploads/2014/01/tomster-under-construction.png
  37. 37. Tooling Recap • Ember • Cordova • ember-cli • ember-cli-cordova
  38. 38. Let's build a Coffee App
  39. 39. Let's build a Coffee App
  40. 40. App Setup
  41. 41. Application Code
  42. 42. Build Deploy &
  43. 43. Thanks, Questions? @jakecraige https://github.com/jakecraige/ordrr

×