Manual de jQuery (I): introducción y conceptos

Ricardo 7 Octubre 2009

Actualmente el framework de Javascript jQuery es una herramienta de desarrollo y diseño fundamental para cualquier plataforma web. En este tutorial intentaremos, paso a paso, iniciar a los lectores en el desarrollo apoyado en esta biblioteca. Para hacerlo comprensible a usuarios menos avanzados explicaremos los términos y conceptos fundamentales, antes de comenzar con la parte más técnica. Esto posibilitará a muchos lectores abrirse al mundo de Javascript y AJAX con un mínimo de conocimiento de programación web.

Normalmente tendemos a comenzar con la parte practica cuando queremos comenzar a programar en un lenguaje nuevo o con ciertas librerías más complejas, es lógico porque es menos tedioso que contenidos más teóricos, pero estos son fundamentales para que comprender la mecánica del lenguaje, y así no se convierta en un simple copia y pega, de esta forma podemos profundizar más comprendiendo como funciona cada elemento.

Definiendo jQuery

Se requiere un mínimo conocimiento de conceptos como Javascript, AJAX y DOM, pero aquí pasaremos muy rápido por esto ya que se trata de conocer bien jQuery y de lo contrario el material de este manual sería tedioso. Partimos de la base de que jQuery no es más que un framework de Javascript que simplifica la manera de interactuar con HTML, manipular el DOM y sobre todo ofrece el uso de AJAX. Muchos os preguntareis qué es un framework, pues es un conjunto de librerías de funciones listas para usar y así facilitar y estandarizar la creación de aplicaciones con jQuery.

Vamos por partes. Muchos conoceréis Javascript que no es más que un lenguaje de programación orientado a objetos integrado en todos los navegadores web. DOM es, a su vez, un interfaz de programación de aplicaciones que te permite representar documentos HTML y XML con un conjunto estándar de objetos. Y AJAX por otro lado, definiéndolo de forma simplista, es una tecnología asíncrona en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página.

Por qué usar jQuery

Resumiendo mucho y con las definiciones anteriores presentes, diremos que jQuery es un conjunto de librerías en un único archivo de varios kilobytes que te permitirá enriquecer estéticamente tu página web. Además es compatible con todos los navegadores modernos como Firefox 2.0+, Internet Explorer 6+, Safari 2.0.2+, Opera 9 y Google Chrome. Podrás crear eventos, efectos y animaciones , obtener información de los navegadores, manipular elementos DOM, AJAX y además soporta plugins que harán de tu pagina web un atentico sitio de los llamados Web 2.0.

Aunque es cierto que se requieren un mínimo conocimientos básicos de programación orientada a objetos y sobre todo de CSS y HTML, os animamos a seguir este tutorial hasta a los más principiantes, además de consultar información en otras fuentes para enriquecer vuestros conocimientos en programación web. Como mínimo os garantizo que con este framework de Javascript enriqueceréis vuestras aplicaciones sin un conocimiento muy profundo del lenguaje de scripting.

En el siguiente artículo usaremos una demostración muy simple de jQuery, para entrar en materia de la forma menos traumática posible.

Ir a | Manual de jQuery (II) (proximamente)

Enlace | Web oficial de jQuery

Glosario de términos: