Mastering Ext JS

Course Features

Course Details

About Ext JS
Ext JS training is designed for the developers who want to learn Ext JS 4 & 5 from scratch.
This training helps them to be productive in professional Ext JS projects by focusing on real-world application scenarios.
Training includes demo and hands-on exercise on various topics using live data feeds.

Before proceeding with this course it is advisable for you to understand the basics concepts of computer programming.
But the course is self contained and you will be able to learn on various concepts of Power Shell even if you are a beginner.
You just need to have a basic understanding of working with a simple text editor and command line.

ExtJS Fundamentals Introduction And Overview1 
Opening Hello1.1
Sencha ExtJS for You?1.2
Sencha ExtJS is Not Sencha Touch1.3
Why Sencha ExtJS?1.4
The 20 Line ExtJS Web Application Walkthrough1.5
A Real World ExtJS Web Application Walkthrough1.6
JavaScript Fundamentals And The ExtJS Class System2

Singletons and Literals2.2
ExtJS Utility Functions2.3
ExtJS Class System2.4
ExtJS Components And Documentation3

The Paradigm Shift 3.2
What is a Component? 3.3
Setting Up a Base ExtJS Application3.4
Adding a Simple Component With Ext.create3.5
Introducing the Alias Type3.6
Templates for HTML3.7
Listening for Component Events Like Component Resize3.8
Enabling and Disabling Components3.9
Showing and Hiding Components 3.10
Component Life Cycle3.11
ExtJS Documentation Walkthrough3.12

Containers And Layout Managers4.1
Containers and Layout Managers Defined4.2
Coding Layouts in JavaScript4.3
An Abundance of Layout Managers4.4
Pack and Align With VBox and HBox4.5
Combining Layout Managers4.6
Data Models And Stores In ExtJS5

All About the Data Model5.2
JavaScript Examples Defining and Creating Data Models5.3
Validation Using Data Models5.4
CRUD (Create Read Update Delete) With Data Proxies5.5
Data Model Associates, BelongsTo, HasMany, etc.5.6
Data Store Concepts5.7
Visual Layout And The Conference Editor App6

Ten Thousand Foot View of the App We Will Build6.2
Visual Layout Specifics6.3
Minimal App, Getting Started With Viewport6.4
Ext.Application Launch and Our First Border Layout6.5
Combining Layout Managers to Get What We Want6.6
Introducing xtype to Reduce Code Complexity6.7
Using Type to Simplify Our Previous Combined Layout Example6.8
More About Type and How to Find It6.9
Layout Resizing, Splitters, and More Border Layout Tips6.10
The Sessions Grid Panel, Xtype, And Editing With Form Panel7

Adding a Grid Panel With Sample Data to Sessions7.2
Enhancing That Sessions Grid Panel With Clean Columns7.3
Make Our Sessions Grid an xtype, The Mechanics7.4
Pulling Real Session Data With Proxy7.5
Sorting Our Sessions Grid7.6
Grouping Our Session Grid by Time With Custom Group Headers7.7

Adding a Row Double Click Listener to the Session Grid7.8
Enhancing Our Session Grid Form to Look Good7.9
Form Loading of Real Model Session Data7.10
Adding Save and Cancel Buttons to Our Session Form7.11
Implementing Form Save Handlers and Form Binding Verifications7.12
MVC, JavaScript File Separation, And Scalability8
Structuring Ext.Application to Handle the Main View, the MVC Way8.2
Converting the Sessions Grid Panel to MVC With Types8.3
Integrating the Session Edit Form Into MVC8.4
Bring Over the Session Data Store Into MVC8.5
In MVC, Separating Out the Data Model From the Data Store8.6
Controllers, HTML Templates, And Some Style9
Controller Basics9.2
Adding Listeners and Implementing Form Open9.3
Building Our Sessions Grid Panel With Data9.4
Defining Our Session and Presenter Models and Stores the MVC Way9.5
Building the Presenter Cross Reference to Sessions Grid Panel9.6
Wire Up JavaScript to Filter Presenters by Sessions Using Refs9.7
Bring in the Session Details Panel9.8
Bringing in HTML Templates to Session Details9.9
Binding Model Data to Templates9.10
Integrating Nested Presenter Data Into Templates9.11
Bring Templates to Life With Style9.12
This course does not have any sections.

More Courses by this Instructor