WEBVTT

1
00:00:05.690 --> 00:00:10.510
Welkom bij een nieuwe aflevering van de CodeKlets podcast. De hosts van vandaag zijn Kishen en

2
00:00:10.510 --> 00:00:16.730
ik. Airhorn hebben we niet. Nee, nog steeds niet. Jammer hè. Na al die jaren. Is wel

3
00:00:16.730 --> 00:00:23.010
weer leuk met z'n tweeën. Ja. Nee, eigenlijk niet. Met z'n vierën. Ja, inderdaad. We zijn

4
00:00:23.010 --> 00:00:27.570
met z'n vierën. Daar zitten ze. Ik heb er weer zin in. Het is lang geleden dat

5
00:00:27.570 --> 00:00:32.630
we de vorige hebben opgenomen. Ja, het lijkt me wel leuk. En het onderwerp voor vandaag

6
00:00:32.630 --> 00:00:37.890
is ook een heel leuk onderwerp. Vind ik. Misschien andere niet, maar heb je mooi pech.

7
00:00:38.050 --> 00:00:46.210
Skip. En het gaat over front-end development. Dat is wel tof. Ja, zeker. En dat heb jij

8
00:00:46.210 --> 00:00:56.930
mooi geregeld. Ja, ik heb. Ja, dat was al denk een weekje of twee geleden. Toen

9
00:00:56.930 --> 00:01:01.830
zei hij van hee, wat een interessante podcast heb jij. En toen dacht ik hee, een luisteraar.

10
00:01:03.430 --> 00:01:10.770
Ze bestaan. Het is beter dan wat je had gezegd. Welke podcast? Hey, dat is leuk. Ringo zullen

11
00:01:10.770 --> 00:01:16.030
we straks even voorstellen. Maar ja, die ja, die liep dus langs. Ik denk nou begonnen

12
00:01:16.030 --> 00:01:21.130
het. Het deed dan natuurlijk te bespreken over. Waar heb je nou geluisterd dan? Welke

13
00:01:21.130 --> 00:01:26.030
aflevering dan? Maar ja, en uiteindelijk dachten we van hee, misschien is toch

14
00:01:26.030 --> 00:01:29.310
wel eens leuk om weer een keer een front-end development aflevering te doen.

15
00:01:29.510 --> 00:01:34.350
Want we hebben het alweer een tijdje geleden. Ja, we hebben wel vaker. Niet specifiek het

16
00:01:34.350 --> 00:01:38.030
niet het onderwerp front-end, maar we hebben het over. We hebben een keer over Engelen

17
00:01:38.030 --> 00:01:46.170
gehad. React ook. React hebben we gehad. En Next.js. Ja, zou kunnen. Ook ja, de

18
00:01:46.170 --> 00:01:54.270
lead developer die was dat toen geweest. Ja, dus we dachten van nou, we zijn toch

19
00:01:54.270 --> 00:01:58.590
opnames aan het doen. Dus om dan weer even een beetje weer leven in te blazen.

20
00:01:58.790 --> 00:02:02.290
We dachten van nou, dan maken we gelijk even gebruik van deze kans. En heel erg blij

21
00:02:02.290 --> 00:02:06.950
dat Ringo en Sander natuurlijk, die zullen we straks voorstellen, dat ze mee willen

22
00:02:06.950 --> 00:02:11.750
doen aan deze podcast. En zo is deze aflevering ontstaan vanuit front-end development.

23
00:02:12.570 --> 00:02:18.870
Ja, dat is ook wel logisch om te beginnen bij de front. En. Maar begrijp je nou eigenlijk

24
00:02:18.870 --> 00:02:23.710
goed dat Ringo zichzelf heeft uitgenodigd? Is dat nou eigenlijk? Dat is het eigenlijk.

25
00:02:23.710 --> 00:02:25.950
Ik dacht dat het andersom was, maar oké.

26
00:02:26.070 --> 00:02:26.930
Oh, kijk, kijk, zie je?

27
00:02:27.910 --> 00:02:30.570
Kijk, nu wordt het, ja, het wordt wat heet hier.

28
00:02:31.030 --> 00:02:32.270
Ja, precies, het wordt warm hier hoor.

29
00:02:33.750 --> 00:02:38.570
Nee, maar ja, dus ja, heel erg blij dat we nu weer een nieuwe aflevering weer

30
00:02:38.570 --> 00:02:45.330
kunnen opnemen. Ja, hier onze gasten voor vandaag, Ringo Blanken en Sander Schutten.

31
00:02:47.090 --> 00:02:47.970
Ja, welkom.

32
00:02:48.530 --> 00:02:49.870
Leuk om hier te zijn.

33
00:02:51.050 --> 00:02:51.430
Zeg het.

34
00:02:51.430 --> 00:02:57.410
Nou ja, we hebben altijd een standaardvraag voor al onze gasten om zichzelf te introduceren,

35
00:02:57.570 --> 00:03:01.010
zeg maar. Ja, hoe is het nou begonnen als programmeur?

36
00:03:02.030 --> 00:03:06.690
Waarom kwam het ineens vandaan en dat je nu ineens eindigde als een software engineer?

37
00:03:07.930 --> 00:03:11.030
Dus het leek ons wel leuk om jullie op die manier dan weer voor te stellen.

38
00:03:11.890 --> 00:03:13.330
Zullen we bij Ringo eens beginnen?

39
00:03:13.490 --> 00:03:15.610
Hoe heeft het zo mis kunnen gaan? Ringo, vertel.

40
00:03:15.610 --> 00:03:23.010
Ja, ik was een jaar of tien en het was eigenlijk het begin van de computers.

41
00:03:23.170 --> 00:03:26.430
En je had een Atari ST, mijn moeder had die van mij gekocht.

42
00:03:27.010 --> 00:03:31.830
Dat is wel een aankoop, een Atari ST.

43
00:03:32.430 --> 00:03:34.490
Dat was zeker een hele aankoop en klopt, ja.

44
00:03:34.890 --> 00:03:37.990
Mijn ouders waren nog niet echt heel erg rijk, dus ik weet ook niet precies hoe wat.

45
00:03:38.670 --> 00:03:41.730
Maar ze wisten eigenlijk al dat ik, ik was geloof ik een jaartje of twee, drie,

46
00:03:41.730 --> 00:03:46.230
dat ik voor de tv zat en ik vond alles op dat gebied, zeg maar, heel erg interessant.

47
00:03:46.870 --> 00:03:48.450
Dus ik denk dat ze heel lang heeft gespaard.

48
00:03:48.550 --> 00:03:50.270
Ging die dag zelfs vragen inderdaad.

49
00:03:50.490 --> 00:03:51.730
Maar daar is het al eigenlijk begonnen.

50
00:03:52.870 --> 00:03:54.310
En begon natuurlijk met spelletjes spelen.

51
00:03:54.570 --> 00:03:57.830
Alleen ik kon er ook op een gegeven moment heel achter dat ik ook zelf iets kon,

52
00:03:57.830 --> 00:04:00.550
daarmee kon doen. Maar ja, je had natuurlijk niet nul informatie.

53
00:04:00.590 --> 00:04:02.730
Zoals nu heb je natuurlijk heel veel informatie op internet staan.

54
00:04:03.210 --> 00:04:05.450
Kan je alles uitzoeken en zo, maar er was eigenlijk helemaal niks.

55
00:04:06.070 --> 00:04:09.330
Dus uiteindelijk een soort van, ik denk, ja, een soort van control c-achtig idee.

56
00:04:09.330 --> 00:04:12.590
En ik kwam in één keer bezig terecht en, nou, wat gaan we proberen?

57
00:04:13.190 --> 00:04:15.810
En op de ene manier, en ik weet ook zelf niet meer helemaal precies hoe,

58
00:04:16.330 --> 00:04:18.130
kwam mijn moeder op een gegeven moment naar me toe.

59
00:04:18.250 --> 00:04:22.050
En toen was ik dus bezig om een spelletje, een ski-spelletje te maken op die computer.

60
00:04:22.630 --> 00:04:25.330
En daar is eigenlijk de liefde ontstaan voor het programmeren.

61
00:04:27.970 --> 00:04:33.770
En, nou goed, later, een heleboel jaartjes later stond ik op de keuze

62
00:04:33.770 --> 00:04:35.850
om een bepaalde studie te gaan doen.

63
00:04:37.390 --> 00:04:38.550
Dat was elektrotechniek.

64
00:04:40.110 --> 00:04:43.890
Alleen, ja, ik vond het wel leuk, maar ik wilde eigenlijk al altijd iets met de computer doen.

65
00:04:44.170 --> 00:04:46.610
Op een gegeven moment belde een leraar op, die zei van joh, je zal het niet geloven.

66
00:04:47.030 --> 00:04:50.050
Maar het eerste jaar gaat beginnen van technische informatica opleiding.

67
00:04:50.170 --> 00:04:50.870
Zou je dat leuk vinden?

68
00:04:51.530 --> 00:04:54.270
Dus dat was voor mij echt iets van wow, oké, dat is echt geweldig.

69
00:04:54.470 --> 00:04:56.510
Dus ik zei ja, tuurlijk, dat wil ik heel graag doen.

70
00:04:56.550 --> 00:04:59.530
Dus ik ben daar eigenlijk mee begonnen en het heette dan technische informatica.

71
00:05:00.570 --> 00:05:03.970
Maar ja, uiteindelijk was het meer informatica dan dat technische gedeelte, zeg maar.

72
00:05:04.090 --> 00:05:05.890
Dus je leerde daar echt programmeren.

73
00:05:07.450 --> 00:05:12.650
Pascal Basic, een hele grote Unix-achtermachine had je staan.

74
00:05:13.050 --> 00:05:15.450
Bij wijze spreek ik een Kamergrote, zoals het was, zeg maar.

75
00:05:16.090 --> 00:05:16.990
En zo is dat eigenlijk begonnen.

76
00:05:17.490 --> 00:05:22.110
Dus ja, ik heb echt heel veel massen gehad met die studie destijds.

77
00:05:22.650 --> 00:05:24.450
En ja, dat is eigenlijk het begin geweest voor mij.

78
00:05:24.890 --> 00:05:29.890
Ja, dat is wel een vaker gehoord start.

79
00:05:30.410 --> 00:05:33.130
Dus dat je een game maakt en dat je op die manier...

80
00:05:33.130 --> 00:05:33.370
Ja.

81
00:05:33.370 --> 00:05:35.930
En ik hoorde jullie net iets zeggen over ST.

82
00:05:37.210 --> 00:05:38.910
Dat zegt mij nou echt helemaal niks.

83
00:05:41.170 --> 00:05:42.210
Waar staat die ST op?

84
00:05:42.210 --> 00:05:45.530
Het was eigenlijk de Atari XL800 aan mij.

85
00:05:45.890 --> 00:05:46.250
Ja, precies.

86
00:05:46.750 --> 00:05:48.030
ST die kwam later volgens mij.

87
00:05:48.450 --> 00:05:48.890
Daarom.

88
00:05:49.910 --> 00:05:51.990
800 XL, dat was een van de...

89
00:05:51.990 --> 00:05:52.290
Ja, echt.

90
00:05:52.370 --> 00:05:54.710
Ik denk dat die in 82 of zo is uitgekomen.

91
00:05:56.050 --> 00:05:57.890
Je had zelfs de 400 XL.

92
00:05:58.030 --> 00:05:58.770
Die heb je ook nog gehad.

93
00:05:59.250 --> 00:06:00.410
Die is het kleinere voertje.

94
00:06:00.770 --> 00:06:01.850
600 had je volgens mij.

95
00:06:03.190 --> 00:06:05.330
De 800 was vergelijkbaar met de Commodore 64.

96
00:06:05.550 --> 00:06:07.110
De 800 was 64 kb.

97
00:06:08.190 --> 00:06:10.410
Dat was wel heel wat.

98
00:06:11.290 --> 00:06:12.690
Tegang van de Commodore 64.

99
00:06:14.010 --> 00:06:15.170
Oh, dat is een mooi bruggetje.

100
00:06:15.270 --> 00:06:16.370
Dit is een heel mooi bruggetje.

101
00:06:16.730 --> 00:06:17.750
Want dan kan ik wat zeggen.

102
00:06:18.130 --> 00:06:20.850
Ik ben namelijk ooit begonnen op de Commodore 64.

103
00:06:21.790 --> 00:06:23.730
Ja, en dat was...

104
00:06:23.730 --> 00:06:27.750
Ik ging altijd magazines kopen in de computer of in de winkel.

105
00:06:27.830 --> 00:06:28.790
In de magazine winkel.

106
00:06:28.910 --> 00:06:30.550
En die kon je dan helemaal overtikken.

107
00:06:30.550 --> 00:06:31.830
Allemaal hexadecimale codes.

108
00:06:32.990 --> 00:06:33.610
Pagina's vol.

109
00:06:34.030 --> 00:06:35.850
En dan kwam er uiteindelijk een spelletje uit.

110
00:06:36.310 --> 00:06:40.050
Dat is een van mijn begin dingen geweest.

111
00:06:40.290 --> 00:06:41.270
En spelletjes verzamelen.

112
00:06:41.430 --> 00:06:44.010
Ik had echt bak vol met allemaal van die floppy disks.

113
00:06:45.410 --> 00:06:46.990
Nou ja, hartstikke leuk.

114
00:06:47.510 --> 00:06:49.910
Maar ja, uiteindelijk gaat de tijd vooruit.

115
00:06:49.990 --> 00:06:51.970
En dan schuif je steeds verder naar nieuwe computers.

116
00:06:53.050 --> 00:06:55.470
Wij hadden een computer omdat mijn vader had zijn eigen bedrijfje.

117
00:06:55.490 --> 00:06:56.850
Die deed heel veel textverwerking.

118
00:06:56.850 --> 00:06:59.850
En daar heb ik dus al een beetje mee op kunnen liften.

119
00:07:01.030 --> 00:07:02.470
Technische informatica heb ik ook nog gedaan.

120
00:07:02.770 --> 00:07:03.070
En NBO.

121
00:07:03.310 --> 00:07:07.570
En ik heb nog een HBO informatiekunde en informatica gedaan.

122
00:07:10.210 --> 00:07:12.150
Ja, altijd wel eigenlijk gewoon.

123
00:07:12.210 --> 00:07:14.370
Voor mij was het altijd een hele natuurlijke keuze eigenlijk.

124
00:07:14.450 --> 00:07:15.610
Ik vond het altijd heel interessant.

125
00:07:15.670 --> 00:07:20.750
Ik kon ook gaan oneindigen hoeveel tijd erin steken in de computers.

126
00:07:22.190 --> 00:07:24.630
Nou ja, en dan uiteindelijk roll je zo door.

127
00:07:24.870 --> 00:07:25.470
Wordt het je werk.

128
00:07:26.610 --> 00:07:33.170
En ja, dan zit je uiteindelijk hier zo in een opzolder ergens een podcast te houden over dit zinje.

129
00:07:33.990 --> 00:07:36.430
Het regent de gasten in en dan eruit.

130
00:07:37.350 --> 00:07:41.150
Nou, dankjewel voor degene die denken wie is deze stem nou?

131
00:07:41.710 --> 00:07:42.610
Sander Schutte.

132
00:07:42.930 --> 00:07:44.490
Sorry, dat was ik, Sander Schutte.

133
00:07:44.790 --> 00:07:44.990
Dankjewel.

134
00:07:45.090 --> 00:07:45.930
Ja, ik ben heel aan het schatten.

135
00:07:46.070 --> 00:07:50.750
Zijn er dan in het werk wat je nu vandaag doet, zie je daar overeenkomsten?

136
00:07:55.610 --> 00:07:59.570
Overheenkomstigheden met de beginjaar dat je programmeerde.

137
00:08:00.930 --> 00:08:02.830
En dan is het dus front-end development.

138
00:08:03.250 --> 00:08:12.650
Want kijk, een kenmerk zeg maar van waar je het over had op de Atari 800XL en de Conde 64 is dat je, ja, wat je programmeerde,

139
00:08:12.690 --> 00:08:13.950
zag je, het was visueel heel snel.

140
00:08:14.030 --> 00:08:15.530
Je kreeg die feedback heel snel terug.

141
00:08:16.570 --> 00:08:22.830
Zien jullie daar, heeft dat verwantheden of zie je daar, of is dat gewoon totale kul?

142
00:08:23.010 --> 00:08:23.950
Ja en nee.

143
00:08:25.390 --> 00:08:32.230
Wat ik zelf nu bemerk, en ik ben wel wat verder in mijn carrière en ik wil programmeren, is voorheen was het altijd dat ik een soort van dingetjes maakte

144
00:08:32.230 --> 00:08:33.890
en dan ging ik het meteen op het scherm doen.

145
00:08:33.970 --> 00:08:36.870
Dus dan deed ik er weer een regeltje bij en dan, oké, zit er een regeltje bij.

146
00:08:37.190 --> 00:08:40.830
En zo groeide het een soort van organisch, groeide eigenlijk mijn code.

147
00:08:40.830 --> 00:08:46.730
En wat ik nu eigenlijk de laatste tijd bemerk, is dat juist dat allemaal dat organische,

148
00:08:46.950 --> 00:08:49.930
dat probeer je eigenlijk zoveel mogelijk als laatste te doen,

149
00:08:50.270 --> 00:08:54.010
maar daarvoor zorg je dat je duidelijk hebt wat je nou eigenlijk moet doen,

150
00:08:55.470 --> 00:08:57.590
dat de prioriteit, de volgorde,

151
00:08:58.050 --> 00:09:02.850
eigenlijk meer allemaal een soort de voorbereidingen, dat dat zo belangrijk is.

152
00:09:04.010 --> 00:09:05.990
En op het moment dat je al die voorbereidingen hebt gedaan,

153
00:09:06.310 --> 00:09:10.000
dan is het meestal, het laatste stukje is allemaal wel duidelijk.

154
00:09:10.780 --> 00:09:14.820
Daar zie ik echt wel een verschil in ten opzichte van hoe ik het vroeger deed.

155
00:09:15.480 --> 00:09:19.760
Het was hartstikke leuk natuurlijk om een beetje organisch dingen te laten groeien,

156
00:09:20.540 --> 00:09:27.000
maar in mijn werk zie ik daar toch dat ik eigenlijk net veel meer tijd stop in de voorbereidingen.

157
00:09:27.640 --> 00:09:28.720
Ja, ontwerp misschien bedoel je?

158
00:09:28.840 --> 00:09:31.660
Ja, nou ja, kijken van wat moet er nou eigenlijk gedaan worden,

159
00:09:31.760 --> 00:09:35.300
wat zijn nou eigenlijk de varianten bijvoorbeeld van iets,

160
00:09:36.540 --> 00:09:39.500
waar moet ik wel rekening mee houden, waar moet ik niet rekening mee houden,

161
00:09:39.500 --> 00:09:43.320
allemaal dat soort dingen, in plaats van dat je dat achteraf iets maakt,

162
00:09:43.480 --> 00:09:46.640
en dan hoor je daarna van ja, het moet ook op dit moeten werken,

163
00:09:47.340 --> 00:09:49.680
of we hadden ook dit moeten doen.

164
00:09:49.720 --> 00:09:51.940
En dan kan je dat allemaal weer achteraf inbouwen,

165
00:09:52.040 --> 00:09:56.880
maar ik zie daar eigenlijk dat ik zelf nu heel erg ook de neiging heb

166
00:09:56.880 --> 00:10:01.520
om gewoon veel meer eigenlijk vooraf te vragen in plaats van dat ik maar begin en kijk,

167
00:10:02.620 --> 00:10:06.540
ja, en daarna een beetje gaan zitten bij schaven en bij werken.

168
00:10:07.040 --> 00:10:12.660
Dat is iets wat, volgens mij heeft het wel iets met ervaring te maken, hoop ik, denk ik.

169
00:10:14.340 --> 00:10:14.880
Oké. Ja.

170
00:10:15.820 --> 00:10:17.960
En geldt dat voor jou over het inzelf, zie je dat?

171
00:10:18.140 --> 00:10:21.860
Ja, als ik kijk zeg maar in het hele begin in ieder geval van het internet,

172
00:10:22.100 --> 00:10:27.220
daar praat je echt over, in 94, 95 of zo, begonnen met websites maken,

173
00:10:27.360 --> 00:10:30.260
dan had je natuurlijk HTML en CSS, en dat was front-end.

174
00:10:31.000 --> 00:10:31.740
Dat was het.

175
00:10:32.540 --> 00:10:33.200
Meer was er niet.

176
00:10:33.920 --> 00:10:34.480
Ja, JavaScript.

177
00:10:34.480 --> 00:10:39.540
Ja, één of twee regels JavaScript om een buttontje of zo, zeg maar, te doen.

178
00:10:42.140 --> 00:10:42.860
En later...

179
00:10:42.860 --> 00:10:46.780
Ja, zou je dat een keer onderbreken, want volgens mij werd er nog niet eens front-end development genoemd,

180
00:10:46.940 --> 00:10:48.660
zeg maar, toen nog HTML, CSS...

181
00:10:48.660 --> 00:10:49.880
Nee, je ging een website maken, zeg maar.

182
00:10:49.880 --> 00:10:52.740
Ja, precies, die designen of, ik weet niet hoe ze dat noemen, de HTML'en.

183
00:10:52.860 --> 00:10:53.220
Klopt.

184
00:10:55.100 --> 00:10:59.680
En op een gegeven moment kwam Flash om de hoek, zeg maar,

185
00:11:00.200 --> 00:11:03.640
en die gebruikte dan wat JavaScript om die Flashplay'en, zeg maar, te runnen.

186
00:11:03.640 --> 00:11:08.740
Ja, en daar kon je echt gigantisch mooie dingen met een soort van interactieve websites maken, zeg maar.

187
00:11:08.880 --> 00:11:10.480
Dus dat was weer een next level met Flash.

188
00:11:10.940 --> 00:11:12.960
Dan had je programmetaal, actionscript.

189
00:11:14.280 --> 00:11:18.260
Nou ja, er waren ook, zeg maar, designers die het ook geweldig vonden op het programma,

190
00:11:18.260 --> 00:11:21.040
want je kon animaties inmaken en je kon eigenlijk ook zonder code,

191
00:11:21.060 --> 00:11:27.400
kon je, ja, bijna alles aan elkaar knopen om een soort interactieve website te maken.

192
00:11:29.040 --> 00:11:32.240
En als je het dan, zeg maar, na deze tijden haalt,

193
00:11:32.560 --> 00:11:36.400
ja, wat stelt Hati Mellon C6 nog voor, zeg maar, in het geheel, zeg maar.

194
00:11:36.460 --> 00:11:38.920
Het is natuurlijk een heel belangrijk ding, omdat het visueel, zeg maar, een gedeelte is.

195
00:11:39.020 --> 00:11:40.660
Als je je front-end hebt, nou ja, dat is visueel.

196
00:11:41.520 --> 00:11:44.720
Maar als je kijkt ook naar frameworks die je moet gebruiken, testen,

197
00:11:44.940 --> 00:11:48.320
er komen zoveel accessibility, er komen zoveel facetten bij eigenlijk.

198
00:11:48.360 --> 00:11:49.280
Het is zo gegroeid.

199
00:11:50.580 --> 00:11:54.140
En ja, als je alleen al een project uitcheckt en je gaat hem installeren,

200
00:11:54.220 --> 00:11:56.260
als je kijkt hoeveel packages er bijvoorbeeld worden geïnstalleerd,

201
00:11:56.260 --> 00:11:57.800
dat zijn echt duizenden packages.

202
00:11:58.240 --> 00:12:00.760
Dat heb je allemaal nodig om uiteindelijk, zeg maar,

203
00:12:00.840 --> 00:12:02.660
die Hati Mellon C6 eruit te krijgen, zeg maar.

204
00:12:02.760 --> 00:12:03.400
Het is eigenlijk heel bizar.

205
00:12:03.820 --> 00:12:07.560
Maar het lijkt wel alsof we het ons zelf heel erg moeilijk hebben gemaakt of zo.

206
00:12:08.160 --> 00:12:11.440
Dat gevoel heb ik een beetje, ja.

207
00:12:11.620 --> 00:12:12.280
Ja, dat is wel interessant.

208
00:12:12.380 --> 00:12:13.700
Misschien kunnen we later op terugkomen.

209
00:12:13.980 --> 00:12:15.940
Dat is ook wel een leuk haakje.

210
00:12:17.080 --> 00:12:18.760
Oké. Ja, ja, ja.

211
00:12:18.980 --> 00:12:22.780
Ja, voor mijzelf, ik vind, dat vind ik aan front-end.

212
00:12:22.780 --> 00:12:23.240
Even kijken.

213
00:12:23.320 --> 00:12:25.040
Ik ben normaal gesproken dus gewoon een full-stack developer.

214
00:12:25.040 --> 00:12:26.560
Dus je doet eigenlijk alles.

215
00:12:27.020 --> 00:12:28.580
En dan zegt iedereen, je kunt alles niet goed.

216
00:12:28.960 --> 00:12:31.100
Best, vind ik ook, vind ik ook oké.

217
00:12:31.760 --> 00:12:32.200
Heerlijk.

218
00:12:32.720 --> 00:12:34.720
Dus als je meer back-end development doet,

219
00:12:35.840 --> 00:12:37.900
dan is er niet zoveel visueel, zeg maar.

220
00:12:38.180 --> 00:12:41.060
Ja, goed, misschien komt het JSON uit of een XML of whatever.

221
00:12:41.480 --> 00:12:46.880
Maar dat is wat minder interactief dan als je je Hati Mellon C6 in een browser hebt.

222
00:12:48.240 --> 00:12:51.740
Dus die feedback loop, zeg maar, die duurt wat langer,

223
00:12:51.740 --> 00:12:55.180
maar dan dat je dus direct gewoon HTML C6 in een browser hebt.

224
00:12:55.400 --> 00:12:57.080
Je savet en je ziet meteen het resultaat.

225
00:12:57.700 --> 00:13:02.080
En dat vind ik best wel vergelijkbaar met hoe ik vroeger programmeerde op,

226
00:13:02.280 --> 00:13:03.540
wat had ik, een MSX.

227
00:13:03.720 --> 00:13:04.920
Dat was ook al komende 64.

228
00:13:06.760 --> 00:13:09.200
Ja, je programmeerde iets en je zag meteen iets op je beeld.

229
00:13:09.800 --> 00:13:13.840
En dat is ook waardoor je, zeg maar, verliefd bent geworden op dat programmeren.

230
00:13:15.100 --> 00:13:20.340
Kijk, als ik tegenbij Kindle zou zeggen, hey, bouw even een JSON API aan.

231
00:13:21.080 --> 00:13:22.020
Maak een JSON API.

232
00:13:22.480 --> 00:13:24.600
Ja, dat boren ze denk ik niet zo heel gelukkig van.

233
00:13:24.880 --> 00:13:26.940
Je ziet wat JSON en laat ze aan hun vriendjes zien.

234
00:13:26.980 --> 00:13:28.160
Kijk, ik heb een stukje JSON aan.

235
00:13:28.600 --> 00:13:30.900
Dat is niet heel tof.

236
00:13:30.980 --> 00:13:32.980
Ik moet ineens aan die JavaScript meme denken.

237
00:13:33.080 --> 00:13:34.600
Die zal ik even in de tips delen.

238
00:13:34.720 --> 00:13:38.000
Dan zie je inderdaad een demo van een front-end developer.

