My slides for a talk I gave in HelsinkiJS meetup on Apr 24th.

1. Happy Little Accidents
The Art of Debugging
@hamatti

2. Hi, I’m Juhis!
Developer. Dreamer. Adventurer.
@hamatti
Developer @ Futurice
Mentor @ Koodimentori
Founder @ Turku ❤ Frontend

3. Little Happy Accidents
or like your boss calls them: bugs

4. Little Happy Accidents
or like your boss calls them: bugs
You can’t beat ‘em all - they will happen.

5. Little Happy Accidents
or like your boss calls them: bugs
You can’t beat ‘em all - they will happen.

6. Little Happy Accidents
or like your boss calls them: bugs
You can’t beat ‘em all - they will happen.
Debugging skills help you

7. Little Happy Accidents
or like your boss calls them: bugs
You can’t beat ‘em all - they will happen.
Debugging skills help you
+ spot ‘em

8. Little Happy Accidents
or like your boss calls them: bugs
You can’t beat ‘em all - they will happen.
Debugging skills help you
+ spot ‘em
+ fix ‘em

9. Little Happy Accidents
or like your boss calls them: bugs
You can’t beat ‘em all - they will happen.
Debugging skills help you
+ spot ‘em
+ fix ‘em
+ patch ‘em in a PR

10. Little Happy Accidents
- PRINTING -

11. Little Happy Accidents
- PRINTING -

12. Little Happy Accidents
- CHROME DEV TOOLS -

13. Little Happy Accidents
- CHROME DEV TOOLS -

14. Little Happy Accidents
- CHROME DEV TOOLS -

15. Little Happy Accidents
- EVEN WITH OBJECTS -

16. Little Happy Accidents
- DEBUGGER -

18. https://twitter.com/lavrton/status/979649815356166144

19. Little Happy Accidents
- LOGGING -

20. Little Happy Accidents
- LOGGING -
Printing gives access when you’re driving.

21. Little Happy Accidents
- LOGGING -
Printing gives access when you’re driving.
Logging gives access to history of problems.

22. Little Happy Accidents
- LOGGING -
Printing gives access when you’re driving.
Logging gives access to history of problems.
Tools like Elasticsearch or Bugsnag make your
life easier.

23. Little Happy Accidents
- LOGGING -
Printing gives access when you’re driving.
Logging gives access to history of problems.
Tools like Elasticsearch or Bugsnag make your
life easier.

25. Little Happy Accidents
- TESTS -

26. Little Happy Accidents
- TESTS -
Write tests to

27. Little Happy Accidents
- TESTS -
Write tests to
- prevent little happy accidents

28. Little Happy Accidents
- TESTS -
Write tests to
- prevent little happy accidents
+ create tests while developing

29. Little Happy Accidents
- TESTS -
Write tests to
- prevent little happy accidents
+ create tests while developing
- make sure they don’t happen again

30. Little Happy Accidents
- TESTS -
Write tests to
- prevent little happy accidents
+ create tests while developing
- make sure they don’t happen again
+ create tests after finding a bug

31. Little Happy Accidents
- TESTS -
Write tests to
- prevent little happy accidents
+ create tests while developing
- make sure they don’t happen again
+ create tests after finding a bug

32. Little Happy Accidents
- NON-TECHNICAL SOLUTIONS -

33. Little Happy Accidents
- NON-TECHNICAL SOLUTIONS -

34. Little Happy Accidents
- NON-TECHNICAL SOLUTIONS -

35. Little Happy Accidents
- NON-TECHNICAL SOLUTIONS -

36. Little Happy Accidents

37. Little Happy Accidents
1.Inspect with printing
and debugging

38. Little Happy Accidents
1.Inspect with printing
and debugging
2.Keep track with logging

39. Little Happy Accidents
1.Inspect with printing
and debugging
2.Keep track with logging
3.Prevent with tests

40. Little Happy Accidents
1.Inspect with printing
and debugging
2.Keep track with logging
3.Prevent with tests
4.Improve and solve by
taking a break

41. THANK YOU!
@hamatti
http://hamatti.org