Angular JS Notes For Professionals. 100+ pages of professional hints and tricks

Content list
About
Chapter 1: Getting started with AngularJS
	Section 1.1: Getting Started
	Section 1.2: Showcasing all common Angular constructs
	Section 1.3: The importance of scope
	Section 1.4: Minification in Angular
	Section 1.5: AngularJS Getting Started Video Tutorials
	Section 1.6: The Simplest Possible Angular Hello World
Chapter 2: Modules
	Section 2.1: Modules
	Section 2.2: Modules
Chapter 3: Components
	Section 3.1: Basic Components and LifeCycle Hooks
	Section 3.2: Components In angular JS
Chapter 4: Built-in directives
	Section 4.1: Angular expressions - Text vs. Number
	Section 4.2: ngIf
	Section 4.3: ngCloak
	Section 4.4: ngRepeat
	Section 4.5: Built-In Directives Cheat Sheet
	Section 4.6: ngInclude
	Section 4.7: ng-model-options
	Section 4.8: ngCopy
	Section 4.9: ngPaste
	Section 4.10: ngClick
	Section 4.11: ngList
	Section 4.12: ngOptions
	Section 4.13: ngSrc
	Section 4.14: ngModel
	Section 4.15: ngClass
	Section 4.16: ngDblclick
	Section 4.17: ngHref
	Section 4.18: ngPattern
	Section 4.19: ngShow and ngHide
	Section 4.20: ngRequired
	Section 4.21: ngMouseenter and ngMouseleave
	Section 4.22: ngDisabled
	Section 4.23: ngValue
Chapter 5: Use of in-built directives
	Section 5.1: Hide/Show HTML Elements
Chapter 6: Custom Directives
	Section 6.1: Creating and consuming custom directives
	Section 6.2: Directive Definition Object Template
	Section 6.3: How to create resuable component using directive
	Section 6.4: Basic Directive example
	Section 6.5: Directive decorator
	Section 6.6: Basic directive with template and an isolated scope
	Section 6.7: Building a reusable component
	Section 6.8: Directive inheritance and interoperability
Chapter 7: How data binding works
	Section 7.1: Data Binding Example
Chapter 8: Angular Project - Directory Structure
	Section 8.1: Directory Structure
Chapter 9: Filters
	Section 9.1: Accessing a filtered list from outside an ng-repeat
	Section 9.2: Custom filter to remove values
	Section 9.3: Custom filter to format values
	Section 9.4: Using filters in a controller or service
	Section 9.5: Performing filter in a child array
Chapter 10: Custom filters
	Section 10.1: Use a filter in a controller, a service or a filter
	Section 10.2: Create a filter with parameters
	Section 10.3: Simple filter example
Chapter 11: Constants
	Section 11.1: Create your first constant
	Section 11.2: Use cases
Chapter 12: Custom filters with ES6
	Section 12.1: FileSize Filter using ES6
Chapter 13: Directives using ngModelController
	Section 13.1: A simple control: rating
	Section 13.2: A couple of complex controls: edit a full object
Chapter 14: Controllers
	Section 14.1: Your First Controller
	Section 14.2: Creating Controllers, Minification safe
	Section 14.3: Using ControllerAs in Angular JS
	Section 14.4: Creating Minification-Safe Angular Controllers
	Section 14.5: Creating Controllers
	Section 14.6: Nested Controllers
Chapter 15: Controllers with ES6
	Section 15.1: Controller
Chapter 16: The Self Or This Variable In A Controller
	Section 16.1: Understanding The Purpose Of The Self Variable
Chapter 17: Services
	Section 17.1: Creating a service using angular.factory
	Section 17.2: Dierence between Service and Factory
	Section 17.3: $sce - sanitize and render content and resources in templates
	Section 17.4: How to create a Service
	Section 17.5: How to use a service
	Section 17.6: How to create a Service with dependencies using 'array syntax'
	Section 17.7: Registering a Service
Chapter 18: Distinguishing Service vs Factory
	Section 18.1: Factory VS Service once-and-for-all
Chapter 19: Angular promises with $q service
	Section 19.1: Wrap simple value into a promise using $q.when()
	Section 19.2: Using angular promises with $q service
	Section 19.3: Using the $q constructor to create promises
	Section 19.4: Avoid the $q Deferred Anti-Pattern
	Section 19.5: Using $q.all to handle multiple promises
	Section 19.6: Deferring operations using $q.defer
Chapter 20: Dependency Injection
	Section 20.1: Dynamic Injections
	Section 20.2: Dynamically load AngularJS service in vanilla JavaScript
Chapter 21: Events
	Section 21.1: Using angular event system
	Section 21.2: Always deregister $rootScope.$on listeners on the scope $destory event
	Section 21.3: Uses and significance
Chapter 22: Sharing Data
	Section 22.1: Using ngStorage to share data
	Section 22.2: Sharing data from one controller to another using service
Chapter 23: Form Validation
	Section 23.1: Form and Input States
	Section 23.2: CSS Classes
	Section 23.3: Basic Form Validation
	Section 23.4: Custom Form Validation
	Section 23.5: Async validators
	Section 23.6: ngMessages
	Section 23.7: Nested Forms
Chapter 24: Routing using ngRoute
	Section 24.1: Basic example
	Section 24.2: Defining custom behavior for individual routes
	Section 24.3: Route parameters example
