SlideShare a Scribd company logo
</Seminar>
TypeScript
TaiVT
</Agenda>
1. What is TypeScript?
2. Why TypeScript?
3. TypeScript Cons?
4. Installation
5. Features
6. Examples
7. Q/A
</Introduction>
</What is TypeScript?>
● TypeScript is JavaScript with syntax for types.
● TypeScript is a strongly typed programming language that builds on
JavaScript, giving you better tooling at any scale.
</What is TypeScript?>
● Created in Microsoft by Anders Hejlsberg (Created Turbo Pascal and
Delphi)
● First public release at 10/2012
</Why use TypeScript?>
</Why use TypeScript?>
1. Optional static typing
2. Early spotted bugs
3. Predictability
4. Readability
5. Rich IDE support
6. Fast refactoring
7. Power of OOP
8. Cross-platform and cross-browser compatibility
9. Huge talent pool
10.Support from the tech world
</TypeScript Cons?>
1. Not true static typing
2. One more JavaScript to learn
3. Bloated code
4. Adding extra step — transpiling
</Install?>
● Global
○ npm install -g typescript
● Dev Only
○ npm install typescript --save-dev
</Feature: Data types?>
● Any
● Primitive
● Number
● Boolean
● String
● Void
● Null
● Undefined
● Unknown
● Array
● Enum
● Composition Types
● Unions
● Literals
● Intersection types
● Tuples
● Optional properties
</Feature: Data types - any>
Any is used when it’s impossible to determine the type of variable.
</Feature: Data types - Primitive>
● boolean - true/false value
● string - any char
● TypeScript doesn’t have separate type like float, double, int. These all are
floating point values => number
● void - used in return type of method/function
● null|undefined - null or undefined value
</Feature: Data types - Primitive>
</Feature: Data types - Array>
</Feature: Data types - Array>
</Feature: Data types - Enum>
</Feature: Data types - Enum>
Composition Types
</Feature: Data types - Unions>
</Feature: Data types - Literals>
</Feature: Data types - Intersection>
</Feature: Data types - Tuples>
</Feature: Data types - Optional
Property>
</Feature: Type Aliases>
</Feature: Type Aliases>
</Feature: Interface>
</Feature: Interface>
</Feature: Different>
Type Aliases - Interface
Different
</Feature: Different>
</Feature: Different>
</Feature: Different>
</Feature: Type Assertions>
</Feature: Type Assertions>
</Feature: Decorators>
● With the introduction of Classes in TypeScript and ES6, there now exist certain scenarios that
require additional features to support annotating or modifying classes and class members.
Decorators provide a way to add both annotations and a meta-programming syntax for class
declarations and members. Decorators are a stage 2 proposal for JavaScript and are available as
an experimental feature of TypeScript.
● A Decorator is a special kind of declaration that can be attached to a class declaration, method,
accessor, property, or parameter. Decorators use the form @expression, where expression must
evaluate to a function that will be called at runtime with information about the decorated
declaration.
</Feature: Decorators>
How to use:
Command Line:
tsc --target ES5 --experimentalDecorators
tsconfig.json:
{
"compilerOptions": {
"target": "ES5",
"experimentalDecorators": true
}
}
</Feature: Decorators>
How to use:
Command Line:
tsc --target ES5 --experimentalDecorators
tsconfig.json:
{
"compilerOptions": {
"target": "ES5",
"experimentalDecorators": true
}
}
</Feature: Decorators>
How to use:
Command Line:
tsc --target ES5 --experimentalDecorators
tsconfig.json:
{
"compilerOptions": {
"target": "ES5",
"experimentalDecorators": true
}
}
</Feature: Decorators>
Syntax:
</Feature: Decorators>
Use:
</Feature: Decorators - Example>
</Feature: Decorators - Example>
Output:
</Feature: Generics>
● Generics allow creating “type variables” which can be used to create
classes, functions & type aliases that don't need to explicitly define
the types that they use.
● Generics makes it easier to write reusable code.
</Feature: Generics - Example>
</Feature: Generics - Example>
</Feature: Generics - Example>
</Feature: Generics - Example>
</Examples>
</Q/A>
</End>
Thanks For Watching!

