42. Introducción a jQuery (parte 1)

La Tecnología para todos - Un pódcast de Luis del Valle Hernández

Categorías:

jQuery es una librería de JavaScript opensource mantenida por la fundación jquery.org. Su lema resume muy bien lo que nos aporta esta librería: “Write less, do more, js library”. Escribe menos, haz más, y es que esta librería nos facilita la ardua tarea de manipular los elementos del DOM de HTML que hasta ahora habíamos visto como hacerlo con JavaScript.Pero antes de nada ya sabéis que tenemos una cuenta en Twitter y en Facebook donde nos podéis seguir. También hay un formulario de contacto a vuestra disposición para cualquier duda, sugerencia o petición, solo tenéis que rellenar vuestro nombre, el e-mail y la consulta. Por otro lado la lista de distribución está esperando vuestra suscripción.Entre las características de esta librería podemos destacar la facilidad para manipular el contenido de un documento, la independencia del navegador para gestionar los eventos, la enorme posibilidad que encontramos para añadir atractivos efectos y transiciones y la facilidad en la utilización de la técnica AJAX.Si accedemos a la página de jQuery podemos descargar dos versiones: la versión 1.11.3 y la 2.1.4. La principal diferencia es que la versión 2.x deja de dar soporte a las versiones 6, 7 y 8 de Internet Explorer.A la hora de descargar la versión en la que estemos interesados, podemos bajar uno de los dos siguientes scripts. Un script que no está comprimido y que nos permite consultar el código, pero que ocupa más y otro que está comprimido (minificado) y que se usa en producción para reducir la carga de la página.Si queréis comprobar cuanto tarda en cargar vuestra pagina lo podéis ver aquí.Como hemos dicho, con jQuery "escribiremos menos y haremos más" que con JavaScript. La forma de interactuar con el DOM de nuestro HTML es a través de la función $( ), un alias de jQuery ( ), que recibe como parámetro una expresión CSS o el nombre de una etiqueta HTML y devuelve todos los nodos que indique dicho parámetro que llamaremos selector. Una vez obtenido el selector podremos interactuar con el DOM a través de los eventos, al igual que en JavaScript, pero estos eventos no son necesarios declararlos en HTML como ocurría en JavaScriptSi quieres saber más sobre este lenguaje puedes ver el siguiente articulo donde detallamos la sintaxis de esta librería:Introducción a jQueryEn el siguiente podcast terminaremos de contaros esta librería. Os hablaremos de sus funciones propias con las que podremos manipular el DOM, modificar el CSS, realizar animaciones... y también os presentaremos de la librería jQueryUI y de la técnica AJAX en jQuery.Recurso del díaBubbler Hoy os presentamos Bubbler, una aplicación online que nos permite realizar lo que comúnmente conocemos como “bocadillos”, speech bubble (en inglés). Con una apariencia amigable, por un lado nos presenta el resultado de nuestro “bocadillo” y por otro, tenemos una serie de herramientas que permiten ir modificando los atributos de color, tamaño, borde y posición de nuestro tooltip. Una vez hayamos configurado todos los parámetros tan solo tendremos que darle a la pestaña que pone CSS para copiar el código que ha generado y llevarlo a nuestra hoja de estilo.Muchas gracias a todos por los comentarios y valoraciones que nos hacéis en iVoox, iTunes y enSpreaker, nos dan mucho ánimo para seguir con este proyecto.