[MÅ«zikas atskaÅoÅ¡anai] 

DAVID Malan: Tas ir CS50. Tas ir sÄkums nedÄÄ¼as deviÅi. Un tas ir tas, kas bÅ«tu bijis Mr Boole 200. dzimÅ¡anas dienu. TÄtad Å¡is ir puiÅ¡i ar kuriem mÄs esam atsaucÄs diezgan daÅ¾as reizes par izmantojot BÅ«la mainÄ«gie patiesas un viltus, 1 un 0 un tÄdas. Un tas bija Google veltÄ«jums viÅam Å¡odien. ViÅÅ¡ ir ieslÄgts 200. TÄtad, ja jÅ«s vÄlaties, lai pievienoties mums CS50 pusdienÄm, ieskatieties saiti par kursu mÄjas lapÄ. Un Å¡Ädas sejas un draugiem, kÄ tie gaida jÅ«s Å¡eit Cambridge. Faces, piemÄram, tie gaida jÅ«s New Haven. Un, patiesÄ«bÄ, Ken New Haven laipni veikti ko sauc animÄts GIF of Eli Å¡eit nesen lunch-- GIF vÄl citu grafisko failu formÄtu, ar kuru tu esi familiar-- ka izskatÄs nedaudz kaut kas lÄ«dzÄ«gs Å¡im. TÄtad tikai secÄ«ba of-- OK. Neviens Å¡eit Cambridge smejas. Bet New Haven, Å¡is ir tieÅ¡Äm smieklÄ«gi, vai ne? Viss kÄrtÄ«bÄ. 

TÄtad pievienoties mums tur. Å eit Harvard, KonkrÄtÄk, Å¡ajÄ treÅ¡dienÄ, ja tu esi otrÄ kursa students vai pirmkursnieks even-- vai pat junior-- domÄÅ¡ana veidoÅ¡anÄ slÄdzis uz datoru zinÄtne, zinu, ka tur bÅ«s Esi CS padomus godÄ«gi Å¡is TreÅ¡dien, neilgi pÄc klases 4:00 PM Å¡ajÄ datorÄ zinÄtne Äka Maxwell Dworkin. MÄs nodot Å¡o par kursu s mÄjas lapÄ lÄ«dz rÄ«tdienai, kÄ arÄ«. Donuts, es esmu teicis, tiks pasniegtas. 

Viss kÄrtÄ«bÄ. Tik smieklÄ«gi story-- man bija poking ap internetÄ, un es atklÄju daÅ¾as vecÄs arhÄ«vu no manas bijuÅ¡Äs mÄjas lapÄ. Un izrÄdÄs out-- ap Å¡o laiks, Å¡Ä·iet, ir Ä¼oti savlaicÄ«gs jo es savÄkt, ka UC vÄlÄÅ¡anas gatavojaties rÄ«kiem atkal. TÄpÄc es ilga UC, zaudÄja noÅ¾Älojami. Un varbÅ«t tas bija daÄ¼Äji kÄpÄc. TÄtad tas bija mana mÄjas lapa tajÄ laikÄ. KÄdu iemeslu dÄÄ¼, es domÄju, tas bija laba ideja, pirms stÄsta cilvÄki kÄds ir mans platforma bija un kÄpÄc viÅi vajadzÄtu balsot par mani, ka viÅiem ir noklikÅ¡Ä·inÄt, lai ievadÄ«tu, lai uzzinÄtu, ka informÄcija, kas retrospektÄ«vi ir veida rÄpojoÅ¡s. Es Ä«sti nezinu, kas tas bija. 

Bet tas noteikti nav palÄ«dzÄt manu kampaÅu. Es arÄ« konstatÄts, ka, vecÄkais year-- man bija Å¡Ä« Muppet kalendÄru. Muppets bija sava veida modÄ toreiz. Vai varbÅ«t viÅi nebija. Man bija Muppet kalendÄrs toreiz. Un es domÄju, ka tas gribÄtu bÅ«t forÅ¡i nosaukuma mans dators par HÄrvardas tÄ«klÄ frogman.student.harvard.edu. TajÄ laikÄ, mums visiem bija unikÄli identificÄjamus uzÅÄmÄju nosaukumiem. Un jÅ«s varÄtu izvÄlÄties kÄdu iedomÄ«ba nosaukumu, nevis savu vÄrdu. Un es devos ar Å«denslÄ«dÄjs kÄda iemesla dÄÄ¼. 

Un tad es started-- es pavadÄ«ju daudz Laika apskatÄ«s Å¡Ä«s saites Å¡orÄ«t. Un tas bija mans par lapu, kas tagad veida Å¡Ä·iet adorable. Bet tas arÄ« liecina tikai cik tÄlu tehnoloÄ£ija ir pienÄcis. Es domÄju, atpakaÄ¼ dienÄ, 486 bija kaut kas. Å ajÄs dienÄs, tas ir super, super, super lÄni un arÄ« mazÄk nekÄ jÅ«s varÄtu bÅ«t jÅ«su paÅ¡u kabatas Å¡ajÄs dienÄs. Tur ir vairÄk tur, ka bija vÄl neÄrts. TÄpÄc es ÅemÅ¡u atstÄt to, ka. Bet tas bija mans pirmais iebrukt web-- ak, nÄ. Tas nebija. Mans pirmais reÄlais iebrukums Web programmÄÅ¡ana bija Å¡Ä« vietne, ko es tikko aizmirsu. KÄdÄ brÄ«dÄ«, es iemÄcÄ«jos veikt atkÄrtotus fona attÄlus. Un tÄpÄc es uzskatÄ«ja, ka Å¡is likÅ¡ana efektÄ«vas, piemÄram, hokejists, futbols, un golfa bumba, vai kÄds tas ir par Frosh TÄrzÄÅ¡ana mÄjas lapÄ. Un tas bija patiesÄ«bÄ, patiesi Pirmais tÄ«mekÄ¼a projekts PaÅÄmu on-- Es domÄju, ka varbÅ«t otrÄ kursa students gadÄ, junior year-- Åemot CS50 un CS51, viena no kopÄjÄs follow-on klasÄs. Es pamanÄ«ju meklÄ caur arhÄ«vÄ ka viens no maniem mantiniekiem un draugi, Lee, veida mainÄ«ts autortiesÄ«bu sev. Bet tas patieÅ¡Äm bija kaut kas Es bÅ«tu pieder samulsinÄt. Bet tajÄ laikÄ, Å¡Ä« bija pirmÄ tÄ«mekÄ¼a vietne, kÄ jau teicu pirms daÅ¾Äm nedÄÄ¼Äm, ar kuru varÄtu pirmkursnieks reÄ£istrÄties klÄtienes sporta Å¡eit. Un tÄ izrÄdÄs ka fona attÄlus piemÄram, ka nav tik laba ideja. Bet web bija jauns, un mÄs visi bijÄm eksperimentÄt. Un tas ir tas, ko es acÄ«mredzot bija tajÄ laikÄ. Viss kÄrtÄ«bÄ. TÄtad bez papildu ADO, mÄs pÄriet rÄ«ku Å¡odien, lai dotu jums, patieÅ¡Äm, pÄdÄjais gabals, ka jÅ«s varÄtu atrast Ä«paÅ¡i noderÄ«ga gala projektiem bet arÄ«, ka sÄks padarÄ«t visu globÄlo tÄ«mekli justies mazliet vairÄk saprotams. Patiesi, mÄs ejam, lai ieviestu vÄl viens programmÄÅ¡anas valoda sauc JavaScript tas ir lÄ«dzÄ«gs un atÅ¡Ä·irÄ«gs daÅ¾Ädos veidos no valodÄm mÄs esam paskatÄ«jÄs lÄ«dz Å¡im. 

TÄtad C, atgÄdinÄt, tas ir apkopota valoda. JÅ«s esat ieguvuÅ¡i, lai palaistu to caur kompilatoru. JÅ«s saÅemsiet pirmkodu iebilst kodu vai nulles un vieninieku. Un tie ir nulles, un tie, kas JÅ«su CPU, Central Processing Unit, faktiski saprast. PHP, gluÅ¾i pretÄji, nav apkopota valoda. Tas ir tas, ko? Tas ir interpretÄjama valoda. TÄtad tur ir daÅ¾i programma sauc tulks, kas ir lasÄ«t it-- augÅ¡as uz apakÅ¡Ä, pa kreisi, lai right-- un izdomÄt, ko visi JÅ«su sintakse dara un nozÄ«mÄ, vai tas ir cilpa vai stÄvoklis vai jebkurÅ¡ cits numurs programmÄÅ¡anas konstrukcijas. TÄtad tas ir interpretÄts valoda. 

Tad mÄs iepazÄ«stinÄjÄm HTML. Un HTML nav pat programmÄÅ¡anas valoda. MÄs gribÄtu to saucam Kas? IezÄ«mÄÅ¡anas valoda, kas ir tikai sava veida iedomÄtÄ veids, kÄ pateikt to nav programmÄÅ¡anas konstrukcijas, piemÄram, mÄs redzÄjÄm pat atpakaÄ¼ dienÄ no nulles. Nav cilpas. Nav nosacÄ«jumi. Tas tieÅ¡Äm ir valoda marÄ·ÄÅ¡anu savus datus un formatÄjumu, vai strukturÄjot to kaut kÄdÄ veidÄ. 

CSS, tikmÄr, lÄ«dzÄ«gi nav programmÄÅ¡anas valoda. Tas ir pat vairÄk estÄtiski orientÄta. Un tas Ä¼auj kÄrtot precizÄjoÅ¡o melodija lietas, piemÄram, fonta lielumu un krÄsu un izvietoÅ¡ana un visu to. Tad mums bija 

SQL. TÄtad SQL ir patieÅ¡Äm programmÄÅ¡ana valoda savÄ ziÅÄ, kaut pielÄgota Ä«paÅ¡i datubÄzÄm. Bet pat ja mÄs tikai jÅ«s iepazÄ«stinÄt ar izvÄlÄties un ievietot un dzÄst un atjauninÄt un pÄris citiem, IzrÄdÄs, jÅ«s faktiski var rakstÄ«t funkcijas vai procedÅ«ras, kÄ viÅi sauc, SQL, kas izskatÄs un darbojas gluÅ¾i tÄpat PHP un C funkcijas. TÄpÄc zinu, ka tie pastÄv. Bet mums nav pat apnikt ar tiem jo mÄs tikai saskrÄpÄt virsmu Å¡eit. Un tad JavaScript, pÄdÄjÄ MÅ«su valodas oficiÄli ieviests. TÄtad JavaScript, arÄ« ir interpretÄts valoda. Un tie pazÄ«stami, do JÅ«s vÄlaties, lai atÅ¡Ä·irtu to ar daÅ¾iem Ä«paÅ¡Ä«ba gan no C un PHP? Kas padara to atÅ¡Ä·irÄ«gu? 

MÄrÄ·auditorija: Tas nav apkopoti. 

DAVID Malan: Say atkal? 

MÄrÄ·auditorija: Tas nav apkopoti. 

DAVID Malan: Tas nav apkopoti. TÄtad tas arÄ« tiek interpretÄts. TÄtad tas nav apkopoti. Bet kas padara to nedaudz, piemÄram, PHP. Bet tas joprojÄm ir atÅ¡Ä·irÄ«gs no PHP kaut kÄdÄ pÄrsteidzoÅ¡Ä veidÄ, vismaz tÄdÄ veidÄ mÄs to izmantot. Yeah? 

MÄrÄ·auditorija: Tas darbojas klienta pusÄ. 

