The document provides tips and tools for debugging code including understanding how the code works, checking expected outputs, using error logs, debug bars, and Chrome Dev Tools. It emphasizes taking time to debug properly and believing in oneself as the best debugging tool.

1. Debugging

2. Nathaniel Schweinberg
@nathanielks
Fight the Current .org

3. Welcome

4. We're here to prevent this:

5. Let me refer you:

6. Let's get to
the good stuff

7. Logic

8. Two things to know

9. Know how "it" works

10. Know how "it" works
The Language

11. Know how "it" works
The Language The functions

13. Know the
expected output

14. Know the
expected output

15. Know the
expected output

16. The Tools

17. Error Logs
Notices and Warnings
XDebug + var_dump
Developer
Debug Bar
Debug Bar Extender
+ dbgx_trace_var

21. Debug Bar

22. Debug Bar

23. Debug Bar

24. Debug Bar

25. Debug Bar

26. Debug Bar

27. Debug Bar

28. Debug Bar

29. Javascript

30. console.log

31. Chrome Dev Tools

32. Elements Panel

33. Inline Console

34. $0 selects selected element

35. $0 can be used by jQuery

36. Sources Panel

37. Pretty Print minified scripts

38. Live editing

39. Live editing

40. Save off your edits!

41. Pause on Exceptions

42. Pause on Exceptions

43. Breakpoints ( DOM, XHR, Events )

44. Final Thoughts

45. Be willing to put it down

46. Take the pressure off

47. Take your time

48. Take the time to
do_it_right

49. The best tool of all?

50. You.

51. Believe in yourself

52. Thank You

53. http://bit.ly/WCNashvilleDebugging
Resources:

54. Nathaniel Schweinberg
@nathanielks
Fight the Current .org