SlideShare a Scribd company logo
1 of 14
Download to read offline
Introducing TypeScript
Bart J.F. De Smet
Senior Software Development Engineer
bartde@microsoft.com
Introducing TypeScript
Application scale JavaScript
   development is hard.
TypeScript is a language for application
    scale JavaScript development.
TypeScript is a typed superset of JavaScript
    that compiles to plain JavaScript.
TypeScript is a typed superset of JavaScript
     that compiles to plain JavaScript.

Any browser. Any host. Any OS. Open Source.
TypeScript
Starts with JavaScript
   All JavaScript code is TypeScript code, simply copy and paste
   All JavaScript libraries work with TypeScript


Optional static types, classes, modules
   Enable scalable application development and excellent tooling
   Zero cost: Static types completely disappear at run-time


Ends with JavaScript
   Compiles to idiomatic JavaScript
   Runs in any browser or host, on any OS
TypeScript Type System
Type System
Formalization of JavaScript’s types
   Static representation of JavaScript’s dynamic type system


Type inference and structural typing
   In practice very few type annotations are necessary


Works with existing JavaScript libraries
   Declaration files can be written and maintained separately


Not “provably type safe”
   Types reflect intent but do not provide guarantees
TypeScript classes and modules
Classes and modules
Scalable application structuring
   Classes, Modules, and Interfaces enable clear contracts between components


Aligned with emerging standards
   Class, Module, and Arrow Function syntax aligns with ECMAScript 6 proposals


Supports popular module systems
   CommonJS and AMD modules in any ECMAScript 3 compatible environment
Application Scale TypeScript
TypeScript preview
Compiler
   Open Source, written in TypeScript


Tooling
   Visual Studio language service, browser hosted playground


Libraries
   Static typing of DOM, jQuery, node.js, WinRT, WinJS, …


And More
   Lots of samples and formal Language Specification
Introducing TypeScript

More Related Content

What's hot

TypeScript Modules
TypeScript ModulesTypeScript Modules
TypeScript ModulesNoam Kfir
 
TypeScript . the JavaScript developer best friend!
TypeScript . the JavaScript developer best friend!TypeScript . the JavaScript developer best friend!
TypeScript . the JavaScript developer best friend!Alessandro Giorgetti
 
Introducing type script
Introducing type scriptIntroducing type script
Introducing type scriptRemo Jansen
 
TypeScript: Basic Features and Compilation Guide
TypeScript: Basic Features and Compilation GuideTypeScript: Basic Features and Compilation Guide
TypeScript: Basic Features and Compilation GuideNascenia IT
 
Introduction to TypeScript by Winston Levi
Introduction to TypeScript by Winston LeviIntroduction to TypeScript by Winston Levi
Introduction to TypeScript by Winston LeviWinston Levi
 
Typescript Fundamentals
Typescript FundamentalsTypescript Fundamentals
Typescript FundamentalsSunny Sharma
 
Introduction about type script
Introduction about type scriptIntroduction about type script
Introduction about type scriptBinh Quan Duc
 
TypeScript introduction to scalable javascript application
TypeScript introduction to scalable javascript applicationTypeScript introduction to scalable javascript application
TypeScript introduction to scalable javascript applicationAndrea Paciolla
 
Power Leveling your TypeScript
Power Leveling your TypeScriptPower Leveling your TypeScript
Power Leveling your TypeScriptOffirmo
 
Typescript: enjoying large scale browser development
Typescript: enjoying large scale browser developmentTypescript: enjoying large scale browser development
Typescript: enjoying large scale browser developmentJoost de Vries
 
TypeScript Best Practices
TypeScript Best PracticesTypeScript Best Practices
TypeScript Best Practicesfelixbillon
 
TypeScript: Angular's Secret Weapon
TypeScript: Angular's Secret WeaponTypeScript: Angular's Secret Weapon
TypeScript: Angular's Secret WeaponLaurent Duveau
 
Getting started with typescript and angular 2
Getting started with typescript  and angular 2Getting started with typescript  and angular 2
Getting started with typescript and angular 2Knoldus Inc.
 

