1
00:00:01,370 --> 00:00:03,150
‫Sejauh ini di bagian ini,

2
00:00:03,150 --> 00:00:04,790
‫Anda telah mempelajari

3
00:00:04,790 --> 00:00:06,720
‫cara memerlukan modul inti Node JS.

4
00:00:06,720 --> 00:00:09,330
‫Cara membutuhkan modul Anda sendiri.

5
00:00:09,330 --> 00:00:10,210
‫Jadi

6
00:00:10,210 --> 00:00:12,050
‫dalam video ini, Anda akan

7
00:00:12,050 --> 00:00:15,483
‫mempelajari cara meminta modul pihak ketiga dari registri NPM.

8
00:00:17,440 --> 00:00:19,863
‫Sebenarnya membutuhkan modul yang

9
00:00:19,863 --> 00:00:22,530
‫sudah kita instal dari NPM

10
00:00:22,530 --> 00:00:24,610
‫sangat, sangat sederhana.

11
00:00:24,610 --> 00:00:27,380
‫Jadi sekali lagi kami melakukan semua yang diperlukan

12
00:00:27,380 --> 00:00:30,230
‫di atas dan biasanya kami memerlukan modul inti

13
00:00:30,230 --> 00:00:31,690
‫terlebih dahulu, lalu

14
00:00:31,690 --> 00:00:33,410
‫modul pihak ketiga, dan kemudian

15
00:00:33,410 --> 00:00:35,980
‫modul kami sendiri yang berasal dari sistem

16
00:00:35,980 --> 00:00:37,793
‫file lokal kami seperti ini.

17
00:00:38,940 --> 00:00:41,740
‫Jadi salah satu yang akan kita

18
00:00:41,740 --> 00:00:43,360
‫butuhkan disebut slugify.

19
00:00:43,360 --> 00:00:45,000
‫Ingat?

20
00:00:45,000 --> 00:00:46,400
‫Ini adalah salah satu

21
00:00:46,400 --> 00:00:48,350
‫yang kami instal di kuliah sebelumnya.

22
00:00:48,350 --> 00:00:50,780
‫Dan yang harus kita lakukan

23
00:00:50,780 --> 00:00:52,510
‫untuk memintanya adalah seperti

24
00:00:52,510 --> 00:00:54,120
‫sebelum menggunakan

25
00:00:54,120 --> 00:00:57,770
‫fungsi require dan kemudian cukup nama paketnya.

26
00:00:57,770 --> 00:01:00,010
‫Dan kemudian OGS akan secara otomatis mengetahui

27
00:01:00,010 --> 00:01:01,450
‫bahwa itu harus

28
00:01:01,450 --> 00:01:02,993
‫masuk ke folder modul node.

29
00:01:03,920 --> 00:01:07,260
‫Jadi folder ini tempat semua dependensi berada, dan

30
00:01:07,260 --> 00:01:09,353
‫cari modul itu di sana.

31
00:01:11,470 --> 00:01:12,610
‫Oke?

32
00:01:12,610 --> 00:01:17,430
‫Jadi sekali lagi ini akan mengembalikan variabel.

33
00:01:17,430 --> 00:01:20,483
‫Jadi kita perlu menyimpannya ke dalam variabel.

34
00:01:22,860 --> 00:01:27,860
‫Dan saya menyebutnya slugify di sini seperti ini.

35
00:01:27,910 --> 00:01:28,743
‫Oke?

36
00:01:28,743 --> 00:01:30,940
‫Dan slugify akan menjadi fungsi,

37
00:01:30,940 --> 00:01:34,630
‫yang pada dasarnya dapat kita gunakan untuk membuat slug.

38
00:01:34,630 --> 00:01:37,260
‫Jadi sekali lagi apa itu siput?

39
00:01:37,260 --> 00:01:40,730
‫Well slug pada dasarnya hanyalah bagian terakhir

40
00:01:40,730 --> 00:01:44,030
‫dari URL yang berisi string unik yang

41
00:01:44,030 --> 00:01:46,130
‫mengidentifikasi sumber daya

42
00:01:46,130 --> 00:01:48,263
‫yang ditampilkan situs web.

43
00:01:49,310 --> 00:01:50,590
‫Jadi misalnya,

44
00:01:50,590 --> 00:01:52,380
‫di peternakan simpul

45
00:01:52,380 --> 00:01:54,810
‫kami katakanlah di mana

46
00:01:54,810 --> 00:01:58,750
‫kami membuka alpukat ini alih-alih memiliki ID

