Si eres un programador Web es muy seguro que has tenido que hacer algo de código Javascript y alguna que otra 'chapucilla' para que tu aplicación funcione en todos los navegadores.

También es un hecho que más del 90% de los desarrolladores que utilizan Javascript acaban utilizando técnicas de 'cortar y pegar' y que jamás han leído un libro del lenguage js. Y es una realidad que un alto porcentaje de nosotros hemos tenido que estudiar Java.

En este artículo pretendo simplemente exponer las ventajas de utilizar GwtQuery frente a una librería como jQuery y ver en qué casos está justificado su uso, y también intentaré que quede claro qué es GWT y las ventajas de utilizar java frente a javascript, de manera que al final tengáis una idea clara a la hora de abordar un proyecto.

Diferencias entre GWT y jQuery

Cuándo utilizar GWT y cuándo jQuery

Gwt-Query

Pero si quieres la potencia de Gwt y la facilidad en la sintaxis de jQuery, atrévete con GQuery, un clon de jQuery desarrollado completamente en Java, y en la que llevo trabajando junto a Ray Cromwell algo mas de un año.

Y como muestra, aquí transcribo un trozo de código en Javascript utilizando jQuery, y otro en java utilizando gQuery, supongo que sabrás diferenciarlos:

$("ul.thumb li").hover(function() { 
$(this).css({'z-index' : '10'}) 
.find('img').addClass("hover").stop() 
.animate({marginTop: '-110px', marginLeft: '-110px', top: '50%', left: '50%', 
width: '174px', height: '174px',padding: '20px'}, 200); 
}, function() { 
$(this).css({'z-index' : '0'}) 
.find('img').removeClass("hover").stop() 
.animate({marginTop: '0', marginLeft: '0', top: '0', left: '0', 
width: '100px', height: '100px', padding: '5px'}, 400); 
}); 
 
$("ul.thumb li").hover(new Function() { 
public void f(Element e) { 
$(e).css("z-index", "10") 
.find("img").addClass("hover").as(Effects).stop() 
.animate("marginTop: '-110px', marginLeft: '-110px', top: '50%', left: '50%', " + 
"width: '174px', height: '174px', padding: '20px'", 200); 
}} , new Function() { 
public void f(Element e) { 
$(e).css("z-index", "0") 
.find("img").removeClass("hover").as(Effects).stop() 
.animate("marginTop: '0', marginLeft: '0', top: '0%', left: '0%', " + 
"width: '100px', height: '100px', padding: '5px'", 600); 
} 
});

Cuéntanos qué te parece.

Los comentarios serán moderados. Serán visibles si aportan un argumento constructivo. Si no estás de acuerdo con algún punto, por favor, muestra tus opiniones de manera educada.

Suscríbete