title: Similarities and differences between JSF and AngularJS
body: <p>I'm looking for some help
  Although <a href="http://angularjs.org/" rel="nofollow">AngularJS</a> and <a href="http://www.oracle.com/technetwork/java/javaee/javaserverfaces-139869.html" rel="nofollow">JSF</a> are completely different frameworks at first sight, AngularJS is client side HTML and Javascript, JSF is server side Java and XML.</p>
  
  <p>When I was looking for a framework a couple of months ago, to do some web development with JavaScript, I stumbled by accident on AngularJS.</p>
  
  <p>I found a few clear differences. Well, basically JSF’s XHTML pages are just pimped-up HTML code. It offers a lot of high-level components translating to a lot of HTML code, but basically, it’s just HTML the way it should be. Plus a few syntactical peculiarities.</p>
  
  <pre><code>&lt;h:panelgrid columns="2"&gt;
   &lt;h:outputText value="Your name:" /&gt;
   &lt;h:input id="commentatorsNameID" type="text"
        value="#{commentBean.yourName}"
        placeholder="Anonymous" /&gt;
   &lt;h:outputText value="Your website: /&gt;
  &lt;h:input id="commentatorsWebSiteID" type="text"
        value="#{commentBean.website}"
        placeholder="advertise your website here"/&gt;
  &lt;h:outputText value="Your comment:" /&gt;
  &lt;h:textarea id="commentID" type="text"
           value="#{commentBean.comment}"
           placeholder="feel free to leave your comment here" /&gt;
  &lt;/h:panelGrid&gt;
  </code></pre>
  
  <p>Now AngularJS code</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
   &lt;td&gt;Your name:&lt;/td&gt;
   &lt;td&gt;
    &lt;input id="commentatorsNameID" type="text"
           ng-model="yourName"
           placeholder="Anonymous" /&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;Your website:&lt;/td&gt;
  &lt;td&gt;
    &lt;input id="commentatorsWebSiteID" type="text"
       ng-model="website"
       placeholder="advertise your website here"/&gt;
  &lt;/td&gt; 
  &lt;/tr&gt;
   &lt;tr&gt;
     &lt;td&gt;Your comment:&lt;/td&gt;
     &lt;td&gt;
       &lt;textarea id="commentID" type="text"
       ng-model="comment"
       placeholder="feel free to leave your comment here"&gt;
       &lt;/textarea&gt;
      &lt;/td&gt;
    &lt;tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>So with this in mind, I would like to read your opinion about which of both is better for a simple Java Application or some real examples.</p>
  
  <p>If anyone can point me in the right direction that'd be great. Sorry for the huge post, it needed a bit of explaining to make it coherent. Hopefully it makes sense. Thanks. </p>