JavaScript for Line of Business Applications

6-part video series on guiding principles for writing a maintainable, easy-to-use, and easy-to-code Single Page Application with ExtJS.

Part 1
What an ExtJS MVC Single Page Application looks like and how its code can be structured.
Part 2
High-level overview of the code used to power a Single Page Application.
Part 3
How the Grid Controller shown in our example application is coded in ExtJS.
Part 4
Discusses the ExtJS representation of the view that is in our example application. We see why we view certain configurations over others and how you can use those configurations to create interfaces of your own.
Part 5
Discusses the form controller that represents the pop-up window in our example ExtJS single page application.
Part 6
Details how the communication between the edit controller and the grid controller takes place with ExtJS.

Module 1:
* DHTML
* Introduction to JavaScript
* Elements of JavaScript Program
* JavaScript Statements
* Functions
* Objects
* Defining Objects
* Arrays
* Events
* Time Outs
* Integrating JavaScript with Java
* Creating Windows
* Summary
* Examples and Exercises

Module 2:
* Introduction of ExtJs
* Getting Started
* Fundamental Classes
* Event Handling
* Component Model
* Examples

Module 3:
* Getting Started with Sencha Architect
* Create and Configure Components
* Create/Configure Data Stores
* Templates & DataView
* Creating & Extending Classes
* Examples

Module 4:
* Internationalization
* Drag & Drop
* Hands-on Experience w/ Common Components
* TabPanel
* GridPanel
* TreePanel
* FormPanel
* Building a Theme
* Application Best Practices

Objectives:
At the end of this module you will be able to:
1. Write JavaScript code using all the basic elements of JavaScript Programs
2. Create Windows & Dialog Boxes
3. Use the JavaScript’s in-built objects in a web page
4. Write code that does Event Handling in HTML pages
5. Manipulate HTML Forms through JavaScript dynamically
6. Integrate Java and JavaScript through Applets

I recently put together a tutorial on how to use ExtJS to create a Single Page Application (SPA).
It heavily leverages the MVC architecture inside of ExtJS to get everything working.
I'd appreciate any feedback to help make it better.

Part 1 - Overall Structure
Part 2- Code Overview
Part 3 - Grid Controller
Part 4 - Grid View
Part 5 - Popup Controller
Part 6 - Wrap-up

Over the last few months, I’ve been building (and reading about building) a number of applications using the excellent ExtJS 4.2.0. I thought it might be fun/instructive to do something of a short “walkthrough” of the process of building an app…so that’s what I’m going to do .

In the next series of posts, I’m going to build an MVC-style ExtJS 4.2.0 app, walking through the code and strategy at each step along the way. I hope that it will be entertaining/instructive to code along with me.