DAVID J. Humala: Olgu, nii et see siin on Müo arm bänd, paar, mida me on ette CS50 lõplik projekte. Ja see oli demonstratsioon meil sabas sind ette, kus sisuliselt see üsna pingeline käe bänd siin kuulab oma lihaste liigutused et seejärel kaardistatud tarkvara Colton sülearvuti siin, mis tuli iTunes ja et laul juba sabas üles. Selle asemel, et mind demoing see, Colton on olnud laboris selgelt terve nädala saada meeleavaldus valmis üks vapper vabatahtlikuna. Kui keegi tahaks tulla kohta up-- nägin oma käsi esimene. Tule üles. [00:01:09] Hea küll. Ja mis su nimi on? 

[00:01:13] Sihtrühm: Uh, Maria. 

[00:01:14] DAVID J. Humala: Maria, kena sind näha. Tule siia. Lubage mul tutvustada teile Colton. Colton, see on Maria. 

[00:01:21] COLTON: Tere, meeldiv tutvuda. 

[00:01:23] DAVID J. Humala: Kõik õige, nii et samm üks, me oleme läheb on paned see on teie küünarvars nii et see on päris pingeline up lähedal küünarnukk. Ja vahepeal, et vaatame pane meie Google Glass ja me segada tehnoloogiate täna. 

[00:01:33] COLTON: Esiteks me peame konks seda arvesse asju. 

[00:01:36] DAVID J. Humala: OK. Tegelikult, olgem pane oma käsi nagu lähedal selle kaabli kui võimalik nii et saame esimese sünkroonida see üles. 

[00:01:41] COLTON: Teeme seda. 

[00:01:42] DAVID J. Humala: Ja vahepeal nii et igaüks võib saada lähemale pilgul me Toss Andrease kaamera kuni ekraanile seal. Nii et meil on USB-kaabli abil on ühendatud Maria käepael. Ja las ma Toss Colton ekraan kuni projektori kõrval. 

[00:02:00] Nii Colton on registreerunud seade nüüd Müo ühendatud selle kaabliga. Ja nüüd, mida Maria kavatse teha hetkeks tegelikult kõndida läbi kalibreerimisetappide ja õpetada tarkvara kuidas tema lihased vastata kui ta teeb teatud ettemääratud žeste, et tarkvara saab aru. Kui soovid minna ekraani ees. OK, üritame. 

[00:02:30] COLTON: Mine niimoodi. Ja niimoodi. Ja kogu tee paremale. Mine tagasi. 

[00:02:35] DAVID J. Humala: OK. Erinevast vaatenurgast. See ei ole teie jaoks. See on meie. 

[00:02:40] MARIA: OK. DAVID J. Humala: Ei Liigume see kõrgemal nii et see on lähemale oma küünarnuki või isegi tihedam. Hea küll. 

[00:02:52] Siin me läheme. See oleks hea aeg CS52X. Seal me läheme. 

[00:02:57] Väga kena. OK. Thumb kuni roosakas. 

[00:03:02] Väga kena. Hinnavahe sõrmedega. Väga hea. Wave õigus. See uudishimulikult näitab sa vasaku hand-- 

[00:03:17] COLTON: Jah, see on imelik. DAVID J. Humala: Laine paremale ja edasi liikuda. Fast forward vahele või kõrval. See on OK Wave õigus. 

[00:03:25] MARIA: Ma don't-- ootama. 

[00:03:26] DAVID J. Humala: Vajad abi? 

[00:03:28] COLTON: Nii et sa lähed niimoodi. MARIA: See on keerates Teine asi, kuigi. COLTON: On. DAVID J. Humala: Jah, ma ei tea miks see näitab teile, leftie. COLTON: Miks sa ei try-- lihtsalt proovida läheb niimoodi. 

[00:03:38] DAVID J. Humala: No? Võib-olla jõuavad oma käsi välja veidi sirgema ja muuta see järsku niimoodi. Jah, olgu, tule. 

[00:03:48] MARIA: mul on kahju. DAVID J. Humala: See ei ole sinu süü. COLTON: See on hea. DAVID J. Humala: All Right. Well-- 

[00:03:56] MARIA: Kas me peaksime jäta see siis on? DAVID J. Humala: Jah, olgem teile pigist. Nii et kui keegi tahaks teha Lõplik projekt, kasutades seda tipptasemel riistvara, mõistan, et see võib lihtsalt võtta veidi harjumist. Ja see-- reaalsus on see on tegelikult väga verejooks serva. 

[00:04:10] See on see, mida nimetatakse arendaja kit, mis on mõeldud peamiselt pre-release et inimesed saaksid teha täpselt see-- võidelda sellega, joonis kuidas inimese organismi tööd tehnoloogiaga. Nii et kui soovite hiljem, pärast loengut me ei saa teile tulevad ja võtab teise torkehaav seda. Aga muidu, aplausi, kui Võiksime Maria tulid üles. 

[00:04:26] MARIA: Aitäh. 

[00:04:28] DAVID J. Humala: Aitäh. Me riputada, kuid me anname sina-- kuidas stressi pall siin? Oh, and-- kui-- jah, aitäh. Hea küll. Nii kummaline, kui sa olid võõras heli valik et tegime seal varem, hämmastav TV näitavad, et sa peaksid kindlasti olema ohjeldamatu vaadates Netflix on see siin. 

[00:04:51] SPEAKER 1: Daamid ja härrad, mustkunstnik nimega Josh. 

[00:05:04] DAVID J. Humala: Ja ilmselt on see asi teksti mulle ajal loeng nüüd. Ma öeldakse, et Maria oli sünnipäev eile. Nii et palju õnne sünnipäevaks alates CS50 Maria samuti. 

[00:05:18] Nii et olete lugenud viimase kuu et see härrad siin, Steve Ballmer, kes oli tegelikult klass 1977 kolledž, hiljuti pensionile Microsoft. Ta oli üliõpilaste siin siis paar aastat hiljem leidis end juures Stanfordi Business School kui ta sai telefon helistada sõbraga, kes elanud alla saali Temalt siin Harvardis. See sõbra nimi oli Bill Gates ja ajal, ta püüdis värvata Steve olla esimene ärimees, tõesti, on väike firma nimi Microsoft. 

[00:05:45] Pikk lugu lühike, Steve oli lõpuks võitis, liitus Microsoft kui nad oli ainult 30 töötajat. Ja selleks ajaks, kui ta pensionil üsna hiljuti, Ettevõttel oli 100,000 töötajat Viimase paari aasta jooksul. Ja nii veebilehel tuntud Verge valmis see austusavaldus video et me arvasime, et oleme jagatud, mis annab teile tunde, kui palju energiat Steve toob esitlust ta annab. [VIDEO PLAYBACK] -Microsoft On nagu neljas laps. Lapsed teevad majast lahkuma. Sel juhul ma arvan Ma lahkun maja. Kuule Bill, whazzap? 

