O papel do JQuery no desenvolvimento da Web moderno: começos, 2024 e além

Introdução

Existem muitas bibliotecas JavaScript disponíveis no desenvolvimento web moderno. Um dos mais importantes foi o jQuery, que torna muito mais fácil para os desenvolvedores web realizar tarefas complexas. Exploraremos a história do jQuery, desde o seu advento até os dias atuais, e de olho no que o espera nos próximos anos.

O início do jQuery

jQuery foi criação de John Resig, que desenvolveu a biblioteca em 2006 para facilitar a manipulação do DOM usando JavaScript. Agora poderíamos lidar com as tarefas diárias de maneira simples e consistente.

Impacto inicial e adoção generalizada

Por causa das coisas poderosas que ele poderia realizar usando uma sintaxe muito mais simples, o jQuery se tornou muito popular entre os desenvolvedores. Vejamos uma manipulação simples de DOM feita com jQuery em comparação com a mesma manipulação de DOM usando JavaScript vanilla:

JavaScript baunilha

Vanilla JavaScript

jQuery

JQuery

No primeiro exemplo usando vanilla js, selecionamos o elemento div com o exemplo id e atualizamos seu HTML interno para que o div vazio agora diga 'Hello jQuery!'. No segundo exemplo importamos a biblioteca jQuery e depois utilizamos o seletor jQuery $ e um hash para o id. O conteúdo div agora diz 'Hello World!'. Os resultados de ambos os métodos são iguais, mas o jQuery é mais legível e mais fácil de implementar. Esta é uma das razões pelas quais rapidamente se tornou tão popular.

Outra razão é que ele pode ser usado em muitos tipos diferentes de navegadores. Nos primeiros dias do desenvolvimento web, cada navegador diferente (como Safari, Firefox ou Internet Explorer) renderizava páginas web de uma maneira diferente. Por causa disso, às vezes os sites funcionavam com um navegador, mas não com outro. O jQuery resolveu esse problema lidando automaticamente com as diferenças entre os navegadores, tornando mais fácil para os desenvolvedores escreverem códigos que funcionariam em todos os navegadores. Tornou a escrita de JavaScript mais acessível e menos propensa a erros.

jQuery em 2024

Paisagem Atual

As coisas são muito diferentes hoje do que em 2006, no entanto. Existem muitas estruturas disponíveis agora, como Vue.js, Angular e React. Mesmo assim, o jQuery ainda é amplamente utilizado por programadores de todo o mundo. É frequentemente usado em projetos menores sem funcionalidades complexas, bases de código existentes ou sistemas legados, ou desenvolvimento rápido.

Aqui está uma comparação de chamadas Ajax usando jQuery e a API Fetch:

jQuery

JQuery

Buscar API

Fetch API

O exemplo do jQuery abstrai a complexidade da configuração de um XMLHttpRequest, fornecendo uma maneira mais fácil de lidar com solicitações HTTP com sucesso integrado e tratamento de erros. A sintaxe é mais simples e mais fácil para os desenvolvedores aprenderem, escreverem e compreenderem. A API Fetch é uma abordagem mais recente que depende de promessas. Funciona bem com a sintaxe async/await que foi introduzida no ES8. A API Fetch pode ser mais poderosa, mas jQuery é rápida e fácil, então ainda será a primeira escolha de muitos desenvolvedores, especialmente quando eles estão trabalhando com código que já inclui jQuery, que ainda é a maior parte do código.

O que vem a seguir

Como o JavaScript é lido por todos os navegadores da web da mesma maneira agora, a dependência do jQuery para compatibilidade do navegador não é mais um problema. Além disso, o que antes precisávamos que o jQuery realizasse, agora podemos fazer usando as APIs em nossos próprios navegadores. As coisas podem continuar assim, com os navegadores se tornando cada vez mais poderosos, de modo que não precisamos mais depender nem mesmo de alternativas do jQuery, como o React. De qualquer forma, é quase certo que o jQuery manterá seu status na história da programação. Ele abriu caminho para todas as funcionalidades modernas do navegador que o estão substituindo. E forneceu a resposta para o problema real da incompatibilidade do navegador. Ele ainda será usado por muitos programadores que estão trabalhando em projetos simples, precisam trabalhar com código legado ou desejam desenvolver algo rapidamente, até que isso não aconteça.