1
00:00:00,240 --> 00:00:03,200
Bem-vindo novamente nesta lição Eu vou mostrar-lhe como podemos escrever.

2
00:00:03,210 --> 00:00:03,990
Hm l.

3
00:00:04,020 --> 00:00:09,420
Em um arquivo separado e podemos enviar esse arquivo de volta na resposta ao invés do que

4
00:00:09,420 --> 00:00:12,000
fizemos até agora, usando o envio do redstart.

5
00:00:12,090 --> 00:00:13,880
Há aqui três objetivos principais.

6
00:00:13,890 --> 00:00:20,400
O primeiro é usar o redstart render para render-lo para enviar de volta um arquivo de cada arquivo e isso fará mais sentido uma vez

7
00:00:20,400 --> 00:00:23,150
que falamos sobre o que cada um de nós é.

8
00:00:23,460 --> 00:00:24,740
E esse é o próximo objetivo.

9
00:00:24,780 --> 00:00:27,340
Explique o que é Ejaz e por que usamos isso.

10
00:00:27,360 --> 00:00:30,920
E, finalmente, passar variáveis ​​para Ejay como modelos.

11
00:00:30,930 --> 00:00:35,760
Então, para começar aqui, vou precisar de um novo aplicativo Express e eu vou passar por criar

12
00:00:35,760 --> 00:00:41,640
o aplicativo expresso básico a partir do zero, que não continuarei fazendo em todos os vídeos, mas ainda é bastante cedo

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

14
00:00:42,480 --> 00:00:46,440
E eu só quero ter certeza de que você acostume-se a vê-lo e fazê-lo porque

15
00:00:46,440 --> 00:00:48,280
é algo que você fará sem parar.

16
00:00:48,300 --> 00:00:54,210
vou fazer um novo diretório dentro disso e nós vamos chamar essa demo do Ejay us.

17
00:00:55,110 --> 00:01:01,130
Então eu tenho um diretório chamado More express de onde eu vou trabalhar para esta unidade e

18
00:01:02,290 --> 00:01:10,540
E então, em vez do demo Ejaz, vamos executar o NPM nele e vou acelerar isso.

19
00:01:10,560 --> 00:01:11,990
Então esse nome está bem.

20
00:01:12,000 --> 00:01:14,800
A versão está boa descrição está vazia.

21
00:01:14,880 --> 00:01:16,700
Eu sempre gosto de mudar isso para o aplicativo.

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

23
00:01:17,490 --> 00:01:19,690
Apenas uma preferência pessoal.

24
00:01:20,070 --> 00:01:21,580
Entre com mais algumas vezes.

25
00:01:21,660 --> 00:01:25,100
Você não precisa preencher qualquer um desses e lá vamos nós.

26
00:01:25,470 --> 00:01:32,940
E agora, se nós nos permitimos, temos um pacote que Jason crie nosso ato de

27
00:01:32,940 --> 00:01:39,120
J us e também executaremos o NPM install express dash dash save.

28
00:01:39,150 --> 00:01:41,360
Aqui vamos nós.

29
00:01:41,400 --> 00:01:45,780
Agora vamos abrir o arquivo de jazz e começar a adicionar algum código lá.

30
00:01:45,780 --> 00:01:52,410
E ao invés de apenas fazer ls e depois clicar em J. S. e clicando em abrir encontrei recentemente outra maneira

31
00:01:52,410 --> 00:01:53,350
de fazer isso.

32
00:01:53,460 --> 00:02:00,570
9 adicionou recentemente o que é se você digitar o espaço C9 e depois o nome de um arquivo ou o caminho para um arquivo.

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

34
00:02:01,380 --> 00:02:03,040
Então, o aplicativo base C9.

35
00:02:03,060 --> 00:02:07,090
J Sim, isso o abrirá no editor.

36
00:02:07,200 --> 00:02:11,760
É muito mais rápido do que ter que digitar ls e depois clicar no arquivo e depois clicar em Abrir.

37
00:02:11,760 --> 00:02:22,380
Então, possamos obter o código expresso básico aqui até agora, os expressos expressos exigem express e, em seguida, o aplicativo var é igual

38
00:02:22,410 --> 00:02:25,160
a expressar executá-lo como uma função.

