1
00:00:00,210 --> 00:00:01,510
Welkom terug.

2
00:00:01,530 --> 00:00:04,700
Dus dit is een van de belangrijkste lessen in de gehele cursus.

3
00:00:04,890 --> 00:00:08,670
Maar het gaat ook heel anders dan alles wat we tot nu toe gedaan zijn.

4
00:00:08,670 --> 00:00:18,120
En de reden dat het anders is dat ik ga laten zien u een bos van de code die je nooit eerder hebt gezien en u bent niet verwacht dat helemaal begrijpen.

5
00:00:18,120 --> 00:00:23,770
De reden waarom ik dit doe is dat ik wil u een conceptueel overzicht van hoe al deze stukjes in elkaar passen te geven.

6
00:00:23,790 --> 00:00:28,430
De database van de server GET-verzoek bericht vraagt ​​de browser.

7
00:00:28,440 --> 00:00:30,900
Al deze verschillende dingen verzoeken en antwoorden.

8
00:00:31,080 --> 00:00:35,430
Ik wil dat alles met een heel eenvoudige werkende applicatie te tonen.

9
00:00:35,430 --> 00:00:37,120
Dus dat is wat ik ga doen hier.

10
00:00:37,200 --> 00:00:43,920
Als ik dit onderwees in persoon zou dit het punt waar ik u vragen om uw laptop neer te zetten naar de computer te sluiten.

11
00:00:44,040 --> 00:00:45,670
Het is duidelijk dat geen goed idee hier.

12
00:00:45,930 --> 00:00:50,100
Maar het gevoel achter dat is dat ik niet wil dat je te maken van aantekeningen op dit.

13
00:00:50,100 --> 00:00:57,240
We gaan om te gaan over elke lijn en schrijf het van de grond af en maak vijf zes zeven van deze verschillende apps met behulp van deze concepten.

14
00:00:57,240 --> 00:01:03,580
Dus dit is gewoon over hoe de dingen in elkaar passen niet de feitelijke details over hoe ze werken.

15
00:01:03,600 --> 00:01:06,630
Met dat gezegd laten we ga je gang en krijg hier begonnen.

16
00:01:07,020 --> 00:01:09,840
Dus deze toepassing zich inspireren door de honden.

17
00:01:09,840 --> 00:01:11,010
Het is heel erg simpel.

18
00:01:11,010 --> 00:01:12,320
Geen styling helemaal.

19
00:01:12,420 --> 00:01:14,320
Slechts een paar verschillende pagina's.

20
00:01:14,430 --> 00:01:19,250
En het eerste wat we nodig hebben om te praten over is wat deze hele bestand is.

21
00:01:19,260 --> 00:01:21,750
Dus dit is onze server bestand.

22
00:01:21,750 --> 00:01:23,450
In mijn geval is het zogenaamde app ontwijken.

23
00:01:23,460 --> 00:01:25,720
Ja, dit is geschreven in Javascript.

24
00:01:25,800 --> 00:01:30,180
En toen ik dit bestand uit te voeren zal het eigenlijk een server te starten voor mij.

25
00:01:30,180 --> 00:01:41,310
Dus toen ik vroeger toen we een verzoek genoemd heb om het te lezen dot com slash zoeken er code op Reddit server die luistert voor een verzoek om het te lezen.

26
00:01:41,310 --> 00:01:45,850
Nu com slash zoeken en dan stuurt u weer de juiste gegevens in een reactie.

27
00:01:46,080 --> 00:01:50,990
Toen als ik zeg dat er code op Reddit server dit is het soort code waar we het over.

28
00:01:51,210 --> 00:02:00,620
Dus ook al te lezen in Python wordt gedaan en dit is javascript Dit is onze code op de server die luistert voor verschillende verzoeken en vervolgens reageren met verschillende stukjes.

29
00:02:00,630 --> 00:02:05,150
Er zijn drie grote brokken en dit op de top is net onze applicatie opgezet.

