Code Review, or Peer Code Review, is the act of consciously and systematically convening with one’s fellow programmers to check each other’s code for mistakes, and has been repeatedly shown to accelerate and streamline the process of software development like few other practices can. https://smartbear.com/learn/code-review/what-is-code-review/

Lecture

In this lecture you will learn why and how to give and review your code. You will learn that reviewing code is common practice and there are several techniques to review code: face-to-face, online or even tool-based.

Skills Lab

In the period between lecture and checkpoint you collect as much feedback on your website and working environment as possible using the over the shoulder technique. You will need your fellow students for this, so we advise you to do this on location if possible.

Over-the-shoulder code review with fellow students

This step must be executed in groups.

<aside> 🛠 Exercise 4.1: Form a group of 2-4 students. Arrange a time and place where you will meet: one of the available classrooms, the restaurant or other rooms or book a project room. It would be nice if you have a large screen available to show the code/website when reviewing.

</aside>

<aside> 🛠 Exercise 4.2: Review each other’s website one by one (about 20-30 minutes per website). The website of each student is reviewed by the rest of the group. Use the following instructions:

Website Code Review Instructions

</aside>

<aside> 🛠

Exercise 4.3: Discuss the results within your group. List the defects and errors you found within your group. Were there any defects and errors that have not been mentioned in the instructions? Make a list of these as well.

</aside>

Checkpoint

<aside> ☑️

Bring all your notes from Exercise 4.3 to the checkpoint.

</aside>

This will be discussed with the rest of the class and we might add them to the instructions to help next years’ students.

After the Checkpoint

Experiment with tool-based reviews

This step can be done individually.

First, you try an easy way to collect generated feedback on HTML documents (not CSS).

<aside> 🛠 Exercise 4.4: Use the FreeFormatter.com (see the link below) website to collect automatically generated feedback based on best practices. You must upload each page at a time, collect the feedback and add it to the feedback you got from the previous exercise.

</aside>

Free Online HTML Validator - FreeFormatter.com