ext js y frameworks javascript
DESCRIPTION
TRANSCRIPT
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
Introducción Frameworks de JavaScript ¿Qué es EXT JS? Ventajas y desventajas Ejemplos... Más información Conclusión
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
Introducción
La web ha cambiado...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
...las interfaces mejoran...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
En 2005, con la popularización de la tecnología basada en el objeto xmlHttpRequest (AJAX), surgieron nuevas ideas para interfaces...
...sin embargo, AJAX resultó más difícil de implementar que lo que los autores del concepto creían...
...por lo que varios desarrolladores se dieron a la tarea de facilitar las cosas.
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
En ese mismo año, surge el proyecto ”Ruby on Rails”, un nuevo concepto de desarrollo de software basado en metodologías ágiles.
Con él, surge una librería llamada prototype que ayudaba sensiblemente a la implementación de AJAX en los sitios. Prototype resultó ser una librería muy efectiva y fácil de usar, además de integrarse independientemente de Ruby on Rails, por lo que se hizo muy popular.
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
En 2006, Yahoo! rediseña su portal y decide utilizar AJAX como centro de su interfaz. Pese a la popularidad de Prototype, consideraron que estaba muy poco documentada en ese momento y decidieron crear su propio framework de JavaScript. Yahoo! User Interface surge en ese mismo año y es liberado como código abierto
Otros desarrolladores que no compartían el rumbo que llevaba la librería prototype, comenzaron a desarrollar otros frameworks que implementaban mejoras al DOM/Javascript...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
...y entonces los frameworks se multiplicaron...
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
Ventajas de los frameworks: Código reutilizable Facilitan las tareas más comunes Ofrecen animación, efectos, movimiento, formas
dinámicas. No requieren recargar la página completa Se comunican por protocolos estándares
(JSON/XML/WebServices)
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
Problemas comunes: Librerías poco interoperables entre sí APIs muy complejas y diferentes Algunas librerías tienen poco soporte y no se sabe
si sobrevivirán en el futuro Poca homogeneización
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
¿Qué es EXT? Es un nuevo framework de javascript, basado
originalmente en YUI pero que actualmente es independiente del framework que se utilice (incluso puede usarse sin frameworks). Ofrece una gran cantidad de widgets para crear interfaces de usuario complejas. Está disponible en:
http://www.extjs.com
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
Ventajas de EXT Código reutilizable Independiente o adaptable a frameworks diferentes
(prototype, jquery, YUI) Orientada a la programación de interfaces tipo
desktop en el web. El API es homogeneizado independientemente del
adaptador usado. Los controles siempre se verán igual.
Soporte comercial Una extensa comunidad de usuarios
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
Desventajas
La librería es muy grande en tamaño (aprox 450Kb comprimida), aunque se puede paliar con el módulo mod_deflate de Apache (utilizando gzip) además de que en el sitio de EXT se puede recortar la librería para incluir solamente aquellas funcionalidades que en realidad se van a utilizar.
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
Qué ofrece la librería Controles de GUI:
Layouts Paneles Grids Ventanas DHTML Tooltips Pestañas Controles de formulario Menús
Mejorando las interfaces de usuario: EXT JS y frameworks JavaScript
Ejemplos...