Ext JS 5 Training | Learn Sencha Ext JS framework for cross-platform web apps

Extjs Course Description

Ext JS is a pure Javascript application framework that helps developers build cross-platform applications for Desktops, smartphones & tablets. 

ExtJS 5 Bootcamp is an instructor-led course designed to introduce you to the fundamental concepts of building cross-browser compatible mobile and desktop apps using Sencha Ext JS 5.x. This course serves as the foundation of our Ext JS Bootcamps. Solutions are provided for each exercise to help you if you get “stuck” on a particular step.

Ext JS Course Learning Outcomes

  • Rapidly develop applications for multiple browsers, form factors, screen resolutions, and devices.
  • Load data from remote servers.
  • Output structured data into different views- including grids, trees, charts, custom markup, and tab-based forms.
  • Render and manipulate PDF, image, and spreadsheet file assets.
  • Efficiently handle user interactions.
  • Implement drag & drop interfaces.
  • Save data to a database
  • Upload files to an application server
  • Persist user settings between sessions.
  • Theme your applications with custom icons, colors, and backgrounds.
  • Use responsive configurations to change the layout of your application based on form factor.
  • Create optimized production builds of your apps.
  • Create and run automated test scripts to identify bugs in your app.
  • Generate world-class searchable and cross-indexed documentation for your source code.
  • Extend the capabilities of the Ext JS 5 framework

Ext JS Training - Suggested Audience

This training is aimed at developers who wants build best-of-breed web applications with the simplicity & elegance of javascript.
  • Web Developer
  • Front Developer
  • Javascript Developers
  • MEAN Stack Developers
  • AngularJS 1.x Developers
  • Technical Leads
  • Architects
  • Quality & Testing professionals

Ext.JS Training Duration

  • Open-House F2F (Public): 5 days
  • In-House F2F (Private): 4/5 days, for commercials please send us an email with group size to hello@pincorps.com

Ext JS Training course - Prerequisites

  • Participants should have: Intermediate-level experience with JavaScript
  • Intermediate-level experience with CSS / HTML 5
  • Familiarity with full-stack web application development concepts

This Ext JS 5 training course outline includes:

1. Introduction to Ext JS

2. Getting started with Ext 5
  • Introducing Sencha Ext JS 5.x
  • Reviewing Application Architecture
  • Introducing the Class System, MVC, and MVVM Architectures
  • Generating App Scaffolding with Sencha Cmd
  • Using the API Docs
  • Debugging and Troubleshooting Your App
  • Getting Help from the Sencha Network

3. Defining views
  • Deep-Diving Into the Sencha Class System
  • Creating Component Views
  • Working with Containers
  • Working with Panels, Toolbars, Buttons, and Menus
  • Introducing ViewControllers
  • Working with Tab Panels
  • Instantiating Views from Routes / Supporting the Browsers "Back" Button
  • Implementing Windows and Floating Components
  • Implementing a Dashboard with Draggable Portlets

4. Interfacing with an App Server
  • Initiating Background Data Requests
  • Implementing User Authentication and Authorization
  • Binding to a ViewModel
  • Defining Data Models
  • Defining Data Connections
  • Loading Multiple Records into a Store

5. Implementing Grids
  • Viewing Stores in Grids
  • Using Grid Widgets
  • Handling Large Datasets
  • Grouping Grid Data
  • Using Grids to Edit Data

6. Generating Markup from data
  • Working with XTemplates
  • Generating Markup from Stores with the DataView
  • Handling Multimedia
  • Animating the DataView

7. Using trees to manage hierarchies
  • Working with Tree Models and Tree Stores
  • Implementing a Tree Grid
  • Working with Heterogeneous Node Types
  • Implementing Editable Trees

8. Visualizing data in charts
  • Getting Started with Charts
  • Generating Bar, Column, and Line Charts
  • Generating Gauges

9. Maintaining State
  • Introducing State Management
  • Adding State Management Capabilities to Non-Stateful Components

10. Implementing data entry forms
  • Introducing Ext JS 5 Forms
  • Integrating the TinyMCE 4 WYSIWYG Editor
  • Synchronizing a Grid to a Form
  • Applying Data Validation on the Client and Server
  • Submitting Data to the App Server
  • Handling File Uploads

11. Theming your application
  • Introducing Theming, Sass, and Compass
  • Working with Variables and Rules
  • Using Mixins
  • Implementing Responsive Design

12. Going into production
  • Documenting your App with JSDuck
  • Testing your App with Jasmine and Siesta
  • Creating Testing and Production Builds

13. Special topics in Ext JS
  • Patching and Extending the Library
  • Building Custom Components with Ext.Element
Keny White


Keny White is Professor of the Department of Computer Science at Boston University, where he has been since 2004. He also currently serves as Chief Scientist of Guavus, Inc. During 2003-2004 he was a Visiting Associate Professor at the Laboratoire d'Infomatique de Paris VI (LIP6). He received a B.S. from Cornell University in 1992, and an M.S. from the State University of New York at Buffalo.


After working as a software developer and contractor for over 8 years for a whole bunch of companies including ABX, Proit, SACC and AT&T in the US, He decided to work full-time as a private software trainer. He received his Ph.D. in Computer Science from the University of Rochester in 2001. "What I teach varies from beginner to advanced and from what I have seen, anybody can learn and grow from my courses".


Average Rating

1 rating

Detailed Rating

5 stars
4 stars
3 stars
2 stars
1 star

    This is great

    I really love the course editor in LearnPress. It is never easier when creating courses, lessons, quizzes with this one. It's the most useful LMS WordPress plugin I have ever used. Thank a lot! Testing quiz is funny, I like the sorting choice question type most.