jQuery 4 FINALMENTE lançado... (O quê!?)

BBetter Stack
Internet TechnologyAdult EducationComputing/Software

Transcript

00:00:00O jQuery 4 finalmente chegou e, não se preocupe, você não viajou no tempo. Esta é
00:00:04apenas a nossa primeira grande atualização desde 2016. Ela está em beta há 2 anos e
00:00:09chega 20 anos após o jQuery ter sido apresentado pela primeira vez.
00:00:12E pode te surpreender saber que o jQuery ainda é bem importante. 88% de todos os sites
00:00:17ainda o utilizam, provavelmente graças ao WordPress, mas você também pode ver que ainda há alguns
00:00:21nomes bem grandes que o utilizam. Quero dizer, se não está quebrado, não conserte.
00:00:25Exceto que esta atualização pode, na verdade, quebrar algumas coisas, já que aproveitaram para fazer
00:00:29todas as mudanças drásticas que queriam há anos, incluindo a remoção de código antigo,
00:00:32APIs obsoletas e funções nunca documentadas, além de uma série de correções de bugs.
00:00:38Então vamos direto ao ponto, dar uma olhada nas principais mudanças e no quanto o jQuery
00:00:42evoluiu em 20 anos.
00:00:49Para a primeira grande mudança, um minuto de silêncio pelo Internet Explorer 10 e anteriores. O suporte
00:00:53para eles foi encerrado, mas não entre em pânico se estiver assistindo no Internet Explorer
00:00:5811. O suporte para ele só acaba no jQuery 5, então você ainda tem tempo de clicar
00:01:02no botão de se inscrever. Além disso, eles também removeram o suporte para o Edge Legacy, versões do iOS
00:01:07anteriores às últimas 3, versões do Firefox anteriores às últimas 2 e também o navegador Android.
00:01:12Então você pode ver que estamos realmente modernizando agora. Na verdade, as próximas 3 mudanças são sobre isso.
00:01:17Passando para a mudança número 2: eles estão migrando o código-fonte do jQuery de AMD para módulos ES,
00:01:22então agora ele deve funcionar bem com Vite, Webpack e sistemas modernos de build sem gambiarras.
00:01:27Então, por que não fazer um teste e instalá-lo no seu próximo projeto, só por diversão
00:01:31ou talvez por um pouco de nostalgia?
00:01:33E falando em nostalgia, esta atualização mostrará exatamente o quanto o JavaScript
00:01:36evoluiu, porque na mudança número 3, removeram várias funções do jQuery porque
00:01:41o JavaScript simplesmente as alcançou. Elas incluem coisas como isArray, parseJSON, trim, now,
00:01:46isNumeric, isFunction e muito, muito mais. Agora você pode fazer quase tudo isso no
00:01:51próprio JavaScript sem a necessidade de uma biblioteca adicional. É meio louco pensar que
00:01:56precisávamos de uma biblioteca para fazer algumas dessas coisas, mas é assim que as
00:02:00linguagens evoluem.
00:02:01E falando em evoluir, os navegadores também evoluem. Então, para a mudança número 4, a última grande
00:02:06atualização de modernização, eles finalmente corrigiram a ordem de foco. Caso não saiba,
00:02:11por anos os navegadores não concordavam em uma ordem de eventos de focus e blur, então o jQuery
00:02:15tinha sua própria definição para que fosse consistente em todos eles. Mas agora, como estão
00:02:20abandonando os navegadores antigos, todos os navegadores suportados, exceto o Internet Explorer, têm a
00:02:24mesmíssima ordem, então o jQuery não vai mais substituir o comportamento nativo.
00:02:29Dá para notar que a equipe se focou em modernizar o jQuery aqui, já que muito do que o tornava
00:02:34útil no passado acabou sendo adicionado ao JavaScript de qualquer maneira. Mas ainda existem
00:02:38algumas coisas no jQuery que podem ser modernizadas, como os Deferreds e callbacks que podem ser
00:02:42substituídos por Promises — a menos que você use o Internet Explorer 11 — ou animações que
00:02:47as pessoas faziam com jQuery e que agora são bem fáceis de fazer com CSS. Se você quiser ir
00:02:52um passo além, eles fizeram a versão “slim” remover vários desses módulos extras,
00:02:55ficando com apenas 19,5 kilobytes. Acho essa abordagem muito boa: oferecer
00:03:01essas funções no pacote completo para quem precisa, mas também oferecer uma versão enxuta
00:03:04que não possui os extras que hoje em dia são desnecessários.
00:03:08Estas são as principais mudanças, mas obviamente houve uma tonelada de correções de bugs
00:03:12e pequenos ajustes, alguns deles datando de anos atrás. O mais antigo que encontrei era de 2014
00:03:17e estava relacionado ao jQuery convertendo automaticamente JSON para JSONP, o que foi corrigido. E há
00:03:22até um problema de 2015, que eu lembro de ter enfrentado, onde o seletor de CSS do jQuery
00:03:28automaticamente adicionava pixels a qualquer número sem unidade. Isso também foi
00:03:33corrigido. Há muito mais que você pode explorar por conta própria. Existem até mesmo
00:03:37correções simples, como de erros de digitação. Mas, obviamente, levaria tempo para cobrir tudo neste vídeo.
00:03:42Pessoalmente, eu só queria dar uma olhada no jQuery para ver como ele evoluiu, pois é
00:03:46uma peça incrível da história do desenvolvimento web. E talvez seja até rude falar em história
00:03:51quando ele ainda é tão usado e mantido. Claro, eu não usaria o jQuery hoje
00:03:56em vez do React ou de outro framework moderno, mas ele serve como um lembrete de que a web
00:04:01é construída em camadas de tecnologia. Às vezes, as ferramentas simples, chatas e antigas são
00:04:06as que sustentam a web, especialmente naqueles apps legados importantes que ninguém ousa
00:04:10atualizar. Então, para quem ainda está aqui, vocês usaram ou ainda usam o
00:04:15jQuery? Me contem nos comentários abaixo e aproveitem para se inscrever. Como sempre, nos
00:04:19vemos no próximo vídeo.

