Tornando a Web interativa: uma introdução ao jQuery

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.

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.
Propaganda

revisão de jquery 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.

revisão de jquery

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.

como usar o jquery

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.

como usar o jquery

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.

revisão de jquery

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

In this article