Reglas básicas para un desarrollador web

Por Manuel Gutiérrez el 11 de febrero de 2010

en: Desarrollo Web|Programacion

Estas son algunas reglas básicas a la hora de desarrollar un buen “producto web”, probablemente si desarrollas aplicaciones con asiduidad tienes en cuenta algunas de ellas pero si no las conoces y te gustaría empezar un proyecto seguro que te vendrá bien echarle un vistazo.

Desconfia de los usuarios

Suena duro pero es la verdad, no quiero decir con esta afirmación que todos los usuarios sean maliciosos pero lo que si es cierto es que mientras más desconfies más preparado estarás cuando algo no deseado suceda, intenta comprometer lo menos posible tu aplicación evitando todos aquellos agujeros de seguridad que esten en tu mano, tambien es importante que no te centres unicamente en la seguridad… ten en cuenta que muchos usuarios por desconocimiento de la aplicación harán un uso incorrecto de la misma, un buen ejemplo de ello lo tenemos a la hora de rellenar los formularios, hay que asegurarse y validar todos los datos introducidos por los usuarios.

Haz un diseño para usuarios, no para programadores

En concordancia con el punto anterior una buena manera de prevenir posibles errores de uso por parte de los usuarios es dotar a tu aplicación de una interfaz amigable, intuitiva y a ser posible con ayudas para los usuarios, todos estos puntos no son fáciles de aplicar pero si necesarios.

Para poder hacer una aplicación intuitiva para el usuario deberás de apartarte de tu “parte de desarrollador” y tener en cuenta que al fin y al cabo el usuario no poseerá ni tus conocimientos ni tu manera de pensar.

Utiliza Javascript unicamente para mejorar la interfaz

La prueba de fuego para la usabilidad de tu aplicación debe ser que esta mantenga todas sus características en un navegador con Javascript Deshabilitado, son realmente fascinantes las mejoras en diseño que se han conseguido con la llamada “Web 2.0” y probablemente en un futuro muy cercano no se conciba otra manera de ver internet, pero ahora mismo debemos pensar que Internet no evoluciona tan rápido cómo nosotros queremos, la gran mayoría de los usuarios convencionales no saben que es la web 2.0 y probablemente no sepan cómo habilitar Javascript para su navegador.

Si no estas deacuerdo con este punto trata de navegar un único día con Javascript deshabilitado y verás cuántas barreras te encuentras sólo en los primeros 5 minutos.

Documenta el código

Escribe una buena documentacion de tu script / librería o efecto. Una buena documentación da calidad al código, sino preguntate porque existe la clásica documentación en cualquier API con todas las posibles propiedades y parametros, pero sin duda lo mejor de todo es explicar con ejemplos que contienen una lista de posibilidades.

La documentación del código a mi modo de ver implica la documentación de todo el código (Hojas de estilo y funciones Javascript incluidas).

Documenta tus hojas de estilo

Si aún así te parece algo no prioritario imáginate que pasaría si tu proyecto crece y tienes que incorporar a otro desarrollador que te ayude, sinceramente si no esta documentado vais a perder ambos una gran cantidad de tiempo.

Ya si lo que quieres es tener una “aplicación 10“: conserva la sintaxis y estructura del código limpia y ordenada, utiliza inteligentemente los nombres de variables y funciones, comenta el código, diferencia las variables dependiendo de su importancia y separa el texto del código (Poner en un documento aparte el texto para su posterior traduccion a otro idioma).

Se coherente con el código HTML

Con esto quiero decir que utilizes el código HTML de manera apropiada (Algunos Ejemplos):

* No uses <div class=”TextoGrandeNegro”> cuando puedes usar <h1>
* No uses <h1> cuando lo que realmente quieres hacer es <b>
* No uses <b> cuando querías <strong>
* No uses <i> para enfatizar algo y <em> para conseguir el efecto de letra itálica
* No uses tablas y divs para hacer un menu, cuando en realidad puede ser una lista
* No crees div cómo este <div id=”ColumnaIzquierda”> cuando podemos generalizarlo en <div id=”columnas”>

¿Conoces los tags <code>, <samp>, <tt>, <kbd> y <var>?

Hay un buen número de tags en HTML que posiblemente no conozcas y puedan en algún momento realizar la función que estabas buscando como por ejemplo sería los tags en lugar de colocar un span o un div con un estilo personalizado, pero este es el ejemplo más simple.

Tags HTML que posiblemente no conoces

Conclusión

Espero que estos pequeños consejos te hayan servido de utilidad el titularlo cómo reglas es para darle más importancia a cada uno de los consejos, ten en cuenta que cuanto mas en serio te los tomes más dificil te será obviarlos.

Dejar un comentario