1
00:00:00,210 --> 00:00:01,200
Bem vindo de volta.

2
00:00:01,200 --> 00:00:03,060
Então, vamos pegar onde paramos.

3
00:00:03,090 --> 00:00:05,070
Nós cobrimos o novo índice criativo.

4
00:00:05,070 --> 00:00:06,710
Agora estamos passando para mostrar.

5
00:00:07,140 --> 00:00:11,880
Então, novamente, o ponto da página de exibição é que ele mostra todas as informações

6
00:00:11,880 --> 00:00:16,630
ou mais informações no índice sobre um item específico e o caminho tem uma idéia nele.

7
00:00:16,710 --> 00:00:21,310
Assim, o nosso será blogueiro. D. O ID inicialmente recebe solicitação.

8
00:00:21,700 --> 00:00:28,080
botão que diga ler mais e isso nos levará à página do show e então vamos ao estilo do show modelo apenas um pouco.

9
00:00:28,480 --> 00:00:32,670
Nós tínhamos alguns objetivos na rota de exibição do modelo, então queremos ter links para

10
00:00:32,670 --> 00:00:34,810
que, na página do índice, possamos ter um

11
00:00:34,830 --> 00:00:36,900
Vamos começar definindo a rota.

12
00:00:37,320 --> 00:00:47,160
Então, depois da nossa criação, vamos adicionar em outro comentário e isso precisa ser um ator para obter

13
00:00:47,340 --> 00:01:01,900
barras de barras cortar pedido de identificação de cólon e resposta e salvar e podemos fazer tão simples quanto enviar a página de exibição para começar.

14
00:01:02,790 --> 00:01:04,450
Certifique-se de que isso funciona.

15
00:01:04,500 --> 00:01:05,610
Então, reinicie o servidor

16
00:01:08,340 --> 00:01:12,780
e nós podemos ir ao blog qualquer coisa e ver a página do show.

17
00:01:12,780 --> 00:01:19,440
É claro que as idéias serão idéias longas de mangustão que se parecem com isso e não estaremos digitando isso, mas estaremos

18
00:01:19,440 --> 00:01:21,140
clicando em links para vê-los.

19
00:01:21,510 --> 00:01:28,500
Então vamos fazer isso agora vamos voltar e adicionar um link para a página de exibição no índice para que possamos ter

20
00:01:28,500 --> 00:01:32,540
um botão que diz Leia mais aqui mesmo ao lado da publicação.

21
00:01:32,730 --> 00:01:34,570
Isso nos levará à página do show.

22
00:01:34,980 --> 00:01:41,040
Então, em nosso modelo de índice, se abrimos isso em vez de pontos de vista, o

23
00:01:41,070 --> 00:01:52,330
que acontecerá é apenas depois que o corpo do blog adiciona uma marca de âncora e apenas dirá ler mais e o H ref será um registro de barras.

24
00:01:52,530 --> 00:01:55,430
Mas essa ID é variável através de cada blog.

25
00:01:55,530 --> 00:01:57,230
Então precisamos de cada Sim.

26
00:01:57,610 --> 00:02:06,020
E isso precisa ser um ponto de referência de blog, o ID irá salvar o reinício.

27
00:02:06,420 --> 00:02:11,030
Agora temos um link e, se clicarmos sobre ele, assista a você que todos foram bloqueados.

28
00:02:11,040 --> 00:02:13,880
5 6 3 enquanto blá blá.

29
00:02:14,190 --> 00:02:16,540
A mesma coisa aqui com uma identificação diferente.

30
00:02:17,250 --> 00:02:22,950
Tudo bem, então agora precisamos preencher a lógica na rota que é suposto levar essa Id encontrar

31
00:02:22,950 --> 00:02:28,710
o blog correspondente e depois renderizar o modelo de exibição. Comece por encontrar o log correto dentro

32
00:02:28,710 --> 00:02:29,990
dessa rota de exibição.

33
00:02:30,720 --> 00:02:39,300
Então, o método de manglers que usamos é um blague dot find by ID e que leva dois argumentos para o ID e o

34
00:02:39,300 --> 00:02:40,220
retorno de chamada.

