1
00:00:00,240 --> 00:00:03,200
Bentornata in questa lezione, ti mostrerò come possiamo scrivere.

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

3
00:00:04,020 --> 00:00:09,420
In un file separato e possiamo rimandare il file nella risposta piuttosto che in quello che

4
00:00:09,420 --> 00:00:12,000
abbiamo fatto finora usando il redstart send.

5
00:00:12,090 --> 00:00:13,880
Ci sono tre obiettivi principali qui.

6
00:00:13,890 --> 00:00:20,400
Il primo è usare il rendering redstart per renderlo disponibile a inviare un file da ciascun file e questo avrà più senso una

7
00:00:20,400 --> 00:00:23,150
volta che parleremo di ciò che ognuno di noi è.

8
00:00:23,460 --> 00:00:24,740
E questo è il prossimo obiettivo.

9
00:00:24,780 --> 00:00:27,340
Spiega cos'è Ejaz e perché lo usiamo.

10
00:00:27,360 --> 00:00:30,920
E infine passare le variabili ad Ejay come modelli.

11
00:00:30,930 --> 00:00:35,760
Quindi, per iniziare qui ho bisogno di una nuova app Express e ho intenzione di creare

12
00:00:35,760 --> 00:00:41,640
l'app express di base da zero che non continuerò a fare in tutti i video, ma è ancora abbastanza presto

13
00:00:41,640 --> 00:00:42,440
nel corso .

14
00:00:42,480 --> 00:00:46,440
E voglio solo assicurarmi che ti abitui a vederlo e farlo perché è

15
00:00:46,440 --> 00:00:48,280
qualcosa che dovrai fare senza sosta.

16
00:00:48,300 --> 00:00:54,210
creerò una nuova directory all'interno di quella e chiameremo questa demo di Ejay us.

17
00:00:55,110 --> 00:01:01,130
Quindi ho una directory chiamata More express da cui lavorerò per questa unità e

18
00:01:02,290 --> 00:01:10,540
E invece di Ejaz demo eseguiremo il NPM e accelererò il processo.

19
00:01:10,560 --> 00:01:11,990
Quindi quel nome va bene.

20
00:01:12,000 --> 00:01:14,800
La versione va bene la descrizione è vuota.

21
00:01:14,880 --> 00:01:16,700
Mi piace sempre cambiare questo in app.

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

23
00:01:17,490 --> 00:01:19,690
Solo una preferenza personale.

24
00:01:20,070 --> 00:01:21,580
Premi Invio qualche altra volta.

25
00:01:21,660 --> 00:01:25,100
Non è necessario riempire nessuno di questi e ci andiamo.

26
00:01:25,470 --> 00:01:32,940
E ora se ci permettiamo di avere un pacchetto che Jason creerà il nostro

27
00:01:32,940 --> 00:01:39,120
atto J us e eseguiremo anche NPM install express dash dash save.

28
00:01:39,150 --> 00:01:41,360
Eccoci.

29
00:01:41,400 --> 00:01:45,780
Ora apriamo il file jazz e iniziamo ad aggiungere del codice.

30
00:01:45,780 --> 00:01:52,410
E invece di fare solo ls e poi cliccare su J. S. e cliccando su Apri di recente ho trovato un

31
00:01:52,410 --> 00:01:53,350
altro modo per farlo.

32
00:01:53,460 --> 00:02:00,570
9 recentemente aggiunto che è se si digita lo spazio C9 e quindi il nome di un file o il percorso di un file.

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

34
00:02:01,380 --> 00:02:03,040
Quindi l'app di base C9.

35
00:02:03,060 --> 00:02:07,090
Sì, questo lo aprirà per te nell'editor.

36
00:02:07,200 --> 00:02:11,760
È molto più veloce di dover digitare ls e quindi fare clic sul file e quindi fare clic su Apri.

37
00:02:11,760 --> 00:02:22,380
Quindi prendiamo qui il codice express di base, per cui esprimere express equivale a express e quindi var app uguale express

38
00:02:22,410 --> 00:02:25,160
lo esegue come una funzione.

39
00:02:25,170 --> 00:02:33,710
Una cosa che si vedrà occasionalmente è questa in cui qualcuno ha detto che l'app Savar è uguale a richiedere express

