Getting started-with-sencha-touch
-
Upload
rohit-ghatol -
Category
Technology
-
view
4.352 -
download
2
description
Transcript of Getting started-with-sencha-touch
![Page 1: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/1.jpg)
Getting Started with Sencha Touch 2
By Rohit GhatolArchitect @ Synerzip
Founder TechNext
![Page 2: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/2.jpg)
Topics
• Introduction to Sencha Touch 2 - 30 mins• Coding first Sencha Touch 2 App – 60+ mins
![Page 3: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/3.jpg)
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
![Page 4: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/4.jpg)
JavaScript framework Category
HTML 5
MVC MVP MVVM
Micro Template
AMD
Routers & History
Data Bound Views
JavaScript Class
System DOM Manipulati
on
CSS Generation
Device Profiles
Native Packaging
Production Packaging
![Page 5: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/5.jpg)
JavaScript framework Category
HTML 5
MVC MVP MVVM
Micro Template
AMD
Routers & History
Data Bound Views
JavaScript Class
System DOM Manipulati
on
CSS Generation
Device Profiles
Native Packaging
Production Packaging
Single Page Application
Stamped
![Page 6: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/6.jpg)
What does Sencha Touch 2 Covers?
HTML 5
MVC MVP MVVM
Micro Template
AMD
Routers & History
Data Bound Views
JavaScript Class
System DOM Manipulati
on
CSS Generation
Device Profiles
Native Packaging
Production Packaging
![Page 7: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/7.jpg)
Sencha Touch Building blocks
Sencha Touch SDK
Sencha Touch SDK Tools
![Page 8: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/8.jpg)
Sencha Touch Building blocks
![Page 9: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/9.jpg)
Sencha Touch Building blocks
Sencha Touch 2 Class System
Sencha Touch 2 MVC Framework
Ext.define(‘FirstApp.view.Main’,{ extend:’Ext.Panel’, config:{ title:’My Panel’, iconCls:’home’ }});
<? Extends Ext.Container>
<? Extends Ext.data.Model>
<? Extends Ext.app.Controller>
![Page 10: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/10.jpg)
Sencha Touch Building blocks
Data Driven Views Store
Proxy
Reader
Layouts
Templates
ajax
localstorage
json
xml
….
….
fit
card
hbox/vbox
docked
![Page 11: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/11.jpg)
Sencha Touch Building blocks
Profiles Routers & History
Phone Tablet ….. http://abc.com/#tab1/treeitem2
http://abc.com/#tab2/treeitem1
http://abc.com/#item12/
![Page 12: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/12.jpg)
Sencha Touch Building blocks
LifeCycle Native Packaging
Controller
Profile
Application
Controller
Init(application)
launch()
launch()
launch()
Android APK
iOS iPA
![Page 13: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/13.jpg)
Code Demos
![Page 14: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/14.jpg)
Part 1 – Getting Startedhttp://www.udemy.com/lectures/sencha-touch-2-getting-started-with-sencha-touch-2-73242
![Page 15: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/15.jpg)
Part 2 – Using LocalStoragehttp://www.udemy.com/lectures/getting-started-with-sencha-touch-2-using-localstorage-73745
![Page 16: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/16.jpg)
Part 3 – Using Profileshttp://www.udemy.com/lectures/sencha-touch-2-understanding-sencha-touch-2-profiles-73954
![Page 17: Getting started-with-sencha-touch](https://reader036.fdocuments.in/reader036/viewer/2022062319/554f9110b4c905435d8b509a/html5/thumbnails/17.jpg)
Q & A?