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

Using Sencha Architect with Eclipse


Sencha Architect is a great IDE, and even if it is specific for Sencha frameworks, it does not mean that you cannot use it with your favorite IDE, such as Eclipse, Netbeans, Visual Studio, Aptana, and others. In this topic we will demonstrate how to use Sencha Architect with Eclipse, and you can use the same logic for any other IDE.

Let's say we are working on a Java project, and the frontend will be developed with Ext JS, and therefore, we will use Sencha Architect do to all the Ext JS code for us. If we take a look at the structure of a Java Web project created with Eclipse, we will have a structure as shown in the following screenshot:

Inside WebContent, we will add our JSS, CSS, and HTML (or JSP) files, so the Ext JS code must be inside the WebContent folder. How can we save a Sencha Architect project so that we can have exactly what we need? When we save the Sencha Architect project, we need to select the Eclipse project as the root folder (Save Path...