1
00:00:01,200 --> 00:00:03,310
‫Instruktur: Sekarang mari kita lakukan

2
00:00:03,310 --> 00:00:06,860
‫bagian pertama dari membangun situs web peternakan simpul dinamis

3
00:00:06,860 --> 00:00:08,830
‫hanya dengan membangun template

4
00:00:08,830 --> 00:00:11,083
‫yang akan menyimpan data aktual.

5
00:00:12,890 --> 00:00:15,590
‫Dan ingat bahwa tujuan kami adalah membangun

6
00:00:15,590 --> 00:00:19,260
‫situs web dinamis semacam ini di mana kami memiliki gambaran umum

7
00:00:19,260 --> 00:00:21,130
‫di mana kami memiliki semua

8
00:00:21,130 --> 00:00:24,060
‫produk, dan kemudian setiap produk memiliki halaman detailnya seperti

9
00:00:24,060 --> 00:00:25,700
‫yang saya tunjukkan sebelumnya.

10
00:00:25,700 --> 00:00:29,780
‫Dan data ini di sini tentu saja dibaca dari file json,

11
00:00:29,780 --> 00:00:32,660
‫jadi jika kita mengubah file json, misalnya, menghapus

12
00:00:32,660 --> 00:00:36,140
‫salah satu produk ini kemudian memuat ulang halaman ini, maka

13
00:00:36,140 --> 00:00:38,920
‫produk itu harus hilang dari sini.

14
00:00:38,920 --> 00:00:42,340
‫Atau jika kami mengubah beberapa data ini di sini atau

15
00:00:42,340 --> 00:00:45,600
‫namanya, maka, itu harus diperbarui di sini di situs.

16
00:00:45,600 --> 00:00:47,940
‫Sekali lagi karena ini adalah situs web

17
00:00:47,940 --> 00:00:51,073
‫dinamis yang dibangun dari data yang ada di file json.

18
00:00:51,930 --> 00:00:52,830
‫Jadi seperti

19
00:00:52,830 --> 00:00:55,540
‫yang saya sebutkan, langkah pertama adalah benar-benar

20
00:00:55,540 --> 00:00:57,930
‫membuat template ini, satu untuk halaman

21
00:00:57,930 --> 00:01:00,960
‫ikhtisar ini, dan satu lagi untuk halaman detail produk.

22
00:01:00,960 --> 00:01:03,773
‫Dan kita akan mulai dengan halaman detail, dan

23
00:01:04,990 --> 00:01:06,540
‫saya akan membuat

24
00:01:06,540 --> 00:01:09,250
‫template ini berdasarkan data halaman web yang kita

25
00:01:09,250 --> 00:01:11,220
‫miliki di sini di folder templates.

26
00:01:11,220 --> 00:01:12,850
‫Jadi mari kita lihat mereka.

27
00:01:12,850 --> 00:01:16,030
‫Jadi kami memiliki gambaran umum dan produk, dan sekali lagi,

28
00:01:16,030 --> 00:01:19,610
‫kami akan mulai dengan produk. html.

29
00:01:19,610 --> 00:01:22,950
‫Jadi kami memiliki nama produk di sini kemudian gambar

30
00:01:22,950 --> 00:01:26,923
‫ini di sini yang sebenarnya adalah emoji, tetapi itu tidak terlalu penting.

31
00:01:27,880 --> 00:01:30,210
‫Jadi, daripada harus meminta gambar asli

32
00:01:30,210 --> 00:01:33,000
‫untuk semua produk yang berbeda ini, saya memilih

33
00:01:33,000 --> 00:01:34,590
‫untuk menggunakan emoji saja.

34
00:01:34,590 --> 00:01:36,210
‫Itu jauh lebih mudah.

35
00:01:36,210 --> 00:01:37,860
‫Hal yang sama sebenarnya untuk gaya.

36
00:01:37,860 --> 00:01:42,040
‫Jadi saya memiliki semua gaya CSS yang dimasukkan ke dalam halaman html

37
00:01:42,040 --> 00:01:44,470
‫sehingga kita tidak perlu membuat banyak

38
00:01:44,470 --> 00:01:47,500
‫permintaan untuk mendapatkan data yang berbeda ini, bukan?

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

40
00:01:48,450 --> 00:01:53,144
‫setiap file yang berbeda akan memicu permintaan yang berbeda, oke?

41
00:01:53,144 --> 00:01:55,860
‫Ingat sebelumnya di mana kami memiliki permintaan

