El documento describe los principios estéticos de un buen código fuente, incluyendo usar un diseño consistente, hacer que el código similar se vea similar, y agrupar líneas de código en bloques. También recomienda alinear el código en columnas para facilitar su exploración y usar un orden consistente y significativo para variables y declaraciones.

1. CAPÍTULO 4 : AESTHETICS
Juan Pablo Giraldo Gómez
Gestión de la calidad del Software

2. ESTÉTICA
Un buen código fuente debe buscar ser "fácil en los ojos". Aspectos como el
espaciado y la alineación pueden hacer que el código sea más fácil de leer.
Específicamente, hay tres principios:
• Utilizar un diseño consistente, con patrones a los que el lector pueda
acostumbrarse.
• Hacer que el código similar se vea similar.
• Agrupar las líneas de código en bloques

3. “FÁCIL EN LOS OJOS”

4. SALTOS DE LÍNEA

5. “CÓDIGO SIMILAR DEBE SER SIMILAR”

6. FORMA COMPACTA

7. USAR MÉTODOS PARA IRREGULARIDADES …

8. ALINEACIÓN DE COLUMNAS

9. ORDEN SIGNIFICATIVO Y CONSISTENTE
 Relacionar el orden de las variables con el orden de los campos
<input> en el formulario HTML.
 Ordenarlos de "lo más importante" a lo "menos importante".
 Ordenarlos en orden alfabético.
Independientemente de la orden, debe utilizar el mismo orden en todo el
código.

10. ORGANIZAR DECLARACIONES EN BLOQUE

11. CÓDIGO DE RUPTURA EN PÁRRAFOS

12. EN RESUMEN…
 Si varios bloques de código están haciendo cosas similares, trate de
darles la misma silueta.
 Alinear partes del código en "columnas" puede hacer que el código sea
fácil de explorar.
 Si el código menciona A, B y C en un lugar, no diga B, C y A en otro.
Elija un orden significativo y siga con este.
 Utilice líneas vacías para dividir bloques grandes en "párrafos" lógicos.