TypeScript JavaScript on Steroids Kai Tödter 6/23/2015 1 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License.

Who am I?  Senior Software System Architect at Siemens Building Technologies  Web Technology Fan  Open Source Lover  E-mail: [email protected]  Twitter: twitter.com/kaitoedter  Google+: gplus.to/toedter  Blog: toedter.com/blog 6/23/2015 2 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License.

Show Hands! 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 3

TypeScript? 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 4

After this session I’ll have an idea what TypeScript is all about! 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 5

Outline  Why JavaScript scares many Java/OO developers  TypeScript Introduction  Demos & Live Coding 6/23/2015 6 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License.

JavaScript? Many Java/OO developers don’t like JavaScript regarding writing larger applications. Some reasons are:  No static typing  No reliable code completion (only best guess)  Hard to refactor  Not object-oriented, especially  No structuring mechanisms like Interfaces, Classes, Modules  … 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 7

Who fixes that?  Dart  Great language by Google: dartlang.org  Team has to learn new language  Either runs on Dart VM or compiles to JavaScript  CoffeeScript  Ruby-like, concise syntax  Compiles to JavaScript  coffescript.org  BabelJS  JavaScript compiler  babeljs.io  Traceur  JavaScript compiler  github.com/google/traceur-compiler 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 8

TypeScript: Summary  Typed Superset of JavaScript  Almost all valid JavaScript is valid TypeScript*  Compiles to JavaScript  Provides optional static type checking at compile time  For most existing JavaScript libraries there are type definitions available  Provides Interfaces, Classes, Modules, Enums, Generics and more  Open Source: Apache 2.0 License  Created by Microsoft * Exceptions mostly related to type inference 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 9

How to get started?  www.typescriptlang.org  Install node.js (nodejs.org)  Invoke “npm install –g typescript”  Compile a TypeScript file: “tsc myTypeScript.ts”  Results in “myTypeScript.js” 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 10

www.typescriptlang.org 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 11

Play! 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 12

Definitely Typed 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 13

WebStorm/IntelliJ IDEA 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 14

Eclipse 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 15

Visual Studio 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 16

Live Demo https://github.com/toedter/typescript-contacts-demo https://github.com/toedter/chatty https://github.com/toedter/webapp-tutorial https://github.com/toedter/angular2-typescript-demo 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 17

6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 18 Discussion

License  This work is licensed under a Creative Commons Attribution 4.0 International License.  See http://creativecommons.org/licenses/by/4.0/ 6/23/2015 © Kai Tödter, Licensed under a Creative Commons Attribution 4.0 International License. 19