39
00:02:25,170 --> 00:02:33,710
Uma coisa que você ocasionalmente verá é aquela em que alguém disse que o aplicativo Savar é igual a exigir expressar e,

40
00:02:33,840 --> 00:02:36,720
em seguida, apenas executá-lo como uma função imediatamente.

41
00:02:36,720 --> 00:02:43,410
A maioria das pessoas irá fazê-lo assim em duas etapas separadas e, mais comumente, você verá Xpress e

42
00:02:43,500 --> 00:02:45,660
app que podem ser qualquer coisa.

43
00:02:45,660 --> 00:02:46,950
Agora vamos fazer a ação.

44
00:02:46,950 --> 00:02:53,450
Ouça indo no fundo, que iniciará o servidor, por isso precisaria da porta que processa

45
00:02:53,800 --> 00:03:02,280
essa porta EMV e depois processa esse IP D-NV e são variáveis ​​de ambiente que a nuvem 9 configurou

46
00:03:02,280 --> 00:03:06,250
que estamos acessando a porta e Endereço de IP.

47
00:03:06,510 --> 00:03:13,230
E então eu adiciono meu retorno de chamada que será executado uma vez que o servidor tenha sido configurado uma vez que ele esteja ouvindo e

48
00:03:13,230 --> 00:03:15,840
nós vamos apenas ver o que acontece com o log.

49
00:03:16,060 --> 00:03:21,540
O servidor está escutando assim e economizará.

50
00:03:21,540 --> 00:03:25,350
Agora vamos adicionar na nossa primeira rota e faremos a rota rota.

51
00:03:25,350 --> 00:03:30,090
Eu sempre gosto de começar e isso sempre é uma frase confusa para alguns dos meus alunos

52
00:03:30,090 --> 00:03:34,130
porque esta palavra que eu pronuncio a rota alguns deles se pronunciará como raiz.

53
00:03:34,410 --> 00:03:36,830
Eu tento deixá-lo muito claro quando digo raízes.

54
00:03:36,900 --> 00:03:41,250
Só falo sobre R O T como neste.

55
00:03:41,280 --> 00:03:42,870
A rota da raiz.

56
00:03:43,140 --> 00:03:53,040
seguida, terão esses dois objetos pedidos em resposta e vamos seguir em frente e apenas chamar o rez envie e vamos fazer uma coisa simples.

57
00:03:53,040 --> 00:04:00,450
OK, então vamos adicionar isso em apt get root ou slash e, em seguida, nossa função de retorno de

58
00:04:00,450 --> 00:04:06,500
chamada será executada sempre que um pedido para obter solicitações é feito para cortar e, em

59
00:04:06,540 --> 00:04:08,700
Bem-vindo à página inicial.

60
00:04:08,730 --> 00:04:11,730
Assim como isso, todos deveriam ser revisados ​​neste momento.

61
00:04:12,090 --> 00:04:16,020
Vamos começar o servidor até o nó j.

62
00:04:16,890 --> 00:04:18,280
Parece que tudo é bom.

63
00:04:18,390 --> 00:04:22,500
Vamos agora para a página raiz aqui e atualizar.

64
00:04:22,500 --> 00:04:23,710
Bem-vindo à página inicial.

65
00:04:23,890 --> 00:04:28,580
Obviamente, esse tipo de conteúdo uma única linha de texto é bastante chato.

66
00:04:28,610 --> 00:04:34,890
O que podemos fazer para consertar um pouco é que podemos voltar aqui e fazer isso com um pouco de H-2A Mel.

67
00:04:34,950 --> 00:04:43,640
Se quisermos gostar disso e depois podemos adicionar abaixo e H-2 que diz blá blá.

68
00:04:43,770 --> 00:04:45,910
Bem desse jeito.

69
00:04:46,020 --> 00:04:46,760
Aqui vamos nós.

70
00:04:46,920 --> 00:04:50,730
E se salvar isso e reiniciar o servidor.

71
00:04:51,120 --> 00:04:53,980
E então voltamos aqui e atualizamos.

72
00:04:53,980 --> 00:05:00,070
HVM sendo renderizados para nós, mas isso ainda é incrivelmente doloroso para realmente digitar uma página inteira.

73
00:05:00,070 --> 00:05:00,850
Obtemos álbuns

