jQuery,
Tenia mucho tiempo sin escribir, tanto que había olvidado ya mi usuario y password para este foro, y me decidi a hacerlo porque cuando te haz dedicado durante tantos años al desarrollo web y encuentras algo tan maravilloso, sientes unas ganas inmensas de compartirlo con todo el mundo.
Y digo maravilloso porque es como encontrar el taladro eléctrico después de haberle dado vuelta a millones de tornillos con tus propias manos, habra mas de un geek hackeroso que me diga, “yo hice una aplicación como Facebook en ensamblador” y vaya que seria un merito extraordinario, pero en esta guerra por tener mejores y mas funcionales aplicaciones web, ya no se puede dar uno el lujo de programar por amor al arte y sin embargo puedes encontrarte en el camino retos muy interesantes que no involucren quemar todas tus neuronas, tareas simples, del dia a dia, reportes, formas, catálogos, galerias, etc, etc, etc…
Hoy les quiero platicar de jQuery, y porque pienso que es la mejor herramienta para desarrollo de aplicaciones web que se haya creado hasta ahora, existen muchas como Ruby on Rails o Django, incluso C# que si bien no me agrada, proponía una forma simple de interactuar entre servidor y navegador, pero unas se tenian que compilar en el lado del servidor, otras en el Framework y luego subirlas, la mayoría era una constante lucha entre las versiones de los navegadores porque en unas el boton te llevaba a la pagina que querias pero el navegador te bloqueaba, en otras el navegador pensaba que tu código era malicioso, también a veces tenias que instalarle el plug-in especifico para que funcionara, y no esperes que funcione bien en un iPhone o Androide, en fin un sin numero de problemas que tenias que resolver volviendo una simple aplicación web en un desarrollo de meses.
Todo esto se da porque en web existen dos instancias independientes el servidor y el navegador, el primero era hace mucho tiempo el amo y señor enviaba lo que queria y el otro solo lo traducía para que se leyera mejor y no como metal lenguage, poco tiempo despues deciden que el cliente le va a mandar información por dos metodos, GET y POST, en el primero el servidor leia las variables de la dirección web o URL, y el segundo las recibía por un metodo mas seguro sin mostrar las variables en la dirección que después tambien fue un problema por los sniffers y se tuvo que implementar lo que hoy se conoce como certificados de seguridad SSL. Ademas de todo esto, cada vez que mandabas una solicitud al servidor se refrescaba toda la pagina y era una perdedera de tiempo y ancho de banda que no tenia ningún sentido, cosa que se resolvió con la creación del paradigma AJAX, que ha sido otra de las grandes maravillas en esto del desarrollo web.
Aun con la llegada de AJAX, todavia existia un conflicto recurente entre los desarrolladores y era el manejo del DOM en el navegador, la identificación de objetos era un tanto complicada con javascript ya que se tenian que nombrar todos y cada uno, los grupos y llamado de objetos dinámicos te hacia escribir lineas y lineas de código en javascript, si por alguna razón uno u otro navegador no entendia tu código tenias que buscar librerías o hacer las modificaciones y pruebas correspondientes en todos los navegadores, crear nomeclaturas especificas para los objetos, crear tu familia de librerias, etc, etc etc.
Es entonces cuando descubro que jQuery maneja cada uno de los objetos del DOM como entidades con sus propiedades de CSS y que tiene una serie de eventos comunes para dichos objetos que hacen mucho mas simple el mostrar u ocultar un objeto, cambiarle la clase, su llamado a AJAX, en si, vuelve el DOM una entidad programable como en cualquier lenguaje de programación. Por ejemplo empecemos por la identificación de un objeto simple como lo es un div.
- <div id=”ejemplo”> </div>
Digamos que queremos animar este div, en javascript se veria algo asi:
- var ejemplo = null;
- function Muevete() {
- ejemplo.style.left = parseInt(ejemplo.style.left)+1+”px’;
- setTimeout(Muevete,20);
- }
- function init() {
- ejemplo = document.getElementById(‘ejemplo’);
- ejemplo.style.left = ’0px’;
- Muevete();
- }
- window.onload = init;
En jQuery seria algo como esto:
- $(“#element”).animate({ left: 100px; });
Si bien este es un ejemplo muy simple, refleja que la forma de identificar un elemento y mandar llamar una función del mismo, nunca habian sido tan sencillas, ademas de que todo esto solo cuesta 25k de memoria que es lo que pesa esta libreria.
Le veo mucho futuro a jQuery, creo que en unos años estaremos hablando que la gran mayoria de las aplicaciones web se van a estar desarrollando con esta herramienta, yo ya lo estoy haciendo y no me termino de asombrar, existen una cantidad enorme de plugins para jquery que se pueden utilizar y todos ellos son tan simples como el ejemplo anterior.
Saludos y bienvenido jQuery
