The module pattern

This pattern allows us to focus on which part of the code is exposed out of the class (public elements) and which parts of the code are hidden to the final user (private elements).

This pattern is commonly used in JavaScript software development. It is applied in popular libraries like jQuery, Dojo, and ExtJS.

This pattern has a very clear structure and is very easy to apply once you know how to use it. Let's apply the module pattern in our application:

1. First, define the name of your module. If you define the module in different files, it is important to define and initialize it applying a pattern that allows it to be extensible. Using the || operator in the initialization indicates that the ModuleName value will be assigned to itself if it has a value. If it hasn't got a value it means that this is the first time it has been created, so assign to it a default value—in this case an empty object:

   var ModuleName;
   ModuleName = ModuleName || {};

2. Then, define each component of the...