wat kan typescript voor jou betekenen
TRANSCRIPT
![Page 1: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/1.jpg)
Welkom!
![Page 2: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/2.jpg)
Wat kan TypeScript voor jou betekenen?
![Page 3: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/3.jpg)
ALM
ALM Ranger Microsoft
AuteurGetrouwd
Lezen C#
![Page 4: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/4.jpg)
Agenda
• Introductie tot TypeScript– Wat is het– Wat kan het
• Van een JavaScript project naar TypeScript– Geleidelijk overstappen– De voordelen
• TypeScript in de Wereld– Community– Gebruik
![Page 5: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/5.jpg)
![Page 6: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/6.jpg)
![Page 7: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/7.jpg)
Atwood's Law: any application that can be written in JavaScript, will eventually be written in JavaScript.
![Page 8: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/8.jpg)
JavaScript is the Assembly Language of the Web
![Page 9: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/9.jpg)
No one writes JavaScript anymore.They write jQuery.
![Page 10: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/10.jpg)
![Page 11: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/11.jpg)
– Geen classes of modules• Alles globlal
– JavaScript code ‘rots’ – Een groot JavaScript project is in steen gebeiteld
Problemen met JavaScript
![Page 12: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/12.jpg)
TypeScript is a language for application scale JavaScript development.
TypeScript is a typed superset of JavaScriptthat compiles to plain JavaScript.
TypeScript is a typed superset of JavaScriptthat compiles to plain JavaScript.
Any browser. Any host. Any OS. Open Source.
Application scale JavaScriptdevelopment is hard.
![Page 13: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/13.jpg)
TypeScript
Begint met JavaScriptAlle JavaScript code is TypeScript codeAlle JavaScript libraries werken met TypeScript
Static types, classes, generics and modulesMaakt grotere Applicaties mogelijk met uitstekende toolingZero cost: Static types verdwijnen volledig at run-time
Eindigt met JavaScriptCompileert naar JavaScriptDraait overal
![Page 14: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/14.jpg)
Basic Features of TypeScript
InterfacesAlle JavaScript objecten kunnen beschreven worden met een interfaceImplicitiet aan voldaan
ClassesGebruikelijke OOP idiomsToekomst vast
GenericsLichtgewicht herbruikbare code zonder runtime overhead
ModulesGroepeer interfaces/classes/functionsVermijd de global namespace
![Page 15: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/15.jpg)
Demohttp://typescriptlang.org
![Page 16: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/16.jpg)
Converting a JavaScript project to TypeScript
![Page 17: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/17.jpg)
Geen big bang conversie
![Page 18: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/18.jpg)
DemoConverting a project
![Page 19: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/19.jpg)
TypeScript in de wereld
![Page 20: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/20.jpg)
TypeScript Adoption
![Page 21: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/21.jpg)
TypeScript 1.0
CompilerOpen Source, geschreven in TypeScript.
ToolingOfficieel gesupport in Visual Studio en Visual Studio Online
LibrariesStatic typing van de DOM, jQuery, node.js, WinRT, WinJS
En nog meer!Veel voorbeelden, TypeScript handbook, language specification
![Page 22: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/22.jpg)
Tot slot
![Page 23: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/23.jpg)
Large scale JavaScriptdevelopment is hard.
TypeScript makes it easier.
![Page 24: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/24.jpg)
En nu?
http://typescriptlang.orghttps://github.com/borisyankov/DefinitelyTypedStackoverflow
![Page 25: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/25.jpg)
Bedankt!
![Page 26: Wat kan TypeScript voor jou betekenen](https://reader030.vdocuments.mx/reader030/viewer/2022032505/55c5a49cbb61eb2f2a8b4578/html5/thumbnails/26.jpg)