1
00:00:00,280 --> 00:00:02,750
OK，我們會回來在未來幾年視頻。

2
00:00:02,760 --> 00:00:06,620
我們將專注於創造的博客應用程序，我在過去的錄像顯示。

3
00:00:07,020 --> 00:00:08,220
而且它會採取一些視頻。

4
00:00:08,220 --> 00:00:13,920
我們打算走一條路線在時間，因為這些寧靜的路線是多麼重要在這第一個視頻。

5
00:00:13,920 --> 00:00:17,230
我們將專注於指數，然後我們才能走。

6
00:00:17,280 --> 00:00:20,280
專注於新創建並顯示編輯和更新。

7
00:00:20,340 --> 00:00:34,020
然後最後一個視頻破壞和創建應用程序，並在七條，我們最需要的加一起要介紹的語義UI這是另外一個框架在那裡類似於引導綜援和Javascript。

8
00:00:34,050 --> 00:00:37,890
所以，再一次在過去的幾年，我提到為什麼我真的只是我喜歡它的外觀。

9
00:00:37,890 --> 00:00:45,460
這是原因之一，但最重要的是我只是想你暴露在另一個框架，這樣就可以看到的東西的相似程度。

10
00:00:45,670 --> 00:00:54,030
你可能會你可能會想這是一個壞主意，我向您展示另一種框架，所有這些信息，但好消息轟炸你的是事情是如此的相似。

11
00:00:54,120 --> 00:01:01,940
當你看到兩三你開始看到他們只是有多少共同點，它確實是更多的他們的共同點比他們做的不同。

12
00:01:02,160 --> 00:01:06,590
那麼，為什麼語義但我們希望通過創建我們的應用程序啟動。

13
00:01:06,750 --> 00:01:09,700
所以我一個叫寧靜路由目錄內。

14
00:01:09,800 --> 00:01:13,040
如果你想跟著一起有一個解決方案已經存在。

15
00:01:13,140 --> 00:01:24,190
所以，如果你想引用隨意做的，如果你不想去通過創建的應用程序，如果你不想覆蓋索引中的新創造，因為你已經看到過你可以跳到。

16
00:01:24,480 --> 00:01:27,610
但我建議你去通過所有我的代碼沿線。

17
00:01:27,720 --> 00:01:29,560
我們得到這個下來這是非常重要的。

18
00:01:29,580 --> 00:01:32,340
這真是我們明確的應用程序的麵包和奶油。

19
00:01:32,900 --> 00:01:33,300
好。

20
00:01:33,360 --> 00:01:37,560
因此，我們將創造我們的應用程序，我會叫它的博客應用程序。

21
00:01:38,100 --> 00:01:54,930
其實我們稱之為寧靜的博客應用程序，然後CD，然後我們最喜歡的NPM，它實際上是我們的切入點。

22
00:01:54,960 --> 00:01:56,680
大。

23
00:01:57,550 --> 00:01:58,630
沒關係。

24
00:01:58,710 --> 00:01:59,270
好。

25
00:01:59,340 --> 00:02:09,610
現在讓我們來安裝一些事情，我們需要這麼NPM安裝，當然第一個是快遞，然後也將增加在貓鼬。

26
00:02:10,170 --> 00:02:12,840
雖然我們在這裡，我們會做身體解析器。

27
00:02:13,150 --> 00:02:27,200
所以，這三個破折號破折號保存記住，身體解析器是我們如何獲取數據的表格發送數據到請求體的形式，然後我們用肢體人解析請求主體。

28
00:02:27,540 --> 00:02:29,250
所以這將是下一個視頻。

29
00:02:29,250 --> 00:02:30,680
現在我們只是在做索引。

30
00:02:30,840 --> 00:02:34,060
因此，我們有一個設置，讓我們創建或者實際上是。

31
00:02:34,320 --> 00:03:02,240
現在，我們將打開設備並盡我們要求明示要求快遞文件的標準頂部，然後我們會做的應用等於Express和也將增加瓦迪在剛剛解析器，而我們在這裡是因為需要身體Dasch解析器。

32
00:03:02,550 --> 00:03:12,090
最後，我們會做貓鼬，我也喜歡打掃一下。

33
00:03:12,180 --> 00:03:14,710
我想用長度以及對它們進行排序。

34
00:03:14,820 --> 00:03:21,350
所以，我們最終得到的身體部位或第一，如果我們按照我的約定。

35
00:03:21,360 --> 00:03:25,800
但是，這並不重要，只是說沒有我不喜歡這樣做。