239
00:13:38.720 --> 00:13:42.860
En dan zie je de hele club, inclusief developers en product owners, iedereen.

240
00:13:42.860 --> 00:13:44.360
Super enthousiast reageren.

241
00:13:45.200 --> 00:13:48.160
Tof, kijk, met één regel heb ik zoveel.

242
00:13:48.560 --> 00:13:49.660
En dan komt die backender.

243
00:13:50.020 --> 00:13:51.720
Dan hoor je alleen maar...

244
00:13:51.720 --> 00:13:52.300
Ja, dat.

245
00:13:53.200 --> 00:13:55.160
En die gozer heel enthousiast vertellen.

246
00:13:56.220 --> 00:13:58.000
Kijk, wat ik heb gebouwd.

247
00:13:58.140 --> 00:13:58.720
Rest API.

248
00:13:58.900 --> 00:14:00.440
Kijk, die JSON is helemaal simpel.

249
00:14:01.300 --> 00:14:02.540
Misschien is Saber wel een uitzondering.

250
00:14:02.640 --> 00:14:06.940
Maar ik denk dat de front-ends wat meer introvert zijn.

251
00:14:07.460 --> 00:14:08.620
Backends wat iets extraverter.

252
00:14:08.980 --> 00:14:10.260
Misschien ben jij een uitzondering in.

253
00:14:10.260 --> 00:14:11.760
Ja, dat kan.

254
00:14:12.100 --> 00:14:14.260
Ik ben sowieso meestal een uitzondering.

255
00:14:14.860 --> 00:14:16.000
Maar dat merk ik wel.

256
00:14:17.060 --> 00:14:19.100
Misschien omdat je dus volgestek bent heb je ook een stukje vond.

257
00:14:19.180 --> 00:14:20.360
Misschien is dat even daarmee te maken.

258
00:14:20.900 --> 00:14:24.540
Maar dat is een beetje hoe ik vaak mensen...

259
00:14:24.540 --> 00:14:25.180
Ja, dat zou best kunnen.

260
00:14:26.180 --> 00:14:26.980
Ja, kan.

261
00:14:29.000 --> 00:14:30.480
Maar dat is misschien wel voor laat.

262
00:14:31.180 --> 00:14:35.720
Wat ik altijd wel grappig vind is, als er wordt gesproken over front-end en back-end.

263
00:14:36.320 --> 00:14:38.760
Dat daar ook allemaal verschillende interpretaties in zitten.

264
00:14:38.760 --> 00:14:41.220
Want mijn interpretatie is dat front-end...

265
00:14:41.220 --> 00:14:46.680
Ja, dat heeft ergens met Javascript en de klant de ervaring te maken.

266
00:14:46.760 --> 00:14:50.040
Maar wat je dus ziet is dat bijvoorbeeld een website...

267
00:14:50.040 --> 00:14:53.640
Dat dat dan weer, hun CMS bijvoorbeeld, dat dat weer als een back-end wordt gezien.

268
00:14:53.780 --> 00:14:56.800
Maar als daar achter weer een of ander back-office-systeem zit...

269
00:14:56.800 --> 00:14:59.580
Dan heb je daar eigenlijk web-apis vaak weer omheen.

270
00:15:00.360 --> 00:15:02.380
Dat dan ook weer wordt gesproken als front-end.

271
00:15:02.560 --> 00:15:06.260
En een back-office-systeem wat dieper zit en weer een back-end is.

272
00:15:07.560 --> 00:15:11.460
Er zit best wel wat, merk ik, soms spraakverwarring in.

273
00:15:11.560 --> 00:15:12.820
In wat is nou eigenlijk echt front-end.

274
00:15:13.200 --> 00:15:15.640
Ja, dus je bedoelt eigenlijk meer vanuit the point of view.

275
00:15:16.660 --> 00:15:19.580
Het is toch vaak een black box wat we dan naar zitten te kijken.

276
00:15:19.640 --> 00:15:21.360
Maar wie weet wat er allemaal achter gebeurt.

277
00:15:21.580 --> 00:15:22.140
Dat is wat je bedoelt.

278
00:15:22.420 --> 00:15:24.920
Ja, nou ja, het is als je net één niveau dieper zit...

279
00:15:24.920 --> 00:15:28.740
Dan heb je bijvoorbeeld een web-apis dat ze dat dan weer als front-end noemen.

280
00:15:28.960 --> 00:15:31.900
Want dat is dan eigenlijk dan het aanspreekpunt.

281
00:15:32.200 --> 00:15:34.860
En daar zit er weer een of ander dieper database-systeem.

282
00:15:34.860 --> 00:15:35.820
En dat is dan weer back-end.

283
00:15:36.740 --> 00:15:37.620
Ja, dat is altijd wel grappig.

284
00:15:38.020 --> 00:15:40.140
Ik moet ook ineens denken aan...

285
00:15:40.140 --> 00:15:43.260
Ik was een keer in gesprek met een front-end developer en die zei van...

286
00:15:43.260 --> 00:15:46.140
Ja, dit waar je het nu over hebt, dit is de back-end van de front-end.

287
00:15:46.440 --> 00:15:47.660
Je zei dat op een gegeven moment.

288
00:15:47.960 --> 00:15:48.300
Ja, klopt.

289
00:15:48.840 --> 00:15:49.920
Oh, wow, wow.

290
00:15:50.320 --> 00:15:50.640
Ja, dat klopt.

291
00:15:50.840 --> 00:15:53.260
Maar die term wordt zo gebruikt nu, tegenwoordig.

292
00:15:53.340 --> 00:15:56.080
Want dan, ja, je hebt dus de back-end van de front-end.

293
00:15:56.260 --> 00:15:57.340
Voor de front-end.

294
00:15:57.560 --> 00:16:00.540
En die ontsluit dan weer allerlei APIs die je daarachter weer...

295
00:16:00.540 --> 00:16:01.520
Weet je wat ik toen dacht?

296
00:16:01.760 --> 00:16:03.300
Ik dacht, hou je back-end.

297
00:16:06.920 --> 00:16:07.320
Oké.

298
00:16:08.040 --> 00:16:09.080
Ja, precies.

299
00:16:09.200 --> 00:16:09.840
Die wist het ook.

300
00:16:10.060 --> 00:16:10.560
Ja, ja, ja.

301
00:16:10.760 --> 00:16:11.380
En toen werd je...

302
00:16:11.380 --> 00:16:12.760
Ik stond erop te wachten dat die mogen gebruiken.

303
00:16:12.820 --> 00:16:14.400
Toen werd je naar de deur begeleid.

304
00:16:14.420 --> 00:16:14.780
Ja, precies.

305
00:16:15.900 --> 00:16:17.400
Toen had ik geen carrière meer.

306
00:16:19.760 --> 00:16:22.580
Nee, maar die definitie is wel lastig, hoor.

307
00:16:22.580 --> 00:16:23.360
Daar heb je helemaal gelijk in.

308
00:16:23.460 --> 00:16:26.520
Want ik denk dat dat ook met de jaren best wel veranderd is.

309
00:16:28.240 --> 00:16:29.200
Misschien is dat ook...

310
00:16:29.200 --> 00:16:32.580
Want goed, één van de vragen is van, wat is nu front-end development?

311
00:16:33.060 --> 00:16:33.260
Ja.

312
00:16:33.260 --> 00:16:35.180
En ik denk dat dat zeker veranderd is.

313
00:16:35.380 --> 00:16:41.920
Want voorheen had je gewoon HTML, CSS...

314
00:16:41.920 --> 00:16:45.680
In de eerste instantie had je niet CSS, maar je HTML werd gewoon statisch geserveerd.

315
00:16:45.780 --> 00:16:47.820
Je ging met je browser naar een URL toe.

316
00:16:48.260 --> 00:16:51.200
En je kreeg gewoon HTML naar je toe met wat plaatjes.

317
00:16:51.540 --> 00:16:52.260
Dat was het.

318
00:16:54.380 --> 00:16:56.220
En op een gegeven moment kwamen er meer interactie in.

319
00:16:56.240 --> 00:17:00.480
Maar die interactie werd altijd wel voor jou uitgekoud, in eerste instantie, op de server.

320
00:17:00.660 --> 00:17:02.040
Dus je vulde wat in.

321
00:17:02.040 --> 00:17:03.260
Je ging naar de server toe.

322
00:17:03.300 --> 00:17:05.380
De server maakte iets nieuws voor je en die kreeg het terug.

323
00:17:05.400 --> 00:17:07.520
En dat was de interactie in eerste instantie.

324
00:17:07.660 --> 00:17:12.920
Maar later, omdat het wat rijker moest en luxer in je browser, die experience...

325
00:17:12.920 --> 00:17:14.780
Daar kwam JavaScript natuurlijk weer...

326
00:17:14.780 --> 00:17:18.260
Ja, misschien ook wel back-end of PHP, of zou dat je daarmee serveerde vaak?

327
00:17:18.380 --> 00:17:18.640
Dat klopt.

328
00:17:18.920 --> 00:17:20.820
Ja, dat ben ik ook inderdaad opgevoed.

329
00:17:21.360 --> 00:17:25.160
En het verhaal wat ik er een beetje uithaal van de laatste tijd is dat ook...

330
00:17:25.660 --> 00:17:27.920
Je wil ook zo min mogelijk de server belasten.

331
00:17:28.360 --> 00:17:29.820
Dat is ook wel wat ik vaak hoor.

332
00:17:29.820 --> 00:17:31.700
Dus dat front-end zo.

333
00:17:32.480 --> 00:17:33.180
Dus je wil eigenlijk de back-end heel...

334
00:17:33.180 --> 00:17:38.100
Ja, die discussie gaat er nu heen en weer heel erg.

335
00:17:39.320 --> 00:17:41.540
Sommigen zeggen van ja, je moet het helemaal op de server doen.

336
00:17:42.620 --> 00:17:45.920
Want op die mobile phones is het wat makkelijker, zeg maar.

337
00:17:47.240 --> 00:17:50.080
De anderen zeggen ja, nee, maar dan moeten onze servers in de cloud zijn weer duurder.

338
00:17:50.140 --> 00:17:53.380
Want die moeten meer processing doen, dus doen meer in je browser.

339
00:17:53.460 --> 00:17:55.000
Maar dat kan ook met security te maken hebben.

340
00:17:55.160 --> 00:17:56.820
Van ik wil meer dingen juist op mijn server.

341
00:17:57.000 --> 00:17:58.800
Dat is wel een grappige die je nu noemt.

342
00:17:58.800 --> 00:18:01.600
Ik heb samen gewerkt met Ringo.

343
00:18:02.480 --> 00:18:05.040
En Ringo die noemde op een gegeven moment webcomponents.

344
00:18:06.400 --> 00:18:08.500
En daar heb je ook dan weer...

345
00:18:08.500 --> 00:18:09.520
Toen die dat begonnen uit te leggen.

346
00:18:09.660 --> 00:18:12.160
Toen ook zoiets van ja, maar we doen het toch allemaal in JavaScript.

347
00:18:12.980 --> 00:18:14.280
En dan zitten we op dat niveau.

348
00:18:14.340 --> 00:18:15.880
En dan heb je weer webcomponents.

349
00:18:15.900 --> 00:18:17.980
Zit je daar weer eigenlijk gedeeltes te programmeren.

350
00:18:18.580 --> 00:18:22.220
Waarvan ik denk dat op eigenlijk server-site moet werken.

351
00:18:23.140 --> 00:18:26.380
Het is volgens mij ook wel eens iets wat een soort cyclisch is.

352
00:18:26.500 --> 00:18:28.220
Wat elke keer weer, dan weer front-end.

353
00:18:28.220 --> 00:18:32.220
Maar wat je denk ik nu ook wel ziet is dat je wilt eigenlijk...

354
00:18:33.440 --> 00:18:34.660
Zeker op een mobiel zeg maar.

355
00:18:35.000 --> 00:18:38.620
Maar ook op desktop wil je eigenlijk dat die website zo snel mogelijk iets teruggeeft zeg maar.

356
00:18:40.000 --> 00:18:41.580
En als je kijkt naar de meeste frameworks.

357
00:18:41.680 --> 00:18:43.080
Die gaan best wel wat over de lijn.

358
00:18:43.100 --> 00:18:45.240
Voordat je überhaupt een paar in kan tonen.

359
00:18:45.540 --> 00:18:47.680
En op moment dat je dat dus naar de server-site trekt.

360
00:18:47.880 --> 00:18:48.660
Kan je dat dus versnellen.

361
00:18:49.060 --> 00:18:51.600
Alhoewel je daar ook wel weer wat problemen hebt zeg maar.

362
00:18:51.940 --> 00:18:54.580
Maar uiteindelijk zeg maar kan je dat dan denk ik naar verleggen.

363
00:18:54.640 --> 00:18:55.720
Alleen kak kosten denk ik.

364
00:18:55.760 --> 00:18:57.040
Ja dat is weer een ander verhaal.

365
00:18:57.040 --> 00:18:59.860
En ook qua development kan je afvragen of het heel handig is.

366
00:19:00.460 --> 00:19:03.200
Maar ja je ziet er toch wel een verschuiving in ontstaan.

367
00:19:03.480 --> 00:19:05.680
En het ligt ook een beetje aan wat voor product je hebt denk ik.

368
00:19:05.720 --> 00:19:07.540
Ik bedoel als je het naar een particulier ofzo moet doen.

369
00:19:07.560 --> 00:19:08.560
Dan wil je het misschien zo snel mogelijk.

370
00:19:08.620 --> 00:19:09.740
Maar als het naar business is.

371
00:19:09.860 --> 00:19:11.740
Ja je zit dan zo erg als die twee seconden moet wachten.

372
00:19:11.840 --> 00:19:12.700
Voordat die respons krijgt.

373
00:19:12.740 --> 00:19:13.400
De eerste keer.

374
00:19:13.460 --> 00:19:13.480
Ja.

375
00:19:13.960 --> 00:19:14.840
En als het dan eenmaal een cash is.

376
00:19:14.860 --> 00:19:15.800
Dat er daar helemaal geen last van heeft.

377
00:19:15.880 --> 00:19:17.100
Ja dat is dan.

378
00:19:17.880 --> 00:19:19.940
Kosten, afweging en development afweging enzo.

379
00:19:20.160 --> 00:19:21.080
Nou dat is wel een goede ja.

380
00:19:21.200 --> 00:19:21.960
Want die business to business.

381
00:19:22.020 --> 00:19:24.720
Of het is een business-klant of bezoeker.

382
00:19:24.820 --> 00:19:25.080
Ja.

383
00:19:25.320 --> 00:19:25.940
Die heeft andere eisen.

384
00:19:25.940 --> 00:19:29.640
Want die discussie had ik misschien een paar weken geleden met iemand anders ook.

385
00:19:29.760 --> 00:19:30.680
Van ja.

386
00:19:31.680 --> 00:19:34.320
Een business gebruiker die kan niet anders.

387
00:19:34.420 --> 00:19:35.320
Die moet gewoon naar je site.

388
00:19:35.380 --> 00:19:36.840
Terwijl een consumer die zeggen.

389
00:19:37.100 --> 00:19:38.120
Ja tenminste dat wordt in Amerika.

390
00:19:38.340 --> 00:19:40.320
Als je twee seconden wacht gaat die naar de concurrent.

391
00:19:40.860 --> 00:19:43.040
Terwijl ik denk ja ik moet gewoon dat product hebben voor die prijs.

392
00:19:43.100 --> 00:19:45.200
Dus ik wacht soms wat langer.

393
00:19:45.420 --> 00:19:47.780
Maar daar is die wachttijd wel belangrijker zeg maar.

394
00:19:48.160 --> 00:19:50.360
Dan in business to business misschien.

395
00:19:51.260 --> 00:19:52.740
Dus dat is wel een goed punt.

396
00:19:54.240 --> 00:19:57.020
Maar het wordt ook wel de code die in je brouw.

397
00:19:57.060 --> 00:20:00.860
Om het even zo scherp te zetten misschien.

398
00:20:01.460 --> 00:20:04.260
De code die in je brouw draait is die is ook complexer geworden.

399
00:20:04.840 --> 00:20:05.340
Oh ja.

400
00:20:06.420 --> 00:20:08.120
Dan dat het was zeg maar.

401
00:20:08.480 --> 00:20:11.820
Dus als je zeg maar die knippoort meest voorheen.

402
00:20:12.600 --> 00:20:16.780
Ik als dotnet developer en full stacker werd front-end echt.

403
00:20:17.740 --> 00:20:19.660
Gedefineerd als alles wat in je browser dan draaide.

404
00:20:19.660 --> 00:20:24.180
Dus HTML, CSS, JavaScript, React, Angular.

405
00:20:24.860 --> 00:20:25.340
Noem het maar op.

406
00:20:25.600 --> 00:20:26.800
Wat allemaal in die browser draaide.

407
00:20:26.860 --> 00:20:27.720
Dat was front-end.

408
00:20:28.900 --> 00:20:31.780
Alleen ik weet niet of dat en dat heb ik niet per scherm.

409
00:20:31.820 --> 00:20:34.720
Maar ik merk gewoon dat er nu de laatste tijd dat er steeds meer.

410
00:20:35.920 --> 00:20:37.640
Ook server-side zeg maar.

411
00:20:38.900 --> 00:20:39.860
Met Node.js zeg maar.

412
00:20:39.960 --> 00:20:42.400
Aan de server-kant geprocessed wordt.

413
00:20:42.860 --> 00:20:45.100
En dat wordt dan ook zeg maar nog front-end genoemd.

414
00:20:45.180 --> 00:20:47.500
Dus die library of die framework zeg maar.

415
00:20:47.500 --> 00:20:49.000
Die doet ook iets op de server.

416
00:20:50.260 --> 00:20:51.680
Next.js doet dat bijvoorbeeld.

417
00:20:54.360 --> 00:20:59.580
Dus dan is het al wat vager om die front-end te definiëren.

418
00:20:59.840 --> 00:21:01.280
Want daar wordt zeg maar ook een deel.

419
00:21:01.380 --> 00:21:03.020
Je hebt dan van die hybride oplossingen.

420
00:21:03.160 --> 00:21:04.540
Een deel wordt in de browser gedaan.

421
00:21:04.700 --> 00:21:06.200
Een deel wordt door de server gegeneerde.

422
00:21:06.240 --> 00:21:07.460
En dat komt dan samen elkaar.

423
00:21:08.220 --> 00:21:10.260
Dus die definitie wordt gewoon steeds lastiger.

424
00:21:10.360 --> 00:21:11.180
En dat vind ik wel.

425
00:21:12.120 --> 00:21:13.560
Het is misschien niet moeilijk.

426
00:21:13.600 --> 00:21:16.720
Maar als je niet er zelf in zit dan weet je soms niet meer.

427
00:21:16.720 --> 00:21:19.220
Voor mij is dat ook nog steeds front-end zeg maar.

428
00:21:19.460 --> 00:21:19.940
Dat gedeelte.

429
00:21:20.180 --> 00:21:20.740
Ja ja precies.

430
00:21:21.580 --> 00:21:22.040
Dat begrijp ik wel.

431
00:21:22.120 --> 00:21:23.140
Ondanks dat het op de server gebeurt.

432
00:21:23.220 --> 00:21:24.520
Maar ja dat klinkt natuurlijk wel heel raar.

433
00:21:24.560 --> 00:21:28.140
Een beetje wat Sander net aangaf met front-end, back-end.

434
00:21:29.060 --> 00:21:31.080
Ja want net als bijvoorbeeld in React heb je nu.

435
00:21:31.320 --> 00:21:31.860
Misschien weet je dat.

436
00:21:32.000 --> 00:21:32.980
Heb je server components.

437
00:21:33.160 --> 00:21:33.820
Of zo.

438
00:21:34.640 --> 00:21:35.260
Niet server components.

439
00:21:35.320 --> 00:21:36.480
Ja er had thuis wel server components.

440
00:21:36.760 --> 00:21:38.740
Delen die gewoon op de server draaien.

441
00:21:39.980 --> 00:21:40.940
En dat is echt.

442
00:21:41.460 --> 00:21:43.100
Dat moet gewoon aan de server kan draaien.

443
00:21:43.160 --> 00:21:44.040
Dat kan niet in je browser.

444
00:21:44.120 --> 00:21:44.920
Ik bedoel dat heb je gewoon.

445
00:21:45.240 --> 00:21:45.900
Dus dat is al.

446
00:21:45.900 --> 00:21:49.060
En dat wordt nog steeds als front-end gedefineerd.

447
00:21:49.860 --> 00:21:53.240
En daarachter heb je dan wel weer andere back-end systeem.

448
00:21:53.420 --> 00:21:55.480
Om denk ik veel gegevens op te halen of whatever.

449
00:21:56.620 --> 00:22:00.200
Ja ik denk zodra het een beetje een visueel aspect heeft zeg maar.

450
00:22:00.240 --> 00:22:02.140
Dat je dan kan spreken van front-end.

451
00:22:02.240 --> 00:22:03.840
Dat er iets visueels uitkomt zeg maar.

452
00:22:03.900 --> 00:22:05.700
En of het nou op de server leeft of in de browser.

453
00:22:06.580 --> 00:22:07.960
Uiteindelijk het visuele gedeelte.

454
00:22:07.960 --> 00:22:11.220
Ik denk dat dat de definitie dan is van front-end.

455
00:22:11.320 --> 00:22:12.740
Dat is wel een goede denk ik wel ja.

456
00:22:12.740 --> 00:22:17.220
Ik denk dat als er een visueel eigenschap aan zit dan ja.

457
00:22:17.380 --> 00:22:19.880
Ja oké dan zijn we klaar.

458
00:22:20.460 --> 00:22:20.840
Ja op tijd.

459
00:22:21.140 --> 00:22:21.820
Oké bedankt voor het lijken.

460
00:22:26.580 --> 00:22:31.320
Wat vinden jullie nou echt gewoon echt leuk zeg maar aan front-end?

461
00:22:31.360 --> 00:22:34.800
Waarom is dat leuker dan dat je weet ik veel embedded development zou doen?

462
00:22:35.780 --> 00:22:37.360
Waarom niet iets anders?

463
00:22:37.360 --> 00:22:43.160
Ja voor mij heb ik ruim 10 jaar, 12 jaar bijna gedaan.

464
00:22:43.580 --> 00:22:44.740
Interactieve websites maken.

465
00:22:44.960 --> 00:22:46.000
Dat vond ik echt geweldig.

466
00:22:46.100 --> 00:22:55.500
Omdat je het visuele, de interactie zeg maar met de bezoekers die uiteindelijk zeg maar daar plaatsvindt.

467
00:22:57.080 --> 00:22:58.200
De uitdagingen.

468
00:22:59.700 --> 00:23:01.900
Ja ik vond zeg maar de interactieve websites maken echt geweldig.

469
00:23:02.120 --> 00:23:03.420
Ik heb heel veel in 3D gedaan.

470
00:23:04.760 --> 00:23:07.800
Ook een beetje in de begin tijd zeg maar van die 3D.

471
00:23:08.640 --> 00:23:12.600
Toen was het nog zo dat je de 3D gedeelte kun je alleen maar op de CPU doen.

472
00:23:12.880 --> 00:23:13.620
Niet op de GPU.

473
00:23:15.120 --> 00:23:18.560
En ik had een project van Coca Cola was dat.

474
00:23:19.600 --> 00:23:26.460
Die wilde graag dat Artic zeg maar met de polarbeers, met de ijsberen zeg maar.

475
00:23:26.460 --> 00:23:29.000
Daar wilde ze iets interactiefs mee maken.

476
00:23:29.980 --> 00:23:32.200
Dat mensen daar betrokken bij werden.

477
00:23:32.400 --> 00:23:36.060
En Coca Cola die sponsor door dat zeg maar ook de marketing et cetera.

478
00:23:36.860 --> 00:23:39.540
Dus die had mij gevraagd om een 3D omgeving te maken.

479
00:23:41.120 --> 00:23:43.240
Waarin ook ijsberen dan rondwippen.

480
00:23:43.360 --> 00:23:45.520
En ze hadden dus die ijsberen van die trackers gegeven.

481
00:23:45.580 --> 00:23:47.180
En die data kreeg ik als GPS binnen.

482
00:23:47.560 --> 00:23:50.320
En ze zeiden ja we willen ook graag dat het ook echt lijkt zeg maar.

483
00:23:50.860 --> 00:23:53.000
Dus moet je je voorstellen het is alleen maar op de CPU.

484
00:23:53.560 --> 00:23:54.300
Niet op de GPU.

485
00:23:54.300 --> 00:23:57.480
En dat moest ook echt lijken met trackers en dat soort dingetjes.

486
00:23:57.680 --> 00:24:00.520
Er was gewoon niet veel informatie.

487
00:24:00.600 --> 00:24:03.160
Als je nu kijkt op internet, je kan zoveel informatie vinden zeg maar.

488
00:24:03.220 --> 00:24:04.840
Ook zeker op 3D gebieden en dergelijke.

489
00:24:04.960 --> 00:24:06.100
Er was heel weinig informatie.

490
00:24:06.860 --> 00:24:11.440
En dat maakte voor mij echt een gigantische uitdaging om dat te maken zeg maar.

491
00:24:12.200 --> 00:24:13.640
Dat vond ik echt geweldig zeg maar.

492
00:24:13.900 --> 00:24:16.400
Dus die uitdaging, ik denk dat dat een beetje is uiteindelijk.

493
00:24:16.540 --> 00:24:18.640
Die uitdagingen opzoeken.

494
00:24:20.500 --> 00:24:22.660
Niet de geeikte dingen die je al een keer hebt gedaan zeg maar.

495
00:24:22.660 --> 00:24:24.080
Dat is altijd weer vernieuwend.

496
00:24:25.660 --> 00:24:28.300
Voor mij maakt dat in ieder geval front-end development.

497
00:24:30.860 --> 00:24:31.840
En voor jou Sander?

498
00:24:32.020 --> 00:24:33.220
Ik zit even na te denken.

499
00:24:33.460 --> 00:24:35.180
Vind ik het eigenlijk wel leuk.

500
00:24:36.440 --> 00:24:38.380
Ik denk dat ik het uiteindelijk...

501
00:24:38.380 --> 00:24:40.380
Ik ben juist van fullstacken toch?

502
00:24:42.260 --> 00:24:43.300
Misschien moet ik dat ook nog even zeggen.

503
00:24:43.380 --> 00:24:44.560
Ik ben een fullstack developer.

504
00:24:44.800 --> 00:24:48.820
Ik ben op een gegeven moment een soort van naar de front-end gerold.

505
00:24:49.780 --> 00:24:51.120
Maar ik denk dat ik het wel leuk vind.

506
00:24:51.120 --> 00:24:54.080
Wat ik namelijk er leuk aan vind is dat...

507
00:24:54.080 --> 00:24:57.160
Toen ik er uiteindelijk mee begon met front-end development...

508
00:24:57.160 --> 00:24:59.960
Was het altijd heel erg lastig.

509
00:25:00.100 --> 00:25:01.240
Er waren altijd heel veel issues.

510
00:25:02.320 --> 00:25:05.760
Het klikte niet zo goed als dat het met back-end.

511
00:25:06.060 --> 00:25:08.080
Met dotnet development was.

512
00:25:10.400 --> 00:25:13.400
Ik zie en zag dat er gewoon heel veel in te verbeteren was.

