1
00:00:00,200 --> 00:00:01,200
歡迎回來。

2
00:00:01,200 --> 00:00:04,380
所以，現在我們將與我們的寧靜路線其餘回暖。

3
00:00:04,470 --> 00:00:09,360
我們做了索引，我們休息了一下，以加入到語義你即頁眉和頁腳巴歇爾的。

4
00:00:09,360 --> 00:00:19,990
現在，我們要做新的創造，使這個視頻，當我點擊新帖子的結尾，我應該看到一個表格，然後我就可以去到表格出來，然後點擊提交。

5
00:00:20,010 --> 00:00:23,970
它會帶我回索引頁，我應該看到另一篇文章。

6
00:00:24,000 --> 00:00:25,210
所以，讓我們開始吧。

7
00:00:25,530 --> 00:00:30,710
我們需要做的第一件事是創建一個新的記憶作為表演形式，新途徑。

8
00:00:30,770 --> 00:00:37,110
這是一個GET請求斜線狗或斜線博客斜線新的它只是顯示一種形式。

9
00:00:37,380 --> 00:00:39,440
因此，讓我們開始吧。

10
00:00:40,590 --> 00:00:43,620
我們的索引後，我們會做到這一點，讓我們補充一點，在這裡。

11
00:00:43,650 --> 00:00:45,670
指數寫道。

12
00:00:45,960 --> 00:00:51,980
現在，讓我們做了新的路線，我會加入創建為好。

13
00:00:52,050 --> 00:01:00,730
所以，為了我們的新航線後，我得到斜線博客削減新和新它真的很簡單。

14
00:01:00,760 --> 00:01:06,790
這是最短的一個真正的，因為所有我們所要做的就是每次都呈現相同的形式。

15
00:01:06,930 --> 00:01:09,280
我們沒有在數據庫中查找任何東西。

16
00:01:09,450 --> 00:01:11,730
我們沒有任何數據發送到形式。

17
00:01:11,730 --> 00:01:16,490
所有我們需要做的是使新的。

18
00:01:17,190 --> 00:01:19,110
然後，我們需要做當然該文件。

19
00:01:19,110 --> 00:01:28,340
所以觸摸的觀點削減EJAY新是C-9次削減新。

20
00:01:29,100 --> 00:01:30,970
OK，讓我們從簡單的開始。

21
00:01:31,380 --> 00:01:34,150
我們大家在這裡使用一個小的語義UI。

22
00:01:34,200 --> 00:01:43,400
因此，我們會做一個div這個設備將是簡單的只是有一類UI主文本容器段。

23
00:01:43,400 --> 00:01:44,720
因此，有很多東西在那裡。

24
00:01:44,760 --> 00:01:46,270
我會打破它，一會兒就好了。

25
00:01:46,530 --> 00:01:58,520
然後，而不是它可以讓在頭添加要做到這一點，我們可以做一個UI巨大的頭，讓我們只是把這個新的日誌。

26
00:01:59,300 --> 00:02:02,310
如果我們看到這一點，我們就會知道我們成功了。

27
00:02:03,030 --> 00:02:04,180
因此，啟動應用程序了。

28
00:02:04,300 --> 00:02:07,760
哦，實際上我們需要包括我們的諧音太。

29
00:02:07,770 --> 00:02:11,980
否則，我們將看到一個差異，但我們不會，我們將不會看到任何的語義的風格。

30
00:02:12,150 --> 00:02:25,410
因此，我們需要我們的小號EJAY點包括削減在底部巴歇爾對保存斜線巴歇爾的斜線表頭同一直線上。

31
00:02:25,950 --> 00:02:29,830
刷新此頁面並轉到博客削減新。

32
00:02:30,840 --> 00:02:32,070
我們有兩個問題。

33
00:02:32,070 --> 00:02:34,550
第一個是一個間距的問題。

34
00:02:34,650 --> 00:02:37,540
我們可以解決這個問題很容易地但我們正在正確的模板。

35
00:02:37,800 --> 00:02:44,000
但是，我發現了一些有點古怪這是我們的圖標又回到是小的主頁上。

36
00:02:44,010 --> 00:02:47,170
這是此頁它的小大。

37
00:02:47,370 --> 00:02:51,760
我花了一段時間看這個作為一種雜草錯誤。

38
00:02:51,840 --> 00:02:52,490
我想到了。

