Alloy Framework Overview

Mads MøllerHead of Development

Napp CMS@nappdev

mm@napp.dk

• MVC Framework

• XML based UI markup

• Highly customizable

• Run by Appcelerator

• Awesome. Yes, awesome.

What is Alloy?

Titanium App

Alloy App

index.tss

Index.js

$.index.open();

index.xml

• 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

• Generates CommonJS controller modules

• builtins

• Optimizations

• Catch errors before runtime

Compilation

Error output

• Faster development iterations

• Surfaces potential errors

• Quick Start: bit.ly/alloyqs

• Ti SDK 2.1 or later

• More Information• Wiki docs: http://bit.ly/RzU6Ra• Google Groups: bit.ly/alloy_group• Github: github.com/appcelerator/alloy

Getting Started

• Lets see some code

Showcase

Scaffolding

github.com/appcelerator/Codestrong

Mads Møller@nappdev

mm@napp.dk