[Powered by Google Translate] [Semajno 9] [Davido J. Malan - Universitato Harvard] [Jen CS50. - CS50.TV] Bone. Bonvenon dorso. Ĉi tiu estas CS50, kaj ĉi tiu estas la komenco de la semajno 9. Hodiaŭ ni enfokusigas en aparta sur dezajno, jam en la kunteksto de C sed en la kunteksto de PHP kaj iom de SQL kaj iom de JavaScript, aparte al la fino de ambaŭ pset 7 kaj ankaŭ vian fina projekto. Fakte, se vi estas en tiu punkto en via fina projekto kie supozeble ekde eble horo antaŭe vi almenaŭ komencis doni iun penson al viaj fina projekto kaj vi pensas vi ŝatus kunlabori kun 1 aŭ 2 samklasanoj, se vi havas problemojn konektante kun diris samklasanoj, bonvolu plenigi la formularon ĉe cs50.net/partners/form. Ĝi simple demandas vin, kiu vi estas, kian projekton vi pensas pri, kie vi loĝas nur por loĝistikaj kialoj. Kaj poste se vi volas ĵeti okulon super la proksima semajno aŭ do la folio URL tie, vi povas tiam vidi nurlega versio de la Google doc en kiu ni kolekti tiun informon. Do se vi volas labori kun iu, por supozita bonvolu alveni al homoj tra kiuj mekanismo. Sed la plimulto de homoj faru laboron solece. Tio estas tute bona. Do ne sentas ke ĉi tio estas en ajna maniero deviga. Vendredon estis nur mi kaj kelkaj de la teamo de ĉi tie, malplena teatro plejparte. Tie estis 3 turistoj sidas tie supre, por ke estis iom mallerta. Kion ni parolis pri estis datumbazoj kaj ni parolis pri pset 7 iomete. Kaj se vi ne okazis kapti ke en video nur ankoraŭ, estas bone. Mi provos difini ajnan terminoj kiujn ni devus alie fari por donita surbaze de la vendreda prelego. 

Sed hodiaŭ ni tuj provos akiri vin al la punkto de ne nur povi fari ion kiel pset 7 sed vere kompreni kio okazas sub la kapuĉo, aparte kelkaj el la abstracciones ke ni starigis en la functions.php dosieron fari vian vivon iomete pli facile sed por ke vi finfine komprenis tiel ke kiam la trejnado radoj elspezas en malmultaj semajnoj vi povos ankoraŭ postvivi en la reala mondo kaj fari ĉi aĵoj sen ajna CS50 kadro sub vi. Ĉi $ _SESSION, por tiuj el vi, kiu estas familieca aŭ kiu jam kaptis la video en vendredo, kion signifas kunsido ni faru en PHP-bazita apliko retejo? Tio ĉi estas superglobal variablo, kiu signifas ke estas similaj en spirito GET kaj POST kaj kelkaj aliaj, sed kio estas tiu afero utila por? 

Kio estas kunsido uzis por? Yeah. [Studento] Arbara ekspluatado in Pardonu? [Studento] Arbara ekspluatado in Arbara ekspluatado in Indeed. En pset 7 ni uzas ĉi kunsido superglobal faciligi restadas in Kaj kio estas bela pri tiu superglobal estas ke ĝi estas asocieca tabelo. Asocieca tabelo, revokon, estas nur tabelo sed kies indeksoj ne plu devas esti nombroj kiel 012. Ili eblas nombroj aŭ ili povas esti eĉ kordoj. Kaj do se vi plonĝis en pset 7 ankoraŭ, vi povas memori ke ni stokante kerna nomata ID ene de ĉi asociaj tabelo kies valoro estas io kiel 123 - kion ajn la aktuale ensalutinta uzanto ID estas. La motivado por ĉi tiu estas ke eĉ post la uzanto vizitis localhost aŭ mia retejo pli ĝenerale kaj tiam ili jam ensalutinta, eĉ se ili ne alklaku ligilon aŭ reveni al mia retejo por 5 minutoj aŭ eĉ unu horon aŭ eĉ unu tago sed ili eliras siajn retumilo fenestro malfermita, tra ĉi superglobal mi povas memori, ke ili estas ensalutinta in 

En aliaj vortoj, ĝi permesas al mi por gardi iomete longtempe ajn mi volas pri uzanto. Kaj vi povas pensi pri vere kiel la personigo de komerca ĉaro. Lokoj kiel Amazonoj evidente ke vi metis aĵojn en komercaj veturilon, sed HTTP, la protokolo kiu Potencoj la retejo, estas apátrida en la senco ke kiam vi vizitas TTT-ejo, plejparte oni ne havas iu konstanta retkonekto inter via legilo kaj la servilo. Tuj kiam vi elŝutis la HTML kaj la JPEG-oj kaj la gifs kaj cxio, kion, la rilato iras kaj vi nur havas kopion de la HTML kaj whatnot de la servilo. Sed se la servilo volas memori ion pri vi, la sxargxon estas ĉe la servilo al reale gravuri tiun informon. Kaj tial vi la programisto, kiu havas kontrolon sur la servilo povas meti pli ajn vi volas ene de ĉi superglobal asocieca tabelo kaj estos tie la venontan fojon la uzanto revenos, ĉu ĝi estas minutoj aŭ eĉ tagojn poste, krom se ili fermas siajn retumilo fenestro, je kiu punkto kunsido malaperas. Do ĝi estas efemera stokado, estas ne-konstanta, kaj ĝi estas intencis foriri tuj kiam la uzanto fermas siajn retumilo - ne nur ke langeto, ofte la tutan retumilon, per tio efike restadas la uzanto eksteren. Do kiel estas tiu afero fakte implementado? Ni prenu rapida rigardo al simpla ekzemplo ni rigardis la vendredo. Por kiuj ne konas, estis tiel simpla kiel tiu ĉi. Tio estas retpaĝo, kies sola celo en la vivo estas por diri al mi kiom da fojoj mi vizitis la paĝon. Ĉi tiu estas la unua fojo ĉi tie lundon, ke mi vizitis ĝin, do ĝi diras 0 fojojn. 

Sed se mi komencas reloading ĉi paĝo, ĝi diras 1 fojo, 2, 3, 4, 5, kaj ĉi eventuale nur daŭre rakonti supren, supren, supren, supren, supren por ĉiu tempo mi fakte alklakos Reload sur ĝi. Do kiel estas ĉi laboristino? Lasu min iri ene de ĉi tiu dosiero nomata counter.php. La supra parto de ĉio estas blua komentoj, sed la interesa parto estas tie. On line 13 ni nomas tiun funkcion session_start, kaj tio estas laŭvorte ĉiuj vi bezonas fari, se vi volas havi aliron al tiu speciala superglobal nomita $ _SESSION. Kiu faras ĉion eblan, kaj ni vidos en momento kiel tiu estas ĉio ebla. En linio 16 avizo kion mi faras. Se la ŝlosilon, nomita nombrilo - alivorte, la indekso valoro - "nombrilo" Ekzistas ene de ĉi tabelo nomita kunsido, tiam kion mi faras per ĝi en la linio sub? Kio estas linio 18 faras? 

[Inaudible studento respondon] Kio estas tio? [Studento] stokante la valoro. Bona. Ĝi estas stoki la valoro kiu estas en kunsido nun en nova loka temporal variablo, $ Nombrilo en ĉiuj minuskla. Rimarku ke PHP jam estante iom mallaborema tie. Rimarku ni ne havas ajnan mencion de int aŭ kaleŝego aŭ ŝnuro aŭ io simila ĉar PHP estas malforte tajpita, per kiu vi ne devas precizigi la tipon de variablo, kaj en tiu kazo tie mi eĉ ne deklaris ĝin ankoraŭ. Mi deklarante ĝin ene de tiuj buklaj streĉaj kaj kontraste C, tiu estas efektive bone. Kiel ajn profunde anidado variablo deklaro estas en PHP - ene de frizita streĉa, ene de frizita streĉa kaj similaj - ĝi tiumomente ĝustatempe ekzistas por la resto de la programo, por pli bona aŭ por malbona. Do tuj fariĝas tutmonda kiam vi difinas ĝin kiel ni faras tie ĉi. 

Alie, se mi ne trovos ke estas io en la kunsido superglobal, Mi ŝajne inicializar ĉi variablo nombrilo al 0, per tio nur supozi la uzanto neniam estis tie antaŭe. Kaj tiam ĉi kompreneble estas pliigante la vendotablo kiel? Mi ĝisdatigas la valoro kiu estas interne de ĉi asociaj tabelo per opcio ĝi egalas al kiom nombrilo aktuale estas + 1. Se mi rulumu malsupren tie al la HTML de la paĝo, ĝi estas vere bela simpla. Ĉiuj mi havas en la korpo de ĉi paĝo estas: "Vi vizitis ĉi tiun retejon tiom-kaj-tiel-foje." Kaj ĉi tiu estas PHP konstruo. Se vi faras <? =, Ĉi tiu estas ekvivalento efike al kio funkcio? Estas vere ekvivalenta al iu kiel printf, kiun ni vidis multfoje en C, kvankam kiel vi eble scias jam de la spec en pset 7, print estas ankaŭ funkcio kiu nur presas ion, tio ne vere uzas formaton kodoj, kaj vi povas reale diri eĥo tiel. Ili estas ĉiuj nur milde malsamaj kvankam la pura efekto estas finfine la sama. Do tiu uzo de la egala signo estas nur ia eleganta maniero fari ĝin pli koncize ol vi eble alie povos. Do jen ĉio ĉi tiun retejon faras. Ĝi presas el la valoron de nombrilo. Kiel tiu tuta vere okazas? Vi eble memoras unu semajno aŭ tiel antaŭe ni komencis rigardi sub la kapuĉo ĉe kiel retpaĝo funkcias uzante ĉi Inspektisto langeto. 

Chrome havas ĉi ambaŭ en la Mac versio, la Vindoza versio, kaj eĉ la Linuksa versio, kaj Firefox kaj IE havas similajn mekanismojn per vi havas ĉi korpigita debugger ene de la retumilo. Ni rigardu la sekvajn. Ni havas tutan faskon da langetoj tie, kaj memorigas, ke la plej maldekstra estas Elementoj, kaj kiom godawful la HTML kaj JavaScript estas en iu paĝo, memori, ke kun la Elementoj langeto vi povas fakte navigas la HTML jerárquicamente kaj agrabla kaj nete. Do se vi provas lerni de afiŝinto kiel Google aŭ Facebook aŭ vere ajna TTT-ejo, rimarkas ke vi estas probable pli bone rigardante la fontkodon tiel kiel kontraŭ vidi la krudan fonto, kion eblas salaton, kiel ni vidis speciale en Google loko. Do se mi anstataŭ alklaku la Reto langeto tie, ni vidu kio okazas kiam mi vizitas la paĝon. Unue lasu min klarigi mian kaŝmemoro. Mi tuj iros en Agordoj en Chrome kaj poste iru al Historio kaj tiam Certe ĉiuj reton datumoj. Vi povus esti uzata por fari ĉi por aliaj celoj, [ridado] sed kiam venas al evoluantaj retejoj, estas reale utila - se vi ridante vi scias. [Ridado] Estas vere vere utila kiam evoluantaj retejoj ĉar la realaĵo estas aĵoj kiel kuketoj kaj aĵoj kiel cached HTML dosieroj, cached JavaScript dosieroj povas vere fariĝis granda kapdoloro, ĉar se por ajna kialo la retumilo decidas Cache iu dosiero kaj tamen vi faras ŝanĝojn al tiu dosiero sur la servilo sed la retumilo ne vere rimarkis ke la dosiero estas ŝanĝita kaj sekve ne vere re-elŝuti ĝin eĉ kiam vi klakas la Reload butonon, unu el la plej Surefire manieroj simple certigi la kulpo ne estas kun via kodo, ĝi estas la konduto de la krozilo, estas iri en cxi tie en via retumilo kaj justa liberigi la tuta historio por ke tie estas neniu konfuzo. 

