1
00:00:00,240 --> 00:00:03,200
Welkom terug in deze les ga ik je laten zien hoe we kunnen schrijven.

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

3
00:00:04,020 --> 00:00:12,000
In een apart bestand en kunnen we dat bestand terug in de reactie te sturen in plaats van wat we tot nu toe gedaan met behulp van roodstaart send.

4
00:00:12,090 --> 00:00:13,880
Er zijn drie hoofddoelstellingen hier.

5
00:00:13,890 --> 00:00:23,150
De eerste is het gebruik van roodstaart maken om hem uit te maken om een ​​bestand van elk bestand terug te sturen en dat zal meer zin te maken als we praten over wat ieder van ons is.

6
00:00:23,460 --> 00:00:24,740
En dat is het volgende doel.

7
00:00:24,780 --> 00:00:27,340
Leg uit wat Ejaz is en waarom we het gebruiken.

8
00:00:27,360 --> 00:00:30,920
En dan tot slot passeren variabelen Ejay als templates.

9
00:00:30,930 --> 00:00:42,440
Dus om hier te beginnen Ik ga een nieuwe Express-app nodig hebben en ik ga om te gaan door middel van het creëren van de Basic Express app vanuit het niets die ik niet zal blijven doen in elke video, maar het is nog steeds vrij vroeg in de loop .

10
00:00:42,480 --> 00:00:48,280
En ik wil alleen maar om ervoor te zorgen dat je wennen aan het zien en te doen, want het is iets dat je non-stop zult moeten doen.

11
00:00:48,300 --> 00:01:01,130
Dus ik heb een map met de naam Meer drukken waar ik zal werken vanuit dit toestel en ik zal een nieuwe directory maken binnenkant van dat en we zullen gewoon noemen Ejay ons demo.

12
00:01:02,290 --> 00:01:10,540
En dan in plaats van Ejaz demo zullen we NPM draaien in het en ik zal gewoon snelheid door dit.

13
00:01:10,560 --> 00:01:11,990
Dus dat de naam is prima.

14
00:01:12,000 --> 00:01:14,800
Versie is prima beschrijving is leeg.

15
00:01:14,880 --> 00:01:16,700
Ik vind het altijd leuk om dit te veranderen naar app.

16
00:01:16,830 --> 00:01:17,490
Ja.

17
00:01:17,490 --> 00:01:19,690
Slechts een persoonlijke voorkeur.

18
00:01:20,070 --> 00:01:21,580
Druk op enter nog een paar keer.

19
00:01:21,660 --> 00:01:25,100
U hoeft niet om een ​​van deze te vullen en daar gaan we.

20
00:01:25,470 --> 00:01:39,120
En nu, als we ons in staat hebben we een pakket dat Jason laten we creëren onze act uit J ons en we zullen ook draaien NPM installeren uitdrukkelijke dash dash op te slaan.

21
00:01:39,150 --> 00:01:41,360
Daar gaan we.

22
00:01:41,400 --> 00:01:45,780
Laten we nu het openstellen van de jazz-bestand en start het toevoegen van enkele code in.

23
00:01:45,780 --> 00:01:53,350
En in plaats van gewoon te doen ls en vervolgens te klikken op J.S. en te klikken op open Ik vond onlangs een andere manier om dat te doen.

24
00:01:53,460 --> 00:02:01,290
Dat Cloud 9 recent toegevoegd dat is als je typt C9 ruimte en vervolgens de naam van een bestand of het pad naar een bestand.

25
00:02:01,380 --> 00:02:03,040
Dus C9 base app.

26
00:02:03,060 --> 00:02:07,090
J Ja, dat zal openstellen voor u in de editor.

27
00:02:07,200 --> 00:02:11,760
Het is veel sneller dan te moeten ls typen en klik vervolgens op het bestand en klik op Openen.

28
00:02:11,760 --> 00:02:25,160
Dus laten we de fundamentele uitdrukkelijke code hier tot nu toe uitdrukkelijk gelijken vereisen express en dan gelijk var app uit te drukken voer het uit als een functie.

