1
00:00:00,460 --> 00:00:07,010
那麼再來這段視頻，我們要開始上我們要為這門課程的其餘部分工作，對Yelp的應用陣營。

2
00:00:07,050 --> 00:00:09,280
我們將通過獲取基本的設置將開始。

3
00:00:09,280 --> 00:00:12,720
獲取快遞應用會和我們的第一個幾條路線和模板。

4
00:00:12,720 --> 00:00:19,890
但是，我們談談，我只是想在這裡解釋工作流程，以及如何在這之前將工作，因為我們不斷地增加不同的功能。

5
00:00:19,950 --> 00:00:25,370
我希望你能夠看到代碼在任何時間點，我不想讓你只看到最終的解決方案。

6
00:00:25,380 --> 00:00:28,370
那麼我現在要做的就是在不同的文件夾的工作。

7
00:00:28,470 --> 00:00:33,610
所以我有一個叫喊陣營目錄，然後，而不是Yelp的陣營，我要添加不同的版本。

8
00:00:33,720 --> 00:00:34,970
所以，你不必這樣做。

9
00:00:35,040 --> 00:00:40,710
您可以，如果你想跟著做出不同的版本，只是不斷地添加到一個版本的自己。

10
00:00:40,710 --> 00:00:52,580
我會一直指出我們是哪個版本上，但我們的目標是，如果你想讓它回頭看我2版和第3版你可以打開第2版和第3版的目錄，並比較它們之間添加了什麼。

11
00:00:52,960 --> 00:00:55,770
OK，現在這出的方式讓我們在這裡開始。

12
00:00:55,830 --> 00:01:05,050
我們現在要做的是建立在基本的應用程序將安裝Express和各是的，我們會得到views目錄去，然後我們將添加兩個不同的路線。

13
00:01:05,130 --> 00:01:09,660
因此，我們將有一個主頁基本上就像一個歡迎Yelp的陣營。

14
00:01:09,840 --> 00:01:11,750
下面是關於我們做什麼一個小的Blurb。

15
00:01:11,880 --> 00:01:12,750
這裡有一個註冊按鈕。

16
00:01:12,750 --> 00:01:15,760
下面是實際並不起作用，只是還沒有聯繫人鏈接。

17
00:01:15,840 --> 00:01:25,410
然後從那裡，我們要創建的露營地網頁，這將是我們的應用程序的主頁面，將列出所有在我們的數據庫中的露營地，我們沒有一個數據庫呢。

18
00:01:25,410 --> 00:01:31,930
所以它只是將是露營地的數組就像我們在那裡我們有朋友陣列中的朋友們的最後一個視頻一樣。

19
00:01:32,010 --> 00:01:39,530
很快，我們將遷移到新的數據庫，現在一個營地只會有兩種不同的信息。

20
00:01:39,840 --> 00:01:55,000
在課程的露營地年底將有10到15個不同的部分，但現在它就像鮭魚的小河或杜威點的名稱或任何我們的露營地的名稱，然後我們將有我們可以顯示圖像和圖像將只是奧爾湖

21
00:01:55,380 --> 00:01:56,460
因此，讓我們開始吧。

22
00:01:56,760 --> 00:02:04,110
我會通過運行它NPM開始，然後我們會打在此輸入並再次輸入。

23
00:02:04,380 --> 00:02:07,810
我們就稱之為凸輪V1。

24
00:02:08,640 --> 00:02:11,990
我會傾向於比如我的切入點。

25
00:02:12,480 --> 00:02:13,790
還有我們走。

26
00:02:14,060 --> 00:02:17,670
作者並回車。

27
00:02:17,700 --> 00:02:18,550
再來一次。

28
00:02:18,780 --> 00:02:19,300
好。

29
00:02:19,500 --> 00:02:23,920
現在讓我們運行NPM安裝Express和肯定。

30
00:02:23,940 --> 00:02:25,320
短跑衝刺保存。

31
00:02:25,410 --> 00:02:33,540
我沒有向你展示這個還沒有，但這是一個更簡單的方法，如果你想安裝一次你只是用空格分隔它們多個包。

32
00:02:35,820 --> 00:02:43,300
如果你看包存根賈森你可以看到它有SJS和快速。

33
00:02:44,160 --> 00:02:45,590
所以，現在讓我們來創建應用程序。

34
00:02:45,680 --> 00:03:00,700
是，打開和這裡裡面添加我們，你應該與現在要求快遞蠻舒服的基本明示進口。

35
00:03:01,050 --> 00:03:15,570
然後將應用程序變量等於正在執行快件功能，然後將跳了下去，做選擇退出聽這也應該是相當熟悉了現在的過程。