Kaj tiam se vi vere volas esti paranoja, forlasis la retumilo, restartu ĝin, kaj poste certiĝu ĉiuj laboras kiel atendita. Do mallonge, senarbejo kaŝmemoro estas bona farinte disvolviĝo. Do jen ni havas la Reto langeto. Mi antaŭe estis vizitinta la lokon 9 fojoj, sed permesu al mi iri antaŭen nun kaj klaku Reload. Kaj mi posteniras al 0. Ni vere vidas kial ĉi tiu kunsido superglobal estas efektivigitaj. Mi tuj alklaku la 1 HTTP peto kiu estis farita, kaj ĉi depuración fenestro lasas min rigardi interne de tiu. Jen mi vidas nur la respondo de la servilo, kio ne estas interesa. Mi vidis tion en ia nombro de manieroj. Sed kio estas teknike interesa estas la titolaj. Se mi rulumu malsupren tie kaj enfokusigi la peto titolaj kaj alklaku vido fonto, kion mi tuj vidas estas laŭvorte la HTTP-peto ke nur iris de mia retumilo al la servilo, GET esti la operativa vorto kaj tiam / counter.php esti la dosiernomo, HTTP/1.1 nur esti la versio de HTTP, ke mia retumilo estas uzanta. Ĉi tiu linio tie estas iom Rememorigo el foliumilo por servilo, kion la nomo de la servilo estas ke ĝi volas paroli. Kaj poste la resto de ĉi tio estas iam interesaj sed ne grava nun. 

Tiu estas nur speco de scivolo. Kamufla kvankam ĉi tiu linio estas, ajna tempo via retumilo vizitas retejo ĝi estas informi la servilo kion retumilo vi uzas kaj kion mastruma sistemo vi uzas kaj kion versio de gxi. Do, se vi iam scivolis kiom retejoj kiel CNN kaj whatnot scias kion la procentoj estas de uzantoj de Mac en la retejo, PC uzantoj, IE uzantoj, Chrome uzantoj kaj similaj, estas ĉar ĉiuj niaj retumiloj estas elokventa ĉiu unuopa afiŝinto tie kio ni estas. Ĝi ne nepre enhavas persone identigebla informo, sed ĝi diros la servilo kion via IP-adreso estas kaj kion legilo kaj OS vi uzas. Do tie estas kie tiu informo estas. Sed kio estas pli interesa nun, kiam temas pri tiuj kunsidoj estas la respondo kaploko. Lasu min alklakos vidi fonto apud respondo. Kio estas interesa ĉi tie estas kelkaj aĵoj. 1, ni reiris al stato kodo de 200. Ni neniam vidos ĉi stato kodo ĉar tio signifas ĉio estas bone. Ĝi signifas laŭvorte bonfartas en kontrasto kun io alia. Kio estas numero ni kelkfoje vidas ke estas malbona? [Studento] 404. 404, dosiero ne trovita, 403 Vi povus stumblante sur jam, kio estas malpermesita, kio signifas, ke vi forgesis chmod ion, plej verŝajne. Kaj tie estas amaso de aliaj. 

Cxi tie, tio estas iom freneza. Mi vere nur skribis ĉi tiun dosieron kelkaj minutoj de intergluajn gxin en gedit. Kial tiu ĉi paĝo elspiras en 1981 antaŭ ol vere estis retejo? Kio okazas ĉi tie? 

[Inaudible studento respondon] La tempo stampon. Sed kial? Estas iom arbitra, sed estas fakte utila. Kio ĉi diras al mia foliumilo estas ĉi PHP dosiero kiun vi ĵus petis jam elspiris. Fakte, ĝi eksvalidiĝis 30 jaroj. Sed kion tio kiu vere signifas? Ĝi simple signifas la sekvanta momento la uzanto vizitas ĉi tiun paĝon, cxu per reloading aŭ tajpi la URL en la adreso trinkejo, certigi vin domon kaj alporti novan kopion de ĝi. Tio estas speco de ekzemplo de kaŝmemoro busting, stulta vorto, kiu ĵus signifas klopodi malkuraĝigi retumiloj el reale caching HTML ke tio estas sendita de servilo por ke vi ne hazarde batis Reload kaj poste vidi la sama versio de la dosiero. Vi vere volas la servilo sendi novan kopion. Do la fakto ke ĝi estas 1981 nur signifas ke tio estas kion la aparaton elektas kiel ajna dato en la estinteco. Sed la vera suka linio estas nun ĉi tiu. Eĉ antaŭ 50 vi probable pigre konanta kuketojn. Segun nun, precipe inter tiuj malpli komfortaj aŭ en inter, kio estas kuketo en via kompreno nun kvankam ni intencas fari vian komprenon pli teknika? Kio estas kuketo? Yeah. [Studento] Informo pri la uzanto, kiel se ili jam skribis siajn nomon de uzanto aŭ iu. 

Bona. Estas informoj pri la uzanto, ĉu ili jam tajpis en ilia uzantonomo jam. Kuketoj estas maniero per kiu serviloj povas memori iun pri uzanto. Kaj kia kuketon vere estas teksta dosiero aŭ iu vico da bajtoj ke tio plantita de la servilo ene de via krozilo, kaj ene de tiu dosiero aŭ inter tiuj bajtoj estas ia identigilo. Eble estas laŭvorte vian uzantnomon, sed pli ofte ĝi estas iom pli kripta aspekto kiel tion ĉi tie - bo8dal3ct ktp - tio vere granda alfanuméricos kordoj ke tio vere nur signifis ke estas unika identigilo por vi. Aŭ vi povas pensi pri tio kiel speco de virtuala mano stampon. Se vi iras al iu klubo aŭ amuziĝo parko, por memori, ke vi efektive pagitaj kaj foriris en, ili metis malgrandan ruĝan sticker en via mano de iu varo, kaj tio memorigas la popolo ĉe la vendotablo, ke vi jam pagis kaj vi povas veni kaj iri kiel vi volas. Kuketoj estas iom simila en spirito al tio. La unua fojo mi vizitis tiun retejon, kiam mi ĵus faris post liberigante mian kaŝmemoro, la TTT-servilo, la aparaton en ĉi tiu kazo, metu markon sur mia mano kies nomo estas PHPSESSID, kunsido ID, kies valoro estas ĉi vere longa alfanuméricos kordoj. 

Do jen nun ia emblazoned sur mia mano, por ke la venontan fojon mi batis reŝargi aŭ permane viziti ĉi URL en foliumilo, mia krozilo per difino de HTTP tuj prezenti la mano stampon denove kaj denove kaj denove. Do eĉ se la servilo ne nepre scias, kiu mi estas, ili almenaŭ sciu, ke Mi estas la sama uzanto aŭ almenaŭ, pli specife, la sama retumilo. Kaj tiel tio estas fine kiom la kunsido superglobal estas efektivigitaj. La servilo ne havas ideon kiu vi estas, kiam vi reviziti retejo por la dua aŭ tria fojo se vi prezentas ĉi mano stampon. Kaj tuj kiam vi prezentos tiu mano stampon, la TTT-servilo esence iras en iom datumbazo de lia propra kaj ĉekoj, bone, mi ĵus vidis la manon stampon de uzanto bo8dal3ct ks. Mi vidu kio informo la programisto estas stokitaj ene de la superglobal pri tiu uzanto, kaj tiam lasu min certigi, ke tiu datumo estas denove ene de la kunsido superglobal tiel ke la programisto povas re-aliro ke datumoj eĉ se estis metita kelkaj minutoj aŭ horoj. Do alivorte, kuketojn, kiujn akiris malbonan repo dum iom da tempo pro inseguridades en retumiloj kaj ili povas vere seksperforti nia intimeco kaj ĉion ĉi, ili efektive havas grandan utilecon ĉar sen ili vi senĉese devas ensalutante al ĉiu paĝo de Facebook vi vizitas aŭ ĉiu Gmail retpoŝto vi legis se la retumilo ne havas iun formon de memorante ke vi jam aŭtentigita. 

Do tiamaniere kuketojn estas senditaj tien kaj reen tra la drato. Alia vidindaĵo pri kuketoj, precipe tie, estas ke tiu estas tute en ebena teksto. Ne ĉifrado okazas ĉi tie iu, kaj ja Mi uzas HTTP nuntempe. Unu el niaj favoritos momentoj en CS50, kiu nun estas 2 jaroj, Estis ĉirkaŭ la tempo ilo nomita Firesheep eliris. Tiu estis libera peco de programaro kiu estis farita de sekureco esploristo kiel alvoko de garde por la komunumo diri kiom atrociously implementado iuj aŭtentokontrolo mekanismoj en la retejo estis. Do por iu tempo, Facebook estis preskaŭ tute sur HTTP, HTTPS neniu. Kaj eĉ se vi ne havas ideon kiel la kripto funkcias, S estas sekura do tio signifas ke estas almenaŭ iuj ĉifrado implikitaj. Facebook ne uzata por kodi uzanto nomoj kaj pasvortoj, sed tuj kiam vi rigardis vian pokes aŭ viaj mesaĝoj aŭ via novaĵo-servo, ĉiuj kiu unencrypted. Do estis Gmail ĝis ĝuste jaro aŭ 2 semajnoj. Ajn vi ensalutinta, jes, ili uzis sekura ĉifrado, sed poste ili ne. Kaj kial povus tiu esti? Kial ne simple uzi ĉifriko tuta tempo en uzo kazoj kiel tiu? Kio estas tio? Mi kredas ke mi aŭdis ion. [Studento] Rapido. Rapido, ĉu ne? Estas manieroj ĉirkaŭ ĉi. Sed se vi simple ia pensas pri tio logike, se vi ĉifri ion, vi devas fari almenaŭ iom pli da laboro. En pset 2 kiam vi implementado Cezaro aŭ Vigenère aŭ eĉ Crack, nur presi cxeno estas relative facila. Encrypting kaj poste presi ĉenon minimume postulas iom pli da laboro. 

 Por super populara retejo kiel Google kaj Facebook, se vi devas fari pli da laboro por ĉiu uzanto por ĉiu sola retpaĝo ili viziti, ke nur prenas pli CPU tempo. Kaj se vi bezonas pli CPU tempo, vi eble bezonas pli serviloj, kio signifas ke vi eble bezonos pli da mono. Kaj tiel dum multaj jaroj ĉi nur vere ne estis bona praktiko. Homoj uzus SSL ĉifrado nur kiam ili bezonis. Sed rezultis, kaj kiel tiu ulo kun Firesheep faris super klara, kiam vi infanoj kiuj estas aktuale en Facebook nun - Pro scivolemo, vidu se vi Fess supren. Se vi estas en Facebook nun en iuj langeto, eĉ se ĝi ne foregrounded, estas via URL HTTP aŭ HTTPS? [Multnombraj studentoj] S. S? [Ridado] Okay. Ajna HTTP? Nur 1? Okay. Do ni cxiuj povas pirati ke ulo estas ĉe Facebook account nun. Plejparte ĉi igis ŝaltis defaŭlte, almenaŭ en iuj retejoj. Kaj longan rakonton, se via TTT trafiko ne estas kodita, ne nur ne la HTML iri tien kaj reen trans la WiFis unencrypted, do aĵojn kiel kuketoj iri tien kaj reen tra la aero sen ajna formo de ĉifrado. Do se vi havas nur iom da programado savvy aŭ iom de Googling lertecojn trovi liberan programaron kiu tion faras, ĉiuj devas fari estas sidi en Starbucks aŭ sidas en flughaveno kie estas ĝenerale unencrypted WiFi kaj nur rigardi por ŝlosilvortoj kiel Aro-Cookie: aŭ PHPSESSID ĉar se vi havas la teknika savvy justaj rigardi la WiFi por ĉiuj bitoj kiuj fluas tra la aero por ĉi ŝablono, vi povas tiam diri ke ulo estas PHPSESSID hazarde estas bo8dal ks. Kaj tiam denove se vi estas sufiĉe teknike savvy aŭ rajtas ilo, vi povas tiam simple reagordi vian propran retumilo komenci prezentante tiu mano stampon al Facebook.com, kaj Facebook nur tuj supozas ke vi estas tiu ulo ĉar ĉiuj ili scias ne, kiu vi estas, sed ke vi havas ĉi unika identigilo. Do se vi ŝteli tiu sola ensalutilo kaj prezenti ĝin al la retservilo kiel via propra, ili nur tuj montros al vi, ke persono datumstrion aŭ kiu persono mesaĝojn aŭ pokes. 

