Curriculum

​

​

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.

Prerequisites:
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

​

Overview2.1:

• Singletons and Literals2.2

• ExtJS Utility Functions2.3

• ExtJS Class System2.4

• Summary2.5

• ExtJS Components And Documentation3

​

Overview3.1:

• 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

• Summary3.13

​

Overview4.1:

• 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

• Summary4.7

• Data Models And Stores In ExtJS5

​

Introduction5.1:

• 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

• Summary5.8

• Visual Layout And The Conference Editor App6

​

Introduction6.1:

• 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

• Summary6.11

• The Sessions Grid Panel, Xtype, And Editing With Form Panel7

​

Introduction7.1:

• 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

• Summary7.13

• MVC, JavaScript File Separation, And Scalability8

​

Introduction8.1:

• 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

• Summary8.7

• Controllers, HTML Templates, And Some Style9

​

Introduction9.1:

• 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

• Summary9.13