[00:06:23] -Wazzap? 

[00:06:24] Hei, wazzap? Me oleme saanud tohutu võimalus. Ja Bill andis meile selle võimaluse. Tahan tänada Bill eest. Ma tahan, et sa liiga. Innovatsiooni kiirust ei kavatse aeglane. 

[00:06:42] See läheb aina kiiremini ja kiiremini. Võib olla mõned konkurendid mis on kahjuks kõrvaldatud! 

[00:06:54] Ma armastan seda ettevõte. Jah! Ma olen arvutis, ja ma armastan seda firma! 

[00:07:08] Arendajad, arendajad, arendajad, arendajad, arendajad, arendajad, arendajad, arendajad. Jah! Web arendajad! 

[00:07:19] Web arendajad! Web arendajad! Kuula, mida sa veel saada ilma lisatasuta! 

[00:07:28] MS-DOS täidesaatva ametisse kalender, kaardi pakk, teadmiseks pad, kell, juhtpaneel. Ja kas sa seda uskuda? Reversie! 

[00:07:35] Põletada neid CD! Postitage neil MSN! Sa posti teel oma sõpradele! 

[00:07:40] Kõik ühe klõpsuga! Üks Microsoft üks strateegia, team-- keskendunud, distsiplineeritud, professionaalne ja ekspert kõiges, mida me teeme. Lubage mul kasutada joont vana filmi. 

[00:07:52] Suhted on nagu haid. Nad liiguvad edasi või nad surevad. Ma tegelikult arvan, et tech ettevõtted on samad. 

[00:08:01] [END VIDEO PLAYBACK] DAVID J. Humala: Nii et meil on nii hea meel, et teatada, et Steve on meiega siin CS50 järgmisel kolmapäeval kell tavaline koht ja aeg siin. Kosmos on tõenäoliselt piiratud. Ja nii meiega liituda isik, siis pea täna või pisut hiljem et cs50.harvard.edu/register. 

[00:08:22] Ja me järelmeetmed Teisipäev kinnitades laigud. Ootan, et järgmisel Kolmapäev ajal loeng CS50. Nüüd teiste uudiste Sattusin kohanud seda Crimson lihtsalt Teisel päeval. 

[00:08:34] Selgub, et üks CS50 töötajad ja vähemalt üks CS50 üliõpilastele praegu on käimas UC president ja asepresident, mis tõi mind tagasi minu enda päeva tagasi kui ma kaotasin UC valimiste vaeselt. Aga hõbedane vooder selles on mul alati öelda lugu on see, et üks Olen kindel palju põhjusi ma kaotasin valimistel oli täielik puudumine on annet avaliku esinemise. Ja nii päris ausalt, see ajasid mind, et kogemus Ma arvan, et mu noorem aastas, tegelikult kirjutama üles Harvard Computer Society, mis on rühm ülikoolilinnakus et omab erinevaid tehnilisi kõnelusi ja muid asju. Ja ma võtsin üle nende õpetamine seminaride ja seetõttu oli võimalus, suurepärane võimalus, alustada tööd just seda. Aga ka mul on olnud võimalus sel kogemus õpetada ennast enam HTML. Ja nii ma viivitanud eelmisel ööl, Vaata läbi HTML põhineb veebilehel Tegin nagu 1997. aastal '98, minu kampaania, mis näeb välja nagu see siin. Ma tean. 

[00:09:29] Because-- ja muidugi teade see hämmastav disain otsus 1998 või tühi-tähi. Esimene asi, mida sa tahad kasutajat teha pärast külastavad oma veebilehel on pead klikkima teisele link lihtsalt sisestada oma kodulehel siin munk taga nagu varju kardinate kus ilmselt minu kampaania platvorm oli. Ja see on kõik, mida saan täna on lihtsalt screenshot. Aga ma lugesin läbi, nagu, minu kampaania plakatid eile õhtul ja minu platvormi. 

[00:09:50] Ja ma olin nii vihane ajal. Minu platvorm was-- see oli huvitav. Nii et ma olen rahunenud ajast. Aga ühel päeval ma uuesti avada ja loodetavasti parem seekord. 

[00:10:03] Nii HTML, et keel, milles ma tegin et in-- saate kohe teha palju more-- on midagi, me oleme olnud räägime hilja ja suures osas võttena iseenesestmõistetavaks nüüd et oleme liikunud edasi teistesse keeltesse. Kuid olgem pausi hetk ja panna mõned neid asju kontekstis. Nii et lause, mis on HTML? 

[00:10:18] Või mida kasutatakse? Keegi? Jah. 

[00:10:20] Sihtrühm: Markup veebilehed. DAVID J. Humala: Markup kodulehel. Nii et see on märgistuskeel, et saab struktureerida veebilehele. Päise tõuseb siin pealkiri läheb siia, keha läheb siia. See on rasvases kirjas, see on italics-- et mingisugune detail. 

[00:10:33] OK, hea. Nii CSS laseb sina-- ja ma võttis mõned vabadused olemas koos julge sõidusuunas kaldkirjas sest mis on parem rakendada seda. CSS on-- mida? Ütle lause. Keegi üldse. Jah. 

[00:10:46] Sihtrühm: detailidega ja kraami, nagu kuidas kujundada seda. DAVID J. Humala: OK, hea. Kaunistustega, mis võimaldab teil projekteerida või Stilisoida see asjadega nagu rasvaseks ja kursiivis ja värve ja ka rohkem trahvi tekstuuriga positsioneerimine elemente. See omamoodi võimaldab teil võtta asju viimase miil nii, et kui, näiteks, aastal Pset7, siis võib-olla märganud oma portfoolio lehele kui sa oled selles kohas juba, et vaikimisi tabeli, et te teha, et näidata kasutaja väärtpaberiaktsiad ja raha ilmselt tundub päris kole vaikimisi koos tühiku. Kõik on omamoodi Täpötäysi koos read ja veerud. 

[00:11:18] Noh, natuke CSS, kui saate aru, tegelikult võite näpistama seda ja teeb selle midagi palju tuttavaid ja palju ilusam vaadata. Nii et CSS on umbes stiliseerimine veebilehed. Aga siis tutvustasime järjekordne keel, PHP, mis võimaldab meil teha seda, mida? 

[00:11:36] Lihtsalt tee seda, mida? Igaüks. Sai, otsima uusi Esimesed paar rida. Jah. 

[00:11:40] Sihtrühm: Loo dünaamiline sisu. DAVID J. Humala: Perfect. Loo dünaamiline sisu. Ja te võite seda teha suvaline arv keeli. Meil juhtub kasutada PHP, sest see on osaliselt nii sarnane C süntaks. 

