Iván RodríguezTwitter: @epplestun

http://epplestun.blogspot.com

¿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.4http://www.mootools.net

Navegadores soportados

Webs que usan MooToolsape - ajax push engine w3c cnet

bing joomla vimeo palm nintendo phpMyAdmin gamespot tv.

com ferrari formula1 jeep powerset quizlet paris envies netvibes

Estructura de MooTools

MooTools CoreCore, Native, Class, Element, Utilities, Fx, RequestMooTools MoreCore, Class, Native, Element, Form, Fx, Drag, Request, Utilities, Interface, Localization

Documentación y ejemplosDocumentación del core (núcleo)http://mootools.net/docs/coreDocumentación de plugins y mejoras del frameworkhttp://mootools.net/docs/moreDemoshttp://demos.mootools.net/

Ejemplo de uso de Classvar 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/

Ejemplo de uso de Browserif(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/

Ejemplo de uso de Elementvar 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/

Repositorio de pluginsForgeForge 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-addhttp://mootools.net/forge/plugin-guidelines

Seguimiento de erroresLighthouseLighthouse es el sistema que utiliza MooTools para localizar los errores de su desarrollo.

https://mootools.lighthouseapp.com

Probando nuestro códigojsfiddlejsfiddle 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/

Usar MooTools sin descargarloGoogle AJAX LibsMooTools 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

Lo nuevo de MooTools 1.3Slick, 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 tiposPackager, genera tu propio MooTools

Webs y libros de referenciaWebs

http://www.mootools.nethttp://www.clientcide.comhttp://mootorial.com http://davidwalsh.name

Libroshttp://www.amazon.com/MooTools-Essentials-JavaScript-Development-Firstpress/dp/1430209836