David J. Malan: Gerai, todėl tai čia yra Myo rankos Grupė, pora, kurios mes turėti CS50 galutinių projektų. Ir tai buvo įrodymas, mes įtraukiami į eilę Jūs iš anksto kur iš esmės tai gana trumpas rankovė band čia klauso jūsų raumenų judesių kurie tada prijungti programinės įrangos į Colton nešiojamas per čia, kurie turėjo iTunes ir kad Daina jau eilę. Užuot mane demoing tai, Colton praėjo laboratorijoje aiškiai visą savaitę gauti demonstravimo paruoštas vienu drąsus savanoris. Jei kas nors norėtų ateiti ant up-- pamačiau savo ranką pirmas. Nagi viršų. [00:01:09] Gerai. O kokia jūsų pavardė? 

[00:01:13] AUDITORIJA: Uh, Maria. 

[00:01:14] David J. Malan: Maria, malonu matyti jus. Nagi čia. Leiskite jums pristatyti Colton. Colton, tai Marija. 

[00:01:21] COLTON: Hi, nice to meet you. 

[00:01:23] David J. Malan: Visi Gerai, taigi vieną žingsnį, mes teks įdėdami tai ant savo dilbio kad tai gana priglus prie jūsų alkūnės. Ir tuo tarpu, galime turėti įdėti mūsų Google Glass ir mes maišyti technologijas šiandien. 

[00:01:33] COLTON: Pirma, mes turime Pajungti į tai, ko tai. 

[00:01:36] David J. Malan: Gerai. Tiesą sakant, galime įdėti savo ranką kaip arti šio kabelio, kaip įmanoma kad galėtume pirmasis sinchronizuoti jį. 

[00:01:41] COLTON: Padarykim tai. 

[00:01:42] David J. Malan: Ir tuo tarpu, taip kad kiekvienas gali gauti arčiau pažvelgti, mes Lobizmas Andriaus kamerą ant ten ekrane. Taigi, mes turime USB kabelį, kad yra buvo įjungtas į Marijos raištį. Ir leiskite man Lobizmas Colton ekraną ant kito projektoriaus. 

[00:02:00] Taigi Colton registruojasi įrenginį dabar kaip Myo prijungtas prie šio kabelio. Ir dabar kas Marijos darysiu akimirksniu iš tikrųjų eiti per kalibravimo žingsnių ir mokyti programinė kaip jos raumenys reaguoja kai ji įsitikinti teminės gestų, kad programinė įranga supranta. Jei norite eiti į priekinė ekrane. Gerai, toliau bandyti. 

[00:02:30] COLTON: Eikite, kaip šis. Ir patinka. Ir visą kelią į dešinę. Grįžti atgal. 

[00:02:35] David J. Malan: Gerai. Kitokiu požiūriu. Tai ne tu. Tai mus. 

[00:02:40] MARIA: Gerai. David J. Malan: Ne Pereikime jį aukščiau todėl arčiau savo alkūnės ar net griežtesnė. Gerai. 

[00:02:52] Here we go. Tai būtų geras laikas CS52X. Štai taip. 

[00:02:57] Labai gražus. Gerai. Nykščiu Pinky. 

[00:03:02] Labai gražus. Skleiskite savo pirštus. Geras. Bangos teisus. Jis smalsiai rodo Jūs kairiuoju hand-- 

[00:03:17] COLTON: Taip, tai keistai. David J. Malan: Banga į teisė ir judėti į priekį. Greitas sukimas į priekį praleisti arba šalia. Tai gerai Wave teisus. 

[00:03:25] MARIA: Aš don't-- palaukti. 

[00:03:26] David J. Malan: Reikia pagalbos? 

[00:03:28] COLTON: Taigi jūs ketinate patinka šis. MARIA: Tai tekinimo Kitas dalykas, nors. COLTON: Tai. David J. Malan: Taip Nežinau kodėl ji rodo jums leftie. COLTON: Kodėl ne jūs try-- tiesiog pabandykite vyksta taip. 

[00:03:38] David J. Malan: Nėra? Gal pasieksite savo ranką iš mažai tiesiau ir padaryti jį labiau staigus kaip šis. Taip, gerai, nagi. 

[00:03:48] MARIA: aš atsiprašau. David J. Malan: Tai ne jūsų kaltė. COLTON: Tai gerai. David J. Malan: All Right. Well-- 

[00:03:56] MARIA: Jei mes praleisti šį, tada? David J. Malan: Taip, tegul let you off kablio. Taigi, jei kas nors norėtų tai daryti galutinis projektas, naudojant šį pažangiausius aparatūros, suprantame, kad jis gali tiesiog imtis šiek tiek priprasti. Ir this-- Realybė yra tai iš tikrųjų labai kraujuoja kraštą. 

[00:04:10] Tai, kas vadinama kūrėjas rinkinys, kuris yra skirtas būti iš esmės neišleista kad žmonės gali padaryti tiksliai this-- kovoti su juo, skaičius , kaip žmonių kūnai dirbti su technologijomis. Taigi, jei norite Vėliau, po paskaitos, mes galime jums ateiti ir imk kitą Pabandyti jį. Bet kitaip, plojimų, jei , mes galime už Marijos už ateinantį į viršų. 

[00:04:26] MARIA: Ačiū. 

[00:04:28] David J. Malan: Ačiū. Mes pakabinti ant šio, bet mes duosime you-- kaip apie streso kamuolys čia? Oi, and-- if-- yeah, ačiū. Gerai. Taigi įdomu, jei buvo susipažinę su garso pasirinkimas kad mes ten padarė anksčiau, nuostabus televizija rodo, kad jūs turėtumėte visiškai būti besaikis-žiūri Netflix tai vienas čia. 

[00:04:51] SPEAKER 1: Ponios ir ponai, magas vadinamas Josh. 

[00:05:04] David J. Malan: Ir matyt, tai dalykas tekstas man paskaitos metu dabar. Aš vis sakė, kad Marija turėjo gimtadienį vakar. Taigi su gimtadieniu nuo CS50 Mariją taip pat. 

[00:05:18] Taigi jums gali skaityti naujausią mėnesį kad tai ponai čia, Steve Ballmeris, kuris iš tikrųjų buvo klasė 1977 kolegijoje, Neseniai atsistatydinęs Microsoft ". Jis buvo bakalauro čia tada pora metų vėliau atsidūrė prie Stanfordo verslo mokykla kai jis gavo telefoną skambinti iš To, kuris draugui gyveno žemyn salėje iš čia jam Harvarde. Draugo vardas buvo Bilas Vartai, ir tuo metu, jis bandė verbuoti Steve būti pirmasis verslininkas, tikrai, už nedidelį Įmonės pavadinimas "Microsoft". 

[00:05:45] Trumpai tariant, Steve galiausiai laimėjo daugiau, dirbti "Microsoft", kai jie turėjo tik 30 darbuotojus. Ir iki to laiko jis pensininkas visai neseniai, įmonė turėjo 100.000 darbuotojų Per pastaruosius kelerius metus. Ir taip svetainė žinomas kaip Verge parengė šią duoklę ant vaizdo kad norėjome bendrai, kad suteikia jums kiek daug energijos Steve jausmas duoda bet pateikimo jis duoda. [VIDEO PLAYBACK] -Microsoft Lyg ketvirtas vaikas. Vaikai palieka namus. Šiuo atveju, manau, Aš išeinant iš namų. Hey Bill, whazzap? 

[00:06:23] -Wazzap? 

