Learning Ext JS

More Information
  • Create responsive forms
  • Look at Web Applications from an entirely new perspective
  • Learn to use the major UI components available in Ext JS
  • Understand how external data can be consumed by Ext JS
  • Query and process remote data into your application
  • Use Layouts to bring all of the Ext JS pieces together
  • Use Ext JS effects to manipulate the DOM in exciting ways
  • Provide a consistent look and feel to your application using Components
  • Change the visual style of Ext JS using theming support
  • Find Custom Community Extensions to expand your applications
  • Create your own custom library extensions

1. Getting Started
Setup Ext JS to be used on your page and troubleshoot common installation problems.

2. The Staples of Ext
Explore some of the foundational components and configuration of Ext JS.

3. Forms
Create complex forms, database-driven combo boxes, and populate form fields with data.

4. Buttons, Menus, and Toolbars
Use toolbars to create compact complex navigation for your web application.

5. Grids—Making Data Intuitive
Render database-driven grids that include paging, complex rendering, and user interaction.

6. Editor Grid
Go past the standard grid, and set up an editor grid that edits data in line.

7. In an AJAX World, You Need a Good Layout
Create a layout that provides a very flexible and attractive user interface.

8. Ext JS Does Grow on Trees
Demonstrating how to display and manipulate hierarchical data.

9. Windows and Dialogs
Focusing on displaying information in pop-up containers.

10. Effects
Add spice to your applications with compelling visual effects.

11. Drag and Drop
Learn how to move and rearrange elements within your application.

12. It's All About the Data
An introduction into the various types of data Stores, the kinds of data they can consume, how that data is defined, and how to get it.

13. Code for Reuse: Extending Ext JS
An introduction to creating custom application components by extending existing components of the framework

14. The Power of Ext JS: What Else Can You Do?
A look at many of the utility classes of the library, including formatting and state management, as well as Community Components and resources.


As more and more of our work is done through a web browser, and more businesses build web rather than desktop applications, users want web applications that look and feel like desktop applications. Ext JS is a JavaScript library that makes it (relatively) easy to create desktop-style user interfaces in a web application, including multiple windows, toolbars, drop-down menus, dialog boxes, and much more. Both Commercial and Open Source licenses are available for Ext JS.

Ext JS has the unique advantage of being the only client-side UI library that also works as an application development library. Learning Ext JS will help you create rich, dynamic, and AJAX-enabled web applications that look good and perform beyond the expectations of your users.

From the building blocks of the application layout, to complex dynamic Grids and Forms, this book will guide you through the basics of using Ext JS, giving you the knowledge required to create rich user experiences beyond typical web interfaces. It will also provide you with the tools you need to use AJAX, by consuming server-side data directly into the many interfaces of the Ext JS component library.

  • Learn to build consistent, attractive web interfaces with the framework components.
  • Integrate your existing data and web services with Ext JS data support.
  • Enhance your JavaScript skills by using Ext's DOM and AJAX helpers.
  • Extend Ext JS through custom components.
Page Count 324
Course Length 9 hours 43 minutes
ISBN 9781847195142
Date Of Publication 28 Nov 2008


Colin Ramsay

Colin Ramsay is a software developer and writer with 15 years of coding experience. From .NET to Ruby, JavaScript, and CSS, he has worked with a range of technologies and local and international clients. His company, Go Tripod Ltd., is based in Cornwall, UK. This company works with multinational clients to implement exciting JavaScript products and ideas. He has coauthored Learning Ext JS and Learning Ext JS 3.2, both by Packt Publishing. Colin also writes on various topics on his personal blog at http://colinramsay.co.uk/.

His main hobby is to make mischief.

Shea Frederick

Shea Frederick began his career in web development before the term 'Web Application' was commonplace. By the late 1990s, he was developing web applications for Tower Records that combined the call center interface with inventory and fulfillment. Since then, Shea has worked as a developer for several companies—building and implementing various commerce solutions, content management systems, and lead tracking programs.

Integrating new technologies to make a better application has been a driving point for Shea's work. He strives to use open source libraries as they are often the launching pad for the most creative technological advances. After stumbling upon a young user interface library called YUI-ext several years ago, Shea contributed to its growth by writing documentation, tutorials, and example code. He has remained an active community member for the modern YUI-ext library—Ext JS. Shea's expertise is drawn from community forum participation, work with the core development team, and his own experience as the architect of several large, Ext JS-based web applications. He currently lives in Baltimore, Maryland with his wife and two dogs and spends time skiing, biking, and watching the Steelers.

Shea is the primary author of the first book published on Ext JS, a book which helps to ease beginners into the Ext JS library. He is also a core developer on the Ext JS project along with writing columns for JSMag and running the local Baltimore/DC JavaScript Meetup. His ramblings can be found on his blog, http://www.vinylfox.com and open source code contributions on Github at http://www.github.com/VinylFox/.

Steve 'Cutter' Blades

Cutter is the Senior Web Developer for Dealerskins, a Nashville, Tennessee based hosting provider that develops websites for the Automobile Dealership market. Cutter began his web career when he began learning HTML 1 while in the US Army and stationed with the National Security Agency. Cutter got into application development as a Corporate Support Specialist for a regional ISP, just prior to becoming the IT Director of Seacrets, a large resort destination on the Eastern Shore of Maryland. Cutter has extensive experience as a server- and client-side developer, with a popular blog dedicated to ColdFusion, Ext JS, and other web development technologies.