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
0sem comentários ainda