29
00:02:25,170 --> 00:02:36,720
Een ding dat je af en toe ziet is dit waar iemand zei Savar app gelijk aan express nodig hebben en dan alleen nog maar als een functie onmiddellijk.

30
00:02:36,720 --> 00:02:45,660
De meeste mensen zullen wel doen als dit in twee afzonderlijke stappen en meestal zul je gewoon zien Xpress en app dat die alles kan zijn.

31
00:02:45,660 --> 00:02:46,950
Nu laten we de act op.

32
00:02:46,950 --> 00:03:06,250
Luister gaan op de bodem die de server zal beginnen, zodat het de haven, die is proces dat de haven en vervolgens proces dat D-NV IP en dat zijn omgevingsvariabelen die 9 wolk heeft opgezet dat we de toegang tot de haven en EMV nodig zou hebben IP adres.

33
00:03:06,510 --> 00:03:15,840
En dan voeg ik in mijn callback dat wordt uitgevoerd zodra de server is ingesteld zodra het luisteren en we zien wel wat er komt over log.

34
00:03:16,060 --> 00:03:21,540
De server luistert, net als dat en zal redden.

35
00:03:21,540 --> 00:03:25,350
Laten we nu aan onze eerste route en wij zullen de route route te doen.

36
00:03:25,350 --> 00:03:34,130
Ik vind het altijd leuk om daar te beginnen en dat is altijd een verwarrende zin om een ​​aantal van mijn studenten, omdat dit woord, dat ik uitspreken route zal een aantal van hen als root uit te spreken.

37
00:03:34,410 --> 00:03:36,830
Ik probeer het heel duidelijk te maken wanneer ik wortels zeggen.

38
00:03:36,900 --> 00:03:41,250
Ik ben alleen over R O T zoals in deze.

39
00:03:41,280 --> 00:03:42,870
De wortel route.

40
00:03:43,140 --> 00:04:06,500
OK dus laten we toevoegen dat in apt get root of slash en dan is onze callback functie zal worden uitgevoerd wanneer een verzoek om verzoeken te krijgen wordt verwezen naar slash en dan zullen deze twee voorwerpen verzoeken reactie en we zullen doorgaan en gewoon bellen met de rez sturen en we zullen gewoon een simpel ding.

41
00:04:06,540 --> 00:04:08,700
Welkom op de home page.

42
00:04:08,730 --> 00:04:11,730
Net als die moeten allemaal beoordeling op dit punt.

43
00:04:12,090 --> 00:04:16,020
Laten we beginnen met de server omhoog zodat knooppunt j.

44
00:04:16,890 --> 00:04:18,280
Het lijkt erop dat alles goed is.

45
00:04:18,390 --> 00:04:22,500
Laten we nu naar de root-pagina hier en te vernieuwen.

46
00:04:22,500 --> 00:04:23,710
Welkom op de home page.

47
00:04:23,890 --> 00:04:28,580
Uiteraard is dit type inhoud een enkele regel tekst is vrij saai.

48
00:04:28,610 --> 00:04:34,890
Wat we kunnen doen om het sparren een beetje is kunnen we terug gaan naar binnen en maken dit een aantal H-2A Mel.

49
00:04:34,950 --> 00:04:43,640
Als we wilden, net als dat en dan kunnen we toevoegen in onder dat en H-2 dat blah blah zegt.

50
00:04:43,770 --> 00:04:45,910
Gewoon zo.

51
00:04:46,020 --> 00:04:46,760
Daar gaan we.

52
00:04:46,920 --> 00:04:50,730
En als we sla dit en de server opnieuw op.

53
00:04:51,120 --> 00:04:53,980
En dan terug te gaan we hier en vernieuwen.

54
00:04:53,980 --> 00:05:00,850
We krijgen HVM albums worden bewezen aan ons, maar dat is nog steeds ongelooflijk pijnlijk om daadwerkelijk uittypen een hele pagina.

55
00:05:00,850 --> 00:05:04,290
Het is technisch mogelijk, maar het zou zo moeilijk.

56
00:05:04,450 --> 00:05:05,720
Het is gewoon niet een goed idee.

57
00:05:05,920 --> 00:05:24,430
Dus gelukkig is er een eenvoudiger manier waar we al onze code in een apart bestand de hele tijd dat we willen kan schrijven alle C Ss en ja alle front-end javascript dat we terug willen naar de gebruiker te sturen, zodat we kunnen een methode gebruiken riep maken en dat maken methode woont op de response object wat we noemen het.

58
00:05:24,430 --> 00:05:26,730
In ons geval toeren dus rust niet maken.

59
00:05:26,730 --> 00:05:36,950
En dan geven we het een naam van een bestand, zoals homepage of thuis dot hem in de leeftijd of Dogstar out leeftijd van hem of iets dergelijks.

60
00:05:37,270 --> 00:05:40,950
En natuurlijk moeten we hebben dat bestand gemaakt en het nodig heeft om bepaalde inhoud in hebben.

61
00:05:41,230 --> 00:05:50,810
Maar zelfs voordat we doen dat er een klein probleem Ik zal zich te ontdoen van deze lijn en het probleem is wanneer we Express gebruiken we niet gewoon h m l bestanden weg te schrijven.

62
00:05:50,950 --> 00:05:52,400
Er zijn manieren om dat te doen.

63
00:05:52,420 --> 00:05:59,410
Het vereist een beetje meer setup, maar de meeste van onze web-apps zijn niet van plan om net standaard Tim statische bestanden die worden teruggestuurd.

64
00:05:59,590 --> 00:06:07,080
Wat wij op zoek bent naar zijn Dynamic HTML-bestanden die sjablonen worden geroepen en in de tweede helft van deze video zullen we die te introduceren.

65
00:06:07,270 --> 00:06:23,250
Maar nu ga ik hier te gaan en verander dit E.J. s en alles wat ik zal zeggen over E.J. is dat het staat voor embedded javascript en dat je veel meer over leert in ongeveer vijf minuten, wanneer het te krijgen verzoek wordt gedaan om onze code slash zal een bestand genaamd Dogstar maken.

66
00:06:23,380 --> 00:06:23,990
Ja.

67
00:06:24,060 --> 00:06:28,060
En laten we het veranderen in huis, alleen maar omdat dat maakt meer zin met de route route.

68
00:06:28,330 --> 00:06:34,340
En dus moeten we dat bestand aan te maken en we eigenlijk niet als daadwerkelijk in dezelfde map met ons op.

69
00:06:34,570 --> 00:06:43,380
Wat we moeten doen is het maken van een nieuwe map genaamd standpunten en dat is niet een willekeurige naam dat is een map die uitdrukkelijk is gaan kijken voor.

70
00:06:43,540 --> 00:06:52,650
Dus wanneer we een bestand wat het ook heet het gaat om eerst te kijken van het uitzicht directory en probeer en vind precies dit bestand in een zekering te maken.

71
00:06:52,660 --> 00:06:54,790
Dus laten we nu te maken dat.

72
00:06:54,790 --> 00:07:01,520
Dus ik doe een vleugje uitzicht slash huis dat Ejay ons net als dat.

73
00:07:01,780 --> 00:07:04,380
En dan is het volgende wat ik wil doen is het toevoegen van een aantal content.

74
00:07:04,420 --> 00:07:10,320
Dus laten we dat bestand te openen met die nieuwe C9 command C-9 uitzicht slash huis.

75
00:07:10,360 --> 00:07:10,610
E. J ..

76
00:07:10,610 --> 00:07:14,800
Ja, en laten we voeg wat spullen in hier.

77
00:07:14,890 --> 00:07:17,530
Dit is de homepage.

78
00:07:17,890 --> 00:07:19,100
Laten we dit op te lossen.

