8 Ajax, Javascript frameworks
Artigo publicado em December 8, 2007 as 11:09 pm
Com o aparecimento do termo Ajax também começou a aparecer várias frameworks ou livrarias (tudo depende como queiram chamar). Desde a mais simples em que apenas ajuda a facilitar o XHMLHttpRequest até as mais complicadas em que possibilitam muito mais do que apenas o XHMLHttpRequest.
Neste artigo vou tentar apresentar algumas das frameworks mais conhecidas e usadas. Atenção todas estas frameworks tem pelo o menos uma coisa em comum todas facilitam o XHMLHttpRequest. Frameworks como o scriptaculous não aparecem na lista devido a ser componentes ou add-ons para certas frameworks. Usando apenas o scriptaculous não é possível fazer pedidos em XHMLHttpRequest onde o verdadeiro Ajax reside.
Prototype
Prototype é uma das livrarias/framework mais conhecidas e mais usadas para quem quer usar Ajax. Em termos pessoais prototype é a minha opção.
Um dos problemas com o prototype é a corrente documentação, onde muitos usuários acham complicado e difícil de intender.
URL: http://www.prototypejs.org/
Documentação: http://www.prototypejs.org/api
Sites que usam Prototype:
http://www.digg.com/
http://www.alexa.com/
Google oferece GWT (Google Web Toolkit) uma aplicação em JAVA que simplifica a criação de aplicações que queiram usar Ajax. Basicamente permite a qualquer programador criar Ajax usando JAVA deixando assim de seguida o GWT traduzir o código para Javascript e HTML.
URL: http://code.google.com/webtoolkit/
Documentação: http://code.google.com/webtoolkit/overview.html
Sites que usam GWT:
http://blueprint.lombardi.com/index.html
http://www.dotemplate.com/
Bajax
Para quem procura uma solução simples e bastante leve em termos de tamanho (6kb) Bajax pode ser a solução ideal. Puramente para começar a usar Ajax para fazer updates do conteúdo sem o refresh das paginas de uma maneira fácil e simples.
URL: http://bajax.berlios.de
Documentação: http://developer.berlios.de/docman/index.php?group_id=5319
Sites que usam Bajax: Não conheço
Mochikit oferece uma framework bastante fiável e garante 100% suporte em termos de documentos para ajudar qualquer programador a perceber a usar a framework. Mochikit no meu ponto de vista é uma das frameworks que mais concorrência faz ao prototype.
URL: http://www.mochikit.com
Documentação: http://www.mochikit.com/doc/html/MochiKit/index.html
Sites que usam Mochikit:
MooTools oferece uma framework para programadores já com alguma experiência em Javascript. Ultimamente esta framework tem vindo a crescer e com uma documentação bastante simples de usar e de perceber Mootools pode ser outra das grandes frameworks.
URL: http://mootools.net
Documentação: http://docs.mootools.net/
Sites que usam MooTools:
http://www.cnet.com/
http://joomla.org/
Sack Simple AJAX Code-Kit
Sack como a definição diz e uma simples framework super leve e rápida e sem os efeitos e assobios de outras frameworks, apenas Ajax nada mais. Sack tem a mesma ideia que Bajax.
Simples e eficaz se queres apenas Ajax Sack e uma boa solução.
URL: http://twilightuniverse.com/projects/sack
Documentação: Incluído no download
Sites que usam Sack : Não conheço
Yahoo User Interface
A resposta da Yahoo no mundo das frameworks. Uma das grandes vantagens de usar YUI framework é a possibilidade de não ser preciso fazer o download da framework e poder apenas criar um link na nossa aplicação directamente aos servidores da Yahoo. Isto possibilita as vantagens já discutidas pelo o serviço CacheFile.
URL: http://developer.yahoo.com/yui/
Documentação: http://developer.yahoo.com/yui/docs/
Sites que usam YUI:
http://www.linkedin.com/
http://slashdot.org
Adobe Spry
Claro que a Adobe não podia fugir da festa. Mas como a Adobe é a Adobe esta framework esta mais inclinada para designers. Devido a esse factor pouco posso dizer sobre esta framework devido a nem ter perdido um segunda a usar. Para os fanáticos do Dreamweaver, Spry possibilita uma integração bastante fácil.
Air pelos os vistos vai ser a nova aposta da Adobe. Mas isso fica para outro artigo.
URL: http://labs.adobe.com/technologies/spry/
Documentação: http://labs.adobe.com/technologies/spry/articles/best_practices/index.html
Sites que usam Spry:
http://reader.macrostandard.com/
http://www.grafikkaos.co.uk/
jQuery
Obrigado ao Herberto, por ter me apontado para mais uma framework bastante conhecida que me passou ao lado. jQuery oferece quase tanto ou mais que o prototype e em termos de tamanho oferece muito menos (14kb) o que é bastante impressionante.
Mais impressionante ainda é o factor de o jQuery ser usado pelo o google code no seu novo design no dia 6 de Novembro.
URL: http://jquery.com/
Documentação: http://docs.jquery.com/Main_Page
Sites que usam jQuery:
http://code.google.com/
Com o sucesso do Ajax, cada dia que passa as frameworks passam a ter cada vez mais importância. Qual é a tua framework preferida? Conheces mais alguma que não esteja na lista? Deixa os teus comentários e se queres ver mais artigos deste género vota.
5 Comentarios to “8 Ajax, Javascript frameworks”
Drag e Drop com Scriptaculous
Este tutorial consiste em explicar como usar o prototype e o script.aculo.us para criar o efeito drag e drop. Analisamos todas as opções, mostramos como criar com exemplos práticos e visuais.
Uff.. Como usar Prototype para pedidos em Ajax.
Neste tutorial explicamos como podes começar a dar os teus primeiros passos na famosa framework prototype, um simples tutorial onde é explicado como podes fazer os teus primeiros pedidos em Ajax.










December 9th, 2007 at 12:13 pm
tb há o JQuery. O ficheiro com o código é mais pequeno que o do prototype e parece-me que faz mais.
tb ha o scriptaculous http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo
December 9th, 2007 at 1:12 pm
Boas Herberto,
Sem duvida que é uma falha não ter o jQuery na lista, vou adicionar neste momento.
Em relação ao scriptaculous a razão pela a qual não adicionei, é que o scriptaculous sem o prototype não possibilita a XHMLHttpRequest.
Obrigado pelo o comentário e pela a dica do jQuery.
December 9th, 2007 at 7:17 pm
Tens razão, esqueci-me que o scriptaculous é um plugin do prototype.
December 18th, 2007 at 7:37 pm
Tank you for mention my site.
MacrosReader used SpryData, SpryAccordion, SpryTabbedPanels, SpryDOMUtils and SpryEffects.
Go to http://reader.macrostandard.com/ and check the Spry implementations.
July 19th, 2008 at 1:39 pm
Amigo Webmaster…
Queria te informar de mais uma solução em ajax…
http://xajaxproject.org/
Esta solução é muito utilizada também, conheço vários desenvolvedores que a utiliza.
Sucessos!!!