Canais iMasters

Desenvolvimento + Java

Mantenha seu código limpo em desenvolvimento web - Parte 01

Um problema comum em quase todas as profissões que podem levar as pessoas completamente a loucura é ter de continuar o trabalho a partir do que alguém começou. A principal razão para isso é o fato de que cada um tem formas diferentes de trabalhar, e às vezes isso pode causar uma bela confusão.

A fim de tornar o código mais limpo e apoiar o trabalho em equipe (o que significa que alguém pode precisar trabalhar com o que foi codificado antes), existem algumas considerações (e dicas) que devem ser levadas em conta.

01. Revise sua lógica antes da codificação


Antes de escolher a sua IDE favorita (que com certeza é o Eclipse), alguns diagramas de fluxo ou um pseudo-código podem ser úteis para verificar previamente a lógica do seu futuro código. Fazer isso primeiro pode esclarecer muitas dúvidas e inseguranças sobre a funcionalidade do seu complexo código, economizando muito tempo.

O mais importante é que isso ajudará você a acertar alguns problemas de lógica antecipadamente, e também evitará todas as substituições de código confuso. E você também enxergará o sistema de uma forma mais global, bem como poderá ajudar a modularizar seu código.

02. Declare claramente a estrutura da página


Trabalhar com um <div> principal é útil, mas trabalhar com <div> principal e com uma identificação representativa é ainda mais útil. Considere o seguinte cenário:

<div id="main-container">
<div id="header">
<div id="logo">...</div>
<div id="main-menu">...</div>
</div>
<div id="content">
<div id="left-column">...</div>
<div id="center-column">...</div>
<div id="right-column">...</div>
</div>
<div id="footer">
<div id="footer-menu">...</div>
<div id="disclaimer">...</div>
</div>
</div>

A organização da estrutura está evidente, graças aos recipientes DIV que recebem o id relativo ao conteúdo que será usado dentro dela. Não só ela é mais simples para começar a preencher, mas ele também vai ser perfeitamente transparente para alguém que tenta adicionar ou remover alguma coisa depois, facilitando muito o entendimento e manutenção do sistema.

03. Use identação

A identação mostra claramente a abertura e fechamento de pontos de cada elemento utilizado. Se cada linha de código está colado no lado esquerdo da tela, vai ser muito difícil distinguir o local exato onde um elemento está fechando. Portanto, isso vai atrapalhar o esforço em projetar uma estrutura completa, uma vez que não será perceptível mais tarde.

04. Escreva comentários explicativos

Subestimar o valor de bons comentários é desconsiderar uma maneira muito eficaz de documentação de código. É fácil, rápido e bem direto ao ponto, já que é feito ali mesmo enquanto você codifica.

Os comentários já escritos são igualmente eficientes, considerando o fato de que eles podem ser lidos no momento exato da dúvida. Eles podem, no entanto, ser usado em demasia. Tente sempre escrever comentários em pedaços de código onde não fica evidente qual é sua intenção do programa naquele momento do ponto de vista do negócio (ex.: usar um registro aleatório de um array pré-determinado, o que isso significa para o negócio?).

05. Evite abusar dos comentários

Os comentários não devem ser tratados como solução para código ruim. Ao comentar sobre o código, a funcionalidade atual deve ser descrita, bem como sua entrada e seu retorno. Aqui alguns exemplos de péssimos comentários:

  • Escrever notas explicativas pra você mesmo: ( / * Vai terminar mais tarde ... * /)
  • Culpar coisas sobre outras pessoas: (/ * Sapão foi quem codificou isso. Se deu zica, pergunte a ele. */)
  • Escrevendo declarações vagas: (/ * Esta é uma outra função matemática. */ )
  • Apagar pedaços de código. Se você não tem certeza se deve apagar um determinado pedaço de código, comente-o. Às vezes um código complexo pode esconder soluções que você não vislumbra no primeiro momento. E se você apagar o código, fica mais difícil reverter alguma besteira que você fez. Eu comento códigos antigos regularmente :)
  • /*C# é ótimo e Bill Gates é L33T0!*/ (sem comentários)


É bem melhor você comentar o código logo que estiver codificando e não deixar para depois, pois sem isso pode deixar seus colaboradores extremamente confuso.

Se o código será documentado através dos comentários (principalmente os embutidos: cabeçalho de classes, métodos, etc.), o pessoal que trabalha contigo precisa ter certeza que esses comentários estão lá por uma razão.

Exemplos de uso de bons comentários são:

  • Registros de Criação e modificação (/* Criado por João, 13 de novembro de 2010 */)
  • instruções detalhadas sobre a funcionalidade de um método ou procedimento (/* Esta função valida o formulário de login, com o auxílio da função check-mail */)
  • descrição de alterações(/* Adicionado processo de validação de email */)
  • palavras de sabedoria ( /*JornalJava is the best blog ever */)

6. Evite métodos com corpo gigaaaaaaantes

