1
00:00:01,200 --> 00:00:03,310
‫Kursleiter: Lassen Sie uns nun den

2
00:00:03,310 --> 00:00:06,860
‫ersten Teil der Erstellung der dynamischen Knotenfarm-Website durchführen, indem

3
00:00:06,860 --> 00:00:08,830
‫Sie nur die Vorlagen

4
00:00:08,830 --> 00:00:11,083
‫erstellen, die die tatsächlichen Daten enthalten.

5
00:00:12,890 --> 00:00:15,590
‫Und denken Sie daran, dass unser Ziel darin

6
00:00:15,590 --> 00:00:19,260
‫besteht, eine solche dynamische Website zu erstellen, auf der wir einen Überblick

7
00:00:19,260 --> 00:00:21,130
‫über alle Produkte haben, und dann

8
00:00:21,130 --> 00:00:24,060
‫hat jedes Produkt seine Detailseite, genau wie ich es

9
00:00:24,060 --> 00:00:25,700
‫Ihnen zuvor gezeigt habe.

10
00:00:25,700 --> 00:00:29,780
‫Und diese Daten hier werden natürlich aus der Json-Datei gelesen. Wenn wir

11
00:00:29,780 --> 00:00:32,660
‫also die Json-Datei ändern, zum Beispiel eines dieser

12
00:00:32,660 --> 00:00:36,140
‫Produkte löschen und dann diese Seite neu laden, dann sollte

13
00:00:36,140 --> 00:00:38,920
‫dieses Produkt von hier weg sein.

14
00:00:38,920 --> 00:00:42,340
‫Oder wenn wir einige dieser Daten hier oder den Namen geändert

15
00:00:42,340 --> 00:00:45,600
‫haben, dann sollte das hier auf der Site aktualisiert werden.

16
00:00:45,600 --> 00:00:47,940
‫Auch hier, weil es sich um eine dynamische

17
00:00:47,940 --> 00:00:51,073
‫Website handelt, die aus den Daten in der JSON-Datei erstellt wurde.

18
00:00:51,930 --> 00:00:52,830
‫Wie

19
00:00:52,830 --> 00:00:55,540
‫bereits erwähnt, besteht der erste Schritt

20
00:00:55,540 --> 00:00:57,930
‫darin, diese Vorlagen zu erstellen, eine

21
00:00:57,930 --> 00:01:00,960
‫für diese Übersichtsseite und eine für die Produktdetailseite.

22
00:01:00,960 --> 00:01:03,773
‫Und wir beginnen mit der Detailseite, und

23
00:01:04,990 --> 00:01:06,540
‫ich werde diese

24
00:01:06,540 --> 00:01:09,250
‫Vorlagen basierend auf diesen Daten-Webseiten erstellen, die

25
00:01:09,250 --> 00:01:11,220
‫wir hier im Vorlagenordner haben.

26
00:01:11,220 --> 00:01:12,850
‫Schauen wir sie uns also an.

27
00:01:12,850 --> 00:01:16,030
‫Wir haben also Übersicht und Produkt und beginnen

28
00:01:16,030 --> 00:01:19,610
‫wieder mit dem Produkt. html.

29
00:01:19,610 --> 00:01:22,950
‫Wir haben hier also den Produktnamen und dann dieses

30
00:01:22,950 --> 00:01:26,923
‫Bild hier, das eigentlich ein Emoji ist, aber das spielt keine Rolle.

31
00:01:27,880 --> 00:01:30,210
‫Anstatt also die echten Bilder für all

32
00:01:30,210 --> 00:01:33,000
‫diese verschiedenen Produkte anfordern zu müssen, habe ich

33
00:01:33,000 --> 00:01:34,590
‫mich für Emojis entschieden.

34
00:01:34,590 --> 00:01:36,210
‫Das ist viel einfacher.

35
00:01:36,210 --> 00:01:37,860
‫Das gleiche eigentlich für den Stil.

36
00:01:37,860 --> 00:01:42,040
‫Also habe ich den gesamten CSS-Stil in die HTML-Seiten integriert, damit

37
00:01:42,040 --> 00:01:44,470
‫wir nicht mehrere Anfragen stellen

38
00:01:44,470 --> 00:01:47,500
‫müssen, um diese verschiedenen Daten zu erhalten, oder?

39
00:01:47,500 --> 00:01:48,450
‫Denn

40
00:01:48,450 --> 00:01:53,144
‫eigentlich löst jede unterschiedliche Datei eine andere Anfrage aus, okay?

