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.