Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <blockquote> <p>Can you describe the paradigm shift that is necessary?</p> </blockquote> <p><strong>Imperative vs Declarative</strong></p> <p>With <strong>jQuery</strong> you tell the DOM what needs to happen, step by step. With <strong><a href="http://en.wikipedia.org/wiki/AngularJS" rel="nofollow noreferrer">AngularJS</a></strong> you describe what results you want but not how to do it. More on this <a href="https://stackoverflow.com/questions/1784664/what-is-the-difference-between-declarative-and-imperative-programming">here</a>. Also, check out Mark Rajcok's answer.</p> <blockquote> <p>How do I architect and design client-side web apps differently? </p> </blockquote> <p>AngularJS is an entire client-side framework that uses the <a href="http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller" rel="nofollow noreferrer">MVC</a> pattern (check out their <a href="http://docs.angularjs.org/guide/concepts" rel="nofollow noreferrer">graphical representation</a>). It greatly focuses on separation of concerns.</p> <blockquote> <p>What is the biggest difference? What should I stop doing/using; what should I start doing/using instead?</p> </blockquote> <p><strong>jQuery</strong> is a library </p> <p><strong>AngularJS</strong> is a beautiful client-side framework, highly testable, that combines tons of cool stuff such as MVC, <a href="http://en.wikipedia.org/wiki/Dependency_injection" rel="nofollow noreferrer">dependency injection</a>, data binding and much more. </p> <p>It focuses on <a href="http://en.wikipedia.org/wiki/Separation_of_concerns" rel="nofollow noreferrer">separation of concerns</a> and testing (<a href="http://en.wikipedia.org/wiki/Unit_testing" rel="nofollow noreferrer">unit testing</a> and end-to-end testing), which facilitates test-driven development.</p> <p>The best way to start is going through <a href="http://docs.angularjs.org/tutorial/" rel="nofollow noreferrer">their awesome tutorial</a>. You can go through the steps in a couple of hours; however, in case you want to master the concepts behind the scenes, they include a myriad of reference for further reading.</p> <blockquote> <p>Are there any server-side considerations/restrictions?</p> </blockquote> <p>You may use it on existing applications where you are already using pure jQuery. However, if you want to fully take advantage of the AngularJS features you may consider coding the server side using a <a href="http://en.wikipedia.org/wiki/Representational_state_transfer#RESTful_web_services" rel="nofollow noreferrer">RESTful</a> approach.</p> <p>Doing so will allow you to leverage their <a href="http://docs.angularjs.org/api/ngResource.$resource" rel="nofollow noreferrer">resource factory</a>, which creates an abstraction of your server side RESTful <a href="http://en.wikipedia.org/wiki/Application_programming_interface" rel="nofollow noreferrer">API</a> and makes server-side calls (get, save, delete, etc.) incredibly easy.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload