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.

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

2. Guten Morgen!
• Martin Ruprecht
• Entwickler bei Mayflower GmbH seit 2008
• @mrupilo
• martin.ruprecht@mayflower.de
Montag, 11. Juni 2012

3. Java Tools
Montag, 11. Juni 2012

4. JavaScript Tools
Montag, 11. Juni 2012

5. „Um professionell JavaScript
entwickeln zu können,
muss ich
Tool- und Test-getrieben arbeiten!“
Montag, 11. Juni 2012

6. jsTestDriver
Montag, 11. Juni 2012

7. Server & Testframework
Montag, 11. Juni 2012

8. Montag, 11. Juni 2012

9. Demo!
Montag, 11. Juni 2012

10. Test-Driven
Development!
Montag, 11. Juni 2012

11. Tests sind Feedback!
Montag, 11. Juni 2012

12. Tests sind Doku!
Montag, 11. Juni 2012

13. Tests als Basis für CI
Montag, 11. Juni 2012

14. TDD feels good!
Montag, 11. Juni 2012

15. „Der TDD Workflow
muss rocken!“
Montag, 11. Juni 2012

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

17. Tests müssen isoliert von einander
laufen!
Montag, 11. Juni 2012

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

19. „Bei TDD muss ich mein
Denken umkehren!“
Montag, 11. Juni 2012

20. TDD Mantra
Montag, 11. Juni 2012

21. Start simple!
Montag, 11. Juni 2012

22. Test fail!
Montag, 11. Juni 2012

23. Implementiere die Funktionalität in
der einfachsten Form
Montag, 11. Juni 2012

24. Test win!
Montag, 11. Juni 2012

25. Refactoring!
Montag, 11. Juni 2012

26. ...
Montag, 11. Juni 2012

27. Ergebnis: Clean Code that works!
Montag, 11. Juni 2012

28. Demo!
Montag, 11. Juni 2012

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

30. Fragen?
Montag, 11. Juni 2012

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

32. Literatur
• Test-Driven Development by Example, Kent
Beck
• Test-Driven JavaScript Development,
Christian Johansen
Montag, 11. Juni 2012

33. Feedback please!
• https://joind.in/6653
• Twitter @mrupilo
• martin.ruprecht@mayflower.de
Montag, 11. Juni 2012

34. Vielen Dank für eure
Aufmerksamkeit!
Montag, 11. Juni 2012

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