Introduction
• Limitation of JavaScript
• What is Typescript.
• Benefits of TypeScript
• Setup the Environment
• First Typescript code

Datatypes
• Basic Data Types
• String and Templated String
• Arrays • Tuple
• Enum • any and void
• null and undefined
• Type Inference
• Type Casting
• Difference between let and var
• Const declaration
• for…of vs for…in statement

OOPS
• Writing and Using Classes
• Constructor method
• Inheritance of classes
• Type casting
• Type Assertion
• Static Properties
• Abstract class

Interfaces
• Interface Declaration & Initialization
• Interface Implementation by class
• Interface having Optional Property
• Class extending another class
• Implementing an Interface
• Extending Interfaces

Function Types
• Optional and Default Parameters
• Rest Parameters
• Function Overloading • Function Types

Namespaces
• Introduction •Syntax with Example
• Compiling multiple TS files into single JS file

Modules
• Exporting & Importing of Modules
• Re-Export • Default Exports

What is Angular?
• Introduction
• AngularJS vs Angular
• Setup for local dev environment
• First Angular program
– NodeJS & NPM
– Visual Studio Code

Angular Architecture
• Building Blocks of Angular Appln
• Angular Modules
• @NgModule decorator
• Angular Libraries
• Component • Templates
• Metadata • DataBinding
• Directives • Services
• Dependency Injection

Displaying Data using Templates
• About Directives
• Components Properties
• Interpolation
• Built-In Directive
– o ngIF, o ngFor, o ngSwitch
• Create class for data (Model object)
• Template Expressions
• Working with Arrays
• vs <template>
• External HTML Template File

Data Binding
• Binding properties
• Interpolation
• One-way / Property Binding
• Event Binding
• Two-way binding with NgModel
• Attribute Binding
• Style Binding
• Class Binding

Styles Binding In Components
• Style & Class Bindings
• Built-In Directives
– NgStyle & NgClass
• Using Component Styles
• Special selectors
• Loading Styles into Components

Advanced Component Features
• Components Life Cycle Hooks.
• Dynamic components
– ngComponentOutlet

Template Driven Forms
• Introduction
• Initial form layout
• Bind data properties – ngModel
• Add name attribute
• Add custom CSS
• Show/hide error messages
• Form submission – ngSubmit
• Disable the form’s submit button
• Resetting the form

Reactive Forms
• Reactive Forms Introduction
• Form Control Properties
• setValue & patchValue
• Validating Form Elements
• Submitting & Resetting forms
• Observing & Reacting to Form Changes
• Using FormBuilder

Pipes
• Built-in Pipes
• Parameters and chaining Pipes
• Custom Pipes
• Pipes and Change Detection
• Pure and Impure pipes

Custom Directives
• Custom Attribute Directive
• HostListener
• HostBinding
• Custom Validator Directive

Dependency Injection
• Dependency Injection
• DI in Angular Framework
• Reflective Injector
• Exploring Provider
• Types of Tokens
• Types of Dependencies
• Configuring DI using

Providers
• Implementing DI in Angular
• Optional Dependencies