Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Debugging Like a Boss: A Developer's Guide to G...

Debugging Like a Boss: A Developer's Guide to Great Debugging Experience

Every developer has, at one point or another, battled a bug. The good ’ol console.log works! But sometimes we neglect other awesome ways to debug our apps. In this session, we’ll be shedding light on myriad better debugging tips, focused on JavaScript tech stacks.

Gift Egwuenu

November 18, 2019
Tweet

More Decks by Gift Egwuenu

Other Decks in Programming

Transcript

  1. Debugging Like a Boss A DEVELOPER' S GUI DE TO

    GREAT DEBUGGI NG EXPERIENCE GI FT EGWUENU lauragift21
  2. - Likely a fairy tale Imagine a world exists where

    your code works without errors and there's never anything as a bug lauragift21 - Real life scenario We encounter bugs and errors daily as developers, how we fix these problems matters
  3. Isn’t every developer go to method for debugging console.log() ?

    It'll be great to discover other ways of debugging with JavaScript lauragift21
  4. Procedure for Debugging Identify the bug Reproduce the bug Find

    Possible Fix Test and Document your solution. lauragift21
  5. A breakpoint is set wherever you want to pause a

    debugger execution Breakpoints
  6. Blackboxing gives you a first-class way to denote library (or

    other abstraction) code so that the debugger can route around it A cool way to ignore library internals when debugging Black Boxing
  7. IDE lauragift21 Debugger for Chrome Extension VS Code, Web Storm,

    Atom Debug your JavaScript code running in Google Chrome from VS Code.
  8. OVERVIEW OF DEBUGGING DEBUGGING PROCEDURES METHODS FOR DEBUGGING Talk through

    what debugging is all about and explain the process of debugging IDENTITY THE BUG REPRODUCE THE BUG FIX THE BUG TEST AND DOCUMEMNT THE FIX CONSOLE STATEMENTS DEVELOPER TOOLS IDE Round Up lauragift21