Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Devoxx 2014 : Sparky guide to bug free JavaScirpt

456 views

Published on

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

Published in: Software
  • Be the first to comment

Devoxx 2014 : Sparky guide to bug free JavaScirpt

  1. 1. Sparky guide to bug free JavaScript Mite Mitreski Tricode #DV14 # #DBVU1G4 #YourTag @YourTwitterHa@ndmleitemitreski
  2. 2. Sparky = Flashy = Giffy 10 Real life debugging tips CC Linda Tanner - originally posted to Flickr as Harlequin Bugs
  3. 3. The Debugger Statement - part of ECMAScript 1st Edition
  4. 4. The Debugger Statement - part of ECMAScript 1st Edition
  5. 5. console object No it’s not just console.log
  6. 6. ERROR - WARN - LOG - INFO - DEBUG
  7. 7. Overview of big JS objects beer list from “Open Beer Database”
  8. 8. Console.table() beer list from “Open Beer Database”
  9. 9. Console.trace()
  10. 10. Console.trace() + Objects.observe()
  11. 11. Async debug CC by 3.0 http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/ Before After
  12. 12. DOM Mutation Observer aka. where the F*** is my element coming from
  13. 13. Server side logging of client side events
  14. 14. Use Google Analytics to log this A hack but a cool one
  15. 15. JavaScript is not a real code
  16. 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
  17. 17. Thank you #DV14 #BUG #DV14 #BUG @mitemitreski

×