Sencha Touch for the Mobile Web

51
Monday, November 29, 2010

description

Sencha Touch leverages HTML5 and CSS3 to provide a robust web app framework for webkit based mobile browsers. This session is a high-level introduction to Sencha Touch. We will cover components and data handling, theming, best practices, and deployment, and talk about the roadmap for Sencha Touch 2.0.

Transcript of Sencha Touch for the Mobile Web

Page 1: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 2: Sencha Touch for the Mobile Web

Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 3: Sencha Touch for the Mobile Web

@davidkaneda

Monday, November 29, 2010

Page 4: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 5: Sencha Touch for the Mobile Web

What’s Sencha Touch?

Monday, November 29, 2010

Page 6: Sencha Touch for the Mobile Web

What’s Sencha Touch?A JavaScript framework for building

rich mobile apps with web standards.

Monday, November 29, 2010

Page 7: Sencha Touch for the Mobile Web

What’s Sencha Touch?A JavaScript framework for building

rich mobile apps with web standards.

Monday, November 29, 2010

Page 8: Sencha Touch for the Mobile Web

What’s Sencha Touch?A JavaScript framework for building

rich mobile apps with web standards.

FREE

Monday, November 29, 2010

Page 9: Sencha Touch for the Mobile Web

Preview

Monday, November 29, 2010

Page 10: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 11: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 12: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 13: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 14: Sencha Touch for the Mobile Web

Why Sencha Touch?

Monday, November 29, 2010

Page 15: Sencha Touch for the Mobile Web

Why Sencha Touch?Cross-platform

Faster, cheaper, easierHighly customizableFlexible Deployment

Monday, November 29, 2010

Page 16: Sencha Touch for the Mobile Web

Devices

Monday, November 29, 2010

Page 17: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 18: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 19: Sencha Touch for the Mobile Web

230,000iOS activations a day.

Monday, November 29, 2010

Page 20: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 21: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 22: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 23: Sencha Touch for the Mobile Web

60,000Android shipments a day.

Monday, November 29, 2010

Page 24: Sencha Touch for the Mobile Web

SAMSUNG GALAXY TAB

JUST RELEASED

Monday, November 29, 2010

Page 25: Sencha Touch for the Mobile Web

BLACKBERRY TORCH

Monday, November 29, 2010

Page 26: Sencha Touch for the Mobile Web

What’s included?

Monday, November 29, 2010

Page 27: Sencha Touch for the Mobile Web

Touch abstractionScrollerComponentsData packageTheming & icons

And More…MVCHistory SupportDevice detectionOrientation eventsLayoutsAnimations

A complete framework

Monday, November 29, 2010

Page 28: Sencha Touch for the Mobile Web

Touch EventsBuilt on native events Abstracted for performanceAdditional eventsTapDouble tapTap and holdSwipeRotateDrag & drop

Monday, November 29, 2010

Page 29: Sencha Touch for the Mobile Web

ScrollingMomentum/bounce physicsHardware accelerated Throughout componentsListsCarouselPickers

Monday, November 29, 2010

Page 30: Sencha Touch for the Mobile Web

ScrollingMomentum/bounce physicsHardware accelerated Throughout componentsListsCarouselPickers

Monday, November 29, 2010

Page 31: Sencha Touch for the Mobile Web

Data PackageModels, Stores, and ProxiesAssociationsValidation

Easily consume web servicesJSON/PXMLYQL

Monday, November 29, 2010

Page 32: Sencha Touch for the Mobile Web

ListsNested, Grouped, SortableCarouselPickerOverlaySliderForms & FieldsToolbars & buttonsHTML5AudioVideoGeoLocation

Components

Monday, November 29, 2010

Page 33: Sencha Touch for the Mobile Web

CSS3SASS & CompassFlexible themesHighly optimized300+ Pre-included iconsRobust AnimationsResolution Independent

Theming Sencha TouchWednesday AM

Theming

Monday, November 29, 2010

Page 34: Sencha Touch for the Mobile Web

The Kitchen Sink

Monday, November 29, 2010

Page 35: Sencha Touch for the Mobile Web

We’re here to help

Monday, November 29, 2010

Page 36: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 37: Sencha Touch for the Mobile Web

API docs (included with download)

Monday, November 29, 2010

Page 38: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 39: Sencha Touch for the Mobile Web

sencha.com/forum

Monday, November 29, 2010

Page 40: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 41: Sencha Touch for the Mobile Web

sencha.com/learn

Monday, November 29, 2010

Page 42: Sencha Touch for the Mobile Web

Deployment

Monday, November 29, 2010

Page 43: Sencha Touch for the Mobile Web

WEB

Monday, November 29, 2010

Page 44: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 45: Sencha Touch for the Mobile Web

wbxapp.com/senchacon

Monday, November 29, 2010

Page 46: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 47: Sencha Touch for the Mobile Web

NATIVE SHELL

Monday, November 29, 2010

Page 48: Sencha Touch for the Mobile Web

Monday, November 29, 2010

Page 49: Sencha Touch for the Mobile Web

On the Horizon

Monday, November 29, 2010

Page 50: Sencha Touch for the Mobile Web

New ComponentsNew Platforms

Charting ExtensionAdvanced History

Sencha Command & JSBuilderDocs and guides

On the Horizon

Monday, November 29, 2010

Page 51: Sencha Touch for the Mobile Web

Thank you

Monday, November 29, 2010