Appcelerator Titanium Alloy
Upcoming SlideShare
Loading in...5

Like this? Share it with your network


Appcelerator Titanium Alloy



Appcelerator Titanium Alloy MVC Framework

Appcelerator Titanium Alloy MVC Framework



Total Views
Views on SlideShare
Embed Views



3 Embeds 764 718 34 12



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.

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

Appcelerator Titanium Alloy Presentation Transcript

  • 1. AlloyPowerful MVC from Appc
  • 2. Ajenda● What is Alloy● Why Alloy● How to work with Alloy● Examples● Questions
  • 3. What Is Alloy?● Alloy is built on Node.js, available on npm, and integrated with Titanium Studio● Alloy is an open source MVC framework with the goal of making Titanium development easier, faster, and more scalable
  • 4. Why Alloy?● Scaffolding generation and advanced tooling● Best Practices● With Alloy, developers can build apps not only faster, but of higher quality, effortlessly leveraging features like compile time validation, advanced code generation, and reusable components.
  • 5. Alloy Key Features● UI and app logic separation through MVC framework● Develop your apps using XML and JSON● Reusable widgets and templates● Built-in Backbone.js and Underscore.js support● Command Line interface
  • 6. How to Start?● Alloy Quickstart Guide● Alloy Google Group!forum/appc-ti-alloy● Alloy on Github
  • 7. Getting StartRequirements● Ti SDK and Studio 2.1 or greater● Node.js 0.6.3 or greater● Support only on OSX 10.6 or greater(Windows and Linux Support Later)Platform Support● Android - 2.2 (API8) or greater● iPad - 4.2 or greater● iPhone - 4.2 or greater● Mobile Web
  • 8. Install AlloyOnce Titanium and Node.js are installed thenrun the below command from the OSX terminalapp to install Alloy $sudo npm install alloy -g
  • 9. Sample ProjectObjectives● Create Tab based App● Call XHR request● Display Results
  • 10. New Alloy Project● Create a new Titanium Mobile Project● Using Terminal change to the directory where the newly created project lives● To set up the project to use Alloy run $alloy new
  • 11. Directory Structure
  • 12. views - index.xml
  • 13. styles - index.tss
  • 14. controllers - index.js
  • 15. Create Controller $alloy generate controller rowAbove command will create following files a. controllers/row.js b. views/row.xml c. styles/row.tss
  • 16. Create Model $alloy generate model todo name:stringactive:booleanAbove command will create following files a. models/todo.js b. models/todo.json c. migrations/201208061357439_todo.js
  • 17. Code WalkthroughGithub Link: