Sencha Architect App Development


Sencha Architect App Development
eBook: $17.99
Formats: PDF, PacktLib, ePub and Mobi formats
$15.29
save 15%!
Print + free eBook + free PacktLib access to the book: $47.98    Print cover: $29.99
$29.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • Use Sencha Architect’s features to improve productivity
  • Create your own application in Ext JS and Sencha Touch
  • Simulate, build, package and deploy your application using Sencha Command and Sencha Architect

Book Details

Language : English
Paperback : 120 pages [ 235mm x 191mm ]
Release Date : July 2013
ISBN : 1782169814
ISBN 13 : 9781782169819
Author(s) : Loiane Groner
Topics and Technologies : All Books, Web Development, Mobile, Open Source, Web Development

Table of Contents

Preface
Chapter 1: Introducing Sencha Architect
Chapter 2: Creating an Ext JS App
Chapter 3: Creating a Sencha Touch App
Chapter 4: Tips and Tricks
Chapter 5: Working with Resources
Chapter 6: Simulating, Building, Packaging, and Deploying an App/Project
Index
  • Chapter 1: Introducing Sencha Architect
    • Getting started
    • Presenting Sencha Architect
      • Running Sencha Architect for the first time
      • The toolbar
      • The toolbox
      • The config panel
      • The canvas
        • The visual editor
        • The code editor
      • The project inspector
      • Online documentation
      • Logs
    • Preparing the environment
    • Summary
    • Chapter 2: Creating an Ext JS App
      • Implementing the Ext JS app
      • Creating the project
        • A quick word about MVC
      • Configuring the app
      • Creating the model
      • Creating the store
      • Creating the books grid
      • Creating the viewport
        • Linking the grid to the viewport
        • The output so far
      • Creating the controller
      • The final project structure
      • Summary
      • Chapter 3: Creating a Sencha Touch App
        • Implementing the Sencha Touch app
        • Creating the project
        • Configuring the app
        • Creating the model
        • Creating the store
          • Creating the contacts proxy – PhoneGap
        • Creating the list view
        • Creating the controller
        • Adding PhoneGap
        • The final project structure
        • Summary
        • Chapter 4: Tips and Tricks
          • Exporting and importing an existing project
          • Using Sencha Architect with Eclipse
          • Creating a custom component for reuse
          • Adding HTML code to app.html
          • Using third-party plugins (non-native plugins)
          • Creating multilanguage apps
          • Creating util and custom classes
          • Working with sub-packages
          • Summary
          • Chapter 5: Working with Resources
            • The Library resource
              • Setting the local SDK
              • Upgrading projects
              • Native themes
            • Creating/linking CSS and JavaScript files
            • Working with Google Maps
            • Working with custom themes
            • Summary

              Loiane Groner

              Loiane Groner lives in São Paulo, Brazil and has over 8 years of software development experience. While at university, she demonstrated great interest in IT. She worked as a teaching assistant for 2 and a half years specialising in teaching algorithms, data structures, and computing theory. She represented her university at the ACM International Collegiate Programming Contest, Brazilian Finals (South America Regionals), and also worked as Student Delegate of SBC (Brazilian Computing Society) for 2 years. She won a merit award in her senior year for being one of the top three students with the best GPAs in the Computer Science department and also graduated with honors. She has already worked at multinational companies, such as IBM. Her areas of expertise include Java SE, Java EE, and also Sencha technologies (Ext JS and Sencha Touch). Nowadays, she is working as Software Development Manager at a financial institution, where she manages overseas solutions. She also works as an independent Sencha consultant and coach. She has also authored books such as ExtJS 4 First Look and Mastering JS for Packt Publishing. She is passionate about Sencha and Java, and is the CampinasJUG (Campinas Java Users Group) leader and ESJUG (Espirito Santo Java Users Group) coordinator, both Brazilian JUGs. She also contributes to the software development community through her blogs: http://loianegroner.com (English) and http://loiane.com (Portuguese-BR), where she writes about IT careers, Ext JS, Sencha Touch, Spring Framework, and general development notes, and also publishes screencasts.

              Code Downloads

              Download the code and support files for this book.


              Submit Errata

              Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


              Errata

              - 6 submitted: last submission 19 May 2014

              Errata type: Typo | Page number: 45, Kindle page number: Location 952 of 1542

              Second paragraph first line: You can also use this to share components with your development team or even to reuse the same components in other Senha Architect projects.

              Should be

              You can also use this to share components with your development team or even to reuse the same components in other Sencha Architect projects.

              Errata type: Typo | Page number: 53, Kindle page number: Location 817 of 1542

              Under "Creating the list view" section

              go to the Toolbox and locate the Grid Panel component and then double-click on it ( Step 2)

              Should be

              go to the Views and locate the List component and then double-click on it (Step 2)

              Errata type: Typo | Page number: 40, Kindle page number: Location 632 of 1542

              Second line from the top

              go to the toolbox, locate Controler Action, and double-click on it...

              Should be

              go to the toolbox, locate Controler Action, and double-click on it...

              Errata type: Code | Code file: dbscript.sql

              The table 'Book' should be 'book'. Copy and paste the dbscript.sql text/code into phpadmin-SQL to create the table & add data.

              SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0;
              SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0;
              SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='TRADITIONAL,ALLOW_INVALID_DATES';

              CREATE SCHEMA IF NOT EXISTS `senchaArchitect` DEFAULT CHARACTER SET latin1 
              COLLATE latin1_swedish_ci ;
              USE `senchaArchitect` ;

              -- -----------------------------------------------------
              -- Table `senchaArchitect`.`book`
              -- -----------------------------------------------------
              CREATE  TABLE IF NOT EXISTS `senchaArchitect`.`book` (
                `id` INT NOT NULL ,
                `name` VARCHAR(100) NOT NULL ,
                `author` VARCHAR(200) NOT NULL ,
                `language` VARCHAR(45) NULL ,
                `paperback` VARCHAR(45) NULL ,
                `releaseDate` VARCHAR(45) NULL ,
                `isbn` VARCHAR(20) NOT NULL ,
                `isbn13` VARCHAR(20) NOT NULL ,
                PRIMARY KEY (`id`) )
              ENGINE = InnoDB;


              SET SQL_MODE=@OLD_SQL_MODE;
              SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS;
              SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS;

              -- -----------------------------------------------------
              -- Populating the book table
              -- -----------------------------------------------------
              INSERT INTO `book`
              (`id`,`name`,`author`,`language`,`paperback`,`releaseDate`,`isbn`,`isbn13`)
              VALUES
              (1,'Mastering Ext JS','Loiane Groner','English','350 pages [ 235mm x 191mm 
              ]','August 2013','1782164006','9781782164005');

              Errata type: Typo | Page number: 51

              Second paragraph: Next we are creating an alias so we can use the contactsstorage type later...

              Errata type: Typo | Page number: 56

              Paragraph below the screenshot:
              But what happens is that the contacts store does not have a proxy set, so we can set contactsstorage...


              In both cases, contactsstorage should be contactstorage.

               

              Note:

              The source code updated in github for Sencha Architect and Mastering Ext JS. All source code is working with the latest version of Sencha Architect.

              Sample chapters

              You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

              Frequently bought together

              Sencha Architect App Development +    ASP.NET Site Performance Secrets =
              50% Off
              the second eBook
              Price for both: $39.60

              Buy both these recommended eBooks together and get 50% off the cheapest eBook.

              What you will learn from this book

              • Develop Ext JS and Sencha Touch applications
              • Integrate Sencha Architect with other IDEs (Eclipse, Aptana, and others)
              • Implement Sencha Architect with server side code (PHP and MySQL)
              • Integrate Sencha Architect with PhoneGap
              • Learn tips and tricks to improve your productivity
              • Build, package, and emulate a Sencha Touch app with Sencha Architect and Sencha Command
              • Work with resources and create new JS and CSS files within the project

              In Detail

              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.

              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.

              Sencha Architect App Development starts by describing Sencha Architect, the Toolbox, Project Inspector, Confi Panel, Toolbar, the Canvas: Design View, and Code Editor.

              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).

              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.

              Approach

              A standard tutorial-based approach for using Sencha Architect to develop applications in Ext JS and Sencha Touch.

              Who this book is for

              Sencha Architect App Development is for Ext JS and Sencha Touch developers that are looking to improve their productivity by using Sencha Architect for app development. Basic knowledge of Ext JS and Sencha Touch is required.

              Code Download and Errata
              Packt Anytime, Anywhere
              Register Books
              Print Upgrades
              eBook Downloads
              Video Support
              Contact Us
              Awards Voting Nominations Previous Winners
              Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
              Resources
              Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software