1
00:00:00,210 --> 00:00:06,390
Fino a questo punto i nostri rappresentanti espressi sono stati rimandati completamente non tolti h t m l javascript incluso no

2
00:00:06,390 --> 00:00:08,740
C Ss just pure h t m l.

3
00:00:08,830 --> 00:00:14,160
In questo video ti mostrerò come possiamo iniziare a includere asset come un foglio di stile o qualche Javascript.

4
00:00:14,730 --> 00:00:19,650
E ti mostrerò anche come possiamo asciugare i nostri modelli usando quelli che sono conosciuti come quelli di Parshall.

5
00:00:19,650 --> 00:00:20,730
Quindi iniziamo.

6
00:00:20,740 --> 00:00:24,530
Sto utilizzando la stessa app che ho utilizzato negli ultimi due video in cui abbiamo la nostra app.

7
00:00:24,630 --> 00:00:26,920
Sì e abbiamo tre percorsi principali.

8
00:00:27,060 --> 00:00:34,380
ha un H1 e l'adorabile immagine del Palm C e poi abbiamo anche l'innamoramento di Slash.

9
00:00:34,380 --> 00:00:40,140
Abbiamo la route route che rende la casa Ejay come template che

10
00:00:40,170 --> 00:00:46,890
La variabile cosa rotta che renderà poi l'amore verso ogni modello e ti mostrerà innamorati e

11
00:00:46,890 --> 00:00:49,540
poi qualsiasi cosa abbiamo scritto nel percorso.

12
00:00:49,770 --> 00:00:55,800
E poi se la dichiarazione e poi un piccolo paragrafo in fondo e poi abbiamo anche il percorso di slash posts

13
00:00:55,800 --> 00:01:00,230
che rende i post E. J. come modello e all'interno di quello.

14
00:01:00,330 --> 00:01:01,740
Abbiamo due anelli.

15
00:01:01,950 --> 00:01:04,290
Ora diciamo che vogliamo includere alcuni stili.

16
00:01:04,560 --> 00:01:07,250
Quindi come sai ora mi piace il colore viola.

17
00:01:07,380 --> 00:01:13,410
Diciamo che volevo che tutti i corpi viola tutto il colore del testo su tutti i diversi

18
00:01:13,500 --> 00:01:14,760
modelli dovessero essere viola.

19
00:01:14,760 --> 00:01:22,950
Iniziamo con la pagina Post e quello che potrei fare è includere un tag di stile in modo che lo stile si

20
00:01:22,950 --> 00:01:30,990
apra e si chiuda e quindi posso scrivere il mio stile qui dentro e farò il colore viola proprio così e salvarlo.

21
00:01:31,440 --> 00:01:36,390
E ricorda che questo non è il modo ideale per includere gli stili e te lo

22
00:01:36,390 --> 00:01:41,220
mostro prima per una ragione, perché lo rifatteremo e lo miglioreremo in un momento, ma assicuriamoci

23
00:01:41,220 --> 00:01:41,970
che funzioni.

24
00:01:41,970 --> 00:01:43,880
Quindi color viola sul corpo.

25
00:01:44,010 --> 00:01:46,920
Iniziamo l'app del nodo del server.

26
00:01:47,010 --> 00:01:55,150
Sì, passiamo al browser e aggiorniamo sulla pagina del post e puoi vedere che diventiamo viola.

27
00:01:55,830 --> 00:01:59,210
E se io andassi su un'altra strada, non diventerei viola.

28
00:01:59,360 --> 00:02:04,650
E questo perché sono modelli completamente separati e abbiamo aggiunto solo il tag di stile al modello di post.

29
00:02:05,340 --> 00:02:11,820
Quindi, se voglio che tutto sia viola su tutti e tre i modelli, potrei aggiungere un altro tag di

30
00:02:11,820 --> 00:02:15,710
stile in casa che Ejay e lo stesso tag di stile sull'amore.

