1
00:00:00,420 --> 00:00:01,690
Już Witamy z powrotem.

2
00:00:01,980 --> 00:00:03,600
Więc mam kilka bardzo dobre wieści.

3
00:00:03,600 --> 00:00:08,130
To w końcu czas, aby podjąć javascript i połączyć je z naszym H.M.S. oszacować.

4
00:00:08,250 --> 00:00:10,160
Jest to zdecydowanie mój ulubiony urządzenia.

5
00:00:10,170 --> 00:00:13,800
Moim ulubionym tematem uczyć się wszystkiego, że spędziłem moją naukę życia.

6
00:00:13,860 --> 00:00:16,180
To naprawdę gdzie zaczyna JavaScript, żeby wypłat.

7
00:00:16,200 --> 00:00:18,480
Więc robiliśmy kilka prostych aplikacji, aż do tego punktu.

8
00:00:18,540 --> 00:00:27,310
Proste do zrobienia za pomocą alertów i monity i wiem, że to nie jest bardzo ekscytujące, ale to wszystko się zmieni, ponieważ teraz mamy zamiar naprawdę wykorzystać moc JavaScript.

9
00:00:27,510 --> 00:00:48,830
I wtedy ta jednostka będziemy robić takie rzeczy jak dokonać interaktywne gry będziemy mieć rzeczywisty do listy czynienia z prawdziwym postaci z prawdziwych przycisków i pól i JavaScript za nim i animacji oraz wszelkiego rodzaju naprawdę ciekawych ciekawych rzeczy gdzie naprawdę można poczuć się jak się coś nie tylko trochę wiersza poleceń lub trochę javascript app konsoli, ale coś prawdziwego, że można dzielić.

10
00:00:48,840 --> 00:00:55,410
Więc sposób, że robimy wszystko to dzięki technologii o nazwie DOM t o m to jest to.

11
00:00:55,530 --> 00:01:01,090
Więc ta lekcja będzie służyć jako wprowadzenie do DOM porozmawiamy o kilku rzeczy w najbliższych kilku filmów.

12
00:01:01,140 --> 00:01:05,450
Chcę zacząć od zdefiniowania czym DOM to, co te litery oznaczają.

13
00:01:05,460 --> 00:01:08,300
Chcę, aby mieć dobre zrozumienie, dlaczego to jest ekscytujące.

14
00:01:08,310 --> 00:01:17,000
Mam zamiar pokazać wam kilka ciekawych aplikacji, które inni ludzie zbudowane przy użyciu tych rzeczy, które mamy zamiar nauczyć czym będziemy rozmawiać o tym, co ja nazywam select następnie zmieniać pracy.

15
00:01:17,250 --> 00:01:19,230
Więc zacznijmy.

16
00:01:19,230 --> 00:01:20,910
Więc dlaczego należy dbać o to wszystko.

17
00:01:21,000 --> 00:01:22,550
Otóż ​​istnieje wiele powodów.

18
00:01:22,680 --> 00:01:40,890
Praktycznie każda duża aplikacja internetowa tam teraz rzeczy, takich jak Twitter i Facebook, Instagram YouTube Gmail wszystkie używają mnóstwo javascript i większość czy Javascript jest interakcja z psem interakcji z każdej drużyny na zewnątrz i SS Więc interakcję z DOM zrobić rzeczy takie jak gry.

19
00:01:41,130 --> 00:01:50,780
Moglibyśmy zrobić Tic Tac Toe mogliśmy zrobić platformę gra jak Mario możemy wykorzystać go do zrobienia bardziej praktycznych rzeczy, jak rozwijane menu walidacji formularza.

20
00:01:50,980 --> 00:01:52,760
Ów, jak wykonujemy stron internetowych interaktywne.

21
00:01:52,770 --> 00:01:54,470
Jego, jak możemy dodać animacje.

22
00:01:54,600 --> 00:02:10,040
I ostatnia tutaj naprawdę podsumowuje to prawie każdy niesamowite miejsce kiedykolwiek choć tak naprawdę w ciągu ostatnich kilku lat wykorzystuje wiele javascript manipulować DOM jak już wspomniałem mam zamiar pokazać wam kilka przykładów zanim zaczniemy definiowania te określenia mówią o tym, co DOM jest jak to działa.