47
00:01:58,750 --> 00:02:01,190
‫ini sama dengan nol,

48
00:02:01,190 --> 00:02:05,980
‫kami dapat memiliki sesuatu seperti (mengklik) alpukat segar, oke?

49
00:02:05,980 --> 00:02:08,290
‫Jadi bagian ini di sini

50
00:02:08,290 --> 00:02:10,330
‫atau sebenarnya hanya bagian

51
00:02:10,330 --> 00:02:12,910
‫ini jadi ini akan menjadi siput.

52
00:02:12,910 --> 00:02:15,150
‫Jadi pada dasarnya nama ini

53
00:02:15,150 --> 00:02:19,420
‫di sini dan kemudian didasarkan pada string unik seperti ini.

54
00:02:19,420 --> 00:02:20,830
‫Dan saya yakin Anda telah

55
00:02:20,830 --> 00:02:23,090
‫melihat ini di semua tempat seperti di posting blog.

56
00:02:23,090 --> 00:02:25,830
‫Sangat umum untuk melakukannya seperti ini.

57
00:02:25,830 --> 00:02:30,830
‫Atau benar-benar di mana saja di mana kita tidak hanya

58
00:02:30,900 --> 00:02:33,053
‫menginginkan sesuatu seperti ini.

59
00:02:33,990 --> 00:02:34,823
‫Oke?

60
00:02:34,823 --> 00:02:36,190
‫Jadi ID sama dengan satu.

61
00:02:36,190 --> 00:02:38,130
‫Atau bisa juga

62
00:02:38,130 --> 00:02:39,580
‫kita gunakan

63
00:02:40,830 --> 00:02:45,712
‫saja misalnya dalam hal ini kambing dan lain sebagainya.

64
00:02:45,712 --> 00:02:46,683
‫Oke.

65
00:02:46,683 --> 00:02:47,630
‫Saya tidak akan menjalankan tab di seluruh nama.

66
00:02:47,630 --> 00:02:50,120
‫Tetapi idenya adalah menggunakan slug, yang

67
00:02:50,120 --> 00:02:52,400
‫merupakan string unik, bukan hanya

68
00:02:52,400 --> 00:02:53,820
‫angka yang

69
00:02:53,820 --> 00:02:56,530
‫tidak berarti bagi kita sama sekali.

70
00:02:56,530 --> 00:02:58,660
‫Sekarang katakanlah ini

71
00:02:58,660 --> 00:03:02,200
‫adalah pertama kalinya Anda menggunakan paket slugify.

72
00:03:02,200 --> 00:03:04,500
‫Jadi untuk mengetahui cara kerjanya,

73
00:03:04,500 --> 00:03:06,100
‫kita dapat mencari

74
00:03:06,100 --> 00:03:07,870
‫dokumentasi di sini di

75
00:03:07,870 --> 00:03:09,173
‫NPM.

76
00:03:10,920 --> 00:03:15,323
‫Jadi kami hanya menempatkan nama paket di sini.

77
00:03:16,770 --> 00:03:18,210
‫Kemudian cari.

78
00:03:18,210 --> 00:03:20,473
‫Dan jadi ini adalah salah satu yang kami lakukan menginstal.

79
00:03:22,300 --> 00:03:23,510
‫Baiklah.

80
00:03:23,510 --> 00:03:25,710
‫Jadi kita sudah melakukan bagian ini di sini.

81
00:03:25,710 --> 00:03:29,347
‫Jadi membutuhkan modul atau paket di sini.

82
00:03:29,347 --> 00:03:31,240
‫Dan kemudian di sini kita bisa melihat

83
00:03:31,240 --> 00:03:32,150
‫bagaimana kita menggunakannya.

84
00:03:32,150 --> 00:03:33,580
‫Jadi yang harus kita

85
00:03:33,580 --> 00:03:36,320
‫lakukan adalah menggunakan slugify sebagai fungsi dan

86
00:03:36,320 --> 00:03:37,653
‫kemudian memasukkan string.

87
00:03:39,740 --> 00:03:42,940
‫Kemudian di bawah sini Anda melihat opsi.

88
00:03:42,940 --> 00:03:46,690
‫Dan misalnya kita bisa menentukan penggantinya.

89
00:03:46,690 --> 00:03:49,140
‫Jadi pada dasarnya ruang kosong itu akan

90
00:03:49,140 --> 00:03:50,600
‫diganti dengan apa.

91
00:03:50,600 --> 00:03:52,080
‫Dan biasanya itu tanda hubung ini.