36
00:03:25,920 --> 00:03:32,470
身體部位，然後再接下來我們有貓鼬，然後表達，然後在。

37
00:03:33,240 --> 00:03:42,280
而這僅僅是按長度排隊起來，然後我們可以縮進東西，如果我們真的想，但是，所以我不會花太多時間做這個是不是這部影片的地步。

38
00:03:43,440 --> 00:03:45,330
OK所以我們現在做的。

39
00:03:45,360 --> 00:03:47,070
確保每一個分號。

40
00:03:47,100 --> 00:03:50,070
接下來，我們需要設置貓鼬。

41
00:03:50,070 --> 00:03:51,730
那麼，我們的博客模式。

42
00:03:51,760 --> 00:04:03,410
這將被稱為博客都會有一個標題，將有一個形象，你阿雷爾，然後我們將有我們只是把它的身體，這將是博客文字帖子的內容。

43
00:04:03,450 --> 00:04:12,650
所以標題圖像和身體，他們是所有字符串，也加入新的東西你還沒有看到它是如此的創建將是一個日期的日期。

44
00:04:12,960 --> 00:04:14,070
因此，它的問世在那。

45
00:04:14,250 --> 00:04:39,590
而在此之前，我們可以做任何我們需要配置貓鼬因此，我們需要我們的貓鼬連接，我們要連接到蒙戈迪維·科爾和斜線斜線本地主機削減我們的應用程序和我們的應用程序的名稱將被稱為寧靜的博客。

46
00:04:40,410 --> 00:04:42,410
並再次表示無所謂。

47
00:04:42,450 --> 00:04:44,040
我們的第一次創建。

48
00:04:44,130 --> 00:04:48,570
所以只要我們不改變未來它會永遠在第一時間連接到寧靜的步行路程。

49
00:04:48,570 --> 00:04:49,640
這將創建它。

50
00:04:50,320 --> 00:04:50,700
好。

51
00:04:50,700 --> 00:04:53,010
而只是讓我們沒有做到這一點以後。

52
00:04:53,100 --> 00:05:03,130
但是，建立了我們的數據集的視圖引擎是肯定的，我們還需要安裝。

53
00:05:03,720 --> 00:05:15,940
雖然我們等待去讓我們做一個應用程序使用快速靜態和公共目錄，這樣我們可以為我們的自定義樣式表。

54
00:05:16,050 --> 00:05:27,000
當我們到剛剛好的做法在任何明示應用程序的開始做，也將增加一個應用程序不使用身體解析器這是我們的身體解析器。

55
00:05:27,090 --> 00:05:42,710
你們都編碼真正延伸呼叫和真正的那種拗口，但可以將這些三線你可以從前期現有的應用程序複製為好。

56
00:05:43,290 --> 00:05:48,310
因此，我們有一個設置，然後在最下方，只是為了確保我們明確的應用程序工作正常。

57
00:05:48,510 --> 00:06:05,020
讓我們做選擇退出的教訓，我們有港口過程ENV點IP化進程的爸爸，並在回調理事會成人日誌服務器添加正在運行。

58
00:06:05,100 --> 00:06:06,130
好吧。

59
00:06:06,150 --> 00:06:08,260
讓我們來測試一下。

60
00:06:08,970 --> 00:06:09,900
沒問題。

61
00:06:09,900 --> 00:06:11,080
大。

62
00:06:11,130 --> 00:06:13,650
所以，現在，讓我們對貓鼬工作。

63
00:06:13,650 --> 00:06:15,810
因此，我們有貓鼬連接。

64
00:06:15,810 --> 00:06:18,920
現在，我們需要建立我們的模式和我們的模型。

65
00:06:19,140 --> 00:06:21,170
因此，我們將使用模式開始。

66
00:06:21,420 --> 00:06:38,100
我們只是做一個變種日誌模式等於新的貓鼬該模式這樣的，有它的標題，這是一個字符串，這是一個字符串機構，也是一個字符串的圖像。

67
00:06:38,100 --> 00:06:41,360
然後，我們有我們的數據調用涓涓創建。

68
00:06:42,120 --> 00:06:49,000
而我們所能做的也只是說，這是不是方便，因為我們必須手工指定的日期。

69
00:06:49,470 --> 00:06:51,870
我們不希望使用或實際輸入的日期。

70
00:06:51,870 --> 00:06:56,760
我們只是想取當前日期時，該用戶創建的帖子或創建的博客。

71
00:06:56,760 --> 00:07:01,080
只要抓住這個日期，所以我們可以設置一個默認值，新的東西。

72
00:07:01,590 --> 00:07:08,210
我們指定類型為日期，但後來我們也可以指定默認的日期點。

