1
00:00:00,240 --> 00:00:03,200
Bienvenido de nuevo a esta lección. Te mostraré cómo podemos escribir.

2
00:00:03,210 --> 00:00:03,990
H m l.

3
00:00:04,020 --> 00:00:09,420
En un archivo separado, podemos enviar ese archivo de regreso en la respuesta en lugar de lo que hemos

4
00:00:09,420 --> 00:00:12,000
estado haciendo hasta ahora usando el envío de redstart.

5
00:00:12,090 --> 00:00:13,880
Aquí hay tres objetivos principales.

6
00:00:13,890 --> 00:00:20,400
El primero es usar el enunciado de enroque rojo para procesarlo y enviar un archivo de cada archivo, y eso tendrá más

7
00:00:20,400 --> 00:00:23,150
sentido una vez que hablemos sobre lo que somos.

8
00:00:23,460 --> 00:00:24,740
Y ese es el siguiente objetivo.

9
00:00:24,780 --> 00:00:27,340
Explica qué es Ejaz y por qué lo usamos.

10
00:00:27,360 --> 00:00:30,920
Y finalmente, pasar variables a Ejay como plantillas.

11
00:00:30,930 --> 00:00:35,760
Entonces, para comenzar aquí voy a necesitar una nueva aplicación Express y voy a seguir creando

12
00:00:35,760 --> 00:00:41,640
la aplicación básica básica desde cero, lo cual no continuaré haciendo en cada video, pero aún es bastante temprano en

13
00:00:41,640 --> 00:00:42,440
el curso. .

14
00:00:42,480 --> 00:00:46,440
Y solo quiero asegurarme de que te acostumbres a verlo y hacerlo porque es

15
00:00:46,440 --> 00:00:48,280
algo que vas a hacer sin parar.

16
00:00:48,300 --> 00:00:54,210
haré un nuevo directorio dentro de eso y llamaremos a esta demostración de Ejay us.

17
00:00:55,110 --> 00:01:01,130
Así que tengo un directorio llamado More express desde donde trabajaré para esta unidad y

18
00:01:02,290 --> 00:01:10,540
Y luego, en lugar de la demo de Ejaz, ejecutaremos NPM en ella y aceleraré con esto.

19
00:01:10,560 --> 00:01:11,990
Entonces ese nombre está bien.

20
00:01:12,000 --> 00:01:14,800
La versión es buena descripción está vacía.

21
00:01:14,880 --> 00:01:16,700
Siempre me gusta cambiar esto a la aplicación.

22
00:01:16,830 --> 00:01:17,490
Sí.

23
00:01:17,490 --> 00:01:19,690
Solo una preferencia personal

24
00:01:20,070 --> 00:01:21,580
Presiona ingresar algunas veces más.

25
00:01:21,660 --> 00:01:25,100
No necesita llenar ninguno de esos y allí vamos.

26
00:01:25,470 --> 00:01:32,940
Y ahora, si nos lo permiten, tenemos un paquete que Jason nos permite crear

27
00:01:32,940 --> 00:01:39,120
nuestro acto J y también correremos NPM install express dash dash save.

28
00:01:39,150 --> 00:01:41,360
Aquí vamos.

29
00:01:41,400 --> 00:01:45,780
Ahora vamos a abrir el archivo de jazz y comenzar a agregar un código allí.

30
00:01:45,780 --> 00:01:52,410
Y en lugar de solo hacer ls y luego hacer clic en J. S. y al hacer clic en abrir, recientemente encontré

31
00:01:52,410 --> 00:01:53,350
otra forma de hacerlo.

32
00:01:53,460 --> 00:02:00,570
9 recientemente agregado, que es si escribe espacio C9 y luego el nombre de un archivo o la ruta a un archivo.

33
00:02:00,570 --> 00:02:01,290
Ese Cloud

34
00:02:01,380 --> 00:02:03,040
Así que la aplicación base C9.

35
00:02:03,060 --> 00:02:07,090
J Sí, eso lo abrirá para usted en el editor.

36
00:02:07,200 --> 00:02:11,760
Es mucho más rápido que tener que escribir ls y luego hacer clic en el archivo y luego hacer clic en Abrir.

37
00:02:11,760 --> 00:02:22,380
Así que vamos a obtener el código expreso básico aquí hasta el momento expresar es igual a requerir expreso y luego la aplicación var es

