Using JavaScript  for Mobile App Development <ul><li>No Objective C or Java required! </li></ul>July 5th, 2011
Who Am I ? <ul><li>AuctionAnything.com </li></ul><ul><li>ASP.NET/MS SQL </li></ul><ul><li>jQuery/JavaScript </li></ul><ul>...
Mobile Market
Market Share April 2011 Data from Nielson Wire on May 31st, 2011
Using HTML5/CSS3/Js for Mobile Development IDE
IDE HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
IDE Library HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
IDE Library Host Web Server HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
Mobile Browser IDE Library Host Browse Web Server HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
IDE Library HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
IDE Library Package HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
Apple App Store Android Marketplace IDE Library Package Submit HTML/CSS/JS Using HTML5/CSS3/Js for Mobile Development
<ul><li>Code in JavaScript </li></ul><ul><li>Translates to “Native” code </li></ul><ul><li>Apple iOS </li></ul><ul><li>And...
How Titanium Works
How Titanium Works Code your pages
How Titanium Works Code your pages “ Run” Titanium SDK
How Titanium Works Code your pages “ Run” Titanium SDK Project in XCode/ObjC
How Titanium Works Code your pages “ Run” Titanium SDK Running! Project in XCode/ObjC (in simulator)
A look at the “Kitchen Sink” - Tons of example code showing: Views Controls Animations Phone APIs (Contacts, Calendar) Net...
Some general notes about  Appcelerator Titanium Appcelerator Titanium <ul><li>Cross platform is like 80/20 (but there are ...
Beta testing your app <ul><li>Provide your app to testers *before* going through the App Store process </li></ul><ul><li>T...
Costs <ul><li>Apple Developer Program: - Free to download iOS SDK and develop - $99/yr to be able to submit to AppStore An...
Contact <ul><li>Email: [email_address] </li></ul><ul><li>LinkedIn: [email_address] </li></ul><ul><li>Twitter:  @MorningZ #...
Helpful Links <ul><li>http://developer.appcelerator.com </li></ul><ul><li>http://developer.apple.com </li></ul><ul><li>htt...
Upcoming SlideShare
Loading in …5
×

Using JavaScript for Mobile Development

5,720 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
5,720
On SlideShare
0
From Embeds
0
Number of Embeds
531
Actions
Shares
0
Downloads
81
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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>

×