Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Feedhenry cloud connected Sencha MVC application tutorial
JavaScript Ruby
branch: master

README.md

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

Something went wrong with that request. Please try again.