+ All Categories
Transcript
Page 1: San Diego Hackathon

James Pearce Director, Developer Relations @ jamespearce [email protected]

Page 2: San Diego Hackathon

IntroducingSencha Touch

Page 3: San Diego Hackathon

http://www.sencha.com/products/touch

Sencha Touch is......a JavaScript framework for building rich mobile apps with web standards

Page 4: San Diego Hackathon

Lists - Nested - Grouped - SortableCarouselPickerOverlaySliderForms & fieldsToolbars & buttonsHTML5 - Audio - Video - GeoLocation

UI Components

Page 5: San Diego Hackathon

Forms

Page 6: San Diego Hackathon

ScrollingMomentum/bounce physics

Hardware accelerated

Throughout all components: - Lists - Carousel - Pickers

Page 7: San Diego Hackathon

Touch EventsBuilt on native events

Abstracted for performance

Additional events - Tap - Double tap - Tap and hold - Swipe - Rotate - Drag & drop

Page 8: San Diego Hackathon

Use CSS3 & SASS - Flexible themes - Highly optimized

Theming

Page 9: San Diego Hackathon

“The Kitchen Sink”

http://sencha.com/x/5e

Page 10: San Diego Hackathon

CityBarshttp://sencha.com/x/bu

Page 11: San Diego Hackathon
Page 12: San Diego Hackathon

APIs at work...

Local device API to get lat/long

Yelp to get businesses

sencha.io to resize images

http://www.sencha.com/products/io/

Page 13: San Diego Hackathon

http://sencha.com/x/bv

Page 14: San Diego Hackathon

James Pearce Director, Developer Relations @ jamespearce [email protected]


Top Related