Visual Debugger para JavaScript, Python, C++, C y Java

El proceso de Debugging o Depuración, sirve principalmente para identificar y corregir errores, además es una forma de darte una idea de cómo funciona un programa paso a paso.

Muchos IDE's o editores de código incluyen un Debugger para algún lenguaje de programación, y se identifica con el icono de un insecto. Incluso puedes especificar la línea del código la cual quieres observar su funcionamiento. Estos debuggers te muestran cómo funciona un código señalando la creación de variables, los cambios en ellas, las iteraciones en ciclos, etc. Pero el problema con estos debuggers es que muchas veces no se puede llegar a entender completamente lo que el usuario quiere ver, por lo que en podrías preferir algo más visual. Para ello, encontré una herramienta online que podría ayudar: Pythontutor, el cual es un debugger visual para lenguajes como JavaScript, Python, C++, C y Java.

Para usarlo, entras al sitio, das clic en el lenguaje a utilizar, y debajo del ejemplo que dá, hay una parte para escribir tu propio código, lo pegas y das clic en Visualize Execution. Una vez dentro, puedes interactuar con los botones de First, Prev, Next y Last, para ver una parte específica, o también puedes señalar la línea de código que quieres visualizar cada que se ejecute esa parte.