• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Titanium Workshop - [Sainté Mobile Days]
 

Titanium Workshop - [Sainté Mobile Days]

on

  • 664 views

Introduction workshop on Titanium and Alloy where attendees make a basic app in just a few hours.

Introduction workshop on Titanium and Alloy where attendees make a basic app in just a few hours.

Statistics

Views

Total Views
664
Views on SlideShare
651
Embed Views
13

Actions

Likes
0
Downloads
4
Comments
0

2 Embeds 13

https://twitter.com 10
http://lanyrd.com 3

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Titanium Workshop - [Sainté Mobile Days] Titanium Workshop - [Sainté Mobile Days] Presentation Transcript

    • Building mobile apps with Titanium and Alloy Boydlee Pollentine & Christian Brousseau
    • @TheBrousse @Boydleep
    • What is Titanium
    • How does it work? Native Application Native components Native Code Titanium Code (JavaScript) Objective-C Java Other Titanium Compiler JavaScript Runtime Native Compiler JavaScript Code
    • Under the hood Your Application UI API Phone API JavaScript - Native Bridge Operating System Modules
    • Hello World Resources/app.js var window = Ti.UI.createWindow({ backgroundColor: „white‟ }); var label = Ti.UI.createLabel({ color: „black‟, text: „Hello World‟ }); label.addEventListener(„click‟, function() { require(„windowTwo‟); } ); window.add(label); window.open();
    • Alloy
    • How does “that” work Alloy Code Titanium Code JavaScript XML TSS Alloy Pre-compiler Native Code Titanium Compiler Native Compiler
    • Same Hello World views/index.xml <Alloy> <Window> <Label onClick=”open”>Hello World</Label> </Window> </Alloy> “Window”: { backgroundColor: “white” } controllers/index.js function open() { require(“windowTwo”); } $.index.open(); “Label”: { color: “black” } styles/index.tss
    • This is our App
    • We need data URL: http://developer.rottentomatoes.com API Key: fuvfpegjuuqtrdj5wm6sg2x5
    • What does it return? { } "total": 37, "movies": [ { "id": "769959054", "title": "The Dark Knight", "year": 2008, "release_dates": { "theater": "2008-07-18", "dvd": "2008-12-09" }, "ratings": { "critics_rating": "Certified Fresh", "critics_score": 94 } }, { "id": "10483", "title": "Batman", "year": 1989, "release_dates": { "theater": "1989-06-23", "dvd": "1997-03-25" }, "ratings": { "critics_rating": "Fresh", "critics_score": 71 } } ]
    • Let’s get to work
    • There are books for that