Ext JS Fundamentals

This 3-day course demonstrates through hands-on practice the fundamentals of Ext JS.

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