Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Appcelerator Alloy Deep Dive - tiTokyo 2013

February 16, 2013

Appcelerator Alloy Deep Dive - tiTokyo 2013

Slides for my presentation at tiTokyo 2013


February 16, 2013

More Decks by Alco

Other Decks in Programming


  1. About me •  Currently work as Appcelerator Platform Evangelist in

    the Silicon Valley Area •  Have been developing Apps with Titanium since 2009 •  Former Titanium trainer in the Caribbean and Latin America •  Hacker in constant training
  2. Download Titanium Studio •  Download Titanium Studio from appcelerator.com • 

    Make sure you install and configure the necessary SDKs from Apple and Android
  3. Enter the MVC Pattern Model   Controller   View  

    User   Routing, decision making Business logic, data manipulation, etc What the user sees .JS Files .XML + .TSS Files
  4. What is Appcelerator® Alloy™? •  Official MVC Framework for Titanium

    •  Free and Open Source •  Declarative UI •  Widgets •  Themes
  5. Why build an MVC Framework? •  Help developers build scalable

    apps •  Provide a basis for best practices on Titanium development •  Simplify development of Titanium apps •  Make Titanium more approachable to web developers and designers (use of XML, CSS) •  Reduce the amount of code written •  Set the foundation for widget/ component/ sample libraries
  6. Basic Folder Structure App  Logic   User  Interface  Defini7on  

    App  styling  (colors,  posi7oning,  etc)  
  7. Widgets are like “mini-apps” •  Similar folder structure •  Instead

    of an “index” file, you have a “widget” file
  8. To use the Widget •  Define it as a dependency

    on your “config.json” file •  Use the “Require” tag to include it in your XML file
  9. With Alloy you can use backbone.js to create data-bound controls

    •  Model creation is built into Titanium Studio
  10. Bind your model to a UI control •  The “Collection”

    Tag allows you to define a data collection based on your model, and bind it to your TableView
  11. ere’s much more! •  Sync Adapters •  Migrations •  Underscore.js

    functionalities •  Command-Line Interface (CLI) •  Appcelerator Cloud Services (ACS)
  12. Alloy 1.0 is out! Here’s what new: •  Only works

    with Ti SDK 3.0 and later •  Android fastdev •  New SQL Adapter inline with our updated adapter model •  Content Assist in Studio: it will be officially released in 3.1.0 but it is already available in the nightly stream
  13. What’s next with Alloy? •  Debugging of Alloy apps in

    Studio (coming in 3.1.0) •  Dynamic Styling of Apps •  Adapter framework •  Widget models and themes •  Finalizing model-view binding
  14. Code •  All code samples in this presentation can be

    found at: http://github.com/ricardoalcocer