38
00:02:22,410 --> 00:02:25,160
igual a expresar ejecutarlo como una función.

39
00:02:25,170 --> 00:02:33,710
Una cosa que ocasionalmente verá es que alguien dijo que la aplicación Savar es igual a requerir exprés y luego

40
00:02:33,840 --> 00:02:36,720
solo ejecutarlo como una función de inmediato.

41
00:02:36,720 --> 00:02:43,410
Sin embargo, la mayoría de la gente lo hará de esta manera en dos pasos separados y lo más común es que veas Xpress

42
00:02:43,500 --> 00:02:45,660
y la aplicación que pueden ser cualquier cosa.

43
00:02:45,660 --> 00:02:46,950
Ahora actuemos.

44
00:02:46,950 --> 00:02:53,450
Escuche en la parte inferior que iniciará el servidor para que necesite el puerto que

45
00:02:53,800 --> 00:03:02,280
procesa ese puerto EMV y luego procese ese IP D-NV y esas son variables de entorno que Cloud 9 configuró

46
00:03:02,280 --> 00:03:06,250
para que estemos accediendo al puerto y Dirección IP.

47
00:03:06,510 --> 00:03:13,230
Y luego agrego mi devolución de llamada que se ejecutará una vez que el servidor se haya configurado una vez que esté

48
00:03:13,230 --> 00:03:15,840
escuchando y veremos lo que ocurre con el registro.

49
00:03:16,060 --> 00:03:21,540
El servidor está escuchando así y guardará.

50
00:03:21,540 --> 00:03:25,350
Ahora agreguemos en nuestra primera ruta y haremos la ruta.

51
00:03:25,350 --> 00:03:30,090
Siempre me gusta empezar allí y eso siempre es una frase confusa para algunos de mis

52
00:03:30,090 --> 00:03:34,130
alumnos porque esta palabra que pronuncio ruta algunos de ellos se pronunciará como raíz.

53
00:03:34,410 --> 00:03:36,830
Intento dejarlo muy claro cuando digo raíces.

54
00:03:36,900 --> 00:03:41,250
Solo estoy hablando de R O T como en esto.

55
00:03:41,280 --> 00:03:42,870
La ruta raíz

56
00:03:43,140 --> 00:03:53,040
y luego tendrá estos dos objetos solicitados en respuesta y nosotros continuaremos y solo llamaremos al rez. enviar y simplemente haremos algo simple.

57
00:03:53,040 --> 00:04:00,450
OK, así que agreguemos eso en apt get root o slash y luego nuestra función de devolución de

58
00:04:00,450 --> 00:04:06,500
llamada se ejecutará cada vez que se haga una solicitud para obtener solicitudes de barras

59
00:04:06,540 --> 00:04:08,700
Bienvenido a la pagina principal.

60
00:04:08,730 --> 00:04:11,730
Así debería revisarse todo en este punto.

61
00:04:12,090 --> 00:04:16,020
Comencemos el servidor para que el nodo j.

62
00:04:16,890 --> 00:04:18,280
Parece que todo está bien.

63
00:04:18,390 --> 00:04:22,500
Vamos ahora a la página raíz aquí y actualizamos.

64
00:04:22,500 --> 00:04:23,710
Bienvenido a la pagina principal.

65
00:04:23,890 --> 00:04:28,580
Obviamente, este tipo de contenido una sola línea de texto es bastante aburrido.

66
00:04:28,610 --> 00:04:34,890
Lo que podemos hacer para arreglarlo un poco es que podemos volver aquí y hacer de esto algo de H-2A Mel.

67
00:04:34,950 --> 00:04:43,640
Si quisiéramos simplemente así y luego podemos agregar debajo eso y H-2 que dice bla, bla.

68
00:04:43,770 --> 00:04:45,910
Así.

69
00:04:46,020 --> 00:04:46,760
Aquí vamos.

70
00:04:46,920 --> 00:04:50,730
Y si guardamos esto y reiniciamos el servidor.

71
00:04:51,120 --> 00:04:53,980
Y luego volvemos aquí y refrescamos.

72
00:04:53,980 --> 00:05:00,070
HVM que se nos presentan, pero eso es increíblemente doloroso al escribir una página entera.

73
00:05:00,070 --> 00:05:00,850
Obtenemos álbumes

