Home - m-kostira/angularjs-notes GitHub Wiki

Welcome to the angularjs-notes wiki!

Overview

The central concepts in are directives, controllers, templates and scopes.

A template is a piece of HTML that may include AngularJS directives(non-standard tags, attributes & comments). When the page loads, AngularJS scans it for templates and processes each template, outputting standard HTML(referred to as a view).

AngularJS directives are custom HTML elements(tags, attributes & comments) that angular looks for and processes when the page loads, adding functionality. There are built-in directives, e.g. ng-repeat, and you can also define custom ones. A special type of directive is a component, which is an opinionated, streamlined directive with less boilerplate.

A controller is JavaScript object that defines variables and methods and exposes makes them available for use in a template.

External Resoures

official docs
https://docs.angularjs.org/guide/
https://docs.angularjs.org/tutorial/

One way & two way data binding
https://docs.angularjs.org/guide/directive#isolating-the-scope-of-a-directive https://toddmotto.com/one-way-data-binding-in-angular-1-5/

A what-goes-where guide to organizing ng apps; matches common functionality to ng framework concepts.
http://demisx.github.io/angularjs/2014/09/14/angular-what-goes-where.html

guidance on building Angular applications by showing conventions AND best practices. Esp. important: how to avoid using $scope in controllers and ending up with 'scope soup'.
https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md also:
http://www.technofattie.com/2014/03/21/five-guidelines-for-avoiding-scope-soup-in-angular.html

some advanced courses
https://egghead.io/courses/angularjs-fundamentals

Excellent 2 part video, goes thru the basics by example - building a simple app. Fast paced but thorough.
https://www.youtube.com/watch?v=6J08m1H2BME