1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON Buchholtz-AU: Dobre všetci. 3 00:00:12,340 --> 00:00:13,520 Vitajte späť do sekcie. 4 00:00:13,520 --> 00:00:15,315 Je to naša predposledná sekcii. 5 00:00:15,315 --> 00:00:16,542 Je to tak smutné. 6 00:00:16,542 --> 00:00:19,500 Ja neviem, čo budem robiť bez videl vám chalani každý pondelok. 7 00:00:19,500 --> 00:00:20,970 Myslím, že by sme mali prostě-- Možno sme mohli len 8 00:00:20,970 --> 00:00:22,710 Stretávajú sa tu a na večeru alebo tak niečo. 9 00:00:22,710 --> 00:00:23,270 Neviem. 10 00:00:23,270 --> 00:00:24,370 Privediem namiesto toho jedlo. 11 00:00:24,370 --> 00:00:26,290 Budeme len hovoriť. 12 00:00:26,290 --> 00:00:29,900 Ale áno, bude budúci týždeň naše posledný úsek. 13 00:00:29,900 --> 00:00:32,390 >> V tomto oznámení, máte kvíz budúci týždeň. 14 00:00:32,390 --> 00:00:35,660 Viem, že som zabudol na robím, ako je, dva týždeň predbežné oznámenie minulý týždeň, 15 00:00:35,660 --> 00:00:39,140 ale dúfajme, že vy vedel, že to príde. 16 00:00:39,140 --> 00:00:42,880 Dúfajme, že to je jeden z posledných midterms pre vás na semester. 17 00:00:42,880 --> 00:00:46,950 Ale bude to pokryť všetky Materiál, ktorý sme prešli. 18 00:00:46,950 --> 00:00:50,811 Takže to nie je ako si môžete zabudnúť asi štyri slučky alebo premenné. 19 00:00:50,811 --> 00:00:52,560 Pretože sme sa dozvedeli tie, ktoré na začiatku, 20 00:00:52,560 --> 00:00:55,870 tie sú samozrejme fair hra pre váš kvíz. 21 00:00:55,870 --> 00:01:00,150 >> Je to bude rovnaký formát, rovnaký dĺžka, takže už sú na to zvyknutí. 22 00:01:00,150 --> 00:01:02,330 Tam to bude kódovanie problémy ručne, 23 00:01:02,330 --> 00:01:06,270 Možno, že niektorí true false, Možno, že niektorí krátka odpoveď. 24 00:01:06,270 --> 00:01:08,090 Takže by ste mali byť oboznámení s formátom, 25 00:01:08,090 --> 00:01:10,940 najmä ak užívate testy praxe. 26 00:01:10,940 --> 00:01:13,950 Ale ako hovorím tu, že je to kumulatívne, ale my sme rozhodne 27 00:01:13,950 --> 00:01:17,410 bude so zameraním na veci z šiestom týždni vpred. 28 00:01:17,410 --> 00:01:24,050 Takže sme to asi nebude sa vás opýtať, koľko bytov 29 00:01:24,050 --> 00:01:26,180 sú v každom type alebo tieto druhy vecí, 30 00:01:26,180 --> 00:01:29,730 ale my sme asi bude záujem o veciach, ako je spojových zoznamov, 31 00:01:29,730 --> 00:01:32,750 alebo rôzne dátové štruktúry, alebo rôzne algoritmy 32 00:01:32,750 --> 00:01:33,960 že sme hovorili. 33 00:01:33,960 --> 00:01:38,990 Takže sa uistite, že ste naozaj sa na tie, a ak máte 34 00:01:38,990 --> 00:01:41,590 potrebovať žiadne zdroje, tu je veľa zdrojov. 35 00:01:41,590 --> 00:01:44,790 Len som vám dal typ z rýchleho zoznamu tam. 36 00:01:44,790 --> 00:01:48,330 >> Budúci týždeň bude kvíz preskúma počas tejto doby. 37 00:01:48,330 --> 00:01:52,290 Takže ak máte nejaké otázky alebo osobitné témy, 38 00:01:52,290 --> 00:01:56,180 konkrétne veci na kvíz, ktorý by ste chceli prejsť, prosím 39 00:01:56,180 --> 00:02:01,780 pošlite mi je ešte čas, tak môžem druh pripraviť nejaký materiál na to. 40 00:02:01,780 --> 00:02:06,310 A okrem toho časť recenzie, budeme 41 00:02:06,310 --> 00:02:09,616 tiež sa drží kurz na úrovni preskúma, ako sme minule. 42 00:02:09,616 --> 00:02:11,490 A to bude vykonáva rovnakými ľuďmi. 43 00:02:11,490 --> 00:02:13,030 Nemyslím si, či to viete, je to lepšie alebo horšie, 44 00:02:13,030 --> 00:02:15,670 ale bude to byť ja, Hannah, Davan a Gabe znova. 45 00:02:15,670 --> 00:02:18,630 Takže ak si chcete prísť pozrieť nás všetkých škádlení navzájom 46 00:02:18,630 --> 00:02:21,270 a vás prevedie kvízu recenzie, mali by ste si určite 47 00:02:21,270 --> 00:02:22,600 keď na to príde budúci pondelok tiež. 48 00:02:22,600 --> 00:02:26,210 Takže budete mať len v pondelok uviaznutie balené preskúmania kvíz, čo je dobré 49 00:02:26,210 --> 00:02:29,840 pretože potom máte utorok spracovať cez všetko. 50 00:02:29,840 --> 00:02:32,230 >> Ale určite robiť check out týchto zdrojov. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net je ďaleko, ja myslíte, že jedna z najužitočnejších, 52 00:02:36,030 --> 00:02:37,990 hlavne preto, že má veľa ukážkový kód, 53 00:02:37,990 --> 00:02:40,490 má všetku moc body so všetkými poznámkami na ňom, 54 00:02:40,490 --> 00:02:44,510 ktoré sú naozaj to, čo som kresliť najviac mojich sekcie materiálov z. 55 00:02:44,510 --> 00:02:47,480 Ak existuje niečo, čo v predchádzajúcich sekcie, ktoré som mohol rozposlali 56 00:02:47,480 --> 00:02:49,920 že nemusíte mať dostal, dajte mi vedieť. 57 00:02:49,920 --> 00:02:52,520 Rovnako ako minulý týždeň ukážke kódu, ak niekto nedostal to, 58 00:02:52,520 --> 00:02:55,930 Len ma e-mail alebo prísť so mnou hovoriť, a ja sa uistite sa, že ste si to. 59 00:02:55,930 --> 00:03:02,000 >> Takže s tým, dnes ideme bude hovoriť o JavaScripte. 60 00:03:02,000 --> 00:03:04,690 Tak sme tu Tommy, kto som len hovorím s tebou včera v noci. 61 00:03:04,690 --> 00:03:06,670 Milujem Tommyho. 62 00:03:06,670 --> 00:03:09,040 JavaScript je jeho obľúbený jazyk, ako sa tu hovorí. 63 00:03:09,040 --> 00:03:14,050 Budú snažiť a poviem vám, že je to nie je najlepšie, a budú zle. 64 00:03:14,050 --> 00:03:16,510 Takže Tommy je majster JavaScript. 65 00:03:16,510 --> 00:03:19,850 Nie som úplne v jeho úrovni, ale bol som rád, 66 00:03:19,850 --> 00:03:22,900 "Tommy, ako sa mám učiť Tieto deti JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Tak som dostal niekoľko tipov, takže dúfajme, že vyjde. 68 00:03:26,700 --> 00:03:31,140 >> Takže pár vecí, ktoré by ste mali vedieť, je, že JavaScript je na strane klienta skriptovanie 69 00:03:31,140 --> 00:03:35,560 jazyk, takže vzhľadom k tomu, PHP je niečo, čo že sme zvažovali viac na strane servera, 70 00:03:35,560 --> 00:03:39,280 to bolo nahrať na server, zostavil a popravený tam. 71 00:03:39,280 --> 00:03:42,871 Ten je vykonaný na vlastnom stroji. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Takže si nahrať nejaké stránky JavaScript a to vykonáva na vašom počítači. 74 00:03:46,960 --> 00:03:49,910 Syntax je veľmi podobná C a PHP. 75 00:03:49,910 --> 00:03:52,490 Chystáme sa prejsť Niektoré príklady JavaScript 76 00:03:52,490 --> 00:03:56,740 a budete vidieť, že spôsob, ako hovoriť o premenných, cykly, 77 00:03:56,740 --> 00:03:58,910 a podmienky sú veľmi podobné. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Skutočnosť, že sú tak podobné je pravdepodobne bude na výlet niektorí z vás 80 00:04:04,490 --> 00:04:08,529 up, v niektorých prípadoch, len preto, že budete začleniť trochu C 81 00:04:08,529 --> 00:04:09,570 tam, kde by nemala byť. 82 00:04:09,570 --> 00:04:14,130 Možno, že si vyskúšať a niečo písať ak by nemal byť napísaný. 83 00:04:14,130 --> 00:04:16,540 >> A na to, že jedna vec je viem, je, že JavaScript 84 00:04:16,540 --> 00:04:19,360 je dynamicky napísaný jazyk, rovnako ako PHP. 85 00:04:19,360 --> 00:04:21,410 Takže ak vy spomenúť zo sekcie minulý týždeň, 86 00:04:21,410 --> 00:04:23,680 keď sme boli trochu robí Naše PHP rýchlokurz, 87 00:04:23,680 --> 00:04:28,860 sme videli, ako sa reťazec jeden mohol byť sa zmenil na int jedného, ​​a tak ďalej. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Typ premennými sú stanovené v behu, 90 00:04:34,850 --> 00:04:38,180 takže sa môžu meniť v priebehu priebeh programu, 91 00:04:38,180 --> 00:04:43,109 a rovnakým spôsobom, že sa nikdy Naozaj deklarovať typy pre PHP premenných, 92 00:04:43,109 --> 00:04:45,900 budeme robiť to isté to tu, kde sme naozaj 93 00:04:45,900 --> 00:04:49,740 ovládanie typy našich premenných, aby som tak povedal, ako my v C. 94 00:04:49,740 --> 00:04:52,200 >> A potom jedna vec to je celkom v pohode, je 95 00:04:52,200 --> 00:04:54,090 že môžete error skontrolovať cez konzolu, 96 00:04:54,090 --> 00:04:57,240 s týmto veľkým funkciou console.log, ktorý 97 00:04:57,240 --> 00:05:00,930 umožňuje vytlačiť iný premenné alebo objekty, že budeme 98 00:05:00,930 --> 00:05:01,750 o čom hovoriť. 99 00:05:01,750 --> 00:05:05,720 Rovnako ako minulý týždeň, keď som bol ako: "použiť túto funkciu," s dump 100 00:05:05,720 --> 00:05:10,490 z vášho pset je to funkcia Ak chcete použiť, console.log. 101 00:05:10,490 --> 00:05:12,860 Bola som tak prekvapená, koľko študentov na pracovnú dobu 102 00:05:12,860 --> 00:05:14,530 nevedel o funkciu výpisu. 103 00:05:14,530 --> 00:05:19,010 A bol som rád, "chlapci, to bude aby váš život oveľa jednoduchší. " 104 00:05:19,010 --> 00:05:22,960 >> Dobre, takže to bolo trochu len stručný vec, ako vždy, 105 00:05:22,960 --> 00:05:24,000 máme príklady. 106 00:05:24,000 --> 00:05:25,600 Viem, že chlapci milujú tie. 107 00:05:25,600 --> 00:05:30,930 Tak tu je príklad veľmi súbor tu jednoduchý JavaScript. 108 00:05:30,930 --> 00:05:34,000 Takže to len tak pre vytvorenie Tento pop-up, ktorý hovorí, 109 00:05:34,000 --> 00:05:36,336 "Hello world", keď ťa vstúpiť na stránku, ale poďme 110 00:05:36,336 --> 00:05:37,960 pokúsiť sa prejsť týmto trochu. 111 00:05:37,960 --> 00:05:43,440 Tak samozrejme je to len ako normálny index.html. 112 00:05:43,440 --> 00:05:50,280 Takže, len naše normálne šablóny tu a máme HTML, máme hlavu, 113 00:05:50,280 --> 00:05:55,580 a rovnako ako u CSS, ako sme sa zahrnuté niektoré vonkajšie súbor, nie? 114 00:05:55,580 --> 00:05:59,260 Máme nejaký script type text, ktorý je JavaScript. 115 00:05:59,260 --> 00:06:02,680 A zdroj je hello.js, čo je tu dole. 116 00:06:02,680 --> 00:06:05,630 Jedná sa o celý súbor hello.js. 117 00:06:05,630 --> 00:06:09,080 A potom sme niektoré názov a niektoré body HTML 118 00:06:09,080 --> 00:06:11,050 že sa naozaj záleží. 119 00:06:11,050 --> 00:06:15,970 >> Čo sa stane, je, že keď sme túto stránku načítať, 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 spustiť automaticky. 122 00:06:18,790 --> 00:06:22,860 Tak čo to bude robiť, bude to okamžite ísť a spustiť to. 123 00:06:22,860 --> 00:06:24,110 A to bude hovoriť, "upozornenia. 124 00:06:24,110 --> 00:06:25,190 Hello world ". 125 00:06:25,190 --> 00:06:30,840 Čo alert je funkcia, ktorá vlastne 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šetko zahŕňalo. 128 00:06:33,390 --> 00:06:36,700 Nie je nič navyše sme mali k tomu okrem práve v strehu, 129 00:06:36,700 --> 00:06:40,000 a potom, čo sme chceli v našej 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 len super jednoduché príkladom toho, čo môže urobiť JavaScript. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Jeden z naozaj cool veci, ako uvidíme, 134 00:06:50,070 --> 00:06:55,150 je to, že JavaScript umožňuje manipulovať svoje webové stránky, 135 00:06:55,150 --> 00:06:57,720 aby bolo nutné znovu im zakaždým. 136 00:06:57,720 --> 00:07:01,830 Takže ak máte want-- napríklad, ak sa vznášajúce sa nad niečím, 137 00:07:01,830 --> 00:07:04,300 ak vy niekedy Videl panely ponúk, 138 00:07:04,300 --> 00:07:07,360 alebo keď nabehnete nad niektorými tému, zobrazí sa ponuka Drop-down, 139 00:07:07,360 --> 00:07:08,670 je to preto, JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Takže nie ste prekládky na celokrajné strana, aby si toto menu sa ukázať, 142 00:07:12,670 --> 00:07:17,240 ste práve hľadáte nejaké konkrétne akcie, ktorú užívateľ prijal, 143 00:07:17,240 --> 00:07:21,800 ktoré sa nazývajú udalosti, ktoré sa dostaneme do, a akonáhle zistíte, že ste povedal, 144 00:07:21,800 --> 00:07:25,960 "OK, upravovať niečo, čo na túto tému strana a aby to vyzerať inak, 145 00:07:25,960 --> 00:07:28,270 ale iba upraviť tieto konkrétne veci. 146 00:07:28,270 --> 00:07:29,690 Nepoužívajte znovu celú vec. " 147 00:07:29,690 --> 00:07:33,110 Tak to v skutočnosti je oveľa krajší, a nemusíte znovu načítať svoje stránky, 148 00:07:33,110 --> 00:07:34,510 a je to naozaj cool. 149 00:07:34,510 --> 00:07:38,270 >> Takže deklarácie premenných, takže si môžete trochu vidieť, 150 00:07:38,270 --> 00:07:40,530 Dal som na vrchole tu, voľne napísal. 151 00:07:40,530 --> 00:07:42,570 Tak to je veľmi podobne ako PHP. 152 00:07:42,570 --> 00:07:48,770 My nemusíme hovoriť JavaScript aký typ sme 153 00:07:48,770 --> 00:07:50,740 očakával každej z týchto premenných. 154 00:07:50,740 --> 00:07:52,560 Môžu to byť čokoľvek typy chceme. 155 00:07:52,560 --> 00:07:57,480 Tak zistíte, v tomto prípade, prehlasujeme je veľmi jednoducho, len s "var" 156 00:07:57,480 --> 00:08:00,990 a potom, čo chceme náš názov premennej byť. 157 00:08:00,990 --> 00:08:05,680 Jedna vec k poznámke je, že keď vás dať var pred názvu premennej, 158 00:08:05,680 --> 00:08:07,520 to lokálne rozsahov adries to. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Je to absolútne rozumné pre vás úplne stačí vymazať var 161 00:08:14,025 --> 00:08:18,970 a proste sa s rovná CS50, a že bude len globálne premenné. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Takže si môžete inicializovať oba spôsoby, záleží len na tom, ako budete chcieť. 164 00:08:22,490 --> 00:08:24,448 Takže ak ste inicializácia to v rámci funkcie, 165 00:08:24,448 --> 00:08:28,070 a chcete, aby premenné pobyt rozsahom v tejto funkcii, 166 00:08:28,070 --> 00:08:31,620 budete chcieť robiť niečo ako var názov premennej, 167 00:08:31,620 --> 00:08:34,270 proti, ak ho chcete globálne rozsahom, vy 168 00:08:34,270 --> 00:08:36,240 môže urobiť len názov variabilné a potom 169 00:08:36,240 --> 00:08:38,270 čo by ste chceli, že rovná. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> To je celkom fajn vec tu dole, pretože ak sme si všimli naše premenná 172 00:08:45,580 --> 00:08:47,590 b začína ako pravdivé. 173 00:08:47,590 --> 00:08:51,280 A čo to môže does-- mi niekto povedať, čo to robí? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Takže máme nejaký záznam. 176 00:08:55,890 --> 00:09:00,156 Čo by typ B sa na začiatku? 177 00:09:00,156 --> 00:09:00,905 Divákov: Boolean. 178 00:09:00,905 --> 00:09:01,330 ALLISON Buchholtz-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Správne. 180 00:09:01,940 --> 00:09:07,260 A potom sme sa preradiť B do tohto reťazca, nie? 181 00:09:07,260 --> 00:09:11,170 Takže tu, aký typ B musí byť? 182 00:09:11,170 --> 00:09:12,480 Bolo by to reťazec, nie? 183 00:09:12,480 --> 00:09:14,900 Takže to, čo je dôležité, aby oznámenia je, že v C, my 184 00:09:14,900 --> 00:09:17,330 skoro nikdy robiť niečo také. 185 00:09:17,330 --> 00:09:22,000 Museli by sme mať premennú, cast to ako niečo iné, 186 00:09:22,000 --> 00:09:27,185 možno urobiť nejakú funkciu s dvoma i, ísť od poplatku na celé číslo. 187 00:09:27,185 --> 00:09:31,063 Ale keď si všimneme tu, b Veľmi ľahko sa mení typ. 188 00:09:31,063 --> 00:09:33,760 >> Publikum: Počkaj, takže stačí vyzerať, "robiť 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 len priradiť b na celé číslo. 191 00:09:36,185 --> 00:09:36,910 >> Divákov: Naozaj? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON Buchholtz-AU: Jo. 193 00:09:38,035 --> 00:09:39,810 A potom by bolo int. 194 00:09:39,810 --> 00:09:43,820 Takže vaše premennej možno zmeniť po priebeh programu tiež. 195 00:09:43,820 --> 00:09:46,410 Oni nie sú striktne zadali. 196 00:09:46,410 --> 00:09:49,180 Je to veľmi voľne zadali. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 V podstate svoje premenné môžu robiť, čo chcú, ako sme trochu videli s PHP. 199 00:09:54,820 --> 00:09:59,430 Môžu urobiť nejaké šialené veci, tak je dôležité, aby bolo dosť opatrný. 200 00:09:59,430 --> 00:10:01,200 Pomenujte svoje premenné dobre. 201 00:10:01,200 --> 00:10:03,450 Ak nie, naraz budete vyzerať, 202 00:10:03,450 --> 00:10:05,783 "Počkaj, myslel som, že to bol reťazec, a teraz je to int, 203 00:10:05,783 --> 00:10:08,170 a ja si nie som úplne istý to, čo sa tu deje. " 204 00:10:08,170 --> 00:10:12,410 Tak to je len jednoduchý príklad ukazuje, ako premenná môže ľahko 205 00:10:12,410 --> 00:10:15,890 zmeniť jeho typ nad priebeh programu. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Tak by to malo vyzerať super, super známy. 208 00:10:19,200 --> 00:10:21,510 Tak to sú naše slučky v JavaScripte. 209 00:10:21,510 --> 00:10:27,780 Tie sú presne rovnaké, s výnimkou namiesto štyroch int i rovná nule, 210 00:10:27,780 --> 00:10:30,470 môžeme len povedať var i sa rovná nule. 211 00:10:30,470 --> 00:10:34,100 A potom by sme mohli mať naši rovnaký druh kondície, rovnaký druh aktualizácie, 212 00:10:34,100 --> 00:10:36,090 i a navyše funguje v pohode. 213 00:10:36,090 --> 00:10:39,800 Takže štvorky sú rovnaké, chvíle sú rovnaké, 214 00:10:39,800 --> 00:10:41,440 a to chvíle sú presne rovnaké. 215 00:10:41,440 --> 00:10:44,070 Rovnaký druh všeobecného formátu. 216 00:10:44,070 --> 00:10:48,840 Všimli sme si, štyri, zátvorky, konzola, je to všetko rovnaké. 217 00:10:48,840 --> 00:10:51,470 Tiež tam bude bodkočiarka keď sa dostaneme na príklad kódu. 218 00:10:51,470 --> 00:10:55,250 Uvidíte, že je to celkom podobne ako c. 219 00:10:55,250 --> 00:10:59,770 >> Pre deklarácie funkcie, opäť, veľmi podobné. 220 00:10:59,770 --> 00:11:05,100 Máme nejakú funkciu, ktorá hovorí, že je to funkcia, a potom sa 221 00:11:05,100 --> 00:11:07,660 názov nášho funkcie, a vstupy. 222 00:11:07,660 --> 00:11:11,590 A znova, ak si všimneme, my mať žiadne typy tu vôbec. 223 00:11:11,590 --> 00:11:12,090 Je to tak? 224 00:11:12,090 --> 00:11:18,150 Sme nič, čo by táto porekadlá musí byť ints či dvojlôžkové, alebo pláva. 225 00:11:18,150 --> 00:11:19,530 Mohli by byť, čo chcú. 226 00:11:19,530 --> 00:11:23,560 Čo je dôležité, je si všimol, že musíme napísať funkciu vopred 227 00:11:23,560 --> 00:11:26,430 aby JavaScript vedieť, že To je vlastne funkcia. 228 00:11:26,430 --> 00:11:29,820 >> Tak to je len nejaký prostý súčet Funkcia, ktorá vracia x alebo y, 229 00:11:29,820 --> 00:11:33,800 a potom, čo je tiež v pohode je to, že môžete skutočne 230 00:11:33,800 --> 00:11:35,950 priradenie funkcie k premennej. 231 00:11:35,950 --> 00:11:41,770 Takže v tomto prípade súčet je teraz funkcia, ktorá vlastne robí súčet. 232 00:11:41,770 --> 00:11:47,740 Takže ak si všimnete tu, máme funkcie, názov funkcie, vstupy. 233 00:11:47,740 --> 00:11:48,860 Je to tak? 234 00:11:48,860 --> 00:11:52,120 Tu proste funkcie a vstupy. 235 00:11:52,120 --> 00:11:54,310 Tak tomu sa hovorí anonymný funkcie. 236 00:11:54,310 --> 00:11:59,265 A to je niečo, čo by malo byť nové pre väčšinu z vás, ak nie všetky. 237 00:11:59,265 --> 00:12:01,140 Takže v podstate, čo to znamená, že my nie 238 00:12:01,140 --> 00:12:03,050 treba na meno nášho Funkcia v tomto prípade. 239 00:12:03,050 --> 00:12:06,260 Môžeme len povedať, "OK, budem túto funkciu, ktorá spustí, tu 240 00:12:06,260 --> 00:12:08,550 sú jeho vstupy, a tu je čo to bude robiť. " 241 00:12:08,550 --> 00:12:12,540 A zvlášť, keď ste priraďovanie funkcia nejaké premenné 242 00:12:12,540 --> 00:12:14,950 že budete manipulovať, nemusíte nutne 243 00:12:14,950 --> 00:12:17,116 treba pomenovať, pretože budete sa odkazuje 244 00:12:17,116 --> 00:12:20,990 jej touto premennou názov, nie čokoľvek 245 00:12:20,990 --> 00:12:22,840 funkcia bola vlastne volal. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Takže ak vidíme tu, my nejaké premenné súčet teraz 248 00:12:27,810 --> 00:12:30,920 ktorá sa rovná súčet z troch a piatich. 249 00:12:30,920 --> 00:12:33,070 A my by sme si to. 250 00:12:33,070 --> 00:12:36,750 A to by sa proste mať nejaký záznam, tri plus päť rovná počtu. 251 00:12:36,750 --> 00:12:43,950 To navyše bude len spájať bez ohľadu na našu odpoveď bola na reťazce. 252 00:12:43,950 --> 00:12:47,420 Tiež v pohode, navyše môžu spájať reťazca. 253 00:12:47,420 --> 00:12:53,510 >> Pre JavaScript, as s PHP, HTML, CSS a ako sme povedali, 254 00:12:53,510 --> 00:12:56,450 Veľa z toho, že sme druh prevziať školiace kolesá off tu 255 00:12:56,450 --> 00:13:02,030 a vy máte veľa know ako skutočne pochopiť tieto veci. 256 00:13:02,030 --> 00:13:04,280 Sú mierne odlišné, ale nie sú tak cudzie 257 00:13:04,280 --> 00:13:09,460 a že nemôžete Googlu veci alebo je vyhľadať on-line na W3 školami. 258 00:13:09,460 --> 00:13:12,755 A my vám naozaj očakávajú chalani, druh, experiment 259 00:13:12,755 --> 00:13:14,400 a učiť sa na vlastnú päsť. 260 00:13:14,400 --> 00:13:19,490 Takže viem, že sa to môže zdať trochu menej dôkladné ako niektoré z vecí, c 261 00:13:19,490 --> 00:13:21,936 urobíme, ale to je v skutočnosti z nejakého dôvodu. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Ale dúfajme, že to nie je príliš odlišný, a to nie je ohromujúci. 264 00:13:28,470 --> 00:13:31,940 >> Takže polia v JavaScripte, opäť veľmi, veľmi podobné. 265 00:13:31,940 --> 00:13:32,460 Je to tak? 266 00:13:32,460 --> 00:13:36,520 Máme nejaké premenné typu pole to sa rovná prázdne zátvorky, 267 00:13:36,520 --> 00:13:40,340 a to je len prázdne polia. 268 00:13:40,340 --> 00:13:43,420 To je často nazývaný doslovný poľa notácie. 269 00:13:43,420 --> 00:13:45,280 To je len jedna vec, ktorú sme jej zavolať. 270 00:13:45,280 --> 00:13:51,380 Vidíme Ak pole dvaja tu, máme nejaké doslovný matice, ktorá má tri elementy, 271 00:13:51,380 --> 00:13:51,910 že jo? 272 00:13:51,910 --> 00:13:54,640 A potom sme niektoré var tretí prvok, ktorý je 273 00:13:54,640 --> 00:13:58,060 niektorí premenná, ktorá je práve bude držať tento reťazec, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Prvky, dobré všímať, sú oddelené čiarkou, 276 00:14:06,170 --> 00:14:07,740 rovnako ako by sme očakávali. 277 00:14:07,740 --> 00:14:14,630 A tiež môžete k nim pristupovať, ako sme to urobili v C, s týmto indexom notáciu, že jo? 278 00:14:14,630 --> 00:14:16,950 Tak odlišné od PHP Teraz sa vraciame 279 00:14:16,950 --> 00:14:20,180 sa len tak na mysli k veciam indexom. 280 00:14:20,180 --> 00:14:22,189 Rovnako ako C, je to tiež nulový index. 281 00:14:22,189 --> 00:14:25,230 Mám pocit, že by bolo naozaj kruté v prípade, že zrazu sa jeden JavaScript 282 00:14:25,230 --> 00:14:30,630 index, a vy ste museli úplne premyslieť, ako si myslíte, že o pole. 283 00:14:30,630 --> 00:14:36,140 >> Jedna skvelá vec je, že miesto mať, ak vás niekedy do-- 284 00:14:36,140 --> 00:14:39,240 Chcel dĺžku poľa, Možno ste iterovat cez to 285 00:14:39,240 --> 00:14:43,430 kým nenájdete nejaký koniec, alebo by ste len viem, čo to je. 286 00:14:43,430 --> 00:14:49,310 Vzhľadom k tomu, JavaScript je veľmi voľná viac spôsoby, ako len typom, ako ich vidíme tu, 287 00:14:49,310 --> 00:14:53,310 môžeme len túto poľa väčšie, pretože sme sa rozhodli. 288 00:14:53,310 --> 00:14:56,177 Keď sme si všimli poľa tri má tri veci začať, 289 00:14:56,177 --> 00:14:58,510 ale potom zrazu, sme radi, "oh, len srandu. 290 00:14:58,510 --> 00:15:01,370 Sme vlastne bude Aby to bolo 101 vecí. " 291 00:15:01,370 --> 00:15:05,300 Takže ak ste niekedy chceli vedieť Skutočná dĺžka vášho poľa, 292 00:15:05,300 --> 00:15:06,680 vám to takto. 293 00:15:06,680 --> 00:15:10,470 A budeme vidieť veľa tohto zápisu v príkladoch, 294 00:15:10,470 --> 00:15:12,730 ale JavaScript to je typicky čokoľvek 295 00:15:12,730 --> 00:15:16,410 Objekt, ktorý hovoríš dot bez ohľadu na druh funkcie 296 00:15:16,410 --> 00:15:17,740 ktorý chcete použiť 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 prípade, náš Objekt je pole dve, 299 00:15:20,520 --> 00:15:23,470 a hovoríme, že chceme Dĺžka poľa dvoch. 300 00:15:23,470 --> 00:15:25,716 Takže to len žiada, aby ako dĺžke na to. 301 00:15:25,716 --> 00:15:27,090 A to sa vrátiť dĺžku. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Tiež niečo poznamenať, že ak si všimneme naše polia, 304 00:15:36,790 --> 00:15:39,830 na rozdiel od C, nemajú byť všetky rovnakého typu. 305 00:15:39,830 --> 00:15:41,670 To je oveľa viac ako PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript je v podstate len ako tento zaujímavý splynutie C a PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Tak sme to dostať sa do toho. 309 00:15:52,170 --> 00:15:56,750 Pre túto chvíľu, poďme len predpokladať, že vaše polia sú v podstate 310 00:15:56,750 --> 00:16:00,640 C ako pole, v tom sú nulové indexované. 311 00:16:00,640 --> 00:16:04,120 OK, tak to je všetko. 312 00:16:04,120 --> 00:16:08,850 Môžete tiež len rozšíriť pole na čokoľvek index chcete. 313 00:16:08,850 --> 00:16:14,260 Vzhľadom k tomu, to by sa asi SEG porucha na vás alebo vám niektoré chyby, 314 00:16:14,260 --> 00:16:15,970 JavaScript je ako, "Nie, to je v poriadku. 315 00:16:15,970 --> 00:16:16,620 Mám to. 316 00:16:16,620 --> 00:16:19,460 Jednoducho ísť rovno kam chcete. " 317 00:16:19,460 --> 00:16:24,310 >> OK, takže objekty sú veľmi dôležité. 318 00:16:24,310 --> 00:16:29,720 Vy bude používať veľa z nich v P setu, ak si dobre pamätám. 319 00:16:29,720 --> 00:16:34,780 Takže vec, že ​​sa jedná o podobne ako v C sú Štruktúry. 320 00:16:34,780 --> 00:16:39,290 Takže si môžete myslieť about-- pri ideme na príklade doprava 321 00:16:39,290 --> 00:16:41,810 po tomto Myslím, že to urobiť oveľa viac sense-- 322 00:16:41,810 --> 00:16:45,830 ale v podstate používať objekty na organizovať informácie k výkladu. 323 00:16:45,830 --> 00:16:47,780 Keď sme hovorili o structs v C, často 324 00:16:47,780 --> 00:16:53,405 hovoriť o študenta, ktorý mal nejaký názov, ID, house, vieš, sústredenie. 325 00:16:53,405 --> 00:16:56,030 A to je trochu to isté že používame objekty tu. 326 00:16:56,030 --> 00:16:59,300 Je to len organizovať podobné informácie. 327 00:16:59,300 --> 00:17:03,620 >> Môžete si tiež myslíte, že z nich as viac podobne ako asociatívne pole v PHP. 328 00:17:03,620 --> 00:17:10,010 Tak to by bolo trochu veci kde nejaký kľúč s určitou hodnotou, 329 00:17:10,010 --> 00:17:12,859 veľmi podobný PHP. 330 00:17:12,859 --> 00:17:15,780 Takže si môžete inicializovať niektoré prázdny objekt, ako vidíme tu, 331 00:17:15,780 --> 00:17:17,390 Len s zložených zátvoriek. 332 00:17:17,390 --> 00:17:19,160 Takže polia sú hranaté zátvorky. 333 00:17:19,160 --> 00:17:21,220 Prázdne objekty sú zložené zátvorky. 334 00:17:21,220 --> 00:17:24,020 Dobré rozlíšenie mať. 335 00:17:24,020 --> 00:17:27,319 A to sú len dva rôzne spôsoby, ako nastaviť vlastnosti. 336 00:17:27,319 --> 00:17:31,460 Tak toto je druh oveľa viac, aby 337 00:17:31,460 --> 00:17:35,220 je podobný PHP, s našimi asociatívne pole, s naším kľúčom, 338 00:17:35,220 --> 00:17:39,910 a naše hodnoty, pričom tohle je-- budete 339 00:17:39,910 --> 00:17:41,920 vidieť oveľa viac v JavaScripte. 340 00:17:41,920 --> 00:17:43,550 To býva konvencie. 341 00:17:43,550 --> 00:17:47,660 A rovnakým spôsobom, ako sme to urobili array dva dot dĺžka, to hovorí, 342 00:17:47,660 --> 00:17:51,580 "OK, daj mi to atribút tohto objektu. " 343 00:17:51,580 --> 00:17:52,110 Je to tak? 344 00:17:52,110 --> 00:17:55,660 Takže rovnako to bolo, "daj mi dĺžka atribút pole dvoch, " 345 00:17:55,660 --> 00:17:59,970 to hovorí, "daj mi trochu vlastnosť nášho prázdneho objektu. " 346 00:17:59,970 --> 00:18:02,890 Alebo v tomto prípade sme priradenie do určitej hodnoty tu. 347 00:18:02,890 --> 00:18:06,200 Ale môžete tiež pristupovať to tak. 348 00:18:06,200 --> 00:18:09,090 >> A potom tu je to len ukazuje dva rôzne výstrahy. 349 00:18:09,090 --> 00:18:12,320 Tak toto by sa ukázať upozornenie bude presne rovnaký, 350 00:18:12,320 --> 00:18:17,150 je to len dva rôzne spôsoby prístup prvok, ktorý chceme. 351 00:18:17,150 --> 00:18:19,552 Znamená to, že zmysel pre každého? 352 00:18:19,552 --> 00:18:21,510 Mám pocit, že tento asi dáva väčší zmysel, 353 00:18:21,510 --> 00:18:23,270 len preto, že ideme preč PHP. 354 00:18:23,270 --> 00:18:26,400 Ale ako sme urobiť viac príkladov, to je doslova presne rovnaké. 355 00:18:26,400 --> 00:18:28,170 Veľa z toho je len zmeniť v syntaxi. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, tak príklady. 358 00:18:33,030 --> 00:18:34,180 Milujem príklady. 359 00:18:34,180 --> 00:18:40,070 Takže tu je nejaký CS50 premenná, ktorá je objekt, 360 00:18:40,070 --> 00:18:42,160 a ukladáme všetko informácie o ňom. 361 00:18:42,160 --> 00:18:46,680 Takže máme ihrisko, inštruktor, TFS, psets, a prelepený páskou. 362 00:18:46,680 --> 00:18:51,840 A tak sme si všimli to sú takmer všetkých rôznych typov. 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žiť atribútov rôznych typov. 365 00:18:56,230 --> 00:19:01,220 My môžeme myslieť na tohle-- je to veľmi obdoba našej asociatívne polia v PHP. 366 00:19:01,220 --> 00:19:07,470 Takže kľúč, hodnota, kľúč, hodnota, kľúč, hodnota, tak ďalej a tak ďalej. 367 00:19:07,470 --> 00:19:11,230 Čo je zaujímavé rovnakým spôsobom že môžeme mať pole vnútri poľa, 368 00:19:11,230 --> 00:19:14,690 môžeme mať aj objekty vnútri vnútri objektov, objekty, alebo skupiny. 369 00:19:14,690 --> 00:19:18,410 Ty nikdy obmedzený len jediný z vecí. 370 00:19:18,410 --> 00:19:24,220 Môžeme dostať veľmi Inceptionesque, len ďalej do králičie nory tam. 371 00:19:24,220 --> 00:19:26,080 >> Takže ak sme si všimli, my mať nejaký kurz, ktorý 372 00:19:26,080 --> 00:19:31,120 je reťazec, inštruktor, že je to reťazec, a polia, int, a logická. 373 00:19:31,120 --> 00:19:36,110 Takže všetky tieto rôzne veci. 374 00:19:36,110 --> 00:19:39,600 >> Dobre, takže máme ešte jeden. 375 00:19:39,600 --> 00:19:42,930 Takže v tomto prípade máme pole objektov. 376 00:19:42,930 --> 00:19:45,320 Tak ako objekt môže mať pole v ňom. 377 00:19:45,320 --> 00:19:47,210 Môžeme tiež polia objektov. 378 00:19:47,210 --> 00:19:51,250 To môže byť užitočné pre premýšľať o podobný druh 379 00:19:51,250 --> 00:19:54,260 o tom, ako sme mali hash stôl, sme mali polia 380 00:19:54,260 --> 00:19:56,220 všetkých týchto rôznych druhy, ktoré structs 381 00:19:56,220 --> 00:19:59,070 boli ukazovatele na iný uzly a ktovie čo ešte. 382 00:19:59,070 --> 00:20:01,420 Ale v tomto prípade sme majú celý rad objektov. 383 00:20:01,420 --> 00:20:04,890 Takže toto je ako pole asociatívneho poľa. 384 00:20:04,890 --> 00:20:09,430 Takže máme nejaké prvý prvok by je objekt s názvom James 385 00:20:09,430 --> 00:20:11,340 a dom Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Vy možno spomínate niečo veľmi podobné tomu 387 00:20:14,780 --> 00:20:21,710 s poslednou pset, kde, ak vás vytiahol niečo z databázy, 388 00:20:21,710 --> 00:20:24,480 Prvý druh vec vo vašom poli bol 389 00:20:24,480 --> 00:20:27,110 všetky informácie o Prvý užívateľ, ktorý ju stretol, 390 00:20:27,110 --> 00:20:30,765 a potom ste mali na index do toho dostať svoje akcie alebo ich vyrovnávaciu pamäť 391 00:20:30,765 --> 00:20:32,110 alebo ktovie čo ešte. 392 00:20:32,110 --> 00:20:34,620 Tak to je veľmi rovnaký vec, len malá zmena 393 00:20:34,620 --> 00:20:39,570 v syntaxi, trochu zmena slová, ktoré používame na ich popisu. 394 00:20:39,570 --> 00:20:45,960 >> Takže ak by sme chceli, môže niekto povedať, me, čo to v strehu by to tu? 395 00:20:45,960 --> 00:20:48,780 Alebo čo to kúsok code by to pre nás? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 Divákov: Bude vám všetky mená. 398 00:20:52,616 --> 00:20:54,900 ALLISON Buchholtz-AU: Right, tak to by som len upozorniť všetky názvy 399 00:20:54,900 --> 00:20:57,960 pretože by to prejsť chalupa aj, tak to by som začať od nuly. 400 00:20:57,960 --> 00:21:01,330 Tak to by som, OK pozeráme v tejto prvej predmet, ktorý 401 00:21:01,330 --> 00:21:03,210 je prvá drážka v našom poli. 402 00:21:03,210 --> 00:21:06,900 A to hovorí, "daj mi atribútu, názov tohto objektu. " 403 00:21:06,900 --> 00:21:09,030 Tak sme sa ísť sem, mali by sme scan, by sme si meno, 404 00:21:09,030 --> 00:21:11,340 a my by sme vytlačiť James Molly, a Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Akékoľvek otázky tak ďaleko? 407 00:21:15,799 --> 00:21:17,590 JavaScript bohužiaľ ty budeš 408 00:21:17,590 --> 00:21:20,950 robí veľa, ako sa pozerať na vašom vlastné, zisťuje, syntax, 409 00:21:20,950 --> 00:21:21,910 stretávajú s ním. 410 00:21:21,910 --> 00:21:25,870 Ale samozrejme, že som stále tu, úradné hodiny sú vždy tu. 411 00:21:25,870 --> 00:21:28,260 Mohol by som byť v utorok tento týždeň. 412 00:21:28,260 --> 00:21:31,050 Takže keď už tam budete, ak je to možné prišiel ma navštíviť tento týždeň. 413 00:21:31,050 --> 00:21:32,470 Bolo by to skvelé. 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 len spôsob, ako že sme radi, že 416 00:21:38,900 --> 00:21:45,720 O tom, ako naše HTML a všetko vnútri je organizovaná. 417 00:21:45,720 --> 00:21:49,930 To je moc niečo, čo bude pravdepodobne prísť na vašom teste. 418 00:21:49,930 --> 00:21:58,150 Viem, že môj rok, to bolo ako tu HTML súbor, vyplniť DOM za to. 419 00:21:58,150 --> 00:21:59,770 A stačí vyplniť maličkostí. 420 00:21:59,770 --> 00:22:01,500 Tie by mali byť jednoduché body nádejne. 421 00:22:01,500 --> 00:22:03,450 Dúfam, že budete see-- 422 00:22:03,450 --> 00:22:04,590 >> Divákov: [nepočuteľné] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON Buchholtz-AU: Tak vidíte tento strom tu? 424 00:22:06,660 --> 00:22:07,200 >> Divákov: Áno. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON Buchholtz-AU: Takže sa bude pýtať použitie 426 00:22:08,949 --> 00:22:11,750 vyplniť, čo sa deje pod telom. 427 00:22:11,750 --> 00:22:15,770 Možno, že v tele, sme niektoré divs alebo máme nejaké body, 428 00:22:15,770 --> 00:22:19,160 a budeme vás požiadať, aby ste vyplniť strom veľmi podobne ako to. 429 00:22:19,160 --> 00:22:21,440 Takže budeme chodiť cez to. 430 00:22:21,440 --> 00:22:26,120 Takže Document Object- Model je len spôsob, ako 431 00:22:26,120 --> 00:22:31,240 štruktúrovať a premýšľať o našom HTML graficky. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 A tiež keď sa dostaneme do viac JavaScriptu 434 00:22:35,840 --> 00:22:37,640 to bude Spôsob, akým sme vlastne 435 00:22:37,640 --> 00:22:39,990 manipulovať iný prvky na stránke. 436 00:22:39,990 --> 00:22:43,980 Potrebujeme spôsob prístupu k jednotlivým z vecí, ktoré v našom HTML, 437 00:22:43,980 --> 00:22:48,050 a tak to nám dáva veľmi betón štandardizovaný spôsob 438 00:22:48,050 --> 00:22:51,010 v rôznych webových stránok, k tomu, že. 439 00:22:51,010 --> 00:22:53,440 >> Takže ak sme práve prejsť to tu, samozrejme 440 00:22:53,440 --> 00:22:56,790 náš dokument je ako celý náš súbor. 441 00:22:56,790 --> 00:22:59,350 To samozrejme dáva zmysel že je to najvyššia vec, 442 00:22:59,350 --> 00:23:03,520 a potom máme aktuálne HTML, ktorá zodpovedá tejto značky tu. 443 00:23:03,520 --> 00:23:08,480 Tiež ak ste v zarážka tagy správne, potom vytvorením tejto DOM stromu 444 00:23:08,480 --> 00:23:10,530 sa stáva super jednoduché. 445 00:23:10,530 --> 00:23:12,400 Takže máme nejakú hlavu tu. 446 00:23:12,400 --> 00:23:15,780 Máme nejaké telo, ktoré vidíme vyplývajú mimo HTML, 447 00:23:15,780 --> 00:23:18,530 čo je dôvod, prečo máme hlavu a telo. 448 00:23:18,530 --> 00:23:22,880 V hlave, sme niektoré názov značky, názov značky koniec, 449 00:23:22,880 --> 00:23:24,570 takže vieme, že prichádza po hlave. 450 00:23:24,570 --> 00:23:28,040 A v našom názve 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á tá ľavá vetva ruka. 453 00:23:31,311 --> 00:23:34,060 A potom sa na pravej vetve Tu vidíme, že máme HTML, 454 00:23:34,060 --> 00:23:38,680 OK sme urobili túto opierka hlavy, pozeráme len na telo, 455 00:23:38,680 --> 00:23:40,670 takže máme nejaké časti tela. 456 00:23:40,670 --> 00:23:44,350 A v to, jediný vec, ktorú máme, je ahoj, svet. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Ak by sme mali veci ako niektorí držiak p a potom 459 00:23:54,130 --> 00:23:57,500 ahoj, svet, a potom ďalšie držiak p Goodbye, svet, 460 00:23:57,500 --> 00:24:00,080 budeme mať dve bubliny spadnutie tu. 461 00:24:00,080 --> 00:24:05,550 Vzhľadom k tomu, že sú obaja pod telom, ale sú to samostatné odseky tomto prípade. 462 00:24:05,550 --> 00:24:11,520 Tam je určite prax na ktoré v predchádzajúcich kvízy, 463 00:24:11,520 --> 00:24:14,570 rovnako ako kopa on-line na to. 464 00:24:14,570 --> 00:24:18,260 OK, takže to jednoducho nechá uvidíme, všetko pekne 465 00:24:18,260 --> 00:24:20,810 a manipulovať veci veľmi systematicky. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Vieme presne, ako prejsť cez tohto stromu, 468 00:24:23,640 --> 00:24:26,910 takže vieme, čo chceme získať prístup. 469 00:24:26,910 --> 00:24:31,690 >> OK, takže to je dôvod, prečo chceme aby tento druh modelu, 470 00:24:31,690 --> 00:24:35,190 takže môžeme použiť veci, ako je toto, a my sme pochopili, čo znamenajú, 471 00:24:35,190 --> 00:24:38,370 a oni sú štandardizované vo všetkých veciach, ktoré robíme. 472 00:24:38,370 --> 00:24:45,900 Takže názov dokumentu bodka je len Názov our-- všetkých týchto 473 00:24:45,900 --> 00:24:48,960 sú celkom samozrejmý, Rád si myslím. 474 00:24:48,960 --> 00:24:51,660 Takže prvé tri príklady sú len hovorím, 475 00:24:51,660 --> 00:24:54,770 "OK, daj mi Názov tejto webovej stránky. " 476 00:24:54,770 --> 00:24:58,030 Tak to vám dá to, čo zodpovedá názvu. 477 00:24:58,030 --> 00:25:01,880 >> Dokument dot telo sa bude dať čo je v rámci týchto telesných značky. 478 00:25:01,880 --> 00:25:03,240 Takže môžete manipulovať, že. 479 00:25:03,240 --> 00:25:07,820 A dokument dot telo dot zadajte HTML je veľmi kľuďas, 480 00:25:07,820 --> 00:25:11,660 a možno nie je ako výborný intuitívne, ale vnútorná HTML 481 00:25:11,660 --> 00:25:13,740 zodpovedá Toto právo je tu. 482 00:25:13,740 --> 00:25:17,410 Takže ak ste niekedy chceli, aby manipulovať textu na stránke, 483 00:25:17,410 --> 00:25:22,700 obvykle budete robiť niečo body bodkou vnútornej HTML. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Takže vnútorný HTML tendenciu odkazovať na to, čo je vlastne medzi týmito značkami. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 A potom užitočné funkcie. 488 00:25:33,020 --> 00:25:40,390 Takže ak by ste chceli získať niektoré z nich, akýkoľvek prvok, 489 00:25:40,390 --> 00:25:43,140 máme nejaký preukaz, trieda meno, alebo názov tag. 490 00:25:43,140 --> 00:25:47,100 To je veľmi podobné veci, ktoré sme robili s CSS, že jo? 491 00:25:47,100 --> 00:25:51,360 Tam, kde máme nejaké voliča, že zodpovedajú buď tag, trieda 492 00:25:51,360 --> 00:25:53,800 že sme sa im, alebo ID. 493 00:25:53,800 --> 00:25:55,310 To je veľmi veľa rovnaký cesta. 494 00:25:55,310 --> 00:26:00,720 Ak máte niečo, čo má nejakú triedu psa, 495 00:26:00,720 --> 00:26:05,800 a hovoríte si prvky podľa názvu značky, a dáte psa v there-- alebo ľúto, 496 00:26:05,800 --> 00:26:06,610 názov triedy. 497 00:26:06,610 --> 00:26:07,770 Môžete dať bodku tam. 498 00:26:07,770 --> 00:26:11,780 Bude to vrátiť všetky tie, prvky, sa vám, že majú túto triedu. 499 00:26:11,780 --> 00:26:13,880 Takže môžete manipulovať len tie. 500 00:26:13,880 --> 00:26:18,430 Rovnakým spôsobom, možno len chcú manipulovať nejakú hlavičku, tak 501 00:26:18,430 --> 00:26:20,980 niektorí h1 hlavičky, ako my. 502 00:26:20,980 --> 00:26:24,900 Dalo by sa dostať prvky podľa značiek meno, pretože h1 je menovka. 503 00:26:24,900 --> 00:26:29,270 A rovnakým spôsobom, ak chcete získať niektoré unikátne vec, môžete tak urobiť get značku. 504 00:26:29,270 --> 00:26:31,100 Získajte element Id. 505 00:26:31,100 --> 00:26:32,710 A oni sú vlastne veľa z nich. 506 00:26:32,710 --> 00:26:36,300 Sú to len ako tri veľmi veľa. 507 00:26:36,300 --> 00:26:39,600 Takže ak ste online, as Budem podporovať 508 00:26:39,600 --> 00:26:45,342 budete robiť, a robiť nejaké výskum na vlastnú päsť, 509 00:26:45,342 --> 00:26:48,450 Určite odporúčam hľadá do všetkých z nich. 510 00:26:48,450 --> 00:26:50,880 Mohli by byť super užitočné, najmä keď 511 00:26:50,880 --> 00:26:57,180 Ak chcete len trochu manipulovať veľmi špecifické veci, bez toho, aby bolo 512 00:26:57,180 --> 00:27:00,390 prejsť a vyskúšať vyradil všetko. 513 00:27:00,390 --> 00:27:03,540 >> OK, takže posledná vec je JavaScript udalosti. 514 00:27:03,540 --> 00:27:10,730 Takže keď som hovoril skôr takhle ísť na webové stránky, 515 00:27:10,730 --> 00:27:14,340 a keď najazdíte nad niečím, alebo presuniete kurzor myši nad niečím, 516 00:27:14,340 --> 00:27:15,420 niečo stane. 517 00:27:15,420 --> 00:27:17,900 To je to, čo sme chceli premýšľať o tom, ako udalosť. 518 00:27:17,900 --> 00:27:23,970 Takže to, čo máme, ktoré by mohli byť užitočné, tu je onclick. 519 00:27:23,970 --> 00:27:29,140 Takže môj bol na visenie, ktorý som si istý, že je len na visu. 520 00:27:29,140 --> 00:27:31,300 Aj ton z nich ktoré môžete hľadať. 521 00:27:31,300 --> 00:27:34,340 K dispozícii je celý zoznam on-line rôznych vecí 522 00:27:34,340 --> 00:27:37,130 ktoré môžete počúvať. 523 00:27:37,130 --> 00:27:41,220 >> Udalosti ale JavaScript sú v podstate len reagovať na veci 524 00:27:41,220 --> 00:27:42,430 že používateľ robí. 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žívateľ nemá niečo, to je udalosť, 527 00:27:45,220 --> 00:27:48,340 a JavaScript bude reagovať však sa vám to bude páčiť. 528 00:27:48,340 --> 00:27:49,770 To bude reagovať zodpovedajúcim spôsobom. 529 00:27:49,770 --> 00:27:54,630 Takže v tomto prípade máme niektoré okno dot onload. 530 00:27:54,630 --> 00:27:57,170 Tak čo to hovorí, je "počkať kým 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 keď všetko je naložený, onload, potom môžete spustiť túto funkciu. 533 00:28:02,102 --> 00:28:03,810 Takže keď je všetko načítaný, ideš 534 00:28:03,810 --> 00:28:07,760 mať nejaké tlačidlo Hľadať že dostane prvok Id, 535 00:28:07,760 --> 00:28:13,740 a tlačí čo to element je ako tlačidlo Hľadať. 536 00:28:13,740 --> 00:28:17,050 A potom tu máme premennú, hovoríme: "OK, onclick." 537 00:28:17,050 --> 00:28:20,390 Takže keď počujeme cvaknutie na tlačidlo Hľadať, 538 00:28:20,390 --> 00:28:23,990 vykonávať túto funkciu, ktorá je v strehu, ste klikli na tlačidlo Hľadať. 539 00:28:23,990 --> 00:28:28,910 >> Takže to, čo sa stane, je-- je to pekný Trochu grafické znázornenie tu. 540 00:28:28,910 --> 00:28:31,480 Takže naše zaťaženie dokumentov, to je naša onload, 541 00:28:31,480 --> 00:28:34,340 nájdeme naše hľadanie tlačidlo, ktoré je táto. 542 00:28:34,340 --> 00:28:36,570 Hľadáme pre naše tlačidlo Hľadať. 543 00:28:36,570 --> 00:28:40,790 A potom, keď tlačidlo Search je kliknutí, to zodpovedá práve tu. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Potom sme sa konečne varovať našich užívateľov, čo je to posledný riadok tu. 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 štyroch krokov len odpovedá štyri boxy 548 00:28:52,960 --> 00:28:55,031 tam na dne. 549 00:28:55,031 --> 00:28:56,405 Znamená to, že zmysel pre každého? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> A potom jedna vec, ktorú som jednoducho ísť spomenúť veľmi, veľmi krátko, aby som 552 00:29:05,200 --> 00:29:08,660 Odporúčame vám chlapci ísť pozrieť viac do je 553 00:29:08,660 --> 00:29:13,210 jQuery, čo je práve knižnica ktorý je postavený na vrchole JavaScript. 554 00:29:13,210 --> 00:29:16,480 Je mimoriadne užitočné, pretože s väčšinou knižníc. 555 00:29:16,480 --> 00:29:18,320 Existuje veľa funkcií. 556 00:29:18,320 --> 00:29:21,930 Takže v prípade, že je vôbec niečo, čo Ak chcete urobiť v JavaScripte, 557 00:29:21,930 --> 00:29:24,880 váš prvý inštinkt by nemalo byť, že 558 00:29:24,880 --> 00:29:27,340 o, mal by ", akú funkciu Aj kód? "By to malo byť, 559 00:29:27,340 --> 00:29:29,560 "Ukážte mi niekoho je to už urobil pre mňa. " 560 00:29:29,560 --> 00:29:32,800 Vzhľadom k tomu, v deviatich prípadoch z desiatich, niekto to urobil už, 561 00:29:32,800 --> 00:29:35,760 a pravdepodobne to urobil lepšie. 562 00:29:35,760 --> 00:29:39,990 Ľudia trávia veľa času robiť tieto, a JavaScript sa veľmi často používa, 563 00:29:39,990 --> 00:29:42,810 takže ľudia sú stále sa snažia, aby to lepšie. 564 00:29:42,810 --> 00:29:47,110 A jQuery má veľa funkcií že bude pravdepodobne užitočné pre vás 565 00:29:47,110 --> 00:29:50,470 v konečnom projektu, ak ste robiť niečo s web design. 566 00:29:50,470 --> 00:29:53,480 Ako som chcel povedať, "práca múdrejší, nie viac. " 567 00:29:53,480 --> 00:29:57,130 Ak vy urobíte, bude to skvelé. 568 00:29:57,130 --> 00:30:00,330 Keď sme u hackathon vôbec sa mi nepáči Chceme, aby ste sa všetci v strese. 569 00:30:00,330 --> 00:30:03,600 Chcem, aby si bol rád, "mám tohle. jQuery je mám chrbát. 570 00:30:03,600 --> 00:30:05,790 Nepotrebujem písať tieto funkcie. " 571 00:30:05,790 --> 00:30:07,636 >> Takže len dve veci pamätajte, že idem 572 00:30:07,636 --> 00:30:10,220 aby si chlapci vyzerať do jQuery na vlastnú päsť. 573 00:30:10,220 --> 00:30:13,070 Všetko, čo som ti chcel povedať, je to robí niektoré docela úžasné veci 574 00:30:13,070 --> 00:30:15,220 a môže váš život oveľa jednoduchšie. 575 00:30:15,220 --> 00:30:17,150 Ale to, čo chcete mám, je, čo súbor 576 00:30:17,150 --> 00:30:21,020 že budete používať ju, budete chcieť tieto dva riadky. 577 00:30:21,020 --> 00:30:25,630 Budete chcieť skript JS jQuery dot JS. 578 00:30:25,630 --> 00:30:28,500 A vlastne váš zdroj bude nejaké URL. 579 00:30:28,500 --> 00:30:35,870 Ak ste na Googli jQuery, Google vlastne hosťuje všetky súbory pre vás. 580 00:30:35,870 --> 00:30:38,950 Takže si určite chcieť vstup, ktorý jej URL. 581 00:30:38,950 --> 00:30:41,130 Len som si to tu Pre jednoduchosť. 582 00:30:41,130 --> 00:30:45,180 To všetko znamená, ak je k nájsť knižnicu jQuery. 583 00:30:45,180 --> 00:30:48,600 Je to masívny, takže nechcete hostiť na vašom vlastnom počítači 584 00:30:48,600 --> 00:30:53,390 ak môžete vyhnúť, čo je dôvod, prečo sme majú tendenciu len dať do URL, Google, že 585 00:30:53,390 --> 00:30:55,880 hosťuje všetky tieto súbory pre 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, sľubujem to tam bude. 588 00:30:58,850 --> 00:31:01,200 >> A potom čokoľvek JavaScript súbor, ktorý ste 589 00:31:01,200 --> 00:31:07,150 použitie, takže je to len nejaký externý JavaScript súbor, ktorý používate. 590 00:31:07,150 --> 00:31:11,570 Rovnakým spôsobom, akým odkaz na CSS súbory, je to rovnaký druh veci. 591 00:31:11,570 --> 00:31:15,480 To len odkazy na súbor kde sa vaše JavaScript je. 592 00:31:15,480 --> 00:31:18,970 A mám niekoľko príkladov s jednoduchým JavaScript. 593 00:31:18,970 --> 00:31:20,220 Takže pôjdeme cez to. 594 00:31:20,220 --> 00:31:27,230 A potom sa v indexe JavaScript čo je súbor Sem napíš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 Si skoro 99,9 percent času deje 597 00:31:33,860 --> 00:31:36,800 aby to do index.js súboru. 598 00:31:36,800 --> 00:31:40,010 Vzhľadom k tomu, čo to hovorí sa, "Nespustiť nič 599 00:31:40,010 --> 00:31:43,480 kým dokument je v skutočnosti ready ", čo je presne to, čo chcete. 600 00:31:43,480 --> 00:31:46,600 Vzhľadom k tomu, keď váš dokument nie je pripravený, a jQuery začne robiť veci, 601 00:31:46,600 --> 00:31:48,020 je to len zmätok. 602 00:31:48,020 --> 00:31:50,480 Takže ste vždy chcú mať tento obal. 603 00:31:50,480 --> 00:31:55,760 A potom sa na veci, ktoré idú tam, I ponechávajú vlastnú študoval vašich chlapci. 604 00:31:55,760 --> 00:32:04,610 >> OK, takže sú tam nejaké otázky vpravo Teraz o JavaScript všeobecne? 605 00:32:04,610 --> 00:32:07,420 Alebo modelu DOM? 606 00:32:07,420 --> 00:32:10,780 Ak tomu tak nie je, sme niektoré pohode príklady, ktoré môžeme prejsť, 607 00:32:10,780 --> 00:32:13,120 že vy mi môže pomôcť kód. 608 00:32:13,120 --> 00:32:15,877 Ale ja som tiež bude Super pekné, a ak máte 609 00:32:15,877 --> 00:32:17,960 nechcem nič hovoriť pre tých, to je v poriadku. 610 00:32:17,960 --> 00:32:20,510 Môžem tiež len dať príklady. 611 00:32:20,510 --> 00:32:24,581 Ale niečo na PowerPoint, než sme ďalej? 612 00:32:24,581 --> 00:32:25,080 Super. 613 00:32:25,080 --> 00:32:26,990 >> Mám pocit, že vy potrebujete energiu. 614 00:32:26,990 --> 00:32:31,516 Takže si myslím, že budeme na začiatok s mojím napríklad strany prvej. 615 00:32:31,516 --> 00:32:33,390 Máme tri príklady, máte možnosť voľby. 616 00:32:33,390 --> 00:32:37,720 Takže máme hodiny, kam ideme, zaviesť skutočné hodiny, ktoré je 617 00:32:37,720 --> 00:32:41,430 bude aktualizovať, ako plynie čas. 618 00:32:41,430 --> 00:32:43,310 Máme túto skvelú funkciu Twitter. 619 00:32:43,310 --> 00:32:44,560 Tohle-- vieš čo, vydrž. 620 00:32:44,560 --> 00:32:47,220 Chystáme sa, aby to preč. 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 skvelú funkciu Twitter tu, that-- ja viem, že jo? 624 00:32:56,132 --> 00:32:57,090 Bude to skvelé. 625 00:32:57,090 --> 00:32:58,350 Ste chalani nadšení? 626 00:32:58,350 --> 00:33:01,170 Ktorá sa bude počítať počet znakov, ktoré ste opustili, 627 00:33:01,170 --> 00:33:04,520 takže keď píšem práve teraz, zrejme stále hovorí: 140, 628 00:33:04,520 --> 00:33:06,190 ale my vieme, že to nie je tento prípad. 629 00:33:06,190 --> 00:33:08,570 A potom sa s našou posledný tu, kliknite sem na party. 630 00:33:08,570 --> 00:33:12,150 Čo sa stane, je, keď klikneme, pozadie je 631 00:33:12,150 --> 00:33:13,340 bude meniť farby. 632 00:33:13,340 --> 00:33:17,060 Takže vy máte svoje možnosti ktorý z nich chcete urobiť ako prvé. 633 00:33:17,060 --> 00:33:19,800 Sľubujem, že budem to brať veľmi jednoduché na vás. 634 00:33:19,800 --> 00:33:22,680 Mám pocit, že každý je druh toho len veľmi nízke kľúč dnes. 635 00:33:22,680 --> 00:33:25,540 Takže budem vás prevedie ako budeme realizovať všetky tieto. 636 00:33:25,540 --> 00:33:28,520 Ak chcete odbíjať sa tým, že je to skvelé, ale ja 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 som si len chodiť vás prostredníctvom týchto príkladoch. 639 00:33:32,970 --> 00:33:35,015 Ešte máme niečo, čo by sme chceli urobiť ako prvé? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Každý, kto? 642 00:33:39,475 --> 00:33:41,350 No preferencie? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Vieš čo? 645 00:33:42,450 --> 00:33:43,290 Sme na stranu. 646 00:33:43,290 --> 00:33:48,380 Mám pocit, že vy potrebujete little-- tak, urobíme najprv jedna zo zmluvných strán. 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, čo máme here-- to je nemalo byť. 650 00:33:56,930 --> 00:33:57,910 Teraz 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, čo tu máme, je len jednoduchá stránka HTML 653 00:34:03,110 --> 00:34:07,840 že vy všetci mali byť super oboznámený s zo svojich posledných dvoch psets. 654 00:34:07,840 --> 00:34:10,212 máme typ doc tu. 655 00:34:10,212 --> 00:34:10,920 Si každý môže vidieť? 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 samozrejme. 659 00:34:13,900 --> 00:34:18,360 Máme nejakú hlavičku, ktorá je spojené s štýlov, ktoré 660 00:34:18,360 --> 00:34:21,420 len robil môj font pekný a veľký a odvážny. 661 00:34:21,420 --> 00:34:23,489 Takže sa nemusíte báť, že. 662 00:34:23,489 --> 00:34:26,437 >> Máme nejaké telo s Id pozadie, OK? 663 00:34:26,437 --> 00:34:28,520 Vzhľadom k tomu, že budeme mať zmena pozadia. 664 00:34:28,520 --> 00:34:31,964 Takže, keď meníme pozadí nášho tela, 665 00:34:31,964 --> 00:34:35,965 ktoré si pamätáme z pred dvoma týždňami keď máme čo do činenia s webovými stránkami. 666 00:34:35,965 --> 00:34:36,840 Takže dobré mať to. 667 00:34:36,840 --> 00:34:39,270 A máme nejaké Id rovná party. 668 00:34:39,270 --> 00:34:43,909 Tento h ref libra jednoducho znamená, že to bude chodiť na tú istú stránku. 669 00:34:43,909 --> 00:34:47,120 A tu na párty, čo je dôvod, prečo, keď sme sa na neho, 670 00:34:47,120 --> 00:34:48,940 to by sa malo zmeniť farby, našťastie. 671 00:34:48,940 --> 00:34:54,322 >> A potom máme nejaké skript tu to práve súvisí s týmto dot JS strán 672 00:34:54,322 --> 00:34:58,100 Súbor, ktorý je preto, že prázdny sme nič neurobili. 673 00:34:58,100 --> 00:35:00,450 A je to tak smutné. 674 00:35:00,450 --> 00:35:06,100 Ale veľmi skoro, bude to zmení farby, a to bude úžasné. 675 00:35:06,100 --> 00:35:10,520 >> Tak som len tak, aby vás ľudia vďaka, ako by sme mohli tento prístup. 676 00:35:10,520 --> 00:35:14,030 Takže prvá vec, ktorá by sme mohli chcieť urobiť, 677 00:35:14,030 --> 00:35:18,050 ak meníme pozadia telo, prvá vec, ktorú by sme mohli chcieť 678 00:35:18,050 --> 00:35:22,730 urobiť, je skutočne chytiť čo telo je, že jo? 679 00:35:22,730 --> 00:35:27,690 Preto chceme, aby súčet, otázky pozadia, a ak si všimnete, 680 00:35:27,690 --> 00:35:29,567 Len som automaticky stačí začať písať. 681 00:35:29,567 --> 00:35:32,400 Na tom nie je nič zvláštne, že my je potrebné urobiť pre naše súbory JavaScript. 682 00:35:32,400 --> 00:35:35,820 Môžem začať deklarovanie premenných, a vyhlásenie náhodné funkcie. 683 00:35:35,820 --> 00:35:38,110 A je to oveľa viac zadarmo formulár. 684 00:35:38,110 --> 00:35:41,930 Je to ako s C, dali sme vám všetci Táto tvrdá pravidlá, a ste vyrastal, 685 00:35:41,930 --> 00:35:43,220 takže sme radi, "ísť vpred. 686 00:35:43,220 --> 00:35:44,000 Buďte slobodní. 687 00:35:44,000 --> 00:35:44,870 Robte si, čo chcete. " 688 00:35:44,870 --> 00:35:46,280 A to je to, čo je JavaScript. 689 00:35:46,280 --> 00:35:48,390 Takže máme nejaké zázemie tu. 690 00:35:48,390 --> 00:35:55,900 S našou DOM modelom, my vieme, môže robiť dokument dot dostať prvok, 691 00:35:55,900 --> 00:36:00,290 a ak si všimneme tu, Naše telo 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 sa dostať dokument Id, a tu je to jednoduchý. 694 00:36:06,310 --> 00:36:08,295 Aký je náš Id, že chceme tú? 695 00:36:08,295 --> 00:36:09,170 Divákov: Pozadie. 696 00:36:09,170 --> 00:36:11,280 ALLISON Buchholtz-AU: Pozadie. 697 00:36:11,280 --> 00:36:12,230 Perfect. 698 00:36:12,230 --> 00:36:14,250 A bodkočiarka na konci. 699 00:36:14,250 --> 00:36:15,610 To sa nezmizla doteraz. 700 00:36:15,610 --> 00:36:17,330 Stále je potrebné si bodkočiarkami. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Tak to je naša prvá. 703 00:36:19,690 --> 00:36:23,880 A keď sme sa na tlačidlo niečo, čím Chcete aby sa niečo stalo, nie? 704 00:36:23,880 --> 00:36:28,270 Takže by sme mohli chcieť nejaké premenné že čaká na kliknutie. 705 00:36:28,270 --> 00:36:32,410 To, čo budeme robiť, je, že sa chystáte aby naše spojenie viac podobný tlačidlu. 706 00:36:32,410 --> 00:36:43,140 Takže budeme mať nejaké tlačidlo, ktoré rovná sa dokumentujú dot dostať element Id. 707 00:36:43,140 --> 00:36:48,670 A keď hovorím o kliknite na odkaz alebo kliknite tu na párty 708 00:36:48,670 --> 00:36:51,850 link, čo by mohlo byť tu moja ID? 709 00:36:51,850 --> 00:36:52,590 Party. 710 00:36:52,590 --> 00:36:55,200 Správne. 711 00:36:55,200 --> 00:36:56,500 OK nie je tak zlé tak ďaleko. 712 00:36:56,500 --> 00:36:59,060 Každý, kto si to, čo robíme? 713 00:36:59,060 --> 00:37:02,100 >> OK, takže teraz máme tlačidlo, a my chceme 714 00:37:02,100 --> 00:37:04,140 Čo sa mení, keď sme sa na neho kliknite. 715 00:37:04,140 --> 00:37:08,750 Takže ak si spomenieme z našej aplikácie PowerPoint, veľmi jednoduchá vec, ktorú môžeme urobiť 716 00:37:08,750 --> 00:37:12,140 je len tlačidlo bodka onclick, že jo? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 A to bude rovnať nejakú funkciu. 719 00:37:18,730 --> 00:37:20,620 To je anonymný funkcia. 720 00:37:20,620 --> 00:37:24,620 A to len as-- v skutočnosti, že som bude, aby to trochu väčšie. 721 00:37:24,620 --> 00:37:27,330 >> Takže to, čo som urobil je tu hovorím, OK, 722 00:37:27,330 --> 00:37:31,810 keď klikneme na tlačidlo náš, čo je tento odkaz, ktorý sme práve uvedené, 723 00:37:31,810 --> 00:37:34,270 budeme vykonávať táto anonymné funkcie. 724 00:37:34,270 --> 00:37:35,845 Nepotrebujeme žiadne vstupy. 725 00:37:35,845 --> 00:37:37,220 Nezaujíma nás, čo používateľ hovorí. 726 00:37:37,220 --> 00:37:38,800 Keď na neho kliknete, sme bude robiť, čo chceme, 727 00:37:38,800 --> 00:37:40,660 čo je zmeniť farbu pozadia. 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, prečo nemáme žiadne vstupy, budeme musieť túto anonymný funkciu. 730 00:37:47,224 --> 00:37:49,390 A teraz sme vlastne bude napísať túto funkciu. 731 00:37:49,390 --> 00:37:55,040 >> Takže je tu veľa spôsobov, ako by mohla vygenerovať náhodné farby. 732 00:37:55,040 --> 00:37:59,010 Spôsob, akým som to urobil, bolo, aby generovať tri náhodných čísel 733 00:37:59,010 --> 00:38:01,910 a previesť ich na RGB triple. 734 00:38:01,910 --> 00:38:06,130 Takže to len ukazuje vám niektoré v pohode veci, ktoré ak ste ako, "oh, 735 00:38:06,130 --> 00:38:08,464 Musím pre generovanie náhodné číslo, "keď to Googled, 736 00:38:08,464 --> 00:38:09,630 to je to, čo by ste našli. 737 00:38:09,630 --> 00:38:17,580 >> Takže máme tri rôzne veci, 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 sú tri veci, ktoré tvoria farbu. 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, čo môžeme urobiť, je, že vieme, že musí byť medzi 255, 743 00:38:27,050 --> 00:38:30,140 a ak ste sa pozreli na niektoré generátor náhodných čísel, 744 00:38:30,140 --> 00:38:36,000 by ste mohli dostať niečo ako matematika dot náhodný, ktorý, keď sa pozriete na to 745 00:38:36,000 --> 00:38:39,230 vracia na nejaké číslo medzi nulou a jednotkou. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 A to, čo čísla čo je v našich RGB trojlôžkové ísť medzi tým? 748 00:38:44,470 --> 00:38:47,240 Zero a čo? 749 00:38:47,240 --> 00:38:49,000 Čo môžu ísť až do? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Takže ak math dot náhodný ide medzi nulou a jednotkou, 752 00:38:53,320 --> 00:38:56,365 Ako môžeme chcieť zmeniť toto? 753 00:38:56,365 --> 00:38:56,990 Divákov: Time? 754 00:38:56,990 --> 00:38:57,830 ALLISON Buchholtz-AU: Jo, presne 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ákov: [nepočuteľné] Je to ako [nepočuteľné]. 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ákov: cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON Buchholtz-AU: Áno. 760 00:39:04,580 --> 00:39:06,300 JavaScript len ​​sa 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, čo môžeme urobiť, že pre všetky 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 Rozumiem. 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áti celé číslo. 768 00:39:23,350 --> 00:39:24,080 Je to tak? 769 00:39:24,080 --> 00:39:26,450 Možno, že sme si nejaké číslo medzi nulou a jednotkou, 770 00:39:26,450 --> 00:39:32,150 a to spôsobuje, že sa mierne byť off, a naša RGBS nemôže byť plaváky. 771 00:39:32,150 --> 00:39:33,360 Musí byť ints. 772 00:39:33,360 --> 00:39:37,610 Takže ak ste sa pokúsili to, bolo by to asi nejaké nestabilné správanie. 773 00:39:37,610 --> 00:39:38,810 Bolo by to trochu funky. 774 00:39:38,810 --> 00:39:43,200 Takže to, čo robíme, je, že chceme, aby sa Uistite sa, že tieto sú zaoblené, 775 00:39:43,200 --> 00:39:45,400 a vy mohol prejsť v oboch smeroch. 776 00:39:45,400 --> 00:39:47,110 Aj zaoblené s podlahou. 777 00:39:47,110 --> 00:39:49,680 Takže som vždy istá že sa zaokrúhľuje nadol. 778 00:39:49,680 --> 00:39:54,440 Ale ísť preč, ako je to jednoduché bolo len dostať náhodné číslo, 779 00:39:54,440 --> 00:39:57,920 Ako si myslíte, že sme by mohol poschodie toto číslo? 780 00:39:57,920 --> 00:40:00,720 Je to veľmi podobné. 781 00:40:00,720 --> 00:40:02,810 Nejaký nápad? 782 00:40:02,810 --> 00:40:06,450 Takže ak náhodný bolo len matematika dot náhodné, takže myslíš, že by sme robiť 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 tiež urobiť matematický dot strop. 785 00:40:11,340 --> 00:40:14,030 Koleso je trochu nejasný preto, že nie 786 00:40:14,030 --> 00:40:16,110 vedieť, či sa zaokrúhliť nahor alebo zaokrúhliť nadol. 787 00:40:16,110 --> 00:40:20,797 Takže zvyčajne sme sa vždy robiť 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ákov: Má podlahy koleso dole? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON Buchholtz-AU: Floor kolesa dole. 791 00:40:24,740 --> 00:40:26,990 A to je len výber z mojej strany. 792 00:40:26,990 --> 00:40:32,370 >> Takže teraz máme tri čísla ktoré boli náhodne generované, 793 00:40:32,370 --> 00:40:36,610 a to, čo budeme robiť teraz, je, že sme len tak pre zmenu pozadia. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Takže sme už máme pozadia druh uložená 796 00:40:41,490 --> 00:40:43,280 V tomto prvku s názvom pozadia. 797 00:40:43,280 --> 00:40:47,300 Takže to, čo si všimnete, je, ak ste hrali asi s tým, 798 00:40:47,300 --> 00:40:50,460 Ak chceme zmeniť štýl. 799 00:40:50,460 --> 00:40:53,812 A to je trochu niečo, čo by ste Google a zistiť, 800 00:40:53,812 --> 00:40:55,020 Páči sa mi, ako zmeniť farbu. 801 00:40:55,020 --> 00:40:59,210 >> Ale spôsob, ako získať prístup táto farba je pozadie dot štýl dot pozadia. 802 00:40:59,210 --> 00:41:03,490 Tak to hovorí uvedený tento objekt, pozadia, 803 00:41:03,490 --> 00:41:06,920 ktorý sa odvoláva na ktoré element Id tam, 804 00:41:06,920 --> 00:41:10,690 budeme pozerať na štýl v rámci štýlu, 805 00:41:10,690 --> 00:41:13,280 budeme sa pozrieť na pozadí. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 A ak idete, a aby sa tým prebral, to by mohol robiť trochu väčší zmysel, 808 00:41:17,630 --> 00:41:21,930 ale to je v podstate len hovorím, "Daj mi to veľmi špecifický atribút 809 00:41:21,930 --> 00:41:25,770 z toho, čo som definované skôr. " 810 00:41:25,770 --> 00:41:32,340 Takže to, čo sme ho zmeniť, je niektorí RGB, pretože to dáva zmysel. 811 00:41:32,340 --> 00:41:34,780 Používame RGB trojlôžkové, že jo? 812 00:41:34,780 --> 00:41:41,530 A my have-- chcem uistiť, že som ten správny počet citácií tu. 813 00:41:41,530 --> 00:41:43,940 Takže to, čo robíme, je máme RGB, a budeme 814 00:41:43,940 --> 00:41:46,800 to-- to je ako zreťazenie, čo je červená. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 A potom chceme nejakú čiarku. 817 00:41:52,610 --> 00:41:59,925 A potom chceme a zelená, potom niektoré čiarka, a niektoré modré. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Takže tieto plusy len Myslíš ako zreťazenie. 820 00:42:14,120 --> 00:42:19,810 Tak to je práve vytvorenie tejto Reťazec, ktorý sa deje vo vnútri 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ákov: [Nepočuteľné] a potom green a potom červené. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON Buchholtz-AU: Jo, pretože som pokazil, že až. 825 00:42:30,163 --> 00:42:30,890 Že jeden je v poriadku. 826 00:42:30,890 --> 00:42:32,110 Oh, vydrž. 827 00:42:32,110 --> 00:42:32,610 Nie. 828 00:42:32,610 --> 00:42:36,770 Pretože potrebujem, aby sa ubezpečil, že som všetky tieto práva. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Tak som sa vysvetliť uno momento. 831 00:42:43,950 --> 00:42:47,040 Zelená, modrá, perfektné. 832 00:42:47,040 --> 00:42:47,971 Teraz som urobil. 833 00:42:47,971 --> 00:42:48,470 Verí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, čo to je, je to, že na pozadí sa bude nastavený na určité reťazca. 837 00:42:58,085 --> 00:42:58,585 Je to tak? 838 00:42:58,585 --> 00:42:59,710 Čo je to, čo tu máme. 839 00:42:59,710 --> 00:43:05,870 Bude to byť nejaký RGB 255 čiarka 255 čiarka nula, alebo čokoľvek číslo, ktoré 840 00:43:05,870 --> 00:43:06,512 majú tam. 841 00:43:06,512 --> 00:43:08,220 Takže sme tu, máme nejaký reťazec. 842 00:43:08,220 --> 00:43:11,910 A to, čo chceme urobiť, je, že sme to druh dynamicky vytvárať 843 00:43:11,910 --> 00:43:14,010 že keď sme vlastne tento program spustiť. 844 00:43:14,010 --> 00:43:16,570 Takže to je nejaký reťazec. 845 00:43:16,570 --> 00:43:20,290 A zřetězuje ju hodnota, ktorá má červený, 846 00:43:20,290 --> 00:43:23,320 ktorý zřetězuje ju čiarka, ktorá ju zřetězuje 847 00:43:23,320 --> 00:43:26,090 s tým, čo je zelená, a tak ďalej, a tak ďalej. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Až do samého konca, čo je zatváranie zátvoriek tohto RGB tu. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Tak čo to bude generovať je nejaký príkaz naozaj 852 00:43:37,230 --> 00:43:42,770 že je RGB z troch čísel že na pozadí je teraz nastavená na. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Tak uvidíme, či to funguje. 855 00:43:46,510 --> 00:43:49,720 Dúfam, že to robí, pretože ak to nie, ja budem skutočný smutný. 856 00:43:49,720 --> 00:43:50,250 Oh nie. 857 00:43:50,250 --> 00:43:52,710 OK, vydrž. 858 00:43:52,710 --> 00:43:56,730 Rozhodne pozadia dot štýl dot pozadia. 859 00:43:56,730 --> 00:43:59,569 Ja som rozhodne nechýba Niečo malého. 860 00:43:59,569 --> 00:44:00,610 Nezdá sa vám, že chalani nenávidia? 861 00:44:00,610 --> 00:44:04,020 Keď je to len malý trochu chyba? 862 00:44:04,020 --> 00:44:04,990 Všemohúci pozadia. 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ákov: [nepočuteľné] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON Buchholtz-AU: Nie. 868 00:44:12,770 --> 00:44:14,050 Snažil som sa to pred triedou. 869 00:44:14,050 --> 00:44:16,570 Mám všetko, čo som robil predtým trieda prípad, že by som bol rád, 870 00:44:16,570 --> 00:44:17,970 "Počkaj, čo som urobil zle?" 871 00:44:17,970 --> 00:44:23,190 Pretože som bol rád, "budem asi neporiadok to sa v určitom okamihu. " 872 00:44:23,190 --> 00:44:24,150 A zelená. 873 00:44:24,150 --> 00:44:26,250 Všetko vyzerá, že je to správne zreťazené. 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ákov: [nepočuteľné] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON Buchholtz-AU: Oh, tam idete. 878 00:44:33,810 --> 00:44:35,520 To je to, čo som potreboval. 879 00:44:35,520 --> 00:44:36,805 Pozri sa na to. 880 00:44:36,805 --> 00:44:40,090 Tiffany zachrániť. 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 Teraz sa pozrime, či 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ákov: Priestor po druhej plus. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON Buchholtz-AU: Ktorý z nich? 889 00:44:50,310 --> 00:44:52,910 Ale počkajte, vydrž. 890 00:44:52,910 --> 00:44:54,870 Oblečenie Space? 891 00:44:54,870 --> 00:44:57,209 >> Divákov: Second plus green zreťazenie. 892 00:44:57,209 --> 00:44:58,250 ALLISON Buchholtz-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 Divákov: Nie je miesto 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 nie? 896 00:45:01,190 --> 00:45:01,910 ALLISON Buchholtz-AU: Vyzerá to pekne. 897 00:45:01,910 --> 00:45:02,530 Divákov: 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, či to funguje. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Ja som samozrejme nedarí na toto demo, čo mi pripomína 902 00:45:07,836 --> 00:45:12,810 prednášky druhý týždeň, ale viem, že to bude fungovať. 903 00:45:12,810 --> 00:45:15,860 Viem, že to bude fungovať. 904 00:45:15,860 --> 00:45:16,580 Tak blízko. 905 00:45:16,580 --> 00:45:22,330 Ak som omylom zmazané môj skript na tento jeden. 906 00:45:22,330 --> 00:45:24,035 Nie, 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 Budem kopírovať to, a ja som taky len tak vymazať všetko, 909 00:45:28,650 --> 00:45:30,108 preto, že som mal tento pracovný skôr. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Sľubujem, že to funguje. 912 00:45:33,770 --> 00:45:36,160 Ak nie, ukážem vám, čo Tommy to je. 913 00:45:36,160 --> 00:45:38,890 A tam. 914 00:45:38,890 --> 00:45:42,380 >> Divákov: Ste odkazovanie stranu dot CSS, a to je večierok dot JS. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON Buchholtz-AU: Ah, dobre tu je dot js strán. 916 00:45:45,940 --> 00:45:49,187 OK, čo som urobil inak? 917 00:45:49,187 --> 00:45:50,520 OK, uvidíme, či to funguje teraz. 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 Bam. 920 00:45:54,980 --> 00:46:02,110 Tak ja neviem, čo som urobil inak, ale to je to, čo by sa malo stať. 921 00:46:02,110 --> 00:46:03,230 Kinda cool. 922 00:46:03,230 --> 00:46:06,650 Som klikol na to, ako, navždy. 923 00:46:06,650 --> 00:46:11,185 Ale môžeme vyskúšať a vidieť to, čo som urobil inak, že to jeden mal. 924 00:46:11,185 --> 00:46:14,560 Neviem o vás chalani, ale to vyzerá v podstate to, čo som práve napísal. 925 00:46:14,560 --> 00:46:17,950 Tam bol pravdepodobne chýba bodkočiarka niekde je moja vec. 926 00:46:17,950 --> 00:46:22,064 Vlastne po, myslím, že som chýbala bodkočiarka tu v skutočnosti. 927 00:46:22,064 --> 00:46:24,230 Ale ja som nevidel, pretože to bolo mimo obrazovku. 928 00:46:24,230 --> 00:46:29,040 >> Ale ak si všimneme, je to celkom Koľko presne to, čo som práve napísal. 929 00:46:29,040 --> 00:46:33,010 Myslím si, že asi najťažšia časť o je to len druh tejto veci pravdu 930 00:46:33,010 --> 00:46:36,830 tu, porozumenie čo to robí tam. 931 00:46:36,830 --> 00:46:42,230 Tieto druhy vecí sa naučíte naozaj len Googling a poctivo 932 00:46:42,230 --> 00:46:42,880 Len sa snažím. 933 00:46:42,880 --> 00:46:46,770 Ak si myslíte, že je to nejaký atribút, tam asi je. 934 00:46:46,770 --> 00:46:48,382 Tak si to vyskúšať. 935 00:46:48,382 --> 00:46:49,090 Pozrite sa, čo sa stane. 936 00:46:49,090 --> 00:46:53,000 Ako som už povedal, je tu veľa experimentovanie s JavaScript, 937 00:46:53,000 --> 00:46:56,810 a PHP, a všetko, čo veci, a to najmä CSS. 938 00:46:56,810 --> 00:47:00,046 To je jediný pravý spôsob, ako sa to pochopiť. 939 00:47:00,046 --> 00:47:07,100 >> OK, tak po tomto fiasku sa stranou dot js, máme dve ďalšie možnosti. 940 00:47:07,100 --> 00:47:10,650 Máme hodín alebo Twitter. 941 00:47:10,650 --> 00:47:12,190 Sú to obaja zaujímavé. 942 00:47:12,190 --> 00:47:17,720 Možno, že nie zas až tak zábavné ako strana, ktorý mal v pohode trochu roztrasene 943 00:47:17,720 --> 00:47:19,595 vec na záver. 944 00:47:19,595 --> 00:47:21,714 Myslíte si chalani nejaké preferencie? 945 00:47:21,714 --> 00:47:22,380 Divákov: 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ázdny súbor JavaScript. 950 00:47:30,460 --> 00:47:35,800 A ako vidíme tu, my majú niektoré veľmi jednoduché HTML. 951 00:47:35,800 --> 00:47:40,010 Máme štýlov, že práve formáty, aké by to malo vyzerať. 952 00:47:40,010 --> 00:47:42,860 Máme div sa Id z hodín, čo 953 00:47:42,860 --> 00:47:44,420 len hovorí, "malo by to byť hodiny." 954 00:47:44,420 --> 00:47:47,650 A máme odkaz v našom súbore JavaScript 955 00:47:47,650 --> 00:47:51,400 že to vlastne bude vytvárať naše hodiny pre nás. 956 00:47:51,400 --> 00:47:56,060 Vzhľadom k tomu, super vec je, že môžete nastaví JavaScript automaticky aktualizovať 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 namiesto toho, čakanie na Užívateľ zasiahnuť Aktualizovať na stránke 960 00:48:01,580 --> 00:48:03,840 takže sa môžete dostať aktualizované čas, JavaScript 961 00:48:03,840 --> 00:48:06,760 Môžete aktualizovať však páči. 962 00:48:06,760 --> 00:48:12,082 >> Takže, ako s našou posledný, sme chceli prístup do nášho zázemie, je to tak? 963 00:48:12,082 --> 00:48:14,790 Tak čo si myslíte, že by mohol byť Prvá vec, ktorú chceme robiť tu? 964 00:48:14,790 --> 00:48:19,538 Ak máme trochu ísť preč Tento druh paradigmy tu? 965 00:48:19,538 --> 00:48:22,200 Pravdepodobne Chceme prístup na naše hodiny, nie? 966 00:48:22,200 --> 00:48:24,724 Takže máme nejaké var hodiny, čo equals-- 967 00:48:24,724 --> 00:48:26,140 čo 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ískať prvok by-- I tiež láska Sublime-- Id a naša Id je hodín. 970 00:48:42,670 --> 00:48:43,585 Bodkočiarka. 971 00:48:43,585 --> 00:48:45,710 Musím sa uistite sa, že si tie bodkočiarkami tejto doby, 972 00:48:45,710 --> 00:48:47,835 pretože mám pocit, že bol problém naposledy. 973 00:48:47,835 --> 00:48:55,980 OK tak, ako som chcel povedať so snahou mať JavaScript obnoviť sám, 974 00:48:55,980 --> 00:48:59,655 Tam je to skvelá funkcia, I viem, že to prišlo vhod v minulom roku, 975 00:48:59,655 --> 00:49:02,780 Nie som si istý, že to príde vhod za to pset, ale je to len set interval. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 A to je v skutočnosti vlastne v pohode, ak vy niečo urobiť 978 00:49:08,200 --> 00:49:11,460 s časom, alebo stále aktuálne informácie. 979 00:49:11,460 --> 00:49:13,700 Na internetovej stránky pre finále projekt, je to pravdepodobne 980 00:49:13,700 --> 00:49:16,240 funkcie, ktorú chcete dostať Super zvyknutí. 981 00:49:16,240 --> 00:49:19,730 Takže to, čo nastaviť interval robí, je, že ideme, aby to funkcia, 982 00:49:19,730 --> 00:49:21,830 a ako často by malo volanie tejto funkcie. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Takže v tomto prípade budeme len tak vytvoriť nejaké anonymné funkciu znova, 985 00:49:26,890 --> 00:49:31,530 OK, to je dostane Naše dáta, a náš čas, 986 00:49:31,530 --> 00:49:33,780 a aktualizovať veci a zobrazenia. 987 00:49:33,780 --> 00:49:35,130 Takže budeme robiť starosti. 988 00:49:35,130 --> 00:49:39,120 Budeme ako vytvárať hodiny tu. 989 00:49:39,120 --> 00:49:41,750 Ale to, čo potrebujeme, je, ako často ju aktualizovať. 990 00:49:41,750 --> 00:49:43,930 Takže v tomto prípade, je to len milisekúnd. 991 00:49:43,930 --> 00:49:46,877 Takže sme len tak robiť 100 milisekúnd. 992 00:49:46,877 --> 00:49:48,210 Samozrejme, úplne ľubovoľné. 993 00:49:48,210 --> 00:49:50,600 Ak by ste chceli, aby aktualizáciu oveľa pomalšie, mohol by si. 994 00:49:50,600 --> 00:49:53,300 Môžeme flákať s zadanom intervale, 995 00:49:53,300 --> 00:49:57,240 ako veľký náš interval je potom, čo sme si pracovné hodiny, čo dúfam, že budem 996 00:49:57,240 --> 00:49:59,660 dostať. 997 00:49:59,660 --> 00:50:04,110 Takže je to len povedal, "OK, call táto funkcia každých 100 milisekúnd. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 To je všetko, čo robí. 1000 00:50:07,280 --> 00:50:12,290 >> Takže to, čo chceme našu funkciu urobiť, je, že chceme mať nejaké dátum 1001 00:50:12,290 --> 00:50:14,200 a nejaký čas je to, čo budeme mať. 1002 00:50:14,200 --> 00:50:19,740 Takže môžeme začať s našimi dátum rovná niečo, 1003 00:50:19,740 --> 00:50:22,708 a náš čas sa rovná niečo že ešte neviem. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Alebo vlastne, len je potrebné dátum, pretože dátum bude zahŕňať všetko. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Opäť, ak ste práve Google niečo o to, čo chcete robiť, ak nám napíšete, "OK, 1008 00:50:40,010 --> 00:50:41,980 Chcem sa dostať čas pomocou jazyka JavaScript "to 1009 00:50:41,980 --> 00:50:45,890 vám to skvelý Funkcie tzv dátum get. 1010 00:50:45,890 --> 00:50:48,664 Doslova, väčšina vecí že chcete robiť, 1011 00:50:48,664 --> 00:50:50,830 JavaScript je bude mať to robí už za vás. 1012 00:50:50,830 --> 00:50:55,770 Takže je to doslova ako nový získať dáta, čo je creating-- 1013 00:50:55,770 --> 00:50:58,600 alebo nový dátum, rather-- ktorý generuje 1014 00:50:58,600 --> 00:51:03,690 nejaký objekt, ktorý predstavuje dátum. 1015 00:51:03,690 --> 00:51:08,200 >> A to, čo budeme robiť, je tu to je-- budem písať to, 1016 00:51:08,200 --> 00:51:10,820 a potom vysvetliť, čo to robí. 1017 00:51:10,820 --> 00:51:12,560 Takže budem uistiť, že som 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, čo táto funkcia robí, je, že sme sa len 1020 00:51:23,440 --> 00:51:30,680 vytváranie HTML, ktorý je v skutočnosti ísť v našom div id z hodín. 1021 00:51:30,680 --> 00:51:34,610 Tak čo to bude robiť práve vytvára nejaký reťazec, OK? 1022 00:51:34,610 --> 00:51:38,510 Ktorá sa potom bude transplantované do nášho HTML. 1023 00:51:38,510 --> 00:51:42,130 V podstate to, čo to bude robiť, je čo we-- to, čo som vám ukážem, 1024 00:51:42,130 --> 00:51:49,070 je, že nech hovoríme HTML je, budeme nahradiť tento text tu 1025 00:51:49,070 --> 00:51:51,090 s tým, čo je HTML. 1026 00:51:51,090 --> 00:51:56,390 Tak to bude, aby nám zmeniť náš hodín dot 1027 00:51:56,390 --> 00:52:00,940 HTML od byť len text tejto by mala byť hodiny, aby skutočne ukazuje 1028 00:52:00,940 --> 00:52:05,630 čísla a veci, ktoré sa staráme o, a skutočne hodín. 1029 00:52:05,630 --> 00:52:09,810 >> Takže to, čo budeme robiť, je, že sme začnú vytvárať tento HTML. 1030 00:52:09,810 --> 00:52:16,520 Takže rovnakým spôsobom, ako sme použili urobiť a rovná sa pre celé čísla, 1031 00:52:16,520 --> 00:52:20,461 teraz môžete urobiť pre sláčiky, okrem toho, že to bude ich zřetězit. 1032 00:52:20,461 --> 00:52:20,960 Je to tak? 1033 00:52:20,960 --> 00:52:26,070 Ako sme videli u výrobcov bodka JS, to proste zřetězuje všetky tieto veci dohromady. 1034 00:52:26,070 --> 00:52:31,970 Takže si môžete spojiť rôzne kúsky HTML z premenných, alebo kúsky reťazcov 1035 00:52:31,970 --> 00:52:33,750 že píšete von sami, a to len 1036 00:52:33,750 --> 00:52:38,650 Naozaj vám umožní dynamicky generovať HTML, čo je celkom v pohode. 1037 00:52:38,650 --> 00:52:42,040 Takže ak máte niečo veľmi užívateľsky špecifické, 1038 00:52:42,040 --> 00:52:44,130 to vám umožní urobiť. 1039 00:52:44,130 --> 00:52:47,550 >> Takže musíme HTML, aby budem pokúsiť sa uistiť, že som si to právo. 1040 00:52:47,550 --> 00:52:49,890 Takže budeme robiť nejaké h1 hlavičky. 1041 00:52:49,890 --> 00:52:53,610 Takže to, čo je dôležité, aby tu si uvedomiť, je to, že je to v skutočnosti len 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álne HTML kód tu, je to 1044 00:52:56,610 --> 00:53:01,090 nie len reťazec v normálnom spôsob, že by sme o tom premýšľať. 1045 00:53:01,090 --> 00:53:02,930 Takže máme nejaké HTML. 1046 00:53:02,930 --> 00:53:04,940 To je považované za reťazec tu však. 1047 00:53:04,940 --> 00:53:10,380 A my dátum dot-- my chcú dostať naše hodiny. 1048 00:53:10,380 --> 00:53:12,910 Opäť platí, že ak ste sa pozrieť up niečo o dátume, 1049 00:53:12,910 --> 00:53:16,160 to by ti to všetko sú atribúty, ktoré dátum má. 1050 00:53:16,160 --> 00:53:17,670 A tu je to, čo môžete použiť na to. 1051 00:53:17,670 --> 00:53:20,620 Takže to asi má veci, ako je dostať hodiny, a dostať minút, 1052 00:53:20,620 --> 00:53:24,669 a dostať sekúnd, a získať milisekúnd, a kto vie, čo ešte majú. 1053 00:53:24,669 --> 00:53:27,210 Ale keď sa pozriete do dokumentácia, bude to všetko tam. 1054 00:53:27,210 --> 00:53:31,980 >> Takže máme dostať hodín, a potom sme chceli 1055 00:53:31,980 --> 00:53:35,614 zřetězit že with-- nie som bude pohybovať to tu. 1056 00:53:35,614 --> 00:53:38,780 Takže ak budeme generovať práve teraz, sme vlastne generovanie čas, nie? 1057 00:53:38,780 --> 00:53:43,590 Máme hodiny, a potom to, čo je medzi hodinami a minútami? 1058 00:53:43,590 --> 00:53:45,080 Máte bodkočiarka, že jo? 1059 00:53:45,080 --> 00:53:48,010 Takže chceme urobiť nejaké bodkočiarku tu. 1060 00:53:48,010 --> 00:53:51,780 A potom chceme, aby sa naše minút, takže rovnako 1061 00:53:51,780 --> 00:53:56,450 že máme dátum dot dostať hodín, Ako môžeme dostať naše minút? 1062 00:53:56,450 --> 00:54:01,542 Je to doslova dátum dot dostať minút, ktoré som tak trochu rád. 1063 00:54:01,542 --> 00:54:03,250 Je to ako, "ach, ako získam minút? " 1064 00:54:03,250 --> 00:54:05,850 Len som si svoje minúty. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 A potom tu máme ďalšie dvojbodku tu. 1067 00:54:10,990 --> 00:54:16,350 A potom, ak chceme, aby sa naše sekúnd, ako by sme sa dostať naše druhá? 1068 00:54:16,350 --> 00:54:17,400 Dátum dot si sekúnd. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Myslím, že je to celkom v pohode. 1071 00:54:21,590 --> 00:54:23,589 A čo je dôležité, aby si uvedomiť, že my tiež 1072 00:54:23,589 --> 00:54:31,730 je potrebné, aby tu zatvárať HTML tag, pretože to by malo aj naďalej byť 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 urobiť hodiny dot vnútorná HTML je rovný HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Tak si, ako som povedal, vnútorné HTML v podstate 1077 00:54:46,470 --> 00:54:50,610 berie, čo je medzi dve značky, ktoré sme si rozprávali o 1078 00:54:50,610 --> 00:54:54,470 a vložky alebo manipuluje čo je tam? 1079 00:54:54,470 --> 00:54:58,290 Takže to, čo to robí, ak sa vrátime k našej hodiny, 1080 00:54:58,290 --> 00:55:04,180 je, že hodiny sa týka všetko v rámci tejto div. 1081 00:55:04,180 --> 00:55:09,770 Jedná sa o vnútornú HTML tohto Id hodiny div. 1082 00:55:09,770 --> 00:55:13,930 A tak to bude to zmeniť na HTML, ktoré sme práve generované, 1083 00:55:13,930 --> 00:55:16,750 ktorý, ktorá, dúfajme, dúfajme, dúfajme, 1084 00:55:16,750 --> 00:55:21,026 ukáže čas práve teraz. 1085 00:55:21,026 --> 00:55:23,960 Uvidíme. 1086 00:55:23,960 --> 00:55:25,170 Samozrejme. 1087 00:55:25,170 --> 00:55:26,860 Toľko technických problémov. 1088 00:55:26,860 --> 00:55:31,480 Allison jen--, že som off moju hru dnes chlapci. 1089 00:55:31,480 --> 00:55:34,136 OK, to funguje. 1090 00:55:34,136 --> 00:55:35,760 Hodiny dot vnútorné HTML. 1091 00:55:35,760 --> 00:55:42,097 Bolo to HTML Naozaj? 1092 00:55:42,097 --> 00:55:43,180 Tiež je to, čo sa deje. 1093 00:55:43,180 --> 00:55:48,750 Keď nemôžete vidieť niečo, čo, Stačí sa pozrieť na zdrojovom kóde. 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, chcem vedieť, cool prácu okolo že budeme robiť tu? 1097 00:55:54,870 --> 00:55:55,740 >> Divákov: Môžeš robiť veľké písmená? 1098 00:55:55,740 --> 00:55:56,580 Veľké písmená? 1099 00:55:56,580 --> 00:55:58,996 Pretože máte dostať hodín, a potom sa minút. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON Buchholtz-AU: Je to je dostať sa hodiny a get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Tie are-- Zlatú hviezdu. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Je to test, chlapci. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Sľubujem, že to funguje pred triedou. 1106 00:56:17,330 --> 00:56:22,590 >> OK, ale niečo v pohode vedieť, je, že môžete, ak niekedy also-- 1107 00:56:22,590 --> 00:56:26,560 vaše externé súbory Začínam byť trochu blázon, 1108 00:56:26,560 --> 00:56:30,960 si môžete tiež len dať ich rovno V tú, ktorá má tendenciu veci do poriadku. 1109 00:56:30,960 --> 00:56:35,840 Okrem toho je ako naozaj škaredý. 1110 00:56:35,840 --> 00:56:38,050 Samozrejme formátovania všetko. 1111 00:56:38,050 --> 00:56:41,425 Uistite sa, že je to všetko pekne. 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 >> Chcel som robiť všetky tie skvelé demá, a oni proste 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 ako tak, čo je dôležité, je že sa jedná o všeobecný spôsob 1118 00:57:00,350 --> 00:57:01,870 že by ste formátovať JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Ako môžete vidieť, môže to byť veľmi vyberavý niekedy, 1120 00:57:04,490 --> 00:57:08,780 aj keď to bolo doslova pracovný pred dvoma sekúnd. 1121 00:57:08,780 --> 00:57:11,820 Alebo pred nie dva za druhé, ale veľmi, veľmi nedávno. 1122 00:57:11,820 --> 00:57:16,070 >> Tak, aby vám ukázať, čo by to malo vyzerať, a ukázať vám, že nie som blázon, 1123 00:57:16,070 --> 00:57:19,730 a že všetko je presne To isté, to je to, čo by to malo vyzerať. 1124 00:57:19,730 --> 00:57:27,410 Tie proste robiť túto hornú časť tu, a ak sa pozeráte zdrojový kód stránky, 1125 00:57:27,410 --> 00:57:32,160 ak si všimnete, že urobil nejaké šialenejšie veci, zjednodušila som to. 1126 00:57:32,160 --> 00:57:35,710 Tiež úver Tommy McWilliam, kto vlastne 1127 00:57:35,710 --> 00:57:38,810 mi pomohol vytvoriť tieto príklady, čo je dôvod, prečo ja viem, že fungujú. 1128 00:57:38,810 --> 00:57:41,560 Vzhľadom k tomu, Tommy je majster JavaScript. 1129 00:57:41,560 --> 00:57:43,180 Ale ak si všimneme, máme nejaké set. 1130 00:57:43,180 --> 00:57:45,170 Máme hodiny funkciu tu. 1131 00:57:45,170 --> 00:57:48,450 To je všetko, JavaScript, ktorý sme práve napísali, alebo niektoré z nich. 1132 00:57:48,450 --> 00:57:51,470 Práve sme napísal tento tu. 1133 00:57:51,470 --> 00:57:54,260 A má naviac funkcia, ktorá práve Podložky to 1134 00:57:54,260 --> 00:57:57,790 tým, že nulu predtým písmeno alebo pred číslo, ak je to 1135 00:57:57,790 --> 00:57:59,412 len jeden z nich. 1136 00:57:59,412 --> 00:58:02,120 Takže ak si všimnete, je to celkom Koľko presne to, čo sme práve napísali. 1137 00:58:02,120 --> 00:58:06,230 Máte nejaké premenné hodiny, ktoré má našu element, získať element podľa ID, 1138 00:58:06,230 --> 00:58:07,252 čo je hodín. 1139 00:58:07,252 --> 00:58:08,960 Máme stanovený interval Funkcia, ktorá je 1140 00:58:08,960 --> 00:58:12,670 anonymné funkcie ktorý vykonáva toto všetko. 1141 00:58:12,670 --> 00:58:16,940 Máme niekoľko začína reťazec HTML, ktoré sme potom dynamicky 1142 00:58:16,940 --> 00:58:20,750 generovať tým, že niektorí h1 hlavičky, zreťazenie 1143 00:58:20,750 --> 00:58:23,950 sa dostať hodiny, a Naše hrubého čreva, a ako sa 1144 00:58:23,950 --> 00:58:26,860 minúty, plus ďalšie hrubého čreva, a naše sekundy, 1145 00:58:26,860 --> 00:58:29,330 a nakoniec končí HTML pre neho. 1146 00:58:29,330 --> 00:58:34,210 A potom sme sa aktualizovať naše hodiny dot vnútorný HTML HTML, 1147 00:58:34,210 --> 00:58:37,640 a my aktualizovať každých 100 milisekúnd. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Pozri Sľubujem, že nie som blázon. 1150 00:58:42,470 --> 00:58:43,440 Neviem. 1151 00:58:43,440 --> 00:58:47,160 Neviem, prečo sa ma nemá rád. 1152 00:58:47,160 --> 00:58:54,030 Mám pocit, že vyzerá rovnako, ale zrejme to ma nenávidia. 1153 00:58:54,030 --> 00:58:59,600 >> Tak uvidíme, či okolo tri pôjde lepšie. 1154 00:58:59,600 --> 00:59:00,970 Sme asi vidieť. 1155 00:59:00,970 --> 00:59:02,910 Nie som si istý, ako to pôjde. 1156 00:59:02,910 --> 00:59:06,700 Je každý aspoň získanie cons, ako len všeobecné téma 1157 00:59:06,700 --> 00:59:08,480 JavaScriptu, aj keď? 1158 00:59:08,480 --> 00:59:15,660 Dúfam, že je to najmenej vhodné, viac než o tom, že je to trochu vyberavý. 1159 00:59:15,660 --> 00:59:21,190 Ale váš problém set bude veľmi zábavné. 1160 00:59:21,190 --> 00:59:22,590 Bude to skvelé. 1161 00:59:22,590 --> 00:59:24,820 To nebude úplne ako únavné pretože to, ja si nemyslím, že. 1162 00:59:24,820 --> 00:59:28,100 Budete skutočne dostať do vidieť naozaj cool veci. 1163 00:59:28,100 --> 00:59:31,734 >> Takže v neposlednom rade, skúsime Twitter jeden. 1164 00:59:31,734 --> 00:59:32,900 Ja som naozaj strach teraz, chlapci. 1165 00:59:32,900 --> 00:59:35,762 Ja neviem, ako to pôjde. 1166 00:59:35,762 --> 00:59:39,930 Ale len preto, aby vám niečo viac chuti, a to je vlastne 1167 00:59:39,930 --> 00:59:44,190 manipuláciu reťazca a vstupy, čo budeme robiť 1168 00:59:44,190 --> 00:59:50,960 je, ak môžeme všimnúť, tú s HTML-- tahle má trochu víc-- 1169 00:59:50,960 --> 00:59:57,200 máme nejaké textovú časť, ktorá odpovedá na túto oblasť textu tu. 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 Zmenený sme to trochu s niektorými šírkou a výškou 1173 01:00:04,520 --> 01:00:07,310 že sme vopred určená, a my sme H1, 1174 01:00:07,310 --> 01:00:11,260 čo len je naša jediná hlavičky, ktoré predstavuje odišiel naše postavy. 1175 01:00:11,260 --> 01:00:14,570 Dali sme mu nejaký ID zostávajúce znaky, 1176 01:00:14,570 --> 01:00:18,660 a potom máme nejaké skript tu, čo som naozaj 1177 01:00:18,660 --> 01:00:20,790 dúfa, že tretíkrát to kúzlo tu, chlapi. 1178 01:00:20,790 --> 01:00:26,750 >> Takže to, čo chceme robiť, v rovnakom všeobecnom duchu 1179 01:00:26,750 --> 01:00:31,480 že sme urobili s hodinami dot JS a strany dot js ako sme si všimli, 1180 01:00:31,480 --> 01:00:35,980 je, že sme začali by skutočne chytí veci, ktoré sa staráme o, nie? 1181 01:00:35,980 --> 01:00:42,330 Takže v tomto prípade, sú tam dva veci, ktoré sa staráme o, OK? 1182 01:00:42,330 --> 01:00:47,199 Jedna vec, že ​​sme vlastne trochu hľadá do a čerpanie dát z, 1183 01:00:47,199 --> 01:00:48,990 a jedna vec, ktorá sme skutočne mení. 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 Ak je to naše webové stránky tu, čo je údaje, ktoré sme pri pohľade na? 1187 01:01:00,370 --> 01:01:03,860 Bude to byť čokoľvek Text v našich krabiciach, že jo? 1188 01:01:03,860 --> 01:01:05,310 Tak čo som písať tu. 1189 01:01:05,310 --> 01:01:08,150 To je to, čo chcem vedieť, alebo to je to, čo chcem pozrieť. 1190 01:01:08,150 --> 01:01:10,690 A to, čo sa bude meniace sa na našich webových stránkach? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Zostávajúce znaky. 1193 01:01:14,880 --> 01:01:19,550 Tak rovnakým spôsobom, chceme začať tým, že inicializácia premenných 1194 01:01:19,550 --> 01:01:22,030 že vlastne držať týchto prvkov. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Takže ak budeme mať niektoré var to je náš text priestor, 1197 01:01:29,930 --> 01:01:33,681 a máme nejaké var, ktorá je zostávajúce. 1198 01:01:33,681 --> 01:01:34,180 Je to tak? 1199 01:01:34,180 --> 01:01:36,190 Tak to sa bude držať tieto dve veci. 1200 01:01:36,190 --> 01:01:42,370 Takže rovnaký druh veci, Dokument dot-- OK, ja som 1201 01:01:42,370 --> 01:01:45,920 chystá sa ubezpečil, je to chodiť do práce tentoraz. 1202 01:01:45,920 --> 01:01:49,620 Som veľmi neoblomný. 1203 01:01:49,620 --> 01:01:53,310 OK, takže ak chceme, aby naše textová oblasť, podľa 1204 01:01:53,310 --> 01:01:55,710 k nášmu HTML, čo je naša identifikátor? 1205 01:01:55,710 --> 01:01:56,420 Aký je náš Id? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Je to len bude textu, pretože vytvára našu textovú oblasť, OK, 1208 01:02:05,540 --> 01:02:10,320 a naša Id je text, tak to je ako môžeme uchopiť to, čo tam je. 1209 01:02:10,320 --> 01:02:12,130 OK, bodkočiarka. 1210 01:02:12,130 --> 01:02:13,940 Budem byť super presné o tom, 1211 01:02:13,940 --> 01:02:16,300 preto, že chcem, aby to fungovalo tentoraz. 1212 01:02:16,300 --> 01:02:22,120 OK, robia to isté, dostať element Id. 1213 01:02:22,120 --> 01:02:25,970 Ja som naozaj premýšľal, čo má spôsobil ďalšie dva pokaziť. 1214 01:02:25,970 --> 01:02:29,750 OK, potom sa v tomto jednom, to, čo chceme získať prístup? 1215 01:02:29,750 --> 01:02:30,760 Čo je to tu náš Id? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Máme ďalšie Id v náš HTML, čo je to? 1218 01:02:36,261 --> 01:02:37,552 Divákov: zostávajúcich znakov. 1219 01:02:37,552 --> 01:02:39,343 ALLISON Buchholtz-AU: Zvyšných znakov. 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 som len tak napísať to naozaj rýchlo. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Ja som jednoducho ísť písať to na druhom mieste. 1226 01:02:55,330 --> 01:02:56,190 Tak textová oblasť. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Čo je zaujímavé, je B tam function-- spústa funkcií, ktoré nielen 1229 01:03:06,180 --> 01:03:09,690 zodpovedajú vašim myš, ale vaša klávesnica. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Takže môžete povedať, keď niektorý kľúč lisované, môžete robiť veci, ako to. 1232 01:03:16,540 --> 01:03:20,450 Takže ten, ktorý sme s použitím sa nazýva na kľúč up, ktorý 1233 01:03:20,450 --> 01:03:25,320 hovorí: "ak ste stlačením ľubovoľného tlačidla na klávesnice, keď používateľ pozdvihlo 1234 01:03:25,320 --> 01:03:28,064 Ich prst off toto tlačidlo, a kľúč sa stal nelisovaný, 1235 01:03:28,064 --> 01:03:29,480 potom budeme niečo robiť. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Tak to má zmysel, že jo? 1238 01:03:31,370 --> 01:03:33,540 Vzhľadom k tomu, každý znak sme typu, ideme 1239 01:03:33,540 --> 01:03:36,550 musieť zdvihnúť prsty off z toho, takže keď kľúč ide hore, 1240 01:03:36,550 --> 01:03:40,980 môžeme spoznať pre zníženie Zostávajúce naše postavy. 1241 01:03:40,980 --> 01:03:44,440 >> Takže máme nejaké na kľúč hore, a rovnakým spôsobom, 1242 01:03:44,440 --> 01:03:47,480 budeme hovoriť, "OK, keď to urobíme, my 1243 01:03:47,480 --> 01:03:55,110 sa chystáte vytvoriť nejakú funkciu, ktorá bude trvať e ", v tomto prípade, 1244 01:03:55,110 --> 01:03:58,800 a to, čo chceme urobiť, je výpočet počtu zostávajúce. 1245 01:03:58,800 --> 01:04:02,510 OK, takže poďme jednoducho začať vytvorením premenné. 1246 01:04:02,510 --> 01:04:05,830 Takže máme nejaké premenné r, že to bude reprezentovať 1247 01:04:05,830 --> 01:04:07,720 koľko znakov, čo nám zostalo. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Vieme, že začneme s 140, a ak chceme vedieť, 1250 01:04:14,540 --> 01:04:18,360 povedzme, na dobu trvania tejto Reťazec, ktorý to už vstup, 1251 01:04:18,360 --> 01:04:20,860 Myslíte si, chlapci majú nejakú predstavu, ako by sme mohli urobiť, že? 1252 01:04:20,860 --> 01:04:23,900 Len na základe preč zrejmý veci, ako keby sme chceli hodín, 1253 01:04:23,900 --> 01:04:25,870 sme si hodiny. 1254 01:04:25,870 --> 01:04:28,860 Vieme, že náš objekt je textová oblasť, ale mohol by ste chlapci 1255 01:04:28,860 --> 01:04:33,050 premýšľať o tom, čo by mohlo prísť po ňom? 1256 01:04:33,050 --> 01:04:35,280 Nejaké nápady? 1257 01:04:35,280 --> 01:04:41,730 >> Tak toto je trochu menej intuitívne, ale to je hodnota dĺžky bodka. 1258 01:04:41,730 --> 01:04:44,700 Tak mi daj trochu hodnotu atribútu, že 1259 01:04:44,700 --> 01:04:46,500 je vlastne dĺžka tohto reťazca. 1260 01:04:46,500 --> 01:04:50,340 Takže to bude hovoriť, "OK, pozerám v celom tohto reťazca v textovom poli, 1261 01:04:50,340 --> 01:04:52,730 a budem rozprávať vám, ako dlho to je. " 1262 01:04:52,730 --> 01:04:55,500 Vzhľadom k tomu, ak si spomenieme reťazca sú naozaj len polia, 1263 01:04:55,500 --> 01:04:58,110 takže môžeme len vziať dĺžku 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 >> Potom, čo chceme urobiť, je, že sme nikdy nechcem, aby užívateľ 1267 01:05:09,360 --> 01:05:12,340 pre vloženie viac než 140 znakov, je to tak? 1268 01:05:12,340 --> 01:05:15,610 Vzhľadom k tomu, povieme-li, ako: "Ach, vy mať iba toľko zostáva, " 1269 01:05:15,610 --> 01:05:20,522 a potom nech im to Tak ako tak, sme ležal. 1270 01:05:20,522 --> 01:05:22,230 A to je ďalší vec, ktorá JavaScript 1271 01:05:22,230 --> 01:05:24,530 môže byť naozaj dobrá pre, je validácia užívateľ 1272 01:05:24,530 --> 01:05:29,062 a uistite sa, že vaša Užívateľ zapadá do všetkých pravidiel 1273 01:05:29,062 --> 01:05:30,270 že ste im poskytnuté. 1274 01:05:30,270 --> 01:05:36,020 Takže ak chcete robiť veci, ako je vytváranie istí, že niekto vstup ich e-mailovú adresu, 1275 01:05:36,020 --> 01:05:40,242 alebo uistite sa, že keď sa zadajte dve heslá, ktoré uzavrelo. 1276 01:05:40,242 --> 01:05:41,200 JavaScript môže urobiť. 1277 01:05:41,200 --> 01:05:44,010 Tie by sa niečo také, "keď odoslaním formulára, "alebo podobne, 1278 01:05:44,010 --> 01:05:48,170 "Keď tlačidlo Odoslať formulár je kliknutí, skontrolujte všetky tieto veci. " 1279 01:05:48,170 --> 01:05:49,670 A to môžeme urobiť JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Tak to je práve to, čo budeme robiť tu. 1281 01:05:52,680 --> 01:05:57,810 >> Takže to, čo by mohlo byť spôsobom, ako zistiť, či že som už viac ako 140 znakov? 1282 01:05:57,810 --> 01:06:03,310 Čo sa stane, aby Naše hodnota R, ak sa snaží? 1283 01:06:03,310 --> 01:06:04,760 Bude to byť negatívne, nie? 1284 01:06:04,760 --> 01:06:07,380 Alebo to bude menej než alebo sa rovná nule. 1285 01:06:07,380 --> 01:06:13,690 Takže môžeme použiť v prípade, že je rovnako ako všetko ostatné. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 A máme nejaký text plochu dot hodnoty, a to, čo tu robíme 1288 01:06:20,480 --> 01:06:29,940 je, že sme len cutting-- čo je to? 1289 01:06:29,940 --> 01:06:30,900 Prepáčte. 1290 01:06:30,900 --> 01:06:32,732 Ten, my jednoducho chceme sa vrátiť false. 1291 01:06:32,732 --> 01:06:34,030 Dostal som zmätená. 1292 01:06:34,030 --> 01:06:36,560 Všetky rozštiepené z vecí nefunguje. 1293 01:06:36,560 --> 01:06:40,010 OK, len chceme, aby return false, a potom sme 1294 01:06:40,010 --> 01:06:44,160 chcete zobraziť zostávajúce znaky, nie? 1295 01:06:44,160 --> 01:06:48,720 Tak s hodinami, sme urobili niečo s vnútorným HTML, nie? 1296 01:06:48,720 --> 01:06:52,070 Tam, kde sme si stanovili, že sa rovná niektoré variabilný, takže to, čo môžeme robiť? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 To, čo sa meníme vnútorný kód HTML? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> Divákov: Zvyšné? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON Buchholtz-AU: Meníme zostávajúce. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Dobre, a čo my Chcete nastaviť rovná? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Je to bude r, pretože to by mala byť zostávajúce naše postavy. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Takže som naozaj nervózny, aby zistil, či to funguje teraz, ale uvidíme. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Nechajte to. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 To je naozaj rýchly. 1312 01:07:37,700 --> 01:07:38,970 [Nepočuteľné] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Opäť platí, že ja som len ukážem. 1315 01:07:45,990 --> 01:07:49,430 Z nejakého dôvodu, moja rozhodne, že nebude fungovať, 1316 01:07:49,430 --> 01:07:53,354 ale to, čo som vám ukážem, že to je-- oh som mal dať, že. 1317 01:07:53,354 --> 01:07:57,470 OK, sme si všimli rovnaký druh to tu, ako sa na oblasť textu. 1318 01:07:57,470 --> 01:08:01,070 >> Tiež, ak máte chlap oznámenia, ak je to niekedy niečo, čo chcete robiť, 1319 01:08:01,070 --> 01:08:04,080 a neviete, ako to urobiť to, stačí kliknúť na Zobraziť zdrojový kód stránky, 1320 01:08:04,080 --> 01:08:06,632 a oni ti to povedať. 1321 01:08:06,632 --> 01:08:07,840 Niekedy to bude šifrovaná. 1322 01:08:07,840 --> 01:08:11,147 Pre vaše pset sme šifrovať všetko, tak to proste vyzerá ako blábol. 1323 01:08:11,147 --> 01:08:13,480 Ale či je to vôbec vážne pohode webové stránky, ktoré sa vám páčia, 1324 01:08:13,480 --> 01:08:17,729 ak ste práve na tlačidlo Zobraziť zdrojový kód stránky, to ti povedať, ako na to. 1325 01:08:17,729 --> 01:08:20,770 Takže znovu, pracovať chytrejšie, nie viac. 1326 01:08:20,770 --> 01:08:24,250 A ako vidíte tu, všetci tieto veci sú rovnaké. 1327 01:08:24,250 --> 01:08:31,930 toto tu len trvá nejaký podreťazec to, že som zabudol, presne to, čo to robí. 1328 01:08:31,930 --> 01:08:36,980 Ale to samozrejme zaberie nejaký podreťazec hodnoty od nuly do desať, 1329 01:08:36,980 --> 01:08:41,540 a vráti false, čo by malo prestať užívateľ od zadania už, 1330 01:08:41,540 --> 01:08:46,040 a potom samozrejme aktualizuje vnútorné HTML tam. 1331 01:08:46,040 --> 01:08:47,410 >> Super. 1332 01:08:47,410 --> 01:08:53,000 Tak veľké odoberie aways odo dneška, experiment, pozrite sa na zdrojový kód 1333 01:08:53,000 --> 01:08:58,359 pretože to bude vám veľa, a všetci, niekedy JavaScript 1334 01:08:58,359 --> 01:09:03,200 môže byť ťažké pracovať a nie vždy pracovať tak, ako to očakávate, 1335 01:09:03,200 --> 01:09:05,700 ale len snaží udržať pretože Sľubujem, že áno. 1336 01:09:05,700 --> 01:09:08,376 Sľubujem, že všetky z týchto príkladov pracovali pred triedou. 1337 01:09:08,376 --> 01:09:09,750 Nechápem, čo sa stalo. 1338 01:09:09,750 --> 01:09:13,069 Doslova som všetko rovnaké. 1339 01:09:13,069 --> 01:09:17,660 >> A ešte jedna vec, ktorú chcem, aby ukázať vám chlapci, ktoré môžu byť super užitočný 1340 01:09:17,660 --> 01:09:21,630 Je in-- čo pracoval predtým? 1341 01:09:21,630 --> 01:09:23,935 Máme párty do práce, nie? 1342 01:09:23,935 --> 01:09:26,569 Myslím, že áno. 1343 01:09:26,569 --> 01:09:27,069 Áno. 1344 01:09:27,069 --> 01:09:27,630 Urobili sme. 1345 01:09:27,630 --> 01:09:28,250 Desivý. 1346 01:09:28,250 --> 01:09:31,189 OK, takže jedna vec, ktorá Mali by ste vedieť 1347 01:09:31,189 --> 01:09:33,340 je log konzoly, ktoré som hovoril. 1348 01:09:33,340 --> 01:09:37,040 Takže konzola 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 ak ste niekedy chceli, aby skontrolujte, či vaše premenné 1351 01:09:42,810 --> 01:09:49,649 alebo zistiť, čo sa tam deje, čo sa môžete urobiť, je, ak budeme kontrolovať prvok, 1352 01:09:49,649 --> 01:09:51,899 je to, čo budete chcieť ísť k, a idete do konzoly, 1353 01:09:51,899 --> 01:09:53,770 uvidíte, že to vytlačí ahoj. 1354 01:09:53,770 --> 01:09:55,750 >> Takže sme mohli mať tlač, čo sme chceli. 1355 01:09:55,750 --> 01:10:04,170 Ak by sme chceli, aby tlač pozadie dot štýl dot background, 1356 01:10:04,170 --> 01:10:08,454 mali by sme byť schopní vidieť RGB triple, že príde. 1357 01:10:08,454 --> 01:10:11,140 Alebo nie. 1358 01:10:11,140 --> 01:10:13,520 Zabudol som presne, ako sa vytlačiť premenné, ako je to, 1359 01:10:13,520 --> 01:10:17,249 ale mali by ste byť schopní vytlačiť také veci. 1360 01:10:17,249 --> 01:10:19,040 Že bude veľmi užitočné pre vašu pset kedy 1361 01:10:19,040 --> 01:10:23,330 snažíte manipulovať koordinuje alebo ktovie čo ešte. 1362 01:10:23,330 --> 01:10:25,270 A tak sa tiež zmeniť toto dielo vo svojej triede. 1363 01:10:25,270 --> 01:10:30,750 To sa líši od posledných rokov, takže len pekné svojim TFS, alebo TFS 1364 01:10:30,750 --> 01:10:36,350 v úradných hodinách skôr preto, že sme druh učenia spolu s vami. 1365 01:10:36,350 --> 01:10:41,230 Ale log konzoly bola super, super užitočné pre JavaScript v minulom roku. 1366 01:10:41,230 --> 01:10:42,740 Tak milovať. 1367 01:10:42,740 --> 01:10:43,780 Naučte sa, ako ju používať. 1368 01:10:43,780 --> 01:10:49,026 Je to jednoduchšie, než GDB, takže by mala byť aspoň plus bod. 1369 01:10:49,026 --> 01:10:50,650 Ale vďaka chlapci sú ložiská so mnou. 1370 01:10:50,650 --> 01:10:53,400 Je mi ľúto, že my Príklady z nejakého dôvodu 1371 01:10:53,400 --> 01:10:55,410 proste nechcel spolupracovať so mnou, ale ja 1372 01:10:55,410 --> 01:11:01,010 dúfam, že to pomohlo trochu vám trochu viac v zóne JavaScript. 1373 01:11:01,010 --> 01:11:04,980 A pošlite mi všetky vaše otázky budúci týždeň, takže môžem byť super opraviť, 1374 01:11:04,980 --> 01:11:09,420 a ja ti prinesiem cukrík a dokonca aj extra cukroví, pretože to bolo smiešne. 1375 01:11:09,420 --> 01:11:14,000 Ale vy ste skvelé, a majú skvelý týždeň. 1376 01:11:14,000 --> 01:11:15,584