1
00:00:01,370 --> 00:00:03,150
‫Até agora nesta seção, você

2
00:00:03,150 --> 00:00:04,790
‫aprendeu como exigir

3
00:00:04,790 --> 00:00:06,720
‫os módulos principais do Node JS.

4
00:00:06,720 --> 00:00:09,330
‫Como exigir seus próprios módulos.

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

6
00:00:10,210 --> 00:00:12,050
‫então, neste vídeo, você aprenderá

7
00:00:12,050 --> 00:00:15,483
‫como exigir módulos de terceiros do registro do NPM.

8
00:00:17,440 --> 00:00:19,863
‫Na verdade, exigir um módulo

9
00:00:19,863 --> 00:00:22,530
‫que já instalamos do NPM é

10
00:00:22,530 --> 00:00:24,610
‫muito, muito simples.

11
00:00:24,610 --> 00:00:27,380
‫Então, novamente, fazemos todos os requisitos no topo

12
00:00:27,380 --> 00:00:30,230
‫e geralmente exigimos os módulos principais primeiro, depois

13
00:00:30,230 --> 00:00:31,690
‫os módulos de

14
00:00:31,690 --> 00:00:33,410
‫terceiros e, em seguida,

15
00:00:33,410 --> 00:00:35,980
‫os nossos próprios provenientes de nosso sistema

16
00:00:35,980 --> 00:00:37,793
‫de arquivos local como este.

17
00:00:38,940 --> 00:00:41,740
‫Então, o que vamos exigir é

18
00:00:41,740 --> 00:00:43,360
‫chamado de slugify.

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

20
00:00:45,000 --> 00:00:46,400
‫Este é o

21
00:00:46,400 --> 00:00:48,350
‫que instalamos na aula anterior.

22
00:00:48,350 --> 00:00:50,780
‫E tudo o que temos que fazer

23
00:00:50,780 --> 00:00:52,510
‫para requisitá-lo é apenas gostar

24
00:00:52,510 --> 00:00:54,120
‫antes de usar

25
00:00:54,120 --> 00:00:57,770
‫a função require e, em seguida, simplesmente o nome do pacote.

26
00:00:57,770 --> 00:01:00,010
‫E então OGS saberá automaticamente que terá

27
00:01:00,010 --> 00:01:01,450
‫que ir para a

28
00:01:01,450 --> 00:01:02,993
‫pasta de módulos de nó.

29
00:01:03,920 --> 00:01:07,260
‫Então esta pasta onde estão todas as dependências, e

30
00:01:07,260 --> 00:01:09,353
‫procure por aquele módulo lá.

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

32
00:01:12,610 --> 00:01:17,430
‫Novamente, isso retornará uma variável.

33
00:01:17,430 --> 00:01:20,483
‫E então precisamos salvar isso em uma variável.

34
00:01:22,860 --> 00:01:27,860
‫E estou chamando de slugify aqui, assim.

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

36
00:01:28,743 --> 00:01:30,940
‫E então slugify será

37
00:01:30,940 --> 00:01:34,630
‫uma função, que podemos usar basicamente para criar slugs.

38
00:01:34,630 --> 00:01:37,260
‫Então, novamente, o que é uma lesma?

39
00:01:37,260 --> 00:01:40,730
‫Well slug é basicamente apenas a última parte

40
00:01:40,730 --> 00:01:44,030
‫de um URL que contém uma string única

41
00:01:44,030 --> 00:01:46,130
‫que identifica o recurso

42
00:01:46,130 --> 00:01:48,263
‫que o site está exibindo.

43
00:01:49,310 --> 00:01:50,590
‫Por exemplo,

44
00:01:50,590 --> 00:01:52,380
‫em nosso farm

45
00:01:52,380 --> 00:01:54,810
‫de nós, digamos que

46
00:01:54,810 --> 00:01:58,750
‫onde abrimos este abacate em vez de ter

47
00:01:58,750 --> 00:02:01,190
‫esse ID igual a zero,

