Getting Started with the Moo!

We're glad you want to learn Mootools! :D

Mootools is a lightweight javascript framework. Mootools offers enhanced functionality and richer tools for writing Javascript, taking what may have been a painful experience with Javascript and presents you with a better experience. By adding Mootools to your applications, you are able to write faster and write better applications then you could otherwise.

Mootools, at it's lowest level re-creates psudeo-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 make effects such as resizing, fading, moving, dragging, and more.

There is also much more in the additional plugins you can add, and even make if you'd like.

Mootools also allows developers to use extensive DOM tools to allow you select unique elements from the document, create new elements and alter them. There are also many shortcut methods that make DOM coding a breeze.

With Mootools, you are able to write far more rich client side applications.

So What Does it Mean to Me?

A lot! Using the power of Mootools, you can add allot to your application. But don't worry if you don't understand everything from above. We'll be going over much of what was above and a lot more too.

Mootools offers many things to people just coming into Javascript for the first time too, here is a little list! (Provided you at least know Javascript and what these things are.)

Of course, there is plenty of stuff for those who are coming to the framework, from somewhere like Prototype or Dojo, even someone who has used Javascript for a long time too. There are many advanced features of Mootools, and it's Objected Oriented style is one of them. You can make your own Classes and Objects for your own code and even share them among the world!

So What do I need to Know before I Start?

If you know Javascript already, then you're set to go! If you don't know Javascript, you should learn about it first.

Download Mootools!

Downloading Mootools is really easy. Let me explain the Download Page first before you go there. When you first go there, you'll see a long list of components that you can add to your download. You can add as few or as many as you'd like. Just simply select the component you'd like, and then when you scroll all the way down and hit download, you'll get that included in your file.

Wait! Don't download it yet, there is more. For the purpose of learning Mootools and debugging, while developing your application too, you should use the Uncompressed version of Mootools. When you have selected all of the components you want in your download, also click on Choose compression type. This will drop down a menu, where you should pick No Compression. That will give you the full source code of Mootools.

Tip: For testing and learning, you'll probably want download all of Mootools. Rather then selecting every thing by hand, if you have downloaded Firebug, open it and type Download.all() in it's command line. Then hit download. :D If you don't have Firebug, you can also enter javascript:Download.all() into your address bar to do the same thing.

Getting it to run

Here is a little skeleton HTML file you could make.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="path/to/mootools.js"></script>
             <script type="text/javascript">
               //Your Code Here
             </script>
</head>
<body>
</body>
</html>

Just set the path to the Mootools.js you downloaded, and you'll be set.

Next Page: The Plan