Skip to main content

Sencha Training is Coming to India

Course Description

This hands-on Fast Track course provides in-depth coverage of Ext JS 4 and Sencha Architect 3 including:
  • App Architecture and Sencha MVC
  • Developing complete Ext JS 4 Applications with Sencha Architect 3
  • Sencha Cmd
  • UI Components and Views
  • The Class System
  • Components, Containers and Layouts
  • Data Models, Stores, and Proxies
  • Data Aware Components
  • Grids, Trees, Data Views, Forms, Charts
  • Controllers
  • Theming
  • Production Builds
This Fast Track course includes all of Essential Ext JS plus:
  • Model Associations, Trees, Grid Editing, Charting, Theming, DOM Manipulation, and more advanced MVC
  • Trees
  • Grid Editing
  • DOM Manipulation
  • Custom Component Development
  • Advanced MVC
Through intensive hands-on labs, you will learn application architecture best practices and build a functioning application with an Ext JS 4 user interface connecting to live data feeds using JSON.
Developers report saving at least 3-4 weeks learning Ext JS by taking this course. Get on the Fast Track today!
This course will be held 9AM to 6PM. You must bring your own laptop, Mac or PC! Course Fee: INR 64,000/participant + taxes as applicable
Date:April 21st–25th, 2014
Location:
Walking Tree
Bangalore India
Covered:Sencha Ext JS
Sencha Architect
Cost:
₹64,000
Syllabus:
Prerequisites
  • Prior experience developing applications in JavaScript and HTML
  • Familiarity with JavaScript Object Notation (JSON)
  • Prior experience developing Cascading Style Sheets
Course Outline

Introducing the Course
  • About the Course
  • Course Objectives
  • Course Prerequisites
  • Required Software
  • Optional Software
  • Course Format
  • Course Outline
  • Demonstration: Introducing the App
Getting Started with Ext JS 4
  • Reviewing the online docs
  • Loading the Library
  • Ext 3 Compatibility and Sandbox Mode
Application Architecture
  • Ext Application Design
  • Introducing Sencha MVC
Sencha Architect
  • Expediting the development of complete Ext JS 4 Applications with Sencha Architect
  • Creating MVC, Data Sources, and custom components
Fundamental Classes
  • Ext.Element
  • Ext.CompositeElement
  • Ext.DomHelper
  • Ext.DomQuery
Event Handling
  • Events in Ext & DOM Events
  • Observable classes
  • Custom Events
Component Model
  • Overview
  • Component Manager
  • Deferred Rendering
  • Component vs. Element
  • Component configuration
Laying out your GUI
  • Defining Panels
  • Docking
  • Headers
  • Tools
  • Defining Toolbars
  • Defining Layouts
  • HBOX
  • VBOX
  • Splitter
  • Tabs
Hands-on Experience w/ Common Components
  • Viewport
  • TabPanel
  • GridPanel
  • FormPanel
Working with Data
  • 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
Getting on the Grid
  • Introducing grid features
  • Defining a read-only grid
  • Editing within a grid
Visualizing Data
  • Programatically drawing on a canvas
  • Charting data
Persisting UI State
  • Stateful Components
  • Provider vs. Manager
  • Setting a Provider
  • Application Specific State Management
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
Internationalization
  • Enabling Locale Support
  • Supported Locales
  • Globalizing your Components
Theming
  • Getting started with SASS
  • Using Compass and SASS
Application Architecture
  • Design and Refactor Applications
  • Application Best Practices
  • Introducing Sencha MVC
  • Introducing Sencha Command
Building Ext And Your Project
  • Setup, Maintain and Deploy the JavaScript & CSS
  • Generate Compressed JavaScript & CSS
Setup Requirements
Bring your own laptop (Mac or PC) with the following software installed:

Comments

Post a Comment

Popular posts from this blog

ExtJS - Grid panel features

What can we do with ExtJS GridPanel? I have to develop a lot of applications in my web app and I see that grid component of ExtJS may fit in. However, I am not aware of what all things I can do with the - off the shelf available framework pieces - available plug-ins in the marketplace and - custom development through my own developers This is a typical question that we hear from the business users who wants to design an application by keeping the framework’s capability in perspective. In this article I have tried to put the list of stuff you can do with grid and hopefully that shall enable you to take advantage of the beauty of ExtJS. Pre-requisites This article assumes that you are familiar with basics of ExtJS What are the available options? In this section I will be taking you through some of the commonly seen usage of ExtJS grid panel. While covering all the capabilities of grid may not be possible, I am sure it will be helpful for the business users who want to
8 comments
Read more

Ext4 Apply Store Filtering

In extjs4.1: There are many way for store filtering . Some of code i give here Filtering by single field: store . filter ( 'eyeColor' , 'Brown' );   Alternatively, if filters are configured with an  id , then existing filters store may be  replaced by new filters having the same  id . Filtering by single field: store . filter ( "email" , /\.com$/ );   Using multiple filters: store . filter ([ { property : "email" , value : /\.com$/ }, { filterFn : function ( item ) { return item . get ( "age" ) > 10 ; }} ]);   Using  Ext.util.Filter  instances instead of config objects (note that we need to specify the root config option in this case): store . filter ([ Ext . create ( ' Ext.util.Filter ' , {   property : "email" , value : /\.com$/ , root : 'data' }),   Ext . create ( ' Ext.util.Filter ' , {   filterFn : function ( item ) {   return item . get ( &
Post a Comment
Read more

EXT JS 4: EMPTY VALUE IN A COMBOBOX

EXT JS 4: EMPTY VALUE IN A COMBOBOX Often, in an Ext JS combobox, it is difficult to go back to an empty value once you have selected an item, particularly if “forceSelection” is set to true.  Here is my roundup of alternative solutions found from around the web… 1. Override beforeBlur The solution from   http://www.sencha.com/forum/showthread.php?182119-How-To-Re-Empty-ComboBox-when-forceSelection-is-Set-To-TRUE  overrides beforeBlur on the combbox to clear out lastSelection.  Here is a copy of the override from the thread: 1 2 3 4 5 6 7 8 9 10 11 12 13 Ext.create( 'Ext.form.field.ComboBox' , {      ...      allowBlank: true ,      forceSelection: true ,      beforeBlur: function (){          var value = this .getRawValue();          if (value == '' ){              this .lastSelection = [];          }          this .doQueryTask.cancel();         this .assertValue();      } }); Or to apply the o
3 comments
Read more