Introduction to Sencha Touch

Ed Spencer / @EdSpencerSencha Inc / @SenchaInc

Hola

Sencha Touch betaBuild mobile apps with HTML5, CSS3, and JavaScript

230,000 iOS Activations 60,000 Android Shipments

Every Day

2%2%3%

7%

39%

47%

iOS AndroidRIM webOSWinMo Other

http://metrics.admob.comJanuary 2010

US Mobile Web Traffic

WebKit Rocks!• HTML5 + CSS3• Transforms, Transitions, and

Animations• Canvas• SQLite• Cache Manifest• Geo-Location

WebKit Rocks!• HTML5 + CSS3• Transforms, Transitions, and

Animations• Canvas• SQLite• Cache Manifest• Geo-Location

Sencha Touch beta

Coming Soon: BlackBerry 6 & WebOS

• WebKit-optimized• Touch events• Scroller• Orientation events• Data• Layouts• Animations• Theming & icons• Components

Features

Touch Events• Built on native events • Abstracted for performance• Additional events

Tap

Double tap

Tap and hold

Swipe

Rotate

Drag & drop

Scrolling

• Momentum/bounce physics• Hardware accelerated • Throughout components

• ListsNested

Grouped

Sortable

• Carousel• Picker• Overlay• Toolbars & buttons• HTML5

Audio

Video

GeoLocation

Components

<75kminified & gzipped

Demos

Let’s Get Started

Building UI

Binding Data

Styling

Docs

• App Architecture• JSBuilder Release• Compass framework• Docs and guides• Better error reporting• PhoneGap integration

Sneak Preview

Thanks!Websitehttp://sencha.com/

Twitter@SenchaInc

My Sitehttp://edspencer.net/

Twitter@EdSpencer