Environment Setup

• Node JS 10.9.0 or Later
• Installing Visual Studio Code
• Install Angular CLI

Configuration

• project file structure
• Angular Workspace Configuration
• npm dependencies
• TypeScript Configuration
• Browser support

Components and Templates

• Displaying Data
• Template Syntax
• User Input
• LifeCycle Hooks
• Component Interaction
• Component Styles
• Dynamic Component Loader
• Attribute Directives
• Structural Directives
• pipes

Directives in Angular

• What is structural directive?
• NgIf case study
• NgFor, NgSwitch
• What is attribute Directives
• Using the NgStyle Directive
• Using the NgClass Directive
• The element

Forms validations

• Reactive Forms
• Template-driven forms
• Form Validation
• Dynamic Forms

Communication with server

• Async Task
• JSON parsing

Services In Angular

• HTTP requests
• HTTP Client
• Interacting with databases
• Accessing device features and information
• API Communication

Observables && Rxjs

RxJS library

Observable

HTTP

Async Pipe && Router

Angular Routing

Data Binding in Angular

• What is Databinding
• Splitting Application into Component
• String Interpolation
• What is Property Binding
• Difference between Property Binding and String Interpolation
• Binding with Custom Events.
• What are Binding Properties and Events
• Two Way binding
• Combine Forms with Data binding
• What is Encapsulation
• How to Use Local Reference in Templates
• Template Access and DOM
• What is Hooks in Angular
• Access Template with Hooks