42
00:01:55,860 --> 00:01:58,090
‫untuk ikon lima, kan?

43
00:01:58,090 --> 00:02:02,160
‫Jadi kami melihat satu permintaan untuk root, jadi untuk halaman utama,

44
00:02:02,160 --> 00:02:05,640
‫dan kemudian satu permintaan untuk gambar itu, dan artinya

45
00:02:05,640 --> 00:02:06,920
‫setiap aset, jadi

46
00:02:06,920 --> 00:02:09,600
‫setiap bagian yang merupakan bagian dari situs

47
00:02:09,600 --> 00:02:10,670
‫web, akan

48
00:02:10,670 --> 00:02:13,540
‫mendapatkan permintaannya sendiri, dan kami kemudian harus menangani

49
00:02:13,540 --> 00:02:14,970
‫itu, dan kami tidak

50
00:02:14,970 --> 00:02:19,533
‫ingin melakukan itu, jadi saya hanya memasukkan gaya ke dalam halaman html ini.

51
00:02:20,560 --> 00:02:25,560
‫Baiklah, jadi inilah sekumpulan gaya, gaya, gaya, dan kemudian

52
00:02:26,210 --> 00:02:29,073
‫di sini kita memiliki,

53
00:02:29,980 --> 00:02:33,053
‫yah, nama produknya di suatu tempat.

54
00:02:33,053 --> 00:02:35,090
‫Oh ya, ini dia nama produknya.

55
00:02:35,090 --> 00:02:38,270
‫Ini adalah gambar produk, yang sekali

56
00:02:38,270 --> 00:02:42,930
‫lagi hanya emoji, tetapi datang dari bidang gambar ini.

57
00:02:42,930 --> 00:02:44,693
‫Jadi kami memiliki bidang ini yang disebut gambar.

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

59
00:02:47,630 --> 00:02:51,780
‫Lalu kita tahu dari mana asalnya, beberapa

60
00:02:51,780 --> 00:02:56,257
‫bahan, dan harganya, dan juga deskripsinya di sini, oke?

61
00:02:56,257 --> 00:02:59,000
‫Tetapi sekali lagi, semua ini berasal dari bidang yang berbeda ini.

62
00:02:59,000 --> 00:03:01,310
‫Jadi mari kita lihat bidang yang kita miliki.

63
00:03:01,310 --> 00:03:06,037
‫Jadi nama produk, gambar, dari, nutrisi, kuantitas, harga,

64
00:03:07,280 --> 00:03:10,323
‫organik atau tidak, dan deskripsi.

65
00:03:11,630 --> 00:03:14,890
‫Jadi apa yang akan kita lakukan sekarang

66
00:03:14,890 --> 00:03:18,460
‫adalah pada dasarnya mengganti semua bagian yang ingin

67
00:03:18,460 --> 00:03:21,260
‫kita tambahkan secara dinamis dengan

68
00:03:21,260 --> 00:03:24,320
‫placeholder, dan kemudian dengan kode kita mengganti

69
00:03:24,320 --> 00:03:27,750
‫placeholder itu dengan bagian data yang sebenarnya, oke?

70
00:03:27,750 --> 00:03:30,700
‫Jadi mari kita mulai di sini dengan nama

71
00:03:30,700 --> 00:03:32,887
‫produk, jadi saya akan

72
00:03:32,887 --> 00:03:35,330
‫menghapusnya dan meletakkan placeholder di sini.

73
00:03:35,330 --> 00:03:38,560
‫Dan saya dapat melakukan apa pun yang saya inginkan sebagai pengganti.

74
00:03:38,560 --> 00:03:42,730
‫Saya hanya ingin pergi dalam kasus ini dengan sesuatu seperti ini.

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

76
00:03:45,930 --> 00:03:50,930
‫Nama produk, lalu persentase, lalu kurung kurawal.

77
00:03:51,050 --> 00:03:53,740
‫Jadi sekali lagi, ini bisa apa saja

78
00:03:53,740 --> 00:03:55,270
‫yang kita inginkan,

79
00:03:55,270 --> 00:03:57,660
‫tapi kita ingin menemukan sesuatu yang mungkin

80
00:03:57,660 --> 00:04:00,620
‫tidak ada di halaman sehingga kita tidak mengganti

81
00:04:00,620 --> 00:04:05,120
‫sesuatu yang salah jadi apapun yang sebenarnya tidak ingin kita ganti, oke?

