Alloy App Framework Overview
Tony LukasavageLead Alloy Engineer
Appcelerator@tonylukasavage
• MVC Framework
• Declarative UI
• Free and open source
• Highly customizable
• Awesome. Yes, awesome.
What is Alloy?
Titanium App
Alloy App
index.tss
index.xml
$.index.open()
index.js
• Primary• views• controllers• styles• models• assets
• Optional• lib• migrations• widgets
• Platform-specific folders
Structure
• IDs and classes
• Platform and form factor specific markup
• Inline events
• API parsers
Views
• TSS format• Titanium constants• Localization• Alloy configuration items
• Group by ID, class, or Ti API
• Device queries
• Global style
Styles
• Element access via $
• Public interface via exports
• Compiler directives
• Backbone eventing
• Underscore and builtins
• Anything Titanium can do
Controllers
• Backbone Models & Collections
• Persistence adapters
• Migration support
Models
• Self-contained UI and logic
• Work in any Alloy app
• Cross-platform
• Simple to complex
Widgets
Traditional
Library
300 lines of code
• Generates CommonJS controller modules
• builtins
• Optimizations
• Catch errors before runtime
Compilation
Error output
• Faster development iterations
• Surfaces potential errors
• Quick Start: bit.ly/alloyqs
• [sudo] npm install –g alloy
• TiStudio/TiSDK 3.0
• More Information• Wiki docs: bit.ly/alloy_docs• Google Groups: bit.ly/alloy_group• Github: github.com/appcelerator/alloy
Getting Started
github.com/appcelerator/Codestrong
Scaffolding
Recommended