41
00:01:53,144 --> 00:01:55,860
‫Erinnern Sie sich, wo wir früher die Anfrage

42
00:01:55,860 --> 00:01:58,090
‫nach dem Fünf-Symbol hatten, oder?

43
00:01:58,090 --> 00:02:02,160
‫Wir haben also eine Anfrage für das Root, also für die Hauptseite,

44
00:02:02,160 --> 00:02:05,640
‫und dann eine Anfrage für dieses Bild gesehen, und das

45
00:02:05,640 --> 00:02:06,920
‫bedeutet, dass jedes Asset,

46
00:02:06,920 --> 00:02:09,600
‫also jedes Teil, das Teil der Website ist,

47
00:02:09,600 --> 00:02:10,670
‫seine eigene

48
00:02:10,670 --> 00:02:13,540
‫Anfrage erhält, und wir das müssen wir dann

49
00:02:13,540 --> 00:02:14,970
‫handhaben, und das wollen

50
00:02:14,970 --> 00:02:19,533
‫wir nicht, also habe ich den Style einfach in diese HTML-Seiten inline eingefügt.

51
00:02:20,560 --> 00:02:25,560
‫In Ordnung, also hier ist ein Haufen Stil, Stil, Stil, und

52
00:02:26,210 --> 00:02:29,073
‫dann haben wir hier irgendwo

53
00:02:29,980 --> 00:02:33,053
‫den, nun ja, den Namen des Produkts.

54
00:02:33,053 --> 00:02:35,090
‫Oh ja, hier, also ist es der Name des Produkts.

55
00:02:35,090 --> 00:02:38,270
‫Hier ist das Produktbild, das wiederum

56
00:02:38,270 --> 00:02:42,930
‫nur ein Emoji ist, aber hier aus diesem Bildfeld stammt.

57
00:02:42,930 --> 00:02:44,693
‫Wir haben also dieses Feld namens image.

58
00:02:46,740 --> 00:02:47,630
‫Richtig?

59
00:02:47,630 --> 00:02:51,780
‫Dann haben wir woher es kommt, einige der Zutaten

60
00:02:51,780 --> 00:02:56,257
‫und den Preis und auch die Beschreibung hier unten, okay?

61
00:02:56,257 --> 00:02:59,000
‫Aber auch hier kommt all dies aus diesen verschiedenen Bereichen.

62
00:02:59,000 --> 00:03:01,310
‫Werfen wir also einen Blick auf die Felder, die wir haben.

63
00:03:01,310 --> 00:03:06,037
‫Also Produktname, Image, Herkunft, Nährstoffe, Menge, Preis, ob Bio

64
00:03:07,280 --> 00:03:10,323
‫oder nicht, und die Beschreibung.

65
00:03:11,630 --> 00:03:14,890
‫Was wir jetzt also tun werden, ist im

66
00:03:14,890 --> 00:03:18,460
‫Grunde all diese Teile, die wir dynamisch hinzufügen möchten,

67
00:03:18,460 --> 00:03:21,260
‫durch einen Platzhalter zu ersetzen, und

68
00:03:21,260 --> 00:03:24,320
‫wir werden dann später mit unserem Code

69
00:03:24,320 --> 00:03:27,750
‫diesen Platzhalter durch die echten Daten ersetzen, okay?

70
00:03:27,750 --> 00:03:30,700
‫Beginnen wir also hier mit dem Produktnamen, und

71
00:03:30,700 --> 00:03:32,887
‫ich werde ihn löschen

72
00:03:32,887 --> 00:03:35,330
‫und dann einen Platzhalter hier einfügen.

73
00:03:35,330 --> 00:03:38,560
‫Und ich kann alles machen, was ich für einen Platzhalter will.

74
00:03:38,560 --> 00:03:42,730
‫Ich gehe in diesem Fall einfach gerne auf so etwas ein.

75
00:03:42,730 --> 00:03:43,563
‫So...

76
00:03:45,930 --> 00:03:50,930
‫Produktname, dann Prozentsatz und dann die geschweiften Klammern.

77
00:03:51,050 --> 00:03:53,740
‫Dies könnte also wieder alles sein, was

78
00:03:53,740 --> 00:03:55,270
‫wir wollten, aber

79
00:03:55,270 --> 00:03:57,660
‫wir möchten etwas finden, das

80
00:03:57,660 --> 00:04:00,620
‫wahrscheinlich nicht auf der Seite ist, damit wir

