1
00:00:00,300 --> 00:00:07,590
OK laten we beginnen aan de oplossing van deze oefening en we zullen beginnen met het maken van een nieuwe map die ik net oplossing bel.

2
00:00:07,710 --> 00:00:12,820
Dus maak uw oplossing en een cd in de oplossing.

3
00:00:13,260 --> 00:00:15,820
En dan moeten we ons pakket creëren dacht Jason.

4
00:00:16,050 --> 00:00:18,890
Dus ik zal NPM doen het.

5
00:00:18,900 --> 00:00:24,050
Dat is meestal het eerste wat ik doe als ik een nieuw Express app beginnen voordat ik alle bestanden te maken.

6
00:00:24,060 --> 00:00:36,920
Ik loop gewoon NPM erin en ik zal gewoon gaan met solutionis de naam 1.0 punt geen beschrijving zal oplossing om eerst te uiten oefening.

7
00:00:36,930 --> 00:00:52,100
Entry point zullen app J.S. maken gewoon een kwestie van voorkeur testopdracht en voer krijgen repository hit in te voeren trefwoorden op enter auteur koud staal rijbewijs dat is prima.

8
00:00:52,110 --> 00:00:53,200
Is dit oke.

9
00:00:53,280 --> 00:00:54,120
Ja.

10
00:00:54,500 --> 00:00:58,060
OK dus dat geeft ons het pakket dat Jason die u hier kunt zien.

11
00:00:58,320 --> 00:00:59,860
Nu ga ik om onze act te maken.

12
00:00:59,900 --> 00:01:17,140
Ja, dat is waar ik al de routes en de code te schrijven en dan moeten we installeren EXPRESS Dus NPM installeren Express en het belangrijkste is dat ik wil dat je toevoegen als een afhankelijkheid in het pakket spullen Jason.

13
00:01:17,370 --> 00:01:31,210
En technisch kan je handmatig doen door te gaan in te typen en het daar, maar het idee is om dash dash save, die op zoek gaan naar het pakket dat Jason en automatisch toegevoegd daar voor ons als je hier kunt zien gebruiken.

14
00:01:31,680 --> 00:01:33,850
Sluit out middies.

15
00:01:33,870 --> 00:01:34,720
Daar gaan we.

16
00:01:34,980 --> 00:01:38,410
Nu heeft afhankelijkheden en uitdrukkelijk vermeld onder dat.

17
00:01:38,770 --> 00:01:42,500
OK dus laten we beginnen met het opzetten van onze fundamentele express app.

18
00:01:42,510 --> 00:02:06,060
Dus ik ga deze app Julius openen en ik ga om te eisen Express en dit duurt slechts de inhoud van de Express-module de uitdrukkelijke pakket en dan willen we het uit te voeren en op te slaan in een variabele die gewoonlijk wordt genoemd, maar app Het kan van alles zijn, net als dat worden genoemd.

19
00:02:06,060 --> 00:02:12,500
Nu hebben we de app variabele die zal worden gebruikt om het opzetten van onze routes en laten ga je gang en doe de eerste die de wortel.

20
00:02:12,630 --> 00:02:19,430
Dus apt get slash en de boodschap die we zoeken is het ook niet.

21
00:02:19,560 --> 00:02:29,850
Welkom op mijn opdracht dus ik zal gewoon kopiëren dat we meer dan apt te krijgen en dan onze functie nodig hebt met het verzoek en het antwoord object.

22
00:02:31,470 --> 00:02:41,760
En hier ligt ze in begin en we gaan een rez send te doen en stuur dat de hele reeks en op te slaan.

23
00:02:42,450 --> 00:02:44,090
En laten we ga je gang en start de server.

24
00:02:44,250 --> 00:02:48,380
Dus knooppunt Abdulle Ja en je zult merken dat er niets gebeurt.

25
00:02:48,600 --> 00:02:50,470
En dat is omdat we de code aan de onderkant ontbreekt.

26
00:02:50,540 --> 00:02:54,880
Dat zegt eigenlijk uitdrukken vertelt de app op een bepaalde poort te luisteren.

27
00:02:55,380 --> 00:03:05,730
Dus moeten we toe te voegen in app om te luisteren en dan moeten we de haven, die is een proces dat havens en hetzelfde EMV voor de IP bieden.

28
00:03:05,760 --> 00:03:08,960
Dus verwerken NVI IP.

