Debugging
Nathaniel Schweinberg@nathanielksFight the Current .org
Welcome
Were here to prevent this:
Let me refer you:
Lets get tothe good stuff
Logic
Two things to know
Know how "it" works
Know how "it" worksThe Language
Know how "it" worksThe Language The functions
Know theexpected output
Know theexpected output
Know theexpected output
The Tools
Error LogsNotices and WarningsXDebug + var_dumpDeveloperDebug BarDebug Bar Extender+ dbgx_trace_var
Debug Bar
Debug Bar
Debug Bar
Debug Bar
Debug Bar
Debug Bar
Debug Bar
Debug Bar
Javascript
console.log
Chrome Dev Tools
Elements Panel
Inline Console
$0 selects selected element
$0 can be used by jQuery
Sources Panel
Pretty Print minified scripts
Live editing
Live editing
Save off your edits!
Pause on Exceptions
Pause on Exceptions
Breakpoints ( DOM, XHR, Events )
Final Thoughts
Be willing to put it down
Take the pressure off
Take your time
Take the time todo_it_right
The best tool of all?
You.
Believe in yourself
Thank You
http://bit.ly/WCNashvilleDebuggingResources:
Nathaniel Schweinberg@nathanielksFight the Current .org
Debugging - WordCamp Nashville 2013
Debugging - WordCamp Nashville 2013
Debugging - WordCamp Nashville 2013
Debugging - WordCamp Nashville 2013
Upcoming SlideShare
Loading in...5
×

Debugging - WordCamp Nashville 2013

1,462

Published on

Find some more links here: http://bit.ly/WCNashvilleDebugging

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,462
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Debugging - WordCamp Nashville 2013

  1. 1. Debugging
  2. 2. Nathaniel Schweinberg@nathanielksFight the Current .org
  3. 3. Welcome
  4. 4. Were here to prevent this:
  5. 5. Let me refer you:
  6. 6. Lets get tothe good stuff
  7. 7. Logic
  8. 8. Two things to know
  9. 9. Know how "it" works
  10. 10. Know how "it" worksThe Language
  11. 11. Know how "it" worksThe Language The functions
  12. 12. Know theexpected output
  13. 13. Know theexpected output
  14. 14. Know theexpected output
  15. 15. The Tools
  16. 16. Error LogsNotices and WarningsXDebug + var_dumpDeveloperDebug BarDebug Bar Extender+ dbgx_trace_var
  17. 17. Debug Bar
  18. 18. Debug Bar
  19. 19. Debug Bar
  20. 20. Debug Bar
  21. 21. Debug Bar
  22. 22. Debug Bar
  23. 23. Debug Bar
  24. 24. Debug Bar
  25. 25. Javascript
  26. 26. console.log
  27. 27. Chrome Dev Tools
  28. 28. Elements Panel
  29. 29. Inline Console
  30. 30. $0 selects selected element
  31. 31. $0 can be used by jQuery
  32. 32. Sources Panel
  33. 33. Pretty Print minified scripts
  34. 34. Live editing
  35. 35. Live editing
  36. 36. Save off your edits!
  37. 37. Pause on Exceptions
  38. 38. Pause on Exceptions
  39. 39. Breakpoints ( DOM, XHR, Events )
  40. 40. Final Thoughts
  41. 41. Be willing to put it down
  42. 42. Take the pressure off
  43. 43. Take your time
  44. 44. Take the time todo_it_right
  45. 45. The best tool of all?
  46. 46. You.
  47. 47. Believe in yourself
  48. 48. Thank You
  49. 49. http://bit.ly/WCNashvilleDebuggingResources:
  50. 50. Nathaniel Schweinberg@nathanielksFight the Current .org
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×