1
00:00:00,280 --> 00:00:02,750
OK, voltaremos para os próximos vídeos.

2
00:00:02,760 --> 00:00:06,620
Vamos nos concentrar na criação do aplicativo de blog que mostrei no último vídeo.

3
00:00:07,020 --> 00:00:08,220
E vai levar alguns vídeos.

4
00:00:08,220 --> 00:00:13,380
Nós iremos uma rota por vez por causa da importância dessas rotas repousantes neste

5
00:00:13,380 --> 00:00:13,920
primeiro vídeo.

6
00:00:13,920 --> 00:00:17,230
Estaremos focados no índice e depois iremos em ordem.

7
00:00:17,280 --> 00:00:20,280
Concentre-se em novos e crie e depois mostre editar e atualizar.

8
00:00:20,340 --> 00:00:25,740
introduzir UI semântica, que é outro framework lá fora, semelhante ao bootstrap para CSSA e Javascript.

9
00:00:25,740 --> 00:00:32,100
E, finalmente, um vídeo sobre destruir e, juntamente com a criação do aplicativo e a adição nas sete

10
00:00:32,160 --> 00:00:34,020
rotas que mais precisamos, vamos

11
00:00:34,050 --> 00:00:37,890
Então, novamente nos últimos eu mencionei Por que realmente eu simplesmente gosto de como parece.

12
00:00:37,890 --> 00:00:43,380
Esse é um dos motivos, mas o mais importante, eu só quero expor você a outro quadro para

13
00:00:43,380 --> 00:00:45,460
que você veja como são coisas semelhantes.

14
00:00:45,670 --> 00:00:50,670
Você pode ser que você esteja pensando que é uma má idéia me mostrar uma outra estrutura para bombardeá-lo com

15
00:00:50,670 --> 00:00:54,030
toda essa informação, mas a boa notícia é que as coisas são tão semelhantes.

16
00:00:54,120 --> 00:00:59,730
começa a ver o quanto eles têm em comum e que é realmente mais que eles têm em comum do que eles diferentes.

17
00:00:59,730 --> 00:01:01,940
Uma vez que você vê duas ou três, você

18
00:01:02,160 --> 00:01:06,590
Então, semanticamente, por que, mas vamos começar criando nosso aplicativo.

19
00:01:06,750 --> 00:01:09,700
Então eu estou dentro de um diretório chamado roteiro repousante.

20
00:01:09,800 --> 00:01:13,040
Se você quiser seguir, há uma solução já existente.

21
00:01:13,140 --> 00:01:18,480
Então, se você quiser fazer referência, sinta-se à vontade para fazer isso e se você não quer passar pela criação

22
00:01:18,510 --> 00:01:23,550
do aplicativo se você não quiser cobrir o índice novo e criar porque já viu isso antes de poder

23
00:01:23,550 --> 00:01:24,190
avançar .

24
00:01:24,480 --> 00:01:27,610
Mas eu recomendo que você passe por todas as rotas comigo código ao longo.

25
00:01:27,720 --> 00:01:29,560
É realmente importante que consigamos isso.

26
00:01:29,580 --> 00:01:32,340
É realmente o pão e a manteiga de nossos aplicativos expressos.

27
00:01:32,900 --> 00:01:33,300
ESTÁ BEM.

28
00:01:33,360 --> 00:01:37,560
Então, vamos criar a nossa aplicação, vou chamar a aplicação de blog.

29
00:01:38,100 --> 00:01:47,250
Na verdade, vamos chamar isso de aplicativo de blog reparador e, em seguida, CD e, em seguida, o nosso NPM favorito

30
00:01:50,490 --> 00:01:54,930
e, na verdade, sim é o nosso ponto de entrada.

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

32
00:01:57,550 --> 00:01:58,630
Isso está ok.

33
00:01:58,710 --> 00:01:59,270
ESTÁ BEM.

34
00:01:59,340 --> 00:02:07,170
Agora, vamos instalar algumas coisas que precisamos para que o NPM seja instalado e o primeiro, claro, é expresso

