LIVE Instructor-Led Courses
Dismiss

Ext JS training course

Develop Versatile, Modern Web Applications With ExtJS

JBI training course London UK

"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"

Brian Leek, Data Analyst, May 2022

Public Courses

01/04/24 - 4 days
£1795 +VAT
13/05/24 - 4 days
£1795 +VAT
24/06/24 - 4 days
£1795 +VAT

Customised Courses

* Train a team
* Tailor content
* Flex dates
From £1200 / day
EDF logo Capita logo Sky logo NHS logo RBS logo BBC logo CISCO logo
JBI training course London UK

  • Introducing the Course
  • Getting Started with Ext JS 4.1
  • Writing your first Ext JS Application
  • Classes in Ext JS 4.1
  • Existing classes and packages
  • Classes Part 2: Constructors, Mixins and Inheritance
  • The Data Package
  • Stores and Proxies (1)
  • Stores and Proxies (2)
  • Persisting UI State
  • Charts
  • Event Handling
  • Containers, Panels and Layouts
  • Component Layouts
  • Working with Grids
  • Working with Trees
  • Working with Forms

 

 

Day 1

Session 1: Introducing the Course

  • About the Course 
  • Course Objectives 
  • Course Prerequisites 
  • Required Software 
  • Optional Software 
  • Course Outline

 

Session 2: Getting Started with Ext JS 4.1

  • Obtaining Ext JS 4.1
  • The structure of the Ext JS installation
  • Configuring an IDE to work with Ext JS 4.1 
  • NetBeans used by default
  • The meaning of the different .js files provided
  • The Sencha Platform (and Sencha Touch)
  • Ext JS 4.1 online Resources

 

Session 3: Writing your first Ext JS Application

  • Structuring your web page
  • Writing Ext JS program
  • A simple Hello World application using Ext JS 4.1
  • Practical

 

Session 4: Classes in Ext JS 4.1

  • Defining a Class (Ext.define)
  • Creating new objects (Ext.create)
  • Automatically generating getters and setters with the config property 
  • Understanding the Ext Core 
  • Core packages and namesapces
  • Statics
  • Practical

 

Session 5: Existing classes and packages

  • Dynamic Class loading 
  • Ext.require v. Ext.uses
  • Core classes and packages

 

Day 2

Session 6: Classes Part 2: Constructors, Mixins and Inheritance

  • Extending a Class 
  • Constructors
  • Invoking parent class constructors 
  • Introducing Mixins

 

Session 7: The Data Package

  • Overview of Ext.data package
  • The Model class
  • Defining Models
  • Model Field types Ext.data.Types 
  • Validating the Model Ext.data.validations
  • Defining Associations between Models (belongsTo, hasMany)
  • Practical

 

Session 8: Stores and Proxies (1)

  • Overview of Stores 
  • holders of instances of models
  • managers of models
  • Defining Stores (Ext.data.Store)
  • Using proxies with Stores
  • The Ext.data.proxy package
  • Client Proxies (hierarchy and concrete classes)
  • LocalStorageProxy, SessionStorageProxy, MemoryProxy
  • Readers (Ext.data.reader)
  • Writers (Ext.data.writer)
  • Practical

 

Session 9: Stores and Proxies (2)

  • Server Proxies (hierarchy and concrete classes)
  • Ajax Proxy, Rest Proxy, JsonP Proxy
  • Sorting
  • Filtering

 

Session 10: Persisting UI State

  • Stateful Components 
  • Provider vs. Manager 
  • Setting a Provider 
  • Application Specific State Management 

 

Day 3

Session 11: Charts

  • Ext.window
  • The Chart class
  • Its constituent parts
  • Sample charts
  • Bar Chart / Grouped Bar Chart
  • Column Chart
  • Line Chart / Grouped Line Chart
  • Area Chart / Grouped Area Chart
  • Scatter Chart / Grouped Scatter Chart
  • Pie Chart / Donut Chart
  • Radar Chart / Gauge Chart
  • Practical

 

Session 12: Event Handling

  • Events in Ext & DOM Events 
  • Observable classes 
  • Custom Events 
  • Event Handlers & Delegated Event Handling 
  • Practical

 

Session 13: Containers, Panels and Layouts

  • Containers and Panels
  • Container Layouts
  • Container Layout Hierarchy
  • Sample layouts
  • Fit Layout / Border Layout / Card Layout
  • Auto Layout / Anchor Layout
  • Hbox Layout / Vbox Layout
  • Accordion Layout / Column Layout / Table Layout
  • Absolute Layout
  • The Ext.ComponentManager class
  • The Ext.ComponentQuery class
  • Ext.container.Container functions 
  • query, child, down and up
  • Practical

 

Session 14: Component Layouts

  • Component Layouts overview
  • Review of Layouts
  • Dock Layout / Tool Lay0ut / Field Layout / TriggerField Layout
  • Commonly used panels layout combinations
  • Viewport / TabPanel / GridPanel / FormPanel
  • Practical

 

Day 4

Session 15: Working with Grids

  • Grids the very idea
  • Columns
  • Feature support
  • Grouping, Grouping Summary, Summary, RowBody
  • Grid Plugins
  • Cell editing, Row Editing
  • Storing data to a server
  • Infinite Scrolling
  • Practical

 

Session 16: Working with Trees

  • The Tree panel
  • Check trees
  • Tree grid
  • Drag and Drop
  • Sorting within the tree
  • Practical

 

Session 17: Working with Forms

  • Forms overview
  • Form fields
  • FormPanel vs. BasicForm 
  • Form label
  • Applying Validation processing
  • Actions
  • Using Field as Mixin 
  • Practical
JBI training course London UK


5 star

4.8 out of 5 average

"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"

Brian Leek, Data Analyst, May 2022



“JBI  did a great job of customizing their syllabus to suit our business  needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and  the Instructor handled this particularly well - very impressive”

Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022

 

 

JBI training course London UK

Newsletter

 

Sign up for the JBI Training newsletter to stay updated with world-class technology training opportunities, including Analytics, AI, ML, DevOps, Web, Backend and Security. Our Power BI Training Course is especially popular.  Gain new skills, useful tips, and validate your expertise with an industry-leading organisation, all tailored to your schedule and learning preferences.



Our Ext JS training course is expert-led and designed to teach you how to use this JavaScript application framework for building interactive cross platform web applications using techniques such as Ajax, DHTML and DOM scripting.

CONTACT
+44 (0)20 8446 7555

[email protected]

SHARE

 

Copyright © 2023 JBI Training. All Rights Reserved.
JB International Training Ltd  -  Company Registration Number: 08458005
Registered Address: Wohl Enterprise Hub, 2B Redbourne Avenue, London, N3 2BS

Modern Slavery Statement & Corporate Policies | Terms & Conditions | Contact Us

POPULAR

Rust training course                                                                          React training course

Threat modelling training course   Python for data analysts training course

Power BI training course                                   Machine Learning training course

Spring Boot Microservices training course              Terraform training course

Kubernetes training course                                                            C++ training course

Power Automate training course                               Clean Code training course