Hace un mes, lancé la lista de verificación de front-end en GitHub. En menos de 2 semanas, más de 10,000 personas en todo el mundo protagonizaron el repositorio. ¡Eso fue completamente inesperado e increíble!
He trabajado como desarrollador front-end desde 2011, pero comencé a crear sitios web en 2000. Desde entonces, como todos nosotros, he intentado mejorar la calidad de mi código y entregar sitios web más rápido. A lo largo del camino, he estado gestionando desarrolladores de dos países diferentes. Eso me ha ayudado a producir una lista de verificación un poco diferente a la que he encontrado en la web a lo largo de los años.
Mientras creaba la lista de verificación, continuamente tenía en mente el libro “El manifiesto de la lista de verificación: cómo hacer las cosas bien” de Atul Gawade. Ese libro me ha ayudado a crear listas de verificación para mi trabajo y mi vida personal, y a simplificar cosas que a veces parecen demasiado complejas.
Si está trabajando solo o en equipo, individualmente, de forma remota o en el sitio, quería compartir algunos consejos sobre el uso de la lista de verificación de front-end y la aplicación web que la acompaña. Quizás pueda convencerte de que lo integres en tu ciclo de desarrollo.
# 1 Decida qué reglas deben seguir su proyecto y su equipo
Cada proyecto es diferente. Antes de comenzar un nuevo proyecto, todo el equipo (es decir, los gerentes de proyecto, diseñadores, desarrolladores, control de calidad, etc.) deben acordar cuáles serán los entregables.
Para ayudarte a decidir, creé 3 niveles diferentes de prioridad: alto, medio, y bajo. No es necesario que esté de acuerdo con esas distinciones, pero pueden ayudar a ordenar sus tareas.
La aplicación Lista de verificación de front-end se hizo para facilitar la creación de listas de verificación personalizadas. ¡Cambie algunos archivos JSON a su gusto y estará listo para comenzar!
# 2 Defina las reglas para verificar al principio, durante y al final de su proyecto
No debe verificar todas estas reglas solo al final de un proyecto. ¡Sabes tan bien como yo cómo están los proyectos al final! Demasiado agitado. La mayoría de los elementos de la lista de verificación inicial se pueden considerar al comienzo de su desarrollo. Depende de usted decidir. Deje claro a su equipo por adelantado qué sucede y cuándo.
# 3 Aprenda un poco más sobre cada regla
¿A quién le encanta leer los documentos? No la mayoría de nosotros, pero es esencial. Si desea comprender las razones de la regla, no puede evitar leer sobre ellas. Cuanto más comprenda el por qué de cada regla, mejor desarrollador se convertirá.
# 4 ¡Empiece a comprobar!
La aplicación Lista de verificación de front-end puede facilitar su vida como desarrollador. Es una lista de verificación en vivo, por lo que a medida que completa elementos, su progreso y calificación se actualizan en vivo. Todo se guarda en localStorage para que pueda salir y volver cuando lo necesite.
El proyecto es de código abierto, así que siéntete libre de bifurcarlo y usarlo como quieras. Estoy trabajando para asegurarme de que todos los archivos estén comentados. Invito especialmente a aquellos interesados en Pug a echar un vistazo a la carpeta de vistas.
# 5 Integre las pruebas automatizadas en su flujo de trabajo
Todos soñamos con la automatización (¿o solo soy yo?). Por ahora, la lista de verificación de front-end es solo una lista interactiva, pero algunas de las tareas se pueden automatizar en su flujo de trabajo.
Eche un vistazo al gulpfile utilizado para generar el proyecto. Todas las tareas son paquetes que puede usar con npm, webpack, etc.
# 6 Valide cada página antes de enviarla al equipo de control de calidad y a la producción
Si te apasiona generar código limpio y te preocupa la calidad de tu código, deberías probar tus páginas con regularidad. Es muy fácil cometer errores y eliminar algunos códigos esenciales. O bien, alguien más en su equipo podría haberlo hecho, pero es su responsabilidad compartida estar captando cosas como esa.
La lista de verificación de front-end puede generar hermosos informes que puede enviar a un gerente de proyecto o al equipo de control de calidad.
# 7 Disfruta tu trabajo por encima de todo
Algunas personas pueden mirar una lista de verificación tan larga y sentirse mal del estómago. Repasar una lista de este tipo puede causar ansiedad y realmente no ser divertido.
Pero la lista de verificación de front-end es solo una herramienta para ayudarlo a entregar un código de mayor calidad. Código que afecta todos los aspectos de un proyecto: el SEO, la experiencia del usuario, el ROI y, en última instancia, el éxito del proyecto. ¡Una herramienta que puede ayudar en todas esas cosas podría realmente ayudar a reducir su ansiedad y mejorar su salud!
Conclusión
El éxito que obtuvo la lista de verificación de front-end en tan poco tiempo me recordó que muchas personas están realmente interesadas en encontrar formas de mejorar su trabajo. Pero el hecho de que exista la herramienta no ayuda directamente con eso. También debe comprometerse a usarlo.
En un momento en el que la IA se hace cargo de muchas tareas manuales, la calidad es imprescindible. Incluso si la automatización se hace cargo de muchas de nuestras tareas, cierto nivel de calidad seguirá siendo imposible de automatizar, y nosotros, los desarrolladores front-end, todavía tenemos muchos días para disfrutar de nuestro trabajo.