40
00:02:33,840 --> 00:02:36,720
e quindi eseguirla immediatamente come una funzione.

41
00:02:36,720 --> 00:02:43,410
La maggior parte delle persone però lo farà in due passaggi separati e più comunemente vedrai semplicemente Xpress e

42
00:02:43,500 --> 00:02:45,660
app che possono essere qualsiasi cosa.

43
00:02:45,660 --> 00:02:46,950
Ora diamo il via.

44
00:02:46,950 --> 00:02:53,450
Ascolta andando in fondo che avvierà il server in modo che avrebbe bisogno della porta

45
00:02:53,800 --> 00:03:02,280
che processa la porta EMV e quindi elabora l'IP D-NV e quelle sono le variabili d'ambiente che cloud 9 ha

46
00:03:02,280 --> 00:03:06,250
impostato che stiamo accedendo alla porta e Indirizzo IP.

47
00:03:06,510 --> 00:03:13,230
E poi aggiungo il mio callback che verrà eseguito una volta che il server è stato configurato una volta in

48
00:03:13,230 --> 00:03:15,840
ascolto e vedremo solo cosa succede sul log.

49
00:03:16,060 --> 00:03:21,540
Il server sta ascoltando proprio così e salverà.

50
00:03:21,540 --> 00:03:25,350
Ora aggiungiamo nel nostro primo percorso e faremo il percorso del percorso.

51
00:03:25,350 --> 00:03:30,090
Mi piace sempre iniziare da lì e questa è sempre una frase confusa per alcuni dei

52
00:03:30,090 --> 00:03:34,130
miei studenti perché questa parola che pronuncio alcuni di loro si pronuncia come root.

53
00:03:34,410 --> 00:03:36,830
Cerco di renderlo molto chiaro quando dico radici.

54
00:03:36,900 --> 00:03:41,250
Sto solo parlando di R O T come in questo.

55
00:03:41,280 --> 00:03:42,870
La via principale.

56
00:03:43,140 --> 00:03:53,040
quindi avranno questi due oggetti richiesti in risposta e andremo avanti e chiameremo solo il rez invia e faremo semplicemente una cosa semplice.

57
00:03:53,040 --> 00:04:00,450
OK quindi aggiungiamo che in apt ottieni root o barra e quindi la nostra funzione di callback

58
00:04:00,450 --> 00:04:06,500
verrà eseguita ogni volta che una richiesta di richieste viene fatta per tagliare e

59
00:04:06,540 --> 00:04:08,700
Benvenuti nella home page.

60
00:04:08,730 --> 00:04:11,730
Proprio così dovrebbero essere tutti recensione a questo punto.

61
00:04:12,090 --> 00:04:16,020
Iniziamo il server in modo nodo j.

62
00:04:16,890 --> 00:04:18,280
Sembra che tutto vada bene.

63
00:04:18,390 --> 00:04:22,500
Passiamo ora alla pagina principale qui e aggiorniamo.

64
00:04:22,500 --> 00:04:23,710
Benvenuti nella home page.

65
00:04:23,890 --> 00:04:28,580
Ovviamente questo tipo di contenuto una singola riga di testo è piuttosto noioso.

66
00:04:28,610 --> 00:04:34,890
Quello che possiamo fare per ridimensionarlo un po 'è che possiamo tornare qui e rendere questo un H-2A Mel.

67
00:04:34,950 --> 00:04:43,640
Se volessimo solo quello e poi potremmo aggiungere sotto quello e H-2 che dice bla bla.

68
00:04:43,770 --> 00:04:45,910
Proprio così.

69
00:04:46,020 --> 00:04:46,760
Eccoci.

70
00:04:46,920 --> 00:04:50,730
E se salviamo questo e riavvia il server.

71
00:04:51,120 --> 00:04:53,980
E poi torniamo qui e ci aggiorniamo.

72
00:04:53,980 --> 00:05:00,070
HVM ci vengono resi, ma è ancora incredibilmente doloroso scrivere una pagina intera.

73
00:05:00,070 --> 00:05:00,850
Gli album

74
00:05:00,850 --> 00:05:04,290
È tecnicamente possibile ma sarebbe così difficile.

75
00:05:04,450 --> 00:05:05,720
Non è solo una buona idea.

76
00:05:05,920 --> 00:05:10,870
Quindi fortunatamente c'è un modo più semplice in cui possiamo scrivere tutto il nostro codice in

77
00:05:10,960 --> 00:05:17,070
un file separato tutto il tempo che vogliamo tutti i C S e sì tutto il javascript front-end che vogliamo

78
00:05:17,530 --> 00:05:23,920
inviare all'utente, in modo che possiamo usare un metodo chiamato render e quel metodo di rendering vive sull'oggetto risposta qualunque lo

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

80
00:05:24,430 --> 00:05:26,730
Nel nostro caso i giri così riposano non rendono.

81
00:05:26,730 --> 00:05:35,170
E poi gli diamo il nome di un file come la home page o l'home point invecchiato da lui o Dogstar

82
00:05:35,170 --> 00:05:36,950
invecchiato o qualcosa del genere.

83
00:05:37,270 --> 00:05:40,950
E ovviamente abbiamo bisogno di creare quel file e di avere dei contenuti in esso.

84
00:05:41,230 --> 00:05:46,840
Ma anche prima di farlo c'è un piccolo problema che mi libererò di questa linea e

85
00:05:46,840 --> 00:05:50,810
il problema è che quando usiamo Express non scriviamo semplici file hm.

86
00:05:50,950 --> 00:05:52,400
Ci sono modi per farlo.

87
00:05:52,420 --> 00:05:58,060
Richiede un po 'più di configurazione, ma la maggior parte delle nostre app Web non saranno solo file statici standard

88
00:05:58,060 --> 00:05:59,410
di Tim che vengono restituiti.

89
00:05:59,590 --> 00:06:05,290
Quello che stiamo cercando sono i file html dinamici che sono chiamati template e nella seconda parte

90
00:06:05,290 --> 00:06:07,080
di questo video li introdurremo.

91
00:06:07,270 --> 00:06:13,360
Ma per ora ho intenzione di andare qui e cambiarlo in E. J. e tutto ciò che dirò su E. J. è che è l'acronimo

92
00:06:13,360 --> 00:06:18,280
di javascript incorporato e che imparerai molto di più su di esso in circa cinque

93
00:06:18,280 --> 00:06:23,250
minuti quando viene richiesta di tagliare il nostro codice renderà un file chiamato Dogstar.

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

95
00:06:24,060 --> 00:06:28,060
E cambiamolo a casa solo perché questo ha più senso con il percorso.

96
00:06:28,330 --> 00:06:33,580
abbiamo bisogno di creare quel file e in realtà non lo creiamo nella stessa directory di noi.

97
00:06:33,580 --> 00:06:34,340
E quindi

98
00:06:34,570 --> 00:06:41,560
Quello che dobbiamo fare è creare una nuova directory chiamata views e non è un nome arbitrario che è

99
00:06:41,560 --> 00:06:43,380
una directory che express cercherà.

100
00:06:43,540 --> 00:06:49,360
Quindi, ogni volta che eseguiamo il rendering di un file, qualunque sia il suo nome, cercherà prima nella directory views

101
00:06:49,360 --> 00:06:52,650
e cercherà di trovare questo file esatto all'interno di un fusibile.

102
00:06:52,660 --> 00:06:54,790
Quindi ora creiamo quello.

103
00:06:54,790 --> 00:07:01,520
Quindi farò un tocco di vista a casa che ci fa Ejay proprio così.

104
00:07:01,780 --> 00:07:04,380
E poi la prossima cosa che voglio fare è aggiungere del contenuto.

105
00:07:04,420 --> 00:07:10,320
Quindi apriamo il file con quel nuovo comando C9 C-9 viste barra casa.

106
00:07:10,360 --> 00:07:10,610
E. J. Sì e aggiungiamo alcune cose qui.

107
00:07:10,610 --> 00:07:14,800
Questa è la home page.

108
00:07:14,890 --> 00:07:17,530
Risolviamo questo.

109
00:07:17,890 --> 00:07:19,100
E aggiungiamo anche un'immagine e ho un'immagine che vorrei usare qui.

110
00:07:19,480 --> 00:07:24,850
Questo è qualcosa chiamato uno sci di palma.

111
00:07:24,850 --> 00:07:26,960
È un mix di Pomerania e husky.

112
00:07:27,080 --> 00:07:29,230
Presumibilmente questo è un Parsky adulto che è piuttosto pazzo se è vero.

113
00:07:29,230 --> 00:07:33,700
Sembra un husky miniaturizzato o solo un cucciolo di husky permanente.

114
00:07:33,910 --> 00:07:38,240
Ad ogni modo, copiaremo questo URL e torneremo indietro.

115
00:07:38,350 --> 00:07:41,720
E ovviamente puoi fare qualsiasi immagine che desideri.

116
00:07:41,800 --> 00:07:44,380
Non devi andare a cercarlo o senz'altro sarai Ellaby e salverà.

117
00:07:44,380 --> 00:07:48,670
E ora chiudiamo fuori da questo e dovremmo essere a posto.

118
00:07:49,060 --> 00:07:52,880
A parte il fatto che manca una cosa e in effetti lascerò che ci dica cosa ci manca.

119
00:07:53,050 --> 00:07:58,030
Riceverai un messaggio di errore.

120
00:07:58,030 --> 00:07:59,310
Quindi ho intenzione di chiarire questo solo per creare un po 'più spazio per te.

121
00:07:59,530 --> 00:08:02,940
E ora avvierò il server.

122
00:08:03,160 --> 00:08:05,510
E quando andiamo sulla rotta, chiameremo il metodo di rendering che cercherà casa.

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

124
00:08:12,270 --> 00:08:12,950
All'interno di una directory denominata viste.

125
00:08:13,150 --> 00:08:15,650
E poi, una volta trovato, prenderà il contenuto e lo invierà

126
00:08:15,790 --> 00:08:21,580
di nuovo nella risposta, così torneremo alla nostra app e aggiorneremo e riceviamo un messaggio di errore che dice che non riesce a trovare Montreuil.

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

128
00:08:28,690 --> 00:08:28,940
il file Ejaz.

129
00:08:29,020 --> 00:08:29,780
E ciò significa che Express sta cercando un pacchetto chiamato Ejay us che deve essere utilizzato per il rendering e

130
00:08:30,160 --> 00:08:36,340
Quindi dobbiamo installare Ejay su NPM e tutto questo avrà senso perché stiamo usando Ejaz in pochi minuti.

131
00:08:36,340 --> 00:08:39,630
Ma per ora fidati di me NPM installa Ejay noi e faremo il cruscotto salva.

132
00:08:39,670 --> 00:08:46,570
E una volta finito, possiamo solo fare il nodo.

133
00:08:46,600 --> 00:08:52,440
J. S. di nuovo e aggiornare la pagina ora e otteniamo questa è la home page

134
00:08:53,230 --> 00:08:57,080
e i nostri adorabili cuccioli ultimo pieno cresciuto Tomsky.

135
00:08:57,160 --> 00:09:04,570
Così ora abbiamo un file di h t m l che abbiamo scritto che

136
00:09:04,570 --> 00:09:06,020
stiamo inviando all'utente e che viene reso nel browser.

137
00:09:06,130 --> 00:09:11,530
E questo è grandioso, ma questo è ancora estremamente limitato per le applicazioni web.

138
00:09:11,530 --> 00:09:12,820
Questo invierà solo la

139
00:09:13,030 --> 00:09:17,900
stessa identica pagina ogni volta e nella maggior parte delle applicazioni web non è quello che vogliamo.

140
00:09:17,920 --> 00:09:23,980
Forse la home page è la stessa o la pagina di accesso è la stessa.

141
00:09:23,980 --> 00:09:24,530
Ma poi, una

142
00:09:24,670 --> 00:09:28,260
volta che l'utente ha effettuato l'accesso, ad esempio, di solito c'è un messaggio che dice bentornato o bentornato.

143
00:09:28,330 --> 00:09:33,850
Adulto adorabile dell'adulto del cucciolo di Parsky.

144
00:09:34,300 --> 00:09:35,370
Lascia che ti mostri cosa intendo con un rapido esempio.

145
00:09:35,380 --> 00:09:37,960
Quindi tornerò indietro e aggiungerò una nuova rotta e il nostro percorso sarà qualcosa come Slash.

