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

✍ Scribed by GoalKicker.com

• Publisher: GoalKicker.com
• Year: 2018
• Tongue: English
• Leaves: 201
• Category: Library

✦ Table of Contents

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