[00:06:24] -hey, WAZZAP? Mes buvote milžiniškas galimybes. Ir Bill davė mums šią galimybę. Noriu padėkoti įstatymo, kad. Aš noriu, kad tu taip pat. Perteikia naujoves nesiruošia lėtėti. 

[00:06:42] Ji ketina gauti greičiau ir greičiau. Gali būti keletas konkurentų kurie, deja, pašalinta! 

[00:06:54] Aš myliu šią bendrovę. Taip! Esu PC, ir aš myliu šią bendrovę! 

[00:07:08] Kūrėjai, kūrėjai, vystytojai, plėtotojų,, kūrėjai, kūrėjai, vystytojai. Taip! Interneto svetainių kūrėjai! 

[00:07:19] Interneto svetainių kūrėjai! Interneto svetainių kūrėjai! Paklausykite, ką dar jums gauti be papildomo mokesčio! 

[00:07:28] MS-DOS vadovas, paskyrimas Gładziarka, kortelės krūva, Notesy, laikrodis, valdymo pultas. Ir jūs galite patikėti? Reversie! 

[00:07:35] Įrašyti juos į CD! Po jų MSN! Jums laiškus juos draugams! 

[00:07:40] Viskas vienu spustelėjimu! Vienas "Microsoft", viena strategija, viena team-- orientuota, drausmingas, profesionalus, ir ekspertas visi, kad mes darome. Leiskite naudoti liniją iš seno filmo. 

[00:07:52] Santykiai yra kaip rykliai. Jie juda į priekį arba jie miršta. Aš iš tikrųjų manau, kad technologijų bendrovės yra tas pats. 

[00:08:01] [END VIDEO PLAYBACK] David J. Malan: Taigi mes taip malonu pranešame, kad Steve'as bus prisijungti prie mūsų čia CS50 kitą trečiadienį ne Įprasta vieta ir laikas čia. Erdvė greičiausiai bus ribota. Ir taip prisidėti prie mūsų asmeniškai, prašome galva šiandien arba netrukus į cs50.harvard.edu/register. 

[00:08:22] Ir mes toliau renka Antradienis patvirtinantį dėmių. Laukiame, kad šalia Trečiadienis paskaitą CS50 metu. Dabar, kitas naujienas, teko susidurti tai Purpurinio tiesiog antrą dieną. 

[00:08:34] Pasirodo, kad vienas iš CS50 darbuotojų ir bent vienas iš CS50 auklėtinių Šiuo metu veikia jau UC pirmininkas ir pirmininko pavaduotojas, kuris atvedė mane atgal į mano asmeninį dienų atgal kai aš praradau UC rinkimus apgailėtinai. Bet sidabro pamušalas tuo, kad visada yra man papasakoti istoriją yra tai, kad vienas aš tikiu daug priežasčių aš praradau Rinkimai buvo visiškas nebuvimas iš viešojo kalbėjimo talentą. Ir taip gana sąžiningai, tai išvijo mane, kad patirtis Manau, kad mano jaunesnysis metų, kad iš tikrųjų pasirašyti už Harvardo kompiuterininkų sąjunga, kuri yra grupė miesteliu, kad eina įvairių techninių derybų ir kitų dalykų. Ir aš perėmė savo mokymą seminarai ir todėl atstovai turėjo galimybę puiki galimybė, pradėti dirbti tiksliai tai. Bet aš turėjo galimybę Per šią patirtį mokyti save visą daugiau HTML. Ir todėl aš Atidėtos vakar vakare žiūrint pro HTML pagrįstą svetainėje Aš padariau, kaip 1997, 98, už mano Kampanija, kuri atrodo taip čia. Žinau. 

[00:09:29] Because-- ir, žinoma, pranešimas tai nuostabi dizaino sprendimas 1998 arba Papuošalą. Pirmas dalykas, kurį norite, kad vartotojai daryti ant apsilankyti svetainėje yra tereikia paspausti kitą nuorodą tiesiog įvesti jūsų svetainę čia su vienuoliu Už tarsi apgaubta užuolaidos kur matyt mano kampanija platforma buvo. Ir tai yra viskas, ko jums gauti Šiandien yra tik vaizdas. Bet man buvo skaityti per, pavyzdžiui, reklamos kampanijos plakatai paskutinis naktį ir mano platforma. 

[00:09:50] Ir aš buvau toks piktas tuo metu. Mano platforma was-- buvo įdomu. Taigi aš nurimo, nes tada. Bet vieną dieną, aš bėgsiu vėl ir tikiuosi geriau šiuo metu. 

[00:10:03] Taigi HTML, kad kalba, kuria aš kad in-- jūs netrukus padaryti daug more-- yra kažkas, ką mes buvo kalbame apie vėlai ir daugiausia Pripažindami dabar kad mes persikėlė į kitas kalbas. Tačiau galime pristabdyti akimirką ir įdėti kai kurie iš šių dalykų kontekste. Taigi sakinyje, kas HTML? 

[00:10:18] Arba, kas yra naudojama už? Kiekvienas? Taip. 

[00:10:20] AUDITORIJA: Markup svetainių. David J. Malan: Markup interneto svetainės. Taigi, tai ženklinimo kalba, kad leidžia struktūrizuoti tinklalapį. Header pakyla čia pavadinimas eina čia, kūno eina čia. Tai Paryškintas, tai yra italics-- kad išsamiai rūšiuoti. 

[00:10:33] Gerai, gerai. Taigi CSS leidžia you-- ir aš paėmėm laisves ten su paryškintu; žiūri ir kursyvu, nes Tai geriau su ja realizuoti. CSS is-- ką? Pasakykite sakinyje. Kiekvienas ne visiems. Taip. 

[00:10:46] Auditorija: puošmenų ir Daiktai, pavyzdžiui, kaip sukurti ją. David J. Malan: Gerai, gerai. Puošmenų, kurios leidžia jums projektuoti, arba Stilizuoti jį dalykų, pavyzdžiui, paryškinti ir kursyvas ir spalvos ir taip pat daugiau gerai grūdėtu pozicionavimo elementų. Tai tarsi leidžia fotografuoti dalykų paskutinės mylios taip, kad jei, pavyzdžiui, į Pset7, jūs galbūt jau pastebėjote, ant jūsų portfelis puslapis jei jūs šiuo metu jau, kad numatytasis stalo, kad jums padaryti, kad būtų rodomos vartotojo akcijų paketus ir pinigų tikriausiai atrodo gana šlykštus pagal nutylėjimą be tarpais. Viskas rūšies sugrūsti kartu eilučių ir stulpelių. 

[00:11:18] Na, su šiek tiek CSS, kaip jums gali realizuoti, Jūs iš tikrųjų galite įgnybti, kad ir padaryti jį kažkas daug daugiau susipažinę ir daug gražiau atrodo. Taigi CSS yra apie stilizacija svetainėse. Bet tada mes pristatėme dar vieną kalba, PHP, kuri leidžia mums daryti tai, ką? 

[00:11:36] Tegul tik ką daryti? Kiekvienas. Turite žengti anapus pirmoji pora eilučių. Taip. 

[00:11:40] AUDITORIJA: Sukurti dinamišką turinį. David J. Malan: Perfect. Sukurti dinamišką turinį. Ir jūs galite tai padaryti bet kalbų skaičius. Mes atsitikti naudoti PHP, nes tai iš dalies todėl, panašus į C sintaksę. 

[00:11:50] Bet PHP daro būtent tai. Jis leidžia jums dinamiškai generuoti išėjimo. Ir kai kurie, kad produkcija galėtų būti HTML, kaip mes paprastai darome. Ir tai taip pat, nes tai programavimo kalba, yra mechanizmas, per kurį mes galime kalbėti su duomenų bazėmis. 

[00:12:03] Ir mes galime padaryti užklausų kitus serverius kaip Yahoo ir programiškai nieko daryti tikrai, kad jums gali kitaip nori priversti kompiuterį padaryti. Taigi PHP leidžia mums pradėti dinamiškai išvedė turinį. Taigi pagal šią logiką, aš neturėjau dinaminis tinklalapis dar 1998. 

[00:12:16] Tai buvo tiesiog statinis interneto puslapis. Mano turinio turėjo būti pakeista rankiniu gedit arba kitu lygiaverčiu. Bet PHP, ką mes naudojamas arba galėjo pasinaudoti, o, kažką panašaus Frosh IMS, kuris turėjo imtis registracijos ir valdome users-- dalykų sąrašą, iš tikrųjų keičiasi per laikas, nors mes atsitikti naudoti Perl, skiriasi kalba tuo metu. 

[00:12:35] Ir tada galiausiai mes pristatėme SQL-- Structured Query Language. Taigi dar vienas kalba kad manimi naudojama už ką? Naudojamas už ką? Ar galime žengti slight-- Gerai, mes neketiname gauti daug toliau nei orkestro čia. AUDITORIJA: Tai protokolas kalbėdavau su duomenų bazėmis. David J. Malan: protokolas kalbėdavau su duomenų bazėmis. Leiskite įgnybti. Tai natūralus kalba kalbėti databases-- pasirenka ir įtraukti ir pašalinti ir atnaujinimai ir realiai net daugiau funkcijų, kad mes net nėrė į bet galbūt norėsite explore-- turi ištirti, tarkim, galutinį projektą. Taigi yra šie įvairūs kūriniai. 

[00:13:09] Ir tikiuosi Pset7, nors jo specifikacija yra gana ilgas, tai sąmoningai ilgai vaikščioti jus per, kaip šie dalykai gali visi Straipsniai spausdinami kartu. Dabar, pirmadienį, mes pristatė naujausią mūsų kalbą kad mes oficialiai pristatyti course-- tai yra, JavaScript. Tai, pavyzdžiui, PHP, yra aiškinama kalba. 

[00:13:25] Bet esminis skirtumas Aš pasiūliau, pirmadienį yra tas, kad PHP yra vykdant arba yra aiškinami remiantis serverį, kuris šiuo atveju yra CS50 prietaisas, arba gali būti kai komercinio interneto serveris internete, JavaScript paprastai yra kalba, kuri veikia kliento pusėje ne serverio side-- taip naršyklėje. Kuris yra, kaip ir tada, kai aš atidarė iki Facebook šaltinio kodą ir rasti visiems tų js failus, implikacija buvo kad, kai Jūs lankotės "Facebook" ar dauguma svetainės šių dienų, jums ne tik HTML, o ne tik CSS, bet visa krūva JavaScript kodas dažnai į .js failus forma. Ir tada tai browser-- jūsų Mac arba PC--, vykdanti šį kodą. 

[00:14:03] Bet Jūsų naršyklė jį vykdo. Galite galvoti rūšies smėlio dėžę. Kad JavaScript kodas turi būti ne sugebėti ištrinti failus į savo kompiuterį. Ji turėtų būti, kad negalėsite siųsti laiškus jūsų vardu. Jūsų naršyklė rūšies riboja Ką jūs galite padaryti su juo. 

[00:14:17] Taigi šia prasme, tai šiek tiek mažiau galingas, ko gero, nei C. Bet JavaScript gali, kaip žemę, būti naudojamas ant serverio, nors mes linkę ne kalbėti apie tai šiame kontekste. Taigi dabar galime susieti šiuos kartu. Savaitę plius prieš pristatėme keletą HTML ant left-- super nuobodu tinklalapį. 

[00:14:34] Tiesiog sako hello world. Ir tada aš pasiūlė teisė galime rūšies pavogti idėjas iš mūsų diskusija duomenų struktūrų C ir galvoti apie tai, kaip ši hierarchinė ženklinimo kalba kairėje galima padaryti arba įgyvendinamos atminties faktiniu medžio struktūrą su mazgais ir nurodymus ir tie duomenys rūšių. Dešinėje, mes vadiname kad tam DOM-- dokumento Objektas Model-- kuris yra tik išgalvotas būdas pasakyti medį. 

[00:14:56] Dabar, kodėl tai naudinga galvoti apie tai šiuo būdu? Nes dabar su JavaScript, nes mes turime kodas, kuris gauna žaisti šį aplinka, realus HTML tai buvo išsiųstas į naršyklę jau ir jau buvo pakrautas į atmintį Naršyklė į jūsų kompiuterio medis RAM, kaip šis, mes galime naudoti "JavaScript" faktiškai neigia ar vaikščioti ar paieška arba pakeisti, kad DOM medis Tačiau norime. Taigi iš tiesų, jei jūs manote, apie facebook.com, jei jūs naudojate pokalbių funkciją, jei jums naudoti Gmail ir Gchat funkcija, nieko, kur jūs turite pranešimus, gaunamus iš naujo ir vėl ir vėl, tie pranešimai yra turbūt, kaip, LI žymeles, sąrašo elemento žymės, gal. 

[00:15:35] O gal jie tiesiog Divs nepakylant nesimatytų kiekvieną kartą jūs gaunate tiesioginį pranešimą. Ir taip, kad tiesiog reiškia ką Facebook "ar" Google daro yra bet koks laikas jums žinutė iš serverio, jie tikriausiai naudojant "JavaScript" tiesiog pridėkite kitą mazgą tai tree-- kitą mazgą tai medis, tada vizualiai atrodo tiesiog kaip naują eilutę teksto ekrane. Bet jie įterpiant į šią duomenų struktūra. 

[00:15:57] Taigi klasėse kaip CS124 ir kiti, jums iš tikrųjų rašyti daugiau kodo nuo duomenų struktūros tai patinka. Bet dabar JavaScript, mes tiesiog manyti mes gauname visą šį funkcionalumą nemokamai iš pačios kalbos. Taigi pažvelkime į pavyzdį. 

[00:16:09] Leiskite atverti failą pavadinimu form.html. Tai itin paprasta. Jis tiesiog atrodo taip. 

[00:16:15] Ne CSS, neišsigąskite estetika. Tai grynai funkcinis ir, matyt, aš tikiu, prašo elektroniniu paštu, slaptažodžiu, slaptažodis vėl, ir tada patikrinimas sutikti kai kuriuos terminus ir sąlygas. Ką išeities tekstai tai atrodo yra turbūt kažkas galima spėti su Šiek tiek minties dabar. Aš turiu forma tegus čia. 

[00:16:32] Veiksmai, matyt, ketina eiti fail register.php. Metodas aš ruošiuosi naudoti, tai gauti. Ir tada aš turiu tekstą laukas, kurio vardas yra elektroninio pašto. 

[00:16:40] Turiu slaptažodžio lauką kurio vardas slaptažodis. Aš turiu kitą Lauke slaptažodį, kurio vardas yra šiek tiek savavališkai patvirtinimas. Tai tik dar HTTP parametras. 