DAVID Malan: Tas darbojas klienta puses, parasti. Tas ir patieÅ¡Äm atÅ¡Ä·irÄ«bas raksturÄ«gi mums tieÅ¡i tagad. C bija server-side tÄdÄ nozÄ«mÄ, ka mÄs darÄ«jÄm visu CS50 IDE. PHP lÄ«dz Å¡im ir bijis server-side tiktÄl kÄ arÄ« tÄ izpauÅ¾as interpreted-- nav apkopoti, bet interpreted-- iekÅ¡Ä CS50 IDE, kas, protams, ir tikai servera vai serveru mÄkoni. 

Bet JavaScript, pat ja jÅ«s esat gatavojas lai sÄktu rakstÄ«t to, teiksim, PSET astoÅi un varbÅ«t galÄ«gs projects-- esat iet uz labo to CS50 IDE un saglabÄjiet to failos ietvaros CS50 IDE, CS50 IDE un, savukÄrt, mÄkonis serveri uz kuru tas izvietots, nenÄks interpretÄt vai izpildÄ«t savu kodu. DrÄ«zÄk, tas bÅ«s jÄnosÅ«ta nepÄrstrÄdÄts veidlapu uz leju, lai pÄrlÅ«ku. Un tas tad bÅ«s IE vai Chrome vai Firefox vai Safari vai kÄds, kas faktiski interpretÄ tÄ, no augÅ¡as uz leju, no kreisÄs uz labo. TÄtad galvenais pazÄ«Å¡anas raksturÄ«ga Å¡odienu ir tas, ka JavaScript ir klienta puses un PHP, piemÄram, ir bijis servera pusÄ. Tagad tas ir interesantas sekas Jo, piemÄram, intelektuÄlÄ Ä«paÅ¡uma un kas faktiski var redzÄt savu kodu. Un tieÅ¡Äm, jÅ«s varat doties tÄ«meklÄ« un redzÄt visvairÄk jebkuru kodu, ka kÄds ir rakstÄ«ts JavaScript. DaÅ¾reiz tas ir lasÄms, DaÅ¾reiz tas ir obfuscated. Bet vairÄk par to savlaicÄ«gi. 

TÄtad JavaScript, labi pietiekami, ir super lÄ«dzÄ«gi, sintaktiski, lai C. Un daudz, piemÄram, PHP, tur nav galvenÄ funkcija. Ja jÅ«s vÄlaties, lai sÄktu rakstÄ«t JavaScript kods, kÄ jÅ«s redzÄsiet Å¡odien, jÅ«s vienkÄrÅ¡i sÄkt to rakstÄ«t. Bet tas ir, jÅ«s redzÄsiet, Ä«paÅ¡i lietderÄ«gi saistÄ«bÄ ar tÄ«mekÄ¼a pÄrlÅ«kprogrammÄm. TomÄr mana mazÄ disclaimer-- parasti earlier-- bija teikt, ka jÅ«s varat arvien Å¡odien lietoÅ¡ana JavaScript servera puses izmantojot iedomÄtÄ sistÄmu sauc Node.js ka daÅ¾i no CS50 paÅ¡u pieteikumu ir rakstÄ«ts. PÄrbaudiet 50 faktiski izmanto Node.js. Bet mÄs esam gatavojas koncentrÄties uz JavaScript klienta puses Å¡eit out. 

TÄtad, Å¡eit ir nosacÄ«jumu kopums, PHP. Atvainojiet, in-- reÄli, ka apgalvojums, arÄ« ir pareizs. Å eit ir arÄ« kopums apstÄkÄ¼i JavaScript. Sintaktiski, tas ir identisks C un PHP. Mr Boole s izpausmes ir, LÄ«dzÄ«gi, sintaktiski identisks gan C un PHP. Mums ir arÄ« slÄdÅ¾us JavaScript ka izskatÄs vienÄdi. Mums ir uz cilpas, kas ir strukturÄts identiski, kamÄr cilpas, darÄ«t, kamÄr cilpas. 

Å is viena ir nedaudz atÅ¡Ä·iras. PHP bija katram konstrukcijas kas jums varÄtu bÅ«t, izmantojot vai izmantos PSET septiÅÄs, varbÅ«t. JavaScript ir Å¡o Ä«paÅ¡o versiju lai kur tu burtiski pateikt kaut ko piemÄram, attiecÄ«bÄ uz mainÄ«go atslÄga objekts, kas ir Ä¼oti Ä«ss veids, kÄ pateikt, ja man ir object-- un mÄs runÄt par Å¡iem atkal moment-- un es gribu atkÄrtot visÄ no galvenajiem vÄrtÄ«bu pÄrus iekÅ¡pusÄ, Man nav izdomÄt, kÄ to skaitliski indekss tos ar nulle, viens, divi, trÄ«s. 

Es varu burtiski teikt. Un katra atkÄrtojuma, JavaScript man atjauninÄs mainÄ«gÄ atslÄgu bÅ«t pirmais galvenais, tad nÄkamais atslÄga, tad nÄkamais atslÄga, tad nÄkamais atslÄga, un tÄ tÄlÄk. Un es varu pie tÄs cenas, apstrÄdÄjot objekts JavaScript, kÄ mÄs redzÄsim, it kÄ tas ir asociatÄ«vais masÄ«vs PHP. PatieÅ¡Äm, ja jÅ«s beidzot ietin savu prÄtÄ ap to, ko asociatÄ«vÄ masÄ«va ir PHP, jÅ«s varat domÄt par to, lai tagad, jo identisks objektu JavaScript. Bet tas ir mazliet pÄrÄk vienkÄrÅ¡ota. 

Bloki izskatÄs, labi pietiekami, identisks PHP izÅemot vienu rakstzÄ«mi. Ir viena lieta, trÅ«kst Å¡eit ka mÄs izdarÄ«jÄm redzÄt pagÄjuÅ¡ajÄ nedÄÄ¼Ä ar PHP. Kas ir izlaisti? Yeah? NÄ dolÄra zÄ«me. TÄtad mÄs esam atpakaÄ¼ uz vairÄk normÄli pasaulÄ, kur mainÄ«gie nav dolÄra zÄ«mes. Bet jÅ«s prefiksu tos ar Var, tipisku. Un VAR nozÄ«mÄ mainÄ«go. Un daudz, piemÄram, PHP ir brÄ«vi typed-- kuru pastÄv veidi, ir numuri un virknes un pludiÅi un tÄ forth-- JavaScript tÄpat ir veidi. Bet tas ir brÄ«vi ierakstÄ«jÄt, ka tÄ mÄs esam programmÄtÄji nav precizÄt tos. Mums vienkÄrÅ¡i ir jÄapzinÄs ka daÅ¾Äda veida pastÄv. 

MainÄ«gie, meanwhile-- lÅ«k, kÄ mÄs varÄtu atzÄ«t "hello, pasaule" kÄ virkni. IevÄrojiet, tas ir identisks PHP bet ne dolÄra zÄ«me. Un tas ir kaut kas mÄs sÄkt redzÄt vairÄk Å¡odien, saskaÅÄ ar kuru jums ir objekts ar atslÄgÄm un vÄrtÄ«bÄm. Un, ja jÅ«s vÄlaties, lai mÄÄ£inÄtu izsecinÄt no pagÄjuÅ¡Ä week-- sintakse ir nedaudz atÅ¡Ä·irÄ«gs. Bet maz vesels saprÄts check-- cik taustiÅi tas objekts, Å¡Ä·iet, ir? TÄpÄc es redzu Äetrus. Es redzu divus. 

TÄtad, tas ir tieÅ¡Äm divi. TÄtad Å¡Ä« ir kolekcija divi atslÄgas vÄrtÄ«bu pÄrus. Galvenais ir simbols, kura vÄrtÄ«ba ir FB. Galvenais ir cena, kura vÄrtÄ«ba ir 101.53. TÄtad tie ir divi atslÄgas vÄrtÄ«bu pÄrus. Un atcerieties, PHP-- un tas ir atkal vienkÄrÅ¡i veida sintaktisko starpÄ«bu. Tas vÄl nav viss, kas intelektuÄli interesanti. PHP varÄtu bÅ«t rakstÄ«ts tas pats lieta kÄ follows-- cenas piedÄvÄjumu, ir vienÄds. Un es varu mainÄ«t Å¡os kvadrÄtiekavÄs. Un tad es varu mainÄ«t to kotÄtÄ vÄrdu, "cena". Un tad es neizmanto kolu. Ko es izmantoju pagÄjuÅ¡ajÄ nedÄÄ¼Ä? JÄ, vienÄdÄ«bas zÄ«me bultiÅa bailÄ«gs notÄcija. 

Un tad es darÄ«ju to paÅ¡u Å¡eit. Pats Å¡eit. Un tas arÄ« viss. TÄtad, tas ir labi, ja tas nav tieÅ¡Äm nogrimuÅ¡ais atmiÅÄ tikai vÄl, jo tas ir patieÅ¡Äm intelektuÄli neinteresanti. Tas ir tikai sintaktisko atÅ¡Ä·irÄ«bas. Bet idejas ir tieÅ¡i tÄds pats. Inside Å¡o mainÄ«go quote JavaScript ir kolekcija atslÄgas vÄrtÄ«bu pÄrus, viens no kuriem ir simbols, viens no kuriem ir cena. Un es varu pie Å¡Ä«s vÄrtÄ«bas ar Å¡Ädu sintaksi. TÄpat kÄ PHP, es varÄtu darÄ«t kaut like-- Ä¼aut mani padara Å¡o lodziÅu nedaudz lielÄks. TÄpat kÄ PHP, es varÄtu padarÄ«t this-- oh, dammit. NÄc Å¡urp. 

TÄpat kÄ PHP-- Labi, mÄs tikai izmantot prezentÄcijas piezÄ«mes. TÄpat kÄ PHP, es varu do $ quote $ quote ["simbolu"], un tas saÅems mani vÄrtÄ«ba "simbolu." JavaScript, tas bÅ«s identiski, ar kuru es varu tikai darÄ«t. VienÄ«gais, kas ir trÅ«kst, ir dolÄra zÄ«me. 

TÄtad labi pietiekami, tad, tur ir ne visi, ka daudz jaunu sintakse. TÄtad, ko Å¡odien mÄs koncentrÄjamies uz, patieÅ¡Äm, ir daÅ¾as no idejÄm un pieteikumiem. Un pirmais Å¡Äda programma, kas jums varÄtu esmu redzÄjis, ja jÅ«s ienira PSET septiÅi jau ir tas sintakse. TÄtad PSET septiÅÄs, ja esat redzÄjis vai nav redzÄjis vÄl, zinu, ka tur ir fails, kas mums dotu jÅ«s sauc config.json-- JavaScript Objekta papildinÄjumiem. KÄpÄc? MÄs vÄlÄjÄmies, lai varÄtu sniegt Jums veidne ar daÅ¾iem atslÄgas vÄrtÄ«bu pÄrus. MÄs vÄlÄjÄmies, lai varÄtu sniegt jums sarakstu uzÅÄmÄjas, nosaukums servera. MÄs vÄlÄjÄmies, lai dotu jums vietturis savu lietotÄjvÄrdu un vietturis paroli. Ja jÅ«s neredzat Tas vÄl, nav jÄuztraucas. VairÄk par Å¡o PSET septiÅÄs [? spec. ?] Un tad, protams, mÄs vÄlamies jums aizpildÄ«t uz-DOS jo, kad jÅ«s piesakÄties CS50 IDE, katrs no jums ir savs lietotÄjvÄrds un parole. 