73
00:07:08,220 --> 00:07:11,680
現在，將工作就好了我們。

74
00:07:11,940 --> 00:07:17,160
這表示，建立應該是一個日期和現在有一個默認值數據。

75
00:07:17,340 --> 00:07:21,900
所以，我們也可以做同樣的事情圖像，如果我們想有一個默認的圖像。

76
00:07:21,900 --> 00:07:27,820
我們可以做字符串類型，然後默認值，如果用戶沒有輸入的圖像。

77
00:07:27,900 --> 00:07:37,620
我們可以像佔位符圖像和PEG或東西的字符串，但我們不會這麼做，但我們可以很容易地做到這一點，如果我們想。

78
00:07:38,410 --> 00:07:39,400
好。

79
00:07:40,170 --> 00:07:46,710
而在去年一個音符在這裡你會看到這個縮進有時會這樣。

80
00:07:46,710 --> 00:07:49,780
這只是一個對象，是因為它很短。

81
00:07:49,830 --> 00:07:50,970
我不打算這樣做。

82
00:07:51,000 --> 00:07:53,390
它佔用了太多空間或實際是。

83
00:07:53,470 --> 00:07:55,470
它是要被塞滿，因為它是。

84
00:07:55,500 --> 00:07:57,070
所以，我把它這樣。

85
00:07:57,640 --> 00:08:02,100
創建確定標題圖像體，然後進行下一步。

86
00:08:02,100 --> 00:08:05,390
獲得現在去掉這些是把它編譯成這種模式。

87
00:08:05,400 --> 00:08:15,480
到目前為止，博客等於貓鼬點模型log日誌架構。

88
00:08:15,480 --> 00:08:17,040
在那裡，我們走了。

89
00:08:17,250 --> 00:08:26,830
保存和我要在這裡評論說，只是說貓鼬的斜線模式配置補充。

90
00:08:27,070 --> 00:08:29,960
在這裡我只是會在這裡添加其他評論。

91
00:08:30,060 --> 00:08:37,470
這就是所謂的應用程序的配置，然後我們將在這裡評論路由添加。

92
00:08:37,680 --> 00:08:40,030
讓我們叫它休息雷克斯。

93
00:08:40,050 --> 00:08:45,570
因此，這是我們現在就去，並添加索引的路線或顯示航路新創建所有七個代表。

94
00:08:45,870 --> 00:08:48,550
是的這個文件將是一個有點混亂。

95
00:08:48,550 --> 00:08:54,060
我再次對這個破紀錄，但我們會很快分裂這一關成單獨的東西。

96
00:08:54,060 --> 00:09:02,640
我會告訴你我們如何能有一個模型的文件的多個模型文件，我們怎麼能有路徑的文件，我們可以有文件進行配置和中間件。

97
00:09:02,790 --> 00:09:05,450
不同的事情很多，但要保持它的簡單。

98
00:09:05,520 --> 00:09:10,440
早期我不想混淆你或我覺得很難看，如果有人不斷地切換文件。

99
00:09:10,440 --> 00:09:11,460
這是很難跟踪。

100
00:09:11,550 --> 00:09:12,570
因此，我們要做到這一點在一個文件中。

101
00:09:12,570 --> 00:09:15,950
但是，請記住這一點並不一定是最好的做法。

102
00:09:15,960 --> 00:09:20,240
如果這是一個非常大的應用程序，特別是如果我們有很多做這個工作的開發人員。

103
00:09:20,640 --> 00:09:23,020
所以現在我們開始了跤套。

104
00:09:23,070 --> 00:09:26,360
所以請記住，我們開始與索引名索引。

105
00:09:26,400 --> 00:09:33,450
這條道路應該是斜線博客作為一個GET請求，並應列出所有的博客。

106
00:09:33,450 --> 00:09:37,390
因此，讓我們做，現在才做，讓我們確保工作的事情。

107
00:09:37,680 --> 00:09:40,540
如果我跑我的應用程序沒有任何問題。

108
00:09:40,950 --> 00:09:46,650
而且，我們實際上做一個創造一個博客，所以我們有東西看。

109
00:09:46,650 --> 00:09:48,140
所以，我們會非常簡單。

110
00:09:48,380 --> 00:10:02,780
這個評論博客確實創造，然後我們希望有標題只是把它的測試博客形象，我會從這個網站採取的圖像和飛濺點com是一個很好的資源。

111
00:10:02,790 --> 00:10:08,520
我會告訴你在有一堆的自由免費的圖片，你可以做你想要與任何一個未來的視頻。

