Rich mobile apps with sencha touch - intro to sencha
-
Upload
ncosmin2001 -
Category
Education
-
view
1.084 -
download
0
description
Transcript of 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