TÄtad mÄs varÄtu esam lieto pusducis vai vairÄk daÅ¾Ädu failu formÄtus. MÄs varÄtu bÅ«t izmantojuÅ¡i Txt failu. MÄs varÄtu izmantot, CSV failu. MÄs varÄtu esam izmantots INI fails, XML failu, viss Ä·ekars vairÄk akronÄ«mi ka JÅ«s, iespÄjams, nav dzirdÄjuÅ¡i. Tas ir sava veida patvaÄ¼Ä«ga beigÄs, dienÄ. Bet super populÄrs Å¡ajÄs dienÄs ir teksta formÄts sauc JSON-- JavaScript Object Notation-- ka izskatÄs Å¡Ädi. Tas ir nedaudz mistisks, bet paziÅojums modeÄ¼us. Tu sÄc ar atvÄrtu cirtaini lencÄm, un jÅ«s galu ar to paÅ¡u. IekÅ¡pusÄ tas ir kaut kas. Tas ir galvenais, vÄrtÄ«bu pÄri. TÄtad tas ir objekts, kas es esmu skatoties uz ekrÄna Å¡eit kas ir vienu atslÄgu, kurai ir viena vÄrtÄ«ba. Un tikai secinÄt, pamatojoties uz iepriekÅ¡Äjais modelis, kas ir galvenais Å¡eit? Datu bÄze, tad lieta kreisi no resnÄs zarnas. 

Tagad, vÄrtÄ«ba notiek, daudzkÄrtÄjÄs lÄ«nijas Å¡ajÄ laikÄ. Bet vÄrtÄ«ba sÄkas ar cirtaini uzmundrinÄt un beidzas ar cirtaini lencÄm. TÄtad, ko jÅ«s ierosinÄt, ir vÄrtÄ«bas datu bÄzes tips? VÄrdnÄ«cu vai, vienkÄrÅ¡i vairÄk Ä«si, objekts. TiesÄ«bas? Tas ir sava veida datu struktÅ«ru, kas varat izmantot citas struktÅ«ras sevÄ«. TÄtad, ja tas viss, ko mÄs esam zvanot object-- un objektu ir tikai Ä·ekars atslÄgu vÄrtÄ«bas pairs-- vÄrtÄ«ba paÅ¡as datubÄzes ir objekts. No datu bÄzes vÄrtÄ«ba ir visu Ä·ekars Galveno vÄrtÄ«bu pÄrus, no kuriem pirmais ir uzÅÄmÄja, tad vÄrds, tad lietotÄjvÄrds, tad parole, KatrÄ no kuru vÄrtÄ«bas, tikmÄr, tas ir tikai garlaicÄ«gi virknes pÄdiÅÄs. 

TÄtad, pat ja tas nav super skaidrs tikai vÄl, zinu, ka tas ir tikai standarts, diezgan garlaicÄ«gs veids datu glabÄÅ¡anai standarta formÄtÄ. Bet kopÄjÄ kÄ¼Å«das jÅ«s varÄtu veikt, pat PSET septiÅÄs, Ir maz stulba lietas, piemÄram, ja jÅ«s nejauÅ¡i izlaist komatu tur. Kas notiek, lai rezultÄtÄ failÄ ne vienmÄr ir salasÄms. Ja jÅ«s nejauÅ¡i izlaist lietas, piemÄram, citÄtus, tas nav bÅ«s lasÄma. TÄtad tas ir diezgan nitpicky faila formÄts, bet tas ir viens, kas ir super kopÄ«gs. Un mÄs notikt izmantot to, lai arÄ« Jums nav izmantot jebkuru JavaScript citÄdi, in PSET septiÅÄs. 

Viss kÄrtÄ«bÄ. Tik atceries Å¡o bildi. MÄs runÄjÄm par, HTML, ka kods varÄtu izskatÄ«ties Å¡Ädi. Tas ir hiperteksta iezÄ«mÄÅ¡anas valoda [Dzirdams], lai tikai "Sveiki, pasaule." Bet tad mÄs ierosinÄti bet atpakaÄ¼, ka, ja tas palÄ«dz, jÅ«s varÄtu vÄlÄties, lai sÄktu domÄt par Å¡o jau kÄ koks. Faktiski, atkÄpes, kas mums izmantot tikai lasÄmÄ«bu dÄÄ¼ vai stils dÄÄ¼ par kreisais var veida pÄrtulkot Å¡o koku, kur jums ir daÅ¾as Ä«paÅ¡as saknes mezgla, ka mÄs vispÄrÄji sauc dokuments, zem kura ir saknes HTML elements vai tag, HTML, kas tad ir divi bÄrni, galvas un Ä·ermeÅa. 

Un pÄc tam, savukÄrt, galva ir nosaukums. Un nosaukums ir teksta vÄrtÄ«bu. Un Ä·ermenis lÄ«dzÄ«gi ir teksta vÄrtÄ«bu. TÄtad, ja jÅ«s esat apmierinÄts teiciens ka jÄ, jÅ«s varÄtu izmantot Å¡o HTML un izdarÄ«t attÄlu, piemÄram, tas, labajÄ pusÄ ir jauka garÄ«gÄs modelis, jo tagad ka mums ir JavaScript, programmÄÅ¡ana valoda, kas pÄrlÅ«ki var izpildÄ«t un interpretÄt par jums, izrÄdÄs, ka to, ko mÄs esam par to darÄ«t kodu ir sÄkt manipulÄt ar Å¡o koka struktÅ«ru atmiÅÄ. Mums nav bÅ«vÄt koks atmiÅÄ. Mums nav jÄdara veida PSET pieci stila datu struktÅ«ra sareÅ¾Ä£Ä«tÄ«ba. PÄrlÅ«ks, labi pietiekami, pÄc interpretÄjot HTML augÅ¡as uz leju, kreisi vai pa labi, ir burtiski gatavojas nodot mums ekvivalentu rÄdÄ«tÄjs Å¡im visam koku bez maksas. Tas visu smago darbu. Tas ir tas, ko Mozilla un Apple un citi ir izdarÄ«jis mÅ«su labÄ. 

Un ar JavaScript mÄs gatavojamies jÄspÄj kontrolÄt un mainÄ«t un darÄ«t interesantas lietas, ka koks, citÄdi zinÄma kÄ DOM vai dokumenta objekta modelis. KÄda veida lietÄm? Nu, izrÄdÄs, ka JavaScript, tur ir Å¡is veÄ¼as saraksts notikumi, kas var notikt. Un mÄs neesam Ä«sti izmantoti ka VÄrds kopÅ¡ nedÄÄ¼as nulli un PSET nulle, ja mÄs runÄjÄm par nulles. LielÄkÄ daÄ¼a no jums, iespÄjams neizmantoja notikums jÅ«su Scratch projektÄ. Bet jÅ«s varÄtu atgÄdinÄt VienkÄrÅ¡Ä Marco Polo PiemÄram, ja mums bija divi sprites, no kuriem viens teica, Marco. Otrs no kuriem pÄc tam, pÄc klausÄ«Å¡anÄs un dzirdes Å¡o notikumu, teica, Polo. Ja tÄ nav, nekautrÄjieties atskatÄ«ties tik tÄlu atpakaÄ¼. 

Bet tas ir tikai, lai teikt, un jÅ«s varat veida izsecinÄt no nosaukumiem Å¡iem lietas, JavaScript, izrÄdÄs, gatavojas sniegt mums ceÄ¼u, lai klausÄ«tos par pele iet uz leju vai peles iet uz augÅ¡u vai atslÄga iet uz leju vai atslÄgu iet uz augÅ¡u vai onsubmit onselect vai onresizing kaut ko. Citiem vÄrdiem sakot, jebkura fiziska darbÄ«ba ka cilvÄks var veikt ar pÄrlÅ«kprogrammu ka jÅ«s darÄ«t katru dienu, jÅ«s varat rakstÄ«t kods, kas klausÄs tiem notikumiem un tad tas kaut ko piemÄrotu. 

PiemÄram, ja jÅ«s izmantojat Google Maps, kas notiek, ja jÅ«s noklikÅ¡Ä·iniet un pÄrvietot peles, parasti? Ja jÅ«s noklikÅ¡Ä·iniet un velciet? Yeah? TieÅ¡i tÄ. Karte sÄk kustÄties. TÄtad jÅ«s varat kÄrtot redzÄt, kas ir nekÄ Å¡eit, kas ir tur. Un kÄ Google Ä«stenot Å¡o? Nu, iespÄjams, viÅi izmantojot pÄris Å¡o notikumu klausÄ«tÄji, viens, ka saka, klausieties uz peles down-- tad, kad lietotÄjs fiziski nospieÅ¾ viÅa skÄrienpaliktni vai viÅa peli uz leju. Un tad mÄs meklÄjam kaut kÄ pÄrvietoÅ¡anÄs vai kÄds cits notikums, kas Ä¼auj mums, lai attÄlotu vilkt. Un patiesÄ«bÄ, velciet ir lÄ«dzÄ«gi Å¡ajÄ dot dot dot sarakstu iespÄjamo variantu. 

TÄtad tas bÅ«s spÄcÄ«gs veids, lai sÄktu reaÄ£Äjot uz lietotÄja pat pirms viÅÅ¡ vai viÅa faktiski noklikÅ¡Ä·ina kaut kas lÄ«dzÄ«gs skaidri iesniegt. Bet mÄs ejam, lai ieviestu pÄris tÄmas tur nokÄ¼Å«t. Bet vispirms, pieÅemsim pÄreja zinÄmÄ faktisko kodu. TÄpÄc es ieÅ¡u uz priekÅ¡u un atvÄrt dom-0, kas ir Ä¼oti vienkÄrÅ¡s piemÄrs Å¡eit, ka, ja es tuvinÄtu vienkÄrÅ¡i ir Å¡o ieguldÄ«jumu Å¡eit par mani. Un es ieÅ¡u uz priekÅ¡u un ierakstiet "David" par manu vÄrdu un noklikÅ¡Ä·iniet uz Iesniegt. 

Un tad, lai gan sava veida lÄti, es ir Å¡o uzvedni, kas NOP augÅ¡u, kas saka, "sveiki, David!" TÄtad Å¡is ir sava veida tÄpat kÄ mÅ«su "hello, pasaule" ka mÄs darÄ«jÄm awhile atpakaÄ¼ C un pat PHP, jo es esmu dinamiski izvadÄ«t manu vÄrdu. Es varu darÄ«t kÄds cits vÄrds Å¡eit. Es varÄtu vienkÄrÅ¡i mainÄ«t to, piemÄram, Hannah, noklikÅ¡Ä·iniet uz Iesniegt. Un tieÅ¡Äm, maz pop-up izmaiÅas. 

Tagad, pop-ups ir viens no lielÄkÄ daÄ¼a Ä¼aunprÄtÄ«gi iezÄ«mes tÄ«meklÄ«. Un patiesÄ«bÄ, atpakaÄ¼ diennakti pop-up blokatori stÄjÄs modÄ, jo jums varÄtu doties uz kÄdu website-- varbÅ«t apÅ¡aubÄma place-- ka tad pÄkÅ¡Åi sÄkt peppering ekrÄnu ar visu Ä·ekars pop-ups. Un tÄ tas spÄja pop up logi priekÅ¡Ä lietotÄjam nav bijis Ä«paÅ¡i ko cilvÄce labi saÅemtas. TÄtad, tas ir iemesls, kÄpÄc jÅ«s redzÄt Tas novÄrstu lieta, kas tikai padara visa Å¡Ä« lieta neglÄ«ts. TÄpÄc mÄs esam gatavojas nepiecieÅ¡ama labÄks veids, lai nekavÄjoties lietotÄjam. Bet tagad, kas, Å¡Ä·iet, darbojas. Tik vienkÄrÅ¡i intuitÄ«vi, ko Å¡Ä·iet, notiek Å¡eit? Es iet uz priekÅ¡u un noklikÅ¡Ä·iniet uz Iesniegt, un tad kaut kas notiek, ir skaidri. Bet to, kas nenotiek, ka varÄja notikt PagÄjuÅ¡ajÄ nedÄÄ¼Ä jebkurÄ laikÄ, es noklikÅ¡Ä·inÄjuÅ¡i iesniegt? Kas nenotika uz ekrÄna? Sorry? PÄrlÄdÄt. Å is URL nemainÄ«jÄs vispÄr. Es teicu, tas bija dom-0, un es esmu joprojÄm dom-0. Parasti, mÄs gribÄtu saÅemt mainÄ«ts uz kÄdu citu URL, tÄpat register.php vai tamlÄ«dzÄ«gi. 