35
00:02:07,170 --> 00:02:09,610
e, em seguida, também adicionará mangustão.

36
00:02:10,170 --> 00:02:12,840
E enquanto estivermos aqui, vamos fazer análise de corpo.

37
00:02:13,150 --> 00:02:22,050
Então, esses três guias do painel saltam, lembre-se de que o analisador do corpo é como obtemos dados do formulário, o formulário envia dados para o corpo

38
00:02:22,050 --> 00:02:27,200
do pedido e, em seguida, analisamos o corpo do pedido usando a pessoa do corpo.

39
00:02:27,540 --> 00:02:29,250
Então, isso seria no próximo vídeo.

40
00:02:29,250 --> 00:02:30,680
Por enquanto, estamos apenas fazendo o índice.

41
00:02:30,840 --> 00:02:34,060
Então, temos essa configuração, vamos criar ou, na verdade, sim.

42
00:02:34,320 --> 00:02:40,740
Agora abriremos aparelhos e fazemos o nosso topo padrão do arquivo

43
00:02:43,400 --> 00:02:56,790
onde exigimos o expresso expresso exigido e, então, iremos fazer o aplicativo igual a Express e também adicionaremos no analisador de Vadi apenas

44
00:02:56,790 --> 00:03:02,240
enquanto estivermos aqui porque precisamos do analisador Dasch do corpo.

45
00:03:02,550 --> 00:03:04,110
E, finalmente, vamos fazer

46
00:03:09,390 --> 00:03:12,090
mangustão e eu gosto de limpar isso.

47
00:03:12,180 --> 00:03:14,710
Eu também gostaria de encomendá-los por comprimento.

48
00:03:14,820 --> 00:03:21,350
Então, acabamos com partes do corpo ou primeiro se seguimos a minha convenção.

49
00:03:21,360 --> 00:03:25,800
Mas não é tão importante, mas apenas diga que não, eu gosto de fazer isso.

50
00:03:25,920 --> 00:03:32,470
As partes do corpo são as primeiras e, em seguida, a seguir temos mangustão e, em seguida, expressamos e depois em.

51
00:03:33,240 --> 00:03:38,420
E isso é apenas para alinhá-los por comprimento e então podemos sangrar coisas se realmente quisermos, mas não

52
00:03:38,430 --> 00:03:42,280
é o objetivo deste vídeo, então não vou gastar muito tempo fazendo isso.

53
00:03:43,440 --> 00:03:45,330
OK, então nós fizemos isso agora.

54
00:03:45,360 --> 00:03:47,070
Certifique-se de cada ponto e vírgula.

55
00:03:47,100 --> 00:03:50,070
Em seguida, precisamos configurar mangustão.

56
00:03:50,070 --> 00:03:51,730
Assim como o nosso modelo de blog.

57
00:03:51,760 --> 00:03:58,770
Isso vai ser chamado de blog terá um título que terá uma imagem você Arel e então teremos que

58
00:03:58,880 --> 00:04:03,410
chamaremos de corpo, que será o texto do blog o conteúdo dessa publicação.

59
00:04:03,450 --> 00:04:09,660
Então imagem de título e corpo e eles são todas as cordas e também adicionar algo novo que você não

60
00:04:09,660 --> 00:04:12,650
viu qual é uma data assim criada será uma data.

61
00:04:12,960 --> 00:04:14,070
Então, chegou a isso.

62
00:04:14,250 --> 00:04:21,150
E antes que possamos fazer isso, precisamos configurar o mangustão. Por isso, precisamos de nossa

63
00:04:21,150 --> 00:04:27,080
conexão de mangustão e vamos nos conectar ao Mongo divi Cole e ao

64
00:04:31,320 --> 00:04:39,590
barracão da barra barraquinha local, o nome do nosso aplicativo e nosso aplicativo será chamado de blog repousante.

65
00:04:40,410 --> 00:04:42,410
E, novamente, isso não importa.

66
00:04:42,450 --> 00:04:44,040
Estamos a criá-lo pela primeira vez.

