1
00:00:00,280 --> 00:00:02,750
OK, volveremos para los próximos videos.

2
00:00:02,760 --> 00:00:06,620
Nos centraremos en crear la aplicación de blog que mostré en el último video.

3
00:00:07,020 --> 00:00:08,220
Y va a tomar algunos videos.

4
00:00:08,220 --> 00:00:13,380
Iremos por una ruta a la vez debido a la importancia de estas rutas de descanso en este

5
00:00:13,380 --> 00:00:13,920
primer video.

6
00:00:13,920 --> 00:00:17,230
Nos centraremos en el índice y luego iremos en orden.

7
00:00:17,280 --> 00:00:20,280
Céntrese en lo nuevo y cree y luego muestre editar y actualizar.

8
00:00:20,340 --> 00:00:25,740
la interfaz de usuario semántica, que es otro marco similar al de arranque para CSSA y Javascript.

9
00:00:25,740 --> 00:00:32,100
Y finalmente, un video sobre destruir y junto con la creación de la aplicación y la adición de las siete rutas

10
00:00:32,160 --> 00:00:34,020
que más necesitamos van a presentar

11
00:00:34,050 --> 00:00:37,890
Así que de nuevo en los últimos mencioné Por qué realmente solo me gusta cómo se ve.

12
00:00:37,890 --> 00:00:43,380
Esa es una razón, pero lo más importante es que quiero exponerte a otro marco para que

13
00:00:43,380 --> 00:00:45,460
puedas ver qué tan similares son.

14
00:00:45,670 --> 00:00:50,670
Tal vez estés pensando que es una mala idea para mí mostrarte otro marco para bombardear con toda esta

15
00:00:50,670 --> 00:00:54,030
información, pero la buena noticia es que las cosas son muy similares.

16
00:00:54,120 --> 00:00:59,730
ver cuánto tienen en común y que es más lo que tienen en común de lo que lo hacen de manera diferente.

17
00:00:59,730 --> 00:01:01,940
Una vez que veas dos o tres comienzas a

18
00:01:02,160 --> 00:01:06,590
Entonces, semánticamente por qué, pero vamos a comenzar creando nuestra aplicación.

19
00:01:06,750 --> 00:01:09,700
Así que estoy dentro de un directorio llamado enrutamiento tranquilo.

20
00:01:09,800 --> 00:01:13,040
Si quieres seguir adelante, ya hay una solución.

21
00:01:13,140 --> 00:01:18,480
Por lo tanto, si desea hacer una referencia, puede hacerlo y si no desea realizar la creación de

22
00:01:18,510 --> 00:01:23,550
la aplicación, si no desea cubrir el índice nuevo y crear porque lo ha visto antes, puede

23
00:01:23,550 --> 00:01:24,190
omitirlo. .

24
00:01:24,480 --> 00:01:27,610
Pero te recomiendo que revises todas las rutas conmigo a lo largo del código.

25
00:01:27,720 --> 00:01:29,560
Es realmente importante que bajemos esto.

26
00:01:29,580 --> 00:01:32,340
Es realmente el pan y la mantequilla de nuestras aplicaciones express.

27
00:01:32,900 --> 00:01:33,300
DE ACUERDO.

28
00:01:33,360 --> 00:01:37,560
Así que crearemos nuestra aplicación. Simplemente la llamaré la aplicación de blog.

29
00:01:38,100 --> 00:01:47,250
En realidad, llamémoslo aplicación de blog tranquila y luego CD y luego nuestro NPM favorito y

30
00:01:50,490 --> 00:01:54,930
en realidad sí es nuestro punto de entrada.

31
00:01:54,960 --> 00:01:56,680
Estupendo.

32
00:01:57,550 --> 00:01:58,630
Está bien.

33
00:01:58,710 --> 00:01:59,270
DE ACUERDO.

34
00:01:59,340 --> 00:02:07,170
Ahora instalemos algunas cosas que necesitamos para que NPM se instale y la primera, por supuesto, es express y

35
00:02:07,170 --> 00:02:09,610
luego también se agregará a mongoose.

