san diego hackathon

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

Upload: james-pearce

Post on 10-Nov-2014

4.692 views

Category:

Technology


1 download

DESCRIPTION

Introduction to Sencha Touch as shown at the San Diego Mobile App Hackathon June 2011. Includes GitHub URLs you might need to get started on the CityBars app...

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]