1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON BUCHHOLTZ-AU: U redu svi. 3 00:00:12,340 --> 00:00:13,520 Dobro došli natrag u odjeljak. 4 00:00:13,520 --> 00:00:15,315 To je naša pretposljednje poglavlje. 5 00:00:15,315 --> 00:00:16,542 To je tako tužno. 6 00:00:16,542 --> 00:00:19,500 Ne znam što ću učiniti ne vidim ti dečki svakog ponedjeljka. 7 00:00:19,500 --> 00:00:20,970 Mislim da bismo trebali just-- Možda bismo mogli jednostavno 8 00:00:20,970 --> 00:00:22,710 upoznati ovdje i imati večeru ili nešto. 9 00:00:22,710 --> 00:00:23,270 Ne znam. 10 00:00:23,270 --> 00:00:24,370 Ja ću donijeti hranu umjesto. 11 00:00:24,370 --> 00:00:26,290 Samo ćemo razgovarati. 12 00:00:26,290 --> 00:00:29,900 Ali da, sljedeći tjedan će biti naš zadnji dio. 13 00:00:29,900 --> 00:00:32,390 >> Na toj bilješci, imate kviz sljedeći tjedan. 14 00:00:32,390 --> 00:00:35,660 Znam da sam zaboravio da radim svoj, kao što je, Obavijest dva tjedna unaprijed prošlog tjedna, 15 00:00:35,660 --> 00:00:39,140 ali nadamo se da dečki Znao je to dolazi. 16 00:00:39,140 --> 00:00:42,880 Nadam se da je ovo jedan od posljednja midterms za vas dečki za semestar. 17 00:00:42,880 --> 00:00:46,950 No, to će pokriti sve materijal koji smo otišli preko. 18 00:00:46,950 --> 00:00:50,811 Dakle, to nije kao što možete jednostavno zaboraviti oko četiri petlje ili varijabli. 19 00:00:50,811 --> 00:00:52,560 Budući da smo naučili oni u početku, 20 00:00:52,560 --> 00:00:55,870 oni su očito fer igra za svoj kviz. 21 00:00:55,870 --> 00:01:00,150 >> To će biti isti format, isti Duljina, tako da su već naviknuti na to. 22 00:01:00,150 --> 00:01:02,330 Tu će biti kodiranje rukom problemima, 23 00:01:02,330 --> 00:01:06,270 možda neki istina lažni, možda neki kratki odgovor. 24 00:01:06,270 --> 00:01:08,090 Dakle, što bi trebao biti upoznati s formatu, 25 00:01:08,090 --> 00:01:10,940 pogotovo ako se uzme U praksi testovi. 26 00:01:10,940 --> 00:01:13,950 Ali kao što sam rekao ovdje, to je kumulativno, ali mi smo svakako 27 00:01:13,950 --> 00:01:17,410 će se usredotočiti na stvari od tjedan dana šest dalje. 28 00:01:17,410 --> 00:01:24,050 Dakle, mi smo vjerojatno ne ide vas pitati o tome koliko je bajtova 29 00:01:24,050 --> 00:01:26,180 u svakoj vrsti ili one vrste stvari, 30 00:01:26,180 --> 00:01:29,730 ali vjerojatno će biti zainteresirani za stvari kao što su povezane liste, 31 00:01:29,730 --> 00:01:32,750 ili različite strukture podataka, ili različiti algoritmi 32 00:01:32,750 --> 00:01:33,960 da smo razgovarali o tome. 33 00:01:33,960 --> 00:01:38,990 Tako bi bili sigurni da ste doista se na one koji, i ako vas 34 00:01:38,990 --> 00:01:41,590 potrebno sve resurse, Ovdje je puno resursa. 35 00:01:41,590 --> 00:01:44,790 Upravo sam ti dao kakav od brzog popisa tamo. 36 00:01:44,790 --> 00:01:48,330 >> Sljedeći tjedan će biti kviz pregled u ovom trenutku. 37 00:01:48,330 --> 00:01:52,290 Dakle, ako imate bilo kakvih pitanja ili određene teme, 38 00:01:52,290 --> 00:01:56,180 određene stvari na kviz koji želite ići preko, molimo 39 00:01:56,180 --> 00:02:01,780 pošalji mi ih ispred vremena, tako da mogu vrsta pripremiti neke materijale za to. 40 00:02:01,780 --> 00:02:06,310 I osim toga poglavlje pregled, provjerit ćemo 41 00:02:06,310 --> 00:02:09,616 Također se drži tečaj na razini pregled kao što smo učinili prošli put. 42 00:02:09,616 --> 00:02:11,490 I to će biti učinjeno od strane istih ljudi. 43 00:02:11,490 --> 00:02:13,030 Ne znam je li to čini bolje ili lošije, 44 00:02:13,030 --> 00:02:15,670 ali to će biti ja, Hannah, Davan, a Gabe opet. 45 00:02:15,670 --> 00:02:18,630 Dakle, ako želite doći vidjeti sve nas šala međusobno 46 00:02:18,630 --> 00:02:21,270 i vas kroz kviz pregled, svakako biste trebali 47 00:02:21,270 --> 00:02:22,600 doći do tog ponedjeljka također. 48 00:02:22,600 --> 00:02:26,210 Tako ćete samo zastoj ponedjeljak pakiran u kvizu pregleda, što je dobro 49 00:02:26,210 --> 00:02:29,840 jer tada imate utorak obraditi kroz sve. 50 00:02:29,840 --> 00:02:32,230 >> No, svakako da provjerite iz tih izvora. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net je daleko, ja mislim, jedan od najkorisnijih, 52 00:02:36,030 --> 00:02:37,990 uglavnom zato što ima Puno uzorak koda, 53 00:02:37,990 --> 00:02:40,490 to je sve utičnice sa svim bilješkama o tome, 54 00:02:40,490 --> 00:02:44,510 koji su zapravo ono što najviše privući moji sekcija materijala iz. 55 00:02:44,510 --> 00:02:47,480 Ako postoji nešto u prethodna dijelovi koje sam možda šalju 56 00:02:47,480 --> 00:02:49,920 da ne mogu imati stečen, samo javite mi. 57 00:02:49,920 --> 00:02:52,520 Kao prošlotjednog uzorak koda, Ako netko ne bi da je, 58 00:02:52,520 --> 00:02:55,930 Samo mi e-mail ili dolaze razgovarati sa mnom, a ja ću se pobrinuti da dobijete to. 59 00:02:55,930 --> 00:03:02,000 >> Dakle s tim, danas nam se događa da se govori o tome JavaScript. 60 00:03:02,000 --> 00:03:04,690 Dakle, ovdje mi Tommy, koji je sam bio Upravo razgovor s tobom sinoć. 61 00:03:04,690 --> 00:03:06,670 Volim Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript je njegova omiljena jezik, kako kaže ovdje. 63 00:03:09,040 --> 00:03:14,050 Oni će pokušati vam reći da je Nije najbolje, i oni će biti u redu. 64 00:03:14,050 --> 00:03:16,510 Dakle, Tommy je JavaScript majstor. 65 00:03:16,510 --> 00:03:19,850 Nisam baš na njegov razini, ali sam bio kao, 66 00:03:19,850 --> 00:03:22,900 "Tommy, kako mogu naučiti ovi klinci JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Tako sam dobio neke savjete, pa nadam se da raditi. 68 00:03:26,700 --> 00:03:31,140 >> Dakle, par stvari koje trebate znati je da JavaScript je klijent-side skriptni 69 00:03:31,140 --> 00:03:35,560 jezik, pa dok PHP nešto koje smo smatrali više na strani poslužitelja, 70 00:03:35,560 --> 00:03:39,280 to je uploadati na server, sastaviti i izvršiti tu. 71 00:03:39,280 --> 00:03:42,871 Ovaj se izvršava na vlastitom stroju. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Tako ćete učitati neke JavaScript stranici, i izvršava na vašem računalu. 74 00:03:46,960 --> 00:03:49,910 Sintaksa je vrlo sličan C i PHP. 75 00:03:49,910 --> 00:03:52,490 Mi ćemo proći kroz neki primjeri JavaScript, 76 00:03:52,490 --> 00:03:56,740 i ti ćeš vidjeti da način na koji smo razgovarati o varijabli, petlje, 77 00:03:56,740 --> 00:03:58,910 a uvjeti su vrlo slični. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Činjenica da su toliko slični se Vjerojatno će se spotaknuti neki od vas 80 00:04:04,490 --> 00:04:08,529 se, u nekim slučajevima, samo zato ćete uključiti malo C 81 00:04:08,529 --> 00:04:09,570 tamo gdje ne bi trebalo biti. 82 00:04:09,570 --> 00:04:14,130 Možda ćete pokušati upisati nešto kad ne treba pisati. 83 00:04:14,130 --> 00:04:16,540 >> I na tome, jedna stvar zna se da je JavaScript 84 00:04:16,540 --> 00:04:19,360 je dinamički upisali jezik, kao što je PHP. 85 00:04:19,360 --> 00:04:21,410 Dakle, ako ste vi sjećate iz odjeljka prošlog tjedna, 86 00:04:21,410 --> 00:04:23,680 kad smo bili vrsta radi naša PHP ubrzani tečaj, 87 00:04:23,680 --> 00:04:28,860 Vidjeli smo kako je niz moglo bi biti pretvorio u int jednu, i tako dalje. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Vrsta svoje varijabli određuju u vrijeme izvođenja, 90 00:04:34,850 --> 00:04:38,180 tako da oni mogu mijenjati tijekom tijek programa, 91 00:04:38,180 --> 00:04:43,109 i na isti način na koji mi nikada stvarno proglasiti vrste za PHP varijable, 92 00:04:43,109 --> 00:04:45,900 ćemo raditi isto stvar ovdje, gdje smo zapravo i nije 93 00:04:45,900 --> 00:04:49,740 kontrolu vrste naših varijabli, da tako kažemo, kao što smo učinili u C. 94 00:04:49,740 --> 00:04:52,200 >> I onda jedno to je baš fora je 95 00:04:52,200 --> 00:04:54,090 koje možete pogrešaka provjeriti putem konzole, 96 00:04:54,090 --> 00:04:57,240 s ovom velikom funkcije console.log, koji 97 00:04:57,240 --> 00:05:00,930 omogućuje vam ispis drugačije varijable ili predmete da ćemo 98 00:05:00,930 --> 00:05:01,750 razgovarati o tome. 99 00:05:01,750 --> 00:05:05,720 Baš kao i prošlog tjedna, kada sam bio kao što su, "koristiti ovu funkciju," sa smetlišta 100 00:05:05,720 --> 00:05:10,490 iz svog pset to je funkcija želite koristiti, console.log. 101 00:05:10,490 --> 00:05:12,860 Bio sam toliko iznenađen koliko studenti radnog vremena 102 00:05:12,860 --> 00:05:14,530 ne znam o funkciji odlagalište. 103 00:05:14,530 --> 00:05:19,010 I ja sam bio kao, "dečki, to će učiniti vaš život mnogo lakše. " 104 00:05:19,010 --> 00:05:22,960 >> U redu, tako da je vrsta Samo kratka stvar, kao i uvijek, 105 00:05:22,960 --> 00:05:24,000 imamo primjere. 106 00:05:24,000 --> 00:05:25,600 Znam da dečki vole one. 107 00:05:25,600 --> 00:05:30,930 Dakle, ovdje je primjer vrlo Jednostavan JavaScript podnijeti ovdje. 108 00:05:30,930 --> 00:05:34,000 Dakle, to je samo ide za stvaranje ovaj pop-up koji kaže, 109 00:05:34,000 --> 00:05:36,336 "Hello World", kad vas unesite stranicu, ali neka je 110 00:05:36,336 --> 00:05:37,960 pokušati proći kroz ovaj malo. 111 00:05:37,960 --> 00:05:43,440 Dakle, očito je to samo kao što je vaša normalan index.html. 112 00:05:43,440 --> 00:05:50,280 Dakle, samo je naša normalno predložak ovdje, a imamo HTML, imamo glavu, 113 00:05:50,280 --> 00:05:55,580 i baš kao i sa CSS, kako bismo uključene neke vanjske datoteke, zar ne? 114 00:05:55,580 --> 00:05:59,260 Imamo neku vrstu skripte Tekst koji je JavaScript. 115 00:05:59,260 --> 00:06:02,680 A izvor je hello.js, što je ovdje dolje. 116 00:06:02,680 --> 00:06:05,630 To je cijela datoteke hello.js. 117 00:06:05,630 --> 00:06:09,080 I onda imamo neke Naslov a neki Tijelo HTML 118 00:06:09,080 --> 00:06:11,050 da mi stvarno ne stalo. 119 00:06:11,050 --> 00:06:15,970 >> Ono što se događa je, kad smo učitati ovu stranicu, automatski izvršava ovu skriptu. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Dakle JavaScript hoće izvršiti automatski. 122 00:06:18,790 --> 00:06:22,860 Dakle, ono što će učiniti, to se događa odmah ići i izvršiti ovo. 123 00:06:22,860 --> 00:06:24,110 A to će reći, "upozorenje. 124 00:06:24,110 --> 00:06:25,190 Pozdrav svijetu ". 125 00:06:25,190 --> 00:06:30,840 Koji je upozorenje funkcija zapravo stvara taj okvir. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Dakle, to je vrsta obuhvatim. 128 00:06:33,390 --> 00:06:36,700 Nema ništa extra smo imali učiniti osim samo na oprezu, 129 00:06:36,700 --> 00:06:40,000 a onda ono što smo htjeli unutar naše Alert kutije. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Dakle, to je samo super jednostavan primjer onoga što može učiniti JavaScript. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Jedan od stvarno cool stvari, kao što ćemo vidjeti, 134 00:06:50,070 --> 00:06:55,150 je da vam omogućuje JavaScript manipulirati svoje web stranice, 135 00:06:55,150 --> 00:06:57,720 bez učitati ih svaki put. 136 00:06:57,720 --> 00:07:01,830 Dakle, ako ste want-- primjer, ako ti si lebdi nad nečim, 137 00:07:01,830 --> 00:07:04,300 Ako ti dečki ikada vidi se kao izbornik trake, 138 00:07:04,300 --> 00:07:07,360 ili kada prelazite preko nekih tema, pojavljuje se izbornik Drop-down, 139 00:07:07,360 --> 00:07:08,670 to je zbog JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Pa niste pretovara cjelokupni stranica da bi ovaj izbornik da se pojavi, 142 00:07:12,670 --> 00:07:17,240 ste samo u potrazi za neke specifične akcija koje korisnik preuzme, 143 00:07:17,240 --> 00:07:21,800 koji se nazivaju događaje koji ćemo dobiti u, a kada vidite da je, kažeš, 144 00:07:21,800 --> 00:07:25,960 "OK, uređivanje nešto na ovu stranica i čine ga izgledaju drugačije, 145 00:07:25,960 --> 00:07:28,270 ali samo urediti te određene stvari. 146 00:07:28,270 --> 00:07:29,690 Ne učitati cijelu stvar. " 147 00:07:29,690 --> 00:07:33,110 Dakle, to je zapravo mnogo ljepše, a ne morate se ponovno učitati vaše stranice, 148 00:07:33,110 --> 00:07:34,510 i to je stvarno cool. 149 00:07:34,510 --> 00:07:38,270 >> Dakle, varijabilni izjave, tako da možete vrsta vidjeti, 150 00:07:38,270 --> 00:07:40,530 Stavio sam na vrhu ovdje, labavo upisali. 151 00:07:40,530 --> 00:07:42,570 Dakle, to je vrlo slično kao PHP. 152 00:07:42,570 --> 00:07:48,770 Ne morate reći JavaScript ono tipa smo 153 00:07:48,770 --> 00:07:50,740 očekujući svaki od tih varijabli se. 154 00:07:50,740 --> 00:07:52,560 Oni mogu biti što god želimo vrste. 155 00:07:52,560 --> 00:07:57,480 Tako ćete primijetiti u ovom slučaju, izjavljujemo ih vrlo jednostavno, samo s "var" 156 00:07:57,480 --> 00:08:00,990 a onda ono što želimo naše ime varijable biti. 157 00:08:00,990 --> 00:08:05,680 Jedna stvar na umu je da kada staviti var ispred ime varijable, 158 00:08:05,680 --> 00:08:07,520 je lokalno ga opsezima. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 To je potpuno razumno za vas potpuno jednostavno izbrisati var 161 00:08:14,025 --> 00:08:18,970 i samo s jednako CS50, a da bi samo biti globalna varijabla. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Tako da možete ga inicijalizirati u oba smjera, samo ovisi o tome kako vi to želite. 164 00:08:22,490 --> 00:08:24,448 Dakle, ako ste inicijalizacije je u funkciji, 165 00:08:24,448 --> 00:08:28,070 i želite da varijabla u ostati scoped u toj funkciji, 166 00:08:28,070 --> 00:08:31,620 ti si idući u ištanje za napraviti nešto poput var ime varijable, 167 00:08:31,620 --> 00:08:34,270 nasuprot, ako ga želiš globalno scoped, što 168 00:08:34,270 --> 00:08:36,240 možete jednostavno napraviti ime promjenjiva, a zatim 169 00:08:36,240 --> 00:08:38,270 što god želite da postavite jednaka. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> To je vrsta cool stvar ovdje, jer ako primijetite naša varijabla 172 00:08:45,580 --> 00:08:47,590 b počinje kao istina. 173 00:08:47,590 --> 00:08:51,280 A što to može does-- tko reći mene što to radi? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Dakle, imamo neke upozorenja. 176 00:08:55,890 --> 00:09:00,156 Što bi tip B biti u početku? 177 00:09:00,156 --> 00:09:00,905 PUBLIKA: Boolean. 178 00:09:00,905 --> 00:09:01,330 ALLISON BUCHHOLTZ-AU: Boolean. 179 00:09:01,330 --> 00:09:01,940 Pravo. 180 00:09:01,940 --> 00:09:07,260 A onda ćemo preraspodijeliti B ovom nizu, zar ne? 181 00:09:07,260 --> 00:09:11,170 Dakle ovdje, što tip B biti? 182 00:09:11,170 --> 00:09:12,480 Bilo bi string, zar ne? 183 00:09:12,480 --> 00:09:14,900 Dakle, ono što je važno obavijest da je u C, što 184 00:09:14,900 --> 00:09:17,330 može gotovo nikad ne nešto slično. 185 00:09:17,330 --> 00:09:22,000 Morali bismo imati varijablu, baci ga kao nešto drugo, 186 00:09:22,000 --> 00:09:27,185 možda napraviti neke funkcije s dva I, ide od zadužen za cijeli broj. 187 00:09:27,185 --> 00:09:31,063 Ali ako primijetite ovdje, b Vrlo lako se mijenja tip. 188 00:09:31,063 --> 00:09:33,760 >> PUBLIKA: Čekaj, tako da možete jednostavno biti poput, "napraviti b cijeli broj?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON BUCHHOLTZ-AU: Da. 190 00:09:34,360 --> 00:09:36,185 Vi samo možete preraspodijeliti B na cijeli broj. 191 00:09:36,185 --> 00:09:36,910 >> PUBLIKA: Stvarno? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON BUCHHOLTZ-AU: Da. 193 00:09:38,035 --> 00:09:39,810 A onda će biti int. 194 00:09:39,810 --> 00:09:43,820 Dakle, vaši varijable mogu mijenjati tijekom Naravno programa previše. 195 00:09:43,820 --> 00:09:46,410 Oni nisu strogo upisali. 196 00:09:46,410 --> 00:09:49,180 To je vrlo labavo upisali. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Uglavnom vaši varijable može raditi što god oni žele, kao što smo vidjeli vrsta s PHP. 199 00:09:54,820 --> 00:09:59,430 Oni mogu napraviti neke lude stvari, tako važno je biti prilično oprezan. 200 00:09:59,430 --> 00:10:01,200 Ime svoje varijable dobro. 201 00:10:01,200 --> 00:10:03,450 Ako ne, odjednom ti si idući u biti kao što je, 202 00:10:03,450 --> 00:10:05,783 "Čekajte, mislila sam da je to string, a sada je int, 203 00:10:05,783 --> 00:10:08,170 a nisam baš siguran što se događa ovdje. " 204 00:10:08,170 --> 00:10:12,410 Dakle, ovo je samo jednostavan primjer pokazujući kako varijabla može lako 205 00:10:12,410 --> 00:10:15,890 promijeniti svoj tip više Tijek programa. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Tako bi to trebalo izgledati super, super upoznati. 208 00:10:19,200 --> 00:10:21,510 Dakle, to su naši petlje u JavaScriptu. 209 00:10:21,510 --> 00:10:27,780 Oni su isti, osim za umjesto četiri int i jednaka nuli, 210 00:10:27,780 --> 00:10:30,470 bismo mogli reći var i jednak nuli. 211 00:10:30,470 --> 00:10:34,100 A onda smo mogli imamo istu vrstu stanja, ista vrsta ažuriranja, 212 00:10:34,100 --> 00:10:36,090 I plus plus radi sasvim u redu. 213 00:10:36,090 --> 00:10:39,800 Dakle, četvorke su isti, dokle iste, 214 00:10:39,800 --> 00:10:41,440 i to dokle su isti. 215 00:10:41,440 --> 00:10:44,070 Ista vrsta općeg formata. 216 00:10:44,070 --> 00:10:48,840 Primjećujemo, četiri, zagrade, zagrade, to je sve isto. 217 00:10:48,840 --> 00:10:51,470 Također će se zarezom kad dođemo do primjer koda. 218 00:10:51,470 --> 00:10:55,250 Vidjet ćete da je prilično mnogo isto kao c. 219 00:10:55,250 --> 00:10:59,770 >> Za funkciju deklaracija, Ponovno, vrlo slično. 220 00:10:59,770 --> 00:11:05,100 Imamo neku funkciju koja je upravo kaže da je funkcija, a zatim 221 00:11:05,100 --> 00:11:07,660 ime našeg funkcija, a ulazi. 222 00:11:07,660 --> 00:11:11,590 A opet, ako smo najavu, nemaju vrste ovdje god. 223 00:11:11,590 --> 00:11:12,090 Pravo? 224 00:11:12,090 --> 00:11:18,150 Nemamo ništa rekavši da je to Morate biti Ints ili parovima ili pluta. 225 00:11:18,150 --> 00:11:19,530 Oni mogu biti što god žele. 226 00:11:19,530 --> 00:11:23,560 Ono što je važno je zamijetiti da je moramo napisati funkciju prije 227 00:11:23,560 --> 00:11:26,430 pustiti JavaScript znati da to je zapravo funkcija. 228 00:11:26,430 --> 00:11:29,820 >> Dakle, ovo je samo neki jednostavan zbroj funkcija koja vraća X ili Y, 229 00:11:29,820 --> 00:11:33,800 a onda ono što je također kul je da možete zapravo 230 00:11:33,800 --> 00:11:35,950 dodijeliti funkciju na varijablu. 231 00:11:35,950 --> 00:11:41,770 Dakle, u ovom slučaju, iznos je sada funkcija koja zapravo radi svotu. 232 00:11:41,770 --> 00:11:47,740 Dakle, ako primijetite ovdje, imamo funkcija, naziv funkcije, ulazi. 233 00:11:47,740 --> 00:11:48,860 Pravo? 234 00:11:48,860 --> 00:11:52,120 Ovdje smo samo funkciju i ulaza. 235 00:11:52,120 --> 00:11:54,310 Dakle, to se zove anonimni funkcija. 236 00:11:54,310 --> 00:11:59,265 A to je nešto što bi trebalo biti novo za većinu od vas dečki, ako ne i svi vi. 237 00:11:59,265 --> 00:12:01,140 Tako je u osnovi ono koje znači da mi ne 238 00:12:01,140 --> 00:12:03,050 potrebno je naziv naše funkcija u ovom slučaju. 239 00:12:03,050 --> 00:12:06,260 Mi samo možemo reći: "U redu, ja ću ima tu funkciju koja se izvršava, ovdje 240 00:12:06,260 --> 00:12:08,550 su njegovi ulazi, a evo ono što će učiniti. " 241 00:12:08,550 --> 00:12:12,540 A pogotovo kad ste dodjeljivanje funkcija u nekoj varijabli 242 00:12:12,540 --> 00:12:14,950 da ćeš manipulirati, što ne mora nužno 243 00:12:14,950 --> 00:12:17,116 treba ga imenovati, jer ti si idući u biti odnosi 244 00:12:17,116 --> 00:12:20,990 za njega u ovom varijablom ime, a ne ono što 245 00:12:20,990 --> 00:12:22,840 funkcija zapravo zove. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Dakle, ako smo vidjeli ovdje, mi imaju neku varijablu zbroj sada 248 00:12:27,810 --> 00:12:30,920 koji je jednak zbroj tri i pet. 249 00:12:30,920 --> 00:12:33,070 I mi bi dobili to. 250 00:12:33,070 --> 00:12:36,750 A to bi samo malo upozorenje, tri plus pet jednak broj. 251 00:12:36,750 --> 00:12:43,950 To plus će samo spojiti bez obzira na naš odgovor je na nizu. 252 00:12:43,950 --> 00:12:47,420 Također super, plus možete spojite žice. 253 00:12:47,420 --> 00:12:53,510 >> Za JavaScript, kao i sa PHP, HTML, CSS i kao što smo rekli, 254 00:12:53,510 --> 00:12:56,450 Mnogo toga smo vrsta polaganja kotači trening off ovdje 255 00:12:56,450 --> 00:13:02,030 a vi imate puno znaju Kako stvarno razumjeti ove stvari. 256 00:13:02,030 --> 00:13:04,280 Oni su malo drugačiji, ali oni nisu toliko strano 257 00:13:04,280 --> 00:13:09,460 a da vi ne možete google stvari ili gledati ih on-line s W3 školama. 258 00:13:09,460 --> 00:13:12,755 I doista smo vas očekuju dečki, vrsta, eksperimenta 259 00:13:12,755 --> 00:13:14,400 i uče na svoju vlastitu. 260 00:13:14,400 --> 00:13:19,490 Dakle, znam da to može činiti malo manje temeljita nego neke od stvari c 261 00:13:19,490 --> 00:13:21,936 radimo, ali to je zapravo s razlogom. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 No, nadam se da nije previše drugačije, a to nije velika. 264 00:13:28,470 --> 00:13:31,940 >> Dakle polja u JavaScript, opet vrlo, vrlo slični. 265 00:13:31,940 --> 00:13:32,460 Pravo? 266 00:13:32,460 --> 00:13:36,520 Imamo neku varijablu niz to je jednako praznim zagradama, 267 00:13:36,520 --> 00:13:40,340 a to je samo prazna polja. 268 00:13:40,340 --> 00:13:43,420 To se često naziva doslovni niz zapis. 269 00:13:43,420 --> 00:13:45,280 To je samo jedna stvar mi to zovemo. 270 00:13:45,280 --> 00:13:51,380 Ako vidimo niz dvije ovdje, imamo neke Doslovno niz koji ima tri elementa, 271 00:13:51,380 --> 00:13:51,910 zar ne? 272 00:13:51,910 --> 00:13:54,640 I onda imamo neke var Treći element koji je 273 00:13:54,640 --> 00:13:58,060 Neki varijabla koja je samo će održati taj niz, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Elementi, dobro da primijetiti, su odvojeni zarezom, 276 00:14:06,170 --> 00:14:07,740 baš kao što se i očekuje. 277 00:14:07,740 --> 00:14:14,630 A također možete pristupiti njih, kao što smo učinili u C, s ovim indeks zapis, zar ne? 278 00:14:14,630 --> 00:14:16,950 Dakle, različito od PHP Sada, idemo natrag 279 00:14:16,950 --> 00:14:20,180 samo vrsta odnosi stvari indeksom. 280 00:14:20,180 --> 00:14:22,189 Baš kao što je C, to je također nula indeks. 281 00:14:22,189 --> 00:14:25,230 Osjećam se kao da će to biti jako okrutna Ako se iznenada napravio JavaScript jedno 282 00:14:25,230 --> 00:14:30,630 indeks, a imali ste potpuno promisliti kako vi mislite o tome polja. 283 00:14:30,630 --> 00:14:36,140 >> Jedna super stvar je da se umjesto da mora do-- Ako ikada 284 00:14:36,140 --> 00:14:39,240 Želio duljinu niza, možda ponoviti kroz njega 285 00:14:39,240 --> 00:14:43,430 dok ne nađete neku kraj, ili ti bi samo znali što je to. 286 00:14:43,430 --> 00:14:49,310 Zbog JavaScript je jako labav više načina nego samo vrste, kao što vidimo ovdje, 287 00:14:49,310 --> 00:14:53,310 mi samo može napraviti ovo polje veća jer smo odlučili da. 288 00:14:53,310 --> 00:14:56,177 Ako primijetite niz tri ima tri stvari na početak, 289 00:14:56,177 --> 00:14:58,510 ali onda odjednom, mi smo kao, "Oh, samo se šalim. 290 00:14:58,510 --> 00:15:01,370 Mi smo zapravo događa da bi ga 101 stvari. " 291 00:15:01,370 --> 00:15:05,300 Dakle, ako ste ikada željeli znati Stvarna duljina vašeg polja, 292 00:15:05,300 --> 00:15:06,680 to učiniti ovako. 293 00:15:06,680 --> 00:15:10,470 A mi ćemo vidjeti puno u ovom načinu u primjerima, 294 00:15:10,470 --> 00:15:12,730 ali s JavaScriptom to je obično bilo 295 00:15:12,730 --> 00:15:16,410 Objekt koji govorite dot bez obzira na vrstu funkcije 296 00:15:16,410 --> 00:15:17,740 koje želite primijeniti na njega. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Dakle, u ovom slučaju, naša Cilj je niz dva, 299 00:15:20,520 --> 00:15:23,470 i kažemo što želimo Duljina niza dva. 300 00:15:23,470 --> 00:15:25,716 Znači li to samo pozivi kao i dužinu na to. 301 00:15:25,716 --> 00:15:27,090 I da će se vratiti svoju duljinu. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Također je nešto na umu da li smo primijetiti naše polja, 304 00:15:36,790 --> 00:15:39,830 za razliku od C, oni nemaju to se sve istog tipa. 305 00:15:39,830 --> 00:15:41,670 To je mnogo više kao PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript je u osnovi kao Ova zanimljiva stapaju u C i PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Tako ćemo dobiti na to. 309 00:15:52,170 --> 00:15:56,750 Za sada, neka je samo pretpostavljati da vaši polja u osnovi 310 00:15:56,750 --> 00:16:00,640 kao što su C polja, u koje oni su nula indeksirane. 311 00:16:00,640 --> 00:16:04,120 U redu, tako da je sve. 312 00:16:04,120 --> 00:16:08,850 Također možete jednostavno proširiti Niz se god indeks želite. 313 00:16:08,850 --> 00:16:14,260 Dok to bi vjerojatno SEG kvara na vas i dati vam neke pogreške, 314 00:16:14,260 --> 00:16:15,970 JavaScript je kao, "Ne, to je u redu. 315 00:16:15,970 --> 00:16:16,620 Dobio sam ovo. 316 00:16:16,620 --> 00:16:19,460 Samo ćemo ići ravno gdje želite. " 317 00:16:19,460 --> 00:16:24,310 >> U redu, tako da predmeti su vrlo važni. 318 00:16:24,310 --> 00:16:29,720 Vi dečki će se primjenom puno njih U Vašem P set, ako sam dobro sjećam. 319 00:16:29,720 --> 00:16:34,780 Tako je stvar da se radi slično u C su konstrukt. 320 00:16:34,780 --> 00:16:39,290 Dakle, možete misliti kad about-- idemo na primjer pravo 321 00:16:39,290 --> 00:16:41,810 Nakon toga mislim da će napraviti puno više sense-- 322 00:16:41,810 --> 00:16:45,830 ali mi zapravo koristiti predmete organiziranje informacija naravno povezane. 323 00:16:45,830 --> 00:16:47,780 Kad smo razgovarali o tome konstrukt u C, što je često 324 00:16:47,780 --> 00:16:53,405 govoriti o učeniku koji je imao neko ime, ID, kuća, znaš, koncentracija. 325 00:16:53,405 --> 00:16:56,030 I to je vrsta iste stvari da koristimo objekte za tu. 326 00:16:56,030 --> 00:16:59,300 To je samo organizirati slične informacije. 327 00:16:59,300 --> 00:17:03,620 >> Također možete razmišljati o ovome što je više slično asocijativnih polja u PHP. 328 00:17:03,620 --> 00:17:10,010 Dakle, to će biti vrsta stvar gdje imamo neku tipku s nekim vrijednosti, 329 00:17:10,010 --> 00:17:12,859 Vrlo sličan PHP. 330 00:17:12,859 --> 00:17:15,780 Tako možete inicijalizirati neke prazna objekt, kao što smo vidjeli ovdje, 331 00:17:15,780 --> 00:17:17,390 Samo vitičastih zagrada. 332 00:17:17,390 --> 00:17:19,160 Tako polja su uglate zagrade. 333 00:17:19,160 --> 00:17:21,220 Prazne predmeti su vitičastim zagradama. 334 00:17:21,220 --> 00:17:24,020 Dobro razlika imati. 335 00:17:24,020 --> 00:17:27,319 A to su samo dvije različite načina za postavljanje svojstva. 336 00:17:27,319 --> 00:17:31,460 Dakle, to je vrsta još je tako da 337 00:17:31,460 --> 00:17:35,220 je sličan PHP, s našim asocijativne nizove, uz našu ključem, 338 00:17:35,220 --> 00:17:39,910 i naše vrijednosti, dok je ovo is-- vi ćete 339 00:17:39,910 --> 00:17:41,920 vidjeti puno više u JavaScriptu. 340 00:17:41,920 --> 00:17:43,550 To teži biti konvencije. 341 00:17:43,550 --> 00:17:47,660 I na isti način na koji smo radili Niz dva točka dužine, to govori, 342 00:17:47,660 --> 00:17:51,580 "U redu, daj mi tu atribut ovog objekta. " 343 00:17:51,580 --> 00:17:52,110 Pravo? 344 00:17:52,110 --> 00:17:55,660 Dakle, na isti način je to bilo "daj mi Duljina atribut niz dva " 345 00:17:55,660 --> 00:17:59,970 to je rekao, "daj mi neki vlasništvo naše prazne objekta. " 346 00:17:59,970 --> 00:18:02,890 Ili u ovom slučaju, mi smo to dodjeljivanje neke vrijednosti ovdje. 347 00:18:02,890 --> 00:18:06,200 No, također je mogao na taj način pristupiti. 348 00:18:06,200 --> 00:18:09,090 >> I onda ovdje je to samo prikazuje dva različita upozorenja. 349 00:18:09,090 --> 00:18:12,320 Dakle, to će pokazati upozorenja će biti isti, 350 00:18:12,320 --> 00:18:17,150 to je samo dva različita načina Pristupom elementa koji želimo. 351 00:18:17,150 --> 00:18:19,552 Znači li to da smisla svima? 352 00:18:19,552 --> 00:18:21,510 Osjećam se poput ove Vjerojatno ima više smisla, 353 00:18:21,510 --> 00:18:23,270 Upravo zbog toga smo išli s PHP. 354 00:18:23,270 --> 00:18:26,400 No, kao što smo učinili više primjera, ovaj doslovno isti. 355 00:18:26,400 --> 00:18:28,170 Mnogo toga je samo promijeniti u sintaksi. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> U redu, tako da primjeri. 358 00:18:33,030 --> 00:18:34,180 Volim primjere. 359 00:18:34,180 --> 00:18:40,070 Dakle, ovdje je neke CS50 varijabla koja je predmet, 360 00:18:40,070 --> 00:18:42,160 a mi pohraniti sve to Informacije o tome. 361 00:18:42,160 --> 00:18:46,680 Tako smo, naravno, instruktor, TFS, psets i snimao. 362 00:18:46,680 --> 00:18:51,840 Tako smo obavijest od njih su sve različite vrste. 363 00:18:51,840 --> 00:18:52,340 Pravo? 364 00:18:52,340 --> 00:18:56,230 Dakle, objekti mogu pohraniti atribute različitih vrsta. 365 00:18:56,230 --> 00:19:01,220 Možemo misliti this-- to je vrlo slična našoj asocijativni niz u PHP. 366 00:19:01,220 --> 00:19:07,470 Dakle ključ, vrijednost, ključ, vrijednost, ključ, vrijednost, tako dalje i tako dalje. 367 00:19:07,470 --> 00:19:11,230 Ono što je također zanimljivo na isti način da možemo imati polja unutar polja, 368 00:19:11,230 --> 00:19:14,690 mi također može imati objekte unutar objekata, ili polja unutar objekata. 369 00:19:14,690 --> 00:19:18,410 Nikada si jako ograničen na Samo jedna jedna od stvari. 370 00:19:18,410 --> 00:19:24,220 Možemo dobiti vrlo Inceptionesque, samo nastaviti niz zečju rupu tamo. 371 00:19:24,220 --> 00:19:26,080 >> Dakle, ako smo najavu, imaju neki tečaj koji 372 00:19:26,080 --> 00:19:31,120 je string, instruktor koji je string, i niz, int, a Boolean. 373 00:19:31,120 --> 00:19:36,110 Dakle, sve ove različite stvari. 374 00:19:36,110 --> 00:19:39,600 >> U redu, tako da, imamo još jednu. 375 00:19:39,600 --> 00:19:42,930 Dakle, u ovom slučaju, imamo niz objekata. 376 00:19:42,930 --> 00:19:45,320 Dakle, baš kao objekt može imati niz u njemu. 377 00:19:45,320 --> 00:19:47,210 Također može imati niz objekata. 378 00:19:47,210 --> 00:19:51,250 To bi moglo biti korisno razmišljati o slična vrsti 379 00:19:51,250 --> 00:19:54,260 kako smo imali mljeveno meso stol, imali smo niz 380 00:19:54,260 --> 00:19:56,220 od svih tih različitih vrste konstrukt koji 381 00:19:56,220 --> 00:19:59,070 bili upućuje na drugačiji čvorovi i sitnica. 382 00:19:59,070 --> 00:20:01,420 No, u ovom slučaju, mi ima niz objekata. 383 00:20:01,420 --> 00:20:04,890 Dakle, to je kao niz asocijativnih polja. 384 00:20:04,890 --> 00:20:09,430 Dakle, imamo neke prvi element bi biti predmet s imenom James 385 00:20:09,430 --> 00:20:11,340 i kuće Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Vi dečki mogli zapamtiti nešto vrlo slično ovome 387 00:20:14,780 --> 00:20:21,710 sa zadnjeg pset, gdje ako vas izvukao nešto iz svoje baze podataka, 388 00:20:21,710 --> 00:20:24,480 Prva vrsta stvar je u svom nizu bio je 389 00:20:24,480 --> 00:20:27,110 sve informacije o prvi korisnik koji ga upoznao, 390 00:20:27,110 --> 00:20:30,765 i onda je morao indeksa u to dobiti svoje dionice ili njihovu memoriju 391 00:20:30,765 --> 00:20:32,110 ili sitnica. 392 00:20:32,110 --> 00:20:34,620 Dakle, to je jako puno isto stvar, samo malo promjene 393 00:20:34,620 --> 00:20:39,570 u sintaksi, malo promjena riječi kojima bi ih opisao. 394 00:20:39,570 --> 00:20:45,960 >> Dakle, ako smo htjeli, može bilo tko reći me što to upozoriti će učiniti ovdje? 395 00:20:45,960 --> 00:20:48,780 Ili što je to malo broj će učiniti za nas? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 PUBLIKA: To će vam dati sve imena. 398 00:20:52,616 --> 00:20:54,900 ALLISON BUCHHOLTZ-AU: Dobro, pa to bi samo upozoriti sa svim imenima 399 00:20:54,900 --> 00:20:57,960 jer bi to proći Vikendica sam, pa bih početi od nule. 400 00:20:57,960 --> 00:21:01,330 Tako da bih rekao, u redu tražimo U ovom prvom ostvarenju, koje 401 00:21:01,330 --> 00:21:03,210 je prvi automat u našem polje. 402 00:21:03,210 --> 00:21:06,900 A ona kaže: "Dajte mi atribut, ime tog objekta. " 403 00:21:06,900 --> 00:21:09,030 Dakle, idemo ovdje, mi bismo skeniranje, mi bismo pronašli ime, 404 00:21:09,030 --> 00:21:11,340 a mi bismo ispisati James, Molly, i Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Bilo kakva pitanja do sada? 407 00:21:15,799 --> 00:21:17,590 JavaScript žalost ti si idući u biti 408 00:21:17,590 --> 00:21:20,950 radi puno gleda na vašem vlastiti, figuring out sintaksu, 409 00:21:20,950 --> 00:21:21,910 bori s njom. 410 00:21:21,910 --> 00:21:25,870 Ali, naravno, ja sam uvijek ovdje, Radno vrijeme su uvijek tu. 411 00:21:25,870 --> 00:21:28,260 Možda ću biti utorkom ovaj tjedan. 412 00:21:28,260 --> 00:21:31,050 Dakle, ako ste tamo, možete došao posjetiti me ovaj tjedan. 413 00:21:31,050 --> 00:21:32,470 To bi bilo sjajno. 414 00:21:32,470 --> 00:21:36,260 >> U redu, tako da je DOM Document Object Model-. 415 00:21:36,260 --> 00:21:38,900 Dakle, ovo je samo način da mi volimo misliti 416 00:21:38,900 --> 00:21:45,720 o tome kako naš HTML i sve u njemu se organiziraju. 417 00:21:45,720 --> 00:21:49,930 To je vrlo mnogo nešto što Vjerojatno će doći na vašem kvizu. 418 00:21:49,930 --> 00:21:58,150 Znam moje godine, bilo je kao ovdje HTML datoteka, ispunite DOM za njega. 419 00:21:58,150 --> 00:21:59,770 A vi samo ispunite malim stvarima. 420 00:21:59,770 --> 00:22:01,500 To bi trebalo biti lako bodova nadamo. 421 00:22:01,500 --> 00:22:03,450 Nadam se da ćete see-- 422 00:22:03,450 --> 00:22:04,590 >> PUBLIKA: [nečujan] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON BUCHHOLTZ-AU: Pa vidiš ovo drvo ovdje? 424 00:22:06,660 --> 00:22:07,200 >> PUBLIKA: Da. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON BUCHHOLTZ-AU: Dakle, oni će se pitati korištenja 426 00:22:08,949 --> 00:22:11,750 ispuniti ono što se događa u tijelu. 427 00:22:11,750 --> 00:22:15,770 Možda u tijelu, imamo neke DIVs ili imamo neke stavke, 428 00:22:15,770 --> 00:22:19,160 a mi ćemo vas da ispunite Stablo je vrlo mnogo kao taj. 429 00:22:19,160 --> 00:22:21,440 Tako ćemo biti šetnju kroz njega. 430 00:22:21,440 --> 00:22:26,120 Dakle, dokument-objekt Model je samo način 431 00:22:26,120 --> 00:22:31,240 strukturirati i mislim O našoj HTML grafički. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 A i kad smo dobili u više JavaScript, 434 00:22:35,840 --> 00:22:37,640 to će biti Način na koji smo zapravo 435 00:22:37,640 --> 00:22:39,990 manipulirati drugačiji elemenata na stranici. 436 00:22:39,990 --> 00:22:43,980 Trebamo način pristupiti svaki od stvari u našem HTML, 437 00:22:43,980 --> 00:22:48,050 pa to nam daje vrlo beton standardizirani način 438 00:22:48,050 --> 00:22:51,010 preko raznih web stranice za to. 439 00:22:51,010 --> 00:22:53,440 >> Dakle, ako mi samo šetati ovo ovdje, naravno 440 00:22:53,440 --> 00:22:56,790 naš dokument kao što je naš cijele datoteke. 441 00:22:56,790 --> 00:22:59,350 To očito ima smisla da je najveća stvar, 442 00:22:59,350 --> 00:23:03,520 a onda mi imamo stvarnu HTML, koji odgovara tom oznakom ovdje. 443 00:23:03,520 --> 00:23:08,480 Također, ako ste u alineje vaše oznake ispravno, a zatim stvara ovu DOM stablo 444 00:23:08,480 --> 00:23:10,530 postaje super jednostavna. 445 00:23:10,530 --> 00:23:12,400 Dakle, imamo neke glave ovdje. 446 00:23:12,400 --> 00:23:15,780 Imamo neku tijelo koje vidimo se zaustavio izvan HTML, 447 00:23:15,780 --> 00:23:18,530 što je razlog zašto smo glavu i tijelo. 448 00:23:18,530 --> 00:23:22,880 Unutar glave, imamo neke oznaka, kraj oznaka, 449 00:23:22,880 --> 00:23:24,570 tako da smo znali da dolazi nakon glavi. 450 00:23:24,570 --> 00:23:28,040 I u našem naslovu oznaku, imamo Pozdrav, svijet. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Tako da je ova cijela lijeva ruka grana. 453 00:23:31,311 --> 00:23:34,060 A onda na desnoj grani Ovdje vidimo da imamo HTML, 454 00:23:34,060 --> 00:23:38,680 OK mi smo učinili ovaj glave dijela, tražimo samo na tijelo, 455 00:23:38,680 --> 00:23:40,670 tako da imamo neke tjelesne površine. 456 00:23:40,670 --> 00:23:44,350 I unutar toga, samo što smo se Pozdrav, svijet. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Ako smo imali takve stvari Neki nosač p, a zatim 459 00:23:54,130 --> 00:23:57,500 Pozdrav, Svijet, a zatim još jedan Nosač p zbogom, svijet, 460 00:23:57,500 --> 00:24:00,080 imali bismo dva mjehurića dolaze off ovdje. 461 00:24:00,080 --> 00:24:05,550 Budući da su obojica pod tijelo, ali oni su odvojene stavke ovom slučaju. 462 00:24:05,550 --> 00:24:11,520 Tu je svakako praksa na koje je u prethodnim kvizova, 463 00:24:11,520 --> 00:24:14,570 kao i puno online na njega. 464 00:24:14,570 --> 00:24:18,260 U redu, tako, to samo omogućuje vidimo sve lijepo 465 00:24:18,260 --> 00:24:20,810 i manipulirati stvari vrlo sustavno. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Mi znamo točno kako prošli kroz ovaj stabla, 468 00:24:23,640 --> 00:24:26,910 tako da znamo što želimo pristupiti. 469 00:24:26,910 --> 00:24:31,690 >> U redu, tako je to razlog zašto želimo da imaju ovu vrstu modela, 470 00:24:31,690 --> 00:24:35,190 tako da možemo koristiti stvari kao što je ovaj, i mi razumijemo ono što oni znače, 471 00:24:35,190 --> 00:24:38,370 i oni su standardizirani svim stvarima koje radimo. 472 00:24:38,370 --> 00:24:45,900 Dakle, naslov dokumenta točka je jednostavno Naslov our-- sve to 473 00:24:45,900 --> 00:24:48,960 su prilično samo sebi, Volim misliti. 474 00:24:48,960 --> 00:24:51,660 Dakle, prva tri primjeri su samo govoreći, 475 00:24:51,660 --> 00:24:54,770 "U redu, samo mi dajte naslov ove web stranice. " 476 00:24:54,770 --> 00:24:58,030 Dakle, to će vam dati ono što odgovara naslovu. 477 00:24:58,030 --> 00:25:01,880 >> Dokument dot tijelo će vam dati sve što je unutar tih tijela oznake. 478 00:25:01,880 --> 00:25:03,240 Tako možete manipulirati tim. 479 00:25:03,240 --> 00:25:07,820 A dokument dot dot tijelo unesite HTML je vrlo cool jedan, 480 00:25:07,820 --> 00:25:11,660 a možda i nije kao super intuitivno, ali unutarnji HTML 481 00:25:11,660 --> 00:25:13,740 odgovara tom upravo ovdje. 482 00:25:13,740 --> 00:25:17,410 Dakle, ako ste ikada željeli manipulirati tekst na stranici, 483 00:25:17,410 --> 00:25:22,700 obično ti si idući u biti događaj nešto s tijela dot unutarnje HTML. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Dakle, unutarnji HTML teži da se odnosi na što je zapravo između ovih oznaka. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 A onda korisne funkcije. 488 00:25:33,020 --> 00:25:40,390 Dakle, ako ste htjeli doći bilo koji od njih, bilo koji element, 489 00:25:40,390 --> 00:25:43,140 imamo neke Id, klasa Ime ili naziv oznake. 490 00:25:43,140 --> 00:25:47,100 To je vrlo sličan Ono što mi je učinio s CSS, zar ne? 491 00:25:47,100 --> 00:25:51,360 Gdje smo neke selektora koji odgovaraju bilo oznake, klasa 492 00:25:51,360 --> 00:25:53,800 da dajemo ih, ili broj osobne iskaznice. 493 00:25:53,800 --> 00:25:55,310 To je vrlo mnogo na isti način. 494 00:25:55,310 --> 00:26:00,720 Ako imate nešto što ima klasu psa, 495 00:26:00,720 --> 00:26:05,800 a ti kažeš dobiti elemenata naziva oznake, i stavite psa u there-- ili žao, 496 00:26:05,800 --> 00:26:06,610 Naziv klase. 497 00:26:06,610 --> 00:26:07,770 Možete staviti točku tamo. 498 00:26:07,770 --> 00:26:11,780 To će vratiti sve one Elementi za vas da imaju tu klasu. 499 00:26:11,780 --> 00:26:13,880 Na taj način možete upravljati samo oni. 500 00:26:13,880 --> 00:26:18,430 Na isti način, možda ste upravo žele manipulirati neki zaglavlje, tako 501 00:26:18,430 --> 00:26:20,980 Neki H1 zaglavlja, kao što smo učinili. 502 00:26:20,980 --> 00:26:24,900 Ti bi mogao učiniti dobiti elemente po oznakama ime, jer H1 je naziv oznake. 503 00:26:24,900 --> 00:26:29,270 I na isti način, ako želite da biste dobili Neki jedinstvena stvar, možete to dobiti oznaku. 504 00:26:29,270 --> 00:26:31,100 Nabavite elementa po ID. 505 00:26:31,100 --> 00:26:32,710 A oni su zapravo puno njih. 506 00:26:32,710 --> 00:26:36,300 To su samo kao tri vrlo mnogo. 507 00:26:36,300 --> 00:26:39,600 Dakle, ako idete online, kao Idem ohrabriti 508 00:26:39,600 --> 00:26:45,342 što učiniti, a ne neki Istraživanje na svoju vlastitu, 509 00:26:45,342 --> 00:26:48,450 I svakako preporučujem gleda na sve njih. 510 00:26:48,450 --> 00:26:50,880 Oni mogu biti super korisno, posebice kada 511 00:26:50,880 --> 00:26:57,180 Želite li samo vrsta rukovati vrlo specifične stvari bez potrebe 512 00:26:57,180 --> 00:27:00,390 proći i isprobati izdvoji sve. 513 00:27:00,390 --> 00:27:03,540 >> U redu, tako da posljednja stvar je JavaScript događanja. 514 00:27:03,540 --> 00:27:10,730 Dakle, kada sam razgovarao prije o odlasku na web stranici, 515 00:27:10,730 --> 00:27:14,340 i kada prelazite preko nečega, ili miš lebdi nad nečim, 516 00:27:14,340 --> 00:27:15,420 nešto drugo događa. 517 00:27:15,420 --> 00:27:17,900 To je ono što smo željeli razmišljati o kao događaj. 518 00:27:17,900 --> 00:27:23,970 Dakle, ono što imamo tu moć korisno je ovdje onclick. 519 00:27:23,970 --> 00:27:29,140 Dakle, moje je bilo na hover, što sam prilično siguran, samo je na lebdjeti. 520 00:27:29,140 --> 00:27:31,300 Također tona od njih da možete tražiti. 521 00:27:31,300 --> 00:27:34,340 Postoji cijeli popis online različitih stvari 522 00:27:34,340 --> 00:27:37,130 koje možete slušati. 523 00:27:37,130 --> 00:27:41,220 >> Ali JavaScript događaji zapravo samo reagirati na stvari 524 00:27:41,220 --> 00:27:42,430 da je vaš korisnički radi. 525 00:27:42,430 --> 00:27:42,930 Pravo? 526 00:27:42,930 --> 00:27:45,220 Dakle, vaš korisnički radi nešto, to je događaj, 527 00:27:45,220 --> 00:27:48,340 i JavaScript da će odgovoriti No da bih ga volio. 528 00:27:48,340 --> 00:27:49,770 To će odgovoriti u skladu s tim. 529 00:27:49,770 --> 00:27:54,630 Dakle, u ovom slučaju, imamo Neki prozor dot onload. 530 00:27:54,630 --> 00:27:57,170 Pa što to govori je "čekati do prozora je učitan. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Dakle, kada je sve u učita, onload, tada možete izvršiti tu funkciju. 533 00:28:02,102 --> 00:28:03,810 Dakle, kada je sve učitava, idete 534 00:28:03,810 --> 00:28:07,760 da su neki gumb za pretraživanje koje dobiva jedan element po ID, 535 00:28:07,760 --> 00:28:13,740 i ispisuje što god da je element kao gumb Traži. 536 00:28:13,740 --> 00:28:17,050 I onda smo tu varijablu, kažemo, "U redu, onclick." 537 00:28:17,050 --> 00:28:20,390 Dakle, kada čujemo klik na gumb pretrage, 538 00:28:20,390 --> 00:28:23,990 izvršiti ovu funkciju, što je upozorenja, ste kliknuli na gumb Traži. 539 00:28:23,990 --> 00:28:28,910 >> Dakle, ono što se događa is-- to je lijepa Malo grafički prikaz ovdje. 540 00:28:28,910 --> 00:28:31,480 Dakle, naši opterećenja dokumenata, to je naša onload, 541 00:28:31,480 --> 00:28:34,340 smo pronašli naš Pretraga gumb, što je to. 542 00:28:34,340 --> 00:28:36,570 Mi smo u potrazi za našu gumb Traži. 543 00:28:36,570 --> 00:28:40,790 A onda, kada gumb Traži se kliknuli, što odgovara upravo ovdje. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Onda smo napokon upozoriti naše korisnika, što je ovo zadnja linija ovdje. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Dakle, svaki od tih četiri koraka jednostavno odgovara četiri kutije 548 00:28:52,960 --> 00:28:55,031 dolje na dnu. 549 00:28:55,031 --> 00:28:56,405 Znači li to da smisla svima? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> A onda jedna stvar koju sam upravo ide spomenuti vrlo, vrlo kratko, da 552 00:29:05,200 --> 00:29:08,660 Ohrabrujem vas dečki na ići pogledati više u je 553 00:29:08,660 --> 00:29:13,210 jQuery, što je samo knjižnica koja je izgrađena na vrhu JavaScript. 554 00:29:13,210 --> 00:29:16,480 To je super korisno, kao što je s većinom knjižnica. 555 00:29:16,480 --> 00:29:18,320 Postoji puno funkcija. 556 00:29:18,320 --> 00:29:21,930 Dakle, ako postoji nešto što nikad Želite li raditi u JavaScript, 557 00:29:21,930 --> 00:29:24,880 Vaš prvi instinkt Ne bi trebalo biti da misle 558 00:29:24,880 --> 00:29:27,340 o, "ono što je funkcija trebala I kod? ", To bi trebalo biti, 559 00:29:27,340 --> 00:29:29,560 "Da vidim da netko to već učinili za mene. " 560 00:29:29,560 --> 00:29:32,800 Jer devet od deset puta, netko će to već učinili, 561 00:29:32,800 --> 00:29:35,760 a vjerojatno su to učinili bolje. 562 00:29:35,760 --> 00:29:39,990 Ljudi provode puno vremena radi njih, i JavaScript je vrlo široko koristi, 563 00:29:39,990 --> 00:29:42,810 tako da su ljudi stalno pokušava da bude bolje. 564 00:29:42,810 --> 00:29:47,110 I jQuery ima puno funkcija koji će vjerojatno biti korisne za vas 565 00:29:47,110 --> 00:29:50,470 U svom završnom projektu, ako ste radiš ništa s web dizajnom. 566 00:29:50,470 --> 00:29:53,480 Kao što volim reći, "rad pametnije, a ne teže. " 567 00:29:53,480 --> 00:29:57,130 Ako ti dečki to učiniti, to će biti velika. 568 00:29:57,130 --> 00:30:00,330 Kad smo na hackathon ja ne Želim da se svi pod stresom. 569 00:30:00,330 --> 00:30:03,600 Želim biti poput, "Dobio sam ova. jQuery je dobio leđa. 570 00:30:03,600 --> 00:30:05,790 Ne moram pisati ove funkcije. " 571 00:30:05,790 --> 00:30:07,636 >> Tako je samo dvije stvari za zapamtite, idem 572 00:30:07,636 --> 00:30:10,220 neka ti dečki izgledaju više u jQuery na svoju vlastitu. 573 00:30:10,220 --> 00:30:13,070 Sve ću reći je to radi neke prilično strašan stvari 574 00:30:13,070 --> 00:30:15,220 i može učiniti vaš život cijeli mnogo lakše. 575 00:30:15,220 --> 00:30:17,150 No ono što želite imam je god datoteka 576 00:30:17,150 --> 00:30:21,020 da ste idući u biti koristeći ga u, ti si idući u ištanje te dvije linije. 577 00:30:21,020 --> 00:30:25,630 Ti si idući u ištanje Skripta JS jQuery točaka JS. 578 00:30:25,630 --> 00:30:28,500 A zapravo tvoj izvor će biti nekih URL. 579 00:30:28,500 --> 00:30:35,870 Ako Google jQuery, Google zapravo domaćini sve datoteke za vas. 580 00:30:35,870 --> 00:30:38,950 Tako ćete svakako želite ulaz koji URL umjesto. 581 00:30:38,950 --> 00:30:41,130 Upravo sam stavio ovo ovdje Radi jednostavnosti. 582 00:30:41,130 --> 00:30:45,180 Sve to znači da je mjesto gdje se pronaći svoj jQuery knjižnicu. 583 00:30:45,180 --> 00:30:48,600 To je masivan, tako da ne želim da ga domaćin na svoje računalo 584 00:30:48,600 --> 00:30:53,390 ako to mogu izbjeći, što je razlog zašto smo imaju tendenciju da se samo stavi u Googleovom URL-a koji 585 00:30:53,390 --> 00:30:55,880 domaćini sve te datoteke za vas. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Možete ga Google, obećajem to će biti tamo. 588 00:30:58,850 --> 00:31:01,200 >> I onda ono JavaScript datoteke koje ste 589 00:31:01,200 --> 00:31:07,150 koristite, tako da je ovo samo neki vanjski JavaScript datoteke koje koristite. 590 00:31:07,150 --> 00:31:11,570 Na isti način na koji smo link na našu CSS datoteka, to je ista vrsta stvar. 591 00:31:11,570 --> 00:31:15,480 To samo linkovi na datoteke gdje vam je JavaScript. 592 00:31:15,480 --> 00:31:18,970 I ja imam neke primjere s jednostavnim JavaScript. 593 00:31:18,970 --> 00:31:20,220 Tako ćemo se ide preko njega. 594 00:31:20,220 --> 00:31:27,230 A onda je u svom indeksu JavaScript, koji je vaš JavaScript podnijeti ovdje, 595 00:31:27,230 --> 00:31:30,900 To je vrsta omota da li za jQuery. 596 00:31:30,900 --> 00:31:33,860 Vi ste gotovo 99,9 posto vremena ide 597 00:31:33,860 --> 00:31:36,800 da su to u svom index.js datoteku. 598 00:31:36,800 --> 00:31:40,010 Zato što je to, kaže se, "Ne izvrši ništa 599 00:31:40,010 --> 00:31:43,480 dok je dokument zapravo spremni ", što je upravo ono što želite. 600 00:31:43,480 --> 00:31:46,600 Jer, ako je vaš dokument nije spremna, i jQuery počne raditi neke stvari, 601 00:31:46,600 --> 00:31:48,020 to je samo nered. 602 00:31:48,020 --> 00:31:50,480 Tako ćete uvijek želite imati taj omot. 603 00:31:50,480 --> 00:31:55,760 A onda za stvari koje idu tamo, sam ostaviti na svoj momci 'vlastitog uvida. 604 00:31:55,760 --> 00:32:04,610 >> U redu, tako da postoje bilo kakva pitanja u pravu Sada oko JavaScript u cjelini? 605 00:32:04,610 --> 00:32:07,420 Ili DOM modela? 606 00:32:07,420 --> 00:32:10,780 Ako ne, imamo neke kul primjeri koje možemo proći, 607 00:32:10,780 --> 00:32:13,120 da ti dečki mogu pomoći mi kôd. 608 00:32:13,120 --> 00:32:15,877 Ali ja ću biti super lijepo, a ako 609 00:32:15,877 --> 00:32:17,960 Ne želim reći ništa za to, to je u redu. 610 00:32:17,960 --> 00:32:20,510 Ja mogu samo dati primjere. 611 00:32:20,510 --> 00:32:24,581 No, ništa na PowerPoint prije nego što smo prešli na? 612 00:32:24,581 --> 00:32:25,080 Cool. 613 00:32:25,080 --> 00:32:26,990 >> Osjećam se kao da dečki trebaju energiju. 614 00:32:26,990 --> 00:32:31,516 Zato mislim da ćemo početi s moje stranke primjer prvi. 615 00:32:31,516 --> 00:32:33,390 Imamo tri primjera, imate svoj izbor. 616 00:32:33,390 --> 00:32:37,720 Dakle, imamo sat, kamo idemo provesti stvarnu sat koji je 617 00:32:37,720 --> 00:32:41,430 će ažurirati kako vrijeme prolazi. 618 00:32:41,430 --> 00:32:43,310 Imamo ovu veliku Twitter funkciju. 619 00:32:43,310 --> 00:32:44,560 This-- znate što, držite. 620 00:32:44,560 --> 00:32:47,220 Idemo napraviti ovaj ode. 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 >> Imamo ovu veliku Twitter funkciju Ovdje, that-- znam, zar ne? 624 00:32:56,132 --> 00:32:57,090 To će biti velik. 625 00:32:57,090 --> 00:32:58,350 Jeste li vi uzbuđeni? 626 00:32:58,350 --> 00:33:01,170 To će brojati znakova da ste ostavili, 627 00:33:01,170 --> 00:33:04,520 pa ako sam upisati upravo sada, Očito je to još uvijek kaže 140, 628 00:33:04,520 --> 00:33:06,190 ali znamo da to nije slučaj. 629 00:33:06,190 --> 00:33:08,570 A onda s našim posljednji Ovdje, kliknite ovdje za party. 630 00:33:08,570 --> 00:33:12,150 Što će se dogoditi kada smo klik, pozadina je 631 00:33:12,150 --> 00:33:13,340 ide za promjenu boje. 632 00:33:13,340 --> 00:33:17,060 Dakle, ti dečki imaju svoje opcije koje želite učiniti prvi. 633 00:33:17,060 --> 00:33:19,800 Obećajem da ću se vrlo lako na vas. 634 00:33:19,800 --> 00:33:22,680 Osjećam se kao da su svi ljubazni samo vrlo niska ključ i danas. 635 00:33:22,680 --> 00:33:25,540 Dakle, ja ću vas provesti kroz kako ćemo provesti sve to. 636 00:33:25,540 --> 00:33:28,520 Ako želite pridružiti u, to je super, ali ja 637 00:33:28,520 --> 00:33:30,020 Osjećam se kao da svatko je malo umoran. 638 00:33:30,020 --> 00:33:32,970 Dakle, ja samo ću vas prošetati kroz tih primjera. 639 00:33:32,970 --> 00:33:35,015 Imamo li nešto što mi bismo željeli učiniti prvi? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Svatko? 642 00:33:39,475 --> 00:33:41,350 Svejedno? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Znate što? 645 00:33:42,450 --> 00:33:43,290 Mi smo na zabavi. 646 00:33:43,290 --> 00:33:48,380 Osjećam se kao da dečki trebaju little-- Dakle, mi ćemo učiniti party jedan na prvom mjestu. 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 >> Dakle, ono što smo here-- imamo da je Ne bi trebao biti tamo. 650 00:33:56,930 --> 00:33:57,910 Sada je dobro. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Dakle, ono što imamo ovdje Samo jednostavne HTML stranice 653 00:34:03,110 --> 00:34:07,840 da ti dečki bi trebali svi biti super upoznati s tijekom zadnje dvije psets. 654 00:34:07,840 --> 00:34:10,212 imamo tip doc ovdje. 655 00:34:10,212 --> 00:34:10,920 Može li svatko vidjeti? 656 00:34:10,920 --> 00:34:11,420 OK. 657 00:34:11,420 --> 00:34:12,560 Cool. 658 00:34:12,560 --> 00:34:13,900 Mi imamo HTML očito. 659 00:34:13,900 --> 00:34:18,360 Imamo neke zaglavlje koje je vezan za stil list koji 660 00:34:18,360 --> 00:34:21,420 Samo je napravio moj font lijep i veliki i hrabar. 661 00:34:21,420 --> 00:34:23,489 Dakle, ne brinite o tome. 662 00:34:23,489 --> 00:34:26,437 >> Imamo neku tijelo s Id pozadini, u redu? 663 00:34:26,437 --> 00:34:28,520 Budući da ćemo biti mijenja pozadinu. 664 00:34:28,520 --> 00:34:31,964 Dakle, kada smo promjene pozadina našeg tijela, 665 00:34:31,964 --> 00:34:35,965 sjećamo se prije dva tjedna kada smo se bave web stranice. 666 00:34:35,965 --> 00:34:36,840 Zato je dobro imati to. 667 00:34:36,840 --> 00:34:39,270 I mi imamo neke Id jednak stranku. 668 00:34:39,270 --> 00:34:43,909 To h sudac pound samo znači da je to će ići na istoj stranici. 669 00:34:43,909 --> 00:34:47,120 A kliknite ovdje za party, što je razlog zašto, kada smo ga pritisnite, 670 00:34:47,120 --> 00:34:48,940 to bi trebalo mijenjati boje, srećom. 671 00:34:48,940 --> 00:34:54,322 >> I onda imamo neku skriptu ovdje je samo vezano za ovaj JS točaka strana 672 00:34:54,322 --> 00:34:58,100 file, koji je prazna, jer nismo učinili ništa još. 673 00:34:58,100 --> 00:35:00,450 I to je tako tužno. 674 00:35:00,450 --> 00:35:06,100 No, vrlo brzo, to će se promijeniti boje, a to će biti strašan. 675 00:35:06,100 --> 00:35:10,520 >> Tako Samo ću hodati dečki putem kako bismo mogli pristupiti tome. 676 00:35:10,520 --> 00:35:14,030 Dakle, prva stvar koja što možda želite učiniti, 677 00:35:14,030 --> 00:35:18,050 ako se mijenja pozadinu Tijelo, prva stvar koju možda želite 678 00:35:18,050 --> 00:35:22,730 učiniti je zapravo dograbiti ono tijelo, zar ne? 679 00:35:22,730 --> 00:35:27,690 Zato želimo da se svemu, pozadina, a ako primijetite, 680 00:35:27,690 --> 00:35:29,567 Upravo sam automatski Samo počnite tipkati. 681 00:35:29,567 --> 00:35:32,400 Nema ništa posebno da mi trebate učiniti za naše JavaScript datoteke. 682 00:35:32,400 --> 00:35:35,820 Mogu početi izjavljuje varijable, a proglašenje slučajne funkcije. 683 00:35:35,820 --> 00:35:38,110 I to je puno više slobodnog oblika. 684 00:35:38,110 --> 00:35:41,930 To je kao s C, dali smo ti svi ovi tvrde pravila, a ti odrastao, 685 00:35:41,930 --> 00:35:43,220 tako da smo kao, "ići naprijed. 686 00:35:43,220 --> 00:35:44,000 Budite slobodni. 687 00:35:44,000 --> 00:35:44,870 Učinite ono što želite. " 688 00:35:44,870 --> 00:35:46,280 I to je ono što je JavaScript. 689 00:35:46,280 --> 00:35:48,390 Dakle, imamo neke pozadine ovdje. 690 00:35:48,390 --> 00:35:55,900 Uz naše DOM modela, mi znamo možete napraviti dokument dot dobili elementa, 691 00:35:55,900 --> 00:36:00,290 a ako primijetite ovdje, naše tijelo ima ID. 692 00:36:00,290 --> 00:36:00,930 Pravo? 693 00:36:00,930 --> 00:36:06,310 Dakle, možemo li dobiti dokument Id, i ovdje je jednostavan. 694 00:36:06,310 --> 00:36:08,295 Što je naša Id da želimo ovdje? 695 00:36:08,295 --> 00:36:09,170 PUBLIKA: Pozadina. 696 00:36:09,170 --> 00:36:11,280 ALLISON BUCHHOLTZ-AU: Pozadina. 697 00:36:11,280 --> 00:36:12,230 Savršeno. 698 00:36:12,230 --> 00:36:14,250 I točka-zarezom na kraju. 699 00:36:14,250 --> 00:36:15,610 To nije nestala još. 700 00:36:15,610 --> 00:36:17,330 I dalje su mi potrebne vaše zarezom. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Dakle, to je naš prvi. 703 00:36:19,690 --> 00:36:23,880 A kad smo kliknite nešto, što Želite nešto dogoditi, zar ne? 704 00:36:23,880 --> 00:36:28,270 Tako smo možda želite neka varijabla koji je čekao klik. 705 00:36:28,270 --> 00:36:32,410 Ono što ćemo napraviti je da ćemo se bi naša veza više sličan gumb. 706 00:36:32,410 --> 00:36:43,140 Tako ćemo imati neki gumb da jednak dokumentirati dot dobili elementa po ID. 707 00:36:43,140 --> 00:36:48,670 A ako ja govorim kliknite vezu ili kliknite ovdje za party 708 00:36:48,670 --> 00:36:51,850 Link, što bi moglo Id moje biti ovdje? 709 00:36:51,850 --> 00:36:52,590 Party. 710 00:36:52,590 --> 00:36:55,200 Ispravan. 711 00:36:55,200 --> 00:36:56,500 OK nije loše do sada. 712 00:36:56,500 --> 00:36:59,060 Svatko dobili ono što mi radimo? 713 00:36:59,060 --> 00:37:02,100 >> U redu, tako da sada imamo naš gumb, a mi želimo 714 00:37:02,100 --> 00:37:04,140 stvari se mijenjaju kada kliknete na njega. 715 00:37:04,140 --> 00:37:08,750 Dakle, ako se sjećate iz naše PowerPoint, Vrlo jednostavna stvar koju možete učiniti 716 00:37:08,750 --> 00:37:12,140 samo gumb dot onclick, zar ne? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 I to će biti jednak neke funkcije. 719 00:37:18,730 --> 00:37:20,620 Ovo je anonimni funkcija. 720 00:37:20,620 --> 00:37:24,620 I to samo as-- zapravo sam će se to malo veći. 721 00:37:24,620 --> 00:37:27,330 >> Dakle, ono što sam upravo učinio Ovdje je sam rekao, u redu, 722 00:37:27,330 --> 00:37:31,810 kad smo kliknite na gumb naše, što je ovaj link koji smo upravo iz, 723 00:37:31,810 --> 00:37:34,270 ćemo izvršiti ovo anonimno funkcija. 724 00:37:34,270 --> 00:37:35,845 Ne trebate bilo kakve ulaza. 725 00:37:35,845 --> 00:37:37,220 Ne zanima me što korisnik govori. 726 00:37:37,220 --> 00:37:38,800 Kad kliknete na nju, mi smo učiniti što god želimo, 727 00:37:38,800 --> 00:37:40,660 koji je promijeniti boju pozadine. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 Dakle, to je razlog zašto mi nemamo nikakve ulaza, upravo smo ovo anonimno funkciju. 730 00:37:47,224 --> 00:37:49,390 I sada smo zapravo događa napisati ovu funkciju. 731 00:37:49,390 --> 00:37:55,040 >> Dakle, postoji hrpa načina na koje može generirati slučajni boju. 732 00:37:55,040 --> 00:37:59,010 Način na koji sam učinio bilo je da generirati tri slučajnih brojeva 733 00:37:59,010 --> 00:38:01,910 te ih pretvoriti u RGB triple. 734 00:38:01,910 --> 00:38:06,130 Dakle, to samo pokazuje neke kul stvari koje, ako ste poput: "Oh, 735 00:38:06,130 --> 00:38:08,464 Trebam za generiranje slučajnih Broj. "ako ga u Google, 736 00:38:08,464 --> 00:38:09,630 to je ono što bi se naći. 737 00:38:09,630 --> 00:38:17,580 >> Dakle, imamo tri različita stvari, var, ne opet crvena, zelena. 738 00:38:17,580 --> 00:38:18,080 Pravo? 739 00:38:18,080 --> 00:38:20,740 Dakle, to su tri stvari koje čine boju. 740 00:38:20,740 --> 00:38:22,220 Plava, crvena, zelena i. 741 00:38:22,220 --> 00:38:22,960 Cool. 742 00:38:22,960 --> 00:38:27,050 A ono što možemo učiniti je da znamo da to treba biti između 255, 743 00:38:27,050 --> 00:38:30,140 a ako ste gledali neke slučajni broj generatora, 744 00:38:30,140 --> 00:38:36,000 što bi mogao dobiti nešto poput matematike dot slučajna, što ako ovo gledate 745 00:38:36,000 --> 00:38:39,230 vraća se neki broj između nula i jedan. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 A što brojevi učiniti naš RGB trojke ići između? 748 00:38:44,470 --> 00:38:47,240 Zero i što? 749 00:38:47,240 --> 00:38:49,000 Što oni mogu ići i do? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Dakle, ako je matematika dot slučajna prolazi između nula i jedan, 752 00:38:53,320 --> 00:38:56,365 Kako bi mogli želimo pretvoriti ovo? 753 00:38:56,365 --> 00:38:56,990 PUBLIKA: Vrijeme? 754 00:38:56,990 --> 00:38:57,830 ALLISON BUCHHOLTZ-AU: Da, točno. 755 00:38:57,830 --> 00:38:58,677 Dakle, vrijeme je 255. 756 00:38:58,677 --> 00:39:00,888 >> PUBLIKA: [nečujan] To je kao [nečujan]. 757 00:39:00,888 --> 00:39:02,471 ALLISON BUCHHOLTZ-AU: Matematika dot slučajan. 758 00:39:02,471 --> 00:39:03,096 PUBLIKA: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON BUCHHOLTZ-AU: Da. 760 00:39:04,580 --> 00:39:06,300 JavaScript samo brine o vama. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Dakle, što možemo učiniti da se za sve njih. 763 00:39:09,360 --> 00:39:10,540 Pravo? 764 00:39:10,540 --> 00:39:16,480 Matematika dot slučajnim puta 255. 765 00:39:16,480 --> 00:39:17,740 Primljeno. 766 00:39:17,740 --> 00:39:18,820 Cool. 767 00:39:18,820 --> 00:39:23,350 Dakle, stvar je, to može Nije vratiti cijeli broj. 768 00:39:23,350 --> 00:39:24,080 Pravo? 769 00:39:24,080 --> 00:39:26,450 Možda ćemo dobiti neki broj između nula i jedan, 770 00:39:26,450 --> 00:39:32,150 i to uzrokuje da se nešto off, a naši RGBs ne može biti pluta. 771 00:39:32,150 --> 00:39:33,360 Oni moraju biti Ints. 772 00:39:33,360 --> 00:39:37,610 Dakle, ako ste pokušali to, to bi vjerojatno imaju neki čudan ponašanje. 773 00:39:37,610 --> 00:39:38,810 Bilo bi malo funky. 774 00:39:38,810 --> 00:39:43,200 Dakle, ono što mi radimo je želimo napraviti sigurni da su ovi zaobljeni, 775 00:39:43,200 --> 00:39:45,400 a ti bi mogao obići jednu stranu. 776 00:39:45,400 --> 00:39:47,110 I zaobljeni s poda. 777 00:39:47,110 --> 00:39:49,680 Zato sam se uvijek pobrinuo da je zaokružen. 778 00:39:49,680 --> 00:39:54,440 Ali ide off kako jednostavan posrijedi Bio bi samo dobili slučajni broj, 779 00:39:54,440 --> 00:39:57,920 Kako misliš da možda kat taj broj? 780 00:39:57,920 --> 00:40:00,720 To je vrlo slično. 781 00:40:00,720 --> 00:40:02,810 Bilo koji ideja? 782 00:40:02,810 --> 00:40:06,450 Dakle, ako slučajna je samo matematika dot random, tako da ne mislite da bih to pod? 783 00:40:06,450 --> 00:40:09,670 Matematika dot kat. 784 00:40:09,670 --> 00:40:11,340 A vi možete učiniti math dot strop. 785 00:40:11,340 --> 00:40:14,030 Okrugli je vrsta dvosmislen zato što ne 786 00:40:14,030 --> 00:40:16,110 znate li da se naviše ili naniže zaokružiti. 787 00:40:16,110 --> 00:40:20,797 Tako obično mi uvijek radimo matematiku dot kat, matematika dot strop. 788 00:40:20,797 --> 00:40:21,380 Ali honestly-- 789 00:40:21,380 --> 00:40:22,780 >> PUBLIKA: Da li podnu zaokružiti? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON BUCHHOLTZ-AU: Kat zaokružuje prema dolje. 791 00:40:24,740 --> 00:40:26,990 A to je samo izbor s moje strane. 792 00:40:26,990 --> 00:40:32,370 >> Tako sada imamo tri broja koji su nasumično generiraju, 793 00:40:32,370 --> 00:40:36,610 i što ćemo napraviti sada smo Upravo će se promijeniti pozadinu. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Tako smo već imamo svoje Pozadina vrsta pohranjeni 796 00:40:41,490 --> 00:40:43,280 U ovom elementu se zove pozadina. 797 00:40:43,280 --> 00:40:47,300 Dakle, ono što ćete primijetiti jest, ako ste igrali okolo s tim, 798 00:40:47,300 --> 00:40:50,460 želimo promijeniti stil. 799 00:40:50,460 --> 00:40:53,812 A to je vrsta nešto što što bi Google i shvatiti, 800 00:40:53,812 --> 00:40:55,020 Sviđa mi se kako se mijenjaju boju. 801 00:40:55,020 --> 00:40:59,210 >> No, način na koji pristupate ova boja Pozadina dot dot stil pozadine. 802 00:40:59,210 --> 00:41:03,490 Dakle, to je rekao daje ovaj objekt, pozadine, 803 00:41:03,490 --> 00:41:06,920 koji se odnosi na to Id elementa gore, 804 00:41:06,920 --> 00:41:10,690 ćemo pogledati stil u stilu, 805 00:41:10,690 --> 00:41:13,280 ćemo gledati na pozadini. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 A ako idete i tražiti ovo gore, možda bi malo više smisla, 808 00:41:17,630 --> 00:41:21,930 ali to je u osnovi samo kažem, "Daj mi ovo vrlo specifičan atribut 809 00:41:21,930 --> 00:41:25,770 od onoga što sam ranije definirano. " 810 00:41:25,770 --> 00:41:32,340 Dakle, ono što smo ga mijenja se nalazi Neki RGB, jer ima smisla. 811 00:41:32,340 --> 00:41:34,780 Mi smo pomoću RGB trojke, zar ne? 812 00:41:34,780 --> 00:41:41,530 A mi have-- Želim biti siguran da dobiti pravi broj citati ovdje. 813 00:41:41,530 --> 00:41:43,940 Dakle, ono što mi radimo je imamo RGB, a mi ćemo 814 00:41:43,940 --> 00:41:46,800 to-- to je kao ulančavanje, što je crveno. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 A onda želimo nešto zarez. 817 00:41:52,610 --> 00:41:59,925 A onda želimo plus zelena, onda neki zarez, a neki plavi. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Tako ti plusa samo Misliš kao ulančavanje. 820 00:42:14,120 --> 00:42:19,810 Dakle, to samo stvara ova niz koji ide u 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 >> PUBLIKA: [nečujan] plus onda zeleni plus zatim crveno. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON BUCHHOLTZ-AU: Da, jer sam zabrljao da je gore. 825 00:42:30,163 --> 00:42:30,890 Taj jedan je u redu. 826 00:42:30,890 --> 00:42:32,110 Oh, držite dalje. 827 00:42:32,110 --> 00:42:32,610 Ne. 828 00:42:32,610 --> 00:42:36,770 Zato što je potrebno kako bi bili sigurni da sam dobio sve te pravo. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Dakle, ja ću objasniti u Uno Momento. 831 00:42:43,950 --> 00:42:47,040 Zelena, plava, savršena. 832 00:42:47,040 --> 00:42:47,971 Sada sam učinio. 833 00:42:47,971 --> 00:42:48,470 Vjerujem. 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 Pa što je to, da je u pozadini će se postaviti na nekom nizu. 837 00:42:58,085 --> 00:42:58,585 Pravo? 838 00:42:58,585 --> 00:42:59,710 Koji je ono što smo ovdje. 839 00:42:59,710 --> 00:43:05,870 To će biti neki RGB 255 zarezom 255 zarez nula, ili što god vam broj 840 00:43:05,870 --> 00:43:06,512 imaju tamo. 841 00:43:06,512 --> 00:43:08,220 Dakle, mi radimo ovdje, imamo neki string. 842 00:43:08,220 --> 00:43:11,910 A ono što želimo učiniti, je da smo vrsta dinamički stvara 843 00:43:11,910 --> 00:43:14,010 da, kad smo zapravo pokrenuti ovaj program. 844 00:43:14,010 --> 00:43:16,570 Dakle, ovo je neki niz. 845 00:43:16,570 --> 00:43:20,290 Plus to concatenates s Vrijednost da crvena ima, 846 00:43:20,290 --> 00:43:23,320 koji concatenates ga zarez, koji ga concatenates 847 00:43:23,320 --> 00:43:26,090 s tim što je zeleno, a tako dalje, i tako dalje. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Do samog kraja, koji je zatvaranje zagrade ovog RGB ovdje. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Pa što je ovo će generirati neke naredbe stvarno 852 00:43:37,230 --> 00:43:42,770 da je RGB od tri broja da pozadina sada je postavljen. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Dakle, neka je vidjeti ako to radi. 855 00:43:46,510 --> 00:43:49,720 Nadam se da ne, jer ako njega ne, ja ću biti žao. 856 00:43:49,720 --> 00:43:50,250 O, ne. 857 00:43:50,250 --> 00:43:52,710 OK, držite dalje. 858 00:43:52,710 --> 00:43:56,730 Definitivno pozadina dot dot stil pozadine. 859 00:43:56,730 --> 00:43:59,569 Ja sam definitivno nedostaje nešto baš mali. 860 00:43:59,569 --> 00:44:00,610 Zar ne dečki mrze to? 861 00:44:00,610 --> 00:44:04,020 Kad je to samo mala mala pogreška? 862 00:44:04,020 --> 00:44:04,990 Svemogući pozadini. 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 >> PUBLIKA: [nečujan] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON BUCHHOLTZ-AU: Ne 868 00:44:12,770 --> 00:44:14,050 Pokušao sam to prije nastave. 869 00:44:14,050 --> 00:44:16,570 Imam sve što sam učinio prije klase u slučaju sam bio kao, 870 00:44:16,570 --> 00:44:17,970 "Čekaj, što sam učinio krivo?" 871 00:44:17,970 --> 00:44:23,190 Budući da sam bio kao, "Ja ću vjerojatno zabrljati ovo gore u nekom trenutku. " 872 00:44:23,190 --> 00:44:24,150 Plus zeleni. 873 00:44:24,150 --> 00:44:26,250 Sve izgleda kao da je ispravno spojeni. 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 >> PUBLIKA: [nečujan] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON BUCHHOLTZ-AU: Oh, tamo idete. 878 00:44:33,810 --> 00:44:35,520 To je ono što mi je potrebno. 879 00:44:35,520 --> 00:44:36,805 Pogledajte kako. 880 00:44:36,805 --> 00:44:40,090 Tiffany spasiti. 881 00:44:40,090 --> 00:44:40,590 Savršeno. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Sada ćemo vidjeti ako to radi. 884 00:44:43,834 --> 00:44:44,816 O, moj Bože. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Držite se. 887 00:44:46,140 --> 00:44:48,280 >> PUBLIKA: Space nakon drugog plus. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON BUCHHOLTZ-AU: Koji? 889 00:44:50,310 --> 00:44:52,910 Čekaj, drže. 890 00:44:52,910 --> 00:44:54,870 Prostor trošenje? 891 00:44:54,870 --> 00:44:57,209 >> PUBLIKA: Drugi plus zelena ulančavanje. 892 00:44:57,209 --> 00:44:58,250 ALLISON BUCHHOLTZ-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 PUBLIKA: Nema mjesta nakon plus, da. 894 00:44:59,570 --> 00:45:00,790 ALLISON BUCHHOLTZ-AU: Vi ne treba da, but-- 895 00:45:00,790 --> 00:45:01,190 PUBLIKA: Oh, vi ne? 896 00:45:01,190 --> 00:45:01,910 ALLISON BUCHHOLTZ-AU: Izgleda lijepo. 897 00:45:01,910 --> 00:45:02,530 PUBLIKA: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON BUCHHOLTZ AU: Idemo vidjeti ako to radi. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Ja sam očito nije u Ovaj demo, koji me podsjeća 902 00:45:07,836 --> 00:45:12,810 od predavanja drugi tjedan, ali znam da će to raditi. 903 00:45:12,810 --> 00:45:15,860 Znam da će to raditi. 904 00:45:15,860 --> 00:45:16,580 Tako blizu. 905 00:45:16,580 --> 00:45:22,330 Osim ako sam slučajno izbrisane moja skripta na ovom jednom. 906 00:45:22,330 --> 00:45:24,035 Ne, to je stranka dot js. 907 00:45:24,035 --> 00:45:25,776 OK držite. 908 00:45:25,776 --> 00:45:28,650 Ja ću kopirati ovaj, i ja sam također Samo će izbrisati sve, 909 00:45:28,650 --> 00:45:30,108 jer sam imala to radno ranije. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Obećajem da radi. 912 00:45:33,770 --> 00:45:36,160 Ako ne, ja ću vam pokazati ono što je Tommy je. 913 00:45:36,160 --> 00:45:38,890 I tamo. 914 00:45:38,890 --> 00:45:42,380 >> PUBLIKA: Vi ste pozivom stranku dot CSS, a to je stranka dot JS. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON BUCHHOLTZ-AU: Ah, dobro Ovdje je js dot strana. 916 00:45:45,940 --> 00:45:49,187 OK, ono što sam učinio drugačije? 917 00:45:49,187 --> 00:45:50,520 OK, vidjet ćemo, ako se to radi sada. 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 Dakle, ja ne znam što bih učinio drugačije, ali to je ono što bi se trebalo dogoditi. 921 00:46:02,110 --> 00:46:03,230 Kinda cool. 922 00:46:03,230 --> 00:46:06,650 Ja kliknuo na to, kao što je, zauvijek. 923 00:46:06,650 --> 00:46:11,185 Ali možemo pokušati i vidjeti što sam učinio drugačije da je ovo jedan imao. 924 00:46:11,185 --> 00:46:14,560 Ne znam o vama, ali ovo izgleda u osnovi ono što sam napisao. 925 00:46:14,560 --> 00:46:17,950 Tu je vjerojatno nestala zarez negdje je moja stvar. 926 00:46:17,950 --> 00:46:22,064 Zapravo, nakon, mislim da sam bio nedostaje zarez ovdje zapravo. 927 00:46:22,064 --> 00:46:24,230 Ali nisam mogao vidjeti, jer to je off zaslonu. 928 00:46:24,230 --> 00:46:29,040 >> Ali ako primijetite, to je lijepa koliko je točno ono što sam napisao. 929 00:46:29,040 --> 00:46:33,010 Mislim da je vjerojatno najteži dio o to je samo vrsta ove stvari u pravu 930 00:46:33,010 --> 00:46:36,830 Ovdje, razumijevanje ono što je radio tamo. 931 00:46:36,830 --> 00:46:42,230 Ovakve stvari učite zapravo samo Googling i iskreno 932 00:46:42,230 --> 00:46:42,880 Samo pokušavam. 933 00:46:42,880 --> 00:46:46,770 Ako mislite da postoji neki atribut, vjerojatno je. 934 00:46:46,770 --> 00:46:48,382 Dakle, to probati. 935 00:46:48,382 --> 00:46:49,090 Pogledajte što se događa. 936 00:46:49,090 --> 00:46:53,000 Kao što sam rekao, postoji mnogo eksperimentiranje s JavaScriptom, 937 00:46:53,000 --> 00:46:56,810 i PHP, i sve to stvari, i CSS posebno. 938 00:46:56,810 --> 00:47:00,046 To je jedina istina način da ga razumiju. 939 00:47:00,046 --> 00:47:07,100 >> U redu, tako da se nakon tog fijaska sa strankom dot js, imamo i druge dvije opcije. 940 00:47:07,100 --> 00:47:10,650 Imamo sat ili Twitter. 941 00:47:10,650 --> 00:47:12,190 Obojica su zanimljivi. 942 00:47:12,190 --> 00:47:17,720 Možda nije baš zabavno kao stranka, koji je imao cool malo bljeskanje 943 00:47:17,720 --> 00:47:19,595 što je na kraju. 944 00:47:19,595 --> 00:47:21,714 Imate li vi imati prednost? 945 00:47:21,714 --> 00:47:22,380 PUBLIKA: Sat? 946 00:47:22,380 --> 00:47:22,950 ALLISON BUCHHOLTZ-AU: Sat? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 Cool. 949 00:47:25,390 --> 00:47:30,460 >> Pa opet, mi imamo prazna JavaScript datoteka. 950 00:47:30,460 --> 00:47:35,800 A kao što smo vidjeli ovdje, mi imaju neke vrlo jednostavne HTML. 951 00:47:35,800 --> 00:47:40,010 Mi imamo style sheet, da je samo oblikuje ono što bi trebao izgledati. 952 00:47:40,010 --> 00:47:42,860 Mi imamo div sa Id sat, koji 953 00:47:42,860 --> 00:47:44,420 Samo kaže, "to bi trebao biti sat." 954 00:47:44,420 --> 00:47:47,650 I mi imamo vezu našem JavaScript datoteke 955 00:47:47,650 --> 00:47:51,400 koji zapravo će stvaraju našu sat za nas. 956 00:47:51,400 --> 00:47:56,060 Budući da je cool stvar je da možete postavljen JavaScript automatski osvježiti 957 00:47:56,060 --> 00:47:56,963 sama. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Dakle, umjesto da čekaju Korisnik pogoditi osvježiti stranicu 960 00:48:01,580 --> 00:48:03,840 tako da možete dobiti ažurira vrijeme, JavaScript 961 00:48:03,840 --> 00:48:06,760 Možete ga ažurirati no to voli. 962 00:48:06,760 --> 00:48:12,082 >> Dakle, što je s našim posljednje smo htjeli pristupiti našu pozadinu, zar ne? 963 00:48:12,082 --> 00:48:14,790 Dakle, što mislite bi moglo biti Prva stvar koju želite učiniti ovdje? 964 00:48:14,790 --> 00:48:19,538 Ako smo nekako ide off Ova vrsta paradigme ovdje? 965 00:48:19,538 --> 00:48:22,200 Mi vjerojatno želite pristup našim sat, zar ne? 966 00:48:22,200 --> 00:48:24,724 Dakle, imamo neke var sat, što equals-- 967 00:48:24,724 --> 00:48:26,140 Što mislimo da će to biti? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dokument dot dobili elementa by-- i ja volim Id Sublime-- i naš Id je sat. 970 00:48:42,670 --> 00:48:43,585 Zarezom. 971 00:48:43,585 --> 00:48:45,710 Imate kako bi bili sigurni da se Ti zarezom ovaj put, 972 00:48:45,710 --> 00:48:47,835 jer se osjećam kao da je Bio je problem zadnji put. 973 00:48:47,835 --> 00:48:55,980 U redu, tako, kao što sam bio samo kažem pokušaj da JavaScript osvježiti se, 974 00:48:55,980 --> 00:48:59,655 Tu je ovaj veliki funkcija, ja znam da je došao u ruci prošle godine, 975 00:48:59,655 --> 00:49:02,780 Nisam siguran da je to dobro dođe za to pset, ali to se zove skup intervala. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 I to je zapravo jako super ako ti dečki ništa 978 00:49:08,200 --> 00:49:11,460 s vremenom ili dobivanje ažurirane informacije. 979 00:49:11,460 --> 00:49:13,700 Na web stranici za konačni Projekt, to je vjerojatno 980 00:49:13,700 --> 00:49:16,240 Funkcija koju želite dobili super upoznati. 981 00:49:16,240 --> 00:49:19,730 Pa što postavite interval čini se da je ćemo dati funkciju, 982 00:49:19,730 --> 00:49:21,830 i koliko često bi trebala nazvati ovu funkciju. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Dakle, u ovom slučaju, mi samo ide na stvoriti neke anonimne funkciju opet, 985 00:49:26,890 --> 00:49:31,530 OK, to je idući u dobiti naš datum, a naše vrijeme, 986 00:49:31,530 --> 00:49:33,780 a zatim ažurirati stvari i to prikazati. 987 00:49:33,780 --> 00:49:35,130 Tako ćemo brinuti o tome. 988 00:49:35,130 --> 00:49:39,120 Mi ćemo biti poput generirati sat ovdje. 989 00:49:39,120 --> 00:49:41,750 No, ono što nam je potrebno kako Često ga osvježiti. 990 00:49:41,750 --> 00:49:43,930 Dakle, u ovom slučaju, to je samo nekoliko milisekundi. 991 00:49:43,930 --> 00:49:46,877 Dakle, mi samo idete na napraviti 100 milisekundi. 992 00:49:46,877 --> 00:49:48,210 Naravno, posve proizvoljna. 993 00:49:48,210 --> 00:49:50,600 Ako ste htjeli da ažuriranje mnogo sporije, što bi mogao. 994 00:49:50,600 --> 00:49:53,300 Možemo zabrljati okolo sa zadanom intervalu, 995 00:49:53,300 --> 00:49:57,240 koliko je velika naša interval nakon što smo dobili radni sat, što nadam se da ću 996 00:49:57,240 --> 00:49:59,660 doći do. 997 00:49:59,660 --> 00:50:04,110 Dakle, ovo je samo rekao: "U redu, poziv Ova funkcija svakih 100 milisekundi. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 To je sve što radi. 1000 00:50:07,280 --> 00:50:12,290 >> Dakle, ono što želimo naš sustav za to je želimo imati neki datum 1001 00:50:12,290 --> 00:50:14,200 a neko vrijeme je ono što ćemo imati. 1002 00:50:14,200 --> 00:50:19,740 Tako da možemo početi s našim Datum iznosi nešto, 1003 00:50:19,740 --> 00:50:22,708 i naše vrijeme iznosi nešto da mi još uvijek ne znamo. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Ili zapravo, samo mi treba datum, jer Datum će uključiti sve. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Opet, ako ste upravo Google ništa o tome ono što želite učiniti, ako ste napisali, "U redu, 1008 00:50:40,010 --> 00:50:41,980 Želim dobiti vrijeme preko JavaScript, "to 1009 00:50:41,980 --> 00:50:45,890 će vam dati ovaj veliki Funkcija zove datum dobiti. 1010 00:50:45,890 --> 00:50:48,664 Doslovno, većina stvari koje želite učiniti, 1011 00:50:48,664 --> 00:50:50,830 JavaScript je će imati to učiniti za vas već. 1012 00:50:50,830 --> 00:50:55,770 Dakle, to je doslovno kao nov dobiti datum, koji je creating-- 1013 00:50:55,770 --> 00:50:58,600 ili novi datum, rather-- koja se generira 1014 00:50:58,600 --> 00:51:03,690 neki objekt koji predstavlja datum. 1015 00:51:03,690 --> 00:51:08,200 >> A što ćemo učiniti ovdje ovo is-- ću napisati ovo, 1016 00:51:08,200 --> 00:51:10,820 a onda objasniti što to radi. 1017 00:51:10,820 --> 00:51:12,560 Dakle, ja ću se pobrinuti da dobijete to pravo. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, pa što ova funkcija ne, je da smo upravo 1020 00:51:23,440 --> 00:51:30,680 stvaranje HTML-a koji je zapravo ići u našoj div id od sat. 1021 00:51:30,680 --> 00:51:34,610 Pa što je to će biti događaj je samo generira neki string, u redu? 1022 00:51:34,610 --> 00:51:38,510 To onda će biti presađene u našoj HTML. 1023 00:51:38,510 --> 00:51:42,130 Uglavnom ono što će učiniti je god we-- što ću ti pokazati 1024 00:51:42,130 --> 00:51:49,070 je da je ono što mi kažemo HTML je, ćemo zamijeniti ovaj tekst ovdje 1025 00:51:49,070 --> 00:51:51,090 sa što je HTML. 1026 00:51:51,090 --> 00:51:56,390 Dakle, to će omogućiti da promijenimo naše sata točku 1027 00:51:56,390 --> 00:52:00,940 HTML od toga da bude samo tekst ovog treba biti sat, zapravo pokazuje 1028 00:52:00,940 --> 00:52:05,630 brojeve i stvari koje mi je stalo o, i zapravo se sati. 1029 00:52:05,630 --> 00:52:09,810 >> Pa što ćemo učiniti je da smo će početak stvaranja ovog HTML-a. 1030 00:52:09,810 --> 00:52:16,520 Dakle, na isti način na koji smo koristili učiniti plus jednak za cijeli brojevi, 1031 00:52:16,520 --> 00:52:20,461 sada možete učiniti za gudače, osim što će ih spojite. 1032 00:52:20,461 --> 00:52:20,960 Pravo? 1033 00:52:20,960 --> 00:52:26,070 Kao što smo vidjeli sa strane točaka js, to samo concatenates sve ove stvari zajedno. 1034 00:52:26,070 --> 00:52:31,970 Tako možete spojite različite komadiće HTML od varijabli, ili komadići žice 1035 00:52:31,970 --> 00:52:33,750 što napisati sebe, i to samo 1036 00:52:33,750 --> 00:52:38,650 stvarno vam omogućuje da dinamički generiranje HTML, što je prilično cool. 1037 00:52:38,650 --> 00:52:42,040 Dakle, ako imate nešto vrlo pojedinog korisnika, 1038 00:52:42,040 --> 00:52:44,130 to može dopustiti da to učiniti. 1039 00:52:44,130 --> 00:52:47,550 >> Dakle, imamo HTML, da ću pokušajte i uvjerite se da bi to pravo. 1040 00:52:47,550 --> 00:52:49,890 Tako ćemo napraviti neki h1 zaglavlje. 1041 00:52:49,890 --> 00:52:53,610 Dakle, ono što je važno shvatiti ovdje je da je to zapravo samo HTML. 1042 00:52:53,610 --> 00:52:54,460 Pravo? 1043 00:52:54,460 --> 00:52:56,610 Pišemo stvarna HTML kod ovdje, to je 1044 00:52:56,610 --> 00:53:01,090 Ne samo string u normalu način na koji ćemo razmišljati o tome. 1045 00:53:01,090 --> 00:53:02,930 Dakle, imamo neke HTML. 1046 00:53:02,930 --> 00:53:04,940 To se smatra string ovdje ipak. 1047 00:53:04,940 --> 00:53:10,380 I mi datum dot-- mi Želite da biste dobili naše vrijeme. 1048 00:53:10,380 --> 00:53:12,910 Opet, ako ste bili na pogledati up ništa o datumu, 1049 00:53:12,910 --> 00:53:16,160 to bi ti to su sve atributi taj datum. 1050 00:53:16,160 --> 00:53:17,670 A evo što možete koristiti na njemu. 1051 00:53:17,670 --> 00:53:20,620 Tako da vjerojatno ima stvari poput doći vrijeme, i dobiti minuta, 1052 00:53:20,620 --> 00:53:24,669 i dobiti sekundi, a dobili milisekundi, i tko zna što još imaju. 1053 00:53:24,669 --> 00:53:27,210 Ali, ako pogledate u dokumentacije, što će sve biti tamo. 1054 00:53:27,210 --> 00:53:31,980 >> Tako smo dobili sati, a onda bi htjeli 1055 00:53:31,980 --> 00:53:35,614 da spojite da with-- sam idući u premjestiti to ovdje. 1056 00:53:35,614 --> 00:53:38,780 Dakle, ako ste se stvaraju upravo sada, mi smo zapravo generira vremena, zar ne? 1057 00:53:38,780 --> 00:53:43,590 Imamo vremena, a onda ono što je između sati i minuta? 1058 00:53:43,590 --> 00:53:45,080 Imate zarez, zar ne? 1059 00:53:45,080 --> 00:53:48,010 Dakle, želimo napraviti neki zarez ovdje. 1060 00:53:48,010 --> 00:53:51,780 A onda želimo da se naše minuti, te na isti način 1061 00:53:51,780 --> 00:53:56,450 da imamo datum dot dobili sati, Kako da biste dobili naši minuta? 1062 00:53:56,450 --> 00:54:01,542 To je doslovno Datum dot doći minuta, što sam vrsta kao. 1063 00:54:01,542 --> 00:54:03,250 To je kao, "Oh, kako je ću dobiti moje minuta? " 1064 00:54:03,250 --> 00:54:05,850 Upravo sam dobiti moje minuta. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 I onda imamo još debelo crijevo ovdje. 1067 00:54:10,990 --> 00:54:16,350 A onda, ako želimo da se naš sekunde, kako bi mogli smo dobili naš drugi? 1068 00:54:16,350 --> 00:54:17,400 Datum dot dobili sekundi. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Mislim da je to prilično cool. 1071 00:54:21,590 --> 00:54:23,589 I ono što je važno shvate, da i mi 1072 00:54:23,589 --> 00:54:31,730 morati zatvoriti svoju HTML oznake ovdje, jer ipak bi trebala biti valjana HTML, tako H1. 1073 00:54:31,730 --> 00:54:33,481 Cool. 1074 00:54:33,481 --> 00:54:43,110 >> Dakle, nakon toga, možemo napraviti sat dot unutarnje HTML jednaka HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Pa sjetite se kako sam rekao Unutarnja HTML osnovi 1077 00:54:46,470 --> 00:54:50,610 traje sve što je između Dvije oznake da smo razgovarali o tome 1078 00:54:50,610 --> 00:54:54,470 i umetci ili radi sve što je tamo? 1079 00:54:54,470 --> 00:54:58,290 Dakle, što to radi, ako idemo natrag u našu sat, 1080 00:54:58,290 --> 00:55:04,180 je da je sat odnosi se na sve u ovom div. 1081 00:55:04,180 --> 00:55:09,770 Ova je unutarnje HTML ove Id sata div. 1082 00:55:09,770 --> 00:55:13,930 I tako će to promijeniti HTML da smo samo generira, 1083 00:55:13,930 --> 00:55:16,750 koji, što, nadamo se, nadam se, nadam se, 1084 00:55:16,750 --> 00:55:21,026 pokazat će vrijeme upravo sada. 1085 00:55:21,026 --> 00:55:23,960 Vidjet ćemo. 1086 00:55:23,960 --> 00:55:25,170 Naravno. 1087 00:55:25,170 --> 00:55:26,860 Tako su mnogi tehnički problemi. 1088 00:55:26,860 --> 00:55:31,480 Allison just-- sam off moje igre danas dečki. 1089 00:55:31,480 --> 00:55:34,136 OK, to funkcionira. 1090 00:55:34,136 --> 00:55:35,760 Sat dot unutarnji HTML. 1091 00:55:35,760 --> 00:55:42,097 To je HTML Stvarno? 1092 00:55:42,097 --> 00:55:43,180 Također to je ono što se događa. 1093 00:55:43,180 --> 00:55:48,750 Kad se ne može vidjeti nešto, ti samo pogledajte izvorni kod. 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 Želiš li znati cool zaobilaznicu da ćemo raditi ovdje? 1097 00:55:54,870 --> 00:55:55,740 >> PUBLIKA: Možete li slova? 1098 00:55:55,740 --> 00:55:56,580 Slovima? 1099 00:55:56,580 --> 00:55:58,996 Budući da ste dobili sati, a onda bi minuta. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON BUCHHOLTZ-AU: To je dobiti sati i get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Vi are-- zlatnu zvijezdu. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 To je sve test, dečki. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Obećajem da je radio prije nastave. 1106 00:56:17,330 --> 00:56:22,590 >> OK, ali nešto super je znati koje možete also-- li ponekad 1107 00:56:22,590 --> 00:56:26,560 Vaši vanjske datoteke uzimajući malo luda, 1108 00:56:26,560 --> 00:56:30,960 možete jednostavno ih ravno Ovdje, koja teži popraviti stvari. 1109 00:56:30,960 --> 00:56:35,840 Osim toga je kao jako ružno. 1110 00:56:35,840 --> 00:56:38,050 Naravno formatirati sve. 1111 00:56:38,050 --> 00:56:41,425 Uvjerite se da je sve lijepo. 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 >> Htio sam učiniti sve super demo, a oni samo da ne rade van. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Skripta var sat. 1117 00:56:53,890 --> 00:57:00,350 Uglavnom, ono što je važno je kako je to uopće način 1118 00:57:00,350 --> 00:57:01,870 da li će oblikovati JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Kao što možete vidjeti, to može biti vrlo izbirljiv ponekad, 1120 00:57:04,490 --> 00:57:08,780 čak i kad je bio doslovno rade dvije sekunde prije. 1121 00:57:08,780 --> 00:57:11,820 Ili ne dvije sekunde prije, ali vrlo, vrlo nedavno. 1122 00:57:11,820 --> 00:57:16,070 >> Tako da vam pokazati ono što bi trebao izgledati, i da vam pokazati da nisam luda, 1123 00:57:16,070 --> 00:57:19,730 i da je sve točno Isto, to je ono što bi trebao izgledati. 1124 00:57:19,730 --> 00:57:27,410 Vi samo će učiniti ovaj gornji dio ovdje, a ako ste vidjeli izvorni kod stranice, 1125 00:57:27,410 --> 00:57:32,160 Ako primijetite, on je učinio neke luđe stvari, ja to pojednostavljeno. 1126 00:57:32,160 --> 00:57:35,710 Također, krediti Tommy McWilliam, koji je zapravo 1127 00:57:35,710 --> 00:57:38,810 mi je pomogao stvoriti te primjere, što je razlog zašto ja znam da rade. 1128 00:57:38,810 --> 00:57:41,560 Budući da je Tommy JavaScript majstor. 1129 00:57:41,560 --> 00:57:43,180 Ali ako primijetite, imamo neki skup. 1130 00:57:43,180 --> 00:57:45,170 Mi ovdje imamo našu sat funkciju. 1131 00:57:45,170 --> 00:57:48,450 To je sve JavaScript da samo mi je napisao, ili nešto od toga. 1132 00:57:48,450 --> 00:57:51,470 Mi samo napisao ovo ovdje. 1133 00:57:51,470 --> 00:57:54,260 I on je extra funkcija koja samo jastučići 1134 00:57:54,260 --> 00:57:57,790 stavljanjem nulu prije pismo ili pred broj i ako je 1135 00:57:57,790 --> 00:57:59,412 Samo je jedan od njih. 1136 00:57:59,412 --> 00:58:02,120 Dakle, ako ste primijetili, ovo je lijepa koliko je točno ono što smo upravo napisao. 1137 00:58:02,120 --> 00:58:06,230 Imate neku varijablu sat koji ima našu elementa, elementa dobili po ID, 1138 00:58:06,230 --> 00:58:07,252 što je sat. 1139 00:58:07,252 --> 00:58:08,960 Mi imamo set interval funkcija, to je 1140 00:58:08,960 --> 00:58:12,670 anonimni funkcija da izvršava sve to. 1141 00:58:12,670 --> 00:58:16,940 Mi smo neki polazeći niz HTML da smo tada dinamički 1142 00:58:16,940 --> 00:58:20,750 stvaraju tako da su neki H1 zaglavlja, nadovezivanjem 1143 00:58:20,750 --> 00:58:23,950 s dobiti sati, plus naša crijeva, plus sve 1144 00:58:23,950 --> 00:58:26,860 Zapisnik, plus još debelog crijeva, plus naši sekundi, 1145 00:58:26,860 --> 00:58:29,330 i na kraju završio HTML za to. 1146 00:58:29,330 --> 00:58:34,210 A onda ćemo ažurirati naš sat dot unutarnji HTML HTML, 1147 00:58:34,210 --> 00:58:37,640 a mi ažurirati svakih 100 milisekundi. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Pogledajte obećajem da nisam lud. 1150 00:58:42,470 --> 00:58:43,440 Ne znam. 1151 00:58:43,440 --> 00:58:47,160 Ne znam zašto me ne vole. 1152 00:58:47,160 --> 00:58:54,030 Osjećam se kao izgleda isto, ali očito da me mrzi. 1153 00:58:54,030 --> 00:58:59,600 >> Dakle, neka je vidjeti ako je oko tri ide bolje. 1154 00:58:59,600 --> 00:59:00,970 Mi smo o tome da se vidi. 1155 00:59:00,970 --> 00:59:02,910 Nisam siguran koliko je to ići. 1156 00:59:02,910 --> 00:59:06,700 Je li svatko barem dobivanje kontra, kao što su samo opće teme 1157 00:59:06,700 --> 00:59:08,480 JavaScript, iako? 1158 00:59:08,480 --> 00:59:15,660 Nadam se da je barem korisna, više nego pokazuje da je malo izbirljiv. 1159 00:59:15,660 --> 00:59:21,190 Ali tvoj problem set će biti vrlo zabavno. 1160 00:59:21,190 --> 00:59:22,590 To će biti velik. 1161 00:59:22,590 --> 00:59:24,820 To neće biti toliko dosadan jer, ja ne mislim. 1162 00:59:24,820 --> 00:59:28,100 Vi zapravo ćete doći do vidi stvarno cool stvari. 1163 00:59:28,100 --> 00:59:31,734 >> Dakle, na kraju, ali ne manje važno, ćemo pokušati Twitter jednu. 1164 00:59:31,734 --> 00:59:32,900 Ja sam jako uplašen sad, momci. 1165 00:59:32,900 --> 00:59:35,762 Ne znam kako je to ići. 1166 00:59:35,762 --> 00:59:39,930 Ali samo da vam malo više okus, što je zapravo 1167 00:59:39,930 --> 00:59:44,190 manipuliraju žice i Ulazi, što ćemo učiniti 1168 00:59:44,190 --> 00:59:50,960 je, ako primijetite ovdje HTML-- ovo je malo još mnogo toga 1169 00:59:50,960 --> 00:59:57,200 imamo neki tekst područja, koja odgovara prostoru za tekst ovdje. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 A da ima ID teksta. 1172 01:00:00,420 --> 01:00:04,520 Restyled mi to malo s nekim širine i visine 1173 01:00:04,520 --> 01:00:07,310 da smo predodređeni, a mi smo H1, 1174 01:00:07,310 --> 01:00:11,260 koja je upravo naša header onaj koji predstavlja naši likovi napustio. 1175 01:00:11,260 --> 01:00:14,570 Dali smo neke ID Preostalo znakova, 1176 01:00:14,570 --> 01:00:18,660 a onda ćemo imati neki scenarij Ovdje, što sam stvarno 1177 01:00:18,660 --> 01:00:20,790 nadajući se treći put a Šarm ovdje, dečki. 1178 01:00:20,790 --> 01:00:26,750 >> Dakle, ono što želimo učiniti, u istom venu 1179 01:00:26,750 --> 01:00:31,480 da smo učinili s JS sat točaka i stranački dot js kao što smo primijetili, 1180 01:00:31,480 --> 01:00:35,980 je da smo počeli tako zapravo grabbing stvari koje mi je stalo, zar ne? 1181 01:00:35,980 --> 01:00:42,330 Dakle, u ovom slučaju, postoje dvije stvari koje mi je stalo, u redu? 1182 01:00:42,330 --> 01:00:47,199 Jedna stvar koju smo zapravo vrsta u potrazi i prikupljanje podataka iz, 1183 01:00:47,199 --> 01:00:48,990 i jedna stvar koja mi zapravo mijenja. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Dakle, tu je naš HTML. 1186 01:00:53,730 --> 01:01:00,370 Ako je ovo naše web stranice ovdje, što je Podaci koje gledamo? 1187 01:01:00,370 --> 01:01:03,860 To će biti ono Tekst je u našim okvirima, zar ne? 1188 01:01:03,860 --> 01:01:05,310 Dakle, ono što sam upisati ovdje. 1189 01:01:05,310 --> 01:01:08,150 To je ono što želim znati, ili to je ono što želim pogledati. 1190 01:01:08,150 --> 01:01:10,690 A što će biti promjene na našoj web stranici? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Likovi preostalo. 1193 01:01:14,880 --> 01:01:19,550 Dakle, na isti način, želimo početi inicijalizacije varijabli 1194 01:01:19,550 --> 01:01:22,030 koji zapravo drže na tim elementima. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Dakle, ako imamo neke var da je naš tekst područje, 1197 01:01:29,930 --> 01:01:33,681 i mi imamo neke var da je preostalo. 1198 01:01:33,681 --> 01:01:34,180 Pravo? 1199 01:01:34,180 --> 01:01:36,190 Dakle, oni su idući u držite te dvije stvari. 1200 01:01:36,190 --> 01:01:42,370 Tako isto takve stvari, Dokument dot-- OK, ja sam 1201 01:01:42,370 --> 01:01:45,920 ide kako bi bili sigurni to je ide na posao ovaj put. 1202 01:01:45,920 --> 01:01:49,620 Ja sam vrlo odlučan. 1203 01:01:49,620 --> 01:01:53,310 U redu, tako da, ako želimo da naši Tekst područje, sukladno 1204 01:01:53,310 --> 01:01:55,710 našem HTML, što je naša oznaka? 1205 01:01:55,710 --> 01:01:56,420 Što je naš ID? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 To samo će se tekst, jer to stvara naš tekst područja, OK, 1208 01:02:05,540 --> 01:02:10,320 a naš Id je tekst, tako da je Kako možemo uhvatiti ono što je unutra. 1209 01:02:10,320 --> 01:02:12,130 OK, točka. 1210 01:02:12,130 --> 01:02:13,940 Ja ću biti super precizno o tome, 1211 01:02:13,940 --> 01:02:16,300 jer želim to raditi ovaj put. 1212 01:02:16,300 --> 01:02:22,120 OK, napraviti istu stvar, dobili elementa po ID. 1213 01:02:22,120 --> 01:02:25,970 Ja sam stvarno pitate što ima izazvala druga dva bi zabrljati. 1214 01:02:25,970 --> 01:02:29,750 OK, onda je u tom jednom, Što želimo pristupiti? 1215 01:02:29,750 --> 01:02:30,760 Ono što je naš Id ovdje? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Imamo još ID u naša HTML, što je to? 1218 01:02:36,261 --> 01:02:37,552 PUBLIKA: Likovi preostalo. 1219 01:02:37,552 --> 01:02:39,343 ALLISON BUCHHOLTZ-AU: Likovi preostalo. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> OK. 1222 01:02:44,330 --> 01:02:46,010 Cool. 1223 01:02:46,010 --> 01:02:49,800 Pa ja sam samo ide napišite to jako brzo. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Samo ću napisati to u sekundi. 1226 01:02:55,330 --> 01:02:56,190 Dakle, tekst područja. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Ono što je zanimljivo je B function-- postoji puno funkcija koje ne samo da 1229 01:03:06,180 --> 01:03:09,690 odgovaraju Vašim miš, ali tipkovnici. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Dakle, možete reći kada bilo ključno je pritisnuta, to možete učiniti stvari kao što je to. 1232 01:03:16,540 --> 01:03:20,450 Dakle, onaj koji smo pomoću je pozvao ključ, kojim 1233 01:03:20,450 --> 01:03:25,320 kaže: "Ako ste pritisnuli niti jednu tipku na vaša tipkovnica, kada korisnik podiže 1234 01:03:25,320 --> 01:03:28,064 prst off tu tipku, a ključ je postao nesprešan, 1235 01:03:28,064 --> 01:03:29,480 onda ćemo učiniti nešto. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Dakle, to ima smisla, zar ne? 1238 01:03:31,370 --> 01:03:33,540 Budući da svaki lik mi tip, idemo 1239 01:03:33,540 --> 01:03:36,550 morati podići svoje prste od toga, pa kad tipka ide gore, 1240 01:03:36,550 --> 01:03:40,980 možemo znati da opadanje naši likovi preostalo. 1241 01:03:40,980 --> 01:03:44,440 >> Dakle, imamo neke na ključ gore, i na isti način, 1242 01:03:44,440 --> 01:03:47,480 ćemo reći, "U redu, kad to radimo, mi 1243 01:03:47,480 --> 01:03:55,110 će stvoriti neku funkciju se događa da se e ", u ovom slučaju, 1244 01:03:55,110 --> 01:03:58,800 a ono što mi želimo učiniti je izračunati broj preostalih. 1245 01:03:58,800 --> 01:04:02,510 U redu, pa neka je samo početak stvaranjem varijable. 1246 01:04:02,510 --> 01:04:05,830 Dakle, imamo neke varijablu r, koja će predstavljati 1247 01:04:05,830 --> 01:04:07,720 koliko znakova koje smo ostavili. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Mi znamo da smo započeli s 140, a ako želimo znati, 1250 01:04:14,540 --> 01:04:18,360 recimo, trajanja ovog niz koji je bio ulaz, 1251 01:04:18,360 --> 01:04:20,860 Imate li vi kakvu ideju Kako bismo mogli to učiniti? 1252 01:04:20,860 --> 01:04:23,900 Samo temelji off očito stvari, kao što je, ako smo htjeli sati, 1253 01:04:23,900 --> 01:04:25,870 koristili smo dobili sati. 1254 01:04:25,870 --> 01:04:28,860 Mi znamo da je naš cilj je Tekst, ali možeš li dečki 1255 01:04:28,860 --> 01:04:33,050 razmišljati o tome što bi moglo doći nakon njega? 1256 01:04:33,050 --> 01:04:35,280 Bilo koji ideja? 1257 01:04:35,280 --> 01:04:41,730 >> Dakle, ovaj je nekako manje intuitivno, ali to je vrijednost duljine točaka. 1258 01:04:41,730 --> 01:04:44,700 Dakle, mi samo dati neke Vrijednost atributa koji 1259 01:04:44,700 --> 01:04:46,500 zapravo duljina tog niza. 1260 01:04:46,500 --> 01:04:50,340 Dakle, to će reći: "U redu, ja tražim u cijelom tom nizu u tekstualno područje, 1261 01:04:50,340 --> 01:04:52,730 a ja ću reći ti koliko je to. " 1262 01:04:52,730 --> 01:04:55,500 Jer, ako se sjetimo žice su zapravo samo polja, 1263 01:04:55,500 --> 01:04:58,110 tako da mi samo može uzeti duljinu njih. 1264 01:04:58,110 --> 01:05:01,860 Tako imamo da je. 1265 01:05:01,860 --> 01:05:04,058 Cool. 1266 01:05:04,058 --> 01:05:09,360 >> Onda ono što želimo učiniti je da nikada ne žele dopustiti korisniku 1267 01:05:09,360 --> 01:05:12,340 za unos više od 140 znakova, zar ne? 1268 01:05:12,340 --> 01:05:15,610 Jer, ako kažemo poput: "Oh, ti samo toliko preostalih " 1269 01:05:15,610 --> 01:05:20,522 a onda neka to Uglavnom, mi smo bili lagao. 1270 01:05:20,522 --> 01:05:22,230 I to je još jedan Ono što JavaScript 1271 01:05:22,230 --> 01:05:24,530 može biti jako dobar za, je user valjanosti 1272 01:05:24,530 --> 01:05:29,062 i pazeći da je vaš Korisnik uklapa u bilo pravila 1273 01:05:29,062 --> 01:05:30,270 da ste pod uvjetom da se njima. 1274 01:05:30,270 --> 01:05:36,020 Dakle, ako želite raditi stvari kao što je li netko ulaz njihov e-mail adresu, 1275 01:05:36,020 --> 01:05:40,242 ili pazeći da kad upišite dvije lozinke, oni odgovaraju. 1276 01:05:40,242 --> 01:05:41,200 JavaScript može učiniti. 1277 01:05:41,200 --> 01:05:44,010 Ti bi nešto poput: "Kada Obrazac se podnosi "ili slično, 1278 01:05:44,010 --> 01:05:48,170 "Kada gumb podnijeti Obrazac je kliknuo, provjeriti sve te stvari. " 1279 01:05:48,170 --> 01:05:49,670 A mi možemo učiniti JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Dakle, to je upravo ono ćemo učiniti ovdje. 1281 01:05:52,680 --> 01:05:57,810 >> Dakle, ono što bi moglo biti način da provjerite je li oni su otišli preko 140 znakova? 1282 01:05:57,810 --> 01:06:03,310 Što će se dogoditi naša vrijednost r, ako oni pokušati? 1283 01:06:03,310 --> 01:06:04,760 To će biti negativan, zar ne? 1284 01:06:04,760 --> 01:06:07,380 Ili će to biti manje od ili jednak nuli. 1285 01:06:07,380 --> 01:06:13,690 Dakle, možemo koristiti, ako je to baš kao i sve drugo. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 I mi imamo neki tekst područje točku vrijednost, a ono što radimo ovdje 1288 01:06:20,480 --> 01:06:29,940 je da smo upravo cutting-- što je to? 1289 01:06:29,940 --> 01:06:30,900 Oprostite. 1290 01:06:30,900 --> 01:06:32,732 To je jedan, mi samo želimo vratiti false. 1291 01:06:32,732 --> 01:06:34,030 Dobio sam zbunjen. 1292 01:06:34,030 --> 01:06:36,560 Sve frazzled od stvari ne rade. 1293 01:06:36,560 --> 01:06:40,010 OK, mi samo želimo return false, a onda ćemo 1294 01:06:40,010 --> 01:06:44,160 želite prikazati Preostali likovi, zar ne? 1295 01:06:44,160 --> 01:06:48,720 Dakle, uz sat, što smo učinili nešto s unutarnjim HTML, zar ne? 1296 01:06:48,720 --> 01:06:52,070 Gdje smo postavili je jednaka neke promjenjiva, tako da ono što bismo mogli učiniti ovdje? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Što smo mijenjaju unutarnji HTML u? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> PUBLIKA: Preostalo? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON BUCHHOLTZ-AU: Mijenjamo preostalo. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 U redu, i što radimo želite postaviti jednaka? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 To će biti r, jer to trebali biti naši likovi preostalo. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Dakle, ja sam jako nervozna da li to radi sada, ali vidjet ćemo. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Ostavi to. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 To je jako brzo. 1312 01:07:37,700 --> 01:07:38,970 [Nečujan] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Opet, ja samo ću vam pokazati. 1315 01:07:45,990 --> 01:07:49,430 Iz nekog razloga, Mine ne odluči raditi, 1316 01:07:49,430 --> 01:07:53,354 ali ono što ću vam pokazati da je to is-- oh sam trebao staviti u. 1317 01:07:53,354 --> 01:07:57,470 OK, možemo uočiti istu vrstu stvar ovdje, uzimajući tekst područje. 1318 01:07:57,470 --> 01:08:01,070 >> Isto tako, ako ti dečko obavijest, ako postoji sve nešto što želite učiniti, 1319 01:08:01,070 --> 01:08:04,080 a vi ne znate kako to učiniti da, samo kliknite Prikaži izvor stranice, 1320 01:08:04,080 --> 01:08:06,632 i oni će vam reći. 1321 01:08:06,632 --> 01:08:07,840 Ponekad će biti kodiran. 1322 01:08:07,840 --> 01:08:11,147 Za vaš pset, mi kodirati sve, tako da samo izgleda kao besmislice. 1323 01:08:11,147 --> 01:08:13,480 Ali ako je ikad doista kul web stranica koja vam se sviđa, 1324 01:08:13,480 --> 01:08:17,729 Ako ste samo kliknite Prikaži izvor stranice, to će vam reći kako to učiniti. 1325 01:08:17,729 --> 01:08:20,770 Pa opet, raditi pametnije, ne teže. 1326 01:08:20,770 --> 01:08:24,250 I kao što vidite ovdje, sve ove stvari su isti. 1327 01:08:24,250 --> 01:08:31,930 ovaj ovdje samo traje malo podniz da, zaboravio sam točno što to radi. 1328 01:08:31,930 --> 01:08:36,980 No, to očito treba neki podniz vrijednosti od nula do deset, 1329 01:08:36,980 --> 01:08:41,540 a false što bi trebalo prestati Korisnik od unosa više, 1330 01:08:41,540 --> 01:08:46,040 a onda očito ažurira Unutarnja HTML tamo. 1331 01:08:46,040 --> 01:08:47,410 >> Cool. 1332 01:08:47,410 --> 01:08:53,000 Tako veliki uzimati prospekti od danas, Eksperiment, pogledati izvorni kod 1333 01:08:53,000 --> 01:08:58,359 jer to će vam pomoći puno, i svi, ponekad i JavaScript 1334 01:08:58,359 --> 01:09:03,200 može biti teško raditi i ne uvijek rade onako kako vi očekujete da, 1335 01:09:03,200 --> 01:09:05,700 ali samo pokušavati jer ja obećavam da ću. 1336 01:09:05,700 --> 01:09:08,376 I obećavaju sve ove primjere radili prije nastave. 1337 01:09:08,376 --> 01:09:09,750 Ne razumijem što se dogodilo. 1338 01:09:09,750 --> 01:09:13,069 I doslovno su sve iste. 1339 01:09:13,069 --> 01:09:17,660 >> Još jedna stvar koju sam upravo htio pokazati vam dečki koji mogu biti super korisna 1340 01:09:17,660 --> 01:09:21,630 je in-- ono što je radio prije? 1341 01:09:21,630 --> 01:09:23,935 Dobili smo stranka rada, zar ne? 1342 01:09:23,935 --> 01:09:26,569 Mislim da je tako. 1343 01:09:26,569 --> 01:09:27,069 Da. 1344 01:09:27,069 --> 01:09:27,630 Napravili smo. 1345 01:09:27,630 --> 01:09:28,250 Awesome. 1346 01:09:28,250 --> 01:09:31,189 U redu, tako da jedna stvar koja ti dečki trebali znati 1347 01:09:31,189 --> 01:09:33,340 je konzola zapisnik da sam govorio o tome. 1348 01:09:33,340 --> 01:09:37,040 Dakle utješiti dot zapisnik Hello. 1349 01:09:37,040 --> 01:09:40,430 Dakle, to je vrsta JavaScript ekvivalent printf. 1350 01:09:40,430 --> 01:09:42,810 Dakle, ako ste ikada željeli provjerite svoje varijable 1351 01:09:42,810 --> 01:09:49,649 ili vidjeti što se tamo događa, što što možete učiniti je, ako ćemo pregledati elementa, 1352 01:09:49,649 --> 01:09:51,899 je ono što želite otići da, i idete na utješiti, 1353 01:09:51,899 --> 01:09:53,770 vidjet ćete da je tiskana Pozdrav. 1354 01:09:53,770 --> 01:09:55,750 >> Tako smo mogli imati Ispis god smo htjeli. 1355 01:09:55,750 --> 01:10:04,170 Ako bismo htjeli da se ispisati pozadinu dot dot stil pozadine, 1356 01:10:04,170 --> 01:10:08,454 bismo trebali biti u mogućnosti vidjeti RGB trostruki koje dolazi. 1357 01:10:08,454 --> 01:10:11,140 Ili ne. 1358 01:10:11,140 --> 01:10:13,520 Zaboravio sam točno kako vas ispisati varijablu kao što je to, 1359 01:10:13,520 --> 01:10:17,249 ali bi trebao biti u mogućnosti ispis slične stvari. 1360 01:10:17,249 --> 01:10:19,040 To će biti vrlo korisno za svoj pset kada je 1361 01:10:19,040 --> 01:10:23,330 pokušavate manipulirati koordinira i sitnica. 1362 01:10:23,330 --> 01:10:25,270 Dakle, oni su također promijeniti ovaj komad u razredu. 1363 01:10:25,270 --> 01:10:30,750 To je različito od posljednjih godina, tako da Samo se lijepo na svoj TFS, ili TFS 1364 01:10:30,750 --> 01:10:36,350 na radnog vremena, a, jer smo vrsta učenja zajedno s vama. 1365 01:10:36,350 --> 01:10:41,230 No konzole dnevnik je super, super korisno za JavaScript prošle godine. 1366 01:10:41,230 --> 01:10:42,740 Zato ga volim. 1367 01:10:42,740 --> 01:10:43,780 Saznajte kako ga koristiti. 1368 01:10:43,780 --> 01:10:49,026 To je lakše koristiti nego GDB, tako da je treba biti barem plus point. 1369 01:10:49,026 --> 01:10:50,650 Ali hvala vam dečki nose sa sobom. 1370 01:10:50,650 --> 01:10:53,400 Žao mi je da je moj Primjeri iz nekog razloga 1371 01:10:53,400 --> 01:10:55,410 Samo ne želim surađivati ​​sa mnom, ali ja 1372 01:10:55,410 --> 01:11:01,010 nadam se da je pomoglo vrsta dobili ste malo više u zoni JavaScript. 1373 01:11:01,010 --> 01:11:04,980 I pošalji mi na sva pitanja za sljedeći tjedan, tako da mogu biti super popraviti, 1374 01:11:04,980 --> 01:11:09,420 a ja ću donijeti slatkiše i još extra Candy, jer je to bilo smiješno. 1375 01:11:09,420 --> 01:11:14,000 Ali ti dečki su super, i imaju strašan tjedan. 1376 01:11:14,000 --> 01:11:15,584