edit-article
Home
Up
Delete
Article Name:
Article Description:
] overview of the client side framework from google for developing SPA
Chapter ID/Name:
Status:
Write
Writing
Written
Add Photo:
Owner ID:
Content:
use HTML
Edit Content
<h1 style="text-align: center;">angularjs</h1> <h2>[WHAT]</h2> <ol> <li>] a client side web application development framework, utilizing a Model View Whatever(MVW) architecture (aka VS dedicated design pattern VS mvc OR mvvm patterns), to build SPA web apps</li> <ol> <li>] + app testing components</li> <li>] uses custom html tag attributes(directives), angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables</li> </ol></ol> <h2>[WHY]</h2> <ol> <li>] backed by google, ] open source</li> <li>] <a href="/view/article?id=4506" target="_blank">date binding</a> 2 way - ex step 003</li> <li>] <a href="/view/article?id=4498" target="_blank">templating</a> -</li> <li>] <a href="/view/article?id=4502" target="_blank">views</a> -</li> <li>*] <a href="/view/article?id=4497" target="_blank">directives</a> -</li> <li>] <a href="/view/article?id=4503" target="_blank">model</a> -</li> <li>] <a href="/view/article?id=4504" target="_blank">controllers</a> -</li> <li>*] <a href="/view/article?id=4505" target="_blank">scope</a> - </li> <li>*] <a href="/view/article?id=4507" target="_blank">filters</a> - ex step 003</li> <li>] <a href="/view/article?id=4508" target="_blank">modules</a> -</li> <li>] <a href="/view/article?id=4509" target="_blank">routes/routing</a> -</li> <li>] <a href="/view/article?id=4510" target="_blank">services</a> -</li> <ol> <li>] https - ex step 005</li> </ol> <li>] <a href="/view/article?id=4511" target="_blank">factories</a> -</li> <li>] <a href="/view/article?id=4512" target="_blank">UI</a> -</li> <li>] <a href="/view/article?id=4513" target="_blank">animation</a> -</li> <li>] <a href="/view/article?id=4514" target="_blank">tests/testing</a> -</li> <ol> <li>] unit</li> <li>] e2e - end to end testing of </li> </ol> <li>] +++</li> <ol> <li>] dependancy injection</li> <li>] di subsystem</li> </ol></ol> <h2>[WHY NOT]</h2> <ol> <li><strong>] v 2.0</strong></li> <ol> <li>] <a href="https://docs.google.com/presentation/d/1Gv-dvU-yy6WY7SiNJ9QRo9XayPS6N2jtgWezdRpoI04/edit#slide=id.p" target="_blank">the future of angularjs</a> is going to be a major departure from what the current version 1.x is,</li> <li>] it will NOT be backwards compatible with v 1.x</li> </ol> <li><strong>] opinionated</strong></li> <ol> <li>] in order to develop ng apps, you need to do things the ng way,</li> </ol> <li><strong>] learning curve </strong></li> <ol> <li>] example - transclusions</li> </ol> <li><strong>] size</strong></li> <ol> <li>]</li> </ol></ol> <h2>[WHERE]</h2> <ol> <li>] <a href="https://angularjs.org" target="_blank">https://angularjs.org</a></li> </ol> <h2>[WHEN]</h2> <ol> <li>]</li> </ol> <h2>[EXAMPLE]</h2> <ol> <li>] angularjs.sospep.com</li> <ol> <li>] a simple project developed using angularjs</li> </ol></ol> <h2>[HOW-TO]</h2> <ol> <li>] <a href="/view/procedures?id=64" target="_blank">getting started with angularjs framework</a></li> <ol> <li>] my journey from angular tutoral to simple project 001</li> </ol></ol> <h2>[REFERENCE]</h2> <ol> <li>] <a href="http://en.wikipedia.org/wiki/AngularJS" target="_blank">http://en.wikipedia.org/wiki/AngularJS</a> </li> <li>] article(s) evaluating client side frameworks</li> <ol> <li>] 1706 comparing--javascript-app-development-frameworks</li> <li>] <a href="http://eviltrout.com/2013/06/15/ember-vs-angular.html" target="_blank">http://eviltrout.com/2013/06/15/ember-vs-angular.html</a> good art, many comments, author= founder discourse, src = hn</li> </ol> <li>] the official angularjs tutorial - <a href="https://docs.angularjs.org/tutorial">https://docs.angularjs.org/tutorial</a></li> <li>] todoMVC - comparison of frameworks - angularjs</li> <li>] learning</li> <ol> <li>] <a href="http://stephanebegaudeau.tumblr.com/post/48776908163/everything-you-need-to-understand-to-start-with" target="_blank">everything you need to understand to start with angularjs</a></li> </ol> <li>] dan whalin - <a href="https://www.youtube.com/watch?v=i9MHigUZKEM" target="_blank">angular in 60ish minutes</a> - youtube tutorial</li> <li>] lessons learned - a year with a large angularjs project - <a href="http://joelhooks.com/blog/2013/05/22/lessons-learned-kicking-off-an-angularjs-project/">http://joelhooks.com/blog/2013/05/22/lessons-learned-kicking-off-an-angularjs-project/</a> </li> <li>] other - pros</li> <ol> <li>] <a href="http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/">http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/</a></li> </ol> <li>] other - cons</li> <ol> <li>] <a href="http://larseidnes.com/2014/11/05/angularjs-the-bad-parts/">http://larseidnes.com/2014/11/05/angularjs-the-bad-parts/</a> </li> <li>] <a href="http://lhorie.blogspot.ca/2013/09/things-that-suck-in-angularjs.html" target="_blank">http://lhorie.blogspot.ca/2013/09/things-that-suck-in-angularjs.html</a> </li> <li>] why we left angularjs - <a href="https://sourcegraph.com/blog/switching-from-angularjs-to-server-side-html" target="_blank">https://sourcegraph.com/blog/switching-from-angularjs-to-server-side-html</a> </li> </ol></ol> <h1 style="text-align: center;"> </h1>