De Don Draper a Dev Senior: Más allá del console.log()

---

¡Hola Chiquis!👋🏻 En la dorada era de la publicidad de Mad Men, Don Draper y su equipo creaban campañas publicitarias que no solo vendían productos, sino que conmovían a las masas. Cada palabra, cada imagen, era cuidadosamente seleccionada para dejar una impresión duradera. En el mundo del desarrollo, nuestro equivalente a una campaña publicitaria es el código que escribimos. Y así como Don Draper no se limitaba a garabatos en una servilleta, los desarrolladores senior van más allá del simple console.log().

Deja de usar console.log() En el mundo del desarrollo web, “console.log()” es como el café en la serie Mad Men, es la herramienta básica que todos usan para mantenerse despiertos y alertas. Sin embargo, al igual que los creativos de Sterling Cooper Draper Pryce evolucionan en sus estrategias publicitarias, los desarrolladores senior también evolucionan en sus técnicas de depuración.

• El brief del cliente (o la tarea): En Mad Men, cada campaña comenzaba con un brief del cliente. En desarrollo, nuestro brief es la tarea que debemos resolver. Así como Don Draper y su equipo se sumergían en la psicología del consumidor, nosotros debemos comprender a fondo el problema que estamos solucionando.
• La estrategia (o el diseño): Antes de crear un anuncio, Don Draper y su equipo desarrollaban una estrategia. En programación, esta estrategia es el diseño de nuestro código. En lugar de simplemente imprimir valores en la consola, utilizamos herramientas como debuggers, loggers estructurados y visualizadores de datos para obtener una visión más profunda de lo que está sucediendo.
• La ejecución (o el código): La ejecución de una campaña era el momento de la verdad. En el desarrollo, nuestra ejecución es el código que escribimos. Los desarrolladores senior, al igual que los creativos experimentados, escriben código limpio, eficiente y mantenible. Utilizan herramientas como breakpoints, watch expressions y call stacks para depurar de manera efectiva.
• La medición (o las pruebas): Después de lanzar una campaña, Don Draper y su equipo medían su impacto. En desarrollo, utilizamos pruebas unitarias, de integración y end-to-end para asegurarnos de que nuestro código funciona como se espera.

Uso de Depuradores (Debuggers) En Mad Men, Don Draper no solo se basa en su instinto; utiliza datos y análisis para crear campañas exitosas. De manera similar, los desarrolladores senior utilizan depuradores para analizar y entender el flujo de su código. Ejemplo:

function calcularSuma(a, b) {
    let resultado = a + b;
    debugger; // Pausa la ejecución aquí
    return resultado;
}

let suma = calcularSuma(5, 3);
console.log(suma);

Al usar debugger, puedes pausar la ejecución del código y examinar el estado de las variables en ese punto. Esto es mucho más poderoso que simplemente imprimir valores en la consola.

Uso de Herramientas de Monitoreo y Logging En Mad Men, las campañas publicitarias exitosas se monitorean y ajustan continuamente. Los desarrolladores senior utilizan herramientas de monitoreo y logging para rastrear el comportamiento de sus aplicaciones en producción. Ejemplo con Winston Logger:

const winston = require('winston');

const logger = winston.createLogger({
    level: 'info',
    format: winston.format.json(),
    transports: [
        new winston.transports.File({ filename: 'error.log', level: 'error' }),
        new winston.transports.File({ filename: 'combined.log' })
    ]
});

logger.info('Información de depuración');
logger.error('Error crítico');

Con herramientas como Winston, puedes registrar diferentes niveles de información (info, error, warn) y almacenar estos registros en archivos para su análisis posterior.

Pruebas Unitarias y de Integración Así como los creativos de Mad Men prueban diferentes enfoques para ver cuál resuena mejor con el público, los desarrolladores senior escriben pruebas unitarias y de integración para asegurarse de que su código funcione correctamente. Ejemplo con Jest:

// suma.js
function suma(a, b) {
    return a + b;
}
module.exports = suma;

// suma.test.js
const suma = require('./suma');

test('suma 1 + 2 para igualar 3', () => {
    expect(suma(1, 2)).toBe(3);
});

Las pruebas unitarias permiten verificar que cada parte del código funcione como se espera, lo que reduce la necesidad de usar console.log() para depuración.

Uso de Consolas Avanzadas En Mad Men, la presentación es clave. Los desarrolladores senior también saben que la presentación de la información es importante. Utilizan métodos avanzados de la consola para formatear y organizar mejor la salida. Ejemplo:

const usuario = { nombre: 'Don Draper', edad: 40, ocupación: 'Publicista' };
console.table(usuario);

const errores = [
    { mensaje: 'Error 1', linea: 10 },
    { mensaje: 'Error 2', linea: 20 }
];
console.table(errores);

console.table() permite visualizar objetos y arrays en un formato de tabla, lo que facilita la lectura y comprensión de los datos.

Conclusión Al igual que Don Draper, los desarrolladores senior son artesanos de su oficio. Van más allá de las herramientas básicas y utilizan un conjunto de habilidades y herramientas para crear soluciones elegantes y efectivas. Así que la próxima vez que te encuentres escribiendo un console.log(), recuerda a Don Draper y a todo lo que puedes lograr con un poco más de sofisticación.

Al igual que los personajes de Mad Men evolucionan y adoptan nuevas estrategias para mantenerse relevantes en el mundo de la publicidad, los desarrolladores también deben evolucionar y adoptar técnicas más avanzadas para depurar y monitorear su código. 

¡Gracias por leer! 👇🏻 🚀 ¿Te ha gustado? Comparte tu opinión. Artículo completo, visita: https://lnkd.in/ewtCN2Mn https://lnkd.in/eAjM_Smy 👩💻 https://lnkd.in/eKvu-BHe https://dev.to/orlidev https://lnkd.in/ecHHabTD https://pin.it/2BuZ9N4n8 https://linktr.ee/orlidevs ¡No te lo pierdas!

Referencias: Imágenes creadas con: Copilot ( microsoft.com )

#PorUnMillóndeAmigos #MakeYourselfVisible