74
00:05:00,850 --> 00:05:04,290
Es técnicamente posible, pero sería tan difícil.

75
00:05:04,450 --> 00:05:05,720
Simplemente no es una buena idea.

76
00:05:05,920 --> 00:05:10,870
Por suerte, hay una manera más fácil en la que podemos escribir todo nuestro código en un archivo

77
00:05:10,960 --> 00:05:17,070
separado todo el tiempo que queremos todos los C Ss y sí, todo el javascript de la interfaz que queremos enviar al

78
00:05:17,530 --> 00:05:23,920
usuario para que podamos usar un método llamado render y que renderiza el método vivo en el objeto de respuesta, como sea que

79
00:05:23,920 --> 00:05:24,430
lo llamemos.

80
00:05:24,430 --> 00:05:26,730
En nuestro caso, las revoluciones no se rinden.

81
00:05:26,730 --> 00:05:35,170
Y luego le damos el nombre de un archivo como página de inicio o punto de inicio envejecido o Dogstar lo

82
00:05:35,170 --> 00:05:36,950
eliminó o algo así.

83
00:05:37,270 --> 00:05:40,950
Y, por supuesto, necesitamos tener ese archivo creado y debe tener algún contenido en él.

84
00:05:41,230 --> 00:05:46,840
Pero incluso antes de hacer eso hay un pequeño problema. Me desharé de esta línea y

85
00:05:46,840 --> 00:05:50,810
el problema es que cuando utilizamos Express no escribimos archivos simples.

86
00:05:50,950 --> 00:05:52,400
Hay formas de hacerlo.

87
00:05:52,420 --> 00:05:58,060
Requiere un poco más de configuración, pero la mayoría de nuestras aplicaciones web no serán solo archivos estándar Tim estáticos

88
00:05:58,060 --> 00:05:59,410
que se envían de vuelta.

89
00:05:59,590 --> 00:06:05,290
Lo que estamos buscando son archivos html dinámicos que se llaman plantillas y en la segunda mitad

90
00:06:05,290 --> 00:06:07,080
de este video los presentaremos.

91
00:06:07,270 --> 00:06:13,360
Pero por ahora voy a ir aquí y cambiar esto a E. J. s y todo lo que voy a decir sobre E. J. es que significa javascript

92
00:06:13,360 --> 00:06:18,280
incrustado y que aprenderá mucho más sobre él en unos cinco minutos cuando se solicite

93
00:06:18,280 --> 00:06:23,250
que se haga una tajada de nuestro código, se renderizará un archivo llamado Dogstar.

94
00:06:23,380 --> 00:06:23,990
Sí.

95
00:06:24,060 --> 00:06:28,060
Y cambiémoslo a casa solo porque eso tiene más sentido con la ruta de la ruta.

96
00:06:28,330 --> 00:06:33,580
tenemos que crear ese archivo y en realidad no lo creamos en el mismo directorio que nosotros.

97
00:06:33,580 --> 00:06:34,340
Y entonces

98
00:06:34,570 --> 00:06:41,560
Lo que tenemos que hacer es crear un nuevo directorio llamado views y ese no es un nombre arbitrario que es un

99
00:06:41,560 --> 00:06:43,380
directorio que express va a buscar.

100
00:06:43,540 --> 00:06:49,360
Entonces, cuando renderizamos un archivo como se llame, primero lo veremos en el directorio de vistas e

101
00:06:49,360 --> 00:06:52,650
intentaremos encontrar este archivo exacto dentro de un fusible.

102
00:06:52,660 --> 00:06:54,790
Entonces, vamos a crear eso.

103
00:06:54,790 --> 00:07:01,520
Así que voy a hacer un toque de vista de visitas a casa que nos Ejay simplemente así.

104
00:07:01,780 --> 00:07:04,380
Y luego, lo siguiente que quiero hacer es agregar algo de contenido.

105
00:07:04,420 --> 00:07:10,320
Así que vamos a abrir ese archivo con ese nuevo comando C9 que C-9 ve en su página principal.

106
00:07:10,360 --> 00:07:10,610
MI. J. Sí y agreguemos algunas cosas aquí.

107
00:07:10,610 --> 00:07:14,800
Esta es la página principal.

108
00:07:14,890 --> 00:07:17,530
Arreglemos esto.

