myTectra Offers the best ExtJS training in Bangalore and get started to become hands on experts on ExtJS trained by Experienced ExtJS Developer. Join Now!

1. Unlock your Learning Potential !
ISO 9001:2008
Certified Company
Course details:
Course Code : MYT1651
Course Name: Mastering Ext JS
Course duration: Fast track – 4 weeks
Regular weekdays – 6 weeks
Week End – 8 weeks
Training mode:
instructor led class training | Live virtual training
Contact: +91 90191 91856
Email:info@mytectra.com
Web: www.mytectra.com
Twitter : https://twitter.com/mytectra
Facebook: https://www.facebook.com/myTectra.Global
Linkedin: https://www.linkedin.com/company-beta/3030278/
Blog: http://mytectra.blogspot.in/

2. 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.
myTectra Learning Solutions private Limited
Bangalore-BTM Layout/
+91 90191 91856/ info@mytectra.com / www.mytectra.com

3. 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
myTectra Learning Solutions private Limited
Bangalore-BTM Layout/
+91 90191 91856/ info@mytectra.com / www.mytectra.com

4.  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
Containers And Layout Managers4
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
myTectra Learning Solutions private Limited
Bangalore-BTM Layout/
+91 90191 91856/ info@mytectra.com / www.mytectra.com

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
myTectra Learning Solutions private Limited
Bangalore-BTM Layout/
+91 90191 91856/ info@mytectra.com / www.mytectra.com

6.  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
myTectra Learning Solutions private Limited
Bangalore-BTM Layout/
+91 90191 91856/ info@mytectra.com / www.mytectra.com

7.  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
myTectra Learning Solutions private Limited
Bangalore-BTM Layout/
+91 90191 91856/ info@mytectra.com / www.mytectra.com

8. 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
myTectra Learning Solutions private Limited
Bangalore-BTM Layout/
+91 90191 91856/ info@mytectra.com / www.mytectra.com