1 00:00:00,000 --> 00:00:39,630 2 00:00:39,630 --> 00:00:41,880 DAVID J. MALAN: Allt í lagi, þannig að þetta hér er Myo armur 3 00:00:41,880 --> 00:00:44,450 band, a par af sem við hafa fyrir CS50 lokaverkefnum. 4 00:00:44,450 --> 00:00:47,533 Og það var sýning sem við biðröð þú upp fyrirfram þar meginatriðum 5 00:00:47,533 --> 00:00:51,120 þetta nokkuð þétt armur band upp hér hlustar á vöðvum hreyfingar þínar 6 00:00:51,120 --> 00:00:54,280 sem síðan eru kortlögð í hugbúnaði fartölvu Colton yfir hér, sem 7 00:00:54,280 --> 00:00:57,230 hafði iTunes og að Lagið bið þegar upp. 8 00:00:57,230 --> 00:01:00,270 Frekar en mér demoing þetta, Colton hefur verið í Lab 9 00:01:00,270 --> 00:01:04,129 greinilega alla vikuna að fá kynningu tilbúinn fyrir einn hugrakkur sjálfboðaliða. 10 00:01:04,129 --> 00:01:07,430 Ef einhver langar að koma á up-- sá hönd þína fyrst. 11 00:01:07,430 --> 00:01:09,540 Komdu upp. 12 00:01:09,540 --> 00:01:12,530 >> Allt í lagi. 13 00:01:12,530 --> 00:01:13,886 Og hvað er nafnið þitt? 14 00:01:13,886 --> 00:01:14,800 >> Áhorfendur: Uh, Maria. 15 00:01:14,800 --> 00:01:16,550 >> DAVID J. MALAN: Maria, gaman að sjá þig. 16 00:01:16,550 --> 00:01:17,310 Komdu hérna. 17 00:01:17,310 --> 00:01:19,550 Leyfðu mér að kynna þig fyrir Colton. 18 00:01:19,550 --> 00:01:21,290 Colton, þetta er Maria. 19 00:01:21,290 --> 00:01:23,050 >> COLTON: Hi, gaman að hitta þig. 20 00:01:23,050 --> 00:01:24,330 >> DAVID J. MALAN: All rétt, svo fyrsta skref, við erum 21 00:01:24,330 --> 00:01:26,204 fara að hafa þú setja þetta á framhandlegg þinn 22 00:01:26,204 --> 00:01:29,280 þannig að það er nokkuð þétt upp nálægt olnbogann. 23 00:01:29,280 --> 00:01:31,940 Og á meðan, við skulum hafa setja á Google Glass okkar 24 00:01:31,940 --> 00:01:33,720 og við munum blanda tækni í dag. 25 00:01:33,720 --> 00:01:36,340 >> COLTON: Fyrst við verðum að krókur þetta í hlutum. 26 00:01:36,340 --> 00:01:37,170 >> DAVID J. MALAN: OK. 27 00:01:37,170 --> 00:01:39,795 Reyndar, við skulum setja handlegginn eins nálægt þessari snúru og hægt er 28 00:01:39,795 --> 00:01:41,160 svo að við getum fyrst sync það upp. 29 00:01:41,160 --> 00:01:42,740 >> COLTON: Við skulum gera þetta. 30 00:01:42,740 --> 00:01:46,500 >> DAVID J. MALAN: Og á meðan, svo að allir geti fengið nánari sýn, 31 00:01:46,500 --> 00:01:50,290 við munum kasta myndavél Andrew upp á skjáinn þar. 32 00:01:50,290 --> 00:01:54,460 Þannig að við höfum USB snúru sem er verið tengt inn borði utan um upphandlegg maria er. 33 00:01:54,460 --> 00:02:00,230 Og láta mig henda skjánum Colton er upp á varpanum næsta. 34 00:02:00,230 --> 00:02:06,000 >> Svo Colton skráir tækið nú sem Myo tengd þessari snúru. 35 00:02:06,000 --> 00:02:08,060 Og nú hvað Maria er fara að gera augnablik 36 00:02:08,060 --> 00:02:10,120 er í raun ganga í gegnum kvörðunin skref 37 00:02:10,120 --> 00:02:12,830 og kenna hugbúnað hvernig vöðvar hennar bregðast 38 00:02:12,830 --> 00:02:16,070 þegar hún gera viss fyrirfram skilgreind bendingar að hugbúnaður skilur. 39 00:02:16,070 --> 00:02:17,910 Ef þú vilt fara í framan skjáinn. 40 00:02:17,910 --> 00:02:26,840 41 00:02:26,840 --> 00:02:30,090 OK, halda áfram að reyna. 42 00:02:30,090 --> 00:02:31,860 >> COLTON: Fara svona. 43 00:02:31,860 --> 00:02:32,970 Og eins og þessi. 44 00:02:32,970 --> 00:02:34,563 Og alla leið til hægri. 45 00:02:34,563 --> 00:02:35,922 Fara til baka. 46 00:02:35,922 --> 00:02:37,740 >> DAVID J. MALAN: OK. 47 00:02:37,740 --> 00:02:38,960 Öðru sjónarhorni. 48 00:02:38,960 --> 00:02:39,620 Það er ekki þú. 49 00:02:39,620 --> 00:02:40,350 Það er okkur. 50 00:02:40,350 --> 00:02:41,749 >> MARIA: OK. 51 00:02:41,749 --> 00:02:42,540 DAVID J. MALAN: Nei 52 00:02:42,540 --> 00:02:46,720 53 00:02:46,720 --> 00:02:51,540 Skulum færa það ofar þannig að það er nær olnboga, eða jafnvel strangara. 54 00:02:51,540 --> 00:02:52,680 Allt í lagi. 55 00:02:52,680 --> 00:02:53,270 >> Hér förum. 56 00:02:53,270 --> 00:02:56,780 Þetta væri góður tími fyrir CS52X. 57 00:02:56,780 --> 00:02:57,670 There við förum. 58 00:02:57,670 --> 00:02:58,760 >> Mjög gott. 59 00:02:58,760 --> 00:03:01,170 OK. 60 00:03:01,170 --> 00:03:02,790 Thumb að Pinky. 61 00:03:02,790 --> 00:03:03,380 >> Mjög gott. 62 00:03:03,380 --> 00:03:05,140 Verðbil fingurna. 63 00:03:05,140 --> 00:03:06,240 Good. 64 00:03:06,240 --> 00:03:06,910 Veifa hægri. 65 00:03:06,910 --> 00:03:15,052 66 00:03:15,052 --> 00:03:17,010 Það er forvitinn að sýna þú með vinstri hand-- 67 00:03:17,010 --> 00:03:19,665 >> COLTON: Já, það er undarlegt. 68 00:03:19,665 --> 00:03:21,790 DAVID J. MALAN: Wave til rétt og halda áfram. 69 00:03:21,790 --> 00:03:22,998 Fljótur áfram til að sleppa eða næstu. 70 00:03:22,998 --> 00:03:25,020 Það er allt í lagi Wave rétt. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: Ég don't-- bíða. 72 00:03:26,650 --> 00:03:28,430 >> DAVID J. MALAN: Vantar hjálp? 73 00:03:28,430 --> 00:03:30,027 >> COLTON: Svo þú ert að fara svona. 74 00:03:30,027 --> 00:03:31,860 MARIA: Það er að snúa annar hlutur, þó. 75 00:03:31,860 --> 00:03:32,390 COLTON: Það er. 76 00:03:32,390 --> 00:03:34,250 DAVID J. MALAN: Já ég veit ekki hvers vegna það er að sýna þér leftie. 77 00:03:34,250 --> 00:03:36,458 COLTON: Af hverju ertu ekki try-- bara að reyna að fara svona. 78 00:03:36,458 --> 00:03:38,910 79 00:03:38,910 --> 00:03:40,090 >> DAVID J. MALAN: Nei? 80 00:03:40,090 --> 00:03:42,580 Kannski ná handlegginn út smá beinna 81 00:03:42,580 --> 00:03:46,070 og gera það skyndilega meira eins og þetta. 82 00:03:46,070 --> 00:03:48,176 Já, OK, komdu. 83 00:03:48,176 --> 00:03:49,670 >> MARIA: Fyrirgefðu. 84 00:03:49,670 --> 00:03:51,170 DAVID J. MALAN: Það er ekki þér að kenna. 85 00:03:51,170 --> 00:03:53,018 COLTON: Það er allt í lagi. 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: Ættum við sleppa þessu, þá? 89 00:03:57,620 --> 00:03:59,620 DAVID J. MALAN: Já, við skulum láta þig í friði. 90 00:03:59,620 --> 00:04:03,130 Svo ef einhver vildi eins og til gera a Lokaverkefni með þetta skorið brún 91 00:04:03,130 --> 00:04:07,707 vélbúnaður, gera sér grein fyrir að það gæti bara taka smá að venjast. 92 00:04:07,707 --> 00:04:10,290 Og this-- raunin er þetta er í raun mjög fjandans brún. 93 00:04:10,290 --> 00:04:12,040 >> Þetta er það sem er kallað framkvæmdaraðila Kit, sem 94 00:04:12,040 --> 00:04:14,956 er ætlað að vera fyrst og fremst á pre-gefa út þannig að fólk getur gert nákvæmlega 95 00:04:14,956 --> 00:04:18,690 this-- berjast með það, mynd út hvernig stofnanir fólks vinna 96 00:04:18,690 --> 00:04:19,980 með tækni. 97 00:04:19,980 --> 00:04:21,750 Svo ef þú vilt síðar, eftir fyrirlestur, 98 00:04:21,750 --> 00:04:23,750 við getum látið þig koma og taka aðra stunga á það. 99 00:04:23,750 --> 00:04:26,970 En annars, a umferð af lófaklapp, ef við gátum, til Maríu fyrir að koma á upp. 100 00:04:26,970 --> 00:04:28,770 >> MARIA: Þakka þér. 101 00:04:28,770 --> 00:04:30,390 >> DAVID J. MALAN: Þakka þér. 102 00:04:30,390 --> 00:04:34,945 Við munum hanga á þessu, en við munum gefa you-- hvernig um streitu boltanum hér? 103 00:04:34,945 --> 00:04:38,620 Oh, and-- if-- já, takk. 104 00:04:38,620 --> 00:04:39,715 Allt í lagi. 105 00:04:39,715 --> 00:04:45,750 Svo fyrir forvitinn, ef þú værir ókunnur með the hljóð val 106 00:04:45,750 --> 00:04:47,670 að við eru þar fyrr, ótrúlega TV 107 00:04:47,670 --> 00:04:50,210 sýna að þú ættir alveg vera binge-horfa á Netflix 108 00:04:50,210 --> 00:04:51,110 er þetta einn hér. 109 00:04:51,110 --> 00:04:54,472 >> Ræðumaður 1: Dömur mínar og herrar, a töframaður heitir Josh. 110 00:04:54,472 --> 00:05:04,710 111 00:05:04,710 --> 00:05:08,050 >> DAVID J. MALAN: Og greinilega, það er hlutur í texta mig á fyrirlestri núna. 112 00:05:08,050 --> 00:05:11,190 Ég ætla að vera sagt að Maria átti afmæli í gær. 113 00:05:11,190 --> 00:05:14,095 Svo ánægð með afmælið frá CS50 til Maria eins og heilbrigður. 114 00:05:14,095 --> 00:05:18,720 115 00:05:18,720 --> 00:05:22,090 >> Svo þú gætir hafa lesið á undanförnum mánuðum að þessi herramenn hér, Steve 116 00:05:22,090 --> 00:05:25,260 Ballmer, sem var í raun flokkur 1977 í framhaldsskóla, 117 00:05:25,260 --> 00:05:27,170 nýlega eftirlaun fyrir Microsoft. 118 00:05:27,170 --> 00:05:29,620 Hann var grunnnám hér, þá nokkra árum síðar 119 00:05:29,620 --> 00:05:31,910 fann sig á Stanford Business School 120 00:05:31,910 --> 00:05:34,160 þegar hann fékk símann hringja frá vinur WHO hans 121 00:05:34,160 --> 00:05:36,516 hafði búið niður sal frá honum hér á Harvard. 122 00:05:36,516 --> 00:05:38,640 Nafn sem vinur var Bill Gates, og á þeim tíma, 123 00:05:38,640 --> 00:05:42,700 hann var að reyna að ráða Steve vera fyrsta fyrirtæki manneskja, í raun, 124 00:05:42,700 --> 00:05:45,720 á litlu fyrirtæki nafn Microsoft. 125 00:05:45,720 --> 00:05:48,960 >> Löng saga stutt, Steve var að lokum vann yfir, 126 00:05:48,960 --> 00:05:52,130 byrjuðu Microsoft þegar þeir hafði bara 30 starfsmenn. 127 00:05:52,130 --> 00:05:54,300 Og með þeim tíma sem hann eftirlaun alveg nýlega, 128 00:05:54,300 --> 00:05:58,100 félagið hafði 100.000 starfsmanna á undanförnum árum. 129 00:05:58,100 --> 00:06:01,171 Og svo a website þekktur sem barmi undirbjuggum skattinn vídeó 130 00:06:01,171 --> 00:06:02,920 að við héldum að við myndum deilt sem gefur þér 131 00:06:02,920 --> 00:06:08,380 tilfinningu um það hversu mikla orku Steve færir til hvaða framsetningu sem hann gefur. 132 00:06:08,380 --> 00:06:11,884 133 00:06:11,884 --> 00:06:12,550 [VIDEO Spilun] 134 00:06:12,550 --> 00:06:16,220 -Microsoft Er eins fjórða barn. 135 00:06:16,220 --> 00:06:18,260 Börn yfirgefa húsið. 136 00:06:18,260 --> 00:06:21,875 Í þessu tilfelli, held ég Ég ætla að fara í húsið. 137 00:06:21,875 --> 00:06:23,270 Hey Bill, whazzap? 138 00:06:23,270 --> 00:06:24,200 >> -Wazzap? 139 00:06:24,200 --> 00:06:25,320 >> -Hey, Wazzap? 140 00:06:25,320 --> 00:06:28,590 Við höfum verið gefinn gífurlegur tækifæri. 141 00:06:28,590 --> 00:06:30,210 Og Bill gaf okkur það tækifæri. 142 00:06:30,210 --> 00:06:35,520 143 00:06:35,520 --> 00:06:36,770 Ég vil þakka Bill fyrir það. 144 00:06:36,770 --> 00:06:39,630 Ég vil að þú líka. 145 00:06:39,630 --> 00:06:42,500 Hraða nýsköpun er ekki að fara að hægja. 146 00:06:42,500 --> 00:06:45,140 >> Það er að fara að fá hraðar og hraðar. 147 00:06:45,140 --> 00:06:50,165 Það gæti verið nokkur keppinauta sem eru því miður út! 148 00:06:50,165 --> 00:06:54,337 149 00:06:54,337 --> 00:06:59,564 >> Ég elska þetta fyrirtæki. 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 Ég er PC, og ég elska þetta fyrirtæki! 153 00:07:08,250 --> 00:07:13,090 >> Verktaki, verktaki, verktaki, verktaki, verktaki, verktaki, 154 00:07:13,090 --> 00:07:14,560 verktaki, verktaki. 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 Vefur verktaki! 158 00:07:19,950 --> 00:07:21,420 >> Vefur verktaki! 159 00:07:21,420 --> 00:07:22,890 Vefur verktaki! 160 00:07:22,890 --> 00:07:25,830 161 00:07:25,830 --> 00:07:28,770 Hlusta á hvað annað sem þú fá á gjaldfrjálst! 162 00:07:28,770 --> 00:07:31,960 >> The MS-DOS framkvæmdastjóri, stefnumót dagatal, kort stafli, minnismiða púði, 163 00:07:31,960 --> 00:07:33,750 klukku, stjórnborði. 164 00:07:33,750 --> 00:07:35,461 Og, getur þú trúa því? 165 00:07:35,461 --> 00:07:35,960 Reversie! 166 00:07:35,960 --> 00:07:37,270 >> Brenna þá til CD! 167 00:07:37,270 --> 00:07:38,660 Birta þær MSN! 168 00:07:38,660 --> 00:07:40,422 Þú mail þá til vina! 169 00:07:40,422 --> 00:07:41,790 >> Allt með einum smelli! 170 00:07:41,790 --> 00:07:48,670 One Microsoft, einn stefnu, einn team-- einbeitt, aga, atvinnu, 171 00:07:48,670 --> 00:07:50,610 og sérfræðingur í öllu sem við gerum. 172 00:07:50,610 --> 00:07:52,670 Leyfðu mér að nota línu frá gamalli bíómynd. 173 00:07:52,670 --> 00:07:54,810 >> Sambönd eru eins hákörlum. 174 00:07:54,810 --> 00:07:57,480 Þeir halda áfram eða þeir deyja. 175 00:07:57,480 --> 00:08:01,470 Ég held reyndar tækni fyrirtæki eru þau sömu. 176 00:08:01,470 --> 00:08:04,801 >> [END vídeó spilun] 177 00:08:04,801 --> 00:08:08,050 DAVID J. MALAN: Þannig að við erum svo stolt af því að tilkynna að Steve verði hopinn 178 00:08:08,050 --> 00:08:13,320 hér í CS50 næsta miðvikudag klukkan Venjulegur stað og tíma hér. 179 00:08:13,320 --> 00:08:14,750 Space mun líklega vera takmarkaður. 180 00:08:14,750 --> 00:08:19,650 Og svo til að taka þátt með okkur í eigin persónu, vinsamlegast höfuð í dag eða fljótlega eftir 181 00:08:19,650 --> 00:08:22,600 að cs50.harvard.edu/register. 182 00:08:22,600 --> 00:08:25,780 >> Og við munum fylgja eftir Þriðjudagur staðfestir bletti. 183 00:08:25,780 --> 00:08:29,900 Hlakka til að næsta Miðvikudagur á fyrirlestri í CS50. 184 00:08:29,900 --> 00:08:33,706 Nú, í öðrum fréttum, gerðist ég að rekist á þessa í The Crimson bara 185 00:08:33,706 --> 00:08:34,289 um daginn. 186 00:08:34,289 --> 00:08:37,370 >> Það kemur í ljós að einn af starfsmönnum CS50 er og að minnsta kosti einn af CS50 nemandi 187 00:08:37,370 --> 00:08:40,299 er nú í gangi fyrir UC forseti og varaforseti, 188 00:08:40,299 --> 00:08:42,950 sem leiddi mig aftur minn eigin daga aftur 189 00:08:42,950 --> 00:08:45,920 þegar ég missti UC kosningum vansæll. 190 00:08:45,920 --> 00:08:48,210 En silfur fóður í því er ég alltaf 191 00:08:48,210 --> 00:08:50,604 segja söguna er að einn af I er viss 192 00:08:50,604 --> 00:08:52,770 margar ástæður sem ég missti kosningum var lokið skortur 193 00:08:52,770 --> 00:08:54,103 Af einni talentu fyrir opinber tala. 194 00:08:54,103 --> 00:08:56,950 Og svo alveg heiðarlega, það rak mig, að reynsla 195 00:08:56,950 --> 00:09:02,235 Ég held yngri árið mitt, að í raun að skrá upp fyrir Harvard Computer Society, sem 196 00:09:02,235 --> 00:09:04,610 er hópurinn á háskólasvæðinu sem heldur ýmis tæknileg viðræður 197 00:09:04,610 --> 00:09:05,318 og annað. 198 00:09:05,318 --> 00:09:08,117 Og ég tók yfir kennslu þeirra námskeið og því 199 00:09:08,117 --> 00:09:09,950 hafði tækifæri, a dásamlegt tækifæri, 200 00:09:09,950 --> 00:09:12,620 að byrja að vinna á nákvæmlega þetta. 201 00:09:12,620 --> 00:09:15,000 En einnig fékk ég tækifæri á þessari reynslu 202 00:09:15,000 --> 00:09:16,930 að kenna mér allt meira HTML. 203 00:09:16,930 --> 00:09:21,080 Og svo ég procrastinated gærkvöldi með leita í gegnum HTML byggt website 204 00:09:21,080 --> 00:09:28,066 Ég gerði í eins 1997, '98, fyrir minn herferð sem lítur svona út hér. 205 00:09:28,066 --> 00:09:29,920 Ég veit. 206 00:09:29,920 --> 00:09:33,340 >> Because-- og auðvitað, tilkynning þetta ótrúlega hönnun ákvörðun árið 1998 207 00:09:33,340 --> 00:09:33,850 eða whatnot. 208 00:09:33,850 --> 00:09:36,475 The fyrstur hlutur sem þú vilt að notendur að gera við að heimsækja vefsvæðið þitt 209 00:09:36,475 --> 00:09:39,860 er að þurfa að smella annað tengilinn rétt að slegið inn vefsíðuna þína hér með munkur 210 00:09:39,860 --> 00:09:43,940 bak eins líkklæði fortjald þar virðist herferð vettvang minn var. 211 00:09:43,940 --> 00:09:46,330 Og þetta er allt sem þú munt fá í dag er bara screenshot. 212 00:09:46,330 --> 00:09:49,500 En ég var að lesa í gegnum, eins og, Veggspjöld herferðarstillingarnar gærkvöldi 213 00:09:49,500 --> 00:09:50,490 og vettvangur minn. 214 00:09:50,490 --> 00:09:52,960 >> Og ég var svo reiður á þeim tíma. 215 00:09:52,960 --> 00:09:55,380 Pallur minn was-- það var áhugavert. 216 00:09:55,380 --> 00:09:57,730 Svo ég hef róast síðan þá. 217 00:09:57,730 --> 00:10:03,550 En dag einn, þá skal ég hlaupa aftur og vonandi betur þessum tíma. 218 00:10:03,550 --> 00:10:07,265 >> Svo HTML, það tungumál sem ég gerði að in-- þú munt brátt gera mikið more-- 219 00:10:07,265 --> 00:10:09,140 er eitthvað sem við höfum verið tala um á síðkastið 220 00:10:09,140 --> 00:10:12,460 og að mestu sem nota sjálfsagt nú að við höfum flutt á öðrum tungumálum. 221 00:10:12,460 --> 00:10:15,650 En við skulum gera hlé fyrir bara smá stund og setja sumir af þessum hlutum í samhengi. 222 00:10:15,650 --> 00:10:18,040 Svo í setningu, hvað er HTML? 223 00:10:18,040 --> 00:10:19,370 >> Eða, það sem er notað fyrir? 224 00:10:19,370 --> 00:10:20,208 Einhver? 225 00:10:20,208 --> 00:10:20,708 Já. 226 00:10:20,708 --> 00:10:22,002 >> Áhorfendur: Álagning fyrir vefsíður. 227 00:10:22,002 --> 00:10:23,460 DAVID J. MALAN: Markup fyrir vefsvæðið. 228 00:10:23,460 --> 00:10:27,100 Svo það er Markup tungumál sem leyfir að uppbyggingu vefsíðu. 229 00:10:27,100 --> 00:10:30,040 Header fer upp hér, titill fer hér, líkami fer hér. 230 00:10:30,040 --> 00:10:33,280 Þetta er feitletra, þetta er italics-- þessi tegund af smáatriðum. 231 00:10:33,280 --> 00:10:33,830 >> OK, gott. 232 00:10:33,830 --> 00:10:37,620 Svo CSS leyfir you-- og I tók frelsi þar 233 00:10:37,620 --> 00:10:40,990 með feitletrun-frammi og skáletrun því ég Það er betra útfærð með þetta. 234 00:10:40,990 --> 00:10:42,096 CSS is-- hvað? 235 00:10:42,096 --> 00:10:42,845 Segja í setningu. 236 00:10:42,845 --> 00:10:46,000 237 00:10:46,000 --> 00:10:46,720 Einhver yfirleitt. 238 00:10:46,720 --> 00:10:46,870 Já. 239 00:10:46,870 --> 00:10:49,286 >> Áhorfendur: embellishments og efni, eins og hvernig á að hanna það. 240 00:10:49,286 --> 00:10:51,769 241 00:10:51,769 --> 00:10:52,810 DAVID J. MALAN: OK, gott. 242 00:10:52,810 --> 00:10:55,420 Embellishments sem leyfa þér að hanna það eða stylize það 243 00:10:55,420 --> 00:10:59,540 með hluti eins feitletrað og skáletrun og liti og einnig fleiri fínn 244 00:10:59,540 --> 00:11:01,330 grained staðsetning þætti. 245 00:11:01,330 --> 00:11:04,520 Það leyfir konar þú tekur hlutina síðast míla þannig að ef, til dæmis, 246 00:11:04,520 --> 00:11:08,130 í Pset7, þú gætir hafa tekið eftir á þinn eigu síðu ef þú ert á þessum tímapunkti 247 00:11:08,130 --> 00:11:12,270 þegar að borðið sjálfgefið að þú gera að sýna lager eignarhlut notanda 248 00:11:12,270 --> 00:11:15,740 og reiðufé lítur sennilega nokkuð hideous sjálfgefið án hvítt rúm. 249 00:11:15,740 --> 00:11:18,420 Konar Allt er á crammed saman í raðir og dálka. 250 00:11:18,420 --> 00:11:20,662 >> Jæja, með smá CSS, eins og þú getur átta sig, 251 00:11:20,662 --> 00:11:23,870 þú getur raunverulega klip það og gera það eitthvað miklu meira þekki og margt 252 00:11:23,870 --> 00:11:24,870 fallegri að horfa á. 253 00:11:24,870 --> 00:11:27,730 Svo CSS um stylization vefsíður. 254 00:11:27,730 --> 00:11:31,970 En þá erum við kynnt enn annar tungumál, PHP, sem leyfir okkur að gera hvað? 255 00:11:31,970 --> 00:11:36,400 256 00:11:36,400 --> 00:11:37,590 >> Við skulum gera bara hvað? 257 00:11:37,590 --> 00:11:38,177 Einhver. 258 00:11:38,177 --> 00:11:40,010 Got að hættuspil út fyrstu tveimur línum. 259 00:11:40,010 --> 00:11:40,260 Já. 260 00:11:40,260 --> 00:11:41,719 >> Áhorfendur: Mynda dynamic innihald. 261 00:11:41,719 --> 00:11:42,718 DAVID J. MALAN: Perfect. 262 00:11:42,718 --> 00:11:43,850 Mynda dynamic innihald. 263 00:11:43,850 --> 00:11:45,808 Og þú getur gert þetta í allir tala um tungumálum. 264 00:11:45,808 --> 00:11:50,120 Við verður að nota PHP því það er hluta svo svipað C setningafræði. 265 00:11:50,120 --> 00:11:52,000 >> En PHP er einmitt það. 266 00:11:52,000 --> 00:11:54,620 Það leyfir þér að mynda virk framleiðsla. 267 00:11:54,620 --> 00:11:57,890 Og nokkru af framleiðsla gæti verið HTML, eins og við höfum yfirleitt verið að gera. 268 00:11:57,890 --> 00:12:00,160 Og það er líka, vegna þess að það er forritunarmál, er 269 00:12:00,160 --> 00:12:03,240 Orsakir stöðvarinnar sem við getum talað við gagnagrunna. 270 00:12:03,240 --> 00:12:05,730 >> Og við getum gert fyrirspurnir til öðrum þjónum eins Yahoos 271 00:12:05,730 --> 00:12:08,660 og kerfisbundið að gera neitt virkilega að þú gætir annars 272 00:12:08,660 --> 00:12:10,400 langar til þess að neyða tölvu að gera. 273 00:12:10,400 --> 00:12:13,580 Svo PHP leyfir okkur að byrja virk outputting efni. 274 00:12:13,580 --> 00:12:16,900 Svo með þessari rökfræði, gerði ég ekki hafa a dynamic website aftur árið 1998. 275 00:12:16,900 --> 00:12:18,460 >> Það var bara truflanir vefsíðu. 276 00:12:18,460 --> 00:12:22,250 Mínum varð að breyta með handvirkt með gedit eða einhverjum samsvarandi. 277 00:12:22,250 --> 00:12:25,290 En PHP er það sem við notuðum eða hefði getað notað, heldur 278 00:12:25,290 --> 00:12:27,260 fyrir eitthvað eins og Frosh Spjallboð website, sem 279 00:12:27,260 --> 00:12:31,160 átti að taka skráningar og stjórna lista af hlutum users-- sem 280 00:12:31,160 --> 00:12:33,550 eru í raun að breyta yfir tíma, jafnvel þó að við gerast 281 00:12:33,550 --> 00:12:35,990 að nota Perl, annað tungumál á þeim tíma. 282 00:12:35,990 --> 00:12:40,350 >> Og svo loks, kynnti við SQL-- Structured Query Language. 283 00:12:40,350 --> 00:12:43,845 Svo enn annar tungumál sem er notað fyrir hvað? 284 00:12:43,845 --> 00:12:46,660 285 00:12:46,660 --> 00:12:47,639 Notað fyrir hvað? 286 00:12:47,639 --> 00:12:49,430 Getum við hættuspil slight-- OK, við erum ekki að fara 287 00:12:49,430 --> 00:12:51,263 að fá miklu lengra en hljómsveit hér. 288 00:12:51,263 --> 00:12:53,432 Áhorfendur: Það er siðareglur notað til að tala við gagnagrunna. 289 00:12:53,432 --> 00:12:55,640 DAVID J. MALAN: A siðareglur notað til að tala við gagnagrunna. 290 00:12:55,640 --> 00:12:56,181 Leyfðu mér klip. 291 00:12:56,181 --> 00:12:59,280 Það er eðlilegt tungumál er notað að tala við databases-- Velur 292 00:12:59,280 --> 00:13:01,280 og sett inn og eytt og endurnýja og í raun 293 00:13:01,280 --> 00:13:03,840 jafnvel fleiri aðgerðir sem við höfum ekki einu kafa 294 00:13:03,840 --> 00:13:07,920 inn en þú gætir viljað explore-- hafa til að kanna fyrir, segjum, lokaverkefni. 295 00:13:07,920 --> 00:13:09,560 Þannig að það eru þessi mismunandi stykki. 296 00:13:09,560 --> 00:13:13,100 >> Og vonandi Pset7, jafnvel þó skilgreining þess er alveg löng, 297 00:13:13,100 --> 00:13:15,990 það er vísvitandi lengi að ganga í í gegnum hvernig þetta getur allt 298 00:13:15,990 --> 00:13:17,210 vera slegin saman. 299 00:13:17,210 --> 00:13:20,300 Nú, á mánudag, við kynnt á síðasta okkar tungumál 300 00:13:20,300 --> 00:13:23,430 að við munum formlega kynna í að course-- sem er, JavaScript. 301 00:13:23,430 --> 00:13:25,720 Þetta, eins og PHP, er túlkað tungumál. 302 00:13:25,720 --> 00:13:28,110 >> En lykillinn greinarmun Ég lagði á mánudag 303 00:13:28,110 --> 00:13:32,730 er að en PHP er framkvæmd eða að túlka á miðlara, sem 304 00:13:32,730 --> 00:13:35,990 í þessu tilfelli er CS50 tæki, eða gæti verið einhver auglýsing vefur 305 00:13:35,990 --> 00:13:39,370 miðlara á netinu, JavaScript almennt 306 00:13:39,370 --> 00:13:43,650 er tungumál sem keyrir viðskiptavinur hlið ekki miðlara side-- svo í vafranum. 307 00:13:43,650 --> 00:13:46,970 Hver er að segja, alveg eins og þegar ég opnaði upp Facebook kóðann og finna allt 308 00:13:46,970 --> 00:13:51,510 þessara .js skrár, The vísbendingu var að þegar þú heimsækir Facebook eða flest 309 00:13:51,510 --> 00:13:54,810 vefsíður þessa dagana, þú færð ekki bara HTML, ekki aðeins CSS, 310 00:13:54,810 --> 00:13:59,370 en a heild búnt af JavaScript númer oft í formi .js skrá. 311 00:13:59,370 --> 00:14:03,970 Og þá er það browser-- þitt eigið Mac eða Einkatölva sem keyrir kóðann. 312 00:14:03,970 --> 00:14:05,990 >> En vafrinn þinn keyrir það. 313 00:14:05,990 --> 00:14:08,070 Hægt er að hugsa í konar sandkassa. 314 00:14:08,070 --> 00:14:12,420 Svo að JavaScript kóða ætti ekki að vera fær um að eyða skrá á tölvunni þinni. 315 00:14:12,420 --> 00:14:14,730 Það ætti ekki að vera fær um að senda tölvupóst fyrir þína hönd. 316 00:14:14,730 --> 00:14:17,760 Vafrinn þinn konar takmarkar hvað þú getur gert við það. 317 00:14:17,760 --> 00:14:20,630 >> Þannig að í þeim skilningi, það er a lítill minna öflugur, kannski, en C. 318 00:14:20,630 --> 00:14:24,030 En JavaScript getur, eins og að hliðar, hægt að nota á þjóninum, 319 00:14:24,030 --> 00:14:27,740 þó að við munum hafa tilhneigingu til að tala um það í því samhengi. 320 00:14:27,740 --> 00:14:29,740 Svo nú skulum binda þetta saman. 321 00:14:29,740 --> 00:14:34,000 A viku plús síðan, kynnt við nokkur HTML á left-- frábær leiðinlegt vefsíðu. 322 00:14:34,000 --> 00:14:35,000 >> Bara segir halló heimur. 323 00:14:35,000 --> 00:14:38,110 Og svo ég lagði á rétt við getum konar stela hugmyndum 324 00:14:38,110 --> 00:14:41,470 frá umræðu okkar um mannvirki gögn í C 325 00:14:41,470 --> 00:14:45,270 og hugsa um hvernig þetta stigveldis Markup tungumál á vinstri 326 00:14:45,270 --> 00:14:49,720 mætti ​​draga eða framkvæmd í minni sem raunveruleg tré uppbyggingu með tengipunkta 327 00:14:49,720 --> 00:14:51,400 og ábendingum og þeir konar upplýsingar. 328 00:14:51,400 --> 00:14:53,820 Á hægri, við köllum að a DOM-- Document 329 00:14:53,820 --> 00:14:56,800 Object Model-- sem er bara fínt leið til að segja tré. 330 00:14:56,800 --> 00:14:59,520 >> Nú, hvers vegna er þetta gagnlegt að hugsa um það á þennan hátt? 331 00:14:59,520 --> 00:15:01,680 Vegna þess að nú með JavaScript, vegna þess að við höfum 332 00:15:01,680 --> 00:15:05,810 kóða sem fær að spila í þessu Umhverfi, raunverulegt HTML sem er 333 00:15:05,810 --> 00:15:08,360 verið send til vafra nú þegar og hefur nú þegar 334 00:15:08,360 --> 00:15:12,690 verið hlaðinn inn í minni af því vafra í tré í Computer þíns 335 00:15:12,690 --> 00:15:18,270 RAM eins og þetta, sem við getum notað JavaScript að raunverulega fara eða ganga eða leita 336 00:15:18,270 --> 00:15:21,800 eða breyta því DOM tré þó við viljum. 337 00:15:21,800 --> 00:15:24,040 Svo í raun, ef þú heldur um facebook.com, 338 00:15:24,040 --> 00:15:27,660 ef þú ert að nota spjall lögun, ef þú Notkun Gmail og Gchat lögun, 339 00:15:27,660 --> 00:15:30,540 eitthvað þar sem þú ert skilaboðum aftur og aftur 340 00:15:30,540 --> 00:15:35,880 og aftur, eru þessi skilaboð sennilega, eins, LI tag, List Item tags, kannski. 341 00:15:35,880 --> 00:15:37,940 >> Eða kannski þeir eru bara Divs sem halda birtast 342 00:15:37,940 --> 00:15:39,770 hvert skipti sem þú færð augnablik skilaboð. 343 00:15:39,770 --> 00:15:42,960 Og svo sem bara þýðir hvað Facebook eða Google er að gera 344 00:15:42,960 --> 00:15:45,200 er hvenær þú færð skilaboð frá þjóninum, 345 00:15:45,200 --> 00:15:48,740 þeir eru sennilega að nota JavaScript bara bæta við öðru hnút 346 00:15:48,740 --> 00:15:52,700 þessu tree-- annan hnút við þessu tré, sem þá sjónrænt bara útlit 347 00:15:52,700 --> 00:15:54,570 eins og ný lína af texta á skjánum. 348 00:15:54,570 --> 00:15:57,100 En þeir eru að setja í þessum gögnum uppbyggingu. 349 00:15:57,100 --> 00:15:59,742 >> Svo í flokkum eins CS124 og aðrir, þú munt 350 00:15:59,742 --> 00:16:02,200 raun skrifa fleiri kóða gegn mannvirki gögn svona. 351 00:16:02,200 --> 00:16:04,310 En nú í JavaScript, við munum bara gera ráð 352 00:16:04,310 --> 00:16:07,920 Við fáum öll þessa virkni ókeypis frá tungumálinu sjálfu. 353 00:16:07,920 --> 00:16:09,210 Svo skulum líta á dæmi. 354 00:16:09,210 --> 00:16:13,120 >> Leyfðu mér að opna skrá sem kallast form.html. 355 00:16:13,120 --> 00:16:14,601 Það er frábær einfalt. 356 00:16:14,601 --> 00:16:15,600 Það lítur út eins og þetta. 357 00:16:15,600 --> 00:16:17,860 >> No CSS, engin hugsun á fagurfræði. 358 00:16:17,860 --> 00:16:19,810 Það er eingöngu hagnýtur og virðist ég 359 00:16:19,810 --> 00:16:24,000 biðja um tölvupóst og lykilorð, lykilorð aftur, og þá stöðva 360 00:16:24,000 --> 00:16:26,150 að samþykkja að nokkur hugtök og skilyrði. 361 00:16:26,150 --> 00:16:28,740 Hvað kóðinn fyrir þetta lítur út eins og er sennilega eitthvað 362 00:16:28,740 --> 00:16:31,030 þú might giska með smá hugsun núna. 363 00:16:31,030 --> 00:16:32,840 Ég hef fengið mynd tag hér. 364 00:16:32,840 --> 00:16:36,190 >> Aðgerð er greinilega að fara að fara á skrá sem heitir register.php. 365 00:16:36,190 --> 00:16:37,870 Aðferðin sem ég ætla að nota er að fá. 366 00:16:37,870 --> 00:16:40,880 Og þá hef ég fengið texta reit sem heitir tölvupóstur. 367 00:16:40,880 --> 00:16:43,340 >> Ég hef fengið password reitinn er nafn hans lykilorð. 368 00:16:43,340 --> 00:16:45,420 Ég hef fengið annað lykilorð sviði sem nafn 369 00:16:45,420 --> 00:16:47,342 er nokkuð geðþótta staðfesting. 370 00:16:47,342 --> 00:16:49,690 Það er bara annað HTTP breytu. 371 00:16:49,690 --> 00:16:54,430 >> Og þá erum við að við höfum ekki notað þetta nema þar sem Frosh Spjallboð demo í class-- 372 00:16:54,430 --> 00:16:56,692 kassann sem er bara tegund jafngildir stöðva. 373 00:16:56,692 --> 00:16:57,900 Og ég ætla að kalla samninginn. 374 00:16:57,900 --> 00:17:00,700 Svo ég hef svona geðþótta en þægilega heitir þessum sviðum. 375 00:17:00,700 --> 00:17:03,450 Svo að nú þegar þessi mynd fær lögð, við skulum sjá hvað gerist. 376 00:17:03,450 --> 00:17:07,290 Ef ég malan@harvard.edu, Ég gera lykilorð Crimson. 377 00:17:07,290 --> 00:17:09,530 Ég skal gera lykilorð af engu. 378 00:17:09,530 --> 00:17:10,910 Við skulum ekki vinna. 379 00:17:10,910 --> 00:17:12,280 >> Og ég mun ekki stöðva the kassi. 380 00:17:12,280 --> 00:17:13,940 Leyfðu mér að smella Register. 381 00:17:13,940 --> 00:17:15,420 Og það segir, HM, þú ert skráð. 382 00:17:15,420 --> 00:17:16,069 Ekki í raun. 383 00:17:16,069 --> 00:17:17,450 >> En slóðin breyttist. 384 00:17:17,450 --> 00:17:22,280 Þannig að þetta mynd var greinilega leyft að leggja til register.php. 385 00:17:22,280 --> 00:17:25,160 En væntanlega ætti ég að vera smitandi sumar af þessum villum. 386 00:17:25,160 --> 00:17:27,569 Nú, í Pset7 og sumir fyrirlestursins dæmi okkar, 387 00:17:27,569 --> 00:17:30,130 við myndum almennt prenta út stór rauður villuboð hér 388 00:17:30,130 --> 00:17:33,760 segja, vantar nafn, eða vantar lykilorð. 389 00:17:33,760 --> 00:17:37,680 Við höfum gert það áður og við höfum gert framreiðslumaður hlið villa uppgötvun. 390 00:17:37,680 --> 00:17:41,580 >> En margir vefsíður þessa dagana gera viðskiptavinur hlið villa uppgötvun 391 00:17:41,580 --> 00:17:42,810 þar sem URL breytist ekki. 392 00:17:42,810 --> 00:17:44,101 Allt síðan er ekki hressa. 393 00:17:44,101 --> 00:17:46,940 Þú færð augnablik endurgjöf úr vafranum. 394 00:17:46,940 --> 00:17:48,070 Kannski fer eitthvað rautt. 395 00:17:48,070 --> 00:17:49,190 >> Kannski þú færð að skjóta upp kollinum. 396 00:17:49,190 --> 00:17:53,240 En þú sóa tíma að senda til þjóninum gögn sem er ófullnægjandi. 397 00:17:53,240 --> 00:17:56,050 Svo skulum sjá hvernig við gætum ná að lögun eins og heilbrigður. 398 00:17:56,050 --> 00:17:59,660 >> Leyfðu mér að fara að form1.html, sem lítur sama. 399 00:17:59,660 --> 00:18:03,530 En ef þetta skipti sem ég gera malan@harvard.edu og ég pikka Crimson 400 00:18:03,530 --> 00:18:07,350 og ég vinna ekki frekar en smelltu Register, taka núna. 401 00:18:07,350 --> 00:18:08,940 Það er ekki kynjamisrétti lausnin. 402 00:18:08,940 --> 00:18:10,900 Ég hef að minnsta kosti lent þessa villu. 403 00:18:10,900 --> 00:18:12,900 Og ég hef notað viðvörun virka í Javascript-- 404 00:18:12,900 --> 00:18:14,090 sem við erum bara að nota í bekknum. 405 00:18:14,090 --> 00:18:16,430 Almennt, ættir þú ekki að nota þetta því það getur mjög fljótt að fá út 406 00:18:16,430 --> 00:18:17,160 böndunum. 407 00:18:17,160 --> 00:18:19,180 En Lykilorðin passa ekki er villa. 408 00:18:19,180 --> 00:18:21,120 >> Leyfðu mér að fara á undan og smelltu á OK. 409 00:18:21,120 --> 00:18:25,040 En hvað lykillinn takeaway hér er að vefslóðin breyttist ekki. 410 00:18:25,040 --> 00:18:27,960 Þannig að ég hef ekki nenni eyðileggjandi tími miðlarans spyrja hana 411 00:18:27,960 --> 00:18:30,750 spurning að ég gæti hafa mynstrağur út svarið til mín. 412 00:18:30,750 --> 00:18:33,210 >> Og notandinn, jafnvel þótt verið að tala um þetta 413 00:18:33,210 --> 00:18:35,264 lengur en notanda fara að hugsa um þetta, 414 00:18:35,264 --> 00:18:36,680 er að fara að hafa augnablik viðbrögð. 415 00:18:36,680 --> 00:18:39,044 Það er engin leynd með net tengsl. 416 00:18:39,044 --> 00:18:40,460 Svo skulum líta á þetta uppspretta merkjamál. 417 00:18:40,460 --> 00:18:45,600 >> Form1.html útlit sambærileg upp hér. 418 00:18:45,600 --> 00:18:46,810 Eyðublaðið er í raun það sama. 419 00:18:46,810 --> 00:18:48,330 En við skulum sjá hvað ég gerði hérna. 420 00:18:48,330 --> 00:18:49,913 Og það er mismunandi leiðir til að gera þetta. 421 00:18:49,913 --> 00:18:53,690 Og ég hef gert mest beint fylgismaður en ekki flest glæsilegur vegur enn. 422 00:18:53,690 --> 00:18:54,869 Ég er með handrit tag. 423 00:18:54,869 --> 00:18:57,035 Ég kalla þá document.getElementByID ('skráning'). 424 00:18:57,035 --> 00:19:00,090 425 00:19:00,090 --> 00:19:04,420 Og ég að geyma þetta gildi í formi, breytilegt. 426 00:19:04,420 --> 00:19:05,520 >> Svo hvað hef ég gert? 427 00:19:05,520 --> 00:19:08,960 Þú getur hugsað document.getElementByID eins og að vera 428 00:19:08,960 --> 00:19:11,200 sérstakt fall sem JavaScript gefur þér 429 00:19:11,200 --> 00:19:14,400 sem bókstaflega hendur þér bendi til einn af hnúður 430 00:19:14,400 --> 00:19:16,520 eða ferhyrninga í þessu tré. 431 00:19:16,520 --> 00:19:21,470 Svo er nú það sem mynd breytu okkar JavaScript er í raun að benda á. 432 00:19:21,470 --> 00:19:25,120 >> Svo nú er setningafræði frábrugðin C. En við erum að gera nokkra hluti hér. 433 00:19:25,120 --> 00:19:30,360 Einn, þetta er svolítið skrítið útlit, vissulega móti C. 434 00:19:30,360 --> 00:19:32,180 En líta á línu 35. 435 00:19:32,180 --> 00:19:35,130 Svo á vinstri form.onsubmit. 436 00:19:35,130 --> 00:19:38,060 Muna að onsubmit er eins sviði í strúktúrinn. 437 00:19:38,060 --> 00:19:41,480 Ef þú heldur á forminu breytu er bara að vera C strúktúr, 438 00:19:41,480 --> 00:19:42,600 það gæti hafa sumir sviðum. 439 00:19:42,600 --> 00:19:46,410 >> Til baka í dag, við höfðum nemendur nöfn, Auðkenni, hús, þeir konar sviðum. 440 00:19:46,410 --> 00:19:48,520 Hugsa bara um onsubmit sem annar sviði. 441 00:19:48,520 --> 00:19:53,380 En það er sérstakt sviði vegna þess að vafrinn er forritað að búast 442 00:19:53,380 --> 00:19:57,530 .onsubmit að ekki vera tala eins fjölda eða band, 443 00:19:57,530 --> 00:20:01,180 en í raun vera fall eða heimilisfang fall 444 00:20:01,180 --> 00:20:02,570 í minni tölvunnar. 445 00:20:02,570 --> 00:20:04,740 >> Og reyndar, það er það þetta leitarorð hér gerir. 446 00:20:04,740 --> 00:20:06,710 Þetta segir, gefa mér nýtt hlutverk. 447 00:20:06,710 --> 00:20:09,390 En hvað er nafn hennar fara að vera, virðist? 448 00:20:09,390 --> 00:20:10,800 >> Hugsun aftur til mánudags. 449 00:20:10,800 --> 00:20:13,430 450 00:20:13,430 --> 00:20:17,170 Hvað er nafnið á þessu virka byggt á þessari setningagerð? 451 00:20:17,170 --> 00:20:19,784 Nei, ég meina, það er greinilega ekkert nafn associated-- vissulega 452 00:20:19,784 --> 00:20:21,200 ekki í það sem ég hef tilgreindir hér. 453 00:20:21,200 --> 00:20:22,560 >> En það er í raun í lagi. 454 00:20:22,560 --> 00:20:25,840 Þetta er nafnlaus virka, eða lambda virka eins og sumir gætu kallað það. 455 00:20:25,840 --> 00:20:27,589 Og það bara þýðir það er samt að virka. 456 00:20:27,589 --> 00:20:29,400 Það er bara, þú getur ekki kalla það með nafni. 457 00:20:29,400 --> 00:20:30,057 En það er allt í lagi. 458 00:20:30,057 --> 00:20:33,140 Því aftur, vafrinn hefur verið forritað með því að fyrirtæki eins og Google 459 00:20:33,140 --> 00:20:38,540 eða Microsoft eða Mozilla eða fleirum til bara veit að ef .onsubmit sviði 460 00:20:38,540 --> 00:20:43,400 inni af a mynd þáttur hefur gildi, meðhöndla það eins og a function-- 461 00:20:43,400 --> 00:20:44,750 fall músina, ef þú vilt. 462 00:20:44,750 --> 00:20:46,910 Og kalla það þegar mynd er send inn. 463 00:20:46,910 --> 00:20:50,350 >> Svo hvaða kóða ætti að framkvæma þegar mynd er send inn? 464 00:20:50,350 --> 00:20:52,526 Apparently, allt inni á hrokkið Brace. 465 00:20:52,526 --> 00:20:53,650 Og þetta er bara stylistic. 466 00:20:53,650 --> 00:20:55,626 >> Þú gætir gert þetta eins Við hafa tilhneigingu til að gera í CS50. 467 00:20:55,626 --> 00:20:58,250 En í JavaScript, flestir hafa tilhneigingu til að halda henni á sömu línu 468 00:20:58,250 --> 00:21:01,960 bara vegna þess að það er meira greinilega tengdur þeim leitarorð virka. 469 00:21:01,960 --> 00:21:03,240 Svo nú hvað er ég að gera? 470 00:21:03,240 --> 00:21:08,616 >> Ef form.email.value jafnt jafn tóman streng eða ekkert, hér er 471 00:21:08,616 --> 00:21:11,490 viðvörun þar sem ég ætla að segja, þú verður að gefa netfangið þitt, 472 00:21:11,490 --> 00:21:12,690 og síðan aftur falskur. 473 00:21:12,690 --> 00:21:15,720 Og það er það return false sem veg formið frá því að vera lögð. 474 00:21:15,720 --> 00:21:19,480 Á sama tíma, ef lykilorðið gildi er auður, ég ætla að æpa á notanda 475 00:21:19,480 --> 00:21:21,150 og segja, þú verður að gefa upp lykilorð. 476 00:21:21,150 --> 00:21:23,700 >> Meðan hlutirnir eru að fá smá áhugamaður hér. 477 00:21:23,700 --> 00:21:29,160 Ef form.password.value ekki jafnt form.confirmation.value, 478 00:21:29,160 --> 00:21:31,680 á öðru sviði, æpa á notanda um að lykilorð 479 00:21:31,680 --> 00:21:33,860 passa ekki eins og þeir gerði ekki augnabliki síðan. 480 00:21:33,860 --> 00:21:35,780 Og þá er þetta einn a lítið sexier því I 481 00:21:35,780 --> 00:21:40,470 veit ég vissi hugmyndalega að merkt er nafn kassann er. 482 00:21:40,470 --> 00:21:45,680 >> Svo ég get bara notað upphrópunarmerki benda til segja ef stöðva er ekki 483 00:21:45,680 --> 00:21:48,040 checked-- það er Boole gildi, satt eða false-- 484 00:21:48,040 --> 00:21:49,700 Ég æpa á notanda af þeim sökum. 485 00:21:49,700 --> 00:21:52,300 Annars, ef við fáum í gegnum allar þessar aðstæður, 486 00:21:52,300 --> 00:21:53,270 skulum aftur bara satt. 487 00:21:53,270 --> 00:21:54,700 Láttu mynd fylgja umsókn. 488 00:21:54,700 --> 00:21:56,560 Og þetta mun þá gerast. 489 00:21:56,560 --> 00:21:57,740 >> Skulum slá í Crimson. 490 00:21:57,740 --> 00:22:00,230 Skulum athuga kassann, smelltu Register. 491 00:22:00,230 --> 00:22:01,979 Og nú er ég að fara í gegnum til áfangastaðar. 492 00:22:01,979 --> 00:22:03,270 Nú, það er engin gagnagrunnur þar. 493 00:22:03,270 --> 00:22:05,370 Það er ekkert áhugavert í register.php. 494 00:22:05,370 --> 00:22:07,980 Ég þurfti bara eitthvað að raunverulega tala við. 495 00:22:07,980 --> 00:22:09,140 Svo láta mig hlé, hér. 496 00:22:09,140 --> 00:22:16,270 Einhverjar spurningar um það sem við höfum bara gert eða það sem sumir af þessum nýja setningafræði er? 497 00:22:16,270 --> 00:22:17,640 OK, já? 498 00:22:17,640 --> 00:22:20,025 >> Áhorfendur: Svo allir gátreitinn er sjálfkrafa Boole. 499 00:22:20,025 --> 00:22:21,650 Þú þarft ekki að lýsa henni svona. 500 00:22:21,650 --> 00:22:22,649 >> DAVID J. MALAN: Rétt. 501 00:22:22,649 --> 00:22:29,340 Allir kassann sem er sent til þín frá HTML formi JavaScript kóðann þinn 502 00:22:29,340 --> 00:22:31,760 verður að meðhöndla, já, eins og a Boolean value-- satt eða ósatt. 503 00:22:31,760 --> 00:22:32,635 Það er góð spurning. 504 00:22:32,635 --> 00:22:36,080 En önnur gildi, af Auðvitað hafa verið texta, AKA strengi. 505 00:22:36,080 --> 00:22:38,500 >> Allt í lagi, þannig að við skulum mig baka aðeins lengra. 506 00:22:38,500 --> 00:22:39,900 Hvað var allt lið af þessu? 507 00:22:39,900 --> 00:22:41,400 Bara til að vera skýr. 508 00:22:41,400 --> 00:22:44,940 Eins vitum við nú þegar, jafnvel frá Pset7 og jafnvel frá síðustu viku fyrirlestur 509 00:22:44,940 --> 00:22:51,120 dæmi, sem við getum augljóslega athuga $ _GET $ _POST Sjá ef notandinn gefur okkur 510 00:22:51,120 --> 00:22:52,200 tómt gildi. 511 00:22:52,200 --> 00:22:54,400 Mundu tóma fall í PHP. 512 00:22:54,400 --> 00:22:58,040 >> Svo bara að vera ljóst, hvað er ein ástæða getur verið að við 513 00:22:58,040 --> 00:23:00,535 langar til að gera þetta villuprófun inni í vafranum? 514 00:23:00,535 --> 00:23:03,350 515 00:23:03,350 --> 00:23:06,080 Hvað er hvatning hér? 516 00:23:06,080 --> 00:23:06,580 Já. 517 00:23:06,580 --> 00:23:09,735 >> Áhorfendur: Festa, og þú þarft ekki senda gagnslaus gögn til the framreiðslumaður. 518 00:23:09,735 --> 00:23:10,610 DAVID J. MALAN: Good. 519 00:23:10,610 --> 00:23:11,170 Það er fljótlegra. 520 00:23:11,170 --> 00:23:12,920 Þú sendir ekki gagnslaus gögn til the framreiðslumaður. 521 00:23:12,920 --> 00:23:14,670 >> Þannig að þú færð til baka a fleiri strax svar. 522 00:23:14,670 --> 00:23:16,560 Og í heild, sem notandinn reynsla er betri. 523 00:23:16,560 --> 00:23:17,900 Hugsaðu um val. 524 00:23:17,900 --> 00:23:21,160 >> Ef fyrir Gmail-- og var málið fyrir mörgum árum. 525 00:23:21,160 --> 00:23:24,160 Segjum að þú fengið nýtt email Gmail reikning, en eina leiðin í gegnum 526 00:23:24,160 --> 00:23:26,510 að sjá það er að, eins og, endurhlaða alla síðuna. 527 00:23:26,510 --> 00:23:29,030 Eða hvaða þú smellir á tengill að lesa tölvupóst. 528 00:23:29,030 --> 00:23:31,600 >> Allt þarf að endurhlaða svo að þú getur séð póstinn. 529 00:23:31,600 --> 00:23:33,380 Eða Facebook-- þú færð spjallskilaboð. 530 00:23:33,380 --> 00:23:36,000 Þú sérð það ekki fyrr en þú endurhlaða síðunni eða smella sumir tengil. 531 00:23:36,000 --> 00:23:38,380 >> Eins og þetta væri afskaplega pirrandi notandi reynsla. 532 00:23:38,380 --> 00:23:41,300 Og þetta er það sem það var eins, greinilega, til baka þegar ég hljóp fyrir UC 533 00:23:41,300 --> 00:23:44,760 og vefur var mun minna dynamic og JavaScript var ekki eins útbreiðslu 534 00:23:44,760 --> 00:23:45,601 eins og það er nú. 535 00:23:45,601 --> 00:23:47,850 Og hlutirnir eru að fá mikið meira dynamic og margt fleira 536 00:23:47,850 --> 00:23:49,900 viðskiptavinur hlið í þeim skilningi. 537 00:23:49,900 --> 00:23:54,370 >> En það er a grípa hér, og Þetta er góður af pirrandi Gotcha. 538 00:23:54,370 --> 00:23:58,720 Bara vegna þess að þú bæta viðskiptavinur hlið uppgötvun svona þýðir ekki 539 00:23:58,720 --> 00:24:01,430 þú getur eða ætti að yfirgefa framreiðslumaður hlið uppgötvun. 540 00:24:01,430 --> 00:24:04,080 Þú vilt í raun að setja þinn villuprófun á báðum stöðum. 541 00:24:04,080 --> 00:24:05,830 Vegna þess að það var eitt lexíu lært 542 00:24:05,830 --> 00:24:10,270 úr greininni sem ég las nokkur brot úr með þetta heimskur CMS system-- 543 00:24:10,270 --> 00:24:14,410 Content Management System-- sem var framkvæmd staðfesting kerfi, 544 00:24:14,410 --> 00:24:16,790 innskráning hennar í gegnum hvaða kerfi? 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 >> Áhorfendur: JavaScript. 548 00:24:21,499 --> 00:24:23,290 DAVID J. MALAN: JavaScript, nákvæmlega, ekki satt? 549 00:24:23,290 --> 00:24:24,610 Það var að nota JavaScript. 550 00:24:24,610 --> 00:24:27,120 Og bókstaflega, hafa þig krakkar spilaði smá sennilega 551 00:24:27,120 --> 00:24:28,700 með Eftirlitsmaður Króm. 552 00:24:28,700 --> 00:24:30,890 Og ef ég get fundið það, skoða frumefni. 553 00:24:30,890 --> 00:24:33,670 >> Leyfðu mér að fara yfir til að gera alla möguleika Króm. 554 00:24:33,670 --> 00:24:37,080 Og þetta er hversu auðvelt það er að slökkva Javascript í vafranum. 555 00:24:37,080 --> 00:24:38,950 Athuga, ekki fleiri JavaScript. 556 00:24:38,950 --> 00:24:41,070 >> Svo í sanngirni, a einhver fjöldi af vefnum þessa dagana 557 00:24:41,070 --> 00:24:43,430 er bara að fara að brjóta af því Gmail og aðrar sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- ráð fyrir að JavaScript er virkt. 559 00:24:46,140 --> 00:24:50,180 En ef þú ert að gera eitthvað heimskulegt eins og eini staðfesta Notendur inntak 560 00:24:50,180 --> 00:24:52,520 og stöðva það fyrir villur á viðskiptavinur hlið, 561 00:24:52,520 --> 00:24:54,940 mótstöðumaður gæti auðveldlega gert þetta. 562 00:24:54,940 --> 00:24:57,180 Og þá jafnvel betri Óvinur eins ykkur 563 00:24:57,180 --> 00:25:01,120 nú gæti nota Telnet eða Curl eða bara stjórn lína stjórn 564 00:25:01,120 --> 00:25:05,300 og í raun að senda skilaboð til the framreiðslumaður sem álíka eru ekki Villa köflóttur. 565 00:25:05,300 --> 00:25:08,380 >> Svo er þetta meira af notendaviðmót ákvörðun 566 00:25:08,380 --> 00:25:13,060 en það er í raun tæknilega improvement-- framkvæmd 567 00:25:13,060 --> 00:25:14,410 eitthvað viðskiptavinur hlið svona. 568 00:25:14,410 --> 00:25:16,800 Svo nú fljótur tillit, en þá Ég fresta til online göngu 569 00:25:16,800 --> 00:25:17,674 gegnum fyrir þessu. 570 00:25:17,674 --> 00:25:21,480 Í formi tveggja, fórum við í raun í gegnum og hreinsa upp kóðann svolítið. 571 00:25:21,480 --> 00:25:23,650 En láta mig fresta einni af the vídeó við munum líklega 572 00:25:23,650 --> 00:25:27,970 grafa í Pset8 sem bara sýnir þér svipað setningafræði með bókasafn kallast 573 00:25:27,970 --> 00:25:32,320 jQuery, sem er frábær, frábær vinsæll bókasafn í JavaScript 574 00:25:32,320 --> 00:25:34,510 að hreinskilnislega flestir bara nota þessa dagana 575 00:25:34,510 --> 00:25:37,070 og jafnvel rugla eins tilvera JavaScript sjálft. 576 00:25:37,070 --> 00:25:38,950 >> Og það hefur tilhneigingu til að fela í sér sumir dollara merki 577 00:25:38,950 --> 00:25:41,350 og leitarorð eins skjal í sviga hér. 578 00:25:41,350 --> 00:25:44,480 En aftur, láttu mig fresta að sumir hægari námskeið online 579 00:25:44,480 --> 00:25:46,750 frekar en að fá bundin upp í bara setningafræði. 580 00:25:46,750 --> 00:25:48,630 Skulum fara að eitthvað smá kælir 581 00:25:48,630 --> 00:25:50,520 hvað varðar umsókn um þetta. 582 00:25:50,520 --> 00:25:57,730 >> Svo einkum láta mig fara undan og opna upp þetta hér. 583 00:25:57,730 --> 00:25:58,340 Komdu. 584 00:25:58,340 --> 00:25:59,380 There við förum. 585 00:25:59,380 --> 00:26:01,500 >> Leyfðu mér að opna þessa mynd hér. 586 00:26:01,500 --> 00:26:03,450 Óþarflega flókið útlit, en það 587 00:26:03,450 --> 00:26:07,880 lýsir tækni sem nefnist AJAX-- Ósamstilltur JavaScript og XML, þar 588 00:26:07,880 --> 00:26:10,530 X fyrir XML er í raun ekki lengur í raun notað. 589 00:26:10,530 --> 00:26:13,430 Það hefur tilhneigingu til að nota eitthvað annars heitir JSON. 590 00:26:13,430 --> 00:26:16,560 >> En hér er hvernig eitthvað eins Google Maps eða Google Earth virkar. 591 00:26:16,560 --> 00:26:18,060 Skulum reyna þetta á flugu, reyndar. 592 00:26:18,060 --> 00:26:21,590 Leyfðu mér að fara á undan og opna upp Chrome á vafranum mínum. 593 00:26:21,590 --> 00:26:26,236 >> Og láta mig fara inn í, segja, maps.google.com. 594 00:26:26,236 --> 00:26:29,260 595 00:26:29,260 --> 00:26:31,930 Og í raun, ef þú ert gömul nóg að muna hvað, 596 00:26:31,930 --> 00:26:35,600 eins, MapQuest var eins aftur í dag, og kannski þeir vinna samt svona. 597 00:26:35,600 --> 00:26:38,870 Þegar þú notaðir til að leita að something-- 33 Oxford Street, Cambridge, Mass, 598 00:26:38,870 --> 00:26:40,650 skulum gera this-- þig myndi reyndar, ef þú 599 00:26:40,650 --> 00:26:43,000 vildi hliðra upp og niður, til vinstri og hægri, 600 00:26:43,000 --> 00:26:44,920 þú vildi líta út eins og a stór ör ofan, og það 601 00:26:44,920 --> 00:26:46,921 myndi sýna þér annað ramma af kortinu hér. 602 00:26:46,921 --> 00:26:49,753 Eða þú myndi smella til vinstri og þú myndi fara yfir hér, eða annar smellur 603 00:26:49,753 --> 00:26:51,000 og þú myndir fara yfir hérna. 604 00:26:51,000 --> 00:26:53,000 Heldur þetta daga, við auðvitað bara 605 00:26:53,000 --> 00:26:55,970 taka sem sjálfsögðum hlut að við getum farið kringum Cambridge ansi hratt 606 00:26:55,970 --> 00:26:57,550 bara með því að smella og draga. 607 00:26:57,550 --> 00:26:59,130 En taka það er sumir galli. 608 00:26:59,130 --> 00:27:02,160 >> Ef ég gera þetta nógu hratt, það virðist vera að gerast 609 00:27:02,160 --> 00:27:05,960 eins og ég draga aðeins of hratt fyrir the tölva til að halda upp? 610 00:27:05,960 --> 00:27:07,160 Hvað sérðu? 611 00:27:07,160 --> 00:27:07,660 Já. 612 00:27:07,660 --> 00:27:09,232 >> Áhorfendur: The punktar gera hressa ekki. 613 00:27:09,232 --> 00:27:10,940 DAVID J. MALAN: The dílar ekki hressa ekki. 614 00:27:10,940 --> 00:27:12,870 There er actually-- og þér gat séð þetta, í raun, 615 00:27:12,870 --> 00:27:15,360 Ef þú ert að horfa á netinu og hlé þetta eða reyndar hægir það niður 616 00:27:15,360 --> 00:27:18,600 fyrir once-- þú munt sjá að það eru flísar, ferninga eða rétthyrninga sem 617 00:27:18,600 --> 00:27:22,040 vantar úr kortinu þangað Eitt andartak síðar, fleiri gögn, 618 00:27:22,040 --> 00:27:24,390 Fleiri myndir í raun birtast á skjánum. 619 00:27:24,390 --> 00:27:29,810 Og í raun, ef við gerum þetta með því að leita upp Chrome's-- Segjum, Chrome-- 620 00:27:29,810 --> 00:27:30,310 skulum sjá. 621 00:27:30,310 --> 00:27:31,090 Við getum ekki gert það. 622 00:27:31,090 --> 00:27:31,860 >> Oh, Úpps. 623 00:27:31,860 --> 00:27:34,761 Skulum opna maps.google.com. 624 00:27:34,761 --> 00:27:36,660 Leyfðu mér að gera glugga stærra aftur. 625 00:27:36,660 --> 00:27:38,836 >> Fara aftur til 33. Oxford Street. 626 00:27:38,836 --> 00:27:42,010 627 00:27:42,010 --> 00:27:43,760 Hvað var vefsíða sem ég var á nýlega? 628 00:27:43,760 --> 00:27:46,440 Ég hafði þetta, eins og, persónulegur gífuryrði til sjálfur að ég myndi þá augnablik skilaboð 629 00:27:46,440 --> 00:27:48,470 allir vin sem var á netinu sem vildu heyra það. 630 00:27:48,470 --> 00:27:49,345 There 'sumir website. 631 00:27:49,345 --> 00:27:52,680 Ég held að það er Comcast-- svo mjög stór American ISP. 632 00:27:52,680 --> 00:27:56,355 Þú getur, þegar þú skráir þig fyrir nýja snúru mótald þjónustu eða kaðall TV þjónustu, 633 00:27:56,355 --> 00:27:59,230 þeir hafa mynd mjög sanngjörnu þar sem þeir biðja þig um heimilisfang þitt. 634 00:27:59,230 --> 00:28:01,450 Og hafa þetta ótrúlega lögun gestur farartæki heill, 635 00:28:01,450 --> 00:28:04,600 eins og Google, sem byrjar að fylla í svari við spurningu þinni. 636 00:28:04,600 --> 00:28:08,090 >> Vandamálið er, að þeir gera sjálfvirkt heill á því fyrsta sem þú skrifar. 637 00:28:08,090 --> 00:28:12,890 Þannig að ef þú byrjar að slá inn 33, það mun sýna þér bókstaflega hvert hús 638 00:28:12,890 --> 00:28:15,790 í Ameríku sem byrjar með númer 33 639 00:28:15,790 --> 00:28:17,920 en lengra er haldið við ætlast til að þú að slá meira. 640 00:28:17,920 --> 00:28:20,660 Þannig að ef þú skrifar 33 Oxford, þá sýnir það þér hverja götu 641 00:28:20,660 --> 00:28:24,726 í Ameríku sem hefur náð 33 Oxford í nafn þess, án tillits til þess í bænum 642 00:28:24,726 --> 00:28:25,350 að þú ert í. 643 00:28:25,350 --> 00:28:26,320 >> Og þá þú halda áfram að skrifa. 644 00:28:26,320 --> 00:28:28,930 Og að lokum, áttar það að þeir gera ekki bjóða þjónustu á heimili þínu í Cambridge 645 00:28:28,930 --> 00:28:29,920 eða eitthvað svoleiðis. 646 00:28:29,920 --> 00:28:33,410 En punkturinn er, þetta er mest asinine framkvæmd farartæki 647 00:28:33,410 --> 00:28:34,140 ljúka alltaf. 648 00:28:34,140 --> 00:28:36,400 >> Og ég ætla bara að fara burt á þessu snertils aftur. 649 00:28:36,400 --> 00:28:39,040 En það eru góðar leiðir til að nota JavaScript og slæmt leiðir. 650 00:28:39,040 --> 00:28:40,750 Og það er ekki endilega best. 651 00:28:40,750 --> 00:28:46,360 >> En punkturinn hér, áður en þetta tirade, var að opna verkfæri niður hér 652 00:28:46,360 --> 00:28:49,480 og opna verktaki verkfæri, eins og við höfum hvatt áður, 653 00:28:49,480 --> 00:28:52,840 og að horfa á Network flipann og ég smelli mjög hratt. 654 00:28:52,840 --> 00:28:55,400 Og eftir a heild búnt af fá beiðnir gerðist. 655 00:28:55,400 --> 00:28:57,310 Allt þetta gerðist þar sem ég dró. 656 00:28:57,310 --> 00:29:00,170 >> Og líklegast, örugglega a einhver fjöldi af þessum röðum 657 00:29:00,170 --> 00:29:04,060 nú eru mynd slash JPEG MIME tegundir eða tegundir efnis. 658 00:29:04,060 --> 00:29:07,750 Það er vegna þess að það króm er að gera hvert skipti sem ég smellið og dragið, smelltu 659 00:29:07,750 --> 00:29:11,650 og draga, er það er að átta sig á, ó, ég þarf að fara biðja Google fyrir flísar 660 00:29:11,650 --> 00:29:15,080 á kortinu sem er hérna, fljótt sækja það um HTTP, 661 00:29:15,080 --> 00:29:19,550 og þá bæta við það til the svo-gestur DOM til the vefur flettitæki í minni tré 662 00:29:19,550 --> 00:29:24,430 framsetning þannig að notandi, mig, sér að uppfærða flísar. 663 00:29:24,430 --> 00:29:26,795 Og þetta er vegna þess að a tækni sem nefnist AJAX. 664 00:29:26,795 --> 00:29:28,920 Aftur í dag, það virkilega var raunin að ef þú 665 00:29:28,920 --> 00:29:33,050 langaði að breyta því sem er á skjánum, þú þyrftir að smella upp, niður, til vinstri, 666 00:29:33,050 --> 00:29:33,550 rétt. 667 00:29:33,550 --> 00:29:34,740 Og þá ný síða myndi opna. 668 00:29:34,740 --> 00:29:36,531 En þessa dagana, allt er meira dynamic. 669 00:29:36,531 --> 00:29:40,490 Það gerist í the vegur við mennirnir myndu vona að það væri í raun gagnvirkt. 670 00:29:40,490 --> 00:29:43,210 Og það er gert með því vegur tækni sem nefnist 671 00:29:43,210 --> 00:29:46,170 AJAX, sem er kannski besta skýra með dæmi. 672 00:29:46,170 --> 00:29:49,730 First, láta mig fara á undan og opna skrá 673 00:29:49,730 --> 00:29:53,540 kallast quote.php í dreifingu kóða dag. 674 00:29:53,540 --> 00:29:56,200 >> Og þá láta mig gera symbol-- Úpps. 675 00:29:56,200 --> 00:30:02,399 Leyfðu mér að gera tákn = GOOG fyrir aðeins nokkurn lager. 676 00:30:02,399 --> 00:30:04,440 Eða reyndar, við skulum gera einn frá Pset Free. 677 00:30:04,440 --> 00:30:05,270 Enter. 678 00:30:05,270 --> 00:30:06,580 >> Og nú eftir því sem ég kem aftur. 679 00:30:06,580 --> 00:30:09,210 Þannig að þetta er í raun stutt PHP skrá sem ég 680 00:30:09,210 --> 00:30:13,210 skrifaði að einfaldlega láni kóða frá Pset7 er útlit virka 681 00:30:13,210 --> 00:30:17,830 og spits út með þetta hrokkið Brace og vitna og ristill merki, virðist, 682 00:30:17,830 --> 00:30:22,747 verð núverandi STOCK er fyrir fyrirtæki sem þú gefa í gegnum fá. 683 00:30:22,747 --> 00:30:24,580 Þannig að þetta er öðruvísi frá flestum sem við höfum 684 00:30:24,580 --> 00:30:26,496 gert í tilkynningunni sem ég er bókstaflega spúandi 685 00:30:26,496 --> 00:30:27,870 það lítur út eins JavaScript kóða. 686 00:30:27,870 --> 00:30:30,020 >> Í raun er þetta JavaScript mótmæla. 687 00:30:30,020 --> 00:30:34,130 Í raun, bara til að vera skýrari, JavaScript Object Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 er bara fínt leið til að segja að þú getur táknað gögn í JavaScript mikið 689 00:30:38,330 --> 00:30:41,660 eins og þú getur í PHP með lykill gildi pör. 690 00:30:41,660 --> 00:30:44,270 Svo ef ég vildi að lýsa breytu í JavaScript 691 00:30:44,270 --> 00:30:47,872 að táknar Zamyla, fyrir instance-- a strúktúr fyrir Zamyla-- 692 00:30:47,872 --> 00:30:49,580 og við munum kalla það nemandi, þessa breytu. 693 00:30:49,580 --> 00:30:53,060 ID hennar er einn, húsið er Winthrop, og nafn er Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> En ég get líka haft fjölda af hlutum. 695 00:30:55,490 --> 00:30:58,710 Svo ef ég vildi í raun að hafa fylki í JavaScript inniheldur 696 00:30:58,710 --> 00:31:01,740 margar slíkar hluti, þetta tími fulltrúi starfsfólks, 697 00:31:01,740 --> 00:31:04,910 Ég gæti hafa þessar þrjár klumpur af kóða aftur 698 00:31:04,910 --> 00:31:08,560 til baka til baka fyrir þessum Þrír fyrrum starfsmenn. 699 00:31:08,560 --> 00:31:12,201 Svo setningafræði, nokkuð svipað both-- á PHP. 700 00:31:12,201 --> 00:31:13,700 En þetta er sérstaklega JavaScript. 701 00:31:13,700 --> 00:31:15,940 Það er merki mótmæla. 702 00:31:15,940 --> 00:31:17,240 Svo er það þetta gagnlegt fyrir? 703 00:31:17,240 --> 00:31:21,580 >> Ef ég skrifa kóða sem spits út JSON-- JavaScript Object Notation-- efni sem 704 00:31:21,580 --> 00:31:24,670 lítur út eins og þetta eða efni sem lítur út eins og uppbyggingu Zamyla er, 705 00:31:24,670 --> 00:31:27,730 Ég get í raun notað þetta í áætlunum I skrifa. 706 00:31:27,730 --> 00:31:30,660 Leyfðu mér að fara að ajax0.html. 707 00:31:30,660 --> 00:31:33,310 Og þetta too-- ekki mikið hélt gefið fagurfræði. 708 00:31:33,310 --> 00:31:34,660 En horfa á það sem gerist. 709 00:31:34,660 --> 00:31:37,050 >> Leyfðu mér að fara á undan og tegund ókeypis hér. 710 00:31:37,050 --> 00:31:38,490 Smelltu fá póst. 711 00:31:38,490 --> 00:31:41,060 Og taka eftir vefslóðin hefur ekki breyst. 712 00:31:41,060 --> 00:31:47,250 En ég var að fá skjóta upp með virðist hlutabréfa eyri dag á $ 0.15. 713 00:31:47,250 --> 00:31:49,062 Svo ekki allt svo slæmt. 714 00:31:49,062 --> 00:31:52,020 En munurinn er sá að einhvern veginn, þessi gögn kom aftur til mín beint. 715 00:31:52,020 --> 00:31:54,250 En við skulum taka skref í átt eitthvað fleiri kunnugleg. 716 00:31:54,250 --> 00:31:58,900 Í útgáfu eitt af þessu, láttu mig slá frjáls aftur, smelltu Fá vitna, 717 00:31:58,900 --> 00:32:01,146 og now-- ó, þetta var raun jQuery útgáfu. 718 00:32:01,146 --> 00:32:03,270 Svo skulum me-- ég gerði ekki hratt áfram alveg nógu langt. 719 00:32:03,270 --> 00:32:05,830 Leyfðu mér að fara í útgáfu tvö, sem er þar sem ég vildi. 720 00:32:05,830 --> 00:32:07,260 Taka eftir hvað ég hef gert hér. 721 00:32:07,260 --> 00:32:10,370 ÉG hafa a vefur page-- a frábær einföld útgáfa af hvaða vefsíðu 722 00:32:10,370 --> 00:32:14,260 þú gætir notað í dag með textareitinn hér fyrir frjáls og þá virðist bara 723 00:32:14,260 --> 00:32:14,880 texta. 724 00:32:14,880 --> 00:32:16,860 >> Þetta er ekki mynd hérna, greinilega. 725 00:32:16,860 --> 00:32:19,360 En ef ég smelli fá quote, taka vefsíðu mína 726 00:32:19,360 --> 00:32:22,760 er að fara að breyta eins og ég bara ný spjallskilaboð 727 00:32:22,760 --> 00:32:25,360 eða eins og ég flutti bara kort og þurfti að fá meiri upplýsingar 728 00:32:25,360 --> 00:32:29,220 bætt mjög virk á vefsíðu án URL breytast og notanda 729 00:32:29,220 --> 00:32:30,980 reynslu fá hlé. 730 00:32:30,980 --> 00:32:35,750 Reyndar, ég er enn á nákvæmlega sama place-- ajax2.html. 731 00:32:35,750 --> 00:32:39,080 >> Svo skulum líta aðeins á þessu dæmi og sjá hvernig þetta er að gerast. 732 00:32:39,080 --> 00:32:42,490 Leyfðu mér að fara inn í ajax2.html. 733 00:32:42,490 --> 00:32:44,770 Og taka mynd fyrst. 734 00:32:44,770 --> 00:32:47,092 >> Down hér, ég er að snúa burt farartæki heill. 735 00:32:47,092 --> 00:32:48,800 Stundum fær það pirrandi ef vafrinn 736 00:32:48,800 --> 00:32:50,508 er að reyna að sýna þér heild saga. 737 00:32:50,508 --> 00:32:53,450 Svo þú getur gert það í HTML með bara að segja sjálfvirka ljúka burt. 738 00:32:53,450 --> 00:32:57,290 >> Ég hef gefið þetta textareitinn a symbol-- frekar, sem auðkenni tákn. 739 00:32:57,290 --> 00:32:58,977 Og nú er þetta áhugaverður lögun. 740 00:32:58,977 --> 00:33:01,310 Við höfum ekki talað um haf, en hægt er að hugsa um það 741 00:33:01,310 --> 00:33:03,177 eins efnisgreinaskipun eða div tag. 742 00:33:03,177 --> 00:33:05,010 Það er það sem er kallað í-lína frumefni, sem 743 00:33:05,010 --> 00:33:07,415 þýðir að þú munt ekki fá lið brjóta ofan og neðan það. 744 00:33:07,415 --> 00:33:11,530 Það er bara að fara að vera í línu án hitting jafnvirði slá. 745 00:33:11,530 --> 00:33:17,980 Þannig að ég hef gefið þetta bút af HTML til að ákvarða sérstakt kennimerki 746 00:33:17,980 --> 00:33:20,130 að ég kallaði geðþótta verð. 747 00:33:20,130 --> 00:33:21,560 Og ég er með Senda hnappinn. 748 00:33:21,560 --> 00:33:25,420 >> Vegna þess að nú upp here-- og er þetta reyndar frábær ótrúlegt hversu lítið númer 749 00:33:25,420 --> 00:33:27,660 þú getur skrifað að gera tiltölulega snyrtilegur things-- 750 00:33:27,660 --> 00:33:31,800 taka eftir hvað ég hef gert upp hér ef ég fletta upp í höfuð á þessari síðu. 751 00:33:31,800 --> 00:33:34,970 Ég hef sett með fyrst í höfuð mitt handrit tag 752 00:33:34,970 --> 00:33:37,410 sem raunverulega tilvísanir a JavaScript skrá annars staðar. 753 00:33:37,410 --> 00:33:39,702 Þetta er frá stofnun sem skrifar jQuery, 754 00:33:39,702 --> 00:33:42,660 og þetta er bara að gefa þér nýjustu útgáfa af jQuery bókasafn þeirra. 755 00:33:42,660 --> 00:33:46,305 >> Þannig að þetta er góður af eins og skarpur meðal annars í C eða krefjast í PHP. 756 00:33:46,305 --> 00:33:48,900 Þú notar handrit tag með uppspretta eiginleiki. 757 00:33:48,900 --> 00:33:52,030 En nú er eigin númerið mitt fara að vera rétt hérna. 758 00:33:52,030 --> 00:33:54,170 >> Tilkynning Ég hef virka kallast Quotes. 759 00:33:54,170 --> 00:33:56,180 Og það lítur svolítið Cryptic við fyrstu sýn. 760 00:33:56,180 --> 00:33:57,305 En við skulum stríða þetta sundur. 761 00:33:57,305 --> 00:33:59,090 Gefðu mér breytilega kallað vefslóð. 762 00:33:59,090 --> 00:34:01,390 Tengja það bókstaflega þessum streng. 763 00:34:01,390 --> 00:34:04,530 Svo, einn quotes, gæsalöppum í JavaScript gefur bara mér streng. 764 00:34:04,530 --> 00:34:06,900 Hvað þýðir plús gera? 765 00:34:06,900 --> 00:34:08,199 Samtenging. 766 00:34:08,199 --> 00:34:12,610 >> Þannig að þetta nú er jQuery setningafræði sem tekur smá að venjast. 767 00:34:12,610 --> 00:34:18,310 En þetta bara þýðir fara fá mér DOM hnút sem Auðkenni er tákn. 768 00:34:18,310 --> 00:34:21,929 The hashtag það þýðir Auðkenni tákn. 769 00:34:21,929 --> 00:34:24,929 >> The dollaramerki í sviga bara meina, vefja þetta 770 00:34:24,929 --> 00:34:28,510 í jQuery eins konar leyndarmál sósu svo þú færð frekari virkni. 771 00:34:28,510 --> 00:34:31,880 Og þá er .val virðist fall, eða eins og við segjum nú, 772 00:34:31,880 --> 00:34:35,219 Aðferð inni af þessum hnút sem bara gefur þér gildi. 773 00:34:35,219 --> 00:34:38,896 Svo í stuttu máli, ljótt og ruglingslegt sem þetta lítur við fyrstu sýn, 774 00:34:38,896 --> 00:34:42,020 þetta bara þýðir fá með notanda slegin í, setja það í lok band 775 00:34:42,020 --> 00:34:42,880 með concatenating það. 776 00:34:42,880 --> 00:34:43,739 Það er allt. 777 00:34:43,739 --> 00:34:46,070 >> Svo nú, síðustu þrjár línur. 778 00:34:46,070 --> 00:34:48,690 Þú getur kreista mikið af virkni af þremur línum. 779 00:34:48,690 --> 00:34:52,199 Þetta dollaramerki, Sem hliðar, er bara gælunafn 780 00:34:52,199 --> 00:34:55,800 um sérstakt alþjóðlegt breytu heitir bókstaflega jQuery. 781 00:34:55,800 --> 00:34:57,060 >> Dollar skilti lítur bara flott. 782 00:34:57,060 --> 00:35:00,080 Svo jQuery samfélag bara góður notuðum hana sem sérstaka tákn þeirra. 783 00:35:00,080 --> 00:35:02,470 Það þýðir ekki hvað það þýðir í PHP. 784 00:35:02,470 --> 00:35:06,356 JavaScript, dollara merki er bara eins og bréf í stafrófinu 785 00:35:06,356 --> 00:35:07,480 eða tala í breytu. 786 00:35:07,480 --> 00:35:09,000 >> Þú getur bara haft það eins og nafnið. 787 00:35:09,000 --> 00:35:09,770 Bara lítur kaldur. 788 00:35:09,770 --> 00:35:11,890 Þannig að samfélagið samþykkt það sem gælunafn 789 00:35:11,890 --> 00:35:13,390 fyrir eigin bókasafn þeirra heitir jQuery. 790 00:35:13,390 --> 00:35:15,060 >> Og það er frábær vinsæll. 791 00:35:15,060 --> 00:35:17,620 Svo fá JSON er einmitt það. 792 00:35:17,620 --> 00:35:19,920 Það er fall sem fólkinu á jQuery skrifaði 793 00:35:19,920 --> 00:35:23,340 sem fær JSON frá server-- JavaScript Object Ritháttur. 794 00:35:23,340 --> 00:35:25,680 Frá hvaða URL er það að fara að fá þessar upplýsingar? 795 00:35:25,680 --> 00:35:27,790 Apparently frá þessari vefslóð hér. 796 00:35:27,790 --> 00:35:31,180 >> Og hvað ætti vafrinn gera eins leið og það fær aftur þetta svar? 797 00:35:31,180 --> 00:35:36,500 Og þetta er töfra AJAX, svo að speak-- ósamstilltur JavaScript í XML. 798 00:35:36,500 --> 00:35:41,320 Það er erfitt að sjá með svona einfalt dæmi eins og við höfðum hér. 799 00:35:41,320 --> 00:35:44,730 >> En þetta var ósamstilltur í að því leyti að mitt númer þegar 800 00:35:44,730 --> 00:35:48,530 keyrð sendi skilaboð til miðlara til að fara fá mér JSON. 801 00:35:48,530 --> 00:35:51,340 Og það gerðist frábær fljótur að ég fékk svar. 802 00:35:51,340 --> 00:35:55,130 En hvað er áhugavert er að þetta lína af kóða ekki hanga tölvuna mína. 803 00:35:55,130 --> 00:35:56,550 >> Ég vissi ekki að sjá spuna táknið. 804 00:35:56,550 --> 00:35:59,200 Ég vissi ekki að missa getu til að hreyfa músina mína. 805 00:35:59,200 --> 00:36:01,340 Vafrinn minn var reyndar fullkomlega fínn. 806 00:36:01,340 --> 00:36:06,290 >> Vegna þess hvernig JavaScript annast svar frá þjóninum er sem hér segir. 807 00:36:06,290 --> 00:36:09,740 Þú skráir þig það sem þú vilt kalla svarhringingu virka, sem 808 00:36:09,740 --> 00:36:12,830 bara þýðir, hey, JavaScript. 809 00:36:12,830 --> 00:36:16,100 Um leið og miðlara svarar með JSON, 810 00:36:16,100 --> 00:36:18,750 vinsamlegast kalla þetta nafnlaus virka. 811 00:36:18,750 --> 00:36:23,910 >> Og vinsamlegast lentu í þessa aðgerð hvað band þjóninn spýta út 812 00:36:23,910 --> 00:36:26,080 sem rök heitir gögn. 813 00:36:26,080 --> 00:36:28,360 Svo í öðrum, orðum, ef Ég ætla að setja saman virk 814 00:36:28,360 --> 00:36:33,370 a URL quote.php liggur í þessu tákn eins og ókeypis eða GOOG eða whatnot, 815 00:36:33,370 --> 00:36:36,830 Ég ætla þá að segja JavaScript fara fá þessi vefslóð. 816 00:36:36,830 --> 00:36:39,080 Muna að vafra er að fara að skila eitthvað 817 00:36:39,080 --> 00:36:42,680 sem lítur út eins og við sáum earlier-- þetta. 818 00:36:42,680 --> 00:36:45,940 >> Og hvað annað rifrildi hér til að fá JSON er að segja 819 00:36:45,940 --> 00:36:48,450 er kalla þessa aðgerð þegar þjóninn fær aftur 820 00:36:48,450 --> 00:36:52,440 hvort sem það er 10 millisekúndur héðan eða 10 sekúndur frá núna. 821 00:36:52,440 --> 00:36:55,840 Og um leið og þú gerir, bæta verði við síðuna. 822 00:36:55,840 --> 00:36:58,030 Þetta setningafræði hér bara muni fara að fá hnút 823 00:36:58,030 --> 00:37:01,940 af trénu sem Auðkenni er price-- sem spanna við sáum áðan. 824 00:37:01,940 --> 00:37:04,320 >> Þessi aðferð kallast HTML bara segir, fara skipta 825 00:37:04,320 --> 00:37:08,770 HTML sem er þar með data.price. 826 00:37:08,770 --> 00:37:10,200 Hvað er data.price? 827 00:37:10,200 --> 00:37:12,850 Jæja, vafrinn, muna, sýndi mér þetta aftur. 828 00:37:12,850 --> 00:37:14,540 Þannig að þetta eru gögn. 829 00:37:14,540 --> 00:37:18,100 >> Og svo er það svolítið dulinn að sjá kommur hér. 830 00:37:18,100 --> 00:37:19,350 En í raun, láta mig gera þetta. 831 00:37:19,350 --> 00:37:22,890 Leyfðu mér að líma bara þetta alvöru hratt í gedit 832 00:37:22,890 --> 00:37:27,240 og sýna þetta eins við sýndum Uppbygging Zamyla fyrr. 833 00:37:27,240 --> 00:37:31,610 >> Hvað þjóninn er að senda til baka er a lítið hlutur sem lítur svona út. 834 00:37:31,610 --> 00:37:37,140 Og svo er data.price bara að gefa mér 0,1515. 835 00:37:37,140 --> 00:37:39,310 Svo mikið að færa hlutar hér allt í einu. 836 00:37:39,310 --> 00:37:41,860 >> En lykillinn Takeaways er að við höfum þessa getu 837 00:37:41,860 --> 00:37:44,600 að gera frekari HTTP beiðnir nota JavaScript 838 00:37:44,600 --> 00:37:46,090 án þess að þurfa að endurhlaða síðunni. 839 00:37:46,090 --> 00:37:49,580 Og þá getum við í raun breyta vefsíðu á flugu. 840 00:37:49,580 --> 00:37:51,850 Og það kemur í ljós að JavaScript og öðrum tungumálum 841 00:37:51,850 --> 00:37:54,510 er hægt að nota nú ekki aðeins að mutate vefsíður, 842 00:37:54,510 --> 00:37:57,960 en í raun skrifa hugbúnað í raun tölva, 843 00:37:57,960 --> 00:38:00,240 ekki bara bundin við króm eða þess háttar. 844 00:38:00,240 --> 00:38:03,530 >> Í raun if-- Colton, viltu eins og til að tengja okkur aftur upp hér 845 00:38:03,530 --> 00:38:06,100 með Lab númerið, og Chang eins og heilbrigður? 846 00:38:06,100 --> 00:38:09,140 Skulum fara á undan, hafa talað um nafnlaus virka og callbacks 847 00:38:09,140 --> 00:38:13,090 og raunverulega freista örlög hér með lifandi kynningu með blæðingu 848 00:38:13,090 --> 00:38:16,480 brún tækni, einn af þessi Elite Hreyfing tæki. 849 00:38:16,480 --> 00:38:18,940 Nú, þetta tæki, muna, er svolítið USB tæki 850 00:38:18,940 --> 00:38:25,620 auk that-- það er beautiful-- sem tappi í USB port á tölvunni. 851 00:38:25,620 --> 00:38:29,120 >> Og þá veitir það inntak í formi manna bendingar 852 00:38:29,120 --> 00:38:32,560 með því að finna að nota innrauða geislar, meginatriðum, hreyfingar frá handlegg. 853 00:38:32,560 --> 00:38:35,150 Svo en hvað Maria reyndi á áður var vöðvastæltur, 854 00:38:35,150 --> 00:38:39,000 raun tilfinning hvað er að breytast handlegginn, þetta er innrautt byggð. 855 00:38:39,000 --> 00:38:44,390 Svo það er útlit fyrir hreyfingum innan svoleiðis kúlu á fæti eða svo 856 00:38:44,390 --> 00:38:46,190 af tækinu sjálfu. 857 00:38:46,190 --> 00:38:48,950 >> Svo hvers vegna gera ég ekki taka a stunga á þetta fyrst? 858 00:38:48,950 --> 00:38:53,100 Og við skulum fara á undan og kasta þú upp á kostnaður hér. 859 00:38:53,100 --> 00:38:56,250 Svo skulum við setja fartölvu Colton er upp hér. 860 00:38:56,250 --> 00:38:58,360 Við höfum fengið Andrés í sjónvarpinu. 861 00:38:58,360 --> 00:39:00,160 Og hvað viltu að ég geri fyrst? 862 00:39:00,160 --> 00:39:02,409 >> COLTON: Fara á undan og bara setja hendurnar yfir þessum gaur 863 00:39:02,409 --> 00:39:04,430 og þú munt sjá nokkrar stórkostlegur Ljómi. 864 00:39:04,430 --> 00:39:07,230 >> DAVID J. MALAN: Very nice. 865 00:39:07,230 --> 00:39:11,110 Þetta er allt að gerast í rauntíma. 866 00:39:11,110 --> 00:39:11,889 OK. 867 00:39:11,889 --> 00:39:12,680 Allt í lagi, og Já. 868 00:39:12,680 --> 00:39:14,119 Svo gott. 869 00:39:14,119 --> 00:39:15,410 Allt í lagi, hvað annað getum við gert? 870 00:39:15,410 --> 00:39:17,900 >> COLTON: Fara á næsta skjá og sjá. 871 00:39:17,900 --> 00:39:19,136 >> DAVID J. MALAN: Allt í lagi. 872 00:39:19,136 --> 00:39:21,780 >> COLTON: A skemmtilegur lítill leikur þar sem þú færð að gera vélmenni. 873 00:39:21,780 --> 00:39:24,738 >> DAVID J. MALAN: Allt í lagi, þannig að þetta er falsa hendur sýna mér hvað ég á að gera. 874 00:39:24,738 --> 00:39:27,920 COLTON: Já Svo fara á undan og grípa einn af blokkir 875 00:39:27,920 --> 00:39:30,637 og setja hana ofan á líkamanum sem vélmenni er. 876 00:39:30,637 --> 00:39:32,137 DAVID J. MALAN: Oh, það er hönd mín. 877 00:39:32,137 --> 00:39:34,000 Oh. 878 00:39:34,000 --> 00:39:34,780 OK, dásamlegur. 879 00:39:34,780 --> 00:39:37,500 880 00:39:37,500 --> 00:39:38,650 Bíddu, OK. 881 00:39:38,650 --> 00:39:41,320 There við förum. 882 00:39:41,320 --> 00:39:43,590 >> COLTON: Ég gerði einn á slys. 883 00:39:43,590 --> 00:39:45,423 >> DAVID J. MALAN: OK, ég næ þessu strákur. 884 00:39:45,423 --> 00:39:45,923 Fjandinn það! 885 00:39:45,923 --> 00:39:48,467 886 00:39:48,467 --> 00:39:51,550 Þegar við vorum að æfa þetta síðasta nótt, þú veist hvað þetta fela í? 887 00:39:51,550 --> 00:39:54,285 >> Eins og þetta. 888 00:39:54,285 --> 00:39:55,490 OK. 889 00:39:55,490 --> 00:39:55,990 Næsta einn? 890 00:39:55,990 --> 00:39:56,860 >> COLTON: Jú. 891 00:39:56,860 --> 00:39:58,818 >> DAVID J. MALAN: Allt í lagi, og það er þriðja. 892 00:39:58,818 --> 00:40:01,130 893 00:40:01,130 --> 00:40:01,674 Allt í lagi. 894 00:40:01,674 --> 00:40:03,215 COLTON: Og í þessu einn, þú fá to-- 895 00:40:03,215 --> 00:40:04,923 DAVID J. MALAN: Oh, This einn er fallegur. 896 00:40:04,923 --> 00:40:06,650 COLTON: --yeah, taka sundur þetta blóm. 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 Nei? 900 00:40:11,670 --> 00:40:14,515 Ungfrú. 901 00:40:14,515 --> 00:40:15,570 >> COLTON: Oh, þar sem þú ferð. 902 00:40:15,570 --> 00:40:18,680 >> DAVID J. MALAN: Ah, Horfðu á það. 903 00:40:18,680 --> 00:40:19,830 Mjög gott. 904 00:40:19,830 --> 00:40:22,470 Ja, hvers vegna dont 'við tökum út einum sjálfboðaliða hér 905 00:40:22,470 --> 00:40:24,180 sem langar að koma á upp. 906 00:40:24,180 --> 00:40:27,500 Hvernig um þarna í græna, er það? 907 00:40:27,500 --> 00:40:30,540 >> Allt í lagi, og við skulum have-- stað þess að gera það, sumir af þú 908 00:40:30,540 --> 00:40:34,590 gæti vita þennan leik here-- skera reipið, kannski? 909 00:40:34,590 --> 00:40:35,100 Við skulum sjá. 910 00:40:35,100 --> 00:40:37,320 Við höfum gleraugu okkar á hérna? 911 00:40:37,320 --> 00:40:38,625 >> OK. 912 00:40:38,625 --> 00:40:39,270 Þakka þér. 913 00:40:39,270 --> 00:40:39,380 Hvað er nafn þitt? 914 00:40:39,380 --> 00:40:40,350 >> Áhorfendur: Laura. 915 00:40:40,350 --> 00:40:41,266 >> DAVID J. MALAN: Laura? 916 00:40:41,266 --> 00:40:42,120 Gaman að sjá. 917 00:40:42,120 --> 00:40:45,600 Ef þú dont 'hugur ekki að setja Google Gler yfir gleraugun. 918 00:40:45,600 --> 00:40:46,970 Þetta er Colton. 919 00:40:46,970 --> 00:40:47,650 >> COLTON: Hi. 920 00:40:47,650 --> 00:40:48,140 Gaman að hitta þig. 921 00:40:48,140 --> 00:40:49,600 >> DAVID J. MALAN: OK, komdu í kring. 922 00:40:49,600 --> 00:40:52,516 Allt í lagi, svo það sem þú ert að fara að gera hér, hafa spilað þetta áður, 923 00:40:52,516 --> 00:40:55,650 er sett hönd þína yfir stökkið Motion hér. 924 00:40:55,650 --> 00:40:57,210 Og nú arrow þinn ætti að fara. 925 00:40:57,210 --> 00:40:57,710 Oh, nei. 926 00:40:57,710 --> 00:40:58,066 >> Áhorfendur: Nei 927 00:40:58,066 --> 00:40:58,780 >> DAVID J. MALAN: Við vil ekki að hætta enn. 928 00:40:58,780 --> 00:40:59,280 OK, bíddu. 929 00:40:59,280 --> 00:41:01,200 Hérna. 930 00:41:01,200 --> 00:41:03,530 Svo eftir eins og þú halda þinn fingur yfir eitthvað, 931 00:41:03,530 --> 00:41:06,750 músin byrjar að fara grænn, sem er hvernig þú smellir. 932 00:41:06,750 --> 00:41:08,980 >> Svo sveima yfir Play. 933 00:41:08,980 --> 00:41:10,970 Og bara einn fingur er fínn. 934 00:41:10,970 --> 00:41:13,869 Og nú að smella á litla grænt strákur á vinstri. 935 00:41:13,869 --> 00:41:15,410 Og nú halda þar til hún fyllist grænt. 936 00:41:15,410 --> 00:41:15,640 Good. 937 00:41:15,640 --> 00:41:16,990 Nú, eins og, stigs upp toppinn. 938 00:41:16,990 --> 00:41:20,190 >> Áhorfendur: Já, við viljum stigs, hér. 939 00:41:20,190 --> 00:41:21,660 >> DAVID J. MALAN: Good. 940 00:41:21,660 --> 00:41:25,500 OK, þannig að allt sem þú þarft að gera er að skera reipið. 941 00:41:25,500 --> 00:41:28,240 Bendilinn er hvítur einn þarna niður. 942 00:41:28,240 --> 00:41:28,880 >> Mjög gott. 943 00:41:28,880 --> 00:41:31,290 944 00:41:31,290 --> 00:41:32,790 Allt í lagi, það er um að fá erfiðara. 945 00:41:32,790 --> 00:41:34,800 Svo haltu fingrinum á næstu núna. 946 00:41:34,800 --> 00:41:37,370 947 00:41:37,370 --> 00:41:39,030 Good. 948 00:41:39,030 --> 00:41:39,999 Þetta er erfitt. 949 00:41:39,999 --> 00:41:40,966 >> Áhorfendur: Oh vitleysa. 950 00:41:40,966 --> 00:41:41,466 OK. 951 00:41:41,466 --> 00:41:42,466 Það vill fara þannig. 952 00:41:42,466 --> 00:41:44,890 Ó vitleysa, that-- 953 00:41:44,890 --> 00:41:47,120 >> DAVID J. MALAN: Já. 954 00:41:47,120 --> 00:41:50,700 Öðru lagi er markmiðið að fá allar stjörnurnar. 955 00:41:50,700 --> 00:41:53,920 Allt í lagi, næsta. 956 00:41:53,920 --> 00:41:57,504 >> Við skulum sjá hvort þú getur fengið þetta þriðja. 957 00:41:57,504 --> 00:41:58,004 Good. 958 00:41:58,004 --> 00:42:05,980 959 00:42:05,980 --> 00:42:06,840 OK, fara þarna. 960 00:42:06,840 --> 00:42:08,850 >> Jú. 961 00:42:08,850 --> 00:42:11,230 Oh, mjög gott. 962 00:42:11,230 --> 00:42:11,930 Allt í lagi. 963 00:42:11,930 --> 00:42:13,534 >> Svo hvers vegna eigum við ekki að fresta hér í dag? 964 00:42:13,534 --> 00:42:15,200 Láta neinn koma á upp sem vill spila. 965 00:42:15,200 --> 00:42:16,880 Takk svo mikið að Laura sjálfboðaliði okkar. 966 00:42:16,880 --> 00:42:18,730 Og við munum sjá þig á mánudaginn. 967 00:42:18,730 --> 00:42:21,190 >> Áhorfendur: Þú vilt sennilega þær aftur. 968 00:42:21,190 --> 00:42:23,640 >> Ræðumaður 2: Á næsta CS50-- 969 00:42:23,640 --> 00:42:35,222