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
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
3
650
依存関係があるコンポーネントは Barrel ファイルでまとめよう
azukiazusa1
3
530
20250208_OpenAIDeepResearchがやばいという話
doradora09
PRO
0
170
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
1.5k
AndroidXR 開発ツールごとの できることできないこと
donabe3
0
110
All you need to know about InnoDB Primary Keys
lefred
0
120
APIファーストで実現する運用性の高い IoT プラットフォーム: SORACOMのアプローチ
soracom
PRO
0
240
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
0
120
インフラをつくるとはどういうことなのか、 あるいはPlatform Engineeringについて
nwiizo
5
2.1k
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
460
『AWS Distinguished Engineerに学ぶ リトライの技術』 #ARC403/Marc Brooker on Try again: The tools and techniques behind resilient systems
quiver
0
130
Datadogとともにオブザーバビリティを布教しよう
mego2221
0
130
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
How to train your dragon (web standard)
notwaldorf
90
5.8k
GitHub's CSS Performance
jonrohan
1030
460k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Designing for Performance
lara
604
68k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
What's in a price? How to price your products and services
michaelherold
244
12k
Thoughts on Productivity
jonyablonski
69
4.5k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Why Our Code Smells
bkeepers
PRO
335
57k
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