IRP é uma abreviação para Internet Relay Programming. Não passa de uma divertida brincadeira entre programadores onde você posta linhas de código (na verdade, educadas frases com algum pedido) num canal do IRC. Alguém inspirado pode acatar seu pedido. Ou não.

Uma iniciação sobre a linguagem (que é tudo o que você precisa saber sobre IRP) pode ser encontrado no seguinte link: IRP – Esolang.

É uma linguagem uber fácil. Aprendi a usá-la em 5 segundos…

Segue o link:

www.iki.fi/sol – Tutorials – Graphics / Game Programming.

No texto ele comenta sobre um tutorial muito útil de manuseamento de bits, vale a pena conferir também.

Entrei no serviço de helpdesk e descobri que já havia um ticket aberto. Achei muito estranho e fui ver o que era. A administração da Hostdime me disse que alguma tarefa cron estava prejudicando o desempenho do servidor. Nunca criei nenhuma tarefa cron. Eles anexaram um screenshot que indicava o problema no arquivo ‘wp-cron.php’. Este arquivo faz parte do Wordpress. Então, a culpa não é da Hostdime afinal.

Como havia adicionado alguns plugins recentemente, acreditei que algum deles estava causando problemas (especialmente um que faz backup automático). Fuçando no cPanel achei a lista de serviços rodando e também o consumo de CPU/RAM. O indicador de CPU estava no vermelho (embora ainda não entenda muito bem aqueles números). Desativei o plugin, mas não fez nenhuma diferença.

Então desativei e exclui todos os plugins recém-adicionados, já que antes eu nunca tive problemas desse tipo. A carga de CPU abaixou e ficou no verde. Fiz isso hoje de manhã, antes de ir pro trabalho, já que não consegui dormir direito esta noite e acordei antes do despertador. A esta hora eles já tinham reativado minha conta.

Quando estava voltando do trabalho, hoje à tarde, vi no celular um e-mail novo. A equipe da Hostdime informou que a utilização de CPU continuava alta. Exclui todos os plugins, deixei o WP rodando seco. Não me preocupei muito em apagar, pois ontem mesmo fiz backup de tudo (exportei o banco de dados do MySQL e baixei todos os arquivos pelo FTP). Ainda assim ele consumia muito da CPU. Daí eu lembrei que atualizei a versão do WP ontem. Só pode ser isso.

Hora de googlear. Percebi que muita gente teve o mesmo problema que eu: a empresa de hospedagem reclamando do alto consumo de recursos. Muitos blogueiros, como eu, preferem servidores compartilhados, pois são mais baratos e são suficientes para o baixo tráfego. Mas este tipo de problema pode ocasionar a suspensão do site para não prejudicar os outros que estão hospedados.

E teve gente que teve este problema justamente quando atualizou o WP para a última versão (2.9.2). Procurei alguma solução, mas não tive muito sucesso. Aparentemente, plugins de cache, como o famoso WP-Cache, amenizam a utilização de CPU pelo WP. Mas não é uma solução muito eficiente, pois enquanto ainda não tiver feito o cache, o problema continua. Não queria ter minha conta suspensa de vez.
Tomei uma atitude drástica: apaguei os arquivos principais do WP, aqueles que ficam na raiz do site. Mas o consume de recursos só abaixou quando exclui o banco de dados e a conta associada. Por fim, apaguei todos os arquivos do servidor. A culpa era do Wordpress afinal.

O problema do Wordpress é o seguinte: não existe nenhum meio prático dele agendar tarefas para execução (os famosos ‘cron jobs’). Então, a cada vez que uma página é aberta, ele executa a função ‘wp_cron()’ que verifica se há tarefas pendentes (e as executa se houver). Além disso, cada plugin e algumas inclusões em sua página gera uma requisição nova para o banco de dados. Assim, para cada visitante em cada página ele faz dezenas de requisições MySQL e, de quebra, ainda executa uma ou outra tarefa pendente. Mesmo um baixo tráfego pode gerar um alto consumo de recursos. E não é de hoje que o WP é assim.