[00:16:49] Ir tada mes mes nenaudojamas šios išskyrus nes Frosh augimu demo class-- žymės langelis, kuris yra Tiesiog įveskite lygus patikrinimą. Ir aš kviesiu tą susitarimą. Taigi aš rūšies savavališkai bet Patogiai pavadintas šiuos laukus. Kad dabar, kai ši forma tampa pateikta, pažiūrėkime, kas atsitinka. Jei aš malan@harvard.edu, Aš tai padaryti daug, purpuriniai slaptažodį. Aš tai padaryti iš nieko slaptažodį. Tegul ne bendradarbiauti. 

[00:17:10] Ir pažymėkite žymės langelį, aš ne. Leiskite spustelėkite Registruoti. Ir jis sako, hm, esate užsiregistravęs. Ne visai. 

[00:17:16] Bet URL pasikeitė. Taigi ši forma buvo aiškiai leista pateikti register.php. Bet matyt, turėčiau būti gaudyti kai kurie iš šių klaidų. Dabar, Pset7 ir kai mūsų auditorijose pavyzdžių, mes paprastai atsispausdinti didelis raudonas klaidos pranešimą čia sakydamas trūksta pavadinimo, arba trūksta slaptažodį. Mes padarėme, kad prieš ir mes done serverio pusėje klaidų aptikimo. 

[00:17:37] Bet daug svetainių šių dienų padaryti kliento pusėje klaidų aptikimo kur URL nesikeičia. Visas puslapis nėra atnaujinamas. Gauni trumpąją atsiliepimus iš naršyklės. Gal kas nors raudonai. 

[00:17:48] Gal jums pop-up. Bet jūs neturite gaišti laiko siunčiant į serverio duomenų, kad yra neužbaigtas. Taigi pažiūrėkime, kaip mes galime pasiekti šią funkciją, taip pat. 

[00:17:56] Leiskite man eiti į form1.html, kuri atrodo tas pats. Bet jei šį kartą aš malan@harvard.edu ir aš tipo Crimson ir nemanau, toliau bendradarbiauti bet spustelėkite registras, pastebėsite dabar. Tai ne seksualiausia sprendimas. Aš bent sugauti šią klaidą. Ir aš naudojamas perspėjimą funkcija JavaScript-- kuri mes tik naudojant klasėje. Apskritai, jūs neturėtumėte naudoti šią nes ji gali labai greitai išeiti kontrolės. Bet Slaptažodžiai nesutampa yra klaida. 

[00:18:19] Leiskite man eiti į priekį ir spustelėkite Gerai. Bet kas svarbiausia Takeaway čia yra tai, kad URL nepakito. Taigi aš nerūpi išsekimo serverio laikas prašydamas klausimas, kad galėčiau turėti raštuotas atsakymą į save. 

[00:18:30] Ir vartotojo, nors buvo kalbama apie tai ilgiau nei vartotojo ketina pagalvoti apie tai, teks trumpąją atsiliepimus. Nėra jokios latency su tinklo ryšys. Taigi pažvelkime išeities kodą. 

[00:18:40] Form1.html išvaizda struktūriškai panašus čia. Forma iš tikrųjų yra tas pats. Bet pažiūrėkime, ką aš padariau žemyn čia. Ir ten įvairių būdų tai padaryti. Ir aš padariau pats tiesus Sekėjas bet ne dauguma elegantiškas būdas dar. Turiu tag scenarijų. Tada aš vadinu document.getElementById ("registracija"). Ir aš laikyti tą vertę forma, kintamasis. 

[00:19:04] Taigi, ką aš padariau? Galite manyti, kad document.getElementById kaip specialios funkcijos, kad JavaScript suteikia jums kad tiesiog rankos, rodyklė į vieną iš mazgų ar stačiakampiai šiame medyje. Taigi dabar, kad tai, ką mūsų forma kintamasis JavaScript yra faktiškai nukreipta į. 

[00:19:21] Taigi dabar sintaksė skiriasi nuo C. Bet mes darome kai ką čia. Vienas iš jų, tai viena yra šiek tiek keista, ieško, tikrai palyginti C. Bet pažvelgti į eilutę 35. Taigi kairėje form.onsubmit. Prisiminkite, kad onsubmit yra tarsi į struct srityje. Jei manote, kad forma kintamojo yra tiesiog būti C konstrukto, tai gali turėti tam tikrų sričių. 

[00:19:42] Atgal į dieną, mes turėjome studentų vardus, ID, namai, tų sričių natūra. Tiesiog manau onsubmit kaip kitos krypties. Bet tai speciali sritis, nes Naršyklė preprogrammed tikėtis .onsubmit nebūti vertė kaip numeris arba eilutę, bet iš tiesų yra funkcija arba funkcijos adresas Į kompiuterio atmintį. 

[00:20:02] Ir iš tiesų, tai ką Šis raktažodis čia nėra. Tai sako, duok man naują funkciją. Bet koks jos vardas bus, matyt? 

[00:20:09] Mintys atgal pirmadienis. Kas yra tai pavadinimas funkciją, šį sintaksė? Ne, aš turiu galvoje, yra aiškiai no name associated-- tikrai ne tai, ką aš čia paryškinti. 

[00:20:21] Bet tai iš tikrųjų gerai. Tai anoniminis funkcija, arba lambda funkcija kaip kai kurie gali ją vadina. Ir kad tik reiškia, jis vis dar funkcija. Tai tiesiog, jūs negalite skambinti pagal pavadinimą. Bet tai gerai. Nes vėl, naršyklė buvo preprogrammed įmonių, tokių kaip Google ar Microsoft ar Mozilla ar kitus tiesiog žinau, kad jei .onsubmit srityje viduje forma elementas turi vertė, laikyti jį function-- funkcija žymeklis, jei bus. Ir ją vadina kai teikiama paraiška. 

[00:20:46] Taigi, kas kodas, turėtų būti vykdomas kai forma yra pateikiama? Matyt, viskas viduje garbanotas petnešomis. Ir tai tik stilistinė. 

[00:20:53] Galite tai padaryti, kaip mes linkę daryti CS50. Bet JavaScript, daugelis žmonių linkę laikyti jį ant tos pačios linijos tik todėl, kad būtų aiškiau yra asocijuojasi su tuo raktažodžiu funkcija. Taigi, dabar, ką aš darau? 

[00:21:03] Jei form.email.value lygus kaip lygių tuščia eilutė arba nieko, čia perspėjimas, kur aš ruošiuosi pasakyti, Jūs turite pateikti savo elektroninio pašto adresą, ir tada grįžti klaidinga. Ir tai, kad return FALSE, kad apsaugo nuo jų pateikimo formą. Tuo tarpu, jei slaptažodis yra vertė tuščias, aš ruošiuosi klykauti vartotojas ir pasakyti, turite pateikti slaptažodį. 

[00:21:21] Tuo tarpu kas darosi tiek mėgėjas čia. Jei form.password.value nėra lygus form.confirmation.value, kitoje srityje, klykauti vartotoją, kad slaptažodžiai nesutampa, nes jie " nebuvo prieš akimirką. Ir tada tai vienas yra mažai seksualesnis, nes aš žinau, aš žinojau konceptualiai kad tikrinamą žymės langelį vardas. 

[00:21:40] Taigi aš galiu tiesiog naudoti šauktuką taškas pasakyti, jei patikrinimas nėra checked-- tai Bulio vertė, tiesa ar false-- Aš klykauti ne dėl tos priežasties vartotojui. Priešingu atveju, jei mes per visi iš šių sąlygų, tegul tiesiog grąžina true. Leiskite forma pateikta. Ir tai bus atsitikti. 

