Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Ext JS Application Development Blueprints
  • Table Of Contents Toc
Ext JS Application Development Blueprints

Ext JS Application Development Blueprints

By : Ramsay
4 (1)
Buy this Book
close
close
Ext JS Application Development Blueprints

Ext JS Application Development Blueprints

4 (1)
By: Ramsay
Buy this Book

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.
Table of Contents (13 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Introduction
Icon
1. Introduction
Icon
Humble beginnings
Icon
What is application architecture?
Icon
Ext JS
Icon
Getting ready
Icon
In safe hands
Icon
Summary
2
2. MVC and MVVM
Icon
2. MVC and MVVM
Icon
Diary of always
Icon
Bringing MVC to the Web
Icon
Ext JS and MVC
Icon
How does it help your application
Icon
MVC and the illusion of choice
Icon
Introducing MVVM
Icon
An event domain example
Icon
Summary
3
3. Application Structure
chevron up
Icon
3. Application Structure
Icon
Ideas for structure
Icon
Getting to know your application
Icon
Cultivating your code
Icon
The solution to pollution
Icon
Summary – mind your own beeswax
4
4. Sencha Cmd
Icon
4. Sencha Cmd
Icon
What is Sencha Cmd?
Icon
Why is it important?
Icon
Setting up your application
Icon
The generation game
Icon
Develop in style
Icon
Care for the environment
Icon
Before the build
Icon
Code complete
Icon
The best of the rest
Icon
Summary
5
5. Practical – a CMS Application
Icon
5. Practical – a CMS Application
Icon
A content-managed system
Icon
The requirements
Icon
Starting at the bottom
Icon
Work your way up
Icon
Where the wild things are
Icon
The real deal
Icon
Creating a structure
Icon
Data-driven design
Icon
A room with a view
Icon
Summary
6
6. Practical – Monitoring Dashboard
Icon
6. Practical – Monitoring Dashboard
Icon
Application design
Icon
Requirements
Icon
Data structure
Icon
The view from the top
Icon
Flexibility and pragmatism
Icon
Does this hurt?
Icon
Onwards and upwards
Icon
Data first
Icon
Storing the data
Icon
With a view to a controller
Icon
The main view controller
Icon
The dashboard
Icon
The dashboard view model
Icon
The dashboard view controller
Icon
Web logs subpage
Icon
A view on the Web
Icon
Controlling the Web
Icon
More and more subpages
Icon
Summary
7
7. Practical – an E-mail Client
Icon
7. Practical – an E-mail Client
Icon
Form factors
Icon
Application design
Icon
I require to admire
Icon
Responding to the situation
Icon
Input required
Icon
A view to a thrill
Icon
Application state
Icon
A binding agreement
Icon
An eventful application
Icon
Coding – it's been a long time
Icon
It's under control
Icon
Login view
Icon
Main force
Icon
The head of the family
Icon
Unravel the thread
Icon
I am the best message
Icon
A composed finish
Icon
Deciding on a theme
Icon
Summary
8
8. Practical – Questionnaire Component
Icon
8. Practical – Questionnaire Component
Icon
Application design – my way
Icon
Data structure
Icon
Data flow
Icon
Sketchy sketching
Icon
Get set
Icon
The data layer
Icon
The payload
Icon
The wizard component
Icon
One step forward
Icon
Making progress
Icon
Step by step
Icon
Questionnaire command and control
Icon
The wizard model
Icon
A delightful host
Icon
Mixin the night away
Icon
Summary
9
9. A Shopping Application
Icon
9. A Shopping Application
Icon
About the app
Icon
Back to Ext JS
Icon
The data layer
Icon
Component interaction
Icon
The simplicity of view models
Icon
Code, code, and more code
Icon
Interface in your face
Icon
Categorically speaking
Icon
Product placement
Icon
A basket case
Icon
The account window
Icon
Summary
10
10. Debugging and Performance
Icon
10. Debugging and Performance
Icon
In-browser debugging
Icon
Breaking and busting
Icon
Performance in Ext JS
Icon
Quick on the draw
Icon
Analyzing performance
Icon
Summary
11
11. Application Testing
Icon
11. Application Testing
Icon
Total testing
Icon
Testing tool time with Jasmine
Icon
Testing with robots
Icon
Testability
Icon
Faking it with mocks
Icon
Continuous coverage
Icon
Summary
12
Index
Icon
Index

Chapter 3. Application Structure

We previously discussed how growing an application organically without any sense of architecture could result in an unmaintainable mess of spaghetti code. One of the great things about imposing structure is that it automatically gives predictability (a kind of filing system with in which we immediately know where a particular piece of code should live).

The same applies to the files that make up your application. Certainly, we could put all of our files in the root of the website, mixing CSS, JavaScript, configuration and HTML files in a long alphabetical list, but we'd be losing out on a number of opportunities to keep our application organized. In this chapter, we'll look at:

  • Ideas to structure your code
  • The layout of a typical Ext JS application
  • Use of singletons, mixins, and inheritance
  • Why global state is a bad thing

Structuring your application is like keeping your house in order. You'll know where to find your car keys, and you...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Ext JS Application Development Blueprints
End of Section 3
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon