Archive for the ‘jQuery’ Category

Referência rápida | jQuery 1.4 API Cheat Sheet

janeiro 14th, 2010

Encontrei hoje nas minhas buscas pela internet, uma página muito interessanet sobre o jQuery.
Agora com a disponibilização dos dados da base do site do jQuery API em formato XML pelos desenvolvedores, ficou muito fácil de criar algum sistema ou site aperfeiçoado com uma visão da forma que bem acharmos melhor.

Foi pensando assim que o pessoal do http://futurecolors.ru/ criou uma visão muito bacana da API da versão 1.4 do jQuery, em formato HTML, PDF, e JPG.

Vejam como ficou: http://www.futurecolors.ru/jquery/

jQuery released – Novidades na API

janeiro 11th, 2010

Salve galera, estamos todos contentes (eEeEeEeeeEE)…

Já havia lido estes dias sobre o novo released do jQuery para versão 1.4, mas hoje fiquei tão contente com as atualizações que vi, que resolvi fazer um novo post aqui no blog.

Uma das coisas que me deixaram feliz, foi a inclusão de novos métodos nesta versão, e um deles é o delay().

jQuery criou um subdomínio específico e focado, para publicação da documentação da API, que está em http://api.jquery.com/. Esta página foi otimizada para encontrarmos mais rapidamente possível o que necessitamos, quando procuramos algum assunto.

E o bloco de pesquisa ainda mais legal, pois foi implementado um filtro em tempo real conforme é digitado no campo Search.

O sistema backend que estava sendo usado – MediaWiki, foi alterado pelo Wordpress, melhorando significativamente o desempenho na geração da página web, e com isso é claro, uma resposta mais rápida para o carregamento da página.

E para os amantes em fazer páginas personalizadas com os docs, Api’s dos sites, o pessoal do jQuery viu que existia um script em Python que lia o conteúdo do MediaWiki, e então resolveu disponibilizar um arquivo XML diretamente e imediatamente para nós.

“Se você está desenvolvendo uma ferramenta que fornece visões alternativas para apresentar a documentação, então você pode se sentir livre para usar o arquivo como você bem quiser.”

E como eles disseram também em agradecimento as pessoas que trabalharam na reescrita do novo manual:

“Foi muitas horas de trabalho tedioso, mas esperamos que todos irão beneficiar com ela no final.

E nós, concerteza, vamos fazer muito proveito disso. Viva o jQuery :)

Acompanhe mais no site lançado especificamente para esse novo evento do jQuery: http://jquery14.com/

“An online event marking the release of jQuery 1.4. To celebrate, we’re unveiling 14 releases over a period of 14 days.”

jQuery – Dicas excelentes para melhorar sua vida de desenvolvedor

junho 24th, 2009

Em meus surfs pela internet, encontrei um tópico do Jon Hobbs-Smith, que é um diretores da tvi design (um site muito bem feito por sinal, vale a pena fazer uma visita a eles).
No tópico ele dá 25 dicas sobre como melhorar nossa vida de desenvolvedor, especificadamente com jQuery.
Eu já conheço jQuery a algum tempo (um ano eu acho), mas estou trabalhando com esse framework faz uns oito meses, mas já deu de pegar muitas dicas e conceitos.

Dentre os 25 citados por Jon, quase todos eu já utilizava. Nem todas eu concordo, e também nem todos eu compreendi o que ele quis dizer. Vou por aqui em meu post alguns dos que ele citou e os que eu aprendi com esse tempo de desenvolvimento com jQuery.

jquery_banner

jQuery é fantástico e realmente ajuda muito no desenvolvimento. E como Jon disse no próprio tópico, faço dele as minhas palavras: “Não sou especialista jQuery. Eu não pretendo ser, por isso, se existem erros neste artigo, então sintam-se livres para me corrigir ou fazer sugestões para melhorias.

Post Original com as 25 dicas de Jon: Link

Segue abaixo algumas das minhas dicas que utilizo sempre que possível:

  • Antes de iniciar um Script, sempre crie uma variável para chamar seus Scripts. O jQuery possui a opção “jQuery.noConflict“. Isso ajuda muito quando você sentir a necessidade de inserir um novo Script. Pois não vai correr o risco de os mesmos entrarem em conflito. Citarei mais sobre isso em outro post futuro.
  • Combine todas suas funções, seus scripts e aprimore-os
  • Utilize o firebug que é um ótimo console para depurar seus scripts
  • Manter suas operações compactas, para que utilize o mínimo de armazenamento em cache.
  • Mantenha seu código HTML bem definido e válido, como IDs únicas e classes. Isso ajuda tanto na programação quanto na organização do seu código.
  • Não utilize muitos efeitos pesados em uma única execução. Lembre-se que existem pessoas que ainda possui um computador, ou um navegador não tão rápido quanto o seu. Ou de preferência, crie Scripts alternativos para browser como IE6, diferentes do que você criaria para Firefox e Chrome.
  • (Esta nem sempre eu utilizo, mas seria muito usual) Depois de você ter fechado um script, ou um projeto em javascript, você pode utilizar ferramentas que minimizem o seu código, deixando menor e consecutivamente mais rápido. Citarei alguns outros scritps e site que fazem esse trabalho em outro post futuro também.
  • Tente minimizar seu código usando a possibilidade quando existir, de executar multiplas funções somente em uma chamada de código. ( Ex:    jQuery(CSS seletor).acao1().acao2(); )
  • Utilizar eventos pelos seletores do Jquery ao invés de usar no código, sempre que possível. (Ex: no lugar de utilizar em um elemento a opção ‘onclick’ você pode inserir quando sua página terminar de carregar chamadas como jQuery(CSS seletor).bind(‘acao’, function(){  alert(“seu código aqui”) });  ). Ainda postarei alguns exemplos melhores sobre isto.
  • Antes de atualizar o Script jQuery quando existir uma nova versão, tome cuidado para que os plugins que você use continuem funcionando. Muitas vezes tive que alterar os códigos dos plugins que eu usava para poder continuar utilizando na versão mais atualizada do jQuery. Mas sempre tente se manter atualizado além de seu script (risos).

Sempre que possível estarei atualizando essa lista com novas anotações, dicas e afins.

No mais qualquer dúvida ou sugestão vocês podem deixar comentários neste post.


Get Adobe Flash playerPlugin by wpburn.com wordpress themes