We, developers, code day in and day out but we often forget that we not only write code for machines but for humans too. The presentation takes you through examples from different industries and the software industry that inspire you to write better code, documentation and in general, enjoy the art of writing code.

1. Scientists have discovered that
this talk is an absolute
no-brainer

2. Scientists have discovered that
this talk is an absolute
no-brainer

4. Let’s Digest

5. Let’s Digest

6. Let’s Digest

7. Praveen Puglia
voicezen.ai @praveenpuglia

8. Praveen Puglia
voicezen.ai @praveenpuglia

10. Christopher Nolan

11. Christopher Nolan
...who wasn’t even supposed to make the
Batman Trilogy or Interstellar.

13. Inception
Soundtrack
Composition

14. Inception
Soundtrack
Composition
Inception Running Time
2 Hours 28 Minutes

15. Inception
Soundtrack
Composition
Inception Running Time
2 Hours 28 Minutes
“Non,Je ne regrette rien” Running Time
2 Minutes 28 Seconds

16. These equations...

17. ...are real equations written by Dr. Kip Thorne

20. Because he invests time
to get the details right.

21. Because he invests time
to get the details right.

22. Because he invests time
to get the details right.
Because he cares about
his audience.

23. And it’s not just the film
industry

24. https://www.boredpanda.com/perfectionism-at-work

25. Why am I telling you
all this?

26. Why am I telling you
all this?

27. Why am I telling you
all this?
! We often forget that we write code for other humans.

28. Why am I telling you
all this?
! We often forget that we write code for other humans.
! Coding can also be “not just another job”.

29. Why am I telling you
all this?
! We often forget that we write code for other humans.
! Coding can also be “not just another job”.
! We all need motivation to do good things.

30. Documentation

31. Laravel

32. Laravel

33. Laravel

34. Laravel

35. Laravel

36. Vue.js Documentation
https://vuejs.org/v2/guide/

37. Vue.js Documentation
! No Bullshit
https://vuejs.org/v2/guide/

38. Vue.js Documentation
! No Bullshit
! Live Examples
https://vuejs.org/v2/guide/

39. Vue.js Documentation
! No Bullshit
! Live Examples
! Under the hood explanation
https://vuejs.org/v2/guide/

40. Vue.js Documentation
! No Bullshit
! Live Examples
! Under the hood explanation
! The joy of discovering
https://vuejs.org/v2/guide/

41. Vue.js Documentation
! No Bullshit
! Live Examples
! Under the hood explanation
! The joy of discovering
! Help that you might need in future.
https://vuejs.org/v2/guide/

42. Vue.js Documentation
! No Bullshit
! Live Examples
! Under the hood explanation
! The joy of discovering
! Help that you might need in future.
! Styleguide
https://vuejs.org/v2/guide/

43. Vue.js Documentation
! No Bullshit
! Live Examples
! Under the hood explanation
! The joy of discovering
! Help that you might need in future.
! Styleguide
! Cookbook
https://vuejs.org/v2/guide/

44. Vue.js Documentation
! No Bullshit
! Live Examples
! Under the hood explanation
! The joy of discovering
! Help that you might need in future.
! Styleguide
! Cookbook
! Same quality for supporting libraries.
https://vuejs.org/v2/guide/

45. APIs

46. jQuery

47. jQuery

48. jQuery

49. jQuery

50. Moment.js

51. Moment.js

52. Moment.js

53. Moment.js

54. Vue.js

55. Vue.js

56. Vue.js

57. Vue.js

58. Vue.js

59. - Writing Code for Humans - Lea Verou - https://www.youtube.com/watch?v=5-ux7GIGFBo
- Vue.js Style Guide - https://vuejs.org/v2/style-guide/
- Incomplete List of Mistakes in the Design of CSS - https://wiki.csswg.org/ideas/mistakes
- Google Style Guide - http://google.github.io/styleguide/
Self Help

60. Clever
Solutions

61. Centering using CSS Grid

62. Components made in Pure CSS
http://youmightnotneedjs.com/
! Image Slider
! Modal
! Tabs
! Scroll Indicator
! Accordion
! Gallery with Expansion a.k.a Lightbox

63. Artworks

64. https://github.com/cyanharlow

65. https://github.com/cyanharlow

66. https://github.com/cyanharlow

67. https://github.com/cyanharlow

72. It’s too much
work!
…and I am lazy!!!

73. It’s too much
work!
…and I am lazy!!!

74. Tools

77. Habits Shape You

78. Habits Shape You
! Revisit

79. Habits Shape You
! Revisit
! Document WHY instead of WHAT

80. Habits Shape You
! Revisit
! Document WHY instead of WHAT
! Refactor & Keep it DRY.

81. Habits Shape You
! Revisit
! Document WHY instead of WHAT
! Refactor & Keep it DRY.
! Test.

82. Habits Shape You
! Revisit
! Document WHY instead of WHAT
! Refactor & Keep it DRY.
! Test.
! Look for inspiration.

83. “Any fool can write code
that a computer can
understand. Good
programmers write code
that humans can
understand.”
- Martin Fowler

84. Praveen Puglia
voicezen.ai
@praveenpuglia