@cahdeemer
@alleyco
Healthy & Effective
JavaScript Debugging in Slack
Christina Deemer,
UX Developer, Alley
Slide 3
Slide 3 text
@cahdeemer
@alleyco
Prologue:
Who am I?
Slide 4
Slide 4 text
@cahdeemer
@alleyco
Slide 5
Slide 5 text
@cahdeemer
@alleyco
Slide 6
Slide 6 text
@cahdeemer
@alleyco
Chapter 1:
The Problem
Slide 7
Slide 7 text
@cahdeemer
@alleyco
Slide 8
Slide 8 text
@cahdeemer
@alleyco
Slide 9
Slide 9 text
@cahdeemer
@alleyco
If (lovesPhilly( )) {
alert( ‘Gritty is awesome’);
debugger;
}
Slide 10
Slide 10 text
@cahdeemer
@alleyco
Slide 11
Slide 11 text
@cahdeemer
@alleyco
Slide 12
Slide 12 text
@cahdeemer
@alleyco
Slide 13
Slide 13 text
@cahdeemer
@alleyco
Slide 14
Slide 14 text
@cahdeemer
@alleyco
Slide 15
Slide 15 text
@cahdeemer
@alleyco
Slide 16
Slide 16 text
@cahdeemer
@alleyco
Slide 17
Slide 17 text
@cahdeemer
@alleyco
Slide 18
Slide 18 text
@cahdeemer
@alleyco
Slide 19
Slide 19 text
@cahdeemer
@alleyco
Slide 20
Slide 20 text
@cahdeemer
Asking for help
1. Act of strength & courage
2. Smart & efficient to use the resources available
3. Models positive behavior
4. Surfaces issues others may have
Slide 21
Slide 21 text
@cahdeemer
@alleyco
Slide 22
Slide 22 text
@cahdeemer
@alleyco
Chapter 2:
5 Tips for Better
Debugging in Slack
Slide 23
Slide 23 text
@cahdeemer
01
@alleyco
Search Slack
Slide 24
Slide 24 text
@cahdeemer
@alleyco
Are you in the right channel?
Slide 25
Slide 25 text
@cahdeemer
@alleyco
Slide 26
Slide 26 text
@cahdeemer
@alleyco
Consider your keywords
Slide 27
Slide 27 text
@cahdeemer
02
@alleyco
Make it easy for other people to help you
Slide 28
Slide 28 text
@cahdeemer
@alleyco
Slide 29
Slide 29 text
@cahdeemer
@alleyco
Do not ask permission to ask for help
Slide 30
Slide 30 text
@cahdeemer
@alleyco
State your issue clearly
Slide 31
Slide 31 text
@cahdeemer
@alleyco
Slide 32
Slide 32 text
@cahdeemer
03
@alleyco
Make it easy for people to learn
Slide 33
Slide 33 text
@cahdeemer
@alleyco
Slide 34
Slide 34 text
@cahdeemer
@alleyco
Slide 35
Slide 35 text
@cahdeemer
04
@alleyco
Use friendly language
Slide 36
Slide 36 text
@cahdeemer
@alleyco
Avoid sarcasm and be careful with jokes
Slide 37
Slide 37 text
@cahdeemer
@alleyco
Be respectful
Slide 38
Slide 38 text
@cahdeemer
@alleyco
Be patient and welcoming
Slide 39
Slide 39 text
@cahdeemer
@alleyco
Be open to feedback
Slide 40
Slide 40 text
@cahdeemer
@alleyco
Slide 41
Slide 41 text
@cahdeemer
05
@alleyco
Stay focused
Slide 42
Slide 42 text
@cahdeemer
@alleyco
Avoid distracting topics
Slide 43
Slide 43 text
@cahdeemer
@alleyco
Slide 44
Slide 44 text
@cahdeemer
@alleyco
Be present.
Slide 45
Slide 45 text
@cahdeemer
@alleyco
Don’t disappear
Slide 46
Slide 46 text
@cahdeemer
@alleyco
Slide 47
Slide 47 text
@cahdeemer
@alleyco
Slide 48
Slide 48 text
@cahdeemer
@alleyco
Chapter 3:
Documentation
Slide 49
Slide 49 text
@cahdeemer
Private documentation outside of Slack
● In your IDE: https://snippet-generator.app/
● Personal code library / notes app:
○ https://www.renfei.org/snippets-lab/
○ https://www.notion.so/
○ https://bear.app/
Slide 50
Slide 50 text
@cahdeemer
Public documentation outside of Slack
● GH wikis
● Blog post
● Social media thread
Slide 51
Slide 51 text
@cahdeemer
Public documentation outside of Slack
● GH wikis
● Blog post
● Social media thread
● Give a talk at your local
JavaScript Meetup
Slide 52
Slide 52 text
@cahdeemer
@alleyco
Prologue:
Follow-up
Slide 53
Slide 53 text
@cahdeemer
Follow up
● Slides: speakerdeck
● Twitter: @cahdeemer
● Blog post: cahdeemer.com/blog
● Alley: alley.co