SUMMARY.md

Table of contents

• Introduction
• License
• Why Angular?
• The Architect's Guide to Angular
• EcmaScript 6 and TypeScript Features
  • ES6
    • Classes
    • Refresher on 'this'
    • Arrow Functions
    • Template Strings
    • Inheritance
    • Delegation
    • Constants and Block Scoped Variables
    • ...spread and ...rest
    • Destructuring
    • Modules
  • TypeScript
    • Getting Started With TypeScript
    • Working With tsc
    • Typings
    • Linting
    • TypeScript Features
    • TypeScript Classes
    • Interfaces
    • Shapes
    • Type Inference
    • Type Keyword
    • Decorators
    • Property Decorators
    • Class Decorators
    • Parameter Decorators
• The JavaScript Toolchain
  • Source Control: git
  • The Command Line
  • Command Line JavaScript: Node.js
  • Back-End Code Sharing and Distribution: npm
  • Module Loading, Bundling and Build Tasks: Webpack
  • Chrome
• Bootstrapping an Angular Application
  • Understanding the File Structure
  • Bootstrapping Providers
• Components in Angular
  • Creating Components
  • Application Structure with Components
    • Passing Data into a Component
    • Responding to Component Events
    • Using Two-Way Data Binding
    • Accessing Child Components from Template
  • Projection
  • Structuring Applications with Components
  • Using Other Components
• Directives
  • Attribute Directives
    • NgStyle Directive
    • NgClass Directive
  • Structural Directives
    • NgIf Directive
    • NgFor Directive
    • NgSwitch Directives
    • Using Multiple Structural Directives
• Advanced Components
  • Component Lifecycle
  • Accessing Other Components
  • View Encapsulation
  • ElementRef
• Observables
  • Using Observables
  • Error Handling
  • Disposing Subscriptions and Releasing Resources
  • Observables vs Promises
  • Using Observables From Other Sources
  • Observables Array Operations
  • Cold vs Hot Observables
  • Summary
• Angular Dependency Injection
  • What is DI?
  • DI Framework
  • Angular's DI
    • @Inject() and @Injectable
    • Injection Beyond Classes
    • The Injector Tree
• Http
  • Making Requests
  • Catching Rejections
    • Catch and Release
    • Cancel a Request
    • Retry
  • Search with mergeMap
  • Enhancing Search with switchMap
  • Requests as Promises
• Change Detection
  • How Change Detection Works
  • Change Detector Classes
  • Change Detection Strategy: OnPush
  • Enforcing Immutability
  • Additional Resources
• Zone.js
• Advanced Angular
  • Directives
    • Creating an Attribute Directive
      • Listening to an Element Host
      • Setting Properties in a Directive
    • Creating a Structural Directive
      • View Containers and Embedded Views
      • Providing Context Variables to Directives
  • AoT
    • AoT limitations
• What is Immutability
  • The Case for Immutability
  • JavaScript Solutions
    • Object.assign
    • Object.freeze
• Pipes
  • Using Pipes
  • Custom Pipes
  • Stateful Pipes
• Forms
  • Getting Started
  • Template-Driven Forms
    • Nesting Form Data
    • Using Template Model Binding
    • Validating Template-Driven Forms
  • Reactive/Model-Driven Forms
    • FormBuilder Basics
    • Validating FormBuilder Forms
    • FormBuilder Custom Validation
  • Creating Functional Forms
  • Visual Cues for Users
• Modules
  • What is an Angular Module?
  • Adding Components, Pipes and Services to a Module
  • Creating a Feature Module
  • Directive Duplications
  • Lazy Loading a Module
  • Shared Modules and Dependency Injection
  • Sharing the Same Dependency Injection Tree
  • Module SCAM Pattern
• Routing
  • Why Routing?
  • Configuring Routes
  • Redirecting the Router to Another Route
  • Defining Links Between Routes
  • Dynamically Adding Route Components
  • Using Route Parameters
  • Defining Child Routes
  • Controlling Access to or from a Route
  • Passing Optional Parameters to a Route
  • Using Auxiliary Routes
• State Management
  • Redux and @ngrx
    • Adding @ngrx to your Project
    • Defining your Main Application State
    • Example Application
    • Reading your Application State using Selectors
    • Actions
    • Modifying your Application State by Dispatching Actions
    • Reducers and Pure Functions
    • Reducers as State Management
    • Creating your Application's Root Reducer
    • Configuring your Application
    • Implementing Components
    • Component Architecture
    • Side Effects
    • Getting More From Redux and @ngrx
• TDD Testing
  • The Testing Toolchain
  • Test Setup
    • Filename Conventions
    • Karma Configuration
    • TestBed Configuration (Optional)
    • Typings
    • Executing Test Scripts
  • Simple Test
  • Using Chai
  • Testing Components
    • Verifying Methods and Properties
    • Injecting Dependencies and DOM Changes
      • Overriding Components for Testing
    • Testing Asynchronous Actions
    • Refactoring Hard-to-Test Code
  • Testing Services
    • Testing Strategies for Services
    • Testing HTTP Requests
      • Alternative Mocking Strategy
      • Using HttpTestingModule
      • Testing JSONP and XHR Back-Ends
    • Executing Tests Asynchronously
• Migrating AngularJS Projects to Angular
  • Migration Prep
    • Upgrading To AngularJS 1.3+ Style
    • Using Webpack
    • Migrating To TypeScript
  • Choosing an Upgrade Path
  • Avoiding Total Conversion
  • Using ng-metadata (AngularJS Using Angular 2+ Style)
    • Bootstrapping ng-metadata
    • Components and Services
  • Using ng-upgrade (AngularJS Coexisting With Angular)
    • Order of Operations
    • Replacing Services with TypeScript Classes
    • Bootstrapping ng-upgrade
    • Downgrading Components
    • Upgrading Components
    • Projecting AngularJS Content into Angular Components
    • Transcluding Angular Components into AngularJS Directives
    • Injecting Across Frameworks
• Project Setup
  • Webpack
    • Installation and Usage
    • Loaders
    • Plugins
    • Summary
  • NPM Scripts Integration
• Angular CLI
  • Setup
  • Creating a New App
  • Serving the App
  • Creating Components
  • Creating Routes
  • Creating Other Things
  • Testing
  • Linting
  • CLI Command Overview
  • Adding Third Party Libraries
  • Integrating an Existing App
• Accessibility in Angular
  • Why Make my Application Accessible?
  • Key Concerns of Accessible Web Applications
    • Semantic Markup
    • Keyboard Accessibility
    • Visual Assistance
  • Testing for Accessibility
    • Is my Application Readable?
    • Is my Application Predictable?
    • Is my Application Navigable?
    • Testing with Screen Readers
  • Additional Resources
• Internationalization in Angular
  • What is the process like and how is involved?
  • Marking text in our templates
  • Extracting translation text using the Angular CLI
  • How to import the completed translation files
    • Using the AoT Compiler
    • Using the JiT Compiler
  • Updating existing translations

• Glossary

• Further Reading And Reference