Debugging techniques you should be aware of as a web developer.

JSPlainEnglish's platform is a resource for JavaScript developers, offering insights into JavaScript fundamentals, modern web development techniques, and JavaScript frameworks. Through articles, tutorials, and code snippets, JSPlainEnglish offers insights into JavaScript language features, ES6 syntax, and functional programming concepts. Readers can learn about building interactive web applications, working with JavaScript libraries, and optimizing frontend performance to create engaging user experiences.

JavaScript in Plain English

Being a web developer one must be aware of some awesome debugging techniques. To be honest, I have been using console.log() along with debugger to debug my code, but debugging is not limited to these two.

How to Debug Like a Pro

Few Developer tools settings which I personally use

Good for beginners, but to be honest, it’s always better to debug the code using proper debug tools so you don’t have to always edit the code and wait for the application to reload. Visual Studio Code has perfect debugger that can be used for all kind of environments. If you would like to debug in browser, use for example Google Chrome debugger integrated in dev-tools, it definitely makes you Debug Like a Pro more than writing console statements everywhere.

Thanks for sharing some amazing shortcuts

It is better to debug with the proper tools but at times you are pressed for time and if it works use it. This is what i do when when i get more time i recheck it. I am a perfectionist not bragging or anything like that i actually feel cursed sometimes because i wast lots of time. Sorry for getting off the subject some. I love reading all these post you people are awesome. :)

Good for beginners starting to debug apps.