Video: https://youtu.be/ftCqFW2FrQ0 How on earth do people write and debug complex JavaScript codebases? It turns out that console.log only gets you so far, but some next-level debugging skills can empower you to work in unfamiliar and difficult code bases. In this talk, you'll learn real-world strategies gathered from pairing sessions with senior engineers, consultants, and open source library authors. Whether you're a front end or back end developer, whether you have 10 weeks or 10 years experience, you'll have something concrete to take away. Jen Weber is an engineer at Cardstack, a core team member for Ember.js, and a tech writer. (she/her/they/them)

1. Debugging secrets of the pros,
for everyone
Jen Weber
BostonJS, July 2019

3. Poll - how do you debug?
● console.log
● change things until it works
● debugger
● read source code

4. console.log()

5. Use
the
right
tools

6. Goal - try one of these!
● Browser debugger
● Code editor debugger
● Dig into source code
● Explore dependencies in Node
● git bisect

7. browser
debugger

8. code
editor
debugger
Get me
pictures of
spiderman!

9. dig
into
source
code
http://www.celebritydachshund.com/

10. Dig into source code
● (Debugger)
● Docs
● Search PRs & Issues
● Look at their tests

11. explore
deps
in Node

14. git
bisect

16. Goal - try one of these!
● Browser debugger
● Code editor debugger
● Dig into source code
● Explore dependencies in Node
● git bisect

17. Thank you!
Jen Weber
jwwweber
jenweber
Blog: https://medium.com/@jenweber

18. Credits
Images: Unsplash and giphy
Code snippets: carbon.now.sh