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
160
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
Contact Center AI
savelee
0
200
Implementing a custom AI voice Assistant by streaming WebRTC to Dialogflow & Cloud Speech
savelee
3
2.1k
ML & Chatbots workshop
savelee
1
160
Bring your chatbots to production
savelee
0
88
Improve your customer care by building an AI platform with the use of Google Cloud
savelee
0
300
How to build & measure natural conversations for the Google Assistant
savelee
0
130
Contact Center AI
savelee
3
240
Digital Wednesday
savelee
2
120
The future of customer care
savelee
3
150
Other Decks in Technology
See All in Technology
watsonx.ai Dojo 環境準備について
oniak3ibm
PRO
0
300
AIで変わるテスト自動化:最新ツールの多様なアプローチ/ 20240910 Takahiro Kaneyama
shift_evolve
0
240
OR学会2024秋_短期収益と将来のオフ方策評価性能を考慮したクーポン割当方策混合比の決定
recruitengineers
PRO
4
460
DroidKaigi 2024 たすけて!ViewModel
mhidaka
5
950
『GRANBLUE FANTASY: Relink』最高の「没入感」を実現するカットシーン制作手法とそれを支える技術
cygames
1
140
たった1人からはじめる【Agile Community of Practice】~ソース原理とFearless Changeを添えて~
ktc_corporate_it
1
480
Road to Single Activity
yurihondo
2
240
不動産売買取引におけるAIの可能性とプロダクトでのAI活用
zabio3
0
270
より快適なエラーログ監視を目指して
leveragestech
4
1.4k
ついに出た!OpenAIの最新モデル「o1」って何がすごいの?
minorun365
PRO
3
1.2k
突撃! 隣のAmazon Bedrockユーザー 〜YouはどうしてAWSで?〜
minorun365
PRO
3
390
サーバレスでモバイルアプリ開発! NTTコム「ビジネスdアプリ」のアーキテクチャ / The architecture of business d app
nttcom
12
240
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Documentation Writing (for coders)
carmenintech
65
4.3k
YesSQL, Process and Tooling at Scale
rocio
167
14k
Building Adaptive Systems
keathley
36
2.1k
Debugging Ruby Performance
tmm1
72
12k
GraphQLとの向き合い方2022年版
quramy
43
13k
Speed Design
sergeychernyshev
22
430
The Art of Programming - Codeland 2020
erikaheidi
48
13k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
8.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
43
2k
Optimizing for Happiness
mojombo
375
69k
Designing the Hi-DPI Web
ddemaree
278
34k
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