Bet pat tad, kad es atlaist Å¡Ä« lieta, noklikÅ¡Ä·inot uz Labi, IevÄrojiet, ka URL paliek pilnÄ«gi likt. Un, patiesÄ«bÄ, ja es esmu mazliet skeptiski, Ä¼aujiet man atvÄrt Chrome. Ä»aujiet man atvÄrt cilni Network. Un pamanÄt, ka tas ir tukÅ¡s brÄ«dÄ«. Ä»aujiet man iet uz priekÅ¡u un atkÄrtoti Maria. Nav tÄ«kla satiksmes whatsoever. TÄtad tur nav HTTP. 

TÄtad tieÅ¡Äm, ja es paskatos pirmkodu par this-- Ä¼aujiet man aizvÄrt Å¡o logu un doties uz View Source. Interesanti. IzskatÄs, tur ir daÅ¾as jaunas birkas, starp tiem skriptu. TÄtad, pieÅemsim to apskatÄ«t ietvaros CS50 IDE tieÅ¡i to, ko es nosÅ«tÄ«ta lietotÄjam. 

TÄtad Å¡eit is-- pieÅemsim koncentrÄties tikai uz HTML. LÅ«k apakÅ¡ÄjÄ puse no DOM 0.html. Un paziÅo, ka tÄ ir ieguvuÅ¡i titulu, galvas tag, Ä·ermeÅa tag, forma tag. Bet ko lec ÄrÄ, lai jÅ«s kÄ atÅ¡Ä·irÄ«gs, it Ä«paÅ¡i, ja jÅ«s nekad neesmu uzrakstÄ«ts kÄds JavaScript sevi. Ä»aujiet man ritinÄt mazliet pa labi Å¡eit. Man savu ieguldÄ«jumu, cits ieeja iesniegt. Man ID, kas ir sava veida jaunu. Bet mÄs to redzam ar CSS. Kas vÄl noteikti ir jauns? Yeah? Nice. 

Viss kÄrtÄ«bÄ. TÄtad, kur ir teikts onsubmit, paziÅojums, kas, Å¡Ä·iet, sekot. Tas ir atribÅ«ts HTML nomenklatÅ«rÄ. TÄ vÄrtÄ«ba ir tas citÄts string Å¡eit. Un tas izskatÄs mazliet dÄ«vaini no pirmÄ acu uzmetiena. Tas nav HTML. Tas nav CSS. Tas ir, kÄ jÅ«s varÄtu uzminÄt, JavaScript. TÄpÄc Å¡Ä·iet, ka iebÅ«vÄts Å¡is mÄjas lapa ir funkcija sauc sveicinÄt. Un es esmu secinÄjusi, ka tikai jo tas ir vÄrds, sasveicinÄties. Tas ieguva atklÄtu paren, tuvu paren, semikols. IzskatÄs C funkciju, izskatÄs PHP funkciju. 

Un tieÅ¡Äm, tas notiek, lai bÅ«t JavaScript funkcija. Tad es esmu atpakaÄ¼ nepatiess. MÄs bÅ«sim atpakaÄ¼ ka tikai brÄ«di. Bet kur ir Å¡Ä« funkcija definÄta? Nu Ä¼aujiet man ritiniet uz augÅ¡u uz augÅ¡u faila. Un, pat ja tas ir garÅ¡ lÄ«nija, tas ir salÄ«dzinoÅ¡i vienkÄrÅ¡i. Ä»aujiet man zoom out Å¡eit un jÄkoncentrÄjas uz Å¡iem Äetriem lÄ«nijÄm. 

TÄtad JavaScript, tikko piemÄram, PHP, jÅ«s vienkÄrÅ¡i teiksim, burtiski, vÄrds "funkcija," nosaukums funkciju, un tad iekavas ar kÄdu arguments-- nekÄdus argumentus Å¡ajÄ lietÄ. Un tur nav atgrieÅ¡anÄs tips JavaScript, tÄpat kÄ PHP. TÄtad, tas ir nedaudz brÄ«vÄku nekÄ C. AtvÄrt cirtaini lencÄm, tuvu cirtaini lencÄm. IebÅ«vÄts JavaScript ir function-- nav ieteicams function-- bet funkcija sauc brÄ«dinÄjums kuru vienÄ«gais mÄrÄ·is dzÄ«vÄ ir uzvilkt ka diezgan neglÄ«ts Ätri, ka mÄs redzÄjÄm pirms brÄ«Å¾a. 

Tagad tas ir sava veida kumoss. Kas notiek Å¡eit? TÄpÄc sÄksim ar izcelt viss Å¡eit. Tas ir tas pats arguments, lai brÄ«dinÄtu. Un to, kas notiek? Tas tikai izskatÄs virkni. Un izrÄdÄs, atÅ¡Ä·irÄ«bÄ no PHP un atÅ¡Ä·irÄ«bÄ C, tas nav svarÄ«gi JavaScript ja jÅ«s vienu pÄdiÅÄm vai pÄdiÅas. Tie bÅ«s lÄ«dzvÄrtÄ«ga. Un godÄ«gi sakot, tas ir tikai populÄrs Å¡ajÄs dienÄs JavaScript programmÄtÄjiem vienmÄr Izmantojiet vienu pÄdiÅÄm kÄda iemesla dÄÄ¼. Tas ir tikai lieta, ko darÄ«t. Bet mÄs varÄtu izmantot dubultÄs pÄdiÅas, kÄ arÄ«. 

TÄtad plus ir jauns raksturs. Bet tiem no jums, kas esat darÄ«juÅ¡i Å¡o pirms, ko tas plus nozÄ«mÄ? JÄ. SaÄ·ÄdÄt. TÄtad mÄs redzÄjÄm Å¡o PHP. Tur ir tikai dot operators PHP, kas bÅ«s saÄ·ÄdÄt divas stÄ«gas kopÄ. C bija sÄpes kaklÄ, lai to paveiktu. Atsaukt no PSET seÅ¡iem, kas bija especial sÄpes kaklÄ, Jums bÅ«tu jÄizmanto kaut kas lÄ«dzÄ«gs strcat pÄc pieÅ¡Ä·irot atmiÅu uz skursteÅa vai kaudzes. Jums bija lÄkt caur stÄ«pÄm tikai saÄ·ÄdÄt divas stÄ«gas. JavaScript, tas ir super vienkÄrÅ¡i. Tikai izmantot plus operatoru starpÄ. 

TÄtad komplekss izskata lieta, Å¡Ä·iet, ir tas jo beigÄs Tas viss string, es tikko saÄ·ÄdÄt par izsaukuma zÄ«mi. TÄtad, ja tas, ko tika popping up tika "sveiki, David", "hello, Hannah," "sveiki, Maria", un tÄ tÄlÄk, skaidri ka vidÄjÄ lieta starp diviem plusi ir jÄdod man pieeju ko? Kas tur pÄrliecinÄts? JÄ. TÄpÄc es ÅemÅ¡u izliekoties Å¡eit atbildÄt savu vÄrdu, vai ne? TÄtad savu vÄrdu popped up finÄlÄ rezultÄts. TÄtad, ko tas nozÄ«mÄ? Nu, es ierosinÄju agrÄk, jo bilde, ka tÄ saukto DOM ir Å¡o Ä«paÅ¡o saknes elements ceÄ¼u lÄ«dz top sauc dokuments. Un tagad, izrÄdÄs, ka notiek par Ä«paÅ¡u pasaules mainÄ«gais JavaScript, iebÅ«vÄts, kas ir viss Ä·ekars noderÄ«gu funkcionalitÄti. Starp noderÄ«ga funkcionalitÄte ir spÄja iegÅ«t jebkurÄ pÄcnÄcÄjs mezglÄ. Å ie kvadrÄtos vai taisnstÅ«ros vai elipses ir tikai mezglu kokÄ, lai runÄt. 

TÄtad izrÄdÄs, ka iebÅ«vÄts JavaScript ir dokuments objekts ir funkcija, citÄdi zinÄma kÄ metode, kas sauc getElementById. Par zvanot sintakse funkcija JavaScript kas ir iekÅ¡pusÄ no priekÅ¡metu vai mainÄ«gais ir tikai ar dot papildinÄjumiem. Un mÄs redzÄjÄm Å¡o C ko struct sintakse. Redzi Å¡o PSET septiÅÄs, veida, veida, kad jÅ«s redzat CS50 :: vaicÄjumu. Kols resnÄs PHP ir vÄl viens veids, aicinot funkciju, kas ir iekÅ¡pusÄ kÄdu objektu. 

Bet tagad JavaScript, tas ir tikai dot. Un tÄpÄc Å¡Ä« funkcija, labi pietiekami, sava veida saka, ko tas does-- nokÄ¼Å«t elementu pÄc ID. Elements ir tikai vÄl viens vÄrds par taga vai mezglu DOM. Un tÄ iegÅ«tu elementa ID "Nosaukums" nozÄ«mÄ this-- Å¡eit ir mana HTML. Un, pamatojoties uz Å¡o HTML, ko mezgla vai kÄda HTML tagu es esmu bÅ«s programmiski jÄnodod zvanot document.getElementById? 

JÄ, tieÅ¡i tÄ. Es esmu gatavojas saÅemt ievadi elements tur kuras ID ir "vÄrds." TÄtad Ä«paÅ¡i, jÅ«s varat domÄ par Å¡o funkciju, getElementById, kÄ veids, dodot atpakaÄ¼ rÄdÄ«tÄju uz Å¡o konkrÄto mezglu kokÄ. MÄs neesam sagatavots Å¡is koks, bet tas ir veids, kÄ iegÅ«t piekÄ¼uvi ka taisnstÅ«ra vai taisnstÅ«ris ar unikÄli identificÄ to, izmantojot savu ID. 

Tagad, kÄpÄc tas ir noderÄ«gs? Nu, izrÄdÄs, ka tad, kad tu bÅ«si ka mezglÄ, ka taisnstÅ«ris no bilde, ka mezgla iekÅ¡pusÄ no tÄ, savukÄrt, ir visu Ä·ekars properties-- atslÄgu vÄrtÄ«bu pÄrus vai dati, no kuriem viens ir sauc vÄrtÄ«ba. TÄtad burtiski, tas ir sava veida kumoss, lai izskaidrotu visu lieta. Bet beigÄs, dienÄ, viss tas ir dot jums virkne, ka lietotÄjs drukÄti Å ajÄ hierarhiskÄ veidÄ. Bet man nepatÄ«k PÄris no Å¡Ä«m lietÄm. Vai drÄ«zÄk, tur ir daÅ¾i zinÄtkÄre joprojÄm. Visi, kas Å¡Ä·ita strÄdÄt. KÄpÄc jÅ«s domÄjat, ka es atgriezos nepatiess pÄc zvana sveicinÄt? Tas izskatÄs mazliet neglÄ«ts, ka Man ir divi paziÅojumi tur atdalÄ«ti ar semikoliem. Veikt minÄjums. Ja es izÅemta atgriezties viltus, ko var notikt, tikai instinktÄ«vi? Atvainojiet, saku vÄlreiz? 

