Cadius que es_moo_tools_

Iván Rodríguez Twitter: @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.4 http://www.mootools.net

Navegadores soportados

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

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

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/

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/

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/

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/

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

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

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/

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

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

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

http://epplestun.blogspot.com	224
http://www.slideshare.net	15
https://jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com	12
http://epplestun.blogspot.com.es	10
http://epplestun.blogspot.mx	3
http://epplestun.blogspot.com.ar	2
http://translate.googleusercontent.com	1

Cadius que es_moo_tools_

by epplestun on May 31, 2010

Accessibility

Upload Details

Usage Rights

7 Embeds 267

Statistics

Cadius que es_moo_tools_ — Presentation Transcript