[00:21:56] Leiskite įveskite Crimson. Tegul patikrinti stendo, spauskite mygtuką "Registruotis. Ir dabar aš einu per į paskirties vietą. Dabar, nėra bazės ten. Nėra nieko įdomus į register.php. Aš tiesiog reikia kažką kad iš tikrųjų kalbėti. Taigi leiskite man pristabdyti, čia. Bet, ką mes ką tik padaryta klausimai ar tai, ką kai šios naujos sintaksės? Gerai, yeah? 

[00:22:17] AUDITORIJA: Taigi bet langelį automatiškai Būlio. Jūs neturite deklaruoti panašaus. 

[00:22:21] David J. Malan: teisinga. Bet koks langelį siunčiamą jums iš HTML formos su jūsų "JavaScript" kodo bus traktuojami taip, kaip Būlio value-- true arba false. Tai geras klausimas. Kadangi kitų vertybių, iš Žinoma, buvo tekstas, AKA stygos. 

[00:22:36] Gerai, taigi leiskite man atgal šiek tiek toliau. Koks buvo Esmė tai? Tiesiog būti aišku. Kaip mes jau žinome, net iš Pset7 ir net iš praėjusios savaitės paskaita pavyzdžiai, kad mes galime akivaizdžiai patikrinti $ _GET $ _POST, Ar vartotojas parašęs mus tuščias vertė. Įsiminti tuščią funkciją PHP. 

[00:22:54] Taigi tiesiog būti aišku, kas viena iš priežasčių, mes taip pat gali noriu padaryti šį klaidų tikrinimas viduje naršyklę? Kas motyvacija čia? Taip. 

[00:23:06] AUDITORIJA: Greičiau, ir jūs neturite siųsti nenaudingas duomenis į serverį. David J. Malan: Geras. Tai greičiau. Jūs neturite siųsti nenaudingas duomenys į serverį. 

[00:23:12] Taigi, galėsite gauti atgal daugiau skubus atsakas. Ir apskritai, vartotojas patirtis yra geriau. Pagalvokite apie alternatyvą. 

[00:23:17] Jei dėl Gmail-- ir buvo atveju prieš daugelį metų. Tarkime, jūs turite naują el Gmail sąskaita, o tik būdas per matyti, kad yra, taip sakant, perkraukite visą puslapį. Arba tarkime paspausite ryšys skaityti el. 

[00:23:29] Viskas turi perkrauti taip kad jūs galite pamatyti laišką. Arba Facebook-- gausite pokalbių žinutę. Jūs nematote, kol perkraukite puslapis arba spauskite šiek nuorodą. 

[00:23:36] Kaip, tai būtų siaubingai erzina vartotojo patirtį. Ir tai, ką jis buvo, pavyzdžiui, aiškiai, atgal, kai išbėgau į UC ir interneto buvo daug mažiau dinamiškas ir JavaScript nebuvo taip populiarinamas kaip yra dabar. Ir viskas vis dar dinamiškesnis ir daug daugiau kliento pusėje šia prasme. 

[00:23:49] Bet yra sugauti čia ir tai yra rūšies erzina kabliuko. Tiesiog todėl, kad jūs įtraukiate kliento pusėje aptikimo, kaip tai nereiškia galite arba turėtų atsisakyti serverio pusėje aptikimas. Jūs iš esmės nori įdėti savo Klaidų abiejose vietose. Nes tai, kas buvo vienas Pamokos išmoko iš straipsnio aš perskaičiau keletą ištraukų nuo su šia kvaila CMS system-- Turinio valdymo System-- buvo įgyvendindama savo autentiškumo patvirtinimo sistemą, jo prisijungti per kokį mechanizmą? JavaScript. 

[00:24:20] AUDITORIJA: JavaScript. David J. Malan: JavaScript, tiksliai, teisingai? Buvo naudoti JavaScript. Ir tiesiog, jus vaikinai grojo šiek tiek tikriausiai su Chrome "inspektoriaus. Ir jei aš galiu rasti, apžiūrėti elementas. 

[00:24:30] Leiskite man eiti per tai padaryti visi Chrome "parinktis. Ir tai, kaip lengva yra išjungti JavaScript savo naršyklėje. Patikrinkite, ne daugiau "JavaScript". 

[00:24:38] Taigi sąžiningumo, daug žiniatinklio šių dienų yra tik ketina nutraukti nes Gmail ir kitas sites-- Facebook-- prielaidą, kad Įjungta JavaScript. Bet jei darai kažką kvailo kaip tik patvirtinti vartotojai įvestį ir tikrinti jį klaidų kliento pusėje, Priešininkas gali lengvai tai padaryti. Ir tada net protingesni Priešininkas kaip jums vaikinai Dabar galite naudoti Telnet susukimas ar tiesiog komandų eilutės komandas ir tikrai siųsti laiškus į serverį kad panašiai yra ne klaida patikrinti. 

[00:25:05] Taigi tai yra daugiau vartotojo sąsaja sprendimas nei ji yra faktinis techninis improvement-- įgyvendinti kažkas kliento pusėje, kaip šis. Taigi, dabar greitai glaustai, bet tada Aš atidėti internetinei pėsčiomis per šią vieną. Dviejose forma, mes iš tikrųjų išgyveno ir išvalyti kodą dar truputį. Bet leiskite man atidėti vieną iš video mes linkę įdėti į Pset8 kad tiesiog rodo, Panaši sintaksė naudojant biblioteka, vadinama JQuery, kuris yra super, super populiarus biblioteka JavaScript kad atvirai, dauguma žmonių tiesiog naudoti šių dienų ir net painioti, nes pati būtis JavaScript. 

[00:25:37] Ir jis yra linkęs įtraukti kai Dolerio ženklai ir raktažodžius kaip dokumento skliausteliuose čia. Bet vėl, leiskite atidėti iki kai lėčiau samouczków internete o ne klimpti vos sintaksė. Pereikime prie kažkas mažai aušintuvas kalbant apie šio programų. 

[00:25:50] Taigi, visų pirma, leiskite man eiti į priekį ir atverti tai čia. Nagi. Štai taip. 

[00:25:59] Leiskite atverti šią nuotrauką čia. Pernelyg sudėtingas ieško, tačiau ji aprašo technologiją vadinamą AJAX-- Asinchroninis JavaScript ir XML, kur XML X iš tikrųjų nebėra tikrai naudojami. Ji linkusi naudoti kažką kitas vadinamas JSON. 

[00:26:13] Bet čia, kaip kažkas panašaus "Google Maps" ar "Google" žemė veikia. Pabandykime tai skristi, realiai. Leiskite man eiti į priekį ir atidaryti "Chrome" mano naršyklėje. 

[00:26:21] Ir leiskite man eiti į, pasakyti, maps.google.com. Ir iš tikrųjų, jei esate senas Užtenka prisiminti, ką, kaip, MapQuest buvo tarsi atgal per dieną, o gal jie vis dar dirba kaip šis. Kai naudojama ieškant something-- 33 Oxford Street, Cambridge, Mass, darykime this-- jus iš tikrųjų būtų, jeigu jums norėjau kanors aukštyn ir žemyn, į kairę ir į dešinę, Jūs atrodys didelis rodyklė ant viršaus, ir ji būtų parodyti jums kitą kadras žemėlapyje čia. Ar jūs spustelėkite kairėje ir jūs norėčiau eiti per čia, ar kita paspaudimas ir jums eiti per čia. Bet vietoj to, jie dienų, mes, žinoma, tik laiko savaime suprantamu dalyku, kad mes galime eiti aplink Kembridžo gana greitai tiesiog spustelėdami ir vilkdami. Bet Pastebėjus tam tikrų trikdžių. 

