¿No sabes por dónde empezar? Ayúdanos normalizando artículos.
¿Tienes experiencia? Crea alguno de estos artículos de actualidad.
Diferencia entre revisiones de «Yahoo! UI Library»
| Línea 27: | Línea 27: | ||
===Núcleo=== | ===Núcleo=== | ||
El núcleo de '''YUI''' es un ligero conjunto de herramientas (31KB la versión compacta) para manejar eventos y manipular el árbol [[DOM]]. | El núcleo de '''YUI''' es un ligero conjunto de herramientas (31KB la versión compacta) para manejar eventos y manipular el árbol [[DOM]]. | ||
| − | * | + | *Los Objetos Globales Yahoo contienen utilidades y otras infraestructuras base para la biblioteca. |
| − | * | + | *Ayuda para la manipulación del árbol [[DOM]], incluyendo posicionamiento de elementos y gestión de estilos [[CSS]]. |
| − | * | + | *Permite acceder de forma segura y sencilla a los eventos de un [[navegador web]] y, mediante el objeto Custom Event, publicar y suscribirse a eventos customizados. |
==Utilidades== | ==Utilidades== | ||
| − | * | + | *Ayuda a crear efectos animados. |
| − | * | + | *Ayuda complementaria para el botón Atrás y la gestión de Marcadores/Favoritos de los navegadores web. |
| − | * | + | *Permite gestionar las [[cookies]]. |
| − | + | *Proporciona una interfaz común para que otros componentes puedan interactuar con diferentes tipos de datos. | |
| − | * | + | *Facilita la creación de eventos y elementos que pueden ser arrastrados. |
| − | * | ||
*[http://developer.yahoo.com/yui/element/ Element:] Proporciona una capa para los elementos que facilita el añadido de escuchadores, manipulación del árbol [[DOM]] y atributos 'get' y 'set'. | *[http://developer.yahoo.com/yui/element/ Element:] Proporciona una capa para los elementos que facilita el añadido de escuchadores, manipulación del árbol [[DOM]] y atributos 'get' y 'set'. | ||
| − | * | + | *La utilidad Get soporta la carga asíncrona de datos y archivos de estilos [[CSS]] externos. |
| − | * | + | *Permite aplazar la carga de imágenes que no son visibles durante la carga de la página, proporcionando un aumento del rendimiento. |
| − | * | + | *Proporciona métodos para el tratamiento de datos [[JSON]]. Estos métodos están basados en el trabajo de [[Douglas Crockford]]. |
| − | * | + | *Permite redimensionar los elementos [[HTML]]. |
| − | * | + | *Permite referenciar elementos [[HTML]] mediante la sintaxis [[CSS3]]. |
| − | * | + | *Es un cargador del lado cliente que permite la carga de forma dinámica de cualquier componente y dependencia de la biblioteca al vuelo. |
==Controles== | ==Controles== | ||
| − | * | + | *Proporciona la función de auto completado (lista de sugeridos) para los usuarios. Soporta varios formatos de datos, tanto del lado cliente como del lado servidor (vía [[XMLHttpRequest]]). |
| − | * | + | *Permite la creación de botones [[gráficos]] que funcionan como un botón tradicional en [[HTML]]. |
| − | * | + | *Un calendario gráfico y de control dinámico. |
| − | * | + | *Permite la creación de diferentes tipos de gráficos (lineales, de barras, etc.). |
| − | * | + | *Proporciona una [[interfaz gráfica]] para la selección de colores. |
| − | * | + | *Proporciona una interfaz gráfica como [[Tooltip]], paneles, cuadros de diálogo, etc. |
| − | * | + | *Una potente herramienta para mostrar tablas tabulares en una página web. Permite la ordenación de columnas tanto en el lado cliente como en el servidor, paginación, scroll, selección de filas, redimensionado de columnas y edición inline. |
| − | + | *Proporciona una interfaz gráfica para recortar una imagen desde el lado cliente. | |
| − | + | *Proporciona una [[API]] para la creación de menús flotantes, barras de menú y menús de contexto. | |
| − | + | *Es un sofisticado [[editor de texto]] rico modular del lado cliente y muy configurable. | |
| − | + | *Proporciona un elemento genérico que permite al usuario elegir entre un rango de valores. | |
| − | + | *Permite la navegación entre pestañas, soportando la carga dinámica de contenido vía [[XMLHttpRequest]]. | |
| − | + | *Añade un árbol de contenido con nodos que se pueden contraer y expandir para navegar por los elementos. | |
| − | + | *Permite la carga de varios archivos mostrando una barra de progreso. | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | * | ||
| − | * | ||
| − | * | ||
| − | * | ||
| − | * | ||
| − | * | ||
| − | |||
| − | |||
| − | |||
| − | |||
== Herramientas de desarrollo == | == Herramientas de desarrollo == | ||
| − | * | + | *Permite escribir mensajes de [[log]] en una [[consola]], o utilizar las que proporcionan la extensión [[Firebug]] para el navegador [[Mozilla Firefox]] o la consola [[JavaScript]] del navegador [[Safari]]. |
| − | * | + | *Para perfilar el código [[JavaScript]]. |
| − | * | + | *Usado con el anterior componente (Profiler) proporciona un perfilado visual. |
| − | * | + | *Permite añadir unidades de testeo al código JavaScript. |
| − | == Herramientas de construcción == | + | === Herramientas de construcción === |
| − | * | + | *Es un compresor de código [[JavaScript]] y [[CSS]] diseñado para proporcionar un resultado 100% seguro. |
==Véase también== | ==Véase también== | ||
*[[Google Web Toolkit]] | *[[Google Web Toolkit]] | ||
Revisión del 10:58 28 feb 2012
| ||||||||||
Yahoo! UI Library. Software libre de JavaScript. Yahoo User Interface(YUI), son una serie de bibliotecas escritas en JavaScript, para la construcción de aplicaciones interactivas (RIA). Liberadas bajo licencia BSD por parte de la compañía Yahoo. Dichas bibliotecas son utilizadas para el desarrollo web específicamente para ser usadas como la programación de aplicaciones de escritorio, con componentes vistosos y personalizables y con una amplia implementación con AJAX.
Sumario
[ocultar]Características
La biblioteca está completamente documentada en su página web y se compone de seis componentes: Núcleo YUI, utilidades, controles UI, componentes CSS, herramientas de desarrollo y de construcción.
Núcleo
El núcleo de YUI es un ligero conjunto de herramientas (31KB la versión compacta) para manejar eventos y manipular el árbol DOM.
- Los Objetos Globales Yahoo contienen utilidades y otras infraestructuras base para la biblioteca.
- Ayuda para la manipulación del árbol DOM, incluyendo posicionamiento de elementos y gestión de estilos CSS.
- Permite acceder de forma segura y sencilla a los eventos de un navegador web y, mediante el objeto Custom Event, publicar y suscribirse a eventos customizados.
Utilidades
- Ayuda a crear efectos animados.
- Ayuda complementaria para el botón Atrás y la gestión de Marcadores/Favoritos de los navegadores web.
- Permite gestionar las cookies.
- Proporciona una interfaz común para que otros componentes puedan interactuar con diferentes tipos de datos.
- Facilita la creación de eventos y elementos que pueden ser arrastrados.
- Element: Proporciona una capa para los elementos que facilita el añadido de escuchadores, manipulación del árbol DOM y atributos 'get' y 'set'.
- La utilidad Get soporta la carga asíncrona de datos y archivos de estilos CSS externos.
- Permite aplazar la carga de imágenes que no son visibles durante la carga de la página, proporcionando un aumento del rendimiento.
- Proporciona métodos para el tratamiento de datos JSON. Estos métodos están basados en el trabajo de Douglas Crockford.
- Permite redimensionar los elementos HTML.
- Permite referenciar elementos HTML mediante la sintaxis CSS3.
- Es un cargador del lado cliente que permite la carga de forma dinámica de cualquier componente y dependencia de la biblioteca al vuelo.
Controles
- Proporciona la función de auto completado (lista de sugeridos) para los usuarios. Soporta varios formatos de datos, tanto del lado cliente como del lado servidor (vía XMLHttpRequest).
- Permite la creación de botones gráficos que funcionan como un botón tradicional en HTML.
- Un calendario gráfico y de control dinámico.
- Permite la creación de diferentes tipos de gráficos (lineales, de barras, etc.).
- Proporciona una interfaz gráfica para la selección de colores.
- Proporciona una interfaz gráfica como Tooltip, paneles, cuadros de diálogo, etc.
- Una potente herramienta para mostrar tablas tabulares en una página web. Permite la ordenación de columnas tanto en el lado cliente como en el servidor, paginación, scroll, selección de filas, redimensionado de columnas y edición inline.
- Proporciona una interfaz gráfica para recortar una imagen desde el lado cliente.
- Proporciona una API para la creación de menús flotantes, barras de menú y menús de contexto.
- Es un sofisticado editor de texto rico modular del lado cliente y muy configurable.
- Proporciona un elemento genérico que permite al usuario elegir entre un rango de valores.
- Permite la navegación entre pestañas, soportando la carga dinámica de contenido vía XMLHttpRequest.
- Añade un árbol de contenido con nodos que se pueden contraer y expandir para navegar por los elementos.
- Permite la carga de varios archivos mostrando una barra de progreso.
Herramientas de desarrollo
- Permite escribir mensajes de log en una consola, o utilizar las que proporcionan la extensión Firebug para el navegador Mozilla Firefox o la consola JavaScript del navegador Safari.
- Para perfilar el código JavaScript.
- Usado con el anterior componente (Profiler) proporciona un perfilado visual.
- Permite añadir unidades de testeo al código JavaScript.
Herramientas de construcción
- Es un compresor de código JavaScript y CSS diseñado para proporcionar un resultado 100% seguro.
