TypeScript - Speaker Deck

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

“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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Demo

Slide 9

Slide 9 text

Demo

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

“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…