Home
about banner

Basic and Advanced EXTJS 5.0





Basic and Advanced EXTJS 5.0
  • What is Ext js 4.0 / 5.0
  • Ext js Architecture
  • Fundamental Classes
    • Ext.Element
    • Ext.CompositeElement
    • Ext.DomHelper
    • Ext.DomQuery
Utility Functions
  • Ext.apply
  • Ext.util.Format
Creating & Extending Classes
  • Creating a Class & Extending a Class
  • Extending a Component
  • Understanding the Ext Core
  • Class System
  • Class Definition
  • Class Loading
  • Mixins
  • Statics
  • Automatically generating getters and setters with the config property
  • Using the Lang Package
  • Parsing Information about the Browser with Env
  • Creating Custom Controls
  • Working with Templates to create Extended Controls.
Event Handling
  • Events in Ext & DOM Events
  • Observable classes
  • Custom Events
  • Event Handlers & Delegated Event Handling
Component Model
  • Overview
  • Component Manager
  • Deferred Rendering
  • Component vs. Element
  • Component configuration
Day 2 : Working with User interface (UI) Laying out GUI
  • Defining Panels
  • Docking
  • Resizing Panels
  • Defining Toolbars
  • Defining Layouts
  • Absolute
  • Accordian
  • Anchor
  • border
  • Card panel
  • Tab Panel
  • Form Panel
  • Grid panel
Application Architecture
  • Design and Refactor Applications
  • Application Best Practices
  • Introducing Sencha MVC
  • Need for MVC
  • Store, Model and Proxies
  • Implementing a Sencha MVC Application
  • Introducing Sencha Command
Working with Data Package and MVC/ MVVM
  • Defining Models
  • Validating your Data
  • Defining Associations
  • Defining Proxies
  • Defining Stores
  • Working with Forms
  • Understanding Form Layout
  • FormPanel vs. BasicForm
  • Anchor
  • FieldContainer
  • Using Field as Mixin
  • Applying Validations
  • Synchronizing Data to/from an Application Server
  • Outputting Data with DataView
  • Populating Widgets with Nested Models
Getting on the Grid
  • Introducing grid features
  • Defining a read-only grid
  • Editing within a grid
  • Customizing Grid Controls
  • Generating dynamic controls on Grid
Visualizing Data
  • Charting data
Internationalization and Accessibility
  • Enabling Locale Support
  • Supported Locales
  • Globalizing your Components
MVC with Ext JS 5
  • Understanding MVC architecture
  • Working with MVC using EXT js
  • MVVM with Ext JS
  • Data binding in Ext JS
Routing in MVC 5
CASE STUDY with RESTful API and EXT JS
  • Performance Tuning and Best Practices
    • Effect of Network Latency
    • CSS Processing Considerations
    • JS Execution Consequences
    • Code Optimization
    • Page Analyzer
    • Caching Considerations
    • Firefox Debugging with Firebug and Firebug Lite