79
00:07:19,480 --> 00:07:24,850
En laten we ook een afbeelding toe te voegen en ik heb een beeld dat ik wil hier te gebruiken.

80
00:07:24,850 --> 00:07:26,960
Dit is zoiets als een palm ski.

81
00:07:27,080 --> 00:07:29,230
Het is een Pommeren en een husky mix.

82
00:07:29,230 --> 00:07:33,700
Naar verluidt is dit een volwassen Parsky die vrij gek als dat waar is.

83
00:07:33,910 --> 00:07:38,240
Het ziet eruit als een geminiaturiseerde husky of gewoon een permanente husky puppy.

84
00:07:38,350 --> 00:07:41,720
In ieder geval dus we zullen deze URL te kopiëren en terug te gaan.

85
00:07:41,800 --> 00:07:44,380
En je kunt natuurlijk elke afbeelding die u wilt doen.

86
00:07:44,380 --> 00:07:48,670
Je hoeft niet te gaan vinden dat of typeless je Ellaby jezelf en zal redden.

87
00:07:49,060 --> 00:07:52,880
En nu zullen we sluiten uit dit en we moeten goed om te gaan.

88
00:07:53,050 --> 00:07:58,030
Behalve voor het missen van een ding en ik ben eigenlijk van plan te laten drukken ons vertellen wat we missen.

89
00:07:58,030 --> 00:07:59,310
We zullen een foutmelding krijgen.

90
00:07:59,530 --> 00:08:02,940
Dus ik ga dit ontruimen gewoon om wat meer ruimte voor u te maken.

91
00:08:03,160 --> 00:08:05,510
En nu ga ik naar de server te starten.

92
00:08:06,910 --> 00:08:12,110
En als we naar de route route zal bellen met de render methode die op zoek gaan naar huis.

93
00:08:12,270 --> 00:08:12,950
Ja.

94
00:08:13,150 --> 00:08:15,650
Binnen van een map met de naam uitzicht.

95
00:08:15,790 --> 00:08:28,690
En dan een keer het vindt dat het zal de inhoud te nemen en te sturen dat terug in de reactie, zodat het we terug naar onze app ga en verfrissen en we krijgen een foutmelding hier zegt het niet kan vinden Montreuil.

96
00:08:28,690 --> 00:08:28,940
E. J ..

97
00:08:29,020 --> 00:08:29,780
Ja.

98
00:08:30,160 --> 00:08:39,630
En wat dat betekent is dat uitdrukkelijk op zoek is naar een pakket met de naam Ejay ons dat het nodig heeft om te gebruiken om Ejaz bestand maken en.

99
00:08:39,670 --> 00:08:46,590
Dus we moeten NPM ons installeren Ejay en dit zal allemaal zinvol waarom we gebruiken Ejaz in slechts een paar minuten.

100
00:08:46,600 --> 00:08:52,440
Maar voor nu gewoon geloof me NPM installeren Ejay ons en wij zullen doen dash dash op te slaan.

101
00:08:53,230 --> 00:08:57,080
En zodra dat klaar is kunnen we gewoon doen node.

102
00:08:57,160 --> 00:09:06,020
J.S. opnieuw en nu Vernieuw de pagina en krijgen we dit is de startpagina en onze schattige puppies laatste volledige gegroeid Tomsky.

103
00:09:06,130 --> 00:09:12,820
Dus nu hebben we een bestand van h t m l die we hebben geschreven dat we nu terug te sturen naar de gebruiker en dat wordt weergegeven in de browser.

104
00:09:13,030 --> 00:09:17,900
En dat is geweldig, maar dit is nog steeds zeer beperkt voor web applicaties.

105
00:09:17,920 --> 00:09:24,530
Dit zal alleen terug te sturen de exact dezelfde pagina elke keer en in de meeste web-apps dat is niet wat we willen.

106
00:09:24,670 --> 00:09:28,260
Misschien is de home page is hetzelfde of de inlogpagina is hetzelfde.

