Alex Weber

Projeto Pessoal

Data: Agosto 2009

Descrição:

Esta é mais um lançamento do meu projeto de usar Javascript como alternativa para o Flash na criação de jogos online.

Escolhi o Minesweeper pelo fato de ser um jogo aparentemente simples e que pudesse ser fielmente recriado usando Javascript.

Quem sabe eu escreva um artigo descrevendo a criação do jogo em breve…

Confira o resultado final:

Características:

• Jogo feito com back-end PHP e front-end em Javascript usando jQuery
• Uso extensivo de Ajax
• Armazenamento de estatísticas e recordes

Link: Minesweeper

O surgimento e subsequente popularidade de bibliotecas da Javascript tais como jQuery, Dojo, MooTools, YUI, entre outras facilitaram bastante o desenvolvimento de páginas dinâmicas e possibilitaram até então interações com o usuário que só eram possíveis através do Flash.

Mas, afinal, o que exatamente é AJAX?

AJAX (Asynchronous JavaScript And XML) é, acima de tudo, um chavão.  Não é uma linguagem de programação e nem é nada novo.  Simplesmente, é uma técnica para enviar dados ao servidor e receber uma resposta sem ter de recarregar a página.  Os dados são enviados normalmente via GET/POST mas a grande sacada é que ao invés da página ficar “congelada” esperando, o usuário pode continuar navegando normalmente e a página será atualizada assim que houver uma resposta do servidor. Ou seja, o request é feito de maneira assíncrona.

O XML (eXtensible Markup Language) entrou na história por ser um formato mais “amigável” de armazenar informações e permite que o Javascript “converse” com o servidor (PHP/ASP/.NET/JAVA, etc).  O XML é facilmente interpretado e permite a utilização de schemas para padronizar o formato esperado da resposta.

Porém, hoje em dia o JSON (Javascript Object Notation) é uma alternativa mais usada para as respostas pelo fato de ser mais simples e também por ser um subconjunto da notação de objetos do Javascript, o que torna a sua interpretação no cliente ainda mais fácil.

Ou seja: Sabe quando você clica numa foto e a tela fica toda escura e a foto aparece em destaque no meio da tela?  Quando vota numa enquete online e os resultados aparecem na hora sem abrir outra página?  E quando envia um formulário e aparece aquela animação de um circulo girando?  É Ajax!

Espero que caso ainda não entendesse, eu tenha ajudado a explicar melhor e, se gostou, fique de olho!  Em breve postarei um tutorial completo e você verá como é simples criar uma aplicação web usando Ajax!

Projeto Pessoal

Data: Agosto 2009

Descrição:

Surgiu como um desafio pessoal de criar um mini-game online divertido e fácil de jogar, mas sem usar Flash.

Com o surgimento há alguns anos de inúmeras bibliotecas de Javascript tais como o prototype, scriptaculous e jQuery, entre outras, criar jogos rápidos e cross-browser usando Javascript deixou de ser algo experimental e passou a ser uma realidade.  Porém, o Flash continua líder absoluto no segmento de mini-games online.

Este é meu primeiro mini-game em javascript e fiquei muito satisfeito com o resultado, confiram!

Características:

• Jogo feito com back-end PHP e front-end em Javascript usando jQuery
• Uso extensivo de Ajax
• Armazenamento de estatísticas e recordes

Link: Jogo de Memória