146
00:09:37,960 --> 00:09:39,870
Innamorarsi di e poi una cosa come Rustie e poi possiamo anche innamorarci di uno sci di palma.

147
00:09:40,060 --> 00:09:45,960
Penso che sia come è scritto.

148
00:09:46,060 --> 00:09:54,100
E vogliamo un file HMO che ci mostrerà un messaggio che contiene la variabile dal parametro

149
00:09:54,550 --> 00:09:55,780
route path.

150
00:09:55,990 --> 00:10:01,780
Quindi direbbe come se ti fossi innamorato di un arrugginito così da farlo che devi definire o fare in modo che lo Slash si innamori della

151
00:10:01,780 --> 00:10:02,480
cosa di Slash.

152
00:10:02,590 --> 00:10:14,900
Questo è ciò che chiameremo.

153
00:10:15,290 --> 00:10:18,560
E poi abbiamo bisogno della nostra richiesta e risposta all'interno del callback.

154
00:10:18,570 --> 00:10:19,600
E proprio come

155
00:10:19,940 --> 00:10:24,440
l'ultimo esercizio catturerà la cosa che sarà la cosa di VAR equivale a

156
00:10:24,440 --> 00:10:32,480
richiedere la cosa di harams e quindi possiamo iniziare con questo semplice punto rosso, proprio come abbiamo fatto con l'esercizio di parlamento animale.

157
00:10:32,960 --> 00:10:39,290
Il maiale dice oink.

158
00:10:39,290 --> 00:10:39,950
La mucca dice che moo può fare la stessa cosa qui.

159
00:10:39,960 --> 00:10:41,770
Quindi diremo che ti sei innamorato di una cosa positiva.

160
00:10:41,900 --> 00:10:44,050
Tutto ok.

161
00:10:44,060 --> 00:10:51,130
Quindi questa è una recensione e se riavvio il server ora e torno indietro e ora vado allo

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

163
00:10:52,340 --> 00:11:00,890
innamorarsi di Slash ske ti facciamo innamorare di Tomsky che non è esattamente grammaticalmente corretto ma di nuovo neanche la parola pomps.

164
00:11:01,280 --> 00:11:10,820
Quindi tornerò indietro e ora quello che vogliamo è capire come possiamo inviare una H a lui. Mi limiterò a dire che

165
00:11:10,820 --> 00:11:12,850
ti sei innamorato di plus

166
00:11:13,070 --> 00:11:18,770
e poi qualche cosa possiamo iniziare creando il file e noi chiamerò questo

167
00:11:18,950 --> 00:11:25,850
file all'interno della directory views e lo chiameremo come vuoi, ma andrò con amore E. J. per farla breve e poi la riempiremo.

168
00:11:25,850 --> 00:11:31,490
Quindi abbiamo bisogno della barra delle viste C-9.

169
00:11:31,490 --> 00:11:36,380
Amore che.

170
00:11:36,380 --> 00:11:40,520
Sì, l'abbiamo aperto e iniziamo aggiungendo semplicemente di esserti innamorato e poi dobbiamo compilare

171
00:11:40,940 --> 00:11:41,840
lo spazio vuoto.

172
00:11:41,950 --> 00:11:51,110
Ma non sappiamo cosa mettere qui, quindi lasceremo semplicemente così e mettiamo qui una nota che dice

173
00:11:51,110 --> 00:11:51,910
P. S. Questo è l'amore che Ejay ci archivia solo per sapere che proviene dal file Ejaz.

174
00:11:52,010 --> 00:11:56,780
Non è l'invio redstart che abbiamo adesso.

175
00:11:56,780 --> 00:12:07,500
In realtà per sbarazzarsi di quello.

176
00:12:07,500 --> 00:12:10,430
Quindi quello che vogliamo fare è rendere quel file così letto non è renderizzato.

177
00:12:10,490 --> 00:12:12,270
E il nome del file è amore che E. J. Sì, guarderà automaticamente nella directory delle viste che è proprio lì.

178
00:12:13,100 --> 00:12:18,230
Andiamo avanti abbiamo due file, iniziamo il server up Node.

179
00:12:18,500 --> 00:12:21,420
Sì si riavvierà e si aggiornerà.

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

