Sobre Ruan Carlos

Bacharel em Sistemas de Informação pela Unibrasil, trabalha com web desde 2004, atualmente trabalha na No Zebra Network (Baixaki, TecMundo, TodaEla, Tudo Gostoso, Minha Série) como desenvolvedor Ruby. Também é Administrador do grupo de jQuery Brasil, e colaborador/idealista do site jQueryBrasil.

Últimos posts de Ruan Carlos

04/07/2011

Diferença entre window.load e document.ready

Olá, o jQuery prove três métodos para trabalhar com o carregamento da página. São eles:

Hoje irei explicar qual a diferença entre o $(window).load() e o $(document).ready().

Essa diferença é bem simples. O mais conhecido $(document).ready() é utilizado para verificarmos se o DOM esta completamente carregado, caso ele esteja, podemos trabalhar tranquilamente com seus elementos, nesse caso, uma imagem não precisa estar completamente carregada, apenas precisamos ter o elemento da imagem no DOM.

Já o $(window).load() é utilizado quando precisamos que TODOS os elementos estejam carregados, ou seja, ele vai esperar todas as imagens, css, javascript e elementos externos estarem carregados para ser executado.

Qual utilizar?

Vai depender apenas da sua necessidade, no próximo post, eu irei dar um exemplo de uso do $(window).load().

Demo

Veja aqui um exemplo da diferença entre window.load e document.ready.(existe diferenças de comportamento entre navegadores, essa diferença é notada entre o comportamento do Firefox e do Chrome).

, , , ,
30/06/2011

Lançado jQuery 1.6.2

Acaba de ser lançado a versão 1.6.2 do jQuery. Mais ou menos 15 dias após o lançamento do RC 1 Essa nova versão não trás novidades, apenas bugfix, muitos relacionados a compatibilidade entre navegadores.

Atualmente os engenheiros ;) do jQuery já estão trabalhando na versão 1.7 <especulação> que deverá vir com alguma alteração nos calbacks </especulação>.

Vale lembrar que qualquer bug pode ser reportado na página de bugs do jQuery.

Links do CDN do jQuery

A lista completa de mudanças pode ser vista no changlog.

02/06/2011

Manipulando Checkbox e Radio Button com jQuery

Muitas pessoas tem problemas em manipular checkbox e radio button. Irei mostrar como trabalhar com eles.

Os checkbox e os radio button são um pouco diferente dos outros elementos no html. Eles têm uma propriedade booleana chamada checked, mas diferente das outras propriedades ela pode ser declarada sem um valor (isso pode dar um erro na validação do seu html). Ex:
(mais…)

, , ,
11/05/2011

Resolva bugs do jQuery UI e ainda ganhe prêmios

Olá, você que quer ajudar o jQuery UI a ficar melhor, sua hora chegou, você ajuda e ainda ganha prêmios.

Sim! Você ajuda e ganha prêmios!!

Como assim?

O jQuery UI junto com o RewardJs lançaram uma campanha para o mês de Maio onde seu objetivo é fechar o maior número possível de bugs do jQuery UI.

Como participo?

O que eu ganho com isso?

Serão prêmios diários, semanais e o grande prêmio do mês. Alguns deles são:

  • Prêmios diários. Para quem fechar o maior número de bugs nesse dia: iPod, Kindle, Wii, e muito mais
  • Prêmios semanais. Para quem fechar o maior número de bugs nessa semana: iPad 2, MacBook Air, …
  • O grande prêmio. Para quem fechar o maior número de bugs nesse mês: Uma viagem para o jQuery Conference com tudo pago!

Quais são as regras?

  • Os vencedores são anunciados todas as manhãs
  • Créditos são dados para os bugs fechados com status de resolvidos e não quando são submetidos.
  • Um comentário no ticket não ira fechá-lo, você deverá ser o primeiro a propor uma resolução aceitável através de um pull request do GitHub.
  • Enquanto procura e resolve bugs você esta melhorando o jQuery UI, o objetivo deles para o mês de Maio é diminuir o máximo possível o número de bugs. Então, você pode encontrar e resolver novos bugs, mas só será creditado se você arrumar a mesma quantidade de bugs existentes no Track antes do dia 2 de maio. Resumindo, se você arrumar 5 bugs novos e 5 bugs velhos você terá um crédito de 10 bugs, se você arrumar 20 novos e 3 antigos você terá um crédito de 6 bugs.
  • Os vencedores serão selecionado pelo jQuery UI Development team baseado na data do bug no bug Tracker
  • Caso aconteça algum empate os nomes serão sorteados randomicamente

Então vamos lá. Vamos contribuir e ganhar =D.

,
09/05/2011

Novidades do jQuery 1.6

Olá como todos sabem, o jquery 1.6 foi lançado no dia 03/05/2011, e essa nova versão trás uma gama de novidades, vou contar um pouco sobre elas.

Agora o jQuery esta com um apoio forte vindo da Microsoft, onde a jQCon (jQuery conference) aconteceu no centro de conferências da Microsoft.
(mais…)

, ,
04/05/2011

Adicionando jQuery através de um CDN

Olá, como o Leo Balter explicou, a melhor forma de adicionar o jQuery em seu site ou sistema é adicionando ele através de um CDN.

Vantagens

- Cache: Se o visitante já tiver acessado algum site que esteja usando o mesmo CDN, ele não precisa-rá baixar o jQuery novamente, pois o jQuery já vai estar em cache. Quando houver a chamada do jQuery o navegador irá retornar um 304 “Not Modified”, assim não irá fazer o download do jQuery novamente.

- Latência: Caso seja a primeira vez que acessa o CDN, o download terá menos latência pois o CDN como seu próprio nome diz, distribui seu conteúdo por vários servidores em locais físicos diferentes. Quando uma requisição CDN é disparada, ele irár retornar do local mais próximo fisicamente (rede).

- Paralelismo: Para evitar o sobrecarregamento de servidores, os navegadores limitam o número de requisições que podem ser feitas simultâneas. Usando o CDN o jQuery pode ser baixado simultaneamente com outros arquivos, pois não estarão no mesmo host.

Conclusão

Como visto, o CDN praticamente só tem vantanges, então por que não usar? Alguns diriam que seria por causada da dependencia de outros servidores e no caso esses servidores estarem off a aplicação não irá funcionar perfeitamente. Pois bem, o Leo Balter mostrou como fazer o fallback para um arquivo local, ou seja, quando o CDN não responder ele irá forçar o download do jQuery que esta no seu servidor.

Código

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8" />
    <title>jQueryBrasil | jQuery CDN </title>
    
    <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="jquery.js">\x3c/script>')
    </script>
    
</head>
<body>
    teste
</body>
</html>

Todos os créditos do vídeo são do Leo Balter

,
27/04/2011

Lançado jQuery 1.6 RC 1

Mais uma vez o time da jQuery se mostrou rápido e lançou ontem (26/04) a RC da versão 1.6 da biblioteca.

Assim como na versão 1.6 Beta 1, esta versão é para a comunidade testar e relatar bugs.

Vale a pena dar uma lida no post do Luiz Tiago que explica como contribuir com a comunidade de desenvolvimento do core da biblioteca jQuery.

CDN: http://code.jquery.com/jquery-1.6rc1.js

Changelog: http://blog.jquery.com/2011/04/26/jquery-1-6-rc-1-released/

Cya ;)

,
22/04/2011

Como funciona o jQuery

Olá galerinha, como tudo na vida, temos que começar do início. Traduzi (não ao pé da letra) o post do John que está no site do jQuery, esse post é um post introdutório, ele serve para pessoas que já conhecem de JavaScript mas não conhecem o jQuery.

jQuery: O básico

Esse tutorial básico irá lhe ajudar a começar com jQuery. Podemos começar criando uma página de teste, isso você já deve saber, ela será uma página HTML qualquer. (Se você não sabe o que é uma página HTML, você deve parar aqui e mudar de área =D).

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo</title>
  </head>
  <body>
    <a href="http://jquerybrasil.org/">jQuery Brasil!!!</a>

    <script src="jquery.js"></script>
    <script>

    </script>
  </body>
</html>

Altere o atributo src na tag <script> para apontar para o local onde está o seu arquivo jquery.js.

EX: Considerando que seu html está na raiz do diretório. Se seu arquivo estiver dentro de uma pasta chamada js, você deve colocar src="js/jquery.js".

Você pode saber mais sobre como baixar e colocar em seu site o jQuery, na nossa área de downloads.
(mais…)

,
12/04/2011

jQuery Brasil

Salve salve adptos, fãs e entusiastas do jQuery.

Como vocês podem ver (até que enfim hem Ruan) o nosso “portal” saiu esta saindo.

É gente, até que enfim nós temos uma casa.

Vocês não sabem a satisfação que eu tenho de estar escrevendo esse texto. Esse projeto se tornou muito importante, não só para mim, mas para muitos nele envolvidos, mas enfim, esta no ar e é isso o que importa.

Nessas duas próximas semanas o site irá mudar muito, isso até ele ficar prontinho. Essa semana a galera de contribuidores irão começar a postar, ai o portal já vai começar a ficar mais rico.

Essa equipe de “colunistas” serão apenas oito nesse momento, mas futuramente irá aumentar (espero eu). Os assuntos aqui tratados serão sempre sobre jQuery, então esperamos sua visita diária.

Bom, não sei mais o que dizer, apenas o meu Muito Obrigado as pessoas que me ajudaram a desenvolver e manter o site e a vocês por terem esperado.

Obrigados especiais:

Demorou mas chegou!!! jQuery Brasillllllllll

Página 2 de 212