RKCP Information Technology
                                                                                                          Ext.JS
Home » Courses   » Ext JS

Ext.JS

Ext JS is a pure JavaScript application framework and this training course helps participants to build interactive web applications.

Overview

Use the Ext JS library to simplify many client-side scripting and user interface development challenges.


Objective

Incorporate Ext JS into front-end solutions.

Utilize different Ext JS core functions including Ajax, DOM, and event-based interactions.


Prerequisites

  • Prior experience in JavaScript, ajax, HTML
  • Familiarity with JavaScript Object Notation (JSON)
  • Prior experience in Cascading Style Sheets


Syllabus

Expand All
  • 1. Getting Started with Ext JS
    • Loading the Library
  • 2. Application Architecture
    • Ext Application Design
    • Introducing Sencha MVC
  • 3. Sencha Designer
    • Anatomy of a UI created with Designer
    • Laying Out UI Components
    • Adding Components
    • Positioning Components
    • Layout Options
    • Configuring Components
    • Using Templates
    • Connecting to Data
    • Exporting a Project
    • Attaching Event Handlers to UI Components
  • 4. Fundamental Classes
    • Ext.Element
    • Ext.CompositeElement
    • Ext.DomHelper
    • Ext.DomQuery
  • 5. Event Handling
    • Events in Ext & DOM Events
    • Event Handlers & Delegated Event Handling
  • 6. Component Model
    • Overview
    • Component Manager
    • Component vs. Element
    • Component configuration
  • 7. Laying out your GUI
    • Defining Panels
    • Headers
    • Resizing Panels
    • Defining Toolbars
    • Defining Layouts
    • HBOX
    • VBOX
    • Tabs
    • Viewport
    • TabPanel
    • GridPanel
    • FormPanel
  • 8. Form Components Overview
    • Checkbox
    • ComboBox
    • CompositeField
    • DateField
    • DisplayField
    • Hidden
    • HtmlEditor
    • NumberField
    • Radio
    • SliderField
    • TextArea
    • TextField
  • 9. Working with Data
    • Defining Models
    • Validating your Data
    • Defining Associations
    • Defining Proxies
    • Defining Stores
    • Working with Forms
    • Understanding Form Layout
    • Applying Validations
  • 10. Grid Panel Details
    • Introducing grid features
    • Defining a read-only grid
    • Editing within a grid
  • 11. Utility Functions
    • Ext.applysmd
    • Ext.util.Format
  • 12. Creating & Extending Classes
    • Creating a Class & Extending a Class
    • Extending a Component
    • Class System
    • Class Definition
    • Class Loading