+ All Categories
Home > Technology > San Diego Hackathon

San Diego Hackathon

Date post: 10-Nov-2014
Category:
Upload: james-pearce
View: 4,686 times
Download: 1 times
Share this document with a friend
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...
Popular Tags:
14
James Pearce Director, Developer Relations @ jamespearce [email protected]
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]


Recommended