1.
TypeScript
Mohamed Hegazy
Microsoft

2.
InfoQ.com: News & Community Site
• 750,000 unique visitors/month
• Published in 4 languages (English, Chinese, Japanese and Brazilian
Portuguese)
• Post content from our QCon conferences
• News 15-20 / week
• Articles 3-4 / week
• Presentations (videos) 12-15 / week
• Interviews 2-3 / week
• Books 1 / month
Watch the video with slide
synchronization on InfoQ.com!
http://www.infoq.com/presentations
/tpescript-language-tools

3.
Purpose of QCon
- to empower software development by facilitating the spread of
knowledge and innovation
Strategy
- practitioner-driven conference designed for YOU: influencers of
change and innovation in your teams
- speakers and topics driving the evolution and innovation
- connecting and catalyzing the influencers and innovators
Highlights
- attended by more than 12,000 delegates since 2007
- held in 9 cities worldwide
Presented at QCon San Francisco
www.qconsf.com

4.
TypeScript: A typed superset of JavaScript that
compiles to plain JavaScript.

5.
Static Types  Better Tooling.

6.
Features from the Future, Today.

7.
Any browser. Any host. Any OS.

8.
Open Source.

9.
Demo

10.
• Structural typing and type inference
• In practice very few type annotations are necessary
• Interfaces, generics, union types, tuple types
• Increases accuracy and expressiveness of type system
• Works with existing JavaScript libraries
• Declaration files can be written and maintained separately
• Types enable tooling
• Provide verification and assistance, but not hard guarantees
Type System

11.
• Modules
• Classes
• Arrow functions
• Default parameters
• Destructuring
• Spread and rest
• Let and const
• Exponentiation
• for...of
• Object literal methods
• Shorthand properties
• Computed properties
• Octal / binary literals
• Symbols
• Template strings
• async..await
Features from the Future, Today

12.
• Community
• https://github.com/Microsoft/TypeScript
• Over 5,000 StackOverflow questions
• Frameworks
• Over 1,000 .d.ts library definitions on Definitely Typed repository covering
practically all popular JavaScript frameworks
• Tool support
• IDEs: Visual Studio, VS Code, Sublime Text, Atom, WebStorm, …
• Build and test: ASP.NET, grunt, gulp, tsUnit, tslint, typedoc
TypeScript Ecosystem

13.
• TypeScript 1.6
• All of ES6, JSX support, abstract classes, intersection types
• TypeScript 1.7
• ES6 async/await, polymorphic this type, exponentiation operator
• TypeScript 1.8
• String literal types, Unreachable code detection, Stateless JSX functions
support, module concatenation, .d.ts flattening, importing .js modules
TypeScript Roadmap

14.
http://typescriptlang.org

15.
TypeScript + Angular 2
Source: http://angularjs.blogspot.com/2015/09/angular-2-survey-results.html

16.
• TypeScript 1.7
• ES7 exponentiation operator
• this type
• Support --module with --target es6
• Support for decorators when targeting ES3
• Improved checking of destructuring with literal initializers
• TypeScript 1.8
• Support for path mappings module resolution
• Support JavaScript in TypeScript compilations
• Support for unreachable code reporting
• Support for comments in tsconfig.json
• Support for stylized error messages in terminal output with --pretty
• Module bundling
• And more …
TypeScript Roadmap

17.
IDE/Editors

18.
Build tools

19.
Watch the video with slide synchronization on
InfoQ.com!
http://www.infoq.com/presentations/tpescript-
language-tools