In order to get hooked by TDD it sometimes seems too much effort to setup things, but that should not be the barrier. Along came Google Spreadsheets and I had a no-setup environment, at least for doing katas and showing of the magic of being rewarded with a red box switching to green once I implemented the right thing. I will tell you the story of how I tried to make TDD as simple as possible and how I ended up with Google Spreadsheets and also how this inspired me to build tddbin.com for use at our JSCodeRetreats. I believe it’s the red-green cycle that got them hooked. I did it with students and also kids even a manager asked me “why does not everyone program like that?”.

3. {
who: „Wolfram Kriesing“,
what: „uxebu Co-Founder“,
since: „2008“,
does: „web apps since 1999“,
url: „http://uxebu.com“,
twitter: „@WolframKriesing“
}

7. {
what: „ES6 learning by doing“,
when: „new kata every day“,
url: „http://ES6katas.org“,
twitter: „@es6katas“
}

9. {
what: „ready to use TDD env“,
why: „practice, practice, practice“,
url: „http://TDDbin.com“,
twitter: „@tddbin“
}

11. {
what: „TDD, pairing, clean code“,
when: „every 3 months“,
next: „5th September 2015“,
url: „http://jsCodeRetreat.com“,
twitter: „@jsCodeRetreat“
}

12. TDD with Google Spreadsheets

14. TDD?

16. SIM
PLI
CITY

18. IHAD
TO

19. I
TO
X!e x p l a i n

20. I
TO
X!TO A
KID

22. US
COF

23. F US
COon
what?

24. TESTF R A M E
WORKS

25. TESTF R A M E
WORKS?

26. expect().toBe()
expect().to.be()
assert.equal()

27. Jasmine image…

28. mocha image…

29. many others, doh, quint, jsunit, tap, …

30. TEST
u n d e r d a h o o d
FRA
MEWORK

31. undefined
AssertionError: 1 == 2
at repl:1:9
at REPLServer.self.eval (repl.js:110:21)
at Interface.<anonymous> (repl.js:239:12)
at Interface.EventEmitter.emit (events.js:95:17)
at Interface._onLine (readline.js:202:10)
at Interface._line (readline.js:531:8)
at Interface._ttyWrite (readline.js:760:14)
at ReadStream.onkeypress (readline.js:99:10)
at ReadStream.EventEmitter.emit (events.js:98:17)
at emitKey (readline.js:1095:12)
> assert.equal(1,2)
$ node
> assert.equal(1,1)

32. assert.js:92
throw new assert.AssertionError({
^
AssertionError: 1 == 2
at Object.<anonymous> (/Users/cain/tmp/fail.js:1:81
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Function.Module.runMain (module.js:497:10)
at startup (node.js:119:16)
> cat fail.js
require('assert').equal(1,2);
console.log('failed?');
> node fail.js

33. KIND
OF
TEST

35. STYLE

36. https://www.goodreads.com/quotes/tag/learning

38. reduce it to the core
=
focus

39. THE
TASK

40. https://github.com/search?utf8=✓&q=roman+numerals

41. https://github.com/search?l=JavaScript&q=roman+numerals&type=Repositories&utf8=✓

42. https://github.com/marcusholmgren/RomanNumerals/blob/master/spec/romanConverterSpec.coffee

43. https://github.com/Ginkko/roman/blob/master/spec/specs.js

44. https://github.com/Bryukh-Checkio-Tasks/checkio-task-roman-numerals/blob/master/verification/tests.py

45. https://github.com/davidbaldwin/roman/blob/master/src/_roman_test.js

46. Noise
polluting our intent

47. noise pollution
the programming language

48. noise pollution
the programming language

49. Let’s remove it!

50. Language noise++

51. Language noise++

52. FRA
MEWORK

53. FRA
MEWORK

54. Photo by Great Beyond - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/26104563@N00 Created with Haiku Deck
lots of work done

55. ?

57. Completely Missing
• result beside test
• ugly stack traces
• context switch necessary

58. Noise
covers
and
blurs

59. N O W
LET’S
CODE

60. EX
AMP
LES

67. ES6 Katas
JS CodeRetreat
TDD bin

68. uxebu.com/workshop
@WolframKriesing