Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
An introduction to Sencha Cmd - Frankfurt Sencha Meetup
Lee Boonstra
February 28, 2013
Technology
2
150
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
83
Implementing a custom AI voice Assistant by streaming WebRTC to Dialogflow & Cloud Speech
savelee
3
1.3k
ML & Chatbots workshop
savelee
1
110
Bring your chatbots to production
savelee
0
54
Improve your customer care by building an AI platform with the use of Google Cloud
savelee
0
120
How to build & measure natural conversations for the Google Assistant
savelee
0
65
Contact Center AI
savelee
3
140
Digital Wednesday
savelee
2
67
The future of customer care
savelee
3
110
Other Decks in Technology
See All in Technology
Data in Google I/O - IO Extended GDG Seoul
kennethanceyer
0
170
【配布資料】複数データソースのデータを仮想化してまとめて分析してみよう(AWS、IBM Cloud)
tkhresk
0
100
俺の Laravel がこんなに速いわけがない! / My Laravel Too Fast
hanhan1978
0
120
Camp Digital 2022: tailored advice
kyliehavelock
0
150
History of the ML system in KARTE
kargo113
1
670
Rethinking how distributed applications are built
tillrohrmann
0
110
SlackBotで あらゆる業務を自動化。問い合わせ〜DevOpsまで #CODT2022
kogatakanori
0
1k
Introduction to MLOps
asei
7
1.3k
MRTK3 - DataBinding and Theming 入門
futo23
0
210
20220628event_ogura_part
caddi_eng
0
150
Inside out - abusing archive file formats
ange
3
540
Oracle Cloud Infrastructure:2022年6月度サービス・アップデート
oracle4engineer
PRO
0
170
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
229
9.4k
Designing for Performance
lara
597
63k
Why You Should Never Use an ORM
jnunemaker
PRO
47
7.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
15k
Teambox: Starting and Learning
jrom
123
7.7k
For a Future-Friendly Web
brad_frost
166
7.4k
Bash Introduction
62gerente
597
210k
BBQ
matthewcrist
74
7.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1M
Designing for humans not robots
tammielis
241
23k
A better future with KSS
kneath
225
15k
Transcript
Lee Boonstra Technical Trainer @ Sencha Inc. lee.boonstra@sencha.com 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. lee.boonstra@sencha.com ladysign leeboonstra
http://www.ladysign-apps.com Wednesday, February 20, 13