Ext 2.0

Visita este artí­culo en http://www.estadobeta.com/2007/10/28/ext-20/

Por vladimir en Desarrollo, RIAs, artículos, javascript

Framework JavaScript para interfaces avanzadas.

Mestinon For Sale Septilin No Prescription Buy Abana No Prescription Buy Online Avodart Buy Himcolin Online Hytrin For Sale Levitra No Prescription Buy Proscar No Prescription Buy Online Lopid Buy Zebeta Online Azulfidine For Sale Karela No Prescription Buy Clomid No Prescription Buy Online Loxitane Buy Actoplus Met Online Capoten For Sale Celebrex No Prescription Buy Retin-A No Prescription Buy Online Prednisone Buy Levitra Online Prednisone For Sale Tricor No Prescription Buy Tramadol No Prescription Buy Online Lamisil Buy Inderal Online

Con el tiempo y con la experiencia, me he construido un sin numero de librerías para infidad de problemas al programar en web. Ejemplos hay varios: mensajes de advertencia, listas desplegables, validación de campos en formularios, etc. Luego, con el uso, se me ha hecho más fácil la programación, pero nunca al punto de cuando programaba en VB o Delphi.

Amparado bajo GPLv3, Ext 2.0 (aun en beta) es un framework completo y extremadamente avanzado, que contiene casi todo lo que te puedas imaginar y nace como solución a tareas comunes -pero complejas- como las citadas antes. Este framework te hará recordar la programación de entornos visuales de pc, ya que es completamente basado en OO. Cada objeto contiene lo típico: propiedades, métodos, eventos…etc. Pero veamos un poco más de cerca.

Ext basa toda su funcionalidad en JS a través de librerías ya muy conocidas : YUI, jQuery y Prototype/Script.aculo.us y un core interno poderoso. Así, en tiempo de ejecución carga y crea todos los objetos html a través del uso intenso de DOM. Si, es cierto, te olvidarás de programar en html (literalmente).

Ventanas, mensajes emergentes, grillas, date pickers y un sin numero de utilidades son todas creadas en tiempo de ejecución. Alguien preguntará ¿y los datos?. Los datos son obtenidos con mucho AJAX a través de XML y/o JSON.

Bueno, si hasta ahora no entiendes muy bien lo que digo, entonces es tiempo que veas los sorprendentes ejemplos.

Ventajas:

  • La orientación a objetos intensa te hará modular todos tus scripts (por si es que a estas alturas ya no lo hacías).
  • El diseño está completamente separado de la funcionalidad.
  • Funciones comunes como validación, comboxes editables, ventanas arrastables (con minimizar y maximizar), grillas editables, son muy fáciles de implementar.
  • buena y amplia documentación, así como también su comunidad.

Desventajas:

  • crear un sistema serio con esta herramienta requiere un previo uso prolongado, ya que te perderás con muchos nuevos objetos en su extensa y bien documentada API (que por cierto tambien hace gala de sus mismas librerías). El tiempo de aprendizaje puede llegar a compararse con a aprender a programar en un lenguaje nuevo.
  • al estar todo tu sitio en JS, no podrá ser accesible para los buscadores, limitando su uso a sistemas y no sitios web.
  • si existiese algún objeto que desearas y no existiera, te verás en la compleja tarea de crear un nuevo objeto (sólo apto para programadores JS avanzados).

18 comentarios para “Ext 2.0”

  1. Gravataracido69 Dice:

    Hola, antes de nada; porque no sale toda la entrada en el rss???? yo prefiero que salga la noticia, sino son muchas las ventanas a abrir.
    Parece que detras de este Framework hay muchas empresas o almenos esa sensación he tenido despues una entrevista en una conocida it española, así que casi seguro dentro de unos meses(año) será totalmente necesario conocerlo.
    saludos

  2. GravatarNeozeratul Dice:

    Muy bueno lo que dices desde ahce poco tiempo estado viendo lo de Ext y es muy bueno…
    Saludos

  3. GravatarPablo Dice:

    Y que hay de cambios en el look & feel? Son sencillos o para cualquier campo toca irse al codigo? No hay un editor WYSIWYG?

  4. Gravatarvladimir prieto Dice:

    @Pablo:

    el look & feel es mediante temas que se construyen mediante CSS e imágenes.

    ver ejemplo

    y si hay un editor, simple, pero hay.

  5. Gravatareduardo Dice:

    hola que tal acabo de ver la existencia de esta librería y me parece excelente pero que hay de la licencia?

  6. Gravatarvladimir prieto Dice:

    @eduardo: he aquí el enlace de la licencia.

  7. Gravatarwebmaster mexico Dice:

    Estoy comenzando a usarla, y me ha sido muy facil su uso, la recomiendo ampliamente. Es excelente el trabajo que se ha hecho, un paso más para vencer las aplicaciones de escritorio.

  8. GravatarJulio Dice:

    Nada me parece bueno trabajar con Ext pero me ha tokado la parte dificil que es que aun no he podido encontrar alguna documentacion en español

  9. Gravatarleo Dice:

    como puedo vincular el ext 2.0 a Symfony, para poder utilizarlo

  10. Gravatarvladimir prieto Dice:

    @leo: un amigo que trabaja con Symfony me dió el siguente el enlace, que seguro lo encontrarás interesante.

  11. Gravatarkarla Dice:

    Hola me gustaria saber si hay variantes de un tree-grid para Ext. Si hay, las mas optimas, y sencillas de utilizar.
    saludos

  12. Gravatarvladimir prieto Dice:

    @karla: imagino que lo que buscas en Ext se llaman Grids. Una de sus variantes le denominan Grouping y aquí hay un ejemplo y aquí hay un montón más de ejemplos.

    Optimas? yo diría que bastante. es cosa de que veas los ejemplos por ti misma.

    Sencillas? mmm…diría que no. tal como dije en el artículo, la curva de aprendizaje es larga. una vez que te “ambientas” vas más rápido…como en todo no? ;)

    saludos!

  13. Gravatarvladimir prieto Dice:

    se me olvidaba decir que el API te ayudará mucho.

  14. Gravatarlolo Dice:

    Hola, quisiera que me explicaran la parte de por que si el sitio esta en javascript no puede ser accedido por buscadores

  15. Gravatarhino15 Dice:

    Hola, quisiera que me explicaran la parte de por que si el sitio esta en javascript no puede ser accedido por buscadores

  16. Gravatarvladimir prieto Dice:

    @hino15:

    los buscadores basan su búsqueda en etiquetas HTML/XHTML estandar, pero cuando se usan frameworks como EXT la construcción del sitio es en tiempo real (cuando cargas la página en tu navegador).

    asi cuando ves un formulario en EXT, este en realidad es creado en el DOM del navegador, es decir, cuando se “dibuja” en tu pantalla. sólo cuando se “dibuja” se arma el código estandar que los buscadores entienden.

    el problema está en que cuando los buscadores solicitan la página, esta debe ir lista con las etiquetas estandar y no con código JS, aun cuando este codigo JS pueda construir cigo XHTML leible, ya que esto se produce después (tiempo de carga).

    ahora bien. hay casos y casos, y hay algunos de ellos en los cuales el buscador reconocerá una que otra palabra dentro de tu código JS, pero esto no garantiza nada.

    espero haberlo explicado bien.

    saludos!

  17. Gravatarhino15 Dice:

    si, bastante buena la explicacion, gracias.

  18. GravatarDouglas Dice:

    Necesito documentacion para hacer validaciones en formularios

Deja un comentario

XHTML: puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>