74
00:05:00,850 --> 00:05:04,290
É tecnicamente possível, mas seria tão difícil.

75
00:05:04,450 --> 00:05:05,720
Não é uma boa idéia.

76
00:05:05,920 --> 00:05:10,870
Então, felizmente, há uma maneira mais fácil de escrever todos os nossos códigos em um arquivo separado o

77
00:05:10,960 --> 00:05:17,070
tempo todo que queremos todos os C Ss e sim, todos os javascript de frente que queremos enviar de volta ao usuário

78
00:05:17,530 --> 00:05:23,920
para que possamos usar um método chamado de renderização e esse método de renderização vive no objeto de resposta, seja lá o que

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

80
00:05:24,430 --> 00:05:26,730
Em nosso caso revs, então o resto não seja processado.

81
00:05:26,730 --> 00:05:35,170
E então nós damos um nome de um arquivo como página inicial ou ponto de origem envelheceu ele ou Dogstar envelheceu

82
00:05:35,170 --> 00:05:36,950
para fora ou algo assim.

83
00:05:37,270 --> 00:05:40,950
E é claro que precisamos ter esse arquivo criado e precisa ter algum conteúdo nele.

84
00:05:41,230 --> 00:05:46,840
Mas mesmo antes de fazer isso, há um pequeno problema que vou me livrar desta linha

85
00:05:46,840 --> 00:05:50,810
e o problema é quando usamos Express, não escrevemos arquivos simples.

86
00:05:50,950 --> 00:05:52,400
Existem maneiras de fazer isso.

87
00:05:52,420 --> 00:05:58,060
Isso requer um pouco mais de configuração, mas a maioria de nossos aplicativos da web não serão apenas arquivos estáticos padrão da Tim

88
00:05:58,060 --> 00:05:59,410
que são enviados de volta.

89
00:05:59,590 --> 00:06:05,290
O que estamos procurando são arquivos html dinâmicos que são chamados de modelos e na segunda

90
00:06:05,290 --> 00:06:07,080
metade deste vídeo, vamos apresentá-los.

91
00:06:07,270 --> 00:06:13,360
Mas por agora vou aqui e mudo isso para E. J. s e tudo o que vou dizer sobre E. J. é que isso representa

92
00:06:13,360 --> 00:06:18,280
javascript embutido e que você vai aprender muito mais sobre isso em cerca de cinco

93
00:06:18,280 --> 00:06:23,250
minutos quando o pedido for feito para cortar nosso código renderizará um arquivo chamado Dogstar.

94
00:06:23,380 --> 00:06:23,990
Sim.

95
00:06:24,060 --> 00:06:28,060
E vamos mudar para casa apenas porque isso faz mais sentido com a rota rota.

96
00:06:28,330 --> 00:06:33,580
precisamos criar esse arquivo e na verdade não o criamos no mesmo diretório que realmente nós.

97
00:06:33,580 --> 00:06:34,340
E então

98
00:06:34,570 --> 00:06:41,560
O que precisamos fazer é criar um novo diretório chamado de visualizações e esse não é um nome arbitrário que é

99
00:06:41,560 --> 00:06:43,380
um diretório que expressar vai procurar.

100
00:06:43,540 --> 00:06:49,360
Então, sempre que renderizamos um arquivo, seja chamado de primeiro olhar no diretório de visualizações e

101
00:06:49,360 --> 00:06:52,650
tente encontrar este arquivo exato dentro de um fusível.

102
00:06:52,660 --> 00:06:54,790
Então, agora vamos criar isso.

103
00:06:54,790 --> 00:07:01,520
Então, eu vou fazer uma tela de toque, abrindo a casa, que Ejay nós apenas assim.

104
00:07:01,780 --> 00:07:04,380
E então, a próxima coisa que eu quero fazer é adicionar algum conteúdo.

105
00:07:04,420 --> 00:07:10,320
Então, vamos abrir esse arquivo com o novo comando do C9 que o C-9 exibe na barra lateral.

106
00:07:10,360 --> 00:07:10,610
E. J. Sim e vamos adicionar algumas coisas aqui.

107
00:07:10,610 --> 00:07:14,800
Esta é a página inicial.

108
00:07:14,890 --> 00:07:17,530
Vamos consertar isso.

