Appcelerator Titanium Alloy
Upcoming SlideShare
Loading in...5

Appcelerator Titanium Alloy



Appcelerator Titanium Alloy MVC Framework

Appcelerator Titanium Alloy MVC Framework



Total Views
Views on SlideShare
Embed Views



3 Embeds 763 717 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.


11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • It's not really built on node per say. It is packaged in the node package manager. It is really built on backbone. It just uses node for a build process.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Appcelerator Titanium Alloy Appcelerator Titanium Alloy Presentation Transcript

    • AlloyPowerful MVC from Appc
    • Ajenda● What is Alloy● Why Alloy● How to work with Alloy● Examples● Questions
    • 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
    • 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.
    • 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
    • How to Start?● Alloy Quickstart Guide● Alloy Google Group!forum/appc-ti-alloy● Alloy on Github
    • 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
    • Install AlloyOnce Titanium and Node.js are installed thenrun the below command from the OSX terminalapp to install Alloy $sudo npm install alloy -g
    • Sample ProjectObjectives● Create Tab based App● Call XHR request● Display Results
    • 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
    • Directory Structure
    • views - index.xml
    • styles - index.tss
    • controllers - index.js
    • Create Controller $alloy generate controller rowAbove command will create following files a. controllers/row.js b. views/row.xml c. styles/row.tss
    • 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
    • Code WalkthroughGithub Link: