Difference between revisions of "Patterns and anti patterns 2015-2"

From Rost Lab Open
Jump to: navigation, search
(Presentation Schedule)
(Presentation Schedule)
Line 79: Line 79:
| Structural Patterns
| Structural Patterns
| Chrysa Papadaki
Nishant Gupta

Revision as of 08:40, 30 July 2015

Write better code


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.


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
Literals and Constructors Patterns
Structural Patterns Chrysa Papadaki

Nishant Gupta

Functional patterns and Reactive Functional Programming
Object Creation Patterns
Code Reuse Patterns
Behavioral patterns
jQuery Plugin Patterns
jQeury specific patterns


  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/