• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Anarchist guide to titanium ui
 

Anarchist guide to titanium ui

on

  • 4,059 views

Slide deck for a presentation during a JavaScript meetup in Atlanta, GA....

Slide deck for a presentation during a JavaScript meetup in Atlanta, GA.

This is an intro into titanium with a twist being that I focused on explaining some of the power titanium gives developers by allowing them to easily create their own UI versus using native graphics.

Statistics

Views

Total Views
4,059
Views on SlideShare
3,823
Embed Views
236

Actions

Likes
2
Downloads
28
Comments
0

2 Embeds 236

http://vincentjordan.com 218
http://storify.com 18

Accessibility

Upload Details

Uploaded via as Adobe PDF

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

    Anarchist guide to titanium ui Anarchist guide to titanium ui Presentation Transcript

    • Anarchist Guide to Titanium UI AN INTRODUCTION TO TITANIUM & PROTOTYPINGWednesday, June 22, 2011
    • Vince Baskerville Co-Founder of TripLingo VP of Production TripLingo @whoisvinceWednesday, June 22, 2011
    • TOPICS What is Titanium Requirements Tools Quick Peek Q&AWednesday, June 22, 2011
    • What is TitaniumWednesday, June 22, 2011
    • It’s a bad-ass framework It’s a rapid application development platform Use your base source to develop to multiple platforms & devices iOS & Android currently for mobileWednesday, June 22, 2011
    • What’s inside? 300+ APIs Full filesystem access Internal SQLite database access Built-in analytics Use JavaScript, HTML5 & CSS3 Objective-C for modules * more...Wednesday, June 22, 2011
    • How does it work? Pre-compiler Optimizes your .js code Front-end compiler Generates platform-specific native code Platform compiler & packager Packaged for runing on the native simulator, device &/or distributionWednesday, June 22, 2011
    • Requirements Titanium Developer sdk http://www.appcelerator.com/products/download/ iOS sdk & Xcode http://developer.apple.com/ Java SDK & Android SDK http://developer.android.com/sdk/index.htmlWednesday, June 22, 2011
    • Tools Kitchen Sink (sample app) https://github.com/appcelerator/kitchensink API References http://developer.appcelerator.com/apidoc/ mobile/latest Community Q&A http://developer.appcelerator.com/ questions/newest AppU Training http://training.appcelerator.com/Wednesday, June 22, 2011
    • I <3 Coda My http://panic.com/coda/ Tower (git gui) Workflow http://www.git-tower.com/ CodaSet.com http://codaset.com/Wednesday, June 22, 2011
    • Quick PeekWednesday, June 22, 2011
    • Project Structure build iphone Info.plist Resources app.js anotherView.js manifest tiapp.xmlWednesday, June 22, 2011
    • Project Structure build Build directory iphone per platform Info.plist Resources app.js anotherView.js manifest tiapp.xmlWednesday, June 22, 2011
    • Project Structure build iphone Info.plist Resource files; actual js code, Resources images, db files, etc app.js anotherView.js manifest tiapp.xmlWednesday, June 22, 2011
    • Project Structure build iphone Info.plist Resources app.js Project files anotherView.js manifest tiapp.xmlWednesday, June 22, 2011
    • Code Interface Module Titanium.UI Object Titanium.UI.Label Object Factory Titanium.UI.createLabel({}) Properties / Methods ...({ top: 0, left: 44, text: ‘Spanish’ }); Event Handling Button.addEventListener(click)Wednesday, June 22, 2011
    • JSS vs Inline Each method ends with a semi-colon; Each except the last Words are ends with a comma, seperated with a dash, ie: words are not background-image: seperated, ie: backgroundImage: file name needs to match .js document and be in same dirWednesday, June 22, 2011
    • Sooo... about that titleWednesday, June 22, 2011
    • Titanium does a great job at giving you access to native buttons, tabs, etc; but you don’t have to use themWednesday, June 22, 2011
    • Break the rules* Use the native controls for prototyping. Then if you can, create your own UI. Go crazy! *okay, so not really.. instead, you can bend & cheat some though.Wednesday, June 22, 2011
    • TripLingo “This doesnt seem like it would function better than an app designed with apples ios guidelines in mind” “I love this app! Very intuitive and beautiful. Very cool idea. Good job”Wednesday, June 22, 2011
    • Drilldown 95% custom UI Prototype developed in 2 days MVP in 2 weeks v1.0 in 4 months Possible because of Titanium (and a bad-ass team!)Wednesday, June 22, 2011
    • Code DemoWednesday, June 22, 2011
    • Questions?Wednesday, June 22, 2011
    • Merci Beaucoup By: Vince Baskerville http://vincentjordan.comWednesday, June 22, 2011