A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 28KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang=fr>
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset=utf-8>
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>On Confidence (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="http://ashleynh.me/on-confidence/">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. On Confidence (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="http://ashleynh.me/on-confidence/">Source originale du contenu</a></h3>
  445. <p>I recently participated in a panel on how to be an effective engineer for Code2040, a nonprofit organization striving to close the achievement gap by providing pathways for minorities to have successful careers in technology. The audience was a group of engineering interns, all from underrepresented backgrounds and working in the Bay Area for the summer. During the panel, I was asked to name something that has had the largest impact on my career success thus far. I said confidence, a response that was intentionally abstract.</p>
  446. <p>Marginalized tech workers are often told they need to do more in order to achieve the successes of the majority or get the same treatment. Directives such as "Lean In!", "Negotiate!", "Network!", and "Find Mentors!" are preached heavily. It's as if doing one or all of these things will help make up for some sort of innate deficiency that is preventing marginalized tech workers from benefitting in a system the majority say is a meritocracy. Although this is a comforting fairy tale - because who doesn't want to believe that marginalized people are one behavioral adjustment from prosperity - it disregards the very nuanced privileges that enable majority people to be ambitious without fear of blowback. In other words, it's irresponsible to tell a marginalized person to apply a "one size fits all" strategy to their career. These strategies are recommended with good intentions, but without a clear blueprint or the acknowledgement that applying one may not yield the same benefit, most of this direction feels out of touch. Why is it always incumbent upon the marginalized to fix themselves in order to be treated with respect?</p>
  447. <h3 id="whydoesconfidencematter">Why Does Confidence Matter?</h3>
  448. <p>Our confidence is tested throughout life. It can be incredibly difficult to believe in yourself, and have unquantifiable knowledge of your worthiness when colleagues have low expectations of your technical abilities. Marianne Williamson's famous quote "...who am I to be brilliant, gorgeous, talented, and fabulous?" resonates. The tech field is a breeding ground for imposter syndrome. The more underrepresented you are, the larger the feeling you don't belong. </p>
  449. <p>For marginalized tech workers, confidence doesn't manifest as projecting an ability to do something you can’t really do, or a lack of basic self-awareness. Marginalized people have plenty of self-awareness. We're constantly reminded at work that we exist on the fringe of the culture. Well-meaning colleagues invite us to opportunities based on our minority status, damaging our self-esteem and making us question our qualifications. As great as diversity in technology initiatives by companies can be, they also come dangerously close to insinuating that the very people they hope to attract are only there because “diversity.” Confidence for the marginalized looks a lot like simply believing you deserve a seat at the table, and have earned it through ability instead of filling a recruiting quota. </p>
  450. <p>Subconsciously, confidence is the thread underlying your decision-making and behavior. Confident tech workers have an inner belief that they can learn, grow, and understand technical concepts. As a result, they approach difficult problems as a positive learning experience - regardless of outcome. Because they are secure in their abilities, confident tech workers don't worry about the optics of looking bad when they're wrong - so they readily admit mistakes. Being secure makes them unafraid to ask for help when needed. And when they do ask for help, confident tech workers expect to understand the explanation provided. In fact, they'll continue asking questions until they receive an explanation that makes sense to them. Confident tech workers know their ideas are worthwhile, so they speak to colleagues at a calm, relaxed pace. And most important, they recognize the tremendous value they bring to an organization - so they ensure a commensurate compensation. This is not the piece that tells marginalized tech workers to simply "be more confident," because I don't want to imply that it's easy. </p>
  451. <h3 id="howhasconfidencebeenbuiltinmyownlife">How Has Confidence Been Built In My Own Life?</h3>
  452. <p>I responded confidence to the panel prompt, because it has been the driving force behind my most important career decisions. Actually, it would be more correct to say that confidence has affected every single interaction - interpersonal or otherwise - that I've had at work. Unsurprisingly, I've been most effective as an engineer when I've believed in myself. After a few years of working at Apple, I knew I wanted the challenge of working with a small team of people focused on delivering a consumer-facing product. But self-doubt began to creep into my thoughts, and I questioned whether I was a strong enough engineer to be a meaningful contributor to a startup. Fortunately, I had a couple of experienced friends that believed I would be a great asset to a small team, in spite of the worrisome words coming out of my mouth. I respected each of them, so their encouragement forced me to believe in myself. </p>
  453. <p>Surrounding myself with a great community of people has been one of the best assets to building my confidence. Whether you call them friends, partners, mentors, or coaches - it's imperative to have access to people that you can relate to, who believe in your abilities and allow you to lean on them for support. My support network helps me to recharge from the stresses of being a marginalized tech worker by allowing me to vent frustrations, express worries, and relax in their presence. When I feel the loneliness of being a marginalized tech worker, these individuals remind me that I'm not in uncharted territory. They also serve the important role of helping to rebuild my confidence in those destructive moments of self-doubt. Knowing that I have their support and advice helps me feel a sense of security.</p>
  454. <p>Another way that I've helped to build my confidence is by adopting a growth mindset. Recognizing that engineering is a skill and therefore one that I can improve upon is a relatively new mindset shift for me. My introduction to programming started with the book "C++ in 21 Days" when I was in 6th grade. Being the type-A kid that I was, I decided that I was going to learn C++ in exactly 21 days. Though I had no idea what C++ was, I was doing a good job learning it until I got to "Day 8" - pointers. Up to that point in my life, school was easy. Yet here was this book with concepts in it that felt like a brick wall preventing me from moving on to the next day! I began to feel like I didn't possess the natural talent to excel as a programmer. </p>
  455. <p>Years later, when I did well in programming classes in high school and college, a part of me was dismissive of those results. Because of that initial experience programming, I was subconsciously held back by the fear of finding another brick wall concept that I wouldn't be able to grasp. It's taken a decade to reverse this thinking and stop having a fixed mindset about my engineering abilities, but it's been worth the effort. Now, because I believe that I can grow as an engineer, I'm motivated to invest in myself. The intrinsic belief that I can get better keeps me confidently striving in my career for more responsibility and new challenges.</p>
  456. <p>After the initial panic that comes with taking on a new professional challenge, I deal with the accompanying stress, anxiety, and self-doubt by managing the one thing in my control - my preparation. In October 2014, I did my first technical talk in Moscow, Russia. Though the opportunity terrified me and had me questioning everything, including whether I was qualified to give the talk and whether the audience would listen to a marginalized tech worker - I knew it was something I needed to try. To cope with the self-doubt, I made sure that the delivery of my content was as good as possible by practicing relentlessly. Knowing that I had all thirty-five minutes of my talk memorized gave me the personal internal comfort that I could handle some of the possible failure scenarios in my head. When it did come time to present, one of those failure scenarios actually manifested. The large in-stage monitor with my presentation notes flickered in and out before turning off for long periods of time. But because I had over-prepared, I was able to calmly hide this technical glitch from the audience and deliver my talk as rehearsed.</p>
  457. <p>Finally, it's important to recognize the importance of scheduling time for yourself, to do things you enjoy outside of work. I know that I feel my best and most confident when I stay active, so I foster habits like eating healthy and working out. I've noticed that setting and diligently pursuing my personal training milestones gives me the feeling that I can similarly pursue and accomplish my professional goals. In short, doing things outside of work that make you feel better, can actually make you feel better about work. Figure out what brings you joy and makes you feel good about yourself, then set aside time, and go do those activities. </p>
  458. <h3 id="howcanyoubuildtheconfidenceofthosearoundyou">How Can You Build the Confidence of Those Around You?</h3>
  459. <p>The culture at work plays a significant role in the confidence of marginalized tech workers. I have worked in environments before where I felt like I couldn't be wrong or admit that I wasn't familiar with a technical concept because of the physical displays of dismissiveness, like deep sighing, I received from my bosses. I've also felt as though I had a very limited number of mistakes that I could make before people stopped respecting my professional technical opinion. And I knew that I had exceeded the number of allowed mistakes when I began to get undermined constantly. Instead of respecting my opinion, my bosses would ask me to validate my conclusions by seeking out the professional opinions of majority tech workers in their network. This combination of low expectations for technical ability, and constant second-guessing creates toxic, unwelcoming environments. </p>
  460. <p>Afford marginalized colleagues the same respect given to majority workers by default. Assume your co-workers from underrepresented backgrounds possess domain expertise in the roles they were hired to fill. Be more supportive friends and colleagues by being open to their feedback, and believing their experiences. Acknowledge the additional stress and cognitive overhead that your colleagues may be experiencing because they're underrepresented, and ask how they could feel more welcome at work.</p>
  461. <p>Finally, avoid inviting marginalized colleagues to partake in an opportunity because of their minority status. I understand that these invitations are well-intentioned, but saying "we need more of (your marginalized group), would you like to attend?" is not only lazy, it's offensive. That message has done two things. It's reduced the invitee to feeling like they don't have any qualifications beyond being from an underrepresented background, and it's put a burden on their choice of whether to accept. If the opportunity is worthwhile, the marginalized tech worker will struggle with whether to accept and deal with the guilt of feeling like they received an undeserved benefit, or decline an otherwise good career move. Instead of leading an event invitation with a mention of how the invitee will improve the diversity of the lineup, why not mention all of the great work that person has done to get themselves noticed in the first place. Yes, marginalized tech workers are from underrepresented backgrounds - but stop making this the focus of the pitch.</p>
  462. <p>There is no one thing that can be done to make the industry better for marginalized tech workers, but by cultivating a supportive network, adopting a growth mindset, focusing on preparation, and taking care of ourselves outside of work, we have a better chance of confidently facing the challenges ahead.</p>
  463. </article>
  464. </section>
  465. <nav id="jumpto">
  466. <p>
  467. <a href="/david/blog/">Accueil du blog</a> |
  468. <a href="http://ashleynh.me/on-confidence/">Source originale</a> |
  469. <a href="/david/stream/2019/">Accueil du flux</a>
  470. </p>
  471. </nav>
  472. <footer>
  473. <div>
  474. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  475. <p>
  476. Bonjour/Hi!
  477. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  478. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  479. </p>
  480. <p>
  481. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  482. </p>
  483. <p>
  484. Voici quelques articles choisis :
  485. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  486. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  487. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  488. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  489. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  490. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  491. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  492. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  493. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  494. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  495. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  496. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  497. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  498. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  499. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  500. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  501. </p>
  502. <p>
  503. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  504. </p>
  505. <p>
  506. Je ne traque pas ta navigation mais mon
  507. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  508. conserve des logs d’accès.
  509. </p>
  510. </div>
  511. </footer>
  512. <script type="text/javascript">
  513. ;(_ => {
  514. const jumper = document.getElementById('jumper')
  515. jumper.addEventListener('click', e => {
  516. e.preventDefault()
  517. const anchor = e.target.getAttribute('href')
  518. const targetEl = document.getElementById(anchor.substring(1))
  519. targetEl.scrollIntoView({behavior: 'smooth'})
  520. })
  521. })()
  522. </script>