Kaj mi estus Google nun kiel aktivigi HTTPS ĉe Facebook eble. Sed vere estas tiel simpla kiel tiu. Kaj tiel Facebook kaj Google kaj similaj esti alveninta vere bona je tio, sed observu okulon el la tuta pli por ajna retejoj vi vizitas kiuj ne uzas HTTP kaj havi ian sentema informoj pri ili, ĉu ĝi estas financa aŭ personaj aŭ similaj. Se ili ne uzas tion, tre eble povas kuketojn kiel tiu esti tre facile ŝtelis kaj tiam forĝis, kaj tio estas ĝuste kion Firesheep faris. Vi ne devas esti programisto. Vi devis fari estis jam interreta ligo, elŝutu ĉi liberaj ilo, kaj kion ŝi farus estas vi ensalutas kaj tiam ĝi volus montri al vi la nomojn de Facebook de ĉiuj en Sanders, en ĉi tiu aparta pruvo, ĉirkaŭ vi kaj cxiuj vi devis fari estis alklaku lian nomon kaj la programaro aŭtomatigita la procezo de sniffing ke kuketo, prezentante ĝin al Facebook kiel via propra, kaj, voila, vi ensaltata Do tiu estas alia de tiuj "ne faras ĉi tiun" oficiale. Se vi havas vian propran hejmon reto kaj vi volas toquetear, por supozita, sed realigi ĉi faras transiri la linion sur universitato medio. 

Sed la celo tie estas vere reliefigi ne kiel fari ĉi sed kiel por protekti kontraŭ tiuj specoj de aferoj. Kaj la bagatela solvaĵo tie, eĉ se ĝi mem estas misa, estas vere redukti uzo de ajna lokoj kiuj ne uzas HTTPS senĉese. Do retejoj kiel Facebook kaj Google ĉiufoje havas markobutonojn kie vi povas elekti en ĉi tiaj aferoj, kaj bankoj havis tiun dum jaroj por similaj kialoj. Do nur iom da timo faktoro se ni povas. Sed tio ĝin en vortoj. Tio estas kiel servanto memoras, kiu vi estas. Kaj tuj kiam ili povas memori, kiu vi estas, ili povas memori nenion pri vi ke la programisto estas stokita ene de tiu speciala superglobal nomita $ _SESSION. Kaj por pset 7 ni uzas ĝin bagatele nur memori la int, nome la unika ID de la kontribuanto kiu ensalutinta, por ke ni sciu persono jam estis tie antaŭe. Demandojn tiam kunsidoj aŭ kuketojn aŭ kiel? Firesheep ne funkcias tiel plu, kaj vi devas meti vian komputilon en speciala disamorema modo tiel vi efektive aŭskultante por trafiko krom vi mem. Do se vi nun elŝuti Firesheep, realigi ĝin ne estas tiom facila kiel iame estis pruvi. Bone. Kaj ne fari ĝin en Sanders. Faru ĝin hejme. Datumbazoj. Unu el la aĵoj kiujn ni faris en pset 7 tre intence Estis ni donas al vi specimenon datumbazo tabelo por uzantoj kiuj havas iujn uzanto IDs, iuj nomoj de uzanto, kaj iuj ĉifrita pasvortojn en gxi. Kaj kiel vi vidas, se vi ne jam, vi tuj devas ŝanĝi la tablo iom. Vi tuj devos aldoni iun caché al ĉiu de la uzantoj en tiu tablo, kaj vi tuj devas aldoni alian historion tablo, teko tablo, aŭ eble nomas ĝin ion alian. Sed en terminoj de pensi pri kiel fari tion, ni malfermu tiun ilon kiuj ni uzas la vendredo, sed se ne konas, la aparaton venas kun ilo vokis phpMyAdmin kiu hazarde skribita en PHP, sed lia celo en la vivo, post kiam mi ensalutas tie kiel jharvard kun rugxa, estas doni al mi uzantamika vojo de vidi kaj ŝanĝi mian datumbazon. 

La datumbazo kiun mi kurante en la aparaton nomata MySQL. Ĉi tio estas tre populara, kaj ĝi estas libera fonto malfermita datumbazo tio mirinde facila por uzi, speciale kun antaŭa finiĝas kiel ĉi tio. Kion tiu ilo permesas min fari, ekzemple, estas poke ĉirkaŭ tabloj. Lasu min kaj faros. Vendrede ni kreis tabelon nomis studentoj kiuj estis super simpla. Ĝi havis 3 kolumnoj - id, nomo, kaj retpoŝto - kaj mi permane insertos paron de vicoj kiel David, kaj Mike en ĉi tiu aparta ekzemplo. Ni prenu tiun iom plu, kaj ni supozu, ke ni volas memori pli ol nur nomo kaj retpoŝta pri uzanto. Lasu min klaku Strukturo tien je la supro. Kaj denove, la pset marŝas vin tra la kondiĉo paŝojn tie, Do, ne maltrankviliĝu se iuj de ĉi tio estas iom rapida. Tiam mi tuj alklaku ĉi tie. Mi tuj aldonos iujn nombro de kolumnoj post retpoŝto ĉar mi volas aldoni ion kiel loĝejo. Mi forgesis gravuri studenta domo. Lasu min alklakos Iru, kaj nun ni havas ĉi tiun formon kiu bedaŭrinde estas iom larĝa de maldekstre al dekstre, sed mi iros alvoki la nomon de tiu kampo domo, kaj tiam la tipo mi nun devas elekti. Do ni havas mallongan babilejo pri la diversaj tipoj en MySQL ĉar dum PHP estas malforte tajpis kaj ia ludas rapida kaj malfiksas kun tipoj, en datumbazo speciale estas super grave reale uzi tajpante por vi ĉar unu el la aĵoj MySQL kaj aliaj datumbazo motoroj povas fari por vi estas certigi ke vi ne metas falsaj datumojn en la datumbazo. Tio estas speco de libera eraron kontrolinte disponebla por vi. 

Por domon ni evidente ne volas ĝin esti int, kiu estas 32-bita valoro en MySQL. Ni faris paroli mallonge vendrede pri varchar, kiu staras por variablo longo char. Kio estas tio? Tio ebligas al vi precizigi ke vi volas ĉi tion al esti ĉeno de iu tipo. Vi ne vere scias anticipe kiel longe estas, do ni havos arbitre diras domon nomo povas esti 255 signoj, sed vi povus iri kun 32, 64 - ajnan numeron vere. Sed la avantaĝon de uzi varchar super kampo nomata char tio estas kio? Nur intuicie, se mi rulumu malsupren tie, rimarki ke estas char kaj ekzistas varchar. Varchar estas ŝanĝiĝema longo char; char estas fiksita longeco char. Do bazita nur sur tiu difino, kio estas la avantaĝo aŭ malavantaĝo de ĉiu el tiuj? En aliaj vortoj, kiuj zorgas pri la distingo, aŭ kial vi zorgas? 

Yeah. [Studento] Varchar havas pli fleksebleco sed okupas pli memoro. Bona. Varchar okupas pli - Ni vidos. Mi ne certas se mi aŭdis tiun rajton. Ĉu vi povas diri, ke iam pli? [Studento] Mi diris varchar probable havas pli fleksebleco sed okupas pli memoro. Interesa. Okay. Varchar probable donas al vi pli fleksebleco sed okupas pli memoro. La lasta estas ne bezone vera. Ĝi dependas de la kunteksto, sed ni revenos al tio. 

[Inaudible studento respondon] Ekzakte. Fakte la kazo ke char estos tipe uzas pli memoro ĉar char, kiel en C, estas kiel kordoj, estas tabelo de signoj. Do se vi diras al char kampo de longo 255, la datumbazo estas laŭvorte tuj donos al vi 255 signoj. Kaj se la domo finas esti Mather kaj 6 signoj tuta, vi malŝparas ol 200 signoj. 

Tial varchar efektive nur uzas tiom da karakteroj kiom necese ĝis maksimumo kvanto. Sed la prezo vi pagas fakte agado, potenciale. Se vi scias anticipe kiu ĉiuj viaj kordoj tuj estos 8 signoj - ekzemple, supozu ke vi postulas pasvortojn de longo 8 - la supra parto de uzanta char kampo sur okazo, kvankam ne ofte, estas al precizigi fiksa longeco por iu kiel pasvorton ĉar nun la datumbazo povas esti eĉ pli inteligenta. Se ĝi scias, ke ĉiu signo kampo, ĉiu ĉeno en kolumno estas la sama longo, vi reiros la trajto de hazarda aliron. Vi povas salti ĉirkaŭ inter la diversaj char kampoj en via datumbaza tabelo ĉar pensi datumbazo kiel vicoj kaj kolumnoj. Do, se ĉiu el la kordoj estas la sama longo, vi scias, ke la unua estas je bajtoj 0, la sekva estas je bajtoj 8 kaj poste 16 kaj tiam 24 kaj tiel plu. Do se ĉiuj kordoj estas de la sama longo, vi povas salti ĉirkaŭ multe pli efike. Do kiu povas esti avantaĝo en terminoj de rendimento, sed tipe vi ne havas la lukson de scii anticipe, tial varchar estas la maniero iri. Jen alia detalo kiun eĉ Facebook kolizias eventuale. Ints estas grandaj, kaj ni ia uzi ilin defaŭlte ajn ni volas numeron, sed estas nur 32 bitoj. 

Kaj eĉ se Facebook ne sufiĉe havas 4 miliardoj uzantoj nun, ekzistas certe kelkaj homoj tie ekstere kun multnombraj rakontas aŭ kontoj kiuj malfermis kaj poste fermis, kaj tiel Facebook mem mi kredas antaŭ kelkaj jaroj devis transiro de int al, kiel estas acertadamente vokis, bigint, kiu estas nur 64 bitoj anstataŭe. Do ankaux estas dezajno decido. Vi estus mirinde bonŝanca se via fina projekto temas ekkuro, estas 4 miliardoj kaj 1 uzantoj, doni aŭ preni, en kies kazo uzante ints povus esti iom miopa. Sed en realo, viaj uzantoj tablo estas probable fajna kun ints. Sed por iu kiel pset 7, kiel via historio tablo, vi eble havas milojn, milionojn da uzantoj se vi evolui al etrade.com. Do dum vi eble ne havas pli ol 4 miliardoj uzantoj, tiuj uzantoj vi iam povus havi pli ol 4 miliardoj transakcioj tra tempo - aĉetas kaj vendas kaj aĵoj en sia historio. Do se vi faras anticipi - denove, ĉi tiuj estas bonaj problemoj havi se vi havas ĉi da datumoj - se vi faros anticipi datumoj superi la grandeco de int, iri kun iu kiel bigint estas direkto ne ofte sufiĉas adoptita de diseñadores ĉar homoj figuro kiu ne iras al esti problemo, sed estas ĉi facile elekti ion pli granda ol tio. Dekuma ni uzas en pset 7, kiu specifas fiksan precizeco tiel vi povos eviti la problemoj engaĝante flosas kaj duobloj kaj reelaj nombroj kaj similaj. 

