Using Sencha Command

75 %
25 %
Information about Using Sencha Command

Published on March 1, 2014

Author: anoochit



Using Sencha Command to develop your mobile app or mobile web, this slide include PhoneGap integration too.

Sencha Command Anuchit Chalothorn

Tools ● Sencha Cmd ● Sencha Touch SDK ● Mobile SDK ○ XCode for iOS App ○ Android SDK for Android App ● Phonegap (optional)

Install Sencha Cmd Download and install Sencha Cmd

Install Sencha Touch SDK Download Sencha Touch SDK and extract SDK to web server directory eg: htdocs

Create New Project Goto your Sencha Touch SDK directory and use sencha generate app HelloWorld ../HelloWorld * You must change dir to <web-root>/touch-3.x.x first, project create in <web-root>

Create New Controller Generate controller file for your sencha app sencha generate controller controller_MainApp * You must change dir to your <web-root>/your-project-dir first

Create New Model Generate model file for your sencha app sencha generate model model_MainApp field-name:type * You must change dir to your <web-root>/your-project-dir first

Create New Form Generate form file for your sencha app sencha generate form form_Contact field-name:string * You must change dir to your <web-root>/your-project-dir first

Running Simple Web Server Using simple web server feature in sencha sencha web -p 8000 start * You must change dir to your your-project-dir first

Build Sencha for Web App Build Sencha for using as Mobile Web sencha app build * Build result in your-project-dir/build/production/

Build Sencha for Native App Build Sencha for integrate with Mobile App sencha app build -run native * Sencha using iOS Emulator to load Sencha Web App

Integrate with PhoneGap Sencha can work with PhoneGap by using a single command :) sencha phonegap init com.example.Hello * Sencha ‘ll create PhoneGap build config in

Build Sencha Mobile App After integrate with PhoneGap, you can using build command to build your native mobile by using phonegap build sencha app build -run native * Config for your platforms

Remote build with PhoneGap Config your then use the build command phonegap.platform=ios, android, bb10, wp7{username}{password} * After build finish you’ll get a giant QR-Code, so cool :)

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Using Sencha Command - Sencha Guides

Official ExtJS 4.0 API Documentation for Sencha Command from Sencha. Examples, guides, screencasts and comments on how to use Sencha Command.
Read more

Cmd Guides | Using Sencha Cmd With Sencha Touch

Introduction. This guide walks you through the process of using Sencha Cmd with Sencha Touch applications starting with the sencha generate app command and ...
Read more

Productivity and performance optimization tool - Cmd | Sencha

Sencha Cmd provides a full set of lifecycle management features including scaffolding, code minification, production build generation, and more.
Read more

RADIUSdesk / TechnicalWiki / sencha_command

This page is created to be a help in using Sencha Command. ... Since the development pace of Sencha Command is very fast; there is always funnies.
Read more

Newest 'sencha-command' Questions - Stack Overflow

I think using skip.slice=1 when running sencha app build should still generate a .css file on the build/production folder but that is not the case with ...
Read more

Create a Sencha Touch app using the command line tools ...

To generate a Sencha Touch project from the command line tools, i followed the following steps as described in many forums and also in the official Sencha ...
Read more

Create & build Sencha ExtJS project using Sencha Cmd

This article provides you steps to set up Sencha ExtJS project using Sencha Cmd with an ... Create Model using following command. sencha generate ...
Read more

Using Sencha Cmd 3 to Create a Production Web Build

Command Description; sencha generate app: Generates a sample app using the MVC scaffolding: sencha app build: Builds the production web version of the app
Read more

Design, Develop, and Manage Enterprise Web ... - Sencha

With robust Java and JavaScript UI frameworks, cross-platform mobile app development tools, and web application management solutions, Sencha provides a ...
Read more