Fazendo a web interativa: uma introdução ao jquery

jQuery é uma biblioteca de scripting do lado do cliente que quase todos os website moderna usa - faz websites interativos. Não é a única biblioteca javascript, mas é a mais desenvolvida, mais apoiado, e mais amplamente utilizado. É um dos blocos de construção de qualquer website moderna. Mas o que é exatamente o jQuery, o que o torna tão popular, e por que você deveria se preocupar com isso, se você está começando como um desenvolvedor web?

O que é jQuery?

jQuery é uma extensão do javascript, uma biblioteca de javascript funções e utilidades que adicionam um toque visual, e fazer recursos avançados simples de implementar em apenas algumas linhas de código. Ele é suportado em todos os navegadores, e de código aberto. Além disso, você também pode estender a funcionalidade do jQuery com fácil de usar plugins.

jQuery é construído em cima de javascript, mas acrescenta métodos e funcionalidades que não são encontradas em puro javascript. Ele foi criado para simplificar o uso de javascript e remover as dificuldades envolvidas com implementação diferente javascript em diferentes navegadores. Com jQuery você pode apenas escrever uma vez, e jQuery irá interpretar seu código corretamente para qualquer navegador.

A principal função do jQuery é para manipulação DOM (DOM é o Document Object Model), e isso significa que a estrutura subjacente de qualquer página da web que você visita. Cada única coisa que você vê na página - e muitos você não vê - estão representados no DOM.

jQuery não é a única biblioteca javascript lá fora, mas é a mais popular - cerca de 55% dos principais 10.000 sites utilizam. Prototype, MooTools e Scriptaculous são alternativas populares, mas não tão bem suportado.

Lado do cliente vs lado do servidor

A maioria das páginas são geradas no lado do servidor - usos MakeUseOf PHP e MySQL (na forma de WordPress) Para buscar os dados de artigos a partir de uma base de dados e, em seguida, aplicar um modelo para os dados. A página resultante é enviado para o seu navegador, interpretado e exibido para você. Ao clicar em um link faz outra solicitação para o banco de dados, e ainda uma 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 cartas você deixou), um botão que abre uma caixa de diálogo, ou talvez você quer carregar mais alguns dados sem recarregar a página inteira?

Este é o lugar onde scripting do lado do cliente entra em jogo. É aí que o cliente - seu navegador - faz o trabalho pesado. A maioria dos sites, este incluído, use um pouco de ambos.

Por que usar jQuery?

Flair Visual

jQuery vamos mudar partes da página web em resposta às ações do usuário. Como um exemplo rápido, clique neste link - cada link na página será mudar para vermelho. Sem utilidade? Talvez, mas você começa o ponto. slideshows de imagem são um uso comum do jQuery. Equilibrando efeitos visuais inúteis e adições verdadeiramente útil para a experiência do usuário é parte da habilidade em ser um desenvolvedor web.

Aqui está uma lista rápida de alguns efeitos realmente impressionantes que você pode conseguir.

Eventos fáceis

Quase todo o software funciona em um modelo de evento - clique em alguma coisa, e um evento de clique é disparado. Arraste seu dedo um comprimido, e um evento de arrastar é acionado. Aplicações “ouvir” para esses eventos e fazer algo - jQuery permite que você faça isso em um browser.

Executar AJAX Simplesmente

Asynchronous javascript e XML é uma maneira de se comunicar com um servidor remoto sem ter que colocar outra página. Um bom exemplo disso é o Facebook fluxo de status. Tente percorrer todas as suas atualizações até chegar ao fundo. Você não pode. Assim que você chegar ao final, jQuery detecta que você está perto, e envia uma solicitação AJAX para mais status para exibir.

Em seguida, ele injeta-los para a página atual, sem você perceber. Você recebe um fluxo infinito de atualizações, mas eles não estão todos carregados no início.

Interfaces de usuário avançado

Junto com o núcleo plugin jQuery UI, você pode construir aplicações web completas utilizando o formulário normalizado Componentes- barras de progresso, sliders, botões, abas, arrastar e soltar - está tudo lá. Um sistema theming simples permite que você personalize a aparência, ou você pode usar um dos padrões.

Eu deveria me preocupar?

Se você tem algum interesse em tudo em desenvolvimento de websites, então sim - jQuery é uma coisa que você definitivamente precisa aprender. Se você já se perguntou “Como posso fazer X fazer Y quando o usuário faz Z?”, então você vai adorar jQuery. Adicioná-lo ao seu site é tão simples como adicionar um link para ele no cabeçalho são ou dizendo WordPress para carregá-lo.Que linguagem de programação para aprender - Programação WebQue linguagem de programação para aprender - Programação WebHoje vamos dar uma olhada nas várias linguagens de programação web que o poder da Internet. Esta é a quarta parte de uma série de programação iniciantes. Na parte 1, nós aprendemos o básico de ...consulte Mais informação

Gostaria de aprender jQuery? Deixe-nos saber nos comentários e eu vou ver o que posso fazer.