31
00:02:15,900 --> 00:02:25,500
Sì e salva il riavvio del server, aggiorna la mia pagina e ottengo qui un H-1 viola e se mi innamoro di Rusty

32
00:02:25,500 --> 00:02:30,040
ho anche ricevuto del testo viola da quel tag di stile.

33
00:02:30,090 --> 00:02:32,320
Ci sono due problemi principali che ci attendono qui.

34
00:02:32,340 --> 00:02:36,810
Uno è il problema che questo codice viene ripetuto tre volte.

35
00:02:36,810 --> 00:02:41,640
Se vuoi stili identici su tre diversi modelli, ci deve essere un modo migliore per

36
00:02:41,640 --> 00:02:42,020
farlo.

37
00:02:42,060 --> 00:02:42,710
E c'è.

38
00:02:42,810 --> 00:02:44,560
E ci occuperemo di questo secondo.

39
00:02:44,610 --> 00:02:49,330
Inizieremo affrontando questo problema dell'uso del tag di stile che non è una buona idea.

40
00:02:49,500 --> 00:02:56,130
vogliamo invece è usare un foglio di stile esterno e collegato a quel foglio di stile usando il tag link.

41
00:02:56,130 --> 00:02:56,900
Quello che

42
00:02:57,330 --> 00:03:02,010
Quindi scriverò prima quel tag link che non funzionerà perché non abbiamo ancora un foglio di stile,

43
00:03:02,010 --> 00:03:03,150
ma creeremo quel secondo.

44
00:03:03,340 --> 00:03:08,990
Quindi collega e dobbiamo fornire un foglio di stile uguale a raĂşl e poi.

45
00:03:09,090 --> 00:03:14,300
E questo deve essere il nome del nostro foglio di stile e lo chiameremo semplicemente Dot.

46
00:03:14,340 --> 00:03:20,580
SS Okay, questo è solo su E. J. come modello salverà ora.

47
00:03:20,700 --> 00:03:22,390
E andiamo a creare quell'app.

48
00:03:22,430 --> 00:03:28,860
chiameremo pubblico e possono essere nominati qualsiasi cosa, ma public è un nome molto comune e convenzionale per questa directory.

49
00:03:28,860 --> 00:03:34,010
C Ss eccetto piuttosto che crearlo nella stessa directory di J Sì, in realtà creeremo un'altra directory

50
00:03:34,010 --> 00:03:38,400
in cui inseriremo tutti i nostri fogli di stile in tutti i javascript che

51
00:03:38,430 --> 00:03:42,340
scriviamo e quindi tutte le altre risorse che vogliamo siano disponibile e lo

52
00:03:42,430 --> 00:03:43,660
Beh, assicurati quando è il posto giusto.

53
00:03:43,800 --> 00:03:53,280
E poi rendi pubblica la directory e creerai anche all'interno di una pubblica app pubblica che vedono valutare quale è il nome

54
00:03:53,400 --> 00:03:59,220
del nostro file qui e salva e potresti pensare OK aspetta un minuto

55
00:03:59,220 --> 00:04:01,060
non dovrebbe essere pubblico.

56
00:04:01,180 --> 00:04:02,720
Valutazione barra.

57
00:04:03,180 --> 00:04:04,940
E sfortunatamente la risposta è no.

58
00:04:05,010 --> 00:04:10,500
Lasceremo perdere SS SS dicendo che i nostri fogli di stile e i javascript sono all'interno della

59
00:04:10,500 --> 00:04:15,840
directory pubblica e servirà la directory pubblica per noi in modo che possiamo collegarci alle cose semplicemente

60
00:04:15,960 --> 00:04:19,250
usando i nomi dei file quindi farò mostralo in un attimo

61
00:04:19,500 --> 00:04:26,370
Apriamo l'app slash pubblica che visualizza il file SS e aggiunge alcuni stili.

62
00:04:26,600 --> 00:04:27,920
Facciamo qualcosa di diverso.