36
00:02:10,170 --> 00:02:12,840
Y mientras estemos aquí haremos un analizador corporal.

37
00:02:13,150 --> 00:02:22,050
Entonces esos tres guiones salven recuerden que el analizador corporal es la forma en que obtenemos los datos del formulario que el formulario envía datos al cuerpo

38
00:02:22,050 --> 00:02:27,200
de la solicitud y luego analizamos el cuerpo de la solicitud usando la persona física.

39
00:02:27,540 --> 00:02:29,250
Entonces eso sería en el próximo video.

40
00:02:29,250 --> 00:02:30,680
Por ahora solo estamos haciendo index.

41
00:02:30,840 --> 00:02:34,060
Entonces tenemos esa configuración creemos o realmente sí.

42
00:02:34,320 --> 00:02:40,740
Ahora abriremos el aparato y haremos nuestra parte superior estándar del

43
00:02:43,400 --> 00:02:56,790
archivo donde requerimos express express urgente y luego haremos la aplicación igual a Express y también agregaremos el analizador de Vadi justo mientras

44
00:02:56,790 --> 00:03:02,240
estamos aquí porque necesitamos el analizador Dasch del cuerpo.

45
00:03:02,550 --> 00:03:04,110
Y finalmente haremos

46
00:03:09,390 --> 00:03:12,090
mangosta y me gusta limpiar esto.

47
00:03:12,180 --> 00:03:14,710
Me gustaría ordenarlos por longitud también.

48
00:03:14,820 --> 00:03:21,350
Así que terminamos con partes del cuerpo o primero si seguimos mi convención.

49
00:03:21,360 --> 00:03:25,800
Pero no es tan importante, solo di que no, me gusta hacer esto.

50
00:03:25,920 --> 00:03:32,470
Las partes del cuerpo son primero y luego tenemos mangosta y luego expresamos y luego a.

51
00:03:33,240 --> 00:03:38,420
Y eso es solo para alinearlos por longitud y luego podemos aplicar sangría a las cosas si realmente queremos, pero este

52
00:03:38,430 --> 00:03:42,280
no es el objetivo de este video, así que no pasaré demasiado tiempo haciendo esto.

53
00:03:43,440 --> 00:03:45,330
OK, así que tenemos eso hecho ahora.

54
00:03:45,360 --> 00:03:47,070
Asegúrese de que cada punto y coma.

55
00:03:47,100 --> 00:03:50,070
A continuación, tenemos que configurar la mangosta.

56
00:03:50,070 --> 00:03:51,730
Entonces, ¿nuestro modelo de blog es?

57
00:03:51,760 --> 00:03:58,770
Se llamará blog, tendrá un título que tendrá una imagen Arel y luego tendremos que llamarlo cuerpo,

58
00:03:58,880 --> 00:04:03,410
que será el texto del blog, el contenido de esa publicación.

59
00:04:03,450 --> 00:04:09,660
Así que la imagen del título y el cuerpo son todas las cadenas y también agregan algo nuevo que no has

60
00:04:09,660 --> 00:04:12,650
visto, que es una fecha así creada será una fecha.

61
00:04:12,960 --> 00:04:14,070
Así que ha llegado eso.

62
00:04:14,250 --> 00:04:21,150
Y antes de que podamos hacer algo de eso, tenemos que configurar la mangosta. Entonces,

63
00:04:21,150 --> 00:04:27,080
necesitamos nuestra conexión de mangosta y vamos a conectarnos a Mongo divi. Cole

64
00:04:31,320 --> 00:04:39,590
y slash slash, el host local cortará el nombre de nuestra aplicación y nuestra aplicación se llamará blog tranquilo.

65
00:04:40,410 --> 00:04:42,410
Y otra vez eso no importa.

66
00:04:42,450 --> 00:04:44,040
Lo estamos creando por primera vez.

67
00:04:44,130 --> 00:04:48,540
Por lo tanto, siempre que no lo modifiquemos en el futuro, siempre se conectará a una caminata tranquila por primera vez.

68
00:04:48,570 --> 00:04:49,640
Lo creará.

