Diferencia entre revisiones de «Mootools»

(Programación orientada a objetos)
Línea 1: Línea 1:
{{Aplicación|nombre=Mootools|logo=mootools_logo.jpg|descripcion=[[Framework]] [[JavaScritps]] para Desarrollo [[Web]].|creador=The MooTools Dev Team|fecha_de_creacion=Ultima versión estable 23 de abril de 2009|sitio_web=[http://mootools.net/ http://mootools.net/]}}'''MooTools''' '''M'''y '''o'''riented '''o'''bject '''tools''' es un [[Framework]] web orientado a objetos para JavaScript, de [[código abierto]], compacto y modular. El objetivo de '''MooTools''' es aportar una manera de desarrollar [[JavaScript]] sin importar en qué navegador se ejecute de una manera elegante. MooTools aporta una [[API]] documentada más enfocada a la orientación de objetos que la implementación estándar soportada por los navegadores web.
+
{{Aplicación|nombre=Mootools|logo=mootools_logo.jpg|descripcion=[[Framework]] [[JavaScritps]] para Desarrollo [[Web]].|creador=The MooTools Dev Team|fecha_de_creacion=Ultima versión estable [[23 de abril]] de [[2009]]|sitio_web=[http://mootools.net/ Sitio Oficial]}}'''MooTools''' (My oriented object tools). Es un [[Framework]] web orientado a objetos para JavaScript, de [[Código abierto]], compacto y modular. El objetivo de MooTools es aportar una manera de desarrollar [[JavaScript]] sin importar en qué navegador se ejecute de una manera elegante. MooTools aporta una [[API]] documentada más enfocada a la orientación de objetos que la implementación estándar soportada por los navegadores web.  
  
==Ventajas==
+
== Ventajas ==
Como otras tantas bibliotecas JavaScript, MooTools aporta al usuario muchas ventajas. Alguna de ellas:
 
  
* Es un Framework modular y extendible, el desarrollador puede elegir que componentes usar y cuales no.
+
Como otras tantas bibliotecas JavaScript, MooTools aporta al usuario muchas ventajas. Alguna de ellas:
  
* MooTools es orientado a objetos y sigue los principios [[DRY]], que hacen de él un Framework rico, potente y eficiente.
+
*Es un Framework modular y extendible, el desarrollador puede elegir que componentes usar y cuales no.
  
* Componente avanzado de efectos ''Effects'', con transiciones ''Transitions'', de función parabólica, optimizadas y utilizadas por multitud de desarrolladores Flash.
+
*MooTools es orientado a objetos y sigue los principios [[DRY]], que hacen de él un Framework rico, potente y eficiente.
  
* Framework desarrollado por programadores para programadores.
+
*Componente avanzado de efectos ''Effects'', con transiciones ''Transitions'', de función parabólica, optimizadas y utilizadas por multitud de desarrolladores Flash.
  
==Componentes==
+
*Framework desarrollado por programadores para programadores.
  
MooTools incluye muchos '''components'''. A destacar es la aplicación de descarga disponible en la web de mootools que permite al usuario descargarse sólo aquellas partes de la biblioteca que tiene pensado utilizar, y sus dependencias necesarias. Además los usuarios pueden elegir el nivel de compresión de la descarga final. Algunos de las categorias de componentes son esbozadas a continuación:
+
== Componentes  ==
  
* '''Core''': colección de funciones de apoyo de las que hace uso el resto de components.
+
MooTools incluye muchos components. A destacar es la aplicación de descarga disponible en la web de mootools que permite al usuario descargarse sólo aquellas partes de la biblioteca que tiene pensado utilizar, y sus dependencias necesarias. Además los usuarios pueden elegir el nivel de compresión de la descarga final. Algunos de las categorias de componentes son esbozadas a continuación:
* '''Class''': es la biblioteca base de MooTools para la instanciación de objetos.
 
* '''Natives''': Colección de mejoras al objeto nativo [[JavaScript]], añadiendo funcionalidades, compatibilidad y nuevos métodos que simplifican el código.
 
* '''Element''': multitud de mejoras y compatibilidades al objeto [[HTML]].
 
* '''Effects''': [[API]] avanzada para animar Elements.
 
* '''Remote''': proporciona una interfaz para peticiones [[XHR]], [[Cookie]] y herramientas para [[JSON]].
 
* '''Window''': Proporciona una interfaz, válida para cualquier navegador, para obtener información del cliente, por ejemplo el tamaño de la ventana.
 
  
==Compatibilidad entre navegadores==
+
*'''Core''': colección de funciones de apoyo de las que hace uso el resto de components.
 +
*'''Class''': es la biblioteca base de MooTools para la instanciación de objetos.
 +
*'''Natives''': Colección de mejoras al objeto nativo [[JavaScript]], añadiendo funcionalidades, compatibilidad y nuevos métodos que simplifican el código.
 +
*'''Element''': multitud de mejoras y compatibilidades al objeto [[HTML]].
 +
*'''Effects''': [[API]] avanzada para animar Elements.
 +
*'''Remote''': proporciona una interfaz para peticiones [[XHR]], [[Cookie]] y herramientas para [[JSON]].
 +
*'''Window''': Proporciona una interfaz, válida para cualquier navegador, para obtener información del cliente, por ejemplo el tamaño de la ventana.
  
MooTools es compatible y está testado con:
+
== Compatibilidad entre navegadores  ==
  
* [[Safari]] 2 y 3
+
MooTools es compatible y está testado con:
* [[Internet Explorer]] 6, 7 y 8
 
* [[Mozilla Firefox]] 1.5+, 2.0+, y 3.0+
 
* [[Opera]] 9.0+
 
* [[Camino]] 1.5+
 
* [[Google Chrome]]
 
  
== Programación orientada a objetos ==
+
*[[Safari]] 2 y 3
MooTools contiene un robusto sistema de creación y herencia de clases que se asemeja al de los lenguajes de programación orientados a objetos. Por ejemplo, aquí tenemos el equivalente en MooTool al ejemplo de polimorfismo en un lenguaje orientado a objetos:
+
*[[Internet Explorer]] 6, 7 y 8
 +
*[[Mozilla Firefox]] 1.5+, 2.0+, y 3.0+
 +
*[[Opera]] 9.0+
 +
*[[Camino]] 1.5+
 +
*[[Google Chrome]]
  
  var Animal = new Class({
+
== Programación orientada a objetos ==
 +
 
 +
MooTools contiene un robusto sistema de creación y herencia de clases que se asemeja al de los lenguajes de programación orientados a objetos. Por ejemplo, aquí tenemos el equivalente en MooTool al ejemplo de polimorfismo en un lenguaje orientado a objetos:
 +
 
 +
source lang="javascript">
 +
 
 +
var Animal = new Class({
 +
   
 +
initialize: function(name){
 +
this.name = name;
 +
}
 +
   
 +
});
 
   
 
   
     initialize: function(name){
+
var Cat = new Class({
        this.name = name;
+
      
     }
+
Extends: Animal,
 +
   
 +
talk: function(){
 +
return 'Meow!';
 +
}
 +
      
 +
});
 
   
 
   
});
+
var Dog = new Class({
 +
   
 +
Extends: Animal,
 +
   
 +
talk: function(){
 +
return 'Arf! Arf';
 +
}
 +
   
 +
});
 
   
 
   
var Cat = new Class({
+
var Animals = {
 +
a: new Cat('Missy'),
 +
b: new Cat('Mr. Bojangles'),
 +
c: new Dog('Lassie')
 +
};
 
   
 
   
    Extends: Animal,
+
for(var animal in Animals) alert(animal.name + ': ' + animal.talk());
 
   
 
   
    talk: function(){
+
// alerts the following:
        return 'Meow!';
+
//
    }
+
// Missy: Meow!
+
// Mr. Bojangles: Meow!
});
+
// Lassie: Arf! Arf!
+
 
var Dog = new Class({
+
== Véase también ==
 
    Extends: Animal,
 
 
    talk: function(){
 
        return 'Arf! Arf';
 
    }
 
   
 
});
 
 
var Animals = {
 
    a: new Cat('Missy'),
 
    b: new Cat('Mr. Bojangles'),
 
    c: new Dog('Lassie')
 
};
 
 
for(var animal in Animals) alert(animal.name + ': ' + animal.talk());
 
  
==Véase también==
+
*[[Framework]]  
*[[Framework]]
+
*[[Django]] Framework para Desarrollo Web.  
*[[Django]] Framework para Desarrollo Web.
+
*[[Dojo]] Framework JavaScript.  
*[[Dojo]] Framework JavaScript.
+
*[[Prototype]] Framework JavaScript.  
*[[Prototype]] Framework JavaScript.
 
 
*[[JQuery]] Framework JavaScript
 
*[[JQuery]] Framework JavaScript
  
 +
== Enlaces externos  ==
  
==Enlaces externos==
+
*[http://www.mootools.net/ Mootools.net]  
 
+
*[http://clientside.cnet.com/wiki/mootorial/ Tutorial de MooTools]  
* [http://www.mootools.net/ mootools.net]
+
*[http://tutorialdog.com/javascript-image-gallery-using-mootools-part-2/ Tutorial de galería de imágenes con MooTools]  
* [http://clientside.cnet.com/wiki/mootorial/ Tutorial de MooTools]
+
*[http://www.phatfusion.net/ Ejemplos de Mootools]  
* [http://tutorialdog.com/javascript-image-gallery-using-mootools-part-2/ Tutorial de galería de imágenes con MooTools]
+
*[http://www.urbaneblinds.co.uk/ Mootools in Action]  
* [http://www.phatfusion.net/ Ejemplos de Mootools]
+
*[http://www.esteak.net/ Plugins de MooTools gratuitos]
* [http://www.urbaneblinds.co.uk/ Mootools in Action]
 
* [http://www.esteak.net/ Plugins de MooTools gratuitos]
 
 
 
  
 
[[Category:Programación]] [[Category:Desarrollo_web]]
 
[[Category:Programación]] [[Category:Desarrollo_web]]

Revisión del 08:08 22 mar 2010

Mootools
Información sobre la plantilla
CreadorThe MooTools Dev Team

MooTools (My oriented object tools). Es un Framework web orientado a objetos para JavaScript, de Código abierto, compacto y modular. El objetivo de MooTools es aportar una manera de desarrollar JavaScript sin importar en qué navegador se ejecute de una manera elegante. MooTools aporta una API documentada más enfocada a la orientación de objetos que la implementación estándar soportada por los navegadores web.

Ventajas

Como otras tantas bibliotecas JavaScript, MooTools aporta al usuario muchas ventajas. Alguna de ellas:

  • Es un Framework modular y extendible, el desarrollador puede elegir que componentes usar y cuales no.
  • MooTools es orientado a objetos y sigue los principios DRY, que hacen de él un Framework rico, potente y eficiente.
  • Componente avanzado de efectos Effects, con transiciones Transitions, de función parabólica, optimizadas y utilizadas por multitud de desarrolladores Flash.
  • Framework desarrollado por programadores para programadores.

Componentes

MooTools incluye muchos components. A destacar es la aplicación de descarga disponible en la web de mootools que permite al usuario descargarse sólo aquellas partes de la biblioteca que tiene pensado utilizar, y sus dependencias necesarias. Además los usuarios pueden elegir el nivel de compresión de la descarga final. Algunos de las categorias de componentes son esbozadas a continuación:

  • Core: colección de funciones de apoyo de las que hace uso el resto de components.
  • Class: es la biblioteca base de MooTools para la instanciación de objetos.
  • Natives: Colección de mejoras al objeto nativo JavaScript, añadiendo funcionalidades, compatibilidad y nuevos métodos que simplifican el código.
  • Element: multitud de mejoras y compatibilidades al objeto HTML.
  • Effects: API avanzada para animar Elements.
  • Remote: proporciona una interfaz para peticiones XHR, Cookie y herramientas para JSON.
  • Window: Proporciona una interfaz, válida para cualquier navegador, para obtener información del cliente, por ejemplo el tamaño de la ventana.

Compatibilidad entre navegadores

MooTools es compatible y está testado con:

Programación orientada a objetos

MooTools contiene un robusto sistema de creación y herencia de clases que se asemeja al de los lenguajes de programación orientados a objetos. Por ejemplo, aquí tenemos el equivalente en MooTool al ejemplo de polimorfismo en un lenguaje orientado a objetos:

source lang="javascript">

var Animal = new Class({

initialize: function(name){ this.name = name; }

});

var Cat = new Class({

Extends: Animal,

talk: function(){ return 'Meow!'; }

});

var Dog = new Class({

Extends: Animal,

talk: function(){ return 'Arf! Arf'; }

});

var Animals = { a: new Cat('Missy'), b: new Cat('Mr. Bojangles'), c: new Dog('Lassie') };

for(var animal in Animals) alert(animal.name + ': ' + animal.talk());

// alerts the following: // // Missy: Meow! // Mr. Bojangles: Meow! // Lassie: Arf! Arf!

Véase también

Enlaces externos