In deze repository vind je de basis source code om te starten met TypeScript. In deze workshop worden enkele basics van TypeScript behandeld in verschillende modules in de mappen 01 tot en met 07. Elke module zal voorzien zijn van een eigen document met uitleg en eventuele tips. Ook zie je verschillende codevoorbeelden.
Voor deze workshop heb je in ieder geval nodig;
- NPM/Node
- Visual Studio 2013/2015 en/of Visual Studio Code
- Let op: de toegevoegde codevoorbeelden zijn gemaakt met Visual Studio Code. Deze wordt dan ook enorm aanbevolen te gebruiken!
In de verschillende modules ga je met de volgende onderwerpen aan de slag:
- Module 01: Hello TypeScript; Een basis voor je eigen TypeScript App.
- Module 02: Types, Classes; Object georienteerd ontwikkelen in TypeScript.
- Module 03: Interfaces en Inheritance; Het gebruiken van interfaces en overerving van classes.
- Module 04: Generics; Het toepassen van het gelijknamige Generics van C#.
- Module 05: Modules; Werken met modules binnen TypeScript.
- Module 06: CRUD app; Het combineren van eerder opgedane kennis in een kleine applicatie.
- GEEN nieuwe taal; Let er op. TypeScript is geen nieuwe taal. Plain JavaScript kun je ook gewoon schrijven in de bijbehorende .ts bestanden. TypeScript is alleen een toevoeging op het bestaande JavaScript.
Om te beginnen moet je zorgen dat je de NPM(Node Package Manager) geinstalleerd hebt. Zodra je dit gedaan hebt installeer je TypeScript met het volgende commando;
npm install typescript -g
Wanneer TypeScript is geinstalleerd kun je beginnen aan de eerste module.
Dat kan zeker. Je kan deze repository eventueel 'forken' om er een eigen draai aan te geven of je kunt me een mailtje sturen met suggesties mocht je nog wat missen. Deze is te vinden in mijn profiel.
Om je alvast tips te mogen geven voor Visual Studio Code.
- Installeer de HTML5 snippets met CTRL + P > ext install html snippets
- Gebruik de Command Prompt voor het compileren. Doe dit met SHIFT + CTRL + C of rechtermuisknop op de map > Open in Command Prompt
- Wanneer je veelvoudig werkt aan .ts bestanden kun je met het commando tsc -w de bestanden in je map kunnen 'watchen' zo hoef je niet ieder keer te compileren.
- In de map 'extra' vind je wat handige websites die je eventueel kunnen helpen met het voltooien van de modules.