Course Contents

Angular Course Contents

 Introduction to Angular Development

 Introduction to Web Development

 Traditional vs Modern Web Development

 Traditional Server vs Node JS

 Angular JS vs Angular

 Introduction to Typescript – Why to use and advantages

 Introduction to Angular

 Angular Installation

 Introduction to Angular CLI

 Serving and Building the Application

 Application Structure

 Introduction to Imports, Declarations, Providers, and Dependencies

 Working with Angular Components

 Introduction to Angular Components and their role

 Root Component

 Component Syntax

 Selectors, Templates, and Styles

 Nested Components

 Component Life Cycle

 Initialization Hooks

 Destroy Hooks

 View Encapsulation

 Data Bindings

 Angular Data Bindings

 String Interpolation

 Property and Event Bindings

 Binding to Custom Properties

 Two Way Data Binding

 Template Variables

 Component Communications

 Input and Output

 Understanding View Encapsulation

 Working with @ViewChild

 Events and Event Emitters

 Listening to Event Emitters

 Directives

 Angular Directives

 Attribute Directives

 Built-In Attribute Directives

 Structural Directives

 Built-In Structural Directives

 NgIf, NgFor, and NgSwitch Directives

 ng-container

 ng-template and template outlets

 Custom Directives

 Element Refs, Renderers

 Host Binding, Host Listeners

 Pipes

 Introduction to Angular Pipes

 Built-In Angular Pipes

 Currency Pipe

 Number Pipe

 Percent Pipe

 Lower- and Upper-Case Pipes

 Date Pipe

 Custom Pipes

 Custom pipe with parameters

 Pure and Impure Pipes

 Angular Services

 Introduction to Services in Angular

 Injectable Services

 Dependency Injection

 Singletons

 Export and Import Services

 Shared Services

 Services at Component Level

 Global Services  Template Driven Forms

 Forms Module

 Template Driven Forms

 NgForm & NgSubmit

 NgModel and Two-way Bindings

 Form Validations

 Touched and Untouched states

 Pristine & Dirty states

 Valid and Invalid

 Form Submit

 Reactive Forms

 Introduction to Reactive Forms

 Reactive vs Template Driven Forms

 Form Group

 Form Control

 Form Array

 Form Builders

 Form Validators

 Required, Min, Max, Pattern Validators

 Custom Validators

 Subscribing to Form Values

 Setting & Patching the Forms

 Resetting the Form

 Form Status and Status Changes

 HTTP & Reactive JS

 HTTP Module

 Promises

 Reactive Programming

 Observables

 Subscriptions

 Subjects

 Behavior Subjects

 Get, Post, Put & Delete Requests

 Error Handling

 Working with APIs

 HTTP Interceptors

 Routes

 Introduction to Routes in Angular

 How to Configure Routes

 Router Outlet

 Router Link & Navigation

 SPA (Single Page Application)

 Route Parameters

 Subscribing to route parameters

 Routes for Root Module and Child Modules

 Query Parameters and subscribing to them

 Activated Routes

 Route Guards

 Implementing Can Activate Guard

 Implementing Can Deactivate Guard

 Child Routes