Ext JS Training

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