TypeScript is a free and open source programming language developed by Microsoft that adds optional static typing and classes to JavaScript. It is a strict superset of JavaScript that transcompiles to JavaScript. TypeScript addresses issues with JavaScript like dynamic types, refactoring, inheritance, and lack of strong typing by providing features like custom types, classes, modules, interfaces, and IntelliSense. The presentation introduces TypeScript, discusses its features and how it works, and provides statistics on its usage and adoption. A live demo then shows using TypeScript in Visual Studio.

1. Typescript language

2. Agenda
▪ Introduction to language
▪ Javascript problems
▪ Typescript features
▪ How Typescript works
▪ What you need to get started
▪ Similar languages
▪ Statistics
▪ Demo
▪ What’s next?
▪ More information
2

3. Introduction to language
▪ TypeScript is a free and open source programming language developed and maintained by
Microsoft
▪ It is a strict superset of JavaScript, and adds optional static typing and class-based object-
oriented programming to the language
▪ TypeScript is designed for development of large applications and transcompiles to JavaScript
▪ As TypeScript is a superset of JavaScript, any existing JavaScript programs are also valid
TypeScript programs.
▪ Appeared in 2012 October 1
▪ Current version 1.4
3

4. Javascript problems. Dynamic types
4

5. Javascript problems. Refactoring
5

6. Javascript problems. Which pattern to use?
6

7. Javascript problems. Inheritance
7

8. 8

9. Typescript features. Strongly typed. IntelliSense
9

10. Typescript features. Custom types
10

11. Typescript features. Better refactoring
11

12. Typescript features. Offers classes, modules, and
interfaces
12

13. How Typescript works
13

14. 14

15. TFS build fix for typescript ~ 1.0
1. Within Visual Studio right click on your project and unload it.
2. Right click on the project again and edit the csproj.
3. Make sure that the Typescript import comes directly after
Microsoft.CSharp.targets.
15
<Import Project="$(MSBuildBinPath)Microsoft.CSharp.targets" />
<Import Project="$(MSBuildExtensionsPath32)MicrosoftVisualStudiov$(VisualStudioVersion)
TypeScriptMicrosoft.TypeScript.targets" />

16. What you need to get started
16

17. Similar languages
17

18. Statistics. Project Size
18
10K LOC ~ jQuery 25K LOC ~ Angular

19. Statistics. Usage
19

20. Statistics. Project Types
20

21. Statistics. Stackoverflow
21

22. Statistics. Pluralsight
22

23. Statistics. GitHub
▪ 4 121 commits
▪ 68 branches
▪ 4 releases
▪ 38 contributors
▪ 497 issues
▪ 25 pull requests
23

24. Typescript demo
Using Visual Studio 2013, Resharper 9, Web
essentials and Typescript 1.3

25. What’s next?
▪ ECMAScript 6
▪ Typescript 2.0
▪ Typescript Roadmap
25

26. More information
▪ http://www.typescriptlang.org/
26