Learning theory:

Situated cognition is a theory that posits that knowing is inseparable from doing by arguing that all knowledge is situated in activity bound to social, cultural and physical contexts . In practice, this is equivalent to acquiring knowledge and skills in their real contexts rather than the classroom. For example, if we want to teach school students about fractions, it is better to do it by performing real- world activities, such as baking, rather than in the classroom. The main benefit of situated cognition is that students learn about the conditions for applying knowledge. As a result, they can reuse that knowledge in a similar context.

Team brief

In this set of exercises we have tried to reinforce the material that the students have learnt about the languages HTML, CSS and JavaScript. By linking coding tasks with other school subjects we have used situated cognition to demonstrate the benefits and possible everyday uses of programming. We have designed two main exercises, one based on mathematics and graphing techniques, useful for logging any science experiments, and the other based on cooking. These tasks incorporate both the basics of HTML and JavaScript with the complex topics of creating forms and imbedding images. There is also a more challenging task of creating a game. This task can easily be extended by the students if they want to increase the complexity of the game, possibly encouraging them to continue coding at home.

We have tried to illustrate that programming can be used for any task, showing its versatility. Though enjoyment of the exercises is also important when it comes to engaging younger students.

Project List:

Project explaination


This is a theme based study that help students to get a chance to use what they have learned about HTML5, CSS and Javascript via creating their own cooking recipe website.
At the end of these lessons, students should at least have a simple recipe website, they are also expected to get better understanding about HTML5, CSS and Javascript.
After they know how to create a recipe table online, they are encouraged to cook more healthy food during the spare time and put more and more healthy recipe online.


This is a slightly more fun though challenging application of the languages we have learnt before. Your task is to create a simple goal shooting game that uses the structure of HTML, the design of CSS and the animation of JavaScript.
This is spanned over three lessons though it can be made more complicated (and more animated) in your own time.
The main aim of this game is to shoot a ball to either the left or right of a goal. If the ball hits the target you are awarded a point. If it hits the goalie, you do not gain a point. You will have ten attempts to get the highest score you can. Alongside the game, there will also be a small section of formatted text on the right hand side, which will include the rules of the game.

Math Activitys:

Students should be able to create simple Graphs using HTML and JavaScript.
Students should be able to create a Data Table using the languages CSS and HTML.

Extra Help:

Need help on HTML?

Need help on CSS?

Need help on JavaScript?


  1.,2014. HTML5 Tutorial [online] Available at: [Accessed 18 March 2015].
  2.,2014. CSS Tutorial [online] Available at: [Accessed 18 March 2015].
  3.,2014. JavaScript Tutorial [online] Available at: [Accessed 18 March 2015].
  4. Anderson, J.R.; Reder, L.M.; Simon, H.A. (1996). "Situated learning andeducation". Educational Researcher 25 (4): 5 11.
  5. Bredo, E. (1994). "Reconstructing educational psychology: Situated cognition and Deweyianpragmatism". Educational Psychologist 29 (1): 23 35.