Tecnología emergente

Uso de jQuery para mejorar una página web ordinaria

JavaScript no es el idioma más fácil de aprender. Muchos desarrolladores web que comprenden HTML estándar se sienten bastante intimidados por él. Una nueva generación de frameworks JavaScript ha existido por un tiempo y está comenzando a llegar a la web con calma.

Todos los navegadores modernos pueden ejecutar JavaScript de manera eficiente (algunas modificaciones recientes a Firefox sin embargo, realmente han acelerado su motor). Recomiendo encarecidamente descargar y usar Firefox, el plugins solo lo hacen invaluable.

jQuery es un marco de JavaScript con el que he estado experimentando cada vez más recientemente. Cuando puse un marcador de posición para una nueva puesta en marcha, no teníamos suficiente contenido para un sitio completo, pero queríamos crear una página agradable que describiera lo que vendría. ¡Y queríamos hacerlo en unos minutos!

jQuery hizo el truco.

Haga una búsqueda de jQuery + prácticamente cualquier cosa, y también encontrará que los desarrolladores han creado soluciones, llamadas complementos, ¡que están listas para usar! En este caso, hice una búsqueda de "carrusel de jQuery" y encontré un fantástico y completo Solución de carrusel jQuery en Dynamic Drive.

Otra cosa buena de jQuery es que es el código ahora está alojado en Google. Como resultado, no es necesario que cargue jQuery en su propio servidor, ni los lectores de su sitio web tienen que descargarlo cada vez. Si han estado en un sitio con la referencia a jQuery, ¡se almacena automáticamente en caché para usarlo con su sitio!

Simplemente agregue el código dentro de su etiqueta principal y estará listo y funcionando con jQuery:


Para ejecutar el carrusel, tuve que cargar y hacer referencia al script stepcarousel:


Después de eso, ¡modificar la página fue simple! Puse mi carrusel dentro de un div llamado mi galería y la tira de paneles dentro de un div llamado cinturón. Luego agregué una pequeña parte del código de configuración dentro de mi etiqueta corporal.

Puedes personalizar un poco la acción. En este caso, modifiqué el script para que se ejecutara automáticamente cuando se carga la página. Personalicé la velocidad y la duración en que se muestra cada panel, así como los botones para rotar manualmente los paneles hacia la izquierda y hacia la derecha. Otra característica interesante de este complemento: cuando llegas al último panel, rebobina de vuelta al primero!

Si le teme a la programación o JavaScript es intimidante, jQuery puede ser la solución para usted. La mayoría de las veces, simplemente necesita copiar y pegar las referencias del archivo, editar algunas configuraciones, estructurar la página correctamente ... y ya está listo.

Douglas Karr

Douglas Karr es el fundador de la Martech Zone y experto reconocido en transformación digital. Doug es un Orador público principal y de marketing. Es el vicepresidente y cofundador de Highbridge, una firma especializada en ayudar a las empresas empresariales a transformar digitalmente y maximizar su inversión en tecnología utilizando tecnologías de Salesforce. Ha desarrollado estrategias de marketing y productos digitales para Tecnologías Dell, Ve papi, Salesforce, Tendencias web y Smartfocus. Douglas también es el autor de Blogs corporativos para tontos y co-autor de El mejor libro de negocios.

3 Comentarios

  1. Actualmente estoy reconstruyendo mi sitio web y espero lanzarlo este fin de semana si todo va bien. Estoy usando jQuery para algunos aspectos y no tengo quejas hasta ahora. Todo parece emitir esa sensación de "web 2.0" y, con suerte, solo complementará el sitio terminado.

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.

Artículos Relacionados