comparte el articulo 

Empezando con MooTools

Actualizado el 21/02/2012 < > 0 Comentarios

Resumen: En este artículo cubriremos los puntos básicos que debes comprender antes de empezar a programar con MooTools, explicaremos como descargar y adherir las funcionalidades del framework para su correcto uso dentro de nuestro sitio.

En este artículo cubriremos los puntos básicos que debes comprender antes de empezar a programar con MooTools, explicaremos como descargar y adherir las funcionalidades del framework para su correcto uso dentro de nuestro sitio. Si tienes conocimientos previos sobre el uso de frameworks esto te resultará muy familiar, si este es el primer contacto que tienes con alguna de estas estructuras entonces te servirá para comprender mejor los demás procesos de instalación.

Descargar MooTools

Descargar MooTools es bastante sencillo, básicamente es el mismo proceso que haríamos con cualquier archivo que descargamos de internet. Para ello nos dirigimos a la sección de descarga de la página oficial de MooTools, la cual es http://mootools.net/download.

En esta sección podremos observar una lista de las versiones disponibles de MooTools, al momento de redactar este artículo la versión más reciente es la 1.4.4, y podremos observar que nos da la opción de descargarlo de manera comprimida o sin compresión.

La version comprimida paso a través del programa YUI Compressor, el cual se encargo de compactarla para que ocupe el menor espacio posible en nuestro servidor, esto quiere decir que los espacios fueron suprimos y al abrir el código básicamente veremos una línea de código enorme.

La opción comprimida es recomendada para utilizarse en nuestros servidores, pero para desarrollo es mejor utilizar la versión sin compresión, de esa manera tendremos el código indentado, con espacios y funciones que podemos identificar a simple vista.

Plugins de Mootools

Una vez que hemos bajado el core, tendremos todas las funciones básicas que la librería MooTools necesita para poder realizar sus operaciones, efectos y extensiones de objetos.

Sin embargo, existen funcionalidades extras las cuales podemos añadir a nuestro framework para hacerlo trabajar de una manera más personalizada o adaptable a lo que buscamos; a estas se les da el nombre de plugins o add-ons, y las podemos obtener en la sección “More Builder” de la misma página de MooTools (http://mootools.net/more/).

En esta sección podremos observar una interfaz donde se enlistan los plugins disponibles, los cuales pueden ser seleccionados mediante una casilla y después descargados. Cada uno de los plugins que descarguemos, será un archivo separado el cual debemos adherir a nuestro código.

Diseño modular de Mootools

Como ya habíamos mencionado antes, MooTools esta diseñado para utilizar únicamente las funcionalidades que deseamos, por lo que podemos incluir nada más el JavaScript que necesitamos en la página. Parte de la base de código de MooTools es un mapa de dependencia que permite descargar lo que realmente necesitas para tu aplicación.

Si nada más necesita utilizar alguna clase, entonces simplemente debes hacer clic en la opción del archivo, como por ejemplo Fx.Tween.js, después de eso todas las dependencias para ese archivo se seleccionarán.

Añadir MooTools al código

Una vez que hemos descargado el archivo del framework y los plugins que necesitemos, es tiempo de añadirlo al código de nuestra página, para ello haremos uso de la etiqueta “script” del lenguaje HTML.

Para agregar el framework al documento basta con agregar la siguiente línea dentro de la sección “head”:

<script type="text/javascript" src="MooTools.js"></script>

Publicado el 21/02/2012, última actualización 21/02/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