tdd with google spreadsheets #enterjs 2015
TRANSCRIPT
![Page 1: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/1.jpg)
TDD with Google Spreadsheets
@WolframKriesing, uxebu
![Page 2: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/2.jpg)
![Page 4: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/4.jpg)
![Page 5: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/5.jpg)
![Page 6: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/6.jpg)
{who: „Wolfram Kriesing“,what: „uxebu Co-Founder“,since: „2008“,does: „web apps since 1999“,
url: „http://uxebu.com“,twitter: „@WolframKriesing“
}
![Page 7: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/7.jpg)
![Page 8: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/8.jpg)
![Page 9: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/9.jpg)
{what: „ES6 learning by doing“,
when: „new kata every day“,
url: „http://ES6katas.org“,twitter: „@es6katas“
}
![Page 10: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/10.jpg)
![Page 11: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/11.jpg)
{what: „ready to use TDD env“,
why: „practice, practice, practice“,
url: „http://TDDbin.com“,twitter: „@tddbin“
}
![Page 12: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/12.jpg)
![Page 13: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/13.jpg)
{what: „TDD, pairing, clean code“,
when: „every 3 months“,next: „5th September 2015“,
url: „http://jsCodeRetreat.com“,twitter: „@jsCodeRetreat“
}
![Page 14: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/14.jpg)
TDD?
![Page 15: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/15.jpg)
![Page 16: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/16.jpg)
![Page 17: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/17.jpg)
![Page 18: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/18.jpg)
![Page 19: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/19.jpg)
IHADTO
![Page 20: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/20.jpg)
ITOX!
e x p l a i n
![Page 21: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/21.jpg)
ITOX!TO AKID
![Page 22: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/22.jpg)
![Page 23: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/23.jpg)
SIM PLI
CITY
![Page 24: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/24.jpg)
![Page 25: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/25.jpg)
…img baby steps on stairs…
Photo by t0msk - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/11904001@N00
baby steps
![Page 26: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/26.jpg)
http://cache.lego.com/bigdownloads/buildinginstructions/6098577.pdf
![Page 27: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/27.jpg)
![Page 29: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/29.jpg)
GOALSPROXIMAL
http://www.entrepreneur.com/article/245767
but scientists prefer the much stuffier term
![Page 30: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/30.jpg)
http://www.uky.edu/~eushe2/Bandura/Bandura1981JPSP.pdf
![Page 31: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/31.jpg)
http://www.uky.edu/~eushe2/Bandura/Bandura1981JPSP.pdf
![Page 32: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/32.jpg)
http://www.uky.edu/~eushe2/Bandura/Bandura1981JPSP.pdf
![Page 33: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/33.jpg)
USCOF
![Page 34: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/34.jpg)
FUSCOon
what?
![Page 35: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/35.jpg)
TESTF R A M EWORKS?
![Page 36: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/36.jpg)
expect().toBe()
expect().to.be()
assert.equal()
![Page 37: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/37.jpg)
Jasmine image…
![Page 38: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/38.jpg)
mocha image…
![Page 39: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/39.jpg)
many others, doh, quint, jsunit, tap, …
![Page 40: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/40.jpg)
TEST
u n d e r d a h o o d
FRA
MEWORK
![Page 41: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/41.jpg)
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)
![Page 42: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/42.jpg)
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) at node.js:902:3
> cat fail.jsrequire('assert').equal(1,2);console.log('failed?');
> node fail.js
![Page 43: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/43.jpg)
KIND OF TEST
![Page 44: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/44.jpg)
![Page 45: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/45.jpg)
STYLE
![Page 46: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/46.jpg)
https://www.goodreads.com/quotes/tag/learning
![Page 47: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/47.jpg)
![Page 48: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/48.jpg)
reduce it to the core
=
focus
![Page 49: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/49.jpg)
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.
![Page 50: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/50.jpg)
THE TASK
![Page 51: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/51.jpg)
https://github.com/search?utf8=✓&q=roman+numerals
![Page 52: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/52.jpg)
https://github.com/search?l=JavaScript&q=roman+numerals&type=Repositories&utf8=✓
![Page 53: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/53.jpg)
https://github.com/marcusholmgren/RomanNumerals/blob/master/spec/romanConverterSpec.coffee
![Page 54: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/54.jpg)
https://github.com/Ginkko/roman/blob/master/spec/specs.js
![Page 55: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/55.jpg)
https://github.com/Bryukh-Checkio-Tasks/checkio-task-roman-numerals/blob/master/verification/tests.py
![Page 56: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/56.jpg)
https://github.com/davidbaldwin/roman/blob/master/src/_roman_test.js
![Page 57: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/57.jpg)
Noise
polluting our intent
![Page 58: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/58.jpg)
noise pollution the programming language
![Page 59: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/59.jpg)
Let’s remove it!
![Page 60: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/60.jpg)
Language noise++
![Page 61: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/61.jpg)
Language noise++
![Page 62: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/62.jpg)
FRA
MEWORK
![Page 63: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/63.jpg)
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
![Page 64: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/64.jpg)
?
![Page 65: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/65.jpg)
good naming!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
![Page 66: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/66.jpg)
![Page 67: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/67.jpg)
Completely Missing - #1 result close to test
![Page 68: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/68.jpg)
Completely Missing - #2 ugly stack traces
![Page 69: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/69.jpg)
Completely Missing - #3 context switch needed
Photo by @Doug88888 - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/29468339@N02
![Page 70: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/70.jpg)
Completely Missing
• result beside test
• ugly stack traces
• context switch necessary
![Page 71: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/71.jpg)
Noise
covers
and
blurs
![Page 72: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/72.jpg)
N O W
LET’S CODE
![Page 73: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/73.jpg)
EX AMP LES
![Page 74: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/74.jpg)
![Page 75: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/75.jpg)
![Page 76: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/76.jpg)
![Page 77: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/77.jpg)
![Page 78: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/78.jpg)
![Page 79: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/79.jpg)
![Page 80: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/80.jpg)
Take aways
• think less complex
• fast feedback rocks
• baby steps
make a test fit in a cell
write less code
![Page 81: TDD with Google Spreadsheets #enterjs 2015](https://reader036.vdocuments.mx/reader036/viewer/2022081516/55c2c663bb61ebcd178b482a/html5/thumbnails/81.jpg)
uxebu.com/workshop
@WolframKriesing