109
00:07:17,890 --> 00:07:19,100
Y también agreguemos una imagen y tengo una imagen que me gustaría usar aquí.

110
00:07:19,480 --> 00:07:24,850
Esto es algo llamado esquí de palma.

111
00:07:24,850 --> 00:07:26,960
Es una mezcla pomerania y fornida.

112
00:07:27,080 --> 00:07:29,230
Supuestamente, este es un Parsky completamente desarrollado, que es bastante loco si eso es cierto.

113
00:07:29,230 --> 00:07:33,700
Parece un husky miniaturizado o simplemente un cachorro de husky permanente.

114
00:07:33,910 --> 00:07:38,240
De todos modos, copiaremos esta URL y volveremos.

115
00:07:38,350 --> 00:07:41,720
Y, por supuesto, puede hacer cualquier imagen que desee.

116
00:07:41,800 --> 00:07:44,380
No tienes que ir a buscar eso o sin letras, eres Ellaby y ahorrarás.

117
00:07:44,380 --> 00:07:48,670
Y ahora vamos a cerrar esto y deberíamos estar listos para irnos.

118
00:07:49,060 --> 00:07:52,880
Excepto por la pérdida de una cosa y de hecho voy a dejar que el correo exprés nos diga lo que nos estamos perdiendo.

119
00:07:53,050 --> 00:07:58,030
Recibiremos un mensaje de error.

120
00:07:58,030 --> 00:07:59,310
Así que voy a aclarar esto solo para hacer más espacio para ti.

121
00:07:59,530 --> 00:08:02,940
Y ahora voy a iniciar el servidor.

122
00:08:03,160 --> 00:08:05,510
Y cuando vayamos a la ruta de la ruta llamaremos al método de renderizado que buscará el hogar.

123
00:08:06,910 --> 00:08:12,110
Sí.

124
00:08:12,270 --> 00:08:12,950
Dentro de un directorio llamado vistas.

125
00:08:13,150 --> 00:08:15,650
Y luego, una vez que lo encuentra, tomará el contenido y lo

126
00:08:15,790 --> 00:08:21,580
enviará de vuelta a la respuesta para que regresemos a nuestra aplicación y lo actualicemos, y obtenemos un mensaje de error que dice que no puede encontrar Montreuil.

127
00:08:21,580 --> 00:08:28,690
MI. J. Sí.

128
00:08:28,690 --> 00:08:28,940
el archivo Ejaz.

129
00:08:29,020 --> 00:08:29,780
Y lo que eso significa es que Express está buscando un paquete llamado Ejay us que necesita usar para procesar y

130
00:08:30,160 --> 00:08:36,340
Entonces necesitamos que NPM nos instale Ejay y todo esto tendrá sentido por qué estamos usando Ejaz en solo unos minutos.

131
00:08:36,340 --> 00:08:39,630
Pero por ahora solo confía en mí NPM instala Ejay us y vamos a hacer dash dash save.

132
00:08:39,670 --> 00:08:46,570
Y una vez que eso termina, podemos hacer un nodo.

133
00:08:46,600 --> 00:08:52,440
J. S. de nuevo y actualiza la página ahora y obtenemos que esta es la página de

134
00:08:53,230 --> 00:08:57,080
inicio y nuestros adorables cachorros han crecido por completo Tomsky.

135
00:08:57,160 --> 00:09:04,570
Así que ahora tenemos un archivo de ht m l que hemos escrito que ahora estamos enviando de

136
00:09:04,570 --> 00:09:06,020
vuelta al usuario y que se está procesando en el navegador.

137
00:09:06,130 --> 00:09:11,530
Y eso es genial, pero esto todavía es extremadamente limitado para las aplicaciones web.

138
00:09:11,530 --> 00:09:12,820
Esto solo enviará la misma

139
00:09:13,030 --> 00:09:17,900
página exactamente cada vez y en la mayoría de las aplicaciones web eso no es lo que queremos.

140
00:09:17,920 --> 00:09:23,980
Tal vez la página de inicio sea la misma o la página de inicio de sesión sea la misma.

141
00:09:23,980 --> 00:09:24,530
Pero una vez

142
00:09:24,670 --> 00:09:28,260
que el usuario ha iniciado sesión, por ejemplo, generalmente hay un mensaje que dice "bienvenidas" o "bienvenidas".