63
00:04:28,020 --> 00:04:30,290
Farà corpo o sfondo.

64
00:04:30,510 --> 00:04:31,290
Sarà orribile.

65
00:04:31,290 --> 00:04:35,540
Faremo lo sfondo giallo e il colore è ancora viola.

66
00:04:35,900 --> 00:04:41,130
OK, ora abbiamo uno stile davvero grossolano, ha definito che possiamo chiudere fuori da qui e sapremo se funziona.

67
00:04:41,400 --> 00:04:47,430
Se questo post E. J. visto che il modello si presenta con uno

68
00:04:47,430 --> 00:04:51,760
sfondo giallo orribile in testo viola, non funzionerà ancora, ma ti mostrerò solo per vederlo da solo.

69
00:04:51,780 --> 00:04:53,270
Quindi Noad apt.

70
00:04:53,370 --> 00:05:01,250
J. S. e torniamo indietro e aggiorniamo la pagina e abbiamo bisogno di andare alla pagina del post e non otteniamo nulla.

71
00:05:01,600 --> 00:05:05,880
E se apro il console qui ricevo un errore che dice che non è riuscito a caricare la ricerca.

72
00:05:05,950 --> 00:05:11,040
Il server ha risposto allo stato di 404 e non è riuscito a trovare il successo dell'apparecchiatura.

73
00:05:11,110 --> 00:05:13,040
E la ragione di questo è piuttosto semplice.

74
00:05:13,180 --> 00:05:18,550
Quando crei un'app Web e utilizziamo Express per avviare un server Web, esso non serve solo

75
00:05:18,610 --> 00:05:22,610
automaticamente ogni singolo file che vede ma non sa che vogliamo farlo.

76
00:05:22,660 --> 00:05:25,360
E il default è di non servire niente.

77
00:05:25,360 --> 00:05:27,370
A parte la directory delle viste.

78
00:05:27,670 --> 00:05:33,940
Quindi se vogliamo qualcos'altro dobbiamo dire esplicitamente hey ho bisogno che tu serva la mia directory pubblica o

79
00:05:34,120 --> 00:05:36,030
qualsiasi altro regista che abbiamo.

80
00:05:36,250 --> 00:05:41,470
espresso di farlo e probabilmente esprimere fornisce un modo semplice per noi di farlo all'interno del nostro atto.

81
00:05:41,470 --> 00:05:42,390
Dobbiamo dire a

82
00:05:42,430 --> 00:05:48,490
Sì, in alto aggiungerò un'app da usare e poi tra parentesi.

83
00:05:48,700 --> 00:05:50,290
EXPRESS Fa statico.

84
00:05:50,440 --> 00:05:54,950
E poi tra parentesi la parola public che è il nome della nostra directory.

85
00:05:55,180 --> 00:05:59,530
E questo dirà espresso per servire il contenuto della directory pubblica.

86
00:05:59,530 --> 00:06:07,690
E ora se riavvia il mio server e rinfresco la pagina qui vicino chiudi il consolato otteniamo il

87
00:06:07,690 --> 00:06:13,840
nostro sfondo giallo e il nostro carattere viola e non riceviamo errori nel consiglio.

88
00:06:13,840 --> 00:06:18,910
di stile su altre pagine, vai e copia questo tag link e lo metti in cima.

89
00:06:20,440 --> 00:06:22,250
E se vuoi includere quei fogli

90
00:06:22,450 --> 00:06:26,560
E naturalmente potremmo avere anche più fogli di stile se lo volessimo e potremmo semplicemente

91
00:06:26,560 --> 00:06:30,800
collegarci ad essi dando loro nomi diversi e assicurandoci che siano entrambi nella directory pubblica.

92
00:06:30,910 --> 00:06:35,830
Prima di passare a Parshall, vogliamo prenderci un momento per mostrarti una cosa veramente rapida che possiamo fare per rendere il tuo codice un po 'più breve