513
00:25:13.500 --> 00:25:15.520
Dat je net wat anders kon aanpakken.

514
00:25:15.680 --> 00:25:17.000
Net wat anders kon structureren.

515
00:25:17.180 --> 00:25:18.940
Dat vind ik eigenlijk wel gewoon...

516
00:25:18.940 --> 00:25:20.340
Dat klikt bij mij wel.

517
00:25:20.340 --> 00:25:22.260
Dat vind ik echt wel leuk om te doen.

518
00:25:22.680 --> 00:25:24.420
Om te kijken van hoe kan je nou dingen groeperen.

519
00:25:25.460 --> 00:25:26.420
Dingen hergebruiken.

520
00:25:26.560 --> 00:25:29.220
Dingen die je zelf custom hebt gebouwd.

521
00:25:29.620 --> 00:25:31.360
Te vervangen door iets wat erop staat.

522
00:25:33.140 --> 00:25:37.620
Ja, dat is eigenlijk wat ik daar leuk aan vind.

523
00:25:37.700 --> 00:25:40.300
Het is niet dat ik heel erg met het...

524
00:25:40.300 --> 00:25:42.480
Dat ik een klik heb met bijvoorbeeld het visuele.

525
00:25:42.720 --> 00:25:43.860
Dat heb ik eigenlijk niet.

526
00:25:44.100 --> 00:25:47.300
Het is meer de techniek inderdaad.

527
00:25:47.300 --> 00:25:51.160
Dat is wat meer mijn interesse.

528
00:25:52.940 --> 00:25:54.020
Ja, dat is het, denk ik.

529
00:25:54.120 --> 00:25:55.000
Zie je dan verschil, zeg maar.

530
00:25:55.180 --> 00:25:58.360
Tenzij je full stack developer ook bent.

531
00:25:59.460 --> 00:26:00.120
Er is verschil.

532
00:26:00.700 --> 00:26:01.280
Jazeker.

533
00:26:03.100 --> 00:26:05.780
Wat vind je fijner en wat vind je niet zo fijn?

534
00:26:07.300 --> 00:26:10.260
Een ding wat mij duidelijk is geworden.

535
00:26:10.500 --> 00:26:15.360
Is dat front-end development vind ik vele malen complexer dan back-end development.

536
00:26:17.940 --> 00:26:21.940
Dat heeft wel te maken, denk ik, dat de meeste front-end development tools...

537
00:26:21.940 --> 00:26:25.360
...zit je dan aan de Node.js stack te werken.

538
00:26:26.360 --> 00:26:28.540
Ja, en daar komt gewoon zoveel bij kijken.

539
00:26:28.600 --> 00:26:33.580
Er zijn zoveel bewegende delen om ook maar de meest eenvoudige dingen te doen.

540
00:26:34.540 --> 00:26:37.480
En als je gaat afwijken, dan wordt het alleen maar steeds complexer en complexer.

541
00:26:38.580 --> 00:26:43.560
Terwijl back-end development, de back-end van de front-end...

542
00:26:44.140 --> 00:26:47.900
Dus had ik aan de CMS kant meestal te programmeren.

543
00:26:47.940 --> 00:26:50.520
Ja, dat was gewoon duidelijk.

544
00:26:50.900 --> 00:26:53.520
Ik heb veel met CMS-systemen gewerkt.

545
00:26:53.920 --> 00:26:55.540
Ja, de spelregels waren gewoon duidelijk.

546
00:26:55.820 --> 00:26:56.540
Je wist ook waar.

547
00:26:58.140 --> 00:26:59.880
Ja, je had weinige issues.

548
00:27:00.460 --> 00:27:02.000
En dat is met...

549
00:27:02.000 --> 00:27:05.340
Ja, dat vind ik met front-end development heb je heel veel keuzes.

550
00:27:05.460 --> 00:27:06.480
Je hebt heel veel smaken.

551
00:27:06.680 --> 00:27:09.320
Je kan heel veel dingen op een heleboel manieren uitvoeren.

552
00:27:09.320 --> 00:27:15.660
En uiteindelijk kom je er achter dat je toch niet de juiste keuzes hebt gemaakt.

553
00:27:16.420 --> 00:27:18.820
En dat vind ik wel leuk om daar dan...

554
00:27:18.820 --> 00:27:21.800
Ja, daar een beetje dat uit te vinden.

555
00:27:22.080 --> 00:27:22.500
Ja, precies.

556
00:27:22.660 --> 00:27:24.160
Ja, daar gevoel bij te kweken.

557
00:27:25.120 --> 00:27:29.420
Wat ik ook merk, het is ook echt wel veel volwassener dan dat het was.

558
00:27:29.560 --> 00:27:30.080
Ja, zeker.

559
00:27:30.880 --> 00:27:34.340
Want we kwamen uit een spaghetti JavaScript-wereld.

560
00:27:34.660 --> 00:27:35.100
Ja.

561
00:27:35.100 --> 00:27:36.300
JQuery was er een beetje.

562
00:27:36.360 --> 00:27:36.880
JQuery, ja.

563
00:27:36.900 --> 00:27:38.420
JQuery, zeg maar.

564
00:27:38.760 --> 00:27:39.200
Angular.

565
00:27:39.240 --> 00:27:41.520
Wat was de competitor ook alweer van JQuery?

566
00:27:41.660 --> 00:27:42.620
Er was er nog eentje, toch?

567
00:27:42.940 --> 00:27:44.940
Ik weet dat je zo iets van Bootstrap noemt.

568
00:27:45.500 --> 00:27:45.820
Ja, ja.

569
00:27:45.880 --> 00:27:47.280
Naar Bootstrap was er steeds meer.

570
00:27:47.780 --> 00:27:51.180
Er is wel iets geweest, maar JQuery was gewoon dominant.

571
00:27:52.420 --> 00:27:52.860
Overal.

572
00:27:53.960 --> 00:27:54.960
Iedereen zei ook van je...

573
00:27:54.960 --> 00:27:57.520
Op een gegeven moment leerde je JQuery en niet per JavaScript.

574
00:27:57.920 --> 00:27:59.220
Zijde, zijde, zeg maar.

575
00:28:00.460 --> 00:28:05.080
En dat heeft heel erg geholpen, terwijl tegenwoordig heb je niet veel JQuery meer nodig.

576
00:28:05.080 --> 00:28:06.860
Ook omdat die API...

577
00:28:06.860 --> 00:28:09.060
Volgens mij zag ik daar laatst iets over.

578
00:28:09.160 --> 00:28:12.500
Dat eigenlijk JQuery nog in zo verschrikkelijk veel dingen verwerkt zit.

579
00:28:13.820 --> 00:28:14.200
Ja.

580
00:28:14.200 --> 00:28:15.720
Volgens mij zit er ook nog een soort versie.

581
00:28:15.900 --> 00:28:17.480
Maar misschien ook wel in Angular.

582
00:28:17.900 --> 00:28:18.700
Dat weet ik niet.

583
00:28:19.560 --> 00:28:21.020
Nou ja, bij React zit het.

584
00:28:21.020 --> 00:28:21.800
Dat weet ik zeker.

585
00:28:23.720 --> 00:28:25.320
En View ook niet.

586
00:28:26.020 --> 00:28:26.640
Angular, volgens mij.

587
00:28:27.040 --> 00:28:28.160
Ja, het komt weleens voor.

588
00:28:28.760 --> 00:28:30.480
Volgens mij is de...

589
00:28:30.480 --> 00:28:31.800
Nou moet ik opletten.

590
00:28:31.800 --> 00:28:35.920
De popper JS, dat zijn pop-ups in Angular te maken.

591
00:28:36.120 --> 00:28:37.420
Die is volgens mij JQuery-based.

592
00:28:38.860 --> 00:28:42.120
Maar volgens mij Angular zelf is daar niks...

593
00:28:42.120 --> 00:28:43.280
Maar je hebt soms ook niet in de gaten.

594
00:28:44.260 --> 00:28:45.400
Dus afhankelijk van elkaar.

595
00:28:45.480 --> 00:28:47.780
Je installeert één package, maar die installeert weer tien packages.

596
00:28:47.880 --> 00:28:49.180
En die package installeert ook weer tien.

597
00:28:49.180 --> 00:28:51.080
Dus op een gegeven moment...

598
00:28:51.080 --> 00:28:54.760
De kans dat je JQuery ergens ziet in een project is vrij groot, denk ik.

599
00:28:54.940 --> 00:28:55.360
Op dit moment nog.

600
00:28:56.200 --> 00:28:58.060
Maar het wordt niet meer actief gebruikt, zeg maar.

601
00:28:59.020 --> 00:29:00.060
Ja, ik word er niet...

602
00:29:00.060 --> 00:29:04.520
Ik ben een beetje een asswipe op projecten.

603
00:29:04.640 --> 00:29:07.160
Ik kan er niet zo heel goed tegen als iemand in een react-project zit...

604
00:29:07.160 --> 00:29:07.900
Of een view-project.

605
00:29:07.960 --> 00:29:09.720
Dat ik in een keer JQuery langs zie komen.

606
00:29:09.840 --> 00:29:10.980
Dat kan ik me heel goed voorstellen.

607
00:29:11.480 --> 00:29:12.260
Waar ben jij aan het doen?

608
00:29:12.620 --> 00:29:13.360
Waarom, zeg maar.

609
00:29:13.860 --> 00:29:15.340
En dat volg ik dan niet.

610
00:29:16.300 --> 00:29:20.200
JQuery was vooral heel erg noodzakelijk...

611
00:29:20.200 --> 00:29:22.500
Op het moment dat we allemaal varianten hadden met browsers.

612
00:29:23.260 --> 00:29:27.020
Met Edge, 11, 10, 11, Internet Explorer.

613
00:29:27.480 --> 00:29:29.200
Firefox was toen ook nog helemaal populair.

614
00:29:29.860 --> 00:29:31.340
Ja, dat is helemaal waar.

615
00:29:32.240 --> 00:29:35.800
Dat werd iets eenvoudiger door het gebruik van JQuery.

616
00:29:36.260 --> 00:29:37.600
Ja, werd het glad gestreken.

617
00:29:37.740 --> 00:29:37.940
Dat klopt.

618
00:29:38.240 --> 00:29:38.940
Dat was ook wel fijn.

619
00:29:41.260 --> 00:29:43.300
En een ecosysteem wat er omheen...

620
00:29:43.760 --> 00:29:47.140
Allerlei plugins, StapBelle, Wtick, dat allemaal.

621
00:29:47.440 --> 00:29:49.700
Dat was echt heel erg rijk.

622
00:29:51.700 --> 00:29:53.420
Dus JQuery heeft zeker geholpen.

623
00:29:54.700 --> 00:29:56.320
Maar als we dan even snel vooruit spoelen...

624
00:29:57.440 --> 00:30:00.460
Vinden we dat we dat nog steeds hebben, die luxe?

625
00:30:00.740 --> 00:30:05.840
Dat we makkelijker zo'n plugin erin kan schuiven als het nodig is?

626
00:30:06.260 --> 00:30:08.180
Of wordt het alleen maar lastiger tegenwoordig?

627
00:30:09.480 --> 00:30:12.500
Als je kijkt waarom natuurlijk JQuery voor die browsers...

628
00:30:12.500 --> 00:30:14.060
Ik denk dat dat al redelijk is opgelost.

629
00:30:14.300 --> 00:30:16.620
Want de meeste browsers zitten allemaal een beetje op elkaar.

630
00:30:16.780 --> 00:30:18.600
Er zijn nog hier en daar een paar kleine uitzonderingen.

631
00:30:19.080 --> 00:30:22.480
Maar je hoeft niet meer zoals vroeger 5, 6, 7 verschillende browsers te testen.

632
00:30:22.480 --> 00:30:27.460
Als je de 1 of 2 pakt, dan heb je 90, 95 procent al binnen.

633
00:30:28.600 --> 00:30:32.480
En ik denk dat dat het verschil is met een aantal jaar geleden.

634
00:30:33.720 --> 00:30:38.840
En er zijn ook heel veel plugins voor Angular, heel veel plugins voor React, heel veel voor Vue.

635
00:30:40.620 --> 00:30:41.520
Ik ben meer...

636
00:30:41.520 --> 00:30:48.300
Er zijn heel veel opdrachtgevers die voorzichtiger in wat voor libraries ze erbij halen.

637
00:30:48.380 --> 00:30:51.660
Dus je begint met React en voor je het weet heb je 30...

638
00:30:52.320 --> 00:30:54.380
Phantasies of NPM packages erbij gehaald.

639
00:30:54.600 --> 00:30:55.740
De hele wereld binnengetrokken.

640
00:30:55.940 --> 00:30:59.620
Nu zijn mensen daar wat voorzichtiger in, omdat er ook wel rare dingen mee zijn gebeurd.

641
00:31:00.280 --> 00:31:02.360
Dus je let wel op wat je binnenhaalt.

642
00:31:02.540 --> 00:31:06.840
Of het een heel actief GitHub repo is.

643
00:31:07.740 --> 00:31:13.420
Er zijn een aantal dingen waar je naar kunt kijken om te zien of het wel slim is om die plugin te gebruiken.

644
00:31:13.680 --> 00:31:14.340
Of voor library.

645
00:31:16.080 --> 00:31:22.800
Dus dan eigenlijk wat ik hoor, als je ook kijkt naar alle browsers en mobiele devices en zo.

646
00:31:23.200 --> 00:31:26.280
Dus juist door die opkomst van al die verschillende frameworks,

647
00:31:26.840 --> 00:31:29.740
zou het wel het leven een stuk gemakkelijker kunnen maken voor een front-end developer.

648
00:31:30.000 --> 00:31:34.140
Om rekening te houden met al die verschillende devices en browsers die je moet ondersteunen.

649
00:31:34.780 --> 00:31:36.240
Volgens mij valt het...

650
00:31:36.240 --> 00:31:38.900
Om antwoord te geven, dat helpt.

651
00:31:39.480 --> 00:31:40.970
Maar het is ook wel dat...

652
00:31:41.500 --> 00:31:43.900
Wat is het? De laatste twee, drie jaar is er ook echt wel iets veranderd.

653
00:31:45.020 --> 00:31:47.760
Want het was natuurlijk Edge, die had zijn eigen versie.

654
00:31:48.400 --> 00:31:50.780
En je had Firefox en het zat allemaal een beetje op hetzelfde niveau.

655
00:31:51.280 --> 00:31:58.300
En wat ik nu zie gebeuren is dat Edge is natuurlijk overgegaan naar de Chromium engine.

656
00:31:59.520 --> 00:32:01.920
Nou, Chrome maakt er gebruik van, Brave maakt er gebruik van.

657
00:32:02.300 --> 00:32:04.120
Er zijn natuurlijk wel wat varianten nog.

658
00:32:04.220 --> 00:32:08.200
Dan heb je Firefox, maar Firefox is aan het wegzakken helaas.

659
00:32:09.320 --> 00:32:10.180
Safari, ja.

660
00:32:10.500 --> 00:32:12.840
Ja, en Safari is wel in opkomst.

661
00:32:12.980 --> 00:32:18.180
Maar Safari trekt steeds meer richting compatibiliteit met Chrome.

662
00:32:18.940 --> 00:32:21.460
En dat maakt het sowieso makkelijker al.

663
00:32:21.540 --> 00:32:23.020
Dus los van het framework.

664
00:32:24.380 --> 00:32:26.920
Dus het zijn twee componenten die dus van belang zijn dan?

665
00:32:27.180 --> 00:32:27.540
Ja, zeker.

666
00:32:27.540 --> 00:32:30.860
Dus de webbrowser engine en het framework die is.

667
00:32:32.140 --> 00:32:32.360
Ja, ja.

668
00:32:32.880 --> 00:32:35.540
Ja, maar ik weet niet of dat kijk niet meer zo goed.

669
00:32:36.020 --> 00:32:42.080
Heb er niet zoveel last meer van dat je in verschillende browsers moet draaien.

670
00:32:44.100 --> 00:32:46.280
Dat ligt ook een beetje aan wat de requirements zijn natuurlijk.

671
00:32:47.160 --> 00:32:50.480
Als je zegt van nee, ik wil Safari ondersteunen en ik wil Chrome ondersteunen.

672
00:32:50.560 --> 00:32:52.620
En allemaal mooie animaties en bewegende dingen.

673
00:32:53.300 --> 00:32:55.560
En je wilt het waarmaken, dan zul je het ook moeten testen.

674
00:32:55.840 --> 00:32:56.980
Nee, nee, dat klopt.

675
00:32:57.120 --> 00:32:57.660
Dat heb je gelijk.

676
00:32:57.780 --> 00:33:00.700
En dan in de API die je gebruikt, meestal.

677
00:33:00.700 --> 00:33:01.960
Ja, die zijn daarmee redelijk generiek.

678
00:33:02.800 --> 00:33:04.560
Dus daar heb je ook een framework eigenlijk niet meer.

679
00:33:04.560 --> 00:33:07.420
Als dat de vraag was, heb je daarvoor in ieder geval niet nodig.

680
00:33:07.440 --> 00:33:09.160
Dat is natuurlijk andere dingen waarom je die frameworks gebruikt.

681
00:33:09.780 --> 00:33:13.160
Maar voor dat gedeelte eigenlijk is dat echt niet meer nodig.

682
00:33:15.320 --> 00:33:16.040
Oké, nou mooi.

683
00:33:17.140 --> 00:33:20.660
En ja, je raakte, je zei het net eventjes, dan zul je het toch moeten testen.

684
00:33:21.740 --> 00:33:23.860
Nou weet ik ook wel, Ringo en ik werken samen.

685
00:33:24.000 --> 00:33:28.500
We hebben heel veel gesprekken over hoe je frontends het beste kunt testen.

686
00:33:28.640 --> 00:33:30.220
Zou je iets meer over kunnen vertellen, Ringo?

687
00:33:30.360 --> 00:33:31.500
Vanuit jouw kant, je ervaring.

688
00:33:31.640 --> 00:33:33.120
Hoe test je nou zo'n frontend?

689
00:33:33.540 --> 00:33:36.120
Ja, nu moet je inderdaad heel veel testen.

690
00:33:38.020 --> 00:33:39.140
Dat is wel een groot verschil, ja.

691
00:33:39.360 --> 00:33:42.300
Want vroeger, ik weet nog wel, toen ik begon, dan had ik echt nul testen wat dat betreft.

692
00:33:43.960 --> 00:33:48.580
En ja, we zijn al een beetje een doorslaan van mijn gevoel qua testen.

693
00:33:49.080 --> 00:33:51.100
Uiteindelijk wil je natuurlijk dat je alles afdekt.

694
00:33:51.520 --> 00:33:53.260
Er zijn verschillende soorten testen.

695
00:33:53.400 --> 00:33:57.000
Wat in ieder geval het laatste spreek dan wat we nu dan hebben bij Anva, zeg maar,

696
00:33:57.080 --> 00:33:59.000
een aantal dingen opgezet ook met Kishen erbij.

697
00:34:00.460 --> 00:34:04.020
Voor de code doen wij unit testen, wat redelijk gebruikelijk is.

698
00:34:04.280 --> 00:34:05.760
Er wordt heel veel bedrijven gedaan.

699
00:34:06.660 --> 00:34:09.180
Alleen minder unit testen dan voorheen.

700
00:34:09.800 --> 00:34:14.260
Dat heeft te maken dat we tegenwoordig ook iets kunnen gebruiken als component testen.

701
00:34:14.780 --> 00:34:17.220
En daar test je dus alleen het component mee.

702
00:34:17.420 --> 00:34:18.560
En dat kan met mockdata.

703
00:34:19.560 --> 00:34:21.160
Dan hebben we nog een feature test.

704
00:34:21.560 --> 00:34:23.200
Nou, feature test is eigenlijk wat groter.

705
00:34:23.440 --> 00:34:27.000
Dus je kan je ongeveer zien als een pagina die je dan aftest.

706
00:34:28.260 --> 00:34:31.880
Daar test je dus ook de integratie van verschillende componenten en zo af.

707
00:34:32.620 --> 00:34:34.000
En dan hebben we ook nog een end-to-end test.

708
00:34:34.460 --> 00:34:40.600
Nou, dat is eigenlijk dus dat je met de echte backend praat, zeg maar, en testen.

709
00:34:40.980 --> 00:34:44.780
Dus je hebt op zoveel verschillende, eigenlijk al vier niveaus heb je die testen.

710
00:34:45.760 --> 00:34:47.880
Daarbuiten hebben we ook nog een keer visuele testen.

711
00:34:48.520 --> 00:34:52.220
Dus om te kijken of je user interface en dergelijke nog klopt.

712
00:34:52.220 --> 00:34:57.600
Als je een team bijvoorbeeld gebruikt, ook als je verandert dat de kleurtje nog mal klopt.

713
00:34:57.760 --> 00:34:59.040
Dan heb je ook nog performance testen.

714
00:34:59.260 --> 00:35:01.160
Dat is de zesde test waar ik nu op zit.

715
00:35:02.520 --> 00:35:04.940
Nou goed, daar zijn we dan mee bezig om te kijken wat we daarvoor kunnen gebruiken.

716
00:35:05.120 --> 00:35:08.080
Maar dan zie je dus van dat het echt gigantisch is.

717
00:35:08.380 --> 00:35:11.620
En uiteindelijk wil je natuurlijk voorkomen dat je alles zou dubbel testen.

718
00:35:12.520 --> 00:35:15.900
Want ja, waarom zou je bijvoorbeeld je Engelen framework gaan testen als Engelen al getest is en dat soort dingen.

719
00:35:16.460 --> 00:35:17.560
Dus dat ga je niet doen, zeg maar.

720
00:35:19.020 --> 00:35:20.880
Dus we zijn wel een beetje aan het kijken van ja, hoe kan je ervoor zorgen

721
00:35:20.880 --> 00:35:23.320
dat je, je hebt natuurlijk de traditionele pyramide.

722
00:35:23.860 --> 00:35:27.780
Maar hoe kan je nou zorgen eigenlijk dat je qua kwaliteit, zeg maar,

723
00:35:27.900 --> 00:35:31.120
in use cases, zeg maar, kwaliteit, dat je daarvoor doet,

724
00:35:32.220 --> 00:35:36.180
met zo min mogelijk testen, waardoor je uiteindelijk bijvoorbeeld in die pipeline,

725
00:35:36.240 --> 00:35:39.060
als alles gedraaid door al die testen, dan wil je ook dat het zo snel mogelijk doorheen gaat.

726
00:35:39.120 --> 00:35:41.660
Maar je wilt wel alles afdekken. Je wilt wel die kwaliteit bouwen.

727
00:35:41.760 --> 00:35:46.720
Dan kies je verantwoordelijk voor om de kwaliteit te gaan weer.

728
00:35:46.740 --> 00:35:49.020
Oh jee, nou krijg ik allemaal boze e-mails.

729
00:35:50.820 --> 00:35:56.240
Maar ja, ik vind, qua testen is het een stuk professioneel geworden.

730
00:35:58.160 --> 00:36:01.520
En uiteindelijk wil je natuurlijk dat de klant gewoon geen problemen heeft.

731
00:36:01.820 --> 00:36:04.760
Maar mocht er dan een bug komen, zeg maar, ga dan kijken.

732
00:36:05.480 --> 00:36:07.940
Als ik zoveel testen heb, hoe kan het zijn dat die daar ingelipt is?

733
00:36:08.020 --> 00:36:09.380
Ga dat proberen op te lossen.

734
00:36:09.560 --> 00:36:12.440
Zorg dat hier een test is. Dan moet die test dus falen.

735
00:36:12.700 --> 00:36:14.120
Pas dat aan. Dan moet die test slagen.

736
00:36:14.240 --> 00:36:15.460
En dan heb je dat afgedekt, zeg maar.

737
00:36:15.460 --> 00:36:18.420
En ik denk dat als je dat, zeg maar, continu doet,

738
00:36:18.580 --> 00:36:20.660
dat je uiteindelijk voor zorgt dat je een collectieve,

739
00:36:20.760 --> 00:36:23.880
hele hoge garantie hebt qua software, zeg maar.

740
00:36:24.560 --> 00:36:27.480
Maar als je alles bij elkaar kijkt, vind ik het wel heel erg veel.

741
00:36:27.700 --> 00:36:28.360
Ja, zeker.

742
00:36:28.620 --> 00:36:30.140
Kijk, en daar ben ik helemaal met je eens.

743
00:36:30.260 --> 00:36:32.560
Dus we moeten heel goed kijken naar welke risico we innemen.

744
00:36:32.860 --> 00:36:35.120
Als we ook in het beginfase van een project zitten,

745
00:36:35.160 --> 00:36:36.940
ja, dan ga je misschien wat gemakkelijker mee om.

746
00:36:37.340 --> 00:36:39.060
Maar als je straks inderdaad gewoon live staat

747
00:36:39.060 --> 00:36:41.780
en er kunnen mensenlevens gered worden,

748
00:36:42.200 --> 00:36:44.100
ja, dan ga je toch wel even iets anders naar kijken.

749
00:36:44.100 --> 00:36:44.760
Je kan ernaartoe groeien.

750
00:36:44.760 --> 00:36:45.680
Niet dat het gaat gebeuren.

751
00:36:46.000 --> 00:36:48.840
Ik vind wel dat je toch al meteen die kwaliteit zo hoog mag,

752
00:36:48.900 --> 00:36:49.920
maar je kan ernaartoe groeien.

753
00:36:50.060 --> 00:36:51.600
Dus je bent toch niet allemaal benieuwd, zeg maar, inderdaad.

754
00:36:51.780 --> 00:36:52.440
Ja, daar ben ik mee eens.

755
00:36:53.260 --> 00:36:58.080
Weet je, ik werk een tijd bij het bedrijf waar ik nu werk.

756
00:36:59.020 --> 00:37:02.540
En wat ik daar bemerkt, is dat we eigenlijk in de chill

757
00:37:02.540 --> 00:37:04.720
het testen nooit echt goed voor elkaar kregen.

758
00:37:05.160 --> 00:37:06.560
We blijven bebouwen net op.

759
00:37:06.720 --> 00:37:07.800
We waren even aan het testen.

760
00:37:08.020 --> 00:37:10.460
En daarna viel het eigenlijk weer een soort van,

761
00:37:10.500 --> 00:37:13.160
ging het steeds verder stuk, een soort erosie noem ik het altijd,

762
00:37:13.640 --> 00:37:15.220
totdat je eigenlijk bijna weer niks had.

763
00:37:15.820 --> 00:37:20.140
En wat ik nu, wat mijn mening in ieder geval is,

764
00:37:20.500 --> 00:37:22.860
en dat is niet altijd even helemaal ook de praktijk,

765
00:37:23.260 --> 00:37:25.140
is dat als je aan het development bent,

766
00:37:25.300 --> 00:37:27.820
dat je gewoon daar het testen eigenlijk een soort essentieel onderdeel van is.

767
00:37:28.040 --> 00:37:29.880
Ik zei net ook van het voorbereiden,

768
00:37:29.960 --> 00:37:31.660
dat ik wat meer van het voorbereiden ben.

769
00:37:32.320 --> 00:37:33.980
En een van de voorbereidingen waar ik bijvoorbeeld

770
00:37:33.980 --> 00:37:36.120
heel erg van gechomeerd ben, is BDD.

771
00:37:36.980 --> 00:37:38.920
Schrijf in plaats van dat je gaat programmeren,