O WP-Cache (ou o WP-Super Cache) cria cópias estáticas das páginas do blog (um html puro, sem funções de servidor). Isso evita as dezenas de requisições ao banco de dados. Isso também impede a execução das tarefas cron, o que pode ser um problema. Mas o cache não funciona com usuários logados. No caso de um blog, como o meu, só existe um usuário registrado: eu mesmo. Então, basta eu acessar o blog de vez em quando para que as tarefas sejam executadas. Como disse o Jeff Atwood, há mais de um ano, é “absolutamente irresponsável que a funcionalidade do WP-Cache não esteja já incluída no Wordpress”.

Por enquanto, redirecionei o endereço para o Blogger, mas ainda não atualizei os posts, vou fazer isso com o tempo, já que não há nenhum método fácil de importar (ouvi dizer que há alguns scripts em python, mas são poucos posts, posso fazer isso na mão mesmo). Não pretendo continuar com o Blogger por que vejo muitos problemas de usabilidade, bem diferente do Wordpress. Falam também dos zilhões de plugins, mas como eles só pioram a situação, não faz tanta diferença.

Vou instalar o PHP + MySQL aqui e testar o consumo de CPU do blog, através do backup que fiz. Se o cache resolver, volto pro Wordpress. Também testarei, juntamente, a solução de tornar os ‘cron jobs’ agendados de verdade, ao invés de executar na chamada da página. Mas acho que vou procurar outro CMS. E agora já sei quais os defeitos que devo evitar.

E assim o Wordpress me desapontou.

É uma biblioteca realmente muito conhecida e utilizida, principalmente, por iniciantes. Além de ser muilti-plataforma, possui algumas bibliotecas extras para se trabalhar com fontes (renderização de texto) e imagens de outros formatos além do BMP (o único suportado nativamente). A engine gráfica é um pouco lenta e seria grande problema para aplicações que usem bastante do hardware, já que a SDL só tem suporte a aceleração por software, mas é possível integrá-la ao OpenGL e ter gráficos mais potentes.

Briguei bastante com ela no começo, já que faz tempo que não programo nada, mas aprendi bastante com o tutorial do Lazy Foo. E como ouvi dizer que fazer uma réplica de Tetris é um bom começo para programação de jogos (já que tem tudo: loop principal, contagem de pontos, checagem de vitória/derrota, etc.), tentei fazer uma utilizando o SDL. Foi difícil começar, mas cheguei a algo razoável. Vocês podem fazer o download da versão alpha aqui: http://sourceforge.net/projects/linecollapser. Já está jogável, apesar de alguns bugs (o que pode tornar o jogo extremamente difícil em níveis mais altos). Considere que ainda está em fase de desenvolvimento, ainda é só um alpha. E não testei em outros computadores, espero que funcione.

Posterei aqui algumas coisas que aprendi de SDL, então fiquem ligados. Talvez poste como fiz o jogo e algumas dificuldades que tive. E quando ele estiver funcionando legalzinho, tentarei implementar os gráficos com OpenGL. Vou postar aqui o que aprender dessa poderosa biblioteca. E depois, quem sabe, investir num jogo mais poderoso. Por enquanto é só. Até o próximo post.

Para quem perdeu pode baixar os vídeos em http://www.w3c.br/cafecombrowser, embora, infelizmente, o primeiro evento, com o navegador Opera, não filmado.

É interessante saber que, por incrível que pareça, o IE 8 já suporta algumas tags do famigerado HTML5.

Estas e outras informações interessantes sobre os navegadores podem ser obtidas através dos vídeos.

Apenas uma tradução para português do Brasil do tutorial de jQuery presente em http://docs.jquery.com/How_jQuery_Works. Por ser praticamente um “getting started” oficial e não encontrei nenhuma versão deste texto em português, resolvi traduzi-lo eu mesmo. Se por acaso encontrar algum “eu” no texto, se refere ao autor original (John Resig.).

