30

Por qué debes dejar de usar jQuery

49031Puntos

hace 2 años

Curso de jQuery a JavaScript 2018
Curso de jQuery a JavaScript 2018

Curso de jQuery a JavaScript 2018

Aprende a pasar código de jQuery a JS. Crea páginas dinámicas y animaciones en muy poco tiempo. Optimiza tu código jQuery y programa scripts de forma fácil y rápida con Javascript.

Actualmente JavaScript puede resolver de manera nativa aquellos problemas que en 2006 llevaron a John Resig a crear jQuery:
• Una forma unificada de acceder al DOM.
• Poder interactuar con datos de un servidor.
• Crear animaciones.

Una librería para dominarlos a todos

”jQuery es utilizado por el 74.0% de todos los sitios web.”.

Anteriormente, cada navegador implementaba JavaScript a su forma, no había un método estándar para acceder al DOM.

Cosas como realizar animaciones en el navegador hoy en día es muy sencillo gracias a CSS, pero antes era muy complicado.

jQuery vino a solucionar estos y muchos más problemas. Funcionaba de forma correcta, pero como todo en la vida, empezó a tener problemas debido a su uso exagerado.

Siendo casi 4 veces más popular que Bootstrap, su uso exagerado ha hecho que muchos desarrolladores opten por primero aprender jQuery en lugar de JavaScript puro, incluso, en algunos casos no diferenciar jQuery de JavaScript.

Hoy en día utilizar jQuery para tu página web trae más desventajas que beneficios:

  • Requiere de un motor interno llamado Sizzle cuyo tamaño del archivo llega a los 65kb y superá las 2000 líneas de código.
  • Una tarea tan sencilla como seleccionar un elemento del DOM para poder manipularlo llega a ser muy tardada.

Por ejemplo, crea un espacio de trabajo en Codepen, importa la librería de jQuery y ejecuta el siguiente bloque de código:

console.time("jquery test")

const div = $('.target')

console.timeEnd("jquery test")

console.time("vainilla test")

const vainillaDiv = document.querySelector('.target')

console.timeEnd("vainilla test")

En la consola vas a ver que el tiempo que tarda en ejecutarse esta tarea es 4 veces más demorada cuando usamos jQuery. Tal vez decir esto para tiempos menores a 10ms puede sonar exagerado, pero al realizar múltiples animaciones dentro de la página estos tiempos se van incrementando y volverán nuestro sitio bastante lento, incluso pueden llegar a parar todo el navegador.
Hombre comiendo cereal con una cuchara gigante

Ventajas JavaScript puro

  • Reutilizas el conocimiento en otros lados de tu aplicación.
  • Poder implementar soluciones sin depender de una librería.
  • Tener mayor capacitación para las grandes empresas.
  • Poder probar tu código en la consola de cualquier navegador o a través de tu consola con Node.
  • Si se trata de un proyecto chico, probablemente no valga la pena obligar al usuario a descargar 93kb de librería para ahorrar 20 líneas de código.

Con la especificación ECMAScript, hoy en día JavaScript tiene un soporte muy similar en diferentes navegadores. La mayoría de navegadores soporta todas las características necesarias para una página web promedio, ya para fines más experimentales navegadores como Safari, Opera o el viejo Internet Explorer te van a representar problemas. Puedes revisar en Can I Use el soporte de características.