More Related Content

PPTX
TypeScript: Basic Features and Compilation Guide
Nascenia IT
 
PPTX
TypeScript
Udaiappa Ramachandran
 
PPTX
Typescript: Beginner to Advanced
Talentica Software
 
PPTX
Typescript language extension of java script
michaelaaron25322
 
PPTX
The advantage of developing with TypeScript
Corley S.r.l.
 
PPTX
AngularConf2015
Alessandro Giorgetti
 
PPTX
TypeScript Overview
Aniruddha Chakrabarti
 
PPTX
Complete Notes on Angular 2 and TypeScript
EPAM Systems
 
TypeScript: Basic Features and Compilation Guide
Nascenia IT
 
Typescript: Beginner to Advanced
Talentica Software
 
Typescript language extension of java script
michaelaaron25322
 
The advantage of developing with TypeScript
Corley S.r.l.
 
AngularConf2015
Alessandro Giorgetti
 
TypeScript Overview
Aniruddha Chakrabarti
 
Complete Notes on Angular 2 and TypeScript
EPAM Systems
 

Similar to TypeScript Introduction (20)

PPTX
TypeScript . the JavaScript developer best friend!
Alessandro Giorgetti
 
PDF
Introduction to TypeScript
NexThoughts Technologies
 
PDF
TypeScript Interview Questions PDF By ScholarHat
Scholarhat
 
PDF
TypeScript - An Introduction
NexThoughts Technologies
 
PPTX
Type script
Mallikarjuna G D
 
PPTX
TypeScript intro
Ats Uiboupin
 
PPTX
Type script
Zunair Shoes
 
PDF
An Introduction to TypeScript
WrapPixel
 
PDF
Programming TypeScript Making your JavaScript applications scale Boris Cherny
kholiheijne
 
PDF
TypeScipt - Get Started
Krishnanand Sivaraj
 
PDF
TypeScript introduction to scalable javascript application
Andrea Paciolla
 
PDF
Typescript for the programmers who like javascript
Andrei Sebastian Cîmpean
 
PDF
Reasons to Use Typescript for Your Next Project Over Javascript.pdf
MobMaxime
 
PPTX
TypeScript - All you ever wanted to know - Tech Talk by Epic Labs
Alfonso Peletier
 
PPTX
TypeScript
Oswald Campesato
 
PPTX
Typescript in 30mins
Udaya Kumar
 
PDF
Modern TypeScript 1 / converted Edition Ben Beattie-Hood
xrdfmqe4458
 
PDF
Type script for_java_dev_jul_2020
Yakov Fain
 
PPTX
11_typescript.pptx for north south university course cse425
AnikSahaToni19126196
 
PPTX
Unit 1 - TypeScript & Introduction to Angular CLI.pptx
Malla Reddy University
 
TypeScript . the JavaScript developer best friend!
Alessandro Giorgetti
 
Introduction to TypeScript
NexThoughts Technologies
 
TypeScript Interview Questions PDF By ScholarHat
Scholarhat
 
TypeScript - An Introduction
NexThoughts Technologies
 
Type script
Mallikarjuna G D
 
TypeScript intro
Ats Uiboupin
 
Type script
Zunair Shoes
 
An Introduction to TypeScript
WrapPixel
 
Programming TypeScript Making your JavaScript applications scale Boris Cherny
kholiheijne
 
TypeScipt - Get Started
Krishnanand Sivaraj
 
TypeScript introduction to scalable javascript application
Andrea Paciolla
 
Typescript for the programmers who like javascript
Andrei Sebastian Cîmpean
 
Reasons to Use Typescript for Your Next Project Over Javascript.pdf
MobMaxime
 
TypeScript - All you ever wanted to know - Tech Talk by Epic Labs
Alfonso Peletier
 
TypeScript
Oswald Campesato
 
Typescript in 30mins
Udaya Kumar
 
Modern TypeScript 1 / converted Edition Ben Beattie-Hood
xrdfmqe4458
 
Type script for_java_dev_jul_2020
Yakov Fain
 
11_typescript.pptx for north south university course cse425
AnikSahaToni19126196
 
