You are on page 1of 10

Sencha

Touch2
SonicGarden Inc.
Masahiro Nishimi (@mah_lab)

About Sencha Touch2


MobileHTML5 framework (phones and tablets)
MobileLook and
feel

Sencha Touch2(ST2)
Conditions
2012/2/8Sencha Touch 2.0
Beta1(http://www.sencha.com/forum/announcement.php?f=90&a=28)
Preview Release
Android 34Blackberry

beta
Good

The difference between


ST and ST2
iOSAndroid
HTML5 API

Android
CSS3
SASS

Ext JS4ST1

Native Packaging
ST2
API

APIPhoneGap
iPhoneST2
=> iPhone
=>

Code

var panel = Ext.create('Ext.Panel', {
layout: 'card',
items: [
{
html: "First Item"
},
{
html: "Second Item"
},
{
html: "Third Item"
},
{
html: "Fourth Item"
}
]
});
panel.getLayout().setActiveItem(1);

HTML

Development Way #1
Native PackagingWeb
HTMLUI


o RailsActionView
o HTMLHamlRails


o ST2URL
ST2
o HTML

Development Way #2
WebJSONJSON
ST2

o
o Native Packaging


o Web
o ST2


jqMobijQuery
Mobile

Sencha
Touch2PhoneGap
API


Sencha Touch2 beta document
o http://docs.sencha.com/touch/2-0/

Sencha Touch2 forum


o http://www.sencha.com/forum/forumdisplay.php?89-Sencha-Touch-2.xForums

Sencha Touch2 First Look (Japanese)


o http://dev.ariel-networks.com/wp/archives/1056

Sencha Touch2 Recipes:1 (Japanese)


o http://dev.ariel-networks.com/wp/archives/1343