¡POR FIN salió jQuery 4! (¿Qué...?)

BBetter Stack
AI/미래기술자격증/평생교육컴퓨터/소프트웨어

Transcript

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.

Key Takeaway

jQuery 4.0 marca una modernización profunda de la librería al eliminar el lastre de navegadores obsoletos e integrar estándares de JavaScript contemporáneos.

Highlights

jQuery sigue presente en el 88 % de los sitios web actuales

Timeline

El regreso de un gigante del desarrollo web

El video comienza anunciando el lanzamiento de jQuery 4, destacando que es la primera actualización mayor en casi una década. El narrador explica que, a pesar de los años, el 88 % de la web todavía utiliza esta librería, citando a WordPress como el factor principal de su relevancia actual. Se menciona que grandes empresas aún confían en su estabilidad bajo la premisa de no tocar lo que ya funciona bien. No obstante, esta versión rompe con el pasado al eliminar código antiguo y APIs que ya no eran documentadas. Este segmento establece el contexto histórico de una herramienta que cumple 20 años en el ecosistema digital.

Adiós a los navegadores obsoletos y modernización técnica

En esta sección se detalla el fin del soporte para Internet Explorer 10 y versiones anteriores, marcando un hito en la limpieza del código. El ponente aclara con humor que IE11 aún tendrá soporte hasta la versión 5, dando un margen de maniobra a los desarrolladores conservadores. Un cambio técnico fundamental es la migración de AMD a módulos ES, lo que permite que jQuery sea compatible con entornos modernos como Vite o Webpack sin configuraciones complejas. El objetivo es que la librería pueda ser instalada en proyectos actuales de forma nativa y eficiente. Esta modernización busca atraer tanto a desarrolladores nostálgicos como a quienes necesitan herramientas estables para flujos de trabajo contemporáneos.

Convergencia con JavaScript nativo y corrección de estándares

El análisis se centra en cómo JavaScript nativo ha absorbido muchas de las funciones que originalmente hicieron famoso a jQuery. Se enumeran funciones eliminadas como parseJSON, trim e isNumeric, las cuales ya no son necesarias gracias a la evolución de los navegadores. El orador reflexiona sobre cómo los lenguajes deben evolucionar para que las librerías externas dejen de ser requisitos indispensables. Otro punto clave es la corrección del orden del foco (focus order), que ahora se rige por el comportamiento nativo del navegador en lugar de una lógica personalizada. Esto demuestra que el equipo de desarrollo prioriza la consistencia con los estándares actuales sobre la retrocompatibilidad extrema.

Optimización de rendimiento y la versión Slim

El video explora las alternativas modernas para reemplazar componentes de jQuery, como el uso de promesas en lugar de Deferreds o animaciones CSS en vez de scripts. Se presenta la versión "slim" de la librería, la cual logra reducir su peso a tan solo 19,5 kilobytes al omitir módulos que ya no se consideran esenciales. El narrador elogia este enfoque modular, ya que permite a los usuarios elegir entre el paquete completo o una versión ligera adaptada a la web moderna. Esta flexibilidad es vital para mantener la competitividad frente a otros frameworks más jóvenes. El cambio refleja un esfuerzo consciente por hacer que jQuery sea menos pesado y más relevante para el rendimiento móvil.

Corrección de errores históricos y reflexiones finales

Para finalizar, el contenido revisa correcciones de errores que estaban pendientes desde 2014, como el manejo automático de JSONP y la asignación errónea de píxeles en CSS. Se menciona que se han corregido incluso erratas menores en el código, demostrando una atención al detalle meticulosa durante los dos años de fase beta. El autor concluye que, aunque no elegiría jQuery sobre React para proyectos nuevos, reconoce su importancia como capa fundamental que mantiene unida a la web. El video cierra invitando a la audiencia a compartir sus experiencias previas con la librería en la sección de comentarios. Es un recordatorio de que las herramientas "aburridas" y antiguas siguen siendo la infraestructura invisible de internet.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video