1
00:00:01,370 --> 00:00:03,150
‫Finora in questa sezione, hai

2
00:00:03,150 --> 00:00:04,790
‫imparato come richiedere

3
00:00:04,790 --> 00:00:06,720
‫i moduli core di Node JS.

4
00:00:06,720 --> 00:00:09,330
‫Come richiedere i propri moduli.

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

6
00:00:10,210 --> 00:00:12,050
‫così in questo video imparerai

7
00:00:12,050 --> 00:00:15,483
‫come richiedere moduli di terze parti dal registro NPM.

8
00:00:17,440 --> 00:00:19,863
‫In realtà richiedere un modulo

9
00:00:19,863 --> 00:00:22,530
‫che abbiamo già installato da NPM

10
00:00:22,530 --> 00:00:24,610
‫è davvero molto semplice.

11
00:00:24,610 --> 00:00:27,380
‫Quindi, di nuovo, facciamo tutte le richieste in

12
00:00:27,380 --> 00:00:30,230
‫alto e di solito richiediamo prima i moduli

13
00:00:30,230 --> 00:00:31,690
‫principali, poi i

14
00:00:31,690 --> 00:00:33,410
‫moduli di terze parti

15
00:00:33,410 --> 00:00:35,980
‫e poi il nostro proveniente dal nostro

16
00:00:35,980 --> 00:00:37,793
‫file system locale come questo.

17
00:00:38,940 --> 00:00:41,740
‫Quindi quello di cui avremo bisogno

18
00:00:41,740 --> 00:00:43,360
‫si chiama slugify.

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

20
00:00:45,000 --> 00:00:46,400
‫Questo è quello

21
00:00:46,400 --> 00:00:48,350
‫che abbiamo installato nella lezione precedente.

22
00:00:48,350 --> 00:00:50,780
‫E tutto ciò che dobbiamo fare

23
00:00:50,780 --> 00:00:52,510
‫per richiederlo è usare

24
00:00:52,510 --> 00:00:54,120
‫come prima la

25
00:00:54,120 --> 00:00:57,770
‫funzione require e poi semplicemente il nome del pacchetto.

26
00:00:57,770 --> 00:01:00,010
‫E poi OGS saprà automaticamente che dovrà

27
00:01:00,010 --> 00:01:01,450
‫andare nella cartella

28
00:01:01,450 --> 00:01:02,993
‫dei moduli del nodo.

29
00:01:03,920 --> 00:01:07,260
‫Quindi questa cartella dove sono tutte le dipendenze

30
00:01:07,260 --> 00:01:09,353
‫e cerca quel modulo lì.

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

32
00:01:12,610 --> 00:01:17,430
‫Quindi di nuovo questo restituirà una variabile.

33
00:01:17,430 --> 00:01:20,483
‫E quindi dobbiamo salvarlo in una variabile.

34
00:01:22,860 --> 00:01:27,860
‫E lo chiamo slugify qui proprio così.

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

36
00:01:28,743 --> 00:01:30,940
‫E quindi slugify sarà

37
00:01:30,940 --> 00:01:34,630
‫una funzione, che possiamo usare per creare fondamentalmente slug.

38
00:01:34,630 --> 00:01:37,260
‫Quindi, di nuovo, cos'è una lumaca?

39
00:01:37,260 --> 00:01:40,730
‫Lo slug è fondamentalmente solo l'ultima parte di

40
00:01:40,730 --> 00:01:44,030
‫un URL che contiene una stringa univoca

41
00:01:44,030 --> 00:01:46,130
‫che identifica la

42
00:01:46,130 --> 00:01:48,263
‫risorsa visualizzata dal sito web.

43
00:01:49,310 --> 00:01:50,590
‫Quindi, per

44
00:01:50,590 --> 00:01:52,380
‫esempio, nella nostra

45
00:01:52,380 --> 00:01:54,810
‫farm di nodi diciamo che

46
00:01:54,810 --> 00:01:58,750
‫dove abbiamo aperto questo avocado invece di avere

47
00:01:58,750 --> 00:02:01,190
‫questo ID uguale a zero

48
00:02:01,190 --> 00:02:05,980
‫potremmo avere qualcosa come (facendo clic) su avocado freschi, ok?

49
00:02:05,980 --> 00:02:08,290
‫E quindi questa parte qui o

50
00:02:08,290 --> 00:02:10,330
‫in realtà solo questa

51
00:02:10,330 --> 00:02:12,910
‫parte, quindi questa sarebbe la lumaca.

52
00:02:12,910 --> 00:02:15,150
‫Quindi è fondamentalmente questo nome

53
00:02:15,150 --> 00:02:19,420
‫qui e poi basato su una stringa univoca come questa.

54
00:02:19,420 --> 00:02:20,830
‫E sono sicuro che

55
00:02:20,830 --> 00:02:23,090
‫l'hai visto dappertutto, come nei post del blog.

56
00:02:23,090 --> 00:02:25,830
‫È molto comune farlo in questo modo.

57
00:02:25,830 --> 00:02:30,830
‫O davvero ovunque non desideriamo semplicemente qualcosa

58
00:02:30,900 --> 00:02:33,053
‫del genere.

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

60
00:02:34,823 --> 00:02:36,190
‫Quindi ID è uguale a uno.

61
00:02:36,190 --> 00:02:38,130
‫Oppure potremmo anche usare solo

62
00:02:38,130 --> 00:02:39,580
‫per esempio

63
00:02:40,830 --> 00:02:45,712
‫in questo caso qui capra e così via e così via.

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

65
00:02:46,683 --> 00:02:47,630
‫Non ho intenzione di controllare l'intero nome.

66
00:02:47,630 --> 00:02:50,120
‫Ma l'idea è di usare una lumaca,

67
00:02:50,120 --> 00:02:52,400
‫che è quindi una stringa univoca

68
00:02:52,400 --> 00:02:53,820
‫invece di un

69
00:02:53,820 --> 00:02:56,530
‫numero che non ha alcun significato per noi.

70
00:02:56,530 --> 00:02:58,660
‫Ora diciamo che questa

71
00:02:58,660 --> 00:03:02,200
‫è la prima volta che usi il pacchetto slugify.

72
00:03:02,200 --> 00:03:04,500
‫Quindi, per capire come funziona

73
00:03:04,500 --> 00:03:06,100
‫effettivamente, possiamo cercare

74
00:03:06,100 --> 00:03:07,870
‫la documentazione qui su

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

76
00:03:10,920 --> 00:03:15,323
‫Quindi abbiamo appena messo il nome del pacchetto qui.

77
00:03:16,770 --> 00:03:18,210
‫Allora cercalo.

78
00:03:18,210 --> 00:03:20,473
‫E quindi questo è quello che abbiamo installato.

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

80
00:03:23,510 --> 00:03:25,710
‫Quindi abbiamo già fatto questa parte qui.

81
00:03:25,710 --> 00:03:29,347
‫Quindi richiedere il modulo o il pacchetto qui.

82
00:03:29,347 --> 00:03:31,240
‫E poi quaggiù possiamo vedere come

83
00:03:31,240 --> 00:03:32,150
‫l'abbiamo usato.

84
00:03:32,150 --> 00:03:33,580
‫Quindi tutto ciò che dobbiamo

85
00:03:33,580 --> 00:03:36,320
‫fare è usare slugify come funzione e quindi

86
00:03:36,320 --> 00:03:37,653
‫passare una stringa.

87
00:03:39,740 --> 00:03:42,940
‫Quindi qui sotto vedi le opzioni.

88
00:03:42,940 --> 00:03:46,690
‫E per esempio possiamo specificare la sostituzione.

89
00:03:46,690 --> 00:03:49,140
‫Quindi in pratica con cosa verrà sostituito

90
00:03:49,140 --> 00:03:50,600
‫lo spazio vuoto.

91
00:03:50,600 --> 00:03:52,080
‫E di solito è questo trattino.

92
00:03:52,080 --> 00:03:54,343
‫Quindi proprio come stavo scrivendo qui.

