Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

Ext JS

( Duration: 4 Days )

The Ext JS (Ext.js) training course provides the instruction and practical exercises using the Ext JS JavaScript Library. It examines Ext JS features such as the MVVM architecture, data binding, and migrating to the latest version. This course examines core library features including the use of the Ext Element object, event handling capabilities, and working with arrays, strings, and other data types. The course provides insight on using Ajax techniques such as JSON-P and CORS. It explores various layouts and containers and examines the data-driven TreePanels, ComboBoxes, and Charts. The course explores numerous techniques for working with the Grid, TabPanel, and the data access classes. An in-depth treatment of creating custom components is accompanied by hands-on exercises. Finally, discussions on the build and deployment features including the creation of SASS-based CSS themes it provided.

This course introduces modern practices of JavaScript, such as OOJS and the use of design patterns. Best practices are emphasized with the use of the Ext JS library.

By attending Ext JS (Ext.js) workshop, delegates will learn to:

  • Successfully incorporate Ext JS into front-end solutions
  • Utilize different Ext JS core functions including Ajax, DOM, and event-based interactions
  • Incorporate (and extend) numerous components and layouts into applications
  • Create custom components
  • Incorporate an MVVM and/or MVC architectures

  • Strong OO Skills, HTML, and JavaScript Language Fundamentals such as DOM and event handling required
  • CSS Fundamentals are highly recommended

The Ext JS (Ext.js) class is ideal for:

  • Primary Audience: Developers interested in leveraging Ext JS in Web Applications
  • Secondary Audience: Server-side developers, other programmers interested in JavaScript or client-side frameworks

COURSE AGENDA

1

OOJS Functions & Techniques

  • The ECMAScript Standard
  • Declaring Functions
  • Function Literal Notation
  • The Function Object
  • Variadic Functions
  • Advanced Argument Passing
  • Variables and Scope
  • Overloading Issues
  • The Global Namespace
  • Closures
  • The Object Prototype
  • Encapsulation
  • Self-Executing Functions
  • Private and Privileged Properties
  • Pseudo-private Properties
  • Defining Application Modules
2

Ext JS Basics

  • Ext JS Overview
  • Versions and Compatibilities
  • Ext JS and Licensing
  • Loading the Library
  • Working with Ext JS
  • The Underlying Core Library
  • The Powerful Element Object
  • Unwrapping the DOM Node from Element
  • Event Handling and EventObject
  • Events across browsers
  • Selecting and Querying Nodes
  • Creating Classes using Ext JS
  • What is Sencha Architect?
3

Introducing UI Components

  • Working with Forms
  • Using FormLayouts
  • Dealing with Label Sizes
  • FormPanels
  • Data Form Validation
  • Submitting Forms Using Ajax
4

Working with Layouts

  • Using Components
  • Understanding the Ext JS Component Lifecycle
  • Working with Panels
  • Dynamically Loading Containers
  • Ext JS Window Types
  • Working with Layouts
  • BorderLayouts
  • Accordions
  • Viewports
  • Creating Responsive Solutions
  • responsiveConfigs
  • Gestures and Tablet Support
5

Using the MVVM Architecture

  • What is an MVVM Approach?
  • Data Binding
  • Working with ViewControllers
  • Handling Refs and Listeners
  • Defining ViewModels
  • Model Validations
  • Using Formulas
  • Combining MVC and MVVM Architectures
  • Incorporating Routing
6

Ajax and Ext JS

  • Introducing Ext.Ajax.request()
  • Handling Responses
  • Handling Errors
  • Passing Parameters
  • Setting Headers
  • Setting timeouts
  • Evaluating JSON Data
  • Understanding JSON-P
  • Dynamic Script Tags
  • Ext JS and JSON-P
  • CORS and Ext JS
  • Creating Responsive Tab Panels
7

Introducing Data Components

  • Ext.data Package
  • Working with Model Components
  • Creating Models
  • Model Validation
  • Managing Data with Sessions
  • The Role of Stores/Proxies/Associations
  • Establishing Data Stores
  • Working with Ext.data DataReaders
  • Records
  • Using an Ajax Proxy and JSONReader
  • Xml Readers
  • Incorporating Listeners
  • Working with Comboboxes
  • Using a RestProxy
8

Using Components

  • Components, Elements and Nodes
  • Rendering Components
  • More with Panels
  • Creating Toolbars and Actions
  • Using Tabs and TabPanels
  • Handling Custom Events
  • Other New Components: Tagfields, Segmented Buttons
9

Advanced Components

  • Using XTemplates
  • Executing XTemplates
  • Working with DataViews
  • Advanced DataView Concepts
  • Animated DataViews
  • Creating Custom Components
  • Extending Components
  • Custom Component Fields
  • Component Lifecycle
  • Dynamic TreePanels
  • Trees and Checkboxes
  • Breadcrumbs and Tablets
10

Grids and Charting

  • Creating the Basic Grid
  • Defining Selection Models
  • Editable Grids
  • Dynamic Updates
  • Paging Grids
  • Using Widget Columns
  • Grouping Operations
  • Upgrading to the New Charts Package
  • Ext JS New Chart Series
  • Creating Charts
  • Supported Chart Types
  • Dynamically Updating Charts
  • Using Sparklines
11

Deployment and Migration

  • Migrating ExtJS
  • Enabling the Compatibility Layer
  • Using Sencha Cmd for Application Builds
12

Theming and Internationalization

  • Using Different Themes
  • Customizing Component Look and Feel
  • SASS Overview
  • Theming Basics
  • New SASS Mixins
  • Localization Features
13

Using the Classic MVC Architecture

  • Incorporating the MVC Framework
  • MVC Project Structure
  • The Initial Page
  • The Application File
  • Defining Views
  • Creating a Controller
  • Initializing Event Handling
  • Handling Multiple Events
  • MVC Selectors
  • AutoCreating Views
  • Adding Controllers
  • Controller-to-Controller Communication
  • Adding Stores & Models
  • View Controllers vs Controllers
  • Using References in Controllers
  • View-Controller Granularity

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X