[00:11:50] Aga PHP just selline. See võimaldab teil dünaamiliselt toodangut. Ja mõned, et väljund oleks HTML, nagu me oleme tavaliselt teinud. Ja see on ka, sest see on programmeerimiskeel, on mehhanismi, mille kaudu saame rääkida andmebaasidele. 

[00:12:03] Ja me saame teha päringuid teiste serverite nagu yahoos ja programmiliselt midagi teha tõesti, et võite muidu tahavad sundida arvuti teha. Nii PHP võimaldab meil alustada dünaamiliselt kirjutamine sisu. Nii et see loogika, ma ei ole dünaamilise veebilehe tagasi aastal 1998. 

[00:12:16] See oli lihtsalt staatiline veebileht. Minu sisu tuli muuta käsitsi gedit või mõnda samaväärset. Kuid PHP on see, mida me kasutada või võinud kasutada pigem midagi sellist Frosh IEd veebilehel, mis pidi võtma registreerimise ja hallata nimekirja users-- asju, tegelikult üleminevates aega, kuigi me juhtuda kasutada Perl, eri keele ajal. 

[00:12:35] Ja siis lõpuks, tutvustasime SQL-- Structured Query Language. Nii et veel üks keel mis on kasutatavad mida? Kasutatakse mida? Kas me võime minna slight-- OK, me ei kavatse saada palju kaugemale kui orkester siin. Sihtrühm: See on protokoll aga rääkida andmebaasidele. DAVID J. Humala: protokoll aga rääkida andmebaasidele. Lubage mul näpistama. See on kasutatud loomulikku keelt rääkida databases-- valib ja lisab ja kustutab ja uuendused ja tegelikult isegi rohkem funktsioone, me ei ole isegi sukeldus arvesse, kuid võiksite explore-- on uurida, ütleme, lõplik projekt. Seega on neid erinevaid tükki. 

[00:13:09] Ja loodetavasti Pset7, kuigi spetsifikatsioon on üsna pikk, see on tahtlikult pikk samm-sammult kaudu, kuidas need asjad võivad kõik trükkida koos. Nüüd, esmaspäeval, me tutvustas meie viimase keel et me ametlikult kasutusele võtta course-- see on, JavaScript. See, nagu PHP, on tõlgendada keeles. 

[00:13:25] Kuid peamine erinevus Pakkusin esmaspäeval on see, et arvestades, et PHP on täidesaatva või tõlgendatakse serveris, mis antud juhul on CS50 seade, või võib olla teatud kaubandusliku web server internetis, JavaScript üldiselt on keel, mis töötab kliendi poolel mitte server side-- nii brauseris. Kumb on öelda, just nagu siis, kui ma avasin üles Facebook lähtekoodi ja leidis kõik Nende js faili, andis mõista, et kui külastate Facebook või kõige veebilehed nendel päevadel, sa saad mitte ainult HTML, mitte ainult CSS, kuid terve hunnik JavaScript kood sageli kujul js-faile. Ja siis on browser-- oma Mac või PC-- mis täidab selle koodi. 

[00:14:03] Aga teie brauser käivitab selle. Võite mõelda mingi liivakast. Nii et JavaScript koodi ei tohiks olla võimalik kustutada faile oma arvutis. See ei peaks olema võimalik Saada meile oma nimel. Teie brauser omamoodi piirab mida sellega teha saab. 

[00:14:17] Nii et selles mõttes, et see on natuke vähem võimas ehk kui C. Aga JavaScript saad, kui kõrvale, kasutada serveris, kuigi me pigem ei räägi midagi selles kontekstis. Nüüd lähme siduda need koos. Nädal pluss tagasi esitasime mõned HTML kohta left-- super igav veebilehele. 

[00:14:34] Just ütleb hello world. Ja siis ma tegin ettepaneku kohta õige saame omamoodi varastada ideid meie arutelu andmestruktuurid C ja mõelda, kuidas see hierarhiline märgistuskeel vasakul saab koostada ja rakendada mälu kui tegelik puu struktuuri sõlmed ja viiteid ja sellist liiki andmeid. Paremal kutsume et DOM-- dokument Objekti Model-- mis on just fancy viis öelda puu. 

[00:14:56] Nüüd, miks on see kasulik ma arvan et sel viisil? Kuna nüüd JavaScript, sest meil on kood, mis saab mängida selles keskkond, tegelik HTML, mis on saadetud brauseris juba ja on juba laaditud mälu veebilehitsejate puu arvuti RAM, nagu see, mida saame kasutada JavaScript tegelikult läbida või kõndida või otsing või seda muuta DOM puu aga tahame. Nii et tegelikult, kui te arvate, umbes facebook.com, kui te kasutate chat funktsiooni, kui te kasutamine Gmail ja Gchati funktsiooni midagi, kui teil on mõtteavaldused ikka ja jälle ja jälle need sõnumid on ilmselt nagu, LI tag, Eesti toode sildid, võibolla. 

[00:15:35] Või äkki nad lihtsalt divs mis hoiavad ilmumist iga kord, kui sa kiirsõnumi. Ja nii see lihtsalt tähendab, mida Facebook või Google teeb on iga kord, kui sa sõnum serverist need on ilmselt kasutades JavaScript lihtsalt lisada veel sõlme Selle tree-- teise sõlme sellele puu, siis visuaalselt lihtsalt tundub nagu uus rida teksti ekraanile. Aga nad sisestamist sellesse andmestruktuur. 

[00:15:57] Nii klassides nagu CS124 ja teised, saate tegelikult kirjutada rohkem koodi vastu andmestruktuurid niimoodi. Aga nüüd JavaScript, me lihtsalt eeldada, saame kõik selle funktsionaalsus tasuta keelest ise. Nii et vaatame näiteks. 

[00:16:09] Lubage mul avada fail nimega form.html. See on super lihtne. See lihtsalt näeb välja selline. 

[00:16:15] Ei CSS, ei mõelnud esteetika. See on puhtalt funktsionaalsed ja ilmselt ma olen paludes talle, parool, parooli uuesti ja kontroll nõustuda teatud tingimustel. Mida lähtekoodi see näeb ilmselt midagi te võite arvata, mille Natuke mõelnud nüüd. Mul vormi tag siin. 

[00:16:32] Tegevus on ilmselt läheb Ava fail nimega register.php. Meetod ma lähen kasutada ei saa. Ja siis ma sain tekstist valdkonnas, mille nimi on email. 

[00:16:40] Mul on parool väljale kelle nimi on parool. Mul on teine Parooli väli, kelle nimi on mõnevõrra meelevaldselt kinnitust. See on lihtsalt üks HTTP parameeter. 