67
00:04:44,130 --> 00:04:48,540
Portanto, enquanto não mudarmos no futuro, ele sempre se conectará a uma caminhada relaxante pela primeira vez.

68
00:04:48,570 --> 00:04:49,640
Ele irá criá-lo.

69
00:04:50,320 --> 00:04:50,700
ESTÁ BEM.

70
00:04:50,700 --> 00:04:53,010
E só assim não precisamos fazer isso mais tarde.

71
00:04:53,100 --> 00:05:03,130
Mas configure nosso mecanismo de exibição de conjunto de dados para ser sim, o que também precisamos instalar.

72
00:05:03,720 --> 00:05:13,470
fazer um aplicativo usar expressar o diretório estático e público para que possamos servir nossa folha de estilo personalizada.

73
00:05:13,470 --> 00:05:15,940
E enquanto aguardamos isso, vamos

74
00:05:16,050 --> 00:05:22,140
Quando chegarmos a isso apenas uma boa prática para fazer no início de qualquer aplicativo expresso e também adicionamos

75
00:05:22,580 --> 00:05:27,000
um aplicativo, não use o analisador de corpo, o nosso analisador de corpo.

76
00:05:27,090 --> 00:05:40,140
Você está todo codificado verdadeiro atendimento prolongado e tipo verdadeiro de um bocado, mas essas três linhas você pode simplesmente copiar

77
00:05:40,140 --> 00:05:42,710
de aplicativos pré-existentes também.

78
00:05:43,290 --> 00:05:48,310
Então, temos isso configurado, então, no fundo, apenas para garantir que o nosso aplicativo expresso esteja funcionando.

79
00:05:48,510 --> 00:05:59,440
Vamos fazer a aula de exclusão onde temos o processo papai no processo portuário env dot IP e adicione no retorno de chamada

80
00:06:00,260 --> 00:06:05,020
O servidor de log adulto do Conselho está em execução.

81
00:06:05,100 --> 00:06:06,130
Tudo bem.

82
00:06:06,150 --> 00:06:08,260
Vamos testá-lo.

83
00:06:08,970 --> 00:06:09,900
Não há problemas.

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

85
00:06:11,130 --> 00:06:13,650
Então, vamos trabalhar no mangusto.

86
00:06:13,650 --> 00:06:15,810
Então, temos um mangusto conectado.

87
00:06:15,810 --> 00:06:18,920
Agora precisamos criar nosso esquema e nosso modelo.

88
00:06:19,140 --> 00:06:21,170
Então, vamos começar com o esquema.

89
00:06:21,420 --> 00:06:31,050
Vamos fazer um esquema de log variável igual a nova mangustão que esquema assim e ter o título que é

90
00:06:31,050 --> 00:06:38,100
uma string uma imagem que é uma string um corpo que também é uma string.

91
00:06:38,100 --> 00:06:41,360
E então estamos criando a nossa chamada de gotejamento de dados.

92
00:06:42,120 --> 00:06:48,120
E o que podemos fazer é apenas dizer que isso não é conveniente porque teremos que especificar

93
00:06:48,120 --> 00:06:49,000
manualmente a data.

94
00:06:49,470 --> 00:06:51,870
Nós não queremos usar ou realmente digitar a data.

95
00:06:51,870 --> 00:06:56,760
Nós só queríamos tomar a data atual quando este usuário criou a publicação ou criou o blog.

96
00:06:56,760 --> 00:07:01,080
Basta pegar essa data para que possamos definir um valor padrão para algo novo.

97
00:07:01,590 --> 00:07:08,210
Especificamos o tipo como data, mas também especificamos o ponto da data padrão.

98
00:07:08,220 --> 00:07:11,680
Agora e isso funcionará bem para nós.

99
00:07:11,940 --> 00:07:17,160
E isso diz que criado deve ser uma data e que há um valor padrão de dados agora.

100
00:07:17,340 --> 00:07:21,900
Então, também podemos fazer o mesmo por imagem se quisermos ter uma imagem padrão.