29
00:03:09,600 --> 00:03:17,930
En ik zou graag achteraf toe te voegen in een klein bericht, zodat het een optionele callback waar we een console-log kan doen accepteert.

30
00:03:18,330 --> 00:03:33,630
Geen dienste van uw app en laten we behalve dat en als we nu beginnen met de server krijgen we een klein bericht en als we naar de je gewoon de wortel en raakte ik in te voeren.

31
00:03:33,750 --> 00:03:34,920
Ik krijg ook niet.

32
00:03:34,920 --> 00:03:39,180
Welkom op mijn opdracht en dat is wat we verwachten.

33
00:03:39,210 --> 00:03:41,520
Dus dat is 1 op de 3 routes naar beneden.

34
00:03:42,060 --> 00:03:51,090
Laten we beginnen op deze spreken slash dier route en het belangrijkste doel is hier om u te hebben een route parameter in plaats van de juiste definitie te gebruiken.

35
00:03:51,210 --> 00:03:54,000
Dus heb nog een ontvoeren voordat een aandeel.

36
00:03:54,000 --> 00:03:54,810
De goede weg.

37
00:03:54,840 --> 00:04:07,220
Ik zal je laten zien wat je niet zou moeten doen, die slash spreken slash varkens en maken dat zijn eigen route en dan nog een voor Kow dat het niet erg droog code vooral als we hadden vijf verschillende dieren.

38
00:04:07,230 --> 00:04:08,850
Dat is niet wat je verwacht te doen.

39
00:04:09,030 --> 00:04:17,830
Ik was op zoek naar deze slash spreken slash colon dier en dit kan worden genoemd om het even wat, maar ik denk dat dier is het meest zinvol.

40
00:04:17,850 --> 00:04:27,910
Misschien kun je het hebt geroepen schepsel zo goed, maar we zouden ook noemen het X dat is zeker niet een geweldige variabele naam het niet veel zeggen, maar het zal op exact dezelfde manier werken als dier.

41
00:04:28,560 --> 00:04:39,380
En dan laten we toe dit met ons verzoek in onze reactie en hier zijn we weten dat we gaan iets terug te sturen aan het einde, zodat we kunnen toevoegen dat in.

42
00:04:39,630 --> 00:04:44,870
En waarom hebben we niet beginnen met alleen maar te zeggen dit is het spreken route.

43
00:04:45,000 --> 00:05:01,710
Gewoon om ervoor te zorgen dat onze route parameters juist zijn ingesteld en als we opnieuw op de server terug te gaan en te vernieuwen en om het we moeten gaan naar slash iets spreken slash alles triggeren en krijgen we dit is de luidspreker.

44
00:05:02,160 --> 00:05:06,820
OK dus laten we nu concentreren op de logica hier.

45
00:05:06,960 --> 00:05:10,830
Het eerste wat we willen doen is gewoon pak het dier.

46
00:05:10,910 --> 00:05:13,720
Dus ik ga maken een variabele noemen het dier.

47
00:05:14,000 --> 00:05:20,200
En vergeet niet het is in de Paramo daarom verzoeken up harams dot dier is hoe we dat de toegang.

48
00:05:20,420 --> 00:05:25,640
Dan is de volgende wat we moeten doen is een variabele die het geluid dat het dier maakt zal opslaan.

49
00:05:25,700 --> 00:05:36,270
Zo iets als var sound en het zal alleen maar een lege string om te beginnen en dan zullen we in principe controleren of dier gelijk is aan varken is.

50
00:05:37,220 --> 00:05:43,580
Dan zal zeggen dat geluid moet knor zijn en deed hetzelfde.

51
00:05:43,670 --> 00:05:46,990
LCF dier gelijk koe.

52
00:05:47,840 --> 00:05:49,360
En we kunnen blijven doen.

53
00:05:49,460 --> 00:05:53,360
Geluid is gelijk aan Moo.

54
00:05:53,750 --> 00:06:14,260
En laten we het bij laten voor nu en aan onze puntkomma en dan roodstaart sturen en we zullen stuur de plus dier plus andere ruimte, aldus de ruimte plus geluid.

55
00:06:15,650 --> 00:06:17,950
En dit heeft slechts twee dieren nu.

56
00:06:18,020 --> 00:06:21,400
Want zoals je kunt zien is het een klein beetje van het werk naar een ander dier naar binnen.