81
00:04:00,620 --> 00:04:05,120
‫nichts Falsches ersetzen, also nichts, was wir eigentlich nicht ersetzen möchten, okay?

82
00:04:05,120 --> 00:04:08,570
‫Und ich könnte so etwas hier reinstellen, okay?

83
00:04:08,570 --> 00:04:12,260
‫Und dann alles ersetzen, aber ich denke, so sieht es

84
00:04:12,260 --> 00:04:15,383
‫gut aus und ist leicht zu erkennen.

85
00:04:16,460 --> 00:04:19,550
‫Also müssen wir nur weitermachen und

86
00:04:21,290 --> 00:04:23,630
‫das alles hier

87
00:04:23,630 --> 00:04:28,050
‫hinstellen, und dann werde ich diese Namen natürlich ersetzen.

88
00:04:28,050 --> 00:04:29,963
‫Hier haben wir also die Nährstoffe.

89
00:04:32,750 --> 00:04:35,133
‫Hier haben wir die Menge.

90
00:04:37,380 --> 00:04:39,293
‫Und hier habe ich den Preis.

91
00:04:41,450 --> 00:04:43,673
‫Hier unten haben wir wieder den Preis, sehen Sie.

92
00:04:45,410 --> 00:04:48,380
‫Und der Preis ist nur die Zahl, okay?

93
00:04:48,380 --> 00:04:51,280
‫Das Eurozeichen bleibt hier einfach stehen,

94
00:04:51,280 --> 00:04:55,630
‫denn der Preis, den wir haben, ist eigentlich nur eine Zahl.

95
00:04:55,630 --> 00:04:59,470
‫Schauen wir uns das gleich hier in json an.

96
00:04:59,470 --> 00:05:02,840
‫Wir haben also nur 6. 50, aber nicht die Währung.

97
00:05:02,840 --> 00:05:07,240
‫Und eigentlich das gleiche hier, also greifen wir es und kopieren

98
00:05:07,240 --> 00:05:10,510
‫es hier ganz schnell, und ja, tatsächlich habe

99
00:05:10,510 --> 00:05:12,960
‫ich vergessen, dieses zu ersetzen, also

100
00:05:12,960 --> 00:05:14,763
‫ist dies das Aus.

101
00:05:16,920 --> 00:05:21,440
‫Und schreiben wir tatsächlich aus, nicht in Großbuchstaben, damit dieser Text

102
00:05:21,440 --> 00:05:23,850
‫ein bisschen mehr Sinn macht.

103
00:05:23,850 --> 00:05:28,320
‫Also zum Beispiel aus Portugal oder aus Spanien oder was auch immer.

104
00:05:28,320 --> 00:05:29,643
‫Ach, was ist das hier?

105
00:05:30,970 --> 00:05:35,380
‫Okay, ich glaube, ich habe gerade mitten im Produktnamen geschrieben.

106
00:05:35,380 --> 00:05:36,363
‫Also Nährstoffe.

107
00:05:39,861 --> 00:05:40,694
‫Okay.

108
00:05:40,694 --> 00:05:44,030
‫Oh, und hier unten haben wir natürlich die Beschreibung, also lasst

109
00:05:44,030 --> 00:05:45,320
‫uns auch diese ersetzen.

110
00:05:45,320 --> 00:05:49,020
‫Oh, natürlich muss ich das hier zurückbekommen

111
00:05:49,980 --> 00:05:50,820
‫und

112
00:05:51,850 --> 00:05:53,573
‫so eine Beschreibung.

113
00:05:55,210 --> 00:05:58,963
‫Als nächstes haben wir diese Bilder, also die Avocado,

114
00:06:00,070 --> 00:06:03,050
‫und so drücke ich ein paar Befehls-Vs,

115
00:06:03,050 --> 00:06:07,060
‫füge sie hier ein und kann sie hier alle

116
00:06:07,060 --> 00:06:08,363
‫gleichzeitig bearbeiten.

117
00:06:11,660 --> 00:06:16,660
‫Okay, dann Bild und, oh, etwas hier im Titel.

118
00:06:16,680 --> 00:06:20,500
‫Wir wollen auch das Bild hier oben ersetzen und

119
00:06:20,500 --> 00:06:22,083
‫auch den Produktnamen.

120
00:06:23,030 --> 00:06:23,963
‫So.

121
00:06:27,510 --> 00:06:28,650
‫Produktname

122
00:06:29,930 --> 00:06:31,640
‫hier und hier

123
00:06:31,640 --> 00:06:36,640
‫das Bild, damit auch dieses dynamisch ersetzt wird.