jQuery: O Básico

Este é um tutorial básico, desenvolvido para ajudá-lo a começar a usar o jQuery. Se você ainda não tem uma página de teste pronta, comece criando uma nova página HTML com o seguinte conteúdo:

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
 
    <script type="text/javascript">
 
    </script>
  </head>
  <body>
    <a href="http://www.codigocomcafe.com/">Código com Café</a>
  </body>
</html>

Altere o atributo src da tag script para que aponte para a sua cópia do jquery.js. Por exemplo, se jquery.js estiver no mesmo diretório que se arquivo HTML, você pode usar:

<script type="text/javascript" src="jquery.js"></script>

Nota: Quando a página inteira é incluída através das funções include() ou require() do PHP, tenha certeza de colocar o script dentro da tag <body> e não dentro de <head>, porque chamando o arquivo de script do jQuery dentro da tag <head> por algum motivo não funciona.

Você pode baixar sua própria cópia do jQuery na página Downloading jQuery.

Lançando o código quando o documento estiver pronto

A primeira coisa que a maioria dos programadores de JavaScript acaba fazendo é adicionar algum código ao programa, parecido com isto:

window.onload = function(){ alert("bem-vindo"); }

Dentro disso fica o código que você quer que rode exatamente quando a página for carregada. Problematicamente, contudo, o código JavaScript não roda até que todas as imagens forem baixadas (isto inclui os banners de propaganda). O motivo para usar window.onload em primeiro lugar é que o ‘document’ do HTML ainda não está completamente carregado, quando você tenta rodar seu código pela primeira vez.

Para burlar ambos os problemas, jQuery tem uma instrução simples que checa o documento e espera até que ele esteja pronto para ser manipulado, conhecido como o evento ready

 $(document).ready(function(){
   // Seu codigo aqui (com ou sem cafe)
 });

Dentro do evento ready, insira um manipulador do evento click para o link:

1
2
3
4
5

 $(document).ready(function(){
   $("a").click(function(event){
     alert("Obrigado por visitar");
   });
 });

Salve seu arquivo HTML e recarregue a página de testes em seu navegador. Clicando no link na página deve aparecer uma caixa de mensagem no navegador, antes de deixar a página para ir até a página principal do Código com Café.

Para click e muitos outro eventos, você pode previnir o comportamento principal – aqui o link até www.codigocomcafe.com – chamando event.preventDefault() no manipulador do evento:

1
2
3
4
5
6

 $(document).ready(function(){
   $("a").click(function(event){
     alert("Como pode ver, o link não te leva mais para www.codigocomcafe.com");
     event.preventDefault();
   });
 });

Exemplo Completo

O seguinte é um exemplo de como o arquivo HTML completo deve parecer se você usou o script em seu próprio aquivo. Note que ele aponta para o CDN do Google para carregar o arquivo do jQuery. Também, enquanto o script personalizado foi colocado dentro da tag <head>, em geral é preferível que se coloque em um arquivo separado e se referir a este arquivo no atributo src do elemento script.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
   <script type="text/javascript">
     $(document).ready(function(){
       $("a").click(function(event){
         alert("Como pode ver, o link não te leva mais para www.codigocomcafe.com");
         event.preventDefault();
       });
     });
 
   </script>
 </head>
 <body>
   <a href="http://www.codigcomcafe.com/">Código com Café</a>
 </body>
 </html>

Adicionando e Removendo uma Classe CSS

Importante: Os exemplos em jQuery daqui pra frente precisarão ser colocados dentro do evento ready, assim eles serão executados quando o documento estiver pronto para se trabalhar. Veja Lançando o código quando o documento estiver pronto acima para detalhes.

Outra tarefa comum é adicionar (ou remover) uma classe CSS.

Primeiro, adicione uma alguma informação de estilo dentro de <head> do seu documento, como isto:

 <style type="text/css">
    a.teste { font-weight: bold; }
 </style>