Key Takeaway

O jQuery 4 marca uma modernização profunda da biblioteca, eliminando legados obsoletos e abraçando padrões nativos do JavaScript para manter sua relevância em uma web dominada por frameworks modernos.

Highlights

O jQuery 4.0 chega após 8 anos da última grande atualização e 20 anos após seu lançamento original.

Apesar do surgimento de frameworks modernos

Timeline

Introdução e o Estado Atual do jQuery

O vídeo inicia destacando o lançamento surpresa do jQuery 4, a primeira grande atualização desde 2016. O narrador revela uma estatística impressionante de que 88% dos sites ainda dependem da biblioteca, citando o WordPress e grandes empresas como exemplos. Esta nova versão é descrita como uma atualização drástica que foca em remover código antigo e funções nunca documentadas. O objetivo central é corrigir problemas acumulados ao longo de décadas e modernizar a base de código. O autor ressalta que, se algo não está quebrado, não deve ser consertado, mas mudanças eram necessárias para a evolução do ecossistema.

Fim do Suporte a Navegadores Antigos

Nesta seção, é anunciado o fim definitivo do suporte para o Internet Explorer 10 e versões anteriores, além do Edge Legacy e navegadores Android antigos. Curiosamente, o Internet Explorer 11 ainda terá suporte até o lançamento do jQuery 5, oferecendo uma sobrevida técnica para alguns usuários. A equipe de desenvolvimento também removeu o suporte para versões muito antigas do Firefox e iOS para focar na modernização tecnológica. Essa decisão permite que a biblioteca se torne mais leve e eficiente ao não precisar carregar soluções para navegadores arcaicos. É um passo fundamental para alinhar o jQuery com os padrões de desenvolvimento de 2026.

Migração para Módulos ES e Evolução do JavaScript

A mudança técnica mais significativa é a transição do código-fonte de AMD para módulos ES (ECMAScript Modules). Isso significa que o jQuery agora pode ser integrado nativamente em fluxos de trabalho modernos com Vite e Webpack sem a necessidade de configurações complexas. O narrador explica que muitas funções clássicas como isArray, parseJSON e trim foram removidas porque o JavaScript moderno agora as possui nativamente. É um momento de reflexão sobre como a linguagem evoluiu a ponto de tornar partes da biblioteca redundantes. Essa limpeza reduz a dependência de código externo para tarefas simples que antes eram impossíveis sem ajuda.

Consistência de Eventos e Modernização de Comportamento

O vídeo detalha como o jQuery 4 resolveu a inconsistência histórica na ordem dos eventos de focus e blur entre diferentes navegadores. Anteriormente, a biblioteca precisava impor sua própria lógica, mas agora ela segue o comportamento nativo comum aos navegadores modernos. O autor sugere que tecnologias como Deferreds e callbacks estão sendo superadas por Promises, e animações complexas agora são preferencialmente feitas via CSS. Para quem busca performance, é destacada a existência da versão "slim", que possui apenas 19,5 kilobytes ao remover módulos excedentes. Essa flexibilidade mostra que a equipe entende a necessidade de leveza em aplicações web contemporâneas.

Correções Históricas e Conclusão sobre o Legado

A parte final do vídeo aborda a correção de bugs extremamente antigos, alguns datados de 2014 e 2015, como o tratamento de JSONP e seletores CSS. O narrador expressa um sentimento de nostalgia e respeito pelo jQuery, tratando-o como uma peça fundamental da história da internet que ainda sustenta aplicações legadas. Ele admite que não escolheria jQuery para um projeto novo em vez de React, mas reconhece sua importância como uma camada tecnológica estável. O vídeo encerra enfatizando que ferramentas "simples e chatas" costumam ser as que mantêm a web funcionando silenciosamente. É um convite à comunidade para discutir o papel dessas tecnologias na arquitetura de software moderna.

Community Posts

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

Write about this video