39
00:02:52,500 --> 00:03:01,990
這真是令人沮喪的那些那些是拿出飄飛的地方不是在第一次非常明顯的，但我會帶您簡要我發現之一。

40
00:03:02,160 --> 00:03:04,320
你可以看到它在控制台中說。

41
00:03:04,320 --> 00:03:16,250
它加載失敗的樣式選擇輸出Cšš但它是尋找它下sashed博客斜線樣式表斜線的應用程序，（C S）S和這不是去哪裡找。

42
00:03:16,290 --> 00:03:25,030
所以，我看著我們在頭文件中設置了鏈接，我發現我忘了一個小的事情斜線。

43
00:03:25,080 --> 00:03:29,080
所以，如果你是新鮮的，現在你會看到，它找到它。

44
00:03:29,310 --> 00:03:31,680
而且我們也沒有在這裡得到一個錯誤。

45
00:03:31,680 --> 00:03:41,820
如果您在源標籤看了你可以看到，它不看裡面是什麼它是之前，現在看起來樣式表外的博客。

46
00:03:41,850 --> 00:03:44,990
現在，我們最終在並不大碼圖標。

47
00:03:45,390 --> 00:03:54,690
接下來，讓我們來解決，現在是重疊我們的內容的休息和修復，現在我們有一個樣式表設置這個幸運的是很容易的問題。

48
00:03:54,900 --> 00:04:01,590
所有我們需要做的就是增加一些餘量這個元素，這就是容器元素的頂部。

49
00:04:02,250 --> 00:04:04,520
我們所做的一切將是容器內。

50
00:04:04,710 --> 00:04:18,440
因此，我們將在我們的樣式表中選擇後評估和我們只是做容器，然後將所有我們想要做的是保證金頂部，而不是坐在像素數。

51
00:04:18,450 --> 00:04:23,280
我將讓你更經常看到它用E-M也正好。

52
00:04:23,280 --> 00:04:32,640
我們還沒有看到它太多，只是看到我們有另一個問題，就是我們檢查容器也是導航欄裡面。

53
00:04:32,640 --> 00:04:34,640
還記得我們有一個容器那裡。

54
00:04:34,830 --> 00:04:43,800
因此，我們只希望定位的東西是同樣的容器也都主要或容器段的或者比只是一般的容器以外的東西。

55
00:04:44,040 --> 00:04:46,060
所以這是另一個簡單的辦法。

56
00:04:46,170 --> 00:04:48,370
我們會回去只是做了我。

57
00:04:48,390 --> 00:04:49,520
因此，這意味著什麼。

58
00:04:49,520 --> 00:04:55,070
我這兩個類現在我們刷新和它看起來好多了。

59
00:04:55,100 --> 00:04:56,170
所以我們沒有惹它。

60
00:04:56,210 --> 00:05:02,930
這裡的導航裡面這個容器的邊緣。菜單我們剛剛打了這一個在這兒，現在的樣式。

61
00:05:02,930 --> 00:05:05,050
現在，讓我們的形式來工作。

62
00:05:05,150 --> 00:05:28,460
因此，而不是我們的新爸爸的是我們要形成我們的形式是有點像這樣的地方去削減它，如果你忘了，我們看一下我們寧靜的路線，你可以看到創建為閃存日誌狗一樣的指數為帖子。

63
00:05:29,120 --> 00:05:52,090
因此，這種形式需要去削減日誌，其中方法後，然後一個形式裡面你要幾個輸入第一個將只是類型等於文本就這樣和打字接近文本，並給它等於博客標題名稱然後一個佔位符，這等於冠軍。

64
00:05:52,850 --> 00:06:00,550
然後我們會複製該例外，而不是標題將做它的形象。

65
00:06:01,350 --> 00:06:19,940
這應該是檢討從坐在從一些視頻去POST請求，然後我們會做同樣的事情，我們稱之為身體，只是把它登錄後放在這裡作為佔位符的內容。

66
00:06:19,940 --> 00:06:35,680
好讓我們有做，那麼我們就需要一種方法來提交它，所以它會做輸入類型等於提交就這樣，然後保存並看看我們得到的。

67
00:06:35,770 --> 00:06:38,230
這是我們的形式不是真正的風格。

68
00:06:38,300 --> 00:06:39,600
我們很快就會到。

