Qué es Mootools, un framework Javascript para construir aplicaciones web dinámicas y compatibles con cualquier navegador. Introducción a Mootools.

Podemos descargar Mootools desde la propia página del framework. Debemos elegir los módulos con los que queremos trabajar y la compresión del archivo.

Un primer ejemplo de página web que utiliza Mootools para hacer un efecto sencillo que nos permita conocer el framework sin ningún conocimiento previo del sistema.

Vamos a otro ejemplo sencillo con Mootools para crear un scroll en una capa de la página.

Diversos desarrolladores ofrecen componentes realizados con Mootools para utilizar en páginas web.

El evento domready de Mootools lo podemos asociar al objeto window, para hacer cosas cuando el DOM está listo (Dom Ready).

Comenzamos la descripción del framework mootools comentando el core, librería de funciones que forman parte del núcleo de mootools.

Continuan las explicaciones de la librería core de Mootools, que forma el núcleo del framework.

Descripción y explicaciones sobre las clases en Mootools. Cómo crear clases de programación orientada a objetos con el Framework Mootools.

Ahora veamos la creación de objetos a partir de clases de Mootools y la utilización de esos objetos para acceder a sus propiedades e invocar sus métodos.

Qué es un constructor y como se crear constructores a las clases de Mootools. Seguimos explicando acerca del trabajo con clases en Mootools.

Vamos a ver como realizar herencia de clases (programación orientada a objetos) en Mootools. Cómo extender clases, utilizando Extends.

Con la función $extend() del core de Mootools, podemos extender unos objetos con las propiedades y métodos de otros objetos. También mostramos cómo crear clases a partir de extender otras clases con objetos.

Con implement podemos implementar nuevas características y funcionalidades en las clases de Mootools, modificando la propia clase en vez de creando nuevas clases.

Veamos la función $merge(), del core de Mootools, que sirve para combinar varios objetos origen en uno solo, destino, sin alterar los objetos origen.

El módulo Element de Mootools es uno de los más importantes, que nos permite acceder a cualquier elemento de la página y alterar sus propiedades. Empezamos conociendo el método de Window $().

Seguimos viendo el módulo Element de Mootools, ahora explicando la función $$(), que sirve para obtener un grupo de elementos de la página.

Explicaciones sobre la clase Element de Mootools y el constructor de Element, para hacer nuevos elementos en la página.

Cómo construir elementos e inyectarlos en la página con Mootools. Construimos elementos con el constructor de Element y los insertamos en la página con el método inject.

Utilizamos la función getElement() de Mootools para seleccionar un elemento de la página web, que luego podremos alterar para cambiar sus propiedades con otros métodos de Element.

El método getElements() de la clase Element de Mootools permite seleccionar todos los elementos de un tipo o etiqueta.

Para continuar con la clase Element de Mootools, ofrecemos explicaciones y ejemplos sobre los métodos getProperty() y setProperty(), addClass() y removeClass().

Continuamos ofreciendo explicaciones sobre métodos de la clase Element de Mootols: empty(), destroy() y clone().

Primeras nociones para trabajo con eventos en elementos Mootools, vemos el método addEvent de la clase Element.

El método bind() de funciones Mootools sirve para cambiar el ámbito de la variable this al invocar una función. Eventos Mootools se utiliza mucho, veremos por qué.

Continuamos viendo la clase Element.Event de Mootools, que contiene un método llamado fireEvent que sirve para lanzar eventos de cualquier elemento de la página.

Un ejemplo se uso de Mootools para recopilar y afianzar los conocimientos vistos hasta ahora en el manual de Mootools. Vamos a crear un textarea que cuenta los caracteres que se han escrito por el usuario.

Características extendidas de los Arrays con Mootools, con diversas funciones y métodos para realizar cosas sobre tablas.

Diversos métodos que se pueden aplicar sobre una función, para extender y mejorar las posibilidades de trabajo con funciones en Mootools.

Number es una librería de Mootools para trabajo con números, que aporta pocas pero útiles funcionalidades como redondeos, acotaciones y conversiones de formatos.

Funcionalidades que añade Mootools a la clase String, nativa de Javascript, para trabajo con cadenas de caracteres.

Hash de Mootools nos ofrece funcionalidades muy útiles para acceso a propiedades y métodos de objetos, para analizar objetos y recorrer todas sus propiedades o iterar con sus elementos.

Una clase que nos ayuda a realizar tareas avanzadas con eventos en Mootools. Explicaremos la clase Native Event, cómo utilizarla y cómo parar la ejecución y propagación de eventos.

Veamos cómo definir eventos de teclado, que se desatan cuando el usuario presiona las teclas del teclado, utilizando el framework Javascript Mootols.

Comenzamos a estudiar los efectos que se pueden hacer con Mootools con la clase Fx y varias otras que heredan de ella.

Aprendemos a utilizar el método fade() de la clase Element de Mootools, que sirve para hacer efectos de fundido con transparencia.

Un efecto con Mootools para hacer una iluminación o resaltado de un elemento que se quiera destacar con respuesta a las acciones del usuario.

Explicamos el método tween de Mootools, que sirve para hacer una transición sencilla entre dos valores de un atributo CSS.

La clase FX.Tween sirve para hacer efectos totalmente personalizables en Mootools, con una propiedad CSS, desde un valor a otro.

Cómo definir eventos sobre efectos con Mootools y la clase Fx, para realizar cosas cuando se inicie el efecto o se termine.

Encadenando funciones y efectos Mootools por medio de la clase Chain, para una ejecución secuencial, uno a uno.

Ahora veremos cómo encadenar diferentes efectos Mootools con la clase Fx que implementa Chain.

La clase Options de Mootools provee de un mecanismo sencillo para que nuestras clases tengan opciones de configuración a los que se puede dar valores por defecto.

El método window.getSize de Mootools, para obtener tamaños de área del navegador y scroll de página. Dependiendo de la declaración Doctype funcionará bien o no en Internet Explorer.

Bases para aprender a trabajar con Ajax utilizando el framework Javascript Mootools y la clase Request.

Explicación del proceso de creación de una conexión Ajax con Mootools y un par de ejemplos sencillos de utilización de la clase Request.

De una manera sencilla, en las llamadas Ajax con Mootools, podemos enviar datos tanto por método POST como GET a la página que solicitamos.

Vídeo en el que mostraremos dos ejemplos muy sencillos de Ajax con el framework Javascript Mootools.

Cómo enviar un formulario con Ajax y mostrar los resultados en la propia página sin recargarla, con Mootools.