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
An introduction to Sencha Cmd - Frankfurt Sench...
Search
Lee Boonstra
February 28, 2013
Technology
2
170
An introduction to Sencha Cmd - Frankfurt Sencha Meetup
An introduction to Sencha Cmd - Frankfurt Sencha Meetup
Lee Boonstra
February 28, 2013
Tweet
Share
More Decks by Lee Boonstra
See All by Lee Boonstra
AI Workshop
savelee
0
51
Contact Center AI
savelee
0
250
Implementing a custom AI voice Assistant by streaming WebRTC to Dialogflow & Cloud Speech
savelee
3
2.4k
ML & Chatbots workshop
savelee
1
200
Bring your chatbots to production
savelee
0
110
Improve your customer care by building an AI platform with the use of Google Cloud
savelee
0
380
How to build & measure natural conversations for the Google Assistant
savelee
0
150
Contact Center AI
savelee
3
290
Digital Wednesday
savelee
2
150
Other Decks in Technology
See All in Technology
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
6.1k
AIの全社活用を推進するための安全なレールを敷いた話
shoheimitani
2
310
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
怖くない!はじめてのClaude Code
shinya337
0
360
敢えて生成AIを使わないマネジメント業務
kzkmaeda
1
250
PO初心者が考えた ”POらしさ”
nb_rady
0
190
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
950
AI専用のリンターを作る #yumemi_patch
bengo4com
5
3.9k
Should Our Project Join the CNCF? (Japanese Recap)
whywaita
PRO
0
320
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
170
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
2
570
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
410
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
524
40k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
What's in a price? How to price your products and services
michaelherold
246
12k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Music & Morning Musume
bryan
46
6.6k
A designer walks into a library…
pauljervisheath
207
24k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Navigating Team Friction
lara
187
15k
The Language of Interfaces
destraynor
158
25k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Transcript
Lee Boonstra Technical Trainer @ Sencha Inc.
[email protected]
ladysign leeboonstra
http://www.ladysign-apps.com Wednesday, February 20, 13
I’m a technical trainer I teach Sencha Touch & Ext
JS and I write documentation. Wednesday, February 20, 13
Sencha Europe Keizersgracht, Amsterdam Wednesday, February 20, 13
An Introduction to Sencha Cmd A tool to design, developer
and deploy desktop & touch applications based on design standards with good performance. Wednesday, February 20, 13
• Scaffold MVC app • Create & slice themes •
Minify JS files • Create builds • Upgrade framework • Native Packaging Touch apps Sencha Cmd What can you do with it? Wednesday, February 20, 13
• MVC Apps & Workspaces • Models • Controllers •
Views (Ext only) • Forms (Touch only) • Profiles (Touch only) Generate Wednesday, February 20, 13
Where to start? • Download Sencha Cmd from: http://www.sencha.com/products/sencha-cmd/ download
JRE and Compass should be installed Wednesday, February 20, 13
Install Sencha Cmd add sencha to your classpath Wednesday, February
20, 13
Let’s generate some code... Wednesday, February 20, 13
Generate folder structure Lees-‐MacBook-‐Pro:extjs4 leeboonstra$ sencha generate app -‐name ZombieApp
-‐path ../zombieapp Wednesday, February 20, 13
Wednesday, February 20, 13
Generate folder structure Lees-‐MacBook-‐Pro:touch leeboonstra$ sencha generate app -‐name -‐path
ZombieApp ../zombieapp Wednesday, February 20, 13
Wednesday, February 20, 13
TIP sencha generate app ZombieApp ../ zombieapp sencha g a
ZombieApp ../zombieapp You can use a prefix! Wednesday, February 20, 13
Generate view Lees-‐MacBook-‐Pro:zombieapp leeboonstra$ sencha generate view SettingsView Ext.define("ZombieApp.view.SettingsView",
{ extend: 'Ext.Component', html: 'Hello, World!!' }); app/view/SettingsView.js Wednesday, February 20, 13
Generate controller Lees-‐MacBook-‐Pro:zombieapp leeboonstra$ sencha generate controller Settings Ext.define("ZombieApp.controller.Settings" ,
{ extend: 'Ext.app.Controller', }); app/controller/Settings.js Wednesday, February 20, 13
TIP sencha generate view GalleryView and view CarouselView and
controller Gallery and controller Carousel You can chain! Wednesday, February 20, 13
Generate model sencha generate model -‐-‐name Zombie -‐-‐fields id:int,name,isInfected:boolean,dateOfDeath
Ext.define('ZombieApp.model.Zombie', { extend: 'Ext.data.Model', fields: [ { name: 'id', type: 'int' }, { name: 'name', type: 'auto' }, { name: 'isInfected', type: 'boolean' }, { name: 'dateOfDeath', type: 'auto' } ] }); app/model/Zombie.js Wednesday, February 20, 13
Let’s create a theme... Wednesday, February 20, 13
Generate a theme sencha generate theme Zombie Wednesday, February 20,
13
Wednesday, February 20, 13
Ready to deploy? Wednesday, February 20, 13
Create a build package sencha app build production sencha app
build testing * all framework classes + own classes concatenated. * sass file generated to css * all images sliced (production) * appcache * all script minified /build/ZombieApp/production/ /build/ZombieApp/testing/ Wednesday, February 20, 13
Lee Boonstra Technical Trainer @ Sencha Inc.
[email protected]
ladysign leeboonstra
http://www.ladysign-apps.com Wednesday, February 20, 13