30
00:02:05,250 --> 00:02:09,370
Dus inclusief het recht bibliotheken zoals je kunt zien zijn er een paar afhankelijkheden.

31
00:02:09,390 --> 00:02:11,560
Opnieuw zullen we dan later gaan ze allemaal.

32
00:02:11,850 --> 00:02:13,570
Dan hebben we een database spullen.

33
00:02:13,830 --> 00:02:22,060
Dus dit is het opzetten van onze database, zodat onze database kent elke hond heeft een naam en een ras en ze zijn allebei strings.

34
00:02:22,470 --> 00:02:24,240
En dat is alles gezegd over dat nu.

35
00:02:24,630 --> 00:02:39,040
En dan zijn er deze dingen genoemd wraps dat is waar we het grootste deel van onze tijd in deze les zullen doorbrengen voordat we dat doen maar ik wil wijzen op het belangrijkste deel van de server die aan het daadwerkelijk beginnen hier deze zeer einde lijn niet uit de syntax, maar wat er wel toe doet.

36
00:02:39,050 --> 00:02:40,930
Er is nummer hier drieduizend.

37
00:02:40,950 --> 00:02:51,860
Wat dit zal doen is wanneer we deze toepassing uit te voeren toen ik dit bestand in mijn terminal lopen zal het daadwerkelijk beginnen met de server en onze applicatie zal op poort 3000.

38
00:02:51,870 --> 00:02:53,160
Dus laat me je laten zien wat ik bedoel.

39
00:02:53,160 --> 00:02:59,130
Ik ga naar deze server starten door het uitvoeren van het bestand opnieuw maakt niet echt uit wat ik daar doe.

40
00:02:59,130 --> 00:03:03,260
En je kunt zien dat ik krijg een bericht portie hond demo op poort 3000.

41
00:03:03,570 --> 00:03:07,650
Dus wat ik heb mijn tekstverwerker Ik ben het schrijven van de code in hier voor mijn server.

42
00:03:07,860 --> 00:03:11,000
Toen in mijn terminal Ik ben eigenlijk het uitvoeren van de server.

43
00:03:11,220 --> 00:03:18,840
Dus nu deze code wordt al van deze code uitvoert wordt uitgevoerd en deze lijn met name begonnen met een server op poort drieduizend.

44
00:03:18,870 --> 00:03:28,620
Dus als ik naar de haven drieduizend nu en de manier waarop ik krijg er lokale host Colan 3000 zie ik iets dat home page zegt.

45
00:03:28,980 --> 00:03:34,570
Laten we praten over hoe ik het krijgen van die homepage HMO als we zien pagina bron.

46
00:03:34,950 --> 00:03:42,150
U kunt alles wat ik kreeg als antwoord een H-1 dat de home page zegt dat was te zien en dat is het.

47
00:03:42,150 --> 00:03:46,620
Dus als ik terug naar mijn server hier zijn er een paar dingen die ik wil wijzen.

48
00:03:46,770 --> 00:03:52,620
De eerste is dat ik in mijn terminal waar de server is gestart is er een kleine boodschap die werd afgedrukt.

49
00:03:52,780 --> 00:04:00,340
En wat dit ons vertelt is dat iemand een get verzoek dat is wat deze zegt hier de voor u Arole slash gemaakt.

50
00:04:00,630 --> 00:04:02,750
Dus localhost 3000 slash.

51
00:04:02,820 --> 00:04:04,160
Dus er is niets daarna.

52
00:04:04,530 --> 00:04:10,560
We noemen dit de root-pad of gewoon route die is eigenlijk wat we willen dat onze homepage te zijn.

53
00:04:10,560 --> 00:04:15,840
Dus nogmaals, ik ging naar localhost 3000 en druk op enter.

