1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. Malan: Labi, tāpēc tas šeit ir Myo roku 3 00:00:41,880 --> 00:00:44,450 joslā, pāris, kas mums ir par CS50 gala projektiem. 4 00:00:44,450 --> 00:00:47,533 Un tas bija demonstrācija mēs rindā esošajiem jūs up iepriekš kur būtībā 5 00:00:47,533 --> 00:00:51,120 tas diezgan saspringts roku joslā šeit klausās jūsu muskuļu kustībām 6 00:00:51,120 --> 00:00:54,280 kas pēc tam tiek kartēti programmatūrā lai Colton s klēpjdators pār šeit, kas 7 00:00:54,280 --> 00:00:57,230 bija iTunes un ka Dziesma jau ievietots rindā uz augšu. 8 00:00:57,230 --> 00:01:00,270 Nevis mani demoing šo, Colton ir bijis lab 9 00:01:00,270 --> 00:01:04,129 skaidri visu nedēļu iegūt demonstrāciju gatavs vienu drosmīgs brīvprātīgo. 10 00:01:04,129 --> 00:01:07,430 Ja kāds vēlas nākt par up-- redzēja savu roku pirmais. 11 00:01:07,430 --> 00:01:09,540 Nāciet uz augšu. 12 00:01:09,540 --> 00:01:12,530 >> Labi. 13 00:01:12,530 --> 00:01:13,886 Un kāds ir tavs vārds? 14 00:01:13,886 --> 00:01:14,800 >> Mērķauditorija: Uh, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. Malan: Maria, jauki tevi redzēt. 16 00:01:16,550 --> 00:01:17,310 Nāc uz vairāk nekā šeit. 17 00:01:17,310 --> 00:01:19,550 Ļaujiet man jūs iepazīstināt ar Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, tas ir Marija. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Hi, nice to meet you. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. Malan: All labi, tāpēc soli vienu, mēs esam 21 00:01:24,330 --> 00:01:26,204 nāksies jūs likts tas uz jūsu apakšdelms 22 00:01:26,204 --> 00:01:29,280 tā, ka tas ir diezgan saspringts up netālu no jūsu elkoņa. 23 00:01:29,280 --> 00:01:31,940 Un tikmēr, pieņemsim ir likts uz mūsu Google Glass 24 00:01:31,940 --> 00:01:33,720 un mēs samaisa tehnoloģijas jau šodien. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Vispirms mums nāksies āķis to vērā lietas. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. Malan: Labi. 27 00:01:37,170 --> 00:01:39,795 Patiesībā, pieņemsim nodot savu roku, kā tuvu šo kabeli iespējas 28 00:01:39,795 --> 00:01:41,160 tā, ka mēs varam vispirms sinhronizēt to uz augšu. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Darīsim to. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. Malan: Un tikmēr, tāpēc ka ikviens var saņemt tuvāk skatienu, 31 00:01:46,500 --> 00:01:50,290 mēs mētāt Andreja kameru uz ekrāna tur. 32 00:01:50,290 --> 00:01:54,460 Tātad mums ir USB kabeli, kas ir tiek pieslēgts Marijas aproces. 33 00:01:54,460 --> 00:02:00,230 Un ļaujiet man mētāt Colton ekrānu up projektoru nākamo. 34 00:02:00,230 --> 00:02:06,000 >> Tātad Colton Reģistrējoties ierīci Tagad kā Myo saistīta ar šo kabeli. 35 00:02:06,000 --> 00:02:08,060 Un tagad to, ko Maria s darīsim momentāni 36 00:02:08,060 --> 00:02:10,120 faktiski staigāt pa kalibrēšanas soļi 37 00:02:10,120 --> 00:02:12,830 un mācīt programmatūru kā viņas muskuļi atbildēt 38 00:02:12,830 --> 00:02:16,070 kad viņa pārliecināties iepriekš definētas Žesti, ka programmatūra saprot. 39 00:02:16,070 --> 00:02:17,910 Ja vēlaties doties priekšējā ekrāna. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 Labi, jāmēģina. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Go kā šis. 43 00:02:31,860 --> 00:02:32,970 Un, piemēram, ka. 44 00:02:32,970 --> 00:02:34,563 Un visu ceļu pa labi. 45 00:02:34,563 --> 00:02:35,922 Iet atpakaļ. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. Malan: Labi. 47 00:02:37,740 --> 00:02:38,960 Atšķirīga perspektīva. 48 00:02:38,960 --> 00:02:39,620 Tas nav jums. 49 00:02:39,620 --> 00:02:40,350 Tas ir mums. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: OK. 51 00:02:41,749 --> 00:02:42,540 DAVID J. Malan: Nē. 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Pieņemsim pārvietot to augstāk, lai tas ir tuvāk jūsu elkonis, vai pat stingrāka. 54 00:02:51,540 --> 00:02:52,680 Labi. 55 00:02:52,680 --> 00:02:53,270 >> Šeit mēs iet. 56 00:02:53,270 --> 00:02:56,780 Tas varētu būt labs laiks, lai CS52X. 57 00:02:56,780 --> 00:02:57,670 Tur mēs ejam. 58 00:02:57,670 --> 00:02:58,760 >> Ļoti jauki. 59 00:02:58,760 --> 00:03:01,170 OK. 60 00:03:01,170 --> 00:03:02,790 Īkšķi uz Pinky. 61 00:03:02,790 --> 00:03:03,380 >> Ļoti jauki. 62 00:03:03,380 --> 00:03:05,140 Izplatīt jūsu pirkstiem. 63 00:03:05,140 --> 00:03:06,240 Labi. 64 00:03:06,240 --> 00:03:06,910 Vilnis labi. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 Tas ir savādi rāda tu ar kreiso hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Jā, tas ir dīvaini. 68 00:03:19,665 --> 00:03:21,790 DAVID J. Malan: Wave līdz labi un virzīties uz priekšu. 69 00:03:21,790 --> 00:03:22,998 Ātri uz priekšu, lai izlaistu vai nākamo. 70 00:03:22,998 --> 00:03:25,020 Tas ir OK Wave taisnība. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: Es don't-- gaidīt. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. Malan: Vajadzīga neliela palīdzība? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Tātad jūs iet kā šis. 74 00:03:30,027 --> 00:03:31,860 MARIA: Tas ir pagrieziena Otra lieta, though. 75 00:03:31,860 --> 00:03:32,390 COLTON: Tā ir. 76 00:03:32,390 --> 00:03:34,250 DAVID J. Malan: Jā es nezinu kāpēc tas parāda jums leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Kāpēc jūs try-- tikai mēģināt iet kā šis. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. Malan: Nē? 80 00:03:40,090 --> 00:03:42,580 Varbūt sasniegt savu roku out mazliet taisnāk 81 00:03:42,580 --> 00:03:46,070 un padarīt to pēkšņi kā šis. 82 00:03:46,070 --> 00:03:48,176 Jā, OK, come on. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: Es atvainojos. 84 00:03:49,670 --> 00:03:51,170 DAVID J. Malan: Tas nav jūsu vaina. 85 00:03:51,170 --> 00:03:53,018 COLTON: Tas ir jauki. 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: Vai mums vajadzētu izlaist šo, tad? 89 00:03:57,620 --> 00:03:59,620 DAVID J. Malan: Jā, pieņemsim let jums pie āķa. 90 00:03:59,620 --> 00:04:03,130 Tātad, ja kāds vēlētos darīt galīgais projekts, izmantojot šo līderi 91 00:04:03,130 --> 00:04:07,707 aparatūra, saprotu, ka tas var tikai ņemt nedaudz jāpierod. 92 00:04:07,707 --> 00:04:10,290 Un this-- realitāte ir šāda ir tiešām ļoti asiņošana mala. 93 00:04:10,290 --> 00:04:12,040 >> Tas ir tas, ko sauc attīstītājs komplekts, kas 94 00:04:12,040 --> 00:04:14,956 ir domāts, lai būtu būtībā pirmsizlaides lai cilvēki var darīt tieši 95 00:04:14,956 --> 00:04:18,690 this-- cīnīties ar to, skaitlis , cik cilvēku struktūras strādāt 96 00:04:18,690 --> 00:04:19,980 ar tehnoloģiju. 97 00:04:19,980 --> 00:04:21,750 Tātad, ja jūs vēlaties pēc tam, pēc lekcijas, 98 00:04:21,750 --> 00:04:23,750 mēs varam jums nākt un veikt vēl stab pie tā. 99 00:04:23,750 --> 00:04:26,970 Bet citādi, kārta aplausi, ja mēs varētu, Maria par nāk uz augšu. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Paldies. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. Malan: Paldies. 102 00:04:30,390 --> 00:04:34,945 Mēs jābalstās uz to, bet mēs sniegsim you-- kā par stresa bumbu šeit? 103 00:04:34,945 --> 00:04:38,620 Ak, and-- if-- yeah, paldies. 104 00:04:38,620 --> 00:04:39,715 Labi. 105 00:04:39,715 --> 00:04:45,750 Tātad ziņkārīgs, ja jūs bijāt svešs ar skaņas izvēli 106 00:04:45,750 --> 00:04:47,670 ka mēs, kas tur agrāk, pārsteidzošs TV 107 00:04:47,670 --> 00:04:50,210 liecina, ka jums vajadzētu absolūti būt iedzeršana-skatoties Netflix 108 00:04:50,210 --> 00:04:51,110 ir šeit, tas viens. 109 00:04:51,110 --> 00:04:54,472 >> SPEAKER 1: Dāmas un kungi, burvis nosaukts Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. Malan: Un acīmredzot, tas ir lieta teksts man lekciju laikā tagad. 112 00:05:08,050 --> 00:05:11,190 Es esmu to teicis, ka Maria bija dzimšanas dienu vakar. 113 00:05:11,190 --> 00:05:14,095 Tik daudz laimes dzimšanas dienā, no CS50 lai Maria kā labi. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Lai jūs varētu būt lasīt pēdējā mēnesī ka šī kungi šeit, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, kurš patiesībā bija klase 1977. gada koledžā, 117 00:05:25,260 --> 00:05:27,170 nesen pensijā Microsoft. 118 00:05:27,170 --> 00:05:29,620 Viņš bija bakalaura šeit Pēc tam pāris gadus vēlāk 119 00:05:29,620 --> 00:05:31,910 nonācis pie Stanford Business School 120 00:05:31,910 --> 00:05:34,160 kad viņš saņēmis tālruni zvanu no drauga viņa kurš 121 00:05:34,160 --> 00:05:36,516 bija dzīvojuši uz leju zālē no viņa šeit Hārvardā. 122 00:05:36,516 --> 00:05:38,640 Drauga vārds bija Bill Vārti, un tajā laikā, 123 00:05:38,640 --> 00:05:42,700 viņš mēģina pieņemt darbā Steve būt pirmā biznesa cilvēks, tiešām, 124 00:05:42,700 --> 00:05:45,720 pie maza uzņēmuma nosaukumu Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> Garš stāsts īss, Steve galu galā ieguva vairāk, 126 00:05:48,960 --> 00:05:52,130 pievienojās Microsoft, kad viņi bija tikai 30 darbinieki. 127 00:05:52,130 --> 00:05:54,300 Un, kad viņš pensijā pavisam nesen, 128 00:05:54,300 --> 00:05:58,100 uzņēmumam bija 100,000 darbinieki pēdējos gados. 129 00:05:58,100 --> 00:06:01,171 Un tā mājas lapā pazīstams kā draudēja sagatavojusi šo cieņu par video 130 00:06:01,171 --> 00:06:02,920 ka mēs domājam, ka mēs gribētu dalīta, kas dod jums 131 00:06:02,920 --> 00:06:08,380 sajūtu, cik daudz enerģijas Steve nes uz jebkuru prezentācijā viņš dod. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VIDEO PLAYBACK] 134 00:06:12,550 --> 00:06:16,220 -Microsoft Ir kā ceturtais bērns. 135 00:06:16,220 --> 00:06:18,260 Bērni darīt atstāt mājas. 136 00:06:18,260 --> 00:06:21,875 Šajā gadījumā, es domāju, Es esmu atstājot māju. 137 00:06:21,875 --> 00:06:23,270 Hey Bils, whazzap? 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap? 139 00:06:24,200 --> 00:06:25,320 >> -Hey, Wazzap? 140 00:06:25,320 --> 00:06:28,590 Mēs esam dota milzīgs iespēja. 141 00:06:28,590 --> 00:06:30,210 Un Bils deva mums šo iespēju. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Es vēlos pateikties Bilu par to. 144 00:06:36,770 --> 00:06:39,630 Es gribu, lai jūs pārāk. 145 00:06:39,630 --> 00:06:42,500 Inovāciju temps nav gatavojas lēni. 146 00:06:42,500 --> 00:06:45,140 >> Tas ir gatavojas saņemt ātrāk un ātrāk. 147 00:06:45,140 --> 00:06:50,165 Tur varētu būt daži konkurenti ka diemžēl likvidēta! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Es mīlu šo uzņēmumu. 150 00:06:59,564 --> 00:07:00,064 Jā! 151 00:07:00,064 --> 00:07:03,452 152 00:07:03,452 --> 00:07:08,250 Es esmu datoru, un es mīlu šo uzņēmumu! 153 00:07:08,250 --> 00:07:13,090 >> Attīstītāji, attīstītāji, attīstītāji, attīstītāji, attīstītāji, attīstītāji, 154 00:07:13,090 --> 00:07:14,560 attīstītāji, izstrādātāji. 155 00:07:14,560 --> 00:07:17,500 156 00:07:17,500 --> 00:07:18,970 Jā! 157 00:07:18,970 --> 00:07:19,950 Web izstrādātājiem! 158 00:07:19,950 --> 00:07:21,420 >> Web izstrādātājiem! 159 00:07:21,420 --> 00:07:22,890 Web izstrādātājiem! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Uzklausīt to, ko vēl jūs saņemt bez papildu maksas! 162 00:07:28,770 --> 00:07:31,960 >> MS-DOS izpildvaras, iecelšana kalendārs, kartes kaudzes, piezīmju bloks, 163 00:07:31,960 --> 00:07:33,750 pulkstenis, vadības panelis. 164 00:07:33,750 --> 00:07:35,461 Un, jūs varat noticēt? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Ierakstīt tos CD! 167 00:07:37,270 --> 00:07:38,660 Pēc tās, lai MSN! 168 00:07:38,660 --> 00:07:40,422 Jūs pastu tos draugiem! 169 00:07:40,422 --> 00:07:41,790 >> Visi ar vienu klikšķi! 170 00:07:41,790 --> 00:07:48,670 Viens Microsoft, viena stratēģija, viena team-- mērķtiecīga, disciplinēti, profesionālās, 171 00:07:48,670 --> 00:07:50,610 un eksperts visu, ko mēs darām. 172 00:07:50,610 --> 00:07:52,670 Ļaujiet man izmantot līniju no vecās filmas. 173 00:07:52,670 --> 00:07:54,810 >> Attiecības ir kā haizivis. 174 00:07:54,810 --> 00:07:57,480 Viņi pārietu uz priekšu vai viņi mirst. 175 00:07:57,480 --> 00:08:01,470 Es tiešām domāju, ka tech kompānijas ir vienādi. 176 00:08:01,470 --> 00:08:04,801 >> [END VIDEO PLAYBACK] 177 00:08:04,801 --> 00:08:08,050 DAVID J. Malan: Tātad mēs esam tik priecīgi paziņojam, ka Stīvs būs savieno mūs 178 00:08:08,050 --> 00:08:13,320 šeit CS50 nākamo trešdienu parasti vietu un laiku šeit. 179 00:08:13,320 --> 00:08:14,750 Telpa, iespējams, būs ierobežota. 180 00:08:14,750 --> 00:08:19,650 Un tāpēc, lai pievienotos mums personīgi, lūdzu galvu šodien vai īsi pēc tam 181 00:08:19,650 --> 00:08:22,600 līdz cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> Un mēs sekot līdz Otrdiena apstiprinot plankumi. 183 00:08:25,780 --> 00:08:29,900 Ceram, ka nākamajā Trešdiena lekciju CS50 laikā. 184 00:08:29,900 --> 00:08:33,706 Tagad, citiem jaunumiem, man gadījās nākas sastapties ar to The Crimson tikko 185 00:08:33,706 --> 00:08:34,289 otro dienu. 186 00:08:34,289 --> 00:08:37,370 >> Izrādās, ka viens no CS50 darbinieku un vismaz viens no CS50 studentiem 187 00:08:37,370 --> 00:08:40,299 šobrīd darbojas UC prezidents un viceprezidents, 188 00:08:40,299 --> 00:08:42,950 kas cēla mani atpakaļ uz savām dienām atpakaļ 189 00:08:42,950 --> 00:08:45,920 kad es zaudēju UC vēlēšanās nožēlojami. 190 00:08:45,920 --> 00:08:48,210 Bet sudraba maliņa jo tas man vienmēr 191 00:08:48,210 --> 00:08:50,604 pateikt stāsts ir tāds, ka viens no I esmu pārliecināts 192 00:08:50,604 --> 00:08:52,770 daudz iemeslu, es zaudēju vēlēšanas bija pilnīgs trūkums 193 00:08:52,770 --> 00:08:54,103 par talantu retorikā. 194 00:08:54,103 --> 00:08:56,950 Un tā pavisam godīgi, to brauca man, ka pieredze 195 00:08:56,950 --> 00:09:02,235 Es domāju, ka mana junior gadu, faktiski parakstīt up Hārvardas Computer Society, kas 196 00:09:02,235 --> 00:09:04,610 ir grupa, kas Campus tur dažādus tehniska rakstura sarunas 197 00:09:04,610 --> 00:09:05,318 un citas lietas. 198 00:09:05,318 --> 00:09:08,117 Un es pārņēma viņu mācīšanu semināri un tāpēc 199 00:09:08,117 --> 00:09:09,950 bija iespēja, Lieliska iespēja, 200 00:09:09,950 --> 00:09:12,620 sākt darbu tieši to. 201 00:09:12,620 --> 00:09:15,000 Bet arī, man bija iespēja šīs pieredzes laikā 202 00:09:15,000 --> 00:09:16,930 mācīt sev visu vairāk HTML. 203 00:09:16,930 --> 00:09:21,080 Un tāpēc es procrastinated pagājušajā naktī ar Skatoties caur HTML pamatā tīmekļa vietnē 204 00:09:21,080 --> 00:09:28,066 Es līdzīgā 1997, '98, par manu Kampaņa, kas izskatās šādi šeit. 205 00:09:28,066 --> 00:09:29,920 Es zinu. 206 00:09:29,920 --> 00:09:33,340 >> Because-- un, protams, paziņojums šo apbrīnojamo dizaina lēmums 1998.gadā 207 00:09:33,340 --> 00:09:33,850 vai plauktiņš. 208 00:09:33,850 --> 00:09:36,475 Pirmā lieta, ko vēlaties, lai lietotāji darīt pēc apmeklē jūsu mājas lapā 209 00:09:36,475 --> 00:09:39,860 ir jābūt, lai noklikšķiniet uz citu saiti tikko lai ievadītu jūsu mājas lapā šeit ar mūku 210 00:09:39,860 --> 00:09:43,940 aiz kā shrouded aizkaru kur acīmredzot mana kampaņa platformu bija. 211 00:09:43,940 --> 00:09:46,330 Un tas ir viss, jūs saņemsiet šodien ir tikai screenshot. 212 00:09:46,330 --> 00:09:49,500 Bet es lasīju, izmantojot, piemēram, mani kampaņas plakāti pagājušajā naktī 213 00:09:49,500 --> 00:09:50,490 un mana platforma. 214 00:09:50,490 --> 00:09:52,960 >> Un es biju tik dusmīgs laikā. 215 00:09:52,960 --> 00:09:55,380 Mana platforma was-- tas bija interesanti. 216 00:09:55,380 --> 00:09:57,730 Tāpēc es esmu nomierinājos kopš tā laika. 217 00:09:57,730 --> 00:10:03,550 Bet kādu dienu, es darbosies atkal un cerams, ka labāk šo laiku. 218 00:10:03,550 --> 00:10:07,265 >> Tātad HTML, ka valoda, kurā es ka in-- jums drīz padarīt daudz more-- 219 00:10:07,265 --> 00:10:09,140 ir kaut kas, mēs esam bijuši runājot par vēlu 220 00:10:09,140 --> 00:10:12,460 un lielā mērā ķeršanu piešķirts tagad ka mēs esam pārgājuši uz citām valodām. 221 00:10:12,460 --> 00:10:15,650 Bet pieņemsim apstāties tikai brīdi un likts dažas no šīm lietām kontekstā. 222 00:10:15,650 --> 00:10:18,040 Tātad vienā teikumā, kas ir HTML? 223 00:10:18,040 --> 00:10:19,370 >> Vai, kas tiek izmantots, lai? 224 00:10:19,370 --> 00:10:20,208 Ikviens? 225 00:10:20,208 --> 00:10:20,708 Jā. 226 00:10:20,708 --> 00:10:22,002 >> Mērķauditorija: Markup tīmekļa vietnēm. 227 00:10:22,002 --> 00:10:23,460 DAVID J. Malan: iezīmēšanas mājas lapā. 228 00:10:23,460 --> 00:10:27,100 Tātad, tas ir iezīmēšanas valoda, kas ļauj strukturēt mājas lapu. 229 00:10:27,100 --> 00:10:30,040 Header iet uz augšu šeit, virsraksts iet šeit, ķermeņa iet šeit. 230 00:10:30,040 --> 00:10:33,280 Tas ir treknrakstu, tas ir italics-- šāda veida detaļas. 231 00:10:33,280 --> 00:10:33,830 >> Labi, labi. 232 00:10:33,830 --> 00:10:37,620 Tātad CSS ļauj you-- un I bija daži brīvības tur 233 00:10:37,620 --> 00:10:40,990 ar drosmīgu-apšuvumu un slīprakstā tāpēc, ka kas ir labāk īstenota ar to. 234 00:10:40,990 --> 00:10:42,096 CSS is-- ko? 235 00:10:42,096 --> 00:10:42,845 Teikt teikumā. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Ikviens vispār. 238 00:10:46,720 --> 00:10:46,870 Yeah. 239 00:10:46,870 --> 00:10:49,286 >> Mērķauditorija: Embellishments un sīkumi, piemēram, kā veidot to. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. Malan: Labi, labi. 242 00:10:52,810 --> 00:10:55,420 Rotājumus, kas ļauj jums veidot to, vai stylize to 243 00:10:55,420 --> 00:10:59,540 ar lietām, piemēram, trekniem burtiem un slīprakstā un krāsas, kā arī vairāk naudas 244 00:10:59,540 --> 00:11:01,330 graudains pozicionēšana elementiem. 245 00:11:01,330 --> 00:11:04,520 Tā veida ļauj veikt lietas par pēdējais km tā, ka, ja, piemēram, 246 00:11:04,520 --> 00:11:08,130 in Pset7, jūs varētu būt pamanījuši par savu portfolio lapa, ja jūs šajā brīdī 247 00:11:08,130 --> 00:11:12,270 jau, ka noklusējuma tabula, kas jums veikt, lai parādītu lietotāja krājumu saimniecībām 248 00:11:12,270 --> 00:11:15,740 un naudas, iespējams, izskatās diezgan pretīgs pēc noklusējuma, bez atstarpēm. 249 00:11:15,740 --> 00:11:18,420 Viss ir sava veida pieblīvēts kopā rindās un kolonnās. 250 00:11:18,420 --> 00:11:20,662 >> Nu, ar mazliet CSS, kā jūs varat saprast, 251 00:11:20,662 --> 00:11:23,870 Jūs faktiski var iekniebt, ka, un dara to kaut kas daudz vairāk pazīstams un daudz 252 00:11:23,870 --> 00:11:24,870 prettier apskatīt. 253 00:11:24,870 --> 00:11:27,730 Tātad CSS ir par stilizācija tīmekļa vietnes. 254 00:11:27,730 --> 00:11:31,970 Bet tad mēs ieviesām vēl viens valoda, PHP, kas ļauj mums darīt? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Darīsim, ko? 257 00:11:37,590 --> 00:11:38,177 Ikviens. 258 00:11:38,177 --> 00:11:40,010 Nokļuvis uzdrīkstēties pirmās pāris rindas. 259 00:11:40,010 --> 00:11:40,260 Yeah. 260 00:11:40,260 --> 00:11:41,719 >> Mērķauditorija: Izveidot dinamisku saturu. 261 00:11:41,719 --> 00:11:42,718 DAVID J. Malan: Perfect. 262 00:11:42,718 --> 00:11:43,850 Radītu dinamisku saturu. 263 00:11:43,850 --> 00:11:45,808 Un jūs varat darīt to jebkuru valodu skaits. 264 00:11:45,808 --> 00:11:50,120 Mēs notikt izmantot PHP, jo tas ir daļēji tāpēc līdzīgi C sintaksi. 265 00:11:50,120 --> 00:11:52,000 >> Bet PHP dara tieši tā. 266 00:11:52,000 --> 00:11:54,620 Tas ļauj dinamiski ģenerēt produkciju. 267 00:11:54,620 --> 00:11:57,890 Un daži no šīs produkcijas varētu būt HTML, kā mēs esam parasti darot. 268 00:11:57,890 --> 00:12:00,160 Un tas ir arī tāpēc, ka tas ir programmēšanas valoda, ir 269 00:12:00,160 --> 00:12:03,240 mehānismu, ar kura mēs varam runāt ar datu bāzēm. 270 00:12:03,240 --> 00:12:05,730 >> Un mēs varam darīt vaicājumus citiem serveriem, piemēram Yahoos 271 00:12:05,730 --> 00:12:08,660 un programmatiski darīt jebko tiešām, ka jūs varētu citādi 272 00:12:08,660 --> 00:12:10,400 vēlas piespiest datoru darīt. 273 00:12:10,400 --> 00:12:13,580 Tāpēc PHP ļauj mums sākt dinamiski outputting saturu. 274 00:12:13,580 --> 00:12:16,900 Tātad, šīs loģikas, man nebija dinamiska mājas lapa atpakaļ 1998. gadā. 275 00:12:16,900 --> 00:12:18,460 >> Tas bija tikai statiska mājas lapa. 276 00:12:18,460 --> 00:12:22,250 Mans saturs bija mainīt manuāli ar gedit vai kādu līdzvērtīgu. 277 00:12:22,250 --> 00:12:25,290 Bet PHP ir tas, ko mēs, ko izmanto vai varēja izmantot, drīzāk, 278 00:12:25,290 --> 00:12:27,260 kaut ko līdzīgu Frosh IP mājas lapa, kurā 279 00:12:27,260 --> 00:12:31,160 bija paredzēts veikt reģistrāciju un pārvaldīt sarakstu users-- lietām, kas 280 00:12:31,160 --> 00:12:33,550 faktiski pārslēgšanu laiks, lai gan mēs notikt 281 00:12:33,550 --> 00:12:35,990 izmantot Perl, atšķirīgs valodas laikā. 282 00:12:35,990 --> 00:12:40,350 >> Un tad visbeidzot, mēs iepazīstinājām SQL-- Strukturēts Query Language. 283 00:12:40,350 --> 00:12:43,845 Tātad vēl viena valoda kas tiek izmantots par ko? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Izmanto par ko? 286 00:12:47,639 --> 00:12:49,430 Vai mēs varam riska slight-- Labi, mēs nebrauksim 287 00:12:49,430 --> 00:12:51,263 iegūt daudz tālāk kā orķestra šeit. 288 00:12:51,263 --> 00:12:53,432 Mērķauditorija: Tas ir protokols izmanto, lai sarunātos ar datu bāzēm. 289 00:12:53,432 --> 00:12:55,640 DAVID J. Malan: protokols izmanto, lai sarunātos ar datu bāzēm. 290 00:12:55,640 --> 00:12:56,181 Ļaujiet man iekniebt. 291 00:12:56,181 --> 00:12:59,280 Tas ir dabiski lietotā valoda runāt ar databases-- Atlasa 292 00:12:59,280 --> 00:13:01,280 un ieliktņi un dzēš un atjauninājumus un faktiski 293 00:13:01,280 --> 00:13:03,840 pat vairākas pazīmes, kas mēs neesam pat ienira 294 00:13:03,840 --> 00:13:07,920 stājas bet jūs varētu vēlēties, lai būtu explore-- izpētīt, teiksim, galīgo projektu. 295 00:13:07,920 --> 00:13:09,560 Tātad ir šie dažādie gabali. 296 00:13:09,560 --> 00:13:13,100 >> Un cerams Pset7, kaut tās specifikācija ir diezgan garš, 297 00:13:13,100 --> 00:13:15,990 tas ir apzināti ilgi staigāt jums ar to, kā šīs lietas var visu 298 00:13:15,990 --> 00:13:17,210 būt drukāti kopā. 299 00:13:17,210 --> 00:13:20,300 Tagad, pirmdien, mēs iepazīstināja mūsu pēdējā valodu 300 00:13:20,300 --> 00:13:23,430 ka mēs oficiāli ieviest course-- tas ir, JavaScript. 301 00:13:23,430 --> 00:13:25,720 Tas, piemēram, PHP, ir interpretēts valoda. 302 00:13:25,720 --> 00:13:28,110 >> Bet galvenais atšķirība Es ierosināju pirmdien 303 00:13:28,110 --> 00:13:32,730 ir tas, ka tā PHP izpildes vai interpretēt uz serveri, kas 304 00:13:32,730 --> 00:13:35,990 Šajā gadījumā, ja ir CS50 ierīce, vai varētu būt daži komerciāla web 305 00:13:35,990 --> 00:13:39,370 servera internetā, JavaScript parasti 306 00:13:39,370 --> 00:13:43,650 ir valoda, kas darbojas klienta pusē ne servera side-- tik pārlūkprogrammā. 307 00:13:43,650 --> 00:13:46,970 Kas ir, tāpat kā tad, kad es atvēru up Facebook pirmkodu un atrada visu 308 00:13:46,970 --> 00:13:51,510 no šiem Js failus, nozīmēja, ka tad, kad jūs apmeklējat Facebook vai lielākā 309 00:13:51,510 --> 00:13:54,810 mājas lapas šajās dienās, jūs saņemsiet ne tikai HTML, ne tikai CSS, 310 00:13:54,810 --> 00:13:59,370 bet viss ķekars JavaScript kods bieži formā Js failus. 311 00:13:59,370 --> 00:14:03,970 Un tad tas ir browser-- savu Mac vai PC-- kas izpilda šo kodu. 312 00:14:03,970 --> 00:14:05,990 >> Bet jūsu pārlūkprogramma izpilda to. 313 00:14:05,990 --> 00:14:08,070 Jūs varat domāt veida smilšu kastē. 314 00:14:08,070 --> 00:14:12,420 Tā, ka JavaScript kodu nedrīkst būt iespējams izdzēst failus datorā. 315 00:14:12,420 --> 00:14:14,730 Tai nevajadzētu būt iespējai sūtīt e-pastus uz jūsu vārdā. 316 00:14:14,730 --> 00:14:17,760 Jūsu pārlūkprogramma veida darbība ierobežo Ko jūs varat darīt ar to. 317 00:14:17,760 --> 00:14:20,630 >> Tātad šajā ziņā, tas ir maz mazāk spēcīgs, iespējams, nekā C. 318 00:14:20,630 --> 00:14:24,030 Bet JavaScript var, jo malā, ko izmanto uz servera, 319 00:14:24,030 --> 00:14:27,740 lai gan mēs nemēdz runāt par to šajā kontekstā. 320 00:14:27,740 --> 00:14:29,740 Tāpēc tagad pieņemsim tie tās kopā. 321 00:14:29,740 --> 00:14:34,000 Nedēļas plus Pirms mēs iesniegusi dažus HTML uz left-- super boring mājas lapā. 322 00:14:34,000 --> 00:14:35,000 >> Vienkārši saka sveiki pasaule. 323 00:14:35,000 --> 00:14:38,110 Un tad es ierosināja taisnība, mēs varam veida nozagt idejas 324 00:14:38,110 --> 00:14:41,470 no mūsu diskusijas par datu struktūras C 325 00:14:41,470 --> 00:14:45,270 un domāt par to, kā šis hierarhiska iezīmēšanas valoda pa kreisi 326 00:14:45,270 --> 00:14:49,720 nevar izdarīt vai īstenot atmiņā kā faktiskā koka struktūru ar mezgliem 327 00:14:49,720 --> 00:14:51,400 un norādes un tie detaļu veidus. 328 00:14:51,400 --> 00:14:53,820 Labajā pusē, mēs saucam ka a DOM-- dokuments 329 00:14:53,820 --> 00:14:56,800 Objekts Model-- kas ir tikai iedomātā veids, kā pateikt koku. 330 00:14:56,800 --> 00:14:59,520 >> Tagad, kāpēc tas ir lietderīgi domā par to šādā veidā? 331 00:14:59,520 --> 00:15:01,680 Tāpēc, ka tagad ar JavaScript, jo mums ir 332 00:15:01,680 --> 00:15:05,810 kodu, kas izpaužas spēlēt šajā vide, faktiskais HTML, kas ir 333 00:15:05,810 --> 00:15:08,360 nosūtīts pārlūku jau ir, un jau 334 00:15:08,360 --> 00:15:12,690 ievadīta atmiņā pārlūkprogramma kokā jūsu datora 335 00:15:12,690 --> 00:15:18,270 RAM, piemēram, tas, mēs varam izmantot JavaScript faktiski traversa vai staigāt vai meklēšana 336 00:15:18,270 --> 00:15:21,800 vai mainīt, ka DOM koks tomēr mēs vēlamies. 337 00:15:21,800 --> 00:15:24,040 Tātad faktiski, ja jūs domājat, ka par facebook.com, 338 00:15:24,040 --> 00:15:27,660 ja jūs izmantojat tērzēšanas funkciju, ja jūs izmantošana Gmail un gchat funkciju, 339 00:15:27,660 --> 00:15:30,540 kaut kur jums ir ziņas nāk atkal un atkal 340 00:15:30,540 --> 00:15:35,880 un atkal, šīs ziņas, iespējams, piemēram, LI tag, saraksts punkts tagus, varbūt. 341 00:15:35,880 --> 00:15:37,940 >> Vai varbūt viņi vienkārši divs, kas uztur parādās 342 00:15:37,940 --> 00:15:39,770 katru reizi, kad jūs saņemsiet tūlītēju ziņu. 343 00:15:39,770 --> 00:15:42,960 Un tā tas tikai nozīmē to, ko Facebook vai Google dara 344 00:15:42,960 --> 00:15:45,200 ir jebkurā laikā jums ziņu no servera, 345 00:15:45,200 --> 00:15:48,740 tie, iespējams, izmantojot JavaScript vienkārši pievienot citu mezglu 346 00:15:48,740 --> 00:15:52,700 tam tree-- citu mezglu šim koks, kas tad vizuāli tikai izskatās 347 00:15:52,700 --> 00:15:54,570 piemēram, jaunu līniju teksta ekrānā. 348 00:15:54,570 --> 00:15:57,100 Bet viņi ievietojot šajā datu struktūru. 349 00:15:57,100 --> 00:15:59,742 >> Tātad klasēs, piemēram, CS124 un citiem, jūs 350 00:15:59,742 --> 00:16:02,200 faktiski rakstīt vairāk kodu pret datu struktūras, piemēram, tas. 351 00:16:02,200 --> 00:16:04,310 Bet tagad JavaScript, mēs vienkārši pieņemam 352 00:16:04,310 --> 00:16:07,920 mēs visu šo funkcionalitāti par brīvu no pašas valodas. 353 00:16:07,920 --> 00:16:09,210 Tātad, aplūkosim piemēru. 354 00:16:09,210 --> 00:16:13,120 >> Ļaujiet man atvērt failu ar nosaukumu form.html. 355 00:16:13,120 --> 00:16:14,601 Tas ir super vienkārši. 356 00:16:14,601 --> 00:16:15,600 Tā tikai izskatās. 357 00:16:15,600 --> 00:16:17,860 >> Nē CSS, nekādas domas estētiku. 358 00:16:17,860 --> 00:16:19,810 Tas ir tīri funkcionāla un acīmredzot es esmu 359 00:16:19,810 --> 00:16:24,000 lūdzot e-pastu, paroli, paroli vēlreiz, un tad pārbaude 360 00:16:24,000 --> 00:16:26,150 piekrist dažiem noteikumiem un nosacījumiem. 361 00:16:26,150 --> 00:16:28,740 Kāda pirmkods šim Izskatās, ka ir iespējams, kaut 362 00:16:28,740 --> 00:16:31,030 varat minēt ar mazliet domas tagad. 363 00:16:31,030 --> 00:16:32,840 Man veidlapu tag šeit. 364 00:16:32,840 --> 00:16:36,190 >> Darbība ir acīmredzami gatavojas iet uz failu ar nosaukumu register.php. 365 00:16:36,190 --> 00:16:37,870 Metode, es esmu gatavojas izmantot, ir iegūt. 366 00:16:37,870 --> 00:16:40,880 Un tad es esam ieguvuši tekstu lauka, kura vārds ir e-pastu. 367 00:16:40,880 --> 00:16:43,340 >> Man paroles lauku kura vārds ir parole. 368 00:16:43,340 --> 00:16:45,420 Man vēl viens paroles lauks, kura vārds 369 00:16:45,420 --> 00:16:47,342 ir nedaudz patvaļīgi apstiprinājums. 370 00:16:47,342 --> 00:16:49,690 Tas ir tikai vēl viens HTTP parametrs. 371 00:16:49,690 --> 00:16:54,430 >> Un tad mēs, mēs esam nav izmantoti šie izņemot jo Frosh IP demo in class-- 372 00:16:54,430 --> 00:16:56,692 rūtiņa, kas ir tikai veids vienāds pārbaudi. 373 00:16:56,692 --> 00:16:57,900 Un es aicinu šo vienošanos. 374 00:16:57,900 --> 00:17:00,700 Tāpēc es esmu veida patvaļīgi, bet ērti nosaukts šos laukus. 375 00:17:00,700 --> 00:17:03,450 Tā, ka tagad, kad šī forma kļūst iesniegts, pieņemsim redzēt, kas notiek. 376 00:17:03,450 --> 00:17:07,290 Ja man malan@harvard.edu, Es darīšu paroli purpura. 377 00:17:07,290 --> 00:17:09,530 Es darīšu paroli neko. 378 00:17:09,530 --> 00:17:10,910 Pieņemsim nesadarbojas. 379 00:17:10,910 --> 00:17:12,280 >> Un es ne pārbaudīt lodziņu. 380 00:17:12,280 --> 00:17:13,940 Ļaujiet man noklikšķiniet uz reģistru. 381 00:17:13,940 --> 00:17:15,420 Un tā saka, hm, jūs esat reģistrēts. 382 00:17:15,420 --> 00:17:16,069 Nav īsti. 383 00:17:16,069 --> 00:17:17,450 >> Bet URL mainījusies. 384 00:17:17,450 --> 00:17:22,280 Tātad šī forma tika skaidri atļauta iesniegt register.php. 385 00:17:22,280 --> 00:17:25,160 Bet, domājams, man būtu noķert kādu no šīm kļūdām. 386 00:17:25,160 --> 00:17:27,569 Tagad, Pset7 un dažās mūsu lekciju piemēriem, 387 00:17:27,569 --> 00:17:30,130 mēs parasti izdrukāt liels sarkans kļūdas ziņojums šeit 388 00:17:30,130 --> 00:17:33,760 sakot, trūkst vārdu, vai trūkst paroli. 389 00:17:33,760 --> 00:17:37,680 Mēs esam darījuši iepriekš, un mēs esam darīts servera pusē kļūdu atklāšanai. 390 00:17:37,680 --> 00:17:41,580 >> Bet daudzi mājas lapas šajās dienās do klienta pusē kļūdu atklāšana 391 00:17:41,580 --> 00:17:42,810 kur URL nemainās. 392 00:17:42,810 --> 00:17:44,101 Visa lapa nav atsvaidzināt. 393 00:17:44,101 --> 00:17:46,940 Jūs saņemsiet tūlītēju atgriezenisko saiti no pārlūka. 394 00:17:46,940 --> 00:17:48,070 Varbūt kaut kas sarkans. 395 00:17:48,070 --> 00:17:49,190 >> Varbūt jums pop up. 396 00:17:49,190 --> 00:17:53,240 Bet jums nav tērēt laiku nosūtot servera datu, kas ir nepilnīgi. 397 00:17:53,240 --> 00:17:56,050 Tātad, pieņemsim redzēt, kā mēs varētu sasniegtu šo funkciju, kā arī. 398 00:17:56,050 --> 00:17:59,660 >> Ļaujiet man iet uz form1.html, kas izskatās vienādi. 399 00:17:59,660 --> 00:18:03,530 Bet, ja šoreiz es daru malan@harvard.edu un es tipa tumšsarkanā 400 00:18:03,530 --> 00:18:07,350 un es nedomāju, sadarboties turpmākajā bet noklikšķiniet Reģistrēties, paziņojums tagad. 401 00:18:07,350 --> 00:18:08,940 Tas nav sexiest risinājums. 402 00:18:08,940 --> 00:18:10,900 Esmu vismaz nozvejotas šo kļūdu. 403 00:18:10,900 --> 00:18:12,900 Un es esmu izmantojis brīdinājumu funkcija JavaScript-- 404 00:18:12,900 --> 00:18:14,090 kas mēs esam tikai izmantot klasē. 405 00:18:14,090 --> 00:18:16,430 Vispār, jums nevajadzētu izmantot šo jo tas var ļoti ātri izkļūt 406 00:18:16,430 --> 00:18:17,160 kontroles. 407 00:18:17,160 --> 00:18:19,180 Bet paroles nesakrīt, ir kļūda. 408 00:18:19,180 --> 00:18:21,120 >> Ļaujiet man iet uz priekšu un noklikšķiniet uz Labi. 409 00:18:21,120 --> 00:18:25,040 Bet ko galvenais takeaway šeit ir, ka URL nemainījās. 410 00:18:25,040 --> 00:18:27,960 Tāpēc man nav bothered izšķērdēt servera laiks lūdzot 411 00:18:27,960 --> 00:18:30,750 jautājums, ka es varētu būt sapratu, ka atbildi uz sevi. 412 00:18:30,750 --> 00:18:33,210 >> Un lietotājs, kaut arī ir runāt par to 413 00:18:33,210 --> 00:18:35,264 ilgāk par lietotāja gatavojas domāt par to, 414 00:18:35,264 --> 00:18:36,680 nāksies tūlītēju atgriezenisko saiti. 415 00:18:36,680 --> 00:18:39,044 Nav latentuma ar tīkla savienojumu. 416 00:18:39,044 --> 00:18:40,460 Tātad, pieņemsim apskatīt šo pirmkodu. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html izskatās strukturāli līdzīgs šeit. 418 00:18:45,600 --> 00:18:46,810 Forma ir faktiski tā pati. 419 00:18:46,810 --> 00:18:48,330 Bet pieņemsim redzēt, ko es darīju uz leju šeit. 420 00:18:48,330 --> 00:18:49,913 Un tur ir dažādi veidi, kā to darīt. 421 00:18:49,913 --> 00:18:53,690 Un es esmu darījusi visvairāk taisni sekotājs bet visvairāk elegants veids, kā vēl. 422 00:18:53,690 --> 00:18:54,869 Man ir skriptu tag. 423 00:18:54,869 --> 00:18:57,035 Tad es aicinu document.getElementById ("reģistrācija"). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 Un es saglabāt šo vērtību formā, mainīgs. 426 00:19:04,420 --> 00:19:05,520 >> Tātad, ko es esmu darījis? 427 00:19:05,520 --> 00:19:08,960 Jūs varat iedomāties document.getElementById kā 428 00:19:08,960 --> 00:19:11,200 īpaša funkcija, kas JavaScript dod jums 429 00:19:11,200 --> 00:19:14,400 kas burtiski rokas jums rādītājs uz vienu no mezgliem 430 00:19:14,400 --> 00:19:16,520 vai taisnstūri šajā kokā. 431 00:19:16,520 --> 00:19:21,470 Tāpēc tagad, ka tas, ko mūsu forma mainīgs JavaScript ir faktiski norādot uz. 432 00:19:21,470 --> 00:19:25,120 >> Tāpēc tagad sintakse atšķiras no C. Bet mēs darām dažas lietas šeit. 433 00:19:25,120 --> 00:19:30,360 Viens, šī ir mazliet dīvaini skatoties, protams, salīdzinot ar C. 434 00:19:30,360 --> 00:19:32,180 Bet apskatīt līnija 35. 435 00:19:32,180 --> 00:19:35,130 Tā kreisajā form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Atgādināt, ka onsubmit ir kā lauka struktūrai. 437 00:19:38,060 --> 00:19:41,480 Ja jūs domājat par veidlapas mainīgā ir tikai to C struct, 438 00:19:41,480 --> 00:19:42,600 tas varētu būt daži lauki. 439 00:19:42,600 --> 00:19:46,410 >> Atpakaļ dienā, mums bija studentu vārdus, ID, mājas, tie veida jomās. 440 00:19:46,410 --> 00:19:48,520 Tikai domā par onsubmit kā citā jomā. 441 00:19:48,520 --> 00:19:53,380 Bet tas ir īpašs lauks, jo pārlūks ir ieprogrammēts gaidīt 442 00:19:53,380 --> 00:19:57,530 .onsubmit ne būt vērtība tāpat kā daudzas vai auklas, 443 00:19:57,530 --> 00:20:01,180 bet faktiski funkcija vai adresi funkciju 444 00:20:01,180 --> 00:20:02,570 jo datora atmiņā. 445 00:20:02,570 --> 00:20:04,740 >> Un tiešām, tas ir kas šis atslēgvārds šeit dara. 446 00:20:04,740 --> 00:20:06,710 Tas saka, dod man jaunu funkciju. 447 00:20:06,710 --> 00:20:09,390 Bet kas ir tās nosaukums būs, acīmredzot? 448 00:20:09,390 --> 00:20:10,800 >> Atceroties pirmdien. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Kāds ir nosaukums, tas funkcija, pamatojoties uz šo sintaksi? 451 00:20:17,170 --> 00:20:19,784 Nē, es domāju, tur ir skaidri bez nosaukuma associated-- noteikti 452 00:20:19,784 --> 00:20:21,200 nevis to, ko es esmu iezīmēts šeit. 453 00:20:21,200 --> 00:20:22,560 >> Bet tas ir tiešām OK. 454 00:20:22,560 --> 00:20:25,840 Tas ir anonīms funkcija, vai lambda funkcija kā daži to varētu saukt. 455 00:20:25,840 --> 00:20:27,589 Un tas tikai nozīmē, tas joprojām funkcija. 456 00:20:27,589 --> 00:20:29,400 Tas ir tikai, jūs nevarat to sauc pēc nosaukuma. 457 00:20:29,400 --> 00:20:30,057 Bet tas ir OK. 458 00:20:30,057 --> 00:20:33,140 Jo atkal, pārlūks ir ieprogrammēts uzņēmumi, piemēram, Google 459 00:20:33,140 --> 00:20:38,540 vai Microsoft vai Mozilla vai citus tikai zinu, ka, ja .onsubmit jomā 460 00:20:38,540 --> 00:20:43,400 iekšpusē forma elements ir vērtība, uzskatīt to par function-- 461 00:20:43,400 --> 00:20:44,750 funkcija rādītājs, ja Jums gribas. 462 00:20:44,750 --> 00:20:46,910 Un sauc to, kad tiek iesniegta veidlapa. 463 00:20:46,910 --> 00:20:50,350 >> Tātad, kādi kods būtu jāizpilda kad tiek iesniegta veidlapa? 464 00:20:50,350 --> 00:20:52,526 Acīmredzot, viss iekšpusē cirtaini lencēm. 465 00:20:52,526 --> 00:20:53,650 Un tas ir tikai stilistiska. 466 00:20:53,650 --> 00:20:55,626 >> Jūs varētu darīt, piemēram, mums ir tendence darīt CS50. 467 00:20:55,626 --> 00:20:58,250 Bet Javascript, lielākā daļa cilvēku tendence, lai saglabātu to uz vienas līnijas 468 00:20:58,250 --> 00:21:01,960 tikai tāpēc, ka daudz skaidrāk ir saistīts ar šo atslēgvārdu funkciju. 469 00:21:01,960 --> 00:21:03,240 Tāpēc tagad, ko es daru? 470 00:21:03,240 --> 00:21:08,616 >> Ja form.email.value vienāds vienāds tukša virkne vai neko, lūk, 471 00:21:08,616 --> 00:21:11,490 brīdinājumu, kur es esmu gatavojas teikt, jums ir jāsniedz savu e-pasta adresi, 472 00:21:11,490 --> 00:21:12,690 un pēc tam atgriezties viltus. 473 00:21:12,690 --> 00:21:15,720 Un tas ir, ka atgriešanās nepatiesa, ka novērš veidlapu iesniegšanas. 474 00:21:15,720 --> 00:21:19,480 Tikmēr, ja parole vērtība ir tukšs, es esmu gatavojas kliegt lietotājam 475 00:21:19,480 --> 00:21:21,150 un teikt, jums ir jāsniedz paroli. 476 00:21:21,150 --> 00:21:23,700 >> Tikmēr lietas kļūst mazliet mīļotājs šeit. 477 00:21:23,700 --> 00:21:29,160 Ja form.password.value nav vienāds form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 citā jomā, bļaut lietotāja, paroles 479 00:21:31,680 --> 00:21:33,860 nesakrīt kā viņi nebija pirms brīža. 480 00:21:33,860 --> 00:21:35,780 Un tad tas viens ir maz sexier jo I 481 00:21:35,780 --> 00:21:40,470 zinu, es zināju, ka konceptuāli pārbauda ir rūtiņu vārds. 482 00:21:40,470 --> 00:21:45,680 >> Tāpēc es varu tikai izmantot izsaukuma punkts, lai teikt, ja pārbaude nav 483 00:21:45,680 --> 00:21:48,040 checked-- tas Bula vērtība, patiess vai false-- 484 00:21:48,040 --> 00:21:49,700 Es kliegt lietotājam šī iemesla dēļ. 485 00:21:49,700 --> 00:21:52,300 Pretējā gadījumā, ja mēs pārdzīvot visi no šiem nosacījumiem, 486 00:21:52,300 --> 00:21:53,270 pieņemsim tikai atgriezties taisnība. 487 00:21:53,270 --> 00:21:54,700 Ļaujiet jāiesniedz forma. 488 00:21:54,700 --> 00:21:56,560 Un tas būs, tad notiks. 489 00:21:56,560 --> 00:21:57,740 >> Pieņemsim ierakstiet tumšsarkanā. 490 00:21:57,740 --> 00:22:00,230 Let 's pārbaudīt lodziņu, noklikšķiniet uz Reģistrēties. 491 00:22:00,230 --> 00:22:01,979 Un tagad es iet cauri uz galamērķi. 492 00:22:01,979 --> 00:22:03,270 Tagad tur nav datu bāzes tur. 493 00:22:03,270 --> 00:22:05,370 Tur nekas interesants in register.php. 494 00:22:05,370 --> 00:22:07,980 Man vajadzēja tikai kaut ko faktiski runāt. 495 00:22:07,980 --> 00:22:09,140 Tāpēc ļaujiet man pauze, šeit. 496 00:22:09,140 --> 00:22:16,270 Visus jautājumus par to, kas mēs esam tikko veikts vai ko daži no šī jaunā sintakse ir? 497 00:22:16,270 --> 00:22:17,640 OK, jā? 498 00:22:17,640 --> 00:22:20,025 >> Mērķauditorija: Tāpēc jebkura rūtiņa ir automātiski Būla. 499 00:22:20,025 --> 00:22:21,650 Jums nav jādeklarē, piemēram, ka. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. Malan: Pareizi. 501 00:22:22,649 --> 00:22:29,340 Jebkurš rūtiņa, kas ir nosūtīts uz jums no HTML formu, lai jūsu JavaScript kodu 502 00:22:29,340 --> 00:22:31,760 tiks apstrādāti, jā, jo Būla value-- patiess vai nepatiess. 503 00:22:31,760 --> 00:22:32,635 Tas ir labs jautājums. 504 00:22:32,635 --> 00:22:36,080 Tā kā citām vērtībām, no Protams, ir bijuši tekstu, AKA stīgas. 505 00:22:36,080 --> 00:22:38,500 >> Viss ir labi, tāpēc ļaujiet man attīt mazliet tālāk. 506 00:22:38,500 --> 00:22:39,900 Kāds bija viss punkts šo? 507 00:22:39,900 --> 00:22:41,400 Tikai, lai būtu skaidrs. 508 00:22:41,400 --> 00:22:44,940 Tāpat, mēs jau zinām, pat no Pset7 un pat no pagājušās nedēļas lekciju 509 00:22:44,940 --> 00:22:51,120 piemēri, ka mēs, protams, var pārbaudīt $ _GET $ _POST Redzēt, ja lietotājs dod mums 510 00:22:51,120 --> 00:22:52,200 tukša vērtība. 511 00:22:52,200 --> 00:22:54,400 Atceros tukšo funkciju PHP. 512 00:22:54,400 --> 00:22:58,040 >> Tik vienkārši, lai būtu skaidrs, kas ir viens no iemesliem, mēs varētu arī 513 00:22:58,040 --> 00:23:00,535 vēlas darīt šo kļūdu pārbaudi iekšpusē pārlūku? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Kāda ir motivācija šeit? 516 00:23:06,080 --> 00:23:06,580 Yeah. 517 00:23:06,580 --> 00:23:09,735 >> Mērķauditorija: Ātrāk, un jums nav nosūtīt bezjēdzīgi datus uz serveri. 518 00:23:09,735 --> 00:23:10,610 DAVID J. Malan: Labi. 519 00:23:10,610 --> 00:23:11,170 Tas ir ātrāk. 520 00:23:11,170 --> 00:23:12,920 Jums nav sūtīt bezjēdzīgi dati uz serveri. 521 00:23:12,920 --> 00:23:14,670 >> Tātad jūs saņemsiet atpakaļ vairāk tūlītēja reakcija. 522 00:23:14,670 --> 00:23:16,560 Un kopumā, lietotājs pieredze ir labāka. 523 00:23:16,560 --> 00:23:17,900 Padomā par alternatīvu. 524 00:23:17,900 --> 00:23:21,160 >> Ja Gmail-- un bija gadījums pirms daudziem gadiem. 525 00:23:21,160 --> 00:23:24,160 Pieņemsim, ka jums jaunu e-pastu ar savu Gmail kontu, bet vienīgais veids, kā caur 526 00:23:24,160 --> 00:23:26,510 redzēt, ka ir, piemēram, pārlādēt visu lapu. 527 00:23:26,510 --> 00:23:29,030 Vai, pieņemsim, jūs noklikšķiniet uz saite, lai lasītu e-pastu. 528 00:23:29,030 --> 00:23:31,600 >> Viss ir tik pārlādēt ka jūs varat redzēt e-pasta adresi. 529 00:23:31,600 --> 00:23:33,380 Vai Facebook-- jums tērzēšanas ziņu. 530 00:23:33,380 --> 00:23:36,000 Jūs neredzat to, kamēr jūs pārlādēt lapa vai noklikšķiniet uz kādu saikni. 531 00:23:36,000 --> 00:23:38,380 >> Tāpat kā, tas būtu briesmīgi kaitinošas lietotāju pieredzi. 532 00:23:38,380 --> 00:23:41,300 Un tas ir tas, kas tas bija, piemēram, skaidri, atpakaļ, kad es ilga UC 533 00:23:41,300 --> 00:23:44,760 un web bija daudz mazāk dinamiska un JavaScript nebija tik popularizēts 534 00:23:44,760 --> 00:23:45,601 kā tas ir tagad. 535 00:23:45,601 --> 00:23:47,850 Un viss kļūst daudz dinamiskāku un vēl daudz vairāk 536 00:23:47,850 --> 00:23:49,900 klienta puses šajā ziņā. 537 00:23:49,900 --> 00:23:54,370 >> Bet tur ir nozvejas šeit, un tas ir sava veida kaitinošas Gotcha. 538 00:23:54,370 --> 00:23:58,720 Tikai tāpēc, ka jūs pievienot klienta pusē noteikšanas, piemēram, tas nenozīmē, 539 00:23:58,720 --> 00:24:01,430 Jūs varat vai vajadzētu atteikties servera pusē atklāšanu. 540 00:24:01,430 --> 00:24:04,080 Jūs būtībā vēlaties, lai jūsu kļūdu pārbaudi abās vietās. 541 00:24:04,080 --> 00:24:05,830 Tāpēc, ka to, kas bija viens Stundas uzzināja 542 00:24:05,830 --> 00:24:10,270 No raksta es izlasīju dažus fragmentus No šīs stulba CMS system-- 543 00:24:10,270 --> 00:24:14,410 Content Management System-- kas bija Īstenojot savu autentifikācijas sistēmu, 544 00:24:14,410 --> 00:24:16,790 tā pieteikšanās pa kādam mehānismam? 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 >> AUDITORIJA: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. Malan: JavaScript, tieši tā, labi? 549 00:24:23,290 --> 00:24:24,610 Tas bija, izmantojot JavaScript. 550 00:24:24,610 --> 00:24:27,120 Un burtiski, jūs guys ir spēlēja mazliet iespējams 551 00:24:27,120 --> 00:24:28,700 ar Chrome inspektors. 552 00:24:28,700 --> 00:24:30,890 Un, ja es varu atrast to, pārbaudīt elementu. 553 00:24:30,890 --> 00:24:33,670 >> Ļaujiet man iet pāri darīt visas Chrome iespējas. 554 00:24:33,670 --> 00:24:37,080 Un tas ir, cik viegli tas ir, lai atslēgt JavaScript pārlūkprogrammā. 555 00:24:37,080 --> 00:24:38,950 Pārbaudiet, ne vairāk JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Tātad taisnīgumu, daudz web šajās dienās 557 00:24:41,070 --> 00:24:43,430 ir tikai gatavojas lauzt, jo Gmail un citas sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- pieņemt, ka JavaScript ir iespējots. 559 00:24:46,140 --> 00:24:50,180 Bet, ja jūs darāt kaut ko stulbu piemēram, tikai apstiprinot lietotāji ievadi 560 00:24:50,180 --> 00:24:52,520 un pārbaudīt to kļūdas klienta pusē, 561 00:24:52,520 --> 00:24:54,940 pretinieks var viegli izdarīt. 562 00:24:54,940 --> 00:24:57,180 Un tad vēl gudrāku Pretinieks patīk jums, puiši 563 00:24:57,180 --> 00:25:01,120 tagad varētu izmantot Telnet vai Curl vai tikai komandrindas komandas 564 00:25:01,120 --> 00:25:05,300 un faktiski nosūtīt ziņojumus serverī kas tāpat nav ERROR pārbaudīti. 565 00:25:05,300 --> 00:25:08,380 >> Tātad tas ir vairāk lietotāja saskarne lēmums 566 00:25:08,380 --> 00:25:13,060 nekā tas ir faktiski tehniska improvement-- īstenojot 567 00:25:13,060 --> 00:25:14,410 kaut klienta puses, kā šis. 568 00:25:14,410 --> 00:25:16,800 Tāpēc tagad ātrs skatiens, bet tad Es piekāpjas tiešsaistes staigāt 569 00:25:16,800 --> 00:25:17,674 caur šo vienu. 570 00:25:17,674 --> 00:25:21,480 Formā diviem, mēs faktiski gāja cauri un sakopta Koda mazliet. 571 00:25:21,480 --> 00:25:23,650 Bet ļaujiet man atliek vienam no video, mēs, visticamāk 572 00:25:23,650 --> 00:25:27,970 iegult Pset8 ka tikai parāda jums Līdzīga sintakse, izmantojot bibliotēku sauc 573 00:25:27,970 --> 00:25:32,320 jQuery, kas ir super, super populāra bibliotēka JavaScript 574 00:25:32,320 --> 00:25:34,510 ka atklāti lielākā daļa cilvēku tikai izmantot šīs dienas 575 00:25:34,510 --> 00:25:37,070 un pat sajaukt kā būtne JavaScript pati. 576 00:25:37,070 --> 00:25:38,950 >> Un tai ir tendence iesaistīt daži dolāra zīmes 577 00:25:38,950 --> 00:25:41,350 un atslēgas vārdi, piemēram, dokumenta iekavās šeit. 578 00:25:41,350 --> 00:25:44,480 Bet atkal, ļaujiet man atliek daži lēnāk konsultācijas tiešsaistē 579 00:25:44,480 --> 00:25:46,750 nevis piesaistīt sevi tikai sintaksi. 580 00:25:46,750 --> 00:25:48,630 Pieņemsim pāriet uz kaut nedaudz vēsāks 581 00:25:48,630 --> 00:25:50,520 attiecībā uz pieteikumiem par to. 582 00:25:50,520 --> 00:25:57,730 >> Tāpēc jo īpaši, ļaujiet man iet priekšu un atvērt šo šeit. 583 00:25:57,730 --> 00:25:58,340 Come on. 584 00:25:58,340 --> 00:25:59,380 Tur mēs ejam. 585 00:25:59,380 --> 00:26:01,500 >> Ļaujiet man atvērt šo attēlu šeit. 586 00:26:01,500 --> 00:26:03,450 Nevajadzīgi sarežģīta meklē, bet tas 587 00:26:03,450 --> 00:26:07,880 apraksta metodi, ko sauc AJAX-- Asynchronous JavaScript un XML, kur 588 00:26:07,880 --> 00:26:10,530 X XML ir faktiski vairs īsti izmanto. 589 00:26:10,530 --> 00:26:13,430 Tā ir tendence, lai izmantotu kaut ko cits sauc JSON. 590 00:26:13,430 --> 00:26:16,560 >> Bet šeit ir veids, kā kaut kas līdzīgs Google Maps vai Google Earth darbojas. 591 00:26:16,560 --> 00:26:18,060 Mēģināsim šo par lidot, faktiski. 592 00:26:18,060 --> 00:26:21,590 Ļaujiet man iet uz priekšu un atvērt up Chrome par manu pārlūku. 593 00:26:21,590 --> 00:26:26,236 >> Un ļaujiet man iet, saka, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 Un, patiesībā, ja jūs esat vecs pietiek atcerēties, ko, 596 00:26:31,930 --> 00:26:35,600 piemēram, MapQuest bija kā atpakaļ dienā, un varbūt viņi joprojām strādā kā šis. 597 00:26:35,600 --> 00:26:38,870 Kad jūs izmantot, lai meklētu something-- 33 Oxford Street, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 darīsim this-- tevi tiešām, ja jūs 599 00:26:40,650 --> 00:26:43,000 gribēja panna augšu un leju, pa kreisi un pa labi, 600 00:26:43,000 --> 00:26:44,920 jūs varētu izskatīties liels bultiņa uz augšu, un tas 601 00:26:44,920 --> 00:26:46,921 parādīs jums citu rāmis kartē šeit. 602 00:26:46,921 --> 00:26:49,753 Vai jūs noklikšķiniet uz pa kreisi un jums varētu iet vairāk nekā šeit, vai cits klikšķis 603 00:26:49,753 --> 00:26:51,000 un jūs varētu iet vairāk nekā šeit. 604 00:26:51,000 --> 00:26:53,000 Bet tā vietā šie dienās, mēs, protams, vienkārši 605 00:26:53,000 --> 00:26:55,970 pieņemt par pašsaprotamu, ka mēs varam iet ap Cambridge diezgan ātri 606 00:26:55,970 --> 00:26:57,550 vienkārši noklikšķinot un velkot. 607 00:26:57,550 --> 00:26:59,130 Bet paziņojums tur ir dažas glitches. 608 00:26:59,130 --> 00:27:02,160 >> Ja es to izdarītu pietiekami ātri, ko, šķiet, ir noticis 609 00:27:02,160 --> 00:27:05,960 kā es velciet pārāk ātri par datoru, lai sekot līdzi? 610 00:27:05,960 --> 00:27:07,160 Ko jūs redzat? 611 00:27:07,160 --> 00:27:07,660 Yeah. 612 00:27:07,660 --> 00:27:09,232 >> Mērķauditorija: Ar pikseļi nav atsvaidzināt. 613 00:27:09,232 --> 00:27:10,940 DAVID J. Malan: pikseļi nav atsvaidzināt. 614 00:27:10,940 --> 00:27:12,870 Ir actually-- un jums varēja redzēt to, patiesībā, 615 00:27:12,870 --> 00:27:15,360 ja jūs skatīties tiešsaistē un pauzes tas vai tiešām palēnina lietas leju 616 00:27:15,360 --> 00:27:18,600 lai once-- jūs redzēsiet, ka tur ir flīzes, laukumi, vai taisnstūri, ka 617 00:27:18,600 --> 00:27:22,040 trūkst karti līdz split otrais vēlāk, vairāk datu, 618 00:27:22,040 --> 00:27:24,390 vairāk bildes faktiski parādās uz ekrāna. 619 00:27:24,390 --> 00:27:29,810 Un patiesībā, ja mēs to darām, meklējot up Chrome's-- teiksim, Chrome-- 620 00:27:29,810 --> 00:27:30,310 redzēsim. 621 00:27:30,310 --> 00:27:31,090 Mēs nevaram darīt. 622 00:27:31,090 --> 00:27:31,860 >> Ak, Vai!. 623 00:27:31,860 --> 00:27:34,761 Pieņemsim atvērt maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Ļaujiet man logs lielāks vēlreiz. 625 00:27:36,660 --> 00:27:38,836 >> Iet atpakaļ uz 33 Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Kāda bija mājaslapa man bija nesen? 628 00:27:43,760 --> 00:27:46,440 Man bija šī, piemēram, privātā skaļas frāzes, lai sevi, ka es gribētu, tad tūlītējo ziņojumu 629 00:27:46,440 --> 00:27:48,470 kāds draugs, kurš bija online kuri vēlējās dzirdēt. 630 00:27:48,470 --> 00:27:49,345 Tur ir dažas mājas lapā. 631 00:27:49,345 --> 00:27:52,680 Es domāju, ka tas ir tik Comcast-- ļoti liels amerikāņu ISP. 632 00:27:52,680 --> 00:27:56,355 Jūs varat, kad pierakstīšanos jauna kabeļa modema pakalpojumu vai kabeļtelevīzijas pakalpojumu, 633 00:27:56,355 --> 00:27:59,230 viņiem ir forma ļoti saprātīgi kur viņi lūdz jums par jūsu adresi. 634 00:27:59,230 --> 00:28:01,450 Un ir šī pārsteidzošs funkciju sauc auto pabeigta, 635 00:28:01,450 --> 00:28:04,600 piemēram, Google, kas sāk aizpildīt ir atbilde uz jūsu jautājumu. 636 00:28:04,600 --> 00:28:08,090 >> Problēma ir tā, tie auto pabeigta par pirmajām lietām, ko rakstāt. 637 00:28:08,090 --> 00:28:12,890 Tātad, ja jūs sākat rakstīt 33, to parādīs burtiski katrā mājā 638 00:28:12,890 --> 00:28:15,790 Amerikā, kas sākas ar numuru 33 639 00:28:15,790 --> 00:28:17,920 pirms došanās uz sagaida, lai jūs rakstīt vairāk. 640 00:28:17,920 --> 00:28:20,660 Tātad, ja jūs tipa 33 Oxford, tad tas liecina, jums katru ielu 641 00:28:20,660 --> 00:28:24,726 Amerikā, kas ir 33 Oxford tās nosaukums, neatkarīgi no pilsētas 642 00:28:24,726 --> 00:28:25,350 kas tu esi. 643 00:28:25,350 --> 00:28:26,320 >> Un tad jūs turpināt rakstīt. 644 00:28:26,320 --> 00:28:28,930 Un visbeidzot, tā saprot, ka tie nav piedāvā pakalpojumu, lai jūsu mājās Kembridžā 645 00:28:28,930 --> 00:28:29,920 vai kaut kas tamlīdzīgs. 646 00:28:29,920 --> 00:28:33,410 Bet jautājums ir, tas ir visvairāk muļķīgs īstenošana auto 647 00:28:33,410 --> 00:28:34,140 pabeigtu jebkad. 648 00:28:34,140 --> 00:28:36,400 >> Un es esmu tikai gatavojas off par šo pieskari vēlreiz. 649 00:28:36,400 --> 00:28:39,040 Bet ir labi veidi izmantot JavaScript un slikti veidus. 650 00:28:39,040 --> 00:28:40,750 Un tas nebūt nav labākais. 651 00:28:40,750 --> 00:28:46,360 >> Bet punkts šeit, pirms šī pilnība, bija atvērt instrumentus leju šeit 652 00:28:46,360 --> 00:28:49,480 un atvērt izstrādātāju rīki, kā mēs esam aicināti iepriekš, 653 00:28:49,480 --> 00:28:52,840 un skatīties Network tab kā es noklikšķiniet tiešām ātri. 654 00:28:52,840 --> 00:28:55,400 Un paziņojums visu ķekars no get pieprasījumi noticis. 655 00:28:55,400 --> 00:28:57,310 Tas viss notika, jo es vilka. 656 00:28:57,310 --> 00:29:00,170 >> Un, visticamāk, patiešām daudz no šiem rindām 657 00:29:00,170 --> 00:29:04,060 tagad attēlu slash JPEG MIME tipi vai satura veidi. 658 00:29:04,060 --> 00:29:07,750 Tas ir tāpēc, ka tas, ko hroma dara Katru reizi, kad es noklikšķiniet un velciet, noklikšķiniet 659 00:29:07,750 --> 00:29:11,650 un velciet, ir tā neapzinoties, ak, es jāiet lūgt Google flīze 660 00:29:11,650 --> 00:29:15,080 kartē, kas ir vairāk nekā šeit, ātri lejupielādēt to, izmantojot HTTP, 661 00:29:15,080 --> 00:29:19,550 un tad pievienot to tā saukto DOM uz tīmekļa pārlūkiem atmiņas kokā 662 00:29:19,550 --> 00:29:24,430 atveidojums tā, ka lietotājs, mani, redz, ka atjauninātā flīzes. 663 00:29:24,430 --> 00:29:26,795 Un tas ir tāpēc, ka tehniku ​​sauc AJAX. 664 00:29:26,795 --> 00:29:28,920 Atpakaļ dienā, tas tiešām bija gadījums, ka, ja jums 665 00:29:28,920 --> 00:29:33,050 gribēja, lai mainītu to, kas ir uz ekrāna, Jums būs noklikšķiniet uz augšu, uz leju, pa kreisi, 666 00:29:33,050 --> 00:29:33,550 labi. 667 00:29:33,550 --> 00:29:34,740 Un tad jauna lapa varētu atvērt. 668 00:29:34,740 --> 00:29:36,531 Bet šajās dienās, viss ir dinamiskāka. 669 00:29:36,531 --> 00:29:40,490 Tas notiek tā, kā mēs cilvēkiem būtu ceru, ka tas tiešām būtu interaktīvi. 670 00:29:40,490 --> 00:29:43,210 Un tas sasniegts, veids, kā metodi, ko sauc 671 00:29:43,210 --> 00:29:46,170 AJAX, kas ir iespējams, vislabāk izskaidrot ar piemēru. 672 00:29:46,170 --> 00:29:49,730 Pirmkārt, ļaujiet man iet uz priekšu un atvērt failu 673 00:29:49,730 --> 00:29:53,540 sauc quote.php in šodienas izplatīšanas kodu. 674 00:29:53,540 --> 00:29:56,200 >> Un tad ļaujiet man darīt symbol-- Whoops. 675 00:29:56,200 --> 00:30:02,399 Ļaujiet man darīt simbolu = GOOG lai tikai dažiem krājumiem. 676 00:30:02,399 --> 00:30:04,440 Vai tiešām, pieņemsim do viens no PSET BEZMAKSAS. 677 00:30:04,440 --> 00:30:05,270 Enter. 678 00:30:05,270 --> 00:30:06,580 >> Un tagad paziņojums, ko es saņemt atpakaļ. 679 00:30:06,580 --> 00:30:09,210 Tātad tas ir patiešām Īsumā PHP failu, ka es 680 00:30:09,210 --> 00:30:13,210 rakstīja, ka vienkārši aizņemas kodu No Pset7 s uzmeklēšanas funkcijas 681 00:30:13,210 --> 00:30:17,830 un atklepo izmantojot šo cirtaini lencēm un citātus un resnās zarnas apzīmējums, acīmredzot, 682 00:30:17,830 --> 00:30:22,747 Pašreizējais cena par uzņēmums, kas jums pāriet caur GET. 683 00:30:22,747 --> 00:30:24,580 Tātad, tas ir atšķirīgs no lielākās daļas to, ko mēs esam 684 00:30:24,580 --> 00:30:26,496 darīts šajā paziņojumā es esmu burtiski spitting veic 685 00:30:26,496 --> 00:30:27,870 kāda izskatās JavaScript kodu. 686 00:30:27,870 --> 00:30:30,020 >> Faktiski, tas ir JavaScript objekts. 687 00:30:30,020 --> 00:30:34,130 Patiesībā, tikai, lai būtu vairāk skaidrs, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 ir tikai iedomātā veids, kā pateikt, ka jums var pārstāvēt datu JavaScript daudz 689 00:30:38,330 --> 00:30:41,660 kā jūs varat PHP izmantojot atslēgas vērtību pārus. 690 00:30:41,660 --> 00:30:44,270 Tātad, ja es gribēju paziņot mainīgais JavaScript 691 00:30:44,270 --> 00:30:47,872 lai pārstāv Zamyla, lai instance-- struct par Zamyla-- 692 00:30:47,872 --> 00:30:49,580 un mēs to saucam students, šis mainīgais. 693 00:30:49,580 --> 00:30:53,060 Viņas ID ir viens, māja ir Winthrop, un vārds ir Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> Bet es varu arī būt masīvs objektiem. 695 00:30:55,490 --> 00:30:58,710 Tātad, ja es tiešām gribēju, lai būtu masīvs JavaScript satur 696 00:30:58,710 --> 00:31:01,740 vairāki šādi objekti, šis laiks, kas pārstāv darbiniekus, 697 00:31:01,740 --> 00:31:04,910 Es varētu būt šīs trīs gabalos koda atpakaļ 698 00:31:04,910 --> 00:31:08,560 atpakaļ atpakaļ uz šiem Trīs bijušie darbinieki. 699 00:31:08,560 --> 00:31:12,201 Tātad sintakse, diezgan līdzīgi both-- PHP. 700 00:31:12,201 --> 00:31:13,700 Bet tas ir īpaši JavaScript. 701 00:31:13,700 --> 00:31:15,940 Tas ir objekts notācija. 702 00:31:15,940 --> 00:31:17,240 Tātad, kas tas ir noderīgi? 703 00:31:17,240 --> 00:31:21,580 >> Ja es rakstīt kodu, kas atklepo JSON-- JavaScript Object Notation-- sīkumi, ka 704 00:31:21,580 --> 00:31:24,670 izskatās šādi, vai lietām, kas izskatās Zamyla struktūru, 705 00:31:24,670 --> 00:31:27,730 Es patiesībā var izmantot šo programmās es rakstīt. 706 00:31:27,730 --> 00:31:30,660 Ļaujiet man iet uz ajax0.html. 707 00:31:30,660 --> 00:31:33,310 Un tas too-- nav daudz doma dota estētiku. 708 00:31:33,310 --> 00:31:34,660 Bet skatīties, kas notiek. 709 00:31:34,660 --> 00:31:37,050 >> Ļaujiet man iet uz priekšu un ierakstiet bezmaksas šeit. 710 00:31:37,050 --> 00:31:38,490 Noklikšķiniet uz Saņemt piedāvājumu. 711 00:31:38,490 --> 00:31:41,060 Un paziņojums URL nav mainījusies. 712 00:31:41,060 --> 00:31:47,250 Bet I did get pop up ar acīmredzami šodienas penijs akciju cena sākot ar $ 0.15. 713 00:31:47,250 --> 00:31:49,062 Tāpēc ne viss, kas slikti. 714 00:31:49,062 --> 00:31:52,020 Bet atšķirība ir tā, ka kaut kā, šie dati atnāca atpakaļ uz mani tieši. 715 00:31:52,020 --> 00:31:54,250 Bet pieņemsim solis kaut kas vairāk pazīstams. 716 00:31:54,250 --> 00:31:58,900 Jo šīs versijas viena, let me tipa free atkal, noklikšķiniet uz Saņemt piedāvājumu, 717 00:31:58,900 --> 00:32:01,146 un now-- oh, tas bija faktiski jQuery versija. 718 00:32:01,146 --> 00:32:03,270 Tāpēc ļaujiet me-- man nav ātri uz priekšu pilnīgi pietiekami tālu. 719 00:32:03,270 --> 00:32:05,830 Ļaujiet man iet uz versiju diviem, kas ir, ja es gribēju. 720 00:32:05,830 --> 00:32:07,260 Paziņojums, ko es esmu darījusi šeit. 721 00:32:07,260 --> 00:32:10,370 Man ir web page-- super vienkāršs versija jebkurā tīmekļa lapā 722 00:32:10,370 --> 00:32:14,260 jūs varētu izmantot šodien ar teksta laukā šeit par brīvu, un tad acīmredzot vienkārši 723 00:32:14,260 --> 00:32:14,880 teksta. 724 00:32:14,880 --> 00:32:16,860 >> Tas nav veids, šeit, acīmredzot. 725 00:32:16,860 --> 00:32:19,360 Bet, ja es noklikšķiniet nokļūt quote, ievērosiet manu mājas lapu 726 00:32:19,360 --> 00:32:22,760 ir par pārmaiņām, it kā I tikko ieguva jaunu tērzēšanas ziņu 727 00:32:22,760 --> 00:32:25,360 vai tā, it kā es tikko pārcēlās karte un nepieciešams, lai iegūtu vairāk datu 728 00:32:25,360 --> 00:32:29,220 pievienots dinamiski mājas lapā bez URL mainīgajā un lietotājam 729 00:32:29,220 --> 00:32:30,980 pieredze kļūst pārtraukta. 730 00:32:30,980 --> 00:32:35,750 Patiešām, es esmu vēl Precīzs pats place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Tātad, aplūkosim tikai šo piemēru un redzēt, kā tas notiek. 732 00:32:39,080 --> 00:32:42,490 Ļaujiet man iedziļināties ajax2.html. 733 00:32:42,490 --> 00:32:44,770 Un paziņojums veidlapu pirmās. 734 00:32:44,770 --> 00:32:47,092 >> Šeit lejā, es esmu pagrieziena off auto pabeigta. 735 00:32:47,092 --> 00:32:48,800 Dažreiz tas izpaužas kaitinošas, ja pārlūkprogramma 736 00:32:48,800 --> 00:32:50,508 mēģina parādīt jums visa tava vēsture. 737 00:32:50,508 --> 00:32:53,450 Tātad, jūs varat darīt to ar HTML vienkārši sakot, auto pabeigtu off. 738 00:32:53,450 --> 00:32:57,290 >> Es esmu devis šo teksta laukā symbol-- drīzāk ID simbolu. 739 00:32:57,290 --> 00:32:58,977 Un tagad, tā ir interesanta iezīme. 740 00:32:58,977 --> 00:33:01,310 Mēs neesam runājuši par sprīdī, bet jūs varat domāt par to 741 00:33:01,310 --> 00:33:03,177 kā punktu birku vai div tag. 742 00:33:03,177 --> 00:33:05,010 Tas ir tas, ko sauc in-line elements, kas 743 00:33:05,010 --> 00:33:07,415 nozīmē, ka jūs nesaņemsiet rindkopu break virs un zem tā. 744 00:33:07,415 --> 00:33:11,530 Tas ir tikai gatavojas palikt tiešsaistē bez hitting ekvivalentu ienākt. 745 00:33:11,530 --> 00:33:17,980 Tāpēc man ir dota šī rieciens HTML ko nosaka ar unikālu identifikatoru 746 00:33:17,980 --> 00:33:20,130 ka es patvaļīgi sauc cenu. 747 00:33:20,130 --> 00:33:21,560 Un man ir pogas Iesniegt. 748 00:33:21,560 --> 00:33:25,420 >> Jo tagad up here--, un tas ir tiešām super pārsteidzošs, cik maz kods 749 00:33:25,420 --> 00:33:27,660 jūs varat rakstīt darīt samērā veikls things-- 750 00:33:27,660 --> 00:33:31,800 paziņojums, ko es esmu darījusi šeit, ja I ritiniet līdz galvas šīs lapas. 751 00:33:31,800 --> 00:33:34,970 Es esmu iekļauts pirmais mana galva skriptu tag 752 00:33:34,970 --> 00:33:37,410 kas faktiski atsauces JavaScript failu citur. 753 00:33:37,410 --> 00:33:39,702 Tas ir no organizācijas ka raksta jQuery, 754 00:33:39,702 --> 00:33:42,660 un tas ir tikai sniedzot jums jaunāko versija par to jQuery bibliotēka. 755 00:33:42,660 --> 00:33:46,305 >> Tātad šis ir veids kā asu iekļaut C vai pieprasīt PHP. 756 00:33:46,305 --> 00:33:48,900 Jūs varat izmantot skriptu tagu ar avota atribūtu. 757 00:33:48,900 --> 00:33:52,030 Bet tagad mana kods ir būs tieši šeit. 758 00:33:52,030 --> 00:33:54,170 >> Paziņojums Man ir funkcija sauc Quotes. 759 00:33:54,170 --> 00:33:56,180 Un tas izskatās mazliet mistisks pēc pirmā acu uzmetiena. 760 00:33:56,180 --> 00:33:57,305 Bet pieņemsim diedelēt šo intervālu. 761 00:33:57,305 --> 00:33:59,090 Dodiet man mainīgo sauc URL. 762 00:33:59,090 --> 00:34:01,390 Piešķirt to burtiski šo virkni. 763 00:34:01,390 --> 00:34:04,530 Tātad, vienu pēdiņām, pēdiņas in JavaScript tikai dod man virkni. 764 00:34:04,530 --> 00:34:06,900 Kāda plus darīt? 765 00:34:06,900 --> 00:34:08,199 Konkatenācija. 766 00:34:08,199 --> 00:34:12,610 >> Tāpēc tagad tas ir jQuery sintakse kas aizņem mazliet kļūst izmantoti, lai. 767 00:34:12,610 --> 00:34:18,310 Bet tas tikai nozīmē, iet saņemt man DOM mezglu, kura unikālais identifikators ir simbols. 768 00:34:18,310 --> 00:34:21,929 Hashtag tur nozīmē unikāls identifikators simbols. 769 00:34:21,929 --> 00:34:24,929 >> Dolāra zīme iekavās tikai nozīmē, wrap šis 770 00:34:24,929 --> 00:34:28,510 jQuery veida slepeno mērci tik Jūs saņemsiet papildus funkcionalitāti. 771 00:34:28,510 --> 00:34:31,880 Un tad .val acīmredzot funkcija, vai kā mēs sakām tagad, 772 00:34:31,880 --> 00:34:35,219 metode iekšpusē šī mezglā ka tikai dod jums vērtību. 773 00:34:35,219 --> 00:34:38,896 Tātad īsumā, neglīts un mulsinoši kā tas izskatās no pirmā acu uzmetiena, 774 00:34:38,896 --> 00:34:42,020 tas tikai nozīmē nokļūt ar lietotāju drukāti in, nodot to beigās string 775 00:34:42,020 --> 00:34:42,880 ko concatenating to. 776 00:34:42,880 --> 00:34:43,739 Tas ir viss. 777 00:34:43,739 --> 00:34:46,070 >> Tāpēc tagad, pēdējās trīs rindas. 778 00:34:46,070 --> 00:34:48,690 Jūs varat saspiest daudz funkcionalitāte no trim līnijām. 779 00:34:48,690 --> 00:34:52,199 Šis dolāra zīmi, kā malā, ir tikai iesauka 780 00:34:52,199 --> 00:34:55,800 par īpašu globālu mainīgo sauc burtiski jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Dolāra zīmi tikai izskatās cool. 782 00:34:57,060 --> 00:35:00,080 Tātad jQuery kopiena tikko veida par to izmanto kā savu īpašo simbolu. 783 00:35:00,080 --> 00:35:02,470 Tas nenozīmē to, ko tas nozīmē, PHP. 784 00:35:02,470 --> 00:35:06,356 JavaScript, dolāra zīme ir tāpat kā alfabēta burtu 785 00:35:06,356 --> 00:35:07,480 vai numuru mainīgo. 786 00:35:07,480 --> 00:35:09,000 >> Jūs varat vienkārši ir to kā nosaukumu. 787 00:35:09,000 --> 00:35:09,770 Tikai izskatās cool. 788 00:35:09,770 --> 00:35:11,890 Tātad sabiedrībā to pieņēma kā segvārdu 789 00:35:11,890 --> 00:35:13,390 par savu bibliotēku sauc jQuery. 790 00:35:13,390 --> 00:35:15,060 >> Un tas ir super populāra. 791 00:35:15,060 --> 00:35:17,620 Tātad iegūt JSON ir tieši tā. 792 00:35:17,620 --> 00:35:19,920 Tā ir funkcija, kas ļaudīm jQuery rakstīja 793 00:35:19,920 --> 00:35:23,340 kas izpaužas JSON no server-- JavaScript Object Apzīmējumi. 794 00:35:23,340 --> 00:35:25,680 No tā, ko URL tas notiek lai saņemtu šo informāciju? 795 00:35:25,680 --> 00:35:27,790 Acīmredzot no šejienes šo URL. 796 00:35:27,790 --> 00:35:31,180 >> Un ko vajadzētu pārlūku darīt, kā tiklīdz tā saņem atpakaļ šo atbildi? 797 00:35:31,180 --> 00:35:36,500 Un tas ir burvju AJAX, tāpēc, lai speak-- Asynchronous JavaScript XML. 798 00:35:36,500 --> 00:35:41,320 Tas ir grūti, lai redzētu, ar šādu Vienkāršs piemērs, kā mums bija šeit. 799 00:35:41,320 --> 00:35:44,730 >> Bet tas bija asinhronā in sajūta, ka mans kods, ja 800 00:35:44,730 --> 00:35:48,530 izpildīts nosūtīja vēstuli serveris iet saņemt man JSON. 801 00:35:48,530 --> 00:35:51,340 Un tas notika super ātri ka es saņēmu atbildi. 802 00:35:51,340 --> 00:35:55,130 Bet kas ir interesanti ir tas, ka šis līnija koda nav pakārt manu datoru. 803 00:35:55,130 --> 00:35:56,550 >> Es neredzēju vērpšanas ikonu. 804 00:35:56,550 --> 00:35:59,200 Es nezaudēja spēja pārvietot manu peli. 805 00:35:59,200 --> 00:36:01,340 Mans pārlūks patiesībā bija perfekti labi. 806 00:36:01,340 --> 00:36:06,290 >> Jo kā JavaScript rokturi atbilde no servera, ir šādi. 807 00:36:06,290 --> 00:36:09,740 Jūs reģistrēt to, ko jūs vēlaties zvanīt atzvanīšanas funkcija, kas 808 00:36:09,740 --> 00:36:12,830 tikai nozīmē, hey, JavaScript. 809 00:36:12,830 --> 00:36:16,100 Tiklīdz serveris atbild ar JSON, 810 00:36:16,100 --> 00:36:18,750 zvaniet šo anonīmo funkciju. 811 00:36:18,750 --> 00:36:23,910 >> Un, lūdzu, nonāca šīs funkcijas neatkarīgi no stīgu serveris izspļaut 812 00:36:23,910 --> 00:36:26,080 kā argumentu sauc datus. 813 00:36:26,080 --> 00:36:28,360 Tātad citiem, vārdiem, ja Es esmu montāža dinamiski 814 00:36:28,360 --> 00:36:33,370 URL quote.php iet šajā simbolu, piemēram, bezmaksas vai GOOG vai plauktiņš, 815 00:36:33,370 --> 00:36:36,830 Es tad saku JavaScript iet saņemt šo URL. 816 00:36:36,830 --> 00:36:39,080 Atcerieties, ka pārlūku gatavojas atgriezties kaut 817 00:36:39,080 --> 00:36:42,680 kas izskatās kā mēs redzējām earlier-- šo. 818 00:36:42,680 --> 00:36:45,940 >> Un ko Otrs arguments šeit, lai iegūtu JSON saka 819 00:36:45,940 --> 00:36:48,450 ir nosaukt šo funkciju kad serveris saņem atpakaļ 820 00:36:48,450 --> 00:36:52,440 vai tas ir 10 milisekundes no šī brīža vai 10 sekundes no tagad. 821 00:36:52,440 --> 00:36:55,840 Un, tiklīdz jūs, pievienot cenu lapu. 822 00:36:55,840 --> 00:36:58,030 Tas sintakse šeit tikai nozīmē iet saņemt mezglu 823 00:36:58,030 --> 00:37:01,940 no koka, kuras unikālais identifikators ir price-- mēs redzējām iepriekš minētajā posmā. 824 00:37:01,940 --> 00:37:04,320 >> Šī metode sauc HTML vienkārši saka, iet aizstāt 825 00:37:04,320 --> 00:37:08,770 HTML, kas ir tur ar data.price. 826 00:37:08,770 --> 00:37:10,200 Kas ir data.price? 827 00:37:10,200 --> 00:37:12,850 Nu, pārlūku, atgādināt, parādīja man šo nāk atpakaļ. 828 00:37:12,850 --> 00:37:14,540 Tāpēc tas ir datu. 829 00:37:14,540 --> 00:37:18,100 >> Un tā tas ir nedaudz noslēpumains redzēt komatus šeit. 830 00:37:18,100 --> 00:37:19,350 Bet patiesībā, ļaujiet man darīt. 831 00:37:19,350 --> 00:37:22,890 Ļaujiet man tikai ielīmēt reālā ātri uz gedit 832 00:37:22,890 --> 00:37:27,240 un parādīt to kā mēs parādīja Zamyla struktūra agrāk. 833 00:37:27,240 --> 00:37:31,610 >> Kas serveris sūta atpakaļ ir maz, objekts, kas izskatās šādi. 834 00:37:31,610 --> 00:37:37,140 Un tā ir data.price tikai dod man 0,1515. 835 00:37:37,140 --> 00:37:39,310 Tik daudz kustīgu daļas šeit visu uzreiz. 836 00:37:39,310 --> 00:37:41,860 >> Bet būtiskus secinājumus, ir ka mums ir šī iespēja 837 00:37:41,860 --> 00:37:44,600 veikt papildu HTTP pieprasījumi, izmantojot JavaScript 838 00:37:44,600 --> 00:37:46,090 bez pārlādēt lapu. 839 00:37:46,090 --> 00:37:49,580 Un tad mēs varam reāli mainīt tīmekļa lapu par lidot. 840 00:37:49,580 --> 00:37:51,850 Un izrādās, ka JavaScript un citas valodas 841 00:37:51,850 --> 00:37:54,510 var izmantot, tagad ne tikai mutācijas tīmekļa lapas, 842 00:37:54,510 --> 00:37:57,960 bet faktiski rakstīt programmatūru ar faktisko datoru, 843 00:37:57,960 --> 00:38:00,240 ne tikai tikai uz Chrome vai tamlīdzīgi. 844 00:38:00,240 --> 00:38:03,530 >> Patiesībā, if-- Colton, varētu tevi vēlētos pievienoties mums atpakaļ šeit 845 00:38:03,530 --> 00:38:06,100 ar savu lab kodu, un Chang, kā arī? 846 00:38:06,100 --> 00:38:09,140 Iesim uz priekšu, tam runāja par anonīmas funkcijas un atzvaniem 847 00:38:09,140 --> 00:38:13,090 un tiešām kārdināt liktenis šeit ar dzīvu demo ar asiņošanu 848 00:38:13,090 --> 00:38:16,480 mala tehnoloģija, kas ir viens no šie Elite Motion ierīces. 849 00:38:16,480 --> 00:38:18,940 Tagad šī ierīce, atgādināt, ir maz USB ierīce 850 00:38:18,940 --> 00:38:25,620 kā arī that-- tas beautiful-- ka sveces, lai jūsu USB porti. 851 00:38:25,620 --> 00:38:29,120 >> Un tad tā sniedz ieguldījumu veidā cilvēka žesti 852 00:38:29,120 --> 00:38:32,560 atklājot, izmantojot infrasarkanos starus, būtībā, kustības no rokas. 853 00:38:32,560 --> 00:38:35,150 Tādējādi, kaut kādi Maria mēģināju , pirms bija muskuļots, 854 00:38:35,150 --> 00:38:39,000 tiešām sajūta par to, kas mainās jūsu rokas, tas ir infrasarkanais pamatā. 855 00:38:39,000 --> 00:38:44,390 Tāpēc tas meklē pārvietošanu veida sfērā kājām, vai arī tā 856 00:38:44,390 --> 00:38:46,190 pašas ierīces. 857 00:38:46,190 --> 00:38:48,950 >> Tātad, kāpēc ne es stab pie šī pirmā? 858 00:38:48,950 --> 00:38:53,100 Un iesim uz priekšu un mest Jums līdzi virs galvas šeit. 859 00:38:53,100 --> 00:38:56,250 Tātad pieņemsim likts Colton ir klēpjdators šeit. 860 00:38:56,250 --> 00:38:58,360 Mēs esam ieguvuši Andrejam televizorā. 861 00:38:58,360 --> 00:39:00,160 Un ko jūs vēlētos man darīt vispirms? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Iet uz priekšu un vienkārši likt rokas pār šo puisi 863 00:39:02,409 --> 00:39:04,430 un jūs redzēsiet dažas pasakains mirdzēt. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. Malan: Ļoti jauka. 865 00:39:07,230 --> 00:39:11,110 Tas viss notiek reālajā laikā. 866 00:39:11,110 --> 00:39:11,889 OK. 867 00:39:11,889 --> 00:39:12,680 Visas tiesības, un yep. 868 00:39:12,680 --> 00:39:14,119 Tik jauki. 869 00:39:14,119 --> 00:39:15,410 Visas tiesības, ko vēl mēs varam darīt? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Doties uz nākamo ekrānu un redzēt. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. Malan: Nu labi. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: fun maz spēle kur jums veikt roboti. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. Malan: Labi, tāpēc šī ir viltus rokas rāda man, ko darīt. 874 00:39:24,738 --> 00:39:27,920 COLTON: Jā Tik iet uz priekšu un greifers viens no blokiem 875 00:39:27,920 --> 00:39:30,637 un nodot to uz augšu, ka robota ķermeni. 876 00:39:30,637 --> 00:39:32,137 DAVID J. Malan: Ak, tur ir mana roka. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 Labi, adorable. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Pagaidiet minūti, OK. 881 00:39:38,650 --> 00:39:41,320 Tur mēs ejam. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Es vienu par negadījumu. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. Malan: Labi, es nopirkšu šo puisis. 884 00:39:45,423 --> 00:39:45,923 Damn it! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Kad mēs praktizē šis pēdējais nakts, jūs zināt, ko tas nodotas vērā? 887 00:39:51,550 --> 00:39:54,285 >> Tāpat kā šī. 888 00:39:54,285 --> 00:39:55,490 OK. 889 00:39:55,490 --> 00:39:55,990 Nākamais? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Protams. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. Malan: Labi, un tur ir trešais. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Labi. 894 00:40:01,674 --> 00:40:03,215 COLTON: Un šo vienu, jūs saņemsiet kuri paredzēti, 895 00:40:03,215 --> 00:40:04,923 DAVID J. Malan: Ak, tas viens ir skaista. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, pick izņemot šo ziedu. 897 00:40:06,650 --> 00:40:07,441 DAVID J. Malan: Labi. 898 00:40:07,441 --> 00:40:11,170 899 00:40:11,170 --> 00:40:11,670 Nē? 900 00:40:11,670 --> 00:40:14,515 Garām. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Ak, tur jums iet. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. Malan: Ah, Paskaties, ka. 903 00:40:18,680 --> 00:40:19,830 Ļoti jauki. 904 00:40:19,830 --> 00:40:22,470 Nu, kāpēc dont "mēs no vienas brīvprātīgais šeit 905 00:40:22,470 --> 00:40:24,180 kas vēlas nākt uz augšu. 906 00:40:24,180 --> 00:40:27,500 Kā par turpat zaļajā, tas ir? 907 00:40:27,500 --> 00:40:30,540 >> Visas tiesības, un pieņemsim have-- tā vietā, lai to dara, daži no jums 908 00:40:30,540 --> 00:40:34,590 varētu zināt šo spēli here-- sagriež virvi, varbūt? 909 00:40:34,590 --> 00:40:35,100 Paskatīsimies. 910 00:40:35,100 --> 00:40:37,320 Mums ir mūsu glāzes vairāk nekā šeit? 911 00:40:37,320 --> 00:40:38,625 >> OK. 912 00:40:38,625 --> 00:40:39,270 Paldies. 913 00:40:39,270 --> 00:40:39,380 Kāds ir tavs vārds? 914 00:40:39,380 --> 00:40:40,350 >> AUDITORIJA: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. Malan: Laura? 916 00:40:41,266 --> 00:40:42,120 Jauki redzēt. 917 00:40:42,120 --> 00:40:45,600 Ja jums nav prātā, liekot Google Glass pār jūsu brilles. 918 00:40:45,600 --> 00:40:46,970 Tas ir Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Hi. 920 00:40:47,650 --> 00:40:48,140 Priecājos ar jums iepazīties. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. Malan: Labi, come on apkārt. 922 00:40:49,600 --> 00:40:52,516 Labi, lai to, ko jūs gatavojas darīt šeit, kam ir bijusi pirms, 923 00:40:52,516 --> 00:40:55,650 ir nodot savu roku pār Leap Rezolūcijas šeit. 924 00:40:55,650 --> 00:40:57,210 Un tagad jūsu arrow vajadzētu virzīties. 925 00:40:57,210 --> 00:40:57,710 Ak, nē. 926 00:40:57,710 --> 00:40:58,066 >> AUDITORIJA: Nē. 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. Malan: Mēs negribu atmest vēl. 928 00:40:58,780 --> 00:40:59,280 Labi, pagaidiet. 929 00:40:59,280 --> 00:41:01,200 Nekā šeit. 930 00:41:01,200 --> 00:41:03,530 Tātad paziņojums, kā jūs turiet savu pirkstu pār kaut ko, 931 00:41:03,530 --> 00:41:06,750 pele sāk iet zaļa, kas ir, kā jūs noklikšķiniet. 932 00:41:06,750 --> 00:41:08,980 >> Tātad lidināties virs Play. 933 00:41:08,980 --> 00:41:10,970 Un tikai viens pirksts ir labi. 934 00:41:10,970 --> 00:41:13,869 Un tagad noklikšķiniet uz maz zaļā puisis pa kreisi. 935 00:41:13,869 --> 00:41:15,410 Un tagad turēt līdz tas piepildās zaļa. 936 00:41:15,410 --> 00:41:15,640 Labi. 937 00:41:15,640 --> 00:41:16,990 Tagad, piemēram, vienu līmeni uz augšu augšas. 938 00:41:16,990 --> 00:41:20,190 >> Mērķauditorija: Jā, mēs vēlamies vienu līmeni, šeit. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. Malan: Labi. 940 00:41:21,660 --> 00:41:25,500 Labi, tāpēc viss, kas jums to darīt, ir samazināt virvi. 941 00:41:25,500 --> 00:41:28,240 Jūsu kursors ir balta viena tur lejā. 942 00:41:28,240 --> 00:41:28,880 >> Ļoti jauki. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 Viss ir labi, tas ir par iegūt grūtāk. 945 00:41:32,790 --> 00:41:34,800 Tā turēt pirkstu pār nākamo tagad. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Labi. 948 00:41:39,030 --> 00:41:39,999 Tas viens ir grūti. 949 00:41:39,999 --> 00:41:40,966 >> Mērķauditorija: Ak crap. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 Tā vēlas iet šo ceļu. 952 00:41:42,466 --> 00:41:44,890 Oh crap, that-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. Malan: Jā. 954 00:41:47,120 --> 00:41:50,700 Sekundārais mērķis ir iegūt visas zvaigznes. 955 00:41:50,700 --> 00:41:53,920 Labi, nākamo. 956 00:41:53,920 --> 00:41:57,504 >> Let 's redzēt, ja jūs varat saņemt šo trešo vienu. 957 00:41:57,504 --> 00:41:58,004 Labi. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 Labi, iet tur. 960 00:42:06,840 --> 00:42:08,850 >> Pārliecināts. 961 00:42:08,850 --> 00:42:11,230 Ak, ļoti jauki. 962 00:42:11,230 --> 00:42:11,930 Labi. 963 00:42:11,930 --> 00:42:13,534 >> Tātad, kāpēc nav mēs atlikt šeit šodien? 964 00:42:13,534 --> 00:42:15,200 Let kāds nāk uz augšu, kurš vēlas spēlēt. 965 00:42:15,200 --> 00:42:16,880 Pateicoties tik daudz, lai Laura mūsu brīvprātīgo. 966 00:42:16,880 --> 00:42:18,730 Un mēs redzēt jūs pirmdien. 967 00:42:18,730 --> 00:42:21,190 >> Mērķauditorija: Jūs droši vien vēlaties tiem atpakaļ. 968 00:42:21,190 --> 00:42:23,640 >> SPEAKER 2: Nākamajā CS50-- 969 00:42:23,640 --> 00:42:35,222