alloy - codestrong 2012

Alloy App Framework Overview

Tony LukasavageLead Alloy Engineer

Appcelerator@tonylukasavage

tlukasavage@appcelerator.com

• 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

Tony Lukasavage@tonylukasavage

tlukasavage@appcelerator.com

Scaffolding