69
00:04:50,320 --> 00:04:50,700
DE ACUERDO.

70
00:04:50,700 --> 00:04:53,010
Y para que no tengamos que hacer esto más adelante.

71
00:04:53,100 --> 00:05:03,130
Pero configure nuestro motor de vista del conjunto de datos para que sea sí, que también debemos instalar.

72
00:05:03,720 --> 00:05:13,470
suceda, hagamos un uso de aplicaciones exprese ese directorio estático y público para que podamos servir nuestra hoja de estilos personalizada.

73
00:05:13,470 --> 00:05:15,940
Y mientras esperamos que eso

74
00:05:16,050 --> 00:05:22,140
Cuando lleguemos a esa buena práctica que debemos hacer al comienzo de cualquier aplicación exprés y también

75
00:05:22,580 --> 00:05:27,000
agregaremos una aplicación, no use el analizador corporal, que es nuestro analizador corporal.

76
00:05:27,090 --> 00:05:40,140
Todos están codificados como llamadas extendidas verdaderas y como verdaderos bocado, pero también pueden copiar estas tres líneas

77
00:05:40,140 --> 00:05:42,710
de aplicaciones preexistentes.

78
00:05:43,290 --> 00:05:48,310
Así que tenemos esa configuración en la parte inferior solo para asegurarnos de que nuestra aplicación expresa esté funcionando.

79
00:05:48,510 --> 00:05:59,440
Hagamos la lección de desactivación donde tenemos el proceso daddy en el IP del punto del proceso del puerto y agregue la devolución de

80
00:06:00,260 --> 00:06:05,020
llamada. El servidor de registro adulto del Consejo se está ejecutando.

81
00:06:05,100 --> 00:06:06,130
Todo bien.

82
00:06:06,150 --> 00:06:08,260
Probémoslo.

83
00:06:08,970 --> 00:06:09,900
No hay problemas.

84
00:06:09,900 --> 00:06:11,080
Estupendo.

85
00:06:11,130 --> 00:06:13,650
Así que ahora vamos a trabajar en la mangosta.

86
00:06:13,650 --> 00:06:15,810
Entonces tenemos una mangosta conectada.

87
00:06:15,810 --> 00:06:18,920
Ahora tenemos que crear nuestro esquema y nuestro modelo.

88
00:06:19,140 --> 00:06:21,170
Entonces comenzaremos con el esquema.

89
00:06:21,420 --> 00:06:31,050
Simplemente haremos un esquema de registro var igual a la nueva mangosta ese esquema así y para que su título sea

90
00:06:31,050 --> 00:06:38,100
una cadena una imagen que sea una cadena un cuerpo que también sea una cadena.

91
00:06:38,100 --> 00:06:41,360
Y luego estamos creando nuestra llamada de transferencia de datos.

92
00:06:42,120 --> 00:06:48,120
Y lo que podemos hacer es decir que esto no es tan conveniente porque tendremos que especificar

93
00:06:48,120 --> 00:06:49,000
manualmente la fecha.

94
00:06:49,470 --> 00:06:51,870
No queremos usar o escribir la fecha.

95
00:06:51,870 --> 00:06:56,760
Solo queríamos tomar la fecha actual cuando este usuario creó la publicación o creó el blog.

96
00:06:56,760 --> 00:07:01,080
Simplemente tome esa fecha para que podamos establecer un valor predeterminado para algo nuevo.

97
00:07:01,590 --> 00:07:08,210
Especificamos el tipo como fecha, pero luego también especificamos el punto por fecha predeterminado.

98
00:07:08,220 --> 00:07:11,680
Ahora y eso funcionará bien para nosotros.

99
00:07:11,940 --> 00:07:17,160
Y esto dice que creado debe ser una fecha y que hay datos de valores predeterminados ahora.

100
00:07:17,340 --> 00:07:21,900
Entonces, también podríamos hacer lo mismo con la imagen si quisiéramos tener una imagen predeterminada.

101
00:07:21,900 --> 00:07:27,820
Podríamos escribir una cadena y luego establecerla de manera predeterminada si el usuario no ingresó una imagen.