36
00:03:15,610 --> 00:03:34,510
伊恩六口的過程，EMV IP和回調，並在這裡，我會做一個領事日誌，上面寫著Yelp的訓練營開始。

37
00:03:35,100 --> 00:03:42,000
讓我們做的陣營服務器就這樣和保存。

38
00:03:42,320 --> 00:03:45,510
現在，讓我們回過頭來加入我們的目標網頁開始。

39
00:03:45,720 --> 00:03:49,210
而像大多數應用程序的登錄頁面是在正確的道路上。

40
00:03:49,440 --> 00:04:18,010
所以，我們只是要添加一個應用程序，獲得Flash，我們將只是一個開始鶇發送，以確保一切工作正常，我們將只發送此將很快登陸頁面並保存，然後我們將開始服務器確保我們得到的陣營服務器已經開始，然後我們回去只刷新我們的路線的道路。

41
00:04:18,300 --> 00:04:18,700
好。

42
00:04:18,720 --> 00:04:21,690
而我們得到這就是我們正在尋找的響應。

43
00:04:21,810 --> 00:04:36,680
現在，讓我們繼續前進，並建立我們的模板，所以我們需要做的新聞目錄，使目錄中的觀點和我們會讓叫做登陸我們每個人的意見，目錄內登陸的模板。

44
00:04:36,810 --> 00:04:39,080
是的，我們繼續。

45
00:04:39,240 --> 00:04:47,580
然後我們打開了使用斜線落地，我們將只是把一個很簡單的標記在了這裡。

46
00:04:47,580 --> 00:04:54,030
著陸頁，然後做在這裡我們可以把一個段落。

47
00:04:54,030 --> 00:04:56,340
歡迎來到奧普拉陣營。

48
00:04:56,340 --> 00:05:00,900
當然這都將改變，將由課程結束非常不同的風格。

49
00:05:01,110 --> 00:05:03,750
但現在我們只是想確保一切正常。

50
00:05:03,810 --> 00:05:05,110
然後讓我們回到APT。

51
00:05:05,120 --> 00:05:05,770
是。

52
00:05:06,030 --> 00:05:12,880
我們會做的第一件事就是改變這種做法，這是一個休息渲染著陸和我們離開了網點。

53
00:05:13,000 --> 00:05:13,560
是。

54
00:05:13,770 --> 00:05:23,490
要做到這一點，我需要在應用程序中設置視圖引擎添加要J.S ..

55
00:05:23,880 --> 00:05:25,100
然後，我們沒有寫。

56
00:05:25,120 --> 00:05:30,630
E.J.這裡，我們可以節省重新啟動服務器。

57
00:05:30,900 --> 00:05:35,770
詹姆斯刷新，我們得到我們的目標網頁模板。

58
00:05:36,180 --> 00:05:37,400
大。

59
00:05:37,410 --> 00:05:39,880
接下來我們營地的路線上的工作。

60
00:05:40,110 --> 00:05:50,910
因此，我們將有一個應用程序來獲得和你極光應該是斜線露營地，這應該顯示所有，我們有哪些現在我們沒有什麼的露營地。

61
00:05:51,030 --> 00:05:56,820
但是，我們會盡快處理請求和響應就這樣保存。

62
00:05:57,060 --> 00:06:02,760
然後，我們需要定義露營地陣列記得只會是一個數組暫時的。

63
00:06:02,750 --> 00:06:12,960
你會做下一個大的變化是增加了數據庫，並有我們的露營地，現在被保存到數據庫中它是一個數組，每個營地都有一個名字和圖像。

64
00:06:12,960 --> 00:06:14,350
所以它會是這樣的。

65
00:06:14,580 --> 00:06:19,840
或有一個數組，然後在陣列中的每一項是一個對象。

66
00:06:19,950 --> 00:06:37,520
而且每一個都有一個名字，然後讓我們只說名字是鮭魚溪的地方我去露營最近再圖像，然後將圖像的像HTP不管這GWW圖像網絡公司的網址。

67
00:06:37,560 --> 00:06:38,190
在那裡，我們走了。

68
00:06:38,490 --> 00:06:40,560
然後，我們就必須對這些陣列。

69
00:06:40,740 --> 00:06:45,570
因此，我們可能會在課程結束還有10種不同的露營地100。

70
00:06:45,690 --> 00:06:59,950
和他們每個人都有一個名字和一個圖像，然後最終他們將有東西經度和緯度等城市和國家地址容量季節性所有這些不同的屬性，但我們開始簡單的名字和形象。

71
00:07:00,600 --> 00:07:02,110
讓我們再回到阿普特是。