82
00:04:05,120 --> 00:04:08,570
‫Dan saya bisa meletakkan sesuatu seperti ini di sini, oke?

83
00:04:08,570 --> 00:04:12,260
‫Dan kemudian ganti semua itu, tapi saya pikir, seperti

84
00:04:12,260 --> 00:04:15,383
‫ini, terlihat bagus, dan mudah dikenali.

85
00:04:16,460 --> 00:04:19,550
‫Jadi yang harus kita lakukan adalah melanjutkan

86
00:04:21,290 --> 00:04:23,630
‫dan meletakkan ini semua di

87
00:04:23,630 --> 00:04:28,050
‫sini, dan kemudian saya akan mengganti, tentu saja, nama-nama ini.

88
00:04:28,050 --> 00:04:29,963
‫Jadi di sini kita memiliki nutrisi.

89
00:04:32,750 --> 00:04:35,133
‫Di sini kita memiliki kuantitas.

90
00:04:37,380 --> 00:04:39,293
‫Dan di sini saya memiliki harga.

91
00:04:41,450 --> 00:04:43,673
‫Di bawah sini kami memiliki harga lagi, Anda tahu.

92
00:04:45,410 --> 00:04:48,380
‫Dan harga hanya nomor, oke?

93
00:04:48,380 --> 00:04:51,280
‫Tanda euro di sini hanya tinggal

94
00:04:51,280 --> 00:04:55,630
‫di sana karena harga yang kami miliki sebenarnya hanya angka.

95
00:04:55,630 --> 00:04:59,470
‫Mari kita lihat itu di sini di json.

96
00:04:59,470 --> 00:05:02,840
‫Jadi kita hanya memiliki 6. 50 tetapi bukan mata uangnya.

97
00:05:02,840 --> 00:05:07,240
‫Dan sebenarnya sama di sini, jadi mari kita ambil itu dan

98
00:05:07,240 --> 00:05:10,510
‫salin di sini dengan sangat cepat, dan ya,

99
00:05:10,510 --> 00:05:12,960
‫sebenarnya, saya lupa mengganti yang ini,

100
00:05:12,960 --> 00:05:14,763
‫jadi ini dari.

101
00:05:16,920 --> 00:05:21,440
‫Dan mari kita menulis dari, bukan dalam huruf besar, sehingga teks

102
00:05:21,440 --> 00:05:23,850
‫ini sedikit lebih masuk akal.

103
00:05:23,850 --> 00:05:28,320
‫Jadi misalnya dari Portugal atau dari Spanyol atau apalah.

104
00:05:28,320 --> 00:05:29,643
‫Oh, apa itu di sini?

105
00:05:30,970 --> 00:05:35,380
‫Oke, saya kira saya hanya menulis di tengah nama produk.

106
00:05:35,380 --> 00:05:36,363
‫Jadi nutrisi.

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

108
00:05:40,694 --> 00:05:44,030
‫Oh, dan di sini kita punya, tentu saja, deskripsinya, jadi mari

109
00:05:44,030 --> 00:05:45,320
‫kita ganti juga.

110
00:05:45,320 --> 00:05:49,020
‫Oh, tentu saja saya harus mendapatkan yang

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

112
00:05:51,850 --> 00:05:53,573
‫kembali dan deskripsinya.

113
00:05:55,210 --> 00:05:58,963
‫Selanjutnya kita memiliki gambar-gambar ini, jadi alpukatnya, dan jadi saya

114
00:06:00,070 --> 00:06:03,050
‫menekan beberapa perintah V, menempelkannya di sini,

115
00:06:03,050 --> 00:06:07,060
‫dan jadi saya bisa mengedit ini semua di sini pada

116
00:06:07,060 --> 00:06:08,363
‫waktu yang sama.

117
00:06:11,660 --> 00:06:16,660
‫Oke, lalu gambar dan, oh, sesuatu di sini di judul.

118
00:06:16,680 --> 00:06:20,500
‫Kami juga ingin mengganti gambar di sini dan

119
00:06:20,500 --> 00:06:22,083
‫nama produk juga.

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

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

122
00:06:29,930 --> 00:06:31,640
‫di sini dan di

123
00:06:31,640 --> 00:06:36,640
‫sini gambar sehingga yang satu ini juga akan diganti secara dinamis.

124
00:06:36,840 --> 00:06:39,550
‫Baiklah, sekarang hanya satu hal lagi yang