57
00:06:21,410 --> 00:06:27,790
Het is een hele andere staat statement en ik zal je laten zien een kortere manier om dit te doen in slechts een seconde maar laten we ervoor zorgen dat dit werkt.

58
00:06:27,800 --> 00:06:36,950
Dus als dieren varkens geluid alsof het koe klinkt moo en vervolgens uitgelezen en het dier zegt Plus het geluid.

59
00:06:36,950 --> 00:06:37,980
Laten we opnieuw op te starten.

60
00:06:37,980 --> 00:06:40,720
Zien als we nog syntaxisfouten te beginnen.

61
00:06:41,420 --> 00:06:42,470
Ziet er goed uit.

62
00:06:42,830 --> 00:06:43,910
Laten we vernieuwen.

63
00:06:43,910 --> 00:06:45,860
Dit is te spreken slash varken.

64
00:06:46,250 --> 00:06:50,120
En toch zegt het varken knort en laten we hetzelfde doen voor de koe.

65
00:06:50,630 --> 00:06:51,790
De koe zegt moo.

66
00:06:52,160 --> 00:06:53,290
Uitstekend.

67
00:06:53,300 --> 00:07:00,840
Laten we nu terug te gaan en te praten over de gemakkelijkere manier die ik noemde waar we niet hebben om een ​​aparte if-statement hebben voor elk dier.

68
00:07:01,760 --> 00:07:20,100
Dus in plaats van dat te doen ga ik het allemaal te schrappen en ik ga een woordenboek van dier geluid paringen die net een gewone javascript object zal dus ik noem het veel klinkt als binnen voegen we een dier moeten definiëren zoals varken die overeenkomen met een goed punt.

69
00:07:20,450 --> 00:07:24,370
En dan zullen we een ander voor koe die overeenkomt met mu hebben.

70
00:07:24,710 --> 00:07:30,040
En een voor een hond die overeenkomen met Wolf Wolf.

71
00:07:30,170 --> 00:07:35,640
En dan gaan we toe te voegen aan de kat uit en dat zegt dat ik haat je mens.

72
00:07:36,110 --> 00:07:41,810
En het laatste dier zal goudvissen en de goudvis zegt dot dot dot.

73
00:07:42,110 --> 00:07:51,070
Dus nu dat we dit object geluid dat met een geluid overeenkomt met een dier, hoewel we moeten doen is het dier dat de gebruiker op zoek is.

74
00:07:51,080 --> 00:07:58,940
Dus spreken slash hond voor aanleg en nemen we de hond en steek de stekker in klanken en we zullen Wolf Wolf eruit te komen terug.

75
00:07:58,940 --> 00:08:07,840
Dus we dieren houden hoe het is dat we deze variabele nodig hebben, maar het geluid gaat nu geluiden van dieren gelijk zijn net als dat.

76
00:08:07,840 --> 00:08:09,330
En we moeten goed zijn om nu te gaan.

77
00:08:09,770 --> 00:08:15,160
Laten we redden de server refresh opnieuw op te starten.

78
00:08:16,250 --> 00:08:17,950
En het zegt precies hetzelfde.

79
00:08:17,960 --> 00:08:19,840
Laten we proberen goudvis.

80
00:08:20,170 --> 00:08:30,830
De Goudvis zegt dot dot dot en kat de kat zegt dat ik haat je hem en er zijn twee kleine wijzigingen die ik zou willen maken.

81
00:08:30,860 --> 00:08:35,880
De eerste is dat ik wil aanhalingstekens rond het geluid van het dier.

82
00:08:36,020 --> 00:08:39,860
Dus het zegt dat de kat zegt en dan citaat Ik haat je mens.

83
00:08:40,340 --> 00:08:42,000
En er zijn een paar manieren om dat te doen.

84
00:08:42,020 --> 00:08:45,210
De eenvoudigste is gewoon om enkele aanhalingstekens te gebruiken rond geluid.

85
00:08:45,290 --> 00:08:46,820
Dus we zoiets als dit te doen.

86
00:08:46,820 --> 00:08:54,510
Of voegen we een offerte en vervolgens aan het eind we doen, plus een nieuwe string en dat alles gaat naar binnen die string is een enkele offerte.

87
00:08:54,830 --> 00:08:58,920
Offertes kunnen zo'n pijn soms in javascript, maar dit is niet al te slecht.