143
00:09:28,330 --> 00:09:33,850
Adulto adorable de la raya vertical del perrito de Parsky.

144
00:09:34,300 --> 00:09:35,370
Déjame mostrarte lo que quiero decir con un ejemplo rápido.

145
00:09:35,380 --> 00:09:37,960
Así que volveré y agregaré una nueva ruta y nuestra ruta va a ser algo así como Slash.

146
00:09:37,960 --> 00:09:39,870
Enamórate y luego algo como Rustie y luego también podemos ir a enamorarnos de un esquí de palma.

147
00:09:40,060 --> 00:09:45,960
Creo que así es como se deletrea.

148
00:09:46,060 --> 00:09:54,100
Y queremos un archivo HMO que nos muestre un mensaje que contenga la variable de la ruta de ese

149
00:09:54,550 --> 00:09:55,780
parámetro de ruta.

150
00:09:55,990 --> 00:10:01,780
Entonces diría algo como que te enamoraste de oxidado, así que para hacer eso necesitas definir o hacerte un corte en el

151
00:10:01,780 --> 00:10:02,480
amor con Slash.

152
00:10:02,590 --> 00:10:14,900
Así es como lo llamaremos.

153
00:10:15,290 --> 00:10:18,560
Y luego necesitamos nuestra solicitud y respuesta dentro de la devolución de llamada.

154
00:10:18,570 --> 00:10:19,600
Y al igual

155
00:10:19,940 --> 00:10:24,440
que el último ejercicio capturará algo que será lo de VAR, es igual a

156
00:10:24,440 --> 00:10:32,480
solicitar lo de harams y luego podemos comenzar con este simple envío de punto rojo tal como lo hicimos con el ejercicio de hablar con animales.

157
00:10:32,960 --> 00:10:39,290
El cerdo dice Oink.

158
00:10:39,290 --> 00:10:39,950
La vaca dice que moo puede hacer lo mismo aquí.

159
00:10:39,960 --> 00:10:41,770
Entonces diremos que te enamoraste de algo más.

160
00:10:41,900 --> 00:10:44,050
Todo bien.

161
00:10:44,060 --> 00:10:51,130
Así que esto es una revisión y si reinicio el servidor ahora y vuelvo y ahora voy a atacarlo con

162
00:10:51,890 --> 00:10:52,310
Slash

163
00:10:52,340 --> 00:11:00,890
ske, conseguimos que te enamores de Tomsky, lo cual no es exactamente correcto desde el punto de vista gramatical, pero tampoco la palabra pomps.

164
00:11:01,280 --> 00:11:10,820
Así que volveré y ahora lo que queremos hacer es descubrir cómo le podemos enviar una H Voy a contestar que dice

165
00:11:10,820 --> 00:11:12,850
que te enamoré del plus

166
00:11:13,070 --> 00:11:18,770
y luego algo podemos comenzar creando el archivo y Llamaré este archivo dentro

167
00:11:18,950 --> 00:11:25,850
del directorio de vistas y lo llamaré por supuesto, pero voy a ir con amor E. J. como para mantenerlo corto y luego llenaremos eso.

168
00:11:25,850 --> 00:11:31,490
Entonces, necesitamos una vista C-9.

169
00:11:31,490 --> 00:11:36,380
Amo eso.

170
00:11:36,380 --> 00:11:40,520
Sí, tenemos eso abierto y comencemos simplemente por agregar que te enamoraste y luego tenemos que completar

171
00:11:40,940 --> 00:11:41,840
el espacio en blanco.

172
00:11:41,950 --> 00:11:51,110
Pero aún no sabemos qué poner aquí, así que lo dejaremos así y vamos a poner una nota aquí que

173
00:11:51,110 --> 00:11:51,910
dice P. S. Este es el amor que Ejay usamos para que sepas que proviene del archivo Ejaz.

174
00:11:52,010 --> 00:11:56,780
No es el envío de redstart que tenemos ahora.

175
00:11:56,780 --> 00:12:07,500
De hecho, para deshacerse de eso.

176
00:12:07,500 --> 00:12:10,430
Entonces, lo que queremos hacer es renderizar ese archivo, así que leer no es renderizar.

177
00:12:10,490 --> 00:12:12,270
Y el nombre del archivo es amor que E. J. Sí, se verá automáticamente en el directorio de vistas que está justo allí.

