Para poder afrontar la codificación de un sistema complejo es imprescindible dividir la tarea en módulos más pequeños y manejables.

La modularización permite:

  • Trabajar con partes más manejables.
  • Dividir las tareas y poder trabajar en equipo.
  • El escalado y evolución del sistema.
  • Reutilizar módulos para otros sitemas.
  • Mantener el sistema sin necesidad de rehacerlo.


Módulo básico


Para una correcta modulación es fundamental detectar cual es el contenido básico (el que se repite en todos las casos). De este modo se reduce la cantidad de código y simplifica la evolución de las variaciones.



Módulo básico

Modulo de opinión portada de El Periódico de Catalunya

Módulo básico - caso 1

Modulo de opinión portada de El Periódico de Catalunya

Módulo básico - caso 2

Modulo de opinión portada de El Periódico de Catalunya

Módulo básico - caso 3

Modulo de opinión portada de El Periódico de Catalunya



Casos de uso


La modulación también es importante para trabajar los diferentes casos de uso de un mismo módulo.

Módulo de encuesta de El Periódico de Catalunya


Modulación de la codificación


La modulación no solo se tiene que limitar a aspectos formales, es importante que la modulación se refleje en la estructura de plantillas y de estilos del theme. Los precompiladores de código resultan de gran ayuda en este proceso.



Estructura de plantillas JADE

Estructura de carpetas JADE de este site. JADE es un lenguaje simplificado que permite funciones, modularización de archivos y se compila en HTML.

Estructura estilos SASS

Estructura de carpetas SCSS (SASS) de este site. SASS es un lenguaje simplificado que permite funciones, modularización de archivos y se compila en CSS.

Segmentación estilos

Archivo final de estilos del site donde se realizan includes de todos los subarchivos SASS del site. Una vez compilado el archivo style.scss tendremos style.css donde están todos los estilos que definen el site.

Hoja principal CSS

Archivo CSS resultante