Hacer la web interactiva: una introducción a jquery

jQuery es una biblioteca de scripts del lado del cliente que utiliza casi todos los sitios web moderna - que hace que los sitios web interactiva. No es la única biblioteca de javascript, pero es el más desarrollado, más apoyado, y más ampliamente utilizado. Es uno de los componentes básicos de cualquier sitio web moderno. Pero, ¿qué es jQuery, lo que lo hace tan popular, y ¿por qué debería preocuparse por ello si estás empezando como desarrollador web?

Vídeo: Curso de jQuery en español, Cómo Implementar el Evento click

¿Qué es jQuery?

jQuery es una extensión de javascript, una biblioteca de javascript funciones y utilidades que añaden atractivo visual, y hacen funciones avanzadas fáciles de implementar en tan sólo unas pocas líneas de código. Se apoya en todos los navegadores, y de código abierto. Además también se puede ampliar la funcionalidad de jQuery con fácil de usar plugins.

Vídeo: Curso de jQuery 2.x en Español, Introducción

jQuery se construye en la parte superior de javascript, pero añade métodos y funcionalidades que no se encuentran en el más puro javascript. Fue creado con el fin de simplificar el uso javascript y quitar las molestias relacionadas con la implementación diferente javascript en diferentes navegadores. Con jQuery sólo se puede escribir una vez, y jQuery va a interpretar el código correctamente para cualquier navegador.

La función principal de jQuery es para la manipulación DOM (DOM es el Document Object Model), y significa la estructura subyacente de cualquier página web que visite. Cada cosa que se ve en la página - y muchos que no se ve - están representados en el DOM.

jQuery no es la única biblioteca de javascript por ahí, pero es el más popular - alrededor del 55% de los 10.000 sitios web de utilizarlo. Prototype, Scriptaculous MooTools y son una alternativa popular, pero no tan bien soportados.

Del lado del cliente vs lado del servidor

La mayoría de las páginas web se generan en el lado del servidor - usos MakeUseOf PHP y MySQL (en forma de WordPress) Para recuperar los datos de una base de datos de artículos y luego aplicar una plantilla a esos datos. La página resultante se envía a su navegador, interpretado, y se muestra en su caso. Al hacer clic en un enlace hace otra petición a la base de datos, y sin embargo, se genera otra página. Pero lo que si se desea crear algún tipo de interactividad en la página? Una forma que comprueba lo que el usuario (como Twitter, que cuenta cuántas cartas que le queda), un botón y aparecerá un cuadro de diálogo, o tal vez desea cargar algunos datos más sin volver a cargar la página entera?

Aquí es donde secuencias de comandos del lado del cliente entra en juego. Ahí es donde el cliente - el navegador - hace el trabajo pesado. La mayoría de los sitios web, éste incluido, utilizan una mezcla de ambos.

¿Por qué utilizar jQuery?

visual instinto

jQuery le 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 - todos los vínculos de la página se cambiar a rojo. ¿Inútil? Tal vez, pero usted consigue el punto. presentaciones de imágenes son un uso común de jQuery. Equilibrar los efectos visuales sin sentido y adiciones verdaderamente útiles a la experiencia del usuario es parte de la habilidad de ser un desarrollador web.

He aquí una lista rápida de algunos efectos realmente impresionantes que puede lograr.

fácil Eventos

Casi todo el software funciona en un modelo de eventos - haga clic en algo, y un evento de clic se activa. Arrastrar el dedo por una tableta y un evento de arrastre se dispara. Aplicaciones “escuchan” para estos eventos y hacer algo - jQuery le permite hacer esto en un navegador.

Simplemente realizar AJAX

javascript asíncrono 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. Trate de desplazarse a través de todas las actualizaciones hasta llegar a la parte inferior. No se puede. Tan pronto como se llega a la final, jQuery detecta que está cerca, y envía una petición AJAX para más estados para mostrar.

Vídeo: Programación Jquery - Clase 01 introduccion

A continuación, los inyecta en la página actual, sin que te des cuenta. Se obtiene un flujo infinito de cambios, pero no todos son cargados en el inicio.

Interfaces de usuario avanzada

Junto con el complemento del núcleo de jQuery UI, puede crear aplicaciones web completas utilizando la forma estándar Componentes barras de progreso, deslizadores, botones, pestañas, arrastrar y soltar - es todo lo que hay. Un sistema de tematización sencilla le permite personalizar el aspecto y la sensación, o puede utilizar uno de los valores por defecto.

¿Debería importarme?

Si usted tiene algún interés en absoluto en desarrollo de sitios web, entonces sí - jQuery es una cosa que sin duda necesita aprender. Si alguna vez se ha preguntado “¿Cómo puedo hacer X hacer Y cuando el usuario hace Z?”, entonces vas a amar jQuery. Agregarlo a su sitio es tan simple como añadir un enlace a ella en el Header o diciendo WordPress para cargarlo.¿Qué lenguaje de programación para aprender - Programación Web¿Qué lenguaje de programación para aprender - Programación WebHoy vamos a echar un vistazo a los diversos lenguajes de programación web que potencian el Internet. Esta es la cuarta parte de una serie de programación principiantes. En la parte 1, aprendimos lo básico del ...Lee mas

Vídeo: Introducción a los eventos en jQuery

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