TypeScript

A short introduction to TypeScript (presented in Dev Friday at Medius)

Transcript

1. TypeScript
   the future of JavaScript is here…
   …and it comes with extra goodies
   

   View Slide

2. 1. What is TypeScript?
   2. Walkthrough demo
   3. Tooling
   

   View Slide

3. “Microsoft's TypeScript may be the best of the many
   JavaScript front ends. It seems to generate the most
   attractive code. “
   Douglas Crockford – visionary and guru
   

   View Slide

4. Douglas Crockford – dynamic type hippie
   “I think that JavaScript's loose typing is one of its best
   features and that type checking is way overrated.
   TypeScript adds sweetness, but at a price. It is not a
   price I am willing to pay.”
   

   View Slide

5. - Application-scale JavaScript
   - Modules and classes
   - Strongly typed
   - Lots of syntactic sugar
   - Superset of JavaScript
   What is TypeScript?
   

   View Slide

6. …it’s…
   What is TypeScript?
   In summary…
   JavaScript #
   

   View Slide

7. View Slide

8. Demo
   

   View Slide

9. Demo
   

   View Slide

10. Demo
    “Hmm…
    … what if …
    We change some our *.js files to *.ts files…?”
    

    View Slide

11. - Application-scale JavaScript
    - Modules and classes
    - Strongly typed
    - Lots of syntactic sugar
    - Superset of JavaScript
    Tooling
    Where to get it?
    

    View Slide

12. “Hmm…
    … what if …
    We change some our *.js files to *.ts files…?”
    Where to get it?
    Full support for TypeScript preview and compilation.
    When a TypeScript file (.ts) is saved in Visual Studio, Web
    Essentials will compile it automatically and generate a preview.
    Regions, source maps, minification…
    

    View Slide

13. Where to get it?
    

    View Slide

14. If you want to know more…
    http://www.typescriptlang.org/
    

    View Slide

15. If you want to know more…
    

    View Slide

16. Thank you!!!
    

    View Slide