109
00:07:17,890 --> 00:07:19,100
E também vamos adicionar uma imagem e eu tenho uma imagem que eu gostaria de usar aqui.

110
00:07:19,480 --> 00:07:24,850
Isso é chamado de "Palm Ski".

111
00:07:24,850 --> 00:07:26,960
É um Pomeranian e uma mistura ronca.

112
00:07:27,080 --> 00:07:29,230
Alegadamente, este é um Parsky crescido, que é bastante louco se isso for verdade.

113
00:07:29,230 --> 00:07:33,700
Parece um cachorrinho miniaturizado ou apenas um filhote de cachorro ronco permanente.

114
00:07:33,910 --> 00:07:38,240
De qualquer forma, vamos copiar este URL e voltar.

115
00:07:38,350 --> 00:07:41,720
E é claro que você pode fazer qualquer imagem que você gostaria.

116
00:07:41,800 --> 00:07:44,380
Você não tem que ir achar isso ou não é você, você é o próprio Ellaby e vai economizar.

117
00:07:44,380 --> 00:07:48,670
E agora vamos fechar isso e devemos estar bem para ir.

118
00:07:49,060 --> 00:07:52,880
Exceto por perder uma coisa e eu realmente vou deixar expressar, diga-nos o que estamos perdendo.

119
00:07:53,050 --> 00:07:58,030
Receberemos uma mensagem de erro.

120
00:07:58,030 --> 00:07:59,310
Então vou limpar isso apenas para fazer mais espaço para você.

121
00:07:59,530 --> 00:08:02,940
E agora vou começar o servidor.

122
00:08:03,160 --> 00:08:05,510
E quando vamos para a rota rota, ele chamará o método de renderização que procurará por casa.

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

124
00:08:12,270 --> 00:08:12,950
Dentro de um diretório chamado de visualizações.

125
00:08:13,150 --> 00:08:15,650
E então, uma vez que descobrirá que ele irá levar o conteúdo

126
00:08:15,790 --> 00:08:21,580
e enviá-lo de volta na resposta para que nós voltem ao nosso aplicativo e atualizemos e nós recebemos uma mensagem de erro aqui diz que não pode encontrar Montreuil.

127
00:08:21,580 --> 00:08:28,690
E. J. Sim.

128
00:08:28,690 --> 00:08:28,940
e o arquivo Ejaz.

129
00:08:29,020 --> 00:08:29,780
E o que isso significa é que expressar está procurando por um pacote chamado Ejay nós que ele precisa usar para renderizar

130
00:08:30,160 --> 00:08:36,340
Então, precisamos instalar o NPM para nós, e isso tudo terá sentido por que estamos usando o Ejaz em apenas alguns minutos.

131
00:08:36,340 --> 00:08:39,630
Mas, por enquanto, confie em mim, o NPM instala o Ejay e nós faremos saltos do dash dash.

132
00:08:39,670 --> 00:08:46,570
E uma vez que termina, podemos fazer o nó.

133
00:08:46,600 --> 00:08:52,440
J. S. novamente e atualize a página agora e nós conseguimos que esta seja a página

134
00:08:53,230 --> 00:08:57,080
inicial e nossos cachorros adoráveis ​​duraram o Tomsky completo.

135
00:08:57,160 --> 00:09:04,570
Então, agora temos um arquivo de h t m l que escrevemos que agora estamos enviando de

136
00:09:04,570 --> 00:09:06,020
volta ao usuário e que está sendo processado no navegador.

137
00:09:06,130 --> 00:09:11,530
E isso é ótimo, mas isso ainda é extremamente limitado para aplicativos da web.

138
00:09:11,530 --> 00:09:12,820
Isso só enviará a mesma

139
00:09:13,030 --> 00:09:17,900
página exatamente a cada vez e na maioria dos aplicativos da web que não é o que queremos.

140
00:09:17,920 --> 00:09:23,980
Talvez a página inicial seja a mesma ou a página de logon é a mesma.

141
00:09:23,980 --> 00:09:24,530
Mas então, uma

142
00:09:24,670 --> 00:09:28,260
vez que o usuário iniciou sessão, por exemplo, geralmente há uma mensagem que diz boas-vindas chamadas atrasadas ou bem-vindas.

143
00:09:28,330 --> 00:09:33,850
Adorável parsky filhote de cachorro slash adulto.

