1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. MALAN: Rendben, így ez itt a Myo kar 3 00:00:41,880 --> 00:00:44,450 sáv, egy pár, amelyhez volna a CS50 végleges projekteket. 4 00:00:44,450 --> 00:00:47,533 És ez volt a demonstráció mi várakozó téged előre, ha lényegében 5 00:00:47,533 --> 00:00:51,120 ez meglehetősen szűk karszalag itt figyeli a izommozgások 6 00:00:51,120 --> 00:00:54,280 hogy ezután leképezve szoftver hogy Colton a laptop itt, amely 7 00:00:54,280 --> 00:00:57,230 volt, az iTunes és a dal már sorban álltak. 8 00:00:57,230 --> 00:01:00,270 Ahelyett, hogy én ezt demoing, Colton volt a laborban 9 00:01:00,270 --> 00:01:04,129 egyértelműen minden héten kapok egy demonstráció készen áll egy bátor önkéntes. 10 00:01:04,129 --> 00:01:07,430 Ha valaki szeretne jönni A up-- látta a kezét először. 11 00:01:07,430 --> 00:01:09,540 Gyere fel. 12 00:01:09,540 --> 00:01:12,530 >> Rendben van. 13 00:01:12,530 --> 00:01:13,886 És mi a neve? 14 00:01:13,886 --> 00:01:14,800 >> KÖZÖNSÉG: Uh, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. MALAN: Maria, örülök, hogy látlak. 16 00:01:16,550 --> 00:01:17,310 Gyere ide. 17 00:01:17,310 --> 00:01:19,550 Hadd mutassam be Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, ez Maria. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Szia, örülök, hogy találkoztunk. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. MALAN: All Rendben, az első lépés, vagyunk 21 00:01:24,330 --> 00:01:26,204 megy, hogy teszel ezt a alkar 22 00:01:26,204 --> 00:01:29,280 úgy, hogy elég szoros up mellett a könyökét. 23 00:01:29,280 --> 00:01:31,940 És közben, vessünk fel a Google Glass 24 00:01:31,940 --> 00:01:33,720 és mi keverjük technológiák ma. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Először is kell majd horog ez a dolog. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. MALAN: OK. 27 00:01:37,170 --> 00:01:39,795 Valójában, hadd tegye a karját, közel ezt a kábelt a lehető 28 00:01:39,795 --> 00:01:41,160 hogy mi lehet először szinkronizálni fel. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Csináljuk ezt. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. MALAN És közben, így hogy mindenki kap egy közelebbi pillantást, 31 00:01:46,500 --> 00:01:50,290 akkor dobd András kamera a képernyőn ott. 32 00:01:50,290 --> 00:01:54,460 Tehát van egy USB-kábel, ami van dugva Maria karszalagot. 33 00:01:54,460 --> 00:02:00,230 És hadd dobd Colton képernyőjén fel a projektoron következő. 34 00:02:00,230 --> 00:02:06,000 >> Így Colton regisztrálja a készülék most egy Myo ehhez kapcsolódó kábelt. 35 00:02:06,000 --> 00:02:08,060 És most mi Mária fog tenni egy pillanatra 36 00:02:08,060 --> 00:02:10,120 ténylegesen séta A kalibrációs lépések 37 00:02:10,120 --> 00:02:12,830 és tanítani a szoftver hogyan reagálnak az izmai 38 00:02:12,830 --> 00:02:16,070 amikor bizonyos előre meghatározott int, hogy a szoftver megért. 39 00:02:16,070 --> 00:02:17,910 Ha azt szeretné, hogy menjen a képernyő előtt. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 OK, próbálkozom. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Menj, mint ez. 43 00:02:31,860 --> 00:02:32,970 És mint azt. 44 00:02:32,970 --> 00:02:34,563 És egészen jobbra. 45 00:02:34,563 --> 00:02:35,922 Menj vissza. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. MALAN: OK. 47 00:02:37,740 --> 00:02:38,960 Más perspektívából. 48 00:02:38,960 --> 00:02:39,620 Ez nem te vagy. 49 00:02:39,620 --> 00:02:40,350 Ez minket. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: OK. 51 00:02:41,749 --> 00:02:42,540 DAVID J. MALAN: Nem. 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Menjünk azt feljebb így közelebb a könyök, vagy még szorosabb. 54 00:02:51,540 --> 00:02:52,680 Rendben van. 55 00:02:52,680 --> 00:02:53,270 >> Itt vagyunk. 56 00:02:53,270 --> 00:02:56,780 Ez lenne egy jó ideje CS52X. 57 00:02:56,780 --> 00:02:57,670 Ott megyünk. 58 00:02:57,670 --> 00:02:58,760 >> Nagyon szép. 59 00:02:58,760 --> 00:03:01,170 OK. 60 00:03:01,170 --> 00:03:02,790 Thumb a Pinky. 61 00:03:02,790 --> 00:03:03,380 >> Nagyon szép. 62 00:03:03,380 --> 00:03:05,140 Spread ujjait. 63 00:03:05,140 --> 00:03:06,240 Jó. 64 00:03:06,240 --> 00:03:06,910 Hullám jobbra. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 Ez furcsán mutat Ön a bal hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Igen, ez furcsa. 68 00:03:19,665 --> 00:03:21,790 DAVID J. MALAN: Wave a jobb és előrelépni. 69 00:03:21,790 --> 00:03:22,998 Ugorjunk hagyja vagy a következő. 70 00:03:22,998 --> 00:03:25,020 Ez OK Hullám jobb. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: Én nem-- várni. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. MALAN: Kell egy kis segítség? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Szóval megy, mint ez. 74 00:03:30,027 --> 00:03:31,860 MARIA: Ez fordult a Más dolog, mégis. 75 00:03:31,860 --> 00:03:32,390 COLTON: ez. 76 00:03:32,390 --> 00:03:34,250 DAVID J. MALAN: Igen, én nem tudom, miért ez megmutatja a leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Miért nem try-- csak próbálja meg megy, mint ez. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. MALAN: Nem? 80 00:03:40,090 --> 00:03:42,580 Lehet, hogy elérje a karját egy kicsit egyenesebb 81 00:03:42,580 --> 00:03:46,070 és tegye azt hirtelen, mint ez. 82 00:03:46,070 --> 00:03:48,176 Ja, OK, gyerünk. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: sajnálom. 84 00:03:49,670 --> 00:03:51,170 DAVID J. MALAN: Ez nem a te hibád. 85 00:03:51,170 --> 00:03:53,018 COLTON: Ez rendben. 86 00:03:53,018 --> 00:03:55,430 DAVID J. MALAN: All Right. 87 00:03:55,430 --> 00:03:56,220 Well-- 88 00:03:56,220 --> 00:03:57,620 >> MARIA: Ha kihagyjuk ezt, akkor? 89 00:03:57,620 --> 00:03:59,620 DAVID J. MALAN: Igen, most segítségével ki a horgot. 90 00:03:59,620 --> 00:04:03,130 Tehát, ha valaki szeretne csinálni egy projekt végső ezzel a vágó él 91 00:04:03,130 --> 00:04:07,707 hardver, észre talán csak hogy egy kicsit szokni kell. 92 00:04:07,707 --> 00:04:10,290 És this-- a valóság ez valójában nagyon vérzés él. 93 00:04:10,290 --> 00:04:12,040 >> Ez az, amit a neve A fejlesztő készlet, amely 94 00:04:12,040 --> 00:04:14,956 célja, hogy az lényegében a kiadás előtti hogy az emberek nem pontosan 95 00:04:14,956 --> 00:04:18,690 this-- harcolni vele, alak meg, hogy az emberek szervek munkájának 96 00:04:18,690 --> 00:04:19,980 a technológia. 97 00:04:19,980 --> 00:04:21,750 Tehát, ha azt szeretnénk, azután, miután előadás, 98 00:04:21,750 --> 00:04:23,750 mi jön, és segítségével újabb stab rajta. 99 00:04:23,750 --> 00:04:26,970 De egyébként, a tapsot, ha tudnánk, Maria az jön fel. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Köszönöm. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. MALAN: Köszönöm. 102 00:04:30,390 --> 00:04:34,945 Majd tarts erre, de meg fogunk tenni you-- mit szólnál egy stressz labdát itt? 103 00:04:34,945 --> 00:04:38,620 Oh, és-- if-- igen, köszönöm. 104 00:04:38,620 --> 00:04:39,715 Rendben van. 105 00:04:39,715 --> 00:04:45,750 Így a kíváncsi, ha volt ismerik a hang választás 106 00:04:45,750 --> 00:04:47,670 hogy mi történt ott korábban, egy csodálatos TV 107 00:04:47,670 --> 00:04:50,210 azt mutatják, hogy teljesen be legyen mértéktelen figyeli Netflix 108 00:04:50,210 --> 00:04:51,110 ez itt. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: Hölgyeim és uraim, Egy bűvész nevű Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. MALAN: És úgy tűnik, ez Egy dolog, hogy szöveget nekem közben előadás most. 112 00:05:08,050 --> 00:05:11,190 Én is hallottam, hogy Maria volt a születésnapja tegnap. 113 00:05:11,190 --> 00:05:14,095 Szóval boldog születésnapot tól CS50 Maria is. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Szóval lehet, hogy olvasott az elmúlt hónapban hogy ez az urak itt, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, aki valójában osztálya 1977-ben a főiskola, 117 00:05:25,260 --> 00:05:27,170 nemrég visszavonult a Microsoft. 118 00:05:27,170 --> 00:05:29,620 Ő volt egyetemista itt, majd pár év múlva 119 00:05:29,620 --> 00:05:31,910 találta magát Stanford Business School 120 00:05:31,910 --> 00:05:34,160 amikor kapott egy telefonhívást hívni egy barátja, aki 121 00:05:34,160 --> 00:05:36,516 élt a folyosón tőle itt a Harvardon. 122 00:05:36,516 --> 00:05:38,640 Ismerőse neve volt Bill Gates, és abban az időben, 123 00:05:38,640 --> 00:05:42,700 akart toborozni, hogy Steve az első vállalkozó, tényleg, 124 00:05:42,700 --> 00:05:45,720 egy kis cég nevét Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> Egy hosszú történet rövid, Steve végül megnyerte, 126 00:05:48,960 --> 00:05:52,130 csatlakozott a Microsoft, amikor volt, mindössze 30 alkalmazottal. 127 00:05:52,130 --> 00:05:54,300 És mire nyugdíjas egészen a közelmúltban, 128 00:05:54,300 --> 00:05:58,100 A vállalat alkalmazottai 100000 Az elmúlt néhány évben. 129 00:05:58,100 --> 00:06:01,171 És így a weboldal néven The Verge készítette el ezt a tribute videó 130 00:06:01,171 --> 00:06:02,920 hogy azt gondoltuk, mi lenne a közös, hogy ad 131 00:06:02,920 --> 00:06:08,380 egyfajta, hogy mennyi energiát Steve hoz bemutatkozó ő ad. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VIDEO LEJÁTSZÁS] 134 00:06:12,550 --> 00:06:16,220 -Microsoft, Mint egy negyedik gyermeke. 135 00:06:16,220 --> 00:06:18,260 A gyerekek nem hagyja el a házat. 136 00:06:18,260 --> 00:06:21,875 Ebben az esetben, azt hiszem Én elhagyja a házat. 137 00:06:21,875 --> 00:06:23,270 Hey Bill, whazzap? 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap? 139 00:06:24,200 --> 00:06:25,320 >> -Hé, Wazzap? 140 00:06:25,320 --> 00:06:28,590 Már kapott óriási lehetőség. 141 00:06:28,590 --> 00:06:30,210 És Bill adta nekünk ezt a lehetőséget. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Szeretnék köszönetet mondani Bill ezért. 144 00:06:36,770 --> 00:06:39,630 Azt akarom, hogy túl. 145 00:06:39,630 --> 00:06:42,500 Az innováció ütemét nem fog lassulni. 146 00:06:42,500 --> 00:06:45,140 >> Ez lesz, hogy gyorsabban és gyorsabban. 147 00:06:45,140 --> 00:06:50,165 Lehet, hogy néhány versenytárs hogy sajnos megszűnt! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Szeretem ezt a céget. 150 00:06:59,564 --> 00:07:00,064 Igen! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Én vagyok a PC, és én szeretem ezt a cég! 153 00:07:08,250 --> 00:07:13,090 >> A fejlesztők, fejlesztők, fejlesztők, fejlesztők, fejlesztők, fejlesztők, 154 00:07:13,090 --> 00:07:14,560 fejlesztők, fejlesztők. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Igen! 157 00:07:18,970 --> 00:07:19,950 Web fejlesztők! 158 00:07:19,950 --> 00:07:21,420 >> Web fejlesztők! 159 00:07:21,420 --> 00:07:22,890 Web fejlesztők! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Hallgassa meg mi mást kap, felár nélkül! 162 00:07:28,770 --> 00:07:31,960 >> Az MS-DOS végrehajtó, egy találkozót naptár, a kártya halom, a jegyzetfüzetet, 163 00:07:31,960 --> 00:07:33,750 Egy óra, egy vezérlő panel. 164 00:07:33,750 --> 00:07:35,461 És tudod ezt hinni? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Burn őket CD-t! 167 00:07:37,270 --> 00:07:38,660 Tegye fel őket az MSN! 168 00:07:38,660 --> 00:07:40,422 Meg mailben a barátainak! 169 00:07:40,422 --> 00:07:41,790 >> Minden egy kattintással! 170 00:07:41,790 --> 00:07:48,670 Egy Microsoft, egy stratégia, egy team-- koncentrált, fegyelmezett, profi, 171 00:07:48,670 --> 00:07:50,610 és szakértői minden, amit teszünk. 172 00:07:50,610 --> 00:07:52,670 Hadd használjam a vonal egy régi film. 173 00:07:52,670 --> 00:07:54,810 >> A kapcsolatok olyanok, mint a cápák. 174 00:07:54,810 --> 00:07:57,480 Mozognak előre, vagy meghal. 175 00:07:57,480 --> 00:08:01,470 Igazából gondolom tech egyforma cég. 176 00:08:01,470 --> 00:08:04,801 >> [END VIDEO LEJÁTSZÁS] 177 00:08:04,801 --> 00:08:08,050 DAVID J. MALAN: Tehát Annyira tetszett, hogy be, hogy Steve is csatlakozik hozzánk 178 00:08:08,050 --> 00:08:13,320 Itt CS50 jövő szerdán a szokásos helyen és időben itt. 179 00:08:13,320 --> 00:08:14,750 Tér valószínűleg korlátozott. 180 00:08:14,750 --> 00:08:19,650 És így, hogy csatlakozzon hozzánk személyesen, kérem fej ma, vagy nem sokkal később 181 00:08:19,650 --> 00:08:22,600 a cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> És követni fogjuk fel Kedd megerősítve foltok. 183 00:08:25,780 --> 00:08:29,900 Várom, hogy, hogy a következő Szerda folyamán előadás CS50. 184 00:08:29,900 --> 00:08:33,706 Most, egyéb hírek, véletlenül találkoznak ezt a The Crimson csak 185 00:08:33,706 --> 00:08:34,289 a minap. 186 00:08:34,289 --> 00:08:37,370 >> Kiderült, hogy az egyik CS50 személyzete és legalább egy, a CS50 diákok 187 00:08:37,370 --> 00:08:40,299 jelenleg fut az UC elnöke és alelnöke, 188 00:08:40,299 --> 00:08:42,950 amely hozta vissza a saját nap vissza 189 00:08:42,950 --> 00:08:45,920 amikor elvesztettem az UC választás szerencsétlenül. 190 00:08:45,920 --> 00:08:48,210 De a vigasz hogy az mindig 191 00:08:48,210 --> 00:08:50,604 elmondani a történetet, hogy a az egyik biztos vagyok benne, 192 00:08:50,604 --> 00:08:52,770 Sok oka Elvesztettem a választás volt a teljes hiánya 193 00:08:52,770 --> 00:08:54,103 A tehetség a nyilvános beszéd. 194 00:08:54,103 --> 00:08:56,950 És őszintén szólva, azt vezetett engem, hogy a tapasztalatok 195 00:08:56,950 --> 00:09:02,235 Azt hiszem, a junior év, hogy valóban aláírja fel Harvard Számítógép-tudományi Társaság, amely 196 00:09:02,235 --> 00:09:04,610 a csoport az egyetemen, hogy a rendelkezik különböző technikai tárgyalások 197 00:09:04,610 --> 00:09:05,318 és egyéb dolgok. 198 00:09:05,318 --> 00:09:08,117 És én vette át a tanítási szemináriumok és ezért 199 00:09:08,117 --> 00:09:09,950 volt lehetőség, a csodálatos lehetőség, 200 00:09:09,950 --> 00:09:12,620 kezdeni dolgozni pontosan ezt. 201 00:09:12,620 --> 00:09:15,000 De, volt egy lehetőség alatt ez az élmény 202 00:09:15,000 --> 00:09:16,930 tanítani magam annál HTML. 203 00:09:16,930 --> 00:09:21,080 És így halogatták tegnap este nézegette a HTML alapú weboldal 204 00:09:21,080 --> 00:09:28,066 Úgy készült, mint a 1997, '98, az én kampány, amely úgy néz ki, mint ez itt. 205 00:09:28,066 --> 00:09:29,920 Tudom. 206 00:09:29,920 --> 00:09:33,340 >> Because-- és persze, értesítés ez a csodálatos kialakítás határozat 1998 207 00:09:33,340 --> 00:09:33,850 vagy miegymás. 208 00:09:33,850 --> 00:09:36,475 Az első dolog, amit akar felhasználók hogy tennünk kell a látogató a honlapon 209 00:09:36,475 --> 00:09:39,860 az, hogy kattintson egy linkre, csak adja meg a honlap itt a szerzetes 210 00:09:39,860 --> 00:09:43,940 mögött, mint egy burkolt függöny ahol nyilvánvalóan a kampány platform volt. 211 00:09:43,940 --> 00:09:46,330 És ez minden, amit kapsz ma csak egy screenshot. 212 00:09:46,330 --> 00:09:49,500 De olvastam át, mint a, a kampány plakátok tegnap este 213 00:09:49,500 --> 00:09:50,490 és a platform. 214 00:09:50,490 --> 00:09:52,960 >> És én annyira dühös az időben. 215 00:09:52,960 --> 00:09:55,380 Saját platform was-- érdekes volt. 216 00:09:55,380 --> 00:09:57,730 Szóval megnyugodott azóta. 217 00:09:57,730 --> 00:10:03,550 De egy nap, én fut újra és remélhetőleg jobb ebben az időben. 218 00:10:03,550 --> 00:10:07,265 >> Szóval HTML, hogy a nyelv az, amit tett hogy in-- hamarosan csinál sok more-- 219 00:10:07,265 --> 00:10:09,140 olyasmi, amit már beszél késő 220 00:10:09,140 --> 00:10:12,460 és nagyrészt Ha igaz, most hogy már továbblépett más nyelveken. 221 00:10:12,460 --> 00:10:15,650 De nézzük szünetet egy pillanatra és fel ezeket a dolgokat a kontextusban. 222 00:10:15,650 --> 00:10:18,040 Tehát egy mondatban, hogy mi az a HTML? 223 00:10:18,040 --> 00:10:19,370 >> Vagy milyen betegségek esetén alkalmazható? 224 00:10:19,370 --> 00:10:20,208 Valaki? 225 00:10:20,208 --> 00:10:20,708 Igen. 226 00:10:20,708 --> 00:10:22,002 >> KÖZÖNSÉG: Markup honlapok. 227 00:10:22,002 --> 00:10:23,460 DAVID J. MALAN: Markup honlap. 228 00:10:23,460 --> 00:10:27,100 Tehát ez egy leíró nyelv, amely segítségével felépíteni egy weboldalt. 229 00:10:27,100 --> 00:10:30,040 Header megy itt, cím megy itt, test megy itt. 230 00:10:30,040 --> 00:10:33,280 Ez félkövér, ez italics-- az efféle részletek. 231 00:10:33,280 --> 00:10:33,830 >> OK, jó. 232 00:10:33,830 --> 00:10:37,620 Így CSS segítségével you-- és én vett néhány szabadságjogok ott 233 00:10:37,620 --> 00:10:40,990 A merész néző dőlt, mert ami jobb megvalósított ezzel. 234 00:10:40,990 --> 00:10:42,096 CSS ez-- mi? 235 00:10:42,096 --> 00:10:42,845 Mondjuk egy mondatban. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Bárki egyáltalán. 238 00:10:46,720 --> 00:10:46,870 Igen. 239 00:10:46,870 --> 00:10:49,286 >> KÖZÖNSÉG: Díszítmények és dolog, mint hogy hogyan tervezzük meg. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. MALAN: OK, jó. 242 00:10:52,810 --> 00:10:55,420 Díszítmények, amelyek lehetővé teszik a tervezés, vagy azt stilizálhatja 243 00:10:55,420 --> 00:10:59,540 A dolgok, mint a félkövér és dőlt és a színek és több finom 244 00:10:59,540 --> 00:11:01,330 szemű elhelyezése elemekkel. 245 00:11:01,330 --> 00:11:04,520 Ez a fajta lehetővé teszi, hogy a dolgokat a utolsó mérföld hogy ha, például, 246 00:11:04,520 --> 00:11:08,130 A Pset7, lehet, hogy észrevette a portfólió oldal, ha ezen a ponton 247 00:11:08,130 --> 00:11:12,270 már, hogy az alapértelmezett tábla, amit hogy megmutatni a felhasználó árukészlet 248 00:11:12,270 --> 00:11:15,740 és készpénz valószínűleg néz förtelmes alapértelmezésben nem fehér térben. 249 00:11:15,740 --> 00:11:18,420 Minden a fajta összezsúfolva együtt a sorok és oszlopok. 250 00:11:18,420 --> 00:11:20,662 >> Nos, egy kis CSS, mivel lehet megvalósítani, 251 00:11:20,662 --> 00:11:23,870 akkor valóban csípés, hogy, és ez valami sokkal jobban ismerik, és még sok 252 00:11:23,870 --> 00:11:24,870 szebb nézni. 253 00:11:24,870 --> 00:11:27,730 Tehát CSS szól stilizálás honlapok. 254 00:11:27,730 --> 00:11:31,970 De akkor mi vezetett újabb nyelv, PHP, amely lehetővé teszi számunkra, mit csináljon? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Nézzük csak mit csináljon? 257 00:11:37,590 --> 00:11:38,177 Bárki. 258 00:11:38,177 --> 00:11:40,010 Van, hogy a kockázati túl az első pár sort. 259 00:11:40,010 --> 00:11:40,260 Igen. 260 00:11:40,260 --> 00:11:41,719 >> KÖZÖNSÉG: generálása dinamikus tartalom. 261 00:11:41,719 --> 00:11:42,718 DAVID J. MALAN: Tökéletes. 262 00:11:42,718 --> 00:11:43,850 Létrehoz dinamikus tartalom. 263 00:11:43,850 --> 00:11:45,808 És meg tudod csinálni ezt tetszőleges számú nyelven. 264 00:11:45,808 --> 00:11:50,120 Mi történik a PHP, mert részben így hasonlít a C szintaxis. 265 00:11:50,120 --> 00:11:52,000 >> De a PHP pontosan így működik. 266 00:11:52,000 --> 00:11:54,620 Ez lehetővé teszi, hogy dinamikusan a kimenet. 267 00:11:54,620 --> 00:11:57,890 És bizonyos, hogy a kibocsátás lehet HTML, ahogy már jellemzően csinál. 268 00:11:57,890 --> 00:12:00,160 És azt is, mert egy programozási nyelv, 269 00:12:00,160 --> 00:12:03,240 A mechanizmus, amelyen keresztül beszélhetünk adatbázisokhoz. 270 00:12:03,240 --> 00:12:05,730 >> És tudjuk, hogy a lekérdezések más szerverek mint Yahoos 271 00:12:05,730 --> 00:12:08,660 és programból semmit Tényleg, hogy lehet, hogy másképp 272 00:12:08,660 --> 00:12:10,400 szeretnénk, hogy kényszerítse a számítógép nem. 273 00:12:10,400 --> 00:12:13,580 Így PHP lehetővé teszi számunkra indul dinamikusan kimenetre tartalom. 274 00:12:13,580 --> 00:12:16,900 Tehát ez a logika, nem volt Dinamikus weboldal vissza 1998-ban. 275 00:12:16,900 --> 00:12:18,460 >> Ez csak egy statikus weboldal. 276 00:12:18,460 --> 00:12:22,250 A tartalmi kellett változtatni kézzel gedit, vagy valami hasonló. 277 00:12:22,250 --> 00:12:25,290 De a PHP, amit használnak, vagy használhatta volna, inkább, 278 00:12:25,290 --> 00:12:27,260 valami hasonló a Frosh PM weboldal, amely 279 00:12:27,260 --> 00:12:31,160 kellett volna, hogy regisztrációk és kezelheti a users-- dolog, hogy 280 00:12:31,160 --> 00:12:33,550 valóban változik át idő, még akkor is megtörténhet 281 00:12:33,550 --> 00:12:35,990 Perl, a másik nyelv abban az időben. 282 00:12:35,990 --> 00:12:40,350 >> És akkor végül, mi vezetett SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Tehát még egy másik nyelvet hogy használják, mi? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Használt milyen? 286 00:12:47,639 --> 00:12:49,430 Tudunk vállalat slight-- OK, nem megyünk 287 00:12:49,430 --> 00:12:51,263 hogy sokkal messzebb mint a zenekar itt. 288 00:12:51,263 --> 00:12:53,432 KÖZÖNSÉG: Ez egy protokoll használt beszélni adatbázisokhoz. 289 00:12:53,432 --> 00:12:55,640 DAVID J. MALAN: A protokoll használt beszélni adatbázisokhoz. 290 00:12:55,640 --> 00:12:56,181 Hadd csípés. 291 00:12:56,181 --> 00:12:59,280 Ez egy természetes nyelv használható beszélni databases-- választja 292 00:12:59,280 --> 00:13:01,280 és beszúrások és törlések és a frissítéseket és a ténylegesen 293 00:13:01,280 --> 00:13:03,840 még több funkciót, hogy mi még nem is merült 294 00:13:03,840 --> 00:13:07,920 be, de érdemes, hogy explore-- hogy vizsgálja meg, mondjuk, a végleges projekt. 295 00:13:07,920 --> 00:13:09,560 Tehát vannak a különböző darabok. 296 00:13:09,560 --> 00:13:13,100 >> És remélhetőleg Pset7, bár az előírás meglehetősen hosszú, 297 00:13:13,100 --> 00:13:15,990 ez szándékosan sokáig járni, keresztül, hogy ezek a dolgok mind 298 00:13:15,990 --> 00:13:17,210 tipizálni együtt. 299 00:13:17,210 --> 00:13:20,300 Most hétfőn, mi bevezette az utolsó nyelv 300 00:13:20,300 --> 00:13:23,430 hogy mi lesz hivatalosan bevezetik a A course-- vagyis JavaScript. 301 00:13:23,430 --> 00:13:25,720 Ez, mint a PHP, egy értelmezett nyelv. 302 00:13:25,720 --> 00:13:28,110 >> De a fő különbség Javasoltam hétfőn 303 00:13:28,110 --> 00:13:32,730 az, hogy míg a PHP fut, vagy megmagyarázva a szerveren, ami 304 00:13:32,730 --> 00:13:35,990 ebben az esetben a készülék CS50, vagy lehet, hogy egyes kereskedelmi web 305 00:13:35,990 --> 00:13:39,370 szerver az interneten, JavaScript általában 306 00:13:39,370 --> 00:13:43,650 egy olyan nyelv, amely fut a kliens oldali nem szerver side-- így a böngészőben. 307 00:13:43,650 --> 00:13:46,970 Ami azt jelenti, mint amikor kinyitottam up Facebook forráskód és találta meg 308 00:13:46,970 --> 00:13:51,510 e Js fájlokat, az kihatással volt hogy amikor meglátogatja a Facebook vagy a legtöbb 309 00:13:51,510 --> 00:13:54,810 weboldalak ezekben a napokban, akkor kap nem csak a HTML, CSS nem csak, 310 00:13:54,810 --> 00:13:59,370 de egy csomó JavaScript kód gyakran formájában Js fájlokat. 311 00:13:59,370 --> 00:14:03,970 És akkor ez a browser-- saját Mac vagy PC-- amely végrehajtja a kódot. 312 00:14:03,970 --> 00:14:05,990 >> De a böngésző végrehajtja. 313 00:14:05,990 --> 00:14:08,070 Azt hiszem az a fajta a homokozóban. 314 00:14:08,070 --> 00:14:12,420 Annak érdekében, hogy a JavaScript kód ne legyen tudja törölni a fájlokat a számítógépen. 315 00:14:12,420 --> 00:14:14,730 Meg nem képes küldjön e-mailt az Ön nevében. 316 00:14:14,730 --> 00:14:17,760 Az Ön böngészője fajta korlátozza mit lehet csinálni vele. 317 00:14:17,760 --> 00:14:20,630 >> Tehát ebben az értelemben, ez egy kicsit kisebb teljesítményű, talán, mint C. 318 00:14:20,630 --> 00:14:24,030 De JavaScript is, mint egy félre, lehet használni a szerveren, 319 00:14:24,030 --> 00:14:27,740 bár mi inkább nem beszélni erről ebben az összefüggésben. 320 00:14:27,740 --> 00:14:29,740 Tehát most nézzük ezeket köti össze. 321 00:14:29,740 --> 00:14:34,000 Egy héttel ezelőtt, valamint bemutattuk néhány HTML A left-- szuper unalmas weboldalt. 322 00:14:34,000 --> 00:14:35,000 >> Csak azt mondja, hello world. 323 00:14:35,000 --> 00:14:38,110 És akkor én javaslatot a jobb tudunk típusú lopni ötletek 324 00:14:38,110 --> 00:14:41,470 a mi vita adatszerkezetek C 325 00:14:41,470 --> 00:14:45,270 és arra gondolok, hogy ez a hierarchikus jelölőnyelv, a bal oldalon 326 00:14:45,270 --> 00:14:49,720 lehet levonni, illetve végrehajtani a memóriában mint tényleges fa struktúra csomópontok 327 00:14:49,720 --> 00:14:51,400 és mutatók, valamint az ilyen jellegű adatokat. 328 00:14:51,400 --> 00:14:53,820 A jobb oldalon, nevezzük hogy a dokumentum DOM-- 329 00:14:53,820 --> 00:14:56,800 Objektum Model-- ami csak divatos szóval fa. 330 00:14:56,800 --> 00:14:59,520 >> Most, hogy ez miért hasznos gondolom ezt így? 331 00:14:59,520 --> 00:15:01,680 Mert most JavaScript, mert van 332 00:15:01,680 --> 00:15:05,810 kód lesz játszani ebben környezet, a tényleges HTML, ami 333 00:15:05,810 --> 00:15:08,360 küldték meg a böngésző már, és már 334 00:15:08,360 --> 00:15:12,690 betöltve a memóriába a böngésző egy fa a számítógép 335 00:15:12,690 --> 00:15:18,270 RAM, mint ez, tudjuk használni JavaScript hogy valóban áthalad, vagy gyalog, vagy keresés 336 00:15:18,270 --> 00:15:21,800 vagy változtatni DOM fa viszont szeretnénk. 337 00:15:21,800 --> 00:15:24,040 Így valójában, ha úgy gondolja, körülbelül facebook.com, 338 00:15:24,040 --> 00:15:27,660 ha használja a chat funkciót, ha használat Gmail és a gchat funkciót, 339 00:15:27,660 --> 00:15:30,540 bármi, ahol van üzenetek jönnek újra és újra 340 00:15:30,540 --> 00:15:35,880 és újra, ezeket az üzeneteket talán, mint, LI tag, List Item címkéket, talán. 341 00:15:35,880 --> 00:15:37,940 >> Vagy talán ők csak divs hogy folyamatosan jelennek meg 342 00:15:37,940 --> 00:15:39,770 minden alkalommal, amikor egy azonnali üzenetet. 343 00:15:39,770 --> 00:15:42,960 És ez csak azt jelenti, amit Facebook vagy a Google csinál 344 00:15:42,960 --> 00:15:45,200 A minden alkalommal, amikor egy üzenetet a szerver, 345 00:15:45,200 --> 00:15:48,740 ezek valószínűleg a JavaScript hogy csak egy újabb csomópontot 346 00:15:48,740 --> 00:15:52,700 e tree-- másik csomópont erre fa, akkor vizuálisan csak úgy néz ki 347 00:15:52,700 --> 00:15:54,570 mint egy új sort a szöveget a képernyőn. 348 00:15:54,570 --> 00:15:57,100 De ők behelyezése ebbe adatszerkezet. 349 00:15:57,100 --> 00:15:59,742 >> Így osztályok, mint a CS124 és mások, akkor 350 00:15:59,742 --> 00:16:02,200 valójában írni több kód ellen adatszerkezetek, mint ez. 351 00:16:02,200 --> 00:16:04,310 De most a JavaScript, mi csak feltételezzük, 352 00:16:04,310 --> 00:16:07,920 megkapjuk az összes ezt a funkciót ingyenesen a nyelv maga. 353 00:16:07,920 --> 00:16:09,210 Szóval nézzük meg egy példát. 354 00:16:09,210 --> 00:16:13,120 >> Hadd nyit nevű fájlt form.html. 355 00:16:13,120 --> 00:16:14,601 Ez szuper egyszerű. 356 00:16:14,601 --> 00:16:15,600 Csak úgy néz ki, mint ez. 357 00:16:15,600 --> 00:16:17,860 >> Nem CSS, nem gondoltam, hogy az esztétika. 358 00:16:17,860 --> 00:16:19,810 Ez tisztán funkcionális és nyilvánvalóan én vagyok 359 00:16:19,810 --> 00:16:24,000 kér egy e-mail, jelszó, jelszó újra, majd egy csekket 360 00:16:24,000 --> 00:16:26,150 hogy elfogadja bizonyos feltételek mellett. 361 00:16:26,150 --> 00:16:28,740 Mi a forráskód erre úgy néz ki, mint talán valami 362 00:16:28,740 --> 00:16:31,030 sejteni lehet a kis gondolkodás most. 363 00:16:31,030 --> 00:16:32,840 Van egy form tag itt. 364 00:16:32,840 --> 00:16:36,190 >> Az intézkedés látszólag fog menj nevű fájl register.php. 365 00:16:36,190 --> 00:16:37,870 A módszer fogom használni, hogy kap. 366 00:16:37,870 --> 00:16:40,880 Aztán kaptam egy szöveges mező akinek a neve az e-mail. 367 00:16:40,880 --> 00:16:43,340 >> Van egy jelszó mező akinek a neve a jelszót. 368 00:16:43,340 --> 00:16:45,420 Van egy másik jelszó mező, akinek a neve 369 00:16:45,420 --> 00:16:47,342 némileg önkényesen megerősítés. 370 00:16:47,342 --> 00:16:49,690 Ez csak egy HTTP paraméter. 371 00:16:49,690 --> 00:16:54,430 >> És akkor most már nem használják ezeket, kivéve mivel a Frosh PM demo class-- 372 00:16:54,430 --> 00:16:56,692 egy jelölőnégyzetet, amely Csak típusú egyenlő ellenőrzés. 373 00:16:56,692 --> 00:16:57,900 És Hívom a megállapodást. 374 00:16:57,900 --> 00:17:00,700 Szóval ilyen önkényesen, hanem kényelmesen nevű ezeken a területeken. 375 00:17:00,700 --> 00:17:03,450 Ahhoz, hogy most, amikor ebben a formában lesz be, lássuk, mi történik. 376 00:17:03,450 --> 00:17:07,290 Ha én malan@harvard.edu, Fogok csinálni egy jelszót bíbor. 377 00:17:07,290 --> 00:17:09,530 Fogok csinálni egy jelszót sem. 378 00:17:09,530 --> 00:17:10,910 Ne együtt. 379 00:17:10,910 --> 00:17:12,280 >> És nem fogom ellenőrizni a dobozt. 380 00:17:12,280 --> 00:17:13,940 Hadd kattintson a Register. 381 00:17:13,940 --> 00:17:15,420 És azt mondja, hm, te regisztrált. 382 00:17:15,420 --> 00:17:16,069 Nem igazán. 383 00:17:16,069 --> 00:17:17,450 >> De az URL megváltozott. 384 00:17:17,450 --> 00:17:22,280 Így ebben a formában egyértelműen megengedett hogy nyújtson be register.php. 385 00:17:22,280 --> 00:17:25,160 De feltehetően, azt kell ami egyes ezeket a hibákat. 386 00:17:25,160 --> 00:17:27,569 Most, Pset7 és néhány mi előadás példák 387 00:17:27,569 --> 00:17:30,130 mi lenne általában kinyomtatni egy nagy piros hibaüzenetet itt 388 00:17:30,130 --> 00:17:33,760 mondván, hiányzó nevét, vagy hiányzó jelszó. 389 00:17:33,760 --> 00:17:37,680 Tettünk előtt és voltunk done szerver oldali hiba észlelése. 390 00:17:37,680 --> 00:17:41,580 >> De sok honlapok manapság do kliens oldali hiba észlelése 391 00:17:41,580 --> 00:17:42,810 ahol az URL nem változik. 392 00:17:42,810 --> 00:17:44,101 Az egész oldal nem frissül. 393 00:17:44,101 --> 00:17:46,940 Ön azonnali visszajelzést a böngésző. 394 00:17:46,940 --> 00:17:48,070 Lehet, hogy valami nem piros. 395 00:17:48,070 --> 00:17:49,190 >> Lehet, hogy kap egy pop up. 396 00:17:49,190 --> 00:17:53,240 De nem vesztegeti az idejét, hogy küld a szerver adatait, ami hiányos. 397 00:17:53,240 --> 00:17:56,050 Nézzük, hogyan lehet elérni, hogy a funkció is. 398 00:17:56,050 --> 00:17:59,660 >> Hadd menjen form1.html, amely ugyanúgy néz ki. 399 00:17:59,660 --> 00:18:03,530 De ha most én malan@harvard.edu és én írja karmazsinvörös 400 00:18:03,530 --> 00:18:07,350 és én nem működnek együtt tovább de kattintson a Register, észre most. 401 00:18:07,350 --> 00:18:08,940 Ez nem a legszexisebb megoldás. 402 00:18:08,940 --> 00:18:10,900 Én legalábbis elkapta ezt a hibát. 403 00:18:10,900 --> 00:18:12,900 És én is használtam a riasztást funkció JavaScript-- 404 00:18:12,900 --> 00:18:14,090 amelyet mi csak használ az osztályban. 405 00:18:14,090 --> 00:18:16,430 Általában akkor ne használja ezt a mert nagyon gyorsan kijutni 406 00:18:16,430 --> 00:18:17,160 az ellenőrzés. 407 00:18:17,160 --> 00:18:19,180 De két jelszó nem egyezik a hiba. 408 00:18:19,180 --> 00:18:21,120 >> Hadd menjek előre, és kattintson az OK gombra. 409 00:18:21,120 --> 00:18:25,040 De mi a legfontosabb elvihető itt az, hogy az URL nem változott. 410 00:18:25,040 --> 00:18:27,960 Szóval nem zavar pazarlás a szerver idő kérve 411 00:18:27,960 --> 00:18:30,750 a kérdés, hogy tudtam volna kitalálta a választ magamnak. 412 00:18:30,750 --> 00:18:33,210 >> És a felhasználó számára, annak ellenére, beszélt erről 413 00:18:33,210 --> 00:18:35,264 hosszabb, mint a felhasználó fog gondolni erről, 414 00:18:35,264 --> 00:18:36,680 megy, hogy azonnali visszajelzést. 415 00:18:36,680 --> 00:18:39,044 Nincs várakozási idő a a hálózati kapcsolat. 416 00:18:39,044 --> 00:18:40,460 Szóval nézzük meg ezt a forráskódot. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html néz szerkezetileg hasonló itt. 418 00:18:45,600 --> 00:18:46,810 A forma valójában ugyanaz. 419 00:18:46,810 --> 00:18:48,330 De lássuk, mit tettem ide. 420 00:18:48,330 --> 00:18:49,913 És van különböző módon erre. 421 00:18:49,913 --> 00:18:53,690 És én csináltam a legtöbb egyenes követőelem de nem legelegánsabb módja még. 422 00:18:53,690 --> 00:18:54,869 Van egy script tag. 423 00:18:54,869 --> 00:18:57,035 Én majd hívja document.getElementById ("bejegyzés). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 És tárolja ezt az értéket formájában, a változó. 426 00:19:04,420 --> 00:19:05,520 >> Szóval, mit tettem? 427 00:19:05,520 --> 00:19:08,960 Ön szerint az document.getElementById mint 428 00:19:08,960 --> 00:19:11,200 egy speciális funkciót, amely JavaScript ad 429 00:19:11,200 --> 00:19:14,400 hogy a szó szoros értelmében a lapokkal mutatót egyik csomópont 430 00:19:14,400 --> 00:19:16,520 vagy téglalap a fán. 431 00:19:16,520 --> 00:19:21,470 Most, hogy az, amit a forma változó A JavaScript valójában mutat. 432 00:19:21,470 --> 00:19:25,120 >> Tehát most a szintaxis eltér C. De csinálunk egy pár dolgot itt. 433 00:19:25,120 --> 00:19:30,360 Egy, ez egy kicsit furcsa látszó, biztosan versus C. 434 00:19:30,360 --> 00:19:32,180 De nézd meg a 35 sort. 435 00:19:32,180 --> 00:19:35,130 Így a bal oldalon form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Emlékezzünk vissza, hogy az onsubmit mint egy mezőt a struktúra. 437 00:19:38,060 --> 00:19:41,480 Ha úgy gondolja, az űrlap változó csak hogy egy C struct, 438 00:19:41,480 --> 00:19:42,600 akkor lehet, hogy bizonyos területeken. 439 00:19:42,600 --> 00:19:46,410 >> Vissza a nap, mi volt a diákok nevét, Azonosítók, házak, azok milyen területeken. 440 00:19:46,410 --> 00:19:48,520 Gondoljunk csak onsubmit mint más területen. 441 00:19:48,520 --> 00:19:53,380 De ez egy különleges terület, mert a böngésző beprogramozva számíthat 442 00:19:53,380 --> 00:19:57,530 .onsubmit, hogy nem lehet egy értéket mint egy szám vagy szöveg, 443 00:19:57,530 --> 00:20:01,180 de valójában egy függvény vagy a cím egy függvény 444 00:20:01,180 --> 00:20:02,570 a számítógép memóriájában. 445 00:20:02,570 --> 00:20:04,740 >> És valóban, ez az, ami ez a kulcsszó itt nem. 446 00:20:04,740 --> 00:20:06,710 Ez azt mondja, ad nekem egy új funkció. 447 00:20:06,710 --> 00:20:09,390 De mi a neve lesz, látszólag? 448 00:20:09,390 --> 00:20:10,800 >> Visszagondolva a hétfő. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Mi a neve ennek a függvény ezen szintaxis? 451 00:20:17,170 --> 00:20:19,784 Nem, úgy értem, ott egyértelműen nincs neve associated-- biztosan 452 00:20:19,784 --> 00:20:21,200 nem azt, amit emeltük ki. 453 00:20:21,200 --> 00:20:22,560 >> De ez valójában az OK gombra. 454 00:20:22,560 --> 00:20:25,840 Ez egy névtelen függvény, vagy a lambda funkció, mint egyesek nevezik. 455 00:20:25,840 --> 00:20:27,589 És ez csak azt jelenti, ez még mindig egy függvény. 456 00:20:27,589 --> 00:20:29,400 Csak, akkor nem nevezném név szerint. 457 00:20:29,400 --> 00:20:30,057 De ez rendben van. 458 00:20:30,057 --> 00:20:33,140 Mert újra, a böngésző már által programozott cégek, mint a Google 459 00:20:33,140 --> 00:20:38,540 vagy a Microsoft vagy a Mozilla vagy másokat csak tudom, hogy ha a .onsubmit mező 460 00:20:38,540 --> 00:20:43,400 belsejében egy űrlap elem a érték, kezelni, mint egy function-- 461 00:20:43,400 --> 00:20:44,750 a függvény mutató, ha úgy tetszik. 462 00:20:44,750 --> 00:20:46,910 És hívják, amikor az űrlap elküldésekor. 463 00:20:46,910 --> 00:20:50,350 >> Szóval, milyen kódot kell végrehajtani ha az űrlap elküldése? 464 00:20:50,350 --> 00:20:52,526 Úgy tűnik, minden belül a zárójel. 465 00:20:52,526 --> 00:20:53,650 És ez csak stilisztikai. 466 00:20:53,650 --> 00:20:55,626 >> Te is ezt, mint hajlamosak vagyunk itt CS50. 467 00:20:55,626 --> 00:20:58,250 De a JavaScript, a legtöbb ember hajlamosak tartani ugyanabban a sorban 468 00:20:58,250 --> 00:21:01,960 csak azért, mert még nyilván társított kulcsszó funkcióval. 469 00:21:01,960 --> 00:21:03,240 Szóval, most mit csinálok? 470 00:21:03,240 --> 00:21:08,616 >> Ha form.email.value egyenlő az egyenlők üres string vagy semmit, itt van 471 00:21:08,616 --> 00:21:11,490 figyelmeztető hol fogok mondani, meg kell adnia e-mail címét, 472 00:21:11,490 --> 00:21:12,690 majd vissza hamis. 473 00:21:12,690 --> 00:21:15,720 És ez az a visszatérés a hamis, hogy megakadályozza, hogy az űrlap benyújtani. 474 00:21:15,720 --> 00:21:19,480 Közben, ha a jelszó értéke üres, fogok kiabálni a felhasználó 475 00:21:19,480 --> 00:21:21,150 és azt mondja, meg kell adnia egy jelszót. 476 00:21:21,150 --> 00:21:23,700 >> Közben a dolgok egyre egy kicsit cifrább itt. 477 00:21:23,700 --> 00:21:29,160 Ha form.password.value nem egyenlő form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 a többi területen, kiabálni a felhasználót, hogy a jelszavak 479 00:21:31,680 --> 00:21:33,860 nem egyeznek, mivel nem egy pillanattal ezelőtt. 480 00:21:33,860 --> 00:21:35,780 És akkor ez az ember egy kis szexisebb mert 481 00:21:35,780 --> 00:21:40,470 tudom, hogy tudtam, hogy fogalmilag ellenőrzik a jelölőnégyzetet nevét. 482 00:21:40,470 --> 00:21:45,680 >> Szóval csak használni egy felkiáltójel pont szerint, ha az ellenőrzés nem 483 00:21:45,680 --> 00:21:48,040 checked-- ez a logikai érték, igaz vagy false-- 484 00:21:48,040 --> 00:21:49,700 Majd kiabálni a felhasználót ezért. 485 00:21:49,700 --> 00:21:52,300 Ellenkező esetben, ha átjutunk mindezek a feltételek, 486 00:21:52,300 --> 00:21:53,270 nézzük csak vissza igaz. 487 00:21:53,270 --> 00:21:54,700 Hagyja, hogy a forma kell benyújtani. 488 00:21:54,700 --> 00:21:56,560 És ez akkor történik. 489 00:21:56,560 --> 00:21:57,740 >> Nézzük írja be a vörös. 490 00:21:57,740 --> 00:22:00,230 Nézzük a mezőben kattintson Register. 491 00:22:00,230 --> 00:22:01,979 És most megyek át a célállomás. 492 00:22:01,979 --> 00:22:03,270 Nos, nincs ott tárol. 493 00:22:03,270 --> 00:22:05,370 Nincs semmi érdekes A register.php. 494 00:22:05,370 --> 00:22:07,980 Csak kellett valami hogy valóban beszélni. 495 00:22:07,980 --> 00:22:09,140 Hadd szünet, itt. 496 00:22:09,140 --> 00:22:16,270 Minden kérdésre, amit már most kész vagy, amit néhány új szintaxis? 497 00:22:16,270 --> 00:22:17,640 OK, igen? 498 00:22:17,640 --> 00:22:20,025 >> KÖZÖNSÉG: Tehát bármilyen jelölőnégyzetet automatikusan egy logikai. 499 00:22:20,025 --> 00:22:21,650 Nem kell bejelenteni azt, mint ezt. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. MALAN: Helyes. 501 00:22:22,649 --> 00:22:29,340 Minden négyzetet, ami küldött nektek HTML űrlapot a JavaScript kódot 502 00:22:29,340 --> 00:22:31,760 lesz kezelve, igen, mint a Logikai value-- igaz vagy hamis. 503 00:22:31,760 --> 00:22:32,635 Ez egy jó kérdés. 504 00:22:32,635 --> 00:22:36,080 Míg a többi értéket, a Persze, már a szöveg, AKA szálakat. 505 00:22:36,080 --> 00:22:38,500 >> Rendben, hadd visszatekerés egy kicsit tovább. 506 00:22:38,500 --> 00:22:39,900 Mi volt a lényege ennek? 507 00:22:39,900 --> 00:22:41,400 Csak hogy világos legyen. 508 00:22:41,400 --> 00:22:44,940 Mint már tudjuk, még a Pset7 és még a múlt heti előadás 509 00:22:44,940 --> 00:22:51,120 példa, hogy nyilvánvalóan ellenőrizni $ _GET $ _POST, Hogy ha a felhasználó ad nekünk 510 00:22:51,120 --> 00:22:52,200 egy üres értéket. 511 00:22:52,200 --> 00:22:54,400 Ne feledje, az üres függvény a PHP. 512 00:22:54,400 --> 00:22:58,040 >> Szóval, csak hogy tisztázzuk, mi egyik oka annak, hogy esetleg a 513 00:22:58,040 --> 00:23:00,535 akarom ezt a hibát ellenőrzés belül a böngésző? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Mi a motiváció itt? 516 00:23:06,080 --> 00:23:06,580 Igen. 517 00:23:06,580 --> 00:23:09,735 >> KÖZÖNSÉG: Gyorsabb, és akkor nem küld haszontalan adatokat a szerverre. 518 00:23:09,735 --> 00:23:10,610 DAVID J. MALAN: Jó. 519 00:23:10,610 --> 00:23:11,170 Ez gyorsabb. 520 00:23:11,170 --> 00:23:12,920 Nem küld haszontalan az adatokat a szerverre. 521 00:23:12,920 --> 00:23:14,670 >> Szóval vissza a több azonnali válasz. 522 00:23:14,670 --> 00:23:16,560 És az általános, a felhasználó tapasztalat jobb. 523 00:23:16,560 --> 00:23:17,900 Gondolj az alternatíva. 524 00:23:17,900 --> 00:23:21,160 >> Ha Gmail-- volt Az eset sok évvel ezelőtt. 525 00:23:21,160 --> 00:23:24,160 Tegyük fel, hogy van egy új e-mailt a Gmail számla, de az egyetlen utat 526 00:23:24,160 --> 00:23:26,510 látni, hogy az, hogy, mint, újratölti az egész oldalt. 527 00:23:26,510 --> 00:23:29,030 Vagy tegyük fel kattint link olvasni egy e-mailt. 528 00:23:29,030 --> 00:23:31,600 >> Mindennek reload így hogy lássuk az e-mail. 529 00:23:31,600 --> 00:23:33,380 Vagy Facebook-- kapsz egy chat-üzenetet. 530 00:23:33,380 --> 00:23:36,000 Nem lát, amíg meg reload Az oldal, vagy kattintson bizonyos kapcsolat. 531 00:23:36,000 --> 00:23:38,380 >> Mint ez lenne rettenetesen bosszantó felhasználói élményt. 532 00:23:38,380 --> 00:23:41,300 És ez az, ami olyan volt, mint, világosan, vissza, amikor én futottam UC 533 00:23:41,300 --> 00:23:44,760 és az interneten sokkal kevésbé volt dinamikus és JavaScript nem volt olyan népszerűvé 534 00:23:44,760 --> 00:23:45,601 mint most. 535 00:23:45,601 --> 00:23:47,850 És a dolgok egyre sok dinamikusabb és még sok más 536 00:23:47,850 --> 00:23:49,900 kliens oldali ebben az értelemben. 537 00:23:49,900 --> 00:23:54,370 >> De van egy fogás itt, és ez a fajta egy bosszantó vigyáz rád. 538 00:23:54,370 --> 00:23:58,720 Csak azért, mert hozzá kliens oldali detektálás, mint ez nem jelenti azt, 539 00:23:58,720 --> 00:24:01,430 akkor vagy fel kell adnunk szerver oldali detektálás. 540 00:24:01,430 --> 00:24:04,080 Azt szeretnénk, hogy lényegében a hiba ellenőrzése mindkét helyen. 541 00:24:04,080 --> 00:24:05,830 Mert mi volt az egyik A tanulság 542 00:24:05,830 --> 00:24:10,270 A cikket olvastam néhány részletét származó ezzel a hülye CMS system-- 543 00:24:10,270 --> 00:24:14,410 Content Management System-- volt végrehajtásában hitelesítési rendszer, 544 00:24:14,410 --> 00:24:16,790 a login via milyen mechanizmus? 545 00:24:16,790 --> 00:24:19,515 546 00:24:19,515 --> 00:24:20,469 JavaScript. 547 00:24:20,469 --> 00:24:21,499 >> KÖZÖNSÉG: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. MALAN: JavaScript, pontosan, igaz? 549 00:24:23,290 --> 00:24:24,610 Ezt a JavaScript. 550 00:24:24,610 --> 00:24:27,120 És a szó szoros értelmében, a srácok játszott egy kicsit talán 551 00:24:27,120 --> 00:24:28,700 A Chrome Inspector. 552 00:24:28,700 --> 00:24:30,890 És ha megtalálja, ellenőrizze elem. 553 00:24:30,890 --> 00:24:33,670 >> Hadd menjek át, hogy nem összes Chrome lehetőségeket. 554 00:24:33,670 --> 00:24:37,080 És ez mennyire könnyű az, hogy letiltása JavaScript a böngészőben. 555 00:24:37,080 --> 00:24:38,950 Ellenőrizze, nincs több JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Így a méltányosság, a sok A web ezekben a napokban 557 00:24:41,070 --> 00:24:43,430 csak fog törni, mert Gmail és más sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- feltételezik, hogy JavaScript. 559 00:24:46,140 --> 00:24:50,180 De ha csinálsz valami hülyeséget mintha csak érvényesítése felhasználók bemenet 560 00:24:50,180 --> 00:24:52,520 és ellenőrzése azt hiba a kliens oldalon, 561 00:24:52,520 --> 00:24:54,940 egy támadó könnyen csinálni. 562 00:24:54,940 --> 00:24:57,180 És akkor még okosabb ellenfél, mint ti 563 00:24:57,180 --> 00:25:01,120 most jönne Telnet vagy Curl vagy csak parancssori parancsok 564 00:25:01,120 --> 00:25:05,300 és valóban üzeneteket küldeni a szerverre hogy hasonlóképpen nem hibamentes ellenőrzik. 565 00:25:05,300 --> 00:25:08,380 >> Tehát ez inkább egy felhasználói felület döntés 566 00:25:08,380 --> 00:25:13,060 mint azt a tényleges szakmai improvement-- végrehajtási 567 00:25:13,060 --> 00:25:14,410 valami kliens oldali, mint ez. 568 00:25:14,410 --> 00:25:16,800 Tehát most egy gyors pillantást, de aztán Én elhalasztja az online séta 569 00:25:16,800 --> 00:25:17,674 keresztül ez. 570 00:25:17,674 --> 00:25:21,480 A forma két, valójában ment át és tisztították meg a kódot, egy kicsit. 571 00:25:21,480 --> 00:25:23,650 De hadd elhalasztja az egyik A videók fogunk valószínű 572 00:25:23,650 --> 00:25:27,970 az embed Pset8 hogy csak azt mutatja, a hasonló szintaxis használatával nevű könyvtárat 573 00:25:27,970 --> 00:25:32,320 jQuery, amely egy szuper, szuper népszerű könyvtár JavaScript 574 00:25:32,320 --> 00:25:34,510 hogy őszintén a legtöbb ember csak használja ezekben a napokban 575 00:25:34,510 --> 00:25:37,070 és még megzavarja a JavaScript lény is. 576 00:25:37,070 --> 00:25:38,950 >> És inkább bevonni néhány dollár jeleket 577 00:25:38,950 --> 00:25:41,350 és kulcsszavak, mint a dokumentum zárójelben van. 578 00:25:41,350 --> 00:25:44,480 De ismétlem, hadd elhalasztja néhány lassabb tutorials Online 579 00:25:44,480 --> 00:25:46,750 helyett kap lekötött csak szintaxis. 580 00:25:46,750 --> 00:25:48,630 Menjünk tovább egy kicsit hűvösebb 581 00:25:48,630 --> 00:25:50,520 szempontjából a pályázatok e. 582 00:25:50,520 --> 00:25:57,730 >> Így különösen, hadd menjen előre, és nyissa meg ezt itt. 583 00:25:57,730 --> 00:25:58,340 Gyerünk. 584 00:25:58,340 --> 00:25:59,380 Ott megyünk. 585 00:25:59,380 --> 00:26:01,500 >> Hadd nyissa meg ezt a képet ide. 586 00:26:01,500 --> 00:26:03,450 Szükségtelenül bonyolult látszó, de 587 00:26:03,450 --> 00:26:07,880 írja nevezett technikával AJAX-- Aszinkron JavaScript és XML, ahol 588 00:26:07,880 --> 00:26:10,530 Az X XML valójában már nem igazán használják. 589 00:26:10,530 --> 00:26:13,430 Úgy látszik, hogy használni valamit más néven JSON. 590 00:26:13,430 --> 00:26:16,560 >> De itt van, hogy valami hasonló Google Maps vagy a Google Earth működik. 591 00:26:16,560 --> 00:26:18,060 Próbáljuk ezt menet közben, tényleg. 592 00:26:18,060 --> 00:26:21,590 Hadd menjek előre, és nyissa meg Chrome a böngészőben. 593 00:26:21,590 --> 00:26:26,236 >> És hadd menjen be, mondjuk, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 És valóban, ha a régi ahhoz, hogy emlékszem, mit, 596 00:26:31,930 --> 00:26:35,600 mint, MapQuest volt, mint vissza a nap, és talán még mindig a munka, mint ezt. 597 00:26:35,600 --> 00:26:38,870 Ha használt keresni something-- 33 Oxford Street, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 csináljunk this-- te valójában, ha 599 00:26:40,650 --> 00:26:43,000 akart pan, és le, balra és jobbra, 600 00:26:43,000 --> 00:26:44,920 akkor néz ki, mint egy nagy nyíl a tetején, és azt 601 00:26:44,920 --> 00:26:46,921 megtudhatja, másik keret a térkép itt. 602 00:26:46,921 --> 00:26:49,753 Vagy akkor kattintson a bal és te megy itt, vagy egy másik kattintással 603 00:26:49,753 --> 00:26:51,000 és akkor megy át ide. 604 00:26:51,000 --> 00:26:53,000 De ahelyett, hogy ezeket nap, amit természetesen csak 605 00:26:53,000 --> 00:26:55,970 magától értetődőnek vesszük, hogy tudunk menni Cambridge körül elég gyorsan 606 00:26:55,970 --> 00:26:57,550 csak kattintással és húzással. 607 00:26:57,550 --> 00:26:59,130 Vegyük észre, van némi hibák. 608 00:26:59,130 --> 00:27:02,160 >> Ha ezt elég gyorsan, amit úgy tűnik, hogy történik 609 00:27:02,160 --> 00:27:05,960 ahogy húzza egy kicsit túl gyorsan a számítógép lépést tartani? 610 00:27:05,960 --> 00:27:07,160 Mit lát? 611 00:27:07,160 --> 00:27:07,660 Igen. 612 00:27:07,660 --> 00:27:09,232 >> KÖZÖNSÉG: A pixelek nem frissül. 613 00:27:09,232 --> 00:27:10,940 DAVID J. MALAN: The a pixelek nem frissül. 614 00:27:10,940 --> 00:27:12,870 Van actually-- és te látta ezt, valóban, 615 00:27:12,870 --> 00:27:15,360 ha nézed az online és szünet ez vagy valóban lassítja a dolgokat 616 00:27:15,360 --> 00:27:18,600 A once-- látni fogod, hogy van csempe, négyzet, vagy téglalap, hogy a 617 00:27:18,600 --> 00:27:22,040 hiányoznak a térképet, amíg Egy pillanattal később több adatot, 618 00:27:22,040 --> 00:27:24,390 Még több kép a ténylegesen jelenik meg a képernyőn. 619 00:27:24,390 --> 00:27:29,810 És valóban, ha ezt a keresett up Chrome's-- mondjuk, Chrome-- 620 00:27:29,810 --> 00:27:30,310 lássuk. 621 00:27:30,310 --> 00:27:31,090 Nem tehetem. 622 00:27:31,090 --> 00:27:31,860 >> Ó, Hoppá. 623 00:27:31,860 --> 00:27:34,761 Nézzük nyit maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Engedjék meg, hogy az ablak nagyobb újra. 625 00:27:36,660 --> 00:27:38,836 >> Menj vissza a 33 Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Mi volt a honlap voltam mostanában? 628 00:27:43,760 --> 00:27:46,440 Volt ez, mint, hogy saját henceg magam, hogy én akkor lenne egy azonnali üzenetbe 629 00:27:46,440 --> 00:27:48,470 barátja, aki online volt aki akarta hallani. 630 00:27:48,470 --> 00:27:49,345 Van néhány weboldal. 631 00:27:49,345 --> 00:27:52,680 Azt hiszem, ez olyan Comcast-- egy nagyon nagy amerikai internetszolgáltató. 632 00:27:52,680 --> 00:27:56,355 Tudod, ha feliratkozik az új kábel modem szolgáltatás vagy kábel TV szolgáltatás, 633 00:27:56,355 --> 00:27:59,230 van egy nagyon kedvező formában ahol nem kérjük az Ön címét. 634 00:27:59,230 --> 00:28:01,450 És ezt a csodálatos nevű funkciót auto teljes, 635 00:28:01,450 --> 00:28:04,600 mint a Google, hogy kezd betelni A válasz a kérdésre. 636 00:28:04,600 --> 00:28:08,090 >> A probléma az, hogy ezt az automatikus teljes Az első dolog, amit beírt. 637 00:28:08,090 --> 00:28:12,890 Tehát, ha elkezd írni a 33., a megmutatja, szó szerint minden ház 638 00:28:12,890 --> 00:28:15,790 Amerikában kezdődik A szám 33 639 00:28:15,790 --> 00:28:17,920 mielőtt folytatná a elvárják, hogy írja tovább. 640 00:28:17,920 --> 00:28:20,660 Tehát, ha beírja 33 Oxford, akkor ez azt mutatja, ha minden utca 641 00:28:20,660 --> 00:28:24,726 Amerikában, amely a 33. Oxford nevét, függetlenül attól, hogy a város 642 00:28:24,726 --> 00:28:25,350 hogy te vagy az. 643 00:28:25,350 --> 00:28:26,320 >> És akkor folytassa a gépelést. 644 00:28:26,320 --> 00:28:28,930 És végül, az rájön, hogy nem az ajánlat szolgáltatás otthoni Cambridge 645 00:28:28,930 --> 00:28:29,920 vagy valami ilyesmi. 646 00:28:29,920 --> 00:28:33,410 De a lényeg az, hogy ez a leginkább ostoba végrehajtása auto 647 00:28:33,410 --> 00:28:34,140 teljes valaha. 648 00:28:34,140 --> 00:28:36,400 >> És én csak megy le ezen a tangens újra. 649 00:28:36,400 --> 00:28:39,040 De vannak jó módja, hogy használja JavaScript és rossz módon. 650 00:28:39,040 --> 00:28:40,750 És ez nem feltétlenül a legjobb. 651 00:28:40,750 --> 00:28:46,360 >> De a lényeg itt, mielőtt ezt beszéd, az volt, hogy nyissa meg az eszközök ide 652 00:28:46,360 --> 00:28:49,480 és nyissa meg a fejlesztői eszközök, ahogy már korábban ösztönözni, 653 00:28:49,480 --> 00:28:52,840 és nézni a hálózat fülre kattintok nagyon gyors. 654 00:28:52,840 --> 00:28:55,400 És észre egy csomó Az kap kérelmek történt. 655 00:28:55,400 --> 00:28:57,310 Mindez történt, mert azt húzta. 656 00:28:57,310 --> 00:29:00,170 >> És valószínűleg, sőt sok ilyen sorok 657 00:29:00,170 --> 00:29:04,060 most már kép slash JPEG MIME típusok vagy tartalom típusokat. 658 00:29:04,060 --> 00:29:07,750 Azért, mert amit csinál króm minden alkalommal, amikor kattintson és húzza, kattintson 659 00:29:07,750 --> 00:29:11,650 és húzza, ez már rájött, ó, mennem kell kérni a Google a cserép 660 00:29:11,650 --> 00:29:15,080 Térképen ez itt, gyorsan letölteni HTTP, 661 00:29:15,080 --> 00:29:19,550 majd add hozzá az úgynevezett DOM A webböngészők a memóriában fa 662 00:29:19,550 --> 00:29:24,430 ábrázolásán, hogy a felhasználó, engem, látja, hogy a frissített csempe. 663 00:29:24,430 --> 00:29:26,795 És ez azért van, mert nevezett technikával AJAX. 664 00:29:26,795 --> 00:29:28,920 Vissza a nap, ez tényleg volt a helyzet, hogy ha 665 00:29:28,920 --> 00:29:33,050 akarta változtatni, mi van a képernyőn, akkor kell kattintania fel, le, balra, 666 00:29:33,050 --> 00:29:33,550 jobbra. 667 00:29:33,550 --> 00:29:34,740 És akkor egy új oldal fog megnyílni. 668 00:29:34,740 --> 00:29:36,531 De ezekben a napokban, minden dinamikusabb. 669 00:29:36,531 --> 00:29:40,490 Ez történik, ahogy mi emberek lenne remélem, hogy tényleg lenne interaktív. 670 00:29:40,490 --> 00:29:43,210 És éri ezt el, módon nevezett technikával 671 00:29:43,210 --> 00:29:46,170 AJAX, ami talán a legjobban magyarázható egy példát. 672 00:29:46,170 --> 00:29:49,730 Először is, hadd menjen előre és nyit egy fájlt 673 00:29:49,730 --> 00:29:53,540 hívott quote.php a mai eloszlás kódot. 674 00:29:53,540 --> 00:29:56,200 >> És akkor hadd tegye symbol-- Hoppá. 675 00:29:56,200 --> 00:30:02,399 Hadd tegyem szimbólum = GOOG mindössze néhány állomány. 676 00:30:02,399 --> 00:30:04,440 Vagy valóban, csináljuk a egyet a Pset ingyenes. 677 00:30:04,440 --> 00:30:05,270 Az Enter billentyűt. 678 00:30:05,270 --> 00:30:06,580 >> És most észre, mit kapok vissza. 679 00:30:06,580 --> 00:30:09,210 Tehát ez egy nagyon rövid PHP fájlt én 680 00:30:09,210 --> 00:30:13,210 azt írta, hogy csak kölcsön kód származó Pset7 a keresési funkció 681 00:30:13,210 --> 00:30:17,830 és kiköpi ezt a zárójel és idézetek és vastagbél jelölés, látszólag, 682 00:30:17,830 --> 00:30:22,747 az aktuális tőzsdei ár a cég, hogy adja át a via kap. 683 00:30:22,747 --> 00:30:24,580 Szóval ez más a legtöbb, amit 've 684 00:30:24,580 --> 00:30:26,496 történik, hogy a közlemény vagyok szó szerint kiköpte 685 00:30:26,496 --> 00:30:27,870 amit úgy néz ki, mint a JavaScript kódot. 686 00:30:27,870 --> 00:30:30,020 >> Tény, hogy ez egy JavaScript objektumot. 687 00:30:30,020 --> 00:30:34,130 Sőt, elég, ha a tiszta, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 csak egy divatos módja mondván, hogy képviselheti adatok JavaScript sok 689 00:30:38,330 --> 00:30:41,660 mint akkor a PHP a kulcs-érték párokat. 690 00:30:41,660 --> 00:30:44,270 Tehát, ha azt akarta nyilvánítani a változó JavaScript 691 00:30:44,270 --> 00:30:47,872 a jelent Zamyla számára instance-- szerkezetre vonatkozó Zamyla-- 692 00:30:47,872 --> 00:30:49,580 és hívjuk meg diák, ezt a változót. 693 00:30:49,580 --> 00:30:53,060 Az ő azonosító egy, a ház Winthrop, és neve Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> De azt is, van egy sor tárgyak. 695 00:30:55,490 --> 00:30:58,710 Szóval, ha tényleg akartam, hogy tömb JavaScript tartalmazó 696 00:30:58,710 --> 00:31:01,740 Több olyan tárgyakat, ezt idő képviselő személyzet, 697 00:31:01,740 --> 00:31:04,910 Lehet, hogy ez a három darabokat a kód vissza 698 00:31:04,910 --> 00:31:08,560 vissza vissza e három korábbi alkalmazottak. 699 00:31:08,560 --> 00:31:12,201 Így a szintaxis, szép hasonló both-- a PHP. 700 00:31:12,201 --> 00:31:13,700 Ez különösen igaz a JavaScript. 701 00:31:13,700 --> 00:31:15,940 Ez objektum jelölés. 702 00:31:15,940 --> 00:31:17,240 Szóval mi ez a hasznos? 703 00:31:17,240 --> 00:31:21,580 >> Ha írok kódot, kiköpi JSON-- JavaScript Object Notation-- dolgot, 704 00:31:21,580 --> 00:31:24,670 úgy néz ki, mint ez a cucc, vagy úgy néz ki, mint Zamyla szerkezetét, 705 00:31:24,670 --> 00:31:27,730 Én ténylegesen használni ezt programok írok. 706 00:31:27,730 --> 00:31:30,660 Hadd menjen ajax0.html. 707 00:31:30,660 --> 00:31:33,310 És ez nem sok too-- gondolta adott esztétika. 708 00:31:33,310 --> 00:31:34,660 De nézzük, mi történik. 709 00:31:34,660 --> 00:31:37,050 >> Hadd menjek előre, és írja ingyenes. 710 00:31:37,050 --> 00:31:38,490 Kattintson kap árajánlatot. 711 00:31:38,490 --> 00:31:41,060 És észre az URL nem változott. 712 00:31:41,060 --> 00:31:47,250 De én nem kap egy pop up látszólag mai penny részvényárfolyam 0,15 $. 713 00:31:47,250 --> 00:31:49,062 Szóval nem olyan rossz. 714 00:31:49,062 --> 00:31:52,020 De a különbség az, hogy valahogy, ez az adat jött vissza hozzám közvetlenül. 715 00:31:52,020 --> 00:31:54,250 De vessünk egy lépés valami ismerős. 716 00:31:54,250 --> 00:31:58,900 Az egyik ez a változat, hadd típusú ismét szabadon, kattintson a Get idézet, 717 00:31:58,900 --> 00:32:01,146 és now-- ó, ez volt tulajdonképpen a jQuery verzió. 718 00:32:01,146 --> 00:32:03,270 Szóval én nem hozzám-- gyors előre elég messzire. 719 00:32:03,270 --> 00:32:05,830 Hadd menjen a két változat, ott, ahol akartam. 720 00:32:05,830 --> 00:32:07,260 Figyeljük meg, mit tettem ide. 721 00:32:07,260 --> 00:32:10,370 Van egy web page-- egy szuper egyszerű változata bármilyen weboldal 722 00:32:10,370 --> 00:32:14,260 akkor használhatja, ma egy szöveges mező itt ingyen, majd látszólag csak 723 00:32:14,260 --> 00:32:14,880 szöveget. 724 00:32:14,880 --> 00:32:16,860 >> Ez nem egy forma itt, látszólag. 725 00:32:16,860 --> 00:32:19,360 De ha rákattintok kap idézet, észre a weboldal 726 00:32:19,360 --> 00:32:22,760 hamarosan változik, mintha én Most kaptam egy új azonnali üzenet 727 00:32:22,760 --> 00:32:25,360 vagy mintha csak át a térkép és szükséges, hogy minél több adatot 728 00:32:25,360 --> 00:32:29,220 hozzá dinamikusan a weboldal nélkül az URL változik, és a felhasználó 729 00:32:29,220 --> 00:32:30,980 tapasztalat szerzés megszakadt. 730 00:32:30,980 --> 00:32:35,750 Sőt, én még mindig a pontosan ugyanazt place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Szóval nézzük csak meg ezt a példát és látom, hogy ez történik. 732 00:32:39,080 --> 00:32:42,490 Hadd menjek be ajax2.html. 733 00:32:42,490 --> 00:32:44,770 És észre az űrlap első. 734 00:32:44,770 --> 00:32:47,092 >> Itt lent, én fordult ki az automatikus teljes. 735 00:32:47,092 --> 00:32:48,800 Néha ez lesz bosszantó, ha a böngésző 736 00:32:48,800 --> 00:32:50,508 megpróbálja megmutatni az egész történelem. 737 00:32:50,508 --> 00:32:53,450 Szóval lehet csinálni a HTML csak azt mondom, auto teljes kikapcsolása. 738 00:32:53,450 --> 00:32:57,290 >> Én adtam ezt a szöveget a területen a symbol-- inkább egy azonosító szimbólum. 739 00:32:57,290 --> 00:32:58,977 És most, ez egy érdekes funkció. 740 00:32:58,977 --> 00:33:01,310 Még nem beszéltünk span, de gondolj rá 741 00:33:01,310 --> 00:33:03,177 mint a paragrafus vagy div tag. 742 00:33:03,177 --> 00:33:05,010 Ez az, amit hívják in-line elem, amely 743 00:33:05,010 --> 00:33:07,415 azt jelenti, hogy nem fog a bekezdés megtörni a felette és alatta. 744 00:33:07,415 --> 00:33:11,530 Ez csak fog maradni soros nélkül üti a megfelelője be. 745 00:33:11,530 --> 00:33:17,980 Úgyhogy adtam ezt darabja a HTML meg kell határozni egy egyedi azonosítót 746 00:33:17,980 --> 00:33:20,130 hogy önkényesen nevezett áron. 747 00:33:20,130 --> 00:33:21,560 És van egy Küldés gombot. 748 00:33:21,560 --> 00:33:25,420 >> Mert már here--, és ez valóban szuper elképesztő, hogy kis kód 749 00:33:25,420 --> 00:33:27,660 írhat, hogy nem viszonylag tiszta things-- 750 00:33:27,660 --> 00:33:31,800 figyeld meg, mit tettem ide, ha lapozzunk fel a fejét ezen az oldalon. 751 00:33:31,800 --> 00:33:34,970 Én is először a fejem a script tag 752 00:33:34,970 --> 00:33:37,410 hogy valóban hivatkozik a JavaScript fájl máshol. 753 00:33:37,410 --> 00:33:39,702 Ez a szervezet hogy írja jQuery, 754 00:33:39,702 --> 00:33:42,660 és ez csak így a legújabb változatát a jQuery könyvtár. 755 00:33:42,660 --> 00:33:46,305 >> Tehát ez olyan, mint az éles többek között a C vagy előírhatják PHP. 756 00:33:46,305 --> 00:33:48,900 Használja a script tag a forrás tulajdonság. 757 00:33:48,900 --> 00:33:52,030 De most a saját kód lesz jobb itt. 758 00:33:52,030 --> 00:33:54,170 >> Figyeljük Van egy függvény nevű idézetek. 759 00:33:54,170 --> 00:33:56,180 És úgy néz ki, egy kicsit rejtélyes első pillantásra. 760 00:33:56,180 --> 00:33:57,305 De nézzük ezt kötekedni egymástól. 761 00:33:57,305 --> 00:33:59,090 Adj egy változó nevű URL-t. 762 00:33:59,090 --> 00:34:01,390 Rendeljen szó szerint ezt a fonalat. 763 00:34:01,390 --> 00:34:04,530 Szóval, aposztrófot, idézőjelek a JavaScript csak ad nekem egy húr. 764 00:34:04,530 --> 00:34:06,900 Mit jelent a plusz csinálni? 765 00:34:06,900 --> 00:34:08,199 Összefűzése. 766 00:34:08,199 --> 00:34:12,610 >> Szóval ez most a jQuery szintaxis amely vesz egy kicsit szokni kell. 767 00:34:12,610 --> 00:34:18,310 De ez csak azt jelenti, hogy megy értem a DOM csomópont, amelynek egyedi azonosító jel. 768 00:34:18,310 --> 00:34:21,929 A hashtag ott jelent egyedi azonosító jel. 769 00:34:21,929 --> 00:34:24,929 >> A dollár jel a zárójelek csak azt jelenti, betakar ez 770 00:34:24,929 --> 00:34:28,510 A jQuery egyfajta titkos szósz így kap további szolgáltatásokat. 771 00:34:28,510 --> 00:34:31,880 És akkor .val látszólag egy funkciót, vagy ahogy mi mondjuk most, 772 00:34:31,880 --> 00:34:35,219 eljárás belsejében a csomópont hogy csak megadja az értéket. 773 00:34:35,219 --> 00:34:38,896 Tehát röviden, csúnya és zavaros mivel ez úgy néz ki első pillantásra, 774 00:34:38,896 --> 00:34:42,020 ez csak azt jelenti, hogy a felhasználó beírt az, tedd a végén a húr 775 00:34:42,020 --> 00:34:42,880 a összefűző azt. 776 00:34:42,880 --> 00:34:43,739 Ez minden. 777 00:34:43,739 --> 00:34:46,070 >> Tehát most, az utolsó három sor. 778 00:34:46,070 --> 00:34:48,690 Akkor nyomjon egy csomó funkciók közül három sor. 779 00:34:48,690 --> 00:34:52,199 Ez a dollár jel, mint egy félre, csak egy becenév 780 00:34:52,199 --> 00:34:55,800 egy speciális globális változó az úgynevezett szó jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Dollár jel csak néz ki. 782 00:34:57,060 --> 00:35:00,080 Így a jQuery közösség csak ilyen A használt, mint a speciális szimbólum. 783 00:35:00,080 --> 00:35:02,470 Ez nem jelenti azt, hogy mit jelent a PHP. 784 00:35:02,470 --> 00:35:06,356 A JavaScript, dollár jel mint egy betűvel 785 00:35:06,356 --> 00:35:07,480 vagy több a változó. 786 00:35:07,480 --> 00:35:09,000 >> Tudod csak van ez, mint a neve. 787 00:35:09,000 --> 00:35:09,770 Csak néz ki. 788 00:35:09,770 --> 00:35:11,890 Így a közösség fogadott, mint egy becenév 789 00:35:11,890 --> 00:35:13,390 saját könyvtár nevű jQuery. 790 00:35:13,390 --> 00:35:15,060 >> És ez szuper népszerű. 791 00:35:15,060 --> 00:35:17,620 Szóval JSON pontosan azt. 792 00:35:17,620 --> 00:35:19,920 Ez egy függvény, amely a hozzátartozók a jQuery írt 793 00:35:19,920 --> 00:35:23,340 hogy lesz egy JSON server-- JavaScript Object Notation. 794 00:35:23,340 --> 00:35:25,680 Abból, amit URL megy hogy ezt az információt? 795 00:35:25,680 --> 00:35:27,790 Úgy látszik, ebből URL itt. 796 00:35:27,790 --> 00:35:31,180 >> És mit kell csinálni, mint a böngésző amint kap vissza ezt a választ? 797 00:35:31,180 --> 00:35:36,500 És ez a varázslat az AJAX, így speak-- aszinkron JavaScript XML. 798 00:35:36,500 --> 00:35:41,320 Nehéz látni egy ilyen egyszerű például mi volt itt. 799 00:35:41,320 --> 00:35:44,730 >> De ez volt az aszinkron az értelemben, hogy a kódot, ha 800 00:35:44,730 --> 00:35:48,530 végre küldött egy üzenetet, hogy a szerver menj nekem JSON. 801 00:35:48,530 --> 00:35:51,340 És ez történt szupergyors hogy kaptam választ. 802 00:35:51,340 --> 00:35:55,130 De ami igazán érdekes, hogy ez a kódsort nem akasztotta a számítógépet. 803 00:35:55,130 --> 00:35:56,550 >> Nem láttam a forgó ikont. 804 00:35:56,550 --> 00:35:59,200 Nem veszíti el a képes mozgatni az egér. 805 00:35:59,200 --> 00:36:01,340 Böngészőm valójában tökéletesen megfelel. 806 00:36:01,340 --> 00:36:06,290 >> Mivel az út JavaScript kezeli a a kiszolgáló válaszát a következő. 807 00:36:06,290 --> 00:36:09,740 Regisztrálja, amit hívnám visszahívási függvény, amely 808 00:36:09,740 --> 00:36:12,830 csak azt jelenti, hé, a JavaScript. 809 00:36:12,830 --> 00:36:16,100 Amint a szerver válaszol JSON, 810 00:36:16,100 --> 00:36:18,750 kérjük, hívja a névtelen függvény. 811 00:36:18,750 --> 00:36:23,910 >> És kérlek, átment ez a funkció bármilyen húr a szerver kiköp 812 00:36:23,910 --> 00:36:26,080 érvként nevű adat. 813 00:36:26,080 --> 00:36:28,360 Tehát más, szóval, ha Én összeszerelés dinamikusan 814 00:36:28,360 --> 00:36:33,370 URL quote.php halad ebben szimbólum, mint a szabad vagy GOOG vagy miegymás, 815 00:36:33,370 --> 00:36:36,830 Én akkor mondom JavaScript megy kap, hogy URL-t. 816 00:36:36,830 --> 00:36:39,080 Ne feledje, hogy a böngésző fog visszatérni valami 817 00:36:39,080 --> 00:36:42,680 úgy néz ki, mint láttuk earlier-- ezt. 818 00:36:42,680 --> 00:36:45,940 >> És mi a második érv ide JSON mond 819 00:36:45,940 --> 00:36:48,450 az ezt a funkciót ha a szerver visszajön 820 00:36:48,450 --> 00:36:52,440 legyen szó akár 10 ms múlva vagy 10 másodperc múlva. 821 00:36:52,440 --> 00:36:55,840 És amint te, hozzá az ár az oldalra. 822 00:36:55,840 --> 00:36:58,030 Ez a szintaxis itt csak azt jelenti, hogy menj a csomópont 823 00:36:58,030 --> 00:37:01,940 A fa, amelynek egyedi azonosító az, hogy price-- span láttuk korábban. 824 00:37:01,940 --> 00:37:04,320 >> Ez a módszer az úgynevezett HTML csak azt mondja, menj helyére 825 00:37:04,320 --> 00:37:08,770 a HTML, ami ott data.price. 826 00:37:08,770 --> 00:37:10,200 Mi data.price? 827 00:37:10,200 --> 00:37:12,850 Nos, a böngésző, emlékszem, megmutatta nekem ez jön vissza. 828 00:37:12,850 --> 00:37:14,540 Szóval ez az adat. 829 00:37:14,540 --> 00:37:18,100 >> És ez így egy kicsit rejtélyes hogy a vesszőt itt. 830 00:37:18,100 --> 00:37:19,350 De valójában, hadd tegye ezt. 831 00:37:19,350 --> 00:37:22,890 Hadd be ezt a igazi böjt a gedit 832 00:37:22,890 --> 00:37:27,240 és meg kell mutatni ezt, mint mi azt mutatta, Zamyla szerkezetét korábban. 833 00:37:27,240 --> 00:37:31,610 >> Mi a szerver küld vissza a kis tárgy, hogy úgy néz ki, mint ez. 834 00:37:31,610 --> 00:37:37,140 És így van data.price csak hogy nekem 0,1515. 835 00:37:37,140 --> 00:37:39,310 Tehát sok mozgó alkatrészek itt egyszerre. 836 00:37:39,310 --> 00:37:41,860 >> De a legfontosabb az, elvitelre hogy van ez a képesség 837 00:37:41,860 --> 00:37:44,600 hogy további HTTP kéri a JavaScript 838 00:37:44,600 --> 00:37:46,090 anélkül, hogy újra az oldalt. 839 00:37:46,090 --> 00:37:49,580 És akkor mi is valójában módosítsa a weboldal menet. 840 00:37:49,580 --> 00:37:51,850 És kiderül, hogy a JavaScript és más nyelveken 841 00:37:51,850 --> 00:37:54,510 lehet használni már nem csak mutáció weboldalak, 842 00:37:54,510 --> 00:37:57,960 de valójában írni szoftver Egy igazi számítógép 843 00:37:57,960 --> 00:38:00,240 nem csak korlátozódik a Chrome vagy hasonló. 844 00:38:00,240 --> 00:38:03,530 >> Sőt, if-- Colton, azt szeretne csatlakozni hozzánk vissza ide 845 00:38:03,530 --> 00:38:06,100 Ön labor kódot, és Chang is? 846 00:38:06,100 --> 00:38:09,140 Menjünk előre, miután beszélt névtelen függvények és visszahívások 847 00:38:09,140 --> 00:38:13,090 és tényleg csábít sors ide egy élő demo vérzés 848 00:38:13,090 --> 00:38:16,480 él technológia, az egyik ezek Elite Motion eszközöket. 849 00:38:16,480 --> 00:38:18,940 Nos, ez a készülék, visszahívás, egy kis USB-eszköz 850 00:38:18,940 --> 00:38:25,620 valamint hogy-- ez beautiful-- kell bedugni az USB port. 851 00:38:25,620 --> 00:38:29,120 >> És akkor nyújt bemenet formájában emberi gesztusok 852 00:38:29,120 --> 00:38:32,560 észlelésével segítségével infravörös sugarak, lényegében szállításokra a karját. 853 00:38:32,560 --> 00:38:35,150 Szóval, mivel mi Maria megpróbálta előtt volt izmos, 854 00:38:35,150 --> 00:38:39,000 valójában érzés, mi változik a kar, ez infravörös alapú. 855 00:38:39,000 --> 00:38:44,390 Így keres belüli mozgások az a fajta gömb egy láb, vagy úgy 856 00:38:44,390 --> 00:38:46,190 A készülék maga. 857 00:38:46,190 --> 00:38:48,950 >> Akkor miért nem veszem a stab az első? 858 00:38:48,950 --> 00:38:53,100 És menjünk előre, és dobja Ön fel a felső itt. 859 00:38:53,100 --> 00:38:56,250 Tehát mondjuk Colton laptop itt. 860 00:38:56,250 --> 00:38:58,360 Megvan András a TV-n. 861 00:38:58,360 --> 00:39:00,160 És mit szeretnél, mit tegyek először? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Menj előre, és csak tegye a kezét a srác 863 00:39:02,409 --> 00:39:04,430 és látni fogod, néhány mesés csillogás. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. MALAN: Nagyon szép. 865 00:39:07,230 --> 00:39:11,110 Mindez történik valós időben. 866 00:39:11,110 --> 00:39:11,889 OK. 867 00:39:11,889 --> 00:39:12,680 Rendben, és igen. 868 00:39:12,680 --> 00:39:14,119 Olyan szép. 869 00:39:14,119 --> 00:39:15,410 Rendben, mi mást tehetnénk? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Ugrás a következő képernyőn, és meglátjuk. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. MALAN: Rendben. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: egy jó kis játék ahol kapsz, hogy a robotok. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. MALAN: Rendben, tehát ez a hamis kéz mutatja meg, mit tegyek. 874 00:39:24,738 --> 00:39:27,920 COLTON: Igen Így megy előre, és megragad az egyik blokkot 875 00:39:27,920 --> 00:39:30,637 és tedd a tetejére, hogy a robot testét. 876 00:39:30,637 --> 00:39:32,137 DAVID J. MALAN: Ó, ott van a kezem. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 OK, imádnivaló. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Várj egy percet, OK. 881 00:39:38,650 --> 00:39:41,320 Ott megyünk. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Csináltam egy a balesetek. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. MALAN: OK, hozok ezt a fickót. 884 00:39:45,423 --> 00:39:45,923 A fenébe! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Amikor mi voltunk az utolsó gyakorló este, tudod, mi ez a decentralizált? 887 00:39:51,550 --> 00:39:54,285 >> Mint ez. 888 00:39:54,285 --> 00:39:55,490 OK. 889 00:39:55,490 --> 00:39:55,990 Következő? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Persze. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. MALAN: Rendben, és van egy harmadik. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Rendben van. 894 00:40:01,674 --> 00:40:03,215 COLTON: És ez, kapsz to-- 895 00:40:03,215 --> 00:40:04,923 DAVID J. MALAN: Oh, ez gyönyörű. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, vedd szét ezt a virágot. 897 00:40:06,650 --> 00:40:07,441 DAVID J. MALAN: OK. 898 00:40:07,441 --> 00:40:11,170 899 00:40:11,170 --> 00:40:11,670 Nem? 900 00:40:11,670 --> 00:40:14,515 Nem fogadott. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Ó, tessék. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. MALAN: Ah, Nézd meg azt. 903 00:40:18,680 --> 00:40:19,830 Nagyon szép. 904 00:40:19,830 --> 00:40:22,470 Nos, miért nem "veszünk ki az egyik önkéntes ide 905 00:40:22,470 --> 00:40:24,180 akik szeretnék, hogy jöjjön ki. 906 00:40:24,180 --> 00:40:27,500 Mit szólnál ott A zöld, ugye? 907 00:40:27,500 --> 00:40:30,540 >> Rendben, és hagyja, hogy a have-- ahelyett, hogy néhányan 908 00:40:30,540 --> 00:40:34,590 talán tudja ezt a játékot here-- vágja el a kötelet, talán? 909 00:40:34,590 --> 00:40:35,100 Lássuk. 910 00:40:35,100 --> 00:40:37,320 Megvan a szemüveg itt? 911 00:40:37,320 --> 00:40:38,625 >> OK. 912 00:40:38,625 --> 00:40:39,270 Köszönöm. 913 00:40:39,270 --> 00:40:39,380 Mi a neved? 914 00:40:39,380 --> 00:40:40,350 >> KÖZÖNSÉG: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. MALAN: Laura? 916 00:40:41,266 --> 00:40:42,120 Örülök, hogy látom. 917 00:40:42,120 --> 00:40:45,600 Ha nem bánod üzembe Google Glass át a szemüveg. 918 00:40:45,600 --> 00:40:46,970 Ez Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Szia. 920 00:40:47,650 --> 00:40:48,140 Örülök, hogy megismerhetem. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. MALAN: OK, gyerünk körül. 922 00:40:49,600 --> 00:40:52,516 Rendben, mit fogsz nem itt, játszottak korábban, 923 00:40:52,516 --> 00:40:55,650 kerül a kezét A Leap Motion itt. 924 00:40:55,650 --> 00:40:57,210 És most a nyíl kell mozgatni. 925 00:40:57,210 --> 00:40:57,710 Ó, dehogy. 926 00:40:57,710 --> 00:40:58,066 >> KÖZÖNSÉG: Nem. 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. MALAN: Mi nem akar leszokni még. 928 00:40:58,780 --> 00:40:59,280 OK, várj. 929 00:40:59,280 --> 00:41:01,200 Ide. 930 00:41:01,200 --> 00:41:03,530 Így észre ahogy tartod a ujj felett valami, 931 00:41:03,530 --> 00:41:06,750 az egér kezd menni a zöld, ami így kattintva. 932 00:41:06,750 --> 00:41:08,980 >> Így felett lebeg játék. 933 00:41:08,980 --> 00:41:10,970 És csak az egyik ujját rendben van. 934 00:41:10,970 --> 00:41:13,869 És most kattintson a kis zöld fickó a bal oldalon. 935 00:41:13,869 --> 00:41:15,410 És most tart, amíg megtelik zöld. 936 00:41:15,410 --> 00:41:15,640 Jó. 937 00:41:15,640 --> 00:41:16,990 Most, mint, egy szint felfelé tetején. 938 00:41:16,990 --> 00:41:20,190 >> KÖZÖNSÉG: Igen, szeretnénk szintű, itt. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. MALAN: Jó. 940 00:41:21,660 --> 00:41:25,500 OK, ezért mindössze annyit kell tennie, hogy vágja el a kötelet. 941 00:41:25,500 --> 00:41:28,240 A kurzor az a fehér ott. 942 00:41:28,240 --> 00:41:28,880 >> Nagyon szép. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 Rendben, akkor szól, hogy nehezebb. 945 00:41:32,790 --> 00:41:34,800 Így tartsa ujját az elkövetkező most. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Jó. 948 00:41:39,030 --> 00:41:39,999 Ez egy nehéz. 949 00:41:39,999 --> 00:41:40,966 >> KÖZÖNSÉG Ó szar. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 Azt akarja, hogy így megy. 952 00:41:42,466 --> 00:41:44,890 Ó szar, hogy-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. MALAN: Igen. 954 00:41:47,120 --> 00:41:50,700 A másodlagos cél az, hogy a csillagokat. 955 00:41:50,700 --> 00:41:53,920 Rendben, a következő. 956 00:41:53,920 --> 00:41:57,504 >> Lássuk, ha lehet kapni ezt a harmadik. 957 00:41:57,504 --> 00:41:58,004 Jó. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 OK, menj oda. 960 00:42:06,840 --> 00:42:08,850 >> Persze. 961 00:42:08,850 --> 00:42:11,230 Ó, nagyon szép. 962 00:42:11,230 --> 00:42:11,930 Rendben van. 963 00:42:11,930 --> 00:42:13,534 >> Akkor miért nem tárgyalunk itt ma? 964 00:42:13,534 --> 00:42:15,200 Legyen valaki jöjjön ki, aki játszani akar. 965 00:42:15,200 --> 00:42:16,880 Köszönöm, hogy Laura a önkéntes. 966 00:42:16,880 --> 00:42:18,730 És mi találkozunk hétfőn. 967 00:42:18,730 --> 00:42:21,190 >> KÖZÖNSÉG: Talán szeretnénk ezeket vissza. 968 00:42:21,190 --> 00:42:23,640 >> SPEAKER 2: A következő CS50-- 969 00:42:23,640 --> 00:42:35,222