Daniela 4 de octubre de 2007 a las 17.01
   Imprimir artículo
elWebmaster.com

Top 5 Javascript Frameworks


¿Qué ventajas obtengo al utilizar un framework de Javascript?

  • Facilita y agiliza el proceso de desarrollo de aplicaciones Web.
  • Permite reutilizar código ya existente y promueve buenas prácticas de desarrollo.
  • Resuelve los problemas de compatibilidad entre los navegadores.

Estos son 5 de los mejores Frameworks escritos en Javascript existentes hoy en día.

Yahoo! User Interface Library

5)- Yahoo! User Interface Library

Yahoo user Interface (YUI) Library es un conjunto de utilidades y controles, escrito en JavaScript para desarrollar aplicaciones Web interactivas (RIA РRich Internet Application) usando t̩cnicas DOM, DHTML y AJAX.YUI incluye tambi̩n un conjunto de fuentes CSS.
Todos los componentes YUI han sido desarrollados bajo Licencia BSD Open Source y están disponibles para todo tipo de uso.

Características:
Están disponibles dos tipos de componentes diferentes: Utilidades y Controles:
Las YUI Utilidades simplifican el desarrollo para la compatibilidad entre Navegadores basados en técnicas DOM, DHTML y AJAX.
Los controles de YUI proporcionan elementos visuales altamente interactivos del diseño para sus aplicaciones Web. Estos elementos se crean y se manejan íntegramente del lado del cliente (usuario) y nunca requieren de una recarga de página.

Utilidades disponibles:

  • Animación: Para crear “efectos cinematicos”, animando la posición, el tamaño, la opacidad u otras características de los elementos de la página. Estos efectos se pueden utilizar para reforzar la comprensión del usuario en los cambios que suceden en la página. Ejemplos y documentación
  • Administrador de Historial: Los desarrolladores de aplicaciones Web interactivas requerian que los marcadores (bookmarks) no solo apunten a las páginas sino también al estado de las mismas, así como también el botón de volver atrás del navegador opere de acuerdo a la aplicación. El Administrador de Historial provee la funcionalidad para la administración de marcadores (bookmarks) y del botón de volver atrás del navegador. Esta utilidad se encuentra en etapa experimental. Ejemplos y documentación
  • Administrador de Conexiones: Esta librería ayuda a manejar conexiones XMLHttpRequest (Comúnmente conocido como AJAX) en el navegador incluyendo soporte para uploads, envío de formularios por método POST y gestión de errores. Ejemplos y documentación
  • Utilidad de Fuente de datos: DataSource proporciona una interfaz para recuperar datos desde arrays, servicios de XHR (XMLHttpRequest), funciones personalizadas con cache integrado y soporte de Administrador de Conexiones. Documentación
  • Utilidades DOM: La utilidad DOM contiene una variedad de métodos basados en la estructura DOM para permitir compatibilidad entre navegadores, incluyendo posicionamiento de elementos y administración de CSS. Ejemplos y documentación
  • Arrastrar y Soltar : Crea objetos que se pueden ser tomados y soltados en cualquier parte de la página. Escribes el código para los “momentos interesantes” que son disparados a lo largo de la interacción, por ejemplo cuando un objeto pasa por encima un área determinada de la página; esta utilidad se encarga de mantener funcionando suavemente en todos los navegadores. Ejemplos y documentación
  • Eventos: Esta utilidad facilita el manejo de eventos. Ejemplos y documentación

Controles disponibles:

  • Autocompletado: El control de Autocompletado permite crear una vía de interacción con el usuario donde esten involucradas las entras de texto (formularios); este control provee listas de sugerencias y funcionalidades de type-ahead (tipear más rápido) basadas en una variedad de datos y formatos de diferentes fuentes. (ej. XMLHttpRequest). Ejemplos y documentación
  • Botón de control Ejemplos y documentación
  • Calendario: Este control es un calendario grafico con selección dinámica de fechas. Ejemplos y documentación
  • Contenedor: Este control soporte diferentes patrones DHTML Windowing (diferentes maneras de mostrar información en pantalla) con ToolTip, Panel, Dialog y SimpleDialog. El modulo proporciona una plataforma para implementaciones de patrones DHTML adicionales y configurables. Ejemplos y documentación
  • Control de DataTable: Ejemplos y documentación
  • Registros de Eventos: El YUI Logger proporciona una manera rápida y fácil de generar los registros de eventos para ser mostrados en pantalla o consola. (Ej. Firebug para Firefox). Con este control podrás detectar y corregir errores en tus aplicaciones Web. Ejemplos y documentación
  • Menu: Para crear menues en el instante con pocas líneas de código. Ejemplos y documentación

Para mantenerte informado sobre avances e implementacion de nuevas caracteristicas esta librería puedes ingresar a Yuiblog (El blog oficial de Yahoo User Interface Library). Descarga las guias de referencias rapidas llamadas Cheat Sheets
Web Oficial Yahoo! User Interface Library