178
00:12:13,100 --> 00:12:18,230
Ahí vamos, tenemos dos archivos, comencemos el nodo Nodo del servidor.

179
00:12:18,500 --> 00:12:21,420
Sí se reiniciará y actualizará.

180
00:12:21,420 --> 00:12:27,080
DE ACUERDO.

181
00:12:27,110 --> 00:12:31,980
Entonces nuestro archivo está aquí.

182
00:12:32,110 --> 00:12:36,260
Te enamoraste y tenemos que completar el espacio en blanco aquí.

183
00:12:36,590 --> 00:12:36,920
datos que provienen de

184
00:12:36,950 --> 00:12:38,520
una base de datos o datos que un usuario ha proporcionado donde no es un archivo estático de muerte.

185
00:12:38,540 --> 00:12:41,700
Y sé que este es un ejemplo muy simple, que es el punto que no quiero confundir con algo loco por el momento, pero este tipo de lógica es realmente importante donde podemos completar una plantilla con

186
00:12:41,990 --> 00:12:46,250
Eso es exactamente lo mismo cada vez.

187
00:12:46,250 --> 00:12:51,860
Básicamente, queremos agregar variables a HTL y eso es lo que cada Sí nos deja hacer.

188
00:12:51,860 --> 00:12:57,950
Entonces E. J. S significa javascript incrustado.

189
00:12:57,980 --> 00:13:00,220
Nos permite incrustar variables de código javascript si los enunciados dentro de H Timo.

190
00:13:00,260 --> 00:13:05,770
Entonces, es cómo podríamos hacer algo así.

191
00:13:06,080 --> 00:13:09,380
Te enamoraste

192
00:13:09,380 --> 00:13:18,520
y luego aquí esto no funcionará por el momento pero podríamos poner nuestra variable llamada cosa, solo hagámoslo en mayúscula variable.

193
00:13:18,560 --> 00:13:20,450
Pero esto no funcionará

194
00:13:20,840 --> 00:13:26,970
porque solo lo tratará como HMO regular y solo nos mostrará la palabra cosa variable.

195
00:13:27,640 --> 00:13:30,650
Necesitamos hacer algo para decirnos a cada uno de

196
00:13:30,650 --> 00:13:36,430
nosotros que este es un código de JavaScript que no le enseñe. Lo trataré como javascript.

197
00:13:36,440 --> 00:13:37,700
Afortunadamente, solo nos da una forma de hacerlo.

198
00:13:37,700 --> 00:13:43,010
Es un poco raro cuando lo ves por primera vez.

199
00:13:43,010 --> 00:13:44,200
Se parece a esto.

200
00:13:44,390 --> 00:13:47,160
corchete de apertura y lo que sea que vaya entre estos dos corchetes aquí se tratará como Javascript.

201
00:13:47,210 --> 00:13:49,600
Así que tenemos nuestros corchetes y luego signos de porcentaje y luego signo igual en el

202
00:13:49,790 --> 00:13:51,220
Así que les mostraré lo que

203
00:13:51,830 --> 00:13:58,640
quiero decir con que podemos usar algo así como cinco más cinco que en H M L normal y lo haré para mostrarles cinco más cinco.

204
00:13:58,640 --> 00:14:03,150
Sin estos corchetes de Ejay Yes solo imprimiremos

205
00:14:03,320 --> 00:14:10,580
cinco más cinco, pero si lo hacemos aquí, en realidad obtendremos 10 impresos.

206
00:14:10,580 --> 00:14:14,010
Así que voy a guardar esta plantilla para cerrarla o iniciar el

207
00:14:14,450 --> 00:14:20,480
servidor de nuevo nodo después de J us y actualizar la página y conseguimos que te enamores de cinco más cinco diez.

208
00:14:20,480 --> 00:14:22,000
Y lo entiendo totalmente

209
00:14:22,130 --> 00:14:33,230
Si pause cinco diez es una captura completa, está bien.

210
00:14:33,230 --> 00:14:36,920
Así que volveremos.

211
00:14:37,130 --> 00:14:38,010
Entonces no queremos que se impriman cinco más cinco allí.

212
00:14:38,030 --> 00:14:41,270
Pero realmente queremos es la cosa variable.

213
00:14:41,270 --> 00:14:42,220
Lo llamaremos VAR o simplemente haremos algo.

