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šų.
>> Gerai.
O kokia jūsų pavardė?
>> AUDITORIJA: Uh, Maria.
>> David J. Malan: Maria, malonu matyti jus.
Nagi čia.
Leiskite jums pristatyti Colton.
Colton, tai Marija.
>> COLTON: Hi, nice to meet you.
>> 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.
>> COLTON: Pirma, mes turime Pajungti į tai, ko tai.
>> David J. Malan: Gerai.
Tiesą sakant, galime įdėti savo ranką kaip arti šio kabelio, kaip įmanoma
kad galėtume pirmasis sinchronizuoti jį.
>> COLTON: Padarykim tai.
>> 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.
>> 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.
>> COLTON: Eikite, kaip šis.
Ir patinka.
Ir visą kelią į dešinę.
Grįžti atgal.
>> David J. Malan: Gerai.
Kitokiu požiūriu.
Tai ne tu.
Tai mus.
>> MARIA: Gerai.
David J. Malan: Ne
Pereikime jį aukščiau todėl arčiau savo alkūnės ar net griežtesnė.
Gerai.
>> Here we go.
Tai būtų geras laikas CS52X.
Štai taip.
>> Labai gražus.
Gerai.
Nykščiu Pinky.
>> Labai gražus.
Skleiskite savo pirštus.
Geras.
Bangos teisus.
Jis smalsiai rodo Jūs kairiuoju hand--
>> COLTON: Taip, tai keistai.
David J. Malan: Banga į teisė ir judėti į priekį.
Greitas sukimas į priekį praleisti arba šalia.
Tai gerai Wave teisus.
>> MARIA: Aš don't-- palaukti.
>> David J. Malan: Reikia pagalbos?
>> 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.
>> David J. Malan: Nėra?
Gal pasieksite savo ranką iš mažai tiesiau
ir padaryti jį labiau staigus kaip šis.
Taip, gerai, nagi.
>> MARIA: aš atsiprašau.
David J. Malan: Tai ne jūsų kaltė.
COLTON: Tai gerai.
David J. Malan: All Right.
Well--
>> 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ą.
>> 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šų.
>> MARIA: Ačiū.
>> 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.
>> SPEAKER 1: Ponios ir ponai, magas vadinamas Josh.
>> 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.
>> 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".
>> 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?
>> -Wazzap?
>> -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.
>> Ji ketina gauti greičiau ir greičiau.
Gali būti keletas konkurentų kurie, deja, pašalinta!
>> Aš myliu šią bendrovę.
Taip!
Esu PC, ir aš myliu šią bendrovę!
>> Kūrėjai, kūrėjai, vystytojai, plėtotojų,, kūrėjai,
kūrėjai, vystytojai.
Taip!
Interneto svetainių kūrėjai!
>> Interneto svetainių kūrėjai!
Interneto svetainių kūrėjai!
Paklausykite, ką dar jums gauti be papildomo mokesčio!
>> MS-DOS vadovas, paskyrimas Gładziarka, kortelės krūva, Notesy,
laikrodis, valdymo pultas.
Ir jūs galite patikėti?
Reversie!
>> Įrašyti juos į CD!
Po jų MSN!
Jums laiškus juos draugams!
>> 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.
>> Santykiai yra kaip rykliai.
Jie juda į priekį arba jie miršta.
Aš iš tikrųjų manau, kad technologijų bendrovės yra tas pats.
>> [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.
>> 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ą.
>> 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.
>> 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.
>> 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.
>> 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?
>> Arba, kas yra naudojama už?
Kiekvienas?
Taip.
>> 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.
>> 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.
>> 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ų.
>> 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ą?
>> Tegul tik ką daryti?
Kiekvienas.
Turite žengti anapus pirmoji pora eilučių.
Taip.
>> 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ę.
>> 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.
>> 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.
>> 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.
>> 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.
>> 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.
>> 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ą.
>> 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.
>> 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į.
>> 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į.
>> 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.
>> 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.
>> 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į.
>> Leiskite atverti failą pavadinimu form.html.
Tai itin paprasta.
Jis tiesiog atrodo taip.
>> 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.
>> 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.
>> 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.
>> 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.
>> Ir pažymėkite žymės langelį, aš ne.
Leiskite spustelėkite Registruoti.
Ir jis sako, hm, esate užsiregistravęs.
Ne visai.
>> 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.
>> 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.
>> 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.
>> 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.
>> 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.
>> 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ą.
>> 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.
>> 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 į.
>> 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ų.
>> 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į.
>> Ir iš tiesų, tai ką Šis raktažodis čia nėra.
Tai sako, duok man naują funkciją.
Bet koks jos vardas bus, matyt?
>> 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.
>> 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.
>> Taigi, kas kodas, turėtų būti vykdomas kai forma yra pateikiama?
Matyt, viskas viduje garbanotas petnešomis.
Ir tai tik stilistinė.
>> 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?
>> 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į.
>> 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.
>> 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.
>> 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?
>> AUDITORIJA: Taigi bet langelį automatiškai Būlio.
Jūs neturite deklaruoti panašaus.
>> 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.
>> 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.
>> 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.
>> 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į.
>> Taigi, galėsite gauti atgal daugiau skubus atsakas.
Ir apskritai, vartotojas patirtis yra geriau.
Pagalvokite apie alternatyvą.
>> 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.
>> 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ą.
>> 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.
>> 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.
>> 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.
>> 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".
>> 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.
>> 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.
>> 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ų.
>> Taigi, visų pirma, leiskite man eiti į priekį ir atverti tai čia.
Nagi.
Štai taip.
>> 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.
>> 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.
>> 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ų.
>> Jei aš tai padaryti pakankamai greitai, kas atrodo, vyksta
kaip aš vilkite šiek tiek per greitai už kompiuterio suspėti?
Ką matote?
Taip.
>> 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.
>> Oi, oi.
Leiskite atverti maps.google.com.
Leiskite langas didesnis dar kartą.
>> 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ą.
>> 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.
>> 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.
>> 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.
>> 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ė.
>> 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.
>> 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.
>> 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.
>> 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.
>> 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?
>> 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.
>> 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.
>> 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.
>> Taigi pažvelkime tik šiame pavyzdyje ir pamatyti, kaip tai vyksta.
Leiskite man eiti į ajax2.html.
Ir pirmojo pranešimo formą.
>> Ž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.
>> 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.
>> 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ą.
>> 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.
>> 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.
>> 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.
>> 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.
>> 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.
>> 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.
>> Jūs galite tiesiog jį kaip pavadinimas.
Tiesiog atrodo kietas.
Taigi bendruomenės juos priėmė kaip slapyvardį
už savo biblioteką, vadinama JQuery.
>> 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.
>> 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.
>> 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į.
>> Nemačiau verpimo piktogramą.
Aš neprarado Galimybė perkelti savo pele.
Mano naršyklė buvo tikrai puikiai baudą.
>> 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ą.
>> 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.
>> 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.
>> Š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.
>> 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.
>> 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.
>> 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.
>> 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.
>> 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.
>> 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?
>> COLTON: Eiti į priekį ir tik įdėti savo rankas ant šio vaikino
ir pamatysite, kai Pasakų blizgesį.
>> David J. Malan: Labai gražus.
Visa tai vyksta realiu laiku.
Gerai.
Gerai, o yep.
So nice.
Gerai, ką dar galime padaryti?
>> COLTON: Eiti į kitą ekraną ir pamatysite.
>> David J. Malan: Gerai.
>> COLTON: įdomus mažai žaidimas kur jums padaryti robotus.
>> 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.
>> COLTON: Aš vieną dėl nelaimingo atsitikimo.
>> David J. Malan: Gerai, aš gausiu šį vaikiną.
Damn it!
Kai mes buvome praktikuojančių tai paskutinis naktį, jūs žinote, ką tai perduotos į?
>> Kaip šis.
Gerai.
Kitas vienas?
>> COLTON: Sure.
>> 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.
>> COLTON: Oi, ten jūs einate.
>> 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?
>> 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?
>> Gerai.
Ačiū.
Koks jūsų vardas?
>> AUDITORIJA: Laura.
>> David J. Malan: Laura?
Malonu matyti.
Jei jūs neprieštaraujate, išleidimą Google Glass per savo akinius.
Tai Colton.
>> COLTON: Sveiki.
Malonu jus matyti.
>> 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.
>> AUDITORIJA: Ne
>> 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.
>> 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.
>> AUDITORIJA: Taip, mes norime lygis vienas, čia.
>> David J. Malan: Geras.
Gerai, kad viskas, ką turite padaryti, tai sumažinti virvę.
Kursorius yra baltos viena ten.
>> Labai gražus.
Gerai, tai yra apie gauti sunkiau.
Taigi palaikykite pirštą ant kito dabar.
Geras.
Tai vienas sunkiai.
>> AUDITORIJA: O šūdas.
Gerai.
Ji nori eiti, kad taip.
O šūdas, that--
>> David J. Malan: Taip.
Antrinis tikslas yra gauti visų žvaigždžių.
Gerai, sekantis.
>> Leiskite pamatyti, jei jūs galite gauti šį trečias.
Geras.
Gerai, eikite ten.
>> Tikrai.
Oi, labai gražus.
Gerai.
>> 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į.
>> AUDITORIJA: Jūs tikriausiai norite juos atgal.
>> SPEAKER 2: Kitame CS50--