1
00:00:00,510 --> 00:00:00,920
Okee.

2
00:00:00,930 --> 00:00:04,560
Dus laten we beginnen door het inzetten van een heel eenvoudige toepassing.

3
00:00:04,560 --> 00:00:09,770
Nogmaals het is gewoon gaat om twee routes naar templates echt heel simpel zijn.

4
00:00:09,900 --> 00:00:12,710
Het eerste wat ik wil doen is gewoon dat de applicatie.

5
00:00:12,990 --> 00:00:14,790
Dus ik zal dat heel snel te doen.

6
00:00:14,790 --> 00:00:17,770
Ik maakte een nieuwe map met de naam implementatie van demo.

7
00:00:18,060 --> 00:00:21,670
Het eerste wat ik doe is NPM en.

8
00:00:22,740 --> 00:00:27,410
En ik ga gewoon om te gaan door de meeste van deze vrij snel.

9
00:00:27,570 --> 00:00:30,540
J.S. zoals mijn entry point.

10
00:00:31,460 --> 00:00:34,980
Anders, dat is alles wat we moeten doen.

11
00:00:34,980 --> 00:00:47,210
Het volgende ding dat ik zal doen is NPM installeren Express en u ook E.J. s dash dash slaan en dash dash.

12
00:00:47,220 --> 00:00:51,280
Save is vooral belangrijk op dit moment als we het inzetten.

13
00:00:51,390 --> 00:01:19,610
We willen ervoor zorgen dat ons pakket dat Jason ga je gang en open dat tot we willen ervoor zorgen dat het over alle van onze afhankelijkheden, want wat er gebeurt is dat we gaan onze code en onze pakket dat Jason dan sturen naar haar Roku gebruiken krijgen is eigenlijk hoe we het doen we gaan sturen naar Heroku servers en dan Heroku is gaan lopen NPM installeren en te installeren wat er in het pakket spullen Jason.

14
00:01:19,620 --> 00:01:28,660
Dus in dit geval Ejay ons en uiten Dus als we iets missen als we niet hebben geuit in dit pakket, dat Jason Heroku niet zou weten om het te installeren.

15
00:01:28,950 --> 00:01:35,670
Dus de sleutel is dat we eigenlijk niet meer dan verzendt het knooppunt modules directory.

16
00:01:35,670 --> 00:01:47,470
Dat gaat niet helemaal naar Roku, want er is geen reden om dat te doen, dat is een punt van NPM in plaats van het verzenden van deze gigantische files en de hele directory's de volledige module van Express.

17
00:01:47,580 --> 00:01:53,370
Alles wat we doen is sturen het pakket dat Jason dat de instructies of het recept we nodig hebben Versneld we het nodig hebben bevat.

18
00:01:53,370 --> 00:01:53,860
Ja.

19
00:01:53,910 --> 00:01:57,990
Soort van een boodschappenlijstje en dan Heroku zal gaan en te downloaden dat alles.

20
00:01:58,020 --> 00:02:00,230
Dus we willen gewoon om ervoor te zorgen dat alles is hier.

21
00:02:00,510 --> 00:02:07,170
In dit geval is het heel kort en eenvoudig, maar als we bij Yelp kamp willen we een grondige controle te doen om ervoor te zorgen dat alles is aanwezig.

22
00:02:07,260 --> 00:02:10,220
Als je iets vergeten het is niet het einde van de wereld.

23
00:02:10,260 --> 00:02:13,040
Ik zal je laten zien hoe dat te doen heb ik bewust zal breken.

24
00:02:13,170 --> 00:02:16,770
Zodra we zetten het kamp, ​​zodat u kunt zien hoe je het te repareren.

25
00:02:16,770 --> 00:02:25,710
Oké dus volgende wat ik wil doen is het maken van mijn app J J.S. en dan ga ik ook naar een van de directory te maken.

26
00:02:26,130 --> 00:02:31,890
En dan, terwijl ik hier laten we uitzicht slash en we zullen gewoon doen thuis vader E. J ..

27
00:02:31,910 --> 00:02:33,120
Ja.

28
00:02:33,420 --> 00:02:39,610
En de andere zal roepen daarover E.J. Ja.

29
00:02:40,050 --> 00:02:40,640
Grote.

30
00:02:40,800 --> 00:02:43,120
Dus gewoon twee keer bekeken.

31
00:02:43,170 --> 00:02:45,240
We zullen ze vullen met heel eenvoudige dingen.

32
00:02:45,240 --> 00:02:46,990
Dus wat we gaan weer in te zetten.

33
00:02:47,370 --> 00:02:51,740
Een toepassing met twee routes twee sjablonen die gaat gewoon afschuwelijk zijn.

34
00:02:51,740 --> 00:02:54,760
Knowsley beoordeelt alleen de absolute minimum.

35
00:02:55,170 --> 00:03:02,980
Maar je kon dit te nemen en je weet implementeren van een portfolio site of implementeren van een blog site of wat je ook doet, dat vereist geen Mongo backend.

36
00:03:03,360 --> 00:03:10,530
Dus laten we dit open te stellen en beginnen met hun app J ons en boven.

37
00:03:10,530 --> 00:03:24,070
Het eerste wat je wilt doen is zeggen uitdrukkelijke gelijken vereisen express en dan zullen we dat doen gelijken Express actief is die functie.

38
00:03:24,750 --> 00:03:38,570
Terwijl we hier zullen we zeggen dat in het begin oog motor ons Ejay en dan is alles wat we zouden moeten doen is nu te verklaren onze touwen.