144
00:09:34,300 --> 00:09:35,370
Deixe-me mostrar o que quero dizer com um exemplo rápido.

145
00:09:35,380 --> 00:09:37,960
Então vou voltar e adicionar uma nova rota e nossa rota vai ser algo como Slash.

146
00:09:37,960 --> 00:09:39,870
Apaixone-se e depois uma coisa como Rustie e então também podemos nos apaixonar por um esqui de palma.

147
00:09:40,060 --> 00:09:45,960
Acho que é assim que está escrito.

148
00:09:46,060 --> 00:09:54,100
E queremos um arquivo HMO que nos mostre uma mensagem que contenha a variável da rota desse

149
00:09:54,550 --> 00:09:55,780
parâmetro de caminho.

150
00:09:55,990 --> 00:10:01,780
Então, diria algo como se você se apaixonasse por roubado, então, para fazer isso, você precisa definir ou obter uma queda do amor

151
00:10:01,780 --> 00:10:02,480
da coisa Slash.

152
00:10:02,590 --> 00:10:14,900
É o que chamaremos.

153
00:10:15,290 --> 00:10:18,560
E então precisamos do nosso pedido e resposta dentro do retorno de chamada.

154
00:10:18,570 --> 00:10:19,600
E, assim como

155
00:10:19,940 --> 00:10:24,440
o último exercício, irá capturar algo que será algo da VAR igual a

156
00:10:24,440 --> 00:10:32,480
solicitação de assunto Harams e, então, podemos começar com esse simples envio de pontos vermelhos, como fizemos com o exercício de fala de animais.

157
00:10:32,960 --> 00:10:39,290
O porco diz oink.

158
00:10:39,290 --> 00:10:39,950
A vaca diz que moo pode fazer o mesmo aqui.

159
00:10:39,960 --> 00:10:41,770
Então, vamos apenas dizer que você se apaixonou por uma coisa mais.

160
00:10:41,900 --> 00:10:44,050
Tudo bem.

161
00:10:44,060 --> 00:10:51,130
Então, esta é uma revisão e se eu reiniciar o servidor agora e eu volto e agora vou acalmar-me

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

163
00:10:52,340 --> 00:11:00,890
por Slash ske, você se apaixonou por Tomsky, o que não é exatamente gramaticalmente correto, mas, novamente, a palavra pomps também não é.

164
00:11:01,280 --> 00:11:10,820
Então eu vou voltar e agora o que queremos fazer é descobrir como podemos enviar um H para ele, eu vou arquivar de volta que diz

165
00:11:10,820 --> 00:11:12,850
que você se apaixonou por

166
00:11:13,070 --> 00:11:18,770
mais e, então, algo que podemos começar criando o arquivo e nós Vou chamar esse

167
00:11:18,950 --> 00:11:25,850
arquivo dentro do diretório de visualizações e chamá-lo do que quiser, é claro, mas vou apenas com amor E. J. A fim de mantê-lo curto e então vamos preencher isso.

168
00:11:25,850 --> 00:11:31,490
Então, precisamos a barra de exibição do C-9.

169
00:11:31,490 --> 00:11:36,380
Adoro isso.

170
00:11:36,380 --> 00:11:40,520
Sim, temos isso aberto e vamos começar apenas adicionando você se apaixonou e então precisamos preencher

171
00:11:40,940 --> 00:11:41,840
o espaço em branco.

172
00:11:41,950 --> 00:11:51,110
Mas nós não sabemos o que colocar aqui ainda, então vamos deixá-lo assim e vamos colocar uma nota aqui que

173
00:11:51,110 --> 00:11:51,910
diz P. S. Este é o amor que o Ejay nos registra apenas para que você saiba que está vindo do arquivo Ejaz.

174
00:11:52,010 --> 00:11:56,780
Não é o redstart enviar que temos agora.

175
00:11:56,780 --> 00:12:07,500
Na verdade, para se livrar disso.

176
00:12:07,500 --> 00:12:10,430
Então, o que queremos fazer é que o arquivo assim lido não seja renderizado.

177
00:12:10,490 --> 00:12:12,270
E o nome do arquivo é o amor que E. J. Sim, ele procurará automaticamente no diretório de visualizações que está certo.

