¡Mi código no funciona! 5 cosas que probar antes de entrar en pánico
“Las opiniones, hechos e interpretaciones expresadas en esta publicación, que no han sido sometida a revisión editorial o de otro tipo, son de exclusiva responsabilidad de sus autoras y pueden no coincidir con las de Adalab.”
Si tu código no funciona y no sabes por qué ¡tranquil@! Dependiendo del lenguaje que estés utilizando, puede ser por una razón u otra. Sin embargo, existen varias cosillas básicas que al estar tan concentrad@s en otros detalles, puedes estar pasando por alto. Esto es algo que me sucede todos los días, por eso quiero compartir contigo una breve guía para descartar las razones más simples por las que tu código puede no estar funcionando. ¿Comenzamos? ¡Venga va!
- TÓMATE UN DESCANSO
Antes que nada, puedes aprovechar este momento para levantarte de la silla, beber agua o simplemente hablar con alguien diferente a tu portátil. De hecho, es muy posible que la pausa en sí te ilumine el pensamiento. Si algo he aprendido desde que empecé en Adalab es la importancia del descanso. Como diría Chuck, nuestro súper-profe, “los muertos no maquetan (ni programan)”. Así que, evitemos morirnos y si nos sentimos agobiad@s, mejor paramos un rato. ¿Vale? ¡Sí o sí!
2. RELANZA TU SERVIDOR
Quizás esta es la razón más frustrante de todas por lo difícil que resulta identificarla. Puede que tu página está no se esté actualizando con los cambios que estás haciendo en tu editor. Te sugiero refrescar la ventana, relanzar el servidor o ejecutando tu HTML local con el botón derecho del ratón sobre el archivo y pinchando en “Abrir con Google Chrome” o en el navegador que utilices.
3. IDENTIFICA QUÉ PARTE NO ESTÁ FUNCIONANDO
¡Ajá! Si identificas qué parte de tu código no está funcionando ya tienes medio trabajo hecho. Puedes preguntarte ¿qué debería hacer que no está haciendo? O ¿qué me hace pensar que mi código no está funcionando? Las DevTools son geniales para ayudarte a identificarlo. Este conjunto de herramientas te permite (entre otras muchas cosas) hacer cambios en el código, comprobar inmediatamente que funcionan y aplicarlos luego de forma definitiva en tu editor.
4. REVISA TUS ENLACES
Te invito a comprobar si has enlazado los archivos de estilo (SASS o CSS), JavaScript, imágenes…y que sus rutas estén correctas. Por ejemplo, si tus estilos no se muestran, podrías revisar si la ruta, el nombre del archivo o la extensión están correctos. Si todo está aparentemente bien enlazado, modifica algo sencillo para comprobarlo (un background-color al body, por ejemplo, o un console.log en JavaScript). Las DevTools también te serán muy útiles en este caso; podrás mirar si alguna o varias de las imágenes no se están cargando correctamente e incluso revisar las rutas.
5. VERIFICA QUE ESTÁ BIEN ESCRITO
Si tienes identificado lo que no funciona, te sugiero reescribir las líneas de código que no tengas muy claras para descartar errores de escritura que a primera vista no son perceptibles. También puedes asegurarte que tus clases están asignadas correctamente y con el debido punto cuando sea necesario. Lo mismo con tus funciones. Como sugerencia, cuando escribas tu código puedes aprovechar las facilidades de tu editor y utiliza el autocompletar para prevenir errores. Eso sí ¡no dependas por completo de él!
Si has verificado todo y sigue sin funcionar, ¿que tal si le pides a alguien que le eche un ojo a tu código, ¡verás que es de gran ayuda!
Espero que este artículo haya sido de mucha utilidad y si necesitas algo o sabes otra cosa que resulta útil ¡por favor házmelo saber! También puedes escribirme a Twitter, estaré encantada de ayudarte. Gracias por leerme y que tengas un happy-coding-day.
P. D.: El error en la imagen es el que el src está mal escrito ;)
