DAVID J. MALAN: Allt í lagi, þannig að þetta hér er Myo armur band, a par af sem við hafa fyrir CS50 lokaverkefnum. Og það var sýning sem við biðröð þú upp fyrirfram þar meginatriðum þetta nokkuð þétt armur band upp hér hlustar á vöðvum hreyfingar þínar sem síðan eru kortlögð í hugbúnaði fartölvu Colton yfir hér, sem hafði iTunes og að Lagið bið þegar upp. Frekar en mér demoing þetta, Colton hefur verið í Lab greinilega alla vikuna að fá kynningu tilbúinn fyrir einn hugrakkur sjálfboðaliða. Ef einhver langar að koma á up-- sá hönd þína fyrst. Komdu upp. [00:01:09] Allt í lagi. Og hvað er nafnið þitt? [00:01:13] Áhorfendur: Uh, Maria. [00:01:14] DAVID J. MALAN: Maria, gaman að sjá þig. Komdu hérna. Leyfðu mér að kynna þig fyrir Colton. Colton, þetta er Maria. [00:01:21] COLTON: Hi, gaman að hitta þig. [00:01:23] DAVID J. MALAN: All rétt, svo fyrsta skref, við erum fara að hafa þú setja þetta á framhandlegg þinn þannig að það er nokkuð þétt upp nálægt olnbogann. Og á meðan, við skulum hafa setja á Google Glass okkar og við munum blanda tækni í dag. [00:01:33] COLTON: Fyrst við verðum að krókur þetta í hlutum. [00:01:36] DAVID J. MALAN: OK. Reyndar, við skulum setja handlegginn eins nálægt þessari snúru og hægt er svo að við getum fyrst sync það upp. [00:01:41] COLTON: Við skulum gera þetta. [00:01:42] DAVID J. MALAN: Og á meðan, svo að allir geti fengið nánari sýn, við munum kasta myndavél Andrew upp á skjáinn þar. Þannig að við höfum USB snúru sem er verið tengt inn borði utan um upphandlegg maria er. Og láta mig henda skjánum Colton er upp á varpanum næsta. [00:02:00] Svo Colton skráir tækið nú sem Myo tengd þessari snúru. Og nú hvað Maria er fara að gera augnablik er í raun ganga í gegnum kvörðunin skref og kenna hugbúnað hvernig vöðvar hennar bregðast þegar hún gera viss fyrirfram skilgreind bendingar að hugbúnaður skilur. Ef þú vilt fara í framan skjáinn. OK, halda áfram að reyna. [00:02:30] COLTON: Fara svona. Og eins og þessi. Og alla leið til hægri. Fara til baka. [00:02:35] DAVID J. MALAN: OK. Öðru sjónarhorni. Það er ekki þú. Það er okkur. [00:02:40] MARIA: OK. DAVID J. MALAN: Nei Skulum færa það ofar þannig að það er nær olnboga, eða jafnvel strangara. Allt í lagi. [00:02:52] Hér förum. Þetta væri góður tími fyrir CS52X. There við förum. [00:02:57] Mjög gott. OK. Thumb að Pinky. [00:03:02] Mjög gott. Verðbil fingurna. Good. Veifa hægri. Það er forvitinn að sýna þú með vinstri hand-- [00:03:17] COLTON: Já, það er undarlegt. DAVID J. MALAN: Wave til rétt og halda áfram. Fljótur áfram til að sleppa eða næstu. Það er allt í lagi Wave rétt. [00:03:25] MARIA: Ég don't-- bíða. [00:03:26] DAVID J. MALAN: Vantar hjálp? [00:03:28] COLTON: Svo þú ert að fara svona. MARIA: Það er að snúa annar hlutur, þó. COLTON: Það er. DAVID J. MALAN: Já ég veit ekki hvers vegna það er að sýna þér leftie. COLTON: Af hverju ertu ekki try-- bara að reyna að fara svona. [00:03:38] DAVID J. MALAN: Nei? Kannski ná handlegginn út smá beinna og gera það skyndilega meira eins og þetta. Já, OK, komdu. [00:03:48] MARIA: Fyrirgefðu. DAVID J. MALAN: Það er ekki þér að kenna. COLTON: Það er allt í lagi. DAVID J. MALAN: All Right. Well-- [00:03:56] MARIA: Ættum við sleppa þessu, þá? DAVID J. MALAN: Já, við skulum láta þig í friði. Svo ef einhver vildi eins og til gera a Lokaverkefni með þetta skorið brún vélbúnaður, gera sér grein fyrir að það gæti bara taka smá að venjast. Og this-- raunin er þetta er í raun mjög fjandans brún. [00:04:10] Þetta er það sem er kallað framkvæmdaraðila Kit, sem er ætlað að vera fyrst og fremst á pre-gefa út þannig að fólk getur gert nákvæmlega this-- berjast með það, mynd út hvernig stofnanir fólks vinna með tækni. Svo ef þú vilt síðar, eftir fyrirlestur, við getum látið þig koma og taka aðra stunga á það. En annars, a umferð af lófaklapp, ef við gátum, til Maríu fyrir að koma á upp. [00:04:26] MARIA: Þakka þér. [00:04:28] DAVID J. MALAN: Þakka þér. Við munum hanga á þessu, en við munum gefa you-- hvernig um streitu boltanum hér? Oh, and-- if-- já, takk. Allt í lagi. Svo fyrir forvitinn, ef þú værir ókunnur með the hljóð val að við eru þar fyrr, ótrúlega TV sýna að þú ættir alveg vera binge-horfa á Netflix er þetta einn hér. [00:04:51] Ræðumaður 1: Dömur mínar og herrar, a töframaður heitir Josh. [00:05:04] DAVID J. MALAN: Og greinilega, það er hlutur í texta mig á fyrirlestri núna. Ég ætla að vera sagt að Maria átti afmæli í gær. Svo ánægð með afmælið frá CS50 til Maria eins og heilbrigður. [00:05:18] Svo þú gætir hafa lesið á undanförnum mánuðum að þessi herramenn hér, Steve Ballmer, sem var í raun flokkur 1977 í framhaldsskóla, nýlega eftirlaun fyrir Microsoft. Hann var grunnnám hér, þá nokkra árum síðar fann sig á Stanford Business School þegar hann fékk símann hringja frá vinur WHO hans hafði búið niður sal frá honum hér á Harvard. Nafn sem vinur var Bill Gates, og á þeim tíma, hann var að reyna að ráða Steve vera fyrsta fyrirtæki manneskja, í raun, á litlu fyrirtæki nafn Microsoft. [00:05:45] Löng saga stutt, Steve var að lokum vann yfir, byrjuðu Microsoft þegar þeir hafði bara 30 starfsmenn. Og með þeim tíma sem hann eftirlaun alveg nýlega, félagið hafði 100.000 starfsmanna á undanförnum árum. Og svo a website þekktur sem barmi undirbjuggum skattinn vídeó að við héldum að við myndum deilt sem gefur þér tilfinningu um það hversu mikla orku Steve færir til hvaða framsetningu sem hann gefur. [VIDEO Spilun] -Microsoft Er eins fjórða barn. Börn yfirgefa húsið. Í þessu tilfelli, held ég Ég ætla að fara í húsið. Hey Bill, whazzap? [00:06:23] -Wazzap? [00:06:24] -Hey, Wazzap? Við höfum verið gefinn gífurlegur tækifæri. Og Bill gaf okkur það tækifæri. Ég vil þakka Bill fyrir það. Ég vil að þú líka. Hraða nýsköpun er ekki að fara að hægja. [00:06:42] Það er að fara að fá hraðar og hraðar. Það gæti verið nokkur keppinauta sem eru því miður út! [00:06:54] Ég elska þetta fyrirtæki. Já! Ég er PC, og ég elska þetta fyrirtæki! [00:07:08] Verktaki, verktaki, verktaki, verktaki, verktaki, verktaki, verktaki, verktaki. Já! Vefur verktaki! [00:07:19] Vefur verktaki! Vefur verktaki! Hlusta á hvað annað sem þú fá á gjaldfrjálst! [00:07:28] The MS-DOS framkvæmdastjóri, stefnumót dagatal, kort stafli, minnismiða púði, klukku, stjórnborði. Og, getur þú trúa því? Reversie! [00:07:35] Brenna þá til CD! Birta þær MSN! Þú mail þá til vina! [00:07:40] Allt með einum smelli! One Microsoft, einn stefnu, einn team-- einbeitt, aga, atvinnu, og sérfræðingur í öllu sem við gerum. Leyfðu mér að nota línu frá gamalli bíómynd. [00:07:52] Sambönd eru eins hákörlum. Þeir halda áfram eða þeir deyja. Ég held reyndar tækni fyrirtæki eru þau sömu. [00:08:01] [END vídeó spilun] DAVID J. MALAN: Þannig að við erum svo stolt af því að tilkynna að Steve verði hopinn hér í CS50 næsta miðvikudag klukkan Venjulegur stað og tíma hér. Space mun líklega vera takmarkaður. Og svo til að taka þátt með okkur í eigin persónu, vinsamlegast höfuð í dag eða fljótlega eftir að cs50.harvard.edu/register. [00:08:22] Og við munum fylgja eftir Þriðjudagur staðfestir bletti. Hlakka til að næsta Miðvikudagur á fyrirlestri í CS50. Nú, í öðrum fréttum, gerðist ég að rekist á þessa í The Crimson bara um daginn. [00:08:34] Það kemur í ljós að einn af starfsmönnum CS50 er og að minnsta kosti einn af CS50 nemandi er nú í gangi fyrir UC forseti og varaforseti, sem leiddi mig aftur minn eigin daga aftur þegar ég missti UC kosningum vansæll. En silfur fóður í því er ég alltaf segja söguna er að einn af I er viss margar ástæður sem ég missti kosningum var lokið skortur Af einni talentu fyrir opinber tala. Og svo alveg heiðarlega, það rak mig, að reynsla Ég held yngri árið mitt, að í raun að skrá upp fyrir Harvard Computer Society, sem er hópurinn á háskólasvæðinu sem heldur ýmis tæknileg viðræður og annað. Og ég tók yfir kennslu þeirra námskeið og því hafði tækifæri, a dásamlegt tækifæri, að byrja að vinna á nákvæmlega þetta. En einnig fékk ég tækifæri á þessari reynslu að kenna mér allt meira HTML. Og svo ég procrastinated gærkvöldi með leita í gegnum HTML byggt website Ég gerði í eins 1997, '98, fyrir minn herferð sem lítur svona út hér. Ég veit. [00:09:29] Because-- og auðvitað, tilkynning þetta ótrúlega hönnun ákvörðun árið 1998 eða whatnot. The fyrstur hlutur sem þú vilt að notendur að gera við að heimsækja vefsvæðið þitt er að þurfa að smella annað tengilinn rétt að slegið inn vefsíðuna þína hér með munkur bak eins líkklæði fortjald þar virðist herferð vettvang minn var. Og þetta er allt sem þú munt fá í dag er bara screenshot. En ég var að lesa í gegnum, eins og, Veggspjöld herferðarstillingarnar gærkvöldi og vettvangur minn. [00:09:50] Og ég var svo reiður á þeim tíma. Pallur minn was-- það var áhugavert. Svo ég hef róast síðan þá. En dag einn, þá skal ég hlaupa aftur og vonandi betur þessum tíma. [00:10:03] Svo HTML, það tungumál sem ég gerði að in-- þú munt brátt gera mikið more-- er eitthvað sem við höfum verið tala um á síðkastið og að mestu sem nota sjálfsagt nú að við höfum flutt á öðrum tungumálum. En við skulum gera hlé fyrir bara smá stund og setja sumir af þessum hlutum í samhengi. Svo í setningu, hvað er HTML? [00:10:18] Eða, það sem er notað fyrir? Einhver? Já. [00:10:20] Áhorfendur: Álagning fyrir vefsíður. DAVID J. MALAN: Markup fyrir vefsvæðið. Svo það er Markup tungumál sem leyfir að uppbyggingu vefsíðu. Header fer upp hér, titill fer hér, líkami fer hér. Þetta er feitletra, þetta er italics-- þessi tegund af smáatriðum. [00:10:33] OK, gott. Svo CSS leyfir you-- og I tók frelsi þar með feitletrun-frammi og skáletrun því ég Það er betra útfærð með þetta. CSS is-- hvað? Segja í setningu. Einhver yfirleitt. Já. [00:10:46] Áhorfendur: embellishments og efni, eins og hvernig á að hanna það. DAVID J. MALAN: OK, gott. Embellishments sem leyfa þér að hanna það eða stylize það með hluti eins feitletrað og skáletrun og liti og einnig fleiri fínn grained staðsetning þætti. Það leyfir konar þú tekur hlutina síðast míla þannig að ef, til dæmis, í Pset7, þú gætir hafa tekið eftir á þinn eigu síðu ef þú ert á þessum tímapunkti þegar að borðið sjálfgefið að þú gera að sýna lager eignarhlut notanda og reiðufé lítur sennilega nokkuð hideous sjálfgefið án hvítt rúm. Konar Allt er á crammed saman í raðir og dálka. [00:11:18] Jæja, með smá CSS, eins og þú getur átta sig, þú getur raunverulega klip það og gera það eitthvað miklu meira þekki og margt fallegri að horfa á. Svo CSS um stylization vefsíður. En þá erum við kynnt enn annar tungumál, PHP, sem leyfir okkur að gera hvað? [00:11:36] Við skulum gera bara hvað? Einhver. Got að hættuspil út fyrstu tveimur línum. Já. [00:11:40] Áhorfendur: Mynda dynamic innihald. DAVID J. MALAN: Perfect. Mynda dynamic innihald. Og þú getur gert þetta í allir tala um tungumálum. Við verður að nota PHP því það er hluta svo svipað C setningafræði. [00:11:50] En PHP er einmitt það. Það leyfir þér að mynda virk framleiðsla. Og nokkru af framleiðsla gæti verið HTML, eins og við höfum yfirleitt verið að gera. Og það er líka, vegna þess að það er forritunarmál, er Orsakir stöðvarinnar sem við getum talað við gagnagrunna. [00:12:03] Og við getum gert fyrirspurnir til öðrum þjónum eins Yahoos og kerfisbundið að gera neitt virkilega að þú gætir annars langar til þess að neyða tölvu að gera. Svo PHP leyfir okkur að byrja virk outputting efni. Svo með þessari rökfræði, gerði ég ekki hafa a dynamic website aftur árið 1998. [00:12:16] Það var bara truflanir vefsíðu. Mínum varð að breyta með handvirkt með gedit eða einhverjum samsvarandi. En PHP er það sem við notuðum eða hefði getað notað, heldur fyrir eitthvað eins og Frosh Spjallboð website, sem átti að taka skráningar og stjórna lista af hlutum users-- sem eru í raun að breyta yfir tíma, jafnvel þó að við gerast að nota Perl, annað tungumál á þeim tíma. [00:12:35] Og svo loks, kynnti við SQL-- Structured Query Language. Svo enn annar tungumál sem er notað fyrir hvað? Notað fyrir hvað? Getum við hættuspil slight-- OK, við erum ekki að fara að fá miklu lengra en hljómsveit hér. Áhorfendur: Það er siðareglur notað til að tala við gagnagrunna. DAVID J. MALAN: A siðareglur notað til að tala við gagnagrunna. Leyfðu mér klip. Það er eðlilegt tungumál er notað að tala við databases-- Velur og sett inn og eytt og endurnýja og í raun jafnvel fleiri aðgerðir sem við höfum ekki einu kafa inn en þú gætir viljað explore-- hafa til að kanna fyrir, segjum, lokaverkefni. Þannig að það eru þessi mismunandi stykki. [00:13:09] Og vonandi Pset7, jafnvel þó skilgreining þess er alveg löng, það er vísvitandi lengi að ganga í í gegnum hvernig þetta getur allt vera slegin saman. Nú, á mánudag, við kynnt á síðasta okkar tungumál að við munum formlega kynna í að course-- sem er, JavaScript. Þetta, eins og PHP, er túlkað tungumál. [00:13:25] En lykillinn greinarmun Ég lagði á mánudag er að en PHP er framkvæmd eða að túlka á miðlara, sem í þessu tilfelli er CS50 tæki, eða gæti verið einhver auglýsing vefur miðlara á netinu, JavaScript almennt er tungumál sem keyrir viðskiptavinur hlið ekki miðlara side-- svo í vafranum. Hver er að segja, alveg eins og þegar ég opnaði upp Facebook kóðann og finna allt þessara .js skrár, The vísbendingu var að þegar þú heimsækir Facebook eða flest vefsíður þessa dagana, þú færð ekki bara HTML, ekki aðeins CSS, en a heild búnt af JavaScript númer oft í formi .js skrá. Og þá er það browser-- þitt eigið Mac eða Einkatölva sem keyrir kóðann. [00:14:03] En vafrinn þinn keyrir það. Hægt er að hugsa í konar sandkassa. Svo að JavaScript kóða ætti ekki að vera fær um að eyða skrá á tölvunni þinni. Það ætti ekki að vera fær um að senda tölvupóst fyrir þína hönd. Vafrinn þinn konar takmarkar hvað þú getur gert við það. [00:14:17] Þannig að í þeim skilningi, það er a lítill minna öflugur, kannski, en C. En JavaScript getur, eins og að hliðar, hægt að nota á þjóninum, þó að við munum hafa tilhneigingu til að tala um það í því samhengi. Svo nú skulum binda þetta saman. A viku plús síðan, kynnt við nokkur HTML á left-- frábær leiðinlegt vefsíðu. [00:14:34] Bara segir halló heimur. Og svo ég lagði á rétt við getum konar stela hugmyndum frá umræðu okkar um mannvirki gögn í C og hugsa um hvernig þetta stigveldis Markup tungumál á vinstri mætti ​​draga eða framkvæmd í minni sem raunveruleg tré uppbyggingu með tengipunkta og ábendingum og þeir konar upplýsingar. Á hægri, við köllum að a DOM-- Document Object Model-- sem er bara fínt leið til að segja tré. [00:14:56] Nú, hvers vegna er þetta gagnlegt að hugsa um það á þennan hátt? Vegna þess að nú með JavaScript, vegna þess að við höfum kóða sem fær að spila í þessu Umhverfi, raunverulegt HTML sem er verið send til vafra nú þegar og hefur nú þegar verið hlaðinn inn í minni af því vafra í tré í Computer þíns RAM eins og þetta, sem við getum notað JavaScript að raunverulega fara eða ganga eða leita eða breyta því DOM tré þó við viljum. Svo í raun, ef þú heldur um facebook.com, ef þú ert að nota spjall lögun, ef þú Notkun Gmail og Gchat lögun, eitthvað þar sem þú ert skilaboðum aftur og aftur og aftur, eru þessi skilaboð sennilega, eins, LI tag, List Item tags, kannski. [00:15:35] Eða kannski þeir eru bara Divs sem halda birtast hvert skipti sem þú færð augnablik skilaboð. Og svo sem bara þýðir hvað Facebook eða Google er að gera er hvenær þú færð skilaboð frá þjóninum, þeir eru sennilega að nota JavaScript bara bæta við öðru hnút þessu tree-- annan hnút við þessu tré, sem þá sjónrænt bara útlit eins og ný lína af texta á skjánum. En þeir eru að setja í þessum gögnum uppbyggingu. [00:15:57] Svo í flokkum eins CS124 og aðrir, þú munt raun skrifa fleiri kóða gegn mannvirki gögn svona. En nú í JavaScript, við munum bara gera ráð Við fáum öll þessa virkni ókeypis frá tungumálinu sjálfu. Svo skulum líta á dæmi. [00:16:09] Leyfðu mér að opna skrá sem kallast form.html. Það er frábær einfalt. Það lítur út eins og þetta. [00:16:15] No CSS, engin hugsun á fagurfræði. Það er eingöngu hagnýtur og virðist ég biðja um tölvupóst og lykilorð, lykilorð aftur, og þá stöðva að samþykkja að nokkur hugtök og skilyrði. Hvað kóðinn fyrir þetta lítur út eins og er sennilega eitthvað þú might giska með smá hugsun núna. Ég hef fengið mynd tag hér. [00:16:32] Aðgerð er greinilega að fara að fara á skrá sem heitir register.php. Aðferðin sem ég ætla að nota er að fá. Og þá hef ég fengið texta reit sem heitir tölvupóstur. [00:16:40] Ég hef fengið password reitinn er nafn hans lykilorð. Ég hef fengið annað lykilorð sviði sem nafn er nokkuð geðþótta staðfesting. Það er bara annað HTTP breytu. [00:16:49] Og þá erum við að við höfum ekki notað þetta nema þar sem Frosh Spjallboð demo í class-- kassann sem er bara tegund jafngildir stöðva. Og ég ætla að kalla samninginn. Svo ég hef svona geðþótta en þægilega heitir þessum sviðum. Svo að nú þegar þessi mynd fær lögð, við skulum sjá hvað gerist. Ef ég malan@harvard.edu, Ég gera lykilorð Crimson. Ég skal gera lykilorð af engu. Við skulum ekki vinna. [00:17:10] Og ég mun ekki stöðva the kassi. Leyfðu mér að smella Register. Og það segir, HM, þú ert skráð. Ekki í raun. [00:17:16] En slóðin breyttist. Þannig að þetta mynd var greinilega leyft að leggja til register.php. En væntanlega ætti ég að vera smitandi sumar af þessum villum. Nú, í Pset7 og sumir fyrirlestursins dæmi okkar, við myndum almennt prenta út stór rauður villuboð hér segja, vantar nafn, eða vantar lykilorð. Við höfum gert það áður og við höfum gert framreiðslumaður hlið villa uppgötvun. [00:17:37] En margir vefsíður þessa dagana gera viðskiptavinur hlið villa uppgötvun þar sem URL breytist ekki. Allt síðan er ekki hressa. Þú færð augnablik endurgjöf úr vafranum. Kannski fer eitthvað rautt. [00:17:48] Kannski þú færð að skjóta upp kollinum. En þú sóa tíma að senda til þjóninum gögn sem er ófullnægjandi. Svo skulum sjá hvernig við gætum ná að lögun eins og heilbrigður. [00:17:56] Leyfðu mér að fara að form1.html, sem lítur sama. En ef þetta skipti sem ég gera malan@harvard.edu og ég pikka Crimson og ég vinna ekki frekar en smelltu Register, taka núna. Það er ekki kynjamisrétti lausnin. Ég hef að minnsta kosti lent þessa villu. Og ég hef notað viðvörun virka í Javascript-- sem við erum bara að nota í bekknum. Almennt, ættir þú ekki að nota þetta því það getur mjög fljótt að fá út böndunum. En Lykilorðin passa ekki er villa. [00:18:19] Leyfðu mér að fara á undan og smelltu á OK. En hvað lykillinn takeaway hér er að vefslóðin breyttist ekki. Þannig að ég hef ekki nenni eyðileggjandi tími miðlarans spyrja hana spurning að ég gæti hafa mynstrağur út svarið til mín. [00:18:30] Og notandinn, jafnvel þótt verið að tala um þetta lengur en notanda fara að hugsa um þetta, er að fara að hafa augnablik viðbrögð. Það er engin leynd með net tengsl. Svo skulum líta á þetta uppspretta merkjamál. [00:18:40] Form1.html útlit sambærileg upp hér. Eyðublaðið er í raun það sama. En við skulum sjá hvað ég gerði hérna. Og það er mismunandi leiðir til að gera þetta. Og ég hef gert mest beint fylgismaður en ekki flest glæsilegur vegur enn. Ég er með handrit tag. Ég kalla þá document.getElementByID ('skráning'). Og ég að geyma þetta gildi í formi, breytilegt. [00:19:04] Svo hvað hef ég gert? Þú getur hugsað document.getElementByID eins og að vera sérstakt fall sem JavaScript gefur þér sem bókstaflega hendur þér bendi til einn af hnúður eða ferhyrninga í þessu tré. Svo er nú það sem mynd breytu okkar JavaScript er í raun að benda á. [00:19:21] Svo nú er setningafræði frábrugðin C. En við erum að gera nokkra hluti hér. Einn, þetta er svolítið skrítið útlit, vissulega móti C. En líta á línu 35. Svo á vinstri form.onsubmit. Muna að onsubmit er eins sviði í strúktúrinn. Ef þú heldur á forminu breytu er bara að vera C strúktúr, það gæti hafa sumir sviðum. [00:19:42] Til baka í dag, við höfðum nemendur nöfn, Auðkenni, hús, þeir konar sviðum. Hugsa bara um onsubmit sem annar sviði. En það er sérstakt sviði vegna þess að vafrinn er forritað að búast .onsubmit að ekki vera tala eins fjölda eða band, en í raun vera fall eða heimilisfang fall í minni tölvunnar. [00:20:02] Og reyndar, það er það þetta leitarorð hér gerir. Þetta segir, gefa mér nýtt hlutverk. En hvað er nafn hennar fara að vera, virðist? [00:20:09] Hugsun aftur til mánudags. Hvað er nafnið á þessu virka byggt á þessari setningagerð? Nei, ég meina, það er greinilega ekkert nafn associated-- vissulega ekki í það sem ég hef tilgreindir hér. [00:20:21] En það er í raun í lagi. Þetta er nafnlaus virka, eða lambda virka eins og sumir gætu kallað það. Og það bara þýðir það er samt að virka. Það er bara, þú getur ekki kalla það með nafni. En það er allt í lagi. Því aftur, vafrinn hefur verið forritað með því að fyrirtæki eins og Google eða Microsoft eða Mozilla eða fleirum til bara veit að ef .onsubmit sviði inni af a mynd þáttur hefur gildi, meðhöndla það eins og a function-- fall músina, ef þú vilt. Og kalla það þegar mynd er send inn. [00:20:46] Svo hvaða kóða ætti að framkvæma þegar mynd er send inn? Apparently, allt inni á hrokkið Brace. Og þetta er bara stylistic. [00:20:53] Þú gætir gert þetta eins Við hafa tilhneigingu til að gera í CS50. En í JavaScript, flestir hafa tilhneigingu til að halda henni á sömu línu bara vegna þess að það er meira greinilega tengdur þeim leitarorð virka. Svo nú hvað er ég að gera? [00:21:03] Ef form.email.value jafnt jafn tóman streng eða ekkert, hér er viðvörun þar sem ég ætla að segja, þú verður að gefa netfangið þitt, og síðan aftur falskur. Og það er það return false sem veg formið frá því að vera lögð. Á sama tíma, ef lykilorðið gildi er auður, ég ætla að æpa á notanda og segja, þú verður að gefa upp lykilorð. [00:21:21] Meðan hlutirnir eru að fá smá áhugamaður hér. Ef form.password.value ekki jafnt form.confirmation.value, á öðru sviði, æpa á notanda um að lykilorð passa ekki eins og þeir gerði ekki augnabliki síðan. Og þá er þetta einn a lítið sexier því I veit ég vissi hugmyndalega að merkt er nafn kassann er. [00:21:40] Svo ég get bara notað upphrópunarmerki benda til segja ef stöðva er ekki checked-- það er Boole gildi, satt eða false-- Ég æpa á notanda af þeim sökum. Annars, ef við fáum í gegnum allar þessar aðstæður, skulum aftur bara satt. Láttu mynd fylgja umsókn. Og þetta mun þá gerast. [00:21:56] Skulum slá í Crimson. Skulum athuga kassann, smelltu Register. Og nú er ég að fara í gegnum til áfangastaðar. Nú, það er engin gagnagrunnur þar. Það er ekkert áhugavert í register.php. Ég þurfti bara eitthvað að raunverulega tala við. Svo láta mig hlé, hér. Einhverjar spurningar um það sem við höfum bara gert eða það sem sumir af þessum nýja setningafræði er? OK, já? [00:22:17] Áhorfendur: Svo allir gátreitinn er sjálfkrafa Boole. Þú þarft ekki að lýsa henni svona. [00:22:21] DAVID J. MALAN: Rétt. Allir kassann sem er sent til þín frá HTML formi JavaScript kóðann þinn verður að meðhöndla, já, eins og a Boolean value-- satt eða ósatt. Það er góð spurning. En önnur gildi, af Auðvitað hafa verið texta, AKA strengi. [00:22:36] Allt í lagi, þannig að við skulum mig baka aðeins lengra. Hvað var allt lið af þessu? Bara til að vera skýr. Eins vitum við nú þegar, jafnvel frá Pset7 og jafnvel frá síðustu viku fyrirlestur dæmi, sem við getum augljóslega athuga $ _GET $ _POST Sjá ef notandinn gefur okkur tómt gildi. Mundu tóma fall í PHP. [00:22:54] Svo bara að vera ljóst, hvað er ein ástæða getur verið að við langar til að gera þetta villuprófun inni í vafranum? Hvað er hvatning hér? Já. [00:23:06] Áhorfendur: Festa, og þú þarft ekki senda gagnslaus gögn til the framreiðslumaður. DAVID J. MALAN: Good. Það er fljótlegra. Þú sendir ekki gagnslaus gögn til the framreiðslumaður. [00:23:12] Þannig að þú færð til baka a fleiri strax svar. Og í heild, sem notandinn reynsla er betri. Hugsaðu um val. [00:23:17] Ef fyrir Gmail-- og var málið fyrir mörgum árum. Segjum að þú fengið nýtt email Gmail reikning, en eina leiðin í gegnum að sjá það er að, eins og, endurhlaða alla síðuna. Eða hvaða þú smellir á tengill að lesa tölvupóst. [00:23:29] Allt þarf að endurhlaða svo að þú getur séð póstinn. Eða Facebook-- þú færð spjallskilaboð. Þú sérð það ekki fyrr en þú endurhlaða síðunni eða smella sumir tengil. [00:23:36] Eins og þetta væri afskaplega pirrandi notandi reynsla. Og þetta er það sem það var eins, greinilega, til baka þegar ég hljóp fyrir UC og vefur var mun minna dynamic og JavaScript var ekki eins útbreiðslu eins og það er nú. Og hlutirnir eru að fá mikið meira dynamic og margt fleira viðskiptavinur hlið í þeim skilningi. [00:23:49] En það er a grípa hér, og Þetta er góður af pirrandi Gotcha. Bara vegna þess að þú bæta viðskiptavinur hlið uppgötvun svona þýðir ekki þú getur eða ætti að yfirgefa framreiðslumaður hlið uppgötvun. Þú vilt í raun að setja þinn villuprófun á báðum stöðum. Vegna þess að það var eitt lexíu lært úr greininni sem ég las nokkur brot úr með þetta heimskur CMS system-- Content Management System-- sem var framkvæmd staðfesting kerfi, innskráning hennar í gegnum hvaða kerfi? JavaScript. [00:24:20] Áhorfendur: JavaScript. DAVID J. MALAN: JavaScript, nákvæmlega, ekki satt? Það var að nota JavaScript. Og bókstaflega, hafa þig krakkar spilaði smá sennilega með Eftirlitsmaður Króm. Og ef ég get fundið það, skoða frumefni. [00:24:30] Leyfðu mér að fara yfir til að gera alla möguleika Króm. Og þetta er hversu auðvelt það er að slökkva Javascript í vafranum. Athuga, ekki fleiri JavaScript. [00:24:38] Svo í sanngirni, a einhver fjöldi af vefnum þessa dagana er bara að fara að brjóta af því Gmail og aðrar sites-- Facebook-- ráð fyrir að JavaScript er virkt. En ef þú ert að gera eitthvað heimskulegt eins og eini staðfesta Notendur inntak og stöðva það fyrir villur á viðskiptavinur hlið, mótstöðumaður gæti auðveldlega gert þetta. Og þá jafnvel betri Óvinur eins ykkur nú gæti nota Telnet eða Curl eða bara stjórn lína stjórn og í raun að senda skilaboð til the framreiðslumaður sem álíka eru ekki Villa köflóttur. [00:25:05] Svo er þetta meira af notendaviðmót ákvörðun en það er í raun tæknilega improvement-- framkvæmd eitthvað viðskiptavinur hlið svona. Svo nú fljótur tillit, en þá Ég fresta til online göngu gegnum fyrir þessu. Í formi tveggja, fórum við í raun í gegnum og hreinsa upp kóðann svolítið. En láta mig fresta einni af the vídeó við munum líklega grafa í Pset8 sem bara sýnir þér svipað setningafræði með bókasafn kallast jQuery, sem er frábær, frábær vinsæll bókasafn í JavaScript að hreinskilnislega flestir bara nota þessa dagana og jafnvel rugla eins tilvera JavaScript sjálft. [00:25:37] Og það hefur tilhneigingu til að fela í sér sumir dollara merki og leitarorð eins skjal í sviga hér. En aftur, láttu mig fresta að sumir hægari námskeið online frekar en að fá bundin upp í bara setningafræði. Skulum fara að eitthvað smá kælir hvað varðar umsókn um þetta. [00:25:50] Svo einkum láta mig fara undan og opna upp þetta hér. Komdu. There við förum. [00:25:59] Leyfðu mér að opna þessa mynd hér. Óþarflega flókið útlit, en það lýsir tækni sem nefnist AJAX-- Ósamstilltur JavaScript og XML, þar X fyrir XML er í raun ekki lengur í raun notað. Það hefur tilhneigingu til að nota eitthvað annars heitir JSON. [00:26:13] En hér er hvernig eitthvað eins Google Maps eða Google Earth virkar. Skulum reyna þetta á flugu, reyndar. Leyfðu mér að fara á undan og opna upp Chrome á vafranum mínum. [00:26:21] Og láta mig fara inn í, segja, maps.google.com. Og í raun, ef þú ert gömul nóg að muna hvað, eins, MapQuest var eins aftur í dag, og kannski þeir vinna samt svona. Þegar þú notaðir til að leita að something-- 33 Oxford Street, Cambridge, Mass, skulum gera this-- þig myndi reyndar, ef þú vildi hliðra upp og niður, til vinstri og hægri, þú vildi líta út eins og a stór ör ofan, og það myndi sýna þér annað ramma af kortinu hér. Eða þú myndi smella til vinstri og þú myndi fara yfir hér, eða annar smellur og þú myndir fara yfir hérna. Heldur þetta daga, við auðvitað bara taka sem sjálfsögðum hlut að við getum farið kringum Cambridge ansi hratt bara með því að smella og draga. En taka það er sumir galli. [00:26:59] Ef ég gera þetta nógu hratt, það virðist vera að gerast eins og ég draga aðeins of hratt fyrir the tölva til að halda upp? Hvað sérðu? Já. [00:27:07] Áhorfendur: The punktar gera hressa ekki. DAVID J. MALAN: The dílar ekki hressa ekki. There er actually-- og þér gat séð þetta, í raun, Ef þú ert að horfa á netinu og hlé þetta eða reyndar hægir það niður fyrir once-- þú munt sjá að það eru flísar, ferninga eða rétthyrninga sem vantar úr kortinu þangað Eitt andartak síðar, fleiri gögn, Fleiri myndir í raun birtast á skjánum. Og í raun, ef við gerum þetta með því að leita upp Chrome's-- Segjum, Chrome-- skulum sjá. Við getum ekki gert það. [00:27:31] Oh, Úpps. Skulum opna maps.google.com. Leyfðu mér að gera glugga stærra aftur. [00:27:36] Fara aftur til 33. Oxford Street. Hvað var vefsíða sem ég var á nýlega? Ég hafði þetta, eins og, persónulegur gífuryrði til sjálfur að ég myndi þá augnablik skilaboð allir vin sem var á netinu sem vildu heyra það. There 'sumir website. Ég held að það er Comcast-- svo mjög stór American ISP. Þú getur, þegar þú skráir þig fyrir nýja snúru mótald þjónustu eða kaðall TV þjónustu, þeir hafa mynd mjög sanngjörnu þar sem þeir biðja þig um heimilisfang þitt. Og hafa þetta ótrúlega lögun gestur farartæki heill, eins og Google, sem byrjar að fylla í svari við spurningu þinni. [00:28:04] Vandamálið er, að þeir gera sjálfvirkt heill á því fyrsta sem þú skrifar. Þannig að ef þú byrjar að slá inn 33, það mun sýna þér bókstaflega hvert hús í Ameríku sem byrjar með númer 33 en lengra er haldið við ætlast til að þú að slá meira. Þannig að ef þú skrifar 33 Oxford, þá sýnir það þér hverja götu í Ameríku sem hefur náð 33 Oxford í nafn þess, án tillits til þess í bænum að þú ert í. [00:28:25] Og þá þú halda áfram að skrifa. Og að lokum, áttar það að þeir gera ekki bjóða þjónustu á heimili þínu í Cambridge eða eitthvað svoleiðis. En punkturinn er, þetta er mest asinine framkvæmd farartæki ljúka alltaf. [00:28:34] Og ég ætla bara að fara burt á þessu snertils aftur. En það eru góðar leiðir til að nota JavaScript og slæmt leiðir. Og það er ekki endilega best. [00:28:40] En punkturinn hér, áður en þetta tirade, var að opna verkfæri niður hér og opna verktaki verkfæri, eins og við höfum hvatt áður, og að horfa á Network flipann og ég smelli mjög hratt. Og eftir a heild búnt af fá beiðnir gerðist. Allt þetta gerðist þar sem ég dró. [00:28:57] Og líklegast, örugglega a einhver fjöldi af þessum röðum nú eru mynd slash JPEG MIME tegundir eða tegundir efnis. Það er vegna þess að það króm er að gera hvert skipti sem ég smellið og dragið, smelltu og draga, er það er að átta sig á, ó, ég þarf að fara biðja Google fyrir flísar á kortinu sem er hérna, fljótt sækja það um HTTP, og þá bæta við það til the svo-gestur DOM til the vefur flettitæki í minni tré framsetning þannig að notandi, mig, sér að uppfærða flísar. Og þetta er vegna þess að a tækni sem nefnist AJAX. Aftur í dag, það virkilega var raunin að ef þú langaði að breyta því sem er á skjánum, þú þyrftir að smella upp, niður, til vinstri, rétt. Og þá ný síða myndi opna. En þessa dagana, allt er meira dynamic. Það gerist í the vegur við mennirnir myndu vona að það væri í raun gagnvirkt. Og það er gert með því vegur tækni sem nefnist AJAX, sem er kannski besta skýra með dæmi. First, láta mig fara á undan og opna skrá kallast quote.php í dreifingu kóða dag. [00:29:53] Og þá láta mig gera symbol-- Úpps. Leyfðu mér að gera tákn = GOOG fyrir aðeins nokkurn lager. Eða reyndar, við skulum gera einn frá Pset Free. Enter. [00:30:05] Og nú eftir því sem ég kem aftur. Þannig að þetta er í raun stutt PHP skrá sem ég skrifaði að einfaldlega láni kóða frá Pset7 er útlit virka og spits út með þetta hrokkið Brace og vitna og ristill merki, virðist, verð núverandi STOCK er fyrir fyrirtæki sem þú gefa í gegnum fá. Þannig að þetta er öðruvísi frá flestum sem við höfum gert í tilkynningunni sem ég er bókstaflega spúandi það lítur út eins JavaScript kóða. [00:30:27] Í raun er þetta JavaScript mótmæla. Í raun, bara til að vera skýrari, JavaScript Object Notation-- JSON-- er bara fínt leið til að segja að þú getur táknað gögn í JavaScript mikið eins og þú getur í PHP með lykill gildi pör. Svo ef ég vildi að lýsa breytu í JavaScript að táknar Zamyla, fyrir instance-- a strúktúr fyrir Zamyla-- og við munum kalla það nemandi, þessa breytu. ID hennar er einn, húsið er Winthrop, og nafn er Zamyla. [00:30:53] En ég get líka haft fjölda af hlutum. Svo ef ég vildi í raun að hafa fylki í JavaScript inniheldur margar slíkar hluti, þetta tími fulltrúi starfsfólks, Ég gæti hafa þessar þrjár klumpur af kóða aftur til baka til baka fyrir þessum Þrír fyrrum starfsmenn. Svo setningafræði, nokkuð svipað both-- á PHP. En þetta er sérstaklega JavaScript. Það er merki mótmæla. Svo er það þetta gagnlegt fyrir? [00:31:17] Ef ég skrifa kóða sem spits út JSON-- JavaScript Object Notation-- efni sem lítur út eins og þetta eða efni sem lítur út eins og uppbyggingu Zamyla er, Ég get í raun notað þetta í áætlunum I skrifa. Leyfðu mér að fara að ajax0.html. Og þetta too-- ekki mikið hélt gefið fagurfræði. En horfa á það sem gerist. [00:31:34] Leyfðu mér að fara á undan og tegund ókeypis hér. Smelltu fá póst. Og taka eftir vefslóðin hefur ekki breyst. En ég var að fá skjóta upp með virðist hlutabréfa eyri dag á $ 0.15. Svo ekki allt svo slæmt. En munurinn er sá að einhvern veginn, þessi gögn kom aftur til mín beint. En við skulum taka skref í átt eitthvað fleiri kunnugleg. Í útgáfu eitt af þessu, láttu mig slá frjáls aftur, smelltu Fá vitna, og now-- ó, þetta var raun jQuery útgáfu. Svo skulum me-- ég gerði ekki hratt áfram alveg nógu langt. Leyfðu mér að fara í útgáfu tvö, sem er þar sem ég vildi. Taka eftir hvað ég hef gert hér. ÉG hafa a vefur page-- a frábær einföld útgáfa af hvaða vefsíðu þú gætir notað í dag með textareitinn hér fyrir frjáls og þá virðist bara texta. [00:32:14] Þetta er ekki mynd hérna, greinilega. En ef ég smelli fá quote, taka vefsíðu mína er að fara að breyta eins og ég bara ný spjallskilaboð eða eins og ég flutti bara kort og þurfti að fá meiri upplýsingar bætt mjög virk á vefsíðu án URL breytast og notanda reynslu fá hlé. Reyndar, ég er enn á nákvæmlega sama place-- ajax2.html. [00:32:35] Svo skulum líta aðeins á þessu dæmi og sjá hvernig þetta er að gerast. Leyfðu mér að fara inn í ajax2.html. Og taka mynd fyrst. [00:32:44] Down hér, ég er að snúa burt farartæki heill. Stundum fær það pirrandi ef vafrinn er að reyna að sýna þér heild saga. Svo þú getur gert það í HTML með bara að segja sjálfvirka ljúka burt. [00:32:53] Ég hef gefið þetta textareitinn a symbol-- frekar, sem auðkenni tákn. Og nú er þetta áhugaverður lögun. Við höfum ekki talað um haf, en hægt er að hugsa um það eins efnisgreinaskipun eða div tag. Það er það sem er kallað í-lína frumefni, sem þýðir að þú munt ekki fá lið brjóta ofan og neðan það. Það er bara að fara að vera í línu án hitting jafnvirði slá. Þannig að ég hef gefið þetta bút af HTML til að ákvarða sérstakt kennimerki að ég kallaði geðþótta verð. Og ég er með Senda hnappinn. [00:33:21] Vegna þess að nú upp here-- og er þetta reyndar frábær ótrúlegt hversu lítið númer þú getur skrifað að gera tiltölulega snyrtilegur things-- taka eftir hvað ég hef gert upp hér ef ég fletta upp í höfuð á þessari síðu. Ég hef sett með fyrst í höfuð mitt handrit tag sem raunverulega tilvísanir a JavaScript skrá annars staðar. Þetta er frá stofnun sem skrifar jQuery, og þetta er bara að gefa þér nýjustu útgáfa af jQuery bókasafn þeirra. [00:33:42] Þannig að þetta er góður af eins og skarpur meðal annars í C eða krefjast í PHP. Þú notar handrit tag með uppspretta eiginleiki. En nú er eigin númerið mitt fara að vera rétt hérna. [00:33:52] Tilkynning Ég hef virka kallast Quotes. Og það lítur svolítið Cryptic við fyrstu sýn. En við skulum stríða þetta sundur. Gefðu mér breytilega kallað vefslóð. Tengja það bókstaflega þessum streng. Svo, einn quotes, gæsalöppum í JavaScript gefur bara mér streng. Hvað þýðir plús gera? Samtenging. [00:34:08] Þannig að þetta nú er jQuery setningafræði sem tekur smá að venjast. En þetta bara þýðir fara fá mér DOM hnút sem Auðkenni er tákn. The hashtag það þýðir Auðkenni tákn. [00:34:21] The dollaramerki í sviga bara meina, vefja þetta í jQuery eins konar leyndarmál sósu svo þú færð frekari virkni. Og þá er .val virðist fall, eða eins og við segjum nú, Aðferð inni af þessum hnút sem bara gefur þér gildi. Svo í stuttu máli, ljótt og ruglingslegt sem þetta lítur við fyrstu sýn, þetta bara þýðir fá með notanda slegin í, setja það í lok band með concatenating það. Það er allt. [00:34:43] Svo nú, síðustu þrjár línur. Þú getur kreista mikið af virkni af þremur línum. Þetta dollaramerki, Sem hliðar, er bara gælunafn um sérstakt alþjóðlegt breytu heitir bókstaflega jQuery. [00:34:55] Dollar skilti lítur bara flott. Svo jQuery samfélag bara góður notuðum hana sem sérstaka tákn þeirra. Það þýðir ekki hvað það þýðir í PHP. JavaScript, dollara merki er bara eins og bréf í stafrófinu eða tala í breytu. [00:35:07] Þú getur bara haft það eins og nafnið. Bara lítur kaldur. Þannig að samfélagið samþykkt það sem gælunafn fyrir eigin bókasafn þeirra heitir jQuery. [00:35:13] Og það er frábær vinsæll. Svo fá JSON er einmitt það. Það er fall sem fólkinu á jQuery skrifaði sem fær JSON frá server-- JavaScript Object Ritháttur. Frá hvaða URL er það að fara að fá þessar upplýsingar? Apparently frá þessari vefslóð hér. [00:35:27] Og hvað ætti vafrinn gera eins leið og það fær aftur þetta svar? Og þetta er töfra AJAX, svo að speak-- ósamstilltur JavaScript í XML. Það er erfitt að sjá með svona einfalt dæmi eins og við höfðum hér. [00:35:41] En þetta var ósamstilltur í að því leyti að mitt númer þegar keyrð sendi skilaboð til miðlara til að fara fá mér JSON. Og það gerðist frábær fljótur að ég fékk svar. En hvað er áhugavert er að þetta lína af kóða ekki hanga tölvuna mína. [00:35:55] Ég vissi ekki að sjá spuna táknið. Ég vissi ekki að missa getu til að hreyfa músina mína. Vafrinn minn var reyndar fullkomlega fínn. [00:36:01] Vegna þess hvernig JavaScript annast svar frá þjóninum er sem hér segir. Þú skráir þig það sem þú vilt kalla svarhringingu virka, sem bara þýðir, hey, JavaScript. Um leið og miðlara svarar með JSON, vinsamlegast kalla þetta nafnlaus virka. [00:36:18] Og vinsamlegast lentu í þessa aðgerð hvað band þjóninn spýta út sem rök heitir gögn. Svo í öðrum, orðum, ef Ég ætla að setja saman virk a URL quote.php liggur í þessu tákn eins og ókeypis eða GOOG eða whatnot, Ég ætla þá að segja JavaScript fara fá þessi vefslóð. Muna að vafra er að fara að skila eitthvað sem lítur út eins og við sáum earlier-- þetta. [00:36:42] Og hvað annað rifrildi hér til að fá JSON er að segja er kalla þessa aðgerð þegar þjóninn fær aftur hvort sem það er 10 millisekúndur héðan eða 10 sekúndur frá núna. Og um leið og þú gerir, bæta verði við síðuna. Þetta setningafræði hér bara muni fara að fá hnút af trénu sem Auðkenni er price-- sem spanna við sáum áðan. [00:37:01] Þessi aðferð kallast HTML bara segir, fara skipta HTML sem er þar með data.price. Hvað er data.price? Jæja, vafrinn, muna, sýndi mér þetta aftur. Þannig að þetta eru gögn. [00:37:14] Og svo er það svolítið dulinn að sjá kommur hér. En í raun, láta mig gera þetta. Leyfðu mér að líma bara þetta alvöru hratt í gedit og sýna þetta eins við sýndum Uppbygging Zamyla fyrr. [00:37:27] Hvað þjóninn er að senda til baka er a lítið hlutur sem lítur svona út. Og svo er data.price bara að gefa mér 0,1515. Svo mikið að færa hlutar hér allt í einu. [00:37:39] En lykillinn Takeaways er að við höfum þessa getu að gera frekari HTTP beiðnir nota JavaScript án þess að þurfa að endurhlaða síðunni. Og þá getum við í raun breyta vefsíðu á flugu. Og það kemur í ljós að JavaScript og öðrum tungumálum er hægt að nota nú ekki aðeins að mutate vefsíður, en í raun skrifa hugbúnað í raun tölva, ekki bara bundin við króm eða þess háttar. [00:38:00] Í raun if-- Colton, viltu eins og til að tengja okkur aftur upp hér með Lab númerið, og Chang eins og heilbrigður? Skulum fara á undan, hafa talað um nafnlaus virka og callbacks og raunverulega freista örlög hér með lifandi kynningu með blæðingu brún tækni, einn af þessi Elite Hreyfing tæki. Nú, þetta tæki, muna, er svolítið USB tæki auk that-- það er beautiful-- sem tappi í USB port á tölvunni. [00:38:25] Og þá veitir það inntak í formi manna bendingar með því að finna að nota innrauða geislar, meginatriðum, hreyfingar frá handlegg. Svo en hvað Maria reyndi á áður var vöðvastæltur, raun tilfinning hvað er að breytast handlegginn, þetta er innrautt byggð. Svo það er útlit fyrir hreyfingum innan svoleiðis kúlu á fæti eða svo af tækinu sjálfu. [00:38:46] Svo hvers vegna gera ég ekki taka a stunga á þetta fyrst? Og við skulum fara á undan og kasta þú upp á kostnaður hér. Svo skulum við setja fartölvu Colton er upp hér. Við höfum fengið Andrés í sjónvarpinu. Og hvað viltu að ég geri fyrst? [00:39:00] COLTON: Fara á undan og bara setja hendurnar yfir þessum gaur og þú munt sjá nokkrar stórkostlegur Ljómi. [00:39:04] DAVID J. MALAN: Very nice. Þetta er allt að gerast í rauntíma. OK. Allt í lagi, og Já. Svo gott. Allt í lagi, hvað annað getum við gert? [00:39:15] COLTON: Fara á næsta skjá og sjá. [00:39:17] DAVID J. MALAN: Allt í lagi. [00:39:19] COLTON: A skemmtilegur lítill leikur þar sem þú færð að gera vélmenni. [00:39:21] DAVID J. MALAN: Allt í lagi, þannig að þetta er falsa hendur sýna mér hvað ég á að gera. COLTON: Já Svo fara á undan og grípa einn af blokkir og setja hana ofan á líkamanum sem vélmenni er. DAVID J. MALAN: Oh, það er hönd mín. Oh. OK, dásamlegur. Bíddu, OK. There við förum. [00:39:41] COLTON: Ég gerði einn á slys. [00:39:43] DAVID J. MALAN: OK, ég næ þessu strákur. Fjandinn það! Þegar við vorum að æfa þetta síðasta nótt, þú veist hvað þetta fela í? [00:39:51] Eins og þetta. OK. Næsta einn? [00:39:55] COLTON: Jú. [00:39:56] DAVID J. MALAN: Allt í lagi, og það er þriðja. Allt í lagi. COLTON: Og í þessu einn, þú fá to-- DAVID J. MALAN: Oh, This einn er fallegur. COLTON: --yeah, taka sundur þetta blóm. DAVID J. MALAN: OK. Nei? Ungfrú. [00:40:14] COLTON: Oh, þar sem þú ferð. [00:40:15] DAVID J. MALAN: Ah, Horfðu á það. Mjög gott. Ja, hvers vegna dont 'við tökum út einum sjálfboðaliða hér sem langar að koma á upp. Hvernig um þarna í græna, er það? [00:40:27] Allt í lagi, og við skulum have-- stað þess að gera það, sumir af þú gæti vita þennan leik here-- skera reipið, kannski? Við skulum sjá. Við höfum gleraugu okkar á hérna? [00:40:37] OK. Þakka þér. Hvað er nafn þitt? [00:40:39] Áhorfendur: Laura. [00:40:40] DAVID J. MALAN: Laura? Gaman að sjá. Ef þú dont 'hugur ekki að setja Google Gler yfir gleraugun. Þetta er Colton. [00:40:46] COLTON: Hi. Gaman að hitta þig. [00:40:48] DAVID J. MALAN: OK, komdu í kring. Allt í lagi, svo það sem þú ert að fara að gera hér, hafa spilað þetta áður, er sett hönd þína yfir stökkið Motion hér. Og nú arrow þinn ætti að fara. Oh, nei. [00:40:57] Áhorfendur: Nei [00:40:58] DAVID J. MALAN: Við vil ekki að hætta enn. OK, bíddu. Hérna. Svo eftir eins og þú halda þinn fingur yfir eitthvað, músin byrjar að fara grænn, sem er hvernig þú smellir. [00:41:06] Svo sveima yfir Play. Og bara einn fingur er fínn. Og nú að smella á litla grænt strákur á vinstri. Og nú halda þar til hún fyllist grænt. Good. Nú, eins og, stigs upp toppinn. [00:41:16] Áhorfendur: Já, við viljum stigs, hér. [00:41:20] DAVID J. MALAN: Good. OK, þannig að allt sem þú þarft að gera er að skera reipið. Bendilinn er hvítur einn þarna niður. [00:41:28] Mjög gott. Allt í lagi, það er um að fá erfiðara. Svo haltu fingrinum á næstu núna. Good. Þetta er erfitt. [00:41:39] Áhorfendur: Oh vitleysa. OK. Það vill fara þannig. Ó vitleysa, that-- [00:41:44] DAVID J. MALAN: Já. Öðru lagi er markmiðið að fá allar stjörnurnar. Allt í lagi, næsta. [00:41:53] Við skulum sjá hvort þú getur fengið þetta þriðja. Good. OK, fara þarna. [00:42:06] Jú. Oh, mjög gott. Allt í lagi. [00:42:11] Svo hvers vegna eigum við ekki að fresta hér í dag? Láta neinn koma á upp sem vill spila. Takk svo mikið að Laura sjálfboðaliði okkar. Og við munum sjá þig á mánudaginn. [00:42:18] Áhorfendur: Þú vilt sennilega þær aftur. [00:42:21] Ræðumaður 2: Á næsta CS50--