– Why we learn typescript?
– Differences between js and typescript
– advantages of typescript
– Disadvantages of typescript
– Environmental setup (Node.js, typescript)
– Basic Syntax
1. Identifiers
2. Keywords
3. Comments
– Typescript & Object Orientated
– Typescript- Types (number, string, boolean, void, null, undefined & User-defined)
– Type Assertions
– Variables (inferred type, Global scope, Class scope, local Scope)
– Operator (Arithmetic, Logical, Relational, Bitwise, Assignment, Ternary/conditional)
– Miscellaneous operator(negation operator, concatenation, Conditional Operator)
– types operator (typeof)
– Control Statement
1. if statement
2. if-else statement
3. else-if and nested if
4. switch statement
– Loops (While ,for,do-while)
– Functions
1. optional parameter function
2. default parameter
3. Anonymous function
4. Function Constructor
– Arrow Function
– Typescript Array
– JSON Object
– Class
– Constructor
– Interface
– Inheritance
– Method overriding
– What is angular
– Angular Version History
– Architecture of Angular Apps
– Setting up the Environmental setup
– Structure of Angular Projects
-Creation of component manually & Through CMD
-String Interpolation
– String Interpolation Vs Property Binding
– Property Binding
– Event Binding
– (click) event
– (change)
– (keyup)
– (keydown)
-Style binding
– Two way binding
– bind- use as keyword
– Pipe
– Directives
– Structural directives
1 *ngIf, *ngIf else, *ngIf then else
2*ngFor
3 ngStyle
4 ngClass
5 ng-template
– Template reference variables
-angular array population [push()]
– removal of element/s from array [splice() and pop() methods]
-iterating an array with index
– Component Interaction
– @Input()
– @Output()
– @ViewChild()
– Pipe (lowercase |uppercase | currency | Decimal | Date |currency)
– Custom Pipe
– Service & Dependency Injection
– What is Http
– How to connect back End
– Use Of HTTP Service
– Perform Curd Operation
– Get
– Post
– Put
– Delete
– What is Observable
– How to Configure the Routes
– Use of router-outlet tag
– Routing using routerlink Directive
– pass Parameter in url & parse it
– pass query parameter in url & parse it
– Programmatic routing (i.e. Using Button)
– Only Overview of Bootstrap
– Bootstrap Grid System
– Use of Form Control Class
– Validation of Template Driven Form
– ngForm
– ngValue
– ngSubmit