1

MEAN STACK DEVELOPMENT

5
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
About TypeScript

6
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Need For TypeScript

7
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Pitfalls of JavaScript

8
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Dynamic Typing

9
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Dynamic Typing

10
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Interpreted Language

11
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Minimal Object Oriented Support

12
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Minimal Object Oriented Support

13
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Minimal IDE Support

14
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Why TypeScript?

15
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
About TypeScript

16
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
What is TypeScript?

17
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Relationship between TypeScript and JavaScript

18
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Relationship between TypeScript and JavaScript

19
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Features of TypeScript

20
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Installing TypeScript - Internal

21
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Installing TypeScript - Internal

22
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Installing TypeScript - Internal

23
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Installing TypeScript - Internal

24
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
First TypeScript Application

25
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
First TypeScript Application

26
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
TypeScript Basics

27
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
TypeScript Basics

28
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
TypeScript Basics

29
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Declaring Variables

30
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Declaring Variables

31
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Declaring Variables

32
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Declaring variables using let keyword

33
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Difference between var and let Keyword

34
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Difference between var and let Keyword

35
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Difference between var and let Keyword

36
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Declaring variables using const Keyword

37
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Basic Types

38
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Basic Types

39
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Basic Types

40
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Basic Types

41
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Basic Types

42
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Basic Types - Type Annotations TypeScript

43
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Enum

44
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Enum

45
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Arrays

46
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Arrays
TypeScript

47
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Arrays

48
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Arrays

49
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Arrays

50
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Tuple

51
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Tuple

52
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

TypeScript
Tuple

53
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Function TypeScript

54
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Function TypeScript

55
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Function - Parameter Types and Return Types TypeScript

56
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Function - Parameter Types and Return Types TypeScript

57
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Arrow Function TypeScript

58
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Arrow Function TypeScript

Handling ‘this’
keyword in JavaScript

59
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Arrow Function TypeScript

Handling ‘this’ keyword in JavaScript

60
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Function Types TypeScript

61
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Optional and Default Parameters TypeScript

62
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Optional and Default Parameters TypeScript

63
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Optional and Default Parameters TypeScript

64
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Rest Parameter TypeScript

65
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Rest Parameter TypeScript

66
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface TypeScript

67
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface TypeScript

68
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface TypeScript

69
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

What is an Interface? TypeScript

70
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface TypeScript
How to create an Interface?

71
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface TypeScript
Tryout : How to create an Interface

72
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Duck Typing

TypeScript

73
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Duck Typing TypeScript

74
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Defining an Interface TypeScript

75
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Defining an Interface – Optional Property TypeScript

76
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Defining an Interface

TypeScript

77
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Function Types TypeScript

78
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Function Types TypeScript

79
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Extending Interfaces TypeScript

80
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Extending Interfaces TypeScript

81
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Class Types TypeScript

82
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Interface Class Types

TypeScript

83
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class TypeScript

84
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class What is a Class? TypeScript

85
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Constructor TypeScript

86
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Constructor TypeScript

87
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Access Modifiers TypeScript

88
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Access Modifiers TypeScript

Public and Private Access Modifiers

89
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Protected Access Modifier TypeScript

90
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Static Access Modifier TypeScript

91
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Static Access Modifier TypeScript

92
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Properties and Methods TypeScript

Properties and Methods – Parameter Properties

93
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Properties and Methods- Accessors TypeScript

94
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Access Modifiers TypeScript

95
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Inheritance TypeScript

Extending Classes with Inheritance

96
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Inheritance TypeScript

Extending Classes with Inheritance

97
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Abstract Class TypeScript

98
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Class Abstract Class TypeScript

99
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

100
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Why Modules and Namespaces?

101
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

What is Namespace?

102
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Creating and using Namespaces

103
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Creating and using Namespaces

104
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Creating and using Namespaces

105
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Demo : Namespace

106
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Demo : Namespace

107
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Demo : Namespace

108
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

What is a Module?

109
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Creating and using Modules Exporting from a Module

110
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Creating and using Modules Importing a Module

111
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Creating and using Modules Importing a Module

112
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Creating and using Modules Compiling Module

113
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Demo : Modules

114
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Demo : Modules

115
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Module Formats and Loaders

116
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Module Formats and Loaders

117
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Default Exports

118
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Demo : Default Exports

119
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Demo : Default Exports

120
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Modules and Namespaces TypeScript

Module Vs Namespace

121
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics TypeScript

122
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics TypeScript
What is Generics?

123
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics TypeScript
What are Type Parameters?

124
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics TypeScript
Generic Array Using Array<T>

125
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics TypeScript
Generic Array Using Array<T>

126
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics TypeScript
Generic Array Using Array<T>

127
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Functions TypeScript

128
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Functions TypeScript

129
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Interface TypeScript

130
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Interface TypeScript

131
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Class TypeScript

132
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Class TypeScript

133
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Class TypeScript

134
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Constraints TypeScript

135
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Constraints TypeScript

136
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Constraints TypeScript

To invoke this generic

function, you can pass any
parameter which has a
length property.

137
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Generics Generic Constraints TypeScript

138
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Summary TypeScript

139
AUK MEAN STACK DEVELOPMENT Unit-IV TYPESCRIPT & Mongo DB

Thank you

140