35
00:02:40,470 --> 00:02:51,120
Então, o ID está bem aqui, solicite o tipo de identificação que a ID e nossa taxa de retorno de chamada

36
00:02:51,120 --> 00:02:55,970
haverá um erro e, em seguida, chamaremos isso de bloqueio.

37
00:02:56,550 --> 00:02:57,260
Aqui vamos nós.

38
00:02:57,450 --> 00:03:00,750
Verificaremos o erro novamente, se alguma vez.

39
00:03:00,780 --> 00:03:02,710
E vamos fazer algo simples.

40
00:03:02,730 --> 00:03:10,190
Vamos redirecionar para a página de índice.

41
00:03:10,510 --> 00:03:16,380
Eventualmente, vou mostrar-lhe um tratamento de erro muito melhor, onde podemos mostrar uma mensagem que diz que o log não foi encontrado

42
00:03:16,380 --> 00:03:21,460
ou desculpe, não consigo encontrar esse blog e o levarei de volta à página em que você estava apenas.

43
00:03:21,630 --> 00:03:27,030
Mas, por enquanto, vamos sempre voltar para o Smashbox, mas não deve haver nada que cause um erro

44
00:03:27,330 --> 00:03:27,780
nos ratos.

45
00:03:27,780 --> 00:03:30,100
Nosso banco de dados está completamente desligado ou algo assim.

46
00:03:30,300 --> 00:03:38,790
Então, isso realmente não importa para nós, neste momento, os Reds renderizam o modelo do show e precisamos passar

47
00:03:38,790 --> 00:03:43,150
no blog de som e nós apenas chamaremos de blog.

48
00:03:43,170 --> 00:03:48,230
Então o blog encontrado dentro do modelo será chamado de Blog.

49
00:03:48,300 --> 00:03:50,730
Agora precisamos desse modelo de exibição.

50
00:03:50,730 --> 00:03:52,220
Então vamos fazer isso agora.

51
00:03:52,470 --> 00:03:57,370
As visualizações de toque mostram que Aegeus abre isso e aqui

52
00:04:01,280 --> 00:04:08,790
vou começar a copiar o que eu tenho no Novo, que é uma forma e não queremos

53
00:04:08,790 --> 00:04:09,540
nada disso.

54
00:04:09,720 --> 00:04:17,580
Então, o que queremos é algumas dessas coisas básicas como o segmento de contêineres de texto principal do UI,

55
00:04:17,580 --> 00:04:19,890
vamos manter isso por enquanto.

56
00:04:20,130 --> 00:04:29,340
dele, em vez de muito, vamos adicionar o título da postagem e o título deve ser o título do blog.

57
00:04:29,560 --> 00:04:30,290
Mas, dentro

58
00:04:30,960 --> 00:04:32,560
Vamos salvá-lo.

59
00:04:32,700 --> 00:04:35,580
E vamos ver se isso funciona.

60
00:04:35,580 --> 00:04:41,700
Então, novamente, o blog é o que achamos dentro do show aqui.

61
00:04:41,700 --> 00:04:48,390
Buscamos isso com a ID registrada encontrada por ID se encontrarmos se não houver nenhum erro passado encontrado flagelado

62
00:04:48,390 --> 00:04:52,900
no registro de nome para o modelo de exibição no modelo de exibição.

63
00:04:53,190 --> 00:04:54,380
Estamos usando o blog.

64
00:04:54,780 --> 00:04:55,770
Tudo bem.

65
00:04:55,770 --> 00:04:56,450
Momento da

66
00:04:59,230 --> 00:05:03,610
Verdade, vamos rapidamente um desses links, vamos a primeira publicação.

67
00:05:04,070 --> 00:05:07,210
Então, se eu clicar nisso, você deveria ver meu novo cachorro.

68
00:05:07,760 --> 00:05:08,900
E nós fazemos.

69
00:05:08,900 --> 00:05:09,330
Ótimo.

70
00:05:09,410 --> 00:05:10,590
Então, temos o básico.

71
00:05:10,610 --> 00:05:12,170
A parte difícil realmente foi feita.

72
00:05:12,170 --> 00:05:15,850
Agora é apenas uma questão de exibir as informações que queremos exibir.

