Debugging

Nathaniel Schweinberg@nathanielks

Fight the Current .org

Welcome

We're here to prevent this:

Let me refer you:

Let's get tothe good stuff

Logic

Two things to know

Know how "it" works

Know how "it" works

The Language

Know how "it" works

The Language The functions

Know theexpected output

Know theexpected output

Know theexpected output

The Tools

Error Logs

Notices and Warnings

XDebug + var_dump

Developer

Debug Bar

Debug 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 to do_it_right

The best tool of all?

You.

Believe in yourself

Thank You

http://bit.ly/WCNashvilleDebugging

Resources:

Nathaniel Schweinberg@nathanielks

Fight the Current .org