Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Ext JS Application Development Blueprints

By : Colin Ramsay

4 (1)

Ext JS Application Development Blueprints

4 (1)

By: Colin Ramsay

Overview of this book

If you are a developer who has knowledge of Ext JS but would like to expand it to encompass the bigger picture of application development, then this book is ideal for you.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Introduction

1. Introduction

Humble beginnings

What is application architecture?

Ext JS

Getting ready

In safe hands

Summary

2. MVC and MVVM

2. MVC and MVVM

Diary of always

Bringing MVC to the Web

Ext JS and MVC

How does it help your application

MVC and the illusion of choice

Introducing MVVM

An event domain example

Summary

3. Application Structure

3. Application Structure

Ideas for structure

Getting to know your application

Cultivating your code

The solution to pollution

Summary – mind your own beeswax

4. Sencha Cmd

4. Sencha Cmd

What is Sencha Cmd?

Why is it important?

Setting up your application

The generation game

Develop in style

Care for the environment

Before the build

Code complete

The best of the rest

Summary

5. Practical – a CMS Application

5. Practical – a CMS Application

A content-managed system

The requirements

Starting at the bottom

Work your way up

Where the wild things are

The real deal

Creating a structure

Data-driven design

A room with a view

Summary

6. Practical – Monitoring Dashboard

6. Practical – Monitoring Dashboard

Application design

Requirements

Data structure

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

The dashboard

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

7. Practical – an E-mail Client

Form factors

Application design

I require to admire

Responding to the situation

Input required

A view to a thrill

Application state

A binding agreement

An eventful application

Coding – it's been a long time

It's under control

Login view

Main force

The head of the family

Unravel the thread

I am the best message

A composed finish

Deciding on a theme

Summary

8. Practical – Questionnaire Component

8. Practical – Questionnaire Component

Application design – my way

Data structure

Data flow

Sketchy sketching

Get set

The data layer

The payload

The wizard component

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

9. A Shopping Application

About the app

Back to Ext JS

The data layer

Component interaction

The simplicity of view models

Code, code, and more code

Interface in your face

Categorically speaking

Product placement

A basket case

The account window

Summary

10. Debugging and Performance

10. Debugging and Performance

In-browser debugging

Breaking and busting

Performance in Ext JS

Quick on the draw

Analyzing performance

Summary

11. Application Testing

11. Application Testing

Total testing

Testing tool time with Jasmine

Testing with robots

Testability

Faking it with mocks

Continuous coverage

Summary

Index

Index

Application design

What features do we expect from an e-mail client? At a minimum:

Login: This helps to gain access to your own account
Inbox: This is a list of our e-mails
Sent: This is a list of e-mails we've sent in the past
Archive: This is a list of e-mails we've disposed of
Composer: This helps to write e-mails
Search: This helps to find archived e-mails

The final version of the app looks something like this:

Application design

The thread view on the left and messages from the selected thread on the right

What do we need to do to get to this point? Let's sketch out a design:

Application design

The login page is pretty standard. We'll want to validate user input, check the e-mail address, and ensure the password isn't blank, but there really isn't anything out of the ordinary here:

Application design

Here's the main interface for the application. We'll be implementing threaded e-mail; we have a list of threads on the left with an excerpt of the most recent message showing as the description of the thread. The...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Ext JS Application Development Blueprints

Search

Your notes and bookmarks