[00:26:59] Jei aš tai padaryti pakankamai greitai, kas atrodo, vyksta kaip aš vilkite šiek tiek per greitai už kompiuterio suspėti? Ką matote? Taip. 

[00:27:07] AUDITORIJA: pikseliai neatnaujinama. David J. Malan: taškai neturi atnaujinti. Yra actually-- ir jus gali pamatyti tai, iš tikrųjų, jei jūs žiūrite internete ir pauzė tai ar iš tikrųjų lėtina dalykų žemyn už once-- pamatysite, kad yra plytelės, kvadratų, arba stačiakampių, kad trūksta žemėlapyje kol sekundės vėliau, daugiau duomenų, daugiau nuotraukų iš tikrųjų rodomas ekrane. Ir iš tiesų, jei mes tai darome, žiūrėdamas iki Chrome's-- tarkim, Chrome-- pažiūrėkime. Mes negalime daryti. 

[00:27:31] Oi, oi. Leiskite atverti maps.google.com. Leiskite langas didesnis dar kartą. 

[00:27:36] Grįžti atgal į 33 Oxford Street. Koks buvo svetainė buvau neseniai? Aš turėjau šią, kaip ir, privatus tirada iki aš, kad aš tada trumpąją žinutę bet draugas, kuris buvo internete kurie norėjo išgirsti. Yra keletas interneto svetainėje. Manau, kad tai Comcast-- taip labai didelis Amerikos IPT. Galite, jei Užsiregistravę naują laidą modemas tarnyba arba kabelinė televizija tarnyba, jie turi formą labai pagrįstai kur jie niekada neprašome jūsų adresą. Ir turėti šį nuostabų funkcija vadinama Automatinis užpildymas, kaip "Google", kad pradeda užpildyti į jūsų klausimą. 

[00:28:04] Problema yra, jie Automatinis užpildymas nuo pirmųjų dalykų, kad jūs tipo. Taigi, jei jums pradėti rašyti 33, jį bus parodyti jums, tiesiog kiekvieną namą Amerikoje, kuris prasideda su numeriu 33 prieš toliau tikimės, kad jūs tipo daugiau. Taigi, jei rašote 33 Oxford, tai rodo jums kas gatvę Amerikoje, kuri turi 33 Oksforde jo pavadinimas, nepriklausomai nuo miesto kad jūs. 

[00:28:25] Ir tada jūs ir toliau rašyti. Ir, pagaliau, jis supranta, kad jie ne siūlau tarnyba savo namuose, Cambridge ar kažkas panašaus. Bet Esmė yra ta, tai yra labiausiai Oli įgyvendinimas auto baigti bet kada. 

[00:28:34] Ir aš tik ketina išjungti dėl šio liestinės dar kartą. Tačiau yra gerų būdų, naudoti JavaScript ir blogų būdų. Ir tai nebūtinai geriausias. 

[00:28:40] Bet čia dalykas, prieš tai tirada buvo atverti įrankiai žemyn čia ir atverti Kūrėjo įrankiai, kaip mes skatinami anksčiau, ir žiūrėti tinklą skirtukas kaip paspaudžiu tikrai greitai. Ir pastebėsite, visa krūva iš užklausų atsitiko. Visa tai nutiko, nes aš nutempė. 

[00:28:57] Ir greičiausiai, iš tikrųjų Šių eilučių daug dabar yra vaizdo velniop JPEG MIME tipų ar turinio tipai. Tai todėl, kad tai, ką chromo daro kiekvieną kartą aš spustelėkite ir vilkite, spustelėkite ir vilkite, yra tai realizuoti, oi, aš reikia eiti prašyti Google plytelių žemėlapyje, kad viskas baigta čia greitai atsisiųsti per HTTP, ir tada įdėti į vadinamąją DOM į interneto naršyklių atminties medį atstovavimas, kad vartotojas, man, pamato, kad atnaujintą plytelių. Ir tai yra dėl technika, vadinama "AJAX. Atgal į dieną, tai tikrai buvo atvejis, kad jei norėjo pakeisti tai, kas ekrane, jūs turite paspausti aukštyn, žemyn, į kairę, teisė. Ir tada naujas puslapis atvertų. Tačiau šių dienų, viskas yra labiau dinamiškas. Taip atsitinka taip, mes, žmonės, būtų tikiuosi, kad jis iš tikrųjų būtų interaktyviai. Ir jis tai pasiekia būdas technika vadinama AJAX, kuris yra bene geriausiai paaiškinti pavyzdys. Pirma, leiskite man eiti į priekį ir atverti failą vadinamas quote.php į Šiandienos pasiskirstymas kodas. 

[00:29:53] Ir tada leiskite man padaryti symbol-- šūksniais. Leiskite padaryti simbolį = GOOG tik kai kurių sandėlyje. Ar iš tikrųjų, galime daryti vienas iš Pset nemokamai. Įveskite. 

[00:30:05] Ir dabar pastebėsite ką aš grįšiu. Taigi tai yra tikrai trumpas PHP failą, kad aš rašė, kad tiesiog skolinasi kodą iš Pset7 savo peržvalgos funkcija ir išspjauna naudojant šį garbanotais petnešomis ir citatos ir dvitaškis notacija, matyt, dabartinis akcijų kaina už kompanija, kuri jums praeiti per vakaronėse. Taigi tai yra kitoks nuo daugumos, ką mes daroma šiuo pranešimu aš pažodžiui opluciem kas atrodo JavaScript. 

[00:30:27] Tiesą sakant, tai yra JavaScript objektas. Tiesą sakant, tiesiog, kad būtų labiau aišku, JavaScript Object Notation-- JSON-- yra tik išgalvotas būdas pasakyti, kad jums gali atstovauti duomenis JavaScript daug kaip jūs galite į PHP naudojant rakto poros. Taigi, jei aš norėjau paskelbti JavaScript kintamąjį iki atstovauja Zamyla, už instance-- už Zamyla-- konstrukto ir mes jį vadiname studentas, šis kintamasis. Jos ID yra vienas, namas Winthrop ir vardas Zamyla. 

[00:30:53] Bet aš taip pat gali turėti objektų masyvo. Taigi, jei aš iš tikrųjų norėjo turėti JavaScript masyvas, kuriame yra keli tokie objektai, tai laikas atstovaujanti darbuotojų, Aš galėjo šiuos tris gabaliukus code atgal atgal už tai Trys buvę darbuotojai. Taigi sintaksė, gana panašus į both-- PHP. Visų pirma tai pasakytina JavaScript. Tai objektas notacija. Taigi, kas yra šis naudingi? 

[00:31:17] Jei aš rašau kodą išspjauna JSON-- JavaScript Object Notation-- stuff, kad atrodo taip arba stuff, kad atrodo Zamyla struktūrą, Aš iš tikrųjų galite naudoti šią programose rašau. Leiskite man eiti į ajax0.html. Ir tai too-- ne daug galvojama, kad estetika. Bet žiūrėti, kas atsitiks. 

