Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Sencha SDK Tools and Sencha Command
Search
Arthur Kay
June 01, 2012
Technology
1
370
Sencha SDK Tools and Sencha Command
A brief introduction into the Sencha SDK Tools.
Arthur Kay
June 01, 2012
Tweet
Share
More Decks by Arthur Kay
See All by Arthur Kay
Analyzing the ROI of JavaScript in Enterprise Software Development
arthurakay
0
140
Debugging your Apps with Google Chrome and Sencha
arthurakay
1
230
Announcing Ext JS 5
arthurakay
0
130
Conquering the Command Line
arthurakay
0
260
The Future of Enterprise App Development
arthurakay
0
120
Best Practices for Enterprise JavaScript Applications
arthurakay
7
2.5k
Bringing the Mobile Web to the Cloud
arthurakay
2
550
Building Native Windows 8 Apps with Sencha
arthurakay
0
250
Creating Windows 8 Apps with Ext JS
arthurakay
1
280
Other Decks in Technology
See All in Technology
10分で紹介するAmazon Bedrock利用時のセキュリティ対策 / 10-minutes introduction to security measures when using Amazon Bedrock
hideakiaoyagi
0
170
Fintech SREの挑戦 PCI DSS対応をスマートにこなすインフラ戦略/Fintech SRE’s Challenge: Smart Infrastructure Strategies for PCI DSS Compliance
maaaato
0
450
The 5 Obstacles to High-Performing Teams
mdalmijn
0
270
Googleマップ/Earthが一般化した 地図タイルのイマ
mapconcierge4agu
1
200
プロセス改善による品質向上事例
tomasagi
1
1.6k
FastConnect の冗長性
ocise
1
9.6k
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
株式会社EventHub・エンジニア採用資料
eventhub
0
4.2k
All you need to know about InnoDB Primary Keys
lefred
0
120
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
460
Ask! NIKKEI RAG検索技術の深層
hotchpotch
13
2.8k
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
1
1.1k
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Why Our Code Smells
bkeepers
PRO
335
57k
The Language of Interfaces
destraynor
156
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
It's Worth the Effort
3n
184
28k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Side Projects
sachag
452
42k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Become a Pro
speakerdeck
PRO
26
5.1k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Transcript
SENCHA SDK TOOLS & SENCHA COMMAND ARTHUR KAY
WHO AM I? Arthur Kay • Solutions Engineer @ Sencha,
Inc. • Web Developer ~ 15 years www.akawebdesign.com @arthurakay
SENCHA CHICAGO USER GROUP Get Involved! • Speak • Give
stuff away • Submit ideas @ChicagoSencha Oh, and Sencha is hiring…
August 13-15, 2012 Wisconsin Dells Kalahari Resort Mobile / Web
/ Cloud ~1000 devs $349 Water park! thatconference.com I’m speaking x2 THATCONFERENCE 2012
AGENDA Sencha SDK Tools Sencha “Command” Demos Questions
SENCHA SDK TOOLS
SENCHA SDK TOOLS
WHAT DO THE SDK TOOLS DO? Create/Build JSBuilder Create localization
templates ExtJS 4.x theme slicer for older IE 6-8 Other manual steps included inside commands above
JSBUILDER Automated JS manifest creation (.jsb3) • ExtJS 4.x •
Sencha Touch 2.x JS Concatination / Minification Uses: • app.js – Models, Views, Controllers, Stores • “requires” config
JSBUILDER sencha create jsb -a /path/to/index.html -p /path/to/project.jsb3 sencha build
-p /path/to/project.jsb3 -d /path/to/output/
LOCALIZATION TEMPLATES Automated localization overrides (JS) • ExtJS 4.x •
Sencha Touch 2.x //<locale> … //</locale>
LOCALIZATION sencha create locale -p /path/to/project.jsb3 -t /path/to/target.js
EXTJS 4.X THEME SLICER Takes custom ExtJS 4.x theme (CSS)
and generates image sprites for legacy browsers. (*cough* IE<=7 *cough*)
THEME SLICER sencha slice theme -d /path/to/ext-4.x -c /path/to/css -o
/path/to/output -v (for verbose)
SENCHA COMMAND
SENCHA “COMMAND”
WHAT DOES “COMMAND” DO? Create a Sencha Touch (2.x) application
Build a ST2 app into various release stages • Testing, Package, Production, Native Other manual steps included inside commands above • Concat/Minify/Delta for files • Cache Manifest • Packaging tools
CREATING A SENCHA TOUCH APP sencha app create -n MyApp
-p /path/to/app -l core (or all) Outputs: • MVC Architecture • Config files for depolyment/packaging
BUILDING AN APP sencha app build -e native -p /path/to/deploy
Outputs: • iOS Application Folder • Launches simulator (on Mac)
QUESTIONS?
THANK YOU! @ARTHURAKAY