[00:16:49] Ja siis me oleme ei ole neid välja kuna Frosh IEd demo class-- ruut, mis on lihtsalt tüüp võrdub kontroll. Ja ma helistan sellele kokkuleppele. Nii et ma olen mingi suvaliselt, vaid mugavalt nimega nendes valdkondades. Nii et nüüd, kui see vorm läheb esitatud, vaatame, mis juhtub. Kui ma malan@harvard.edu, Ma teen salasõna karmiinpunane. Ma teen salasõna midagi. Ärgem koostööd. 

[00:17:10] Ja ma ei kast. Lubage mul klõpsake Registreeru. Ja ta ütleb, hm, sa oled registreeritud. Tegelikult mitte. 

[00:17:16] Aga URL muutunud. Nii et see vorm oli selgelt lubatud esitada register.php. Aga arvatavasti ma peaks olema püüdmine mõned neist vigadest. Nüüd, Pset7 ja mõned meie loengu näited, me üldjuhul välja printida suur punane veateate siin öeldes puudu nimi, või puudu salasõna. Me oleme teinud seda enne ja me oleme tehtud serveripoolne viga avastamist. 

[00:17:37] Kuid paljud veebilehed nendel päevadel teha kliendi poolel viga avastamine kui URL ei muutu. Kogu lehekülg ei värskenda. Saad kohe teada, brauserist. Võib-olla midagi läheb punaseks. 

[00:17:48] Äkki saad pop-up. Aga sa ei raiska aega saates serveri andmed, mis on puudulik. Vaatame, kuidas me võiksime saavutamiseks funktsioon samuti. 

[00:17:56] Lubage mul minna form1.html, mis näeb välja sama. Aga kui see kord, kui ma malan@harvard.edu ja writing karmiinpunane ja ma ei edasist koostööd aga klõpsake registri teate nüüd. See ei ole seksikaim lahendus. Olen vähemalt püütud selle vea. Ja ma olen kasutanud märguanne funktsiooni JavaScript-- mis me ainult kasutades klassis. Üldiselt sa ei tohi seda sest see võib väga kiiresti välja tulla kontrolli alt. Aga paroolid ei kattu, on viga. 

[00:18:19] Lubage mul minna ja klõpsake nuppu OK. Aga mis peamine Buffee siin on, et URL ei muutu. Nii et ma olen ei viitsi raiskamist Serveri aeg paludes küsimus, et mul võiks olla arvasin vastus ise. 

[00:18:30] Ja kasutaja, kuigi rääkinud seda enam kui kasutaja minnes mõtlema, läheb on kohe teada. Ei ole latency võrguühenduse. Nii et vaatame seda lähtekoodi. 

[00:18:40] Form1.html välimus struktuurilt sarnased siin. Vorm on tegelikult sama. Aga vaatame, mida ma tegin siin. Ja seal on erinevaid võimalusi, kuidas seda teha. Ja ma olen teinud kõige sirge tõukur, kuid mitte kõige elegantsem viis veel. Mul on script tag. Ma siis helista document.getElementById ("registreerimine"). Ja ma salvestada et väärtus vormilt erinevad. 

[00:19:04] Mida ma olen teinud? Sa ei mõtle document.getElementById olevaks spetsiaalne funktsioon, mis JavaScript annab teile mis sõna otseses mõttes kätt kursor üks sõlmede või ristkülikud selles puu. Nüüd see on, mida meie vormi muutuja JavaScript on tegelikult osutavad. 

[00:19:21] Nüüd süntaks on erinev C. Aga me teeme mõned asjad siin. Üks, see on natuke imelik otsin kindlasti versus C. Aga vaatame rida 35. Nii vasakul form.onsubmit. Tuletame meelde, et onsubmit on nagu väljal struct. Kui te arvate, et vormi muutuja on lihtsalt on C struct, see võib olla teatud valdkondades. 

[00:19:42] Juba järgmisel päeval, meil oli õpilaste nimed, Sümbolid, maja, nende liiki välju. Kujutage onsubmit kui teises valdkonnas. Aga see on eriline valdkond, sest brauser on programmeeritud oodata .onsubmit et ei ole raha nagu number või string, aga tegelikult on funktsioon või aadress funktsiooni in arvuti mällu. 

[00:20:02] Ja tõepoolest, see, mida Selle märksõnaga siin teeb. See ütleb mulle uue funktsiooni. Aga mis on selle nimi saab olema, ilmselt? 

[00:20:09] Mõeldes tagasi esmaspäeval. Mis on nimi selle funktsioon põhineb see süntaks? Ei, ma mõtlen, et seal on selgelt no name associated-- kindlasti ei ole see, mida ma olen siin esile. 

[00:20:21] Aga see on tegelikult OK. See on anonüümne funktsioon, või lambda funktsiooni mõned võiks seda nimetada. Ja see tähendab lihtsalt see on ikka funktsiooni. See on lihtsalt, sa ei saa seda nimetada nimepidi. Aga see on OK. Sest jälle, brauser on olnud programmeeritud ettevõtted nagu Google või Microsoft või Mozilla või teisi lihtsalt tean, et kui .onsubmit valdkonnas sees vormi element on väärtus, seda ravida funktsioon-- funktsiooni pointer, kui soovite. Ja nimetame seda siis, kui vorm esitatakse. 

[00:20:46] Mida kood tuleks täita kui vorm esitatakse? Ilmselt kõik sees lokkis traksidega. Ja see on lihtsalt stilistiline. 

[00:20:53] Sa võid seda teha nagu meil on kombeks teha CS50. Aga JavaScript, enamik inimesi püüavad hoida see samal real lihtsalt sellepärast, et see selgemalt on seotud selle märksõna funktsioon. Nii et nüüd, mida ma teen? 

[00:21:03] Kui form.email.value võrdne võrdsete tühi string või midagi, siin on tähelepanelik, kui ma lähen öelda, peate esitama oma e-posti aadress, ja siis tagasi vale. Ja see, et edasi-tagasi vale, et takistab kujul esitatakse. Vahepeal kui parool väärtus on tühi, ma lähen kisa kasutaja ja öelda, peate esitama salasõna. 

[00:21:21] Vahepeal asjad hakkavad veidi Kasvataja siin. Kui form.password.value ei võrdne form.confirmation.value, muus valdkonnas, kisa kasutajale, et paroolid ei sobi, kuna nad ei hetk tagasi. Ja siis see üks on vähe seksikam, sest ma tean, et ma teadsin, et kontseptuaalselt et kontrollitud on ruut nime. 

[00:21:40] Nii et ma ei saa lihtsalt kasutada hüüatus punkt öelda, kui kontroll ei ole checked-- see Boolean väärtus, õige või false-- Ma kisa kasutaja sel põhjusel. Vastasel juhul, kui saame läbi kõik need tingimused, olgem lihtsalt tagasi tõsi. Lase vormis esitada. Ja see on siis juhtunud. 