Kaj tiam tie estas kelkaj aliaj kampoj ĉi tie. Ni skuu niaj manoj ilin ĝis punkto. Sed datoj, tempoj ĉiuj havas preskribitaj formato en MySQL, kaj la avantaĝon de provizon datojn kiel datoj kaj ne varchars signifas ke la datumbazo povas fakte reformat ilin en malsamaj formatoj, ĉu usona formato aŭ eŭropaj formato aŭ kiel - tamen vi volas - multe pli efike ol se ĝi estus nur iuj generic varchar. Kaj tiam ekzistas iu alia duuma, varbinary, _blobs_. Ĉi tiuj estas duuma grandaj celoj, kaj vi povas ankaŭ stoki duumaj datumoj tiel kiel geometria datumoj en la datumbazo. Sed por ni, ni faros tipe zorgas pri ints kaj varchars kaj similaj. Ni finos cxi tiun ekzemplon kun domo. Domo mi tuj arbitre diras estos 255 signoj. Tiam defaŭlta valoro ni povus tion fari. Ni povus defaŭlte metis cxiun en Mather Domo, ekzemple. Tiel estas kiel ni povus precizigi ke la datumbazo devus certigi ke iu ĉiam havas valoron. Sed mi lasos tion esti. Fakte, por homoj, kiuj vivas de campus kaj ne en domo, eble mi vere volas precizigi ke la defaŭlta valoro por domo estas NULL, kaj tiam mi bezonas ebligu tion kaj diri al la datumbazo estas bone se la uzanto domo estas NULL. 

Denove, ĉi tio estas alia defenda mekanismo vi povas meti en lokon tiel vi eĉ ne devos meti ĝin en via PHP kodo nepre. La datumbazo certigos ke la aĵoj estas aŭ ne estas NULL. Kaj poste laste, Atributoj. Neniu el tiuj estas vere grava. Duuma, sensigna - neniu el tiuj estas gravaj al varchar. Indekso. Ĉu iu konas aŭ memoras aŭ havi guess pri kio indico estas por iu kiel domo? Ĉi tiu estas ankaŭ efektive grava kaj relative facila dezajno decido. Por tiuj kiuj ankoraŭ ne vidis ĝin, vendrede ni parolis mallonge pri primara klavoj. En datumbazo tabelo, la ĉefa ŝlosilo estas la kampo aŭ kolumno ke unike identigas vicoj de la tabulo. Do en la nuna tabelo ni havas IDs, ni havas nomojn kaj retpoŝtoj. Kiu el tiuj estas la plej bona kandidato al esti primara tonalo, kies rolo estas unike identigi vicoj? Probable ID. Eble, ni povus ankaŭ uzi kion kvankam? Eble vi povus uzi retpoŝton ĉar en teorio estas unika se homo estas dividi retpoŝto rakontas. Sed la realo estas ke se vi uzas nombran ID kiel 1234, ke nur 32 bitoj, dum kiu retadreso povis esti ĉi multaj bitokoj aŭ tiun multaj bajtoj. Do en terminoj de efikeco por unika ensalutiloj, ĝi emas esti bona praktiko ĝuste uzi int eĉ se vi havas iujn string kandidato, ke vi povus eble uzi. 

Por iu kiel domo, ĉi tiu devus ne esti primara ŝlosilo ĉar tiam nur 1 persono povus vivi en Mather kaj 1 persono en Currier kaj similaj. Simile, tio devus ne esti sola. La diferenco inter primara kaj sola estas ke en la kazo de nia aktuala tabelo, ID estus primara sed mail ne estas primara por la kialo ni ĵus menciita - agado - sed devus ankoraŭ esti unika. Do vi povas ankoraŭ valori unikeco sen fari la aserton ke ĝi estas super grava ĉefa kampo. Sed ĉi tiu estas sufiĉe utila: Indekso. Se vi scias anticipe por via fina projekto, por pset 7, aŭ en ĝenerala, ke ĉi tiu kampo domo tuj estos io, kion vi serĉas en sufiĉe uzante la unuaranga ŝlosilvorto aŭ ion alian, tiam vi povas preemptively diru al la datumbazo por labori lia magio kaj certigi ke ĝi kreas en memoro ajna kaprico datumstrukturoj necesa por agilizar serĉoj bazita sur domo. Eble uzos hash tablo, eble uzos ligillisto. Fakte, ĝi emas uzi arbo, ofte strukturo nomata B-arbo - ne duuma arbo sed B-arbo - kiu estas tre larĝa arbo ke vi povus vidi en klaso kiel CS124, la datumstrukturoj klaso. Sed en fino, vi ne devas zorgi pri tiu uzinte inteligenta datumbazo programaro. Vi povas simple diri tion, "Indekso tiu kampo do mi povas serĉi ĝin pli efike." 

Se vi lasas tiun for, kaj vi provas sercxi por cxiuj popoloj de la datumbazo, kiu loĝas en Mather, ĝi devolve enen lineara serĉo. Kaj se vi havas 6.000 undergrads ĉiuj vivantaj en iu domo, vi iras por serĉi la tuta tabelo por trovi la Matherites, dum se vi diras Indekso, espereble estos io proksima al logaritma serĉo trovi tiujn specojn de studentoj. Tiu estas nur liberaj trajto por ŝalti, kvankam ĝi venis al prezo de iu kvanto de spaco. Fine, auto-pliigo, ĉi AI kampo, kiu nur signifas se temas pri int kaj vi ne volas zorgi por pliigo ĝin vi mem ĉiufoje estas nova uzanto, kontrolu ke, kaj ĉiu uzanto kiu prenas insertos aŭtomate ricevi novan ID. Ni klaku Save, kaj nun ni trovos kulpo kun ĉi dezajno. Se mi iros en Browse, avertas ke ambaŭ Mike kaj mia domo estas NULL. Mi povas uzi phpMyAdmin redaktanton ĉi permane. Mi povas iri en ĉi tie kaj entajpu Mather kaj poste batis Enter, kaj nun rimarkis la tablo estas malsama. Sed rimarki mi povus fari ion alian tiel. David ID estas 1, tiel phpMyAdmin denove estas nur administra ilo; ĉi tio ne estas io viaj uzantoj iam tuj vidos. Do se mi anstataŭ klaku la SQL langeto supren supro - kaj denove, pset 7 enkondukos vin al pli de tiuj demandoj - Mi povas permane ekzekuti la SQL query strukturita lingvo komando UPDATE uzantoj SET domo = 'Pfoho' WHERE id = 1. Tiuj SQL demandoj estas, bele sufiĉa, sufiĉe legebla de maldekstre al dekstre. Ĝisdatigi la uzantoj tablo, metis la kampo nomata domo Pfoho kie la uzanto ID estas 1. Aŭ mi ne povis eĉ fari kie email = 'malan@harvard.edu'. Tiel longe kiel tiu unike identigas min, kiu funkcius kiel bone. Sed ID emas esti pli alta rendimento, do ni faru tion. Ni klaku Iru. Konsentite, lecture.users ne ekzistas. Kio estas mia eraro? Kio estas la tablo vere nomas ĉi tie? Ĝi estas nomita studentoj nur ĉar tio kion ni faris ĉi tie ĉe supre maldekstre. Ĝi estas nomita studentoj, ne uzantoj. Do alklakos Iru nun. 1 vico tuŝitaj. Query prenis 0,01 sekundoj. Se mi alklakos miajn nun, nun Malan vivas en Pfoho. Do jen alia gusto de SQL, sed la pset irados vin per iom pli de tio. 

Estas stulta decido Mi jam faris ĉi tie. Mi dirus ke ĉi datumbazo dezajno estas senutila ĉar ju pli da homoj mi aldonas al la studentoj tablo, ju pli ni mi komencas aldoni, des pli de la TFs mi komencas aldoni, nin tuj komencos vidi kion redundoj en ĉi tablo? 

Yeah. [Studento] Vidante ke ĝi estas en studentoj, ni uzas la saman [inaudible] La sama - Ĝuste, ĝuste. Do se 400 homoj loĝas en Mather, donu aŭ preni, eventuale tiu tablo tuj havos 400 vicojn kiuj diras "Mather," "Mather," "Mather," "Mather," "Mather." Ni malŝparas ĉiuj tiuj bitokoj, kaj tie estas kelkaj takeaways tie. 1, ekzistas la freneza angulo kazo kie se iu pagas multe da mono kaj renames Mather, ni nun devas ŝanĝi nian tutan datumaron tablo. Tio ne okazos ofte, kvankam Pfoho estis iam nomata Norda Domo 15 jaroj, tiel farigxas. Sed tio ne estas ĉio, kion konvinkaj. Pli konvinkaj ol angulo kazo kiel tiu de neceso ĝisdatigi la datumoj en ŝvelaĵo por datumbazo estas kial vi provizon Mather denove kaj denove kaj denove kaj denove? Tio estas multe da signoj, 6 signoj. Ne povas ni fari eĉ pli bona ol tio, speciale por Pforzheimer? Certe ni povas fari pli bone ol tio multaj gravuloj. Kial ne simple asocii unika identigilo kun ĉiu domo kaj vendejo, ke por ĉiu uzanto? Do ni provu tion. Anstataŭ nur uzi la studentoj tablo, lasu min iri al mia prelego datumbazo supren tie al supre maldekstre. Rimarku tie diras Krei tablo. Lasu min krei novan tablo nomis domoj. La nombro de kolumnoj tuj estos 2. Eniri. Nun mi havas 2 kampoj. Mi iros por voki ĉi tio la nomo, kaj ĝi tuj estu varchar de longo 255, 

sed tio estas sufiĉe arbitra. Mi grupigos cxi tie per konvencio. Do metis ID tien. Ni donu cxiun domon unika identigilo. Ni donu cxiun domon nomon. Ni precizigi ke la identigilo estos sensigna nur konvencio uzi nur pozitivaj nombroj. Ni iru antaŭen kaj donu tiun de auto-pliigo kampo por nun. Kaj faru ni bezonas ion alian? Ni iru antaŭen kaj klaku Save. Nun mi havas duan tablo. Rimarku kiel flanken jen estas la iomete kripta SQL komando ke vi estus devinta skribi permane se ne uzante administra ilo kiel phpMyAdmin. Do alia kialo ni uzas ĝin. Estas mirinde utila ia pedagogie ĉar vi povas klaki ĉirkaŭ kaj elkompreni kiel la aferoj funkcias per nur kopii kaj bati lin phpMyAdmin faris. Sed la Krei tablo komando estas kio estis ĝuste ekzekutitaj, kaj jen estas mia tablo. Lasu min nun kaj uzu krudan SQL anstataŭ oversimplify klakante la Insert langeto. Lasu min do INSERT INTO domoj, kaj mi tuj diros la nomon de la domo tuj havas valoron de 'Mather'. Estas tio. Tiu sintakso estas iom pli kripta. Tiu estas la nomo de la kampoj ni volas enmeti. Tiuj estas la valoroj ni volas enmeti en tiuj kampoj. Lasu min alklakos Iru. 1 vico insertos prenis 0,02 sekundoj. Lasu min alklakos miajn nun. 

