Monthly Archives: July 2014

AngularJS Resources and Tutorials

AngularJs

Getting Started with AngularJS

  • https://egghead.io/- Awesome video tutorials, from beginner to pro
  • http://www.thinkster.io/ – How to build and deploy full single-page web applications using AngularJS
  • http://bitoftech.net/2014/01/13/tutorial-for-building-spa-using-angularjs-example/ – How to build SPA

Service? Factory? What?

  • http://iffycan.blogspot.com.br/2013/05/angular-service-or-factory.html

Best practices

  • https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub
  • https://www.youtube.com/watch?v=ZhfUv0spHCY — A must watch
  • http://nathanleclaire.com/blog/2014/04/19/5-angularjs-antipatterns-and-pitfalls

 

AngularJS Resources 

  • http://ngmodules.org/ – A repository for third party AngularJS moduels
  • https://github.com/angular-ui/ – AngularUI – the most popular UI module for Angular
  • http://mgcrea.github.io/angular-strap/ – Twitter’s Bootstrap made for Angular!
  • https://github.com/jmcunningham/AngularJS-Learning – Huge resource of AngularJS links
  • http://code.tutsplus.com/tutorials/5-awesome-angularjs-features–net-25651

 

AngularJS Conceptual map

  • https://www.facebook.com/photo.php?fbid=623852151001889&set=gm.460351630731591&type=1

 

MEAN stack resources (Mongo, Express, Angular, and Node)

  • https://github.com/ericdouglas/MEAN-resources

 

Examples

  • http://todomvc.com/architecture-examples/angularjs/ – ToDo app example (really great site)

 

Blogs:

  • http://angular-tips.com/

$attrs.$observe vs $scope.$watch

  • http://stackoverflow.com/questions/14876112/difference-between-observers-and-watchers

== Lots of additional materials ==

  • http://yearofmoo-articles.github.io/angularjs-testing-article/app/#!/videos
  • http://angular-tips.com/blog/2013/08/why-does-angular-dot-js-rock/
  • http://www.yearofmoo.com/2012/10/more-angularjs-magic-to-supercharge-your-webapp.html
  • http://net.tutsplus.com/tutorials/javascript-ajax/building-a-web-app-from-scratch-in-angularjs/
  • http://www.thinkster.io/pick/GtaQ0oMGIl/a-better-way-to-learn-angularjs

Scopes and $apply()

  • http://jimhoskins.com/2012/12/17/angularjs-and-apply.html
  • https://github.com/angular/angular.js/wiki/When-to-use-$scope.$apply()
  • http://angular-tips.com/blog/2013/08/watch-how-the-apply-runs-a-digest/
  • http://www.boynux.com/angularjs-apply-explained/

 

Sample Plunkers:

 

– How to integrate jQuery third party plugins with Angular

  • http://embed.plnkr.co/OYSNv5zjJ483XLWphc7g/preview

 

– Services + Controllers + ngMock

  • http://embed.plnkr.co/B5JTy5GU6ay2Cw5c7LAM/preview

 

A step-by-step on how scopes and dirty-checking works

  • http://teropa.info/blog/2013/11/20/writing-a-book-about-making-your-own-angularjs.html

 

Tips on how RESTful services should be made (backends/APIs)

  • http://www.vinaysahni.com/best-practices-for-a-pragmatic-restful-api#restful

 

When to use Controllers, Services or Directives

  • http://kirkbushell.me/when-to-use-directives-controllers-or-services-in-angular/
  • http://iffycan.blogspot.com.ar/2013/05/angular-service-or-factory.html

Using decorators

  • http://blog.codebrag.com/post/57412530001/preventing-duplicated-requests-in-angularjs
  • http://www.technofattie.com/2014/03/25/how-to-extend-angular-script-directive.html

Event Delegation

  • http://www.bennadel.com/blog/2448-Using-jQuery-Event-Delegation-In-AngularJS.htm

Directives (they are tough and awesome!)

  • http://thecodebarbarian.wordpress.com/2013/09/23/the-8020-guide-to-writing-angularjs-directives/
  • http://www.codinginsight.com/angularjs-directives/
  • http://www.benlesh.com/2012/11/angular-js-directive-basics.html
  • http://www.adobe.com/devnet/html5/articles/angularjs-directives-and-the-computer-science-of-javascript.html
  • http://www.bennadel.com/blog/2447-Exploring-Directive-Controllers-Compiling-Linking-And-Priority-In-AngularJS.htm
  • http://blog.berylliumwork.com/2013/04/facebook-login-with-javascript-sdk.html
  • http://www.befundoo.com/university/tutorials/angularjs-directives-tutorial/

Filters

  • http://thecodebarbarian.wordpress.com/2014/01/17/the-8020-guide-to-writing-and-using-angularjs-filters/

Unit testing

  • http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-testacular.html
  • http://andyshora.com/unit-testing-best-practices-angularjs.html

E2E testing

  • http://ramonvictor.github.io/protractor/slides/

Architecture

  • https://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917
  • http://developer.telerik.com/featured/requiring-vs-browerifying-angular/
  • http://blog.artlogic.com/2013/05/02/ive-been-doing-it-wrong-part-1-of-3/
  • http://www.johnpapa.net/structuring-an-angular-project/
  • http://cliffmeyers.com/blog/2013/4/21/code-organization-angularjs-javascript
  • http://ify.io/lazy-loading-in-angularjs/
  • http://stackoverflow.com/questions/22537311/angular-ui-router-login-authentication

SEO tricks

  • http://www.yearofmoo.com/2012/11/angularjs-and-seo.html

Animations

  • http://www.yearofmoo.com/2013/04/animation-in-angularjs.html

i18n

  • http://thecodebarbarian.wordpress.com/2013/12/02/price-internationalization-with-the-mean-stack/
  • http://pascalprecht.github.io/slides/i18n-with-angular-translate/#/

Forms and validation

  • http://thecodebarbarian.wordpress.com/2013/05/12/how-to-easily-validate-any-form-ever-using-angularjs/
  • http://scotch.io/tutorials/javascript/angularjs-form-validation
  • http://www.chroder.com/2014/02/01/using-ngmodelcontroller-with-custom-directives/