Introduction
  • Course Introduction
  • Let's see the sample application
  • A note about Angular v8
Components
  • Introduction
  • Styles, classes, constructor arguments, common mistakes
  • TypeScript
  • More component features; component best practices
  • About the Quizzes
  • Components and TypeScript
Templates and Data Binding
  • Introduction
  • textContent String Interpolation Data Binding
  • Dynamic data Binding, lifecycle hook ngOnInit(), and arrow functions
  • Template Expressions, Pipes, and the Elvis operator
  • Idempotent rule -- deep dive; TypeScript getter
  • Templates and Data Binding
Multiple Components
  • Multiple components
More Data Binding
  • Input Properties: Parent -> Child communication
  • Interpolation vs Property Binding
  • HTML Attributes and DOM Properties
  • Attribute, Class, and Style Binding
  • Data Binding - part 2
Attribute Directives
  • The Simple Attribute Directive
Event Binding
  • DOM Event Binding
  • DOM Events
  • Local Template Variables and Keyboard Events
  • Template Statements
  • Attribute Directives and Event Binding
TypeScript Editor, Development Environment, TypeScript Interfaces
  • Download apps from GitHub
  • Visual Studio Code, a TypeScript-aware editor
  • TypeScript Interfaces
Structural Directives
  • Structural Directive Overview and NgIf, the conditional structural directive
  • The multi-conditional structural directive: NgSwitch
  • The workhorse structural directive: NgFor
  • Structural Directives
Parent-Child Communication
  • Progress Check
  • Output Properties / Component Custom Events: Child-> Parent Communication
  • Parent <-> Child Communication
Reference Types vs Primitive Types when using Input Properties
  • Reference Types as Input Properties
  • Primitive Types as Input Properties
  • Parent-Child Communication
Two-way data binding
  • Two-way Data Binding with NgModel
  • Two-way Data Binding between Components
  • Two-way Binding
Host Binding and Attribute Directives
  • Host Binding
  • Avoiding ElementRef
  • Host Binding and ElementRef
View Children and Content Children
  • ViewChild and setting focus() on a Form Element in the View
  • ViewChild and ViewChildren
  • ContentChild and ContentChildren
  • View Children and Content Children
App Enhancements, Material Design Styling
  • Material Design Styling
  • App Enhancements and Dealing with Data that is not Available Yet
  • Mini-quiz
Services, Reactive Programming, RxJS Observables and Subjects
  • Services Overview
  • Making an HttpClient GET request; RxJS Observables vs Promises
  • Reactive Programming and RxJS Observables
  • RxJS Operators - Part 1
  • RxJS Operators - Part 2
  • Creating Observables from Reactive Forms, browser events; Unsubscribing
  • RxJS Subjects and additional RxJS resources
  • Dealing with Errors that come back from the Server
  • More about Services and Data Flow with a Service
  • Using a Service to Cache Data
  • Services
Dependency Injection
  • Overview
  • Injector Hierarchy
  • Registering Providers, Tokens and Recipes
  • Different Types of Providers
  • Providers Review
  • Injector Decorators
  • Other Injectables, Attribute Directives, Dynamic Event Binding with Renderer
  • Other Injectables (part 2), Structural Directives and Structural Components
  • Dependency Injection
Change Detection
  • Change Detection Overview
  • How did they make it so fast?
  • The Classic Change Detection Problem - "My view isn't updating!"
  • What Exactly is Change Detection?
  • Angular's Three Conceptual Trees
  • Change Detection Phases
  • Lifecycle hooks - constructor, destructor, onInit, onChanges
  • Lifecycle hooks - doCheck and the after* hooks
  • Lifecycle hooks - the comprehensive plunker