124
00:06:36,840 --> 00:06:39,550
‫In Ordnung, jetzt nur noch eine Sache,

125
00:06:40,890 --> 00:06:42,563
‫die etwas komplexer ist.

126
00:06:43,870 --> 00:06:44,980
‫Wo ist es?

127
00:06:44,980 --> 00:06:46,290
‫Alles klar, es ist hier.

128
00:06:46,290 --> 00:06:49,860
‫Einige Produkte sind also biologisch und andere nicht.

129
00:06:49,860 --> 00:06:53,210
‫Es gibt also eine Klasse im CSS,

130
00:06:53,210 --> 00:06:58,200
‫die all diesen Elementen hinzugefügt wird, wenn sie nicht organisch sind, okay?

131
00:06:58,200 --> 00:07:00,430
‫Das ist also diese Klasse hier.

132
00:07:00,430 --> 00:07:03,680
‫Wenn es also nicht biologisch ist, sollte es nicht angezeigt

133
00:07:03,680 --> 00:07:05,383
‫werden, daher dieses Bio-Abzeichen hier.

134
00:07:06,460 --> 00:07:08,930
‫Und nur um Ihnen zu zeigen,

135
00:07:08,930 --> 00:07:12,790
‫wovon ich rede, das Bio-Abzeichen ist dieses Ding hier, okay?

136
00:07:12,790 --> 00:07:14,830
‫Wir wollen das also

137
00:07:14,830 --> 00:07:19,530
‫nicht anzeigen, falls es im json falsch ist, also werden

138
00:07:19,530 --> 00:07:22,660
‫wir hier tatsächlich einen weiteren Platzhalter hier

139
00:07:22,660 --> 00:07:25,433
‫oder tatsächlich innerhalb der Klasse hinzufügen,

140
00:07:26,360 --> 00:07:29,410
‫und deshalb nenne ich diesen nicht organisch

141
00:07:30,370 --> 00:07:31,203
‫.

142
00:07:32,340 --> 00:07:34,280
‫Und Sie werden später sehen, warum, okay?

143
00:07:34,280 --> 00:07:38,650
‫Wenn wir dies ersetzen, wird es für Sie ein bisschen mehr Sinn machen.

144
00:07:38,650 --> 00:07:41,890
‫In Ordnung, also denke ich, dass dieser hier fertig

145
00:07:41,890 --> 00:07:45,313
‫ist, und ich habe einfach alles überschrieben, was wir hatten.

146
00:07:46,260 --> 00:07:48,180
‫Lassen Sie mich

147
00:07:50,690 --> 00:07:53,110
‫dieses Vorlagenprodukt jetzt einfach nennen, okay?

148
00:07:53,110 --> 00:07:54,360
‫Dieser ist also fertig.

149
00:07:54,360 --> 00:07:57,850
‫Kommen wir zum nächsten, der Übersicht.

150
00:07:57,850 --> 00:08:01,040
‫Und dieser hier wird tatsächlich ein bisschen anders sein, und lassen Sie

151
00:08:01,040 --> 00:08:03,053
‫mich Ihnen zeigen, warum das so ist.

152
00:08:04,030 --> 00:08:07,690
‫Auch hier haben wir alle SCCs hier eingefügt,

153
00:08:07,690 --> 00:08:10,510
‫und jetzt haben wir diesen

154
00:08:10,510 --> 00:08:14,640
‫Kartencontainer und dann für jedes der Produkte eine Karte.

155
00:08:14,640 --> 00:08:19,373
‫Jede dieser Karten hier hat also dieses Figuren-Tag, oder?

156
00:08:20,640 --> 00:08:23,050
‫Nun wissen wir eigentlich nicht,

157
00:08:23,050 --> 00:08:27,280
‫wie viele dieser Karten hier in dieser Übersicht sein werden, oder?

158
00:08:27,280 --> 00:08:30,200
‫Stellen Sie sich vor, wir haben 10 Produkte im json.

159
00:08:30,200 --> 00:08:32,660
‫Dann brauchen wir 10 dieser Karten.

160
00:08:32,660 --> 00:08:34,920
‫Aber stellen Sie sich vor, wir haben nur ein oder zwei.

161
00:08:34,920 --> 00:08:39,340
‫Nun, wir wollen nicht alle 10 Karten, sondern nur zwei.

162
00:08:39,340 --> 00:08:42,190
‫Also, wie sollen wir das machen?

163
00:08:42,190 --> 00:08:46,350
‫Nun, wir erstellen eigentlich nur eine weitere Vorlage, in der