102
00:07:27,900 --> 00:07:35,490
Podríamos tener una cadena como una imagen de marcador de posición y una vinculación o algo así, pero no lo haremos,

103
00:07:35,490 --> 00:07:37,620
pero podríamos hacerlo fácilmente si quisiéramos.

104
00:07:38,410 --> 00:07:39,400
DE ACUERDO.

105
00:07:40,170 --> 00:07:46,710
Y una última nota aquí verá esta sangría a veces como esta.

106
00:07:46,710 --> 00:07:49,780
Es solo un objeto, porque es corto.

107
00:07:49,830 --> 00:07:50,970
No voy a hacer esto.

108
00:07:51,000 --> 00:07:53,390
Ocupa demasiado espacio o realmente sí.

109
00:07:53,470 --> 00:07:55,470
Va a estar desordenado como está.

110
00:07:55,500 --> 00:07:57,070
Así que lo dejo así

111
00:07:57,640 --> 00:08:02,100
Aceptar el cuerpo de la imagen del título creado y luego el siguiente paso.

112
00:08:02,100 --> 00:08:05,390
Deshágase de estos por ahora es compilarlo en ese modelo.

113
00:08:05,400 --> 00:08:15,480
Hasta ahora, el blog es igual a mangosta dot el modelo del log log schema.

114
00:08:15,480 --> 00:08:17,040
Aquí vamos.

115
00:08:17,250 --> 00:08:26,830
Guárdalo y añadiré un comentario aquí que solo dice mongoose slash model config.

116
00:08:27,070 --> 00:08:29,960
Aquí arriba agregaré otro comentario aquí.

117
00:08:30,060 --> 00:08:37,470
Se llama configuración de la aplicación y luego agregaremos un comentario aquí rutas.

118
00:08:37,680 --> 00:08:40,030
Vamos a llamarlo descanso para Rex.

119
00:08:40,050 --> 00:08:45,570
Así que aquí es donde ahora vamos a agregar nuestra ruta de índice o mostrar la ruta nueva, crear las siete repeticiones.

120
00:08:45,870 --> 00:08:48,550
Y sí, este archivo va a estar un poco desordenado.

121
00:08:48,550 --> 00:08:54,060
De nuevo, soy un disco rayado en esto, pero lo dividiremos en cosas separadas muy pronto.

122
00:08:54,060 --> 00:08:59,100
Le mostraré cómo podemos tener el archivo de un modelo de archivos de varios modelos, cómo podemos tener los

123
00:08:59,100 --> 00:09:02,640
archivos de ruta y podemos tener archivos para la configuración y para el middleware.

124
00:09:02,790 --> 00:09:05,450
Un montón de cosas diferentes, pero para mantenerlo simple.

125
00:09:05,520 --> 00:09:10,410
Al principio no quiero confundirlo o creo que es difícil ver si alguien cambia archivos constantemente.

126
00:09:10,440 --> 00:09:11,460
Es difícil hacer un seguimiento.

127
00:09:11,550 --> 00:09:12,570
Así que vamos a hacerlo en un solo archivo.

128
00:09:12,570 --> 00:09:15,950
Pero recuerda que esta no es necesariamente la mejor práctica.

129
00:09:15,960 --> 00:09:20,240
Si esta era una aplicación realmente grande y especialmente si tuviésemos muchos desarrolladores trabajando en ello.

130
00:09:20,640 --> 00:09:23,020
Así que ahora comenzamos los wrapstle wraps.

131
00:09:23,070 --> 00:09:26,360
Así que recuerda que estamos comenzando con el índice de nombres de índice.

132
00:09:26,400 --> 00:09:33,450
Esa ruta debería ser una barra oblicua de blogs como una solicitud de obtención y debería enumerar todos los blogs.

133
00:09:33,450 --> 00:09:37,390
Así que hagámoslo ahora antes de hacer eso, asegurémonos de que las cosas funcionen.

134
00:09:37,680 --> 00:09:40,540
Si ejecuto mi aplicación todavía no hay problemas.

