Debugging - WordCamp Nashville 2013

1,968 views

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,968
On SlideShare
0
From Embeds
0
Number of Embeds
56
Actions
Shares
0
Downloads
6
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

×