1 Kennismaken met ECMAScript 2015 1
-Een korte geschiedenis van JavaScript en ECMAScript 2
Brendan Eich 2
ECMAScript, JavaScript en versienummers 2
ECMAScript 2015, 2016, 2017 en verder 3
-Wat is ECMAScript 2015? 4
Onderdelen van ECMAScript 2015 5
Kenmerken per feature 7
-Nieuwe features toch gebruiken 8
Compilers en polyfills 8
Traceur, Babel en TypeScript 10
-Wat is TypeScript? 11
-Relatie tussen ES5, ECMAScript 2015 en TypeScript 13
Alles is optioneel 14
-Benodigde voorkennis 15
U kent JavaScript 16
Tips voor meer lezen 17
-Indeling van dit boek 17
-De ontwikkelomgeving inrichten 18
Editor en browser 18
Node.js en een server 19
TypeScript installeren 20
-Oefenbestanden downloaden 21
-Conclusie 22
-Praktijkoefeningen 23
2 Nieuwe features in ECMAScript 2015 27
-Van var naar let en const 28
var in ES5 – function scope 28
Variabelen in ES6 – block scope 29
Constanten maken met const 31
-Template literals en string interpolation 32
Backtick gebruiken 33
Strings over meerdere regels 33
-Arrow functions 34
Kenmerken 35
Lexical this 36
-Standaardwaarden doorgeven voor parameters 38
-Optionele parameters 40
-Benoemde parameters 40
Realistisch voorbeeld 42
-Rest parameters 43
Spread-operator 43
Overige parameters 45
-Meer ES6-features 46
Maps, Sets en meer 46
Nieuwe arraymethodes 48
Destructuring 49
Meer ES6-kenmerken 50
-Conclusie 51
-Praktijkoefeningen 53
3 Werken met klassen 57
-Wat zijn klassen?
-58
Klassen zijn functies 58
Werking 59
Geen hoisting van klassen 60
Klasse-expressies 60
-Opbouw van een klasse 61
Constructor 61
Methodes 62
Eigenschappen 63
Getters en setters 64
Keywords get en set 65
-Statische methodes 67
-Instanties van een klasse maken 69
-Overerving en subklassen maken met extends 69
Het keyword super 70
-Conclusie 72
-Praktijkoefeningen 73
4 Kennismaken met TypeScript 77
-Een korte geschiedenis van TypeScript 78
Superset van JavaScript 78
Transpiling 80
Alle platformen 80
Uitbreiding van JavaScript 80
Voordelen voor ontwikkelaars 82
-Kennismaken met TypeScript via de Playground 84
Oefenen met de Playground 85
Een klasse gebruiken in de Playground 86
-TypeScript-typeringen gebruiken in de code 87
Meer voorbeelden in de Playground 89
-TypeScript lokaal installeren 90
Package.json 91
Afhankelijkheid: Node.js 92
Node.js installeren 93
-Hello World in TypeScript 93
Package.json aanpassen 94
TypeScript Hello World schrijven 95
-TypeScript configureren met tsconfig.json 97
Tsconfig.json maken 98
TypeScript compiler options 100
Meer dan compiler options 102
-Conclusie 102
-Praktijkoefeningen 104
5 Typering van variabelen en functies 107
-De basistypen van TypeScript 108
Boolean 109
TypeScript in uw editor 109
Number 110
String 111
Template strings 111
Array 111
Any en void 112
-Zelf typen schrijven - 1. Interface 114
Het keyword interface 114
De interface gebruiken 115
Voordelen van interfaces 117
Optionele eigenschappen 117
Readonly eigenschappen 118
-Return types aangeven 119
-Zelf typen schrijven - 2. Klassen 120
Verschil met ES6 121
Shorthand notatie: public en private properties 122
Werking van public, private en meer 122
Variabelen beschermen met getters en setters 123
-Overerving via klassen 125
Meer over klassen 127
Wanneer klasse en wanneer interface? 128
-Hoe TypeScript werkt met afgeleide typen - type inference 130
Contextual typing 131
Contextual typing overrulen 132
-Meer typen – tuple en enum 133
Tuple 133
Enum 133
-Typen omzetten - casting en type assertions 134
-Conclusie 135
-Praktijkoefeningen 137
6 Generics en andere TypeScript-mogelijkheden 141
-Wat zijn generics? 142
Wanneer generics handig zijn 142
Het gegevenstype any 143
Een generic functie schrijven 144
Type inference met generics 145
-Generics in combinatie met lijsten 146
Generic classes 147
-Generics met interfaces 149
-Namespaces 151
Het keyword namespace 153
Een namespace gebruiken 154
-Namespaces over meerdere bestanden 155
Referenties opgeven 156
Implementatie schrijven 157
Verwijzingen in HTML 157
De optie “outFile” in tsconfig.json 158
Volgorde van bestanden 159
-Conclusie 160
-Praktijkoefeningen 161
7 TypeScript in complete applicaties 163
-TypeScript-applicaties debuggen 164
Genereren van .map-bestanden 165
.map-bestanden in productie 166
-Externe JavaScript-bibliotheken gebruiken 166
Type Definition Files 166
Definitely Typed 168
TSD en Typings 169
Typings installeren 169
jQuery en Bootstrap installeren 170
jQuery en Bootstrap inzetten in het project 172
Index.ts schrijven 173
De applicatie testen 173
Code inchecken in versiebeheer 174
-Bundeling van bestanden met WebPack 175
Module bundler 175
Werking van WebPack 176
WebPack installeren 177
WebPack configuratiebestand 177
HTML aanpassen 178
TypeScript aanpassen 178
De bundel genereren 179
Het resultaat bekijken 180
Loaders gebruiken 181
Watcher instellen 182
-Een TypeScript e-commerceapplicatie maken 184
-Stap 1 – Omgeving instellen 185
Package.json 185
Tsconfig.json 186
Typings.json 187
Webpack.config.js 187
Producten toevoegen 188
-
Stap 2 – Model maken 188
Map maken 188
-Stap 3 – Indexbestanden maken 189
Eerste versie testen 191
-Stap 4 – Boeken laden 192
Index.ts 192
BookShop.ts 193
-Stap 5 – Helperbestand maken 194
Testen 195
-Stap 6 – Details per boek tonen 195
Details verbergen 198
-Stap 7 – Toevoegen aan winkelwagen 199
Model toevoegen 199
BookShop uitbreiden 199
Nieuwe helpermethodes schrijven 201
HTML uitbreiden 202
-Stap 8 – Producten verwijderen uit winkelwagen 203
-Stap 9 – Bestelling plaatsen 205
Leegmaken 207
-Stap 10 – Kleine wijzigingen in de user interface 207
Compleet 208
-Conclusie 209