54
00:04:16,200 --> 00:04:38,430
En dat heeft me wat code, maar als ik naar localhost 3000 slash honden die me terug in als ik de pagina bron over dit geeft een aantal verschillende dingen kan zien als we wat meer inhoud dat is anders dan de inhoud die we kregen de eerste keer te krijgen en dat komt omdat dit een andere rij of een andere route.

55
00:04:38,430 --> 00:04:42,670
Dus in dit geval was ik niet gewoon vragen om Slash.

56
00:04:42,840 --> 00:04:44,840
Ik vroeg om Slash honden.

57
00:04:45,210 --> 00:04:54,570
En als je kijkt in de terminal uitgang kun je zien dat er een verschil tussen een GET-verzoek naar slash of een get verzoek aan honden slash.

58
00:04:54,570 --> 00:04:59,630
Dit is me gewoon laten zien, zodat ik je wat er gebeurt kan laten zien, maar dit is niet de logica of iets dergelijks.

59
00:04:59,640 --> 00:05:03,010
Het is gewoon een venster in de verzoeken die worden gemaakt.

60
00:05:03,390 --> 00:05:05,330
OK dus dat is het verzoek kant van de dingen.

61
00:05:05,430 --> 00:05:08,760
Als ik druk op enter ik een aanvraag.

62
00:05:08,760 --> 00:05:09,720
Hetzelfde hier.

63
00:05:09,930 --> 00:05:12,430
Ik ben gewoon waardoor ze op twee verschillende plaatsen.

64
00:05:12,780 --> 00:05:16,680
En natuurlijk heb ik kan maken die krijgen verzoeken met postbode ook.

65
00:05:16,680 --> 00:05:21,250
Dus laten we maken en krijg verzoek aan localhost 3000, net als dat.

66
00:05:21,300 --> 00:05:25,890
Neem even de tijd en denk na over wat je van ons verwachten om te zien wanneer ik raakte te sturen.

67
00:05:27,100 --> 00:05:43,490
Daar gaan we Ik gewoon precies hetzelfde H-1 en als ik dat doe lokale host 3000 slash honden die een GET-verzoek en ik raakte stuur krijg ik dezelfde HD-mail die we kregen toen ik een GET-aanvraag in de browser gemaakt door het raken voeren.

68
00:05:43,500 --> 00:05:47,790
Laten we nu praten over de logica dat maakt dit allemaal gebeuren op de server kant.

69
00:05:48,110 --> 00:05:54,940
Dus ik ga terug naar subliem te gaan en zich richten op deze drie onderdelen hier en in het bijzonder deze twee.

70
00:05:55,320 --> 00:06:00,230
Ik weet dat ik een gebroken record op dit onderwerp, maar de syntax is niet het belangrijkste onderdeel.

71
00:06:00,270 --> 00:06:04,960
We zullen zo veel tijd doorbrengen op het daadwerkelijk schrijven van deze routes dat dat niet significant.

72
00:06:05,010 --> 00:06:15,450
Wat belangrijk is, is dat in deze eerste kleine brok deze code luistert naar een get verzoek daartoe krijgen slash slash.

73
00:06:15,720 --> 00:06:20,400
En als dat gebeurt, we zijn het renderen van een pagina naar huis geroepen.

74
00:06:20,400 --> 00:06:29,690
Dus nogmaals wanneer een get verzoek wordt gedaan naar localhost 3000 slash niets anders slash dan gaan we iets mee naar huis geroepen maken.

75
00:06:30,030 --> 00:06:32,660
En hier heb ik de file naar huis gebeld.

76
00:06:32,670 --> 00:06:34,560
Maakt niet uit wat de Ejay yess.

77
00:06:34,860 --> 00:06:38,360
En de binnenkant van het daar is een H1 dat homepage zegt.

78
00:06:38,430 --> 00:06:45,980
Dus laten we iets anders toe te voegen daar een paragraaf laag, net als dat en op te slaan.