73
00:05:16,400 --> 00:05:20,130
Então, vamos voltar e definitivamente queremos exibir a imagem.

74
00:05:20,200 --> 00:05:23,000
Queremos exibir o conteúdo também.

75
00:05:23,000 --> 00:05:25,310
Então eu vou roubar algo disso do índice.

76
00:05:25,340 --> 00:05:32,280
Nós já temos tudo isso escrito agora e nós apenas o classificaremos um pouco diferente aqui.

77
00:05:32,280 --> 00:05:34,550
Aqui vamos nós.

78
00:05:36,200 --> 00:05:37,030
Vamos começar com isso.

79
00:05:37,040 --> 00:05:39,350
Mas vamos fazer isso parecer melhor.

80
00:05:39,350 --> 00:05:42,480
Vamos ver o que recebemos se atualizarmos.

81
00:05:42,870 --> 00:05:44,010
Há nossa publicação.

82
00:05:44,020 --> 00:05:45,430
Aqui está a nossa página de exibição.

83
00:05:45,680 --> 00:05:50,840
Uma coisa que vale a pena notar é que isso atualmente não mostra nada que não vejamos no

84
00:05:50,840 --> 00:05:53,280
índice e isso é porque nosso índice mostra tudo.

85
00:05:53,570 --> 00:05:57,300
Mas a maioria dos blogs é que eles mostram parte da publicação.

86
00:05:57,440 --> 00:06:02,550
Então, se tivéssemos uma publicação de blog 10000 Line, não queremos que ele ocupe mais de 10000 linhas aqui.

87
00:06:02,750 --> 00:06:08,060
Em vez disso, você pode ter uma pré-visualização de um parágrafo ou então e depois clicar em ler mais e faremos isso em

88
00:06:08,060 --> 00:06:08,880
apenas um momento.

89
00:06:08,990 --> 00:06:11,720
Mas vamos começar escrevendo isso um pouco.

90
00:06:11,960 --> 00:06:15,670
A primeira coisa que temos é o nosso recipiente de texto principal.

91
00:06:15,980 --> 00:06:17,370
Nós temos um enorme cabeçalho.

92
00:06:17,990 --> 00:06:23,450
E, em seguida, dentro de você, você pode adicionar outra div, onde vamos colocar tudo

93
00:06:23,810 --> 00:06:28,890
dentro dessa div e dar uma classe igual ao segmento de UI superior.

94
00:06:28,990 --> 00:06:35,030
O segmento faz é colocar uma pequena borda em torno de coisas, então parece que, em

95
00:06:35,030 --> 00:06:43,640
vez disso, você vai adicionar uma classe div igual ao item e, em vez do item, estamos colocando todo o nosso conteúdo.

96
00:06:44,030 --> 00:06:50,270
uma classe semântica chamada você centralizei a imagem, que é quatro classes.

97
00:06:50,270 --> 00:06:59,220
Então, começará com a imagem e, ao invés de apenas exibir a imagem inteira como é, podemos adicionar

98
00:06:59,270 --> 00:07:05,300
Então, você, a imagem, apenas nos dará uma imagem de UI semântica agradável, mas se a gente se concentrar, centrará

99
00:07:05,300 --> 00:07:08,580
a imagem nesse recipiente em arredondado e dará alguns cantos arredondados.

100
00:07:08,600 --> 00:07:09,810
Não será circular.

101
00:07:09,950 --> 00:07:15,170
Você pode fazer isso com eu acho que a imagem do círculo ou a imagem circular, mas arredondada, apenas

102
00:07:15,170 --> 00:07:16,470
altera os cantos um pouco.

103
00:07:16,490 --> 00:07:20,720
Vamos verificar isso para começar.

104
00:07:20,930 --> 00:07:21,720
Aqui vamos nós.

105
00:07:21,740 --> 00:07:27,630
Estamos nos aproximando e depois entraremos aqui e adicionaremos outro dispositivo.

106
00:07:27,770 --> 00:07:32,660
Este será classe igual ao conteúdo, se você quiser saber de onde eu estou recebendo.

107
00:07:32,720 --> 00:07:40,120
Se você passar para o item de itens exibidos na UI semântica, é de onde eu estou tirando.

