Your SlideShare is downloading. ×
  • Like
Using JavaScript for Mobile Development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Using JavaScript for Mobile Development

  • 5,295 views
Published

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

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

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
5,295
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
79
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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