772
00:37:38.920 --> 00:37:42.960
schrijf in een soort vorm uit wat je verwacht.

773
00:37:43.280 --> 00:37:45.280
Als de klant dit doet, dan verwacht ik zus.

774
00:37:45.580 --> 00:37:47.580
Als de klant deze, dan verwacht ik.

775
00:37:47.720 --> 00:37:50.960
Als je dat uitschrijft, en daar geef je nog geen aanvulling in,

776
00:37:51.040 --> 00:37:53.920
dan ben je eigenlijk je requirements aan het vastleggen.

777
00:37:54.380 --> 00:37:55.980
En daar ben ik zelf heel erg van gecharmeerd,

778
00:37:57.760 --> 00:38:01.120
omdat dat zorgt ervoor dat je eigenlijk je requirements,

779
00:38:01.240 --> 00:38:02.460
je bent je documentatie aan het doen,

780
00:38:02.780 --> 00:38:05.620
je bent meteen ook je automatiseerde testen aan het doen,

781
00:38:05.660 --> 00:38:07.360
want die kan je, als je aan het programmeren bent,

782
00:38:07.360 --> 00:38:11.020
dan ga je die op een gegeven moment invullen met bepaalde checks of componenten,

783
00:38:11.100 --> 00:38:13.200
buttons kan je klikken en dergelijke.

784
00:38:13.860 --> 00:38:16.500
Je hebt er tijdens je ontwikkelproces, heb je er profijt van,

785
00:38:16.780 --> 00:38:18.720
want maak je fouten of doe je iets anders,

786
00:38:19.200 --> 00:38:22.280
dan ga je daar ook gewoon meteen profijt van hebben.

787
00:38:22.740 --> 00:38:24.660
Voorheen deden we dat soort dingen vaak achteraf,

788
00:38:24.660 --> 00:38:27.060
en ik zie gewoon dat daar heel veel winst te behalen valt,

789
00:38:27.140 --> 00:38:30.100
als je dat eigenlijk gewoon meteen daarmee begint,

790
00:38:31.820 --> 00:38:34.180
en gewoon meteen meeneemt in het verhaal.

791
00:38:34.180 --> 00:38:37.860
En het lijkt, zeker als je daar aan begint,

792
00:38:37.940 --> 00:38:40.580
dan lijkt het een soort van ja, maar nou ben ik met allemaal dingen bezig,

793
00:38:40.620 --> 00:38:43.260
wat eigenlijk nog niet heel belangrijk is,

794
00:38:43.300 --> 00:38:45.180
maar ik denk dat als je het naast elkaar houdt,

795
00:38:46.320 --> 00:38:50.200
dat je sneller je klusje klaar hebt,

796
00:38:50.980 --> 00:38:52.840
dan als je eerst je voorbereidingen doet,

797
00:38:53.040 --> 00:38:55.060
in plaats van dat je dingen nog moet gaan herschrijven,

798
00:38:55.200 --> 00:38:57.340
refactoren of achteraf gaat inbouwen.

799
00:38:57.340 --> 00:39:01.380
Doe jij dan ook al van tevoren ook de testen echt schrijven,

800
00:39:02.160 --> 00:39:05.340
dus van tevoren de testen schrijven en dan codeeren?

801
00:39:06.020 --> 00:39:07.500
Ik doe het tegelijkertijd.

802
00:39:07.880 --> 00:39:09.460
Ik probeer het tenminste niet altijd hoor,

803
00:39:09.520 --> 00:39:10.380
ik moet even eerlijk zijn,

804
00:39:10.820 --> 00:39:12.760
maar ik probeer inderdaad dan een soort van,

805
00:39:13.220 --> 00:39:15.000
wat is nou mijn klusje?

806
00:39:15.240 --> 00:39:17.140
Ja, het is inderdaad BDD, TDD.

807
00:39:18.620 --> 00:39:21.400
Ik weet eigenlijk niet eens welke kant ik nou helemaal precies zit,

808
00:39:21.720 --> 00:39:23.820
maar later ga ik het invullen.

809
00:39:24.040 --> 00:39:25.920
Dus de test-first-gedachte, dat komt er mee?

810
00:39:25.920 --> 00:39:28.460
Ja, maar het is een test.

811
00:39:28.600 --> 00:39:29.820
Je schrijft het in de vorm van test,

812
00:39:29.880 --> 00:39:32.240
maar het is eigenlijk het uitschrijven van de requirements.

813
00:39:33.360 --> 00:39:37.100
Ik denk dat de bewustwording ook de laatste paar jaren is.

814
00:39:37.140 --> 00:39:37.560
Ja, klopt.

815
00:39:40.600 --> 00:39:43.140
Je bouwt eigenlijk iets op en als je het achteraf doet,

816
00:39:43.500 --> 00:39:44.780
is het gewoon niet fijn om te doen.

817
00:39:44.860 --> 00:39:46.520
Dan raffel je het ook altijd een beetje af

818
00:39:46.520 --> 00:39:49.000
en dan ben je ook alweer de details vergeten.

819
00:39:49.100 --> 00:39:50.940
Terwijl als je als developer dat meteen doet,

820
00:39:51.460 --> 00:39:55.080
is dat een investering die zichzelf direct terugbetaalt,

821
00:39:55.080 --> 00:39:56.680
maar ook achteraf.

822
00:39:56.820 --> 00:40:01.320
Want op het moment dat je bijvoorbeeld met externe ontwikkelaars,

823
00:40:01.540 --> 00:40:02.820
dat er een nieuw iemand komt,

824
00:40:03.320 --> 00:40:05.760
ja, dan zijn die requirements, die zijn gewoon beschikbaar.

825
00:40:06.140 --> 00:40:09.560
En als zo'n nieuwe externe ontwikkelaar een wijziging doet,

826
00:40:09.640 --> 00:40:11.940
die eigenlijk niet zou moeten kunnen kloppen,

827
00:40:12.080 --> 00:40:14.080
ja, dan gaan dus je geautomatiseerde testen,

828
00:40:14.080 --> 00:40:17.080
gaan daar meteen melding van maken.

829
00:40:17.660 --> 00:40:20.800
Ja, ik ben daar zelf heel erg, ja,

830
00:40:21.060 --> 00:40:23.660
ik zie daar gewoon heel veel, heel veel winst in te behalen.

831
00:40:24.140 --> 00:40:25.740
Ja, wat ik ook wel mooi vind altijd,

832
00:40:26.540 --> 00:40:28.720
als teams dus een soort van, ja, noem het maar even,

833
00:40:28.920 --> 00:40:30.000
de test-first gedachte hebben,

834
00:40:30.600 --> 00:40:34.800
is dat ze ook meteen het ontwerp op testability natuurlijk

835
00:40:35.800 --> 00:40:37.240
ook even rekening mee gaan houden,

836
00:40:38.180 --> 00:40:40.760
want, ja, het is dus testability in de software,

837
00:40:41.880 --> 00:40:43.140
kwaliteit attribuut, ja?

838
00:40:43.140 --> 00:40:43.680
Ja, ja.

839
00:40:43.840 --> 00:40:45.180
Ja, daar staan zo, ja,

840
00:40:45.200 --> 00:40:47.960
achter ik natuurlijk kent zoveel kenmerk, ja, maintainability,

841
00:40:49.640 --> 00:40:51.440
hoe heet dat, performance natuurlijk.

842
00:40:51.920 --> 00:40:53.640
Nou, als je al die dingen dan meeneemt,

843
00:40:53.640 --> 00:40:57.420
dan is testability vaak hetgene wat jij dus net terecht zegt,

844
00:40:57.600 --> 00:41:00.040
vaak hetgene wat je dan achterlaat, weet je, achteraan.

845
00:41:00.040 --> 00:41:00.160
Ja, ja.

846
00:41:00.520 --> 00:41:02.280
Omdat je snel moet en je wil...

847
00:41:02.280 --> 00:41:02.460
Ja, ja.

848
00:41:02.460 --> 00:41:03.900
Je hebt je doel bereikt eigenlijk vaak.

849
00:41:04.200 --> 00:41:05.720
Zonder testen kan je ook je doel bereiken.

850
00:41:05.760 --> 00:41:05.960
Precies.

851
00:41:05.960 --> 00:41:07.080
Je hebt het opgeleverd.

852
00:41:07.440 --> 00:41:11.160
Alleen, ja, je hebt het korte versus lange termijn.

853
00:41:11.360 --> 00:41:13.920
Ja, ik ben trouwens altijd heel erg op de lange termijn gericht

854
00:41:13.920 --> 00:41:18.280
in mijn werk voor, nou ja, wie komt ernaar mee?

855
00:41:18.460 --> 00:41:19.980
Kan hij er dan ook mee uit de voeten?

856
00:41:20.080 --> 00:41:22.500
Of gaat dat allemaal wel of niet goed?

857
00:41:22.500 --> 00:41:24.720
Ik zit weleens te denken aan onze tijd, Saber,

858
00:41:25.020 --> 00:41:27.780
toen we bij Innofun heette.

859
00:41:27.880 --> 00:41:28.360
Ja, ja.

860
00:41:28.620 --> 00:41:29.500
Waar we toen met die...

861
00:41:30.340 --> 00:41:30.640
Wat was dat?

862
00:41:30.640 --> 00:41:31.580
Een multi-touch table.

863
00:41:31.920 --> 00:41:32.500
Waar we toen ook...

864
00:41:34.280 --> 00:41:36.380
Maar dat was echt niet dat we dachten van,

865
00:41:37.020 --> 00:41:38.200
we gaan eerst een paar testen bouwen.

866
00:41:38.220 --> 00:41:40.280
Ik zou niet eens weten hoe ik dat ding moet testen.

867
00:41:41.120 --> 00:41:43.160
Nee, maar zeg je, dat was een multi-touch tafel.

868
00:41:44.360 --> 00:41:44.720
Precies.

869
00:41:44.940 --> 00:41:46.360
Dat was wel een ding, zeg maar.

870
00:41:46.460 --> 00:41:48.020
Ja, maar misschien kwam het ook,

871
00:41:48.060 --> 00:41:50.780
omdat wij dachten van, ja, weet je, er zullen geen baby's dood gaan.

872
00:41:51.140 --> 00:41:52.440
Nee, nee, maar dat was precies.

873
00:41:52.440 --> 00:41:54.240
Dat is ook wel die...

874
00:41:54.240 --> 00:41:54.840
Hoe zeg je dat?

875
00:41:55.160 --> 00:41:58.340
Het risico, ja, wat je probeert af te dekken.

876
00:41:58.340 --> 00:41:58.500
Ja.

877
00:41:58.820 --> 00:42:03.660
En in dat geval, dat was misschien net een soort van prototype plus plus, zeg maar.

878
00:42:03.800 --> 00:42:04.400
Ja, dat was echt een prototype plus.

879
00:42:04.400 --> 00:42:06.540
Ja, we zouden iets bouwen als het werkte, dan waren we blij

880
00:42:06.540 --> 00:42:08.680
en dan zouden we het eventueel door ontwikkelen.

881
00:42:09.200 --> 00:42:10.640
Maar de testen van dat ding...

882
00:42:10.640 --> 00:42:10.920
Ja.

883
00:42:11.520 --> 00:42:13.520
Ik zou serieus nu, dat vandaag nog niet weten

884
00:42:13.520 --> 00:42:15.240
hoe ik die multi-touch tafel zou moeten testen,

885
00:42:15.300 --> 00:42:17.100
want we moeten een robot maken die dan multi-touch kan.

886
00:42:17.100 --> 00:42:18.980
Ja, we hadden wel wat unit-tests te kunnen schrijven toen.

887
00:42:19.120 --> 00:42:20.180
Ja, natuurlijk, voor de logica.

888
00:42:20.300 --> 00:42:21.280
Dat is een ander verhaal,

889
00:42:21.280 --> 00:42:25.080
maar echt een BDD of een N2N-test.

890
00:42:25.100 --> 00:42:26.820
N2N-test was wel heel moeilijk geweest.

891
00:42:28.140 --> 00:42:30.540
Iemand kan er creatief iets voor verzinnen.

892
00:42:30.900 --> 00:42:34.220
Ja, we hadden een robot kunnen laten aansturen op die tafel.

893
00:42:34.460 --> 00:42:36.120
En dan hadden we daar een test voor moeten schrijven.

894
00:42:36.300 --> 00:42:38.400
En dan een hele dure rekening sturen.

895
00:42:38.700 --> 00:42:40.000
Ja, maar wij doen wel BDD.

896
00:42:41.500 --> 00:42:44.700
Maar het is wel...

897
00:42:44.700 --> 00:42:48.060
Ja, ik werk zeg maar voor een bedrijf in een financieel sector

898
00:42:48.060 --> 00:42:49.180
en daar moet het...

899
00:42:49.180 --> 00:42:50.480
Dus wij moeten gewoon...

900
00:42:50.480 --> 00:42:52.880
Ja, je moet gewoon de kwaliteit kunnen garanderen.

901
00:42:53.280 --> 00:42:55.240
Dus je moet die risico's kunnen afdekken.

902
00:42:55.460 --> 00:42:57.780
Tegenwoordig moet alles traceerbaar zijn.

903
00:42:58.820 --> 00:43:00.140
En, weet ik veel, all the things.

904
00:43:00.820 --> 00:43:05.300
Dus waardoor je dat testen wel...

905
00:43:05.300 --> 00:43:06.140
Ja, dat moet gewoon.

906
00:43:06.340 --> 00:43:08.160
Dus dat is helemaal geen discussie meer.

907
00:43:09.220 --> 00:43:11.040
Wat jij zegt, wij gebruiken nog geen BDD.

908
00:43:11.660 --> 00:43:13.200
Dus het is niet dat we...

909
00:43:13.200 --> 00:43:17.380
Ik heb ooit eens een project, dat is al heel lang geleden,

910
00:43:17.380 --> 00:43:17.940
gestart.

911
00:43:18.400 --> 00:43:20.380
En mijn idee was om dan juist dus wel...

912
00:43:21.480 --> 00:43:21.860
Hoe heet het?

913
00:43:21.940 --> 00:43:23.360
Met die gurken, simpel is dat.

914
00:43:23.460 --> 00:43:24.160
Q-Qamber.

915
00:43:26.420 --> 00:43:29.680
De specifications, of de test slash specifications te beschrijven.

916
00:43:29.880 --> 00:43:30.680
En dan...

917
00:43:30.680 --> 00:43:31.760
Die falen dan allemaal.

918
00:43:32.020 --> 00:43:34.480
En dan geeft dat ook de voortgang aan van het project.

919
00:43:34.640 --> 00:43:34.820
Ja, precies.

920
00:43:34.820 --> 00:43:37.380
Dan weet je van, als je het allemaal uitschrijft en het is allemaal rood,

921
00:43:37.560 --> 00:43:38.960
dan zitten we nu op 0 procent.

922
00:43:39.180 --> 00:43:40.380
Nou, zijn er drie groen.

923
00:43:40.980 --> 00:43:42.700
Van de tien zitten we op 30 procent.

924
00:43:42.720 --> 00:43:44.240
Dus dan heb je gewoon een voortgang.

925
00:43:44.340 --> 00:43:45.380
Dan zie je ook...

926
00:43:45.380 --> 00:43:46.380
Ja, precies.

927
00:43:47.620 --> 00:43:50.380
Dat hebben we niet voor elkaar gekregen toen, helaas.

928
00:43:51.660 --> 00:43:56.860
Want er lag deels aan mij, maar ook de onervarenheid van ons allemaal als team van het schrijven.

929
00:43:56.920 --> 00:44:02.860
Dus we waren veel langzamer, waardoor we heel makkelijk teruggrepen op onze bekende manier van ontwikkelen.

930
00:44:03.520 --> 00:44:07.200
En het project stond gewoon redelijk onder druk.

931
00:44:07.300 --> 00:44:08.840
Of we moesten gewoon leven, als het ware.

932
00:44:09.460 --> 00:44:10.620
Dus dan neem je dat risico niet meer.

933
00:44:10.740 --> 00:44:13.860
In eerste instantie konden we dat nog, maar toen kwamen we in de squeeze.

934
00:44:13.860 --> 00:44:15.880
En toen was het ja oké, dit gaan we niet meer doen.

935
00:44:15.900 --> 00:44:17.960
We gaan gewoon weer terugvallen op onze normale manier.

936
00:44:18.320 --> 00:44:19.860
Maar dat is echt een hele...

937
00:44:21.100 --> 00:44:22.980
Lijkt me een hele fijne aanpak.

938
00:44:23.600 --> 00:44:25.000
Zeker met Edge at Development.

939
00:44:25.060 --> 00:44:26.660
Er wordt altijd gezegd, ja, hoe ver ben je nu met?

940
00:44:26.680 --> 00:44:28.140
Al weet je dus gewoon meteen.

941
00:44:28.820 --> 00:44:30.940
En, en dat weet je, ja, dat kun je waarschijnlijk ook beamen,

942
00:44:31.660 --> 00:44:35.060
is dat je geurkensyntax ook voor de leken te lezen is.

943
00:44:35.240 --> 00:44:35.560
Juist.

944
00:44:35.760 --> 00:44:37.620
En dat is ook wel heel erg fijn.

945
00:44:37.760 --> 00:44:39.840
Terwijl een unit test, een gemiddelde unit test, ja,

946
00:44:40.340 --> 00:44:44.480
we geven die soms wat wat wat fatsoenlijke namen,

947
00:44:44.620 --> 00:44:46.480
maar ja, dat is nog steeds een technisch ding.

948
00:44:47.240 --> 00:44:49.280
Daar kan een eind gebruik er niks mee.

949
00:44:49.560 --> 00:44:50.880
En wat het mooie is,

950
00:44:50.900 --> 00:44:54.880
want ik gebruik niet helemaal echt de geurkensyntax

951
00:44:54.880 --> 00:44:57.020
voor het schrijven van mijn testen,

952
00:44:57.140 --> 00:44:59.820
maar wat je voorkomt,

953
00:45:00.020 --> 00:45:03.260
is dat je het zorgt ervoor dat je eigenlijk je test

954
00:45:03.260 --> 00:45:05.100
langer kan houden,

955
00:45:05.160 --> 00:45:07.380
omdat je het niet technisch zou moeten doen.

956
00:45:07.380 --> 00:45:10.200
Dus dat je niet gaat uitschrijven van als ik op deze button klik,

957
00:45:10.320 --> 00:45:10.820
doe ik dit.

958
00:45:11.360 --> 00:45:14.520
Nee, want dan is het namelijk op het moment dat je naar een ander device gaat

959
00:45:14.520 --> 00:45:15.500
of een ander medium,

960
00:45:16.180 --> 00:45:20.220
dan kan je het allemaal weggooien als men de navigatieoverhoop gooit.

961
00:45:21.160 --> 00:45:23.820
Terwijl als je uitschrijft van onze klant,

962
00:45:24.100 --> 00:45:27.160
als onze klant dit doet, dan moet hij dit te zien krijgen.

963
00:45:27.740 --> 00:45:29.440
Ja, dat is iets wat altijd blijft.

964
00:45:29.560 --> 00:45:32.320
De dienst blijft je vermoedelijk wel houden.

965
00:45:33.240 --> 00:45:35.800
Ja, ook al is wat er eigenlijk achter zit, is anders.

966
00:45:36.320 --> 00:45:40.520
Ja, in de perfecte wereld hou iedereen het.

967
00:45:40.800 --> 00:45:44.860
Ja, ik denk dat dat je dat je wat op een gegeven moment wat mij opviel

968
00:45:44.860 --> 00:45:47.380
is dat er je kan heel snel naar een doel rennen

969
00:45:47.380 --> 00:45:49.700
en dan dat je heel snel programmeert.

970
00:45:49.800 --> 00:45:53.140
Maar daarna krijg je een soort echo effect met allemaal issues en dingetjes

971
00:45:53.140 --> 00:45:54.900
en oh en dit en zus en zo.

972
00:45:55.100 --> 00:45:57.480
En dat kost significant veel meer tijd,

973
00:45:57.500 --> 00:46:00.580
want er zit gewoon veel meer overhead in, want je hebt al iets wat live staat.

974
00:46:00.680 --> 00:46:04.460
Je hebt al eigenlijk iets wat je ook niet zomaar weer helemaal overhoop kan gooien,

975
00:46:04.460 --> 00:46:06.600
want dan introduceer je weer nieuwe issues.

976
00:46:06.940 --> 00:46:11.620
Terwijl als je dat gewoon, ja, wat gestructureerder aanpakt,

977
00:46:11.780 --> 00:46:12.940
dan heb je dat veel minder.

978
00:46:13.100 --> 00:46:15.720
Heb je ook gewoon die duidelijkheid, heb je die voorspelbaarheid.

979
00:46:16.680 --> 00:46:19.060
Ja, heb je ook minder regressieachtige issues.

980
00:46:19.600 --> 00:46:20.440
Kwaliteit ook, denk ik.

981
00:46:20.540 --> 00:46:22.660
Ja, het is zeker de kwaliteit.

982
00:46:24.480 --> 00:46:27.180
Nou ja, dan ga ik helemaal los.

983
00:46:27.680 --> 00:46:29.780
Want dit is, wij gebruiken dan,

984
00:46:29.780 --> 00:46:34.780
We hebben heel de tijd achter de feiten aangelopen met testen en applicaties.

985
00:46:35.600 --> 00:46:39.840
En wat ik nu zie, is dat we eigenlijk een soort die achterstand hebben ingewerkt

986
00:46:39.840 --> 00:46:41.540
bij het bedrijf waar ik voor werk.

987
00:46:42.340 --> 00:46:45.040
En dat we eigenlijk op heel veel vlakken nu aan het testen zijn,

988
00:46:45.500 --> 00:46:46.660
wat we voorheen niet deden.

989
00:46:46.680 --> 00:46:50.720
We doen nu ook edge case testen, omdat we dus gebruik maken van mocks bijvoorbeeld.

990
00:46:51.120 --> 00:46:55.780
We zitten niet aan speciale omgevingen vast, die dan soms wel werken, soms niet werken.

991
00:46:55.920 --> 00:46:58.660
We hebben gewoon heel duidelijk kunnen we continu alle onze testen doen.

992
00:46:58.660 --> 00:47:02.560
We gebruiken dan end-to-end testen op basis van Cypress.

993
00:47:02.560 --> 00:47:05.400
Dat gebruiken wij voor testen van onze functionaliteit.

994
00:47:05.980 --> 00:47:10.580
We gebruiken enkele unit tests omdat we weinig logica hebben in de front-end.

995
00:47:10.780 --> 00:47:12.300
Weel dingen met state en store.

996
00:47:13.220 --> 00:47:18.580
Maar voor de rest, de bulk zit toch wel ergens in componenten.

997
00:47:18.880 --> 00:47:20.300
Dan hebben we nog visueel testen.

998
00:47:20.600 --> 00:47:24.100
Daar ben ik helemaal, dat hebben we recent geïntroduceerd.

999
00:47:24.520 --> 00:47:26.580
Als je dat ook afdekt,

1000
00:47:26.580 --> 00:47:31.280
dan kan je steeds meer naar iets toe werken wat gegarandeerd is.

1001
00:47:31.900 --> 00:47:36.300
Als je zegt dat de functionaliteit goed is en dat het visueel goed is.

1002
00:47:36.720 --> 00:47:38.660
Wat zou er nog meer fout kunnen gaan?

1003
00:47:39.020 --> 00:47:39.720
Ja, er is er wel eentje.

1004
00:47:39.860 --> 00:47:41.000
Ik zal het antwoord ook meteen geven.

1005
00:47:41.080 --> 00:47:43.460
Dat is de integratietest die erna komt.

1006
00:47:44.400 --> 00:47:46.660
Dus iets wat je oplevert om samen te werken met een ander systeem.

1007
00:47:47.440 --> 00:47:49.000
Dat kan natuurlijk misgaan.

1008
00:47:49.380 --> 00:47:50.640
Maar dat is goed om te weten.

1009
00:47:50.800 --> 00:47:51.940
En dat is toch ook...

1010
00:47:51.940 --> 00:47:53.100
Maar zo doe je het eigenlijk stap voor stap.

1011
00:47:53.100 --> 00:47:55.100
In plaats van dat je zegt van ik ga in één keer...

1012
00:47:55.620 --> 00:47:57.420
De illusie dat je vanaf nul, zeg maar,

1013
00:47:57.640 --> 00:48:00.200
naar perfecte covertjes kan gaan, zeg maar,

1014
00:48:00.200 --> 00:48:00.680
voor je testen.

1015
00:48:00.880 --> 00:48:02.260
Theoretisch kan het, denk ik,

1016
00:48:02.300 --> 00:48:04.180
wel om alles een soort aan elkaar te knopen.

1017
00:48:04.460 --> 00:48:07.500
Maar ja, het geeft gewoon heel veel overheid en vertraging,

1018
00:48:07.820 --> 00:48:08.360
denk ik.

1019
00:48:08.520 --> 00:48:10.320
En ook weer risico.

1020
00:48:10.760 --> 00:48:13.220
En een concessie is of een compromis,

1021
00:48:13.260 --> 00:48:14.000
misschien moet ik het zo noemen,

1022
00:48:14.080 --> 00:48:16.520
een compromis is dat je, nou ja,

1023
00:48:16.600 --> 00:48:18.500
niet alles in één keer helemaal zeker weet,

1024
00:48:18.660 --> 00:48:22.400
maar wel dat je van tussen de segmenten onderling

1025
00:48:22.400 --> 00:48:23.680
weet wat het goed is.

1026
00:48:23.840 --> 00:48:25.400
En als het dan niet goed integreert,

1027
00:48:26.300 --> 00:48:27.840
dan weet je in ieder geval waar je het moet zoeken.

1028
00:48:28.400 --> 00:48:30.660
Sander, interessant verhaal wat je vertelt.

1029
00:48:31.300 --> 00:48:34.700
Dus wat ik hoor is dat jullie in het begin wat minder testen deden,

1030
00:48:34.880 --> 00:48:38.240
en dan op dit moment nu veel meer.

1031
00:48:38.240 --> 00:48:40.740
Maar wat was de beweegrede om dat te doen dan?

1032
00:48:41.020 --> 00:48:42.120
Kan je daar iets mee over vertellen?

1033
00:48:42.460 --> 00:48:45.520
Want natuurlijk, iedereen wil een topproduct,

1034
00:48:45.780 --> 00:48:47.460
dat is wel duidelijk.

1035
00:48:47.840 --> 00:48:50.560
Maar op een gegeven moment besluit je of je meer wilt testen of niet?

1036
00:48:50.560 --> 00:48:55.380
Nou ja, ik weet eigenlijk niet eens wat nou de echte beweegrede is geweest.

1037
00:48:55.500 --> 00:48:58.570
Het was eigenlijk dat we wel overtuigd waren dat we moesten testen

1038
00:48:59.080 --> 00:49:00.300
en dat het er moest komen,

1039
00:49:00.940 --> 00:49:02.360
maar we kregen het nooit echt voor elkaar.

1040
00:49:02.820 --> 00:49:06.000
En daar hebben we op een gegeven moment wat dingen omgegooid

1041
00:49:06.000 --> 00:49:08.320
en daardoor is het wel voor elkaar gekomen.

1042
00:49:10.300 --> 00:49:12.820
En ik denk toch dat het in voorspelbaarheid,