108
00:07:40,610 --> 00:07:46,790
Então, temos um item div em vez de um item, podemos ter uma imagem e, em seguida, conteúdo que é exatamente o que eu

109
00:07:46,790 --> 00:07:47,090
fiz.

110
00:07:47,090 --> 00:07:51,140
Então, temos um item com conteúdo dentro e esse não é realmente o propósito.

111
00:07:51,140 --> 00:07:53,740
Você não vai ser um especialista em UI semântica depois disso.

112
00:07:53,900 --> 00:07:59,180
outro quadro, mas não para que você saiba fazer de você um especialista em semântica.

113
00:07:59,180 --> 00:08:00,800
É novamente apenas para mostrar-lhe

114
00:08:00,810 --> 00:08:09,110
Tudo bem, em vez disso, então, vamos adicionar em nossa extensão o que eles criaram assim e economizarão uma

115
00:08:10,390 --> 00:08:18,200
pequena mudança, porém, é que isso não é realmente ideal para um usuário ver o que podemos fazer

116
00:08:18,200 --> 00:08:22,620
é muito facilmente mudar isso em uma data mais legível.

117
00:08:23,000 --> 00:08:26,860
E há alguns métodos com datas de javascript.

118
00:08:26,870 --> 00:08:29,860
Há um chamado duas cordas.

119
00:08:30,290 --> 00:08:36,110
Há uma corda chamada a data que é o que queremos e vou mostrar o que parece.

120
00:08:36,260 --> 00:08:44,240
apenas chamar isso aqui e atualizar aviso, temos agora eu atualizo e recebo uma boa versão inglesa legível para humanos.

121
00:08:44,240 --> 00:08:45,260
Se eu

122
00:08:45,260 --> 00:08:48,260
Domingo 1 de novembro de 2015.

123
00:08:48,350 --> 00:08:49,180
Perfeito.

124
00:08:49,190 --> 00:08:51,010
Então, salvaremos isso.

125
00:08:51,810 --> 00:08:53,610
Vamos continuar trabalhando um pouco aqui.

126
00:08:53,930 --> 00:08:57,470
outro div é chamado de descrição e esta

127
00:09:00,260 --> 00:09:01,070
é outra

128
00:09:05,190 --> 00:09:12,770
classe semântica em vez de lá e isso em nosso parágrafo assim e atualizar a página.

129
00:09:12,770 --> 00:09:14,040
Vamos adicionar em

130
00:09:15,170 --> 00:09:18,170
E temos uma publicação de blog relativamente preparada por enquanto.

131
00:09:18,170 --> 00:09:21,350
Vou me livrar desta div com uma linha dentro dela.

132
00:09:21,350 --> 00:09:22,540
Não precisamos dessa linha.

133
00:09:22,730 --> 00:09:25,330
E isso é do segmento que temos aqui.

134
00:09:25,730 --> 00:09:33,320
Então, se nos livrarmos daquele e nós mantivemos o segmento externo, acabamos com isso ou podemos ir ao

135
00:09:33,320 --> 00:09:38,230
contrário e nos livrar do segmento externo e manter o interior assim.

136
00:09:38,480 --> 00:09:40,060
Seja o que quiser, parece melhor.

137
00:09:40,100 --> 00:09:47,330
Eu acho que vou voltar e manter a certeza externa.

138
00:09:48,050 --> 00:09:49,360
Totalmente se você.

139
00:09:49,790 --> 00:09:50,370
Tudo bem.

140
00:09:50,420 --> 00:09:56,840
Agora, obtenha algumas publicações em nosso banco de dados, que eu tenho algum texto mais longo para exibir ou copiar algum lorem ipsum.

141
00:09:57,990 --> 00:10:00,300
É tipo isso.

142
00:10:01,250 --> 00:10:06,110
E se voltarmos a nova postagem desta vez eu tenho uma imagem diferente, você está errado.

143
00:10:06,200 --> 00:10:07,130
Eu ficarei surpreso.

144
00:10:07,430 --> 00:10:12,020
E vou ligar para esta nova postagem com texto mais longo.

145
00:10:12,020 --> 00:10:13,350
Terrível título.

