Coding Confessions

Transcript

1. CODING CONFESSIONS 1 / 40
2. HUH? 2 / 40
3. "CODING HORROR" 3 / 40
4. FINDING FAULTS  4 / 40
5. BAD CSS  5 / 40
6. BAD CSS  Needs to be done yesterday 6 / 40
7. BAD CSS  Needs to be done yesterday Too many cooks 7 / 40
8. BAD CSS  Needs to be done yesterday Too many cooks My stuff is ! i m p o r t a n t 8 / 40
9. BAD CSS  Needs to be done yesterday Too many cooks My stuff is ! i m p o r t a n t I'll fix it when I get a chance... — Me (mid 2011) 9 / 40
10. OVER-ENGINEERING  10 / 40
11. OPTION A 11 / 40
12. OPTION A Do it manually (10 minutes) 12 / 40
13. OPTION B 13 / 40
14. OPTION B Google - find 7 other ways of doing it 14 / 40
15. OPTION B Google - find 7 other ways of doing it Hit a wall with 4 of them 15 / 40
16. OPTION B Google - find 7 other ways of doing it Hit a wall with 4 of them Get bored 16 / 40
17. OPTION B Google - find 7 other ways of doing it Hit a wall with 4 of them Get bored Do it manually 17 / 40
18. OPTION B Google - find 7 other ways of doing it Hit a wall with 4 of them Get bored Do it manually (73 minutes) 18 / 40
19. NOT RTFM-ING  19 / 40
20. Using a r e s o l v e to prefetch data before transitioning to a route (Angular) The S t u f f S e r v i c e uses $ h t t p to make a request. v a r s t u f f R e s o l v e r = f u n c t i o n ( $ q , S t u f f S e r v i c e ) { v a r d e f e r r e d = $ q . d e f e r ( ) ; S t u f f S e r v i c e . g e t S t u f f ( ) . t h e n ( f u n c t i o n ( s t u f f ) { d e f e r r e d . r e s o l v e ( s t u f f ) ; } ) ; r e t u r n d e f e r r e d . p r o m i s e ; } ; 20 / 40
21. Using a r e s o l v e to prefetch data before transitioning to a route (Angular) The S t u f f S e r v i c e uses $ h t t p to make a request. v a r s t u f f R e s o l v e r = f u n c t i o n ( $ q , S t u f f S e r v i c e ) { v a r d e f e r r e d = $ q . d e f e r ( ) ; S t u f f S e r v i c e . g e t S t u f f ( ) . t h e n ( f u n c t i o n ( s t u f f ) { d e f e r r e d . r e s o l v e ( s t u f f ) ; } ) ; r e t u r n d e f e r r e d . p r o m i s e ; } ; $ h t t p already returns a promise... 21 / 40
22. Using a r e s o l v e to prefetch data before transitioning to a route (Angular) The S t u f f S e r v i c e uses $ h t t p to make a request. v a r s t u f f R e s o l v e r = f u n c t i o n ( $ q , S t u f f S e r v i c e ) { v a r d e f e r r e d = $ q . d e f e r ( ) ; S t u f f S e r v i c e . g e t S t u f f ( ) . t h e n ( f u n c t i o n ( s t u f f ) { d e f e r r e d . r e s o l v e ( s t u f f ) ; } ) ; r e t u r n d e f e r r e d . p r o m i s e ; } ; $ h t t p already returns a promise... v a r s t u f f R e s o l v e r = f u n c t i o n ( S t u f f S e r v i c e ) { r e t u r n S t u f f S e r v i c e . g e t S t u f f ( ) ; } ; 22 / 40
23. COPY-PASTE MESS  23 / 40
24. I'll just copy that thing I already wrote a month ago that does what I need. v a r f o o = f u n c t i o n ( c b ) { / / d o s t u f f c b ( ) ; } 24 / 40
25. I'll just copy that thing I already wrote a month ago that does what I need. v a r f o o = f u n c t i o n ( c b ) { / / d o s t u f f c b ( ) ; } It really doesn't matter that all the rest of the functions use d o n e for the callback. v a r b a r = f u n c t i o n ( d o n e ) { / / d o s t u f f d o n e ( ) ; } 25 / 40
26. I'll just copy that thing I already wrote a month ago that does what I need. v a r f o o = f u n c t i o n ( c b ) { / / d o s t u f f c b ( ) ; } It really doesn't matter that all the rest of the functions use d o n e for the callback. v a r b a r = f u n c t i o n ( d o n e ) { / / d o s t u f f d o n e ( ) ; } I'll refactor all that other stuff when this bit is finished ... — Me (ages ago) 26 / 40
27. NOT TESTING ENOUGH  27 / 40
28. PROCRASTINATION  28 / 40
29. ... 29 / 40
30. THE POINT  30 / 40
31. LEVEL UP  31 / 40
32. '4 STAGES OF COMPETENCE' Unconscious incompetence Conscious incompetence Conscious competence Unconscious competence 32 / 40
33. '4 STAGES OF COMPETENCE' Unconscious incompetence Conscious incompetence Conscious competence Unconscious competence 33 / 40
34. CONSUME  34 / 40
35. shame.css http://csswizardry.com/2013/04/shame­css/ 35 / 40
36. devdocs.io 36 / 40
37. PEER REVIEW  37 / 40
38. IMPOSTER SYNDROME  38 / 40
39.  39 / 40
40.  40 / 40