Yes I want demo!

Ask for Free Demo Now!

​

It’s not just about training. It’s about career progress. Jumbo Techno allows you to take control of your career by learning the right skills at the right time.

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

Let’s Write Your Story

Lorem ipsum dolor sit amet!

We'd love to help you.

We help you unlocking your learning Potentials!

Top Categories

Company

  • Facebook
  • LinkedIn
  • Twitter
  • YouTube
  • Pinterest
  • Instagram

Resources

Support

Webinars

Request for demo