Hacer que la web sea interactiva: una introducción a jQuery

jQuery es una biblioteca de secuencias de comandos del lado del cliente que casi todos los sitios web modernos utilizan; hace que los sitios web sean interactivos. No es la única biblioteca Javascript, pero es la más desarrollada, la más compatible y la más utilizada.

jQuery es una biblioteca de secuencias de comandos del lado del cliente que casi todos los sitios web modernos utilizan; hace que los sitios web sean interactivos.  No es la única biblioteca Javascript, pero es la más desarrollada, la más compatible y la más utilizada.
Anuncio

revisión jquery jQuery es una biblioteca de secuencias de comandos del lado del cliente que casi todos los sitios web modernos utilizan; hace que los sitios web sean interactivos. No es la única biblioteca Javascript, pero es la más desarrollada, la más compatible y la más utilizada. Es uno de los componentes básicos de cualquier sitio web moderno. Pero, ¿qué es exactamente jQuery, qué lo hace tan popular, y por qué debería importarle si está empezando como desarrollador web?

¿Qué es jQuery?

jQuery es una extensión de Javascript, una biblioteca de funciones y utilidades de Javascript que agrega un toque visual y hace que las funciones avanzadas sean fáciles de implementar en unas pocas líneas de código. Es compatible con todos los navegadores y de código abierto. Además, también puede extender la funcionalidad de jQuery con complementos fáciles de usar.

revisión jquery

jQuery está construido sobre Javascript, pero agrega métodos y funcionalidades que no se encuentran en el Javascript puro. Fue creado con el fin de simplificar el uso de Javascript y eliminar las molestias relacionadas con la implementación de diferentes JavaScript en diferentes navegadores. Con jQuery puedes escribir una vez, y jQuery interpretará tu código correctamente para cualquier navegador.

La función principal de jQuery es la manipulación de DOM (DOM es el modelo de objetos de documento), y significa la estructura subyacente de cualquier página web que visite. Cada cosa que ves en la página, y muchas que no ves, están representadas en el DOM.

jQuery no es la única biblioteca de Javascript que existe, pero es la más popular: alrededor del 55% de los mejores sitios web lo usan. Prototype, MooTools y Scriptaculous son alternativas populares, pero no tan bien respaldadas.

Lado del cliente frente al lado del servidor

La mayoría de las páginas web se generan en el servidor: MakeUseOf usa PHP y MySQL (en forma de WordPress) para buscar los datos de los artículos de una base de datos y luego aplicar una plantilla a esos datos. La página resultante se envía a su navegador, se interpreta y se le muestra. Al hacer clic en un enlace se realiza otra solicitud a la base de datos y se genera otra página. Pero, ¿y si quieres crear algún tipo de interactividad en la página? Un formulario que comprueba qué tipo de usuario escribe (como Twitter, que cuenta cuántas letras le quedan), un botón que abre un cuadro de diálogo o quizás desea cargar más datos sin volver a cargar toda la página.

Aquí es donde entra en juego el scripting del lado del cliente . Ahí es donde el cliente, su navegador, hace el trabajo pesado. La mayoría de los sitios web, incluido este, usan un poco de ambos.

cómo usar jquery

¿Por qué usar jQuery?

Flair visual

jQuery te permite cambiar partes de la página web en respuesta a las acciones del usuario. Como un ejemplo rápido, haga clic en este enlace: cada enlace en la página cambiará a rojo . ¿Inútil? Quizás, pero entiendes el punto. Las presentaciones de diapositivas de imágenes son un uso común de jQuery. Equilibrar efectos visuales sin sentido y adiciones genuinamente útiles a la experiencia del usuario es parte de la habilidad de ser un desarrollador web.

Aquí hay una lista rápida de algunos efectos realmente impresionantes que puedes lograr.

cómo usar jquery

Eventos fáciles

Casi todo el software funciona en un modelo de evento: haga clic en algo y se desencadena un evento de clic. Arrastre el dedo por una tableta y se desencadena un evento de arrastre. Las aplicaciones "escuchan" estos eventos y hacen algo: jQuery te permite hacer esto en un navegador.

Realice AJAX Simply

JavaScript asincrónico y XML es una forma de comunicarse con un servidor remoto sin tener que cargar otra página. Un buen ejemplo de esto es la corriente de estado de Facebook. Intenta desplazarte por todas tus actualizaciones hasta que llegues al final. No puedes. Tan pronto como llegue al final, jQuery detecta que está cerca y envía una solicitud de AJAX para que se muestren más estados.

Luego los inyecta en la página actual, sin que te des cuenta. Obtiene un flujo infinito de actualizaciones, pero no están todas cargadas al principio.

Interfaces de usuario avanzadas

Junto con el complemento jQuery UI core, puede crear aplicaciones web completas utilizando componentes de formularios estándar; barras de progreso, controles deslizantes, botones, pestañas, arrastrar y soltar: todo está allí. Un sistema de tematización simple le permite personalizar la apariencia, o puede usar uno de los valores predeterminados.

revisión jquery

¿Debería importarme?

Si tiene algún interés en desarrollar sitios web, qué lenguaje de programación para aprender, programación web, qué lenguaje de programación aprender, programación web Hoy vamos a echar un vistazo a los diversos lenguajes de programación web que alimentan Internet. Esta es la cuarta parte en una serie de programación para principiantes. En la parte 1, aprendimos lo básico de ... Lea más, luego sí - jQuery es algo que definitivamente necesita aprender. Si alguna vez se ha preguntado "¿Cómo puedo hacer que X haga Y cuando el usuario hace Z?", Entonces le va a encantar jQuery. Agregarlo a su sitio es tan simple como agregarle un enlace en el encabezado; o diciéndole a WordPress que lo cargue.

¿Te gustaría aprender jQuery? Háganos saber en los comentarios y veré qué puedo hacer.

Créditos de imagen: cartelera giratoria dinámica creada con jQuery, PistolSlut.com, gráfico realizado con jQuery

In this article