Your SlideShare is downloading. ×
0
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Appcelerator Titanium Alloy
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Appcelerator Titanium Alloy

10,699

Published on

Appcelerator Titanium Alloy MVC Framework

Appcelerator Titanium Alloy MVC Framework

Published in: Technology, Education
1 Comment
4 Likes
Statistics
Notes
No Downloads
Views
Total Views
10,699
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
111
Comments
1
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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 http://projects.appcelerator.com/alloy/docs/Alloy-bootstrap/index.html● Alloy Google Group https://groups.google.com/forum/?fromgroups=#!forum/appc-ti-alloy● Alloy on Github https://github.com/appcelerator/alloy
  • 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: https://github.com/railskarthi/sample-alloy-app

×