Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cadius que es_moo_tools_

1,589 views

Published on

  • Be the first to comment

  • Be the first to like this

Cadius que es_moo_tools_

  1. 1. Iván Rodríguez Twitter: @epplestun http://epplestun.blogspot.com
  2. 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. 3. Navegadores soportados
  4. 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. 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. 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. 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. 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. 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. 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. 11. Seguimiento de errores Lighthouse Lighthouse es el sistema que utiliza MooTools para localizar los errores de su desarrollo. https://mootools.lighthouseapp.com
  12. 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. 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. 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. 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

×