93
00:06:35,830 --> 00:06:41,020
di avviso che stiamo digitando a casa che ogni E. J. si amato

94
00:06:41,050 --> 00:06:43,180
E. J. ha pubblicato E. J. Sì, questo

95
00:06:43,180 --> 00:06:48,630
è veramente secondario, ma possiamo effettivamente dire espressamente che useremo Ejay noi in anticipo e possiamo

96
00:06:49,000 --> 00:06:55,240
lasciarli fuori e solo scrivere a casa ed evolvere e si aspetterà automaticamente che i file siano file Ejaz.

97
00:06:55,240 --> 00:06:56,840
E per farlo usiamo il motore di visualizzazione del set di dati dell'app e quindi passiamo il secondo argomento come E. J. s

98
00:06:57,040 --> 00:07:06,040
proprio così.

99
00:07:06,040 --> 00:07:06,670
E se salviamo il riavvio del server, ora si aspetta che quei file siano Ejaz.

100
00:07:06,790 --> 00:07:13,440
E se ci aggiorniamo.

101
00:07:13,450 --> 00:07:14,470
Niente dovrebbe cambiare.

102
00:07:14,470 --> 00:07:16,560
Funziona ancora.

103
00:07:16,560 --> 00:07:17,510
E ora non dobbiamo dire esplicitamente che Ejay noi.

104
00:07:17,650 --> 00:07:21,240
Quindi questo è un cambiamento molto minore.

105
00:07:21,310 --> 00:07:22,930
La prossima cosa che voglio

106
00:07:22,930 --> 00:07:26,920
mostrarti è un po 'più significativa e ci aiuterà ad asciugare il nostro modello.

107
00:07:26,920 --> 00:07:27,650
In questo momento abbiamo questo foglio di stile.

108
00:07:28,000 --> 00:07:29,730
Questo link al foglio di stile è ripetuto

109
00:07:29,740 --> 00:07:35,680
in tutti i modelli, ma c'è anche qualcosa di molto più significativo che ci manca, che è il nostro piatto di caldaia per tutto il tempo.

110
00:07:35,680 --> 00:07:39,570
Ci manca il nastro adesivo qui.

111
00:07:39,860 --> 00:07:43,250
A Andrew mancano le vecchie etichette e

112
00:07:43,420 --> 00:07:49,960
tutti i piatti standard che ci aspettiamo dalla testa e dall'interno della testa.

113
00:07:49,960 --> 00:07:51,120
Abbiamo bisogno del titolo e daremo alla nostra app il titolo.

114
00:07:51,310 --> 00:07:54,220
Chiamala app demo e poi abbiamo bisogno anche del corpo.

115
00:07:54,220 --> 00:08:00,550
E poi all'interno del corpo dovremmo mettere questo contenuto e

116
00:08:00,550 --> 00:08:08,200
poi dobbiamo fare esattamente la stessa cosa su tutti gli altri file.

117
00:08:08,590 --> 00:08:09,760
E non lo farò perché

118
00:08:09,760 --> 00:08:15,160
è una perdita di tempo e c'è una soluzione più semplice dove non dobbiamo copiare questo codice e metterlo su ogni

119
00:08:15,160 --> 00:08:20,230
singolo modello, proprio come non dovremmo copiare questo tag a link singolo e lo metti anche su ogni singolo modello.

120
00:08:20,230 --> 00:08:23,840
modelli per creare un modello simile a questo.

121
00:08:23,950 --> 00:08:28,870
E il modo in cui ci aggiriamo usando quelli che sono chiamati

122
00:08:28,870 --> 00:08:35,500
Parshall e Parshall sono fondamentalmente modelli di file che possiamo scrivere che possiamo includere in altri

123
00:08:35,500 --> 00:08:36,780
Quindi avremo la metà superiore del nostro piatto caldaia tutto nella testa.

124
00:08:36,820 --> 00:08:41,080
Questo sarà quasi sempre lo stesso su ogni singola pagina che creiamo su un determinato sito.

