TypeScript Language

Serdar Sert | Software Infrastructure

TypeScript

AGENDA

What’s JavaScript

What’s TypeScript ?

Why TypeScript ?

Features

Development Environment

Language Specification (Demo)

Alternatives

JAVASCRIPT

What’s JavaScript ? JavaScript is the most

popular programming language in the world.

What’s JavaScript ?

What’s JavaScript ?

What’s JavaScript ?

What’s JavaScript ?

JavaScript is a programming language used to make web pages interactive.

What’s JavaScript ?

JavaScript was really never designed to be a programming language. It’s a scripting language.

JAVASCRIPT

What’s Good About JAVASCRIPT?

It’s everywhere

What’s Good About JAVASCRIPT?

Huge amount of libraries

What’s Good About JAVASCRIPT?

Flexible

JAVASCRIPT

JAVASCRIPT

What’s wrong in JavaScript ?

What’s wrong in JAVASCRIPT?

Dynamic typing

What’s wrong in JAVASCRIPT?

Lack of modularity

TYPESCRIPT

TypeScript is an open source language and compiler written by Microsoft.

Adds optional static typing and class-based object oriented programming to the javascript language

TYPESCRIPT

He was the original author of Turbo Pascal and the chief architect of Delphi. He currently works for Microsoft as the lead architect of C# and core developer on TypeScript. Anders Hejlsberg

TYPESCRIPT

What Is TypeScript? Superset of JavaScript Contains all of

JavaScript. And much more !

What’s TypeScript?

Transpile ES6 to ES5

What’s TypeScript?

ES5

What’s TypeScript?

ES6

What’s TypeScript?

Leverage some future(ES7) features

What’s TypeScript?

Compiles to plain JavaScript

What’s TypeScript?

No special runtime

What’s TypeScript?

Any browser. Any host. Any OS.

What’s TypeScript?

Open Source.

Why TypeScript?

TypeScript works

with all JavaScript

frameworks,

libraries.

Why TypeScript?

Strong Typing Catch errors at compile time. Better tooling (refactoring,

autocomplete,intellisense) Explicitly express intent

What’s TypeScript?

Class-based object orientation

tscmainController.tsvar x: number;class mainController { }

mainController.jsvar x;function mainController { }

cscmainController.cs mainController.dll

Why TypeScript?

At Development Time Better type checking More powerful refactoring experience Class-based object oriented programming

techniques

At Deployment Time It’s just JavaScript

Development Environment

Node.jsThe command-line TypeScript compiler can be installed as a Node.js package.

npm install -g typescript

tsc helloworld.ts

ToolsVisual Studio includes TypeScript in the box, starting with Visual Studio 2013 Update 2. You can also edit TypeScript in VS Code, WebStorm, Atom,Sublime Text, and Eclipse.

Open SourceTypeScript is being developed on GitHub. The TypeScript compiler is implemented in TypeScript, and can be used in any JavaScript host.

Language Specification

DEMO

Alternatives

http://coffeescript.org/ https://www.dartlang.org/

AtScript

Friends Of TypeScript

Any Questions ?

THANK YOU