107
00:09:28,330 --> 00:09:35,370
Maar zodra de gebruiker is ingelogd in bijvoorbeeld er meestal een bericht dat zegt welkom terug oproepen of welkom terug.

108
00:09:35,380 --> 00:09:37,960
Schattige puppy Parsky slash volwassene.

109
00:09:37,960 --> 00:09:39,870
Laat me zien wat ik bedoel met een snel voorbeeld.

110
00:09:40,060 --> 00:09:45,960
Dus ik zal terug te gaan en te voegen in een nieuwe route en onze route gaat om iets als Slash zijn.

111
00:09:46,060 --> 00:09:54,480
Verliefd op en dan zoiets Rustie en dan kunnen we ook gaan om verliefd te worden met een palm ski.

112
00:09:54,550 --> 00:09:55,780
Ik denk dat dat is hoe het is gespeld.

113
00:09:55,990 --> 00:10:02,480
En we willen een HMO bestand dat ons een bericht dat de variabele uit de route die parameter pad bevat zal laten zien.

114
00:10:02,590 --> 00:10:18,560
Dus het zou iets te zeggen als je verliefd op roestige zo viel te doen dat je nodig hebt om te bepalen of je slash verliefd op Slash ding.

115
00:10:18,570 --> 00:10:19,600
Dat is wat we zullen noemen.

116
00:10:19,940 --> 00:10:24,440
En dan ons verzoek en de reactie in de callback moeten we.

117
00:10:24,440 --> 00:10:39,950
En net als de vorige oefening zal ding dat zal vangen VAR's ding is gelijk aan te vragen up harams ding en dan kunnen we beginnen met deze eenvoudige rode stip te sturen, net als wij deden met het dier spreekoefening.

118
00:10:39,960 --> 00:10:41,770
Het varken zegt knor.

119
00:10:41,900 --> 00:10:44,050
De koe zegt moo kan hetzelfde doen hier.

120
00:10:44,060 --> 00:10:51,130
Dus we gewoon zeggen dat je verliefd op een plus ding.

121
00:10:51,890 --> 00:10:52,310
Okee.

122
00:10:52,340 --> 00:11:12,850
Dus dit is een beoordeling en als ik de server nu opnieuw opstarten en ga ik terug en nu ga ik naar verliefd slash met Slash SKE we krijg je verliefd op Tomsky oprijlaan die precies grammaticaal correct, maar dan weer geen van beide is het woord pompen.

123
00:11:13,070 --> 00:11:36,380
Dus ik zal teruggaan en nu wat we willen doen is erachter te komen hoe we een H om hem Ik kom terug bestand dat zegt dat je verliefd op plus en nog wat dat we kunnen beginnen met het maken van het bestand en we kunnen sturen 'll gewoon bellen dit bestand in de standpunten directory en noem het wat je wilt natuurlijk, maar ik ga gewoon met liefde EJ om het kort te houden en dan zullen we dat invullen in.

124
00:11:36,380 --> 00:11:40,520
Dus we moeten C-9 keer bekeken slash.

125
00:11:40,940 --> 00:11:41,840
Hou van dat.

126
00:11:41,950 --> 00:11:51,910
Ja, we hebben die open en laten we beginnen door gewoon toe te voegen in je verliefd op en dan moeten we in de blanco te vullen.

127
00:11:52,010 --> 00:12:07,500
Maar we weten niet wat te zetten hier toch dus we zullen laat het gewoon zo en laten we een briefje hier dat P.S. zegt Dit is de liefde die Ejay ons bestand gewoon zo dat je weet dat het komt uit het bestand Ejaz.

128
00:12:07,500 --> 00:12:10,430
Het is niet de roodstaart sturen die we nu hebben.

129
00:12:10,490 --> 00:12:12,270
In feite om zich te ontdoen van dat.

130
00:12:13,100 --> 00:12:18,230
Dus wat we willen doen is te maken dat bestand dus lees is niet te maken.

131
00:12:18,500 --> 00:12:21,420
En de naam van het bestand is de liefde die E. J ..