93
00:03:55,770 --> 00:03:57,710
‫Ma possiamo specificare qualcosa

94
00:03:57,710 --> 00:04:00,853
‫di diverso come un trattino basso o niente.

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

96
00:04:03,043 --> 00:04:04,330
‫Qui possiamo specificare

97
00:04:04,330 --> 00:04:06,340
‫che vogliamo tutto in minuscolo.

98
00:04:06,340 --> 00:04:08,390
‫E quindi andiamo avanti e facciamolo ora

99
00:04:08,390 --> 00:04:09,393
‫nel nostro codice.

100
00:04:10,390 --> 00:04:11,700
‫Quindi abbiamo slugify

101
00:04:11,700 --> 00:04:13,940
‫qui e ora, solo per testarlo,

102
00:04:13,940 --> 00:04:16,513
‫facciamolo qui prima di creare il server.

103
00:04:20,310 --> 00:04:21,543
‫Console al log.

104
00:04:22,900 --> 00:04:25,803
‫Slugify alla stringa.

105
00:04:29,160 --> 00:04:31,680
‫Avocado freschi e poi specificherò l'opzione

106
00:04:31,680 --> 00:04:34,410
‫che ti ho appena mostrato, che è

107
00:04:34,410 --> 00:04:35,630
‫minuscola e

108
00:04:38,140 --> 00:04:40,120
‫la imposterò su true.

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

110
00:04:41,880 --> 00:04:43,660
‫un salvataggio e ricorda

111
00:04:43,660 --> 00:04:45,060
‫che ora non dobbiamo

112
00:04:45,060 --> 00:04:46,850
‫più chiudere l'app e riavviarla.

113
00:04:46,850 --> 00:04:49,760
‫Node man lo fa automaticamente per noi ora.

114
00:04:49,760 --> 00:04:53,520
‫E così quaggiù vedi già avocado freschi.

115
00:04:53,520 --> 00:04:55,550
‫Ho semplicemente fatto qualche errore qui.

116
00:04:55,550 --> 00:04:57,800
‫Quindi è minuscolo.

117
00:04:57,800 --> 00:04:59,700
‫Ma per qualche motivo

118
00:04:59,700 --> 00:05:01,659
‫non funziona ancora, quindi torniamo qui.

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

120
00:05:02,492 --> 00:05:04,203
‫In realtà è solo più basso.

121
00:05:06,300 --> 00:05:07,460
‫Ma è proprio

122
00:05:07,460 --> 00:05:09,250
‫a questo che serve la documentazione.

123
00:05:09,250 --> 00:05:11,890
‫Quindi per noi vedere come funziona davvero qualcosa in modo

124
00:05:11,890 --> 00:05:13,640
‫da poter utilizzare correttamente il pacchetto

125
00:05:13,640 --> 00:05:14,773
‫nel nostro codice.

126
00:05:15,640 --> 00:05:16,687
‫E così,

127
00:05:16,687 --> 00:05:20,090
‫proprio così, ho creato una lumaca dal nostro

128
00:05:20,090 --> 00:05:22,053
‫filo di avocado fresco iniziale.

129
00:05:23,040 --> 00:05:26,300
‫Ora facciamolo per tutti i nostri prodotti.

130
00:05:26,300 --> 00:05:28,250
‫Quindi sono in oggetto dati.

131
00:05:28,250 --> 00:05:30,763
‫Quindi creiamo un array di tutte le lumache.

132
00:05:32,390 --> 00:05:33,383
‫Quindi lumache.

133
00:05:34,470 --> 00:05:38,000
‫Quindi mappa dei punti dell'oggetto dati.

134
00:05:38,000 --> 00:05:40,460
‫E quindi questo è di nuovo solo

135
00:05:40,460 --> 00:05:43,340
‫JavaScript normale, quindi non dovrebbe essere niente per te.

136
00:05:43,340 --> 00:05:45,710
‫Quindi stiamo eseguendo il loop sull'oggetto dati

137
00:05:45,710 --> 00:05:48,163
‫e quindi creiamo un nuovo array basato su quello.

138
00:05:49,360 --> 00:05:52,100
‫E in ogni iterazione quello che faremo

139
00:05:52,100 --> 00:05:53,860
‫è prendere l'elemento

140
00:05:53,860 --> 00:05:55,933
‫e poi crearne una lumaca.

141
00:05:57,060 --> 00:06:01,623
‫Quindi slugify il nome del prodotto dot dell'elemento.

142
00:06:04,640 --> 00:06:07,390
‫Quindi ricorda che è lì che si trova il

143
00:06:07,390 --> 00:06:08,740
‫nome del prodotto.

144
00:06:08,740 --> 00:06:10,713
‫Quindi qui vedi il nome del prodotto.

145
00:06:12,130 --> 00:06:15,433
‫E così poi questo oggetto.

146
00:06:21,407 --> 00:06:25,223
‫E in realtà registriamo quello sulla console.

147
00:06:28,320 --> 00:06:30,480
‫E infatti ci siamo.

148
00:06:30,480 --> 00:06:32,790
‫Quindi queste sono le nostre sei

149
00:06:32,790 --> 00:06:34,670
‫lumache o in realtà

150
00:06:34,670 --> 00:06:37,100
‫solo cinque dei nostri cinque prodotti.

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

152
00:06:37,933 --> 00:06:40,210
‫Ed è così che includiamo un

153
00:06:40,210 --> 00:06:42,061
‫modulo di terze parti.

154
00:06:42,061 --> 00:06:44,430
‫Dai un'occhiata alla documentazione e

155
00:06:44,430 --> 00:06:47,190
‫poi usala effettivamente nel nostro codice.

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

157
00:06:48,160 --> 00:06:52,760
‫Quindi questo slugify è ora una dipendenza del nostro codice.

158
00:06:52,760 --> 00:06:54,151
‫Perché senza quel

159
00:06:54,151 --> 00:06:56,220
‫pacchetto questa parte del codice

160
00:06:56,220 --> 00:06:58,261
‫qui ora non funzionerebbe più.

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

162
00:06:59,300 --> 00:07:01,670
‫Quindi il nostro codice

163
00:07:01,670 --> 00:07:05,630
‫ora dipende dall'avere il pacchetto slugify installato nel progetto.

164
00:07:05,630 --> 00:07:08,000
‫Ora potremmo andare avanti e

165
00:07:08,000 --> 00:07:12,400
‫archiviare effettivamente questi slug qui nei dati json e

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

167
00:07:13,610 --> 00:07:15,630
‫creare l'app in modo

168
00:07:15,630 --> 00:07:19,060
‫che invece dell'ID visualizzi lo slug nell'URL.

169
00:07:19,060 --> 00:07:20,480
‫Ma non andrò

170
00:07:20,480 --> 00:07:22,350
‫avanti e lo farò qui perché

171
00:07:22,350 --> 00:07:24,180
‫sto solo usando gli stessi

172
00:07:24,180 --> 00:07:26,230
‫concetti che abbiamo imparato prima di nuovo.

173
00:07:26,230 --> 00:07:29,260
‫E quindi questo non aggiunge nulla di nuovo.

174
00:07:29,260 --> 00:07:30,840
‫Tutto quello che volevo

175
00:07:30,840 --> 00:07:33,500
‫fare in questo video è davvero mostrarti questo

176
00:07:33,500 --> 00:07:36,610
‫processo di integrazione di un nuovo pacchetto nel nostro codice.

177
00:07:36,610 --> 00:07:38,640
‫Dai un'occhiata alla documentazione

178
00:07:38,640 --> 00:07:40,171
‫e poi fai

179
00:07:40,171 --> 00:07:43,090
‫un semplice esempio con quel nuovo modulo.

180
00:07:43,090 --> 00:07:44,660
‫Quindi questo era l'obiettivo di questo video.

181
00:07:44,660 --> 00:07:46,120
‫Ora è completato.

182
00:07:46,120 --> 00:07:48,240
‫E quindi passiamo ora

183
00:07:48,240 --> 00:07:49,643
‫al prossimo.