1. Iván Rodríguez
Twitter: @epplestun
http://epplestun.blogspot.com

2. ¿Qué es MooTools?
MooTools es un framework JavaScript compacto, modular
y orientado a objetos.
Permite escribir aplicaciones potentes, flexibles, ”cross-
browser” y elegantes facilmente.
Versión estable actual: 1.2.4
http://www.mootools.net

3. Navegadores soportados

4. Webs que usan MooTools
ape - ajax push engine w3c cnet
bing joomla vimeo palm nintendo phpMyAdmi
n gamespot tv.
com ferrari formula1 jeep powerset quizlet p
aris envies netvibes

5. Estructura de MooTools
MooTools Core
Core, Native, Class, Element,
Utilities, Fx, Request
MooTools More
Core, Class, Native, Element,
Form, Fx, Drag, Request,
Utilities, Interface,
Localization

6. Documentación y ejemplos
Documentación del core
(núcleo)
http://mootools.net/docs/core
Documentación de plugins
y mejoras del framework
http://mootools.net/docs/more
Demos
http://demos.mootools.net/

7. Ejemplo de uso de Class
var Animal = new Class({
initialize: function(age) {
this.age = age;
}
});
var Cat = new Class({
Extends: Animal,
initialize: function(name, age) {
this.parent(age); //will call initalize of Animal
this.name = name;
}
});
var myCat = new Cat('Micia', 20);
alert(myCat.name); //Alerts 'Micia'.
alert(myCat.age); //Alerts 20.
http://jsfiddle.net/SWRHN/

8. Ejemplo de uso de Browser
if(Browser.Platform.mac) {
alert('The user uses Mac');
}
if(Browser.Platform.win) {
alert('The user uses Windows');
}
if(Browser.Platform.linux) {
alert('The user uses Linux');
}
alert(Browser.Platform.name);
http://jsfiddle.net/3yYt7/

9. Ejemplo de uso de Element
var link = new Element('a', {
'href' : 'http://www.biko2.com',
'text' : 'Biko2'
}).addClass('link').addEvent('click', function(e) {
e.stop();
window.open(this.href);
});
document.id(document.body).adopt(link);
http://jsfiddle.net/KfE58/

10. Repositorio de plugins
Forge
Forge es el repositorio oficial de plugins de MooTools y
está estrechamente integrado con GitHub.
http://mootools.net/forge/
Guía para publicar un plugin
http://mootools.net/forge/how-to-add
http://mootools.net/forge/plugin-guidelines

11. Seguimiento de errores
Lighthouse
Lighthouse es el sistema que utiliza MooTools para
localizar los errores de su desarrollo.
https://mootools.lighthouseapp.com

12. Probando nuestro código
jsfiddle
jsfiddle es una página que nos permite probar y compartir
nuestro código sin necesidad de descargar las librerías de
MooTools.
http://jsfiddle.net/

13. Usar MooTools sin descargarlo
Google AJAX Libs
MooTools está incluida en las librerías Ajax de Google, por
lo que se puede cargar desde sus servidores.
http://code.google.com/apis/ajaxlibs/documentation/index.
html#mootools

14. Lo nuevo de MooTools 1.3
Slick, nuevo motor de selectores CSS (puro JavaScript).
Posibilidad de hacer:
new Element("input#someID.someClass1.someClass2[disabled=true]");
En lugar de:
new Element("input", {"id": "someID", "class": "someClass1 someClass2", "disabled":
true});
Adios a las funciones globales $chk, $pick ...
Cambio en el manejo de tipos y método from añadido a
todos los tipos
Packager, genera tu propio MooTools

15. Webs y libros de referencia
Webs
http://www.mootools.net
http://www.clientcide.com
http://mootorial.com
http://davidwalsh.name
Libros
http://www.amazon.com/MooTools-Essentials-
JavaScript-Development-Firstpress/dp/1430209836