1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON Buchholtz-AU: Dobrze wszyscy. 3 00:00:12,340 --> 00:00:13,520 Witamy z powrotem do sekcji. 4 00:00:13,520 --> 00:00:15,315 Jest to nasz przedostatni odcinek. 5 00:00:15,315 --> 00:00:16,542 To takie smutne. 6 00:00:16,542 --> 00:00:19,500 Nie wiem, co mam zamiar zrobić nie widząc was w każdy poniedziałek. 7 00:00:19,500 --> 00:00:20,970 Myślę, że powinniśmy just-- Może moglibyśmy po prostu 8 00:00:20,970 --> 00:00:22,710 tu spotkać i zjeść kolację czy coś. 9 00:00:22,710 --> 00:00:23,270 Nie wiem. 10 00:00:23,270 --> 00:00:24,370 Przyniosę jedzenie zamiast. 11 00:00:24,370 --> 00:00:26,290 Będziemy po prostu porozmawiać. 12 00:00:26,290 --> 00:00:29,900 Ale tak, w przyszłym tygodniu będzie ostatni odcinek. 13 00:00:29,900 --> 00:00:32,390 >> W tym pamiętać, masz quiz w przyszłym tygodniu. 14 00:00:32,390 --> 00:00:35,660 Wiem, że zapomniałem zrobić mój, jak, dwa tygodnie wyprzedzeniem w zeszłym tygodniu, 15 00:00:35,660 --> 00:00:39,140 ale miejmy nadzieję, że chłopaki Wiedziałem, że to nadchodzi. 16 00:00:39,140 --> 00:00:42,880 Mam nadzieję, że jest to jeden z ostatnich midterms dla was za semestr. 17 00:00:42,880 --> 00:00:46,950 Ale to będzie obejmować wszystkie Materiał, że posunęliśmy się. 18 00:00:46,950 --> 00:00:50,811 Więc to nie jest tak, jak można po prostu zapomnieć o cztery pętle lub zmienne. 19 00:00:50,811 --> 00:00:52,560 Ponieważ dowiedzieliśmy się, te na początku 20 00:00:52,560 --> 00:00:55,870 te są oczywiście uczciwa gra dla quizu. 21 00:00:55,870 --> 00:01:00,150 >> To będzie ten sam format, sam Długość, więc was już są do tego przyzwyczajeni. 22 00:01:00,150 --> 00:01:02,330 Nie będzie kodowania problemy ręcznie, 23 00:01:02,330 --> 00:01:06,270 może jakaś prawda, fałsz, może jakaś krótka odpowiedź. 24 00:01:06,270 --> 00:01:08,090 Tak powinno być zapoznanie się z formatem, 25 00:01:08,090 --> 00:01:10,940 zwłaszcza jeśli wziąć testy praktyczne. 26 00:01:10,940 --> 00:01:13,950 Ale tak jak mówię tutaj, że to skumulowany, ale jesteśmy na pewno 27 00:01:13,950 --> 00:01:17,410 będzie skupienie się na rzeczy z dalszego tygodniu sześć. 28 00:01:17,410 --> 00:01:24,050 Tak, jesteśmy prawdopodobnie nie będzie zapytać o ile bajtów 29 00:01:24,050 --> 00:01:26,180 są w każdym rodzaju lub te różne rzeczy, 30 00:01:26,180 --> 00:01:29,730 ale pewnie będzie zainteresowany rzeczy jak połączonych listach, 31 00:01:29,730 --> 00:01:32,750 lub różnych struktur danych, lub różne algorytmy 32 00:01:32,750 --> 00:01:33,960 że rozmawialiśmy o. 33 00:01:33,960 --> 00:01:38,990 Więc upewnij się, że jesteś naprawdę się na tych, a jeśli 34 00:01:38,990 --> 00:01:41,590 potrzebuje żadnych środków, tutaj jest wiele zasobów. 35 00:01:41,590 --> 00:01:44,790 Dałem wam rodzaju z szybkiej listy tam. 36 00:01:44,790 --> 00:01:48,330 >> W przyszłym tygodniu będzie quizu przeglądu w tym czasie. 37 00:01:48,330 --> 00:01:52,290 Więc jeśli masz jakiekolwiek pytania lub określone tematy, 38 00:01:52,290 --> 00:01:56,180 konkretne rzeczy w quizie, który chcesz przejść, proszę 39 00:01:56,180 --> 00:02:01,780 wysłać je do mnie z wyprzedzeniem, więc mogę rodzaj przygotować jakiś materiał do tego. 40 00:02:01,780 --> 00:02:06,310 I oprócz tego Przegląd sekcji, my będziemy 41 00:02:06,310 --> 00:02:09,616 również trzyma całego kursu opisz jak my ostatnio. 42 00:02:09,616 --> 00:02:11,490 I to będzie wykonywane przez tych samych ludzi. 43 00:02:11,490 --> 00:02:13,030 Nie wiem, czy to sprawia, że ​​lepiej lub gorzej, 44 00:02:13,030 --> 00:02:15,670 ale to będzie mnie, Hannah, Davan i Gabe ponownie. 45 00:02:15,670 --> 00:02:18,630 Więc jeśli chcesz przyjść zobaczyć nas wszystkich ze sobą przekomarzanie 46 00:02:18,630 --> 00:02:21,270 i przejść przez quizu ocena, należy zdecydowanie 47 00:02:21,270 --> 00:02:22,600 dojść do tego następnego poniedziałku również. 48 00:02:22,600 --> 00:02:26,210 Więc po prostu masz poniedziałek dżem pakowane recenzji quizu, co jest dobre 49 00:02:26,210 --> 00:02:29,840 bo wtedy trzeba Wtorek na przetwarzanie przez wszystko. 50 00:02:29,840 --> 00:02:32,230 >> Ale na pewno to sprawdzić z tych środków. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net jest zdecydowanie, ja uważają, jeden najbardziej użyteczne 52 00:02:36,030 --> 00:02:37,990 przede wszystkim dlatego, że posiada Wiele przykładowy kod, 53 00:02:37,990 --> 00:02:40,490 ma wszystkie punkty zasilania ze wszystkimi uwagami na jej temat, 54 00:02:40,490 --> 00:02:44,510 które są naprawdę, co rysuję najbardziej z moich materiałów odcinku od. 55 00:02:44,510 --> 00:02:47,480 Jeśli jest coś, w ostatnich sekcje, które mogą Wysłałem 56 00:02:47,480 --> 00:02:49,920 że nie może mieć zdobyć, po prostu daj mi znać. 57 00:02:49,920 --> 00:02:52,520 Podobnie jak w ubiegłym tygodniu przykładowy kod, jeśli ktoś nie dostał, że 58 00:02:52,520 --> 00:02:55,930 po prostu napisz do mnie lub przyjść ze mną rozmawiać, a ja upewnij się, że masz to. 59 00:02:55,930 --> 00:03:02,000 >> Więc z tym, dziś mamy zamiar będzie mówić o JavaScript. 60 00:03:02,000 --> 00:03:04,690 Mamy tu więc Tommy, kim jestem tylko mówić do ciebie w nocy. 61 00:03:04,690 --> 00:03:06,670 Uwielbiam Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript jest jego ulubiona język, jak mówi tutaj. 63 00:03:09,040 --> 00:03:14,050 Spróbują i powiedzieć, że jest to nie najlepsze, i będą się mylić. 64 00:03:14,050 --> 00:03:16,510 Więc Tommy jest mistrzem JavaScript. 65 00:03:16,510 --> 00:03:19,850 Nie jestem w jego poziom, ale ja na to: 66 00:03:19,850 --> 00:03:22,900 "Tommy, jak mogę nauczyć te dzieci JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Więc mam kilka wskazówek, więc miejmy nadzieję, że wyszło. 68 00:03:26,700 --> 00:03:31,140 >> Tak więc kilka rzeczy wiedzieć jest to, że JavaScript jest skryptów po stronie klienta 69 00:03:31,140 --> 00:03:35,560 język, więc podczas gdy PHP jest coś że za bardziej po stronie serwera, 70 00:03:35,560 --> 00:03:39,280 było przesłać do serwera, opracowany i wykonany tam. 71 00:03:39,280 --> 00:03:42,871 Ten jest wykonywane na własnym komputerze. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Więc załadować jakąś stronę JavaScript, i wykonuje na komputerze. 74 00:03:46,960 --> 00:03:49,910 Składnia jest bardzo podobna do C i PHP. 75 00:03:49,910 --> 00:03:52,490 Mamy zamiar przejść przez kilka przykładów JavaScript, 76 00:03:52,490 --> 00:03:56,740 i masz zamiar zobaczyć, że sposób mówimy o zmiennych, pętle, 77 00:03:56,740 --> 00:03:58,910 i warunki są bardzo podobne. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Fakt, że są one tak podobne, jest prawdopodobnie będzie do wyłączenia niektórych z was 80 00:04:04,490 --> 00:04:08,529 w górę, w niektórych przypadkach, tylko dlatego musisz włączyć trochę C 81 00:04:08,529 --> 00:04:09,570 w których nie należy. 82 00:04:09,570 --> 00:04:14,130 Może spróbuj i wpisz coś kiedy nie należy pisać. 83 00:04:14,130 --> 00:04:16,540 >> I na tym, jedna rzecz wiedzieć, jest to, że JavaScript 84 00:04:16,540 --> 00:04:19,360 jest dynamicznie wpisane języka, takich jak PHP. 85 00:04:19,360 --> 00:04:21,410 Więc jeśli faceci pamiętam z sekcji w zeszłym tygodniu, 86 00:04:21,410 --> 00:04:23,680 kiedy byliśmy rodzaj robi Crash Course nasz PHP, 87 00:04:23,680 --> 00:04:28,860 widzieliśmy, jak jeden łańcuch może być zamienił się w jednym int, i tak dalej. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Typ zmiennych są ustalane w czasie wykonywania, 90 00:04:34,850 --> 00:04:38,180 więc mogą one się zmieniać w Przebieg programu, 91 00:04:38,180 --> 00:04:43,109 w ten sam sposób, że nigdy Naprawdę zadeklarować typy zmiennych PHP, 92 00:04:43,109 --> 00:04:45,900 będziemy robić to samo co tu, gdzie my naprawdę nie jesteśmy 93 00:04:45,900 --> 00:04:49,740 do zwalczania rodzajów naszych zmiennych że tak powiem, jak my w C. 94 00:04:49,740 --> 00:04:52,200 >> I wtedy jedna rzecz że jest całkiem fajny jest 95 00:04:52,200 --> 00:04:54,090 że można błędu sprawdzić za pomocą konsoli, 96 00:04:54,090 --> 00:04:57,240 z tym wielkim funkcji console.log, które 97 00:04:57,240 --> 00:05:00,930 pozwala wydrukować różne zmienne lub obiektów, które my będziemy 98 00:05:00,930 --> 00:05:01,750 rozmawiać. 99 00:05:01,750 --> 00:05:05,720 Podobnie jak w zeszłym tygodniu, kiedy byłem jak "używać tej funkcji," z wysypiska 100 00:05:05,720 --> 00:05:10,490 z pset Funkcja ta jest chcesz używać, console.log. 101 00:05:10,490 --> 00:05:12,860 Byłem tak zaskoczony, jak wiele studenci w godzinach pracy 102 00:05:12,860 --> 00:05:14,530 nie wiedział o funkcji zrzutu. 103 00:05:14,530 --> 00:05:19,010 A ja na to: "chłopaki, to wola Twoje życie jest o wiele łatwiejsze. " 104 00:05:19,010 --> 00:05:22,960 >> W porządku, tak aby był rodzaj tylko krótki rzeczą, jak zawsze, 105 00:05:22,960 --> 00:05:24,000 mamy przykłady. 106 00:05:24,000 --> 00:05:25,600 Wiem, że wy miłujecie tych. 107 00:05:25,600 --> 00:05:30,930 Więc tutaj jest przykładem bardzo złożyć tutaj prosta obsługa JavaScript. 108 00:05:30,930 --> 00:05:34,000 Więc nie jest to po prostu się do tworzenia Wyskakujące ta, która mówi, 109 00:05:34,000 --> 00:05:36,336 "Hello world", gdy ci wejść na stronę, ale niech 110 00:05:36,336 --> 00:05:37,960 spróbować przejść przez to trochę. 111 00:05:37,960 --> 00:05:43,440 Tak oczywiście jest to tylko jak normalnego index.html. 112 00:05:43,440 --> 00:05:50,280 Tak, tylko nasz normalny szablon tutaj i mamy HTML, mamy głowę, 113 00:05:50,280 --> 00:05:55,580 i podobnie jak z CSS, jak zawiera jakiś plik zewnątrz, prawda? 114 00:05:55,580 --> 00:05:59,260 Mamy pewne script type tekst jest obsługa JavaScript. 115 00:05:59,260 --> 00:06:02,680 A źródłem jest hello.js, co jest tutaj. 116 00:06:02,680 --> 00:06:05,630 To jest cały plik z hello.js. 117 00:06:05,630 --> 00:06:09,080 A potem mamy jedne tytuł i niektóre HTML ciała 118 00:06:09,080 --> 00:06:11,050 że tak naprawdę nie obchodzi. 119 00:06:11,050 --> 00:06:15,970 >> Co się dzieje, kiedy możemy otworzyć tej strony, automatycznie wykonuje skrypt. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Więc JavaScript będzie wykonywać automatycznie. 122 00:06:18,790 --> 00:06:22,860 Więc to, co zamierza zrobić, to będzie natychmiast pójść i wykonać to. 123 00:06:22,860 --> 00:06:24,110 I to się mówi, "alert. 124 00:06:24,110 --> 00:06:25,190 Witaj świecie ". 125 00:06:25,190 --> 00:06:30,840 Który alert to funkcja faktycznie generuje to pole. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Tak więc jest to rodzaj wszystkie Encompass. 128 00:06:33,390 --> 00:06:36,700 Nie ma nic ekstra mieliśmy zrobić oprócz tylko czujny, 129 00:06:36,700 --> 00:06:40,000 a następnie, co chcieliśmy w naszym Alert polu. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Tak, że po prostu super proste przykładem tego, co może zrobić JavaScript. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Jeden z naprawdę fajne rzeczy, jak zobaczymy, 134 00:06:50,070 --> 00:06:55,150 jest to, że obsługa JavaScript, pozwala manipulować stron internetowych, 135 00:06:55,150 --> 00:06:57,720 bez konieczności załaduj je za każdym razem. 136 00:06:57,720 --> 00:07:01,830 Tak więc, jeśli want-- na przykład, jeśli Ci są unoszące się nad czymś, 137 00:07:01,830 --> 00:07:04,300 jeśli wy kiedykolwiek widziałem jak paski menu, 138 00:07:04,300 --> 00:07:07,360 lub gdy po najechaniu na niektóre Temat pojawia się menu rozwijane, 139 00:07:07,360 --> 00:07:08,670 to dlatego, że z JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Więc nie jesteś przeładowywania całej Strona dostać to menu, aby pokazać się, 142 00:07:12,670 --> 00:07:17,240 jesteś po prostu patrząc na niektóre specyficzne działania, które użytkownik podjął, 143 00:07:17,240 --> 00:07:21,800 które nazywane są wydarzenia, które dostaniemy się, a gdy widzisz, że można powiedzieć, 144 00:07:21,800 --> 00:07:25,960 "OK, edytować coś na ten temat Strona i sprawiają, że wygląda inaczej, 145 00:07:25,960 --> 00:07:28,270 ale tylko edytować te konkretne rzeczy. 146 00:07:28,270 --> 00:07:29,690 Nie należy ponownie całą sprawę. " 147 00:07:29,690 --> 00:07:33,110 Tak jest w rzeczywistości o wiele ładniejszy, i nie masz przeładowania strony, 148 00:07:33,110 --> 00:07:34,510 i to jest naprawdę fajne. 149 00:07:34,510 --> 00:07:38,270 >> Więc deklaracje zmiennych, więc można trochę zobaczyć, 150 00:07:38,270 --> 00:07:40,530 I umieścić na górze tutaj, luźno wpisane. 151 00:07:40,530 --> 00:07:42,570 Więc to jest bardzo podobne do PHP. 152 00:07:42,570 --> 00:07:48,770 Nie musimy powiedzieć JavaScript jaki rodzaj jesteśmy 153 00:07:48,770 --> 00:07:50,740 spodziewa się każdej z tych zmiennych być. 154 00:07:50,740 --> 00:07:52,560 Mogą to być cokolwiek typy chcemy. 155 00:07:52,560 --> 00:07:57,480 Tak więc można zauważyć, w tym przypadku, deklarujemy je bardzo prosto, tylko z "var" 156 00:07:57,480 --> 00:08:00,990 a następnie co chcemy nasza nazwa zmiennej być. 157 00:08:00,990 --> 00:08:05,680 Należy zwrócić uwagę, że kiedy cię umieścić var ​​przed nazwą zmiennej, 158 00:08:05,680 --> 00:08:07,520 to lokalnie celownicze go. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Jest to całkowicie uzasadnione dla Ciebie całkowicie wystarczy usunąć var 161 00:08:14,025 --> 00:08:18,970 i po prostu s równa CS50 i że będzie tylko zmienna globalna. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Więc można zainicjować to w obie strony, Wszystko zależy od tego, jak chcesz. 164 00:08:22,490 --> 00:08:24,448 Jeśli więc inicjowanie że wewnątrz funkcji, 165 00:08:24,448 --> 00:08:28,070 i chcesz tę zmienną pobyt w tym o zasięgu funkcji, 166 00:08:28,070 --> 00:08:31,620 będziesz chciał zrobić coś jak var nazwa zmiennej, 167 00:08:31,620 --> 00:08:34,270 kontra, jeśli chcesz o zasięgu globalnym, to 168 00:08:34,270 --> 00:08:36,240 może po prostu zrobić nazwę Zmienna a następnie 169 00:08:36,240 --> 00:08:38,270 co chcesz, to równy. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> To jest rodzaj chłodnym rzeczy tutaj, bo jeśli zauważymy nasza zmienna 172 00:08:45,580 --> 00:08:47,590 b zaczyna się jak prawdziwe. 173 00:08:47,590 --> 00:08:51,280 A co to does-- może ktoś mi powiedzieć co to robi? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Tak więc mamy pewne ostrzeżenie. 176 00:08:55,890 --> 00:09:00,156 Co typu b się na początku? 177 00:09:00,156 --> 00:09:00,905 PUBLICZNOŚCI: Boolean. 178 00:09:00,905 --> 00:09:01,330 ALLISON Buchholtz-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Prawo. 180 00:09:01,940 --> 00:09:07,260 A potem przypisać b do tego ciągu, prawda? 181 00:09:07,260 --> 00:09:11,170 Więc tutaj, jaki typ b być? 182 00:09:11,170 --> 00:09:12,480 To byłby ciąg, prawda? 183 00:09:12,480 --> 00:09:14,900 Więc co jest ważne dla Ogłoszenie jest to, że w C, to 184 00:09:14,900 --> 00:09:17,330 prawie nigdy nie może zrobić coś w tym stylu. 185 00:09:17,330 --> 00:09:22,000 Musielibyśmy mieć zmienną, rzucić go jako coś innego, 186 00:09:22,000 --> 00:09:27,185 Może zrobić z dwóch funkcji ja, iść z opłaty do liczby całkowitej. 187 00:09:27,185 --> 00:09:31,063 Ale jeśli widzimy tutaj, b bardzo łatwo zmienia typ. 188 00:09:31,063 --> 00:09:33,760 >> PUBLICZNOŚCI: Czekaj, więc można po prostu być jak "dokonać b liczby całkowitej?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON Buchholtz-AU: Tak. 190 00:09:34,360 --> 00:09:36,185 Możesz po prostu przypisać b do liczby całkowitej. 191 00:09:36,185 --> 00:09:36,910 >> PUBLICZNOŚCI: Naprawdę? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON Buchholtz-AU: Tak. 193 00:09:38,035 --> 00:09:39,810 I to byłoby int. 194 00:09:39,810 --> 00:09:43,820 Więc twoje zmienne mogą się zmieniać w Przebieg programu też. 195 00:09:43,820 --> 00:09:46,410 Nie są one ściśle wpisane. 196 00:09:46,410 --> 00:09:49,180 To jest bardzo luźno wpisane. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Zasadniczo swoje zmienne mogą robić, co chcą, a my niby widział w PHP. 199 00:09:54,820 --> 00:09:59,430 Mogą zrobić jakieś szalone rzeczy, więc ważne jest, aby być bardzo ostrożnym. 200 00:09:59,430 --> 00:10:01,200 Imię i zmienne. 201 00:10:01,200 --> 00:10:03,450 Jeśli nie, to się nagle masz zamiar być jak, 202 00:10:03,450 --> 00:10:05,783 "Czekaj, myślałem, że to ciąg, a teraz to int, 203 00:10:05,783 --> 00:10:08,170 i nie jestem pewien, co tu się dzieje. " 204 00:10:08,170 --> 00:10:12,410 Więc jest to tylko prosty przykład pokazując, jak zmienna może łatwo 205 00:10:12,410 --> 00:10:15,890 zmienić jego typ na Przebieg programu. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Tak to powinno wyglądać super, super znane. 208 00:10:19,200 --> 00:10:21,510 To są nasze pętle w JavaScript. 209 00:10:21,510 --> 00:10:27,780 Są one dokładnie takie same, za wyjątkiem zamiast czterech int i jest równa zero, 210 00:10:27,780 --> 00:10:30,470 możemy tylko powiedzieć, var i jest równa zeru. 211 00:10:30,470 --> 00:10:34,100 A potem może mamy ten sam rodzaj stanu, sam rodzaj aktualizacji, 212 00:10:34,100 --> 00:10:36,090 i Plus Plus działa dobrze. 213 00:10:36,090 --> 00:10:39,800 Więc czwórki są takie same, whiles są same, 214 00:10:39,800 --> 00:10:41,440 i zrobić chwilami są dokładnie takie same. 215 00:10:41,440 --> 00:10:44,070 Sam rodzaj formacie ogólnym. 216 00:10:44,070 --> 00:10:48,840 Zauważamy, cztery, nawiasy, wsporniki, to wszystko sam. 217 00:10:48,840 --> 00:10:51,470 Również nie będzie średniki gdy mamy do przykładu kodu. 218 00:10:51,470 --> 00:10:55,250 Zobaczysz, że to całkiem wiele same jak C. 219 00:10:55,250 --> 00:10:59,770 >> Do deklaracji funkcji, Ponownie, bardzo podobne. 220 00:10:59,770 --> 00:11:05,100 Mamy kilka funkcji, które po prostu mówi, że jest to funkcja, a następnie 221 00:11:05,100 --> 00:11:07,660 Nazwa naszego Funkcja i wejścia. 222 00:11:07,660 --> 00:11:11,590 I znowu, jeśli zauważymy, my mają tutaj żadnych rodzaje ogóle. 223 00:11:11,590 --> 00:11:12,090 Prawda? 224 00:11:12,090 --> 00:11:18,150 Mamy nic nie mówiąc, że te muszą być ints lub dwuosobowe lub pływaków. 225 00:11:18,150 --> 00:11:19,530 Mogą one być co chcą. 226 00:11:19,530 --> 00:11:23,560 Ważne jest zauważyć, że musimy wcześniej funkcję zapisu 227 00:11:23,560 --> 00:11:26,430 niech wiedzą, że JavaScript jest to rzeczywiście działa. 228 00:11:26,430 --> 00:11:29,820 >> Więc to jest tylko niektóre proste suma Funkcja, która zwraca X lub Y, 229 00:11:29,820 --> 00:11:33,800 a następnie, co też fajne jest to, że można rzeczywiście 230 00:11:33,800 --> 00:11:35,950 przypisanie funkcji do zmiennej. 231 00:11:35,950 --> 00:11:41,770 A więc w tym przypadku, suma jest teraz Funkcja, która faktycznie nie sumę. 232 00:11:41,770 --> 00:11:47,740 Więc jeśli zauważysz tutaj mamy stanowisko, nazwa funkcji, wejścia. 233 00:11:47,740 --> 00:11:48,860 Prawda? 234 00:11:48,860 --> 00:11:52,120 Tutaj musimy po prostu funkcję i wejść. 235 00:11:52,120 --> 00:11:54,310 Tak to się nazywa anonimowa funkcja. 236 00:11:54,310 --> 00:11:59,265 I to jest coś, co powinno być nowe dla większości z was, chłopaki, jeśli nie wszystkie z was. 237 00:11:59,265 --> 00:12:01,140 Więc w zasadzie, co to oznacza to, że nie robimy 238 00:12:01,140 --> 00:12:03,050 muszą imię naszego Funkcja tego przypadku. 239 00:12:03,050 --> 00:12:06,260 Możemy po prostu powiedzieć: "OK, będę mają tę funkcję wykonywaną tutaj 240 00:12:06,260 --> 00:12:08,550 są jego wejścia, i tu jest to, co zamierza zrobić. " 241 00:12:08,550 --> 00:12:12,540 A zwłaszcza, gdy przypisujesz Funkcja do jakiejś zmiennej 242 00:12:12,540 --> 00:12:14,950 że masz zamiar manipulować, Nie koniecznie 243 00:12:14,950 --> 00:12:17,116 trzeba wymienić, bo będziesz mieć na myśli 244 00:12:17,116 --> 00:12:20,990 mu przez tę zmienną imię i nazwisko, a nie co 245 00:12:20,990 --> 00:12:22,840 Funkcja faktycznie nazywa. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Jeśli więc widzimy tutaj, że jakieś zmiennej sumę teraz 248 00:12:27,810 --> 00:12:30,920 która jest równa suma trzech do pięciu. 249 00:12:30,920 --> 00:12:33,070 A my się tego. 250 00:12:33,070 --> 00:12:36,750 A to po prostu jakiś wpis, trzy oraz pięć równa liczbie. 251 00:12:36,750 --> 00:12:43,950 To będzie po prostu złączyć oraz co nasza odpowiedź była na łańcuchu. 252 00:12:43,950 --> 00:12:47,420 Również fajne, plus można łączenia ciągów. 253 00:12:47,420 --> 00:12:53,510 >> Dla JavaScript, jak w PHP, HTML i CSS, jak powiedzieliśmy, 254 00:12:53,510 --> 00:12:56,450 Wiele z tego, że jesteśmy rodzaj podejmowania koła szkolenia off tutaj 255 00:12:56,450 --> 00:13:02,030 a faceci mają dużo wiedzą jak naprawdę zrozumieć te rzeczy. 256 00:13:02,030 --> 00:13:04,280 Są nieco inne, ale nie są one tak obce 257 00:13:04,280 --> 00:13:09,460 i że nie można Google rzeczy lub szukać ich w Internecie ze szkołami W3. 258 00:13:09,460 --> 00:13:12,755 A tak naprawdę czeka na ciebie Chłopaki do, rodzaj, eksperyment 259 00:13:12,755 --> 00:13:14,400 i uczyć się na własną rękę. 260 00:13:14,400 --> 00:13:19,490 Tak, wiem, że to może wydawać się trochę mniej dokładne niż niektóre z rzeczy, c 261 00:13:19,490 --> 00:13:21,936 robimy, ale to właściwie bez powodu. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Ale mam nadzieję, że nie jest to zbyt inny, a to nie jest przytłaczająca. 264 00:13:28,470 --> 00:13:31,940 >> Więc tablic w JavaScript, znowu bardzo, bardzo podobne. 265 00:13:31,940 --> 00:13:32,460 Prawda? 266 00:13:32,460 --> 00:13:36,520 Mamy pewne zmiennej tablicy to równa pustych nawiasów, 267 00:13:36,520 --> 00:13:40,340 i to tylko pusta tablica. 268 00:13:40,340 --> 00:13:43,420 Jest to często nazywane dosłowna notacja tablica. 269 00:13:43,420 --> 00:13:45,280 To tylko jedna rzecz, my to nazywamy. 270 00:13:45,280 --> 00:13:51,380 Jeśli widzimy tablicę dwóch tutaj, mamy jedne dosłowne tablica ma trzy elementy, 271 00:13:51,380 --> 00:13:51,910 prawda? 272 00:13:51,910 --> 00:13:54,640 A potem mamy jedne var Trzeci element to 273 00:13:54,640 --> 00:13:58,060 niektóre zmienne to tylko będzie posiadać ten ciąg, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Elementy, dobre zauważyć, są oddzielone przecinkami, 276 00:14:06,170 --> 00:14:07,740 tak jak byśmy się spodziewali. 277 00:14:07,740 --> 00:14:14,630 I można również uzyskać dostęp do nich, jak my w C, z tym zapisie indeksu, prawda? 278 00:14:14,630 --> 00:14:16,950 Tak różne od PHP Teraz wracamy 279 00:14:16,950 --> 00:14:20,180 po prostu rodzaj odnosząc do rzeczy przez indeks. 280 00:14:20,180 --> 00:14:22,189 Podobnie jak C, to również wskaźnik zera. 281 00:14:22,189 --> 00:14:25,230 Czuję, że to będzie naprawdę okrutne jeśli nagle się jedną JavaScript 282 00:14:25,230 --> 00:14:30,630 Indeks, i trzeba było całkowicie zastanowić się, jak myślisz o tablicach. 283 00:14:30,630 --> 00:14:36,140 >> Jeden fajne jest to, że zamiast konieczności do-- Jeśli kiedykolwiek 284 00:14:36,140 --> 00:14:39,240 chciał długość tablicy, Może iterację niego 285 00:14:39,240 --> 00:14:43,430 aż znajdziesz jakiś koniec, lub to po prostu wiedzieć, co to jest. 286 00:14:43,430 --> 00:14:49,310 Ponieważ JavaScript jest bardzo luźny w więcej sposoby niż tylko rodzaju, jak widzimy tutaj, 287 00:14:49,310 --> 00:14:53,310 możemy po prostu zrobić tę tablicę większe, ponieważ my decydujemy. 288 00:14:53,310 --> 00:14:56,177 Jeśli zauważamy tablicę trzy ma trzy rzeczy, na początek, 289 00:14:56,177 --> 00:14:58,510 ale potem nagle, jesteśmy jak "Och, to tylko żart. 290 00:14:58,510 --> 00:15:01,370 Jesteśmy rzeczywiście będzie do 101 rzeczy. " 291 00:15:01,370 --> 00:15:05,300 Więc jeśli kiedykolwiek chcesz wiedzieć Rzeczywista długość tablicy, 292 00:15:05,300 --> 00:15:06,680 możesz zrobić to w ten sposób. 293 00:15:06,680 --> 00:15:10,470 I mamy zamiar zobaczyć wiele w tym zapisie, w przykładach 294 00:15:10,470 --> 00:15:12,730 ale z JavaScript to zazwyczaj co 295 00:15:12,730 --> 00:15:16,410 Obiekt, który mówisz kropka niezależnie od rodzaju funkcji 296 00:15:16,410 --> 00:15:17,740 które mają być stosowane. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Więc w tym przypadku, nasze Obiekt jest tablica dwa, 299 00:15:20,520 --> 00:15:23,470 i mówimy, że chcemy długość tablicy dwa. 300 00:15:23,470 --> 00:15:25,716 Tak to właśnie nazywa się jak długość na to. 301 00:15:25,716 --> 00:15:27,090 I że zwróci długość. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Również coś, aby pamiętać, że jeśli widzimy nasze tablice, 304 00:15:36,790 --> 00:15:39,830 w przeciwieństwie do C, nie mają być wszystkie tego samego typu. 305 00:15:39,830 --> 00:15:41,670 Jest to o wiele bardziej jak PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript jest w zasadzie tak samo jak to ciekawe Meld C i PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Tak więc zajmiemy się tym. 309 00:15:52,170 --> 00:15:56,750 Na razie, niech po prostu założyć, że twoje tablice są w zasadzie 310 00:15:56,750 --> 00:16:00,640 jak tablice w C, w które są zerowe indeksowane. 311 00:16:00,640 --> 00:16:04,120 OK, więc to jest wszystko. 312 00:16:04,120 --> 00:16:08,850 Możesz też po prostu przedłużyć Tablica na cokolwiek Indeks chcesz. 313 00:16:08,850 --> 00:16:14,260 Niniejsza prawdopodobnie seg winy na siebie lub dać jakiś błąd, 314 00:16:14,260 --> 00:16:15,970 JavaScript jest jak, "Nie, jest w porządku. 315 00:16:15,970 --> 00:16:16,620 Mam to. 316 00:16:16,620 --> 00:16:19,460 Będziemy po prostu iść prosto gdzie chcesz. " 317 00:16:19,460 --> 00:16:24,310 >> OK, więc obiekty są bardzo ważne. 318 00:16:24,310 --> 00:16:29,720 Wy będzie używać dużo tych w P zestawu, jeśli dobrze pamiętam. 319 00:16:29,720 --> 00:16:34,780 Więc rzeczy, że są to podobne w C są elemencie. 320 00:16:34,780 --> 00:16:39,290 Więc można myśleć about-- kiedy idziemy na przykład w prawo 321 00:16:39,290 --> 00:16:41,810 po to myślę, że będziesz zrobić dużo więcej sense-- 322 00:16:41,810 --> 00:16:45,830 ale w zasadzie korzystać z obiektów do organizowanie zajęć związanych informacji. 323 00:16:45,830 --> 00:16:47,780 Kiedy rozmawialiśmy o elemencie w C, często 324 00:16:47,780 --> 00:16:53,405 mówić o studenta, który miał jakąś nazwę, ID, dom, wiesz, koncentracja. 325 00:16:53,405 --> 00:16:56,030 A to niby to samo że używamy obiektów tutaj. 326 00:16:56,030 --> 00:16:59,300 To jest po prostu zorganizować podobne informacje. 327 00:16:59,300 --> 00:17:03,620 >> Można również pomyśleć o nich jako bardziej podobny do tablic asocjacyjnych w PHP. 328 00:17:03,620 --> 00:17:10,010 Więc będzie to rodzaj rzeczy gdzie mamy trochę klucz z jakąś wartość, 329 00:17:10,010 --> 00:17:12,859 bardzo podobne do PHP. 330 00:17:12,859 --> 00:17:15,780 Więc można zainicjować niektóre pusty obiekt, jak widzimy tutaj, 331 00:17:15,780 --> 00:17:17,390 tylko w klamrach. 332 00:17:17,390 --> 00:17:19,160 Tak więc tablice są nawiasy kwadratowe. 333 00:17:19,160 --> 00:17:21,220 Puste obiekty są nawiasy klamrowe. 334 00:17:21,220 --> 00:17:24,020 Dobry rozróżnienie mieć. 335 00:17:24,020 --> 00:17:27,319 A to tylko dwa różne sposoby, aby ustawić właściwości. 336 00:17:27,319 --> 00:17:31,460 Jest to więc rodzaj dużo bardziej sposób 337 00:17:31,460 --> 00:17:35,220 jest podobna do PHP, z naszym tablice asocjacyjne, z nasz klucz, 338 00:17:35,220 --> 00:17:39,910 i nasza wartość, podczas gdy ten is-- będziesz 339 00:17:39,910 --> 00:17:41,920 zobaczyć wiele więcej w JavaScript. 340 00:17:41,920 --> 00:17:43,550 To wydaje się być konwencja. 341 00:17:43,550 --> 00:17:47,660 W ten sam sposób, w jaki zrobiła Tablica dwie długości kropka, to mówi, 342 00:17:47,660 --> 00:17:51,580 "OK, daj mi to atrybutów tego obiektu. " 343 00:17:51,580 --> 00:17:52,110 Prawda? 344 00:17:52,110 --> 00:17:55,660 Tak samo było jak, "daj mi Długość atrybutem tablicy dwóch " 345 00:17:55,660 --> 00:17:59,970 ten mówi: "daj mi własnością naszej pusty obiekt. " 346 00:17:59,970 --> 00:18:02,890 Czy w tym przypadku jesteśmy przypisanie go do jakiejś wartości tutaj. 347 00:18:02,890 --> 00:18:06,200 Ale można również uzyskać dostęp do tego w ten sposób. 348 00:18:06,200 --> 00:18:09,090 >> A to tutaj to tylko pokazano dwa różne alarmy. 349 00:18:09,090 --> 00:18:12,320 Więc byłoby to pokazać powiadomienia będzie dokładnie taki sam, 350 00:18:12,320 --> 00:18:17,150 to tylko dwa różne sposoby dostęp do elementu, który chcemy. 351 00:18:17,150 --> 00:18:19,552 Czy to ma sens dla każdego? 352 00:18:19,552 --> 00:18:21,510 Czuję się jak ten prawdopodobnie ma więcej sensu, 353 00:18:21,510 --> 00:18:23,270 tylko dlatego, że jesteśmy spadając z PHP. 354 00:18:23,270 --> 00:18:26,400 Ale jak to zrobić, więcej przykładów, w tym jest dosłownie tak samo. 355 00:18:26,400 --> 00:18:28,170 Wiele z nich jest po prostu zmienić w składni. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, więc przykłady. 358 00:18:33,030 --> 00:18:34,180 Kocham przykłady. 359 00:18:34,180 --> 00:18:40,070 Więc tutaj jest kilka CS50 zmienna, która jest przedmiotem, 360 00:18:40,070 --> 00:18:42,160 i przechowywać wszystko Informacje o tym. 361 00:18:42,160 --> 00:18:46,680 Mamy więc oczywiście, instruktor, TFS, psets i taśmą. 362 00:18:46,680 --> 00:18:51,840 Tak więc widzimy, są to prawie wszystkie z różnych typów. 363 00:18:51,840 --> 00:18:52,340 Prawda? 364 00:18:52,340 --> 00:18:56,230 Więc można przechowywać przedmioty cech różnych typów. 365 00:18:56,230 --> 00:19:01,220 Możemy myśleć o this-- to bardzo podobna do naszej tablicy asocjacyjnej w PHP. 366 00:19:01,220 --> 00:19:07,470 Więc klucz, wartość, klucz, wartość, Klucz, wartość, tak dalej, i tak dalej. 367 00:19:07,470 --> 00:19:11,230 Co jest interesujące także w taki sam sposób że możemy mieć tablic w obrębie macierzy, 368 00:19:11,230 --> 00:19:14,690 możemy także obiekty w obiekty lub tablice w obiektach. 369 00:19:14,690 --> 00:19:18,410 Nigdy tak naprawdę ogranicza się do tylko jednym rzeczy. 370 00:19:18,410 --> 00:19:24,220 Możemy bardzo Inceptionesque, po prostu nie poddawać się w dół króliczej nory tam. 371 00:19:24,220 --> 00:19:26,080 >> Więc jeśli zauważymy, my jakiś kurs, który 372 00:19:26,080 --> 00:19:31,120 jest ciągiem znaków, instruktor to ciąg, i tablica, int i logiczna. 373 00:19:31,120 --> 00:19:36,110 Tak więc wszystkie z tych różnych miejscach. 374 00:19:36,110 --> 00:19:39,600 >> W porządku, więc, mamy jeszcze jednego. 375 00:19:39,600 --> 00:19:42,930 Więc w tym przypadku, mamy Tablica obiektów. 376 00:19:42,930 --> 00:19:45,320 Więc tak jak obiekt może mieć tablicę w nim. 377 00:19:45,320 --> 00:19:47,210 Możemy również tablicę obiektów. 378 00:19:47,210 --> 00:19:51,250 Może to być przydatne do myśleć o podobny do rodzaju 379 00:19:51,250 --> 00:19:54,260 o tym, jak mieliśmy hash Stół, mieliśmy tablicę 380 00:19:54,260 --> 00:19:56,220 wszystkim te różne rodzaju strukturach, które 381 00:19:56,220 --> 00:19:59,070 były wskaźniki do inaczej węzły i etażerka. 382 00:19:59,070 --> 00:20:01,420 Jednak w tym przypadku, tablicę obiektów. 383 00:20:01,420 --> 00:20:04,890 Tak to jest jak tablica asocjacyjnych. 384 00:20:04,890 --> 00:20:09,430 Tak więc mamy pewne pierwszy element będzie być obiekt o nazwie James 385 00:20:09,430 --> 00:20:11,340 i domu Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Chłopaki mogą pamiętać coś bardzo podobny do tego 387 00:20:14,780 --> 00:20:21,710 z ostatniego pset, gdzie, jeśli Ciebie wyciągnął coś z bazy danych, 388 00:20:21,710 --> 00:20:24,480 Pierwszy rodzaj rzecz w swojej tablicy było 389 00:20:24,480 --> 00:20:27,110 wszystkie informacje o Pierwszy użytkownik, który ją spotkał, 390 00:20:27,110 --> 00:20:30,765 a potem trzeba było się, że wskaźnik aby ich akcji lub ich pamięci podręcznej 391 00:20:30,765 --> 00:20:32,110 lub cokolwiek. 392 00:20:32,110 --> 00:20:34,620 Więc to jest bardzo podobne rzeczą, tylko mała zmiana 393 00:20:34,620 --> 00:20:39,570 składni, zmień trochę w słowa używamy, aby je opisać. 394 00:20:39,570 --> 00:20:45,960 >> Więc jeśli chcemy, może ktoś powiedzieć Alarm mi, co to by tu zrobić? 395 00:20:45,960 --> 00:20:48,780 Albo co to trochę kod będzie dla nas zrobić? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 PUBLICZNOŚCI: To da Ci wszystkie nazwy. 398 00:20:52,616 --> 00:20:54,900 ALLISON Buchholtz-AU: Tak, tak, to po prostu ostrzec wszystkich nazwisk 399 00:20:54,900 --> 00:20:57,960 bo to przejść domek i tak, że to zaczynają się od zera. 400 00:20:57,960 --> 00:21:01,330 Tak że to powiedzieć, OK, szukamy Ten pierwszy obiekt, który 401 00:21:01,330 --> 00:21:03,210 jest pierwszym gniazdo w naszej tablicy. 402 00:21:03,210 --> 00:21:06,900 I mówi: "daj mi atrybut, nazwę tego obiektu. " 403 00:21:06,900 --> 00:21:09,030 Więc idziemy tutaj, my skanowania, że ​​znajdziemy nazwę, 404 00:21:09,030 --> 00:21:11,340 i chcemy wydrukować James, Molly i Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Wszelkie pytania do tej pory? 407 00:21:15,799 --> 00:21:17,590 JavaScript niestety masz zamiar być 408 00:21:17,590 --> 00:21:20,950 robi dużo patrząc na swojej własna, zastanawianie się, składni, 409 00:21:20,950 --> 00:21:21,910 zmagają się z nim. 410 00:21:21,910 --> 00:21:25,870 Ale oczywiście zawsze jestem tutaj, godziny pracy są zawsze tutaj. 411 00:21:25,870 --> 00:21:28,260 Mogę być we wtorki w tym tygodniu. 412 00:21:28,260 --> 00:21:31,050 Więc jeśli jesteś tam, można przyszedł mnie odwiedzić w tym tygodniu. 413 00:21:31,050 --> 00:21:32,470 Byłoby wspaniale. 414 00:21:32,470 --> 00:21:36,260 >> OK, więc DOM Document-Object Model. 415 00:21:36,260 --> 00:21:38,900 Więc to jest tylko sposób że lubimy myśleć 416 00:21:38,900 --> 00:21:45,720 o tym, jak nasz HTML i wszystko w nim jest zorganizowane. 417 00:21:45,720 --> 00:21:49,930 Leży to coś prawdopodobnie pojawią się na quiz. 418 00:21:49,930 --> 00:21:58,150 Wiem, że mój rok, to było jak tu jest Plik HTML, wypełnić DOM dla niego. 419 00:21:58,150 --> 00:21:59,770 I po prostu wypełnić w małych rzeczach. 420 00:21:59,770 --> 00:22:01,500 Powinny być łatwe punkty z nadzieją. 421 00:22:01,500 --> 00:22:03,450 Mam nadzieję, że będziesz see-- 422 00:22:03,450 --> 00:22:04,590 >> PUBLICZNOŚCI: [niesłyszalne] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON Buchholtz-AU: Tak widzisz to drzewo tutaj? 424 00:22:06,660 --> 00:22:07,200 >> Publiczność: Tak. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON Buchholtz-AU: Więc będą prosić korzystania 426 00:22:08,949 --> 00:22:11,750 wypełnić, co się dzieje w organizmie. 427 00:22:11,750 --> 00:22:15,770 Może w organizmie, mamy jedne div lub mamy kilka akapitów, 428 00:22:15,770 --> 00:22:19,160 i poprosimy Cię o wypełnienie Drzewo bardzo podobnie jak ten. 429 00:22:19,160 --> 00:22:21,440 Więc będziemy chodzić przez to. 430 00:22:21,440 --> 00:22:26,120 Więc Dokument-Object Model jest po prostu sposobem 431 00:22:26,120 --> 00:22:31,240 struktury i myślę o naszej HTML graficznie. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 A także, gdy mamy do bardziej JavaScript, 434 00:22:35,840 --> 00:22:37,640 to będzie sposób, że my rzeczywiście 435 00:22:37,640 --> 00:22:39,990 manipulować różne elementów na stronie. 436 00:22:39,990 --> 00:22:43,980 Musimy znaleźć sposób, aby uzyskać dostęp rzeczy w naszym HTML, 437 00:22:43,980 --> 00:22:48,050 i tak to daje nam bardzo betonu standaryzowany sposób 438 00:22:48,050 --> 00:22:51,010 w różnych stronach internetowych, aby to zrobić. 439 00:22:51,010 --> 00:22:53,440 >> Więc jeśli tylko przejść przez to tutaj oczywiście 440 00:22:53,440 --> 00:22:56,790 nasz dokument jest jak cały nasz plik. 441 00:22:56,790 --> 00:22:59,350 To oczywiście ma sens że jest to najwyższa rzeczą, 442 00:22:59,350 --> 00:23:03,520 a następnie mamy rzeczywisty HTML, która odpowiada tej zmiennej tutaj. 443 00:23:03,520 --> 00:23:08,480 Także, jeśli w tiret tagi prawidłowo, a następnie stworzenie tego drzewa DOM 444 00:23:08,480 --> 00:23:10,530 staje się bardzo proste. 445 00:23:10,530 --> 00:23:12,400 Tak więc mamy tu trochę głowę. 446 00:23:12,400 --> 00:23:15,780 Mamy pewne ciało, które widzimy macierzystych off HTML, 447 00:23:15,780 --> 00:23:18,530 dlatego mają głowy i ciała. 448 00:23:18,530 --> 00:23:22,880 W obrębie głowy, mamy jedne tag tytuł, tytuł znacznik końcowy, 449 00:23:22,880 --> 00:23:24,570 więc wiemy, że przychodzi po głowie. 450 00:23:24,570 --> 00:23:28,040 A w naszej tagu tytułu, mamy Hello, world. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Więc to jest ta cała gałąź lewa. 453 00:23:31,311 --> 00:23:34,060 A potem na prawej gałęzi strony tutaj widzimy, że mamy HTML, 454 00:23:34,060 --> 00:23:38,680 OK zrobiliśmy tę część głowy, patrzymy tylko na ciele, 455 00:23:38,680 --> 00:23:40,670 więc mamy jakiś obszar ciała. 456 00:23:40,670 --> 00:23:44,350 Oraz w tym, jedynie co mamy jest hello, world. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Gdybyśmy mieli takie rzeczy jak niektóre Uchwyt p, a następnie 459 00:23:54,130 --> 00:23:57,500 witam, świat, a potem jeszcze Wspornik str pożegnanie, świat, 460 00:23:57,500 --> 00:24:00,080 mielibyśmy dwa pęcherzyki spadając tutaj. 461 00:24:00,080 --> 00:24:05,550 Ponieważ oboje są w ciele, ale są oddzielne akapity tym przypadku. 462 00:24:05,550 --> 00:24:11,520 Jest zdecydowanie praktyka na które w poprzednich konkursach, 463 00:24:11,520 --> 00:24:14,570 jak również dużą online w nim. 464 00:24:14,570 --> 00:24:18,260 OK, tak, to tylko pozwala nam zobaczyć wszystko ładnie 465 00:24:18,260 --> 00:24:20,810 i manipulować rzeczy bardzo systematycznie. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Mamy dokładnie wiedzieć, jak przechodzić przez to drzewo, 468 00:24:23,640 --> 00:24:26,910 więc wiemy, co chcemy, aby uzyskać dostęp. 469 00:24:26,910 --> 00:24:31,690 >> OK, więc to dlatego chcemy mieć tego rodzaju modelu, 470 00:24:31,690 --> 00:24:35,190 tak, że możemy korzystać z rzeczy, jak to, i rozumiemy, co one oznaczają, 471 00:24:35,190 --> 00:24:38,370 i są znormalizowane we wszystkich rzeczy, które robimy. 472 00:24:38,370 --> 00:24:45,900 Więc tytuł dokumentu kropka jest po prostu Tytuł our-- wszystkie te 473 00:24:45,900 --> 00:24:48,960 są dość wymowne, Lubię myśleć. 474 00:24:48,960 --> 00:24:51,660 Więc pierwsze trzy przykłady są tylko powiedzieć, 475 00:24:51,660 --> 00:24:54,770 "OK, po prostu daj mi Tytuł tej strony. " 476 00:24:54,770 --> 00:24:58,030 Więc to daje, co Odpowiada to w tytule. 477 00:24:58,030 --> 00:25:01,880 >> Dokument dot ciało będzie Ci to, co jest w tych tagów ciała. 478 00:25:01,880 --> 00:25:03,240 Więc można manipulować, że. 479 00:25:03,240 --> 00:25:07,820 Oraz dokument ciała dot dot wprowadzić HTML jest bardzo fajny, 480 00:25:07,820 --> 00:25:11,660 a może nie jest takie jak Super intuicyjne, ale wewnętrzna HTML 481 00:25:11,660 --> 00:25:13,740 odpowiada to tutaj. 482 00:25:13,740 --> 00:25:17,410 Więc jeśli kiedykolwiek chcesz manipulować tekstu na stronie, 483 00:25:17,410 --> 00:25:22,700 zazwyczaj masz zamiar robić coś z ciała dot wewnętrznej HTML. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Tak więc wewnętrzna HTML zwykle patrz to, co jest w rzeczywistości między tymi tagami. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 A potem przydatne funkcje. 488 00:25:33,020 --> 00:25:40,390 Więc jeśli chcesz dostać każda z nich, każdy element 489 00:25:40,390 --> 00:25:43,140 mamy pewne Id, klasa Nazwisko lub nazwa znacznika. 490 00:25:43,140 --> 00:25:47,100 Jest to bardzo podobne do rzeczy zrobiliśmy z CSS, prawda? 491 00:25:47,100 --> 00:25:51,360 W przypadku, gdy mamy kilka selektorów, że odpowiadają zarówno tagu, klasa 492 00:25:51,360 --> 00:25:53,800 że je, lub Id dać. 493 00:25:53,800 --> 00:25:55,310 To jest bardzo podobny sposób. 494 00:25:55,310 --> 00:26:00,720 Jeśli masz coś, co ma jakąś klasę psów, 495 00:26:00,720 --> 00:26:05,800 i mówisz uzyskać elementy o nazwie znacznika, i umieścić psa w there-- lub przykro, 496 00:26:05,800 --> 00:26:06,610 nazwa klasy. 497 00:26:06,610 --> 00:26:07,770 Możesz umieścić kropkę tam. 498 00:26:07,770 --> 00:26:11,780 To będzie powrót wszystkich tych, elementy do was, które mają tę klasę. 499 00:26:11,780 --> 00:26:13,880 Więc można manipulować tylko tych. 500 00:26:13,880 --> 00:26:18,430 W ten sam sposób, może po prostu chcą manipulować jakiś nagłówek, więc 501 00:26:18,430 --> 00:26:20,980 nagłówek h1 niektóre, tak jak my. 502 00:26:20,980 --> 00:26:24,900 Możesz nie dostać elementy po tagu wymienić, bo h1 jest nazwa znacznika. 503 00:26:24,900 --> 00:26:29,270 I w ten sam sposób, jeśli chcesz uzyskać niektóre unikalne rzeczy, możesz zrobić tag dostać. 504 00:26:29,270 --> 00:26:31,100 Pobierz elementu przez Id. 505 00:26:31,100 --> 00:26:32,710 A w rzeczywistości są dużo tych. 506 00:26:32,710 --> 00:26:36,300 Są to tylko trzy z bardzo jak wielu. 507 00:26:36,300 --> 00:26:39,600 Więc jeśli w trybie online, jak Będę zachęcać 508 00:26:39,600 --> 00:26:45,342 można zrobić, i zrobić kilka badania na własną rękę, 509 00:26:45,342 --> 00:26:48,450 Zdecydowanie polecam patrząc na wszystkie z nich. 510 00:26:48,450 --> 00:26:50,880 Mogą one być super przydatna, zwłaszcza w przypadku 511 00:26:50,880 --> 00:26:57,180 chcesz po prostu rodzaj manipulacji bardzo konkretne rzeczy, bez konieczności 512 00:26:57,180 --> 00:27:00,390 przejść i spróbować analizować się wszystkiego. 513 00:27:00,390 --> 00:27:03,540 >> OK, więc ostatnią rzeczą, jest zdarzeń JavaScript. 514 00:27:03,540 --> 00:27:10,730 Więc kiedy rozmawiałem wcześniej o pójściu na stronie internetowej, 515 00:27:10,730 --> 00:27:14,340 a po najechaniu na coś, lub myszy znajdzie się nad czymś, 516 00:27:14,340 --> 00:27:15,420 jeszcze coś się dzieje. 517 00:27:15,420 --> 00:27:17,900 To jest to, co chcemy myśleć o jako wydarzenie. 518 00:27:17,900 --> 00:27:23,970 Tak więc to, co mamy, które mogą być przydatna tutaj jest onclick. 519 00:27:23,970 --> 00:27:29,140 Więc mój był przy aktywowaniu, które, jestem całkiem pewien, to tylko przy aktywowaniu. 520 00:27:29,140 --> 00:27:31,300 Również ton z nich że można szukać. 521 00:27:31,300 --> 00:27:34,340 Istnieje cała lista w Internecie różnych rzeczy 522 00:27:34,340 --> 00:27:37,130 że można słuchać. 523 00:27:37,130 --> 00:27:41,220 >> Ale są zdarzeń JavaScript w zasadzie tylko reagować na rzeczy 524 00:27:41,220 --> 00:27:42,430 że użytkownik robi. 525 00:27:42,430 --> 00:27:42,930 Prawda? 526 00:27:42,930 --> 00:27:45,220 Więc użytkownik nie coś, że to wydarzenie, 527 00:27:45,220 --> 00:27:48,340 i JavaScript odpowie jednak chcesz go lubić. 528 00:27:48,340 --> 00:27:49,770 Będzie to odpowiednio zareagować. 529 00:27:49,770 --> 00:27:54,630 Więc w tym przypadku, mamy niektóre onload okna kropka. 530 00:27:54,630 --> 00:27:57,170 Więc co to mówi, jest "czekać aż do załadowania okna. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Kiedy więc wszystko jest załadowany, onload, Następnie można wykonać tej funkcji. 533 00:28:02,102 --> 00:28:03,810 Więc kiedy wszystko jest załadowany, będziesz 534 00:28:03,810 --> 00:28:07,760 mieć jakiś przycisk wyszukiwania że dostaje element przez Id, 535 00:28:07,760 --> 00:28:13,740 i drukuje cokolwiek to elementem jest przycisk Szukaj. 536 00:28:13,740 --> 00:28:17,050 A potem mamy tę zmienną, mówimy: "OK, onclick". 537 00:28:17,050 --> 00:28:20,390 Tak więc, gdy usłyszysz kliknięcie na przycisk Szukaj, 538 00:28:20,390 --> 00:28:23,990 wykonania tej funkcji, która jest Alarm, kliknąłeś przycisk Szukaj. 539 00:28:23,990 --> 00:28:28,910 >> Więc co się dzieje is-- to miłe Trochę graficzne przedstawienie tutaj. 540 00:28:28,910 --> 00:28:31,480 Tak więc nasze ładunki dokumentów, to nasz onload, 541 00:28:31,480 --> 00:28:34,340 odnajdziemy Szukaj przycisk, jest następująca. 542 00:28:34,340 --> 00:28:36,570 Szukamy dla naszej przycisk Szukaj. 543 00:28:36,570 --> 00:28:40,790 I wtedy, gdy przycisk Szukaj jest kliknięciu, odpowiada tutaj. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Potem w końcu ostrzec naszych użytkowników, co jest to ostatnia linia tutaj. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Tak więc każdy z tych czterech kroków wystarczy odpowiada czterech pól 548 00:28:52,960 --> 00:28:55,031 na dół na dole. 549 00:28:55,031 --> 00:28:56,405 Czy to ma sens dla każdego? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> I wtedy jedna rzecz, że jestem po prostu wspominając o bardzo, bardzo krótko, że ja 552 00:29:05,200 --> 00:29:08,660 zachęcić was do idź się bardziej w to 553 00:29:08,660 --> 00:29:13,210 jQuery, który jest po prostu biblioteki który jest zbudowany na szczycie JavaScript. 554 00:29:13,210 --> 00:29:16,480 Jest to bardzo użyteczne, ponieważ w większości bibliotek. 555 00:29:16,480 --> 00:29:18,320 Istnieje wiele funkcji. 556 00:29:18,320 --> 00:29:21,930 Tak więc jeśli jest coś, co kiedyś chcesz zrobić w JavaScript, 557 00:29:21,930 --> 00:29:24,880 Twój pierwszy instynkt Nie należy pomyśleć 558 00:29:24,880 --> 00:29:27,340 z ", jaką funkcję powinna I kodować? "Powinno być, 559 00:29:27,340 --> 00:29:29,560 "Niech mi ktoś to zrobiła to za mnie. " 560 00:29:29,560 --> 00:29:32,800 Because dziewięć razy na dziesięć, ktoś to zrobić już, 561 00:29:32,800 --> 00:29:35,760 i prawdopodobnie to zrobić lepiej. 562 00:29:35,760 --> 00:29:39,990 Ludzie spędzają dużo czasu robi to, i JavaScript jest bardzo szeroko stosowane, 563 00:29:39,990 --> 00:29:42,810 więc ludzie są stale starając się zrobić to lepiej. 564 00:29:42,810 --> 00:29:47,110 I jQuery ma wiele funkcji że prawdopodobnie będzie przydatna 565 00:29:47,110 --> 00:29:50,470 w ostatecznym projekcie, jeśli jesteś cokolwiek z projektowania stron internetowych. 566 00:29:50,470 --> 00:29:53,480 Jak chciałbym powiedzieć, "praca mądrzej, a nie ciężej. " 567 00:29:53,480 --> 00:29:57,130 Jeśli faceci to zrobić, to będzie świetnie. 568 00:29:57,130 --> 00:30:00,330 Kiedy jesteśmy na hackathon ja nie Chcemy was wszystkich zestresowany. 569 00:30:00,330 --> 00:30:03,600 Chcę, aby być w stylu: "Mam tego. jQuery dostał moje plecy. 570 00:30:03,600 --> 00:30:05,790 Nie muszę pisać te funkcje. " 571 00:30:05,790 --> 00:30:07,636 >> Tak tylko dwie rzeczy do pamiętam, będę 572 00:30:07,636 --> 00:30:10,220 niech chłopaki wyglądają bardziej w jQuery na własną rękę. 573 00:30:10,220 --> 00:30:13,070 Wszystko, co mam do powiedzenia to to robi niesamowite rzeczy całkiem 574 00:30:13,070 --> 00:30:15,220 i może mieć swoje życie dużo łatwiejsze. 575 00:30:15,220 --> 00:30:17,150 Ale to, co chcesz mają to, co plik 576 00:30:17,150 --> 00:30:21,020 że masz zamiar używać go, będziesz chciał te dwie linie. 577 00:30:21,020 --> 00:30:25,630 Będziesz chciał Scenariusz jQuery js dot js. 578 00:30:25,630 --> 00:30:28,500 I rzeczywiście źródło będzie jakiś URL. 579 00:30:28,500 --> 00:30:35,870 Jeśli Google jQuery, Google faktycznie organizuje wszystkie pliki. 580 00:30:35,870 --> 00:30:38,950 Więc na pewno chcesz Wejście, że adres URL zamiast. 581 00:30:38,950 --> 00:30:41,130 Ja po prostu umieścić to tutaj dla uproszczenia. 582 00:30:41,130 --> 00:30:45,180 Wszystko to oznacza, gdzie znaleźć biblioteki jQuery. 583 00:30:45,180 --> 00:30:48,600 To ogromny, więc nie chcesz gościć go na własnym komputerze 584 00:30:48,600 --> 00:30:53,390 czy można go uniknąć, dlatego mają tendencję do po prostu umieścić w Google, że adres URL 585 00:30:53,390 --> 00:30:55,880 organizuje wszystkie pliki dla Ciebie. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Google go, obiecuję będzie tam. 588 00:30:58,850 --> 00:31:01,200 >> A następnie co Plik JavaScript, który jesteś 589 00:31:01,200 --> 00:31:07,150 za pomocą, więc jest to tylko niektóre zewnętrzne JavaScript plik, który używasz. 590 00:31:07,150 --> 00:31:11,570 W ten sam sposób, że link do naszej CSS plików, jest to ten sam rodzaj rzeczy. 591 00:31:11,570 --> 00:31:15,480 To po prostu linki do pliku gdzie twój JavaScript jest. 592 00:31:15,480 --> 00:31:18,970 I mam kilka przykładów z prostych JavaScript. 593 00:31:18,970 --> 00:31:20,220 Tak więc będziemy przez niego przechodzi. 594 00:31:20,220 --> 00:31:27,230 A potem w indeksie JavaScript, co jest złożyć tutaj JavaScript, 595 00:31:27,230 --> 00:31:30,900 jest to rodzaj owijki że masz dla jQuery. 596 00:31:30,900 --> 00:31:33,860 Jesteś już prawie 99,9 procent będzie 597 00:31:33,860 --> 00:31:36,800 mieć to w pliku index.js. 598 00:31:36,800 --> 00:31:40,010 Bo co to mówi się, "Nic nie wykonuje 599 00:31:40,010 --> 00:31:43,480 dopóki dokument jest w rzeczywistości gotowe ", który jest dokładnie to, co chcesz. 600 00:31:43,480 --> 00:31:46,600 Bo jeśli dokument nie jest gotowy, i jQuery zaczyna robić rzeczy, 601 00:31:46,600 --> 00:31:48,020 to jest po prostu bałagan. 602 00:31:48,020 --> 00:31:50,480 Więc zawsze chcą mieć to opakowanie. 603 00:31:50,480 --> 00:31:55,760 A następnie za rzeczy, które go tam, ja pozostawiają własnym uważne swoich chłopaków. 604 00:31:55,760 --> 00:32:04,610 >> OK, więc są jakieś pytania w prawo teraz o JavaScript w ogóle? 605 00:32:04,610 --> 00:32:07,420 Lub model DOM? 606 00:32:07,420 --> 00:32:10,780 Jeśli nie, mamy jakieś fajne przykłady, że możemy przejść, 607 00:32:10,780 --> 00:32:13,120 że chłopaki mogą mi pomóc w kod. 608 00:32:13,120 --> 00:32:15,877 Ale mam też będzie bardzo ładne, a jeśli 609 00:32:15,877 --> 00:32:17,960 nie chcę nic mówić dla nich, że jest w porządku. 610 00:32:17,960 --> 00:32:20,510 Mogę też po prostu dać przykłady. 611 00:32:20,510 --> 00:32:24,581 Ale wszystko na PowerPoint, zanim przejdziemy? 612 00:32:24,581 --> 00:32:25,080 Cool. 613 00:32:25,080 --> 00:32:26,990 >> Czuję się jak faceci muszą energii. 614 00:32:26,990 --> 00:32:31,516 Więc myślę, że mamy zamiar zacząć z pierwszym moim przykładzie partii. 615 00:32:31,516 --> 00:32:33,390 Mamy trzy przykłady, masz wybór. 616 00:32:33,390 --> 00:32:37,720 Więc mamy zegar, gdzie jedziemy do wdrożenia rzeczywistej zegar, który jest 617 00:32:37,720 --> 00:32:41,430 będzie aktualizować w miarę upływu czasu. 618 00:32:41,430 --> 00:32:43,310 Mamy tę świetną funkcję Twitter. 619 00:32:43,310 --> 00:32:44,560 This-- wiesz co, trzymaj się. 620 00:32:44,560 --> 00:32:47,220 Mamy zamiar zrobić to odejść. 621 00:32:47,220 --> 00:32:47,950 Bam. 622 00:32:47,950 --> 00:32:49,060 OK. 623 00:32:49,060 --> 00:32:56,132 >> Mamy tę świetną funkcję Twitter tutaj, that-- Wiem, prawda? 624 00:32:56,132 --> 00:32:57,090 To będzie wspaniałe. 625 00:32:57,090 --> 00:32:58,350 Czy faceci podekscytowany? 626 00:32:58,350 --> 00:33:01,170 To będzie policzyć znaków, które zostały pozostawione, 627 00:33:01,170 --> 00:33:04,520 więc jeśli napiszę teraz, Oczywiście wciąż mówi 140, 628 00:33:04,520 --> 00:33:06,190 ale wiemy, że nie jest to przypadek. 629 00:33:06,190 --> 00:33:08,570 A potem z naszej ostatniej tutaj, kliknij tutaj, aby bawić. 630 00:33:08,570 --> 00:33:12,150 Co się stanie, gdy jest klikamy, w tle na 631 00:33:12,150 --> 00:33:13,340 będzie zmieniać kolory. 632 00:33:13,340 --> 00:33:17,060 Więc macie swoje opcje co chcesz zrobić w pierwszej kolejności. 633 00:33:17,060 --> 00:33:19,800 Obiecuję wezmę, że bardzo łatwo się na was. 634 00:33:19,800 --> 00:33:22,680 Czuję się jak każdy trochę po prostu bardzo niski dzisiaj kluczem. 635 00:33:22,680 --> 00:33:25,540 Więc będę musiał przejść przez jak będziemy realizować wszystkie z nich. 636 00:33:25,540 --> 00:33:28,520 Jeśli chcesz gongu w, to świetnie, ale 637 00:33:28,520 --> 00:33:30,020 poczuć się jak każdy jest trochę zmęczony. 638 00:33:30,020 --> 00:33:32,970 Więc ja po prostu Cię przez te przykłady. 639 00:33:32,970 --> 00:33:35,015 Czy mamy coś, co chcielibyśmy zrobić w pierwszej kolejności? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Każdy, kto? 642 00:33:39,475 --> 00:33:41,350 Brak preferencji? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Wiesz co? 645 00:33:42,450 --> 00:33:43,290 Jesteśmy na imprezie. 646 00:33:43,290 --> 00:33:48,380 Czuję się jak chłopaki potrzebują little-- tak, zrobimy najpierw jedna strona. 647 00:33:48,380 --> 00:33:48,880 OK. 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> Więc co mamy here-- to nie powinien tam być. 650 00:33:56,930 --> 00:33:57,910 Teraz to jest dobre. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Tak więc to, co mamy tutaj tylko proste strony HTML 653 00:34:03,110 --> 00:34:07,840 że chłopaki powinni wszyscy być super znane z ostatnich dwóch psets firmy. 654 00:34:07,840 --> 00:34:10,212 Mamy tu do naszego typu doc. 655 00:34:10,212 --> 00:34:10,920 Czy każdy może zobaczyć? 656 00:34:10,920 --> 00:34:11,420 OK. 657 00:34:11,420 --> 00:34:12,560 Cool. 658 00:34:12,560 --> 00:34:13,900 Mamy HTML oczywiście. 659 00:34:13,900 --> 00:34:18,360 Mamy jakiś nagłówek, który jest związane z arkuszem stylów, które 660 00:34:18,360 --> 00:34:21,420 po prostu się mój czcionki ładne i duże i odważne. 661 00:34:21,420 --> 00:34:23,489 Więc nie martw się o to. 662 00:34:23,489 --> 00:34:26,437 >> Mamy pewne ciało z tła Id, OK? 663 00:34:26,437 --> 00:34:28,520 Ponieważ mamy zamiar być zmiana tła. 664 00:34:28,520 --> 00:34:31,964 Więc kiedy zmieniamy tło naszego ciała, 665 00:34:31,964 --> 00:34:35,965 pamiętamy z dwa tygodnie temu gdy mamy do czynienia ze stron internetowych. 666 00:34:35,965 --> 00:34:36,840 Więc dobrze, że, że. 667 00:34:36,840 --> 00:34:39,270 I mamy pewne Id równa imprezę. 668 00:34:39,270 --> 00:34:43,909 Ten h sędzią funta po prostu oznacza, że to będzie iść do tej samej strony. 669 00:34:43,909 --> 00:34:47,120 I tutaj się bawić, dlatego też, kiedy kliknij go, 670 00:34:47,120 --> 00:34:48,940 powinien zmienić kolory, na szczęście. 671 00:34:48,940 --> 00:34:54,322 >> A potem mamy kilka skrypt tutaj jest po prostu związana z tej partii js kropka 672 00:34:54,322 --> 00:34:58,100 Plik, który jest pusty, ponieważ nie mamy jeszcze nic zrobić. 673 00:34:58,100 --> 00:35:00,450 I to jest tak smutne. 674 00:35:00,450 --> 00:35:06,100 Ale bardzo szybko, to się zmieni kolory, i to będzie super. 675 00:35:06,100 --> 00:35:10,520 >> Więc jestem po prostu chodzić was przez jaki możemy podejść do tego. 676 00:35:10,520 --> 00:35:14,030 Więc pierwszą rzeczą, która Może chcemy zrobić, 677 00:35:14,030 --> 00:35:18,050 jeśli zmieniamy tło ciała, pierwszą rzeczą, możemy chcieć 678 00:35:18,050 --> 00:35:22,730 zrobić, to rzeczywiście chwycić co ciało jest, prawda? 679 00:35:22,730 --> 00:35:27,690 Więc chcemy mieć sumę, nasze tło, i jeśli zauważysz, 680 00:35:27,690 --> 00:35:29,567 Ja po prostu automatycznie po prostu zacznij pisać. 681 00:35:29,567 --> 00:35:32,400 Nie ma nic specjalnego, że my trzeba zrobić dla naszych plików JavaScript. 682 00:35:32,400 --> 00:35:35,820 Mogę zacząć deklarowania zmiennych, i deklarując losowe funkcje. 683 00:35:35,820 --> 00:35:38,110 I jest to o wiele bardziej wolna postać. 684 00:35:38,110 --> 00:35:41,930 To tak jak z C, daliśmy wszyscy te twarde zasady, a dorastał, 685 00:35:41,930 --> 00:35:43,220 więc jesteśmy jak "iść naprzód. 686 00:35:43,220 --> 00:35:44,000 Bądź wolny. 687 00:35:44,000 --> 00:35:44,870 Rób, co chcesz. " 688 00:35:44,870 --> 00:35:46,280 I to właśnie jest obsługa JavaScript. 689 00:35:46,280 --> 00:35:48,390 Tak więc mamy tu jakieś tło. 690 00:35:48,390 --> 00:35:55,900 Z naszego modelu DOM, wiemy, że może zrobić dokument dot uzyskać elementu, 691 00:35:55,900 --> 00:36:00,290 a jeśli zauważymy tutaj nasz organizm ma Id. 692 00:36:00,290 --> 00:36:00,930 Prawda? 693 00:36:00,930 --> 00:36:06,310 Możemy więc rozumiem dokument Id, i tu jest prosty. 694 00:36:06,310 --> 00:36:08,295 Jaki jest nasz Id, że chcemy tutaj? 695 00:36:08,295 --> 00:36:09,170 PUBLICZNOŚCI: Tło. 696 00:36:09,170 --> 00:36:11,280 ALLISON Buchholtz-AU: Tło. 697 00:36:11,280 --> 00:36:12,230 Doskonałe. 698 00:36:12,230 --> 00:36:14,250 I średnik na końcu. 699 00:36:14,250 --> 00:36:15,610 To nie zniknął jeszcze. 700 00:36:15,610 --> 00:36:17,330 Trzeba jeszcze swoich średników. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Więc to jest nasza pierwsza. 703 00:36:19,690 --> 00:36:23,880 A kiedy kliknij coś, my chcesz coś się stało, prawda? 704 00:36:23,880 --> 00:36:28,270 Więc może chcemy niektóre zmienne że czeka na kliknięcie. 705 00:36:28,270 --> 00:36:32,410 Co zamierzamy zrobić, to będziemy sprawić, by nasz związek bardziej podobna do przycisku. 706 00:36:32,410 --> 00:36:43,140 Więc będziemy mieć jakieś przycisk, który równa udokumentować dot uzyskać elementu przez Id. 707 00:36:43,140 --> 00:36:48,670 A jeśli mówię kliknij link, lub kliknij tutaj, aby bawić 708 00:36:48,670 --> 00:36:51,850 Link, co może być tutaj mój Id? 709 00:36:51,850 --> 00:36:52,590 Party. 710 00:36:52,590 --> 00:36:55,200 Poprawne. 711 00:36:55,200 --> 00:36:56,500 OK, nie jest tak źle jak na razie. 712 00:36:56,500 --> 00:36:59,060 Wszyscy się to, co robimy? 713 00:36:59,060 --> 00:37:02,100 >> OK, więc teraz mamy nasze przycisk, a my chcemy 714 00:37:02,100 --> 00:37:04,140 rzeczy zmienić, gdy klikamy na nią. 715 00:37:04,140 --> 00:37:08,750 Więc jeśli pamiętamy z naszego programu PowerPoint, bardzo prosty, co możemy zrobić 716 00:37:08,750 --> 00:37:12,140 jest tylko przycisk dot onclick, prawda? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 I to będzie równe niektórych funkcji. 719 00:37:18,730 --> 00:37:20,620 To jest anonimowa funkcja. 720 00:37:20,620 --> 00:37:24,620 I to właśnie as-- rzeczywiście jestem zamiar zrobić to trochę większy. 721 00:37:24,620 --> 00:37:27,330 >> Więc to, co właśnie zrobił tu mówię, OK, 722 00:37:27,330 --> 00:37:31,810 gdy kliknij przycisk, który naszym jest link, który po prostu, o których mowa, 723 00:37:31,810 --> 00:37:34,270 mamy zamiar wykonać ta anonimowa funkcja. 724 00:37:34,270 --> 00:37:35,845 Nie potrzebujemy żadnych nakładów. 725 00:37:35,845 --> 00:37:37,220 Nie obchodzi mnie, co mówi użytkownika. 726 00:37:37,220 --> 00:37:38,800 Po kliknięciu na tym, że jesteśmy zamiar robić, co chcemy, 727 00:37:38,800 --> 00:37:40,660 który jest zmienić kolor tła. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 To dlatego, że nie mamy żadnych wejść, musimy po prostu anonimowych funkcji. 730 00:37:47,224 --> 00:37:49,390 A teraz jesteśmy naprawdę dzieje do napisania tej funkcji. 731 00:37:49,390 --> 00:37:55,040 >> Więc jest kilka sposobów, można może wygenerować losowy kolor. 732 00:37:55,040 --> 00:37:59,010 Sposób, że zrobiłem to było generowania trzech liczb losowych 733 00:37:59,010 --> 00:38:01,910 i konwertować je do potrójnego RGB. 734 00:38:01,910 --> 00:38:06,130 Więc to tylko pokazuje jakieś fajne rzeczy, że jeśli jesteś jak "Och, 735 00:38:06,130 --> 00:38:08,464 Muszę wygenerować losowy liczba. "jeśli go Googled, 736 00:38:08,464 --> 00:38:09,630 jest to, co można znaleźć. 737 00:38:09,630 --> 00:38:17,580 >> Mamy więc trzy różne rzeczy, var, znowu czerwony, zielony. 738 00:38:17,580 --> 00:38:18,080 Prawda? 739 00:38:18,080 --> 00:38:20,740 To są trzy rzeczy, które składają się na kolor. 740 00:38:20,740 --> 00:38:22,220 Niebieski, czerwony i zielony. 741 00:38:22,220 --> 00:38:22,960 Cool. 742 00:38:22,960 --> 00:38:27,050 I co możemy zrobić, jest to, że wiemy, że musi być pomiędzy 255 743 00:38:27,050 --> 00:38:30,140 a jeśli spojrzał niektóre Generator liczb losowych, 744 00:38:30,140 --> 00:38:36,000 można dostać coś w matematyce dot losowe, które jeśli spojrzeć to się 745 00:38:36,000 --> 00:38:39,230 powraca do pewnej liczby od zera do jeden. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 A co zrobić, nasze numery Trzyosobowe RGB przejść pomiędzy? 748 00:38:44,470 --> 00:38:47,240 Zero i co z tego? 749 00:38:47,240 --> 00:38:49,000 Co oni mogą przejść do? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Więc jeśli matematyka dot losowo idzie od zera do jednego, 752 00:38:53,320 --> 00:38:56,365 jak możemy chcesz przekonwertować to? 753 00:38:56,365 --> 00:38:56,990 PUBLICZNOŚCI: Czas? 754 00:38:56,990 --> 00:38:57,830 ALLISON Buchholtz-AU: Tak, dokładnie. 755 00:38:57,830 --> 00:38:58,677 Więc czas jest 255. 756 00:38:58,677 --> 00:39:00,888 >> PUBLICZNOŚCI: [niesłyszalne] To jak [niesłyszalne]. 757 00:39:00,888 --> 00:39:02,471 ALLISON Buchholtz-AU: Matematyka dot losowo. 758 00:39:02,471 --> 00:39:03,096 PUBLICZNOŚCI: Spoko. 759 00:39:03,096 --> 00:39:04,580 ALLISON Buchholtz-AU: Tak. 760 00:39:04,580 --> 00:39:06,300 JavaScript po prostu troszczy się o ciebie. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Tak więc możemy zrobić dla nich wszystkich. 763 00:39:09,360 --> 00:39:10,540 Prawda? 764 00:39:10,540 --> 00:39:16,480 Matematyka dot losowych razy 255. 765 00:39:16,480 --> 00:39:17,740 Zrozumiałem. 766 00:39:17,740 --> 00:39:18,820 Cool. 767 00:39:18,820 --> 00:39:23,350 Więc jest to, może to nie zwraca liczbę całkowitą. 768 00:39:23,350 --> 00:39:24,080 Prawda? 769 00:39:24,080 --> 00:39:26,450 Może trochę numer od zera do jednej, 770 00:39:26,450 --> 00:39:32,150 i powoduje, że jest lekko off, a nasze RGBS nie może być pływaki. 771 00:39:32,150 --> 00:39:33,360 Muszą być ints. 772 00:39:33,360 --> 00:39:37,610 Więc jeśli próbowałem, to pewnie jakieś złe zachowanie. 773 00:39:37,610 --> 00:39:38,810 Byłoby trochę odjazdowe. 774 00:39:38,810 --> 00:39:43,200 Więc co możemy zrobić, to chcemy, aby upewnić się, że są one zaokrąglone 775 00:39:43,200 --> 00:39:45,400 i można zaokrąglić w obu kierunkach. 776 00:39:45,400 --> 00:39:47,110 I zaokrąglone piętrze. 777 00:39:47,110 --> 00:39:49,680 Więc zawsze się że zaokrągla się w dół. 778 00:39:49,680 --> 00:39:54,440 Ale dzieje się z jak łatwo było po prostu liczbę losową, 779 00:39:54,440 --> 00:39:57,920 jak myślisz, mógłby piętrze ten numer? 780 00:39:57,920 --> 00:40:00,720 Jest bardzo podobny. 781 00:40:00,720 --> 00:40:02,810 Każdy pomysł? 782 00:40:02,810 --> 00:40:06,450 Więc jeśli losowo tylko matematyka kropka losowo, więc myślisz, że robimy podłogę? 783 00:40:06,450 --> 00:40:09,670 Matematyka dot piętrze. 784 00:40:09,670 --> 00:40:11,340 I można to zrobić również matematyki dot sufit. 785 00:40:11,340 --> 00:40:14,030 Okrągłe jest rodzaj niejednoznaczne dlatego, że nie 786 00:40:14,030 --> 00:40:16,110 wiedzieć, czy zaokrąglić w górę lub zaokrąglić w dół. 787 00:40:16,110 --> 00:40:20,797 Więc zazwyczaj zawsze robimy matematyki Kropka podłoga, sufit matematyki kropka. 788 00:40:20,797 --> 00:40:21,380 Ale honestly-- 789 00:40:21,380 --> 00:40:22,780 >> PUBLICZNOŚCI: Czy rundę piętro w dół? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON Buchholtz-AU: Piętro zaokrągla w dół. 791 00:40:24,740 --> 00:40:26,990 A to tylko wybór z mojej strony. 792 00:40:26,990 --> 00:40:32,370 >> Więc teraz mamy nasze trzy numery które zostały losowo generowany 793 00:40:32,370 --> 00:40:36,610 i to, co mamy zamiar zrobić to teraz jesteśmy po prostu się zmienić tło. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Więc już mamy nasze tło rodzaj przechowywane 796 00:40:41,490 --> 00:40:43,280 w tym elemencie zwanego tła. 797 00:40:43,280 --> 00:40:47,300 Więc co można zauważyć to, że jeżeli Ci bawił się tym, 798 00:40:47,300 --> 00:40:50,460 chcemy zmienić styl. 799 00:40:50,460 --> 00:40:53,812 I to jest coś, że rodzaj byś Google i dowiedzieć się, 800 00:40:53,812 --> 00:40:55,020 lubię jak zmienić kolor. 801 00:40:55,020 --> 00:40:59,210 >> Ale sposób, w jaki ten kolor jest dostęp tło dot stylu dot tle. 802 00:40:59,210 --> 00:41:03,490 Więc to jest powiedzenie podano ten obiekt, tło, 803 00:41:03,490 --> 00:41:06,920 który odnosi się do tego, Element Id tam, 804 00:41:06,920 --> 00:41:10,690 mamy zamiar spojrzeć na Styl w stylu, 805 00:41:10,690 --> 00:41:13,280 mamy zamiar spojrzeć na tle. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 A jeżeli i sprawdzić to, może warto trochę więcej sensu, 808 00:41:17,630 --> 00:41:21,930 ale to jest w zasadzie tylko powiedzieć, "Daj mi to bardzo specyficzny atrybut 809 00:41:21,930 --> 00:41:25,770 z tego, co określono wcześniej. " 810 00:41:25,770 --> 00:41:32,340 Więc co mamy zmienić go na to niektóre RGB, bo to ma sens. 811 00:41:32,340 --> 00:41:34,780 Używamy RGB trzyosobowe, prawda? 812 00:41:34,780 --> 00:41:41,530 A my have-- chcę się upewnić, że uzyskać odpowiednią liczbę cytatów tutaj. 813 00:41:41,530 --> 00:41:43,940 Więc co możemy zrobić, to mamy RGB, i będziemy 814 00:41:43,940 --> 00:41:46,800 to-- to jest jak konkatenacji, który jest czerwony. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 A potem chcemy jakiś przecinek. 817 00:41:52,610 --> 00:41:59,925 A potem chcemy Plus zielony, wtedy jakiś przecinek, a niektóre niebieskie. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Więc te plusy po prostu na myśli łączenie. 820 00:42:14,120 --> 00:42:19,810 Więc to jest tylko tworzenie tego Ciąg, który będzie w ramach RGB. 821 00:42:19,810 --> 00:42:20,310 OK? 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> PUBLICZNOŚCI: [niesłyszalne] oraz następnie zielone oraz następnie czerwony. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON Buchholtz-AU: Tak, bo zawiedli, że się. 825 00:42:30,163 --> 00:42:30,890 Że jeden jest w porządku. 826 00:42:30,890 --> 00:42:32,110 Och, trzymaj się. 827 00:42:32,110 --> 00:42:32,610 Nie. 828 00:42:32,610 --> 00:42:36,770 Bo muszę się upewnić, że mam wszystkie te prawa. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Więc wyjaśnię w uno momento. 831 00:42:43,950 --> 00:42:47,040 Zielony, niebieski, doskonały. 832 00:42:47,040 --> 00:42:47,971 Teraz skończę. 833 00:42:47,971 --> 00:42:48,470 Wierzę. 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> OK. 836 00:42:52,530 --> 00:42:58,085 Więc co to jest, to, że w tle zostanie ustawiony na jakimś sznurkiem. 837 00:42:58,085 --> 00:42:58,585 Prawda? 838 00:42:58,585 --> 00:42:59,710 Czyli to, co my tu mamy. 839 00:42:59,710 --> 00:43:05,870 To będzie trochę RGB 255 przecinkami 255 przecinek zero, czy cokolwiek ci numer 840 00:43:05,870 --> 00:43:06,512 mają tam. 841 00:43:06,512 --> 00:43:08,220 Więc tutaj robimy, mamy jakiś ciąg. 842 00:43:08,220 --> 00:43:11,910 A to, co chcemy zrobić, to jesteśmy rodzaj dynamicznego tworzenia 843 00:43:11,910 --> 00:43:14,010 że kiedy faktycznie uruchomić ten program. 844 00:43:14,010 --> 00:43:16,570 Więc to jest jakiś ciąg. 845 00:43:16,570 --> 00:43:20,290 Plus skleja je Wartość, która ma czerwone, 846 00:43:20,290 --> 00:43:23,320 które skleja je przecinek, który skleja je 847 00:43:23,320 --> 00:43:26,090 z tego, co jest zielone, a tak dalej, i tak dalej. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Aż do samego końca, co jest zamykanie nawiasów tego RGB tutaj. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Więc co to będzie generować pewne polecenia naprawdę 852 00:43:37,230 --> 00:43:42,770 czyli RGB z trzech liczb że tło będzie teraz. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Zobaczmy więc, czy to działa. 855 00:43:46,510 --> 00:43:49,720 Mam nadzieję, że tak, bo jeśli to nie, mam zamiar być naprawdę smutne. 856 00:43:49,720 --> 00:43:50,250 O nie. 857 00:43:50,250 --> 00:43:52,710 OK, trzymaj się. 858 00:43:52,710 --> 00:43:56,730 Zdecydowanie tle dot stylu dot tle. 859 00:43:56,730 --> 00:43:59,569 Jestem zdecydowanie brakuje coś, co po prostu małe. 860 00:43:59,569 --> 00:44:00,610 Czy nie macie w nienawiści, że? 861 00:44:00,610 --> 00:44:04,020 Gdy jest to tylko mały mały błąd? 862 00:44:04,020 --> 00:44:04,990 Wszechmogący tle. 863 00:44:04,990 --> 00:44:08,391 864 00:44:08,391 --> 00:44:08,890 RGB. 865 00:44:08,890 --> 00:44:09,765 >> PUBLICZNOŚCI: [niesłyszalne] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON Buchholtz-AU: Nie 868 00:44:12,770 --> 00:44:14,050 Próbowałem to przed klasą. 869 00:44:14,050 --> 00:44:16,570 Mam wszystko, co robiłem wcześniej Klasa w przypadku ja na to: 870 00:44:16,570 --> 00:44:17,970 "Czekać, co zrobiłem źle?" 871 00:44:17,970 --> 00:44:23,190 Bo ja na to: "Prawdopodobnie będę bałagan to się w pewnym momencie. " 872 00:44:23,190 --> 00:44:24,150 Plus zielony. 873 00:44:24,150 --> 00:44:26,250 Wszystko wygląda na to, że to łączone prawidłowo. 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 OK. 876 00:44:30,520 --> 00:44:31,870 >> PUBLICZNOŚCI: [niesłyszalne] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON Buchholtz-AU: Och, proszę. 878 00:44:33,810 --> 00:44:35,520 To jest to, co potrzebne. 879 00:44:35,520 --> 00:44:36,805 Spójrz na to. 880 00:44:36,805 --> 00:44:40,090 Tiffany, aby uratować. 881 00:44:40,090 --> 00:44:40,590 Doskonałe. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Teraz zobaczmy, czy to działa. 884 00:44:43,834 --> 00:44:44,816 O mój Boże. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Trzymaj się. 887 00:44:46,140 --> 00:44:48,280 >> PUBLICZNOŚCI: Przestrzeń po drugim plus. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON Buchholtz-AU: Który? 889 00:44:50,310 --> 00:44:52,910 Oh wait, trzymaj się. 890 00:44:52,910 --> 00:44:54,870 Zużycie miejsca? 891 00:44:54,870 --> 00:44:57,209 >> PUBLICZNOŚCI: drugie oraz w zielone konkatenacji. 892 00:44:57,209 --> 00:44:58,250 ALLISON Buchholtz-AU: Och. 893 00:44:58,250 --> 00:44:59,570 PUBLICZNOŚCI: Nie ma miejsca po plusie, tak. 894 00:44:59,570 --> 00:45:00,790 ALLISON Buchholtz-AU: Ty nie trzeba, że, ale- 895 00:45:00,790 --> 00:45:01,190 PUBLICZNOŚCI: Och, nie wiesz? 896 00:45:01,190 --> 00:45:01,910 ALLISON Buchholtz-AU: To wygląda całkiem. 897 00:45:01,910 --> 00:45:02,530 PUBLICZNOŚCI: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON Buchholtz AU: Zobaczymy, czy to działa. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Ja oczywiście w przypadku braku na to demo, które przypomina mi 902 00:45:07,836 --> 00:45:12,810 wykładu drugi tydzień, ale wiem, że to będzie działać. 903 00:45:12,810 --> 00:45:15,860 Wiem, że to będzie działać. 904 00:45:15,860 --> 00:45:16,580 Tak blisko. 905 00:45:16,580 --> 00:45:22,330 Chyba, że ​​przypadkowo usunięte mój skrypt na ten jeden. 906 00:45:22,330 --> 00:45:24,035 Nie, to jest kropka firm js. 907 00:45:24,035 --> 00:45:25,776 OK, trzymaj się. 908 00:45:25,776 --> 00:45:28,650 Mam zamiar skopiować, a ja też jestem po prostu się usunąć wszystko, 909 00:45:28,650 --> 00:45:30,108 bo miałem to działa wcześniej. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Obiecuję, że działa. 912 00:45:33,770 --> 00:45:36,160 Jeśli nie, pokażę ci, co Tommy jest. 913 00:45:36,160 --> 00:45:38,890 I tam. 914 00:45:38,890 --> 00:45:42,380 >> PUBLICZNOŚCI: Jesteś odwołanie imprezy Kropka CSS, i jest to js stron dot. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON Buchholtz-AU: Ach, dobrze tutaj jest firm js kropka. 916 00:45:45,940 --> 00:45:49,187 OK, co zrobiłem inaczej? 917 00:45:49,187 --> 00:45:50,520 OK, zobaczymy, czy to działa teraz. 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 Bam. 920 00:45:54,980 --> 00:46:02,110 Tak więc, nie wiem, co zrobiłem inaczej, ale to jest to, co powinno się zdarzyć. 921 00:46:02,110 --> 00:46:03,230 Fajne. 922 00:46:03,230 --> 00:46:06,650 Kliknąłem na ten temat, tak jak zawsze. 923 00:46:06,650 --> 00:46:11,185 Ale możemy spróbować i zobaczyć, co zrobiłem inaczej, że ten miał. 924 00:46:11,185 --> 00:46:14,560 Nie wiem o was, ale to Wygląda w zasadzie to, co właśnie napisałem. 925 00:46:14,560 --> 00:46:17,950 Nie było chyba brakuje średnik gdzieś jest moja sprawa. 926 00:46:17,950 --> 00:46:22,064 Właściwie po, myślę, że mi brakuje średnik tutaj naprawdę. 927 00:46:22,064 --> 00:46:24,230 Ale ja nie mogę zobaczyć, bo to było na ekranie. 928 00:46:24,230 --> 00:46:29,040 >> Ale jeśli widzimy, jest to dość bardzo dokładnie, co właśnie napisałem. 929 00:46:29,040 --> 00:46:33,010 Myślę, że chyba najtrudniejsze jest to po prostu rodzaj tej rzeczy w prawo 930 00:46:33,010 --> 00:46:36,830 tutaj, zrozumienie co tam robi. 931 00:46:36,830 --> 00:46:42,230 Tego rodzaju rzeczy można się nauczyć tak naprawdę tylko przez Googling i uczciwie 932 00:46:42,230 --> 00:46:42,880 tylko próbuje. 933 00:46:42,880 --> 00:46:46,770 Jeśli uważasz, że jest jakiś atrybut, prawdopodobnie istnieje. 934 00:46:46,770 --> 00:46:48,382 Więc spróbuj. 935 00:46:48,382 --> 00:46:49,090 Zobacz, co się dzieje. 936 00:46:49,090 --> 00:46:53,000 Jak powiedziałem, jest dużo eksperymenty z JavaScript, 937 00:46:53,000 --> 00:46:56,810 i PHP, a wszystko, co rzeczy, i CSS w szczególności. 938 00:46:56,810 --> 00:47:00,046 To jedyna prawdziwa sposób, żeby to zrozumieć. 939 00:47:00,046 --> 00:47:07,100 >> OK, więc po tym fiasku z partii dot js, mamy dwie inne opcje. 940 00:47:07,100 --> 00:47:10,650 Mamy zegar lub Twitter. 941 00:47:10,650 --> 00:47:12,190 Oboje są interesujące. 942 00:47:12,190 --> 00:47:17,720 Może nie jest tak zabawne, jak strony, który miał fajny mały stroboskopowym 943 00:47:17,720 --> 00:47:19,595 co w końcu. 944 00:47:19,595 --> 00:47:21,714 Czy faceci preferują? 945 00:47:21,714 --> 00:47:22,380 PUBLICZNOŚCI: Zegar? 946 00:47:22,380 --> 00:47:22,950 ALLISON Buchholtz-AU: Zegar? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 Cool. 949 00:47:25,390 --> 00:47:30,460 >> Więc znowu, mamy pusty plik JavaScript. 950 00:47:30,460 --> 00:47:35,800 I jak tu widzimy, że mają kilka bardzo prostego HTML. 951 00:47:35,800 --> 00:47:40,010 Mamy arkusz stylów, które po prostu formatach, co to ma wyglądać. 952 00:47:40,010 --> 00:47:42,860 Mamy div z Id zegara, które 953 00:47:42,860 --> 00:47:44,420 po prostu mówi, "to powinno być zegar." 954 00:47:44,420 --> 00:47:47,650 I mamy nasz link do naszego pliku JavaScript 955 00:47:47,650 --> 00:47:51,400 że rzeczywiście będzie generować nasz zegar dla nas. 956 00:47:51,400 --> 00:47:56,060 Bo fajne rzeczy, jest to, że można ustawić JavaScript do automatycznego odświeżania 957 00:47:56,060 --> 00:47:56,963 Sam. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Więc zamiast czekać na Użytkownik trafić Refresh na stronie 960 00:48:01,580 --> 00:48:03,840 tak, że można dostać aktualizacja czasu, JavaScript 961 00:48:03,840 --> 00:48:06,760 może aktualizować go jednak lubi. 962 00:48:06,760 --> 00:48:12,082 >> Tak, jak w przypadku naszej ostatniej, chcieliśmy dostęp do naszego tła, prawda? 963 00:48:12,082 --> 00:48:14,790 Więc co myślisz może być Pierwszą rzeczą, którą chcemy zrobić tutaj? 964 00:48:14,790 --> 00:48:19,538 Jeśli mamy trochę schodzili ten rodzaj paradygmatu tutaj? 965 00:48:19,538 --> 00:48:22,200 Prawdopodobnie chcą dostęp do naszego zegara, prawda? 966 00:48:22,200 --> 00:48:24,724 Tak, mamy kilka var Zegar, który equals-- 967 00:48:24,724 --> 00:48:26,140 co o tym myślimy, że będzie? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dokument dot uzyskać elementu by-- I również kocham Sublime-- Id i nasz Id jest zegar. 970 00:48:42,670 --> 00:48:43,585 Średnik. 971 00:48:43,585 --> 00:48:45,710 Muszę się upewnić, aby uzyskać te średniki tym czasie, 972 00:48:45,710 --> 00:48:47,835 bo czuję, że Problem był ostatni raz. 973 00:48:47,835 --> 00:48:55,980 OK, tak, jak mi tylko, że z próby mieć JavaScript odświeżyć się, 974 00:48:55,980 --> 00:48:59,655 nie ma to wielkie funkcji, ja Wiem, że przyszedł w poręcznej ubiegłego roku, 975 00:48:59,655 --> 00:49:02,780 Nie jestem pewien, że jest przydatna do tego zbior, ale to się nazywa odmierzanie czasu. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 I to jest rzeczywiście bardzo fajne, jeśli wy nic zrobić 978 00:49:08,200 --> 00:49:11,460 z czasem lub coraz zaktualizowane informacje. 979 00:49:11,460 --> 00:49:13,700 Na stronie internetowej w finale projektu, jest to prawdopodobnie 980 00:49:13,700 --> 00:49:16,240 Funkcja chcesz uzyskać bardzo znane. 981 00:49:16,240 --> 00:49:19,730 Więc co ustawić interwał nie jest to, że mamy zamiar dać mu funkcji, 982 00:49:19,730 --> 00:49:21,830 i jak często powinien wywołać tę funkcję. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Więc w tym przypadku, mamy po prostu będzie ponownie stworzyć jakąś anonimową funkcję, 985 00:49:26,890 --> 00:49:31,530 OK, że będzie się nasz dzień i nasz czas, 986 00:49:31,530 --> 00:49:33,780 a następnie zaktualizować rzeczy i wyświetlić go. 987 00:49:33,780 --> 00:49:35,130 Więc będziemy się tym martwić. 988 00:49:35,130 --> 00:49:39,120 Będziemy jak generować zegar tutaj. 989 00:49:39,120 --> 00:49:41,750 Ale to, czego potrzebujemy jest jak Często, aby go odświeżyć. 990 00:49:41,750 --> 00:49:43,930 Więc w tym przypadku, to tylko milisekund. 991 00:49:43,930 --> 00:49:46,877 Tak więc jesteśmy po prostu będzie to 100 milisekund. 992 00:49:46,877 --> 00:49:48,210 Oczywiście całkowicie arbitralne. 993 00:49:48,210 --> 00:49:50,600 Jeśli chcesz go zaktualizować znacznie wolniej, można. 994 00:49:50,600 --> 00:49:53,300 Możemy poeksperymentować z ustawionym czasem, 995 00:49:53,300 --> 00:49:57,240 jak duża jest nasza przerwa po otrzymujemy Zegar działa, które mam nadzieję, że będę 996 00:49:57,240 --> 00:49:59,660 dostać. 997 00:49:59,660 --> 00:50:04,110 Więc to jest po prostu, mówiąc: "OK, rozmowa funkcja ta co 100 milisekund. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 To wszystko, co robi. 1000 00:50:07,280 --> 00:50:12,290 >> Więc to, co chcemy naszą funkcję zrobić, to chcemy mieć jakieś daty 1001 00:50:12,290 --> 00:50:14,200 i jest co jakiś czas będziemy mieć. 1002 00:50:14,200 --> 00:50:19,740 Więc możemy zacząć nasze Data równa coś, 1003 00:50:19,740 --> 00:50:22,708 i nasz czas równy coś że my jeszcze nie wiemy. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Albo rzeczywiście, musimy tylko datę, ponieważ Data będzie obejmować wszystko. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Ponownie, jeśli tylko nic o Google to, co chcesz zrobić, jeśli piszesz, "OK, 1008 00:50:40,010 --> 00:50:41,980 Chcę uzyskać czas za pośrednictwem JavaScript "To 1009 00:50:41,980 --> 00:50:45,890 daje to wielkie Funkcja o nazwie Data get. 1010 00:50:45,890 --> 00:50:48,664 Dosłownie, większość rzeczy , że chcesz to zrobić, 1011 00:50:48,664 --> 00:50:50,830 JavaScript będzie musiał to zrobić dla Ciebie już. 1012 00:50:50,830 --> 00:50:55,770 Więc to jest dosłownie jak nowy się data, która jest creating-- 1013 00:50:55,770 --> 00:50:58,600 lub nowa data, rather-- który generuje 1014 00:50:58,600 --> 00:51:03,690 niektóre obiekt reprezentujący datę. 1015 00:51:03,690 --> 00:51:08,200 >> A co mamy zamiar zrobić tutaj jest to is-- Zamierzam napisać to, 1016 00:51:08,200 --> 00:51:10,820 a następnie wyjaśnić, co robi. 1017 00:51:10,820 --> 00:51:12,560 Więc będę mieć pewność, że się tego prawa. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, więc to, co ta funkcja nie, to jesteśmy po prostu 1020 00:51:23,440 --> 00:51:30,680 tworzenia kodu HTML, który jest w rzeczywistości pójdzie w naszej div id zegara. 1021 00:51:30,680 --> 00:51:34,610 Więc co to będzie robić jest po prostu generowania sznurek, OK? 1022 00:51:34,610 --> 00:51:38,510 Który następnie będzie przeniesione do naszego HTML. 1023 00:51:38,510 --> 00:51:42,130 W zasadzie to, co zamierza zrobić to co we-- co pokażę ci 1024 00:51:42,130 --> 00:51:49,070 jest to, że cokolwiek powiemy HTML jest, mamy zamiar zastąpić ten tekst tutaj 1025 00:51:49,070 --> 00:51:51,090 z niezależnie HTML jest. 1026 00:51:51,090 --> 00:51:56,390 Tak to się dzieje, aby umożliwić nam zmienić nasz zegar kropka 1027 00:51:56,390 --> 00:52:00,940 HTML od bycia po prostu tego tekstu powinien być zegar, faktycznie pokazano 1028 00:52:00,940 --> 00:52:05,630 numery i rzeczy, które nam zależy o, i rzeczywiście być godzina. 1029 00:52:05,630 --> 00:52:09,810 >> Tak więc to, co mamy zamiar zrobić, to jesteśmy zamiar rozpocznie generowanie kodu HTML. 1030 00:52:09,810 --> 00:52:16,520 Tak więc w taki sam sposób, użyliśmy zrobić Plus wynosi dla liczb całkowitych, 1031 00:52:16,520 --> 00:52:20,461 można teraz zrobić na smyczki, chyba to się je złączyć. 1032 00:52:20,461 --> 00:52:20,960 Prawda? 1033 00:52:20,960 --> 00:52:26,070 Jak widzieliśmy z kropek i zabawy js, to tylko skleja wszystkie te rzeczy razem. 1034 00:52:26,070 --> 00:52:31,970 Więc można łączyć różne bity Kopiuj ze zmiennych, lub bitów strun 1035 00:52:31,970 --> 00:52:33,750 że piszesz się samodzielnie, a to po prostu 1036 00:52:33,750 --> 00:52:38,650 naprawdę pozwala dynamicznie generowanie kodu HTML, który jest całkiem fajne. 1037 00:52:38,650 --> 00:52:42,040 Więc jeśli masz coś bardzo łatwy specyficzne, 1038 00:52:42,040 --> 00:52:44,130 może to pozwoli Ci zrobić. 1039 00:52:44,130 --> 00:52:47,550 >> Więc mamy HTML, aby zamierzam spróbować i upewnić się uzyskać to prawo. 1040 00:52:47,550 --> 00:52:49,890 Tak więc mamy zamiar zrobić nagłówek h1. 1041 00:52:49,890 --> 00:52:53,610 Więc co jest ważne, aby uświadomić sobie, tutaj jest to, że jest to właściwie tylko HTML. 1042 00:52:53,610 --> 00:52:54,460 Prawda? 1043 00:52:54,460 --> 00:52:56,610 Piszemy rzeczywista Kod HTML, który w tym przypadku jest to 1044 00:52:56,610 --> 00:53:01,090 nie tylko ciąg w normalnym sposób, że będziemy o tym myśleć. 1045 00:53:01,090 --> 00:53:02,930 Mamy więc niektóre HTML. 1046 00:53:02,930 --> 00:53:04,940 Uważa się to za ciąg tu jednak. 1047 00:53:04,940 --> 00:53:10,380 A my datę zrobienia dot-- my chcą się nasze godziny. 1048 00:53:10,380 --> 00:53:12,910 Ponownie, jeśli były szukać nic o dacie się, 1049 00:53:12,910 --> 00:53:16,160 to powiedzieć, to wszystko atrybuty data ma. 1050 00:53:16,160 --> 00:53:17,670 A oto co można użyć na nim. 1051 00:53:17,670 --> 00:53:20,620 Więc to chyba ma takie rzeczy jak uzyskać godzin, i dostać minut, 1052 00:53:20,620 --> 00:53:24,669 i dostać sekund i uzyskać milisekund, i kto wie co jeszcze mają. 1053 00:53:24,669 --> 00:53:27,210 Ale jeśli spojrzeć na dokumentacja, wszystko będzie tam. 1054 00:53:27,210 --> 00:53:31,980 >> Więc musimy się godzina, i wtedy chcemy 1055 00:53:31,980 --> 00:53:35,614 złączyć, że with-- jestem zamiar przenieść to tutaj. 1056 00:53:35,614 --> 00:53:38,780 Więc jeśli mamy generowania teraz jesteśmy faktycznie generuje czas, prawda? 1057 00:53:38,780 --> 00:53:43,590 Mamy godzin, a następnie co pomiędzy godzinami i minutami? 1058 00:53:43,590 --> 00:53:45,080 Musisz średnik, prawda? 1059 00:53:45,080 --> 00:53:48,010 Dlatego chcemy, aby zrobić kilka średnik tutaj. 1060 00:53:48,010 --> 00:53:51,780 A potem chcemy dostać nasze minuta, a więc w taki sam sposób, 1061 00:53:51,780 --> 00:53:56,450 że mamy datę dot uzyskać godzin, jak możemy dostać nasze minut? 1062 00:53:56,450 --> 00:54:01,542 Jest to dosłownie Data kropka się minut, co ja niby lubią. 1063 00:54:01,542 --> 00:54:03,250 To jak, "och, jak mogę dostać moje minut? " 1064 00:54:03,250 --> 00:54:05,850 Ja po prostu moje minut. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 A potem mamy tu kolejny dwukropek. 1067 00:54:10,990 --> 00:54:16,350 A potem, jeśli chcemy uzyskać nasze sekund, w jaki sposób możemy uzyskać naszą sekund? 1068 00:54:16,350 --> 00:54:17,400 Data dot uzyskać sekund. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Myślę, że to całkiem fajne. 1071 00:54:21,590 --> 00:54:23,589 I co ważne, aby sobie sprawę, że my również 1072 00:54:23,589 --> 00:54:31,730 należy zamknąć nasz znacznik HTML tutaj, ponieważ w dalszym ciągu powinno być ważne HTML, więc h1. 1073 00:54:31,730 --> 00:54:33,481 Cool. 1074 00:54:33,481 --> 00:54:43,110 >> Więc po tym, co możemy zrobić zegar Kropka wewnętrzna HTML jest równa HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Więc pamiętam, jak powiedziałem, Wewnętrzna HTML zasadzie 1077 00:54:46,470 --> 00:54:50,610 ma wszystko, co jest między dwa tagi, że rozmawialiśmy o 1078 00:54:50,610 --> 00:54:54,470 i wkładki lub manipuluje to, co jest w środku? 1079 00:54:54,470 --> 00:54:58,290 Więc co to robi, jeśli wracamy do naszego zegara, 1080 00:54:58,290 --> 00:55:04,180 jest to, że odnosi się do zegara wszystko w tym div. 1081 00:55:04,180 --> 00:55:09,770 To wewnętrzne HTML tego zegara Id div. 1082 00:55:09,770 --> 00:55:13,930 I tak to się zmienić na HTML właśnie generowane, 1083 00:55:13,930 --> 00:55:16,750 które, które, miejmy nadzieję, mam nadzieję, mam nadzieję, 1084 00:55:16,750 --> 00:55:21,026 pokaże czas teraz. 1085 00:55:21,026 --> 00:55:23,960 Zobaczymy. 1086 00:55:23,960 --> 00:55:25,170 Oczywiście. 1087 00:55:25,170 --> 00:55:26,860 Tak wiele problemów technicznych. 1088 00:55:26,860 --> 00:55:31,480 Just-- Allison jestem z moich gier współczesnych facetów. 1089 00:55:31,480 --> 00:55:34,136 OK, to działa. 1090 00:55:34,136 --> 00:55:35,760 Zegar dot wewnętrzną HTML. 1091 00:55:35,760 --> 00:55:42,097 Było HTML Naprawdę? 1092 00:55:42,097 --> 00:55:43,180 Również to, co się dzieje. 1093 00:55:43,180 --> 00:55:48,750 Kiedy nie można zobaczyć coś cię, wystarczy spojrzeć na kodzie źródłowym. 1094 00:55:48,750 --> 00:55:49,250 OK. 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 Czy chcesz wiedzieć fajne prace wokół że będziemy robić tutaj? 1097 00:55:54,870 --> 00:55:55,740 >> PUBLICZNOŚCI: Czy można zrobić wielkie litery? 1098 00:55:55,740 --> 00:55:56,580 Wielkie litery? 1099 00:55:56,580 --> 00:55:58,996 Bo trzeba uzyskać godzin, a następnie dostać minut. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON Buchholtz-AU: To jest uzyskać godzin i get-- och. 1101 00:56:02,590 --> 00:56:04,945 Ty are-- Gold Star. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 To wszystko testy, chłopaki. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Obiecuję, że pracuje przed klasą. 1106 00:56:17,330 --> 00:56:22,590 >> OK, ale coś fajnego wiedzieć, że można also-- jeśli czasem 1107 00:56:22,590 --> 00:56:26,560 zewnętrzne pliki się nieco szalony, 1108 00:56:26,560 --> 00:56:30,960 można też po prostu je prosto tu, który ma tendencję do naprawić rzeczy. 1109 00:56:30,960 --> 00:56:35,840 Poza tym jest jak naprawdę brzydki. 1110 00:56:35,840 --> 00:56:38,050 Oczywiście sformatować wszystko. 1111 00:56:38,050 --> 00:56:41,425 Upewnij się, że to wszystko jest dość. 1112 00:56:41,425 --> 00:56:41,925 OK. 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> Chciałem zrobić wszystkie fajne dema, a oni po prostu nie pracuje. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Skrypt var zegara. 1117 00:56:53,890 --> 00:57:00,350 W każdym razie, co ważne jest że jest to sposób ogólny 1118 00:57:00,350 --> 00:57:01,870 że można sformatować JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Jak widać, może być bardzo wybredny czasami, 1120 00:57:04,490 --> 00:57:08,780 nawet wtedy, gdy to było dosłownie pracy dwóch sekund temu. 1121 00:57:08,780 --> 00:57:11,820 Albo nie dwa sekundy temu, ale bardzo, bardzo niedawno. 1122 00:57:11,820 --> 00:57:16,070 >> Tak więc, aby pokazać, co to powinno wyglądać, i pokazać, że nie jestem szalony, 1123 00:57:16,070 --> 00:57:19,730 i że wszystko jest dokładnie samo, to jest to, co powinno wyglądać. 1124 00:57:19,730 --> 00:57:27,410 Jesteś po prostu zrobić to górną część tutaj, a jeśli zobaczyć źródło strony, 1125 00:57:27,410 --> 00:57:32,160 jeśli zauważysz, zrobił kilka bardziej szalone rzeczy, ja uprościć go. 1126 00:57:32,160 --> 00:57:35,710 Ponadto, kredyt Tommy'ego McWilliam, którzy rzeczywiście 1127 00:57:35,710 --> 00:57:38,810 pomógł mi stworzyć te przykłady, , dlatego wiem, że działa. 1128 00:57:38,810 --> 00:57:41,560 Ponieważ Tommy jest mistrzem JavaScript. 1129 00:57:41,560 --> 00:57:43,180 Ale jeśli zauważymy, mamy kilka set. 1130 00:57:43,180 --> 00:57:45,170 Mamy tu naszą funkcję zegara. 1131 00:57:45,170 --> 00:57:48,450 To wszystko jest JavaScript, który po prostu napisał, albo niektóre z nich. 1132 00:57:48,450 --> 00:57:51,470 Właśnie napisał ten jeden tutaj. 1133 00:57:51,470 --> 00:57:54,260 A on ma dodatkowy Klocki funkcji, które po prostu go 1134 00:57:54,260 --> 00:57:57,790 przez umieszczenie zera przed List lub przed numerem, jeśli jest to 1135 00:57:57,790 --> 00:57:59,412 tylko jeden z nich. 1136 00:57:59,412 --> 00:58:02,120 Więc jeśli zauważysz, jest to dość bardzo dokładnie, co właśnie napisałem. 1137 00:58:02,120 --> 00:58:06,230 Masz jakąś zmienną zegar że ma nasze elementu, uzyskać elementu przez ID, 1138 00:58:06,230 --> 00:58:07,252 co jest zegar. 1139 00:58:07,252 --> 00:58:08,960 Mamy odmierzanie czasu Funkcja, która jest 1140 00:58:08,960 --> 00:58:12,670 Funkcja anonimowy który wykonuje wszystko. 1141 00:58:12,670 --> 00:58:16,940 Mamy pewne począwszy ciąg HTML, które następnie dynamicznie 1142 00:58:16,940 --> 00:58:20,750 generowanie przez jedne h1 nagłówek, złączenie 1143 00:58:20,750 --> 00:58:23,950 z uzyskać godzin plus nasze jelita grubego, a także coraz 1144 00:58:23,950 --> 00:58:26,860 minuty, plus inny jelita grubego, a także nasze sekund, 1145 00:58:26,860 --> 00:58:29,330 i ostatecznie kończąc HTML dla niego. 1146 00:58:29,330 --> 00:58:34,210 A następnie aktualizujemy nasz zegar dot wewnętrzną HTML do HTML, 1147 00:58:34,210 --> 00:58:37,640 i aktualizujemy co 100 milisekund. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Zobacz Obiecuję, że nie jestem szalony. 1150 00:58:42,470 --> 00:58:43,440 Nie wiem. 1151 00:58:43,440 --> 00:58:47,160 Nie wiem, dlaczego mnie nie lubi. 1152 00:58:47,160 --> 00:58:54,030 Czuję, że wygląda tak samo, ale najwyraźniej mnie nienawidzi. 1153 00:58:54,030 --> 00:58:59,600 >> Zobaczmy więc, czy okrągłe trzy idzie lepiej. 1154 00:58:59,600 --> 00:59:00,970 Mamy zamiar zobaczyć. 1155 00:59:00,970 --> 00:59:02,910 Nie jestem pewien, jak to pójdzie. 1156 00:59:02,910 --> 00:59:06,700 Czy wszyscy się co najmniej minusy, jak tylko ogólny temat 1157 00:59:06,700 --> 00:59:08,480 JavaScriptu, chociaż? 1158 00:59:08,480 --> 00:59:15,660 Mam nadzieję, że to co najmniej użyteczna, bardziej nie pokazuje, że jest to trochę wybredny. 1159 00:59:15,660 --> 00:59:21,190 Ale twój zestaw problemem będzie bardzo zabawne. 1160 00:59:21,190 --> 00:59:22,590 To będzie wspaniałe. 1161 00:59:22,590 --> 00:59:24,820 Nie będzie już tak uciążliwe jak ten, nie sądzę. 1162 00:59:24,820 --> 00:59:28,100 Będziesz rzeczywiście dostać się do zobacz naprawdę fajne rzeczy. 1163 00:59:28,100 --> 00:59:31,734 >> Tak więc ostatni, ale nie najmniej, postaramy się jedną Twitter. 1164 00:59:31,734 --> 00:59:32,900 Jestem naprawdę przerażona teraz, chłopaki. 1165 00:59:32,900 --> 00:59:35,762 Nie wiem, jak to pójdzie. 1166 00:59:35,762 --> 00:59:39,930 Ale tylko dać trochę bardziej smak, co jest w rzeczywistości 1167 00:59:39,930 --> 00:59:44,190 łańcuchy i manipulacji Wejścia, co będziemy robić 1168 00:59:44,190 --> 00:59:50,960 jest, jeśli widzimy tu z HTML-- ten ma trochę more-- 1169 00:59:50,960 --> 00:59:57,200 mamy pewne pole tekstowe, które odpowiada tym obszarze tekstu tutaj. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 I że ma Id tekstu. 1172 01:00:00,420 --> 01:00:04,520 Mamy odnowiony mu trochę z pewną szerokość i wysokość 1173 01:00:04,520 --> 01:00:07,310 że mamy z góry określone, a my h1, 1174 01:00:07,310 --> 01:00:11,260 która po prostu jest, że nasz jeden nagłówek reprezentuje nasze pozostało znaków. 1175 01:00:11,260 --> 01:00:14,570 Daliśmy mu trochę Id Pozostało znaków, 1176 01:00:14,570 --> 01:00:18,660 i wtedy mamy trochę skrypt tu, z którego jestem bardzo 1177 01:00:18,660 --> 01:00:20,790 nadzieję, że trzeci raz na Urok tutaj, chłopaki. 1178 01:00:20,790 --> 01:00:26,750 >> Więc to, co chcemy zrobić, W tym samym ogólnym żyły 1179 01:00:26,750 --> 01:00:31,480 że zrobiliśmy z js zegar kropka i kropka firm js jak zauważyliśmy, 1180 01:00:31,480 --> 01:00:35,980 jest Zaczęliśmy od rzeczywistości chwytając rzeczy, które nam zależy, prawda? 1181 01:00:35,980 --> 01:00:42,330 W tym wypadku istnieją dwie rzeczy, na których nam zależy, OK? 1182 01:00:42,330 --> 01:00:47,199 Jedną z rzeczy, które jesteśmy w rzeczywistości rodzaj patrząc i dane z rysunku, 1183 01:00:47,199 --> 01:00:48,990 i jedna rzecz, która my rzeczywiście się zmienia. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Więc jest nasz HTML. 1186 01:00:53,730 --> 01:01:00,370 Jeśli to jest nasza strona internetowa tutaj, co jest Dane, które patrzymy? 1187 01:01:00,370 --> 01:01:03,860 To będzie cokolwiek Tekst w naszych oknach, prawda? 1188 01:01:03,860 --> 01:01:05,310 Więc co mam wpisać tutaj. 1189 01:01:05,310 --> 01:01:08,150 To jest to, co chcę wiedzieć, czy to jest to, co chcę patrzeć. 1190 01:01:08,150 --> 01:01:10,690 A co będzie zmienia się na naszej stronie internetowej? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Znaki pozostałe. 1193 01:01:14,880 --> 01:01:19,550 Tak więc w taki sam sposób, chcemy zacząć od inicjalizacji zmiennych 1194 01:01:19,550 --> 01:01:22,030 które rzeczywiście trzymać tych elementów. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Więc jeśli mamy jakiś var to jest nasz obszar tekstu, 1197 01:01:29,930 --> 01:01:33,681 i mamy trochę var, że jest pozostały. 1198 01:01:33,681 --> 01:01:34,180 Prawda? 1199 01:01:34,180 --> 01:01:36,190 Więc te będą posiadać te dwie rzeczy. 1200 01:01:36,190 --> 01:01:42,370 Więc sam rodzaj rzeczy, Dokument dot-- OK, jestem 1201 01:01:42,370 --> 01:01:45,920 będzie upewnić się, że jest będzie działać tym razem. 1202 01:01:45,920 --> 01:01:49,620 Jestem bardzo stanowczy. 1203 01:01:49,620 --> 01:01:53,310 OK, więc jeśli chcemy nasze obszar tekstu, zgodnie 1204 01:01:53,310 --> 01:01:55,710 do naszego HTML, co nasz identyfikator? 1205 01:01:55,710 --> 01:01:56,420 Jaki jest nasz Id? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 To będzie tylko tekst, ponieważ tworzy naszą obszar tekstu, OK, 1208 01:02:05,540 --> 01:02:10,320 a nasz Id jest tekst, więc to jak możemy chwycić, co tam jest. 1209 01:02:10,320 --> 01:02:12,130 OK, średnik. 1210 01:02:12,130 --> 01:02:13,940 Zamierzam być super precyzyjna o tym, 1211 01:02:13,940 --> 01:02:16,300 bo chcę to do pracy i tym razem. 1212 01:02:16,300 --> 01:02:22,120 OK, to samo, uzyskać elementu przez Id. 1213 01:02:22,120 --> 01:02:25,970 Jestem naprawdę zastanawiasz się, co ma spowodował dwa pozostałe do bałagan. 1214 01:02:25,970 --> 01:02:29,750 OK, to w tym jednym, co chcemy, aby uzyskać dostęp? 1215 01:02:29,750 --> 01:02:30,760 Jaki jest nasz Id tutaj? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Mamy inny identyfikator w nasz HTML, co to jest? 1218 01:02:36,261 --> 01:02:37,552 PUBLICZNOŚCI: Pozostało znaków. 1219 01:02:37,552 --> 01:02:39,343 ALLISON Buchholtz-AU: Pozostało znaków. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> OK. 1222 01:02:44,330 --> 01:02:46,010 Cool. 1223 01:02:46,010 --> 01:02:49,800 Więc jestem po prostu będzie Napisać to naprawdę szybko. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Mam zamiar po prostu napisać to w sekundę. 1226 01:02:55,330 --> 01:02:56,190 Tak więc pole tekstowe. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Co ciekawe B nie function-- wiele funkcji, które nie tylko 1229 01:03:06,180 --> 01:03:09,690 spełnia Twoje myszy, ale klawiatura. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Więc można powiedzieć, kiedy dowolny klawisz jest wciśnięty, można zrobić takie rzeczy. 1232 01:03:16,540 --> 01:03:20,450 Tak więc ten, który mamy przy użyciu nazywa się kluczem do góry, które 1233 01:03:20,450 --> 01:03:25,320 mówi: "jeśli już naciśnięciu dowolnego klawisza klawiatury, gdy użytkownik podniósł 1234 01:03:25,320 --> 01:03:28,064 ich palca przy tym przycisku, a kluczem stała unpressed, 1235 01:03:28,064 --> 01:03:29,480 Następnie idziemy coś zrobić. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Więc to ma sens, prawda? 1238 01:03:31,370 --> 01:03:33,540 Ponieważ każdy znak wpisujemy, jedziemy 1239 01:03:33,540 --> 01:03:36,550 aby podnieść nasze palce się o tym, więc, gdy klucz idzie w górę, 1240 01:03:36,550 --> 01:03:40,980 możemy wiedzieć, aby zmniejszyć nasi bohaterowie pozostałe. 1241 01:03:40,980 --> 01:03:44,440 >> Mamy więc trochę na klucz górę i w taki sam sposób, 1242 01:03:44,440 --> 01:03:47,480 będziemy mówić, "OK, jeśli to zrobimy, możemy 1243 01:03:47,480 --> 01:03:55,110 zamiar stworzyć jakąś funkcję, która zajmie e ", w tym przypadku, 1244 01:03:55,110 --> 01:03:58,800 i to, co chcemy zrobić, to obliczyć liczbę pozostałych. 1245 01:03:58,800 --> 01:04:02,510 OK, więc niech po prostu zacząć tworząc zmienne. 1246 01:04:02,510 --> 01:04:05,830 Tak więc mamy pewne zmiennej r, że idzie do reprezentowania 1247 01:04:05,830 --> 01:04:07,720 ile znaków zostawiliśmy. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Wiemy, że możemy zacząć 140, a jeśli chcemy wiedzieć, 1250 01:04:14,540 --> 01:04:18,360 powiedzmy, długość tego Ciąg, który był wejście, 1251 01:04:18,360 --> 01:04:20,860 Czy macie jakiś pomysł w jaki sposób możemy to zrobić? 1252 01:04:20,860 --> 01:04:23,900 Tylko w oparciu off oczywiste rzeczy, jak gdybyśmy chcieli godzin, 1253 01:04:23,900 --> 01:04:25,870 użyliśmy uzyskać godzin. 1254 01:04:25,870 --> 01:04:28,860 Wiemy, że nasz obiekt jest obszar tekstu, ale może wy 1255 01:04:28,860 --> 01:04:33,050 myśleć, co może przyjść po nim? 1256 01:04:33,050 --> 01:04:35,280 Jakieś pomysły? 1257 01:04:35,280 --> 01:04:41,730 >> Więc to czyjaś rodzaju mniej intuicyjne, ale to wartość długości kropki. 1258 01:04:41,730 --> 01:04:44,700 Więc po prostu daj mi wartość atrybutu, że 1259 01:04:44,700 --> 01:04:46,500 jest rzeczywiście długość tego łańcucha. 1260 01:04:46,500 --> 01:04:50,340 Tak to się mówi: "OK, szukam na cały ten ciąg w polu tekstowym, 1261 01:04:50,340 --> 01:04:52,730 a ja powiem Ci, jak długo to jest. " 1262 01:04:52,730 --> 01:04:55,500 Bo jeśli pamiętamy, ciągi są naprawdę tylko tablice, 1263 01:04:55,500 --> 01:04:58,110 więc możemy po prostu wziąć długość nich. 1264 01:04:58,110 --> 01:05:01,860 Mamy więc, że. 1265 01:05:01,860 --> 01:05:04,058 Cool. 1266 01:05:04,058 --> 01:05:09,360 >> Wtedy to, co chcemy zrobić, to mamy Nigdy nie chcesz, aby umożliwić użytkownikowi 1267 01:05:09,360 --> 01:05:12,340 aby wprowadzić więcej niż 140 znaków, prawda? 1268 01:05:12,340 --> 01:05:15,610 Bo jeśli mówimy, jak "Och, ty tylko tyle pozostałe " 1269 01:05:15,610 --> 01:05:20,522 a następnie pozwolić im robić tak czy inaczej, byliśmy leżącego. 1270 01:05:20,522 --> 01:05:22,230 I to jest kolejny rzecz, która JavaScript 1271 01:05:22,230 --> 01:05:24,530 może być naprawdę dobry na, jest walidacja użytkownika 1272 01:05:24,530 --> 01:05:29,062 i upewnić się, że twój Użytkownik wpisuje się w jakichkolwiek zasad 1273 01:05:29,062 --> 01:05:30,270 które zostały im przekazane. 1274 01:05:30,270 --> 01:05:36,020 Więc jeśli chcesz robić takie rzeczy jak co że ktoś wejścia ich adres e-mail, 1275 01:05:36,020 --> 01:05:40,242 albo upewniając się, że gdy wprowadzenie dwóch haseł, ale dopasowane. 1276 01:05:40,242 --> 01:05:41,200 JavaScript może zrobić. 1277 01:05:41,200 --> 01:05:44,010 Można by zrobić coś takiego ", gdy formularz jest składany "lub podobnych, 1278 01:05:44,010 --> 01:05:48,170 ", Gdy formularz jest przycisk Prześlij kliknięciu, sprawdzić wszystkie te rzeczy. " 1279 01:05:48,170 --> 01:05:49,670 I możemy zrobić JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Więc to jest tylko to, co mamy zamiar zrobić tutaj. 1281 01:05:52,680 --> 01:05:57,810 >> Więc co może być sposobem na sprawdzenie, czy ich już nie ma ponad 140 znaków? 1282 01:05:57,810 --> 01:06:03,310 Co się stało nasza wartość r, jeśli starają? 1283 01:06:03,310 --> 01:06:04,760 To będzie negatywny, prawda? 1284 01:06:04,760 --> 01:06:07,380 Albo to będzie mniej lub równa zeru. 1285 01:06:07,380 --> 01:06:13,690 Tak więc możemy użyć, jeżeli jest to tak jak wszystko inne. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 I mamy jakiś obszar tekstu kropki wartość i co tu robimy 1288 01:06:20,480 --> 01:06:29,940 to jesteśmy po prostu cutting-- co to jest? 1289 01:06:29,940 --> 01:06:30,900 Przepraszam. 1290 01:06:30,900 --> 01:06:32,732 Ten jeden, po prostu chcemy return false. 1291 01:06:32,732 --> 01:06:34,030 Ja się irytować. 1292 01:06:34,030 --> 01:06:36,560 Wszystko trochę wypompowani od rzeczy nie działa. 1293 01:06:36,560 --> 01:06:40,010 OK, po prostu chcemy return false, a potem 1294 01:06:40,010 --> 01:06:44,160 Aby wyświetlić Pozostałe znaki, prawda? 1295 01:06:44,160 --> 01:06:48,720 Więc z zegarem, zrobiliśmy coś z wewnętrznym HTML, prawda? 1296 01:06:48,720 --> 01:06:52,070 Gdzie możemy ustawić to równe części zmienna, więc co możemy zrobić tutaj? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Co mamy zmianę wewnętrzną kodu HTML? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> PUBLICZNOŚCI: Pozostały? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON Buchholtz-AU: Zmieniamy pozostałe. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Wszystko w porządku, a co my Aby ustawić równe? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 To będzie r, ponieważ powinny być nasze Pozostało znaków. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Więc jestem bardzo zdenerwowany, aby sprawdzić, czy to działa teraz, ale zobaczymy. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Zostaw to. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 To naprawdę szybko. 1312 01:07:37,700 --> 01:07:38,970 [Niesłyszalne] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Ponownie, jestem po prostu pokazać. 1315 01:07:45,990 --> 01:07:49,430 Z jakiegoś powodu, moje nie decyduje się pracować, 1316 01:07:49,430 --> 01:07:53,354 ale co pokażę wam, że ta is-- oh Miałem umieścić, że w. 1317 01:07:53,354 --> 01:07:57,470 OK, widzimy ten sam rodzaj co tu się obszar tekstu. 1318 01:07:57,470 --> 01:08:01,070 >> Ponadto, jeśli zauważysz facet, jeśli istnieje zawsze coś chcesz zrobić, 1319 01:08:01,070 --> 01:08:04,080 i nie wiesz, jak to zrobić to, po prostu kliknij Pokaż źródło strony, 1320 01:08:04,080 --> 01:08:06,632 a oni zamiar powiedzieć. 1321 01:08:06,632 --> 01:08:07,840 Czasami będzie to być szyfrowane. 1322 01:08:07,840 --> 01:08:11,147 Dla Państwa pset, kodujemy wszystko, tak to właśnie wygląda jak bełkot. 1323 01:08:11,147 --> 01:08:13,480 Ale czy jest tak naprawdę nigdy fajna strona, że ​​lubisz, 1324 01:08:13,480 --> 01:08:17,729 jeśli po prostu kliknij Pokaż źródło strony, to powiem ci, jak to zrobić. 1325 01:08:17,729 --> 01:08:20,770 Więc jeszcze raz, pracować mądrzej, a nie ciężej. 1326 01:08:20,770 --> 01:08:24,250 I jak tu widzicie, wszystkie te rzeczy są same. 1327 01:08:24,250 --> 01:08:31,930 tym tutaj po prostu ma jakiś podciąg że nie pamiętam dokładnie, co to robi. 1328 01:08:31,930 --> 01:08:36,980 Ale to oczywiście wymaga trochę podciąg wartości od zera do dziesięciu 1329 01:08:36,980 --> 01:08:41,540 i zwraca false, co powinno zatrzymać Użytkownik od wprowadzania już, 1330 01:08:41,540 --> 01:08:46,040 i to oczywiście uaktualnia Wewnętrzna HTML nie. 1331 01:08:46,040 --> 01:08:47,410 >> Cool. 1332 01:08:47,410 --> 01:08:53,000 Tak duże uwielbiacie brać od dzisiaj, Eksperyment, spojrzeć na kodzie źródłowym 1333 01:08:53,000 --> 01:08:58,359 bo to pomoże Ci dużo, i wszyscy, czasem JavaScript 1334 01:08:58,359 --> 01:09:03,200 może być trudne do pracy i nie zawsze działa zgodnie z oczekiwaniami go, 1335 01:09:03,200 --> 01:09:05,700 ale po prostu próbować bo ja obiecuję, że będzie. 1336 01:09:05,700 --> 01:09:08,376 Obiecuję wszystkie te przykłady pracowali przed klasą. 1337 01:09:08,376 --> 01:09:09,750 Nie rozumiem, co się stało. 1338 01:09:09,750 --> 01:09:13,069 Dosłownie wszystko sam. 1339 01:09:13,069 --> 01:09:17,660 >> Jeszcze jedna rzecz, że po prostu chcę pokazać wam, że może być bardzo przydatne 1340 01:09:17,660 --> 01:09:21,630 jest in-- co pracował wcześniej? 1341 01:09:21,630 --> 01:09:23,935 Mamy partię do pracy, nie? 1342 01:09:23,935 --> 01:09:26,569 Myślę, że tak. 1343 01:09:26,569 --> 01:09:27,069 Tak. 1344 01:09:27,069 --> 01:09:27,630 Zrobiliśmy. 1345 01:09:27,630 --> 01:09:28,250 Niesamowite. 1346 01:09:28,250 --> 01:09:31,189 OK, więc jedna rzecz, która faceci powinni wiedzieć 1347 01:09:31,189 --> 01:09:33,340 jest dziennik konsoli, że rozmawialiśmy. 1348 01:09:33,340 --> 01:09:37,040 Więc pocieszyć dziennik punktowy cześć. 1349 01:09:37,040 --> 01:09:40,430 Jest to więc rodzaj Równoważne JavaScript printf. 1350 01:09:40,430 --> 01:09:42,810 Więc jeśli kiedykolwiek chcesz sprawdzić zmienne 1351 01:09:42,810 --> 01:09:49,649 lub zobaczyć, co się tam dzieje, co można zrobić to, jeśli będziemy sprawdzać elementu, 1352 01:09:49,649 --> 01:09:51,899 jest to, co chcesz iść się, a ty go pocieszyć, 1353 01:09:51,899 --> 01:09:53,770 zobaczysz, że drukowane komentarzy. 1354 01:09:53,770 --> 01:09:55,750 >> Więc możemy go mieć druku, co chcieliśmy. 1355 01:09:55,750 --> 01:10:04,170 Jeśli chcieliśmy wydrukować tło Styl dot dot tło, 1356 01:10:04,170 --> 01:10:08,454 powinniśmy być w stanie zobaczyć RGB potrójne, że wyjdzie. 1357 01:10:08,454 --> 01:10:11,140 Albo nie. 1358 01:10:11,140 --> 01:10:13,520 Nie pamiętam dokładnie, jak ci wydrukować zmiennej takiego, 1359 01:10:13,520 --> 01:10:17,249 ale powinieneś być w stanie wydrukować takie rzeczy. 1360 01:10:17,249 --> 01:10:19,040 To będzie bardzo przydatne dla pset kiedy to 1361 01:10:19,040 --> 01:10:23,330 starasz się manipulować koordynuje lub cokolwiek. 1362 01:10:23,330 --> 01:10:25,270 Więc oni też zmienić ten kawałek w klasie. 1363 01:10:25,270 --> 01:10:30,750 Różni się to od ostatnich lat, aby po prostu być miły dla swoich TF, lub TF 1364 01:10:30,750 --> 01:10:36,350 w godzinach pracy urzędu, a raczej dlatego, że jesteśmy rodzaj uczenia się wraz z wami. 1365 01:10:36,350 --> 01:10:41,230 Ale dziennik konsoli było super, super przydatne dla JavaScriptu w zeszłym roku. 1366 01:10:41,230 --> 01:10:42,740 Tak kocham. 1367 01:10:42,740 --> 01:10:43,780 Dowiedz się, jak go używać. 1368 01:10:43,780 --> 01:10:49,026 Jest to łatwiejsze w użyciu niż GDB, tak aby powinna wynosić co najmniej plusem. 1369 01:10:49,026 --> 01:10:50,650 Ale dziękuję faceci mając ze mną. 1370 01:10:50,650 --> 01:10:53,400 Przykro mi, że mój Przykładami pewnych powodów 1371 01:10:53,400 --> 01:10:55,410 po prostu nie chcą współpracują ze mną, ale ja 1372 01:10:55,410 --> 01:11:01,010 nadzieję, że to pomogło rodzaj Ci trochę bardziej w strefie JavaScript. 1373 01:11:01,010 --> 01:11:04,980 I wysłać mi wszystkie swoje pytania w przyszłym tygodniu, więc mogę być bardzo naprawiona, 1374 01:11:04,980 --> 01:11:09,420 a ja przynieść słodycze i nawet extra cukierki, bo to było śmieszne. 1375 01:11:09,420 --> 01:11:14,000 Ale faceci są świetne, i mają niesamowite tygodniu. 1376 01:11:14,000 --> 01:11:15,584