146
00:10:13,360 --> 00:10:19,630
Envie e nós recebemos essa imagem gigantesca aqui, nós não estamos desenhando isso.

147
00:10:19,630 --> 00:10:21,060
E então recebemos muito texto.

148
00:10:21,100 --> 00:10:25,110
Então, obviamente, não queremos todo esse texto na página de índice que funcionará sobre isso.

149
00:10:25,270 --> 00:10:31,930
E se eu clicar em ler mais e agora recebo minha boa postagem no blog, mas observe que tudo está condensado.

150
00:10:32,500 --> 00:10:35,240
Você não tem as linhas de parágrafo que queríamos.

151
00:10:35,250 --> 00:10:37,080
Você não pode adicionar intervalos entre eles.

152
00:10:37,210 --> 00:10:43,870
você alguma vez blogue alguma variante de HVM agora, algo como o Wordpress ou se você usar algo como meio.

153
00:10:43,880 --> 00:10:50,140
Então, para tornar este um pouco mais um blog melhor usado, devemos deixar os usuários entrarem no HVM, o que

154
00:10:50,140 --> 00:10:51,660
você provavelmente já viu, se

155
00:10:51,700 --> 00:10:56,440
Você não escreve cada T. M. você mesmo, mas você pode fazer as coisas em

156
00:10:56,440 --> 00:10:58,690
negrito, você pode incluir imagens que você pode incluir em itálico em itálico.

157
00:10:59,000 --> 00:11:03,100
Bem, se fizermos isso agora, se tentarmos fazer uma nova publicação, eu continuarei com a mesma imagem novamente.

158
00:11:03,940 --> 00:11:06,720
E vamos roubar aquele Lorem Ipsum de novo.

159
00:11:06,940 --> 00:11:15,180
Apenas parte disso, vamos fazer algo óbvio como uma marca forte em torno disso.

160
00:11:15,220 --> 00:11:21,370
Então, se funcionasse, veríamos algum texto em negrito e enviaríamos e eu esqueci de apertar.

161
00:11:21,380 --> 00:11:24,580
Isso está ok.

162
00:11:24,730 --> 00:11:28,270
E você verá que nosso conteúdo é exibido, mas não é executado.

163
00:11:28,300 --> 00:11:33,920
Não é mostrado como um tempo limite e há uma boa razão para isso, o que é que nem

164
00:11:33,970 --> 00:11:38,740
sempre é seguro deixar os usuários apenas inserirem seu próprio código HVM próprio e apenas executá-lo.

165
00:11:38,800 --> 00:11:41,110
E você pode estar pensando o que é o pior que pode acontecer.

166
00:11:41,120 --> 00:11:42,140
Está apenas gravado.

167
00:11:42,220 --> 00:11:46,870
Bem, o que pode acontecer é que alguém realmente pode inserir uma tag de script no Javascript correto.

168
00:11:46,880 --> 00:11:48,460
Então, eu vou te mostrar mais tarde.

169
00:11:48,490 --> 00:11:52,350
No entanto, agora está bom porque na verdade não estamos exibindo o valor HD.

170
00:11:52,570 --> 00:11:56,410
Se quisermos, é realmente uma mudança simples de um personagem na verdade.

171
00:11:56,410 --> 00:11:58,020
Então esse é o modelo do show.

172
00:11:58,320 --> 00:12:02,830
E se olharmos para o modelo de exibição agora, estamos exibindo o blog dot body.

173
00:12:02,830 --> 00:12:10,300
Se eu mudar este sinal igual para um traço Bem, o que realmente fará é tomar qualquer blog que o corpo

174
00:12:10,370 --> 00:12:11,740
retornou e avaliar isso.

175
00:12:11,800 --> 00:12:15,050
Execute-o como código em vez de apenas exibir a string.

176
00:12:15,430 --> 00:12:21,290
Então, se eu atualizar a página, agora temos nossa marca forte.

177
00:12:21,440 --> 00:12:25,060
E se eu esperasse, você veria que é uma marca forte.

178
00:12:25,060 --> 00:12:28,840
Então mudá-lo de um sinal de igual para um traço é realmente poderoso.

