1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. Malan: Dobro, tako da je to tukaj je Myo roko 3 00:00:41,880 --> 00:00:44,450 pas, nekaj, ki smo imeti za CS50 končnih projektov. 4 00:00:44,450 --> 00:00:47,533 In da je bila predstavitev smo v čakalni vrsti Ste pripravljeni vnaprej, kadar je to v bistvu 5 00:00:47,533 --> 00:00:51,120 to dokaj tesen roko pasu tukaj posluša vaših mišičnih gibov 6 00:00:51,120 --> 00:00:54,280 ki so nato preslikani v programski opremi za laptop Colton je več tukaj, ki 7 00:00:54,280 --> 00:00:57,230 imel iTunes in da Pesem je že v čakalni vrsti gor. 8 00:00:57,230 --> 00:01:00,270 Namesto da bi me demoing to, Colton je bilo v laboratoriju 9 00:01:00,270 --> 00:01:04,129 jasno že ves teden dobili predstavitev pripravljeno za enega pogumnega prostovoljca. 10 00:01:04,129 --> 00:01:07,430 Če bi kdo rad prišel na up-- videl svojo roko prvi. 11 00:01:07,430 --> 00:01:09,540 Pridi gor. 12 00:01:09,540 --> 00:01:12,530 >> Vse je v redu. 13 00:01:12,530 --> 00:01:13,886 In kako ti je ime? 14 00:01:13,886 --> 00:01:14,800 >> OBČINSTVO: Uh, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. Malan: Maria, lepo vas je videti. 16 00:01:16,550 --> 00:01:17,310 Pridi sem. 17 00:01:17,310 --> 00:01:19,550 Naj vam predstavim Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, to je Maria. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Zdravo, lepo, da sva se spoznala. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. Malan: All prav tako korak enega, smo 21 00:01:24,330 --> 00:01:26,204 dogaja, da imajo daš to na vašem podlakti 22 00:01:26,204 --> 00:01:29,280 tako, da je precej tesen up blizu komolca. 23 00:01:29,280 --> 00:01:31,940 In medtem, kaj je imel dal na naši Google Glass 24 00:01:31,940 --> 00:01:33,720 in bomo premešamo tehnologije danes. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Najprej bomo morali trnek to v stvari. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. Malan: OK. 27 00:01:37,170 --> 00:01:39,795 Pravzaprav, kaj je dal roko, kot je blizu tega kabla, kot je mogoče 28 00:01:39,795 --> 00:01:41,160 tako da bomo najprej sinhronizira up. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Naredimo to. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. Malan: In medtem, tako da vsakdo lahko pobližje pogledal, 31 00:01:46,500 --> 00:01:50,290 bomo kretnjo Andreja kamere na zaslonu tam. 32 00:01:50,290 --> 00:01:54,460 Tako da imamo kabel USB, ki je vklopiti v Maria odgovorno nalogo. 33 00:01:54,460 --> 00:02:00,230 In me vržejo zaslon Colton je up projektor naslednjo. 34 00:02:00,230 --> 00:02:06,000 >> Torej Colton se prijavi naprave zdaj kot Myo priključen tem kablom. 35 00:02:06,000 --> 00:02:08,060 In kaj zdaj Maria je storili trenutek 36 00:02:08,060 --> 00:02:10,120 je pravzaprav sprehod skozi korakov umerjanja 37 00:02:10,120 --> 00:02:12,830 in poučevanje programske opreme kako njene mišice odzivajo 38 00:02:12,830 --> 00:02:16,070 ko se je prepričati, vnaprej določenih kretnje, software razume. 39 00:02:16,070 --> 00:02:17,910 Če bi radi, da gredo v sprednji del zaslona. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 OK, vztrajati težaven. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Pojdi takole. 43 00:02:31,860 --> 00:02:32,970 In kot da. 44 00:02:32,970 --> 00:02:34,563 In vso pot v desno. 45 00:02:34,563 --> 00:02:35,922 Pojdi nazaj. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. Malan: OK. 47 00:02:37,740 --> 00:02:38,960 Drugačen pogled. 48 00:02:38,960 --> 00:02:39,620 To niste vi. 49 00:02:39,620 --> 00:02:40,350 To je nas. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: OK. 51 00:02:41,749 --> 00:02:42,540 DAVID J. Malan: No. 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Oglejmo premakniti višje, tako da je bližje komolca ali celo strožje. 54 00:02:51,540 --> 00:02:52,680 Vse je v redu. 55 00:02:52,680 --> 00:02:53,270 >> Gremo. 56 00:02:53,270 --> 00:02:56,780 To bi bil pravi čas za CS52X. 57 00:02:56,780 --> 00:02:57,670 Tam gremo. 58 00:02:57,670 --> 00:02:58,760 >> Zelo lepo. 59 00:02:58,760 --> 00:03:01,170 OK. 60 00:03:01,170 --> 00:03:02,790 Palec na pinky. 61 00:03:02,790 --> 00:03:03,380 >> Zelo lepo. 62 00:03:03,380 --> 00:03:05,140 Širijo svoje prste. 63 00:03:05,140 --> 00:03:06,240 Dobro. 64 00:03:06,240 --> 00:03:06,910 Val prav. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 To je zanimivo, kaže ste z levo hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Ja, to je čudno. 68 00:03:19,665 --> 00:03:21,790 DAVID J. Malan: Wave, da desno in se premakniti naprej. 69 00:03:21,790 --> 00:03:22,998 Hitro naprej, da preskočite ali naslednji. 70 00:03:22,998 --> 00:03:25,020 To je OK Wave prav. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: I don't-- čakati. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. Malan: Potrebujete pomoč? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Torej boš takole. 74 00:03:30,027 --> 00:03:31,860 MARIA: To je obračanja Druga stvar, čeprav. 75 00:03:31,860 --> 00:03:32,390 COLTON: Res je. 76 00:03:32,390 --> 00:03:34,250 DAVID J. Malan: Ja ne vem zakaj se vam prikazuje leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Zakaj ne try-- le poskusite gredo takole. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. Malan: No? 80 00:03:40,090 --> 00:03:42,580 Mogoče doseči roko ven malo straighter 81 00:03:42,580 --> 00:03:46,070 in da bo močnejša, kot je ta. 82 00:03:46,070 --> 00:03:48,176 Ja, OK, daj no. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: Žal mi je. 84 00:03:49,670 --> 00:03:51,170 DAVID J. Malan: To ni tvoja krivda. 85 00:03:51,170 --> 00:03:53,018 COLTON: To je v redu. 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: Če preskočimo to potem? 89 00:03:57,620 --> 00:03:59,620 DAVID J. Malan: Ja, kaj je pustil off kavelj. 90 00:03:59,620 --> 00:04:03,130 Torej, če bi kdo rad naredil končni projekt z uporabo te rezilo 91 00:04:03,130 --> 00:04:07,707 strojna oprema, zavedaš, da lahko samo vzemite malo navaditi. 92 00:04:07,707 --> 00:04:10,290 In this-- realnost je to je pravzaprav zelo krvavitev rob. 93 00:04:10,290 --> 00:04:12,040 >> To je tisto, kar se imenuje developer kit, ki 94 00:04:12,040 --> 00:04:14,956 je mišljeno, da se v bistvu pred sproščanjem tako da lahko ljudje točno 95 00:04:14,956 --> 00:04:18,690 this-- boriti z njim, slika kako organi ljudske delo 96 00:04:18,690 --> 00:04:19,980 s tehnologijo. 97 00:04:19,980 --> 00:04:21,750 Torej, če želite kasneje, po predavanju, 98 00:04:21,750 --> 00:04:23,750 smo vam lahko pridejo in posneti še eno stab na to. 99 00:04:23,750 --> 00:04:26,970 Sicer pa, aplavz, če smo lahko, za Maria prišli gor. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Hvala. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. Malan: Hvala. 102 00:04:30,390 --> 00:04:34,945 Bomo visi na tem, ampak mi bo dal you-- kako približno stres žogo tukaj? 103 00:04:34,945 --> 00:04:38,620 Oh, in-- if-- ja, hvala. 104 00:04:38,620 --> 00:04:39,715 Vse je v redu. 105 00:04:39,715 --> 00:04:45,750 Torej, za radovedne, če ste bili seznanjeni s premišljene izbire 106 00:04:45,750 --> 00:04:47,670 da smo tam prej, neverjetno TV 107 00:04:47,670 --> 00:04:50,210 kažejo, da morate nujno biti popivanje gledal na Netflix 108 00:04:50,210 --> 00:04:51,110 je to ena tukaj. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: Dame in gospodje, čarovnik z imenom Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. Malan: In očitno je, da je stvar, ki me je besedilo med predavanjem zdaj. 112 00:05:08,050 --> 00:05:11,190 Jaz pa sem rekel, da je Maria je imel rojstni dan včeraj. 113 00:05:11,190 --> 00:05:14,095 Torej, vse najboljše od CS50 za Maria kot dobro. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Torej ste lahko prebrali v zadnjem mesecu da to gospodje tukaj, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, ki je bil dejansko Razred 1977 na šoli, 117 00:05:25,260 --> 00:05:27,170 Pred kratkim upokojil za Microsoft. 118 00:05:27,170 --> 00:05:29,620 Bil dodiplomski tukaj nato nekaj let pozneje 119 00:05:29,620 --> 00:05:31,910 je znašel na Stanford Business School 120 00:05:31,910 --> 00:05:34,160 ko je prejel telefon poklicati njegov prijatelj kdo 121 00:05:34,160 --> 00:05:36,516 živel po hodniku od njega tukaj na Harvardu. 122 00:05:36,516 --> 00:05:38,640 Prijateljevega imena je Bill Vrata in v času, 123 00:05:38,640 --> 00:05:42,700 je skušal zaposliti Steve biti Prva poslovna oseba, res, 124 00:05:42,700 --> 00:05:45,720 pri majhnem podjetju ime Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> Skrajšam zgodbo, Steve je na koncu osvojil, 126 00:05:48,960 --> 00:05:52,130 pridružil Microsoft, ko so je imela le 30 zaposlenih. 127 00:05:52,130 --> 00:05:54,300 In do takrat, ko je upokojeni nedavno, 128 00:05:54,300 --> 00:05:58,100 Družba je imela 100.000 zaposlenih v zadnjih nekaj letih. 129 00:05:58,100 --> 00:06:01,171 In tako spletna stran znan kot The Verge pripravila ta davek na video 130 00:06:01,171 --> 00:06:02,920 da smo menili, da bi skupna ugotovitev, da vam daje 131 00:06:02,920 --> 00:06:08,380 občutek, koliko energije Steva prinaša za vse predstavitve je daje. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VIDEO PREDVAJANJE] 134 00:06:12,550 --> 00:06:16,220 -Microsoft Je kot četrtega otroka. 135 00:06:16,220 --> 00:06:18,260 Otroci zapustiti hišo. 136 00:06:18,260 --> 00:06:21,875 V tem primeru, mislim, Odhajam hišo. 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 Bil sem dal smo velikanska priložnost. 141 00:06:28,590 --> 00:06:30,210 In Bill nam je dal to priložnost. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Rad bi se zahvalil Billu za to. 144 00:06:36,770 --> 00:06:39,630 Rad bi, da preveč. 145 00:06:39,630 --> 00:06:42,500 Razvoj inovacij se ne bo upočasnila. 146 00:06:42,500 --> 00:06:45,140 >> To se dogaja, da bi dobili hitreje in hitreje. 147 00:06:45,140 --> 00:06:50,165 Morda obstaja nekaj konkurentov da so na žalost odstranjeni! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Ljubim te družbe. 150 00:06:59,564 --> 00:07:00,064 Yes! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Jaz sem PC in obožujem to podjetje! 153 00:07:08,250 --> 00:07:13,090 >> Razvijalci, razvijalci, razvijalci, razvijalci, razvijalci, razvijalci, 154 00:07:13,090 --> 00:07:14,560 razvijalci, razvijalci. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Yes! 157 00:07:18,970 --> 00:07:19,950 Spletni razvijalci! 158 00:07:19,950 --> 00:07:21,420 >> Spletni razvijalci! 159 00:07:21,420 --> 00:07:22,890 Spletni razvijalci! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Poslušajte, kaj vam dobili brez doplačila! 162 00:07:28,770 --> 00:07:31,960 >> Izvršni MS-DOS, imenovanje koledar, pile kartica, note pad, 163 00:07:31,960 --> 00:07:33,750 ura, na nadzorni plošči. 164 00:07:33,750 --> 00:07:35,461 In, ali si lahko mislite? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Jih zapišete na CD-ju! 167 00:07:37,270 --> 00:07:38,660 Jih objavili na MSN! 168 00:07:38,660 --> 00:07:40,422 Lahko jih pošljete prijateljem! 169 00:07:40,422 --> 00:07:41,790 >> Vse z enim klikom! 170 00:07:41,790 --> 00:07:48,670 Ena Microsoft, ena strategija, ena team-- usmerjena, disciplinirano, strokovno, 171 00:07:48,670 --> 00:07:50,610 in strokovnjak za vse, kar počnemo. 172 00:07:50,610 --> 00:07:52,670 Dovolite mi črto iz starega filma. 173 00:07:52,670 --> 00:07:54,810 >> Razmerja so kot morski psi. 174 00:07:54,810 --> 00:07:57,480 Se premikajo naprej ali umrejo. 175 00:07:57,480 --> 00:08:01,470 Pravzaprav mislim tech podjetja so enaki. 176 00:08:01,470 --> 00:08:04,801 >> [END VIDEO PREDVAJANJE] 177 00:08:04,801 --> 00:08:08,050 DAVID J. Malan: Torej smo tako veseli, da sporočamo, da bo Steve nam pridružili 178 00:08:08,050 --> 00:08:13,320 tukaj v CS50 naslednjo sredo ob običajno kraj in čas tukaj. 179 00:08:13,320 --> 00:08:14,750 Prostor bo verjetno omejena. 180 00:08:14,750 --> 00:08:19,650 In tako se nam pridružite osebno, prosim glavo danes ali kmalu zatem 181 00:08:19,650 --> 00:08:22,600 da cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> In bomo sledili ki jih Torek potrjuje lise. 183 00:08:25,780 --> 00:08:29,900 Veselim se, da je poleg Sreda med predavanjem v CS50. 184 00:08:29,900 --> 00:08:33,706 Zdaj, v drugih novicah, sem se je zgodilo prišel čez to v The Crimson samo 185 00:08:33,706 --> 00:08:34,289 drugi dan. 186 00:08:34,289 --> 00:08:37,370 >> Izkazalo se je, da je eden od zaposlenih CS50 je in vsaj eden izmed CS50 je študentov 187 00:08:37,370 --> 00:08:40,299 trenutno teče za UC predsednik in podpredsednik, 188 00:08:40,299 --> 00:08:42,950 ki me je pripeljala nazaj na mojih dni nazaj 189 00:08:42,950 --> 00:08:45,920 ko sem izgubil UC volitvah klavrno. 190 00:08:45,920 --> 00:08:48,210 Ampak sončni žarek s tem, da je vedno 191 00:08:48,210 --> 00:08:50,604 povej zgodba je, da eden od Prepričan sem, 192 00:08:50,604 --> 00:08:52,770 veliko razlogov sem izgubil Izvolitev je bila popolna odsotnost 193 00:08:52,770 --> 00:08:54,103 iz talenta za javno nastopanje. 194 00:08:54,103 --> 00:08:56,950 In tako zelo iskreno jo, me odpeljal, da izkušnje 195 00:08:56,950 --> 00:09:02,235 Mislim, da moj junior leto, dejansko se prijavite up za Harvard Computer Society, ki 196 00:09:02,235 --> 00:09:04,610 je skupina na univerzi, ki ima različne tehnične pogovore 197 00:09:04,610 --> 00:09:05,318 in druge stvari. 198 00:09:05,318 --> 00:09:08,117 In sem prevzel svoje poučevanje seminarji in zato 199 00:09:08,117 --> 00:09:09,950 so imeli priložnost, čudovita priložnost, 200 00:09:09,950 --> 00:09:12,620 začeti delati na točno to. 201 00:09:12,620 --> 00:09:15,000 Ampak tudi, sem imel priložnost Med te izkušnje 202 00:09:15,000 --> 00:09:16,930 da sam naučiti vse več HTML. 203 00:09:16,930 --> 00:09:21,080 In tako sinoči sem zavlačevali s videti skozi temelji HTML spletne strani 204 00:09:21,080 --> 00:09:28,066 Naredila sem v kot 1997, '98, za moj Kampanja, ki je videti takole tukaj. 205 00:09:28,066 --> 00:09:29,920 Vem. 206 00:09:29,920 --> 00:09:33,340 >> Because-- in seveda, obvestila to neverjetno odločitev dizajn v letu 1998 207 00:09:33,340 --> 00:09:33,850 ali malenkosti. 208 00:09:33,850 --> 00:09:36,475 Prva stvar, ki jo želite, da uporabniki da bodo ob obisku vaše spletne strani 209 00:09:36,475 --> 00:09:39,860 je potrebno klikniti še eno povezavo pravkar da vstopijo vašo spletno stran tukaj z meniha 210 00:09:39,860 --> 00:09:43,940 zadaj kot zavita zaveso, kjer očitno moja platforma Akcija je bila. 211 00:09:43,940 --> 00:09:46,330 In to je vse, kar boste dobili Danes je le screenshot. 212 00:09:46,330 --> 00:09:49,500 Vendar sem bral skozi, kot so, akcije ter plakati sinoči 213 00:09:49,500 --> 00:09:50,490 in moj platformo. 214 00:09:50,490 --> 00:09:52,960 >> In sem bil tako jezen v tistem času. 215 00:09:52,960 --> 00:09:55,380 Moja platforma was-- je bilo zanimivo. 216 00:09:55,380 --> 00:09:57,730 Tako da sem pomiril od takrat. 217 00:09:57,730 --> 00:10:03,550 Ampak nekega dne, bom spet teči in upajmo, da bolje tem času. 218 00:10:03,550 --> 00:10:07,265 >> Torej, HTML, da je jezik, v katerem sem da in-- vas bomo kmalu bo veliko more-- 219 00:10:07,265 --> 00:10:09,140 je nekaj, kar smo bili Govorimo o pozno 220 00:10:09,140 --> 00:10:12,460 in v veliki meri ki jemljejo za samoumevno zdaj da smo se preselili na druge jezike. 221 00:10:12,460 --> 00:10:15,650 Ampak kaj je premor za trenutek in dal nekaj od teh stvari v kontekstu. 222 00:10:15,650 --> 00:10:18,040 Torej, v stavku, kaj je HTML? 223 00:10:18,040 --> 00:10:19,370 >> Ali, kaj se uporablja? 224 00:10:19,370 --> 00:10:20,208 Kdorkoli? 225 00:10:20,208 --> 00:10:20,708 Da. 226 00:10:20,708 --> 00:10:22,002 >> OBČINSTVO: Markup za spletne strani. 227 00:10:22,002 --> 00:10:23,460 DAVID J. Malan: Markup za spletno stran. 228 00:10:23,460 --> 00:10:27,100 Torej, to je označevalni jezik, ki vam omogoča strukturiranje spletno stran. 229 00:10:27,100 --> 00:10:30,040 Glava gre tu gor, naslov tukaj gre, telo gre tukaj. 230 00:10:30,040 --> 00:10:33,280 To je krepko, to je italics--, da se takšne podrobnosti. 231 00:10:33,280 --> 00:10:33,830 >> OK, dobro. 232 00:10:33,830 --> 00:10:37,620 Torej you-- in I CSS omogoča vzel nekaj svoboščin tam 233 00:10:37,620 --> 00:10:40,990 s krepko obrnjenih in poševnem tisku zato, ker da je bolje izvajati s tem. 234 00:10:40,990 --> 00:10:42,096 CSS is-- kaj? 235 00:10:42,096 --> 00:10:42,845 Pravijo v stavku. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Kdo sploh. 238 00:10:46,720 --> 00:10:46,870 Ja. 239 00:10:46,870 --> 00:10:49,286 >> Publika: Embellishments in stvari, kot so, kako jo oblikovati. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. Malan: OK, dobro. 242 00:10:52,810 --> 00:10:55,420 Okraskov, ki vam omogočajo jo oblikujejo ali Stilizovati 243 00:10:55,420 --> 00:10:59,540 s stvarmi, kot krepko in ležeče in barve in tudi bolj fino 244 00:10:59,540 --> 00:11:01,330 drobnozrnat pozicioniranje elementov. 245 00:11:01,330 --> 00:11:04,520 To nekako vam omogoča, da stvari zadnja milja, tako da, če, na primer, 246 00:11:04,520 --> 00:11:08,130 v Pset7, ste morda opazili, na vaš Stran portfolio, če ste na tej točki 247 00:11:08,130 --> 00:11:12,270 že, da je privzeta tabela, ki jo da pokazati uporabnika zalog kmetijskih gospodarstev 248 00:11:12,270 --> 00:11:15,740 in gotovina verjetno izgleda precej grd privzeto brez praznega prostora. 249 00:11:15,740 --> 00:11:18,420 Vse je nekako od gnetejo skupaj v vrsticah in stolpcih. 250 00:11:18,420 --> 00:11:20,662 >> No, z nekaj CSS, kot ste lahko spoznali, 251 00:11:20,662 --> 00:11:23,870 lahko dejansko poteg, da je in da bo nekaj veliko bolj znana in še veliko 252 00:11:23,870 --> 00:11:24,870 lepša na pogled. 253 00:11:24,870 --> 00:11:27,730 Torej, CSS je približno stilizacijo spletnih strani. 254 00:11:27,730 --> 00:11:31,970 Potem pa smo uvedli še en jezik, PHP, ki nam omogoča, kaj storiti? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Poglejmo samo, kaj storiti? 257 00:11:37,590 --> 00:11:38,177 Kdorkoli. 258 00:11:38,177 --> 00:11:40,010 Dobil v nakupovanje izven prvih nekaj vrstic. 259 00:11:40,010 --> 00:11:40,260 Ja. 260 00:11:40,260 --> 00:11:41,719 >> OBČINSTVO: Ustvari dinamično vsebino. 261 00:11:41,719 --> 00:11:42,718 DAVID J. Malan: Popolna. 262 00:11:42,718 --> 00:11:43,850 Ustvarjajo dinamično vsebino. 263 00:11:43,850 --> 00:11:45,808 In sicer lahko to storite v poljubno število jezikov. 264 00:11:45,808 --> 00:11:50,120 Se zgodi, da uporabljate PHP, ker je deloma zato, podoben C sintakso. 265 00:11:50,120 --> 00:11:52,000 >> Ampak PHP počne točno to. 266 00:11:52,000 --> 00:11:54,620 To vam omogoča, da dinamično ustvari izhod. 267 00:11:54,620 --> 00:11:57,890 In nekaj te proizvodnje bi lahko HTML, kot smo ponavadi počel. 268 00:11:57,890 --> 00:12:00,160 In to je prav, ker je to programski jezik, je 269 00:12:00,160 --> 00:12:03,240 Mehanizem, preko katerega lahko govorimo z bazami podatkov. 270 00:12:03,240 --> 00:12:05,730 >> In lahko naredimo poizvedbe drugih strežnikov, kot Yahoos 271 00:12:05,730 --> 00:12:08,660 in programsko storiti ničesar Res, da ste morda drugače 272 00:12:08,660 --> 00:12:10,400 želijo prisiliti računalnik storiti. 273 00:12:10,400 --> 00:12:13,580 Torej PHP nam omogoča začetek dinamično prikazovanje vsebin. 274 00:12:13,580 --> 00:12:16,900 Torej po tej logiki, nisem imel dinamične spletne strani leta 1998. 275 00:12:16,900 --> 00:12:18,460 >> Bilo je samo statična spletna stran. 276 00:12:18,460 --> 00:12:22,250 Je imela moja vsebina spremeniti z ročno z gedit ali kak ekvivalent. 277 00:12:22,250 --> 00:12:25,290 Ampak PHP je tisto, kar smo vajeni, ali bi lahko bili uporabljeni, namesto, 278 00:12:25,290 --> 00:12:27,260 nekaj podobnega Spletna stran Frosh UI, ki 279 00:12:27,260 --> 00:12:31,160 naj bi bil sprejeti registracije in urejati seznam users-- stvari, ki 280 00:12:31,160 --> 00:12:33,550 dejansko preklop čas, čeprav se zgodi 281 00:12:33,550 --> 00:12:35,990 za uporabo Perl, drugačen jezik v času. 282 00:12:35,990 --> 00:12:40,350 >> In potem na koncu, smo uvedli SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Torej še en jezik ki se uporablja za kaj? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Uporablja za kaj? 286 00:12:47,639 --> 00:12:49,430 Moremo trditi slight-- OK, ne bomo 287 00:12:49,430 --> 00:12:51,263 da bi dobili veliko dlje kot orkestra tukaj. 288 00:12:51,263 --> 00:12:53,432 OBČINSTVO: To je protokol uporablja za pogovor z bazami podatkov. 289 00:12:53,432 --> 00:12:55,640 DAVID J. Malan: protokol uporablja za pogovor z bazami podatkov. 290 00:12:55,640 --> 00:12:56,181 Dovolite mi, da poteg. 291 00:12:56,181 --> 00:12:59,280 To je naravni jezik govoriti databases-- izbere 292 00:12:59,280 --> 00:13:01,280 in vstavki in izbrisi in posodobitve, in dejansko 293 00:13:01,280 --> 00:13:03,840 celo več funkcij, ki nismo niti potapljal 294 00:13:03,840 --> 00:13:07,920 v vendar boste morda želeli, da imajo explore-- za iskanje, recimo, končni projekt. 295 00:13:07,920 --> 00:13:09,560 Tako da so ti različni deli. 296 00:13:09,560 --> 00:13:13,100 >> In upajmo Pset7, čeprav njegova specifikacija je precej dolg, 297 00:13:13,100 --> 00:13:15,990 to je namerno dolgo, da sprehod s tem, kako lahko te stvari vse 298 00:13:15,990 --> 00:13:17,210 lahko tipkajo skupaj. 299 00:13:17,210 --> 00:13:20,300 Zdaj, v ponedeljek smo predstavil svojo zadnjo jezik 300 00:13:20,300 --> 00:13:23,430 da bomo uradno uvajajo v course-- da je JavaScript. 301 00:13:23,430 --> 00:13:25,720 Ta, kot so PHP, je razlaga jezik. 302 00:13:25,720 --> 00:13:28,110 >> Toda ključna razlika Predlagal sem v ponedeljek 303 00:13:28,110 --> 00:13:32,730 je, da medtem PHP izvršiteljice ali mogoče razlagati na strežniku, ki 304 00:13:32,730 --> 00:13:35,990 v tem primeru je CS50 aparata, ali morda nekateri komercialni web 305 00:13:35,990 --> 00:13:39,370 strežnika na internetu, JavaScript splošno 306 00:13:39,370 --> 00:13:43,650 je jezik, ki teče odjemalsko Ne server side-- tako v brskalniku. 307 00:13:43,650 --> 00:13:46,970 Kar pomeni, tako kot takrat, ko sem odprl up Facebook izvorno kodo in našel vse 308 00:13:46,970 --> 00:13:51,510 teh js datoteke, je posledice da, ko obiščete Facebook ali najbolj 309 00:13:51,510 --> 00:13:54,810 spletne strani v teh dneh, boste dobili ne samo HTML, ne samo CSS, 310 00:13:54,810 --> 00:13:59,370 ampak cel kup JavaScript Koda pogosto v obliki js datotek. 311 00:13:59,370 --> 00:14:03,970 In potem je browser-- sami Mac ali PC--, ki izvaja to kodo. 312 00:14:03,970 --> 00:14:05,990 >> Vendar vaš brskalnik usmrti. 313 00:14:05,990 --> 00:14:08,070 Si lahko zamislite v nekakšen peskovnik. 314 00:14:08,070 --> 00:14:12,420 Tako da koda JavaScript ne bi smelo biti lahko brisanje datotek na vašem računalniku. 315 00:14:12,420 --> 00:14:14,730 To ne bi smelo biti sposobni pošiljanje e-pošte v vašem imenu. 316 00:14:14,730 --> 00:14:17,760 Vaš brskalnik vrsta omejuje kaj lahko narediš z njim. 317 00:14:17,760 --> 00:14:20,630 >> Torej, v tem smislu, da je malo manj močna, morda, kot C. 318 00:14:20,630 --> 00:14:24,030 Ampak JavaScript lahko, kot stran, je treba uporabiti na strežniku, 319 00:14:24,030 --> 00:14:27,740 čeprav bomo ponavadi ne govorimo o tem, da v tem kontekstu. 320 00:14:27,740 --> 00:14:29,740 Torej, zdaj pa si kravato ti skupaj. 321 00:14:29,740 --> 00:14:34,000 Teden plus nazaj, smo predstavili nekaj HTML na left-- super dolgočasen spletne strani. 322 00:14:34,000 --> 00:14:35,000 >> Samo pozdravi svet. 323 00:14:35,000 --> 00:14:38,110 In potem sem predlagala Pravica se lahko nekako kradejo ideje 324 00:14:38,110 --> 00:14:41,470 iz naše razprave podatkovne strukture v C 325 00:14:41,470 --> 00:14:45,270 in razmišljati o tem, kako je to hierarhična označevalni jezik na levi strani 326 00:14:45,270 --> 00:14:49,720 mogoče pripraviti ali izvajati v spomin kot dejanske drevesne strukture z vozlišči 327 00:14:49,720 --> 00:14:51,400 in kazalci in tiste vrste informacij. 328 00:14:51,400 --> 00:14:53,820 Na desni strani, pravimo da je DOM-- dokument 329 00:14:53,820 --> 00:14:56,800 Nasprotuje Model-- ki je prav fancy način rekel drevo. 330 00:14:56,800 --> 00:14:59,520 >> Zdaj, zakaj je to koristno pomislite, da na ta način? 331 00:14:59,520 --> 00:15:01,680 Ker zdaj z JavaScript, saj imamo 332 00:15:01,680 --> 00:15:05,810 kodo, ki bo igral v tem okolje, dejansko HTML, ki je 333 00:15:05,810 --> 00:15:08,360 bile poslane v brskalnik že in ima že 334 00:15:08,360 --> 00:15:12,690 bil naložen v pomnilnik z Brskalnik v drevo v vašem računalniku 335 00:15:12,690 --> 00:15:18,270 RAM, kot je ta, se lahko uporabljajo JavaScript dejansko prečkanje ali hoditi ali iskanje 336 00:15:18,270 --> 00:15:21,800 ali spremeniti DOM drevo pa želimo. 337 00:15:21,800 --> 00:15:24,040 Torej v bistvu, če mislite, da o facebook.com, 338 00:15:24,040 --> 00:15:27,660 če uporabljate funkcijo klepeta, če vas Uporaba Gmail in funkcija Gchat, 339 00:15:27,660 --> 00:15:30,540 karkoli, kjer imate Sporočila znova in znova prihajajo 340 00:15:30,540 --> 00:15:35,880 in spet, ta sporočila so verjetno, podobno, LI tag, Seznam Postavka oznake, morda. 341 00:15:35,880 --> 00:15:37,940 >> Ali pa morda ti si samo Divs ki vodijo pojavljajo 342 00:15:37,940 --> 00:15:39,770 vsakič, ko boste dobili sporočilo. 343 00:15:39,770 --> 00:15:42,960 In tako, da pomeni le, kaj Facebook ali Google počne 344 00:15:42,960 --> 00:15:45,200 je vsak čas, boste dobili Sporočilo s strežnika, 345 00:15:45,200 --> 00:15:48,740 so verjetno uporabo JavaScript samo dodati drugo vozlišče 346 00:15:48,740 --> 00:15:52,700 to tree-- drugo vozlišče na to Drevo, ki nato vizualno samo izgleda 347 00:15:52,700 --> 00:15:54,570 kot novo vrstico besedila na zaslonu. 348 00:15:54,570 --> 00:15:57,100 Ampak oni vstavljanje v to strukturo podatkov. 349 00:15:57,100 --> 00:15:59,742 >> Torej, v razrede, kot so CS124 in drugi, boste 350 00:15:59,742 --> 00:16:02,200 dejansko napisati več kodo proti podatkovne strukture, kot je ta. 351 00:16:02,200 --> 00:16:04,310 Vendar za zdaj v JavaScriptu, bomo samo prevzeti 352 00:16:04,310 --> 00:16:07,920 smo dobili vse te funkcionalnosti brezplačno od jezika samega. 353 00:16:07,920 --> 00:16:09,210 Torej, si oglejmo primer. 354 00:16:09,210 --> 00:16:13,120 >> Dovolite mi, da odprejo datoteko z imenom form.html. 355 00:16:13,120 --> 00:16:14,601 To je zelo preprosta. 356 00:16:14,601 --> 00:16:15,600 Samo izgleda takole. 357 00:16:15,600 --> 00:16:17,860 >> Ne CSS, ne misli, da estetiko. 358 00:16:17,860 --> 00:16:19,810 To je povsem funkcionalna in očitno sem 359 00:16:19,810 --> 00:16:24,000 prosi za e-pošto, geslo, spet geslo, nato pa pregled 360 00:16:24,000 --> 00:16:26,150 da se strinjajo z nekaterimi pogoji. 361 00:16:26,150 --> 00:16:28,740 Kaj Izvorna koda za ta Izgleda da je verjetno nekaj 362 00:16:28,740 --> 00:16:31,030 ste lahko uganiti z malo misli zdaj. 363 00:16:31,030 --> 00:16:32,840 Imam obrazec oznako tukaj. 364 00:16:32,840 --> 00:16:36,190 >> Tožba se očitno dogaja, da iti v datoteki register.php. 365 00:16:36,190 --> 00:16:37,870 Metodo bom uporabila, je dobil. 366 00:16:37,870 --> 00:16:40,880 In potem imam besedila polje, čigar ime je email. 367 00:16:40,880 --> 00:16:43,340 >> Imam polje za geslo čigar ime je geslo. 368 00:16:43,340 --> 00:16:45,420 Imam še en polje za geslo, katerega ime 369 00:16:45,420 --> 00:16:47,342 je nekoliko samovoljno potrditev. 370 00:16:47,342 --> 00:16:49,690 To je samo še en parameter HTTP. 371 00:16:49,690 --> 00:16:54,430 >> In potem mi ne bomo delali doslej našteto razen saj Frosh UI demo v class-- 372 00:16:54,430 --> 00:16:56,692 potrditveno polje, ki je Samo tip je enak ček. 373 00:16:56,692 --> 00:16:57,900 In jaz bom poklical ta sporazum. 374 00:16:57,900 --> 00:17:00,700 Tako sem nekako samovoljno, ampak prikladno poimenovali teh področjih. 375 00:17:00,700 --> 00:17:03,450 Tako, da zdaj, ko je ta oblika dobi predložen, da vidimo, kaj se zgodi. 376 00:17:03,450 --> 00:17:07,290 Če naredim malan@harvard.edu, Jaz bom naredil geslo škrlat. 377 00:17:07,290 --> 00:17:09,530 Jaz bom naredil geslo nič. 378 00:17:09,530 --> 00:17:10,910 Naj ne sodelujejo. 379 00:17:10,910 --> 00:17:12,280 >> In ne bom potrditveno polje. 380 00:17:12,280 --> 00:17:13,940 Dovolite mi, kliknite Registracija. 381 00:17:13,940 --> 00:17:15,420 In pravi, hm, ste se registrirali. 382 00:17:15,420 --> 00:17:16,069 Ni res. 383 00:17:16,069 --> 00:17:17,450 >> Vendar URL spremenila. 384 00:17:17,450 --> 00:17:22,280 Tako da je bila ta oblika očitno dovoljeno predložiti register.php. 385 00:17:22,280 --> 00:17:25,160 Ampak verjetno, bi moral biti lovljenje nekatere od teh napak. 386 00:17:25,160 --> 00:17:27,569 Zdaj, v Pset7 in nekaterih naših predavanj primerov, 387 00:17:27,569 --> 00:17:30,130 mi bi na splošno natisnete Veliki rdeči sporočilo o napaki tukaj 388 00:17:30,130 --> 00:17:33,760 rekel, manjka ime, ali manjka geslo. 389 00:17:33,760 --> 00:17:37,680 Smo naredili, da pred in smo jih done server side odkrivanje napak. 390 00:17:37,680 --> 00:17:41,580 >> Vendar je veliko spletnih strani v teh dneh storiti odjemalca odkrivanje napak stran 391 00:17:41,580 --> 00:17:42,810 kjer je URL ne spremeni. 392 00:17:42,810 --> 00:17:44,101 Celotna stran ne osveži. 393 00:17:44,101 --> 00:17:46,940 Boste dobili takojšnjo povratno informacijo iz brskalnika. 394 00:17:46,940 --> 00:17:48,070 Morda gre kaj rdeče. 395 00:17:48,070 --> 00:17:49,190 >> Morda boste dobili pop up. 396 00:17:49,190 --> 00:17:53,240 Ampak ti ne zapravljajo časa pošiljanjem Podatki strežnik, ki je nepopolna. 397 00:17:53,240 --> 00:17:56,050 Torej, da vidimo, kako bi lahko doseganje te funkcije, kot dobro. 398 00:17:56,050 --> 00:17:59,660 >> Naj grem na form1.html, ki izgleda enako. 399 00:17:59,660 --> 00:18:03,530 Ampak, če je ta čas počnem malan@harvard.edu in sem tip Crimson 400 00:18:03,530 --> 00:18:07,350 in da ne bodo še naprej sodelovali ampak kliknite Registracija, opazili zdaj. 401 00:18:07,350 --> 00:18:08,940 To ni najbolj seksi rešitev. 402 00:18:08,940 --> 00:18:10,900 Sem vsaj ujela to napako. 403 00:18:10,900 --> 00:18:12,900 In sem uporabil opozorilo Funkcija v JavaScript-- 404 00:18:12,900 --> 00:18:14,090 ki jih uporabljate le v razredu. 405 00:18:14,090 --> 00:18:16,430 Na splošno, ne smete uporabljati ta ker lahko zelo hitro ven 406 00:18:16,430 --> 00:18:17,160 nadzora. 407 00:18:17,160 --> 00:18:19,180 Vendar gesli se ne ujemata, je prišlo do napake. 408 00:18:19,180 --> 00:18:21,120 >> Dovolite mi, da gredo naprej in kliknite V redu. 409 00:18:21,120 --> 00:18:25,040 Toda kaj je ključ takeaway tukaj je, da URL ni spremenila. 410 00:18:25,040 --> 00:18:27,960 Tako da sem ne moti zapravljanje Čas strežnika jo prosi 411 00:18:27,960 --> 00:18:30,750 Vprašanje, ki bi lahko imeli pogruntal odgovor zase. 412 00:18:30,750 --> 00:18:33,210 >> In uporabnik, čeprav govoril o tem 413 00:18:33,210 --> 00:18:35,264 daljše od uporabnikov dogaja, da razmišljajo o tem, 414 00:18:35,264 --> 00:18:36,680 se dogaja, da imajo takojšen odziv. 415 00:18:36,680 --> 00:18:39,044 Ni latence z omrežna povezljivost. 416 00:18:39,044 --> 00:18:40,460 Tako da je pogled na te izvorne kode. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html videz strukturno podobne tukaj. 418 00:18:45,600 --> 00:18:46,810 Oblika je dejansko enaka. 419 00:18:46,810 --> 00:18:48,330 Ampak poglejmo, kaj sem naredil tukaj. 420 00:18:48,330 --> 00:18:49,913 In tam je različnih načinov za to. 421 00:18:49,913 --> 00:18:53,690 In sem naredil najbolj naravnost Trabant, vendar ne najbolj eleganten način, še ni. 422 00:18:53,690 --> 00:18:54,869 Imam script tag. 423 00:18:54,869 --> 00:18:57,035 Nato sem poklical document.getElementById ("registracija"). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 In shranjujem te vrednosti v obliki, spremenljivka. 426 00:19:04,420 --> 00:19:05,520 >> Torej, kaj sem storila? 427 00:19:05,520 --> 00:19:08,960 Si lahko zamislite document.getElementById kot 428 00:19:08,960 --> 00:19:11,200 posebna funkcija, ki JavaScript vam daje 429 00:19:11,200 --> 00:19:14,400 da dobesedno roke si kazalec na enem od vozlišč 430 00:19:14,400 --> 00:19:16,520 ali pravokotnike v tem drevesu. 431 00:19:16,520 --> 00:19:21,470 Torej sedaj, da je tisto, kar naša oblika spremenljivka v JavaScriptu je pravzaprav obrnjena. 432 00:19:21,470 --> 00:19:25,120 >> Torej, zdaj sintaksa je drugačna od C. Toda delamo nekaj stvari tukaj. 433 00:19:25,120 --> 00:19:30,360 Ena, ta je malo čudno videti, vsekakor proti C. 434 00:19:30,360 --> 00:19:32,180 Vendar pogled na linijo 35. 435 00:19:32,180 --> 00:19:35,130 Torej na levi form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Spomnimo se, da je onsubmit kot polje v struct. 437 00:19:38,060 --> 00:19:41,480 Če menite, da spremenljivke obrazca se le da, C struct, 438 00:19:41,480 --> 00:19:42,600 morda nekaj polj. 439 00:19:42,600 --> 00:19:46,410 >> Nazaj na dan, smo imeli imena študentov, ID-ji, hiše, tiste vrste polj. 440 00:19:46,410 --> 00:19:48,520 Samo pomislite onsubmit kot drugem področju. 441 00:19:48,520 --> 00:19:53,380 Ampak to je posebno področje, saj brskalnik predprogramiramo pričakovati 442 00:19:53,380 --> 00:19:57,530 .onsubmit, da ne bo vrednost kot število ali niz, 443 00:19:57,530 --> 00:20:01,180 dejansko pa je funkcija ali naslov funkcijo 444 00:20:01,180 --> 00:20:02,570 v spomin računalnika. 445 00:20:02,570 --> 00:20:04,740 >> In res, da je kaj ta ključna beseda tukaj ne. 446 00:20:04,740 --> 00:20:06,710 Ta pravi, da mi novo funkcijo. 447 00:20:06,710 --> 00:20:09,390 Toda kaj je njeno ime bo, očitno? 448 00:20:09,390 --> 00:20:10,800 >> Razmišljate nazaj v ponedeljek. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Kaj je ime tega Funkcija temelji na tem sintakso? 451 00:20:17,170 --> 00:20:19,784 Ne, mislim, da je jasno no name associated-- zagotovo 452 00:20:19,784 --> 00:20:21,200 ne v tisto, kar sem tukaj izpostavila. 453 00:20:21,200 --> 00:20:22,560 >> Ampak to je dejansko OK. 454 00:20:22,560 --> 00:20:25,840 To je anonimna funkcija, ali lambda funkcije, kot morda nekateri ga imenujejo. 455 00:20:25,840 --> 00:20:27,589 In to samo pomeni, je še vedno funkcija. 456 00:20:27,589 --> 00:20:29,400 To je samo, ne moreš ga pokličete po imenu. 457 00:20:29,400 --> 00:20:30,057 Ampak to je v redu. 458 00:20:30,057 --> 00:20:33,140 Ker spet je bil brskalnik predprogramiramo podjetij, kot so Google 459 00:20:33,140 --> 00:20:38,540 ali Microsoft ali Mozilla ali drugi do samo vem, da če .onsubmit področju 460 00:20:38,540 --> 00:20:43,400 Notranjost ima obliko elementa vrednost, ga obravnavajo kot function-- 461 00:20:43,400 --> 00:20:44,750 funkcija kazalec, če hočete. 462 00:20:44,750 --> 00:20:46,910 In ga pokličem, ko se predloži obrazec. 463 00:20:46,910 --> 00:20:50,350 >> Torej, kaj koda je treba izvršiti ko se predloži obrazec? 464 00:20:50,350 --> 00:20:52,526 Očitno vse notranjost kodrasti naramnicami. 465 00:20:52,526 --> 00:20:53,650 In to je samo slogovna. 466 00:20:53,650 --> 00:20:55,626 >> Lahko je to všeč smo nagnjeni k storiti v CS50. 467 00:20:55,626 --> 00:20:58,250 Ampak v JavaScriptu, večina ljudi težijo k temu, da ostane na isti liniji 468 00:20:58,250 --> 00:21:01,960 samo zato, ker je bolj jasno je, povezana s to funkcijo za ključne besede. 469 00:21:01,960 --> 00:21:03,240 Torej, zdaj, kaj počnem? 470 00:21:03,240 --> 00:21:08,616 >> Če form.email.value enaka enaka prazen niz ali nič, tukaj je 471 00:21:08,616 --> 00:21:11,490 alert, kam grem reči, si mora zagotoviti svoj e-poštni naslov, 472 00:21:11,490 --> 00:21:12,690 in se nato vrne false. 473 00:21:12,690 --> 00:21:15,720 In to je, da vrnitev false da preprečuje, da bi obrazec od vložitve. 474 00:21:15,720 --> 00:21:19,480 Medtem, če je vrednost geslo prazno, bom kričati na uporabnika 475 00:21:19,480 --> 00:21:21,150 in pravijo, morate podati geslo. 476 00:21:21,150 --> 00:21:23,700 >> Medtem stvari postajajo malo Ljubitelj tukaj. 477 00:21:23,700 --> 00:21:29,160 Če form.password.value ne enako form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 Drugo področje, vpij uporabnika, gesla 479 00:21:31,680 --> 00:21:33,860 ne ujemata, saj ni pred nekaj trenutki. 480 00:21:33,860 --> 00:21:35,780 In potem je to ena je malo bolj seksi, ker I 481 00:21:35,780 --> 00:21:40,470 vem, konceptualno sem vedel, da preveriti je ime potrditveno polje je. 482 00:21:40,470 --> 00:21:45,680 >> Tako da sem lahko samo uporabite vzklik točka povedati, če pregled ni 483 00:21:45,680 --> 00:21:48,040 checked-- je Boolean vrednost true ali false-- 484 00:21:48,040 --> 00:21:49,700 Jaz bom kričati na uporabnika iz tega razloga. 485 00:21:49,700 --> 00:21:52,300 V nasprotnem primeru, če bomo dobili s pomočjo vseh teh pogojev, 486 00:21:52,300 --> 00:21:53,270 naj samo vrne true. 487 00:21:53,270 --> 00:21:54,700 Naj se predloži obrazec. 488 00:21:54,700 --> 00:21:56,560 In to potem zgodilo. 489 00:21:56,560 --> 00:21:57,740 >> Kaj je tip v Crimson. 490 00:21:57,740 --> 00:22:00,230 Naj potrditveno polje je, kliknite Registracija. 491 00:22:00,230 --> 00:22:01,979 In zdaj sem šel do cilja. 492 00:22:01,979 --> 00:22:03,270 Zdaj, ni baza podatkov obstaja. 493 00:22:03,270 --> 00:22:05,370 Nič ni zanimivo v register.php. 494 00:22:05,370 --> 00:22:07,980 Potreboval sem nekaj dejansko govoriti. 495 00:22:07,980 --> 00:22:09,140 Zato mi dovolite, premor, tukaj. 496 00:22:09,140 --> 00:22:16,270 Vsa vprašanja o tem, kaj smo pravkar naredili ali kaj nekaj te nove sintakse? 497 00:22:16,270 --> 00:22:17,640 OK, ja? 498 00:22:17,640 --> 00:22:20,025 >> OBČINSTVO: Torej je vsako polje samodejno Boolean. 499 00:22:20,025 --> 00:22:21,650 Vam ni treba, da ga razglasi tako. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. Malan: Pravilno. 501 00:22:22,649 --> 00:22:29,340 Katero koli polje, ki je prejmete od Oblika HTML kodo JavaScript 502 00:22:29,340 --> 00:22:31,760 bodo obravnavane, da, kot je Boolean value-- resnična ali neresnična. 503 00:22:31,760 --> 00:22:32,635 To je dobro vprašanje. 504 00:22:32,635 --> 00:22:36,080 Medtem ko so druge vrednosti, od Seveda so bile besedilo, AKA strune. 505 00:22:36,080 --> 00:22:38,500 >> Vse je v redu, zato me pustite nadalje nazaj bit. 506 00:22:38,500 --> 00:22:39,900 Kaj je bistvo tega? 507 00:22:39,900 --> 00:22:41,400 Samo, da bo jasno. 508 00:22:41,400 --> 00:22:44,940 Tako kot že vemo, tudi iz Pset7 in celo predavanje prejšnji teden 509 00:22:44,940 --> 00:22:51,120 Primeri, ki jih lahko seveda preverite $ _GET $ _POST Videli, če nam uporabnik dati 510 00:22:51,120 --> 00:22:52,200 prazna vrednost. 511 00:22:52,200 --> 00:22:54,400 Zapomni si prazno funkcijo v PHP. 512 00:22:54,400 --> 00:22:58,040 >> Torej, da bo jasno, kaj je en razlog, da bi lahko tudi 513 00:22:58,040 --> 00:23:00,535 želite storiti to preverjanje napak notranjost JavaScript? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Kaj je motivacija tukaj? 516 00:23:06,080 --> 00:23:06,580 Ja. 517 00:23:06,580 --> 00:23:09,735 >> OBČINSTVO: Hitreje, in ne boste pošlji neuporabne podatke na strežnik. 518 00:23:09,735 --> 00:23:10,610 DAVID J. Malan: Dobro. 519 00:23:10,610 --> 00:23:11,170 To je hitrejši. 520 00:23:11,170 --> 00:23:12,920 Ne pošljete neuporabna Podatki na strežniku. 521 00:23:12,920 --> 00:23:14,670 >> Tako da boste dobili nazaj več takojšen odziv. 522 00:23:14,670 --> 00:23:16,560 In na splošno, uporabnik izkušnja je bolje. 523 00:23:16,560 --> 00:23:17,900 Razmišljati o alternativi. 524 00:23:17,900 --> 00:23:21,160 >> Če za Gmail-- in je bil primer pred mnogimi leti. 525 00:23:21,160 --> 00:23:24,160 Recimo, da imaš nov email Gmaila računa, vendar je edini način preko 526 00:23:24,160 --> 00:23:26,510 videti, da je, kot, osvežite celo stran. 527 00:23:26,510 --> 00:23:29,030 Ali Recimo, da kliknete na povezava za branje e-pošte. 528 00:23:29,030 --> 00:23:31,600 >> Vse, kar je, tako osvežite da si lahko ogledate na e-pošto. 529 00:23:31,600 --> 00:23:33,380 Ali Facebook-- dobiš sporočila klepetalnice. 530 00:23:33,380 --> 00:23:36,000 Ne boste videli, dokler ne osvežite stran ali kliknite neko povezavo. 531 00:23:36,000 --> 00:23:38,380 >> Tako kot bi bilo to strašno nadležno uporabniška izkušnja. 532 00:23:38,380 --> 00:23:41,300 In to je tisto, kar je bilo všeč, jasno, nazaj, ko sem tekel za UC 533 00:23:41,300 --> 00:23:44,760 in web je precej manj dinamično in JavaScript ni bil tako popularen 534 00:23:44,760 --> 00:23:45,601 kot je sedaj. 535 00:23:45,601 --> 00:23:47,850 In stvari, ki so dobili veliko bolj dinamičen in še veliko več 536 00:23:47,850 --> 00:23:49,900 strani odjemalca v tem smislu. 537 00:23:49,900 --> 00:23:54,370 >> Vendar pa obstaja ulov tukaj, in to je nekako siten Imam. 538 00:23:54,370 --> 00:23:58,720 Samo zato, ker ste dodali odjemalsko odkrivanje, kot je ta, ne pomeni, 539 00:23:58,720 --> 00:24:01,430 lahko ali bi morali opustiti Zaznavanje strani strežnika. 540 00:24:01,430 --> 00:24:04,080 Vi v bistvu želite, da vaš preverjanje napak na obeh mestih. 541 00:24:04,080 --> 00:24:05,830 Ker tisto, kar je bil eden lekcije naučil 542 00:24:05,830 --> 00:24:10,270 Iz članka sem prebral nekaj odlomkov od tega neumnega CMS system-- 543 00:24:10,270 --> 00:24:14,410 Content Management System--, da je bila izvajanje svojega sistema za preverjanje pristnosti, 544 00:24:14,410 --> 00:24:16,790 njegova prijava preko kakšnem mehanizmu? 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 >> OBČINSTVO: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. Malan: JavaScript, ravno, kajne? 549 00:24:23,290 --> 00:24:24,610 Je uporabo JavaScript je. 550 00:24:24,610 --> 00:24:27,120 In dobesedno, fantje imajo igral malo verjetno 551 00:24:27,120 --> 00:24:28,700 s inšpektorja Chrome. 552 00:24:28,700 --> 00:24:30,890 In če ga lahko najdem, preglejte element. 553 00:24:30,890 --> 00:24:33,670 >> Naj grem več storiti vse možnosti Chrome. 554 00:24:33,670 --> 00:24:37,080 In to je, kako enostavno je, da onesposobiti JavaScript v brskalniku. 555 00:24:37,080 --> 00:24:38,950 Preverite, nič več za JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Torej, v pravičnosti, lot na spletu v teh dneh 557 00:24:41,070 --> 00:24:43,430 je le, da bo prekinil, ker Gmail in druge sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- domnevati, da JavaScript je omogočen. 559 00:24:46,140 --> 00:24:50,180 Ampak, če delaš nekaj neumnega kot samo potrjevanje uporabnikov vhod 560 00:24:50,180 --> 00:24:52,520 in preverjanje napake na strani odjemalca 561 00:24:52,520 --> 00:24:54,940 Nasprotnik lahko to preprosto storite. 562 00:24:54,940 --> 00:24:57,180 In potem še pametnejši Nasprotnik kot vaju 563 00:24:57,180 --> 00:25:01,120 Zdaj lahko uporabite Telnet ali Curl ali zapovedi samo ukazno vrstico 564 00:25:01,120 --> 00:25:05,300 in dejansko pošiljanje sporočil na strežniku da je podobno tudi niso brez napak preveriti. 565 00:25:05,300 --> 00:25:08,380 >> Torej je to bolj Odločitev uporabniški vmesnik 566 00:25:08,380 --> 00:25:13,060 kot je dejanska tehnična improvement-- izvajanju 567 00:25:13,060 --> 00:25:14,410 nekaj strani odjemalca, kot je ta. 568 00:25:14,410 --> 00:25:16,800 Torej, zdaj bežen pogled, potem pa Bom nasloniti na spletni sprehod 569 00:25:16,800 --> 00:25:17,674 prek za to. 570 00:25:17,674 --> 00:25:21,480 V obliki dveh, smo dejansko šli skozi in očistiti šifra malo. 571 00:25:21,480 --> 00:25:23,650 Vendar naj odloži za eno video posnetkov, bomo verjetno 572 00:25:23,650 --> 00:25:27,970 embed v Pset8, da samo vam pokaže podobno sintakso uporabljajo knjižnico, imenovano 573 00:25:27,970 --> 00:25:32,320 jQuery, ki je super, super priljubljena knjižnica v JavaScript 574 00:25:32,320 --> 00:25:34,510 da odkrito večina ljudi samo uporabo teh dneh 575 00:25:34,510 --> 00:25:37,070 in celo zmesti kot bitje JavaScript sama. 576 00:25:37,070 --> 00:25:38,950 >> In to kaže, da gre nekateri dolar znaki 577 00:25:38,950 --> 00:25:41,350 in ključne besede, kot dokument v oklepaju tukaj. 578 00:25:41,350 --> 00:25:44,480 Ampak še enkrat, mi prepusti nekaj počasneje vaje spletu 579 00:25:44,480 --> 00:25:46,750 namesto da se zvezal v samo sintakso. 580 00:25:46,750 --> 00:25:48,630 Pojdimo na nekaj malo hladnejše 581 00:25:48,630 --> 00:25:50,520 v smislu uporabe tega. 582 00:25:50,520 --> 00:25:57,730 >> Torej, še zlasti, pusti me naprej in odprla to tukaj. 583 00:25:57,730 --> 00:25:58,340 Daj no. 584 00:25:58,340 --> 00:25:59,380 Tam gremo. 585 00:25:59,380 --> 00:26:01,500 >> Dovolite mi, da odprejo to sliko tukaj. 586 00:26:01,500 --> 00:26:03,450 Nepotrebnem zapletena videti pa je, 587 00:26:03,450 --> 00:26:07,880 opisuje tehniko, imenovano AJAX-- Asinhroni JavaScript in XML, kjer 588 00:26:07,880 --> 00:26:10,530 X XML dejansko ni več res uporabili. 589 00:26:10,530 --> 00:26:13,430 To kaže, da uporabite nekaj drugje imenuje JSON. 590 00:26:13,430 --> 00:26:16,560 >> Ampak tukaj je, kako nekaj podobnega Google Maps ali Google Earth deluje. 591 00:26:16,560 --> 00:26:18,060 Poskusimo to na letenje, pravzaprav. 592 00:26:18,060 --> 00:26:21,590 Dovolite mi, da gredo naprej in odprite up Chrome na mojem brskalniku. 593 00:26:21,590 --> 00:26:26,236 >> In mi gredo v, pravijo, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 In dejansko, če ste stari dovolj, da se spomnimo, kaj, 596 00:26:31,930 --> 00:26:35,600 podobno, kot je bilo MapQuest Nazaj na dan, in morda še vedno delujejo, kot je ta. 597 00:26:35,600 --> 00:26:38,870 Ko ste ga uporabili za iskanje something-- 33 Oxford Street, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 naredimo this-- vas bi dejansko, če vas 599 00:26:40,650 --> 00:26:43,000 želel pomikanje gor in dol, levo in desno, 600 00:26:43,000 --> 00:26:44,920 bi izgledal velika puščica na vrhu, in to 601 00:26:44,920 --> 00:26:46,921 bi vam pokazal drugo Okvir zemljevidu tukaj. 602 00:26:46,921 --> 00:26:49,753 Ali če bi kliknite levi in ​​vam bi šel tja, ali še en klik 603 00:26:49,753 --> 00:26:51,000 in bi šel tja. 604 00:26:51,000 --> 00:26:53,000 Toda namesto da bi ti dni, smo seveda samo 605 00:26:53,000 --> 00:26:55,970 samoumevno, da lahko gremo okoli Cambridge precej hitro 606 00:26:55,970 --> 00:26:57,550 samo s klikom in vlečenjem. 607 00:26:57,550 --> 00:26:59,130 Ampak obvestilo, da je nekaj glitches. 608 00:26:59,130 --> 00:27:02,160 >> Če naredim to dovolj hitro, tisto, kar se zdi, da se dogaja 609 00:27:02,160 --> 00:27:05,960 kot sem povlecite malo prehitro za računalnik, da sledijo? 610 00:27:05,960 --> 00:27:07,160 Kaj vidiš? 611 00:27:07,160 --> 00:27:07,660 Ja. 612 00:27:07,660 --> 00:27:09,232 >> OBČINSTVO: Za pik ne osvežijo. 613 00:27:09,232 --> 00:27:10,940 DAVID J. Malan: pik ne osvežijo. 614 00:27:10,940 --> 00:27:12,870 Tam je actually-- in vas to bi lahko videli, pravzaprav, 615 00:27:12,870 --> 00:27:15,360 Če gledate na spletu in premor to, ali dejansko upočasni stvari navzdol 616 00:27:15,360 --> 00:27:18,600 za once-- boste videli, da obstaja ploščice, kvadrate ali pravokotnike, ki 617 00:27:18,600 --> 00:27:22,040 manjkajo zemljevidu, dokler Delček sekunde kasneje, več podatkov, 618 00:27:22,040 --> 00:27:24,390 več slik dejansko pojavijo na zaslonu. 619 00:27:24,390 --> 00:27:29,810 In v resnici, če bomo to storili z iskanjem up Chrome's-- recimo, Chrome-- 620 00:27:29,810 --> 00:27:30,310 Pa poglejmo. 621 00:27:30,310 --> 00:27:31,090 Ne moremo storiti. 622 00:27:31,090 --> 00:27:31,860 >> Oh, Ops. 623 00:27:31,860 --> 00:27:34,761 Odprimo up maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Naj okno večji znova. 625 00:27:36,660 --> 00:27:38,836 >> Pojdi nazaj na 33 Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Kaj je bilo na spletni strani sem bil na v zadnjem času? 628 00:27:43,760 --> 00:27:46,440 Imel sem to, kot, zasebno rant na Sam, da sem potem neposredno sporočilo 629 00:27:46,440 --> 00:27:48,470 vsaka prijatelj, ki je bil na spletu ki so želeli slišati. 630 00:27:48,470 --> 00:27:49,345 Obstaja nekaj spletni strani. 631 00:27:49,345 --> 00:27:52,680 Mislim, da je tako Comcast-- zelo velik ameriški ISP. 632 00:27:52,680 --> 00:27:56,355 Lahko, če se prijavite za novega kabla modem storitev ali kabelsko TV storitev, 633 00:27:56,355 --> 00:27:59,230 imajo obliko zelo razumno če vas prosim za vaš naslov. 634 00:27:59,230 --> 00:28:01,450 In imajo to neverjetno Funkcija se imenuje auto popolne, 635 00:28:01,450 --> 00:28:04,600 kot so Google, da se začne, da izpolnite v odgovor na vaše vprašanje. 636 00:28:04,600 --> 00:28:08,090 >> Problem je, da to počnejo samodejno COMPLETE od prvih stvari, ki jih vnesete. 637 00:28:08,090 --> 00:28:12,890 Torej, če ste začeli pisati v 33, vam bo pokazal, dobesedno vsaka hiša 638 00:28:12,890 --> 00:28:15,790 v Ameriki, ki se začne s številko 33 639 00:28:15,790 --> 00:28:17,920 Pred nadaljevanjem pričakujejo, da vnesete več. 640 00:28:17,920 --> 00:28:20,660 Torej, če ste tip 33 Oxford, potem vam pokaže vse ulico 641 00:28:20,660 --> 00:28:24,726 v Ameriki, ki ima 33 Oxford njegovo ime, ne glede na mesto 642 00:28:24,726 --> 00:28:25,350 da ste v. 643 00:28:25,350 --> 00:28:26,320 >> In potem boste še tipkati. 644 00:28:26,320 --> 00:28:28,930 In končno, da se zaveda, da ne Ponudba storitev na vašem domu v Cambridgeu 645 00:28:28,930 --> 00:28:29,920 ali nekaj takega. 646 00:28:29,920 --> 00:28:33,410 Ampak bistvo je, to je najbolj Nor izvajanje avto 647 00:28:33,410 --> 00:28:34,140 dokončati kdaj. 648 00:28:34,140 --> 00:28:36,400 >> In jaz sem šele tekoč off na tej tangento znova. 649 00:28:36,400 --> 00:28:39,040 Vendar obstajajo dobri načini za uporabljajte JavaScript in slabe načine. 650 00:28:39,040 --> 00:28:40,750 In to še ni nujno najboljša. 651 00:28:40,750 --> 00:28:46,360 >> Toda točka tukaj, preden ta Tirada, je bilo odprtje orodja tukaj 652 00:28:46,360 --> 00:28:49,480 in odpiranje orodja za razvijalce, kot smo že prej spodbujati, 653 00:28:49,480 --> 00:28:52,840 in gledati omrežje zavihek, ko sem kliknite zelo hitro. 654 00:28:52,840 --> 00:28:55,400 In opazili cel kup od dobili prijave zgodilo. 655 00:28:55,400 --> 00:28:57,310 Vse to se je zgodilo, odkar sem vlekel. 656 00:28:57,310 --> 00:29:00,170 >> In kar je najbolj verjetno, da res Veliko teh vrstic 657 00:29:00,170 --> 00:29:04,060 Zdaj so slike poševnica JPEG Vrste MIME ali vrste vsebine. 658 00:29:04,060 --> 00:29:07,750 To je zato, ker tisto, kar chrome počne vsakič, ko sem kliknite in povlecite, kliknite 659 00:29:07,750 --> 00:29:11,650 in drag, je, da je tega zavedal, oh, I moram iti, da Google za ploščice 660 00:29:11,650 --> 00:29:15,080 na zemljevidu, ki je tukaj, Hitro jo prenesete prek HTTP, 661 00:29:15,080 --> 00:29:19,550 in jo nato dodamo k tako imenovani DOM na spletnih brskalnikih v spominsko drevo 662 00:29:19,550 --> 00:29:24,430 predstavitev tako, da uporabnik, me vidi, da je posodobljen ploščice. 663 00:29:24,430 --> 00:29:26,795 In to je zaradi tehniko, imenovano AJAX. 664 00:29:26,795 --> 00:29:28,920 Nazaj na dan, res je veljalo, da če vas 665 00:29:28,920 --> 00:29:33,050 želel spremeniti, kaj je na zaslonu, bi morali klikniti gor, dol, levo, 666 00:29:33,050 --> 00:29:33,550 prav. 667 00:29:33,550 --> 00:29:34,740 In potem bi se nova stran odpre. 668 00:29:34,740 --> 00:29:36,531 Ampak v teh dneh, vse je bolj dinamičen. 669 00:29:36,531 --> 00:29:40,490 To se zgodi na način, da bomo ljudje upam, da dejansko bi interaktivno. 670 00:29:40,490 --> 00:29:43,210 In to dosega tako, način tehniko, imenovano 671 00:29:43,210 --> 00:29:46,170 AJAX, ki je verjetno najbolj pojasniti s primerom. 672 00:29:46,170 --> 00:29:49,730 Najprej mi dovolite, da gredo naprej in odprli datoteko 673 00:29:49,730 --> 00:29:53,540 imenovano quote.php v današnja koda za distribucijo. 674 00:29:53,540 --> 00:29:56,200 >> In potem mi dovolite narediti symbol-- Ops. 675 00:29:56,200 --> 00:30:02,399 Dovolite mi, da naredim simbol = GOOG za samo nekaj na zalogi. 676 00:30:02,399 --> 00:30:04,440 Ali pravzaprav, kaj je storiti, eden od Pset brezplačno. 677 00:30:04,440 --> 00:30:05,270 Enter. 678 00:30:05,270 --> 00:30:06,580 >> In zdaj opazil kaj sem dobil nazaj. 679 00:30:06,580 --> 00:30:09,210 Tako da je to res Skratka PHP datoteke, ki sem 680 00:30:09,210 --> 00:30:13,210 zapisal, da je preprosto sposodi kodo od lookup funkcijo Pset7 je 681 00:30:13,210 --> 00:30:17,830 in izpljune uporabo te kodrasti naramnicami in quotes in debelega črevesa zapis, očitno, 682 00:30:17,830 --> 00:30:22,747 Cena trenutno stanje zalog za Podjetje, ki se boste peljali v preko get. 683 00:30:22,747 --> 00:30:24,580 Torej, to je drugačen z večino tega, kar smo jih 684 00:30:24,580 --> 00:30:26,496 storiti v tem obvestilu Jaz sem dobesedno izpljunil 685 00:30:26,496 --> 00:30:27,870 Izgleda kode JavaScript. 686 00:30:27,870 --> 00:30:30,020 >> V bistvu, to je predmet JavaScript. 687 00:30:30,020 --> 00:30:34,130 Dejstvo je, samo da so bolj jasni, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 je samo fancy način rekel, da vas lahko predstavljajo podatke v JavaScript veliko 689 00:30:38,330 --> 00:30:41,660 kot si lahko v PHP uporabo ključnih parov vrednosti. 690 00:30:41,660 --> 00:30:44,270 Torej, če sem hotel, naj ugotovi spremenljivka v JavaScript 691 00:30:44,270 --> 00:30:47,872 da predstavlja Zamyla, za instance-- je struct za Zamyla-- 692 00:30:47,872 --> 00:30:49,580 in jo bomo študent, ta spremenljivka. 693 00:30:49,580 --> 00:30:53,060 Njen ID je ena, hiša je Winthrop, in ime je Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Ampak jaz lahko tudi vrsto predmetov. 695 00:30:55,490 --> 00:30:58,710 Torej, če sem dejansko želel imeti Niz v JavaScript, ki vsebujejo 696 00:30:58,710 --> 00:31:01,740 več takih predmetov, to čas, ki predstavljajo zaposlene, 697 00:31:01,740 --> 00:31:04,910 Jaz bi lahko te tri koščki kode nazaj 698 00:31:04,910 --> 00:31:08,560 nazaj nazaj za te trije bivši uslužbenci. 699 00:31:08,560 --> 00:31:12,201 Torej, sintaksa, lepa podobno both-- za PHP. 700 00:31:12,201 --> 00:31:13,700 Toda to je še posebej JavaScript. 701 00:31:13,700 --> 00:31:15,940 To je predmet zapis. 702 00:31:15,940 --> 00:31:17,240 Torej, kaj je to koristno za? 703 00:31:17,240 --> 00:31:21,580 >> Če sem napisal kodo, ki izpljune JSON-- JavaScript Object Notation-- stvari, ki 704 00:31:21,580 --> 00:31:24,670 Izgleda da je to, ali stvari, ki Izgleda strukture Zamyla je, 705 00:31:24,670 --> 00:31:27,730 Jaz lahko dejansko uporablja to v programih pišem. 706 00:31:27,730 --> 00:31:30,660 Naj grem na ajax0.html. 707 00:31:30,660 --> 00:31:33,310 In to too-- ni veliko razmisliti o estetiki. 708 00:31:33,310 --> 00:31:34,660 Ampak pazi, kaj se dogaja. 709 00:31:34,660 --> 00:31:37,050 >> Dovolite mi, da gredo naprej in tukaj vnesite brezplačno. 710 00:31:37,050 --> 00:31:38,490 Kliknite dobili ponudbo. 711 00:31:38,490 --> 00:31:41,060 In opazili URL ni spremenila. 712 00:31:41,060 --> 00:31:47,250 Vendar sem dobil pop up z navidezno današnja peni cena delnic 0,15 $. 713 00:31:47,250 --> 00:31:49,062 Torej ni vse tako slabo. 714 00:31:49,062 --> 00:31:52,020 Ampak razlika je, da nekako, ta podatek je prišel nazaj k meni neposredno. 715 00:31:52,020 --> 00:31:54,250 Ampak kaj je narediti korak v smeri nekaj bolj seznanjeni. 716 00:31:54,250 --> 00:31:58,900 V različici eni od tega, kaj me tip proste znova kliknite Get citat, 717 00:31:58,900 --> 00:32:01,146 in now-- oh, to je bilo pravzaprav različica jQuery. 718 00:32:01,146 --> 00:32:03,270 Torej me-- nisem hitro naprej povsem dovolj daleč. 719 00:32:03,270 --> 00:32:05,830 Naj grem na različico dve, ki je, če sem hotel. 720 00:32:05,830 --> 00:32:07,260 Opazili, kaj sem naredil tukaj. 721 00:32:07,260 --> 00:32:10,370 Imam spletno page-- super preprosta različica koli spletni strani 722 00:32:10,370 --> 00:32:14,260 morda danes uporabljate z besedilno polje tukaj brezplačno in potem očitno samo 723 00:32:14,260 --> 00:32:14,880 besedilo. 724 00:32:14,880 --> 00:32:16,860 >> To ni oblika tod očitno. 725 00:32:16,860 --> 00:32:19,360 Ampak, če sem kliknite dobili quote, opazili mojo spletno stran 726 00:32:19,360 --> 00:32:22,760 Gre za spremembo, kot da I Pravkar sem dobil novo sporočilo 727 00:32:22,760 --> 00:32:25,360 ali kot da sem se preselil map in potrebno, da bi dobili več podatkov 728 00:32:25,360 --> 00:32:29,220 Dodana dinamično spletno stran brez URL spreminja in uporabnika 729 00:32:29,220 --> 00:32:30,980 izkušnje dobili prekine. 730 00:32:30,980 --> 00:32:35,750 Pravzaprav sem še vedno na Točno isto place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Torej, kaj je samo pogled na ta primer in videli, kako se to dogaja. 732 00:32:39,080 --> 00:32:42,490 Dovolite mi, da gredo v ajax2.html. 733 00:32:42,490 --> 00:32:44,770 In prvič opazili obrazec. 734 00:32:44,770 --> 00:32:47,092 >> Dol, sem obračanja off auto popolna. 735 00:32:47,092 --> 00:32:48,800 Včasih postane nadležno, če brskalnik 736 00:32:48,800 --> 00:32:50,508 poskuša pokazati, tvoje zgodovine. 737 00:32:50,508 --> 00:32:53,450 Tako da lahko to storite v HTML, ki jih samo rekel auto dokončanje off. 738 00:32:53,450 --> 00:32:57,290 >> Sem dal to polje za besedilo symbol-- namesto, ID simbola. 739 00:32:57,290 --> 00:32:58,977 In zdaj, da je to zanimivo lastnost. 740 00:32:58,977 --> 00:33:01,310 Nismo govorili o obdobju, lahko pa pomislite 741 00:33:01,310 --> 00:33:03,177 kot odstavek oznako ali div tag. 742 00:33:03,177 --> 00:33:05,010 To je tisto, kar se imenuje linijsko element, ki 743 00:33:05,010 --> 00:33:07,415 pomeni, da ne boste dobili točko prekinil nad in pod njo. 744 00:33:07,415 --> 00:33:11,530 To je le, da bo ostal v liniji, ne da bi hitting enakovredno vstopiti. 745 00:33:11,530 --> 00:33:17,980 Zato sem dal ta kos HTML ki se določi z edinstveno oznako, 746 00:33:17,980 --> 00:33:20,130 da sem samovoljno imenuje cena. 747 00:33:20,130 --> 00:33:21,560 In imam Oddajte gumb. 748 00:33:21,560 --> 00:33:25,420 >> Ker zdaj up here-- in to je dejansko super neverjetno, kako malo koda 749 00:33:25,420 --> 00:33:27,660 lahko pišete storiti relativno gladka things-- 750 00:33:27,660 --> 00:33:31,800 opazili, kaj sem naredil tukaj, če I pomaknite navzgor v glavo te strani. 751 00:33:31,800 --> 00:33:34,970 Prvi sem vključen moja glava script tag 752 00:33:34,970 --> 00:33:37,410 da dejansko reference JavaScript datoteko drugje. 753 00:33:37,410 --> 00:33:39,702 To je od organizacije da piše jQuery, 754 00:33:39,702 --> 00:33:42,660 in to je samo vam daje najnovejše različica njihove knjižnice jQuery. 755 00:33:42,660 --> 00:33:46,305 >> Torej, to je nekako kot oster vključujejo v C ali zahtevajo v PHP. 756 00:33:46,305 --> 00:33:48,900 Uporabljate script tag z izvorno atribut. 757 00:33:48,900 --> 00:33:52,030 Zdaj pa moja koda bo prav tukaj. 758 00:33:52,030 --> 00:33:54,170 >> Opazili imam funkcijo imenovano Quotes. 759 00:33:54,170 --> 00:33:56,180 In izgleda malo Grobni na prvi pogled. 760 00:33:56,180 --> 00:33:57,305 Ampak kaj je to draži narazen. 761 00:33:57,305 --> 00:33:59,090 Daj mi spremenljivo imenuje URL. 762 00:33:59,090 --> 00:34:01,390 Dodelite dobesedno tega niza. 763 00:34:01,390 --> 00:34:04,530 Torej, apostrof, dvojni narekovaji v JavaScript me samo daje niz. 764 00:34:04,530 --> 00:34:06,900 Kaj plus storiti? 765 00:34:06,900 --> 00:34:08,199 Zveza. 766 00:34:08,199 --> 00:34:12,610 >> Torej, to je zdaj jQuery sintaksa ki traja malo uporabljajo za pridobivanje. 767 00:34:12,610 --> 00:34:18,310 Ampak to samo pomeni, pojdi mi DOM vozlišče, katerega enotni identifikator, je simbol. 768 00:34:18,310 --> 00:34:21,929 Hashtag pa pomeni, edinstven simbol identifikator. 769 00:34:21,929 --> 00:34:24,929 >> Znak za dolar v oklepaju pomeni samo, zaviti to 770 00:34:24,929 --> 00:34:28,510 v jQuery nekakšna skrivnost omako tako boste dobili dodatne funkcionalnosti. 771 00:34:28,510 --> 00:34:31,880 In potem .val očitno funkcija ali kot pravimo danes, 772 00:34:31,880 --> 00:34:35,219 Postopek v notranjosti tega vozlišča da samo vam daje vrednost. 773 00:34:35,219 --> 00:34:38,896 Torej, na kratko, grdi in zmedeno kot to izgleda na prvi pogled, 774 00:34:38,896 --> 00:34:42,020 To samo pomeni, priti z Vtipkali v, tako da na koncu niza 775 00:34:42,020 --> 00:34:42,880 z njenim concatenating. 776 00:34:42,880 --> 00:34:43,739 To je vse. 777 00:34:43,739 --> 00:34:46,070 >> Torej, zdaj, zadnje tri vrstice. 778 00:34:46,070 --> 00:34:48,690 Lahko stisnite veliko funkcionalnost od treh črt. 779 00:34:48,690 --> 00:34:52,199 Ta znak za dolar, kot je stran, je samo vzdevek 780 00:34:52,199 --> 00:34:55,800 za posebno globalno spremenljivko imenovano dobesedno jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Znak za dolar samo videti kul. 782 00:34:57,060 --> 00:35:00,080 Torej jQuery skupnost le nekako , da se uporablja kot svojega posebnega simbola. 783 00:35:00,080 --> 00:35:02,470 To ne pomeni, kaj to pomeni v PHP. 784 00:35:02,470 --> 00:35:06,356 V JavaScriptu, znak za dolar je tako kot črko abecede 785 00:35:06,356 --> 00:35:07,480 ali število spremenljivk. 786 00:35:07,480 --> 00:35:09,000 >> Lahko samo še kot ime. 787 00:35:09,000 --> 00:35:09,770 Samo videti kul. 788 00:35:09,770 --> 00:35:11,890 Torej skupnosti ga je sprejela kot vzdevek 789 00:35:11,890 --> 00:35:13,390 za svojo lastno knjižnico, imenovano jQuery. 790 00:35:13,390 --> 00:35:15,060 >> In to je super priljubljena. 791 00:35:15,060 --> 00:35:17,620 Torej, dobili JSON je točno to. 792 00:35:17,620 --> 00:35:19,920 To je funkcija, ki Ljudje na jQuery napisal 793 00:35:19,920 --> 00:35:23,340 da dobi JSON iz server-- JavaScript Object Notation. 794 00:35:23,340 --> 00:35:25,680 Od kar URL se dogaja da bi dobili te informacije? 795 00:35:25,680 --> 00:35:27,790 Očitno iz tega URL tukaj. 796 00:35:27,790 --> 00:35:31,180 >> In kaj bi morala storiti, saj brskalnik Takoj ko pride nazaj ta odgovor? 797 00:35:31,180 --> 00:35:36,500 In to je čarovnija AJAX, tako da speak-- Asinhroni JavaScript v XML. 798 00:35:36,500 --> 00:35:41,320 Težko je videti s tako Preprost primer, kot smo imeli tukaj. 799 00:35:41,320 --> 00:35:44,730 >> Toda to je bila asinhrona v Občutek, da je moja številka, če 800 00:35:44,730 --> 00:35:48,530 izvrši poslal sporočilo strežnik pojdi mi nekaj JSON. 801 00:35:48,530 --> 00:35:51,340 In to se je zgodilo zelo hitro da sem dobil odgovor. 802 00:35:51,340 --> 00:35:55,130 Ampak kaj je zanimivo je, da je to vrstica kode ni obesil svoj računalnik. 803 00:35:55,130 --> 00:35:56,550 >> Nisem videl ikono predenje. 804 00:35:56,550 --> 00:35:59,200 Nisem izgubil Sposobnost, da se premaknete svojo miško. 805 00:35:59,200 --> 00:36:01,340 Moje brskalnik je dejansko popolnoma v redu. 806 00:36:01,340 --> 00:36:06,290 >> Ker način Javascript ročaji Odgovor iz strežnika je, kot sledi. 807 00:36:06,290 --> 00:36:09,740 Se registrirate, kaj bi rekli funkcija za povratni klic, ki 808 00:36:09,740 --> 00:36:12,830 pomeni samo, hej, JavaScript. 809 00:36:12,830 --> 00:36:16,100 Kakor hitro strežnika odgovarja z JSON, 810 00:36:16,100 --> 00:36:18,750 pokličite to anonimno funkcijo. 811 00:36:18,750 --> 00:36:23,910 >> In prosim opravili v tej funkciji karkoli niz server izpljunite 812 00:36:23,910 --> 00:36:26,080 kot argument imenovane podatke. 813 00:36:26,080 --> 00:36:28,360 Torej, z drugimi besedami, če Jaz dinamično sestavljanje 814 00:36:28,360 --> 00:36:33,370 URL quote.php gre pri tem simbol, kot na primer brezplačno ali GOOG ali malenkosti, 815 00:36:33,370 --> 00:36:36,830 Jaz sem takrat povedal, JavaScript pojdi ta URL. 816 00:36:36,830 --> 00:36:39,080 Ne pozabite, da brskalnik se bo vrnil nekaj 817 00:36:39,080 --> 00:36:42,680 ki izgleda, kot smo videli earlier-- to. 818 00:36:42,680 --> 00:36:45,940 >> In kaj drugi argument tukaj, da bi dobili JSON je rekel 819 00:36:45,940 --> 00:36:48,450 je klic te funkcije ko strežnik vrne 820 00:36:48,450 --> 00:36:52,440 ali je 10 milisekund Od zdaj ali 10 sekund od zdaj. 821 00:36:52,440 --> 00:36:55,840 In takoj, ko boste to storili, dodaj ceno na stran. 822 00:36:55,840 --> 00:36:58,030 Ta sintaksa tukaj samo pomeni pojdi vozlišče 823 00:36:58,030 --> 00:37:01,940 od drevesa, katerih enotni identifikator je price-- tem obdobju smo videli prej. 824 00:37:01,940 --> 00:37:04,320 >> Ta metoda se imenuje HTML Samo pravi, pojdi zamenjati 825 00:37:04,320 --> 00:37:08,770 HTML, ki je tam s data.price. 826 00:37:08,770 --> 00:37:10,200 Kaj je data.price? 827 00:37:10,200 --> 00:37:12,850 No, brskalnik, se spomni, je pokazala, me to vrača. 828 00:37:12,850 --> 00:37:14,540 Torej, to je podatek. 829 00:37:14,540 --> 00:37:18,100 >> In zato je malo nejasen videti vejice tukaj. 830 00:37:18,100 --> 00:37:19,350 Toda v resnici, naj to storijo. 831 00:37:19,350 --> 00:37:22,890 Naj samo prilepite resnično hitro v gedit 832 00:37:22,890 --> 00:37:27,240 in pokazati to, kot smo pokazali, Struktura Zamyla je prej. 833 00:37:27,240 --> 00:37:31,610 >> Kaj je strežnik pošlje nazaj je mali objekt, ki izgleda takole. 834 00:37:31,610 --> 00:37:37,140 In tako je data.price Pravkar mi dali 0,1515. 835 00:37:37,140 --> 00:37:39,310 Torej veliko gibljejo deli tu naenkrat. 836 00:37:39,310 --> 00:37:41,860 >> Toda ključni takeaways je da imamo to sposobnost 837 00:37:41,860 --> 00:37:44,600 da bi dodatno HTTP zahteva uporabo JavaScript 838 00:37:44,600 --> 00:37:46,090 ne da bi ponovno naložite stran. 839 00:37:46,090 --> 00:37:49,580 In potem bomo lahko dejansko spremeniti spletno stran na letenje. 840 00:37:49,580 --> 00:37:51,850 In se izkaže, da JavaScript in drugi jeziki 841 00:37:51,850 --> 00:37:54,510 Lahko se uporablja sedaj, ne samo mutirajo spletnih strani 842 00:37:54,510 --> 00:37:57,960 ampak dejansko napisati programsko opremo v dejanskem računalniku, 843 00:37:57,960 --> 00:38:00,240 ne bodo omejene le na Chrome ali podobno. 844 00:38:00,240 --> 00:38:03,530 >> V resnici, if-- Colton, bi vas nam radi pridružili sem gor 845 00:38:03,530 --> 00:38:06,100 s svojim Lab kodo in Chang, kot tudi? 846 00:38:06,100 --> 00:38:09,140 Pojdimo naprej, ko je govoril o anonimni funkcije in callbacks 847 00:38:09,140 --> 00:38:13,090 in res nagnili usodo tukaj z live demo z krvavitev 848 00:38:13,090 --> 00:38:16,480 rob tehnologija, eden te naprave Elite Motion. 849 00:38:16,480 --> 00:38:18,940 Zdaj, ta naprava, odpoklic, je malo USB naprave 850 00:38:18,940 --> 00:38:25,620 kot tudi that-- to beautiful-- ki čepi v vaš vrat USB. 851 00:38:25,620 --> 00:38:29,120 >> In potem je prispeval v obliki človeških kretnje 852 00:38:29,120 --> 00:38:32,560 z odkrivanjem z uporabo infrardečih žarkov, v bistvu, premiki iz roko. 853 00:38:32,560 --> 00:38:35,150 Torej, ker je tisto, kar Maria potrudil o je bila pred muscular, 854 00:38:35,150 --> 00:38:39,000 dejansko občutek, kaj se spreminja tvoja roka, to je infrardeči osnovi. 855 00:38:39,000 --> 00:38:44,390 Tako da je videti za premike znotraj nekako sfero peš ali tako 856 00:38:44,390 --> 00:38:46,190 same naprave. 857 00:38:46,190 --> 00:38:48,950 >> Torej, zakaj ne vzamem stab na to prva? 858 00:38:48,950 --> 00:38:53,100 In pojdimo naprej in metati Ste pripravljeni na režijske tukaj. 859 00:38:53,100 --> 00:38:56,250 Torej, kaj je dal Colton je laptop tukaj. 860 00:38:56,250 --> 00:38:58,360 Imava Andrewa na televizorju. 861 00:38:58,360 --> 00:39:00,160 In kaj bi radi od mene prvi? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Pojdi naprej in le Roke nad tem tipom 863 00:39:02,409 --> 00:39:04,430 in boste videli nekaj čudovito bleščice. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. Malan: Zelo lepo. 865 00:39:07,230 --> 00:39:11,110 To se vse dogaja v realnem času. 866 00:39:11,110 --> 00:39:11,889 OK. 867 00:39:11,889 --> 00:39:12,680 Vse je v redu, in ja. 868 00:39:12,680 --> 00:39:14,119 Tako lepo. 869 00:39:14,119 --> 00:39:15,410 Vse je v redu, kaj še lahko storimo? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Pojdite na naslednjem zaslonu in videli. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. Malan: Dobro. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: zabavno igrico , kjer boste dobili, da bi roboti. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. Malan: Ok, tako da je to je ponaredek roke mi je, ki kažejo, kaj naj naredim. 874 00:39:24,738 --> 00:39:27,920 COLTON: Da Torej gredo naprej in zgrabi enega od blokov 875 00:39:27,920 --> 00:39:30,637 in ga postavi na vrh organa te robota. 876 00:39:30,637 --> 00:39:32,137 DAVID J. Malan: Oh, tam je moja roka. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 OK, čudovit. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Čakaj malo, OK. 881 00:39:38,650 --> 00:39:41,320 Tam gremo. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Naredil sem eno na nesreče. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. Malan: OK, bom dobil tega tipa. 884 00:39:45,423 --> 00:39:45,923 Prekleto! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Ko smo bili vadil ta zadnji noč, veš, kaj je to prenesena v? 887 00:39:51,550 --> 00:39:54,285 >> Kot je ta. 888 00:39:54,285 --> 00:39:55,490 OK. 889 00:39:55,490 --> 00:39:55,990 Naslednjič? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Seveda. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. Malan: Dobro, in tam je tretji. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Vse je v redu. 894 00:40:01,674 --> 00:40:03,215 COLTON: In v tem enem, boste dobili to-- 895 00:40:03,215 --> 00:40:04,923 DAVID J. Malan: Oh, ta je lepa. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, pick narazen ta cvet. 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 Zamudil. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Oh, tam greš. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. Malan: Ah, poglej to. 903 00:40:18,680 --> 00:40:19,830 Zelo lepo. 904 00:40:19,830 --> 00:40:22,470 No, zakaj dont 'vzamemo iz enega prostovoljca tukaj 905 00:40:22,470 --> 00:40:24,180 ki bi radi, da pridejo gor. 906 00:40:24,180 --> 00:40:27,500 Kaj pa tam v zeleno, kajne? 907 00:40:27,500 --> 00:40:30,540 >> Vse je v redu, in kaj je have-- namesto da delaš, da nekateri od vas 908 00:40:30,540 --> 00:40:34,590 Morda veš to igro here-- cut vrv, morda? 909 00:40:34,590 --> 00:40:35,100 Poglejmo. 910 00:40:35,100 --> 00:40:37,320 Mi imamo očala tukaj? 911 00:40:37,320 --> 00:40:38,625 >> OK. 912 00:40:38,625 --> 00:40:39,270 Hvala. 913 00:40:39,270 --> 00:40:39,380 Kako ti je ime? 914 00:40:39,380 --> 00:40:40,350 >> OBČINSTVO: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. Malan: Laura? 916 00:40:41,266 --> 00:40:42,120 Lepo je videti. 917 00:40:42,120 --> 00:40:45,600 Če vas ne moti dajanje Google Glass čez očal. 918 00:40:45,600 --> 00:40:46,970 To je Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Hi. 920 00:40:47,650 --> 00:40:48,140 Lepo, da sem vas spoznal. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. Malan: OK, pridi okoli. 922 00:40:49,600 --> 00:40:52,516 Vse je v redu, kaj boš tukaj storiti, da bi si to prej igral, 923 00:40:52,516 --> 00:40:55,650 je dal roko nad Leap Predlog tukaj. 924 00:40:55,650 --> 00:40:57,210 In zdaj bi bilo vaše arrow premakniti. 925 00:40:57,210 --> 00:40:57,710 Oh, nope. 926 00:40:57,710 --> 00:40:58,066 >> OBČINSTVO: No. 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. Malan: Mi Ne želim, da še ni nehal. 928 00:40:58,780 --> 00:40:59,280 OK, počakaj. 929 00:40:59,280 --> 00:41:01,200 Tukaj. 930 00:41:01,200 --> 00:41:03,530 Torej, kot ste opazili, držite prst nad nečim, 931 00:41:03,530 --> 00:41:06,750 Miška se začne, da gredo zelene, ki je, kako boste kliknili. 932 00:41:06,750 --> 00:41:08,980 >> Torej hover nad Predvajaj. 933 00:41:08,980 --> 00:41:10,970 In samo en prst, je v redu. 934 00:41:10,970 --> 00:41:13,869 In zdaj, kliknite na malo zelena fant na levi strani. 935 00:41:13,869 --> 00:41:15,410 In zdaj ga držite, dokler se napolni zeleno. 936 00:41:15,410 --> 00:41:15,640 Dobro. 937 00:41:15,640 --> 00:41:16,990 Zdaj, kot so, na ravni enega do vrha. 938 00:41:16,990 --> 00:41:20,190 >> OBČINSTVO: Ja, želimo nivo ena, tukaj. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. Malan: Dobro. 940 00:41:21,660 --> 00:41:25,500 OK, tako da vse, kar morate storiti, je prestregla vrv. 941 00:41:25,500 --> 00:41:28,240 Kazalec je belo tam doli. 942 00:41:28,240 --> 00:41:28,880 >> Zelo lepo. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 V redu, to je približno priti težje. 945 00:41:32,790 --> 00:41:34,800 Tako da držite prst v naslednjem zdaj. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Dobro. 948 00:41:39,030 --> 00:41:39,999 Ta je težko. 949 00:41:39,999 --> 00:41:40,966 >> OBČINSTVO: Oh sranje. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 Želi iti v tisto smer. 952 00:41:42,466 --> 00:41:44,890 Oh sranje, that-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. Malan: Ja. 954 00:41:47,120 --> 00:41:50,700 Sekundarni cilj je, da bi dobili vse zvezde. 955 00:41:50,700 --> 00:41:53,920 Vse je v redu, naslednji. 956 00:41:53,920 --> 00:41:57,504 >> Bomo videli, če lahko dobite to tretjo. 957 00:41:57,504 --> 00:41:58,004 Dobro. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 OK, pojdi tja. 960 00:42:06,840 --> 00:42:08,850 >> Prepričan. 961 00:42:08,850 --> 00:42:11,230 Oh, zelo lepo. 962 00:42:11,230 --> 00:42:11,930 Vse je v redu. 963 00:42:11,930 --> 00:42:13,534 >> Torej, zakaj ne bomo preložitvi danes tukaj? 964 00:42:13,534 --> 00:42:15,200 Naj kdo prišel gor, ki želi igrati. 965 00:42:15,200 --> 00:42:16,880 Najlepša hvala za Lauro naš prostovoljec. 966 00:42:16,880 --> 00:42:18,730 In vas bomo videli v ponedeljek. 967 00:42:18,730 --> 00:42:21,190 >> OBČINSTVO: Verjetno želite to nazaj. 968 00:42:21,190 --> 00:42:23,640 >> SPEAKER 2: Na naslednjem CS50-- 969 00:42:23,640 --> 00:42:35,222