10 hábitos de programación que los desarrolladores web deberían adoptar

Cualquiera puede aprender a programar, pero desarrollar buenos hábitos de programación es otra cuestión completamente distinta. La programación es una de las profesiones más fáciles de aprender.recoger sin ningún entrenamiento formalPero cuando eres completamente autodidacta, puedes terminar con malos hábitos que son difíciles de abandonar.

Es posible que ni siquiera sepas que has adquirido un vicio común hasta que alguien te lo señala, lo que da lugar al temido “código espagueti”. Sin embargo, puede hacer que sus proyectos sean irrecuperables y provocar que la gente no quiera trabajar en equipo con usted.

¿Estás listo para desarrollar mejores hábitos? Hay algunas cosas que ni siquiera un curso formal te enseñará, pero que los programadores experimentados han aprendido a través de años de trabajo duro. Si quieres crear un código limpio y legible para humanos, comienza a seguir estas rutinas hoy mismo.

1.Haz un plan

Todos los desarrolladores jóvenes lo han hecho: cuando una nueva idea los entusiasma, su primer instinto es lanzarse de lleno a codificar. Pero si no tienen planes sobre qué hacer una vez que se les acabe el entusiasmo, terminarán con un proyecto muerto.

Si tiene más proyectos abandonados de los que puede contar, la solución es comenzar a planificar con anticipación. Esto no solo le permitirá tener objetivos claros que perseguir, sino que también mejorará la calidad de su código y le permitirá ahorrar un tiempo valioso.

Aquí está la información que necesitas antes de comenzar un nuevo proyecto.

• Resumen de su proyecto— Qué es, a quién va dirigido y qué pretende hacer.
• Lista de tecnologías que vas a utilizar— Esto incluye lenguajes, marcos, etc.
• Esquema general de características— Piensa en la arquitectura del proyecto y en cómo va a interactuar cada elemento. Marca qué características son imprescindibles, cuáles son importantes y cuáles son secundarias.
• Plazos—Planifique cuándo finalizará las distintas etapas del proyecto.

Incluso un esquema simple como este es mucho mejor que empezar a ciegas. Por otro lado, planificar demasiado puede ser perjudicial. No esperes hasta tener la idea perfecta o tener todo absolutamente resuelto. Simplemente haz un esquema y ponte a ello.

Recuerda: planifica antes de programar. Te ahorrará muchos dolores de cabeza en el futuro.

2.No te repitas (SECO)

Hay cientos de pequeños consejos de organización que los desarrolladores deberían seguir, pero posiblemente el más popular sea DRY: Don’t Repeat Yourself (no te repitas).

Este principio común establece que “cada pieza de conocimiento debe tener una representación única, inequívoca y autorizada dentro de un sistema”. O, en términos más simples, no use el mismo código en varios lugares y evite hacer lo mismo con dos piezas de código diferentes.

Aquí hay unoEjemplo simple de código DRYEn rubí:

module Builder  def build(n)    n + 1  endendclass John  include Builder  def destroy(n)    n - 1  endendclass Peter  include Builderend

Es mejor configurar un método una vez y reutilizarlo cuando sea necesario, que configurarlo cada vez que una clase necesite usarlo. ¿Qué sucede si necesita cambiar esa función en el futuro? Es más fácil editar una cosa que veinte.

El código WET (“se ​​escribe siempre”, lo opuesto a DRY) causará problemas de mantenimiento en el futuro, por lo que debe evitarse a toda costa. Reutilice, no repita.

3.Hazlo legible para humanos

Formatear correctamente el códigoPor lo tanto, es posible que sea incluso más importante que optimizarlo y minimizarlo. No es solo para aquellos con quienes trabajas, también te ayuda a ti. Si tus variables tienen nombres aleatorios, tu código no está comentado y tu formato es un desastre, tendrás problemas más adelante.

Siga estos consejos para mantener su código limpio y legible.

Dar nombres propios a las variables

Este es un pequeño consejo, pero muy importante. Sus variables, métodos, archivos, etc., deben tener un nombre que permita entender de inmediato su función. Puede que sea técnicamente más eficiente nombrarlos 1, 2, y 3, pero será una pesadilla para usted y sus compañeros de trabajo recordar lo que realmente hacen.

Nombra estos objetos con sustantivos cortos que expliquen para qué sirven. Evita usar acrónimos o abreviaturas a menos que sean extremadamente comunes.