1043
00:49:14.080 --> 00:49:17.060
dat developers dat zien dat dat fijn is,

1044
00:49:17.220 --> 00:49:18.420
dat je als je wijzigingen doet,

1045
00:49:18.420 --> 00:49:21.520
nou ja, ik betrap mezelf regelmatig op dat ik denk van

1046
00:49:21.520 --> 00:49:22.940
ja dit kan toch niet fout gaan,

1047
00:49:25.880 --> 00:49:31.440
maar dat ik echt overtuigd ben dat het geen negatieve consequenties heeft

1048
00:49:31.440 --> 00:49:34.180
en dan falen toch maar één van mijn testen erop

1049
00:49:34.180 --> 00:49:37.860
en dan denk ik ja, die heb ik dus echt wel, die situatie heb ik gewoon gemist.

1050
00:49:38.800 --> 00:49:42.920
Nou de kans was natuurlijk altijd aanwezig dat er weer handmatige testers

1051
00:49:42.920 --> 00:49:44.320
die gingen handmatig testen

1052
00:49:44.320 --> 00:49:46.760
en die gingen dat misschien wel of niet opvallen,

1053
00:49:48.760 --> 00:49:53.100
maar ja dat voorkom je, dat je voorkomt door je testen gewoon goed

1054
00:49:53.100 --> 00:49:56.020
zoveel mogelijk water dicht te doen en mee te nemen,

1055
00:49:56.580 --> 00:49:58.160
dat voorkomt eigenlijk chaos,

1056
00:49:58.640 --> 00:50:01.560
want achteraf dan heb je op productie het staan en dat is niet goed

1057
00:50:01.560 --> 00:50:05.260
en dan gaat de product owner met een functioneel beheerder en de tester

1058
00:50:05.260 --> 00:50:08.420
en die gaat het dan inpennen en dan gaat het via scrum en agile

1059
00:50:08.420 --> 00:50:09.940
en dan komt het uiteindelijk bij de ontwikkelaar

1060
00:50:10.620 --> 00:50:13.920
en ja dat is ook helemaal, het kost zoveel tijd

1061
00:50:13.920 --> 00:50:16.220
en het is eigenlijk gewoon zonde.

1062
00:50:16.220 --> 00:50:19.260
Ja, het is eigenlijk een investering vooraf eigenlijk,

1063
00:50:19.620 --> 00:50:22.060
maar later ook een onderhoud, wijzigingen.

1064
00:50:22.240 --> 00:50:25.460
Ik denk als developers heel fijn als je iets aanpast dat je

1065
00:50:25.900 --> 00:50:28.760
bijna gewoon blind eigenlijk, dat is de ideale situatie, je blind kan release

1066
00:50:28.760 --> 00:50:30.880
want als er iets fout gaat dan wordt het, als het goed is,

1067
00:50:31.000 --> 00:50:32.280
een van je testen afgedekt.

1068
00:50:33.700 --> 00:50:36.560
Maar dat is wel een route waar je bij heel veel bedrijven ziet.

1069
00:50:37.540 --> 00:50:39.840
Het staat in het begin heel laag en men wil er naartoe werken

1070
00:50:40.360 --> 00:50:41.840
en dan kost het veel tijd zeg maar.

1071
00:50:42.180 --> 00:50:43.560
Dat is ook de reden waarom ik het vroeg,

1072
00:50:43.560 --> 00:50:47.980
van wat zijn dan vaak de beweegredenen dat een bedrijf toch ervoor kiest.

1073
00:50:49.140 --> 00:50:52.740
Ja, dat is misschien ook wel door issues die gekomen zijn of

1074
00:50:53.960 --> 00:50:56.900
dat ze op een gegeven moment erachter komen van oh jee,

1075
00:50:56.940 --> 00:51:00.720
als we hier nog een keer wat fout doen dan schaden we het bedrijf.

1076
00:51:02.000 --> 00:51:05.660
Ja, ik denk ook dat bij heel veel bedrijven ook je regergeving,

1077
00:51:05.740 --> 00:51:06.340
dat soort dingen allemaal verpakt worden.

1078
00:51:06.340 --> 00:51:07.460
Oh ja, regergeving, precies.

1079
00:51:08.140 --> 00:51:10.160
Dus jij moet er veel meer voorwaarden voor doen.

1080
00:51:11.400 --> 00:51:14.600
Dus op een gegeven moment zie je bijvoorbeeld bij accessibility,

1081
00:51:14.860 --> 00:51:15.340
dat is ook zo'n onderwerp.

1082
00:51:17.700 --> 00:51:22.340
Als je kijkt, drie, vier jaar geleden was niemand daar heel erg geïnteresseerd in.

1083
00:51:22.620 --> 00:51:25.960
Qua bedrijf, op bedrijfniveau iets hoger dan niet de frontenders,

1084
00:51:26.420 --> 00:51:27.320
maar wat hoger zeg maar.

1085
00:51:28.140 --> 00:51:31.080
Alleen nu is bijvoorbeeld, het is een verplichting vanuit de overheid,

1086
00:51:31.180 --> 00:51:32.540
als je bijvoorbeeld een zorgkantoor hebt,

1087
00:51:32.700 --> 00:51:36.300
dan moet je zorgen dat je een website accessible is voor iedereen eigenlijk.

1088
00:51:36.300 --> 00:51:39.360
Dus ja, dan moet je er eigenlijk voor zorgen.

1089
00:51:39.460 --> 00:51:42.020
Ik denk dat het een beetje hetzelfde met de testen zijn op een gegeven moment.

1090
00:51:42.140 --> 00:51:44.700
Je wilt wat dingen afdekken, wat risico's afdekken.

1091
00:51:44.880 --> 00:51:46.240
Dat bedrijf is steeds meer...

1092
00:51:46.240 --> 00:51:48.900
Ja, maar je moet er ook een soort van naartoe groeien.

1093
00:51:49.040 --> 00:51:52.220
Je moet er aan toe zijn, je moet er ruimte voor creëren eigenlijk.

1094
00:51:52.800 --> 00:51:54.300
En op het moment dat je...

1095
00:51:54.300 --> 00:51:57.320
Nou ja, eigenlijk testen is daar een onderdeel van,

1096
00:51:57.380 --> 00:51:59.260
maar als je je code stack zo hebt,

1097
00:51:59.480 --> 00:52:01.440
dan kan je er steeds een laagje boven doen.

1098
00:52:01.640 --> 00:52:04.660
En steeds meer kan je meenemen, gecontroleerd.

1099
00:52:04.660 --> 00:52:08.760
En is het niet dat je het met half-half doet,

1100
00:52:09.020 --> 00:52:10.620
of dan stap je vanuit...

1101
00:52:10.620 --> 00:52:14.520
En probeer je ook je test stack zo klein mogelijk te houden.

1102
00:52:14.800 --> 00:52:17.560
Niet dat je zeven verschillende tools hebt, zeg maar,

1103
00:52:17.680 --> 00:52:18.620
die allemaal anders zijn.

1104
00:52:18.900 --> 00:52:19.940
Een moet je in Cypress,

1105
00:52:20.960 --> 00:52:22.800
TypeScript, de ander moet in C-Shop.

1106
00:52:23.140 --> 00:52:24.860
Dat soort dingen probeer je een beetje gelijk te houden.

1107
00:52:24.860 --> 00:52:26.600
Precies, en daar was ik ook heel blij mee

1108
00:52:26.600 --> 00:52:30.520
toen Ringo ons, ook binnen het project waar we zaten,

1109
00:52:30.920 --> 00:52:32.320
even awareness van gaf,

1110
00:52:32.320 --> 00:52:33.320
is dat we op een gegeven moment

1111
00:52:33.320 --> 00:52:35.320
niet nog een derde tool moeten gaan introduceren,

1112
00:52:35.360 --> 00:52:36.840
terwijl we Cypress al hebben, weet je wel,

1113
00:52:37.400 --> 00:52:38.440
voor end-to-end testen.

1114
00:52:38.680 --> 00:52:40.720
En toen kwam jij inderdaad met feature testen, bijvoorbeeld.

1115
00:52:41.960 --> 00:52:42.640
Dat doen jullie.

1116
00:52:43.060 --> 00:52:45.580
Ja, ik zit ook in de Cypress in principe.

1117
00:52:45.720 --> 00:52:46.320
Ja, ja, ja.

1118
00:52:46.500 --> 00:52:47.800
Component testen, dat het nieuw is.

1119
00:52:47.900 --> 00:52:48.660
Dat hielp echt wel.

1120
00:52:49.000 --> 00:52:51.160
Even een bruggetje naar een volgend onderwerp,

1121
00:52:51.940 --> 00:52:53.600
want kijk, we hebben het nu veel over die front-end,

1122
00:52:54.520 --> 00:52:56.320
maar ook een beetje vanuit een technische...

1123
00:52:56.900 --> 00:52:59.080
Dus laten we even Testability even voor wat het is.

1124
00:52:59.080 --> 00:53:00.300
Maar ik ben wel...

1125
00:53:00.300 --> 00:53:00.760
Ja, jammer.

1126
00:53:02.560 --> 00:53:04.640
Ik ben het ideale developer.

1127
00:53:05.160 --> 00:53:05.680
Testen niet meer.

1128
00:53:06.280 --> 00:53:08.160
Nee, nee, nee.

1129
00:53:08.200 --> 00:53:09.160
Heel goed, heel goed.

1130
00:53:09.200 --> 00:53:10.160
Maar we moeten door met de testen.

1131
00:53:11.280 --> 00:53:13.080
Ik wilde graag even hebben over...

1132
00:53:14.540 --> 00:53:16.040
Ringo en ik hebben ook vaak discussies over.

1133
00:53:16.180 --> 00:53:17.900
Kijk, we hebben nog steeds met een back-end te maken,

1134
00:53:18.080 --> 00:53:20.760
die wel eens qua api's natuurlijk veranderen en dat soort dingen.

1135
00:53:21.040 --> 00:53:24.080
En als wij dus in de front-end de boel gaan mokken en stubben,

1136
00:53:25.240 --> 00:53:28.660
ja, hebben jullie misschien wel tips voor hoe je dat

1137
00:53:28.660 --> 00:53:29.980
een beetje goed kan streamlijnen?

1138
00:53:30.320 --> 00:53:32.880
Hoe ga je om met front-end wijzigingen, back-end wijzigingen?

1139
00:53:33.100 --> 00:53:35.900
Hoe zorg je ervoor dat alles met elkaar compatible blijft?

1140
00:53:36.480 --> 00:53:38.700
Ja, als iemand het antwoord daarop heeft, dan hoor ik het graag.

1141
00:53:38.720 --> 00:53:39.700
En zeg alsjeblieft geen BDD.

1142
00:53:39.940 --> 00:53:40.420
Alsjeblieft niet.

1143
00:53:40.560 --> 00:53:40.940
Nee, nee, nee.

1144
00:53:40.940 --> 00:53:43.220
Daar kan ik geen BDD op toepassen, denk ik.

1145
00:53:43.600 --> 00:53:43.960
Nee, nee.

1146
00:53:44.440 --> 00:53:48.340
We mokken wel de api's.

1147
00:53:48.340 --> 00:53:50.320
Dus eigenlijk de back-end van de front-end.

1148
00:53:50.520 --> 00:53:51.080
Dat was hem toch?

1149
00:53:51.280 --> 00:53:53.920
Ja, dat mokken wij inderdaad.

1150
00:53:55.740 --> 00:53:58.140
En ja, daar zitten wel de nodige edge cases.

1151
00:53:58.140 --> 00:54:02.180
Zitten er in bijvoorbeeld een foutmelding of iets wat niet gevonden kan worden.

1152
00:54:02.500 --> 00:54:03.500
Daar kunnen we op testen.

1153
00:54:03.540 --> 00:54:08.620
Dat is trouwens iets wat we voorheen nooit konden, omdat we dan aan een omgeving geknopt waren.

1154
00:54:08.820 --> 00:54:12.800
En dat het ja, die omgeving die ja, die gaf geen foutmelding.

1155
00:54:13.260 --> 00:54:15.340
Die die die testcase was er gewoon.

1156
00:54:17.080 --> 00:54:18.080
Dus dat kunnen we doen.

1157
00:54:18.380 --> 00:54:20.520
Dat is nog wel een handmatig iets.

1158
00:54:22.280 --> 00:54:26.180
Dus je moet die mocks moet je handmatig onderhouden.

1159
00:54:26.180 --> 00:54:29.220
En die kan je natuurlijk ook copypasten aan een of andere andere omgeving.

1160
00:54:29.980 --> 00:54:30.880
Wat we alleen wel.

1161
00:54:31.920 --> 00:54:34.760
Ik heb de neiging om van zorg dat alles.

1162
00:54:34.900 --> 00:54:37.720
Dus heb je een productieverstoring gehad, maak daar een mok van.

1163
00:54:37.860 --> 00:54:41.000
Zodat je daar volgende keer op kan die kan inrichten en kan testen.

1164
00:54:41.160 --> 00:54:43.060
Alleen er zit op een gegeven moment gaat er een soort.

1165
00:54:44.280 --> 00:54:44.900
Ja, noem je dat nou?

1166
00:54:45.060 --> 00:54:47.300
Loop je tegen een beetje een soort tegen een plafond aan.

1167
00:54:47.380 --> 00:54:50.000
Dat je dat het zo lastig te onderhouden is.

1168
00:54:50.320 --> 00:54:54.100
En dat je eigenlijk dat niet alleen maar meer bij ontwikkelaars kan leggen.

1169
00:54:54.100 --> 00:54:57.700
Maar is juist mok niet ingewikkelder dan echte data?

1170
00:54:59.280 --> 00:55:00.620
Nou ja, het is een soort.

1171
00:55:00.640 --> 00:55:02.940
Ik zie het ook weer hier als een soort compromis.

1172
00:55:03.260 --> 00:55:08.120
Idealiter wil je natuurlijk alles aan elkaar knopen en meteen testen tegen de werkelijkheid.

1173
00:55:09.840 --> 00:55:13.060
Alleen je moet er wel controle over hebben over alles.

1174
00:55:13.340 --> 00:55:18.800
En dat is dus iets wat bij de organisatie waar ik voor werkte was dat niet zo.

1175
00:55:19.620 --> 00:55:20.580
Die controle was er niet.

1176
00:55:20.820 --> 00:55:23.720
Want daar werd één keer in het kwartaal of één keer in de maand.

1177
00:55:23.720 --> 00:55:24.880
Ik weet het niet precies.

1178
00:55:25.100 --> 00:55:29.440
Werden alle test cases gewist en werden er nieuwe test cases aangemaakt.

1179
00:55:29.960 --> 00:55:33.780
En daar liepen we op remen erop terug dat onze testen eigenlijk niks anders deden.

1180
00:55:34.240 --> 00:55:36.880
Van oké, kan ik doorklikken?

1181
00:55:36.960 --> 00:55:42.600
Maar wat er op het scherm staat aan bedragen of gegevens of naam achter naam geboorte datum.

1182
00:55:42.640 --> 00:55:46.460
Daar konden we niet op testen, want de volgende maand waren het weer andere leeftijden.

1183
00:55:47.860 --> 00:55:52.040
Maar hoe zorg je er dan voor dat je wel in sync blijft?

1184
00:55:52.040 --> 00:55:56.280
Want je hebt toch vaak te maken met integraties waar je geen controle op hebt.

1185
00:55:57.940 --> 00:55:59.420
Zijn daar bepaalde technieken voor?

1186
00:56:00.860 --> 00:56:06.620
Stel dat je de back-end aanpast en je hebt de front-end al staan.

1187
00:56:06.720 --> 00:56:08.320
Je gaat vervolgens die back-end releasen.

1188
00:56:09.040 --> 00:56:10.940
Dan sluit de front-end dus niet meer op de back-end aan.

1189
00:56:11.080 --> 00:56:12.040
Dus dat is een probleem.

1190
00:56:12.720 --> 00:56:14.880
Als je er dus niks mee doet, gooi je het gewoon naar productie toe.

1191
00:56:15.020 --> 00:56:16.540
Je zegt van oké, de back-end is aangepast.

1192
00:56:16.780 --> 00:56:17.560
Op de front-end doe ik niets.

1193
00:56:17.700 --> 00:56:18.660
Ja, dan heb je dus een probleem.

1194
00:56:18.660 --> 00:56:22.140
Het ligt een beetje aan de versioning gebruik van de back-end.

1195
00:56:22.240 --> 00:56:23.340
Dan kan je er misschien nog maar wegkomen.

1196
00:56:23.400 --> 00:56:25.640
Dan ga je eigenlijk op de integratie gedeelte gaat het fout.

1197
00:56:25.760 --> 00:56:30.240
Wat je kan doen en dat is ook een beetje wat Kishen voor ons project hebben voorgesteld.

1198
00:56:30.480 --> 00:56:32.480
Waar ik een beetje mixed feelings heb.

1199
00:56:33.440 --> 00:56:38.780
Is om alle end-to-end testen te draaien op het moment dat je de back-end in de pipeline gooit.

1200
00:56:38.860 --> 00:56:39.640
Dus je past iets aan.

1201
00:56:39.660 --> 00:56:41.420
De back-end wordt aangepast en komt in de pipeline.

1202
00:56:41.860 --> 00:56:43.200
Vervolgens draai je dus de end-to-end testen.

1203
00:56:43.240 --> 00:56:44.800
Daar moet je natuurlijk wel voldoen in hebben staan.

1204
00:56:44.900 --> 00:56:46.520
Dat het dan ook afdekt wat je wil.

1205
00:56:47.740 --> 00:56:50.660
Dus dan ga je alle end-to-end testen draaien van de front-end op de back-end.

1206
00:56:50.820 --> 00:56:51.760
En dan weet je of die slaagt.

1207
00:56:51.760 --> 00:56:53.420
Als die slaagt dan is het oké.

1208
00:56:53.780 --> 00:56:54.100
Mooi.

1209
00:56:54.240 --> 00:56:54.840
Het is mooi.

1210
00:56:55.200 --> 00:56:57.780
Naar dat is natuurlijk wel dat je alle testen elke keer moet draaien.

1211
00:56:58.400 --> 00:57:00.640
Eigenlijk wil je gewoon veel eerder weten dat het niet goed is.

1212
00:57:00.680 --> 00:57:03.300
Liefst wel, maar in dit geval is dat lastig omdat je de back-end.

1213
00:57:03.340 --> 00:57:06.200
Ten eerste hebben we de back-end sowieso losgestaan van de front-end.

1214
00:57:06.720 --> 00:57:12.540
Maar ik denk dat het grootste probleem is dat voor de front-end kunnen we echt goed traceren wat er is aangepast.

1215
00:57:12.540 --> 00:57:16.120
We werken ook met NX Workspace, zoals jullie dat doen.

1216
00:57:17.240 --> 00:57:20.380
Daar kun je heel goed met effecten weet je wat er is aangepast.

1217
00:57:22.860 --> 00:57:23.180
Alleen...

1218
00:57:23.180 --> 00:57:25.680
We kunnen straks nog even op inzoomen, daar ben ik wel nieuwsgierig naar.

1219
00:57:32.240 --> 00:57:35.420
Uiteindelijk draai je dus wel alle end-to-end testen op dat moment extra.

1220
00:57:35.580 --> 00:57:36.840
Dus als je de back-end aanpast.

1221
00:57:37.100 --> 00:57:39.540
Ieder liter zou je willen weten op het moment dat je de back-end aanpast.

1222
00:57:40.860 --> 00:57:43.580
Dat een effected systeem voor de back-ends eigenlijk ideaal zijn.

1223
00:57:43.820 --> 00:57:47.460
Dan zou je het op elkaar kunnen aansluiten en dan draai je alleen maar de test op dat moment.

1224
00:57:48.840 --> 00:57:49.880
Wat echt nodig is.

1225
00:57:50.520 --> 00:57:53.940
Het probleem is op een gegeven moment dat die end-to-end testen kunnen best wel qua tijd oplopen.

1226
00:57:55.920 --> 00:57:58.760
Dus ja, maar aan de andere kant hebben we best veel testen daarvoor.

1227
00:57:59.220 --> 00:57:59.900
Ik ben wel benieuwd.

1228
00:58:00.240 --> 00:58:02.840
Kunnen jullie je back-end dan een soort isoleren?

1229
00:58:03.040 --> 00:58:07.180
Dat je die even de laatste versie hebt.

1230
00:58:08.420 --> 00:58:10.860
Of is dat dan een omgeving eigenlijk?

1231
00:58:11.200 --> 00:58:12.580
Ja, die gaat wel om een testomgeving.

1232
00:58:14.400 --> 00:58:15.960
Wat je uiteindelijk doet, zeg maar.

1233
00:58:16.380 --> 00:58:19.460
Je brengt alle wijsgingen die er zijn op een gegeven moment bij elkaar.

1234
00:58:20.000 --> 00:58:21.300
En dan ga je nog een keer testen.

1235
00:58:21.440 --> 00:58:22.480
Maar daar ben ik wel benieuwd naar.

1236
00:58:23.680 --> 00:58:25.060
Dat klinkt heel goed.

1237
00:58:25.580 --> 00:58:29.460
Maar dan moet je wel dus je vulling, je datavulling, die moet gewoon goed zijn.

1238
00:58:29.980 --> 00:58:32.080
Want wij deden dit voorheen ook.

1239
00:58:32.560 --> 00:58:36.600
Alleen de testomgeving, daar stonden dan weer andere testcases in.

1240
00:58:37.600 --> 00:58:40.540
Maar dat is een beetje het bijhouden.

1241
00:58:40.620 --> 00:58:43.080
Hoe zorg je nou voor dat dat op elkaar matcht?

1242
00:58:43.580 --> 00:58:47.200
Stel dat je in zo'n omgeving vanaf 0 optuigt en de data ook kan werken.

1243
00:58:48.180 --> 00:58:49.680
Maar je moet dat wel bijhouden natuurlijk.

1244
00:58:50.260 --> 00:58:51.320
Dat is het grootste probleem.

1245
00:58:51.440 --> 00:58:54.720
Stel met Mockdata, hoe zorg je ervoor dat je Mockdata heel actueel blijft?

1246
00:58:55.340 --> 00:59:00.380
Iets waar we denk ik met een voorgaande aflevering misschien ook een keer bij hebben stilgestaan is contract testing.

1247
00:59:02.080 --> 00:59:04.080
Dat kan ik niet meer hebben.

1248
00:59:04.120 --> 00:59:05.280
Hoe komen we weer op testen eigenlijk?

1249
00:59:05.920 --> 00:59:07.520
Dat komt altijd door mij.

1250
00:59:08.640 --> 00:59:10.260
Ik weet niet wie dat was.

1251
00:59:11.680 --> 00:59:14.040
Maar dat is misschien iets voor beide tips.

1252
00:59:14.980 --> 00:59:17.160
Dat laden van die data is altijd het issue.

1253
00:59:17.540 --> 00:59:20.040
Die API kun je wel afspraken over maken.

1254
00:59:20.200 --> 00:59:23.120
Als die changes er zijn dat moet er door release management bla bla heen.

1255
00:59:23.480 --> 00:59:24.900
Maar die data, dat is wel een ding.

1256
00:59:27.500 --> 00:59:32.260
Wat wij volgens mij nu doen en ik zit daar een half in zeg maar.

1257
00:59:32.260 --> 00:59:36.620
Dat is niet mijn capaciteit is dat we data in kunnen laden.

1258
00:59:36.820 --> 00:59:40.000
Dus wij zeggen dat data in het andere systeem terecht komt.

1259
00:59:40.320 --> 00:59:43.480
We maken die test case zoals het ware aan.

1260
00:59:44.140 --> 00:59:46.540
Dus dan heb je al bij wijze van spreken zit er.

1261
00:59:47.320 --> 00:59:49.220
Ja dit is compleet anders.

1262
00:59:49.440 --> 00:59:51.340
Ik doe het bewust zeg maar dat het een ander domein is.

1263
00:59:51.960 --> 00:59:54.320
Maar stel dat je 5000 orders hebt zitten in dat systeem.

1264
00:59:55.080 --> 00:59:57.480
Dan maak je 100 test orders aan zeg maar.

1265
00:59:57.740 --> 00:59:58.900
Dus die 5000.

1266
00:59:58.900 --> 01:00:00.780
Doe je dat dan met de end-to-end test bijvoorbeeld?

1267
01:00:00.940 --> 01:00:02.080
Dat zou wel grappig zijn.

1268
01:00:02.840 --> 01:00:04.500
We doen het niet in de end-to-end test.

1269
01:00:04.940 --> 01:00:06.100
Maar met de testen zeg maar.

1270
01:00:06.980 --> 01:00:10.840
We gebruiken die 100 case waar wij van weten hoe ze eruitzien.

1271
01:00:11.180 --> 01:00:12.220
Die orders zeg maar.

1272
01:00:13.460 --> 01:00:15.500
Die worden dan gebruikt in die end-to-end test.

1273
01:00:16.340 --> 01:00:17.100
Zodat je precies weet wat we gebruiken.

1274
01:00:17.100 --> 01:00:19.320
Maar die schiet je dan gewoon in rechtstreeks ofzo?

1275
01:00:20.860 --> 01:00:21.580
Ja precies.

1276
01:00:22.440 --> 01:00:22.900
Dat is het interessante.

1277
01:00:23.040 --> 01:00:25.960
Sommige zijn natuurlijk tussen aanstekens destructief zeg maar.

1278
01:00:26.120 --> 01:00:28.040
Dus je kunt iets bijvoorbeeld als je een nieuwe order aan maakt.

1279
01:00:28.040 --> 01:00:30.620
Als je nooit je test op, dan is dat al gewijzigd.

1280
01:00:30.700 --> 01:00:31.460
Dus dat kan dus eigenlijk niet.

1281
01:00:31.560 --> 01:00:33.040
Dus sommige dingen zijn lastig.

1282
01:00:34.440 --> 01:00:37.180
Maar ieder kwartaal wordt dat spul helemaal weer leeggegooid.

1283
01:00:38.000 --> 01:00:40.860
Dat andere team doet dat voor hun eigen systeem.

1284
01:00:41.040 --> 01:00:42.060
En wij zeggen dan weer oké.

1285
01:00:43.300 --> 01:00:45.140
Wij laden onze test cases later weer in.

1286
01:00:45.180 --> 01:00:47.000
Omdat wij die API gewoon hebben op hun.

1287
01:00:47.440 --> 01:00:49.240
Want dat is gewoon hoe wij ook gewoon werken.

1288
01:00:49.400 --> 01:00:50.620
Maar hoe doe je dat dan?

1289
01:00:51.140 --> 01:00:51.820
Even heel fysiek.

1290
01:00:52.200 --> 01:00:53.720
Dus doe je dat dan via de end-to-end?

1291
01:00:54.600 --> 01:00:56.640
Of doen we via de API's?

1292
01:00:57.740 --> 01:01:00.100
Het aanmaken van de data doen we via de API's.

1293
01:01:00.100 --> 01:01:01.420
Niet via de end-to-end test.

1294
01:01:02.060 --> 01:01:06.640
Dat is gewoon een totaal andere applicatietool dingetje.

1295
01:01:09.700 --> 01:01:10.940
Dat is op zich wel interessant.

1296
01:01:11.080 --> 01:01:14.300
De uitdaging daarbij is als de API's veranderen van de andere partij,

1297
01:01:15.360 --> 01:01:16.360
moet je die zorgen.

