====== Mootools Beginner's Example ======

Throughout my [[mootorial|Mootools Tutorial]] I show you code snippets that you can run, but these don't do a great job of illustrating how you put all these things together. So here's a stand-alone html document that shows you how I might write a page. It includes "implementation code" - code that just sets up a page - and two [[mootorial:01-core|Classes]]. It also includes examples of the [[mootorial:08-plugins#accordion.js|Accordion ]]class and a [[mootorial:05-effects#fx.slide.js|Fx.Slide]] menu.

The whole point of this page is so you can see what it's like to write a page of your own. So I've included two versions of this example. One is full of line-by-line comments and the other one has almost no comments so you can see how clean and tidy Mootools lets you be. The tidy version is the result you want in your own code, though [[http://naturaldocs.org|good documentation]] is also something that's important.

  * [[http://clientside.cnet.com/wiki/beginnersguide.html|The commented beginner's example]]
  * [[http://clientside.cnet.com/wiki/beginnersguide.tidy.html|The "tidy" beginner's example]]

View source FTW!