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: This folder contains...