Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Getting started-with-sencha-touch

5,578 views

Published on

Getting Started with Sencha Touch 2

Published in: Technology
  • Be the first to comment

Getting started-with-sencha-touch

  1. 1. Getting Started with Sencha Touch 2 By Rohit Ghatol Architect @ Synerzip Founder TechNext
  2. 2. Topics• Introduction to Sencha Touch 2 - 30 mins• Coding first Sencha Touch 2 App – 60+ mins
  3. 3. Introduction to Sencha Touch 2• JavaScript Framework Categories• What is Single Page Application?• What Sencha Touch 2 Covers?• Building blocks of Sencha Touch• Development Environment Setup
  4. 4. JavaScript framework Category MVC MVP MVVM HTML 5 AMD Data Bound Views MicroTemplate CSS Routers & Generation History Device Profiles JavaScript Class Production System DOM Packaging Manipulati Native on Packaging
  5. 5. JavaScript framework Category MVC MVP MVVM HTML 5 AMD Data Bound Views MicroTemplate CSS Routers & Generation History Device Profiles JavaScript Class Production System DOM Packaging Manipulati Native on Packaging
  6. 6. What does Sencha Touch 2 Covers? MVC MVP MVVM HTML 5 AMD Data Bound Views MicroTemplate CSS Routers & Generation History Device Profiles JavaScript Class Production System DOM Packaging Manipulati Native on Packaging
  7. 7. Sencha Touch Building blocksSencha Touch Sencha Touch SDK SDK Tools
  8. 8. Sencha Touch Building blocks
  9. 9. Sencha Touch Building blocks Sencha Touch 2 Sencha Touch 2 Class System MVC FrameworkExt.define(‘FirstApp.view.Main’,{ <? Extends Ext.Container> extend:’Ext.Panel’, config:{ title:’My Panel’, <? Extends Ext.data.Model> iconCls:’home’ } <? Extends Ext.app.Controller>});
  10. 10. Sencha Touch Building blocks Data Driven Store Viewshbox/vbox fit ajax docked Layouts card Proxy localstorage …. Templates Reader json xml ….
  11. 11. Sencha Touch Building blocks Profiles Routers & HistoryPhone Tablet ….. http://abc.com/#tab1/treeitem2 http://abc.com/#tab2/treeitem1 http://abc.com/#item12/
  12. 12. Sencha Touch Building blocks LifeCycle Native PackagingController Init(application) Android APK Profile launch() iOS iPAApplication launch()Controller launch()
  13. 13. Code Demos
  14. 14. Part 1 – Getting Startedhttp://www.udemy.com/lectures/sencha-touch-2-getting-started-with-sencha- touch-2-73242
  15. 15. Part 2 – Using LocalStoragehttp://www.udemy.com/lectures/getting-started-with-sencha-touch-2-using-localstorage- 73745
  16. 16. Part 3 – Using Profileshttp://www.udemy.com/lectures/sencha-touch-2-understanding-sencha-touch-2-profiles- 73954
  17. 17. Q & A?

×