39
00:03:38,670 --> 00:03:51,060
Dus laten we beginnen met apt gewoon de home page of de route route en we zullen gewoon een rust geven.

40
00:03:52,140 --> 00:04:04,370
En we zullen gewoon wat is onze template thuis roodstaart maken thuis, net als die hetzelfde zal doen, behalve voor klotsen over en zal resulteren maken.

41
00:04:04,380 --> 00:04:06,510
Ongeveer goed.

42
00:04:06,510 --> 00:04:10,060
Dus twee routes met twee verschillende templates.

43
00:04:10,170 --> 00:04:11,970
Nu moeten we in deze sjablonen in te vullen.

44
00:04:12,240 --> 00:04:20,390
Dus laten we eerst thuis en vul die uit.

45
00:04:20,610 --> 00:04:38,090
Dus ik ga gewoon een home page H-1 en we kunnen iets later toe te voegen, maar laten we beginnen met dat en doe hetzelfde voor ongeveer H-1 over Paige.

46
00:04:38,100 --> 00:04:38,650
Okee.

47
00:04:38,910 --> 00:04:40,630
Dus zullen we daar beginnen.

48
00:04:41,400 --> 00:04:48,300
En het laatste wat we nodig hebben voordat we kunnen beginnen met onze server is ons na te luisteren op het einde.

49
00:04:48,300 --> 00:04:55,150
Oke dus dit is onze super eenvoudig app moeten allemaal recensie van vrij vroeg op in de Express-gedeelte van deze cursus.

50
00:04:55,380 --> 00:04:57,020
Dus laten we ervoor zorgen dat dingen werken.

51
00:04:57,330 --> 00:04:59,180
Probeer lopend knooppunt apps.

52
00:04:59,280 --> 00:05:02,100
Ja.

53
00:05:03,390 --> 00:05:04,440
We hadden niet een boodschap uit.

54
00:05:04,440 --> 00:05:13,630
Dus het is gewoon aan het werk ziet er niet erg leuk of niet ons dat het werkt echt zeggen, maar het is dan laten we gaan en een voorbeeld van onze applicatie.

55
00:05:14,460 --> 00:05:19,640
Oop lijkt erop dat we hebben een klein probleem geen standaard motor is opgegeven zonder extensie werd verstrekt.

56
00:05:19,710 --> 00:05:21,250
Wat hebben we in het begin.

57
00:05:21,450 --> 00:05:22,500
View motor.

58
00:05:22,620 --> 00:05:24,840
En natuurlijk heb ik messed up dat.

59
00:05:24,990 --> 00:05:28,980
Het is niet de bedoeling dat een streepje hun visie ruimte motor zijn.

60
00:05:29,540 --> 00:05:29,780
Rechts.

61
00:05:29,790 --> 00:05:32,730
Dus laten we proberen dat nog een keer.

62
00:05:34,440 --> 00:05:39,090
Hopelijk sommigen van jullie gevangen die kunnen vernieuwen.

63
00:05:39,160 --> 00:05:44,280
U kunt ook snel Dit recht hier te openen in de browser.

64
00:05:44,610 --> 00:05:49,500
U kunt hier zien we onze applicatie denk dat we eigenlijk te ontdoen van dat alles.

65
00:05:49,500 --> 00:05:50,140
Daar gaan we.

66
00:05:50,340 --> 00:05:53,500
En als ik naar slash ongeveer krijg ik over de volgende pagina.

67
00:05:53,610 --> 00:05:57,330
Zo zijn twee super eenvoudige wraps en dat is alles wat we gaan doen.

68
00:05:57,330 --> 00:05:59,340
Misschien zullen we voegen in een link.

69
00:05:59,340 --> 00:06:08,620
Dus als we naar huis laten we toe te voegen in een anker tag A-Trak moet gewoon slash over zijn.

70
00:06:09,210 --> 00:06:18,480
Ga naar de Over pagina en dan zullen we dit terug te zetten of te kopiëren die naar de Over pagina en hebben een link naar alleen de route.

71
00:06:18,480 --> 00:06:21,110
Ga naar huis.

72
00:06:21,900 --> 00:06:22,680
OK.

73
00:06:23,310 --> 00:06:28,470
Dus laten we controleren of dat werkt.

74
00:06:28,470 --> 00:06:29,510
Ga naar de Over pagina.

75
00:06:29,550 --> 00:06:30,720
Ga naar huis.

76
00:06:30,750 --> 00:06:31,260
Grote.

77
00:06:31,500 --> 00:06:33,200
Dus hebben we twee routes.

78
00:06:33,570 --> 00:06:35,550
Onze applicatie wordt gedaan.

79
00:06:36,060 --> 00:06:37,910
Awesome toepassing recht.

80
00:06:37,950 --> 00:06:42,280
Dus ik zal dit stilgelegd hier geloven.

81
00:06:42,300 --> 00:06:43,350
Daar gaan we.

82
00:06:43,920 --> 00:06:47,400
En het volgende ding dat we doen is eigenlijk te werken aan de implementatie van dit.

83
00:06:47,520 --> 00:06:50,390
Dus zijn we klaar met de app zelf.

84
00:06:50,580 --> 00:07:00,400
Wederom niet spannend, maar het is het is precies hetzelfde idee als je een mooie goed vormgegeven applicatie of een super eenvoudig te route express app doet.