51
Monday, November 29, 2010

Sencha Touch for the Mobile Web

  • Upload
    sencha

  • View
    3.269

  • Download
    2

Embed Size (px)

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.

Citation preview

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