214
00:14:42,350 --> 00:14:44,980
Y esto debe venir de nuestro código aquí.

215
00:14:45,020 --> 00:14:48,830
Entonces, lo que tenemos que hacer es pasar este valor a nuestro amor que E. J. como plantilla y queremos imprimirlo y mientras estamos

216
00:14:48,890 --> 00:14:52,780
aquí también deshacerse de los cinco más cinco.

217
00:14:52,940 --> 00:14:56,180
Así que conseguimos que te enamores y luego tenemos que definir el

218
00:14:56,180 --> 00:15:02,820
asunto y podrías pensar que podríamos hacer esto.

219
00:15:02,820 --> 00:15:07,290
Var es igual a la solicitud de tragamonedas.

220
00:15:07,490 --> 00:15:12,980
Y es posible que esperes que la expresión automática envíe todas esas variables de alguna manera a esta plantilla.

221
00:15:12,980 --> 00:15:15,400
Y solo sabe sobre la cosa var.

222
00:15:15,410 --> 00:15:18,200
Lamentablemente, no es así como funciona.

223
00:15:18,440 --> 00:15:24,320
Y le mostraré que reinicie el servidor. Recibiré un mensaje de error y me dice

224
00:15:24,410 --> 00:15:26,410
que no hay nada definido.

225
00:15:26,750 --> 00:15:28,550
Así que ahora necesito regresar y definir la barra de cosas.

226
00:15:28,670 --> 00:15:37,790
Y la forma en que hago eso es pasándolo a mi amado E. J. s plantilla y lo hago en la línea de procesamiento de puntos cuando lo pasa como un

227
00:15:37,790 --> 00:15:38,590
objeto.

228
00:15:38,930 --> 00:15:41,800
Y en ese objeto puedo poner varios datos que quiero tener en mi plantilla.

229
00:15:41,960 --> 00:15:48,230
Entonces, en lugar de cosas, simplemente vamos a llamarlo para aclarar esto

230
00:15:48,230 --> 00:15:52,170
y luego voy a pasar los datos y voy a decir en la plantilla que var debe ser igual a una cosa.

231
00:15:52,340 --> 00:15:57,210
Lo que esto hará es tomar el valor de la cosa y pegarla aquí mismo.

232
00:15:57,440 --> 00:16:03,230
Entonces parecerá que algo lejano es igual a Rusty.

233
00:16:03,230 --> 00:16:10,910
Y luego, aquí, lo var será reemplazado.

234
00:16:11,330 --> 00:16:15,420
Todo esto sería reemplazado por oxidado.

235
00:16:15,560 --> 00:16:19,450
OK, así que lo dejamos así.

236
00:16:19,610 --> 00:16:22,760
Vuelve aquí y por qué no empezamos por codificarlo duro como resti solo así

237
00:16:22,760 --> 00:16:25,810
y reiniciaremos el servidor y refrescaré la página y me enamoro de Rusty.

238
00:16:26,460 --> 00:16:29,600
Entonces, en lugar de hacer una cadena, el

239
00:16:29,600 --> 00:16:35,900
siguiente paso es volver a lo que teníamos, que es la variable de la variable completa

240
00:16:35,900 --> 00:16:42,240
y la pasaremos por debajo de la barra de nombre del nombre y luego la presentaremos allí.

241
00:16:42,350 --> 00:16:48,560
MI. J. ha etiquetado esta cosa que parece wonky.

242
00:16:48,560 --> 00:16:55,850
Reinicia el servidor nuevamente.

243
00:16:55,850 --> 00:16:56,000
Ahora entiendo, te enamoraste de Parsky.

244
00:16:56,010 --> 00:16:58,350
Y si voy contigo, te enamoraste de Tater Tots que también se refleja aquí.

245
00:16:58,610 --> 00:17:02,200
Este es un concepto muy poderoso que usaremos.

246
00:17:02,390 --> 00:17:05,910
Como dije, y prácticamente todas las aplicaciones a partir de

247
00:17:06,070 --> 00:17:13,440
ahora tienen estas páginas dinámicas que le han picado todas las respuestas que pueden cambiar dependiendo de lo que el

248
00:17:13,520 --> 00:17:16,510
usuario solicitó en datos específicos de la solicitud.

249
00:17:16,520 --> 00:17:21,190
La otra cosa que mostraré es que esto es solo un Javascript normal.

