1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON Buchholtz-AU: Rendben mindenkinek. 3 00:00:12,340 --> 00:00:13,520 Üdvözöljük a szakaszt. 4 00:00:13,520 --> 00:00:15,315 Ez a mi utolsó előtti szakaszt. 5 00:00:15,315 --> 00:00:16,542 Olyan szomorú. 6 00:00:16,542 --> 00:00:19,500 Nem tudom, mit fogok csinálni anélkül, hogy látta a srácok minden hétfőn. 7 00:00:19,500 --> 00:00:20,970 Azt hiszem, meg kell Csak-- Talán csak 8 00:00:20,970 --> 00:00:22,710 Itt találkozik egy vacsorára, vagy valami. 9 00:00:22,710 --> 00:00:23,270 Nem tudom. 10 00:00:23,270 --> 00:00:24,370 Hozok ételek helyett. 11 00:00:24,370 --> 00:00:26,290 Majd csak beszélni. 12 00:00:26,290 --> 00:00:29,900 De igen, a jövő héten lesz az utolsó szakaszt. 13 00:00:29,900 --> 00:00:32,390 >> Ezen a figyelmét, hogy van egy kvíz jövő héten. 14 00:00:32,390 --> 00:00:35,660 Tudom, elfelejtettem, hogy nem az én, mint, Két héten előzetes értesítés a múlt héten, 15 00:00:35,660 --> 00:00:39,140 de remélhetőleg srácok tudta, hogy ez jön. 16 00:00:39,140 --> 00:00:42,880 Remélhetőleg ez az egyik az utolsó midterms a srácok a félévben. 17 00:00:42,880 --> 00:00:46,950 De ez meg fog terjed ki az összes anyagot, hogy eljutottunk fölött. 18 00:00:46,950 --> 00:00:50,811 Tehát ez nem tetszik akkor csak felejtsd Körülbelül négy hurkok és változók. 19 00:00:50,811 --> 00:00:52,560 Mert megtudtuk azoknak az elején, 20 00:00:52,560 --> 00:00:55,870 ezek nyilvánvalóan fair játékot a kvíz. 21 00:00:55,870 --> 00:01:00,150 >> Ez lesz az azonos formátumban, ugyanazon hosszát, így már vannak szokva. 22 00:01:00,150 --> 00:01:02,330 Ott lesz kódolási kézzel problémák, 23 00:01:02,330 --> 00:01:06,270 talán néhány igaz hamis, talán néhány rövid válasz. 24 00:01:06,270 --> 00:01:08,090 Így kell ismeri a formátumot, 25 00:01:08,090 --> 00:01:10,940 különösen akkor, ha figyelembe A gyakorlati teszteket. 26 00:01:10,940 --> 00:01:13,950 De ahogy itt mondják, hogy ez kumulatív, de mi határozottan 27 00:01:13,950 --> 00:01:17,410 fog koncentrálni, dolgokat héten hat kezdve. 28 00:01:17,410 --> 00:01:24,050 Tehát valószínűleg nem fog kérdezném, hogy hány bájt 29 00:01:24,050 --> 00:01:26,180 van az egyes típusú vagy azok a dolgok, 30 00:01:26,180 --> 00:01:29,730 de mi valószínűleg lesz érdekel a dolgok, mint láncolt listák, 31 00:01:29,730 --> 00:01:32,750 vagy különböző adatstruktúrákból vagy különböző algoritmusok 32 00:01:32,750 --> 00:01:33,960 hogy beszéltünk. 33 00:01:33,960 --> 00:01:38,990 Úgyhogy győződjön meg róla, hogy tényleg fel azokat, és ha 34 00:01:38,990 --> 00:01:41,590 szükséged forrásokat, itt a sok erőforrást. 35 00:01:41,590 --> 00:01:44,790 Én csak adtam neked kedves Egy rövid lista van. 36 00:01:44,790 --> 00:01:48,330 >> Jövő héten lesz kvíz felülvizsgálja ez idő alatt. 37 00:01:48,330 --> 00:01:52,290 Tehát, ha bármilyen kérdése van vagy konkrét témákról, 38 00:01:52,290 --> 00:01:56,180 konkrét dolgokat a kvíz, hogy szeretnél menni mint, kérjük, 39 00:01:56,180 --> 00:02:01,780 küldje el nekem előre az időben, így tudok fajta készítsen néhány anyag, hogy. 40 00:02:01,780 --> 00:02:06,310 És ezen túlmenően szakasz felülvizsgálatát, akkor 41 00:02:06,310 --> 00:02:09,616 is tartja a tanfolyam-szerte felülvizsgálja mint tettük azt legutóbb. 42 00:02:09,616 --> 00:02:11,490 És ez lesz által ugyanazon emberek. 43 00:02:11,490 --> 00:02:13,030 Nem tudom, ha ez teszi, hogy jobb vagy rosszabb, 44 00:02:13,030 --> 00:02:15,670 de ez lesz velem, Hannah, Davan, és Gabe újra. 45 00:02:15,670 --> 00:02:18,630 Tehát, ha azt szeretnénk, hogy jöjjön látni mindannyiunkat ugratás egymással 46 00:02:18,630 --> 00:02:21,270 és végigvezeti kvíz felülvizsgálatot, akkor feltétlenül 47 00:02:21,270 --> 00:02:22,600 jönni, hogy jövő hétfőn is. 48 00:02:22,600 --> 00:02:26,210 Szóval akkor csak meg hétfőn jam csomagolt kvíz felülvizsgálata, ami jó 49 00:02:26,210 --> 00:02:29,840 mert akkor kedd feldolgozni keresztül mindent. 50 00:02:29,840 --> 00:02:32,230 >> De biztosan nem ellenőrzi meg ezeket a forrásokat. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net messze, I gondol, az egyik a leghasznosabb, 52 00:02:36,030 --> 00:02:37,990 leginkább azért, mert van Sok minta kódját, 53 00:02:37,990 --> 00:02:40,490 azt minden hatalom pont az összes jegyzetek rajta, 54 00:02:40,490 --> 00:02:44,510 amelyek igazán az, amit felhívni a legtöbb Az én területem anyagok. 55 00:02:44,510 --> 00:02:47,480 Ha van valami a korábbi szakaszok hogy én is küldtem 56 00:02:47,480 --> 00:02:49,920 hogy lehet, hogy nem ütött, csak szóljatok. 57 00:02:49,920 --> 00:02:52,520 Mint a múlt heti minta kódját, Ha valaki nem kapta meg, 58 00:02:52,520 --> 00:02:55,930 csak e-mailt nekem, vagy jöjjön beszélni velem, és én győződjön meg arról, hogy kapsz, hogy. 59 00:02:55,930 --> 00:03:02,000 >> Tehát az, hogy ma megyünk hogy beszél a JavaScript. 60 00:03:02,000 --> 00:03:04,690 Tehát itt vagyunk Tommy, aki voltam, csak beszélgetek veled tegnap este. 61 00:03:04,690 --> 00:03:06,670 Szeretem Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript a kedvenc nyelvet, mint mondja itt. 63 00:03:09,040 --> 00:03:14,050 Megpróbálják, és mondd meg, hogy ez az nem a legjobb, és rossz lesz. 64 00:03:14,050 --> 00:03:16,510 Szóval Tommy egy JavaScript mester. 65 00:03:16,510 --> 00:03:19,850 Nem vagyok az ő szinten, de én, mint 66 00:03:19,850 --> 00:03:22,900 "Tommy, hogyan tanítok ezek a gyerekek JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Szóval van néhány tipp, így remélhetőleg dolgoznak ki. 68 00:03:26,700 --> 00:03:31,140 >> Tehát egy pár dolgot tudnunk kell, hogy A JavaScript kliens-oldali script 69 00:03:31,140 --> 00:03:35,560 nyelv, így míg PHP valami hogy mi tekinthető több szerver oldali, 70 00:03:35,560 --> 00:03:39,280 azt feltölteni a szerverre, összeállította és végrehajtásánál. 71 00:03:39,280 --> 00:03:42,871 Ez az egyik kivégzett a saját gépünkön. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Szóval a terhelés egy JavaScript oldalon, és végrehajtja a gépen. 74 00:03:46,960 --> 00:03:49,910 Szintaxis nagyon hasonlít a C és a PHP. 75 00:03:49,910 --> 00:03:52,490 Megyünk végig Néhány példa a JavaScript, 76 00:03:52,490 --> 00:03:56,740 és fogsz látni, hogy a Így beszélünk változók, hurkok, 77 00:03:56,740 --> 00:03:58,910 és feltételek mind nagyon hasonlóak. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Az a tény, hogy annyira hasonló a valószínűleg meg is old néhányan közületek 80 00:04:04,490 --> 00:04:08,529 fel, bizonyos esetekben, csak azért, mert akkor bele egy kicsit a C 81 00:04:08,529 --> 00:04:09,570 ahol nem kellene. 82 00:04:09,570 --> 00:04:14,130 Lehet, hogy próbálja meg és írj be valami ha nem kell leírni. 83 00:04:14,130 --> 00:04:16,540 >> És azon, egy dolog, hogy tudom, hogy a JavaScript 84 00:04:16,540 --> 00:04:19,360 van egy dinamikus típusú nyelv, mint a PHP. 85 00:04:19,360 --> 00:04:21,410 Tehát, ha a srácok emlékezni szakasztól a múlt héten, 86 00:04:21,410 --> 00:04:23,680 amikor mi voltunk a fajta csinál a PHP gyorstalpaló, 87 00:04:23,680 --> 00:04:28,860 láttuk, hogy a húr egyik lehet vált egy int egyetlen, és így tovább. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 A típus a változók határozzák futási időben, 90 00:04:34,850 --> 00:04:38,180 így is változhat a során a program, 91 00:04:38,180 --> 00:04:43,109 és ugyanúgy, hogy soha nem Tényleg kijelentem típus használata PHP változók, 92 00:04:43,109 --> 00:04:45,900 mi lesz ezzel azonos dolog itt, ahol vagyunk, nem igazán 93 00:04:45,900 --> 00:04:49,740 ellenőrzése a tipusú változók, hogy úgy mondjam, mint mi a C. 94 00:04:49,740 --> 00:04:52,200 >> És akkor egy dolog hogy elég hűvös van 95 00:04:52,200 --> 00:04:54,090 hogy lehet hiba keresztül ellenőrizze a konzol, 96 00:04:54,090 --> 00:04:57,240 Ezzel a nagy funkcióval console.log, amely 97 00:04:57,240 --> 00:05:00,930 lehetővé teszi, hogy nyomtassa ki a különböző változók vagy tárgyak, hogy mi lesz 98 00:05:00,930 --> 00:05:01,750 beszéljünk. 99 00:05:01,750 --> 00:05:05,720 Csakúgy, mint a múlt héten, amikor én voltam mint "használja ezt a funkciót," a lerakó 100 00:05:05,720 --> 00:05:10,490 az Ön PSET ez a funkció használni kívánt, console.log. 101 00:05:10,490 --> 00:05:12,860 Annyira meglepődtem, hogy hány hallgatók hivatali munkaidőben 102 00:05:12,860 --> 00:05:14,530 Nem tudni a dump funkció. 103 00:05:14,530 --> 00:05:19,010 És én, mint "srácok, ez az akarat hogy az élet így sokkal könnyebb. " 104 00:05:19,010 --> 00:05:22,960 >> Rendben, hogy kedves volt Csak egy rövid dolog, mint mindig, 105 00:05:22,960 --> 00:05:24,000 van példa. 106 00:05:24,000 --> 00:05:25,600 Tudom, hogy ti is szeretik azokat. 107 00:05:25,600 --> 00:05:30,930 Tehát itt egy példa egy nagyon egyszerű JavaScript fájl van. 108 00:05:30,930 --> 00:05:34,000 Szóval ez csak létre fog hozni ez a pop-up, amely azt mondja, 109 00:05:34,000 --> 00:05:36,336 "Hello world", amikor írjuk be az oldal, de most 110 00:05:36,336 --> 00:05:37,960 megpróbál járni ezen keresztül egy kicsit. 111 00:05:37,960 --> 00:05:43,440 Természetes tehát, hogy ez csak mint a normál index.html. 112 00:05:43,440 --> 00:05:50,280 Szóval, csak a normál sablont innen, és mi van HTML, Megvan a fej, 113 00:05:50,280 --> 00:05:55,580 és mint a CSS, hogyan benne valami külső fájlt, ugye? 114 00:05:55,580 --> 00:05:59,260 Van néhány script type szöveg, amely JavaScript. 115 00:05:59,260 --> 00:06:02,680 És a forrás hello.js, ami itt lent. 116 00:06:02,680 --> 00:06:05,630 Ez az egész fájlt a hello.js. 117 00:06:05,630 --> 00:06:09,080 És akkor mi van némi Cím és néhány szervezet HTML 118 00:06:09,080 --> 00:06:11,050 hogy nem igazán érdekel. 119 00:06:11,050 --> 00:06:15,970 >> Mi történik az, hogy mikor betölteni az oldalt, automatikusan végrehajtja ezt a forgatókönyvet. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Tehát JavaScript automatikusan végrehajtásra. 122 00:06:18,790 --> 00:06:22,860 Tehát mit fog csinálni, ez lesz hogy azonnal menjen, és végre ezt. 123 00:06:22,860 --> 00:06:24,110 És ez meg fog mondani, hogy "éber. 124 00:06:24,110 --> 00:06:25,190 Hello world. " 125 00:06:25,190 --> 00:06:30,840 Amelyek figyelmeztetik a funkciót, hogy valóban létre ezt a dobozt. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Szóval ez a fajta minden felölelnek. 128 00:06:33,390 --> 00:06:36,700 Nincs semmi extra volt csinálni mellett csak éber, 129 00:06:36,700 --> 00:06:40,000 majd, amit csak akarunk a mi Alert mezőbe. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Szóval ez csak egy szuper egyszerű Például, hogy mi JavaScript tehet. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Az egyik nagyon klassz dolgokat, mint látni fogjuk, 134 00:06:50,070 --> 00:06:55,150 az, hogy a JavaScript segítségével manipulálni a weboldalakat, 135 00:06:55,150 --> 00:06:57,720 anélkül, hogy helyezze vissza minden alkalommal. 136 00:06:57,720 --> 00:07:01,830 Tehát, ha want-- például, ha Ön lebeg valamit, 137 00:07:01,830 --> 00:07:04,300 ha a srácok valaha láttam, mint a menüsorok, 138 00:07:04,300 --> 00:07:07,360 vagy ha lebeg át néhány Téma, egy legördülő menü jelenik meg, 139 00:07:07,360 --> 00:07:08,670 hogy azért, mert a JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Szóval nem újratöltés az egész oldalt kap Ebben a menüben jelenik meg, 142 00:07:12,670 --> 00:07:17,240 csak keres valami konkrét akció, hogy a felhasználó megtette, 143 00:07:17,240 --> 00:07:21,800 amelyek úgynevezett események szerzünk a, és ha látod, hogy azt mondod, 144 00:07:21,800 --> 00:07:25,960 "OK, szerkeszteni valamit ebben a oldal és azt a látszatot különböző, 145 00:07:25,960 --> 00:07:28,270 de csak szerkeszteni ezeket a konkrét dolgokat. 146 00:07:28,270 --> 00:07:29,690 Ne töltse be újra az egészet. " 147 00:07:29,690 --> 00:07:33,110 Így valójában sokkal szebb, és Önnek nem kell újratölteni a lapokat, 148 00:07:33,110 --> 00:07:34,510 és ez nagyon klassz. 149 00:07:34,510 --> 00:07:38,270 >> Szóval változó nyilatkozatok, így egyfajta lásd, 150 00:07:38,270 --> 00:07:40,530 Tettem a tetején van, lazán gépelt. 151 00:07:40,530 --> 00:07:42,570 Tehát ez nagyon hasonlít a PHP. 152 00:07:42,570 --> 00:07:48,770 Nem kell mondani JavaScript milyen típusú vagyunk 153 00:07:48,770 --> 00:07:50,740 vár minden ilyen változók. 154 00:07:50,740 --> 00:07:52,560 Lehetnek bármilyen típusú akarunk. 155 00:07:52,560 --> 00:07:57,480 Tehát azt veszi észre, ebben az esetben, kinyilvánítjuk őket nagyon egyszerű, csupán a "var" 156 00:07:57,480 --> 00:08:00,990 majd, amit csak akarunk a változó neve legyen. 157 00:08:00,990 --> 00:08:05,680 Egy dolog megjegyezni, hogy ha tedd var előtt egy változó neve, 158 00:08:05,680 --> 00:08:07,520 e helyben tár meg. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Ez teljesen ésszerű az Ön számára hogy teljesen igazságos törli a var 161 00:08:14,025 --> 00:08:18,970 és csak s egyenlő CS50, és hogy ez csak egy globális változót. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Szóval lehet inicializálni ez mindkét irányban, Csak attól függ, hogyan szeretné azt. 164 00:08:22,490 --> 00:08:24,448 Tehát, ha inicializálása ez egy függvényen belül, 165 00:08:24,448 --> 00:08:28,070 és azt szeretné, hogy változó maradj távcsöves belül ilyen funkciót, 166 00:08:28,070 --> 00:08:31,620 fogsz akar csinálni olyasmi, mint var name változó, 167 00:08:31,620 --> 00:08:34,270 versus ha azt akarjuk, globálisan távcsöves, akkor 168 00:08:34,270 --> 00:08:36,240 csak csinálni a nevét A változó majd 169 00:08:36,240 --> 00:08:38,270 amit szeretne, hogy egyenlővé tenni. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> Ez elég jó dolog itt lenn, mert ha azt vesszük észre, mi változót 172 00:08:45,580 --> 00:08:47,590 b indul ki, mint igaz. 173 00:08:47,590 --> 00:08:51,280 És mi ez a does-- lehet valaki mondja meg, mit is csinál ez? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Így van némi figyelmeztetés. 176 00:08:55,890 --> 00:09:00,156 Mi lenne típusa b legyen az elején? 177 00:09:00,156 --> 00:09:00,905 Közönség: logikai. 178 00:09:00,905 --> 00:09:01,330 ALLISON Buchholtz-AU: logikai. 179 00:09:01,330 --> 00:09:01,940 Jobb. 180 00:09:01,940 --> 00:09:07,260 És akkor mi átrendelhet b hogy ez a szöveg, ugye? 181 00:09:07,260 --> 00:09:11,170 Szóval akkor itt, milyen b lenni? 182 00:09:11,170 --> 00:09:12,480 Jó lenne egy string, ugye? 183 00:09:12,480 --> 00:09:14,900 Szóval mi a fontos észre, hogy a c, akkor 184 00:09:14,900 --> 00:09:17,330 Szinte soha nem valami ilyesmi. 185 00:09:17,330 --> 00:09:22,000 Mi volna, hogy egy változót, öntött rá, mint valami más, 186 00:09:22,000 --> 00:09:27,185 Talán nem néhány funkció a két i, megy a töltés egész. 187 00:09:27,185 --> 00:09:31,063 De ha azt vesszük észre, itt, b nagyon könnyen változik írja. 188 00:09:31,063 --> 00:09:33,760 >> Közönség: Várj, így csak lenni, mint, "hogy b egész szám?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON Buchholtz-AU: Igen. 190 00:09:34,360 --> 00:09:36,185 Tudod csak átminősítése b egészre. 191 00:09:36,185 --> 00:09:36,910 >> Közönség: Tényleg? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON Buchholtz-AU: Igen. 193 00:09:38,035 --> 00:09:39,810 És akkor lenne egy int. 194 00:09:39,810 --> 00:09:43,820 Tehát a változók változhat A program során a túl. 195 00:09:43,820 --> 00:09:46,410 Ezek nem feltétlenül gépelt. 196 00:09:46,410 --> 00:09:49,180 Ez nagyon gyengén típusos. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Alapvetően a változók csinálsz, amit akarnak, mint mi fajta látta a PHP. 199 00:09:54,820 --> 00:09:59,430 Megtehetik őrült dolgokat, így ezért fontos, hogy legyen elég óvatos. 200 00:09:59,430 --> 00:10:01,200 Adjon nevet a változók is. 201 00:10:01,200 --> 00:10:03,450 Ha nem teszed, hirtelen fogsz lenni, mint, 202 00:10:03,450 --> 00:10:05,783 "Várj, azt hittem ez a húr, és most ez egy int, 203 00:10:05,783 --> 00:10:08,170 és nem vagyok egészen biztos benne, mi folyik itt. " 204 00:10:08,170 --> 00:10:12,410 Tehát ez csak egy egyszerű példa bemutatja, hogyan változtatható könnyen 205 00:10:12,410 --> 00:10:15,890 megváltoztatni a típusát fölött A tanfolyam a program. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Tehát ez kell nézni szuper, szuper ismerős. 208 00:10:19,200 --> 00:10:21,510 Tehát ezek a hurkok JavaScript. 209 00:10:21,510 --> 00:10:27,780 Ezek pontosan ugyanaz, kivéve Négy helyett int i nullával egyenlő, 210 00:10:27,780 --> 00:10:30,470 tudnánk mondani var i nullával egyenlő. 211 00:10:30,470 --> 00:10:34,100 És akkor mi lehetett volna a ugyanaz a fajta A feltétel, ugyanaz a fajta frissítés 212 00:10:34,100 --> 00:10:36,090 i plus plus működik, csak finom. 213 00:10:36,090 --> 00:10:39,800 Tehát négyes ugyanaz, mindaddig ugyanaz, 214 00:10:39,800 --> 00:10:41,440 és nem whiles pontosan ugyanaz. 215 00:10:41,440 --> 00:10:44,070 Ugyanaz a fajta általános formája. 216 00:10:44,070 --> 00:10:48,840 Mi észre, négy, zárójelben, zárójelben, ez mind ugyanaz. 217 00:10:48,840 --> 00:10:51,470 Szintén ott lesz a pontosvessző ha eljutunk a példa kód. 218 00:10:51,470 --> 00:10:55,250 Látni fogod, hogy elég nagyjából ugyanaz, mint a C. 219 00:10:55,250 --> 00:10:59,770 >> A működés nyilatkozatok, ismét, nagyon hasonló. 220 00:10:59,770 --> 00:11:05,100 Van valami funkciója, hogy csak azt mondja, hogy ez a funkció, majd 221 00:11:05,100 --> 00:11:07,660 A neve a mi funkciót, és a bemenet. 222 00:11:07,660 --> 00:11:11,590 És újra, ha azt vesszük észre, mi Nincs típusú itt sincs. 223 00:11:11,590 --> 00:11:12,090 Ugye? 224 00:11:12,090 --> 00:11:18,150 Nekünk semmi mondván, hogy ezek a kell ints vagy páros, vagy úszik. 225 00:11:18,150 --> 00:11:19,530 Ők lehetnek, amit akarnak. 226 00:11:19,530 --> 00:11:23,560 Ami fontos megjegyezni, hogy meg kell írni a funkció előre 227 00:11:23,560 --> 00:11:26,430 hogy hagyja JavaScript tudni, hogy ez valójában egy funkciót. 228 00:11:26,430 --> 00:11:29,820 >> Tehát ez csak néhány egyszerű összege függvény, amely visszaadja az x vagy y, 229 00:11:29,820 --> 00:11:33,800 és akkor mi is hűvös az, hogy ténylegesen 230 00:11:33,800 --> 00:11:35,950 jelölhet ki egy funkciót változó. 231 00:11:35,950 --> 00:11:41,770 Tehát ebben az esetben, összeg most a funkció, amely valójában nem összeget. 232 00:11:41,770 --> 00:11:47,740 Tehát, ha megemlítem, van funkciót, nevét funkció, bemenet. 233 00:11:47,740 --> 00:11:48,860 Ugye? 234 00:11:48,860 --> 00:11:52,120 Itt már csak meg működését és bemenetek. 235 00:11:52,120 --> 00:11:54,310 Ezért hívják egy névtelen függvényt. 236 00:11:54,310 --> 00:11:59,265 És ez a valami, legyen az új a legtöbb srácok, ha nem mind. 237 00:11:59,265 --> 00:12:01,140 Tehát alapvetően ez az azt jelenti, hogy mi nem 238 00:12:01,140 --> 00:12:03,050 meg kell neveznie a mi funkció ebben az esetben. 239 00:12:03,050 --> 00:12:06,260 Mi is csak azt mondja: "OK, megyek van ez a funkció, amely végrehajtja, itt 240 00:12:06,260 --> 00:12:08,550 a felhasználásával, és itt mit fog csinálni. " 241 00:12:08,550 --> 00:12:12,540 És főleg ha éppen kiosztása a funkció bizonyos változó 242 00:12:12,540 --> 00:12:14,950 hogy fogsz manipulálni, Nem feltétlenül 243 00:12:14,950 --> 00:12:17,116 meg kell neveznie, mert akkor leszel utalva 244 00:12:17,116 --> 00:12:20,990 hogy ez a változó által nevet és nem bármilyen 245 00:12:20,990 --> 00:12:22,840 A funkció tulajdonképpen az úgynevezett. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Tehát, ha itt látunk, akkor Van néhány változó összeget most 248 00:12:27,810 --> 00:12:30,920 , amely egyenlő a összege három-öt. 249 00:12:30,920 --> 00:12:33,070 És mi lenne, hogy ezt. 250 00:12:33,070 --> 00:12:36,750 És ez csak egy kis figyelmeztetés, Három plusz öt számával egyenlő. 251 00:12:36,750 --> 00:12:43,950 Ez a plusz majd csak összefűzni bármi legyen a válasz az volt rá a húr. 252 00:12:43,950 --> 00:12:47,420 Szintén jó, plusz lehet összefűzni szálakat. 253 00:12:47,420 --> 00:12:53,510 >> A JavaScript mint a PHP, HTML, CSS és ahogy mondta, 254 00:12:53,510 --> 00:12:56,450 sok is Mi vagyunk a fajta figyelembe A képzés kerekek le itt 255 00:12:56,450 --> 00:13:02,030 és a srácok sok a know hogyan kell igazán értem ezeket a dolgokat. 256 00:13:02,030 --> 00:13:04,280 Ők kicsit más, de ők nem olyan külföldi 257 00:13:04,280 --> 00:13:09,460 és hogy van nem a Google a dolgokat, vagy nézni őket online w3 iskolákban. 258 00:13:09,460 --> 00:13:12,755 És mi nagyon vártalak srácok, milyen, kísérlet 259 00:13:12,755 --> 00:13:14,400 és tanulni a saját. 260 00:13:14,400 --> 00:13:19,490 Szóval, tudom, hogy ez úgy tűnik, egy kicsit kevesebb alapos mint néhány, a C dolgok 261 00:13:19,490 --> 00:13:21,936 mi, de ez valójában az oka. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 De remélhetőleg ez nem túl különböző, és ez nem nyomasztó. 264 00:13:28,470 --> 00:13:31,940 >> Tehát a tömbök JavaScript, megint nagyon, nagyon hasonló. 265 00:13:31,940 --> 00:13:32,460 Ugye? 266 00:13:32,460 --> 00:13:36,520 Van néhány változó tömb ez egyenlő az üres szerelvényeket, 267 00:13:36,520 --> 00:13:40,340 és ez csak egy üres tömböt. 268 00:13:40,340 --> 00:13:43,420 Ezt gyakran nevezik szó tömb jelöléssel. 269 00:13:43,420 --> 00:13:45,280 Ez csak egy dolog hívjuk. 270 00:13:45,280 --> 00:13:51,380 Ha látjuk tömb két itt van néhány szó tömb három eleme van, 271 00:13:51,380 --> 00:13:51,910 ugye? 272 00:13:51,910 --> 00:13:54,640 És akkor mi van némi var harmadik elem, hogy az 273 00:13:54,640 --> 00:13:58,060 Néhány változó, amely csak fog tartani ez a húr, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Az elemek, jó észrevenni, vesszővel elválasztva, 276 00:14:06,170 --> 00:14:07,740 csakúgy, mint várnánk. 277 00:14:07,740 --> 00:14:14,630 És akkor is hozzáférjen ezekhez, mint mi C-ben ez a mutató jelölés, igaz? 278 00:14:14,630 --> 00:14:16,950 Annyira különbözik a PHP Most, megyünk vissza 279 00:14:16,950 --> 00:14:20,180 hogy csak ilyen hivatkozással a dolgokat index. 280 00:14:20,180 --> 00:14:22,189 Csakúgy, mint a C, ez is nulla index. 281 00:14:22,189 --> 00:14:25,230 Úgy érzem, mintha lenne nagyon kegyetlen ha hirtelen történik JavaScript egyet 282 00:14:25,230 --> 00:14:30,630 index, és ha kellett, hogy teljesen újragondoljuk, mit gondol a tömbök. 283 00:14:30,630 --> 00:14:36,140 >> Az egyik fontos dolog az, hogy ahelyett, kelljen do-- ha valaha 284 00:14:36,140 --> 00:14:39,240 akarta, hogy a hossza a tömb, Lehet, hogy halad végig, hogy 285 00:14:39,240 --> 00:14:43,430 amíg nem talál valami vége, vagy akkor csak azt tudom, hogy mi az. 286 00:14:43,430 --> 00:14:49,310 Mert JavaScript nagyon laza több módon, mint írja, mint amit itt látunk, 287 00:14:49,310 --> 00:14:53,310 tudjuk csak, hogy ez array nagyobb, mert úgy döntünk, hogy. 288 00:14:53,310 --> 00:14:56,177 Ha azt vesszük észre, tömb három Három dolgot kezdeni, 289 00:14:56,177 --> 00:14:58,510 de aztán hirtelen, Olyanok vagyunk, mint, "Ó, csak vicceltem. 290 00:14:58,510 --> 00:15:01,370 Mi történt valójában annak érdekében, hogy a 101 dolog. " 291 00:15:01,370 --> 00:15:05,300 Tehát, ha valaha is szeretne tudni a tényleges hossza a tömb, 292 00:15:05,300 --> 00:15:06,680 akkor ezt teszem. 293 00:15:06,680 --> 00:15:10,470 És mi lesz, hogy egy csomó Az ezt a jelölést a példák, 294 00:15:10,470 --> 00:15:12,730 de JavaScript ez általában bármilyen 295 00:15:12,730 --> 00:15:16,410 objektum, amiről te beszélsz dot bármilyen fajta funkció 296 00:15:16,410 --> 00:15:17,740 alkalmazni szeretne rá. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Tehát ebben az esetben, a mi objektum tömb két, 299 00:15:20,520 --> 00:15:23,470 és azt mondjuk, szeretnénk, ha a hossza tömb két. 300 00:15:23,470 --> 00:15:25,716 Tehát ez csak kéri, mint hossza rajta. 301 00:15:25,716 --> 00:15:27,090 És, hogy visszaadja a hossza. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Még valami megjegyezni, hogy ha azt vesszük észre, mi tömbök, 304 00:15:36,790 --> 00:15:39,830 ellentétben a C, nem rendelkeznek hogy az összes azonos típusú. 305 00:15:39,830 --> 00:15:41,670 Ez sokkal, mint a PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript alapvetően ugyanúgy, mint ezt az érdekes meld a C és a PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Szóval ezzel is foglalkozom. 309 00:15:52,170 --> 00:15:56,750 Mert most, nézzük csak feltételezni hogy a tömbök alapvetően 310 00:15:56,750 --> 00:16:00,640 mint a C tömbök, hogy ezek nulla indexelt. 311 00:16:00,640 --> 00:16:04,120 OK, így minden. 312 00:16:04,120 --> 00:16:08,850 Azt is csak meghosszabbítja a array, hogy bármilyen index akarsz. 313 00:16:08,850 --> 00:16:14,260 Mivel ez valószínűleg seg hibája, akkor vagy ad egy kis hiba, 314 00:16:14,260 --> 00:16:15,970 JavaScript, mint, "nah, ez rendben van. 315 00:16:15,970 --> 00:16:16,620 Majd én. 316 00:16:16,620 --> 00:16:19,460 Majd csak egyenesen ahol akarsz. " 317 00:16:19,460 --> 00:16:24,310 >> OK, így a tárgyak nagyon fontos. 318 00:16:24,310 --> 00:16:29,720 Srácok, lesz egy csomó ilyen a P halmaz, ha jól emlékszem. 319 00:16:29,720 --> 00:16:34,780 Tehát a dolog, hogy ezek hasonló a C-ben struktúrákat. 320 00:16:34,780 --> 00:16:39,290 Így gondolja about-- ha megyünk egy példát jobb 321 00:16:39,290 --> 00:16:41,810 Ezek után azt hiszem, ez hogy sokkal több sense-- 322 00:16:41,810 --> 00:16:45,830 de alapvetően használt tárgyak szervezni természetesen a kapcsolódó információkat. 323 00:16:45,830 --> 00:16:47,780 Amikor beszélgettünk Struktúrák a C, gyakran 324 00:16:47,780 --> 00:16:53,405 beszélni egy diák, aki volt néhány nevet, ID, ház, tudod, a koncentráció. 325 00:16:53,405 --> 00:16:56,030 És ez a fajta ugyanezt hogy az általunk használt tárgyak itt. 326 00:16:56,030 --> 00:16:59,300 Ez csak szervezni hasonló információkat. 327 00:16:59,300 --> 00:17:03,620 >> Azt is gondolom, ilyen például a több hasonló asszociatív tömbök a PHP. 328 00:17:03,620 --> 00:17:10,010 Ez lenne tehát a fajta dolog ahol van néhány kulcsfontosságú néhány érték, 329 00:17:10,010 --> 00:17:12,859 nagyon hasonlít a PHP. 330 00:17:12,859 --> 00:17:15,780 Szóval lehet inicializálni néhány Üres objektum, mint látjuk itt, 331 00:17:15,780 --> 00:17:17,390 Csak kapcsos zárójelek. 332 00:17:17,390 --> 00:17:19,160 Tehát tömbök szögletes zárójelben. 333 00:17:19,160 --> 00:17:21,220 Üres tárgyak kapcsoszárójele. 334 00:17:21,220 --> 00:17:24,020 Jó különbséget, hogy van. 335 00:17:24,020 --> 00:17:27,319 És ezek csak két különböző módon lehet beállítani tulajdonságait. 336 00:17:27,319 --> 00:17:31,460 Tehát ez a fajta sokkal inkább úgy, hogy 337 00:17:31,460 --> 00:17:35,220 hasonló a PHP, a mi asszociatív tömbök, a mi legfontosabb, 338 00:17:35,220 --> 00:17:39,910 és mi érték, míg ez ez-- azt is megtudhatod 339 00:17:39,910 --> 00:17:41,920 lásd ebben sokkal több a JavaScript. 340 00:17:41,920 --> 00:17:43,550 Ez szokott lenni az egyezmény. 341 00:17:43,550 --> 00:17:47,660 És ugyanúgy, hogy megcsináltuk tömb két pont hossza, ezt mondván: 342 00:17:47,660 --> 00:17:51,580 "OK, add nekem ezt attribútum az objektum. " 343 00:17:51,580 --> 00:17:52,110 Ugye? 344 00:17:52,110 --> 00:17:55,660 Tehát ugyanúgy volt, mint, "adj Az attribútum hossza tömb két, " 345 00:17:55,660 --> 00:17:59,970 ez azt mondja, "adj egy kis tulajdonának üres objektumot. " 346 00:17:59,970 --> 00:18:02,890 Vagy ebben az esetben, mi hozzárendelésével valamilyen értéket. 347 00:18:02,890 --> 00:18:06,200 De akkor is elérheti ez így. 348 00:18:06,200 --> 00:18:09,090 >> És akkor itt van ez csak amelyen két különböző figyelmeztetéseket. 349 00:18:09,090 --> 00:18:12,320 Tehát ez azt mutatja, a riasztások lenne az pontosan ugyanaz, 350 00:18:12,320 --> 00:18:17,150 ez csak két különböző módon hozzáférés az elem, amit akar. 351 00:18:17,150 --> 00:18:19,552 Van ennek értelme mindenki számára? 352 00:18:19,552 --> 00:18:21,510 Úgy érzem, ez az egyik Valószínűleg több értelme, 353 00:18:21,510 --> 00:18:23,270 csak azért, mert mi megyünk ki a PHP. 354 00:18:23,270 --> 00:18:26,400 De, mint mi több példát, ezt a van szó pontosan ugyanaz. 355 00:18:26,400 --> 00:18:28,170 A sok ez csak megváltoztatni a szintaxis. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> OK, így példát. 358 00:18:33,030 --> 00:18:34,180 Szeretem példákat. 359 00:18:34,180 --> 00:18:40,070 Íme tehát néhány CS50 változó, amely egy objektum, 360 00:18:40,070 --> 00:18:42,160 és mi Store Ez információt róla. 361 00:18:42,160 --> 00:18:46,680 Tehát van persze, oktató, TFS, psets, és ragasztószalaggal. 362 00:18:46,680 --> 00:18:51,840 Tehát azt látjuk, ezek szinte minden különböző típusú. 363 00:18:51,840 --> 00:18:52,340 Ugye? 364 00:18:52,340 --> 00:18:56,230 Tehát tárgyak tárolására attribútumok különböző típusú. 365 00:18:56,230 --> 00:19:01,220 Azt is gondolom, this-- nagyon hasonló a mi asszociatív tömb PHP. 366 00:19:01,220 --> 00:19:07,470 Tehát kulcs, érték, kulcs, érték, kulcs, érték, így tovább és így tovább. 367 00:19:07,470 --> 00:19:11,230 Mi is érdekes, ugyanúgy hogy mi lehet a tömbök tömbök, 368 00:19:11,230 --> 00:19:14,690 Mi is van tárgyak tárgyak, vagy tömbök tárgyakat. 369 00:19:14,690 --> 00:19:18,410 Te soha nem korlátozódik Csak egyetlen egy dolog. 370 00:19:18,410 --> 00:19:24,220 Mi lehet kapni nagyon Inceptionesque, csak menj le a nyúl lyuk van. 371 00:19:24,220 --> 00:19:26,080 >> Tehát, ha azt vesszük észre, mi Van néhány persze, hogy 372 00:19:26,080 --> 00:19:31,120 egy karakterlánc, oktató, hogy egy húr, és tömb, int, és a logikai. 373 00:19:31,120 --> 00:19:36,110 Ezért az összes ilyen különböző dolog. 374 00:19:36,110 --> 00:19:39,600 >> Rendben, igen, van egy másikat. 375 00:19:39,600 --> 00:19:42,930 Tehát ebben az esetben, van egy sor tárgyakat. 376 00:19:42,930 --> 00:19:45,320 Szóval, csak úgy, mint egy tárgyat lehet egy tömb benne. 377 00:19:45,320 --> 00:19:47,210 Mi is van egy sor tárgyakat. 378 00:19:47,210 --> 00:19:51,250 Ez hasznos lehet gondolni hasonló jellegű 379 00:19:51,250 --> 00:19:54,260 hogyan volt egy hash asztal, volt egy tömbben 380 00:19:54,260 --> 00:19:56,220 Ezen különböző típusú struktúrákat, hogy 381 00:19:56,220 --> 00:19:59,070 voltak mutatókat különböző csomópontok és miegymás. 382 00:19:59,070 --> 00:20:01,420 De ebben az esetben, mi Van egy sor tárgyakat. 383 00:20:01,420 --> 00:20:04,890 Tehát ez olyan, mint egy tömb Az asszociatív tömbök. 384 00:20:04,890 --> 00:20:09,430 Így van némi első eleme lenne tárgya lehet a neve James 385 00:20:09,430 --> 00:20:11,340 és a ház Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Talán még emlékeztek valami nagyon hasonló ehhez 387 00:20:14,780 --> 00:20:21,710 Ön az utolsó PSET, ahol, ha húzta valamit az adatbázisból, 388 00:20:21,710 --> 00:20:24,480 Az első fajta dolog a tömb volt 389 00:20:24,480 --> 00:20:27,110 az összes információt Az első felhasználó, hogy találkoztam vele, 390 00:20:27,110 --> 00:20:30,765 és akkor kellett index be, hogy hogy az állomány, vagy a gyorsítótárat 391 00:20:30,765 --> 00:20:32,110 vagy miegymás. 392 00:20:32,110 --> 00:20:34,620 Tehát ez egy nagyon hasonló dolog, csak egy kis változás 393 00:20:34,620 --> 00:20:39,570 szintaktikai, kicsit megváltozott A szavakat használunk leírni őket. 394 00:20:39,570 --> 00:20:45,960 >> Tehát ha azt akartuk, valaki meg tudja mondani nekem, hogy mi ez a figyelmeztetés lenne itt csinálni? 395 00:20:45,960 --> 00:20:48,780 Vagy mi ez a darabka kódot tenne nekünk? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 Közönség: Ez fogok adni mindent a nevét. 398 00:20:52,616 --> 00:20:54,900 ALLISON Buchholtz-AU: Jobb, így is csak figyelmezteti az összes nevét 399 00:20:54,900 --> 00:20:57,960 mert akkor megy át vendégház i, így azt nulláról indulnak. 400 00:20:57,960 --> 00:21:01,330 Tehát azt mondanám, OK keresünk Ebben az első tárgy, amely 401 00:21:01,330 --> 00:21:03,210 az első slot a tömbben. 402 00:21:03,210 --> 00:21:06,900 És azt mondja, "add nekem a attribútum, a neve annak a tárgyat. " 403 00:21:06,900 --> 00:21:09,030 Így megy itt, mi lenne scan, mi lenne megtalálni nevet, 404 00:21:09,030 --> 00:21:11,340 és mi volna kinyomtatni James, Molly, és Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Bármilyen kérdése eddig? 407 00:21:15,799 --> 00:21:17,590 JavaScript sajnos fogsz lenni 408 00:21:17,590 --> 00:21:20,950 a sok keresi fel a Saját, kitalálni a szintaxis, 409 00:21:20,950 --> 00:21:21,910 küzdenek vele. 410 00:21:21,910 --> 00:21:25,870 De persze mindig itt vagyok, Munkaidő mindig itt. 411 00:21:25,870 --> 00:21:28,260 Lehet, hogy kedden a héten. 412 00:21:28,260 --> 00:21:31,050 Tehát, ha ott vagy, akkor Jöjjön el velem ezen a héten. 413 00:21:31,050 --> 00:21:32,470 Ez nagyszerű lenne. 414 00:21:32,470 --> 00:21:36,260 >> OK, így DOM Document Object Model-. 415 00:21:36,260 --> 00:21:38,900 Tehát ez csak egy módja hogy szeretjük azt hinni, 416 00:21:38,900 --> 00:21:45,720 hogyan HTML és mindent belül szerveződik. 417 00:21:45,720 --> 00:21:49,930 Ez nagyon valami, biztosan előkerül a kvíz. 418 00:21:49,930 --> 00:21:58,150 Tudom én évem, olyan volt, mintha itt HTML fájlt, töltse ki a DOM érte. 419 00:21:58,150 --> 00:21:59,770 És csak töltse ki a kis dolgokat. 420 00:21:59,770 --> 00:22:01,500 Ezek legyen könnyű pontokat remélhetőleg. 421 00:22:01,500 --> 00:22:03,450 Remélhetőleg csak-- 422 00:22:03,450 --> 00:22:04,590 >> Közönség: [hallható] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON Buchholtz-AU: Tehát látod ezt a fát itt? 424 00:22:06,660 --> 00:22:07,200 >> Közönség: Igen. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON Buchholtz-AU: Tehát akkor kérni használata 426 00:22:08,949 --> 00:22:11,750 kitölteni, mi megy a szervezetben. 427 00:22:11,750 --> 00:22:15,770 Talán a test alatt, van néhány divs vagy van néhány bekezdésben, 428 00:22:15,770 --> 00:22:19,160 és megkérjük, hogy töltse ki egy fa nagyon hasonlít erre. 429 00:22:19,160 --> 00:22:21,440 Így fogunk járni rajta. 430 00:22:21,440 --> 00:22:26,120 Tehát a Document Object- Modell csak egy módja 431 00:22:26,120 --> 00:22:31,240 hogy rendszerezze és szerintem a mi HTML grafikus. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 És azt is, amikor megkapjuk a több JavaScript, 434 00:22:35,840 --> 00:22:37,640 ez lesz a hogy mi valójában 435 00:22:37,640 --> 00:22:39,990 manipulálják a különböző elemek az oldalon. 436 00:22:39,990 --> 00:22:43,980 Szükségünk van egy módja annak, hogy hozzáférést egyes A dolgok a mi HTML, 437 00:22:43,980 --> 00:22:48,050 és így ez ad nekünk egy nagyon beton szabványosított módon 438 00:22:48,050 --> 00:22:51,010 szerte különböző weblapok erre. 439 00:22:51,010 --> 00:22:53,440 >> Tehát, ha csak séta ennek itt természetesen 440 00:22:53,440 --> 00:22:56,790 a dokumentum olyan, mint a teljes fájlt. 441 00:22:56,790 --> 00:22:59,350 Ez nyilvánvalóan van értelme hogy ez a legnagyobb dolog, 442 00:22:59,350 --> 00:23:03,520 és akkor mi van a tényleges HTML, amely megfelel ennek a címke itt. 443 00:23:03,520 --> 00:23:08,480 Akkor is, ha a francia a címkéket megfelelően, akkor létre ezt a DOM fában 444 00:23:08,480 --> 00:23:10,530 válik végtelenül egyszerű. 445 00:23:10,530 --> 00:23:12,400 Így van némi feje van. 446 00:23:12,400 --> 00:23:15,780 Van néhány szerv, látjuk szár le HTML, 447 00:23:15,780 --> 00:23:18,530 ezért is van fej és a test. 448 00:23:18,530 --> 00:23:22,880 Ezen belül a fejét, van néhány title tag, véget cím tag, 449 00:23:22,880 --> 00:23:24,570 így tudjuk, hogy utána jön a fejét. 450 00:23:24,570 --> 00:23:28,040 És a mi tag címet, mi hello, világ. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Szóval ez az egész bal oldali ága. 453 00:23:31,311 --> 00:23:34,060 Majd a jobb oldali ág Itt azt látjuk, hogy mi HTML, 454 00:23:34,060 --> 00:23:38,680 OK tettünk ezen a fejrész, keresünk, csak a test, 455 00:23:38,680 --> 00:23:40,670 így van némi testfelület. 456 00:23:40,670 --> 00:23:44,350 Ezen belül az egyetlen dolog, amink van, hello, világ. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Ha voltak dolgok, mint Néhány konzol p majd 459 00:23:54,130 --> 00:23:57,500 hello, világ, majd egy másik konzol p a búcsút, világ, 460 00:23:57,500 --> 00:24:00,080 mi lett volna, két buborék jön le itt. 461 00:24:00,080 --> 00:24:05,550 Mert ők mind a test alá, de ők külön bekezdések ebben az esetben. 462 00:24:05,550 --> 00:24:11,520 Kétségkívül gyakorlatban azon a korábbi vetélkedők, 463 00:24:11,520 --> 00:24:14,570 valamint számos on-line rajta. 464 00:24:14,570 --> 00:24:18,260 OK, így ez csak lehetővé teszi, lássuk mindent szépen 465 00:24:18,260 --> 00:24:20,810 és manipulálni a dolgokat Nagyon módszeresen. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Pontosan tudjuk, hogyan kell bejárására át ezt a fát, 468 00:24:23,640 --> 00:24:26,910 így tudjuk, hogy mit akarunk elérni. 469 00:24:26,910 --> 00:24:31,690 >> OK, így ez miért akarunk hogy ez a fajta modellt, 470 00:24:31,690 --> 00:24:35,190 hogy ki tudjuk használni a dolgokat, mint ez, és megértjük, mit jelent, 471 00:24:35,190 --> 00:24:38,370 és ők szabványosított minden dolog, hogy csinálunk. 472 00:24:38,370 --> 00:24:45,900 Tehát dokumentum dot cím csak címmel our-- mindezen 473 00:24:45,900 --> 00:24:48,960 elég magától értetődő, Szeretném azt hinni,. 474 00:24:48,960 --> 00:24:51,660 Tehát az első három példák csak azt mondom, 475 00:24:51,660 --> 00:24:54,770 "OK, csak add nekem a címe ennek a web oldalon. " 476 00:24:54,770 --> 00:24:58,030 Tehát akkor kapsz, amit megfelel a cím. 477 00:24:58,030 --> 00:25:01,880 >> Dokumentum dot testet fog adni bármit, ami az említett szervezet címkék. 478 00:25:01,880 --> 00:25:03,240 Szóval lehet manipulálni, hogy. 479 00:25:03,240 --> 00:25:07,820 És a dokumentum dot test dot HTML kódot egy nagyon klassz egyet, 480 00:25:07,820 --> 00:25:11,660 és talán nem, mint a Super intuitív, de a belső HTML 481 00:25:11,660 --> 00:25:13,740 Ennek megfelelő itt. 482 00:25:13,740 --> 00:25:17,410 Tehát, ha valaha is szeretne manipulálják a szöveget egy oldalon, 483 00:25:17,410 --> 00:25:22,700 jellemzően fogsz csinálni valamit test dot belső HTML. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Tehát a belső HTML hajlamos lásd ami valójában címkék között. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 És akkor hasznos funkciókat. 488 00:25:33,020 --> 00:25:40,390 Tehát, ha akart ezek közül bármelyik, bármely elemét, 489 00:25:40,390 --> 00:25:43,140 van néhány Id, class név, vagy a tag nevét. 490 00:25:43,140 --> 00:25:47,100 Ez nagyon hasonlít a dolgokat tettünk CSS, ugye? 491 00:25:47,100 --> 00:25:51,360 Hol van néhány választók, hogy felelnek meg sem a tag, egy osztály 492 00:25:51,360 --> 00:25:53,800 hogy adunk nekik, vagy Id. 493 00:25:53,800 --> 00:25:55,310 Ez nagyon hasonló módon. 494 00:25:55,310 --> 00:26:00,720 Ha van valami, ami van néhány osztálya kutya, 495 00:26:00,720 --> 00:26:05,800 és azt mondod, hogy elemeket a tag nevét, és teszel kutya there-- vagy sajnálom, 496 00:26:05,800 --> 00:26:06,610 osztály nevét. 497 00:26:06,610 --> 00:26:07,770 Tudod, hogy pont ott. 498 00:26:07,770 --> 00:26:11,780 Meg fog visszatérni az összes ilyen elemek nektek, hogy van az osztályban. 499 00:26:11,780 --> 00:26:13,880 Szóval lehet manipulálni csak azokat. 500 00:26:13,880 --> 00:26:18,430 Ugyanígy, talán csak amit módosítunk néhány fejléc, így 501 00:26:18,430 --> 00:26:20,980 Néhány H1 fejléc, mint mi. 502 00:26:20,980 --> 00:26:24,900 Lehet nem kap elemek tag nevét, mert H1 tag nevét. 503 00:26:24,900 --> 00:26:29,270 És ugyanúgy, ha azt akarjuk, hogy néhány egyedülálló dolog, amit tehetünk get tag. 504 00:26:29,270 --> 00:26:31,100 Get elemet Id. 505 00:26:31,100 --> 00:26:32,710 És igazából sok ilyen. 506 00:26:32,710 --> 00:26:36,300 Ezek csak, mint három nagyon sok. 507 00:26:36,300 --> 00:26:39,600 Tehát, ha megy online, mint Megyek, hogy ösztönözze 508 00:26:39,600 --> 00:26:45,342 hogy nem, és némi kutatás a saját, 509 00:26:45,342 --> 00:26:48,450 Azt ajánlom, vizsgálja az összes ilyen. 510 00:26:48,450 --> 00:26:50,880 Ők lehetnek super hasznos, különösen akkor, ha 511 00:26:50,880 --> 00:26:57,180 Szeretnéd csak ilyen manipulálni nagyon különleges dolgot, anélkül, 512 00:26:57,180 --> 00:27:00,390 megy keresztül, és próbálja kiszűri azokat mindent. 513 00:27:00,390 --> 00:27:03,540 >> OK, így az utolsó dolog, a JavaScript eseményeket. 514 00:27:03,540 --> 00:27:10,730 Tehát, ha én beszélek korábban arról megy rá egy weboldalt, 515 00:27:10,730 --> 00:27:14,340 és amikor fölé viszi valamit, vagy mutat az egérrel valamit, 516 00:27:14,340 --> 00:27:15,420 valami más történik. 517 00:27:15,420 --> 00:27:17,900 Ez az, amit szeretnénk gondolni, mint egy esemény. 518 00:27:17,900 --> 00:27:23,970 Szóval mi van, amelyek Hasznos itt onclick. 519 00:27:23,970 --> 00:27:29,140 Így az enyém volt a hover, ami vagyok elég biztos, csak a hover. 520 00:27:29,140 --> 00:27:31,300 Szintén egy csomó ilyen hogy meg lehet keresni. 521 00:27:31,300 --> 00:27:34,340 Van egy egész lista Online A különböző dolog 522 00:27:34,340 --> 00:27:37,130 hogy meg lehet hallgatni az. 523 00:27:37,130 --> 00:27:41,220 >> De JavaScript események alapvetően csak reagál a dolgokra 524 00:27:41,220 --> 00:27:42,430 hogy a felhasználó csinál. 525 00:27:42,430 --> 00:27:42,930 Ugye? 526 00:27:42,930 --> 00:27:45,220 Így a felhasználó nem valamit, ami egy esemény, 527 00:27:45,220 --> 00:27:48,340 és JavaScript válaszol Azonban azt szeretné, hogy. 528 00:27:48,340 --> 00:27:49,770 Ez lesz reagálni kell. 529 00:27:49,770 --> 00:27:54,630 Tehát ebben az esetben, van Néhány ablak dot berakás. 530 00:27:54,630 --> 00:27:57,170 Szóval mi ez mond, hogy "várj amíg az ablak be lett töltve. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Tehát amikor minden betöltött, berakás, akkor ezt a funkcióját. 533 00:28:02,102 --> 00:28:03,810 Tehát amikor minden betöltött, fogsz 534 00:28:03,810 --> 00:28:07,760 hogy néhány keresési gombot hogy lesz egy elem által Id, 535 00:28:07,760 --> 00:28:13,740 és nyomtat bármit is elem, mint a Keresés gombra. 536 00:28:13,740 --> 00:28:17,050 És akkor itt van ez a változó, azt mondjuk, "OK, onclick." 537 00:28:17,050 --> 00:28:20,390 Tehát amikor azt halljuk egy kattintás A keresés gombra, 538 00:28:20,390 --> 00:28:23,990 A funkció végrehajtása, ami egy éber, akkor kattintott a Keresés gombra. 539 00:28:23,990 --> 00:28:28,910 >> Tehát mi történik ez-- ez egy szép kis grafikus ábrázolása itt. 540 00:28:28,910 --> 00:28:31,480 Tehát mi dokumentumot terhelés, ez a mi berakás, 541 00:28:31,480 --> 00:28:34,340 találunk a keresési gombot, amely ennek. 542 00:28:34,340 --> 00:28:36,570 Keresünk a Keresés gombra. 543 00:28:36,570 --> 00:28:40,790 És akkor, amikor a keresés gomb kattint, a megfelelő itt. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Aztán végül figyelmezteti a felhasználót, amely ezt az utolsó sort itt. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Tehát minden egyes ilyen négy lépésben csak megfelel a négy doboz 548 00:28:52,960 --> 00:28:55,031 ott az alján. 549 00:28:55,031 --> 00:28:56,405 Van ennek értelme mindenki számára? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> És akkor egy dolog, hogy én csak fog beszélve, nagyon, nagyon röviden, hogy én 552 00:29:05,200 --> 00:29:08,660 Javasoljuk, hogy a srácok menj nézd inkább az, 553 00:29:08,660 --> 00:29:13,210 jQuery, amely csak egy könyvtár épül, amit a tetején JavaScript. 554 00:29:13,210 --> 00:29:16,480 Ez szuper hasznos, mivel A legtöbb könyvtár. 555 00:29:16,480 --> 00:29:18,320 Sok a funkciók. 556 00:29:18,320 --> 00:29:21,930 Szóval, ha van valami, ami valaha akarsz csinálni a JavaScript, 557 00:29:21,930 --> 00:29:24,880 Az első ösztöne nem kell arra gondolni, 558 00:29:24,880 --> 00:29:27,340 A "milyen funkciót kell Én írom? "Meg kell, 559 00:29:27,340 --> 00:29:29,560 "Hadd lássam valaki már megtette ezt nekem. " 560 00:29:29,560 --> 00:29:32,800 Mivel kilenc alkalommal tízből, valaki megtette már, 561 00:29:32,800 --> 00:29:35,760 és valószínűleg csinálhatta volna jobban. 562 00:29:35,760 --> 00:29:39,990 Az emberek töltenek sok időt csinál ilyen, és JavaScript igen széles körben használják, 563 00:29:39,990 --> 00:29:42,810 így az emberek állandóan próbálják jobbá tenni. 564 00:29:42,810 --> 00:29:47,110 És jQuery van egy csomó funkció hogy valószínűleg hasznos az Ön számára 565 00:29:47,110 --> 00:29:50,470 a projekt záró ha végeztek semmilyen web design. 566 00:29:50,470 --> 00:29:53,480 Ahogy mondani szoktam, "munka okosabb, sem nehezebb. " 567 00:29:53,480 --> 00:29:57,130 Ha a srácok csinálni, akkor lesz jó. 568 00:29:57,130 --> 00:30:00,330 Amikor mi vagyunk a hackathon én nem azt akarom, hogy minden hangsúlyozta ki. 569 00:30:00,330 --> 00:30:03,600 Azt akarom, hogy tetszik, "Kaptam ez az. jQuery kaptam vissza. 570 00:30:03,600 --> 00:30:05,790 Nem kell írni ezeket a funkciókat. " 571 00:30:05,790 --> 00:30:07,636 >> Tehát csak két dolog emlékezni fogok 572 00:30:07,636 --> 00:30:10,220 hogy hagyja srácok, hogy inkább a jQuery saját. 573 00:30:10,220 --> 00:30:13,070 Minden fogom mondani, hogy nem néhány elég félelmetes dolgokat 574 00:30:13,070 --> 00:30:15,220 és lehet, hogy az életed az egész sokkal könnyebb. 575 00:30:15,220 --> 00:30:17,150 De mit szeretne Van olyan, amit fájl 576 00:30:17,150 --> 00:30:21,020 hogy fogsz használni azt a, fogsz szeretné ezt a két vonalat. 577 00:30:21,020 --> 00:30:25,630 Fogsz szeretné, hogy a script a js jQuery dot js. 578 00:30:25,630 --> 00:30:28,500 És valóban a forrás lesz néhány URL. 579 00:30:28,500 --> 00:30:35,870 Ha a Google jQuery, Google valóban ad otthont a fájlokat az Ön számára. 580 00:30:35,870 --> 00:30:38,950 Szóval feltétlenül akar input hogy URL helyett. 581 00:30:38,950 --> 00:30:41,130 Én csak tette ezt ide az egyszerűség kedvéért. 582 00:30:41,130 --> 00:30:45,180 Mindez azt jelenti, hogy hol megtalálja a jQuery könyvtár. 583 00:30:45,180 --> 00:30:48,600 Ez hatalmas, így nem szeretné, üzemeltetheti a saját számítógépén 584 00:30:48,600 --> 00:30:53,390 Ha tudod elkerülni, ezért is hajlamosak csak fel a Google URL-t 585 00:30:53,390 --> 00:30:55,880 házigazdák ezeket a fájlokat az Ön számára. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Ön a Google is, ígérem ott lesz. 588 00:30:58,850 --> 00:31:01,200 >> És akkor bármit JavaScript fájlt, hogy te 589 00:31:01,200 --> 00:31:07,150 használva, így ez csak néhány külső JavaScript fájlt használ. 590 00:31:07,150 --> 00:31:11,570 Ugyanígy, hogy összekapcsoljuk a CSS fájlokat, ez ugyanaz a fajta dolog. 591 00:31:11,570 --> 00:31:15,480 Ez csak hivatkozások a fájl ahol a JavaScript van. 592 00:31:15,480 --> 00:31:18,970 És van néhány példa egyszerű JavaScript. 593 00:31:18,970 --> 00:31:20,220 Így lesz megy át rajta. 594 00:31:20,220 --> 00:31:27,230 És akkor az index JavaScript, amely a JavaScript fájl van, 595 00:31:27,230 --> 00:31:30,900 ez a fajta a wrapper hogy van a jQuery. 596 00:31:30,900 --> 00:31:33,860 Már majdnem 99,9 százaléka az idő megy 597 00:31:33,860 --> 00:31:36,800 hogy ezt a index.js fájlt. 598 00:31:36,800 --> 00:31:40,010 Mert ami akkor ezzel azt is, "Nem hajt végre semmit 599 00:31:40,010 --> 00:31:43,480 amíg a dokumentum valójában kész ", ami pontosan mit szeretne. 600 00:31:43,480 --> 00:31:46,600 Mert ha a dokumentum nem áll készen, és jQuery kezdi csinálni a dolgokat, 601 00:31:46,600 --> 00:31:48,020 ez csak a rendetlenség. 602 00:31:48,020 --> 00:31:50,480 Szóval azt szeretné, hogy ezt a wrapper. 603 00:31:50,480 --> 00:31:55,760 Majd a dolgok, hogy menjen oda, én el kell hagynia a srácok saját böngészte. 604 00:31:55,760 --> 00:32:04,610 >> OK, így van-e kérdésekre jobbra most körülbelül JavaScript általában? 605 00:32:04,610 --> 00:32:07,420 Vagy a DOM modell? 606 00:32:07,420 --> 00:32:10,780 Ha nem, van néhány klassz példák, hogy mi mehet át, 607 00:32:10,780 --> 00:32:13,120 hogy a srácok segíthet kódot. 608 00:32:13,120 --> 00:32:15,877 De én is lesz szuper szép, és ha 609 00:32:15,877 --> 00:32:17,960 Nem akarok mondani semmit e, hogy rendben. 610 00:32:17,960 --> 00:32:20,510 Én is csak ad példát. 611 00:32:20,510 --> 00:32:24,581 De semmit a PowerPoint, mielőtt továbbmegyünk? 612 00:32:24,581 --> 00:32:25,080 Cool. 613 00:32:25,080 --> 00:32:26,990 >> Úgy érzem srácok kell az energia. 614 00:32:26,990 --> 00:32:31,516 Szóval azt hiszem, fogunk kezdeni A pártom például először. 615 00:32:31,516 --> 00:32:33,390 Van három példát, van választásod. 616 00:32:33,390 --> 00:32:37,720 Tehát van az óra, hogy hová megyünk végrehajtására tényleges órajel ez 617 00:32:37,720 --> 00:32:41,430 frissítünk az idő múlásával. 618 00:32:41,430 --> 00:32:43,310 Van ez a nagy Twitter funkciót. 619 00:32:43,310 --> 00:32:44,560 This-- tudod mit, várj. 620 00:32:44,560 --> 00:32:47,220 Megyünk, hogy ez menni. 621 00:32:47,220 --> 00:32:47,950 BAM-hoz. 622 00:32:47,950 --> 00:32:49,060 OK. 623 00:32:49,060 --> 00:32:56,132 >> Van ez a nagy Twitter funkció Itt, hogy-- tudom, ugye? 624 00:32:56,132 --> 00:32:57,090 Ez jó lesz. 625 00:32:57,090 --> 00:32:58,350 Srácok izgatott? 626 00:32:58,350 --> 00:33:01,170 Hogy fog számolni a A karakterek nem engedélyezte, 627 00:33:01,170 --> 00:33:04,520 Tehát, ha azt írja most, Nyilvánvalóan még mindig azt mondja 140, 628 00:33:04,520 --> 00:33:06,190 de tudjuk, hogy nem ez a helyzet. 629 00:33:06,190 --> 00:33:08,570 Majd az utolsót Itt, kattintson ide bulizni. 630 00:33:08,570 --> 00:33:12,150 Mi fog történni, ha kattintunk, a háttérben a 631 00:33:12,150 --> 00:33:13,340 fog változtatni a színeket. 632 00:33:13,340 --> 00:33:17,060 Szóval srácok a lehetőségeket a melyiket akarod először. 633 00:33:17,060 --> 00:33:19,800 Ígérem, hogy nagyon könnyű neked. 634 00:33:19,800 --> 00:33:22,680 Úgy érzem, mindenki kedves A mindössze nagyon alacsony kulcs ma. 635 00:33:22,680 --> 00:33:25,540 Szóval én majd végigvezeti, hogyan mi hajtja végre az összes ilyen. 636 00:33:25,540 --> 00:33:28,520 Ha azt szeretnénk, hogy csipogásához a, ez nagyszerű, de én 637 00:33:28,520 --> 00:33:30,020 úgy érzi, mintha mindenki egy kicsit fáradt. 638 00:33:30,020 --> 00:33:32,970 Szóval én csak járni, keresztül ezek a példák. 639 00:33:32,970 --> 00:33:35,015 Van-e valami, hogy szeretnénk csinálni először? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Bárki? 642 00:33:39,475 --> 00:33:41,350 Nincs preferencia? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Tudod, mit? 645 00:33:42,450 --> 00:33:43,290 Mi vagyunk a párt. 646 00:33:43,290 --> 00:33:48,380 Úgy érzem srácok szüksége little-- igen, mi nem a párt egyik első. 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 >> Szóval mi van here-- ez Nem kellett volna ott lennie. 650 00:33:56,930 --> 00:33:57,910 Most már jó. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Tehát mi van itt van csak egy egyszerű HTML oldal 653 00:34:03,110 --> 00:34:07,840 hogy a srácok kell mind super ismeri a legutóbbi két psets. 654 00:34:07,840 --> 00:34:10,212 Megvan a doc típusú itt. 655 00:34:10,212 --> 00:34:10,920 Lehet, hogy mindenki látja? 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 Megvan a HTML nyilván. 659 00:34:13,900 --> 00:34:18,360 Van néhány fejléc, amely kapcsolódik a stíluslapok, hogy 660 00:34:18,360 --> 00:34:21,420 csak tettem font szép és nagy és merész. 661 00:34:21,420 --> 00:34:23,489 Szóval ne aggódj. 662 00:34:23,489 --> 00:34:26,437 >> Van néhány szerv, Egy Id háttér, OK? 663 00:34:26,437 --> 00:34:28,520 Mert mi lesz a változó a háttér. 664 00:34:28,520 --> 00:34:31,964 Tehát, ha változtatjuk a háttérben a testünk, 665 00:34:31,964 --> 00:34:35,965 emlékezünk a két héttel ezelőtti ha van dolgunk weboldalakat. 666 00:34:35,965 --> 00:34:36,840 Olyan jó, hogy van. 667 00:34:36,840 --> 00:34:39,270 És van néhány Id egyenlő félnek. 668 00:34:39,270 --> 00:34:43,909 Ez h ref font csak azt jelenti, hogy ez fog menni ugyanazon az oldalon. 669 00:34:43,909 --> 00:34:47,120 És kattintson a bulin, ezért amikor kattintson rá, 670 00:34:47,120 --> 00:34:48,940 meg kell változtatni a színeket, szerencsére. 671 00:34:48,940 --> 00:34:54,322 >> És akkor mi van néhány script, hogy itt csak kapcsolódik ez a párt dot js 672 00:34:54,322 --> 00:34:58,100 fájl, hogy üres, hiszen mi nem tettünk semmit. 673 00:34:58,100 --> 00:35:00,450 És ez annyira szomorú. 674 00:35:00,450 --> 00:35:06,100 De nagyon hamar, ez meg fog változni színek, és ez lesz félelmetes. 675 00:35:06,100 --> 00:35:10,520 >> Szóval én csak fog járni srácok révén hogyan lehet megközelíteni ezt. 676 00:35:10,520 --> 00:35:14,030 Tehát az első dolog, hogy azt érdemes csinálni, 677 00:35:14,030 --> 00:35:18,050 ha változnak a háttérben A test, az első dolog, amit érdemes 678 00:35:18,050 --> 00:35:22,730 tennie, hogy valóban megragad mi a test, ugye? 679 00:35:22,730 --> 00:35:27,690 Tehát azt akarjuk, hogy összeget, a háttér, és ha azt veszi észre, 680 00:35:27,690 --> 00:35:29,567 Én csak automatikusan csak elkezd gépelni. 681 00:35:29,567 --> 00:35:32,400 Nincs semmi különös, hogy mi annyi a teendőnk, hogy a JavaScript fájlokat. 682 00:35:32,400 --> 00:35:35,820 Kezdhetem nyilvánította változók, és kijelentette random funkciók. 683 00:35:35,820 --> 00:35:38,110 És ez sokkal több szabad formában. 684 00:35:38,110 --> 00:35:41,930 Ez olyan, mint a C, adtunk meg minden E kemény szabályokat, és nőtt fel, 685 00:35:41,930 --> 00:35:43,220 így vagyunk, mint a "menj tovább. 686 00:35:43,220 --> 00:35:44,000 Legyen ingyenes. 687 00:35:44,000 --> 00:35:44,870 Csinálj, amit akarsz. " 688 00:35:44,870 --> 00:35:46,280 És ez az, amit JavaScript van. 689 00:35:46,280 --> 00:35:48,390 Így van némi háttér itt. 690 00:35:48,390 --> 00:35:55,900 A mi DOM modell, tudjuk, tehetünk a dokumentum dot kap eleme, 691 00:35:55,900 --> 00:36:00,290 és ha azt vesszük észre, itt, testünk egy id. 692 00:36:00,290 --> 00:36:00,930 Ugye? 693 00:36:00,930 --> 00:36:06,310 Így nem tehetünk, hogy a dokumentum a Id, és itt egy egyszerű. 694 00:36:06,310 --> 00:36:08,295 Mi a Id hogy szeretnénk itt? 695 00:36:08,295 --> 00:36:09,170 Közönség: Háttér. 696 00:36:09,170 --> 00:36:11,280 ALLISON Buchholtz-AU: Háttér. 697 00:36:11,280 --> 00:36:12,230 Tökéletes. 698 00:36:12,230 --> 00:36:14,250 És pontosvessző végén. 699 00:36:14,250 --> 00:36:15,610 Hogy nem múlt még el. 700 00:36:15,610 --> 00:36:17,330 Továbbra is szükség lesz pontosvessző. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Szóval ez a mi első. 703 00:36:19,690 --> 00:36:23,880 És amikor kattintson valamit, amit szeretnénk, hogy történjen valami, igaz? 704 00:36:23,880 --> 00:36:28,270 Tehát érdemes lehet változó hogy vár egy kattintással. 705 00:36:28,270 --> 00:36:32,410 Mit fogunk csinálni a fogunk hogy mi linkre jobban hasonlít egy gombot. 706 00:36:32,410 --> 00:36:43,140 Szóval lesz egy kis gomb, egyenlő dokumentálja dot kap elemet Id. 707 00:36:43,140 --> 00:36:48,670 És ha én beszélek kattintson linket, vagy kattintson a bulin 708 00:36:48,670 --> 00:36:51,850 link, mi lehet az én Id itt? 709 00:36:51,850 --> 00:36:52,590 Party. 710 00:36:52,590 --> 00:36:55,200 Helyes. 711 00:36:55,200 --> 00:36:56,500 OK nem túl rossz eddig. 712 00:36:56,500 --> 00:36:59,060 Mindenki azt kapja, amit csinálunk? 713 00:36:59,060 --> 00:37:02,100 >> OK, így most már a gombra, és szeretnénk 714 00:37:02,100 --> 00:37:04,140 dolgok megváltoztatására, amikor kattintson rá. 715 00:37:04,140 --> 00:37:08,750 Tehát, ha arra gondolunk, a mi PowerPoint, nagyon egyszerű dolog, amit tehetünk 716 00:37:08,750 --> 00:37:12,140 csak gombra dot onclick, ugye? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 És ez megy, hogy egyenlő néhány funkciója. 719 00:37:18,730 --> 00:37:20,620 Ez egy névtelen függvény. 720 00:37:20,620 --> 00:37:24,620 És ez csak as-- valóban én vagyok hogy vége egy kicsit nagyobb. 721 00:37:24,620 --> 00:37:27,330 >> Tehát mi én csináltam Itt van mondok, OK, 722 00:37:27,330 --> 00:37:31,810 amikor kattintson a gombra, ami Ez a kapcsolat, hogy mi csak említett, 723 00:37:31,810 --> 00:37:34,270 fogunk végrehajtani ez a névtelen függvény. 724 00:37:34,270 --> 00:37:35,845 Nem kell-e nyersanyagot. 725 00:37:35,845 --> 00:37:37,220 Nem érdekel, hogy a felhasználó mit mond. 726 00:37:37,220 --> 00:37:38,800 Amikor kattintson rá, mi vagyunk csinálni, amit akarunk, 727 00:37:38,800 --> 00:37:40,660 amely megváltoztatja a háttér színét. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 Szóval ezért nincs semmilyen bemenet, már csak ez a névtelen függvény. 730 00:37:47,224 --> 00:37:49,390 És most tényleg lesz hogy megírjam ezt a funkciót. 731 00:37:49,390 --> 00:37:55,040 >> Szóval van egy csomó módon meg megoldására egy véletlenszerű színt. 732 00:37:55,040 --> 00:37:59,010 Úgy, ahogy én csináltam az volt, hogy generál három véletlen számokat 733 00:37:59,010 --> 00:38:01,910 és hogy azokat az RGB hármas. 734 00:38:01,910 --> 00:38:06,130 Szóval ez csak azt mutatja, néhány hűvös dolog, hogy ha te, mint: "Ó, 735 00:38:06,130 --> 00:38:08,464 Meg kell állítani egy véletlenszerű száma. "Ha a Google-azt, 736 00:38:08,464 --> 00:38:09,630 ez az, amit Ön is megtalálja. 737 00:38:09,630 --> 00:38:17,580 >> Tehát van három különböző dolgokat, var, nem piros megint zöld. 738 00:38:17,580 --> 00:38:18,080 Ugye? 739 00:38:18,080 --> 00:38:20,740 Tehát ezek a három dolog, hogy egy színt. 740 00:38:20,740 --> 00:38:22,220 Kék, vörös és zöld. 741 00:38:22,220 --> 00:38:22,960 Cool. 742 00:38:22,960 --> 00:38:27,050 És mit tehetünk, hogy tudjuk, hogy között kell lennie, 255, 743 00:38:27,050 --> 00:38:30,140 és ha felnézett néhány véletlenszám-generátor, 744 00:38:30,140 --> 00:38:36,000 Ön is kap valamit, mint a matematika dot random, amely, ha megnézi ezt fel 745 00:38:36,000 --> 00:38:39,230 visszatér néhány számot nulla és egy között. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 És milyen számok tőlünk RGB háromágyas mennek között? 748 00:38:44,470 --> 00:38:47,240 Zero és mit? 749 00:38:47,240 --> 00:38:49,000 Mit lehet felmennek? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Tehát ha a matematika dot random megy nulla és egy között, 752 00:38:53,320 --> 00:38:56,365 hogyan lehet szeretnénk konvertálni ezt? 753 00:38:56,365 --> 00:38:56,990 Közönség: Idő? 754 00:38:56,990 --> 00:38:57,830 ALLISON Buchholtz-AU: Igen, pontosan. 755 00:38:57,830 --> 00:38:58,677 Így az idő 255. 756 00:38:58,677 --> 00:39:00,888 >> Közönség: [hallható] Ez olyan, mint [hallhatatlan]. 757 00:39:00,888 --> 00:39:02,471 ALLISON Buchholtz-AU: Math dot véletlen. 758 00:39:02,471 --> 00:39:03,096 Közönség: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON Buchholtz-AU: Igen. 760 00:39:04,580 --> 00:39:06,300 JavaScript csak úgy vigyáz rád. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Így nem tehetünk, hogy az összes ilyen. 763 00:39:09,360 --> 00:39:10,540 Ugye? 764 00:39:10,540 --> 00:39:16,480 Math dot véletlenszerű időpontokban 255. 765 00:39:16,480 --> 00:39:17,740 Értettem. 766 00:39:17,740 --> 00:39:18,820 Cool. 767 00:39:18,820 --> 00:39:23,350 Szóval az a helyzet, ez lehet Nem tér vissza egy egész szám. 768 00:39:23,350 --> 00:39:24,080 Ugye? 769 00:39:24,080 --> 00:39:26,450 Talán egy kis száma nulla és egy között, 770 00:39:26,450 --> 00:39:32,150 és azt okozza azt, hogy kissé off, és mi RGBS nem lehet úszik. 771 00:39:32,150 --> 00:39:33,360 Kell, hogy ints. 772 00:39:33,360 --> 00:39:37,610 Tehát, ha próbálkozott ezzel, akkor azt valószínűleg Van néhány kiszámíthatatlan viselkedése. 773 00:39:37,610 --> 00:39:38,810 Lenne egy kis funky. 774 00:39:38,810 --> 00:39:43,200 Mi tehát az, azt akarjuk, hogy arról, hogy ezek le vannak kerekítve, 775 00:39:43,200 --> 00:39:45,400 és akkor lehet kerekíteni mindkét irányban. 776 00:39:45,400 --> 00:39:47,110 Megkerültem a padlón. 777 00:39:47,110 --> 00:39:49,680 Úgyhogy mindig gondoskodott arról, hogy lefelé kerekítve. 778 00:39:49,680 --> 00:39:54,440 De megy ki, hogy milyen egyszerű is az volt, hogy csak kap egy véletlen számot, 779 00:39:54,440 --> 00:39:57,920 Ön szerint hogyan vagyunk talán emeleti ezt a számot? 780 00:39:57,920 --> 00:40:00,720 Ez nagyon hasonlít. 781 00:40:00,720 --> 00:40:02,810 Valami ötlet? 782 00:40:02,810 --> 00:40:06,450 Tehát, ha véletlen volt, csak matematikai dot véletlenszerű, így gondolsz tennénk emeleten? 783 00:40:06,450 --> 00:40:09,670 Math dot emeleten. 784 00:40:09,670 --> 00:40:11,340 És akkor is ezt math dot mennyezetre. 785 00:40:11,340 --> 00:40:14,030 Kerek a fajta kétértelmű mert nem 786 00:40:14,030 --> 00:40:16,110 tudni, hogy a kerek fel, vagy lefelé kerekítve. 787 00:40:16,110 --> 00:40:20,797 Tehát általában mindig nem matematikai dot emeleti, matematikai dot mennyezet. 788 00:40:20,797 --> 00:40:21,380 De honestly-- 789 00:40:21,380 --> 00:40:22,780 >> Közönség: Vajon emeleti fordulóban le? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON Buchholtz-AU: Emelet lefelé kerekít. 791 00:40:24,740 --> 00:40:26,990 És ez még csak a választás a részemről. 792 00:40:26,990 --> 00:40:32,370 >> Tehát most már a három szám amelyeket véletlenszerűen generált, 793 00:40:32,370 --> 00:40:36,610 és mit fogunk tenni most is mi vagyunk csak fogja változtatni a hátteret. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Tehát már a háttérben a fajta tárolt 796 00:40:41,490 --> 00:40:43,280 ezen elemében nevű háttérben. 797 00:40:43,280 --> 00:40:47,300 Tehát mi, észre fogod venni, ha akkor játszottam körül ezt 798 00:40:47,300 --> 00:40:50,460 meg akarjuk változtatni a stílusát. 799 00:40:50,460 --> 00:40:53,812 És ez a fajta dolog, akkor a Google és kitalálni, 800 00:40:53,812 --> 00:40:55,020 mint például hogyan kell változtatni a színét. 801 00:40:55,020 --> 00:40:59,210 >> De ahogy hozzá színe háttérben dot stílusban dot háttér. 802 00:40:59,210 --> 00:41:03,490 Tehát ez azt mondja adni ez a tárgy, a háttér, 803 00:41:03,490 --> 00:41:06,920 amely arra utal, hogy Elem ID ott, 804 00:41:06,920 --> 00:41:10,690 fogunk nézni a stílusban a stílus, 805 00:41:10,690 --> 00:41:13,280 fogunk nézd meg a háttérben. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 És ha elmész, és nézd ezt fel, ez lehet, hogy egy kicsit több értelme, 808 00:41:17,630 --> 00:41:21,930 de ez alapvetően csak azt mondom, "Add nekem ezt a nagyon különleges tulajdonsága 809 00:41:21,930 --> 00:41:25,770 arról, amit korábban meghatározott. " 810 00:41:25,770 --> 00:41:32,340 Tehát mi változtatjuk meg, hogy az Néhány RGB, mert van értelme. 811 00:41:32,340 --> 00:41:34,780 Mi vagyunk a RGB háromágyas, ugye? 812 00:41:34,780 --> 00:41:41,530 És mi have-- azt szeretnénk, hogy győződjön meg arról, I hogy a megfelelő számú idézetek itt. 813 00:41:41,530 --> 00:41:43,940 Mi tehát a mi RGB, és megyünk 814 00:41:43,940 --> 00:41:46,800 to-- ez olyan, mint összefűzés, ami vörös. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 És akkor szeretnénk néhány vesszőt. 817 00:41:52,610 --> 00:41:59,925 És akkor azt akarjuk, valamint a zöld, majd néhány vessző, néhány kék. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Tehát ezek a plusszok csak értem, mint összefűzése. 820 00:42:14,120 --> 00:42:19,810 Tehát ez csak létre ezt a húr, hogy megy belül 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 >> Közönség: [hallható], plusz majd A zöld plusz majd a piros. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON Buchholtz-AU: Igen, mert elrontotta, hogy felfelé. 825 00:42:30,163 --> 00:42:30,890 Hogy az ember jól van. 826 00:42:30,890 --> 00:42:32,110 Oh, várj. 827 00:42:32,110 --> 00:42:32,610 Nem. 828 00:42:32,610 --> 00:42:36,770 Mert én kell győződnie arról, hogy kaptam ezeket a jogot. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Tehát ki fogom fejteni uno momento. 831 00:42:43,950 --> 00:42:47,040 Zöld, kék, tökéletes. 832 00:42:47,040 --> 00:42:47,971 Most kész vagyok. 833 00:42:47,971 --> 00:42:48,470 Azt hiszem. 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 Szóval, mi ez, az, hogy háttere lesz állítva, néhány szöveg. 837 00:42:58,085 --> 00:42:58,585 Ugye? 838 00:42:58,585 --> 00:42:59,710 Melyik az, amit mi van itt. 839 00:42:59,710 --> 00:43:05,870 Ez lesz néhány RGB 255 vesszővel 255 vesszővel nulla, vagy bármi szám 840 00:43:05,870 --> 00:43:06,512 van ott. 841 00:43:06,512 --> 00:43:08,220 Tehát itt csinálunk, van néhány húr. 842 00:43:08,220 --> 00:43:11,910 És mit akarunk csinálni, mi vagyunk fajta dinamikusan létrehozza 843 00:43:11,910 --> 00:43:14,010 hogy amikor valóban a program futtatásához. 844 00:43:14,010 --> 00:43:16,570 Szóval ez a néhány szöveg. 845 00:43:16,570 --> 00:43:20,290 Plus összefűzi azt az értéket, amely a pirosnak, 846 00:43:20,290 --> 00:43:23,320 amely fűz össze azt egy vesszőt, ami összefűzi meg 847 00:43:23,320 --> 00:43:26,090 azzal, amit a zöld, és így tovább, és így tovább. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Amíg a legvégén, ami a záró zárójel ennek RGB itt. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Szóval mi ez fog generál némi parancsot igazán 852 00:43:37,230 --> 00:43:42,770 vagyis RGB három szám Ilyen körülmények készen áll a kijelölt. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Lássuk, ha ez működik. 855 00:43:46,510 --> 00:43:49,720 Remélem, ez így van, mert ha Nem, én leszek igazi szomorú. 856 00:43:49,720 --> 00:43:50,250 Ó, nem. 857 00:43:50,250 --> 00:43:52,710 OK, tartsd. 858 00:43:52,710 --> 00:43:56,730 Határozottan háttér dot stílusban dot háttér. 859 00:43:56,730 --> 00:43:59,569 Én biztosan hiányzik valami csak kicsi. 860 00:43:59,569 --> 00:44:00,610 Ugye srácok utálnak, hogy? 861 00:44:00,610 --> 00:44:04,020 Amikor ez csak egy kis apró hiba? 862 00:44:04,020 --> 00:44:04,990 Mindenható háttérben. 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 >> Közönség: [hallható] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON Buchholtz-AU: No. 868 00:44:12,770 --> 00:44:14,050 Megpróbáltam ezt a osztály előtt. 869 00:44:14,050 --> 00:44:16,570 Én mindent megtettem, mielőtt osztály esetén voltam, mint, 870 00:44:16,570 --> 00:44:17,970 "Várj, mit csináltam rosszul?" 871 00:44:17,970 --> 00:44:23,190 Mert én, mint "Én valószínűleg rendetlenség ezt fel valamikor. " 872 00:44:23,190 --> 00:44:24,150 Valamint a zöld. 873 00:44:24,150 --> 00:44:26,250 Minden úgy néz ki, mintha összefűzött helyesen. 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 >> Közönség: [hallható] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON Buchholtz-AU: Ó, tessék. 878 00:44:33,810 --> 00:44:35,520 Ez az, amit szükség. 879 00:44:35,520 --> 00:44:36,805 Nézd meg ezt. 880 00:44:36,805 --> 00:44:40,090 Tiffany megmentésére. 881 00:44:40,090 --> 00:44:40,590 Tökéletes. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Most lássuk, hogy működik. 884 00:44:43,834 --> 00:44:44,816 Ó, Istenem. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Várj. 887 00:44:46,140 --> 00:44:48,280 >> Közönség: Space után a második plusz. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON Buchholtz-AU: Melyiket? 889 00:44:50,310 --> 00:44:52,910 Ó, várj, várj. 890 00:44:52,910 --> 00:44:54,870 Tér kopás? 891 00:44:54,870 --> 00:44:57,209 >> Közönség: Second plusz A zöld összefűzése. 892 00:44:57,209 --> 00:44:58,250 ALLISON Buchholtz-AU: Oh. 893 00:44:58,250 --> 00:44:59,570 Közönség: most nincs hely miután a plusz, igen. 894 00:44:59,570 --> 00:45:00,790 ALLISON Buchholtz-AU: You Nem kell, hogy de- 895 00:45:00,790 --> 00:45:01,190 Közönség: Ó, te nem? 896 00:45:01,190 --> 00:45:01,910 ALLISON Buchholtz-AU: Úgy néz ki elég. 897 00:45:01,910 --> 00:45:02,530 Közönség: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON Buchholtz AU: Lássuk, ha ez működik. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Én természetesen ennek hiányában a ez a demó, ami eszembe jut 902 00:45:07,836 --> 00:45:12,810 Az előadást a héten, de tudom, hogy ez működni fog. 903 00:45:12,810 --> 00:45:15,860 Tudom, hogy ez működni fog. 904 00:45:15,860 --> 00:45:16,580 Olyan közel. 905 00:45:16,580 --> 00:45:22,330 Hacsak nem véletlenül törölt én script ez. 906 00:45:22,330 --> 00:45:24,035 Nem, ez fél dot js. 907 00:45:24,035 --> 00:45:25,776 OK tartsa. 908 00:45:25,776 --> 00:45:28,650 Megyek másolni ezt, és én is vagyok csak fogja törölni mindent, 909 00:45:28,650 --> 00:45:30,108 mert volt ez a munka korábban. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Ígérem, hogy működik. 912 00:45:33,770 --> 00:45:36,160 Ha nem, akkor megmutatom, mit Tommy is. 913 00:45:36,160 --> 00:45:38,890 És ott. 914 00:45:38,890 --> 00:45:42,380 >> Közönség: Te hivatkozó fél dot CSS, és ez egy fél pontot js. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON Buchholtz-AU: Ah, nos itt a party dot js. 916 00:45:45,940 --> 00:45:49,187 OK, mit csináltam másképp? 917 00:45:49,187 --> 00:45:50,520 OK, majd meglátjuk, ha ez működik most. 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 BAM-hoz. 920 00:45:54,980 --> 00:46:02,110 Szóval, nem tudom, mit csináltam másképp, de ez mi történjen. 921 00:46:02,110 --> 00:46:03,230 Kicsit hűvös. 922 00:46:03,230 --> 00:46:06,650 Rákattintottam ez, mint, örökre. 923 00:46:06,650 --> 00:46:11,185 De mi lehet próbálni, és mit csináltam másképp, hogy ez az egy volt. 924 00:46:11,185 --> 00:46:14,560 Nem tudom, ti hogy vagytok vele, de ez úgy néz ki, alapvetően mi írtam. 925 00:46:14,560 --> 00:46:17,950 Valószínűleg volt egy hiányzó pontosvessző valahol az én világom. 926 00:46:17,950 --> 00:46:22,064 Igazából után, azt hiszem, hiányzik pontosvessző itt valójában. 927 00:46:22,064 --> 00:46:24,230 De nem láttam, mert ez volt a képernyőről. 928 00:46:24,230 --> 00:46:29,040 >> De ha azt vesszük észre, ez elég sokkal pontosan mit írtam. 929 00:46:29,040 --> 00:46:33,010 Azt hiszem, talán a legnehezebb az egészben ez csak egyfajta ezt a dolgot 930 00:46:33,010 --> 00:46:36,830 Itt, a megértés mit csinál ott. 931 00:46:36,830 --> 00:46:42,230 Ezek a fajta dolog, amit tanulni tényleg csak egy Google-keresés és őszintén 932 00:46:42,230 --> 00:46:42,880 csak próbál. 933 00:46:42,880 --> 00:46:46,770 Ha úgy gondolja, van valami attribútum, akkor valószínûleg. 934 00:46:46,770 --> 00:46:48,382 Szóval próbáld ki. 935 00:46:48,382 --> 00:46:49,090 Meglátjuk, mi történik. 936 00:46:49,090 --> 00:46:53,000 Mint mondtam, van egy csomó kísérletezés JavaScript, 937 00:46:53,000 --> 00:46:56,810 és PHP, és minden, ami cucc, és CSS különösen. 938 00:46:56,810 --> 00:47:00,046 Ez az egyetlen igaz úgy érthetjük meg. 939 00:47:00,046 --> 00:47:07,100 >> OK, így fiaskó után a párt dot js, van két másik lehetőség. 940 00:47:07,100 --> 00:47:10,650 Van órát vagy a Twitter. 941 00:47:10,650 --> 00:47:12,190 Mindketten érdekes. 942 00:47:12,190 --> 00:47:17,720 Talán nem annyira szórakoztató, mint párt, amelyek egy jó kis strobing 943 00:47:17,720 --> 00:47:19,595 a dolog végére. 944 00:47:19,595 --> 00:47:21,714 Srácok bármilyen előnyben? 945 00:47:21,714 --> 00:47:22,380 Közönség: Clock? 946 00:47:22,380 --> 00:47:22,950 ALLISON Buchholtz-AU: Clock? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 Cool. 949 00:47:25,390 --> 00:47:30,460 >> Tehát újra, mi van a üres JavaScript fájlt. 950 00:47:30,460 --> 00:47:35,800 És mint látjuk itt, Van néhány nagyon egyszerű HTML. 951 00:47:35,800 --> 00:47:40,010 Megvan a stíluslapok, hogy csak formátumok, mit kell kinéznie. 952 00:47:40,010 --> 00:47:42,860 Megvan a div Az azonosító órára, ami 953 00:47:42,860 --> 00:47:44,420 Csak azt mondja, "ez egy órát." 954 00:47:44,420 --> 00:47:47,650 És mi van a linket hogy a JavaScript fájl 955 00:47:47,650 --> 00:47:51,400 Ez tulajdonképpen fog generál a clock számunkra. 956 00:47:51,400 --> 00:47:56,060 Mivel a cool dolog, hogy akkor állítsa JavaScript automatikusan frissül 957 00:47:56,060 --> 00:47:56,963 maga. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Tehát ahelyett, hogy várja a felhasználói hogy elérje Refresh egy oldalon 960 00:48:01,580 --> 00:48:03,840 így lehet kapni frissített időben, JavaScript 961 00:48:03,840 --> 00:48:06,760 frissíthető azonban szeret. 962 00:48:06,760 --> 00:48:12,082 >> Szóval, mint az utolsót, azt akartuk, hogy elérhesse a háttérben, nem igaz? 963 00:48:12,082 --> 00:48:14,790 Szóval mit gondolsz lehet a első dolog, amit akarok itt? 964 00:48:14,790 --> 00:48:19,538 Ha mi fajta megy le ez a fajta paradigma itt? 965 00:48:19,538 --> 00:48:22,200 Azt érdemes elérhetjük óra, ugye? 966 00:48:22,200 --> 00:48:24,724 Szóval, van néhány var óra, amely equals-- 967 00:48:24,724 --> 00:48:26,140 mit gondolunk, hogy lesz? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dokumentum dot kap eleme by-- Én is Szeretem Sublime-- Id és mi Id óra. 970 00:48:42,670 --> 00:48:43,585 Pontosvessző. 971 00:48:43,585 --> 00:48:45,710 Van, hogy győződjön meg arról, hogy azokat pontosvesszővel ebben az időben, 972 00:48:45,710 --> 00:48:47,835 mert úgy érzem, hogy volt a probléma utoljára. 973 00:48:47,835 --> 00:48:55,980 OK, így, mint én csak azt mondom próbál hogy JavaScript frissíteni magát, 974 00:48:55,980 --> 00:48:59,655 itt van ez a nagyszerű funkció, I tudom, hogy jól jött tavaly, 975 00:48:59,655 --> 00:49:02,780 Nem vagyok benne biztos, hogy jól jön ez a PSET, de ezt hívják intervallumban. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 És ez tényleg nagyon Hűvös, ha a srácok semmit 978 00:49:08,200 --> 00:49:11,460 az idő, vagy kapok frissített információkat. 979 00:49:11,460 --> 00:49:13,700 Egy honlapon a végleges projekt, ez valószínűleg 980 00:49:13,700 --> 00:49:16,240 a kívánt funkciót hogy szuper ismeri. 981 00:49:16,240 --> 00:49:19,730 Szóval mit meghatározott időközökben nem az, hogy fogjuk, hogy ez egy funkciót, 982 00:49:19,730 --> 00:49:21,830 és milyen gyakran kell ezt a funkciót. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Tehát ebben az esetben, mi csak fog hozzon létre néhány névtelen funkció ismételt 985 00:49:26,890 --> 00:49:31,530 OK, hogy fog kapni a dátum és az időnket, 986 00:49:31,530 --> 00:49:33,780 majd frissíteni a dolgokat, és jelenítse meg. 987 00:49:33,780 --> 00:49:35,130 Tehát gondom. 988 00:49:35,130 --> 00:49:39,120 Mi lesz, mint generál órát itt. 989 00:49:39,120 --> 00:49:41,750 De mi van szükségünk, hogyan Gyakran annak a frissítése. 990 00:49:41,750 --> 00:49:43,930 Tehát ebben az esetben, ez csak milliszekundum. 991 00:49:43,930 --> 00:49:46,877 Szóval csak lesz do 100 milliszekundum. 992 00:49:46,877 --> 00:49:48,210 Természetesen, teljesen önkényes. 993 00:49:48,210 --> 00:49:50,600 Ha akarta, hogy frissíteni sokkal lassabban, amit lehetett. 994 00:49:50,600 --> 00:49:53,300 Mi lehet szórakozni A beállított intervallumban 995 00:49:53,300 --> 00:49:57,240 milyen nagy a mi intervallum után megkapjuk egy működő órát, ami remélhetőleg fogok 996 00:49:57,240 --> 00:49:59,660 eljutni. 997 00:49:59,660 --> 00:50:04,110 Tehát ez csak azt mondom, "OK, call Ez a funkció minden 100 milliszekundum. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 Ez minden, hogy nem. 1000 00:50:07,280 --> 00:50:12,290 >> Tehát mi azt szeretnénk, ha a funkciót tennie, hogy azt akarjuk, hogy valamilyen időpontra 1001 00:50:12,290 --> 00:50:14,200 és egy kis időt, amit fogunk van. 1002 00:50:14,200 --> 00:50:19,740 Így tudjuk kezdeni a dátum megegyezik valamit, 1003 00:50:19,740 --> 00:50:22,708 és mi az idő egyenlő valamit hogy még nem tudom. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Vagy valóban, már csak be kell dátumot, mert dátum lesz is mindent. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Ismét, ha csak a Google semmit mit akarsz csinálni, ha írsz, "OK, 1008 00:50:40,010 --> 00:50:41,980 Azt akarom, hogy az idő JavaScript segítségével, "ez 1009 00:50:41,980 --> 00:50:45,890 Önnek ezt a nagyszerű nevezett funkció get dátumot. 1010 00:50:45,890 --> 00:50:48,664 Szó szerint, a legtöbb dolog hogy szeretne csinálni, 1011 00:50:48,664 --> 00:50:50,830 JavaScript megy, hogy ez történt már. 1012 00:50:50,830 --> 00:50:55,770 Szóval ez szó szerint, mint az új kap dátumot, ami creating-- 1013 00:50:55,770 --> 00:50:58,600 vagy az új dátumot, rather-- amely a létrehozás 1014 00:50:58,600 --> 00:51:03,690 Néhány objektumot, amely képviseli a dátumot. 1015 00:51:03,690 --> 00:51:08,200 >> És mit fogunk csinálni itt ez-- fogom írni ezt, 1016 00:51:08,200 --> 00:51:10,820 majd elmagyarázza, hogy mit csinál. 1017 00:51:10,820 --> 00:51:12,560 Úgyhogy győződjön meg róla, kaptam ezt a jogot. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> OK, akkor mi ez a funkció csinál, mi csak 1020 00:51:23,440 --> 00:51:30,680 megteremti a HTML, hogy valójában fog menni a mi div id az óra. 1021 00:51:30,680 --> 00:51:34,610 Szóval mi ez fog csinálni csak generálva húr, OK? 1022 00:51:34,610 --> 00:51:38,510 Ezt azután lesz átültetett a HTML. 1023 00:51:38,510 --> 00:51:42,130 Alapvetően mit fog csinálni az amit we-- mit mutatok neked 1024 00:51:42,130 --> 00:51:49,070 , hogy bármit is mondani HTML, fogjuk cserélni ezt a szöveget! 1025 00:51:49,070 --> 00:51:51,090 , bármilyen HTML. 1026 00:51:51,090 --> 00:51:56,390 Szóval ez lesz, hogy hogy megváltoztassuk a clock dot 1027 00:51:56,390 --> 00:52:00,940 HTML attól, hogy csak a szöveg ennek kell egy órát, hogy valóban bemutató 1028 00:52:00,940 --> 00:52:05,630 A számok és a dolgok, hogy mi érdekel szól, és valóban órakor. 1029 00:52:05,630 --> 00:52:09,810 >> Szóval, mit fogunk csinálni a mi fog kezdeni generáló ezt a HTML. 1030 00:52:09,810 --> 00:52:16,520 Így a hasonló módon, ahogyan használt csinálni, plusz egyenlő az egész, 1031 00:52:16,520 --> 00:52:20,461 akkor most meg, hogy a húrok, kivéve, hogy fog összefűz. 1032 00:52:20,461 --> 00:52:20,960 Ugye? 1033 00:52:20,960 --> 00:52:26,070 Mint láttuk a párt dot js, ez csak összefűzi mindezt együtt. 1034 00:52:26,070 --> 00:52:31,970 Szóval lehet összefűzni a különböző bit HTML a változók, vagy bit húrok 1035 00:52:31,970 --> 00:52:33,750 hogy írjon ki magát, és ez csak 1036 00:52:33,750 --> 00:52:38,650 Tényleg lehetővé teszi, hogy dinamikusan generál HTML, ami elég jó. 1037 00:52:38,650 --> 00:52:42,040 Tehát, ha van valami, Nagyon felhasználó adott, 1038 00:52:42,040 --> 00:52:44,130 Ez lehetővé teszi, hogy ezt tegyük. 1039 00:52:44,130 --> 00:52:47,550 >> Tehát van HTML, hogy megyek próbálni, és biztos, hogy kap ez jobb. 1040 00:52:47,550 --> 00:52:49,890 Így fogunk tenni néhány H1 fejléc. 1041 00:52:49,890 --> 00:52:53,610 Szóval mi a fontos felismerni itt az, hogy ez valójában csak HTML. 1042 00:52:53,610 --> 00:52:54,460 Ugye? 1043 00:52:54,460 --> 00:52:56,610 Írunk tényleges HTML kódot itt, ez 1044 00:52:56,610 --> 00:53:01,090 Nem csak egy csomó normál hogy mi alapján gondolnánk. 1045 00:53:01,090 --> 00:53:02,930 Így van némi HTML. 1046 00:53:02,930 --> 00:53:04,940 Ez tekinthető egy húr van mégis. 1047 00:53:04,940 --> 00:53:10,380 És mi köze dátuma dot-- vagyunk szeretne kapni óra. 1048 00:53:10,380 --> 00:53:12,910 Még egyszer, ha kellett figyelniük up semmit helyeket, 1049 00:53:12,910 --> 00:53:16,160 ez azt mondani, ezek mind Az attribútumok ez az időpont. 1050 00:53:16,160 --> 00:53:17,670 És itt van, amit lehet használni rajta. 1051 00:53:17,670 --> 00:53:20,620 Tehát valószínűleg a dolgok, mint kap óra, és kap perc, 1052 00:53:20,620 --> 00:53:24,669 és kap másodperc, és kap milliszekundum, és ki tudja, mi mást is. 1053 00:53:24,669 --> 00:53:27,210 De ha megnézzük a dokumentációt, ez mind ott lesznek. 1054 00:53:27,210 --> 00:53:31,980 >> Így már kap óra, majd akarnánk 1055 00:53:31,980 --> 00:53:35,614 konkatenálására, hogy with-- vagyok fog mozogni ebben ide. 1056 00:53:35,614 --> 00:53:38,780 Tehát ha már generáló most vagyunk ténylegesen generál az idő, ugye? 1057 00:53:38,780 --> 00:53:43,590 Van órát, és akkor mi óra és perc közötti? 1058 00:53:43,590 --> 00:53:45,080 Van egy pontosvessző, ugye? 1059 00:53:45,080 --> 00:53:48,010 Ezért szeretnénk, hogy némi pontosvessző itt. 1060 00:53:48,010 --> 00:53:51,780 És akkor mi szeretne kapni percében, így azonos módon 1061 00:53:51,780 --> 00:53:56,450 hogy van dátumot dot kap óra, hogyan lehet most megkapjuk a perc? 1062 00:53:56,450 --> 00:54:01,542 Ez szó szerint ez ideig dot kap perc, ami ezt nem szeretném. 1063 00:54:01,542 --> 00:54:03,250 Ez olyan, mint, "Ó, milyen kapom perc? " 1064 00:54:03,250 --> 00:54:05,850 Én csak megkapjam perc. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 És akkor van még egy vastagbél itt. 1067 00:54:10,990 --> 00:54:16,350 És akkor, ha azt akarjuk, hogy a másodperc, hogyan lehet most megkapjuk a második? 1068 00:54:16,350 --> 00:54:17,400 Dátum dot kap másodperc. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Azt hiszem, ez elég jó. 1071 00:54:21,590 --> 00:54:23,589 És mi a fontos rájönnek, hogy mi is 1072 00:54:23,589 --> 00:54:31,730 be kell zárnia a HTML tag van, mert akkor még mindig érvényes HTML, így H1. 1073 00:54:31,730 --> 00:54:33,481 Cool. 1074 00:54:33,481 --> 00:54:43,110 >> Így azután, hogy tehetünk óra dot belső HTML egyenlő HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Úgy emlékszem, hogy azt mondtam, belső HTML alapvetően 1077 00:54:46,470 --> 00:54:50,610 vesz bármit, ami között a két tag, hogy beszéltünk 1078 00:54:50,610 --> 00:54:54,470 és betétek vagy manipulálja bármi is van ott? 1079 00:54:54,470 --> 00:54:58,290 Szóval ez mire jó, ha megyünk vissza a nappal, 1080 00:54:58,290 --> 00:55:04,180 az, hogy az óra utal mindent ez div. 1081 00:55:04,180 --> 00:55:09,770 Ez a belső HTML Ennek Id óra div. 1082 00:55:09,770 --> 00:55:13,930 És ez így fog változtatni, hogy A HTML, hogy mi csak létre, 1083 00:55:13,930 --> 00:55:16,750 amely, ami remélhetőleg remélhetőleg, remélhetőleg, 1084 00:55:16,750 --> 00:55:21,026 időt fogja mutatni most. 1085 00:55:21,026 --> 00:55:23,960 Meglátjuk. 1086 00:55:23,960 --> 00:55:25,170 Természetesen. 1087 00:55:25,170 --> 00:55:26,860 Szóval sok technikai kérdések. 1088 00:55:26,860 --> 00:55:31,480 Allison hogy-- vagyok off my játék ma a srácok. 1089 00:55:31,480 --> 00:55:34,136 OK, hogy működik. 1090 00:55:34,136 --> 00:55:35,760 clock dot belső HTML. 1091 00:55:35,760 --> 00:55:42,097 Ez volt HTML Tényleg? 1092 00:55:42,097 --> 00:55:43,180 Szintén ez az, ami történik. 1093 00:55:43,180 --> 00:55:48,750 Ha nem látsz valamit, akkor csak nézd meg a forráskódot. 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 Akarsz tudni hűvös munka körül hogy fogunk csinálni itt? 1097 00:55:54,870 --> 00:55:55,740 >> Közönség: Meg tudod csinálni betűt? 1098 00:55:55,740 --> 00:55:56,580 A betűt? 1099 00:55:56,580 --> 00:55:58,996 Mert van, hogy óra, majd kap perc. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON Buchholtz-AU: Ez hogy kap óra és get-- ó. 1101 00:56:02,590 --> 00:56:04,945 Ön are-- arany csillag. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Ez az egész egy teszt, srácok. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Ígérem, hogy dolgozik az osztály előtt. 1106 00:56:17,330 --> 00:56:22,590 >> OK, de valami jó tudni, hogy lehet also--, ha néha 1107 00:56:22,590 --> 00:56:26,560 A külső fájlok Kicsit őrült, 1108 00:56:26,560 --> 00:56:30,960 akkor is csak őket egyenes itt, amely hajlamos rögzíteni a dolgokat. 1109 00:56:30,960 --> 00:56:35,840 Kivéve, ez olyan, mint nagyon csúnya. 1110 00:56:35,840 --> 00:56:38,050 Természetesen formázza mindent. 1111 00:56:38,050 --> 00:56:41,425 Győződjön meg arról, hogy minden szép. 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 >> Azt akartam, hogy minden a hűvös demókat, és ők csak nem működik. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Script var óra. 1117 00:56:53,890 --> 00:57:00,350 Egyébként, ami fontos, hogy ez az általános út 1118 00:57:00,350 --> 00:57:01,870 hogy akkor formázza JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Mint láthatjuk, ez lehet Nagyon válogatós néha, 1120 00:57:04,490 --> 00:57:08,780 akkor is, ha nem volt szó dolgozik két másodperccel ezelőtt. 1121 00:57:08,780 --> 00:57:11,820 Vagy nem két nappal ezelőtt, de nagyon-nagyon közelmúltban. 1122 00:57:11,820 --> 00:57:16,070 >> Tehát, hogy mutassa meg, mit kell kinéznie, és hogy mutassa meg, hogy én nem vagyok őrült, 1123 00:57:16,070 --> 00:57:19,730 és hogy mindent pontosan ugyanaz, ez az, amit meg kell kinéznie. 1124 00:57:19,730 --> 00:57:27,410 Te csak csinálni ezt a felső rész itt, és ha megtekinti az oldal forrását, 1125 00:57:27,410 --> 00:57:32,160 ha azt veszi észre, ő néhány őrültebb dolgokat, én egyszerűsített azt. 1126 00:57:32,160 --> 00:57:35,710 Emellett hitel Tommy McWilliam, akik ténylegesen 1127 00:57:35,710 --> 00:57:38,810 segített létrehozni ezeket a példákat, ezért tudom, hogy működik. 1128 00:57:38,810 --> 00:57:41,560 Mert Tommy egy JavaScript mester. 1129 00:57:41,560 --> 00:57:43,180 De ha azt vesszük észre, van néhány sor. 1130 00:57:43,180 --> 00:57:45,170 Megvan óra funkció itt. 1131 00:57:45,170 --> 00:57:48,450 Ez mind a JavaScript, hogy Mi csak azt írta, vagy egy részét. 1132 00:57:48,450 --> 00:57:51,470 Mi csak azt írta ez itt. 1133 00:57:51,470 --> 00:57:54,260 És van egy extra funkciót, hogy csak párna is 1134 00:57:54,260 --> 00:57:57,790 azáltal, hogy a nulla előtt levélben vagy azt megelőzően a számot, ha ez 1135 00:57:57,790 --> 00:57:59,412 csak egy közülük. 1136 00:57:59,412 --> 00:58:02,120 Tehát, ha azt veszi észre, ez elég sokkal pontosan mi csak írtam. 1137 00:58:02,120 --> 00:58:06,230 Van néhány változó órát, hogy van mi elem, hogy elem azonosító, 1138 00:58:06,230 --> 00:58:07,252 ami órát. 1139 00:58:07,252 --> 00:58:08,960 Megvan a beállított időközönként funkciót, ami 1140 00:58:08,960 --> 00:58:12,670 egy névtelen függvény amely végrehajtja ezt az egészet. 1141 00:58:12,670 --> 00:58:16,940 Van néhány kezdő sora HTML hogy mi aztán dinamikusan 1142 00:58:16,940 --> 00:58:20,750 generál azáltal, hogy néhány H1 fejléc, egybetoldjuk 1143 00:58:20,750 --> 00:58:23,950 get az órák, valamint a vastagbél, plusz kapok 1144 00:58:23,950 --> 00:58:26,860 A perc, plusz egy vastagbél, valamint a másodperc, 1145 00:58:26,860 --> 00:58:29,330 és végül a záró HTML érte. 1146 00:58:29,330 --> 00:58:34,210 És akkor mi frissítjük óra dot belső HTML HTML, 1147 00:58:34,210 --> 00:58:37,640 és frissítjük minden 100 milliszekundum. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Lásd ígérem nem vagyok őrült. 1150 00:58:42,470 --> 00:58:43,440 Nem tudom. 1151 00:58:43,440 --> 00:58:47,160 Nem tudom, miért nem szeret engem. 1152 00:58:47,160 --> 00:58:54,030 Úgy érzem, ugyanúgy néz ki, de úgy tűnik, utál. 1153 00:58:54,030 --> 00:58:59,600 >> Tehát lássuk, ha kerek három jobban megy. 1154 00:58:59,600 --> 00:59:00,970 Nemsokára látni. 1155 00:59:00,970 --> 00:59:02,910 Nem vagyok biztos benne, hogyan fog ez menni. 1156 00:59:02,910 --> 00:59:06,700 Mindenki legalább egyre a hátránya, mint a csak általános téma 1157 00:59:06,700 --> 00:59:08,480 A JavaScript, igaz? 1158 00:59:08,480 --> 00:59:15,660 Remélem, hogy ez legalább hasznos, több mint azt mutatja, hogy ez egy kicsit válogatós. 1159 00:59:15,660 --> 00:59:21,190 De a probléma meg lesz nagyon szórakoztató. 1160 00:59:21,190 --> 00:59:22,590 Ez jó lesz. 1161 00:59:22,590 --> 00:59:24,820 Nem lesz annyira unalmas mivel ez, nem hiszem. 1162 00:59:24,820 --> 00:59:28,100 Akkor valóban kap lásd nagyon klassz dolog. 1163 00:59:28,100 --> 00:59:31,734 >> Így végül, de nem utolsósorban, megpróbáljuk a Twitter egyik. 1164 00:59:31,734 --> 00:59:32,900 Én nagyon félek most, srácok. 1165 00:59:32,900 --> 00:59:35,762 Nem tudom, hogyan fog ez menni. 1166 00:59:35,762 --> 00:59:39,930 De csak, hogy ha egy kicsit több íz, és ez valójában 1167 00:59:39,930 --> 00:59:44,190 manipulálni húrok és bemenetek, mit fogunk csinálni 1168 00:59:44,190 --> 00:59:50,960 Azaz, ha azt vesszük észre, itt HTML-- ennek van egy kicsit more-- 1169 00:59:50,960 --> 00:59:57,200 van néhány szöveget a területen, amely megfelel ennek a szövegnek a területen van. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 És egy id a szöveget. 1172 01:00:00,420 --> 01:00:04,520 Mi áttervezett, hogy egy kicsit néhány szélesség és magasság 1173 01:00:04,520 --> 01:00:07,310 hogy már előre, és mi H1, 1174 01:00:07,310 --> 01:00:11,260 amely csak a mi header egyik, hogy képviseli karakter maradt. 1175 01:00:11,260 --> 01:00:14,570 Mi adta néhány Id a karakter maradt, 1176 01:00:14,570 --> 01:00:18,660 és akkor mi van néhány script itt, ami én vagyok nagyon 1177 01:00:18,660 --> 01:00:20,790 remélve, harmadik alkalommal a A varázsa van, srácok. 1178 01:00:20,790 --> 01:00:26,750 >> Szóval mit akarunk csinálni, az azonos általános véna 1179 01:00:26,750 --> 01:00:31,480 , amit csináltunk, óra dot js és fél dot js, mint azt vettem észre, 1180 01:00:31,480 --> 01:00:35,980 A kezdtünk által ténylegesen rángatás A dolgok, hogy mi érdekli, ugye? 1181 01:00:35,980 --> 01:00:42,330 Tehát ebben az esetben, van két dolgok, hogy mi érdekli, OK? 1182 01:00:42,330 --> 01:00:47,199 Egy dolog, hogy mi vagyunk valójában milyen keresi és rajz adatokat, 1183 01:00:47,199 --> 01:00:48,990 és az egyik dolog, hogy mi nem változik. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Tehát ott a HTML. 1186 01:00:53,730 --> 01:01:00,370 Ha ez az oldalunkra itt, mi Az adatok keresünk? 1187 01:01:00,370 --> 01:01:03,860 Ez lesz bármi A szöveg a mi dobozok, ugye? 1188 01:01:03,860 --> 01:01:05,310 Tehát amit én írja ide. 1189 01:01:05,310 --> 01:01:08,150 Ez az, amit tudni akarok, vagy ez az, amit akarok nézni. 1190 01:01:08,150 --> 01:01:10,690 És mi lesz változó honlapunkon? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 A karakter maradt. 1193 01:01:14,880 --> 01:01:19,550 Tehát ugyanúgy, szeretnénk kezdeni inicializálása változók 1194 01:01:19,550 --> 01:01:22,030 hogy valóban kapaszkodni azon elemeit. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Tehát ha van néhány var ez a mi szöveget területen, 1197 01:01:29,930 --> 01:01:33,681 és van néhány var, hogy van még hátra. 1198 01:01:33,681 --> 01:01:34,180 Ugye? 1199 01:01:34,180 --> 01:01:36,190 Szóval ezek lesznek tartsa a két dolgot. 1200 01:01:36,190 --> 01:01:42,370 Tehát ugyanaz a fajta dolog, dokumentum dot-- OK, én vagyok 1201 01:01:42,370 --> 01:01:45,920 megy, hogy biztos, hogy ez fog működni ebben az időben. 1202 01:01:45,920 --> 01:01:49,620 Én nagyon hajthatatlan. 1203 01:01:49,620 --> 01:01:53,310 OK, így ha azt akarjuk, hogy szöveges terület szerint 1204 01:01:53,310 --> 01:01:55,710 hogy a HTML, mi a azonosítóval? 1205 01:01:55,710 --> 01:01:56,420 Mi a Id? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Ez csak lesz a szöveg, mert ez teremt a szöveget területen, OK, 1208 01:02:05,540 --> 01:02:10,320 és mi Id szöveget, úgy, hogy hogyan tudjuk megragadni, mi van benne. 1209 01:02:10,320 --> 01:02:12,130 OK, pontosvessző. 1210 01:02:12,130 --> 01:02:13,940 Én leszek super pontosan erről, 1211 01:02:13,940 --> 01:02:16,300 mert azt akarom, hogy ezt a munkát ebben az időben. 1212 01:02:16,300 --> 01:02:22,120 OK, nem ugyanaz a dolog, kap elemet Id. 1213 01:02:22,120 --> 01:02:25,970 Én nagyon kíváncsi, mi van okozott a másik két összezavar. 1214 01:02:25,970 --> 01:02:29,750 OK, akkor ebben az egy, mit akarunk elérni? 1215 01:02:29,750 --> 01:02:30,760 Mi a Id itt? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Van egy másik Id ben a HTML, mi ez? 1218 01:02:36,261 --> 01:02:37,552 Közönség: karakter maradt. 1219 01:02:37,552 --> 01:02:39,343 ALLISON Buchholtz-AU: Karakter maradt. 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 Szóval én csak fog írni ezt a nagyon gyors. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Én csak megy, hogy megírjam ezt a második. 1226 01:02:55,330 --> 01:02:56,190 Tehát szövegmezőbe. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Milyen érdekes, B function-- van Sok funkciók, hogy nem csak 1229 01:03:06,180 --> 01:03:09,690 megfelelnek az Ön egér, de a billentyűzet. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Szóval lehet mondani, a gombok préselt, amit tehetünk, ilyesmik. 1232 01:03:16,540 --> 01:03:20,450 Tehát az egyik, hogy mi használ Felkérte továbbá gomb fel, amelyek 1233 01:03:20,450 --> 01:03:25,320 azt mondja: "ha már megnyomta bármely gombját a billentyűzet, amikor a felhasználó felemelte 1234 01:03:25,320 --> 01:03:28,064 ujjuk ki azt a gombot, és a kulcs vált préseletlen, 1235 01:03:28,064 --> 01:03:29,480 Ezután fogunk tenni valamit. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Szóval ez van értelme, ugye? 1238 01:03:31,370 --> 01:03:33,540 Mivel minden karakter azt írja, megyünk 1239 01:03:33,540 --> 01:03:36,550 hogy meg kell emelnie az ujjainkat off belőle, így amikor a kulcs megy fel, 1240 01:03:36,550 --> 01:03:40,980 tudhatjuk, hogy csökkentse a karakter marad. 1241 01:03:40,980 --> 01:03:44,440 >> Így van némi kulcsfontosságú fel, és azonos módon, 1242 01:03:44,440 --> 01:03:47,480 fogunk mondani, "OK, ha ezt tesszük, akkor 1243 01:03:47,480 --> 01:03:55,110 Készítünk néhány funkciója, hogy fog tartani e, "Ebben az esetben, 1244 01:03:55,110 --> 01:03:58,800 és mit akarok, számítani száma hátra. 1245 01:03:58,800 --> 01:04:02,510 OK, úgyhogy csak elkezd létrehozásával változó. 1246 01:04:02,510 --> 01:04:05,830 Így van némi változó r, hogy fog képviselni 1247 01:04:05,830 --> 01:04:07,720 hogy hány karakter van hátra. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Tudjuk, hogy kezdjük 140, és ha azt akarjuk tudni, 1250 01:04:14,540 --> 01:04:18,360 mondjuk, a hossza a húr, hogy a már input, 1251 01:04:18,360 --> 01:04:20,860 Srácok, van valami ötlete hogyan lehet csinálni? 1252 01:04:20,860 --> 01:04:23,900 Csak alapján le a nyilvánvaló dolgokat, mint ha azt akartuk, óra, 1253 01:04:23,900 --> 01:04:25,870 szoktunk kapni óra. 1254 01:04:25,870 --> 01:04:28,860 Tudjuk, hogy a tárgy szöveget a területen, de Tudnátok 1255 01:04:28,860 --> 01:04:33,050 gondol, mi lehet a után? 1256 01:04:33,050 --> 01:04:35,280 Van ötleted? 1257 01:04:35,280 --> 01:04:41,730 >> Szóval ez az ember egyfajta kevesebb intuitív, de ez értéke dot hossza. 1258 01:04:41,730 --> 01:04:44,700 Szóval, csak adj egy kis value attribútum, hogy 1259 01:04:44,700 --> 01:04:46,500 valójában a hossza a húr. 1260 01:04:46,500 --> 01:04:50,340 Így fog mondani, "OK, én keresek Ebben a teljes string text területen, 1261 01:04:50,340 --> 01:04:52,730 és fogok mondani Önnek mennyi idő van még. " 1262 01:04:52,730 --> 01:04:55,500 Mert ha arra gondolunk, húrok tényleg csak tömbök, 1263 01:04:55,500 --> 01:04:58,110 így tudjuk csak hogy a hossza őket. 1264 01:04:58,110 --> 01:05:01,860 Tehát van, hogy. 1265 01:05:01,860 --> 01:05:04,058 Cool. 1266 01:05:04,058 --> 01:05:09,360 >> Akkor mit akarunk csinálni a mi Soha nem akarom, hogy a felhasználó 1267 01:05:09,360 --> 01:05:12,340 a bemeneti több mint 140 karakter, ugye? 1268 01:05:12,340 --> 01:05:15,610 Mert ha azt mondjuk, mint "Ó, te csak ennyi maradt, " 1269 01:05:15,610 --> 01:05:20,522 majd hagyd, hogy nem, hogy Egyébként, mi már feküdt. 1270 01:05:20,522 --> 01:05:22,230 És ez egy másik dolog, hogy a JavaScript 1271 01:05:22,230 --> 01:05:24,530 lehet igazán jó A, a felhasználó hitelesítése 1272 01:05:24,530 --> 01:05:29,062 és gondoskodjanak arról, hogy a használati beleillik az olyan szabályokat, 1273 01:05:29,062 --> 01:05:30,270 hogy már bocsátottak. 1274 01:05:30,270 --> 01:05:36,020 Tehát, ha szeretné, hogy a dolgokat, mint hogy arról, hogy valaki input e-mail címét, 1275 01:05:36,020 --> 01:05:40,242 vagy, hogy mikor be két jelszó, akkor kiegyenlített. 1276 01:05:40,242 --> 01:05:41,200 JavaScript képes erre. 1277 01:05:41,200 --> 01:05:44,010 Te valami ilyesmit kellene, "ha Az űrlap elküldése ", vagy hasonló, 1278 01:05:44,010 --> 01:05:48,170 "Amikor Űrlapküldés gomb kattintott, ellenőrizze ezeket a dolgokat. " 1279 01:05:48,170 --> 01:05:49,670 És nem tehetünk, hogy a JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Szóval ez az, amit fogunk itt csinálni. 1281 01:05:52,680 --> 01:05:57,810 >> Szóval mi lehet a módja annak, hogy ellenőrizze, Mentek mint 140 karakter? 1282 01:05:57,810 --> 01:06:03,310 Mi fog történni mi értéke r, ha megpróbálnak? 1283 01:06:03,310 --> 01:06:04,760 Ez lesz a negatív, ugye? 1284 01:06:04,760 --> 01:06:07,380 Vagy ez lesz kevesebb mint vagy egyenlő nullával. 1285 01:06:07,380 --> 01:06:13,690 Így tudjuk használni az, ha ez Csakúgy, mint bármi mást. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 És van néhány szöveges terület dot értéket, és mit csinálunk itt 1288 01:06:20,480 --> 01:06:29,940 a mi csak cutting-- mi ez? 1289 01:06:29,940 --> 01:06:30,900 Bocsánat. 1290 01:06:30,900 --> 01:06:32,732 Ez az egy, amit csak akar visszatérni hamis. 1291 01:06:32,732 --> 01:06:34,030 I összezavarodott. 1292 01:06:34,030 --> 01:06:36,560 Minden frazzled a dolgok nem működnek. 1293 01:06:36,560 --> 01:06:40,010 OK, mi csak szeretnénk return false, és akkor 1294 01:06:40,010 --> 01:06:44,160 szeretnénk megjeleníteni fennmaradó karakterek, ugye? 1295 01:06:44,160 --> 01:06:48,720 Tehát az óra, megcsináltuk valami belső HTML, ugye? 1296 01:06:48,720 --> 01:06:52,070 Itt állítottuk, hogy azonos bizonyos változó, így mi is csinálunk itt? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Mit keresünk változó belső HTML az? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> Közönség: Hátralévő? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON Buchholtz-AU: Megváltoznak megmaradt. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Rendben, és mit Célszerű úgy beállítani, egyenlő? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Ez lesz r, mert ez kell legyen a karakter marad. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Szóval tényleg ideges vagyok, hogy ha ez működik most, de majd meglátjuk. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Hagyja ezt. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Ez nagyon gyors. 1312 01:07:37,700 --> 01:07:38,970 [Hallhatatlan] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Ismét Én csak megy, hogy mutassa meg. 1315 01:07:45,990 --> 01:07:49,430 Bármilyen okból, enyém dönt, hogy nem működik, 1316 01:07:49,430 --> 01:07:53,354 de amit én megmutatom neked, hogy ez a ez-- oh kellett volna tenni, hogy az. 1317 01:07:53,354 --> 01:07:57,470 OK, azt vesszük észre, ugyanaz a fajta dolog itt, egyre szöveges mezőbe. 1318 01:07:57,470 --> 01:08:01,070 >> Továbbá, ha a srác értesítést, ha van valaha valamit akarsz csinálni, 1319 01:08:01,070 --> 01:08:04,080 és nem tudod, hogyan kell csinálni el, csak kattintson Oldal forrása, 1320 01:08:04,080 --> 01:08:06,632 és ők fognak mondani. 1321 01:08:06,632 --> 01:08:07,840 Néha ez lesz titkosítva. 1322 01:08:07,840 --> 01:08:11,147 Az Ön PSET, mi titkosítani mindent, így csak úgy néz ki, mint halandzsa. 1323 01:08:11,147 --> 01:08:13,480 De ha valaha egy igazán Hűvös honlapján, hogy tetszik, 1324 01:08:13,480 --> 01:08:17,729 Ha csak kattints Oldal forrása, ez fog mondani, hogyan kell csinálni. 1325 01:08:17,729 --> 01:08:20,770 Tehát újra, a munka okosabb, sem nehezebb. 1326 01:08:20,770 --> 01:08:24,250 És ahogy itt lát, az összes ezek a dolgok a ugyanaz. 1327 01:08:24,250 --> 01:08:31,930 ez itt csak némi töredékszó hogy emlékszem pontosan, hogy ez mit jelent. 1328 01:08:31,930 --> 01:08:36,980 De ez nyilván némi töredékszó Az érték a nullától tízig, 1329 01:08:36,980 --> 01:08:41,540 és hamis értékkel tér vissza, amit le kell állítani A felhasználói írják be többé, 1330 01:08:41,540 --> 01:08:46,040 és akkor nyilván frissíti a belső HTML ott. 1331 01:08:46,040 --> 01:08:47,410 >> Cool. 1332 01:08:47,410 --> 01:08:53,000 Olyan nagy take aways mától, kísérlet, nézd meg a forráskódot 1333 01:08:53,000 --> 01:08:58,359 mert ez fog segíteni sokat, és mindenki, néha JavaScript 1334 01:08:58,359 --> 01:09:03,200 Lehet, hogy nehéz vele dolgozni, és nem Mindig úgy működik, ahogy elvárná, 1335 01:09:03,200 --> 01:09:05,700 de csak próbálkozom mert ígérem, hogy lesz. 1336 01:09:05,700 --> 01:09:08,376 Ígérem összes példában dolgoztak osztály előtt. 1337 01:09:08,376 --> 01:09:09,750 Nem értem, mi történt. 1338 01:09:09,750 --> 01:09:13,069 Szó szerint mindent ugyanaz. 1339 01:09:13,069 --> 01:09:17,660 >> Még egy dolog, hogy én csak azt szeretném mutatni nektek, hogy lehet szuper hasznos 1340 01:09:17,660 --> 01:09:21,630 A in-- mi működik már? 1341 01:09:21,630 --> 01:09:23,935 Kaptunk fél munkát, ugye? 1342 01:09:23,935 --> 01:09:26,569 Azt hiszem, igen. 1343 01:09:26,569 --> 01:09:27,069 Igen. 1344 01:09:27,069 --> 01:09:27,630 Megcsináltuk. 1345 01:09:27,630 --> 01:09:28,250 Félelmetes. 1346 01:09:28,250 --> 01:09:31,189 OK, így egy dolog, hogy srácok tudni kell 1347 01:09:31,189 --> 01:09:33,340 a konzol log, hogy én beszéltem. 1348 01:09:33,340 --> 01:09:37,040 Tehát vigasztalni dot log Hello. 1349 01:09:37,040 --> 01:09:40,430 Tehát ez a fajta a JavaScript megfelelője printf. 1350 01:09:40,430 --> 01:09:42,810 Tehát, ha valaha is szeretne ellenőrizze a változók 1351 01:09:42,810 --> 01:09:49,649 vagy mi is történik ott, mit amit tehetünk, ha Elem vizsgálata, 1352 01:09:49,649 --> 01:09:51,899 az, amit akarsz menni a, és akkor konzolra, 1353 01:09:51,899 --> 01:09:53,770 látni fogod, hogy a nyomtatott helló. 1354 01:09:53,770 --> 01:09:55,750 >> Így lehet, hogy azt print amit akartunk. 1355 01:09:55,750 --> 01:10:04,170 Ha akartuk, hogy nyomtatni háttér dot stílusban dot háttér, 1356 01:10:04,170 --> 01:10:08,454 képesnek kell lennünk, hogy a RGB hármas, hogy jön fel. 1357 01:10:08,454 --> 01:10:11,140 Vagy nem. 1358 01:10:11,140 --> 01:10:13,520 Emlékszem pontosan, hogyan nyomtatni egy változó ilyesmi, 1359 01:10:13,520 --> 01:10:17,249 de meg kell tenni, hogy nyomtassa ki az ilyen dolgokat. 1360 01:10:17,249 --> 01:10:19,040 Hogy nagyon hasznos lesz a PSET ha 1361 01:10:19,040 --> 01:10:23,330 akarsz manipulálni koordinálja és miegymás. 1362 01:10:23,330 --> 01:10:25,270 Így ők is változtatni ez a darab az osztályban. 1363 01:10:25,270 --> 01:10:30,750 Ez különbözik a elmúlt évben, így Csak a szép, hogy a TF, illetve a TF- 1364 01:10:30,750 --> 01:10:36,350 a hivatali órák helyett, mert mi vagyunk fajta tanulás mellett srácok. 1365 01:10:36,350 --> 01:10:41,230 De a konzol log szuper volt, szuper hasznos JavaScript tavaly. 1366 01:10:41,230 --> 01:10:42,740 Szóval nagyon tetszik. 1367 01:10:42,740 --> 01:10:43,780 Ismerje meg, hogyan kell használni. 1368 01:10:43,780 --> 01:10:49,026 Ez könnyebb használni, mint GDB, hogy legyen legalább egy plusz pont. 1369 01:10:49,026 --> 01:10:50,650 De köszönöm srácok viselő velem. 1370 01:10:50,650 --> 01:10:53,400 Sajnálom, hogy én példák valamilyen okból 1371 01:10:53,400 --> 01:10:55,410 Csak nem akartam, hogy együttműködni velem, de én 1372 01:10:55,410 --> 01:11:01,010 remélem, hogy ez segített a fajta kapsz egy kicsit több az övezetben a JavaScript. 1373 01:11:01,010 --> 01:11:04,980 És küldjön nekem minden kérdésre az jövő héten így is szuper javítani, 1374 01:11:04,980 --> 01:11:09,420 és hozok édességet és még extra candy, mert ez nevetséges volt. 1375 01:11:09,420 --> 01:11:14,000 De a srácok nagyszerű, és van egy félelmetes héten. 1376 01:11:14,000 --> 01:11:15,584