Melhore seu jQuery-fu, escreva plugins

Essa é uma tradução de "Improve your jQuery-fu, write plugins" de Tomáš Kramár Trnava.
Escolhi traduzir esse texto pois ele foi o tutorial mais simples que encontrei quando precisei escrever um plugin. No final dele você será capaz de entender como o jQuery trabalha com plugins e poderá escrever os seus próprios.


jQuery é um framework JavaScript simples e poderoso que mudou minha forma de programar JavaScript. Um novo JavaScript dizem alguns com certa razão. O código que você cria é pura elegância.

Você começa com 10 linhas de jQuery que poderiam ter sido 20 linhas do tedioso JavaScript manipulando DOM. No final você acaba ficando com duas ou três linhas.

E esse numero pode ficar ainda menor se você refatorar o código para um plugin do jQuery.

Quando o assunto é escrever plugins, pessoas (tipo eu) normalmente pulam fora com medo. Eu ouvi sobre plugins de jQuery a bastante tempo mas nunca havia tentado escrever um. Quando pensava no assunto algumas idéias vinham na minha cabeça:


  • Deve ser difícil e por isso deixe isso somente para jedis

  • Isso deve precisar de um conhecimento profundo do jQuery

  • O que eu vou ganhar ...

gist-it 0.4

O gist-it, plugin de WordPress para inserção e coloração de códigos (syntax highlighter) tinha vários problemas e sofreu algumas alterações. Jogando uma parte das funcionalidades fora e deletando código espero que essa versão funcione.

Agora o código só é enviado ao gist quando adicionado na página. Por reenviar o código toda vez que o texto era atualizado (inclusive no auto-salvar) ficava lento escrever um post com muitos códigos. Com a atualização o uso ficou muito mais rápido.

Apesar de perder essa funcionalidade com o intuito de ganho na velocidade a exibição do código ganhou algo novo: Os códigos agora também são exibidos no RSS e em outros leitores que não suportam Javascript.

Para evitar problemas lembre-se de configurar seu login/senha do gist e confira se seu servidor possui a biblioteca cURL habilitada para funcionar com cookie.

Quando o gist implementar uma API será possivel melhorar ainda mais esse plugin. Por enquanto, aproveite a versão 0.4.

Lembrando que as atualizações estão no GitHub, fork it.

Syntax Highlight com gist-it agora funciona!

Ohhh! Me sinto tão mal de ter distribuído o plugin de WordPress mais legal que já fiz sem funcionar direito.

Brincadeira.

A parada não funcionava com códigos de verdade (que ião além dos meus testes bobos) pois não manejava direito aspas e contra-barras. Agora funciona. Se você ficou puto que essa porcaria não prestava antes, me dê outra chance.

About Me