SlideShare a Scribd company logo
Neal Creative | click & Learn more
Neal Creative ©
TIP │ Use the built-in color
palette with green and yellow
for callouts and accents
2
TypeScript
@Nikhil_Thomas
Javascript
Typescript
4
Javascript
Abstraction is a
process where
you show only
“relevant” data
and “hide”
unnecessary
details from the
user
Encapsulation is
the process of
combining data
and functions
into a single unit
Modularity is
the act of
partitioning a
program into
single units
Polymorphism
is the ability of a
message or data
to be processed
in more than one
form
Inheritance is the
capability of one
class to inherit
properties from
another class
Basic Characteristics of Object Oriented Programming
1 2 3 4 5
6
JavaScript Objects
OBJECT
Property 1 Property 2
Property 3 Property 4
Property 5 Property 6
7
TYPESCRIPT:THE FUTURE
JAVASCRIPTTECHNOLOGIES KEEPS
CHANGES
LEARN USE
CREATE
MOVE WITH TECHNOLOGY
1
2 VARIABLES
TYPES
OPERATORS
FUNCTIONS
INTERFACE
CLASSES
VARIABLES
• Variables is a container to hold data and is done by var
keyword or let keyword.
• If we skip keyword to declare a variable we get an error
message as “cannot find name”.
Example:
Let vs Var Keyword
• The scope of a variable defined with var is global scope or
declared outside any function.
• The scope of a variable defined with let is block scope.
Example:-
12
TYPES
• Type is a classification of data which tells the compiler or
interpreter how the programmer intends to use the
data(example : number, string).
• TypeScript is a strongly typed language and JavaScript is
a weakly typed language.
• TypeScript has a small number of build-in types,
including,
1. Number
2. String
3. Boolean
4. Array
5. Enum
6. Void & Any
Number & String Types
• The number type can be any set of any numbers
• The string type can be any string-i.e,any sequence of
Unicode characters encloses within a single or double
quotes
• You can also use template strings, which can span multiple
lines and have embedded expressions. These strings are
surrounded by the backtick/backquote (`) character, and
embedded expressions are of the form ${ expr }.
Boolean Types
• Booleans have only two valid value true/false
• Before version 0.9 of typeScript, the Boolean type was
described using bool keyword. There was a breaking
change in the 0.9 TypeScript language specifications,
which changed the keyword to boolean
Enum
• Enums allow us to define a set of named numeric constants.
• An enum can be defined using the enum keyword
Array Types
• Array types define both that a variable is an array and the
kind of elements it contain.
• Syntax:-
1. var [identifier]:type=[];
2. var [identifier]:Array<type>=[];
• Example:-
Any& Void types
• The any data type is the super type of all types in
TypeScript. It denotes a dynamic type.if we don’t know a
particular type we can choose any type
• void is a little like the opposite of any: the absence of
having any type at all. You may commonly see this as the
return type of functions that do not return a value
19
Operators
• Operators are user for some operations on data.
• All the standard JavaScript operators are available in
TypeScript and they are,
1. Increment and Decrement Operator (“++“, “--“)
2. Binary Operator (“+“, “-“, “/“, “*“, “%“)
3. Bitwise Operator("~" , "&”, "|", "^" ,"<<" ,">>“)
4. Comparison Operators (“==" , “!=“ , “>", “<" ,"<=“, ”>=”)
5. Logical Operator (“&&“, “||“, ”!”)
6. Conditional Operator(“?:“)
20
Functions
• Function is a block of code designed to perform a
particular task.
• Similar to JavaScript function.
• Several optional features:types,optional
parameters,default parameters.
• A parameter is a variable in a method definition. When a
method is called, the arguments are the data you pass
into the method's parameters.
Example:-
21
Optional Parameters
• Parameters are required by default in TypeScript and we
are creating an optional parameters with a question
mark(?).
• Example:-
22
Default Parameters
• In Default parameters we are simply assigning some text
as default value.when ever we omitted the argument
default value is taken.
Example:-
23
Class
• Class is a way to bind data's and functions relating to any
entity together.
• Classes are defined with the class keyword and instantiated
with the new keyword.
• The syntax should look familiar if you’ve used C# or Java
before.
24
Inheritance
• Classes can inherit properties from other classes
• A class inherits from another class using the extends
keyword.
• Child class inherits all methods and properties
Example:-
25
Access Modifiers
• Typescript supports the common access modifiers that
control class members access.
• Typescript access modifiers are :
1. public : available on instances everywhere
2. private : not available for access outside the class.
3. protected : available on child classes but not on
instances directly.
Typescript

More Related Content

ODP
Getting started with typescript and angular 2
Knoldus Inc.
 
PPTX
TypeScript - Silver Bullet for the Full-stack Developers
Rutenis Turcinas
 
DOC
Typescript Basics
Manikandan [M M K]
 
PDF
TypeScript Best Practices
felixbillon
 
PPTX
Type script - advanced usage and practices
Iwan van der Kleijn
 
PPTX
TypeScript
Udaiappa Ramachandran
 
PPTX
002. Introducere in type script
Dmitrii Stoian
 
PDF
TypeScript - An Introduction
NexThoughts Technologies
 
Getting started with typescript and angular 2
Knoldus Inc.
 
TypeScript - Silver Bullet for the Full-stack Developers
Rutenis Turcinas
 
Typescript Basics
Manikandan [M M K]
 
TypeScript Best Practices
felixbillon
 
Type script - advanced usage and practices
Iwan van der Kleijn
 
002. Introducere in type script
Dmitrii Stoian
 
TypeScript - An Introduction
NexThoughts Technologies
 

What's hot (20)

PPT
Learning typescript
Alexandre Marreiros
 
PPTX
TypeScript: Basic Features and Compilation Guide
Nascenia IT
 
PDF
Getting Started with TypeScript
Gil Fink
 
PPTX
TypeScript
Oswald Campesato
 
PDF
TypeScript: coding JavaScript without the pain
Sander Mak (@Sander_Mak)
 
PPTX
Typescript Fundamentals
Sunny Sharma
 
PDF
Introduction to TypeScript by Winston Levi
Winston Levi
 
PPTX
Typescript ppt
akhilsreyas
 
PDF
Typescript for the programmers who like javascript
Andrei Sebastian Cîmpean
 
PPTX
Getting started with typescript
C...L, NESPRESSO, WAFAASSURANCE, SOFRECOM ORANGE
 
PPTX
TypeScript Modules
Noam Kfir
 
PPTX
TypeScript intro
Ats Uiboupin
 
PDF
Power Leveling your TypeScript
Offirmo
 
PPTX
TypeScript 101
rachelterman
 
PPTX
AngularConf2015
Alessandro Giorgetti
 
PPTX
Introducing type script
Remo Jansen
 
PPTX
TypeScript Overview
Aniruddha Chakrabarti
 
PDF
Typescript: enjoying large scale browser development
Joost de Vries
 
PPTX
Introduction to JavaScript Programming
Collaboration Technologies
 
Learning typescript
Alexandre Marreiros
 
TypeScript: Basic Features and Compilation Guide
Nascenia IT
 
Getting Started with TypeScript
Gil Fink
 
TypeScript
Oswald Campesato
 
TypeScript: coding JavaScript without the pain
Sander Mak (@Sander_Mak)
 
Typescript Fundamentals
Sunny Sharma
 
Introduction to TypeScript by Winston Levi
Winston Levi
 
Typescript ppt
akhilsreyas
 
Typescript for the programmers who like javascript
Andrei Sebastian Cîmpean
 
Getting started with typescript
C...L, NESPRESSO, WAFAASSURANCE, SOFRECOM ORANGE
 
TypeScript Modules
Noam Kfir
 
TypeScript intro
Ats Uiboupin
 
Power Leveling your TypeScript
Offirmo
 
TypeScript 101
rachelterman
 
AngularConf2015
Alessandro Giorgetti
 
Introducing type script
Remo Jansen
 
TypeScript Overview
Aniruddha Chakrabarti
 
Typescript: enjoying large scale browser development
Joost de Vries
 
Introduction to JavaScript Programming
Collaboration Technologies
 
Ad

Viewers also liked (16)

PDF
Angular 2 - Typescript
Nathan Krasney
 
PPTX
Typescript tips & tricks
Ori Calvo
 
PDF
TypeScript Seminar
Haim Michael
 
PDF
TypeScript: Un lenguaje aburrido para programadores torpes y tristes
Micael Gallego
 
PPTX
TypeScript
GetDev.NET
 
PDF
TypeScript: особенности разработки / Александр Майоров (Tutu.ru)
Ontico
 
PPTX
Why TypeScript?
FITC
 
PPT
TypeScript Presentation
Patrick John Pacaña
 
PDF
Александр Русаков - TypeScript 2 in action
MoscowJS
 
PDF
TypeScript Introduction
Dmitry Sheiko
 
PDF
TypeScript for Java Developers
Yakov Fain
 
PDF
«Typescript: кому нужна строгая типизация?», Григорий Петров, MoscowJS 21
MoscowJS
 
PDF
TypeScript: Angular's Secret Weapon
Laurent Duveau
 
PDF
Typescript + Graphql = <3
felixbillon
 
PPTX
Typescript in 30mins
Udaya Kumar
 
PDF
TypeScriptで快適javascript
AfiruPain NaokiSoga
 
Angular 2 - Typescript
Nathan Krasney
 
Typescript tips & tricks
Ori Calvo
 
TypeScript Seminar
Haim Michael
 
TypeScript: Un lenguaje aburrido para programadores torpes y tristes
Micael Gallego
 
TypeScript
GetDev.NET
 
TypeScript: особенности разработки / Александр Майоров (Tutu.ru)
Ontico
 
Why TypeScript?
FITC
 
TypeScript Presentation
Patrick John Pacaña
 
Александр Русаков - TypeScript 2 in action
MoscowJS
 
TypeScript Introduction
Dmitry Sheiko
 
TypeScript for Java Developers
Yakov Fain
 
«Typescript: кому нужна строгая типизация?», Григорий Петров, MoscowJS 21
MoscowJS
 
TypeScript: Angular's Secret Weapon
Laurent Duveau
 
Typescript + Graphql = <3
felixbillon
 
Typescript in 30mins
Udaya Kumar
 
TypeScriptで快適javascript
AfiruPain NaokiSoga
 
Ad

Similar to Typescript (20)

PPTX
Complete Notes on Angular 2 and TypeScript
EPAM Systems
 
PDF
TYPESCRIPT.pdfgshshhsjajajsjsjjsjajajjajjj
sonidsxyz02
 
PPTX
Typescript: Beginner to Advanced
Talentica Software
 
PDF
TypeScript Interview Questions PDF By ScholarHat
Scholarhat
 
PPTX
typescript.pptx
ZeynepOtu
 
PPTX
Typescript language extension of java script
michaelaaron25322
 
PPTX
Typescript-7 (1).pptx
SachinSonawane100
 
PPT
TypeScript.ppt LPU Notes Lecture PPT for 2024
manveersingh2k05
 
PDF
Reasons to Use Typescript for Your Next Project Over Javascript.pdf
MobMaxime
 
PPTX
Module 2.pptx Angular JS FRAMEWORK WEBDEVELOPMENT
raman76530
 
PPTX
Type Script notes for Data Structures using java
Arumugam90
 
PDF
Back to the Future with TypeScript
Aleš Najmann
 
PPTX
Rits Brown Bag - TypeScript
Right IT Services
 
PPTX
Introduction to TypeScript
KeithMurgic
 
PDF
TypeScript introduction to scalable javascript application
Andrea Paciolla
 
PDF
Introduction to TypeScript
NexThoughts Technologies
 
PPTX
11_typescript.pptx for north south university course cse425
AnikSahaToni19126196
 
PPTX
TypeScript-SPS-melb.pptx
accordv12
 
PPTX
Benefits of Typescript.pptx
AmitGupta440280
 
PDF
TypeScipt - Get Started
Krishnanand Sivaraj
 
Complete Notes on Angular 2 and TypeScript
EPAM Systems
 
TYPESCRIPT.pdfgshshhsjajajsjsjjsjajajjajjj
sonidsxyz02
 
Typescript: Beginner to Advanced
Talentica Software
 
TypeScript Interview Questions PDF By ScholarHat
Scholarhat
 
typescript.pptx
ZeynepOtu
 
Typescript language extension of java script
michaelaaron25322
 
Typescript-7 (1).pptx
SachinSonawane100
 
TypeScript.ppt LPU Notes Lecture PPT for 2024
manveersingh2k05
 
Reasons to Use Typescript for Your Next Project Over Javascript.pdf
MobMaxime
 
Module 2.pptx Angular JS FRAMEWORK WEBDEVELOPMENT
raman76530
 
Type Script notes for Data Structures using java
Arumugam90
 
Back to the Future with TypeScript
Aleš Najmann
 
Rits Brown Bag - TypeScript
Right IT Services
 
Introduction to TypeScript
KeithMurgic
 
TypeScript introduction to scalable javascript application
Andrea Paciolla
 
Introduction to TypeScript
NexThoughts Technologies
 
11_typescript.pptx for north south university course cse425
AnikSahaToni19126196
 
TypeScript-SPS-melb.pptx
accordv12
 
Benefits of Typescript.pptx
AmitGupta440280
 
TypeScipt - Get Started
Krishnanand Sivaraj
 

Recently uploaded (20)

PDF
Oracle AI Vector Search- Getting Started and what's new in 2025- AIOUG Yatra ...
Sandesh Rao
 
PDF
Shreyas_Phanse_Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
SHREYAS PHANSE
 
PDF
Chapter 2 Digital Image Fundamentals.pdf
Getnet Tigabie Askale -(GM)
 
PDF
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
AVTRON Technologies LLC
 
PDF
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
PDF
REPORT: Heating appliances market in Poland 2024
SPIUG
 
PDF
Building High-Performance Oracle Teams: Strategic Staffing for Database Manag...
SMACT Works
 
PDF
Software Development Methodologies in 2025
KodekX
 
PDF
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
PDF
Make GenAI investments go further with the Dell AI Factory - Infographic
Principled Technologies
 
PDF
CIFDAQ's Token Spotlight: SKY - A Forgotten Giant's Comeback?
CIFDAQ
 
PPTX
Smart Infrastructure and Automation through IoT Sensors
Rejig Digital
 
PDF
Event Presentation Google Cloud Next Extended 2025
minhtrietgect
 
PDF
Accelerating Oracle Database 23ai Troubleshooting with Oracle AHF Fleet Insig...
Sandesh Rao
 
PDF
A Day in the Life of Location Data - Turning Where into How.pdf
Precisely
 
PPTX
The Power of IoT Sensor Integration in Smart Infrastructure and Automation.pptx
Rejig Digital
 
PDF
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
PDF
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
PDF
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 
Oracle AI Vector Search- Getting Started and what's new in 2025- AIOUG Yatra ...
Sandesh Rao
 
Shreyas_Phanse_Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
SHREYAS PHANSE
 
Chapter 2 Digital Image Fundamentals.pdf
Getnet Tigabie Askale -(GM)
 
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
AVTRON Technologies LLC
 
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
REPORT: Heating appliances market in Poland 2024
SPIUG
 
Building High-Performance Oracle Teams: Strategic Staffing for Database Manag...
SMACT Works
 
Software Development Methodologies in 2025
KodekX
 
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
Make GenAI investments go further with the Dell AI Factory - Infographic
Principled Technologies
 
CIFDAQ's Token Spotlight: SKY - A Forgotten Giant's Comeback?
CIFDAQ
 
Smart Infrastructure and Automation through IoT Sensors
Rejig Digital
 
Event Presentation Google Cloud Next Extended 2025
minhtrietgect
 
Accelerating Oracle Database 23ai Troubleshooting with Oracle AHF Fleet Insig...
Sandesh Rao
 
A Day in the Life of Location Data - Turning Where into How.pdf
Precisely
 
The Power of IoT Sensor Integration in Smart Infrastructure and Automation.pptx
Rejig Digital
 
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 

Typescript

  • 1. Neal Creative | click & Learn more Neal Creative © TIP │ Use the built-in color palette with green and yellow for callouts and accents
  • 5. Abstraction is a process where you show only “relevant” data and “hide” unnecessary details from the user Encapsulation is the process of combining data and functions into a single unit Modularity is the act of partitioning a program into single units Polymorphism is the ability of a message or data to be processed in more than one form Inheritance is the capability of one class to inherit properties from another class Basic Characteristics of Object Oriented Programming 1 2 3 4 5
  • 6. 6 JavaScript Objects OBJECT Property 1 Property 2 Property 3 Property 4 Property 5 Property 6
  • 8. 1
  • 10. VARIABLES • Variables is a container to hold data and is done by var keyword or let keyword. • If we skip keyword to declare a variable we get an error message as “cannot find name”. Example:
  • 11. Let vs Var Keyword • The scope of a variable defined with var is global scope or declared outside any function. • The scope of a variable defined with let is block scope. Example:-
  • 12. 12 TYPES • Type is a classification of data which tells the compiler or interpreter how the programmer intends to use the data(example : number, string). • TypeScript is a strongly typed language and JavaScript is a weakly typed language. • TypeScript has a small number of build-in types, including, 1. Number 2. String 3. Boolean 4. Array 5. Enum 6. Void & Any
  • 13. Number & String Types • The number type can be any set of any numbers • The string type can be any string-i.e,any sequence of Unicode characters encloses within a single or double quotes
  • 14. • You can also use template strings, which can span multiple lines and have embedded expressions. These strings are surrounded by the backtick/backquote (`) character, and embedded expressions are of the form ${ expr }.
  • 15. Boolean Types • Booleans have only two valid value true/false • Before version 0.9 of typeScript, the Boolean type was described using bool keyword. There was a breaking change in the 0.9 TypeScript language specifications, which changed the keyword to boolean
  • 16. Enum • Enums allow us to define a set of named numeric constants. • An enum can be defined using the enum keyword
  • 17. Array Types • Array types define both that a variable is an array and the kind of elements it contain. • Syntax:- 1. var [identifier]:type=[]; 2. var [identifier]:Array<type>=[]; • Example:-
  • 18. Any& Void types • The any data type is the super type of all types in TypeScript. It denotes a dynamic type.if we don’t know a particular type we can choose any type • void is a little like the opposite of any: the absence of having any type at all. You may commonly see this as the return type of functions that do not return a value
  • 19. 19 Operators • Operators are user for some operations on data. • All the standard JavaScript operators are available in TypeScript and they are, 1. Increment and Decrement Operator (“++“, “--“) 2. Binary Operator (“+“, “-“, “/“, “*“, “%“) 3. Bitwise Operator("~" , "&”, "|", "^" ,"<<" ,">>“) 4. Comparison Operators (“==" , “!=“ , “>", “<" ,"<=“, ”>=”) 5. Logical Operator (“&&“, “||“, ”!”) 6. Conditional Operator(“?:“)
  • 20. 20 Functions • Function is a block of code designed to perform a particular task. • Similar to JavaScript function. • Several optional features:types,optional parameters,default parameters. • A parameter is a variable in a method definition. When a method is called, the arguments are the data you pass into the method's parameters. Example:-
  • 21. 21 Optional Parameters • Parameters are required by default in TypeScript and we are creating an optional parameters with a question mark(?). • Example:-
  • 22. 22 Default Parameters • In Default parameters we are simply assigning some text as default value.when ever we omitted the argument default value is taken. Example:-
  • 23. 23 Class • Class is a way to bind data's and functions relating to any entity together. • Classes are defined with the class keyword and instantiated with the new keyword. • The syntax should look familiar if you’ve used C# or Java before.
  • 24. 24 Inheritance • Classes can inherit properties from other classes • A class inherits from another class using the extends keyword. • Child class inherits all methods and properties Example:-
  • 25. 25 Access Modifiers • Typescript supports the common access modifiers that control class members access. • Typescript access modifiers are : 1. public : available on instances everywhere 2. private : not available for access outside the class. 3. protected : available on child classes but not on instances directly.