1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON Buchholtz-AU: Dobře všichni. 3 00:00:12,340 --> 00:00:13,520 Vítejte zpátky do sekce. 4 00:00:13,520 --> 00:00:15,315 Je to naše předposlední sekci. 5 00:00:15,315 --> 00:00:16,542 Je to tak smutné. 6 00:00:16,542 --> 00:00:19,500 Já nevím, co budu dělat aniž by viděl vám kluci každé pondělí. 7 00:00:19,500 --> 00:00:20,970 Myslím, že bychom měli prostě-- Možná jsme mohli jen 8 00:00:20,970 --> 00:00:22,710 Setkávají se tu a na večeři nebo tak něco. 9 00:00:22,710 --> 00:00:23,270 Nevím. 10 00:00:23,270 --> 00:00:24,370 Přivedu místo toho jídlo. 11 00:00:24,370 --> 00:00:26,290 Budeme jen mluvit. 12 00:00:26,290 --> 00:00:29,900 Ale ano, bude příští týden naše poslední úsek. 13 00:00:29,900 --> 00:00:32,390 >> V tomto sdělení, máte kvíz příští týden. 14 00:00:32,390 --> 00:00:35,660 Vím, že jsem zapomněl na dělám, jako je, dva týden předběžné oznámení minulý týden, 15 00:00:35,660 --> 00:00:39,140 ale doufejme, že vy věděl, že to přijde. 16 00:00:39,140 --> 00:00:42,880 Doufejme, že to je jeden z posledních midterms pro vás na semestr. 17 00:00:42,880 --> 00:00:46,950 Ale bude to pokrýt všechny Materiál, který jsme přešli. 18 00:00:46,950 --> 00:00:50,811 Takže to není jako si můžete zapomenout asi čtyři smyčky nebo proměnné. 19 00:00:50,811 --> 00:00:52,560 Protože jsme se dozvěděli ty, které na začátku, 20 00:00:52,560 --> 00:00:55,870 ty jsou samozřejmě fair hra pro váš kvíz. 21 00:00:55,870 --> 00:01:00,150 >> Je to bude stejný formát, stejný délka, takže už jsou na to zvyklí. 22 00:01:00,150 --> 00:01:02,330 Tam to bude kódování problémy ručně, 23 00:01:02,330 --> 00:01:06,270 Možná, že někteří true false, Možná, že někteří krátká odpověď. 24 00:01:06,270 --> 00:01:08,090 Takže byste měli být obeznámeni s formátem, 25 00:01:08,090 --> 00:01:10,940 zejména pokud užíváte testy praxe. 26 00:01:10,940 --> 00:01:13,950 Ale jak říkám tady, že je to kumulativní, ale my jsme rozhodně 27 00:01:13,950 --> 00:01:17,410 bude se zaměřením na věci z šestém týdnu kupředu. 28 00:01:17,410 --> 00:01:24,050 Takže jsme to asi nebude se vás zeptat, kolik bytů 29 00:01:24,050 --> 00:01:26,180 jsou v každém typu nebo tyto druhy věcí, 30 00:01:26,180 --> 00:01:29,730 ale my jsme asi bude zájem o věcech, jako je spojových seznamů, 31 00:01:29,730 --> 00:01:32,750 nebo různé datové struktury, nebo různé algoritmy 32 00:01:32,750 --> 00:01:33,960 že jsme mluvili. 33 00:01:33,960 --> 00:01:38,990 Takže se ujistěte, že jste opravdu se na ty, a pokud máte 34 00:01:38,990 --> 00:01:41,590 potřebovat žádné zdroje, tady je spousta zdrojů. 35 00:01:41,590 --> 00:01:44,790 Jen jsem vám dal typ z rychlého seznamu tam. 36 00:01:44,790 --> 00:01:48,330 >> Příští týden bude kvíz přezkoumá během této doby. 37 00:01:48,330 --> 00:01:52,290 Takže pokud máte nějaké otázky nebo zvláštní témata, 38 00:01:52,290 --> 00:01:56,180 konkrétní věci na kvíz, který byste chtěli projít, prosím 39 00:01:56,180 --> 00:02:01,780 pošlete mi je ještě čas, tak mohu druh připravit nějaký materiál na to. 40 00:02:01,780 --> 00:02:06,310 A kromě toho část recenze, budeme 41 00:02:06,310 --> 00:02:09,616 také se drží kurz na úrovni přezkoumá, jak jsme minule. 42 00:02:09,616 --> 00:02:11,490 A to bude provádí stejnými lidmi. 43 00:02:11,490 --> 00:02:13,030 Nemyslím si, jestli to víte, je to lepší nebo horší, 44 00:02:13,030 --> 00:02:15,670 ale bude to být já, Hannah, Davan a Gabe znovu. 45 00:02:15,670 --> 00:02:18,630 Takže pokud si chcete přijít podívat nás všechny škádlení navzájem 46 00:02:18,630 --> 00:02:21,270 a vás provede kvízu recenze, měli byste si určitě 47 00:02:21,270 --> 00:02:22,600 když na to přijde příští pondělí také. 48 00:02:22,600 --> 00:02:26,210 Takže budete mít jen v pondělí uvíznutí balené přezkumu kvíz, což je dobré 49 00:02:26,210 --> 00:02:29,840 protože pak máte úterý zpracovat přes všechno. 50 00:02:29,840 --> 00:02:32,230 >> Ale určitě dělat check out těchto zdrojů. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net je daleko, já myslíte, že jedna z nejužitečnějších, 52 00:02:36,030 --> 00:02:37,990 hlavně proto, že má hodně ukázkový kód, 53 00:02:37,990 --> 00:02:40,490 má veškerou moc body se všemi poznámkami na něm, 54 00:02:40,490 --> 00:02:44,510 které jsou opravdu to, co jsem kreslit nejvíc mých sekce materiálů z. 55 00:02:44,510 --> 00:02:47,480 Pokud existuje něco, co v předchozích sekce, které jsem mohl rozeslaly 56 00:02:47,480 --> 00:02:49,920 že nemusíte mít dostal, dejte mi vědět. 57 00:02:49,920 --> 00:02:52,520 Stejně jako minulý týden ukázce kódu, pokud někdo nedostal to, 58 00:02:52,520 --> 00:02:55,930 Jen mě e-mail nebo přijít se mnou mluvit, a já se ujistěte se, že jste si to. 59 00:02:55,930 --> 00:03:02,000 >> Takže s tím, dnes jdeme bude mluvit o JavaScriptu. 60 00:03:02,000 --> 00:03:04,690 Tak jsme tady Tommy, kdo jsem jen mluvím s tebou včera v noci. 61 00:03:04,690 --> 00:03:06,670 Miluji Tommyho. 62 00:03:06,670 --> 00:03:09,040 JavaScript je jeho oblíbený jazyk, jak se zde říká. 63 00:03:09,040 --> 00:03:14,050 Budou snažit a řeknu vám, že je to není nejlepší, a budou špatně. 64 00:03:14,050 --> 00:03:16,510 Takže Tommy je mistr JavaScript. 65 00:03:16,510 --> 00:03:19,850 Nejsem úplně v jeho úrovni, ale byl jsem rád, 66 00:03:19,850 --> 00:03:22,900 "Tommy, jak se mám učit Tyto děti JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Tak jsem dostal několik tipů, takže doufejme, že vyjde. 68 00:03:26,700 --> 00:03:31,140 >> Takže pár věcí, které byste měli vědět, je, že JavaScript je na straně klienta skriptování 69 00:03:31,140 --> 00:03:35,560 jazyk, takže vzhledem k tomu, PHP je něco, co že jsme zvažovali více na straně serveru, 70 00:03:35,560 --> 00:03:39,280 to bylo nahrát na server, sestavil a popraven tam. 71 00:03:39,280 --> 00:03:42,871 Ten je proveden na vlastním stroji. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Takže si nahrát nějaké stránky JavaScript, a to provádí na vašem počítači. 74 00:03:46,960 --> 00:03:49,910 Syntaxe je velmi podobná C a PHP. 75 00:03:49,910 --> 00:03:52,490 Chystáme se projít Některé příklady JavaScript, 76 00:03:52,490 --> 00:03:56,740 a budete vidět, že způsob, jak mluvit o proměnných, cykly, 77 00:03:56,740 --> 00:03:58,910 a podmínky jsou velmi podobné. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Skutečnost, že jsou tak podobné je pravděpodobně bude na výlet někteří z vás 80 00:04:04,490 --> 00:04:08,529 up, v některých případech, jen proto, že budete začlenit trochu C 81 00:04:08,529 --> 00:04:09,570 tam, kde by neměla být. 82 00:04:09,570 --> 00:04:14,130 Možná, že si vyzkoušet a něco psát pokud by neměl být napsán. 83 00:04:14,130 --> 00:04:16,540 >> A na to, že jedna věc je vím, je, že JavaScript 84 00:04:16,540 --> 00:04:19,360 je dynamicky napsaný jazyk, stejně jako PHP. 85 00:04:19,360 --> 00:04:21,410 Takže pokud vy vzpomenout ze sekce minulý týden, 86 00:04:21,410 --> 00:04:23,680 když jsme byli trochu dělá Naše PHP rychlokurz, 87 00:04:23,680 --> 00:04:28,860 jsme viděli, jak se řetězec jeden mohl být se změnil na int jednoho, a tak dále. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Typ proměnnými jsou stanoveny v běhu, 90 00:04:34,850 --> 00:04:38,180 takže se mohou měnit v průběhu průběh programu, 91 00:04:38,180 --> 00:04:43,109 a stejným způsobem, že se nikdy Opravdu deklarovat typy pro PHP proměnných, 92 00:04:43,109 --> 00:04:45,900 budeme dělat totéž to tady, kde jsme opravdu 93 00:04:45,900 --> 00:04:49,740 ovládání typy našich proměnných, abych tak řekl, jako my v C. 94 00:04:49,740 --> 00:04:52,200 >> A pak jedna věc to je docela v pohodě, je 95 00:04:52,200 --> 00:04:54,090 že můžete error zkontrolovat přes konzoli, 96 00:04:54,090 --> 00:04:57,240 s tímto velkým funkcí console.log, který 97 00:04:57,240 --> 00:05:00,930 umožňuje vytisknout jiný proměnné nebo objekty, že budeme 98 00:05:00,930 --> 00:05:01,750 o čem mluvit. 99 00:05:01,750 --> 00:05:05,720 Stejně jako minulý týden, když jsem byl jako: "použít tuto funkci," s dump 100 00:05:05,720 --> 00:05:10,490 z vašeho pset je to funkce Chcete-li použít, console.log. 101 00:05:10,490 --> 00:05:12,860 Byla jsem tak překvapená, kolik studentů na pracovní dobu 102 00:05:12,860 --> 00:05:14,530 nevěděl o funkci výpisu. 103 00:05:14,530 --> 00:05:19,010 A byl jsem rád, "kluci, to bude aby váš život mnohem jednodušší. " 104 00:05:19,010 --> 00:05:22,960 >> Dobře, takže to bylo trochu jen stručný věc, jako vždy, 105 00:05:22,960 --> 00:05:24,000 máme příklady. 106 00:05:24,000 --> 00:05:25,600 Vím, že kluci milují ty. 107 00:05:25,600 --> 00:05:30,930 Tak tady je příklad velmi soubor zde jednoduchý JavaScript. 108 00:05:30,930 --> 00:05:34,000 Takže to jen tak pro vytvoření Tento pop-up, který říká, 109 00:05:34,000 --> 00:05:36,336 "Hello world", když tě vstoupit na stránku, ale pojďme 110 00:05:36,336 --> 00:05:37,960 pokusit se projít tímto trochu. 111 00:05:37,960 --> 00:05:43,440 Tak samozřejmě je to jen jako normální index.html. 112 00:05:43,440 --> 00:05:50,280 Takže, jen naše normální šablony zde a máme HTML, máme hlavu, 113 00:05:50,280 --> 00:05:55,580 a stejně jako u CSS, jak jsme se zahrnuty některé vnější soubor, ne? 114 00:05:55,580 --> 00:05:59,260 Máme nějaký script type text, který je JavaScript. 115 00:05:59,260 --> 00:06:02,680 A zdroj je hello.js, což je tady dole. 116 00:06:02,680 --> 00:06:05,630 Jedná se o celý soubor hello.js. 117 00:06:05,630 --> 00:06:09,080 A pak jsme některé název a některé body HTML 118 00:06:09,080 --> 00:06:11,050 že se opravdu záleží. 119 00:06:11,050 --> 00:06:15,970 >> Co se stane, je, že když jsme tuto stránku načíst, automaticky spustí tento skript. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Tak JavaScript bude spustit automaticky. 122 00:06:18,790 --> 00:06:22,860 Tak co to bude dělat, bude to okamžitě jít a spustit to. 123 00:06:22,860 --> 00:06:24,110 A to bude říkat, "upozornění. 124 00:06:24,110 --> 00:06:25,190 Hello world ". 125 00:06:25,190 --> 00:06:30,840 Což alert je funkce, která vlastně generuje toto políčko. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Takže je to trochu všechno zahrnovalo. 128 00:06:33,390 --> 00:06:36,700 Není nic navíc jsme měli k tomu kromě právě ve střehu, 129 00:06:36,700 --> 00:06:40,000 a pak, co jsme chtěli v naší výstražné okno. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Takže je to jen super jednoduché příkladem toho, co může udělat JavaScript. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Jeden z opravdu cool věci, jak uvidíme, 134 00:06:50,070 --> 00:06:55,150 je to, že JavaScript umožňuje manipulovat své webové stránky, 135 00:06:55,150 --> 00:06:57,720 aniž by bylo nutné znovu jim pokaždé. 136 00:06:57,720 --> 00:07:01,830 Takže pokud máte want-- například, pokud se vznášející se nad něčím, 137 00:07:01,830 --> 00:07:04,300 jestliže vy někdy Viděl panely nabídek, 138 00:07:04,300 --> 00:07:07,360 nebo když najedete nad některými téma, zobrazí se nabídka Drop-down, 139 00:07:07,360 --> 00:07:08,670 je to proto, JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Takže nejste překládky na celokrajné strana, aby si toto menu se ukázat, 142 00:07:12,670 --> 00:07:17,240 jste právě hledáte nějaké konkrétní akce, kterou uživatel přijal, 143 00:07:17,240 --> 00:07:21,800 které se nazývají události, které se dostaneme do, a jakmile zjistíte, že jste řekl, 144 00:07:21,800 --> 00:07:25,960 "OK, upravovat něco, co na toto téma strana a aby to vypadat jinak, 145 00:07:25,960 --> 00:07:28,270 ale pouze upravit tyto konkrétní věci. 146 00:07:28,270 --> 00:07:29,690 Nepoužívejte znovu celou věc. " 147 00:07:29,690 --> 00:07:33,110 Tak to ve skutečnosti je mnohem hezčí, a nemusíte znovu načíst své stránky, 148 00:07:33,110 --> 00:07:34,510 a je to opravdu cool. 149 00:07:34,510 --> 00:07:38,270 >> Takže deklarace proměnných, takže si můžete trochu vidět, 150 00:07:38,270 --> 00:07:40,530 Dal jsem na vrcholu tady, volně napsal. 151 00:07:40,530 --> 00:07:42,570 Tak to je velmi podobně jako PHP. 152 00:07:42,570 --> 00:07:48,770 My nemusíme říkat JavaScript jaký typ jsme 153 00:07:48,770 --> 00:07:50,740 očekával každé z těchto proměnných. 154 00:07:50,740 --> 00:07:52,560 Mohou to být cokoliv typy chceme. 155 00:07:52,560 --> 00:07:57,480 Tak zjistíte, v tomto případě, prohlašujeme je velmi jednoduše, jen s "var" 156 00:07:57,480 --> 00:08:00,990 a pak, co chceme náš název proměnné být. 157 00:08:00,990 --> 00:08:05,680 Jedna věc k poznámce je, že když vás dát var před názvu proměnné, 158 00:08:05,680 --> 00:08:07,520 to místně rozsahů adres to. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Je to naprosto rozumné pro vás úplně stačí vymazat var 161 00:08:14,025 --> 00:08:18,970 a prostě se s rovná CS50, a že bude jen globální proměnné. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Takže si můžete inicializovat oba způsoby, záleží jen na tom, jak budete chtít. 164 00:08:22,490 --> 00:08:24,448 Takže pokud jste inicializace to v rámci funkce, 165 00:08:24,448 --> 00:08:28,070 a chcete, aby proměnné pobyt rozsahem v této funkci, 166 00:08:28,070 --> 00:08:31,620 budete chtít dělat něco jako var název proměnné, 167 00:08:31,620 --> 00:08:34,270 proti, pokud ho chcete globálně rozsahem, vy 168 00:08:34,270 --> 00:08:36,240 může udělat jen název variabilní a poté 169 00:08:36,240 --> 00:08:38,270 co byste chtěli, že rovna. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> To je docela fajn věc tady dole, protože pokud jsme si všimli naše proměnná 172 00:08:45,580 --> 00:08:47,590 b začíná jako pravdivé. 173 00:08:47,590 --> 00:08:51,280 A co to může does-- mi někdo říct, co to dělá? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Takže máme nějaký záznam. 176 00:08:55,890 --> 00:09:00,156 Co by typ B se na začátku? 177 00:09:00,156 --> 00:09:00,905 Diváků: Boolean. 178 00:09:00,905 --> 00:09:01,330 ALLISON Buchholtz-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Správně. 180 00:09:01,940 --> 00:09:07,260 A pak jsme se přeřadit B do tohoto řetězce, ne? 181 00:09:07,260 --> 00:09:11,170 Takže tady, jaký typ B musí být? 182 00:09:11,170 --> 00:09:12,480 Bylo by to řetězec, ne? 183 00:09:12,480 --> 00:09:14,900 Takže to, co je důležité, aby oznámení je, že v C, my 184 00:09:14,900 --> 00:09:17,330 skoro nikdy dělat něco takového. 185 00:09:17,330 --> 00:09:22,000 Museli bychom mít proměnnou, cast to jako něco jiného, 186 00:09:22,000 --> 00:09:27,185 možná udělat nějakou funkci s dvěma i, jít od poplatku na celé číslo. 187 00:09:27,185 --> 00:09:31,063 Ale když si všimneme tady, b Velmi snadno se mění typ. 188 00:09:31,063 --> 00:09:33,760 >> Publikum: Počkej, takže stačí vypadat, "dělat b celé číslo?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON Buchholtz-AU: Jo. 190 00:09:34,360 --> 00:09:36,185 Stačí si jen přiřadit b na celé číslo. 191 00:09:36,185 --> 00:09:36,910 >> Diváků: Opravdu? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON Buchholtz-AU: Jo. 193 00:09:38,035 --> 00:09:39,810 A pak by bylo int. 194 00:09:39,810 --> 00:09:43,820 Takže vaše proměnné lze změnit po průběh programu také. 195 00:09:43,820 --> 00:09:46,410 Oni nejsou striktně zadali. 196 00:09:46,410 --> 00:09:49,180 Je to velmi volně zadali. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 V podstatě své proměnné mohou dělat, co chtějí, jak jsme trochu viděli s PHP. 199 00:09:54,820 --> 00:09:59,430 Mohou udělat nějaké šílené věci, tak je důležité, aby bylo dost opatrný. 200 00:09:59,430 --> 00:10:01,200 Pojmenujte své proměnné dobře. 201 00:10:01,200 --> 00:10:03,450 Pokud ne, najednou budete vypadat, 202 00:10:03,450 --> 00:10:05,783 "Počkej, myslel jsem, že to byl řetězec, a teď je to int, 203 00:10:05,783 --> 00:10:08,170 a já si nejsem úplně jistý to, co se tu děje. " 204 00:10:08,170 --> 00:10:12,410 Tak to je jen jednoduchý příklad ukazuje, jak proměnná může snadno 205 00:10:12,410 --> 00:10:15,890 změnit jeho typ nad průběh programu. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Tak by to mělo vypadat super, super známý. 208 00:10:19,200 --> 00:10:21,510 Tak to jsou naše smyčky v JavaScriptu. 209 00:10:21,510 --> 00:10:27,780 Ty jsou přesně stejné, s výjimkou namísto čtyř int i rovná nule, 210 00:10:27,780 --> 00:10:30,470 můžeme jen říci var i se rovná nule. 211 00:10:30,470 --> 00:10:34,100 A pak bychom mohli mít naši stejný druh kondice, stejný druh aktualizace, 212 00:10:34,100 --> 00:10:36,090 i a navíc funguje v pohodě. 213 00:10:36,090 --> 00:10:39,800 Takže čtyřky jsou stejné, chvíle jsou stejné, 214 00:10:39,800 --> 00:10:41,440 a to chvíle jsou přesně stejné. 215 00:10:41,440 --> 00:10:44,070 Stejný druh obecného formátu. 216 00:10:44,070 --> 00:10:48,840 Všimli jsme si, čtyři, závorky, konzole, je to všechno stejné. 217 00:10:48,840 --> 00:10:51,470 Také tam bude středník když se dostaneme na příklad kódu. 218 00:10:51,470 --> 00:10:55,250 Uvidíte, že je to docela podobně jako c. 219 00:10:55,250 --> 00:10:59,770 >> Pro deklarace funkce, opět, velmi podobné. 220 00:10:59,770 --> 00:11:05,100 Máme nějakou funkci, která říká, že je to funkce, a pak se 221 00:11:05,100 --> 00:11:07,660 název našeho funkce, a vstupy. 222 00:11:07,660 --> 00:11:11,590 A znovu, pokud si všimneme, my mít žádné typy tady vůbec. 223 00:11:11,590 --> 00:11:12,090 Je to tak? 224 00:11:12,090 --> 00:11:18,150 Jsme nic, co by tato rčení musí být ints či dvoulůžkové, nebo plave. 225 00:11:18,150 --> 00:11:19,530 Mohly by být, co chtějí. 226 00:11:19,530 --> 00:11:23,560 Co je důležité, je si všiml, že musíme napsat funkci předem 227 00:11:23,560 --> 00:11:26,430 aby JavaScript vědět, že To je vlastně funkce. 228 00:11:26,430 --> 00:11:29,820 >> Tak to je jen nějaký prostý součet Funkce, která vrací x nebo y, 229 00:11:29,820 --> 00:11:33,800 a poté, co je také v pohodě je to, že můžete skutečně 230 00:11:33,800 --> 00:11:35,950 přiřazení funkce k proměnné. 231 00:11:35,950 --> 00:11:41,770 Takže v tomto případě součet je nyní funkce, která vlastně dělá součet. 232 00:11:41,770 --> 00:11:47,740 Takže pokud si všimnete tady, máme funkce, název funkce, vstupy. 233 00:11:47,740 --> 00:11:48,860 Je to tak? 234 00:11:48,860 --> 00:11:52,120 Tady prostě funkce a vstupy. 235 00:11:52,120 --> 00:11:54,310 Tak tomu se říká anonymní funkce. 236 00:11:54,310 --> 00:11:59,265 A to je něco, co by mělo být nové pro většinu z vás, ne-li všechny. 237 00:11:59,265 --> 00:12:01,140 Takže v podstatě, co to znamená, že my ne 238 00:12:01,140 --> 00:12:03,050 třeba na jméno našeho Funkce v tomto případě. 239 00:12:03,050 --> 00:12:06,260 Můžeme jen říct, "OK, budu tuto funkci, která spustí, zde 240 00:12:06,260 --> 00:12:08,550 jsou jeho vstupy, a tady je co to bude dělat. " 241 00:12:08,550 --> 00:12:12,540 A zvláště, když jste přiřazování funkce nějaké proměnné 242 00:12:12,540 --> 00:12:14,950 že budete manipulovat, nemusíte nutně 243 00:12:14,950 --> 00:12:17,116 je třeba pojmenovat, protože budete se odkazuje 244 00:12:17,116 --> 00:12:20,990 jí touto proměnnou název, ne cokoliv 245 00:12:20,990 --> 00:12:22,840 funkce byla vlastně volal. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Takže pokud vidíme tady, my nějaké proměnné součet nyní 248 00:12:27,810 --> 00:12:30,920 která se rovná součet ze tří a pěti. 249 00:12:30,920 --> 00:12:33,070 A my bychom si to. 250 00:12:33,070 --> 00:12:36,750 A to by se prostě mít nějaký záznam, tři plus pět rovná počtu. 251 00:12:36,750 --> 00:12:43,950 To navíc bude jen spojovat bez ohledu na naši odpověď byla na řetězce. 252 00:12:43,950 --> 00:12:47,420 Také v pohodě, navíc mohou spojovat řetězce. 253 00:12:47,420 --> 00:12:53,510 >> Pro JavaScript, as s PHP, HTML, CSS a jak jsme řekli, 254 00:12:53,510 --> 00:12:56,450 Hodně z toho, že jsme druh převzít školicí kola off zde 255 00:12:56,450 --> 00:13:02,030 a vy máte hodně know jak skutečně pochopit tyto věci. 256 00:13:02,030 --> 00:13:04,280 Jsou mírně odlišné, ale nejsou tak cizí 257 00:13:04,280 --> 00:13:09,460 a že nemůžete Googlu věci nebo je vyhledat on-line na W3 školami. 258 00:13:09,460 --> 00:13:12,755 A my vám opravdu očekávají kluci, druh, experiment 259 00:13:12,755 --> 00:13:14,400 a učit se na vlastní pěst. 260 00:13:14,400 --> 00:13:19,490 Takže vím, že se to může zdát trochu méně důkladné než některé z věcí, c 261 00:13:19,490 --> 00:13:21,936 uděláme, ale to je ve skutečnosti z nějakého důvodu. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Ale doufejme, že to není příliš odlišný, a to není ohromující. 264 00:13:28,470 --> 00:13:31,940 >> Takže pole v JavaScriptu, opět velmi, velmi podobné. 265 00:13:31,940 --> 00:13:32,460 Je to tak? 266 00:13:32,460 --> 00:13:36,520 Máme nějaké proměnné typu pole to se rovná prázdné závorky, 267 00:13:36,520 --> 00:13:40,340 a to je jen prázdná pole. 268 00:13:40,340 --> 00:13:43,420 To je často nazýván doslovný pole notace. 269 00:13:43,420 --> 00:13:45,280 To je jen jedna věc, kterou jsme jí zavolat. 270 00:13:45,280 --> 00:13:51,380 Vidíme-li pole dva tady, máme nějaké doslovný matice, která má tři elementy, 271 00:13:51,380 --> 00:13:51,910 že jo? 272 00:13:51,910 --> 00:13:54,640 A pak jsme některé var třetí prvek, který je 273 00:13:54,640 --> 00:13:58,060 někteří proměnná, která je právě bude držet tento řetězec, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Prvky, dobré všímat, jsou odděleny čárkou, 276 00:14:06,170 --> 00:14:07,740 stejně jako bychom očekávali. 277 00:14:07,740 --> 00:14:14,630 A také můžete k nim přistupovat, jako jsme to udělali v C, s tímto indexem notaci, že jo? 278 00:14:14,630 --> 00:14:16,950 Tak odlišné od PHP Nyní se vracíme 279 00:14:16,950 --> 00:14:20,180 se jen tak na mysli k věcem indexem. 280 00:14:20,180 --> 00:14:22,189 Stejně jako C, je to také nulový index. 281 00:14:22,189 --> 00:14:25,230 Mám pocit, že by bylo opravdu kruté v případě, že najednou se jeden JavaScript 282 00:14:25,230 --> 00:14:30,630 index, a vy jste museli úplně promyslet, jak si myslíte, že o pole. 283 00:14:30,630 --> 00:14:36,140 >> Jedna skvělá věc je, že místo mít, pokud vás někdy do-- 284 00:14:36,140 --> 00:14:39,240 Chtěl délku pole, Možná jste iterovat přes to 285 00:14:39,240 --> 00:14:43,430 dokud nenajdete nějaký konec, nebo byste jen vím, co to je. 286 00:14:43,430 --> 00:14:49,310 Vzhledem k tomu, JavaScript je velmi volná více způsoby, než jen typem, jak je vidíme tady, 287 00:14:49,310 --> 00:14:53,310 můžeme jen tuto pole větší, protože jsme se rozhodli. 288 00:14:53,310 --> 00:14:56,177 Když jsme si všimli pole tři má tři věci začít, 289 00:14:56,177 --> 00:14:58,510 ale pak najednou, jsme rádi, "oh, jen srandu. 290 00:14:58,510 --> 00:15:01,370 Jsme vlastně bude Aby to bylo 101 věcí. " 291 00:15:01,370 --> 00:15:05,300 Takže pokud jste někdy chtěli vědět Skutečná délka vašeho pole, 292 00:15:05,300 --> 00:15:06,680 vám to takhle. 293 00:15:06,680 --> 00:15:10,470 A budeme vidět hodně tohoto zápisu v příkladech, 294 00:15:10,470 --> 00:15:12,730 ale JavaScript to je typicky cokoliv 295 00:15:12,730 --> 00:15:16,410 Objekt, který mluvíš dot bez ohledu na druh funkce 296 00:15:16,410 --> 00:15:17,740 který chcete použít na to. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Takže v tomto případě, náš Objekt je pole dvě, 299 00:15:20,520 --> 00:15:23,470 a říkáme, že chceme Délka pole dvou. 300 00:15:23,470 --> 00:15:25,716 Takže to jen žádá, aby jako délce na to. 301 00:15:25,716 --> 00:15:27,090 A to se vrátit délku. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Také něco poznamenat, že pokud si všimneme naše pole, 304 00:15:36,790 --> 00:15:39,830 na rozdíl od C, nemají být všechny stejného typu. 305 00:15:39,830 --> 00:15:41,670 To je mnohem více jako PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript je v podstatě jen jako tento zajímavý splynutí C a PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Tak jsme to dostat se do toho. 309 00:15:52,170 --> 00:15:56,750 Pro tuto chvíli, pojďme jen předpokládat, že vaše pole jsou v podstatě 310 00:15:56,750 --> 00:16:00,640 C jako pole, v tom jsou nulové indexovány. 311 00:16:00,640 --> 00:16:04,120 OK, tak to je všechno. 312 00:16:04,120 --> 00:16:08,850 Můžete také jen rozšířit pole na cokoliv index chcete. 313 00:16:08,850 --> 00:16:14,260 Vzhledem k tomu, to by se asi SEG porucha na vás nebo vám některé chyby, 314 00:16:14,260 --> 00:16:15,970 JavaScript je jako, "Ne, to je v pořádku. 315 00:16:15,970 --> 00:16:16,620 Mám to. 316 00:16:16,620 --> 00:16:19,460 Prostě jít rovně kam chcete. " 317 00:16:19,460 --> 00:16:24,310 >> OK, takže objekty jsou velmi důležité. 318 00:16:24,310 --> 00:16:29,720 Vy bude používat hodně z nich v P setu, pokud si dobře pamatuji. 319 00:16:29,720 --> 00:16:34,780 Takže věc, že ​​se jedná o podobně jako v C jsou Struktury. 320 00:16:34,780 --> 00:16:39,290 Takže si můžete myslet about-- při jdeme na příkladu doprava 321 00:16:39,290 --> 00:16:41,810 po tomto Myslím, že to učinit mnohem více sense-- 322 00:16:41,810 --> 00:16:45,830 ale v podstatě používat objekty na organizovat informace k výkladu. 323 00:16:45,830 --> 00:16:47,780 Když jsme mluvili o structs v C, často 324 00:16:47,780 --> 00:16:53,405 mluvit o studenta, který měl nějaký název, ID, house, víš, soustředění. 325 00:16:53,405 --> 00:16:56,030 A to je trochu totéž že používáme objekty tady. 326 00:16:56,030 --> 00:16:59,300 Je to jen organizovat obdobné informace. 327 00:16:59,300 --> 00:17:03,620 >> Můžete si také myslíte, že z nich as více podobně jako asociativní pole v PHP. 328 00:17:03,620 --> 00:17:10,010 Tak to by bylo trochu věci kde nějaký klíč s určitou hodnotou, 329 00:17:10,010 --> 00:17:12,859 velmi podobný PHP. 330 00:17:12,859 --> 00:17:15,780 Takže si můžete inicializovat některé prázdný objekt, jak vidíme tady, 331 00:17:15,780 --> 00:17:17,390 Jen s složených závorek. 332 00:17:17,390 --> 00:17:19,160 Takže pole jsou hranaté závorky. 333 00:17:19,160 --> 00:17:21,220 Prázdné objekty jsou složené závorky. 334 00:17:21,220 --> 00:17:24,020 Dobré rozlišení mít. 335 00:17:24,020 --> 00:17:27,319 A to jsou jen dva různé způsoby, jak nastavit vlastnosti. 336 00:17:27,319 --> 00:17:31,460 Tak tohle je druh mnohem více, aby 337 00:17:31,460 --> 00:17:35,220 je podobný PHP, s našimi asociativní pole, s naším klíčem, 338 00:17:35,220 --> 00:17:39,910 a naše hodnoty, přičemž tohle je-- budete 339 00:17:39,910 --> 00:17:41,920 vidět mnohem víc v JavaScriptu. 340 00:17:41,920 --> 00:17:43,550 To bývá konvence. 341 00:17:43,550 --> 00:17:47,660 A stejným způsobem, jako jsme to udělali array dva dot délka, to říká, 342 00:17:47,660 --> 00:17:51,580 "OK, dej mi to atribut tohoto objektu. " 343 00:17:51,580 --> 00:17:52,110 Je to tak? 344 00:17:52,110 --> 00:17:55,660 Takže stejně to bylo, "dej mi délka atribut pole dvou, " 345 00:17:55,660 --> 00:17:59,970 to říká, "dej mi trochu vlastnost našeho prázdného objektu. " 346 00:17:59,970 --> 00:18:02,890 Nebo v tomto případě jsme přiřazení do určité hodnoty zde. 347 00:18:02,890 --> 00:18:06,200 Ale můžete také přistupovat to tak. 348 00:18:06,200 --> 00:18:09,090 >> A pak tady je to jen ukazuje dva různé výstrahy. 349 00:18:09,090 --> 00:18:12,320 Tak tohle by se ukázat upozornění bude přesně stejný, 350 00:18:12,320 --> 00:18:17,150 je to jen dva různé způsoby přístup prvek, který chceme. 351 00:18:17,150 --> 00:18:19,552 Znamená to, že smysl pro každého? 352 00:18:19,552 --> 00:18:21,510 Mám pocit, že tenhle asi dává větší smysl, 353 00:18:21,510 --> 00:18:23,270 jen proto, že jdeme pryč PHP. 354 00:18:23,270 --> 00:18:26,400 Ale jak jsme udělat více příkladů, to je doslova přesně stejné. 355 00:18:26,400 --> 00:18:28,170 Hodně z toho je jen změnit v syntaxi. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, tak příklady. 358 00:18:33,030 --> 00:18:34,180 Miluji příklady. 359 00:18:34,180 --> 00:18:40,070 Takže tady je nějaký CS50 proměnná, která je objekt, 360 00:18:40,070 --> 00:18:42,160 a ukládáme všechno informace o něm. 361 00:18:42,160 --> 00:18:46,680 Takže máme hřiště, instruktor, TFS, psets, a přelepený páskou. 362 00:18:46,680 --> 00:18:51,840 A tak jsme si všimli to jsou téměř všech různých typů. 363 00:18:51,840 --> 00:18:52,340 Je to tak? 364 00:18:52,340 --> 00:18:56,230 Takže objekty je možné uložit atributů různých typů. 365 00:18:56,230 --> 00:19:01,220 My můžeme myslet na tohle-- je to velmi obdoba naší asociativní pole v PHP. 366 00:19:01,220 --> 00:19:07,470 Takže klíč, hodnota, klíč, hodnota, klíč, hodnota, tak dále a tak dále. 367 00:19:07,470 --> 00:19:11,230 Co je zajímavé stejným způsobem že můžeme mít pole uvnitř pole, 368 00:19:11,230 --> 00:19:14,690 můžeme mít i objekty uvnitř uvnitř objektů, objekty, nebo skupiny. 369 00:19:14,690 --> 00:19:18,410 Ty nikdy omezen jen jediný z věcí. 370 00:19:18,410 --> 00:19:24,220 Můžeme dostat velmi Inceptionesque, jen dál do králičí nory tam. 371 00:19:24,220 --> 00:19:26,080 >> Takže pokud jsme si všimli, my mít nějaký kurz, který 372 00:19:26,080 --> 00:19:31,120 je řetězec, instruktor, že je to řetězec, a pole, int, a logická. 373 00:19:31,120 --> 00:19:36,110 Takže všechny tyto různé věci. 374 00:19:36,110 --> 00:19:39,600 >> Dobře, takže máme ještě jeden. 375 00:19:39,600 --> 00:19:42,930 Takže v tomto případě máme pole objektů. 376 00:19:42,930 --> 00:19:45,320 Tak jako objekt může mít pole v něm. 377 00:19:45,320 --> 00:19:47,210 Můžeme také pole objektů. 378 00:19:47,210 --> 00:19:51,250 To může být užitečné pro přemýšlet o podobný druh 379 00:19:51,250 --> 00:19:54,260 o tom, jak jsme měli hash stůl, jsme měli pole 380 00:19:54,260 --> 00:19:56,220 všech těchto rozličných druhy, které structs 381 00:19:56,220 --> 00:19:59,070 byly ukazatele na jiný uzly a kdoví co ještě. 382 00:19:59,070 --> 00:20:01,420 Ale v tomto případě jsme mají celou řadu objektů. 383 00:20:01,420 --> 00:20:04,890 Takže tohle je jako pole asociativního pole. 384 00:20:04,890 --> 00:20:09,430 Takže máme nějaké první prvek by je objekt s názvem James 385 00:20:09,430 --> 00:20:11,340 a dům Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Vy možná vzpomínáte něco velmi podobné tomu 387 00:20:14,780 --> 00:20:21,710 s poslední pset, kde, pokud vás vytáhl něco z databáze, 388 00:20:21,710 --> 00:20:24,480 První druh věc ve vašem poli byl 389 00:20:24,480 --> 00:20:27,110 všechny informace o První uživatel, který ji potkal, 390 00:20:27,110 --> 00:20:30,765 a pak jste měli na index do toho dostat své akcie nebo jejich mezipaměť 391 00:20:30,765 --> 00:20:32,110 nebo kdoví co ještě. 392 00:20:32,110 --> 00:20:34,620 Tak to je velmi stejný věc, jen malá změna 393 00:20:34,620 --> 00:20:39,570 v syntaxi, trochu změna slova, která používáme k jejich popisu. 394 00:20:39,570 --> 00:20:45,960 >> Takže pokud bychom chtěli, může někdo říct, me, co to ve střehu by to tady? 395 00:20:45,960 --> 00:20:48,780 Nebo co to kousek code by to pro nás? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 Diváků: Bude vám všechna jména. 398 00:20:52,616 --> 00:20:54,900 ALLISON Buchholtz-AU: Right, tak to bych jen upozornit všechny názvy 399 00:20:54,900 --> 00:20:57,960 protože by to projít chalupa i, tak to bych začít od nuly. 400 00:20:57,960 --> 00:21:01,330 Tak to bych, OK díváme v této první předmět, který 401 00:21:01,330 --> 00:21:03,210 je první drážka v našem poli. 402 00:21:03,210 --> 00:21:06,900 A to říká, "dej mi atributu, název tohoto objektu. " 403 00:21:06,900 --> 00:21:09,030 Tak jsme se jít sem, měli bychom scan, bychom si jméno, 404 00:21:09,030 --> 00:21:11,340 a my bychom vytisknout James Molly, a Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Jakékoliv otázky tak daleko? 407 00:21:15,799 --> 00:21:17,590 JavaScript bohužel ty budeš 408 00:21:17,590 --> 00:21:20,950 dělá hodně, jak se dívat na vašem vlastní, zjišťuje, syntaxi, 409 00:21:20,950 --> 00:21:21,910 potýkají s ním. 410 00:21:21,910 --> 00:21:25,870 Ale samozřejmě, že jsem pořád tady, úřední hodiny jsou vždy zde. 411 00:21:25,870 --> 00:21:28,260 Mohl bych být v úterý tento týden. 412 00:21:28,260 --> 00:21:31,050 Takže když už tam budete, pokud je to možné přišel mě navštívit tento týden. 413 00:21:31,050 --> 00:21:32,470 Bylo by to skvělé. 414 00:21:32,470 --> 00:21:36,260 >> OK, takže DOM je Document-Object Model. 415 00:21:36,260 --> 00:21:38,900 Tak to je jen způsob, jak že jsme rádi, že 416 00:21:38,900 --> 00:21:45,720 O tom, jak naše HTML a všechno uvnitř je organizována. 417 00:21:45,720 --> 00:21:49,930 To je moc něco, co bude pravděpodobně přijít na vašem testu. 418 00:21:49,930 --> 00:21:58,150 Vím, že můj rok, to bylo jako tady HTML soubor, vyplnit DOM za to. 419 00:21:58,150 --> 00:21:59,770 A stačí vyplnit maličkostí. 420 00:21:59,770 --> 00:22:01,500 Ty by měly být jednoduché body nadějně. 421 00:22:01,500 --> 00:22:03,450 Doufám, že budete see-- 422 00:22:03,450 --> 00:22:04,590 >> Diváků: [neslyšitelné] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON Buchholtz-AU: Tak vidíte tento strom tady? 424 00:22:06,660 --> 00:22:07,200 >> Diváků: Ano. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON Buchholtz-AU: Takže se bude ptát použití 426 00:22:08,949 --> 00:22:11,750 vyplnit, co se děje pod tělem. 427 00:22:11,750 --> 00:22:15,770 Možná, že v těle, jsme některé divs nebo máme nějaké body, 428 00:22:15,770 --> 00:22:19,160 a budeme vás požádat, abyste vyplnit strom velmi podobně jako to. 429 00:22:19,160 --> 00:22:21,440 Takže budeme chodit přes to. 430 00:22:21,440 --> 00:22:26,120 Takže Document Object- Model je jen způsob, jak 431 00:22:26,120 --> 00:22:31,240 strukturovat a přemýšlet o našem HTML graficky. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 A také když se dostaneme do více JavaScriptu 434 00:22:35,840 --> 00:22:37,640 to bude Způsob, jakým jsme vlastně 435 00:22:37,640 --> 00:22:39,990 manipulovat jiný prvky na stránce. 436 00:22:39,990 --> 00:22:43,980 Potřebujeme způsob přístupu k jednotlivým z věcí, které v našem HTML, 437 00:22:43,980 --> 00:22:48,050 a tak to nám dává velmi beton standardizovaný způsob 438 00:22:48,050 --> 00:22:51,010 v různých webových stránek, k tomu, že. 439 00:22:51,010 --> 00:22:53,440 >> Takže pokud jsme právě projít to tady, samozřejmě 440 00:22:53,440 --> 00:22:56,790 náš dokument je jako celý náš soubor. 441 00:22:56,790 --> 00:22:59,350 To samozřejmě dává smysl že je to nejvyšší věc, 442 00:22:59,350 --> 00:23:03,520 a pak máme aktuální HTML, která odpovídá této značky zde. 443 00:23:03,520 --> 00:23:08,480 Také pokud jste v odrážka tagy správně, pak vytvořením této DOM stromu 444 00:23:08,480 --> 00:23:10,530 se stává super jednoduché. 445 00:23:10,530 --> 00:23:12,400 Takže máme nějakou hlavu zde. 446 00:23:12,400 --> 00:23:15,780 Máme nějaké tělo, které vidíme vyplývají mimo HTML, 447 00:23:15,780 --> 00:23:18,530 což je důvod, proč máme hlavu a tělo. 448 00:23:18,530 --> 00:23:22,880 V hlavě, jsme některé název značky, název značky konec, 449 00:23:22,880 --> 00:23:24,570 takže víme, že přichází po hlavě. 450 00:23:24,570 --> 00:23:28,040 A v našem názvu značky, máme Hello, world. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Tak to je celá ta levá větev ruka. 453 00:23:31,311 --> 00:23:34,060 A pak se na pravé větvi Zde vidíme, že máme HTML, 454 00:23:34,060 --> 00:23:38,680 OK jsme udělali tuto opěrka hlavy, díváme jen na tělo, 455 00:23:38,680 --> 00:23:40,670 takže máme nějaké části těla. 456 00:23:40,670 --> 00:23:44,350 A v to, jediný věc, kterou máme, je ahoj, svět. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Pokud bychom měli věci jako někteří držák p a poté 459 00:23:54,130 --> 00:23:57,500 ahoj, svět, a pak další držák p Goodbye, svět, 460 00:23:57,500 --> 00:24:00,080 budeme mít dvě bubliny spadnutí zde. 461 00:24:00,080 --> 00:24:05,550 Vzhledem k tomu, že jsou oba pod tělem, ale jsou to samostatné odstavce tomto případě. 462 00:24:05,550 --> 00:24:11,520 Tam je určitě praxe na které v předchozích kvízy, 463 00:24:11,520 --> 00:24:14,570 stejně jako spousta on-line na to. 464 00:24:14,570 --> 00:24:18,260 OK, takže to prostě nechá uvidíme, všechno pěkně 465 00:24:18,260 --> 00:24:20,810 a manipulovat věci velmi systematicky. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Víme přesně, jak přejít přes tohoto stromu, 468 00:24:23,640 --> 00:24:26,910 takže víme, co chceme získat přístup. 469 00:24:26,910 --> 00:24:31,690 >> OK, takže to je důvod, proč chceme aby tento druh modelu, 470 00:24:31,690 --> 00:24:35,190 takže můžeme použít věci, jako je toto, a my jsme pochopili, co znamenají, 471 00:24:35,190 --> 00:24:38,370 a oni jsou standardizovány ve všech věcech, které děláme. 472 00:24:38,370 --> 00:24:45,900 Takže název dokumentu tečka je jen Název our-- všech těchto 473 00:24:45,900 --> 00:24:48,960 jsou docela samozřejmý, Rád si myslím. 474 00:24:48,960 --> 00:24:51,660 Takže první tři příklady jsou jen říkám, 475 00:24:51,660 --> 00:24:54,770 "OK, dej mi Název této webové stránky. " 476 00:24:54,770 --> 00:24:58,030 Tak to vám dá to, co odpovídá názvu. 477 00:24:58,030 --> 00:25:01,880 >> Dokument dot tělo se bude dát co je v rámci těchto tělesných značky. 478 00:25:01,880 --> 00:25:03,240 Takže můžete manipulovat, že. 479 00:25:03,240 --> 00:25:07,820 A dokument dot tělo dot zadejte HTML je velmi kliďas, 480 00:25:07,820 --> 00:25:11,660 a možná není jako výborný intuitivní, ale vnitřní HTML 481 00:25:11,660 --> 00:25:13,740 odpovídá Toto právo je zde. 482 00:25:13,740 --> 00:25:17,410 Takže pokud jste někdy chtěli, aby manipulovat textu na stránce, 483 00:25:17,410 --> 00:25:22,700 obvykle budete dělat něco body tečkou vnitřní HTML. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Takže vnitřní HTML tendenci odkazovat na to, co je vlastně mezi těmito značkami. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 A pak užitečné funkce. 488 00:25:33,020 --> 00:25:40,390 Takže pokud byste chtěli získat některé z nich, jakýkoli prvek, 489 00:25:40,390 --> 00:25:43,140 máme nějaký průkaz, třída jméno, nebo název tag. 490 00:25:43,140 --> 00:25:47,100 To je velmi podobné věci, které jsme dělali s CSS, že jo? 491 00:25:47,100 --> 00:25:51,360 Tam, kde máme nějaké voliče, že odpovídají buď tag, třída 492 00:25:51,360 --> 00:25:53,800 že jsme se jim, nebo ID. 493 00:25:53,800 --> 00:25:55,310 To je velmi hodně stejný cesta. 494 00:25:55,310 --> 00:26:00,720 Máte-li něco, co má nějakou třídu psa, 495 00:26:00,720 --> 00:26:05,800 a říkáte si prvky podle názvu značky, a dáte psa v there-- nebo líto, 496 00:26:05,800 --> 00:26:06,610 název třídy. 497 00:26:06,610 --> 00:26:07,770 Můžete dát tečku tam. 498 00:26:07,770 --> 00:26:11,780 Bude to vrátit všechny ty, prvky, se vám, že mají tuto třídu. 499 00:26:11,780 --> 00:26:13,880 Takže můžete manipulovat jen ty. 500 00:26:13,880 --> 00:26:18,430 Stejným způsobem, možná jen chtějí manipulovat nějakou hlavičku, tak 501 00:26:18,430 --> 00:26:20,980 někteří h1 záhlaví, jako my. 502 00:26:20,980 --> 00:26:24,900 Dalo by se dostat prvky podle značek jméno, protože h1 je jmenovka. 503 00:26:24,900 --> 00:26:29,270 A stejným způsobem, pokud chcete získat některé unikátní věc, můžete tak učinit get značku. 504 00:26:29,270 --> 00:26:31,100 Získejte element Id. 505 00:26:31,100 --> 00:26:32,710 A oni jsou vlastně spousta z nich. 506 00:26:32,710 --> 00:26:36,300 Jsou to jen jako tři velmi mnoho. 507 00:26:36,300 --> 00:26:39,600 Takže pokud jste online, as Budu podporovat 508 00:26:39,600 --> 00:26:45,342 budete dělat, a dělat nějaké výzkum na vlastní pěst, 509 00:26:45,342 --> 00:26:48,450 Určitě doporučuji hledá do všech z nich. 510 00:26:48,450 --> 00:26:50,880 Mohly by být super užitečné, zvláště když 511 00:26:50,880 --> 00:26:57,180 Chcete-li jen trochu manipulovat velmi specifické věci, aniž by bylo 512 00:26:57,180 --> 00:27:00,390 projít a vyzkoušet vyřadil všechno. 513 00:27:00,390 --> 00:27:03,540 >> OK, takže poslední věc je JavaScript události. 514 00:27:03,540 --> 00:27:10,730 Takže když jsem mluvil dříve takhle jít na webové stránky, 515 00:27:10,730 --> 00:27:14,340 a když najedete nad něčím, nebo přesunete kurzor myši nad něčím, 516 00:27:14,340 --> 00:27:15,420 něco stane. 517 00:27:15,420 --> 00:27:17,900 To je to, co jsme chtěli přemýšlet o tom, jak událost. 518 00:27:17,900 --> 00:27:23,970 Takže to, co máme, které by mohly být užitečné, tady je onclick. 519 00:27:23,970 --> 00:27:29,140 Takže můj byl na visení, který jsem si jistý, že je jen na visu. 520 00:27:29,140 --> 00:27:31,300 I ton z nich které můžete hledat. 521 00:27:31,300 --> 00:27:34,340 K dispozici je celý seznam on-line různých věcí 522 00:27:34,340 --> 00:27:37,130 které můžete poslouchat. 523 00:27:37,130 --> 00:27:41,220 >> Události ale JavaScript jsou v podstatě jen reagovat na věci 524 00:27:41,220 --> 00:27:42,430 že uživatel dělá. 525 00:27:42,430 --> 00:27:42,930 Je to tak? 526 00:27:42,930 --> 00:27:45,220 Takže vaše uživatel nemá něco, to je událost, 527 00:27:45,220 --> 00:27:48,340 a JavaScript bude reagovat však se vám to bude líbit. 528 00:27:48,340 --> 00:27:49,770 To bude reagovat odpovídajícím způsobem. 529 00:27:49,770 --> 00:27:54,630 Takže v tomto případě máme některé okno dot onload. 530 00:27:54,630 --> 00:27:57,170 Tak co to říká, je "počkat dokud naložený okno je. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Takže když všechno je naložený, onload, pak můžete spustit tuto funkci. 533 00:28:02,102 --> 00:28:03,810 Takže když je všechno načten, jdeš 534 00:28:03,810 --> 00:28:07,760 mít nějaké tlačítko Hledat že dostane prvek Id, 535 00:28:07,760 --> 00:28:13,740 a tiskne co to element je jako tlačítko Hledat. 536 00:28:13,740 --> 00:28:17,050 A pak tu máme proměnnou, říkáme: "OK, onclick." 537 00:28:17,050 --> 00:28:20,390 Takže když slyšíme cvaknutí na tlačítko Hledat, 538 00:28:20,390 --> 00:28:23,990 vykonávat tuto funkci, která je ve střehu, jste klikli na tlačítko Hledat. 539 00:28:23,990 --> 00:28:28,910 >> Takže to, co se stane, je-- je to pěkný Trochu grafické znázornění zde. 540 00:28:28,910 --> 00:28:31,480 Takže naše zatížení dokumentů, to je naše onload, 541 00:28:31,480 --> 00:28:34,340 najdeme naše hledání tlačítko, které je tato. 542 00:28:34,340 --> 00:28:36,570 Hledáme pro naše tlačítko Hledat. 543 00:28:36,570 --> 00:28:40,790 A pak, když tlačítko Search je klepnutí, to odpovídá právě zde. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Pak jsme se konečně varovat naše uživatele, což je to poslední řádek zde. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Takže každý z těchto čtyř kroků jen odpovídá čtyři boxy 548 00:28:52,960 --> 00:28:55,031 tam na dně. 549 00:28:55,031 --> 00:28:56,405 Znamená to, že smysl pro každého? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> A pak jedna věc, kterou jsem prostě jít zmínit velmi, velmi krátce, abych 552 00:29:05,200 --> 00:29:08,660 Doporučujeme vám kluci jít podívat více do je 553 00:29:08,660 --> 00:29:13,210 jQuery, což je právě knihovna který je postaven na vrcholu JavaScript. 554 00:29:13,210 --> 00:29:16,480 Je mimořádně užitečné, protože s většinou knihoven. 555 00:29:16,480 --> 00:29:18,320 Existuje spousta funkcí. 556 00:29:18,320 --> 00:29:21,930 Takže v případě, že je vůbec něco, co Chcete-li udělat v JavaScriptu, 557 00:29:21,930 --> 00:29:24,880 váš první instinkt by nemělo být, že 558 00:29:24,880 --> 00:29:27,340 o, měl by ", jakou funkci I kód? "By to mělo být, 559 00:29:27,340 --> 00:29:29,560 "Ukažte mi někoho je to už udělal pro mě. " 560 00:29:29,560 --> 00:29:32,800 Vzhledem k tomu, v devíti případech z deseti, někdo to udělal už, 561 00:29:32,800 --> 00:29:35,760 a pravděpodobně to udělal lépe. 562 00:29:35,760 --> 00:29:39,990 Lidé tráví spoustu času dělat tyto, a JavaScript se velmi často používá, 563 00:29:39,990 --> 00:29:42,810 takže lidé jsou stále se snaží, aby to lépe. 564 00:29:42,810 --> 00:29:47,110 A jQuery má spoustu funkcí že bude pravděpodobně užitečné pro vás 565 00:29:47,110 --> 00:29:50,470 v konečném projektu, pokud jste dělat něco s web design. 566 00:29:50,470 --> 00:29:53,480 Jak jsem chtěl říct, "práce chytřejší, ne víc. " 567 00:29:53,480 --> 00:29:57,130 Pokud vy uděláte, bude to skvělé. 568 00:29:57,130 --> 00:30:00,330 Když jsme u Hackathon vůbec se mi nelíbí Chceme, abyste se všichni ve stresu. 569 00:30:00,330 --> 00:30:03,600 Chci, abys byl rád, "mám tohle. jQuery je mám záda. 570 00:30:03,600 --> 00:30:05,790 Nepotřebuji psát tyto funkce. " 571 00:30:05,790 --> 00:30:07,636 >> Takže jen dvě věci pamatujte, že jdu 572 00:30:07,636 --> 00:30:10,220 aby si kluci vypadat do jQuery na vlastní pěst. 573 00:30:10,220 --> 00:30:13,070 Vše, co jsem ti chtěl říct, je to dělá některé docela úžasné věci 574 00:30:13,070 --> 00:30:15,220 a může váš život mnohem jednodušší. 575 00:30:15,220 --> 00:30:17,150 Ale to, co chcete mám, je, co soubor 576 00:30:17,150 --> 00:30:21,020 že budete používat ji, budete chtít tyto dva řádky. 577 00:30:21,020 --> 00:30:25,630 Budete chtít skript JS jQuery dot JS. 578 00:30:25,630 --> 00:30:28,500 A vlastně váš zdroj bude nějaké URL. 579 00:30:28,500 --> 00:30:35,870 Pokud jste na Googlu jQuery, Google vlastně hostí všechny soubory pro vás. 580 00:30:35,870 --> 00:30:38,950 Takže si určitě chtít vstup, který její URL. 581 00:30:38,950 --> 00:30:41,130 Jen jsem si to tady Pro jednoduchost. 582 00:30:41,130 --> 00:30:45,180 To vše znamená, je-li k najít knihovnu jQuery. 583 00:30:45,180 --> 00:30:48,600 Je to masivní, takže nechcete hostit na vašem vlastním počítači 584 00:30:48,600 --> 00:30:53,390 pokud můžete vyhnout, což je důvod, proč jsme mají tendenci jen dát do URL, Google, že 585 00:30:53,390 --> 00:30:55,880 hostí všechny tyto soubory pro vás. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Google vám to, slibuju to tam bude. 588 00:30:58,850 --> 00:31:01,200 >> A pak cokoliv JavaScript soubor, který jste 589 00:31:01,200 --> 00:31:07,150 použití, takže je to jen nějaký externí JavaScript soubor, který používáte. 590 00:31:07,150 --> 00:31:11,570 Stejným způsobem, jakým odkaz na CSS soubory, je to stejný druh věci. 591 00:31:11,570 --> 00:31:15,480 To jen odkazy na soubor kde se vaše JavaScript je. 592 00:31:15,480 --> 00:31:18,970 A mám několik příkladů s jednoduchým JavaScript. 593 00:31:18,970 --> 00:31:20,220 Takže půjdeme přes to. 594 00:31:20,220 --> 00:31:27,230 A pak se v indexu JavaScript, což je soubor Sem napište JavaScript, 595 00:31:27,230 --> 00:31:30,900 To je druh obalu že máte na jQuery. 596 00:31:30,900 --> 00:31:33,860 Jsi skoro 99,9 procent času děje 597 00:31:33,860 --> 00:31:36,800 aby to do index.js souboru. 598 00:31:36,800 --> 00:31:40,010 Vzhledem k tomu, co to říká se, "Nespustit nic 599 00:31:40,010 --> 00:31:43,480 dokud dokument je ve skutečnosti ready ", což je přesně to, co chcete. 600 00:31:43,480 --> 00:31:46,600 Vzhledem k tomu, když váš dokument není připraven, a jQuery začne dělat věci, 601 00:31:46,600 --> 00:31:48,020 je to jen zmatek. 602 00:31:48,020 --> 00:31:50,480 Takže jste vždy chtějí mít tento obal. 603 00:31:50,480 --> 00:31:55,760 A pak se na věci, které jdou tam, I ponechávají vlastní studoval vašich kluci. 604 00:31:55,760 --> 00:32:04,610 >> OK, takže jsou tam nějaké otázky vpravo Nyní o JavaScript obecně? 605 00:32:04,610 --> 00:32:07,420 Nebo modelu DOM? 606 00:32:07,420 --> 00:32:10,780 Pokud tomu tak není, jsme některé pohodě příklady, které můžeme projít, 607 00:32:10,780 --> 00:32:13,120 že vy mi může pomoci kód. 608 00:32:13,120 --> 00:32:15,877 Ale já jsem také bude Super pěkné, a pokud máte 609 00:32:15,877 --> 00:32:17,960 nechci nic říkat pro ty, to je v pořádku. 610 00:32:17,960 --> 00:32:20,510 Mohu také jen dát příklady. 611 00:32:20,510 --> 00:32:24,581 Ale něco na PowerPoint, než jsme dál? 612 00:32:24,581 --> 00:32:25,080 Super. 613 00:32:25,080 --> 00:32:26,990 >> Mám pocit, že vy potřebujete energii. 614 00:32:26,990 --> 00:32:31,516 Takže si myslím, že budeme na začátek s mým například strany první. 615 00:32:31,516 --> 00:32:33,390 Máme tři příklady, máte možnost volby. 616 00:32:33,390 --> 00:32:37,720 Takže máme hodiny, kam jedeme, zavést skutečné hodiny, které je 617 00:32:37,720 --> 00:32:41,430 bude aktualizovat, jak plyne čas. 618 00:32:41,430 --> 00:32:43,310 Máme tuto skvělou funkci Twitter. 619 00:32:43,310 --> 00:32:44,560 Tohle-- víš co, vydrž. 620 00:32:44,560 --> 00:32:47,220 Chystáme se, aby to pryč. 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 >> Máme tu skvělou funkci Twitter tady, that-- já vím, že jo? 624 00:32:56,132 --> 00:32:57,090 Bude to skvělé. 625 00:32:57,090 --> 00:32:58,350 Jste kluci nadšeni? 626 00:32:58,350 --> 00:33:01,170 Která se bude počítat počet znaků, které jste opustili, 627 00:33:01,170 --> 00:33:04,520 takže když píšu právě teď, zřejmě stále říká: 140, 628 00:33:04,520 --> 00:33:06,190 ale my víme, že to není tento případ. 629 00:33:06,190 --> 00:33:08,570 A pak se s naší poslední tady, klikněte zde na party. 630 00:33:08,570 --> 00:33:12,150 Co se stane, je, když klikneme, pozadí je 631 00:33:12,150 --> 00:33:13,340 bude měnit barvy. 632 00:33:13,340 --> 00:33:17,060 Takže vy máte své možnosti který z nich chcete udělat jako první. 633 00:33:17,060 --> 00:33:19,800 Slibuji, že budu to brát velmi snadné na vás. 634 00:33:19,800 --> 00:33:22,680 Mám pocit, že každý je druh toho jen velmi nízké klíč dnes. 635 00:33:22,680 --> 00:33:25,540 Takže budu vás provede jak budeme realizovat všechny tyto. 636 00:33:25,540 --> 00:33:28,520 Chcete-li odbíjet se tím, že je to skvělé, ale já 637 00:33:28,520 --> 00:33:30,020 pocit, že každý je trochu unavený. 638 00:33:30,020 --> 00:33:32,970 Tak jsem si jen chodit vás prostřednictvím těchto příkladech. 639 00:33:32,970 --> 00:33:35,015 Ještě máme něco, co bychom chtěli udělat jako první? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Každý, kdo? 642 00:33:39,475 --> 00:33:41,350 No preference? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Víš co? 645 00:33:42,450 --> 00:33:43,290 Jsme na stranu. 646 00:33:43,290 --> 00:33:48,380 Mám pocit, že vy potřebujete little-- tak, uděláme nejprve jedna ze smluvních stran. 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 >> Takže to, co máme here-- to je nemělo být. 650 00:33:56,930 --> 00:33:57,910 Teď je to dobré. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Takže to, co tu máme, je jen jednoduchá stránka HTML 653 00:34:03,110 --> 00:34:07,840 že vy všichni měli být super obeznámen s ze svých posledních dvou psets. 654 00:34:07,840 --> 00:34:10,212 máme typ doc zde. 655 00:34:10,212 --> 00:34:10,920 Si každý může vidět? 656 00:34:10,920 --> 00:34:11,420 OK. 657 00:34:11,420 --> 00:34:12,560 Super. 658 00:34:12,560 --> 00:34:13,900 Máme HTML samozřejmě. 659 00:34:13,900 --> 00:34:18,360 Máme nějakou hlavičku, která je spojeny s stylů, které 660 00:34:18,360 --> 00:34:21,420 jen dělal můj font pěkný a velký a odvážný. 661 00:34:21,420 --> 00:34:23,489 Takže se nemusíte bát, že. 662 00:34:23,489 --> 00:34:26,437 >> Máme nějaké tělo s Id pozadí, OK? 663 00:34:26,437 --> 00:34:28,520 Vzhledem k tomu, že budeme mít změna pozadí. 664 00:34:28,520 --> 00:34:31,964 Takže, když měníme pozadí našeho těla, 665 00:34:31,964 --> 00:34:35,965 které si pamatujeme z před dvěma týdny když máme co do činění s webovými stránkami. 666 00:34:35,965 --> 00:34:36,840 Takže dobré mít to. 667 00:34:36,840 --> 00:34:39,270 A máme nějaké Id rovná party. 668 00:34:39,270 --> 00:34:43,909 Tento h ref libra prostě znamená, že to bude chodit na stejnou stránku. 669 00:34:43,909 --> 00:34:47,120 A zde na párty, což je důvod, proč, když jsme se na něj, 670 00:34:47,120 --> 00:34:48,940 to by se mělo změnit barvy, naštěstí. 671 00:34:48,940 --> 00:34:54,322 >> A pak máme nějaké skript tady to právě souvisí s tímto dot JS stran 672 00:34:54,322 --> 00:34:58,100 Soubor, který je proto, že prázdný jsme nic neudělali. 673 00:34:58,100 --> 00:35:00,450 A je to tak smutné. 674 00:35:00,450 --> 00:35:06,100 Ale velmi brzy, bude to změní barvy, a to bude úžasné. 675 00:35:06,100 --> 00:35:10,520 >> Tak jsem jen tak, aby vás lidi díky, jak bychom mohli tento přístup. 676 00:35:10,520 --> 00:35:14,030 Takže první věc, která bychom mohli chtít udělat, 677 00:35:14,030 --> 00:35:18,050 pokud měníme pozadí tělo, první věc, kterou bychom mohli chtít 678 00:35:18,050 --> 00:35:22,730 udělat, je skutečně chytit co tělo je, že jo? 679 00:35:22,730 --> 00:35:27,690 Proto chceme, aby součet, dotazy pozadí, a pokud si všimnete, 680 00:35:27,690 --> 00:35:29,567 Jen jsem automaticky stačí začít psát. 681 00:35:29,567 --> 00:35:32,400 Na tom není nic zvláštního, že my je třeba udělat pro naše soubory JavaScript. 682 00:35:32,400 --> 00:35:35,820 Můžu začít deklarování proměnných, a vyhlášení náhodné funkce. 683 00:35:35,820 --> 00:35:38,110 A je to mnohem víc zdarma formulář. 684 00:35:38,110 --> 00:35:41,930 Je to jako s C, dali jsme vám všichni Tato tvrdá pravidla, a jste vyrůstal, 685 00:35:41,930 --> 00:35:43,220 takže jsme rádi, "jít vpřed. 686 00:35:43,220 --> 00:35:44,000 Buďte svobodní. 687 00:35:44,000 --> 00:35:44,870 Dělejte si, co chcete. " 688 00:35:44,870 --> 00:35:46,280 A to je to, co je JavaScript. 689 00:35:46,280 --> 00:35:48,390 Takže máme nějaké zázemí zde. 690 00:35:48,390 --> 00:35:55,900 S naší DOM modelem, my víme, může dělat dokument dot dostat prvek, 691 00:35:55,900 --> 00:36:00,290 a pokud si všimneme tady, Naše tělo má ID. 692 00:36:00,290 --> 00:36:00,930 Je to tak? 693 00:36:00,930 --> 00:36:06,310 Takže můžeme se dostat dokument Id, a tady je to jednoduchý. 694 00:36:06,310 --> 00:36:08,295 Jaký je náš Id, že chceme tu? 695 00:36:08,295 --> 00:36:09,170 Diváků: Pozadí. 696 00:36:09,170 --> 00:36:11,280 ALLISON Buchholtz-AU: Pozadí. 697 00:36:11,280 --> 00:36:12,230 Perfect. 698 00:36:12,230 --> 00:36:14,250 A středník na konci. 699 00:36:14,250 --> 00:36:15,610 To se nezmizela dosud. 700 00:36:15,610 --> 00:36:17,330 Stále je potřeba si středníky. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Tak to je naše první. 703 00:36:19,690 --> 00:36:23,880 A když jsme se na tlačítko něco, čím Chcete aby se něco stalo, ne? 704 00:36:23,880 --> 00:36:28,270 Takže bychom mohli chtít nějaké proměnné že čeká na kliknutí. 705 00:36:28,270 --> 00:36:32,410 To, co budeme dělat, je, že se chystáte aby naše spojení více podobný tlačítku. 706 00:36:32,410 --> 00:36:43,140 Takže budeme mít nějaké tlačítko, které rovná se dokumentují dot dostat element Id. 707 00:36:43,140 --> 00:36:48,670 A když mluvím o klikněte na odkaz nebo klikněte zde na párty 708 00:36:48,670 --> 00:36:51,850 link, co by mohlo být tady moje ID? 709 00:36:51,850 --> 00:36:52,590 Party. 710 00:36:52,590 --> 00:36:55,200 Správně. 711 00:36:55,200 --> 00:36:56,500 OK není tak zlé tak daleko. 712 00:36:56,500 --> 00:36:59,060 Každý, kdo si to, co děláme? 713 00:36:59,060 --> 00:37:02,100 >> OK, takže teď máme tlačítko, a my chceme 714 00:37:02,100 --> 00:37:04,140 Co se mění, když jsme se na něj klikněte. 715 00:37:04,140 --> 00:37:08,750 Takže pokud si vzpomeneme z naší aplikace PowerPoint, velmi jednoduchá věc, kterou můžeme udělat 716 00:37:08,750 --> 00:37:12,140 je jen tlačítko tečka onclick, že jo? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 A to bude rovnat nějakou funkci. 719 00:37:18,730 --> 00:37:20,620 To je anonymní funkce. 720 00:37:20,620 --> 00:37:24,620 A to jen as-- ve skutečnosti, že jsem bude, aby to trochu větší. 721 00:37:24,620 --> 00:37:27,330 >> Takže to, co jsem udělal je zde říkám, OK, 722 00:37:27,330 --> 00:37:31,810 když klikneme na tlačítko náš, což je tento odkaz, který jsme právě uvedené, 723 00:37:31,810 --> 00:37:34,270 budeme provádět tato anonymní funkce. 724 00:37:34,270 --> 00:37:35,845 Nepotřebujeme žádné vstupy. 725 00:37:35,845 --> 00:37:37,220 Nezajímá nás, co uživatel říká. 726 00:37:37,220 --> 00:37:38,800 Když na něj kliknete, jsme bude dělat, co chceme, 727 00:37:38,800 --> 00:37:40,660 což je změnit barvu pozadí. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 Takže to je důvod, proč nemáme žádné vstupy, budeme muset tuto anonymní funkci. 730 00:37:47,224 --> 00:37:49,390 A teď jsme vlastně bude napsat tuto funkci. 731 00:37:49,390 --> 00:37:55,040 >> Takže je tu spoustu způsobů, jak by mohla vygenerovat náhodné barvy. 732 00:37:55,040 --> 00:37:59,010 Způsob, jakým jsem to udělal, bylo, aby generovat tři náhodných čísel 733 00:37:59,010 --> 00:38:01,910 a převést je na RGB triple. 734 00:38:01,910 --> 00:38:06,130 Takže to jen ukazuje vám některé v pohodě věci, které pokud jste jako, "oh, 735 00:38:06,130 --> 00:38:08,464 Musím pro generování náhodné číslo, "když to Googled, 736 00:38:08,464 --> 00:38:09,630 to je to, co byste našli. 737 00:38:09,630 --> 00:38:17,580 >> Takže máme tři různé věci, var, už zase červená, zelená. 738 00:38:17,580 --> 00:38:18,080 Je to tak? 739 00:38:18,080 --> 00:38:20,740 To jsou tři věci, které tvoří barvu. 740 00:38:20,740 --> 00:38:22,220 Modrá, červená a zelená. 741 00:38:22,220 --> 00:38:22,960 Super. 742 00:38:22,960 --> 00:38:27,050 A to, co můžeme udělat, je, že víme, že musí být mezi 255, 743 00:38:27,050 --> 00:38:30,140 a pokud jste se podívali na některé generátor náhodných čísel, 744 00:38:30,140 --> 00:38:36,000 byste mohli dostat něco jako matematika dot náhodný, který, když se podíváte na to 745 00:38:36,000 --> 00:38:39,230 vrací na nějaké číslo mezi nulou a jedničkou. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 A to, co čísla co je v našich RGB třílůžkové jít mezi tím? 748 00:38:44,470 --> 00:38:47,240 Zero a co? 749 00:38:47,240 --> 00:38:49,000 Co mohou jít až do? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Takže pokud math dot náhodný jde mezi nulou a jedničkou, 752 00:38:53,320 --> 00:38:56,365 Jak můžeme chtít změnit toto? 753 00:38:56,365 --> 00:38:56,990 Diváků: Time? 754 00:38:56,990 --> 00:38:57,830 ALLISON Buchholtz-AU: Jo, přesně tak. 755 00:38:57,830 --> 00:38:58,677 Takže čas je 255. 756 00:38:58,677 --> 00:39:00,888 >> Diváků: [neslyšitelné] Je to jako [neslyšitelné]. 757 00:39:00,888 --> 00:39:02,471 ALLISON Buchholtz-AU: Math dot náhodný. 758 00:39:02,471 --> 00:39:03,096 Diváků: cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON Buchholtz-AU: Ano. 760 00:39:04,580 --> 00:39:06,300 JavaScript jen se o vás stará. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Takže, co můžeme udělat, že pro všechny z nich. 763 00:39:09,360 --> 00:39:10,540 Je to tak? 764 00:39:10,540 --> 00:39:16,480 Math dot náhodné časy 255. 765 00:39:16,480 --> 00:39:17,740 Rozumím. 766 00:39:17,740 --> 00:39:18,820 Super. 767 00:39:18,820 --> 00:39:23,350 Takže to znamená, že tento může nevrátí celé číslo. 768 00:39:23,350 --> 00:39:24,080 Je to tak? 769 00:39:24,080 --> 00:39:26,450 Možná, že jsme si nějaké číslo mezi nulou a jedničkou, 770 00:39:26,450 --> 00:39:32,150 a to způsobuje, že se mírně být off, a naše RGBS nemůže být plováky. 771 00:39:32,150 --> 00:39:33,360 Musí být ints. 772 00:39:33,360 --> 00:39:37,610 Takže pokud jste se pokusili to, bylo by to asi nějaké nestabilní chování. 773 00:39:37,610 --> 00:39:38,810 Bylo by to trochu funky. 774 00:39:38,810 --> 00:39:43,200 Takže to, co děláme, je, že chceme, aby se Ujistěte se, že tyto jsou zaoblené, 775 00:39:43,200 --> 00:39:45,400 a vy mohl projet v obou směrech. 776 00:39:45,400 --> 00:39:47,110 I zaoblené s podlahou. 777 00:39:47,110 --> 00:39:49,680 Takže jsem vždy jistá že se zaokrouhluje dolů. 778 00:39:49,680 --> 00:39:54,440 Ale jít pryč, jak je to jednoduché bylo jen dostat náhodné číslo, 779 00:39:54,440 --> 00:39:57,920 Jak si myslíte, že jsme by mohl patro toto číslo? 780 00:39:57,920 --> 00:40:00,720 Je to velmi podobné. 781 00:40:00,720 --> 00:40:02,810 Nějaký nápad? 782 00:40:02,810 --> 00:40:06,450 Takže pokud náhodný bylo jen matematika dot náhodné, takže myslíš, že bychom dělat podlahu? 783 00:40:06,450 --> 00:40:09,670 Math dot podlahy. 784 00:40:09,670 --> 00:40:11,340 A můžete si také udělat matematický dot strop. 785 00:40:11,340 --> 00:40:14,030 Kolo je trochu nejasný proto, že ne 786 00:40:14,030 --> 00:40:16,110 vědět, zda se zaokrouhlit nahoru nebo zaokrouhlit dolů. 787 00:40:16,110 --> 00:40:20,797 Takže obvykle jsme se vždy dělat matematiku dot podlaha, matematika dot strop. 788 00:40:20,797 --> 00:40:21,380 Ale honestly-- 789 00:40:21,380 --> 00:40:22,780 >> Diváků: Má podlahy kolo dolů? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON Buchholtz-AU: Floor kola dolů. 791 00:40:24,740 --> 00:40:26,990 A to je jen výběr z mé strany. 792 00:40:26,990 --> 00:40:32,370 >> Takže teď máme tři čísla které byly náhodně generované, 793 00:40:32,370 --> 00:40:36,610 a to, co budeme dělat teď, je, že jsme jen tak pro změnu pozadí. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Takže jsme už máme pozadí druh uložena 796 00:40:41,490 --> 00:40:43,280 V tomto prvku s názvem pozadí. 797 00:40:43,280 --> 00:40:47,300 Takže to, co si všimnete, je, pokud jste hráli asi s tím, 798 00:40:47,300 --> 00:40:50,460 Chceme-li změnit styl. 799 00:40:50,460 --> 00:40:53,812 A to je trochu něco, co byste Google a zjistit, 800 00:40:53,812 --> 00:40:55,020 Líbí se mi, jak změnit barvu. 801 00:40:55,020 --> 00:40:59,210 >> Ale způsob, jak získat přístup tato barva je pozadí dot styl dot pozadí. 802 00:40:59,210 --> 00:41:03,490 Tak to říká uveden tento objekt, pozadí, 803 00:41:03,490 --> 00:41:06,920 který se odkazuje na které element Id tam, 804 00:41:06,920 --> 00:41:10,690 budeme dívat na styl v rámci stylu, 805 00:41:10,690 --> 00:41:13,280 budeme se podívat na pozadí. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 A pokud jdete, a aby se tím probral, to by mohl dělat trochu větší smysl, 808 00:41:17,630 --> 00:41:21,930 ale to je v podstatě jen říkám, "Dej mi to velmi specifický atribut 809 00:41:21,930 --> 00:41:25,770 z toho, co jsem definovány dříve. " 810 00:41:25,770 --> 00:41:32,340 Takže to, co jsme jej změnit, je někteří RGB, protože to dává smysl. 811 00:41:32,340 --> 00:41:34,780 Používáme RGB třílůžkové, že jo? 812 00:41:34,780 --> 00:41:41,530 A my have-- chci ujistit, že jsem ten správný počet citací zde. 813 00:41:41,530 --> 00:41:43,940 Takže to, co děláme, je máme RGB, a budeme 814 00:41:43,940 --> 00:41:46,800 to-- to je jako zřetězení, což je červená. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 A pak chceme nějakou čárku. 817 00:41:52,610 --> 00:41:59,925 A pak chceme a zelená, pak některé čárka, a některé modré. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Takže tyto plusy jen Myslíš jako zřetězení. 820 00:42:14,120 --> 00:42:19,810 Tak to je právě vytvoření této Řetězec, který se děje uvnitř 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 >> Diváků: [Neslyšitelné] a poté green a pak červené. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON Buchholtz-AU: Jo, protože jsem pokazil, že až. 825 00:42:30,163 --> 00:42:30,890 Že jeden je v pořádku. 826 00:42:30,890 --> 00:42:32,110 Oh, vydrž. 827 00:42:32,110 --> 00:42:32,610 Ne. 828 00:42:32,610 --> 00:42:36,770 Protože potřebuji, aby se ujistil, že jsem všechny tyto práva. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Tak jsem se vysvětlit uno momento. 831 00:42:43,950 --> 00:42:47,040 Zelená, modrá, perfektní. 832 00:42:47,040 --> 00:42:47,971 Teď jsem udělal. 833 00:42:47,971 --> 00:42:48,470 Věřím, že. 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 Takže to, co to je, je to, že na pozadí se bude nastaven na určité řetězce. 837 00:42:58,085 --> 00:42:58,585 Je to tak? 838 00:42:58,585 --> 00:42:59,710 Což je to, co tu máme. 839 00:42:59,710 --> 00:43:05,870 Bude to být nějaký RGB 255 čárka 255 čárka nula, nebo cokoliv číslo, které 840 00:43:05,870 --> 00:43:06,512 mají tam. 841 00:43:06,512 --> 00:43:08,220 Takže jsme tady, máme nějaký řetězec. 842 00:43:08,220 --> 00:43:11,910 A to, co chceme udělat, je, že jsme to druh dynamicky vytvářet 843 00:43:11,910 --> 00:43:14,010 že když jsme vlastně tento program spustit. 844 00:43:14,010 --> 00:43:16,570 Takže to je nějaký řetězec. 845 00:43:16,570 --> 00:43:20,290 A zřetězí ji hodnota, která má červený, 846 00:43:20,290 --> 00:43:23,320 který zřetězí ji čárka, která ji zřetězí 847 00:43:23,320 --> 00:43:26,090 s tím, co je zelená, a tak dále, a tak dále. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Až do samého konce, což je zavírání závorek tohoto RGB zde. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Tak co to bude generovat je nějaký příkaz opravdu 852 00:43:37,230 --> 00:43:42,770 že je RGB ze tří čísel že na pozadí je nyní nastavena na. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Tak uvidíme, jestli to funguje. 855 00:43:46,510 --> 00:43:49,720 Doufám, že to dělá, protože pokud to není, já budu skutečný smutný. 856 00:43:49,720 --> 00:43:50,250 Oh ne. 857 00:43:50,250 --> 00:43:52,710 OK, vydrž. 858 00:43:52,710 --> 00:43:56,730 Rozhodně pozadí dot styl dot pozadí. 859 00:43:56,730 --> 00:43:59,569 Já jsem rozhodně nechybí Něco malého. 860 00:43:59,569 --> 00:44:00,610 Nezdá se vám, že kluci nenávidí? 861 00:44:00,610 --> 00:44:04,020 Když je to jen malý trochu chyba? 862 00:44:04,020 --> 00:44:04,990 Všemohoucí pozadí. 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 >> Diváků: [neslyšitelné] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON Buchholtz-AU: Ne. 868 00:44:12,770 --> 00:44:14,050 Snažil jsem se to před třídou. 869 00:44:14,050 --> 00:44:16,570 Mám všechno, co jsem dělal předtím třída případ, že bych byl rád, 870 00:44:16,570 --> 00:44:17,970 "Počkej, co jsem udělal špatně?" 871 00:44:17,970 --> 00:44:23,190 Protože jsem byl rád, "budu asi nepořádek to se v určitém okamžiku. " 872 00:44:23,190 --> 00:44:24,150 A zelená. 873 00:44:24,150 --> 00:44:26,250 Vše vypadá, že je to správně zřetězené. 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 >> Diváků: [neslyšitelné] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON Buchholtz-AU: Oh, tam jdete. 878 00:44:33,810 --> 00:44:35,520 To je to, co jsem potřeboval. 879 00:44:35,520 --> 00:44:36,805 Podívej se na to. 880 00:44:36,805 --> 00:44:40,090 Tiffany zachránit. 881 00:44:40,090 --> 00:44:40,590 Perfect. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Nyní se podívejme, jestli to funguje. 884 00:44:43,834 --> 00:44:44,816 Ach můj Bože. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Vydrž. 887 00:44:46,140 --> 00:44:48,280 >> Diváků: Prostor po druhé plus. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON Buchholtz-AU: Který z nich? 889 00:44:50,310 --> 00:44:52,910 Ale počkejte, vydrž. 890 00:44:52,910 --> 00:44:54,870 Oblečení Space? 891 00:44:54,870 --> 00:44:57,209 >> Diváků: Second plus green zřetězení. 892 00:44:57,209 --> 00:44:58,250 ALLISON Buchholtz-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 Diváků: Není místo Po Plus, jo. 894 00:44:59,570 --> 00:45:00,790 ALLISON Buchholtz-AU: Vy Nemusíte to, ale- 895 00:45:00,790 --> 00:45:01,190 Publikum: Oh, vy ne? 896 00:45:01,190 --> 00:45:01,910 ALLISON Buchholtz-AU: Vypadá to pěkně. 897 00:45:01,910 --> 00:45:02,530 Diváků: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON Buchholtz AU: Uvidíme, jestli to funguje. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Já jsem samozřejmě nedaří na toto demo, což mi připomíná 902 00:45:07,836 --> 00:45:12,810 přednášky druhý týden, ale vím, že to bude fungovat. 903 00:45:12,810 --> 00:45:15,860 Vím, že to bude fungovat. 904 00:45:15,860 --> 00:45:16,580 Tak blízko. 905 00:45:16,580 --> 00:45:22,330 Pokud jsem omylem smazané můj skript na tento jeden. 906 00:45:22,330 --> 00:45:24,035 Ne, to je strana dot js. 907 00:45:24,035 --> 00:45:25,776 OK vydrž. 908 00:45:25,776 --> 00:45:28,650 Budu kopírovat to, a já jsem taky jen tak vymazat všechno, 909 00:45:28,650 --> 00:45:30,108 proto, že jsem měl tento pracovní dříve. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Slibuji, že to funguje. 912 00:45:33,770 --> 00:45:36,160 Pokud ne, ukážu vám, co Tommy to je. 913 00:45:36,160 --> 00:45:38,890 A tam. 914 00:45:38,890 --> 00:45:42,380 >> Diváků: Jste odkazování stranu dot CSS, a to je večírek dot JS. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON Buchholtz-AU: Ah, dobře tady je dot js stran. 916 00:45:45,940 --> 00:45:49,187 OK, co jsem udělal jinak? 917 00:45:49,187 --> 00:45:50,520 OK, uvidíme, jestli to funguje teď. 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 já nevím, co jsem udělal jinak, ale to je to, co by se mělo stát. 921 00:46:02,110 --> 00:46:03,230 Kinda cool. 922 00:46:03,230 --> 00:46:06,650 Jsem kliknul na to, jako, navždy. 923 00:46:06,650 --> 00:46:11,185 Ale můžeme vyzkoušet a vidět to, co jsem udělal jinak, že to jeden měl. 924 00:46:11,185 --> 00:46:14,560 Nevím o vás kluci, ale to vypadá v podstatě to, co jsem právě napsal. 925 00:46:14,560 --> 00:46:17,950 Tam byl pravděpodobně chybí středník někde je moje věc. 926 00:46:17,950 --> 00:46:22,064 Vlastně po, myslím, že jsem chyběla středník tady ve skutečnosti. 927 00:46:22,064 --> 00:46:24,230 Ale já jsem neviděl, protože to bylo mimo obrazovku. 928 00:46:24,230 --> 00:46:29,040 >> Ale pokud si všimneme, je to docela Kolik přesně to, co jsem právě napsal. 929 00:46:29,040 --> 00:46:33,010 Myslím si, že asi nejtěžší část o je to jen druh této věci pravdu 930 00:46:33,010 --> 00:46:36,830 tady, porozumění co to dělá tam. 931 00:46:36,830 --> 00:46:42,230 Tyto druhy věcí se naučíte opravdu jen Googling a poctivě 932 00:46:42,230 --> 00:46:42,880 Jen se snažím. 933 00:46:42,880 --> 00:46:46,770 Pokud si myslíte, že je to nějaký atribut, tam asi je. 934 00:46:46,770 --> 00:46:48,382 Tak si to vyzkoušet. 935 00:46:48,382 --> 00:46:49,090 Podívejte se, co se stane. 936 00:46:49,090 --> 00:46:53,000 Jak už jsem řekl, je tu spousta experimentování s JavaScript, 937 00:46:53,000 --> 00:46:56,810 a PHP, a vše, co věci, a to zejména CSS. 938 00:46:56,810 --> 00:47:00,046 To je jediný pravý způsob, jak se to pochopit. 939 00:47:00,046 --> 00:47:07,100 >> OK, tak po tomto fiasku se stranou dot js, máme dvě další možnosti. 940 00:47:07,100 --> 00:47:10,650 Máme hodin nebo Twitter. 941 00:47:10,650 --> 00:47:12,190 Jsou to oba zajímavé. 942 00:47:12,190 --> 00:47:17,720 Možná, že ne zas až tak zábavné jako strana, který měl v pohodě trochu roztřeseně 943 00:47:17,720 --> 00:47:19,595 věc na závěr. 944 00:47:19,595 --> 00:47:21,714 Myslíte si kluci nějaké preference? 945 00:47:21,714 --> 00:47:22,380 Diváků: Clock? 946 00:47:22,380 --> 00:47:22,950 ALLISON Buchholtz-AU: Clock? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 Super. 949 00:47:25,390 --> 00:47:30,460 >> Takže znovu, máme prázdný soubor JavaScript. 950 00:47:30,460 --> 00:47:35,800 A jak vidíme tady, my mají některé velmi jednoduché HTML. 951 00:47:35,800 --> 00:47:40,010 Máme stylů, že právě formáty, jaké by to mělo vypadat. 952 00:47:40,010 --> 00:47:42,860 Máme div se Id z hodin, což 953 00:47:42,860 --> 00:47:44,420 jen říká, "mělo by to být hodiny." 954 00:47:44,420 --> 00:47:47,650 A máme odkaz v našem souboru JavaScript 955 00:47:47,650 --> 00:47:51,400 že to vlastně bude vytvářet naše hodiny pro nás. 956 00:47:51,400 --> 00:47:56,060 Vzhledem k tomu, super věc je, že můžete nastaví JavaScript automaticky aktualizovat 957 00:47:56,060 --> 00:47:56,963 sám. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Takže místo toho, čekání na Uživatel zasáhnout Aktualizovat na stránce 960 00:48:01,580 --> 00:48:03,840 takže se můžete dostat aktualizováno čas, JavaScript 961 00:48:03,840 --> 00:48:06,760 Můžete aktualizovat však líbí. 962 00:48:06,760 --> 00:48:12,082 >> Takže, jak s naší poslední, jsme chtěli přístup do našeho zázemí, je to tak? 963 00:48:12,082 --> 00:48:14,790 Tak co si myslíte, že by mohl být První věc, kterou chceme dělat tady? 964 00:48:14,790 --> 00:48:19,538 Pokud máme trochu jít pryč Tento druh paradigmatu tady? 965 00:48:19,538 --> 00:48:22,200 Pravděpodobně Chceme přístup na naše hodiny, ne? 966 00:48:22,200 --> 00:48:24,724 Takže máme nějaké var hodiny, což equals-- 967 00:48:24,724 --> 00:48:26,140 co si myslíme, že to bude? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dokument dot získat prvek by-- I také láska Sublime-- Id a naše Id je hodin. 970 00:48:42,670 --> 00:48:43,585 Středník. 971 00:48:43,585 --> 00:48:45,710 Musím se ujistěte se, že si ty středníky této doby, 972 00:48:45,710 --> 00:48:47,835 protože mám pocit, že byl problém naposledy. 973 00:48:47,835 --> 00:48:55,980 OK tak, jak jsem chtěl říct se snahou mít JavaScript obnovit sám, 974 00:48:55,980 --> 00:48:59,655 Tam je to skvělá funkce, I vím, že to přišlo vhod v loňském roce, 975 00:48:59,655 --> 00:49:02,780 Nejsem si jistý, že to přijde vhod za to pset, ale je to jen set interval. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 A to je ve skutečnosti vlastně v pohodě, pokud vy něco udělat 978 00:49:08,200 --> 00:49:11,460 s časem, nebo stále aktuální informace. 979 00:49:11,460 --> 00:49:13,700 Na internetové stránky pro finále projekt, je to pravděpodobně 980 00:49:13,700 --> 00:49:16,240 funkce, kterou chcete dostat Super zvyklí. 981 00:49:16,240 --> 00:49:19,730 Takže to, co nastavit interval dělá, je, že jdeme, aby to funkce, 982 00:49:19,730 --> 00:49:21,830 a jak často by mělo volání této funkce. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Takže v tomto případě budeme jen tak vytvořit nějaké anonymní funkci znovu, 985 00:49:26,890 --> 00:49:31,530 OK, to je dostane Naše data, a náš čas, 986 00:49:31,530 --> 00:49:33,780 a aktualizovat věci a zobrazení. 987 00:49:33,780 --> 00:49:35,130 Takže budeme dělat starosti. 988 00:49:35,130 --> 00:49:39,120 Budeme jako vytvářet hodiny zde. 989 00:49:39,120 --> 00:49:41,750 Ale to, co potřebujeme, je, jak často ji aktualizovat. 990 00:49:41,750 --> 00:49:43,930 Takže v tomto případě, je to jen milisekund. 991 00:49:43,930 --> 00:49:46,877 Takže jsme jen tak dělat 100 milisekund. 992 00:49:46,877 --> 00:49:48,210 Samozřejmě, zcela libovolné. 993 00:49:48,210 --> 00:49:50,600 Pokud byste chtěli, aby aktualizaci mnohem pomaleji, mohl bys. 994 00:49:50,600 --> 00:49:53,300 Můžeme flákat s zadaném intervalu, 995 00:49:53,300 --> 00:49:57,240 jak velký náš interval je poté, co jsme si pracovní hodiny, což doufám, že budu 996 00:49:57,240 --> 00:49:59,660 dostat. 997 00:49:59,660 --> 00:50:04,110 Takže je to jen řekl, "OK, call tato funkce každých 100 milisekund. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 To je vše, co dělá. 1000 00:50:07,280 --> 00:50:12,290 >> Takže to, co chceme naši funkci udělat, je, že chceme mít nějaké datum 1001 00:50:12,290 --> 00:50:14,200 a nějaký čas je to, co budeme mít. 1002 00:50:14,200 --> 00:50:19,740 Takže můžeme začít s našimi datum rovná něco, 1003 00:50:19,740 --> 00:50:22,708 a náš čas se rovná něco že ještě nevím. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Nebo vlastně, jen je třeba datum, protože datum bude zahrnovat všechno. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Opět, pokud jste právě Google něco o to, co chcete dělat, pokud nám napíšete, "OK, 1008 00:50:40,010 --> 00:50:41,980 Chci se dostat čas pomocí jazyka JavaScript, "to 1009 00:50:41,980 --> 00:50:45,890 vám to skvělý Funkce tzv datum get. 1010 00:50:45,890 --> 00:50:48,664 Doslova, většina věcí že chcete dělat, 1011 00:50:48,664 --> 00:50:50,830 JavaScript je bude mít to dělá už za vás. 1012 00:50:50,830 --> 00:50:55,770 Takže je to doslova jako nový získat data, což je creating-- 1013 00:50:55,770 --> 00:50:58,600 nebo nové datum, rather-- který generuje 1014 00:50:58,600 --> 00:51:03,690 nějaký objekt, který představuje datum. 1015 00:51:03,690 --> 00:51:08,200 >> A to, co budeme dělat, je zde to je-- budu psát to, 1016 00:51:08,200 --> 00:51:10,820 a pak vysvětlit, co to dělá. 1017 00:51:10,820 --> 00:51:12,560 Takže budu ujistit, že jsem si to právo. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, takže to, co tato funkce dělá, je, že jsme jenom 1020 00:51:23,440 --> 00:51:30,680 vytváření HTML, který je ve skutečnosti jít v našem div id z hodin. 1021 00:51:30,680 --> 00:51:34,610 Tak co to bude dělat právě vytváří nějaký řetězec, OK? 1022 00:51:34,610 --> 00:51:38,510 Která se pak bude transplantovány do našeho HTML. 1023 00:51:38,510 --> 00:51:42,130 V podstatě to, co to bude dělat, je co we-- to, co jsem vám ukážu, 1024 00:51:42,130 --> 00:51:49,070 je, že ať říkáme HTML je, budeme nahradit tento text zde 1025 00:51:49,070 --> 00:51:51,090 s tím, co je HTML. 1026 00:51:51,090 --> 00:51:56,390 Tak to bude, aby nám změnit náš hodin dot 1027 00:51:56,390 --> 00:52:00,940 HTML od být jen text této by měla být hodiny, aby skutečně ukazuje 1028 00:52:00,940 --> 00:52:05,630 čísla a věci, které se staráme o, a skutečně hodin. 1029 00:52:05,630 --> 00:52:09,810 >> Takže to, co budeme dělat, je, že jsme začnou vytvářet tento HTML. 1030 00:52:09,810 --> 00:52:16,520 Takže stejným způsobem, jako jsme použili udělat a rovná se pro celá čísla, 1031 00:52:16,520 --> 00:52:20,461 nyní můžete udělat pro smyčce, kromě toho, že to bude jejich zřetězit. 1032 00:52:20,461 --> 00:52:20,960 Je to tak? 1033 00:52:20,960 --> 00:52:26,070 Jak jsme viděli u výrobců tečka JS, to prostě zřetězuje všechny tyto věci dohromady. 1034 00:52:26,070 --> 00:52:31,970 Takže si můžete spojit různé kousky HTML z proměnných, nebo kousky řetězců 1035 00:52:31,970 --> 00:52:33,750 že píšete ven sami, a to jen 1036 00:52:33,750 --> 00:52:38,650 Opravdu vám umožní dynamicky generovat HTML, což je docela v pohodě. 1037 00:52:38,650 --> 00:52:42,040 Takže pokud máte něco velmi uživatelsky specifické, 1038 00:52:42,040 --> 00:52:44,130 to vám umožní udělat. 1039 00:52:44,130 --> 00:52:47,550 >> Takže musíme HTML, aby budu pokusit se ujistit, že jsem si to právo. 1040 00:52:47,550 --> 00:52:49,890 Takže budeme dělat nějaké h1 záhlaví. 1041 00:52:49,890 --> 00:52:53,610 Takže to, co je důležité, aby tady si uvědomit, je to, že je to ve skutečnosti jen HTML. 1042 00:52:53,610 --> 00:52:54,460 Je to tak? 1043 00:52:54,460 --> 00:52:56,610 Píšeme aktuální HTML kód tady, je to 1044 00:52:56,610 --> 00:53:01,090 ne jen řetězec v normálním způsob, že bychom o tom přemýšlet. 1045 00:53:01,090 --> 00:53:02,930 Takže máme nějaké HTML. 1046 00:53:02,930 --> 00:53:04,940 To je považováno za řetězec zde však. 1047 00:53:04,940 --> 00:53:10,380 A my datum dot-- my chtějí dostat naše hodiny. 1048 00:53:10,380 --> 00:53:12,910 Opět platí, že pokud jste se podívat up něco o datu, 1049 00:53:12,910 --> 00:53:16,160 to by ti to všechno jsou atributy, které datum má. 1050 00:53:16,160 --> 00:53:17,670 A tady je to, co můžete použít na to. 1051 00:53:17,670 --> 00:53:20,620 Takže to asi má věci, jako je dostat hodiny, a dostat minut, 1052 00:53:20,620 --> 00:53:24,669 a dostat sekund, a získat milisekund, a kdo ví, co ještě mají. 1053 00:53:24,669 --> 00:53:27,210 Ale když se podíváte do dokumentace, bude to všechno tam. 1054 00:53:27,210 --> 00:53:31,980 >> Takže máme dostat hodin, a pak jsme chtěli 1055 00:53:31,980 --> 00:53:35,614 zřetězit že with-- nejsem bude pohybovat to tady. 1056 00:53:35,614 --> 00:53:38,780 Takže pokud budeme generovat právě teď, jsme vlastně generování čas, ne? 1057 00:53:38,780 --> 00:53:43,590 Máme hodiny, a pak to, co je mezi hodinami a minutami? 1058 00:53:43,590 --> 00:53:45,080 Máte středník, že jo? 1059 00:53:45,080 --> 00:53:48,010 Takže chceme udělat nějaké středník zde. 1060 00:53:48,010 --> 00:53:51,780 A pak chceme, aby se naše minut, takže stejně 1061 00:53:51,780 --> 00:53:56,450 že máme datum dot dostat hodin, Jak můžeme dostat naše minut? 1062 00:53:56,450 --> 00:54:01,542 Je to doslova datum dot dostat minut, které jsem tak trochu rád. 1063 00:54:01,542 --> 00:54:03,250 Je to jako, "ach, jak získám minut? " 1064 00:54:03,250 --> 00:54:05,850 Jen jsem si své minuty. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 A pak tu máme další dvojtečku zde. 1067 00:54:10,990 --> 00:54:16,350 A pak, pokud chceme, aby se naše sekund, jak by jsme se dostat naše druhá? 1068 00:54:16,350 --> 00:54:17,400 Datum dot si sekund. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Myslím, že je to docela v pohodě. 1071 00:54:21,590 --> 00:54:23,589 A co je důležité, aby si uvědomit, že my také 1072 00:54:23,589 --> 00:54:31,730 je třeba, aby zde zavírat HTML tag, protože to by mělo i nadále být validní HTML, tak h1. 1073 00:54:31,730 --> 00:54:33,481 Super. 1074 00:54:33,481 --> 00:54:43,110 >> Takže po to, že můžeme udělat hodiny dot vnitřní HTML je roven HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Tak si, jak jsem řekl, vnitřní HTML v podstatě 1077 00:54:46,470 --> 00:54:50,610 bere, co je mezi dvě značky, které jsme si povídali o 1078 00:54:50,610 --> 00:54:54,470 a vložky nebo manipuluje co je tam? 1079 00:54:54,470 --> 00:54:58,290 Takže to, co to dělá, pokud se vrátíme k naší hodiny, 1080 00:54:58,290 --> 00:55:04,180 je, že hodiny se týká vše v rámci této div. 1081 00:55:04,180 --> 00:55:09,770 Jedná se o vnitřní HTML tohoto Id hodiny div. 1082 00:55:09,770 --> 00:55:13,930 A tak to bude to změnit na HTML, které jsme právě generované, 1083 00:55:13,930 --> 00:55:16,750 který, která, doufejme, doufejme, doufejme, 1084 00:55:16,750 --> 00:55:21,026 ukáže čas právě teď. 1085 00:55:21,026 --> 00:55:23,960 Uvidíme. 1086 00:55:23,960 --> 00:55:25,170 Samozřejmě. 1087 00:55:25,170 --> 00:55:26,860 Tolik technických problémů. 1088 00:55:26,860 --> 00:55:31,480 Allison jen--, že jsem off mou hru dnes kluci. 1089 00:55:31,480 --> 00:55:34,136 OK, to funguje. 1090 00:55:34,136 --> 00:55:35,760 Hodiny dot vnitřní HTML. 1091 00:55:35,760 --> 00:55:42,097 Bylo to HTML Opravdu? 1092 00:55:42,097 --> 00:55:43,180 Také je to, co se děje. 1093 00:55:43,180 --> 00:55:48,750 Když nemůžete vidět něco, co, Stačí se podívat na zdrojovém kódu. 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 Myslíte si, chci vědět, cool práci kolem že budeme dělat tady? 1097 00:55:54,870 --> 00:55:55,740 >> Diváků: Můžeš dělat velká písmena? 1098 00:55:55,740 --> 00:55:56,580 Velká písmena? 1099 00:55:56,580 --> 00:55:58,996 Protože máte dostat hodin, a pak se minut. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON Buchholtz-AU: Je to je dostat se hodiny a get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Ty are-- Zlatou hvězdu. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Je to test, kluci. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Slibuji, že to funguje před třídou. 1106 00:56:17,330 --> 00:56:22,590 >> OK, ale něco v pohodě vědět, je, že můžete, pokud někdy also-- 1107 00:56:22,590 --> 00:56:26,560 vaše externí soubory Začínám být trochu blázen, 1108 00:56:26,560 --> 00:56:30,960 si můžete také jen dát je rovnou V tu, která má tendenci věci do pořádku. 1109 00:56:30,960 --> 00:56:35,840 Kromě toho je jako opravdu ošklivý. 1110 00:56:35,840 --> 00:56:38,050 Samozřejmě formátování všechno. 1111 00:56:38,050 --> 00:56:41,425 Ujistěte se, že je to všechno pěkně. 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 >> Chtěl jsem dělat všechny ty skvělé dema, a oni prostě nevyjde. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Script var hodiny. 1117 00:56:53,890 --> 00:57:00,350 Tak jako tak, co je důležité, je že se jedná o obecný způsob 1118 00:57:00,350 --> 00:57:01,870 že byste formátovat JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Jak můžete vidět, může to být velmi vybíravý někdy, 1120 00:57:04,490 --> 00:57:08,780 i když to bylo doslova pracovní před dvěma sekund. 1121 00:57:08,780 --> 00:57:11,820 Nebo před ne dva za druhé, ale velmi, velmi nedávno. 1122 00:57:11,820 --> 00:57:16,070 >> Tak, aby vám ukázat, co by to mělo vypadat, a ukázat vám, že nejsem blázen, 1123 00:57:16,070 --> 00:57:19,730 a že vše je přesně Totéž, to je to, co by to mělo vypadat. 1124 00:57:19,730 --> 00:57:27,410 Ty prostě dělat tuto horní část tady, a pokud se díváte zdrojový kód stránky, 1125 00:57:27,410 --> 00:57:32,160 pokud si všimnete, že udělal nějaké šílenější věci, zjednodušila jsem to. 1126 00:57:32,160 --> 00:57:35,710 Také úvěr Tommy McWilliam, kdo vlastně 1127 00:57:35,710 --> 00:57:38,810 mi pomohl vytvořit tyto příklady, což je důvod, proč já vím, že fungují. 1128 00:57:38,810 --> 00:57:41,560 Vzhledem k tomu, Tommy je mistr JavaScript. 1129 00:57:41,560 --> 00:57:43,180 Ale pokud si všimneme, máme nějaké set. 1130 00:57:43,180 --> 00:57:45,170 Máme hodiny funkci zde. 1131 00:57:45,170 --> 00:57:48,450 To je vše, JavaScript, který jsme právě napsali, nebo některé z nich. 1132 00:57:48,450 --> 00:57:51,470 Právě jsme napsal tenhle tady. 1133 00:57:51,470 --> 00:57:54,260 A má navíc funkce, která právě Podložky to 1134 00:57:54,260 --> 00:57:57,790 tím, že nulu dříve písmeno nebo před číslo, pokud je to 1135 00:57:57,790 --> 00:57:59,412 jen jeden z nich. 1136 00:57:59,412 --> 00:58:02,120 Takže pokud si všimnete, je to docela Kolik přesně to, co jsme právě napsali. 1137 00:58:02,120 --> 00:58:06,230 Máte nějaké proměnné hodiny, které má naši element, získat element podle ID, 1138 00:58:06,230 --> 00:58:07,252 což je hodin. 1139 00:58:07,252 --> 00:58:08,960 Máme stanovený interval Funkce, která je 1140 00:58:08,960 --> 00:58:12,670 anonymní funkce který provádí toto vše. 1141 00:58:12,670 --> 00:58:16,940 Máme několik začíná řetězec HTML, které jsme pak dynamicky 1142 00:58:16,940 --> 00:58:20,750 generovat tím, že někteří h1 záhlaví, zřetězení 1143 00:58:20,750 --> 00:58:23,950 se dostat hodiny, a Naše tlustého střeva, a jak se 1144 00:58:23,950 --> 00:58:26,860 minuty, plus další tlustého střeva, a naše sekundy, 1145 00:58:26,860 --> 00:58:29,330 a nakonec končí HTML pro něj. 1146 00:58:29,330 --> 00:58:34,210 A pak jsme se aktualizovat naše hodiny dot vnitřní HTML HTML, 1147 00:58:34,210 --> 00:58:37,640 a my aktualizovat každých 100 milisekund. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Viz Slibuju, že nejsem blázen. 1150 00:58:42,470 --> 00:58:43,440 Nevím. 1151 00:58:43,440 --> 00:58:47,160 Nevím, proč se mě nemá rád. 1152 00:58:47,160 --> 00:58:54,030 Mám pocit, že vypadá stejně, ale zřejmě to mě nenávidí. 1153 00:58:54,030 --> 00:58:59,600 >> Tak uvidíme, jestli kolem tři půjde lépe. 1154 00:58:59,600 --> 00:59:00,970 Jsme asi vidět. 1155 00:59:00,970 --> 00:59:02,910 Nejsem si jistý, jak to půjde. 1156 00:59:02,910 --> 00:59:06,700 Je každý alespoň získání cons, jako jen obecné téma 1157 00:59:06,700 --> 00:59:08,480 JavaScriptu, i když? 1158 00:59:08,480 --> 00:59:15,660 Doufám, že je to nejméně vhodné, více než o tom, že je to trochu vybíravý. 1159 00:59:15,660 --> 00:59:21,190 Ale váš problém set bude velmi zábavné. 1160 00:59:21,190 --> 00:59:22,590 Bude to skvělé. 1161 00:59:22,590 --> 00:59:24,820 To nebude úplně jako únavné protože to, já si nemyslím, že. 1162 00:59:24,820 --> 00:59:28,100 Budete skutečně dostat do vidět opravdu cool věci. 1163 00:59:28,100 --> 00:59:31,734 >> Takže v neposlední řadě, zkusíme Twitter jeden. 1164 00:59:31,734 --> 00:59:32,900 Já jsem opravdu strach teď, kluci. 1165 00:59:32,900 --> 00:59:35,762 Já nevím, jak to půjde. 1166 00:59:35,762 --> 00:59:39,930 Ale jen proto, aby vám něco více chuti, a to je vlastně 1167 00:59:39,930 --> 00:59:44,190 manipulaci řetězce a vstupy, co budeme dělat 1168 00:59:44,190 --> 00:59:50,960 je, pokud můžeme všimnout, tu s HTML-- tahle má trochu víc-- 1169 00:59:50,960 --> 00:59:57,200 máme nějaké textovou část, která odpovídá na tuto oblast textu zde. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 A že má ID textu. 1172 01:00:00,420 --> 01:00:04,520 Změněný jsme to trochu s některými šířkou a výškou 1173 01:00:04,520 --> 01:00:07,310 že jsme předem určená, a my jsme H1, 1174 01:00:07,310 --> 01:00:11,260 což jen je naše jediná záhlaví, které představuje odešel naše postavy. 1175 01:00:11,260 --> 01:00:14,570 Dali jsme mu nějaký ID zbývající znaky, 1176 01:00:14,570 --> 01:00:18,660 a pak máme nějaké skript tady, což jsem opravdu 1177 01:00:18,660 --> 01:00:20,790 doufá, že potřetí to kouzlo tady, chlapi. 1178 01:00:20,790 --> 01:00:26,750 >> Takže to, co chceme dělat, ve stejném obecném duchu 1179 01:00:26,750 --> 01:00:31,480 že jsme udělali s hodinami dot JS a strany dot js jak jsme si všimli, 1180 01:00:31,480 --> 01:00:35,980 je, že jsme začali by skutečně chytne věci, které se staráme o, ne? 1181 01:00:35,980 --> 01:00:42,330 Takže v tomto případě, jsou tam dva věci, které se staráme o, OK? 1182 01:00:42,330 --> 01:00:47,199 Jedna věc, že ​​jsme vlastně trochu hledá do a čerpání dat z, 1183 01:00:47,199 --> 01:00:48,990 a jedna věc, která jsme skutečně mění. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Takže tam je náš HTML. 1186 01:00:53,730 --> 01:01:00,370 Pokud je to naše webové stránky tady, co je údaje, které jsme při pohledu na? 1187 01:01:00,370 --> 01:01:03,860 Bude to být cokoliv Text v našich krabicích, že jo? 1188 01:01:03,860 --> 01:01:05,310 Tak co jsem psát zde. 1189 01:01:05,310 --> 01:01:08,150 To je to, co chci vědět, nebo to je to, co chci podívat. 1190 01:01:08,150 --> 01:01:10,690 A to, co se bude měnící se na našich webových stránkách? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Zbývající znaky. 1193 01:01:14,880 --> 01:01:19,550 Tak stejným způsobem, chceme začít tím, že inicializace proměnných 1194 01:01:19,550 --> 01:01:22,030 že vlastně držet těchto prvků. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Takže pokud budeme mít některé var to je náš text prostor, 1197 01:01:29,930 --> 01:01:33,681 a máme nějaké var, která je zbývající. 1198 01:01:33,681 --> 01:01:34,180 Je to tak? 1199 01:01:34,180 --> 01:01:36,190 Tak to se bude držet tyto dvě věci. 1200 01:01:36,190 --> 01:01:42,370 Takže stejný druh věci, Dokument dot-- OK, já jsem 1201 01:01:42,370 --> 01:01:45,920 chystá se ujistil, je to chodit do práce tentokrát. 1202 01:01:45,920 --> 01:01:49,620 Jsem velmi neoblomný. 1203 01:01:49,620 --> 01:01:53,310 OK, takže pokud chceme, aby naše textová oblast, podle 1204 01:01:53,310 --> 01:01:55,710 k našemu HTML, co je naše identifikátor? 1205 01:01:55,710 --> 01:01:56,420 Jaký je náš Id? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Je to jen bude textu, protože vytváří naši textovou oblast, OK, 1208 01:02:05,540 --> 01:02:10,320 a naše Id je text, tak to je jak můžeme uchopit to, co tam je. 1209 01:02:10,320 --> 01:02:12,130 OK, středník. 1210 01:02:12,130 --> 01:02:13,940 Budu být super přesné o tom, 1211 01:02:13,940 --> 01:02:16,300 proto, že chci, aby to fungovalo tentokrát. 1212 01:02:16,300 --> 01:02:22,120 OK, dělají to samé, dostat element Id. 1213 01:02:22,120 --> 01:02:25,970 Já jsem opravdu přemýšlel, co má způsobil další dva zkazit. 1214 01:02:25,970 --> 01:02:29,750 OK, pak se v tomto jednom, to, co chceme získat přístup? 1215 01:02:29,750 --> 01:02:30,760 Co je to tady náš Id? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Máme další Id v náš HTML, co je to? 1218 01:02:36,261 --> 01:02:37,552 Diváků: zbývajících znaků. 1219 01:02:37,552 --> 01:02:39,343 ALLISON Buchholtz-AU: Zbývajících znaků. 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 Super. 1223 01:02:46,010 --> 01:02:49,800 Tak jsem jen tak napsat to opravdu rychle. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Já jsem prostě jít psát to na druhém místě. 1226 01:02:55,330 --> 01:02:56,190 Tak textová oblast. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Co je zajímavé, je B tam function-- spousta funkcí, které nejen 1229 01:03:06,180 --> 01:03:09,690 odpovídají vašim myš, ale vaše klávesnice. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Takže můžete říct, když některý klíč lisované, můžete dělat věci, jako to. 1232 01:03:16,540 --> 01:03:20,450 Takže ten, který jsme s použitím se nazývá na klíč up, který 1233 01:03:20,450 --> 01:03:25,320 říká: "pokud jste stisknutím libovolného tlačítka na klávesnice, když uživatel pozvedlo 1234 01:03:25,320 --> 01:03:28,064 Jejich prst off toto tlačítko, a klíč se stal nelisovaný, 1235 01:03:28,064 --> 01:03:29,480 pak budeme něco dělat. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Tak to má smysl, že jo? 1238 01:03:31,370 --> 01:03:33,540 Vzhledem k tomu, každý znak jsme typu, jdeme 1239 01:03:33,540 --> 01:03:36,550 muset zvednout prsty off z toho, takže když klíč jde nahoru, 1240 01:03:36,550 --> 01:03:40,980 můžeme poznat pro snížení Zbývající naše postavy. 1241 01:03:40,980 --> 01:03:44,440 >> Takže máme nějaké na klíč nahoru, a stejným způsobem, 1242 01:03:44,440 --> 01:03:47,480 budeme říkat, "OK, když to uděláme, my 1243 01:03:47,480 --> 01:03:55,110 se chystáte vytvořit nějakou funkci, která bude trvat e ", v tomto případě, 1244 01:03:55,110 --> 01:03:58,800 a to, co chceme udělat, je výpočet počtu zbývající. 1245 01:03:58,800 --> 01:04:02,510 OK, takže pojďme prostě začít vytvořením proměnné. 1246 01:04:02,510 --> 01:04:05,830 Takže máme nějaké proměnné r, že to bude reprezentovat 1247 01:04:05,830 --> 01:04:07,720 kolik znaků, co nám zbylo. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Víme, že začneme s 140, a chceme-li vědět, 1250 01:04:14,540 --> 01:04:18,360 řekněme, na dobu trvání této Řetězec, který to už vstup, 1251 01:04:18,360 --> 01:04:20,860 Myslíte si, kluci mají nějakou představu, jak bychom mohli udělat, že? 1252 01:04:20,860 --> 01:04:23,900 Jen na základě pryč zřejmý věci, jako kdybychom chtěli hodin, 1253 01:04:23,900 --> 01:04:25,870 jsme si hodiny. 1254 01:04:25,870 --> 01:04:28,860 Víme, že náš objekt je textová oblast, ale mohl byste kluci 1255 01:04:28,860 --> 01:04:33,050 přemýšlet o tom, co by mohlo přijít po něm? 1256 01:04:33,050 --> 01:04:35,280 Nějaké nápady? 1257 01:04:35,280 --> 01:04:41,730 >> Tak tohle je trochu méně intuitivní, ale to je hodnota délky tečka. 1258 01:04:41,730 --> 01:04:44,700 Tak mi dej trochu hodnotu atributu, že 1259 01:04:44,700 --> 01:04:46,500 je vlastně délka tohoto řetězce. 1260 01:04:46,500 --> 01:04:50,340 Takže to bude říkat, "OK, dívám v celém tohoto řetězce v textovém poli, 1261 01:04:50,340 --> 01:04:52,730 a budu vyprávět vám, jak dlouho to je. " 1262 01:04:52,730 --> 01:04:55,500 Vzhledem k tomu, pokud si vzpomeneme řetězce jsou opravdu jen pole, 1263 01:04:55,500 --> 01:04:58,110 takže můžeme jen vzít délku z nich. 1264 01:04:58,110 --> 01:05:01,860 Takže máme to. 1265 01:05:01,860 --> 01:05:04,058 Super. 1266 01:05:04,058 --> 01:05:09,360 >> Poté, co chceme udělat, je, že jsme nikdy nechci, aby uživatel 1267 01:05:09,360 --> 01:05:12,340 pro vložení více než 140 znaků, je to tak? 1268 01:05:12,340 --> 01:05:15,610 Vzhledem k tomu, řekneme-li, jako: "Ach, vy mít pouze tolik zbývá, " 1269 01:05:15,610 --> 01:05:20,522 a pak ať jim to Tak jako tak, jsme ležel. 1270 01:05:20,522 --> 01:05:22,230 A to je další věc, která JavaScript 1271 01:05:22,230 --> 01:05:24,530 může být opravdu dobrá pro, je validace uživatel 1272 01:05:24,530 --> 01:05:29,062 a ujistěte se, že vaše Uživatel zapadá do všech pravidel 1273 01:05:29,062 --> 01:05:30,270 že jste jim poskytnuty. 1274 01:05:30,270 --> 01:05:36,020 Takže pokud chcete dělat věci, jako je vytváření jisti, že někdo vstup jejich e-mailovou adresu, 1275 01:05:36,020 --> 01:05:40,242 nebo ujistěte se, že když se zadejte dvě hesla, které uzavřeno. 1276 01:05:40,242 --> 01:05:41,200 JavaScript může udělat. 1277 01:05:41,200 --> 01:05:44,010 Ty by se něco takového, "když odesláním formuláře, "nebo podobně, 1278 01:05:44,010 --> 01:05:48,170 "Když tlačítko Odeslat formulář je klepnutí, zkontrolujte všechny tyto věci. " 1279 01:05:48,170 --> 01:05:49,670 A to můžeme udělat JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Tak to je právě to, co budeme dělat tady. 1281 01:05:52,680 --> 01:05:57,810 >> Takže to, co by mohlo být způsobem, jak zjistit, jestli že jsem už více než 140 znaků? 1282 01:05:57,810 --> 01:06:03,310 Co se stane, aby Naše hodnota R, pokud se snaží? 1283 01:06:03,310 --> 01:06:04,760 Bude to být negativní, ne? 1284 01:06:04,760 --> 01:06:07,380 Nebo to bude méně než nebo rovna nule. 1285 01:06:07,380 --> 01:06:13,690 Takže můžeme použít v případě, že je stejně jako všechno ostatní. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 A máme nějaký text plochu dot hodnoty, a to, co tady děláme 1288 01:06:20,480 --> 01:06:29,940 je, že jsme jenom cutting-- co je to? 1289 01:06:29,940 --> 01:06:30,900 Promiňte. 1290 01:06:30,900 --> 01:06:32,732 Ten, my prostě chceme se vrátit false. 1291 01:06:32,732 --> 01:06:34,030 Dostal jsem zmatená. 1292 01:06:34,030 --> 01:06:36,560 Všechny roztřepené z věcí nefunguje. 1293 01:06:36,560 --> 01:06:40,010 OK, jen chceme, aby return false, a pak jsme 1294 01:06:40,010 --> 01:06:44,160 chcete zobrazit zbývající znaky, ne? 1295 01:06:44,160 --> 01:06:48,720 Tak s hodinami, jsme udělali něco s vnitřním HTML, ne? 1296 01:06:48,720 --> 01:06:52,070 Tam, kde jsme si stanovili, že se rovná některé variabilní, takže to, co můžeme dělat? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 To, co se měníme vnitřní kód HTML? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> Diváků: Zbývající? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON Buchholtz-AU: Měníme zbývající. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Dobře, a co my Chcete nastavit rovná? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Je to bude r, protože to by měla být zbývající naše postavy. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Takže jsem opravdu nervózní, aby zjistil, zda to funguje teď, ale uvidíme. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Nechte to. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 To je opravdu rychlý. 1312 01:07:37,700 --> 01:07:38,970 [Neslyšitelný] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Opět platí, že já jsem jen ukážu. 1315 01:07:45,990 --> 01:07:49,430 Z nějakého důvodu, moje rozhodne, že nebude fungovat, 1316 01:07:49,430 --> 01:07:53,354 ale to, co jsem vám ukážu, že to je-- oh jsem měl dát, že. 1317 01:07:53,354 --> 01:07:57,470 OK, jsme si všimli stejný druh to tady, jak se na oblast textu. 1318 01:07:57,470 --> 01:08:01,070 >> Také, pokud máte chlap oznámení, je-li to někdy něco, co chcete dělat, 1319 01:08:01,070 --> 01:08:04,080 a nevíte, jak to udělat to, stačí kliknout na Zobrazit zdrojový kód stránky, 1320 01:08:04,080 --> 01:08:06,632 a oni ti to říct. 1321 01:08:06,632 --> 01:08:07,840 Někdy to bude šifrována. 1322 01:08:07,840 --> 01:08:11,147 Pro vaše pset jsme šifrovat všechno, tak to prostě vypadá jako blábol. 1323 01:08:11,147 --> 01:08:13,480 Ale jestli je to vůbec vážně pohodě webové stránky, které se vám líbí, 1324 01:08:13,480 --> 01:08:17,729 pokud jste právě na tlačítko Zobrazit zdrojový kód stránky, to ti říct, jak na to. 1325 01:08:17,729 --> 01:08:20,770 Takže znovu, pracovat chytřeji, ne víc. 1326 01:08:20,770 --> 01:08:24,250 A jak vidíte tady, všichni tyto věci jsou stejné. 1327 01:08:24,250 --> 01:08:31,930 tohle tady jen trvá nějaký podřetězec to, že jsem zapomněl, přesně to, co to dělá. 1328 01:08:31,930 --> 01:08:36,980 Ale to samozřejmě zabere nějaký podřetězec hodnoty od nuly do deseti, 1329 01:08:36,980 --> 01:08:41,540 a vrátí false, co by mělo přestat uživatel od zadání už, 1330 01:08:41,540 --> 01:08:46,040 a pak samozřejmě aktualizuje vnitřní HTML tam. 1331 01:08:46,040 --> 01:08:47,410 >> Super. 1332 01:08:47,410 --> 01:08:53,000 Tak velké odebere aways ode dneška, experiment, podívejte se na zdrojový kód 1333 01:08:53,000 --> 01:08:58,359 protože to bude vám hodně, a všichni, někdy JavaScript 1334 01:08:58,359 --> 01:09:03,200 může být těžké pracovat a ne vždy pracovat tak, jak to očekáváte, 1335 01:09:03,200 --> 01:09:05,700 ale jen snaží udržet protože Slibuji, že ano. 1336 01:09:05,700 --> 01:09:08,376 Slibuji, že všechny z těchto příkladů pracovali před třídou. 1337 01:09:08,376 --> 01:09:09,750 Nechápu, co se stalo. 1338 01:09:09,750 --> 01:09:13,069 Doslova jsem všechno stejné. 1339 01:09:13,069 --> 01:09:17,660 >> A ještě jedna věc, kterou chci, aby ukázat vám kluci, které mohou být super užitečný 1340 01:09:17,660 --> 01:09:21,630 Je in-- co pracoval předtím? 1341 01:09:21,630 --> 01:09:23,935 Máme párty do práce, ne? 1342 01:09:23,935 --> 01:09:26,569 Myslím, že ano. 1343 01:09:26,569 --> 01:09:27,069 Ano. 1344 01:09:27,069 --> 01:09:27,630 Udělali jsme. 1345 01:09:27,630 --> 01:09:28,250 Děsivý. 1346 01:09:28,250 --> 01:09:31,189 OK, takže jedna věc, která Měli byste vědět 1347 01:09:31,189 --> 01:09:33,340 je log konzole, které jsem hovořil. 1348 01:09:33,340 --> 01:09:37,040 Takže konzole dot protokolu ahoj. 1349 01:09:37,040 --> 01:09:40,430 Tak to je druh JavaScript ekvivalent printf. 1350 01:09:40,430 --> 01:09:42,810 Takže pokud jste někdy chtěli, aby zkontrolujte, zda vaše proměnné 1351 01:09:42,810 --> 01:09:49,649 nebo zjistit, co se tam děje, co se můžete udělat, je, pokud budeme kontrolovat prvek, 1352 01:09:49,649 --> 01:09:51,899 je to, co budete chtít jít k, a jdete do konzole, 1353 01:09:51,899 --> 01:09:53,770 uvidíte, že to vytiskne ahoj. 1354 01:09:53,770 --> 01:09:55,750 >> Takže jsme mohli mít tisk, co jsme chtěli. 1355 01:09:55,750 --> 01:10:04,170 Pokud bychom chtěli, aby tisk pozadí dot styl dot background, 1356 01:10:04,170 --> 01:10:08,454 měli bychom být schopni vidět RGB triple, že přijde. 1357 01:10:08,454 --> 01:10:11,140 Nebo ne. 1358 01:10:11,140 --> 01:10:13,520 Zapomněl jsem přesně, jak se vytisknout proměnné, jako je to, 1359 01:10:13,520 --> 01:10:17,249 ale měli byste být schopni vytisknout takové věci. 1360 01:10:17,249 --> 01:10:19,040 Že bude velmi užitečné pro vaši pset kdy 1361 01:10:19,040 --> 01:10:23,330 snažíte manipulovat koordinuje nebo kdoví co ještě. 1362 01:10:23,330 --> 01:10:25,270 A tak se také změnit toto dílo ve své třídě. 1363 01:10:25,270 --> 01:10:30,750 To se liší od posledních let, takže jen hezké svým TFs, nebo TFS 1364 01:10:30,750 --> 01:10:36,350 v úředních hodinách spíše proto, že jsme druh učení spolu s vámi. 1365 01:10:36,350 --> 01:10:41,230 Ale log konzole byla super, super užitečné pro JavaScript v loňském roce. 1366 01:10:41,230 --> 01:10:42,740 Tak milovat. 1367 01:10:42,740 --> 01:10:43,780 Naučte se, jak ji používat. 1368 01:10:43,780 --> 01:10:49,026 Je to jednodušší, než GDB, takže by měla být alespoň plus bod. 1369 01:10:49,026 --> 01:10:50,650 Ale díky kluci jsou ložiska se mnou. 1370 01:10:50,650 --> 01:10:53,400 Je mi líto, že my Příklady z nějakého důvodu 1371 01:10:53,400 --> 01:10:55,410 prostě nechtěl spolupracovat se mnou, ale já 1372 01:10:55,410 --> 01:11:01,010 doufám, že to pomohlo trochu vám trochu více v zóně JavaScript. 1373 01:11:01,010 --> 01:11:04,980 A pošlete mi všechny vaše otázky příští týden, takže můžu být super opravit, 1374 01:11:04,980 --> 01:11:09,420 a já ti přinesu bonbón a dokonce i extra cukroví, protože to bylo směšné. 1375 01:11:09,420 --> 01:11:14,000 Ale vy jste skvělé, a mají skvělý týden. 1376 01:11:14,000 --> 01:11:15,584