23
00:02:10,080 --> 00:02:11,870
Chcę pokazać wam kilka stron internetowych.

24
00:02:12,540 --> 00:02:20,910
Tak więc pierwszą z nich jest po prostu google i nie wiem, jak bardzo zwracać uwagę na to, ale kiedy zaczniesz szukać czegoś w Google, takich jak Halo.

25
00:02:21,000 --> 00:02:34,020
Zauważ, jak mam tę rzecz, która pojawia się w tym wszystkim jego Timo to jakiś div lub coś ów uderzenia i pokazane i jego zmianę podczas pisania rzeczy jak gdybym wpisać hello kitty uzyskać nowe wyniki.

26
00:02:34,020 --> 00:02:39,080
To wszystko odbywa się z javascript, ale jest to jedna z tych rzeczy, które będziemy w stanie zrobić po kilku filmów.

27
00:02:39,120 --> 00:02:43,770
Oczywiście, że nie będzie w stanie napisać backend, że Google ma tylko będziemy w stanie zrobić przednim końcu rzeczy tutaj.

28
00:02:43,770 --> 00:02:49,090
Wszystkie HMO wszystkim powodzenie wszystkie te efekty, które można zobaczyć łatwo będzie zdolny do replikacji.

29
00:02:49,110 --> 00:03:01,000
Więc następną rzeczą, że chcę, aby wyróżnić się na ciebie strona Tomiego nie ma tego przycisku Brough za kursy i po kliknięciu na nim uzyskać wysuwaną menu, które popycha wszystko na prawo i mam wszystkie te kategorie do wyboru.

30
00:03:01,290 --> 00:03:06,400
A jak unoszą się nad kategorią widać otrzymuję ten podmenu, które pojawia się.

31
00:03:06,660 --> 00:03:11,140
Więc to wszystko im javascript rzeczy są dodawane do strony nowych elementów w wieku go.

32
00:03:11,140 --> 00:03:13,230
Są to prawdopodobnie elementy listy i znaczniki zakotwiczenia.

33
00:03:13,350 --> 00:03:19,790
Są one dodawane do strony są ukryte i pokazane w kolorze zmienia się jak przejść nad rzeczami wiele interaktywności.

34
00:03:19,830 --> 00:03:22,430
Więc następną rzeczą, że chcę pokazać to jeden z moich ulubionych.

35
00:03:22,650 --> 00:03:24,560
Jest to strona internetowa o nazwie Atak pad.

36
00:03:24,780 --> 00:03:26,030
Więc to jest trochę inna.

37
00:03:26,100 --> 00:03:33,210
To naprawdę nie jest to aplikacja internetowa, która będzie używać, ale jest to naprawdę fajne zabawki i wielki tech demo, co można zrobić z H.T. mysz.

38
00:03:33,250 --> 00:03:37,940
SS w javascript więc bardzo polecam, aby iść do przodu i spróbować tego na własną rękę.

39
00:03:38,080 --> 00:03:48,810
Patta kranu dot com i muszę zrobić, to zacznij pisać na klawiaturze w każdym kluczu że nacisnąć odpowiada dźwięk, który odgrywa i chłodnym animacji, który gra.

40
00:03:48,900 --> 00:03:51,940
Więc pozwól mi pokazać przykład.

41
00:03:52,080 --> 00:03:54,100
Oto jeszcze jeden.

42
00:03:55,860 --> 00:04:02,230
Więc można się zgubić gdzieś.

43
00:04:03,510 --> 00:04:06,010
Więc ten podsumowuje rodzaju rzeczy, które możemy zrobić.

44
00:04:06,120 --> 00:04:19,710
Mamy interaktywność gdzie jestem naciśnięcie klawisza więc kod działa tylko po naciśnięciu konkretnego przycisku, a następnie, że kod jest nie tylko grać jak dźwięk ale także zmieniając co widzimy wizualnie.

45
00:04:19,710 --> 00:04:26,280
Więc to nie jest po prostu nieustannie zalogowaniu to nie tylko za pomocą alertów to faktycznie zmienia ekran CAME się w CSSA które widzimy.

46
00:04:26,700 --> 00:04:31,790
Więc mam nadzieję, że te przykłady dostał przynajmniej trochę podekscytowany wszystkie niesamowite rzeczy mamy zamiar nauczyć.