72
00:07:02,310 --> 00:07:11,900
而我們要做的是找到數組，我們可以通過只是在做它到這裡為止，我們叫它汽車旅遊者宿營它等於一個數組開始。

73
00:07:12,210 --> 00:07:19,660
然後數組中，只是格式化這個更好一點，因為我們去我們將有一些起動對象的數組中。

74
00:07:19,800 --> 00:07:25,590
而第一個將名字，我會只是塞蒙河去。

75
00:07:26,000 --> 00:07:30,210
你可以做任何事情了，將有形象，我會回來，並在圖像填充。

76
00:07:30,330 --> 00:07:44,580
再下一個會做到這一點彌補另一個網站，我們將稱之為格蘭特維爾山上就多了一個巡邏通話山羊乳房。

77
00:07:44,580 --> 00:07:45,110
好吧。

78
00:07:45,120 --> 00:07:48,960
所以三營地的三個截然不同虛構的名稱和圖像。

79
00:07:48,960 --> 00:07:53,540
實際上，我將使用一些有創意的公地的照片，這樣我不運行任何問題。

80
00:07:53,550 --> 00:07:58,920
這些都不會與任何，我實際上已經參觀了營地，但我只是要在這裡挑選一些圖像。

81
00:07:59,070 --> 00:08:01,540
讓我們與這一個開始。

82
00:08:01,690 --> 00:08:07,550
所以我打算將圖像複製或我就回去這裡，這將是山羊休息。

83
00:08:07,590 --> 00:08:08,340
為什麼不。

84
00:08:08,630 --> 00:08:13,160
然後我們再回去，我會在這裡藉此之一。

85
00:08:13,590 --> 00:08:17,800
複製他到RL，這將是鮭魚溪。

86
00:08:18,300 --> 00:08:21,630
然後，我們還需要一個和我只是藉此之一。

87
00:08:21,690 --> 00:08:26,180
當然，這是不是一個真正的營地，但在這裡，這是題外話。

88
00:08:26,340 --> 00:08:31,390
我鼓勵你在現實營地圖片，如果你願意使用真實姓名營地。

89
00:08:31,440 --> 00:08:42,660
如果沒有，如果你恨野營這是我想過，我也擔心這可能會疏遠一些人，但如果你恨野營我的猜測是可以理解的，你可以很容易地在改變這個應用程序到別的東西。

90
00:08:42,750 --> 00:08:55,990
一旦我們完成它，你可以把它變成一個事件應用程式當事人的申請餐廳點評網站類似的東西，但我建議你等到課程結束要做到這一點，這樣你就不會感到困惑與命名和不同的變量我們有。

91
00:08:56,190 --> 00:09:05,410
因此，營地今天的現在假貨露營地和節省確保我們在數組中的不同元素之間添加或逗號。

92
00:09:05,420 --> 00:09:15,170
在那裡，我們去，我們將通過渲染一個模板鶇渲染開始，它會被稱為露營地，我們不會經歷，只是還沒有來傳遞數據。

93
00:09:15,170 --> 00:09:18,170
我們只是要確保模板工作正常。

94
00:09:18,380 --> 00:09:29,370
現在，我們需要停止服務器觸摸一個新的文件視圖削減營地的UPS E.J.我們，然後我們就打開了。

95
00:09:31,370 --> 00:09:35,000
這就像在這裡我們將添加一個H1。

96
00:09:35,030 --> 00:09:52,850
這是營地頁並保存，讓我們確保我們可以看到，頁面的時候，我們啟動服務器最多可以刷新，讓我們去削減露營地和我們得到的。

97
00:09:52,850 --> 00:09:54,190
這就是露營地的頁面。

98
00:09:54,440 --> 00:09:57,430
雖然我們在這裡這將是很好添加一些閃爍。

99
00:09:57,470 --> 00:10:13,490
所以，我要添加一個鏈接到目標網頁，上面寫著查看所有的露營地做到這一點，需要到貸款模板，只是在底部上的一個錨標記在裁判屬性和ATF必須削減營地。

100
00:10:13,820 --> 00:10:26,610
而我只想說你所有的露營地和保存重啟露營地的服務器更新視圖現在把我們帶到營地頁面。

101
00:10:26,630 --> 00:10:52,690
好吧所以現在讓我們去，並確保我們通過我們的露營地傳遞數據到渲染調用的其餘部分，然後我們就可以遍歷所有的它，並顯示每個圖像，並在我們的模板每個名稱將要更新我們先從並增加在這裡的第二個參數是所有數據的對象，我們希望通過我們將在露營地傳遞的名義下露營地。

102
00:10:52,700 --> 00:10:57,220
所以請記住，這是我們傳遞的數據，這是我們想給它的名字。