112
00:10:08,670 --> 00:10:22,080
因此它是要採取狗的這一個，複製在那裡，真的可以是任何你知道，我們只是想有一些測試，然後我們將有我們的身體和我們的身體也只是打個招呼。

113
00:10:22,320 --> 00:10:27,090
這是一個博客帖子，我們已經創建了空白。

114
00:10:27,140 --> 00:10:28,610
所有強姦。

115
00:10:28,950 --> 00:10:30,240
所以，就讓我們試試這個。

116
00:10:30,240 --> 00:10:36,910
我們不會做任何事情，只要回調我們姑且認為它工作，然後我們將在我們的蒙戈利弊考出來..

117
00:10:36,930 --> 00:10:39,260
所以，不要讓的運行該文件。

118
00:10:39,480 --> 00:10:42,050
什麼也沒有發生，或者它看起來像什麼都沒有發生。

119
00:10:42,180 --> 00:11:00,990
但是，如果你去滿谷，我們用得完整的日誌在，所以我們叫只是為了仔細檢查，然後我們做D-B點最多記錄發現我們有我們的第一個博客在那裡這是偉大的。

120
00:11:01,170 --> 00:11:02,520
所以這兩件事情給我們。

121
00:11:02,520 --> 00:11:12,310
其中它證明了我們的模式設置是否正確，而是一旦我們得到的指數會我們要確保我們有看到的東西，因為它應該列出所有的博客。

122
00:11:12,420 --> 00:11:18,540
如果我們沒有任何博客看到，這是一個有點給人留下深刻印象，我們將無法判斷它的工作原理。

123
00:11:18,540 --> 00:11:19,900
所以，我離開那裡了。

124
00:11:19,980 --> 00:11:21,680
現在，讓我們集中我們的路線。

125
00:11:21,710 --> 00:11:31,610
我的意思是要擺脫這個，我不希望創建一個新的博客，每一次我運行這個程序，尤其不能是同一個遍地雖然這狗真可愛。

126
00:11:31,620 --> 00:11:33,570
我們要做的是創建索引的路線。

127
00:11:33,930 --> 00:11:58,350
再次削減博客當你請求只是看起來像容易獲取斜線日誌在我們的標準請求響應回調添加，然後我們會做一個重新渲染，這將呈現模板將只被稱為指數EJAY點我們，我們不這需要EJAY是或只是索引。

128
00:11:58,410 --> 00:12:06,750
而這又是因為這條線在這裡，我們不需要那麼我們EJAY但我們需要的是一個叫做指數是一個名為views目錄模板。

129
00:12:07,170 --> 00:12:08,260
所以我們現在要做的。

130
00:12:08,340 --> 00:12:13,000
創建目錄的意見觸摸看法削減指標。

131
00:12:13,680 --> 00:12:16,460
而我也的確讓小失誤被索引。

132
00:12:16,500 --> 00:12:17,550
E.J.是。

133
00:12:17,550 --> 00:12:25,180
因此，對於一些做法或刪除的文件，我會刪除它，或者至少使用Flash索引，然後重新創建它。

134
00:12:25,320 --> 00:12:27,340
觸摸使用斜線指數點。

135
00:12:27,350 --> 00:12:28,380
E.J.是。

136
00:12:28,620 --> 00:12:38,060
然後打開它，我們剛剛開始這個簡單的H-1索引頁和保存。

137
00:12:38,510 --> 00:12:41,050
因此，讓我們看到，我們得到的索引頁。

138
00:12:41,190 --> 00:12:44,970
現在它不履行的索引頁功能。

139
00:12:44,970 --> 00:12:58,610
現在，如果我們去一個預覽，你可以從幾個方面我剛去的Web開發訓練營點com破折號與你教我，或者你可以去預覽預覽運行的應用程序的代碼點C9學會去。

140
00:12:58,620 --> 00:13:06,370
它會打開它，但在這裡，你可以點擊這個按鈕來看到它在你的瀏覽器或者，如果你喜歡它，你可以在這裡保留它。

141
00:13:06,810 --> 00:13:07,270
好。

142
00:13:07,440 --> 00:13:17,230
所以，我們在這裡得到一個錯誤，那是因為我們沒有一個路線的路線，所以我們需要削減日誌，我們得到我們的索引頁面的路線。

143
00:13:17,400 --> 00:13:25,950
這是傳統的路線頁面的主頁去的東西，你覺得reddit的或Facebook的索引。

144
00:13:25,950 --> 00:13:35,660
例如在Reddit上你到主頁，你看你看所有的帖子和照片，其他任何存在的指數都在Facebook上reddit的職位的指標。

