comparte el articulo 

Librerías de MooTools

Actualizado el 01/03/2012 < > 0 Comentarios

Resumen: En este artículo enlistamos las principales liberías de MooTools, así como algunos de sus Plug-ins más utilizados.

Como ya hemos mencionado en otros artículos del manual de Mootools, MooTools tiene la característica de ser un framework javascript modular, por lo que esta dividido en numerosos archivos. Esto permite implementar funciones especificas de manera más sencilla, ya que solo necesitamos descargar las partes que realmente necesitamos para hacer funcionar nuestra página.

Esto quiere decir que la funcionalidad de MooTools ha sido divida, por ejemplo el archivo Core/Core.js es utilizado para que MooTools funcione en un sitio, y este incluye varios métodos que hacen llamadas a otras funcionalidades las cuales son incluidas como objetos nativos, pero cada una cuenta con su propio archivo de script el cual contiene la funcionalidad completa.

Las librerías con las que cuenta MooTools pueden ser englobadas en dos categorías, el Core y los plug-ins.

MooTools Core

Al momento que descargamos la principal librería de MooTools (Core) obtendremos una serie de archivos los cuales explicaremos a continuación.

Core/Core.js, es el archivo principal de la librería, se encarga de definir la clase “Native” y diversas funcionalidades auxiliares, así mismo define la funcionalidad base para los objetos nativos “Hash” y “Array”. MooTools utiliza todos los métodos definidos en este script, y tú lo utilizarás cada vez que hagas una instancia de la clase nativa.

Core/Browser.js, se encarga de definir el hash “Browser” e identifica varias propiedades del cliente que esta utilizando la librería, también se encarga de definir los objetos nativos “Window” y “Document”. Si deseas incluir condiciones basadas en el cliente, esta es la librería que debes utilizar.

Class/Class.js, define los métodos y propiedades de “Class”, y lo utilizaras cada vez que instancies una clase o la crees.

Element/Element.js, se encarga de extender al objeto nativo “Element” para proveer métodos de selección e inicialización. Dentro de este directorio encontraremos otras librerías como Element.Dimensions.js que es utilizada para trabajar con tamaños y posiciones de elementos en el documento, Event.js que se encarga de manejar los eventos como click, mouseover, mouseleave, load, etc., también encontramos Style.js que sirve para dar estilo a un elemento.

Fx/Fx,js, utilizado para definir la funcionalidad de efectos, aunque es probable que no lo utilices directamente, es solo necesario si alguna vez deseas codificar tu propio efecto.

Native/Array.js, se encarga de agregar funcionalidad al objeto nativo “Array”, dándonos muchos métodos que nos facilitarán el manejo de estructuras. Por su parte Native/Event.js, extiende la funcionalidad del objeto “Event” permitiendo estabilidad al desplegar la página en diferentes navegadores.

Native/Function.js, utilizado para interactuar con el objeto “Function”, permitiendo una mejor organización y el uso de programación funcional. Native/Hash.js, extiende el archivo nativo de “Object” permitiendo a MooTools proveer un clase con varias propiedades y métodos que no afectan directamente al nativo.

Request/Request.js, define la clase “Request” la cual actúa como un wrapper de XMLHttpRequest, lo que permite realizar llamadas y peticiones Ajax sin necesidad de tanto código. Request.HTML.js y Request.JSON.js son complementos que permiten manejar los datos de diferente forma, ya sea actualizando el DOM o convirtiéndola a un objeto JSON.

Selectors/Selectors.js, este archivo nos va a permitir utilizar expresiones y selectores CSS para seleccionar elementos del DOM. Funciona en complemento con el archivo Element.js, el cual incluye la función “$$” para obtener objetos del DOM. Si se incluye el archivo Selectors.js, se puede utilizar cualquier expresion CSS para seleccionar elementos.

Utilities/Cookie.js utilizado para leer, escribir o remover cookies, Utilities/DomReady.js utilizado para definir el evento domready, es decir el evento para identificar cuando la página esta completamente cargada. También en la carpeta utilities tenemos el archivo JSON.js utilizado para encodificar o decodificar un objeto JSON.

MooTools Plugins

Existen ciertos plugins para MooTools los cuales se pueden descargar desde la sección “More” en la página, entre los principales podemos encontrar a los siguientes.

Drag/Drag.Move.js, permite agregar la funcionalidad de arrastrar elementos del DOM y soltarlos en contenedores.

Interface/Accordion.js, es una clase UI que permite agregar el efecto de acordeón, es decir que al momento de dar clic sobre un elemento se despliegue un contenido que estaba oculto. Interface/Slider.js, es otro plugin para UI que permite crear cortinillas para mostrar contenido.

Utilities/Hash.Cookie.js, si estamos utilizando mapas de atributos o valores y los necesitamos guardar en una cookie este plugin nos permite automatizar el proceso, ya que nos provee métodos para actualizar la cookie de manera automática.

Publicado el 01/03/2012, última actualización 01/03/2012.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras