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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
HipsterBrown
October 17, 2015
Programming
0
600
Contributing Code Empathetically
Remembering the People Behind Projects.
Given at jQuery Dev Summit 2015.
HipsterBrown
October 17, 2015
Tweet
Share
More Decks by HipsterBrown
See All by HipsterBrown
The Other Side of Empathy - JSConf Budapest
hipsterbrown
0
290
I'd like to add you to my professional [wireless] network
hipsterbrown
0
110
Talking Tessel with a Hardware Newbie
hipsterbrown
0
180
Collaborative Style Syntax
hipsterbrown
0
130
The Other Side of Empathy - JSConf EU 2015
hipsterbrown
0
140
The Other Side of Empathy
hipsterbrown
1
460
The Other Side of Empathy
hipsterbrown
0
120
Winning on the Wrist
hipsterbrown
0
130
Neat - A Semantic Grid Framework
hipsterbrown
0
280
Other Decks in Programming
See All in Programming
登壇資料を作る時に意識していること #登壇資料_findy
konifar
3
810
Vibe codingでおすすめの言語と開発手法
uyuki234
0
220
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
230
AI Schema Enrichment for your Oracle AI Database
thatjeffsmith
0
240
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
ahuglajbclajep
5
990
Grafana:建立系統全知視角的捷徑
blueswen
0
320
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
140
Automatic Grammar Agreementと Markdown Extended Attributes について
kishikawakatsumi
0
180
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
600
Data-Centric Kaggle
isax1015
2
760
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
970
Featured
See All Featured
Crafting Experiences
bethany
1
46
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
180
Mind Mapping
helmedeiros
PRO
0
75
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
280
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
160
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2k
The World Runs on Bad Software
bkeepers
PRO
72
12k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
170
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