101
00:07:21,900 --> 00:07:27,820
Podemos fazer string de tipo e, em seguida, padrões se o usuário não inseriu uma imagem.

102
00:07:27,900 --> 00:07:35,490
Poderíamos ter uma string como imagem de espaço reservado e peg ou algo assim, mas não vamos fazer isso, mas

103
00:07:35,490 --> 00:07:37,620
podemos facilmente fazer isso se quiséssemos.

104
00:07:38,410 --> 00:07:39,400
ESTÁ BEM.

105
00:07:40,170 --> 00:07:46,710
E uma última nota aqui você verá isso sangrando, por vezes, assim.

106
00:07:46,710 --> 00:07:49,780
É apenas um objeto, porque é curto.

107
00:07:49,830 --> 00:07:50,970
Não vou fazer isso.

108
00:07:51,000 --> 00:07:53,390
Isso ocupa muito espaço ou sim sim.

109
00:07:53,470 --> 00:07:55,470
Vai ser confuso como está.

110
00:07:55,500 --> 00:07:57,070
Então eu deixo isso assim.

111
00:07:57,640 --> 00:08:02,100
OK título imagem corpo criado e, em seguida, o próximo passo.

112
00:08:02,100 --> 00:08:05,390
Livrar-se disto por agora é compilá-lo nesse modelo.

113
00:08:05,400 --> 00:08:15,480
Até agora, o blog é igual a mangostão com o modelo do log log log.

114
00:08:15,480 --> 00:08:17,040
Aqui vamos nós.

115
00:08:17,250 --> 00:08:26,830
Salve isso e vou adicionar um comentário aqui que apenas diz a configuração do modelo slash mangastão.

116
00:08:27,070 --> 00:08:29,960
Aqui, vou adicionar mais um comentário aqui.

117
00:08:30,060 --> 00:08:37,470
É chamado de configuração do aplicativo e, em seguida, adicionaremos um comentário aqui nas rotas.

118
00:08:37,680 --> 00:08:40,030
Vamos chamá-lo de descanso para o Rex.

119
00:08:40,050 --> 00:08:45,570
Então, é aqui que iremos agora e adicione nossa rota de índice ou mostra a rota nova crie as sete repetições.

120
00:08:45,870 --> 00:08:48,550
E sim, este arquivo ficará um pouco confuso.

121
00:08:48,550 --> 00:08:54,060
Novamente, eu sou um registro quebrado, mas vamos dividir isso em coisas separadas muito cedo.

122
00:08:54,060 --> 00:08:59,100
Vou mostrar-lhe como podemos ter arquivos de um modelo de arquivos de vários modelos, como podemos ter

123
00:08:59,100 --> 00:09:02,640
arquivos da rota e podemos ter arquivos para configuração e para middleware.

124
00:09:02,790 --> 00:09:05,450
Muitas coisas diferentes, mas para mantê-lo simples.

125
00:09:05,520 --> 00:09:10,410
No começo eu não quero confundi-lo ou acho difícil observar se alguém muda arquivos constantemente.

126
00:09:10,440 --> 00:09:11,460
É difícil acompanhar.

127
00:09:11,550 --> 00:09:12,570
Então, vamos fazê-lo em um único arquivo.

128
00:09:12,570 --> 00:09:15,950
Mas lembre-se que isso não é necessariamente a melhor prática.

129
00:09:15,960 --> 00:09:20,240
Se este fosse um aplicativo realmente grande e especialmente se tivéssemos muitos desenvolvedores trabalhando nisso.

130
00:09:20,640 --> 00:09:23,020
Então, agora começamos os wraps de luta.

131
00:09:23,070 --> 00:09:26,360
Então lembre-se de que estamos começando com índice de nomes de índice.

132
00:09:26,400 --> 00:09:33,450
Esse caminho deve ser barras de blogs como um pedido de get e deve listar todos os blogs.

133
00:09:33,450 --> 00:09:37,390
Então, vamos fazer isso agora antes de fazer isso, vamos nos certificar de que as coisas funcionam.

