Visit Broadbeans Inc., your one-stop education center


Broadbeans Inc.

We want to help make you succeed in the fast-paced world of technology. That is why, we, at Broadbeans Inc., are committed to providing customized courses uniquely tailored for each individual person or business. We want to be your one-stop education center. Because we understand that you would rather deal with one than many, we want to provide you courses that will help you and your business succeed. We provide both scheduled short courses for individuals and groups as well as custom courses for your company's training needs. We specialize in programming courses in software engineering essentials, object-oriented software engineering, Java, C++, UML, mobile application development, JavaScript, PHP/ MySQL, and Perl. We also conduct classes on IT Infrastructure Library ITIL v3 Foundation in Service Management, ITIL Intermediate Service Transition (ST), ITIL Intermediate Service Operation (SO), ITIL Intermediate Service Design (SD), ITIL Intermediate Operational Support & Analysis (OSA), ITIL Intermediate Release, Control & Validation (RCV), Project Management Professional (PMP), and COBIT Foundation. We also can customize a course directly for your company. And we can be there every step of the way.

 Broadbeans Inc.
 Your one-stop
 education center.

 For more info on how 
 Broadbeans Inc. can serve
 you, contact:


Introduction to JavaScript and ExtJS 

Learning Objectives

JavaScript is a lightweight programming language that runs in a web browser on the client side, and is an easy way to add dynamic function to your HTML code. This course Introduction to JavaScript and ExtJS will introduce client-side web development using JavaScript, CSS and client-side development. This course also provides extended coverage of the Ext JS framework. It includes custom component creation, creating Ext themes using CSS, and UI prototyping. The course includes intensive hands-on labs and by the end of the course, you will have built a functioning user interface with Ext JS which connects to live data feeds using JSON. The hands-on sessions will provide in-depth coverage of the Ext JS framework and UI components. This course is conducted by a Sencha Partner.  

Upon completion of this course, the participants will be able to:

* Understand how to develop dynamic web programs using JavaScript and CSS;
* Learn how to create Ext themes using CSS and UI prototyping;
* Build a functioning user interface with Ext JS;
* Design and implement common components in ExtJS;
* Setup, Maintain and Deploy JavaScript and CSS applications.

Course Topics

DAY 1:
* CSS Selectors
* Floats and CSS positioning
* CSS styling and shortcuts
* CSS specificity
* Basics Overview (variables, conditionals, operators, loops)
* Arrays and Objects
* Functions
* Closures
* setTimeout and setInterval
* this and object binding
* Dynamic function calls
* Asynchronous JavaScript and callbacks
* Error handling
Manipulating the DOM
* innerHTML
* Document fragments
Debugging and Tools
* Aptana
* Firefox
* Firebug
* Internet Explorer Developer Toolbar
* Safari Console

DAY 2:
Fundamental Classes
* Ext.Element
* Ext.CompositeElement
* Ext.DomHelper
* Ext.DomQuery
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
Containers and Layout Management
* Containers
* Layout Managers
* Creating a Request
* Using Success & Failure callbacks
* Ext.Updater

DAY 3: Package
* Connection
* Readers
* Proxies
* Records
* Stores
Custom Components
*Extend Ext JS Components to create Custom Components
Build Live Ext JS Apps Fast with Ext Designer
* Rapidly create rich Ext JS interfaces with Ext Designer
* Create and Configure Components
* Create/Configure Data Stores
* Generate Code and JSON
* Implement Business Logic and Behavior
Templates & DataView
* Template & XTemplate
* Storing Templates in Markup
* Member formatting functions
* Using Templates with a DataView
Persisting UI State
* Stateful Components
* Provider vs. Manager
* Setting a Provider
* Application Specific State Management

DAY 4:
Utility Functions
* Ext.apply and Ext.applyIf
* Function's defer and createDelegate
* Ext.util.Format
Creating & Extending Classes
* Creating a Class & Extending a Class
* Extending a Component
* Enabling Locale Support
* Supported Locales
* Globalizing your Components
Drag & Drop
Implement Custom Drag and Drop
Hands-on Experience w/ Common Components
* Viewport
* TabPanel
* GridPanel
* TreePanel
* FormPanel
Building a Theme
* Create custom themes
* Create and use sprites
* Override CSS to generate custom skins
Application Architecture
* Design or Refactor Applications
* Application Best Practices
Building Ext And Your Project
* Setup, Maintain and Deploy the JavaScript & CSS
* Generate Compressed JavaScript & CSS



Ritesh Kumar is a full-time corporate trainer with 14+ years of Professional Experience in technologies like Spring 2.x/3.x, Cocoon 2.x, Hibernate 2.1/3.x , AJAX, DOJO,Wicket, YUI, Java FX , JSF, MyFaces, RichFaces, ADF, Struts1.x/2.x, Lucene, Digester , Web Services ( JAX-RPC/WS), SOA, AXIS 1.x/2.x, Highlighting APIs, JSP, EJB 2.x/3.x, JAAS, JMS, JCA, JMX, Java and JavaScript, ExtJS etc. Expertise on Weblogic AS 6.1/8.1/10/11g including clustering. He has conducted courses for over 10,000 professionals in companies such as Accenture, HP, IBM, HSBC, Infosys, Persistent, Sapient, Siemens, Tata Infotech, Xerox, Fujitsu, Wipro, Oracle, and many more.


This course is intended for programmers, software developers & engineers and systems programmers, who want to learn client-side web development in JavaScript, CSS and ExtJS.



May 20-23, 2019 


9:30am to 5:30pm 


Seattle, WA

Closing Date:

4 weeks before the course begins 

Course Fee:



Registration fees inclusive of:

  • Course materials

  • Light refreshments

  • Certificate of Completion


Note that all participants are requested to bring their own laptop to class. 

Online Registration

Register Online or email


Payment Options

1. Online Payment (Visa / Mastercard / Amex / Paypal)

2. Check

3. Invoice to Company (for Company Sponsored Participants)

Cancellation & Refund Policy

Withdrawal or deferment notice must be made in writing to at least 4 weeks before the course begins.
In the event that the course is cancelled due to unforeseen circumstances, full refund will be given. Broadbeans Inc. reserves the right to substitute the course instructor with another of similar experience in case of extenuating conditions.


Participating Organizations

Defence Science and Technology Agency (DSTA)

Exilant Technologies Pte Ltd

ST Electronics (Info-Software Systems) Pte Ltd

Participant's Feedback

Gave introduction to JavaScript, AJAX, and ExtJS. Gain deeper knowledge on topics. - Senior Systems Specialist from ST Electronics (Info-Software Systems) Pte Ltd

The lab sessions are very useful for learning the framework and for future reference. - Engineer from Defence Science and Technology Agency (DSTA)

In very short duration I got to know many concept of ExtJS. This training will be helpful to me for the future project development. - System Analyst from Exilant Technologies Pte Ltd

The course duration was quite short but trainer tried to cover as many aspects possible, so overall quite satisfied with course. - Software Engineer from Exilant Technologies Pte Ltd

The lecturer was good and he was very much capable of explaining the doubts to the extent of making us understand through live samples. Overall it was very much useful. - Analyst Programmer from Exilant Technologies Pte Ltd

Overall it's good and interactive session. Thank you to arrange this type of training. - Engineer from Exilant Technologies Pte Ltd



For general questions or comments about the Broadbeans Inc. site, please send e-mail to

Thanks for taking the time to give us your comments.

Broadbeans Inc.