132
00:12:21,420 --> 00:12:27,080
Ja, het zal automatisch kijken in de standpunten directory die is daar.

133
00:12:27,110 --> 00:12:31,980
Daar gaan we we hebben twee bestanden laten we beginnen met de server up Node.

134
00:12:32,110 --> 00:12:36,260
Ja zal opnieuw opstarten en vernieuwen.

135
00:12:36,590 --> 00:12:36,920
OK.

136
00:12:36,950 --> 00:12:38,520
Dus ons bestand is hier.

137
00:12:38,540 --> 00:12:41,700
Je werd verliefd op en we moeten in de blanco te vullen hier.

138
00:12:41,990 --> 00:12:57,950
En ik weet dat dit een heel eenvoudig voorbeeld dat is het punt dat ik wil niet te verwarren met iets geks alleen nog maar dit soort logica is heel belangrijk waar we een sjabloon in kunt vullen met data terug te komen uit een database of data dat een gebruiker heeft gegeven waar het niet een statisch kill-bestand.

139
00:12:57,980 --> 00:13:00,220
Dat is precies hetzelfde elke keer.

140
00:13:00,260 --> 00:13:05,770
We willen in principe om variabelen toe te voegen in HTL en dat is wat elk Ja laat ons doen.

141
00:13:06,080 --> 00:13:09,380
Dus E.J. S staat voor embedded javascript.

142
00:13:09,380 --> 00:13:18,520
Het laat ons verankeren javascript code variabelen als statements loops binnenkant van H Timo.

143
00:13:18,560 --> 00:13:20,450
Dus het is hoe we iets konden doen.

144
00:13:20,840 --> 00:13:30,650
Je werd verliefd op en vervolgens hier dit zal gewoon nog niet, maar we konden zetten onze variabele genaamd ding laten we het gewoon doen in hoofdletters ding variabele.

145
00:13:30,650 --> 00:13:37,700
Maar dit zal niet werken, omdat het gewoon behandelen als gewone HMO en het zal alleen maar tonen ons het woord ding variabele.

146
00:13:37,700 --> 00:13:44,200
We moeten iets aan ieder van ons te vertellen dat dit javascript code niet leren hem dat ik dit behandelen als javascript doen.

147
00:13:44,390 --> 00:13:47,160
Gelukkig is het gewoon geeft ons een manier om dat te doen.

148
00:13:47,210 --> 00:13:49,600
Het is een beetje raar als je het ziet voor de eerste keer.

149
00:13:49,790 --> 00:13:51,220
Het ziet er als volgt uit.

150
00:13:51,830 --> 00:14:03,150
Dus hebben we onze beugels en vervolgens procent tekenen en dan gelijk teken op de opening beugel en wat gaat tussen deze twee haakjes hier gaat zoals Javascript te worden behandeld.

151
00:14:03,320 --> 00:14:14,010
Dus ik zal je laten zien wat ik bedoel we kunnen gewoon gebruik maken van iets als vijf plus vijf, die in de reguliere H M L en ik zal dat eigenlijk doen om te laten zien vijf plus vijf.

152
00:14:14,450 --> 00:14:22,000
Zonder deze Ejay Ja beugels zal gewoon uitprinten vijf plus vijf, maar als we het goed doen hier zullen we eigenlijk 10 afgedrukt.

153
00:14:22,130 --> 00:14:36,920
Dus ik zal redden dit sjabloon te verlaten of start de server opnieuw knooppunt na J ons en vernieuw de pagina en we krijgen je verliefd met vijf plus vijf tien.

154
00:14:37,130 --> 00:14:38,010
En ik snap het.

155
00:14:38,030 --> 00:14:41,270
Als ik pauze vijf tien is een complete vangst goed al goed.

156
00:14:41,270 --> 00:14:42,220
Dus zullen we teruggaan.

157
00:14:42,350 --> 00:14:44,980
Dus we willen niet dat de vijf plus vijf is er om te worden afgedrukt.