[00:31:34] Leiskite man eiti į priekį ir įveskite nemokamai čia. Spustelėkite gauti citata. Ir pastebėsite URL nepasikeitė. Bet aš gauti Iššokantis su matyt Šiandienos Penny Stock kaina 0,15 $. Taigi ne visi, kad blogai. Tačiau skirtumas yra tas, kad kažkaip, šie duomenys grįžo į mane tiesiogiai. Bet tegul imasi link žingsnį kažkas daugiau žino. Be to vienos versijos, leiskite nemokama vėl įvesti, spustelėkite Gauti citatą, ir now-- oh, tai buvo realiai JQuery versija. Taigi leiskite me-- aš ne pirmyn gana pakankamai toli. Leiskite man eiti į versiją du, kuris yra, kur aš norėjau. Stebėkite, aš padariau čia. Turiu web page-- super paprastas variantas bet kurį tinklalapį, galite naudoti šiandien su teksto lauke čia nemokamai, o tada matyt tik tekstas. 

[00:32:14] Tai ne forma čia, matyt. Bet jei aš spustelėkite gauti citata, pastebės mano tinklalapį yra apie pakeisti kaip nors I tik gavo naują momentinį pranešimą arba kaip nors aš ką tik persikėlė žemėlapį ir reikia gauti daugiau duomenų, dinamiškai pridėti prie tinklalapio be URL keičiasi ir vartotojo patirtis vis nutrūksta. Iš tiesų, aš vis dar ne patį place-- ajax2.html. 

[00:32:35] Taigi pažvelkime tik šiame pavyzdyje ir pamatyti, kaip tai vyksta. Leiskite man eiti į ajax2.html. Ir pirmojo pranešimo formą. 

[00:32:44] Žemyn čia, aš tekinimo off Automatinis užpildymas. Kartais ji pasireiškia erzina, jei naršyklė bando parodyti jums, jūsų visa istorija. Taigi jūs galite padaryti jį HTML by tiesiog pasakyti, auto užbaigti išjungtas. 

[00:32:53] Aš skiriant šį tekstą laukas symbol-- veikiau simbolinė ID. O dabar, tai yra įdomi funkcija. Mes ne kalbėjo apie span, bet jūs galite galvoti apie tai kaip dalį tegus arba div tegus. Tai, kas vadinama in-eilutės elementu, reiškia, kad jūs negausite dalį pertrauka aukščiau ir žemiau jo. Tai tik ketina likti vienoje linijoje be pataikyti įvesti ekvivalentą. Taigi daviau šį HTML riekė turi būti nustatoma unikalų identifikatorių kad aš savavališkai vadinama kaina. Ir turiu mygtuką Pateikti. 

[00:33:21] Nes dabar iki here-- ir tai tikrai super nuostabi, kaip mažai kodas Jūs galite rašyti daryti palyginti tvarkingas Quake pastebėsite ką aš padariau čia, jei aš slinkite iki šio puslapio galva. Aš įtrauktas pirmas mano galva scenarijų tegus kad iš tikrųjų nuorodos JavaScript failą kitur. Tai iš organizacijos kad rašo JQuery, Ir tai tik suteikia jums vėliau versija savo jQuery biblioteką. 

[00:33:42] Taigi tai yra lyg aštrūs įtraukti į C arba reikalauja PHP. Galite naudoti tag scenarijų kuriuo šaltinio atributas. Bet dabar mano kodas yra bus teisus čia. 

[00:33:52] Pranešimas Turiu funkcija vadinama kotiruotės. Ir atrodo mažai paslaptingas iš pirmo žvilgsnio. Bet leiskite erzinti tai išskiria. Duok man kintamasis vadinamas URL. Priskirti jį pažodžiui šį eilutę. Taigi, kabutes, kabutes į JavaScript tiesiog man duoda eilutę. Ką plius daryti? Sąryšis. 

[00:34:08] Taigi tai dabar yra JQuery sintaksė kuris trunka tiek priprasti. Bet tai tiesiog reiškia eiti gauti man DOM mazgas, kurio unikalus identifikatorius yra simbolis. Grotelėmis ten reiškia unikalus identifikatorius simbolis. 

[00:34:21] Doleris įsijunk wtrącone tiesiog reiškia, apvyniokite tai į JQuery iš slaptą padažu rūšiuoti taip gausite papildomą funkcionalumą. Ir tada .val matyt funkcija, arba kaip mes sakome dabar, viduje šio mazgo metodas kad tik suteikia jums naudos. Taigi, trumpai tariant, negraži ir paini kaip tai atrodo iš pirmo žvilgsnio, tai tiesiog reiškia gauti su vartotoju įvedėte į, įdėti jį į stringo pabaigos iki concatenating jį. Tai viskas. 

[00:34:43] Taigi, dabar, paskutiniai trys eilutės. Galite išspausti iš daug funkcionalumas iš trijų eilučių. Ši doleris ženklas, kaip žemę, yra tik slapyvardis už ypatingą pasaulinį kintamąjį vadinamas tiesiog JQuery. 

[00:34:55] Doleris ženklas tik atrodo cool. Taigi JQuery bendruomenė tiesiog rūšies iš naudojo jį kaip savo ypatingos simboliu. Tai nereiškia, kad tai, ką jis reiškia, PHP. JavaScript, dolerio ženklas yra tik kaip abėcėlės raidės arba kintamajam skaičius. 

[00:35:07] Jūs galite tiesiog jį kaip pavadinimas. Tiesiog atrodo kietas. Taigi bendruomenės juos priėmė kaip slapyvardį už savo biblioteką, vadinama JQuery. 

[00:35:13] Ir tai super populiarus. Taigi gauti JSON yra būtent tai. Tai funkcija, kuri žmonės ne jQuery rašė kad gauna JSON iš server-- JavaScript Object Notation. Iš to, ką URL it going gauti šią informaciją? Matyt iš URL čia. 

[00:35:27] Ir kas turėtų naršyklė padaryti taip kai tik ji grįš šį atsakymą? Ir tai yra AJAX magija, todėl į speak-- Asynchronous JavaScript XML. Sunku pamatyti su tokia paprastas pavyzdys, kaip mes turėjome čia. 

[00:35:41] Bet tai buvo asinchroninis į jausmas, kad mano kodas, jei vykdomas išsiuntė pranešimą serveris eiti gauti man JSON. Ir tai atsitiko super greitai kad gavau atsakymą. Bet kas įdomu yra tai, kad ši eilutę kodo nebuvo pakabinti savo kompiuterį. 

[00:35:55] Nemačiau verpimo piktogramą. Aš neprarado Galimybė perkelti savo pele. Mano naršyklė buvo tikrai puikiai baudą. 

[00:36:01] Nes taip JavaScript rankenos atsakas iš serverio yra taip. Jūs užregistruoti, ką norite skambinti skambinimo funkcijas, kuri tiesiog reiškia, ei, "JavaScript". Kaip greičiau kaip serverį reaguoja su JSON, prašome skambinti šiuo anoniminę funkciją. 

[00:36:18] Ir prašome perėjo į šią funkciją kokia eilutė serveris išspjauti kaip argumentas vadinamas duomenis. Taigi, kitaip, tariant, jei Aš montavimas dinamiškai URL quote.php einančios tai simbolis, kaip nemokamai arba GOOG ar Papuošalą, Aš tada sakau JavaScript eikite gauti šį URL. Atminkite, kad naršyklėje ketina grįžti kažką kad atrodo, kad mes matėme earlier-- tai. 

[00:36:42] Ir kas antras argumentas čia norėdami gauti JSON sako yra skambinti šią funkciją kai serveris gauna atgal ar tai 10 milisekundžių nuo dabar ar 10 sekundžių nuo dabar. Ir kuo greičiau tai padarysite, pridėti į kainą į puslapį. Ši sintaksė čia tiesiog reiškia eikite gauti mazgas nuo medžio, kurio unikalus identifikatorius yra price-- tą tarpą matėme anksčiau. 

