Develop Intelligence
Ext JS Development
Learn the Ext JS JavaScript framework, which is used to build web/mobile applications.

The Ext JS Development training course helps developer teams get up to speed on Ext JS, Sencha’s popular JavaScript framework for building enterprise-level web and mobile applications.

Developers with some programming experience should take this course to learn a battle-tested framework (it’s been around since 2007). Ext JS is a one-stop shop for building rich UI web sites and single-page applications that work across all legacy browsers. This framework features built-in two-way data binding, charts, animations, built-in routing, deep linking, bookmark support, and build tools. This course will teach developers to use all these features and give them hands-on experience building rich demo apps in the classroom. This includes using the same component library and codebase to write applications that will work for desktop, tablet, or smartphone devices.

After this course, you will be able to:

  • Download and install Ext JS and load the library correctly.
  • Query, change, and work with DOM elements.
  • Execute Ajax requests and parse errors and responses.
  • Use components, component lifecycle, and CSS/SASS/Compass to add styling.
  • Correctly utilize both MVC and MVVM patterns.
  • Utilize theming and build responsiveness into applications.
  • Test, build, package, and deploy applications.
This course will be delivered in 4 Days

DI will work with you and your team to define the most appropriate delivery structure, schedule and dates. Structure, schedule and dates will be determined by project schedule, team availability and classroom availability. And of course, it will also be determined by DI’s instructor availability.

In the Ext JS Development training course you’ll learn:

  • Getting Started
    • Ext JS Overview
    • Loading the Library
    • Working the Element Object
    • Event Handling and using EventObject
    • Selecting and Querying Nodes
    • Creating and working with Classes
  • DOM Elements
    • ExtJS Element
    • Working with composite element
    • Manipulate DOM elements
    • DomHelper
  • UI Components
    • Creating Components
    • Working with Forms
    • Using FormLayouts
    • Dealing with Label Sizes
    • FormPanels
    • Component Registry
    • Component Lifecycle
    • Component vs Element
    • Custom components
  • Ajax
    • Ext.Ajax.request()
    • Handling Responses
    • Handling Errors
    • Passing Parameters
    • Setting Headers
    • Setting timeouts
    • Evaluating JSON Data
  • Layouts and Styling
    • Using Components
    • Understanding the Ext JS Component Lifecycle
    • Working with Panels
    • Dynamically Loading Containers
    • Ext JS Window Types
    • Styling component
    • CSS vars & mixins
    • SASS Syntax
    • SASS & Compass
  • MVC and MVVM in ExtJS
    • Creating MVC-based vs. MVVM applications
    • The Controller
    • Adding a view
    • Adding multiple views
    • MVC data: Models and Stores
  • Themes
    • Creating Custom Themes
    • Styling themes with SASS and Compass
    • Implementing Responsive Design
  • Testing
    • Jasmine and Siesta Unit testing
  • Building, packaging & deploying Ext JS Application
    • Creating Testing and Production Builds


Call us at (877) 629-5631