ExtjS Tutorial with examples

In Javascript you often need to use a set of tasks used again and again. To prevent you from reinventing the wheel, ExtJS was developed aimed at easing the web development. With ExtJS, you can manipulate the elements of your web page easily.

This ExtJS tutorial is intended for beginners who wish to extend their knowledge of javascript to make them more efficient.

Pre requisite

We expect that you have a working knowledge of javascript. If not, you may like to learn javascript with our popular javascript tutorial . It will create a basic understanding of the javascript and you can then learn Prototype.

jQuery - the prototype alternative

jQuery is anothe parallel and equivalent of the Prototype. If you have not started any javascript library we suggest that you take a close look at jQuery which is evolving faster the prototype. If you still need to work on an existing code that uses prototype, you have no alternative but to learn prototype. The jQuery tutorial can be found here . jQuery however, does not has native support for grid, tree, layout, menu, MVC, wysiwyg, combobox, charts etc., though there are plugins available. Dojo and YUI are other potential alternatives of the Ext JS

Is ExtJS Free ?

You must understand the licensing option of ExtJS carefully. Bascally, you get ExtJS free as long as all the codes that you write and use is made publically available. If you want your ExtJS code to stay proprietary, you will have to purchase License. If you are looking for a free lunch you will be dissappointed.

Installing ExtJS

ExtJS is simply a set of javascript functions, css files grouped together. All you need to do is include these files in your script. The file need to stay is a group of subdirectories. In the next page we will show you how to do it exactly and will develop our first ExtJS code.

Throughout this tutorial we will develop numerous examples that you can try and practice. The best way to learn is to make changes in the source code and see its effects. Fortunately we have tools to make changes in the source code online and see its effects.

Let us now move quickly to our first ExtJS code - in the next page