79
00:06:46,720 --> 00:06:58,740
En nu wanneer zij een verzoek krijgen slechts een GET-verzoek naar slash krijg ik de inhoud van dat bestand naar huis gestuurd terug naar mij en om voor die veranderingen om te werken Ik heb eigenlijk mijn server opnieuw op te starten.

80
00:06:58,800 --> 00:07:07,590
Dus ik zal nu beginnen en kijk ik zal dit aan de kant te zetten voorbij en ik kom terug naar Chrome gaan halen mijn server er weer.

81
00:07:08,220 --> 00:07:11,730
Ik ga een GET-verzoek naar localhost 3000 te maken.

82
00:07:11,970 --> 00:07:16,380
Zoals je kunt zien vertelt het me een GET-verzoek werd gedaan om te snijden.

83
00:07:16,830 --> 00:07:19,530
En we hebben deze inhoud terug.

84
00:07:19,590 --> 00:07:26,480
Dus nogmaals onze code hier luistert voor krijgen we verzoeken slash en beslissen welk bestand terug te sturen.

85
00:07:26,490 --> 00:07:33,550
Nu hier is een andere, meer ingewikkelde versie van dat waar we luisteren naar een GET-verzoek naar honden slash.

86
00:07:33,930 --> 00:07:36,250
En dan is er nog een andere code die hier gebeurt.

87
00:07:36,390 --> 00:07:37,740
En ik lees net geplaatst.

88
00:07:37,740 --> 00:07:44,930
Alles wat hier gebeurt, is te krijgen alle honden uit de database, dus ik heb een aantal al in onze database.

89
00:07:45,190 --> 00:07:54,350
En dan is het volgende deel is renderen het bestand honden en we zullen gewoon laat het op dat voor nu.

90
00:07:54,390 --> 00:07:59,430
Dus krijgen we alle honden in de database en waardoor de honden bestand dat is hier.

91
00:07:59,710 --> 00:08:01,390
En deze ziet er een beetje anders.

92
00:08:01,410 --> 00:08:02,940
Het is niet alleen hem.

93
00:08:02,970 --> 00:08:05,740
We hebben een aantal rare dingen hier dat we niet eerder hebben gezien.

94
00:08:06,030 --> 00:08:14,230
Maar aan het eind van de dag wat er gebeurt is wanneer ik naar de honden onze app luistert voor een GET-verzoek naar honden slash slash.

95
00:08:14,340 --> 00:08:22,330
Wanneer het wordt men het haalt alle van de honden in de database en elk heeft een naam en of het ras en dan maakt het een beetje liggen voor een ieder.

96
00:08:22,470 --> 00:08:25,600
Dus elk van deze is een bondgenoot met een naam en een ras.

97
00:08:26,100 --> 00:08:38,740
Dus nogmaals hebben we twee routes slash als een GET-verzoek en slash honden als een GET-verzoek en krijgen we twee verschillende bestanden en een beetje logisch wanneer we naar honden versus toen we gewoon naar slash slash.

98
00:08:38,880 --> 00:08:41,910
Er is geen logica gebeurt er niets gebeurt met de database.

99
00:08:41,910 --> 00:08:44,530
Het is gewoon geeft ons een statische pagina.

100
00:08:44,880 --> 00:08:46,140
Maar dit is niet statisch.

101
00:08:46,260 --> 00:08:49,260
Dit hangt af van wat er gaat komen uit de database.

102
00:08:50,160 --> 00:08:56,830
Ga terug naar de server hier om onze code en ik zal een beetje te praten over deze lijn hier.

103
00:08:57,480 --> 00:09:02,910
Dus we het renderen van een pagina een sjabloon genaamd Dogs dat is wat er hier geschreven honden.

104
00:09:03,120 --> 00:09:23,890
Ja, maar we zijn het passeren van gegevens om deze template, omdat dit niet een bondgenoot hier dat Resti dash straathond zegt te hebben en het niet nog één daarna hebben in de template die zegt waarom het gouden dash zoals je kunt zien dat dat is wat we 're krijgen in de browser.

