Tags: debugging

A Modern Front-End Workflow – Umar Hansa | Render 2017 [↗]

The audience can expect to learn hidden DevTools secrets but also how to adopt a modern development and debugging workflow. This talk is important for any web developer who wants to understand and debug the internals of a webpage quickly and with ease.

I love DevTools.

Debugging Tips and Tricks [↗]

Writing code is only one small piece of being a developer. In order to be efficient and capable at our jobs, we must also excel at debugging. When I dedicate some time to learning new debugging skills, I often find I can move much quicker, and add more value to the teams I work on. I have a few tips and tricks I rely on pretty heavily and found that I give the same advice again and again during workshops, so here’s a compilation of some of them, as well as some from the community.

Lots of useful debugging advice, well worth a read.

Diagnose and Log to Console [↗]

Console logging is a powerful way to inspect what your page or application does. Let’s start with console.log() and explore other advanced usage.

I wish I had a pound for every time I’ve typed ‘console.log( foo )‘, I’d be a multimillionaire by now. Seriously though, it’s good documentation and it also contains info about the less commonly used console methods. Worth a read if you’re just getting into JavaScript development.

Finding Bottlenecks in WordPress Code [↗]

An interesting article exploring how to use Query Monitor and Blackfire to identify potential issues in your WordPress code.

Debugging The Web (Chrome Dev Summit 2016) [↗]

Learn the state of the art in debugging using Chrome dev tools with Paul Irish – all you need to know to expand your toolbox.

Lots of useful debugging tips, I really like the look of the new CSS Coverage features.

Beyond Console Debugging Tricks [↗]

When you need to accelerate your debugging like a boss, Console API is the solution. Here are a few examples of how you can streamline your debugging, big time.

Some handy JavaScript debugging tips.

3 Splendid JavaScript Debugging Tips [↗]

This guy really loves his breakpoints. I love his enthusiasm.

A Guide to Debugging in WordPress with your Reptilian Brain [↗]

Since so many things can go wrong in a WordPress environment, it’s important to develop general WordPress bugfixing hunches.

A well-thought-out guide to debugging WordPress issues. I don’t experience too many issues myself, but when I do, I normally find that they’re self-inflicted and caused by my own code. When this happens, my standard lizard brain response is to dump and die on the variables I’m working with, which normally highlights a spectacular brain fart.

A debugging thought process [↗]

I’m the type of developer that enjoys little problems. The other day Una Kravets posted a call for help on twitter (with a rather compelling reward), and I had a few minutes before meeting so I set to work.

Although this process comes naturally to me, I thought it would be useful to write down my thought process and approach into this post.

I enjoy little problems too, I also enjoy reading about how others go about debugging.