158
00:14:45,020 --> 00:14:48,830
Maar we eigenlijk willen is het ding variabele.

159
00:14:48,890 --> 00:14:52,780
We noemen het het ding VAR of dat laten we gewoon doen ver.

160
00:14:52,940 --> 00:14:56,180
En dit moet van onze code te komen hierheen.

161
00:14:56,180 --> 00:15:07,290
Dus wat we moeten doen is voorbij deze waarde ding om onze liefde die E.J. als template en we willen het uit te printen en terwijl we hier ook te ontdoen van de vijf plus vijf.

162
00:15:07,490 --> 00:15:15,400
Zo krijgen we je verliefd op en dan moeten we het ding veel te definiëren en je zou denken dat we konden alleen maar doen dit var zaak.

163
00:15:15,410 --> 00:15:18,200
Var is gelijk aan te vragen uit sleuf zaak.

164
00:15:18,440 --> 00:15:24,360
En je zou kunnen worden in de hoop dat automatisch uitgedrukt stuurt al die variabelen een of andere manier aan deze sjabloon.

165
00:15:24,410 --> 00:15:26,410
En het is gewoon weet ding var.

166
00:15:26,750 --> 00:15:28,550
Helaas dat is niet hoe het werkt.

167
00:15:28,670 --> 00:15:38,590
En ik zal je dat de server ik een foutmelding herstart te laten zien en het vertelt me ​​niets var is niet gedefinieerd.

168
00:15:38,930 --> 00:15:41,800
Dus nu moet ik terug te gaan en te bepalen wat bar.

169
00:15:41,960 --> 00:15:52,170
En de manier waarop ik dat doen is eigenlijk doorgeven door naar mijn geliefde E.J. s template en ik doe dat op de stip te maken lijn als je het passeren als een object.

170
00:15:52,340 --> 00:15:57,210
En in dat object kan ik meerdere stukken van gegevens die ik wil in mijn sjabloon te hebben gezet.

171
00:15:57,440 --> 00:16:10,910
Dus in plaats van de dingen gewoon te noemen ding om dit duidelijker te maken en dan hier ga ik om gegevens te passeren en ik ga zeggen in de sjabloon ding var moet gelijk zijn aan zaak.

172
00:16:11,330 --> 00:16:15,420
Wat dit zal doen is de waarde van de zaak en plak het hier.

173
00:16:15,560 --> 00:16:19,450
Dus het zal zien als een ding toe is gelijk aan Rusty.

174
00:16:19,610 --> 00:16:22,760
En dan hier ding var zal worden vervangen.

175
00:16:22,760 --> 00:16:25,810
Dit alles zou worden vervangen door roestig.

176
00:16:26,460 --> 00:16:29,600
OK dus zullen we het bij laten.

177
00:16:29,600 --> 00:16:42,240
Ga hier terug en waarom beginnen we niet alleen door harde codering als Resti net als dat en zal de server opnieuw en ik zal de pagina te vernieuwen en ik krijg je verliefd met Rusty.

178
00:16:42,350 --> 00:16:56,000
Dus in plaats van het doen van een string is de volgende stap is gewoon om terug te gaan naar wat we hadden dat is het hele ding variabele opslaan en ik zal passeren, dat door middel van onder de naam ding bar en dan maken we dat hier met daar.

179
00:16:56,010 --> 00:16:58,350
E.J. heeft deze wonky kijken ding getagd.

180
00:16:58,610 --> 00:17:02,200
Start de server weer terug.

181
00:17:02,390 --> 00:17:05,910
Nu ben ik het krijgen van u verliefd op Parsky.

182
00:17:06,070 --> 00:17:13,440
En als ik naar je dat je verliefd op Tater Tots dat hier ook is terug te vinden.

183
00:17:13,520 --> 00:17:16,510
Dit is een zeer krachtig concept dat we gebruiken.

184
00:17:16,520 --> 00:17:27,950
Zoals ik al zei en vrijwel elke app van hier op uit het hebben van deze dynamische pagina's met jeukte hem alle reacties die afhankelijk van wat de gebruiker gevraagd om in specifieke delen van de gegevens in het verzoek kan veranderen.

