1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. Malan: Tak jo, tak toto je Myo rameno 3 00:00:41,880 --> 00:00:44,450 kapela, pár, ktorý sme mať pre CS50 záverečných prác. 4 00:00:44,450 --> 00:00:47,533 A to bola demonštrácia sme vo fronte si s predstihom kde v podstate 5 00:00:47,533 --> 00:00:51,120 to celkom tesné ramenom sem počúva vaše svalové pohyby 6 00:00:51,120 --> 00:00:54,280 ktoré sú potom mapované v softvéri na Colton je notebooku cez tú, ktorá 7 00:00:54,280 --> 00:00:57,230 mal iTunes a song už vo fronte. 8 00:00:57,230 --> 00:01:00,270 Skôr než ja demoing to, Colton to už v laboratóriu 9 00:01:00,270 --> 00:01:04,129 jasne celý týždeň dostať demonštrácie pripravený pre jedného odvážneho dobrovoľníka. 10 00:01:04,129 --> 00:01:07,430 Ak by niekto chcel, aby sa na up-- videl svoju ruku ako prvý. 11 00:01:07,430 --> 00:01:09,540 Poď hore. 12 00:01:09,540 --> 00:01:12,530 >> Dobrá. 13 00:01:12,530 --> 00:01:13,886 A aké je vaše meno? 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 Poď sem. 17 00:01:17,310 --> 00:01:19,550 Dovoľte mi, aby som vám predstavil 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 spoznávam. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. Malan: All Dobre, tak prvý krok, že sme 21 00:01:24,330 --> 00:01:26,204 bude musieť umiestniť to na predlaktie 22 00:01:26,204 --> 00:01:29,280 tak, že je to celkom priliehať u vášho lakťa. 23 00:01:29,280 --> 00:01:31,940 A medzitým, poďme sa kladený na našej Google Glass 24 00:01:31,940 --> 00:01:33,720 a budeme miešať technológie dnes. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Najprv budeme musieť háčik to do vecí. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. Malan: OK. 27 00:01:37,170 --> 00:01:39,795 V skutočnosti, poďme dať ruku as v blízkosti tohto kábla, ako je to možné 28 00:01:39,795 --> 00:01:41,160 takže môžeme najprv synchronizovať ho. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Ideme na to. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. Malan: A medzitým, tak že každý môže získať bližší pohľad, 31 00:01:46,500 --> 00:01:50,290 budeme prehadzovať Ondreja fotoaparát na obrazovke tam. 32 00:01:50,290 --> 00:01:54,460 Takže máme USB kábel, ktorý je je zapojený do Máriinho pásku. 33 00:01:54,460 --> 00:02:00,230 A dovoľte mi hodí obrazovku Colton sa hore na projektore ďalšie. 34 00:02:00,230 --> 00:02:06,000 >> Takže Colton je registrácia zariadenia teraz ako Myo pripojený k tomuto káblu. 35 00:02:06,000 --> 00:02:08,060 A teraz to, čo Mária je robiť chvíľu 36 00:02:08,060 --> 00:02:10,120 je vlastne prejsť kalibračných krokov 37 00:02:10,120 --> 00:02:12,830 a učiť softvér ako sa jej svaly reagovať 38 00:02:12,830 --> 00:02:16,070 keď sa uistil, vopred definované gestá, ktorá softvér chápe. 39 00:02:16,070 --> 00:02:17,910 Ak by ste chceli ísť Predná časť obrazovky. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 OK, ďalej snažiť. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Choďte takhle. 43 00:02:31,860 --> 00:02:32,970 A rovnako ako to. 44 00:02:32,970 --> 00:02:34,563 A úplne na pravej strane. 45 00:02:34,563 --> 00:02:35,922 Vráťte sa späť. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. Malan: OK. 47 00:02:37,740 --> 00:02:38,960 Iný pohľad. 48 00:02:38,960 --> 00:02:39,620 Je to nie. 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: Nie 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Poďme to posunúť vyššie, takže je to bližšie k lakťu, a ešte pevnejšie. 54 00:02:51,540 --> 00:02:52,680 Dobrá. 55 00:02:52,680 --> 00:02:53,270 >> Ideme na to. 56 00:02:53,270 --> 00:02:56,780 To by bol dobrý čas na CS52X. 57 00:02:56,780 --> 00:02:57,670 Tak ideme. 58 00:02:57,670 --> 00:02:58,760 >> Veľmi pekné. 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 >> Veľmi pekné. 62 00:03:03,380 --> 00:03:05,140 Roztiahnite prsty. 63 00:03:05,140 --> 00:03:06,240 Dobre. 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 napodiv ukazuje ste s ľavý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 vpred. 69 00:03:21,790 --> 00:03:22,998 Rýchly posun vpred preskočiť alebo vedľa. 70 00:03:22,998 --> 00:03:25,020 To je v poriadku Wave pravdu. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: Ja ne-- čakať. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. Malan: Potrebujete pomoc? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Takže ideš takto. 74 00:03:30,027 --> 00:03:31,860 MARIA: Je to otáčanie Ďalšia vec, keď. 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, ja neviem, prečo sa to ukáže vám leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Prečo si try-- Len sa snažím ísť takto. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. Malan: Nie? 80 00:03:40,090 --> 00:03:42,580 Možno dosiahnuť ruku sa trochu narovnal 81 00:03:42,580 --> 00:03:46,070 a robiť to oveľa skôr, ako 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 ľúto. 84 00:03:49,670 --> 00:03:51,170 DAVID J. Malan: Nie je to tvoja vina. 85 00:03:51,170 --> 00:03:53,018 COLTON: To je v poriadku. 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: Mali by sme preskočiť, a potom? 89 00:03:57,620 --> 00:03:59,620 DAVID J. Malan: Áno, poďme Nechajte si vyvesený. 90 00:03:59,620 --> 00:04:03,130 Takže ak by niekto chcel robiť záverečný projekt pomocou tohto ostrie 91 00:04:03,130 --> 00:04:07,707 hardware, uvedomiť, že jediné čo trvať trochu zvykať. 92 00:04:07,707 --> 00:04:10,290 A tohle-- realita je to Je to vlastne veľmi drsne. 93 00:04:10,290 --> 00:04:12,040 >> To je to, čo sa nazýva developer kit, ktorý 94 00:04:12,040 --> 00:04:14,956 má byť v podstate vopred uvoľnenie takže ľudia môžu robiť presne to, 95 00:04:14,956 --> 00:04:18,690 tohle-- bojovať s ním, postava ako telá ľudí pracovať 96 00:04:18,690 --> 00:04:19,980 s technológiou. 97 00:04:19,980 --> 00:04:21,750 Takže ak chcete potom, po prednáške, 98 00:04:21,750 --> 00:04:23,750 môžeme vám prísť a vziať ďalšiu stab na to. 99 00:04:23,750 --> 00:04:26,970 Ale inak, potlesk, ak je Mohli by sme Maria prišla na up. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Ďakujem. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. Malan: Ďakujem. 102 00:04:30,390 --> 00:04:34,945 Budeme visieť na to, ale budeme dávať you-- ako o strese loptu tu? 103 00:04:34,945 --> 00:04:38,620 Oh, a- if-- jo, vďaka. 104 00:04:38,620 --> 00:04:39,715 Dobrá. 105 00:04:39,715 --> 00:04:45,750 Takže zvedavý, ak ste boli oboznámení s rozumnú voľbu 106 00:04:45,750 --> 00:04:47,670 že tam z skôr, úžasný TV 107 00:04:47,670 --> 00:04:50,210 ukazujú, že by ste mali absolútne byť nárazovo sledovanie na Netflix 108 00:04:50,210 --> 00:04:51,110 je to jeden tu. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: Dámy a páni, kúzelník s názvom Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. Malan: A zdá sa, že je to vec mi texte počas prednášky teraz. 112 00:05:08,050 --> 00:05:11,190 Mi bolo povedané, že Mária mal včera narodeniny. 113 00:05:11,190 --> 00:05:14,095 Tak všetko najlepšie k narodeninám od CS50 Márii rovnako. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Takže ste možno čítali v posledný mesiac že to páni tu, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, ktorý bol v skutočnosti trieda z roku 1977 na vysokej škole, 117 00:05:25,260 --> 00:05:27,170 Nedávno odišiel pre Microsoft. 118 00:05:27,170 --> 00:05:29,620 Bol študent tu, potom pár rokov neskôr 119 00:05:29,620 --> 00:05:31,910 sa ocitol v Stanford Business School 120 00:05:31,910 --> 00:05:34,160 keď dostal telefón volanie z jeho priateľ kto 121 00:05:34,160 --> 00:05:36,516 žil chodbou od neho tu na Harvarde. 122 00:05:36,516 --> 00:05:38,640 Mená priateľa bol Bill Gates, a v tej dobe, 123 00:05:38,640 --> 00:05:42,700 sa snažil naverbovať Steva byť prvý obchodný osoba, naozaj, 124 00:05:42,700 --> 00:05:45,720 na malé firmy názov Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> Dlhý príbeh krátky, Steve bol nakoniec získal, 126 00:05:48,960 --> 00:05:52,130 pripojil Microsoft, keď sa mal len 30 zamestnancov. 127 00:05:52,130 --> 00:05:54,300 A v čase, keď odišiel celkom nedávno, 128 00:05:54,300 --> 00:05:58,100 mala spoločnosť 100.000 zamestnancov v posledných niekoľkých rokoch. 129 00:05:58,100 --> 00:06:01,171 A tak web známy ako The Verge pripravila tento hold na videu 130 00:06:01,171 --> 00:06:02,920 že sme si mysleli, že zdieľané, ktoré vám dáva 131 00:06:02,920 --> 00:06:08,380 pocit, ako moc energie Steve prináša všetky prezentácie dáva. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VIDEO PREHRÁVANIE] 134 00:06:12,550 --> 00:06:16,220 -Microsoft To ako štvrté dieťa. 135 00:06:16,220 --> 00:06:18,260 Deti robiť opustiť dom. 136 00:06:18,260 --> 00:06:21,875 V tomto prípade, myslím, že Odchádzam z domu. 137 00:06:21,875 --> 00:06:23,270 Hej Bill, 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 Sme dostali obrovská príležitosť. 141 00:06:28,590 --> 00:06:30,210 A Bill nám dal túto príležitosť. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Chcel by som poďakovať Billa za to. 144 00:06:36,770 --> 00:06:39,630 Chcem, aby si taky. 145 00:06:39,630 --> 00:06:42,500 Tempo inovácií sa nebude spomaľovať. 146 00:06:42,500 --> 00:06:45,140 >> Je to dostane rýchlejšie a rýchlejšie. 147 00:06:45,140 --> 00:06:50,165 Tam by mohlo byť niekoľko konkurentov ktoré sú bohužiaľ odstránené! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Milujem túto spoločnosť. 150 00:06:59,564 --> 00:07:00,064 Áno! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Som PC, a mám rád túto spoločnosť! 153 00:07:08,250 --> 00:07:13,090 >> Vývojári, vývojári, vývojári, vývojári, vývojári, vývojári, 154 00:07:13,090 --> 00:07:14,560 vývojári, vývojári. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Áno! 157 00:07:18,970 --> 00:07:19,950 Weboví vývojári! 158 00:07:19,950 --> 00:07:21,420 >> Weboví vývojári! 159 00:07:21,420 --> 00:07:22,890 Weboví vývojári! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Vypočujte si, čo ešte dostať bez príplatku! 162 00:07:28,770 --> 00:07:31,960 >> MS-DOS výkonných, vymenovanie kalendár, 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 veriť? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Napáliť 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 ich zašlite priateľom! 169 00:07:40,422 --> 00:07:41,790 >> Všetko s jedným kliknutím! 170 00:07:41,790 --> 00:07:48,670 Jeden Microsoft, jedna stratégia, jeden team-- sústredený, disciplinovaný, profesijné, 171 00:07:48,670 --> 00:07:50,610 a odborník na všetko, čo robíme. 172 00:07:50,610 --> 00:07:52,670 Dovoľte mi, aby som linku zo starého filmu. 173 00:07:52,670 --> 00:07:54,810 >> Vzťahy sú ako žraloky. 174 00:07:54,810 --> 00:07:57,480 Oni sa pohybujú vpred alebo zomrú. 175 00:07:57,480 --> 00:08:01,470 Vlastne si myslím, tech spoločnosti sú rovnaké. 176 00:08:01,470 --> 00:08:04,801 >> [END Videoprehrávanie] 177 00:08:04,801 --> 00:08:08,050 DAVID J. Malan: Tak my sme tak radi, že oznamujeme, že Steve bude nám pripojí 178 00:08:08,050 --> 00:08:13,320 tu CS50 budúcu stredu na zvyčajné miesto a čas tu. 179 00:08:13,320 --> 00:08:14,750 Priestor bude pravdepodobne obmedzený. 180 00:08:14,750 --> 00:08:19,650 A tak sa k nám pripojili osobne, prosím hlava dnes alebo krátko potom 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 sledovať od Utorok potvrdenie škvrny. 183 00:08:25,780 --> 00:08:29,900 Môžete sa tešiť na to ďalší Streda pri prednáške v CS50. 184 00:08:29,900 --> 00:08:33,706 Teraz, v iných správach, som sa náhodou naraziť na toto v Crimson len 185 00:08:33,706 --> 00:08:34,289 druhý deň. 186 00:08:34,289 --> 00:08:37,370 >> Ukazuje sa, že jeden z pracovníkov CS50 je a aspoň jeden z jeho žiakov CS50 187 00:08:37,370 --> 00:08:40,299 je v súčasnosti beží na UC prezident a viceprezident, 188 00:08:40,299 --> 00:08:42,950 ktorý ma priviedol späť na mojich dní späť 189 00:08:42,950 --> 00:08:45,920 keď som prehral voľby UC nešťastne. 190 00:08:45,920 --> 00:08:48,210 Ale útechou v tom, že je vždy 191 00:08:48,210 --> 00:08:50,604 povedať, príbeh je to, že jeden zo som si istý, 192 00:08:50,604 --> 00:08:52,770 mnoho dôvodov, prečo som stratil voľby bol úplný nedostatok 193 00:08:52,770 --> 00:08:54,103 o talente pre rozprávanie na verejnosti. 194 00:08:54,103 --> 00:08:56,950 A tak celkom úprimne to, išiel mi, že skúsenosti 195 00:08:56,950 --> 00:09:02,235 Myslím, že môj mladší rok, skutočne podpísať up pre Harvard Computer Society, ktorá 196 00:09:02,235 --> 00:09:04,610 je skupina na akademickej pôde, ktoré usporadúva rôzne technické rokovania 197 00:09:04,610 --> 00:09:05,318 a ďalšie veci. 198 00:09:05,318 --> 00:09:08,117 A ja som prevzal svoju výučbu semináre, a preto 199 00:09:08,117 --> 00:09:09,950 mal príležitosť, skvelá príležitosť, 200 00:09:09,950 --> 00:09:12,620 začať pracovať na práve toto. 201 00:09:12,620 --> 00:09:15,000 Ale tiež som mal možnosť Počas tejto skúsenosti 202 00:09:15,000 --> 00:09:16,930 učiť sám o to viac HTML. 203 00:09:16,930 --> 00:09:21,080 A tak som odkladal včera večer hľadá prostredníctvom internetových stránok HTML na báze 204 00:09:21,080 --> 00:09:28,066 Urobil som dovnútra ako 1997 '98 pre môj kampaň, ktorá vyzerá ako toto. 205 00:09:28,066 --> 00:09:29,920 Ja viem. 206 00:09:29,920 --> 00:09:33,340 >> Protože-- a samozrejme, oznámenia tento úžasný návrh rozhodnutia v roku 1998 207 00:09:33,340 --> 00:09:33,850 alebo ktovie čo ešte. 208 00:09:33,850 --> 00:09:36,475 Prvá vec, ktorú chcete, aby používatelia urobiť pri návšteve svojich webových stránok 209 00:09:36,475 --> 00:09:39,860 ich musieť kliknite na ďalší odkaz len zadajte svoje stránky s mníchom 210 00:09:39,860 --> 00:09:43,940 za ako zahalené oponou, kde zrejme moja kampaň platforma bola. 211 00:09:43,940 --> 00:09:46,330 A to je všetko, čo dostanete dnes je len screenshot. 212 00:09:46,330 --> 00:09:49,500 Ale ja som čítal, ako, Moja kampaň plagá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 ja som bol tak naštvaný, v tej dobe. 215 00:09:52,960 --> 00:09:55,380 Môj platforma was-- to bolo zaujímavé. 216 00:09:55,380 --> 00:09:57,730 Tak som sa upokojil od tej doby. 217 00:09:57,730 --> 00:10:03,550 Ale raz, budem znova spustiť a snáď lepšie túto dobu. 218 00:10:03,550 --> 00:10:07,265 >> Tak HTML, ktorý jazyk, v ktorom som že in-- budete čoskoro robiť oveľa more-- 219 00:10:07,265 --> 00:10:09,140 je niečo, čo sme boli hovorí o neskoré 220 00:10:09,140 --> 00:10:12,460 a do značnej miery brania za samozrejmosť teraz že sme sa presunuli do iných jazykov. 221 00:10:12,460 --> 00:10:15,650 Ale poďme pozastaviť na chvíľu a dať niektoré z týchto vecí v súvislostiach. 222 00:10:15,650 --> 00:10:18,040 Takže vo vete, čo je HTML? 223 00:10:18,040 --> 00:10:19,370 >> Alebo, čo sa používa? 224 00:10:19,370 --> 00:10:20,208 Každý, kto? 225 00:10:20,208 --> 00:10:20,708 Áno. 226 00:10:20,708 --> 00:10:22,002 >> Divákov: Markup pre webové stránky. 227 00:10:22,002 --> 00:10:23,460 DAVID J. Malan: Markup pre webové stránky. 228 00:10:23,460 --> 00:10:27,100 Takže je to značkovací jazyk, ktorý umožňuje štruktúrovať webovú stránku. 229 00:10:27,100 --> 00:10:30,040 Header ide sem, titul ide tu, telo sa dostane tu. 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, dobre. 232 00:10:33,830 --> 00:10:37,620 Takže CSS umožňuje you-- a ja sa niektoré slobody tu 233 00:10:37,620 --> 00:10:40,990 s tučným-obklad a kurzívou nasledujúcich dôvodov To už je lepšie realizovať s tým. 234 00:10:40,990 --> 00:10:42,096 CSS je-- čo? 235 00:10:42,096 --> 00:10:42,845 Povedzme, že vo vete. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Každý, kto vôbec. 238 00:10:46,720 --> 00:10:46,870 Jo. 239 00:10:46,870 --> 00:10:49,286 >> Divákov: zdobenie a veci, ako ako to navrhnúť. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. Malan: OK, dobre. 242 00:10:52,810 --> 00:10:55,420 Zdobenie, ktoré vám umožňujú navrhnúť, alebo štylizovať ju 243 00:10:55,420 --> 00:10:59,540 s vecami, ako je tučné písmo a kurzíva a farby, a tiež jemnejšia 244 00:10:59,540 --> 00:11:01,330 jemnozrnný umiestnenie prvkov. 245 00:11:01,330 --> 00:11:04,520 Tak nejako vám umožní vziať veci do Poslednej míle tak, aby v prípade, napríklad, 246 00:11:04,520 --> 00:11:08,130 v Pset7, možno ste si všimli, na vašom portfólio strana, ak ste na tomto mieste 247 00:11:08,130 --> 00:11:12,270 už, že východiskové tabuľku, ktorá vám aby ukázať držanie zásob užívateľa 248 00:11:12,270 --> 00:11:15,740 a cash asi vyzerá celkom odporná V predvolenom nastavení sa žiadne biele miesto. 249 00:11:15,740 --> 00:11:18,420 Všetko je trochu preplnené spoločne v riadkoch a stĺpcoch. 250 00:11:18,420 --> 00:11:20,662 >> No, s trochou CSS, ako ste si možno uvedomíte, 251 00:11:20,662 --> 00:11:23,870 môžete skutočne vyladiť to a robiť to niečo oveľa známejší a oveľa 252 00:11:23,870 --> 00:11:24,870 krajšie na pohľad. 253 00:11:24,870 --> 00:11:27,730 Takže CSS je o štylizácia webových stránok. 254 00:11:27,730 --> 00:11:31,970 Ale potom sme ešte ďalšie predstavený jazyk, PHP, ktorý nám umožňuje robiť čo? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Poďme len to, čo? 257 00:11:37,590 --> 00:11:38,177 Ktokoľvek. 258 00:11:38,177 --> 00:11:40,010 Musím Zájsť Prvých pár riadkov. 259 00:11:40,010 --> 00:11:40,260 Jo. 260 00:11:40,260 --> 00:11:41,719 >> Divákov: Generovať dynamický obsah. 261 00:11:41,719 --> 00:11:42,718 DAVID J. Malan: Perfect. 262 00:11:42,718 --> 00:11:43,850 Generovať dynamický obsah. 263 00:11:43,850 --> 00:11:45,808 A môžete to urobiť v ľubovoľný počet jazykov. 264 00:11:45,808 --> 00:11:50,120 Náhodou používať PHP, pretože je to v časti, takže podobne ako syntax C. 265 00:11:50,120 --> 00:11:52,000 >> Ale PHP robí presne to. 266 00:11:52,000 --> 00:11:54,620 To vám umožní dynamicky generovať výstup. 267 00:11:54,620 --> 00:11:57,890 A niektoré z týchto výstupov môže byť HTML, ako sme bežne robili. 268 00:11:57,890 --> 00:12:00,160 A je to aj preto, že je programovací jazyk, je 269 00:12:00,160 --> 00:12:03,240 mechanizmus, prostredníctvom ktorého môžeme hovoriť s databázou. 270 00:12:03,240 --> 00:12:05,730 >> A môžeme otázky na ostatné servery ako Yahoos 271 00:12:05,730 --> 00:12:08,660 a programovo robiť čokoľvek Naozaj, ktoré by ste inak 272 00:12:08,660 --> 00:12:10,400 chcete prinútiť počítač robiť. 273 00:12:10,400 --> 00:12:13,580 PHP tak nám umožňuje začať dynamicky výstup obsahu. 274 00:12:13,580 --> 00:12:16,900 Takže tejto logiky, som nemal dynamický web v roku 1998. 275 00:12:16,900 --> 00:12:18,460 >> Bol to len statické webové stránky. 276 00:12:18,460 --> 00:12:22,250 Môj obsah musel byť zmenený ručne gedit alebo nejaký ekvivalent. 277 00:12:22,250 --> 00:12:25,290 Ale PHP je to, čo sme použili, alebo mohli použiť skôr 278 00:12:25,290 --> 00:12:27,260 niečo ako Webové stránky frosh IM, ktorý 279 00:12:27,260 --> 00:12:31,160 mal vziať registrácie a spravovať zoznam users-- vecí, ktoré 280 00:12:31,160 --> 00:12:33,550 sú skutočne prepnutie čas, aj keď sa stalo, 281 00:12:33,550 --> 00:12:35,990 používať Perl, iný jazyk v tej dobe. 282 00:12:35,990 --> 00:12:40,350 >> A potom konečne, sme zaviedli SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Napriek tomu tak iný jazyk ktorá je použitá pre čo? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Používa sa pre čo? 286 00:12:47,639 --> 00:12:49,430 Môžeme pustiť slight-- OK, nebudeme 287 00:12:49,430 --> 00:12:51,263 dostať oveľa ďalej než orchestra tu. 288 00:12:51,263 --> 00:12:53,432 Divákov: Je to protokol použije pre komunikáciu s databázou. 289 00:12:53,432 --> 00:12:55,640 DAVID J. Malan: protokol použije pre komunikáciu s databázou. 290 00:12:55,640 --> 00:12:56,181 Dovoľte mi, aby som vyladiť. 291 00:12:56,181 --> 00:12:59,280 Je to prirodzený jazyk použitý hovoriť databases-- vyberie 292 00:12:59,280 --> 00:13:01,280 a vložky a odstráni a aktualizácie a v skutočnosti 293 00:13:01,280 --> 00:13:03,840 dokonca aj viac funkcií, ktoré Ešte sme ani potápal 294 00:13:03,840 --> 00:13:07,920 do, ale budete chcieť mať explore-- preskúmať, povedzme, záverečný projekt. 295 00:13:07,920 --> 00:13:09,560 Takže tam sú tieto rôzne kúsky. 296 00:13:09,560 --> 00:13:13,100 >> A dúfajme, že Pset7, aj keď jeho špecifikácia je pomerne dlhá, 297 00:13:13,100 --> 00:13:15,990 je to zámerne dlho, aby vás vďaka, ako sa tieto veci môžu všetci 298 00:13:15,990 --> 00:13:17,210 byť zadané spoločne. 299 00:13:17,210 --> 00:13:20,300 Teraz v pondelok sme predstavil svoju poslednú jazyk 300 00:13:20,300 --> 00:13:23,430 že budeme formálne zaviesť do course-- to je, JavaScript. 301 00:13:23,430 --> 00:13:25,720 To, rovnako ako PHP, je interpretovaný jazyk. 302 00:13:25,720 --> 00:13:28,110 >> Ale kľúčový rozdiel Navrhol som v pondelok 303 00:13:28,110 --> 00:13:32,730 je to, že zatiaľ čo PHP je vykonávanie alebo vykladá na serveri, ktorý 304 00:13:32,730 --> 00:13:35,990 v tomto prípade je CS50 spotrebiče, alebo by mohol byť nejaký komerčný web 305 00:13:35,990 --> 00:13:39,370 servera na internete, JavaScript všeobecne 306 00:13:39,370 --> 00:13:43,650 je jazyk, ktorý beží na strane klienta nie servera side-- tak v prehliadači. 307 00:13:43,650 --> 00:13:46,970 Čo znamená, že rovnako ako keď som otvoril up Facebooku zdrojového kódu a zistil všetko 308 00:13:46,970 --> 00:13:51,510 týchto JS súborov, vyplývalo, že pri návšteve Facebook alebo najviac 309 00:13:51,510 --> 00:13:54,810 webové stránky v týchto dňoch, získate nielen HTML, CSS nielen, 310 00:13:54,810 --> 00:13:59,370 ale celá partia JavaScriptu Kód často vo forme JS súborov. 311 00:13:59,370 --> 00:14:03,970 A potom je to browser-- vlastné Mac alebo PC--, ktorý vykonáva tento kód. 312 00:14:03,970 --> 00:14:05,990 >> Váš prehliadač spustí ho. 313 00:14:05,990 --> 00:14:08,070 Môžete si myslieť v akejsi karantény. 314 00:14:08,070 --> 00:14:12,420 Tak, že kód JavaScript by nemala byť môcť odstrániť súbory na vašom počítači. 315 00:14:12,420 --> 00:14:14,730 Nemalo by byť schopní posielať e-maily vaším menom. 316 00:14:14,730 --> 00:14:17,760 Váš prehliadač druh obmedzuje Čo môžete robiť s ním. 317 00:14:17,760 --> 00:14:20,630 >> Takže v tomto zmysle, je to trochu menej silný, možno, ako C. 318 00:14:20,630 --> 00:14:24,030 Ale JavaScript môže, as stranou, používať na serveri, 319 00:14:24,030 --> 00:14:27,740 keď budeme nemajú tendenciu hovoriť o to v tomto kontexte. 320 00:14:27,740 --> 00:14:29,740 Takže teraz poďme zviazať tieto spolu. 321 00:14:29,740 --> 00:14:34,000 Týždeň navyše dávno, sme predstavili niektoré HTML na left-- Super nudné webové stránky. 322 00:14:34,000 --> 00:14:35,000 >> Len hovorí, hello world. 323 00:14:35,000 --> 00:14:38,110 A potom som navrhol na právo môžeme trochu kradnúť nápady 324 00:14:38,110 --> 00:14:41,470 z našej diskusie dátové štruktúry v C 325 00:14:41,470 --> 00:14:45,270 a premýšľať o tom, ako tento hierarchický značkovací jazyk na ľavej strane 326 00:14:45,270 --> 00:14:49,720 by mohli byť spracované, alebo realizované v pamäti ako skutočné stromovej štruktúry s uzlami 327 00:14:49,720 --> 00:14:51,400 a ukazovatele a tie druhy detailov. 328 00:14:51,400 --> 00:14:53,820 Na pravej strane, hovoríme že sa DOM-- dokumente 329 00:14:53,820 --> 00:14:56,800 Objekt Model-- čo je len ozdobný spôsob, ako hovoriť strom. 330 00:14:56,800 --> 00:14:59,520 >> Teraz, prečo je to užitočné myslieť na to týmto spôsobom? 331 00:14:59,520 --> 00:15:01,680 Pretože teraz sa JavaScript, pretože máme 332 00:15:01,680 --> 00:15:05,810 kód, ktorý sa dostane do hry v tomto prostredia, aktuálny HTML, ktorý je 333 00:15:05,810 --> 00:15:08,360 bola odoslaná do prehliadača a už má už 334 00:15:08,360 --> 00:15:12,690 bol načítaný do pamäte prehliadač do stromu vo vašom počítači 335 00:15:12,690 --> 00:15:18,270 RAM takto, môžeme použiť JavaScript skutočne prejsť alebo ísť pešo alebo hľadanie 336 00:15:18,270 --> 00:15:21,800 alebo zmeniť DOM strom však chceme. 337 00:15:21,800 --> 00:15:24,040 Takže v skutočnosti, ak si myslíte, o facebook.com, 338 00:15:24,040 --> 00:15:27,660 Ak použijete funkciu chatu, ak máte Použitie Gmail a funkcie gchat, 339 00:15:27,660 --> 00:15:30,540 niečo, kde máte správy znova a znova prichádza 340 00:15:30,540 --> 00:15:35,880 a znova, tieto správy sú pravdepodobne, ako, LI tag, List Item tagy, možno. 341 00:15:35,880 --> 00:15:37,940 >> Alebo možno, že to len divs, ktoré udržujú objavovať 342 00:15:37,940 --> 00:15:39,770 zakaždým, keď sa dostanete rýchlu správu. 343 00:15:39,770 --> 00:15:42,960 A tak to len znamená, že to, čo Facebook alebo Google robí 344 00:15:42,960 --> 00:15:45,200 sa kedykoľvek dostanete správy zo servera, 345 00:15:45,200 --> 00:15:48,740 sú pravdepodobne používate JavaScript len pridať ďalší uzol 346 00:15:48,740 --> 00:15:52,700 to tree-- ďalší uzol na to strom, ktorý vizuálne len vyzerá 347 00:15:52,700 --> 00:15:54,570 ako nový riadok textu na obrazovke. 348 00:15:54,570 --> 00:15:57,100 Ale oni vloženie do tejto dátovej štruktúry. 349 00:15:57,100 --> 00:15:59,742 >> Takže v triedach, ako CS124 a ďalšie, budete 350 00:15:59,742 --> 00:16:02,200 vlastne napísať viac kóde proti dátové štruktúry ako je tento. 351 00:16:02,200 --> 00:16:04,310 Ale teraz v JavaScripte, budeme len predpokladať, 352 00:16:04,310 --> 00:16:07,920 dostaneme všetky tieto funkcie zadarmo z jazyka samotného. 353 00:16:07,920 --> 00:16:09,210 Takže poďme sa pozrieť na príklad. 354 00:16:09,210 --> 00:16:13,120 >> Dovoľte mi, aby som otvoriť súbor s názvom form.html. 355 00:16:13,120 --> 00:16:14,601 Je to super jednoduché. 356 00:16:14,601 --> 00:16:15,600 Proste to vyzerá takto. 357 00:16:15,600 --> 00:16:17,860 >> Nie CSS, žiadna myšlienka na estetiku. 358 00:16:17,860 --> 00:16:19,810 Je to čisto funkčné a zrejme som 359 00:16:19,810 --> 00:16:24,000 žiada o e-mail, heslo, znova heslo a potom kontrola 360 00:16:24,000 --> 00:16:26,150 súhlasiť s niektorými podmienkami. 361 00:16:26,150 --> 00:16:28,740 Čo zdrojový kód pre tento vyzerá to je asi niečo 362 00:16:28,740 --> 00:16:31,030 asi tušíte s trochu premýšľania teraz. 363 00:16:31,030 --> 00:16:32,840 Mám tag formulára tu. 364 00:16:32,840 --> 00:16:36,190 >> Akcia sa zrejme chystá prejsť do súboru s názvom register.php. 365 00:16:36,190 --> 00:16:37,870 Metóda budem používať, je dostať. 366 00:16:37,870 --> 00:16:40,880 A potom som dostal text pole, ktorého meno je e-mail. 367 00:16:40,880 --> 00:16:43,340 >> Mám pole hesla ktorého meno je heslo. 368 00:16:43,340 --> 00:16:45,420 Mám ďalšie Heslo pole, ktorého meno 369 00:16:45,420 --> 00:16:47,342 je trochu ľubovoľne potvrdenie. 370 00:16:47,342 --> 00:16:49,690 Je to len ďalší parameter HTTP. 371 00:16:49,690 --> 00:16:54,430 >> A potom sme sme nepoužívajú tieto, s výnimkou pretože frosh IM demo v class-- 372 00:16:54,430 --> 00:16:56,692 zaškrtávacie políčko, ktoré je len typ rovná kontrolu. 373 00:16:56,692 --> 00:16:57,900 A ja zavolám túto dohodu. 374 00:16:57,900 --> 00:17:00,700 Takže som trochu ľubovoľne, ale vhodne pomenovaný týchto polí. 375 00:17:00,700 --> 00:17:03,450 Tak, že teraz, keď táto forma dostane predložené, pozrime sa, čo sa stane. 376 00:17:03,450 --> 00:17:07,290 Ak mám malan@harvard.edu, Urobím heslo karmínovej. 377 00:17:07,290 --> 00:17:09,530 Urobím heslo nič. 378 00:17:09,530 --> 00:17:10,910 Poďme nespolupracuje. 379 00:17:10,910 --> 00:17:12,280 >> A nebudem zaškrtnite políčko. 380 00:17:12,280 --> 00:17:13,940 Dovoľte mi, aby som na tlačidlo Registrovať. 381 00:17:13,940 --> 00:17:15,420 A hovorí, hm, ste zaregistrovaný. 382 00:17:15,420 --> 00:17:16,069 Nie tak celkom. 383 00:17:16,069 --> 00:17:17,450 >> Ale URL zmenilo. 384 00:17:17,450 --> 00:17:22,280 Takže táto forma bola jasne povolený predložiť register.php. 385 00:17:22,280 --> 00:17:25,160 Ale pravdepodobne by som mal byť zachytenie niektoré z týchto chýb. 386 00:17:25,160 --> 00:17:27,569 Teraz, v Pset7 a niektoré z našich príkladov prednášky, 387 00:17:27,569 --> 00:17:30,130 by sme všeobecne vytlačiť veľké červené chybové hlásenie tu 388 00:17:30,130 --> 00:17:33,760 hovorí, chýba meno, alebo chýbajúce heslo. 389 00:17:33,760 --> 00:17:37,680 Urobili sme, že pred a máme done detekcie chýb na strane servera. 390 00:17:37,680 --> 00:17:41,580 >> Ale veľa webových stránok, v týchto dňoch robiť detekciu chýb na strane klienta 391 00:17:41,580 --> 00:17:42,810 kde URL nemení. 392 00:17:42,810 --> 00:17:44,101 Celá stránka neobnoví. 393 00:17:44,101 --> 00:17:46,940 Získate okamžitú spätnú väzbu z prehliadača. 394 00:17:46,940 --> 00:17:48,070 Možno, že sa niečo na červeno. 395 00:17:48,070 --> 00:17:49,190 >> Možno dostanete pop-up. 396 00:17:49,190 --> 00:17:53,240 Ale nemusíte strácať čas odosielania dátový server, ktorý je neúplný. 397 00:17:53,240 --> 00:17:56,050 Takže poďme sa pozrieť, ako by sme mohli dosiahnuť túto funkciu rovnako. 398 00:17:56,050 --> 00:17:59,660 >> Nechaj ma ísť do form1.html, ktorá vyzerá rovnako. 399 00:17:59,660 --> 00:18:03,530 Ale keď tentoraz som robiť malan@harvard.edu a píšem crimson 400 00:18:03,530 --> 00:18:07,350 a nemám ďalej spolupracovať ale kliknite na tlačidlo Registrovať, všimnete hneď. 401 00:18:07,350 --> 00:18:08,940 Nie je to sexi riešenie. 402 00:18:08,940 --> 00:18:10,900 Ja som aspoň zachytil túto chybu. 403 00:18:10,900 --> 00:18:12,900 A ja som použil záznam Funkcie v JavaScript-- 404 00:18:12,900 --> 00:18:14,090 ktoré sme použili iba v triede. 405 00:18:14,090 --> 00:18:16,430 Všeobecne platí, že by ste nemali používať tento pretože to môže veľmi rýchlo dostať von 406 00:18:16,430 --> 00:18:17,160 kontroly. 407 00:18:17,160 --> 00:18:19,180 Ale heslá sa nezhodujú, je chyba. 408 00:18:19,180 --> 00:18:21,120 >> Nechaj ma ísť napred a kliknite na tlačidlo OK. 409 00:18:21,120 --> 00:18:25,040 Ale to, čo kľúč stánok s jedlom tu je, že adresa URL nezmenila. 410 00:18:25,040 --> 00:18:27,960 Takže som sa neobťažoval plytvanie čas servera a opýtal sa ho 411 00:18:27,960 --> 00:18:30,750 otázka, ktorú by som mohol mať prišiel na to odpoveď pre seba. 412 00:18:30,750 --> 00:18:33,210 >> A užívateľ, aj keď Hovoril o tom 413 00:18:33,210 --> 00:18:35,264 dlhší ako užívateľa bude premýšľať o tom, 414 00:18:35,264 --> 00:18:36,680 bude mať okamžitú spätnú väzbu. 415 00:18:36,680 --> 00:18:39,044 Nie je latencia sa pripojenie k sieti. 416 00:18:39,044 --> 00:18:40,460 Takže poďme sa pozrieť na tohto zdrojového kódu. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html vzhľad štrukturálne podobné tu. 418 00:18:45,600 --> 00:18:46,810 Forma je v podstate rovnaký. 419 00:18:46,810 --> 00:18:48,330 Ale poďme sa pozrieť, čo som urobil tu. 420 00:18:48,330 --> 00:18:49,913 A je tu rôzne spôsoby, ako to dosiahnuť. 421 00:18:49,913 --> 00:18:53,690 A ja som urobil najviac rovno nasledovník, ale najelegantnejší spôsob, ako ešte. 422 00:18:53,690 --> 00:18:54,869 Mám tag script. 423 00:18:54,869 --> 00:18:57,035 Potom som volať document.getElementById ("registrácia"). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 A ja uložiť túto hodnotu vo forme, premenná. 426 00:19:04,420 --> 00:19:05,520 >> Takže to, čo som to urobil? 427 00:19:05,520 --> 00:19:08,960 Môžete si myslieť document.getElementById ako 428 00:19:08,960 --> 00:19:11,200 špeciálne funkcie, ktorá JavaScript vám dáva 429 00:19:11,200 --> 00:19:14,400 ktoré doslova podá vám Ukazovateľ na jednom z uzlov 430 00:19:14,400 --> 00:19:16,520 alebo obdĺžniky v tejto vetve. 431 00:19:16,520 --> 00:19:21,470 Takže teraz, že je to, čo naša forma premenná v JavaScripte je v skutočnosti ukazuje na. 432 00:19:21,470 --> 00:19:25,120 >> Takže teraz syntax je odlišná od C. Ale robíme pár vecí tu. 433 00:19:25,120 --> 00:19:30,360 Jeden z nich, toto je trochu divné hľadáte, určite proti C. 434 00:19:30,360 --> 00:19:32,180 Ale pozrite sa na riadku 35. 435 00:19:32,180 --> 00:19:35,130 Tak na ľavom form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Pripomeňme si, že je onSubmit ako pole v struct. 437 00:19:38,060 --> 00:19:41,480 Ak si myslíte, že premenné formuláre je zrovna C struct, 438 00:19:41,480 --> 00:19:42,600 to by mohlo mať nejaké pole. 439 00:19:42,600 --> 00:19:46,410 >> Späť v deň, sme mali študenti mená, ID, domy, tyhle polí. 440 00:19:46,410 --> 00:19:48,520 Len pomyslite na onSubmit ako ďalšie pole. 441 00:19:48,520 --> 00:19:53,380 Ale je to zvláštne, pretože pole prehliadač je vopred naprogramovaný očakávať 442 00:19:53,380 --> 00:19:57,530 .onsubmit nebyť hodnotu ako číslo alebo reťazec, 443 00:19:57,530 --> 00:20:01,180 ale v skutočnosti je funkcia alebo adresa funkcie 444 00:20:01,180 --> 00:20:02,570 v pamäti počítača. 445 00:20:02,570 --> 00:20:04,740 >> A vskutku, to je to, čo toto kľúčové slovo tu robí. 446 00:20:04,740 --> 00:20:06,710 To hovorí, dajte mi novú funkciu. 447 00:20:06,710 --> 00:20:09,390 Ale to, čo je jeho meno bude zrejme? 448 00:20:09,390 --> 00:20:10,800 >> Spomínal na pondelok. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Aký je názov tohto na základe tejto syntaxe funkcie? 451 00:20:17,170 --> 00:20:19,784 Nie, myslím, že to jasne no name associated-- iste 452 00:20:19,784 --> 00:20:21,200 nie v tom, čo som tu zvýraznené. 453 00:20:21,200 --> 00:20:22,560 >> Ale to je vlastne v poriadku. 454 00:20:22,560 --> 00:20:25,840 To je anonymné funkcie, alebo funkcia lambda ako by si niektorí mohli nazvať. 455 00:20:25,840 --> 00:20:27,589 A to práve znamená, je to stále funkčné. 456 00:20:27,589 --> 00:20:29,400 Je to len, nemôžete hovoriť menom. 457 00:20:29,400 --> 00:20:30,057 Ale to je v poriadku. 458 00:20:30,057 --> 00:20:33,140 Vzhľadom k tomu, opäť, prehliadač je predprogramovaná spoločnosťami ako Google 459 00:20:33,140 --> 00:20:38,540 alebo Microsoft alebo Mozilla alebo tretej osoby ku len viem, že ak .onsubmit pole 460 00:20:38,540 --> 00:20:43,400 vnútri formulárový prvok má hodnota, zaobchádzať s ňou ako s function-- 461 00:20:43,400 --> 00:20:44,750 ukazovateľ na funkciu, ak chcete. 462 00:20:44,750 --> 00:20:46,910 A volať, keď je formulár. 463 00:20:46,910 --> 00:20:50,350 >> Takže to, čo kód by mal byť vykonaný ak je formulár zaslaný? 464 00:20:50,350 --> 00:20:52,526 Zdá sa, že všetko, čo vnútri zložená zátvorka. 465 00:20:52,526 --> 00:20:53,650 A to je len štylistické. 466 00:20:53,650 --> 00:20:55,626 >> Dalo by sa to páči máme tendenciu robiť v CS50. 467 00:20:55,626 --> 00:20:58,250 Ale v JavaScripte, väčšina ľudí majú tendenciu, aby ju udržali na rovnakom riadku 468 00:20:58,250 --> 00:21:01,960 len preto, že jasnejšie je spojené s touto funkciou kľúčových slov. 469 00:21:01,960 --> 00:21:03,240 Takže čo teraz robím? 470 00:21:03,240 --> 00:21:08,616 >> Ak form.email.value rovná rovná prázdny reťazec, alebo nič, tu je 471 00:21:08,616 --> 00:21:11,490 upozornenie, kde som chcel povedať, je nutné zadať e-mailovú adresu, 472 00:21:11,490 --> 00:21:12,690 a potom sa vrátiť false. 473 00:21:12,690 --> 00:21:15,720 A to, že return false že zabraňuje formulár z ich predloženie. 474 00:21:15,720 --> 00:21:19,480 Medzitým, v prípade, že hodnota je heslo prázdny, budem kričať na užívateľa 475 00:21:19,480 --> 00:21:21,150 a hovoria, musíte zadať heslo. 476 00:21:21,150 --> 00:21:23,700 >> Medzitým, čo sú stále trochu milovník tu. 477 00:21:23,700 --> 00:21:29,160 Pokiaľ nie je form.password.value rovná form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 iné pole, kričať na Užívateľ, ktorý heslá 479 00:21:31,680 --> 00:21:33,860 nezodpovedajú ako oni nie pred chvíľou. 480 00:21:33,860 --> 00:21:35,780 A potom toto je trochu viac sexi, pretože som 481 00:21:35,780 --> 00:21:40,470 viem, že som vedel, že koncepčne kontrolovať je názov zaškrtávacie políčko je. 482 00:21:40,470 --> 00:21:45,680 >> Tak som sa použiť len výkrik bod povedať, či kontrola nie je 483 00:21:45,680 --> 00:21:48,040 checked-- je to Boolean hodnota true alebo false-- 484 00:21:48,040 --> 00:21:49,700 Budem kričať na užívateľa z tohto dôvodu. 485 00:21:49,700 --> 00:21:52,300 V opačnom prípade, ak sa dostaneme cez všetky tieto podmienky, 486 00:21:52,300 --> 00:21:53,270 povedzme, vráti hodnotu true. 487 00:21:53,270 --> 00:21:54,700 Nechajte forma byť predložené. 488 00:21:54,700 --> 00:21:56,560 A to sa potom stane. 489 00:21:56,560 --> 00:21:57,740 >> Poďme zadajte rude. 490 00:21:57,740 --> 00:22:00,230 Nechajte zaškrtnite políčko, kliknite na Registrovať. 491 00:22:00,230 --> 00:22:01,979 A teraz som sa prejsť na miesto určenia. 492 00:22:01,979 --> 00:22:03,270 Teraz tam nie je žiadna databáza. 493 00:22:03,270 --> 00:22:05,370 Tu nič zaujímavého v register.php. 494 00:22:05,370 --> 00:22:07,980 Len som potreboval niečo skutočne hovoriť. 495 00:22:07,980 --> 00:22:09,140 Takže mi dovoľte pozastaviť, tu. 496 00:22:09,140 --> 00:22:16,270 Akékoľvek otázky týkajúce sa toho, čo sme práve urobili alebo to, čo niektorí z tejto novej syntaxe je? 497 00:22:16,270 --> 00:22:17,640 OK, jo? 498 00:22:17,640 --> 00:22:20,025 >> Divákov: Akékoľvek políčko je automaticky Boolean. 499 00:22:20,025 --> 00:22:21,650 Nemusíte deklarovať to takto. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. Malan: Správne. 501 00:22:22,649 --> 00:22:29,340 Každý checkbox, ktorý je poslaný, aby vás od HTML forma kódu JavaScriptu 502 00:22:29,340 --> 00:22:31,760 bude zaobchádzať, áno, as Boolean value-- true alebo false. 503 00:22:31,760 --> 00:22:32,635 To je dobrá otázka. 504 00:22:32,635 --> 00:22:36,080 Vzhľadom k tomu, iné hodnoty, o Samozrejme, že boli text, AKA reťazca. 505 00:22:36,080 --> 00:22:38,500 >> Dobre, tak nech mi pretočiť kúsok ďalej. 506 00:22:38,500 --> 00:22:39,900 Aký bol celý zmysel tohto? 507 00:22:39,900 --> 00:22:41,400 Len aby bolo jasno. 508 00:22:41,400 --> 00:22:44,940 Rovnako ako už vieme, a to aj od Pset7 a dokonca aj minulý týždeň prednášky 509 00:22:44,940 --> 00:22:51,120 Príklady, ktoré možno samozrejme skontrolovať $ _GET $ _POST, Či používateľ dá nám 510 00:22:51,120 --> 00:22:52,200 prázdna hodnota. 511 00:22:52,200 --> 00:22:54,400 Spomeňte si na prázdnu funkciu v PHP. 512 00:22:54,400 --> 00:22:58,040 >> Takže len aby bolo jasné, čo je jeden dôvod, prečo by tiež 513 00:22:58,040 --> 00:23:00,535 chcú robiť túto kontrolu chýb vnútri prehliadača? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Čo je to motivácia tu? 516 00:23:06,080 --> 00:23:06,580 Jo. 517 00:23:06,580 --> 00:23:09,735 >> Publikum: Rýchlejšie a vy nie Poslať zbytočné dáta 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 rýchlejšie. 520 00:23:11,170 --> 00:23:12,920 Nemusíte posielať k ničomu dát na server. 521 00:23:12,920 --> 00:23:14,670 >> Tak sa dostanete späť viac okamžitá odozva. 522 00:23:14,670 --> 00:23:16,560 A celkovo užívateľ skúsenosť je lepšia. 523 00:23:16,560 --> 00:23:17,900 Premýšľajte o alternatívu. 524 00:23:17,900 --> 00:23:21,160 >> Ak je pre Gmail-- a bol prípad pred mnohými rokmi. 525 00:23:21,160 --> 00:23:24,160 Predpokladajme, že máte nový e-mail Gmail účtu, ale jediný spôsob, ako prostredníctvom 526 00:23:24,160 --> 00:23:26,510 vidieť, že je, rovnako ako, znovu načítať celú stránku. 527 00:23:26,510 --> 00:23:29,030 Alebo Predpokladám, že kliknete na odkaz prečítať e-mail. 528 00:23:29,030 --> 00:23:31,600 >> Všetko musí znovu tak ktoré môžete vidieť na e-mail. 529 00:23:31,600 --> 00:23:33,380 Alebo Facebook-- dostanete správu chatu. 530 00:23:33,380 --> 00:23:36,000 Nevidíte ho, kým znova stránky alebo kliknite na nejaký odkaz. 531 00:23:36,000 --> 00:23:38,380 >> Ako by to bolo strašne nepríjemné užívateľské skúsenosti. 532 00:23:38,380 --> 00:23:41,300 A to je to, čo to bolo, jasne, keď som sa uchádzal o UC 533 00:23:41,300 --> 00:23:44,760 a web bol oveľa menej dynamický a JavaScript nebola tak propagovaný 534 00:23:44,760 --> 00:23:45,601 ako to je teraz. 535 00:23:45,601 --> 00:23:47,850 A veci sú stále veľa dynamickejšie a oveľa viac 536 00:23:47,850 --> 00:23:49,900 na strane klienta v tomto zmysle. 537 00:23:49,900 --> 00:23:54,370 >> Ale je tu jeden háčik tu, a To je druh nepríjemný Gotcha. 538 00:23:54,370 --> 00:23:58,720 Len preto, že ste pridať na strane klienta Detekcie ako to neznamená, 539 00:23:58,720 --> 00:24:01,430 môžete alebo mal opustiť detekcia na strane servera. 540 00:24:01,430 --> 00:24:04,080 Ste v podstate chce, aby vaše Kontrola chýb na oboch miestach. 541 00:24:04,080 --> 00:24:05,830 Vzhľadom k tomu, čo bolo raz o poučenie 542 00:24:05,830 --> 00:24:10,270 z článku som čítal niektoré výňatky z tejto hlúpe CMS system-- 543 00:24:10,270 --> 00:24:14,410 Content Management System--, ktorá bola vykonávanie svojej autentizačný systém, 544 00:24:14,410 --> 00:24:16,790 jeho prihlásenie cez aký 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 >> Divákov: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. Malan: JavaScript, presne, je to tak? 549 00:24:23,290 --> 00:24:24,610 To bolo pomocou JavaScriptu. 550 00:24:24,610 --> 00:24:27,120 A doslova, vy máte hral trochu pravdepodobne 551 00:24:27,120 --> 00:24:28,700 s Chrome Inspector. 552 00:24:28,700 --> 00:24:30,890 A keď ju nájdete, skontrolujte, či prvok. 553 00:24:30,890 --> 00:24:33,670 >> Nechaj ma ísť nad to urobiť všetko o možnostiach Chrome. 554 00:24:33,670 --> 00:24:37,080 A to je to, ako ľahké je vypnúť JavaScript v prehliadači. 555 00:24:37,080 --> 00:24:38,950 Pozrite sa, nič viac JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Takže spravodlivosť, veľa pásu v týchto dňoch 557 00:24:41,070 --> 00:24:43,430 sa práve chystá zlomiť, pretože Gmail a ďalšie sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- predpokladať, že JavaScript je povolené. 559 00:24:46,140 --> 00:24:50,180 Ale ak robíte niečo hlúpeho ako iba overovanie používateľov vstup 560 00:24:50,180 --> 00:24:52,520 a kontrola je pre Chyby na strane klienta, 561 00:24:52,520 --> 00:24:54,940 protivník môže ľahko urobiť. 562 00:24:54,940 --> 00:24:57,180 A potom ešte múdrejší protivník, ako že vy 563 00:24:57,180 --> 00:25:01,120 Teraz by sa použiť Telnet alebo zvlnenie alebo príkazy iba z príkazového riadku 564 00:25:01,120 --> 00:25:05,300 a skutočne posielať správy na server že podobne nie sú Chyba kontrolované. 565 00:25:05,300 --> 00:25:08,380 >> Tak to je viac Rozhodnutie užívateľské rozhranie 566 00:25:08,380 --> 00:25:13,060 než je skutočný technický improvement-- vykonávanie 567 00:25:13,060 --> 00:25:14,410 na strane klienta niečo také. 568 00:25:14,410 --> 00:25:16,800 Takže teraz rýchly pohľad, ale potom Budem odložiť na on-line prechádzku 569 00:25:16,800 --> 00:25:17,674 až na tento jeden. 570 00:25:17,674 --> 00:25:21,480 V podobe dvoch, sme vlastne prešli a vyčistiť kód trochu. 571 00:25:21,480 --> 00:25:23,650 Ale dovoľte mi, aby som odložiť do jedného videí my budeme pravdepodobne 572 00:25:23,650 --> 00:25:27,970 vložiť do Pset8, že práve vám ukáže, podobné syntaxe pomocou knižnice s názvom 573 00:25:27,970 --> 00:25:32,320 jQuery, čo je super, super populárne knižnica v jazyku JavaScript 574 00:25:32,320 --> 00:25:34,510 že úprimne povedané väčšina ľudí stačí použiť v týchto dňoch 575 00:25:34,510 --> 00:25:37,070 a dokonca zmiasť ako bytosť JavaScript sám. 576 00:25:37,070 --> 00:25:38,950 >> A má tendenciu sa zapojiť Niektoré dolára 577 00:25:38,950 --> 00:25:41,350 a kľúčové slová ako dokumente tu v zátvorkách. 578 00:25:41,350 --> 00:25:44,480 Ale opäť, dovoľte mi, aby som odložiť na niektoré pomalší cvičenia on-line 579 00:25:44,480 --> 00:25:46,750 skôr než dostať zviazaný len v syntaxi. 580 00:25:46,750 --> 00:25:48,630 Poďme sa presunúť na niečo málo chladnejšie 581 00:25:48,630 --> 00:25:50,520 z hľadiska aplikácií to. 582 00:25:50,520 --> 00:25:57,730 >> Tak predovšetkým, nechaj ma ísť dopredu a otvoriť toto. 583 00:25:57,730 --> 00:25:58,340 Poďte ďalej. 584 00:25:58,340 --> 00:25:59,380 Tak ideme. 585 00:25:59,380 --> 00:26:01,500 >> Dovoľte mi, aby som otvoriť tento obrázok tu. 586 00:26:01,500 --> 00:26:03,450 Zbytočne komplikovaný hľadať, ale 587 00:26:03,450 --> 00:26:07,880 opisuje techniku ​​zvanú AJAX-- Asynchrónny JavaScript a XML, kde 588 00:26:07,880 --> 00:26:10,530 X XML je v skutočnosti už skutočne používa. 589 00:26:10,530 --> 00:26:13,430 To inklinuje používať niečo čo nazývame JSON. 590 00:26:13,430 --> 00:26:16,560 >> Ale tu je to, ako niečo ako Google Maps alebo Google Earth funguje. 591 00:26:16,560 --> 00:26:18,060 Skúsme to za behu, v skutočnosti. 592 00:26:18,060 --> 00:26:21,590 Nechaj ma ísť napred a otvoriť up Chrome na mojom prehliadači. 593 00:26:21,590 --> 00:26:26,236 >> A nechaj ma ísť do, hovoria, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 A skutočne, ak ste starý Stačí si pamätať, čo, 596 00:26:31,930 --> 00:26:35,600 ako, MapQuest bol ako späť v deň, a možno, že aj naďalej pracovať takhle. 597 00:26:35,600 --> 00:26:38,870 Ak sa používa na hľadanie something-- 33 Oxford Street, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 poďme robiť tohle-- vás by v skutočnosti, ak máte 599 00:26:40,650 --> 00:26:43,000 chcel posúvať nahor a dole, doľava a doprava, 600 00:26:43,000 --> 00:26:44,920 by ste vyzerať veľká šípka na vrchole, a to 601 00:26:44,920 --> 00:26:46,921 by vám iný ukázať rám mapy sa tu. 602 00:26:46,921 --> 00:26:49,753 Alebo by ste kliknite na ľavej strane a by ísť sem, alebo ďalším kliknutím 603 00:26:49,753 --> 00:26:51,000 a vy by ste ísť sem. 604 00:26:51,000 --> 00:26:53,000 Ale namiesto toho tieto dni, sme samozrejme len 605 00:26:53,000 --> 00:26:55,970 brať za samozrejmosť, že môžeme ísť okolo Cambridge celkom rýchlo 606 00:26:55,970 --> 00:26:57,550 jednoduchým kliknutím a ťahaním myšou. 607 00:26:57,550 --> 00:26:59,130 Povšimnime si ale, že je to nejaké závady. 608 00:26:59,130 --> 00:27:02,160 >> Keby som to robiť dosť rýchlo, čo sa zdá byť pravda 609 00:27:02,160 --> 00:27:05,960 ako som pretiahnuť príliš rýchlo na počítači držať krok? 610 00:27:05,960 --> 00:27:07,160 Čo vidíte? 611 00:27:07,160 --> 00:27:07,660 Jo. 612 00:27:07,660 --> 00:27:09,232 >> Divákov: Pixely sa neobnovujú. 613 00:27:09,232 --> 00:27:10,940 DAVID J. Malan: body sa neobnovujú. 614 00:27:10,940 --> 00:27:12,870 Je tu actually-- a vás mohol vidieť, v skutočnosti, 615 00:27:12,870 --> 00:27:15,360 ak sledujete on-line a pauza tento alebo dokonca spomaľuje veci nadol 616 00:27:15,360 --> 00:27:18,600 pre once-- uvidíte, že tam sú dlaždice, štvorce, obdĺžniky, alebo že 617 00:27:18,600 --> 00:27:22,040 chýba z mapy do zlomok sekundy neskôr, ďalšie dáta, 618 00:27:22,040 --> 00:27:24,390 viac obrázkov v skutočnosti sa objaví na obrazovke. 619 00:27:24,390 --> 00:27:29,810 A v skutočnosti, keď sme to tým, že hľadá up Chrome's-- povedzme, Chrome-- 620 00:27:29,810 --> 00:27:30,310 poďme sa pozrieť. 621 00:27:30,310 --> 00:27:31,090 Nemôžeme to urobiť. 622 00:27:31,090 --> 00:27:31,860 >> Oh, pokriky. 623 00:27:31,860 --> 00:27:34,761 Poďme otvoriť maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Dovoľte mi, aby som sa okno väčšie znova. 625 00:27:36,660 --> 00:27:38,836 >> Vráťte sa do 33 Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Čo bolo na internetových stránkach som bol na v poslednej dobe? 628 00:27:43,760 --> 00:27:46,440 Mal som, ako, súkromný chvastať sa som, že by som potom rýchle správy 629 00:27:46,440 --> 00:27:48,470 Každý priateľ, ktorý bol on-line kto chcel počuť. 630 00:27:48,470 --> 00:27:49,345 Je tu nejaká stránka. 631 00:27:49,345 --> 00:27:52,680 Myslím, že je to tak Comcast-- veľmi veľký americký ISP. 632 00:27:52,680 --> 00:27:56,355 Môžete pri registrácii nové vedenie servisné modem alebo káblová televízia služby, 633 00:27:56,355 --> 00:27:59,230 majú tvar veľmi rozumné kde sa vás spýta na Vašu 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 ako je Google, ktorý začína vyplniť v odpovedi na vašu otázku. 636 00:28:04,600 --> 00:28:08,090 >> Problém je, že oni robia auto kompletné na prvých vecí, ktoré zadáte. 637 00:28:08,090 --> 00:28:12,890 Takže ak začnete písať v 33, vám ukáže, doslova každý dom 638 00:28:12,890 --> 00:28:15,790 v Amerike, ktorá začína s číslom 33 639 00:28:15,790 --> 00:28:17,920 pred pokračovaním očakávajú, že budete písať viac. 640 00:28:17,920 --> 00:28:20,660 Takže ak zadáte 33 Oxford, potom ti to ukazuje všetky ulice 641 00:28:20,660 --> 00:28:24,726 v Amerike, ktorý má 33 Oxford v jeho meno, a to bez ohľadu na mesto 642 00:28:24,726 --> 00:28:25,350 že ste v. 643 00:28:25,350 --> 00:28:26,320 >> A potom budete pokračovať v písaní. 644 00:28:26,320 --> 00:28:28,930 A konečne, že si uvedomuje, že to tak nie je ponuka služieb do svojho domova v Cambridge 645 00:28:28,930 --> 00:28:29,920 alebo niečo také. 646 00:28:29,920 --> 00:28:33,410 Ale ide o to, to je najviac hlúpy implementácia auto 647 00:28:33,410 --> 00:28:34,140 dokončiť vôbec. 648 00:28:34,140 --> 00:28:36,400 >> A ja som jednoducho ísť preč Na tejto točne znova. 649 00:28:36,400 --> 00:28:39,040 Ale tam sú dobré spôsoby, ako používať JavaScript a zlé spôsoby. 650 00:28:39,040 --> 00:28:40,750 A to nemusí byť nutne najlepší. 651 00:28:40,750 --> 00:28:46,360 >> Ale ide tu, ako to predvádzaniami bolo otvorenie nástroja sem 652 00:28:46,360 --> 00:28:49,480 a otvoriť vývojové nástroje, ako sme povzbudzovaní skôr, 653 00:28:49,480 --> 00:28:52,840 a sledovať sieť Karta, keď som kliknite na tlačidlo naozaj rýchlo. 654 00:28:52,840 --> 00:28:55,400 A všimnite si veľa z GET stalo. 655 00:28:55,400 --> 00:28:57,310 To všetko sa stalo, pretože som ťahal. 656 00:28:57,310 --> 00:29:00,170 >> A s najväčšou pravdepodobnosťou skutočne Mnoho z týchto radov 657 00:29:00,170 --> 00:29:04,060 Teraz je obraz lomka JPEG MIME typ alebo typy obsahu. 658 00:29:04,060 --> 00:29:07,750 To preto, že to, čo robí chróm zakaždým, keď som kliknite na tlačidlo a ťahajte, kliknite na tlačidlo 659 00:29:07,750 --> 00:29:11,650 a ťahať, je to uvedomil, oh, som treba ísť požiadať Google o dlaždice 660 00:29:11,650 --> 00:29:15,080 na mapu, ktorá je tu, Rýchlo si ho stiahnuť cez HTTP, 661 00:29:15,080 --> 00:29:19,550 a potom ho pridajte do tzv DOM na webových prehliadačov v pamäti stromu 662 00:29:19,550 --> 00:29:24,430 zastúpenia tak, aby užívateľ, ma, vidí, že aktualizovaný dlaždice. 663 00:29:24,430 --> 00:29:26,795 A je to preto, technika volala AJAX. 664 00:29:26,795 --> 00:29:28,920 Späť v deň, je to naozaj tomu bolo v prípade, že ak 665 00:29:28,920 --> 00:29:33,050 chcel zmeniť to, čo je na obrazovke, budete musieť kliknite na tlačidlo hore, dole, vľavo, 666 00:29:33,050 --> 00:29:33,550 pravdu. 667 00:29:33,550 --> 00:29:34,740 A potom sa nová stránka sa otvorí. 668 00:29:34,740 --> 00:29:36,531 Ale v týchto dňoch, všetko je dynamickejší. 669 00:29:36,531 --> 00:29:40,490 Stáva sa to v tom, ako my ľudia by dúfam, že to v skutočnosti by interaktívne. 670 00:29:40,490 --> 00:29:43,210 A dosahuje tým, že spôsob technikou zvanou 671 00:29:43,210 --> 00:29:46,170 AJAX, čo je možno najlepšie vysvetlený na príklade. 672 00:29:46,170 --> 00:29:49,730 Najprv mi dovoľte, aby som do toho a otvoriť súbor 673 00:29:49,730 --> 00:29:53,540 volal quote.php v Súčasná distribučná kód. 674 00:29:53,540 --> 00:29:56,200 >> A potom ma nechaj robiť symbol-- Och. 675 00:29:56,200 --> 00:30:02,399 Nechaj ma to urobiť symbol = GOOG len pre určité populácie. 676 00:30:02,399 --> 00:30:04,440 Alebo vlastne, poďme robiť jeden z pset ZADARMO. 677 00:30:04,440 --> 00:30:05,270 Enter. 678 00:30:05,270 --> 00:30:06,580 >> A teraz si všimnúť, čo sa vrátim. 679 00:30:06,580 --> 00:30:09,210 Tak toto je naozaj krátky PHP súbor, ktorý som 680 00:30:09,210 --> 00:30:13,210 napísal, že jednoducho požičiava kód z funkcie vyhľadávania Pset7 sa 681 00:30:13,210 --> 00:30:17,830 a vypľuje pomocou tohto zloženou zátvorkou a citácie a hrubého čreva firmy, zdá sa, 682 00:30:17,830 --> 00:30:22,747 aktuálna fotografia je cena za spoločnosť, ktorá vám odovzdať pomocou GET. 683 00:30:22,747 --> 00:30:24,580 Tak toto je niečo iné od najviac z toho, čo máme 684 00:30:24,580 --> 00:30:26,496 vykonáva v tomto oznámení Som doslova vypľul 685 00:30:26,496 --> 00:30:27,870 čo vyzerá ako kód JavaScriptu. 686 00:30:27,870 --> 00:30:30,020 >> V skutočnosti sa jedná o objekt JavaScript. 687 00:30:30,020 --> 00:30:34,130 V skutočnosti, len aby bolo jasnejšie, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 je len ozdobný spôsob, ako hovoriť, že vás môžu predstavovať dáta v JavaScripte moc 689 00:30:38,330 --> 00:30:41,660 rovnako ako je to možné v PHP s využitím kľúčových párov hodnôt. 690 00:30:41,660 --> 00:30:44,270 Takže ak by som chcel vyhlásiť, premenné v JavaScripte 691 00:30:44,270 --> 00:30:47,872 sa predstavuje Zamyla, pre instance-- struct pre Zamyla-- 692 00:30:47,872 --> 00:30:49,580 a budeme nazývať študent, táto premenná. 693 00:30:49,580 --> 00:30:53,060 Jej číslo je jeden, dom je Winthrop, a meno je Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Ale môžem mať aj rad objektov. 695 00:30:55,490 --> 00:30:58,710 Takže keď som vlastne chcel mať polia v JavaScripte obsahujúce 696 00:30:58,710 --> 00:31:01,740 viac takých objektov, táto Doba zastupujúcimi zamestnancov, 697 00:31:01,740 --> 00:31:04,910 Mohol by som mať tieto tri kusy kódu späť 698 00:31:04,910 --> 00:31:08,560 sa chrbtom k sebe pre tieto Traja bývalí zamestnanci. 699 00:31:08,560 --> 00:31:12,201 Takže syntax, pekný podobné both-- PHP. 700 00:31:12,201 --> 00:31:13,700 Ale to je obzvlášť JavaScript. 701 00:31:13,700 --> 00:31:15,940 Je to objekt notácie. 702 00:31:15,940 --> 00:31:17,240 Takže to, čo je to dobré? 703 00:31:17,240 --> 00:31:21,580 >> Ak mám napísať kód, ktorý vypľuje JSON-- JavaScript Object Notation-- veci, ktoré 704 00:31:21,580 --> 00:31:24,670 vyzerá to, alebo veci, ktoré vyzerá štruktúra Zamyla je, 705 00:31:24,670 --> 00:31:27,730 Ja si skutočne použiť v programoch píšem. 706 00:31:27,730 --> 00:31:30,660 Nechaj ma ísť do ajax0.html. 707 00:31:30,660 --> 00:31:33,310 A to too-- moc myslel, že vzhľadom k estetike. 708 00:31:33,310 --> 00:31:34,660 Ale pozor, čo sa stane. 709 00:31:34,660 --> 00:31:37,050 >> Nechaj ma ísť napred a zadajte zadarmo tu. 710 00:31:37,050 --> 00:31:38,490 Kliknite na položku Získať cenovú ponuku. 711 00:31:38,490 --> 00:31:41,060 A všimnite si URL sa nemení. 712 00:31:41,060 --> 00:31:47,250 Ale ja som si pop-up sa zrejme dnešná penny cena akcií vo výške $ 0,15. 713 00:31:47,250 --> 00:31:49,062 Takže nie je všetko tak zlé. 714 00:31:49,062 --> 00:31:52,020 Ale rozdiel je, že nejako tieto údaje sa vrátil ku mne priamo. 715 00:31:52,020 --> 00:31:54,250 Ale poďme krok smerom k niečo známejší. 716 00:31:54,250 --> 00:31:58,900 Vo verzii jedného z tohto, dovoľte mi, aby som zadajte opäť voľný, kliknite na tlačidlo Načítať cenovú ponuku, 717 00:31:58,900 --> 00:32:01,146 a now-- oh, to bolo v skutočnosti verzie jQuery. 718 00:32:01,146 --> 00:32:03,270 Tak nech me-- ja nie rýchlo vpred dosť ďaleko. 719 00:32:03,270 --> 00:32:05,830 Nechaj ma ísť na verziu dva, čo je miesto, kde som chcel. 720 00:32:05,830 --> 00:32:07,260 Všimnite si, čo som tu urobil. 721 00:32:07,260 --> 00:32:10,370 Mám web page-- super jednoduchá verzia ľubovoľnej webovej stránky 722 00:32:10,370 --> 00:32:14,260 si dnes môže používať s textovým poľom zadarmo tu a potom zrejme len 723 00:32:14,260 --> 00:32:14,880 textu. 724 00:32:14,880 --> 00:32:16,860 >> To nie je forma tu, zrejme. 725 00:32:16,860 --> 00:32:19,360 Ale keď som kliknite na tlačidlo Načítať citácie, všimnite si moje webové stránky 726 00:32:19,360 --> 00:32:22,760 sa čoskoro zmení, ako by som práve dostal novú správu chatu 727 00:32:22,760 --> 00:32:25,360 alebo ako by som sa presťahoval mapa a potreboval sa dostať viac dát 728 00:32:25,360 --> 00:32:29,220 pridané dynamicky na webovú stránku bez URL striedanie a užívateľom 729 00:32:29,220 --> 00:32:30,980 skúsenosti ako sa prerušil. 730 00:32:30,980 --> 00:32:35,750 Naozaj, som stále na samý place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Takže poďme sa pozrieť len na tento príklad a uvidíte, ako sa to deje. 732 00:32:39,080 --> 00:32:42,490 Nechaj ma ísť do ajax2.html. 733 00:32:42,490 --> 00:32:44,770 A všimnite si najprv formulár. 734 00:32:44,770 --> 00:32:47,092 >> Tu dole, ja som otočil off auto kompletné. 735 00:32:47,092 --> 00:32:48,800 Niekedy dostane nepríjemné v prípade, že prehliadač 736 00:32:48,800 --> 00:32:50,508 sa snaží ukázať Celá vaša história. 737 00:32:50,508 --> 00:32:53,450 Takže si môžete urobiť v HTML pomocou len hovorím, že auto dokončiť off. 738 00:32:53,450 --> 00:32:57,290 >> Dal som tento text poli symbol-- skôr ID symbolu. 739 00:32:57,290 --> 00:32:58,977 A teraz je to zaujímavé funkcie. 740 00:32:58,977 --> 00:33:01,310 Nehovorili sme o rozsahu, ale môžete premýšľať o tom 741 00:33:01,310 --> 00:33:03,177 ako odseky značku alebo tag div. 742 00:33:03,177 --> 00:33:05,010 Je to, čo sa nazýva In-line prvkom, ktorý 743 00:33:05,010 --> 00:33:07,415 znamená, že nebudete mať odsek zlomiť nad a pod ním. 744 00:33:07,415 --> 00:33:11,530 Je to len tak zostať in-line, bez biť ekvivalent vstúpiť. 745 00:33:11,530 --> 00:33:17,980 Tak som dal tento kus HTML treba určiť jedinečný identifikátor 746 00:33:17,980 --> 00:33:20,130 že som svojvoľne volal cenu. 747 00:33:20,130 --> 00:33:21,560 A ja mám tlačidlo Odoslať. 748 00:33:21,560 --> 00:33:25,420 >> Pretože teraz sa here--, a to je v skutočnosti výborný úžasné, ako málo kód 749 00:33:25,420 --> 00:33:27,660 môžete písať urobiť relatívne čistý things-- 750 00:33:27,660 --> 00:33:31,800 Všimnite si, čo som urobil tu, keby som prejdite až k hlave tejto stránky. 751 00:33:31,800 --> 00:33:34,970 Uviedol som prvý moja hlava tag script 752 00:33:34,970 --> 00:33:37,410 že v skutočnosti odkazuje JavaScript súbor inde. 753 00:33:37,410 --> 00:33:39,702 To je z organizácie že píše jQuery, 754 00:33:39,702 --> 00:33:42,660 a to sa len tak vám najnovšie verzia ich knižnice jQuery. 755 00:33:42,660 --> 00:33:46,305 >> Takže to je niečo ako ostré sú v C alebo vyžadujú v PHP. 756 00:33:46,305 --> 00:33:48,900 Môžete použiť tag script s atribútom zdroja. 757 00:33:48,900 --> 00:33:52,030 Ale teraz môj vlastný kód bude priamo tu. 758 00:33:52,030 --> 00:33:54,170 >> Všimnite si, mám funkciu nazvanú Quotes. 759 00:33:54,170 --> 00:33:56,180 A to vyzerá trochu mystický na prvý pohľad. 760 00:33:56,180 --> 00:33:57,305 Ale poďme dráždiť to od seba. 761 00:33:57,305 --> 00:33:59,090 Daj mi premennú s názvom URL. 762 00:33:59,090 --> 00:34:01,390 Priradiť doslova tento reťazec. 763 00:34:01,390 --> 00:34:04,530 Takže, apostrofy, úvodzovky v JavaScript mi ​​dáva len reťazec. 764 00:34:04,530 --> 00:34:06,900 Čo je a robiť? 765 00:34:06,900 --> 00:34:08,199 Zreťazenie. 766 00:34:08,199 --> 00:34:12,610 >> Tak toto už je syntaxe jQuery ktorý trvá trochu zvykať. 767 00:34:12,610 --> 00:34:18,310 Ale to len znamená, choď mi DOM uzol, ktorého jedinečný identifikátor je symbol. 768 00:34:18,310 --> 00:34:21,929 Hashtag tu znamená jedinečný identifikátor symbol. 769 00:34:21,929 --> 00:34:24,929 >> Znak dolára na Zátvorky len povedať, že zabaliť 770 00:34:24,929 --> 00:34:28,510 v jQuery druh tajný recept, aby získate ďalšie funkcie. 771 00:34:28,510 --> 00:34:31,880 A potom .val je zrejme funkcie, alebo ako sa hovorí dnes, 772 00:34:31,880 --> 00:34:35,219 Spôsob vnútri tohto uzla že práve vám dáva hodnotu. 773 00:34:35,219 --> 00:34:38,896 Takže v skratke, škaredý a mätúce ako to vyzerá na prvý pohľad, 774 00:34:38,896 --> 00:34:42,020 to znamená len dostať s užívateľom zadaný v, dať na konci reťazca 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šetko. 777 00:34:43,739 --> 00:34:46,070 >> Takže teraz, posledné tri riadky. 778 00:34:46,070 --> 00:34:48,690 Môžete si vymačkať veľa Funkčnosť z troch riadkov. 779 00:34:48,690 --> 00:34:52,199 Tento znak dolára, as stranou, je len prezývka 780 00:34:52,199 --> 00:34:55,800 pre špeciálne globálne premenné volal doslova jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Znak dolára len vyzerá v pohode. 782 00:34:57,060 --> 00:35:00,080 Takže jQuery komunita len tak použitých ako ich špeciálny symbol. 783 00:35:00,080 --> 00:35:02,470 To neznamená, že to, čo to znamená v PHP. 784 00:35:02,470 --> 00:35:06,356 V JavaScriptu, znak dolára je rovnako ako písmeno abecedy 785 00:35:06,356 --> 00:35:07,480 alebo číslo pre premenné. 786 00:35:07,480 --> 00:35:09,000 >> Stačí si len mať to ako názov. 787 00:35:09,000 --> 00:35:09,770 Len vyzerá v pohode. 788 00:35:09,770 --> 00:35:11,890 Tak komunity prijal to ako prezývka 789 00:35:11,890 --> 00:35:13,390 pre ich vlastné knižnice s názvom jQuery. 790 00:35:13,390 --> 00:35:15,060 >> A je super populárny. 791 00:35:15,060 --> 00:35:17,620 Tak sa JSON je presne to. 792 00:35:17,620 --> 00:35:19,920 Je to funkcia, ktorá Ľudia z jQuery napísal 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, čo URL sa to deje získať tieto informácie? 795 00:35:25,680 --> 00:35:27,790 Zrejme z tohto URL tu. 796 00:35:27,790 --> 00:35:31,180 >> A čo by mal robiť, čo prehliadač akonáhle sa vráti túto odpoveď? 797 00:35:31,180 --> 00:35:36,500 A to je kúzlo AJAX, tak speak-- Asynchronous JavaScript v XML. 798 00:35:36,500 --> 00:35:41,320 Je ťažké vidieť, s takým Jednoduchý príklad, ako sme tu mali. 799 00:35:41,320 --> 00:35:44,730 >> Ale to bolo v asynchrónny pocit, že môj kód, ak 800 00:35:44,730 --> 00:35:48,530 vykonaný poslal správu server choď mi nejaký JSON. 801 00:35:48,530 --> 00:35:51,340 A stalo sa to veľmi rýchle že som dostal odpoveď. 802 00:35:51,340 --> 00:35:55,130 Ale čo je zaujímavé, je, že táto riadok kódu ani visieť môj počítač. 803 00:35:55,130 --> 00:35:56,550 >> Nevidel som ikonu odstreďovania. 804 00:35:56,550 --> 00:35:59,200 Nestratil som schopnosť pohnúť myšou. 805 00:35:59,200 --> 00:36:01,340 Môj prehliadač bol vlastne úplne v poriadku. 806 00:36:01,340 --> 00:36:06,290 >> Vzhľadom k tomu, ako JavaScript spracováva odpoveď zo servera je nasledujúci. 807 00:36:06,290 --> 00:36:09,740 Môžete registrovať, čo by ste nazvali funkcia spätného volania, ktoré 808 00:36:09,740 --> 00:36:12,830 jednoducho znamená, hej, JavaScript. 809 00:36:12,830 --> 00:36:16,100 Akonáhle server reaguje s JSON, 810 00:36:16,100 --> 00:36:18,750 volajte tento anonymný funkcie. 811 00:36:18,750 --> 00:36:23,910 >> A prosím, prešiel do tejto funkcie bez ohľadu na reťazec server vypľuť 812 00:36:23,910 --> 00:36:26,080 ako argument, nazvaný dáta. 813 00:36:26,080 --> 00:36:28,360 Takže inými slovami, v prípade Som montáž dynamicky 814 00:36:28,360 --> 00:36:33,370 URL quote.php absolvovaní v tomto symbol ako free alebo GOOG alebo ktovie čo ešte, 815 00:36:33,370 --> 00:36:36,830 Ja potom hovorím JavaScript choď túto adresu URL. 816 00:36:36,830 --> 00:36:39,080 Nezabudnite, že prehliadače sa chystá vrátiť niečo 817 00:36:39,080 --> 00:36:42,680 že vyzerá ako sme videli earlier-- to. 818 00:36:42,680 --> 00:36:45,940 >> A čo druhý argument Tu sa dostať JSON hovorí 819 00:36:45,940 --> 00:36:48,450 je volanie tejto funkcie keď server vráti 820 00:36:48,450 --> 00:36:52,440 či už je to 10 milisekúnd od teraz, alebo 10 sekúnd od teraz. 821 00:36:52,440 --> 00:36:55,840 A akonáhle to urobíte, pridať cenu na stránku. 822 00:36:55,840 --> 00:36:58,030 Táto syntax tu len znamená choď na uzol 823 00:36:58,030 --> 00:37:01,940 zo stromu, ktorého jedinečný identifikátor je price-- tomto úseku sme videli predtým. 824 00:37:01,940 --> 00:37:04,320 >> Táto metóda nazýva HTML Len hovorí, ísť nahradiť 825 00:37:04,320 --> 00:37:08,770 HTML to tam s data.price. 826 00:37:08,770 --> 00:37:10,200 Čo je data.price? 827 00:37:10,200 --> 00:37:12,850 No, prehliadač, spomínam, ukázal mi to vracia. 828 00:37:12,850 --> 00:37:14,540 Tak toto je dát. 829 00:37:14,540 --> 00:37:18,100 >> A tak je to trochu záhadný vidieť čiarky tu. 830 00:37:18,100 --> 00:37:19,350 Ale v skutočnosti, dovoľte mi to. 831 00:37:19,350 --> 00:37:22,890 Dovoľte mi vložiť naozaj rýchlo do gedit 832 00:37:22,890 --> 00:37:27,240 a ukázať to, ako sme ukázali, Štruktúra Zamyla je skôr. 833 00:37:27,240 --> 00:37:31,610 >> Čo je server posiela späť je malý objekt, ktorý vyzerá takto. 834 00:37:31,610 --> 00:37:37,140 A tak data.price je len mi dáva 0,1515. 835 00:37:37,140 --> 00:37:39,310 Takže veľa pohybujúcich diely tu naraz. 836 00:37:39,310 --> 00:37:41,860 >> Ale kľúčové takeaways je že majú túto schopnosť 837 00:37:41,860 --> 00:37:44,600 aby ďalšie HTTP žiadosti pomocou JavaScript 838 00:37:44,600 --> 00:37:46,090 aby bolo nutné znovu načítate stránku. 839 00:37:46,090 --> 00:37:49,580 A potom môžeme skutočne zmeniť webové stránky v reálnom čase. 840 00:37:49,580 --> 00:37:51,850 A ukázalo sa, že JavaScript a iné jazyky 841 00:37:51,850 --> 00:37:54,510 možno použiť teraz nielen mutovať webových stránok, 842 00:37:54,510 --> 00:37:57,960 ale vlastne písať softvér v skutočnom počítači, 843 00:37:57,960 --> 00:38:00,240 neobmedzuje len na Chrome alebo podobne. 844 00:38:00,240 --> 00:38:03,530 >> V skutočnosti, if-- Colton by ťa sa k nám pripojiť späť sem 845 00:38:03,530 --> 00:38:06,100 s laboratórne kód a Chang rovnako? 846 00:38:06,100 --> 00:38:09,140 Poďme ďalej, keď hovoril o anonymné funkcie a volania 847 00:38:09,140 --> 00:38:13,090 a naozaj pokúšať osud tu so živou ukážku s krvácaním 848 00:38:13,090 --> 00:38:16,480 hrana technológie, jeden z tieto zariadenia Elite pohybu. 849 00:38:16,480 --> 00:38:18,940 Teraz toto zariadenie, odvolanie, je malý USB zariadenie 850 00:38:18,940 --> 00:38:25,620 rovnako that-- to beautiful-- ktorý sa zapája do USB portov. 851 00:38:25,620 --> 00:38:29,120 >> A potom poskytuje vstupné vo forme ľudských gest 852 00:38:29,120 --> 00:38:32,560 detekciou pomocou infračervených lúčov, v podstate, pohyby z vášho ramena. 853 00:38:32,560 --> 00:38:35,150 Takže vzhľadom k tomu, čo Maria snažil skôr, než bol svalnatý, 854 00:38:35,150 --> 00:38:39,000 skutočne pocit, čo sa mení vaša ruka, to je infračervené báze. 855 00:38:39,000 --> 00:38:44,390 Tak vyzerá to pri prepravách v rámci druh sfére nohy alebo tak 856 00:38:44,390 --> 00:38:46,190 samotného zariadenia. 857 00:38:46,190 --> 00:38:48,950 >> Tak prečo som si stab na to prvé? 858 00:38:48,950 --> 00:38:53,100 A poďme do toho a hodiť ste sa na réžii tu. 859 00:38:53,100 --> 00:38:56,250 Takže poďme dať notebook Colton je tu. 860 00:38:56,250 --> 00:38:58,360 Máme Andrewa na televízore. 861 00:38:58,360 --> 00:39:00,160 A čo by si chcel, aby som urobil ako prvé? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Choďte do toho a len dajte ruky nad tým chlapom 863 00:39:02,409 --> 00:39:04,430 a uvidíte nejaké báječný lesk. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. Malan: Veľmi pekný. 865 00:39:07,230 --> 00:39:11,110 To všetko sa deje v reálnom č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 pekné. 869 00:39:14,119 --> 00:39:15,410 Tak jo, čo iného môžeme robiť? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Prejsť na ďalšie obrazovke a uvidíte. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. Malan: Dobre. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: zábavná hra kde máte robiť roboty. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. Malan: Dobre, takže to je falošné ruky ukazujúce mi, čo mám robiť. 874 00:39:24,738 --> 00:39:27,920 COLTON: Áno Takže choďte do toho a chytiť jedného z blokov 875 00:39:27,920 --> 00:39:30,637 a dal ju na telo, ktoré robotu. 876 00:39:30,637 --> 00:39:32,137 DAVID J. Malan: Oh, to je moja 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čkaj chvíľku, OK. 881 00:39:38,650 --> 00:39:41,320 Tak ideme. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Urobil som jeden na nehody. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. Malan: OK, tak som 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 Keď sme cvičili to posledné noc, viete, čo to prešiel 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 Ďalší z nich? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Iste. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. Malan: Tak jo, a je tu tretia. 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, táto je krásna. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, vybrať od seba túto kvetinu. 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 Nie? 900 00:40:11,670 --> 00:40:14,515 Minul. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Oh, tam idete. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. Malan: Ah, pozri sa na to. 903 00:40:18,680 --> 00:40:19,830 Veľmi pekné. 904 00:40:19,830 --> 00:40:22,470 No, prečo dont 'berieme z jedného dobrovoľníka tu 905 00:40:22,470 --> 00:40:24,180 ktorí by chceli ísť hore. 906 00:40:24,180 --> 00:40:27,500 Ako o tu v zeleni, je to? 907 00:40:27,500 --> 00:40:30,540 >> V poriadku, a poďme have-- namiesto toho robil to, že niektorí z vás 908 00:40:30,540 --> 00:40:34,590 možno viete túto hru here-- znížiť lano, snáď? 909 00:40:34,590 --> 00:40:35,100 Poďme sa pozrieť. 910 00:40:35,100 --> 00:40:37,320 Máme okuliare tu? 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 Ako sa voláte? 914 00:40:39,380 --> 00:40:40,350 >> Divákov: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. Malan: Laura? 916 00:40:41,266 --> 00:40:42,120 Pekné vidieť. 917 00:40:42,120 --> 00:40:45,600 Ak vám nevadí, že uvedenie Google Glass cez vaše okuliare. 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 Teší ma. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. Malan: OK, no tak okolo. 922 00:40:49,600 --> 00:40:52,516 Dobre, takže to, čo budete robiť tu, mať hral predtým, 923 00:40:52,516 --> 00:40:55,650 je dať si ruku na Leap Motion tu. 924 00:40:55,650 --> 00:40:57,210 A teraz vaše šípka by sa mal pohybovať. 925 00:40:57,210 --> 00:40:57,710 Oh, ani náhodou. 926 00:40:57,710 --> 00:40:58,066 >> Divákov: Nie 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. Malan: My nechcem ešte odísť. 928 00:40:58,780 --> 00:40:59,280 OK, počkajte. 929 00:40:59,280 --> 00:41:01,200 Tu. 930 00:41:01,200 --> 00:41:03,530 Takže si všimnúť, ako držíte prst nad niečím, 931 00:41:03,530 --> 00:41:06,750 myš začína ísť zelená, čo je, ako sa na tlačidlo. 932 00:41:06,750 --> 00:41:08,980 >> Takže vznášať sa nad Play. 933 00:41:08,980 --> 00:41:10,970 A len jeden prst je v poriadku. 934 00:41:10,970 --> 00:41:13,869 A teraz kliknite na malý zelený chlap na ľavej strane. 935 00:41:13,869 --> 00:41:15,410 A teraz sa podržte, kým sa zaplní zelene. 936 00:41:15,410 --> 00:41:15,640 Dobre. 937 00:41:15,640 --> 00:41:16,990 Teraz, ako, jeden stupeň nahor hore. 938 00:41:16,990 --> 00:41:20,190 >> Publikum: Áno, chceme o jeden stupeň, tu. 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šetko, čo musíte urobiť, je znížiť lano. 941 00:41:25,500 --> 00:41:28,240 Kurzor je biely tam dole. 942 00:41:28,240 --> 00:41:28,880 >> Veľmi pekné. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 V poriadku, je to asi ťažšie. 945 00:41:32,790 --> 00:41:34,800 Takže držte prst cez budúci teraz. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Dobre. 948 00:41:39,030 --> 00:41:39,999 Tohle je ťažké. 949 00:41:39,999 --> 00:41:40,966 >> Divákov: Oh crap. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 Chce ísť tadiaľ. 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árnym cieľom je dostať všetky hviezdy. 955 00:41:50,700 --> 00:41:53,920 Dobre, nabudúce. 956 00:41:53,920 --> 00:41:57,504 >> Uvidíme, či môžete získať tento tretí. 957 00:41:57,504 --> 00:41:58,004 Dobre. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 OK, tam ísť. 960 00:42:06,840 --> 00:42:08,850 >> Iste. 961 00:42:08,850 --> 00:42:11,230 Oh, veľmi pekné. 962 00:42:11,230 --> 00:42:11,930 Dobrá. 963 00:42:11,930 --> 00:42:13,534 >> Tak prečo nie my odložiť tu dnes? 964 00:42:13,534 --> 00:42:15,200 Nech niekto ísť hore, kto si chce hrať. 965 00:42:15,200 --> 00:42:16,880 Vďaka moc Laure náš dobrovoľník. 966 00:42:16,880 --> 00:42:18,730 A my vás uvidí v pondelok. 967 00:42:18,730 --> 00:42:21,190 >> Divákov: Pravdepodobne budete chcieť tieto staré. 968 00:42:21,190 --> 00:42:23,640 >> SPEAKER 2: Na ďalší CS50-- 969 00:42:23,640 --> 00:42:35,222