Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you're a Flex dev, then might be be interested in checking out both the desktop and mobile versions of the Sencha Frameworks (my company): Ext JS for desktop apps and Sencha Touch for mobile/tablet apps.</p> <p>Ext JS is focused on desktop web apps that can work all the way back to IE6, so there's not much room to be "HTML5"y although where we can we are (our new charting stuff uses Canvas, SVG or VML depending on the browser it finds itself on).</p> <p>Sencha Touch is focused on Android, iOS, Blackberry and IE9(?) mobile browsers, so we get to use all the CSS3, localStorage, etc. etc. that you can shake a stick at. If you're looking for a test case of what you can do when you start with an assumption of a modern browser then this is it.</p> <p>Ext JS &amp; Sencha Touch is components all the way down. The best overview of both components and layouts is <a href="http://www.sencha.com/learn/Ext_2_Overview" rel="nofollow">this article</a> that was written for Ext JS 2, although the component and layout model hasn't changed much for Ext JS 3. Layouts are getting a rewrite for Ext JS 4 - which will have its first beta this month - to make them more like the CSS3 flexbox layout system.</p> <p>Extensibility is the outgrowth of having a proper component model. Ext JS has a bunch of user extension components that can be mixed and matched. A good example of a professional after market component is <a href="http://ext-scheduler.com/" rel="nofollow">Ext Scheduler.</a> There's also a <a href="http://www.sencha.com/learn/Tutorial%3aCreating_new_UI_controls" rel="nofollow">good tutorial on how to create components</a>.</p> <p>Data binding: UI components are bound to stores, so multiple UI elements are updated with new data as it changes. You can read the <a href="http://dev.sencha.com/deploy/dev/docs/?class=Ext.data.Store" rel="nofollow">store API reference</a> to get a sense of how it works. </p> <p>Complex skinning - Sencha Touch has an <a href="http://www.sencha.com/blog/2010/12/17/an-introduction-to-theming-sencha-touch/" rel="nofollow">excellent theming system</a> which is being ported to Ext JS 4 - but Ext JS 3 and 2 are a little more involved to theme due to IE6 compatibility requirements (you have to generate images)</p> <p>Services layers are abstracted with <a href="http://dev.sencha.com/deploy/dev/docs/?class=Ext.data.DataProxy" rel="nofollow">data proxy, which is extended for JSON, Http, XML etc</a>. </p> <p>Sencha Touch and Ext JS 4 have a (simple) MVC architecture. Ext JS 3 and below does not.</p> <p>Here's <a href="http://www.miamicoder.com/post/2010/03/22/ExtJS-Data-Store-Dependency-Injection.aspx" rel="nofollow">a good write-up on dependency injection in Ext JS</a> (but it should generalize to Touch) </p> <p>For unit testing, we recommend Jasmine - which came out of Pivotal Labs.</p> <p>Ext JS and Sencha Touch are pretty widely used - Ext JS mostly for corporate apps, but there are lots of big companies using it like Salesforce, Marketo and more for externally focused users. Sencha Touch has <a href="http://www.sencha.com/contest/" rel="nofollow">a nice gallery of apps from our latest dev contest</a>, you should check it out. </p> <p>If you care about tooling, we also have a GUI drag and drop Designer and a CSS3 animation tool (the latter in developer preview)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload