Bienvenidos al manual sobre jQuery de DesarrolloWeb.com, con el que pretendemos clarificar a los usuarios el método de trabajo y programación de aplicaciones del lado del cliente, compatibles con todos los navegadores más comunes.

Qué es jQuery

Para simplificar, podríamos decir que jQuery es una librería Javascript. Pero quizás algunos de los lectores se preguntarán ¿qué es una librería? Pues es un producto que sirve como base para la programación de aplicaciones, que aporta una serie de funciones o códigos para realizar tareas habituales.

Por decirlo de otra manera, jQuery es un conjunto de funciones ya listas para usar. En vez de programar toda una serie de comportamientos de uso común, te puedes apoyar en esta librería para desarrollar más rápido y encima conseguir un soporte mejor a los distintos tipos de navegadores existentes en el mercado. jQuery es una librería para el lenguaje Javascript, luego será un producto que nos simplificará la vida para programar en este lenguaje.

Por qué surgió jQuery

jQuery surgió como respuesta a las necesidades de los desarrolladores frontend a la hora de programar comportamientos que sean compatibles con todos los navegadores del mercado.

Como probablemente sabremos, en el pasado programar con Javascript era un auténtico dolor de cabeza. Cuando un desarrollador tenía que utilizar Javascript, generalmente habia de preocuparse por hacer scripts compatibles con varios navegadores. Para ello era necesario incorporar mucho código que lo único que hace es detectar el browser del usuario, o sus capacidades, para hacer una u otra cosa dependiendo de si es Internet Explorer, Firefox, Opera, Chrome, Safari etc.

jQuery apareció cuando más problemas existían por culpa de las difenrencias de navegadores y aportó una solución sencilla para satisfacer a los desarrolladores frontend, haciendo que la experiencia de programar en Javascript mejorase sensiblemente. Para ello la librería implementa una serie de clases y objetos (de programación orientada a objetos) que nos permiten programar sin preocuparnos del navegador con el que nos está visitando el usuario, ya que funcionan de exacta forma en todas las plataformas más habituales.

Así pues, esta librería Javascript, nos ofrece una infraestructura con la que tendremos mucha mayor facilidad para la creación de aplicaciones complejas del lado del cliente. Por ejemplo, con jQuery obtendremos ayuda para:

• La creación de interfaces de usuario
• Realización de todo tipo de efectos dinámicos
• Cambios dinámicos de los estilos de la página
• Respuesta a la interacción por parte del usuario
• Conexiones Ajax sencillas contra servidores
• Y, en general, la alteración del DOM del navegador en cualquier sentido

Pero insistimos en que lo más importante es que, cuando programas Javascript usando jQuery tienes a tu disposición una interfaz común para programación, que te permitirá hacer cosas con el navegador de manera que estés seguro que funcionarán para todos nuestros visitantes, independientemente del browser que estén utilizando para el acceso a tu sitio web. Simplemente debes conocer la librería y aprovechar sus herramientaspara la consecución de tus objetivos.

Cuándo usar jQuery

jQuery lo puedes usar en cualquier proyecto para la web donde necesites programar cualquier tipo de interacción con el usuario o necesites realizar interfaces de usuario personalizadas. Te permitirá un desarrollo ágil y sencillo, evitando tener que realizar tareas repetitivas y recurrentes.

Todas las ventajas de la librería, que sin duda son muy de agradecer, las obtenemos de manera gratuita, ya que tiene licencia para uso en cualquier tipo de producto, personal o comercial. Para ello simplemente tendremos que incluir en nuestras páginas un script Javascript que contiene el código de jQuery, que podemos descargar de la propia página web del producto.

El archivo del framework ocupa unos 56 KB, lo que es bastante razonable y no retrasará mucho la carga de nuestra página (si nuestro servidor envía los datos comprimidos, lo que es bastante normal, el peso de jQuery será de unos 19 KB).

Con respecto al peso de la librería también tienes que pensar en que nuestro servidor lo enviará al cliente la primera vez que visite una página del sitio. En siguientes páginas el cliente ya tendrá el archivo de código jQuery, por lo que no necesitará transferirlo y lo tomará de la caché. Con lo que la carga de la página sólo se verá afectada por el peso de la librería una vez por usuario, en la primera página consultada del sitio web. Las ventajas a la hora de desarrollo de las aplicaciones, así como las puertas que nos abre jQuery compensan extraordinariamente el peso del paquete.

Ventajas de jQuery con respecto a otras alternativas

Es importante comentar que jQuery no es el único framework que existe en el mercado. Existen varias soluciones similares que también funcionan muy bien, que básicamente nos sirven para hacer lo mismo. Como es normal, cada uno de los frameworks tiene sus ventajas e inconvenientes, pero jQuery es un producto con una aceptación por parte de los programadores muy buena y un grado de penetración en el mercado muy amplio, lo que hace suponer que es una de las mejores opciones. Además, es un producto serio, estable, bien documentado y con un gran equipo de desarrolladores a cargo de la mejora y actualización del framework. Otra cosa muy interesante es la dilatada comunidad de creadores de plugins o componentes, lo que hace fácil encontrar soluciones ya creadas en jQuery para implementar asuntos como interfaces de usuario, galerías, votaciones, efectos diversos, etc.

Uno de los competidores de jQuery, del que hemos publicado ya en DesarrolloWeb.com un amplio manual para programadores, es Mootools, que también posee ventajas similares. Os dejo el enlace al Manual de Mootools, que también puede ser interesante, porque seguramente lo tengamos explicado con mayor detalle que jQuery.

jQuery, es para mi?

Si estás interesado en enriquecer tu página web con componentes de la llamada Web 2.0, como efectos dinámicos, Ajax, interacción, interfaces de usuario avanzadas, etc., jQuery es una herramienta imprescindible para desarrollar todas estas cosas sin tener que complicarte con los niveles más bajos del desarrollo, ya que muchas funcionalidades ya están implementadas, o bien las librerías del framework te permitirán realizar la programación mucho más rápida y libre de errores.

Ahora bien, todas estas mejoras de la web 2.0, que en un principio puede ser muy atractivas, también tienen un coste en tiempo de desarrollo de los proyectos. Sin un framework como jQuery, el tiempo de creación y depuración de todos esos componentes dinámicos sería mucho mayor, pero aun así nadie dice que todo sea instalar el sistema y empezar correr. Sin embargo, lo más complicado de jQuery es aprender a usarlo, igual que pasa con cualquier otro framework Javascript. Requerirá del desarrollador habilidades avanzadas de programación, así como el conocimiento, al menos básico, de la programación orientada a objetos. Una vez aprendido las ventajas de utilizarlo compensarán más que de sobra el esfuerzo. Esperamos que con este Manual de jQuery, que vamos a publicar en DesarrolloWeb.com puedas aprender lo necesario para desarrollar tus propios componentes dinámicos en Javascript con los que enriquecer tus aplicaciones.

Por otra parte publicaremos artículos con ejemplos prácticos de JQuery que iremos colocando en nuestro taller de JQuery, para aquellos que ya tengan conocimientos en esta materia.

Además tenemos un Videotutorial de jQuery con una colección de vídeos para aprender paso a paso el popular framework Javascript.

Podemos conocer jQuery accediendo a la página de inicio del framework Javascript: http://jquery.com/