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
170
Bring your chatbots to production
savelee
0
90
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
250
Digital Wednesday
savelee
2
120
The future of customer care
savelee
3
150
Other Decks in Technology
See All in Technology
KMPプロジェクトでマニュアルDIを使う選択
rmakiyama
0
110
XSS攻撃から考察するAWS設定不備の恐怖/20241012 Hironobu Otaki
shift_evolve
0
180
Azure AI servicesと歯のおはなし/AzureTravelers_Fukuoka2024_baba
nina01
1
110
Amplify Gen 2ではじめる 生成AIアプリ開発入門
tsukuboshi
0
410
Trusted Types API と Vue.js
lycorptech_jp
PRO
1
120
LLMOps : ΔMLOps
shuntaito
13
2.5k
Covariance, Contravariance & Diamond
alexdaubois
1
120
MOSH_companydeck_202410
mosh_inc
0
120
API開発健全性 〜 持続可能で高品質なAPIのためのアプローチ 〜
nagix
2
140
AIとともに歩んだライブラリアップデートの道のり/ vue-fes-japan-2024-link-and-motivation
lmi
2
2.5k
GPSデバイスを使った簡易位置案内システムの構築をしてみた話。/jawsfesta2024
kwada
0
240
GopherのMakefile愛はどこからきているのか教えてほしい #fukuokago/Gophers love Makefile
quiver
2
160
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
327
21k
Building Your Own Lightsaber
phodgson
102
6k
A Modern Web Designer's Workflow
chriscoyier
692
190k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
Fireside Chat
paigeccino
32
3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
41
9.2k
Teambox: Starting and Learning
jrom
132
8.7k
Navigating Team Friction
lara
183
14k
The Pragmatic Product Professional
lauravandoore
31
6.2k
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