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
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
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