TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for...
Transcript of TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for...
![Page 1: TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for C# Developers ‐Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox](https://reader031.fdocuments.net/reader031/viewer/2022020203/5a7689c17f8b9aa3618d4b3e/html5/thumbnails/1.jpg)
Visual Studio Live! Redmond 2016
T07 ‐ TypeScript for C# Developers ‐ Chris Klug
TypeScript for C# DevelopersChris Klug
Technical DudeNovatrox
Who am I?
![Page 2: TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for C# Developers ‐Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox](https://reader031.fdocuments.net/reader031/viewer/2022020203/5a7689c17f8b9aa3618d4b3e/html5/thumbnails/2.jpg)
Visual Studio Live! Redmond 2016
T07 ‐ TypeScript for C# Developers ‐ Chris Klug
”What’s wrong with JavaScript?”
”What’s wrong with JavaScript!?”
The solution? TypeScript!
![Page 3: TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for C# Developers ‐Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox](https://reader031.fdocuments.net/reader031/viewer/2022020203/5a7689c17f8b9aa3618d4b3e/html5/thumbnails/3.jpg)
Visual Studio Live! Redmond 2016
T07 ‐ TypeScript for C# Developers ‐ Chris Klug
What is TypeScript?...and why I should still learn JavaScript?
JavaScript# or ES++JavaScript for C#/Java/C++ devs
![Page 4: TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for C# Developers ‐Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox](https://reader031.fdocuments.net/reader031/viewer/2022020203/5a7689c17f8b9aa3618d4b3e/html5/thumbnails/4.jpg)
Visual Studio Live! Redmond 2016
T07 ‐ TypeScript for C# Developers ‐ Chris Klug
Static typing, and then some...Namespace, class, interface, enum, types, lambdas, generics
…and encapsulation…...sort of…private is only kind of private...
![Page 5: TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for C# Developers ‐Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox](https://reader031.fdocuments.net/reader031/viewer/2022020203/5a7689c17f8b9aa3618d4b3e/html5/thumbnails/5.jpg)
Visual Studio Live! Redmond 2016
T07 ‐ TypeScript for C# Developers ‐ Chris Klug
Demo | Basic usage
![Page 6: TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for C# Developers ‐Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox](https://reader031.fdocuments.net/reader031/viewer/2022020203/5a7689c17f8b9aa3618d4b3e/html5/thumbnails/6.jpg)
Visual Studio Live! Redmond 2016
T07 ‐ TypeScript for C# Developers ‐ Chris Klug
Installing TypeScriptVisual Studio 2013.2
Visual Studio 2015
npm install -g typescript
External vs internal modulesmodule X.Y.Z > namespace X.Y.z
export class X
import X from ”./moduleX”
![Page 7: TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for C# Developers ‐Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox](https://reader031.fdocuments.net/reader031/viewer/2022020203/5a7689c17f8b9aa3618d4b3e/html5/thumbnails/7.jpg)
Visual Studio Live! Redmond 2016
T07 ‐ TypeScript for C# Developers ‐ Chris Klug
Modules and module loadersAMD, CommonJS, System, UMD, ES2015
RequireJS, SystemJS, Webpack, Browserify
Demo | Building something
![Page 8: TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for C# Developers ‐Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox](https://reader031.fdocuments.net/reader031/viewer/2022020203/5a7689c17f8b9aa3618d4b3e/html5/thumbnails/8.jpg)
Visual Studio Live! Redmond 2016
T07 ‐ TypeScript for C# Developers ‐ Chris Klug
Alternatives for transpilation
tsc -w
Transpilation is a build stepDo NOT check in transpiled JavaScript in source control!
![Page 9: TypeScript for C# Developers · PDF fileVisual Studio Live! Redmond 2016 T07 ‐TypeScript for C# Developers ‐Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox](https://reader031.fdocuments.net/reader031/viewer/2022020203/5a7689c17f8b9aa3618d4b3e/html5/thumbnails/9.jpg)
Visual Studio Live! Redmond 2016
T07 ‐ TypeScript for C# Developers ‐ Chris Klug
Thank you!
Chris KlugNovatrox@ZeroKollhttp://[email protected]://bit.ly/understanding‐owin