69
00:06:39,740 --> 00:06:46,820
但是，如果我們提出我們應該寫著不能發表削減博客錯誤，應該只是罰款。

70
00:06:47,060 --> 00:06:49,660
這是因為我們創建路由不存在。

71
00:06:50,150 --> 00:06:53,960
因此，讓我們做，現在削減狗一職。

72
00:06:54,110 --> 00:07:07,260
因此，而不是創建路徑下的評論實際上是的，我們會做一個應用程序後斜線博客或Colback。

73
00:07:07,700 --> 00:07:13,160
完善和這裡我們確實需要創建一個新的博客。

74
00:07:13,160 --> 00:07:22,710
因此，我們有兩個步驟創建博客，然後運行一個重定向，我們將重定向到索引現在。

75
00:07:23,780 --> 00:07:30,220
因此，要創造我們需要一個博客創建博客和第一件事就是數據。

76
00:07:30,230 --> 00:07:31,990
所以這是行不通的，只是還沒有。

77
00:07:32,060 --> 00:07:34,140
第二件事是回調。

78
00:07:34,580 --> 00:07:38,450
因此，我們的回調，我們可以開始我們有一個錯誤。

79
00:07:38,510 --> 00:07:55,600
然後如果可行，我們將有一個新的博客，我們正在通過從視頻記得崗位要求它的所有內在要求點體點和任何我們在我們在我們的表格形式命名的數據。

80
00:07:55,610 --> 00:07:58,890
一切都是一個博客，一個組，一起進去。

81
00:07:58,940 --> 00:08:05,120
所以，如果我們只要求了身體垃圾博客，它會自動有一個標題的形象和身體。

82
00:08:05,120 --> 00:08:10,530
我們給它要求它需要這些數據，創建一個新的博客，當它做了沉重的打擊八月的第一個參數。

83
00:08:10,530 --> 00:08:11,950
導致此回調。

84
00:08:12,140 --> 00:08:14,760
而我們做，如果錯誤我們的標準。

85
00:08:15,030 --> 00:08:35,870
讓我們做一個讓的，而不是有關記錄計數讓我們呈現新的形式再次否則我們會做一個蘇亞雷斯重定向削減日誌，我們應該看到新的博客出現在那裡。

86
00:08:36,020 --> 00:08:43,410
如果它的工作讓我們繼續這條評論，讓我們看看，如果我們給它一個鏡頭會發生什麼。

87
00:08:43,520 --> 00:08:44,660
因此，我們將保存。

88
00:08:44,870 --> 00:08:57,460
我們必須重新啟動服務器，一路走回到根使這個圖像URL的副本，只是讓我們有博客帖子的圖片或標題。

89
00:08:57,620 --> 00:09:00,230
這是我們在我們的博客文章的形象。

90
00:09:00,350 --> 00:09:03,740
提交和它的作品完美。

91
00:09:03,800 --> 00:09:12,020
而且你可以看到我們有一個標題的圖像很短的博客張貼的身體在我們的創建日期進行顯示。

92
00:09:12,170 --> 00:09:12,860
精彩。

93
00:09:13,010 --> 00:09:19,790
因此，要回顧一下所有這些新的路線和創造新的斜線是什麼型號的名稱是。

94
00:09:19,790 --> 00:09:24,910
狗在我們的例子實際上是削減的博客，你會得到的請求。

95
00:09:24,920 --> 00:09:32,580
它顯示的形式創建是Flash狗就像指數，除了它是一個POST請求。

96
00:09:32,600 --> 00:09:35,350
而這也正是新的形式將數據發送到。

97
00:09:35,430 --> 00:09:39,080
要添加到數據庫中創建新的狗然後重定向回。

98
00:09:39,080 --> 00:09:44,660
它沒有成為大多數時間它實際上表明您會在接下來的視頻中看到網頁的索引。

99
00:09:45,140 --> 00:09:47,550
讓我們快速樣式我們的應用程序。

100
00:09:47,580 --> 00:09:49,820
讓我們做的形式。

101
00:09:50,570 --> 00:10:10,070
因此，要使用，我們會做語義的第一件事就是給我們的表格類等於UI窗體，然後裡面的那個形式的這些輸入每一個將是一個div和DIV將有類等於領域。

102
00:10:10,550 --> 00:10:13,330
然後看看如何標註中，我們還沒有的。

