DAVID J. MALAN: Ondo da, beraz, hau hemen Myo besoa da band, pare bat horietatik dugu CS50 azken proiektu dute. Eta hori manifestazio bat ilaran genuen up asko aldez non funtsean saioa arm nahiko estuak hau banda sortu hemen zure muskulu-mugimenduak entzuten direla gero softwarean oinarrituz daude Colton ordenagailu eramangarrien hemen baino zein Izan iTunes eta hori Abestia jada ilaran. Me hau demoing baino, Colton da laborategian izan argi eta garbi, aste osoan manifestazio bat lortzean boluntario ausartak egiteko prest. Norbaitek etorri nahi baduzu up-- on zure eskua ikusi zuen lehen aldiz. Goazen gora. [00:01:09] Guztiak eskubidea. Eta zein da zure izena? [00:01:13] Ikusleak: Uh, Maria. [00:01:14] DAVID J. MALAN: Maria, polita ikusteko. Zatoz hona. Dizute aurkeztu Colton me. Colton, hau Maria da. [00:01:21] COLTON: Kaixo, politak zu ezagutzeaz. [00:01:23] DAVID J. MALAN: Guztiak Ondo da, beraz, inork zapaldu, gaude joan jarri duzu hau da zure forearm buruzko polita da, beraz, estuak sortu zure ukondoa gertu. Eta bitartean, egin ditzagun Gure Google Glass jarri eta nahastu teknologia gaur egingo dugu. [00:01:33] COLTON: First dugu behar kako honek gauzak topatu. [00:01:36] DAVID J. MALAN: Ados. Egia esan, dezagun jarri zure beso gisa kable hau ahalik eta itxi beraz, lehen dezakegu sinkronizatu sortu. [00:01:41] COLTON: egin dezagun. [00:01:42] DAVID J. MALAN: Eta bitartean, beraz, guztiontzat dela begirada hurbilago bat lor daiteke, Andrew kamera zozketa egingo dugu pantaila ez gehiago. Beraz, USB kablea hori da dugun ari Mariaren besoko sartuta dagoela. Eta utzi Colton pantaila zozketa me proiektorea hurrengo gehiagok. [00:02:00] Beraz Colton gailua erregistratzeko da orain bezala Myo kable hau konektatuta. Eta orain zer Maria une batez egin da joan benetan ibiltzeko kalibrazio urratsak eta software irakasten nola bere giharrak erantzuten denean zuen zenbait aurrez erabakitako keinu software ulertzen. Ra joan nahi baduzu pantailaren aurrean. OK, saiatzen jarraituko. [00:02:30] COLTON: Hau bezalako joan. Eta hori bezala. Eta eskubidea modu guztiak. Atzera itzuli. [00:02:35] DAVID J. MALAN: Ados. Beste ikuspegi. Ez da duzu. Gurekin da. [00:02:40] MARIA: OK. DAVID J. MALAN: No. Dezagun mugitu gorago da, eta beraz, zure ukondoa hurbilago, edo are estuagoa. Guztiak eskubidea. [00:02:52] Hemen gara. Hau CS52X denbora ona izango litzateke. Bertan dugu. [00:02:57] Oso polita da. OK. Thumb to pinky Flower. [00:03:02] Oso polita da. Zabaldu hatzekin. Good. Wave eskubidea. Honez bitxikeria erakusten Ezkerreko hand-- duzu [00:03:17] COLTON: Bai, hori da wierd. DAVID J. MALAN: to Olatua eskuinera eta aurrera. Aurreratu albo batera edo hurrengoan. Hori OK Wave eskubidea. [00:03:25] MARIA: do not itxaron dut. [00:03:26] DAVID J. MALAN: laguntza batzuk behar duzu? [00:03:28] COLTON: Beraz zu hau atsegin doa. MARIA: da inflexio da Beste gauza, baina. COLTON: It da. DAVID J. MALAN: Bai, ez dakit zergatik duzu Leftie bat erakusten du. COLTON: Zergatik ez duzu Saiatuko Saiatu hau atsegin doa. [00:03:38] DAVID J. MALAN: Ez? Agian zure beso iritsi straighter apur bat out eta horregatik da bortitza gehiago hau atsegin dute. Bai, OK, goazen. [00:03:48] MARIA: sentitzen dut. DAVID J. MALAN: ez da zure errua. COLTON: Fina. DAVID J. MALAN: Guztiak eskubidea. Well-- [00:03:56] MARIA: hau burutzen behar dugu, orduan? DAVID J. MALAN: Bai, dezagun dizute kako itzali. Beraz, edonork bat egin nahi izanez gero azken proiektua abangoardia hau erabiliz hardware, konturatzen besterik ez zitekeen hartu pixka bat ohitu. Eta errealitatea this-- da hau benetan oso ertzean hemorragia. [00:04:10] Hau da, zer deitzen sustatzailearen kit, ekarri, funtsean, pre-oharra bat izango da beraz, jendeak zer egin dezaket this-- da borrokan, figura nola giza gorputzak lan teknologiarekin batera. Beraz, nahi baduzu gero, ondoren hitzaldia, zatoz utzi ahal izango dugu eta labankada bat ateratzeko egiten dutenak. Baina bestela, txaloka, bada , ezin dugu Maria datozen alderatuz gero. [00:04:26] MARIA: Eskerrik asko. [00:04:28] DAVID J. MALAN: Eskerrik asko. Egingo zintzilikatu dugu hau, baina emanen dugu zuk nola estresa baloi bat hemen? Oh, and-- if-- bai, eskerrik asko. Guztiak eskubidea. Beraz, bitxia da, bada zinen soinu aukerarik ezagunenak Han egin dugun Lehenago, TV harrigarri bat erakutsi erabat, behar duzula binge behaketa Netflix izango hau hemen da. [00:04:51] HIZLARIA 1: Jaun-andreok, Josh izeneko mago bat. [00:05:04] DAVID J. MALAN: Eta itxuraz, oso gauza bat me testu hitzaldia zehar orain. Duten naiz kontatzen ari Maria atzo urtebetetzea izan gaurko hau. Beraz, pozik urtebetetzea Maria CS50 baita. [00:05:18] Beraz, azken hilabetean izango duzu irakurri dute jaun hau hemen, Steve Ballmer, nor zen benetan 1977ko class ikastetxea, Orain dela gutxi Microsoft erretiratu. Graduak bat izan zen hemen, ondoren, pare bat urte geroago aurkitu berak at Stanford Business School telefonoa jaso zuen Bere ondoan, lagun bat deitu zuen bizi zen aretoa behera hemen Harvard zizkion. Lagunaren izenaren Bill zen Gates, eta garai hartan, Steve bildu nahi izan zuen, dudarik gabe lehen enpresa, pertsona, benetan, enpresa txiki bat izendatzeko Microsoft. [00:05:45] Luzea istorioa labur bat, Steve azken finean, irabazi baino gehiago izan zen, Microsoft direnean fitxatu langile 30 besterik ez izan. Eta denbora by zuen Nahiko duela gutxi erretiratu, konpainiak 100.000 langile izan du azken urteotan. Eta, beraz, web orri bat Zorian bezala ezagutzen Omenaldi honen bideoa prestatzen pentsatu genuen genuke partekatutako ematen dizu besterik gabe, zenbat energia Steve zentzua berak ematen duen aurkezpena dakar. [Bideo-erreprodukzioa] -Microsoft Laugarren haur bat bezala da. Haurrak egiten etxetik atera. Kasu honetan, uste dut Etxea utzi dut. Hey Bill, whazzap? [00:06:23] -Wazzap? [00:06:24] -Aizu, Wazzap? Dugun eman bat aukera izugarria. Eta Bill aukera eman digu. Eskerrik Bill horretarako nahi dut. Too nahi dut. Berrikuntza erritmoa ez da moteldu egingo da. [00:06:42] Honez gero eta bizkorrago iritsi. Lehiakide batzuk izan liteke direla zoritxarrez kendu! [00:06:54] Maite dut enpresa hau. Bai! PC bat naiz, eta I love enpresa hau! [00:07:08] Developers, sustatzaile, sustatzaile, sustatzaileei, sustatzaileei, sustatzaileei, sustatzaileei, sustatzaile. Bai! Web garatzaileek! [00:07:19] Web garatzaileek! Web garatzaileek! Entzun zer gehiago duzu gehiago ordaindu gabe lortu! [00:07:28] The MS-DOS exekutiboa, hitzordua eskatu egutegiaren, txartel pila bat, ohar pad, erloju bat, kontrol-panel. Eta, ahal dela uste duzu? Reversie! [00:07:35] Erre CD behar! Bidali MSN behar! Bidali You lagunei! [00:07:40] Klik bakar batekin! One Microsoft, estrategia bat, team-- bat bideratuta, diziplinatua, profesionala, eta hori egiten dugun guztietan aditua. Dezagun lerro bat erabili filma zahar bat me. [00:07:52] Harremanak marrazoak bezalakoak dira. Aurrera egin dute, edo hiltzen dira. Benetan teknologiako uste dut enpresen berdinak dira. [00:08:01] [END bideo-erreprodukzioa] DAVID J. MALAN: Beraz, beraz, pozik gaude iragarriko duen Steve sartu egingo hemen CS50 hurrengo asteazkena ohiko leku eta denbora hemen. Espazioa mugatua Segur aski. Eta, beraz, gurekin pertsona, mesedez buru gaur edo Handik gutxira to cs50.harvard.edu/register. [00:08:22] Eta jarraipena egingo dugu Asteartea lekuak berretsiz. Aurrera begiratu hurrengo horretara CS50 hitzaldia asteazkenean. Orain, beste albiste batean, gertatu I hau topo Crimson The besterik Eguneko beste. [00:08:34] Bihurtzen CS50 langile bat dela eta gutxienez CS50 ikasle bat Gaur egun UC exekutatzen presidentea eta presidenteordea, atzera ekarri dit Nire egun egin atzera denean UC hauteskundeen galdu dut miserably. Baina zilarrezko Hornigaia horretan dut beti da kontatu istorioa dela I, bat nago ziur Arrazoi asko galdu dut hauteskunde eza izan zen jendaurrean hitz talentu bat. Eta, beraz, nahiko zintzotasunez, it bultzatu ninduen, esperientzia hori Uste dut nire junior urtean, benetan, kontu Harvard Computer Society for gora bertan campus taldearen dela Zenbait hitzaldi teknikoa dauka eta beste gauza batzuk. Eta baino gehiago hartu dut beren irakaskuntza mintegiak eta, beraz, k aukera bat, Aukera bikaina, zehazki honetan lanean hasteko. Baina, era berean, aukera izan nuen esperientzia horretan Neure burua irakasteko HTML Gehiago guztiak. Eta, beraz, bart procrastinated dut HTML oinarritutako web bidez bilatzen Ere egin nuen 1997an bezala, '98, neure Kanpaina horrek itxura hau hemen. Ezagutzen dut. [00:09:29] Delako eta, jakina, aldez aurretik abisatu Diseinu 1998an Erabaki hau harrigarria edo whatnot. Nahi duzun lehenengo gauza erabiltzaile zure web bisitatzen gainean egin da esteka bat sakatu besterik ez dute zure webgunean hemen idaztea monje batekin atzean shrouded gortina bat bezala non itxuraz nire kanpaina plataforma izan zen. Eta hau guztia lortuko duzu gaur screenshot bat besterik ez da. Baina nintzen irakurtzen, bidez bezala, nire kanpaina kartelak bart eta nire plataforma. [00:09:50] Eta, beraz, garai hartan haserretu nintzen. Nire plataforma was-- interesgarria izan zen. Beraz, lasaitu Nik behera orduz geroztik. Baina egunen batean, berriro exekutatu egingo dut eta ea hobea une honetan off. [00:10:03] Beraz, HTML, hizkuntza horretan bertan egin nuen zuk in-- hori laster izango askoz more-- zerbait izan gara da berandu buruz hitz egiten eta neurri handi batean ematen ari orain dugun mugitu beste hizkuntza bat. Baina dezagun pausatu une bat besterik ez, eta, gauza horietako batzuk jarri testuinguruan. Beraz, esaldi batean, zer da HTML? [00:10:18] Edo, zer da erabiltzen? Edonork? Bai. [00:10:20] Ikusleak: webgune markatzeko. DAVID J. MALAN: web markatzeko. Beraz markup hizkuntza bat da hori aukera ematen du web orri bat egituratzeko duzu. Goiburuko doa hemen, titulua Hemen doa, gorputza hemen doa. Honek formatu lodia da, hau da Xehetasun moduko hori italics--. [00:10:33] Ados, ona da. Beraz CSS aukera ematen dizu zuk eta biok askatasun pixka bat hartu ez lodia begira eta etzana delako hori hobeto horri esker gauzatu. CSS is-- zer? Esaldi batean esan. Edonork guztiak. Bai. [00:10:46] Ikusleak: Embellishments eta gauzak, nola diseinatu behar bezala. DAVID J. MALAN: Ados, ona da. Ahalbidetzen duten duzun Embellishments Diseinua edo estilizatzeko da Letra lodia, eta, besteak beste, etzana eta kolore eta, gainera, gehiago fin elementu kokatzea eratuz. Aukera ematen dizu sort gauzak hartu duzu azken milia hala badagokio, esate baterako, pset7, agian konturatuko duzu zure zorroa orria Oraindik puntu honetan bada dagoeneko mahai lehenetsi bat duzula erabiltzailearen stock ustiategiak erakusteko egin eta cash seguruenik itxura polita izugarri espazio zuria gabeko lehenespenez. Dena bokalaren mota elkarrekin errenkada eta zutabe batean. [00:11:18] Beno, pixka batekin CSS, konturatzen ahal izango duzu, benetan pentsatzen ahal izango duzu, eta horregatik da zerbait askoz gehiago ezagutzen eta askoz prettier begiratzen. Beraz CSS buruz da webguneen stylization. Baina gero, oraindik beste sartu dugu hizkuntza, PHP, horrek zer egiten digu aukera ematen dizu? [00:11:36] Egin besterik zer dezagun? Edonork. Haratago aurrikustea Got pare lehen ilarak. Bai. [00:11:40] Ikusleak: Sortu edukiak dinamikoa. DAVID J. MALAN: Perfect. Sortu eduki dinamikoa. Eta hau egin ahal izango duzu Edozein hizkuntza kopurua. PHP erabili delako gertatuko dugu beraz, C sintaxia antzekoa zati batean. [00:11:50] Baina PHP du zehazki hori. Dinamikoki irteera sortzen duzunean ematen du. Eta irteera batzuk izan daiteke HTML, izan dugu normalean dira egiten. Eta gainera, ez da, delako programazio hizkuntza bat, mekanismo horren bidez datu-base direla esan daiteke. [00:12:03] Eta kontsultak egin ahal izango dugu beste zerbitzariak yahoo bezalako eta programazioaren ezer Benetan bestela agian duzula Ordenagailu bat behartzen egin nahi. Beraz, PHP gurekin hasteko aukera ematen dizu dinamikoki edukiak irteera. Beraz, logika honen arabera, ez nuen webgune dinamiko bat, 1998an itzuli. [00:12:16] Besterik web orri estatiko bat zen. Nere edukietan izan behar aldatu behar gedit edo baliokidea batzuk eskuz jokatzen. Baina PHP da, zer erabiltzen dugu, edo Erabili ahal izan, baizik eta, antzeko zerbait Frosh Berehal web, ustezko matrikulazioak hartu eta users-- gauza zerrenda bat kudeatzen dituzten baino gehiago benetan aldatuz ordua, gertatuko dugu, nahiz Perl, desberdin bat erabili Garai hartan hizkuntza. [00:12:35] Eta gero, azkenik, sartu dugu SQL-- Structured Query Language. Beraz, oraindik beste hizkuntza bat hori erabiltzen zertarako? Erabilitako zertarako? Ezin dugu slight-- aurrikustea Ados, ez goaz askoz urrunago iritsi orkestra hemen baino. IKUSLEEN: da protokolo bat da datu-base hitz erabili. DAVID J. MALAN: protokoloa datu-base hitz erabili. Utzidazu pentsatzen. Da erabiltzen den hizkuntza natural bat da to hautatzen databases-- hitz eta txertaketak eta ezabatzen eta eguneratzeak eta benetan are gehiago eginbideak ere ez atean sartu dugu sartu baina explore-- nahi ahal izango duzu azken proiektu bat, adibidez, arakatzeko. Beraz, ez dago hainbat pieza horiek. [00:13:09] Eta zorionez pset7, nahiz bere zehaztapen nahiko luzea da, nahita luzeak oinez da gauza horiek nola egin dezaket guztietan zehar Idatzitako elkarrekin. Orain, astelehenean, guk Gure azken hizkuntza sartu egingo dugun formalki sartzeko noski dela, Javascript. Honek, PHP bezala, antolaketa Lengoaia interpretatu. [00:13:25] Baina gakoa bereizketa bat Proposatutako astelehenean dut dela PHP berriz da exekutatzean edo ari zerbitzariak, interpretatu eta horrek kasu honetan CS50 tresna da, edo komertziala web batzuk izan liteke zerbitzariak Interneten, JavaScript orokorrean bezero alboko exekutatzen duen hizkuntza da Ez zerbitzari side-- beraz nabigatzailean. Hau da, besterik ez denean dut ireki bezala Facebook iturburu-kodea eta aurkitutako guztiak .js fitxategi horiek, inplikazioa izan zen denean Facebook edo bisita gehien egun hauetan webguneak, lortuko duzu HTML bakarrik, ez bakarrik CSS, baina Javascript-sorta oso bat askotan js fitxategiak formularioa kodea. Eta, ondoren, nabigatzaile zeure da Mac edo PC-- kodea duten exekutatzen. [00:14:03] Baina zure nabigatzailean exekutatzen ditu. Sandbox bat sort dezakezu uste. Beraz JavaScript kodea behar ez izatea zure ordenagailuan fitxategiak ezabatzeko gai ez izatea. Ez luke gai zure izenean postak. Zure nabigatzaileak mugatzen mota zer egin ahal izango duzu. [00:14:17] Beraz, zentzu horretan, apur bat da gutxiago indartsu, agian, C. baino Baina JavaScript can, gisa alde batera utzita, ahal zerbitzarian erabiltzen, joera zaitugu nahiz eta ez hitz egin Horri buruz testuinguru horretan. Beraz, orain utzi lotzeko en horiek elkarrekin. Astebete gehi ago, HTML batzuk aurkeztu genuen du ezker aldean super aspergarria web orrian. [00:14:34] Just dio kaixo mundua. Eta, ondoren, proposatu dut eskubidea mota dugu ideia lapurtu ahal gure eztabaida-tik C datuen egitura eta hierarkikoa hau nola pentsatzen Ezkerreko hizkuntza markup marraztuko litezke edo memoria-en garatuta nodo benetako zuhaitz egitura gisa eta erakusleak eta xehetasun-mota horiek. Eskuinean, deitzen dugu DOM-- Dokumentu bat Objektu Model-- besterik ez da Zuhaitz esaten modu fancy bat. [00:14:56] Orain, zergatik da baliagarria honetan pentsatu modu honetan? Orain delako JavaScript, dugu delako horri honetan jolasteko lortzen kodea ingurunea, benetako HTML hori bidali da nabigatzailea dagoeneko eta dagoeneko kargatuta memorian arabera Zure ordenagailuaren zuhaitz bat sartu nabigatzailean Hau atsegin RAM, JavaScript erabili ahal izango dugu benetan zeharkatuko edo oinez edo bilaketa edo aldatzeko DOM zuhaitz Hala ere nahi dugu. Beraz, hain zuzen ere, uste baduzu buruz facebook.com, txat funtzioa erabili baduzu, baduzu erabilera Gmail eta Gchat ezaugarria, ezer bertan duzu behin eta berriz datozen mezuak eta berriro, mezu horiek dira ziurrenik, bezala, LI tag, List Item etiketa, agian. [00:15:35] Edo agian, besterik gabe ari dira agertzen mantendu duten divs aldi bakoitzean berehalako mezu bat lortuko duzu. Eta, beraz, besterik gabe esan nahi zer Facebook edo Google egiten ari da edozein momentutan bat lortuko duzu zerbitzariak mezu, Ziurrenik JavaScript dira erabiltzen besterik nodo bat gehitzeko horri honetan nodo beste zuhaitz zuhaitz hori, ondoren, ikusmen itxura besterik Testu-lerro berri bat zure pantailan bezala. Baina txertatzen ari dute datu egitura honetan sartu. [00:15:57] Beraz, klase bezala CS124 eta beste batzuk, dituzu benetan idatzi aurkako kodea more honen antzeko datu-egitura. Baina JavaScript oraingoz, besterik ez dugu suposatuko Funtzionaltasun hori guztia lortu dugu doan hizkuntza bertatik. Hargatik adibide bat bilatzeko. [00:16:09] Ireki me form.html izeneko fitxategi bat. Super erraza da. It honen itxura besterik ez. [00:16:15] CSS Ez, estetika pentsamendu ez. Ez da guztiz funtzionala eta itxuraz naiz mezu elektroniko bat eskatuz, pasahitz bat, pasahitza berriro, eta, ondoren, kontrol batean baldintza batzuk adosteko. Zer iturri honetan kodea itxura da, ziurrenik, zerbait batekin asmatzen dezakezu pentsamendu pixka orain. Nik inprimaki etiketa bat hemen. [00:16:32] Ekintza bat da itxuraz joan Erregistroa izeneko fitxategi bat joan. Metodoa erabili noa iritsi. Eta gero nik testu bat jaso nuen Eremu bere izena da email. [00:16:40] Nik pasahitza eremuan horren izena pasahitza da. Nik beste bat Pasahitz eremu horren izena zertxobait arbitrarioki berrespena da. Besterik HTTP beste parametro bat da. [00:16:49] Eta gero, ez dugu erabili horiek izan ezik Frosh Berehal du klase batean demo geroztik kontrol-lauki bat den mota besterik check berdin. Eta hitzarmena deitu dut. Beraz, ez dut mota horretako arbitrarioki baina egokian izeneko eremu horietan. Beraz, inprimaki hau lortzen orain dela aurkeztu, ikus dezagun zer gertatzen den. Malan@harvard.edu egin badut, Karminezko pasahitz bat egingo dut. Ezer pasahitz bat egingo dut. Dezagun lankidetzan aritzeko ez. [00:17:10] Eta ez dut aukera markatu. Let Izena eman sakatu me. Eta esaten du, hm, erregistratu ari zara. Ez da benetan. [00:17:16] Baina URL aldatu. Beraz, inprimaki hau argi eta garbi onartzen zen to erregistroa aurkeztu. Baina, ustez, izan behar dut Akats horien batzuk harrapatzeko. Orain, pset7 eta non batzuk Gure hitzaldia adibide, oro har genuke inprimatu error gorriz mezua handi bat hemen , esanez falta izen-abizenak, edo pasahitza falta. Egin dugu aurretik eta hori dugu done zerbitzari aldean akatsak antzemateko. [00:17:37] Baina askok egun hauetan webguneak Egin bezero aldean akatsak antzemateko Bertan URL ez da aldatu. Web orrialde osoa ez du freskatzeko. Berehalako feedback lortu ahal izango dituzu nabigatzailea. Agian zerbait gorria doa. [00:17:48] Agian pop up bat lortuko duzu. Baina ez duzu denbora alferrik bidaliz zerbitzari datu hori osatu gabe. Beraz, ikus dezagun nola eginen lukeen Ezaugarri hori lortzeko, baita. [00:17:56] Joan den form1.html, zein itxura bera. Baina oraingoan bada, ez dut malan@harvard.edu eta gorrimin idazten dudanean eta ez dut lankidetzan aritzeko gehiago baina klik Izena eman, nabarituko orain. Ez da irtenbide sexiest. Gutxienez Errore hau ez dut harrapatu. Eta alerta erabili dut JavaScript funtziorako eta horrek bakarrik ari gara klasean erabiliz. Oro har, ez duzu erabili hau daiteke oso azkar delako irten kontrol. Baina Pasahitzak ez dira berdinak error da. [00:18:19] Dezagun aurrera eta sakatu Ados. Baina, zer funtsezko takeaway hemen da URL hori ez da aldatuko. Beraz, ez dut lanik alferrik galtzen zerbitzari horrek denbora Galdetzen duten izan dut galdera bat hurrena erantzuna neure buruari. [00:18:30] Eta erabiltzaileak, nahiz eta dira honetaz hizketan Erabiltzaile baino luzeagoa Honetan pentsatu egingo, da berehalako iritzia izan da. Ez dago ekin latentzia ez sarerako konexioa du. Hargatik begiratu iturburu kode honetan. [00:18:40] Form1.html begiradak egituraz antzeko hemen. Inprimakia bera gertatu behar da. Baina ikus dezagun zer behera egin nuen hemen. Eta ez dago hau egiteko modu desberdinak. Eta egin dut gehien zuzen Jarraitzaileen baina ez modurik dotorea oraindik. Script etiketa bat daukat. Gero deitu dut document.getElementByID ('izen-ematea'). Eta balio hori gordetzen dut inprimakia, aldagai bat. [00:19:04] Beraz, zer egin dut nik? Zuk pentsa dezakezu document.getElementByID ari, funtzio berezi bat JavaScript ematen dizu literalki eskuak bat nodo bat erakuslea edo zuhaitz honetan laukizuzenak. Beraz, orain hori da gure moduko aldagai Ikusteko Javascript-a benetan seinalatuz. [00:19:21] Beraz, orain sintaxia ez dira gauza bera C. Baina ari gara gauza batzuk egiten hemen. One, hau da, pixka bat arraroa , begira zalantzarik versus C. Baina line 35 begiratu. Beraz, ezker form.onsubmit on. Gogoratu onsubmit dela struct batean eremu bat bezala. Formulario aldagaiaren uste baduzu besterik ez da C eta egitura bat izatea, Baliteke eremu batzuk izan. [00:19:42] Itzuli eguneko, ikasleen izenak izan genuen, Identifikazioak, etxe, zelai mota horiek. Just onsubmit uste eremuan beste gisa. Baina delako eremu berezi bat da nabigatzaileak preprogrammed Espero .onsubmit ez balio izan zenbaki bat edo kate bat bezala, baina benetan funtzio bat izango edo funtzio baten helbidea ordenagailuaren memorian. [00:20:02] Eta hain zuzen ere, hori da hitz hori hemen egiten da. Honek dioenez, funtzio berri bat eman dit. Baina zer gertatzen da bere izena da itxuraz daiteke? [00:20:09] Itzuli pentsatzen den astelehenean. Zein da honen izena Funtzio oinarritutako sintaxia hau? Ez, esan nahi dut, ez dago argi izenik ez associated-- zalantzarik ez hemen zer nabarmenduko ditut ere. [00:20:21] Baina hori benetan OK. Hau funtzio anonimo bat, edo bat lambda funtzio batzuk agian deitu. Eta hori besterik esan nahi oraindik funtzio bat da. Besterik ez da, ezin duzu deitu izenaren arabera. Baina hori OK. Berriro delako, nabigatzailea izan da Google bezalako enpresek preprogrammed edo Microsoft-ek edo Mozilla edo beste erabili besterik ez jakin, .onsubmit eremu badu forma elementu bat du barnean balioa, tratatzeko da funtzio baten gisa funtzioa erakuslea, izango bada. Eta noiz inprimakia aurkeztu deitu. [00:20:46] Beraz, zer kodea exekutatu behar da inprimakia aurkeztu? Dirudienez, dena kizkur giltza barruan. Eta hori besterik ez estilistikoa. [00:20:53] Hau atsegin egin dezakezu CS50 egin ohi dugu. Baina JavaScript, jende gehienak joera mantentzea lerro berean besterik ez delako argiago da keyword funtzio hori lotutako. Beraz, orain zer egiten ari naiz? [00:21:03] Form.email.value berdin berdin bada kate hutsarekin, edo ezer ez, hona hemen alerta-egoera bat non ez dut esan, Zure e-posta helbidea eman behar duzu, eta, ondoren, itzultzeko faltsua. Eta bueltan faltsua da hori ari aurkeztu forma eragozten. Bitartean, pasahitza balio bada hutsik, nik erabiltzaileak Yell noa eta esan, pasahitz bat eman behar duzu. [00:21:21] Bien bitartean, gauzak lortzen ari apur bat fancier hemen. Ez du form.password.value bada form.confirmation.value berdin, beste eremu, Yell erabiltzaileak pasahitzak ez dute gisa datoz ez duela une bat. Eta gero, hau da a sexier apur dudalako Badakizu kontzeptualki banekien egiaztatuko bat kontrol-laukia izena da. [00:21:40] Beraz, besterik ez dut harridura bat erabili ahal Puntu check ez bada esatea hautatuta boolearrak da balioa, egia edo gezurra Horregatik erabiltzaileak dut Yell. Bestela, bidez iritsi bada baldintza hauek guztiak, gaitezen besterik gabe egia. Let inprimakia aurkeztea. Eta honen ondoren gertatuko. [00:21:56] Dezagun idatzi Crimson. Dezagun begiratu koadroan, sakatu Erregistratu. Eta orain badut bidez helmugara. Orain, ez dago datu-basea dago. Ez dago ezer interesgarria erregistroa ere. Beharrezko dut zerbait benetan hitz. Hargatik eteteko me, hemen. Zer besterik egin dugu edozein galdera edo zer sintaxia berri honen batzuk? Ados, bai? [00:22:17] IKUSLEEN: Beraz, edozein kontrol-laukia boolear bat izango da automatikoki. Ez daukazu aldarrikatu duten bezala. [00:22:21] DAVID J. MALAN: Zuzena. Hori igorri nahi dituen edozein checkbox HTML zure JavaScript kodea forma ematen baitio tratatuko dira, bai, gisa Boolear balioa egia edo gezurra. Galdera ona da. Beste balioak, Berriz, Jakina, izan testua, AKA kateak dira. [00:22:36] Ondo da, beraz, let me atzeratzeko pixka bat gehiago. Zein izan da honen puntu osoa? Just argia izan. Bezala, badakigu, nahiz pset7 batetik eta are gehiago, azken astean hitzaldia adibideak, garela jakina egiaztatu ahal $ _GET $ Bi_dali ikus erabiltzailearen eman bagaitu Balio huts bat. Gogoratu PHP funtzioa hutsa. [00:22:54] Beraz, argi izan behar du, zer da, arrazoi bat, gainera dezakegu error egiaztapena hau egin nahi browser-barrutik? Zer da motibazioa hemen? Bai. [00:23:06] Ikusleak: Faster, eta ez duzu Datu Ezertarako bidaltzeko zerbitzariari. DAVID J. MALAN: Ongi. Azkarragoa da. Ez duzu bidali Ezertarako zerbitzariari datuak. [00:23:12] Beraz, gehiago atzera berehalako erantzuna. Eta, oro har, erabiltzaileak esperientzia hobea. Alternatiba pentsatzen. [00:23:17] Gmail-- eta bazen kasua duela urte asko. Demagun you elektroniko berri bat jaso da zure Gmail kontua, baina, bidez bide bakarra hori da, bezala ikusteko, orri osoa kargatu. Edo demagun duzu klik Esteka bat posta elektroniko bat irakurri. [00:23:29] Dena hain birkargatu posta elektronikoa ikusi ahal izango duzu. Edo Facebook-- Txat mezu bat lortuko duzu. Ez duzu ikusten duzu berriro kargatu arte orria edo egin klik esteka batzuk. [00:23:36] Bezala, hau izango litzateke awfully Erabiltzaileak gogaikarriak esperientzia. Eta hau da, zer izan zen bezala, Argi eta garbi, itzuli UC ran I eta web askoz gutxiago dinamikoa izan zen eta Javascript ez zen ezagun gisa orain bezala. Eta gauzak askoz lortzean dinamikoagoa eta askoz gehiago Bezero zentzu horretan albo. [00:23:49] Baina badira hemen harrapaketa bat da, eta hau gogaikarriak Gotcha bat antzeko zerbait da. Just delako bezero aldean gehitzen duzunean Hau atsegin detekzioa ez du esan nahi edo dezakezu alde batera utzi behar zerbitzari aldean detektatzeko. Funtsean zure jarri nahi duzun error leku bietan egiaztapena. Zer zen delako ikasitako ikasgaiaren Artikuluaren zati batzuk irakurri nuen ergelak CMS sistema honekin Eduki Kudeaketa sistema hori izan zen Bere autentifikazio sistemak ezartzeko, Bere login zer mekanismo bidez? Ikusteko Javascript-a. [00:24:20] Ikusleak: Javascript. DAVID J. MALAN: JavaScript, zehazki, ezta? Zuten JavaScript erabiliz. Eta literalki, you guys dute pixka bat seguruenik jokatu Chrome Inspector batekin. Eta nik aurkitu ahal bada, ikuskatu elementutzat. [00:24:30] Let baino gehiago joan me egin Chrome aukerak guztiak. Eta hau da, nola erraza da bertan desgaitu JavaScript arakatzaile batean. Begiratu, Javascript ez gehiago. [00:24:38] Beraz, zuzentasuna, asko web-egun hauetan besterik ez delako apurtzen joan Gmail eta beste guneak, Facebook-- bere gain hartzen Ikusteko Javascript-a gaituta dago. Baina zuk zerbait ergelak egiten ari bada bezalako erabiltzaile sarrera bakarrik balioztatzeko eta hori egiaztatzen bezeroaren aldean akatsak, aurkariarekiko bat izan erraz egin. Eta orduan ere smarter you guys like aurkariarekiko orain Telnet edo Curl erabili izan edo, besterik komando lerroko komandoak eta mezu benetan bidali zerbitzarira duten era berean, ez dira erroreen hautatuta. [00:25:05] Beraz, hau da bat gehiago Erabiltzaile interfaze erabakia benetako teknikoa baino improvement-- gauzatzeko Zerbait bezero honen alde bezala. Beraz, orain begiratu azkar bat, baina gero Online walk dut atzeratu Alde honen bidez. Bi inprimaki, benetan igaro genituen eta garbitu kodea da pixka bat. Baina utzi atzeratu inork niri bideo litekeena zaitugu pset8 en embed, besterik erakusten duzun bat antzeko sintaxia liburutegi bat izeneko erabiliz jQuery, eta horrek a super, super da JavaScript popular liburutegia Jende Egia gehienak besterik erabili egun hauetan eta are gisa nahastu izaki JavaScript bera. [00:25:37] Eta inplikatu ohi da dolarraren seinaleak batzuk eta dokumentu bezala keywords parentesi hemen. Baina, berriro ere, utzi atzeratu egin nahi me Zenbait tutoretzak motelagoa online get lotuta sortu baino besterik sintaxian. Dezagun mugitu nahi Zerbait pixka bat freskoago horren aplikazio dagokionez. [00:25:50] Beraz, batez ere, joan gaitezen aurrera eta ireki hau hemen. Goazen. Bertan dugu. [00:25:59] Ireki me argazki hau hemen. Alferrik korapilatsu , bilatzen, baina izeneko teknika bat deskribatzen AJAX-- Asynchronous JavaScript and XML, non XML X da benetan Jada ez da benetan erabiltzen. Zerbait erabili ohi da bestela JSON izeneko. [00:26:13] Baina hemen nola zerbait bezala Google Maps edo Google Earth lan. Saiatu honekin hegan, egia esan dezagun. Dezagun aurrera eta ireki sortu Chrome nire nabigatzailean. [00:26:21] Eta joan gaitezen sartu, esan, maps.google.com. Eta egia esan, Oraindik zaharra bada nahikoa zer gogoratzeko, bezala, Xehetasuna egun atzera bezalakoa zen, eta agian oraindik ere hau bezalako lan egiten dute. Noiz bilatzeko zerbait egiteko erabiltzen duzu 33 Oxford Street, Cambridge, Meza, en hau egin duzu utzi litzateke, benetan, baduzu gora mugitzeko nahi eta behera, ezkerrera eta eskuinera, bat bezala begiratu litzateke gainean gezi handi, eta horrekin Erakusteko litzateke beste Maparen markoa sortu hemen. Edo klikatu zenuke eta zu hona joan, edo egin klik beste eta hemen joan nahi duzun. Baina horren ordez, horiek egun, jakina, besterik ez dugu bermatuko duen zantzurik, joan ahal izango dugu hartu Nahiko Cambridge inguruan azkar besterik ez, klik egin eta arrastatuz. Baina konturatu glitches batzuk bertan. [00:26:59] Ez dut hau behar bezain azkar, zer dirudi gertatzen ari dena arrastatu naiz apur bat azkarregi ordenagailua sortu mantentzeko? Zer ikusi? Bai. [00:27:07] Ikusleak: pixel ez dute freskatzeko. DAVID J. MALAN: The pixel ez freskatzeko. Ez dago benetan, eta zu honetan ikus zezakeen, egia esan, online eta pausatu ikusten ari bazara hau edo benetan gauzak moteldu once-- ikusiko duzu ez direla teilak, plazak, edo laukizuzenak direla ari mapan egin arte falta split bigarren bat geroago, datu gehiago, irudi gehiago benetan pantailan agertuko. Eta hain zuzen ere, hori eginez gero begira dugu up Chrome's-- esan, Chrome-- utzi ikus dezagun. Ezin dugu hori egin. [00:27:31] Oh, whoops. Dezagun ireki maps.google.com. Dezagun leihoa handiagoa berriro me. [00:27:36] Joan 33 Oxford Street itzuli. Zein izan zen webgunearen zen duela gutxi dut? Hau, nahi, rant pribatuak izan nahi dut Neure burua, ondoren, berehalako mezu litzaidake I Edozein lagun online zegoen entzun nahi duten. Badira web batzuk. Uste dut Comcast-- da hain American ISP oso handia. Dezakezu, orduan sortu sinatu kable berrirako modem zerbitzu edo kable bidezko telebista-zerbitzua, Formulario bat dute oso arrazoiz non eskatu dute zure helbidea da. Eta hau harrigarria Ezaugarri auto osoa izenekoa, Google bezala, bete hasten Zure galderaren erantzuna da. [00:28:04] Arazoa da, auto osoa egin dute Zuk idatzitako lehen gauza on. Beraz 33an idazten hasten bazara, it zuk etxe guztietan literalki erakutsiko ditu Amerikan hasten 33 zenbakia duen jarraitu aurretik espero gehiago idatzi behar duzu. Beraz, 33 idazten duzun Oxford bada, orduan kale guztietan erakusten da duzu Amerikan duela 33 Oxforden bere izena, herria kontuan hartu gabe zaudela ere. [00:28:25] Eta gero, idazten jarraitzeko duzu. Eta, azkenik, ez dutela konturatuko da Eskaintza zure etxean Cambridge zerbitzua edo horrelako zerbait. Baina puntua da, hau da gehien asinine auto ezartzeko inoiz osatu. [00:28:34] Eta besterik ez dut off joan tangente honetan berriro. Baina ez dira modu ona JavaScript eta modu txarrak erabili. Eta hori ez da zertan horietako bat. [00:28:40] Baina puntua hemen, hau lehenago tirade, gaurkoan ireki tresnak behera hemen eta ireki garapen tresnak, Nik aurretik animatu genuen bezala, eta Sare ikustera fitxa oso azkar sakatu dudan bezala. Eta sorta oso bat nabarituko lortzeko eskaerak gertatu. Hori guztia gertatu dut arrastaka geroztik. [00:28:57] Eta ziurrenik, hain zuzen ere, ilaratan horiek asko orain dira irudi barra JPEG MIME mota edo eduki mota. Hori da, zer egiten ari da chrome delako I klik eta arrastatu denbora guztietan, egin klik eta arrastatu, da, konturatu oh da, I joan behar galdetu Google fitxa bat Maparen hemen baino gehiago da eta, bizkor deskargatu HTTP bidez, eta gehitu deiturikoak DOM izateko Web memoria zuhaitz nabigatzaile izateko ordezkaritza erabiltzaileari, beraz, me, teila eguneratzen dela ikusten du. Eta hau da, delako AJAX izeneko teknika bat. Itzuli eguneko, benetan Hori horrela izan da baduzu zer da pantailan aldatu nahi zuten, gora egin klik nahi duzun, behera, ezkerrera eskubidea. Eta, ondoren, orri berri bat zabalduko litzateke. Baina egun hauetan, dena dinamikoagoa da. Gertatzen bidea izan dugu gizakiak litzateke Espero benetan litzateke interaktiboki. Eta hori lortzen by izeneko teknika bat modu AJAX, eta hori da, beharbada onena Adibide bat azaldu. Lehenik eta behin, utzi aurrera me eta ireki fitxategia izeneko quote.php saioa Gaur egungo banaketa kodea. [00:29:53] Eta gero utzi sinboloa whoops egin dit. Let sinbolo egin me = GOOG besterik stock batzuk. Edo benetan, egin dezagun Pset FREE bat. Sartu. [00:30:05] Eta orain konturatzen zer lortu dut. Beraz, hau da, benetan bat PHP fitxategia labur dudala idatzi zuen, besterik gabe, dialektika kodea pset7 ko bilaketa-funtzio eta spits kizkur giltza hau erabiltzen eta Komatxo eta colon notazioa, itxuraz, egungo stock egungo prezioa Konpainiak pasa duzula get bidez. Beraz, hau da desberdina zer dugu gehienetako ohar horretan nago egin literalki tu zer JavaScript kodea itxura. [00:30:27] Hain zuzen ere, JavaScript objektu bat da. Izan ere, argi izan, JavaScript Object Notation-- JSON-- duzula esaten modu fancy bat besterik ez da datu irudikatzeko daiteke JavaScript atsegin PHP dezakezu gako bikote erabiliz. Beraz, deklaratu nahi nuen JavaScript aldagai bat adierazten Zamyla, for Zamyla-- eta egitura bat Adibidez, eta deitu dugu Ikasle, aldagai hau. Bere ID bat da, etxea da Winthrop, eta izena Zamyla da. [00:30:53] Baina objektuen array bat ere izan dezake dut. Beraz, benetan nahi nuen behar bada JavaScript array bat daukan esaterako, objektu anitz, hau Denbora langileen ordezkari, Baliteke hiru horiek behar dut Kode-zatiak itzuli to hauetarako Itzuli Hiru taldekideak ohia. Beraz, sintaxia, nahiko PHP to both-- antzekoa. Baina hori da, bereziki Javascript. Objektu notazioa. Beraz, zer da hau baliagarria? [00:31:17] Kodea idatzi badut spits JSON-- JavaScript Object gauzak Notation-- duten hau edo gauzak itxura Zamyla egitura baten itxura du, Benetan I erabili ahal hau programetan idazten dut. Joan den ajax0.html. Eta hau too-- ez askoz pentsatu estetika eman. Baina ikusi zer gertatzen den. [00:31:34] Dezagun aurrera eta idatzi hemen eta doan. Klik lortu aurrekontua. Eta konturatu URL ez da aldatu. Baina pop bat jaikitzen itxuraz egin nuen Gaur egungo Penny stock $ 0,15 prezioa. Beraz, ez dela txarra. Baina diferentzia da nolabait, Datu horiek itzuli zen niri zuzenean. Baina dezagun norabidean urrats bat zerbait gehiago ezagutzen. Bat bertsio honen, utzi niri Idazten free berriro, sakatu Lortu aurrekontua, eta orain ai, hori zen benetan jQuery bertsioa. Hargatik me ez nuen bizkor aurreratu nahiko urrun nahikoa. Goazen bi bertsio me, hau da, non nahi nuen. Hemen zer egin dut nabarituko. Web super bat page-- daukat Edozein web orriaren bertsio simple gaur egun erabil dezakezu testu-eremu batekin hemen doan eta gero itxuraz besterik testua. [00:32:14] Hau ez da forma bat hemen, itxuraz. Baina nik klik zaitez aurrekontua, nabarituko nire web orria I bagina bezala aldatu da Lortu berehalako mezua edo mugitu besterik ez dut, nahiz eta mapa eta datu gehiago lortzeko beharrezko erantsiaren dinamikoki web orrialdera URL aldatzen eta erabiltzailearen gabe esperientzia ohitu eten. Izan ere, oraindik ez naiz berean zehatza place-- ajax2.html. [00:32:35] Hargatik begiratu bakarrik adibide honetan ikusi eta nola gertatzen ari da. Me ajax2.html sartu. Eta forma nabarituko lehen. [00:32:44] Down hemen, inflexio naiz auto osoa off. Batzuetan lortzen gogaikarriak nabigatzailea bada zuk erakusten saiatzen zure historia osoan. Beraz, egin dezakezu HTML arabera besterik esaten auto osatzeko off. [00:32:53] Hau testu eremu bat ematen dut sinboloa, hobeto esanda, sinboloa ID bat. Eta orain, hau Ezaugarri interesgarri bat da. Ez dugu span buruz hitz egin zuen, baina pentsatu dezakezu paragrafoan etiketa edo tag div bezala. Da zer bat deitu da in-line elementua, horrek esan nahi du, ez duzu paragrafo bat lortzeko apurtu gainetik eta azpitik. Besterik ez da in-line egoteko gabe sartu baliokidea sakatuz. Beraz HTML zatia hau eman dut zehazteke identifikatzaile bakarra arbitrarioki prezioa deitu nuen. Eta Bidali botoi bat daukat. [00:33:21] Orain sortu hemen eta hau ere benetan super harrigarria zein gutxi kodea Egin idatzi dezakezu nahiko neat gauza konturatu zer egin dut sortu hemen badut korritu gora orri honen burua. Lehenengoz sartzen dut Nire burua Script etiketa bat dela benetan erreferentzia bat JavaScript fitxategi nonbait. Beraz, erakundea ra dago idazten jQuery, eta hori besterik ez duzu emanez beranduenez Beren jQuery liburutegi bertsioa. [00:33:42] Beraz, hau da, mota zorrotz bezala C artean, edo PHP eskatzen. Script etiketa erabili duzu iturri atributu batekin. Baina orain nire kabuz kodea da Hemen eskubidea izango. [00:33:52] Iragarki izeneko funtzio Quotes bat daukat. Eta pixka bat ikusten da Lehen begiratuan críptica. Baina dezagun aurre honetan gain. Give me URL aldakorra izeneko bat. Esleitu literalki kate hau. Beraz, single quotes, komatxo JavaScript Kate bat ematen dit. Zer egiten du gehi? Lotuz. [00:34:08] Beraz, orain jQuery sintaxia da horrek hartzen du pixka bat ohitu. Baina hori bakarrik joan esan nahi get me DOM Nodo baten berezia Identifikatzaile sinboloa da. Hashtag ez esan Identifikatzaile sinbolo berezia. [00:34:21] Dolarraren zeinua Parentesi besterik esan nahi, biltzeko honetan jQuery sekretua saltsa moduko bat, beraz, funtzionalitate batzuk lortuko duzu. Eta gero, itxuraz Val funtzio bat, edo, orain esaten den bezala, nodo honen barruan metodo bat hori besterik balioa ematen dizu. Beraz, azken finean, itsusia eta nahasgarria ere hau, lehen begiratuan itxura gisa, hori esan nahi idatzi erabiltzaile lortu ere, jarri katearen amaieran bertan kateatuz arabera. Hori da dena. [00:34:43] Beraz, orain, azken hiru lerroak. Asko estutu dezakezu funtzionalitate hiru lerro daudelarik. Honek dolarraren ikurra, gisa alde batera, goitizen bat besterik ez da global aldagai berezi bat jQuery literalki izeneko. [00:34:55] Dolarraren ikurra itxura cool. Beraz jQuery komunitatearen mota besterik erabiliko du bere sinbolo bereziak. Horrek ez du esan zer esan PHP da. JavaScript, dolarraren ikurra da besterik alfabetoaren letra bat bezala edo aldagai bat zenbakia. [00:35:07] Zu besterik ez izan daiteke izen gisa. Just itxura bikaina du. Beraz, komunitatea goitizen gisa onartu zuen liburutegia bere jQuery deitzen da. [00:35:13] Eta super popular da. Beraz, lortu JSON hain zuzen hori. Funtzio bat da, hori jQuery folks idatzi JSON lortzen zerbitzari batetik JavaScript. Zer URL aurrera da joan Informazio hori lortzeko? Antza denez, URL hau hemen. [00:35:27] Eta zer egin behar nabigatzailea egin berreskuratu zuen erantzun hau laster gisa? Eta hori AJAX magia da, beraz, , hitz Asynchronous JavaScript XML batean. Zaila da, hala nola batekin ikusi Adibide erraz hemen izan genuen bezala. [00:35:41] Baina hori izan zen asinkronoak Nire kodea zentzu denean exekutatu mezu bat bidali behar zerbitzaria joan get me JSON batzuk. Eta super azkar gertatu zen, erantzun bat lortu dut. Baina zer da interesgarria da hori Kode-lerro ez zuen nire ordenagailuan zintzilik. [00:35:55] Ez nuen spinning ikono bat ikusi. Nik ez dut galduko du nire sagua mugitzeko gaitasuna. Nire nabigatzailean primeran fina zen benetan. [00:36:01] Bide JavaScript maneiatzen delako zerbitzariaren erantzuna honako hau da. Zer deitzen duzun pasahitza bertan Atzeradei funtzioa, bakarrik esan nahi du, hey, Javascript. Zerbitzariak bezain laster JSON batekin erantzuten, mesedez, deitu funtzio anonimoa izango da. [00:36:18] Eta mesedez, funtzio hau pasa edozein kate zerbitzariak txu Datu gisa deitu argumentu bat. Beraz beste, hitzetan, bada Dinamikoki muntaia naiz URL quote.php bat hau igaroz dohainik edo GOOG edo halakoak sartzen sinboloa, Ondoren I kontatzeko naiz JavaScript joan URL hori lortzeko. Gogoratu nabigatzailea zerbait itzuli egingo da itxura lehenago ikusi genuen bezala. [00:36:42] Eta zer bigarren argumentua Hemen JSON esaten lortzeko funtzio hau deitu da zerbitzaria lortzen itzuli 10 milisegundotan ote den orain edo hemendik 10 segundo from. Eta egin bezain laster, prezioa orrialde gehitzeko. Sintaxia hau hemen, besterik gabe, bide eta joan nodo lortu Zuhaitz baten berezia Identifikatzaile batetik span lehenago ikusi genuen price-- da. [00:37:01] HTML izeneko metodo honek besterik ez dio, joan ordeztu HTML hori ez dago data.price batekin. Zer da data.price? Beno, nabigatzailea, gogoratzen, erakutsi honek datozen atzera me. Beraz, honen datuak dira. [00:37:14] Eta, beraz, apur bat críptica da koma ikusteko hemen. Baina hain zuzen ere, Horretarako me. Let itsatsi me honetan benetako azkar gedit sartu eta hau erakusteko erakutsi genuen bezala Zamyla egitura lehenago. [00:37:27] Zer zerbitzariak atzera bidaltzen da itxura hau objektu txiki. Eta beraz data.price da just me emanez 0,1515. Beraz mugitzen asko piezak hemen guztiak aldi berean. [00:37:39] Baina funtsezko takeaways da duten gaitasuna izan dugu HTTP osagarriak egiteko Ikusteko Javascript-a erabiliz eskaerak orria birkargatu beharrik gabe. Eta gero, ahal dugun benetan unean web orrialdea aldatzeko. Eta bihurtzen da Ikusteko Javascript-a eta beste hizkuntza orain erabili ahal izango da, ez bakarrik web orriak mutate, baina benetan idatzi software Benetako ordenagailu batean, ez soilik Chrome edo antzekoak ezinik. [00:38:00] Izan ere, if-- Colton, egiten duzun Gurekin bat egin Atzera hemen nahi Zure lab kodea, eta Chang baita? Dezagun aurrera, buruz hitz egin ondoren funtzioak eta atzeradeia anonimo eta benetan tempt patua hemen odoljarioa demo zuzeneko batekin puntako teknologia, bat Elite Mugimenduan gailu horiek. Orain, gailu hau, abisuaren, gutxi USB gailu bat da baita horrelako hori beautiful-- duten zure USB portuak ere eransten. [00:38:25] Eta gero sarrera ematen du giza keinuak formularioa infragorria habe erabiliz detektatzeko, funtsean, zure beso mugimenduak. Beraz, berriz, Maria zer saiatu aurretik muskuluen zen, benetan zer ari den aldatzen sentitzen zure besoa, hau da, oinarritutako infragorria. Beraz, barruko mugimenduei da bilatzen oin bat edo, beraz, esfera moduko telefonoa bera. [00:38:46] Beraz, zergatik ez dut hartu Lehenengo hartan labankada? Eta dezagun aurrera, eta bota sortu duzun gardenki hemen. Hargatik jarri Colton ordenagailu eramangarrien hemen. Lortu dugu Andrew telebistan. Eta zer nahi duzu lehen egin zidan? [00:39:00] COLTON: Anima zaitez eta besterik Zure esku lasaia honetan jarri eta primerako purpurina batzuk ikusiko dituzu. [00:39:04] DAVID J. MALAN: Oso polita. Hau da, denbora errealean gertatzen. OK. Guztiak eskubidea, eta bai. Beraz, polita. Ondo da, zer gehiago egin dezakegu? [00:39:15] COLTON: hurrengo pantailara joan eta ikusi. [00:39:17] DAVID J. MALAN: Guztiak eskubidea. [00:39:19] COLTON: A fun little joko robotak egiteko lortuko duzu. [00:39:21] DAVID J. MALAN: Ondo da, beraz hau eskuak faltsuak me erakutsiz zer egin behar da. COLTON: Bai Beraz, aurrera eta har bloke bat eta jarri robot duten gorputzaren gainean. DAVID J. MALAN: Oh, ez dago nire esku dago. Oh. OK, adorable. Itxaron minutu bat, OK. Bertan dugu. [00:39:41] COLTON: batek istripu on egin nuen. [00:39:43] DAVID J. MALAN: Ados, tipo hau lortu dut. Malditos! Noiz azken horri gogotik ari ginen gaua, zer hau devolved ezagutzen duzu? [00:39:51] Hau bezalako. OK. Hurrengo bat? [00:39:55] COLTON: Sure. [00:39:56] DAVID J. MALAN: Ondo da, han eta hirugarren bat. Guztiak eskubidea. COLTON: Eta hau ere, zaie lortuko duzu DAVID J. MALAN: Oh, hau ez da eder. COLTON: --yeah, jaso ez ezik, lore hau. DAVID J. MALAN: Ados. Ez? Galdutako. [00:40:14] COLTON: Oh, ez duzu joan. [00:40:15] DAVID J. MALAN: Ah, Begira hori. Oso polita da. Beno, zergatik ez 'hartuko dugu boluntario hemen bat atera nor sortu etorri nahi. Nola buruz bertan berde batean, ezta? [00:40:27] Guztiak eskubidea, eta dezagun have-- ordez egiten, zuk batzuk Joko hau jakin liteke hemen soka moztu, agian? Ikus dezagun. Hemen baino gehiago, gure betaurrekoak behar dugu? [00:40:37] OK. Eskerrik asko. Zein da zure izena? [00:40:39] Ikusleak: Laura. [00:40:40] DAVID J. MALAN: Laura? Nice ikusteko. Ez baduzu axola jarri Google Glass betaurrekoak gainetik. Hau Colton da. [00:40:46] COLTON: Kaixo. Niza zu ezagutzeaz. [00:40:48] DAVID J. MALAN: Ados, goazen inguruan. Ondo da, beraz, zer ari zaren joan ez hemen, haber hau jokatu aurretik, eskua jarri da gorako Jauzi Motion hemen. Eta orain, zure gezi mugitu beharko. Oh, Laguia. [00:40:57] Ikusleak: No. [00:40:58] DAVID J. MALAN: dugu nahi ez oraindik irten. Ados, itxaron. Hemen baino. Beraz, nabarituko mantendu behar bezala zure zerbait baino gehiago finger, saguaren hasten berde joan, hau da, nola sakatzen duzunean. [00:41:06] Beraz Play aurki ditzakegu. Eta hatz bakar bat gauza ederra da. Eta orain, egin klik little buruzko Ezkerreko tipo berde. Eta orain eduki betetzen berdea arte. Good. Orain, nahi, bat mailan sortu top. [00:41:16] AUDIENCE: Bai, nahi dugun Maila, hemen. [00:41:20] DAVID J. MALAN: Ongi. Ados, beraz, guztia duzu soka moztu da egin behar. Zure kurtsorea zuri hor behera. [00:41:28] Oso polita da. Ondo da, gogorragoa lortzeko buruz. Beraz eduki hatza hurrengo orain baino gehiago. Good. Hau gogorra. [00:41:39] IKUSLEEN: Oh Crap. OK. Bide horretatik joan nahi du. Oh Crap, -bere [00:41:44] DAVID J. MALAN: Bai. Bigarren helburua da, izar guztiak lortzeko. Ondo da, hurrengo. [00:41:53] Ea zuk Eta hirugarren hau lortu ahal izango bada. Good. Ados, joan han. [00:42:06] Sure. Oh, oso polita. Guztiak eskubidea. [00:42:11] Beraz, zergatik ez hemen adjourn gaur? Let edonork goazen jolastu nahi duen arte. Eskerrik asko, beraz Laura askoz gure boluntario. Eta zuk, astelehena, ikusiko dugu. [00:42:18] Ikusleak: seguruenik nahiko duzu hauek atzera. [00:42:21] HIZLARIA 2: hurrengo CS50 At