What's hot (20)

AngularConf2015
AngularConf2015AngularConf2015
AngularConf2015
 
TypeScript Modules
TypeScript ModulesTypeScript Modules
TypeScript Modules
 
TypeScript . the JavaScript developer best friend!
TypeScript . the JavaScript developer best friend!TypeScript . the JavaScript developer best friend!
TypeScript . the JavaScript developer best friend!
 
TypeScript 101
TypeScript 101TypeScript 101
TypeScript 101
 
Introducing type script
Introducing type scriptIntroducing type script
Introducing type script
 
TypeScript: Basic Features and Compilation Guide
TypeScript: Basic Features and Compilation GuideTypeScript: Basic Features and Compilation Guide
TypeScript: Basic Features and Compilation Guide
 
Introduction to TypeScript by Winston Levi
Introduction to TypeScript by Winston LeviIntroduction to TypeScript by Winston Levi
Introduction to TypeScript by Winston Levi
 
Typescript Fundamentals
Typescript FundamentalsTypescript Fundamentals
Typescript Fundamentals
 
TypeScript Presentation
TypeScript PresentationTypeScript Presentation
TypeScript Presentation
 
Introduction about type script
Introduction about type scriptIntroduction about type script
Introduction about type script
 
TypeScript introduction to scalable javascript application
TypeScript introduction to scalable javascript applicationTypeScript introduction to scalable javascript application
TypeScript introduction to scalable javascript application
 
Power Leveling your TypeScript
Power Leveling your TypeScriptPower Leveling your TypeScript
Power Leveling your TypeScript
 
Typescript: enjoying large scale browser development
Typescript: enjoying large scale browser developmentTypescript: enjoying large scale browser development
Typescript: enjoying large scale browser development
 
Getting started with typescript
Getting started with typescriptGetting started with typescript
Getting started with typescript
 
TypeScript Overview
TypeScript OverviewTypeScript Overview
TypeScript Overview
 
TypeScript Best Practices
TypeScript Best PracticesTypeScript Best Practices
TypeScript Best Practices
 
TypeScript - An Introduction
TypeScript - An IntroductionTypeScript - An Introduction
TypeScript - An Introduction
 
TypeScript: Angular's Secret Weapon
TypeScript: Angular's Secret WeaponTypeScript: Angular's Secret Weapon
TypeScript: Angular's Secret Weapon
 
Typescript
TypescriptTypescript
Typescript
 
Getting started with typescript and angular 2
Getting started with typescript  and angular 2Getting started with typescript  and angular 2
Getting started with typescript and angular 2
 

Similar to Introducing TypeScript

Type script = javascript (alomst) done right
Type script = javascript (alomst) done rightType script = javascript (alomst) done right
Type script = javascript (alomst) done rightMaurice De Beijer [MVP]
 
Typescript for the programmers who like javascript
Typescript for the programmers who like javascriptTypescript for the programmers who like javascript
Typescript for the programmers who like javascriptAndrei Sebastian Cîmpean
 
TypeScript: Angular's Secret Weapon
TypeScript: Angular's Secret WeaponTypeScript: Angular's Secret Weapon
TypeScript: Angular's Secret WeaponLaurent Duveau
 
Lightning talk-ppt-802973941-typescript
Lightning talk-ppt-802973941-typescriptLightning talk-ppt-802973941-typescript
Lightning talk-ppt-802973941-typescriptNeha Gawade
 
Typescript overview
Typescript overviewTypescript overview
Typescript overviewThanvilahari
 
Inside .net framework
Inside .net frameworkInside .net framework
Inside .net frameworkFaisal Aziz
 
TypeScript Jump Start
TypeScript Jump StartTypeScript Jump Start
TypeScript Jump StartMostafa
 
.Net overview|Introduction Of .net
.Net overview|Introduction Of .net.Net overview|Introduction Of .net
.Net overview|Introduction Of .netpinky singh
 