1298
01:01:16.500 --> 01:01:17.280
Dat gebeurt nog weleens.

1299
01:01:18.100 --> 01:01:20.180
Kijk, als de structuur een veldje bij komt,

1300
01:01:20.480 --> 01:01:21.420
weet je, dat maakt niet uit.

1301
01:01:21.520 --> 01:01:23.120
Maar soms zijn de relaties wel anders.

1302
01:01:23.960 --> 01:01:26.260
Daarom dat ik als tip even erbij zet

1303
01:01:26.260 --> 01:01:28.580
en dan zullen we het maar even later op testen.

1304
01:01:29.220 --> 01:01:33.140
Maar contract testing zou daar een oplossing kunnen bieden.

1305
01:01:35.060 --> 01:01:38.380
Het hele concept daarachter is dat je met elkaar een contract opstelt.

1306
01:01:38.540 --> 01:01:39.820
Die sla je dan ergens op.

1307
01:01:40.080 --> 01:01:43.060
Dus de afnemer en de producer.

1308
01:01:45.220 --> 01:01:46.940
En die bespreek je met elkaar.

1309
01:01:47.180 --> 01:01:49.920
Zodra dat dan iets wijzig, dan gaat van alles rood.

1310
01:01:49.940 --> 01:01:50.900
Dat is natuurlijk de bedoeling.

1311
01:01:50.900 --> 01:01:54.260
Zodat je inderdaad eerder erachter komt dan een end-to-end test.

1312
01:01:55.100 --> 01:01:56.940
Misschien moeten we daar nog even inzoomen.

1313
01:01:58.120 --> 01:02:00.020
En dan kom je sneller feedback.

1314
01:02:00.700 --> 01:02:01.180
Ja, oké.

1315
01:02:01.240 --> 01:02:02.860
Maar dan breekt het contract.

1316
01:02:03.100 --> 01:02:04.280
En dan krijg je daar een signaal van.

1317
01:02:04.620 --> 01:02:07.160
Maar dan kan het alsnog zo zijn dat die data anders is.

1318
01:02:07.580 --> 01:02:08.760
Ja, data is wel een ander invul.

1319
01:02:09.280 --> 01:02:10.540
Dus dat kan nog.

1320
01:02:10.540 --> 01:02:11.920
En daar kan ook nog wel fout in zitten.

1321
01:02:12.280 --> 01:02:13.160
Zeker, absoluut.

1322
01:02:13.440 --> 01:02:14.820
Er zijn business rules veranderen.

1323
01:02:15.180 --> 01:02:17.800
Dus dan kun je meer orders hebben per klant.

1324
01:02:18.060 --> 01:02:18.880
Ja, precies.

1325
01:02:18.880 --> 01:02:21.980
Dus daar zijn wel dingetjes die ook, los van de contract.

1326
01:02:22.420 --> 01:02:22.780
Dat snap ik.

1327
01:02:23.940 --> 01:02:28.960
Dus je maakt een contract over niet zozeer de inhoud, maar meer de structuur.

1328
01:02:29.140 --> 01:02:29.480
Ja, precies.

1329
01:02:29.600 --> 01:02:29.980
Dat geeft je.

1330
01:02:31.040 --> 01:02:32.320
Dat is ook wel wat waard.

1331
01:02:33.180 --> 01:02:36.460
Ik zal inderdaad de pacte noemen in de notes.

1332
01:02:36.460 --> 01:02:37.020
Dat is goed.

1333
01:02:37.660 --> 01:02:39.640
Nou, we zullen stoppen met de kwaliteit.

1334
01:02:39.900 --> 01:02:41.160
Ik word er ook een beetje moe van nu.

1335
01:02:41.580 --> 01:02:42.820
Ik besefte in één keer...

1336
01:02:42.820 --> 01:02:43.460
Ah, gaat-ie weer.

1337
01:02:43.580 --> 01:02:44.280
Nee, echt.

1338
01:02:45.060 --> 01:02:45.900
Dit is de laatste.

1339
01:02:45.900 --> 01:02:51.720
Ik besefte in één keer dat we met z'n allen hier ontwikkelaars om een tafel heen zitten

1340
01:02:51.720 --> 01:02:53.720
en dat we zitten te praten over testen.

1341
01:02:53.980 --> 01:02:58.600
Als ik me nog even een paar jaar terugdraai, dan was dat toch echt wel anders.

1342
01:02:58.820 --> 01:02:59.220
Ja, zeker.

1343
01:02:59.440 --> 01:03:01.900
En was dat meer uitzondering dan...

1344
01:03:03.220 --> 01:03:05.300
Dat testen plakken we toch erbij.

1345
01:03:05.420 --> 01:03:06.140
Dat doen we daarna wel.

1346
01:03:06.360 --> 01:03:08.360
Ja, want het is nog steeds testen.

1347
01:03:08.460 --> 01:03:12.420
Alleen de beweging die ik ook wel in bedrijf hoor, is dat...

1348
01:03:12.420 --> 01:03:13.440
Dan zijn er testers in je team.

1349
01:03:13.640 --> 01:03:14.880
Dus echt gewoon...

1350
01:03:14.880 --> 01:03:16.220
Ja, die hebben we niet meer nodig.

1351
01:03:16.380 --> 01:03:17.480
Dan moeten de developers zelf het doen.

1352
01:03:19.980 --> 01:03:22.600
En ik vind ook dat de developers moeten kunnen testen.

1353
01:03:22.720 --> 01:03:24.080
Alleen testen is echt een ander vakje.

1354
01:03:24.080 --> 01:03:24.680
Ja, what the fuck.

1355
01:03:24.980 --> 01:03:26.440
Het schrijven van de test, zeg maar.

1356
01:03:26.980 --> 01:03:27.860
Of de manier waarop.

1357
01:03:28.120 --> 01:03:28.980
Of hoe je...

1358
01:03:28.980 --> 01:03:29.980
Nou ja, oké.

1359
01:03:30.080 --> 01:03:32.620
Stel dat ik een user interface schrijf en maak.

1360
01:03:32.740 --> 01:03:34.580
Dan heb ik daar tienduizend keer naar gekeken.

1361
01:03:34.740 --> 01:03:37.280
En dan denk ik, oh, dan zit ik inmiddels gewoon eigenlijk de happy flow te bouwen.

1362
01:03:37.360 --> 01:03:37.940
Oh zo.

1363
01:03:38.180 --> 01:03:38.840
Ja, ja, ja.

1364
01:03:38.860 --> 01:03:41.360
Maar dan moet ik die testcase moeten eruit voren maken.

1365
01:03:41.540 --> 01:03:42.580
Ja, dat kan ik gewoon niet.

1366
01:03:42.580 --> 01:03:43.480
Ja, het is, dat kan ik wel.

1367
01:03:43.680 --> 01:03:46.040
Maar dat zit niet meer in mijn...

1368
01:03:46.040 --> 01:03:46.220
Precies.

1369
01:03:46.320 --> 01:03:47.380
Je hebt een hele andere flow.

1370
01:03:47.580 --> 01:03:48.260
Ja precies.

1371
01:03:48.860 --> 01:03:52.400
En het kan best zijn dat als ik zeg van oké, Kishen heeft iets gebouwd.

1372
01:03:52.700 --> 01:03:56.700
En ik als developer kijk naar de scherm van Kishen, dan haal ik er waarschijnlijk ook dingen uit.

1373
01:03:56.900 --> 01:04:00.680
Maar toch, de testen waar ik mee gewerkt heb, die halen dingen eruit.

1374
01:04:00.780 --> 01:04:01.840
Dan denk ik, oké.

1375
01:04:02.500 --> 01:04:02.540
Ja, ja.

1376
01:04:02.540 --> 01:04:03.440
Dat ben je slim naar gedacht.

1377
01:04:04.000 --> 01:04:05.960
Dus het is niet alleen maar...

1378
01:04:05.960 --> 01:04:07.980
Ja, Saber, nou niet meer over testen.

1379
01:04:09.780 --> 01:04:10.400
Testen we uit.

1380
01:04:10.580 --> 01:04:12.000
Inderdaad, testen gaat niet uit.

1381
01:04:14.040 --> 01:04:15.500
Volgende vraag die we wilden stellen.

1382
01:04:16.160 --> 01:04:17.780
En ja, vul ze vooral in.

1383
01:04:18.020 --> 01:04:20.200
What's the latest and greatest in front-end development?

1384
01:04:20.600 --> 01:04:22.260
Ja, ik heb er eentje.

1385
01:04:22.480 --> 01:04:22.920
AI.

1386
01:04:23.620 --> 01:04:23.900
Ga je ervan?

1387
01:04:23.980 --> 01:04:24.600
Nee, ik ga niet.

1388
01:04:25.040 --> 01:04:26.700
AI, AI, AI.

1389
01:04:27.540 --> 01:04:28.380
Nee, nee.

1390
01:04:28.660 --> 01:04:32.280
Iets waar ik heel erg naar zit te kijken.

1391
01:04:32.620 --> 01:04:35.380
Het kan ook nog wel NX noemen, maar dat is niet meer de latest.

1392
01:04:35.940 --> 01:04:37.000
Maar dat is meer doorlopend.

1393
01:04:38.260 --> 01:04:39.140
Nee, BUN.

1394
01:04:39.300 --> 01:04:40.360
B-U-N.

1395
01:04:40.740 --> 01:04:41.340
BUN-J-S.

1396
01:04:41.440 --> 01:04:41.640
Ken ik.

1397
01:04:41.640 --> 01:04:44.300
En dat vind ik wel heel erg interessant.

1398
01:04:45.120 --> 01:04:49.500
En dat kan eigenlijk best wel een soort van, ik heb hem ook interne, heb ik nog genoemd,

1399
01:04:49.980 --> 01:04:51.820
een game changer zijn voor development.

1400
01:04:53.300 --> 01:04:54.660
Want voor front-end development.

1401
01:04:55.260 --> 01:04:59.640
Want eigenlijk is het, ja, het hele hoe we pro...

1402
01:04:59.640 --> 01:05:03.540
Kijk, stel dat je een storybook, als je een beeld storybook doet,

1403
01:05:03.720 --> 01:05:06.980
dan zit je eigenlijk je code helemaal te beelden.

1404
01:05:07.160 --> 01:05:08.880
En dan haal je hem door de TypeScript compiler in.

1405
01:05:09.180 --> 01:05:10.060
Dan ga je linten.

1406
01:05:10.060 --> 01:05:12.060
Dan haal je hem helemaal door de TypeScript compiler heen.

1407
01:05:12.240 --> 01:05:14.280
Dan maak je een beeld om te kunnen releasen.

1408
01:05:14.300 --> 01:05:16.700
Dan ga je hem helemaal door de TypeScript compiler heen.

1409
01:05:17.560 --> 01:05:19.060
En zo verder.

1410
01:05:19.800 --> 01:05:21.120
Unit testen, geldt hetzelfde voor.

1411
01:05:21.180 --> 01:05:22.460
Ik weet niet of ik dat nou net zei.

1412
01:05:23.780 --> 01:05:26.300
Maar BUN maakt het allemaal vele malen sneller.

1413
01:05:26.640 --> 01:05:31.500
Met echt het package installeren, testen, gewoon heel je code base.

1414
01:05:32.380 --> 01:05:36.560
En daar loop ik in de praktijk nog wel veel tegenaan met front-end development.

1415
01:05:36.660 --> 01:05:40.040
Dat eigenlijk gewoon alles zo verschrikkelijk lang duurt.

1416
01:05:40.040 --> 01:05:46.660
En dat je ook allemaal maatregelen zitten te treffen om dat zo snel mogelijk door de pipeline heen te doen.

1417
01:05:46.700 --> 01:05:48.160
Bijvoorbeeld het end-to-end testen.

1418
01:05:48.380 --> 01:05:52.880
Als dat in één keer veel sneller zou gaan, dan hoef je daar niet op te besparen.

1419
01:05:52.900 --> 01:05:53.780
Dan kan je daarop doorpakken.

1420
01:05:53.860 --> 01:05:55.080
Maar wat doet BUN.js dan?

1421
01:05:55.140 --> 01:05:58.300
BUN is eigenlijk een drop-in replacement van Node.js.

1422
01:05:59.320 --> 01:06:06.040
Alleen, volgens mij is het zo dat Node.js is geschreven op en in JavaScript.

1423
01:06:06.380 --> 01:06:09.320
Volgens mij zit daar de Chromium engine ergens onder.

1424
01:06:09.320 --> 01:06:10.980
Met de versie V8 of zo.

1425
01:06:11.620 --> 01:06:13.460
Het heet de V8 engine, zo weet ik.

1426
01:06:14.900 --> 01:06:17.080
Oké, praten niet helemaal onzin.

1427
01:06:17.160 --> 01:06:17.580
Dat is mooi.

1428
01:06:19.820 --> 01:06:23.920
Maar ja, daar hebben ze dus eigenlijk gewoon met volgens mij ZIC.

1429
01:06:25.620 --> 01:06:28.200
En rust zijn ze daar allemaal dingen mee bezig.

1430
01:06:28.260 --> 01:06:30.000
Ik denk dat het namelijk hier ZIC is.

1431
01:06:30.400 --> 01:06:33.800
Maar dat is allemaal near-native code.

1432
01:06:34.420 --> 01:06:35.680
Dus dat werkt gewoon veel sneller.

1433
01:06:35.960 --> 01:06:37.700
Het filesysteem, dingen schrijven.

1434
01:06:37.700 --> 01:06:40.160
Ja, dat gaat gewoon vele malen sneller dan...

1435
01:06:40.160 --> 01:06:41.600
Het kan echt wel kane-changing zijn.

1436
01:06:41.600 --> 01:06:42.300
Ja, dat kan.

1437
01:06:42.420 --> 01:06:46.180
Er zitten nu heel veel dingen, merk ik, dat ik dingen tegen hou.

1438
01:06:46.280 --> 01:06:48.360
Van ja, waarom zouden we niet op meerdere browsers testen?

1439
01:06:48.640 --> 01:06:49.880
Waarom doen we dat niet continu?

1440
01:06:50.040 --> 01:06:51.360
Bijvoorbeeld als je een git commit doet.

1441
01:06:52.060 --> 01:06:55.900
Dat je een build, lint, test, allemaal op je eigen omgeving doet.

1442
01:06:56.420 --> 01:06:57.960
Als dat in één keer wel mogelijk is.

1443
01:06:58.040 --> 01:07:00.640
We zijn ook heel veel aan het kijken hoe kan je dingen optimaliseren.

1444
01:07:00.660 --> 01:07:01.260
Ja, precies.

1445
01:07:01.940 --> 01:07:03.760
En als je nou de core eigenlijk aanpast.

1446
01:07:03.860 --> 01:07:04.700
Dat is in Node inderdaad.

1447
01:07:04.900 --> 01:07:06.880
Ja, dat zou inderdaad echt zo goed werken.

1448
01:07:06.880 --> 01:07:08.500
Dan zie ik daar echt zo.

1449
01:07:09.120 --> 01:07:09.580
Ja, zeker.

1450
01:07:09.860 --> 01:07:11.380
Dus ik heb daar ook verwachtingen van.

1451
01:07:11.480 --> 01:07:13.940
Helaas is het zo dat het nog niet samenwerkt.

1452
01:07:14.020 --> 01:07:16.200
Helemaal met NX Workspaces.

1453
01:07:16.720 --> 01:07:17.480
Dus dat is jammer.

1454
01:07:17.880 --> 01:07:18.880
Het draait toch niet op Windows?

1455
01:07:19.940 --> 01:07:20.480
Nee, nog niet.

1456
01:07:20.580 --> 01:07:20.920
Dat klopt.

1457
01:07:21.100 --> 01:07:21.500
Dat klopt.

1458
01:07:22.060 --> 01:07:22.460
Nee, sorry.

1459
01:07:22.820 --> 01:07:24.040
Ik moet voorzichtig zijn.

1460
01:07:24.600 --> 01:07:26.520
De Package Manager, dus als je MP en Package.

1461
01:07:26.520 --> 01:07:27.880
Dus BunX ook bijvoorbeeld.

1462
01:07:28.100 --> 01:07:29.080
Dus als je MPX doet.

1463
01:07:30.140 --> 01:07:31.080
BunX is de tegenhanger.

1464
01:07:31.160 --> 01:07:32.500
Die draait volgens mij wel.

1465
01:07:33.000 --> 01:07:35.080
Maar het draaien van Node gewoon als applicatie.

1466
01:07:35.080 --> 01:07:36.720
Dat draait volgens mij op Windows nog niet.

1467
01:07:36.860 --> 01:07:37.780
Op Mac en dien ik wel.

1468
01:07:38.200 --> 01:07:39.660
Maar ja, we doen niks op Windows toch?

1469
01:07:40.480 --> 01:07:41.280
Ja, helaas wel.

1470
01:07:41.820 --> 01:07:42.200
Ja, BSL.

1471
01:07:42.420 --> 01:07:43.340
Daar heb je BSL voor.

1472
01:07:43.400 --> 01:07:43.960
Heb ik ook.

1473
01:07:44.220 --> 01:07:48.100
Maar BSL, daar zijn ook een haak en oog aan met BunX.

1474
01:07:48.100 --> 01:07:49.080
Ik weet niet wat ze doen.

1475
01:07:50.120 --> 01:07:51.540
BunX, ik sluit me heel erg aan.

1476
01:07:51.580 --> 01:07:52.460
Het is heel erg interessant.

1477
01:07:52.620 --> 01:07:54.980
Ze gebruikt als ik dat ze hebben hun eigen taal ontwikkeld.

1478
01:07:55.180 --> 01:07:56.580
Om te versnellen.

1479
01:07:56.700 --> 01:07:57.300
Dus dat is knap.

1480
01:07:57.380 --> 01:07:58.900
Want iedereen dacht dat ze meteen rust houden.

1481
01:07:59.080 --> 01:08:00.960
Maar dat doen ze volgens mij niet.

1482
01:08:01.940 --> 01:08:03.200
Dus ze hebben een aantal concepten.

1483
01:08:03.200 --> 01:08:05.560
Dus als jij je JavaScript code hebt.

1484
01:08:05.800 --> 01:08:07.960
Sommige dingen, niet alles, die compileren ze naar ZIC.

1485
01:08:08.140 --> 01:08:09.820
Zodat het daarna veel sneller draait.

1486
01:08:10.360 --> 01:08:14.600
Dus dat is de grootste performance winst.

1487
01:08:14.760 --> 01:08:15.980
Sommige dingen zijn niet sneller.

1488
01:08:16.160 --> 01:08:20.060
Want ze hebben natuurlijk, er zijn nu al weer filmpjes van oké, maar dit gaat echt niet sneller.

1489
01:08:20.300 --> 01:08:23.300
Maar ja, je weet, dat gaat misschien wel sneller worden.

1490
01:08:23.600 --> 01:08:25.520
Maar sowieso een MPX install, zeg maar.

1491
01:08:25.620 --> 01:08:26.300
Of een NPM install.

1492
01:08:27.180 --> 01:08:29.020
En echt veel, veel sneller.

1493
01:08:29.020 --> 01:08:32.580
Het is echt wel, in dat opzicht wel een gamechanger.

1494
01:08:34.560 --> 01:08:37.020
Er ontstond een wedstrijd tussen Node en Deno.

1495
01:08:37.080 --> 01:08:38.420
Deno ken je misschien ook wel.

1496
01:08:39.220 --> 01:08:40.040
Node achtstevoren.

1497
01:08:40.680 --> 01:08:42.780
Want de maker van Node, die is zeg maar voor zichzelf.

1498
01:08:42.780 --> 01:08:43.480
Deno, ja.

1499
01:08:43.580 --> 01:08:44.860
Die heeft een alternatief.

1500
01:08:44.980 --> 01:08:47.740
Die heeft native, volgens mij typescript, et cetera.

1501
01:08:48.780 --> 01:08:52.180
Alleen die hebben nooit gezegd, we zijn compatible met de API van Node.

1502
01:08:52.960 --> 01:08:54.540
Daar heeft BUN wel gezegd.

1503
01:08:55.140 --> 01:08:55.760
Oké, we gaan de API.

1504
01:08:55.860 --> 01:08:58.220
En ze hebben een aantal dingen, die hebben ze gewoon naar BUN toegetrokken.

1505
01:08:58.220 --> 01:09:00.320
Waardoor de schrijven-at-fas-systemen sneller.

1506
01:09:00.640 --> 01:09:02.220
Een aantal dingen zijn echt wel heel stuk sneller.

1507
01:09:03.120 --> 01:09:04.220
Waar het heen gaat, weet ik ook niet.

1508
01:09:04.360 --> 01:09:05.820
Maar het is wel interessant om in de gaten te houden.

1509
01:09:06.160 --> 01:09:09.260
Het brengt natuurlijk wel dit soort dingen, brengt iets in beweging.

1510
01:09:09.480 --> 01:09:13.460
Want Node.js was natuurlijk best wel, dat was gewoon Node.js.

1511
01:09:13.940 --> 01:09:15.860
En daar zaten allemaal nadelen aan.

1512
01:09:15.920 --> 01:09:18.940
Maar nu wordt dat toch eigenlijk in beweging geduwd.

1513
01:09:18.980 --> 01:09:21.140
Omdat er allemaal andere tools zijn.

1514
01:09:21.280 --> 01:09:26.220
Misschien dat die tools nooit echt zo ver komen dat het helemaal afgerond wordt en bruikbaar.

1515
01:09:26.220 --> 01:09:29.500
Maar het duwt wel weer de techniek vooruit.

1516
01:09:29.740 --> 01:09:33.120
Oh ja, en de JavaScript Engine is die van Microsoft en Apple.

1517
01:09:33.580 --> 01:09:34.880
Dus dat is wel een...

1518
01:09:34.880 --> 01:09:37.720
En ik hoorde net Nginx Workspaces.

1519
01:09:38.020 --> 01:09:39.360
Kan iemand daar iets over vertellen?

1520
01:09:40.200 --> 01:09:40.920
Ik niet.

1521
01:09:41.680 --> 01:09:42.680
Nginx Workspaces.

1522
01:09:42.960 --> 01:09:44.540
Sorry, bedoelde NX.

1523
01:09:45.160 --> 01:09:46.840
Ja, van Narwhal Technologies.

1524
01:09:47.500 --> 01:09:49.280
Ja, wij gebruiken dat.

1525
01:09:49.440 --> 01:09:52.320
We zijn daar een tijd geleden over gegaan.

1526
01:09:53.440 --> 01:09:58.000
Volgens mij is het van origine en was het Angular Workspaces.

1527
01:09:59.460 --> 01:10:03.320
Maar ze hebben op een gegeven moment ook allemaal andere plugins voorgeschreven.

1528
01:10:06.020 --> 01:10:11.820
En een workspace is dat je meerdere apps, projecten, allemaal in één kan doen.

1529
01:10:12.080 --> 01:10:14.120
Zodat je ze eigenlijk met elkaar kan verbinden.

1530
01:10:14.620 --> 01:10:18.640
Dus stel dat je een component schrijft voor de ene programma.

1531
01:10:18.720 --> 01:10:20.380
Kan je die ook hergebruiken in een andere programma.

1532
01:10:20.840 --> 01:10:24.800
En alles zit in één versie beheerssystemen.

1533
01:10:24.820 --> 01:10:26.620
Dat maakt het gewoon veel lastiger.

1534
01:10:26.720 --> 01:10:29.440
En dat is echt wel een verschil ten opzichte van.

1535
01:10:30.260 --> 01:10:31.380
Ik zeg nou lastiger.

1536
01:10:31.780 --> 01:10:32.780
Dat bedoel ik eigenlijk niet.

1537
01:10:32.900 --> 01:10:33.760
Makkelijker moet het juist zijn.

1538
01:10:34.660 --> 01:10:36.320
Ja, ik zeg het niet goed. Nee, gaat helemaal mis.

1539
01:10:36.520 --> 01:10:37.440
Misschien is de ervaring goed.

1540
01:10:38.860 --> 01:10:40.300
Ja, misschien bedoel je dat.

1541
01:10:40.680 --> 01:10:41.440
Het is een monorepo.

1542
01:10:41.820 --> 01:10:45.000
Ja, het is inderdaad een monorepo.

1543
01:10:45.160 --> 01:10:49.020
En je kan daar inderdaad volgens mij ook nog weer packages in gaan bouwen.

1544
01:10:49.020 --> 01:10:50.480
Maar dat je toch weer iets anders.

1545
01:10:50.800 --> 01:10:52.960
Dat je iets op kan leveren wat daaruit komt.

1546
01:10:54.140 --> 01:10:59.380
Maar in de praktijk zagen wij best wel problemen met het opleveren van packages.

1547
01:10:59.600 --> 01:11:02.080
En om al die versies dan goed te doen.

1548
01:11:02.180 --> 01:11:06.420
Want je moet ze allemaal weer tegelijkertijd en allemaal compatible gaan releasen en onderhouden.

1549
01:11:06.980 --> 01:11:08.700
Ja, het is gewoon een administratie op zich.

1550
01:11:08.820 --> 01:11:13.420
Terwijl als je gewoon één werkelijkheid hebt, dan is dat gewoon een stuk makkelijker.

1551
01:11:13.580 --> 01:11:16.580
Dus bij ons heeft dat echt wel heel veel opgeleverd.

1552
01:11:16.580 --> 01:11:17.540
Maar geven we dan het gehele...

1553
01:11:17.540 --> 01:11:18.600
Ja, dat is één vraag.

1554
01:11:19.400 --> 01:11:24.560
Maar geven we dan het gehele één versie of zijn dat alsnog...

1555
01:11:24.560 --> 01:11:27.020
Je hebt eigenlijk één versie weer systeem.

1556
01:11:27.240 --> 01:11:33.620
Je hebt wel allemaal applicaties die je eigenlijk los kan releasen.

1557
01:11:33.960 --> 01:11:36.700
Dus er komen allemaal losse artifacts uit.

1558
01:11:36.960 --> 01:11:37.620
Eén of meer.

1559
01:11:39.540 --> 01:11:40.960
En die hebben dus wel in losse.

1560
01:11:41.060 --> 01:11:43.360
Dus stel dat je nu, als ik het goed begrijp.

1561
01:11:44.380 --> 01:11:46.080
Dan zitten er twee applicaties in.

1562
01:11:46.400 --> 01:11:50.520
En dan heeft applicatie één een versie en applicatie twee heeft zijn eigen versie.

1563
01:11:50.720 --> 01:11:51.900
Nou ja, eigenlijk niet.

1564
01:11:53.080 --> 01:11:54.980
Ik zit even na te denken hoe ik dat nou het beste kan zeggen.

1565
01:11:55.300 --> 01:11:58.040
Je compilet mee, je krijgt een versie die je mee compilet.

1566
01:11:58.340 --> 01:11:59.340
Oh zo, oké.

1567
01:11:59.400 --> 01:12:01.800
Maar je kan wel uiteindelijk twee applicaties eruit krijgen.

1568
01:12:02.020 --> 01:12:04.440
Dat het wel echt losse applicaties zijn inderdaad.

1569
01:12:04.840 --> 01:12:05.660
Ja, zeker.

1570
01:12:06.120 --> 01:12:07.400
Applicaties in libraries zeg maar.

1571
01:12:07.500 --> 01:12:11.600
Die libraries kun je dan weer onderling uitwisselen met de verschillende applicaties.