125
00:06:40,890 --> 00:06:42,563
‫sedikit lebih kompleks.

126
00:06:43,870 --> 00:06:44,980
‫Dimana itu?

127
00:06:44,980 --> 00:06:46,290
‫Baiklah, itu di sini.

128
00:06:46,290 --> 00:06:49,860
‫Jadi beberapa produk organik, dan beberapa tidak.

129
00:06:49,860 --> 00:06:53,210
‫Jadi ada kelas di CSS yang

130
00:06:53,210 --> 00:06:58,200
‫akan ditambahkan ke semua elemen ini jika tidak organik, oke?

131
00:06:58,200 --> 00:07:00,430
‫Jadi itulah kelas ini di sini.

132
00:07:00,430 --> 00:07:03,680
‫Jadi bila tidak organik, maka tidak boleh ditampilkan, jadi lencana

133
00:07:03,680 --> 00:07:05,383
‫organik ini ada di sini.

134
00:07:06,460 --> 00:07:08,930
‫Dan hanya untuk menunjukkan kepada Anda apa

135
00:07:08,930 --> 00:07:12,790
‫yang saya bicarakan, lencana organik adalah benda ini di sini, oke?

136
00:07:12,790 --> 00:07:14,830
‫Jadi kami tidak ingin menampilkan

137
00:07:14,830 --> 00:07:19,530
‫bahwa jika itu salah di json, jadi yang akan kami lakukan

138
00:07:19,530 --> 00:07:22,660
‫di sini adalah menambahkan placeholder lain di sini

139
00:07:22,660 --> 00:07:25,433
‫atau sebenarnya di dalam kelas, jadi

140
00:07:26,360 --> 00:07:29,410
‫saya akan menyebut yang ini bukan organik

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

142
00:07:32,340 --> 00:07:34,280
‫Dan Anda akan melihat alasannya nanti, oke?

143
00:07:34,280 --> 00:07:38,650
‫Ketika kami mengganti ini, itu akan lebih masuk akal bagi Anda.

144
00:07:38,650 --> 00:07:41,890
‫Baiklah, jadi saya pikir ini sudah selesai,

145
00:07:41,890 --> 00:07:45,313
‫dan saya hanya menimpa semua yang kita miliki.

146
00:07:46,260 --> 00:07:48,180
‫Jadi sekarang saya

147
00:07:50,690 --> 00:07:53,110
‫sebut saja produk template ini, oke?

148
00:07:53,110 --> 00:07:54,360
‫Jadi yang ini selesai.

149
00:07:54,360 --> 00:07:57,850
‫Mari kita beralih ke yang berikutnya, ikhtisar.

150
00:07:57,850 --> 00:08:01,040
‫Dan yang ini sebenarnya akan sedikit berbeda, dan

151
00:08:01,040 --> 00:08:03,053
‫izinkan saya menunjukkan alasannya.

152
00:08:04,030 --> 00:08:07,690
‫Jadi sekali lagi, kami memiliki semua SCC yang digariskan di

153
00:08:07,690 --> 00:08:10,510
‫sini, dan sekarang kami memiliki wadah

154
00:08:10,510 --> 00:08:14,640
‫kartu ini, dan kemudian untuk setiap produk, kami memiliki satu kartu.

155
00:08:14,640 --> 00:08:19,373
‫Jadi masing-masing kartu di sini memiliki tag angka ini, kan?

156
00:08:20,640 --> 00:08:23,050
‫Sekarang kita sebenarnya tidak tahu berapa

157
00:08:23,050 --> 00:08:27,280
‫banyak dari kartu-kartu ini yang akan ada di sini dalam ikhtisar ini, bukan?

158
00:08:27,280 --> 00:08:30,200
‫Bayangkan kita memiliki 10 produk di json.

159
00:08:30,200 --> 00:08:32,660
‫Maka kita membutuhkan 10 kartu ini.

160
00:08:32,660 --> 00:08:34,920
‫Tetapi bayangkan bahwa kita hanya memiliki satu atau dua.

161
00:08:34,920 --> 00:08:39,340
‫Kalau begitu, kami tidak ingin semua 10 kartu tetapi hanya dua.

162
00:08:39,340 --> 00:08:42,190
‫Jadi bagaimana kita akan melakukannya?

163
00:08:42,190 --> 00:08:46,350
‫Nah, kita sebenarnya akan membuat template lain di mana hanya