Rimarki, ke mi alklakos Foliumi, ekzistas Mather, kies ID estas per aŭtomatigo la nombro 1. Lasu min fari alian. Lasu min iri en la SQL langeto. INSERT INTO domoj. La nomo de la domo tuj havas valoro de Pfoho ks. Iru. Kaj mi povas subteni fari ĉi denove kaj denove kaj denove. Aŭ se vi enuiĝos uzante phpMyAdmin, vi povas simple uzi la Insert langeto kaj ne devas tajpi la krudan SQL. Vi povas simple Bang ĝin pli rapide tajpante, ekzemple, Currier, Enter, kaj nun, se ni alklakos Foliumi, ekzistas Currier kun ID de 3. Do ĉi tiu estas kion ni celas diri per auto-pliigo. Sed nun ni devas ripari ion en studentoj. En studentoj kion faru la datumtipo de la domo kampo nun? Ĝi devus esti int, ĉu ne? Do la celo tie estas faktoro ekster, alie konata kiel normaligi, la tabloj por ke ni ne stokas informojn redundantly en iu ajn el miaj tabeloj. Kaj denove, la vojo ni estis ĉi tie tuj diri Mather, Mather, Mather, Mather, Pfoho, Pfoho, Pfoho, Pfoho, kiu estas tre redunda en terminoj de la malŝparado de la signoj. Do lasu min antaŭeniri kaj ŝanĝi ĉi klakante Strukturo, kaj lasu min antaŭeniri kaj kontroli ekstere la domon kampo, klaku Ŝanĝo, kaj nun mi tuj ŝanĝos ĉi esti int. 255 ne plu estas grava. Lasu min kaj diri ke estas bone se estas ankoraŭ NULL. Savi. Nun tablo studentoj estis ŝanĝita sukcese, kaj rimarki denove domo estas int. Kiel flanken, ignori la nombro en krampoj kiam temas pri ints. 

Ĉi tio estas por legaco kialoj. Reen en la tago, kiam vi ne havis GUI-oj, vi anstataŭe havis komandlinio medio, la 10 kaj 11 respektive specifita kiel multaj gravuloj vi devus montri en la fina fenestro al reale montri kampoj. Ĝi havas nenion komunan kun la iom longo de la efektiva kampo, tiel ni nur ignori ke por nun. Nun mi devas iri en cxi tiun tablon. Kaj se Davido vivas en Mather, domo ne devus esti 0, kiu estas implicite int valoro proksima al nula. Li vivas en domo 1. Ni arbitre diras ke Mike vivas en Pfoho, do domo numero 2. Nun mia tablo aspektas iom pli kripta. Sed konsideru la efikeco. Mi nun uzas nur 32 bitoj por identigi la domo, kiu signifas ke estas nur 1 kanona difino de mia domo Mather kaj Pfoho kaj tio estas en la domoj tablo. Do se mi volas nun realiĝi tiuj tabloj, pensu pri tio ĉi tie. Ĉi tie mi havas mian studentoj tablo, kaj sur la dekstra flanko ekzistas tiuj nombroj, 1 kaj 2. 1 estas Mather, 2 estas Pfoho. Ni havas tiuj samaj nombroj en ĉi tiu alia tablo, kiu estas nomata domoj, 1 kaj 2 kaj 3 por tiuj 3 domoj. Kion ni nun volas fari estas havi la kapablecon en kodo, PHP kaj SQL, ordigi de rekuniĝi tiuj tabloj, kie se tiuj estas la studentoj kaj tiuj estas la domoj, ni volas iel kombini ilin por ke 1 regiono kun 1, 2 linioj kun 2, kaj tiel ke ni povas kalkuli kie David kaj kie Mike kaj kie ĉiuj aliaj vivas. Por fari tion ni povas ekzekuti SQL query kiel jeno. SELECT * FROM studentoj APARTENAS domoj ON - Kaj nun kio kampoj ni aliĝu on? Do students.house = houses.id. 

Iom críptico, sed ĉi tiu parto signifas laŭvorte krei novan temporal tablo tio estas la rezulto de kunigi studentoj kaj domoj. Kaj kiel vi volas kombini la pintoj de miaj fingroj tie? Ŝanĝu la studentoj 'domo kampo egala al la domoj' ID kampo. Kaj se mi nun alklakos Iru, mi reiros precize kion mi atendis. David estas en Mather, Mike estas en Pfoho, kaj mi ankaŭ vidas la solan ensalutiloj. Sed la punkto estas nun mi havas kompletajn tablo. Kaj tial la takeaway tie por pset 7 aŭ vere por la fina projekto: Se vi trovas, ke vi stoki ajna peco de informo redundantly, ĉu ĝi estas domo, eble ĝi estas urbo, stato, kaj ZIP kie ZIP povas kutime sed ne ĉiam povas uzi kiel unika identigilo, ĉu iri tra la ekzerco mense kaj tiam kun iu kiel phpMyAdmin de faktoranta ke komuna datumoj ĉar speciale kiel via retejo ricevas pli bone uzita kaj pli popularaj, jen kiel vi certigi ke ĉiu estas super rapida, donante la datumbazo kiel multaj aludoj pri unikeco ebla. Tio estis tre. Demandojn? Bone. Ni prenu la 5-minuta paŭzo tie kaj reorganizi. Bone. Jeno estas ekzemplo kiu estis uzata antaŭ kelkaj jaroj, kiam mi prenis CS161, kiu estas la mastrumaj sistemoj klaso ĉe la kolegio kiu estas konata por esti mirindaj sed freneza kvanto de laboro, kaj ĝi centras vere en iuj el la malalta nivelo problemojn kiuj estiĝas en mastrumaj sistemoj kaj ankaŭ eĉ en la mondo de datumbazoj. 

La historio kiu estis informita de mia instruisto, Margo Seltzer, tiu jaro estis kiel sekvas. Supozu ke vi havas iom dormejo fridujo por vi kaj via kompano kaj ambaŭ de vi vere ŝatas lakto. Do vi venu hejmen el klaso unu tago, via kompano ne estas ankoraŭ tie, vi malfermos la fridujo, kaj vi konscias, "Ho malbenita, ni estas el lakto." Do vi fermas la fridujo, vi iradu trans la strato al CVS kaj akiri en la ĉiam pli longaj linioj aĉeti iom da lakto en CVS. Dume, via kompano venas hejmen de sia klaso, venas en la ĉambron, malfermas la fridujo vere voli iu lakto, malfermas la fridujo kaj, "Malbenita, neniu lakto." Do li aŭ ŝi fermas la fridujo, promenas ekster la pordo, kaj iras al ABP aŭ ie alia ol CVS kie vi ne tuj pusxigxas al la alia iri preni iom da lakto. Kompreneble kelkaj minutoj poste, ambaŭ de vi reiros hejmen kaj nun vi havas duoble pli multe lakton kiel vi vere volis. Kaj estante lakto, nun ĝi estas tuj iros malbona ĉar vi ŝatas lakto sed vi ne vere ŝatas lakto, tiel nun vi havas tro da lakto, do tuj Sour. Ĉi tiu estas terura, terura situacio. Kio povis esti solvita ĉi situacio se vi estus la unua roommate hejmen? Jes. [Studento] Vi devus esti lasinta noton. [Ridado] Bona. Vi devus esti lasinta noton. Vi devis meti post-li noton aŭ kiel diri, "Gone por lakto," kaj tiam via kompano koncepte estus ŝlosita el reale fari tion. Aŭ vi povus iri 1 pasxon plu. Vi povus laŭvorte ŝlosi la fridujo kun ia pendseruro, kaj nun viaj roommate estos laŭvorte esti ŝlosita el la fridujo. Se ni ĝeneraligi al programado, vi povas preskaŭ pensas pri la fridujo kiel ia variablo aŭ struct, ia ujo por informo. La problemo fundamente estas, ke ambaŭ de vi rajtas inspekti aŭ legu la stato de tiu datumstrukturo, sed vi vidis ĝin en malsamaj epokoj kaj tamen ambaŭ de vi faris decidon bazita sur la stato de la mondo en tiuj malsamaj momentoj en la tempo. Do se vi ŝlosis la fridujo, vi estus almenaŭ evitis vian kompano el povante inspekti la staton de la mondo, do li aŭ ŝi ne povis faris tiun saman decidon. Do datumbazoj, kiel rezultas, havas tiun problemon senĉese. 

Ni vidu se ni povas konstrui scenejo. Supozu ke vi estas ia malbona knabo kaj vi iros al Banko de Ameriko aŭ unu el la aliaj lokoj en la placo kiuj havas paron kasistoj apud la alia, kaj iel vi supozis, kiom por duobligi la ATM kartoj - ne ĉiuj estas tiel malfacila. Estas nur magneta strio. Kaj tiel kion vi volas provi fari estas ludi ĉi tiun ludon per vi metis 1 karto en 1 maŝino, alia karto en la alia maŝino, kaj vi esence volas provi retiriĝi monon samtempe, ĉar imagu ke rakonto iras kiel sekvas. La maŝino maldekstre prenas vian karton kaj via PIN, kaj tiam vi diras "Donu al mi $ 100." La ATM estas planita por la unua fari unuaranga en sia datumbanko aŭ la ekvivalento - kion ajn datumbazo ĝi estas uzanta - vidi tio ĉi uzanto havas almenaŭ $ 100 en sia konto? Se jes, tiam kracxis el la $ 100 kaj subtrahi $ 100 el ilia ekvilibro. Sed kompreneble se estas multnombraj maŝinoj tie aŭ plurajn rimedojn por inspekti la stato de tiu mondo, la banko volbo, por vidi kiom da mono vi havas, supozu ke nur hazarde la komputilo en la maldekstra kaj la dekstra ambaŭ demandi tiun demandon je proksimume la sama momento en la tempo. 

Kaj tio povas certe okazos. Kasistoj estas komputiloj tiuj tagoj. Do se la maŝino maldekstre diras, "Jes, vi havas almenaŭ $ 100," dume la maŝino dekstre diras, "Jes, vi havas almenaŭ $ 100," tiam ambaux procedi por fini siajn programojn kaj reale kracxis el la $ 100 kaj diru: "Antaŭe vi havis $ 200." "Lasu min ĝisdatigi la variablo por nun esti $ 100 lasita en la konto." Sed se ambaŭ de ili kontrolitaj via konto ekvilibron kaj trovis ke ĝi estas $ 200 kaj ambaux tiam faru la math kaj diru 200 - 100, la maŝinoj potenciale kracxis el du $ 100 bekojn en ĉiu maŝino, sed ili nur ĝisdatigis vian sumon konton ekvilibro esti $ 100. En aliaj vortoj, vi prenis el $ 200, sed ĉar ili inspektis la stato de la mondo samtempe kaj tiam faris decidon surbaze de tiu valoro, ili povus ne fari la math finfine ĝuste. Do en datenbanko situacio tro vi vere volas havi ian lockout por ke tiel frue kiel vi kontrolis la staton de iu variablo ke estas vere grava, kiel via konto ekvilibro, ke neniu alia faras decidojn surbaze de kiu ĝis vi faris faras vian aferon, kie en ĉi tiu kazo vi estas la ATM maldekstre. Ŝlosu ĉiuj aliaj ekstere. Vi povas vere atingi tion efekto en kelkaj malsamaj vojoj. 

La plej simpla maniero MySQL estas linio de SQL ke ni donis al vi en la problemo aro especificación kiu aspektas ekzakte kiel ĉi tio. Enmetu en la tabelo - kio ajn ĝi nomiĝas - estas id, simbolo, kaj dividas, nombro de agoj, la sekvaj valoroj, ekzemple. Se vi ne legis la spec tamen, ĉi tiu estas ekzemplo engaĝante kiel vi irados tra aĉeti 10 agoj de ĉi centono stock por Prezidanto Skroob, kies uzanto ID hazarde estas la nombro 7? Ĉi tio diras INSERT INTO tablo la sekva id, simbolo, kaj nombro de agoj de 7, 'DVN.V', kaj 10. Sed - sed, sed, sed - la dua linio estas la plej grava. ON duobligi KEY UPDATE dividas = dividas + valoroj (agoj). Do tute críptico-rigardante unua rigardo. Sed la fakto ke ĉi SQL query, kvankam ĝi envolvas sur 2 linioj, estas 1 longe konsulto, tio signifas ke estas atoma en la senso ke tiu demando estos ĉu esti ekzekutita ĉiuj kune aŭ ne. Kaj per difino de MySQL, jen kiel ili implementado ĉi demando. Ĝi estas per difino en la manlibro garantiita por ekzekuti subite aŭ tute ne. La motivado por ĉi tiu estas kiel sekvas. Se en ĉi tiu kazo vi provas aĉeti 10 agoj de stock, ĝi estas speco de la sama rakonto kiel la lakto, estas speco de la sama rakonto kiel la ATM. 