92
00:03:52,080 --> 00:03:54,343
‫Jadi seperti saya mengetik di sini.

93
00:03:55,770 --> 00:03:57,710
‫Tetapi kita dapat menentukan sesuatu

94
00:03:57,710 --> 00:04:00,853
‫yang berbeda seperti garis bawah atau tidak sama sekali.

95
00:04:02,210 --> 00:04:03,043
‫Oke.

96
00:04:03,043 --> 00:04:04,330
‫Di sini kita dapat

97
00:04:04,330 --> 00:04:06,340
‫menentukan bahwa kita menginginkan semuanya dalam huruf kecil.

98
00:04:06,340 --> 00:04:08,390
‫Jadi mari kita lanjutkan dan lakukan itu sekarang

99
00:04:08,390 --> 00:04:09,393
‫dalam kode kita.

100
00:04:10,390 --> 00:04:11,700
‫Jadi kami memiliki slugify

101
00:04:11,700 --> 00:04:13,940
‫di sini dan sekarang hanya untuk mengujinya,

102
00:04:13,940 --> 00:04:16,513
‫mari kita lakukan di sini sebelum kita membuat server.

103
00:04:20,310 --> 00:04:21,543
‫Konsol di log.

104
00:04:22,900 --> 00:04:25,803
‫Slugify ke string.

105
00:04:29,160 --> 00:04:31,680
‫Alpukat segar dan kemudian saya akan

106
00:04:31,680 --> 00:04:34,410
‫menentukan opsi yang baru saja saya tunjukkan,

107
00:04:34,410 --> 00:04:35,630
‫yang huruf

108
00:04:38,140 --> 00:04:40,120
‫kecil dan setel ke true.

109
00:04:40,120 --> 00:04:40,953
‫Simpan

110
00:04:41,880 --> 00:04:43,660
‫dan ingat bahwa sekarang

111
00:04:43,660 --> 00:04:45,060
‫kita tidak lagi harus

112
00:04:45,060 --> 00:04:46,850
‫menutup aplikasi dan memulai kembali.

113
00:04:46,850 --> 00:04:49,760
‫Node man melakukannya secara otomatis untuk kita sekarang.

114
00:04:49,760 --> 00:04:53,520
‫Dan di bawah sini Anda sudah melihat alpukat segar.

115
00:04:53,520 --> 00:04:55,550
‫Saya hanya melakukan beberapa kesalahan di sini.

116
00:04:55,550 --> 00:04:57,800
‫Jadi itu huruf kecil.

117
00:04:57,800 --> 00:04:59,700
‫Tapi itu masih tidak berfungsi untuk

118
00:04:59,700 --> 00:05:01,659
‫beberapa alasan jadi mari kita kembali ke sini.

119
00:05:01,659 --> 00:05:02,492
‫Oh begitu.

120
00:05:02,492 --> 00:05:04,203
‫Ini sebenarnya hanya lebih rendah.

121
00:05:06,300 --> 00:05:07,460
‫Tapi

122
00:05:07,460 --> 00:05:09,250
‫itulah gunanya dokumentasi.

123
00:05:09,250 --> 00:05:11,890
‫Jadi bagi kita untuk melihat bagaimana sesuatu benar-benar bekerja sehingga

124
00:05:11,890 --> 00:05:13,640
‫kita dapat menggunakan paket dengan benar

125
00:05:13,640 --> 00:05:14,773
‫dalam kode kita.

126
00:05:15,640 --> 00:05:16,687
‫Dan

127
00:05:16,687 --> 00:05:20,090
‫seperti ini, saya membuat slug dari string

128
00:05:20,090 --> 00:05:22,053
‫alpukat segar awal kami.

129
00:05:23,040 --> 00:05:26,300
‫Sekarang mari kita lakukan itu untuk semua produk kita.

130
00:05:26,300 --> 00:05:28,250
‫Jadi mereka berada di objek data.

131
00:05:28,250 --> 00:05:30,763
‫Jadi mari kita buat sebuah array dari semua siput.

132
00:05:32,390 --> 00:05:33,383
‫Jadi siput.

133
00:05:34,470 --> 00:05:38,000
‫Jadi data objek dot map.

134
00:05:38,000 --> 00:05:40,460
‫Jadi ini lagi-lagi hanya JavaScript

135
00:05:40,460 --> 00:05:43,340
‫biasa sehingga tidak ada artinya bagi Anda.

136
00:05:43,340 --> 00:05:45,710
‫Jadi kita mengulang objek data

