Backbone Sync and Appcelerator Alloy

Aaron K. Saunders

CEO Clearly Innovative IncCo-Founder Startup Middle School

Who Am IFounder & CEO Clearly Innovative Inc

Clearly Innovative IncFull Services Digital Agency, Web & Mobile SolutionsBuilt Award Winning Solution for Queens Public

LibraryMultiple solutions & clients over last 4 years using

Appcelerator Titanium

Former Appcelerator Platform Evangelist

Author of upcoming book on Appcelerator Alloy and Appcelerator Cloud Services

Shameless Plug

Appcelerator Titanium Alloy

MVC Framework for building Apps with Titanium

Borrows heavily from BackboneJS for Model and Collection Framework

Model & Collection binding integrated into View functionality of Alloy

Model & Collection functionality === Seperation of Concerns in applications

BackboneBackbone.js gives structure to web

applications by providing models with key-value binding and custom events,

collections with a rich API of enumerable functions, views with declarative event

handling, and connects it all to your existing API over a RESTful JSON interface.

Backbone In AlloyModels

Keep track of your data

CollectionsManage lists/arrays of your data

Sync Adapter(s)Local Storage, SQL, Properties, extendable

Backbone Sync AdapterSupport for managing application data/content

Based on common REST verbsGET > READPUT > UPDATEPOST > CREATEDELETE > DELETE

Can be integrated with local or remote data stores

Connecting to REST Endpoint

IBM Bluemix REST Data Store sample JSON format

Added Promises to Adapter

Better way to manage asychronous calls in code

Removes this from code

Why Should You CareApps spend A LOT of time getting data

Apps spend A LOT of time integrating with REST APIs

Having common pattern for interacting with data is a good thing

Its easy to do !!Lots of information on Backbone Models available

Added Promises to Adapter

Better way to manage asychronous calls in code

Removes this from code

SAMPLE CODE TIME

Final ThoughtsCode with Readme and Presentation

https://github.com/aaronksaunders/tiConnectSampleApp

Information on Promiseshttps://github.com/kriskowal/q

Slides

Thanks

@aaronksaunders

http://www.clearlyinnovative.com