1572
01:12:11.600 --> 01:12:13.600
Dus ja, het is een heel uitwisselsysteem.

1573
01:12:14.140 --> 01:12:18.400
Grote voordeel is dat je één keer alle packages, alles bij elkaar.

1574
01:12:18.880 --> 01:12:26.440
En ik denk ook zeker als je kijkt naar bijvoorbeeld aspect wat ook de laatste 2, 3 jaar er gewoon boven is gekomen in de front-end is de security eigenlijk.

1575
01:12:27.340 --> 01:12:31.500
Nou ja, het probleem was in het verleden had je bijvoorbeeld iets van 30 applicaties.

1576
01:12:32.620 --> 01:12:35.100
En twee werden op een gegeven moment actief nog onderhouden zeg maar.

1577
01:12:35.240 --> 01:12:35.840
En er werd er iets meer gedaan.

1578
01:12:35.980 --> 01:12:38.220
Die andere 28 die bleven liggen.

1579
01:12:38.220 --> 01:12:39.160
Die werden niet ge-updated.

1580
01:12:39.540 --> 01:12:40.660
Maar er kwamen wel issues uit.

1581
01:12:40.660 --> 01:12:41.740
En er was ook geen reden toe.

1582
01:12:41.760 --> 01:12:43.640
Er was geen business case om die dingen te gaan updaten.

1583
01:12:43.860 --> 01:12:47.740
Het mooie is natuurlijk als je NX Workspace hebt dat je die wel moet upgraden.

1584
01:12:47.880 --> 01:12:52.520
En door het zogenaamde effected systeem dat je ook kan zien van oké, nu heb ik de package aangepast.

1585
01:12:52.620 --> 01:12:54.960
Dit heeft dus invloed voor al die 30 applicaties.

1586
01:12:55.060 --> 01:12:58.200
Ga ik al die 30 applicaties opnieuw bouwen, ga ik opnieuw testen.

1587
01:12:59.160 --> 01:13:02.240
Dus hij zoekt uit van wat is er daadwerkelijk.

1588
01:13:02.660 --> 01:13:03.820
Ik zei het woord testen.

1589
01:13:04.020 --> 01:13:04.920
Ik hoorde het woord testen.

1590
01:13:06.160 --> 01:13:10.760
Wat ik ook al van Ringo echt geleerd heb ook bij het project is dat effected.

1591
01:13:11.480 --> 01:13:12.500
Dat is wel heel krachtig.

1592
01:13:12.860 --> 01:13:15.160
Dat is eigenlijk een soort essentieel.

1593
01:13:15.640 --> 01:13:21.340
En ik moet zeggen dat testen, daar kom je met NX Workspace niet mee weg.

1594
01:13:21.700 --> 01:13:25.980
Want als je op de ene applicatie iets, een wijziging zit te doen voor de ene applicatie,

1595
01:13:26.120 --> 01:13:28.340
kan het zomaar gevolgen hebben voor de andere applicatie.

1596
01:13:30.040 --> 01:13:33.140
Met niet testen kom je niet mee. Je moet testen.

1597
01:13:33.680 --> 01:13:35.740
Dat is een essentieel onderdeel ervan.

1598
01:13:36.120 --> 01:13:40.480
Want je weet namelijk niet wat je in die andere applicatie voor schade brokend met je wijziging.

1599
01:13:41.280 --> 01:13:43.360
En daar heb je dan voor het testen.

1600
01:13:44.240 --> 01:13:45.780
Oké, gauw weer door naar het volgende onderwerp.

1601
01:13:46.220 --> 01:13:48.960
We zitten inmiddels ook al bijna tegen de twee uur aan te tikken, of niet?

1602
01:13:49.220 --> 01:13:50.820
Nou, ik dacht we hadden net begonnen.

1603
01:13:52.180 --> 01:13:53.300
Ik denk dat we wel...

1604
01:13:53.300 --> 01:13:54.100
We lopen warm hier.

1605
01:13:54.960 --> 01:13:56.040
Ik denk dat we wel richting...

1606
01:13:56.040 --> 01:13:57.140
Vanavond deet-ie, geen boelen.

1607
01:13:57.780 --> 01:13:58.180
Nee, precies.

1608
01:13:59.160 --> 01:14:01.180
Gauw door naar het volgende onderwerp.

1609
01:14:02.040 --> 01:14:03.860
Wat is Storybook nou eigenlijk?

1610
01:14:03.980 --> 01:14:07.500
Want we hebben het wel een paar keertjes genoemd, maar ja, wat is het nou?

1611
01:14:08.600 --> 01:14:10.340
Storybook is mijn grote liefde.

1612
01:14:11.780 --> 01:14:12.740
Oké, een lachstory.

1613
01:14:12.900 --> 01:14:15.020
Ja, nee, ja.

1614
01:14:15.120 --> 01:14:16.140
Kijk, Storybook.

1615
01:14:17.140 --> 01:14:20.060
Ik zei net eigenlijk dat ik begon met BDD.

1616
01:14:20.980 --> 01:14:21.620
En dat klopt.

1617
01:14:21.940 --> 01:14:24.400
Want BDD zegt je je requirements mee en dan ga je beginnen.

1618
01:14:24.960 --> 01:14:25.960
En dan kan je je...

1619
01:14:25.960 --> 01:14:28.840
In Storybook kan je je componenten bouwen.

1620
01:14:29.140 --> 01:14:30.640
Zonder de logica.

1621
01:14:30.640 --> 01:14:32.520
Dat kan je eigenlijk allemaal parallel doen.

1622
01:14:34.660 --> 01:14:39.120
En Storybook is eigenlijk een soort testbank of een werkbank waar je dan je componenten oplegt.

1623
01:14:39.700 --> 01:14:44.660
En dan kan je zelf bepaalde situaties, de variaties kan je uitwerken.

1624
01:14:44.700 --> 01:14:49.720
Bijvoorbeeld als je iets van een tabel moet laten zien, dan ga je hem ontwikkelen.

1625
01:14:49.840 --> 01:14:52.180
Dat hij er goed uitziet in je Storybook story.

1626
01:14:52.260 --> 01:14:55.780
Dat er bijvoorbeeld geen regels in zitten, geen items in je tabel.

1627
01:14:55.920 --> 01:14:59.080
Of dat er één regel in je tabel zit, of twee.

1628
01:14:59.080 --> 01:15:02.900
Of heel veel dat er paging moet plaatsvinden.

1629
01:15:03.020 --> 01:15:06.440
Of dat er iets in getoond wordt wat heel lang is.

1630
01:15:07.260 --> 01:15:12.540
En dat je misschien ook wel meteen met responsiveness, dat je wilt gaan kijken en controleren.

1631
01:15:12.740 --> 01:15:15.120
Of het inderdaad goed responsive is.

1632
01:15:15.200 --> 01:15:20.900
En dan zit je nog helemaal los van je state, store, logica.

1633
01:15:21.340 --> 01:15:23.080
Want dat heb je eigenlijk allemaal...

1634
01:15:23.800 --> 01:15:25.600
Dat zit eigenlijk daar dan buiten.

1635
01:15:26.180 --> 01:15:31.960
Presentational Smart Components is ook wel iets wat heel erg met Storybook wel heel handig is om te doen.

1636
01:15:33.040 --> 01:15:34.880
Maar al die variaties kan je eigenlijk al doen.

1637
01:15:35.180 --> 01:15:39.780
Er kwamen zoveel issues in de praktijk langs met rare leestekens.

1638
01:15:40.660 --> 01:15:44.600
Of dat mensen lange namen hadden en dat werd weer niet goed getoond.

1639
01:15:44.740 --> 01:15:46.920
Met Storybook kan je dat eigenlijk meteen al.

1640
01:15:46.940 --> 01:15:48.760
Kan je die variaties maken.

1641
01:15:50.460 --> 01:15:54.640
En dat maakt je development, maakt ook weer veel voorspelbaarder.

1642
01:15:54.640 --> 01:15:57.040
En dan gaat het mooie brugje nog heel even als laatste.

1643
01:15:57.240 --> 01:15:58.840
Je kan ook visueel testen daarop doen.

1644
01:15:59.340 --> 01:16:01.280
En daar gebruiken we de dienst Chromatic voor.

1645
01:16:01.680 --> 01:16:03.060
Dat is een betaalde dienst.

1646
01:16:03.400 --> 01:16:04.200
Maar ja, dat is...

1647
01:16:04.200 --> 01:16:04.940
Je krijgt gewoon...

1648
01:16:04.940 --> 01:16:09.080
In je pipeline kan je testen of er visueel of er verschillen optreden.

1649
01:16:09.200 --> 01:16:15.800
En dan kan je dat accepteren of laten reviewen of andere mensen erbij halen.

1650
01:16:16.020 --> 01:16:16.780
Dat is gewoon heel krachtig.

1651
01:16:16.840 --> 01:16:20.640
Dat is eigenlijk een van die pijlers die je wilt kunnen testen.

1652
01:16:21.180 --> 01:16:25.240
Dus het functioneel, visueel.

1653
01:16:25.480 --> 01:16:28.120
Ja, een soort van alle...

1654
01:16:28.120 --> 01:16:32.200
Dus die diensten bied je een storybook aan dan?

1655
01:16:32.320 --> 01:16:33.780
Ja, storybook is eigenlijk...

1656
01:16:33.780 --> 01:16:35.120
Je maakt ervan een soort website.

1657
01:16:37.020 --> 01:16:40.700
Je kan dat dus opleveren, ook aan externe partijen als je dat wil.

1658
01:16:41.140 --> 01:16:42.780
Kijk, dit zijn de componenten die wij hebben.

1659
01:16:42.860 --> 01:16:44.060
Die gedragen zich zo.

1660
01:16:45.240 --> 01:16:46.720
Als dat niet goed is, kun je dat aanpassen.

1661
01:16:48.360 --> 01:16:49.780
Ook binnen bedrijven.

1662
01:16:49.780 --> 01:16:52.920
Je ziet het als een soort van lego steentje.

1663
01:16:53.440 --> 01:16:55.780
Dan kan je zeggen, als er iemand...

1664
01:16:56.300 --> 01:16:58.080
Het hoeft niet speciaal een developer te zijn.

1665
01:16:58.160 --> 01:17:00.440
Het kan ook iemand zijn die een analyse moet doen.

1666
01:17:00.560 --> 01:17:02.300
Op te kijken van wat moet er gebouwd worden?

1667
01:17:02.400 --> 01:17:03.380
Wat hebben we al in huis?

1668
01:17:03.880 --> 01:17:06.220
Je gaat dan een soort cartologisch naar die website toe.

1669
01:17:06.260 --> 01:17:08.500
Je ziet precies wat er binnen bedrijf allemaal gemaakt is.

1670
01:17:08.980 --> 01:17:15.380
Sterker nog, je hebt ook de mogelijkheid om ook verschillende teams onderling te kunnen kijken.

1671
01:17:15.640 --> 01:17:16.860
Wat is er allemaal gemaakt?

1672
01:17:17.600 --> 01:17:20.140
Zo is het in de praktijk al voorgekomen.

1673
01:17:20.280 --> 01:17:23.060
Sommige componenten worden soms twee, drie keer gemaakt door verschillende teams.

1674
01:17:23.260 --> 01:17:26.180
Maar zelfs ook in hetzelfde team worden ze in verschillende variaties gemaakt.

1675
01:17:26.820 --> 01:17:29.240
Het is een manier om ook dat te delen.

1676
01:17:29.740 --> 01:17:34.580
Wat je al zei, in isolatie die componenten maken is een hele mooie punt.

1677
01:17:34.680 --> 01:17:36.100
En de variaties dat je dat kan zien.

1678
01:17:36.540 --> 01:17:38.180
In het verleden kun je iets programmeren.

1679
01:17:38.440 --> 01:17:39.880
Dan wil je even kijken of dat werkt.

1680
01:17:40.340 --> 01:17:43.260
Dan zet je wat extra code in je applicatie.

1681
01:17:43.260 --> 01:17:47.100
Dan zet je een commentaar of vergeet de verwijdering.

1682
01:17:47.840 --> 01:17:49.340
Dat werkt eenmalig.

1683
01:17:49.580 --> 01:17:52.280
Maar de volgende keer als je iets aanpast, weet je niet of het allemaal gaat.

1684
01:17:53.460 --> 01:17:55.120
Historiebook, echt een hele mooie aanvulling.

1685
01:17:56.140 --> 01:17:58.680
Voor ons is het ook echt wel een systeem.

1686
01:17:59.840 --> 01:18:05.580
We zijn bezig met het upgrade van Angular 16.

1687
01:18:05.900 --> 01:18:08.360
We zitten voor te bereiden voor Angular 17.

1688
01:18:08.800 --> 01:18:10.900
We gebruiken Angular Material.

1689
01:18:10.900 --> 01:18:17.340
Op een gegeven moment hebben ze de huidige versie van de componenten Legacy genoemd.

1690
01:18:17.600 --> 01:18:22.040
Dan moet je langzaam migreren naar de officiële versie.

1691
01:18:22.920 --> 01:18:26.640
Met dat visueel testen, als je dan updates doet en je gaat wijzigingen doen,

1692
01:18:26.780 --> 01:18:29.620
kan je visueel op alles wat je in Storybook hebt staan,

1693
01:18:29.780 --> 01:18:31.420
kan je controleren of het goed is.

1694
01:18:32.040 --> 01:18:34.140
Ik ben onderdeel van een platformteam.

1695
01:18:34.400 --> 01:18:38.020
Dus ik ken al die applicaties, hoe die allemaal in elkaar zitten en hoe je er doorheen kan klikken.

1696
01:18:38.160 --> 01:18:38.980
Ik weet het niet.

1697
01:18:39.360 --> 01:18:42.360
Alleen wat ik wel kan doen, ik kan gewoon kijken in Storybook

1698
01:18:42.360 --> 01:18:45.820
en ik kan gewoon zien of er verschillen of issues zijn geïntroduceerd.

1699
01:18:45.980 --> 01:18:50.420
Maar dan moet je wel als developer in Storybook het een en ander vastleggen.

1700
01:18:51.080 --> 01:18:53.800
Dus dat is wel de discipline die je dan wel overal moet hebben.

1701
01:18:54.120 --> 01:18:56.560
Ja, eigenlijk wat je daar doet met Storybook, dat is die werkbank.

1702
01:18:56.920 --> 01:18:57.880
Daar leg je je componenten op.

1703
01:18:58.240 --> 01:19:00.280
Als je er niks in stopt, dan zie je niks.

1704
01:19:00.360 --> 01:19:02.640
Je kan er in het ding instoppen.

1705
01:19:02.760 --> 01:19:04.700
Dus daar ga je je datafulling eigenlijk doen.

1706
01:19:04.840 --> 01:19:08.380
Wat normaal vanuit je applicatielogica komt, die kan je er zelf instoppen.

1707
01:19:08.380 --> 01:19:10.520
En komen er bijvoorbeeld gebeurtenissen,

1708
01:19:10.660 --> 01:19:12.300
bijvoorbeeld dat je op een button hebt geklikt,

1709
01:19:12.460 --> 01:19:15.180
dan komt daar dus events uit en die kan je ook afvangen.

1710
01:19:15.640 --> 01:19:19.340
En die dingen kan je met Storybook daar op controleren.

1711
01:19:19.500 --> 01:19:21.780
Je kan het ook echt als development, tijdens de development,

1712
01:19:21.920 --> 01:19:23.360
als je niks hebt, zeg maar, ga je beginnen.

1713
01:19:23.420 --> 01:19:26.060
Dus het is niet zozeer dat die component helemaal klaar moet zijn.

1714
01:19:26.120 --> 01:19:29.460
Je gebruikt het juist om het component ook te ontwikkelen.

1715
01:19:30.160 --> 01:19:32.280
Dus per saldo is het eigenlijk niet heel veel extra.

1716
01:19:32.700 --> 01:19:35.820
Alleen wat je dus vaak ziet gebeuren bij een bedrijf die dat nog niet heeft

1717
01:19:35.820 --> 01:19:38.840
en zeggen, oké, de Storybook lijkt ons wel handig.

1718
01:19:38.980 --> 01:19:40.700
Dan blijkt dus in een keer dat best wel veel werk is

1719
01:19:40.700 --> 01:19:42.800
om dat allemaal eventjes te maken.

1720
01:19:43.240 --> 01:19:45.520
En ja, terwijl als je er meteen mee begint,

1721
01:19:45.600 --> 01:19:47.200
dan heb je eigenlijk niet heel veel extra werk aan.

1722
01:19:48.280 --> 01:19:53.320
Dus in een bestaanproject Storybook kan gebruiken is wel...

1723
01:19:53.320 --> 01:19:55.440
En zeker als je develops hebt die nog nooit iets meer gedaan

1724
01:19:55.440 --> 01:19:57.840
dan kan er wel wat tegenkomen, zeg maar.

1725
01:19:58.340 --> 01:19:58.900
Ja, snap ik.

1726
01:19:59.120 --> 01:20:00.380
Zelfde ook dan met testing.

1727
01:20:00.700 --> 01:20:02.440
Zelfde verhaal als je het achteraf doet.

1728
01:20:04.440 --> 01:20:04.800
Oké.

1729
01:20:04.880 --> 01:20:05.500
Nou, mooi.

1730
01:20:07.000 --> 01:20:09.420
Ja, het lijkt me wel leuk om even naar onze laatste...

1731
01:20:09.420 --> 01:20:10.340
Ja, naar de tips.

1732
01:20:11.140 --> 01:20:12.120
Tips, tips, tips.

1733
01:20:13.280 --> 01:20:15.020
Ik zal jullie al voorbereiden, ik heb geen tip.

1734
01:20:15.680 --> 01:20:16.040
Wat?

1735
01:20:16.620 --> 01:20:17.300
Ook geen geld.

1736
01:20:17.380 --> 01:20:18.680
Ik denk, ik heb ook geen geld.

1737
01:20:19.420 --> 01:20:20.800
Nee, nee, zeker geen geld meer.

1738
01:20:21.800 --> 01:20:24.060
Maar, hoe heet dat?

1739
01:20:26.060 --> 01:20:26.840
Nee, ik heb geen tip.

1740
01:20:27.100 --> 01:20:28.060
Dat is volgens mij de eerste keer.

1741
01:20:28.320 --> 01:20:29.540
Dat doe je elke keer.

1742
01:20:29.540 --> 01:20:30.680
Ja, precies.

1743
01:20:31.100 --> 01:20:31.460
Maar...

1744
01:20:31.460 --> 01:20:31.980
Nee, nee, nee.

1745
01:20:32.380 --> 01:20:35.480
Jullie mogen voor mij de tips geven.

1746
01:20:35.640 --> 01:20:37.260
Dus ik weet niet wie wil beginnen.

1747
01:20:38.400 --> 01:20:39.380
Ja, ik wil wel beginnen.

1748
01:20:40.800 --> 01:20:41.420
Ja, tips.

1749
01:20:41.760 --> 01:20:45.560
Als ik naar mezelf kijk, zeg maar, als je stelt dat je...

1750
01:20:45.560 --> 01:20:47.600
Je begint net als met front-end development.

1751
01:20:48.960 --> 01:20:51.460
Als ik naar mezelf kijk hoe ik...

1752
01:20:52.260 --> 01:20:54.320
Buiten dan, ik heb natuurlijk al een studie gedaan, et cetera.

1753
01:20:54.840 --> 01:20:57.220
Maar voor mij was eigenlijk open source de key.

1754
01:20:58.280 --> 01:21:00.420
Daar is eigenlijk alles voor mij veranderd ook.

1755
01:21:01.740 --> 01:21:05.140
Ik was op een gegeven moment in de gelukkige positie...

1756
01:21:05.140 --> 01:21:06.380
Dat ik een hoop websites had gemaakt.

1757
01:21:06.820 --> 01:21:08.600
Financieel niet al te veel problemen had.

1758
01:21:09.100 --> 01:21:11.860
Dus ik kon eigenlijk allemaal prototypes maken.

1759
01:21:12.500 --> 01:21:15.580
Dat ben ik heel veel gaan doen in desktop in flash, zeg maar.

1760
01:21:17.420 --> 01:21:20.480
En toen leerde ik eigenlijk via de open source community...

1761
01:21:20.480 --> 01:21:23.460
Leerde ik paper vision, paper vision 3D.

1762
01:21:23.500 --> 01:21:25.540
Dat was een 3D-engine, zeg maar.

1763
01:21:26.020 --> 01:21:28.160
Leerde ik kennen en ook de mensen, zeg maar, daarbij.

1764
01:21:30.020 --> 01:21:32.220
Daar heb ik echt heel veel van geleerd, heel veel gezien.

1765
01:21:32.300 --> 01:21:36.320
Op een gegeven moment zijn we ook naar away 3D, is dat gegaan.

1766
01:21:36.420 --> 01:21:37.740
Nieuwe engine, zeg maar.

1767
01:21:39.100 --> 01:21:41.560
En daar waren we met, laten we zeggen, twaalf mensen ongeveer.

1768
01:21:42.820 --> 01:21:45.440
En daar heb ik zoveel van die mensen, heb ik zoveel geleerd eigenlijk.

1769
01:21:46.560 --> 01:21:49.380
Dus ik zou zeggen, als je naar github gaat bijvoorbeeld...

1770
01:21:49.380 --> 01:21:51.460
Er zijn zat open source projecten waar mensen zoeken.

1771
01:21:51.520 --> 01:21:54.380
Probeer contacten te komen en bouwen gewoon een relatie mee op.

1772
01:21:54.880 --> 01:21:56.940
Ik denk dat je daar heel veel kan leren van die mensen.

1773
01:21:58.220 --> 01:22:03.240
Dus ja, die tips zouden zijn, open source projecten sluit je daarbij aan.

1774
01:22:05.640 --> 01:22:06.440
Een goeie.

1775
01:22:06.760 --> 01:22:10.440
Zijn er ook dingen die jij in je vrije tijd misschien met ons zou willen delen?

1776
01:22:10.560 --> 01:22:14.180
Weet je al tips die je denkt van nou, ik heb dit boek gelezen of een film zien?

1777
01:22:14.200 --> 01:22:15.380
Een soort jambers in het...

1778
01:22:15.380 --> 01:22:17.040
Nou, als je het over een boek hebt.

1779
01:22:17.520 --> 01:22:21.280
Ja, wat ik dus ook wel heel erg interessant vind is AI.

1780
01:22:22.740 --> 01:22:25.760
Maar jullie vorige podcast, dat heb ik ook heel veel interesse in.

1781
01:22:28.840 --> 01:22:31.320
Dus daarmee kan je ook uiteindelijk een boek schrijven.

1782
01:22:31.820 --> 01:22:34.640
Dus ja, dat is een beetje een heel vervelend of lastig onderwerp,

1783
01:22:34.700 --> 01:22:35.920
want op mijn vrouw is schrijfster.

1784
01:22:38.200 --> 01:22:42.780
Dus ik had het over AI gehad en dat mensen, zeker developers,

1785
01:22:42.860 --> 01:22:45.420
zeggen toch best wel of zoiets van moet dat nou allemaal?

1786
01:22:45.540 --> 01:22:47.340
Zeg maar niet iedereen, ze staan heel erg happy mee met AI.

1787
01:22:48.340 --> 01:22:49.660
Dus dat vertelde ik ook tegen mijn vrouw.

1788
01:22:49.780 --> 01:22:52.540
En die zei ja, knijpte ja, die begreep het allemaal natuurlijk.

1789
01:22:52.640 --> 01:22:53.420
Tot dat ik begon.

1790
01:22:53.480 --> 01:22:55.580
Ik ga iets schrijven waarmee ik dus een boek,

1791
01:22:55.580 --> 01:22:57.740
waar ik een boek uiteindelijk mee kan laten genereren.

1792
01:22:58.100 --> 01:22:59.140
En dan kom je op haar gebied.

1793
01:22:59.180 --> 01:23:00.240
En toen sliep je op de bank.

1794
01:23:03.700 --> 01:23:05.560
Maar ja, ik vind dat super interessant.

1795
01:23:06.980 --> 01:23:09.980
En wat ik ook heel erg interessant vind, is eigenlijk het creeren van code.

1796
01:23:11.220 --> 01:23:15.620
Dus ik creer niet verkozen, maar het creeren van kunst eigenlijk via code.

1797
01:23:16.540 --> 01:23:18.020
En toen kreeg ik dat ook heel veel doen.

1798
01:23:18.220 --> 01:23:21.500
Maar daarvoor heb ik, ongeveer 20 jaar geleden was Joshua Davis,

1799
01:23:21.580 --> 01:23:24.580
die had een conference, dan was ik helemaal echt flabbergasted bij.

1800
01:23:25.940 --> 01:23:29.020
Ik vond kunst heel leuk, maar ik was er niet zo heel goed in.

1801
01:23:30.100 --> 01:23:31.780
Iemand zit naast me, ik weet wel goed wat het is.

1802
01:23:32.900 --> 01:23:34.000
Daar zal ik straks wat meer over vertellen.

1803
01:23:34.120 --> 01:23:35.280
Dus ja, dat was een beetje mijn mankoop.

1804
01:23:35.760 --> 01:23:38.580
Maar mijn moeder is wel heel erg, die schildert ook en dat soort dingetjes.

1805
01:23:38.680 --> 01:23:39.820
Dus ik had dat helaas niet meegegeven,

1806
01:23:39.860 --> 01:23:40.720
maar ik vind het wel heel erg leuk.

1807
01:23:40.880 --> 01:23:42.280
En ik vind ook fotografiebewoed heel leuk.

1808
01:23:43.040 --> 01:23:47.440
En uiteindelijk, ja, met code kan je dus ook hele leuke dingen doen.

1809
01:23:47.800 --> 01:23:50.580
En eigenlijk Joshua Davis was iemand die mij daar heel erg in geïnspireerd.

1810
01:23:51.560 --> 01:23:55.120
En dat is bijna twintig jaar geleden ofzo, dat hij talk had, ergens in Amsterdam.

1811
01:23:56.360 --> 01:24:00.120
Dus eigenlijk ben ik altijd mee bezig geweest, maar in vrije tijd inderdaad.

1812
01:24:00.560 --> 01:24:02.120
Dus ja, dat soort dingen vind ik heel erg leuk te doen.

1813
01:24:02.680 --> 01:24:03.300
En gaming.

1814
01:24:04.980 --> 01:24:05.780
Games maken.

1815
01:24:06.920 --> 01:24:08.620
Oh, ook nog recentelijk of niet?

1816
01:24:11.580 --> 01:24:14.100
Laat ik zo zeggen, we hebben een stuk of 15 prototypes gemaakt.

1817
01:24:14.200 --> 01:24:15.620
Uiteindelijk is er volgens mij eentje uitgekomen.

1818
01:24:16.940 --> 01:24:20.180
Maar ik werk met iemand samen die meer een kunstenaar is.

1819
01:24:20.920 --> 01:24:22.100
Ook designer eigenlijk.

1820
01:24:22.500 --> 01:24:27.680
En dat is een paar weken ben je met het project bezig en een paar weken daarna dan is het iets anders.

1821
01:24:28.480 --> 01:24:30.500
Maar ik vind het niet erg, ik vind het gewoon leuk om te doen.

1822
01:24:30.820 --> 01:24:33.280
En daar leer je ook wel heel erg veel van om dat soort dingen op te pakken.

