El evento de Apple ya está aquí, los desarrolladores front-end que se quedan hasta tarde modificando código no olviden formatear
Cuando comienza el evento de Apple, el mundo tecnológico parece estar de fiesta. Las redes sociales se llenan de publicaciones, los temas más buscados dominan las listas, e incluso la tía que normalmente solo se preocupa por el precio de las verduras pregunta "¿cuánto cuesta ese nuevo teléfono?". Pero para nosotros, los desarrolladores front-end, el evento tiene otro significado: el sitio web oficial debe actualizarse, la página especial debe publicarse, y cuando el jefe dice "haz una versión al estilo de Apple", tienes que sentarte obedientemente frente a la computadora y luchar con el código hasta la madrugada.
Quedarse hasta tarde modificando código es algo con lo que los desarrolladores front-end están muy familiarizados. El gerente de producto presiona a tu lado, el diseñador de UI envía la versión 18 de las anotaciones, la interfaz del backend aún no está integrada, y tú te quejas mientras tecleas. Después de mucho esfuerzo, logras ajustar la página y se ve bastante bien en el navegador, pero cuando envías el código y tu colega lo descarga, toda la maquetación está desordenada. ¿Por qué? Porque fuiste perezoso al escribir el HTML, anidaste las etiquetas de cualquier manera, la indentación dependía del azar, y el orden de los atributos era pura intuición. Tú lo ves bien, pero al cambiar de computadora o de editor, el problema aparece de inmediato.
Aquí es donde entra en juego la herramienta de formateo de HTML. Muchos piensan que formatear es solo presionar un atajo de teclado, una función integrada del editor, ¿qué hay que explicar? Pero piénsalo bien, ¿cuánto tiempo ha pasado desde que organizaste seriamente tu código HTML? Cuando escribes, buscas rapidez, pones una docena de etiquetas en una línea, div dentro de div dentro de div, y al final ni tú mismo encuentras dónde está la etiqueta de cierre. Cuando necesitas modificar un requisito, buscas durante mucho tiempo y no encuentras la posición correspondiente, así que tienes que revisar todo desde el principio, perdiendo tiempo valioso en buscar código.
El formateo de HTML hace algo muy simple: reorganiza tu código. Indenta lo que debe indentarse, salta líneas donde corresponde, alinea los atributos, cierra las etiquetas. Parece algo menor, pero los beneficios son muy reales. La estructura del código queda clara, encuentras las cosas más rápido, y corregir errores es más fácil. Más importante aún, al colaborar en equipo, todos tienen un estilo de código uniforme, las revisiones de código ya no generan discusiones por espacios y saltos de línea, y el tiempo ahorrado te alcanza para dormir media hora más.
Especialmente en momentos como el evento de Apple, la presión para los desarrolladores front-end ya es alta. La página especial del sitio oficial tiene altos requisitos, las animaciones deben ser fluidas, el diseño responsivo debe ser impecable, y además debe ser compatible con todo tipo de navegadores extraños. Te quedas despierto hasta las dos de la madrugada, tu cerebro ya no funciona bien, y si el código sigue hecho un desastre, es el colmo. Mejor adopta el hábito de formatear cada vez que termines un fragmento, deja que la herramienta ordene tu código. No subestimes esta acción, puede ahorrarte mucho tiempo de retrabajo.
Alguien podría decir: ¿el formateo no arruinará mi código? Tranquilo, las herramientas de formateo de HTML confiables solo ajustan la presentación, no tocan tu lógica. Las etiquetas siguen siendo las mismas, los atributos siguen siendo los mismos, solo se ven más ordenados. Por supuesto, debes elegir una herramienta confiable, no uses una que desordene el contenido dentro de las etiquetas ``. Las herramientas de formateo más comunes en el mercado son bastante maduras: hay versiones en línea, complementos para editores y herramientas de línea de comandos. Elige la que te resulte más cómoda.
En resumen, en el desarrollo front-end, el código es nuestro oficio. Que tan bueno sea tu oficio no solo depende de si la funcionalidad está implementada, sino también de si el código está bien escrito. El evento de Apple es anual, y los días de quedarse hasta tarde modificando código no faltan. Ya que no podemos evitarlo, hagámoslo más llevadero. Formatea el código después de escribirlo, y al día siguiente al abrir el archivo, todo estará limpio y ordenado, y tu estado de ánimo mejorará a la mitad.
Así que, si esta noche tienes que quedarte trabajando hasta tarde, recuerda prepararte un café, ponerte los auriculares, y no te apresures a enviar el código después de escribirlo. Primero formatea, luego revisa, y después duerme tranquilo. Apple lanza sus nuevos dispositivos, nosotros cuidamos nuestro código. Eso es la dignidad de un desarrollador front-end.