Em seguida, adicione a chamada addClass ao seu script:

  $("a").addClass("teste");

Todos os seus elementos a ficarão em negrito.

Para remover uma classe, use removeClass

  $("a").removeClass("teste");

• (CSS permite que múltiplas classes sejam adicionadas a um elemento)

Efeitos Especiais

Em jQuery, são providos alguns efeitos úteis, para realmente fazer o sew website se sobressair. Para colocar isso em teste, altere o click que você adicionou previamente para isto:

1
2
3
4

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

Agora, se você clicar em algum link, isto deve fazê-lo sumir vagarosamente.

FUNÇÕES E CALLBACK

Callback é uma função passada como argumento para outra função e é executada quando sua função-mãe for completada. A coisa especial sobre callback é que a função que aparece depois da “mãe” pode executar antes que o callback execute.

Outra coisa importante é saber como passar apropriadamente o callback. Isto é onde muitas vezes eu esqueci da sintaxe apropriada.

Callback sem argumentos

Para um callback sem argumentos, você passa como este:

$.get('minhapagina.html', meuCallBack);

Note que o segundo parâmetro aqui é simplesmente o nome da função (mas não como uma string e sem parênteses). Funções em JavaScript são ‘Cidadãos de primeira classe’ e assim devem ser passadas como referências de variáveis e executadas num momento mais tarde.

Callback com argumentos

“O que se faz quando tiver argumentos que deseja passar?”, você pode perguntar a si mesmo.

Errado

A Forma Errada (Não irá funcionar!)

 $.get('minhapagina.html', meuCallBack(param1, param2));

Não funciona porque isso chama

meuCallBack(param1, param2)

e então passa o valor retornado como segundo parâmetro para $.get().

Certo

O problema com o exemplo acima é que meuCallBack(param1, param2) é avaliado antes de ser passado como uma função. JavaScript e por extensão o jQuery espera um ponteiro em casos como esse. Por exemplo, a função setTime