125
00:08:41,320 --> 00:08:46,030
Lo stesso foglio di stile ha lo stesso titolo.

126
00:08:46,060 --> 00:08:47,970
Quindi faremo solo questo modello.

127
00:08:48,160 --> 00:08:50,590
E poi in fondo faremo il suo modello qui.

128
00:08:51,130 --> 00:08:54,680
troviamo o in base alla pagina in cui ci troviamo.

129
00:08:54,850 --> 00:09:00,790
E poi tra i due avrà il nostro contenuto che cambia in base al modello in cui ci

130
00:09:00,810 --> 00:09:02,220
Quindi quello che faremo è fondamentalmente trasformarlo in un proprio modello.

131
00:09:02,470 --> 00:09:05,680
Trasformalo in un proprio modello e poi

132
00:09:05,860 --> 00:09:11,740
usiamo solo quei modelli a cui ci riferiamo in ognuno di questi file.

133
00:09:11,740 --> 00:09:12,520
Quindi dovremmo dire qualcosa

134
00:09:12,670 --> 00:09:19,930
del tipo E questo non è un codice valido, ma faremmo qualcosa come includere il modello di intestazione e quindi in fondo farei la stessa cosa tranne che per il piè di pagina.

135
00:09:20,350 --> 00:09:27,330
Quindi abbiamo bisogno di creare quei modelli o Parshall e per farlo creeremo una nuova

136
00:09:28,180 --> 00:09:33,130
directory invece delle viste e chiameremo quella directory di Parshall.

137
00:09:33,130 --> 00:09:37,110
Quindi faremo e faremo in modo che le viste della directory tagliano Parshall proprio così.

138
00:09:37,240 --> 00:09:42,830
E poi al posto di Parshall faremo due file e il primo verrà usato

139
00:09:42,970 --> 00:09:49,750
come barra di Parshall più veloce di ognuno di noi e poi faremo un altro parziale esattamente

140
00:09:50,200 --> 00:09:59,060
uguale eccetto il piè di pagina e potresti anche chiamarli come Ejaz in alto e in basso prima e secondo qualunque cosa

141
00:09:59,060 --> 00:10:05,330
tu voglia chiamarli, ma l'intestazione e il piè di pagina è sicuramente il nome standard.

142
00:10:05,330 --> 00:10:07,530
Quindi creerò quei due

143
00:10:07,700 --> 00:10:13,640
file e poi li aprirò e questa volta sulla scuola qui e

144
00:10:13,640 --> 00:10:21,770
aprirò l'intestazione e copierò in questo piatto appena tagliato e lo metto qui invece che su intestazione.

145
00:10:21,770 --> 00:10:22,330
Quindi questo è ciò

146
00:10:22,430 --> 00:10:28,280
che vogliamo all'inizio di ogni pagina e quindi, anziché il piè di pagina, tutto ciò che vogliamo veramente è la parte inferiore del nostro modello che è solo il corpo e il tag del team di chiusura.

147
00:10:28,880 --> 00:10:35,850
Proprio così.

148
00:10:35,930 --> 00:10:36,810
E se volessimo qualcos'altro.

149
00:10:36,970 --> 00:10:38,390
Quindi farò qualcosa di un po 'più ovvio.

150
00:10:38,390 --> 00:10:40,670
Facciamo semplicemente un paragrafo in

151
00:10:40,790 --> 00:10:48,900
fondo che dice qualcosa come marchio o qualche altro testo di piè di pagina che vedremmo su un sito Web.

152
00:10:48,920 --> 00:10:50,250
Lo lasceremo solo a questo.

153
00:10:50,270 --> 00:10:51,460
E quindi ci aspettiamo di vederlo in ogni pagina in cui includiamo il piè di pagina.

154
00:10:51,530 --> 00:10:55,340
Parziale.

155
00:10:55,370 --> 00:10:56,090
OK.

