A quick introduction to interactive debugging for Node School workshop (Sydney Chapter)

1. Interactive debugging
Mikhail Asavkin
@limenutt

2. Soup du jour
@limenutt
● Interactive debugging basics
● Example

3. Interactive debugging
@limenutt

4. Interactive debugging
● Allows to pause the execution and inspect the current
state of your application
@limenutt

5. Interactive debugging
● Allows to pause the execution and inspect the current
state of your application
● Does not require a modification of your code
@limenutt

6. Interactive debugging
● Allows to pause the execution and inspect the current
state of your application
● Does not require a modification of your code
● Requires a debugging tool to be attached to your program
@limenutt

7. @limenutt

8. Current line of execution
@limenutt

9. Execution controls
@limenutt

10. Breakpoints
@limenutt

11. Debug console
@limenutt

12. Expressions
that we watch
@limenutt

13. Local
variables
@limenutt

14. Call stack
@limenutt

15. Execution controls
@limenutt

16. Continue until the
next breakpoint
Execution controls
@limenutt

17. Continue until the
next breakpoint
Step over
to the next
statement
Execution controls
@limenutt

18. Step inside
the function
Continue until the
next breakpoint
Step over
to the next
statement
Execution controls
@limenutt

19. Step inside
the function
Continue until the
next breakpoint
Step over
to the next
statement
Step
outside of
the current
function
Execution controls
@limenutt

20. Step inside
the function
Continue until the
next breakpoint
Step over
to the next
statement
Step
outside of
the current
function
Restart the
application
Execution controls
@limenutt

21. Step inside
the function
Continue until the
next breakpoint
Step over
to the next
statement
Step
outside of
the current
function
Restart the
application
Detach the
debugger
Execution controls
@limenutt

22. Example
@limenutt

23. Join the
NodeSchool
Slack channel!
bit.ly/nodeslack