• 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

Mas tudo bem, vamos ao que nos interessa.

Queria dizer que agora esse blog terá vários outros focos e não só jQuery (já tinha antes mas não postava sobre esses assuntos), agora iremos ter uma área de Lab, onde eu postarei coisas em laboratório, novas e que ainda não funcionam direito =D você já pode conferir isso, meus experimentos com flush.  Como vocês podem ver, eu ainda não consegui fazer o flush funcionar nesse servidor, mas um dia eu irei. Teremos também uma área destinada ao PHP (onde eu irei fazer certificação um dia) ao WordPress e a Snippets.

E ao invés de eu postar meus exemplos aqui nesse blog  (diretamente) eu irei postar em um página separada ou no jsbin.com.

Então mãos a obra.

Pessoinhas gostaria de agradecer a todos pela compreensão, sei que 7 meses sem uma atualização é muito tempo, mas foi necessário essa pausa.

Para os que não sabem, eu tive que parar esse tempo, pois estava desenvolvendo meu TCC  (Otimização de Sites para Mecanismos de Busca) que foi aprovado com nota 9,0 na banca. (Yeap).

Devido a essa nota, terei que fazer algumas mudanças e imprimir em capa dura em letras douradas. Após isso a faculdade irá disponibilizar na biblioteca da faculdade (vou ficar famoso um dia).

Peço que ainda tenham um pouco de paciência que logo estaremos de cara nova e com muito conteúdo também.

Cordialmente

Ruan Carlos =D



Ano novo, vida nova e nova versão do jQuery também. Hoje foi o dia do lançamento da nova versão do jQuery. Estamos na versão 1.4 agora.
Para seu lançamento a equipe do jQuery preparou um site 14 Days of jQuery que consiste em falar sobre a nova versão do jQuery em 14 dias. O lançamento foi feito ao vivo (pela internet) da AOL em Dulles, com direito a perguntas e respostas.
O jQuery já está no seu 4º aniversário e esta versão conta com bastante código, testes e documentação. É só ver como ficou o novo site da documentação do jQuery 1.4

Como sempre, existem duas versões:

• jQuery Minified (23kb Gzipped)
• jQuery Regular (154kb)

Mas você também pode usar o Google, caso não queira incluir a jQuery no seu site (servidor).

• http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

Vou fazer um apanhado das novas características.

Desempenho de métodos populares

Alguns dos métodos populares do jQuery foram reescritos, com isso teve um ganho de performance significante em comparação com a versão anterior.

No jQuery 1.4 foi reduzida a complexidade dos métodos mais populares.

Funções fáceis de setar

Agora algumas funções aceitam outras funções como parâmetro:

.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), e .toggleClass().

Algumas apenas como segundo parametro:

.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .offset(), .addClass(), .removeClass(), e .toggleClass().

Ex:

// find all ampersands in A's and wrap with a span
$('a').html(function(i,html){
  return html.replace(/&amp;/gi,'<span class="amp">&amp;</span>');
});

// Add some information to the title of the anchors
$('a[target]').attr("title", function(i,title){
  return title + " (Opens in External Window)";
});

AJAX

Parametros aninhados (array)

Agora é permitido passar arrays por parâmetro via Ajax (para os programadores PHP e Ruby on Rails. Agora {foo: ["bar", "baz"]} é serelializado assim: “foo[]=bar&foo[]=baz”. No jQuery 1.3 era serelializado assim: “foo=bar&foo=baz”.

Contexto para uma requisição Ajax

jQuery.ajax({
    url: "test.html",
    context: document.body,
    success: function(){
        jQuery(this).addClass("done");
    }
});

Atributos

Performance do .css() e do .attr()

CORE

Rápida construção de elementos

Quando se cria um elemento com a função jQuery() agora você pode adicionar atributos e eventos algumas vezes.

jQuery("<div/>", {
    id: "foo",
    css: {
        height: "50px",
        width: "50px",
        color: "blue",
        backgroundColor: "#ccc"
    },
    click: function() {
       $(this).css("backgroundColor", "red");
    }
}).appendTo("body");

Novos métodos

.first() e .last(), que por conveniência são aliases ao .eq(1) e .eq(-1)
.toArray(), antigamente usava-se .get(), agora se pode usar o .toArray() – o .get() não entrou em desuso, aliás ele continua vivinho da Silva.

Bom este foi apenas um pequeno resumo das novas coisas que vem por ai, vá lá no site do lançamento do jQuery 1.4 e veja o que há de novo.

OBS: Em breve estaremos com o nosso portal de jQuery Brasil.
Faça uma visita em nossa lista. jQuery BR.

A um tempo atrás eu fiz um post sobre como limitar o tamanho de inputs com jquery. Hoje eu irei mostrar como limitar o tamanho de textareas com um simples código jquery.

Sabemos que inputs do tipo text tem a propriedade maxlength e também sabemos que textareas não tem, mas com um código jquery podemos trabalhar como se existisse maxlength em textareas.

Para fazermos isso é simples.

Precisamos de um textarea com maxlength.

<textarea maxlength="15" rows="5" cols="30" name="texto"></textarea>

Após devemos adicionar no seu javascript o seguinte código:

$("textarea[maxlength]").keypress(function(event){
	var key = event.which;

	//todas as teclas incluindo enter
	if(key >= 33 || key == 13) {
		var maxLength = $(this).attr("maxlength");
		var length = this.value.length;
		if(length >= maxLength) {
			event.preventDefault();
		}
	}
});

Exemplo:

Por hoje é só rsr. Feliz Natal a todos.

Edit

Versão do colega Franklin Javier: http://code.imasters.com.br/index.php?/topic/230-maxlength-em-textarea/

Versão do colega Gilton Guma: http://jsfiddle.net/gsguma/rYgXP/