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

2
00:00:01,380 --> 00:00:04,380
因此，在這個視頻我們將專注於前端。

3
00:00:04,620 --> 00:00:12,530
我們要了解每個TMLC在JavaScript中評估了我們不會實際編寫任何代碼還高的水平，但我們將看到代碼的第一次。

4
00:00:13,140 --> 00:00:17,900
因此，有你們兩個想知道這是什麼是前端和後端之間不同的大事情。

5
00:00:18,040 --> 00:00:24,500
然後還要什麼H.M.S.之間的區別SS和Javascript以及他們各自的角色。

6
00:00:25,080 --> 00:00:28,740
因此，讓我們通過討論前端與bacot開始。

7
00:00:28,860 --> 00:00:35,610
所以，當我去你知道，讓我們說去給Facebook我打的Facebook科網我回車。

8
00:00:35,610 --> 00:00:51,050
如果你還記得回的視頻在網絡上是如何工作的，我創建一個HTP請求，要求Facebook的點com和去Facebook服務器或最終的Facebook然後決定哪些網頁給我送回去。

9
00:00:51,210 --> 00:01:03,790
因此，在Facebook的情況下，它需要弄清楚他們多少都喜歡什麼樣的故事什麼的朋友我的職位是什麼在我的所有設置高調畫面上所有屬於我的東西是什麼形象。

10
00:01:04,110 --> 00:01:10,870
然後將其發送給我送過來給我發^ h添elsea說，在JavaScript的瀏覽器顯示我。

11
00:01:11,370 --> 00:01:21,650
所以這裡有個圖表類型的只是解釋前，後端之間的區別在哪裡，我回來的，我在瀏覽器中看到的一切只是H.M.S.是。

12
00:01:21,720 --> 00:01:24,190
和JavaScript只是冰山的一角。

13
00:01:24,270 --> 00:01:28,910
但它是我的瀏覽器看到的是前端或者客戶端。

14
00:01:29,250 --> 00:01:31,960
它是由後端構成。

15
00:01:32,370 --> 00:01:34,360
其他一切一切發生的邏輯。

16
00:01:34,440 --> 00:01:42,000
搞清楚，如果我搞清楚誰是我的朋友是我有什麼什麼樣的照片我的帖子已經發布了他們有多少喜歡有我記錄下來。

17
00:01:42,000 --> 00:01:45,970
所有的來自後端或服務器側邏輯。

18
00:01:46,200 --> 00:01:48,000
所以，你可以看到有很多更在這裡。

19
00:01:48,030 --> 00:01:50,820
該技術是有一個在前端，這麼多的選擇有沒有。

20
00:01:50,850 --> 00:02:01,180
它總是HTML CSS和JavaScript你已經有了如Python pH值P紅寶石不同語言的JavaScript實際上這是我們將要使用什麼後端。

21
00:02:01,350 --> 00:02:06,570
有你有postgrads和蒙戈和沙發D.B和妙的不同的數據庫。

22
00:02:06,570 --> 00:02:09,320
Q井續集減重的有這麼多的選擇。

23
00:02:09,390 --> 00:02:11,010
所以這是一個有點嚇人。

24
00:02:11,040 --> 00:02:15,060
我們要肯定談了很多關於後端，當我們得到該單位。

25
00:02:15,060 --> 00:02:21,770
但是現在只記得後面到底是什麼構造轟融化，被發回的（C S）。

26
00:02:21,780 --> 00:02:27,200
因此，讓我們舉個例子這裡就是我在舊金山最喜歡的餐館叫懶懶熊。

27
00:02:27,390 --> 00:02:28,890
這裡的餐廳網頁。

28
00:02:29,100 --> 00:02:31,580
這頁是永遠不變的。

29
00:02:31,620 --> 00:02:32,810
我的意思是可以改變的。

30
00:02:32,820 --> 00:02:34,790
但為了它被改變。

31
00:02:34,920 --> 00:02:38,600
開發人員必須進入H.T.數量和手動更改。

32
00:02:38,610 --> 00:02:46,540
所以基本上我刷新頁面每次我得到相同的網頁我得到同樣的常見問題同我們聯繫頁面的時間。

33
00:02:46,580 --> 00:02:48,650
這不是一件壞事，但它並不需要改變。

34
00:02:48,660 --> 00:02:50,580
這只是一個餐廳的頁面。

35
00:02:50,610 --> 00:02:55,520
然而，對於懶熊Yelp的頁面是動態的。

