9
Visual Studio Live! Redmond 2016 T07 TypeScript for C# Developers Chris Klug TypeScript for C# Developers Chris Klug Technical Dude Novatrox Who am I?

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

  • Upload
    dinhthu

  • View
    244

  • Download
    3

Embed Size (px)

Citation preview

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

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

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

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

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

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

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

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

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

Visual Studio Live! Redmond 2016

T07 ‐ TypeScript for C# Developers ‐ Chris Klug

Thank you!

Chris KlugNovatrox@ZeroKollhttp://[email protected]://bit.ly/understanding‐owin