Se vi faras la eraron de ne uzi tiun sintakson sed anstataŭ elekti el la datumbazo por vidi kiom da agoj de ĉi centono stock tio Prezidanto Skroob havas, kaj supozas ke li havas 10 agoj, kaj tiam iuj split dua poste vi tiam fari UPDATE deklaro, kio apartenas al alia aserto en SQL kiu diras antaŭeniri kaj aldoni ankoraŭ 10 agoj al sia nuna 10 por ke ideale la tuta estas 20, la problemo estas ĉar en la nuna datumbazo sistemoj kaj ĉar en la hodiaŭa komputiloj vi havas plurajn procesorojn, multnombraj kernoj - en aliaj vortoj, komputiloj povas laŭvorte faros multnombraj aferojn samtempe - ne estas garantio, ke via SELECT kaj via UPDATE en ĉi tiu kazo tuj okazos malantaŭo al malantaŭo. Do malbona scenaro estus vi faras la SELECT por vidi kiom da agoj de ĉi centono stock ne Skroob havi, kaj tiam ĵus hazarde alia informmendo estas ekzekutita - eble lia Skroob en alia retumilo fenestro provi aĉeti 10 agoj en alia fenestro en aro, multe kiel la ATM - kaj supozu ke alia demando ricevas en inter SELECT kaj la UPDATE. Ĝi povus esti la kazo ke Skroob nun perdas iom da agoj ĉar alia procezo inspekti la staton de sia mondo, aŭ li ricevas pli dividas ol li devus havi. Ni ne iros al la detaloj de akurate kio tiuj aparta rakonto linioj estus, sed la punkto estas se vi havas por kontroli a variabloj valoro kaj tiam preni decidon, se estas risko de iu alia faras ion en inter tiuj 2 frazoj, kiel povas okazi en multiprocesador sistemoj, en multicore sistemoj, komputiloj kun la kapablo fari multnombrajn aferojn samtempe, malbona aĵoj povas okazi kiel bankaj kontoj esti debited malĝuste, aĉetante duoble da lakto, aŭ en tiu kazo la malĝusta nombro de agoj. Sed estas pli facila maniero por pensi pri tiu. 

Ĝi rezultas ke SQL ankaŭ apogas, se vi agordi vian tablon ĝuste, iu nomita transakcioj, kiun mi dirus estas fakte eĉ pli facile kompreni ol tio, sed ĝi ne estas 1-Liner, do ĝi estas fakte iom pli implikitaj. Estas laŭvorte deklaro en SQL nomis START transakcio. Samkiel ekzistas SELECT, UPDATE, INSERT, DELETE, kaj APARTENAS kaj faskon da aliaj, estas ŝlosilvortoj kiel START transakcio. Kaj kion vi faru en la kunteksto de pset 7 - vi ne devas fari tion por pset 7; ĝi estas eksplicite disclaimed kiel ne necesas, sed por fino projektoj povas esti utila - se vi nomas konsulto de START transakcio kaj tiam alia demando kaj tiam alia demando kaj poste alia, alia, kaj alia, tiuj demandoj ne vere esti ekzekutita ĝis vi nomas la SQL aserto fari, je kiu punkto, ĉu ĝi estas 2 deklaroj aŭ 20 deklaroj, ili ĉiuj estos ekzekutita senprokraste, kio signifas neniu alia povas hazarde aĉetos tro da lakto aŭ debeto tro da mono aŭ aĉeti tro multaj agoj ĉar ĉiuj el viaj demandoj ekzekutos malantaŭo al malantaŭo al malantaŭo al malantaŭo. Kaj jen estas super grava, precipe kiam vi faras iun kiel ĉi tio. Tiu estas ajna ekzemplo kiu diras let la ĝisdatigi la bankokonto per opcio ekvilibron egala al ekvilibro - $ 1000 kie la konto numero estas 2. Kaj tiam la dua frazo estas nun ni deponos ke $ 1000 en iu alia estas bankokonto kies konto nombro estas 1. 

Alivorte, ĉi tiu estas perfekta ekzemplo de kie vi volas certigi ke ambaŭ tiuj deklaroj okazi aŭ ne tute ĉar alie la kliento tuj get ŝraŭbita kaj vi tuj prenos lian monon kaj ne deponi ĝin aliloke, aŭ la banko tuj get ŝraŭbita kie vi iras por deponi monon sed fakte ne subtrahi ĝin de la uzanto konton. Do vi volas ilin ambaŭ por ekzekuti kune. Tiel eniras en la mondon transakcioj. Por ke io gardi en la dorso de via menso, ne tiom por la celoj de nur fina projekto, sed se vi volas preni vian lastan projekton ie, se vi volas funkciigi iun entreprenon ĉirkaŭ ĝi, se vi volas solvi iujn studento grupo problemo en kampuso kaj fakte havas vivas, aktiva retejo, ĉi tiuj estas la speco de subtila bugs kiu povas ekesti se vi ne sufiĉe pensas tra povas okazi se 2 personoj provas aliri vian retejon en laŭvorte la sama momento en la tempo, per sia demandoj povus alie get interplektitaj. 

Preta por iu JavaScript, teaser gxiaj? Tio estas nia lasta lingvo por la semestro. Bone. Feliĉe, JavaScript aspektas tre, tre, tre simila al la 2 lingvoj, C kaj PHP, ni faris ĝis nun. Ne JavaScript en pset 7, sed estas nekredeble utila ilo kiam temas pri fari ttt-bazita fino projektoj aŭ vere nur ttt programado pli ĝenerale. Do rapidan superrigardon de iu nomita DOM. Jen super simpla retpaĝo kiu vere nur diras saluton, mondo ambaŭ en la titolo kaj en la korpo. Kiel la deŝovon estis sugestante por iu tempo, tie estas ja hierarkio al retpaĝoj. Mi povus desegni tiun saman fragmento de HTML kiel arbo, pensante al nia diskutoj de datumstrukturoj en C, kiel sekvas. Mi havas kelkajn specialajn radika vertico nomis la dokumenton nodo, kaj ni vidos la analoga de ĉi en JavaScript en nur momento. La unua infano kaj sola infano de tiu en ĉi tiu kazo estas la HTML etikedo. Ne rekta surĵeto de la DOCTYPE. Tio estas speciala afero, do ni devus simple ignori ĝin kiam temas pri ĉi DOM, ĉi dokumento Object Model arbo. Rimarku ke la HTML-etikedo, kiu mi priskribis arbitre kiel rektangulo, havas 2 filojn: kapo kaj korpo. 

Tiuj estas simile desegnita kiel rektanguloj. Estas signifa pictóricamente ke kapo estas maldekstre de korpo. La signifo estas, ke kapo venas unue en la arbo. Do tie estas reale ordigante al arbo kiam vi desegnas ĝin kiel ĉi tiu, kvankam la formoj kaj whatnot estas arbitra. Kapo dume havas solan infano nomita titolo, kaj titolo fakte havas sian propran infanon, kiu estas "saluton, mondo", kiun mi intence tiris kiel ovala tie fari ĝin iomete malsama de la rektangulo. Tiuj rektanguloj estas eroj, dum saluton, mondo estas vere teksto nodo. Do ĝi estas nodo en la arbo, sed ĝi estas malsama tipo de nodo do mi tiris ĝin arbitre malsame. Simile tio korpo havas filon nomita saluton, mondo tiel, tiel malsama nodo kvankam ili estas hazarde la sama teksto, sed mi nomis ĝin uzante la saman formon. Do who cares? Nu, kio estas agrabla pri HTML estas ke ĝi havas ĉi hierarkia naturo. Kaj kio estas agrabla pri JavaScript kaj aparte bibliotekoj kiuj estas libere disponebla kaj popularaj kiel jQuery, vi povas navigi la arbo strukturo tiom mirinde facila. Ajna el tiuj aĵoj oni faris en C kun punteros kaj trairante arboj kaj recursing sur nodoj maldekstra infano dekstra infano, subite ni povas ordigi de preni por donita kiel mirinde esclarecedor se ne iom frustra sed ne proksime kompetenta maniero por iri sur programado. Kaj tial kun tiuj pli alta nivelo lingvoj kiel JavaScript ni povos navigi tiu arbo multe pli intuicie. 

Kaj efektive la sintakso tuj estos sufiĉe familiara. Se vi neniam vidis JavaScript antaŭe, tio estas vere bela referenco de la Mozilla folks, la personoj kiuj faras Firefox, do bonvolu rigardi ke ĉe via oportuneco. Kion vi trovos - kaj tiuj diapozitivoj estas identaj al kion ni uzas en la sekva tago - simile, ĉefa estas for. Do kiam vi skribi programon en JavaScript, ne estas ĉefa funkcio. Vi nur komenci skribi kodon. Sed ŝlosila distingo inter JavaScript kaj C kaj PHP estas ke dum C kaj PHP ĝis nun estis ekzekutita servilo flanko per la aparaton en ĉi tiu kazo aŭ pli ĝenerale por servilo, Javascript per dezajno estas kutime ekzekutis per retumilo. Alivorte, vi eble skribi JavaScript kodon, kiel ni estas estonta, en servanto en la aparaton, sed vi inkluzivi ĝin inter viaj HTML, inter viaj CSS, inter viaj gifs kaj via PNGs kaj via JPEG-oj tiel ke kiam la uzanto vizitas vian paĝon, se vi uzas JavaScript, ke JavaScript kodo venas el servilo al foliumilo, kaj estas la retumilo kiun fakte ekzekutas. Do tiu havas signifajn sekvojn por eĉ intelekta proprieto. Estas ia stulta por pensi pri protektado via IP kiam temas pri JavaScript kodo ĉar por naturo de la lingvo tio gets ekzekutita kutime retumilo flanko. 

Vi povas obfuscate ĝin, kio signifas ke vi povas fari ĝin rigardas absurda kaj malbela sen spaceto, hidaj variablo nomoj, por fari ĝin pli malfacila por homoj ŝteli vian IP, sed la ŝlosilo estas ke ĝi estas ekzekutita retumilo flanko. Kvankam kiel flanken JavaScript povas uzi servilon flanko, la plej komuna uzo kazo nun estas ankoraŭ en la foliumilo. Kaj jen kio aspektas. Jen se-else if-else konstrui ĝuste kiel C, same kiel PHP. Jen estas Bulea esprimo kiam vi "aŭ" 2 aĵoj kune. Jen kiam vi "kaj" 2 aĵoj kune. Jen ŝaltilo deklaro, kiu estas simila al PHP en kiun vi povas ŝalti en malsamaj tipoj de valoroj. Maŝojn simile havi por maŝojn tie, kiuj estas strukturita idente al kion ni vidis antaŭe. Dum cikloj; ni got fari dum cikloj. Variabloj, nur milde malsama. Vi deklaras variablojn kiel vi faras en PHP kaj C, sed simile estas JavaScript malforte tajpita. Vi ne specifis int aŭ kaleŝego aŭ ŝnuro aŭ io kiel tio kutime. Vi povas specifi var. Vi ne devas precizigi var, sed ĝi havas implicojn se vi ne. Kutime, se vi preterlasas var, vi hazarde krei tutmondan variablo anstataŭ lokaj. Do mi proponas ke vi preskaŭ ĉiam nur diras var kaj tiam la nomo de la variablo. Ne tipo, estas nur var por variablo. Tiu estus ekzemplo, cxu gxi estas 123 aŭ "saluton, mondo". Arrays ĉeestas kaj sintakse simila al PHP. Mi diros var nombroj kaj tiam mi uzas kvadrataj krampoj denove deklari variablon kies tipo estas tabelo kiu havas tiujn apartajn numerojn en ĝi apartigita per komoj. Kaj poste laste, ĉi tiu estas la sola kiu vere aspektas malsama. Rememoru, ke en PHP ni estus implementado asocieca tabelo por studento kiel Zamyla kiuj povus aspekti kiel ĉi tio, kie la variablo estas nomita studento. La rektaj krampoj signifas jen tabelo. 

