Type script francis_paulin_20131129
-
Upload
francis-dougherty-paulin -
Category
Technology
-
view
120 -
download
4
Transcript of Type script francis_paulin_20131129
![Page 1: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/1.jpg)
TypeScriptHVORFOR OG HVORDAN, EN PRAKTISK INNFØRING
Francis Paulin, Software Engineer @ Steria Norway
@paulin_francis
![Page 2: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/2.jpg)
Hva er TypeScript?
Supersett av JavaScript – forsøker å ligge tett opp mot ES6
Designet av Anders Hejlsberg
JavaScript er gyldig TypeScript
Kompilator som kompilerer til JavaScript
Kan kompilere til ES3 eller ES5
TypeScript kan innføres litt og litt i en kodebase
![Page 3: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/3.jpg)
Tooling Visual Studio 2012 og 2013
Sublime
Npm (npm install -g typescript)
http://www.typescriptlang.org/#Download
![Page 4: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/4.jpg)
Typer
string
number
boolean
any
void*
<T>
![Page 5: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/5.jpg)
Syntaks
![Page 6: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/6.jpg)
Klasser
![Page 7: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/7.jpg)
Moduler Som namespace i C#
![Page 8: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/8.jpg)
Interface
![Page 9: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/9.jpg)
Arv
![Page 10: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/10.jpg)
Valgfrie& rest-parametere
![Page 11: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/11.jpg)
Generics
![Page 12: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/12.jpg)
Properties Obs: Fungerer kun dersom man kompilerer til ES5!
![Page 13: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/13.jpg)
Fallgruber
![Page 14: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/14.jpg)
Eksterne biblioteker
Typedefinisjoner: .d.ts
Ambient declarations
https://github.com/borisyankov/DefinitelyTyped
Definisjoner finnes også på Nuget
![Page 15: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/15.jpg)
Demo
![Page 16: Type script francis_paulin_20131129](https://reader034.fdocument.pub/reader034/viewer/2022042716/55a70dbf1a28ab01628b458b/html5/thumbnails/16.jpg)
Komme i gang
http://www.typescriptlang.org/Playground/
http://pluralsight.com/training/courses/TableOfContents?courseNa
me=typescript
http://www.typescriptlang.org/Content/TypeScript%20Language%2
0Specification.pdf