Intro to TypeScript, HTML5DevConf Oct 2013

495 views

Published on

Matt Harrington's slides from "Introduction to TypeScript" at HTML5DevConf, Oct 2013, San Francisco.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
495
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • How to installHow to compile with tsc. Use SublimeText and build scriptPlayground:Class Employee. Fields, constructors, methods, optional static typingInheritance. Class Executive extends EmployeeInterfacesModules. Show how things are no longer in the global namespaceArrow functionsWebStorm:jQueryLarge app
  • Intro to TypeScript, HTML5DevConf Oct 2013

    1. 1. Intro to TypeScript Matt Harrington http://aka.ms/mattharrington @mh415
    2. 2. Agenda • What is TypeScript and why should you care? • How to install and use • Demos • Feature overview • Benefits for: • jQuery users • Angular devs • Library writers • Larger apps
    3. 3. What is TypeScript? TypeScript is a language for application-scale JavaScript development. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source.
    4. 4. TypeScript • Classes, modules, arrow functions (coming in ES6) • Interfaces, optional static typing JavaScript ES5
    5. 5. Workflow File.ts compiler tsc --out File.js File.ts File.js
    6. 6. JavaScript types String Number Array Boolean Null Object Undefined Prefer the terms static and dynamic to strong and weak
    7. 7. How does TypeScript compare to …? • Check out Bryan Klimt’s session: • “Stop Writing JavaScript by Hand: 7 Ways Transpiling Makes JavaScript Better” • Wednesday @ 1:30pm • Room N-125
    8. 8. How does TypeScript compare to …? TypeScript CoffeeScript Dart Main aim? Enable large-scale app dev with JavaScript Cleaner syntax, but compiles to JavaScript “A new language, with tools and libraries, for structured web app engineering” JS or something else? Yes, TS is a superset New language New language Static typing? Yes No Yes Classes, OOP? Yes Yes Yes Use 3rd party JS? Yes Yes Sorta (js-interop) Mac, Linux, Windows? Yes Yes Yes Which VM? Any JS VM Any JS VM Dart VM or JS VM Adapted from TypeScript Revealed by Dan Maharry
    9. 9. Summary • Typescriptlang.org & CodePlex • TypeScript adds: 1. 2. 3. 4. 5. • • • • Classes Modules Interfaces Arrow functions Optional static typing Compiles to plain old JavaScript. Use anywhere. Any JavaScript is TypeScript Use tons of 3rd party libraries Use it today on projects large and small
    10. 10. Questions? Tweet your questions to @mh415 and use these hashtags #html5devconf and #msdev @mh415/@msdev

    ×