No JavaScript é diferente pois se a variável ainda não foi definida e tentarmos comparar ela com alguma outra coisa (null por exemplo) vai dar um erro parecido com: ReferenceError: my_var is not defined

E para verificarmos se uma variável foi definida no JavaScript precisamos usar o seguinte código:

if( typeof variavel == 'undefined') {
 console.log("Não foi definido")
} else {
 console.log("foi definido")
}

O operador typeof retorna uma string do tipo do operando, no nosso caso é uma variável não definida.

Para saber mais sobre o typeof consulte o site da MDN

Exemplo mais definido

O Ruby disponibiliza um método bem simples que resolve esse problema facilmente, o instance_variable_set.

Código

var_name = "my_var" # => "my_var" 
instance_variable_set("@#{var_name}", "valor") # => "valor" 
@my_var # => "valor" 

Mais na documentação: instance_variable_set

Hoje estava resolvendo um problema e pela primeira vez tive que utilizar operador ternário no CoffeeScript. Eu todo faceiro tentei resolver o problema na forma JavaScript de ser:

resultado = condicao ? verdadeiro : falso; 

Porém, isso não funciona em CoffeeScript. Fiquei um pouco assustado, pensei: “puts, como assim? Não tem operador ternário em Coffee?”.

Nada disso. Têm sim, e na verdade é bem simples, só que é feito com IF,Then e Else.

resultado = if condicao then verdadeiro else falso

Simples não?
Agora você também já sabe como é o operador ternário do CoffeeScript.

O último problema que tive foi tentar testar minha aplicação que esta usando o banco PostgreSQL.
O erro que ocorria era de fato muito estranho do qual não fazia sentido algum.

O problema

ActiveRecord::StatementInvalid: PGError: ERROR: permission \ denied: “RI_ConstraintTrigger_” is a system trigger

Me perguntei, que diabos tem a ver meus testes com triggers de banco?
Foi quando algumas pesquisas começaram a fazer sentido, pois se meus testes conectam no banco e eu não estou conseguindo destruir a tal da trigger com o DatabaseCleaner, achei o problema, permissão ;).

Solução

Pois é, era mesmo problema de permissão com meu usuário root.
E para resolver isso foi fácil, bastou eu excluir o meu usuário e criar ele novamente como superuser.

//comandos
//conectei no PostgreSQL
psql -h localhost postgres
//dropei meu user
postgres=# drop user root;
//recriei como superuser
postgres=# create user root superuser;

Assim eu resolvi o meu problema, e até a próxima.

• Minha formatura
• TCC – Otimização de sites para mecanismos de busca
• Troca de emprego (agora trabalho na No Zebra Network
• Lançamento do site jquerybrasil.org
• Tradução da documentação do jQuery

Entre muitos outros freelas, alguns calotes, algumas tristezas e felicidades.

O importante é que ainda estamos vivos e felizes (eu pelo menos =D).

Resumos

Formatura

Bom, após 4 anos de estudos na Unibrasil, enfim me formei. Minha turma começou com +- 85 alunos e no final dos 4 anos apenas eu era elegível a formatura (o que pra mim é um destaque). Devido a falta de professores para o acompanhamento de meu TCC, tive que esperar 6 meses para fazer a entrega do meu TCC versão final, me formando assim com 4 anos e meio (nada que me faça chorar =D).

TCC – Otimização de Sites para Mecanismos de Busca

Uma coisa interessante e que me perguntaram bastante, se eu sou “JS/jQuery fã boy”, por que não fazer um trabalho sobre isso e sim um trabalho com algo que supostamente não tem nada a ver com isso. Simples, vontade de aprender o desconhecido, por mais que eu goste de JS, eu não quero saber o pq 1 + 1 é um, ou como ele faz isso em bits. Preferi um trabalho teórico devido minha disponibilidade de tempo e vontade de aprender algo do qual eu já gostava mas não tinha certeza das coisas.
Após o trabalho tive a certeza de que não tenho certeza alguma sobre SEO hehe.

Troca de emprego

Antigamente eu trabalhava na IT7 Sistemas, que é localizada em Pinhais (região metropolitana de Curitiba) o que era muito bom, conheci muita gente legal lá (brothers de verdade e que vão me acompanhar pra vida inteira), trabalhava como Desenvolvedor Java (uma linguagem que não simpatizo muito, mas que não deixa de ser boa) e ferramentas Oracle como WebCenter.
Agora estou trabalhando na No Zebra Network (conhecida por nós NZN) que é detentora do sites:

• Baixaki
• Baixaki Jogos
• Tecmundo
• Tudo Gostoso
• Toda Ela
• Minha Série

Devido a boa separação entre FrontEnd e BackEnd eu raramente estou trabalhando no front dos sites (exceto pelo JS que não da pra deixar de lado né), e como nosso Back é Ruby/Php agora estou trabalhando mais com isso. Do qual o Ruby eu nunca tinha visto antes (como desenvolvedor de ruby), o que me abriu um grande leque de conhecimento e que me deixa extremamente feliz hoje em dia.

Se você quer saber um pouco de como é trabalhar aqui, o tecmundo fez um artigo legal: Como é trabalhar no baixaki e tecmundo.

jQuery Brasil

Ô glorioso. Até que enfim, após muito tempo foi lançado, sim está sem atualização também, mas enfim em breve terá mais novidades sobre ele.

Tradução da documentação do jQuery para português

A algum tempo essa tradução começou, e ainda continua ;). Se você quer nos ajudar (seja revisão ou tradução) nós ficariamos muito agradecidos.