181
00:12:27,110 --> 00:12:31,980
Quindi il nostro file è qui.

182
00:12:32,110 --> 00:12:36,260
Ti sei innamorato e abbiamo bisogno di compilare lo spazio vuoto qui.

183
00:12:36,590 --> 00:12:36,920
i dati provenienti da

184
00:12:36,950 --> 00:12:38,520
un database o dati che un utente ha fornito dove non è un file di uccisione statico.

185
00:12:38,540 --> 00:12:41,700
E so che questo è un esempio molto semplice che è il punto che non voglio confonderti con qualcosa di pazzesco, ma questo tipo di logica è davvero importante dove possiamo riempire un modello con

186
00:12:41,990 --> 00:12:46,250
Questo è esattamente lo stesso ogni volta.

187
00:12:46,250 --> 00:12:51,860
Fondamentalmente vogliamo aggiungere variabili in HTL e questo è ciò che ogni Sì ci lascia fare.

188
00:12:51,860 --> 00:12:57,950
Quindi E. J. S sta per javascript incorporato.

189
00:12:57,980 --> 00:13:00,220
Ci consente di incorporare le variabili di codice javascript se le istruzioni si ripetono all'interno di H Timo.

190
00:13:00,260 --> 00:13:05,770
Quindi è come potremmo fare qualcosa di simile.

191
00:13:06,080 --> 00:13:09,380
Ti sei

192
00:13:09,380 --> 00:13:18,520
innamorato e poi qui non funzionerà ancora, ma potremmo inserire la nostra variabile chiamata cosa, facciamolo in una variabile tutto maiuscola.

193
00:13:18,560 --> 00:13:20,450
Ma questo non funzionerà

194
00:13:20,840 --> 00:13:26,970
perché lo tratterà come normale HMO e ci mostrerà solo la variabile parola cosa.

195
00:13:27,640 --> 00:13:30,650
Dobbiamo fare qualcosa per dire a ognuno

196
00:13:30,650 --> 00:13:36,430
di noi che questo codice javascript non glielo insegnerà. Tratterò questo come javascript.

197
00:13:36,440 --> 00:13:37,700
Fortunatamente ci dà un modo per farlo.

198
00:13:37,700 --> 00:13:43,010
È un po 'strano quando lo vedi per la prima volta.

199
00:13:43,010 --> 00:13:44,200
Sembra così

200
00:13:44,390 --> 00:13:47,160
uguale sulla parentesi di apertura e qualsiasi cosa vada tra queste due parentesi qui verrà trattata come Javascript.

201
00:13:47,210 --> 00:13:49,600
Quindi abbiamo le nostre parentesi e quindi i segni di percentuale e quindi il segno di

202
00:13:49,790 --> 00:13:51,220
Quindi ti mostrerò cosa intendo

203
00:13:51,830 --> 00:13:58,640
dire che possiamo usare solo qualcosa come cinque più cinque che nel normale H M L e lo farò effettivamente per mostrarti cinque più cinque.

204
00:13:58,640 --> 00:14:03,150
Senza queste parentesi Ejay Yes stamperemo solo cinque

205
00:14:03,320 --> 00:14:10,580
più cinque, ma se lo facciamo proprio qui ne otterremo 10 stampati.

206
00:14:10,580 --> 00:14:14,010
Quindi salverò questo modello per uscire o avviare nuovamente il nodo

207
00:14:14,450 --> 00:14:20,480
sul server dopo J us e aggiornare la pagina e ti faremo innamorare di cinque più cinque dieci.

208
00:14:20,480 --> 00:14:22,000
E lo capisco davvero.

209
00:14:22,130 --> 00:14:33,230
Se metto in pausa cinque dieci è una presa completa, va bene tutto bene.

210
00:14:33,230 --> 00:14:36,920
Quindi torneremo.

211
00:14:37,130 --> 00:14:38,010
Quindi non vogliamo che vengano stampati cinque più cinque.

212
00:14:38,030 --> 00:14:41,270
Ma in realtà vogliamo la variabile cosa.

213
00:14:41,270 --> 00:14:42,220
Lo chiameremo VAR o andremo solo lontano.

214
00:14:42,350 --> 00:14:44,980
E questo deve venire dal nostro codice qui.

