This document discusses developing web apps using the Sencha Touch framework. It begins by outlining the opportunities and constraints of mobile development, noting areas of focus like screen size and performance. It then introduces the Sencha Touch framework, describing its class system, MVC architecture, and live coding sessions. The framework aims to provide a predictable and familiar development experience while taking advantage of mobile capabilities like natural user interactions.
5. GROWTH = Opportunity
Mobile Web growth has outpaced desktop Web growth 8x
Global mobile data traffic has grown 26x over next 5 years
PC DESKTOP INTERNET MOBILE CONSUMER
100M+ 1B+ 10B+
1990 2000 2010 2020
Source: Morgan Stanley Research
16. Content is the UI;
Reduce the distance as much as possible between user and content;
Enable direct manipulation of objects and content;
Guessable, predictable, realistic;
Reduce visuals that are not content;
Make the content the action and direct action with content;
Natural User Inter
NUI
capabilities= innovation
17. Take advantage of this
NEW WAY OF INTERACTING!
capabilities= innovation
23. Class Definition
Ext.define (“NameSpace.group.ClassName ”,{
init : function (){},
getName : function(){ return this.name; }
});
New (instantiating)
Me = Ext.create (“NameSpace.group.ClassName ”);
Me. getName ();
Sencha classsystem
24. Sencha MVC (MODEL-VIEW–CONTROLLER)
Keep the logic out of your
views
Teamwork
Organized, best practices
followed
spaghetti avoided
25. Model
• Loads and manages the application data;
• Usually in response to requests from the view.
FIELDS (Schema) DATA
ID int 1445 Sebastian 11/12/2010
Customer string 1446 John 10/09/2011
JoinDate date 1447 Emil 10/08/2009
Sencha MVC