Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Using JavaScript for Mobile Development

5,864 views

Published on

Use your existing JavaScript skills to program for iOS and Android !

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Using JavaScript for Mobile Development

  1. 1. Using JavaScript for Mobile App Development <ul><li>No Objective C or Java required! </li></ul>July 5th, 2011
  2. 2. Who Am I ? <ul><li>AuctionAnything.com </li></ul><ul><li>ASP.NET/MS SQL </li></ul><ul><li>jQuery/JavaScript </li></ul><ul><li>Appcelerator Titan </li></ul><ul><li>Stephen @MorningZ [email_address] </li></ul>(sort of an ‘evangelist’ for Appcelerator)
  3. 3. Mobile Market
  4. 4. Market Share April 2011 Data from Nielson Wire on May 31st, 2011
  5. 5. Using HTML5/CSS3/Js for Mobile Development IDE
  6. 6. IDE HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
  7. 7. IDE Library HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
  8. 8. IDE Library Host Web Server HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
  9. 9. Mobile Browser IDE Library Host Browse Web Server HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
  10. 10. IDE Library HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
  11. 11. IDE Library Package HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
  12. 12. Apple App Store Android Marketplace IDE Library Package Submit HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
  13. 13. <ul><li>Code in JavaScript </li></ul><ul><li>Translates to “Native” code </li></ul><ul><li>Apple iOS </li></ul><ul><li>Android </li></ul><ul><li>Blackberry (beta) </li></ul><ul><li>Titanium Studio IDE </li></ul>(formally Aptana Studio) (Windows only) (Mac OSX only) (Mac/Windows/Linux) Native Apps using Appcelerator Titanium
  14. 14. How Titanium Works
  15. 15. How Titanium Works Code your pages
  16. 16. How Titanium Works Code your pages “ Run” Titanium SDK
  17. 17. How Titanium Works Code your pages “ Run” Titanium SDK Project in XCode/ObjC
  18. 18. How Titanium Works Code your pages “ Run” Titanium SDK Running! Project in XCode/ObjC (in simulator)
  19. 19. A look at the “Kitchen Sink” - Tons of example code showing: Views Controls Animations Phone APIs (Contacts, Calendar) Network Calls (JSON, XML) Using Remote APIs (FB, Twitter, etc) Hardware (Camera, GPS, etc) Local Storage (Resource folder, SQL Lite Db) MUCH more!
  20. 20. Some general notes about Appcelerator Titanium Appcelerator Titanium <ul><li>Cross platform is like 80/20 (but there are good workarounds!) </li></ul><ul><li>Titanium SDK evolves quickly! (nightly builds) </li></ul><ul><li>Public/Free Q&A forum is a work in progress </li></ul><ul><li>Paid support only during business days </li></ul><ul><li>FastDev is an Android developer’s best friend </li></ul><ul><li>Blackberry is still Beta! </li></ul><ul><li>They are not committed to Windows Phone 7 (at this time) </li></ul><ul><li>Following #appcelerator & #titanium hashes on Twitter useful </li></ul><ul><li>10 third party modules available! (PayPal, “Bump”, more!) </li></ul><ul><li>Titanium API is proprietary, but open source! </li></ul><ul><li>There is also a Desktop version for creating Mac Store apps </li></ul>
  21. 21. Beta testing your app <ul><li>Provide your app to testers *before* going through the App Store process </li></ul><ul><li>TestFlight for iOS </li></ul><ul><li>Email Android package </li></ul>
  22. 22. Costs <ul><li>Apple Developer Program: - Free to download iOS SDK and develop - $99/yr to be able to submit to AppStore Android Developer Program - Also free to get SDK and develop - $49/yr to submit to marketplace Appcelerator Titanium - Community (free) - Indie ($49/month) - Professional ($199/month) </li></ul>
  23. 23. Contact <ul><li>Email: [email_address] </li></ul><ul><li>LinkedIn: [email_address] </li></ul><ul><li>Twitter: @MorningZ #appcelerator </li></ul><ul><li>Link to this content: http://bit.ly/deerfield_mz </li></ul>
  24. 24. Helpful Links <ul><li>http://developer.appcelerator.com </li></ul><ul><li>http://developer.apple.com </li></ul><ul><li>http://developer.android.com </li></ul><ul><li>http://developer.appcelerator.com/blog </li></ul><ul><li>http://www.appcelerator.com/products/plans-pricing/ </li></ul><ul><li>https://testflightapp.com </li></ul><ul><li>http://wiki.appcelerator.org/display/guides/Home </li></ul><ul><li>http://bit.ly/appcelerator-vs-phonegap-vs-adobe-air </li></ul><ul><li>http://jquerymobile.com </li></ul><ul><li>http://www.sencha.com/products/touch </li></ul>

×