AtvÄrt Ä·ekars Windows. TÄtad, iespÄjams, varbÅ«t kaut kas piemÄram, ka varÄtu notikt. Kas vÄl? Var iesniegt pieprasÄ«jumu, ja? Uz to paÅ¡u lapu. TÄtad, jo fakts, ka tas, ka tuvÄk atbildÄt Å¡eit, kaut gan, atÅ¡Ä·irÄ«bÄ pagÄtnÄ, es esmu ne noteikts rÄ«cÄ«bas atribÅ«ts, kas parasti mums ir jÄdara. IzrÄdÄs tur ir noklusÄjuma. Ja jÅ«s nenorÄdÄt rÄ«cÄ«bu, tas ir tÄpat kÄ teikt citÄtu, likt pÄdiÅas beigÄs vai nosaukums failu pati, kas Å¡ajÄ gadÄ«jumÄ bÅ«tu bÅ«t, piemÄram, dom-0.html. Tas ir tikai sava veida secinÄt, vai drÄ«zÄk netieÅ¡i. 

Un tÄpÄc, ja man nav to izdarÄ«tu, pieÅemsim paziÅojums. Ä»aujiet man glÄbt Å¡o. Un es esmu izÅemta atgriezties viltus. Ä»aujiet man iet atpakaÄ¼ uz Å¡o piemÄrs un spÄks pÄrlÄdÄt to. Un jÅ«s varÄtu bÅ«t redzÄjis man ieteikt Å¡o par CS50 Apspriest Ä·ekars reizes. Ja kaut kas kÄdreiz rÄ«kojas bailÄ«gs un pÄrlÅ«ks nav, uzvedas kÄ jÅ«s sagaida, nereti jÅ«s vÄlaties turÄt Shift un pÄc tam noklikÅ¡Ä·iniet uz pÄrlÄdÄt. Tas liks katru failu, lai pÄrlÄdÄtu un ne lietot jÅ«su pÄrlÅ«kprogrammas vietÄjo keÅ¡atmiÅu vai kopija, tÄ, ka tagad, Ä¼aujiet man iet uz priekÅ¡u un atvÄrt manu inspektora cilni Network. Es esmu gatavojas klikÅ¡Ä·i SaglabÄt Ieiet jo es nevÄlos to dzÄst rindas kad man whisked prom citur. 

Ä»aujiet man iet uz priekÅ¡u Å¡eit un ierakstiet Andi, noklikÅ¡Ä·iniet uz Iesniegt. Viss kÄrtÄ«bÄ. Tas Å¡Ä·iet kÄ gaidÄ«ts. TÄ saka "hello, Andi." Ä»aujiet man noklikÅ¡Ä·iniet uz Labi. Interesanti. IevÄrojiet, ka lapa mainÄ«jusies, lai gan sÄkotnÄjÄ lapÄ. PaziÅojums URL veida mainÄ«ta. TÄ piebilda, jautÄjuma zÄ«me, kas ir parasti rÄdÄ«tÄjs ka mÄs centÄmies iesniegt kaut ko. Un pÄc tam apakÅ¡Ä, vÄl skaidrÄk, Å eit ir faktiskÄ HTTP pieprasÄ«jums, kas ieguvuÅ¡i atbildi 200, kas cÄla mani atpakaÄ¼ Å¡eit. 

TÄtad tas nav tas, ko mÄs vÄlamies darÄ«t, vai ne? Jo es negribu pÄrlÄdÄt visu lapu. Es nevis gribÄju atgriezties viltus lai Ä«sslÄguma pÄrlÅ«ka noklusÄjuma uzvedÄ«ba, kas bija, protams, iesniegt lapu. 

TÄtad pieÅemsim apskatÄ«t nedaudz labÄks piemÄrs. Tas ir dom versija viens. Un paziÅojums sekojoÅ¡o. Tas ir OK, ja jums nav grok visi no rindas kodu. Bet to, kas bÅ«tiski atÅ¡Ä·iras par Å¡o Ä«stenoÅ¡anu? Es paredz tÄ uzvedas Tas pats, tas pats. Ko es esmu, protams, darÄ«t citÄdÄk? Yeah? 

MÄrÄ·auditorija: [nedzirdama]. DAVID Malan: JÄ. TÄtad funkcija ir definÄta differently-- citiem vÄrdiem sakot, prom no formas, tur uz lÄ«nijas 7-- vai DrÄ«zÄk line 8-- vairs man ir onsubmit atribÅ«ts. IepriekÅ¡ÄjÄ PiemÄram, man bija Å¡Ä«. Un tad es burtiski uzrakstÄ«ju savu kodu Å¡eit. Un tad es teicu atgriezties viltus. Un, ja tas nav berzÄt JÅ«s nepareizi vÄl, tai vajadzÄtu sÄkt, ja kÄ, tÄpat kÄ HTML, kad mÄs sÄkÄm sadarboties maisÄ«t to ar CSS stilÄ atribÅ«tiem, tas tikai sÄka iegÅ«t mazliet netÄ«rs vai justies mazliet nepareizi. 

TÄpat Å¡eit, ja JÅ«s sÄkat lietot HTML, un tad tu automÄtiski plunkÅ¡Ä·is kÄdu JavaScript kodu vidÅ« ir pÄdiÅÄs, tas ir nav bÅ«s Ä¼oti uzturams. TiesÄ«bas? Tas nav pat skaidrs sÄkumÄ vietu, kur JavaScript kods. TÄtad, tas bÅ«tu patieÅ¡Äm jauki, kÄ princips labÄku dizainu, pieÅemsim saglabÄtu mÅ«su HTML pilnÄ«gi atdalÄ«t no mÅ«su JavaScript. 

TÄtad, lai to izdarÄ«tu, tas, ko mÄs esam darÄ«ts Å¡eit ir following-- mÄs vienkÄrÅ¡i izmantot HTML tikai atzÄ«mes. Un tÄ versijÄ viens no Å¡o, viss Man ir forma ar unikÄlu ID. Un tad uz leju Å¡eit, es esmu Åemot priekÅ¡rocÄ«bas speciÄla iezÄ«me JavaScript ar ko es varÄtu bÅ«t, kas ir sauc anonÄ«ms funkcija. TÄtad izrÄdÄs, ka, ja es aicinu document.getElementById par "demo" tas ir tÄpat kÄ dod man rÄdÄ«tÄju Å¡is mezgls manÄ kokÄ, formu elements, tÄ sakot. 

Tagad, es tikai zinu no zinot mazliet HTML Tagad mÄs esam izlasot kÄdu online norÄde, ka forma elements atbalsta viss Ä·ekars notikuma listeners-- in Citiem vÄrdiem sakot, veÄ¼as saraksts notikuma klausÄ«tÄji, ka mÄs redzÄjÄm pirms brÄ«Å¾a. Es zinu, lasot dokumentus ka onsubmit ir derÄ«gs pasÄkums klausÄ«tÄjs par formu elementu. 

TÄtad, kad es zinu, ka, tas ir droÅ¡i man darÄ«t following-- iegÅ«t Å¡o mezglu no koka, formu elements, un piekÄ¼Å«t tÄ tÄ saukto onsubmit Ä«paÅ¡ums. TÄtad dot tikai nozÄ«mÄ Tas ir Ä«paÅ¡ums, kÄ Ä«paÅ¡a vÄrtÄ«ba iekÅ¡pusÄ no tÄ. Un ko datu tips es esmu pieÅ¡Ä·irot, acÄ«mredzot, uz onsubmit, kas ir efektÄ«vi mainÄ«gi iekÅ¡pusÄ MinÄtÄs mezglu kokÄ? TÄ ir joma iekÅ¡pusÄ Å¡Ä« struct. Kas ir datu tips? 

Funkcija, jÄ. TÄtad izrÄdÄs, ka PHP ir Å¡is. Un, pat ja mÄs nav jums pastÄstÄ«t par to, C ir arÄ« funkciju norÄdes, ka spÄja iet un nodot funkcijas kÄ mainÄ«gie lielumi "vÄrtÄ«bÄm paÅ¡i. Un mÄs nebrauksim regresÄt atpakaÄ¼ uz C. Bet tagad, izrÄdÄs, ka uz labajÄ pusÄ Å¡eit, pat ja tas izskatÄs mazliet bailÄ«gs, tas nozÄ«mÄ, hey pÄrlÅ«ku, man funkciju. Es neesmu gatavojas pat apnikt dodot tas vÄrds, jo es esmu burtiski gatavojas pieÅ¡Ä·irt sauksim to adrese Å¡Ä«s funkcijas nekavÄjoties onsubmit. Citiem vÄrdiem sakot, pÄrlÅ«ku, jums nav nepiecieÅ¡ams zinÄt, kas Å¡o funkciju sauc. Jums tikai jÄzina kur tas ir atmiÅÄ. Un tÄ tas pietiek tikai, lai ir vienÄdÄ«bas zÄ«mi tur un nevis apgrÅ«tinÄt nosaucot Å¡o, piemÄram, foo vai sveicinÄt vai jebkuru citu vÄrdu. Un tagad tas ir tikai stilistiska lieta. Es varÄtu pÄrvietot Å¡o cirtaini lencÄm uz the-- sorry-- nÄkamajÄ rindÄ tÄpat kÄ mÄs parasti darÄ«t CS50. Bet JavaScript, tas ir faktiski stilistiski kopÄ«gs lai tikai saglabÄtu cirtaini lencÄm, tad Pirmais, par Å¡o pirmajÄ lÄ«nijÄ. 

TaÄu turpmÄk, tur ir nekÄ interesanta. Tas atvÄrts cirtaini lencÄm tikko norobeÅ¾o sÄkumu manu darbÄ«bu. Funkcija tagad identiski, izÅemot es esmu ietvÄra return false iekÅ¡puses Å¡o funkciju. Jo izrÄdÄs out-- un jÅ«s tikai zinÄm no lasÄ«jumÄ documentation-- ka, ja funkciju, kas jÅ«s pieÅ¡Ä·irat uz onsubmit apdarinÄtÄjs atgrieÅ¾ false, pÄrlÅ«ks vienkÄrÅ¡i zina un piekrÄ«t neiesniegt veidlapu uz serveri. Ja tÄ atgrieÅ¾as taisnÄ«ba, tÄ iesniegs tas uz serveri dÄÄ¼ mÄs redzÄsim ir noderÄ«gi tikai brÄ«di. 

Un tad semikols pÄc cirtaini lencÄm tur vienkÄrÅ¡i nozÄ«mÄ, ka es esmu darÄ«ts definÄtu funkciju. JÅ«s zinÄt, ko zvanÄ«t, tiklÄ«dz kÄ jÅ«s dzirdat iesniegumu. Viss kÄrtÄ«bÄ. Tas joprojÄm ir apstrÄ«dami veida neglÄ«ts. TÄtad, ko vÄl mÄs varam darÄ«t? 

Nu, izrÄdÄs, tad variants divi, kas ir last-- un mÄs vienkÄrÅ¡i skatienu Å¡is. Pie pastÄv risks, ka tas izskatÄs sliktÄk, izrÄdÄs, ka tur ir bibliotÄka pasaule sauc jQuery. Un jQuery ir super populÄrs JavaScript bibliotÄka tas ir tik populÄrs, ka lielÄkÄ daÄ¼a jebkurÅ¡ JavaScript-- tas nav neparasti cilvÄki jauc jQuery ar JavaScript. KÄpÄc? JavaScript pati ir Ä¼oti runÄ«gs veidi, kÄ to things-- document.getElementById, dadadadadada. JÅ«s galu galÄ, kam Ä¼oti garÄs rindas kodu. 

TÄtad puisis nosaukts John Resid, kas faktiski darbojas uz starta up Å¡ajÄs dienÄs, iznÄca Ar Å¡o bibliotÄku gadiem pirms, ka daudzi cilvÄki ir veicinÄjuÅ¡i to sauc jQuery, ka izmaiÅas sintakse Å¡ÄdÄ veidÄ. Un tikai, lai jÅ«s esat redzÄjuÅ¡i Å¡o, jo jÅ«s vienmÄr redzÄt Å¡o, ja darot tÄ«mekÄ¼a galÄ«gais projekts, tas bÅ«tu ekvivalents veids Äªstenojot Å¡o paÅ¡u funkciju, izmantojot Å is Ä«paÅ¡ais bibliotÄka. 