[00:21:56] Olgem kirjuta karmiinpunane. Olgem kontrollida Klõpsake Register. Ja nüüd ma lähen läbi sihtkohta. Nüüd pole mingit andmebaas olemas. Seal on midagi huvitavat aastal register.php. Ma lihtsalt vaja midagi tegelikult rääkida. Nii et lubage mul paus, siin. Kõik küsimused selle kohta, mida oleme lihtsalt teha või mida mõned uue süntaks on? OK, jah? 

[00:22:17] Sihtrühm: Nii et iga ruut automaatselt Boole'i. Sa ei pea deklareerima seda niimoodi. 

[00:22:21] DAVID J. Humala: Õige. Iga ruut, mis on saadetud alates HTML-vormi oma JavaScripti koodi käsitletakse jah, nagu Loogiline value-- tõene või väär. See on hea küsimus. Arvestades, et teiste väärtuste, Muidugi on teksti AKA stringe. 

[00:22:36] Olgu, las ma kerida natuke edasi. Milline oli kogu asja mõte on? Lihtsalt peab olema selge. Nagu me juba teame, isegi Pset7 ja isegi eelmise nädala loengu näiteid, et saame ilmselt kontrollima $ _GET $ _POST Näha, kui kasutaja annab meile tühi väärtus. Mäleta tühi funktsiooni PHP. 

[00:22:54] Nii lihtsalt peab olema selge, milline on üks põhjus, miks me võiksime ka tahad seda teha vigade kontrolli sees brauser? Mis on motivatsioon siin? Jah. 

[00:23:06] Sihtrühm: Faster, ja sa ei ole Kirjuta kasutud andmed serverisse. DAVID J. Humala: Hea. See on kiirem. Sa ei saa saata kasutu andmete server. 

[00:23:12] Nii saad tagasi rohkem kohest reageerimist. Ja üldiselt kasutaja kogemus on parem. Mõtle alternatiiv. 

[00:23:17] Kui võtta Gmail-- ja oli Kui palju aastaid tagasi. Oletame, et sul on uus e-posti Gmaili konto, kuid ainus viis läbi näha, et on, nagu, lehte ümber laadida. Või oletame, et sa kliki link lugeda e-posti. 

[00:23:29] Kõik peab uuesti nii et näete email. Või Facebook-- saad sõnum. Sa ei näe seda, kuni te uuesti Seda lehekülge või klõpsake mõned link. 

[00:23:36] Nagu oleks see kohutavalt tüütu kasutaja kogemus. Ja see on see, mida ta oli nagu, selgelt, tagasi, kui ma jooksin UC ja veebis oli tunduvalt vähem dünaamiline ja JavaScript ei olnud nii tuntuks nagu see praegu on. Ja asjad hakkavad palju dünaamilisemaks ja palju muud Kliendi poolel selles mõttes. 

[00:23:49] Aga ei saagi siin, ja see on selline tüütu gotcha. Lihtsalt, kuna teil lisada kliendi poolel avastamiseks, nagu see ei tähenda, sa ei saa ega tohi loobuda serveripoolne avastamist. Sa sisuliselt soovite panna oma veatuvastuse mõlemas kohas. Sest see, mis oli üks on õppetund article Lugesin mõned väljavõtted alates käesoleva loll CMS süsteemis endale Content Management süsteemis endale, mis oli rakendamisel autentimise süsteem, oma login via mida mehhanism? JavaScript. 

[00:24:20] Sihtrühm: JavaScript. DAVID J. Humala: JavaScript täpselt, eks? Seda kasutades JavaScript. Ja sõna otseses mõttes, teiega on mängis natuke ilmselt koos Chrome'i inspektor. Ja kui ma ei leia seda, kontrollida element. 

[00:24:30] Lubage mul minna üle teha kõik Chrome'i võimalusi. Ja nii lihtne on lülitada JavaScript brauseris. Kontrollige, mitte rohkem JavaScript. 

[00:24:38] Nii et õiglus palju veebis nendel päevadel lihtsalt läheb katki, sest Gmail ja muud sites-- Facebook-- eeldada, et JavaScript on lubatud. Aga kui sa teed midagi loll nagu ainult kinnitamise kasutajad sisend ja kontrollida seda vead kliendi poolel, Vastane võib kergesti teha. Ja siis isegi targemaks Vastane nagu kutid nüüd võiks kasutada Telnet või Curl või lihtsalt käsurea käsud ja tegelikult saadab serverile teateid et samamoodi ei ole viga kontrollida. 

[00:25:05] Nii on see rohkem Kasutajaliides otsus kui see on tegelik tehniline improvement-- rakendamisel midagi kliendi poolel niimoodi. Nii et nüüd kiire pilgu, kuid siis Ma lükata online jalutuskäigu läbi see üks. Vormi kaks, me tegelikult läks läbi ja puhastada kood natuke. Kuid lubage mul edasi lükata kuni üks videod jagame tõenäoliselt varustama Pset8 et lihtsalt näitab teile, sarnane süntaks kasutades raamatukogu kutsus jQuery, mis on super, super populaarne raamatukogu JavaScript mis ausalt öeldes enamik inimesi lihtsalt kasutada neid päevi ja isegi segadusse, kuna olend JavaScript ise. 

[00:25:37] Ja see kipub kaasata mõned dollari märgid ja märksõnad nagu dokumendi Sulgudes siin. Aga jälle, lubage mul edasi lükata mõned aeglasemalt õpetused Internetis mitte saada sidunud lihtsalt süntaks. Liigume edasi midagi veidi jahedamaks poolest rakendusi see. 

[00:25:50] Nii et eelkõige lase mul minna edasi ja avada see siin. Tule nüüd. Seal me läheme. 

[00:25:59] Lubage mul avada see pilt siin. Põhjendamatult keeruline otsin, kuid see kirjeldatakse tehnikat nimega AJAX-- Asynchronous JavaScript ja XML, kus X XML on tegelikult enam tõesti kasutada. See kipub kasutada midagi muidu nimetatakse JSON. 

[00:26:13] Aga siin on, kuidas midagi Google Maps või Google Earth toimib. Proovime seda lennult, tegelikult. Lubage mul minna ja avada Chrome minu brauseris. 

[00:26:21] Ja lubage mul minna, öelda, maps.google.com. Ja tegelikult, kui sa oled vana piisab, kui meenutame, mida, nagu Mapquest oli nagu tagasi samal päeval, ja äkki nad ikka niimoodi töötada. Kui kasutatakse otsida midagi-- 33 Oxford Street, Cambridge, Mass, teeme see-- sa tegelikult, kui te tahtsin pan üles alla, vasakule ja paremale, sa näeks suur nool peal ja see näitaks sulle veel raami kaart siin. Või siis klõpsata vasakule ja Te läheks siin, või teise kliki ja sa läheks siin. Kuid selle asemel neid päeva, me muidugi lihtsalt enesestmõistetavaks, et me ei lähe umbes Cambridge päris kiiresti lihtsalt klõpsates ja lohistades. Aga teate seal on mõned tõrkele. 

