You are previewing Sencha MVC Architecture.
O'Reilly logo
Sencha MVC Architecture

Book Description

A practical guide for designers and developers to create scalable enterprise-class web applications in ExtJS and Sencha Touch using the Sencha MVC architecture

  • Map general MVC architecture concept to the classes in ExtJS 4.x and Sencha Touch

  • Create a practical application in ExtJS as well as Sencha Touch using various Sencha MVC Architecture concepts and classes

  • Dive deep into the building blocks of the Sencha MVC Architecture including the class system, loader, controller, and application

In Detail

Sencha provides one of the most popular frameworks to build RIA applications (using ExtJS) and HTML5 compliant mobile applications (using Sencha Touch). Creating an application is always easy, but creating a highly maintainable and scalable application is challenging without having solid architectural practices in place.

"Sencha MVC Architecture" covers all the aspects, from project design to building and packaging, creating and delivering an enterprise-class application by applying Sencha MVC Architecture. Every concept is supported with a functional code, which you can quickly try out and also understand how it works.

The book presents the general MVC architecture and presents a case for the client-side MVC architecture and their importance. You will learn why we need to have client-side MVC architecture and how the concepts map to the Sencha MVC Architecture. You will then learn how to create an application in ExtJS as well as Sencha Touch by applying all the concepts and classes of Sencha MVC Architecture. The step-by-step approach helps you build a working application without getting into the detail of the constructs yet explains how things work. The later part of the book will explain the Sencha MVC Architecture constructs in detail – class system, loader, controller, etc. and the best practices introduced by the framework. The end of the book will walk you through the challenges that you will face when you model your application using the Sencha MVC Architecture and also show you how to overcome each one of them. You will learn how to make use of the tools to manage your project beginning from the project creation to delivery.

Table of Contents

  1. Sencha MVC Architecture
    1. Table of Contents
    2. Sencha MVC Architecture
    3. Credits
    4. About the Author
    5. About the Reviewers
    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. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    8. 1. Sencha MVC Architecture
      1. Why Client-side MVC architecture
      2. Why Sencha MVC architecture
      3. Sencha MVC architecture
        1. Ext JS 4.1
        2. Sencha Touch
      4. Summary
    9. 2. Creating an Application
      1. Application design
        1. ExtJS-based application
          1. Folder structure
            1. Model
              1. User
              2. Department
            2. Store
              1. Users
              2. Departments
            3. View
              1. User List
              2. User Edit
              3. Department List
              4. Viewport
            4. Controller
              1. Users
              2. Departments
            5. Application
            6. index.html
        2. Sencha Touch-based application
          1. Folder structure
            1. Model
              1. User
              2. Department
            2. Store
              1. Users
              2. Departments
            3. View
              1. User List
              2. User Edit
              3. Department List
            4. Controller
              1. Users
              2. Departments
            5. Application
            6. index.html
      2. Summary
    10. 3. Building Blocks
      1. Model
        1. Store
      2. View
      3. Controller
        1. ExtJS
        2. Sencha Touch
          1. Profile
      4. Application
        1. Ext JS
        2. Sencha Touch
      5. Routing and history
      6. Dependency management with loader
      7. Summary
    11. 4. Class System
      1. Class system
        1. Naming convention
          1. Class
          2. File
          3. Methods and variables
          4. Properties
        2. Defining a class
          1. Configuration
        3. Alias
        4. Alternate class name
        5. Extend
        6. Statics
          1. Inheritable statics
        7. Mixin
        8. Singleton
          1. Uses versus requires
        9. Error reporting
      2. Class loader
        1. Asynchronous loading
        2. Synchronous loading
        3. Hybrid loading
      3. Summary
    12. 5. Challenges and Solutions
      1. Challenges
        1. Project creation
        2. Debugging
        3. Build
        4. Minification
      2. Solutions
        1. Project creation
        2. Debugging
          1. User <script> tag
          2. Disable caching for loader
        3. Build
        4. Minification
      3. Summary
    13. Index