00:00:00jQuery 4 ya está aquí y, no te preocupes, no has viajado en el tiempo; esto es
00:00:04solo nuestra primera actualización de versión mayor desde 2016. Ha estado en beta 2 años y
00:00:09llega 20 años después del lanzamiento original de jQuery.
00:00:12Y puede que te sorprenda saber que jQuery sigue siendo bastante importante. El 88 % de las webs
00:00:17aún lo usan, gracias sobre todo a WordPress, pero también se ve que hay algunos
00:00:21nombres importantes que lo utilizan. Ya saben: si algo funciona, no lo toques.
00:00:25Excepto que esta actualización sí podría romper algunas cosas, ya que han aprovechado para hacer
00:00:29todos esos cambios drásticos que querían desde hace años, como recortar código antiguo,
00:00:32eliminar APIs obsoletas y funciones no documentadas, además de un montón de correcciones.
00:00:38Así que vamos a sumergirnos en los cambios clave y ver cuánto ha evolucionado
00:00:42jQuery en estos 20 años.
00:00:49El primer gran cambio: un minuto de silencio por Internet Explorer 10 y versiones anteriores.
00:00:53Ya no tendrán soporte, pero no entres en pánico si estás viendo esto en Internet Explorer 11.
00:00:58Su soporte no se quitará hasta jQuery 5, así que aún tienes tiempo para darle al botón de suscribirse.
00:01:02Además, han dejado de dar soporte a Edge Legacy, versiones de iOS anteriores a las últimas 3,
00:01:07versiones de Firefox anteriores a las últimas 2 y también al navegador de Android.
00:01:12Como ven, nos estamos modernizando de verdad. De hecho, los siguientes 3 cambios van de eso.
00:01:17Pasando al cambio número 2: están migrando el código fuente de jQuery de AMD a módulos ES,
00:01:22así que ahora debería funcionar bien con Vite, Webpack y sistemas modernos sin trucos raros.
00:01:27Así que, ¿por qué no lo pruebas e instalas en tu próximo proyecto? Solo por diversión
00:01:31o quizás por un poco de nostalgia.
00:01:33Y hablando de nostalgia, esta actualización demuestra lo mucho que ha avanzado JavaScript,
00:01:36porque en el cambio número 3, han eliminado varias funciones de jQuery debido a que
00:01:41JavaScript ya se ha puesto al día. Incluye cosas como isArray, parseJSON, trim, now,
00:01:46isNumeric, isFunction y muchísimas más. Ahora puedes hacer casi todo esto con
00:01:51JavaScript nativo sin necesidad de una librería adicional. Es una locura que
00:01:56necesitáramos una librería para cosas así en primer lugar, pero así es como
00:02:00tienen que evolucionar los lenguajes.
00:02:01Y hablando de evolución, los navegadores también lo hacen. En el cambio número 4,
00:02:06la última gran actualización de modernización, finalmente han arreglado el orden del foco.
00:02:11así que jQuery tenía su propia definición para ser consistente en todos ellos. Pero ahora,
00:02:15its own definition so it would be consistent across all of them. But now, since they're
00:02:20como los navegadores antiguos están obsoletos, todos los actuales (salvo Internet Explorer) tienen
00:02:24exactamente el mismo orden, por lo que jQuery ya no anulará el comportamiento nativo.
00:02:29Se nota que el equipo se centró en modernizar jQuery, ya que mucho de lo que lo hacía
00:02:34útil en el pasado se ha acabado añadiendo a JavaScript de todos modos.
00:02:38Aun así, quedan cosas que pueden modernizarse, como los “Deferreds” y “callbacks”
00:02:42que pueden sustituirse por promesas (si no usas IE11), o algunas animaciones
00:02:47que antes se hacían con jQuery y que ahora son muy fáciles de hacer con CSS.
00:02:52Si quieres ir un paso más allá, han hecho que la versión “slim” elimine varios de estos
00:02:55módulos extra, pesando solo 19,5 kilobytes. Creo que es un enfoque muy acertado:
00:03:01ofrecer esas funciones en el paquete completo para quien las necesite,
00:03:04pero ofrecer una versión ligera sin los extras que ya no hacen falta hoy en día.
00:03:08Esos son los cambios principales, pero obviamente ha habido muchísimas correcciones
00:03:12y pequeños ajustes, algunos de hace años. El más antiguo que encontré era de 2014,
00:03:17relacionado con jQuery promocionando JSON a JSONP automáticamente, lo cual ya se arregló.
00:03:22Incluso hay un problema de 2015 que recuerdo haber sufrido: el asignador CSS de jQuery
00:03:28añadía automáticamente “pixels” a cualquier número sin unidad. Esto también
00:03:33se ha corregido. Hay muchísimo más que pueden explorar por su cuenta.
00:03:37Incluso hay arreglos simples como erratas, pero tardaríamos demasiado en verlos todos.
00:03:42Personalmente, quería echarle un vistazo a jQuery y ver cuánto ha avanzado, ya que es
00:03:46una pieza increíble de la historia del desarrollo web. Y quizás es hasta grosero decir “historia”
00:03:51cuando todavía se usa y se mantiene de forma tan activa. Obviamente, no usaría jQuery
00:03:56hoy en día en lugar de React o cualquier framework moderno, pero sirve para recordar
00:04:01que la web se construye por capas. A veces, las herramientas aburridas, simples y viejas
00:04:06son las que mantienen la web unida, sobre todo en esas apps heredadas que nadie se atreve
00:04:10a actualizar. Tengo curiosidad: los que siguen aquí, ¿usaron jQuery o lo siguen usando?
00:04:15Cuéntenmelo en los comentarios y, de paso, suscríbanse. Como siempre,
00:04:19nos vemos en el próximo video.