35
Martin Ruprecht, 06. Juni 2012 Test-Driven JavaScript Development Montag, 11. Juni 2012

Test-Driven JavaScript Development IPC

Embed Size (px)

DESCRIPTION

Die Entwicklung mit JavaScript ist schon seit längerer Zeit gängiger Standard, und somit wurden auch bekannte Programmierstandards und Entwicklungsformen auf diese Sprache transferiert. In dieser Session auf der IPC/Webinale 12 wurden die Grundlagen für testgetriebene Entwicklung mit JavaScript gezeigt und anhand eines Beispiels vorgeführt.

Citation preview

Page 1: Test-Driven JavaScript Development IPC

Martin Ruprecht, 06. Juni 2012

Test-Driven JavaScriptDevelopment

Montag, 11. Juni 2012

Page 2: Test-Driven JavaScript Development IPC

Guten Morgen!

• Martin Ruprecht

• Entwickler bei Mayflower GmbH seit 2008

• @mrupilo

[email protected]

Montag, 11. Juni 2012

Page 3: Test-Driven JavaScript Development IPC

Java ToolsMontag, 11. Juni 2012

Page 4: Test-Driven JavaScript Development IPC

JavaScript ToolsMontag, 11. Juni 2012

Page 5: Test-Driven JavaScript Development IPC

„Um professionell JavaScript

entwickeln zu können,

muss ich

Tool- und Test-getrieben arbeiten!“

Montag, 11. Juni 2012

Page 6: Test-Driven JavaScript Development IPC

jsTestDriver

Montag, 11. Juni 2012

Page 7: Test-Driven JavaScript Development IPC

Server & TestframeworkMontag, 11. Juni 2012

Page 8: Test-Driven JavaScript Development IPC

Montag, 11. Juni 2012

Page 9: Test-Driven JavaScript Development IPC

Demo!

Montag, 11. Juni 2012

Page 10: Test-Driven JavaScript Development IPC

Test-Driven

Development!

Montag, 11. Juni 2012

Page 11: Test-Driven JavaScript Development IPC

Tests sind Feedback!Montag, 11. Juni 2012

Page 12: Test-Driven JavaScript Development IPC

Tests sind Doku!Montag, 11. Juni 2012

Page 13: Test-Driven JavaScript Development IPC

Tests als Basis für CIMontag, 11. Juni 2012

Page 14: Test-Driven JavaScript Development IPC

TDD feels good!Montag, 11. Juni 2012

Page 15: Test-Driven JavaScript Development IPC

„Der TDD Workflow muss rocken!“

Montag, 11. Juni 2012

Page 16: Test-Driven JavaScript Development IPC

Tests müssen schnell sein!Montag, 11. Juni 2012

Page 17: Test-Driven JavaScript Development IPC

Tests müssen isoliert von einander laufen!

Montag, 11. Juni 2012

Page 18: Test-Driven JavaScript Development IPC

Tests müssen wiederholbar sein!

Montag, 11. Juni 2012

Page 19: Test-Driven JavaScript Development IPC

„Bei TDD muss ich mein Denken umkehren!“

Montag, 11. Juni 2012

Page 20: Test-Driven JavaScript Development IPC

TDD MantraMontag, 11. Juni 2012

Page 21: Test-Driven JavaScript Development IPC

Start simple!Montag, 11. Juni 2012

Page 22: Test-Driven JavaScript Development IPC

Test fail!Montag, 11. Juni 2012

Page 23: Test-Driven JavaScript Development IPC

Implementiere die Funktionalität in der einfachsten Form

Montag, 11. Juni 2012

Page 24: Test-Driven JavaScript Development IPC

Test win!Montag, 11. Juni 2012

Page 25: Test-Driven JavaScript Development IPC

Refactoring!Montag, 11. Juni 2012

Page 26: Test-Driven JavaScript Development IPC

... Montag, 11. Juni 2012

Page 27: Test-Driven JavaScript Development IPC

Ergebnis: Clean Code that works!

Montag, 11. Juni 2012

Page 28: Test-Driven JavaScript Development IPC

Demo!

Montag, 11. Juni 2012

Page 29: Test-Driven JavaScript Development IPC

Fazit• Professionelle Entwicklung erfolgt Tool- und

Test-getrieben.

• Test-Driven Development macht nicht nur Spaß sondern steigert die Qualität enorm.

• RED / GREEN / REFACTOR

• Coding Katas bieten eine optimale Grundlage um TDD zu lernen / üben.

Montag, 11. Juni 2012

Page 30: Test-Driven JavaScript Development IPC

Fragen?Montag, 11. Juni 2012

Page 31: Test-Driven JavaScript Development IPC

Wie kann ich weitermachen?

• Mehr Infos zu jsTestDriver:

• Sebastian Springer, Qualitätssicherung bei Webprojekten (Salon 1 14.00 Uhr)

• Jakob Westhoff, JavaScript QA: jsTestDriver & sinon.js richtig nutzen (Salon 2 14.00 Uhr)

• Nimm teil an einem Coding Dojo / mache Coding Katas

Montag, 11. Juni 2012

Page 32: Test-Driven JavaScript Development IPC

Literatur

• Test-Driven Development by Example, Kent Beck

• Test-Driven JavaScript Development, Christian Johansen

Montag, 11. Juni 2012

Page 33: Test-Driven JavaScript Development IPC

Feedback please!

• https://joind.in/6653

• Twitter @mrupilo

[email protected]

Montag, 11. Juni 2012

Page 34: Test-Driven JavaScript Development IPC

Vielen Dank für eure Aufmerksamkeit!

Montag, 11. Juni 2012

Page 35: Test-Driven JavaScript Development IPC

Bildnachweis• http://www.flickr.com/photos/ontario_wanderer/3496185271/sizes/z/in/photostream/

• http://www.flickr.com/photos/global-jet/483825828/sizes/z/in/photostream/

• http://www.flickr.com/photos/mortimer/3758383978/sizes/z/in/photostream/

• http://www.flickr.com/photos/estimmel/181914110/

• http://www.flickr.com/photos/mybigtrip/68011728/

• http://www.flickr.com/photos/ohsohappytogether/4102831371

• http://www.flickr.com/photos/gnislew/629816655

• http://www.flickr.com/photos/zerodoze/3254882752/sizes/m/in/photostream/

• http://www.flickr.com/photos/flrnt/457917184/sizes/z/in/photostream/

• http://www.flickr.com/photos/bohemiandolls/4662564268/sizes/z/in/photostream/

• http://www.flickr.com/photos/seandreilinger/133305683/sizes/z/in/photostream/

• http://www.flickr.com/photos/68114781@N04/6286488787/

• http://www.flickr.com/photos/mercurialn/2419237431/sizes/z/in/photostream/

• http://www.flickr.com/photos/42931449@N07/5397530925/sizes/z/in/photostream/

Montag, 11. Juni 2012