Titanium is an open source platform for building native mobile, tablet, and desktop applications using JavaScript. It allows developers to write apps once using JavaScript and deploy them to various platforms including Android, iOS, and desktop operating systems without needing to know Java, Objective-C, or other native languages. Some key features include cross-platform capabilities, native performance and user interfaces, and support for mobile and desktop APIs on Android, iOS, and desktop platforms. Titanium uses a declarative programming model where apps are created by combining standard Titanium UI elements and APIs.

1. Titanium
http://blog.roynotes.com

2. javascript, HTML, CSS, Python,
Ruby PHP web mobile,tablet
desktop
Mobile
Desktop
Tablet

3. Keyword
open source - Apache 2 license
no java and no objective-c
but... native - performance, UI & capabilities
and cross-platform
➡Desktop: windows/mac/linux
➡Mobile: android/iOS

5. Mobile API
Titanium Titanium.App.And Titanium.Geoloca Titanium.UI.Andr
roid tion oid
Titanium.API
Titanium.App.Pro Titanium.Gesture Titanium.UI.Clipb
perties oard
Titanium.Accelero
meter Titanium.Locale
Titanium.App.iOS Titanium.UI.iOS
Titanium.Analytic Titanium.Map
s Titanium.Contacts Titanium.UI.iPad
Titanium.Media
Titanium.Android Titanium.Databas Titanium.UI.iPhon
e e
Titanium.Network
Titanium.Android.
Calendar Titanium.Faceboo Titanium.Utils
Titanium.Platfor
k
m
Titanium.Android. Titanium.XML
NotificationMana Titanium.Filesyst
Titanium.UI
ger em
Titanium.Yahoo
Titanium.App

7. ......
Mac
XCode and iOS SDK
android SDK for Mac and JDK
: vi , TextMate
SQLite

8. id

9. Hello world

10. ......
./Resources/app.js
Titanium.UI.setBackgroundColor('#000');
var win1 = Titanium.UI.createWindow({
title:'My First Mobile App',
backgroundColor:'#fff'
});
var helloLabel = Titanium.UI.createLabel({
! color:'red',
! text:'Hello World!',
! font:{fontSize:30,fontFamily:'Helvetica Neue'},
! textAlign:'center',
! width:'auto'
});
win1.add(helloLabel);

11. var button = Titanium.UI.createButton({
! title: 'say hi',
! width: '200px',
! height: '40px',
! top: 20
});
win1.add(button);

12. button.addEventListener('click', function(e){
! helloLabel.text = 'Hello TechParty';
});

13. http://xurrency.com/currencies
300 javascript
API

14. ui.js
event.js
database.js
app.js

15. API
Q&A
iOS Android FF IE
IDE UI
KitchenSink

16. 这 时 发现
http://
guides.appcelerator.com/en/
getting_started.html

17. JavaScript
Utility Libraries
• Helium - A Titanium utility library and framework for building component-
oriented, event-driven Titanium Mobile applications. Provides visual and non-
visual unit testing support, utility functions, and a JavaScript-based framework
for building and styling UI components.
• Titanium Redux - utility library for Titanium, aimed at reducing the amount of
needed for common tasks in Titanium.
• TiFramework - A chainable framework for Appcelerator Titanium
• Titanium Tools - a sweet collection of tools for Appcelerator's Titanium Mobile.
Persistence
• TiStore - ActiveRecord for Titanium
• Joli - Small ORM for Titanium
Special Purpose
• Twitter oAuth Adapter - utility for making authenticated Twitter API calls

18. Thank you
twitter: @roy_wei
sina: @roymax