135
00:09:40,950 --> 00:09:46,650
Y hagamos una sola creación de un blog para que tengamos algo que ver.

136
00:09:46,650 --> 00:09:48,140
Entonces seremos realmente simples.

137
00:09:48,380 --> 00:09:58,440
Este blog de revisión crea y luego queremos que el título solo lo llame prueba de imagen de blog y tomaré una imagen de

138
00:09:58,440 --> 00:10:02,780
este sitio y splash dot com es un gran recurso.

139
00:10:02,790 --> 00:10:08,100
Te mostraré en un video futuro que tiene un montón de imágenes gratis gratis que puedes hacer con lo

140
00:10:08,100 --> 00:10:08,520
que quieras.

141
00:10:08,670 --> 00:10:14,550
Y entonces va a tomar este de un perro y copiar eso que realmente puede

142
00:10:14,610 --> 00:10:21,760
ser cualquiera, solo queremos tener algo para probar y luego tendremos nuestro cuerpo y nuestro cuerpo será solo hola.

143
00:10:22,320 --> 00:10:27,090
Esta es una publicación de blog y la hemos creado en blanco.

144
00:10:27,140 --> 00:10:28,610
Toda violación

145
00:10:28,950 --> 00:10:30,240
Así que probemos esto.

146
00:10:30,240 --> 00:10:35,820
No haremos nada en cuanto a la devolución de llamada, solo asumiremos que funciona y luego lo probaremos en

147
00:10:35,820 --> 00:10:36,910
nuestros contras de Mongo. Entonces, no corramos el archivo.

148
00:10:36,930 --> 00:10:39,260
No pasa nada o parece que no pasó nada.

149
00:10:39,480 --> 00:10:42,050
Pero si vas a Mangu y

150
00:10:42,180 --> 00:10:53,710
utilizamos el registro de reposo completo, lo llamamos solo para verificarlo dos veces y luego hacemos un registro de puntos D-B. Encontramos nuestro primer blog allí, que es genial.

151
00:10:53,710 --> 00:11:00,990
Entonces esas dos cosas para nosotros.

152
00:11:01,170 --> 00:11:02,520
que debe enumerar todos los blogs.

153
00:11:02,520 --> 00:11:09,120
Uno de ellos demuestra que nuestro modelo se configuró correctamente pero, una vez que tengamos el índice en marcha, queremos asegurarnos de que tenemos algo que ver, ya que se supone

154
00:11:09,120 --> 00:11:12,310
Si no tenemos ningún blog para ver que

155
00:11:12,420 --> 00:11:16,830
es un poco decepcionante y no podremos decir si funciona.

156
00:11:16,830 --> 00:11:18,540
Entonces salgo de allí.

157
00:11:18,540 --> 00:11:19,900
Ahora centrémonos en nuestra ruta.

158
00:11:19,980 --> 00:11:21,680
Me refiero a deshacerme de esto. No

159
00:11:21,710 --> 00:11:27,330
quiero crear un nuevo blog cada vez que ejecuto esta aplicación, especialmente la misma una y otra vez, aunque ese perro es realmente adorable.

160
00:11:27,330 --> 00:11:31,610
Lo que queremos hacer es crear nuestra ruta de índice.

161
00:11:31,620 --> 00:11:33,570
Vuelva a tachar los blogs a

162
00:11:33,930 --> 00:11:44,190
medida que obtiene una solicitud que parece apta para agregar registros de barras en nuestra devolución de respuesta de solicitud estándar y luego vamos a hacer un reinicio y

163
00:11:44,190 --> 00:11:52,170
la plantilla que se representará se llamará index dot Ejay us y no lo hacemos necesito ese Ejay Sí o solo un índice.

164
00:11:52,170 --> 00:11:58,350
Y eso es otra vez porque de esta línea no necesitamos que nos use Ejay, pero

165
00:11:58,410 --> 00:12:04,190
lo que sí necesitamos es una plantilla llamada índice que es un directorio llamado vistas.

166
00:12:04,200 --> 00:12:06,750
Entonces haremos eso ahora.

167
00:12:07,170 --> 00:12:08,260
Haga que las vistas de directorio toquen el índice de barras de visitas.

