Errores basicos (y comunes) en el desarrollo Web.
- Valida! valida! valida!
Esta es la madre de todas las reglas. La mejor manera de saber si estas haciendo bien las cosas del lado tecnico es validar lo que estas haciendo. El W3C tiene la herramienta de validación mas completa en el Web. Esta herramienta te dirá si tu código esta bien construido o no. Y aunque se que al decir esto me hará acreedor a un linchamiento publico, la validación no tiene que ser perfecta. Validar tu código te permite saber que tan bien estas haciendo las cosas pero no es una regla de oro. Usualmente en sitios muy complicados o con código generado externo es normal que tengas un par de advertencias, pero procura que estas sean las menos. Si encuentras errores, dedícate a arreglarlos en la medida de lo posible. Haz las cosas bien desde el principio. Con el tiempo te dar�s cuenta que no es nada difícil escribir código correcto, lo harás de manera automática. - Apégate a los estándares
El W3C es un comité que definió (y lo sigue haciendo) las reglas seménticas y sintácticas con las que se debería de trabajar en el Web. Estas reglas te aseguran que si las sigues no tendr�s problemas para desplegar tus sitios en ningún lado. Desgraciadamente y como seguramente ya sabes, Microsoft decidió irse por la libre. Uso las reglas que le convinieron y modifico y agrego las que quiso. Esto provoco que las páginas desarrolladas para Internet Explorer no se vieran bien en otros navegadores o tecnologías. Evita como la plaga el uso de código y tecnologías propietarias. Para cada una de estas, hay una manera estándar que la sustituye. En páginas como quirksmode, positioniseverything y alistapart hay innumerables tutoriales de como hacer bien las cosas. - The right tool for the job
La herramienta correcta para el trabajo. Podemos dividir este ámbito en 2.- Server side
Este es uno de los puntos cruciales al comenzar a desarrollar un proyecto Web. El frente de nuestra aplicación Web (casi) siempre será html. Pero para la parte del servidor puede ser cualquiera de las tecnologías existentes. Es importante tener un abanico amplio de opciones porque cada una tiene sus ventajas y desventajas. Usualmente estas son derivaciones del triangulo tiempo-dinero-calidad. Conoce tu entorno y escoge bien. - Client sideEn desarrollo Web como ya dije, usualmente el frontend será html. Pero usualmente este se usa incorrectamente, debido a que es muy permisivo. HTML es semántico, es decir, cada pedazo de código tiene un significado por si mismo. Por ejemplo si quieres usar un encabezado lo correcto es usar un tag
<h1>(o h2 o h3). Si quieres mostrar un pedazo de código, usa el tag <code> </code>. Si quieres mostrar un encabezado en una tabla usa <th> y <theader>. Un lugar para cada cosa y cada cosa en su lugar. Revisa la documentación correspondiente.
- Server side
- Separa presentación y contenido. El HTML es un lenguaje que te permite representar sem�nticamente el contenido. Es decir cada elemento tiene un significado por si mismo. Sin embargo y aunque es posible darle una correcta representaci�n grafica solamente con HTML, existen tecnologías superiores para este propósito y que harán tu vida mucho mas fácil. La más notoria es CSS. Mediante CSS tú puedes darle estilo a tu código HTML y facilitaras su mantenimiento. Además que es una herramienta mucho mas poderosa que solamente el HTML. Talvez el mejor ejemplo del uso de CSS es CSS Zen Garden. Esta página usa un documento HTML igual para todas las paginas y solamente con el uso de una hoja de estilos diferente la presentacián cambia radicalmente entre un ejemplo y otro.
- No ignores a las minorías
Un error muy común (y que viene usualmente de parte de los jefes, aunque no es exclusivo) es la frase “A mi me importa que se vea en Internet Explorer, lo demás me importa un carajo”. Esto es una terrible forma de pensar por varias razones.- IE hace las cosas mal y como se les da la gana.
- Debido a (1) si te dedicas a desarrollar para IE los demás seguramente tendrán problemas al ver tu aplicación.
- En estos momentos la mayoría de las personas usan Internet Explorer, aunque esto es parcialmente cierto y podría no serlo en un futuro próximo. En los sitios dedicados a tecnología la mayoria de las visitas se realizan a traves de Firefox. Y en los sitios en general se tiene una estadistica promedio de que firefox tiene el 25% del mercado. Opera tiene menos del 10%. Ambos han ido en un ascenso constante y no se ve motivo para que esto deje de ser asi.
- Creo que ningun negocio se puede dar el lujo de rechazar del 30% al 50% de su clientela potencial. Especialmente cuando es terriblemente sencillo atender al 100% de esta. Si tu crees que puedes darte este lujo, está bien. Seguramente tus competidores lo pensaran dos veces antes de rechazar el 30% de sus ganancias.
- No ignores a las minorías (segunda parte)
Muy relacionado con el punto anterior (y con el primero y segundo) esta no ignorar a tu clientela especial. Existen muchas personas que utilizan el Web por medios no convencionales, como las personas con problemas visuales, la gente que navega en su PDA, celular y pantallas lectoras. Si bien no es un mercado muy amplio, es cuando menos agresivo el no permitirles el acceso a tus contenidos. Si bien muchas veces es poco viable realizar contenidos alternos para los lectores especiales, usualmente es suficiente con que sigas las reglas anteriores para que tus lectores puedan acceder a tu contenido de una manera viable. - Mantente actualizado…
El Web es un ambiente cambiante por naturaleza. Cada cierto tiempo algo nuevo revoluciona la manera de hacer las cosas. Así mismo muchas cosas quedan en el olvido. Mantente informado y evita el uso de elementos descartados con el tiempo.
Tip: El tag font no se usa desde hace más de 6 años! Keep up with the times, man!
- … pero no abuses
A pesar de que nuevas tecnologías nacen cada minuto, no tienes porque usarlas todas. Y especialmente evita sobre usarlas. No porque AJAX hoy sea la tecnología que todo el mundo usa tienes que usarla absolutamente en todo el sitio. Hay veces que usar un link funciona perfectamente. No tienes que reescribir la funcionalidad con javascript para obtener exactamente el mismo resultado. Busca el equilibrio. Una vez mas, the right tool for the job.
El desarrollo Web es un campo en expansión sin duda, pero estamos alcanzando muy rápidamente un punto de maduración. Por lo que te sugiero que aprendas de los demás, y comparte tus descubrimientos. Esto sin duda nos ayudará a todos. Y sobre todo, no cometas los errores que los demás ya cometimos
Si deseas contactarme puedes hacerlo en contacto@masio.com.mx o deja comentario en alguna de las entradas del blog. Tambien me encuentras en twitter en 
o deja comentario en alguna de las entradas del blog. Tambien me encuentras en twitter en
Ferjaz Diseño Web
9 Sep, 2008
Muy Buen comentario Masiosare, saludos y se agradece, espero que muchos desarrolladores de Sitios Web lean mas este tipo de Posts de ayuda, ya que a veces muchos suelen cometer errores por causa del desconocimiento.
Chau.