156
00:10:56,310 --> 00:10:56,530
Quindi i due partial sono fatti.

157
00:10:56,540 --> 00:10:58,010
Chiudi quelli fuori.

158
00:10:58,010 --> 00:10:59,400
Correggi questo proprio così.

159
00:10:59,570 --> 00:11:03,560
Va bene, salva.

160
00:11:03,580 --> 00:11:05,110
E ora vogliamo includere i partial.

161
00:11:05,480 --> 00:11:07,660
Quindi iniziamo con il nostro amore.

162
00:11:07,760 --> 00:11:09,200
Ognuno di noi e ora includeremo quell'intestazione parziale.

163
00:11:09,240 --> 00:11:12,500
Quindi dobbiamo usare un nuovo bit di codice in Ejay come includere i tag erate.

164
00:11:12,500 --> 00:11:18,640
E poi il nome del file che è solo più forte e non dobbiamo

165
00:11:19,070 --> 00:11:23,680
aggiungere che ci aiuti perché sta già cercando file Ejaz.

166
00:11:23,680 --> 00:11:25,620
Quindi includi semplicemente l'intestazione e questo in realtà non funzionerà subito e ti mostrerò il perché.

167
00:11:25,790 --> 00:11:30,620
Lasciami mettere il piè di pagina anche qui.

168
00:11:30,680 --> 00:11:34,680
E se avvio il server, assicurati di liberare spazio qui e poi nodo.

169
00:11:35,510 --> 00:11:42,040
Apogeo Sì.

170
00:11:42,140 --> 00:11:43,400
E se aggiorni la pagina e questa è inclusa solo nello studio sull'amore J. S. modello.

171
00:11:43,550 --> 00:11:47,910
Quindi dobbiamo andare al taglio.

172
00:11:48,140 --> 00:11:50,450
Innamorarsi di resti e otteniamo un errore.

173
00:11:50,450 --> 00:11:53,680
Nessun file o directory con questo nome.

174
00:11:53,780 --> 00:11:55,420
Sì, le viste demo della barra tagliano l'hetter.

175
00:11:55,680 --> 00:11:58,420
E. J. Sì.

176
00:11:58,430 --> 00:11:59,310
Quindi questo ci dice due cose.

177
00:11:59,330 --> 00:12:00,750
Uno sa che dovrebbe essere un file Ejaz.

178
00:12:00,770 --> 00:12:03,430
Sta cercando un'intestazione.

179
00:12:03,470 --> 00:12:04,590
Sì ma sta guardando direttamente nella directory dell'utente.

180
00:12:04,700 --> 00:12:07,920
Ma noi vogliamo che guardi nelle

181
00:12:08,000 --> 00:12:14,150
viste tagliare lo squarcio eterodosso di Parshall, come si può vedere qui.

182
00:12:14,150 --> 00:12:15,000
Quindi abbiamo bisogno

183
00:12:15,110 --> 00:12:20,480
di cambiare il nostro percorso qui un po 'e dobbiamo cambiarlo per dire lo slash di Parshall Hetter e quello di Parshall.

184
00:12:20,990 --> 00:12:23,660
Tuttavia, non ha ancora intenzione di risolverlo.

185
00:12:23,660 --> 00:12:25,880
E ti mostrerò ancora una volta

186
00:12:26,300 --> 00:12:31,790
cosa succede quando ricomincio da capo e il rinfresco parziale è stato incluso bene.

187
00:12:31,790 --> 00:12:33,010
E se andiamo agli elementi puoi vedere che prendiamo il footer in basso e abbiamo il corpo.

188
00:12:33,110 --> 00:12:39,100
E ogni volta chiudendo i tag, ma gli stili non vengono applicati.

189
00:12:39,170 --> 00:12:43,100
Dovrebbe essere viola e giallo ed è solo in bianco e nero.

