rich mobile apps with sencha touch - intro to sencha

INTRODUCTION TO

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

What is Sencha Touch?

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

One of the best JavaScript frameworks for building rich mobile apps with web standards.

DETAILS MATTER

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

-------- The Sweet Spot ---------

EASY TO STYLE

FLEXIBLE DEPLOYMENT

CHEAPER

CROSS PLATFORMMORE DEVELOPERS

OPTIMIZED DATARESPONSIVE UI

RICH CONTROLS

FAST DEVELOPMENT

WEB

NATIVE

DEVICES

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

iPhoneiPad

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

All kind of android phones …

… and tablets

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

BLACKBERRY 6

What’s included in Sencha?

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

- Touch Events- Scrolling- Theming- Components- Data Package- Full Application Architecture

Touch Events

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

Built on native eventsAbstracted for performanceBy default we have 4 touch events - Touch start - Touch end - Touch move - Touch cancelAdditional events - Tap - Double tap - Tap and hold - Swipe - Pinch - Drag & drop

Scrolling

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

Momentum/bounce physicsHardware acceleratedCritical for tabletsThroughout components

- Lists - Carousel - Pickers

Components

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

Lists - Nested, Grouped, SortableCarouselPickerOverlaySliderForms & FieldsToolbars & buttonsHTML5 - Audio - Video - GeoLocation

Theming

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

CSS3SASS & Compass (http://compass-style.org/) - Flexible themes - Highly optimized300+ Pre-included iconsRobust AnimationsResolution Independent

Data Package

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

Models, Stores, and Proxies - Associations - ValidationEasily consume web services - JSON/P - XML - YQLOffline data - localStorage

Full Application Architecture

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

MVCHistory SupportDevice detectionOrientation eventsLayoutsAnimations

Take it off(line) with …

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

AND ONE MORE THING…

Sencha Architect

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

QUESTIONS ?

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

THANKS !!!

Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha

DEMOSj.mp/touchsink