48
00:02:01,190 --> 00:02:05,980
‫poderíamos ter algo como (clicar) em abacates frescos, certo?

49
00:02:05,980 --> 00:02:08,290
‫E então essa parte aqui ou

50
00:02:08,290 --> 00:02:10,330
‫na verdade apenas essa

51
00:02:10,330 --> 00:02:12,910
‫parte, então essa seria a lesma.

52
00:02:12,910 --> 00:02:15,150
‫Portanto, é basicamente esse nome

53
00:02:15,150 --> 00:02:19,420
‫aqui e, em seguida, baseado em uma string única como esta.

54
00:02:19,420 --> 00:02:20,830
‫E tenho certeza que você já

55
00:02:20,830 --> 00:02:23,090
‫viu isso em todo lugar, como em postagens de blogs.

56
00:02:23,090 --> 00:02:25,830
‫É muito comum fazer assim.

57
00:02:25,830 --> 00:02:30,830
‫Ou realmente em qualquer lugar onde simplesmente não

58
00:02:30,900 --> 00:02:33,053
‫queremos algo assim.

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

60
00:02:34,823 --> 00:02:36,190
‫Então ID é igual a um.

61
00:02:36,190 --> 00:02:38,130
‫Ou também poderíamos

62
00:02:38,130 --> 00:02:39,580
‫usar, por

63
00:02:40,830 --> 00:02:45,712
‫exemplo, neste caso, cabra e assim por diante.

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

65
00:02:46,683 --> 00:02:47,630
‫Não vou checar o nome inteiro.

66
00:02:47,630 --> 00:02:50,120
‫Mas a ideia é usar uma lesma,

67
00:02:50,120 --> 00:02:52,400
‫que é uma string única em vez

68
00:02:52,400 --> 00:02:53,820
‫de apenas um

69
00:02:53,820 --> 00:02:56,530
‫número que não tem nenhum significado para nós.

70
00:02:56,530 --> 00:02:58,660
‫Agora, digamos que esta seja

71
00:02:58,660 --> 00:03:02,200
‫a primeira vez que você está usando o pacote slugify.

72
00:03:02,200 --> 00:03:04,500
‫Então, para descobrir como ele

73
00:03:04,500 --> 00:03:06,100
‫realmente funciona, podemos

74
00:03:06,100 --> 00:03:07,870
‫pesquisar a documentação aqui

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

76
00:03:10,920 --> 00:03:15,323
‫Portanto, apenas colocamos o nome do pacote aqui.

77
00:03:16,770 --> 00:03:18,210
‫Em seguida, pesquise.

78
00:03:18,210 --> 00:03:20,473
‫E então este é o que instalamos.

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

80
00:03:23,510 --> 00:03:25,710
‫Então já fizemos essa parte aqui.

81
00:03:25,710 --> 00:03:29,347
‫Exigindo o módulo ou o pacote aqui.

82
00:03:29,347 --> 00:03:31,240
‫E aqui embaixo podemos ver como

83
00:03:31,240 --> 00:03:32,150
‫o usamos.

84
00:03:32,150 --> 00:03:33,580
‫Portanto, tudo o que precisamos

85
00:03:33,580 --> 00:03:36,320
‫fazer é usar slugify como uma função e, em

86
00:03:36,320 --> 00:03:37,653
‫seguida, passar uma string.

87
00:03:39,740 --> 00:03:42,940
‫Então aqui você vê as opções.

88
00:03:42,940 --> 00:03:46,690
‫E, por exemplo, podemos especificar a substituição.

89
00:03:46,690 --> 00:03:49,140
‫Então, basicamente, o que o espaço

90
00:03:49,140 --> 00:03:50,600
‫vazio será substituído.

91
00:03:50,600 --> 00:03:52,080
‫E geralmente é esse traço.

92
00:03:52,080 --> 00:03:54,343
‫Assim como eu estava digitando aqui.

93
00:03:55,770 --> 00:03:57,710
‫Mas podemos especificar

94
00:03:57,710 --> 00:04:00,853
‫algo diferente, como um sublinhado ou nada.

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

96
00:04:03,043 --> 00:04:04,330
‫Aqui podemos especificar

97
00:04:04,330 --> 00:04:06,340
‫que queremos tudo em minúsculas.

98
00:04:06,340 --> 00:04:08,390
‫E então vamos prosseguir e fazer isso agora

99
00:04:08,390 --> 00:04:09,393
‫em nosso código.

100
00:04:10,390 --> 00:04:11,700
‫Portanto, temos o

101
00:04:11,700 --> 00:04:13,940
‫slugify aqui e agora apenas para testá-lo,

102
00:04:13,940 --> 00:04:16,513
‫vamos fazê-lo aqui antes de criar o servidor.

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

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

105
00:04:29,160 --> 00:04:31,680
‫Abacates frescos e depois especificarei a

106
00:04:31,680 --> 00:04:34,410
‫opção que acabei de mostrar, que

107
00:04:34,410 --> 00:04:35,630
‫é minúscula

108
00:04:38,140 --> 00:04:40,120
‫e configurarei como true.

109
00:04:40,120 --> 00:04:40,953
‫Salve-o

110
00:04:41,880 --> 00:04:43,660
‫e lembre-se de que agora

111
00:04:43,660 --> 00:04:45,060
‫não precisamos mais fechar

112
00:04:45,060 --> 00:04:46,850
‫o aplicativo e reiniciá-lo novamente.

113
00:04:46,850 --> 00:04:49,760
‫O homem do nó faz isso automaticamente para nós agora.

114
00:04:49,760 --> 00:04:53,520
‫E aqui embaixo você já vê abacates frescos.

115
00:04:53,520 --> 00:04:55,550
‫Simplesmente cometi algum erro aqui.

116
00:04:55,550 --> 00:04:57,800
‫Portanto, está em minúsculas.

117
00:04:57,800 --> 00:04:59,700
‫Mas ainda não está funcionando

118
00:04:59,700 --> 00:05:01,659
‫por algum motivo, então vamos voltar aqui.

119
00:05:01,659 --> 00:05:02,492
‫Ah eu vejo.

120
00:05:02,492 --> 00:05:04,203
‫Na verdade, é apenas mais baixo.

121
00:05:06,300 --> 00:05:07,460
‫Mas é exatamente

122
00:05:07,460 --> 00:05:09,250
‫para isso que serve a documentação.

123
00:05:09,250 --> 00:05:11,890
‫Para vermos como algo realmente funciona para que

124
00:05:11,890 --> 00:05:13,640
‫possamos usar o pacote corretamente

125
00:05:13,640 --> 00:05:14,773
‫em nosso código.

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

127
00:05:16,687 --> 00:05:20,090
‫assim, criei um pedaço de nosso fio

128
00:05:20,090 --> 00:05:22,053
‫de abacate fresco inicial.

129
00:05:23,040 --> 00:05:26,300
‫Agora vamos fazer isso para todos os nossos produtos.

130
00:05:26,300 --> 00:05:28,250
‫Então, eles estão no objeto de dados.

131
00:05:28,250 --> 00:05:30,763
‫Então, vamos criar um array de todos os slugs.

132
00:05:32,390 --> 00:05:33,383
‫Então lesmas.

133
00:05:34,470 --> 00:05:38,000
‫Portanto, mapa de pontos do objeto de dados.

134
00:05:38,000 --> 00:05:40,460
‫E, de novo, isso é apenas JavaScript

135
00:05:40,460 --> 00:05:43,340
‫normal, de modo que não deve significar nada para você.

136
00:05:43,340 --> 00:05:45,710
‫Então, estamos fazendo um loop sobre o objeto de

137
00:05:45,710 --> 00:05:48,163
‫dados e, em seguida, criamos uma nova matriz com base nisso.

138
00:05:49,360 --> 00:05:52,100
‫E em cada iteração o que faremos é

139
00:05:52,100 --> 00:05:53,860
‫pegar o elemento e

140
00:05:53,860 --> 00:05:55,933
‫criar um slug a partir dele.

141
00:05:57,060 --> 00:06:01,623
‫Então, slugify o nome do produto ponto do elemento.

142
00:06:04,640 --> 00:06:07,390
‫Portanto, lembre-se de que é onde está o

143
00:06:07,390 --> 00:06:08,740
‫nome do produto.

144
00:06:08,740 --> 00:06:10,713
‫Então, aqui você vê o nome do produto.

145
00:06:12,130 --> 00:06:15,433
‫E então este objeto.

146
00:06:21,407 --> 00:06:25,223
‫E vamos realmente registrar isso no console.

147
00:06:28,320 --> 00:06:30,480
‫E, de fato, aqui vamos nós.

148
00:06:30,480 --> 00:06:32,790
‫Então, essas são nossas seis

149
00:06:32,790 --> 00:06:34,670
‫lesmas ou, na verdade,

150
00:06:34,670 --> 00:06:37,100
‫apenas cinco de nossos cinco produtos.

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

152
00:06:37,933 --> 00:06:40,210
‫E é assim que incluímos

153
00:06:40,210 --> 00:06:42,061
‫um módulo de terceiros.

154
00:06:42,061 --> 00:06:44,430
‫Dê uma olhada na documentação e

155
00:06:44,430 --> 00:06:47,190
‫então use-a de fato em nosso código.

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

157
00:06:48,160 --> 00:06:52,760
‫Portanto, este slugify agora é uma dependência do nosso código.

158
00:06:52,760 --> 00:06:54,151
‫Porque sem

159
00:06:54,151 --> 00:06:56,220
‫esse pacote esta parte do

160
00:06:56,220 --> 00:06:58,261
‫código aqui não funcionaria mais.

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

162
00:06:59,300 --> 00:07:01,670
‫Portanto, nosso código agora

163
00:07:01,670 --> 00:07:05,630
‫depende de ter o pacote slugify instalado no projeto.

164
00:07:05,630 --> 00:07:08,000
‫Agora poderíamos ir em frente e

165
00:07:08,000 --> 00:07:12,400
‫realmente armazenar esses slugs aqui no data json e, em seguida,

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

167
00:07:13,610 --> 00:07:15,630
‫aplicativo para que, em vez

168
00:07:15,630 --> 00:07:19,060
‫do ID, ele exiba o slug na URL.

169
00:07:19,060 --> 00:07:20,480
‫Mas não vou

170
00:07:20,480 --> 00:07:22,350
‫prosseguir e fazer isso aqui, porque

171
00:07:22,350 --> 00:07:24,180
‫é apenas usando os mesmos

172
00:07:24,180 --> 00:07:26,230
‫conceitos que aprendemos antes, de novo.

173
00:07:26,230 --> 00:07:29,260
‫E isso não acrescenta nada de novo.

174
00:07:29,260 --> 00:07:30,840
‫Tudo o que eu

175
00:07:30,840 --> 00:07:33,500
‫queria fazer neste vídeo é realmente mostrar a vocês

176
00:07:33,500 --> 00:07:36,610
‫esse processo de integração de um novo pacote em nosso código.

177
00:07:36,610 --> 00:07:38,640
‫Dê uma olhada na documentação

178
00:07:38,640 --> 00:07:40,171
‫e, em seguida,

179
00:07:40,171 --> 00:07:43,090
‫faça um exemplo simples com esse novo módulo.

180
00:07:43,090 --> 00:07:44,660
‫Então esse era o objetivo deste vídeo.

181
00:07:44,660 --> 00:07:46,120
‫Isso está concluído agora.

182
00:07:46,120 --> 00:07:48,240
‫E agora vamos passar para

183
00:07:48,240 --> 00:07:49,643
‫o próximo.