Por hoje é só, mas nos vemos muito em breve =D

Neste post é apenas comentado para que é usado, ou seja, redirecionamento de páginas. Mas vamos complementar com algumas informações.

A grande diferença entre eles é que o .replace é um método já o .href é uma propriedade.

Sendo assim, cada um tem um comportamento diferente.

O .replace faz com que a página seja substituída, desta forma não gerando histórico de navegação, já que a página é a mesma substituída por outra. Já o .href altera o identificador da página, sendo assim criando uma nova página e consecutivamente criando histórico.

Exemplos:

.href
.replace

Fica aqui uma questão para os gurus da NET, o por que dos dois seguintes exemplos não funcionarem corretamente?

.href
.replace

Favor deixas as considerações nos comentários =D

O que consiste esse projeto?

O projeto é como se fosse um interpretador de linguagem natural. Através da linguagem mais próxima a falada pelos homens ele traduz e gera:

O código DDL

Alguns diagramas

Dicionário de dados

E até o código fonte

E a documentação?

Simplesmente excelente. Os nossos garotinhos estão de parabéns até aqui.

Bom, agora que você já conhece esse maravilhoso projeto, vai lá no site deles e confira o projeto.

Site: The Web Mind

Código: Google Code

Grupo: Google Groups

Doc: Doc

Atores: Felipe Nascimento e Jaydson (Esses garotos vão longe hem….)

JavaScript

    window.history.back();

jQuery

    $('.voltar').click(function() {
        history.back()
    });

Demo

JavaScript

function evita(evento) {
    evento.preventDefault();
}

HTML

<a href="http://ruancarlos.com.br" onclick="evita(event);">Site do Ruan (não segue)</a><br />
<a href="http://ruancarlos.com.br" >Site do Ruan (segue)</a><br />
<label for="checkbox">Checkbox (não checa)</label><input type="checkbox" onclick="evita(event);"/><br />
<label for="checkbox">Checkbox (checa)</label><input type="checkbox" /><br />

Também podemos usar ele no jQuery

jQuery

$("a").click(function(event) {
    event.preventDefault();
});

Para saber mais acesse:

• Doc do jQuery
• Doc da Mozzila

Demo

jQuery

$(document).ready(function() {
    //evento onclick do a.next
    $('.next').click(function(e) {
        //movimento a div#foobar para a esquerda 1000px
        //left: é a propriedade left do css
        //1000 é o tempo em milisegundos = 1seg
        $('#foobar').animate({left: '-=1000px'}, 200);
        //e é o evento
        //preventDefault == return false | evita que siga o link ou a ação.
        e.preventDefault();
    });
    $('.previous').click(function(e) {
        //movimento a div#foobar para a esquerda 1000px
        $('#foobar').animate({left: '+=1000px'}, 200);
        e.preventDefault();
    });
})

HTML

<body>
    <div id="foobar">
        Coisas
    </div>
  
    <a href="" class="previous">Esquerda</a> - <a href="" class="next">Direita</a>
</body>

CSS

#foobar {
    background: black;
    border: 2px solid blue;
    width: 600px;
    height: 150px;
    /* necessário */;
    position: relative;
}

Demo