Tagad, nevis kaitinÄt to noÅ¡Ä·ir kopumÄ, pieÅemsim tikai apskatÄ«t daÅ¾as modeÄ¼iem. Tas sintakse, Å¡Ä·iet, ir cik anonÄ«mi funkcijas vai nezinÄms funkcijas vai AKA Lambda funkciju? Divi, vai ne? Un jÅ«s zinÄt, ka, pat ja JÅ«s neesat super comfy ar to, tikai ar to, ka tas saka funkcija () divreiz. 

Un izrÄdÄs, ka ko Å¡is kods ir doing-- un mÄs attiecas uz tieÅ¡saistes atsaucÄm, galu galÄ, kÄdu palÄ«dzÄ«bu ar Å¡o. Tas tikai nozÄ«mÄ, ka tad, kad dokuments ir gatavs, iet uz priekÅ¡u un reÄ£istrÄt Å¡Ädu funkciju kÄ iesniegt apdarinÄtÄjs par HTML elements, kura unikÄla ideja ir demo. Un tad, kad tas notiks, aicinu Å¡Ä«s divas rindiÅas kodu. Un tas ir, traÄ£iski, vairÄk runÄ«gs veids, kÄ pateikt atgriezties viltus. Un mÄs jau tas tikai tÄpÄc, ka jÅ«s redzÄsiet kodu patÄ«k Å¡Ä« tieÅ¡saistÄ. Un tas nekas nebiedÄ. Bet drÄ«zÄk, paturiet prÄtÄ, ka tas, kas ir bÅ«s izplatÄ«ta JavaScript ir Å¡Ä« paradigma. Un tÄ tas ir iemesls, kÄpÄc mÄs parÄdÄm to tagad. Viss kÄrtÄ«bÄ. TÄtad bez mÄjokÄ¼a pÄrÄk daudz par Å¡o sintaksi, ir ir kÄdi jautÄjumi par Å ie piemÄri vai idejas lÄ«dz Å¡im? Viss kÄrtÄ«bÄ. TÄtad pieÅemsim izmantot Å¡o par kaut ko noderÄ«gu. Making mÄjas lapu, kas vienkÄrÅ¡i saka sveiki, tik un tÄ nav tik interesanti, ne underwhelm. Å is viena nav, bÅ«s skaista, bet tas ir gatavojas darÄ«t kaut ko noderÄ«gu. Ä»aujiet man iet atpakaÄ¼ uz manu direktorijÄ Å¡eit un atvÄrt, teiksim, forma-0.html. 

TÄtad pieÅemsim, ka tas ir pirmkursnieks klÄtienÄ sports reÄ£istrÄcijas lapÄ bez CSS vai jebkura sajÅ«tu dizainu. Un es gribu iet uz priekÅ¡u un reÄ£istrÄties Å¡eit ar paroli. Un es esmu gatavojas piekrist noteikumiem un nosacÄ«jumiem un noklikÅ¡Ä·iniet uz reÄ£istru. Un tagad mÄjas lapÄ saka: "Tu esi reÄ£istrÄts! (Nu, nav Ä«sti.) " Tas Å¡Ä·iet kÄ tÄ strÄdÄja, bet Ä¼aujiet man iet uz priekÅ¡u un spÄku papildinÄÅ¡anas. 

Un Ä¼aujiet man teikt, nÄ, jums nav vajag manu faktisko e-pasta adresi. Vai varbÅ«t mÄs vienkÄrÅ¡i sakÄm pastu tur. Parole bÅ«s, piemÄram, 12345. Un tad, tikai tÄpÄc, ka es esmu idiots, tagad tas ir 123456789. Un es neesmu gatavojas pÄrbaudÄ«t savu kastÄ«ti. 

Hmm. Viss kÄrtÄ«bÄ. TÄtad tur ir vairÄkas iespÄjas uzlaboÅ¡anai Å¡eit. Un jÅ«s zinÄt, vai redzÄs PSET septiÅi, ka jÅ«s varat rakstÄ«t code-- un jums nÄksies rakstÄ«t kodu PHP-- aizstÄvÄt pret Å¡iem lietotÄju veidiem kÄ¼Å«das, jo lietotÄjs skaidri nav sadarbojies. Un viÅÅ¡ nav devis jums visu vÄrtÄ«bÄm jÅ«s vÄlÄtos vai pat formÄtÄ kas jums gribÄja tos. TÄtad jÅ«s redzÄsiet PSET septiÅÄs ka MÄs, protams, varÄtu bÅ«t daÅ¾i ja apstÄkÄ¼i, kas saka ja e-pasta adresi nav username@something.edu, mÄs varÄtu tikai saka Å¾Äl un atvainoties lietotÄjam daudz, piemÄram, jÅ«s varÄtu bÅ«t PSET septiÅÄs. Vai arÄ«, ja tÄs nav pÄrbaudÄ«jusi, ka lodziÅu, izrÄdÄs PHP, jÅ«s varat atklÄt, ka, pÄrÄk. Un, protams, ja paroles nesakrÄ«t kÄ register.php par PSET septiÅiem, jÅ«s varat atklÄt, ka. Bet tas ir sÄpes kakla, jo tagad viÅi pieprasa mums iet visu ceÄ¼u uz serveri. LietotÄjs ir informÄts par kÄ¼Å«du. Un vismaz, ja jÅ«s izmantojat daÅ¾i mÄ«Ä¼otÄjs paÅÄmieni, tagad viÅi ir noklikÅ¡Ä·iniet aizmugurÄjo bultiÅas. Vai tas nebÅ«tu jauki, piemÄram, daudz tÄ«mekÄ¼a vietnes, Å¡odien, ja jums bija tieÅ¡Äks atsauksmes, uzreiz? 

Citiem vÄrdiem sakot, Ä¼aujiet man iet uz versiju viens, kas bÅ«s ne prettier. Bet tas ir Å¡Ä« iespÄja. Malan, 12345, 123456789, nav gatavojas pÄrbaudÄ«t lodziÅu, reÄ£istru. Paroles nesakrÄ«t. TÄtad, pat ja tas pop-up ir ugly-- mÄs varam aizvietot Å¡o beidzot ar kaut ko lÄ«dzÄ«gu sÄknÄÅ¡anas, ko jÅ«s redzÄsiet PSET septiÅÄs ir Ä¼oti populÄrs library-- I did atklÄt, ka paroles nesakrÄ«t. Viss kÄrtÄ«bÄ. Nu, Ä¼aujiet man noteikt, ka lietotÄjam. Ä»aujiet man iet uz priekÅ¡u un saka, 12345, 12345. JoprojÄm nav pÄrbaudot lÄ«gumu. Jums jÄpiekrÄ«t noteikumi un nosacÄ«jumi. Tad kÄpÄc? 

Ja mÄs esam jau posited ka tur ir veids, un mÄs esam vajadzÄ«gi jums PSET septiÅi atklÄt kÄ¼Å«du apstÄkÄ¼i, piemÄram, tas server-side, kÄpÄc es raizÄties arÄ« darot JavaScript? Kas ir arguments par labvÄlÄ«ba piebilstot, ko jÅ«s gatavojaties redzÄt kÄ some-- tur ir papildu sareÅ¾Ä£Ä«tÄ«bu. 

VarbÅ«t nav otrÄdi. Kas tas varÄtu bÅ«t? MÄrÄ·auditorija: [nedzirdama]. DAVID Malan: Ak, interesanti. PotenciÄlie izmanto. Tik pÄrliecinÄts, ja jÅ«s neesat apstrÄdes kÄ¼Å«dains lietotÄja ievadi, ka liels, varbÅ«t tas viss ir labÄk, ja tÄ nav pat sasniegt savu serveri. Es liktu atpakaÄ¼ tur, un teiksim, jums ir iespÄjams noteikt abas Å¡Ä«s problÄmas. Bet tas ir godÄ«gi. Kas vÄl? 

MÄrÄ·auditorija: [nedzirdama]. 

DAVID Malan: JÄ. Å is kods, kÄ mÄs teicÄm iepriekÅ¡, ir interpretÄjami uz klienta pusÄ. Tas nav apnikt serveri, kas nozÄ«mÄ, ka tÄ nav ietekmÄt servera slodzi vai jaudu. Un tagad, par maz veco mani, tam nav bÅ«tiskas ietekmes jo man ir viens lietotÄjs tieÅ¡i tagad. 

Bet, ja tu esi kÄds mÄjas lapa pienÄcÄ«gas lieluma, seviÅ¡Ä·i lielÄkais, piemÄram, Facebook, jo vairÄk jÅ«s varat saglabÄt cilvÄku off JÅ«su servera, jo labÄk jo servera, protams, ir tikai ierobeÅ¾ots daudzums RAM, ierobeÅ¾ots skaits gigahercu, ierobeÅ¾ots vairÄkas lietas tÄ var darÄ«t laika vienÄ«bÄ. TÄtad, ja ir vairÄk cilvÄku pasaule hitting savu serveri, nejauÅ¡i piesakoties nepareizi, tikpat labi, ja jÅ«s var saglabÄt Å¡o atslogo jÅ«su serveri. Plus, jo Ä«paÅ¡i attiecÄ«bÄ uz mobilo device-- ja jÅ«s esat kÄdreiz ieiet my.harvard vai Yale ir netid vai tamlÄ«dzÄ«gi, tur ir Å¡is latentais ar daudz tÄ«mekÄ¼a vietnes, piemÄram, ka, saskaÅÄ ar kuru tÄ veic, piemÄram, nopelt otrÄ vai divas daÅ¾reiz. Un tad, mans Dievs, ja tu mistype, tad jums ir hit atpakaÄ¼ un pÄrtaisÄ«t to. TÄtad tur ir latentuma, jo Ä«paÅ¡i par lÄnÄku tÄ«kla savienojumus. Bet JavaScript, jo tas darbojas uz klienta un nav nepiecieÅ¡ams, lai iet uz priekÅ¡u un atpakaÄ¼ pÄri potenciÄli lÄnu internetu savienojumu, jÅ«s varat saÅemt gandrÄ«z acumirklÄ«ga atsauksmes. 

TÄtad pieÅemsim apskatÄ«t Å¡o. Ä»aujiet man atvÄrt forma-0 un apskatÄ«t HTML Å¡eit. Un pieÅemsim tikai redzÄt, kas notiek. Tas ir veids, kura darbÄ«ba ir register.php. Es esmu tikai izmantojot saÅemt tik ka es varÄtu redzÄt URL. Bet paroles, mÄs gribÄtu, protams, gribam mainÄ«t Å¡o post realitÄtÄ. LÅ«k ievades lauks tipa tekstu. LÅ«k, vÄl viens ievade lauka tipa paroli. Te ir, ja jÅ«s nekad neesmu redzÄjis, ieejas tipa rÅ«tiÅu. 

Bet tur nav JavaScript Å¡eit whatsoever. Tas ir tikai HTML, ka iet uz register.php. Bet versijÄ vienÄ, kur es sÄka saÅemt Å¡o pop-ups, pieÅemsim redzÄt, kas patiesÄ«bÄ notiek Å¡eit. VersijÄ vienu, ko Es esmu gatavojas see-- I DomÄju, ka es varÄtu apstÄties pietiekami ar pietiekami vÄrdiem, bet man beidzÄs. 