137
00:05:45,710 --> 00:05:48,163
‫dan kemudian membuat array baru berdasarkan itu.

138
00:05:49,360 --> 00:05:52,100
‫Dan di setiap iterasi yang akan kita lakukan

139
00:05:52,100 --> 00:05:53,860
‫adalah mengambil elemen dan

140
00:05:53,860 --> 00:05:55,933
‫kemudian membuat slug dari itu.

141
00:05:57,060 --> 00:06:01,623
‫Jadi slugify elemen dot nama produk.

142
00:06:04,640 --> 00:06:07,390
‫Jadi ingat di situlah nama

143
00:06:07,390 --> 00:06:08,740
‫produknya.

144
00:06:08,740 --> 00:06:10,713
‫Jadi di sini Anda melihat nama produk.

145
00:06:12,130 --> 00:06:15,433
‫Dan kemudian objek ini.

146
00:06:21,407 --> 00:06:25,223
‫Dan mari kita log yang itu ke konsol.

147
00:06:28,320 --> 00:06:30,480
‫Dan memang di sini kita pergi.

148
00:06:30,480 --> 00:06:32,790
‫Jadi ini adalah enam siput

149
00:06:32,790 --> 00:06:34,670
‫kami atau sebenarnya

150
00:06:34,670 --> 00:06:37,100
‫hanya lima dari lima produk kami.

151
00:06:37,100 --> 00:06:37,933
‫Baiklah.

152
00:06:37,933 --> 00:06:40,210
‫Jadi beginilah cara kami menyertakan

153
00:06:40,210 --> 00:06:42,061
‫modul pihak ketiga.

154
00:06:42,061 --> 00:06:44,430
‫Lihatlah dokumentasinya dan

155
00:06:44,430 --> 00:06:47,190
‫gunakan itu dalam kode kita.

156
00:06:47,190 --> 00:06:48,160
‫Oke.

157
00:06:48,160 --> 00:06:52,760
‫Jadi slugify ini sekarang menjadi ketergantungan kode kita.

158
00:06:52,760 --> 00:06:54,151
‫Karena tanpa paket

159
00:06:54,151 --> 00:06:56,220
‫itu potongan kode di sini

160
00:06:56,220 --> 00:06:58,261
‫sekarang tidak akan berfungsi lagi.

161
00:06:58,261 --> 00:06:59,300
‫Benar?

162
00:06:59,300 --> 00:07:01,670
‫Jadi kode kita sekarang

163
00:07:01,670 --> 00:07:05,630
‫bergantung pada menginstal paket slugify di proyek.

164
00:07:05,630 --> 00:07:08,000
‫Sekarang kita bisa melanjutkan dan

165
00:07:08,000 --> 00:07:12,400
‫benar-benar menyimpan slug ini di sini ke dalam data

166
00:07:12,400 --> 00:07:13,610
‫json dan

167
00:07:13,610 --> 00:07:15,630
‫kemudian membangun aplikasi sehingga

168
00:07:15,630 --> 00:07:19,060
‫alih-alih ID ini menampilkan slug di URL.

169
00:07:19,060 --> 00:07:20,480
‫Tapi saya tidak

170
00:07:20,480 --> 00:07:22,350
‫akan melanjutkan dan melakukannya di sini

171
00:07:22,350 --> 00:07:24,180
‫karena itu hanya menggunakan konsep

172
00:07:24,180 --> 00:07:26,230
‫yang sama yang kita pelajari sebelumnya lagi.

173
00:07:26,230 --> 00:07:29,260
‫Dan itu tidak menambahkan sesuatu yang baru.

174
00:07:29,260 --> 00:07:30,840
‫Yang ingin saya lakukan

175
00:07:30,840 --> 00:07:33,500
‫dalam video ini adalah benar-benar menunjukkan kepada

176
00:07:33,500 --> 00:07:36,610
‫Anda proses mengintegrasikan paket baru ke dalam kode kami.

177
00:07:36,610 --> 00:07:38,640
‫Lihatlah dokumentasinya, lalu

178
00:07:38,640 --> 00:07:40,171
‫lakukan contoh

179
00:07:40,171 --> 00:07:43,090
‫sederhana dengan modul baru itu.

180
00:07:43,090 --> 00:07:44,660
‫Jadi itulah tujuan dari video ini.

181
00:07:44,660 --> 00:07:46,120
‫Itu sudah selesai sekarang.

182
00:07:46,120 --> 00:07:48,240
‫Dan sekarang mari kita beralih

183
00:07:48,240 --> 00:07:49,643
‫ke yang berikutnya.