Structuring Your Sencha Touch Application

33,175 views

Published on

In this session you'll learn about the recommended application structure for Sencha Touch (or Ext JS) applications. The new application structure enables any Sencha developer to quickly understand any Sencha application using the new Sencha MVC package.

Published in: Business, Technology
0 Comments
16 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
33,175
On SlideShare
0
From Embeds
0
Number of Embeds
9,279
Actions
Shares
0
Downloads
616
Comments
0
Likes
16
Embeds 0
No embeds

No notes for slide

Structuring Your Sencha Touch Application

  1. 1. Structuring your Sencha Touch application by Tommy Maintz @tommymaintz
  2. 2. Session GoalsUnderstand MVCMVC in Sencha TouchCommon file structureGenerators & Build Tools
  3. 3. MVCModels, Views & Controllers
  4. 4. BenefitsReduce architectural complexity Flexibility and maintainability.
  5. 5. ModelsManages the data of the applicationProvide data in its current stateAllows you to change state
  6. 6. ViewsRenders the model into a form suitable for interactionMultiple views can exist for a single model
  7. 7. ControllersReceives inputInstructs the model and views
  8. 8. ControllerView Model DIRECT CONNECTION INDIRECT CONNECTION
  9. 9. Sencha MVC
  10. 10. Platform Same MVC codebaseShare Models, Stores, Controllers
  11. 11. ManagersExt.regApplication()Ext.regModel()Ext.regStore()Ext.regController()Ext.reg()
  12. 12. Application
  13. 13. Model
  14. 14. Store t ’s i t. . . l l y, tha R ea
  15. 15. View mil iar? Lo ok s fa e n ts c om pon s ar e UIV ie w
  16. 16. Controller
  17. 17. Common file structure
  18. 18. BenefitsLearn it onceEasier supportSharing between projectsEnables use of Sencha Command
  19. 19. Sencha CommandGenerate projects, controllers, models and stores Cross-OS
  20. 20. Let’s build an app!
  21. 21. Questions?

×