VersijÄ one-- tur mÄs ejam. VersijÄ vienu, pamanÄ«siet following-- un nav labÄkais Ä«stenoÅ¡anu, bet tas ir mans pirmais. IevÄrojiet, ka zem forma, man ir skriptu tag. Un skripts tag nozÄ«mÄ, hey, pÄrlÅ«ku, Å¡eit nÄk daÅ¾i kodu, parasti, JavaScript. Un tagad, paziÅojums, ko es daru. Par line-- Es tikko lasÄ«t it-- lÄ«nija 32, tÄ saka, VAR form-- tik dod man mainÄ«gais sauc forma. Un pÄc tam saÅemt document.getElementId par "reÄ£istrÄciju." Kas tas ir? Nu, Ä¼aujiet man attÄ«t Å¡eit. Un paziÅojums, ah, es deva formas elements patvaÄ¼Ä«ga bet aprakstoÅ¡s ideja reÄ£istrÄcijas. TÄtad tas dod man mainÄ«gais, kas Ä¼auj man, lai greifers Å¡o mezglu, ka taisnstÅ«ris kokÄ sauc formu. form.onsubmit lÄ«dzekÄ¼i, hey pÄrlÅ«ku, reÄ£istrÄt notikumu klausÄ«tÄjs Å ajÄ veidlapÄ. Citiem vÄrdiem sakot, ja Å¡o veidlapu iesniegts, izpildÄ«t Å¡Ädu kodu. Tas nav nepiecieÅ¡ams nosaukumu, jo kÄpÄc jums ir nepiecieÅ¡ams zinÄt nosaukumu? Jums tikai jÄzina ko izpildÄ«t, ergo tas ir anonÄ«ms vai lambda funkcija. Un tas funkcija ir visas Å¡Ä«s lÄ«nijas Å¡eit. Un tagad, ja godÄ«gi, pat ja jums varÄtu kÄdreiz uzrakstÄ«ts JavaScript pirms, tas ir tikai C un PHP loÄ£ika. TÄtad, ja form.email.value == "" - TÄtad, ja e-pasta lauks ir tukÅ¡s, bÄ¼aut pie lietotÄja ar "You must norÄdiet savu e-pasta adresi. " Else ja form.password.value ir tukÅ¡s kliegt uz lietotÄju, "Jums ir sniegt savu paroli." 

VÄl interesanti loÄ£iski, ja form.password.value nav vienÄds form.confirmation.value-- kur bija apstiprinÄjums nÄk no? Ä»aujiet man attÄ«t. Nu, es sauc Å¡o ievade lauks Å¡eit parole. Un es sauc Å¡o vienu Å¡eit apstiprinÄjums. Es varÄtu bÅ«t to sauca parole divas vai kaut kas cits. Es esmu tikai loÄ£iski pÄrbaudot ka Å¡ie divi ir vienÄdi. Else-- izrÄdÄs tas ir Mr Boole again-- BÅ«la vÄrtÄ«bu, rÅ«tiÅu. TÄtad, ja es saku, izsaukuma point-- ja ne form.agreement.checked, bÄ¼aut pie lietotÄja, kÄ arÄ«. 

TÄtad Å¡is sintakse jÅ«s redzÄsiet, ir Ä¼oti bieÅ¾i JavaScript, kur esat Å¡o punktoto notÄcija. Tu sÄc ar objektu Å¡eit. JÅ«s nirt dziÄ¼Äk, lai a to Ä«paÅ¡ums, piemÄram, paroles. Un tad jums tÄs faktisko vÄrtÄ«bu. Un atkal, Å¡eit ir ieejas. Å eit ir vÄrds parole. Un tÄ vÄrtÄ«ba ir neatkarÄ«gi cilvÄks ir faktiski drukÄti. 

TÄtad visi no Å¡iem lietas, es atgriezos nepatiesa. Bet, ja ne, es atgriezties taisnÄ«ba. Un tÄpÄc tagad mÄs redzam pÄrliecinoÅ¡i izmantoÅ¡ana, kad jÅ«s varÄtu atgriezties pie viltus pÄrtraukt to, ko lietotÄjs ir darot un dara viÅam vai viÅai izvÄlÄties atkal vai rakstÄ«t atkal. PretÄjÄ gadÄ«jumÄ mÄs atgrieÅ¾amies taisnÄ«ba. 

Un Ä¼aujiet man iepazÄ«stinÄt vienu cits variants tas tikai sÄklÄm to zinÄmu sapratni. Nu, no Å¡Ä« 2 versiju, forma-2-- Es darÄ«Å¡u to ar viÄ¼Åa rokas. Tas ir, tiem, ziÅkÄrÄ«gs, jQuery versija, tiem no jums, kas varÄtu vÄlÄties, lai plunÄÄties konkrÄtajÄ bibliotÄkÄ. Bet pieÅemsim start-- un kÄdi jautÄjumi? Ä»aujiet man apstÄties uz brÄ«di tÄpÄc, tas bija Ätri un daudz. 

Bet jauka lieta Å¡eit ir tas, ka visi no koda ir diezgan daudz to paÅ¡u. Jaunais sÄ«kumi ir tas, kas ir dom? KÄdi ir Å¡ie taisnstÅ«ri? KÄdi ir Å¡ie mezgli? Kas ir anonÄ«ms funkcija? Kas ir notikums apdarinÄtÄjs? Bet par laimi, lielÄkÄ daÄ¼a, kas ir tikai pilns aplis no, teiksim, nedÄÄ¼as nulles. Viss kÄrtÄ«bÄ. TÄtad kaut kas nedaudz vairÄk interesants? Nu, pirmkÄrt, Ä¼aujiet man iet uz priekÅ¡u un atvÄrt Google Maps. Un jÅ«s pamanÄ«siet, ka priekÅ¡likums brÄ«dis, par mirklÄ«, pamanÄ«t to, kas notiek, kad Es noklikÅ¡Ä·iniet pietiekami Ätri. Un Å¡is savienojums Harvard ir tik Ätri, ka jums nav Ä«sti paziÅojums to. Bet ko jÅ«s veida veida redzÄt ja es noklikÅ¡Ä·iniet un velciet Ä¼oti Ätri? Tie no jums skatÄ«ties online, ja jums lÄns tas 0.5x Ätrumu, JÅ«s varat redzÄt Å¡o labÄk. 

Kas notiek tikai pirms es noklikÅ¡Ä·inÄjuÅ¡i un vilka? Ä»aujiet man mÄÄ£inÄt here-- man darÄ«t kaut kas cits, piemÄram, 90210. Iesim tÄlu. Tas bija Ä¼oti Ätri, too. KÄ par Disney World? Tur mÄs ejam. LABI. Ko jÅ«s redzat par sekundes? TÄpat, piemÄram, laukumos, vai ne? Vietturi FlÄ«Å¾u? 

Nu, ko te notiek? Google Maps ir jauka piemÄrs Å Ä« tehnoloÄ£ija, kas sauc AJAX. Un tas ir, ja mÄs sÄksim izmantot JavaScript Ä«paÅ¡i pievilcÄ«gs veids. AtpakaÄ¼ dienÄ, tur bija Å Ä« tÄ«mekÄ¼a vietne sauc MapQuest. Un es bÅ«tu pieÅemts screenshot Å¡Ä«s no 1990, kur, ja jÅ«s vÄlÄtos uzmeklÄt Å¡eit uz kartes, JÅ«s burtiski noklikÅ¡Ä·iniet uz bultiÅas augÅ¡Ä, kas parÄdÄ«ja, atÅ¡Ä·irÄ«gs kvadrÄts kartes. Ja jÅ«s vÄlÄtos, lai pÄrvietotos pa kreisi, jÅ«s uzklikÅ¡Ä·inÄt bultu, kas parÄdÄ«ja, atÅ¡Ä·irÄ«gs kvadrÄts kartes. Un daÅ¾as tÄ«mekÄ¼a vietnes vÄl darÄ«t Å¡odien. Bet pat MapQuest ir gotten labÄk, piemÄram, Google Maps. 

TÄ vietÄ, kas ir labÄks Å¡iem dienas ir tÄ«mekÄ¼a vietnes, kas izmanto AJAX. AJAX-- citÄdi zinÄma kÄ Asynchronous JavaScript un XML, kas ir tikai iedomÄtÄ veids, kÄ pateikt tehnoloÄ£ija vai tehnika, kas Ä¼auj pÄrlÅ«ku, izmantojot JavaScript veikt papildu HTTP pieprasÄ«jumus pÄc tam, kad lapa ir ielÄdÄta. TÄtad, ko tas nozÄ«mÄ? Nu, tas bÅ«tu sava veida kaitinoÅ¡as Gmail ja katru reizi, kad gribÄja pÄrbaudÄ«t savu pastu, jums bija burtiski hit Control-R vai Command-R vai noklikÅ¡Ä·iniet uz pogas PÄrlÄdÄt un visa darn lapa varÄtu pÄrlÄdÄt. TiesÄ«bas? Tas flash white droÅ¡i vien par sekundi. JÅ«s varÄtu redzÄt stulba progress bar. Un tikai, lai redzÄtu, vai jums ir jauns pasts, visa mÄjas lapa un URL jÅ«s esat bÅ«s pÄrlÄdÄt. 

Bet tas nav tas, kas notiek Gmail. TiesÄ«bas? Kad jÅ«s saÅemsiet jaunu e-pastu Gmail, kas notiek uz ekrÄna? Tas tikai rÄda uz augÅ¡u, pa labi? TÄ vienkÄrÅ¡i maÄ£iski parÄdÄs kÄ jauns rindu tabulÄ. Kas faktiski ietver pienÄcÄ«ga summa sareÅ¾Ä£Ä«tÄ«bas. PatiesÄ«bÄ, ja jÅ«s domÄjat par Å¡o koku, kas, lai gan ir vienkÄrÅ¡s Å¡eit, Gmail-- un man ir jÄmeklÄ pie koda bÅ«t sure-- iespÄjams, ir HTML tabulu vai varbÅ«t NekÄrtots saraksts, ka tas padara katram jÅ«su iesÅ«tnÄm e-pastiem, kÄ. 

Un tÄdÄÄ¼, ja jÅ«s varat iedomÄties, tas tur ir koks atmiÅÄ, kad jÅ«s esat Izmantojot Gmail, kas izskatÄs veida veida kÄ Å¡is, kad Google saprot, ooh, Jums ir jauna e-pastu, tÄ nav vÄlas atjaunot visu koku. DrÄ«zÄk, tÄ vÄlas atrast mezglu koks, kas pÄrstÄv jÅ«su iesÅ«tni un vienkÄrÅ¡i ievietot jaunu mezglu. 

Tik Ä¼oti lÄ«dzÄ«gs PSET pieci, kur jums nÄcÄs ievietot mezglu uz hash tabulu, LÄ«dzÄ«gi dara Google, via JavaScript kodu, ka tÄ ir rakstÄ«ts, Traverse Å¡o koku, izdomÄt, kur ir tÄ, ka iesÅ«tne daÄ¼a no loga, un pÄc tam ievietotu jaunu rindu. Un jauna rinda nozÄ«mÄ tikai vienu vai vairÄk jaunos punktus kokÄ. 

Un tÄ AJAX ir Å¡Ä« tehnika kas Ä¼auj tieÅ¡i tÄ. Kad esat apmeklÄjis URL, tomÄr traks ilgi tas ir, un pÄc tam, kad lapa ir piekrauts, jÅ«s joprojÄm varat sagrÄbt vairÄk datus no internet-- vai tas ir UzrakstÄ«t vai flÄ«zes no map-- paÄ·ert to aizkulises un pÄc tam ievietojiet to lapÄ tÄ, ka cilvÄka nav patieÅ¡Äm jÄgaida to. 