179
00:12:28,870 --> 00:12:30,980
Em seguida, ele avalia o código.

180
00:12:31,000 --> 00:12:38,020
Então, se fizermos outra postagem a mesma imagem e desta vez, fazemos um primeiro parágrafo e o parágrafo de

181
00:12:38,830 --> 00:12:46,470
encerramento e, em seguida, duplicamos isso e, uma vez, obtemos um pouco de ipsum e apenas roubamos algumas dessas linhas.

182
00:12:46,480 --> 00:12:49,390
Teremos apenas dois parágrafos simples.

183
00:12:49,750 --> 00:12:51,430
Você verá que acabamos agora,

184
00:12:54,130 --> 00:12:57,860
depois de nossas imagens gigantes, acabamos com dois parágrafos aqui.

185
00:12:58,270 --> 00:13:03,070
O que é ótimo porque agora um usuário pode realmente entrar no conteúdo e especificar o estilo.

186
00:13:03,310 --> 00:13:04,410
Mas aqui está um problema.

187
00:13:04,780 --> 00:13:10,600
Então, se eu entrar em algo aleatório, posso fazer esse script e posso

188
00:13:14,260 --> 00:13:19,460
digitar algum código aqui e fazer algo estúpido, como eu perguntei.

189
00:13:19,510 --> 00:13:19,880
Certo.

190
00:13:19,900 --> 00:13:21,760
Tudo isso está incorreto.

191
00:13:22,790 --> 00:13:28,740
E se eu entrar neste agora, isso é HDMI, ele será executado e é uma tag de script,

192
00:13:28,740 --> 00:13:32,200
o que significa que isso será executado um script de trabalho.

193
00:13:32,290 --> 00:13:37,180
Então, quando eu vou para essa página agora recebo esse alerta.

194
00:13:37,180 --> 00:13:41,950
Obviamente, um único alerta não é tão ruim, mas você provavelmente poderia imaginar que as coisas podem crescer

195
00:13:41,950 --> 00:13:42,840
a partir daí.

196
00:13:42,860 --> 00:13:46,860
Há maneiras de evitar essa questão de se livrar de qualquer tag de script.

197
00:13:47,020 --> 00:13:51,160
Vou mostrar-lhe como fazer isso no final é um vídeo opcional nesta série.

198
00:13:51,160 --> 00:13:53,020
É chamado de desinfetar nossos insumos.

199
00:13:53,140 --> 00:13:56,600
Lá, se houver um pacote chamado de sanitizador Express que fará isso por nós.

200
00:13:56,590 --> 00:14:01,570
Nós apenas dizemos para desinfetar o imóvel que acabará por se livrar de qualquer tag de script dentro dele.

201
00:14:01,570 --> 00:14:02,930
Não precisamos escrever esse código.

202
00:14:03,190 --> 00:14:04,030
ESTÁ BEM.

203
00:14:04,370 --> 00:14:08,010
Então vamos voltar, embora tenhamos alguns problemas.

204
00:14:08,080 --> 00:14:09,640
Uma dessas imagens.

205
00:14:09,660 --> 00:14:11,370
Sim, voltaremos a denominá-los.

206
00:14:11,470 --> 00:14:17,520
Mas comecemos por truncar essas postagens para que não vejamos todo esse conteúdo na página de índice.

207
00:14:17,650 --> 00:14:22,370
Vamos deixá-lo para os primeiros 100 caracteres e, em seguida, colocar uma elipsis depois.

208
00:14:22,510 --> 00:14:24,160
Então delimite uma string.

209
00:14:24,490 --> 00:14:25,850
Na verdade é muito simples.

210
00:14:25,840 --> 00:14:31,750
Nós vimos no início quando falamos sobre javascript que usamos o método de substring.

211
00:14:31,750 --> 00:14:42,800
Então, na nossa página de índice, em vez de todo o corpo do blog, irá entupir a substring do corpo zero primeiro

212
00:14:42,860 --> 00:14:43,830
caractere até.

213
00:14:44,120 --> 00:14:48,430
E queremos o personagem cem ish que está bem por enquanto.

214
00:14:48,430 --> 00:14:49,990
E sempre faço isso errado.