134
00:09:37,680 --> 00:09:40,540
Se eu executar meu aplicativo sem problemas ainda.

135
00:09:40,950 --> 00:09:46,650
E vamos fazer uma única criação de um blog, então temos algo a ser observado.

136
00:09:46,650 --> 00:09:48,140
Então, seremos muito simples.

137
00:09:48,380 --> 00:09:58,440
Este blog de revisão cria e, em seguida, queremos ter o título, basta chamá-lo de imagem de blog de teste e vou tirar uma

138
00:09:58,440 --> 00:10:02,780
imagem deste site e splash dot com é um ótimo recurso.

139
00:10:02,790 --> 00:10:08,100
Eu vou mostrar em um futuro vídeo que tem um monte de imagens gratuitas e gratuitas que você pode fazer o

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

141
00:10:08,670 --> 00:10:14,550
E assim vai levar este de um cão e copiá-lo lá que pode ser realmente qualquer

142
00:10:14,610 --> 00:10:21,760
um que você sabe, queremos ter algo a testar e então teremos nosso corpo e nosso corpo será apenas oi.

143
00:10:22,320 --> 00:10:27,090
Esta é uma postagem no blog e nós criamos em branco.

144
00:10:27,140 --> 00:10:28,610
Toda violação.

145
00:10:28,950 --> 00:10:30,240
Então vamos tentar isso.

146
00:10:30,240 --> 00:10:35,820
Nós não faremos qualquer coisa até a devolução de chamada, vamos apenas assumir que isso funciona e, em seguida, vamos testar

147
00:10:35,820 --> 00:10:36,910
nos nossos contras Mongo. Então não vamos executar o arquivo.

148
00:10:36,930 --> 00:10:39,260
Nada acontece ou parece que nada aconteceu.

149
00:10:39,480 --> 00:10:42,050
Mas se você for para o Mangu e

150
00:10:42,180 --> 00:10:53,710
nós usamos o registro total do restante, então chamamos isso apenas para verificar novamente e, então, nós fazemos os logs do D-B dot, descobrimos que temos nosso primeiro blog lá, o que é ótimo.

151
00:10:53,710 --> 00:11:00,990
Então, essas duas coisas para nós.

152
00:11:01,170 --> 00:11:02,520
suposto listar todos os blogs.

153
00:11:02,520 --> 00:11:09,120
Isso prova que nosso modelo foi configurado corretamente, mas, uma vez que o índice está indo, queremos garantir que tenhamos algo a ver porque é

154
00:11:09,120 --> 00:11:12,310
Se não temos blogs para ver que é

155
00:11:12,420 --> 00:11:16,830
um pouco insatisfatório e não poderemos saber se isso funciona.

156
00:11:16,830 --> 00:11:18,540
Então eu saio daqui.

157
00:11:18,540 --> 00:11:19,900
Agora vamos nos concentrar em nossa rota.

158
00:11:19,980 --> 00:11:21,680
Eu quero me livrar disso. Eu não

159
00:11:21,710 --> 00:11:27,330
quero criar um novo blog todas as vezes que eu executo este aplicativo, especialmente o mesmo, uma e outra, embora esse cachorro seja realmente adorável.

160
00:11:27,330 --> 00:11:31,610
O que queremos fazer é criar nossa rota de índice.

161
00:11:31,620 --> 00:11:33,570
Mais uma vez, corte os blogs

162
00:11:33,930 --> 00:11:44,190
à medida que você solicita que apenas parece ter logs de barramentos adicionados em nossa chamada de resposta de solicitação padrão e então vamos fazer um reinício de renderização e

163
00:11:44,190 --> 00:11:52,170
o modelo que irá renderizar será chamado de ponto de índice Ejay nós e nós não fazemos Preciso que Ejay Sim ou apenas indexe.

164
00:11:52,170 --> 00:11:58,350
E isso é novamente por causa desta linha aqui, não precisamos que o Ejay nós,

165
00:11:58,410 --> 00:12:04,190
mas nós precisamos de um modelo chamado índice sendo um diretório chamado de visualizações.