[00:37:01] Šis metodas vadinamas HTML tiesiog sako, eiti pakeisti HTML, kad ten su data.price. Kas data.price? Na, naršyklė, prisimenu, parodė man tai grįžta. Taigi tai yra duomenys. 

[00:37:14] Ir todėl mažai paslaptingas pamatyti kableliais čia. Bet iš tikrųjų, leiskite man tai padaryti. Leiskite įdėti šią labai greitai į gedit ir parodyti tai, kaip mes parodėme Zamyla struktūra anksčiau. 

[00:37:27] Ką serveris siunčia atgal yra mažai objektas, atrodo taip. Ir taip data.price yra tiesiog duoti man 0,1515. Taigi pereiti daug dalys čia visus iš karto. 

[00:37:39] Tačiau esminė informacija yra kad mes turime šį gebėjimą padaryti papildomą HTTP prašymai, naudojant JavaScript nereikia iš naujo įkelkite puslapį. Ir tada mes galime iš tikrųjų keisti tinklalapį skristi. Ir paaiškėja, kad JavaScript ir kitomis kalbomis gali būti naudojamas ne tik dabar mutuoti tinklalapius, bet iš tiesų kurti programinę įrangą realioje kompiuterio, ne tik apsiriboti Chrome ir pan. 

[00:38:00] Iš tiesų, if-- Colton, prašau norėčiau prisijungti mus atgal čia su savo laboratorijos kodas ir Chang taip? Vykime į priekį, to, kalbėjo apie anoniminiai funkcijos ir šios funkcijos ir tikrai Patiria likimą čia su gyva demo su kraujavimu Naujausios technologijos, viena iš šie Elite Judesio prietaisai. Dabar šis įrenginys, prisiminti, yra šiek tiek USB įrenginį taip that-- tai beautiful-- kuris jungiamas prie "USB. 

[00:38:25] Ir tada jis teikia medžiagą žmogaus gestus forma aptikti naudojant infraraudonuosius spindulius, iš esmės, judesių ranką. Todėl nors ką Maria bandė nuo iki buvo raumeningas, iš tikrųjų jaučia, kas keičiasi Jūsų rankos, tai infraraudonųjų pagrįstas. Todėl jis ieško, kai judėjimas sferos koja ar taip tarsi iš paties prietaiso. 

[00:38:46] Taigi, kodėl ne aš Šioje pirmoje dūris? Ir eikime į priekį ir mesti Jūs iki Viršuje čia. Taigi galime įdėti Colton nešiojamas čia. Mes turime Andriejų televizoriuje. Ir ką norėtumėte man daryti pirmiausia? 

[00:39:00] COLTON: Eiti į priekį ir tik įdėti savo rankas ant šio vaikino ir pamatysite, kai Pasakų blizgesį. 

[00:39:04] David J. Malan: Labai gražus. Visa tai vyksta realiu laiku. Gerai. Gerai, o yep. So nice. Gerai, ką dar galime padaryti? 

[00:39:15] COLTON: Eiti į kitą ekraną ir pamatysite. 

[00:39:17] David J. Malan: Gerai. 

[00:39:19] COLTON: įdomus mažai žaidimas kur jums padaryti robotus. 

[00:39:21] David J. Malan: Gerai, todėl šis yra fake rankos rodantys man, ką daryti. COLTON: Taip Taigi pirmyn ir patraukti vieną iš blokų ir padėkite jį ant viršaus, kad roboto kūną. David J. Malan: Oi, ten mano ranka. Oh. Gerai, žavinga. Palauk, Gerai. Štai taip. 

[00:39:41] COLTON: Aš vieną dėl nelaimingo atsitikimo. 

[00:39:43] David J. Malan: Gerai, aš gausiu šį vaikiną. Damn it! Kai mes buvome praktikuojančių tai paskutinis naktį, jūs žinote, ką tai perduotos į? 

[00:39:51] Kaip šis. Gerai. Kitas vienas? 

[00:39:55] COLTON: Sure. 

[00:39:56] David J. Malan: Gerai, ir ten trečią. Gerai. COLTON: O šis, jums to-- David J. Malan: Oh, Tai vienas gražus. COLTON: --yeah, pasiimti be šios gėlės. David J. Malan: Gerai. Ne? Praleisti. 

[00:40:14] COLTON: Oi, ten jūs einate. 

[00:40:15] David J. Malan: Ak, pažvelgti į tą. Labai gražus. Na, kodėl Dont imame iš vienos savanorio čia kurie norėtų ateiti iki. Kaip apie teisę ten Žaliojoje, tai? 

[00:40:27] Gerai, ir tegul have-- užuot tai, kai kurie iš jūsų Galbūt žinote, žaidimas here-- sumažinti virvę, galbūt? Pažiūrėkime. Mes turime akinius per čia? 

[00:40:37] Gerai. Ačiū. Koks jūsų vardas? 

[00:40:39] AUDITORIJA: Laura. 

[00:40:40] David J. Malan: Laura? Malonu matyti. Jei jūs neprieštaraujate, išleidimą Google Glass per savo akinius. Tai Colton. 

[00:40:46] COLTON: Sveiki. Malonu jus matyti. 

[00:40:48] David J. Malan: Gerai, nagi aplink. Gerai, taigi, ką jūs ketinate padaryti čia atliko tik prieš tai, yra įdėti savo ranką virš Leap Pasiūlymas čia. O dabar jūsų rodyklės turi judėti. Oi, nope. 

[00:40:57] AUDITORIJA: Ne 

[00:40:58] David J. Malan: Mes nenoriu mesti dar. Gerai, palauk. Čionai. Taigi pastebėti, kaip jūs laikykite rankoje pirštu per kažką, pelė pradeda eiti žalia, kuris, kaip jūs spustelėkite. 

[00:41:06] Taigi užveskite pelės žymeklį ant Play. Ir tik vienas pirštas yra gerai. Ir dabar paspausti ant mažai žalia vaikinas kairėje. Ir dabar turi, kol jis užpildo žalia. Geras. Dabar, kaip ir, pirmo lygio iki viršaus. 

[00:41:16] AUDITORIJA: Taip, mes norime lygis vienas, čia. 

[00:41:20] David J. Malan: Geras. Gerai, kad viskas, ką turite padaryti, tai sumažinti virvę. Kursorius yra baltos viena ten. 

[00:41:28] Labai gražus. Gerai, tai yra apie gauti sunkiau. Taigi palaikykite pirštą ant kito dabar. Geras. Tai vienas sunkiai. 

[00:41:39] AUDITORIJA: O šūdas. Gerai. Ji nori eiti, kad taip. O šūdas, that-- 

[00:41:44] David J. Malan: Taip. Antrinis tikslas yra gauti visų žvaigždžių. Gerai, sekantis. 

[00:41:53] Leiskite pamatyti, jei jūs galite gauti šį trečias. Geras. Gerai, eikite ten. 

[00:42:06] Tikrai. Oi, labai gražus. Gerai. 

[00:42:11] Taigi, kodėl ne mes atidėti čia šiandien? Niekam ateiti iki, kuris nori žaisti. Labai ačiū Laurai savanoris. Ir mes matome jus pirmadienį. 

[00:42:18] AUDITORIJA: Jūs tikriausiai norite juos atgal. 

[00:42:21] SPEAKER 2: Kitame CS50--