Feedhenry Cloud connected Sencha App
A demonstration of how to write a Feedhenry Cloud connected Sencha app
Tags / Demo Script
- v1: Boilerplate code - a perfect starting point.
- v2: Add a simple homepage view class. Demo 'scroll: 'vertical||both', iconCls, title, and how the TabPanel works.
- v3: Add a hardcoded list view of countries from the GeoNames API. Introduce concept of List, Store, Model.
- v4: Introduce the cloud, and proxies. Write some cloud code to pull from the Geonames API, returning this to the client.
- v5: Add some list features. Style the app with SASS.
- v6: Add a wrapper around the list with a toolbar, and an itemTap listener to the list which dispatches to a controller, opening a new view with info about that country
- v7: Add a twitter tweets list, formatted, with the cloud call to the public github API for mentions of FeedHenry
Pre-presentation todos: Close unrelated projects (open finished version). hide closed projects. && font size -> 24.
Useful Sencha Resources
Kitchen Sink Before building a Sencha UI, the best thing to get to grips with, before even the API docs, is the 'Kitchen Sink'. It shows all that is possible with Sencha in terms of UI, events and data. http://dev.sencha.com/deploy/touch/examples/kitchensink/
API documentation (very extensive & well documented. Clicking on an entries H1 title gives the code, which is full of useful comments): http://dev.sencha.com/deploy/touch/docs/
Writing performant Sencha code: http://www.slideshare.net/senchainc/optimizing-performance
Useful collection of Sencha user extensions: http://www.simoens.org/Sencha-Projects/demos/ http://www.sencha.com/forum/forumdisplay.php?58-Sencha-Touch-1.x-Examples-and-Showcases
Adding a tooltip to a Sencha Slider (form elem): http://www.devguy.org/2011/05/sencha-touch-slider-with-tooltip.html