La fakto ke mi ne uzante nombraj indeksoj sed kordoj - id, domo, kaj nomo - signifas ke ĉi tiu estas asocieca tabelo, kaj tiuj sagoj kun la egala signo kaj la angled krampo signifas ke la ŝlosilo estas "id", la valoro estas 1; la ŝlosilo estas "domo", la valoro estas Winthrop Domo; la ŝlosilo estas "nomo", la valoro estas Zamyla Chan. Do ekzistas 3 klavoj ene de ĉi asociaj tabelo, ĉiu el kiuj havas propran valoron. Ni vidis ke en pset 7, aŭ vi baldaŭ faros, en JavaScript sama ideo, sed tuj aspekti ĉi. Do var studento - ne dolaro signo kaj sen mencio de tipo ankoraŭ sed var - egalaj kaj tiam malfermu frizita krampoj ĉar en JavaScript kiam vi havas klavon valoro paroj, vi fakte uzas iun nomita objekto. Kaj tiuj el vi, kiuj prenis APCS aŭ la kiel eble rememoras celojn de Java aŭ similaj lingvoj. Javascript estas ne Javo, en unua loko. Estis diskutita dezajno decido jarojn frapi sur io alia, kiu estis populara, lia nomo, kvankam ĝi ne havas fundamentan rilato al Java mem. Javascript havas celojn, kaj vi kreas ilin tra la frizita streĉa skribmaniero. Celoj en JavaScript estas sufiĉe multe ekvivalenta al asociaj tabeloj en PHP kiam temas pri provizon datumoj ene de ili. 

Sed eĉ pli potence en JavaScript povas asocii tre facile funkcioj ene de objekto, kaj kvankam vi povas fari tion en aliaj lingvoj, ĝi estas sufiĉe komuna paradigmo, kiel ni vidos. Unuvorte, tiu objekto reprezentas studento, kiu estas aparte Zamyla, kaj estas similaj koncepte, simple sintakse malsamaj de tio. Ni efektive uzi JavaScript en dosiero. Ĝi rezultas ekzistas skripto etikedo. Ni vidis stilon etikedo kaj ni vidis aliajn HTML-etikedoj. La skripto etikedo reale enhavos iujn kodo JavaScript. Lasu min iri en la aparaton, kie ni havas iun fontkodon antaŭ-faritaj. Mi ne afiŝis ĝin ankoraŭ en la retejo, sed Mi faros, ke post klaso. Ni malfermu ĉi tiu, blink.html. Tie en la jaroj 1990, ne estis laŭvorte HTML tag nomata blink etikedo, kaj ĉi tiu estis unu el la plej mirinde overused etikedoj en la Interreto per vi volas viziti iujn 1990 stilo retpaĝo kaj komenci vidi teksto brilantaj vi ŝatas tion, la rezultojn de la markizo etikedo, kiu estis tekston tuj ŝatas tion. Unu el la malmultaj fojoj kie la mondo vere interkonsentis pri retejo standardo, ĉiuj trans la tabulo mortigis la blink etikedo antaŭ kelkaj jaroj. Sed ni povas revivigi lin kun JavaScript kiel pruvon de la povo vi havas kiam vi povas skribi programon ene de retpaĝo. Unue ni salti super la nova materialo kaj enfokusigi nur sur la malnova. 

Jen estas la malnova ŝtofo en ĉi tiu ekzemplo. Mi havas HTML tag, kapo etikedo, kaj titolo etikedo. Tiam mi havas korpon etikedo tie kun div, kiu memoros estas nur rektangula divido de la paĝo ke mi donis unikan ID arbitre de "saluton" al, nur tiel mi havas formon de unike raportante al li, kiu havas tre simplan tekston: saluton, mondo. Nun lasu min rulumi supren al la supro de ĉi tiu dosiero kaj vidos kio estas nova. La unua kiu novas ĉe pinto estas la skripto etikedo, kaj ene de la skripto etikedo avizo mi deklaris funkcio. Deklari funkcio en JavaScript, belaj simila al PHP, vi laŭvorte skribi funkcio tiam la nomo de la funkcio, krampoj, kaj eble iuj argumentoj se ĝi portas neniun. Tiam Mi havas mian frizita streĉa kiel kutime, kaj nun ni havas iujn iomete nova kodo, sed ni vidu kion ĉi tio signifas. Do var div, ĉi nur signifas al mi variablo nomita div. Mi povis ŝin nomis foo, sed mi volis nomi div por kialoj kiuj estos klara en sekundo. Tiam rezultas en JavaScript - kaj ĉi tiu estas kodo JavaScript enigita en mia retpaĝo - estas speciala tutmonda variablo de varoj nomita dokumento. Javascript estas fakte objekteman lingvo. Ni ne eniros en detalo en 50 pri kion tio signifas, sed por nun scias ke celo estas preskaux kiel struct. Kiel ni vidis vojon reen kiam en unu el la plej fruaj problemo aroj kie ni metas multe da informo en struct, simile estas dokumenti speciala struct kiu venas kun la krozilo, venas kun ajna TTT-paĝo. Ĝi ne estas io mi kreis. Ene de ĉi tiu dokumento strukturo, tamen, vi havas ne nur datumoj sed vi ankaŭ havas funkciojn. 

Kaj iam vi havas funkcion ene de strukturo, ene de objekto, ĝi estas nomata metodo. Sed estas la sama aĵo. Metodo estas funkcio kiu ĝuste tiel okazas al esti ene de io alia. Do tio signifas ke ĉi tiu speciala tutmonda variablo nomis dokumenton estas funkcio nomita getElementById kiu laŭvorte faras tion. Ĝi ricevos vin ero de la DOM, Dokumento Object Model arbo, kies ID estas en ĉi tiu kazo saluton. En aliaj vortoj, ĉiu tiu tempo ni pasigis en datumstrukturoj havas rolon tie. Ĉi tiu pentraĵo de DOM ke ni havis antaŭ momento, kvankam la paĝo estas iom malsama, se mi havis div en ĉi bildon, kio document.getElementById revenus al mi estus efektive esti puntero al la rektangulo en la arbo, referenco al la rektangulo en la arbo. Do jen kion signifas vere nomas unu el tiuj funkcioj. En ĉi tiu kazo ĝi denove estas div. Tio ne estas korpo aŭ titolo. Do ni vidu kion mi faru kun tiu div nun ke mi havas ĝin ene de ĉi variablo nomis div. Ĝi rezultas kun JavaScript vi havas la kapablon tweak la CSS de via paĝo dinamike. Ĝis nun, ĉiuj la CSS ni faris, kvankam limigita, estas en stilo atributoj, aŭ kie ajn ni metis CSS? Mi ia trodorlotita tiu. En la stilo etikedo ĉe la supro de la dosiero. Aŭ tria loko estis en? 

Ekstera dosiero, io. Css. Do tiuj estas la 3 lokoj ni faris CSS tiel malproksime, sed la ruzo estas ke ni forte kodita ĉion. Vi decidis, kiel vi kolombo en pset 7, ni decidis antaux prelegi kion niaj CSS estus. Sed se vi volas ŝanĝi vian CSS, vi povas efektive fari tion kiam vi havas la veran programlingvo. CSS, HTML - ne programado lingvoj. Javascript estas. Do rezultas ke tuj kiam vi havas unu el tiuj rektanguloj de la arbo vokis la DOM, ĝi havas sin iuj datumoj ene de ĝi. Do la div ke mi ĵus kaptis el la arbo havas, kion ni vokos propraĵo ene de ĝi nomita stilo, kaj la stilo proprieto havas sin proprieto nomis videbleco. Mi scias tion nur per suprenrigardinte al CSS uzanto manlibro. Rezultas ke estas videbleco CSS proprieto kiu faras kio diras. Ĝi faras ion videbla aŭ ne, videbla aŭ ne. Kaj kiel vi faras tion estas ĉi. Mi petas programmatically se la videblecon de ĉi div estas kaŝita, kion mi ŝanĝu ĝin al? Videbla. Else if la videblecon de ĉi tiu paĝo ne estas kaŝita, logike mi faros ĝin kaŝita. Mi tute ne scias kial ĝi estas videbla kaj kaŝita kaj ne videblaj kaj nevideblaj. Tio estis malbona decido dezajno survoje. Sed tiuj ja maloj en CSS: videbla kaj kaŝitan. Ĉiu ĉi tio estas tio signifas ŝanĝi la CSS de mia dosiero por sezonoj, ene kaj ekstere por tiu aparta div. Sed denove, tio estas funkcio nomita blink. Kiam estas la blink funkcio nomita? Rezultas ke estas alia speciala tutmonda variablo nomita fenestro, simila en spirito dokumento, sed dum la dokumenton referencas al via retpaĝo, kiel la DOM arbo, la HTML vi sendis de la servilo, fenestro raportas al la kromio ĉirkaŭ ĝi, la adreso trinkejo, la titolo trinkejo, kaj ĉiuj kiuj aĵoj ĉirkaŭ vian retpaĝon. 

Kaj ĝi rezultas ke la fenestro objekto havas specialan funkcion ene de ĝi nomis setInterval kiu faras kion ĝi diras. Ĝi starigos intervalo - en ĉi tiu kazo ĉiu 500 milisekundoj - kaj, preni konjekto, kio ĝi faros ĉiun 500 milisekundoj? Ĝi tuj ekzekuti tiu funkcio blink. Kaj kio estas bela ĉi tie estas, ke ni povus tion faris en C kvankam ni neniam faris. C ja havas ion nomatan funkcio punteros kie vi povas pasi funkcioj ĉirkaŭ kiel argumentoj. Simile en JavaScript vi povas pasi la nomo de funkcio en alian funkcion. Kaj rimarki kion mi faras. Mi ne faras tion. Se mi metis krampoj post la blink, kiu signifus alvoki blink funkcio. Se mi preterlasi ilin, tio signifas jen la blink funkcio por ke setInterval povas nomi ĝin ĉiu 500 milisekundoj. Do la fina rezulto, atroz kvankam ĝi estas, estas ke se mi iros en localhost iru blink.html, Mi nun havas tiun okazas denove kaj denove. Kaj se mi vere Esploru Elemento, vidu se ni povas vidi ĉi. Lasu min Esploru Elemento, lasu min rulumi malsupren malmulta, lasu min elekti Elementoj super ĉi tie, kaj rimarkis la DOM ene de Chrome la inspektisto. Ĝi estas laŭvorte ŝanĝi tien kaj reen ĉiu 500 milisekundoj. Se ni iras al nia amiko Nate, se vi iam scivolis kiel ĉi tiu funkcias, similan ideon kun intertempo, sed Nate fakte farante tre efika uzo de koloro en tiu aparta kazo tie. Do kion pli ni povas efektive fari kun tio? Ni malfermi alian ekzemplon kaj provi ion jen programmatically eĉ pli utilaj ol fari tion blink. Lasu min iri en nia formoj katalogo hodiaŭ kaj iru en form0. Ĉi tiu estis la plej malbela ebla formo, kiun mi povus veni supren kun, kaj lasu min nur montri al vi, kion ĝi aspektas kiel en retumilo. 

