Slides of SMG Internal Presentation

1. TypeScript Language
Serdar Sert | Software Infrastructure
TypeScript

2. AGENDA
 What’s JavaScript
 What’s TypeScript ?
 Why TypeScript ?
 Features
 Development Environment
 Language Specification (Demo)
 Alternatives

3. JAVASCRIPT
What’s JavaScript ?
 JavaScript is the most
popular programming
language in the world.

4. What’s JavaScript ?

5. What’s JavaScript ?

6. What’s JavaScript ?

7. What’s JavaScript ?
 JavaScript is a programming language used to
make web pages interactive.

8. What’s JavaScript ?
 JavaScript was
really never
designed to be a
programming
language. It’s a
scripting language.

9. JAVASCRIPT

10. What’s Good About JAVASCRIPT?
 It’s everywhere

11. What’s Good About JAVASCRIPT?
 Huge amount of libraries

12. What’s Good About JAVASCRIPT?
 Flexible

13. JAVASCRIPT

14. JAVASCRIPT
What’s wrong in JavaScript ?

15. What’s wrong in JAVASCRIPT?
 Dynamic typing

16. What’s wrong in JAVASCRIPT?
 Lack of modularity

17. 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

18. 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

19. TYPESCRIPT
What Is TypeScript?
 Superset of JavaScript
 Contains all of
JavaScript. And much
more !

20. What’s TypeScript?
 Transpile ES6 to ES5

21. What’s TypeScript?
 ES5

22. What’s TypeScript?
 ES6

23. What’s TypeScript?
 Leverage some future(ES7) features

24. What’s TypeScript?
 Compiles to plain JavaScript

25. What’s TypeScript?
 No special runtime

26. What’s TypeScript?
 Any browser. Any host. Any OS.

27. What’s TypeScript?
 Open Source.

28. Why TypeScript?
 TypeScript works
with all JavaScript
frameworks,
libraries.

29. Why TypeScript?
Strong Typing
 Catch errors at compile time.
 Better tooling (refactoring,
autocomplete,intellisense)
 Explicitly express intent

30. What’s TypeScript?
Class-based object orientation
tsc
mainController.ts
var x: number;
class mainController { }
mainController.js
var x;
function mainController { }
cscmainController.cs mainController.dll

31. 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

32. Development Environment
Node.js
The command-line TypeScript compiler
can be installed as a Node.js package.
npm install -g typescript
tsc helloworld.ts
Tools
Visual 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 Source
TypeScript is being developed on GitHub. The TypeScript compiler is implemented
in TypeScript, and can be used in any JavaScript host.

33. Language Specification
DEMO

34. Alternatives
http://coffeescript.org/ https://www.dartlang.org/
AtScript

35. Friends Of TypeScript

36. Any Questions ?

37. THANK YOU