164
00:08:46,350 --> 00:08:49,180
‫ada satu kartu di sana, dan kemudian

165
00:08:49,180 --> 00:08:51,730
‫kita akan memasukkan salah satu template

166
00:08:51,730 --> 00:08:54,230
‫ini untuk setiap kartu yang

167
00:08:54,230 --> 00:08:57,520
‫kita inginkan, jadi setiap produk dalam file json.

168
00:08:57,520 --> 00:08:59,605
‫Baiklah, masuk akal?

169
00:08:59,605 --> 00:09:02,693
‫Jadi mari kita sebut ini di sini gambaran umum template.

170
00:09:06,480 --> 00:09:09,313
‫Dan saya akan melanjutkan dan membuat kartu template.

171
00:09:14,220 --> 00:09:18,690
‫Jadi yang akan saya lakukan di sini adalah sekarang, seperti yang saya sebutkan,

172
00:09:18,690 --> 00:09:19,973
‫sekarang kembali ke

173
00:09:21,400 --> 00:09:24,023
‫atas, jadi saya lanjutkan dan ambil satu angka.

174
00:09:24,950 --> 00:09:26,153
‫Itu terlalu banyak.

175
00:09:27,290 --> 00:09:29,623
‫Dan tempel di sini.

176
00:09:31,120 --> 00:09:32,823
‫Jadi turunkan ini sedikit.

177
00:09:35,450 --> 00:09:39,493
‫Oke, jadi setiap kartu sekarang mendapatkan angkanya sendiri.

178
00:09:41,190 --> 00:09:44,280
‫Oke, jadi sekarang yang akan saya lakukan

179
00:09:44,280 --> 00:09:47,380
‫adalah menghapus semua kartu dari sini dan

180
00:09:50,610 --> 00:09:53,283
‫membuat placeholder di sini juga.

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

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

183
00:10:02,430 --> 00:10:04,970
‫Jadi sekali lagi, nanti dalam kode

184
00:10:04,970 --> 00:10:08,830
‫kita, kita akan membuat kartu sebanyak yang kita butuhkan di sini.

185
00:10:08,830 --> 00:10:10,890
‫Misalnya, jika kami memiliki lima

186
00:10:10,890 --> 00:10:13,660
‫produk, kami membuat lima kartu seperti ini.

187
00:10:13,660 --> 00:10:16,780
‫Kami kemudian akan menggabungkannya menjadi satu

188
00:10:16,780 --> 00:10:20,090
‫string dan kemudian mengganti kartu produk dengan

189
00:10:20,090 --> 00:10:24,320
‫string yang berisi semua kartu yang berbeda ini, oke?

190
00:10:24,320 --> 00:10:27,563
‫Jadi sebenarnya, kita sudah selesai dengan yang satu ini.

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

192
00:10:29,703 --> 00:10:31,440
‫Karena sebagian besar

193
00:10:31,440 --> 00:10:34,780
‫hal terjadi di dalam kartu template.

194
00:10:34,780 --> 00:10:36,910
‫Jadi tidak ada lagi yang bisa diganti di sini.

195
00:10:36,910 --> 00:10:40,113
‫Saya datang ke sini untuk menyalin ini di

196
00:10:41,780 --> 00:10:44,730
‫sini, dan sekarang sangat mudah bagi

197
00:10:44,730 --> 00:10:48,190
‫kita untuk mengganti apa yang kita butuhkan di sini.

198
00:10:48,190 --> 00:10:52,373
‫Jadi ini dia gambarnya, dan kami benar-benar memilikinya dua kali.

199
00:10:54,860 --> 00:10:56,893
‫Oke, itu membuatnya terlihat sedikit lebih bagus.

200
00:10:58,270 --> 00:11:03,227
‫Gambar, gambar, lalu di sini kita memiliki nama produk, ingat?

201
00:11:07,080 --> 00:11:07,990
‫Di sini,

202
00:11:07,990 --> 00:11:12,670
‫di tempat ini, kita akan memiliki lagi pengganti yang tidak organik, dan sekali lagi,

203
00:11:12,670 --> 00:11:15,943
‫yang ini akan lebih masuk akal bagi Anda nanti.

204
00:11:17,470 --> 00:11:21,143
‫Lebih organik, maka kuantitas di sini.

205
00:11:25,540 --> 00:11:27,163
‫Kemudian harga.

206
00:11:30,210 --> 00:11:34,070
‫Jadi kita juga perlu benar-benar membangun tautan di sini.