105
00:09:24,000 --> 00:09:26,160
Maar ons dossier leest geen van die hebben.

106
00:09:26,250 --> 00:09:27,810
En dat is wat het dynamisch maakt.

107
00:09:27,840 --> 00:09:32,970
Dit bestand kan verschillend zijn elke keer dat het draait, afhankelijk van wat er in de database.

108
00:09:32,970 --> 00:09:51,000
Dus wat we eigenlijk doen is een sjabloon of een patroon voor wat we willen dat er gebeurt, die voor iedere hond hond materiaal voor elk we willen een bondgenoot waar we heen gaan om de naam vet te maken of stevige scheut het ras net zo te definiëren platte tekst.

109
00:09:51,000 --> 00:10:02,610
Dus dat is hoe we eindigen met dit voor iedere hond in de database die wij zoeken we gaan lus door en maak een enkele bondgenoot met de naam vetgedrukt dash die niet broeden in het vet.

110
00:10:02,610 --> 00:10:03,780
Dus laat het daarbij.

111
00:10:03,780 --> 00:10:05,010
Laten we samenvatten nu.

112
00:10:05,160 --> 00:10:10,140
Dus hebben we onze code die de server maakt hier.

113
00:10:10,140 --> 00:10:13,820
Dit alles is de enige code die verantwoordelijk is voor het maken van onze server.

114
00:10:13,950 --> 00:10:16,190
We hebben een aantal zetten code maakt eigenlijk niet uit.

115
00:10:16,200 --> 00:10:18,820
Een database code niet veel ook niet uit.

116
00:10:18,840 --> 00:10:21,320
En dan zijn deze twee routes en die toe doen veel.

117
00:10:21,630 --> 00:10:30,180
Dus dit is hoe we andere code en verschillende bestanden te krijgen, afhankelijk van de door u zijn alles wat we vragen we een verzoek om slash als het krijgen aanvraag.

118
00:10:30,330 --> 00:10:38,280
We krijgen een file naar huis maken we een GET-verzoek naar honden slash en een beetje meer gebeurt achter de schermen.

119
00:10:38,430 --> 00:10:42,720
Het vindt alle honden in de database en maakt dat honden dienen.

120
00:10:42,930 --> 00:10:49,170
Maar het bestand honden dynamisch omdat het een heleboel honden en voor elk een.

121
00:10:49,170 --> 00:10:50,410
Het maakt een bondgenoot.

122
00:10:50,520 --> 00:10:55,230
Dus als we hadden 10.000 honden in de database zouden we eindigen met 10.000 bondgenoten.

123
00:10:55,920 --> 00:11:08,490
En het laatste punt dat ik wil maken is dat we hebben een tekstverwerker hier dat ik een terminal waar ik de server draait en dan ga ik in de browser en het bezoeken van die webpagina door het maken van een verzoek.

124
00:11:08,520 --> 00:11:10,370
Dat zijn de drie instrumenten die we nodig hebben.

125
00:11:10,410 --> 00:11:19,780
Dus die drie dingen de teksteditor waar we de code schrijven op terminal of ergens waar we de server kan beginnen en hebben het luisteren.

126
00:11:20,100 --> 00:11:24,420
En dan eindelijk een browser waar we kunnen eigenlijk gaan en verzoeken.

127
00:11:24,630 --> 00:11:34,540
Dus we hoeven niet naar een browser We konden postbode gebruiken, maar niemand gebruikt postbode om daadwerkelijk te communiceren met onze webpagina in de volgende paar video's wanneer we beginnen met het schrijven van onze eigen web-applicaties te gebruiken.

128
00:11:34,560 --> 00:11:36,780
We zullen deze drie dezelfde gereedschappen hebben.

129
00:11:36,960 --> 00:11:42,440
Dus we gaan een teksteditor een browser en een terminal of ergens om de server te draaien.