>> [CHWARAE CERDDORIAETH]
DAVID J Malan: pob hawl, croeso nôl.
Mae hyn yn CS50.
Mae hyn yn ddiwedd yr wythnos saith.
Ac mae'n diwedd y sborion hela o broblem a osodwyd bedwar
y gallai byddwch yn cofio.
Wedi adfer pob un JPEG hynny o staff,
cawsoch eich herio, os hoffech, i dynnu lluniau eich hun gyda chymaint
o Folks rhai ag y gallwch.
Rydym yn cael criw cyfan o gyflwyniadau dros yr ychydig wythnosau diwethaf,
yn wir, yn eithaf ychydig o dde cyn hanner dydd heddiw, rhai ohonynt yn rhai yma,
dal yma in-- edrych like-- Annenberg Neuadd yn oriau swyddfa, un fan hyn
yn Lowell House gyda Nick.
Dyma ei Ramon cael eu dal ar y ffôn.
Roedd hyn mewn cinio CS50.
Roedd hyn Jason Skyping gyda a classmate yn fwy creadigol,
a ffoniodd iddo y modd hwn.
Nid ydym yn gwybod beth y mae hyn yn.
>> [Chwerthin]
>> DAVID J Malan: Ond sy'n werth gigabeit.
Dyma Chang, pwy llythrennol yn rhedeg oddi ar y llwyfan
er mwyn osgoi cael llun un dydd, ond ei ddal yn y pen draw.
Dyma Nick.
A dyma yw Alison i lawr gan y caeau.
A Zamyla Daethpwyd o hyd hyd yn oed mewn cystadleuaeth neuadd ddawns.
Felly, byddwn yn mynd drwy lluniau hyn, chyfrif i maes
a gyflwynodd y mwyaf y cynharaf, a gwobrwyo
un wobr wych, fel y addawyd yn y fanyleb.
A byddwn hefyd yn dilyn i fyny am y gofod a oedd yn cymryd rhan.
>> Mae cwpl o announcements-- felly cinio yw, unwaith eto, y dydd Gwener hwn am 1:15.
Os hoffech chi ymuno â ni, RSVP ar y URL yma.
Jason yn ymddangos eto yma o un o'r adrannau ychydig o flynyddoedd
yn ôl, a ddigwyddodd i ddisgyn ar Nos Galan Gaeaf.
Ac yn wir, efe a gwisgo fel pwmpen y flwyddyn benodol.
Os ydych yn gwylio yr adran hon o o'r rhan o'i 2011
wyth, os ydych yn chwilfrydig, yn CS50.tv, rwy'n credu
hon oedd y flwyddyn y ei pwmp awyr yn gweithio.
>> Os ydych, yna gwyliwch y adran tebyg yn 2012,
byddwch yn gweld Jason hwn fflat yn llawer, gan nad y siwt yn gweithredu,
sydd ond i ddweud dydd Gwener yma, os byddech yn
yn hoffi i gerfio pwmpen gyda Daven ac Gabe ac eraill, RSVP at y pennau
yn y cyfeiriad cs50.harvard.edu.
Mae'n argoeli i fod yn hwyl fawr.
Daven, rydym yn gwybod, wedi cerfio pwmpenni ei holl fywyd.
Byth Gabriel o Frasil wedi cerfio pwmpen ar gyfer Calan Gaeaf.
Felly byddwch yn yno gyda nhw wrth iddo ddysgu.
>> Seminarau, meanwhile-- felly byddwch yn dysgu yn fuan
am yr hyn y mae ein disgwyliadau ar gyfer y prosiect terfynol, sydd yn eu hanfod
Bydd berwi i lawr i gynllunio a gweithredu
unrhyw brosiect o ddiddordeb i'r rhan fwyaf i chi, er bod hynny yn amodol ar gymeradwyaeth
ac arweiniad gan eich cyd-addysgu.
Tua diwedd y semester, rydym yn cyflwyno nifer
o seminarau, sef ddosbarthiadau dewisol dan arweiniad y cymrodyr addysgu a Harvard
staff, cyfeillion o'r cwrs ar draws campws, ar wahanol bynciau sy'n
yn ymylol i'r maes llafur y cwrs yn sylfaenol
ond serch hynny yn berthnasol, yn hwyl, a gwahanol ar gyfer prosiectau terfynol posibl.
>> Er enghraifft, yn gyntaf, os yr hoffech i gofrestru, pen i'r URL yno.
Ac mae hyn yn y lineup ar gyfer seminarau eleni ben ei hun.
Ond sylweddoli gennym dwsinau o seminarau o flynyddoedd diwethaf, mae pob un ohonynt
yn cael eu cysylltu yn y ddewislen Seminarau opsiwn o wefan y cwrs.
Felly os ydych chi'n meddwl am yn mynd y tu hwnt i'ch parth cysur
neu yn cydio yn rhai sgiliau newydd, er enghraifft, rhaglennu iPhone
apps gyda Swift, iaith newydd o Apple neu Amcan-C
neu Android apps neu raglennu [? ciw?] bylbiau golau, neu unrhyw un o'r pynciau
hyd yma ac yn fwy siec, sy'n ddyledus allan y dudalen gofrestru.
>> Felly, rydym yn dechrau ac yn dod i'r casgliad ar Llun gyda edrych ar HTTP.
Felly HTTP refresher-- gyflym, Protocol Trosglwyddo HyperText.
Ond beth mae hynny'n ei olygu mewn gwirionedd?
Beth mae hynny'n ei olygu mewn gwirionedd?
A yw hynny'n llaw?
Rwy'n gwybod eich bod yn dim ond crafu eich pen.
Ond eich bod am gynnig pa HTTP yw?
>> GYNULLEIDFA: Sut y cyfrifiaduron cyfathrebu â [Anghlywadwy].
DAVID J Malan: collais y rhan olaf.
Sut cyfrifiaduron yn cyfathrebu with--
>> Gweinyddion Rhyngrwyd: CYNULLEIDFA.
DAVID J Malan: Good-- gyda y rhyngrwyd gweinyddwyr, ac yn benodol, gweinyddwyr gwe.
Gan fod galw i gof, mae 'na griw o gwasanaethau ar y rhyngrwyd, y mae rhai ohonynt
ydych yn ei ddefnyddio yn ôl pob tebyg yn ddyddiol rhwng sgwrsio a neges, sgwrsio, ac ar y we, ac e-bost,
ac yn y blaen.
A HTTP yn unig yw protocol y porwyr gwe
siarad wrth gyfathrebu â gweinyddwyr y we, ac i'r gwrthwyneb.
Ac mae'r analog yn y Efallai y byd dynol fod,
Rwy'n estyn fy llaw i ysgwyd rhai dynol eraill, ac ef neu hi
cydnabod drwy ymestyn ei law yn ogystal.
Felly dyna dim ond protocol, set o gonfensiynau.
>> A beth yn wir yw'r confensiynau hynny?
Wel, 'i jyst yn berwi i lawr i anfon negeseuon yn ôl ac ymlaen,
wrth i ni darlunio yma.
Ac mae un neu ddau o ffyrdd y y gallwch anfon negeseuon hyn.
Ac efallai y mwyaf cyffredin yn cael ei adnabod fel get.
A chawn weld cyferbyniad at hyn cyn hir.
>> Ond cais get o borwr â'r gweinydd yn union edrych fel hyn.
Mae'n bagad o destun ei fod yn rhoi tu mewn i amlen rhithwir.
Ar y tu allan yr amlen mynd cwpl o ddarnau o fanylion.
Beth sydd angen i fynd ar y amlen, fel petai,
er mwyn cael cais tebyg hwn oddi wrthyf i weinydd y we?
Yeah.
>> GYNULLEIDFA: Mae eich cyfeiriad IP.
>> DAVID J Malan: My cyfeiriad IP yn y O cae, fel petai,
ac wrth gwrs, y cyfeiriad IP derbynnydd.
Ond yn achos pecyn ar y we, mae arnom angen ychydig mwy o fanylion
Nid yw'n ddigon dim ond i anfonwch amlen i weinydd,
oherwydd efallai y gweinydd fod gwrando ar gyfer gwahanol fathau
y traffig ar y rhyngrwyd.
Felly, beth arall y mae angen wahân IP y derbynnydd?
Yeah?
>> GYNULLEIDFA: A yw'n TCP?
DAVID J Malan: Da.
TCP--
>> GYNULLEIDFA: Cyfeiriad.
>> DAVID J Malan: Cyfeiriad, neu porthladd, gan ei fod yn enw.
Close, ond mae rhif porth TCP.
Ac mae 'na griw o rhain.
Ond yn sicr y mwyaf Dylai cyfarwydd yn y pen draw
fod yn 80, sef y diofyn un a ddefnyddir ar gyfer traffig ar y we.
Ac cyfarwydd arall un a fydd cyn bo hir yn 443,
sy'n cael ei ddefnyddio ar gyfer y we yn ddiogel traffig, URLs sy'n dechrau gyda https.
>> Felly, mae hyn yn beth sy'n mynd tu mewn amlen hwnnw.
Ac yn ei gael / yn unig yn golygu, yn rhoi 'm' r dudalen we ball.
Rhowch gwraidd y galed i mi gyrru ar y gweinydd gwe.
A, gobeithio, y we gweinydd yn ymateb gyda, OK
ac mae'r rhif 200, sydd ychydig confensiwn yn dweud, ie, pob
yn wir OK.
Dyma y dudalen.
Y math o y dudalen we yn mynd i fod yn destun, ond yn fwy penodol, HTML,
yr ydym chi ar fin i ddeifio yn ôl i mewn.
Ac mae'r dot dot dot yn unig modd, dyma yw'r HTML.
A dyna lle rydym yn codwch y stori heddiw,
mewn gwirionedd yn ysgrifennu HTML, Iaith HyperText Markup, a oedd
yn yr iaith y tudalennau gwe yn cael eu hysgrifennu.
Dyw hi ddim yn iaith raglennu.
Does dim swyddogaethau neu ddolenni neu amodau.
Mae'n iaith markup, yn ogystal eto yn gweld heddiw,
sy'n eich galluogi i bennu sut i strwythuro a stylize
esthetaidd tudalen ar y we.
>> Felly, hwn oedd yr un a dim ond dudalen mae gwir
edrych ar, os yn fyr, ar ddydd Llun.
Ac yn sylwi ar ychydig nodweddion amlwg.
Mae 'na lot o ongl agored braced braced ongl ac yn agos.
Yn rhwng y rheiny onglog cromfachau yn eiriau.
Ac rydym yn mynd i ddechrau galw tagiau geiriau hynny.
Braced pen mor agored a braced pen caeedig
yw'r tagiau agored a chaeedig, neu dechrau a diwedd tagiau
yn y drefn honno, o elfen HTML, fel y byddwn yn ei alw, a elwir yn pen.
Ac mae'r un peth yn berthnasol jargon i gorff yn HTML ac yn y blaen.
>> A beth braf yw HTML-- ac yn wir, yr ydym yn annhymerus
ofnadwy treulio ychydig o amser arno, oherwydd byddwch yn bennaf yn unig chyfrif i maes
pa nodweddion sydd ganddo pan fyddwch mewn gwirionedd yn cael problem concrid
i solve-- fe welwch fod porwr ydy 'n bert' n fud.
Dim ond mae'n mynd i do-- nid annhebyg a computer-- yr hyn yr ydych yn dweud iddo ei wneud.
Ac felly pan fydd gennych agored HTML braced ar y brig
yno, hynny yn ei hanfod jyst yn golygu, hey, porwr,
yma hon tudalen ar y we a ysgrifennwyd yn HTML.
>> Pan mae'n gweld braced agored pen, mai dim ond yn ei olygu,
hey, porwr, yma hon y pennaeth, neu y rhan topmost o fy dudalen we.
Pan fydd yn gweld fraced caeedig pen, mai dim ond yn golygu, hey,
dyna ni ar gyfer y pennaeth.
Wrth gefn ar gyfer rhywbeth arall.
A bod rhywbeth arall yn yn ôl pob golwg yn mynd i fod yn y corff.
A phan nad oes gennych tag, fel ydych newydd hello, coma, byd,
mae hynny'n unig yn mynd i fod yn destun amrwd sy'n yn y pen draw yn cael ei dangos ar y sgrin.
>> Nawr, byddwch yn sylwi yn rhy y mewnoliad yma.
Mae'n debyg y gallwch ei gasglu sut rydym yn stylizing iddo.
Bob tro rwy'n agor tag, fel petai, yr wyf yn indent.
A phob tro y byddaf yn cau tag, yr wyf heb ei indent,
debyg o ran ysbryd i'r braces cyrliog.
A thu hwnt i hynny, rwy'n garedig o ddefnyddio fy marn.
Rhybudd nad oeddwn yn trafferthu taro Rhowch tu mewn y tag teitl.
Pam?
Wel, Fi jyst yn penderfynu ei bod yn edrych yn ychydig glanach i mi, y dynol,
dim ond i beidio â thrafferthu gwneud hynny.
Felly, unwaith eto, mae rhywfaint dyfarniad yn galw yn unig
fel y mae mewn C neu unrhyw iaith.
>> Ond yn sylwi hefyd bod pant hwn cynnig ei hun i fodel meddyliol,
peidio â gor gymhlethu iddo.
Ond coeden, dde?
Os ydych yn meddwl am y we dudalen, yn ôl pob golwg yn ysgrifenedig
fel hyn, fel rhai 'n glws mewnoli y ffordd honno,
gallwch chi bron yn meddwl am y braced agored Tag HTML braced caeedig yn nodi ffiniau
gwraidd cainc, coeden deulu nod arddull yn arddull y coed
buom yn edrych ar ddydd Gwener diwethaf.
>> Ac yn wir, yr ydym yn ei gael ar y dde yma yr hyn y byddwn yn ei alw'n DOM, D-O-M, dogfen
model gwrthrych, yn ffordd ffansi o ddweud coeden sy'n cynrychioli hwnnw HTML.
Ac yn sylwi bod HTML wedi, byddwn yn dweud, fel coeden deulu, dau o blant.
Ar y chwith mae pen.
Ar y dde mae corff.
>> Ac yn union fel ymarfer meddwl difeddwl, pennaeth, wrth gwrs, mae gan faint o blant
yn ôl y strwythur hwn?
Felly dim ond un, title-- a dyna pam yr ydym wedi
y saeth yn mynd o pen i'r teitl.
Felly mae'n fel pe y person hwnnw yn y Roedd coeden deulu dim ond un epil.
Ac yna teitl ei hun yn gallu cael ei ddweud i gael plentyn hefyd.
>> Dwyn i gof bod y HTML oedd hello, coma, byd oddi tano.
Ac yr wyf wedi tynnu yn syml ei fod o fewn hirgrwn yn hytrach na petryal yn unig
i gyfleu semantig hynny er bod ei fod yn nod yn y goeden, fel petai,
ei fod yn fath o sylfaenol wahanol.
Nid ei fod yn tag.
Neu yn fwy priodol, nid yw'n elfen.
Mae'n dim ond nod destun, os mynnwch.
Ond mae'r rhain yn gwbl confensiynau dynol mympwyol.
Mae hyn yn unig yn awr fy ffordd o yn cynrychioli yr hyn 'n annhymerus' fel agreg
ffoniwch y ddogfen.
>> Ac wrth fynd heibio, y peth yn y gornel chwith top super,
braced agored doc pwynt exclamation math HTML, mae hyn yn edrych fel tag,
ond mae'n wir gornel dwp lle bod yn unig yno, copïo a gludo
er mwyn dangos y porwyr mae hyn yn HTML Fersiwn 5.
Mae'r byd yn cadw newid yr hyn y mae'r Dylai llinell gyntaf o god mewn tudalen fod.
Mae hyn yn unig yn golygu fersiwn 5.
Felly, nid yw'n hollol edrych fel y lleill.
>> Mae pob hawl, fel gyda hynny Meddai, byddwch yn awr yn gwerthfawrogi
mae hyn yn deg hyn dwp tattoo rhywun got.
>> [Chwerthin]
>> DAVID J Malan: pob hawl, ac yn awr gadewch i ni mewn gwirionedd yn plymio
i wneud rhywbeth gyda hyn.
Byddwch yn cofio bod tro diwethaf I agor y Appliance CS50
ac yr wyf yn gwneud rhywbeth fel syml â agor gedit.
Ac yr wyf yn arbed y ffeil, hyd yn oed ar fy desktop-- unman special--
fel hello.html.
>> Felly, gadewch i mi wneud hynny again-- hello.html Enter.
Ac yn awr yn y ffeil hon, yr wyf i'n mynd i mynd yn ei flaen ac yn efelychu'r hyn yr ydym newydd
doc saw-- math html Yna mi i'n mynd i gwneud html braced braced agored caeedig.
Ac yna dwi'n mynd i preemptively agor a chau'r tag.
Pam?
Yn union felly nid wyf yn anghofio yn nes ymlaen.
Mae'n arfer da yn unig, fel agor a chau braces cyrliog i gyd ar unwaith.
>> Ac yna beth ddaeth nesaf?
Gallwch chi feddwl am y tattoo.
>> GYNULLEIDFA: Y pen.
>> DAVID J Malan: Y pen.
Ac yna yn y fan hyn, yr wyf yn Roedd gan y teitl, yr wyf yn meddwl.
A rhaid nodi teitl yn fympwyol, helo, teitl agos byd.
Ac yna i lawr yma, y ​​corff, o course-- yna rydym yn cau'r tag corff.
Ac yna dim ond braidd redundantly, Cefais yr un peth i lawr yma.
>> Felly yr wyf yn honni bod hon yn dudalen we.
Mae hyn yn rhywbeth y Gallai awr yn fyw ar y we,
hyd yn oed er, wrth gwrs, mae'n llythrennol byw ar fy n ben-desg ar hyn o bryd.
Ond yn wir, os byddaf yn lleihau gedit, 'N annhymerus' gweld ar fy n ben-desg ei eicon.
Er bod hyn yn yr offer, gallech wneud hyn ar Mac OS
heb TextEdit neu Ffenestri gyda Notepad hyd yn oed.
>> Ac os wyf yn mynd yn ei flaen a chliciwch ddwywaith hynny hyd yn oed, ac yn select-- yn dda, gadewch i ni
Nid yw dewis hynny oherwydd Nid yw Chrome ei agor.
Gadewch i ni fynd yn ei flaen ac yn agor Chrome.
Ac yna yn ei wneud Command-O am agored A llywio at fy n ben-desg
ac yn agor y ffeil.
Dyna sut y porwr yn dehongli HTML, top i'r gwaelod, o'r chwith i'r dde.
Hey, porwr dyma HTML.
Dyma y pen.
Dyma y teitl.
Dyma y corff.
Ac yn wir, dyma sut mae'n peri y dudalen we.
>> Ond yn sylwi ar y URL.
Gallai neb ohonoch tynnu i fyny penodol hwn dudalen ar eich gliniaduron ar hyn o bryd,
hyd yn oed tu mewn i'ch offer trwy gyfrwng y URL,
gan fod file: // yn nodi ei fod mewn gwirionedd ar fy system ffeiliau, fy 'n anawdd cathrena,
Nid yw eich un chi.
Felly, nid yw hyn yn bob un sy'n ddefnyddiol.
>> Gadewch i ni yn awr yn symud tuag at gan ddefnyddio gweinydd gwe gwirioneddol.
Ac mae'n troi allan y Appliance CS50 yn fwy na dim ond amgylchedd lle
gallwch ysgrifennu cod C a llunio a'i redeg fel chi wedi bod yn gwneud.
Mae hefyd wedi cael ei ffurfweddu gan y staff i gynrychioli we nodweddiadol
gweinydd sydd ar y we, un y gallai eich bod yn talu am
neu un sydd yn y cwmwl fel y'u gelwir.
>> Ac mae'n rhedeg ffynhonnell agored am ddim safonol
meddalwedd, er enghraifft, rhywbeth Gelwir Apache, sef o bosibl
dal y we mwyaf poblogaidd meddalwedd gweinydd yn y byd
bod miloedd o wefannau yn defnyddio heddiw.
Ac mae hefyd hyd yn oed wedi meddalwedd megis MySQL,
sydd yn weinydd cronfa ddata y byddwn yn y pen draw yn mynd i,
sydd ond i ddweud Gallaf ddechrau trin
fy offer fel gweinydd fledged llawn nad ydw i'n talu am rywle arall.
'I jyst yn byw ar fy laptop ei hun ar gyfer ddibenion datblygu a hwylustod.
>> Felly, gadewch i ni fynd yn ei flaen ac fanteisio ar hyn.
Rydw i'n mynd i fynd yn ei flaen ac agor i fyny derfynnell ffenest.
Ac yr wyf i'n mynd i fynd yn ei flaen ac move-- mewn gwirionedd, yn gyntaf rwy'n
mynd i lywio i fy n ben-desg.
Os byddaf yn gwneud ls, mae hello.html.
Ac yr wyf i'n mynd i fynd ymlaen a dechrau defnyddio
cyfeiriadur newydd rydym wedi na chaiff ei ddefnyddio cyn heddiw.
>> hello.html-- Rydw i'n mynd i symud i ../vhosts am hosts-- rhithwir
mwy am hynny yn y future-- ac yna i mewn cyfeiriadur o'r enw localhost,
sef y ffugenw a roddwyd i bron unrhyw gyfrifiadur, boed yn Mac, PC,
neu Linux cyfrifiadur, ac yna yn benodol i mewn i cyfeiriadur yr ydym,
y staff a grëwyd yn barod i chi pan i chi lwytho i lawr y peiriant o'r enw
cyhoeddus.
Ac fel yr awgryma'r enw, unrhyw beth Wyf yn rhoi yn y ffolder hwn, mewn theori,
yn mynd i fod yn awr y cyhoedd, o leiaf i bobl
sydd â uniongyrchol cysylltiad i 'm chyfrifiadur.
>> Felly nawr gadewch i mi fynd yn ei flaen ac gwneud cd at yr un cyfeiriadur
felly gallaf weld beth sydd mynd ymlaen ac ls math.
Ac yn wir, dyna'r unig beth i mewn 'na.
I'n hawlio nawr bod am fy mod wedi rhoi hyn ffeil hello.html tu mewn cyfeiriadur
Gelwir tu gyhoeddus cyfeiriadur Gelwir localhost tu mewn cyfeiriadur
Gelwir vhosts, a oedd diolch i staff CS50
wedi cael ei cyn-ffurfweddu i fod yn gwraidd eich gweinydd gwe,
Gallaf nawr gobeithio gwneud hyn.
>> Rydw i'n mynd i agor tab newydd.
Ac yr wyf i'n mynd i fynd i beidio â ffeilio: //.
Rydw i'n mynd i ddefnyddio gwirioneddol http / localhost, a oedd
unwaith eto, yn y llysenw ar gyfer fy gweinyddwr hun.
Ac yna yr wyf i'n mynd i fynd at yr hyn ffeil enw, dim ond i fod yn glir?
Ble mae'r stori hon yn ôl pob tebyg yn mynd?
hello.html.
>> Felly, mewn geiriau eraill, yr wyf am nawr hwn yw fy cyfrifiadur eich hun, fy offer hun,
fel pe ei fod yn weinydd gwirioneddol.
Mae ei lysenw yn localhost.
Ond meddwl am localhost fel fel Facebook.com google.com, beth bynnag.
'I' jyst fy enw lleol.
Ac yna y rownd derfynol Rwyf am yn y wraidd y disg caled, fel petai,
neu gwraidd y gweinydd gwe, Ergo y slaes ac yna
y hello.html enw ffeil.
>> Gadewch i mi chwyddo allan a daro Chofnoda.
Ac yn wir, mae fy nhudalen we yn awr.
Felly mae'n ychydig yn wahanol.
A 'i' yr un mor anfoddhaol.
Mae hyn yn yr hen fersiwn.
Gadewch i mi crebachu y ffont yn ôl.
Mae hyn yn hen.
Mae hyn yn y newydd.
Ond beth sy'n digwydd yn sylfaenol yn awr yw bod HTTP yn cael ei ddefnyddio.
>> Gadewch i ni wneud hyn ychydig yn fwy eglur, neu, os mynnwch, ychydig yn fwy cymhleth.
Gadewch i mi fynd ar y gwaelod ar y dde gornel o fy offer.
Ac yn sylwi bod hyn i gyd amser, mae nifer wedi bod.
Dyna'r gyfeiriad unigryw o'ch Appliance CS50.
Mae'n gyfeiriad preifat, fel a awgrymir gan y 172.16,
a dim ond yn golygu mai dim ond eich bod yn gorfforol Gall gael mynediad i'r gweinydd gwe.
Mae popeth wal tan a eu diogelu 'n glws oddi wrth y gweddill
o'r byd oherwydd hyn i'r afael.
>> Ac yn awr yn sylwi ond os byddaf yn mynd i y cyfeiriad hwn, nid yn fy offer,
ond yn Mac OS-- dwi'n mynd i fynd yn ôl dros yma.
Mae hyn yn fy Mac nawr.
Ac yn awr yr wyf i'n mynd i agor i fyny fersiwn yma o Chrome yma.
Ac yr wyf i'n mynd i fynd i http: //172.16.25 / Ac yr wyf yn anghofio y rest-- 133.
>> Felly, dw i'n mynd i ymweliad gan fy Mac /hello.html fod cyfeiriad IP Enter.
Ac yn awr yr wyf yn gweld o fy Mac bod fy Appliance CS50, pwy sy'n
Cyfeiriad IP yw bod rif, yn wir yn ymddwyn
fel gweinydd gwe ar y rhyngrwyd.
Nid oes ganddo hawdd braf cofio enw fel Facebook.com,
ond mae'n defnyddio HTTP yn ôl pob golwg, er bod Chrome
yn fath o symleiddio'r y byd i ni, ond nid yw yn dangos i ni HTTP.
Ond mae hyn yn wir yn union hynny.
Chrome yn unig gan arbed tua keystrokes y dyddiau hyn.
A dyna beth yr ydym yn awr yn gweld.
>> Felly dyna i gyd iawn ac yn dda.
Ond mae'n 'n bert underwhelming dudalen.
Gadewch i mi fynd i mewn ac yn gwneud rhywbeth ychydig yn wahanol yn awr.
Felly, gadewch i mi fynd yn ôl i gedit.
Ac yn hytrach na helo, byd, gadewch i ni roi delwedd.
Ac yr wyf yn hawlio oddi before-- gadael i mi fynd i mewn i fy cyfeiriadur localhost cyhoeddus.
A gadewch i mi fynd yn ei flaen a chopïo criw cyfan o ffeiliau o heddiw
o fy ffolder Dropbox i mewn fan hyn.
>> Nawr, os wyf deipio ls, edrychwch ar bob ffeiliau hyn
fy mod i wedi dosbarthu gan y Gwefan cwrs cyn heddiw,
un ohonynt yn dal i fod yn hello.html.
Felly mae bod un.
A dwyn i gof yr un gwirion o cat.jpg adeg-- diwethaf.
Felly, gadewch i mi geisio ymgorffori cat.jpg tu mewn fy tudalen ar y we.
>> Rydw i'n mynd i fynd yn ei flaen ac yn gwneud cat.jpg, arbed.
Gadewch i mi fynd yn ôl at Chrome.
A gadewch i mi chwyddo yn y ffont a reload erbyn hyn.
Wps, lle yr wyf yn rhoi hyn?
Standby-- wyf yn dal i gael yr hen fersiwn o fy n ben-desg ar agor.
Felly, gadewch i mi fynd i mewn i fy vhost, fy localhost, fy cyhoedd, a hello.html.
Felly nawr gadewch i mi fynd yn ei flaen ac dweud cat.jpg tu mewn i'r corff
ble rwyf am iddo fod arddangos ac ail-lwytho.
Wrth gwrs, nid yw hyn yn gywir.
>> Felly mae angen i mi ddweud wrth y porwr ychydig fwy fwriadol hyn yr wyf am ei wneud.
Yn syml deipio yr enw yw yn amlwg nid yn ddigonol.
Felly, yn cofio bod yna un arall tag, delwedd, img yn fyr.
Dyna dim ond am fod pobl ddim yn hoffi y math geiriau llawn.
Ac yna gallwn wneud ffynhonnell = "cat.jpg".
>> Ac yn awr yr wyf i'n mynd i wneud un peth yn wahanol yma.
Er bod pob un o'r mae ein tagiau hyd yn hyn wedi
Roedd syniad hwn o dechrau tag a tag ben,
nid yw hynny'n wir yn gwneud synnwyr ar gyfer delwedd, dde?
Delwedd naill ai yno neu beidio.
Ac felly mae'r bobl wedi dod i fyny gyda confensiwn symlach.
Pan fyddwch yn cael tag y gall y ddau cychwyn ac yn gorffen ar yr un adeg--
gall fod yn wag, felly i speak-- unig rhoi'r slaes tu mewn y tag
ar y diwedd un.
Yn awr gad i mi fynd yn ôl at fy porwr.
Hit Reload Damn, rhywbeth o'i le.
Mae'n debyg eich bod wedi gweld hyn o bryd i'w gilydd ar y we,
hyd yn oed os nad mae wedi bod yn eich bai chi ydyw.
Mae'n fai y gweinydd gwe.
Pa awdlau hyn yn ymddangos i ddangos?
Mae'n torri.
Dyna lle mae'r ddelwedd yn perthyn.
Yeah?
>> GYNULLEIDFA: Ond nid yw'n gwneud yn cael mynediad at y ddelwedd.
>> DAVID J Malan: Nid Mae'n gwneud yn cael mynediad at y ddelwedd.
Mae hynny, neu hyd yn oed yn waeth, efallai Nid yw'n bodoli hyd yn oed.
Gadewch i ni weld os na allwn wneud diagnosis hynny.
Dwyn i gof o dro diwethaf, os yn Chrome, yn y peiriant,
neu hyd yn oed ar eich Mac neu PC, byddwch yn mynd i'r ddewislen Datblygwr
ac yn mynd i'r Offer Datblygwr opsiwn, a oedd yn ôl pob tebyg eich bod wedi
na chaiff ei ddefnyddio fawr nac erioed.
Ac os af i Rhwydweithio ac yn ail-lwytho y dudalen,
gadewch i ni mewn gwirionedd yn edrych ar y HTTP ceisiadau sy'n cael eu gwneud.
>> Mae'n edrych fel hello.html yw OK yn wir, a dyna pam y 200.
Ond cat.jpg yn 403.
Felly, nid yw'n 404.
Yn ôl pob tebyg ffeil yn bodoli.
403 yn golygu wahardd.
Felly mae hwn yn ychydig yn ddryslyd.
Rydw i'n mynd i fynd yn ôl at fy ffenestr terfynell.
Gadewch i mi chwyddo i mewn hyd yma.
A gadewch i mi wneud i ls.
Mae un ffeiliau hynny.
>> Nawr, gadewch i mi wneud ls-l, yr ydych i wedi yn ôl pob tebyg
ddefnyddiwyd o'r blaen i edrych ar ffeil meintiau efallai neu timestamps.
Ac rydym yn gweld criw cyfan o Gwybodaeth llethol.
Ond yn sylwi ar ychydig o fanylion.
Dyma hello.html yn hyn rhes yma ac dyma cat.jpg.
A dim ond y peiriant yn cael gyfeillgar drwy amlygu JPEG yn ddefnyddiwr
yn y porffor fel hyn.
Ond beth arall yn wahanol wrth ochr maint y ffeil ac enw ffeil?
>> GYNULLEIDFA: [Anghlywadwy].
DAVID J Malan: Yeah, mae dau yn fwy R dros yma.
Sylwi ar yr hyn hello.html wedi digwydd.
Felly, mae'n ymddangos bod yr enw cyfeiriadur hwn cyhoedd yn bwysig.
Unrhyw beth yn y cyfeiriadur hwn i fod i fod yn gyhoeddus.
Ond nid yw'n ddigon dim ond i ollwng rengau i mewn 'na.
Angen i chi hefyd newid y dull o y ffeiliau,
newid y caniatadau o y ffeil i yn rhagweithiol beidio
fod y gosodiad diofyn, sef mai dim ond gallaf ei ddarllen
a'i ysgrifennu, yr wyf yn cael y perchennog.
Rwyf am i'r cyfan bawb byd i yn gallu darllen fy ffeil, fel petai.
Darllen yn unig yn golygu edrych arno.
>> Ac yn wir, fel y byddwch yn gweld yn broblem gosod saith, dyna beth cymedr hyn R yn.
Cymedr y ddau R yn gadael i bawb arall yn y byd hefyd yn ei ddarllen,
yn enwedig gan fod 'i' yn y cyfeirlyfr hwn.
Felly, y ffordd symlaf i atgyweiria hon yw mynd i fy brydlon ac yn gwneud chmod ar gyfer newid
modd ac yna gwneud a + r, yn gyfan gwbl, pawb, i gyd, yn ogystal â r ar gyfer darllen,
ac yna cat.jpg Enter.
Nid oes dim yn ymddangos i ddigwydd, a oedd fel arfer yn golygu yn beth da.
Felly ls-l again-- nawr gadewch i ni edrych ar cat.jpg.
Ac mae caniatâd hwn ymddangos eu bod wedi newid.
Fel o'r neilltu, os byddwch yn gwneud camgymeriad a chi, er enghraifft,
newydd ei wneud your-- Nid wyf yn know-- traethawd yn gyhoeddus yn hygyrch trwy ddamwain,
gallwch wneud y gwrthwyneb, chmod a-r.
Er dweud y gwir, na ddylai fod yn y cyfeiriadur cyhoeddus
beth bynnag os dyna'r pryder.
>> Felly nawr gadewch i ni fynd yn ôl i fy porwr ac ail-lwytho.
Ac yr wyf i'n mynd i glicio y Ghostbusters bach
symbol i glirio rhan honno o'r sgrin er mwyn i ni weld ceisiadau newydd.
Ac yn wir, dyma Cat Grump o'r blaen.
Ond yn bwysicach, dechnegol, mae
y rhif 200, a oedd yn golygu ein bod wedi gwneud pethau'n iawn.
Mae pob hawl, felly dyna i gyd iawn ac yn dda.
Ond nid ydym yn gwneud y gorau o wefannau,
ac nid ydym yn mynd i roi cynnig yn rhy galed i gwneud y fanciest o wefannau heddiw.
Ond gadewch i ni o leiaf yn gwneud rhywbeth super cyfarwydd cyn ysgwyd
off ychydig o tagiau eraill.
Felly mae'n debyg Dydw i ddim jyst eisiau cath yma.
Tybiwch Fi 'n weithredol am i hyn cath i gysylltu i rywbeth.
>> A gaf, er enghraifft yn gwneud rhywbeth fel hyn.
a am href angor ar gyfer equals-- cyfeirio hyper
a gadewch i ni jyst yn gwneud rhywbeth fel www.google.com cau
Dyfynnwch braced agos.
Ac yn awr yn chwilio am cathod.
Tag angor agos.
Felly, mae hyn wedi dim ond un math manylion sylfaenol newydd.
Mae'r tag wrth gwrs, yn wahanol.
Mae'n enw a am angor cyfeirio href neu hyper.
>> Ond yn bwysicach, mae ' nodwedd hon cystrawennol yma.
Dyma'r hyn y byddwn yn dechrau galw Nid tag, ond nodwedd.
Ac priodoledd yn rhywbeth y addasu ymddygiad tag.
Ac mae hyn priodoledd, href, fodd addasu ymddygiad angor hwn
fel bod pan gaiff ei glicio, mae'n mynd at URL hwn yma.
Ac wrth gwrs, bod URL yn Google.
>> Yn y cyfamser, beth yw hyn testun yma yn mynd i fod?
Wel, mae hynny'n mynd i fod yn yr hyn y mae'r dynol mewn gwirionedd
gweld fel y tanlinellu cyswllt, mor syml â hynny.
Felly gadewch i ni roi cynnig ar hyn.
Gadewch i mi ei chadw.
Rwy'n dal yn hello.html.
Ond yn y fersiynau ar-lein, byddwch yn gweld yr enwau ffeiliau gwirioneddol i ni ymlaen llaw baratoi.
Gadewch i mi fynd yn ei flaen ac yn ail-lwytho.
Ac yn awr ei fod yn iawn dudalen underwhelming o hyd.
Ond os wyf yn hofran dros there-- ac mae'n ychydig yn fach,
but-- gallwch weld yn y gwaelod gornel chwith eich sgrin,
mae'n wir yn mynd i google.com.
Ac os wyf yn clicio hynny, bydd yn chwisg fi ffordd at y gwir Google.
>> Ond sylwi yma yn gyfle i ecsbloetio, yn union fel o'r neilltu.
A byddwn yn dod yn ôl at eraill materion yn ymwneud â diogelwch cyn bo hir.
Oherwydd mae ddeuoliaeth hon rhwng ble rydych yn mynd a beth rydych yn ei ddweud,
gallech wneud rhywbeth fel this-- http://www.google.com.
OK, ac yn awr os byddaf yn ail-lwytho ar ôl arbed y dudalen honno,
mae'n edrych fel fy mod i'n mynd i fynd i Google.
Ond does dim rheswm i mi rhaid i chi fynd i Google, dde?
Gallai Fi 'n weithredol yn mynd i rywbeth fel badguy.com, ail-lwytho y dudalen dros yma.
A rhybudd, mae'n dal i edrych fel Google.
A dim ond os ydw i'n miniog digon i hofran dros yma
ydw i'n gweld hyd yn oed yn mynd i mynd i leoliad gwahanol.
>> Felly, os ydych chi wedi gotten erioed e-bost, yn enwedig
un gan Paypal, neu yn ôl pob golwg o Paypal
yn gofyn i chi fewngofnodi at eich cyfrif, mae hyn
Dyna pam y dylech byth byth cliciwch dolenni mewn negeseuon e-bost,
dweud y gwir, unrhyw gysylltiadau mewn negeseuon e-bost.
Os ydych yn gwybod eich bod wedi gwirioneddol arian mewn Paypal neu Banc
o America neu Fidelity neu unrhyw gwefan, â llaw deipio i mewn.
Gan fod yn edrych pa mor hawdd yw hi i twyllo rhywun i mewn i gyflwyno beth
edrych fel cyswllt.
Ond gallai mewn gwirionedd yn mynd yn hollol unrhyw le.
>> Ac mae llawer mwy bygythiadau na hyn.
Mewn gwirionedd, mae hyn yn ychydig o tangiad yn awr, ond mae un
o'r rhai gorau welais i erioed ers hynny sydd wedi bod ar gau,
yw rhywun a arweinir bobl i-- felly gallai hyn yn dweud,
cliciwch yma i fewngofnodi i mewn i'ch cyfrif, cyfrif banc.
Ac roedd hyn yn Banc y Gorllewin.
>> Felly mae rhywun brynu hon.
Ac mae'n ychydig yn haws i'w weld mewn mono gofod ffont chwyddo
mewn ar daflunydd 30-droed.
Ond pan mae'n ffont bach mewn e-bost eich bod yn derbyn,
mae hyn yn edrych fel bankofthewest.com, Nid bankofthevvest.com,
a oedd rhywun wedi talu $ 10 i brynu.
Ac yna yn eu Arweiniodd hyn at y sy'n cyfateb i ryw gwefan drwg.
>> A byddwch yn gweld too-- gwirionedd y gallwn ei wneud this-- os byddaf yn mynd at y wefan ei hun,
bankofthewest.com, unwaith eto, galw i gof o dro diwethaf
os yw hyn yn eu tudalen we a eich bod yn chwilfrydig ynghylch sut y mae'n gweithio,
gallwch chi yn sicr yn mynd i Offer datblygwr Chrome ar.
A gallwch weld pob un o'r HTML fformatio 'n glws yno.
>> Ond yn fwy at y pwynt, cam-- chi gadewch i ni gau
this-- gallwch fynd i View Datblygwr View Source.
Pam nad ydw i'n jyst adysgrifia hynny i gyd Ac yna yr wyf yn
yn gallu mynd i mewn i fy ffenestr gedit bach yma ac yn gwneud fy dudalen gwe eu hunain.
Achub hyn yn hello.html.
Ac mae'n debyg bod hyn yn mynd i dorri, gan nad yw'n hyn yn hawdd fel arfer.
Ond erbyn hyn os byddaf yn ail-lwytho fy dudalen hun ar fy hun Appliance CS50 a reload taro,
OK, mae rhai pethau torrodd.
Ond rwy'n eithaf agos at gael fy ngwefan bancio hun, dde?
Mae hyn i gyd HTML--
>> [Chwerthin]
>> DAVID J Malan: --I Nid oedd actually-- a chi
gwybod bod rhywun allan yna sydd Byddai mewn gwirionedd cliciwch y dolenni hyn hefyd.
Felly, yn amlwg, mae rhai pethau torrodd.
Ond mae hynny'n mynd i arwain ni i drafodaeth,
ddiangen ar hyn o bryd, o ran yr hyn CSS, taflenni arddull rhaeadrol, mae,
a sut yr ydych mewn gwirionedd lawrlwytho'r ffeiliau HTML eraill
a JPEG ffeiliau ffeiliau GIF sy'n efallai y bydd y wefan yn cael ei defnyddio.
Ond mae hynny i gyd yn accomplishable.
Ond mae wir boils i lawr i hyn heuristics syml iawn.
>> Felly nawr gadewch i jyst sgimio drwy cwpl o enghreifftiau eraill o HTML
dim ond er mwyn rhoi ymdeimlad i chi o beth arall y gallwch ei wneud.
Er enghraifft, mae hyn yn list.html.
Gadewch i ni dybio roeddwn am wneud tudalen ar y we gyda rhestr o dai yn y cwad.
Efallai fy mod yn defnyddio'r tag ul ar gyfer di-drefn rhestr ac yna mae'r rhestr eitem plentyn
ac yna ailadrodd over-- neu restr, rather-- y tai dan sylw.
>> Ac os wyf yn agor hyn i fyny, gadewch i ni wneud hyn.
Gadewch i ni fynd i beidio â hello.html, ond i list.html.
Damia.
Sut ydw i'n atgyweiria hon?
Mae yr un mater ag o'r blaen, dde?
Felly, gadewch i mi wneud oops-- chmod-- chmod a + r o list.html.
Ac yn awr os byddaf yn mynd yn ôl at fy porwr a chliciwch Reload, yno y mae.
Felly, os ydych chi erioed wedi bod eisiau gwneud rhestr bwledi, gallwch wneud hynny.
Os ydych am fod yn super ffansi ac yn gwneud rhestr archebu, nid rhestr di-drefn,
newid hynny i ol, ail-lwytho y dudalen, ac yn awr y bydd y porwr yn rif hynny ar eich rhan.
>> Beth arall allwn ni ei wneud?
Wel, un neu ddau o others-- os gennych paragraffau hir o text--
er enghraifft, mae rhai Testun Lladin fel this--
ac rydych am iddo mewn paragraffau ar wahân, p agored, p cau ar gyfer y paragraff tag.
Ac yn gwneud hynny dro ar ôl tro.
Ac os wyf yn awr yn agor i fyny y ffeil, paragraphs.html, yn dda, mae hyn
yn mynd yn blino.
Felly nawr gadewch i jyst yn mynd yn ôl at fy prydlon, chmod a + seren r r .html--
cerdyn gwyllt bach neis fel petai.
Dylai atgyweiria i gyd problemau hyn i mi.
Gadewch i ail-lwytho.
Mae tri paragraffau.
>> Ac yn awr gadewch i ni fynd yn ei flaen ac agor un arall.
Beth am y tabl?
Byddwch yn sylwi yn edrych tabl ychydig yn fwy cymhleth.
Ond 'i' yr un idea-- tag agored, tag agored,
agored agored agored tag,,, yn agos, tag agored.
Ac mae'r rhain yn digwydd i sefyll am tabl, y mae ei ffin yn ôl pob golwg
mynd i fod yn drwch 1-- beth bynnag y rhes tabl yw--, tabl
data, sy'n golygu cell.
Ac os byddaf yn mynd yn ôl at fy porwr yma ac ewch i table.html,
gallwch weld rhywbeth fel hyn, erchyll.
Ond byddwn yn cyrraedd y pwynt lle y gallwn mewn gwirionedd
gwneud pethau'n prettier na hynny.
>> Felly, gadewch i mi nodi am y tro.
Mae tusw o fwy o dagiau.
Ac HTML yn wych i godi oherwydd, a dweud y gwir, y cyfan sydd angen i chi ei wneud
yn edrych ar dudalennau gwe sy'n bodoli eisoes eich bod yn gyfarwydd â hwy.
A ydych chi fel, oh, dyna sut eu bod yn gwneud hyn yn esthetaidd.
>> Neu gallwch edrych i fyny unrhyw ar-lein adnoddau o ran sut y HTML yn gweithio,
a byddwch yn gweld bod yna geirfa cyfan o dagiau eraill.
Ond gyda model meddyliol syml ei ben ei hun bod bron unrhyw tag byddwch yn agor
wedi cael eu cau, y mae mewn gwirionedd ddim yn ddigon i addysgu eich hun
HTML ar ôl deall y syniadau sylfaenol o dagiau
a phriodoleddau ac mae'r-formedness yn dda ein bod wedi siarad am,
unrhyw beth a cau y gallem agor fel nad ydym yn drysu porwr.
Felly gadewch i ni bellach yn cymryd hyn i lefel fwy diddorol
drwy fynd i'r gwir.
A gadewch i ni fynd at fy Mac yma, i google.com.
Ac yn awr notice-- gadewch i ni wneud hyn.
Rydw i'n gong i fynd i'r Settings, Chwilio Gosodiadau.
Rwyf am i droi oddi ar y fan a'r lle yn blino beth canlyniadau lle mae'n unwaith
yn dechrau ymateb i'ch teipio.
Gadewch i ni wneud hyn yn yr ysgol hŷn, felly byddwn yn gweld beth sy'n digwydd.
>> Felly, dw i'n mynd i achub fy Lleoliadau Google yma.
Ac yn awr notice-- fy mod i'n mynd i chwilio am rywbeth fel cathod.
Ac mae'n dal i wneud auto cyflawn yma, ond yn seiliedig ar y pethau
mae pobl wedi ei deipio yn y gorffennol.
Ond sylwi ar beth sy'n mynd i ddigwydd.
>> Yn yr URL ar hyn o bryd yn hyn, dim ond google.com.
Ac yn dechnegol, mae'n slaes.
Google 'jyst arbed cymeriad ac nid gan ddangos i ni hynny.
Maent yn cael eu dangos i ni https, dim ond i fod yn super galonogol ein bod yn
ar dudalen ddiogel neu ei amgryptio.
>> Felly, gadewch i mi fynd yn ei flaen ac yn chwilio am gathod.
Nawr mae hyn got 'n sylweddol llethol yn gyflym.
Edrychwch ar hyd y URL yma.
Ond mae'n ymddangos bod y rhan fwyaf o'r pethau hyn yn yr URL mewn gwirionedd 'n bert' n annefnyddiol.
Rydw i'n mynd i ddechrau ddileu pethau nad wyf yn deall.
Rwy'n gweld cathod.
Deallaf cathod.
Nid wyf yn gwybod pam mae cathod yn yno eto.
Fi 'n sylweddol ddim yn gwybod beth mae hyn yn nonsens.
Felly, Im 'jyst yn mynd i gadw amlygu a dileu stwff
nad wyf yn ei ddeall, distyllu'r URL i mewn dim ond hyn.
>> Nawr, gadewch i mi gael mynd i mewn eto.
Mae'n edrych fel Google yn dal i weithio.
Felly, am ryw reswm, maent yn ychwanegu llawer o bethau i yn ddiofyn eu URL yn.
Ond nid ei angen yn llym ei.
Felly, yr hyn sy'n braf am hyn?
Wel, gadewch i mi fynd yn ei flaen ac agor Arolygydd Chrome ar.
Does fawr a shortcut llygoden ar ei gyfer.
>> Ewch i'r tab Rhwydwaith.
Ac yn awr gadewch i mi ail-lwytho y dudalen hon unwaith eto.
A dwi'n dal Shift.
Fel o'r neilltu, porwyr yn tueddu i cache neu gynilo
gwybodaeth yn unig er mwyn effeithlonrwydd yn.
Ond fel arfer, yn dal Shift a ail-lwytho yn gorfodi bopeth
i ddechrau drosodd o'r dechrau.
A dyna beth yr wyf eisiau ei wneud yma.
>> Ac yn sylwi pob un o'r rhain rhesi fod ychydig yn ymddangos.
Mae'n ymddangos bod mewn unrhyw gwe a roddir dudalen, efallai y byddai un ffeil yn unig
involved-- hello.html-- neu yno Gallai fod yn 52, fel yn yr achos hwn.
Pan fyddaf yn ymweld google.com, yn ôl pob golwg, mae fy porwr
yn cychwyn 52 o geisiadau HTTP ar wahân.
Pam hynny?
>> Wel, edrych ar yr hyn sydd y tu mewn o y dudalen gwefan hon i fyny top.
Does dim testun yn unig, ond mae lluniau go iawn
cathod draw i'r dde.
Mae 'na logo lliwgar i fyny yma ar y chwith.
Mae pob un o'r eiconau hyn am meicroffon ac yn y blaen.
Mae 'na lot o ddarnau, gan adeiladu blociau, darnau crafu, os gwnewch,
at y dudalen yma.
A'r hyn y mae'r porwr yn ei wneud ar cael y ffeil cyntaf un, a oedd yn
yw rhes hyn yma, mae'n cael ei hanfod ailadrodd dros y top HTML
i'r gwaelod, o'r chwith i'r dde, yn chwilio am pethau fel tagiau delwedd neu dagiau eraill
sy'n cael eu crybwyll ffeiliau eraill a pan fydd yn eu gweld, yn mynd ac yn eu fetches
drwy HTTP, cyfan yn hyfyw trosiad amlen,
ac yna yn eu dangos yn y lleoliad priodol yn y dudalen we.
>> Ond sylwi yma os wyf yn canolbwyntio ar y cathod taflu, chwilio cyntaf,
hysbysiad ei fod, yn wir, ei fod yn defnyddio HTTP 1.1.
Ac yn anffodus, Google Chrome ar hyn o bryd mewn fersiwn 39
yn fath o bethau dumbing i lawr ac beidio â dangos i ni y penawdau gwirioneddol.
Ond yr hyn oedd yn wir anfon yn gais am beidio slaes, ond / chwilio? q = cathod.
>> Yn awr, pam y mae mor bwysig â hynny?
Wel, dw i'n mynd i awgrymu o hyn, os ydych yn Google
cefnogi ymholiadau o'r ffurflen hon, pam peidiwch â wyf yn gweithredu fy chwilio hun
peiriant ar gyfer CS50, ond dim ond y blaen ben, dim ond y rhyngwyneb defnyddiwr graffigol.
A byddwn yn allanoli y pen ôl, y chwiliad gwirioneddol canlyniadau i Google.
>> Felly, sut y gallaf wneud hyn?
Wel, gadewch i mi fynd i mewn i gedit dros yma.
A gadewch i mi fynd yn ei flaen ac yn agor i fyny, gadewch i ni ddweud, ffeil newydd.
Ac yr wyf i'n mynd i achub hyn dros dro fel chwilio-0.html.
Ac yna yn y pen draw, rydym annhymerus gyflym ymlaen at yr un yr wyf yn ei baratoi ymlaen llaw.
>> Ac yr wyf i'n mynd i gyflym chwip i fyny doc math
html html braced agored html braced agos.
Yna rwy'n mynd i wneud pen pen yn agos teitl agored CS50
Chwilio yn hytrach na chwilio Google.
Lawr yma yr wyf i'n mynd i gael y corff, corff i lawr yma yn agos.
Ac yn awr mae angen i CS50 Search I.
Ac mewn gwirionedd, gadewch i ni adeiladu'r hyn yn raddol.
Rydw i'n mynd i fynd yn ei flaen a chau hyn a mewn gwirionedd yn ei roi yn fy cyfeiriadur gyhoeddus.
Felly, yn rhoi dim ond un eiliad i mi.
chwilio-0.html-- Rydw i'n mynd i dymhorol alw yn search.html.
Rydw i'n mynd i chmod ei fod yn search.html + r.
Ac yn awr yr wyf i'n mynd i agor.
Mae pob hawl, fel eu bod yn gyflym.
Ond y nod yn syml oedd i fynd â ni at y pwynt
o gael testun hwn ffeil o'r enw search.html.
Felly, nid yw llawer i edrych ar eto.
Yn wir, os af i fy porwr, ac ewch i search.html, dyna i gyd ei fod yn.
Ond eich bod yn gwybod beth?
Gallaf fod ychydig yn ffansi.
Rwyf yn darllen mewn llyfr fod yna tag pennawd o'r enw h1.
Ac yr wyf i'n mynd i fynd yn ei flaen ac defnyddio hynny h1 agored a h1 agos.
Ail-lwytho y dudalen.
Ac yn awr ei fod yn fwy ac yn fwy beiddgar, nid yw pob bod yn ddiddorol,
ond o leiaf ei fod yn strwythurol yn fwy diddorol.
Ond yn awr gadewch i mi gyflwyno tag arall.
Mae'n troi allan mae ffurflen tag.
A gadewch i mi gau'r tag hwnnw.
Ac mae'n troi allan yno yn tag mewnbwn hwnnw
Mae gan priodoledd o'r enw math, a oedd yw'r math data o y cae,
os mynnwch.
Ac yn mynd i fod o destun fath.
Ac mae ei werth yn mynd i fod yn CS50 Chwilio.
Tag Close.
Ac mae mynd i fod unrhyw syniad o agor ac yn cau gyda tagiau ar wahân.
>> Gadewch i mi fynd yn ôl dros yma ac gweld beth sy'n mynd ymlaen, ail-lwytho.
Cael diddorol.
Mae'n edrych fel ei fod yn faes testun.
Ac mewn gwirionedd, doeddwn i ddim eisiau rhoi gwerth yno eto.
Gadewch i mi fynd yn ôl yma ac mewn gwirionedd yn cael gwared ar y gwerth hwn i'w gadw'n syml.
Yn hytrach na gwerth, yr hyn oeddwn i eisiau i roi peth hwn yn enw.
Ac nid wyf yn gwybod beth ydyw, felly byddaf yn dod yn ôl at hynny.
>> Ond yn is na hynny, yr wyf am i wneud y math mewnbwn = cyflwyno.
A bydd y gwerth hwn yn CS50 Chwilio.
A byddwn yn gweld pam yr wyf symudodd y gwerth i hyn.
Pan fyddaf yn ail-lwytho, yr wyf yn ymddangos i bellach dechreuadau fy chwilio hun
injan, super erchyll, ond dweud y gwir, 'i'
nid yw tafliad ymhell o beth Dudalen diofyn Google yn edrych fel.
>> Os byddaf yn mynd fan hyn nawr, gallaf deipio i mewn cathod a gobeithio cliciwch Chwilio.
Ond dydw i ddim yn hollol wneud eto, oherwydd nid wyf wedi rhoi ar waith,
yn amlwg, cronfa ddata.
Nid wyf wedi cropian y we ar gyfer canlyniadau chwilio.
Felly mae angen i mi allanoli hynny i Google.
Felly sut ydw i'n gwneud hyn?
>> Wel, yn gyntaf oll i mi Mae angen i ychwanegu a gweithredu
priodoli i fy ffurflen tag sy'n yw http://www.google.com/search.
Ac yr wyf yn gwybod mai dim ond o gael casglu drwy edrych yn fanwl
yn eu URL yn.
Ac yn awr yn cymryd dyfalu.
Beth ddylai y maes testun yn ôl pob tebyg yn cael eu galw, yn seiliedig ar le y daethom
o o'r blaen?
>> GYNULLEIDFA:? Q.
>> DAVID J Malan:? Q.
Ac nid oes mewn gwirionedd yn rhaid i gwestiwn i ni farcio mae'n troi allan, ond mae q yn wir iddo,
q am ymholiad yn ôl pob tebyg gan diofyn, dim ond oherwydd dyna
beth Larry a Sergey feddyliodd am flynyddoedd yn ôl.
Felly nawr gadewch i mi ail-lwytho y dudalen hon.
Nid yw'n edrych yn gyd yn wahanol hwnnw.
Ond yn awr gwyliwch beth sy'n digwydd.
>> Os byddaf yn teipio mewn cathod a cliciwch CS50 Chwilio ac yn gadael i fynd,
yn sylwi fy mod yn cael cludo i ffwrdd i gwirioneddol Google.
Yn awr, Google hynny'n rhy blino yn eu bod yn
atodi baramedr ychwanegol, os mynnwch, i'r URL.
Dyna i gyd yn digwydd awtomatig ar ochr Google.
>> Mae'r rhan bwysig yw fy mod yn ymddangos i wedi creu cais hwn yn fan hyn.
Ac yn wir, dyna beth fydd yn digwydd.
Pan fyddwch wedi HTML sy'n yn edrych fel hyn, mae hyn yn
yn fath o ddatblygwyr gwe nodiant dros ddweud, mynd yn ei flaen a chreu ffurflen
bod pan gaiff ei gyflwyno, mae'n mynd i fynd i'r URL yma.
A phan fydd y URL wedi darparu gwerthoedd ar gyfer pethau fel q,
peidiwch â mynd yn unig i URL yma.
A dweud y gwir, ewch i gwestiwn marc ac yna q = cathod.
Atodi y paramedr, mae'r Paramedr HTTP fel 'na.
>> A dim ond i fod yn super fanwl gywir, beth sy'n cael ei casglu Yma--
ond byddaf yn fwy explicit-- yw bod y dull yr wyf am ei ddefnyddio
yn ei gael, yn hytrach na rhywbeth fel post, y byddwn yn y pen draw yn gweld.
Felly, yn fyr, dim ond drwy ddeall HTML a defnyddio rhai tagiau gweddol syml,
gallwn yn awr yn dechrau creu ein defnyddiwr terfynol ffrynt ei hun
rhyngwyneb gyda chwiliad peiriant y tu ôl iddo.
>> Ond mae hyn, wrth gwrs, yn eithaf erchyll.
Felly, gadewch i mi mewn gwirionedd yn agor i fyny fersiwn ychydig yn well.
Mae hwn yn un yr wyf yn paratoi yn ymlaen llaw sydd â rhai sylwadau.
Ond byddwch yn gweld fy mod 'n bert lawer ei hail-greu.
Felly, mae hyn eisoes ar gael ar-lein.
Ac yr wyf ddim yn digwydd i preemptively ewch i https dim ond er mwyn cadw pethau'n syml.
>> Ac yn awr gadewch i ni agor fersiwn nesaf o hyn.
A yw fersiwn 1 yn lle 0.
Beth sy'n neidio allan ar chi fel ychydig yn wahanol yn yr enghraifft hon?
>> GYNULLEIDFA: [Anghlywadwy].
>> Yeah, mae hyn yn ganolfan alinio testun.
Mae hyn ychydig yn od i fyny yma.
Ond mae hyn yn wir yn newydd.
Ac efallai dyfalu beth sy'n mynd i ddigwydd.
Os byddaf yn mynd i fy porwr nawr ac ewch i chwilio-1.html,
mae bron yr un peth.
Ond mae'n gam yn nes at fod ychydig yn fwy 'n bert.
Mae'n dal i fod yn hyll, ond prettier yn hynny bellach o leiaf popeth yn canolbwyntio.
>> Felly, mae'n troi allan bod yr hyn rwy'n ei ddefnyddio mae iaith arall a elwir yn gyfan gwbl
CSS, taflenni arddull rhaeadrol.
A CSS, dweud y gwir, yn garedig o, yn fy marn bersonol,
iaith a gynlluniwyd atrociously.
Mae'n iawn yn blino i gofio holl wahanol fanylion.
Ond mae'n beth stylizes yw'r cyfan we fyd-eang heddiw.
I troseddu rhywun.
Mae pob hawl.
Felly, gadewch i ni fynd yn ôl yma ac yn gweld sut rydym yn mewn gwirionedd yn arfer hon.
Ac mae'n troi allan, o leiaf ei fod yn mewn gwirionedd yn iaith eithaf syml.
Mae'n parau gwerth allweddol yn unig, eiddo a gwerthoedd, priodweddau a gwerthoedd.
Yn wir, dyma un eiddo a gwerth o'r fath.
>> Yn syml drwy ddefnyddio'r arddull priodoli ar tag fy nghorff
a gan roi gwerth colon air a gair arall,
neu eiddo a gwerth, Rwy'n gallu effeithio ar estheteg
o'r dudalen we, nid reidrwydd strwythur eto,
ond mae'r estheteg ohono.
A dim ond drwy Googling o gwmpas, yr wyf yn sylweddoli bod taflenni CSS, arddull rhaeadru,
cefnogi eiddo o'r enw testun-alinio, y mae eu gwerth yn gallu
yn cael ei adael, dde, neu ganolfan, er enghraifft.
>> Felly nawr pan fyddaf yn ail-lwytho y dudalen hon, yr hyn yr wyf yn ei gael
Roedd tudalen sy'n canolbwyntio, ond yn dal yn eithaf hyll.
Gadewch i ni fynd yn ei flaen ac yn agor i fyny fersiwn 2 o Chwilio.
Ac yn awr yn sylwi fy mod i wedi gwneud ychydig yn fwy.
Hysbysiad bod hyd yma y tu mewn i'r pen tag, gall fod mwy nag teitl.
Yn wir, mae 'na tag steil.
A dyma lle 'i jyst yn cael Ychydig CSS i weld gwahanol anniben weithiau.
>> Hysbysiad sy'n ymddangos i mi gael rhywbeth hynny strwythurol yn edrych yn wahanol iawn.
Ond dyma yw enw y tag rwyf am arddullaidd.
Dyma ein hen gyfeillion cyrliog bresys a Brace cyrliog caeedig.
Ac yna yma yw bod eiddo a'i werth.
>> Os byddaf yn llwytho y ffeil, search2.html, y canlyniad terfynol yn union yr un fath.
Ond mae'n gam tuag at ddyluniad gwell.
Drwy ffactoreiddio allan CSS hwn, rydw i wedi Nid cymysg 'i ag fy HTML.
Ac yn wir, fel y byddwn yn gweld, y gallwn ailddefnyddio adeiladau a gwerthoedd hyn.
Os byddaf eisiau gwneud sypiau o rhannau o fy tudalen ar y we sy'n canolbwyntio ar,
Nid oes rhaid i mi deipio arddull = testun-alinio canolfan i gyd dros y lle.
Gallaf roi mewn un lle efallai, yn hoffi i fyny ar y brig.
>> Ond hyd yn oed nid yw hyn yn y dyluniad gorau.
Yn wir, un o'r pethau y byddwch yn dysgu wrth i chi dreulio mwy a mwy o amser gyda
rhaglennu ar y we yw bod y mwy gallwch modiwlareiddio pethau a ffactor pethau allan
fel ffeiliau .h gadewch i ni pethau ffactor allan, helpers.c hoffi gadael i ffactor i ni bethau allan
ychydig psets yn ôl.
Yn yr un modd, efallai i ni am ei gyflawni hyn.
>> Felly, yn sylwi yn y fersiwn tri o search.html gen i
glanhau i fyny 'r pennaeth y dudalen a dim ond rhoi
yn hyn, mae tag cyswllt, a oedd groes i'r enw,
nid yw'n rhoi hypergyswllt i chi.
Mae'n cysylltu â ffeil arall drwy gyfrwng mae href y mae ei gwerth yn yr achos hwn,
yn chwilio-3.css
Felly, yr wyf yn sylweddoli ein bod ni'n mynd yn gyflym.
Ond yr holl wyf i'n gwneud yn garedig o symud pethau o gwmpas.
Gadewch i mi agor chwilio-3.css.
Yno y mae, dim byd mewn gwirionedd iddo.
Fi jyst copïo a gludo i mewn i newydd ffeilio, yn debyg iawn i ni ffactoreiddio pethau allan
i mewn i ffeiliau eraill o'r blaen.
Ac mae'r result-- hollol underwhelming--
yn mynd i fod yn union yr un fath.
Ond rydym yn symud toward-- na, nid yw'n.
O, rwy'n gwybod pam.
>> Felly, mae'n ymddangos i fod yn bug.
Ac y mae mewn rhyw ystyr.
Ond gadewch i mi agor fy tab Rhwydwaith.
Gadewch i mi ail-lwytho y dudalen.
Ah, pam y mae'r CSS beidio cael eu cymhwyso?
Wel, y ffeil CSS, yn yr un modd, mae gan i fod yn fyd ddarllenadwy, fel petai.
Ac mae hefyd yn cael ei wahardd ar hyn o bryd.
Felly, gadewch i mi wneud chmod a + r o seren dot CSS-- whoops--
rydym yn dot CSS yn unig yw estyniad ffeil ar gyfer ffeiliau CSS.
Yn awr gad i mi fynd yn ôl i fy porwr ac ail-lwytho.
OK, ychydig yn well.
>> Nawr, gadewch i mi wneud un peth diwethaf.
Yn chwilio-4.html.
Mae gen i fersiwn yr wyf newydd ei meddwl Roedd ffordd oerach, er yn ffordd fwy
gymhleth.
Gadewch i ni edrych ar y canlyniad cyntaf.
Caewch hyn er mwyn rhoi mwy o le i ni.
Newid hyn i chwilio-4, Enter.
>> Ac yn awr criw o bethau yn cael eu torri.
Rydw i'n mynd i fynd yn ôl i mewn i fy cyfeiriadur yma.
Ac yn awr Im 'jyst yn mynd i wneud a chmod o a + r ar file--
gan fy mod yn gwybod ei fod exists-- gelwir logo.gif, sef delwedd.
Ac yn ail-lwytho yn awr.
Ac yn wow-- felly nawr rwy'n eithaf agos, dweud y gwir,
i yn hoffi y fersiwn 1999 o Google, ac dweud y gwir, mae'r fersiwn 2014 o Google,
iawn?
>> Felly, mae'n awr yn mynd at eu gwefan, yn y pen draw, os wyf yn chwilio am cathod.
Ac yn wir y mae.
Ond beth wnaeth i mi ei wneud yn wahanol yn y fersiwn 4?
Felly, ni fyddwn yn trigo gormod arno yma.
Byddwch yn gweld hyn yn broblem gosod saith yn y pen draw.
Ond sylwi wnes i ychydig o bethau.
>> Cyflwynais div tag, sef is-adran,
debyg o ran ysbryd i'r tag paragraff.
Ond mae is-adran yn union fel, dyma rhanbarth anweledig hirsgwar
y sgrin.
Gadewch i ni roi cynnig unigryw dynodwr, troedyn, dim ond
fel y gallwn siarad am ei fod yn ein HTML mewn mannau eraill.
Dyma div arall o'r dudalen y mae eu ID yn mynd i fod y cynnwys.
Mae'n cynnwys y dudalen.
A hyd yma yw'r pennawd y dudalen.
>> Mewn geiriau eraill, yr wyf i wedi yn y bôn yn HTML wyf yn feddyliol
edrych ar y dudalen yma fel tair cydran, a header
hyd yma gyda hwn petryal anweledig, cynnwys yn y canol, ac yna
y troedyn i lawr isod, hyd yn oed er nad ydym yn gweld y pethau hynny.
Oherwydd yr wyf am i yn fy mhen o dudalen fan hyn, neu mewn ffeil .css,
Gallaf ddefnyddio cystrawen hwn.
>> Nid yw pennawd yn tag.
Mae'n ID felly mae'n troi allan drwy wneud #header,
Gallaf nawr wneud cais un neu ragor eiddo i'r header.
Rwy'n gallu gwneud yr un cynnwys, yr un peth ar gyfer y cynnwys yma.
>> Felly, er enghraifft, yn y troedyn, rhybudd pob un o'r eiddo hyn i ddim yn ychwanegu.
Ac yr wyf yn gwybod eu bod yn bodoli dim ond drwy ddarllen i fyny ar y dogfennau ar gyfer CSS.
Maint y ffont yn mynd i fod smaller-- felly mae rhai maint ffont perthynol.
Mae'r pwysau yn mynd i fod yn feiddgar.
Margin-- faint o picsel gwmpas iddo-- yw 20 picsel.
Ac mae'n mynd i gael ei ganoli.
>> Ond ar hyn o bryd, mae'r dudalen yn edrych fel hyn.
Os nad wyf yn hapus â'r fy copi iawn yno,
Gallwn i wneud rhywbeth fel goch lliw.
Ac yna gallaf arbed hyn, ail-lwytho, ac yn awr yr wyf i wedi arddullaidd y troedyn.
Felly, mae hyn yn unig yw hinting ar y pŵer o'r hyn y gallwch ei wneud mewn tudalen we
i newid pethau o gwmpas.
>> A hyd yn oed yn oerach na hyn, os ydych yn dymuno i brocio o gwmpas gyda gwefannau gwirioneddol,
nad ydych yn gallu eu newid yn barhaol.
Ond os wyf yn agor i fyny Arolygydd Chrome eto
ac nid wyf yn mynd at yr ochr chwith yma, sy'n dangos HTML Facebook yn,
ond yn dangos ar y dde ochr ei holl CSS,
gallwch naill ai a newid pethau ar y hedfan.
Felly, gadewch i mi fynd yn ei flaen ac yn gwneud hyn.
>> Gadewch i mi fynd yn ei flaen ac yn rheoli cliciwch ar y gair ar hap fan hyn,
llofnodi, a chliciwch Archwilio Elfen.
Chrome yn gyfleus iawn yn neidio i y tag h1 a Facebook yn ei ddefnyddio.
Ac yn sylwi yma Facebook Mae gan fath o lazily
codio galed maint y ffont fel eiddo yma.
>> Felly, y peth oer er yw os wyf mewn gwirionedd yn mynd i mewn yma
ac yn dweud, oh, Facebook, dwi ddim yn hoffi hynny 64 picsel, gallwn yn awr yn newid Facebook.
Wrth gwrs, rydym yn unig ei newid i mi yn bersonol ar hyn o bryd.
Ond mae hyn yn unig yw un arall offeryn yn ein pecyn cymorth
mae hynny'n mynd i ganiatáu i ni i tweak a chyfrif i maes a hefyd yn gwneud diagnosis
materion yn ein tudalennau gwe eu hunain.
A gallem fynd yn yr un modd dros yma, sef yr un peth.
Os ydych wir eisiau cael ffansi, yr wyf yn yn golygu, yn awr gallwch chi wir yn treiglo'n y dudalen
ac yn gwneud pethau gwallgof.
>> Felly pam mae hyn i gyd yn ddefnyddiol?
Wel, yn y pen draw, rydym yn mynd i eisiau bod yn
gallu creu tudalennau gwe sy'n yn cael eu gyrru gan ein ben yn ôl eu hunain,
nid gan ddim ond Google a allanoli'r pen yn ôl yno.
Yr ydym mewn gwirionedd am i'r gwerth, er enghraifft,
o weithredu ein peiriant chwilio yn priodoli i fynd i beidio â rywun arall,
ond i rhywbeth fel search.php, lle mae search.php yw ar ein gweinydd hunain,
nid ar rhywun arall.
>> Ac felly i gyrraedd yno, yr ydym mewn gwirionedd Mae angen i gyflwyno iaith newydd.
Felly, rydym eisoes wedi edrych ar un newydd iaith fan hyn, neu ddwy mewn gwirionedd, HTML
a CSS.
Ond maent mewn gwirionedd yn unig ieithoedd strwythurol ac esthetig.
Nid ydynt yn rhaglennu ieithoedd fel y cyfryw.
A dyna am gymaint ffurfiol amser ag y byddwn yn ei wario arnynt.
Oherwydd byddwn yn dechrau nawr â throsglwyddo i PHP.
>> Felly PHP yn wirioneddol iaith raglennu.
Mae'n iaith sgriptio yn yr ystyr ei fod yn
i fod pwysau ysgafnach na rhywbeth fel C.
Ac mae'n iaith dehongli, sy'n golygu nad yw'n llunio.
Felly, yn gryno, yr hyn a wnaeth ei olygu pan fyddwn yn defnyddio iaith fel c
ac roedd rhaid i grynhoi ei?
Beth mae'n ei olygu i lunio C cod ffynhonnell?
GYNULLEIDFA: [Anghlywadwy].
DAVID J Malan: Dweud eto?
GYNULLEIDFA: [Anghlywadwy].
DAVID J Malan: Perffaith.
Mae'n troi i mewn deuaidd.
Mae'n troi i mewn i sero a rhai o cod ffynhonnell gwirioneddol Saesneg-debyg.
Ac yna gallwn mewn gwirionedd rhedeg sero a'r rhai y rhai
drwy eu pasio drwy'r CPU trwy glicio ddwywaith eicon
neu redeg archa.
>> PHP a Python a Ruby a Perl a JavaScript
a sypiau o eraill ieithoedd yn cael eu dehongli
ieithoedd, sef dweud nad ydych yn eu llunio.
Yn hytrach, yr ydych yn eu bwydo fel mewnbwn i rhaglen o'r enw cyfieithydd ar y pryd.
A bod y cyfieithydd, arall a ysgrifennodd pa rhywun,
darllen eich ffynhonnell cod top i'r gwaelod, o'r chwith i'r dde ac ychydig dehongli
llinellau hynny ac yn gwneud yr hyn rydych yn ei ddweud.
>> Felly, os ydych yn dod ar draws lein sy'n dweud print,
nid yw o reidrwydd drosi print at y zeros a rhai cyfatebol.
'I jyst wedi gyfieithydd hwn fel a os yw cyflwr mawr sy'n dweud,
os cyfarwyddyd rhaglennydd yw print, yna gwneud y canlynol.
Felly mae'n dehongli 'i jyst yn ôl math o resymu
trwy hyn yr ydych yn dweud iddo wneud.
>> A PHP yn un o'r ieithoedd hyn.
A PHP flynyddoedd yn ôl ei gynllunio yn union ar gyfer rhaglennu we.
Ac yr oedd yn y dechrau yn iaith anniben flêr iawn.
Ac yn wir, mae 'na enfawr swm y cod PHP drwg i maes 'na.
Ond mae'r iaith ei hun wedi aeddfedu dros y blynyddoedd,
cymaint felly fel bod nawr mae'n mewn gwirionedd yn gam nesaf gwych
bedagogaidd o C am ei fod yn mor darned gyfarwydd i bopeth
rydych chi newydd ei weld yn ystod yr wythnosau diwethaf.
>> Mae'r un gwahaniaeth cychwynnol byddwn yn gweld yw nad oes prif swyddogaeth anymore.
Pan fyddwch yn dechrau ysgrifennu cod, 'i' jyst mynd i gael eu gweithredu ni waeth beth,
fel y byddwn yn gweld mewn munud.
Yn y cyfamser, dyma beth a newidyn yn edrych fel yn PHP.
Mae'n ychydig yn wahanol, ond dim ond prin.
>> Yn PHP, does dim teipio cryf.
Mae teipio yr wythnos, a dim ond yn golygu bod
yn fathau data fel llinynnau a rhifau a phethau eraill.
Ond nad ydych yn trafferthu gan nodi beth ydyn nhw anymore.
PHP ffigurau allan ar eich rhan.
Mae'r arwydd doler yn unig yw penderfyniad bod y PHP pobl yn gwneud flynyddoedd
yn ôl fel bod unrhyw newidyn yn PHP dim ond yn dechrau gyda arwydd doler.
Mae'n mewn gwirionedd yn fath o ddefnyddiol yn hynny mae'n neidio allan ar chi ychydig yn fwy.
>> Ond ar ôl hynny, mae hyn yn yn gyflwr yn PHP.
Beth sy'n wahanol yn erbyn C?
Castia question-- dim byd, sydd mewn gwirionedd yn neis iawn.
Mynegiadau Boole yn PHP-- yr un fath.
Mynegiadau Boole gyda ac yn erbyn neu, switsys, dolenni, dolenni, loops-- OK,
yr un yma yn wahanol.
>> Felly, mae'n troi allan yna cwpl o nodweddion eraill yn PHP.
Mae un ohonynt mewn gwirionedd hyn, sydd yn hynod o gyfleus.
Os $ rhifau yn arae yr ydych wedi datgan yn flaenorol mewn rhaglen,
gennych chi ffansi hwn ar gyfer bob elfen hynny yn hytrach na gwneud hynny i gyd
Rwy'n blino yn dychwelyd 0, yr wyf yn llai na hyn, [? Rwy'n ++?],
ar gyfer pob un rhifau fel rhif, lle mae pob o werthoedd arwydd doler y rhai yn unig
newidyn, ac yn yr olaf y gallwch feddwl amdano fel I.
Gallech ei alw'n unrhyw beth yr hoffech.
Rwy'n galw ei rhif.
Mae hyn yn mynd i ailadrodd drosodd yr amrywiaeth a elwir yn rhifau.
Ac ar bob iteriad, 'i' mynd i ddiweddaru yn awtomatig
ar eich cyfer y rhif arwydd doler amrywiol er mwyn i chi yn gyson
yn cael mynediad at y newidyn rydych am heb orfod gwneud unrhyw braced sgwâr
nodiant neu mynegeio i mewn arae.
>> Y tu hwnt i hynny, yr ydym hyd yn oed gael pethau fel araeau, sy'n edrych bron yr un fath,
ac eithrio ei fod yn gyffredin iawn, gan ein bod annhymerus gweld, yn PHP a JavaScript
i cyn ymgychwyn amrywiaeth gan ddefnyddio cromfachau sgwâr.
C yn defnyddio braces cyrliog.
Felly mae'n ychydig yn wahanol, er bod doedden ni ddim wir yn defnyddio'r tric lawer.
>> Ond hyd yn oed yn fwy pwerus, Mae PHP araeau cysylltiadol,
sydd yn ffordd ffansi o ddweud tablau hash.
Yn wir, os ydych am ddatgan hash tabl yn PHP, yn wahanol yn C-- faint o
llinellau o god oedd yn ei gymryd i mewn gwirionedd yn gweithredu tabl hash yn C?
Na faint o linellau o god a yw'n cymryd i weithredu tabl hash yn C?
Felly, mae'n fwy na thebyg yn llawer, dde?
Mae'n ychydig dwsin, efallai 100 neu 200.
Mae'n nontrivial.
Neu mae'n ymwneud i fod, fel y byddwch yn fuan yn gweld, nontrivial
i weithredu tabl hash [Anghlywadwy] ac hefyd cais.
Ond yn PHP-- ac yn dweud y gwir, yr wyf yn yn ôl pob tebyg ni ddylai ddweud wrthych hon
tan Monday-- yn PHP, os ydych am gael bwrdd, ei wneud.
Dyna hash table-- felly gydag un llinell o god.
Ac
>> Mae llawer o ieithoedd yn gwneud hynny.
Dewch i gael hwyl gyda pset phump.
Felly, mae llawer o ieithoedd yn gwneud hyn.
Maent yn rhoi tyniadau hyn i chi bod pobl eraill, rhaglenwyr eraill,
wedi creu ar eich cyfer er mwyn i gallwch sefyll ar eu hysgwyddau
a dechrau defnyddio syniadau sy'n super grymus, fel tablau hash a choed
ac yn ceisio.
Ond nid oes rhaid i chi gweithredu'r pethau hynny eich hun.
>> Ac felly yn y pen draw, yr hyn y rydym yn mynd i ddefnyddio PHP am
yn bosibl yn ysgrifennu rhaglenni o'r llinell orchymyn hyn a elwir yn.
Gallem ail-greu pob rhaglen rydym wedi ysgrifennu semester hwn hyd yn hyn,
ac eithrio efallai Breakout sy'n defnyddio SPL, sy'n benodol i C ar hyn o bryd.
Ond bob problem arall a bennwyd, sicr Mario a Cesar
a Vigenere a [? Crac?] Ac ymlaen, rydym yn
Gallai ail-rhoi ar waith yng PHP, ac yn ôl pob tebyg ychydig yn haws.
>> Ond yr hyn rydym yn mynd yn y pen draw i ddefnyddio PHP am ei rhaglennu ar y we.
Ac rydym yn mynd i gyflwyno nesaf wythnos model meddyliol, patrwm enw
MVC, model barn rheolwr, ac os ydych wedi gwneud rhaglennu
o'r blaen yn Python neu Rhuddem neu yn rhywle arall, rydych
Gallai gwybod o'r tîm hwn gyda Rheiliau a Django ac yn y blaen.
Ond os ydych yn newydd i mae hyn hefyd, byddwch yn gweld
bod hyn mewn gwirionedd yn naturiol iawn ymestyn y factorization
a'r math o ddylunio o god yr ydym i wedi
bod yn ei wneud yn C. Rydym yn mynd i nawr cymhwyso rhai o'r gwersi hynny i PHP
fel bod yn y pen draw, rydym yn gweithredu ein gwefannau eu hunain.
Ac os ydych yn fath o swyno neu rhyfeddu
ein bod ni'n mynd i wneud pob un o'r mor gyflym,
sylweddoli bod bron pob semester, mae bron 90%
o CS50 myfyrwyr, gan gynnwys y rhai nad ydynt erioed wedi rhaglennu o'r blaen,
yn y pen draw yn gwneud prosiectau terfynol sy'n yn seiliedig ar y we rhaglennu.
Ac felly byddwch yn gweld bod y ffurflenni yn uchel yn yr wythnosau i ddod.
Felly, byddwn yn eich gweld ac yna ar ddydd Llun.
>> SIARADWR 1: Ac yn awr, Deep Meddyliau gan Daven Farnham.
Tablau hash.
>> [Chwerthin]