MooTools at its core re-creates pseudo-classical inheritance with Classes that allow for extensible and reusable behaviors. Additionally, it provides its own set of classes to allow you to quickly and easily describe effects such as resizing, fading, moving, dragging, and more (ajax, json, etc). The code to make something transition from one state to another (fading, moving, resizing, etc.) is very succinct and MooTools does the rest.
MooTools also provides extensive DOM tools to allow you to select elements from the document, create new elements, and alter them. There are also shortcut helper functions (like $, $type, $chk, $random, etc.) that help you with common tasks.
These levels of abstraction enable you to write far richer clientside applications.
- w3schools js docs and tutorials - a good place to learn how to use various native functions.
Downloading MooTools is pretty easy. You just go to the download page and select which portions of the library you want to download.
I recommend downloading the version that is not compressed and contains the docs for learning and development. This way if you get an error you can view the source and see what's going on. The compressed version is all on a single line and debugging when using it is very frustrating. When you're finished writing your code, download the compressed version, or compress it yourself with http://developer.yahoo.com/yui/compressor/.
I prefer to have my code in an external file, but where you put it is up to you.
That's where this Mootorial can help you. If you read these pages (I recommend reading them in order) you should learn how each function and class in MooTools works. Refer to the docs for reference and don't be afraid to look at the source code of MooTools to see how it works.
mootorial/00-whatisit.txt · Last modified: 2012/04/18 17:44 by livewire