[00:26:59] Kui ma seda teha piisavalt kiiresti, mis tundub toimuvat nagu ma tõmmake natuke liiga kiiresti arvuti kursis? Mida sa näed? Jah. 

[00:27:07] Sihtrühm: pikslid ei värskenda. DAVID J. Humala: pikslid ei värskenda. Seal actually-- ja sa ei näe seda, tegelikult, kui sa vaatad online pausi see või tegelikult aeglustab asju ette jaoks once-- näete, et on olemas plaadid, ruudud või ristkülikud, mis puuduvad kaardi kuni Sekundi hiljem rohkem andmeid, rohkem pilte tegelikult ilmuvad ekraanile. Ja tegelikult, kui me seda vaadates kuni Chrome's-- oletame, Chrome-- vaatame. Me ei saa seda teha. 

[00:27:31] Oh, whoops. Olgem avada maps.google.com. Las ma teen akna vastavalt suuremaks uuesti. 

[00:27:36] Mine tagasi 33 Oxford Street. Mis oli kodulehel Olin hiljuti? Mul oli nagu, era- käratsema, et endale, et ma tahaks siis kiirsõnumi iga sõber, kes oli Internetis kes tahtsid kuulda. Seal on mõned kodulehel. Ma arvan, et see on Comcast-- nii väga suur ameerika ISP. Saad sisselogimisel uus kaabel modem teenust või kaabel-TV teenus, neil on vorm väga mõistlikult kui nad küsivad teid aadress. Ja on see hämmastav funktsioon nimega auto täielik, nagu Google, et hakkab täitma on vastus teie küsimusele. 

[00:28:04] Probleem on selles, nad teevad auto täielik on esimesi asju, mida sa kirjutad. Nii et kui hakkate kirjutama 33, siis näitan sulle sõna otseses mõttes iga maja Ameerikas, mis algab number 33 Enne jätkamist olete oodatud kirjutama rohkem. Nii et kui sa kirjutad 33 Oxford, siis see näitab igal tänaval Ameerikas, mis on 33 Oxford oma nime, sõltumata linn mis sa oled. 

[00:28:25] Ja siis jätkata kirjutamist. Ja lõpuks, see saab aru, et nad ei ole pakutakse teenust oma kodus, Cambridge või midagi sellist. Aga küsimus on, see on kõige Loll rakendamise auto lõpule kunagi. 

[00:28:34] Ja ma lihtsalt maha selle puutuja uuesti. Kuid on ka häid võimalusi kasutada JavaScripti ja halb viisil. Ja see pole tingimata parim. 

[00:28:40] Aga asi siin, enne seda tiraad, oli avada tööriistade siin ja avada arendaja tööriistad nagu me oleme julgustanud enne, ja vaadata Network tab kui ma vajutan tõesti kiire. Ja teate terve hunnik ning saada taotluste juhtus. Kõik see juhtus, sest ma tirisid. 

[00:28:57] Ja kõige tõenäolisem, tõepoolest Palju neid ridu nüüd on pilt kaldkriipsuga JPEG MIME tüübid või sisu tüübid. Ongi, sest see, mida kroom teeb iga kord kui ma klõpsa ning lohista, klikkige ja drag, on see realiseerida, oh, ma vaja minna küsima Google plaat kaardil, mis on siin, kiiresti alla laadida HTTP, ja siis lisada see nn DOM et veebilehitsejate mälestuseks puu esindamine nii, et kasutaja, mind näeb, et uuendatud plaat. Ja see on, sest tehnikat nimega AJAX. Juba järgmisel päeval, see tõesti oli nii, et kui sa tahtis muuta seda, mis on ekraanil, siis oleks klõpsake üles, alla, vasakule, paremale. Ja siis uue lehekülje avaks. Aga need päevad on kõik on dünaamilisem. See juhtub nii, nagu meie, inimesed oleks loodan, et see tegelikult oleks interaktiivselt. Ja see saavutab selle viis tehnikat nimega AJAX, mis on ehk kõige paremini seletada näiteks. Esiteks lubage mul minna ja avada fail nimetatakse quote.php sisse Tänapäeva jaotus koodi. 

[00:29:53] Ja siis lubage mul teha symbol-- whoops. Las ma teen sümbol = GOOG Ainult mõnede laos. Või tegelikult, teeme üks pset TASUTA. Enter. 

[00:30:05] Ja nüüd teate, mida ma saan tagasi. Nii et see on tõesti lühike PHP fail, et ma kirjutas, et lihtsalt laenas koodi alates Pset7 oma otsingu funktsiooni ja sülitab välja, kasutades seda lokkis traksidega ja hinnapakkumisi ja koolon märke ilmselt praeguse aktsia hinna eest firma, et te läbima kaudu saada. Nii et see on erinev alates kõige kohta, mida me oleme teha, et teate ma olen sõna otseses mõttes sülitab välja milline näeb JavaScript koodi. 

[00:30:27] Tegelikult on see JavaScript objekti. Tegelikult üksnes olema selge, JavaScript Object Notation-- JSON-- on lihtsalt fancy viis öelda, et sa võib esindada andmeid JavaScript palju nagu saate PHP kasutades põhiväärtus paari. Nii et kui ma tahtsin kuulutada muutuja JavaScript et esindab Zamyla jaoks instance-- struct eest Zamyla-- ja me nimetame seda õpilane, seda muutujat. Tema ID on üks, maja Winthrop ja nimi on Zamyla. 

[00:30:53] Aga ma ei saa ka hulgaliselt esemeid. Nii et kui ma tegelikult tahtsin olla massiivi JavaScript sisaldavad Mitme esemeid, see aeg esindavad töötajaid, Ma võib-olla need kolm tükkideks kood tagasi tagasi tagasi nende kolm endist töötajat. Nii süntaks, päris sarnane both-- PHP. Ja see on eriti JavaScript. See objekt märke. Mis siis on see kasulik? 

[00:31:17] Kui ma kirjutada koodi, sülitab välja JSON-- JavaScript Object Notation-- värk, et näeb välja selline või asju, mis Tundub Zamyla struktuuri, Ma ei saa tegelikult kasutada seda programmides ma kirjutan. Lubage mul minna ajax0.html. Ja see too-- mitte palju mõtlesin pöörata esteetika. Aga vaata, mis juhtub. 

