O jQuery é uma biblioteca de scripts do lado do cliente que quase todos os sites modernos usam - isso torna os sites interativos. Não é a única biblioteca Javascript, mas é a mais desenvolvida, mais suportada e mais usada. É um dos blocos de construção de qualquer website moderno. Mas o que exatamente é o jQuery, o que o torna tão popular, e por que você deveria se importar com isso se você está começando como um desenvolvedor web?
O que é jQuery?
O jQuery é uma extensão do Javascript, uma biblioteca de funções e utilitários Javascript que adicionam um toque visual e torna os recursos avançados simples de implementar em apenas algumas linhas de código. É suportado em navegadores e open source. Além disso, você também pode estender a funcionalidade do jQuery com plugins fáceis de usar.
O jQuery é construído sobre o Javascript, mas adiciona métodos e funcionalidades não encontrados no Javascript puro. Ele foi criado para simplificar o uso de Javascript e remover as dificuldades relacionadas à implementação de Javascript em diferentes navegadores. Com jQuery você pode apenas escrever uma vez, e o jQuery irá interpretar seu código corretamente para qualquer navegador.
A principal função do jQuery é a manipulação DOM (DOM é o Document Object Model) e significa a estrutura subjacente de qualquer página da Web que você visitar. Cada coisa que você vê na página - e muitas que você não vê - é representada no DOM.
O jQuery não é a única biblioteca Javascript disponível, mas é a mais popular - cerca de 55% dos 10.000 principais sites a utilizam. Prototype, MooTools e Scriptaculous são alternativas populares, mas não tão bem suportadas.
Lado do Cliente vs Lado do Servidor
A maioria das páginas da Web são geradas no lado do servidor - MakeUseOf usa PHP e MySQL (na forma de WordPress) para buscar os dados do artigo de um banco de dados e, em seguida, aplicar um modelo a esses dados. A página resultante é enviada para o seu navegador, interpretada e exibida para você. Clicar em um link faz outra solicitação ao banco de dados e, no entanto, outra página é gerada. Mas e se você quiser criar algum tipo de interatividade na página? Um formulário que verifica o que o usuário digita (como o Twitter, que conta quantas letras você deixou), um botão que abre uma caixa de diálogo ou talvez você queira carregar mais alguns dados sem recarregar a página inteira?
É aqui que o script do lado do cliente entra em ação. É aí que o cliente - seu navegador - faz o trabalho pesado. A maioria dos sites, este incluído, usa um pouco de ambos.
Por que usar jQuery?
Visual Flair
O jQuery permite que você altere partes da página da Web em resposta a ações do usuário. Como um exemplo rápido, clique neste link - cada link na página mudará para vermelho . Sem utilidade? Talvez, mas você entendeu. Slideshows de imagens são um uso comum do jQuery. Equilibrar efeitos visuais inúteis e adições genuinamente úteis à experiência do usuário é parte da habilidade de ser um desenvolvedor da Web.
Aqui está uma lista rápida de alguns efeitos realmente impressionantes que você pode alcançar.
Eventos fáceis
Quase todo software funciona em um modelo de evento - clique em algo e um evento de clique é acionado. Arraste seu dedo pelo tablet e um evento de arrastar será acionado. As aplicações “escutam” esses eventos e fazem algo - o jQuery permite que você faça isso em um navegador.
Execute AJAX Simply
JavaScript assíncrono E XML é uma maneira de se comunicar com um servidor remoto sem ter que carregar outra página. Um bom exemplo disso é o fluxo de status do Facebook. Tente percorrer todas as suas atualizações até chegar ao fim. Você não pode. Assim que você chega ao fim, o jQuery detecta que você está perto e envia uma solicitação AJAX para que mais status sejam exibidos.
Em seguida, injeta-os na página atual, sem você perceber. Você recebe um fluxo infinito de atualizações, mas elas não são todas carregadas no início.
Interfaces Avançadas do Usuário
Juntamente com o plug-in principal do jQuery UI, você pode construir aplicativos da Web completos usando componentes de formulário padrão; barras de progresso, controles deslizantes, botões, guias, arrastar e soltar - está tudo lá. Um sistema de temas simples permite que você personalize a aparência, ou pode usar um dos padrões.
Eu deveria me importar?
Se você tem algum interesse em desenvolver websites Qual Linguagem de Programação para Aprender - Programação na Web Qual Linguagem de Programação para Aprender - Programação na Web Hoje vamos dar uma olhada nas várias linguagens de programação da Web que alimentam a Internet. Esta é a quarta parte de uma série de programação para iniciantes. Na parte 1, aprendemos o básico de ... Leia mais, então sim - jQuery é uma coisa que você definitivamente precisa aprender. Se você já se perguntou "Como posso fazer X do Y quando o usuário faz Z?", Então você vai amar o jQuery. Adicioná-lo ao seu site é tão simples quanto adicionar um link a ele no cabeçalho; ou dizendo WordPress para carregá-lo.
Você gostaria de aprender jQuery? Deixe-nos saber nos comentários e eu vou ver o que posso fazer.
Créditos da Imagem: Billboard Rotativo Dinâmico Criado Usando jQuery, PistolSlut.com, Gráfico Feito Com jQuery