The solution structure

A good solution structure is very important to organize the code base and development process correctly. In this chapter, I will use Jetbrains Webstorm, one of the most known JavaScript IDE (http://www.jetbrains.com/webstorm/).

Generally speaking, the solution structure depends directly upon the adopted technology; usually, a web application is not a pure JavaScript client solution, but it's built in a specific server technology environment, such as PHP, Ruby, ASP.NET, and JSP.

However, we can define a typical folder organization that is always valid for the JavaScript codebase because it lives quite independently from the server-side counterpart.

We can set up the following folders:

• The project's root folder: This is the main project folder. It contains all the HTML page files.
• styles: This folder contains all the CSS files, fonts, and similar resources (LESS, SASS, and so on).
• scripts: This folder contains all the JavaScript code and tests' files:
  • libs:...