168
00:12:08,340 --> 00:12:13,000
Y cometí un pequeño error indexado.

169
00:12:13,680 --> 00:12:16,460
MI. J. Sí.

170
00:12:16,500 --> 00:12:17,550
Entonces,

171
00:12:17,550 --> 00:12:24,750
para practicar un poco más o eliminar ese archivo, lo eliminaré o al menos usaré el índice Flash y luego lo recrearé.

172
00:12:24,750 --> 00:12:25,180
Toca el punto de índice de barra de uso.

173
00:12:25,320 --> 00:12:27,340
MI. J. Sí.

174
00:12:27,350 --> 00:12:28,380
Y luego ábrelo y acabaremos de iniciar esta simple página de índice H-1 y guardar.

175
00:12:28,620 --> 00:12:38,060
Entonces veamos que tenemos esa página de índice.

176
00:12:38,510 --> 00:12:41,050
En este momento no está cumpliendo con la funcionalidad de la página de índice.

177
00:12:41,190 --> 00:12:44,970
Ahora, si vamos a una vista previa a la que puedes acceder de varias formas, solo voy al

178
00:12:44,970 --> 00:12:50,760
Web Dev Bootcamp punto com dash, aprendo con el código punto C9 que me enseñas o puedes ir a la vista previa de la aplicación en ejecución.

179
00:12:51,600 --> 00:12:58,610
Se abrirá aquí, pero luego puede hacer clic en este botón para

180
00:12:58,620 --> 00:13:05,010
verlo en su navegador o puede guardarlo aquí si lo prefiere.

181
00:13:05,010 --> 00:13:06,370
DE ACUERDO.

182
00:13:06,810 --> 00:13:07,270
Entonces, recibimos

183
00:13:07,440 --> 00:13:15,450
un error aquí y eso es porque no tenemos una ruta, por lo que necesitamos registros de barras y obtenemos nuestra ruta de página de índice.

184
00:13:15,450 --> 00:13:17,230
piensas de Reddit o Facebook.

185
00:13:17,400 --> 00:13:24,420
Es convencional que la página de ruta de la página de inicio vaya al índice de algo que

186
00:13:24,420 --> 00:13:25,950
Por ejemplo, en reddit vas a la página

187
00:13:25,950 --> 00:13:31,830
de inicio y ves un índice de todas las publicaciones de Reddit en Facebook, ves un índice de todas las publicaciones y fotos y cualquier otra cosa que haya.

188
00:13:32,070 --> 00:13:35,660
Así que hagámoslo ahora después de obtener

189
00:13:35,670 --> 00:13:46,380
la respuesta de solicitud de función de barra y vamos a hacer una lectura de entrada colirrojo directamente para recortar los blogs.

190
00:13:46,890 --> 00:13:49,600
Ahora para reiniciar, actualizamos.

191
00:13:50,130 --> 00:13:54,280
Nada debería cambiar.

192
00:13:54,300 --> 00:13:55,010
Pero si voy a la barra también termino en blogs de barra.

193
00:13:55,020 --> 00:13:58,490
DE ACUERDO.

194
00:13:58,880 --> 00:13:59,360
Ahora agregaría la funcionalidad del índice.

195
00:13:59,370 --> 00:14:01,950
Entonces, necesitamos recuperar todos los blogs de la base de datos.

196
00:14:01,950 --> 00:14:06,140
Así que eso va a ser buscar un blog en encontrar todo y luego tendremos nuestra devolución de llamada con un error.

197
00:14:06,450 --> 00:14:14,380
Y luego, nuestros datos, a los que llamaré blogs, y luego

198
00:14:14,910 --> 00:14:24,840
haremos un error F y eso es solo para llegar a ese registro.

199
00:14:24,840 --> 00:14:25,700
Alguna otra cosa agregaremos en nuestro índice de render de colirrojo, excepto que no queremos simplemente mantenerlo así.

200
00:14:26,160 --> 00:14:34,770
Queremos mostrar el índice con datos.

