INVESTIGACION DE JQUERY

Qu es jQuery
Para simplificar, podramos decir que jQuery es un framework Javascript, pero quizs muchos de los
lectores se preguntarn qu es un framework. Pues es un producto que sirve como base para la
programacin avanzada de aplicaciones, que aporta una serie de funciones o cdigos para realizar tareas
habituales. Por decirlo de otra manera, framework son unas libreras de cdigo que contienen procesos o
rutinas ya listos para usar. Los programadores utilizan los frameworks para no tener que desarrollar ellos
mismos las tareas ms bsicas, puesto que en el propio framework ya hay implementaciones que estn
probadas, funcionan y no se necesitan volver a programar.
Nota:si no sabes lo que es Javascript seguramente no te interesar este artculo, pero puedes aprenderlo
tambin en DesarrolloWeb.com: Qu es Javascript
Por ejemplo, en el caso que nos ocupa, jQuery es un framework para el lenguaje Javascript, luego ser un
producto que nos simplificar la vida para programar en este lenguaje. Como probablemente sabremos,
cuando un desarrollador tiene que utilizar Javascript, generalmente tiene que preocuparse por hacer
scripts compatibles con varios navegadores y para ello tiene que incorporar mucho cdigo que lo nico que
hace es detectar el browser del usuario, para hacer una u otra cosa dependiendo de si es Internet Explorer,
Firefox, Opera, etc. jQuery es donde ms nos puede ayudar, puesto que implementa una serie de clases
(de programacin 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 ms
habituales.

As pues, este framework Javascript, nos ofrece una infraestructura con la que tendremos mucha mayor
facilidad para la creacin de aplicaciones complejas del lado del cliente. Por ejemplo, con jQuery
obtendremos ayuda en la creacin de interfaces de usuario, efectos dinmicos, aplicaciones que hacen uso
de Ajax, etc. Cuando programemos Javascript con jQuery tendremos a nuestra disposicin una interfaz
para programacin que nos permitir hacer cosas con el navegador que estemos seguros que funcionarn
para todos nuestros visitantes. Simplemente debemos conocer las libreras del framework y programar
utilizando las clases, sus propiedades y mtodos para la consecucin de nuestros objetivos.
Adems, todas estas ventajas que sin duda son muy de agradecer, con jQuery las obtenemos de manera
gratuita, ya que el framework tiene licencia para uso en cualquier tipo de plataforma, personal o comercial.
Para ello simplemente tendremos que incluir en nuestras pginas un script Javascript que contiene el
cdigo de jQuery, que podemos descargar de la propia pgina web del producto y comenzar a utilizar el
framework.
El archivo del framework ocupa unos 56 KB, lo que es bastante razonable y no retrasar mucho la carga de
nuestra pgina (si nuestro servidor enva los datos comprimidos, lo que es bastante normal, el peso de
jQuery ser de unos 19 KB). Adems, nuestro servidor lo enviar al cliente la primera vez que visite una
pgina del sitio. En siguientes pginas el cliente ya tendr el archivo del framework, por lo que no
necesitar transferirlo y lo tomar de la cach. Con lo que la carga de la pgina slo se ver afectada por
el peso de este framework una vez por usuario. 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 tambin funcionan muy bien, que bsicamente 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 aceptacin por parte de los programadores muy buena y un grado de penetracin en el
mercado muy amplio, lo que hace suponer que es una de las mejores opciones. Adems, es un producto
serio, estable, bien documentado y con un gran equipo de desarrolladores a cargo de la mejora y
actualizacin del framework. Otra cosa muy interesante es la dilatada comunidad de creadores de plugins

o componentes, lo que hace fcil encontrar soluciones ya creadas en jQuery para implementar asuntos
como interfaces de usuario, galeras, 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 tambin posee ventajas similares. Os dejo el enlace al Manual de
Mootools, que tambin puede ser interesante, porque seguramente lo tengamos explicado con mayor
detalle que jQuery.

jQuery, es para mi?

Si ests interesado en enriquecer tu pgina web con componentes de la llamada Web 2.0, como efectos
dinmicos, Ajax, interaccin, interfaces de usuario avanzadas, etc., jQuery es una herramienta
imprescindible para desarrollar todas estas cosas sin tener que complicarte con los niveles ms bajos del
desarrollo, ya que muchas funcionalidades ya estn implementadas, o bien las libreras del framework te
permitirn realizar la programacin mucho ms rpida y libre de errores.
Ahora bien, todas estas mejoras de la web 2.0, que en un principio puede ser muy atractivas, tambin
tienen un coste en tiempo de desarrollo de los proyectos. Sin un framework como jQuery, el tiempo de
creacin y depuracin de todos esos componentes dinmicos sera mucho mayor, pero aun as nadie dice
que todo sea instalar el sistema y empezar correr. Sin embargo, lo ms complicado de jQuery es aprender
a usarlo, igual que pasa con cualquier otro framework Javascript. Requerir del desarrollador habilidades
avanzadas de programacin, as como el conocimiento, al menos bsico, de la programacin orientada a
objetos. Una vez aprendido las ventajas de utilizarlo compensarn ms 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 dinmicos en Javascript con los que enriquecer tus
aplicaciones.

JQuery vs. JavaScript: Cul es la Diferencia En Definitiva?

Muchos aspirantes a desarrollador web quieren saber cules son las verdaderas diferencias entre
JavaScript y jQuery. Para empezar, las dos comienzan por J, pero hay otras similitudes aparte de esto?
Puede sorprenderle saber que JavaScript y jQuery son realmente lo mismo. En resumen, jQuery es un
conjunto de libreras JavaScript que han sido diseadas especficamente para simplificar el desplazamiento
de un documento HTML, la animacin, la gestin de eventos y las interacciones Ajax.
Dicho esto, para usar cualquiera de estos lenguajes de script necesita una base slida en JavaScript. Si no
est acostumbrado a utilizar JavaScript para el desarrollo web, consulte esta Introduccin a JavaScript. Una
vez que entienda cmo usar JavaScript, probablemente encuentre que jQuery satisface la mayora de sus
necesidades y requiere mucho menos cdigo que el JavaScript convencional.
En este artculo, aprender lo que es JavaScript, lo que es jQuery, y qu lenguaje de script es la mejor
opcin para sus proyectos de desarrollos web futuros.
Qu es JavaScript?

JavaScript es un lenguaje de script que fue diseado para ser usado dentro de un navegador web.
Normalmente, JavaScript se usa para las interacciones con la interfaz. Las presentaciones de imgenes y
otros componentes interactivos estn hechos frecuentemente con JavaScript.
JavaScript tiene tambin muchos otros usos. Si est acostumbrado a utilizar el cliente de correo de Google,
Gmail, ha experimentado en primera mano la potencia de JavaScript. Muchas de las caractersticas y
funcionalidades adicionales que hacen a Gmail una solucin de correo tan popular estn creadas usando
JavaScript.

Los usos de JavaScript sin embargo, no paran aqu. JavaScript tambin se usa para la programacin del
lado del servidor, para el desarrollo de juegos, e incluso para crear aplicaciones de escritorio.
Hace aos, JavaScript era popular pero los diseadores web no estaban plenamente convencidos de usarlo
solamente porque cada navegador web mostrara el contenido JavaScript de forma diferente. Los nuevos
estndares ahora obligan a todos los navegadores web a implementar JavaScript uniformemente;
ahorrando a los desarrolladores tiempo y frustracin intentando depurar cdigo para un cliente especfico
de navegador web.
El contenido dinmico es el tema ms de moda en desarrollo web ahora mismo. El contenido dinmico se
refiere a contenido que cambia constantemente y se adapta a usuarios especficos cuando es posible. Por
ejemplo, JavaScript se puede usar para saber si un visitante web est usando un ordenador o un dispositivo
mvil antes de decidir si mostrar o no la versin mvil del sitio web. Son estas pequeas cosas, las que de
forma discreta, crean verdadero valor al usar JavaScript para crear pginas web dinmicas.
Puede aprender ms sobre la creacin de contenido web dinmico usando JavaScript con este curso sobre
Fundamentos de JavaScript.
Qu es jQuery?

Antes de que jQuery fuera desarrollado, los desarrolladores web creaban sus propios frameworks a medida
en JavaScript. Esto les permita solucionar errores especficos sin perder tiempo depurando funcionalidades
comunes. Esto condujo a grupos de desarrolladores a crear libreras de JavaScript que eran de cdigo
abierto y libres de usar.
JQuery es simplemente una librera especfica de cdigo JavaScript. Existen muchas otras libreras
JavaScript como MooTools, pero jQuery se ha convertido en la ms popular debido a su facilidad de uso y su
gran potencia.

Mientras que muchos desarrolladores web confunden JavaScript y jQuery como dos lenguajes de
programacin distintos, es importante que se de cuenta que ambos son JavaScript. La diferencia es que
jQuery ha sido optimizado para realizar muchas funciones de script frecuentes y lo hace a la vez que utiliza
menos lneas de cdigo.
Puede obtener ms informacin sobre cmo utilizar jQuery para sus incursiones de desarrollo web en este
curso jQuery para desarrolladores.
Entonces Cul Debera Usar?

Los desarrolladores web profesionales pasan mucho tiempo discutiendo si JavaScript o jQuery es el
adecuado en una situacin concreta. La verdad es que no existe la respuesta correcta. Cualquiera de las
opciones se puede usar para crear exactamente los mismo efectos, pero a menudo jQuery puede hacerlo
con menos lneas de cdigo.
Como regla general, jQuery es suficiente para la mayora de los proyectos de desarrollo web. Habr
algunos proyectos que requieran el tradicional Javascript; sin embargo, stos son pocos y poco frecuentes.
Aunque jQuery quizs sea la mejor opcin en la mayora de los escenarios, como desarrollador web
principiante debera tomarse un tiempo para aprender ambos JavaScript y jQuery.
Aunque usar JavaScript exclusivamente puede ralentizar la terminacin de un proyecto significativamente,
es importante darse cuenta de cmo funciona JavaScript y cmo afecta al Modelo de Objetos del
Documento (DOM). Puede aprender cmo usar eficazmente JavaScript en este curso sobre JavaScript,
HTML5 y CSS3.
Recuerde que la mayor diferencia entre jQuery y JavaScript es que jQuery ha sido optimizado para trabajar
con una variedad de navegadores automticamente. Desafortunadamente, JavaScript todava tiene
algunos problemas con la compatibilidad entre navegadores debido a las pobres prcticas de
implementacin de JavaScript por parte de los desarrolladores de navegadores web.

Para ver estas diferencias en accin, preste atencin al siguiente ejemplo que est diseado para cambiar
el color del fondo de la etiqueta body usando jQuery y JavaScript respectivamente.
jQuery
$ (body) .css (background, #ccc);

JavaScript
Function changeBachground(color) {
Document.body.style.background = color;
}
Onload=changeBackground (red);

Puede ver cmo en un proyecto desarrollo web grande y complejo puede tener ms sentido usar jQuery?
Una sencilla lnea de cdigo consigue lo que le llevara cuatro lneas de cdigo para conseguirlo en
JavaScript y esto no tiene ni siquiera en cuenta el tiempo extra que pasara depurando este pequeo trozo
de cdigo en los navegadores web ms populares como Internet Explorer, Firefox, Chrome, y Safari.
Es jQuery la respuesta para todas sus necesidades de script? Para la mayora de proyectos s. Para
aqullos pocos proyectos que requieran funciones especficas slo disponibles en el JavaScript tradicional,
puede rpidamente adaptar su estilo para incluir cdigo JavaScript cuando lo necesite.
Recuerde que aunque el 99% de sus proyectos de desarrollo web funcionarn perfectamente bien usando
jQuery, habr un pequeo porcentaje que requerir JavaScript. Como consecuencia de esto, sera
aconsejable que estudie ambos para que pueda cambiar entre ellos a medida que lo necesite para ofrecer
un mejor servicio de desarrollo web a sus clientes.