178
00:12:13,100 --> 00:12:18,230
Lá vamos nós temos dois arquivos, vamos começar o nó do servidor.

179
00:12:18,500 --> 00:12:21,420
Sim irá reiniciar e atualizar.

180
00:12:21,420 --> 00:12:27,080
ESTÁ BEM.

181
00:12:27,110 --> 00:12:31,980
Então nosso arquivo está aqui.

182
00:12:32,110 --> 00:12:36,260
Você se apaixonou e precisamos preencher o espaço em branco aqui.

183
00:12:36,590 --> 00:12:36,920
com dados que retornam

184
00:12:36,950 --> 00:12:38,520
de um banco de dados ou dados que um usuário forneceu onde não é um arquivo de matar estática.

185
00:12:38,540 --> 00:12:41,700
E eu sei que este é um exemplo muito simples, que é o ponto em que eu não quero confundir com algo de louco ainda, mas esse tipo de lógica é realmente importante, onde podemos preencher um modelo

186
00:12:41,990 --> 00:12:46,250
Isso é exatamente o mesmo toda vez.

187
00:12:46,250 --> 00:12:51,860
Nós basicamente queremos adicionar variáveis ​​no HTL e é isso que cada Sim nos permite fazer.

188
00:12:51,860 --> 00:12:57,950
Então E. J. S significa JavaScript embutido.

189
00:12:57,980 --> 00:13:00,220
Ele nos permite incorporar variáveis ​​de código javascript se as instruções forem feitas dentro de H Timo.

190
00:13:00,260 --> 00:13:05,770
Então, é como podemos fazer algo como.

191
00:13:06,080 --> 00:13:09,380
Você se apaixonou

192
00:13:09,380 --> 00:13:18,520
e, em seguida, aqui, isso não funcionará ainda, mas podemos colocar nossa variável chamada coisa, vamos apenas fazê-lo em todas as variáveis, variável.

193
00:13:18,560 --> 00:13:20,450
Mas isso não funcionará porque

194
00:13:20,840 --> 00:13:26,970
ele apenas tratará como HMO regular e ele apenas nos mostrará a variável de coisa da palavra.

195
00:13:27,640 --> 00:13:30,650
Nós precisamos fazer algo para dizer a cada um

196
00:13:30,650 --> 00:13:36,430
de nós que este é o código javascript que não lhe ensina, vou tratar isso como javascript.

197
00:13:36,440 --> 00:13:37,700
Por sorte, só nos dá uma maneira de fazer isso.

198
00:13:37,700 --> 00:13:43,010
É um pouco estranho quando você vê pela primeira vez.

199
00:13:43,010 --> 00:13:44,200
Se parece com isso.

200
00:13:44,390 --> 00:13:47,160
no suporte de abertura e tudo o que se passa entre esses dois suportes aqui será tratado como Javascript.

201
00:13:47,210 --> 00:13:49,600
Então, temos nossos colchetes e, em seguida, sinais de porcentagem e, em seguida, sinal de igual

202
00:13:49,790 --> 00:13:51,220
Então, eu vou mostrar-lhe o que

203
00:13:51,830 --> 00:13:58,640
quero dizer, podemos usar apenas algo como cinco mais cinco que, no regular H M L, e eu vou fazer isso para lhe mostrar cinco mais cinco.

204
00:13:58,640 --> 00:14:03,150
Sem estes parênteses Ejay Sim apenas imprimirão cinco

205
00:14:03,320 --> 00:14:10,580
mais cinco, mas se o fizermos aqui, nós realmente receberemos 10 impressos.

206
00:14:10,580 --> 00:14:14,010
Então, irei salvar este modelo sair ou iniciar o servidor

207
00:14:14,450 --> 00:14:20,480
novamente nó após J us e atualizar a página e nós ficamos apaixonados por cinco mais cinco dez.

208
00:14:20,480 --> 00:14:22,000
E entendi totalmente.

209
00:14:22,130 --> 00:14:33,230
Se eu parar cinco dez é uma captura completa, tudo bem.

210
00:14:33,230 --> 00:14:36,920
Então vamos voltar.

211
00:14:37,130 --> 00:14:38,010
Então, não queremos que cinco mais cinco sejam impressos lá.

212
00:14:38,030 --> 00:14:41,270
Mas nós realmente queremos é a variável coisa.