Lasu min iri al localhost / formoj, kaj ĉi tiu estas form0. Ĉi tiu estas super malbelaj HTML formo kiu havas kelkajn kampojn per retpoŝto, por pasvorto, pasvorto, kaj poste iom checkbox interkonsenti iuj kondiĉoj. La ruzo estas se mi vizitas tiun formon kaj mi ne volis doni al vi mian retadreson Mi ne volas akcepti la kondiĉojn eble, mi povas klaki Registru kaj ĝi lasas min tra ĉiuokaze. Ĉi tio okazas al submeti al stulta PHP-dosiero nomata dump.php. Ĉiuj faras estas presi la enhavo de $ _GET nur por diagnozaj celoj. Tio estis kio donita de la uzanto nur nun. Sed supozu ni efektive volas validigi la uzanto formo submetiĝo. Lasu min iri en versio 1. Ĉi tiu estas form1.html. Ĝi aspektas estetike same malbone, sed rimarkas kiom imago estas. Se mi alklakos Registru sen kunlabori, mi get kriis al. "Vi devas provizi vian retadreson." Bone. Do mi provos tion. Do malan@harvard.edu. Mi ne bezonas pasvorto. Registriĝi. "Vi devas provizi pasvorton." Bone. Do mi havigos pasvorton de karmezina. Registriĝi. "Pasvortoj ne kongruas." Mi devas nun tajpi en karmezina tie. Mi hazarde kontrolis tion. Registriĝi. "Vi devas konsenti al la terminoj kaj kondiĉoj." Bone. Samopinias tie. Registriĝi. Kaj nun ĝi montras al mi la diagnozaj eligo tien. 

Do kio ĵus okazis? Ni havis ĉi tiun kapablecon por validigi formo sendoj. Fakte, se vi faris pikita en pset 7, tie estas la senkulpigi funkcio kiu faras ĝin bela facile krias al la uzanto kun mesaĝo en la ekrano. Mi uzas iomete malsama mekanismo, la garde funkcio, kiu estas ne funkcio ke tio ridetis al kiel ĝi faras tre malbela uzanto mesaĝoj. Sed ni vidu kion mi faras tie. Ĉi tiu estas form1.html, kaj rimarkis ke mi havas vere familiara sintakso: korpo etikedo, presita etikedo, ago atributo, metodo atributo. Sed rimarki Mi donis mian formon unikan ID por oportuneco. Tiam mi ricevis retpoŝton kampo kies tipo estas teksto, pasvorto kampo kies tipo estas pasvorto, konfirmo kampo kies tipo estas pasvorto, kaj tiam checkbox kies nomo estas interkonsento pri tie, tipo estas checkbox. Kaj tiam mi havas submeto-butonon. Sed rimarki supre kion pli mi havas. Unue, tie estas alia uzo de la skripto etikedo. Se vi havas iujn JavaScript kodon en alia dosiero, same kiel kun CSS vi povas inkludi gxin. Kaj vi faros tion kun skripto fonto, kaj poste rimarkis ke mi konektante ŝajne al googleapis.com al tre longa vojo sed kies dosiernomo finiĝas jquery.min por minimumo. js. jQuery estas super populara biblioteko por JavaScript kiu ĝuste faras JavaScript des pli uzantamika uzi. Ĝi estas efektive fariĝis normo de facto. Do eĉ se kion vi volis vidi ne pura JavaScript per, estas biblioteko sur supro de JavaScript multe kiel la CS50 biblioteko estas mantelo sur supro de malalta nivelo C-kodo; la realo estas preskaŭ ĉiuj en la Interreto uzas ĝin. Do tiuj ne estas trejnado radoj. Tio estas nur bona praktiki tiujn tagojn. Nun rimarki malsupre, kio estas mia propra skripto etikedo, kaj rimarkis kion mi faris tie. Ĝi rezultas ke jQuery faras iu iom kaprico. Javascript havas dolaro signojn, sed ili estas sensignifa. 

Ili estas kiel la litero A aŭ B aŭ C. jQuery estas simple adoptis la konvencion aŭ ia metis pretendon al la fakto ke $ estos ilia speciala simbolo. Tuj, kiam vi montru tiun tutmondan JavaScript dosieron tien kun la skripto etikedo, vi havas aliron al speciala tutmonda variablo kiu nomas $. Ĝi estas pli taŭge nomata jQuery, sed tio ne aspektas preskaŭ kiel sexy kiel $. Sed $ ne havas specialan signifon. En PHP havis specialan signifon. Vi devis havi ĝin antaŭ variablo. Tiu estas nur sexy aĵo kiun ili prenis. Kio okazas ĉi tie? Rimarku Mi pasante al la jQuery funkcio mia malloka variablo dokumenton kaj tiam Mi vokas. preta. Kio jQuery esence ne estas permesas vin preni vanilo JavaScript aĵoj kiel la dokumenton objekto, la fenestro objekto, kaj se vi pasas ĝin en la jQuery funkcio - kaj denove, esti klara, temas pri funkcio nomita jQuery - kio faras estas revenas al vi specialan version de dokumento kiu havas pli funcionalidad asociita kun ĝi. Do en kruda JavaScript estas ne preta funkcio, sed se vi pasos dokumenton al la jQuery funkcio unue, revenas al vi specialan version de la dokumento objekto kiu havas pli fantaziaj karakterizaĵoj. Kaj tio estas kial homoj ŝatas ĝin. Ĝi simple faras tion pli facile fari, kiel ni estas sur vidi. Do kion signifas ĉi tiu linio de kodo signifi? Ĉi linio de kodo tie signifas kiam la dokumento estas preta - en aliaj vortoj, tuj la retumilo estas farita legado de la dosiero supre sube - iru antaŭen kaj ekzekuti la sekvan funkcion. Kio estas vere interesa en JavaScript - kaj PHP havas ĉi tiel - estas anonima funkcioj. En JavaScript vi povas deklari funkciojn kiuj ne havas nomon sed ili ja havas korpon. Rimarki kio okazas tie. 

Tiu estas funkcio nomita preta, kaj ĝi nur signifas fari la sekvajn kiam la tuta retpaĝo estas lerta, kiam ĝi estos cxiuj estis legita en de la servilo. Kion vi volas fari? Mi volas ekzekuti eron de kodo. Rimarku ke ni ne volas ekzekuti ĉi kodo tuj. Se mi preterlasis tion, tio signifus komenci tuj ekzekuti tiujn liniojn de kodo. Sed la fakto, ke mi estas diranta ne, ne, ne, envolver ĉi en anonima funkcio kiel tiu per ne ekzekuti ŝin ankoraŭ; nomas ĝin eventuale. Ni vidis tion antaŭ momento en nia antaŭa formo ekzemplo. Kio funkcio ne nomu eventuale, 500 milisekundoj poste? Parpadear. Do la saman ideon. Denove, eĉ se ĉi tiu aspektas iom stranga, nur preni por nun fido ke deklari anonima funkcio kiu nomas eventuale, vi simple skribos funkcio () { Do kio kodo ni tuj ekzekuti eventuale? La jenaj. Ĉi tro aspektas iom nova, sed ĉi tio signifas jen la jQuery funkcio, kaj ĉi tiu nun estas simbola ligilo. Tiu fragmento de HTML ĉe la malsupro de la ekrano de kurso havas kelkaj arbo prezento. Ne ĉi tiu. Ĉi tiu paĝo estas pli interesa ol tiu saluton, mondo ekzemplo. Sed estas iu arbo kiu respondas al ĉi HTML. Estus doloro en la kolo havi apliki ian rekursie funkcio komenci ĉe la radika vertico kaj poste trovi la nodo kies ID estas registro. Do kio jQuery faras super facila por ni estas laŭvorte ĉi. Antaŭeniri kaj min ajn div aŭ kion ajn formo, kia ajn HTML elemento havas ID de registriĝo. Tio estas ekvivalento al document.getElementById ('registriĝo'). 

Kial homoj ŝatas jQuery? Ĉar ĝi estas pli mallonga por tajpi. Sed tio ĉio estas. Ĝi estas la sama ideo. Get mi la tag kies ID estas registro. Kaj kiam tiu etikedo, kiu hazarde estas formo, estas donita, iru antaŭen kaj ekzekuti ĉi tiu kodo. Do ni prenu unu aspektas nun kiel ni faras formo validación. La sintakso estas Certe críptico unue, sed kio okazas? Se ĉi tiu linio de kodo estas vera, mi tuj krias al la uzanto por havigi sian retpoŝtan adreson. Do kio estas tiu linio de kodo? $ Signifas jQuery. Nun rimarki tion. Tio estas speco de kiel CSS. Se vi plonĝis en CSS tamen, vi scias, ke ĉi tio signifas la elemento kies ID estas registro. La spaco signifas trovi infano aŭ posteulo de registriĝo kies nomo estas enigo. Kaj tiam tion en kvadrataj krampoj estas iom filtrilo. Kaj eĉ se tio aspektas críptico, ĉi ĝuste signifas iri al la formo kies ID estas registriĝo, iru al la eniro elemento ene de tiu kies nomo estas retpoŝto, kaj tiam trovi ĝian valoron, kia ajn ĝia valoro hazarde estas - asdf se nur tion mi tajpitaj aŭ malan@harvard.edu se tiu estas kion mi tajpis. Do se la valoro de la formo de retpoŝto kampo == nenion, krias al la uzanto. Else if la valoro de la pasvorto kampo == nenion, krias al la uzanto. 

Else if la valoro de la pasvorto kampo ne egali la valoron de la konfirmo kampo, kiu estis la alia formo elemento, krias al la uzanto. Kaj poste persiste - kaj ĉi tiu tro havas iujn novajn sintakso de lia propra, sed kiam vi vidis ĝin, ĝi estas almenaŭ iom pli racia - alie se la formo kies ID estas registriĝo havas enigo elemento kies nomo estas interkonsento kaj ĝi kontrolis, iru antaŭen kaj krii en la uzanto. Do mi tute agnoskas ĉi estas tute blindiga unuavide. Estas multe da novaj sintakso. Sed ĉiuj jQuery sekvas tiujn specojn de ŝablonoj. Kaj honeste, mi eĉ ne sciis tiun ekzistis ĝis kelkaj minutoj. Mi googled, "Kiel vi kontrolu se checkbox estas kontrolantaj en jQuery?" kaj ĉi tiu estas la sintakso, ĉar ne estas malsamaj manieroj fari ĝin kun reala kruda kodo JavaScript. Do kiel la unua paĝo de Problemo Serio 7 elstaras, pset 7 estas tre ekzerco en bootstrapping mem kie ni havigis, mi esperas, koncepta kadro kun kiu por pritrakti la pset. 

Sed kiel ofte okazas kun dezajno retejo, estas ĝis vi vere poke ĉirkaŭe, korpigi fragmentojn de kodo kaj ekzemploj de la retejo tiel longe kiel vi citas ilin por la terminoj en tiu unua folio, kaj rimarki ke lerni HTML, CSS, JavaScript kaj eĉ SQL Estas vere signifis esti ĉi at-home ekzerco kiel ni komencas preni tiujn trejnado radoj malproksime. Kaj realigi tro ekzistas tiom da pli aĵoj vi povas fari kun retumilo. Ene de la plimulto de tiuj elementoj estas aliaj aĵoj nomata okazaĵo manipuladores. Kaj eĉ se ni nur rigardis tiuj nomitaj onsubmit kaj onready, vi povas fari tion kiel onkeydown, onkeyup, kiel kiam la uzanto tuŝas ŝlosilon, oni povas aŭskulti por tio kaj ŝlosilo supren. Gmail havas klavarkurtvojoj. Kiel Google apliki klavarkurtvojoj kiel C por formi? Ili aŭskultas dum eventoj, kiam ili estas nomita, kiel onkeypress aŭ onkeyup kaj onkeydown. Se vi iam ŝvebis vian muson super iu menuo kaj subite, voila, menuo aperas aŭ la grafika ŝanĝoj koloro, kiel ili faras tion? Anstataŭ aŭskulti por onready aŭ onsubmit, vi aŭskultu por onmouseover aŭ onmouseout. 

Do en mallongaj, kun ĉi tiuj tre simplaj fundamentojn ke ni komencis grati la surfaco de hodiaŭ kaj ni plonĝi en plui al merkredon, vi havas, ĉiam pli, povo realigi la specoj de aferoj kiujn vi jam konas. Do ni finas tie, kaj ni daŭrigu tiun merkredon. 

[CS50.TV]