February 12th 2014

at TechRanch Austin

Titanium User Group - Austin Meetup

Jae Lee

Founder of Movable Ads LLC

Sponsor

Agenda

Titanium Intro

Titanium App Demo

Developer Resources

Titanium enables web developers to createnative mobile and tablet applications

using open web technologies (JavaScript, HTML, and CSS)

Typical Application Structure

For you web developers…

A “window” is analogous to a “page”

A “view” is analogous to a “div”

Ti.UI namespace provides many specialized controls (buttons, text fields, pickers, maps, scroll views)

UI objects are composed in JavaScript similarly to DOM fragments

Event Handling

Similar To JavaScript in the browser

Can use addEventListener on nearly any JS object

Can programmatically fire events on objects as well

Why use Titanium?

Not limited to specific platforms

Reduce time spent learning multiple languages

Support the one codebase

https://www.youtube.com/watch?v=ubahIwWPGjg

The Build

Creating a database structure

Adding records to a database

Listing all the items from a database

Updating an existing item from a database

Deleting items from a database based on a filter

Navigating through the data structure of a TableView component

User Interface Structure

Main Window

Header View

TextField

Task View

Button

Switch

TableView

Database Structure

Field Name Type

ID INT

NAME TEXT

IS_COMPLETE INT

SQLite DB Table

Code: Database

Code: Database

Code: Main Window

Code: Header View

Code: Text Field

Code: Button

Code: Task View

Code: Tableview

Code: Button Bar View

Code: Button & Switch

https://github.com/leejaew/to-do_list

http://docs.appcelerator.com/titanium/latest/

Jae Lee

Founder of Movable Ads LLC

leejaew@austin.com

@leejaew

Credits

Creating Mobile Apps with Appcelerator Titanium by Christian Brousseau