The document discusses test-driven development (TDD) in the context of web application development, highlighting resources like learning katas and TDD environments. It emphasizes the importance of practice and clean code through regular events and code retreats. Various frameworks for testing JavaScript are mentioned, alongside reflections on simplifying the coding process and reducing complexity.

1. TDD with Google Spreadsheets
@WolframKriesing, uxebu

3. http://www.ecma-international.org/ecma-262/6.0/

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

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

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

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

14. TDD?

19. IHAD
TO

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

21. I
TO
X!TO A
KID

23. SIM
PLI
CITY

25. …img baby steps on stairs…
Photo by t0msk - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/11904001@N00
baby steps

26. http://cache.lego.com/bigdownloads/buildinginstructions/6098577.pdf

28. https://www.facebook.com/IFeakingLoveScience

29. GOALS
PROXIMAL
http://www.entrepreneur.com/article/245767
but scientists prefer the much stuffier term

30. http://www.uky.edu/~eushe2/Bandura/Bandura1981JPSP.pdf

31. http://www.uky.edu/~eushe2/Bandura/Bandura1981JPSP.pdf

32. http://www.uky.edu/~eushe2/Bandura/Bandura1981JPSP.pdf

33. US
COF

34. F US
COon
what?

35. TESTF R A M E
WORKS?

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

37. Jasmine image…

38. mocha image…

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

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

41. 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)

42. 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

43. KIND
OF
TEST

45. STYLE

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

48. reduce it to the core
=
focus

49. I fear not the man who has practiced 10.000 kicks once
but I fear the man who has practiced one kick 10.000 times.

50. THE
TASK

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

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

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

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

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

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

57. Noise
polluting our intent

58. noise pollution
the programming language

59. Let’s remove it!

60. Language noise++

61. Language noise++

62. FRA
MEWORK

63. 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

64. ?

65. good naming!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

67. Completely Missing - #1 result close to test

68. Completely Missing - #2 ugly stack traces

69. Completely Missing - #3 context switch needed
Photo by @Doug88888 - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/29468339@N02

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

71. Noise
covers
and
blurs

72. N O W
LET’S
CODE

73. EX
AMP
LES

80. Take aways
• think less complex
• fast feedback rocks
• baby steps
make a test fit in a cell
write less code

81. uxebu.com/workshop
@WolframKriesing