Clearer version up on voxxed https://www.voxxed.com/blog/2014/11/how-to-not-hate-java-script-tips-from-the-frontline/

1. Sparky guide to bug free
JavaScript
Mite Mitreski
Tricode
#DV14 # #DBVU1G4 #YourTag @YourTwitterHa@ndmleitemitreski

2. Sparky = Flashy = Giffy
10 Real life debugging tips
CC Linda Tanner - originally posted to Flickr as Harlequin Bugs

3. The Debugger Statement - part of
ECMAScript 1st Edition

4. The Debugger Statement - part of
ECMAScript 1st Edition

5. console object
No it’s not just console.log

6. ERROR - WARN - LOG - INFO - DEBUG

7. Overview of big JS objects
beer list from “Open Beer Database”

8. Console.table()
beer list from “Open Beer Database”

9. Console.trace()

10. Console.trace() + Objects.observe()

11. Async debug
CC by 3.0 http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/
Before
After

12. DOM Mutation Observer
aka. where the F*** is my element coming from

13. Server side logging of client side events

14. Use Google Analytics to log this
A hack but a cool one

15. JavaScript is not a real code

16. To wrap it up
Don't end up debugging stuff that could have been
avoided by best practices
If you still have to
use combination of logging, debugger statment and console object

18. Thank you
#DV14 #BUG
#DV14 #BUG @mitemitreski