Już Witamy z powrotem.
Więc mam kilka bardzo dobre wieści.
To w końcu czas, aby podjąć javascript i połączyć je z naszym H.M.S. oszacować.
Jest to zdecydowanie mój ulubiony urządzenia.
Moim ulubionym tematem uczyć się wszystkiego, że spędziłem moją naukę życia.
To naprawdę gdzie zaczyna JavaScript, żeby wypłat.
Więc robiliśmy kilka prostych aplikacji, aż do tego punktu.
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.
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ć.
Więc sposób, że robimy wszystko to dzięki technologii o nazwie DOM t o m to jest to.
Więc ta lekcja będzie służyć jako wprowadzenie do DOM porozmawiamy o kilku rzeczy w najbliższych kilku filmów.
Chcę zacząć od zdefiniowania czym DOM to, co te litery oznaczają.
Chcę, aby mieć dobre zrozumienie, dlaczego to jest ekscytujące.
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.
Więc zacznijmy.
Więc dlaczego należy dbać o to wszystko.
Otóż ​​istnieje wiele powodów.
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.
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.
Ów, jak wykonujemy stron internetowych interaktywne.
Jego, jak możemy dodać animacje.
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.
Chcę pokazać wam kilka stron internetowych.
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.
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.
To wszystko odbywa się z javascript, ale jest to jedna z tych rzeczy, które będziemy w stanie zrobić po kilku filmów.
Oczywiście, że nie będzie w stanie napisać backend, że Google ma tylko będziemy w stanie zrobić przednim końcu rzeczy tutaj.
Wszystkie HMO wszystkim powodzenie wszystkie te efekty, które można zobaczyć łatwo będzie zdolny do replikacji.
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.
A jak unoszą się nad kategorią widać otrzymuję ten podmenu, które pojawia się.
Więc to wszystko im javascript rzeczy są dodawane do strony nowych elementów w wieku go.
Są to prawdopodobnie elementy listy i znaczniki zakotwiczenia.
Są one dodawane do strony są ukryte i pokazane w kolorze zmienia się jak przejść nad rzeczami wiele interaktywności.
Więc następną rzeczą, że chcę pokazać to jeden z moich ulubionych.
Jest to strona internetowa o nazwie Atak pad.
Więc to jest trochę inna.
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.
SS w javascript więc bardzo polecam, aby iść do przodu i spróbować tego na własną rękę.
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.
Więc pozwól mi pokazać przykład.
Oto jeszcze jeden.
Więc można się zgubić gdzieś.
Więc ten podsumowuje rodzaju rzeczy, które możemy zrobić.
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.
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.
Więc mam nadzieję, że te przykłady dostał przynajmniej trochę podekscytowany wszystkie niesamowite rzeczy mamy zamiar nauczyć.