Rich mobile apps with sencha touch - intro to sencha
-
Upload
ncosmin2001 -
Category
Education
-
view
1.085 -
download
0
description
Transcript of Rich mobile apps with sencha touch - intro to sencha
![Page 1: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/1.jpg)
INTRODUCTION TO
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
![Page 2: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/2.jpg)
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
![Page 3: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/3.jpg)
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
![Page 4: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/4.jpg)
DEVICES
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
![Page 5: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/5.jpg)
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
iPhoneiPad
![Page 6: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/6.jpg)
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
All kind of android phones …
… and tablets
![Page 7: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/7.jpg)
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
BLACKBERRY 6
![Page 8: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/8.jpg)
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
![Page 9: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/9.jpg)
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
![Page 10: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/10.jpg)
Scrolling
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
Momentum/bounce physicsHardware acceleratedCritical for tabletsThroughout components
- Lists - Carousel - Pickers
![Page 11: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/11.jpg)
Components
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
Lists - Nested, Grouped, SortableCarouselPickerOverlaySliderForms & FieldsToolbars & buttonsHTML5 - Audio - Video - GeoLocation
![Page 12: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/12.jpg)
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
![Page 13: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/13.jpg)
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
![Page 14: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/14.jpg)
Full Application Architecture
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
MVCHistory SupportDevice detectionOrientation eventsLayoutsAnimations
![Page 15: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/15.jpg)
Take it off(line) with …
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
AND ONE MORE THING…
![Page 16: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/16.jpg)
Sencha Architect
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
![Page 17: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/17.jpg)
QUESTIONS ?
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
![Page 18: Rich mobile apps with sencha touch - intro to sencha](https://reader036.fdocuments.in/reader036/viewer/2022062405/554f9083b4c9052a518b5358/html5/thumbnails/18.jpg)
THANKS !!!
Rich Mobile Apps with Sencha TouchPart I – Intro to Sencha
DEMOSj.mp/touchsink