Course Outline

Module 1. Introduction to Ext JS 5

  • Downloading ExtJS
  • Setting Up and installing ExtJS
  • Using Tools and Editors

Module 2. Core Concepts

  • Using Naming Conventions
  • The Preprocessors and Postprocessors
  • Using Static methods and properties
  • Understanding simple inheritance
  • Lazy loading of classes
  • Interacting with the DOM

Module 3. Components and Layouts

  • The component life cycle
  • Types of containers
  • Understanding the viewport, panel and Window component

Module 4. Managing data

  • Using Ajax
  • Understanding models
  • Model mapping
  • Writing validators
  • Common field types and relationships
  • Adding, selecting and removing records from the store

Module 5. Buttons, Toolbars and Forms

  • Buttons types
  • Adding menus
  • Using toolbars
  • Building the main menu for an application
  • The form component
  • Using available fields (textfields, number, date, etc.)
  • Understanding triggers
  • Submitting the data

Module 6. Understanding the Grid and Tree panel

  • Building the data connection
  • Designing a basic grid
  • Selection models
  • Setting up Grid listeners
  • The Grid paging and the infinite scrolling
  • Using the DataView
  • A basic tree panel
  • Adding and removing nodes

Module 7. The architecture

  • The MVC and MVVM patterns
  • Creating the views and the controller
  • Creating a module
  • Implementing routing

Module 8. The importance of look and feel

  • The packages folder
  • Advanced theming
  • Different styles for the same component
  • Supporting legacy browser

Module 9. The deploy phase

  • Preparing for deployment
  • The app.json file
  • The sencha command
  • Code compression
  • Packaging and deploying
 21 Hours

Number of participants


Price per participant

Testimonials (1)

Upcoming Courses