Na utilização abaixo, uma função anônima é criada (apenas um bloco de instruções) e então registrada como a função callback. Note o uso de ‘function(){‘. A função anônima faz exatamente uma coisa: chama meuCallBack, com os valores de param1 e param2 no escopo exterior.

$.get('minhapagina.html', function(){
  meuCallBack(param1, param2);
});

param1 e param2 são avaliados como um callback assim que $.get() terminar de obter a página.

MAIS LEITURAS

Encerrando por aqui a tradução, mantenho a indicação original para os tutoriais e para a Documentação do jQuery.

Comecei agora a estudar jQuery e pretendo postar as funções que achar interessantes (ou úteis). É um pouco difícil encontrar conteúdo em português, então por esse motivo pretendo postar algumas coisas aqui. E dizem que o livro do Maujor é muito bom.

A definição inicial de “padrão de projeto” (design pattern em inglês) veio de Christopher Alexander, que afirmou que “cada padrão descreve um problema que ocorre muitas e muitas vezes em nosso ambiente, e então descreve o cerne da solução deste problema, de uma forma que você possa usar essa solução mais de um milhão de vezes, sem nunca fazer da mesma maneira duas vezes”^[1]. Tudo bem que Alexander estivesse falando de padrões na construção civil, mas esta ideia serviu de base para a bem conhecida “Gang of Four”, composta por Erich Gamma, Richard Helm, Ralph Johnson & John Vlissides, que criou o livro “Design Patterns – elements of reusable object-oriented software”^[2]. Esse livro é a principal referência deste post (na versão em português do livro) e é reconhecido como o início oficial dos padrões de projeto em desenvolvimento de software.

Por que usar padrões de projeto? A resposta é simples: para facilitar o seu trabalho. Quando se cria um software orientado a objetos, em geral se espera que ele seja facilmente adaptável e reutilizável, para ajudar em pequenas alterações e correções futuras, além de evitar a repetição de código. Os padrões tornam isso possível e muito mais prático.

É muito comum a utilização de funções semelhantes para problemas semelhantes dentro de um mesmo programa. Os padrões podem evitar que se reescreva trechos de código, facilitando (e muito) uma alteração futura. Além disso, uma solução para uma parte de um software pode já ter sido feita em outro software. É muito mais fácil reutilizar o código com poucas alterações se você usa os padrões de projeto.

Provavelmente o principal motivo é: se já existe a solução para o seu problema, por que tentar criar outra? Seria como reinventar a roda.

Aqui vai uma lista dos padrões tratados no livro:

Padrões de Criação:

Abstract Factory: Fornece uma interface para criação de famílias de objetos relacionados ou dependentes sem especificar suas classes concretas.
Builder: Separa a construção de um objeto da sua representação, de modo que o mesmo processo de construção possa criar diferentes representações.
Factory Method: Define uma interface para criar um objeto, mas deixa as subclasses decidirem qual classe a ser instanciada. O Factory Method permite a uma classe postergar (defer) a instanciação às subclasses.
Prototype: Especifica os tipos de objetos a serem criados usando uma instância prototípica e criar novos objetos copiando este protótipo.
Singleton: Garante que uma classe tenha somente uma instância e fornece um ponto global de acesso para ela.

Padrões Estruturais

Adapter: Converte a interface de uma classe em outra interface esperada pelos clientes. O Adapter permite que certas classes trabalhem em conjunto, pois de outra forma seria impossível por causa de suas interfaces incompatíveis.
Bridge: Separa uma abstração da sua implementação, de modo que as duas possam variar independentemente.
Composite: Compõe objetos em estrutura de árvore para representar hierarquias do tipo partes-todo. O Composite permite que os clientes tratem objetos individuais e composições de objetos de maneira uniforme.
Decorator: Atribui responsabilidades adicionais a um objeto dinamicamente. Os decorators fornecem uma alternativa flexível a subclasses para extensão da funcionalidade.
Façade: Fornece uma interface unificada para um conjunto de interfaces em um subsistema. O Façade define uma interface de nível mais alto que torna o subsistema mais fácil de usar.
Flyweight: Usa compartilhamento para suportar grandes quantidades de objetos, de granularidade fina, de maneira eficiente.
Proxy: Fornece um objeto representante (surrogate), ou um marcador de outro objeto, para controlar o acesso ao mesmo.

Padrões Comportamentais

Chain of Responsability: Evita o acoplamento do remetente de uma solicitação ao seu destinatário, dando a mais de um objeto a chance de tratar a solicitação. Encadeia os objetos receptores e passa a solicitação ao longo da cadeia até que um objeto a trate.
Command: Encapsula uma solicitação como um objeto, desta forma permitindo que você parametrize clientes com diferentes solicitações, enfileire ou registre (log) solicitações e suporte operações que podem ser desfeitas.
Interpreter: Dada uma linguagem, define uma representação para sua gramática juntamente com um interpretador que usa a representação para interpretar sentenças nesta linguagem.
Iterator: Fornece uma maneira de acessar sequencialmente os elementos de um objeto agregado sem expor sua representação subjacente.
Mediator: Define um objeto que encapsula como um conjunto de objetos interage. O Mediator promove o acoplamento faco ao evitar que os objetos se reforam explicitamente uns aos outros, permitindo que você varie suas interações independentemente.
Memento: Sem violar a encapsulação, captura e externaliza um estado interno de um objeto, de modo que o mesmo possa posteriormente ser restaurado para este estado.
Observer: Define uma dependência um-para-muitos entre objetos, de modo que, quando um objeto muda de estado, todos os seus dependentes sõ automaicamente notificados e atualizados.
State: Permite que um objeto altere seu comportamento quando seu estado interno muda. O objeto parecerá ter mudado de classe.
Strategy: Define uma família de algoritmos, encapsula cada um deles e os faz intercambiáveis. O Strategy pernite que o algoritmo varie independentemente dos clientes que o utilizam.
Template Method: Define o esqueleto de um algoritmo em uma operação, postergando a definição de alguns passos para subclasses. O Template Method permite que as subclasses redefinam certos passos de um algoritmo sem mudar sua estrutura.
Visitor: Representa uma operação a ser executada sobre os elementos da estrutura de um objeto. O Visitor permite que você defina uma nova operação sem mudar as classes dos elementos sobre os quais opera.

Estes padrões independem de linguagem, embora alguns deles sejam mais facilmente implementados em certas linguagens.

Esta foi só uma introdução bem simples ao assunto bem extenso de padrões de projeto. O livro contém esses padrões listados de forma bem explicada, com alguns exemplos de implementação e aplicações reais. Eu realmente recomendo. A internet é sempre uma fonte de bom (e mal) conteúdo, então sugiro pesquisar, pois existem padrões de projeto que não constam no livro. E é bem possível que eu acabe comentando mais profundamente um outro padrão no decorrer do tempo (e conforme eu mesmo os utilizar), então aguardem. Se quiserem saber mais sobre um padrão em específico, comente que eu pensarei no assunto.

Fontes:

Demorei para postar por causa dessa transição. No meio dessa briga com servidor de hospedagem e outra com a instalação do WordPress, acebei gastando bastante tempo.

Até amanhã posto alguma coisa nova.

Inté.

Estava estudando ERs e, para treinar, decidi fazer um sistema de validação de datas em JavaScript, algo bastante útil, embora já existam funções prontas que fazem isso, como no jQuery, talvez no futuro eu cite algumas dessas funções.

Validar datas com ERs é útil porque elas são aceitas em várias linguagens diferentes, assim o seu script em PHP (ou outra linguagem de servidor) pode validar novamente os dados, por segurança, usando a mesma ER. Você não precisará se dar ao trabalho de escrever um novo código.

Existem duas maneiras de se definir uma ER em JavaScript:

var regex = /regex/;
//ou
var regex = new RegExp ("regex");

Sempre tomando cuidado para escapar os caracteres corretamente.

Validando Datas

Vamos ao que interessa. Em primeiro lugar vamos definir uma ER genérica, depois vamos melhorando-a até chegar naquilo que queremos (preste atenção no escape do caractere ‘/‘).

var regex = /..\/..\/..../;

Isso reconhece qualquer coisa, como “e3/34/e %[“, e isso não é o que queremos. Vamos limitar apenas a números (\d). Além disso, a data deve ser a única coisa no campo, então vamos dizer que é no começo da linha (^) e que também é no final da linha ($).

var regex = /^\d\d\/\d\d\/\d\d\d\d$/;

Ok. Mas isso aceitaria algo como “43/56/9999″, temos que limitar o dia até 31 e o mês até 12. E nenhum dos dois pode ser “00″. Então o dia deve ser 0 e um número entre 1 e 9, 1 ou 2 e um número ou 3 e 0 ou 1. Algo parecido para o mês. O ano deve ser entre 1900 e 2099. Vamos agrupar cada pedaço, para ficar mais fácil (ou não).

var regex = /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/((19|20)\d\d)$/;

Bom, o dia pode possuir apenas um dígito se estiver entre 1 e 9. O mesmo vale para o mês. O ano também pode ser no formato reduzido de apenas dois dígitos. Vamos deixar algumas coisas opcionais (?).

var regex = /^(0?[1-9]|[12][0-9]|3[01])\/(0?[1-9]|1[0-2])\/((19|20)?\d\d)$/;

Está ficando bonito, não é? Agora vem o problema. Uma data do tipo “31/4/09″ é válida, mas abril não tem dia 31. Teremos que dividir por mês, permitindo a quantidade de dias apropriada. Existem basicamente dois jeitos de se fazer isso. O primeiro é mantendo o intervalo de dias inteiro para cada tipo de mês (29, 30 ou 31 dias). Outro modo seria permitir 28 dias para todos os meses, 29 e 30 para todos menos fevereiro e 31 para os meses de 31 dias. Vou usar essa segunda maneira, porque deixa a ER menor e mais fácil de entender (às vezes uma maior é mais fácil de entender, nesse caso deixe ela maior). O agrupamento é importante, pois o operador OU (|) é o último da lista de precedência.

var regex = /^(((0?[1-9]|1\d|2[0-8])\/(0?[1-9]|1[0-2]))|
 //28 para todos os meses
((29|30)\/(0?[13456789]|1[0-2]))|
 //29 e 30 para todos menos fevereiro
(31\/(0?[13578]|1[02])))
 //31 para jan, mar, mai, jul, ago, out e dez
\/((19|20)?\d\d)$/;

Lembre-se que ERs em JavaScript não aceitam comentários e muito menos quebras de linha,eu só fiz isso para explicar as partes da ER. Se achar que precisará comentar, use o outro formato de definição, quebrando a string passada ao RegExp (nesse caso, lembre-se que a barra inversa ‘\’ precisa ser escapada ‘\\’). Nossa ER está quase pronta. O único defeito é que ela não aceita o dia 29 de fevereiro, o que é válido nos anos bissextos. Não podemos deixá-la aceitar o dia 29/2 em todos os anos, então vamos deixar ela do jeito que está e apenas acrescentar uma condição.

Mas essa condição não é exatamente simples. Um ano é bissexto se for divisível por 4. Se termina com 00, o ano é bissexto se for divisível por 400. 2000 é ano bissexto, mas 1900 não é. Um número é divisível por quatro se o número formado pelos dois últimos dígitos for divisível por quatro. Isso só é possível de se fazer com ER porque a tabuada do 4 segue um padrão peculiar. Dos dois dígitos, se o primeiro for par (0 é par) então o segundo deve ser 0, 4 ou 8 e se o primeiro algarismo for ímpar o segundo deve ser 2 ou 6. Com ER, isso ficaria assim:

var regex = /\b\d*(([02468])[048])|([13579][26])\b/;

Essa é uma ER que casa com qualquer número múltiplo de 4 (de pelo menos dois dígitos). Vamos aplicar o mesmo conceito à nossa ER de validação, lembrando que 1900 é divisível por 4, mas não é bissexto e que 00 é equivalente ao ano 2000.

var regex = /^((((0?[1-9]|1\d|2[0-8])\/(0?[1-9]|1[0-2]))|
 //28 para todos os meses
((29|30)\/(0?[13456789]|1[0-2]))|
 //29 e 30 para todos menos fevereiro
(31\/(0?[13578]|1[02])))
 //31 para jan, mar, mai, jul, ago, out e dez
\/((19|20)?\d\d))$|
((29\/0?2\/)
 //29 de fevereiro
((19|20)?(0[48]|[2468][048]|[13579][26])|(20)?00))$/;

E, finalmente, nossa ER está pronta. Só falta aplicá-la num código de validação:

function valida_data(element) {
 regex = /^((((0?[1-9]|1\d|2[0-8])\/(0?[1-9]|1[0-2]))|((29|30)\/
        (0?[13456789]|1[0-2]))|(31\/(0?[13578]|1[02])))\/((19|20)?\d\d))$|
        ((29\/0?2\/)((19|20)?(0[48]|[2468][048]|[13579][26])|(20)?00))$/;
 
 resultado = regex.exec(element.value);
 if(!resultado) {
   fica_errado(element);
 }
 else {
   fica_certo(element);
 }
}//fim da função

Sendo que fica_certo() e fica_errado() são funções que avisam o usuário de que a data está válida ou inválida, respectivamente. Essa função pode ser usada no evento onkeyup de um input type=text, por exemplo:

<input onkeyup="valida_data(this);" type="text" />

E pronto! Se quiser, veja um exemplo aqui. Como ERs podem ser aplicadas em várias linguagens de programação, você pode reaproveitá-la, provavelmente mudando apenas os escapes de caracteres. Fica aí a dica.

O módulo Rewrite reescreve uma URL baseado nos parâmetros que você definir. Assim, um link do tipo http://www.exemplo.com/noticia/1234 pode ser transformado em http://www.exemplo.com/noticias.php?id=1234 permitindo o uso de scripts personalizados.

Vamos ao lado prático da questão. Primeiro, temos que saber se o mod_rewrite está ativado no servidor. Para isso, basta dar uma olhada no phpinfo().

Caso não consiga encontrar, outra alternativa é usar o seguinte script:

1
2
3
4
5
6
7

<?php
 if (in_array("mod_rewrite",apache_get_modules())) {
 echo "Parabéns, o Módulo Rewrite está habilitado!";
} else {
 echo "Sinto muito, mas o Módulo Rewrite não foi habilitado :(";
}
?>

Se o servidor é seu (e você está usando linux) pode usar o comando

# a2enmod rewrite

para habilitar o módulo.

Para criar uma regra de redirecionamento, você precisa alterar o arquivo .htaccess na raiz do seu site ou em qualquer pasta que deseje utilizar o recurso. Caso o tal arquivo não exista, você podera criá-lo. É possível que o servidor impeça a utilização desse arquivo, mas em geral ele é permitido. Enfim, adicione as seguintes linhas no arquivo .htaccess:

RewriteEngine On
RewriteCond %{SCRIPT_FILENAME} !-f
RewriteCond %{SCRIPT_FILENAME} !-d
RewriteRule ^(.*)$ script.php?redir=$1

A primeira linha habilita o módulo Rewrite no diretório em questão. A segunda evita que a regra se aplique a arquivos que existam fisicamente. A terceira é idêntica à segunda, mas diz respeito aos diretórios ao invés de arquivos. E a última é a regra propriamente dita, que redireciona qualquer texto após o diretório do .htaccess para script.php, enviando o texto na variável redir. Assim, uma URL http://www.exemplo.com/noticia/1234 será enviado para http://www.exemplo.com/script.php?redir=noticia/1234. Lembrando que isso não é um “redirecionamento” e sim uma renomeação de URL, os navegadores e motores de busca abrem a página como se ela estivesse fisicamente em http://www.exemplo.com/noticia/1234.

Outro exemplo é o caso de alteração de domínio. Caso você mude do www.exemplo.provedor.com para www.exemplo.com, você poderia criar um script no index.php do tipo:

1
2
3
4
5

<?php
header("HTTP/1.1 301 Moved Permanently");
header("location:http://www.exemplo.com");
exit;
?>

Isso é válido, mas se alguem acessar a URL http://www.exemplo.provedor.com/noticia/1234 simplesmente receberia um erro 404 de página não encontrada. Para evitar isso, usa-se o módulo Rewrite, usando a seguinte regra no .htaccess:

RewriteEngine On
RewriteRule (.*) http://www.exemplo.com/$1 [R=301,L]

Essa regra envia, por exemplo, a URL http://www.exemplo.provedor.com/noticia/1234 para http://www.exemplo.com/noticia/1234, ainda enviando o código 301 de redirecionamento permanente, informando aos navegadores, caches e mecanismos de busca, que este site mudou de endereço.

Mais informações sobre o módulo Rewrite pode ser encontrado na documentação do Apache em http://httpd.apache.org/docs/2.2/rewrite.

Fontes:

1. Clube PC – Ativando o mod_rewrite.
2. Servidores Linux, Guia Prático: mod_rewrite.

Código sempre combina com café, não é à toa que temos o Java. Então, escolhi este nome para o blog que criei para compartilhar meus conhecimentos na área de programação.

O conteúdo do blog dependerá principalemente da linguagem (ou linguagens) que eu estiver estudando atualmente.

Além de código de fato, novidades na área e outras curiosidades podem também estarem presentes.

Desejo um bom café para você, assine o feed e me diga o que acho nos comentários.

Até mais!