185
00:17:27,950 --> 00:17:31,630
Het andere wat ik zal laten zien is dat dit gewoon normale Javascript.

186
00:17:31,730 --> 00:17:42,100
Dus hier kan ik dingen doen, zoals in hoofdletters en dit zal eerst worden uitgevoerd en dan zal het iets dat zal worden afgedrukt, zoals verroeste terugkeren.

187
00:17:42,470 --> 00:17:47,020
Dus het is gewoon normale javascript en we zullen meer over wat hier moet gaan en wat moet niet praten.

188
00:17:47,150 --> 00:17:53,200
Omdat er een aantal regels die u niet wilt dat rommel je hem uit al uw Ejaz sjabloon met tonnen en tonnen javascript jaar.

189
00:17:53,300 --> 00:17:57,070
Je wilt het tot een minimum beperken, maar voor nu zal ik dit te doen en op te slaan.

190
00:17:57,230 --> 00:17:58,990
En dit zal het laatste wat we doen.

191
00:17:59,270 --> 00:18:01,860
Start de server vernieuwen.

192
00:18:02,180 --> 00:18:04,280
En nu heb ik een geactiveerde versie te krijgen.

193
00:18:04,280 --> 00:18:06,600
Oke dus nu laten we samenvatten alles wat we over gesproken.

194
00:18:06,620 --> 00:18:08,330
Er is nogal een beetje in deze les.

195
00:18:08,360 --> 00:18:20,600
Ten eerste is dat we de inhoud van een bestand terug te kunnen sturen met behulp van roodstaart maken als we hier en hier deed en deze sjablonen moeten bestaan ​​in de standpunten directory uiten ziet er automatisch.

196
00:18:20,600 --> 00:18:31,440
Het volgende wat we gesproken over zijn Ejaz wat staat voor embedded javascript en het is wat ons in staat stelt om dynamische templates HDMI erop dat zal veranderen, afhankelijk van een aantal gegevens die wij leveren.

197
00:18:31,640 --> 00:18:37,730
We zagen dat we nodig hadden om elke Yes doen en hebben dan ons dossier iets te noemen DOD Ejay Ja.

198
00:18:37,940 --> 00:18:47,230
En dan hebben we ook nodig om te draaien NPM installeren Ejay ons en dan het laatste is dat we Ejay ons beugels die heel raar in eerste instantie om te typen zijn kunnen gebruiken.

199
00:18:47,360 --> 00:19:07,270
Je hebt waarschijnlijk zijn niet gewend aan het gebruik van dit gedeelte van het toetsenbord zo heel veel, maar er zijn beugels, waar het percentage teken en een gelijke en vervolgens aan de andere kant is het gewoon een percentage teken en wat gaat naar binnen wordt eerst en vervolgens behandeld als JavaScript-code wat dat code rendement wordt vervolgens afgedrukt naar de HMO en om gegevens te passeren.

200
00:19:07,760 --> 00:19:12,500
We kunnen pas een object in het red dot render oproep waar we belangrijke waarde paren.

201
00:19:12,500 --> 00:19:14,660
Het is gewoon een regelmatige javascript object.

202
00:19:14,660 --> 00:19:19,890
En in de matrijs hebben we toegang tot de variabelen die we definiëren de eigenschappen van het object.

203
00:19:19,910 --> 00:19:26,330
In dit geval ding zijn die gelijk is aan wat de waarde van de zaak is die elke keer verandert is.

204
00:19:26,570 --> 00:19:29,510
En hier kunnen we dan gebruiken ding voor.

205
00:19:29,780 --> 00:19:32,830
OK, dus ik weet dat er veel in deze video een veel te verteren.

206
00:19:32,840 --> 00:19:36,280
We zullen het krijgen van een veel meer oefenen met deze concepten in het bijzonder.

207
00:19:36,320 --> 00:19:36,590
E. J ..