You are previewing Sencha Architect App Development.
O'Reilly logo
Sencha Architect App Development

Book Description

Sencha Architect is the fast way to build visual apps and this guide will show you how using Ext JS and Sencha Touch. Learn how to increase your productivity for the fast moving mobile app world.

  • 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

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

    Table of Contents

    1. Sencha Architect App Development
      1. Table of Contents
      2. Sencha Architect App Development
      3. Credits
      4. About the Author
      5. About the Reviewer
      6. www.PacktPub.com
        1. Support files, eBooks, discount offers and more
          1. Why Subscribe?
          2. Free Access for Packt account holders
      7. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Errata
          2. Piracy
          3. Questions
      8. 1. Introducing Sencha Architect
        1. Getting started
        2. Presenting Sencha Architect
          1. Running Sencha Architect for the first time
          2. The toolbar
          3. The toolbox
          4. The config panel
          5. The canvas
            1. The visual editor
            2. The code editor
          6. The project inspector
          7. Online documentation
          8. Logs
        3. Preparing the environment
        4. Summary
      9. 2. Creating an Ext JS App
        1. Implementing the Ext JS app
        2. Creating the project
          1. A quick word about MVC
        3. Configuring the app
        4. Creating the model
        5. Creating the store
        6. Creating the books grid
        7. Creating the viewport
          1. Linking the grid to the viewport
          2. The output so far
        8. Creating the controller
        9. The final project structure
        10. Summary
      10. 3. Creating a Sencha Touch App
        1. Implementing the Sencha Touch app
        2. Creating the project
        3. Configuring the app
        4. Creating the model
        5. Creating the store
          1. Creating the contacts proxy – PhoneGap
        6. Creating the list view
        7. Creating the controller
        8. Adding PhoneGap
        9. The final project structure
        10. Summary
      11. 4. Tips and Tricks
        1. Exporting and importing an existing project
        2. Using Sencha Architect with Eclipse
        3. Creating a custom component for reuse
        4. Adding HTML code to app.html
        5. Using third-party plugins (non-native plugins)
        6. Creating multilanguage apps
        7. Creating util and custom classes
        8. Working with sub-packages
        9. Summary
      12. 5. Working with Resources
        1. The Library resource
          1. Setting the local SDK
          2. Upgrading projects
          3. Native themes
        2. Creating/linking CSS and JavaScript files
        3. Working with Google Maps
        4. Working with custom themes
        5. Summary
      13. 6. Simulating, Building, Packaging, and Deploying an App/Project
        1. Previewing, publishing, and building a project
          1. Previewing a project
          2. Publishing a project
        2. Introducing Sencha Cmd and Sencha Architect
        3. Emulating a Sencha Touch app
          1. iOS
            1. Troubleshooting
          2. Android
        4. Packaging (native) a Sencha Touch App
          1. iOS
          2. Android
        5. Windows Phone 8 and Blackberry 10
        6. Summary
      14. Index