88
00:08:58,940 --> 00:09:04,190
We hebben enkele aanhalingstekens in plaats van dubbele aanhalingstekens of voor het gebruik van enkele aanhalingstekens in de dubbele aanhalingstekens binnen.

89
00:09:04,220 --> 00:09:12,070
En laten we nu doorstart weer opfrissen en krijgen we de kat zegt dat ik haat je mens.

90
00:09:12,080 --> 00:09:13,370
Einde citaat.

91
00:09:13,370 --> 00:09:18,690
Maar als ik naar kat met een hoofdletter C hebben we een probleem.

92
00:09:18,830 --> 00:09:21,430
Hetzelfde als een goede hond met een hoofdletter C.

93
00:09:21,440 --> 00:09:26,080
En dat komt omdat de binnenkant van onze geluiden bezwaar dat ze niet hoofdletters.

94
00:09:26,150 --> 00:09:35,380
De sleutel is hier varken met een kleine letter P hond met een kleine letter D en in plaats van te dupliceren we konden de hond doen komt overeen met Wolf Wolf.

95
00:09:35,540 --> 00:09:37,340
Dat is echt niet droog.

96
00:09:37,460 --> 00:09:40,680
Wat we kunnen doen in plaats daarvan is net op het geval van het dier zoals het komt in.

97
00:09:40,850 --> 00:09:46,830
Dus een verzoek voor een dier moet naar kleine letters, net als dat.

98
00:09:47,240 --> 00:09:58,870
En nu opnieuw opstarten we nog een keer vernieuwen en nu hoofdletters D voor hond en kleine letters werken net hetzelfde.

99
00:09:59,110 --> 00:09:59,810
Daar gaan we.

100
00:10:00,030 --> 00:10:01,550
Dus dat is het voor deze route.

101
00:10:02,010 --> 00:10:04,320
De volgende route is de herhaling route.

102
00:10:04,410 --> 00:10:13,490
Dus we gaan naar een apt te krijgen en we weten dat we gaan Slash herhalingen te hebben en dan moeten we twee variabelen of twee parameters in de route.

103
00:10:13,620 --> 00:10:16,030
De eerste is de boodschap.

104
00:10:16,090 --> 00:10:18,730
Dus we noemen het bericht te herhalen.

105
00:10:18,730 --> 00:10:21,230
En de tweede is het aantal keren.

106
00:10:21,290 --> 00:10:32,630
En doet oproep dat de tijden en we zullen aan onze callback op verzoek en de reactie die code die wordt uitgevoerd wanneer deze route is geraakt.

107
00:10:33,000 --> 00:10:37,240
En de binnenkant van hier waarom beginnen we niet alleen het vastleggen van deze twee variabelen.

108
00:10:37,440 --> 00:10:48,910
Dus var bericht gelijk verzoek top harams boodschap en var keer gelijk verzoeken.

109
00:10:49,120 --> 00:10:54,690
Harams tijden en overstromingen doen een reactie te sturen.

110
00:10:55,000 --> 00:11:01,780
En we zullen gewoon bericht plus boodschap doen gewoon om te zien wat het is.

111
00:11:02,010 --> 00:11:08,390
En we zullen ook doen plus tijden is klasse tijden.

112
00:11:08,460 --> 00:11:26,470
Dus gewoon om ervoor te zorgen dat we krijgen bericht en tijden juist meer kan opstarten van de server weer terug te vernieuwen in deze tijd ga naar slash herhalen en we zullen doen hello slash een en krijgen we berichten Hallo tijden is één en als we dat veranderen.

113
00:11:26,830 --> 00:11:28,090
Het werkt prima.

114
00:11:28,440 --> 00:11:39,390
OK dus nu laten we terug gaan en werken aan dit daadwerkelijk krijgen om te werken waar we herhalen boodschap tijden aantal keren en het eerste wat we willen doen is ervoor zorgen dat de tijden is een getal.

115
00:11:39,420 --> 00:11:40,900
Want nu is het een string.

116
00:11:41,130 --> 00:11:47,820
Dus we misschien wel eens gevraagd, net als dat nummer te doen en dan moeten we een lus te doen.

117
00:11:47,880 --> 00:11:49,270
Dus we gaan doorlopen.

118
00:11:49,330 --> 00:11:53,770
Dus zal ik gewoon beginnen met de voor de lus voor var ik gelijk.

119
00:11:54,210 --> 00:11:57,050
Minder dan keer.