36
00:02:55,530 --> 00:03:05,070
它不改變，因此新的審查是寫它會顯示在這裡每一次，讓我們在這種情況下，說我們評分5星的任何時間。

37
00:03:05,070 --> 00:03:06,590
我讀了審查。

38
00:03:07,170 --> 00:03:11,840
那麼你可能拒絕我的檢討，但如果我寫了檢討，將在這裡顯示。

39
00:03:11,880 --> 00:03:17,000
事情是動態的他們在任何時候發生的事情，所以我可以說，哦，這是一個有益的審查。

40
00:03:17,190 --> 00:03:18,700
這是一個有趣的審查。

41
00:03:19,140 --> 00:03:23,510
而且我已經添加了這些票數必須是存儲在數據庫中。

42
00:03:23,520 --> 00:03:27,060
有事情發生，我這種互動，它是持續的。

43
00:03:27,060 --> 00:03:32,010
所以，如果我現在刷新頁面，這是不同的差別不大。

44
00:03:32,100 --> 00:03:36,350
但是，儘管我不認為在此之前很有趣，現在它記住。

45
00:03:36,350 --> 00:03:37,740
我認為這很有趣。

46
00:03:37,740 --> 00:03:45,650
所以基本上問題是，當我去這個頁面我問這個，你阿雷爾Yelp的並不只是總發送回完全相同的。

47
00:03:45,840 --> 00:03:49,060
它會找出確定是登錄的用戶。

48
00:03:49,290 --> 00:03:52,600
如果是的話，我們希望把他的自畫像在這裡。

49
00:03:52,710 --> 00:03:53,980
他有投過票。

50
00:03:54,000 --> 00:03:54,470
是。

51
00:03:54,510 --> 00:03:57,990
OK，讓我們確保你知道我們正確地突出顯示。

52
00:03:58,000 --> 00:03:59,260
改變顏色。

53
00:03:59,310 --> 00:04:01,530
不要讓他再等等投票。

54
00:04:01,530 --> 00:04:05,420
然後，其構造他說elsea和Javascript並把它發送回來。

55
00:04:05,430 --> 00:04:10,150
因此，一個頁面，絕對是動態的另一個例子是谷歌新聞。

56
00:04:10,620 --> 00:04:17,780
每次我刷新我的意思是，幾乎每五分鐘有新的變化就在這裡無論是天氣在這裡NFL分數。

57
00:04:17,820 --> 00:04:19,260
我的意思是這些都是實時更新。

58
00:04:19,290 --> 00:04:23,190
也許這是新的故事出現的突發新聞什麼變化。

59
00:04:23,190 --> 00:04:25,590
每次都非常非常不同。

60
00:04:25,620 --> 00:04:28,840
然而，這是始終不變的。

61
00:04:29,130 --> 00:04:31,020
所以再次不同的是兩件事情。

62
00:04:31,020 --> 00:04:34,530
一個是靜態頁面與動態頁面。

63
00:04:34,530 --> 00:04:36,650
他們兩人都是網頁。

64
00:04:36,660 --> 00:04:39,920
他們兩人都是TMLCšš和Javascript回來。

65
00:04:40,110 --> 00:04:46,770
一個是要改變以關閉某種後端服務器端代碼什麼的。

66
00:04:47,340 --> 00:04:49,600
所以我也很喜歡餐廳的這個比喻。

67
00:04:49,740 --> 00:04:52,350
所以，如果你神奇地去你坐下的餐廳。

68
00:04:52,380 --> 00:05:01,060
比方說，你為了一塊牛排，當你下令牛排你正在做可以追溯到廚房為你準備好一切廚房的請求。

69
00:05:01,080 --> 00:05:02,350
這是排序的後端。

70
00:05:02,460 --> 00:05:05,710
它決定什麼成分得到多長時間煮。

71
00:05:05,970 --> 00:05:11,430
放在盤子裡，然後一個侍者一切都並帶來了您的餐桌。

72
00:05:11,430 --> 00:05:12,480
所以這是非常相似的。

73
00:05:12,480 --> 00:05:16,880
你讓一個請求，廚師或廚房是服務器。

74
00:05:17,070 --> 00:05:26,040
被炮製的一切烹調把它在一起，然後最終被送回你的表是您在客戶端冰山的這部分。

75
00:05:27,290 --> 00:05:29,840
所以，現在，讓我們打破了他的年齡三塊。

76
00:05:29,940 --> 00:05:31,610
在Javascript中說。