1823
01:24:33.760 --> 01:24:37.080
Opnieuw voor de nieuwsgierigheid, hebben jullie nog ergens iets live staan waar we kunnen kijken?

1824
01:24:37.500 --> 01:24:40.440
Als het goed is, moet er wel iets live staan inderdaad.

1825
01:24:40.620 --> 01:24:41.040
Dat moet ik even denken.

1826
01:24:41.060 --> 01:24:42.380
Dat mag ook in de show notes straks.

1827
01:24:43.180 --> 01:24:45.300
Ik weet eigenlijk niet, want het is echt wel een jaar geleden.

1828
01:24:45.980 --> 01:24:48.140
Ik weet niet of het nog steeds in die stores staat.

1829
01:24:48.500 --> 01:24:49.700
Altijd leuk om het even te delen.

1830
01:24:49.700 --> 01:24:51.140
Nou, dankjewel Alingo.

1831
01:24:52.840 --> 01:24:53.360
Sander?

1832
01:24:53.800 --> 01:24:54.840
Ik heb er ook nog eentje.

1833
01:24:57.100 --> 01:25:00.340
Ik volg de nodige mensen op YouTube.

1834
01:25:01.180 --> 01:25:02.320
Gewoon omdat het gratis is.

1835
01:25:02.960 --> 01:25:04.380
Maar daar heb je Dave Farley.

1836
01:25:04.840 --> 01:25:06.140
En die heeft een kanaal.

1837
01:25:06.720 --> 01:25:08.080
Volgens mij is dat kanaal van hem.

1838
01:25:08.400 --> 01:25:09.080
Dave Farley.

1839
01:25:09.960 --> 01:25:10.980
Ja, goed zo.

1840
01:25:11.320 --> 01:25:13.580
Ja, die heeft een kanaal Continuous Delivery.

1841
01:25:14.320 --> 01:25:18.780
En op een of andere manier, als ik zijn kanaal volg, zijn aflevering.

1842
01:25:18.780 --> 01:25:19.640
Dan heb ik elke keer van.

1843
01:25:19.860 --> 01:25:21.640
Hey, ja, dat ben ik gister ook.

1844
01:25:21.660 --> 01:25:22.740
Heb ik dat tegenkomen?

1845
01:25:23.780 --> 01:25:25.480
Oh, dat is ja allemaal.

1846
01:25:26.260 --> 01:25:27.680
En dat is prettig.

1847
01:25:27.820 --> 01:25:29.700
Dat is echt wel die bevestiging ofzo.

1848
01:25:29.740 --> 01:25:31.200
Ja, het is van ook.

1849
01:25:31.380 --> 01:25:32.580
Het is dat dat klopt.

1850
01:25:32.640 --> 01:25:34.080
Maar hij gaat ook dingen daarover zeggen.

1851
01:25:34.280 --> 01:25:35.420
Van oh, dan kun je beter dit doen.

1852
01:25:35.440 --> 01:25:38.400
En waarom je dit nou eigenlijk aan het doen bent en waarom het nou ook.

1853
01:25:38.440 --> 01:25:40.040
Hij zit dan ook een soort eigenlijk voor mezelf.

1854
01:25:40.100 --> 01:25:42.740
Zit ik van ja, maar waarom ben ik hier nou mee bezig en vind ik dit erg?

1855
01:25:43.080 --> 01:25:43.520
En ben ik?

1856
01:25:43.580 --> 01:25:45.500
Probeer ik dit nu eigenlijk op te lossen?

1857
01:25:45.500 --> 01:25:48.700
En dan benoemt hij eigenlijk voor mij van ja,

1858
01:25:48.740 --> 01:25:51.670
dat zit je op te lossen vanwege dit soort situaties.

1859
01:25:52.760 --> 01:25:53.660
En dat heb ik elke keer.

1860
01:25:54.060 --> 01:25:54.780
Hij heeft behandeld.

1861
01:25:54.940 --> 01:25:56.900
Wel steeds allemaal verschillende onderwerpen.

1862
01:25:57.060 --> 01:26:00.980
Maar het is elke keer dat ik denk van het lijkt wel net of die zit af te luisteren.

1863
01:26:00.980 --> 01:26:02.540
Wat ik op mijn werk, waar ik mee bezig ben.

1864
01:26:02.840 --> 01:26:03.920
Dat gevoel geeft hij wel meer.

1865
01:26:04.060 --> 01:26:04.460
Dat doet hij ook.

1866
01:26:05.640 --> 01:26:07.640
Ik wil het niet verklappen, maar ja.

1867
01:26:07.640 --> 01:26:08.480
Ja, dat is er.

1868
01:26:08.880 --> 01:26:10.440
Weet dat deze podcast aankomt?

1869
01:26:10.500 --> 01:26:13.420
Ik vind dat echt wel een kerel die ja.

1870
01:26:13.420 --> 01:26:14.940
Wat de volgende gast wordt dat?

1871
01:26:15.920 --> 01:26:16.560
I wish.

1872
01:26:17.260 --> 01:26:18.040
En Engels ook.

1873
01:26:18.300 --> 01:26:19.000
Ja, Engels.

1874
01:26:20.060 --> 01:26:21.060
Maar wel een goede tip.

1875
01:26:21.460 --> 01:26:21.680
Ja, zeker.

1876
01:26:22.240 --> 01:26:23.100
Het is echt wel interessant.

1877
01:26:23.480 --> 01:26:27.140
Als je verder wil komen, dan proficineeler dan.

1878
01:26:27.140 --> 01:26:27.960
Ja, heel fijn.

1879
01:26:28.000 --> 01:26:28.620
Luisteren naar hem.

1880
01:26:29.080 --> 01:26:33.680
En heb je nog een recentele tv serie die je zou willen aanraden aan ons?

1881
01:26:34.260 --> 01:26:35.260
Nee, eigenlijk niet.

1882
01:26:36.060 --> 01:26:36.680
Film ook niet?

1883
01:26:37.880 --> 01:26:38.640
Kijk in films.

1884
01:26:39.960 --> 01:26:40.860
Films zijn stom.

1885
01:26:41.060 --> 01:26:41.360
Stom.

1886
01:26:41.360 --> 01:26:44.000
Als we een beetje niet werk gerelateerd.

1887
01:26:44.060 --> 01:26:46.300
Ik ben heel erg wel bezig met huis automatisering.

1888
01:26:46.480 --> 01:26:47.100
Dat vind ik ook wel.

1889
01:26:47.500 --> 01:26:48.820
Home Assistant.

1890
01:26:49.180 --> 01:26:50.100
Volgende aflevering.

1891
01:26:52.060 --> 01:26:54.520
Dat hebben we niet gedaan, volgens mij.

1892
01:26:54.600 --> 01:26:55.520
Jawel, één keertje toch?

1893
01:26:55.740 --> 01:26:57.120
Oh ja, Pauline.

1894
01:26:57.120 --> 01:26:57.380
Pauline, ja.

1895
01:26:57.660 --> 01:26:59.120
En er was iemand die dat zelf deed.

1896
01:27:00.420 --> 01:27:00.740
Dat klopt.

1897
01:27:00.740 --> 01:27:01.320
Ja, dat is leuk.

1898
01:27:02.680 --> 01:27:04.620
Daar gebruik ik mijn vrije tijd voor.

1899
01:27:04.840 --> 01:27:05.400
En mijn kinderen.

1900
01:27:06.080 --> 01:27:07.180
En je kinderen, wauw.

1901
01:27:08.060 --> 01:27:09.340
Oké, we gaan naar de volgende.

1902
01:27:10.200 --> 01:27:11.780
Jij tips, Kishen?

1903
01:27:11.880 --> 01:27:12.240
Ik?

1904
01:27:12.240 --> 01:27:13.000
Ja, zeker.

1905
01:27:13.280 --> 01:27:18.860
Ik kan sowieso iedereen aanraden om naar onze CodeKlets Slack kanaal te gaan.

1906
01:27:18.940 --> 01:27:23.880
Daar hebben we alle props naar Leon Berenschot.

1907
01:27:24.540 --> 01:27:28.460
Die had monodrawhealthtone.com gedeeld.

1908
01:27:28.940 --> 01:27:32.440
En dan kon je volgens mij vrij snel een hele coole ASCII...

1909
01:27:32.440 --> 01:27:32.680
Echt?

1910
01:27:32.900 --> 01:27:33.460
Ja.

1911
01:27:33.660 --> 01:27:34.240
Zullen we even klikken?

1912
01:27:36.640 --> 01:27:38.300
Ik zie een robot.

1913
01:27:38.820 --> 01:27:40.840
Oh, dat is cool.

1914
01:27:40.940 --> 01:27:43.980
Dat is een powerful ASCII art editor.

1915
01:27:44.460 --> 01:27:45.260
Designed for the Mac.

1916
01:27:45.440 --> 01:27:47.060
Oh ja, voor de Mac ook exquisiet dan.

1917
01:27:48.820 --> 01:27:49.840
Kan die ook praten?

1918
01:27:50.520 --> 01:27:52.420
Ja, dat zou wel cool zijn.

1919
01:27:52.660 --> 01:27:53.340
Het staat erbij.

1920
01:27:53.580 --> 01:27:54.080
Hello friends.

1921
01:27:54.400 --> 01:27:55.080
Ja, precies.

1922
01:27:55.680 --> 01:27:55.980
Ga je weg?

1923
01:27:56.680 --> 01:28:01.220
Ja, deze aflevering is bijzonder voor mij in ieder geval.

1924
01:28:01.340 --> 01:28:02.800
Mijn broertje is vandaag ook meegekomen.

1925
01:28:02.860 --> 01:28:03.920
Die zit op de achtergrond hier.

1926
01:28:03.920 --> 01:28:05.860
Die heeft een mooie...

1927
01:28:05.860 --> 01:28:09.160
Zit er echt mee te tekenen en mee te schilderen ook.

1928
01:28:11.520 --> 01:28:17.000
Hij heeft niks met idee, maar wel een nerd wat dat betreft.

1929
01:28:17.460 --> 01:28:18.120
Ja, net als wij.

1930
01:28:18.840 --> 01:28:21.800
En ik zou jullie willen vragen om eens naar zijn Instagram te gaan.

1931
01:28:21.980 --> 01:28:27.180
Hij is de opkomend artiest, kunstenaar, Deep Spandee.

1932
01:28:27.400 --> 01:28:29.220
Ik zal ook even in de show notes...

1933
01:28:29.220 --> 01:28:29.980
Zal ik eventjes...

1934
01:28:29.980 --> 01:28:31.880
En de A's zijn met 3'tjes.

1935
01:28:31.980 --> 01:28:33.040
Zijn 3'tjes, ja ja ja.

1936
01:28:33.040 --> 01:28:34.060
Hoe nerd kan je zijn, hè?

1937
01:28:34.700 --> 01:28:35.640
Nee, helemaal goed.

1938
01:28:35.840 --> 01:28:36.300
Ja, toch?

1939
01:28:37.300 --> 01:28:38.700
Dus ja, ga kijken.

1940
01:28:39.300 --> 01:28:41.560
Wat voor kunst maakt hij dan?

1941
01:28:42.380 --> 01:28:43.100
Ik geef even het telefoon.

1942
01:28:44.200 --> 01:28:45.080
Mag dat...

1943
01:28:45.080 --> 01:28:46.620
Ik krijg ineens een extra gast.

1944
01:28:47.740 --> 01:28:48.940
Ja, horen jullie mij?

1945
01:28:49.240 --> 01:28:50.680
Zo krijg ik een zware stem, toch?

1946
01:28:52.960 --> 01:28:53.100
Ja.

1947
01:28:53.220 --> 01:28:53.740
Wat kunst maak je?

1948
01:28:54.400 --> 01:28:55.860
Ja, street art.

1949
01:28:56.740 --> 01:29:01.720
Ik gebruik voornamelijk aquarel, dus waterverf.

1950
01:29:03.540 --> 01:29:04.740
Dus totaal niet vergevend.

1951
01:29:09.100 --> 01:29:12.320
Maar het is gewoon heel fijn voor mij.

1952
01:29:12.840 --> 01:29:16.720
Ik ben nu momenteel ook heel veel bezig met India Inked.

1953
01:29:17.860 --> 01:29:22.640
Dus daar ben ik nu een beetje mezelf op aan het, ja, moet ik zeggen...

1954
01:29:24.580 --> 01:29:26.480
Maar ik weet niet zoveel van street art.

1955
01:29:26.800 --> 01:29:28.280
Street art, waar doe je dat dan op?

1956
01:29:28.360 --> 01:29:31.140
Doe je dat gewoon, ja, niet op de muur?

1957
01:29:31.140 --> 01:29:36.500
Ik kan illustraties denken, portretten alleen in een bepaalde stijl.

1958
01:29:36.760 --> 01:29:43.520
En dat is ja, toch heel erg onbeheerst.

1959
01:29:43.740 --> 01:29:43.960
Cool.

1960
01:29:44.960 --> 01:29:45.520
Onbeheerst.

1961
01:29:46.300 --> 01:29:51.340
Je wilt eigenlijk, hoe heet die bekende uit Londen?

1962
01:29:51.500 --> 01:29:51.800
Engeland?

1963
01:29:54.460 --> 01:29:54.740
Banksy?

1964
01:29:55.780 --> 01:29:55.920
Ja.

1965
01:29:55.920 --> 01:29:56.280
Banksy?

1966
01:29:56.560 --> 01:29:56.660
Ja.

1967
01:29:56.860 --> 01:29:56.940
Oh die?

1968
01:29:57.180 --> 01:29:58.140
Je wilt gewoon de next Banksy?

1969
01:29:58.240 --> 01:29:59.000
Nou ja, dat weet ik niet.

1970
01:29:59.000 --> 01:29:59.580
Nee, nee.

1971
01:29:59.840 --> 01:30:00.620
I wish.

1972
01:30:01.700 --> 01:30:03.000
Maar ja, ik durf te dromen.

1973
01:30:04.020 --> 01:30:05.460
Maar ik heb nog veel meer ideeën.

1974
01:30:05.980 --> 01:30:09.940
Maar ik start eerst met schilderen omdat daar gewoon heel veel passie in zit.

1975
01:30:10.820 --> 01:30:12.140
Maar uiteindelijk wil ik nog veel meer dingen.

1976
01:30:12.140 --> 01:30:13.220
Maar dat is wat jij hebt gemaakt?

1977
01:30:13.380 --> 01:30:13.500
Ja.

1978
01:30:13.500 --> 01:30:14.460
In mijn ooghoek zie ik wat.

1979
01:30:14.560 --> 01:30:15.240
Oh, cool.

1980
01:30:16.020 --> 01:30:16.420
Ja, zeker.

1981
01:30:17.640 --> 01:30:17.680
Nou.

1982
01:30:18.220 --> 01:30:18.840
Gaan we kijken?

1983
01:30:19.460 --> 01:30:20.040
Ja, inderdaad.

1984
01:30:20.260 --> 01:30:22.380
Volgens mij doe je ook nog wel wat exposities hier en daar.

1985
01:30:22.480 --> 01:30:23.520
Maar goed, dat zullen we ook wel laten zien.

1986
01:30:23.560 --> 01:30:25.480
Ja, nu momenteel zitten we in een stop.

1987
01:30:26.820 --> 01:30:29.480
Dus even voorbereiden voor het volgende seizoen.

1988
01:30:30.020 --> 01:30:30.440
Oké.

1989
01:30:30.520 --> 01:30:31.400
Ja, dat is ook belangrijk.

1990
01:30:31.620 --> 01:30:31.880
Ja, even.

1991
01:30:32.340 --> 01:30:33.340
Ik geef de mic over.

1992
01:30:33.480 --> 01:30:33.600
Ja.

1993
01:30:34.840 --> 01:30:35.280
In elke bank.

1994
01:30:35.280 --> 01:30:35.600
Ja, cool man.

1995
01:30:35.860 --> 01:30:36.120
Thanks.

1996
01:30:36.220 --> 01:30:36.880
Hartstikke tof.

1997
01:30:37.060 --> 01:30:37.120
Ja.

1998
01:30:37.780 --> 01:30:41.480
Ik zou ook sowieso die JavaScript meme even delen met die back-ends en die front-ends.

1999
01:30:41.660 --> 01:30:42.840
Dus dat doe ik straks wel eventjes.

2000
01:30:43.080 --> 01:30:44.620
Ik moet even opzoeken welke het ook weer was.

2001
01:30:45.700 --> 01:30:49.240
En ja, Pact heeft een stukje over contract testing.

2002
01:30:49.600 --> 01:30:52.820
Zal ik ook wel even met jullie delen waarmee je dus contracten kan opstellen.

2003
01:30:53.280 --> 01:30:54.260
Ook tussen back-ends.

2004
01:30:54.260 --> 01:30:56.620
Want als back-ends moeten we met elkaar wat communiceren.

2005
01:30:56.620 --> 01:30:56.960
Ja, dat is wel een interessante.

2006
01:30:57.440 --> 01:31:02.300
Dus wat Ringo en ik vaak bij onze huidige opdracht over hebben is, joh, waarom wisten we dit

2007
01:31:02.300 --> 01:31:02.900
nou niet eerder?

2008
01:31:02.960 --> 01:31:08.320
Waarom moeten we die gruwelijke end-to-end-test, weet je wel, aan het einde pas achterkomen?

2009
01:31:08.780 --> 01:31:11.020
Dus ik denk dat contract testing best wel zou kunnen helpen.

2010
01:31:11.040 --> 01:31:12.000
Ik denk ook wel wat.

2011
01:31:12.000 --> 01:31:14.980
En wat ook wel een interessante beweging was, maar ik weet niet of dat nog steeds

2012
01:31:14.980 --> 01:31:19.300
leeft, is om de front-end ook te zien als een, en tuurlijk, je moet hem zien

2013
01:31:19.300 --> 01:31:23.060
als een consumer, maar dat je dan ook een contract zou kunnen opstellen tussen

2014
01:31:23.060 --> 01:31:25.200
een echte back-end en een front-end.

2015
01:31:25.540 --> 01:31:29.440
Ja, daar heb ik het wel over gehad met een aantal back-ends, maar uiteindelijk

2016
01:31:29.440 --> 01:31:31.800
gelijkt het erop dat dat toch niet helemaal daarvoor bedoeld is.

2017
01:31:31.940 --> 01:31:33.380
Ja, precies, dat dacht ik al.

2018
01:31:33.700 --> 01:31:35.820
Helaas, maar het was wel echt een hele mooie oplossing geweest.

2019
01:31:35.820 --> 01:31:39.800
Dat wou ik net zeggen, want dan kom je er echt achter van, hey, dit is echt

2020
01:31:39.800 --> 01:31:41.160
sneller dan dat we hadden verwacht.

2021
01:31:41.220 --> 01:31:43.360
Maar goed, ik denk ook dat het daar niet voor gemaakt is.

2022
01:31:44.580 --> 01:31:44.980
Oké.

2023
01:31:45.080 --> 01:31:46.940
Nou, Saber nog wat binnengekomen.

2024
01:31:47.220 --> 01:31:47.580
Loki.

2025
01:31:48.240 --> 01:31:48.640
Loki?

2026
01:31:48.900 --> 01:31:49.880
Ja, die is net uit.

2027
01:31:49.880 --> 01:31:50.520
Seizoen 2.

2028
01:31:50.520 --> 01:31:51.480
Ja, ja, ja.

2029
01:31:51.580 --> 01:31:52.140
Dat is gewoon.

2030
01:31:52.640 --> 01:31:54.940
Ja, ik heb het nog niet afgekeken.

2031
01:31:55.100 --> 01:31:57.640
Ik kon het niet afkijken, want mijn kinderen die kwamen binnenlopen.

2032
01:31:58.680 --> 01:31:58.940
Maar anyway.

2033
01:31:59.680 --> 01:32:01.200
Ja, ja, ja.

2034
01:32:01.200 --> 01:32:01.700
Ja, dat is ook eens wat.

2035
01:32:01.860 --> 01:32:02.640
Dat had ik gekund.

2036
01:32:04.260 --> 01:32:06.360
Dus, maar dat seizoen is net begonnen.

2037
01:32:06.660 --> 01:32:11.160
Dus dat was een van de Marvel series die me heel positief heeft verrast.

2038
01:32:12.680 --> 01:32:16.780
Ik ben ook wel best wel een Marvel geek, zeg maar, qua comics.

2039
01:32:18.240 --> 01:32:19.040
En ik heb.

2040
01:32:19.100 --> 01:32:23.980
Ik had juist de Thor en Loki comics nooit gelezen.

2041
01:32:24.200 --> 01:32:26.760
Dus dat is eigenlijk misschien wel handig.

2042
01:32:27.480 --> 01:32:28.560
Misschien wel of niet, weet ik niet.

2043
01:32:28.800 --> 01:32:30.820
Maar ik vind in deze serie wordt hij best wel.

2044
01:32:30.900 --> 01:32:32.040
Ja, het is echt gewoon leuk.

2045
01:32:33.300 --> 01:32:33.340
Ja.

2046
01:32:33.340 --> 01:32:35.040
Ik had ook Luffy gezien.

2047
01:32:35.880 --> 01:32:35.900
Nee.

2048
01:32:37.140 --> 01:32:37.520
Oké.

2049
01:32:37.580 --> 01:32:38.300
Welke is die nog eens?

2050
01:32:38.420 --> 01:32:39.060
Luffy heet dat.

2051
01:32:39.220 --> 01:32:39.520
Luffy.

2052
01:32:39.820 --> 01:32:40.340
Ja, kijk mooi.

2053
01:32:40.420 --> 01:32:41.140
Zet die er ook bij.

2054
01:32:42.540 --> 01:32:43.060
Hoe schrijf je dat?

2055
01:32:43.480 --> 01:32:43.960
One Piece.

2056
01:32:44.060 --> 01:32:44.580
One Piece.

2057
01:32:44.580 --> 01:32:45.660
Ja, de One Piece.

2058
01:32:46.040 --> 01:32:46.300
Dank je wel.

2059
01:32:46.340 --> 01:32:46.900
Hoe schrijf je dat?

2060
01:32:47.100 --> 01:32:47.680
De One Piece.

2061
01:32:47.840 --> 01:32:48.140
De One Piece.

2062
01:32:48.420 --> 01:32:49.260
Ja, zo heet de serie inderdaad.

2063
01:32:49.460 --> 01:32:49.900
Maar het is Luffy.

2064
01:32:51.340 --> 01:32:51.740
Oké.

2065
01:32:51.900 --> 01:32:51.940
Ja.

2066
01:32:52.400 --> 01:32:52.960
Ik ook even kijken.

2067
01:32:53.080 --> 01:32:53.720
Het zegt me helemaal niks.

2068
01:32:53.720 --> 01:32:54.220
Heel interessant.

2069
01:32:54.740 --> 01:32:58.520
En voordat ik hier naartoe reed, keken wij op de bank.

2070
01:32:58.560 --> 01:32:59.060
Hoe heet die?

2071
01:32:59.320 --> 01:32:59.740
Gen V.

2072
01:33:00.260 --> 01:33:00.620
Oh ja.

2073
01:33:01.540 --> 01:33:01.700
Ja.

2074
01:33:01.960 --> 01:33:03.640
Dat was echt best wel een ranzige.

2075
01:33:04.280 --> 01:33:04.680
Ja.

2076
01:33:06.000 --> 01:33:06.300
Ik weet niet.

2077
01:33:06.580 --> 01:33:08.760
Is dat die ene die de lucht in vliegt?

2078
01:33:09.600 --> 01:33:10.500
Nee, ik zou niet anders in de lucht vliegen.

2079
01:33:10.500 --> 01:33:12.220
Je moet gewoon die serie zelf gaan kijken.

2080
01:33:13.020 --> 01:33:14.640
Je moet dan niet beschrijven wat er gebeurt.

2081
01:33:14.740 --> 01:33:15.500
Nee, het is echt nes.

2082
01:33:15.600 --> 01:33:16.320
Ik ga het ook niet doen.

2083
01:33:16.500 --> 01:33:16.800
Zeker niet.

2084
01:33:17.100 --> 01:33:17.980
Maar echt, oh man.

2085
01:33:19.000 --> 01:33:20.260
Ik weet nog wel dat ik het gezien had.

2086
01:33:20.520 --> 01:33:22.180
Zeg ik tegen mijn broertje net ook van.

2087
01:33:22.480 --> 01:33:23.600
Waar heb ik nou naar gekeken?

2088
01:33:23.600 --> 01:33:23.940
Dat.

2089
01:33:25.260 --> 01:33:26.220
Wie bedenkt dit?

2090
01:33:27.280 --> 01:33:30.140
Ja, ik denk dat die in die writers' room, zeg maar, van die serie, dat het echt

2091
01:33:30.140 --> 01:33:30.620
wel...

2092
01:33:30.620 --> 01:33:32.100
Dat is echt interessant.

2093
01:33:33.860 --> 01:33:34.220
Oké.

2094
01:33:34.360 --> 01:33:35.140
Nou, dat was hem dan.

2095
01:33:35.740 --> 01:33:36.560
Dankjewel voor de tips.

2096
01:33:37.300 --> 01:33:39.080
Dankjewel dat jullie hierbij wilden zijn.

2097
01:33:39.380 --> 01:33:40.060
Ja, super leuk.

2098
01:33:40.720 --> 01:33:41.080
Dankjewel.

2099
01:33:41.600 --> 01:33:45.860
In de show note zetten we altijd, zeg maar, hoe we jullie kunnen vinden via LinkedIn,

2100
01:33:46.360 --> 01:33:47.480
eventueel via social media.

2101
01:33:47.580 --> 01:33:49.120
Ik weet niet of jullie die hebben of niet.

2102
01:33:49.940 --> 01:33:51.640
Dus dat zetten we sowieso in de show note.

2103
01:33:52.080 --> 01:33:52.520
Zeker.

2104
01:33:52.520 --> 01:33:54.520
Dus dan kunnen luisteraarsen jullie op die manier vinden.

2105
01:33:56.580 --> 01:33:57.960
En ja, dat was hem weer.

2106
01:33:58.500 --> 01:34:03.320
Ja, en vergeet vooral niet, ik zei het net ook al, kom gezamenlijk bij elkaar

2107
01:34:03.320 --> 01:34:06.840
bij de CodeKlets pod, of sorry, de Slack.

2108
01:34:08.220 --> 01:34:08.240
Ja.

2109
01:34:08.240 --> 01:34:12.140
En ja, kijk ook even op onze website, codeklets.nl.

2110
01:34:12.440 --> 01:34:14.500
Is dat dan ook zo van like en subscribe?

2111
01:34:14.780 --> 01:34:16.180
Wat zeggen ze er altijd op al die dingen?

2112
01:34:16.680 --> 01:34:17.640
Vergeet niet te liken en te subscriben.

2113
01:34:17.640 --> 01:34:18.540
Die tekst hebben wij niet in.

2114
01:34:19.020 --> 01:34:21.020
Nee, die hebben we overgeslagen.

2115
01:34:21.440 --> 01:34:22.180
Of gelukkig.

2116
01:34:22.360 --> 01:34:22.720
Nou ja.

2117
01:34:23.600 --> 01:34:24.340
Nou, dankjewel.

2118
01:34:24.660 --> 01:34:25.060
Dankjewel.

2119
01:34:25.460 --> 01:34:25.860
Dankjewel.

2120
01:34:26.040 --> 01:34:26.500
Doei doei.