Prototype JavaScript Framework

4)– Prototype JavaScript Framework

Prototype es un framework basado en JavaScript que se orienta al desarrollo sencillo y dinámico de aplicaciones Web.
Presenta un conjunto único de herramientas fáciles de utilizar para el desarrollo orientado a clases y con la mejor librería de Ajax que se pueda encontrar, Prototype se esta convirtiendo en la elección base para los desarrolladores de aplicaciones Web de todas partes.

Características:

  • Implementa aplicaciones Ajax fácilmente
  • DOM Extendido: Agrega métodos de utilidad para los elementos devueltos con la función $(), por ejemplo puedes escribir $(‘comments’).addClassName(‘active’).show() para obtener el elemento con ID ‘comments’ además de agregarle el estilo ‘active’ y mostrar el elemento con show (si el elemento estaba oculto previamente).
  • Utiliza JSON (JavaScript Object Notation): Json es una alternativa rápida y más ligera que XML para las solicitudes de Ajax.

Recursos:
Web Oficial del proyecto Prototype.
Trucos y tutoriales de Prototype.
APIs bien documentadas.

Rico

3)- Rico (OpenRico)

Diseñado para el desarrollo de aplicaciones ricas de Internet (Rich Internet Applications o simplemente RIA)
Características:

  • Efectos de animación: A diferencia de la mayoría de los efectos, la Animación de Rico 2.0 puede ser interrumpida, pausada, reanudada, o aplicarle otros efectos para permitir una interacción más receptiva para que el usuario no tenga que esperar.
  • Arrastrar y Soltar: Rico proporciona una de las más simples interfaces para agregar soporte de Drag And Drop (arrastrar y soltar) a tu aplicación Web, aplicable a cualquier elemento de HTML u objeto de Javascript.
  • Styling
  • Soporte de Ajax: Rico provee una interfase muy simple para el registro y manejo de solicitudes de Ajax.

Recursos:
Web Oficial del proyecto Rico.
Algunos ejemplos.

qooxdoo

2)- Qooxdoo

Qooxdoo es uno de los mas completos e innovadores Framework multipropósito de Ajax, es Open Source y se distribuye bajo licencia LGPL/EPL dual-licensed.
Incluye soporte para desarrolladores profesionales de Javascript, un conjunto de herramientas graficas (GUI) de última generación y comunicación cliente servidor de alto nivel.
Características:

  • Detección de cliente
  • Abstracción del navegador: Incluye una capa de abstracción del navegador, donde están incluidas todas las especificaciones de los navegadores existentes logrando así un “estándar común” mejorando la compatibilidad. Esto te simplificara la codificación de incontables objetos y te permitirá centrarte en lo que quieras hacer y no “en como hacerlo”.
  • Implementación avanzada de objetos:
  • Administrador de eventos: Qooxdoo viene con su propia interfase de eventos. Esta incluye funciones para registrar y borrar eventos.

Recursos:
Web Oficial del Qooxdoo.
Ejemplos y documentación

The Dojo Toolkit

1)- Dojo Toolkit

Dojo es más que un conjunto de herramientas, es un Framework que contiene APIs y widgets (controles) para soportar el desarrollo de aplicaciones Web. Dojo contiene un sistema de empaquetado inteligente, los efectos de UI, drag and drop APIs, widget APIs, abstracción de eventos, almacenamiento de APIs en el cliente, e interacción de APIs con AJAX. Dojo resuelve asuntos de usabilidad comunes como ser la navegación y detección del browser, soportar cambios de URL en la barra de URLs para luego regresar a ellas(bookmarking), y la habilidad de degradar cuando AJAX/JavaScript no es completamente soportado en el cliente. Dojo es llamado “la navaja suiza del ejército de las bibliotecas del Javascript”. Proporciona una gama más amplia de opciones en una sola biblioteca y hace un trabajo muy bueno que apoya los nuevos y viejos Browsers.
Características:

  • Multiples puntos de entrada
  • Independencia del interpreter
  • Unifica estándares de codificación: Construido en base a estándares de codificación de los proyectos (nWidgets, Burstlib, and f(m)).

Recursos:
Web Oficial del proyecto Dojo.
Ejemplos y documentación.


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (3)

  1. jovana dice:

    como le puedo hacer para abrir la paginas de internet lo que pasa es que me piede que active java scipt

  2. Morton dice:

    Hola, Jovana

    Probablemente necesites activar Javascript en tu navegador web. Para ello, accede a las opciones de configuración (esto es distinto dependiendo del navegador, pero usualmente las encuentras en un menú llamado Herramientas), y tilda la opción “Activar Javascript”. Quizás tengas que acceder a un menú de opciones avanzadas, en ese caso, sólo lee con detenimiento cada opción y activa las que consideres correctas.

    Saludos.

  3. mcartur dice:

    Entiendo que pones a YUI, en primer lugar…
    Gracias por el artículo.

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder