1
00:00:01,370 --> 00:00:03,150
‫Hasta ahora, en esta sección,

2
00:00:03,150 --> 00:00:04,790
‫aprendió cómo requerir

3
00:00:04,790 --> 00:00:06,720
‫los módulos centrales de Node JS.

4
00:00:06,720 --> 00:00:09,330
‫Cómo solicitar sus propios módulos.

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

6
00:00:10,210 --> 00:00:12,050
‫entonces, en este video, aprenderá

7
00:00:12,050 --> 00:00:15,483
‫cómo requerir módulos de terceros del registro de NPM.

8
00:00:17,440 --> 00:00:19,863
‫En realidad, requerir un módulo

9
00:00:19,863 --> 00:00:22,530
‫que ya instalamos desde NPM es

10
00:00:22,530 --> 00:00:24,610
‫realmente muy simple.

11
00:00:24,610 --> 00:00:27,380
‫Así que nuevamente hacemos todo lo requerido en

12
00:00:27,380 --> 00:00:30,230
‫la parte superior y generalmente requerimos los módulos

13
00:00:30,230 --> 00:00:31,690
‫centrales primero, luego

14
00:00:31,690 --> 00:00:33,410
‫los módulos de terceros y

15
00:00:33,410 --> 00:00:35,980
‫luego los nuestros que vienen de nuestro sistema

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

17
00:00:38,940 --> 00:00:41,740
‫Entonces el que vamos a requerir

18
00:00:41,740 --> 00:00:43,360
‫se llama slugify.

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

20
00:00:45,000 --> 00:00:46,400
‫Este es el

21
00:00:46,400 --> 00:00:48,350
‫que instalamos en la conferencia anterior.

22
00:00:48,350 --> 00:00:50,780
‫Y todo lo que tenemos que

23
00:00:50,780 --> 00:00:52,510
‫hacer para requerirlo es como

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

25
00:00:54,120 --> 00:00:57,770
‫la función require y luego simplemente el nombre del paquete.

26
00:00:57,770 --> 00:01:00,010
‫Y luego OGS sabrá automáticamente que tendrá

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

28
00:01:01,450 --> 00:01:02,993
‫carpeta de módulos del nodo.

29
00:01:03,920 --> 00:01:07,260
‫Entonces, esta carpeta donde están todas las dependencias,

30
00:01:07,260 --> 00:01:09,353
‫y busque ese módulo allí.

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

32
00:01:12,610 --> 00:01:17,430
‫Entonces, nuevamente, esto devolverá una variable.

33
00:01:17,430 --> 00:01:20,483
‫Y entonces necesitamos guardar eso en una variable.

34
00:01:22,860 --> 00:01:27,860
‫Y lo llamo slugify aquí así.

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

36
00:01:28,743 --> 00:01:30,940
‫Y entonces slugify será

37
00:01:30,940 --> 00:01:34,630
‫una función, que podemos usar para crear básicamente slugs.

38
00:01:34,630 --> 00:01:37,260
‫Entonces, de nuevo, ¿qué es una babosa?

39
00:01:37,260 --> 00:01:40,730
‫Bueno, slug es básicamente la última parte de

40
00:01:40,730 --> 00:01:44,030
‫una URL que contiene una cadena única que

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

42
00:01:46,130 --> 00:01:48,263
‫que muestra el sitio web.

43
00:01:49,310 --> 00:01:50,590
‫Entonces, por

44
00:01:50,590 --> 00:01:52,380
‫ejemplo, en nuestra granja

45
00:01:52,380 --> 00:01:54,810
‫de nodos, digamos que donde

46
00:01:54,810 --> 00:01:58,750
‫abrimos este aguacate en lugar de tener esta

47
00:01:58,750 --> 00:02:01,190
‫ID igual a cero, podríamos

48
00:02:01,190 --> 00:02:05,980
‫tener algo como (hacer clic en) aguacates frescos, ¿de acuerdo?

49
00:02:05,980 --> 00:02:08,290
‫Y entonces esta parte aquí o

50
00:02:08,290 --> 00:02:10,330
‫en realidad solo esta

51
00:02:10,330 --> 00:02:12,910
‫parte, así que esta sería la babosa.

52
00:02:12,910 --> 00:02:15,150
‫Entonces, es básicamente este nombre

53
00:02:15,150 --> 00:02:19,420
‫aquí y luego se basa en una cadena única como esta.

54
00:02:19,420 --> 00:02:20,830
‫Y estoy seguro de que has

55
00:02:20,830 --> 00:02:23,090
‫visto esto por todas partes, como en las publicaciones de blogs.

56
00:02:23,090 --> 00:02:25,830
‫Es muy común hacerlo así.

57
00:02:25,830 --> 00:02:30,830
‫O realmente en cualquier lugar donde no queramos simplemente

58
00:02:30,900 --> 00:02:33,053
‫algo como esto.

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

60
00:02:34,823 --> 00:02:36,190
‫Entonces ID es igual a uno.

61
00:02:36,190 --> 00:02:38,130
‫O también podríamos

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

63
00:02:40,830 --> 00:02:45,712
‫ejemplo, en este caso aquí cabra y así sucesivamente.

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

65
00:02:46,683 --> 00:02:47,630
‫No voy a poner una pestaña en el nombre completo.

66
00:02:47,630 --> 00:02:50,120
‫Pero la idea es usar un slug,

67
00:02:50,120 --> 00:02:52,400
‫que es una cadena única en lugar

68
00:02:52,400 --> 00:02:53,820
‫de solo un

69
00:02:53,820 --> 00:02:56,530
‫número que no tiene ningún significado para nosotros.

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

71
00:02:58,660 --> 00:03:02,200
‫es la primera vez que usa el paquete slugify.

72
00:03:02,200 --> 00:03:04,500
‫Entonces, para descubrir cómo funciona

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

74
00:03:06,100 --> 00:03:07,870
‫la documentación aquí en

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

76
00:03:10,920 --> 00:03:15,323
‫Así que ponemos aquí el nombre del paquete.

77
00:03:16,770 --> 00:03:18,210
‫Entonces búscalo.

78
00:03:18,210 --> 00:03:20,473
‫Y este es el que instalamos.

79
00:03:22,300 --> 00:03:23,510
‫Está bien.

80
00:03:23,510 --> 00:03:25,710
‫Así que ya hicimos esta parte aquí.

81
00:03:25,710 --> 00:03:29,347
‫Por lo que requiere el módulo o el paquete aquí.

82
00:03:29,347 --> 00:03:31,240
‫Y luego aquí abajo podemos ver cómo

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

84
00:03:32,150 --> 00:03:33,580
‫Entonces, todo lo que tenemos

85
00:03:33,580 --> 00:03:36,320
‫que hacer es usar slugify como una función y

86
00:03:36,320 --> 00:03:37,653
‫luego pasar una cadena.

87
00:03:39,740 --> 00:03:42,940
‫Entonces aquí abajo ves las opciones.

88
00:03:42,940 --> 00:03:46,690
‫Y, por ejemplo, podemos especificar el reemplazo.

89
00:03:46,690 --> 00:03:49,140
‫Entonces, básicamente, con qué se reemplazará

90
00:03:49,140 --> 00:03:50,600
‫el espacio vacío.

91
00:03:50,600 --> 00:03:52,080
‫Y normalmente ese es este guión.

92
00:03:52,080 --> 00:03:54,343
‫Así como estaba escribiendo aquí.

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

94
00:03:57,710 --> 00:04:00,853
‫diferente como un guión bajo o nada en absoluto.

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

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

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

98
00:04:06,340 --> 00:04:08,390
‫Y entonces, sigamos adelante y hagamos eso ahora

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

100
00:04:10,390 --> 00:04:11,700
‫Así que tenemos

101
00:04:11,700 --> 00:04:13,940
‫slugify aquí y ahora solo para

102
00:04:13,940 --> 00:04:16,513
‫probarlo, hagámoslo aquí antes de crear el servidor.

103
00:04:20,310 --> 00:04:21,543
‫Consola en el registro.

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

105
00:04:29,160 --> 00:04:31,680
‫Aguacates frescos y luego especificaré la

106
00:04:31,680 --> 00:04:34,410
‫opción que acabo de mostrarles, que es

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

108
00:04:38,140 --> 00:04:40,120
‫la estableceré en verdadero.

109
00:04:40,120 --> 00:04:40,953
‫Dale un

110
00:04:41,880 --> 00:04:43,660
‫guardado y recuerda que ahora ya

111
00:04:43,660 --> 00:04:45,060
‫no tenemos que cerrar

112
00:04:45,060 --> 00:04:46,850
‫la app y reiniciarla de nuevo.

113
00:04:46,850 --> 00:04:49,760
‫Node Man lo hace automáticamente por nosotros ahora.

114
00:04:49,760 --> 00:04:53,520
‫Y aquí abajo ya ves aguacates frescos.

115
00:04:53,520 --> 00:04:55,550
‫Simplemente cometí un error aquí.

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

117
00:04:57,800 --> 00:04:59,700
‫Pero todavía no funciona por

118
00:04:59,700 --> 00:05:01,659
‫alguna razón, así que volvamos aquí.

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

120
00:05:02,492 --> 00:05:04,203
‫En realidad, es más bajo.

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

122
00:05:07,460 --> 00:05:09,250
‫eso es exactamente la documentación.

123
00:05:09,250 --> 00:05:11,890
‫Entonces, para que veamos cómo funciona algo realmente para

124
00:05:11,890 --> 00:05:13,640
‫que podamos usar el paquete correctamente

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

126
00:05:15,640 --> 00:05:16,687
‫Y así,

127
00:05:16,687 --> 00:05:20,090
‫así, creé una babosa con nuestro hilo

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

129
00:05:23,040 --> 00:05:26,300
‫Ahora hagamos eso con todos nuestros productos.

130
00:05:26,300 --> 00:05:28,250
‫Entonces están en el objeto de datos.

131
00:05:28,250 --> 00:05:30,763
‫Así que creemos una matriz de todas las babosas.

132
00:05:32,390 --> 00:05:33,383
‫Así que babosas.

133
00:05:34,470 --> 00:05:38,000
‫Entonces mapa de puntos del objeto de datos.

134
00:05:38,000 --> 00:05:40,460
‫Y, de nuevo, esto es solo JavaScript

135
00:05:40,460 --> 00:05:43,340
‫normal, por lo que no debería significar nada para usted.

136
00:05:43,340 --> 00:05:45,710
‫Entonces, estamos haciendo un bucle sobre el objeto de

137
00:05:45,710 --> 00:05:48,163
‫datos y luego creamos una nueva matriz basada en eso.

138
00:05:49,360 --> 00:05:52,100
‫Y en cada iteración lo que vamos a hacer es

139
00:05:52,100 --> 00:05:53,860
‫tomar el elemento y luego

140
00:05:53,860 --> 00:05:55,933
‫crear un slug a partir de eso.

141
00:05:57,060 --> 00:06:01,623
‫Así que slugify nombre del producto punto del elemento.

142
00:06:04,640 --> 00:06:07,390
‫Así que recuerde que ahí es donde está el

143
00:06:07,390 --> 00:06:08,740
‫nombre del producto.

144
00:06:08,740 --> 00:06:10,713
‫Así que aquí ves el nombre del producto.

145
00:06:12,130 --> 00:06:15,433
‫Y entonces este objeto.

146
00:06:21,407 --> 00:06:25,223
‫Y vamos a registrarlo en la consola.

147
00:06:28,320 --> 00:06:30,480
‫Y de hecho aquí vamos.

148
00:06:30,480 --> 00:06:32,790
‫Así que estas son nuestras seis

149
00:06:32,790 --> 00:06:34,670
‫babosas o, en realidad,

150
00:06:34,670 --> 00:06:37,100
‫solo cinco de nuestros cinco productos.

151
00:06:37,100 --> 00:06:37,933
‫Está bien.

152
00:06:37,933 --> 00:06:40,210
‫Y así es como incluimos

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

154
00:06:42,061 --> 00:06:44,430
‫Eche un vistazo a la

155
00:06:44,430 --> 00:06:47,190
‫documentación y luego utilícela en nuestro código.

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

157
00:06:48,160 --> 00:06:52,760
‫Entonces, este slugify ahora es una dependencia de nuestro código.

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

159
00:06:54,151 --> 00:06:56,220
‫ese paquete, esta parte del

160
00:06:56,220 --> 00:06:58,261
‫código aquí ya no funcionaría.

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

162
00:06:59,300 --> 00:07:01,670
‫Entonces, nuestro código ahora depende

163
00:07:01,670 --> 00:07:05,630
‫de tener el paquete slugify instalado en el proyecto.

164
00:07:05,630 --> 00:07:08,000
‫Ahora podríamos seguir adelante y almacenar

165
00:07:08,000 --> 00:07:12,400
‫estas babosas aquí en el json de datos y luego compilar

166
00:07:12,400 --> 00:07:13,610
‫la aplicación

167
00:07:13,610 --> 00:07:15,630
‫para que en lugar de

168
00:07:15,630 --> 00:07:19,060
‫la ID muestre la babosa en la URL.

169
00:07:19,060 --> 00:07:20,480
‫Pero no voy a

170
00:07:20,480 --> 00:07:22,350
‫seguir adelante y hacer eso aquí

171
00:07:22,350 --> 00:07:24,180
‫porque eso es simplemente usar los

172
00:07:24,180 --> 00:07:26,230
‫mismos conceptos que aprendimos antes de nuevo.

173
00:07:26,230 --> 00:07:29,260
‫Y eso no agrega nada nuevo.

174
00:07:29,260 --> 00:07:30,840
‫Todo lo que quería

175
00:07:30,840 --> 00:07:33,500
‫hacer en este video es realmente mostrarles este

176
00:07:33,500 --> 00:07:36,610
‫proceso de integración de un nuevo paquete en nuestro código.

177
00:07:36,610 --> 00:07:38,640
‫Eche un vistazo a la

178
00:07:38,640 --> 00:07:40,171
‫documentación y luego

179
00:07:40,171 --> 00:07:43,090
‫haga un ejemplo simple con ese nuevo módulo.

180
00:07:43,090 --> 00:07:44,660
‫Entonces ese era el objetivo de este video.

181
00:07:44,660 --> 00:07:46,120
‫Eso está completo ahora.

182
00:07:46,120 --> 00:07:48,240
‫Y ahora pasemos al

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