1 00:00:00,000 --> 00:00:02,862 >> [Zenelejátszási] 2 00:00:02,862 --> 00:00:10,030 3 00:00:10,030 --> 00:00:11,580 >> DAVID MALAN: Ez CS50. 4 00:00:11,580 --> 00:00:12,880 Ez a hét elején kilenc. 5 00:00:12,880 --> 00:00:15,797 És ez az, amit kellett volna volt Mr. Boole 200. születésnapját. 6 00:00:15,797 --> 00:00:17,630 Szóval ez a fickó kinek mi már utaltam 7 00:00:17,630 --> 00:00:21,800 elég sok alkalommal használatával A logikai változók igaz és hamis, 8 00:00:21,800 --> 00:00:22,910 1 és 0 és ilyen. 9 00:00:22,910 --> 00:00:25,270 És ez volt a Google Tisztelgés neki ma. 10 00:00:25,270 --> 00:00:26,489 Ő változtatta volna 200. 11 00:00:26,489 --> 00:00:28,280 Tehát, ha azt szeretné, hogy csatlakozzon hozzánk CS50 ebéd, 12 00:00:28,280 --> 00:00:30,279 vessünk egy pillantást a link A tanfolyam honlapján. 13 00:00:30,279 --> 00:00:33,580 És az ilyen arcok és a barátokkal Ezek várják itt Cambridge-ben. 14 00:00:33,580 --> 00:00:35,360 Arcok, mint ezek várják Önt New Haven. 15 00:00:35,360 --> 00:00:37,800 És, sőt, Ken New Haven kedvesen tette 16 00:00:37,800 --> 00:00:41,594 az úgynevezett animált GIF Éli Itt egy újabb lunch-- GIF még 17 00:00:41,594 --> 00:00:44,260 Egy másik grafikus fájlformátum, amellyel te familiar--, hogy 18 00:00:44,260 --> 00:00:46,300 úgy néz ki, egy kicsit valami ilyesmi. 19 00:00:46,300 --> 00:00:48,179 Tehát csak egy sorozat of-- OK. 20 00:00:48,179 --> 00:00:49,720 Itt senki Cambridge nevet. 21 00:00:49,720 --> 00:00:51,720 De New Havenben, ez nagyon vicces, ugye? 22 00:00:51,720 --> 00:00:52,350 Minden rendben. 23 00:00:52,350 --> 00:00:53,940 >> Tehát ne csatlakozzon hozzánk ott. 24 00:00:53,940 --> 00:00:55,900 Itt a Harvardon, Pontosabban, ez a szerda, 25 00:00:55,900 --> 00:00:59,480 ha egy másodéves vagy gólya even-- vagy akár junior-- gondolkodás készítés 26 00:00:59,480 --> 00:01:01,563 egy kapcsoló számítógépes tudomány, tudom, hogy hogy lesz- 27 00:01:01,563 --> 00:01:04,440 kell a CS tanácsadás tisztességes ezt Szerda, röviddel azután osztály 28 00:01:04,440 --> 00:01:08,040 4:00 órakor a számítógép Science Building Maxwell Dworkin. 29 00:01:08,040 --> 00:01:11,890 Fogjuk fel ezt a tanfolyam honlapján holnap is. 30 00:01:11,890 --> 00:01:14,430 Donuts, nekem azt mondták, nem szolgálnak fel. 31 00:01:14,430 --> 00:01:15,180 >> Minden rendben. 32 00:01:15,180 --> 00:01:18,790 Annyira vicces story-- voltam dugta körül az interneten, 33 00:01:18,790 --> 00:01:23,575 és találtam néhány régi archívumok Az egykori honlapján. 34 00:01:23,575 --> 00:01:25,950 És kiderül out-- körül ezt idő, úgy tűnik, nagyon időszerű 35 00:01:25,950 --> 00:01:28,910 mert én veszem, hogy az UC választásokon Arra készül, hogy a felszerelés fel újra. 36 00:01:28,910 --> 00:01:32,230 Szóval futottam UC, elveszett szerencsétlenül. 37 00:01:32,230 --> 00:01:34,770 És talán ez részben miért. 38 00:01:34,770 --> 00:01:37,600 Szóval ez volt a honlapom idején. 39 00:01:37,600 --> 00:01:40,477 Valamilyen oknál fogva, azt hittem, Jó ötlet, mielőtt elmondani az embereknek 40 00:01:40,477 --> 00:01:43,310 mi a platform volt, és miért kell szavazz rám, hogy van 41 00:01:43,310 --> 00:01:47,770 hogy kattintson be, hogy megtudja, hogy információt, amely utólag is 42 00:01:47,770 --> 00:01:48,660 fajta hátborzongató. 43 00:01:48,660 --> 00:01:50,910 Nem igazán tudom, hogy mi volt az. 44 00:01:50,910 --> 00:01:53,140 >> De ez egyáltalán nem segíteni a kampányban. 45 00:01:53,140 --> 00:01:56,874 Azt is megállapították, hogy a vezető year-- volt ez a Muppet naptár. 46 00:01:56,874 --> 00:01:58,540 Muppets kedvesek voltak divatban, majd vissza. 47 00:01:58,540 --> 00:01:59,456 Vagy talán nem voltak. 48 00:01:59,456 --> 00:02:01,790 Volt egy Muppet naptári majd vissza. 49 00:02:01,790 --> 00:02:04,860 És azt gondoltam, hogy lenne jó, hogy név Sajátgép Harvard hálózati 50 00:02:04,860 --> 00:02:07,460 frogman.student.harvard.edu. 51 00:02:07,460 --> 00:02:10,370 Abban az időben, mi minden volt egyedileg azonosítható host neveket. 52 00:02:10,370 --> 00:02:13,150 És akkor választhat néhány hiúság neve helyett a saját nevét. 53 00:02:13,150 --> 00:02:15,580 És mentem békaember valamilyen okból. 54 00:02:15,580 --> 00:02:19,040 >> És akkor én started-- Sokat az idő kattintva ezekre a címekre 55 00:02:19,040 --> 00:02:20,280 ma reggel. 56 00:02:20,280 --> 00:02:24,690 És ez volt az én kb oldalon, amely most egyfajta tűnik imádnivaló. 57 00:02:24,690 --> 00:02:28,210 De ez is bizonyítja, hogy csak milyen messzire technológia jött. 58 00:02:28,210 --> 00:02:30,310 Úgy értem, vissza a nap, 486 volt valami. 59 00:02:30,310 --> 00:02:34,090 Ezek a napok, ez szuper, szuper, szuper lassú és jól kevésbé 60 00:02:34,090 --> 00:02:36,216 mint lehet, hogy a saját zsebébe ezekben a napokban. 61 00:02:36,216 --> 00:02:38,465 Van még ott, hogy volt, még inkább kínos. 62 00:02:38,465 --> 00:02:39,770 Úgyhogy hagyjuk annyiban. 63 00:02:39,770 --> 00:02:42,640 De ez volt az első behatolás web-- ó, nem. 64 00:02:42,640 --> 00:02:43,180 Ez nem volt. 65 00:02:43,180 --> 00:02:47,000 Az első igazi behatolás web programozás volt ezen az oldalon, ami csak elfelejtettem. 66 00:02:47,000 --> 00:02:50,620 Egy bizonyos ponton, megtanultam, hogyan kell hogy az ismétlődő háttérképeket. 67 00:02:50,620 --> 00:02:55,260 És így találtam ezt a csempézés hatékony, mint a hokis, foci és a golf 68 00:02:55,260 --> 00:02:58,040 labda, vagy bármi, ami A Frosh PM honlapján. 69 00:02:58,040 --> 00:03:01,390 És ez valójában, valóban a első web-alapú projekt vettem on-- 70 00:03:01,390 --> 00:03:03,880 Azt hiszem, talán másodéves évben, junior year-- 71 00:03:03,880 --> 00:03:07,622 miután CS50 és CS51, egy A közös nyomon az osztályokról. 72 00:03:07,622 --> 00:03:09,330 Észrevettem keres az archívumok 73 00:03:09,330 --> 00:03:12,150 hogy az egyik utódai és barátok, Lee, egyfajta megváltozott 74 00:03:12,150 --> 00:03:13,480 A szerzői magának. 75 00:03:13,480 --> 00:03:17,520 De valóban ez volt valami, ami Azt kéne vennie kellemetlenséget. 76 00:03:17,520 --> 00:03:19,370 De abban az időben, ez a volt az első weboldal, 77 00:03:19,370 --> 00:03:22,220 mint mondtam, néhány héttel ezelőtt, amellyel gólya lehetett 78 00:03:22,220 --> 00:03:24,350 regisztrálj intramuralis sport itt. 79 00:03:24,350 --> 00:03:27,950 És így kiderül, Ilyen körülmények képek 80 00:03:27,950 --> 00:03:29,530 így nem olyan jó ötlet. 81 00:03:29,530 --> 00:03:31,840 De a web új ​​volt, és mindannyian kísérletező. 82 00:03:31,840 --> 00:03:34,310 És ez az, amit nyilván nem abban az időben. 83 00:03:34,310 --> 00:03:34,810 Minden rendben. 84 00:03:34,810 --> 00:03:38,020 Tehát minden további nélkül, akkor kapcsolja fogaskerekek ma, hogy, tényleg, 85 00:03:38,020 --> 00:03:42,250 az utolsó darab, hogy lehet találni különösen hasznos a végső projektek 86 00:03:42,250 --> 00:03:44,780 de azt is, hogy kezd hogy az egész világhálón 87 00:03:44,780 --> 00:03:46,680 érzem egy kicsit érthetőbb. 88 00:03:46,680 --> 00:03:49,460 Sőt, mi megy be Még egy programozási nyelv 89 00:03:49,460 --> 00:03:52,474 nevű JavaScript amelyekhez hasonló és eltérő a különböző módokon 90 00:03:52,474 --> 00:03:54,140 re nyelveken átnéztük eddig. 91 00:03:54,140 --> 00:03:55,807 >> Tehát C, emlékszem, ez összeállított nyelven. 92 00:03:55,807 --> 00:03:57,473 Neked kell futtatni egy fordító. 93 00:03:57,473 --> 00:03:59,810 Kapsz forráskód kifogás kódot, vagy nullák és egyesek. 94 00:03:59,810 --> 00:04:03,000 És ezek nullák és egyesek, hogy a CPU, Central Processing Unit, 95 00:04:03,000 --> 00:04:04,360 valóban megértsék. 96 00:04:04,360 --> 00:04:06,610 PHP, ezzel szemben nem lefordított nyelven. 97 00:04:06,610 --> 00:04:08,772 Ez egy mi? 98 00:04:08,772 --> 00:04:09,980 Ez egy értelmezett nyelv. 99 00:04:09,980 --> 00:04:11,750 Szóval egy kis programot nevű tolmács, hogy 100 00:04:11,750 --> 00:04:13,708 el kell olvasni it-- fentről lefelé, balról right-- 101 00:04:13,708 --> 00:04:16,519 és kitalálni, mi minden A szintaxis csinál, és azt jelenti, 102 00:04:16,519 --> 00:04:20,200 hogy ez egy hurkot, vagy olyan betegségben vagy bármely más számú programozási 103 00:04:20,200 --> 00:04:20,740 konstruálja. 104 00:04:20,740 --> 00:04:22,210 Szóval ez egy értelmezett nyelv. 105 00:04:22,210 --> 00:04:23,910 >> Aztán be HTML. 106 00:04:23,910 --> 00:04:26,440 És HTML csak nem is programozási nyelv. 107 00:04:26,440 --> 00:04:28,110 Mi nevezném, mi? 108 00:04:28,110 --> 00:04:31,650 Egy jelölő nyelv, amely csak egyfajta divatos módja mondván, hogy 109 00:04:31,650 --> 00:04:35,820 Nincsenek programozási szerkezeteket, mint láttuk még vissza a nap a Scratch. 110 00:04:35,820 --> 00:04:36,720 Nincsenek hurkok. 111 00:04:36,720 --> 00:04:37,920 Nincsenek feltételekkel. 112 00:04:37,920 --> 00:04:40,820 Ez valóban egy nyelvet megjelölésére fel az adatait 113 00:04:40,820 --> 00:04:43,620 és a formázással, vagy strukturálása, hogy valamilyen módon. 114 00:04:43,620 --> 00:04:46,147 >> CSS, eközben hasonlóan nem egy programozási nyelv. 115 00:04:46,147 --> 00:04:47,730 Ez még inkább esztétikailag orientált. 116 00:04:47,730 --> 00:04:50,470 És ez lehetővé teszi, hogy egyfajta finomhangolása dolgok, mint a betűméret és szín 117 00:04:50,470 --> 00:04:51,850 és elhelyezése, és minden adott. 118 00:04:51,850 --> 00:04:52,370 Aztán volt 119 00:04:52,370 --> 00:04:53,160 >> SQL. 120 00:04:53,160 --> 00:04:56,010 Így az SQL valóban egy programozási nyelv bizonyos értelemben, 121 00:04:56,010 --> 00:04:59,330 bár szabott konkrétan az adatbázisokhoz. 122 00:04:59,330 --> 00:05:03,347 De még ha csak be, hogy válassza ki és helyezze be és törölhet és frissíti 123 00:05:03,347 --> 00:05:05,430 és néhány másik, Kiderül, akkor tulajdonképpen 124 00:05:05,430 --> 00:05:07,380 levelet funkciók vagy eljárások, mivel ők 125 00:05:07,380 --> 00:05:11,270 nevű, SQL, hogy néz ki, és úgy járnak igen, mint a PHP és C függvények. 126 00:05:11,270 --> 00:05:12,390 Tehát tudjuk, hogy ezek léteznek. 127 00:05:12,390 --> 00:05:15,348 De ne is törődjünk velük a mi csak a felszínét itt. 128 00:05:15,348 --> 00:05:18,600 Aztán a JavaScript, az utolsó a nyelv hivatalosan is bemutatta. 129 00:05:18,600 --> 00:05:21,029 Szóval JavaScript is van egy értelmezett nyelv. 130 00:05:21,029 --> 00:05:23,070 És azok ismerik, nem azt szeretné, hogy megkülönböztessék 131 00:05:23,070 --> 00:05:26,960 Néhány jellemző mind a C és a PHP? 132 00:05:26,960 --> 00:05:28,300 Mi különbözteti meg? 133 00:05:28,300 --> 00:05:29,650 >> Közönség: Ez nem összeállítani. 134 00:05:29,650 --> 00:05:29,930 >> DAVID MALAN: Mondd még egyszer? 135 00:05:29,930 --> 00:05:31,200 >> Közönség: Ez nem összeállítani. 136 00:05:31,200 --> 00:05:31,930 >> DAVID MALAN: Ez nem összeállítani. 137 00:05:31,930 --> 00:05:33,450 Szóval ez is értelmezik. 138 00:05:33,450 --> 00:05:34,760 Tehát ez nem összeállítani. 139 00:05:34,760 --> 00:05:37,210 De teszi, hogy egy kicsit, mint a PHP. 140 00:05:37,210 --> 00:05:39,545 De ez még mindig eltér PHP valamilyen feltűnő módon, 141 00:05:39,545 --> 00:05:40,920 legalábbis ahogy mi fogjuk használni azt. 142 00:05:40,920 --> 00:05:41,205 Igen? 143 00:05:41,205 --> 00:05:41,940 >> Közönség: Ez fut a kliens-oldali. 144 00:05:41,940 --> 00:05:44,000 >> DAVID MALAN: Fut kliens oldali, általában. 145 00:05:44,000 --> 00:05:47,190 Ez valóban a megkülönböztető jellemző ránk most. 146 00:05:47,190 --> 00:05:51,170 C volt kiszolgálóoldali abban az értelemben, hogy mindent megtettünk a CS50 IDE. 147 00:05:51,170 --> 00:05:53,630 PHP eddig volt szerver oldali amennyiben 148 00:05:53,630 --> 00:05:56,550 mint ez is, jelentkeznek interpreted-- Nem összeállítani, de interpreted-- 149 00:05:56,550 --> 00:06:00,690 belsejében CS50 IDE, ami persze Csak egy szerver vagy szerverek a felhő. 150 00:06:00,690 --> 00:06:03,070 >> De JavaScript, sőt bár fogsz 151 00:06:03,070 --> 00:06:07,000 írásához azt mondjuk, PSET Nyolc és talán végleges projects-- te 152 00:06:07,000 --> 00:06:09,620 majd jobbra be CS50 IDE és mentse el 153 00:06:09,620 --> 00:06:14,760 A fájlok CS50 IDE, CS50 IDE és viszont, a felhő szerverek 154 00:06:14,760 --> 00:06:19,160 amelyen ez adott otthont, nem megy értelmezésére vagy végrehajtására a kódot. 155 00:06:19,160 --> 00:06:23,880 Inkább ez lesz elküldve a változatlan formában le a böngészőt. 156 00:06:23,880 --> 00:06:26,990 És ez akkor lesz IE vagy a Chrome vagy Firefox vagy a Safari 157 00:06:26,990 --> 00:06:30,697 vagy bármi, hogy valóban értelmezi ez, fentről lefelé, balról jobbra. 158 00:06:30,697 --> 00:06:32,780 Tehát a legfontosabb megkülönböztető jellemző a mai napra 159 00:06:32,780 --> 00:06:36,110 az, hogy a JavaScript a kliens oldali és a PHP, például, 160 00:06:36,110 --> 00:06:37,690 vetették szerver oldali. 161 00:06:37,690 --> 00:06:40,920 Nos, ez egy érdekes következménye Mert mint, a szellemi tulajdon 162 00:06:40,920 --> 00:06:42,660 és aki valóban látni a kódot. 163 00:06:42,660 --> 00:06:44,860 És valóban, mehetsz az interneten, és látni a legtöbb 164 00:06:44,860 --> 00:06:47,530 bármilyen kódot, hogy valaki írt JavaScript. 165 00:06:47,530 --> 00:06:50,230 Néha ez is olvasható, Néha eltorzítva. 166 00:06:50,230 --> 00:06:52,550 De még az, hogy a megfelelő időben. 167 00:06:52,550 --> 00:06:57,530 >> Tehát a JavaScript, szépen elég, szuper hasonló, szintaktikailag, hogy C. 168 00:06:57,530 --> 00:06:59,364 És ugyanúgy, mint a PHP, nincs fő funkciója. 169 00:06:59,364 --> 00:07:02,113 Ha meg szeretné kezdeni írásban JavaScript kód, mint látni fogod ma, 170 00:07:02,113 --> 00:07:03,270 csak elkezd írás is. 171 00:07:03,270 --> 00:07:06,910 De ez, látni fogod, különösen Hasznos keretében böngészők. 172 00:07:06,910 --> 00:07:09,820 Azonban az én kis disclaimer-- általában earlier-- 173 00:07:09,820 --> 00:07:13,790 az volt, hogy azt mondják, hogy egyre ma JavaScript szerver oldali 174 00:07:13,790 --> 00:07:17,655 egy díszes keretben nevű node.js hogy néhány CS50 saját alkalmazások 175 00:07:17,655 --> 00:07:18,280 vannak írva. 176 00:07:18,280 --> 00:07:20,640 Ellenőrizze 50 ténylegesen használja Node.js. 177 00:07:20,640 --> 00:07:24,140 De megyünk összpontosítani JavaScript kliens-oldali Innen ki. 178 00:07:24,140 --> 00:07:26,750 >> Tehát itt van egy sor olyan feltételt, PHP nyelven. 179 00:07:26,750 --> 00:07:29,350 Sajnáljuk, in-- valójában, hogy nyilatkozatot is helyes. 180 00:07:29,350 --> 00:07:32,200 Itt is egy sor feltételeket a JavaScript. 181 00:07:32,200 --> 00:07:35,560 Szintaktikailag ez azonos a C és a PHP. 182 00:07:35,560 --> 00:07:39,040 Mr. Boole kifejezések, Hasonlóképpen, szintaktikailag 183 00:07:39,040 --> 00:07:41,190 azonos mindkét C és PHP. 184 00:07:41,190 --> 00:07:44,100 Mi is kapcsolók JavaScript, hogy nézd azonos. 185 00:07:44,100 --> 00:07:46,350 Van-e hurkok, amelyek strukturált azonosan, 186 00:07:46,350 --> 00:07:48,140 while, do while. 187 00:07:48,140 --> 00:07:49,980 >> Ez az ember egy kicsit más. 188 00:07:49,980 --> 00:07:53,120 A PHP volt mindegyik konstrukció hogy lehet, hogy a 189 00:07:53,120 --> 00:07:55,320 vagy használja a PSET hét, talán. 190 00:07:55,320 --> 00:07:59,460 JavaScript ezt a különleges változata A hol szó mondani valamit 191 00:07:59,460 --> 00:08:03,864 mint a változó kulcs tárgy, amely Ez egy nagyon tömör megfogalmazásban azt, 192 00:08:03,864 --> 00:08:06,780 ha már van egy object-- és mi beszélni ezekről újra moment-- 193 00:08:06,780 --> 00:08:10,370 és azt akarom, hogy végighaladni az összes A legfontosabb érték párokat belül, 194 00:08:10,370 --> 00:08:13,620 Nem kell, hogy kitaláljuk, hogyan lehet numerikusan index őket nulla, egy, 195 00:08:13,620 --> 00:08:14,580 kettő, három. 196 00:08:14,580 --> 00:08:15,900 >> Én szó szerint mondom ezt. 197 00:08:15,900 --> 00:08:20,740 És minden iterációban JavaScript Nekem frissíti a változó gombját 198 00:08:20,740 --> 00:08:24,810 hogy az első gombot, majd pedig a másodikat, majd pedig a másodikat, majd pedig a másodikat, 199 00:08:24,810 --> 00:08:25,510 és így tovább. 200 00:08:25,510 --> 00:08:30,000 És tudom, hogy annak értéke kezelve egy tárgy JavaScript, mint látni fogjuk, 201 00:08:30,000 --> 00:08:32,584 mintha ez egy asszociatív tömb PHP. 202 00:08:32,584 --> 00:08:35,750 Sőt, ha végre csomagolva a felfogni, milyen egy asszociatív tömb 203 00:08:35,750 --> 00:08:40,140 PHP, akkor gondolom, hogy most a azonos egy objektum a JavaScript. 204 00:08:40,140 --> 00:08:42,030 De ez egy kicsit leegyszerűsítés. 205 00:08:42,030 --> 00:08:47,230 >> A tömbök néz, szépen elég, azonos PHP kivéve egy karaktert. 206 00:08:47,230 --> 00:08:51,425 Van egy dolog hiányzik itt hogy mi volt látni a múlt héten a PHP. 207 00:08:51,425 --> 00:08:52,050 Mi kimaradt? 208 00:08:52,050 --> 00:08:53,310 Igen? 209 00:08:53,310 --> 00:08:54,090 Nem dollár jel. 210 00:08:54,090 --> 00:08:56,240 Úgyhogy vissza normálisabb világ, ahol 211 00:08:56,240 --> 00:08:58,050 változókat nem dollár jeleket. 212 00:08:58,050 --> 00:09:00,810 De te előtag őket var, általában. 213 00:09:00,810 --> 00:09:02,230 És var jelenti változó. 214 00:09:02,230 --> 00:09:06,440 És ugyanúgy, mint a PHP lazán typed-- ahol vannak típusok, 215 00:09:06,440 --> 00:09:10,120 Vannak olyan számok és vonósokra és úszik, és így forth-- 216 00:09:10,120 --> 00:09:11,570 JavaScript hasonlóan van típusok. 217 00:09:11,570 --> 00:09:15,470 De ez lazán gépelt, hogy a programozók nem kell azokat megadnia. 218 00:09:15,470 --> 00:09:18,980 Csak tisztában kell lennünk hogy a különböző típusú léteznek. 219 00:09:18,980 --> 00:09:21,690 >> Változók, meanwhile-- itt van, hogyan talán kijelentem "hello, world" 220 00:09:21,690 --> 00:09:22,230 mint egy húr. 221 00:09:22,230 --> 00:09:24,890 Figyeljük meg, hogy ez megegyezik PHP, de nincs dollár jel. 222 00:09:24,890 --> 00:09:27,120 És ez az, amit mi elkezd többet lát ma, 223 00:09:27,120 --> 00:09:30,990 ahol van egy objektum A kulcsokat és értékeket. 224 00:09:30,990 --> 00:09:32,990 És ha ki szeretné próbálni levezetni utolsó week-- 225 00:09:32,990 --> 00:09:34,730 A szintaxis egy kicsit más. 226 00:09:34,730 --> 00:09:39,740 De egy kis józanság check-- hány kulcsok ez a tárgy, úgy tűnik, hogy van? 227 00:09:39,740 --> 00:09:40,850 Látom négy. 228 00:09:40,850 --> 00:09:43,560 Látom kettő. 229 00:09:43,560 --> 00:09:44,680 >> Tehát ez valójában kettő. 230 00:09:44,680 --> 00:09:47,260 Tehát ez egy gyűjtemény A két kulcs-érték párokat. 231 00:09:47,260 --> 00:09:49,820 A kulcs a szimbóluma, amelynek értéke az FB. 232 00:09:49,820 --> 00:09:52,620 A legfontosabb az ár, amelynek értéke 101,53. 233 00:09:52,620 --> 00:09:54,230 Tehát ez a két kulcs-érték párokat. 234 00:09:54,230 --> 00:09:58,120 És ne feledd, PHP-- és ez újra Csak egyfajta szintaktikai különbség. 235 00:09:58,120 --> 00:10:00,170 Ez még nem minden, hogy intellektuálisan érdekes. 236 00:10:00,170 --> 00:10:04,610 PHP művéből ugyanez dolog, mint follows-- idézet, egyenlő. 237 00:10:04,610 --> 00:10:06,730 És én változtatni ezeket a szögletes zárójelben. 238 00:10:06,730 --> 00:10:11,240 És akkor ezen változtatni kell jegyzett szót, "árát". 239 00:10:11,240 --> 00:10:12,500 És akkor ne használja a kettőspont. 240 00:10:12,500 --> 00:10:15,060 Mit tudom használni a múlt héten? 241 00:10:15,060 --> 00:10:18,290 Igen, az egyenlőségjel nyíl funky jelöléssel. 242 00:10:18,290 --> 00:10:21,470 >> És akkor én is ugyanezt tették ide. 243 00:10:21,470 --> 00:10:23,580 Ugyanezt itt. 244 00:10:23,580 --> 00:10:24,240 És ez minden. 245 00:10:24,240 --> 00:10:27,752 Szóval ez rendben van, ha ez nem Tényleg süllyedt, hogy a memória méretét 246 00:10:27,752 --> 00:10:29,960 még, mert ez tényleg szellemileg érdektelen. 247 00:10:29,960 --> 00:10:31,660 Ez csak szintaktikai különbség. 248 00:10:31,660 --> 00:10:33,230 De az ötletek pontosan ugyanaz. 249 00:10:33,230 --> 00:10:35,910 Belül ez a változó idézet a JavaScript 250 00:10:35,910 --> 00:10:39,020 gyűjteménye kulcsértékpárok, amelyek közül az egyik szimbólum, amelyek közül az egyik 251 00:10:39,020 --> 00:10:39,690 az ár. 252 00:10:39,690 --> 00:10:42,340 És tudom, hogy meg ezeket az értékeket a következő szintaxist. 253 00:10:42,340 --> 00:10:46,280 Csakúgy, mint a PHP, tudtam tenni valamit az általam elvártnál hagyja 254 00:10:46,280 --> 00:10:48,590 nekem, hogy ez a rovat egy kicsit nagyobb. 255 00:10:48,590 --> 00:10:52,750 Csakúgy, mint a PHP, tudtam hogy this-- ó, a francba. 256 00:10:52,750 --> 00:10:53,250 Gyerünk. 257 00:10:53,250 --> 00:10:56,350 258 00:10:56,350 --> 00:11:00,800 >> Csakúgy, mint a PHP-- OK, akkor csak használja a műsorvezető jegyzetek. 259 00:11:00,800 --> 00:11:06,010 Csakúgy, mint a PHP, tudok do $ quote $ idézőjelet ["szimbólum"], 260 00:11:06,010 --> 00:11:08,860 és ez lesz nekem az értéke "szimbólum." 261 00:11:08,860 --> 00:11:12,800 A JavaScript, ez lesz azonos, ahol én is csak ezt. 262 00:11:12,800 --> 00:11:14,850 Az egyetlen dolog, ami hiányzik a dollár jel. 263 00:11:14,850 --> 00:11:17,470 >> Szóval szépen elég, akkor, ott van Nem olyan sok új szintaxist. 264 00:11:17,470 --> 00:11:21,025 Tehát mi ma arra összpontosítunk, tényleg, néhány ötletet és az alkalmazásokat. 265 00:11:21,025 --> 00:11:22,900 És az első ilyen alkalmazás, amely lehet, hogy 266 00:11:22,900 --> 00:11:26,090 Láthattuk, ha beugrott PSET hét már ez szintaxis. 267 00:11:26,090 --> 00:11:28,980 Tehát PSET hét, ha már látott vagy nem látott még, 268 00:11:28,980 --> 00:11:33,570 tudom, hogy van egy fájl, amit ad hívott config.json-- JavaScript 269 00:11:33,570 --> 00:11:34,661 Objektum jelölés. 270 00:11:34,661 --> 00:11:35,160 Miért? 271 00:11:35,160 --> 00:11:39,540 Azt akartuk, hogy képes legyen az Ön számára Sablon néhány kulcs-érték párok. 272 00:11:39,540 --> 00:11:44,290 Azt akartuk, hogy képes legyen kapsz egy listát A házigazda, a neve a szerveren. 273 00:11:44,290 --> 00:11:46,710 Azt akartuk, hogy az Ön helyőrzőjére felhasználónevét 274 00:11:46,710 --> 00:11:48,210 és helyőrzőjeként jelszavát. 275 00:11:48,210 --> 00:11:49,410 Ha nem látod ez még, hogy ne aggódjon. 276 00:11:49,410 --> 00:11:51,340 Erről bővebben PSET hét [? spec. ?] És akkor, 277 00:11:51,340 --> 00:11:53,173 Nyilvánvaló, hogy szeretnénk, ha hogy töltse ki a teendőkről 278 00:11:53,173 --> 00:11:55,310 mert amikor belép CS50 IDE, minden van 279 00:11:55,310 --> 00:11:57,630 a saját felhasználónevét és jelszavát. 280 00:11:57,630 --> 00:12:00,910 >> Így lehet még használni egy fél tucat vagy több különböző formátumok. 281 00:12:00,910 --> 00:12:02,940 Mi volna egy .txt fájlba. 282 00:12:02,940 --> 00:12:04,570 Mi lehetne használni egy CSV fájlba. 283 00:12:04,570 --> 00:12:06,745 Mi volna használni egy INI fájlban, egy XML fájl, 284 00:12:06,745 --> 00:12:09,370 Egy csomó több rövidítést, hogy talán nem is hallottam. 285 00:12:09,370 --> 00:12:11,244 Ez egyfajta önkényes a végén a nap. 286 00:12:11,244 --> 00:12:16,030 De szuper népszerű manapság egy szöveges formában nevű JSON-- JavaScript Object 287 00:12:16,030 --> 00:12:18,460 Notation--, hogy néz ki. 288 00:12:18,460 --> 00:12:20,890 Ez egy kicsit rejtélyes, de észre a mintákat. 289 00:12:20,890 --> 00:12:24,180 Elkezdesz egy nyitott göndör merevítőt, és a végén az azonos. 290 00:12:24,180 --> 00:12:26,550 Aztán az is valami. 291 00:12:26,550 --> 00:12:27,920 Ez egy kulcs-érték párt. 292 00:12:27,920 --> 00:12:30,580 Tehát ez egy olyan tárgy, én vagyok nézi a képernyőn itt 293 00:12:30,580 --> 00:12:33,690 hogy egy gomb található, amely egy értéket. 294 00:12:33,690 --> 00:12:37,610 És csak következtetünk alapján előző minta, mi a kulcs itt? 295 00:12:37,610 --> 00:12:39,790 Adatbázis, a dolog a bal oldalon a vastagbélben. 296 00:12:39,790 --> 00:12:43,500 >> Most, az érték történetesen Egy több vonal ebben az időben. 297 00:12:43,500 --> 00:12:46,760 De az értéket kezdődik a göndör melles és a végén egy kapcsos zárójel. 298 00:12:46,760 --> 00:12:49,480 Szóval mit javasolna a típusú értéke adatbázisban? 299 00:12:49,480 --> 00:12:52,160 300 00:12:52,160 --> 00:12:54,670 A szótár vagy, csak több Tömören, egy tárgy. 301 00:12:54,670 --> 00:12:55,170 Jobb? 302 00:12:55,170 --> 00:13:00,010 Ez a fajta egy adatszerkezet Használhatja egyéb építmények belül is. 303 00:13:00,010 --> 00:13:02,750 Tehát, ha ez az egész dolog vagyunk hív egy object-- és egy objektum 304 00:13:02,750 --> 00:13:07,101 csak egy csomó kulcs-érték pairs-- a értéke adatbázis maga egy objektum. 305 00:13:07,101 --> 00:13:10,350 Az érték adatbázis egy csomó A kulcs-érték párok, amelyek közül az első 306 00:13:10,350 --> 00:13:13,130 a házigazda, akkor a név, akkor felhasználónevet, majd a jelszót, 307 00:13:13,130 --> 00:13:17,550 mindegyik amelynek értékei, eközben ez csak egy unalmas karakterlánc idézőjelek között. 308 00:13:17,550 --> 00:13:19,770 >> Tehát akkor is, ha ez nem Super Clear csak még, 309 00:13:19,770 --> 00:13:22,740 tudjuk, hogy ez csak egy szabvány, meglehetősen unalmas módon 310 00:13:22,740 --> 00:13:25,190 az adatok tárolására egy szabványos formátumban. 311 00:13:25,190 --> 00:13:27,700 De a közös hibákat Lehet, hogy még PSET hét, 312 00:13:27,700 --> 00:13:32,120 alig hülye dolog, mint ha véletlenül kihagyja a vessző van. 313 00:13:32,120 --> 00:13:34,900 Ez lesz eredményezheti, hogy a fájl nem feltétlenül áll olvasható. 314 00:13:34,900 --> 00:13:38,191 Ha véletlenül kihagyja a dolgok, mint a idézetek, ez nem lesz olvasható. 315 00:13:38,191 --> 00:13:41,654 Szóval ez egy elég nitpicky fájlformátum, de ez az egyik, hogy a szuper gyakori. 316 00:13:41,654 --> 00:13:44,820 És mi történne használni, annak ellenére, nem használ semmilyen JavaScript különben 317 00:13:44,820 --> 00:13:46,330 A PSET hét. 318 00:13:46,330 --> 00:13:46,860 >> Minden rendben. 319 00:13:46,860 --> 00:13:48,110 Úgy emlékszem, ezt a képet. 320 00:13:48,110 --> 00:13:51,657 Beszéltünk, HTML, hogy A kód így fog kinézni. 321 00:13:51,657 --> 00:13:54,740 Ez a Hypertext Markup Language [Hallhatatlan] mindössze "hello, world." 322 00:13:54,740 --> 00:13:57,570 De akkor mi javasolta kicsit vissza, hogy ha ez segít, 323 00:13:57,570 --> 00:14:00,210 érdemes kezdeni gondolkodni erről már, mint egy fa. 324 00:14:00,210 --> 00:14:03,730 Tény, hogy a behúzás, hogy mi használja csak az olvashatóság kedvéért 325 00:14:03,730 --> 00:14:05,610 vagy stílus kedvéért a A bal oldali fajta 326 00:14:05,610 --> 00:14:10,040 le kell fordítani ezt a fát, ahol Van néhány különleges gyökércsomópont, hogy mi lesz 327 00:14:10,040 --> 00:14:16,860 általánosan nevű dokumentumot, amely alatt gyökere HTML elemet vagy tag, HTML, 328 00:14:16,860 --> 00:14:19,980 amely azután két gyermekek, fej és a test. 329 00:14:19,980 --> 00:14:21,750 >> És akkor viszont feje van címe. 330 00:14:21,750 --> 00:14:23,440 És cím egy szöveges érték. 331 00:14:23,440 --> 00:14:26,130 És a test hasonlóan egy szöveges érték. 332 00:14:26,130 --> 00:14:29,220 Tehát ha elégedett mondás hogy igen, meg tudná venni ezt a HTML 333 00:14:29,220 --> 00:14:32,080 és rajzoljon egy képet, mint ez, a jobb oldali 334 00:14:32,080 --> 00:14:35,910 egy szép mentális modell, mert most hogy van a JavaScript, a programozási 335 00:14:35,910 --> 00:14:39,960 nyelv böngésző által végre és értelmezik az Ön számára, 336 00:14:39,960 --> 00:14:42,690 kiderül, hogy mi vagyunk arról, hogy itt-kód 337 00:14:42,690 --> 00:14:45,320 A kezdeni kezelni ezt fa struktúra a memóriában. 338 00:14:45,320 --> 00:14:47,070 Nem kell építeni A fa a memóriában. 339 00:14:47,070 --> 00:14:49,880 Nem kell tennie a fajta PSET-öt stílusban adatok szerkezete 340 00:14:49,880 --> 00:14:50,650 komplexitás. 341 00:14:50,650 --> 00:14:54,610 A böngésző, szépen elég, fel értelmezése HTML fentről lefelé, 342 00:14:54,610 --> 00:14:58,600 balra vagy jobbra, a szó valódi fog Kéz amerikai egyenértékű egy mutatót 343 00:14:58,600 --> 00:15:00,840 e egész fát ingyen. 344 00:15:00,840 --> 00:15:02,150 Ez nem minden a kemény munka. 345 00:15:02,150 --> 00:15:05,520 Ez az, amit a Mozilla és az Apple és mások értünk tettél. 346 00:15:05,520 --> 00:15:09,400 >> És a JavaScript megyünk képesek ellenőrizni és változtatni, és nem 347 00:15:09,400 --> 00:15:12,910 Érdekes dolog, hogy az a fa, más néven 348 00:15:12,910 --> 00:15:15,880 a DOM vagy Document Object Model. 349 00:15:15,880 --> 00:15:17,110 Miket? 350 00:15:17,110 --> 00:15:19,030 Nos, kiderült, hogy JavaScript, ott 351 00:15:19,030 --> 00:15:22,800 ez a mosoda listáját eseményeket, hogy sor kerülhet. 352 00:15:22,800 --> 00:15:26,330 És akkor még nem igazán használják, hogy szót, mivel a héten a nulla és PSET 353 00:15:26,330 --> 00:15:28,240 nulla, ha beszélgettünk Scratch. 354 00:15:28,240 --> 00:15:31,390 A legtöbb akkor valószínűleg nem használja egy esemény a Scratch projekt. 355 00:15:31,390 --> 00:15:33,850 De lehet felidézni Az egyszerű Marco Polo 356 00:15:33,850 --> 00:15:36,760 Például, ahol volt két sprite, akik közül az egyik azt mondta, Marco. 357 00:15:36,760 --> 00:15:40,180 A másik akik közül majd, upon hallgatási és a hallás az esetben, mondta, Polo. 358 00:15:40,180 --> 00:15:42,080 Ha nem, akkor nyugodtan nézd vissza, hogy amennyire vissza. 359 00:15:42,080 --> 00:15:44,450 >> De ez még csak a azt mondják, és akkor milyen 360 00:15:44,450 --> 00:15:47,730 következtethetett nevét E dolgokat, JavaScript, kiderül, 361 00:15:47,730 --> 00:15:53,200 fog adni nekünk egy módja annak, hogy hallgatni egér lefelé vagy egér megy fel 362 00:15:53,200 --> 00:15:57,920 vagy gombot lefelé vagy a gombot megy fel, vagy onsubmit onSelect 363 00:15:57,920 --> 00:15:59,740 vagy onresizing valamit. 364 00:15:59,740 --> 00:16:03,060 Más szavakkal, bármilyen fizikai beavatkozás hogy az emberi vehet egy böngésző 365 00:16:03,060 --> 00:16:08,210 hogy te minden nap, akkor írj kód, amely figyeli az ilyen események 366 00:16:08,210 --> 00:16:10,220 majd csinál valamit megfelelő. 367 00:16:10,220 --> 00:16:14,130 >> Például, ha a Google Maps, mi történik, ha rákattint, és a lépés 368 00:16:14,130 --> 00:16:16,250 az egér, tipikusan? 369 00:16:16,250 --> 00:16:17,758 Ha rákattint, és húzza? 370 00:16:17,758 --> 00:16:18,258 Igen? 371 00:16:18,258 --> 00:16:21,701 372 00:16:21,701 --> 00:16:22,200 Pontosan. 373 00:16:22,200 --> 00:16:23,159 A térkép elindul. 374 00:16:23,159 --> 00:16:25,616 Szóval lehet egyfajta látni, mi van ide, mi ott. 375 00:16:25,616 --> 00:16:27,130 És hogyan működik a Google végre, hogy? 376 00:16:27,130 --> 00:16:29,421 Nos, valószínűleg, ők egy pár ilyen esemény 377 00:16:29,421 --> 00:16:31,720 hallgatók, az egyik, hogy mondja, figyeljen a képre 378 00:16:31,720 --> 00:16:35,410 down-- így amikor a felhasználó fizikailag tolja a trackpad vagy vele egér 379 00:16:35,410 --> 00:16:36,010 le. 380 00:16:36,010 --> 00:16:38,350 És akkor mi keresünk valami hasonló mozgalom 381 00:16:38,350 --> 00:16:41,145 vagy valamilyen más esemény, amely lehetővé teszi számunkra, hogy elfog húzza. 382 00:16:41,145 --> 00:16:45,910 És valóban, húzza hasonlóan ebben az dot dot dot listát a lehetséges opciókat. 383 00:16:45,910 --> 00:16:49,140 >> Tehát ez lesz erőteljes így kezdeni reagál a felhasználó 384 00:16:49,140 --> 00:16:52,824 még mielőtt ő ténylegesen rákattint valami explicit, mint benyújtania. 385 00:16:52,824 --> 00:16:55,240 De megyünk bevezetni Pár téma, hogy ott. 386 00:16:55,240 --> 00:16:58,570 De először nézzük átmenet Egyes tényleges kódot. 387 00:16:58,570 --> 00:17:01,450 Így fogok menni előre, és megnyitja dom-0, 388 00:17:01,450 --> 00:17:05,869 ami egy nagyon egyszerű példa Itt, hogy ha én nagyítás egyszerűen 389 00:17:05,869 --> 00:17:08,500 van ez a bemeneti itt nekem. 390 00:17:08,500 --> 00:17:12,410 És én megyek előre, és írja be "Dávid" az én nevemért, és kattintson a Küldés gombra. 391 00:17:12,410 --> 00:17:17,940 >> És akkor, még ha valami olcsón, én ezt azonnal előugrik, hogy azt mondja, 392 00:17:17,940 --> 00:17:19,244 "hello, David!" 393 00:17:19,244 --> 00:17:21,740 Tehát ez a fajta mint a mi "hello, world" 394 00:17:21,740 --> 00:17:25,150 hogy mi volt egy kicsit vissza a C és még a PHP-ben, mert én már dinamikusan 395 00:17:25,150 --> 00:17:26,310 outputted a nevem. 396 00:17:26,310 --> 00:17:28,230 Meg tudom csinálni, hogy valaki másnak a nevét. 397 00:17:28,230 --> 00:17:31,240 Én egyszerűen megváltoztatni ezt, mint, Hannah, kattintson a Küldés gombra. 398 00:17:31,240 --> 00:17:33,780 És valóban, a kis pop-up változások. 399 00:17:33,780 --> 00:17:36,650 >> Most, pop-up az egyik a legtöbb bántalmazott funkciók a weben. 400 00:17:36,650 --> 00:17:38,520 És valóban, vissza A nap popup- 401 00:17:38,520 --> 00:17:40,820 jött divatba, mert menne néhány website-- 402 00:17:40,820 --> 00:17:43,604 talán egy megkérdőjelezhető place-- hogy aztán hirtelen 403 00:17:43,604 --> 00:17:46,020 kezdeni peppering a képernyőn egy csomó pop-up. 404 00:17:46,020 --> 00:17:49,700 És így ez a képesség, hogy felbukkan ablakok előtt a felhasználó 405 00:17:49,700 --> 00:17:52,372 nem volt különösen jól érkezett az emberiség. 406 00:17:52,372 --> 00:17:54,080 Szóval ezért látod ez megakadályozza a dolog, 407 00:17:54,080 --> 00:17:55,706 ami csak teszi ezt az egészet csúnya. 408 00:17:55,706 --> 00:17:57,996 Szóval lesz szüksége jobb módja annak, hogy figyelmezteti a felhasználót. 409 00:17:57,996 --> 00:17:59,350 De most, hogy úgy tűnik, működik. 410 00:17:59,350 --> 00:18:03,320 Tehát csak ösztönösen, mit Úgy tűnik, itt történik? 411 00:18:03,320 --> 00:18:07,870 Megyek előre, és kattintson a Küldés gombra, és Aztán valami történik, egyértelműen. 412 00:18:07,870 --> 00:18:12,870 De mi nem történik, hogy egyáltalán megtörtént A múlt héten bármikor rákattintottam Küldje? 413 00:18:12,870 --> 00:18:15,940 Mi nem történt meg a képernyőn? 414 00:18:15,940 --> 00:18:17,170 Bocsánat? 415 00:18:17,170 --> 00:18:18,010 Reload. 416 00:18:18,010 --> 00:18:19,720 Az URL nem változott. 417 00:18:19,720 --> 00:18:22,250 Azt mondta, hogy ez dom-0, és én még mindig a dom-0. 418 00:18:22,250 --> 00:18:26,890 Normális esetben, mi lennék változott néhány más URL, mint register.php vagy hasonlók. 419 00:18:26,890 --> 00:18:29,560 >> De akkor is, ha azt utasítsa ez a dolog az OK gombra kattintva, 420 00:18:29,560 --> 00:18:32,310 észre, hogy az URL- marad teljesen fel. 421 00:18:32,310 --> 00:18:35,350 És valóban, ha én vagyok egy kicsit szkeptikus, hadd nyissa meg a Chrome. 422 00:18:35,350 --> 00:18:36,860 Hadd nyissa meg a Hálózat fülre. 423 00:18:36,860 --> 00:18:38,360 És észre, hogy ez üres pillanatában. 424 00:18:38,360 --> 00:18:40,700 Hadd menjen előre, és küldje el újra Maria. 425 00:18:40,700 --> 00:18:42,810 Nincs hálózati forgalom nélkül. 426 00:18:42,810 --> 00:18:44,320 Szóval nincs HTTP. 427 00:18:44,320 --> 00:18:47,620 >> Tehát valóban, ha megnézem a forráskódot A this-- hadd zárja be az ablakot 428 00:18:47,620 --> 00:18:49,480 és menjen a Nézet Forrás. 429 00:18:49,480 --> 00:18:50,400 Érdekes. 430 00:18:50,400 --> 00:18:53,520 Úgy néz ki, van némi Új tag, köztük forgatókönyvet. 431 00:18:53,520 --> 00:18:57,490 Szóval vessünk egy pillantást belül CS50 IDE pontosan mit küldeni a felhasználónak. 432 00:18:57,490 --> 00:19:00,690 >> Tehát itt is-- nézzük összpontosítson a HTML csak. 433 00:19:00,690 --> 00:19:03,500 Itt van az alsó fele a dom-0.html. 434 00:19:03,500 --> 00:19:07,830 És észre, hogy van egy cím, egy fej tag, a body tag, egy form tag. 435 00:19:07,830 --> 00:19:11,257 De mi ugrik ki az Ön számára, mint más, különösen, ha soha nem 436 00:19:11,257 --> 00:19:12,590 írt JavaScript magát. 437 00:19:12,590 --> 00:19:14,920 Hadd lépjünk egy kicsit Az itt. 438 00:19:14,920 --> 00:19:18,330 Van egy input, Egy másik bemenet benyújtania. 439 00:19:18,330 --> 00:19:21,410 Van egy azonosítót, ami egyfajta új. 440 00:19:21,410 --> 00:19:22,790 Azt azonban látni ezt a CSS. 441 00:19:22,790 --> 00:19:24,480 Mi mást határozottan új? 442 00:19:24,480 --> 00:19:24,980 Igen? 443 00:19:24,980 --> 00:19:30,580 444 00:19:30,580 --> 00:19:32,140 Szép. 445 00:19:32,140 --> 00:19:32,760 >> Minden rendben. 446 00:19:32,760 --> 00:19:35,630 Tehát, ha azt mondja onsubmit, észre, amit úgy tűnik, hogy kövesse. 447 00:19:35,630 --> 00:19:38,740 Ez egy attribútum HTML nómenklatúra. 448 00:19:38,740 --> 00:19:40,944 Értéke ez idézőjel itt. 449 00:19:40,944 --> 00:19:42,860 És ez úgy néz ki, egy kicsit fura első pillantásra. 450 00:19:42,860 --> 00:19:44,050 Ez nem a HTML. 451 00:19:44,050 --> 00:19:45,240 Ez nem CSS. 452 00:19:45,240 --> 00:19:47,580 Ez, ahogy sejteni lehet, a JavaScript. 453 00:19:47,580 --> 00:19:51,850 Tehát úgy tűnik, hogy építettük be a weboldal egy olyan függvény is köszönt. 454 00:19:51,850 --> 00:19:54,250 És én következtetnek arra, hogy csak mert egy szót, üdvözölje. 455 00:19:54,250 --> 00:19:55,880 Van rajta egy nyitott zárójel, közel zárójel, pontosvessző. 456 00:19:55,880 --> 00:19:58,095 Úgy néz ki, mint egy C függvény, úgy néz ki, mint egy PHP függvény. 457 00:19:58,095 --> 00:20:00,370 >> És valóban, ez lesz a egy JavaScript függvényt. 458 00:20:00,370 --> 00:20:01,440 Akkor én visszatér hamis. 459 00:20:01,440 --> 00:20:03,440 Majd jönnek vissza hogy csak egy pillanatra. 460 00:20:03,440 --> 00:20:05,320 De hol van ez a funkció határozza meg? 461 00:20:05,320 --> 00:20:07,950 Hát hadd felfelé A fájl tetejére. 462 00:20:07,950 --> 00:20:11,710 És bár ez egy hosszú sorban, ez viszonylag egyszerű. 463 00:20:11,710 --> 00:20:15,000 Hadd kicsinyítés itt és összpontosítani a négy sort. 464 00:20:15,000 --> 00:20:17,137 >> Tehát a JavaScript, csak mint a PHP, csak 465 00:20:17,137 --> 00:20:19,720 mondjuk, a szó szoros értelmében, a szó "funkciót" A függvény neve, 466 00:20:19,720 --> 00:20:22,700 majd zárójelben bármilyen arguments-- nem érvek ebben az esetben. 467 00:20:22,700 --> 00:20:25,290 És nincs visszatérési típus A JavaScript, csakúgy, mint a PHP. 468 00:20:25,290 --> 00:20:29,470 Szóval ez egy kicsit lazább, mint C. Nyílt kapcsos zárójel, kapcsos zárójel bezár. 469 00:20:29,470 --> 00:20:33,270 Épített JavaScript function-- nem egy ajánlott function-- 470 00:20:33,270 --> 00:20:35,730 de olyan függvény is riasztást amelyeknek egyetlen célja az életben 471 00:20:35,730 --> 00:20:38,620 az, hogy húzza fel, hogy elég csúnya kéri, hogy láttunk egy pillanattal ezelőtt. 472 00:20:38,620 --> 00:20:40,950 >> Most ez a fajta egy falatot. 473 00:20:40,950 --> 00:20:42,560 Mi folyik itt? 474 00:20:42,560 --> 00:20:45,840 Szóval kezdjük a jelölje ki itt minden. 475 00:20:45,840 --> 00:20:48,540 Ez ugyanaz az érv, hogy figyelmeztessék. 476 00:20:48,540 --> 00:20:49,530 És mi a helyzet? 477 00:20:49,530 --> 00:20:51,200 Ez csak úgy néz ki, mint egy húr. 478 00:20:51,200 --> 00:20:59,180 És kiderül, ellentétben a PHP és ellentétben C, akkor nem számít a JavaScript 479 00:20:59,180 --> 00:21:01,090 ha egyetlen vagy dupla idézőjel. 480 00:21:01,090 --> 00:21:02,060 Ők lesznek egyenértékűek. 481 00:21:02,060 --> 00:21:03,769 És őszintén szólva, ez csak népszerű manapság 482 00:21:03,769 --> 00:21:06,726 A JavaScript programozó, hogy mindig egyszerű idézőjeleket valamilyen okból. 483 00:21:06,726 --> 00:21:07,840 Ez csak a dolog. 484 00:21:07,840 --> 00:21:09,710 De tudtuk használni idézőjelek között is. 485 00:21:09,710 --> 00:21:11,540 >> Szóval, plusz egy új karaktert. 486 00:21:11,540 --> 00:21:14,512 De azok, akik már csinált ezt korábban is, mit jelent plusz jelent? 487 00:21:14,512 --> 00:21:16,440 Igen. 488 00:21:16,440 --> 00:21:17,120 Összefűzni. 489 00:21:17,120 --> 00:21:18,570 Így látta ezt a PHP. 490 00:21:18,570 --> 00:21:20,315 Már csak a pont PHP-ben, hogy 491 00:21:20,315 --> 00:21:22,000 összefűzi a két húrok össze. 492 00:21:22,000 --> 00:21:24,000 C volt a fájdalom a nyak erre. 493 00:21:24,000 --> 00:21:27,310 Emlékezzünk vissza az PSET hat, amely Egy különös fájdalom a nyakban, 494 00:21:27,310 --> 00:21:29,470 meg kellett volna használni olyasmi, mint strcat 495 00:21:29,470 --> 00:21:31,660 után memórialefoglalás a veremben, a kupac. 496 00:21:31,660 --> 00:21:34,243 Meg kellett ugrani a karikán csak hogy összefűzni két húr. 497 00:21:34,243 --> 00:21:36,040 A JavaScript, ez szuper egyszerű. 498 00:21:36,040 --> 00:21:38,030 Csak használja a plusz üzemeltető közöttük. 499 00:21:38,030 --> 00:21:41,420 >> Így a komplex kinézetű a dolog úgy tűnik, hogy ez a 500 00:21:41,420 --> 00:21:43,490 mert a végén ez az egész szöveg, csak 501 00:21:43,490 --> 00:21:45,797 összefűzni egy felkiáltójel. 502 00:21:45,797 --> 00:21:48,380 Tehát, ha mi felbukkanó ben "hello, David", "hello, Hannah," 503 00:21:48,380 --> 00:21:52,740 "hello, Maria," és így tovább, világosan hogy középső dolog a kettő között 504 00:21:52,740 --> 00:21:55,215 impulzusra kell adni nekem való hozzáférést, mi? 505 00:21:55,215 --> 00:21:58,855 506 00:21:58,855 --> 00:22:01,991 Mi van ott, az biztos? 507 00:22:01,991 --> 00:22:02,490 Igen. 508 00:22:02,490 --> 00:22:05,090 Úgyhogy úgy tesz, mintha itt a válaszolni a nevüket, nem igaz? 509 00:22:05,090 --> 00:22:10,380 Tehát a nevük bukkant fel a végső eredményt. Tehát mit jelent ez? 510 00:22:10,380 --> 00:22:15,080 Nos, én korábban javasolt, hogy kép, amely az úgynevezett DOM 511 00:22:15,080 --> 00:22:18,580 van ez a különleges gyökér elem egészen top nevezett dokumentumot. 512 00:22:18,580 --> 00:22:21,660 És most, kiderült, hogy fog hogy egy speciális globális változó 513 00:22:21,660 --> 00:22:25,250 A JavaScript épített, amely egy csomó hasznos funkció. 514 00:22:25,250 --> 00:22:31,770 Között hasznos funkció a képessége, hogy bármely leszármazottja csomópontot. 515 00:22:31,770 --> 00:22:37,760 Azok négyzet vagy téglalap vagy ellipszis csak azok a csomópontok egy fa, hogy úgy mondjam. 516 00:22:37,760 --> 00:22:41,850 >> Így kiderül, hogy a beépített JavaScript dokumentum objektum 517 00:22:41,850 --> 00:22:47,300 egy olyan funkció, más néven a módszer, hogy hívják getElementById. 518 00:22:47,300 --> 00:22:50,410 A szintaxis a hívását függvényében a JavaScript 519 00:22:50,410 --> 00:22:55,220 hogy belül van egy tárgy vagy egy változó csak a dot jelöléssel. 520 00:22:55,220 --> 00:22:57,950 És láttuk ezt a C mi a struct szintaxist. 521 00:22:57,950 --> 00:23:03,530 Látod ezt a PSET hét, egyfajta, fajta, amikor látod CS50 :: lekérdezés. 522 00:23:03,530 --> 00:23:08,070 A vastagbél vastagbél PHP egy másik módja egy funkció, ami 523 00:23:08,070 --> 00:23:09,260 belsejében néhány tárgyat. 524 00:23:09,260 --> 00:23:11,960 >> De most a JavaScript, ez csak egy pont. 525 00:23:11,960 --> 00:23:14,170 És így ez a funkció, szépen elég, egyfajta 526 00:23:14,170 --> 00:23:16,810 mondja, amit does-- kap elem ID. 527 00:23:16,810 --> 00:23:20,280 Egy elem is csak egy nevet Egy tag vagy csomópont a DOM. 528 00:23:20,280 --> 00:23:26,900 És így kap elemet azonosító "name" azt jelenti, this-- itt van a HTML. 529 00:23:26,900 --> 00:23:31,910 És ennek alapján a HTML, mit node vagy mi HTML tag vagyok 530 00:23:31,910 --> 00:23:35,097 lesz, hogy programozottan kell adni hívja document.getElementById? 531 00:23:35,097 --> 00:23:37,650 532 00:23:37,650 --> 00:23:38,500 >> Igen, pontosan. 533 00:23:38,500 --> 00:23:42,670 Megyek, hogy a bemeneti eleme van, amelynek ID "nevet." 534 00:23:42,670 --> 00:23:45,140 Tehát konkrétan, akkor gondolni ezt a funkciót, 535 00:23:45,140 --> 00:23:49,560 getElementById, mint egy módja, amely vissza a mutatót, hogy adott csomópont 536 00:23:49,560 --> 00:23:50,060 a fán. 537 00:23:50,060 --> 00:23:51,980 Még nem húzott ezt fa, de ez egy módja 538 00:23:51,980 --> 00:23:54,900 Az, hogy igénybe, hogy téglalap vagy négyszög 539 00:23:54,900 --> 00:23:58,090 által egyedileg azonosító is keresztül ID. 540 00:23:58,090 --> 00:23:59,760 >> Most, hogy miért van ez hasznos? 541 00:23:59,760 --> 00:24:01,510 Nos, kiderült, hogy ha egyszer már ütött 542 00:24:01,510 --> 00:24:07,220 a csomóponton, hogy négyszögek képet, hogy node belsejébe, 543 00:24:07,220 --> 00:24:10,660 viszont van egy csomó properties-- kulcsértékpárok 544 00:24:10,660 --> 00:24:13,480 vagy adat, amelyek közül az egyik az úgynevezett érték. 545 00:24:13,480 --> 00:24:16,500 Tehát szó szerint, ez egyfajta falatot elmagyarázni az egészet. 546 00:24:16,500 --> 00:24:19,370 De a végén a nap, Mindez persze nem kapsz 547 00:24:19,370 --> 00:24:23,070 karakterlánc, amely a felhasználó begépelt ebben a hierarchikus módon. 548 00:24:23,070 --> 00:24:24,820 De én nem szeretem a Pár ezeket a dolgokat. 549 00:24:24,820 --> 00:24:27,590 Vagy inkább, van némi kíváncsiság is. 550 00:24:27,590 --> 00:24:28,870 Minden, ami úgy tűnt, működik. 551 00:24:28,870 --> 00:24:33,420 Mit gondolsz, miért tértem vissza hamis hívása után köszönt? 552 00:24:33,420 --> 00:24:35,910 Ez úgy néz ki, egy kicsit csúnya, hogy Van két állítás van 553 00:24:35,910 --> 00:24:38,730 elválasztva. 554 00:24:38,730 --> 00:24:39,310 Találd ki. 555 00:24:39,310 --> 00:24:44,390 Ha én el return false, mit könnyen előfordulhat, ösztönösen? 556 00:24:44,390 --> 00:24:46,990 557 00:24:46,990 --> 00:24:49,460 Sajnáljuk, mondjuk újra? 558 00:24:49,460 --> 00:24:50,530 >> Nyisson meg egy csomó Windows-t. 559 00:24:50,530 --> 00:24:52,780 Tehát potenciálisan talán valami ilyesmi fog történni. 560 00:24:52,780 --> 00:24:54,422 Mi más? 561 00:24:54,422 --> 00:24:55,630 Lehet kérelmet benyújtaniuk, ahol? 562 00:24:55,630 --> 00:24:59,109 563 00:24:59,109 --> 00:25:00,510 Ugyanarra az oldalra. 564 00:25:00,510 --> 00:25:03,110 Szóval, sőt, ez van A szorosabb válaszolni itt, 565 00:25:03,110 --> 00:25:05,890 még akkor is, ellentétben a múltban, én már nem 566 00:25:05,890 --> 00:25:09,300 megadva az action attribútum, amely általában meg kell tennünk. 567 00:25:09,300 --> 00:25:11,780 Kiderült, hogy van egy alapértelmezett. Ha nem adja akció, 568 00:25:11,780 --> 00:25:15,370 ez, mintha azt mondanánk idézet, idézet vége vagy a fájl nevét is, 569 00:25:15,370 --> 00:25:17,850 amely ebben az esetben lenne lenni, mint Dom-0.html. 570 00:25:17,850 --> 00:25:20,420 Ez csak egyfajta következtetni, vagy inkább burkolt. 571 00:25:20,420 --> 00:25:22,420 >> És így, ha ezt nem teszi meg, hadd észre. 572 00:25:22,420 --> 00:25:23,230 Hadd menteni ezt. 573 00:25:23,230 --> 00:25:25,270 És én már eltávolították vissza hamis. 574 00:25:25,270 --> 00:25:27,759 Térjünk vissza erre Például, és erőt töltse be újra. 575 00:25:27,759 --> 00:25:30,800 És lehet, hogy látott engem arra utalnak, ez a CS50 megvitassák egy párszor. 576 00:25:30,800 --> 00:25:34,560 Ha valami valaha eljáró funky és a böngésző nem úgy viselkedik, ahogy gondolja, 577 00:25:34,560 --> 00:25:37,410 sokszor akkor szeretnénk tartani Shift és kattintson a Reload. 578 00:25:37,410 --> 00:25:41,480 Hogy fogja kényszeríteni minden fájl újratölteni és nem használja a böngésző helyi cache 579 00:25:41,480 --> 00:25:47,032 vagy példányt, hogy őt, hadd menjen előre, és nyissa fel a felügyelő, a Hálózat fülre. 580 00:25:47,032 --> 00:25:48,740 Megyek kattintson Őrizze Belépés mert 581 00:25:48,740 --> 00:25:51,660 Nem akarom, hogy törölje a sorok ha kapok vert el máshol. 582 00:25:51,660 --> 00:25:54,650 >> Hadd menjen előre itt, és típusú Andi, kattintson a Küldés gombra. 583 00:25:54,650 --> 00:25:55,150 Minden rendben. 584 00:25:55,150 --> 00:25:56,480 Úgy tűnik, ez a várakozásoknak. 585 00:25:56,480 --> 00:25:57,440 Azt mondja, "hello, Andi." 586 00:25:57,440 --> 00:25:59,420 Hadd kattintson az OK gombra. 587 00:25:59,420 --> 00:26:00,610 Érdekes. 588 00:26:00,610 --> 00:26:05,100 Figyeljük meg, hogy a lap megváltozott, bár az eredeti oldalra. 589 00:26:05,100 --> 00:26:06,770 Figyeljük meg az URL-t a fajta megváltozott. 590 00:26:06,770 --> 00:26:09,430 Hozzátette, egy kérdőjel, amely általában egy indikátor 591 00:26:09,430 --> 00:26:11,260 hogy megpróbáltuk, hogy nyújtson valamit. 592 00:26:11,260 --> 00:26:13,570 És majd az alján, még nyíltabban, 593 00:26:13,570 --> 00:26:17,570 Itt van az aktuális HTTP kérés, amely kaptam választ a 200, hogy 594 00:26:17,570 --> 00:26:18,490 hozott haza. 595 00:26:18,490 --> 00:26:20,250 >> Tehát ez nem az, amit akarunk csinálni, ugye? 596 00:26:20,250 --> 00:26:22,166 Mert nem akarom újratölti az egész oldal. 597 00:26:22,166 --> 00:26:24,970 Én inkább akart visszatérni hamis úgy, hogy rövidzárlat 598 00:26:24,970 --> 00:26:28,840 A böngésző alapértelmezett viselkedés, amely volt, persze, hogy nyújtson be az oldalra. 599 00:26:28,840 --> 00:26:31,700 >> Szóval vessünk egy pillantást marginálisan jobb példa. 600 00:26:31,700 --> 00:26:33,920 Ez dom verzió egyik. 601 00:26:33,920 --> 00:26:36,680 És észre a következő. 602 00:26:36,680 --> 00:26:39,150 Nem baj, ha nem grokkolni minden sornyi kódot. 603 00:26:39,150 --> 00:26:41,750 De mi alapvetően más erről a végrehajtás? 604 00:26:41,750 --> 00:26:44,690 Majd kikötik, hogy viselkedik a ugyanaz, ugyanazt csinálja. 605 00:26:44,690 --> 00:26:49,320 606 00:26:49,320 --> 00:26:51,570 Mi közöm nyilván másképpen? 607 00:26:51,570 --> 00:26:52,266 Igen? 608 00:26:52,266 --> 00:26:53,182 >> Közönség: [hallható]. 609 00:26:53,182 --> 00:27:03,421 610 00:27:03,421 --> 00:27:04,170 DAVID MALAN: Igen. 611 00:27:04,170 --> 00:27:08,620 Tehát a funkció határozza differently-- Más szóval, hiányzik a forma, 612 00:27:08,620 --> 00:27:13,180 ott a sorban 7-- vagy Inkább vonal 8-- már nem 613 00:27:13,180 --> 00:27:15,070 nem tudom a onsubmit attribútum. 614 00:27:15,070 --> 00:27:16,750 Az előző példában, már ez. 615 00:27:16,750 --> 00:27:18,530 És aztán szó szerint írtam ide a kódot. 616 00:27:18,530 --> 00:27:20,210 És akkor azt mondta, vissza hamis. 617 00:27:20,210 --> 00:27:22,180 És ha ez nem dörzsöli meg a rossz irányba, mégis, 618 00:27:22,180 --> 00:27:26,140 meg kell kezdeni, hogy amennyiben as, csakúgy, mint a HTML, 619 00:27:26,140 --> 00:27:29,530 amikor elkezdtük együtt elvegyülve meg a CSS stílus attribútumok, 620 00:27:29,530 --> 00:27:32,890 ez csak most kezdődött, hogy egy kicsit rendetlen vagy egy kicsit rossz. 621 00:27:32,890 --> 00:27:35,020 >> Hasonlóképpen ide, ha elkezdi az HTML, 622 00:27:35,020 --> 00:27:37,419 és akkor automatikusan puff néhány JavaScript kódot 623 00:27:37,419 --> 00:27:40,460 közepén jegyzett húr, ez Nem lesz nagyon karbantartható. 624 00:27:40,460 --> 00:27:40,630 Jobb? 625 00:27:40,630 --> 00:27:43,690 Ez nem is nyilvánvaló első hely, ahol a JavaScript kód. 626 00:27:43,690 --> 00:27:46,590 Így lenne igazán szép, mint elv jobb tervezés, 627 00:27:46,590 --> 00:27:50,500 maradjunk a HTML teljesen elkülönítve a JavaScript. 628 00:27:50,500 --> 00:27:53,150 >> Így kell csinálni, hogy amit mi már itt történik a following-- 629 00:27:53,150 --> 00:27:56,790 egyszerűen használja a HTML a jelölésre csak. 630 00:27:56,790 --> 00:28:00,730 És így verzióban az egyik, hogy nem minden Nekem van egy formája egy egyedi azonosító. 631 00:28:00,730 --> 00:28:04,630 És akkor itt lent vagyok, kihasználva A különlegessége JavaScript 632 00:28:04,630 --> 00:28:08,480 ahol tudok mit nevezett egy névtelen függvényt. 633 00:28:08,480 --> 00:28:14,150 Így kiderül, hogy ha hívom document.getElementById a "demo" 634 00:28:14,150 --> 00:28:18,890 ez olyan, mint hogy nekem egy mutatót ez a csomópont az én fa, az űrlap elem, 635 00:28:18,890 --> 00:28:20,100 hogy úgy mondjam. 636 00:28:20,100 --> 00:28:22,220 >> Nos, én csak tudom, honnan tudva egy kicsit a HTML 637 00:28:22,220 --> 00:28:26,330 Most már olvasta el néhány online hivatkozás, hogy a űrlapelem támogatja 638 00:28:26,330 --> 00:28:29,950 egy csomó esemény listeners-- a Más szóval, a mosoda listáját esemény 639 00:28:29,950 --> 00:28:31,700 hallgatók, hogy láttunk egy pillanattal ezelőtt. 640 00:28:31,700 --> 00:28:35,950 Tudom, hogy ettől a dokumentáció olvasása hogy onSubmit egy érvényes esemény 641 00:28:35,950 --> 00:28:38,520 hallgató egy űrlap elem. 642 00:28:38,520 --> 00:28:41,480 >> Tehát, ha tudom, hogy, hogy biztonságos, mit tegyek 643 00:28:41,480 --> 00:28:45,390 A following-- kap, hogy a csomópont a fáról, az űrlap elem, 644 00:28:45,390 --> 00:28:48,070 és a hozzáférés az úgynevezett onsubmit ingatlan. 645 00:28:48,070 --> 00:28:49,880 Tehát a pont csak azt jelenti, ez egy olyan tulajdonság, 646 00:28:49,880 --> 00:28:52,180 mint egy speciális érték belsejébe. 647 00:28:52,180 --> 00:28:55,590 És milyen adatokat típusú vagyok hozzárendelésével, úgy tűnik, 648 00:28:55,590 --> 00:28:58,900 hogy onSubmit, amely hatékonyan változó belül 649 00:28:58,900 --> 00:29:01,010 Az, hogy a fában? 650 00:29:01,010 --> 00:29:04,100 Ez egy területen belül az adott struktúra. 651 00:29:04,100 --> 00:29:05,810 Mi az adat típusát? 652 00:29:05,810 --> 00:29:07,030 >> A funkció, igen. 653 00:29:07,030 --> 00:29:08,607 Így kiderül, hogy a PHP ezt. 654 00:29:08,607 --> 00:29:10,440 És még akkor is, Nem mondani róla, 655 00:29:10,440 --> 00:29:16,240 C is függvénymutatók, a képessége, hogy át és hozzá funkciók 656 00:29:16,240 --> 00:29:18,330 változóként "értékek magukat. 657 00:29:18,330 --> 00:29:20,280 És nem megyünk visszafejlődni vissza C. 658 00:29:20,280 --> 00:29:23,250 De most, kiderül, hogy a jobb oldali itt, 659 00:29:23,250 --> 00:29:26,260 bár úgy néz ki, egy kicsit funky, ez azt jelenti, hé böngésző, 660 00:29:26,260 --> 00:29:27,550 adj egy funkciót. 661 00:29:27,550 --> 00:29:30,560 Én nem fogom is zavar, amely ez a név, mert én vagyok a szó szoros értelmében 662 00:29:30,560 --> 00:29:34,450 fog rendelni nevezzük A címe ez a funkció 663 00:29:34,450 --> 00:29:35,994 azonnal onSubmit. 664 00:29:35,994 --> 00:29:39,160 Más szóval, a böngésző, akkor nem kell tudni, mi ez a funkció hívják. 665 00:29:39,160 --> 00:29:41,890 Csak azt kell tudni, ahol ez a memóriában. 666 00:29:41,890 --> 00:29:44,210 És ez így elegendő csak a Van egy egyenlőségjel van 667 00:29:44,210 --> 00:29:48,240 és nem zavarja, hogy hívjuk ezt, mint a ize vagy üdvözölje vagy bármilyen más szót. 668 00:29:48,240 --> 00:29:50,150 És most ez csak egy stilisztikai dolog. 669 00:29:50,150 --> 00:29:53,100 Nem tudtam mozgatni ezt a kapcsos zárójel ra the-- sorry-- következő sorban 670 00:29:53,100 --> 00:29:54,750 mint szoktunk csinálni CS50. 671 00:29:54,750 --> 00:29:57,550 De a JavaScript, ez valójában stilisztikailag közös 672 00:29:57,550 --> 00:30:00,450 hogy csak tartsa a kapcsos zárójel, a első, erre az első sort. 673 00:30:00,450 --> 00:30:02,620 >> De ezután, ott Semmi különös. 674 00:30:02,620 --> 00:30:05,830 Hogy a nyílt kapcsos zárójel csak kijelölte kezdete én funkciót. 675 00:30:05,830 --> 00:30:09,320 A funkció most kivételével azonos voltam 676 00:30:09,320 --> 00:30:11,452 tartalmazza a return false belül ez a funkció. 677 00:30:11,452 --> 00:30:13,160 Mert kiderül out-- és akkor csak 678 00:30:13,160 --> 00:30:14,980 Ismerem ezt a Reading A documentation-- 679 00:30:14,980 --> 00:30:19,740 hogy ha a funkció hozzárendelése A onsubmit felvezető false értékkel tér vissza, 680 00:30:19,740 --> 00:30:23,420 A böngésző csak tudja, és egyetért azzal, hogy ne küldje el az űrlapot a szerveren. 681 00:30:23,420 --> 00:30:27,210 Ha igazat ad vissza, akkor benyújtja egy szerverre okokból majd meglátjuk 682 00:30:27,210 --> 00:30:28,700 hasznosak csak egy pillanatra. 683 00:30:28,700 --> 00:30:31,000 >> És akkor a pontosvessző után A kapcsos zárójel ott csak 684 00:30:31,000 --> 00:30:32,541 azt jelenti végzek meghatározó funkciót. 685 00:30:32,541 --> 00:30:36,600 Tudod, mit kell hívni, amint ahogy hallom egy beadványt. 686 00:30:36,600 --> 00:30:37,100 Minden rendben. 687 00:30:37,100 --> 00:30:40,650 Ez még mindig vitathatatlanul ilyen csúnya. 688 00:30:40,650 --> 00:30:42,190 Szóval mit tehettünk még? 689 00:30:42,190 --> 00:30:45,000 >> Nos, kiderült, majd változat két, amely a last-- 690 00:30:45,000 --> 00:30:46,780 és mi csak pillantást erre. 691 00:30:46,780 --> 00:30:49,850 Azzal a veszéllyel jár, hogy ez csúnyább, kiderül, 692 00:30:49,850 --> 00:30:52,160 hogy van egy könyvtár A világ úgynevezett jQuery. 693 00:30:52,160 --> 00:30:54,900 És jQuery egy szuper népszerű JavaScript könyvtár 694 00:30:54,900 --> 00:30:57,930 ez annyira népszerű, hogy a legtöbb minden JavaScript-- ez nem 695 00:30:57,930 --> 00:31:00,540 Nem gyakori, hogy az emberek összekeverik jQuery JavaScript. 696 00:31:00,540 --> 00:31:01,070 Miért? 697 00:31:01,070 --> 00:31:04,990 JavaScript maga is nagyon bőbeszédű módon csinálja things-- 698 00:31:04,990 --> 00:31:07,820 document.getElementById, dadadadadada. 699 00:31:07,820 --> 00:31:10,510 Akkor a végén miután nagyon hosszú sornyi kódot. 700 00:31:10,510 --> 00:31:15,550 >> Tehát egy fickó, John Resid, aki valóban működik egy startup 701 00:31:15,550 --> 00:31:18,630 ezekben a napokban, kijött Ezzel a könyvtárral év 702 00:31:18,630 --> 00:31:22,070 ezelőtt, hogy sok ember járult hogy hívják jQuery, amely megváltoztatja 703 00:31:22,070 --> 00:31:23,449 A szintaxis a következő módon. 704 00:31:23,449 --> 00:31:25,740 És csak hogy láttad ezt, mert akkor mindig 705 00:31:25,740 --> 00:31:28,140 látja ezt, ha csinálsz egy web-alapú projekt végső, 706 00:31:28,140 --> 00:31:33,270 ez az egyenértékű lenne módja végrehajtó ugyanazt a funkciót használva 707 00:31:33,270 --> 00:31:34,630 ezt a különleges könyvtárban. 708 00:31:34,630 --> 00:31:36,680 >> Most, ahelyett, kötekedik szét teljes egészében, 709 00:31:36,680 --> 00:31:38,520 nézzük csak meg néhány mintát. 710 00:31:38,520 --> 00:31:44,850 Ez szintaxis tűnik, hogy Hány névtelen függvények 711 00:31:44,850 --> 00:31:49,584 vagy névtelen függvények vagy AKA lambda funkciók? 712 00:31:49,584 --> 00:31:50,190 Két, ugye? 713 00:31:50,190 --> 00:31:52,690 És tudod, hogy még ha te nem szuper kényelmes ezzel, 714 00:31:52,690 --> 00:31:55,780 csak az a tény, hogy ez mondja function () kétszer. 715 00:31:55,780 --> 00:31:58,172 >> És kiderül, hogy a mi ez a kód doing-- 716 00:31:58,172 --> 00:32:01,255 és mi utalnak internetes hivatkozásokat, végül egy kis segítség ezzel. 717 00:32:01,255 --> 00:32:04,480 Ez csak azt jelenti, hogy ha a dokumentum elkészült, 718 00:32:04,480 --> 00:32:07,490 megy előre, és regisztrálj A következő függvény 719 00:32:07,490 --> 00:32:12,064 mint a 'Küldés' felvezető a HTML elem, amelynek egyedülálló ötlet demo. 720 00:32:12,064 --> 00:32:14,480 És akkor, amikor ez megtörténik, hívja a két sornyi kódot. 721 00:32:14,480 --> 00:32:18,677 És ez tragikus, egy bőbeszédű szóval vissza hamis. 722 00:32:18,677 --> 00:32:21,510 És mi említette ezt csak azért, mert látni fogod kódot, mint az online. 723 00:32:21,510 --> 00:32:23,140 És ez semmit nem lehet daunted. 724 00:32:23,140 --> 00:32:26,057 De inkább ne feledje, hogy mi lesz gyakori JavaScript 725 00:32:26,057 --> 00:32:26,765 ez paradigma. 726 00:32:26,765 --> 00:32:29,510 És hogy ezért megmutatjuk, hogy most. 727 00:32:29,510 --> 00:32:30,010 Minden rendben. 728 00:32:30,010 --> 00:32:32,730 Tehát anélkül, hogy firtatni is sokat, hogy szintaktikai, 729 00:32:32,730 --> 00:32:37,800 vannak kérdések merülnek fel Ezek a példák vagy ötleteket eddig? 730 00:32:37,800 --> 00:32:38,300 Minden rendben. 731 00:32:38,300 --> 00:32:40,220 Úgyhogy ezt használjuk valami hasznosat. 732 00:32:40,220 --> 00:32:47,070 Csinálok egy weboldal, amely csak azt mondja, hello, így és így egyáltalán nem olyan érdekes, 733 00:32:47,070 --> 00:32:47,830 nem underwhelm. 734 00:32:47,830 --> 00:32:51,038 Ez az ember nem lesz szép, de ez meg fog tenni valami hasznosat. 735 00:32:51,038 --> 00:32:56,350 Hadd menjek vissza a könyvtárba Itt és nyit, azt mondják, a forma-0.html. 736 00:32:56,350 --> 00:32:59,320 >> Tegyük fel, hogy ez a gólya intramuralis sportok regisztrációs oldalon 737 00:32:59,320 --> 00:33:01,780 nélkül CSS vagy bármilyen értelemben design. 738 00:33:01,780 --> 00:33:05,404 És azt akarom, hogy menjen előre és regisztrálj itt egy jelszót. 739 00:33:05,404 --> 00:33:08,320 És fogok elfogadja a feltételeket feltételek és kattintson Register. 740 00:33:08,320 --> 00:33:11,700 És most a honlapján azt mondja: "Te regisztrált! (Nos, nem igazán.)" 741 00:33:11,700 --> 00:33:15,070 Úgy tűnik, mint ez működött, de hadd menjen előre, és kényszerített újratöltése. 742 00:33:15,070 --> 00:33:18,720 >> És hadd mondjam, nem, nem Szükségem van a tényleges e-mail címre. 743 00:33:18,720 --> 00:33:21,820 Vagy talán csak annyit, posta van. 744 00:33:21,820 --> 00:33:25,080 Jelszó lesz, mint, 12345. 745 00:33:25,080 --> 00:33:28,810 És akkor, csak azért, mert én vagyok egy idióta, most már 123456789. 746 00:33:28,810 --> 00:33:31,150 És nem fogom, hogy ellenőrizze a dobozt. 747 00:33:31,150 --> 00:33:31,850 >> Hmm. 748 00:33:31,850 --> 00:33:32,350 Minden rendben. 749 00:33:32,350 --> 00:33:34,920 Szóval van több lehetőséget A javulás itt. 750 00:33:34,920 --> 00:33:39,070 És tudod, vagy látni fogja a PSET Hét, hogy írhatsz code-- 751 00:33:39,070 --> 00:33:41,890 és akkor meg kell írni kódot PHP-- megvédeni 752 00:33:41,890 --> 00:33:45,780 elleni ilyen típusú felhasználó hibák, mert a felhasználó egyértelműen 753 00:33:45,780 --> 00:33:46,790 nem működött. 754 00:33:46,790 --> 00:33:49,680 És ő nem adott Önnek minden értékek akartál vagy akár a formátum 755 00:33:49,680 --> 00:33:50,630 hogy meg akart nekik. 756 00:33:50,630 --> 00:33:53,250 Szóval majd meglátjuk PSET hét, hogy akkor pedig van némi 757 00:33:53,250 --> 00:33:55,680 ha a körülmények azt mondják ha az e-mail címét 758 00:33:55,680 --> 00:33:59,450 nem egy username@something.edu, Így egyszerűen 759 00:33:59,450 --> 00:34:02,575 azt sajnálom, és elnézést, hogy a felhasználó sok, mint akkor lehet, PSET hét. 760 00:34:02,575 --> 00:34:05,700 Vagy ha még nem ellenőrizte, hogy a doboz, Kiderül, PHP, meg fogja találni, hogy 761 00:34:05,700 --> 00:34:06,200 is. 762 00:34:06,200 --> 00:34:09,389 És természetesen, ha a jelszavakat nem egyeznek mint register.php 763 00:34:09,389 --> 00:34:11,521 A PSET hét, meg fogja találni, hogy. 764 00:34:11,521 --> 00:34:13,770 De ez a fájdalom a nyak, hogy most arra kérik 765 00:34:13,770 --> 00:34:15,510 hogy menjünk végig a szerverre. 766 00:34:15,510 --> 00:34:17,053 A felhasználó értesítést a hiba. 767 00:34:17,053 --> 00:34:19,219 És legalább hacsak nem használja néhány érdekesebb technikák, 768 00:34:19,219 --> 00:34:20,929 most már, hogy kattintson a vissza nyilat. 769 00:34:20,929 --> 00:34:23,300 Nem lenne szép, mint a egy csomó honlapok ma, 770 00:34:23,300 --> 00:34:26,190 ha már több azonnali visszajelzést, azonnal? 771 00:34:26,190 --> 00:34:31,389 >> Más szóval, hadd menjen verzió Egy, ami megy, hogy nincs szebb. 772 00:34:31,389 --> 00:34:33,469 De ez van ezt a funkciót. 773 00:34:33,469 --> 00:34:39,590 Malan, 12345, 123456789, nem fogja ellenőrizni a dobozt, regisztráljon. 774 00:34:39,590 --> 00:34:41,330 A jelszavak nem egyeznek. 775 00:34:41,330 --> 00:34:44,459 Így, bár ez a pop-up ugly-- tudjuk helyettesíteni ezt végül 776 00:34:44,459 --> 00:34:47,000 valami ilyesmit Bootstrap, amely látni fogod PSET hét 777 00:34:47,000 --> 00:34:50,239 egy nagyon népszerű library-- tettem érzékeli, hogy a jelszavak nem egyeznek. 778 00:34:50,239 --> 00:34:50,739 Minden rendben. 779 00:34:50,739 --> 00:34:52,530 Nos, hadd rögzítse, hogy a felhasználó. 780 00:34:52,530 --> 00:34:55,460 Hadd menjen előre, és azt mondják, 12345, 12345. 781 00:34:55,460 --> 00:34:57,780 Még mindig nem ellenőrzi a megállapodást. 782 00:34:57,780 --> 00:35:00,210 El kell fogadnod a Felhasználási feltételek. 783 00:35:00,210 --> 00:35:01,760 Akkor miért? 784 00:35:01,760 --> 00:35:04,100 >> Ha már őszinteséggel hogy van egy módja annak, 785 00:35:04,100 --> 00:35:07,260 és mi már megkövetelte a PSET hét észlelni hiba 786 00:35:07,260 --> 00:35:09,780 feltételekkel, mint ez szerver oldali, miért is tenném 787 00:35:09,780 --> 00:35:13,940 zavarta is, hogy mindezt a JavaScript? 788 00:35:13,940 --> 00:35:15,850 Mi az az érv javára hozzátéve, hogy mit 789 00:35:15,850 --> 00:35:18,760 te arról, hogy a some-- ott tovább bonyolítaná. 790 00:35:18,760 --> 00:35:23,610 791 00:35:23,610 --> 00:35:25,930 >> Talán nincs is fejjel. 792 00:35:25,930 --> 00:35:26,924 Mi lehet ez? 793 00:35:26,924 --> 00:35:27,840 Közönség: [hallható]. 794 00:35:27,840 --> 00:35:31,132 795 00:35:31,132 --> 00:35:32,340 DAVID MALAN: Ó, érdekes. 796 00:35:32,340 --> 00:35:33,530 Potenciális hasznosítja. 797 00:35:33,530 --> 00:35:37,540 Tehát biztos, ha nem kezelése hibás felhasználói hogy a nagy, 798 00:35:37,540 --> 00:35:40,170 talán minden jobb, ha sem éri el a szervert. 799 00:35:40,170 --> 00:35:42,160 Azt tolja vissza és mondjuk, akkor valószínűleg 800 00:35:42,160 --> 00:35:43,284 fix mind a két problémát. 801 00:35:43,284 --> 00:35:44,140 De ez fair. 802 00:35:44,140 --> 00:35:44,710 Mi más? 803 00:35:44,710 --> 00:35:45,626 >> Közönség: [hallható]. 804 00:35:45,626 --> 00:35:47,970 805 00:35:47,970 --> 00:35:49,014 >> DAVID MALAN: Igen. 806 00:35:49,014 --> 00:35:51,680 Ez a kód, mint már említettük, az értelmezni a kliens-oldali. 807 00:35:51,680 --> 00:35:53,846 Ez nem zavarja a szerver, ami azt jelenti, ez nem 808 00:35:53,846 --> 00:35:55,930 befolyásolhatja a szerver terhelés vagy kapacitást. 809 00:35:55,930 --> 00:35:59,840 És most, kicsit öreg hozzám, ennek nincs jelentős hatása 810 00:35:59,840 --> 00:36:01,970 mert van egy felhasználó most. 811 00:36:01,970 --> 00:36:04,010 >> De ha minden honlapján tisztességes méretű, 812 00:36:04,010 --> 00:36:07,400 különösen a legnagyobb, mint a Facebook, minél többet tud az ember a 813 00:36:07,400 --> 00:36:09,927 A szerver a jobb mert a szerveren, természetesen, 814 00:36:09,927 --> 00:36:12,510 csak véges mennyiségű RAM, véges számú gigahertz, 815 00:36:12,510 --> 00:36:16,340 véges számú dolog tehet egységnyi idő. 816 00:36:16,340 --> 00:36:19,170 Tehát, ha több ember A világ üti a szerver, 817 00:36:19,170 --> 00:36:21,750 Véletlenül bejelentkezés helytelenül, csakúgy, ha 818 00:36:21,750 --> 00:36:23,254 lehet tartani, hogy a terhelést ki a szerver. 819 00:36:23,254 --> 00:36:25,420 Plusz, különösen egy mobil device-- Ha valaha 820 00:36:25,420 --> 00:36:29,190 jelentkezzen be my.harvard vagy Yale NETID vagy hasonlók, 821 00:36:29,190 --> 00:36:32,330 itt van ez a várakozási idő, sok weboldalak, mint hogy ahol tart, 822 00:36:32,330 --> 00:36:34,110 mint egy rohadt két másodpercet néha. 823 00:36:34,110 --> 00:36:37,979 És akkor, Istenem, ha ködös, akkor meg kell ütni vissza és újra azt. 824 00:36:37,979 --> 00:36:40,520 Szóval van látencia, különösen A kis sebességű hálózati kapcsolattal. 825 00:36:40,520 --> 00:36:43,030 De JavaScript, mert fut a kliens 826 00:36:43,030 --> 00:36:46,720 és nem kell, hogy menjen előre és hátra az egész egy potenciálisan lassú internet 827 00:36:46,720 --> 00:36:49,780 kapcsolat, akkor kap szinte azonnali visszajelzést. 828 00:36:49,780 --> 00:36:50,760 >> Szóval nézzük meg ezt. 829 00:36:50,760 --> 00:36:54,280 Hadd nyit form-0 és nézd meg a HTML itt. 830 00:36:54,280 --> 00:36:56,040 És nézzük meg, mi folyik itt. 831 00:36:56,040 --> 00:36:59,460 Ez egy formája, amelynek akció register.php. 832 00:36:59,460 --> 00:37:01,530 Én csak használ ennyire hogy láttam az URL. 833 00:37:01,530 --> 00:37:05,030 De a jelszavak, mi lenne biztosan szeretné hogy ez megváltozzon, hogy tegye a valóságban. 834 00:37:05,030 --> 00:37:06,910 Itt van egy beviteli mező típusú szöveget. 835 00:37:06,910 --> 00:37:09,050 Itt egy újabb input területén írja be a jelszó. 836 00:37:09,050 --> 00:37:13,150 Itt van, ha soha nem látott, bemeneti típusú jelölőnégyzetet. 837 00:37:13,150 --> 00:37:15,250 >> De nincs JavaScript Itt sincs. 838 00:37:15,250 --> 00:37:18,170 Ez csak HTML megy register.php. 839 00:37:18,170 --> 00:37:21,020 De verzió egyik, hol elkezdtem azon pop-up, 840 00:37:21,020 --> 00:37:23,010 lássuk, mi is történik itt. 841 00:37:23,010 --> 00:37:26,757 Verzióban, mihez Megyek see-- I 842 00:37:26,757 --> 00:37:29,340 gondoltam, istálló elég elég szó, de elfogyott. 843 00:37:29,340 --> 00:37:35,180 844 00:37:35,180 --> 00:37:38,590 >> Verzióban one-- ott vagyunk. 845 00:37:38,590 --> 00:37:43,180 Verzióban egy, észre a following-- és nem a legjobb kivitelezés, 846 00:37:43,180 --> 00:37:44,420 de ez az első. 847 00:37:44,420 --> 00:37:47,680 Figyeljük meg, hogy elmarad a formában, van egy script tag. 848 00:37:47,680 --> 00:37:49,430 És a script tag jelent, hé, böngésző, ide 849 00:37:49,430 --> 00:37:52,340 jön egy kis kódot, Jellemzően a JavaScript. 850 00:37:52,340 --> 00:37:54,420 És most, figyeld meg, mit csinálok. 851 00:37:54,420 --> 00:37:59,070 On line-- alig tudok olvasni it-- 32. sor, azt mondja, 852 00:37:59,070 --> 00:38:01,420 var form-- ezért adj változó nevű formában. 853 00:38:01,420 --> 00:38:05,049 És akkor kap document.getElementId A "regisztráció". 854 00:38:05,049 --> 00:38:05,590 Mi ez? 855 00:38:05,590 --> 00:38:07,290 Nos, hadd visszatekerés itt. 856 00:38:07,290 --> 00:38:11,510 És észre, ah, én adtam az űrlap elem tetszőleges, de leíró ötlet 857 00:38:11,510 --> 00:38:13,050 A regisztráció. 858 00:38:13,050 --> 00:38:16,820 Szóval ez ad nekem egy változó, lehetővé teszi számomra, hogy megragad, hogy csomópont, 859 00:38:16,820 --> 00:38:19,580 E négyszögben a fán nevű formában. 860 00:38:19,580 --> 00:38:24,460 form.onsubmit úton, hé böngésző, regisztrálj egy esemény hallgató 861 00:38:24,460 --> 00:38:25,470 ebben a formában. 862 00:38:25,470 --> 00:38:28,890 Más szavakkal, amikor ez a forma benyújtott, hajtsa végre a következő kódot. 863 00:38:28,890 --> 00:38:30,810 Nem kell egy nevet, mert miért kell tudni a nevét? 864 00:38:30,810 --> 00:38:32,880 Csak azt kell tudni, mit kell végrehajtani, ergo 865 00:38:32,880 --> 00:38:35,610 ez egy névtelen vagy lambda funkció. 866 00:38:35,610 --> 00:38:37,632 És ez a funkció az összes ezeket a sorokat itt. 867 00:38:37,632 --> 00:38:40,840 És most, hogy őszinte legyek, még akkor is, Lehet, hogy nem a valaha írt JavaScript 868 00:38:40,840 --> 00:38:44,200 előtt, ez csak a C és a PHP logika. 869 00:38:44,200 --> 00:38:51,720 Tehát, ha form.email.value == "" - így ha az e-mail mező üres, 870 00:38:51,720 --> 00:38:54,980 kiabálni a felhasználó "Meg kell adja meg e-mail címét. " 871 00:38:54,980 --> 00:38:58,980 Else if form.password.value üres kiabálni a felhasználó, 872 00:38:58,980 --> 00:39:00,400 "Meg kell adnia a jelszót." 873 00:39:00,400 --> 00:39:04,240 >> Még érdekesebb logikusan, ha form.password.value nem 874 00:39:04,240 --> 00:39:08,630 egyenlő form.confirmation.value-- hol visszaigazolás származik? 875 00:39:08,630 --> 00:39:09,470 Hadd visszatekerés. 876 00:39:09,470 --> 00:39:12,870 Nos, hívtam ezt a bemeneti mezőny jelszót. 877 00:39:12,870 --> 00:39:15,180 És felhívtam ezt itt megerősítést. 878 00:39:15,180 --> 00:39:17,850 Tudtam volna nevezte Jelszó két vagy bármi más. 879 00:39:17,850 --> 00:39:20,560 Én csak logikailag ellenőrzése hogy ez a két azonos. 880 00:39:20,560 --> 00:39:25,760 Else-- kiderül, ez Mr. Boole again-- egy logikai érték, a négyzetet. 881 00:39:25,760 --> 00:39:29,810 Tehát, ha azt mondom, felkiáltás point-- ha nem form.agreement.checked, 882 00:39:29,810 --> 00:39:31,820 kiabálni a felhasználónak is. 883 00:39:31,820 --> 00:39:34,470 >> Szóval ez a szintaxis látni fogja Nagyon gyakori a JavaScript, 884 00:39:34,470 --> 00:39:35,970 ahol van, ez a pontozott jelöléssel. 885 00:39:35,970 --> 00:39:37,460 Elkezdesz egy tárgy van. 886 00:39:37,460 --> 00:39:41,430 Merülés mélyebb egy a egy ingatlant, mint jelszavát. 887 00:39:41,430 --> 00:39:43,280 És akkor kap meg annak aktuális értékét. 888 00:39:43,280 --> 00:39:45,830 És megint itt van a bemenet. 889 00:39:45,830 --> 00:39:47,310 Itt látható a nevet jelszót. 890 00:39:47,310 --> 00:39:50,860 És az értéke, amit a emberi ténylegesen beírt. 891 00:39:50,860 --> 00:39:53,610 >> Tehát mindezen esetekben, visszatértem hamis. 892 00:39:53,610 --> 00:39:55,800 De ha nem, vissza igaz. 893 00:39:55,800 --> 00:39:58,030 És így most azt látjuk, kényszerítő használata során 894 00:39:58,030 --> 00:40:00,620 akkor return false hogy hagyd abba, amit a felhasználó csinál 895 00:40:00,620 --> 00:40:03,200 és hogy őt válassza újra, vagy be újra. 896 00:40:03,200 --> 00:40:05,870 Ellenkező esetben, vissza igaz. 897 00:40:05,870 --> 00:40:08,585 >> És hadd mutassam be az egyik más változata ennek csak 898 00:40:08,585 --> 00:40:13,140 A magvető némi megértést cikke. 899 00:40:13,140 --> 00:40:16,850 Nos, a 2-es verziója ennek, forma-2-- Megcsinálom a hullám a kezét. 900 00:40:16,850 --> 00:40:19,920 Ez, azok számára, kíváncsi, A jQuery változata, 901 00:40:19,920 --> 00:40:23,330 Azoknak, akik esetleg érdemes pancsolás, hogy az adott könyvtárban. 902 00:40:23,330 --> 00:40:25,145 De nézzük start-- és bármilyen kérdése? 903 00:40:25,145 --> 00:40:29,230 Hadd szünet pillanatban, mert Ez gyors volt, és sokat. 904 00:40:29,230 --> 00:40:32,610 >> De a szép dolog az, hogy minden A kód nagyjából ugyanaz. 905 00:40:32,610 --> 00:40:33,985 Az új cucc, amit a dom? 906 00:40:33,985 --> 00:40:35,115 Mik ezek téglalapok? 907 00:40:35,115 --> 00:40:35,990 Mik ezek a csomópontok? 908 00:40:35,990 --> 00:40:37,540 Mi egy névtelen függvényt? 909 00:40:37,540 --> 00:40:38,830 Mi egy eseménykezelő? 910 00:40:38,830 --> 00:40:43,480 De szerencsére a legtöbb, ami csak teljes kört, mondjuk heti nulla. 911 00:40:43,480 --> 00:40:43,980 Minden rendben. 912 00:40:43,980 --> 00:40:46,070 Tehát valami kicsit érdekesebb? 913 00:40:46,070 --> 00:40:49,340 Nos, először is, hadd menjen előre, és nyissa meg a Google Maps. 914 00:40:49,340 --> 00:40:53,360 És észre fogod venni, hogy a pillanatban, a másodperc töredéke alatt, 915 00:40:53,360 --> 00:40:55,930 észre, mi történik, ha Én kattintson elég gyors. 916 00:40:55,930 --> 00:40:59,720 És ezzel kapcsolatban a Harvard annyira gyorsan, hogy nem igazán észre. 917 00:40:59,720 --> 00:41:04,469 De mit fajta egyfajta lásd ha én kattintson rá és húzza nagyon gyors? 918 00:41:04,469 --> 00:41:07,010 Azoknak, néz online, ha lassú ez a 0.5x sebesség, 919 00:41:07,010 --> 00:41:09,640 látható, ez jobb. 920 00:41:09,640 --> 00:41:13,550 >> Mi történik most mielőtt rákattintottam, és húzni? 921 00:41:13,550 --> 00:41:15,900 Hadd próbáljam here-- hadd csináljam valami mást, mint 90210. 922 00:41:15,900 --> 00:41:17,550 Menjünk messze. 923 00:41:17,550 --> 00:41:19,000 Ez volt igazán gyors is. 924 00:41:19,000 --> 00:41:22,460 Mit szólnál Disney World? 925 00:41:22,460 --> 00:41:23,190 Ott vagyunk. 926 00:41:23,190 --> 00:41:23,690 OKÉ. 927 00:41:23,690 --> 00:41:26,030 Mit láttál egy pillanatra? 928 00:41:26,030 --> 00:41:27,200 Csak, mint, terek, ugye? 929 00:41:27,200 --> 00:41:28,930 Helyőrzői csempe? 930 00:41:28,930 --> 00:41:30,270 >> Nos, mi folyik itt? 931 00:41:30,270 --> 00:41:35,410 A Google Maps egy szép példája ez a technológia, hogy hívják AJAX. 932 00:41:35,410 --> 00:41:38,510 És ez az, ahol elkezdjük a Használja a JavaScript egy különösen 933 00:41:38,510 --> 00:41:39,277 csábító módon. 934 00:41:39,277 --> 00:41:41,610 Vissza a nap, nem volt Ezen a honlapon az úgynevezett MapQuest. 935 00:41:41,610 --> 00:41:44,120 És én kellett volna egy screenshot ennek az 1990-es, 936 00:41:44,120 --> 00:41:45,820 ahol ha akart felnéz itt a térképen, 937 00:41:45,820 --> 00:41:48,590 akkor a szó szoros értelmében kattintson egy nyíl akár a tetején, hogy mutattam neked 938 00:41:48,590 --> 00:41:49,870 Más téren a térkép. 939 00:41:49,870 --> 00:41:51,790 Ha akarta, hogy balra, akkor kattintott egy nyíl, hogy mutattam neked 940 00:41:51,790 --> 00:41:53,210 Más téren a térkép. 941 00:41:53,210 --> 00:41:54,840 És néhány honlapok még ezt ma. 942 00:41:54,840 --> 00:41:57,820 De még MapQuest ütött Jobb, mint a Google Maps. 943 00:41:57,820 --> 00:42:01,880 >> Ehelyett mi a jobb ezeknek nap használó oldalakon AJAX. 944 00:42:01,880 --> 00:42:04,510 AJAX-- más néven Aszinkron JavaScript és XML, 945 00:42:04,510 --> 00:42:08,370 ami csak egy divatos szóval technológia vagy technika 946 00:42:08,370 --> 00:42:14,200 lehetővé teszi a böngészőben a JavaScript hogy tegyenek további HTTP kérések 947 00:42:14,200 --> 00:42:16,390 miután az oldal betöltése. 948 00:42:16,390 --> 00:42:17,479 Tehát mit jelent ez? 949 00:42:17,479 --> 00:42:19,270 Nos, ez lenne ilyen bosszantó a Gmailben 950 00:42:19,270 --> 00:42:21,103 Ha minden alkalommal, amikor akarta, hogy ellenőrizze a mail, 951 00:42:21,103 --> 00:42:24,940 Ön már szó szerint a control-R vagy Command-R vagy kattintson a Frissítés gombra 952 00:42:24,940 --> 00:42:26,580 és az egész rohadt oldal újratöltődik lenne. 953 00:42:26,580 --> 00:42:26,800 Jobb? 954 00:42:26,800 --> 00:42:28,460 Ez villogni fehér Valószínűleg a második. 955 00:42:28,460 --> 00:42:30,043 Látnád a hülye progress bar. 956 00:42:30,043 --> 00:42:33,170 És csak azért, hogy lássa, van új mail, az egész weboldal és az URL-t 957 00:42:33,170 --> 00:42:34,580 ha már itt volna újratölteni. 958 00:42:34,580 --> 00:42:35,960 >> De ez nem az, hogy mi történik a Gmail. 959 00:42:35,960 --> 00:42:36,459 Jobb? 960 00:42:36,459 --> 00:42:40,300 Amikor kap egy új e-mail Gmail, mi történik a képernyőn? 961 00:42:40,300 --> 00:42:41,480 Ez csak azt mutatja, ugye? 962 00:42:41,480 --> 00:42:44,280 Ez csak varázsütésre megjelenik mint egy új sort a táblázatban. 963 00:42:44,280 --> 00:42:47,030 Hogy valóban jár tisztességes mennyiségű bonyolultságát. 964 00:42:47,030 --> 00:42:51,892 Sőt, ha úgy gondolja, erről a fáról, amely jóllehet egy egyszerű, egy itt, 965 00:42:51,892 --> 00:42:54,100 Gmail-- és azt kell nézni a kódot kell sure-- 966 00:42:54,100 --> 00:42:58,710 Valószínűleg van egy HTML táblázat vagy talán rendezetlen listát, hogy teszi 967 00:42:58,710 --> 00:43:01,060 minden a beérkezett levelek e-maileket. 968 00:43:01,060 --> 00:43:04,050 >> És így ha ezt elképzelni ott egy fa a memóriában, ha éppen 969 00:43:04,050 --> 00:43:09,050 Gmail használatát, hogy néz ki, milyen fajta mint ez, amikor a Google rájön, ó, 970 00:43:09,050 --> 00:43:12,770 van egy új e-mail, ez nem szeretné újjáépíteni az egész fa. 971 00:43:12,770 --> 00:43:16,430 Inkább azt akarja, hogy megtalálják a csomópont A fa, ami az Ön postaládájába 972 00:43:16,430 --> 00:43:18,580 és csak helyezzen be egy új csomópontot. 973 00:43:18,580 --> 00:43:24,640 >> Szóval nagyon hasonló PSET öt, ahol Be kellett illesztenünk a csomópontok egy hash tábla, 974 00:43:24,640 --> 00:43:28,410 Hasonlóan működik a Google, via JavaScript kód, amely azt írta, 975 00:43:28,410 --> 00:43:31,890 elmozdulási ezt a fát, kitalálni, hogy hol az, hogy a postaládájába része az ablak, 976 00:43:31,890 --> 00:43:33,440 majd helyezzen be egy új sort. 977 00:43:33,440 --> 00:43:37,460 És egy új sort csak azt jelenti, egy vagy több új csomópontok egy fa. 978 00:43:37,460 --> 00:43:41,340 >> És így AJAX lehet ezzel a módszerrel amely lehetővé teszi a pontosan. 979 00:43:41,340 --> 00:43:44,440 Egyszer már felkeresett URL, Azonban őrült idő van, 980 00:43:44,440 --> 00:43:46,472 és ha az oldal rendelkezik betöltve, akkor is 981 00:43:46,472 --> 00:43:48,430 megragad több adatot a internet-- hogy ez 982 00:43:48,430 --> 00:43:52,460 e-mail vagy cserép egy map-- fogd meg a színfalak mögött 983 00:43:52,460 --> 00:43:55,290 majd helyezze be az oldalra úgy, hogy a humán nem igazán 984 00:43:55,290 --> 00:43:56,910 meg kell várni rá. 985 00:43:56,910 --> 00:43:58,980 >> Facebook Messenger ugyanígy működik. 986 00:43:58,980 --> 00:44:01,562 Bármilyen számú egyéb websites-- Ó, valóban, még ez. 987 00:44:01,562 --> 00:44:04,270 Úgy értem, ez, őszintén szólva, milyen egy idegesítő funkció ezekben a napokban. 988 00:44:04,270 --> 00:44:07,500 Ha elkezdek keres cats-- ezt egyfajta borzalmas felhasználói élményt. 989 00:44:07,500 --> 00:44:08,990 Csak kezd el keresni. 990 00:44:08,990 --> 00:44:10,050 Hát mit csinál? 991 00:44:10,050 --> 00:44:12,920 Az URL nem igazán változott mióta elkezdtem gépelni. 992 00:44:12,920 --> 00:44:17,330 De mi folyik szerte wire-- OK, hmm érdekes. 993 00:44:17,330 --> 00:44:20,470 Mi folyik szerte huzal itt csak lesz furább. 994 00:44:20,470 --> 00:44:21,090 >> OKÉ. 995 00:44:21,090 --> 00:44:24,670 Szóval hadd menjen előre, és vizsgáljuk elem és menjen a Hálózat fülre 996 00:44:24,670 --> 00:44:27,040 és igyekszem, hogy ez műszaki és kevésbé a macskákról. 997 00:44:27,040 --> 00:44:32,595 Ahogy írja, a szó szoros értelmében, macskák és-- mi történik 998 00:44:32,595 --> 00:44:37,710 per-- nem fogom, hogy kattintson a. 999 00:44:37,710 --> 00:44:38,210 Minden rendben. 1000 00:44:38,210 --> 00:44:44,280 Szóval itt lent, mi történik minden Mire írja egy karakter, nyilván? 1001 00:44:44,280 --> 00:44:45,000 Mint, alacsony? 1002 00:44:45,000 --> 00:44:47,860 Mi történik a szóban forgó valamennyi karakterek vagyok gépelni az én billentyűzet? 1003 00:44:47,860 --> 00:44:48,359 Igen? 1004 00:44:48,359 --> 00:44:50,950 Közönség: [hallható]. 1005 00:44:50,950 --> 00:44:52,340 >> DAVID MALAN: Pontosan. 1006 00:44:52,340 --> 00:44:55,600 Minden karakterre van megy a Google, egyesével. 1007 00:44:55,600 --> 00:44:58,490 Építik fel egy string saját szerver, amely képviseli 1008 00:44:58,490 --> 00:44:59,936 mindent, amit beírtam eddig. 1009 00:44:59,936 --> 00:45:01,810 És minden alkalommal, amikor írja másik karaktert, akkor 1010 00:45:01,810 --> 00:45:04,530 Használja a titkos szósz egy kereső algoritmus, és kitalálni, 1011 00:45:04,530 --> 00:45:07,370 nem ő jelenti ez a macska oldal vagy ez a macska az oldal vagy hasonló? 1012 00:45:07,370 --> 00:45:10,620 Tehát bizonyos értelemben, ez ad nekem egy jobb élményt, hogy én nem is 1013 00:45:10,620 --> 00:45:11,860 kell befejezni az én gondolatom. 1014 00:45:11,860 --> 00:45:14,440 És valóban, ez egy hasznos dolog, autocomplete általában. 1015 00:45:14,440 --> 00:45:17,690 Ha az algoritmusok elég jók ahhoz, és ha én keresések elég nyilvánvaló, 1016 00:45:17,690 --> 00:45:19,300 Nem kell, hogy írja be a teljes szót. 1017 00:45:19,300 --> 00:45:22,110 Ők fognak mondani, miről hogy én vagyok valójában keresnek. 1018 00:45:22,110 --> 00:45:25,940 Tehát mi a Google kéri azonnali keresés csak az AJAX, 1019 00:45:25,940 --> 00:45:30,820 kód használatával, amely lehetővé teszi számukra, hogy kérheti kiegészítő tartalom webböngészőn keresztül 1020 00:45:30,820 --> 00:45:34,026 a színfalak mögött használja ezt új nyelv, JavaScript. 1021 00:45:34,026 --> 00:45:35,400 Tehát van egy pár perc van hátra. 1022 00:45:35,400 --> 00:45:37,710 És hadd hívjam fel a haverom Colton fel a színpadra, 1023 00:45:37,710 --> 00:45:40,090 mivel úgy tűnt, különösen szórakoztató utoljára 1024 00:45:40,090 --> 00:45:42,290 bevezetni a technológiát hogy néhányan közületek 1025 00:45:42,290 --> 00:45:44,769 érdeklődését fejezte ki A végső projektek. 1026 00:45:44,769 --> 00:45:47,310 Úgy gondoltuk, hogy lenne szórakoztató, hogy akár önkéntesként, bár ma 1027 00:45:47,310 --> 00:45:50,074 hogy mutassa meg kiegészítésének ez lehetővé teszi, hogy you-- igen, 1028 00:45:50,074 --> 00:45:50,990 Láttam ezt a kezét először. 1029 00:45:50,990 --> 00:45:52,900 Gyere fel. 1030 00:45:52,900 --> 00:45:53,560 Nagyon jól sikerült. 1031 00:45:53,560 --> 00:45:55,035 Szép munka. 1032 00:45:55,035 --> 00:45:57,410 Megyek vetíteni ezt A képernyőn csak egy pillanatra. 1033 00:45:57,410 --> 00:45:58,150 Mi a neve mindenki számára? 1034 00:45:58,150 --> 00:45:59,180 >> EFA: Én vagyok Efa. 1035 00:45:59,180 --> 00:45:59,410 >> DAVID MALAN: Etha? 1036 00:45:59,410 --> 00:45:59,785 >> EFA: Efa. 1037 00:45:59,785 --> 00:46:00,160 >> DAVID MALAN: Efa? 1038 00:46:00,160 --> 00:46:00,730 >> EFA: Igen. 1039 00:46:00,730 --> 00:46:01,250 >> DAVID MALAN: Örülök, hogy látlak. 1040 00:46:01,250 --> 00:46:01,600 Minden rendben. 1041 00:46:01,600 --> 00:46:02,590 Jól értem kész. 1042 00:46:02,590 --> 00:46:04,423 Gyere át a középen Colton itt. 1043 00:46:04,423 --> 00:46:07,050 Milyen Colton van a kezében ma egy távirányító. 1044 00:46:07,050 --> 00:46:10,440 Tehát ahelyett, hogy csak ott állni egy háromdimenziós világban körülnézve 1045 00:46:10,440 --> 00:46:14,080 mint Colton tette, most Efa is valóban sétálni megy fel, 1046 00:46:14,080 --> 00:46:16,689 le, balra és jobbra, mint egy Nintendo és az Xbox vezérlő. 1047 00:46:16,689 --> 00:46:18,230 EFA: Megyek esik le a színpadról. 1048 00:46:18,230 --> 00:46:20,500 DAVID MALAN: én állni nagyjából ide. 1049 00:46:20,500 --> 00:46:21,991 De ez egy kockázat. 1050 00:46:21,991 --> 00:46:22,490 OKÉ. 1051 00:46:22,490 --> 00:46:25,690 Így megy előre, és tesz azok tovább. 1052 00:46:25,690 --> 00:46:29,315 Hadd menjen előre, és váltani a képernyő itt. 1053 00:46:29,315 --> 00:46:30,670 Hadd homályos a fények. 1054 00:46:30,670 --> 00:46:32,780 És Colton, hadd gyere állni melletted. 1055 00:46:32,780 --> 00:46:35,520 >> Szeretné, hogy itt most A mikrofon, mit csinálunk? 1056 00:46:35,520 --> 00:46:36,380 Tessék. 1057 00:46:36,380 --> 00:46:37,280 >> COLTON: Persze. 1058 00:46:37,280 --> 00:46:39,980 Akkor most mi vagyunk feltöltését a Oculus, 1059 00:46:39,980 --> 00:46:43,070 Azt hiszem operating-- nem működik rendszer, de a fő program, ahol 1060 00:46:43,070 --> 00:46:46,630 akkor a hozzáférés minden a játékok és alkalmazásokat, amelyek a könyvtár. 1061 00:46:46,630 --> 00:46:50,060 Tehát most, meg kell mondani érintse meg az érintőpadot kezdeni. 1062 00:46:50,060 --> 00:46:53,430 Touchpad lesz a jobb oldalon a fülhallgatót. 1063 00:46:53,430 --> 00:46:54,569 Így megy előre, és tap-- 1064 00:46:54,569 --> 00:46:55,110 EFA: Ó, ember. 1065 00:46:55,110 --> 00:46:56,443 DAVID MALAN: Igen, tessék. 1066 00:46:56,443 --> 00:47:00,340 1067 00:47:00,340 --> 00:47:02,460 A minőségi Efa lát jóval magasabb minőségű. 1068 00:47:02,460 --> 00:47:03,831 Ez csak a Wi-Fi hozzáférést. 1069 00:47:03,831 --> 00:47:05,580 COLTON: Szóval azt akarnak csinálni 1070 00:47:05,580 --> 00:47:08,350 van nézd teteje felé A képernyő jobb. 1071 00:47:08,350 --> 00:47:10,420 Ja, hogy a játék a legtetején van. 1072 00:47:10,420 --> 00:47:14,780 És akkor, amikor kiválasztja ez, érintse meg az érintőpadot újra. 1073 00:47:14,780 --> 00:47:17,010 Azt hiszem, hogy Dreadhalls. 1074 00:47:17,010 --> 00:47:20,820 És akkor itt van egy-- itt, hadd fogjam a szemüvegét az Ön számára. 1075 00:47:20,820 --> 00:47:24,420 1076 00:47:24,420 --> 00:47:25,790 >> Szóval én csak adtam neki egy kontroller. 1077 00:47:25,790 --> 00:47:28,886 Tehát most tudja irányítani a játékot. 1078 00:47:28,886 --> 00:47:30,510 Ő lehet mozogni, és ilyesmi. 1079 00:47:30,510 --> 00:47:31,968 Így megy előre, és keresse fel a csúcsra. 1080 00:47:31,968 --> 00:47:33,640 Látnia kell új játékot. 1081 00:47:33,640 --> 00:47:36,310 Így megy előre, és meg tudod csinálni ezt. 1082 00:47:36,310 --> 00:47:39,320 Most, akkor képesnek kell lennie, hogy ellenőrizzék magát a vezérlő, 1083 00:47:39,320 --> 00:47:43,860 valamint, amint A játék betölti itt. 1084 00:47:43,860 --> 00:47:46,356 Ez lehet egy kicsit ijesztő. 1085 00:47:46,356 --> 00:47:47,300 >> EFA: Most mondd meg. 1086 00:47:47,300 --> 00:47:50,132 OKÉ. 1087 00:47:50,132 --> 00:47:51,080 >> COLTON: Rendben. 1088 00:47:51,080 --> 00:47:52,650 Szóval hogy tud mozogni. 1089 00:47:52,650 --> 00:47:52,750 OKÉ. 1090 00:47:52,750 --> 00:47:53,583 Lehet mozogni. 1091 00:47:53,583 --> 00:47:54,300 Tökéletes. 1092 00:47:54,300 --> 00:47:56,470 Tehát, ha lenéznek, van egy térkép. 1093 00:47:56,470 --> 00:47:58,170 Térkép megmutatja, hogy hol van. 1094 00:47:58,170 --> 00:47:59,720 Akkor nézz körül a szobában. 1095 00:47:59,720 --> 00:48:01,440 Akkor teljesen megfordulni. 1096 00:48:01,440 --> 00:48:02,128 Igen, pontosan. 1097 00:48:02,128 --> 00:48:02,627 Fordulj meg. 1098 00:48:02,627 --> 00:48:05,370 1099 00:48:05,370 --> 00:48:07,125 >> Így néz ki a bal oldalon. 1100 00:48:07,125 --> 00:48:09,875 Azt hiszem, van valami, amit vegye fel a hordót a szobában. 1101 00:48:09,875 --> 00:48:11,709 >> EFA: Hogyan jutok el a Térkép az útból? 1102 00:48:11,709 --> 00:48:12,375 COLTON: Nézz fel. 1103 00:48:12,375 --> 00:48:12,980 Csak nézz fel. 1104 00:48:12,980 --> 00:48:13,480 Minden rendben. 1105 00:48:13,480 --> 00:48:13,765 Nesze. 1106 00:48:13,765 --> 00:48:15,181 Most megy előre, és csak megfordul. 1107 00:48:15,181 --> 00:48:21,460 1108 00:48:21,460 --> 00:48:24,620 Így néz távolabb a bal oldalon. 1109 00:48:24,620 --> 00:48:25,530 Mozogj maradt. 1110 00:48:25,530 --> 00:48:26,960 Keresd maradt. 1111 00:48:26,960 --> 00:48:27,541 Ne állj meg. 1112 00:48:27,541 --> 00:48:28,040 Igen. 1113 00:48:28,040 --> 00:48:28,720 >> EFA: Ó, ez így. 1114 00:48:28,720 --> 00:48:29,261 >> COLTON: Igen. 1115 00:48:29,261 --> 00:48:30,999 Séta felé azt a vezérlő. 1116 00:48:30,999 --> 00:48:31,540 Nesze. 1117 00:48:31,540 --> 00:48:32,790 Most meg kell mondani, vedd fel. 1118 00:48:32,790 --> 00:48:33,360 Nesze. 1119 00:48:33,360 --> 00:48:34,290 Felvenni. 1120 00:48:34,290 --> 00:48:35,550 Minden rendben. 1121 00:48:35,550 --> 00:48:38,286 Most pedig nézzük, hogy ki ez a szoba. 1122 00:48:38,286 --> 00:48:42,209 Menj, és gyalog azon az ajtón. 1123 00:48:42,209 --> 00:48:45,000 Szóval fogsz hold-- azt mondja tartja a gombot, hogy erőt nyitva. 1124 00:48:45,000 --> 00:48:46,333 Így megy előre, és tartsuk lenyomva a gombot. 1125 00:48:46,333 --> 00:48:48,250 Ja, arra kényszerítve, nyissa. 1126 00:48:48,250 --> 00:48:48,750 Minden rendben. 1127 00:48:48,750 --> 00:48:49,410 Szép munka. 1128 00:48:49,410 --> 00:48:50,826 Most már kisétált a szobából. 1129 00:48:50,826 --> 00:48:56,970 1130 00:48:56,970 --> 00:49:01,366 Így fogok hagyni a többit fel Önnek és mit kitalálni. 1131 00:49:01,366 --> 00:49:02,865 EFA: Nem megyek a sötét szobában. 1132 00:49:02,865 --> 00:49:07,315 1133 00:49:07,315 --> 00:49:07,815 Ó várj. 1134 00:49:07,815 --> 00:49:09,314 Most mennem kell a sötét folyosón? 1135 00:49:09,314 --> 00:49:10,785 OK, megyek vissza [hallhatatlan]. 1136 00:49:10,785 --> 00:49:15,520 1137 00:49:15,520 --> 00:49:16,270 COLTON: Rendben. 1138 00:49:16,270 --> 00:49:17,560 Még egy kis tételek, hogy vegye fel. 1139 00:49:17,560 --> 00:49:19,370 Úgy néz ki, néhány érme. 1140 00:49:19,370 --> 00:49:22,242 Ez egy lock pick. 1141 00:49:22,242 --> 00:49:24,200 Tehát, ha talál egy lezárt ajtót, akkor használd. 1142 00:49:24,200 --> 00:49:27,755 1143 00:49:27,755 --> 00:49:28,380 Félsz? 1144 00:49:28,380 --> 00:49:29,371 >> EFA: Még nem. 1145 00:49:29,371 --> 00:49:29,871 COLTON: OK. 1146 00:49:29,871 --> 00:49:34,850 1147 00:49:34,850 --> 00:49:35,497 >> Pretend-- igen. 1148 00:49:35,497 --> 00:49:37,330 Csak úgy, mintha te valóban ott áll. 1149 00:49:37,330 --> 00:49:39,580 És ha kikapcsolod around-- neked kell szokni. 1150 00:49:39,580 --> 00:49:40,752 De van értelme. 1151 00:49:40,752 --> 00:49:43,960 DAVID MALAN: És míg Efa továbbra is játszani, hiszen tudtuk ezt egész nap, 1152 00:49:43,960 --> 00:49:45,381 mindannyian lábujjhegyen itt. 1153 00:49:45,381 --> 00:49:48,130 De van két másik pár, Ha azt szeretné, hogy jöjjön fel, és játszani. 1154 00:49:48,130 --> 00:49:49,980 Ellenkező esetben, látni fogjuk, Jövő szerdán. 1155 00:49:49,980 --> 00:49:51,354 Köszönöm, hogy mi önkéntes ma. 1156 00:49:51,354 --> 00:49:52,101 [Taps] 1157 00:49:52,101 --> 00:49:54,506 1158 00:49:54,506 --> 00:49:57,392 >> [ZENE - "Seinfeld téma"] 1159 00:49:57,392 --> 00:49:58,222 1160 00:49:58,222 --> 00:50:00,180 1. Előadó: Nos, én vagyok amivel egy új PL felmászik. 1161 00:50:00,180 --> 00:50:01,800 Most megváltozott a OLPF-- 1162 00:50:01,800 --> 00:50:03,980 >> Hangszóró 2: Tehát mi Pontosan csinálsz? 1163 00:50:03,980 --> 00:50:07,063 >> 1. Előadó: Nos, minden egyes these-- Itt, megmutatom neked ezt itt. 1164 00:50:07,063 --> 00:50:08,690 Láthatjuk, hogy itt van. 1165 00:50:08,690 --> 00:50:09,510 >> Hangszóró 3: Azt hiszem, jó vagyok ezekkel. 1166 00:50:09,510 --> 00:50:09,933 Akarsz még? 1167 00:50:09,933 --> 00:50:11,325 >> Hangszóró 4: Nem, nem vagyok jó. [Hallható]. 1168 00:50:11,325 --> 00:50:12,200 >> Hangszóró 3: Nem, [hallhatatlan]. 1169 00:50:12,200 --> 00:50:12,700 Van néhány. 1170 00:50:12,700 --> 00:50:21,165 1171 00:50:21,165 --> 00:50:22,290 1. Előadó: Különböző színű. 1172 00:50:22,290 --> 00:50:22,890 Hangszóró 2: OK. 1173 00:50:22,890 --> 00:50:26,690 1. Előadó: Így végül mi nem az, hogy szabályozza a színt of--