Classification of JavaScript Libraries/Frameworks
<p>I am starting learning JavaScript for web applications. Before this I have had experience with basic JavaScript and jquery for manipulating DOM elements. I have also worked on some AJAX.
Through Reading on the web recently I have found out that: </p>

<ul>
<li>JavaScript can be used on <strong>server side</strong> like in Node JS.</li>
<li>The traditional JavaScript for <strong>manipulating DOM</strong> elements and <strong>AJAX</strong></li>
<li>It can be also used to build powerful applications (<strong>client side</strong>) based on the <strong>MV*</strong>
architecture [Like Backbone JS, Angular JS, Ember JS] using
frameworks/libraries.</li>
<li>Then there are  JavaScript frameworks/libraries for <strong>micro-templates</strong>
[like underscore JS, HAML-JS], for AMD [require JS], Logic Less
[Handlebars JS, Mustache, Dust JS].</li>
<li>And also there is <strong>coffeescript</strong> that compiles to JS.</li>
</ul>

<p>After all this reading I am awfully confused how JavaScript frameworks/libraries can be classified according to their </p>

<ul>
<li><strong>Side</strong> [client side, server side, client-server side, browser side]</li>
<li><strong>Function</strong> [MV*, DOM scripting, micro templating etc.]</li>
</ul>

<p>Can someone explain this mess with some examples of each library/framework. Also are there any <strong>resources/books/slide</strong> where I can get information on how JavaScript is used in different ways on the web. </p>
