san diego hackathon
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](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/1.jpg)
James Pearce Director, Developer Relations @ jamespearce [email protected]
![Page 2: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/2.jpg)
IntroducingSencha Touch
![Page 3: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/4.jpg)
Lists - Nested - Grouped - SortableCarouselPickerOverlaySliderForms & fieldsToolbars & buttonsHTML5 - Audio - Video - GeoLocation
UI Components
![Page 5: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/5.jpg)
Forms
![Page 6: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/6.jpg)
ScrollingMomentum/bounce physics
Hardware accelerated
Throughout all components: - Lists - Carousel - Pickers
![Page 7: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/8.jpg)
Use CSS3 & SASS - Flexible themes - Highly optimized
Theming
![Page 9: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/9.jpg)
“The Kitchen Sink”
http://sencha.com/x/5e
![Page 10: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/10.jpg)
CityBarshttp://sencha.com/x/bu
![Page 11: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/11.jpg)
![Page 12: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/13.jpg)
http://sencha.com/x/bv
![Page 14: San Diego Hackathon](https://reader034.vdocuments.us/reader034/viewer/2022051322/5461ccabb1af9f71408b4cf9/html5/thumbnails/14.jpg)
James Pearce Director, Developer Relations @ jamespearce [email protected]