Book Image

Sencha Architect App Development

By : Loiane Groner
Book Image

Sencha Architect App Development

By: Loiane Groner

Overview of this book

<p>Sencha Architect is a visual app builder that empowers a developer (and a development team) to design, develop, and deploy apps from a single and integrated environment. It also provides support for Ext JS and Sencha Touch development.</p> <p>Sencha Architect App Development is a practical, hands-on guide that will teach you how to develop a complete application with Ext JS and Sencha Touch. You will learn everything from creating the project, including creating the models, views, controllers and stores, to the build to production. Along the way, this book also highlights the Sencha Architect features that will help you to improve your productivity.</p> <p>Sencha Architect App Development starts by describing Sencha Architect, the Toolbox, Project Inspector, Confi Panel, Toolbar, the Canvas: Design View, and Code Editor.</p> <p>You will then learn how to develop a complete application with Ext JS using the MVC architecture, and also how to integrate Sencha Architect with server side code such as PHP and MySQL. You will also learn how to develop a complete application with Sencha Touch, and how to integrate Sencha Architect with PhoneGap (a third-party mobile open source library).</p> <p>At the end of the book, you will be given some tips and tricks that will help your development even more, and you will also learn how to build, publish, and package an application natively using Sencha Command and Sencha Architect.</p>
Table of Contents (13 chapters)
Sencha Architect App Development
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Emulating a Sencha Touch app


For all Sencha Touch projects, after you save it, you will see a button on the toolbox named Package as shown in the following screenshot:

Clicking on the Package button is the first step that we need to take prior to emulating the app. When we click on it, a screen is displayed as shown in the following screenshot:

The first thing we need to do is to download and install Sencha Cmd (1). If you already did it, then you need to set the path of where you installed Sencha Cmd (2). The next step is to verify if everything is ok, by clicking on the Verify button (3). The output should be a window, which will pop up (terminal) and Sencha Architect will try to execute the sencha command just to make sure everything is ok. If it's ok, just click on Save (4).

Next, go to the Setup project with Cmd vertical tab. Notice that the Install plug-ins tab now has a green bullet. Our goal is to have all the tabs with green bullets. This means we have the setup completed and we are...