190
00:12:43,100 --> 00:12:46,670
E se guardiamo in testa, abbiamo il nostro tag link e si collega a un file chiamato apcupsd.

191
00:12:46,670 --> 00:12:52,210
SS Ma questo non funziona.

192
00:12:52,240 --> 00:12:53,940
principale e ha anche il piè di pagina.

193
00:12:54,140 --> 00:12:59,510
E se guardiamo la scheda delle fonti vedremo che abbiamo questo file Rustie che è stato rinviato e ha la nostra intestazione e ha il contenuto

194
00:12:59,510 --> 00:13:05,290
Quindi questo è come il file assemblato perché ricorda che inviamo una cosa indietro di una risposta.

195
00:13:05,300 --> 00:13:10,550
Quindi rende questo file per noi con i nostri tre Parshall

196
00:13:10,550 --> 00:13:15,500
o due Parshall Plus del nostro contenuto e lo rimanda indietro.

197
00:13:15,500 --> 00:13:16,660
E poi c'è anche questo ACT-UP che dice che è totalmente vuoto.

198
00:13:17,000 --> 00:13:20,710
E ciò significa che ci siamo collegati alla nostra APS-C valutata in modo errato.

199
00:13:20,870 --> 00:13:25,020
Quindi appare come un file vuoto ed è

200
00:13:25,100 --> 00:13:30,530
una soluzione molto semplice, anche se dobbiamo aggiungere una barra qui.

201
00:13:30,530 --> 00:13:31,880
Ho esaminato tutto questo per

202
00:13:32,120 --> 00:13:36,920
una ragione che ti mostri l'importanza dei percorsi e assicurandoti che i nostri percorsi siano impostati correttamente.

203
00:13:36,920 --> 00:13:38,710
Quindi c'è una differenza tra il successo di ACT-UP e la barra dopo la valutazione quando aggiungiamo la barra.

204
00:13:38,840 --> 00:13:45,170
Fondamentalmente dice che ci guardi non nella stessa directory

205
00:13:45,170 --> 00:13:51,050
in cui ti trovi adesso ma nella directory principale.

206
00:13:51,050 --> 00:13:51,930
Lascia che ti mostri un'illustrazione migliore.

207
00:13:51,990 --> 00:13:53,930
In questo momento sta cercando il successo nella stessa directory di questo modello Rusti.

208
00:13:53,930 --> 00:14:00,270
Ora se vado a salvarlo con la barra e riavvio il server tornano qui e mi aggiorno ora.

209
00:14:00,680 --> 00:14:08,550
Guarda.

210
00:14:09,290 --> 00:14:09,970
I nostri stili funzionano.

211
00:14:09,980 --> 00:14:10,970
Notate anche che abbiamo

212
00:14:11,000 --> 00:14:17,090
il file con h t m l e abbiamo il nostro apt SS che ora è fuori da quella directory, non è nella

213
00:14:17,090 --> 00:14:21,890
stessa cartella e ha gli stili corretti, il che significa che ha trovato il file che dovevamo trovare.

214
00:14:21,890 --> 00:14:23,410
Quindi sembra che la granita sia molto piccola ma in realtà è un dettaglio importante.

215
00:14:23,570 --> 00:14:27,360
Quindi barra e poi il nome del nostro foglio di stile qualsiasi cosa all'interno della directory pubblica.

216
00:14:27,650 --> 00:14:31,940
script in cui abbiamo il nostro codice sorgente per tagliare slash degli script maynt.

217
00:14:32,060 --> 00:14:38,570
Quindi alla fine assomiglierà a qualcosa di simile ai fogli di stile di Slash. ACT-UP vedere valutare e poi avremo un tag

218
00:14:38,630 --> 00:14:46,370
Sì.

219
00:14:46,430 --> 00:14:46,990
E così avremo dentro la directory degli script della directory pubblica e la directory dei fogli di stile.

220
00:14:47,150 --> 00:14:52,720
Per ora però abbiamo solo un foglio di stile, quindi lo lasceremo in questo modo.