145
00:13:35,670 --> 00:13:49,600
因此，讓我們做，現在獲得斜線功能請求響應後，我們將只是做一個紅尾鳥直接讀取削減博客。

146
00:13:50,130 --> 00:13:54,280
現在對於我們重新刷新。

147
00:13:54,300 --> 00:13:55,010
沒有什麼會改變。

148
00:13:55,020 --> 00:13:58,490
但是，如果我去削減我結束了在斜線博客為好。

149
00:13:58,880 --> 00:13:59,360
好。

150
00:13:59,370 --> 00:14:01,950
現在，我想在索引功能添加。

151
00:14:01,950 --> 00:14:06,140
因此，我們需要從數據庫中檢索所有的博客。

152
00:14:06,450 --> 00:14:14,590
所以這將是一個博客上找到的所有東西找到，然後我們有我們的回撥一個錯誤。

153
00:14:14,910 --> 00:14:25,700
然後我們的數據，我會打電話給博客，然後我們會做一個F錯誤，這只是來到該日誌。

154
00:14:26,160 --> 00:14:34,770
自從否則，我們將加入我們的紅尾鳥呈現指數只是我們不希望只是保持它這樣。

155
00:14:35,010 --> 00:14:38,170
我們要呈現的數據指標。

156
00:14:38,430 --> 00:14:47,100
因此，我們的數據將被我們稱之為博客以及等於博客。

157
00:14:47,550 --> 00:14:52,720
因此，我們傳遞數據即將從我們的杜普數據庫返回發現無論回來。

158
00:14:52,860 --> 00:14:56,030
我們再通過下名字的博客發送。

159
00:14:56,400 --> 00:15:01,860
是的，它是一個有點混亂，但是這是真的很漂亮的常規，看看它們有完全相同的名稱。

160
00:15:02,170 --> 00:15:07,490
OK所以現在讓我們去一個模板，並添加一些代碼。

161
00:15:07,500 --> 00:15:10,790
就讓我們來看看博客開始就這樣。

162
00:15:10,860 --> 00:15:12,800
確保它到達那裡。

163
00:15:12,990 --> 00:15:14,680
刷新頁面。

164
00:15:15,870 --> 00:15:17,240
我們感到我們的名單。

165
00:15:17,250 --> 00:15:20,200
這是一個博客網站的權利，但現在我們在這裡看到它。

166
00:15:20,250 --> 00:15:20,890
大。

167
00:15:21,060 --> 00:15:24,220
所以，現在讓我們來顯示它更好一點。

168
00:15:24,240 --> 00:15:40,230
我們不會做任何瘋狂，但我們需要做的是通過所有的博客循環，使博客為每個功能日誌，然後我們需要這個到這裡。

169
00:15:42,740 --> 00:15:50,650
然後到這裡，我們需要其他標記右括號每一個去，然後我們需要括號為好。

170
00:15:51,330 --> 00:15:55,530
而對於每一個我們會讓該div裡面的div。

171
00:15:55,770 --> 00:15:58,440
讓我們做一個H 2。

172
00:15:58,770 --> 00:16:02,410
這將是標題Lugg填入該標題。

173
00:16:02,760 --> 00:16:07,730
還記得我們需要等號存在，但不是每個或支架。

174
00:16:07,860 --> 00:16:16,450
然後會顯示一個圖像和源等於埃賈茲支架。

175
00:16:16,630 --> 00:16:21,420
拉加特形象，我忘了提及這一點。

176
00:16:21,480 --> 00:16:33,740
如果您在創建看看你可以看到，我們在這裡被自動為我們，因為我們說，它作為默認值，這樣我們就可以顯示剛才下面的圖片創造了這個漂亮的瘋狂日期和時間。

177
00:16:33,850 --> 00:16:50,100
只要做一個跨度，現在有拉加特創建，然後我們當然需要我們的博客文章本身，這將是一個段落是身體。

178
00:16:50,100 --> 00:16:50,520
好吧。

179
00:16:50,520 --> 00:16:52,500
很多內容在那裡。

180
00:16:52,980 --> 00:16:57,860
刷新頁面，你可以看到我們的第一次後我就在這裡。

181
00:16:58,200 --> 00:17:00,430
你只需要相信這是工作現在。

182
00:17:00,630 --> 00:17:02,120
是的，它向我們展示之一。

183
00:17:02,130 --> 00:17:07,790
從技術上講，我們不知道，如果它顯示我們所有的人都沒有，因為我們只有在未來的視頻數據庫之一。