Using JavaScript to Build         Native iOS         Applications          Andrew Lombardi          Owner, Tech Evangelist...
Monday, April 4, 2011
11 Years in businessMonday, April 4, 2011
11 Years in business    Software ConsultantsMonday, April 4, 2011
11 Years in business    Software Consultants    International SpeakerMonday, April 4, 2011
11 Years in business    Software Consultants    International Speaker    TrainingMonday, April 4, 2011
11 Years in business    Software Consultants    International Speaker    Training    Apache Wicket ContributorMonday, Apri...
11 Years in business    Software Consultants    International Speaker    Training    Apache Wicket Contributor    iPhone D...
11 Years in business    Software Consultants    International Speaker    Training    Apache Wicket Contributor    iPhone D...
Monday, April 4, 2011
Monday, April 4, 2011
Monday, April 4, 2011
Tried learning Objective-CMonday, April 4, 2011
Appcelerator Titanium                          http://www.appcelerator.com/Monday, April 4, 2011
Sunshine! Blue Skies!Monday, April 4, 2011
Titanium is...           Titanium is an open source framework           for building mobile and desktop           applicat...
What we’ll coverMonday, April 4, 2011
What we’ll cover               1. The SetupMonday, April 4, 2011
What we’ll cover               1. The Setup               2. Platform OverviewMonday, April 4, 2011
What we’ll cover               1. The Setup               2. Platform Overview               3. Supported ModulesMonday, A...
What we’ll cover               1. The Setup               2. Platform Overview               3. Supported Modules         ...
The SetupMonday, April 4, 2011
1. Download iOS SDK - http://developer.apple.comMonday, April 4, 2011
Monday, April 4, 2011
Pay theMonday, April 4, 2011
Pay theAppleMonday, April 4, 2011
Pay theApple TaxMonday, April 4, 2011
Pay theApple     $99 Tax USDMonday, April 4, 2011
2. Download:   http://www.appcelerator.com/products/download/Monday, April 4, 2011
License?        • Apache 2.0 Licensed        • Commercial training and support services          available        • Core S...
What is it good for?       • Data-driven web service clients       • Web service mash-ups       • Social utilities       •...
Mobile ArchitectureMonday, April 4, 2011
Training                        http://developer.appcelerator.com/trainingMonday, April 4, 2011
Titanium PlusMonday, April 4, 2011
Titanium Developer     • Manage and run Titanium       applications     • Package applications for       distribution     ...
Access to Media  Interact with the iOS built-in  cameras        Ti.Media.showCamera({        success: function(imageBlob) ...
Network XHR-style object for remote data requests.    var loader = Ti.Network.createHTTPClient();    loader.open("GET","ht...
Facebook Connect   Titanium.Facebook.appid = [YOUR APPID];   Titanium.Facebook.permissions = [publish_stream];   Titanium....
Full-Featured Development...                        Native User Experience                 Multimedia                     ...
Titanium Fundamentals       • A Titanium application is a         JavaScript program that is         interpreted at runtim...
Titanium Javascript API        • Organized into logical namespaces        • “Titanium” (or just “Ti” for short) is the roo...
Titanium UI Composition                             • A single window or stack of windows                             • Ta...
O !                        DEMMonday, April 4, 2011
More websites for                                       E S                        Titanium knowledge                     ...
New Semantic Tags (more)                                              General             Homepage: http://www.appcelerato...
Monday, April 4, 2011
Titanium                         Rocks!!Monday, April 4, 2011
Q&A                            Thanks for listening!          Andrew Lombardi          Owner, Tech Evangelist          Mys...
Upcoming SlideShare
Loading in...5
×

Using+javascript+to+build+native+i os+applications

1,800

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
1,800
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Using+javascript+to+build+native+i os+applications"

  1. 1. Using JavaScript to Build Native iOS Applications Andrew Lombardi Owner, Tech Evangelist Mystic Coders, LLC andrew AT mysticcoders DOT com kinabalu @ irc://irc.freenode.net - ##wicket, ##java kinabalu @ twitterMonday, April 4, 2011
  2. 2. Monday, April 4, 2011
  3. 3. 11 Years in businessMonday, April 4, 2011
  4. 4. 11 Years in business Software ConsultantsMonday, April 4, 2011
  5. 5. 11 Years in business Software Consultants International SpeakerMonday, April 4, 2011
  6. 6. 11 Years in business Software Consultants International Speaker TrainingMonday, April 4, 2011
  7. 7. 11 Years in business Software Consultants International Speaker Training Apache Wicket ContributorMonday, April 4, 2011
  8. 8. 11 Years in business Software Consultants International Speaker Training Apache Wicket Contributor iPhone Developer (Obj-C / JavaScript)Monday, April 4, 2011
  9. 9. 11 Years in business Software Consultants International Speaker Training Apache Wicket Contributor iPhone Developer (Obj-C / JavaScript) To our success!Monday, April 4, 2011
  10. 10. Monday, April 4, 2011
  11. 11. Monday, April 4, 2011
  12. 12. Monday, April 4, 2011
  13. 13. Tried learning Objective-CMonday, April 4, 2011
  14. 14. Appcelerator Titanium http://www.appcelerator.com/Monday, April 4, 2011
  15. 15. Sunshine! Blue Skies!Monday, April 4, 2011
  16. 16. Titanium is... Titanium is an open source framework for building mobile and desktop applications using web technology (HTML, CSS and JavaScript)Monday, April 4, 2011
  17. 17. What we’ll coverMonday, April 4, 2011
  18. 18. What we’ll cover 1. The SetupMonday, April 4, 2011
  19. 19. What we’ll cover 1. The Setup 2. Platform OverviewMonday, April 4, 2011
  20. 20. What we’ll cover 1. The Setup 2. Platform Overview 3. Supported ModulesMonday, April 4, 2011
  21. 21. What we’ll cover 1. The Setup 2. Platform Overview 3. Supported Modules 4. DemosMonday, April 4, 2011
  22. 22. The SetupMonday, April 4, 2011
  23. 23. 1. Download iOS SDK - http://developer.apple.comMonday, April 4, 2011
  24. 24. Monday, April 4, 2011
  25. 25. Pay theMonday, April 4, 2011
  26. 26. Pay theAppleMonday, April 4, 2011
  27. 27. Pay theApple TaxMonday, April 4, 2011
  28. 28. Pay theApple $99 Tax USDMonday, April 4, 2011
  29. 29. 2. Download: http://www.appcelerator.com/products/download/Monday, April 4, 2011
  30. 30. License? • Apache 2.0 Licensed • Commercial training and support services available • Core SDK - free and open sourceMonday, April 4, 2011
  31. 31. What is it good for? • Data-driven web service clients • Web service mash-ups • Social utilities • Casual gamesMonday, April 4, 2011
  32. 32. Mobile ArchitectureMonday, April 4, 2011
  33. 33. Training http://developer.appcelerator.com/trainingMonday, April 4, 2011
  34. 34. Titanium PlusMonday, April 4, 2011
  35. 35. Titanium Developer • Manage and run Titanium applications • Package applications for distribution • Run on a device for testing • Manage Appcelerator accountMonday, April 4, 2011
  36. 36. Access to Media Interact with the iOS built-in cameras Ti.Media.showCamera({ success: function(imageBlob) { }, cancel: function() { }, error: function(error) { }, allowImageEditing: true });Monday, April 4, 2011
  37. 37. Network XHR-style object for remote data requests. var loader = Ti.Network.createHTTPClient(); loader.open("GET","http://www.google.com/api/something"); loader.onload = function() { } // Send the HTTP request loader.send();Monday, April 4, 2011
  38. 38. Facebook Connect Titanium.Facebook.appid = [YOUR APPID]; Titanium.Facebook.permissions = [publish_stream]; Titanium.Facebook.addEventListener(login, function(e) { if (e.success) { alert(Logged In); } else if (e.error) { alert(e.error); } else if (e.cancelled) { alert("Cancelled"); } }); Titanium.Facebook.authorize();Monday, April 4, 2011
  39. 39. Full-Featured Development... Native User Experience Multimedia Native performance + Native UI Camera, video camera, streaming / (tables, animations, gestures, etc). device audio/video Location-based Services Analytics Augmented reality, geo-location, Camera, video camera, native image compass, native maps viewers, streaming or device audio/ video Social Sharing Authenticated access to Facebook, Extensibility Twitter, Yahoo YQL. Native email/ Add any native Obj. C (iPhone) or address book. Java (Android) module into Titanium Data Development Tools Access online / device data, Create, test, and publish your app embedded SQL database, filesystem, web servicesMonday, April 4, 2011
  40. 40. Titanium Fundamentals • A Titanium application is a JavaScript program that is interpreted at runtime on the device • app.js = root execution context of the app • No browser involved • We use the WebKit KJS JavaScript engine (iOS) or Rhino (Android/BB)Monday, April 4, 2011
  41. 41. Titanium Javascript API • Organized into logical namespaces • “Titanium” (or just “Ti” for short) is the root namespace for all Titanium functionality • A few other odds and ends in the global space – setTimeout/setInterval – alert – JSONMonday, April 4, 2011
  42. 42. Titanium UI Composition • A single window or stack of windows • Tab Group containing many windows • Windows contain viewsMonday, April 4, 2011
  43. 43. O ! DEMMonday, April 4, 2011
  44. 44. More websites for E S Titanium knowledge C U R E SORMonday, April 4, 2011
  45. 45. New Semantic Tags (more) General Homepage: http://www.appcelerator.com Twitter: @appcelerator IRC: #twitter_app Source: http://github.com/appceleratorMonday, April 4, 2011
  46. 46. Monday, April 4, 2011
  47. 47. Titanium Rocks!!Monday, April 4, 2011
  48. 48. Q&A Thanks for listening! Andrew Lombardi Owner, Tech Evangelist Mystic Coders, LLC andrew AT mysticcoders DOT com kinabalu @ irc://irc.freenode.net - ##wicket, ##javaMonday, April 4, 2011
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×