77
00:05:32,390 --> 00:05:35,310
所以，我們要進入每個這些組件的很多細節。

78
00:05:35,330 --> 00:05:39,420
有獨立的部分和單位，但HDMI會從那裡開始。

79
00:05:39,530 --> 00:05:43,760
代表基本上超文本標記語言。

80
00:05:43,760 --> 00:05:44,870
想像一下。

81
00:05:44,880 --> 00:05:47,900
這實際上是在互聯網發展初期發生了什麼。

82
00:05:47,960 --> 00:05:53,610
有發送信息和傳送文件沒有標準化的方式。

83
00:05:53,720 --> 00:06:01,510
所以最初你知道互聯網是用來發送大專院校，也可以作為一個軍事工具之間的通信。

84
00:06:01,520 --> 00:06:06,040
所以讓我們只說我想送一個我想發送給朋友。

85
00:06:06,560 --> 00:06:10,160
我需要說OK這是粗體。

86
00:06:10,250 --> 00:06:12,170
這些都是小要點。

87
00:06:12,260 --> 00:06:14,770
我有一些解決這個文字和報價。

88
00:06:14,770 --> 00:06:19,240
我需要一種方法來打破下來，並描述它發送給其他人。

89
00:06:19,580 --> 00:06:36,450
而解決方案是HMO所以HMO是它實際上是說我們要學習不說，這是瘋狂的方便最容易的事情，但它是在非常簡單的，我們只是描述了我們想要什麼，你寫的是你會得到什麼。

90
00:06:36,440 --> 00:06:39,800
所以HMO常被稱為網頁的名詞的。

91
00:06:39,810 --> 00:06:40,830
它的結構。

92
00:06:40,820 --> 00:06:50,570
有人說骨架基本上說把一個形象在這裡把子彈點這裡把標題放在這裡略小略低於標題。

93
00:06:50,570 --> 00:07:04,720
它可以讓你描述，另一方面頁面綜援的結構，這是我們如何描述一個網頁，我需要HVM如何利用自身的評估綜援並沒有真正做任何事情的風格。

94
00:07:04,740 --> 00:07:10,540
每一個網頁都有HMO一些網頁沒有對Cšš一些不具備的JavaScript。

95
00:07:10,540 --> 00:07:11,620
這不是強制性的。

96
00:07:11,700 --> 00:07:18,990
^ h蒂姆·L是所以Cšš級聯樣式表將學習正是這個名字來源於一點點。

97
00:07:19,010 --> 00:07:26,030
基本上它是現有的款式HMO所以你可以說這樣的話使所有這些要點綠色。

98
00:07:26,150 --> 00:07:32,980
舉頭圖像的黃色邊框給最後一個圖像一個巨大的粉色邊框通過它與破折號。

99
00:07:33,000 --> 00:07:44,000
它通常被認為是一個網頁的形容詞或者有些人會說，皮膚的H.T.男性骨架，這裡的最後一塊的JavaScript。

100
00:07:44,000 --> 00:07:49,170
JavaScript是可能是它絕對是最複雜的東西了這三個。

101
00:07:49,380 --> 00:07:52,940
這是我們怎麼加Bahjat和交互性的網頁。

102
00:07:53,210 --> 00:08:02,830
所以我們和Javascript我們可以做一個美觀的網站，但它不會做任何事情真的，我們可以做簡單的動畫，但我們可以從別的地方加載數據。

103
00:08:02,830 --> 00:08:13,650
你不能讓事情的互動，我們不能添加邏輯，或者與JavaScript的，我們可以使用一些我這裡的例子，或者，當用戶點擊負荷做一些數學變色遊戲。

104
00:08:13,640 --> 00:08:15,900
從Twitter的新數據獲得當前的天氣。

105
00:08:15,890 --> 00:08:17,640
目前NFL分數。

106
00:08:17,730 --> 00:08:26,230
如果h恬L是名詞ÇSS是形容詞則JavaScript是動詞在頁面上的操作。

107
00:08:26,330 --> 00:08:33,400
所以我有一個代碼，這一切都結束了很好，因此代碼筆是一個美妙的景象。

108
00:08:33,410 --> 00:08:39,460
我們不打算用了一大堆，但因為我們還沒有真正開始寫H-2 LCS他和Javascript。

109
00:08:39,620 --> 00:08:51,260
我將用這個作為一個例子，這是什麼做它可以讓你只寫在瀏覽器中簡單的頁面，所以我們不必使用文本行，我們只是把它寫在瀏覽器中，我可以跟你非常分享容易。

