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 apli...
Navegadores soportados
Webs que usan MooTools
       ape - ajax push engine w3c cnet
bing joomla vimeo palm nintendo phpMyAdmi
                n ...
Estructura de MooTools
  MooTools Core
  Core, Native, Class, Element,
  Utilities, Fx, Request
  MooTools More
  Core, Cl...
Documentación y ejemplos
  Documentación del core
  (núcleo)
  http://mootools.net/docs/core
  Documentación de plugins
  ...
Ejemplo de uso de Class
var Animal = new Class({
  initialize: function(age) {
     this.age = age;
  }
});
var Cat = new ...
Ejemplo de uso de Browser
if(Browser.Platform.mac) {
   alert('The user uses Mac');
}

if(Browser.Platform.win) {
   alert...
Ejemplo de uso de Element
var link = new Element('a', {
    'href' : 'http://www.biko2.com',
    'text' : 'Biko2'
}).addCl...
Repositorio de plugins
  Forge
  Forge es el repositorio oficial de plugins de MooTools y
  está estrechamente integrado c...
Seguimiento de errores
  Lighthouse
  Lighthouse es el sistema que utiliza MooTools para
  localizar los errores de su des...
Probando nuestro código
  jsfiddle
  jsfiddle es una página que nos permite probar y compartir
  nuestro código sin necesi...
Usar MooTools sin descargarlo
  Google AJAX Libs
  MooTools está incluida en las librerías Ajax de Google, por
  lo que se...
Lo nuevo de MooTools 1.3
  Slick, nuevo motor de selectores CSS (puro JavaScript).
  Posibilidad de hacer:
  new Element("...
Webs y libros de referencia
  Webs
     http://www.mootools.net
     http://www.clientcide.com
     http://mootorial.com
 ...
Upcoming SlideShare
Loading in …5
×

Cadius que es_moo_tools_

1,501 views
1,431 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,501
On SlideShare
0
From Embeds
0
Number of Embeds
431
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×