Inicio

Javascript en Blogger: jQuery vs Vanilla JS

12.1.19

+Coding


Blogger es uno de los pocos CMS que nos permite personalizar el diseño de un sitio de manera más amplia.

Para esto hacemos uso de HTML/XML (la estructura), el CSS (la estilización) y Javascript o JS (añadir dinamismo al diseño).

Interacciones comunes en estos días, como expandir un buscador, utilizar un menú desplegable (dropdown menu) y hasta añadir animaciones al ir haciendo scroll en el sitio son posibles gracias a JS.



jQuery y Vanilla JS en Blogger


Pero hablar de Javascript es entrar en un mundo inmenso, existen varias librerías que nos facilitan la codificación cuando se trata de proyectos grandes, siendo una de las más utilizadas en Blogger jQuery.



¿Qué es jQuery?

Nacida en 2006, es una librería multiplataforma enfocada en simplificar el scripting (o la codificación específica de scripts).

Su mayor ventaja es que facilita a los desarrolladores realizar tareas con menos codificación. Además, existen plugins que permiten ampliar las funcionalidades de esta librería, como jQuery UI.

jQuery
Sin olvidar que algunos elementos como Slicknav (crear menú responsive), Owl Carousel (compendio de sliders), FitVid (iframe responsive de Youtube y Vimeo) y FeatherLight (Lightbox) son codificados con dependencia en jQuery.

Desventajas

Podría mencionar su utilización como una desventaja para el desempeño de un sitio cuando:
  • Se requiere además usar jQuery Migrate (uno de sus plugins) porque determinadas funcionalidades siguen dependiendo de versiones anteriores.
  • No se actualiza a la versión más reciente, actualmente la 3.3.1, lo que además agrega la desventaja de las vulnerabilidades de seguridad.
  • Se utiliza para funcionalidades que bien podrían ejecutarse sin depender de esta librería.

Realmente el uso de jQuery por sí mismo no debe considerarse una desventaja. Cuando realizo personalizaciones de temas que ya lo incluyen y donde compensa su implementación, trabajo desde la actualización de la librería y depurando aquellos scripts que se requieran, ya sea eliminando dependencia a versiones pasadas, o convirtiendo aquellos que no dependían en absoluto para así aprovechar al máximo jQuery.

Para los diseños a medida, todo dependerá de lo requerido por mi cliente, aunque personalmente abogo por analizar a profundidad si las funcionalidades pedidas pueden ejecutarse sin esta librería o si algún elemento que forzosamente le necesita pueda ser sustituido por otro que no, sin afectar el diseño visual final.


¿Qué es Vanilla JS?

Cuando se utiliza Javascript sin depender de ninguna librería o framework, entonces se habla de Vanilla JS.

Y dicho sea de paso, el término surgió como una manera sofisticada (y hasta sarcástica) de llamar al Javascript puro, entendiendo que vanilla como adjetivo en inglés significa 'no tener características especiales o adicionales'.

Fue posiblemente popularizado en 2012 por el sitio satírico http://www.vanilla-js.com/ de Eric Wastl.

Vanilla JS
Anteriormente codificar en Javascript puro traía problemas de compatibilidad, por lo que precisamente nació y se expandió jQuery, pero actualmente esto no sucede debido a que Javascript ha evolucionado, facilitando así su uso sin dependencias.

Reconozco que en mis inicios en la edición de temas para Blogger, me decanté por la facilidad de codificar en jQuery; pero, a medida que me fui entusiasmando por el coding comprendí la importancia de conocer las bases de Javascript, no sólo pensando en la eficiencia del desarrollo mismo, sino también en que manejar los fundamentos del lenguaje permite conocer mejor aquellos frameworks y librerías que surgen para ayudarnos en la creación de sitios y apps.



¿jQuery o Vanilla JS?

No existe una respuesta simplista. Cada proyecto es único; en algunos sería más adecuado, por su complejidad, el uso de jQuery mientras que en otros con Vanilla JS podremos hacer lo mismo, con carga más rápida y eficiente.

Es por esto, que en aquellos tutoriales que comparta en ANMATT Studio ofreceré los códigos tanto en jQuery como en Vanilla JS mientras me sea posible, dando la alternativa al usuario final, mi lector, de escoger la que pueda utilizar en su sitio alojado en Blogger.

¿Quieres saber si tu proyecto tiene el Javascript codificado de manera óptima? Solicita la revisión exhaustiva donde además haré los cambios pertinentes para mejorar tu sitio.




yo, cyball

Escrito por Cyball Ruiz

Coder y creadora ANMATT Studio, donde encuentras recursos y consejos para tu espacio en Blogger.

Seguir






Otros artículos...