1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. Malan: Tak jo, tak tohle je Myo rameno 3 00:00:41,880 --> 00:00:44,450 kapela, pár, který jsme mít pro CS50 závěrečných prací. 4 00:00:44,450 --> 00:00:47,533 A to byla demonstrace jsme ve frontě si s předstihem kde v podstatě 5 00:00:47,533 --> 00:00:51,120 to docela těsné ramenem sem poslouchá vaše svalové pohyby 6 00:00:51,120 --> 00:00:54,280 které jsou pak mapovány v softwaru na Colton je notebooku přes tu, která 7 00:00:54,280 --> 00:00:57,230 měl iTunes a song už ve frontě. 8 00:00:57,230 --> 00:01:00,270 Spíše než já demoing to, Colton to už v laboratoři 9 00:01:00,270 --> 00:01:04,129 jasně celý týden dostat demonstrace připraven pro jednoho odvážného dobrovolníka. 10 00:01:04,129 --> 00:01:07,430 Pokud by někdo chtěl, aby se na up-- viděl svou ruku jako první. 11 00:01:07,430 --> 00:01:09,540 Pojď nahoru. 12 00:01:09,540 --> 00:01:12,530 >> Dobrá. 13 00:01:12,530 --> 00:01:13,886 A jaké je vaše jméno? 14 00:01:13,886 --> 00:01:14,800 >> Publikum: Uh, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. Malan: Maria, rád vás vidím. 16 00:01:16,550 --> 00:01:17,310 Pojď sem. 17 00:01:17,310 --> 00:01:19,550 Dovolte mi, abych vám představil Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, to je Maria. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Ahoj, rád vás poznávám. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. Malan: All Dobře, tak první krok, že jsme 21 00:01:24,330 --> 00:01:26,204 bude muset umístit to na předloktí 22 00:01:26,204 --> 00:01:29,280 tak, že je to docela přiléhat u vašeho lokte. 23 00:01:29,280 --> 00:01:31,940 A mezitím, pojďme se kladen na naší Google Glass 24 00:01:31,940 --> 00:01:33,720 a budeme míchat technologie dnes. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Nejprve budeme muset háček to do věcí. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. Malan: OK. 27 00:01:37,170 --> 00:01:39,795 Ve skutečnosti, pojďme dát ruku as v blízkosti tohoto kabelu, jak je to možné 28 00:01:39,795 --> 00:01:41,160 takže můžeme nejprve synchronizovat jej. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Jdeme na to. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. Malan: A mezitím, tak že každý může získat bližší pohled, 31 00:01:46,500 --> 00:01:50,290 budeme přehazovat Ondřeje fotoaparát na obrazovce tam. 32 00:01:50,290 --> 00:01:54,460 Takže máme USB kabel, který je je zapojen do Mariina pásku. 33 00:01:54,460 --> 00:02:00,230 A dovolte mi hodí obrazovku Colton se nahoru na projektoru další. 34 00:02:00,230 --> 00:02:06,000 >> Takže Colton je registrace zařízení nyní jako Myo připojený k tomuto kabelu. 35 00:02:06,000 --> 00:02:08,060 A teď to, co Maria je dělat chvíli 36 00:02:08,060 --> 00:02:10,120 je vlastně projít kalibračních kroků 37 00:02:10,120 --> 00:02:12,830 a učit software jak se jí svaly reagovat 38 00:02:12,830 --> 00:02:16,070 když se ujistil, předem definované gesta, která software chápe. 39 00:02:16,070 --> 00:02:17,910 Pokud byste chtěli jít Přední část obrazovky. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 OK, dál snažit. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Jděte takhle. 43 00:02:31,860 --> 00:02:32,970 A stejně jako to. 44 00:02:32,970 --> 00:02:34,563 A úplně na pravé straně. 45 00:02:34,563 --> 00:02:35,922 Vraťte se zpět. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. Malan: OK. 47 00:02:37,740 --> 00:02:38,960 Jiný pohled. 48 00:02:38,960 --> 00:02:39,620 Je to ne. 49 00:02:39,620 --> 00:02:40,350 Je to na nás. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: OK. 51 00:02:41,749 --> 00:02:42,540 DAVID J. Malan: Ne 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Pojďme to posunout výš, takže je to blíže k lokti, a ještě pevněji. 54 00:02:51,540 --> 00:02:52,680 Dobrá. 55 00:02:52,680 --> 00:02:53,270 >> Jdeme na to. 56 00:02:53,270 --> 00:02:56,780 To by byl dobrý čas na CS52X. 57 00:02:56,780 --> 00:02:57,670 Tak jdeme. 58 00:02:57,670 --> 00:02:58,760 >> Velmi pěkné. 59 00:02:58,760 --> 00:03:01,170 OK. 60 00:03:01,170 --> 00:03:02,790 Palec na malíček. 61 00:03:02,790 --> 00:03:03,380 >> Velmi pěkné. 62 00:03:03,380 --> 00:03:05,140 Roztáhněte prsty. 63 00:03:05,140 --> 00:03:06,240 Dobře. 64 00:03:06,240 --> 00:03:06,910 Wave pravdu. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 Je to kupodivu ukazuje jste s levým hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Jo, to je divný. 68 00:03:19,665 --> 00:03:21,790 DAVID J. Malan: Wave na vpravo a vpřed. 69 00:03:21,790 --> 00:03:22,998 Rychlý posun vpřed přeskočit nebo vedle. 70 00:03:22,998 --> 00:03:25,020 To je v pořádku Wave pravdu. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: Já ne-- čekat. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. Malan: Potřebujete pomoc? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Takže jdeš takhle. 74 00:03:30,027 --> 00:03:31,860 MARIA: Je to otáčení Další věc, když. 75 00:03:31,860 --> 00:03:32,390 COLTON: Je to tak. 76 00:03:32,390 --> 00:03:34,250 DAVID J. Malan: Jo, já nevím, proč se to ukáže vám leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Proč si try-- Jen se snažím jít takhle. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. Malan: Ne? 80 00:03:40,090 --> 00:03:42,580 Možná dosáhnout ruku se trochu narovnal 81 00:03:42,580 --> 00:03:46,070 a dělat to mnohem dříve, jako je tento. 82 00:03:46,070 --> 00:03:48,176 Jo, OK, no tak. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: Je mi to líto. 84 00:03:49,670 --> 00:03:51,170 DAVID J. Malan: Není to tvoje vina. 85 00:03:51,170 --> 00:03:53,018 COLTON: To je v pořádku. 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: Měli bychom přeskočit, a pak? 89 00:03:57,620 --> 00:03:59,620 DAVID J. Malan: Ano, pojďme Nechte si vyvěšen. 90 00:03:59,620 --> 00:04:03,130 Takže pokud by někdo chtěl dělat závěrečný projekt pomocí tohoto ostří 91 00:04:03,130 --> 00:04:07,707 hardware, uvědomit, že jediné co trvat trochu zvykat. 92 00:04:07,707 --> 00:04:10,290 A tohle-- realita je to Je to vlastně velmi drsně. 93 00:04:10,290 --> 00:04:12,040 >> To je to, co se nazývá developer kit, který 94 00:04:12,040 --> 00:04:14,956 má být v podstatě předem uvolnění takže lidé mohou dělat přesně to, 95 00:04:14,956 --> 00:04:18,690 tohle-- bojovat s ním, postava jak těla lidí pracovat 96 00:04:18,690 --> 00:04:19,980 s technologií. 97 00:04:19,980 --> 00:04:21,750 Takže pokud chcete poté, po přednášce, 98 00:04:21,750 --> 00:04:23,750 můžeme vám přijít a vzít další stab na to. 99 00:04:23,750 --> 00:04:26,970 Ale jinak, potlesk, je-li Mohli bychom Maria přišla na up. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Děkuji. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. Malan: Děkuji. 102 00:04:30,390 --> 00:04:34,945 Budeme viset na to, ale budeme dávat you-- jak o stresu míč tady? 103 00:04:34,945 --> 00:04:38,620 Oh, a- if-- jo, díky. 104 00:04:38,620 --> 00:04:39,715 Dobrá. 105 00:04:39,715 --> 00:04:45,750 Takže zvědavý, pokud jste byli obeznámeni s rozumnou volbu 106 00:04:45,750 --> 00:04:47,670 že tam z dříve, úžasný TV 107 00:04:47,670 --> 00:04:50,210 ukazují, že byste měli absolutně být nárazově sledování na Netflix 108 00:04:50,210 --> 00:04:51,110 je to jeden tady. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: Dámy a pánové, kouzelník s názvem Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. Malan: A zdá se, že je to věc mi textu během přednášky teď. 112 00:05:08,050 --> 00:05:11,190 Mi bylo řečeno, že Maria měl včera narozeniny. 113 00:05:11,190 --> 00:05:14,095 Tak všechno nejlepší k narozeninám od CS50 Marii stejně. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Takže jste možná četli v poslední měsíc že to pánové zde, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, který byl ve skutečnosti třída z roku 1977 na vysoké škole, 117 00:05:25,260 --> 00:05:27,170 Nedávno odešel pro Microsoft. 118 00:05:27,170 --> 00:05:29,620 Byl student zde, pak pár let později 119 00:05:29,620 --> 00:05:31,910 se ocitl v Stanford Business School 120 00:05:31,910 --> 00:05:34,160 když dostal telefon volání z jeho přítel kdo 121 00:05:34,160 --> 00:05:36,516 žil chodbou od něj tady na Harvardu. 122 00:05:36,516 --> 00:05:38,640 Jména přítele byl Bill Gates, a v té době, 123 00:05:38,640 --> 00:05:42,700 se snažil naverbovat Steva být první obchodní osoba, opravdu, 124 00:05:42,700 --> 00:05:45,720 na malé firmy název Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> Dlouhý příběh krátký, Steve byl nakonec získal, 126 00:05:48,960 --> 00:05:52,130 připojil Microsoft, když se měl jen 30 zaměstnanců. 127 00:05:52,130 --> 00:05:54,300 A v době, kdy odešel docela nedávno, 128 00:05:54,300 --> 00:05:58,100 měla společnost 100.000 zaměstnanců v posledních několika letech. 129 00:05:58,100 --> 00:06:01,171 A tak web známý jako The Verge připravila tento hold na videu 130 00:06:01,171 --> 00:06:02,920 že jsme si mysleli, že sdílené, které vám dává 131 00:06:02,920 --> 00:06:08,380 pocit, jak moc energie Steve přináší všechny prezentace dává. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VIDEO PŘEHRÁVÁNÍ] 134 00:06:12,550 --> 00:06:16,220 -Microsoft To jako čtvrté dítě. 135 00:06:16,220 --> 00:06:18,260 Děti dělat opustit dům. 136 00:06:18,260 --> 00:06:21,875 V tomto případě, myslím, že Odcházím z domu. 137 00:06:21,875 --> 00:06:23,270 Hej Bille, whazzap? 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap? 139 00:06:24,200 --> 00:06:25,320 >> Hej, wazzap? 140 00:06:25,320 --> 00:06:28,590 Jsme dostali obrovská příležitost. 141 00:06:28,590 --> 00:06:30,210 A Bill nám dal tuto příležitost. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Chtěl bych poděkovat Billa za to. 144 00:06:36,770 --> 00:06:39,630 Chci, abys taky. 145 00:06:39,630 --> 00:06:42,500 Tempo inovací se nebude zpomalovat. 146 00:06:42,500 --> 00:06:45,140 >> Je to dostane rychleji a rychleji. 147 00:06:45,140 --> 00:06:50,165 Tam by mohlo být několik konkurentů které jsou bohužel odstraněny! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Miluji tuto společnost. 150 00:06:59,564 --> 00:07:00,064 Ano! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Jsem PC, a mám rád tuto společnost! 153 00:07:08,250 --> 00:07:13,090 >> Vývojáři, vývojáři, vývojáři, vývojáři, vývojáři, vývojáři, 154 00:07:13,090 --> 00:07:14,560 vývojáři, vývojáři. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Ano! 157 00:07:18,970 --> 00:07:19,950 Weboví vývojáři! 158 00:07:19,950 --> 00:07:21,420 >> Weboví vývojáři! 159 00:07:21,420 --> 00:07:22,890 Weboví vývojáři! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Poslechněte si, co ještě dostat bez příplatku! 162 00:07:28,770 --> 00:07:31,960 >> MS-DOS výkonných, jmenování kalendář, karta hromada, poznámkový blok, 163 00:07:31,960 --> 00:07:33,750 hodiny, ovládací panel. 164 00:07:33,750 --> 00:07:35,461 A můžete věřit? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Vypálit na CD! 167 00:07:37,270 --> 00:07:38,660 Po nich na MSN! 168 00:07:38,660 --> 00:07:40,422 Můžete nám je zašlete přátelům! 169 00:07:40,422 --> 00:07:41,790 >> Vše s jedním kliknutím! 170 00:07:41,790 --> 00:07:48,670 Jeden Microsoft, jedna strategie, jeden team-- soustředěný, disciplinovaný, profesní, 171 00:07:48,670 --> 00:07:50,610 a odborník na všechno, co děláme. 172 00:07:50,610 --> 00:07:52,670 Dovolte mi, abych linku ze starého filmu. 173 00:07:52,670 --> 00:07:54,810 >> Vztahy jsou jako žraloci. 174 00:07:54,810 --> 00:07:57,480 Oni se pohybují vpřed nebo zemřou. 175 00:07:57,480 --> 00:08:01,470 Vlastně si myslím, tech společnosti jsou stejné. 176 00:08:01,470 --> 00:08:04,801 >> [END VIDEOPŘEHRÁVÁNÍ] 177 00:08:04,801 --> 00:08:08,050 DAVID J. Malan: Tak my jsme tak rádi, že oznamujeme, že Steve bude nám připojí 178 00:08:08,050 --> 00:08:13,320 zde CS50 příští středu na obvyklé místo a čas zde. 179 00:08:13,320 --> 00:08:14,750 Prostor bude pravděpodobně omezený. 180 00:08:14,750 --> 00:08:19,650 A tak se k nám připojili osobně, prosím hlava dnes nebo krátce poté 181 00:08:19,650 --> 00:08:22,600 na cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> A budeme sledovat od Úterý potvrzení skvrny. 183 00:08:25,780 --> 00:08:29,900 Můžete se těšit na to další Středa při přednášce v CS50. 184 00:08:29,900 --> 00:08:33,706 Nyní, v jiných zprávách, jsem se náhodou narazit na toto v Crimson jen 185 00:08:33,706 --> 00:08:34,289 druhý den. 186 00:08:34,289 --> 00:08:37,370 >> Ukazuje se, že jeden z pracovníků CS50 je a alespoň jeden z jeho žáků CS50 187 00:08:37,370 --> 00:08:40,299 je v současné době běží na UC prezident a viceprezident, 188 00:08:40,299 --> 00:08:42,950 který mě přivedl zpátky na mých dnů zpět 189 00:08:42,950 --> 00:08:45,920 když jsem prohrál volby UC nešťastně. 190 00:08:45,920 --> 00:08:48,210 Ale útěchou v tom, že je vždycky 191 00:08:48,210 --> 00:08:50,604 říct, příběh je to, že jeden ze jsem si jistý, 192 00:08:50,604 --> 00:08:52,770 mnoho důvodů, proč jsem ztratil volby byl naprostý nedostatek 193 00:08:52,770 --> 00:08:54,103 o talentu pro mluvení na veřejnosti. 194 00:08:54,103 --> 00:08:56,950 A tak zcela upřímně to, jel mi, že zkušenosti 195 00:08:56,950 --> 00:09:02,235 Myslím, že můj mladší rok, skutečně podepsat up pro Harvard Computer Society, která 196 00:09:02,235 --> 00:09:04,610 je skupina na akademické půdě, které pořádá různé technické jednání 197 00:09:04,610 --> 00:09:05,318 a další věci. 198 00:09:05,318 --> 00:09:08,117 A já jsem převzal svou výuku semináře, a proto 199 00:09:08,117 --> 00:09:09,950 měl příležitost, skvělá příležitost, 200 00:09:09,950 --> 00:09:12,620 začít pracovat na právě toto. 201 00:09:12,620 --> 00:09:15,000 Ale také jsem měl možnost Během této zkušenosti 202 00:09:15,000 --> 00:09:16,930 učit sám o to více HTML. 203 00:09:16,930 --> 00:09:21,080 A tak jsem odkládal včera večer hledá prostřednictvím internetových stránek HTML na bázi 204 00:09:21,080 --> 00:09:28,066 Udělal jsem dovnitř jako 1997 '98 pro můj kampaň, která vypadá jako tohle. 205 00:09:28,066 --> 00:09:29,920 Já vím. 206 00:09:29,920 --> 00:09:33,340 >> Protože-- a samozřejmě, oznámení tento úžasný návrh rozhodnutí v roce 1998 207 00:09:33,340 --> 00:09:33,850 nebo kdoví co ještě. 208 00:09:33,850 --> 00:09:36,475 První věc, kterou chcete, aby uživatelé udělat při návštěvě svých webových stránek 209 00:09:36,475 --> 00:09:39,860 je muset klikněte na další odkaz jen zadejte své stránky s mnichem 210 00:09:39,860 --> 00:09:43,940 za jako zahalené oponou, kde zřejmě moje kampaň platforma byla. 211 00:09:43,940 --> 00:09:46,330 A to je vše, co dostanete dnes je jen screenshot. 212 00:09:46,330 --> 00:09:49,500 Ale já jsem pročítal, jako, Moje kampaň plakáty poslední noc 213 00:09:49,500 --> 00:09:50,490 a můj platformu. 214 00:09:50,490 --> 00:09:52,960 >> A já jsem byl tak naštvaný, v té době. 215 00:09:52,960 --> 00:09:55,380 Můj platforma was-- to bylo zajímavé. 216 00:09:55,380 --> 00:09:57,730 Tak jsem se uklidnil od té doby. 217 00:09:57,730 --> 00:10:03,550 Ale jednou, budu znovu spustit a snad lépe tuto dobu. 218 00:10:03,550 --> 00:10:07,265 >> Tak HTML, který jazyk, ve kterém jsem že in-- budete brzy dělat mnohem more-- 219 00:10:07,265 --> 00:10:09,140 je něco, co jsme byli mluví o pozdní 220 00:10:09,140 --> 00:10:12,460 a do značné míry braní za samozřejmost nyní že jsme se přesunuli do jiných jazyků. 221 00:10:12,460 --> 00:10:15,650 Ale pojďme pozastavit na chvíli a dát některé z těchto věcí v souvislostech. 222 00:10:15,650 --> 00:10:18,040 Takže ve větě, co je HTML? 223 00:10:18,040 --> 00:10:19,370 >> Nebo, co se používá? 224 00:10:19,370 --> 00:10:20,208 Každý, kdo? 225 00:10:20,208 --> 00:10:20,708 Ano. 226 00:10:20,708 --> 00:10:22,002 >> Diváků: Markup pro webové stránky. 227 00:10:22,002 --> 00:10:23,460 DAVID J. Malan: Markup pro webové stránky. 228 00:10:23,460 --> 00:10:27,100 Takže je to značkovací jazyk, který umožňuje strukturovat webovou stránku. 229 00:10:27,100 --> 00:10:30,040 Header jde sem, titul jde tady, tělo se dostane zde. 230 00:10:30,040 --> 00:10:33,280 To tučný, to je italics-- tento druh detailu. 231 00:10:33,280 --> 00:10:33,830 >> OK, dobře. 232 00:10:33,830 --> 00:10:37,620 Takže CSS umožňuje you-- a já se některé svobody zde 233 00:10:37,620 --> 00:10:40,990 s tučným-obklad a kurzívou následujících důvodů To už je lepší realizovat s tím. 234 00:10:40,990 --> 00:10:42,096 CSS je-- co? 235 00:10:42,096 --> 00:10:42,845 Řekněme, že ve větě. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Každý, kdo vůbec. 238 00:10:46,720 --> 00:10:46,870 Jo. 239 00:10:46,870 --> 00:10:49,286 >> Diváků: zdobení a věci, jako jak to navrhnout. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. Malan: OK, dobře. 242 00:10:52,810 --> 00:10:55,420 Zdobení, které vám umožňují navrhnout, nebo stylizovat ji 243 00:10:55,420 --> 00:10:59,540 s věcmi, jako je tučné písmo a kurzíva a barvy, a také jemnější 244 00:10:59,540 --> 00:11:01,330 jemnozrnný umístění prvků. 245 00:11:01,330 --> 00:11:04,520 Tak nějak vám umožní vzít věci do Poslední míle tak, aby v případě, například, 246 00:11:04,520 --> 00:11:08,130 v Pset7, možná jste si všimli, na vašem portfolio strana, pokud jste na tomto místě 247 00:11:08,130 --> 00:11:12,270 již, že výchozí tabulku, která vám aby ukázat držení zásob uživatele 248 00:11:12,270 --> 00:11:15,740 a cash asi vypadá docela odporná Ve výchozím nastavení se žádné bílé místo. 249 00:11:15,740 --> 00:11:18,420 Všechno je trochu přeplněné společně v řádcích a sloupcích. 250 00:11:18,420 --> 00:11:20,662 >> No, s trochou CSS, jak jste si možná uvědomíte, 251 00:11:20,662 --> 00:11:23,870 můžete skutečně vyladit to a dělat to něco mnohem známější a mnohem 252 00:11:23,870 --> 00:11:24,870 hezčí na pohled. 253 00:11:24,870 --> 00:11:27,730 Takže CSS je o stylizace webových stránek. 254 00:11:27,730 --> 00:11:31,970 Ale pak jsme ještě další představen jazyk, PHP, který nám umožňuje dělat co? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Pojďme jen to, co? 257 00:11:37,590 --> 00:11:38,177 Kdokoliv. 258 00:11:38,177 --> 00:11:40,010 Musím Zajít Prvních pár řádků. 259 00:11:40,010 --> 00:11:40,260 Jo. 260 00:11:40,260 --> 00:11:41,719 >> Diváků: Generovat dynamický obsah. 261 00:11:41,719 --> 00:11:42,718 DAVID J. Malan: Perfect. 262 00:11:42,718 --> 00:11:43,850 Generovat dynamický obsah. 263 00:11:43,850 --> 00:11:45,808 A můžete to provést v libovolný počet jazyků. 264 00:11:45,808 --> 00:11:50,120 Náhodou používat PHP, protože je to v části, takže podobně jako syntaxe C. 265 00:11:50,120 --> 00:11:52,000 >> Ale PHP dělá přesně to. 266 00:11:52,000 --> 00:11:54,620 To vám umožní dynamicky generovat výstup. 267 00:11:54,620 --> 00:11:57,890 A některé z těchto výstupů může být HTML, jak jsme běžně dělali. 268 00:11:57,890 --> 00:12:00,160 A je to také proto, že je programovací jazyk, je 269 00:12:00,160 --> 00:12:03,240 mechanismus, prostřednictvím kterého můžeme mluvit s databází. 270 00:12:03,240 --> 00:12:05,730 >> A můžeme dotazy na ostatní servery jako Yahoos 271 00:12:05,730 --> 00:12:08,660 a programově dělat cokoliv Opravdu, které byste jinak 272 00:12:08,660 --> 00:12:10,400 chcete přimět počítač dělat. 273 00:12:10,400 --> 00:12:13,580 PHP tak nám umožňuje začít dynamicky výstup obsahu. 274 00:12:13,580 --> 00:12:16,900 Takže této logiky, jsem neměl dynamický web v roce 1998. 275 00:12:16,900 --> 00:12:18,460 >> Byl to jen statické webové stránky. 276 00:12:18,460 --> 00:12:22,250 Můj obsah musel být změněn ručně gedit nebo nějaký ekvivalent. 277 00:12:22,250 --> 00:12:25,290 Ale PHP je to, co jsme použili, nebo mohli použít spíše 278 00:12:25,290 --> 00:12:27,260 něco jako Webové stránky Frosh IM, který 279 00:12:27,260 --> 00:12:31,160 měl vzít registrace a spravovat seznam users-- věcí, které 280 00:12:31,160 --> 00:12:33,550 jsou skutečně přepnutí čas, i když se stalo, 281 00:12:33,550 --> 00:12:35,990 používat Perl, jiný jazyk v té době. 282 00:12:35,990 --> 00:12:40,350 >> A pak konečně, jsme zavedli SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Přesto tak jiný jazyk která je použita pro co? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Používá se pro co? 286 00:12:47,639 --> 00:12:49,430 Můžeme pustit slight-- OK, nebudeme 287 00:12:49,430 --> 00:12:51,263 dostat mnohem dál než orchestru zde. 288 00:12:51,263 --> 00:12:53,432 Diváků: Je to protokol použije pro komunikaci s databází. 289 00:12:53,432 --> 00:12:55,640 DAVID J. Malan: protokol použije pro komunikaci s databází. 290 00:12:55,640 --> 00:12:56,181 Dovolte mi, abych vyladit. 291 00:12:56,181 --> 00:12:59,280 Je to přirozený jazyk použitý mluvit databases-- vybere 292 00:12:59,280 --> 00:13:01,280 a vložky a odstraní a aktualizace a ve skutečnosti 293 00:13:01,280 --> 00:13:03,840 dokonce i více funkcí, které Ještě jsme ani potápěl 294 00:13:03,840 --> 00:13:07,920 do, ale budete chtít mít explore-- prozkoumat, řekněme, závěrečný projekt. 295 00:13:07,920 --> 00:13:09,560 Takže tam jsou tyto různé kousky. 296 00:13:09,560 --> 00:13:13,100 >> A doufejme, že Pset7, i když jeho specifikace je poměrně dlouhá, 297 00:13:13,100 --> 00:13:15,990 je to záměrně dlouho, aby vás díky, jak se tyto věci mohou všichni 298 00:13:15,990 --> 00:13:17,210 být zadány společně. 299 00:13:17,210 --> 00:13:20,300 Teď v pondělí jsme představil svou poslední jazyk 300 00:13:20,300 --> 00:13:23,430 že budeme formálně zavést do course-- to je, JavaScript. 301 00:13:23,430 --> 00:13:25,720 To, stejně jako PHP, je interpretovaný jazyk. 302 00:13:25,720 --> 00:13:28,110 >> Ale klíčový rozdíl Navrhl jsem v pondělí 303 00:13:28,110 --> 00:13:32,730 je to, že zatímco PHP je provádění nebo vykládá na serveru, který 304 00:13:32,730 --> 00:13:35,990 v tomto případě je CS50 spotřebiče, nebo by mohl být nějaký komerční web 305 00:13:35,990 --> 00:13:39,370 serveru na internetu, JavaScript obecně 306 00:13:39,370 --> 00:13:43,650 je jazyk, který běží na straně klienta ne serveru side-- tak v prohlížeči. 307 00:13:43,650 --> 00:13:46,970 Což znamená, že stejně jako když jsem otevřel up Facebooku zdrojového kódu a zjistil vše 308 00:13:46,970 --> 00:13:51,510 těchto JS souborů, vyplývalo, že při návštěvě Facebook nebo nejvíce 309 00:13:51,510 --> 00:13:54,810 webové stránky v těchto dnech, získáte nejen HTML, CSS nejen, 310 00:13:54,810 --> 00:13:59,370 ale celá parta JavaScriptu Kód často ve formě JS souborů. 311 00:13:59,370 --> 00:14:03,970 A pak je to browser-- vlastní Mac nebo PC--, který provádí tento kód. 312 00:14:03,970 --> 00:14:05,990 >> Váš prohlížeč spustí jej. 313 00:14:05,990 --> 00:14:08,070 Můžete si myslet v jakési karantény. 314 00:14:08,070 --> 00:14:12,420 Tak, že kód JavaScript by neměla být moci odstranit soubory na vašem počítači. 315 00:14:12,420 --> 00:14:14,730 Nemělo by být schopni posílat e-maily vaším jménem. 316 00:14:14,730 --> 00:14:17,760 Váš prohlížeč druh omezuje Co můžete dělat s ním. 317 00:14:17,760 --> 00:14:20,630 >> Takže v tomto smyslu, je to trochu méně silný, možná, než C. 318 00:14:20,630 --> 00:14:24,030 Ale JavaScript může, as stranou, používat na serveru, 319 00:14:24,030 --> 00:14:27,740 když budeme nemají tendenci mluvit o to v tomto kontextu. 320 00:14:27,740 --> 00:14:29,740 Takže teď pojďme svázat tyto spolu. 321 00:14:29,740 --> 00:14:34,000 Týden navíc dávno, jsme představili některé HTML na left-- Super nudné webové stránky. 322 00:14:34,000 --> 00:14:35,000 >> Jen říká, hello world. 323 00:14:35,000 --> 00:14:38,110 A pak jsem navrhl na právo můžeme trochu krást nápady 324 00:14:38,110 --> 00:14:41,470 z naší diskuse datové struktury v C 325 00:14:41,470 --> 00:14:45,270 a přemýšlet o tom, jak tento hierarchický značkovací jazyk na levé straně 326 00:14:45,270 --> 00:14:49,720 by mohly být zpracovány, nebo realizovány v paměti jako skutečné stromové struktury s uzly 327 00:14:49,720 --> 00:14:51,400 a ukazatele a ty druhy detailů. 328 00:14:51,400 --> 00:14:53,820 Na pravé straně, říkáme že se DOM-- dokumentu 329 00:14:53,820 --> 00:14:56,800 Objekt Model-- což je jen ozdobný způsob, jak říkat strom. 330 00:14:56,800 --> 00:14:59,520 >> Nyní, proč je to užitečné myslet na to tímto způsobem? 331 00:14:59,520 --> 00:15:01,680 Protože teď se JavaScript, protože máme 332 00:15:01,680 --> 00:15:05,810 kód, který se dostane do hry v tomto prostředí, aktuální HTML, který je 333 00:15:05,810 --> 00:15:08,360 byla odeslána do prohlížeče a už má již 334 00:15:08,360 --> 00:15:12,690 byl načten do paměti prohlížeč do stromu ve vašem počítači 335 00:15:12,690 --> 00:15:18,270 RAM takhle, můžeme použít JavaScript skutečně přejít nebo jít pěšky nebo hledání 336 00:15:18,270 --> 00:15:21,800 nebo změnit DOM strom však chceme. 337 00:15:21,800 --> 00:15:24,040 Takže ve skutečnosti, pokud si myslíte, o facebook.com, 338 00:15:24,040 --> 00:15:27,660 Použijete-li funkci chatu, pokud máte Použití Gmail a funkce gchat, 339 00:15:27,660 --> 00:15:30,540 něco, kde máte zprávy znovu a znovu přichází 340 00:15:30,540 --> 00:15:35,880 a znovu, tyto zprávy jsou pravděpodobně, jako, LI tag, List Item tagy, možná. 341 00:15:35,880 --> 00:15:37,940 >> Nebo možná, že to jen divs, které udržují objevovat 342 00:15:37,940 --> 00:15:39,770 pokaždé, když se dostanete rychlou zprávu. 343 00:15:39,770 --> 00:15:42,960 A tak to jen znamená, že to, co Facebook nebo Google dělá 344 00:15:42,960 --> 00:15:45,200 se kdykoliv dostanete zprávy ze serveru, 345 00:15:45,200 --> 00:15:48,740 jsou pravděpodobně používáte JavaScript jen přidat další uzel 346 00:15:48,740 --> 00:15:52,700 to tree-- další uzel na to strom, který vizuálně jen vypadá 347 00:15:52,700 --> 00:15:54,570 jako nový řádek textu na obrazovce. 348 00:15:54,570 --> 00:15:57,100 Ale oni vložení do této datové struktury. 349 00:15:57,100 --> 00:15:59,742 >> Takže ve třídách, jako CS124 a další, budete 350 00:15:59,742 --> 00:16:02,200 vlastně napsat více kódu proti datové struktury jako je tento. 351 00:16:02,200 --> 00:16:04,310 Ale teď v JavaScriptu, budeme jen předpokládat, 352 00:16:04,310 --> 00:16:07,920 dostaneme všechny tyto funkce zdarma z jazyka samotného. 353 00:16:07,920 --> 00:16:09,210 Takže pojďme se podívat na příklad. 354 00:16:09,210 --> 00:16:13,120 >> Dovolte mi, abych otevřít soubor s názvem form.html. 355 00:16:13,120 --> 00:16:14,601 Je to super jednoduché. 356 00:16:14,601 --> 00:16:15,600 Prostě to vypadá takto. 357 00:16:15,600 --> 00:16:17,860 >> Ne CSS, žádná myšlenka na estetiku. 358 00:16:17,860 --> 00:16:19,810 Je to čistě funkční a zřejmě jsem 359 00:16:19,810 --> 00:16:24,000 žádá o e-mail, heslo, znovu heslo a pak kontrola 360 00:16:24,000 --> 00:16:26,150 souhlasit s některými podmínkami. 361 00:16:26,150 --> 00:16:28,740 Co zdrojový kód pro tento vypadá to je asi něco 362 00:16:28,740 --> 00:16:31,030 asi tušíte s trochu přemýšlení teď. 363 00:16:31,030 --> 00:16:32,840 Mám tag formuláře zde. 364 00:16:32,840 --> 00:16:36,190 >> Akce se zřejmě chystá přejít do souboru s názvem register.php. 365 00:16:36,190 --> 00:16:37,870 Metoda budu používat, je dostat. 366 00:16:37,870 --> 00:16:40,880 A pak jsem dostal text pole, jehož jméno je e-mail. 367 00:16:40,880 --> 00:16:43,340 >> Mám pole hesla jehož jméno je heslo. 368 00:16:43,340 --> 00:16:45,420 Mám další Heslo pole, jehož jméno 369 00:16:45,420 --> 00:16:47,342 je poněkud libovolně potvrzení. 370 00:16:47,342 --> 00:16:49,690 Je to jen další parametr HTTP. 371 00:16:49,690 --> 00:16:54,430 >> A pak jsme jsme nepoužívají tyto, s výjimkou protože Frosh IM demo v class-- 372 00:16:54,430 --> 00:16:56,692 zaškrtávací políčko, které je jen typ rovná kontrolu. 373 00:16:56,692 --> 00:16:57,900 A já zavolám tuto dohodu. 374 00:16:57,900 --> 00:17:00,700 Takže jsem trochu libovolně, ale vhodně pojmenovaný těchto polí. 375 00:17:00,700 --> 00:17:03,450 Tak, že teď, když tato forma dostane předloženy, podívejme se, co se stane. 376 00:17:03,450 --> 00:17:07,290 Pokud mám malan@harvard.edu, Udělám heslo karmínové. 377 00:17:07,290 --> 00:17:09,530 Udělám heslo nic. 378 00:17:09,530 --> 00:17:10,910 Pojďme nespolupracuje. 379 00:17:10,910 --> 00:17:12,280 >> A nebudu zaškrtněte políčko. 380 00:17:12,280 --> 00:17:13,940 Dovolte mi, abych na tlačítko Registrovat. 381 00:17:13,940 --> 00:17:15,420 A říká, hm, jste zaregistrován. 382 00:17:15,420 --> 00:17:16,069 Ne tak docela. 383 00:17:16,069 --> 00:17:17,450 >> Ale URL změnilo. 384 00:17:17,450 --> 00:17:22,280 Takže tato forma byla jasně povolen předložit register.php. 385 00:17:22,280 --> 00:17:25,160 Ale pravděpodobně bych měl být zachycení některé z těchto chyb. 386 00:17:25,160 --> 00:17:27,569 Nyní, v Pset7 a některé z našich příkladů přednášky, 387 00:17:27,569 --> 00:17:30,130 bychom obecně vytisknout velké červené chybové hlášení zde 388 00:17:30,130 --> 00:17:33,760 říká, chybí jméno, nebo chybějící heslo. 389 00:17:33,760 --> 00:17:37,680 Udělali jsme, že před a máme done detekce chyb na straně serveru. 390 00:17:37,680 --> 00:17:41,580 >> Ale mnoho webových stránek, v těchto dnech dělat detekci chyb na straně klienta 391 00:17:41,580 --> 00:17:42,810 kde URL nemění. 392 00:17:42,810 --> 00:17:44,101 Celá stránka neobnoví. 393 00:17:44,101 --> 00:17:46,940 Získáte okamžitou zpětnou vazbu z prohlížeče. 394 00:17:46,940 --> 00:17:48,070 Možná, že se něco červeně. 395 00:17:48,070 --> 00:17:49,190 >> Možná dostanete pop-up. 396 00:17:49,190 --> 00:17:53,240 Ale nemusíte ztrácet čas odesílání datový server, který je neúplný. 397 00:17:53,240 --> 00:17:56,050 Takže pojďme se podívat, jak bychom mohli dosáhnout tuto funkci stejně. 398 00:17:56,050 --> 00:17:59,660 >> Nech mě jít do form1.html, která vypadá stejně. 399 00:17:59,660 --> 00:18:03,530 Ale když tentokrát jsem dělat malan@harvard.edu a píšu crimson 400 00:18:03,530 --> 00:18:07,350 a nemám dále spolupracovat ale klikněte na tlačítko Registrovat, všimnete hned. 401 00:18:07,350 --> 00:18:08,940 Není to sexy řešení. 402 00:18:08,940 --> 00:18:10,900 Já jsem alespoň zachytil tuto chybu. 403 00:18:10,900 --> 00:18:12,900 A já jsem použil záznam Funkce v JavaScript-- 404 00:18:12,900 --> 00:18:14,090 které jsme použili pouze ve třídě. 405 00:18:14,090 --> 00:18:16,430 Obecně platí, že byste neměli používat tento protože to může velmi rychle dostat ven 406 00:18:16,430 --> 00:18:17,160 kontroly. 407 00:18:17,160 --> 00:18:19,180 Ale hesla se neshodují, je chyba. 408 00:18:19,180 --> 00:18:21,120 >> Nech mě jít napřed a klepněte na tlačítko OK. 409 00:18:21,120 --> 00:18:25,040 Ale to, co klíč stánek s jídlem zde je, že adresa URL nezměnila. 410 00:18:25,040 --> 00:18:27,960 Takže jsem se neobtěžoval plýtvání čas serveru a dotázal se ho 411 00:18:27,960 --> 00:18:30,750 otázka, kterou bych mohl mít přišel na to odpověď pro sebe. 412 00:18:30,750 --> 00:18:33,210 >> A uživatel, i když Mluvil o tom 413 00:18:33,210 --> 00:18:35,264 delší než uživatele bude přemýšlet o tom, 414 00:18:35,264 --> 00:18:36,680 bude mít okamžitou zpětnou vazbu. 415 00:18:36,680 --> 00:18:39,044 Není latence se připojení k síti. 416 00:18:39,044 --> 00:18:40,460 Takže pojďme se podívat na tohoto zdrojového kódu. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html vzhled strukturálně podobné tady. 418 00:18:45,600 --> 00:18:46,810 Forma je v podstatě stejný. 419 00:18:46,810 --> 00:18:48,330 Ale pojďme se podívat, co jsem udělal tady. 420 00:18:48,330 --> 00:18:49,913 A je tu různé způsoby, jak toho dosáhnout. 421 00:18:49,913 --> 00:18:53,690 A já jsem udělal nejvíce rovně následovník, ale nejelegantnější způsob, jak ještě. 422 00:18:53,690 --> 00:18:54,869 Mám tag script. 423 00:18:54,869 --> 00:18:57,035 Pak jsem volat document.getElementById ("registrace"). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 A já uložit tuto hodnotu ve formě, proměnná. 426 00:19:04,420 --> 00:19:05,520 >> Takže to, co jsem to udělal? 427 00:19:05,520 --> 00:19:08,960 Můžete si myslet document.getElementById jako 428 00:19:08,960 --> 00:19:11,200 speciální funkce, která JavaScript vám dává 429 00:19:11,200 --> 00:19:14,400 které doslova podá vám Ukazatel na jednom z uzlů 430 00:19:14,400 --> 00:19:16,520 nebo obdélníky v této větvi. 431 00:19:16,520 --> 00:19:21,470 Takže teď, že je to, co naše forma proměnná v JavaScriptu je ve skutečnosti ukazuje na. 432 00:19:21,470 --> 00:19:25,120 >> Takže teď syntaxe je odlišná od C. Ale děláme pár věcí zde. 433 00:19:25,120 --> 00:19:30,360 Jeden z nich, tohle je trochu divné hledáte, jistě proti C. 434 00:19:30,360 --> 00:19:32,180 Ale podívejte se na řádku 35. 435 00:19:32,180 --> 00:19:35,130 Tak na levém form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Připomeňme si, že je onsubmit jako pole v struct. 437 00:19:38,060 --> 00:19:41,480 Pokud si myslíte, že proměnné formuláře je zrovna C struct, 438 00:19:41,480 --> 00:19:42,600 to by mohlo mít nějaké pole. 439 00:19:42,600 --> 00:19:46,410 >> Zpět v den, jsme měli studenti jména, ID, domy, tyhle polí. 440 00:19:46,410 --> 00:19:48,520 Jen pomyslete na onsubmit jako další pole. 441 00:19:48,520 --> 00:19:53,380 Ale je to zvláštní, protože pole prohlížeč je předem naprogramován očekávat 442 00:19:53,380 --> 00:19:57,530 .onsubmit nebýt hodnotu jako číslo nebo řetězec, 443 00:19:57,530 --> 00:20:01,180 ale ve skutečnosti je funkce nebo adresa funkce 444 00:20:01,180 --> 00:20:02,570 v paměti počítače. 445 00:20:02,570 --> 00:20:04,740 >> A vskutku, to je to, co toto klíčové slovo tady dělá. 446 00:20:04,740 --> 00:20:06,710 To říká, dejte mi novou funkci. 447 00:20:06,710 --> 00:20:09,390 Ale to, co je jeho jméno bude zřejmě? 448 00:20:09,390 --> 00:20:10,800 >> Vzpomínal na pondělí. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Jaký je název tohoto na základě této syntaxe funkce? 451 00:20:17,170 --> 00:20:19,784 Ne, myslím, že to jasně no name associated-- jistě 452 00:20:19,784 --> 00:20:21,200 ne v tom, co jsem tu zvýrazněny. 453 00:20:21,200 --> 00:20:22,560 >> Ale to je vlastně v pořádku. 454 00:20:22,560 --> 00:20:25,840 To je anonymní funkce, nebo funkce lambda jak by si někteří mohli nazvat. 455 00:20:25,840 --> 00:20:27,589 A to právě znamená, je to stále funkční. 456 00:20:27,589 --> 00:20:29,400 Je to jen, nemůžete říkat jménem. 457 00:20:29,400 --> 00:20:30,057 Ale to je v pořádku. 458 00:20:30,057 --> 00:20:33,140 Vzhledem k tomu, opět, prohlížeč je předprogramována společnostmi jako Google 459 00:20:33,140 --> 00:20:38,540 nebo Microsoft nebo Mozilla nebo třetí osoby ke jen vím, že pokud .onsubmit pole 460 00:20:38,540 --> 00:20:43,400 uvnitř formulářový prvek má hodnota, zacházet s ní jako s function-- 461 00:20:43,400 --> 00:20:44,750 ukazatel na funkci, chcete-li. 462 00:20:44,750 --> 00:20:46,910 A volat, když je formulář. 463 00:20:46,910 --> 00:20:50,350 >> Takže to, co kód by měl být vykonán pokud je formulář zaslán? 464 00:20:50,350 --> 00:20:52,526 Zdá se, že vše, co uvnitř složená závorka. 465 00:20:52,526 --> 00:20:53,650 A to je jen stylistické. 466 00:20:53,650 --> 00:20:55,626 >> Dalo by se to líbí máme tendenci dělat v CS50. 467 00:20:55,626 --> 00:20:58,250 Ale v JavaScriptu, většina lidí mají tendenci, aby ji udrželi na stejném řádku 468 00:20:58,250 --> 00:21:01,960 jen proto, že jasněji je spojené s touto funkcí klíčových slov. 469 00:21:01,960 --> 00:21:03,240 Takže co teď dělám? 470 00:21:03,240 --> 00:21:08,616 >> Pokud form.email.value rovná rovná prázdný řetězec, nebo nic, tady je 471 00:21:08,616 --> 00:21:11,490 upozornění, kde jsem chtěl říct, je nutné zadat e-mailovou adresu, 472 00:21:11,490 --> 00:21:12,690 a pak se vrátit false. 473 00:21:12,690 --> 00:21:15,720 A to, že return false že zabraňuje formulář z jejich předložení. 474 00:21:15,720 --> 00:21:19,480 Mezitím, v případě, že hodnota je heslo prázdný, budu křičet na uživatele 475 00:21:19,480 --> 00:21:21,150 a říkají, musíte zadat heslo. 476 00:21:21,150 --> 00:21:23,700 >> Mezitím, co jsou stále trochu milovník zde. 477 00:21:23,700 --> 00:21:29,160 Pokud není form.password.value rovná form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 jiné pole, křičet na Uživatel, který hesla 479 00:21:31,680 --> 00:21:33,860 neodpovídají jako oni ne před chvílí. 480 00:21:33,860 --> 00:21:35,780 A pak tohle je trochu víc sexy, protože jsem 481 00:21:35,780 --> 00:21:40,470 vím, že jsem věděl, že koncepčně kontrolovat je název zaškrtávací políčko je. 482 00:21:40,470 --> 00:21:45,680 >> Tak jsem se použít jen výkřik bod říci, zda kontrola není 483 00:21:45,680 --> 00:21:48,040 checked-- je to Boolean hodnota true nebo false-- 484 00:21:48,040 --> 00:21:49,700 Budu křičet na uživatele z tohoto důvodu. 485 00:21:49,700 --> 00:21:52,300 V opačném případě, pokud se dostaneme přes všechny tyto podmínky, 486 00:21:52,300 --> 00:21:53,270 řekněme, vrátí hodnotu true. 487 00:21:53,270 --> 00:21:54,700 Nechte forma být předloženy. 488 00:21:54,700 --> 00:21:56,560 A to se pak stane. 489 00:21:56,560 --> 00:21:57,740 >> Pojďme zadejte rudě. 490 00:21:57,740 --> 00:22:00,230 Nechte zaškrtněte políčko, klepněte na Registrovat. 491 00:22:00,230 --> 00:22:01,979 A teď jsem se projít na místo určení. 492 00:22:01,979 --> 00:22:03,270 Teď tam není žádná databáze. 493 00:22:03,270 --> 00:22:05,370 Tu nic zajímavého v register.php. 494 00:22:05,370 --> 00:22:07,980 Jen jsem potřeboval něco skutečně mluvit. 495 00:22:07,980 --> 00:22:09,140 Takže mi dovolte pozastavit, zde. 496 00:22:09,140 --> 00:22:16,270 Jakékoliv dotazy týkající se toho, co jsme právě udělali nebo to, co někteří z této nové syntaxe je? 497 00:22:16,270 --> 00:22:17,640 OK, jo? 498 00:22:17,640 --> 00:22:20,025 >> Diváků: Jakékoliv políčko je automaticky Boolean. 499 00:22:20,025 --> 00:22:21,650 Nemusíte deklarovat to takhle. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. Malan: Správně. 501 00:22:22,649 --> 00:22:29,340 Každý checkbox, který je poslán, aby vás od HTML forma kódu JavaScriptu 502 00:22:29,340 --> 00:22:31,760 bude zacházeno, ano, as Boolean value-- true nebo false. 503 00:22:31,760 --> 00:22:32,635 To je dobrá otázka. 504 00:22:32,635 --> 00:22:36,080 Vzhledem k tomu, jiné hodnoty, o Samozřejmě, že byli text, AKA řetězce. 505 00:22:36,080 --> 00:22:38,500 >> Dobře, tak ať mi přetočit kousek dál. 506 00:22:38,500 --> 00:22:39,900 Jaký byl celý smysl tohoto? 507 00:22:39,900 --> 00:22:41,400 Jen aby bylo jasno. 508 00:22:41,400 --> 00:22:44,940 Stejně jako už víme, a to i od Pset7 a dokonce i minulý týden přednášky 509 00:22:44,940 --> 00:22:51,120 Příklady, které lze samozřejmě zkontrolovat $ _GET $ _POST, Zda uživatel dá nám 510 00:22:51,120 --> 00:22:52,200 prázdná hodnota. 511 00:22:52,200 --> 00:22:54,400 Vzpomeňte si na prázdnou funkci v PHP. 512 00:22:54,400 --> 00:22:58,040 >> Takže jen aby bylo jasné, co je jeden důvod, proč by také 513 00:22:58,040 --> 00:23:00,535 chtějí dělat tuto kontrolu chyb uvnitř prohlížeče? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Co je to motivace tady? 516 00:23:06,080 --> 00:23:06,580 Jo. 517 00:23:06,580 --> 00:23:09,735 >> Publikum: Rychlejší a vy ne Poslat zbytečné data na server. 518 00:23:09,735 --> 00:23:10,610 DAVID J. Malan: Dobrý. 519 00:23:10,610 --> 00:23:11,170 Je to rychlejší. 520 00:23:11,170 --> 00:23:12,920 Nemusíte posílat k ničemu dat na server. 521 00:23:12,920 --> 00:23:14,670 >> Tak se dostanete zpět více okamžitá odezva. 522 00:23:14,670 --> 00:23:16,560 A celkově uživatel zkušenost je lepší. 523 00:23:16,560 --> 00:23:17,900 Přemýšlejte o alternativu. 524 00:23:17,900 --> 00:23:21,160 >> Je-li pro Gmail-- a byl případ před mnoha lety. 525 00:23:21,160 --> 00:23:24,160 Předpokládejme, že máte nový e-mail Gmail účtu, ale jediný způsob, jak prostřednictvím 526 00:23:24,160 --> 00:23:26,510 vidět, že je, stejně jako, znovu načíst celou stránku. 527 00:23:26,510 --> 00:23:29,030 Nebo Předpokládám, že kliknete na odkaz přečíst e-mail. 528 00:23:29,030 --> 00:23:31,600 >> Vše musí znovu tak které můžete vidět na e-mail. 529 00:23:31,600 --> 00:23:33,380 Nebo Facebook-- dostanete zprávu chatu. 530 00:23:33,380 --> 00:23:36,000 Nevidíte jej, dokud znovu stránky nebo klikněte na nějaký odkaz. 531 00:23:36,000 --> 00:23:38,380 >> Jako by to bylo strašně nepříjemné uživatelské zkušenosti. 532 00:23:38,380 --> 00:23:41,300 A to je to, co to bylo, jasně, když jsem se ucházel o UC 533 00:23:41,300 --> 00:23:44,760 a web byl mnohem méně dynamický a JavaScript nebyla tak propagován 534 00:23:44,760 --> 00:23:45,601 jak to je nyní. 535 00:23:45,601 --> 00:23:47,850 A věci jsou stále hodně dynamičtější a mnohem více 536 00:23:47,850 --> 00:23:49,900 na straně klienta v tomto smyslu. 537 00:23:49,900 --> 00:23:54,370 >> Ale je tu jeden háček tady, a To je druh nepříjemný Gotcha. 538 00:23:54,370 --> 00:23:58,720 Jen proto, že jste přidat na straně klienta Detekce jako to neznamená, 539 00:23:58,720 --> 00:24:01,430 můžete nebo měl opustit detekce na straně serveru. 540 00:24:01,430 --> 00:24:04,080 Jste v podstatě chce, aby vaše Kontrola chyb na obou místech. 541 00:24:04,080 --> 00:24:05,830 Vzhledem k tomu, co bylo jednou o poučení 542 00:24:05,830 --> 00:24:10,270 z článku jsem četl některé výňatky z této hloupé CMS system-- 543 00:24:10,270 --> 00:24:14,410 Content Management System--, která byla provádění své autentizační systém, 544 00:24:14,410 --> 00:24:16,790 jeho přihlášení přes jaký mechanismus? 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 >> Diváků: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. Malan: JavaScript, přesně, je to tak? 549 00:24:23,290 --> 00:24:24,610 To bylo pomocí JavaScriptu. 550 00:24:24,610 --> 00:24:27,120 A doslova, vy máte hrál trochu pravděpodobně 551 00:24:27,120 --> 00:24:28,700 s Chrome Inspector. 552 00:24:28,700 --> 00:24:30,890 A když ji najdete, zkontrolujte, zda prvek. 553 00:24:30,890 --> 00:24:33,670 >> Nech mě jít nad to udělat vše o možnostech Chrome. 554 00:24:33,670 --> 00:24:37,080 A to je to, jak snadné je vypnout JavaScript v prohlížeči. 555 00:24:37,080 --> 00:24:38,950 Podívejte se, nic víc JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Takže spravedlnost, hodně pásu v těchto dnech 557 00:24:41,070 --> 00:24:43,430 se právě chystá zlomit, protože Gmail a další sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- předpokládat, že JavaScript je povoleno. 559 00:24:46,140 --> 00:24:50,180 Ale pokud děláte něco hloupého jako pouze ověřování uživatelů vstup 560 00:24:50,180 --> 00:24:52,520 a kontrola je pro Chyby na straně klienta, 561 00:24:52,520 --> 00:24:54,940 protivník může snadno udělat. 562 00:24:54,940 --> 00:24:57,180 A pak ještě chytřejší protivník, jako že vy 563 00:24:57,180 --> 00:25:01,120 Nyní by se použít Telnet nebo zvlnění nebo příkazy pouze z příkazové řádky 564 00:25:01,120 --> 00:25:05,300 a skutečně posílat zprávy na server že podobně nejsou Chyba kontrolovány. 565 00:25:05,300 --> 00:25:08,380 >> Tak to je více Rozhodnutí uživatelské rozhraní 566 00:25:08,380 --> 00:25:13,060 než je skutečný technický improvement-- provádění 567 00:25:13,060 --> 00:25:14,410 na straně klienta něco takového. 568 00:25:14,410 --> 00:25:16,800 Takže teď rychlý pohled, ale pak Budu odložit na on-line procházku 569 00:25:16,800 --> 00:25:17,674 až na tento jeden. 570 00:25:17,674 --> 00:25:21,480 V podobě dvou, jsme vlastně prošli a vyčistit kód trochu. 571 00:25:21,480 --> 00:25:23,650 Ale dovolte mi, abych odložit do jednoho videí my budeme pravděpodobně 572 00:25:23,650 --> 00:25:27,970 vložit do Pset8, že právě vám ukáže, podobné syntaxe pomocí knihovny s názvem 573 00:25:27,970 --> 00:25:32,320 jQuery, což je super, super populární knihovna v jazyce JavaScript 574 00:25:32,320 --> 00:25:34,510 že upřímně řečeno většina lidí stačí použít v těchto dnech 575 00:25:34,510 --> 00:25:37,070 a dokonce zmást jako bytost JavaScript sám. 576 00:25:37,070 --> 00:25:38,950 >> A má tendenci se zapojit Některé dolaru 577 00:25:38,950 --> 00:25:41,350 a klíčová slova jako dokumentu zde v závorkách. 578 00:25:41,350 --> 00:25:44,480 Ale opět, dovolte mi, abych odložit na některé pomalejší cvičení on-line 579 00:25:44,480 --> 00:25:46,750 spíše než dostat svázaný jen v syntaxi. 580 00:25:46,750 --> 00:25:48,630 Pojďme se přesunout na něco málo chladnější 581 00:25:48,630 --> 00:25:50,520 z hlediska aplikací to. 582 00:25:50,520 --> 00:25:57,730 >> Tak především, nech mě jít dopředu a otevřít tohle. 583 00:25:57,730 --> 00:25:58,340 Pojďte dál. 584 00:25:58,340 --> 00:25:59,380 Tak jdeme. 585 00:25:59,380 --> 00:26:01,500 >> Dovolte mi, abych otevřít tento obrázek zde. 586 00:26:01,500 --> 00:26:03,450 Zbytečně komplikovaný hledat, ale 587 00:26:03,450 --> 00:26:07,880 popisuje techniku ​​zvanou AJAX-- Asynchronní JavaScript a XML, kde 588 00:26:07,880 --> 00:26:10,530 X XML je ve skutečnosti již skutečně používá. 589 00:26:10,530 --> 00:26:13,430 To inklinuje používat něco co nazýváme JSON. 590 00:26:13,430 --> 00:26:16,560 >> Ale tady je to, jak něco jako Google Maps nebo Google Earth funguje. 591 00:26:16,560 --> 00:26:18,060 Zkusme to za běhu, ve skutečnosti. 592 00:26:18,060 --> 00:26:21,590 Nech mě jít napřed a otevřít up Chrome na mém prohlížeči. 593 00:26:21,590 --> 00:26:26,236 >> A nech mě jít do, říkají, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 A skutečně, pokud jste starý Stačí si pamatovat, co, 596 00:26:31,930 --> 00:26:35,600 jako, MapQuest byl jako zpět v den, a možná, že i nadále pracovat takhle. 597 00:26:35,600 --> 00:26:38,870 Pokud se používá k hledání something-- 33 Oxford Street, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 pojďme dělat tohle-- vás by ve skutečnosti, pokud máte 599 00:26:40,650 --> 00:26:43,000 chtěl posouvat nahoru a dolů, doleva a doprava, 600 00:26:43,000 --> 00:26:44,920 byste vypadat velká šipka na vrcholu, a to 601 00:26:44,920 --> 00:26:46,921 by vám jiný ukázat rám mapy se zde. 602 00:26:46,921 --> 00:26:49,753 Nebo byste klikněte na levé straně a by jít sem, nebo dalším kliknutím 603 00:26:49,753 --> 00:26:51,000 a vy byste jít sem. 604 00:26:51,000 --> 00:26:53,000 Ale místo toho tyto dny, jsme samozřejmě jen 605 00:26:53,000 --> 00:26:55,970 brát za samozřejmost, že můžeme jít kolem Cambridge docela rychle 606 00:26:55,970 --> 00:26:57,550 pouhým klepnutím a tažením myší. 607 00:26:57,550 --> 00:26:59,130 Povšimněme si ale, že je to nějaké závady. 608 00:26:59,130 --> 00:27:02,160 >> Kdybych to dělat dost rychle, co se zdá být pravda 609 00:27:02,160 --> 00:27:05,960 jak jsem přetáhnout příliš rychle na počítači držet krok? 610 00:27:05,960 --> 00:27:07,160 Co vidíte? 611 00:27:07,160 --> 00:27:07,660 Jo. 612 00:27:07,660 --> 00:27:09,232 >> Diváků: Pixely se neobnovují. 613 00:27:09,232 --> 00:27:10,940 DAVID J. Malan: body se neobnovují. 614 00:27:10,940 --> 00:27:12,870 Je tu actually-- a vás mohl vidět, ve skutečnosti, 615 00:27:12,870 --> 00:27:15,360 pokud sledujete on-line a pauza tento nebo dokonce zpomaluje věci dolů 616 00:27:15,360 --> 00:27:18,600 pro once-- uvidíte, že tam jsou dlaždice, čtverce, obdélníky, nebo že 617 00:27:18,600 --> 00:27:22,040 chybí z mapy do zlomek vteřiny později, další data, 618 00:27:22,040 --> 00:27:24,390 více obrázků ve skutečnosti se objeví na obrazovce. 619 00:27:24,390 --> 00:27:29,810 A ve skutečnosti, když jsme to tím, že hledá up Chrome's-- řekněme, Chrome-- 620 00:27:29,810 --> 00:27:30,310 pojďme se podívat. 621 00:27:30,310 --> 00:27:31,090 Nemůžeme to udělat. 622 00:27:31,090 --> 00:27:31,860 >> Oh, pokřiky. 623 00:27:31,860 --> 00:27:34,761 Pojďme otevřít maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Dovolte mi, abych se okno větší znovu. 625 00:27:36,660 --> 00:27:38,836 >> Vraťte se do 33 Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Co bylo na internetových stránkách jsem byl na v poslední době? 628 00:27:43,760 --> 00:27:46,440 Měl jsem, jako, soukromý chvástat se jsem, že bych pak rychlé zprávy 629 00:27:46,440 --> 00:27:48,470 Každý přítel, který byl on-line kdo chtěl slyšet. 630 00:27:48,470 --> 00:27:49,345 Je tu nějaká stránka. 631 00:27:49,345 --> 00:27:52,680 Myslím, že je to tak Comcast-- velmi velký americký ISP. 632 00:27:52,680 --> 00:27:56,355 Můžete při registraci nové vedení servisní modem nebo kabelová televize služby, 633 00:27:56,355 --> 00:27:59,230 mají tvar velmi rozumné kde se vás zeptá na Vaši adresu. 634 00:27:59,230 --> 00:28:01,450 A má to úžasné rys volal auto kompletní, 635 00:28:01,450 --> 00:28:04,600 jako je Google, který začíná vyplnit v odpovědi na vaši otázku. 636 00:28:04,600 --> 00:28:08,090 >> Problém je, že oni dělají auto kompletní na prvních věcí, které zadáte. 637 00:28:08,090 --> 00:28:12,890 Takže pokud začnete psát v 33, vám ukáže, doslova každý dům 638 00:28:12,890 --> 00:28:15,790 v Americe, která začíná s číslem 33 639 00:28:15,790 --> 00:28:17,920 před pokračováním očekávají, že budete psát více. 640 00:28:17,920 --> 00:28:20,660 Takže pokud zadáte 33 Oxford, pak ti to ukazuje všechny ulice 641 00:28:20,660 --> 00:28:24,726 v Americe, který má 33 Oxford v jeho jméno, a to bez ohledu na město 642 00:28:24,726 --> 00:28:25,350 že jste v. 643 00:28:25,350 --> 00:28:26,320 >> A pak budete pokračovat v psaní. 644 00:28:26,320 --> 00:28:28,930 A konečně, že si uvědomuje, že tomu tak není nabídka služeb do svého domova v Cambridge 645 00:28:28,930 --> 00:28:29,920 nebo něco takového. 646 00:28:29,920 --> 00:28:33,410 Ale jde o to, to je nejvíce hloupý implementace auto 647 00:28:33,410 --> 00:28:34,140 dokončit vůbec. 648 00:28:34,140 --> 00:28:36,400 >> A já jsem prostě jít pryč Na této tečně znovu. 649 00:28:36,400 --> 00:28:39,040 Ale tam jsou dobré způsoby, jak používat JavaScript a špatné způsoby. 650 00:28:39,040 --> 00:28:40,750 A to nemusí být nutně nejlepší. 651 00:28:40,750 --> 00:28:46,360 >> Ale jde tady, než to tirade, bylo otevření nástroje sem 652 00:28:46,360 --> 00:28:49,480 a otevřít vývojové nástroje, jak jsme povzbuzováni dříve, 653 00:28:49,480 --> 00:28:52,840 a sledovat síť Karta, když jsem klepněte na tlačítko opravdu rychle. 654 00:28:52,840 --> 00:28:55,400 A všimněte si spoustu z GET stalo. 655 00:28:55,400 --> 00:28:57,310 To vše se stalo, protože jsem táhl. 656 00:28:57,310 --> 00:29:00,170 >> A s největší pravděpodobností skutečně Mnoho z těchto řad 657 00:29:00,170 --> 00:29:04,060 Nyní je obraz lomítko JPEG MIME typ nebo typy obsahu. 658 00:29:04,060 --> 00:29:07,750 To proto, že to, co dělá chrom pokaždé, když jsem klepněte na tlačítko a táhněte, klepněte na tlačítko 659 00:29:07,750 --> 00:29:11,650 a táhnout, je to uvědomil, oh, jsem je třeba jít požádat Google o dlaždice 660 00:29:11,650 --> 00:29:15,080 na mapu, která je tady, Rychle si jej stáhnout přes HTTP, 661 00:29:15,080 --> 00:29:19,550 a pak jej přidejte do tzv DOM na webových prohlížečů v paměti stromu 662 00:29:19,550 --> 00:29:24,430 zastoupení tak, aby uživatel, mě, vidí, že aktualizovaný dlaždice. 663 00:29:24,430 --> 00:29:26,795 A je to proto, technika volala AJAX. 664 00:29:26,795 --> 00:29:28,920 Zpět v den, je to opravdu tomu bylo v případě, že pokud 665 00:29:28,920 --> 00:29:33,050 chtěl změnit to, co je na obrazovce, budete muset klepněte na tlačítko nahoru, dolů, vlevo, 666 00:29:33,050 --> 00:29:33,550 pravdu. 667 00:29:33,550 --> 00:29:34,740 A pak se nová stránka se otevře. 668 00:29:34,740 --> 00:29:36,531 Ale v těchto dnech, všechno je dynamičtější. 669 00:29:36,531 --> 00:29:40,490 Stává se to v tom, jak my lidé by doufám, že to ve skutečnosti by interaktivně. 670 00:29:40,490 --> 00:29:43,210 A dosahuje tím, že způsob technikou zvanou 671 00:29:43,210 --> 00:29:46,170 AJAX, což je možná nejlépe vysvětlen na příkladu. 672 00:29:46,170 --> 00:29:49,730 Nejprve mi dovolte, abych do toho a otevřít soubor 673 00:29:49,730 --> 00:29:53,540 volal quote.php v Současná distribuční kód. 674 00:29:53,540 --> 00:29:56,200 >> A pak mě nech dělat symbol-- Jejda. 675 00:29:56,200 --> 00:30:02,399 Nech mě to udělat symbol = GOOG jen pro určité populace. 676 00:30:02,399 --> 00:30:04,440 Nebo vlastně, pojďme dělat jeden z pset ZDARMA. 677 00:30:04,440 --> 00:30:05,270 Enter. 678 00:30:05,270 --> 00:30:06,580 >> A teď si všimnout, co se vrátím. 679 00:30:06,580 --> 00:30:09,210 Tak tohle je opravdu krátký PHP soubor, který jsem 680 00:30:09,210 --> 00:30:13,210 napsal, že prostě půjčuje kód z funkce vyhledávání Pset7 se 681 00:30:13,210 --> 00:30:17,830 a vyplivne pomocí tohoto složenou závorkou a citace a tlustého střeva zápis, zdá se, 682 00:30:17,830 --> 00:30:22,747 aktuální fotografie je cena za společnost, která vám předat pomocí GET. 683 00:30:22,747 --> 00:30:24,580 Tak tohle je něco jiného od nejvíce z toho, co máme 684 00:30:24,580 --> 00:30:26,496 provádí v tomto oznámení Jsem doslova vyplivl 685 00:30:26,496 --> 00:30:27,870 co vypadá jako kód JavaScriptu. 686 00:30:27,870 --> 00:30:30,020 >> Ve skutečnosti se jedná o objekt JavaScript. 687 00:30:30,020 --> 00:30:34,130 Ve skutečnosti, jen aby bylo jasnější, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 je jen ozdobný způsob, jak říkat, že vás mohou představovat data v JavaScriptu moc 689 00:30:38,330 --> 00:30:41,660 stejně jako je to možné v PHP s využitím klíčových párů hodnot. 690 00:30:41,660 --> 00:30:44,270 Takže pokud bych chtěl prohlásit, proměnné v JavaScriptu 691 00:30:44,270 --> 00:30:47,872 se představuje Zamyla, pro instance-- struct pro Zamyla-- 692 00:30:47,872 --> 00:30:49,580 a budeme nazývat student, tato proměnná. 693 00:30:49,580 --> 00:30:53,060 Její číslo je jeden, dům je Winthrop, a jméno je Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Ale mohu mít také řadu objektů. 695 00:30:55,490 --> 00:30:58,710 Takže když jsem vlastně chtěl mít pole v JavaScriptu obsahující 696 00:30:58,710 --> 00:31:01,740 více takových objektů, tato Doba zastupujícími zaměstnance, 697 00:31:01,740 --> 00:31:04,910 Mohl bych mít tyto tři kusy kódu zpět 698 00:31:04,910 --> 00:31:08,560 se zády k sobě pro tyto Tři bývalí zaměstnanci. 699 00:31:08,560 --> 00:31:12,201 Takže syntax, pěkný podobné both-- PHP. 700 00:31:12,201 --> 00:31:13,700 Ale to je zvláště JavaScript. 701 00:31:13,700 --> 00:31:15,940 Je to objekt notace. 702 00:31:15,940 --> 00:31:17,240 Takže to, co je to dobré? 703 00:31:17,240 --> 00:31:21,580 >> Mám-li napsat kód, který vyplivne JSON-- JavaScript Object Notation-- věci, které 704 00:31:21,580 --> 00:31:24,670 vypadá to, nebo věci, které vypadá struktura Zamyla je, 705 00:31:24,670 --> 00:31:27,730 Já si skutečně použít v programech píšu. 706 00:31:27,730 --> 00:31:30,660 Nech mě jít do ajax0.html. 707 00:31:30,660 --> 00:31:33,310 A to too-- moc myslel, že vzhledem k estetice. 708 00:31:33,310 --> 00:31:34,660 Ale pozor, co se stane. 709 00:31:34,660 --> 00:31:37,050 >> Nech mě jít napřed a zadejte zdarma zde. 710 00:31:37,050 --> 00:31:38,490 Klepněte na položku Získat cenovou nabídku. 711 00:31:38,490 --> 00:31:41,060 A všimněte si URL se nemění. 712 00:31:41,060 --> 00:31:47,250 Ale já jsem si pop-up se zřejmě dnešní penny cena akcií ve výši $ 0,15. 713 00:31:47,250 --> 00:31:49,062 Takže není všechno tak špatné. 714 00:31:49,062 --> 00:31:52,020 Ale rozdíl je, že nějak tyto údaje se vrátil ke mně přímo. 715 00:31:52,020 --> 00:31:54,250 Ale pojďme krok směrem k něco známější. 716 00:31:54,250 --> 00:31:58,900 Ve verzi jednoho z tohoto, dovolte mi, abych zadejte opět volný, klepněte na tlačítko Načíst cenovou nabídku, 717 00:31:58,900 --> 00:32:01,146 a now-- oh, to bylo ve skutečnosti verze jQuery. 718 00:32:01,146 --> 00:32:03,270 Tak ať me-- já ne rychle vpřed dost daleko. 719 00:32:03,270 --> 00:32:05,830 Nech mě jít na verzi dva, což je místo, kde jsem chtěl. 720 00:32:05,830 --> 00:32:07,260 Všimněte si, co jsem tady udělal. 721 00:32:07,260 --> 00:32:10,370 Mám web page-- super jednoduchá verze libovolné webové stránky 722 00:32:10,370 --> 00:32:14,260 si dnes může používat s textovým polem zdarma zde a pak zřejmě jen 723 00:32:14,260 --> 00:32:14,880 textu. 724 00:32:14,880 --> 00:32:16,860 >> To není forma tady, zřejmě. 725 00:32:16,860 --> 00:32:19,360 Ale když jsem klepněte na tlačítko Načíst citace, všimněte si mé webové stránky 726 00:32:19,360 --> 00:32:22,760 se brzy změní, jako bych právě dostal novou zprávu chatu 727 00:32:22,760 --> 00:32:25,360 nebo jako bych se přestěhoval mapa a potřeboval se dostat více dat 728 00:32:25,360 --> 00:32:29,220 přidány dynamicky na webovou stránku bez URL střídání a uživatelem 729 00:32:29,220 --> 00:32:30,980 zkušenosti jak se přerušil. 730 00:32:30,980 --> 00:32:35,750 Opravdu, jsem pořád na samý place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Takže pojďme se podívat pouze na tento příklad a uvidíte, jak se to děje. 732 00:32:39,080 --> 00:32:42,490 Nech mě jít do ajax2.html. 733 00:32:42,490 --> 00:32:44,770 A všimněte si nejprve formulář. 734 00:32:44,770 --> 00:32:47,092 >> Tady dole, já jsem otočil off auto kompletní. 735 00:32:47,092 --> 00:32:48,800 Někdy dostane nepříjemné v případě, že prohlížeč 736 00:32:48,800 --> 00:32:50,508 se snaží ukázat Celá vaše historie. 737 00:32:50,508 --> 00:32:53,450 Takže si můžete udělat v HTML pomocí jen říkám, že auto dokončit off. 738 00:32:53,450 --> 00:32:57,290 >> Dal jsem tento text poli symbol-- spíše ID symbolu. 739 00:32:57,290 --> 00:32:58,977 A teď je to zajímavé funkce. 740 00:32:58,977 --> 00:33:01,310 Nemluvili jsme o rozsahu, ale můžete přemýšlet o tom 741 00:33:01,310 --> 00:33:03,177 jako odstavce značku nebo tag div. 742 00:33:03,177 --> 00:33:05,010 Je to, co se nazývá In-line prvkem, který 743 00:33:05,010 --> 00:33:07,415 znamená, že nebudete mít odstavec zlomit nad a pod ním. 744 00:33:07,415 --> 00:33:11,530 Je to jen tak zůstat in-line, aniž by bít ekvivalent vstoupit. 745 00:33:11,530 --> 00:33:17,980 Tak jsem dal tento kus HTML třeba určit jedinečný identifikátor 746 00:33:17,980 --> 00:33:20,130 že jsem svévolně volal cenu. 747 00:33:20,130 --> 00:33:21,560 A já mám tlačítko Odeslat. 748 00:33:21,560 --> 00:33:25,420 >> Protože teď se here--, a to je ve skutečnosti výborný úžasné, jak málo kód 749 00:33:25,420 --> 00:33:27,660 můžete psát udělat relativně čistý things-- 750 00:33:27,660 --> 00:33:31,800 Všimněte si, co jsem udělal tady, kdybych přejděte až k hlavě této stránky. 751 00:33:31,800 --> 00:33:34,970 Uvedl jsem první moje hlava tag script 752 00:33:34,970 --> 00:33:37,410 že ve skutečnosti odkazuje JavaScript soubor jinde. 753 00:33:37,410 --> 00:33:39,702 To je z organizace že píše jQuery, 754 00:33:39,702 --> 00:33:42,660 a to se jen tak vám nejnovější verze jejich knihovny jQuery. 755 00:33:42,660 --> 00:33:46,305 >> Takže to je něco jako ostré jsou v C nebo vyžadují v PHP. 756 00:33:46,305 --> 00:33:48,900 Můžete použít tag script s atributem zdroje. 757 00:33:48,900 --> 00:33:52,030 Ale teď můj vlastní kód bude přímo zde. 758 00:33:52,030 --> 00:33:54,170 >> Všimněte si, mám funkci nazvanou Quotes. 759 00:33:54,170 --> 00:33:56,180 A to vypadá trochu mystický na první pohled. 760 00:33:56,180 --> 00:33:57,305 Ale pojďme dráždit to od sebe. 761 00:33:57,305 --> 00:33:59,090 Dej mi proměnnou s názvem URL. 762 00:33:59,090 --> 00:34:01,390 Přiřadit doslova tento řetězec. 763 00:34:01,390 --> 00:34:04,530 Takže, apostrofy, uvozovky v JavaScript mi ​​dává jen řetězec. 764 00:34:04,530 --> 00:34:06,900 Co je a dělat? 765 00:34:06,900 --> 00:34:08,199 Zřetězení. 766 00:34:08,199 --> 00:34:12,610 >> Tak tohle už je syntaxe jQuery který trvá trochu zvykat. 767 00:34:12,610 --> 00:34:18,310 Ale to jen znamená, jdi mi DOM uzel, jehož jedinečný identifikátor je symbol. 768 00:34:18,310 --> 00:34:21,929 Hashtag zde znamená jedinečný identifikátor symbol. 769 00:34:21,929 --> 00:34:24,929 >> Znak dolaru na Závorky jen říct, že zabalit 770 00:34:24,929 --> 00:34:28,510 v jQuery druh tajný recept, aby získáte další funkce. 771 00:34:28,510 --> 00:34:31,880 A pak .val je zřejmě funkce, nebo jak se říká dnes, 772 00:34:31,880 --> 00:34:35,219 Způsob uvnitř tohoto uzlu že právě vám dává hodnotu. 773 00:34:35,219 --> 00:34:38,896 Takže ve zkratce, ošklivý a matoucí jak to vypadá na první pohled, 774 00:34:38,896 --> 00:34:42,020 to znamená jen dostat s uživatelem zadaný v, dát na konci řetězce 775 00:34:42,020 --> 00:34:42,880 zřetězením to. 776 00:34:42,880 --> 00:34:43,739 To je všechno. 777 00:34:43,739 --> 00:34:46,070 >> Takže teď, poslední tři řádky. 778 00:34:46,070 --> 00:34:48,690 Můžete si vymačkat hodně Funkčnost ze tří řádků. 779 00:34:48,690 --> 00:34:52,199 Tento znak dolaru, as stranou, je jen přezdívka 780 00:34:52,199 --> 00:34:55,800 pro speciální globální proměnné volal doslova jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Znak dolaru jen vypadá v pohodě. 782 00:34:57,060 --> 00:35:00,080 Takže jQuery komunita jen tak použitých jako jejich speciální symbol. 783 00:35:00,080 --> 00:35:02,470 To neznamená, že to, co to znamená v PHP. 784 00:35:02,470 --> 00:35:06,356 V JavaScriptu, znak dolaru je stejně jako písmeno abecedy 785 00:35:06,356 --> 00:35:07,480 nebo číslo pro proměnné. 786 00:35:07,480 --> 00:35:09,000 >> Stačí si jen mít to jako název. 787 00:35:09,000 --> 00:35:09,770 Jen vypadá v pohodě. 788 00:35:09,770 --> 00:35:11,890 Tak komunity přijal to jako přezdívka 789 00:35:11,890 --> 00:35:13,390 pro jejich vlastní knihovny s názvem jQuery. 790 00:35:13,390 --> 00:35:15,060 >> A je super populární. 791 00:35:15,060 --> 00:35:17,620 Tak se JSON je přesně to. 792 00:35:17,620 --> 00:35:19,920 Je to funkce, která Lidé z jQuery napsal 793 00:35:19,920 --> 00:35:23,340 že dostane JSON z server-- JavaScript Object Notation. 794 00:35:23,340 --> 00:35:25,680 Z toho, co URL se to děje získat tyto informace? 795 00:35:25,680 --> 00:35:27,790 Zřejmě z tohoto URL zde. 796 00:35:27,790 --> 00:35:31,180 >> A co by měl dělat, co prohlížeč jakmile se vrátí tuto odpověď? 797 00:35:31,180 --> 00:35:36,500 A to je kouzlo AJAX, tak speak-- Asynchronous JavaScript v XML. 798 00:35:36,500 --> 00:35:41,320 Je těžké vidět, s takovým Jednoduchý příklad, jak jsme tady měli. 799 00:35:41,320 --> 00:35:44,730 >> Ale to bylo v asynchronní pocit, že můj kód, pokud 800 00:35:44,730 --> 00:35:48,530 provedený poslal zprávu server jdi mi nějaký JSON. 801 00:35:48,530 --> 00:35:51,340 A stalo se to velmi rychlé že jsem dostal odpověď. 802 00:35:51,340 --> 00:35:55,130 Ale co je zajímavé, je, že tato řádek kódu ani viset můj počítač. 803 00:35:55,130 --> 00:35:56,550 >> Neviděl jsem ikonu odstředění. 804 00:35:56,550 --> 00:35:59,200 Neztratil jsem schopnost pohnout myší. 805 00:35:59,200 --> 00:36:01,340 Můj prohlížeč byl vlastně naprosto v pořádku. 806 00:36:01,340 --> 00:36:06,290 >> Vzhledem k tomu, jak JavaScript zpracovává odpověď ze serveru je následující. 807 00:36:06,290 --> 00:36:09,740 Můžete registrovat, co byste nazvali funkce zpětného volání, které 808 00:36:09,740 --> 00:36:12,830 prostě znamená, hej, JavaScript. 809 00:36:12,830 --> 00:36:16,100 Jakmile server reaguje s JSON, 810 00:36:16,100 --> 00:36:18,750 volejte tento anonymní funkce. 811 00:36:18,750 --> 00:36:23,910 >> A prosím, prošel do této funkce bez ohledu na řetězec server vyplivnout 812 00:36:23,910 --> 00:36:26,080 jako argument, nazvaný data. 813 00:36:26,080 --> 00:36:28,360 Takže jinými slovy, v případě Jsem montáž dynamicky 814 00:36:28,360 --> 00:36:33,370 URL quote.php absolvování v tomto symbol jako free nebo GOOG nebo kdoví co ještě, 815 00:36:33,370 --> 00:36:36,830 Já pak říkám JavaScript jdi tuto adresu URL. 816 00:36:36,830 --> 00:36:39,080 Nezapomeňte, že prohlížeče se chystá vrátit něco 817 00:36:39,080 --> 00:36:42,680 že vypadá jako jsme viděli earlier-- to. 818 00:36:42,680 --> 00:36:45,940 >> A co druhý argument Zde se dostat JSON říká 819 00:36:45,940 --> 00:36:48,450 je volání této funkce když server vrátí 820 00:36:48,450 --> 00:36:52,440 ať už je to 10 milisekund od teď, nebo 10 sekund od teď. 821 00:36:52,440 --> 00:36:55,840 A jakmile to uděláte, přidat cenu na stránku. 822 00:36:55,840 --> 00:36:58,030 Tato syntaxe tu jen znamená jdi na uzel 823 00:36:58,030 --> 00:37:01,940 ze stromu, jehož jedinečný identifikátor je price-- tomto úseku jsme viděli dříve. 824 00:37:01,940 --> 00:37:04,320 >> Tato metoda nazývá HTML Jen říká, jít nahradit 825 00:37:04,320 --> 00:37:08,770 HTML to tam s data.price. 826 00:37:08,770 --> 00:37:10,200 Co je data.price? 827 00:37:10,200 --> 00:37:12,850 No, prohlížeč, vzpomínám, ukázal mi to vrací. 828 00:37:12,850 --> 00:37:14,540 Tak tohle je dat. 829 00:37:14,540 --> 00:37:18,100 >> A tak je to trochu záhadný vidět čárky zde. 830 00:37:18,100 --> 00:37:19,350 Ale ve skutečnosti, dovolte mi to. 831 00:37:19,350 --> 00:37:22,890 Dovolte mi vložit opravdu rychle do gedit 832 00:37:22,890 --> 00:37:27,240 a ukázat to, jako jsme ukázali, Struktura Zamyla je dříve. 833 00:37:27,240 --> 00:37:31,610 >> Co je server posílá zpět je malý objekt, který vypadá takto. 834 00:37:31,610 --> 00:37:37,140 A tak data.price je jen mi dává 0,1515. 835 00:37:37,140 --> 00:37:39,310 Takže mnoho pohybujících díly zde najednou. 836 00:37:39,310 --> 00:37:41,860 >> Ale klíčové takeaways je že mají tuto schopnost 837 00:37:41,860 --> 00:37:44,600 aby další HTTP žádosti pomocí JavaScript 838 00:37:44,600 --> 00:37:46,090 aniž by bylo nutné znovu načtete stránku. 839 00:37:46,090 --> 00:37:49,580 A pak můžeme skutečně změnit webové stránky v reálném čase. 840 00:37:49,580 --> 00:37:51,850 A ukázalo se, že JavaScript a jiné jazyky 841 00:37:51,850 --> 00:37:54,510 lze použít nyní nejen mutovat webových stránek, 842 00:37:54,510 --> 00:37:57,960 ale vlastně psát software ve skutečném počítači, 843 00:37:57,960 --> 00:38:00,240 neomezuje jen na Chrome nebo podobně. 844 00:38:00,240 --> 00:38:03,530 >> Ve skutečnosti, if-- Colton by tě se k nám připojit zpět sem 845 00:38:03,530 --> 00:38:06,100 s laboratorní kód a Chang stejně? 846 00:38:06,100 --> 00:38:09,140 Pojďme dál, když mluvil o anonymní funkce a volání 847 00:38:09,140 --> 00:38:13,090 a opravdu pokoušet osud zde s živou ukázku s krvácením 848 00:38:13,090 --> 00:38:16,480 hrana technologie, jeden z tato zařízení Elite pohybu. 849 00:38:16,480 --> 00:38:18,940 Nyní toto zařízení, odvolání, je malý USB zařízení 850 00:38:18,940 --> 00:38:25,620 stejně that-- to beautiful-- který se zapojuje do USB portů. 851 00:38:25,620 --> 00:38:29,120 >> A pak poskytuje vstupní ve formě lidských gest 852 00:38:29,120 --> 00:38:32,560 detekcí pomocí infračervených paprsků, v podstatě, pohyby z vašeho ramene. 853 00:38:32,560 --> 00:38:35,150 Takže vzhledem k tomu, co Maria snažil dříve, než byl svalnatý, 854 00:38:35,150 --> 00:38:39,000 skutečně pocit, co se mění vaše ruka, to je infračervené bázi. 855 00:38:39,000 --> 00:38:44,390 Tak vypadá to při přepravách v rámci druh sféře nohy nebo tak 856 00:38:44,390 --> 00:38:46,190 samotného zařízení. 857 00:38:46,190 --> 00:38:48,950 >> Tak proč jsem si stab na to první? 858 00:38:48,950 --> 00:38:53,100 A pojďme do toho a hodit jste se na režii zde. 859 00:38:53,100 --> 00:38:56,250 Takže pojďme dát notebook Colton je tady. 860 00:38:56,250 --> 00:38:58,360 Máme Andrewa na televizoru. 861 00:38:58,360 --> 00:39:00,160 A co bys chtěl, abych udělal jako první? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Jděte do toho a jen dejte ruce nad tím chlapem 863 00:39:02,409 --> 00:39:04,430 a uvidíte nějaké báječný lesk. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. Malan: Velmi pěkný. 865 00:39:07,230 --> 00:39:11,110 To vše se děje v reálném čase. 866 00:39:11,110 --> 00:39:11,889 OK. 867 00:39:11,889 --> 00:39:12,680 Tak jo, a jo. 868 00:39:12,680 --> 00:39:14,119 Tak pěkné. 869 00:39:14,119 --> 00:39:15,410 Tak jo, co jiného můžeme dělat? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Přejít na další obrazovce a uvidíte. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. Malan: Dobře. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: zábavná hra kde máte dělat roboty. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. Malan: Dobře, takže to je falešné ruce ukazující mi, co mám dělat. 874 00:39:24,738 --> 00:39:27,920 COLTON: Ano Takže jděte do toho a chytit jednoho z bloků 875 00:39:27,920 --> 00:39:30,637 a dal ji na tělo, které robotu. 876 00:39:30,637 --> 00:39:32,137 DAVID J. Malan: Oh, to je moje ruka. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 OK, rozkošný. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Počkej chvilku, OK. 881 00:39:38,650 --> 00:39:41,320 Tak jdeme. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Udělal jsem jeden na nehody. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. Malan: OK, tak jsem si toho chlapa. 884 00:39:45,423 --> 00:39:45,923 Sakra! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Když jsme cvičili to poslední noc, víte, co to přešel do? 887 00:39:51,550 --> 00:39:54,285 >> Takhle. 888 00:39:54,285 --> 00:39:55,490 OK. 889 00:39:55,490 --> 00:39:55,990 Další z nich? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Jistě. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. Malan: Tak jo, a je tu třetí. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Dobrá. 894 00:40:01,674 --> 00:40:03,215 COLTON: A v tomto jednom, dostanete to-- 895 00:40:03,215 --> 00:40:04,923 DAVID J. Malan: Oh, tahle je krásná. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, vybrat od sebe tuto květinu. 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 Ne? 900 00:40:11,670 --> 00:40:14,515 Minul. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Oh, tam jdete. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. Malan: Ah, podívej se na to. 903 00:40:18,680 --> 00:40:19,830 Velmi pěkné. 904 00:40:19,830 --> 00:40:22,470 No, proč dont 'bereme z jednoho dobrovolníka zde 905 00:40:22,470 --> 00:40:24,180 kteří by chtěli jít nahoru. 906 00:40:24,180 --> 00:40:27,500 Jak o tady v zeleni, je to? 907 00:40:27,500 --> 00:40:30,540 >> V pořádku, a pojďme have-- místo toho dělal to, že někteří z vás 908 00:40:30,540 --> 00:40:34,590 možná víte tuto hru here-- snížit lano, snad? 909 00:40:34,590 --> 00:40:35,100 Pojďme se podívat. 910 00:40:35,100 --> 00:40:37,320 Máme brýle tady? 911 00:40:37,320 --> 00:40:38,625 >> OK. 912 00:40:38,625 --> 00:40:39,270 Děkuju. 913 00:40:39,270 --> 00:40:39,380 Jak se jmenujete? 914 00:40:39,380 --> 00:40:40,350 >> Diváků: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. Malan: Laura? 916 00:40:41,266 --> 00:40:42,120 Hezké vidět. 917 00:40:42,120 --> 00:40:45,600 Pokud vám nevadí, že uvedení Google Glass přes vaše brýle. 918 00:40:45,600 --> 00:40:46,970 To je Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Ahoj. 920 00:40:47,650 --> 00:40:48,140 Těší mě. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. Malan: OK, no tak kolem. 922 00:40:49,600 --> 00:40:52,516 Dobře, takže to, co budete dělat tady, mít hrál předtím, 923 00:40:52,516 --> 00:40:55,650 je dát si ruku na Leap Motion zde. 924 00:40:55,650 --> 00:40:57,210 A teď vaše šipka by se měl pohybovat. 925 00:40:57,210 --> 00:40:57,710 Oh, ani náhodou. 926 00:40:57,710 --> 00:40:58,066 >> Diváků: Ne 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. Malan: My nechci ještě odejít. 928 00:40:58,780 --> 00:40:59,280 OK, počkejte. 929 00:40:59,280 --> 00:41:01,200 Tady. 930 00:41:01,200 --> 00:41:03,530 Takže si všimnout, jak držíte prst nad něčím, 931 00:41:03,530 --> 00:41:06,750 myš začíná jít zelená, což je, jak se na tlačítko. 932 00:41:06,750 --> 00:41:08,980 >> Takže vznášet se nad Play. 933 00:41:08,980 --> 00:41:10,970 A jen jeden prst je v pořádku. 934 00:41:10,970 --> 00:41:13,869 A nyní klikněte na malý zelený chlap na levé straně. 935 00:41:13,869 --> 00:41:15,410 A teď se podržte, dokud se zaplní zeleně. 936 00:41:15,410 --> 00:41:15,640 Dobře. 937 00:41:15,640 --> 00:41:16,990 Nyní, jako, jeden stupeň nahoru nahoře. 938 00:41:16,990 --> 00:41:20,190 >> Publikum: Ano, chceme o jeden stupeň, zde. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. Malan: Dobrý. 940 00:41:21,660 --> 00:41:25,500 OK, takže vše, co musíte udělat, je snížit lano. 941 00:41:25,500 --> 00:41:28,240 Kurzor je bílý tam dole. 942 00:41:28,240 --> 00:41:28,880 >> Velmi pěkné. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 V pořádku, je to asi těžší. 945 00:41:32,790 --> 00:41:34,800 Takže držte prst přes příští teď. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Dobře. 948 00:41:39,030 --> 00:41:39,999 Tohle je těžké. 949 00:41:39,999 --> 00:41:40,966 >> Diváků: Oh crap. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 Chce jít tudy. 952 00:41:42,466 --> 00:41:44,890 Oh crap, that-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. Malan: Jo. 954 00:41:47,120 --> 00:41:50,700 Sekundárním cílem je dostat všechny hvězdy. 955 00:41:50,700 --> 00:41:53,920 Dobře, příště. 956 00:41:53,920 --> 00:41:57,504 >> Uvidíme, jestli můžete získat tento třetí. 957 00:41:57,504 --> 00:41:58,004 Dobře. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 OK, tam jít. 960 00:42:06,840 --> 00:42:08,850 >> Jistě. 961 00:42:08,850 --> 00:42:11,230 Oh, velmi pěkné. 962 00:42:11,230 --> 00:42:11,930 Dobrá. 963 00:42:11,930 --> 00:42:13,534 >> Tak proč ne my odložit tu dnes? 964 00:42:13,534 --> 00:42:15,200 Ať někdo jít nahoru, kdo si chce hrát. 965 00:42:15,200 --> 00:42:16,880 Díky moc Lauře náš dobrovolník. 966 00:42:16,880 --> 00:42:18,730 A my vás uvidí v pondělí. 967 00:42:18,730 --> 00:42:21,190 >> Diváků: Pravděpodobně budete chtít tyto zpátky. 968 00:42:21,190 --> 00:42:23,640 >> SPEAKER 2: Na další CS50-- 969 00:42:23,640 --> 00:42:35,222