1
00:00:00,420 --> 00:00:01,690
已歡迎回來。

2
00:00:01,980 --> 00:00:03,600
所以，我有一些非常好的消息。

3
00:00:03,600 --> 00:00:08,130
這是最後一次我們採取javascript和我們H.M.S.結合起來評估。

4
00:00:08,250 --> 00:00:10,160
這是迄今為止我最喜歡的單位。

5
00:00:10,170 --> 00:00:13,800
我最喜歡的話題，教了，我已經花了我一生的教學的一切。

6
00:00:13,860 --> 00:00:16,180
這真是到JavaScript開始盈利。

7
00:00:16,200 --> 00:00:18,480
因此，我們一直在做一些簡單的應用程序，直到這一點。

8
00:00:18,540 --> 00:00:27,310
使用簡單警報和提示做名單，我知道這是不是很興奮，但是這一切將會因為我們即將要真正釋放的Javascript的力量來改變現在。

9
00:00:27,510 --> 00:00:48,830
然後，這個單位，我們要做的事情喜歡做互動遊戲，我們要做出真正的待辦事項清單與實際按鈕和複選框和Javascript背後和動畫和各種非常有趣的令人興奮的事情真正的形式在那裡你真的覺得你做的東西不只是一點點命令行或一些JavaScript控制台應用程序，但實際的東西，你可以分享。

10
00:00:48,840 --> 00:00:55,410
所以，我們做這一切的方式是通過一個叫DOM牛逼ØM感受是這項技術。

11
00:00:55,530 --> 00:01:01,090
所以，這個教訓是要作一個介紹的DOM要談談在未來幾年視頻的幾件事情。

12
00:01:01,140 --> 00:01:05,450
我想通過定義DOM就是這些字母代表什麼開始。

13
00:01:05,460 --> 00:01:08,300
我希望你有為什麼這是令人興奮的一個很好的了解。

14
00:01:08,310 --> 00:01:17,000
我要告訴你一些很酷的應用程序，其他人都用這個東西，我們要學習，然後我們要談談我所說的選擇操作，然後內置的工作流。

15
00:01:17,250 --> 00:01:19,230
所以，讓我們開始吧。

16
00:01:19,230 --> 00:01:20,910
那麼，為什麼你應該關心這一切。

17
00:01:21,000 --> 00:01:22,550
那麼有這麼多的理由。

18
00:01:22,680 --> 00:01:40,890
幾乎每一個大的web應用程序那裡現在的東西像Twitter和Facebook的Instagram的YouTube Gmail中都使用JavaScript的一噸大多數的JavaScript與狗互動與每個團隊交互出來的SS因此，我們與DOM交互做比如遊戲。

19
00:01:41,130 --> 00:01:50,780
我們可以讓井字我們可以作出一個平台像馬里奧遊戲，我們可以用它做像下拉菜單表單驗證更實用的東西。

20
00:01:50,980 --> 00:01:52,760
這就是我們如何使網頁互動。

21
00:01:52,770 --> 00:01:54,470
它怎麼可以添加動畫。

22
00:01:54,600 --> 00:02:10,040
這裡的最後一個真正概括起來非常以往雖然真的只是在過去的幾年裡採用了大量的JavaScript操作DOM我前面，我會第一個向你展示一些例子，我們開始定義之前提到的所有真棒網站這些術語談論DOM是它如何工作的。

23
00:02:10,080 --> 00:02:11,870
我想告訴你一些網站。

24
00:02:12,540 --> 00:02:20,910
因此，第一個是只是谷歌，我不知道你是多麼重視這個，但是當你開始搜索的東西在谷歌想暈。

25
00:02:21,000 --> 00:02:34,020
注意我是如何得到這似乎是這件事情所有的蒂莫，這是某種格或東西多數民眾贊成被擊中並顯示其改變，因為我型喜歡的東西，如果我輸入的Hello Kitty，我得到新的結果。

26
00:02:34,020 --> 00:02:39,080
這就是所有的JavaScript做，但這是，我們將能夠幾部影片後做什麼樣的事情。

27
00:02:39,120 --> 00:02:43,770
當然，我們不能寫，谷歌有後台，但我們能夠在這裡做前端的東西。

28
00:02:43,770 --> 00:02:49,090
所有HMO的所有的成功所有這些效果，你看到的將能夠輕鬆複製。

29
00:02:49,110 --> 00:03:01,000
所以，我要強調接下來的事情就是你托米的網站上有這個布拉夫的課程按鈕，當我點擊它，我出去的菜單，在向右推一切的幻燈片，我有所有這些類別的挑選。

30
00:03:01,290 --> 00:03:06,400
而作為一個懸停在一個類別您可以看到我得到彈出這個子菜單。

31
00:03:06,660 --> 00:03:11,140
所以這是JavaScript的東西被添加到頁面新他老化的元素全部。

32
00:03:11,140 --> 00:03:13,230
這些可能是列表項和錨標記。

33
00:03:13,350 --> 00:03:19,790
他們被添加到被隱藏的頁面和顏色顯示為滾動我在很多事情的互動正在發生變化。

34
00:03:19,830 --> 00:03:22,430
所以，我想表明，接下來的事情就是我的最愛之一。

35
00:03:22,650 --> 00:03:24,560
這是一個網站叫墊攻擊。

36
00:03:24,780 --> 00:03:26,030
所以這是一個有點不同。

37
00:03:26,100 --> 00:03:33,210
這不是真的，你會使用一個Web應用程序，但它是一個非常有趣的玩具和你可以做H.T.什麼是偉大的技術演示老鼠。

38
00:03:33,250 --> 00:03:37,940
SS在javascript中，所以我強烈建議你繼續前進，嘗試這個你自己的。

39
00:03:38,080 --> 00:03:48,810
帕塔水龍頭點com，我要做的就是開始在每一個我按對應於播放聲音，並且起到了酷動畫鍵打字我的鍵盤上。

40
00:03:48,900 --> 00:03:51,940
所以，讓我告訴你一個例子。

41
00:03:52,080 --> 00:03:54,100
這裡是另外一個。

42
00:03:55,860 --> 00:04:02,230
所以，你可以迷路的地方。

43
00:04:03,510 --> 00:04:06,010
因此，這總結了什麼樣的，我們可以做的事情。

44
00:04:06,120 --> 00:04:19,710
我們有互動，使代碼只運行當我按下某個鍵，然後該代碼不僅扮演的聲音，但它也正在改變我們所看到的視覺在那裡我按一個鍵。

45
00:04:19,710 --> 00:04:26,280
因此，它不只是不斷記錄它不只是使用警報它實際上改變的是在我們所看到的綜援出來的畫面。

46
00:04:26,700 --> 00:04:31,790
因此，希望這些例子給你至少有點興奮所有的東西真棒我們將要學習。