215
00:14:50,050 --> 00:14:52,680
É uma substring de minúsculas.

216
00:14:52,810 --> 00:14:56,380
Parece que deveria ser caso de camelo, como se fossem duas palavras, mas não é.

217
00:14:56,650 --> 00:14:57,160
Tudo bem.

218
00:14:57,250 --> 00:15:05,170
Então, agora, se experimentarmos isso, você verá que agora temos esses posts truncados e vamos apenas adicionar esses

219
00:15:05,170 --> 00:15:06,300
simples elipses aqui.

220
00:15:06,310 --> 00:15:13,540
Então substring e, em seguida, fora desse ponto de ponto de ponto sim e depois temos o nosso link de rebore.

221
00:15:13,610 --> 00:15:18,000
Então, agora, nossa página de exibição serve um propósito em que vemos um pouco.

222
00:15:18,280 --> 00:15:21,470
E então você pode clicar em ler mais e ver a publicação inteira.

223
00:15:21,490 --> 00:15:22,000
Ótimo.

224
00:15:22,000 --> 00:15:24,400
Então, cobrimos muito neste vídeo.

225
00:15:24,680 --> 00:15:29,080
Você falou sobre o show falado sobre o uso do ID na rota como obter pedidos.

226
00:15:29,090 --> 00:15:34,130
Configurámos a rota que levamos a identificação e encontramos o blog correspondente, em seguida, apresentamos um modelo.

227
00:15:34,420 --> 00:15:41,240
Mas também falamos sobre algumas coisas novas, incluindo o modelo de exibição usando o traço aqui, em vez de um sinal

228
00:15:41,230 --> 00:15:46,300
de igual, que realmente renderizará o código para executar o código e renderizar o resultado.

229
00:15:46,390 --> 00:15:52,240
E então, também vimos uma string de data que é uma ótima maneira de transformar uma data em um formato melhor.

230
00:15:52,510 --> 00:15:54,050
Ainda não é tão flexível.

231
00:15:54,220 --> 00:15:59,860
Existem ótimas bibliotecas que se chama Moment Jap's, que permite especificar o formato exato que

232
00:15:59,870 --> 00:16:00,680
você deseja.

233
00:16:00,860 --> 00:16:08,710
Podemos querer algo que se pareça com o corte do mês no dia do corte do ano e podemos querer algo em que o

234
00:16:08,710 --> 00:16:13,330
mês é abreviado ou podemos querer todo o mês e o dia inteiro da

235
00:16:13,340 --> 00:16:15,330
semana em vez do Sol em novembro.

236
00:16:15,430 --> 00:16:20,890
Você pode fazer isso com o momento, é uma maneira muito melhor de lidar com as datas, se você quiser ser muito explícito

237
00:16:20,890 --> 00:16:21,880
no formato que deseja.

238
00:16:21,880 --> 00:16:27,010
É apenas uma biblioteca simples que você pode instalá-la, como Jay Querrey ou qualquer outra biblioteca do lado do cliente,

239
00:16:27,700 --> 00:16:29,330
mas vamos continuar com isso por enquanto.

240
00:16:29,500 --> 00:16:30,550
Construído em javascript.

241
00:16:30,550 --> 00:16:34,450
Não precisamos de nenhum código extra além de uma única linha aqui.

242
00:16:34,570 --> 00:16:35,060
Ótimo.

243
00:16:35,090 --> 00:16:40,120
E então, a última coisa com o uso de substring em vez de um índice que é mais para uma visualização,

244
00:16:40,120 --> 00:16:42,910
você não viu isso há algum tempo, mas nós o vimos cedo.

245
00:16:43,060 --> 00:16:47,390
O primeiro argumento é onde queremos fazer o primeiro segundo segundo corte, é o lugar onde queremos fazer o

246
00:16:47,380 --> 00:16:47,890
segundo corte.

247
00:16:47,950 --> 00:16:49,880
Levamos tudo no meio.

248
00:16:49,900 --> 00:16:50,490
Ótimo.

249
00:16:50,500 --> 00:16:50,760
Tudo bem.

250
00:16:50,770 --> 00:16:53,200
O próximo vídeo que vamos trabalhar na atualização e edição