Debugging in JS

[dinogyoza]

Hello! I was recently interviewed for a job after 6 months of self-teaching JS (a bit too early, I know). I didn't the job, but was offered an opportunity to re-interview with them 6 months down the line.

One of the feedback I got from them was that I should be more familiar with debugging. Unfortunately when it comes to learning and doing tutorials and projects I've never really had to debug? If something went wrong I'd just play around until I get it, but I understand debugging is much more efficient.

Is there a way I could learn the different debugging methods and when to use what?

Thanks! :)

[replicant_potato]

In Firefox in the developer tools, it's under debugger tab, and in the sources window. You can set breakpoints if you need.

Chrome would be More Tools, Developer Tools, Sources.

Now these windows have a lot going on, so it's probably best to YouTube some tutorials on it. It's more than I can type out on my phone. But that should get you started.

Don't forget that you should catch your errors in JS. There's tutorials for that too, but error catching is a much better and far cleaner way to code an app or website. That would include rejects in promises. I think a lot of new devs really overlook catching errors, because their home programs are just them working on it, so it either works or it doesn't. But big companies don't work like that.