Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

What is Sencha Touch?
One of the best JavaScript
frameworks f...
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

FLEXIBLE DEPLOYMENT

FAST DEVELOPMENT
CROSS PLATFORM

EASY TO...
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

DEVICES
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

iPhone
iPad
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

All kind of
android phones …

… and tablets
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

BLACKBERRY 6
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

What’s included in Sencha?
-

Touch Events
Scrolling
Theming
...
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

Built on native events
Abstracted for performance
By default ...
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

Scrolling
Momentum/bounce physics
Hardware accelerated
Critic...
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

Lists
- Nested, Grouped, Sortable
Carousel
Picker
Overlay
Sli...
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

Theming
CSS3
SASS & Compass
(http://compass-style.org/)
- Fle...
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

Data Package
Models, Stores, and Proxies
- Associations
- Val...
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

Full Application Architecture
MVC
History Support
Device dete...
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

Take it off(line) with …

AND ONE
MORE THING…
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

Sencha Architect
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

QUESTIONS ?
Rich Mobile Apps with Sencha Touch
Part I – Intro to Sencha

THANKS !!!
DEMOS
j.mp/touchsink
Upcoming SlideShare
Loading in …5
×

Rich mobile apps with sencha touch - intro to sencha

1,597 views

Published on

Rich mobile apps with sencha touch - intro

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,597
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
45
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Rich mobile apps with sencha touch - intro to sencha

  1. 1. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha
  2. 2. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha What is Sencha Touch? One of the best JavaScript frameworks for building rich mobile apps with web standards. DETAILS MATTER
  3. 3. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha FLEXIBLE DEPLOYMENT FAST DEVELOPMENT CROSS PLATFORM EASY TO STYLE MORE DEVELOPERS CHEAPER -------OPTIMIZED DATA WEB The Sweet Spot NATIVE RICH CONTROLS --------RESPONSIVE UI
  4. 4. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha DEVICES
  5. 5. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha iPhone iPad
  6. 6. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha All kind of android phones … … and tablets
  7. 7. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha BLACKBERRY 6
  8. 8. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha What’s included in Sencha? - Touch Events Scrolling Theming Components Data Package Full Application Architecture
  9. 9. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha Built on native events Abstracted for performance By default we have 4 touch events - Touch start - Touch end - Touch move - Touch cancel Additional events - Tap - Double tap - Tap and hold - Swipe - Pinch - Drag & drop Touch Events
  10. 10. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha Scrolling Momentum/bounce physics Hardware accelerated Critical for tablets Throughout components - Lists - Carousel - Pickers
  11. 11. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha Lists - Nested, Grouped, Sortable Carousel Picker Overlay Slider Forms & Fields Toolbars & buttons HTML5 - Audio - Video - GeoLocation Components
  12. 12. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha Theming CSS3 SASS & Compass (http://compass-style.org/) - Flexible themes - Highly optimized 300+ Pre-included icons Robust Animations Resolution Independent
  13. 13. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha Data Package Models, Stores, and Proxies - Associations - Validation Easily consume web services - JSON/P - XML - YQL Offline data - localStorage
  14. 14. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha Full Application Architecture MVC History Support Device detection Orientation events Layouts Animations
  15. 15. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha Take it off(line) with … AND ONE MORE THING…
  16. 16. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha Sencha Architect
  17. 17. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha QUESTIONS ?
  18. 18. Rich Mobile Apps with Sencha Touch Part I – Intro to Sencha THANKS !!! DEMOS j.mp/touchsink

×