Ext JS Application Development Blueprints电子书

Ext JS Application Development Blueprints

Table of Contents

Ext JS Application Development Blueprints

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Introduction

Humble beginnings

Growing up

The shoulders of giants

What is application architecture?

Requirement analysis

Data design

Code design

Technology evaluation

Code standards and practices

Documentation

Ext JS

The world that was

State of the art

Mostly very cool

Supporting cast

Getting ready

The specification

A good match

How we work

In safe hands

If you build it, they will come

Managing your time

You can buy fashion, but you can't buy style

Summary

2. MVC and MVVM

Diary of always

Bringing MVC to the Web

Ext JS and MVC

Examples of Ext JS MVC

How does it help your application

MVC and the illusion of choice

Introducing MVVM

How does Ext JS use MVVM?

Getting our MVVM started

Are we better off?

A brief interlude regarding stores

Inter-communication

The main event

Event domains

An event domain example

Using custom events

Summary

3. Application Structure

Ideas for structure

Getting to know your application

/overrides

/.sencha

bootstrap.js, bootstrap.json, and bootstrap.css

/packages

/resources and SASS

index.html

/build and build.xml

app.js

app.json

Cultivating your code

I'm a lumberjack – let's go log in

Money can't buy class

Singletons

Mixins

The solution to pollution

A global solution to a local problem

Summary – mind your own beeswax

4. Sencha Cmd

What is Sencha Cmd?

Why is it important?

The act of creation

Setting up your application

The generation game

Develop in style

Here to serve – a website

The Bootstrap process

Care for the environment

The final product

Before the build

Code complete

An application for Ant

Version numbers

From release to production

The best of the rest

Packages

Themes

Compilations

Summary

5. Practical – a CMS Application

A content-managed system

The requirements

Accepting the challenge

Starting at the bottom

Work your way up

The devil is in the detail

Where the wild things are

Spiky and hairy

The real deal

A short interlude on data binding

Creating a structure

Data-driven design

A model store

A room with a view

The tree panel and searching

Pages in detail

The magical page view model

This data is now in session

The glue controlling all

Selecting a page

Adding a page

Deleting a page

Saving a page

Summary

6. Practical – Monitoring Dashboard

Application design

Requirements

Message received and understood

Data structure

Live charts

Historical logs

Log statistics

Model behavior

The view from the top

Flexibility and pragmatism

Does this hurt?

Onwards and upwards

Data first

Storing the data

With a view to a controller

The main view controller

Rootin-Tootin

Back to business

Route to nowhere

The dashboard

Constant evaluation

The dashboard view model

The dashboard view controller

Web logs subpage

A view on the Web

Controlling the Web

More and more subpages

Summary

7. Practical – an E-mail Client

Form factors

Application design

I require to admire

Technically speaking

Responding to the situation

Input required

A view to a thrill

Mainly harmless

Full steam ahead

Threading our way

Send me a message

Stay composed

Design overview

Application state

Home screen/initial load

New thread

Show thread

New message/reply

Routing overview

A binding agreement

An eventful application

Events and you

Coding – it's been a long time

It's under control

Login view

Main force

Main ViewModel

Main ViewController

The head of the family

Header ViewModel

Header ViewController

Unravel the thread

Thread ViewModel

Thread ViewController

I am the best message

Messages ViewModel

Messages ViewController

A composed finish

Deciding on a theme

Summary

8. Practical – Questionnaire Component

Application design – my way

Data structure

Consider carefully

Data flow

A binding trick

A difference of opinion

A means to an end

Sketchy sketching

Get set

The data layer

The payload

The wizard component

Do it yourself

Wizardly tools

One step forward

Making progress

Step by step

Questionnaire command and control

The wizard model

A delightful host

Mixin the night away

Summary

9. A Shopping Application

About the app

The product window

The shopping cart

Login and registration

User account

Design overview

Back to Ext JS

The data layer

Information contemplation

Component interaction

In control

The simplicity of view models

Code, code, and more code

What's in store?

Interface in your face

One step ahead

Under the main control

Categorically speaking

Product placement

A basket case

The account window

Summary

10. Debugging and Performance

In-browser debugging

Stepping in

Breaking point

Black box and cut to the chase

Breaking and busting

Caught in the act

Performance in Ext JS

Network performance

Make fewer requests

Perceived performance

Load less

Optimistic updating

Quick on the draw

Overuse of panels

Overnesting

Deferred rendering

Analyzing performance

Summary

11. Application Testing

Total testing

Unit testing

Assert yourself

Integration testing

Integration and differentiation

Testing tool time with Jasmine

Jasmine – installation and configuration

Make it happen

Testing with robots

Up and running with CasperJS

Testability

Should I or shouldn't I?

Faking it with mocks

Continuous coverage

Summary

Index