201
00:14:35,010 --> 00:14:38,170
Entonces, nuestros datos serán,

202
00:14:38,430 --> 00:14:42,300
digamos, blogs e iguales a blogs.

203
00:14:44,730 --> 00:14:47,100
Así que estamos pasando los datos que regresan de la base de datos de nuestro Dopp para encontrar lo que regrese.

204
00:14:47,550 --> 00:14:52,720
Luego lo enviamos bajo los nombres de blogs.

205
00:14:52,860 --> 00:14:56,030
Sí, es un poco confuso, pero esto

206
00:14:56,400 --> 00:15:00,990
es bastante convencional para ver dónde tienen exactamente el mismo nombre.

207
00:15:00,990 --> 00:15:01,860
Bien, ahora vamos a una plantilla y agreguemos algún código.

208
00:15:02,170 --> 00:15:07,490
Echemos un vistazo a los blogs para comenzar así.

209
00:15:07,500 --> 00:15:10,790
Asegúrate de que esté llegando.

210
00:15:10,860 --> 00:15:12,800
Recarga la página.

211
00:15:12,990 --> 00:15:14,680
Y estamos obteniendo nuestra lista.

212
00:15:15,870 --> 00:15:17,240
Es un blog en este momento, pero lo estamos viendo aquí.

213
00:15:17,250 --> 00:15:20,200
Estupendo.

214
00:15:20,250 --> 00:15:20,890
Entonces, vamos a mostrarlo un poco mejor.

215
00:15:21,060 --> 00:15:24,220
No haremos nada loco, pero lo que haremos

216
00:15:24,240 --> 00:15:32,220
es recorrer todos los blogs, de modo que los blogs de cada registro de función, y luego lo necesitemos aquí.

217
00:15:32,820 --> 00:15:40,230
Y luego, hacia abajo, necesitamos otras etiquetas, el paréntesis de cierre, cada una, y luego necesitamos paréntesis también.

218
00:15:42,740 --> 00:15:49,950
Y para cada uno crearemos un div dentro de ese div.

219
00:15:51,330 --> 00:15:55,530
Hagamos un H 2.

220
00:15:55,770 --> 00:15:58,440
Y ese sería el título LUGG ese título.

221
00:15:58,770 --> 00:16:02,410
Recuerde que necesitamos el signo igual allí, pero no en cada uno o los corchetes.

222
00:16:02,760 --> 00:16:07,730
A continuación, se mostrará una imagen y la fuente es igual a los paréntesis Ejaz.

223
00:16:07,860 --> 00:16:16,450
La imagen de Lagat y olvidé mencionar esto.

224
00:16:16,630 --> 00:16:21,420
nosotros porque lo dijimos como el valor predeterminado para que podamos mostrarlo justo debajo de la imagen.

225
00:16:21,480 --> 00:16:27,240
Si echas un vistazo a creado, puedes ver que tenemos este bonito momento loco aquí que se creó automáticamente para

226
00:16:27,240 --> 00:16:33,420
Solo haga un lapso por ahora que ha creado Lagat y

227
00:16:33,850 --> 00:16:44,010
luego, por supuesto, necesitamos nuestra publicación en el blog en sí misma, que será un párrafo que es

228
00:16:44,010 --> 00:16:45,000
el cuerpo.

229
00:16:47,910 --> 00:16:50,100
Todo bien.

230
00:16:50,100 --> 00:16:50,520
Mucho contenido allí.

231
00:16:50,520 --> 00:16:52,500
Actualiza la página y puedes ver nuestra primera publicación.

232
00:16:52,980 --> 00:16:57,860
Tendrás que confiar en que esto funciona por ahora.

233
00:16:58,200 --> 00:17:00,430
Sí, nos está mostrando uno.

234
00:17:00,630 --> 00:17:02,120
Técnicamente, no sabemos si todavía nos

235
00:17:02,130 --> 00:17:06,630
los muestra a todos porque solo tenemos una de las bases de datos en el próximo video.

236
00:17:06,960 --> 00:17:07,790
Trabajaremos en lo nuevo y crearemos

237
00:17:07,830 --> 00:17:09,300