215
00:14:45,020 --> 00:14:48,830
Quindi quello che dobbiamo fare è passare questa cosa di valore al nostro amore che E. J. come modello e vogliamo stamparlo e mentre siamo

216
00:14:48,890 --> 00:14:52,780
qui anche a sbarazzarci dei cinque più cinque.

217
00:14:52,940 --> 00:14:56,180
Quindi ti innamoriamo di te e poi abbiamo bisogno di definire la cosa lontano

218
00:14:56,180 --> 00:15:02,820
e potresti pensare che potremmo fare questa cosa var.

219
00:15:02,820 --> 00:15:07,290
Il Var equivale a richiedere dalla slot cosa.

220
00:15:07,490 --> 00:15:12,980
E potresti sperare che l'espressione espressa invii automaticamente tutte quelle variabili in qualche modo a questo modello.

221
00:15:12,980 --> 00:15:15,400
E sa solo di cosa var.

222
00:15:15,410 --> 00:15:18,200
Sfortunatamente non è così che funziona.

223
00:15:18,440 --> 00:15:24,320
E ti mostrerò che riavviare il server riceverai un messaggio di errore e mi dice

224
00:15:24,410 --> 00:15:26,410
che var non è definito.

225
00:15:26,750 --> 00:15:28,550
Quindi ora ho bisogno di tornare indietro e definire la barra delle cose.

226
00:15:28,670 --> 00:15:37,790
E il modo in cui lo faccio è in realtà passarlo al mio amato E. J. s template e lo faccio sulla linea di rendering del punto quando lo passi come

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

228
00:15:38,930 --> 00:15:41,800
E in quell'oggetto posso inserire più pezzi di dati che voglio avere nel mio modello.

229
00:15:41,960 --> 00:15:48,230
Quindi, piuttosto che le cose, chiameremo la cosa per renderlo

230
00:15:48,230 --> 00:15:52,170
più chiaro e poi qui passerò i dati e dirò che nel modello var varrebbe essere uguale alla cosa.

231
00:15:52,340 --> 00:15:57,210
Ciò che questo farà sarà prendere il valore della cosa e applicarlo qui.

232
00:15:57,440 --> 00:16:03,230
Quindi sembrerà una cosa lontana da Rusty.

233
00:16:03,230 --> 00:16:10,910
E poi qui la cosa var sarà sostituita.

234
00:16:11,330 --> 00:16:15,420
Tutto questo sarebbe stato sostituito da arrugginito.

235
00:16:15,560 --> 00:16:19,450
OK, quindi lasceremo perdere.

236
00:16:19,610 --> 00:16:22,760
Torna qui e perché non iniziamo semplicemente codificandolo come resti proprio così e

237
00:16:22,760 --> 00:16:25,810
riavvieremo il server e aggiornerò la pagina e ti farò innamorare di Rusty.

238
00:16:26,460 --> 00:16:29,600
Quindi, piuttosto che fare una stringa, il passo

239
00:16:29,600 --> 00:16:35,900
successivo è solo tornare a ciò che avevamo, che è l'intera variabile della variabile save

240
00:16:35,900 --> 00:16:42,240
e la passerò sotto la barra dei nomi e poi la renderizziamo qui con lì.

241
00:16:42,350 --> 00:16:48,560
E. J. ha taggato questa cosa dall'aspetto vistoso.

242
00:16:48,560 --> 00:16:55,850
Riavvia il server di nuovo indietro.

243
00:16:55,850 --> 00:16:56,000
Ora ti sto innamorando di Parsky.

244
00:16:56,010 --> 00:16:58,350
E se vado da te ti sei innamorato di Tater Tots che si riflette anche qui.

245
00:16:58,610 --> 00:17:02,200
Questo è un concetto molto potente che useremo.

246
00:17:02,390 --> 00:17:05,910
Come ho detto e praticamente ogni app da questo momento

247
00:17:06,070 --> 00:17:13,440
in avanti avendo queste pagine dinamiche che gli hanno preannunciato tutte le risposte che possono cambiare a seconda di ciò che l'utente

248
00:17:13,520 --> 00:17:16,510
ha richiesto in specifici pezzi di dati nella richiesta.

249
00:17:16,520 --> 00:17:21,190
L'altra cosa che mostrerò è che questo è solo Javascript normale.

