4 consejos para desarrollar sus habilidades de desarrollador

Feb 9, 2026

Cómo

Coder navigates a roadmap avoiding bugs and errors in coding

[dieciséis] (Crédito de la imagen: Robert Pizzo)

Director Superfriendly Dan Mall estará compartiendo sus propios consejos sobre cómo mantenerse relevante como diseñador web en Generar nueva york 2018. Obtenga su boleto ahora .

Para aquellos de ustedes con menos de cinco años de experiencia en desarrollo web, es probable que aún esté encontrando sus pies con respecto a las características, marcos, arquitectura y mejores prácticas. Y aunque puede comenzar cada sitio con las mejores intenciones, al final, las posibilidades de que lo desee es que la cosa funcione lo suficientemente bien como para que le paguen.

He pasado los últimos años rescatando una variedad de sitios de marcas conocidas que en teoría deberían haber sido simples, pero por diversas razones, las sucesiones de los freelancers, la falta de supervisión de arriba hacia abajo, se han convertido en espaguet- Uniones de deuda técnica.

01. Siga la fórmula.

Lo que quiero salir del camino es asegurarle que todos hemos estado allí y no hay nada de malo en no saberlo. La programación es divertida brillante y la razón por la que quiere hacerlo todos los días es probablemente porque llega a ascender a un desafío, tomar la iniciativa y brindar soluciones innovadoras.

Pero aquí está la captura: lo que hace que la programación sea divertida (que está inventiva y piense en sus pies) puede contribuir inadvertidamente a la deuda técnica en proyectos más grandes y dirigidos por el equipo.

Existen las mejores prácticas, principios y patrones establecidos que se han comprobado a lo largo de los años. Es su trabajo investigar, aprender e implementarlos, y, en el proceso, sacrifique un poco de su individualidad a cambio de la capacidad de mantenimiento y la confiabilidad. Hay una publicación de blog llamada ' No te pagan para escribir código 'Eso lo resume bastante bien.

02. Sudá de las cosas pequeñas.

La programación tiene mucho cuidado con la claridad, y cuando no puede ver la madera para los árboles, las posibilidades de que su CodeBase permanezca a propósito magra y significan que disminuirá severamente. Como tal, su estrategia principal para mantenerse en la parte superior de las cosas debe ser un enfoque fastidioso en lo básico.

Sea ultra organizado: preocuparse por las estructuras de carpetas y las ubicaciones de archivos (los marcos pueden ayudar aquí), asegúrese de que los módulos tengan pedidos de API consistentes, una funcionalidad común del grupo y utilice plantillas con delimitadores.
Haga su código legible: use el espacio en blanco con juiciosidad y use comentarios para anotar la agrupación y aclarar la intención (pero no el código malo). Estás trabajando como equipo y te pagan para ser claro.
No corte las esquinas: el tiempo de ahorro ahora puede parecer una buena idea, pero puede estar seguro de que a medida que el proyecto crece, cualquier pereza sneaky se agravará y costará el proyecto más adelante.

A lo largo del proceso, asegúrese de corregir errores a medida que avanza. Tarde o temprano, otro código terminará confiando en estos errores. Detener la podredumbre lo antes posible. Si haces cambios, hazlos consistentemente. Columnas de base de datos, funciones de backend, llamadas API, Funciones de JavaScript, Doccuermas, Anotaciones, Atributos HTML, nombres de clase CSS, etc. Asegúrese de que todas las cascadas.

03. Mantente estructurado

Image showing a before and after of restructured and refactored code

Hay una tentación al construir un sitio autocontenido para ignorar silenciosamente la encapsulación, y aprovechar el código con referencias globales a la aplicación o para alcanzar los componentes con los padres. Parent.Parent o tales. Esto construye rápidamente deuda técnica.

Cuando sea posible, trate de pensar en su aplicación como una serie de módulos independientes, y basarse en las mejores prácticas de su marco para eliminar el acoplamiento y la interdependencia estrictos. Si ayuda, intente imaginar que va a reutilizar partes de la aplicación en otros proyectos, y pensará cómo estructudas los archivos, el marcado y el código para facilitar esto.