221
00:14:52,940 --> 00:14:56,760
Finiamo velocemente e aggiungiamo i partial anche agli altri file.

222
00:14:57,440 --> 00:15:01,900
Quindi in questa casa nostra che ognuno di noi pagherà il set

223
00:15:02,330 --> 00:15:09,650
e poi in basso in un swell e lo cambierà come footer e lo salverà e poi lo pubblicherà.

224
00:15:09,650 --> 00:15:13,800
Sì.

225
00:15:13,850 --> 00:15:14,410
Stessa cosa.

226
00:15:14,630 --> 00:15:15,520
Vogliamo l'intestazione e il piè di pagina.

227
00:15:15,920 --> 00:15:17,630
Sbarazzati di questo anche su tutti i file.

228
00:15:17,680 --> 00:15:20,690
Il piè di pagina di Parshall.

229
00:15:20,900 --> 00:15:22,650
E questo dovrebbe essere buono per noi.

230
00:15:23,270 --> 00:15:24,700
Rinnova il riavvio del server qui e questo dovrebbe apparire lo stesso.

231
00:15:24,710 --> 00:15:30,920
Ora, se andiamo sulla giusta strada, prendiamo anche i

232
00:15:30,920 --> 00:15:39,440
nostri stili e se andiamo ai messaggi di slash otteniamo anche gli stili.

233
00:15:39,440 --> 00:15:41,470
Tutto ok.

234
00:15:41,480 --> 00:15:41,890
Ricapitoliamo tutto questo.

235
00:15:42,020 --> 00:15:43,550
Una delle prime cose che abbiamo fatto è stata creare

236
00:15:43,610 --> 00:15:47,900
la directory pubblica e aggiungere un foglio di stile al suo interno e per farlo funzionare dovevamo assicurarci di dire a express di servire la directory pubblica.

237
00:15:47,900 --> 00:15:54,080
Poi, una volta fatto ciò, abbiamo apportato una piccola modifica che diceva espressamente

238
00:15:54,380 --> 00:15:59,690
che tutti i nostri modelli saranno sì, se non diversamente specificato.

239
00:15:59,690 --> 00:16:02,480
Quindi non dobbiamo scrivere ogni Sì dopo ogni nome di modello.

240
00:16:02,540 --> 00:16:05,960
E poi il grande cambiamento che abbiamo fatto è stato l'introduzione di Parshall.

241
00:16:06,410 --> 00:16:09,380
Quindi abbiamo creato una directory chiamata Parshall's che può essere nominata qualsiasi cosa.

242
00:16:09,530 --> 00:16:12,650
Alcuni lo chiamano layout Parshall's è anche molto comune.

243
00:16:12,650 --> 00:16:16,130
E poi avevamo due file o intestazione e piè di pagina e l'intero scopo

244
00:16:16,130 --> 00:16:21,890
di questo era solo quello di aiutare a prosciugare il nostro codice in modo che non dovessimo aggiungere questo ad ogni singolo modello.

245
00:16:21,890 --> 00:16:25,510
Invece andiamo al nostro template e tutto quello che dobbiamo

246
00:16:25,880 --> 00:16:32,300
scrivere è scrivere l'hetter di Parshall e non siamo limitati solo a header e footer potremmo averne uno

247
00:16:32,300 --> 00:16:37,610
per la barra di navigazione se abbiamo una barra di navigazione su ogni singola pagina.

248
00:16:37,610 --> 00:16:38,750
Potremmo avere un altro parziale che includiamo il nash del vecchio Parshall.

249
00:16:38,840 --> 00:16:42,880
Quindi non ci sono regole su ciò che possiamo e non possiamo fare.

250
00:16:42,970 --> 00:16:45,300
Ma i più comuni sono intestazione e piè di pagina.

251
00:16:45,410 --> 00:16:49,080
Va bene così è

252
00:16:49,610 --> 00:16:50,520