TypeScript: JavaScript for on Steroids

This session gives a brief introduction to TypeScript. The source code can be found at https://github.com/toedter/typescript-contacts-demo. TypeScript was created by Microsoft (Anders Hejlsberg) and is licensed under Apache 2.0. The main Web resource is typescriptlang.org. Here you find all information and you can play around live with a nice editor (seeing the original TypeScript and the compiled JavaScript). Currently the TypeScript compiler runs either as a node.js module or using Windows Scripting host. This slide deck is licensed under a Creative Commons Attribution 4.0 International License.

Transcript

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

   View Slide

2. Who am I?
    Senior Software System Architect
   at Siemens Building Technologies
    Web Technology Fan
    Open Source Lover
    E-mail: kai@toedter.com
    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.
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide