Biblioteca de JavaScript JQuery

Es necesario tener nociones sobre el desarrollo de sitios web para entender a la perfección sobre que trata JQuery, empecemos por describir los componentes de un sitio web normal:

  • HTML
  • CSS
  • Javascript

Toda página web puede ser separada en 3 capas y cada una con un rol especifico y que se muestran a continuación:

HTML: Nuestro archivos HTML son los encargados de tener el contenido de la pagina que será leído e interpretado por nuestros navegadores, todos los navegadores soportan lenguaje HTML, así que nuestros contenidos podrán ser vistos en cualquier navegador.

CSS: Los archivos CSS no manipulan el contenido de nuestro sitio, su rol es dar estilos y para ello contienen el código con las instrucciones de cómo debe mostrarse todo el contenido que hemos escrito dentro del documento HTML, todos los navegadores actuales soportan CSS así que nunca nos preocuparemos porque nuestro diseño no se cargue en algún navegador web.

Javascript: La ultima capa de nuestro website y esta se encarga específicamente de los efectos y comportamientos de la pagina, pero esto tiene 2 desventajas enormes. La primera es que no todos los navegadores soportan o interpretan lenguaje Javascript y la segunda desventaja es que para lograr buenos efectos la programación era demasiado larga y complicada.

¿Qué es Javascript?


Es un lengua de programación implementado originalmente para navegadores web en el lado del cliente para que pudiera interactuar con el usuario, últimamente usado en el desarrollo de juegos y aplicaciones de escritorio. Su sintaxis fue influenciada del lenguaje C y usa nombres de lenguaje JAVA, pero no están relacionados entre ellos y cada uno es independiente. Su uso mas común fue escribir funciones que serian mostradas o incluidas en el documento HTML, entre esos usos:

  • Cargar o enviar nuevos datos al servidor vía AJAX sin tener que volver a cargar el website.
  • Animación de elementos dentro de la pagina
  • Contenido interactivo
  • Validar datos en los formularios web, confirmando que el dato era aceptable antes de ser enviado
  • Transmitir información sobre los hábitos de lectura y navegación del usuario, lo cual se hacía con el fin de web analíticas y seguimiento.

Javascript no necesitaba de un servidor que interpretara sus comandos e instrucciones, ya que corría dentro del navegador, respondiendo de una manera rápida a las acciones del usuario.

¿Que es JQuery?

 

Logo Jquery

 

Una vez que tenemos claro que es Javascript y de la gran cantidad de bondades que ofrece para los websites, es cuando empezamos a darnos cuenta que deseamos simplificar tantas líneas de código para lograr mejores efectos y más dinamismo a nuestros websites.

Jquery es una pequeña y rápida librería javascript. Cosas como  manipulación, manejo de eventos, animaciones y AJAX se vuelven mucho mas fáciles de usar y no solo eso, sino que también toma en cuenta el problema de la compatibilidad entre navegadores creando estándares que puedan ser leídos en la mayoría de navegadores, es la combinación entre versatilidad y extensibilidad, haciendo que más personas escriban javascript de una manera fácil y rápida.

Son todas estas características que hacen de JQuery una herramienta muy poderosa al momento de agregar efectos o comportamientos a nuestras páginas web, su compatibilidad es de las más altas que se puede tener, garantizando así que lo que programemos pueda ser visualizado sin problema alguno y usado por mega corporaciones como Google, Wikipedia, WordPress, Amazon, Twitter, entre otros.

Internet Explorer Chrome Firefox Safari Opera

jQuery 1.x

6+

Current − 1 version

Current − 1 version

Current − 1 version

Current − 1 version

jQuery 2.x

9+

Current − 1 version

Current − 1 version

Current − 1 version

Current − 1 version

Conclusión

JQuery está facilitando en todo el mundo el uso de Javascript a los desarrolladores web, reduciendo las instrucciones largas, en unas más pequeñas que pueden ser aprendidas y mejoradas, se pueden crear diferentes plug-ins y estos pueden luego ser mejorados o personalizados, hay una comunidad enorme de desarrolladores que siempre está respondiendo dudas de los usuarios y una nunca esta solo al momento de programar, es un lenguaje extremadamente popular que ha estandarizado la capa de comportamientos y  efectos para lograr websites dinámicos que puedan ser visto desde cualquier navegador.

Recomiendo antes de entrar a programar con JQery tener conocimientos de HTML y CSS, ya que son las 2 capas principales de nuestro website, JQuery solos les agregara mas dinamismo y funcionalidad a los que ya hemos creado. y revisar dentro de www.jquery.com la documentación  porque es muy importante entender la sintaxis y palabras reservadas del lenguaje junto con algunos demos y código de ejemplo. al momento de descargarnos la librería nos daremos cuenta de que se nos presenta 2 opciones:

  • Developer
  • Producction

Developer: al descargarnos la versión DEVELOPER estamos descargando la versión pesada de JQuery, es pesada debido a que dentro podremos ver el código de JQuery de una manera más extensa y detallada, entender cómo funciona JQuery e intentar programar o trastear con el código, con el fin de crear algo nuevo.

Production: es la versión ligera de la librería, esta no es fácil de entender y pesa menos, este se usa como librería del sitio web, ya que carga rápido y tiene todas las instrucciones, además de esto Jquery nos da la opción de no descargar la librería, sino simplemente con 1 línea de código llamarlo directamente de internet, ahorrándonos así unos Kb de información en el website o aplicación de móvil.

El lema de JQuery es: «Hacer mas escribiendo menos» lo cual es necesario en el mundo digital, internet esta por todas partes y las paginas estáticas son cosas del pasado, nuestros proyectos web deben tener elementos interactivos y efectos agradables al usuario, cosas que llamen la atención y eso es precisamente JQuery.

Bibliografia:

  • http://en.wikipedia.org/wiki/JavaScript
  • http://youtu.be/mwVuURFNX0E
  • http://youtu.be/VRnQOcVclS8
  • www.jquery.com

Acerca de Sergio

Estudiante de la Espol. Carrera de Licenciatura en paginas web y aplicaciones multimedia
Esta entrada fue publicada en ESPOL, Tecnologia y etiquetada , , , , . Guarda el enlace permanente.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *