Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Develop, Debug, Learn? - Dotjs2019

1,590 views

Published on

We are obsessed with coding and creating automated workflows and optimisations. And yet our final products aren't making it easy for people to use them. Somewhere, we lost empathy for our end users and other developers. Maybe it is time to change that. Here are some ideas.

Published in: Education
  • Login to see the comments

  • Be the first to like this

Develop, Debug, Learn? - Dotjs2019

  1. 1. Develop, Debug, Learn? A time to re-think our tooling. Chris Heilmann (@codepo8), DotJS Paris 2019
  2. 2. I remember when this was all fields… Chris Heilmann @codepo8
  3. 3. And then we added labels… Chris Heilmann @codepo8
  4. 4. JavaScript, DHTML, Unobtrusive JavaScript, Flash/Air/Flex, DOM Scripting, AJAX, Comet… Chris Heilmann @codepo8
  5. 5. Learn A logical order… Chris Heilmann @codepo8
  6. 6. Learn Develop A logical order… Chris Heilmann @codepo8
  7. 7. Learn Develop Debug A logical order… Chris Heilmann @codepo8
  8. 8. Then we added abstractions… Chris Heilmann @codepo8
  9. 9. And build processes… Chris Heilmann @codepo8
  10. 10. Develop Alas… Chris Heilmann @codepo8
  11. 11. Develop Alas… Chris Heilmann @codepo8 Depend
  12. 12. Develop Debug Alas… Chris Heilmann @codepo8 Depend
  13. 13. Develop Debug Learn Alas… Chris Heilmann @codepo8 Depend
  14. 14. Caught in the rush… Chris Heilmann @codepo8https://pxhere.com/en/photo/489670
  15. 15. people.focus() Chris Heilmann @codepo8
  16. 16. This is not about us. This is about our tech legacy. Chris Heilmann @codepo8
  17. 17. Filling the needs Chris Heilmann @codepo8 must  Availability  Accessibility  Security  Mutability
  18. 18. Adding quality Chris Heilmann @codepo8 should must  Enhanced performance  Extended availability  Customisabilty
  19. 19. Creating delight Chris Heilmann @codepo8 want should must  Making full use of the platform in a safe manner  Predict usage and prevent simple mistakes
  20. 20. developers === people Chris Heilmann @codepo8
  21. 21. https://pxhere.com/en/photo/1554913 Performance Security Accessibility Interoperability App-readiness Maintenance Automation Frameworks Libraries CLI/Tool customisation Demand overload! Chris Heilmann @codepo8
  22. 22. Performance Security Accessibility Interoperability App-readiness Maintenance Automation Frameworks Libraries CLI/Tool customisation We work on faith… Chris Heilmann @codepo8 Depend (frameworks, 3rd party packages, services) 🦄
  23. 23. https://pxhere.com/en/photo/630291 Missed opportunities Chris Heilmann @codepo8
  24. 24. A tale of fixing a typo… Chris Heilmann @codepo8
  25. 25. We have amazing tech, and yet nobody is happy. Chris Heilmann @codepo8
  26. 26. The full stackoverflow developer. Chris Heilmann @codepo8
  27. 27. https://pxhere.com/en/photo/977180 What went wrong? Chris Heilmann @codepo8
  28. 28. Chris Heilmann @codepo8
  29. 29. Context switching is mentally exhausting – really! Chris Heilmann @codepo8
  30. 30. Rethinking tooling… Prevent us from doing things wrong instead of patching up what we created. Chris Heilmann @codepo8
  31. 31. A more natural approach… Chris Heilmann @codepo8 LearnDevelop Debug
  32. 32. Holistic developer tools Lightweight, preconfigured and open to feedback and contribution. Chris Heilmann @codepo8
  33. 33. Editor Chris Heilmann @codepo8
  34. 34. Editor Chris Heilmann @codepo8
  35. 35. Editor Chris Heilmann @codepo8 Browser (Developer Tools)
  36. 36. Editor Chris Heilmann @codepo8 Browser (Developer Tools)
  37. 37. Editor Chris Heilmann @codepo8 Browser (Developer Tools) Docs (MDN / CanIUse…)
  38. 38. Editor Chris Heilmann @codepo8 Browser (Developer Tools) Docs (MDN / CanIUse…)
  39. 39. This is powerful and flexible. Chris Heilmann @codepo8
  40. 40. Problem: You can’t know everything Chris Heilmann @codepo8
  41. 41. In-context documentation and linting – learn while you code. Chris Heilmann @codepo8
  42. 42. Chris Heilmann @codepo8 aka.ms/webhint4code
  43. 43. Chris Heilmann @codepo8 aka.ms/webhint4code
  44. 44. Chris Heilmann @codepo8 aka.ms/webhint4code
  45. 45. Chris Heilmann @codepo8 aka.ms/webhint4code
  46. 46. Problem: Context switching is tiring Chris Heilmann @codepo8
  47. 47. Editing in elements aka.ms/elements4code
  48. 48. Wild idea: Open source code is a resource Chris Heilmann @codepo8
  49. 49. Chris Heilmann @codepo8aka.ms/ai-autocomplete
  50. 50. Sorry - I have no easy answers. Chris Heilmann @codepo8
  51. 51. But I know that an open mind, open ears and open source can fix this. Chris Heilmann @codepo8
  52. 52. Automation is happening everywhere. Chris Heilmann @codepo8
  53. 53. This is a good time to be open to make it easy to become a developer. Chris Heilmann @codepo8
  54. 54. Editor Chris Heilmann @codepo8 Browser Docs This is your world to build.
  55. 55. Merci beaucoup! Chris Heilmann aka.ms/workwithchris @codepo8 @edgedevtools @msedgedev

×