MooTools for Beginners (1.2)
-
MooTools for Beginners Part 1 - the Basics
December 29, 2009This is basic tutorial to help get you started with mootools. We'll be manipulating elements, adding and removing event listeners, and playing with magic.
-
MooTools for Beginners Part 2 - Instantiating Objects and Managing State
December 30, 2009In part one we made use of `Element.tween`. A lot of the mootools classes have what I call element shortcuts that look like `$('el').tween()`, `.morph()`, `.load()` etc. Instead of using these shortcuts you can create an instance of these classes in an object and open up a lot more control.
-
MooTools for Beginners Part 3 - Effects (Fx)
January 09, 2010Most people's interest in a javascript framework lies in the animation effects. MooTools has the best. This article will not only show you the various ways to use effects, but will also talk a little about the philosophy of mootools.
-
Basic AJAX and JSON Requests Using MooTools' Request.HTML and Request.JSON
January 02, 2010Ajax and JSON requests can subtly enhance the usability of a site where the user doesn't notice the site thinking as much as all the page loads of yesteryear. After going through this tutorial you'll have a solid foundation to use this powerful feature of the web with mootools.
-
MooTools for Beginners Part 4 - Selecting and Manipulating DOM Elements
January 12, 2010Most of the time the whole point of using mootools is to manipulate an element or collection of elements. (But not always, as you'll see in Part 5.) Now that you know some basics we're going to get more in depth by learning the various ways to select dom elements to manipulate them--traversing the dom, as it were.
-
MooTools for Beginners Part 5 - Native Extensions
January 14, 2010MooTools extends a lot of JavaScript natives, like Functions, Strings, Numbers, etc. This article is going touch on a few of the non-dom things I do regularly with MooTools.
-
MooTools for Beginners Part 6 - Coding an Animated Menu With `Class`
January 19, 2010When I first started working with MooTools I was writing code that was typically a series of functions and a lot of logic inside of my `domready` code. After a while I had a nagging feeling that there was a better way to write code. There is, and it's called `Class`. If MooTools were barbeque, `Class` would be the sauce--and the sauce is the boss.
-
MooTools for Beginners Part 7 - Creating Flexible Classes Using Options, Events, and Event Management
January 27, 2010Last time we compartmentalized some code into a nice little MooTools Class called BouncyMenu that we can use anywhere. However, there are some HUGE improvements to be made. In this article we'll be talking about how to make your MooTools Class flexible by using `Implements`, `Options`, and `Events`. We'll also talk about managing events added to elements and some discussion about binding. If you still consider yourself a beginner, understanding this article should be a big deal. Once you master `Class` your javascript will never be the same.