250
00:17:21,190 --> 00:17:26,870
Así que aquí puedo hacer cosas como mayúsculas y esto se ejecutará primero y luego devolverá algo que

251
00:17:26,870 --> 00:17:27,950
se imprimirá como oxidado.

252
00:17:27,950 --> 00:17:31,630
Por lo tanto, solo es un javascript regular y hablaremos más sobre lo que debería incluirse aquí y lo que no debería.

253
00:17:31,730 --> 00:17:39,590
Debido a que hay algunas reglas que no quieres complicar, le agotaste toda tu plantilla de Ejaz con

254
00:17:39,650 --> 00:17:42,100
toneladas y toneladas de javascript.

255
00:17:42,470 --> 00:17:46,880
Desea mantenerlo al mínimo, pero por ahora lo haré y lo guardaré.

256
00:17:47,150 --> 00:17:51,650
Y esta será la última cosa que hacemos.

257
00:17:51,650 --> 00:17:53,200
Reinicie la actualización del servidor.

258
00:17:53,300 --> 00:17:57,070
Y ahora obtengo una versión en mayúscula.

259
00:17:57,230 --> 00:17:58,990
De acuerdo, ahora vamos a resumir todo lo que hablamos.

260
00:17:59,270 --> 00:18:01,860
Hay bastante en esta lección.

261
00:18:02,180 --> 00:18:04,280
Lo primero es que podemos enviar de vuelta el contenido de un archivo utilizando el proceso de redstart como

262
00:18:04,280 --> 00:18:06,600
lo hicimos aquí y aquí, y esas plantillas deben existir en el directorio de vistas que express express busca automáticamente allí.

263
00:18:06,620 --> 00:18:08,330
Lo siguiente que hablamos sobre su Ejaz

264
00:18:08,360 --> 00:18:14,180
es javascript incorporado y es lo que nos permite tener plantillas dinámicas de salida HDMI que cambiarán dependiendo de algunos datos que proporcionamos.

265
00:18:14,180 --> 00:18:20,600
Vimos que teníamos que hacer cada Sí y luego hacer que nuestro archivo se llamara algo DOD Ejay Sí.

266
00:18:20,600 --> 00:18:26,570
Y luego también necesitábamos ejecutar la instalación de NPM Ejay us y luego lo último es que

267
00:18:26,570 --> 00:18:31,440
podemos usar los corchetes Ejay us que son muy raros al principio para escribir.

268
00:18:31,640 --> 00:18:37,730
Probablemente no estés acostumbrado a usar esta parte del teclado, pero hay corchetes donde aparece el signo de porcentaje y

269
00:18:37,940 --> 00:18:44,140
uno igual y luego, en el otro lado, solo se trata de un signo de porcentaje y todo lo que entra

270
00:18:44,240 --> 00:18:47,230
se trata primero como código JavaScript y luego lo que

271
00:18:47,360 --> 00:18:52,040
sea que devuelva ese código se imprime en la HMO y para pasar los datos.

272
00:18:52,040 --> 00:18:57,140
Podemos pasar un objeto en la llamada de renderizado de puntos rojos donde tenemos pares de valores clave.

273
00:18:57,140 --> 00:19:03,650
Es solo un objeto regular de javascript.

274
00:19:03,850 --> 00:19:07,270
Y en la plantilla tenemos acceso a las variables que definimos son las propiedades del objeto.

275
00:19:07,760 --> 00:19:12,500
En este caso, la cosa es igual a cualquiera que sea el valor de la cosa que cambia cada vez.

276
00:19:12,500 --> 00:19:14,660
Y aquí podemos usar la cosa para.

277
00:19:14,660 --> 00:19:19,790
De acuerdo, entonces sé que hay mucho que digerir en este video.

278
00:19:19,910 --> 00:19:26,330
Tendremos mucha más práctica con estos conceptos en particular.

279
00:19:26,570 --> 00:19:29,510
MI. J. Sí y eso E. J. tiene corchetes y luego pasar datos a una plantilla es algo

280
00:19:29,780 --> 00:19:32,830
que vamos a hacer en cada video de aquí en adelante

281
00:19:32,840 --> 00:19:36,280
 

282
00:19:36,320 --> 00:19:36,590
 

283
00:19:36,590 --> 00:19:42,320
 

284
00:19:42,320 --> 00:19:43,740