213
00:14:41,270 --> 00:14:42,220
Nós chamaremos isso de coisa VAR ou simplesmente vamos fazer algo bem.

214
00:14:42,350 --> 00:14:44,980
E isso precisa vir do nosso código aqui.

215
00:14:45,020 --> 00:14:48,830
Então, o que precisamos fazer é passar essa coisa de valor para o nosso amor que E. J. como modelo e queremos imprimi-lo e, enquanto estivermos

216
00:14:48,890 --> 00:14:52,780
aqui, também se livrar dos cinco mais cinco.

217
00:14:52,940 --> 00:14:56,180
Então nós conseguimos que você se apaixonou e então precisamos definir a coisa longe e

218
00:14:56,180 --> 00:15:02,820
você pode pensar que podemos fazer essa coisa de var.

219
00:15:02,820 --> 00:15:07,290
Var é igual ao pedido da coisa slot.

220
00:15:07,490 --> 00:15:12,980
E você pode estar esperando que o expresso envie automaticamente todas essas variáveis ​​de alguma forma para esse modelo.

221
00:15:12,980 --> 00:15:15,400
E só sabe sobre a coisa var.

222
00:15:15,410 --> 00:15:18,200
Infelizmente não é assim que funciona.

223
00:15:18,440 --> 00:15:24,320
E eu vou mostrar-lhe que reiniciar o servidor Eu recebo uma mensagem de erro e ele me diz

224
00:15:24,410 --> 00:15:26,410
que nada var não está definido.

225
00:15:26,750 --> 00:15:28,550
Então, agora preciso voltar e definir a barra de coisas.

226
00:15:28,670 --> 00:15:37,790
E a maneira como eu faço isso é realmente passar para o meu amado E. J. s template e eu faço isso na linha de renderização de pontos quando você o passa como

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

228
00:15:38,930 --> 00:15:41,800
E nesse objeto eu posso colocar várias peças de dados que eu quero ter no meu modelo.

229
00:15:41,960 --> 00:15:48,230
Então, ao invés de as coisas apenas chamar isso de coisa para

230
00:15:48,230 --> 00:15:52,170
tornar isso mais claro e depois, eu vou passar dados e eu vou dizer no modelo que a coisa deve ser igual à coisa.

231
00:15:52,340 --> 00:15:57,210
O que isso vai fazer é tirar o valor da coisa e mantê-la aqui.

232
00:15:57,440 --> 00:16:03,230
Então, parece que uma coisa longe é igual a Rusty.

233
00:16:03,230 --> 00:16:10,910
E então, aqui, a coisa var será substituída.

234
00:16:11,330 --> 00:16:15,420
Tudo isso seria substituído por oxidado.

235
00:16:15,560 --> 00:16:19,450
OK, então vamos deixar isso com isso.

236
00:16:19,610 --> 00:16:22,760
Volte aqui e por que não começamos por codificá-lo como resti exatamente assim e

237
00:16:22,760 --> 00:16:25,810
reiniciarei o servidor e atualizarei a página e eu fico apaixonado por Rusty.

238
00:16:26,460 --> 00:16:29,600
Então, ao invés de fazer uma seqüência de caracteres,

239
00:16:29,600 --> 00:16:35,900
o próximo passo é apenas voltar para o que tivemos, o que é a coisa variável de variável

240
00:16:35,900 --> 00:16:42,240
e eu vou passar por isso sob a barra de coisa do nome e então nós renderizamos isso aqui.

241
00:16:42,350 --> 00:16:48,560
E. J. marcou essa coisa de aparência vacilante.

242
00:16:48,560 --> 00:16:55,850
Reinicie o servidor novamente volte.

243
00:16:55,850 --> 00:16:56,000
Agora estou começando a se apaixonar por Parsky.

244
00:16:56,010 --> 00:16:58,350
E se eu vou para você, você se apaixonou por Tater Tots, que também se reflete aqui.

245
00:16:58,610 --> 00:17:02,200
Este é um conceito muito poderoso que usaremos.

246
00:17:02,390 --> 00:17:05,910
Como eu disse e praticamente todos os aplicativos a

247
00:17:06,070 --> 00:17:13,440
partir daqui, tendo essas páginas dinâmicas terem enxergado todas as respostas que podem mudar de acordo com o que