Si todavía usas jQuery para todos tus proyectos y no conoces sobre querySelector, fetch o creación de templates con JavaScript puro, no te preocupes, nunca es tarde para empezar a aprender. En el Curso de jQuery a JavaScript(https://platzi.com/cursos/fundamentos-javascript/) aprenderás a NO depender de ninguna librería para crear sitios web con resultados profesionales y tiempos de carga mucho mejores. ¿Qué esperas para dejar de depender de jQuery?

#NuncaParesDeAprender

Curso de jQuery a JavaScript 2018
Curso de jQuery a JavaScript 2018

Curso de jQuery a JavaScript 2018

Aprende a pasar código de jQuery a JS. Crea páginas dinámicas y animaciones en muy poco tiempo. Optimiza tu código jQuery y programa scripts de forma fácil y rápida con Javascript.
Demian
Demian
demian

49031Puntos

hace 2 años

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
8
7926Puntos

Importante reconocer dos cosas:

  1. Se debe aprender JQuery ya que el 74% de la Web lo utiliza, ofreciendo una gran cantidad de oportunidades laborales en soporte y mantenimiento.

  2. La evolución de JavaScript nos permite y recomienda usarlo directamente sin intermedio de ninguna librería, fundamental dominarlo para nuevos proyectos, ademas los desarrolladores del futuro nos lo agradecerán.

1
609Puntos
2 años

Exacto, ademas de que en la mayoría de empleos te lo piden ya que sus desarrollos llevan jquery en la actualidad.

5
9268Puntos

Ok, la duda es… Esta bien no aprender la jQuery o tengo que aprenderla y tenerla ahí en caso de emergencia? Porque si veo que muchas ofertas laborales en donde es un requisito fundamental

2
23323Puntos
2 años

No te aliento a aprenderlo o no, pero para mi jquery ha sido un sacador de apuros y es porque es muy fácil de obtener la respuesta en stackoverflow y ahi si aplica el copia y pega. En el curso de Jquery a JS puedes aprenderlo comparando las funciones

2
23323Puntos
2 años

Creo que al final si alenté

3
4452Puntos
2 años

Si aprendes JavaScript nativo, jQuery te será más que familiar, en caso que decidas aprenderlo. Aún veas ofertas que lo requieren, aunque hayas tenido 0 experiencia con el, la curva de aprendizaje no sera más que adaptarte a la forma de hacer las cosas.

Ejemplo:

  1. jQuery: const element = $(‘tag’);
  2. JavaScript: const element = document.querySelector(‘selector’);

En beneficio saber JavaScript sobre jQuery te dará otras ventajas frente a otros frameworks y/o librerías de JavaScript.

2
4452Puntos
2 años

Si aprendes JavaScript nativo, jQuery te será más que familiar, en caso que decidas aprenderlo. Aún veas ofertas que lo requieren, aunque hayas tenido 0 experiencia con el, la curva de aprendizaje no sera más que adaptarte a la forma de hacer las cosas.

Ejemplo:

  1. jQuery: const element = $(‘tag’);
  2. JavaScript: const element = document.querySelector(‘selector’);

En beneficio saber JavaScript sobre jQuery te dará otras ventajas frente a otros frameworks y/o librerías de JavaScript.

2
8293Puntos

JQuery debe ser aprendido debido a que en todos lados te lo van a pedir, sin embargo evita usarlo en la mayor medida de lo posible

2
13500Puntos

Yo estoy de acuerdo con que se debe aprender Javascript nativo, pero no estoy de acuerdo con decir que jquery ya esta obsoleto, porque sigue siendo una herramienta super potente.

Con la entrada del 5g, descargar 93kb no es ni un estornudo, ademas, si tu miras los sitios web, el mayor peso lo dan las imágenes, que pesan megas completos, con respeto a las imagenes, jquery no pesa nada, ni un 10% de lo que pesa una sola imagen.

En mi humilde opinión, jquery es la forma en que JS debio haber sido escrito, si no fue asi, pues ni modo, pero tiene todavía mucho potencial.

1
28Puntos

En mi opinión, creo que no sería tanto No aprender jQuery, ya que en el día a día tendrás que comprender y mantener sitios que ya lo tienen implementado, más bien, debes NO implementarlo en sitios nuevos o bien tener la noción de cómo manipularlo cuando se te asigne un refresh a un sitio y debas migrar de jQuery a javascript puro.

1
27584Puntos

jQuery solo lo tengo en algún sitio si llega a usar Bootstrap, usar código del mismo muy muy muy rara vez.

1
4497Puntos

Excelente post y como experiencia personal cuando uno apenas está aprendiendo a programar es fácil confundirse con js nativo y jQuery, la verdad si es muy sencillo pero cuando estás en ese nivel si es algo complicado. Por lo mismo me propuse a aprender y autorizar lo mejor que pueda JS y una vez hecho eso, aprender jQuery.

1

ya habia aprendido jquery y se me fascilito mucho continuar escribiendo código en javascript puro y que es similar

1
14148Puntos

Dado que más del 70% usa JQuery es recomendable conocerlo ya que seguramente lo vamos a necesitar en algún momento. Sin embargo, para nuevos proyectos deberíamos implementar mayoritariamente JavaScript nativo.

1
33Puntos

Y Que hago si uso Bootstrap 4, y bootstrap 4 aún usa JQuery?

1
17644Puntos
2 años

Esta misma pregunta me estaba haciendo… Existe alguna forma de hacer la portabilidad de plantillas de Bootstrap a Bulma CSS. Porque los que agilisamo desarrollos utilizando este método la prácticamente es un requerimiento utilizar JQuery.

1
3988Puntos

Pensaba aprender JQuery jajaja

1
3112Puntos

No se si estoy bien pero he notado que otras librerías como Bootstrap que son muy populares, piden jQuery para funcionar, en ese caso deberíamos buscar otras opciones? por ejemplo qué opción tendría a bootstrap? Gracias.

1
28Puntos
2 años

Materialize

Es una opción genial, versátil y divertida, en su versión beta funcionaba con jQuery, pero hoy en la nueva versión funciona con javascript puro.

1
17644Puntos
2 años

Excelente @VladimirBM voy a darle un check a este tema. Me interesa muchísimo y asi puedo armar mi road map de aprendizaje.

0
20062Puntos

Post que envejecieron mal (haciendo referencia al curso que te recomienda xD)