Getting started-with-sencha-touch

4,936 views
4,844 views

Published on

Getting Started with Sencha Touch 2

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,936
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
95
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

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?

×