103
00:10:57,320 --> 00:11:00,950
我們可以把這個事情我們想，但它經常可以看到他們的名字同樣的事情。

104
00:11:01,160 --> 00:11:11,770
因此，我們將立即保存，並返回到我們的模板，我們將通過剛剛做這個露營地開始，如果我們看到什麼它看起來就像物體對象。

105
00:11:11,810 --> 00:11:21,800
如果我們正確地完成它，然後我們知道，我們傳遞的數據通過重新啟動服務器或刷新里戈裡面三個對象的數組。

106
00:11:22,740 --> 00:11:26,840
所以，現在讓我們遍歷並顯示每個標題或每個名字和形象。

107
00:11:27,290 --> 00:11:32,020
所以我在這裡把這些括號，但我會擺脫等號的，我們會為每一個做一個。

108
00:11:32,150 --> 00:11:55,640
所以這將是為每個營地，然後在匿名函數傳遞回調，我們將稱之為營地，我們會打在此處輸入，然後我們需要回去，並確保我們在正確的EJAY閉幕我們補充括號，然後到這裡，我們需要我們每個人都附上這一點。

109
00:11:56,240 --> 00:11:56,880
好。

110
00:11:57,080 --> 00:12:02,850
因此，需要通過露營地循環，然後我們要為每一個我們就首先顯示名稱做。

111
00:12:03,080 --> 00:12:05,190
因此，我們將與盟友開始。

112
00:12:05,270 --> 00:12:05,890
為什麼不。

113
00:12:06,050 --> 00:12:14,700
而我們只是做我們E.J. s的等號，並都作出了一些空間，這是一個比較容易看到發生了什麼。

114
00:12:14,900 --> 00:12:18,190
我們只是要在Y營地內顯示。

115
00:12:18,340 --> 00:12:22,750
點名稱和保存所有的空間，出去了。

116
00:12:23,120 --> 00:12:28,460
現在，讓我們加載頁面，刷新此，我們得到三個營地的名稱。

117
00:12:28,460 --> 00:12:31,880
我想做的最後一件事是確保我們顯示圖像。

118
00:12:31,880 --> 00:12:40,290
因此，我們要回去了這裡，而不是一個盟友，讓我們改變這使我們對每個營地div標籤。

119
00:12:40,400 --> 00:12:44,390
而在div標籤將顯示一個小時。

120
00:12:44,390 --> 00:12:52,530
讓我們做一個4露營名稱，然後下面就會把圖像標記。

121
00:12:53,450 --> 00:13:09,160
我們需要做的是給圖像源和內部引號，而不是U形R L這樣不管你是ELAS打算從露營地把圖像，我們不能只是做露營地的形象。

122
00:13:09,200 --> 00:13:11,030
我們需要這些作為EJAY括號內。

123
00:13:11,330 --> 00:13:19,250
因此，我們必須這樣做是有點混亂，我的一些學生在第一個引號裡面，因為營地的形象已經是一個字符串。

124
00:13:19,700 --> 00:13:26,820
你可以在這裡看到，但請記住，當我們的時候，我們採取這種並將其添加到模板這些報價不與它一起走。

125
00:13:26,900 --> 00:13:28,350
它只是作為文本添加。

126
00:13:28,430 --> 00:13:33,800
因此，它看起來像什麼，我們需要周圍的引號此HTP冒號斜線。

127
00:13:33,980 --> 00:13:39,080
因此，我們必須確保我們添加引號就這樣裡面的埃賈茲標籤。

128
00:13:39,410 --> 00:13:39,770
好。

129
00:13:39,800 --> 00:13:45,800
於是我們想要做的是露營地圖像確保我們使用的圖像。

130
00:13:45,800 --> 00:13:46,540
在那裡，我們走了。

131
00:13:46,760 --> 00:13:54,670
我是A-G和我們這裡拼寫完全相同的方式，我會停下來重新啟動服務器。

132
00:13:54,980 --> 00:14:01,650
讓我們回過頭來刷新頁面，我們可以得到三個露營地的三幅圖像。

133
00:14:01,670 --> 00:14:02,300
好大。

134
00:14:02,300 --> 00:14:07,270
所以，這就是我想在這個視頻做的是讓我們設置兩條航線最多的基本結構。

135
00:14:07,280 --> 00:14:10,060
讓我們回到以確保我們所做的一切，我們所要做的事情。

136
00:14:10,340 --> 00:14:15,740
因此，在著陸頁是的，我們這樣做的，列出了所有露營營地頁面。

137
00:14:15,860 --> 00:14:19,390
我們也做了，每個營地都有一個名字和圖像。