Patterns and anti patterns 2015-2

Write better code

Description

Participating students will research and prepare presentation about ways to structure computer code in an efficient way that can be shared, re-used and maintained by others. Students will research the literature on some of the most (and less so) known coding patterns and anti-patterns and will present their finding to the class using an existing code base found on github and demonstrate the potential for code optimization. They summarize their findings in a seminar thesis.

In this seminar you will be asked to look at existing javascript code, understand its functionality, identify its weaknesses and refactor the code using one of the design patterns we are covering. Please note that I expect you to search for existing javascript code on GitHub[1] (trying to refactor your own code is not acceptable).

Tips for presentation

Note that each session will include one 30 minutes presentation by each student.

1. give an overview of the topic you chose to present
2. give an introduction describing the project you are re-factoring/optimizing
3. a through code critique should identify the strength and weaknesses of the code.
4. suggest an improvment using a JS pattern you think is suitable.
5. be ready to defend your choice, while a JS pattern may seem a good fit there are always some tradeoffs.

NOTE you should only use the patterns that are available to you from the topic you chose. If you chose Functional patterns then Object creation patterns are not relevant to your project. Keep this in mind when searching for a project to refactor on GitHub.

[1] https://github.com

Learning outcome

In the end students know about common patterns and anti-patterns, they can communicate sophisticated technological matters to their peers and they can summarize this in a written report.

VERY IMPORTANT INFORMATION

READ THIS PAGE: Hints and Rules for the seminar

Important Dates

July 1st: Seminar pre-meeting.

TBD - presentations due.

Seminar Dates: September 28 - October 2

Seminar Times: TBD

Room: Rostlab seminar room I12

Presentation Schedule

Date	Time	Topic	Assigned to	Slides	Source
		Design patterns and antipattterns and their importance in software maintainability and sustainability	Qi Lifan Yushen Zhang
		General patterns	Andreas Tielitz Valentin Hauner
		Literals and Constructors Patterns	Julius Polar Nhat Nam Bui
		Structural Patterns	Chrysa Papadaki Nishant Gupta
		Functional patterns and Reactive Functional Programming	Arya Kirathamoorthy David Dao
		Object Creation Patterns	Beckmann Timm Sebastian Reinmann
		Code Reuse Patterns	Gaurav Joshi Andreas Greimel
		Behavioral patterns	Jun Heui Cho Malte Brockmann
		jQuery Plugin Patterns	Muhammad Khan Jakob Haider
		jQeury specific patterns	Sebastian Dirrigl Alexander Castendyck

References

1. (Highly recommended:) JavaScript: The Good Parts http://shop.oreilly.com/product/9780596517748.do
2. http://sourcemaking.com/design_patterns
3. The Essentials of Writing High Quality JavaScript http://net.tutsplus.com/tutorials/javascript-ajax/the-essentials-of-writing-high-quality-javascript/
4. JSPatterns http://www.jspatterns.com/
5. jQuery Anti-Patterns for Performance & Compression http://paulirish.com/2009/perf/
6. How DRY Affects JavaScript Performance http://velocityconf.com/velocityeu/public/schedule/detail/21634
7. Object Oriented JavaScript http://www.packtpub.com/object-oriented-javascript/book
8. JavaScript Patterns http://shop.oreilly.com/product/9780596806767.do
9. Pro JavaScript Design Patterns http://jsdesignpatterns.com/
10. Essential JavaScript Design Patterns For Beginners, Volume 1. http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/
11. Eloquent JavaScript http://eloquentjavascript.net/
12. http://en.wikipedia.org/wiki/Anti-pattern#Programming
13. http://c2.com/cgi/wiki?CodeSmell
14. JavaScript Garden - the most quirky parts of the JavaScript programming language https://github.com/BonsaiDen/JavaScript-Garden/tree/master/doc/en
15. RECOMMENDED VIDEO http://www.paulirish.com/2010/10-things-i-learned-from-the-jquery-source/