Programar en Capas, ¿Para que?

Capas
Imagen de msalvatierra088

Al momento de hacer una pagina web en ocasiones hacemos un documento llamado "index.html" y ahi metemos el contenido de la pagina (HTML) la presentación (CSS) y su comportamiento (JavaScript), anteriormente esta forma de hacer las paginas estaba bien, e incluso ahora si lo haces así no habrá ningún mal funcionamiento, pero en este mundo de la programación no solo se trata de hacerlo, sino que debemos hacerlo bien.

Pero ¿Que ventajas da programar por capas? pareciera solo dividir el trabajo y perder el tiempo uniendo todo, pero nada mas errado que eso.
Muchas personas saben que esto se debe hacer, pero una cosa es saberlo y otra muy distinta hacerlo. Si llevas mucho tiempo programando o si eres un tanto geek (como en mi caso) en ocasiones mientras programas algo en HTML se te ocurre una idea genial sobre un efecto mejor para esa sección o darle un efecto de degradado para que se vea mejor. En ese momento piensas "¿Que es mas fácil  crear un archivo css, localizar el elemento que queremos darle esa presentación y programar o simplemente hacerlo en el sitio". Pues debemos resistirnos lo correcto es abrir ese otro archivo y hacerlo aparte, pero ¿Por que?

Las Ventajas
Es importante mantener los distintos tipos de programación lo mas separado que sea posible, no mezclar todo y hacer un codigo espagueti que años después no se entienda, o que dentro de nuestro equipo de trabajo los demás programadores necesiten un traductor para poder entender el monstruo que has creado.

Sera mas fácil encontrar un problema determinado, ademas reducirás código duplicado, y en futuras mejoras podrás reusar el código que ya tenias para las nuevas funciones, es importante que en cualquier tipo de programación se tome en cuenta esta forma de programar, pero si programas en web es aun mas importante por la forma de acceder a tu pagina de los usuarios.

Normalmente todos los usuarios podrán ver todo el contenido y es posible que muchos estén en su casa con  un explorador actualizado, con javascript activado y sin ningún problema en el acceso, pero que tal si alguno de los usuarios accesa desde el sitio de trabajo y le obligan a mantener JavaScript desactivado? si no tiene permitido cambiar el explorador de internet al de su preferencia? o si nuestros usuarios accesan desde un dispositivo móvil  o con alguna ayuda visual, incluso muchos prefieren leer el contenido directamente desde RSS que desde el sitio web.

Así que separa el código de tu pagina web en función de 3 capas (sin hablar de lenguajes del lado del servidor o base de datos)
  • Primero crea todo tu contenido en HTML, esta sera la base y lo que cualquier usuario tendrá acceso a leer
  • Luego cuando tengas listo el contenido, has la presentación de la pagina así tu pagina se vera bien en los dispositivos que muestren CSS
  • Por ultimo agregar algo de JavaScript para darle mas dinamismo, interactividad y movimiento a tu sitio
Ya lo sabes, separa tu código y trabaja de una manera mas organizada, lo agradecerás en el futuro.


0 comentarios:

Ads by Smowtion

Blogger Template by Clairvo