164
00:08:46,350 --> 00:08:49,180
‫nur eine Karte vorhanden ist, und

165
00:08:49,180 --> 00:08:51,730
‫fügen dann eine dieser Vorlagen für

166
00:08:51,730 --> 00:08:54,230
‫jede der gewünschten Karten,

167
00:08:54,230 --> 00:08:57,520
‫also jedes der Produkte in die JSON-Datei, ein.

168
00:08:57,520 --> 00:08:59,605
‫Alles klar, Sinn?

169
00:08:59,605 --> 00:09:02,693
‫Nennen wir dies hier also die Vorlagenübersicht.

170
00:09:06,480 --> 00:09:09,313
‫Und ich werde fortfahren und die Vorlagenkarte erstellen.

171
00:09:14,220 --> 00:09:18,690
‫Also, was ich hier machen werde, ist, wie ich bereits erwähnt habe, jetzt ist es

172
00:09:18,690 --> 00:09:19,973
‫wieder ganz oben,

173
00:09:21,400 --> 00:09:24,023
‫also gehe ich vor und schnappe mir eine Figur.

174
00:09:24,950 --> 00:09:26,153
‫Das war zu viel.

175
00:09:27,290 --> 00:09:29,623
‫Und füge es hier ein.

176
00:09:31,120 --> 00:09:32,823
‫Also bring das ein bisschen runter.

177
00:09:35,450 --> 00:09:39,493
‫Okay, jede Karte bekommt nun ihre eigene Figur.

178
00:09:41,190 --> 00:09:44,280
‫Okay, und jetzt werde ich alle

179
00:09:44,280 --> 00:09:47,380
‫Karten von hier löschen und auch

180
00:09:50,610 --> 00:09:53,283
‫hier einen Platzhalter erstellen.

181
00:09:57,320 --> 00:10:01,360
‫Produktkarten.

182
00:10:01,360 --> 00:10:02,430
‫Okay?

183
00:10:02,430 --> 00:10:04,970
‫Später in unserem Code werden wir

184
00:10:04,970 --> 00:10:08,830
‫also wieder so viele Karten erstellen, wie wir hier benötigen.

185
00:10:08,830 --> 00:10:10,890
‫Wenn wir beispielsweise fünf

186
00:10:10,890 --> 00:10:13,660
‫Produkte haben, erstellen wir fünf solcher Karten.

187
00:10:13,660 --> 00:10:16,780
‫Wir werden sie dann zu einer

188
00:10:16,780 --> 00:10:20,090
‫Reihe zusammenfügen und dann Produktkarten durch diese

189
00:10:20,090 --> 00:10:24,320
‫Reihe ersetzen, die all diese verschiedenen Karten enthält, in Ordnung?

190
00:10:24,320 --> 00:10:27,563
‫Damit sind wir eigentlich fertig.

191
00:10:28,870 --> 00:10:29,703
‫Okay?

192
00:10:29,703 --> 00:10:31,440
‫Weil die

193
00:10:31,440 --> 00:10:34,780
‫meisten Dinge innerhalb der Vorlagenkarte passieren.

194
00:10:34,780 --> 00:10:36,910
‫Also nichts anderes zu ersetzen hier.

195
00:10:36,910 --> 00:10:40,113
‫Ich komme nur hierher, um das hier zu

196
00:10:41,780 --> 00:10:44,730
‫kopieren, und jetzt ist es für uns

197
00:10:44,730 --> 00:10:48,190
‫sehr einfach, das zu ersetzen, was wir hier brauchen.

198
00:10:48,190 --> 00:10:52,373
‫Das hier ist also das Bild, und wir haben es tatsächlich zweimal.

199
00:10:54,860 --> 00:10:56,893
‫Okay, das macht es ein bisschen schöner.

200
00:10:58,270 --> 00:11:03,227
‫Bild, Bild, dann haben wir hier den Produktnamen, erinnerst du dich?

201
00:11:07,080 --> 00:11:07,990
‫Hier an

202
00:11:07,990 --> 00:11:12,670
‫dieser Stelle werden wir wieder den nicht organischen Platzhalter haben, und auch

203
00:11:12,670 --> 00:11:15,943
‫dieser wird etwas später für Sie sinnvoller sein.

204
00:11:17,470 --> 00:11:21,143
‫Mehr Bio, dann die Menge hier.

205
00:11:25,540 --> 00:11:27,163
‫Dann der Preis.

