using javascript for mobile development
DESCRIPTION
Use your existing JavaScript skills to program for iOS and Android !TRANSCRIPT
![Page 1: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/1.jpg)
Using JavaScript for Mobile AppDevelopment
No Objective C or Java required!
July 5th, 2011
![Page 2: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/2.jpg)
Who Am I ?
• AuctionAnything.com• ASP.NET/MS SQL• jQuery/JavaScript• Appcelerator Titan
• Stephen@[email protected]
(sort of an ‘evangelist’ for Appcelerator)
![Page 3: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/3.jpg)
Mobile Market
![Page 4: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/4.jpg)
Market Share April 2011
Data from Nielson Wire on May 31st, 2011
![Page 5: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/5.jpg)
Using HTML5/CSS3/Js for Mobile Development
IDE
![Page 6: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/6.jpg)
IDE
HTML/CSS/JS
Using HTML5/CSS3/Js for Mobile Development
![Page 7: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/7.jpg)
IDE
Library
HTML/CSS/JS
Using HTML5/CSS3/Js for Mobile Development
![Page 8: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/8.jpg)
IDE
Library
Host
Web Server
HTML/CSS/JS
Using HTML5/CSS3/Js for Mobile Development
![Page 9: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/9.jpg)
Mobile Browser
IDE
Library
Host
Browse
Web Server
HTML/CSS/JS
Using HTML5/CSS3/Js for Mobile Development
![Page 10: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/10.jpg)
IDE
Library
HTML/CSS/JS
Using HTML5/CSS3/Js for Mobile Development
![Page 11: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/11.jpg)
IDE
Library
Package
HTML/CSS/JS
Using HTML5/CSS3/Js for Mobile Development
![Page 12: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/12.jpg)
AppleApp Store
AndroidMarketplace
IDE
Library
Package
Submit
HTML/CSS/JS
Using HTML5/CSS3/Js for Mobile Development
![Page 13: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/13.jpg)
• 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
![Page 14: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/14.jpg)
How Titanium Works
![Page 15: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/15.jpg)
How Titanium Works
Code your pages
![Page 16: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/16.jpg)
How Titanium Works
Code your pages
“Run”
TitaniumSDK
![Page 17: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/17.jpg)
How Titanium Works
Code your pages
“Run”
TitaniumSDK
Project in XCode/ObjC
![Page 18: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/18.jpg)
How Titanium Works
Code your pages
“Run”
TitaniumSDK
Running!
Project in XCode/ObjC
(in simulator)
![Page 19: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/19.jpg)
A look at the “Kitchen Sink”
- Tons of example code showing:ViewsControlsAnimationsPhone 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!
![Page 20: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/20.jpg)
Some general notes about 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
![Page 21: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/21.jpg)
Beta testing your app
• Provide your app to testers *before* going through the App Store process
• TestFlight for iOS
• Email Android package
![Page 22: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/22.jpg)
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)
![Page 23: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/23.jpg)
Contact
• Email:[email protected]
• LinkedIn:[email protected]
• Twitter: @MorningZ#appcelerator
• Link to this content:http://bit.ly/deerfield_mz
![Page 24: Using JavaScript for Mobile Development](https://reader035.vdocuments.mx/reader035/viewer/2022062703/554d2cf9b4c905ca208b5409/html5/thumbnails/24.jpg)
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