O recurso Instant do Google, um novo aprimoramento de procura que mostra resultados enquanto você digita, tem causado muito burburinho, e é fácil entender por quê.

Tudo o que você precisa fazer para começar a obter resultados é digitar. Não é preciso pressionar a tecla ENTER para ver os resultados, depois ajustar sua procura e pressionar ENTER novamente. Tudo acontece enquanto você digita. Se você ainda não experimentou, experimente. É incrível como uma mudança tão pequena pode fazer uma diferença tão grande na usabilidade.

O incrível sobre esse tipo de funcionalidade Instant é que ela é fácil de implementar, especialmente quando você usa boas ferramentas do lado do cliente como jQuery.

Neste artigo, você seguirá o processo de construção de um mecanismo de procura simples e depois construirá uma interface com o usuário de procura instantânea para esse mecanismo.

Tudo começa com obter os dados para procura.

Acrônimos usados frequentemente

  • Ajax: Asynchronous JavaScript + XML - JavaScript Assíncrono + XML

  • CSS: Cascading Stylesheets - Folhas de Estilo em Cascata

  • DOM: Document Object Model - Modelo de Objeto de Documento

  • HTML: Hypertext Markup Language - Linguagem de Marcação de Hipertexto

  • JSON: JavaScript Object Notation - Notação de Objeto JavaScript

  • UI: User Interface - Interface com o usuário

  • URL: Uniform Resource Locator - Localizador Uniforme de Recursos

  • XML: Extensible Markup Language - Linguagem de Marcação Extensível

* LEIA MAIS AQUI....