206
00:11:30,210 --> 00:11:34,070
‫Also müssen wir den Link hier auch tatsächlich aufbauen.

207
00:11:34,070 --> 00:11:36,290
‫Also dieses hier, also das

208
00:11:36,290 --> 00:11:39,460
‫A-Element, falls Sie mit HTML nicht wirklich vertraut

209
00:11:39,460 --> 00:11:42,093
‫sind, das A-Element ist für einen Link.

210
00:11:43,030 --> 00:11:47,073
‫Lassen Sie mich es Ihnen also in einem realen Arbeitsbeispiel zeigen.

211
00:11:48,810 --> 00:11:52,040
‫Wenn wir also mit der Maus hier auf diesen Link

212
00:11:52,040 --> 00:11:54,830
‫fahren, dort unten in der linken unteren Ecke,

213
00:11:54,830 --> 00:11:59,000
‫also hier unten, sehen Sie, dass es sich um ein Schrägstrichprodukt handelt

214
00:11:59,000 --> 00:12:01,770
‫und dann die ID gleich Null ist.

215
00:12:01,770 --> 00:12:06,760
‫Und dieser ist ID gleich eins, ID gleich zwei.

216
00:12:06,760 --> 00:12:09,480
‫Okay, und wenn wir darauf klicken, sehen wir es tatsächlich hier.

217
00:12:09,480 --> 00:12:13,440
‫Schrägstrich also Produkt und dann ID gleich Null, und

218
00:12:13,440 --> 00:12:18,440
‫diese ID hier ist genau die ID, die wir im json haben.

219
00:12:19,970 --> 00:12:22,085
‫Okay, also dieser hier.

220
00:12:22,085 --> 00:12:25,900
‫Die Avocado ist also eine, der Ziegenkäse hat eine.

221
00:12:25,900 --> 00:12:28,083
‫Entschuldigung, die Avocado hat natürlich null.

222
00:12:29,110 --> 00:12:33,380
‫Der Brokkoli hat zwei und so weiter und so weiter.

223
00:12:33,380 --> 00:12:36,463
‫Und hier müssen wir eigentlich die Verbindung aufbauen.

224
00:12:38,420 --> 00:12:42,113
‫Also Produkt und natürlich nicht in Großbuchstaben.

225
00:12:43,060 --> 00:12:46,370
‫Also Produkt, und die ID

226
00:12:49,920 --> 00:12:51,360
‫ist ID.

227
00:12:51,360 --> 00:12:52,280
‫Okay?

228
00:12:52,280 --> 00:12:56,850
‫Dann müssen wir diesen ID-Platzhalter hier durch die richtige

229
00:12:56,850 --> 00:12:58,250
‫Nummer ersetzen.

230
00:12:58,250 --> 00:13:02,430
‫Also null, eins, zwei, drei, vier, fünf und so weiter und so weiter,

231
00:13:02,430 --> 00:13:04,930
‫je nachdem, wie viele Produkte es gibt.

232
00:13:04,930 --> 00:13:09,510
‫Angenommen, wir haben hier einen Käse, okay?

233
00:13:09,510 --> 00:13:11,050
‫Gehen wir hierher zurück.

234
00:13:11,050 --> 00:13:14,440
‫Nun, dann ist das Bild dieses hier,

235
00:13:14,440 --> 00:13:18,463
‫der Produktname ist dieses und die ID ist eins.

236
00:13:19,400 --> 00:13:21,480
‫Okay, und das hier

237
00:13:21,480 --> 00:13:26,113
‫wird dann zu ID gleich Eins und unserem Handler hier übersetzt.

238
00:13:27,230 --> 00:13:30,950
‫Dieser Server-Handler hier kümmert sich dann darum,

239
00:13:30,950 --> 00:13:35,950
‫zur richtigen Seite zu gelangen, wenn die Produkt-ID eins ist, okay?

240
00:13:36,060 --> 00:13:39,220
‫Diese Logik ist also noch nicht implementiert, aber das

241
00:13:39,220 --> 00:13:42,103
‫werden wir natürlich in den nächsten Vorlesungen tun.

242
00:13:43,010 --> 00:13:47,456
‫Damit haben wir nun die Vorlagen tatsächlich erstellt, und gehen wir

243
00:13:47,456 --> 00:13:50,940
‫zum nächsten Video über, in dem wir tatsächlich

244
00:13:50,940 --> 00:13:54,440
‫damit beginnen, die Vorlagen auszufüllen und die letzte

245
00:13:54,440 --> 00:13:57,073
‫Seite an den Browser zurückzusenden.