>> Ræðumaður 1: Allir, hægri velkomin aftur.
Þetta er CS50.
Og þetta er upphaf viku níu.
Og þetta er að byrja á öðrum þinn tími í CS50, þar sem við
umskipti nú loks á netið þáttur námskeiðsins, þar sem þú munt
finna að mikið af grundvallaratriði sem við höfum verið að flytja út í margar vikur
enn koma aftur í heimsókn, eða ásækja, okkur.
En nú, munt þú finna að það er stærðargráðu auðveldara að
ná tilteknum verkefnum og leysa ákveðin vandamál -
svo mikið svo að jafnvel ef þú hélst ákveðin setur vandamál voru skemmtileg í sínu
eigin leið, held ég að þú munt finna sem p stillt 7, bls stilla 8, og þá,
lokum, endanlega verkefnið verður allt meira ánægjulegt vegna þess að þú munt
finna að við förum að taka sem sjálfsögðum hlut nú hlutirnir eins minni stjórnun og
ábendingum, og hvað er að gerast á undir hetta.
Og aftur, þema, allt í öllu önn hefur verið þetta layering
og layering.
Og nú erum við svona upp hér, standa á
herðar vikum síðustu.
>> Nú, muna frá síðasta sinn sem við talaði um hvernig internetið virkaði.
Og þetta var kannski einföldun, en muna að
sérhver tölva í heiminum hefur IP takast, þó að það er dálítið um að
einföldun enn.
Og þeir sem viðtakandi eru notuð til að einstaklega þekkja vélar þannig að
þegar þú sendir upplýsingar, eða pakka, svo að segja, þeir geta haft uppruna
heimilisfang og ákvörðunarstaður heimilisfang.
Og sömu IP tölur er hægt að nota bæði til góðs og einnig til óhamingju,
að fylgjast með þér, til dæmis.
Í raun, hver og einn með fartölvu opna nú, eða í síma í þínum
vasa, hefur IP tölu á neti Harvard er.
Og það er ekki allt sem erfitt er að samhengi að hver og hvar þú
eru þessa dagana.
En meira um það kannski í framtíðinni.
>> Nú ég hélt að ég myndi koma aftur sum minningar um [? auka?] og gefa þér
annar bút úr þættinum þú gætu fundið kunnuglegt.
Ef við gætum lítil ljósin fyrir örfáum sekúndum.
Þátturinn Numb3rs.
>> Ræðumaður 2: Það er 32-bita IPP4 netfang.
>> Ræðumaður 3: IPP, eins og í netið?
>> Ræðumaður 2: Private net.
Til persónulegur net Amita er.
Hún er svo magnað.
>> Ræðumaður 3: Komdu, Charlie.
>> Ræðumaður 2: Það er.
A IP spegill tölu.
Hún er að láta okkur horfa á það hún er að gera í rauntíma.
>> Ræðumaður 1: Allt í lagi, svo fátt athugavert við þessa mynd.
Svo einn, og þetta er ásættanlegt, þetta er í raun
ekki gilt IP vistfang.
Gilt IP tölu þarf að vera tölur á forminu w.x.y.z, þar sem hver af
þessir stafir er 0-255.
En það er allt í lagi vegna þess að rétt eins og bíó þar sem þeir falsa símanúmer,
þeir falsa IP viðtakandi.
Þú gera ekki raunverulega högg alvöru netþjóna.
>> En huga þér, þetta er a vafra.
Og vafra ekki byrja outputting tölva kóða svona.
Og ef við lítum aðeins dýpra, eftir að tungumálið sem þeir eru að sjá
á skjánum er tungumál sem kallast Objective C, sem er tungumál í
sem iPhone apps eru skrifuð, sérstaklega þær sem fela í sér
vaxlitir, eins og þú geta sjá frá kóðinn hér.
>> OK, ég hélt að þetta var fyndið.
Svo hefur þetta runu af kóða algerlega ekkert að gera með hvað þetta
einkum þáttur var um.
Svo er brandari konar á fólkinu taka fyrir þetta sem sjálfsögðum hlut.
En þetta er ekki allt sem erfitt er að fá þessar tæknileg atriði rétt.
Og ég myndi hvetja þig.
Og reyndar, 50 gæti mjög vel spilla a einhver fjöldi af TV sýning og bíó eða þú
því þú munt komast að því að það er bara ekki hægt hvað þeir eru
gera á skjánum.
En reyndar, þetta er númerið sem þú getur séð það í iPhone umsókn
eða Mac OS umsókn.
Það hefur ekki neitt að gera með öryggi.
Svo að hafa auga út fyrir fleiri slíkt gaman eins og þessi.
>> En í dag erum við að byrja að kafa í raun innilega til a heild svið af tungumálum.
An örugglega, einn af overarching Takeaways þessa hluta sem
Auðvitað er ekki að læra hvernig á að forrita í PHP, ekki að læra SQL per se, ekki
til að læra JavaScript per se, heldur að kenna þér hvernig á að kenna
sjálfur ný tungumál vegna þess, örugglega, við byrjum að taka nú
hjól þjálfun burt þannig að eftir endir auðvitað er, þú búast við 20
síðu forskrift að segja þér hvernig að framkvæma eitthvað forrit.
Þú hefur nóg efni í þinn hugur, og nóg verkfæri tól
Kit, sem að byrja að byggja lausnir á vandamálum sem varða
þú fyrir sumir nemendur hópsins, fyrir suma rannsóknarverkefni, eða bara eitthvað
áhugaverð fyrir þig.
>> Svo til að enda, muna að þetta var myndin við brá það síðasta skipti.
Og þetta er tvær tölvur, viðskiptavinur og skera, tala við annan.
Og siðareglur, tungumál, svo að tala, að þessar tvær tölvur gerast
að tala heitir HTTP.
Og það er bara samskiptamáti sem er notaður við tölvur til að flytja upplýsingar yfir
á veraldarvefnum.
Vefurinn, auðvitað er bara einn þjónusta sem keyrir ofan á
svokallaða Internet.
Hvað er annað í boði á Efst á netið þessa dagana?
Sumir annar siðareglur eða - hvað er það?
>> Áhorfendur: FTP.
>> Ræðumaður 1: FTP.
Svo er File Transfer Protocol annað.
Flest af þú sennilega hafa ekki notað hana.
En flest ykkar sennilega hafa notað hlutir eins Gchat, eða augnablik
skilaboð almennt, vissulega email.
Og þeir, of, er þjónusta sem keyrir á Efst á internetinu vegna þess, á
lok dags, internetið sjálft raunverulega bara fá gögn frá A-lið til
benda B. Og það notar fjölda agnir sig, annar þeirra eða tveir
þeirra mest almennt kallaður TCP / IP, sem er að segja að ein tölva á
internetið getur raunverulega vera að gera mismunandi hlutir, email,
og vefur, og svo framvegis.
Google gerir mikið af þessu.
Svo hvernig eru þeir þjónustu einstaklega greind, gerði við segjum, á tölvu
sem gæti í raun verið að gera margar hlutir?
>> Gáttarnúmer.
Og þetta eru bara handahófskennt manna samninga eins 80 er vefur, 443 er
brengla vefur, 25 er email.
Og það er bunches annarra.
Og þær tölur eru einfaldlega innifalinn í þeir pakka af upplýsingum, þá
raunverulegur umslag, sem í raun innihélt beiðni eða svar.
>> Svo þegar þú kemur til baka svar frá vefur, yfirleitt, þú sérð ekki allir
tölur af neinu tagi hvað varðar stöðukóði á viðbrögðum.
Þú gera ekki raunverulega sjá innri starfsemi á
pakka sem koma til baka.
En 200 er örugglega meina OK.
Og það þýðir allt er vel.
Þú gætir hafa séð fullt af þessu.
Sem er líklega algengasta þú hefur séð á vefnum?
>> 404.
Það þýðir bara skrá fannst ekki.
Það þýðir að einhver ruglaður upp.
Þú gerðir af mistyping slóðina, eða einhver annar gerði því að gefa þér
ógild URL, eða þeir eytt á skrá og slóðin er enn
notuð af fólki.
Svo allir tala af ástæðum geta útskýrt hvers vegna skráin er ekki að finna.
Og þú munt sjá, í vikur til að koma, þessi öðrum númerum villa, og þú munt
nýta sumir af þeim.
Það versta er 500.
Ef þú færð 500 villa í kóða sem þú hefur skrifað, hugsa um það sem tegund af
byggður á hliðstæðum af seg galla í veröld af forritun á vefnum.
Það er ekki alveg eins skelfilegur.
En það þýðir bara að einhvers staðar, þú ruglaður upp.
Svo hlakka til þeirra.
>> En við skulum sjá hvort við getum sjá þetta í samhengi.
Leyfðu mér að fara að vafra hér og gera eftirfarandi.
Svo er þetta króm, sem gerist að setja í tækið.
En mest á hverjum vafra þessa dagana hefur sumir samsvarandi virkni.
Ég ætla að fara upp valmynd Króm, og fara í Tools, og ég ætla að fara
til Developer Tools.
Og þú munt sjá að þetta litla spjaldið opnar í neðst í glugganum.
Annar flýtileið, að vera heiðarlegur, að ég venjulega nota ég sjálfur er að hægri smella
eða Control smelltu hvar sem er á vefnum síðu og bara fara að skoða Element.
Og það mun ekki aðeins opna þetta hafa fyrir þig.
Það mun einnig opna, sérstaklega, The Elements hluti á
vinstri hönd hlið.
>> Þannig að við erum að sjálfsögðu að sjá Google.
Þeir breytt merki þeirra í dag.
En á ef ég skruna niður allt hér, taka að samkvæmt Elements, sjá þig
hvað heitir HTML, HyperText Markup Tungumál, og þetta er tungumálið
að þessu og allar vefsíður, raun, það er ritað inn
En það er í raun sniðin fyrir okkur svo miklu meira readably
en það er venjulega.
Í staðreynd, ef ég súmma út, og ég í staðinn Réttlátur réttur smellur eða stjórna Smelltu
smelltu á síðunni, og þá fara í View Page Source, þetta er bókstaflega það sem
Google sendi niður vafranum mínum.
>> Svo sumir einstaklingur eða einstaklingar skrifaði Google.com nota kóðann.
Flest af þessu er ekki HTML.
Það er í raun tungumál kallast JavaScript, sem
við munum koma til á miðvikudag.
En hvað Chrome, og það sem sérhver vafra getur gert fyrir okkur, er eins konar sjá
framhjá öllum truflun á að brjálaður setningafræði, og Stingdu hvítt rúm
fyrir okkur, og jafnvel setningafræði hápunktur, eða colorize hlutina fyrir okkur.
Svo þú munt komast að því að þessir svokölluðu verktaki tæki byggt inn vafra
mun gera líf þitt svo, svo mikið auðveldara vegna þess að þú getur kannað, með þessari valmynd
tengi, nákvæmlega hvað undirliggjandi Kóðinn er fyrir
hvaða síðu á netinu.
Og reyndar, þetta er eitt af mest árangursríkar leiðir til að læra hvernig á að gera
eitthvað nýtt, amk ef síðan er ekki svo flókið að yfirbuga, er
að byrja poking kringum það er HTML, líta á svokölluðu CSS þess, sem við munum koma
til hluti eins og heilbrigður, til að fá skilning á hvernig þessi forritari
framkvæmda sumir einkum lögun á síðunni.
>> En meira tæknilega áhugavert hægri nú það er að fara að vera svona.
Ef ég fer til Network flipanum, skulum nú ljóst þetta.
Ég ætla að smella á litla yfir tákni hér, og þá
fara í annan vef.
Og ég ætla bara að fara að slá í Facebook.com.
Nei HTTP, ekki HTTPS, ekki WWW.
Við skulum sjá í raun hvað gerist hér.
>> Enter.
Nú taka a heild búnt af efni bara birtist í þessari botn spjaldið, í
viðbót við vefsíðu birtast í efst.
Ég ætla að fletta aftur upp í Network flipanum hér, og ég ætla að
smella á fyrstu röð.
Hvað þetta tól er að fara að sýna okkur er hver og einn af the HTTP beiðnir
sem hratt bara fór aftur og fram milli vafrinn minn
og Facebook miðlara.
Og svo hver og einn af þeim röðum er ein slík beiðni eða
svar, eitt eða fleiri af þá raunverulegur umslag.
Eða meira frjálslegur, það er eins og maður eins og maður, sem viðskiptavinur í
veitingastaður, biðja um eitthvað aftur, og aftur, og aftur.
Og þjóninn heldur uppeldi það aftur einn í einu.
>> Svo nú, ef ég zoom í á þessu, taka og þetta mun vera svoleiðis
að þú ert velkomin til og hvatt til að spila með á eigin spýtur, vegna þess að við
mun ekki fara í gegnum allt í smáatriðum.
En taka það er fáir undir flipa hér -
Hausum, forsýning, svar, Kex og tímasetning.
Ég ætla bara að fara að horfa á haus nú vegna þess að þetta eru lítið
innihaldsefni inni í umslag sem hjálpa gögn fá til og frá stöðum.
>> Svo fyrst, láta mig smellur þetta, Skoða Heimild hliðina Beiðni hausar.
Það er óskað eftir því að vafrinn minn, Króm, í þessu tilfelli, sendir inni
að raunverulegur umslag.
Þú munt muna í síðustu viku I handvirkt slegið það en
þykjast vera vafra.
Þá minnti þjóninn sem það er leita fyrir vélina kallast
Facebook.com.
Og þá er það aðeins meira Bogagöng upplýsingar sem við munum veifa
hendur okkar fyrir nú.
>> En ef ég byrja að fletta niður nú í Þessi gluggi, láttu mig fá til
svar hausum.
Þetta var það sem er í the raunverulegur umslag sem kom til baka frá
Facebook.com.
Og ef ég smelli Skoða Source bara að sjá hrár texti af henni,
taka nokkra hluti.
Einn, Facebook talar sama siðareglur, útgáfa 1.1 gr.
Svo er það gott.
En stöðukóði 301, flutti til frambúðar.
>> Jæja, þar sem Heck gerði Facebook fara?
Hvað er þetta að reyna að segja okkur?
Jæja, taka niður hér það er annað haus heitir Location.
Svo hvers vegna er Facebook segja mér að þeir flutti varanlega til að vefslóð
við hliðina á staðsetning?
Ég gleymdi www.
>> Svo það var val mitt.
Í staðreynd, flestir af okkur sjaldan, líklega, slá www.whatever.com þessa dagana.
En það kemur út kerfisstjóra, eins er Facebook, getum
stilla netþjónum sínum á þann hátt sem ýmist Facebook.com virkar, eða
www.Facebook.com virkar, eða, í raun, allir svo forskeyti fyrir framan þeirra
lén.
Svo þeir hafa gert það fyrir okkur.
Og þeir eru Áframsendi okkur, sennilega fyrir einhverja tæknilega,
sumir markaðssetningu ástæðum.
Þeir vilja bara að canonicalize á www.Facebook.com.
>> En það er ekki alveg það.
Ef ég skruna niður hér, við skulum sjá hvað gerist.
Þetta er að segja mér að við flutti varanlega til
http://www.Facebook.com.
Svo skulum líta á seinni beiðni að vafrinn minn sendir.
Því miður lítur það eins og Facebook hefur flutt aftur, þar sem annað
beiðni, með því að velja þessi slóð í staðinn, segir það líka, flutti
varanlega.
Og láta mig fletta niður hér við svörun haus.
Hvar hefur Facebook farið núna?
>> Svo HTTPS.
Svo nú Facebook hefur byrjað, sérstaklega í ljósi núverandi
atburðir síðustu mánaða, einkum og einnig í the fortíð par af ár
að neyða alla notendur sína, í góðu leið, til að nota HTTPS, sem er meira
tryggja, þó ekki alveg örugg.
Og svo nú síðuna mína, vafrinn minn er að fara að biðja þetta þriðja vefslóð.
Og nú, loksins, fáum við annars óséður 200 lagi.
>> Svo hvað er í heiminum eða öll þessar aðrar raðir niður hér.
Ég gafst bókstaflega eitt, og mín Vafrinn virðist hafa beðið um eins
20 sumir stakur hlutur.
Hvað er það?
>> Áhorfendur: Scripts?
>> Ræðumaður 1: Scripts, svo aðrar skrár skrifað á tungumáli sem heitir
JavaScript, sem, aftur, munum við sjá smá á miðvikudag.
Hvað annað?
Stílblöð.
Svo eitthvað á tungumáli sem heitir CSS, sem við munum sjá í smá.
Hreyfimyndir og JPEG, og PNGs og myndir, og bíómynd skrá - hvað er vefur blaðsíða
hefur er líklega í formi skrá.
Og svo hvað við erum að sjá á vinstri hönd hlið er allar skrár
að Chrome þurfti að sækja, endurkvæmur, ef þú vilt, til að
semja heild á síðunni.
>> Svo það sem við sáum í smá stund síðan við Google, ef ég smelli á þá þætti
flipann, þetta, viss, er HTML, the tungumál sem semur þessa síðu.
En það er bunches af öðrum hlutum.
Það er merki.
Það er þá blá-ish tákn þarna.
Og það er önnur atriði enn á síðan sem sjálfir gætu verið
sérstakar skrár.
>> Svo er það gott um vafra er að það lítur á tungumálinu sem við erum að fara
að byrja að skrifa, eða þú hefur þegar byrjaði að skrifa í P setja 7, tölur
út hvar þessir skrá lifa og fer og grípur þá eins vel.
Og ég get ekki leggja áherslu nóg, jafnvel þótt eitthvað af þessu getur litið svolítið
Bogagöng eða yfirþyrmandi við fyrstu sýn, læra hvernig á að forrita
umsóknir um vefinn, það er ómetanlegt að skilja hvernig þessi
litlu tæki vinna.
Þetta eru tegund af eins gdb eins verkfæri, en miklu einfaldara að lokum, til að nota -
og raunverulega gefur þér augun í það við höfum verið að taka sem sjálfsögðum hlut að
alveg sumir tími nú.
>> Og hvað getum við gert núna með þessar upplýsingar?
Jæja, við skulum raunverulega taka a líta á þær hugmyndir undirliggjandi HTML.
Og við munum fresta, eins og við höfum nú þegar, að Dæmatímar þessa viku, til vandamál
setja 7 forskrift, að sumir af the fleiri Upplýsingarnar í þessum tungumálum.
En við skulum sjá hvort við getum ekki mála mynd af því sem þú ættir að skilja
heild hér.
>> Svo HTML, HyperText Markup Language, er ekki forritunarmál.
Hvað þýðir það í raun?
Svo lítur HTML svona.
Og sum ykkar vita nú þegar þetta.
Sum ykkar hafa verið að gera þetta um nokkurt skeið.
En við skulum sjá hvort við getum ekki fyllt í sumum blanks eins vel.
Svo taka a par af hlutum hér.
Einn, það er bara texti.
Svo er það bara eins frumkóða í C, eða einhver önnur tungumál.
>> Eftir því að það virðist til að vera mynstur hér.
Það er inndrátt, en tæknilega inndrátt er bara mannlegur
samningur.
A vafra ekki sama hvort það er nýtt línur og flipa eins og við sjá það.
En eftir því að það er samhverfur hér.
Það er það sem ég kalla, efst þessari skrá, opna tag, eða byrja
tag, kallast HTML.
Og þá, niðri, fullkomlega lína upp, mikið eins og við gerum með hrokkið axlabönd,
sjáum opinn krappi, áfram rista, HTML, loka krappi.
Svo er það samsvarandi loka tag, eða endir tag, fyrir þessi hlutur.
>> Saman, allt inni við svokölluð opin tag og loka merki
yrkja það sem við munum kalla stak.
Og við munum sjá, á aðeins augnablik, það er raun eins hnút í a tré.
Vegna þess að ef þú hugsar um nú inndrátt sem er gefið í skyn hér, þú
konar hafa, eins og, a afa hnút kallast HTML.
Hversu mörg börn þú gætir sagt, byggt á þessari mynd, HTML þátturinn hefur?
>> Svo sennilega tvö.
Eitt er höfuð þáttur, greinilega.
Og eitt er líkami þáttur.
Og hvers vegna tvö börn?
Jæja, ég er bara svona inferring að ef Ég er með opinn höfuð tag og þá
loka höfuð tag, sem er stak.
Og þá, ef það er annar opinn líkami tag og náinn líkami tag, það er eins og
annar þáttur.
Svo í þeim skilningi að ef ég konar snúning myndin á hlið, það er
eins og að hafa HTML tag, og þá höfuð tag, og þá líkama tag, og
þá einhver texti, halló heimur, hangandi burt af líkamanum tag sig.
>> Svo við getum teiknað mynd sem gæti litið svona út.
The form eru handahófskennt.
En eftir því sem ég hef notað svona sem Sporbaugur efst til að tákna
skjalinu sjálfu.
Það kemur í ljós að það geta verið önnur efni inni á vefsíðu sem ég hef ekki
dregin hér.
Þannig að við erum að fara að jafnvel hanga HTML hnút burt af svokölluðu skjal hnút.
Og þá höfum við höfuð og líkami og titill, tilkynning,
sem er hreiður frekar.
Ég vissi ekki að nenna að setja frekari línu hlé inni í titli merkinu.
Það var bara eins og það var að fá aðeins of fjölorður.
Svo ég fór það í einni línu þar, með opinn titill, halló heimur, loka titill.
Og þá höfum við texta Dingla burt héðan.
>> Svo þessari mynd mun koma aftur til okkur þegar við kafa inn JavaScript.
Og skilningur að þegar þú skrifa HTML eins og þetta, hvað
er a flettitæki gera?
Jæja, eigum við ekki að hafa áhyggjur hvernig það er að gera þetta, eða með hvaða
algrím, en í lok dagsins, þegar vafrinn fær HTML eins
að frá Facebook eða Google, flokka það það, svo að segja, það les það,
með eitthvað eins fread, efst til botn, vinstri til hægri, og eins og það
áttar, ó, opinn tag, og svo loka tag, byrjar hann að malloc, svo að segja,
hnút í tré.
Og þegar það kynni, sem við höfum gefið í skyn hér með skerðing, sem
barn hnút, mallocs það tengipunktur fyrir að og fylgir því að trénu.
>> Svo tré mannvirki, tvöfaldur tré, ternary tré og stærri tré, sem
Við leit á viku eða tvær síðan, tilkynning að sama lögmál er
koma aftur til okkar.
Og hver framkvæmd, Króm hvað Liðið gerði það, væntanlega hafði
að framkvæma einhvers konar uppbyggingu tré undir hetta.
Og það sjálft er líklega í mál eins og C, eða C + +, eða lægri
láréttur flötur tungumál sem við munum nú nota topp vefnum.
>> Svo nú, kannski, þetta mun gera meira vit.
Raunveruleg tattoo frá einhverjum gaur sem gæti sjá eftir því á endanum, eins konar.
OK, allt í lagi, svo mikið af húmor vefnum.
Það er í raun ekki að fara yfir svo vel í dag.
Þannig að við munum fara áfram.
Allt í lagi.
>> Þannig að við skulum taka a líta nú á nokkur dæmi.
Einfaldasta hægt hlutur gæti verið þetta.
Ég ætla að fara á undan og opna upp í gedit til skrá sem kallast hello.php.
Og inni hér, ég er að fara til fljótt bara gera þetta, printf, vitna
Unquote, "halló heimur."
>> Svo tilkynning, og ég skal gera sviga n minn, Ég hef ekki nenni að lýsa helstu.
Það kemur í ljós, í php, og a einhver fjöldi af tungumál, þú þarft ekki að helstu
virka í sjálfu sér.
Þú getur bara byrjað að skrifa program.
Nú, þegar ég vista þessa skrá, eftir ég er fara til verða að gera eftirfarandi.
Ég ætla ekki að nota gera, og ég er ekki fara að nota clang vegna PHP, ólíkt
C, er ekki tekið saman mál.
Það er það sem er kallað túlka tungumál, sem þýðir að þú keyrir það
sem inntak í gegnum annað forrit kallað túlk.
Og það forritið les það, efst til botn, vinstri til hægri, og gerir
hvað sem þú segir að hún geri.
>> Svo í þessu tilfelli hér er ég ein lína sem segir printf.
Svo þegar ég keyra þessa kóðann, hello.php, þó forrit sem
gerist, þægilegur, til að kalla PHP, þessi forrit PHP er að fara að lesa
þessi skrá, toppur til botn, vinstri til hægri, og það er að fara að gera það sem ég
segja það að gera - framkvæmd kóða, og ef það er ekki viðurkenna eitthvað, bara
spúandi það út.
Þannig að ég ætla að fara á undan og keyra PHP á hello.php.
Enter.
>> Og það er ekki alveg það sem ég ætlaði.
Ja, hvers vegna er það?
Jæja, PHP er tungumál sem er í raun hannað til að vera nokkuð
samtvinnuð með vefnum.
Þegar gera vefsíður með þessu tungumáli PHP, eins og við munum fljótlega sjá, munum við
langar að gera eitthvað eins og prentun út línur eins og þetta.
>> Þannig að ég ætla að gera þetta.
Opin krappi, spurningarmerki, PHP, og núna er ég bara að fara undirlið bara að halda
það nice.
Og nú ætla ég að gera með spurningu merkja loka krappi.
Þannig að það er hluti af asymmetry hér.
Þú gerir það ekki þetta.
Og þú gerir það ekki skástrik, svo PHP er svolítið öðruvísi.
>> En nú, ef ég endursýning þetta forrit, PHP hello.php, nú ég
reyndar fá Hello World.
Og við munum sjá hvers vegna þetta er mikilvægt.
Einn, það gerir mig að tilgreina, frábær skýrt, þetta er
kóða, framkvæma þetta.
Og það er örugglega það sem þessir sérstök merki til kynna hér.
>> En það þýðir líka að ef ég bara eitthvað eins og ég miða hérna, sem
þýðir að bókstaflega, sem mun bara að prenta út án þess að þurfa að
reyndar kalla printf eða prenta, eða svipuð aðgerð.
Þannig að við munum koma aftur til að á aðeins augnablik.
>> Fyrst, við skulum gera þetta.
Inni í tækinu, höfum við skrá sem kallast Vhosts, fyrir raunverulegur
vélar, rista heimamaður gestgjafi, rista almennings.
Svo það er dálítið fjölorður, en löng saga stutt er tæki hannað
aðeins að styðja C. Það er líka hönnuð til að styðja PHP.
En það er einnig hannað til að vera vefur miðlara og gagnasafn framreiðslumaður.
Og það er af ásettu ráði, og sannarlega stillt, að vera minnir allir
auglýsing vefþjónusta fyrirtæki sem þú gætir borga $ 5 á mánuði fyrir,
$ 100 á mánuði fyrir.
Hvað sem þjónustan er, það er stillt til að vera mjög svipuð og á
raunverulega heimi framleiðslu miðlara.
>> Og hvað það þýðir er að keyra á tækið er vefur framreiðslumaður hugbúnaður.
Það gerist að vera kölluð Apache.
Það er bara frjáls og opinn uppspretta, og mjög vinsæll.
Og við höfum stillt Apache að vita að ef ég fer á ákveðna vefslóð, með
Króm eða vafra inni á tæki, til að líta inn í þessa möppu
fyrir skrárnar sem notandi biður.
>> Með öðrum orðum, láta mig fara á undan og gera þetta.
Inni opinberra skrá minn, ég er að fara að fara á undan og búa til skrá
heitir index.html.
Það gefur mér flipann hér.
Og ég ætla að fara mjög fljótt og fara á undan og Bang út
þetta forrit hér.
DOCTYPE HTML, sem nú, bara ráð fyrir að þú þarft að slá.
Það er bara yfirnáttúrulegt tag, það er ekki sannarlega HTML tag, sem tilgreinir að
hér kemur nokkrar HTML.
>> Ég ætla að fara á undan og endurskapa það sem við sáum í smá stund síðan.
Hér er yfirmaður síðunni.
Inside á höfði var the -
svo titil.
Þannig að við munum segja halló, heimur.
Og svo niður hér var líkami tag.
Leyfðu mér að loka líkama tag.
Og svo hér ég líka segja, bara fyrir skýrleika, halló heimur.
>> Svo er þetta að öllum líkindum, einfaldasta mögulegt vefsíðu sem þú
getur gert það er í gildi.
Það er setningafræðilega gild.
Allt sem er opnað er lokað.
Allt er vel í stíll og grafin.
Svo skulum sjá nú hvernig ég getur komist í þessa skrá.
>> Jæja, láttu mig fara til Króm hér.
Og láta mig fara http://localhost/index.html.
Svo er það heimamaður gestgjafi?
Jæja, flest allir tölva í heiminum, Linux, Mac OS, Windows, hefur gælunafn
kallast heimamaður gestgjafi.
Svo ef þú vilt alltaf að tala til eigin tölvu -
vísu einkennilega reflexively -
þú kallar þig heimamaður gestgjafi.
Sama hvað raunverulegur tölva er kallað, hvort sem það er Davíðs MacBook
Loft, eða eitthvað meira fjölorður svona.
>> Þannig að þetta URL er víst að fara að nota HTTP að tala til the heimamaður gestgjafi,
sama tölva, tæki, og það er að fara að biðja um, bara taka
giska, hvaða skrá?
Index.html.
Svo tæki hefur verið sett í fara að vita að ef ég er að biðja
fyrir eitthvað eins index.html, leita í möppu sem kallast Vhosts, í
mappa sem heitir localhost, í möppu þar heitir opinber.
Það er þar sem allar almennings minn skrár eru að fara til vera.
Þannig að ég ætla nú að fara að ýta á Enter.
>> Og fjandinn, það er að bannað skilaboð, annars þekkt sem 403, the
tölustafir kóða fyrir það.
Svo hvað er rangt hérna?
Jæja, það er ekki nóg bara að setja skráin inni möppuna mína.
Ég þarf að raunverulega gera eftirfarandi.
>> Leyfðu mér að fara inn Vhosts skrá minn, í localhost, til almennings, og láta
mér að gera LS þjóta l.
Og það er nokkur önnur atriði hér fyrir tilgangi í dag.
En taka á vinstri hönd hlið, við hliðina til index.html, sjáum við aðeins eina RW.
Og í fortíðinni, hvað hefur RW stóð fyrir?
>> Bara að lesa eða skrifa.
Sú staðreynd að það segir RW ​​á vinstri þýðir að ég, eigandi af þessari skrá, getur
lesa eða skrifa það.
En ég þarf að láta öllum í Heimurinn lesa þetta, þó ekki skrifa það.
Þannig að ég ætla að breyta stillingu á skrá, chmod, allt plús r að gefa
allir lesa leyfi á skrá sem heitir index.html.
>> Og ef ég nú Endurrita LS þjóta l tilkynning að hérna, sumir meira
Er R hafa smella upp.
Og fyrir nú, sérstakur fer inn í fleiri smáatriði.
Fyrir P setja 7, sem þýðir bara alla geta nú lesið þessa skrá.
Ef ég fer aftur í vafranum mínum nú og endurhlaða, voila.
Halló heimur.
>> Og ég get jafnvel opna Chrome verkfæri mín og sjá, rétt eins og hjá Google og
Facebook að það er HTML minn, sniðinn smá
öðruvísi og colorized.
Ef ég fer á net flipann og endurhlaða á síðunni, eftir því að það er að fá
farið fram á að Chrome er að senda á tækið.
Það er 200 fyrir það einkum skrá.
Svo í stuttu máli, þetta er hvernig allt þetta ýmsir stykki koma saman.
Það gerist bara svo að vefur framreiðslumaður við erum að nota núna er ekki fjarlægur,
eins og Facebook.
Það er bókstaflega á sömu tölvu, sem er fullkomlega í lagi.
>> Svo hvað meira getum við gert í vefsíðu?
Jæja, bara, skulum gola í gegnum a par af þessum hlutum.
En láta mig fara á undan og hefja Gedit með index.html.
Og láta mig fara á undan og segja halló CS50, vista þessa skrá, að fara aftur til
vafra, virkilega underwhelming breyting.
>> En hvað ef við viljum raunverulega tengja við eitthvað núna?
Svo kemur í ljós að við getum haft á hlekkur í HTML sem eru bara merki
sjálfir.
Það gerist að vera kölluð Akkerið. a href jafngildir
https://www.cs50.net, www.cs50.net loka vitna, loka krappi.
Og nú skulum sjá hvað annars kemur næst.
>> Ég hef opnað merkið.
Ég þarf nú að gefa það setningu eins CS50.
Leyfðu mér að loka tag.
Og taka nokkra hluti.
Jafnvel þó að það er þetta dulinn hlutur Hér hef ég ekki endurtekið það þegar þú
loka tag.
Þú lokar bara merkið með nafni sínu eingöngu.
Og þetta er það sem er þekktur sem eiginleiki með gildi.
Eiginleiki breyta bara hegðun einhvers tag inni á síðunni.
>> Þannig að þetta er tilgreint að há tilvísun, ímynda sér vegur af orðatiltæki sem
URL fyrir þetta akkeri, fyrir þetta hlekkur ætti að vera CS50.net.
Og textinn sem við viljum sýna notandi er ekki að hrár URL, heldur
orðið CS50.
>> Svo ef eg endurhlaða, láta mig zoom í fyrir skýrleika, láttu mig endurhlaða síðunni,
eftir því að við höfum þetta gamla skóla blár undirstrikað hlekkur.
Og ef ég sveima yfir það, og það er að fara að vera erfitt að sjá í botn vinstri
hönd horn á skjánum, taka að það segir slóðina sem
Ég ætla að fara.
Og ef ég smelli það, voila, nú er ég að gera vefsíður.
Og við höfum leitt okkur á heimasíðuna.
>> En taka það sem hugsanlegir þetta býður okkur.
Öryggi er mjög mikið í tísku þessa dagana.
Hvað ef ég segi í staðinn eitthvað eins þetta, og ég fer í staðinn að segja, við skulum
sjá, fakeCS50.net.
Uppfæra þessa síðu.
>> OK, svo taka það lítur samt eins og ég er fara til CS50, nema astute augum
mun taka ég ætla að falsa CS50.
Ég giska þetta lén er ekki tekin.
OK, svo það er ekki í boði.
Svo er það gott.
Enginn hefur í raun þessi ríki.
>> En við skulum vera a lítill fleiri illgjarn því það er góður af heimskur.
Hvað ef við breyta þessu við Paypal.
Og hvað ef við köllum þetta, eins og, www.paypal.badguy.com,
hvað lén er.
Sem er til líklega.
Svo nú láta mig endurhlaða síðunni.
Og hér erum við að raða í phishing árás, P-H-I-S-H-I-N-G, sem er
kjánalegt orð gefin fyrir árás sem reynir að fiskur upplýsingar, eða, betri
enn, peningar, út af fólki með svikull þá í að veita upplýsingar sem
þeir gætu ekki annað að gera.
Þetta lítur alveg legit, ekki satt?
Ég þarf að hafa tengil hér til Paypal.com.
Í sanngirni, ef ég sexed það upp með sumir grafík, getum við gert það líta
meira eins og PayPal.
Ekki satt?
Vegna þess að ég gat, eins og innskot, Ég gæti farið að Paypal.com.
Og við höfum bara séð hvernig ég get sjá öll HTML þeirra.
Ég gat bara afrita það og endurskapa fagurfræði Paypal frekar en að fara
gamla skólann hér.
En taka, að sjálfsögðu, og það er lítið lítill enn, aðeins í botni
vinstri hönd horn, í eins 10 lið letur, sérð þú hvað URL sem þú ert
í raun að fara að vera leitt til.
>> Og svo ef þú hefur einhvern tíma fengið ruslpóst segja fara á undan og þú ert reikning
hefur verið í hættu.
Vinsamlegast smelltu á þennan tengil og láta okkur vita lykilorð þitt svo að við getum tryggt að þú sért
þú, ekki alltaf gera það.
Þetta ætti að fara án þess að segja.
En það er frábærlega skemmtilegur og sorglegt, hvernig á hverju ári þetta virðist
gerast að sumir non-núll fjöldi fólks.
>> Og það er fegurð phishing árás.
Þú getur sent út milljón tölvupósta.
Og jafnvel þótt 0.01% af fólki í raun smelltu á Paypal og gefa þér þinn
lykilorð, það er enn ekki núll númer af fólki sem hefur bara gefa
þú peningar þeirra.
Og senda tölvupóst, auðvitað, er alveg auðvelt og í raun, frítt
þessa dagana.
>> Svo löng saga stutt, frábærlega falleg hugmynd, ekki satt?
Árum síðan, þetta var fyrsta vefur, gera kleift a vef
tengla meðal auðlinda.
En svo fljótt gæti það verið notað illa tilgangi.
Og tölvupósti, nægja að segja, þessir daga hafa HTML embed inni.
>> Jæja, láttu mig bara einn annar hlutur.
Og við munum fresta mestu að hluta í Heimadæmi sjö til að leyfa þér að
kanna þær upplýsingar.
En láta mig fara á undan og gera nokkra hluti hér.
Ég ætla að fara í og ​​lýsa hvað er kallað div, eða
deild, á síðunni.
Leyfðu mér að loka div tag.
>> Og ég ætla að segja upp hér efst á síðunni.
Og svo fyrir neðan þetta, ætla ég að gera eitthvað eins og annað div, loka þetta
tag, og gera neðst á síðunni.
Og við skulum bjarga því.
>> Svo nú skulum við fara aftur til skrá minn.
Mjög underwhelming.
En hvað deild er notað, undir hetta, er það í raun
ágætur skipulagsbreytingar þáttur.
Það skiptir ekki hafa allir fagurfræði svo miklu leyti sem getum við séð, annað en virðist,
setja hlutina á nýjum línum.
>> En fyrirvara, eins og innskot, bara hitting Sláðu ekki skera hana í HTML eins og það
er í C. Þú gætir held að það er fara að setja a ágætur stór gjá milli
efst og neðst á síðunni.
En það er hunsað.
Hvítt pláss er í raun hunsað í vefsíður annarra en mjög fyrstur
rúm bar staf eða flutning aftur, sem þú högg á lyklaborðinu.
Ef þú vilt fleiri línuskil, þú að tilgreina það sjálfur.
>> Þannig að ég ætla að gera nokkra hluti hér til að sýna hvað er að gerast.
Ég ætla að bæta eigindi sem til og aftur, eins og þú að læra
hvað eiginleika til, hvað Tags hendi, raunverulega er, á netinu tilvísanir.
HTML er tegund af tungumáli - það er ekki forritunarmál.
Það er Markup Language - að eftir gott hálftíma, kannski klukkutíma með
það, munt þú vissulega skilja, mest líklegt, grunn hugmynd.
Og þá er Google leit burt alla mögulegar skipanir sem þú gætir verið
áhuga
Og á þeim sérstakur, það er alveg velkomnir og hvattir hér.
>> Svo nú láta mig fara á undan og gera eitthvað eins og this.
Background-color.
Og nú ætla ég að gera eitthvað eins rautt, semíkommu.
Og þú getur gert þetta í nokkrar mismunandi leiðir.
Ég er bara svona að slá það eins frábær sérstaklega og hægt er.
>> En það kemur í ljós að þetta gildi hér er hvað heitir CSS, Cascading Style
Blöð, sem er annar tungumál öllu leyti.
CSS hefur ekkert að gera með opna merki og loka tags.
Það hefur að gera með eiginleika.
>> Og eiginleika eru einfaldlega lykill gildi pör, sem bara þýðir nokkrar orð,
ristli, og þá sumir annað orð.
Og ef þú ert með margar sjálfur, eða bara einn hér, getur þú endar það með
semíkommu, bara fyrir skýrleika.
En það, of, mun vinna hér.
>> Nú hvað er þetta að fara að gera?
Þú getur sennilega giska.
Leyfðu mér að fara á undan og endurhlaða síðuna.
Og nú er virkilega að koma með.
Svo er efst á síðu mína rauður.
En hvað er lykillinn hér er að, en ég nefndi fyrr, að div gefur þér
deild á síðunni.
Og það er örugglega það sem það gerir.
Það skiptir í raun á síðunni í rétthyrningi sem þú getur síðan
vinna.
>> Og þetta hugmynd af ferhyrninga er eins konar sannfærandi í því, ef þú hugsa um
flest allir website, það er sennilega sumir uppbygging til þess.
Flest ykkar hafa líklega sjaldan séð Facebook heimasíða ef þú ert skráður
í öllum þeim tíma.
>> En á heimasíðu Facebook, það er einhvers konar div meðfram efst.
Og það gæti ekki verið eins einfalt sem eitt div, en það er
rétthyrnd svæði þar.
The hvíla af the blaðsíða er eins gríðarlegur div, eins miklu
stærri rétthyrnd svæði.
Svo löng saga stutt, bara með því að hafa þessir litlu kubbar, sem
getu til líkan hlutum og ferhyrninga, hvort breiður eða þröng, þú getur einnig
gera dálka hugsanlega gerir þér kleift að lá út síður, í raun, en þú
langar.
Við erum í raun bara klóra yfirborðið hér.
>> Reyndar, ef ég eitt annað einn, láta mig fara á undan og gera stíl,
background-color, munum við gera eitthvað eins blár, loka gæsalöppum.
Skulum endurhlaða þetta.
Svo nú er að fá enn ljótari.
En nú get ég konar láta P mín sett fimm færni, ekki satt?
Red.
Það minnir mig á RGB, Red Grænn Blue þrefaldaðist.
Jæja, það kemur í ljós í forritun vefur, eða vefhönnun, sem er þetta, höfum við
ekki enn forritað neitt í sjálfu sér, getur þú í raun
hafa sextánskur númer.
Svo eitthvað eitthvað, eitthvað eitthvað, eitthvað eitthvað.
Svo er hægt að hafa sex sextánskur stafir, eða þrír, í sumum tilvikum,
og hver af þeim spurningarmerki þarf að vera sextánskur tölustafir,
núll gegnum f.
>> Ef ég vil hafa mikið af rauðu, og ekki grænn, og engin blár, hvað er
andstæða núll þegar álög?
Það er f.
Svo ég get gert FF, núll núll, núll núll, vista þetta, og nú koma hingað.
Og ég í raun ekki sjá breytingar.
Svo vitna Unquote "rauður" er greinilega samheiti fyrir allt rautt,
ekki grænn, ekki blátt.
Á sama tíma, við skulum vísvitandi breyta þetta að vera eitthvað
handahófi, eins ABCDF.
>> Við skulum sjá hvað það er.
Það er mjög gott blár, reyndar, baby blue.
Allt í lagi, þannig að þetta eru bara núna nokkuð handahófi samsetningar
stafir.
Þannig að við munum ekki fá hika við niður í hér.
En aftur, þetta talar til nákvæmni að þú getur byrjað að
gilda - jafnvel ef þú ert mjög óvart af fagurfræði.
Í staðreynd, ef þú vilt virkilega að vera hrifinn, láta mig fara á undan og breyta
leturstærð, til dæmis.
Og taka semíkommu, sem er nauðsynlegt þar.
>> Leturstærð, getum við verið bara fáránlegt hér, 96 lið.
Vista sem.
Vá, það er stór leturstærð.
Allt í lagi, svo það er mjög auðvelt.
Og í raun, þú ert í raun að sjá The mjög fyrstur vefsíðu sem ég gerði
árum síðan, þegar ég fyrst lærði þetta efni.
Það er mjög auðvelt að gera mjög hideous hlutina hratt.
>> Og ef þú ert kunnuglegur með the Wayback Vél á archive.org, þú
getur fundið allar hideous minn undergrad vefsíðum.
Einn hafði Kermit the Frog á framan.
Ég gekk í gegnum áfanga þar sem ég hélt það var svalt að taka bakgrunn
rautt fortjald, þegar ég lærði hvernig þú can flísar myndir aftur, og aftur, og
aftur, að fylla síðuna með stór tacky rautt fortjald.
Og svo ofan á þetta, var táknmynd að þú þurfti að smella til að slá heimili mitt
síðu þar sem var mjög mikið í tísku.
>> Og þá fyrst áætlun mín ég skrifaði alltaf var ekki í PHP, en á tungumáli
heitir Pearl, skrifaði gestur bók, sem er raunverulega kaldur hlutur sem
fullt af fólki að búast þig að hafa á heimasíðu.
Þegar þú fá til the blaðsíða, þeir vilja að þú að skrá þig inn, og segja hver þú ert,
og hvers vegna þú ert þar.
Þetta er mjög 1990 stíl vefhönnun.
>> En þessa dagana, örugglega, við höfum koma mikið lengra.
Og þú munt sjá, í kafla, og jafnvel í vanda sett sjö, með því að
meira bókasöfn þessa dagana, það er svo miklu auðveldara að gera
fallegri hlutina hratt.
Raun hér, við erum bara að klóra yfirborð hvað þú getur gert
stylistically.
>> Og í raun, þegar, láta mig leggja áherslu að þetta er nú þegar að fá ljót, ekki
bara fagurfræðilega, en hvað varðar af stíl númerið mitt, eða
hönnun númerið mitt.
Ég hef nú comingled HTML, sem er græn opin merki þar, með
CSS eignir, sem er algerlega legit.
Þetta er í raun þar sem tungumálið hafði uppruna sinn.
>> En í þágu hreina hönnun, líkt við byrjuðum þátta efni
út frá C skrá inn. h skrá, láta mig æfa í raun svona
meginreglu og byrja að gera þetta í staðinn.
Leyfðu mér að setja stíl tag upp hér, sem einnig til í HTML, og láta mig
tilgreina eftirfarandi.
Leyfðu mér að eyða þessu.
Bakgrunnslitur er að fara að vera rautt.
Ég ætla að eyða þessu alveg.
Ég ætla að losna við stíl eigindi, og ég ætla að einstaklega
þekkja þessa div með orði -
geðþótta, en sæmilega, vitna Unquote "toppur". Og id er sérstakur
eiginleiki sem einstaklega skilgreinir tiltekinn HTML þáttur
sem hafa að ID.
>> Ef ég vil nú að stílfærð það, upp hér á yfirmaður síðuna mína, inni í
stíl tag, eftir því Ég get gert kjötkássa ofan.
Og þá get ég sett nokkrar hrokkið axlabönd, minnir á C, og þá láta
mig líma í því stylization.
Og láta mig fara á undan hér og sjá þar sem ég er að fara með þetta.
Leyfðu mér að búa líka einn fyrir botn div.
Leyfðu mér að grípa þetta hideous kóða frá niður hér, setja það hér, og ég ætla að
svolítið meira núna endaþarms og stílfærð það bara setja hlutina á eigin spýtur
lína, endar með semikommum.
Leyfðu mér að fá losa af stíl tag.
>> En ég er ekki gert ennþá.
Ég þarf að gera einn annar hlutur.
Já, id jafngildir vitna Unquote, "neðst", eða hvað id ég vil
gefa að þáttur.
Nú láta mig fara aftur hérna.
Og þetta er grimmilegur.
Ég get ekki tekist á við 96 lið.
Við skulum gera 24 stig.
Eða þú gætir verið nákvæmari.
Þú getur í raun notað punkta, PX, svo sem þú færð í raun fínni korn
stjórn á síðuna þína.
>> Sem innskot, það er ekki endilega það besta ef notendur, fyrir
Hótel ástæðum, vilja að vera fær um að auka stærðum.
Svo átta sig á að það eru leiðir til að gera hlutir sem ekki endilega
harður kóða allt.
>> Allt í lagi, svo það er stærri, 24 lið, en hvað sem sjálfgefið er.
En nú er það svolítið hreinni.
Og láta mig taka þetta einu skrefi lengra.
Rétt eins og the hugmynd af skrá haus, taka við erum einu skrefi nær því.
Ég hef factored út, en enn eftir, inni á síðu mína, þeir CSS reglum.
Af hverju gæti ég vil taka þetta eitt skref frekar, fjarlægja þetta með öllu, og
setja það í sérstakri skrá?
>> Svo ég get endurnýta það, ekki satt?
Þetta er bara svona innsæi núna.
Áður, hélt ég að það væri bara fá ljót hafa stíl
eiginleika inni á Divs sig.
En bara svona að hugsa að með.
Eins síðu fær lengur og lengur, ef þú ert að setja hér, og hér, og
hér, og hér, allar þessar mismunandi liti, og leturstærðir og öðrum slíkum
eiginleika, síða þín er mjög fljótt fara að verða óviðráðanlega fyrir þig.
>> Ef einhver kemur upp að þér og segir, ó, þú veist hvað?
Ég myndi virkilega vilja breyta leturstærð af tveimur viðbótar atriði, þú
gæti þurft að fara og finna og skipta a gríðarstór tala af línum af kóða.
Það er miklu meira sannfærandi að miðlægur allar slíkar fagurfræði hér.
En ef þú vilt að endurnýta þá fagurfræði í mörgum vefsíðum, allt
meira sannfærandi til, dæmi, búa til skrá
kallað með þeim innihald.
>> Og láta mig gera þetta.
Vista þessa skrá.
Ég segi styles.css, handahófskennt, en venjulegur.
Ég set hana á heimili John Harvard er möppu með nú fyrir einfaldleika.
Og hvað ég get gert í vefsíðu mína er að fá losa af stíl tag öllu leyti,
og nokkuð unintuitively, nota tengilinn tag, sem ekki gefa þér tengil á
tengil, smella skilningi, en þar sem ég segi tengilinn href jafngildir
styles.css.
Og sambandið að þessi þáttur hefur með vefsíðu er að vera
stílblað hennar.
>> Svo hvernig ég vissi þetta?
Einn, lesa bara bæklinginn, eða þú Google í kring, og þú
líta á ýmsum úrræðum.
Ég meina, sem sannarlega er hvernig þú velur upp tækni eins og þessa, og, í samræmi
með þessa hugmynd um að kenna sig nýja tungumálum, aftur, þú munt komast að því að
það er aðeins tímabundið ýmislegt að hvaða tungumáli sem, þegar þú færð
þá munt þú finna að það gerist hraðar og hraðar að skrifa.
Reyndar, læra nýja forritun tungumál er svo miklu hraðar en ný
talmáli því að þessir hlutir eru mun minni og margt fleira
nákvæmlega skilgreind.
>> En ég hef bent á hluti um frávik hér.
Hvers vegna hef ég benti þetta áfram rista hér?
Því ég þarf að loka tag.
Ég ætti loka tag.
Og þú munt finna óteljandi úrræði á netinu sem ekki
endilega loka tags.
Og raunhæft, það er ekki stranglega nauðsynlegt fyrir tæknilega og það eru
ástæður raunveruleikanum, eru vafrar bara nokkuð umburðarlyndur af mistökum í vefnum
síður, fyrir betri eða verri, en að mestu leyti verri.
>> Þannig að þetta hér er bara hreinni leið segja eitthvað heimskulegt eins og þetta,
þar sem ef þú vilt að opna tengil tag en loka það, það er í raun engin hugmynd
af efni fyrir tengil merkinu.
Það þýðir bara að hlaða þessu skrá og setja það hér.
Það er eins skörp fela í C. Þú getur opna og loka merki allt í einu
innan sama merkinu.
Og það er önnur dæmi um þetta.
Þetta er ekki leiðin til að gera þetta, en The br tag, fyrir brot línu, ef ég
virkilega langaði til að ná því sem ég var reyna að áður með hitting inn, ef
Ég segi skýrt línu brot, lína brot, línu brot, lína brot, og
þá endurhlaða síðunni, nú þú munt taka að neðst á síðunni er,
Reyndar mikið lengra niður í neðst á síðunni.
En jafnvel það er hægt að gera miklu meira eðlilega með CSS, og með brún,
og með öðrum slíkum fagurfræðilegu tækni.
>> Svo nú eru Takeaways þetta.
Í HTML, höfum við þessar það kallast tags.
Í CSS, höfum við þetta heitir eignir.
Við getum comingle þessar tvö tungumál, annað hvort með því að nota stíl eiginleiki,
eða stíl tag, eða besta ennþá, þátta það út að öllu leyti, eins og við gerum
í Heimadæmi 7.
Spurningar, þá um hugmynda grunnatriði hér?
>> Áhorfendur: Ég er með spurningu.
>> Ræðumaður 1: Ó, fyrirgefðu.
>> Áhorfendur: Hvers vegna var það ekki litað -
>> Ræðumaður 1: Oh, í öðrum flipa?
Þetta hér?
>> Áhorfendur: Nei, það er eins og -
>> Ræðumaður 1: Oh, það er vegna þess Ég var að sloppy.
Ég setti myndina í röngum stað.
Þannig að ef ég setti í raun það hér, og ég chmod það, allt + r fyrir styles.css og
nú endurhlaða síðunni, nú erum við fá stylization aftur.
Og vegna þess að letur er öðruvísi, við sjáum ekki alveg eins mikið
hvítt rúm.
Við sjáum í staðinn hvað er Sjálfgefið er í staðinn.
Góð spurning.
Já?
>> Áhorfendur: Hvers vegna er tengill Tag inni í hausnum?
>> Ræðumaður 1: Hvers vegna er the hlekkur Tag inni í haus -
stutt svar, bara vegna.
Það er það sem var ákveðið.
Það er þar sem tengli fara þegar þú hefur það sem er kallað
ytri stíll lak.
Aðrar spurningar?
>> Allt í lagi, vel skulum gera þetta.
Við höfum svo mikið gaman á undan okkur í dag.
Það er bara klóra yfirborð CSS.
Skulum gera þetta.
Skulum taka fimm mínútna hlé hér því, á netfangið mitt, við skulum hanga í
þar til 02:30-ish í dag.
En ef þú þarft að fara, það er allt í lagi.
En við munum sækja fram eftir fimm mínútna hlé.
Og við munum læra smá eitthvað um PHP, MySQL, og fleira.
>> Allt í lagi, þannig að við skulum reyna, nú, til að binda nokkrar af þessum hugmyndum saman og gera,
segja, eigin leitarvél okkar.
Ég tók eftir, frekar forvitinn, eftirfarandi.
Þegar þú ert á Google.com, þú ert yfirleitt á vefslóð eins og þessa hér
með ekkert eftir punktur com.
En ef ég leita eitthvað heimskulegt eins kettir, og högg koma inn, munum við fá - ekki
heimskur, en þú veist.
>> OK, svo eftir, efst á síðunni, nú, the URL hefur, að sjálfsögðu, að breyta.
Og þetta er ekki neitt ný að allir af okkur.
Þú smellir tenglar og efni gerist á vefnum.
En hvað er áhugavert hér er eftirfarandi.
There 'a heild einhver fjöldi af ringulreið, en láta mig henda efni sem ég ekki
alveg skilið eða ekki virkilega líta máli.
>> Leyfðu mér að losna við þetta.
Leyfðu mér að losna við þetta.
Og láta mig fá bara losna af þessu öllu.
Og nú eftir að kettir eru í URL, fylgt með q, þá jafn
skrá í framan.
Svo kemur í ljós að þetta er hvernig hvernig það virkar þegar það kemur
að inntak og úttak.
>> Við höfum lengi talað um svartur kassa, ekki satt?
Svo ef þetta er fall til framkvæmda hér sem svartur kassi, það tekur inntak
og framleiðir framleiðsla, vel, þýðir sem þú leggja til að
website er með því, oft, af slóðum þeirra.
Þú setur einfaldlega spurningarmerki og þá jafnt lykill gildi.
Og þá kannski merkið, og þá annar lykill jafnt gildi, þá kannski
annað merkið, lykill jafnt gildi.
Það er hvernig þú fara í lykla og gildi, pör af aðföngum.
>> Þannig að ef ég lenti inn núna, það er áhugavert um Google er að allir
að ringulreið Ég eyddi virðist ekki að vera nauðsynlegt.
Allt sem ég þarf að senda til Google er spurning merkja q jafngildir kettir að fá
aftur sumir kettir.
Jæja, The vísbendingu um það, þá, er ef ég draga upp gedit, hef ég byrjaði
gera eigin leitarvél mína hér í skrá sem heitir seach0.html.
>> Og láta mig fara á undan og eyða eitt lína sem þú
áttu ekki að sjá.
Og nú, láttu mig fara inn í eigin vafra minn, svo ekki að Google, og fara að
http://localhost.
Og það er að fara að fá í leiðinni.
Þannig að við erum að fara til verða að kveðja að nú, færa þetta hérna,
ó, nú við erum að fara til verða að kveðja til að skrá.
>> Alltaf þegar þú ert með skrá sem heitir index.html eða index.php í
skrá, ef vefur framreiðslumaður er stillt á þennan hátt, hvað þú munt
sjá, við vanræksla, er efni þessa skrá frekar en skráningu á
skrá, sem ég vildi hér.
Meira um þetta í sérstakur.
Þú varst ekki sjá það.
>> Svo er þetta það sem ég vildi í raun.
En í smá stund síðan, það var skrá í þessa möppu sem heitir
index.html og index.php.
Og svo er vefur framreiðslumaður var sýna mér þær skrár.
Þess í stað vil ég þessa möppu skráningu hér.
>> Þannig að ég ætla að fara inn CSS og fara search0.
Og ég halda því fram að þetta er það að fara að vera upphaf eigin samkeppnishæf minn
leita vél.
Og til að gera þetta, ætla ég að fara í hér, í CSS, og opna með
gedit, leita 0.
En því miður, það er ekki mikið að gerast hér.
Það eina sem ég gerði var að nota fyrirsögn tag, sem gerist að vera kölluð h1, sem
í raun þýðir stór og djörf, og það er það.
En leið sem við getum veita aðföng eru um þessar
það kallast form.
>> Svo láta mig fara á undan og opna og loka, preemptively, form merki þar.
Og láta mig fara á undan og gera eitthvað eins og this.
Inntak, tegund jafngildir texta.
Og þá skulum loka tag innan sviga sjálfir.
Ég þarf ekki að byrja textabox og stöðva textabox.
Það er bara að fara að vera þarna eða ekki.
>> Og svo fyrir neðan það, skulum gera inntak tegund jafngildir leggja.
Vista þetta.
Og nú skulum bara gera fljótur geðheilsan athuga.
Skulum endurhlaða.
>> OK, svo það er ekki slæmt.
Það er ekki stíll Google, en það er ansi nálægt.
Það er texti sviði.
Ég get slegið smá dót í, ýta á Enter, en ekkert gerist enn.
Og það er vegna þess að ég hef ekki tilgreint aðgerð fyrir þetta eyðublað, svo að segja.
Þannig að ef ég fer aftur til mynd frumefni, það kemur í ljós, og ég veit þetta bara
að hafa lesið skjöl, sem formi Tag tekur eigindi
heitir aðgerð sem er URL á vefsíðu sem þú
langar að senda eyðublaðið.
>> Ég í raun ekki held að við höfum tíma til að framkvæma alla bak endir fyrir a
leitarvél í dag.
Þannig að við erum bara að fara að segja, ha, farðu á google.com / search.
Og nú langar mig að loka vitna minn.
Og láta mig tilgreina frekar að The aðferð til að nota er að fara
að vera kölluð fá.
>> Löng saga stutt, það er tvær leiðir, á kosti, sem þú getur sent inn upplýsingar
úr vafranum til miðlara.
Eitt er að fá, og, vegna í dag, sem þýðir bara í vefslóðinni.
Þú sérð nákvæmlega spurningarmerki, á jafn merki og &-merkið að
við sáum áðan.
Eða það er val sem heitir eftir.
Fyrir nú, vita að staða er oft notuð þegar þú vilt senda inn skrár, eins og
myndir og svo framvegis, eða þegar þú vilt leggja greiðslukort eða
lykilorð, nokkuð sem það er ekki skynsamleg, eðli eða
öryggi vitur, að enda í vefslóð Vafrinn þinn, þar snuðrari foreldrar,
eða herbergisfélaga, eða einhver með aðgang í tölvuna þína gæti séð.
>> Þannig að við skulum spara það hér.
Og ég þarf að gera eitt annað hlutur.
Það þýðir ekki nægja bara að segja gefa mér textareitinn.
Ég verð að gefa því sviði er meta nafn.
Svo láta mig fá lánað val Google sem nöfn, Q, og skilgreina að second
eigindi ég í raun ekki sama um nafn á senda hnappinn.
Það eina sem ég hugsa um er að senda hvað notandinn slær inn
>> Og nú er þetta góður af ljót.
Það segir bara að leggja.
Það kemur í ljós, og ég veit þetta af því skjöl, get ég í raun að segja
gildi er vitna Unquote "cs50 leitarorðinu "loka vitna.
Þá skulum endurhlaða aftur.
Svo ég halda hitting Command-R eða Control-R á lyklaborðinu mínu til að endurhlaða.
>> Nú höfum við meira áhugavert leita vél.
Það er ekki alveg líta út eins og Google enn, þó.
Svo skulum við fara á undan í hér og gera smá línu brot.
>> OK, svo nú höfum við Google.
Við reyndar næstum höfum Google.
Svo nú hvað er að fara að gerast?
Ég ætla að slá í eitthvað eins og kettir.
Og the flettitæki er að fara að flokka þessi mynd sem ég skilgreint.
Og það er að fara að senda notandi til að vefslóð.
Svo þessar mundir, fyrir sumir forvitinn ástæðum, Ég fékk fleiri upplýsingar um hlutabréf
en um raunverulegan ketti.
En það er allt í lagi vegna þess að taka við enn endaði hér, q jafnt ketti.
>> Svo langa sögu stutta, þá virðist það nokkuð léttvæg til að fá inntak frá the notandi.
Og til að vera sanngjarn, það er bunches af öðrum tegundum sviðum formi.
Það er stöðva hnefaleikar, og lítið gagnkvæmt einkarétt hnappar útvarp og
falla niður matseðlum og fleira.
En öll þeirra eru tiltölulega auðveldlega útfærð sem
þessi texti sviði var.
Og að lokum, höfum við bara að gera viss um að einhver er að hlusta á aðra
enda á línu til að fá sem upplýsingar unnar, einhvern veginn, og
gefa okkur aftur ketti okkar.
>> Við skulum líta á örlítið meiri þátt dæmi.
Leyfðu mér að fara inn í möppuna Vhost míns, í heimamaður gestgjafi, opinber, og þar sem ég
setja kóðann í dag.
Allt þetta mun vera á námskeiðið er website fyrir þig að tinker með.
Og ef ég fer í froshims, láta mig opna upp þessa skrá nú, froshim0.php.
Þessi er svolítið meira fjölorður, svo við munum ekki skrifa þetta frá grunni.
En bara taka nú fáir nokkuð þekki einkenni.
>> Einn, mynd tag, mismunandi aðgerð.
Það er ekki fullt URL.
Nú er það víst að skrá sem heitir register0.php því, í smá stund,
Ég ætla að kenna mér smá eitthvað um PHP, forritun
mál, vegna þess að PHP er hægt að nota til að framkvæma það sem Google framkvæmda sem
The bak endir af leitarvélum sínum.
>> Google, í raun, sennilega notar sumir Python, sumir C + +, og
bunches annarra tungumála.
En við gátum svo sannarlega innleiða leit Niðurstöður Using PHP ef við vildum.
En nú munum við halda það einfalt.
Og þetta er í raun minnir einn af hinum fyrstu vefsíður ég
gert árum.
>> Til baka í dag minn, skráð þig fyrir intramural íþróttir sem freshman eftir
fylla út blað, gangandi yfir garðinn og sleppa honum í
pósthólfið á Proctor í Wigglesworth, og það var hvernig þú
skráð.
Og svo verkefnið mitt skömmu eftir CS50, var að setja það, sem skapar meistarann
skilningi, á vefnum, sem var ekki eins og í tísku þá eins og það er nú.
En allt sem við þurftum að gera var að búa til, meginatriðum, HTML formi.
>> Og þessi mynd leit u.þ.b. svona.
Ég hafði innlegg í Freshman er nafn.
Ég hafði annan kassann fyrir hvort eða ekki þeir vildu vera fyrirliði, hvað
kyn þeirra var, og hvaða dorm þeirra var.
Og þá er ég dulmáli harður í hlutum eins Apley dómstólinn og Canaday,
Grays, og svo framvegis.
>> Svo aftur, nýr tags.
Hef ekki séð þetta áður, nýr eiginleika, en nokkuð aðgengileg.
Þegar þú sérð dæmi, getur þú góður af láni þessi hugmynd og gera dropa
dúnn matseðill fyrir flest allt.
En hvað er lykillinn er að hver þessir hlutir hafa nöfn.
Og neðst á eyðublaðinu, það er gefast upp hnappur sem merki,
eða verðmæti, er skráin.
>> Svo skulum við fara á þessa síðu.
Leyfðu mér að fara aftur í skrá skráningu.
Leyfðu mér að fara inn í froshims, og fara í froshim0.php.
Svo það er hideous, að vera sanngjarn.
Svo ég gæti örugglega stylize þetta með nokkrum CSS, ég gæti gert þetta
grafík, kannski bæta við nokkrum litum, og gera þetta fallegri.
En virkni, myndi ég halda því fram að þetta er reyndar nokkuð heill.
>> Því miður, þegar ég fylla þetta út, David, Captain, Male, við munum velja,
segjum Matthews, Register, allt sem gerist er þetta.
En taka nokkra takeaways.
Einn, hvaða skrá aftur þá Niðurstöður virðist?
Svo er það reyndar register0.php.
Svo því að við sáum að aðgerð gildi fyrir augnabliki fyrir register0 þetta
corroborates að við enduðum örugglega upp á þessa tilteknu skrá.
>> Nú er þetta bara ljót texta.
En eftir því þessi texti er koma frá heimamaður gestgjafi,
sem er frá tækinu.
Hugsaðu tækisins nú eins bara a vefur framreiðslumaður sem gæti verið í
Vísindi Center.
Það gæti verið á the raunverulegur vefnum.
Svo það opinberlega aðgengilegur.
>> Svo skýrt, að það er einhver leið liggur mynda sviði inntak til miðlara
þannig að það getur gert eitthvað með þeim.
Því miður, register0 er ansi heimskur.
Allt það gerir er að prenta út fjölda sem lítur svona út.
Og það er ekki fylki í skilningi að við vitum það.
Kemur í ljós að PHP, og mikið af tungumál, hafa ekki aðeins tölulega
Greinar fylki sem fyrsta vísitölu er núll, þá er, þá tvo, þá punktur,
punktur, punktur, n mínus 1.
>> Þetta er það sem er kallað tengin array.
An tengin array er eitt sem þú getur geymt helstu pör gildi þar
lykillinn er ekki endilega númer.
Það gæti í raun vera band, orð.
Og svo þetta getur verið hrint í framkvæmd, undir hetta, snýr það út,
nota gögn uppbygging þekktur sem?
Hélt eitthvað dramatísk var að gerast -
kjötkássa borð.
>> Svo kjötkássa borð, muna, þá sem gerði það fyrir P setja 6, eða jafnvel muna
það, að minnsta kosti, jafnvel ef þú did a reyna, sem Hash borð, í notkun okkar, var notuð til að
bara geyma orð.
En í raun, þú varst að geyma lykla og gildi.
Ef þú innleitt kjötkássa borð fyrir P setja 6 orðabók, takkarnir voru
orð sjálfir, og gildi voru í raun satt eða ósatt.
Já, hér, eða óbeint, nei, ekki hér.
>> Jæja, við getum alhæfa þessi hugmynd.
Og við gátum notað mjög svipuð gögn uppbygging til að geyma ekki strenginn
sig einn í kjötkássa töflunni, en geri ráð fyrir að í hvert eitt af kjötkássa þinn
hnúður töflunni.
Og þú gætir jafnvel gert þetta í að reyna frekar en bara að hafa bool.
Þú gætir hafa eitthvað annað.
Hvað ef lykillinn var ekki Maxwell, fyrir dæmi, en vitna Unquote "nafn" eða
vitna Unquote "Captain." Og inni þinn C gögn uppbygging, setja þér
gildi, ekki bara Boolean, en af ​​value eins tilvísun Unquote "Davíð," eða
"M" eða "Matthews," og svo framvegis.
>> Svo sömu mannvirki gögn sem við notuðum virðist til í öðrum tungumálum.
Og ég vil halda því fram að þeir eru í raun mikið, miklu einfaldara að komast hingað.
Skulum í raun kíkja nú á einhverjum slíkum setningafræði.
>> Ég ætla að fara í PHP skrá.
Og ég ætla að opna betri útgáfa af hello-0 af áður.
Takið eftir að allt sem ég gerði var bæta nokkrum athugasemdum.
Svo við getum að losna við þessi truflun.
>> Og þetta forrit gerir örugglega prentar halló því ég hef tilgreint milli
Tags sem mig langar að framkvæma þessi númer.
Nú munum við sjá í smá stund hvers vegna þetta er gagnlegt.
En við skulum opna eitt annað dæmi hér.
Leyfðu mér að fara á undan og opna segja, gedit aðstæður einn.
>> Þetta er leiðin til baka í tíma núna.
En vikum, held ég, í viku eitt eða viku tvö, við höfðum dæmi heitir
conditions1.c.
Og ég ákvað að reimplement það í PHP, bara til svona leggja áherslu á að
PHP, setningafræðilega er nánast eins í C. Þetta er ekki a gríðarstór stökk
frá síðustu viku að þessu.
>> Tilkynning efst þessarar áætlunar, sem hefst, eins og áður, með nokkrum
athugasemdir, sem ég mun losna um sem truflun.
Takið eftir að ég er í PHP háttur í þessari skrá.
Svo þennan kóða, munum við sjá, mun fá fram.
Takið eftir að það er readline, sem er líklega
hliðstæðum í PHP á getstring.
Eftir það er svolítið öðruvísi.
Þú tilgreinir í raun hvetja til fall sem kallast lesa línu, og það er
hvað notandinn sér.
Svo þú þarft ekki að printf handvirkt.
En það er ekki stór samningur.
Ég ætla að geyma, inni $ n er skilagildi þetta, svo hvað sem
notandinn slær í er int þeirra.
Og hér er önnur forvitni.
Það kemur í ljós, í PHP, allir breytu bara þarf að forskeyti
með dollaramerki.
Það er svolítið pirrandi.
En taka það sem ég hef ekki gert í PHP.
Hvað er vantar í vinstri hendi megin á jafn skilti?
>> Ekki minnst á tegund.
Svo er þetta öðruvísi C. Fyrir betri eða verri, PHP er lauslega
slegið tungumál.
Það hjartarskinn hafa tölur.
Það hjartarskinn hafa strengi.
Það hjartarskinn hafa Booleans.
Og það hjartarskinn hafa nokkrar aðrar gerðir gagna.
En þú, sem forritari, yfirleitt þarft ekki að hugsa um þau.
The kosti þetta er að það gerir það svolítið auðveldara að forrita.
Þú getur held aðeins minna.
The hæðir er að það opnar einnig upp á hugsanlega galla ef þú óvart
meðhöndla fjölda sem streng, a streng sem tala, hugsanlega, en jafnvel
þá, PHP, og mikið af tungumálum, eru nokkuð umburðarlyndur.
Þeir vilja nota það sem er kallað óbeina steypu.
Og ef þú reynir að nota N í samhengi um tölugildi aðstæður, mun það
umbreyta hvað hér er að fara til vera a band, vegna þess að ef notandinn slær
eitthvað í, og þú færð niðurstöður, eins og með readline, eða fá band,
það er að fara að skila streng.
>> En fyrirvara, nokkra línur síðar, ég athuga hvort n sé stærri en núll.
Svo PHP er að fara að óbeint kastað minn "Band" 123, eða hvað sem notandinn
gerðir í, inn í int.
Svo í stuttu máli, efni virkar bara miklu meira innsæi.
Svo við byrjum nú að slaka nokkrar af hlutir sem við höfum gert í fortíðinni.
>> A einhver fjöldi af þessu efni er á sama, þó.
Enn jafnt hafa jafn.
Sem innskot PHP einnig jafngildir hefur jafn jafngildir, en meira um það, ef til vill, í
framtíð.
Það var a.
Prentvilla en tveir jafn merki þýðir það sama hlutur eins og áður, til samanburðar.
printf þýðir það sama og áður.
Sviga n þýðir það sama hlutur eins og áður.
>> Svo hvernig keyri ég þetta forrit?
Jæja, eins og áður, ef ég PHP, conditions1.php, og tegund í
tala eins 123.
Það er jákvæð tala.
Ef ég tegund í 0, sæki ég 0..
Og ef ég tegund í neikvæðri 123, ég fæ aftur neikvæð tala, sem er aðeins
að segja, setningafræðilega, PHP er frábær, frábær svipuð.
>> Svo hvers vegna er þetta nú gagnlegt í a vefur samhengi?
Jæja, við skulum fara aftur á þessa froshims dæmi, sem sá,
aftur, eins og þetta hér.
Og við skulum draga í raun upp vefsíðu aftur, sem leit svona út.
Hvað getum við gert með gögn sem er lögð?
>> Jæja, láttu mig opna nýrri útgáfa af þessu.
Og þú munt sjá að vandamálið setur forskrift gengur þér
gegnum nokkrar af þessum.
Frekar en að byrja með núll, skulum líta á froshims3,
sem gerir aðeins meira.
>> Taka fyrst, reyndar, við skulum opna upp hvað 0 var, þannig að þú sérð
hvaða skrá 0 var.
Taka eftir hvað skráin 0 gerði.
Eitt hef ég athugasemdir efst.
Eyða þeim og einblína á þetta.
Flest af innihaldi register0.php eru, augljóslega, hvaða tungumál?
Bara hrátt PHP.
>> Svo fyrirvara, þessi skrá er ekki byrjað með, á því augnabliki, opinn krappi,
spurningarmerki, PHP.
PHP er að leyfa þér að intermingle PHP kóða með HTML tags.
En ég hef gert það hér inni á síðunni hérna.
>> Nú, aftur, vilt þú bara veit þetta af hafa litið á handbók. print_r,
það kemur í ljós, er print_recursive. _recursive Og þetta er bara vel
gagnsemi virka sem bara prentar út, endurkvæmur, hvað sem þú afhenda það.
Ef þú hönd það fylki, það mun prenta fylki.
Ef þú hönd það númer, það verður að prenta númer.
Vegar a band, mun það prenta streng.
Ef þú hönd það kjötkássa borð, það mun prenta út kjötkássa borð.
Þú þarft ekki að skrifa allir þeirrar kóða sjálfur.
>> Nú eftir því að ég er að slá PHP háttur hérna.
Ég er spennandi PHP háttur hérna.
Svo þegar vefur framreiðslumaður les þessa skrá toppur til botn, vinstri til hægri, því
það endar í filename heitir. PHP, hvað er ekki inni í PHP tags er
bara að fara að vera spýta út, eins og hrár HTML.
Ekki máli.
En um leið og vefur framreiðslumaður tilkynningar þetta, það er að fara að segja, ætti ég ekki
spýta út, bókstaflega, print_r staða.
Ég ætti að framkvæma eftirfarandi lína af kóða.
>> Svo síðustu spurningu, þá af þessari skrá er vel, hvað Heck er þetta?
Taka giska.
Hvað er $ _POST, sennilega?
>> Áhorfendur: [inaudible]
>> Ræðumaður 1: Já, skráðu gögnin.
Muna, við skulum fletta aftur í tími fyrir réttlátur a augnablik.
froshim0, aftur, leit svona út.
A frábær meirihluti þetta er bara HTML.
Aftur, sumir merki sem hafa ekki séð ennþá, eða með hvaða
þú ert þegar kunnuglegur.
En áhugaverður hlutur var þetta.
Þessi eina lína er það sem raunverulega tenglar það að register0.php skrá okkar.
Ég er að senda inn í gegnum POST aðferð.
Og það þýðir að breytur notandinn slær í eru ekki
að fara að enda þar.
>> Þeir eru ekki að fara að mæta í vefslóðinni.
Þeir eru enn að fara að senda frá viðskiptavinur, frá vafra, til
miðlara, en bara í gegnum nokkrar aðrar kerfi sem við munum falla hendur okkar
á í dag, en það er ekki í vefslóðinni.
En taka sambandið nú með staða, sem, með því að venju, er
lágstafir hér.
>> En ef ég opna register0.php, Ég er greinilega prentun þetta.
Svo er þetta eins konar skrýtin nafngiftir venju.
En hvað er gott í PHP er að þegar nota PHP í a vefur samhengi, ekki á
stjórn lína eins og ég gerði smá stund síðan, þegar þú ert í raun að nota það í vefnum
síðu, í Vhost skrá eins og við erum, sjálfkrafa mun PHP fylla þetta
hlutur, sem er tengin array, svo að segja, kjötkássa borð, með
allt sem notandinn slegið inn
>> Í stuttu máli, $ _POST í öllum húfur er alþjóðlegt breytu sem PHP bara
dularfullur skapar fyrir þig þegar nota PHP í a vefur samhengi.
Og það setur innan þess allt í nöfn breytum í þeirri mynd sem
var lögð í þessa skrá og allar þau gildi sem notandinn slegið inn
Svo fær það til þín það sem notandinn slegið í því formi.
>> Svo áður, fengum við mjög heimskulegt framleiðsla á bara að sjá þetta vegna þess að allt sem ég gerði
var endurkvæmur prenta þetta fylki.
Lykillinn er nafn, gildið er Davíð.
Lykillinn er Captain.
Gildið er á.
Og tvöfalda ör og hornið krappi þarna, þetta er bara handahófskennt.
Þetta er ekki númer.
Þetta er bara leið PHP er að sýna þér hvaða gildi sumir lykill er.
>> En nú láta mig leggja til að í froshIMs3 er það nánast eins
nema það leggur í þessa skrá.
Og aftur, við erum að fara að eins konar bara litið á þetta, bara til að sjá nokkrar
setningafræði, en tilkynning hvað þessi skrá er.
Taka giska bara byggt á línum númer, sem líklega líta út eins
Grísku, að einhverju leyti, er greinilega að gera.
>> Þessi skrá er einhvern veginn tengt að póstur, tölvupóstur.
Svo hvað er þetta forrit að gera?
Í þessari útgáfu, ef ég væri í raun fylla út þetta eyðublað - og láta mig fara í
froshIMs3, ekki froshIMs0 -
formið lítur það sama.
David, skipstjóri, karlkyns, dorm, Matthews.
En ef ég skila þetta, þetta er að fara til register3.php.
>> Og ég kröfu, með því að skoða það Kóðinn er það að fara að
einhvern veginn falið tölvupóst.
Leyfðu mér að fara á undan og opna þetta upp í stærri glugga, svo við
getur séð það meira hreinlegur.
Við erum í Vhosts, heimamaður gestgjafi, almennings, froshims.
Ég ætla að opna annað program, bara svo að við
getur séð meira í einu.
>> Svo nú hér, taka nokkra hluti.
At the top of the skrá er opinn krappi, spurningarmerki, PHP.
Þá er það fullt af athugasemdum, sem við getum hunsa, er
uninteresting fyrir nú.
>> Nú er það þetta.
Það kemur í ljós PHP hefur mikið af kóða sem kallast þarfnast.
Það er mjög svipað í anda að s C fela í sér, kjötkássa fela í sér, hvaða
í meginatriðum grípur innihald sum annar skrá og bara plops þeim hér,
svo þú getur notað þá.
Í þessu tilfelli, the tæki hefur, fyrirfram uppsett, bókasafn, ókeypis og
opinn uppspretta bókasafn sem heitir PHP póstinum sem getur einhver
hlaða niður af internetinu.
Við gerðum bara það fyrir þig.
Og þetta þýðir að ég hef nú tölvupóst virkni að ráða mínu.
>> Nú, taka nokkra hluti.
Ég ætla að sannreyna Form er uppgjöf.
Skrúfjárn út PHP, einn, hefur upphrópunarmerki stig fyrir ekki stjórnandi, rétt eins
C. En PHP hefur líka valkost kallað tóm.
>> Tómur skilar bara satt ef gildið af hlutur þú hönd það í
sviga er tóm, eins og notandi ekki slá neitt inn
Þannig að þetta er að segja, og taka eftir því setningafræði, mjög minnir C, ef
nafn lykill, þannig að nafn sviði í formi, sem var lögð fram í gegnum pósti, með
sem notandinn er ekki að tæma, og þeirra kyn er ekki tóm í formi sem
vel, og dorm þeirra er ekki tóm -
en eftir ég er alveg sama um Captain, þá hvað við erum að fara að gera?
>> Ég ætla að framkvæma þessi lína af kóða.
Og hægt er að hugsa um þessa tegund eins malloc, en það er lítið
áhugamaður en það.
En nú þetta gefur mér sérstakt strúktúr af gerðinni PHP póst.
En hunsa leitarorð nýju í dag.
>> Nú ætla ég að hringja í aðgerð sem kallast IsSMTP, sem segir, að nota SMTP.
Þetta er höfn 25, rétt eins og the vídeó í síðustu viku, þegar hlutur var að kasta
tölvupóst í eldvegginn.
Port 25 er SMTP.
SMTP þýðir að nota póstþjóninn.
Hver einn, sem við getum notað er Harvard SMTP.fas.harvard.edu.
>> Við getum stillt úr heimilisfang að vera John Harvard.
Ef ég skruna niður frekar, get ég stillt viðtakandinn heimilisfang, bara
geðþótta, til að vera John Harvard er eins og heilbrigður.
Svo hann er að fara að vera póst sjálfur.
>> Nú get ég sett efni til að vera skráning.
Og ég get sett líkamann bréfa sem hér segir.
Þessi lína lítur svolítið meira dulinn, en það er bara vegna þess að það er mikið
af upplýsingum í henni.
Einn, það er punktur rekstraraðila.
Einhver verður að vita nú þegar hvað punktur stjórnandi gerir.
Það er samtenging.
Svo ef þú vilt taka a band í PHP, og auka við það, eða prepend það, að
annað band í PHP, þakka Guði þér þarft ekki að nota strcopy og malloc,
og allt það lengur.
>> Ef þú vilt concatenate tvo strengi, hver blíðuhót óður í the minni.
Láttu PHP mynd sem út fyrir þig.
Hvað PHP mun gera við punktur rekstraraðila hér er bara gera stór setningu út
á þessari línu, þessi lína, Þessi lína, þessi lína.
Og nú eftir, er það að fara að tengja í gildi.
Svo email sem John Harvard er að fara að fá er bókstaflega að fara að segja
nafn, ristill, eitthvað, frekar, þá erum við loka band og concatenate á
hvað notandinn slegið í, þá eru opnaðir.
>> Þá, á næstu línu John Harvard email, það er að fara að segja
Fyrirliði, On or Nothing.
Það er að fara að segja kyn, karl eða kona.
Dorm er að fara að vera Matthews í mínu tilfelli.
Og þá taka kunnugleg semíkommu aftast.
Og þá, hérna, tilkynning, nokkuð dulinn enn, en aftur, í kjölfar
mynstur sem mun verða kunnugt eftir P sett 7, ef senda póst
False, þá fara á undan og deyja.
>> Svo hefur PHP fall sem kallast deyja, sem, bókstaflega, bara drepur
website og bara prentar út hvað þú segir það - það er að deyja
orð, svo að segja.
Og að um er að ræða, mun það prentað hvað villa upplýsa er fyrir
hvað gerðist að fara úrskeiðis.
Svo langa sögu stutta hér, hvað við höfum er dæmi þar sem þegar notandinn
leggur út eyðublaðið, froshim0, froshims3.php, fer það að
register3.php.
En register3.php býðst til að framkvæma allar þessar línur.
>> Svo er það nokkur burt taka hér.
Einn, það virðist nokkuð auðvelt, kerfisbundið, að senda tölvupóst,
sem er gott.
Þegar notendur skrá sig fyrir síðuna þína, í þetta mál, þegar þeir skrá fyrir þinn
íþróttir, getur þú email freshman Proctor, eða John
Harvard, í þessu tilfelli.
>> En það þýðir líka að þú getur gert hvað?
Senda tölvupóst frá neinum við neinn.
Og þetta er mjög satt.
Þetta er ekki eins auðveldlega gert ef þú ert að nota til að nota Gmail.
En ef þú hefur einhvern tíma notað Eudora eða Outlook, getur þú nokkurn veginn segja að
Póstþjónn sem þú ert einhver sem þú vilt.
Og þetta er þar sem ég þarf að setja á að húfu og segja, ekki gera þetta.
En þetta er erfðaskrá til hversu auðvelt það er að framkvæma phishing árásir, og
senda nafnlaus bréf, og spam, meira almennt.
Og það snýst raunverulega niður í staðreynd að allt sem þú þarft er einhver
forritanlegur aðgang.
>> Sem innskot, mitt nánasta hitti auglýsingin borð, eigin freshman árið mitt,
var þegar ég uppgötvaði þetta flott bragð að, vá, getur þú
senda tölvupóst frá þeim.
Og svo vorum við með nokkur heimskur rök, bókstaflega, í Matthews,
hópi Proctor mínum.
Ég er ekki einu sinni muna hvað málið var.
En ég vildi reyna að setja enda á þetta heimskur umræðu.
>> Þannig að ég ákvað að ég mun bara að senda tölvupóst til Proctor hópnum mínum, þykjast vera
hinn gaurinn, með sem álit I ósammála, og hafa hann acquiesce til
hvað mín skoðun var í þetta tiltekna umræðu.
Og svo ég svikin þetta bréf með á tækni svipuð í anda að þessu.
En það var í raun auðveldara á þeim tíma.
Högg senda.
Hann var ekki ánægður, né myndi hafa verið auglýsingin borð.
>> Og ég var mjög fljótt caught innan sekúndur vegna þess, eins og þú veist, ég undirrita
tölvupóst minn í ákveðinn hátt.
Og þótt ég geri það handvirkt, í stórum hluti, 15 árum síðar vegna þess að ég var
áfall sem.
Ég hef ekki við undirskrift á netfangið mitt núna.
En árið 1995, hafði ég bara SIG, undirskrift í tölvupósti mínum.
Þannig að það var þessi athugið að segja, Dear Proctor hópur, acquiesce ég álit mitt
og sammála Davíð, undirritaður svo og svo, nýja línu, nýr lína, DJM.
>> Svo gera það ekki eða, almennt, að taka Kosturinn við þessa tækni.
En þegar gerð vefsíðu, eins og fyrir lokaverkefni þitt, þegar að gera
website fyrir eitthvað sjálfbær, þetta er hvernig, pragmatically, þú getur
skiptimynt aðra þjónustu á internetinu eins og póstur og þá í raun
senda hlutina með kóðann.
>> Og hvernig getum við bætt við þetta?
Jæja, fyrst skulum taka fljótur skoðunarferð um sumir af þeim hlutum sem þú munt sjá,
og þá taka a líta á a par af dæmi.
Svo einn, að fullvissa, því við erum að fljúga í gegnum PHP.
Og ég veit, á einhverjum tímapunkti, þarftu til raunverulega byrja að skrifa þetta ef þú
hafa ekki nú þegar.
Átta sig á því, einn, helstu er góður af út um gluggann með PHP.
Ef þú vilt að skrifa kóða sem fær framkvæma, byrja þú bara að skrifa það í
skrá sem kallast. php? svo lengi sem þú hefur opinn krappi
spurningarmerki PHP merkinu.
>> En taka þetta eru aðstæður í PHP.
Tilkynning, þetta er nákvæmlega sama mynd við höfðum í viku eitt þegar við þurftum
aðstæður í C. aðstæður í PHP eru setningafræðilega og
setningafræðilega sú sama.
Eini alvöru munurinn er ef þú hefur fengið breytur sem taka þátt, hefur þú þá
dollara merki.
>> Á meðan, Boolean tjáning líta bara svona
eða-ing eða og-ing saman.
Rofar líta nákvæmlega sama.
Hvað er gott í PHP, en í C, skiptir að vera tilvik um
frumform eins ints eða stafir, í PHP ræða yfirlýsingar geta raunverulega vera
á heild strengjum, sem er í raun eins konar ágætur.
Sparar þér tíma.
Gat ekki gert það í C.
>> Hér er til lykkja í PHP.
Það er eins.
Gæti hafa sumir dollara merki fyrir breytur.
Þú þarft ekki að nefna að eitthvað er int.
Þú lýsa bara með dollaramerki og nafn breytu.
En á fyrir lykkja er sú sama.
A meðan lykkja er sú sama.
A gera á meðan lykkja er það sama.
>> Þetta er svolítið öðruvísi.
Svo með PHP, með fjölda, getur þú statically lýsa fjölda, eins og í C,
en þú notar hornklofa.
Í C, myndir þú nota hrokkið axlabönd, ef þú vissir jafnvel þessi.
En þetta er reyndar mjög algengt í PHP til að lýsa fjölda, í þessu tilfelli,
númera, og hringdu breytilegum tölur.
>> Breytur sjálfir líta svona út.
Hér er a band, vitna Unquote "halló heimurinn. "Þú gætir hafa sviga n.
Ég einfaldlega ekki í þessu tilfelli.
>> Nú er þetta áhugavert reisa.
C er ekki með þessu.
En þetta er frábær gagnlegt.
Og þú munt sjá þetta í P setja 7 Sérstakur - a fyrir hvern reisa.
Ef þú vilt að ítreka yfir alla þættir fylki, þú þarft ekki
að takast á við $ i og $ n, og + +, og allt það.
Þú getur bókstaflega segja, í php, þetta -
fyrir hvert númer sem fjölda, svo Ég er hrokafullur að $ Numbers
er fylki af tölum.
Og þegar ég segi fyrir hvert númer sem tala, þetta er að fara að
sjálfkrafa, eins og lykkja minn keyrir, uppfæra á hverjum endurtekning, gildi
inni dollaramerki tala -
aftur, og aftur, og aftur gangandi fyrir mig yfir þessi fylking.
Svo sparar það okkur bara númer.
Engar semikommum, ekki + + 's, nei ég er, Nei það n, það er bara gaman.
>> En PHP hefur líka þetta.
Og þetta er frábær öflugur.
Og þú munt nota þetta, hendur á, í P sett 7.
Og tengin array er einnig lýst með hornklofum.
En taka setningafræði núna.
Það er minnir af því sem við sáum með print_r fyrir augnabliki.
Hversu margir lyklar, sem lítið andleg heilbrigði stöðva, er þetta array virðist hafa.
>> Svo hefur það tvo.
Og ég kalla þetta fylki.
En ef það hjálpar, getur þú hugsa þessarar sem kjötkássa töflu, eða eins og
að tengin array.
En það er bara mismunandi tegund af array.
Og aftur, mismunandi tungumál hafa þessir.
Við munum sjá eitthvað svipað í JavaScript og vel.
Það er tveir lyklar.
Einn er vitna Unquote, "tákn," einn er vitna Unquote "verð." Og þá takka
hver hafa gildi.
Í þessu tilfelli gildi táknum er FB, til Gildi facebook, og verð er 49, 26,
sem var lager Facebook verð eins og í morgun.
>> Svo hvað er gagnlegt um að tengin array.
Ég gæti hafa haft tölulega verðtryggð array með bara
einföld hornklofum.
Og ég hefði getað haft dollaramerki vitna jafngildir bara þetta.
Leyfðu mér að gera í raun það.
Býst ég í staðinn bara lýst þetta array svona.
Það er fullkomlega gild, setningafræðilega.
Það skiptir ekki missa neinar upplýsingar, í sjálfu sér.
Ég sé enn að táknið er FB, og að verð er 49, 26.
Svo hvers vegna eru tengin fylki sannfærandi?
>> Áhorfendur: Þú þarft ekki að muna þar sem þú setur efni.
>> Ræðumaður 1: Einmitt, þú ert ekki að muna hvar þú settir efni.
Þú þarft ekki að geðþótta muna að birgðir tákn er í krappi núll,
og hlutabréfaverð er í krappi einn, sem er sérstaklega hættulegt ef þú
breyta hlutum, loksins.
Það er miklu betur til að tengja hvað við munum kalla lýsigögn
með raunverulegum gögnum.
Ég myndi halda því fram að það sem við í raun sama um hér er FB og 49, 26..
Táknið og verð er lýsigögn sem lýsir þau gögn sem við
í raun sama um.
En þetta er bara svo mikið auðveldara að fá aðgang.
>> Nú, eins og til hliðar hvað er það verð sem við borga?
Við höfum verið að gera þetta í CS50 í margar vikur.
Þessi eiginleiki verður að koma á einhverjum kostnaði.
Minni.
Svo þú ert ekki bara að geyma 32-bita heiltala, til dæmis.
Þú ætlar að geyma tákn / 0, sennilega.
Svo þú ert að nota meira minni.
>> Og hvað er árangur leita eitthvað upp í
tengin array, sennilega?
Það er sennilega hægari.
Random aðgangur er ágætur, sérstaklega þegar þú getur gert tvöfaldur leit.
En ef þú ert í raun nú útlit ekki fyrir tölur, en fyrir strengi, þetta
sannarlega er framkvæmd undir því hetta, sennilega sem kjötkássa borð, þar
þú annað hvort notað kjötkássa borð með sérstakri chaining.
Eða þú notar a reyna að raunverulega geyma gildin.
Svo kannski hægt að gera stöðugt tíma, en þú ert enn að líta á S-Y-M-B-O-L,
hugsanlega í staðinn fyrir bara 32 bits til að líta eitthvað upp.
Svo aftur, þessar sömu hugmyndir koma aftur að endurtaka sig í þessu samhengi.
>> En aftur, PHP hefur nú nokkur frábær Víðværur að það kemur í ljós, eru
tengin fylki.
Við sáum einn í smá stund síðan, $ _POST.
Og að Super GLOBAL hefur lykla og gildi.
Sérstaklega, takkana stilla upp með hvað?
Hvaðan takkana í $ _POST koma frá?
Bara að ágrip?
>> Áhorfendur: Nafn.
>> Ræðumaður 1: Nafn, hvar?
>> Áhorfendur: [inaudible]
>> Ræðumaður 1: Name er eiginleiki.
Jæja þar, þar sem þeir fengu upphaflega koma frá?
Formið.
Svo ef HTML síða hefur form tag, inni sem eru sumir inntak, eins
stöðva hnefaleikar, texta kassa, falla niður valmyndir, sem hver um sig hefur nafn, þá
Nöfn á endanum eins og lyklar í $ _POST, og, hreinskilnislega, fyrir þessi efni, $ _GET.
Ef aðferðin er að fá, sama hugmynd.
Það er bara í öðru frábær Global.
Og gildin, að sjálfsögðu, að koma frá hvað notandinn slegið inn á hans eða
Vafrinn hennar.
>> En það er nokkur annar.
Það er kex, sem við munum koma aftur að lokum.
En þeir eru það sem þú veist vefur notar fyrir sumir gott eða illt.
En við munum koma aftur til það.
Server og fundur, og þessir tveir hafa sérstakan gagnsemi.
>> En við skulum taka a líta á þetta.
Leyfðu mér að fara á undan og opna upp dæmi kallað mvc0.php Svo MVC
stendur fyrir eftirfarandi.
Og við kynna þetta fyrr en er dæmigerður, virkilega, til að fá þig að hanna
Heimadæmi 7, og einnig lokaverkefni, í konar iðnaði
staðall leið og hreinn vegur.
Það er góð hönnun.
>> Svo þú ert að fara að sjá, og þú munt reynslu, í P setja 7, hugmyndafræði, röðun
af forritun hugur, sem lítur smá eitthvað eins og this.
M fyrir Model, C fyrir Controller, V for View.
Löng saga stutt, MVC er bara góður um aðferðafræði, leið til að gera
vefsíður, einkum þar sem að setja öll, þinn heimskur setningu -
viðskipti rökfræði -
allar hugverkarétt þinn í hvað heitir stjórnandi, skrá
eins index.php, eða við munum sjá, quote.php eða buy.php.
>> Í tengslum við setja Vandamál 7, þinn líkön innihalda yfirleitt gögn,
eitthvað tengt við gagnagrunn, eins og við munum lokum sjá, og skoðanir þínar
innihalda fagurfræði þínum staður, HTML, CSS.
Þannig að við sáum nú þegar þetta í C smá hluti með því að nota. h skrám.
Við sáum það virkilega í smá stund síðan með CSS, með þátta CSS stylization
efni úr HTML okkar.
>> Svo er MVC raun bara um að teikna línur í sandinn og segja, að
áhugavert forritun kóða fyrir þinn website tilheyrir í það sem við munum kalla
stjórnandi.
Efni sem tengjast gagnagrunni venjulega endar í líkan.
En þú munt sjá, í setja dæmi 7, við sameinast C og M til að halda það einfalt.
En útsýni er þar sem allar HTML og fagurfræði fara yfirleitt.
>> Svo hvað þýðir þetta í raungildi?
Jæja, láttu mig fara inn í MVC okkar skrá sem hér segir.
Og þú munt sjá meira af þessum tónleikaferð í gegnum sérstakur.
Svo í mvc0, halda ég að þetta sé, eins og, útgáfa 0 vefsíður CS50 er.
>> Allt sem við höfum er einhver HTML, eins stór h1 tag, greinilega.
Og þá Punktalisti.
Ég hef aldrei séð bulleted lista áður, en ekki stór samningur.
Við skulum fljótt að líta á the uppspretta merkjamál.
Skrúfjárn út óraðaðan lista með byssukúlum er opinn krappi ul með einn eða
fleiri atriðum, li.
Svo er tilkynning hér akkeri merkinu.
Við sáum að í smá stund síðan.
>> Svo er þetta hvernig ég innleitt þessari síðu.
Ég hef fengið tvo tengla, tveir lista atriði, eitt ul fyrir óraðaða lista, og endirinn
Niðurstaðan, fagurfræðilega er þetta mjög laglegur website, útgáfa 0 hér.
En hvað er áhugavert nú er hvernig þetta er hrint í framkvæmd undir hetta.
>> Leyfðu mér að fara inn gedit og opna þetta mjög fyrstur dæmi til að mála mynd.
Og við munum líta á það sem er gölluð, hugsanlega í hér.
Nú ef ég fer inn localhost, almennings, MVC, taka nokkrar skrár.
Ég ætla að kalla þetta, fyrir stund, allar stýringar.
En það er hluti af misnotkun vegna þú munt sjá allt er commingled
innra með þeim.
>> Og láta mig fara inn á index.php.
Og við sjáum, bókstaflega, sama HTML.
Svo jafnvel þótt þessa skrá endar í . PHP, er það ekki að það þarf að
hafa allir PHP kóðann.
Það getur bara verið hrár HTML, þótt það er góður af kjánalegt.
En taka það er engin opin krappi PHP merkja, nema þetta, sem hreinskilnislega,
er bara þarna til að þjóna sem athugasemd.
En það er virkni ekki jafnvel áhugavert.
>> En taka þetta.
Hvað er áhugavert nú er það breytingar á þessari síðu.
Leyfðu mér að smella Fyrirlestrar.
Og taka slóðina er um að breyta.
Núna er ég á lectures.php.
Leyfðu mér að smella núll.
Núna er ég á week0.php Og nú skulum mér opnar þessa skrá í gedit.
Ekki bara vísitölu, en láta mig opna fyrirlestra.
Og láta mig losna við athugasemd að leggja áherslu á þessa hluti aðeins.
>> Og nú langar mig að opna bara einn, week0.php, henda athugasemdir,
bara að hreinsa þetta upp.
Og nú eftir eftirfarandi.
Hugsa virkilega svona vandlega um hönnun, og við skulum gera það línu
upp á sama, hvað væri hægt að gera betri hér, finnst þér?
>> Hvernig gerði ég gera í viku einn?
Hvernig óður í this.
Svo er þetta hvernig ég gerði viku einn.
Ég fór upp í File, New, Paste, Vista, week1.php, og þá fór ég í hér.
Og ég breytti einn -
hvað var þetta, einn til föstudags.
Ég breytti núll til einn.
Ég breytti þessu í einu.
>> OK, svo nú líta á minn skrá.
Hvað mætti ​​gera öðruvísi?
Hvar er tækifæri, kannski?
Svo er það tækifæri til að byrja þátta þetta efni út.
Leyfðu mér að opna, sem spoiler, fyrir hvað þú munt sjá í P setja 7.
Ef ég opna, nú, index.php í útgáfu fimm af þessu, lítur það leið
meira dulinn, að vísu.
>> En þetta, sem nú er, það sem ég ætla að hringja í stjórnandi sem er að stjórna
rökfræði á síðu mína.
Og þú getur konar endurgera, innsær, kannski, hvað er að gerast.
Á fyrstu línu, það er smá dulinn.
En eftir ég er að krefjast, eins og með skarpur fela, skrá sem kallast
helpers.php.
Og þá er ég að hringja, greinilega, að virka, heitir inna af hendi, sem liggur í
tvö rök.
>> Einn er vitna Unquote, haus.
Og hitt er, hvers konar gögn tegund er þetta, undirstaða
á setningafræði okkar fyrr?
Það er tengd array.
Sérstaklega, er það liggur í titlinum með nokkrum lýsigögn sem minnir
mér hvað það er og gildi þess.
Þá vil ég sjá hart dulmáli ul, svo sumir hrár HTML.
En þá er ég aftur í PHP háttur kalla fall inna af hendi.
Svo jafnvel ef þú hefur aldrei notað HTML eða PHP áður, og jafnvel þó að þetta lítur
scarier, hvers vegna er þetta líklega betri hönnun?
Hvað er betra um það, byggt á ályktun?
>> Áhorfendur: [inaudible]
>> Ræðumaður 1: Minna ofaukið í því það er ekkert meira HTML tag, ekki meira
höfuð tag, ekki fleiri líkami tag í öllum helvítis skrá.
Staðinn, hef ég reiknað út að sameiginlega og væntanlega setja þá
í skrá einhvern veginn tengjast til haus.
Og sama fyrir nánu líkama tag, loka HTML merki.
Það er líklega hérna inni á fót einhvers staðar.
Og þú munt sjá, í setja dæmi 7, smá ferð í gegnum þetta.
>> Svo liggur það undan?
The einn hlutur sem við höfum ekki getu enn er til að í raun að geyma gögn.
Og svo það sem við munum byrja að sjá Miðvikudagur, til dæmis, er að þín
gamall vinur Excel eða tölur, gerir þér kleift að geyma fullt af
gögn í línum og dálkum.
Reynist þú getur gert það í hvað er kallað gagnagrunni, kerfisbundið.
oflæti Og það kemur í ljós, eftir það, við munum vera fær um að geyma hluti eins og
þetta, sem þú munt sjá aftur í P setja 7, a heild búnt af notendanöfnum og
aðgangsorðs eru hið síðarnefnda sem reyndar dulkóðuð, líkt og þeir
voru í útgáfu spjallþráð P SET 2 er.
Og að lokum, munt þú framkvæma þetta, eigin Rafræn viðskipti-eins vefsvæðið þitt sem
útfærir sameiginlega CS50 fjármál.
>> Loksins, þar sem þú gist hér svo seint í dag, ef þú kemur til baka til þessa hluta
á háskólasvæðinu á 04:00 í dag, munum við gefa þér ekki aðeins ráð, að evrópsk samvinnufélög
Ráðgjöf Fair, á 16:00 í Maxwell-Dworkin, munum við gefa þér nokkrar
Americone Dream, Cherry Garcia, Súkkulaði Fudge Brownie, Súkkulaði
Chip Cookie Dough, og þegar þú Google Chunky Monkey, fá þér þetta.
Svo öll þessi bíður á 04:00 PM í Maxwell-Dworkin.
Sjáumst á miðvikudag eins og heilbrigður.
>> Ræðumaður 2: Á næstu CS50, RJ sefur inn
>> RJ: minn hlutinn!
Ha!
Ó,