166
00:12:04,200 --> 00:12:06,750
Então, vamos fazer isso agora.

167
00:12:07,170 --> 00:12:08,260
Faça visualizações de diretório toca as telas no índice de barras.

168
00:12:08,340 --> 00:12:13,000
E fiz um pequeno erro que é indexado.

169
00:12:13,680 --> 00:12:16,460
E. J. Sim.

170
00:12:16,500 --> 00:12:17,550
Então,

171
00:12:17,550 --> 00:12:24,750
para alguma prática mais ou remova esse arquivo, eu o removerei ou, pelo menos, uso o índice do Flash e, em seguida, recriá-lo.

172
00:12:24,750 --> 00:12:25,180
Toque no ponto de índice de barras de uso.

173
00:12:25,320 --> 00:12:27,340
E. J. Sim.

174
00:12:27,350 --> 00:12:28,380
E então, abri-lo e vamos começar esta simples página de índice H-1 e salvar.

175
00:12:28,620 --> 00:12:38,060
Então, vejamos que obtemos essa página de índice.

176
00:12:38,510 --> 00:12:41,050
Agora, não está cumprindo a funcionalidade da página de índice.

177
00:12:41,190 --> 00:12:44,970
Agora, se nós vamos para uma prévia que você pode obter de algumas maneiras que eu apenas vou

178
00:12:44,970 --> 00:12:50,760
para Web Dev Bootcamp dot com dash aprender com código ponto C9 que você me ensina ou você pode ir para pré-visualizar aplicação de execução de visualização.

179
00:12:51,600 --> 00:12:58,610
Ele irá abri-lo aqui, mas você pode clicar neste botão para vê-lo

180
00:12:58,620 --> 00:13:05,010
em seu navegador ou você pode mantê-lo aqui se você preferir.

181
00:13:05,010 --> 00:13:06,370
ESTÁ BEM.

182
00:13:06,810 --> 00:13:07,270
Então, temos

183
00:13:07,440 --> 00:13:15,450
um erro aqui e é porque não temos uma rota de rota, então precisamos de logs de barra e nós conseguimos nossa rota de página de índice.

184
00:13:15,450 --> 00:13:17,230
da Reddit ou do Facebook.

185
00:13:17,400 --> 00:13:24,420
É convencional para a página da rota a página inicial ir ao índice de algo que você pensa

186
00:13:24,420 --> 00:13:25,950
Por exemplo, no reddit, você vai para a

187
00:13:25,950 --> 00:13:31,830
página inicial e você vê um índice de todas as postagens do Reddit no Facebook, você vê um índice de todas as postagens e fotos e qualquer outra coisa.

188
00:13:32,070 --> 00:13:35,660
Então, vamos fazer isso agora depois

189
00:13:35,670 --> 00:13:46,380
de receber uma resposta da solicitação da função slash e nós faremos um redstart lido direto para cortar blogs.

190
00:13:46,890 --> 00:13:49,600
Agora, para reiniciar, atualizamos.

191
00:13:50,130 --> 00:13:54,280
Nada deve mudar.

192
00:13:54,300 --> 00:13:55,010
Mas se eu for cortar eu acabei também em blogs cortados.

193
00:13:55,020 --> 00:13:58,490
ESTÁ BEM.

194
00:13:58,880 --> 00:13:59,360
Agora eu adicionaria a funcionalidade do índice.

195
00:13:59,370 --> 00:14:01,950
Então, precisamos recuperar todos os blogs do banco de dados.

196
00:14:01,950 --> 00:14:06,140
Então, esse será um blog para encontrar tudo e depois teremos nossa ligação de volta com um erro.

197
00:14:06,450 --> 00:14:14,380
E, em seguida, os nossos dados que eu vou chamar de blogs

198
00:14:14,910 --> 00:14:24,840
e então vamos fazer um erro F e isso é apenas para chegar a esse registro.

199
00:14:24,840 --> 00:14:25,700
Mais uma vez, adicionaremos nosso índice de renderização do redstart, exceto que não queremos simplesmente mantê-lo assim.

