Search

Home > Syntax - Tasty Web Development Treats > Debugging Tools + Tips
Podcast: Syntax - Tasty Web Development Treats
Episode:

Debugging Tools + Tips
Category: Technology
Duration: 00:48:45
Publish Date: 2019-06-12 08:00:00
Description:

In this episode of Syntax, Scott and Wes talk about debugging — tools, techniques, and the mindset needed to debug a problem and get through it as quickly as possible.

Netlify - Sponsor

Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntaxfor more info.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at Freshbooks.com and put SYNTAX in the “How did you hear about us?” section.

Show Notes

1:41 - Tools

21:49 - Network requests

  • Doesn’t take place in your site/dom, so might not always have all info in your console, debugger
  • Network tab in dev tools shows you all requests going in and out of your app
  • Filters by type, sees length in request
  • Sees headers, responses and more
  • Failed requests will be red

26:50 - Debugging mindset

  • Check different browsers
  • Check the docs/examples
  • Isolate when possible
  • “What has changed?”
  • Get minimal working code
  • Rubber Duck Debug
  • Step back and re-think
Links ××× SIIIIICK ××× PIIIICKS ××× Shameless Plugs Tweet us your tasty treats!
Total Play: 0

Users also like

1K+ Episodes
Freakonomics .. 2K+     100+