DAVID J. Malan: Kull dritt, għalhekk dan hawnhekk hija l-fergħa Myo band, koppja ta 'li aħna jkollhom għall-proġetti finali CS50. U li kienet dimostrazzjoni aħna kju inti up bil-quddiem fejn essenzjalment dan driegħ pjuttost stretta band up here jisma 'movimenti muskolari tiegħek li huma mbagħad saru mapep softwer biex laptop Colton matul hawn li kellhom iTunes u li kanzunetta diġà fil-kju up. Pjuttost milli me demoing dan, Colton kien fil-laboratorju b'mod ċar ġimgħa kollha jkollna dimostrazzjoni lest għall voluntier brave wieħed. Jekk xi ħadd jixtieq li ġejjin fuq up-- raw naħa tiegħek l-ewwel. Come fuq up. [00:01:09] Kull dritt. U dak huwa l-isem tiegħek? [00:01:13] UDJENZA: Uh, Maria. [00:01:14] DAVID J. Malan: Maria, sbieħ biex tara int. Come fuq matul hawn. Let me jintroduċu inti Colton. Colton, dan huwa Maria. [00:01:21] COLTON: Hi, sbieħ li jissodisfaw inti. [00:01:23] DAVID J. Malan: All dritt, hekk pass wieħed, aħna qed ser ikollhom inti tpoġġi dan lil driegħ tiegħek b'tali mod li huwa pretty stretta up ħdejn minkeb tiegħek. U sadanittant, ejja jkollhom jitqiegħdu fuq Google ħġieġ tagħna u aħna ser ħallat teknoloġiji llum. [00:01:33] COLTON: L-ewwel aħna ser ikollhom ganċ dan fil-affarijiet. [00:01:36] DAVID J. Malan: OK. Attwalment, ejja tpoġġi driegħ tiegħek bħala qrib dan cable kemm jista 'jkun sabiex inkunu nistgħu ewwel sync up. [00:01:41] COLTON: Ejja nagħmlu dan. [00:01:42] DAVID J. Malan: U sadanittant, hekk li kulħadd tista 'tikseb t'għajn eqreb, aħna ser toss camera Andrija up fuq l-iskrin hemmhekk. Allura aħna għandna USB cable li l- jitqabbad fil-faxxa Maria. U let me toss iskrin Colton ta fuq il-projector li jmiss. [00:02:00] Allura Colton qed jirreġistra l-apparat issa bħala Myo konness ma 'dan cable. U issa liema Maria se jagħmlu mumentarjament huwa attwalment walk permezz il-passi tal-kalibrar u jgħallmu l-software kif muskoli tagħha jirrispondu meta hi tagħmel ċerti pre-definiti ġesti li l-software jifhem. Jekk inti tixtieq li tmur fil- quddiem l-iskrin. OK, jippruvaw iżommu. [00:02:30] COLTON: Mur bħal dan. U bħal dik. U l-triq kollha lejn il-lemin. Mur lura. [00:02:35] DAVID J. Malan: OK. Perspettiva differenti. Mhuwiex inti. Huwa us. [00:02:40] MARIA: OK. DAVID J. Malan: No Ejja jġorrhom ogħla sa hekk huwa eqreb lejn minkeb tiegħek, jew saħansitra aktar stretti. Kull dritt. [00:02:52] Here we go. Dan se jkun żmien tajjeb għall CS52X. Hemm immorru. [00:02:57] Sbieħ ħafna. OK. Thumb għall pinky. [00:03:02] Sbieħ ħafna. Ifrex swaba tiegħek. Tajba. Mewġa dritt. Huwa juri curiously inti mal-hand-- xellug [00:03:17] COLTON: Yeah, thats stramb. DAVID J. Malan: Wave biex id-dritt u jimxu 'l quddiem. Fast quddiem skip jew li jmiss. Dak id-dritt Wave OK. [00:03:25] MARIA: I don't-- stenna. [00:03:26] DAVID J. Malan: Bżonn xi għajnuna? [00:03:28] COLTON: Allura inti qed tmur bħal dan. MARIA: Huwa ddawwar l- Ħaġa oħra, għalkemm. COLTON: Huwa. DAVID J. Malan: Yeah I do not know għaliex huwa turi li inti leftie. COLTON: Għaliex ma inti try-- biss jippruvaw jmorru bħal dan. [00:03:38] DAVID J. Malan: Nru? Forsi jilħqu driegħ tiegħek out straighter ftit u jagħmilha aktar f'daqqa bħal din. Yeah, OK, come fuq. [00:03:48] MARIA: Jien sorry. DAVID J. Malan: Huwa mhux tort tiegħek. COLTON: Huwa multa. DAVID J. Malan: All Right. Well-- [00:03:56] MARIA: Jekk aħna skip dan, allura? DAVID J. Malan: Iva, ejja tavżak off-ganċ. Mela jekk xi ħadd jixtieq li jagħmlu proġett finali jużaw dan pijunieri hardware, tirrealizza dan jista 'biss tieħu ftit jkollna użati biex. U this-- r-realtà hija din huwa attwalment ħafna fsada tarf. [00:04:10] Dan huwa dak li sejjaħ il-kit iżviluppatur, li huwa maħsub li jkun essenzjalment pre-rilaxx ta ' sabiex in-nies tista 'tagħmel eżattament this-- ġlieda miegħu, figura kif il-korpi tan-nies jaħdmu mal-teknoloġija. Mela jekk inti tixtieq wara, wara lecture, nistgħu tavżak ġejjin u tieħu stab ieħor fiha. Iżda altrimenti, rawnd ta 'applause, jekk nistgħu, għal Maria għall ġejjin fuq up. [00:04:26] MARIA: Grazzi. [00:04:28] DAVID J. Malan: Grazzi. Aħna ser tistrieħ fuq dan, imma aħna se tagħti you-- kif madwar ballun stress hawn? Oh, and-- if-- yeah, grazzi. Kull dritt. Dan għall-kurjuż, jekk inti kienu familjari mal-għażla soda li għamilna hemm qabel, TV aqwa turi li għandek assolutament tkun fuq Netflix ħars bla rażan huwa dan wieħed hawn. [00:04:51] SPEAKER 1: Sinjuri, magician jismu Josh. [00:05:04] DAVID J. Malan: U apparentement, huwa ħaġa għat-test lili matul lecture issa. Jien jghidulek li Maria kellhom birthday bieraħ. Birthday hekk kuntenti minn CS50 biex Maria ukoll. [00:05:18] Allura inti jista 'jkollok taqra fil xahar riċenti li dan rġulija hawn, Steve Ballmer, li kien fil-fatt klassi tal-1977 fil-kulleġġ, reċentement rtirati għall-Microsoft. Kien ta 'undergraduate hawn, imbagħad ftit snin wara sab ruħu fi Stanford Business School meta huwa rċieva telefon sejħa minn ħabib ta 'min tiegħu kienet għexet r-sala minnu hawn fil-Harvard. Isem li l-ħabib kien Bill Gates, u fil-ħin, li kien qed jipprova biex jirreklutaw Steve li jkun l-ewwel persuna fin-negozju, tassew, fil-kumpannija żgħira isem Microsoft. [00:05:45] A qasir storja twila, Steve kien finalment rebaħ fuq, ssieħbu Microsoft meta dawn kellha biss 30 impjegat. U mill-waqt li hu irtirat pjuttost reċentement, il-kumpanija kellha 100,000 impjegati matul l-aħħar ftit snin. U hekk websajt magħruf bħala il-ponta ppreparat dan il-ġieħ fuq video li ħsibna aħna'd maqsuma li jagħtik sens ta 'ftit enerġija kemm Steve ġġib kull preżentazzjoni huwa jagħti. [Daqq ta 'video] -Microsoft Simili raba wild. Tfal do tħalli l-binja. F'dan il-każ, I raden Jien tħalli l-binja. Ħej Bill, whazzap? [00:06:23] -Wazzap? [00:06:24] -Hey, Wazzap? Imxejna ġiet mogħtija l- opportunità enormi. U Bill tana dik l-opportunità. Nixtieq nirringrazzja Bill għal dak. Nixtieq li wisq. Il-pass tal-innovazzjoni mhux se jrattab. [00:06:42] Li għaddej biex tikseb aktar mgħaġġla u aktar malajr. Jista 'jkun hemm xi kompetituri ftit li huma sfortunatament eliminati! [00:06:54] I love din il-kumpanija. Iva! I am a PC, u I love din il-kumpanija! [00:07:08] Developers, żviluppaturi, żviluppaturi, iżviluppaturi, żviluppaturi, żviluppaturi, iżviluppaturi, l-iżviluppaturi. Iva! Web iżviluppaturi! [00:07:19] Web iżviluppaturi! Web iżviluppaturi! Jisimgħu dak inkella inti jiksbu mingħajr ebda ħlas żejjed! [00:07:28] L-eżekuttiv MS-DOS, appuntament kalendarja, pile karta, pad nota, arloġġ, pannell tal-kontroll. U, inti tista jemmnu fiha? Reversie! [00:07:35] Burn lill CD! Post minnhom għall MSN! Inti mail lill-ħbieb! [00:07:40] Kollha ma 'klikk waħda! Wieħed Microsoft, l-istrateġija wieħed, team-- wieħed iffokat, dixxiplinati, professjonali, u espert fil dak kollu li nagħmlu. Let me użu ta 'linja minn movie qodma. [00:07:52] Relazzjonijiet huma bħal klieb il-baħar. Huma jimxu 'l quddiem jew dawn imutu. I attwalment think teknoloġija kumpaniji huma l-istess. [00:08:01] [END daqq ta 'video] DAVID J. Malan: Allura aħna hekk kuntent li jħabbar li Steve ser jingħaqdu magħna hawn fil CS50 l-Erbgħa li jmiss fil il-post tas-soltu u l-ħin hawn. Ispazju x'aktarx se jkun limitat. U hekk biex jingħaqdu magħna fil-persuna, jekk jogħġbok ras illum jew ftit wara li cs50.harvard.edu/register. [00:08:22] U aħna se segwitu mill IT-TLIETA tikkonferma spots. Ħerqa li dik li jmiss L-Erbgħa waqt lecture fil CS50. Issa, fl-aħbarijiet oħra, I ġara li jiltaqgħu dan fil-Crimson biss l-oħra jum. [00:08:34] Jirriżulta li wieħed tal-persunal CS50 ta u mill-inqas wieħed mill-istudenti CS50 ta bħalissa taħdem għal UC president u viċi-president, li ġab lili lura biex jiem tiegħi stess lura meta I tilfu l-elezzjoni UC miserably. Iżda l-kisja tal-fidda minn dan huwa jien dejjem tgħid l-istorja hija li wieħed mill-jien ċert ħafna raġunijiet I tilfu l- elezzjoni kienet nuqqas komplet ta 'talent għall-taħdit fil-pubbliku. U għalhekk pjuttost onestament, huwa saq me, li l-esperjenza I think sena junior tiegħi, li attwalment jiffirmaw up għall Harvard Computer Society, li huwa l-grupp fuq il-kampus li istivi taħdidiet tekniċi varji u affarijiet oħra. And I ħadet f'idejha tagħlim tagħhom seminars u għalhekk kellha l-opportunità, a opportunità mill-isbaħ, biex tibda taħdem fuq eżattament dan. Iżda wkoll, kelli l-opportunità matul din l-esperjenza biex jgħallmu myself l-aktar HTML. U so I procrastinated aħħar lejl mill tfittex permezz tal-websajt HTML bbażata I magħmula fil bħal 1997, '98, għal tiegħi kampanja li tidher bħal dan hawn. I know. [00:09:29] Because-- u ta 'kors, l-avviż din id-deċiżjoni disinn aqwa fl-1998 jew whatnot. L-ewwel ħaġa li trid utenti jagħmlu mal jżuru l-website tiegħek huwa li għandek ikklikkja rabta ieħor biss li jidħol website tiegħek hawn mal-monk wara bħal purtiera shrouded fejn apparentement pjattaforma kampanja tiegħi kienet. U din hija kollha int ser tingħata illum huwa biss screenshot. Imma I kien qari permezz, bħal, posters kampanja tiegħi aħħar lejl u pjattaforma tiegħi. [00:09:50] U I kien tant rrabjata fil-ħin. Pjattaforma tiegħi was-- kien interessanti. Hekk stajt calmed isfel minn dakinhar. Imma someday, jien se jimxu mill-ġdid u nisperaw aħjar off dan iż-żmien. [00:10:03] Allura HTML, li l-lingwa li fiha I magħmula li in-- tkun taf dalwaqt tagħmel more-- ħafna hija xi ħaġa li aħna kont qed jitkellem dwar ta tard u ġeneralment teħid għal mogħtija issa li konna mċaqalqa fuq għal lingwi oħra. Imma ejja nieqaf għal ftit mument u tpoġġi xi wħud minn dawn l-affarijiet fil-kuntest. Allura fil-sentenza, dak li huwa HTML? [00:10:18] Jew, dak li huwa użat għall? Xi ħadd? Iva. [00:10:20] UDJENZA: Markup għall-websajts. DAVID J. Malan: Markup għall-website. Allura huwa lingwa markup li ihallik istruttura web page. Header tmur up here, titolu tmur hawn, korp tmur hawn. Dan huwa boldface, dan huwa italics-- dik it-tip ta 'dettall. [00:10:33] OK, tajba. Allura CSS tikri you-- u I ħa xi libertajiet hemmhekk mal-kuraġġużi-faċċata u korsiva minħabba thats implimentati aħjar ma 'dan. CSS is-- liema? Say fil-sentenza. Kulħadd fil-livelli kollha. Yeah. [00:10:46] Udjenza: Tiżjin u Jittieħed, bħal kif disinn lilha. DAVID J. Malan: OK, tajba. Tiżjin li jippermettu li inti li disinn jew stylize li ma 'affarijiet bħal boldface u korsiva u kuluri u wkoll aktar multa pożizzjonament grained ta 'elementi. Hija tip ta 'ihallik jieħdu l-affarijiet l- aħħar mil b'tali mod li jekk, per eżempju, fil Pset7, inti jista 'jkollok ndunat fuq tiegħek paġna portafoll jekk int f'dan il-punt diġà li tabella default li inti jagħmlu biex juru azjendi istokk tal-utent u flus kontanti probabbilment jistenna pretty hideous awtomatikament bl-ebda spazju abjad. Tip Kollox ta 'crammed flimkien fir-ringieli u kolonni. [00:11:18] Ukoll, bi ftit ta ' CSS, kif inti tista tirrealizza, inti tista 'attwalment tweak li u jagħmilha xi ħaġa ferm aktar familjari u ħafna prettier li tħares lejn. Allura CSS huwa dwar il- stylization ta 'websajts. Iżda mbagħad aħna introdotti énième lingwa, PHP, li tikri us jagħmlu dak? [00:11:36] Ejja biss tagħmel dak? Kulħadd. Ghandek li venture lil hinn l-ewwel ringieli koppja. Yeah. [00:11:40] UDJENZA: Iġġenera kontenut dinamiku. DAVID J. Malan: Perfect. Jiġġenera l-kontenut dinamiku. U inti tista 'tagħmel dan fil- kwalunkwe numru ta 'lingwi. Aħna jiġri li jużaw PHP għaliex dan huwa parzjalment tant simili għal sintassi C. [00:11:50] Iżda PHP ma eżattament dak. Hija ihallik dinamikament jiġġeneraw output. U xi wħud li l-output jista 'jkun HTML, kif konna tipikament qed tagħmel. U huwa wkoll, għaliex dan huwa lingwa ta 'programmar, huwa il-mekkaniżmu li permezz tiegħu nistgħu nitkellmu għal databases. [00:12:03] U nistgħu nagħmlu mistoqsijiet lill- servers oħra bħall yahoos u programmatically tagħmel xejn verament li inti kieku tixtieq li jġiegħlu kompjuter li tagħmel. Allura PHP tikri us start dinamiku outputting kontenut. Allura billi din il-loġika, I ma kellhomx websajt dinamiku lura fl-1998. [00:12:16] Kien biss paġna web statika. Kontenut tiegħi kellhom jinbidlu mill manwalment bl gedit jew xi ekwivalenti. Imma PHP huwa dak li aħna użati jew setgħu użaw, pjuttost, għal xi ħaġa bħall- Websajt Frosh IMs, li kien suppost li jieħu reġistrazzjonijiet u jimmaniġġjaw lista ta 'affarijiet users-- li huma attwalment jinbidlu matul żmien, anke jekk aħna jiġri li tuża Perl, differenti lingwa fil-ħin. [00:12:35] U allura fl-aħħarnett, aħna introdotti SQL-- Strutturat Mistoqsija Lingwa. Allura għadhom lingwa oħra li użaw għal liema? Użati għal liema? Nistgħu venture slight-- OK, aħna qed mhux se biex jiksbu ħafna farther milli l-orkestra hawn. UDJENZA: Huwa protokoll użati biex jitkellem databases. DAVID J. Malan: A protokoll użati biex jitkellem databases. Let me tweak. Huwa ta 'lingwa naturali użata biex jitkellem databases-- jagħżel u inserzjonijiet u tħassar u aġġornamenti u attwalment Saħansitra aktar karatteristiċi li aħna lanqas biss dived fis iżda inti tista 'tixtieq li explore-- jkollhom biex jesploraw għal, ngħidu aħna, il-proġett finali. Allura hemm dawn il-biċċiet varji. [00:13:09] U wieħed jittama Pset7, anki jekk ispeċifikazzjoni tiegħu huwa pjuttost twil, huwa deliberatament twil biex jimxu miegħek permezz ta 'kif dawn l-affarijiet kollha jistgħu jkunu ttajpjati flimkien. Issa, nhar it-Tnejn, aħna introduċiet aħħar lingwa tagħna li aħna ser jintroduċu formalment fl il course-- jiġifieri, JavaScript. Dan, bħal PHP, huwa lingwa interpretata. [00:13:25] Iżda distinzjoni ewlenija I propost nhar it-Tnejn hija li billi PHP hija li jeżegwixxi jew jiġu intepretati fuq is-server, li f'dan il-każ huwa l-appliance CS50, jew jista 'jkun xi web kummerċjali server fuq l-internet, JavaScript ġeneralment hija lingwa li timxi naħa tal-klijent mhux server side-- hekk fil-browser. Li huwa li jgħidu, bħad meta I miftuħa up kodiċi sors Facebook u jinstabu kollha ta 'dawk il-fajls .js, l-implikazzjoni kienet li meta inti żżur Facebook jew aktar websajts dawn il-jiem, ikollok mhux biss HTML, mhux biss CSS, iżda mazz sħiħ ta 'JavaScript kodiċi spiss fil-forma ta 'fajls .js. U allura huwa l-browser-- tiegħek Mac jew PC-- li tesegwixxi dan il-kodiċi. [00:14:03] Imma browser tiegħek tesegwixxi dan. Inti tista 'taħseb fil-tip ta' sandbox. Allura dak il-kodiċi JavaScript m'għandux ikun kapaċi li tħassar fajls fuq il-kompjuter tiegħek. M'għandux ikun kapaċi jibgħat emails f'ismek. Browser tip ta tirrestrinġi tiegħek x'tista 'tagħmel magħha. [00:14:17] Allura f'dan is-sens, huwa ftit inqas qawwija, forsi, minn C. Iżda JavaScript jista ', bħala aside, jintużaw fuq is-server, għalkemm aħna ser tendenza li ma jitkellmu dwar dan fil-kuntest. Allura issa ejja tie dawn flimkien. A ġimgħa plus ilu, aħna Ippreżentat ftit HTML fuq il-left-- web page super boring. [00:14:34] Biss jgħid bonjour dinja. U mbagħad I propost dwar il- dritt nistgħu tip ta 'steal ideat minn diskussjoni tagħna ta ' strutturi ta 'dejta fis-C u jaħsbu dwar kif dan ġerarkika lingwa markup fuq ix-xellug setgħux jittieħdu jew jiġu implimentati fil-memorja bħala struttura ta 'siġra attwali ma' punti strateġiċi u pointers u dawk it-tipi ta 'dettalji. Dwar id-dritt, nagħmlu sejħa li Dokument DOM-- Joġġezzjonaw Model-- li huwa biss mod fancy ta 'tgħid siġra. [00:14:56] Issa, għaliex hija din utli li jaħsbu li b'dan il-mod? Għaliex issa ma JavaScript, għaliex għandna kodiċi li gets li jilagħbu f'dan ambjent, il-HTML attwali li l- intbagħtu lill-browser diġà u diġà ġew mgħobbija fil-memorja mill- browser ġo siġra fil-kompjuter tiegħek RAM bħal dan, nistgħu nużaw JavaScript li attwalment travers jew jimxu jew tfittxija jew bidla li siġra DOM madankollu rridu. Allura fil-fatt, jekk inti taħseb dwar facebook.com, jekk inti tuża l-karatteristika chat, jekk inti użu Gmail u l-karatteristika gchat, xejn fejn għandek messaġġi li ġejjin mill-ġdid u għal darb'oħra u għal darb'oħra, dawk il-messaġġi huma probabbilment, bħal, lametta LI, tags Lista Punt, forsi. [00:15:35] Jew forsi huma qed biss divs li jżommu jidhru kull darba li inti tikseb messaġġ instant. U hekk dan ifisser biss dak Facebook jew Google qed tagħmel huwa kwalunkwe ħin li inti tikseb Messaġġ mis-server, huma probabbilment jużaw JavaScript li żżid biss ieħor node għal dan tree-- node ieħor biex dan siġra li allura viżwalment biss jistenna bħal linja ġdida ta 'test fuq l-iskrin tiegħek. Iżda dawn qed ddaħħal fis din l-istruttura tad-data. [00:15:57] Allura fil-klassijiet bħal CS124 u oħrajn, tkun taf attwalment jikteb aktar kodiċi kontra strutturi ta 'dejta bħal din. Iżda għal issa fl JavaScript, aħna ser biss wieħed jassumi aħna tikseb kollha ta 'din il-funzjonalità b'xejn mill-lingwa nnifisha. Mela ejja nħarsu lejn eżempju. [00:16:09] Let me jiftħu fajl imsejjaħ form.html. Huwa super sempliċi. Hija biss tidher bħal dan. [00:16:15] Nru CSS, ebda ħsieb għall-estetika. Huwa purament funzjonali u apparentement jien tistaqsi għal email, password, password darb'oħra, u mbagħad verifika li jaqblu li xi termini u kundizzjonijiet. X'inhu l-kodiċi tas-sors għal dan Dehra huwa probabbilment xi ħaġa inti tista raden ma ' ftit tal-ħsieb issa. Stajt ltqajna forma tag hawn. [00:16:32] Azzjoni tkun apparentement ser mur fajl imsejjaħ register.php. Il-metodu jien ser tuża huwa li tikseb. U allura stajt ltqajna test qasam li ismu huwa email. [00:16:40] Stajt ltqajna qasam password li ismu huwa password. Stajt ltqajna ieħor qasam password li ismu huwa konferma kemmxejn arbitrarju. Huwa biss parametru HTTP ieħor. [00:16:49] U allura aħna konna ma jintużawx dawn ħlief peress li l-IMs Frosh demo fil class-- kaxxa kontroll li huwa biss it-tip ugwali check. U jien ser sejħa dak il-ftehim. Hekk stajt tip ta arbitrarjament iżda konvenjenti jismu f'dawn l-oqsma. Allura li issa meta din il-forma gets sottomessa, ejja ara dak li jiġri. Jekk I do malan@harvard.edu, I ser tagħmel password ta krimżi. I ser tagħmel password ta 'xejn. Ejja ma jikkoopera. [00:17:10] U jiena mhux ser jivverifika l-kaxxa. Let me ikklikkja Reġistru. U jgħid, hm, int irreġistrat. Mhux tassew. [00:17:16] Iżda l-URL inbidlet. Allura din il-forma kienet permessa b'mod ċar tissottometti lill register.php. Imma preżumibbilment, I għandu jkun qbid xi wħud minn dawn l-iżbalji. Issa, fil-Pset7 u xi ta 'eżempji lecture tagħna, aħna ġeneralment jistampaw messaġġ big ħomor żball hawn qal, isem nieqsa, jew il-password nieqsa. We ghamilt li qabel u konna isir server sekondarji iżbalji. [00:17:37] Iżda bosta websajts dawn il-jiem do klijent iżbalji ġenb fejn il-URL ma jinbidilx. Il-paġna kollha ma jġedded. Ikollok rispons immedjat mill-browser. Forsi xi ħaġa tmur aħmar. [00:17:48] Forsi inti tikseb pop up. Imma inti ma jaħlux ħin jibgħat lill id-data server thats mhux kompluta. Mela ejja ara kif nistgħu jintlaħaq dak karatteristika ukoll. [00:17:56] Let me mur form1.html, li jistenna l-istess. Imma jekk dan iż-żmien I do malan@harvard.edu u tip I krimżi u jien ma kkooperax aktar imma ikklikkja Reġistru, avviż issa. Mhuwiex is-soluzzjoni sexiest. Stajt inqas maqbuda dan l-iżball. U stajt użati l-allert funzjoni fil JavaScript-- li aħna qed biss bl-użu fil-klassi. B'mod ġenerali, inti m'għandekx tuża din minħabba li jista 'malajr ħafna toħroġ ta 'kontroll. Iżda passwords ma jaqblux hija l-iżball. [00:18:19] Let me imorru quddiem u kklikkja OK. Imma dak li l-takeaway ċavetta hawn huwa li l-URL ma nbidilx. Ħela hekk stajt ma bothered ħin il-server u talbuh kwistjoni li I jista 'jkollhom dehret ir-risposta li myself. [00:18:30] U l-utent, anki jekk kien jitkellem dwar dan itwal minn dawk tar-utent tmur biex jaħsbu dwar dan, huwa se jkollu rispons immedjat. M'hemm l-ebda latency ma il-konnettività tan-netwerk. Mela ejja nħarsu lejn dan il-kodiċi sors. [00:18:40] Jistenna Form1.html strutturalment simili up here. Il-formola hija fil-fatt l-istess. Imma ejja ara dak li għamilt stabbiliti hawn. U hemm modi differenti biex jagħmlu dan. U jien ghamilt l-aktar dritta segwaċi iżda mhux aktar mod eleganti s'issa. I jkollhom tikketta iskrittura. I imbagħad call document.getElementByID ("reġistrazzjoni"). U jien jaħżnu dak il-valur fil-forma, varjabbli. [00:19:04] Allura dak li jiena jsir? Inti tista 'taħseb document.getElementByID bħala funzjoni speċjali li JavaScript jagħtik li litteralment idejn inti pointer għal waħda mill-lymph jew rettangoli f'dan siġra. Allura issa dak hu forma varjabbli tagħna fl JavaScript huwa attwalment tipponta lejn. [00:19:21] Allura issa l-sintassi hija differenti minn C. Iżda aħna qed tagħmel ftit affarijiet hawn. Waħda, dan huwa wieħed ftit stramba tfittex, ċertament versus C. Iżda tħares lejn linja 35. Allura fuq il form.onsubmit xellug. Ifakkar li onsubmit huwa bħal qasam fil-Struct. Jekk taħseb tal-formola varjabbli huwa biss qed Struct C, jista 'jkollha xi oqsma. [00:19:42] Lura fil-ġurnata, kellna istudenti ismijiet, IDs, djar, dawk it-tip ta 'oqsma. Just think ta 'onsubmit bħala qasam ieħor. Imma hija qasam speċjali minħabba li l- browser huwa preprogrammed li jistennew .onsubmit li ma tkun valur bħal numru jew string, iżda li fil-fatt tkun funzjoni jew l-indirizz ta 'funzjoni fil-memorja tal-kompjuter. [00:20:02] U fil-fatt, dan huwa dak dan il-keyword hawnhekk ma. Dan jgħid, agħti lili funzjoni ġdida. Imma dak li hu l-isem tagħha se tkun, apparentement? [00:20:09] Thinking lura sat-Tnejn. X'inhu l-isem ta 'dan funzjoni bbażati fuq dan sintassi? Le, I mean, hemm b'mod ċar ebda isem associated-- ċertament mhux dak li stajt enfasizzat hawn. [00:20:21] Imma dak li attwalment OK. Din hija funzjoni anonimu, jew funzjoni lambda kif xi wħud jistgħu sejħa hija. U dan ifisser biss huwa għadu funzjoni. Huwa biss, inti ma tistax sejħa hija bl-isem. Iżda li OK. Minħabba darb'oħra, il-browser kien preprogrammed minn kumpaniji bħall-Google jew Microsoft jew Mozilla jew lil oħrajn biex biss jafu li jekk l-qasam .onsubmit ġewwa ta 'element formola għandha l- valur, titratta dan bħala function-- pointer funzjoni, jekk inti se. U sejħa hija meta tiġi ppreżentata l-formola. [00:20:46] Allura dak kodiċi għandu jiġi eżegwit meta tiġi sottomessa l-formola? Apparentement, kollox ġewwa tal-Brace kaboċċi. U dan huwa biss stilistiċi. [00:20:53] Inti tista 'tagħmel dan bħal għandna t-tendenza li jagħmlu fil CS50. Iżda fil-JavaScript, ħafna nies tendenza li dan jinżamm fuq l-istess linja sempliċement minħabba li aktar ċar huwa assoċjati ma 'dik il-funzjoni keyword. Allura issa dak am I tagħmel? [00:21:03] Jekk form.email.value ugwali ugwali il-sekwenza vojta jew xejn, hawn ta 'twissija fejn jien ser ngħid, inti trid tipprovdi l-indirizz email tiegħek, u mbagħad jirritornaw falza. U huwa li falza ritorn li jipprevjeni l-forma milli sottomessa. Sadanittant, jekk il-valur password huwa vojt, jien ser Yell fil-utent u jgħidu, inti trid tipprovdi password. [00:21:21] Affarijiet sadattant huma jkollna ftit fancier hawn. Jekk form.password.value ma form.confirmation.value ugwali, qasam ieħor, Yell fil l-utent li l-passwords ma jaqblux għax ma mument ilu. U allura dan wieħed huwa a ftit sexier minħabba I know I kien jaf kunċettwalment li iċċekkjat ikun isem kaxxa kontroll tal-. [00:21:40] So I tista 'biss tuża exclamation punt li jgħidu jekk il-verifika ma tkunx checked-- huwa l-Boolean valur, vera jew false-- I ser Yell fil-utent għal dik ir-raġuni. Inkella, jekk irridu jiksbu permezz kollha ta 'dawn il-kundizzjonijiet, ejja biss jirritorna veru. Ħalli tkun sottomessa l-formola. U dan imbagħad se jiġri. [00:21:56] Ejja tip fil krimżi. Ejja jivverifika l-kaxxa, ikklikkja Reġistru. U issa I jgħaddu lejn id-destinazzjoni. Issa, hemm ebda database hemmhekk. Hemm xejn interessanti fil register.php. I biss meħtieġa xi ħaġa li attwalment jitkellem. So let me nieqaf, hawn. Kwalunkwe mistoqsijiet dwar dak li aħna ħadthom biss isir jew dak li xi wħud ta 'dan sintassi ġdida hija? OK, yeah? [00:22:17] UDJENZA: Allura kull Checkbox huwa awtomatikament Boolean. Inti ma għandekx li tiddikjaraha bħal dik. [00:22:21] DAVID J. Malan: Correct. Kwalunkwe Checkbox thats mibgħuta lilek minn forma HTML għall-kodiċi JavaScript tiegħek se jiġu ttrattati, iva, bħala Boolean value-- vera jew falza. Din hija mistoqsija tajba. Billi l-valuri l-oħra, ta ' Naturalment, kienu test, kordi AKA. [00:22:36] Kull dritt, so let me Rewind daqsxejn aktar. Liema kienet l-punt kollu ta 'dan? Just biex ikunu ċari. Bħal, aħna diġà jafu, anke minn Pset7 u anki minn lecture ġimgħa li għaddiet eżempji, li nistgħu ovvjament tiċċekkja $ _GET $ _POST Tara jekk l-utent tagħtina valur vojta. Ftakar il-funzjoni vojta fil-PHP. [00:22:54] Hekk biss tkun ċara, x'hemm raġuni waħda nistgħu wkoll tixtieq li tagħmel dan żball iċċekkjar ġewwa tal-browser? X'hemm l-motivazzjoni hawn? Yeah. [00:23:06] UDJENZA: Faster, u inti ma jibagħtu data inutli lis-server. DAVID J. Malan: Tajba. Huwa aktar mgħaġġel. Inti ma tibgħat inutli data lill-server. [00:23:12] Allura ikollok lura aktar reazzjoni immedjata. U b'mod ġenerali, l-utent esperjenza huwa aħjar. Aħseb dwar l-alternattiva. [00:23:17] Jekk għal Gmail-- u kien il-każ ħafna snin ilu. Ejja ngħidu li inti ltqajna email ġdid Gmail tiegħek kont, imma l-uniku mod permezz biex tara li huwa li, bħal, rikarigu-paġna kollha. Jew ejja ngħidu li inti ikklikkja fuq rabta biex taqra email. [00:23:29] Kollox għandu rikarigu hekk li tista 'tara l-email. Jew Facebook-- ikollok messaġġ chat. Inti ma tara sakemm inti rikarigu il-paġna jew ikklikkja xi rabta. [00:23:36] Bħal, dan ikun awfully utent esperjenza annoying. U dan huwa dak li kien simili, b'mod ċar, lura meta I dam għal UC u l-web kien ħafna inqas dinamiku u JavaScript ma kienx daqshekk popularized kif inhu issa. U l-affarijiet huma jkollna ħafna aktar dinamiku u ħafna aktar naħa tal-klijent f'dan is-sens. [00:23:49] Iżda hemm qabda hawnhekk, u dan huwa tip ta 'gotcha annoying. Sempliċiment għax inti żid naħa tal-klijent kxif bħal dan ma jfissirx inti tista 'jew għandha tabbanduna sejbien server sekondarji. Inti essenzjalment tixtieq li tqiegħed tiegħek żball iċċekkjar fiż-żewġ postijiet. Għaliex dak kien wieħed tal-lezzjoni mitgħallma mill-artikolu I taqra xi siltiet minn ma 'dan system-- SMF stupid Content Management System-- li kienet implimentazzjoni tas-sistema ta 'awtentikazzjoni tagħha, login tagħha via liema mekkaniżmu? JavaScript. [00:24:20] UDJENZA: JavaScript. DAVID J. Malan: JavaScript, eżattament, id-dritt? Hija kienet qed tuża JavaScript. U litteralment, inti guys jkollhom lagħbu ftit probabbilment ma Ispettur Chrome. U jekk I jistgħu jsibuha, jispezzjonaw element. [00:24:30] Let me go fuq biex tagħmel l-għażliet Chrome. U dan huwa kemm huwa faċli biex jiskonnettja JavaScript fil-browser. Iċċekkja, mhux aktar JavaScript. [00:24:38] Allura fil-ġustizzja, lott tal-web dawn il-jiem huwa biss se break minħabba Gmail u sites-- oħra Facebook-- jassumi li JavaScript hija ppermettiet. Imma jekk inti qed tagħmel xi ħaġa stupid bħal biss validazzjoni utenti input u l-iċċekkjar għal żbalji fuq il-naħa tal-klijent, avversarju jistgħu faċilment jagħmlu dan. U allura anki aktar intelliġenti avversarju bħal inti guys issa jistgħu jużaw telnet jew Curl jew l-ordnijiet linja biss kmand u fil-fatt tibgħat messaġġi lill-server li b'mod simili mhumiex żball ċċekkjati. [00:25:05] Allura dan huwa aktar ta ' deċiżjoni user interface milli huwa attwali tekniku improvement-- implimentazzjoni naħa tal-klijent xi ħaġa bħal din. Allura issa t'għajn malajr, iżda mbagħad I ser tiddifferixxi għall-mixja online permezz għal dan wieħed. Fil-forma tnejn, għandna attwalment marru permezz u mnaddfa l-kodiċi ftit. Iżda let me tiddifferixxi għal wieħed mill-videos aħna ser probabbli jintegraw fil Pset8 li biss turi inti a sintassi simili jużaw librerija imsejjaħ jQuery, li huwa super, super librerija popolari fl JavaScript li franchement ħafna nies biss użu dawn il-jiem u anke jikkonfondi bħala benesseri JavaScript innifsu. [00:25:37] U li hemm tendenza li jinvolvi xi sinjali dollaru u keywords bħal dokument fil-parentesi hawn. Iżda għal darb'oħra, let me tiddifferixxi għal xi tutorials kajman online pjuttost milli jiksbu marbuta fil biss sintassi. Ejja jimxu fuq xi ħaġa cooler ftit f'termini tal-applikazzjonijiet ta 'dan. [00:25:50] Allura b'mod partikolari, let me go quddiem u jiftħu dan hawn. Come fuq. Hemm immorru. [00:25:59] Let me jiftħu din l-istampa hawn. Bla bżonn kkumplikata tfittex, iżda jiddeskrivi teknika msejħa AJAX-- Asinkronika JavaScript u XML, fejn lX għall XML huwa attwalment m'għadhomx verament jintużaw. Hemm tendenza li jużaw xi ħaġa inkella msejħa JSON. [00:26:13] Iżda hawnhekk hija kif xi ħaġa simili Google Maps jew Google Earth xogħlijiet. Ejja nippruvaw dan fuq il-fly, attwalment. Let me imorru quddiem u tiftaħ up Chrome fuq il-browser tiegħi. [00:26:21] U let me go fis, jgħidu, maps.google.com. U fil-fatt, jekk int qodma biżżejjed biex tiftakar dak, bħal, MapQuest kien simili lura fil-ġurnata, u forsi huma għadhom jaħdmu bħal dan. Meta inti użati biex tfittex something-- 33 Oxford Street, Cambridge, Massa, ejja do this-- inti fil-fatt, jekk inti riedu pan up u isfel, xellug u lemin, inti look like a vleġġa big fuq quċċata, u kieku nuruk ieħor qafas tal-mappa up here. Jew inti se ikklikkja xellug u int imur minn hawn, jew ikklikkja ieħor u inti tmur minn hawn. Iżda minflok dawn ġranet, aħna naturalment biss jieħdu għal mogħtija li nistgħu mmorru madwar Cambridge pretty malajr biss billi tikklikkja u jittrattienu. Imma avviż hemm xi glitches. [00:26:59] Jekk nagħmel dan malajr biżżejjed, dak li jidher li jiġri bħala I drag ftit wisq malajr għall-kompjuter biex ilaħħqu? What do you tara? Yeah. [00:27:07] UDJENZA: Il-pixels ma jġedded. DAVID J. Malan: Il- pixels ma jġedded. Hemm actually-- u int tista 'tara dan, fil-fatt, jekk inti qed jaraw online u nieqaf dan jew fil-fatt imewwet affarijiet isfel għall once-- tkun taf tara li hemm madum, kwadri, jew rettangoli li huma neqsin mill-mappa sakemm tieni qasma aktar tard, id-data aktar, aktar immaġini attwalment jidhru fuq l-iskrin. U fil-fatt, jekk nagħmlu dan billi tħares up Chrome's-- ejja ngħidu, Chrome-- ejja ara. Aħna ma tistax tagħmel dan. [00:27:31] Oh, Whoops. Ejja jiftħu maps.google.com. Let me jagħmlu l-tieqa akbar mill-ġdid. [00:27:36] Mur lura sa 33 Oxford Street. Liema kienet l-websajt I kien fuq riċentement? I kellha din, bħal, arrest privat biex myself li jien messaġġ imbagħad instant kwalunkwe ħabib li kien online li riedu biex tismagħha. Hemm xi websajt. Naħseb li huwa Comcast-- hekk ISP American kbir ħafna. Inti tista ', meta jiffirma għal cable ġdida servizz modem jew servizz tat-TV bil-kejbil, dawn ikollhom forma raġonevolment ħafna fejn dawn jistaqsu għall-indirizz tiegħek. U jkollhom din aqwa karatteristika imsejjaħ auto komplet, bħall-Google, li jibda biex jimlew fit-tweġiba għall-mistoqsija tiegħek. [00:28:04] Il-problema hija, dawn ma auto komplet fuq l-ewwel affarijiet li inti tip. Mela jekk inti tibda ittajpjar fi 33, dan ser nuruk litteralment f'kull dar fl-Amerika li jibda bin-numru 33 qabel ma jkompli jistennew li inti tip aktar. Mela jekk inti tip 33 Oxford, allura inti turi kull triq fl-Amerika li għandha 33 Oxford fl isem tagħha, irrispettivament mill-belt li int fil. [00:28:25] U allura inti tkompli ittajpjar. U finalment, huwa jirrealizza li dawn ma servizz offerta lill-dar tiegħek fl-Cambridge jew xi ħaġa bħal dik. Imma l-punt huwa, dan huwa l-aktar implimentazzjoni asinine ta auto jitlesta qatt. [00:28:34] U jien biss jmorru off fuq din il-tanġent għal darb'oħra. Iżda hemm modi tajba biex jużaw JavaScript u modi ħżiena. U li mhux neċessarjament l-aħjar wieħed. [00:28:40] Iżda l-punt hawn, qabel dan tirade, kienet biex jinfetħu għodod stabbiliti hawn u jiftħu għodod iżviluppatur, kif konna mħeġġa qabel, u biex tara l-Netwerk tab kif I ikklikkja verament mgħaġġel. U avviż mazz sħiħ ta 'nikseb talbiet ġara. Kollha ta 'dan ġara peress I mkaxkra. [00:28:57] U l-aktar probabbli, tabilħaqq ħafna ta 'dawn ringieli issa huma immaġni JPEG slash Tipi MIME jew tipi ta 'kontenut. Dak għax dak chrome qed tagħmel kull darba I ikklikkja u drag, ikklikkja u drag, huwa huwa attwati, oh, I bżonn li jmorru jistaqsu Google għal-maduma fuq il-mappa li l-hawn fuq, malajr niżżlu permezz HTTP, u mbagħad żid lill-hekk imsejħa DOM għall-browsers web fil siġra memorja rappreżentazzjoni sabiex l-utent, me, jara li maduma aġġornata. U dan huwa minħabba l- teknika msejħa Ajax. Lura fil-ġurnata, huwa verament kien il-każ li jekk inti riedu bidla x'hemm fuq l-iskrin, inti għandek ikklikkja up, down, xellug, dritt. U mbagħad paġna ġdida tiftaħ. Iżda dawn il-ġranet, kollox huwa aktar dinamiku. Dan jiġri fil-mod aħna bnedmin kieku tama li fil-fatt ikun interattiv. U hija tikseb dan billi permezz ta 'teknika msejħa Ajax, li hija forsi l-aħjar spjegat permezz eżempju. L-ewwel, let me imorru quddiem u jiftħu fajl imsejħa quote.php fl kodiċi ta 'distribuzzjoni tal-lum. [00:29:53] U allura let me do Whoops symbol--. Let me do simbolu = GOOG għal ftit xi stokk. Attwalment jew, ejja jagħmlu l- wieħed mill-FREE Pset. Ikteb. [00:30:05] U issa Avviż dak I nikseb lura. Allura dan huwa verament fajl PHP qasir li I kiteb li sempliċement jissellef kodiċi mill-funzjoni lookup Pset7 ta u spits out jużaw dan Brace kaboċċi u kwotazzjonijiet u notazzjoni kolon, apparentement, prezz l-istokk kurrenti għall- kumpanija li inti jgħaddu permezz get. Allura dan huwa differenti mill-maġġoranza ta 'dak li konna jsir f'dak l-avviż jien litteralment tobżoq out dak qisu kodiċi JavaScript. [00:30:27] Fil-fatt, dan huwa oġġett JavaScript. Fil-fatt, biss biex tkun aktar ċara, JavaScript Għan Notation-- JSON-- huwa biss mod fancy ta 'tgħid li inti jistgħu jirrappreżentaw data JavaScript ħafna bħal inti tista 'fil PHP jużaw pari valur ewlenin. Mela jekk jien ridt li niddikjara varjabbli fl JavaScript li jirrappreżenta Zamyla, għal instance-- a Struct għall Zamyla-- u aħna ser sejħa hija student, dan il-varjabbli. ID tagħha wieħed, dar hija Winthrop, u l-isem huwa Zamyla. [00:30:53] Imma I jistgħu wkoll ikollhom firxa ta 'oġġetti. Hekk jekk I attwalment riedu li jkollhom firxa fil JavaScript fih multipli oġġetti bħal dawn, dan ħin jirrappreżentaw l-istaff, I jista 'jkollhom dawn it-tliet biċċiet ta 'kodiċi lura li lura lura għal dawn tliet membri tal-persunal ta 'qabel. Allura l-sintassi, pretty simili għal both-- għal PHP. Iżda dan huwa partikolarment JavaScript. Huwa oġġett notazzjoni. Allura dak li huwa dan utli għall? [00:31:17] Jekk nikteb kodiċi li spits out JSON-- JavaScript Għan Notation-- għalf li tidher bħal dan jew għalf li Dehra istruttura Zamyla tal, I jistgħu attwalment jużaw dan fi programmi nikteb. Let me mur ajax0.html. U dan too-- mhux wisq ħsibt mogħtija lill-estetika. Iżda jaraw dak li jiġri. [00:31:34] Let me imorru quddiem u t-tip b'xejn hawn. Ikklikkja jiksbu kwotazzjoni. U avviż l-URL ma tkunx inbidlet. Imma jien ma nikseb pop up ma apparentament Penny prezz tat-titoli tal-lum ta '$ 0.15. Allura mhux kollha li ħżiena. Iżda d-differenza hija li b'xi mod, din id-data daħal lura lili direttament. Imma ejja jieħdu pass lejn xi ħaġa aktar familjari. Fil verżjoni waħda ta 'dan, let me tip free darb'oħra, ikklikkja Get kwotazzjoni, u now-- oh, dan kien attwalment l-verżjoni jQuery. So let me-- I ma fast-quddiem pjuttost biżżejjed. Let me mur verżjoni tnejn, li huwa fejn jien ridt. Avviż dak I ghamilt hawn. I jkollhom web page-- super Verżjoni sempliċi ta 'kwalunkwe web page inti tista 'tuża llum ma' qasam tat-test hawn b'xejn u mbagħad apparentement biss test. [00:32:14] Dan mhuwiex għamla hawn, apparentement. Imma jekk jien ikklikkja nikseb kwotazzjoni, avviż page web tiegħi wasal biex jinbidel daqslikieku I biss ltqajna messaġġ instant ġdida jew bħala għalkemm I biss mċaqalqa l- Mappa u meħtieġa biex tikseb aktar informazzjoni miżjud dinamiku għall-paġna web mingħajr il-bdil URL u l-utent esperjenza jkollna interrott. Tabilħaqq, jien xorta fil- eżatt istess ajax2.html place--. [00:32:35] Mela ejja nħarsu biss lejn dan l-eżempju u tara kif dan qed jiġri. Let me go fis ajax2.html. U avviż l-formola ewwel. [00:32:44] Down hawn, jien tidwir off auto komplet. Kultant jiġrilha annoying jekk il-browser qed tipprova nuruk istorja kollha tiegħek. Allura inti tista 'tagħmel dan fil-HTML minn biss qal auto jitlesta off. [00:32:53] Stajt mogħtija dan it-test il-qasam ta ' symbol-- pjuttost, ID tat simbolu. U issa, din hija karatteristika interessanti. Aħna ma tkellmu dwar span, imma int tista 'taħseb dwar dan bħal paragrafu tag div jew tag. Huwa dak li sejjaħ għal fil-linja element, li ifisser li inti mhux se tikseb paragrafu break fuq u taħt dan. Huwa biss ser jibqgħu fil-linja mingħajr laqtu l-ekwivalenti ta 'tidħol. So I taw dan blokki ta 'HTML li għandu jkun iddeterminat identifikatur uniku li I arbitrarjament imsejħa prezz. U I għandhom Issottometti buttuna. [00:33:21] Minħabba li issa up here-- u dan huwa kodiċi kif ftit attwalment super aqwa inti tista 'tikteb biex tagħmel relattivament pulita things-- Avviż dak I ghamilt up here jekk I iscroll sal-kap ta 'din il-paġna. Stajt inklużi l-ewwel fil my head tag iskrittura li attwalment referenzi ta ' JavaScript fajl x'imkien ieħor. Dan huwa mill-organizzazzjoni li li jikteb jQuery, u dan huwa biss giving you l-aħħar verżjoni ta 'librerija jQuery tagħhom. [00:33:42] Allura dan huwa tip simili sharp jinkludu fil C jew jeħtieġu fil-PHP. Tuża l-tikketta iskrittura ma 'attribut sors. Imma issa kodiċi tiegħi stess huwa se tkun id-dritt fil hawn. [00:33:52] Avviż I għandhom funzjoni msejħa Quotes. U jidher ftit cryptic ewwel daqqa t'għajn. Imma ejja tease dan apparti. Agħti me varjabbli msejħa URL. Tassenja din litteralment din is-sekwenza. Allura, kwotazzjonijiet uniku, kwotazzjonijiet doppja fil JavaScript biss tagħti me a string. X'jagħmel il-plus do? Konkatenazzjoni. [00:34:08] Allura dan issa huwa l-sintassi jQuery li tieħu ftit jkollna użati biex. Iżda dan ifisser biss mur jiksbu lili l-DOM node li identifikatur uniku huwa simbolu. L-hashtag hemm mezzi simbolu identifikatur uniku. [00:34:21] Is-sinjal dollaru fil- parentesi jfissirx biss, wrap dan fil jQuery speċi ta 'zalza sigriet hekk ikollok funzjonalità addizzjonali. U allura .val hija apparentement funzjoni, jew kif ngħidu issa, metodu ġewwa ta 'dan node li biss jagħtik l-valur. Allura fil-qosor, ikrah u konfuża kif dan jistenna ewwel daqqa t'għajn, dan ifisser biss tikseb ma 'l-utent ittajpjat fil, poġġih fl-aħħar tas-sekwenza billi concatenating dan. Li kollox. [00:34:43] Allura issa,-aħħar tliet linji. Inti tista għafas ħafna funzjonalità minn tliet linji. Dan is-sinjal dollaru, bħala aside, huwa biss nickname għal varjabbli globali speċjali imsejħa litteralment jQuery. [00:34:55] Sinjal dollaru biss jistenna jibred. Allura l-komunità jQuery biss tip ta użati bħala simbolu speċjali tagħhom. Dan ma jfissirx xi jfisser fil-PHP. Fil JavaScript, sinjal dollaru huwa bħad ittra tal-alfabett jew numru għal varjabbli. [00:35:07] Inti tista 'biss jkollhom bħala l-isem. Biss jistenna jibred. Allura l-komunità adottat bħala nickname għal librerija tagħhom stess imsejħa jQuery. [00:35:13] U huwa super popolari. Allura nikseb JSON huwa eżattament dak. Huwa funzjoni li l- folks fil jQuery kiteb li gets JSON minn server-- JavaScript Notazzjoni Għan. Minn dak URL huwa se biex tikseb dik l-informazzjoni? Apparentement minn dan il-URL hawn. [00:35:27] U dak li għandu l-browser do kif Hekk kif jiġrilha lura din it-tweġiba? U dan huwa l-maġija ta 'Ajax, hekk li speak-- Asinkronika JavaScript fil XML. Huwa diffiċli li wieħed jara ma tali Eżempju sempliċi kif kellna hawn. [00:35:41] Iżda dan kien mhux sinkroniku fl sens li l-kodiċi tiegħi meta esegwiti bagħat messaġġ lill- server biex tmur nikseb me xi JSON. U dan ġara super fast li sibt rispons. Imma x'hemm interessanti huwa li dan linja tal-kodiċi ma hang kompjuter tiegħi. [00:35:55] I ma tara icon għażil. I ma jitilfu l- abbiltà li jimxu ġurdien tiegħi. Browser tiegħi kien attwalment perfettament multa. [00:36:01] Minħabba li l-mod JavaScript mankijiet l- rispons mis-server huwa kif ġej. Tirreġistra dak youd sejħa funzjoni callback, li ifisser biss, ħej, JavaScript. Hekk kif il-server jirrispondi JSON, jekk jogħġbok ċempel din il-funzjoni anonima. [00:36:18] U jekk jogħġbok għadda fis din il-funzjoni ikun x'ikun string-server bżiq out bħala argument imsejħa data. Għalhekk fl oħra, kliem, jekk Jien assemblaġġ dinamikament a quote.php URL tgħaddi f'dan simbolu bħal FREE jew GOOG jew whatnot, Jien imbagħad javżak JavaScript mur jiksbu dak URL. Ftakar li l-browser se jirritorna xi ħaġa li qisu rajna earlier-- dan. [00:36:42] U dak it-tieni argument hawn biex tikseb JSON huwa qal huwa sejħa din il-funzjoni meta l-server gets lura jekk huwa 10 millisekondi minn issa jew 10 sekondi minn issa. U hekk kif inti tagħmel, żid il-prezz għall-paġna. Dan sintassi hawn biss tfisser mur jiksbu l-node mill-siġra li identifikatur uniku huwa price-- dik il-medda rajna qabel. [00:37:01] Dan il-metodu jissejjaħ HTML biss jgħid, mur jissostitwixxu l-HTML li hemm mal data.price. X'hemm data.price? Ukoll, il-browser, tfakkar, wera lili din ġejjin lura. Allura din hija data. [00:37:14] U għalhekk huwa ftit cryptic biex tara l-virgoli hawn. Imma fil-fatt, let me tagħmel dan. Let me biss paste dan reali fast fis gedit u juru dan simili aħna wera Istruttura Zamyla aktar kmieni. [00:37:27] X'inhu l-server hija li jibgħat lura huwa ftit oġġett li tidher bħal dan. U hekk data.price huwa biss tajtu lili 0.1515. Allura ħafna ta 'ċaqliq partijiet hawn kollha f'daqqa. [00:37:39] Iżda l-takeaways ewlenin hija li għandna din il-ħila biex tagħmel HTTP addizzjonali talbiet li jużaw JavaScript mingħajr ma jkollhom rikarigu-paġna. U allura nistgħu attwalment jibdlu l-web page fuq il-fly. U jirriżulta li JavaScript u lingwi oħra jistgħu jintużaw issa mhux biss li jindiblu paġni web, iżda li attwalment jiktbu softwer fi kompjuter attwali, mhux limitati biss għall Chrome jew bħalhom. [00:38:00] Fil-fatt, if-- Colton, kieku inti simili biex jingħaqdu magħna back up here bil-kodiċi lab tiegħek, u Chang kif ukoll? Ejja imorru quddiem, wara li tkellem dwar funzjonijiet anonimi u callbacks u verament tentar destin hawn bi demo ħajjin ma fsada teknoloġija avvanzata, wieħed mill dawn il-mezzi Elite Mozzjoni. Issa, dan il-mezz, irtirar, huwa mezz USB ftit kif ukoll that-- thats beautiful-- li plugs fil-portijiet USB tiegħek. [00:38:25] U allura huwa jipprovdi input fil-forma ta 'ġesti umani billi jinstabu jużaw travi infrared, essenzjalment, movimenti minn driegħ tiegħek. Allura billi dak Maria ppruvaw fuq qabel kienet muskolari, attwalment tħossok x'hemm jinbidlu driegħ tiegħek, dan huwa infrared bbażata. Allura huwa tfittex għal movimenti fi ħdan t-tip ta isfera ta 'marda jew hekk tal-apparat innifsu. [00:38:46] Allura għaliex ma I jieħdu stab f'dan l-ewwel? U ejja imorru quddiem u tarmi inti up fuq l-overhead hawn. Mela ejja tpoġġi laptop Colton tal up here. Imxejna ltqajna Andrew fuq it-TV. U dak li tixtieq lili biex tagħmel l-ewwel? [00:39:00] COLTON: Jimxi 'l quddiem u biss poġġi idejk fuq dan Guy u tkun taf tara xi glitter fabulous. [00:39:04] DAVID J. Malan: Sbieħ ħafna. Dan qed jiġri kollha fil-ħin reali. OK. Kull dritt, u Yep. Hekk sbieħ. Kull dritt, x'iktar tista nagħmlu? [00:39:15] COLTON: Mur fil-iskrin li jmiss u ara. [00:39:17] DAVID J. Malan: Kull dritt. [00:39:19] COLTON: A logħba ftit gost fejn ikollok biex tagħmel robots. [00:39:21] DAVID J. Malan: Kull dritt, hekk din huwa f'idejn foloz juru lili x'għandek tagħmel. COLTON: Iva Allura aqbad u grab wieħed mill-blokki u poġġih fuq quċċata ta 'ġisem li robot. DAVID J. Malan: Oh, hemm naħa tiegħi. Oh. OK, adorable. Stenna minuta, OK. Hemm immorru. [00:39:41] COLTON: I magħmula wieħed fuq inċident. [00:39:43] DAVID J. Malan: OK, jien ser nikseb dan Guy. Kkritikat dan! Meta konna jipprattikaw dan l-aħħar lejl, inti taf liema dan devoluti fis? [00:39:51] Bħal dan. OK. Wieħed jmiss? [00:39:55] COLTON: Sure. [00:39:56] DAVID J. Malan: Kull dritt, u hemm terz. Kull dritt. COLTON: U dan wieħed, ikollok to-- DAVID J. Malan: Oh, dan wieħed sbieħ. COLTON: --yeah, pick apparti dan il-fjuri. DAVID J. Malan: OK. No? Żbaljat. [00:40:14] COLTON: Oh, hemm inti tmur. [00:40:15] DAVID J. Malan: Ah, Ħares lejn dak. Sbieħ ħafna. Well, għaliex dont "nieħdu out voluntier wieħed hawn li jixtiequ li ġejjin fuq up. Kif dwar id-dritt hemmhekk fil-aħdar, huwa? [00:40:27] Kull dritt, u ejja have-- minflok tagħmel dan, xi wħud minnkom tista 'know din il-logħba here-- cut-ħabel, forsi? Ejja naraw. Għandna nuċċalijiet tagħna fuq matul hawn? [00:40:37] OK. Grazzi. X'hemm isem tiegħek? [00:40:39] UDJENZA: Laura. [00:40:40] DAVID J. Malan: Laura? Nizza biex tara. Jekk inti ma mind tqegħid Google ħġieġ fuq nuċċalijiet tiegħek. Dan huwa Colton. [00:40:46] COLTON: Hi. Nizza li jissodisfaw inti. [00:40:48] DAVID J. Malan: OK, come fuq madwar. Kull dritt, hekk dak li int ser nagħmlu hawnhekk, li kellha dan qabel, jitqiegħed idek fuq l-Leap Mozzjoni hawn. U issa vleġġa tiegħek għandhom jimxu. Oh, Nope. [00:40:57] UDJENZA: No [00:40:58] DAVID J. Malan: We ma jridux nieqaf s'issa. OK, stenna. Minn hawn. Allura avviż kif inti żżomm tiegħek saba 'fuq xi ħaġa, l-maws tibda tmur aħdar, li hija kif inti ikklikkja. [00:41:06] Allura imbagħad matul Play. U wieħed biss finger huwa multa. U issa ikklikkja fuq il-ftit Guy aħdar fuq ix-xellug. U issa jżommu sakemm timla up aħdar. Tajba. Issa, bħal, livell wieħed top up. [00:41:16] UDJENZA: Yeah, irridu livell wieħed, hawn. [00:41:20] DAVID J. Malan: Tajba. OK, għalhekk kull ma għandek tagħmel hu li tnaqqas l-ħabel. Cursor tiegħek l-waħda bajda stabbiliti hemmhekk. [00:41:28] Sbieħ ħafna. Kull dritt, huwa dwar li tikseb aktar diffiċli. Allura żżomm b'subgħajk fuq li jmiss issa. Tajba. Dan wieħed diffiċli. [00:41:39] UDJENZA: Oh ħażin. OK. Hija trid tmur il-mod. Oh ħażin, that-- [00:41:44] DAVID J. Malan: Yeah. Għan sekondarju huwa li tikseb l-istilel. Kull dritt, jmiss. [00:41:53] Ejja ara jekk inti tista 'tikseb dan terz. Tajba. OK, mur hemmhekk. [00:42:06] Sure. Oh, sbieħ ħafna. Kull dritt. [00:42:11] Allura għaliex ma we taġġorna hawn illum? Let xi ħadd come fuq up li jixtieq x'jaqdi. Grazzi tant għall Laura voluntier tagħna. U aħna se tara int nhar it-Tnejn. [00:42:18] UDJENZA: Inti probabilment tixtieq dawn lura. [00:42:21] SPEAKER 2: Fl-CS50-- jmiss