[00:31:34] Lubage mul minna ja kirjutage tasuta siia. Kliki saada tsiteerida. Ja teate URL ei ole muutunud. Aga ma ei saa pop up näiliselt Tänapäeva senti aktsia hind 0,15 $. Nii et mitte kõik, mis halb. Kuid erinevus on selles, et kuidagi, need andmed tulid mulle otse. Aga võtame samm midagi rohkem kursis. Versioonis üks selle, las ma kirjuta uuesti vabaks, vajuta siia tsiteerida, ja now-- oh, see oli tegelikult jQuery versiooni. So let mind-- ma ei kiiresti edasi üsna kaugele. Lubage mul minna versioon kaks, mis on koht, kus ma tahtsin. Pane tähele, mida ma olen teinud siin. Mul on web page-- super lihtne versioon tahes veebilehe võite kasutada täna tekstivälja siin tasuta ja siis ilmselt lihtsalt teksti. 

[00:32:14] See ei ole vorm siin, ilmselt. Aga kui ma vajutan saada tsiteerida, märkate mu veebileht on umbes muuta, et ma just uue kiirsõnumi või nagu oleksin just kolinud kaarti ja on vaja saada rohkem andmeid lisada dünaamiliselt veebilehele ilma URL muutuvas ja kasutaja kogemuste saamine katkestada. Tõepoolest, ma olen ikka veel täpselt sama tulevad-- ajax2.html. 

[00:32:35] Nii et vaatame ainult selles näites ja näha, kuidas see toimub. Lubage mul minna ajax2.html. Ja teate vormis esimene. 

[00:32:44] Alla siin, ma keeran välja auto täielik. Vahel saab tüütu, kui brauser üritab näidata, kogu oma ajalugu. Nii et sa ei saa seda teha HTML poolt lihtsalt ütlen, auto täielik väljalülitamine. 

[00:32:53] Andsin selle tekstivälja symbol-- pigem ID sümbol. Ja nüüd on see huvitav omadus. Me ei rääkinud span, kuid võite mõelda nagu lõikes tag või div tag. See, mida nimetatakse in-line element, mis tähendab, et sa ei saa lõikes murda ülespoole ja allapoole. See on lihtsalt läheb viibida-line ilma lööb samaväärne enter. Nii et ma annan selle tüki HTML tuleb kindlaks määrata kordumatu tunnus et ma omavoliliselt nimetatakse hinnaga. Ja mul on Saada nuppu. 

[00:33:21] Kuna nüüd siin-- ja see on tegelikult super hämmastav, kui vähe kood võite kirjutada, mida teha suhteliselt puhas things-- teate, mis ma olen teinud siin, kui ma kerige kuni pea sellele lehele. Olen lisanud esimesena mu peas script tag et tegelikult viitab JavaScript esitada mujal. See on organisatsiooni et kirjutab jQuery, ja see lihtsalt annab teile viimaseid versioon oma jQuery raamatukogu. 

[00:33:42] Nii et see on selline nagu terav lisada C või nõuda PHP. Sa kasutad skripti tag kiirgusallikaga atribuut. Aga nüüd minu kood on saab olema õigus siin. 

[00:33:52] Pange tähele, mul on funktsioon nimega Quotes. Ja tundub veidi segasena esimesel pilgul. Kuid olgem kiusupunn see peale. Anna mulle muutuja nimega URL. Anna see sõna otseses mõttes see string. Niisiis, ülakoma, topeltjutumärgi JavaScript lihtsalt annab mulle string. Mida pluss teha? Ketistamine. 

[00:34:08] Nii et see nüüd on jQuery süntaks mis võtab veidi harjumist. Aga see tähendab lihtsalt minema mind DOM sõlm, kelle kordumatu tunnus on sümbol. Hashtag seal tähendab kordumatu tunnus sümbol. 

[00:34:21] Dollari märk Sulgudes lihtsalt mõtlen, murrab see aastal jQuery omamoodi saladust kaste nii saad lisafunktsioone. Ja siis .val on ilmselt funktsioon, või nagu me ütleme nüüd, meetodi sees selle sõlme et ainult annab teile raha. Lühidalt öeldes kole ja segane sest see tundub esmapilgul see tähendab lihtsalt saada koos kasutaja sisestatud sisse, pane see lõpus stringi liitmisel ta. See on kõik. 

[00:34:43] Nüüd, viimase kolme rida. Võite pigistada palju funktsionaalsus välja kolm rida. See dollari märk, kui kõrvale, on lihtsalt hüüdnimi jaoks eriline globaalse muutuja nimetatakse sõna otseses mõttes jQuery. 

[00:34:55] Dollar märk lihtsalt tundub lahe. Nii jQuery kogukond lihtsalt selline Kasutatud seda oma eriline sümbol. See ei tähenda, mida see tähendab PHP. In JavaScript, dollari märk on nagu täht või number varieeruv. 

[00:35:07] Sa võid olla see nimi. Lihtsalt tundub lahe. Nii et kogukond võttis ta hüüdnime oma raamatukogu kutsus jQuery. 

[00:35:13] Ja see on super populaarne. Nii et saada JSON on just nii. See on funktsioon, mis inimesed on jQuery kirjutas mis saab JSON alates server-- JavaScript Object esitust. Mida URL ta kavatseb saada, et informatsiooni? Ilmselt selle URL siia. 

[00:35:27] Ja mida peaks brauser teha nii niipea kui ta saab tagasi see vastus? Ja see on maagia AJAX, nii et speak-- Asynchronous JavaScript XML. On raske ette näha sellise Lihtne näide, kui meil oli siin. 

[00:35:41] Aga see oli asünkroonne sisse selles mõttes, et minu koodi täide saatis sõnumi server minema saada mulle JSON. Ja see juhtus super kiire et ma sain vastuse. Aga mis on huvitav on see, et koodirida ei pannud toru minu arvutis. 

[00:35:55] Ma ei näinud ketramine ikoonil. Ma ei kaota võime liikuda mu hiir. Minu brauser oli tegelikult täiesti trahvi. 

[00:36:01] Sest kuidas JavaScript käepidemed Serveri vastus on järgmine. Sa registreeru mida soovite helistada tagasihelistamise funktsioon, mis tähendab lihtsalt, hei, JavaScript. Niipea kui server reageerib JSON, helistage anonüümseid funktsiooni. 

[00:36:18] Ja palun läinud seda funktsiooni mis tahes string server sülitama argumendina nimetatakse andmed. Nii ka teistes, sõnad, kui Ma kokkupanek dünaamiliselt URL quote.php kulgeb sellega sümbol, nagu tasuta või GOOG või tühi-tähi, Ma siis ütlen JavaScript minema saada, et URL. Pea meeles, et brauser läheb tagasi midagi mis näeb välja nagu nägime earlier-- see. 

[00:36:42] Ja mida teine ​​argument siia JSON ütleb on nimetame seda funktsiooni kui server saab tagasi kas see on 10 millisekundit nüüd või 10 sekundi pärast. Ja kui te seda teete, lisada hinna lehel. See süntaks siin lihtsalt tähendab minema saada sõlme puult kelle kordumatu tunnus on price-- et span nägime. 