TypeScript vs. JavaScript: Which is Faster?
TypeScript vs. JavaScript: Which is Faster?TypeScript vs. JavaScript: Which is Faster?
TypeScript vs. JavaScript: Which is Faster?Tien Nguyen
 
Introduction to programming world
Introduction to programming worldIntroduction to programming world
Introduction to programming worldJaskaran Singh
 

Similar to Introducing TypeScript (20)

TypeScript
TypeScriptTypeScript
TypeScript
 
Type script
Type scriptType script
Type script
 
TypeScript
TypeScriptTypeScript
TypeScript
 
Type script = javascript (alomst) done right
Type script = javascript (alomst) done rightType script = javascript (alomst) done right
Type script = javascript (alomst) done right
 
Type script
Type scriptType script
Type script
 
TypeScript VS JavaScript.pptx
TypeScript VS JavaScript.pptxTypeScript VS JavaScript.pptx
TypeScript VS JavaScript.pptx
 
Typescript for the programmers who like javascript
Typescript for the programmers who like javascriptTypescript for the programmers who like javascript
Typescript for the programmers who like javascript
 
TypeScript: Angular's Secret Weapon
TypeScript: Angular's Secret WeaponTypeScript: Angular's Secret Weapon
TypeScript: Angular's Secret Weapon
 
Visual studio
Visual studioVisual studio
Visual studio
 
SynapseIndia dotnet module development part 1
SynapseIndia  dotnet module development part 1SynapseIndia  dotnet module development part 1
SynapseIndia dotnet module development part 1
 
Lightning talk-ppt-802973941-typescript
Lightning talk-ppt-802973941-typescriptLightning talk-ppt-802973941-typescript
Lightning talk-ppt-802973941-typescript
 
Typescript overview
Typescript overviewTypescript overview
Typescript overview
 
.Net Session Overview
.Net Session Overview.Net Session Overview
.Net Session Overview
 
Inside .net framework
Inside .net frameworkInside .net framework
Inside .net framework
 
TypeScript Jump Start
TypeScript Jump StartTypeScript Jump Start
TypeScript Jump Start
 
.Net
.Net.Net
.Net
 
Babel.pptx
Babel.pptxBabel.pptx
Babel.pptx
 
.Net overview|Introduction Of .net
.Net overview|Introduction Of .net.Net overview|Introduction Of .net
.Net overview|Introduction Of .net
 
TypeScript vs. JavaScript: Which is Faster?
TypeScript vs. JavaScript: Which is Faster?TypeScript vs. JavaScript: Which is Faster?
TypeScript vs. JavaScript: Which is Faster?
 
Introduction to programming world
Introduction to programming worldIntroduction to programming world
Introduction to programming world
 

More from Microsoft Developer Network (MSDN) - Belgium and Luxembourg

More from Microsoft Developer Network (MSDN) - Belgium and Luxembourg (20)

Code in the Cloud - Ghent - 20 February 2015
Code in the Cloud - Ghent - 20 February 2015Code in the Cloud - Ghent - 20 February 2015
Code in the Cloud - Ghent - 20 February 2015
 
Executive Summit for ISV & Application builders - January 2015
Executive Summit for ISV & Application builders - January 2015Executive Summit for ISV & Application builders - January 2015
Executive Summit for ISV & Application builders - January 2015
 
Executive Summit for ISV & Application builders - Internet of Things
Executive Summit for ISV & Application builders - Internet of ThingsExecutive Summit for ISV & Application builders - Internet of Things
Executive Summit for ISV & Application builders - Internet of Things
 
Executive Summit for ISV & Application builders - January 2015
Executive Summit for ISV & Application builders - January 2015Executive Summit for ISV & Application builders - January 2015
Executive Summit for ISV & Application builders - January 2015
 
Code in the Cloud - December 8th 2014
Code in the Cloud - December 8th 2014Code in the Cloud - December 8th 2014
Code in the Cloud - December 8th 2014
 
Adam azure presentation
Adam   azure presentationAdam   azure presentation
Adam azure presentation
 
