Coffeescript version of "Getting Started with Sencha Touch 2"

gettingStarted.coffee

# see http://docs.sencha.com/touch/2-0/#!/guide/getting_started

class TabPanel extends Ext.TabPanel
	constructor:->
		super
			fullscreen : true
			tabBarPosition: 'bottom'
			items : [
				{
					title : 'Home'
					iconCls : 'home'
					cls : 'home'
					html : 
						'
						<img src="http://staging.sencha.com/img/sencha.png"/>
						<h1>Welcome to Sencha Touch</h1>
						to use tabs, lists and forms to create a simple app</p>
						<h2>Sencha Touch (2.0.0pr1)</h2>
						'
				}
				{
					xtype : 'list'
					title : 'blog'
					iconCls : 'star'
					itemTpl : '{title}'
					store :
						fields : ['title', 'url']
						data : [
							{title: 'Ext Scheduler 2.0', url: 'ext-scheduler-2-0-upgrading-to-ext-js-4'}
							{title: 'Previewing Sencha Touch 2', url: 'sencha-touch-2-what-to-expect'}
							{title: 'Sencha Con 2011', url: 'senchacon-2011-now-packed-with-more-goodness'}
							{title: 'Documentation in Ext JS 4', url: 'new-ext-js-4-documentation-center'}
						]
				}
			]
		@setActiveItem 1


class Application extends Ext.application
	constructor:(name)->
		super
			name : name
			launch : ->
				new TabPanel()

MyApp = new Application "Sencha"