110
00:08:51,260 --> 00:08:54,900
我有三個部分^ h TMLC SS和Javascript。

111
00:08:54,980 --> 00:08:58,100
同樣的代碼本身是不是有什麼重要的位置。

112
00:08:58,130 --> 00:08:59,650
它是概念。

113
00:09:00,050 --> 00:09:06,710
因此，讓我們看看，我要真正擺脫我的C-S我們。

114
00:09:06,870 --> 00:09:11,280
我要擺脫我的工作，你會看到我們在剩下什麼。

115
00:09:11,270 --> 00:09:14,490
純黑色和白色的結構材料。

116
00:09:14,510 --> 00:09:24,270
我指定我的內容，所以這些都是我的話，我在包裝特定的結構元素的內容，以便在H1。

117
00:09:24,530 --> 00:09:26,530
而這同樣是這樣的一個時期。

118
00:09:26,580 --> 00:09:28,730
不要擔心特定的語法。

119
00:09:28,910 --> 00:09:32,920
我們已經領先這麼多的影片，打算進入細節，這些每一個。

120
00:09:33,050 --> 00:09:36,910
但基本上這是說讓大的文本就在這裡。

121
00:09:36,980 --> 00:09:47,510
這是說做一個清單，並使其上面寫著讓我一顆子彈點和另外一個，說讓我一顆子彈點，然後做一個按鈕，說讓我做一個按鈕，在這裡單獨的列表項。

122
00:09:47,540 --> 00:09:50,950
正如你所看到的等它自己，這只是結構。

123
00:09:50,960 --> 00:09:54,110
所以，現在讓我們去在或看我們回去。

124
00:09:54,120 --> 00:09:55,970
你可以看到我在做什麼我在這裡說。

125
00:09:56,120 --> 00:10:17,730
使H-1是這裡讓紫色的，所以我們可以改變這種狀況是綠色的，它變為綠色，我也說使按鈕有邊框有一個背景色和白色的文本顏色，所以我們可以改變這是綠色文本顏色。

126
00:10:17,780 --> 00:10:20,020
很難看到什麼改變綠色。

127
00:10:20,120 --> 00:10:31,610
我可以給它一個更大的邊框20像素，她可以看到有這麼有形容詞和最後一塊是我們的JavaScript。

128
00:10:31,970 --> 00:10:35,420
因此，沒有的JavaScript按鈕什麼都不做。

129
00:10:35,450 --> 00:10:41,180
現在我們所做的是寫的JavaScript，說當用戶點擊該按鈕。

130
00:10:41,340 --> 00:10:51,640
選擇一個隨機顏色，在這裡改變背景顏色到隨機顏色，這樣我可以點擊，我得到一個隨機的顏色。

131
00:10:52,460 --> 00:10:58,440
所以，如果我擺脫這個JavaScript的，我試圖一遍做什麼都不會發生，因為我沒有任何動詞。

132
00:10:58,430 --> 00:11:00,410
這只是名詞和添加劑。

133
00:11:00,450 --> 00:11:06,520
就在骨骼結構和皮膚之上一點點，因為我加入我的javascript中我可以添加的邏輯。

134
00:11:06,840 --> 00:11:08,300
所以，JavaScript的真的很重要。

135
00:11:08,370 --> 00:11:16,110
這不正是你會做最有可能在什麼真正的生產現場，但你將有可能一個遊戲，你可能使掃雷艇。

136
00:11:16,130 --> 00:11:19,800
這可能是Facebook的聊天，這可能是註冊一個網頁的形式。

137
00:11:19,860 --> 00:11:22,080
使用JavaScript，使之互動。

138
00:11:22,280 --> 00:11:25,510
所以，我再次鼓勵你玩上代碼筆。

139
00:11:25,640 --> 00:11:28,340
你要鏈接到這一點，並探討一點點。

140
00:11:28,350 --> 00:11:30,280
有沒有急於邊緣移動的下一個視頻。

141
00:11:30,290 --> 00:11:32,960
試著改變一些顏色，如果你想。

142
00:11:32,960 --> 00:11:34,590
試著改變一些這方面。

143
00:11:34,640 --> 00:11:36,190
不要專注於代碼。

144
00:11:36,290 --> 00:11:40,020
這只是好玩玩弄，但有沒有壓力，明白任何現象。

145
00:11:40,040 --> 00:11:46,060
除了什麼HDMI做什麼（C S）做什麼JavaScript並非常高的水平的概述。