No processo de adicionar a funcionalidade de uma aplicação, os seus métodos tendem a crescer em número de linhas. Facilmente esses métodos podem crescer até algumas centenas de linhas de código, e isso tende a se tornar seu código confuso.

A melhor prática seria dividir os métodos grandes em menores. Alguns procedimentos podem mesmo estar se repetindo conforme você vai codificando (quantas vezes você já codificou um gerador de número aleatório, hein?). Você poderia fazer melhor uso desses procedimentos por meio de criação de funções distintas.

Bom, como esse assunto é altamente útil (e temos muitas dicas pra trocar sobre isso) em breve teremos mais artigos com algumas dicas de codificação!

Até a próxima!


Comente também

17 Comentários

Matheus
Matheus

Muito bom o artigo!
Falando em comentários, já peguei um código com o seguinte comentário:

// isso mata o problema

Até hoje eu não sei o que estava acontecendo naquele script! :S

William Lopes
William Lopes

Isso teria que ser a base de todos os programadores, mas infelizmente, apenas a minoria segue este raciocínio.

Parabéns pelo artigo!

Abraços.

Daniel Schmitz
Daniel Schmitz

Isso é o mínimo do mínimo do mínimo

Daniel Schmitz
Daniel Schmitz

E o eclipse não é a melhor IDE. Pra mim, perde para o netbeans e para o visual studio

Minimo --.

Mais um que diverge sobre a opnião do altor, Eclipse com certeza não é minha IDE preferida e muito menos /*JornalJava is the best blog ever */ é uma palavra de sabedoria.

Só mais uma coisa, o seu código não esta identado, então antes de falar para os outros fazerem, faça você mesmo. E da próxima vez seja imparcial entre linguagem ou IDE, pois nenhum dos dois é o foco desse post, ou é?

johnmatrix
johnmatrix

@Minimo

ATENÇÃO, esse artigo pode ser ofensivo para pessoas mal humoradas e que não entende sarcasmo.

E da próxima vez, escreva um artigo que acrescente algo na vida das pessoas ao invés de apenas se apegar a detalhes irrelevantes.

So sad, but so true.

vivaldo casimiro
vivaldo casimiro

Com certeza é um artigo muito interessante, ajuda quem está a começar a desenvolver agora e para os experientes devem repensar a sua maneira de desenvolver se não for desta maneira.

Muito obrigado pelo artigo

Miqueias Lopes
Miqueias Lopes

Sobre comentar códigos antigos eu sou contra.
Basta você tarablhar com um bom controle de versão que isso não é necessário.
Utilizando o CVS por exemplo, você teria suas modificações de maneira temporal e separada por versões e revisões, logo, nada estaria perdido.
Guardar códigos antigos em comentários é uma prática de lugares onde não existe uma boa gerencia de configuração.

Leandro  Santos
Leandro Santos

ótimo post, além pra quem está iniciando na carreria Web

Daniel Antunes
Daniel Antunes

Bom o artigo e muito engraçado também! :D

"/ * Sapão foi quem codificou isso. Se deu zica, pergunte a ele. */"

Ahh, e minha IDE favorita é o NetBeans for PHP. Parabéns pelo artigo!

Yuii
Yuii

Ei alguem responde aqui para mim por favor ?

Qual o valor que a variável X terá depois de serem executados os seguintes comandos:

x = 10;
c=2;
y = x + 5;
y = y + c;
x = 2;
x = y;
x = x + 1;

Diego CODU
Diego CODU

Excelente artigo! Parabéns!
Queria saber se vc usa algum SVN e uma dica tb de como devemos escrever num sistema de versões...

William  Bruno
William Bruno

além de poluído o nome que vc deu aos ids no HTML são horríveis, e devem ser completamente evitados: left-column, center-column, right-column.

Por favor, estude CSS, antes de postar essas idiotices. Os FrontEnds que lhe perdoem.
Faltou indentação, e faltou ao menos usar comentários no HTML.

Daves
Daves

As críticas devem ser construtivas e não destrutivas.
Ao invés de falar mal do autor, você deveria postar algo que agregasse ao artigo.
Falar que ele escreve "idiotice" é fácil ... Senta a sua bundinha na cadeira e escreva um artigo falando das boas práticas com HTML e CSS pra gente, oh EINSTEIN da WEB 2.0.

Fulvio, ficou muito bom o seu artigo. Parabéns !

Crítico
Crítico

Independente do exemplo, a idéia é ótima. Colocar nomes que identificam as divs que são intuitivos é uma boa prática, mas se você não gosta problema dos exemplos, faça melhor.

O importante foi levantar a questão, como será feita vai de desenvolvedor para desenvolvedor

Way23
Way23

Muito Bom =D

Qual a sua opinião?

Comentários considerados ofensivos serão moderados.

Parceiros

IBM
PagSeguro
Internet Innovation
Dialhost
HostNet
Tecla
KingHost
DotStore
Dinamize