200
00:14:26,160 --> 00:14:34,770
Queremos renderizar índice com dados.

201
00:14:35,010 --> 00:14:38,170
Então, nossos dados serão chamados

202
00:14:38,430 --> 00:14:42,300
de blogs, bem como de blogs.

203
00:14:44,730 --> 00:14:47,100
Então, estamos passando os dados que retornam do banco de dados do nosso Dopp, encontre o que for de volta.

204
00:14:47,550 --> 00:14:52,720
Nós estamos enviando isso através do nome de blogs.

205
00:14:52,860 --> 00:14:56,030
Sim, é um pouco confuso, mas isso é

206
00:14:56,400 --> 00:15:00,990
realmente bastante convencional para ver onde eles têm exatamente o mesmo nome.

207
00:15:00,990 --> 00:15:01,860
OK, então vamos ao modelo e adicione algum código.

208
00:15:02,170 --> 00:15:07,490
Vamos dar uma olhada nos blogs para começar assim.

209
00:15:07,500 --> 00:15:10,790
Certifique-se de que está chegando lá.

210
00:15:10,860 --> 00:15:12,800
Recarregue a página.

211
00:15:12,990 --> 00:15:14,680
E estamos recebendo nossa lista.

212
00:15:15,870 --> 00:15:17,240
É um blog no momento, mas estamos vendo isso aqui.

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

214
00:15:20,250 --> 00:15:20,890
Então, agora vamos mostrar isso um pouco melhor.

215
00:15:21,060 --> 00:15:24,220
Não faremos nada de louco, mas o

216
00:15:24,240 --> 00:15:32,220
que faremos é encaminhar todos os blogs para blogs para cada registro de função e então precisamos disso aqui.

217
00:15:32,820 --> 00:15:40,230
E, em seguida, aqui em baixo, precisamos de outras etiquetas, o suporte de fechamento a cada passo e, em seguida, precisamos de parênteses também.

218
00:15:42,740 --> 00:15:49,950
E para cada um, vamos fazer um div dentro dessa div.

219
00:15:51,330 --> 00:15:55,530
Vamos fazer um H 2.

220
00:15:55,770 --> 00:15:58,440
E esse seria o título LUGG esse título.

221
00:15:58,770 --> 00:16:02,410
Lembre-se de que precisamos do sinal de igual, mas não de cada um ou dos suportes.

222
00:16:02,760 --> 00:16:07,730
Então, exibirá uma imagem e a fonte é igual aos suportes Ejaz.

223
00:16:07,860 --> 00:16:16,450
A imagem do Lagat e eu esqueci de mencionar isso.

224
00:16:16,630 --> 00:16:21,420
nós automaticamente porque dissemos isso como o valor padrão para que possamos exibir isso logo abaixo da imagem.

225
00:16:21,480 --> 00:16:27,240
Se você der uma olhada na criação, pode ver que temos esta linda data da data aqui que foi criada para

226
00:16:27,240 --> 00:16:33,420
Basta fazer uma extensão por agora que tenha criado o

227
00:16:33,850 --> 00:16:44,010
Lagat e, claro, precisamos de nossa postagem no blog, que será um parágrafo que é o

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

229
00:16:47,910 --> 00:16:50,100
Tudo bem.

230
00:16:50,100 --> 00:16:50,520
Um monte de conteúdo lá.

231
00:16:50,520 --> 00:16:52,500
Atualize a página e você pode ver nossa primeira postagem de I está aqui.

232
00:16:52,980 --> 00:16:57,860
Você só terá que confiar que isso está funcionando por enquanto.

233
00:16:58,200 --> 00:17:00,430
Sim está nos mostrando um.

234
00:17:00,630 --> 00:17:02,120
Tecnicamente, não sabemos se está

235
00:17:02,130 --> 00:17:06,630
nos mostrando todos eles ainda porque só temos um do banco de dados no próximo vídeo.

236
00:17:06,960 --> 00:17:07,790
Vamos trabalhar no novo e criar

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