103
00:10:13,730 --> 00:10:19,860
和第一個標籤將標題，然後我們就會把我們的標題，並把它在那裡。

104
00:10:20,390 --> 00:10:21,450
完善。

105
00:10:21,470 --> 00:10:24,630
然後我們會做這樣多做幾次。

106
00:10:24,770 --> 00:10:47,470
我們需要下列內容之一的形象改變標籤說圖像，然後一個改變我也想提出的是，而不是我們的博客形成這樣我想使它成為一個文本區域中輸入用戶可以在其中鍵入一些文字像一個實際的博客文章。

107
00:10:48,050 --> 00:11:06,560
而要解決這個問題，而不是使之成為一個輸入我們要在標籤中有一個div Chrisfield仍然和我們只是把它的博客內容，而是比這個輸入我們要添加一個文本區域的標籤，我們確實看到早期，但我們還沒有真正使用了。

108
00:11:06,830 --> 00:11:10,280
這是一個有點不同不是投入，我們仍然給它一個名字。

109
00:11:10,400 --> 00:11:24,830
所以還是博客的身體，然後我們保存，但因為它不是一個輸入它自己的指定標記，有開始和結束標記和它的行為方式略有不同，以及我們不給它一個文本類型。

110
00:11:24,830 --> 00:11:26,130
當我們添加它。

111
00:11:26,270 --> 00:11:30,650
所以我們會看到，在短短的時刻擺脫這一點，那麼我們將我們的樣式按鈕。

112
00:11:30,650 --> 00:11:32,540
我們來看看有什麼我們現在有。

113
00:11:32,740 --> 00:11:36,610
它看起來相當不錯，除了按鈕可以風格稍微更好。

114
00:11:36,790 --> 00:11:43,800
如果我拉起來的語義UI並轉到按鈕有語義的方式更多的按鈕比引導。

115
00:11:43,910 --> 00:11:51,780
因此，不同類型，而且各種顏色的基本按鈕，然後倒按鈕以及。

116
00:11:52,310 --> 00:12:04,890
所以挑選的這些，你喜歡一個，當你與最愛去讓我們做紫紫，如果你看看源代碼，所有你需要的是類等於你。

117
00:12:05,250 --> 00:12:07,950
顏色基本按鈕。

118
00:12:08,480 --> 00:12:12,780
雖然我這樣做，我會解釋為什麼它被稱為語義UI。

119
00:12:12,920 --> 00:12:44,590
其主要原因是，與引導，我們有這種奇怪的行話ETN ETN破折號LGBT和虛線默認實例，我不願意引導不是真的敲門，但那個思邁特創建是為了回應這種標記的地方，而不是原因我們可以有UI違背基本的按鈕，或者我可以做UI紫倒按鈕。

120
00:12:45,050 --> 00:12:46,820
所以，基本現在是罰款。

121
00:12:47,060 --> 00:12:48,050
而這一切，它需要。

122
00:12:48,050 --> 00:12:49,630
很簡單。

123
00:12:49,760 --> 00:12:51,530
這並不是說這是更少的字符。

124
00:12:51,560 --> 00:12:52,840
這不是被縮短。

125
00:12:53,030 --> 00:12:58,340
這是關於是有意義的，你可以很容易地看到這一點，明白它的意思。

126
00:12:58,340 --> 00:13:01,420
所以，如果我們現在回過頭來刷新。

127
00:13:01,690 --> 00:13:06,900
我有一個按鈕，如果我想讓它大的它真的很容易。

128
00:13:06,930 --> 00:13:09,050
我所要做的就是輸入大。

129
00:13:09,050 --> 00:13:16,910
所以我沒有做BT和衝Elgie只是大的刷新，我們得到一個更大的按鈕，這就是它。

130
00:13:16,910 --> 00:13:18,740
因此，讓我們再次測試它。

131
00:13:18,740 --> 00:13:26,770
我的意思是我用同樣的大膽據理力爭以及就讓我們稱之為我的新狗。

132
00:13:27,980 --> 00:13:32,350
更多博客聯繫提交，它工作正常。

133
00:13:32,420 --> 00:13:33,110
大。

134
00:13:33,110 --> 00:13:41,480
好吧所以我們已經介紹了，我們已經討論新的和create index和我向您展示的語義一點點你可能會在接下來的視頻形式和按鈕。