248
00:17:13,520 --> 00:17:16,510
o usuário pediu em dados específicos na solicitação.

249
00:17:16,520 --> 00:17:21,190
A outra coisa que vou mostrar é que este é apenas um Javascript regular.

250
00:17:21,190 --> 00:17:26,870
Então, aqui, posso fazer coisas como maiúsculas e isso será executado primeiro e depois retornará algo que será

251
00:17:26,870 --> 00:17:27,950
impresso como enferrujado.

252
00:17:27,950 --> 00:17:31,630
Então, é apenas um javascript regular e conversaremos mais sobre o que deveria acontecer aqui e o que não deveria.

253
00:17:31,730 --> 00:17:39,590
Porque existem algumas regras que você não quer desordenar seu envelhecido ele todo o seu modelo Ejaz

254
00:17:39,650 --> 00:17:42,100
com toneladas e toneladas javascript.

255
00:17:42,470 --> 00:17:46,880
Você quer mantê-lo no mínimo, mas por agora vou fazer isso e salvar.

256
00:17:47,150 --> 00:17:51,650
E esta será a última coisa que fazemos.

257
00:17:51,650 --> 00:17:53,200
Reinicie a atualização do servidor.

258
00:17:53,300 --> 00:17:57,070
E agora recebo uma versão em maiúsculas.

259
00:17:57,230 --> 00:17:58,990
Tudo bem, então, vamos recapitular tudo sobre o qual falamos.

260
00:17:59,270 --> 00:18:01,860
Há uma série de perguntas nesta lição.

261
00:18:02,180 --> 00:18:04,280
A primeira coisa é que podemos enviar o conteúdo de um arquivo usando o redstart render

262
00:18:04,280 --> 00:18:06,600
como fizemos aqui e aqui e esses modelos precisam existir no diretório de visualizações, expressamente, parece lá.

263
00:18:06,620 --> 00:18:08,330
A próxima coisa que falamos sobre o

264
00:18:08,360 --> 00:18:14,180
Ejaz que representa javascript embutido e é o que nos permite ter modelos dinâmicos HDMI que mudarão dependendo de alguns dados que fornecemos.

265
00:18:14,180 --> 00:18:20,600
Vimos que precisávamos fazer cada Sim e depois nosso arquivo fosse chamado de DOD Ejay Sim.

266
00:18:20,600 --> 00:18:26,570
E então, também precisávamos executar a instalação do NPM para nós, e então a última coisa é que

267
00:18:26,570 --> 00:18:31,440
podemos usar os brackets do Ejay nós que são muito estranhos primeiro para digitar.

268
00:18:31,640 --> 00:18:37,730
Você provavelmente não está acostumado a usar esta parte do teclado, mas há colchetes onde o sinal de

269
00:18:37,940 --> 00:18:44,140
porcentagem e um igual e, no outro lado, é apenas um sinal de porcentagem e tudo o que está

270
00:18:44,240 --> 00:18:47,230
dentro é tratado como código JavaScript primeiro e depois

271
00:18:47,360 --> 00:18:52,040
Qualquer que seja o código retornado é impresso no HMO e para passar dados.

272
00:18:52,040 --> 00:18:57,140
Podemos passar um objeto na chamada de renderização de pontos vermelhos onde temos pares de valores-chave.

273
00:18:57,140 --> 00:19:03,650
É apenas um objeto javascript regular.

274
00:19:03,850 --> 00:19:07,270
E no modelo, temos acesso às variáveis ​​que definimos são as propriedades do objeto.

275
00:19:07,760 --> 00:19:12,500
Neste caso, a coisa é igual a qualquer que seja o valor da coisa que muda sempre.

276
00:19:12,500 --> 00:19:14,660
E aqui podemos usar a coisa.

277
00:19:14,660 --> 00:19:19,790
OK, então eu sei que há muito nesse vídeo muito para digerir.

278
00:19:19,910 --> 00:19:26,330
Teremos muita prática com estes conceitos em particular.

279
00:19:26,570 --> 00:19:29,510
E. J. Sim e aquilo E. J. tem colchetes e depois passando dados para um modelo é

280
00:19:29,780 --> 00:19:32,830
algo que faremos em todos os vídeos a partir daqui

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