Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Contributing Code Empathetically
Search
HipsterBrown
October 17, 2015
Programming
670
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Contributing Code Empathetically
Remembering the People Behind Projects.
Given at jQuery Dev Summit 2015.
HipsterBrown
October 17, 2015
More Decks by HipsterBrown
See All by HipsterBrown
The Other Side of Empathy - JSConf Budapest
hipsterbrown
0
330
I'd like to add you to my professional [wireless] network
hipsterbrown
0
120
Talking Tessel with a Hardware Newbie
hipsterbrown
0
200
Collaborative Style Syntax
hipsterbrown
0
150
The Other Side of Empathy - JSConf EU 2015
hipsterbrown
0
150
The Other Side of Empathy
hipsterbrown
1
490
The Other Side of Empathy
hipsterbrown
0
130
Winning on the Wrist
hipsterbrown
0
150
Neat - A Semantic Grid Framework
hipsterbrown
0
300
Other Decks in Programming
See All in Programming
OpenSpecのproposalにbrainstormingを持たせてみた
tigertora7571
1
180
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
720
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
pizzacat83
0
130
数百円から始めるRuby電子工作
tarosay
0
120
React本体のコードリーディング
high_g_engineer
1
120
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
kosuket
0
380
PostgreSQL 18で考えるUUID主キー
kazuhiro1982
0
450
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
panda728
PRO
2
300
Embedded SREと共に達成した会員管理システムのAWS移行 - SRE NEXT 2026 ランチスポンサーセッション
niftycorp
PRO
1
3.3k
ITヒヤリハットを整理してみた ~ライフサイクルと原因から考える再発防止策~
koukimiura
1
130
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
190
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
monochromegane
0
160
Featured
See All Featured
A Tale of Four Properties
chriscoyier
163
24k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
160
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
430
Building the Perfect Custom Keyboard
takai
2
830
The Curse of the Amulet
leimatthew05
2
13k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
230
Paper Plane (Part 1)
katiecoart
PRO
1
10k
エンジニアに許された特別な時間の終わり
watany
108
250k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
340
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
470
Transcript
Contributing Code Empathetically
Remembering People Behind Projects
Who Am I?
Who Am I? Nick Hehr Empathetic Community Member Front-End Developer
Hoodie Contributor
None
What is Empathy?
What is Empathy? The ability to understand and share the
feelings of another.
What is Empathy? Seeing the world through the eyes of
someone else.
Breakdown • Context • Constructive Feedback • Communication • Caring
Context
The internal and external factors that influence the decisions we
make and actions we take.
How It Relates • No One is Un-Opinionated • We
All Have Biases • Listening is Key • “Why?”
None
Set The Example
Descriptive Descriptions • screenshots, animated GIFs, or screencasts • the
behavior and visuals you expected • related issues that would be closed • any context/reasoning behind why a change should be made • notes or concerns while in progress
Constructive Feedback
The return of information that helps to develop or improve.
How It Relates “If you don’t have anything nice to
say, then don’t say anything at all.”
None
How It Relates “If you don’t have anything nice to
say, then don’t say anything at all.”
How It Relates “If you don’t have anything nice to
say, then don’t say anything at all.”
How It Relates “If you don’t have anything constructive to
say, then don’t say anything at all.”
• Mutually Agreed Upon • Set Up With Expectations •
In An Open Space • Shared With Context Constructive Feedback is…
Example Code Reviews
It is intended to find and fix mistakes overlooked, improving
both the overall quality of software and developers' skills.
Encouraging Constructive Feedback
None
https://github.com/atom/atom/blob/master/ CONTRIBUTING.md
https://github.com/hoodiehq/hoodie/blob/master/ CONTRIBUTING.md
Communication
The successful sharing of ideas and feelings between people.
How It Relates • What We Say • How We
Say It • Where We Say It
“I” Statements For Giving Constructive Feedback For Getting Context
“You” Statements For Getting Context For Giving Constructive Feedback
None
How We Communicate • General = Slack • Standups =
Hangouts / In-Person • Recorded Discussions = GitHub Issues • Long-Form / Async = Email
https://<your-team>.slack.com/ customize/slackbot
Caring
To provide the needs of something and show interest in
it.
How It Relates • Caring is Sharing • And Listening
• And Understanding
How Much Do You Care?
Do You Care Enough… • To Write A Blog Post?
• To File An Issue? • To Send An Email? • To Record A Screencast? • To Submit A Pull Request?
– Yoda “Don’t give in to hate. It leads to
the Dark Side.”
Example Documentation
Documentation Matters • Wikis • Code Comments • Styleguides •
Pattern Libraries • README.md
Exemplifying Caring
http://hood.ie/community/#contributors
http://hood.ie/contribute/
By starting to apply empathy to connect with others professionally,
we can continue down that path to connect with others personally.
Resources
http://rosenfeldmedia.com/books/practical-empathy/
http://more-empathy.online
Thank You