Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Sencha Cmd Quick Start

Don Griffin at ModUX 2013
http://moduxcon.com

  • Login to see the comments

Sencha Cmd Quick Start

  1. 1. Getting The Most From Sencha Cmd Sencha Cmd: Quick Start
  2. 2. Don Griffin Engineering Manager @dongryphon don@sencha.com
  3. 3. What Is Sencha Cmd?
  4. 4. The Tool Used To Build Sencha Frameworks
  5. 5. Sencha Touch Mobile Ext JS Desktop High Level CompilerAnt Tasks Utilities BuildWatch Config Low Level Sencha Cmd ... Started Here
  6. 6. A Tool To Build Applications Based On Sencha Frameworks
  7. 7. MY APPLICATION Sencha Touch Mobile Ext JS Desktop High Level CompilerAnt Tasks Utilities BuildWatch Config Low Level Sencha Cmd Packages
  8. 8. A Tool To Build Packages To Use In Applications
  9. 9. Configurable
  10. 10. Customizable
  11. 11. CI (Continuous Integration) Friendly
  12. 12. High to Low Level
  13. 13. sencha app build
  14. 14. sencha -sdk ./ext compile -classpath ./app concat -out all-classes.js
  15. 15. Scaffolding
  16. 16. ./      app/            controller/            model/            view/      resources/            images/      app.jsonapp.json .sencha/      app/ build.xml
  17. 17. ./      apps/            app1/            app2/      ext/      touch/      shared/ workspace.json .sencha/      workspace/ packages/      deft/
  18. 18. ./      src/            foo/            bar/            util/      resources/            images/      package.jsonpackage.json .sencha/      package/ build.xml
  19. 19. Existing Apps
  20. 20. What Matters Are The Special Files and Folders
  21. 21. Change To Match Generated App --or-- Configure To Match Existing App
  22. 22. The Build Process
  23. 23. Build Script Uses Apache Ant
  24. 24. copy-resources •skip.sass=1 •-before-sass •-after-sass •sencha ant sass build.xml build-impl.xml <import> js page refresh resolve sass slice native-package init customizations
  25. 25. Demo
  26. 26. Q+A

×