release management
release managementrelease management
release management
 
cloud value for application development
cloud value for application developmentcloud value for application development
cloud value for application development
 
Modern lifecycle management practices
Modern lifecycle management practicesModern lifecycle management practices
Modern lifecycle management practices
 
Belgian visual studio launch 2013
Belgian visual studio launch 2013Belgian visual studio launch 2013
Belgian visual studio launch 2013
 
Windows Azure Virtually Speaking
Windows Azure Virtually SpeakingWindows Azure Virtually Speaking
Windows Azure Virtually Speaking
 
Inside the Microsoft TechDays Belgium Apps
Inside the Microsoft TechDays Belgium AppsInside the Microsoft TechDays Belgium Apps
Inside the Microsoft TechDays Belgium Apps
 
TechDays 2013 Developer Keynote
TechDays 2013 Developer KeynoteTechDays 2013 Developer Keynote
TechDays 2013 Developer Keynote
 
Windows Phone 8 Security Deep Dive
Windows Phone 8 Security Deep DiveWindows Phone 8 Security Deep Dive
Windows Phone 8 Security Deep Dive
 
Deep Dive into Entity Framework 6.0
Deep Dive into Entity Framework 6.0Deep Dive into Entity Framework 6.0
Deep Dive into Entity Framework 6.0
 
Applied MVVM in Windows 8 apps: not your typical MVVM session!
Applied MVVM in Windows 8 apps: not your typical MVVM session!Applied MVVM in Windows 8 apps: not your typical MVVM session!
Applied MVVM in Windows 8 apps: not your typical MVVM session!
 
Building SPA’s (Single Page App) with Backbone.js
Building SPA’s (Single Page App) with Backbone.jsBuilding SPA’s (Single Page App) with Backbone.js
Building SPA’s (Single Page App) with Backbone.js
 
Deep Dive and Best Practices for Windows Azure Storage Services
Deep Dive and Best Practices for Windows Azure Storage ServicesDeep Dive and Best Practices for Windows Azure Storage Services
Deep Dive and Best Practices for Windows Azure Storage Services
 
Building data centric applications for web, desktop and mobile with Entity Fr...
Building data centric applications for web, desktop and mobile with Entity Fr...Building data centric applications for web, desktop and mobile with Entity Fr...
Building data centric applications for web, desktop and mobile with Entity Fr...
 
Bart De Smet Unplugged
Bart De Smet UnpluggedBart De Smet Unplugged
Bart De Smet Unplugged
 

Introducing TypeScript

  • 1. Introducing TypeScript Bart J.F. De Smet Senior Software Development Engineer bartde@microsoft.com
  • 3. Application scale JavaScript development is hard.
  • 4. TypeScript is a language for application scale JavaScript development.
  • 5. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
  • 6. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source.
  • 7. TypeScript Starts with JavaScript  All JavaScript code is TypeScript code, simply copy and paste  All JavaScript libraries work with TypeScript Optional static types, classes, modules  Enable scalable application development and excellent tooling  Zero cost: Static types completely disappear at run-time Ends with JavaScript  Compiles to idiomatic JavaScript  Runs in any browser or host, on any OS
  • 9. Type System Formalization of JavaScript’s types  Static representation of JavaScript’s dynamic type system Type inference and structural typing  In practice very few type annotations are necessary Works with existing JavaScript libraries  Declaration files can be written and maintained separately Not “provably type safe”  Types reflect intent but do not provide guarantees
  • 11. Classes and modules Scalable application structuring  Classes, Modules, and Interfaces enable clear contracts between components Aligned with emerging standards  Class, Module, and Arrow Function syntax aligns with ECMAScript 6 proposals Supports popular module systems  CommonJS and AMD modules in any ECMAScript 3 compatible environment
  • 13. TypeScript preview Compiler  Open Source, written in TypeScript Tooling  Visual Studio language service, browser hosted playground Libraries  Static typing of DOM, jQuery, node.js, WinRT, WinJS, … And More  Lots of samples and formal Language Specification