Ejemplo: formInputes un buen nombre de variable. Evite nombres como frminp, form7o , formya que utilizan abreviaturas confusas o no se explican por sí solos.

Comenta tu código

Imagínese volver a un proyecto después de semanas o meses y tener que examinar minuciosamente el código, preguntándose qué hace cada parte del mismo. Todo esto se puede evitar si comenta su código. Además, si está trabajando con otras personas, esto evita que pasen por el mismo proceso también.

No es necesario que expliques cada línea de código. Si usas nombres de variable adecuados, el código lo hará por sí solo.

Sin embargo, debes usar comentarios para aclarar el código que no se explica por sí solo. También son útiles para explicar por qué no estás usando lo que parece una mejor solución.

Una cosa más: evite tener un encabezado de comentarios masivo al comienzo de su código detallando registros de cambios, licencia y otra información mundana; cree un archivo README en su lugar.

Sangrar correctamente

A nadie le gusta trabajar con un gran bloque de código. Es un arte aplicar sangrías y saltos de línea de forma adecuada, pero es mejor intentar hacerlo mal que no hacerlo. Los espacios en blanco ayudan a que otros lean el código y facilitan la navegación.

Código de sangríarevela su estructura y cómo cada línea interactúa con la siguiente. Cómo hacerlo “correctamente” depende del lenguaje que estés usando.

Por ejemplo, cuandosangría en HTML, debe colocar las etiquetas de apertura y cierre en su propia línea (a menos que la línea sea muy corta) y sangrar el texto entre ellas. Los elementos en línea no deben sangrarse.

p     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. /p

Reglas de sangría CSSCompliquemos un poco más la forma en que cada elemento se sangra en relación con los demás. Puede encontrar estándares para cualquier idioma en el que escriba en Internet.

Una cosa más: para muchos lenguajes de desarrollo web, se recomienda utilizar espacios en lugar de tabulaciones. Dos espacios es el estándar común para HTML, CSS y Javascript. Además, los desarrolladores que usan espacios en lugar de tabulacionesganar más dinero.

Sea consistente

Cada desarrollador tiene su propia opinión sobre cómo sangrar, comentar y nombrar archivos. Pero, hagas lo que hagas, lo más importante es ser coherente.

Puedes utilizar cualquieraconvención de nombresSi lo desea, hágalo siempre de la misma manera. Si utiliza camelcase( functionName) para nombrar funciones en Javascript y pascalcase( ClassName) para nombrar clases, no lo alterne. Esto también se aplica a los estándares de sangría. Formatee su código de la misma manera siempre.

Desarrollarás tus propias peculiaridades, pero es una buena idea buscar las convenciones comunes para el lenguaje con el que estás trabajando.desincrustante de códigoPuede ayudarle a encontrar inconsistencias o formatos inadecuados en su código.

4.Código de refactorización

¿Alguna vez has tenido la necesidad de limpiar tu código en medio de un proyecto? Es hora de dejar ese hábito. La refactorización de código es el proceso de eliminar todos los fragmentos que sobran, optimizarlo para que ocupe menos espacio y seguir principios como DRY. La funcionalidad no cambia; solo estás optimizando lo que ya está allí.

Si bien es importante limpiar el código, no conviene quedarse atascado en eso con un trabajo en progreso. Al igual que el primer borrador de un autor, sus primeros intentos pueden resultar un poco desordenados, pero puede pulirlo todo más adelante. Por ahora, concéntrese en terminarlo.

Deberías intentar evitar el código duplicado y tener en cuenta los principios de programación. Sin embargo, resiste la tentación de realizar una auditoría exhaustiva hasta que hayas terminado, o hazlo solo cuando la forma en que está estructurado el código te esté causando problemas en ese momento.

Consulta esta guía pararefactorización de códigopara que sigas algunos estándares al arreglar tu proyecto.

5.Utilice software de control de versiones

Ya sea que esté trabajando en un software, un proyecto web o inclusoUsando Git con WordPressEl control de versiones funciona en cualquier lugar. Git es utilizado por70% de los desarrolladoresY si no eres uno de ellos, deberías serlo.

Versoftware de control de sionAyuda a realizar un seguimiento de los cambios realizados en un proyecto, lo cual es muy valioso, especialmente cuando se trabaja en equipo. Con Git, se puede acceder a todas las versiones de un proyecto y ver exactamente quién hizo qué y cuándo.