[00:37:01] Seda meetodit nimetatakse HTML lihtsalt ütleb, mine asendada HTML, mis on seal data.price. Mis data.price? Noh, brauser, mäletan, näitas mulle seda tagasi tulla. Nii et see on andmed. 

[00:37:14] Ja nii see on natuke segasena näha komaga siin. Aga tegelikult, las ma teen seda. Lubage mul lihtsalt kleebi see reaalne kiire sisse gedit ja näidata, nagu me näitasime Zamyla struktuuri varem. 

[00:37:27] Mis server saadab tagasi on väike objekt, mis näeb välja selline. Ja nii data.price on lihtsalt annab mulle 0,1515. Nii palju liigub osad siin kõik korraga. 

[00:37:39] Aga võti takeaways on et meil on see võime teha täiendavaid HTTP taotluste kasutades JavaScript ilma lehe uuesti laadima. Ja siis me saame tegelikult muuta veebilehe sõita. Ja selgub, et JavaScript ja teistes keeltes saab kasutada nüüd mitte ainult muteeruda veebilehti, aga tegelikult kirjutada tarkvara tegelikus arvutis ei piirduks üksnes Chrome vms. 

[00:38:00] Tegelikult kui-- Colton, kas te tahaks meiega ühineda tagasi siia üles oma lab kood ja Chang ka? Lähme edasi, olles rääkinud anonüümne funktsioonid ja callbacks ja tõesti meelitada saatus siin live demo verejooksuga kaasaegne tehnoloogia, mis on üks Nende Elite Resolutsiooni seadmeid. Nüüd see seade turult, on vähe USB-seadme samuti selle-- see beautiful-- mis lülitub sisse oma USB-porti. 

[00:38:25] Ja siis see annab panuse vormis inimese liigutusi tuvastades infrapuna- talad, sisuliselt liikumised oma kätt. Nii et see, mida Maria proovinud kohta enne oli lihaseline, tegelikult tunne, mis on muutumas Sinu arm, see on infrapuna aluseks. Nii, et see otsib liikumiste omamoodi sfääri jalgsi või nii seade ise. 

[00:38:46] Miks ma ei võta torkehaav at see esimene? Ja olgem minna ja visata sa üles õhuliini siin. Nii paneme Colton sülearvuti siin. Meil Andrew TV. Ja mida sa tahaksid mulle esimesena? 

[00:39:00] COLTON: Lase käia ja lihtsalt panna oma käed üle see kutt ja te näete mõned vapustav sära. 

[00:39:04] DAVID J. Humala: Väga kena. See kõik toimub reaalajas. OK. Olgu, ja jah. Nii kena. Olgu, mida me saame teha? 

[00:39:15] COLTON: Minge järgmise ekraani ja vaata. 

[00:39:17] DAVID J. Humala: Hea küll. 

[00:39:19] COLTON: lõbus väike mäng kus sa saad teha robotid. 

[00:39:21] DAVID J. Humala: Olgu, nii et see on võltsitud käed näitab mulle, mida teha. COLTON: Jah Nii et laske käia ja ostke üks plokid ja pane see peal, et robot keha. DAVID J. Humala: Oh, see pole minu käest. Oh. OK, jumalik. Oota, OK. Seal me läheme. 

[00:39:41] COLTON: Tegin üks õnnetus. 

[00:39:43] DAVID J. Humala: OK, ma saan seda meest. Kurat! Kui olime harjutanud seda viimast öö, sa tead, mida see antakse üle võtta? 

[00:39:51] Nagu see. OK. Järgmisena? 

[00:39:55] COLTON: Muidugi. 

[00:39:56] DAVID J. Humala: Olgu, ja seal on kolmas. Hea küll. COLTON: Ja see üks, saad mina-- DAVID J. Humala: Oh, see on ilus. COLTON: --yeah, vali välja see lill. DAVID J. Humala: OK. Ei? Vastamata. 

[00:40:14] COLTON: Oh, seal lähete. 

[00:40:15] DAVID J. Humala: Ah, Vaata seda. Väga kena. Noh, miks Ära "võtame välja üks vabatahtlik siin kes tahaksid tulla üles. Kuidas seal roheline, kas pole? 

[00:40:27] Olgu, ja olgem have-- selle asemel, et seda tehes, mõned teist võiksid teada seda mängu siin-- lõigata köis, ehk? Vaatame. Meil on prillid siin? 

[00:40:37] OK. Aitäh. Mis su nimi on? 

[00:40:39] Sihtrühm: Laura. 

[00:40:40] DAVID J. Humala: Laura? Tore näha. Kui sa ei pahanda pannes Google Glass üle oma prillid. See on Colton. 

[00:40:46] COLTON: Tere. Meeldiv kohtuda. 

[00:40:48] DAVID J. Humala: OK, tule ümber. Olgu, nii et mida sa lähed siin teeme, olles mänginud seda enne, on pange oma kätt Leap Resolutsiooni siin. Ja nüüd teie nool peaks liikuma. Oh, nope. 

[00:40:57] Sihtrühm: No. 

[00:40:58] DAVID J. Humala: Me ei taha veel maha jätta. OK, oodake. Üle siin. Nii teate, kui sa hoiad oma sõrme üle midagi, hiir hakkab minema roheline, mis on, kuidas sa kliki. 

[00:41:06] Nii et hover üle mängida. Ja ainult üks sõrm on hea. Ja nüüd klõpsa väike roheline mees vasakul. Ja nüüd hoidke, kuni see täitub roheline. Väga hea. Nüüd, nagu, tasandil üks kuni top. 

[00:41:16] Sihtrühm: Jah, me tahame tasandil, siis allpool. 

[00:41:20] DAVID J. Humala: Hea. OK, nii et kõik mida sa pead tegema, on lõigata köis. Kursor on valge üks seal. 

[00:41:28] Väga kena. Olgu, see on umbes saada raskem. Nii et hoidke oma sõrme üle järgmise nüüd. Väga hea. See üks on raske. 

[00:41:39] Sihtrühm: Oh crap. OK. Ta tahab minna, et viis. Oh crap, selle-- 

[00:41:44] DAVID J. Humala: Jah. Teisene eesmärk on saada kõik tähed. Olgu, järgmine. 

[00:41:53] Vaatame, kas saad seda kolmas. Väga hea. OK, sinna minema. 

[00:42:06] Muidugi. Oh, väga tore. Hea küll. 

[00:42:11] Nii et miks me ei lükata siin täna? Las keegi tule üles, kes tahab mängida. Tänu nii palju, et Laura meie vabatahtlikuna. Ja me näeme esmaspäeval. 

[00:42:18] Sihtrühm: Sa ilmselt tahad neid tagasi. 

[00:42:21] SPEAKER 2: Järgmisel CS50--