Debe estar vigilante para combinar las responsabilidades y hacerse constantemente: ¿Aquí pertenece esto? Si el código se siente 'icky', probablemente sea.

En proyectos de equipo, la falta de reutilización de código y el código de copia / pegado es un gran problema. Cuando vea un código repetido, mordió la bala y refactora todas las instancias a una función, módulo o plantilla. Una vez más, una buena estructura de carpetas le facilitará que se desarrolle dónde colocar las cosas.

04. Cuidado con exceso de complejidad.

A before and after demonstrating how a refactored class is more readable, functional and testable

El problema clave con la complejidad es que enmascara y distrae del problema original que intentó resolver y, a su vez, termina generando más códigos y más complejidad, ya sea en el mismo lugar o en otras partes de la aplicación. Terminas en un ciclo vicioso.

Si su código está comenzando a parecer más como una lección de álgebra que una API bien mantenida, debe dar un paso atrás. Puede ser que necesite refactore ese trozos particular de código, refactore la clase en la que está en o reconsidere su enfoque actual del problema que está tratando de resolver.

En casos extremos, es posible que deba mirar afuera una vez más. Hace poco refactoré una configuración de visión extremadamente complicada que me di cuenta de que era víctima de un esquema de enrutamiento mal pensado. Al rediseñar las rutas enrevesadas en algo sensato, pude abandonar cientos de líneas de código de espaguetis denso en varias clases, y eliminar algunos hacks / errores de enrutadores de larga data en el proceso.

¡Una cosa que no debe hacer después de escribir un código particularmente obtuso está sentarte y marmearse con orgullo lo difícil que es leer! El mejor código es elegante (leído: no es complicado); Si el tuyo no es, tienes trabajo que hacer.

Este artículo se publicó originalmente en la emisión 290 de Net, la revista más vendida del mundo para diseñadores web y desarrolladores web. Comprar Número 290 o suscribirse a la red .

¿Quieres más consejos sobre la puliendo tus habilidades de programación?

Dan Mall is giving his talk Should Designers…? at Generate New York from 25 - 27 April 2018

Los diseñadores necesitan hacer crecer sus habilidades para mantenerse relevantes y efectivos, pero ¿en qué vale la pena centrarse? ¿Deberían los diseñadores aprender a codificar, y, de ser así, pueden ser limitados el conocimiento del código realmente hacer una diferencia trabajando con ingenieros talentosos? ¿Cómo pueden caber diseñadores en flujos de trabajo ágiles? ¿La metodología del proyecto incluso importa de todos modos? ¿Qué papel tiene un diseñador para crear, usar y mantener sistemas de diseño?

En su charla en Generar Nueva York del 25 al 27 de abril de 2018. El Director Superfriendly, Dan Mall, compartirá historias y perspectivas para responder a estas preguntas y más, brindando metodologías y técnicas específicas para ayudar a los diseñadores a ser aún más indispensables, más rápidos. Obtenga su boleto ahora .

Artículos relacionados:

Las herramientas de desarrollador que necesitas saber ahora mismo.
25 consejos de desarrollo web para aumentar sus habilidades.
10 cosas que los desarrolladores web deben saber ser verdaderamente asombrosos

4 consejos para desarrollar sus habilidades de desarrollador

01. Siga la fórmula.

02. Sudá de las cosas pequeñas.

03. Mantente estructurado

04. Cuidado con exceso de complejidad.

¿Quieres más consejos sobre la puliendo tus habilidades de programación?

Cómo - Artículos más populares

Imagen de trabajo Mascarilla Magic con Houdini

Cómo implementar modos de luz u oscuros en CSS

Use espacio negativo para dibujar mejores manos

Cómo crear una lámpara de lava con Keyshot

Haz un cartel tipográfico usando Adobe InDesign

Cómo diseñar un héroe animado

Haz un prototipo de alta fidelidad en atómico

Consigue creativo con los retratos y la licuificación de la cara

Categorías