Y si alguna vez necesitas volver a la versión anterior, solo tienes que hacer clic en un botón. No es necesario buscar el código con errores. O si notas un error más adelante, puedes consultar las versiones anteriores para ver cuándo se agregó y qué lo causó.

Algunos consejos para trabajar con Git u otro software de control de versiones:

• Comprometerse con frecuencia— No hagas un montón de cambios enormes y luego los confirmes, solo para tener que revertirlos cuando inevitablemente provoques errores.
• Sin embargo, no te comprometas demasiado.— No es necesario confirmar cada pequeño cambio o código incompleto. Realice algunos cambios o agregue una pequeña característica y luego publique.
• Documento— Para conveniencia de tus compañeros de equipo (y la tuya propia si necesitas volver atrás), agrega un comentario a tus confirmaciones explicando lo que agregaste o cambiaste.

6. Termina tus proyectos

Si llevas varios años desarrollando, es probable que tengas decenas de proyectos a medio terminar en tu ordenador. Esto no es un problema tan grande para los desarrolladores web. Sin embargo, todavía es muy común tener todo tipo de prototipos o sitios de prueba enterrados en las profundidades de tu PC.

Esto es inevitable si te gusta experimentar. Sin embargo, es un hábito que puede empezar a filtrarse de tus compilaciones de prueba y a pasar a proyectos importantes que realmente tienes intenciones de terminar. Como desarrollador en crecimiento, es importante que tengas algunos productos terminados en tu haber: todos esos prototipos abandonados no te sirven de mucho.

Por lo tanto, además de planificar con anticipación antes de lanzarte a un proyecto, también debes intentar dedicarte a solo unos pocos a la vez. Si tienes demasiadas cosas en tu agenda, te cansarás rápidamente.

También hay que aprender a superar los obstáculos. Es fácil crear un prototipo genial en una o dos noches. Sin embargo, una vez que se llega a las partes difíciles, uno se siente tentado a pasar a otro prototipo. Se trata de un hábito muy malo. Una vez que se propone empezar algo, hay que esforzarse y tratar de terminarlo.

En una escala más pequeña, evita dejar comentarios de “cosas por hacer”. Lo más probable es que marques esa parte del código en tu mente y nunca vuelvas a ella. Una vez que comiences a escribir una sección de código, simplemente termínala y haz ajustes más tarde si es necesario.

7.Aprende nuevos idiomas

Ser un desarrollador web no se trata solo de codificar bien; en este campo competitivo, debes estar constantementeadquiriendo nuevas habilidadesSiempre están surgiendo nuevos idiomas, y si todo lo que sabes es un poco…JavascriptEs probable que te quedes atrás.

Consulta las ofertas de trabajo para desarrolladores web para ver qué lenguajes consideran deseables los empleadores. Recursos comoPYPLTambién puede ayudarle a mantenerse al tanto de las tendencias.

De esta manera, sabrás qué deberías estudiar a continuación y de qué idiomas debes distanciarte. Si inviertes en un idioma en crecimiento y te vuelves bueno en él, podrías conseguir un trabajo mejor remunerado.

Usa tu tiempo libre para probar algo nuevo y ver si puedes agregar alguna habilidad a tu repertorio. Adquiere el hábito de revisar las tendencias o de revisar la documentación de un idioma si tienes unos minutos extra. Haz un seguimiento de los que te parezcan interesantes y experimenta con ellos cuando tengas tiempo. Podría marcar una gran diferencia en tu carrera.

Desarrollar mejores hábitos de programación

La programación consume mucho tiempo. Especialmente cuando trabajas solo en un gran proyecto, puede resultar tentador hacer lo que sea que funcione. Pero, aunque acabes con un prototipo funcional, los problemas subyacentes en el código acabarán por volverse en tu contra.

Si quieres ser un mejor desarrollador web, y especialmente si quieres hacer de ello una carrera trabajando en equipo, necesitas saber las formas correctas de programar.

Tu código debería ser legible para más personas, no solo para ti, así que intenta hacer un plan antes de empezar y esfuérzate por mantenerlo organizado. Prueba un software de control de versiones y considera aprender algunos lenguajes nuevos en tu tiempo libre. Con unos pequeños ajustes a tus hábitos, tu código será mucho más limpio y descubrirás que también te estás convirtiendo en un desarrollador más hábil y completo.

¿Qué malos hábitos de programación has adquirido en el pasado? ¿Cuánto tiempo te llevó dejarlos? Comparte tus experiencias con tus compañeros desarrolladores en los comentarios.