Facebook Messenger darbojas tÄdÄ paÅ¡Ä veidÄ. Jebkuru citu websites-- skaits oh, patiesÄ«bÄ, pat tas. Es domÄju, tas ir, godÄ«gi sakot, sava veida kaitinoÅ¡as iezÄ«me Å¡ajÄs dienÄs. Ja es sÄktu meklÄt Å¡o cats-- ir sava veida briesmÄ«gs lietotÄja pieredzi. Tas tikai sÄk meklÄt mani. Nu kas tas ir dara? Å is URL nav mainÄ«jies jo es sÄku rakstÄ«t. Bet, kas notiek visÄ wire-- OK, hmm interesanti. Kas notiek visÄ stieple Å¡eit tikai kÄ¼Å«st weirder. 

LABI. TÄpÄc Ä¼aujiet man iet uz priekÅ¡u un pÄrbaudÄ«t elements un dodieties uz cilni Network un mÄÄ£inÄt padarÄ«t Å¡o tehniskÄ un mazÄk par kaÄ·iem. KÄ es rakstÄ«t, burtiski, kaÄ·i and-- Kas notiek per-- es neesmu gatavojas klikÅ¡Ä·i, ka. Viss kÄrtÄ«bÄ. TÄtad Å¡eit lejÄ, kas notiek katru reizi, kad es rakstÄ«t raksturs, acÄ«mredzot? TÄpat, zems lÄ«menis? Kas notiek ar katru no tiem, rakstzÄ«mes es esmu rakstÄ«t uz manu klaviatÅ«ru? Yeah? MÄrÄ·auditorija: [nedzirdama]. 

DAVID Malan: TieÅ¡i tÄ. Katrs no Å¡iem burtiem ir dodas uz Google, pa vienam. Tos veidojot virkni par to serveri, kas apzÄ«mÄ viss, ko es esmu drukÄti lÄ«dz Å¡im. Un katru reizi, kad es tipa cits raksturs, tie izmantot savu slepeno mÄrci kÄdas meklÄÅ¡anas algoritmu un izdomÄt, viÅÅ¡ ir Å¡Ä« kaÄ·u lapu vai Å¡Ä« kaÄ·is lapu vai tamlÄ«dzÄ«gi? TÄtad savÄ ziÅÄ, tas sniedz man ar labÄk pieredze, ka man nav pat ir nepiecieÅ¡ams, lai pabeigtu savu domu. Un tieÅ¡Äm, tas ir noderÄ«gs lieta, automÄtiskÄs pabeigÅ¡anas kopumÄ. Ja to algoritmi ir pietiekami labs un ja mani meklÄjumi ir pietiekami skaidrs, Man nav rakstÄ«t visu vÄrdu. ViÅi gatavojas man pateikt, ko tas ir es esmu patieÅ¡Äm meklÄ. TÄtad, ko Google prasa tÅ«lÄ«tÄju meklÄÅ¡ana ir tikai izmantojot AJAX, izmantojot kodu, kas Ä¼auj tÄm pieprasÄ«t papildu saturu, izmantojot tÄ«mekÄ¼a pÄrlÅ«kprogrammu aiz ainas, izmantojot Å¡o jaunu valodu, JavaScript. TÄpÄc mums ir atlikuÅ¡as pÄris minÅ«tes. Un Ä¼aujiet man izsaukt mans draugs Colton up uz skatuves, jo tas Å¡Ä·ita Ä«paÅ¡i jautri pÄdÄjo reizi ieviest tehnoloÄ£ijas ka daÅ¾i no jums ir izrÄdÄ«juÅ¡as interesi jo gala projektos. MÄs domÄjÄm, ka gribÄtu bÅ«t jautri, lai up brÄ«vprÄtÄ«gais, lai gan, Å¡odien jums parÄdÄ«t papildinÄjumu Tas, kas Ä¼auj you-- yeah, Es pirmo reizi redzÄju Å¡o roku. NÄciet uz augÅ¡u. Ä»oti labi darÄ«ts. Labs darbs. Es esmu gatavojas projekta Å¡o par ekrÄns tikai brÄ«di. KÄds ir tavs vÄrds ikvienam? 

EFA: Es esmu EFA. 

DAVID Malan: Etha? 

EFA: EFA. 

DAVID Malan: EFA? 

EFA: JÄ. 

DAVID Malan: Prieks redzÄt. Viss kÄrtÄ«bÄ. Ä»aujiet man iegÅ«t Å¡o gatavs. NÄc uz vairÄk nekÄ uz vidÅ« ar Colton Å¡eit. Kas Colton ir viÅa rokÄs Å¡odien ir tÄlvadÄ«bas pults. TÄtad, nevis tikai stÄvÄt tur trÄ«sdimensiju pasaulÄ skatos kÄ Colton darÄ«ja, tagad EFA var faktiski staigÄt apkÄrt, ejot uz augÅ¡u, uz leju, pa kreisi un pa labi Like Nintendo vai Xbox kontrolieris. EFA: Es esmu gatavojas nokrist stadijÄ. DAVID Malan: es gribu stÄvÄt aptuveni vairÄk nekÄ Å¡eit. Bet tas ir risks. LABI. Tik iet uz priekÅ¡u un nodot tos tÄlÄk. Ä»aujiet man iet uz priekÅ¡u un pÄriet uz ekrÄna Å¡eit. Ä»aujiet man tuvÄs gaismas. Un Colton, Ä¼aujiet man nÄkt stÄvÄt blakus jums. 

Vai jÅ«s vÄlaties, lai izskaidrotu Å¡eit ar mic, ko mÄs darÄm? Å eit jums iet. 

COLTON: Protams. TÄpÄc tagad mÄs esam iekrauÅ¡anas up Oculus, Es domÄju operating-- nedarbojas sistÄma, bet galvenais programma, kur JÅ«s varat piekÄ¼Å«t visas spÄles un Lietotnes, kas ir jÅ«su bibliotÄkÄ. TÄpÄc tieÅ¡i tagad, tas bÅ«tu teikt pieskarieties touchpad, lai sÄktu. Touchpad bÅ«s par labajÄ pusÄ austiÅas. Tik iet uz priekÅ¡u un tap-- EFA: Ak, man. DAVID Malan: JÄ, tur jums iet. KvalitÄtes EFA ir redzÄt ir daudz augstÄka kvalitÄte. Tas ir tikai Wi-Fi Å¡eit. COLTON: TÄtad, ko jÅ«s esat gatavojas vÄlaties darÄ«t ir skatÄ«ties uz augÅ¡u ekrÄna labajÄ pusÄ. Yep, ka spÄle uz Ä¼oti augÅ¡ÄjÄ labajÄ stÅ«rÄ«. Un tad, kad jÅ«s esat izvÄloties tÄ, atkal pieskarieties skÄrienpaliktnim. Es domÄju, ka tÄ Dreadhalls. Un tad Å¡eit ir a-- Å¡eit, Ä¼aujiet mani turÄt savu brilles jums. 

TÄpÄc es tikko deva viÅam kontrolieris. TÄpÄc tagad viÅÅ¡ var kontrolÄt spÄli. ViÅÅ¡ var pÄrvietoties un sÄ«kumi, piemÄram, ka. Tik iet uz priekÅ¡u un meklÄt uz augÅ¡u. Jums vajadzÄtu redzÄt jaunu spÄli. Tik iet uz priekÅ¡u, un jÅ«s varat darÄ«t to. Tagad, jums vajadzÄtu bÅ«t iespÄjai kontrolÄt sevi ar kontrolieri, kÄ arÄ«, tiklÄ«dz spÄle slodzes Å¡eit. Tas varÄtu bÅ«t mazliet biedÄjoÅ¡i. 

EFA: Tagad jÅ«s varat man pastÄstÄ«t. LABI. 

COLTON: Nu labi. TÄpÄc apstiprina, ka jÅ«s varat pÄrvietoties. LABI. JÅ«s varat pÄrvietoties. Perfect. TÄtad, ja paskatÄs uz leju, jums ir karte. Karte rÄda, kur jÅ«s esat. JÅ«s varat ielÅ«koties pa istabu. JÅ«s varat pilnÄ«bÄ apgriezties. JÄ, tieÅ¡i tÄ. Apgriezties. 

TÄ izskatÄs uz jÅ«su kreisi. Es domÄju, ka tur ir kaut kas jÅ«s varat uzÅemt par barelu telpÄ. 

EFA: KÄ es varu iegÅ«t karti no tÄ? COLTON: Paskaties uz augÅ¡u. Paskatieties uz augÅ¡u. Viss kÄrtÄ«bÄ. LÅ«dzu. Tagad iet uz priekÅ¡u un vienkÄrÅ¡i apgriezties. TÄ izskatÄs tÄlÄk, lai pa kreisi. SaglabÄt pÄrvietojas pa kreisi. GlabÄt meklÄjat kreisi. Turpini. JÄ. 

EFA: Ak, ka veidÄ. 

COLTON: JÄ. Iet uz to ar kontrolieris. LÅ«dzu. Tagad tas bÅ«tu teikt atnÄkt pakaÄ¼. LÅ«dzu. Pacel to. Viss kÄrtÄ«bÄ. Tagad, pieÅemsim izkÄ¼Å«t no Å¡Ä«s istabas. Iet uz priekÅ¡u un iet uz Å¡Ä«m durvÄ«m. TÄtad jÅ«s esat gatavojas hold-- tÄ saka turiet pogu, lai piespiestu to atvÄrt. Tik iet uz priekÅ¡u un turiet pogu. Yep, piespieÅ¾ot to atvÄrt. Viss kÄrtÄ«bÄ. Labs darbs. Tagad mÄs ejot ÄrÄ no istabas. TÄpÄc es esmu gatavojas atstÄt pÄrÄjo augÅ¡u jums, un redzÄt, ko jÅ«s uzzinÄt. EFA: Es neesmu gatavojas tumÅ¡Ä telpÄ. Pagaidi. Tagad man ir jÄiet pa tumÅ¡u zÄli? Labi, es esmu dodas atpakaÄ¼ [nedzirdama]. COLTON: Nu labi. DaÅ¾i vairÄk preces uzÅemt. IzskatÄs, daÅ¾as monÄtas. Tas ir atslÄga pick. TÄtad, ja jums atrast bloÄ·Äts durvis, jÅ«s varat izmantot to. Vai jums ir bail? 

EFA: VÄl nav. COLTON: OK. 

Pretend-- yeah. Tikai izlikties jÅ«s esat faktiski stÄv tur. Un, ja jÅ«s savukÄrt around-- tev pierast pie tÄ. Bet tas ir jÄga. DAVID Malan: Un kamÄr EFA turpina spÄlÄt, jo mÄs varÄtu darÄ«t visu dienu, mÄs visi varam tip-toe out Å¡eit. Bet mums ir divi citi pÄri, ja vÄlaties nÄkt un spÄlÄt. PretÄjÄ gadÄ«jumÄ mÄs redzÄsim nÄkamreiz treÅ¡dien. Paldies mÅ«su brÄ«vprÄtÄ«gajiem Å¡odien. [Aplausi] 

[MUSIC - "Seinfeld TÄMA"] SPEAKER 1: Nu, es esmu liekot jaunu PL mount on. Es tikko mainÄ«ja OLPF-- 

SPEAKER 2: TÄtad, kas tieÅ¡i jÅ«s darÄt? 

SPEAKER 1: Nu, katrs no these-- Å¡eit, es jums parÄdÄ«s Å¡o vienu Å¡eit. JÅ«s varat redzÄt Å¡eit. 

SPEAKER 3: Es domÄju, ka es esmu labs ar tiem. JÅ«s vÄlaties, daÅ¾i vairÄk? 

SPEAKER 4: NÄ, es esmu labs. [Dzirdams]. 

SPEAKER 3: NÄ, [nedzirdama]. Ir daÅ¾i. SPEAKER 1: Different krÄsa. SPEAKER 2: OK. SPEAKER 1: TÄtad galu galÄ, kas tas tas ir tas pielÄgo krÄsu of--