Unit 1 - TypeScript & Introduction to Angular CLI.pptx
Malla Reddy University
 
Ad

Recently uploaded (20)

PDF
Exploring AI Agents in Process Industries
amoreira6
 
PDF
Wondershare Filmora 14.5.20.12999 Crack Full New Version 2025
gsgssg2211
 
PDF
Solar Panel Installation Guide – Step By Step Process 2025.pdf
CRMLeaf
 
PPTX
PFAS Reporting Requirements 2026 Are You Submission Ready Certivo.pptx
Certivo Inc
 
PPTX
ConcordeApp: Engineering Global Impact & Unlocking Billions in Event ROI with AI
chastechaste14
 
PPTX
Save Business Costs with CRM Software for Insurance Agents
Insurance Tech Services
 
PPTX
Why Use Open Source Reporting Tools for Business Intelligence.pptx
Varsha Nayak
 
DOCX
The Future of Smart Factories Why Embedded Analytics Leads the Way
Varsha Nayak
 
PDF
Bandai Playdia The Book - David Glotz
BluePanther6
 
PPTX
Role Of Python In Programing Language.pptx
jaykoshti048
 
PDF
On Software Engineers' Productivity - Beyond Misleading Metrics
Romén Rodríguez-Gil
 
PPTX
oapresentation.pptx
mehatdhavalrajubhai
 
PPTX
AIRLINE PRICE API | FLIGHT API COST |
philipnathen82
 
PDF
How to Seamlessly Integrate Salesforce Data Cloud with Marketing Cloud.pdf
NSIQINFOTECH
 
PDF
Why Use Open Source Reporting Tools for Business Intelligence.pdf
Varsha Nayak
 
PDF
What to consider before purchasing Microsoft 365 Business Premium_PDF.pdf
Q-Advise
 
PDF
Jenkins: An open-source automation server powering CI/CD Automation
SaikatBasu37
 
PDF
IEEE-CS Tech Predictions, SWEBOK and Quantum Software: Towards Q-SWEBOK
Hironori Washizaki
 
PDF
QAware_Mario-Leander_Reimer_Architecting and Building a K8s-based AI Platform...
QAware GmbH
 
PPTX
Presentation of Computer CLASS 2 .pptx
darshilchaudhary558
 
Exploring AI Agents in Process Industries
amoreira6
 
Wondershare Filmora 14.5.20.12999 Crack Full New Version 2025
gsgssg2211
 
Solar Panel Installation Guide – Step By Step Process 2025.pdf
CRMLeaf
 
PFAS Reporting Requirements 2026 Are You Submission Ready Certivo.pptx
Certivo Inc
 
ConcordeApp: Engineering Global Impact & Unlocking Billions in Event ROI with AI
chastechaste14
 
Save Business Costs with CRM Software for Insurance Agents
Insurance Tech Services
 
Why Use Open Source Reporting Tools for Business Intelligence.pptx
Varsha Nayak
 
The Future of Smart Factories Why Embedded Analytics Leads the Way
Varsha Nayak
 
Bandai Playdia The Book - David Glotz
BluePanther6
 
Role Of Python In Programing Language.pptx
jaykoshti048
 
On Software Engineers' Productivity - Beyond Misleading Metrics
Romén Rodríguez-Gil
 
oapresentation.pptx
mehatdhavalrajubhai
 
AIRLINE PRICE API | FLIGHT API COST |
philipnathen82
 
How to Seamlessly Integrate Salesforce Data Cloud with Marketing Cloud.pdf
NSIQINFOTECH
 
Why Use Open Source Reporting Tools for Business Intelligence.pdf
Varsha Nayak
 
What to consider before purchasing Microsoft 365 Business Premium_PDF.pdf
Q-Advise
 
Jenkins: An open-source automation server powering CI/CD Automation
SaikatBasu37
 
IEEE-CS Tech Predictions, SWEBOK and Quantum Software: Towards Q-SWEBOK
Hironori Washizaki
 
QAware_Mario-Leander_Reimer_Architecting and Building a K8s-based AI Platform...
QAware GmbH
 
Presentation of Computer CLASS 2 .pptx
darshilchaudhary558
 
Ad

TypeScript Introduction