debugger; for developers

As it has been performed at Frontend United, Athens, May 2017

Transcript

1. DENYS MISHUNOV
   DIGITAL GARDEN AS
   @MISHUNOV
   debugger;
   DEVELOPERS
   FOR
   

   View Slide

2. https://en.wikipedia.org/wiki/Goldman's_dilemma
   =
   

   View Slide

3. https://en.wikipedia.org/wiki/Goldman's_dilemma
   ?
   

   View Slide

4. Elements Network Performance Console
   ×
   ⠇
   the first book
   

   View Slide

5. Elements Network Performance Console
   ×
   ⠇
   the first book
   my first project
   

   View Slide

6. ×
   ⠇
   the first book
   my first project
   first workplace
   × 3
   Elements Network Performance Console
   ×
   ⠇
   

   View Slide

7. ×
   ⠇
   the first book
   my first project
   first workplace
   × 3
   Elements Network Performance Console
   × Perfectionism: embrace imperfection life.html:1300
   × Impostor phenomenon: embrace impostrism life.html:1315
   × Long hours: slow down life.html:1316
   ×
   ⠇
   !
   × 3
   

   View Slide

8. PE FE TIONISM
   C
   R
   

   View Slide

9. View Slide

10. NEGATIVE
    (UNHEALTHY)
    PE FE TIONISM
    C
    R
    POSITIVE
    (HEALTHY)
    

    View Slide

11. PE FE TIONISM
    C
    R
    NEGATIVE
    (UNHEALTHY)
    

    View Slide

12. PE FE TIONISM
    C
    R
    NEGATIVE
    (UNHEALTHY)
    

    View Slide

13. PE FE TIONISM
    C
    R
    PERFECTIONIST
    PARALYSIS
    

    View Slide

14. PE FE TIONISM
    C
    R
    PICKING A
    DETAIL
    PERFECTIONIST PARALYSIS
    

    View Slide

15. PE FE TIONISM
    C
    R
    UNNECESSARY
    TASK
    PERFECTIONIST PARALYSIS
    PICKING A DETAIL
    

    View Slide

16. NEGATIVE
    PERFECTIONISM
    

    View Slide

17. PERFECTIONISM
    POSITIVE
    

    View Slide

18. View Slide

19. My product should be perfect…
    I am not going to release,
    develop a feature, commit
    before I am sure it is perfect.
    

    View Slide

20. My product should be perfect…
    And this release, feature,
    commit moves me one step
    closer to this perfect result.
    

    View Slide

21. My product should be
    perfect. I am not
    going to release,
    develop a feature,
    commit before I am
    sure it is perfect.
    My product should be
    perfect. And this
    release, feature,
    commit moves me
    one step closer to
    this perfect result.
    UNHEALTHY HEALTHY
    

    View Slide

22. IMPERFECTION
    

    View Slide

23. IMPOSTOR
    PHENOMENON
    

    View Slide

24. You think, ‘Why would
    anyone want to see me
    again in a movie?’ And I
    don’t know how to act
    anyway, so why am I
    doing this?
    t
    u
    — Meryl Streep —
    389 nominations, 156 wins, 3 Oscars as Best Actress
    

    View Slide

25. I always feel like
    something of an
    impostor. I don’t know
    what I’m doing. […] I’m
    not a writer. I’ve been
    fooling myself and
    other people
    t
    u
    — John Steinbeck —
    27 books, Pulitzer Prize for Fiction, Nobel Prize in Literature
    

    View Slide

26. I still doubt myself
    every single day.
    What people believe
    is my self-confidence
    is actually my
    reaction to fear.
    t
    u
    — Will Smith —
    6 American Music awards, 4 Grammys, 2 Oscar nominations as Best Actor
    

    View Slide

27. IMPOSTOR
    PHENOMENON
    

    View Slide

28. ILLUSTRATION OF A
    FRUSTRATED DUDE
    COULD BE HERE*
    *had we have better internet connection :)
    

    View Slide

29. View Slide

30. View Slide

31. The trouble with the world is
    that the stupid are cocksure
    and the intelligent are full of
    doubt.
    t
    u
    — Bertrand Russell —
    

    View Slide

32. EMBRACE
    IMPOSTRISM
    1
    

    View Slide

33. IMPOSTRISM
    … is, for many people, a natural
    symptom of
    gaining expertise
    t
    u
    — Pacific Standard Magazine —
    1
    

    View Slide

34. EMBRACE
    IMPOSTRISM
    1
    

    View Slide

35. MEASURE
    YOURSELF
    WITH
    YOUR OWN
    YARDSTICK
    2
    

    View Slide

36. COMMUNICATE
    YOUR
    FEARS
    3
    

    View Slide

37. http://neil-gaiman.tumblr.com/post/160603396711/hi-i-read-that-youve-dealt-with-with-impostor
    

    View Slide

38. LONG HOURS
    

    View Slide

39. LONG HOURS
    TEMPORARY PERMANENT
    HARD WORKING WORKAHOLIC
    

    View Slide

40. KAROSHI
    晃㴼ྒ
    

    View Slide

41. GUOLAOSI
    ᬦ۞ྒ
    

    View Slide

42. GUOLAOSI
    ᬦ۞ྒ
    1,600
    EVERY DAY
    

    View Slide

43. #TIREDBRAIN
    

    View Slide

44. LONG HOURS
    to achieve more
    ERRORS
    lack of
    ACKOMPLESHMENT
    WORK
    

    View Slide

45. THE HAPPY 4
    

    View Slide

46. DOPAMINE
    (MOTIVATION)
    

    View Slide

47. SEROTONIN
    (IMPORTANCE)
    

    View Slide

48. OXYTOCIN
    (REALTIONSHIP)
    

    View Slide

49. ENDORPHINS
    (PAIN KILLER)
    

    View Slide

50. THE HAPPY 4
    DOPAMINE
    SEROTONIN
    OXYTOCIN
    ENDORPHINS
    

    View Slide

51. View Slide

52. View Slide

53. View Slide

54. • Amygdala region is increased
    • Thinning of prefrontal cortex
    • Shrinking of hippocampus
    STRESS TO BRAIN
    — some geeky research —
    

    View Slide

55. • Premature ageing of our brain
    • Significant drop in learning abilities
    • Weakened memory
    STRESS TO BRAIN
    — some geeky research —
    

    View Slide

56. • Premature ageing of our brain
    • Significant drop in learning abilities
    • Weakened memory
    STRESS TO BRAIN
    MENTAL
    DISABILITY
    — according to reality —
    

    View Slide

57. View Slide

58. 134
    NOBEL LAUREATES
    35
    BILLIONAIRES
    HARVARD
    UNIVERSITY
    EST. 1636
    

    View Slide

59. View Slide

60. View Slide

61. 96%
    RETURNS
    

    View Slide

62. College can help you learn how
    to think, more than what to
    think.
    t
    u
    — Drew Faust —
    The President of Harvard University
    SLOW LEARNING
    

    View Slide

63. return path.slice(0, dotIndex);

    },

    isDeep: function (path) {

    return path.indexOf('.') !== -1;

    },

    isAncestor: function (base, path) {

    return base.indexOf(path + '.') === 0;

    },

    isDescendant: function (base, path) {

    return path.indexOf(base + '.') === 0;

    },

    translate: function (base, newBase, path) {

    return newBase + path.slice(base.length);

    },

    matches: function (base, wildcard, path) {

    return base === path || this.isAncestor(base, path) || Boolean(wildcard) && this.isDescendant(base, path);

    }

    };Life.Base._addFeature({

    _prepAnnotations: function () {

    if (!this._template) {

    this._notes = [];

    } else {

    var self = this;

    Life.Annotations.prepElement = function (element) {

    self._prepElement(element);

    };

    if (this._template._content && this._template._content._notes) {

    this._notes = this._template._content._notes;

    } else {

    this._notes = Life.Annotations.parseAnnotations(this._template);

    this._processAnnotations(this._notes);

    }

    × life.html:1315
    × life.html:1316
    Impostor phenomenon: embrace impostrism
    Long hours: slow down
    × life.html:1300
    Elements Network Performance Console
    ×
    ⠇
    × 3
    Perfectionism: embrace imperfection
    

    View Slide

64. × life.html:1315
    × life.html:1316
    Impostor phenomenon: embrace impostrism
    Long hours: slow down
    × life.html:1300
    Elements Network Performance Console
    ×
    ⠇
    × 3
    Perfectionism: embrace imperfection
    THANK YOU
    DENYS MISHUNOV • DIGITAL GARDEN
    YES, THE ILLUSTRATIONS ARE MINE :)
    TWITTER: @MISHUNOV
    

    View Slide