207
00:11:34,070 --> 00:11:36,290
‫Jadi yang ini di sini,

208
00:11:36,290 --> 00:11:39,460
‫jadi elemen A, jika Anda tidak terlalu familiar

209
00:11:39,460 --> 00:11:42,093
‫dengan html, elemen A adalah untuk tautan.

210
00:11:43,030 --> 00:11:47,073
‫Jadi izinkan saya menunjukkannya kepada Anda dalam contoh nyata.

211
00:11:48,810 --> 00:11:52,040
‫Jadi ketika kita mengarahkan kursor ke link ini, di

212
00:11:52,040 --> 00:11:54,830
‫bawah sana di sudut kiri bawah, jadi

213
00:11:54,830 --> 00:11:59,000
‫di bawah sini, Anda akan melihat bahwa itu adalah produk slash

214
00:11:59,000 --> 00:12:01,770
‫dan kemudian ID sama dengan nol.

215
00:12:01,770 --> 00:12:06,760
‫Dan yang satu ini adalah ID sama dengan satu, ID sama dengan dua.

216
00:12:06,760 --> 00:12:09,480
‫Oke, dan jika kita mengkliknya, kita melihatnya sebenarnya di sini.

217
00:12:09,480 --> 00:12:13,440
‫Jadi slash product dan kemudian ID sama dengan nol,

218
00:12:13,440 --> 00:12:18,440
‫dan ID ini di sini persis dengan ID yang kita miliki di json.

219
00:12:19,970 --> 00:12:22,085
‫Oke, jadi yang ini di sini.

220
00:12:22,085 --> 00:12:25,900
‫Jadi alpukatnya satu, keju kambingnya juga.

221
00:12:25,900 --> 00:12:28,083
‫Maaf, alpukat tidak memiliki nol, tentu saja.

222
00:12:29,110 --> 00:12:33,380
‫Brokoli memiliki dua dan seterusnya dan seterusnya.

223
00:12:33,380 --> 00:12:36,463
‫Jadi di sini sebenarnya kita perlu membangun tautan.

224
00:12:38,420 --> 00:12:42,113
‫Jadi produk, dan tentu saja, tidak dalam huruf besar.

225
00:12:43,060 --> 00:12:46,370
‫Jadi produk, dan ID adalah

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

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

228
00:12:52,280 --> 00:12:56,850
‫Jadi kita harus mengganti placeholder ID ini di sini dengan

229
00:12:56,850 --> 00:12:58,250
‫nomor yang benar.

230
00:12:58,250 --> 00:13:02,430
‫Jadi nol, satu, dua, tiga, empat, lima, dan seterusnya dan seterusnya

231
00:13:02,430 --> 00:13:04,930
‫tergantung berapa banyak produk yang ada.

232
00:13:04,930 --> 00:13:09,510
‫Jadi misalkan kita punya keju di sini, oke?

233
00:13:09,510 --> 00:13:11,050
‫Mari kita kembali ke sini.

234
00:13:11,050 --> 00:13:14,440
‫Nah, maka gambarnya akan menjadi ini di sini,

235
00:13:14,440 --> 00:13:18,463
‫nama produk akan menjadi ini, dan ID akan menjadi satu.

236
00:13:19,400 --> 00:13:21,480
‫Oke, jadi ini di sini

237
00:13:21,480 --> 00:13:26,113
‫kemudian akan diterjemahkan ke ID sama dengan satu dan handler kami di sini.

238
00:13:27,230 --> 00:13:30,950
‫Jadi server handler di sini kemudian akan

239
00:13:30,950 --> 00:13:35,950
‫mengurus halaman yang benar ketika ID produk adalah satu, oke?

240
00:13:36,060 --> 00:13:39,220
‫Jadi logika itu belum diterapkan, tapi tentu saja,

241
00:13:39,220 --> 00:13:42,103
‫kita akan melakukannya di beberapa kuliah berikutnya.

242
00:13:43,010 --> 00:13:47,456
‫Jadi sekarang kita memiliki template yang benar-benar dibuat, jadi mari

243
00:13:47,456 --> 00:13:50,940
‫kita beralih ke video berikutnya di mana

244
00:13:50,940 --> 00:13:54,440
‫kita akan benar-benar mulai mengisi template dan mengirim

245
00:13:54,440 --> 00:13:57,073
‫kembali halaman terakhir ke browser.