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 Sencha Meetup
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
190
Implementing a custom AI voice Assistant by streaming WebRTC to Dialogflow & Cloud Speech
savelee
3
2k
ML & Chatbots workshop
savelee
1
150
Bring your chatbots to production
savelee
0
74
Improve your customer care by building an AI platform with the use of Google Cloud
savelee
0
260
How to build & measure natural conversations for the Google Assistant
savelee
0
120
Contact Center AI
savelee
3
220
Digital Wednesday
savelee
2
110
The future of customer care
savelee
3
140
Other Decks in Technology
See All in Technology
RailsConf 2024 Keynote "Startups on Rails in 2024"
irinanazarova
0
780
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
380
[2024년 5월 세미나] 생성형 AI와 함께하는 데이터 분석가 커리어
datarian
0
1.2k
Databricksの生成AI戦略
taka_aki
1
360
TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略
yanaemon
6
1.2k
Domain-driven Design: A Complete Example
ewolff
2
250
動画配信サービスのフロントエンド実装に学ぶ設計原則
yud0uhu
1
130
RubyKaigi 2024 - Make Your Own Regex Engine!
makenowjust
0
140
Taking Flight with Tailwind CSS
opdavies
0
4.3k
AI JIMY - 登壇(インストール編)
hanacchi
0
150
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
9
37k
データ基盤を支える技術
chanyou0311
5
2.9k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
176
21k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
8
3.5k
Adopting Sorbet at Scale
ufuk
69
8.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
20k
Producing Creativity
orderedlist
PRO
338
39k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.5k
The Invisible Customer
myddelton
114
12k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
What's in a price? How to price your products and services
michaelherold
238
11k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
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