Chapter 25: ng-class directive
	Section 25.1: Three types of ng-class expressions
Chapter 26: ng-repeat
	Section 26.1: ng-repeat-start + ng-repeat-end
	Section 26.2: Iterating over object properties
	Section 26.3: Tracking and Duplicates
Chapter 27: ng-style
	Section 27.1: Use of ng-style
Chapter 28: ng-view
	Section 28.1: Registration navigation
	Section 28.2: ng-view
Chapter 29: AngularJS bindings options (`=`, `@`, `&` etc.)
	Section 29.1: Bind optional attribute
	Section 29.2: @ one-way binding, attribute binding
	Section 29.3: = two-way binding
	Section 29.4: & function binding, expression binding
	Section 29.5: Available binding through a simple sample
Chapter 30: Providers
	Section 30.1: Provider
	Section 30.2: Factory
	Section 30.3: Constant
	Section 30.4: Service
	Section 30.5: Value
Chapter 31: Decorators
	Section 31.1: Decorate service, factory
	Section 31.2: Decorate directive
	Section 31.3: Decorate filter
Chapter 32: Print
	Section 32.1: Print Service
Chapter 33: ui-router
	Section 33.1: Basic Example
	Section 33.2: Multiple Views
	Section 33.3: Using resolve functions to load data
	Section 33.4: Nested Views / States
Chapter 34: Built-in helper Functions
	Section 34.1: angular.equals
	Section 34.2: angular.toJson
	Section 34.3: angular.copy
	Section 34.4: angular.isString
	Section 34.5: angular.isArray
	Section 34.6: angular.merge
	Section 34.7: angular.isDefined and angular.isUndefined
	Section 34.8: angular.isDate
	Section 34.9: angular.noop
	Section 34.10: angular.isElement
	Section 34.11: angular.isFunction
	Section 34.12: angular.identity
	Section 34.13: angular.forEach
	Section 34.14: angular.isNumber
	Section 34.15: angular.isObject
	Section 34.16: angular.fromJson
Chapter 35: digest loop walkthrough
	Section 35.1: $digest and $watch
	Section 35.2: the $scope tree
	Section 35.3: two way data binding
Chapter 36: Angular $scopes
	Section 36.1: A function available in the entire app
	Section 36.2: Avoid inheriting primitive values
	Section 36.3: Basic Example of $scope inheritance
	Section 36.4: How can you limit the scope on a directive and why would you do this?
	Section 36.5: Using $scope functions
	Section 36.6: Creating custom $scope events
Chapter 37: Using AngularJS with TypeScript
	Section 37.1: Using Bundling / Minification
	Section 37.2: Angular Controllers in Typescript
	Section 37.3: Using the Controller with ControllerAs Syntax
	Section 37.4: Why ControllerAs Syntax?
Chapter 38: $http request
	Section 38.1: Timing of an $http request
	Section 38.2: Using $http inside a controller
	Section 38.3: Using $http request in a service
Chapter 39: Prepare for Production - Grunt
	Section 39.1: View preloading
	Section 39.2: Script optimisation
Chapter 40: Grunt tasks
	Section 40.1: Run application locally
Chapter 41: Lazy loading
	Section 41.1: Preparing your project for lazy loading
	Section 41.2: Usage
	Section 41.3: Usage with router
	Section 41.4: Using dependency injection
	Section 41.5: Using the directive
Chapter 42: HTTP Interceptor
	Section 42.1: Generic httpInterceptor step by step
	Section 42.2: Getting Started
	Section 42.3: Flash message on response using http interceptor
Chapter 43: Session storage
	Section 43.1: Handling session storage through service using angularjs
Chapter 44: Angular MVC
	Section 44.1: The Static View with controller
	Section 44.2: Controller Function Definition
	Section 44.3: Adding information to the model
Chapter 45: SignalR with AngularJS
	Section 45.1: SignalR and AngularJS [ ChatProject ]
Chapter 46: Migration to Angular 2+
	Section 46.1: Converting your AngularJS app into a componend-oriented structure
	Section 46.2: Introducing Webpack and ES6 modules
Chapter 47: AngularJS with data filter, pagination etc
	Section 47.1: AngularJS display data with filter, pagination
Chapter 48: Profiling and Performance
	Section 48.1: 7 Simple Performance Improvements
	Section 48.2: Bind Once
	Section 48.3: ng-if vs ng-show
	Section 48.4: Watchers
	Section 48.5: Always deregister listeners registered on other scopes other than the current scope
	Section 48.6: Scope functions and filters
	Section 48.7: Debounce Your Model
Chapter 49: Performance Profiling
	Section 49.1: All About Profiling
Chapter 50: Debugging
	Section 50.1: Using ng-inspect chrome extension
	Section 50.2: Getting the Scope of element
	Section 50.3: Basic debugging in markup
Chapter 51: Unit tests
	Section 51.1: Unit test a component (1.5+)
	Section 51.2: Unit test a filter
	Section 51.3: Unit test a service
	Section 51.4: Unit test a controller
	Section 51.5: Unit test a directive
Chapter 52: AngularJS gotchas and traps
	Section 52.1: Things to do when using html5Mode
	Section 52.2: Two-way data binding stops working
	Section 52.3: 7 Deadly Sins of AngularJS
Credits
You may also like