250
00:17:21,190 --> 00:17:26,870
Quindi qui posso fare cose come maiuscole e questo verrà eseguito prima e poi restituirà qualcosa che verrà

251
00:17:26,870 --> 00:17:27,950
stampato come arrugginito.

252
00:17:27,950 --> 00:17:31,630
Quindi è solo javascript regolare e parleremo di più su cosa dovrebbe andare qui e cosa non dovrebbe.

253
00:17:31,730 --> 00:17:39,590
Perché ci sono alcune regole che non vuoi ingombrare il tuo vecchio modello di Ejaz con

254
00:17:39,650 --> 00:17:42,100
tonnellate e tonnellate di javascript.

255
00:17:42,470 --> 00:17:46,880
Vuoi mantenerlo al minimo ma per ora lo farò e salverò.

256
00:17:47,150 --> 00:17:51,650
E questa sarà l'ultima cosa che facciamo.

257
00:17:51,650 --> 00:17:53,200
Riavvia l'aggiornamento del server.

258
00:17:53,300 --> 00:17:57,070
E ora ottengo una versione maiuscola.

259
00:17:57,230 --> 00:17:58,990
Va bene, ora ricapitoliamo tutto ciò di cui abbiamo parlato.

260
00:17:59,270 --> 00:18:01,860
C'è un bel po 'in questa lezione.

261
00:18:02,180 --> 00:18:04,280
La prima cosa è che possiamo inviare il contenuto di un file usando il redstart render come

262
00:18:04,280 --> 00:18:06,600
abbiamo fatto qui e qui e quei modelli devono esistere nelle viste che directory express automaticamente guarda lì.

263
00:18:06,620 --> 00:18:08,330
La prossima cosa che abbiamo parlato del suo

264
00:18:08,360 --> 00:18:14,180
Ejaz che sta per javascript incorporato ed è ciò che ci permette di avere modelli dinamici HDMI out che cambieranno a seconda di alcuni dati che forniamo.

265
00:18:14,180 --> 00:18:20,600
Abbiamo visto che dovevamo fare ogni Sì e poi il nostro file essere chiamato qualcosa DOD Ejay Sì.

266
00:18:20,600 --> 00:18:26,570
E poi abbiamo anche bisogno di eseguire l'installazione di NPM Ejay e quindi l'ultima cosa è che possiamo

267
00:18:26,570 --> 00:18:31,440
usare le parentesi di Ejay che sono molto strane in un primo momento per digitare.

268
00:18:31,640 --> 00:18:37,730
Probabilmente non sei abituato a usare questa parte della tastiera più di tanto, ma ci sono parentesi in cui il

269
00:18:37,940 --> 00:18:44,140
segno di percentuale e un segno di uguale e poi dall'altra parte è solo un segno di percentuale e tutto ciò

270
00:18:44,240 --> 00:18:47,230
che viene dentro viene trattato prima come codice JavaScript e

271
00:18:47,360 --> 00:18:52,040
poi qualunque sia il codice restituito viene quindi stampato sull'HMO e per passare i dati.

272
00:18:52,040 --> 00:18:57,140
Possiamo passare un oggetto nella chiamata di rendering punto rosso dove abbiamo coppie di valori chiave.

273
00:18:57,140 --> 00:19:03,650
È solo un normale oggetto javascript.

274
00:19:03,850 --> 00:19:07,270
E nel modello abbiamo accesso alle variabili che definiamo sono le proprietà dell'oggetto.

275
00:19:07,760 --> 00:19:12,500
In questo caso, cosa è uguale a qualunque sia il valore della cosa che cambia ogni volta.

276
00:19:12,500 --> 00:19:14,660
E qui possiamo usare la cosa.

277
00:19:14,660 --> 00:19:19,790
OK, quindi so che c'è molto in questo video molto da digerire.

278
00:19:19,910 --> 00:19:26,330
In particolare, svilupperemo molta più pratica con questi concetti.

279
00:19:26,570 --> 00:19:29,510
E. J. Sì e quello E. J. ha parentesi e quindi passare i dati a un modello

280
00:19:29,780 --> 00:19:32,830
è qualcosa che faremo in ogni video da qui in poi

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