TypeScript is a superset of JavaScript that adds optional static typing and class-based object-oriented programming. It adds additional features like interfaces and modules to JavaScript to allow code to scale. The document provides an introduction to TypeScript, explaining what it is, why to use it, its basic types, annotations, functions, interfaces, classes, generics, modules, and compiling. It also provides references for further reading.

1. TypeScript
JavaScript that scales

2. HELLO!
I am Hiten Pratap Singh
https://github.com/hitenpratap/
https://hprog99.wordpress.com/
hiten@fintechlabs.in
https://hitenpratap.github.io

3. Get Started
npm install -g typescript
Or
brew install typescript
then
tsc HelloWorld.ts

4. 1.
Why TypeScript?
Why to use another client side
language!

5. Why TypeScript?
› Slow iteration of new features by JavaScript
› Many more features than defined in ECMAScript
› Very fast adoption rate so rowing community

6. 2.
What is TypeScript?
What makes it stand out!

7. “TypeScript is a strongly-typed
superset of JavaScript, which
means it adds some syntactical
benefits to the language while
still letting you write normal
JavaScript if you want to”

8. What is TypeScript?
› Starts with JavaScript and ends with JavaScript.
TypeScript is JavaScript.
› Run on any browser, any host, any OS.
› Open source project under Apache License 2.0.
› Adds numerous additional features like Class, Module
etc.
› Developed by Anders Hejlsberg, who also created C#
and Delphi.
› Heavily influenced by ES6.

9. 3.
TypeScript Basic
Types

10. TypeScript Basic Types
› Boolean
› Number
› String
› Array
› Tuple
› Enum
› Any
› Void
› Null
› Undefined

11. 4.
TypeScript
Annotation

12. TypeScript Annotation
› var[identifier]:[type annotation] = value;
› var[identifier]:[type annotation];
› var[identifier] = value;

13. 5.
TypeScript Functions

14. TypeScript Functions
› Optional parameter using ?
› Default parameter using =value
› Rest parameter using ...
› Overloads
› Arrow Functions

15. 6.
TypeScript Interfaces

16. TypeScript Interfaces
› Used at design time to provide auto completion and compile
time checking
› Optional Properties
› Function Types
› Indexable Types
› Class Types
› Extending Interfaces
› Hybrid Types

17. 7.
TypeScript Classes

18. TypeScript Classes
› Object Oriented Approach
› Inheritance
› Public, private, and protected modifiers
› Accessors
› Static Properties
› Abstract Class

19. 8.
TypeScript Generics

20. TypeScript Generics
› Generics Types
› Generics Class
› Generics Constraints

21. 9.
TypeScript Modules

22. TypeScript Modules
› Encapsulates variables, classes and interfaces.
› Splitting across files.
› One file can contain multiple modules.
› Can be defined as internal or external.
› Can define Alias to Module.

23. 10.
Advanced Reading

24. Advanced Reading
› Type Interface
› Type Compatibility
› Advanced Types
› Symbols
› Iterators & Generators
› Namespaces
› Namespaces & Modules
› Module Resolution
contd...

25. Advanced Reading
› Declaration Merging
› JSX
› Decorators
› Mixins
› Triple-Slash Directives
› Type Checking JavaScript Files

26. 11.
TypeScript Compile

27. TypeScript Compile
.ts compile .js

28. 12.
Companies using
TypeScript

30. 13.
Alternatives

32. THANKS!
Any questions?
https://github.com/hitenpratap
https://hprog99.wordpress.com
hiten@fintechlabs.in
https://hitenpratap.github.io

33. References
› https://www.wakefly.com/blog/what-is-typescript-and-why-should-you-use-it/
› https://www.sitepoint.com/introduction-to-typescript/
› https://basarat.gitbooks.io/typescript/
› http://www.typescriptlang.org/docs/home.html
› https://tutorialzine.com/2016/07/learn-typescript-in-30-minutes
› https://medium.com/angularmedellin/a-brief-introduction-to-typescript-part-1-ce
edb3e9b1c0
› https://matthewhorne.me/setup-typescript-project/