Escrever códigos JavaScript pode não ser tão fácil quanto parece. Apesar da linguagem ser bastante simples, existem alguns pontos fundamentais à boa programação, são eles: acessibilidade, padrões web, compatibilidade e limitações.

O Facebook e Gmail são bons exemplos de uma programação JavaScript feita de forma correta. Como eles conseguem? Entre outras coisas, seguindo boas práticas:

1. Use um Framework
2. Escreva JavaScript Acessível
3. Escreva JavaScript Usável
4. Escreva JavaScript de fácil Aplicação
5. Conheça Limitações, Fraquezas e Bugs
6. Otimize seu Código para Performace
7. Organize Arquivos e Códigos
8. Use Ferramentas para Otimizar seu Trabalho
9. Use JSON

1# Use um Framework

Atualmente, programar em JavaScript sem utilizar frameworks é quase suicídio. Para que reinventar a roda? Hoje existem excelentes frameworks no mercado, são eles: jQuery, Prototype, Mootools, Script.aculo.us e alguns outros menos famosos.

O uso dos frameworks é fortemente recomendado devido aos problemas de compatibilidade, limitações e bugs. Sendo assim, o tempo é gasto desenvolvendo o que é realmente necessário. Além disso, essas bibliotecas aumentam nossa produtividade.

2# Escreva JavaScript Acessível

O JavaScript é acessível quando a navegação de uma página, conteúdo e funcionamento principal (ex, envio formulário) estão disponíveis para o seu público, independente do Browser ou dispositivo de entrada usado. Isso incluí:

• Não-suporte a JavaScript
• Tecnologias Assistentes (ex, leitores de tela)
• Sistemas Operacionais Diversos
• Não-uso de Mouse
• Robôs (ex, search engines)

A melhor maneira para se escrever código JavaScript acessível é utilizando técnicas de não-obstrução.

3# Escreva JavaScript Usável

A usabilidade de uma página web é quase toda determinada por uma boa arquitetura de informação, design limpo e intuitivo e funcionalidade bem projetada. Um dos principais argumentos para melhorar seu markup usando JavaScript não-obstrusivo é aumentar a usabilidade da página suportando essas necessidades.

Se está pensando em adicionar JavaScript antes de projetar bem esses aspectos da estrutura do site, não o faça.

4# Escreva JavaScript de Fácil Aplicação

Hoje praticamente todos os desenvolvedores web implementam alguma lógica JavaScript em seus trabalhos. Mas, somente alguns fazem isso da maneira correta. A criação de scripts não-obstrusivos separou os meros ‘programadores’ dos ‘designers’. Muitos web designers não se sentem confortáveis com DOM e JavaScript.

A necessidade do comportamento não-obstrusivo introduziu uma maneira simples de aplicar scripts pequenos e portáteis à páginas web. É como uma receita de bolo: “Tenha certeza de que com seu markup parecendo A, adicionando o script B, teremos como resultado uma página capaz de fazer C”.

Tente criar pequenos pedaços de código independente. A disvantagem do grande número de bibliotecas de código JavaScript existentes é que geralmente possuem mais código do que você realmente precisa e são difíceis de manter quando não foi você quem as criou. Escrevendo os códigos dos quais precisa, eles serão mais específicos, fáceis de manter e significativamente menores.

Ao escrever código JavaScript, tente criar códigos que reutilizará posteriormente. Caso se perceba criando pedaços iguais de código, crie funções. Caso se veja duplicando pedaços semelhantes de código, tente abstrair suas necessidades e criar um único código que poderá ser usado para múltiplas finalidades.

Documente seus códigos, escreva comentários, comportamentos, parâmetros e retornos esperados. Compartilhe seu código com colegas e busque opiniões. Duas cabeças pensam melhor que uma.

5# Conheça Limitações, Fraquezas e Bugs

Apesar do JavaScript geralmente ser bem suportado pela maioria dos browsers modernos, esse suporte ainda possui grandes fraquezas. Alguns funções do JavaScript apresentam alguma instabilidade em determinados browsers e sistemas operacionais. A implementação do JavaScript no Internet Explorer e Safari sofrem com falhas no gerenciamento de memória.

O evento onLoad é insuficiente ao tratarmos de técnicas de não-obstrução. Mantenha-se a par das limitações e bugs encontrados pela comunidade e escreva códigos que funcionem nos browsers mais importantes do mercado.

6# Otimize seu Código para Performace

A reutilização de código é muito importante na otimização. Código duplicado ocupa memória desnecessária. Além disso, tente escrever código se baseando nos pontos a seguir:

• Use variáveis globais (var) apenas quando necessário
• Reutilize objetos e variáveis
• Simplifique condições de loop
• Escreva códigos curtos quanto o possível
• Minimize interação de DOM
• Guarde resultados e valores frequentes em Cache

Por exemplo, esse código é lento:

	for( i=0; i<=10; i++ ) {
		document.writeln(i);
	}

E essa seria a forma correta:

	for( i=0; i<=10; i++ ) {
		writeln = writeln + i;
	}
	document.writeln(writeln);

7# Organize seus Arquivos e Códigos

Agrupo código em arquivos únicos, separados de acordo com seu comportamento e utilização. Escreva códigos que possam ser extendidos quando necessário. Nomeie arquivos de forma a promover fácil entendimento sobre seu conteúdo.

8# Use Ferramentas para Otimizar seu Trabalho

Debugar e inspecionar código JavaScript pode ser mais fácil quando utilizamos algumas ferramentas para nos auxiliar:

• Firefox browser, da Mozilla.
  • Firebug, addon para o Firefox, que debuga JavaScript, CSS e HTML em tempo real.
  • Web Developer Toolbar, de Chris Pederick, para Firefox.
• JSDoc, ferramenta para gerar documentação JavaScript.

Caso queira utilizar o Firebug em browsers que não o Firefox, veja como em: 2 Bibliotecas JavaScript para Facilitar sua Vida.

9# Use JSON

Em implementações Ajax, utilize sempre que possível JSON ao invez de XML. O tempo de download do retorno será consideravelmente menor. Além disso, o JSON é mais amigável ao JavaScript e sua análise será muito mais simples.