120
00:11:57,580 --> 00:12:00,180
Plus plus zomaar.

121
00:12:00,180 --> 00:12:05,720
En dan de binnenkant van hier wat we moeten doen is het toevoegen van een bericht aan een variabele.

122
00:12:05,740 --> 00:12:13,950
Dus elke keer door de lus voegen we in de boodschap en we zullen maken van deze reus Stringer potentieel een gigantische string die we vervolgens verzendt aan het eind.

123
00:12:13,950 --> 00:12:20,480
We kunnen alleen maar doen roodstaart stuur één keer wanneer u een verzoek om een ​​website te maken krijg je een reactie terug.

124
00:12:20,500 --> 00:12:29,670
Je hoeft niet meerdere antwoorden te krijgen en roodstaart send stuurt het antwoord dus we kunnen niet gewoon rusten uit te zenden in de loop omdat het alleen zal gebeuren de eerste keer.

125
00:12:29,700 --> 00:12:30,750
En dan zijn we klaar.

126
00:12:31,020 --> 00:12:33,250
Dus moeten we een doorstart send doen.

127
00:12:33,370 --> 00:12:45,930
En laten we gewoon opnieuw op te starten en het resultaat dat is een variabele die nog niet bestaat, dat we nodig hebben om te definiëren en we beginnen met var resultaat is gelijk aan loze string.

128
00:12:46,120 --> 00:12:53,030
En dan in de lus elke keer dat we zullen resulteren plus evenaart boodschap net als dat.

129
00:12:53,430 --> 00:13:01,020
En dit zal dan terug te sturen het resultaat string die we hebben gebouwd dat we door te gaan door middel van deze lus hebt gebouwd.

130
00:13:01,440 --> 00:13:11,660
Zo start u de server weer te vernieuwen en net iets meer beheersbaar als hi slash 10 doen.

131
00:13:12,390 --> 00:13:18,300
En het lijkt erop dat we 10 hoogste let's do drie krijgt drie jongens er.

132
00:13:18,630 --> 00:13:22,010
Maar ik wil wel spaties tussen hen en om dat te doen.

133
00:13:22,080 --> 00:13:26,740
Het is een eenvoudige verandering die we zullen gewoon een spatie toe te voegen.

134
00:13:28,440 --> 00:13:36,070
We zullen gewoon voeg een spatie achter voegen we in boodschap en opnieuw opstarten refresh.

135
00:13:36,580 --> 00:13:39,670
En nu krijgen we een hoge ruimte hoge ruimte hoog.

136
00:13:40,260 --> 00:13:44,040
En laten we een lage slash 1000.

137
00:13:44,040 --> 00:13:44,790
Daar gaan we.

138
00:13:44,790 --> 00:13:46,060
Het lijkt me goed.

139
00:13:46,050 --> 00:13:51,740
Het laatste wat is het krijgen van de catchall route die wordt verondersteld om het jammer pagina af te drukken niet gevonden.

140
00:13:51,800 --> 00:13:54,760
Wat doe je met je leven om dit werk te maken.

141
00:13:54,780 --> 00:13:56,390
We moeten naar het sterretje te gebruiken.

142
00:13:56,520 --> 00:14:06,920
Dus we komen terug en ga gewoon aan de onderkant van het bestand apt get ster en dan is onze functie verzoek en reactie.

143
00:14:07,290 --> 00:14:17,870
En dan hier zullen we een roodstaart send doen en plak die string in en sla de allerlaatste keer herstart de server.

144
00:14:18,480 --> 00:14:25,490
Laten we terug gaan vernieuwen en proberen naar een route die niet bestaat als deze.

145
00:14:25,540 --> 00:14:26,760
Vergeet sorry.

146
00:14:26,830 --> 00:14:27,880
Pagina niet gevonden.

147
00:14:28,000 --> 00:14:30,170
Wat doe je met je leven.

148
00:14:30,180 --> 00:14:32,180
Oké dus dat is het voor deze oefening.

149
00:14:32,190 --> 00:14:34,800
Coming up next gaan we blijven werken met Express.

150
00:14:34,810 --> 00:14:39,910
We gaan om te praten over hoe we met HDMI kunnen werken al hoe we weer een hele bestand van de HDMI-nu kan sturen.

151
00:14:40,090 --> 00:14:44,890
We gaan om te praten over sjablonen en iets genaamd de Ejay Yes staat voor embedded Javascript.
