Manual Jquery Ui

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Manual de jQueryUI
Manual que explica cómo utilizar jQueryUI, una librería Javascript para la creación de
interfaces de usuario enriquecias del lado del cliente, basado en jQuery.

Autores del manual
Este manual ha sido realizado por los siguientes colaboradores de DesarrolloWeb.com:
Miguel Angel Alvarez

Director deDesarrolloWeb.com
http://www.desarrolloweb.com
(15 capítulos)

Manual de jQueryUI: http://www.desarrolloweb.com/manuales/manual-jqueryui.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.

1

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Parte 1:

Introducción a jQueryUI
Qué es jQueryUI y cuáles son los pasos que debes realizar paracomenzar a usar estas
librerías para la creación de interfaces de usuario enriquecidas y compatibles con todos
los navegadores.

1.1.- Primeros pasos con jQuery UI
Guía para comenzar jQuery UI, una librería de componentes listos para usar en páginas dinámicas del
cliente, creada a partir del framework Javascript jQuery.
jQuery UI es un complemento que permite implementar componentes diversos paragenerar interfaces de usuario en
páginas web, además de otras funcionalidades básicas para crear aplicaciones web enriquecidas. Como su propio nombre
indica, está basado en el popular framework Javascript y podemos encontrar links, explicaciones, así como demos y
descargas a partir del sitio web oficial de jQuery.
En DesarrolloWeb.com desde hace meses venimos explicando con detalle todo lo que losdesarrolladores debe saber para
utilizar jQuery y así realizar páginas enriquecidas en el cliente. Todo lo tenemos en el Manual de jQuery y además
recientemente hemos publicado un Taller de jQuery con ejemplos prácticos sobre la realización de plugins con este
framework y la utilización de componentes de terceros. Entre los scripts jQuery listos para usar que existen en Internet
debemos de comenzarpor los proporcionados en jQuery UI, ya que es la distribución oficial de componentes para la
creación de interfaces de usuario avanzadas.
Así que comenzaremos publicando una serie de pasos iniciales necesarios para comenzar a usar jQuery UI en nuestras
páginas web. Más tarde comenzaremos a implementar funcionalidades y componentes avanzados que nos proporcionan
estas librerías. Esta guía estábasada en las propias explicaciones que se encuentran en el sitio de jQuery UI.

1.1.1.- Revisar los demos de jQuery UI
Podemos empezar por observar la cantidad de funcionalidades listas para usar, así como componentes (widgets) para
implementar interfaces de usuario. Todo esto lo encontramos en la página de demos de jQuery UI.
Quizás lo más interesante en la página de demos son los denominadoswidgets, donde podremos encontrar ejemplos de uso
de estas librerías para crear los típicos menús "acordeón", calendarios para seleccionar fechas, ventanas de diálogo, interfaces
de pestañas, etc.

1.1.2.- Escoger los componentes en la página de descarga
Para comenzar realmente a usar jQuery UI necesitamos descargar las librerías, pero cabe decir que este sistema es bastante
amplio, por lo que igualnos interesa descargar sólo una parte, para que no resulte demasiado pesado para las personas que
visiten nuestro sitio web. Lo bueno es que la página de descargas de jQuery UI tiene un sistema para poder seleccionar sólo
aquellos componentes que deseamos utilizar en nuestro sitio, con lo que la descarga se puede optimizar para únicamente
contener aquellas cosas que realmente van a ser necesariasen nuestro sitio.
Podemos acceder a la página de descargas en: http://jqueryui.com/download

Manual de jQueryUI: http://www.desarrolloweb.com/manuales/manual-jqueryui.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.

2

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
Componentes:
Aquí podemos seleccionar/deseleccionar...