[Powered by Google Translate] [7 Linggo, ipinagpatuloy]
[David J. Malan, Harvard University]
[Ito ay CS50.] [CS50.TV]
Ayos lang. Maligayang Pagbabalik. Ito ay CS50,
at ito ay ang katapusan ng linggo 7.
Kaya isa sa mga bobo maliit na bagay na napupunta sa buong Internet
at slurped namin, at dapat ito ngayon ng kaunting geeky kahulugan sa iyo.
Well, ito ay funnier na ito tao kaysa ito ay sa iyo guys.
Nagsasalita ng, na rin, ang mga guys,
ngayon Nate ng kaarawan.
Upang bigyan ka ng isang pakiramdam ng pagkakaroon ng lamang kung paano mabuting Nate at ako
sa web development na batay sa Lunes ng klase at batay ngayon sa,
Akala ko Gusto kong makuha ang home page ng Nate, kung hindi mo pa nakikita ko pa ito.
Ito dito HTML ia Nate.
Kaya makita ang kanyang sourcecode kung nais mong upang makita kung paano gawin ito, at Nate,
kung kami embarass mo lamang maikling, kawani nakakuha ka ng isang maliit na isang bagay
kung nais mong upang ibahagi ang ilang mga dessert na may ilang ng mga bata sa klase dito.
Kung gusto mo sa darating sa pababa.
Lahat mong purihin at napakabuti, ngunit walang sitting kahit saan malapit Nate,
para sa ilang mga dahilan, sa na likod zone.
Kaya marahil maaari mong mahanap ang ilang mga tao sa mga bisita sa mga may.
Maligayang Bati, Nate.
>> Karagdagang hellos: Kami ay nagpakita ng isang clip ilang mula sa aming mga mag-aaral sa CS50x.
Kung nais mong kung sino pa ang sa mundo
na pagsunod sa kahabaan, maaari kang magtungo sa URL na ito,
kung saan Jose, isa sa aming mga TFs, magkasama isang monteids ng uri
ng lahat na pagsusumite ng mga video na ito, kasama ng mga ito Rick Astley.
At kung mag-scroll ka sa pamamagitan ng mga ito, talaga masyadong kagila-
upang makita ang mga pagkakaiba-iba ng mga bansa at lungsod kung saan ang mga tao ay hailing.
Kaya kung nais mong kumuha ng isang pagtingin sa na, na sa pamamagitan ng pagtatapos ng semestre.
Ngayon ipagpapatuloy namin ang aming pagtingin sa Web, web programming, HTML at tulad,
at din namin na tanghalian paparating na ito Biyernes
kung nais mong, at lalo na, hindi pa nagagawa bago.
Ito Biyernes ng tema ng kaarawan ng Nate,
kaya kung nais mong kaarawan tanghalian na may Nate
at iba pa, ang ilan sa aming mga kaibigan mula sa Industriya,
mangyaring pumunta sa URL na iyon doon.
Space, gaya ng lagi, ay limitado. Gayundin, kung nakalimutan mo ang,
Napag-alaman na ang susunod na linggo ay ang deadline para sa mga problema na-set 4 pamamaril ng mga hayop na kumakain ng mga bulok na bagay,
kung saan pagkatapos pagbawi ng lahat ng mga mga JPEG mula card.raw,
sa iyo at sa iyong mga seksyong ka-, kung nais mong, maaaring subukan photographing
bilang marami ng mga siyentipiko sa computer mula sa memory card hangga't maaari,
at sa iyo at sa iyong seksyon ay manalo ng isang kamangha-manghang premyo.
Sumangguni sa pset 4 detalye sa kung ano ang isumite at sa pamamagitan ng kapag.
Gayundin, kung nais mong magkaroon ng iyong kagagawan immortalized
sa website ng kurso at ang kasaysayan ng kasuotan,
malaman na ikaw ay maligayang pagdating ngayon upang simulan ang pagsusumite ng mga disenyo
para sa mga taong ito T-shirt at sweatshirt at ang mga tulad.
Gagawin namin ang aming makakaya upang isama bilang marami hangga't makakaya namin,
ngunit gagamitin namin ang ilang mga kasapi ng kawani ng pagsusuri lahat ng disenyo
upang tiyakin na sila ay pare-pareho sa mga pagtutukoy,
at pagkatapos namin pumili pangkalahatan ay isang maliit na bilang ng mga ito na exhibited.
Kaya't kung ikaw ay ang uri ng disenyo, lamang malaman na ang mga kinakailangan
para sa mga graphics ay PNG, hindi bababa sa 200 dpi,
hindi sila ay dapat na higit sa 4000 x 4000 pixels,
at hindi hihigit sa 10 MB, ngunit ikaw ay maligayang pagdating sa gamitin ang mga bagay tulad ng
Photoshop o malambot o iba't-ibang mga graphic ng programa,
anumang mayroon sa iyong pagtatapon.
>> Din sa abot-tanaw ay ang panghuling proyekto. Ang huling proyekto ay talagang ang rurok ng 50,
kung saan ng lahat ng mga asignatura sa kurso,
ito talaga ang iyong pagkakataon upang gawin ang iyong sariling bagay.
At na maaari lamang na gawin ang isang bagay para sa masaya,
ito upang malutas ang ilang mga pagpindot problema ang iyong pangkat ng mag-aaral ay may,
para sa ilang mga bagong website, ang ilang mga bagong mekanismo ng koleksyon para sa data.
Maaari itong maging isang mobile application para sa Android, iOS.
Talagang, ang langit ay ang limitasyon, at sa loob ng susunod na ilang linggo,
namin ang paglipat mula sa C sa mga mas mataas na antas na mga wika tulad ng PHP at JavaScript,
makikita mo ang nagiging familiarized ang iyong sarili na may ilang mga real-mundo na diskarte,
ilang mga real-world na mga tool, at para madagdagan na,
malaman na kurso na may isang kasaysayan ng mga seminar,
kung saan sa susunod na ilang linggo, ang ilan sa mga kawani ng pagtuturo
at mga kaibigan atin mula sa campus ay nag-aalok ng opsyonal seminar
kung saan pumunta sa itaas at higit pa sa kung ano ang karaniwang gawin sa seksyon
upang ipakilala ka sa mga bagay tulad ng Android programming,
upang ipakilala ka sa mga bagay tulad ng iOS programming
o higit pang advanced na mga diskarte sa pag-unlad ng web-.
May isang buong kasaysayan ng mga online na.
Kung pumunta ka sa mga cs50.net/seminars, kami ay ginagawa ito para pa ilang mga taon,
at makikita mo na naka-archive dito sa mga PDF at video at ang mga tulad ng
ilang dosenang mga video ng mga seminar.
Nakaraang taon, halimbawa, nagkaroon kami ng seminar sa acing ang iyong mga teknikal na panayam,
kung aktwal na hinahanap mo upang pumunta off at gawin ang isang internship o full-time na kalesa.
Windows mobile na pag-unlad, Android unlad, Google Maps,
API, CSS, pagbuo para sa BlackBerry, Emacs.
Talagang, maligayang pagdating sa isang pagtingin sa anumang ng mga seminar na ito sa iyong kaginhawaan.
At kami na may hawak na ilang mga bago semestre na ito, pati na rin.
>> Kaya kung ano ay magpatuloy sa mga huling proyekto?
Well, una, kahit na ang petsa na ito ay medyo napipintong,
talaga ito lamang ay isang pagkakataon upang simulan ang pag-iisip tungkol sa huling proyekto medyo realistically.
Alam namin lamang ang Beginnings ng ilang ng kung ano ang makikita pa rin namin na sumasaklaw sa kurso,
HTML, PHP at tulad ng, ngunit hindi lahat ng mga pamilyar sa Web,
at ako bias ang pag-uusap na ito patungo sa Web lamang dahil
karamihan ng mga tao paggawa Web-based panghuling proyekto,
ngunit sa pamamagitan ng ay nangangahulugan na walang kinakailangang.
Paggamit C ay fine, layunin C, Java,
medyo fine ang anumang iba pang mga wika na maaaring alam mo o gusto mong malaman.
Subalit upang makuha ang mga juice na dumadaloy sa una, makikita namin inaasahan ang pagsusumite ng isang preproposal
kung saan, ayon sa mga PDF sa website, na ngayon sa cs50.net,
at sa tuktok na kaliwang makikita mo ang panghuling proyekto
ang pagtutukoy para sa huling proyekto,
at sa may mga detalye sa preproposal at ang gusto.
Ito medyo magkano ang kahulihan babagsak ito sa isang email sa iyong kapwa ng pagtuturo
lamang upang simulan ang isang pakikipag-usap sa kanya tungkol sa kung ano ang pinag-iisipan mo.
Sa projects.cs50.net ay isang imbakan ng mga ideya mula sa mga tao sa campus
kung ikaw ay struggling upang makabuo ng ilang mga ideya,
at manual.cs50.net/APIs ay imbakan ng mga link sa Mga API.
>> Ano, bagaman, ay isang API?
Ano ang isang API? Ko na sinabi ito ng hindi bababa sa dalawang beses,
ayon sa mga transcript ng sa nakalipas na ilang linggo.
Ano iyon? [Estudyante, hindi maintindihan]
>> Okay, mabuti. Kaya ng isang bagay na programming interface.
Application programming interface, at ito ay maaaring tumagal ng ilang form,
ngunit kung ano ito talagang kahulihan babagsak ito upang code
may iba hs nakasulat o data na ang ibang tao ay nakolekta
na magagamit sa iyo sa ilang mga program na paraan.
Maaari mong isulat ang code sa C, PHP, Python, Ruby,
anumang iyong wika ng pagpili ay karaniwang ay,
at maaari mong sa paanuman bumuo kapag ng iba-andar
o ibang tao ang hanay ng data.
Halimbawa, kung pumunta ako sa link na ito dito,
at makikita mo ang isang pares ng mga link sa kasunod na pahina
kung saan mayroon kaming CS50 ng sariling mga API, na kung saan ay napaka Harvard-sentrik, at pagkatapos ang third-party na mga API.
Kabilang sa mga third-party na Mga API ay talagang kapaki-pakinabang na bagay
tulad ng upang magpadala ng SMS sa mga tao,
upang makatanggap ng mga SMS text na mensahe mula sa mga tao.
At mga bagay tulad na maaaring mayroon ka walang ideya kung paano ipatupad ang iyong sarili,
ngunit salamat sa mga serbisyo, ang ilang mga libre at ilang komersyal,
maaari kang bumuo ng paitaas sa mga at gawin ang isang bagay ng interes sa iyo.
Kabilang CS50 API ng mga campus-sentrik bagay tulad ng
Harvard kurso, enerhiya, mga kaganapan, pagkain, mga mapa, mga balita, tweet at Shuttleboy sariling,
at ang mga ito ay mga API na tumingin ng isang maliit na bagay tulad nito.
>> Hayaan akong hilahin ang HarvardFood API.
Kung sakaling mo na sa HUD website, marahil ka pa doon
lang makita kung ano ang para sa hapunan o upang makita kung ano ang mga oras para sa ilang d-hall.
Well, ito ay hindi partikular na madaling i-navigate,
at kaya kung ano ang namin ginawa ng ilang oras ang nakalipas ay namin sinulat ni software,
ang mangyayari sa PHP, na aktwal na screen scrapes ang kabuuan ng website HUD.
Upang screen simutin ang pispis isang bagay ay nangangahulugan upang magsulat ng isang programa sa isang wika tulad ng PHP
na nagpapanggap sa isang browser, kahit na maaari mong patakbuhin ang mga ito sa isang command prompt,
na nagpapanggap na maging isang browser, kumokonekta sa isang website,
Dina-download nito sa HTML, ang wika kung saan ito ay nakasulat,
at pagkatapos ay bumabasa ng ito, o higit na partikular, Pina-parse ito
itaas hanggang sa ibaba, kaliwa hanggang kanang.
At kung ano ang namin ginawa ay sinulat ni namin ang aming code sa isang paraan na
anumang oras nakita namin ang isang bagay na HTML na mukhang tulad ng isang bagay sa menu,
tulad ng hamburger, pagkatapos ay i-import namin na sa aming sariling database.
At anumang oras nakita namin ang nutritional nilalaman, namin-import na sa aming sariling database.
At kung ano ang ginawa namin ay pakikinabangan ang katunayan na ang website ng HUD,
kahit na maaari itong maging isang bit ng isang hamon para sa amin tao upang mag-navigate
sa ilalim ng hood, ang lahat ng HTML ay binuo sa pamamagitan ng kanilang sariling mga programa sa computer.
Kaya lahat ng kanilang mga HTML, kahit na maaaring ito tumingin magulo,
tulad ng karamihan ng mga website sa ilalim ng hood ay sumusunod sa isang pattern.
Kaya lang namin na ginugol ng dalawang oras ang pag-uunawa na pattern
sa gayon ay sa dulo, hindi namin itapon lahat ng magulo HTML,
lahat ng aesthetics ng bold nakaharap at italics at ang mga tulad ng,
at kung ano ang hindi namin gawin ay ilantad na parehong data.
Halimbawa, sa ganitong paraan.
Kaya namin, ayon sa ang babasahin dito,
kaalaman sa mundo na kung humiling ka ng isang URL
na ganito ang hitsura, food.cs50.net / isang bagay,
at magbigay sa iyo ng ilang mga parameter, kung saan namin makipag-usap tungkol sa ngayon,
tulad ng end-date na oras, na start-date pagkain oras, at iba pa,
kung ano ang aming mga server ay bumalik sa iyo, halimbawa,
ay isang CSV file, kuwit separted halaga tulad ng isang Excel file,
naglalaman ng lahat para sa almusal sa partikular na petsa sa Marso noong nakaraang taon
kapag nangyari ko upang isulat ito dokumentasyon.
>> Para sa mga pamilyar, CSV ay hindi lamang ang format ng file.
May ibang format na ang lahat ng mga mas maraming nalalaman
na tinatawag na JSON, JavaScript Bagay pagtatanda.
Ang data ay maaaring bumalik sa format na iyon.
Kaya ang takeaway dito ay na kung dive ka sa API na ito
o anumang iba pang mga ng CS50 o anumang out doon sa Internet,
o hindi sa lahat, nauunawaan natin na ang mundo ay nagiging nagsimula sa alisunod sa pamantayan
kung paano machine makipag-usap.
Ginagamit namin ang karaniwang mga format ng data tulad ng CSV o JSON.
At kung ano ang ibig sabihin nito para sa iyo ay maaari mong isulat ang mga kawili-wiling bahagi ng isang programa
na ay nagbibigay-daan sa iyong user maghanap sa dining hall menu,
na ay nagbibigay-daan sa mga ito na lumikha ng mga listahan ng mga paborito na ay nagbibigay-daan sa mga ito na makakuha ng mga alerto sa teksto
kapag ang kanilang mga paboritong pagkain ay tungkol sa almusal sa ilang d-hall
sa pamamagitan ng paggamit ng isang tao set ng data at gusali sa tuktok ng kanilang mga API.
Kaya higit pa sa na sa anyo ng mga seminar at dokumentasyon na mayroon ka dito online.
Kaya iyon, pagkatapos, ay API.
>> Na pinagsasama sa amin pabalik sa HTML. Quick pagbabalik-tanaw.
Ano ang HTML?
[Mag-aaral, hindi maintindihan] >> Magandang. Hypertext Markup Language.
Ibang tao, kung ano ang Wika Hypertext Markup?
Hypertext Markup Language.
Okay. Kaya HTML, Hypertext.
Hypertext lamang tumutukoy sa Web, para sa pinaka-bahagi.
Markup nangangahulugan na ito ay hindi tunay na isang programming language, HTML.
Ito ay hindi isang wika na maaari mong ipahayag ang logic.
Hindi ito ay mayroong mga loop. Ito ay hindi magkaroon ng mga kondisyon.
Hindi ito function, per se.
Sa halip, ito ay may mga bagay na ito na tinatawag na tag, o mas maayos, elemento.
At ang mga elementong iyon ay may tag ng pagsisimula at pagtatapos ng mga tag,
o bukas na tag at closed tag, at kung ano ang mga tag na iyon ay pangkalahatang ibig sabihin para sa isang browser ay,
simulan ang paggawa ng isang bagay at pagkatapos ay tumigil sa paggawa ng isang bagay, kahit na may mga pagbubukod na iyon.
Minsan lang 'maglagay ng line break dito,' halimbawa.
At nakita namin ang mga halimbawa ng mga na ang iba pang mga araw, sa pagitan ng naka-bold na nakaharap,
line break, at pagkatapos ng ilang mga iba pang mga tag.
Kaya HTML ang wika kung saan nakasulat ang mga web page.
Kaya kung pumunta ako sa isang bagay tulad ng Google.com
at hilahin lamang ang kanilang tahanan pahina,
isipin ang na kung ikaw ay i-right click o kontrolin i-click ang
at tumingin sa pinagmulan ng page view, karaniwang
ito ay isang kumpletong gulo mga araw na ito sa ilalim ng hood, ngunit na dahil
computer ay hindi pakialam tungkol sa puting espasyo, kaya ito ay hindi upang tumingin medyo.
Ngunit kung kami ay mag-zoom in sa mga bahagi nito,
mapapansin na ang Chrome, lamang na maging maganda ang, ay mga bagay na code ng kulay.
Sa katunayan, ito ay ang unang tag na nakita natin sa isang pahina ng web.
At muli, HTML 5, ang pinakabagong bersyon ng wikang ito,
ay ang bagay na ito sa simula,
<! Doctype html, kung lowercase o uppercase,
ngunit ito lamang ay uri ng isang standard na nagsasabing, hey mundo, dito ay isang file na HTML sa bersyon 5.
>> Ang kawili-wiling bahagi nagsisimula dito. Kaya <html, at pagkatapos ay mayroong dalawang bata
ng HTML elemento huling oras.
Ano ang mga dalawang pangunahing mga bata?
Ulo at katawan, tulad ng tao na may tattoo ng ilang sandali ang nakalipas.
Mayroong dalawang mga bahagi ng web page, ulo at katawan,
at manariwa sa diwa, pagkatapos, na marahil ang pinakasimpleng web page kami maaaring magsagawa ng ganito ang hitsura.
At ako indent ito lamang uri ng kapong baka at maglinis sa aking code,
ngunit kung ano ang talagang mahalaga dito na may ilang hierarchy upang ito.
At anumang tag ko na binuksan isinara ko at samakatuwid simetrya na ito
sa lahat ng markup na aking nilikha.
Kaya huling beses na nagsimula kaming pagsusulat ng mga pahina ng web sa aking sariling laptop.
Ako binuksan up ng mga edit ng teksto, naka-save na ako ang file bilang hello.html,
Drag ko pagkatapos ang file papunta sa aking browser, at voila, ako ay may isang pahina sa Internet.
Ngayon, hindi pa kaso; ko ay may isang pahina sa aking hard drive,
at ako ay literal lamang ang tao sa mundo na makita na web pahina sa isang browser.
>> Kaya ngayon, namin ipakilala ang isang aktwal na web server
at ang paniwala ng aktwal na paghahatid ng nilalaman sa Internet
at kung paano ito lahat ng mga pagsisimula upang magkasya sama-sama.
Kaya ito lumiliko na ang lahat ng oras na ito sa CS50 appliance
nagkaroon ka ng isang web server sa iyong computer.
Namin ang, sa pagkamakatarungan, ginagamit lamang ito para sa gedit, para kumalatong, para sa GDB at ang mga tulad ng,
kundi pati na rin na naka-install sa pamamagitan ng sa amin para sa iyo sa appliance ay isang web server,
at web server na iyon ang mangyayari sa libreng, isang open source,
isa ng ang pinaka-popular na mga sa mundo, na tinatawag na Apache.
Nito sa karagdagang teknikal na pangalan ay HTTPd, ang d pagiging para sa diyablo dito,
kung saan ay isang teknikal na salita para sa isang server.
Kaya-install sa CS50 appliance ay isang web server, at kung ano ang na ibig sabihin nito?
Well, ang isang web server, conceptually, ang ilang mga server sa Internet na naghahain ng nilalaman ng web.
Kapag tinanong para sa isang file, spits ang HTML na composes file na iyon, at voila.
Nakikita mo home page ilang website.
Ngunit ang server ay, mas tiyak, ang isang bahagi ng software.
Hindi ito sa isang pisikal machine, ito lamang ay isang piraso ng software na tumatakbo.
Kaya ang CS50 appliance, siyempre, ay isang piraso ng software
kahit na uri ng nagpapanggap na isang machine.
Ito ay nagpapanggap bilang isang computer sa loob ng isang computer,
ngunit lamang ay nangangahulugan na ang appliance ang tiyak na magpatakbo ng mga bagay tulad ng mga web server.
Maaari itong aktwal na magpatakbo ng mga email server.
Maaari naming magpatakbo ng isang instant messaging server sa appliance kung gusto naming,
at sa katunayan, namin patakbuhin ang isa pang uri ng server, na kilala bilang isang server ng database, MySQL.
Ngunit higit pa sa susunod na linggo.
Nangangahulugan ito na maaari ko aktwal na bisitahin ang web mga pahina
sa loob ng aking appliance sa pamamagitan ng paggamit ng browser sa loob ng appliance
o kahit sa aking sariling laptop, ang aking Mac o sa aking PC.
Kaya kung ano ang ibig sabihin nito? Ito lumiliko out anumang oras nagpapatakbo ka ng isang Linux computer na,
ang palayaw nito ay "lokal na host."
Ito ay hindi magkaroon ng isang pangalan ng domain dahil hindi pa namin bumili ng isang domain name
para sa isang bagay tulad ng appliance, kaya nito ang pangalan ng default na mga lokal na host.
>> Ngunit upang makuha ang appliance upang simulan ang paghahatid ng mga web page,
mayroon kaming upang lumikha muna ang mga ito.
Kaya sabihin gawin iyon. Hayaan akong pumunta sa isang window ng terminal dito
at mapansin na ako sa aking karaniwang John Harvard prompt.
Ipaalam sa akin sige at i-type ang mga ls, at makikita namin makita ang ilang mga pamilyar na mga bagay mula sa semestre,
desktop, download, dropbox at iba pa,
ngunit ngayon sisimulan namin ang magiging aming pansin sa isang ilang.
Sa maraming mga Linux server sa web ang folder na tinatawag na pampublikong html,
ngunit kami ay pagpunta upang laktawan na ang isa para sa ngayon at tumutok sa mga ito, vhosts.
Sinuman malaman kung ano ang vhost ng?
Lang bobo magulong pag-uusap para sa virtual host,
at kung ano ang ibig sabihin nito ay na sa isang tipikal na server
maaari mong aktwal na-host ng maramihang mga website.
Maaari kang bumili ng pangalan ng domain tulad ng foo.com, at maaari mong i-host ang mga ito sa isang server.
Ngunit maaari ka ring bumili bar.com at host ito sa parehong server.
Ang dahilan sa pagiging, ang mga browser na smart sapat upang ipaalam sa server
kapag ang isang gumagamit ay humihiling ng ilang mga webpage, ano pangalan ng domain ng gumagamit ang nais homepage para sa.
Kaya kung ano ang magaling tungkol sa hindi mo kailangan ng isang pisikal na server
o isang CS50 appliance para sa bawat website baka gusto mong lumikha ng.
Maaari mong gamitin ang parehong server at bumuo ng isang daang ibang website.
At sa katunayan, kung ikaw ay isang tao na sinusubukang upang simulan ang isang website,
kung katuwaan o para sa negosyo, karaniwang makikita mo pumunta sa Internet,
at makikita mo bayaran ang isang tao sampung Bucks sa isang buwan, isang daang dolyar sa isang buwan
upang mag-host ang iyong website para sa iyo.
At ang paraan na gumagana singilin sila ay ibang tao
sampung Bucks sa isang buwan o isang daang Bucks sa isang buwan
upang mag-host ng website ng iba pang mga tao sa kanilang parehong server.
Ang dahilan kung bakit maaari nilang gawin na dahil sa ang tampok na ito na tinatawag na bhosts,
ngunit higit pa sa pagdating oras para sa pangwakas na proyekto.
>> Sa ngayon, sabihin lang sumisid sa may. Kaya cd vhosts, at kung type ko ls ngayon,
mapansin na may isang folder doon na tinatawag na lokal na host.
Iyon ay dahil, sa pamamagitan ng default, ang mga numero ng appliance
ka upang patakbuhin ang isang website sa isang appliance.
Ito ay hindi talagang tunay na mundo, ito ay hindi real-mundo na web server.
Kaya hayaan mo akong pumunta sa lokal na host, at ngayon makikita namin makita doon
isang huling direktoryo na tinatawag na HTML.
Kaya ng kaunti malalim, ang hierarchy, ngunit kung at kapag
ka magpasya upang simulan ang pagbuo ng maramihang mga website sa mga susunod n buwan o taon,
ganitong uri ng istraktura ng folder ay may gawi na maging kapaki-pakinabang.
Ngayon ipaalam pumunta sa HTML bilang ko lang ginawa,
uri ng ls, at walang ay doon.
Kaya ngayon sabihin magpatuloy at gawin ito. Hayaan akong magbukas ng Chrome
sa loob ng appliance, at ipaalam sa akin pumunta sa http://localhost.
Kaya literal ang pangalan para sa aking appliance, ipasok, at makakuha ko ng index ng /.
Ito ay hindi talaga nagpapakita sa akin anumang ng interes,
ngunit ito lumiliko na kung ano ang nakikita namin na folder, HTML.
Wala sa loob ng folder na iyon sa ngayon,
kaya sa halip, kung ano ako pagpunta sa gawin ang unang lumikha ng isang file.
Lumikha ng isang file na HTML tulad ng ginawa namin sa Lunes, ngunit ang oras na ito ilagay ito sa loob ng appliance.
Para sa mga na sinusubukan upang sundin kasama ng laptop ngayon,
hayaang gawin sa akin ng isa bukod na makikita sakop sa web-based pset,
ngunit upang makakuha ng ito upang gumana para sa unang pagkakataon,
ka upang patakbuhin ang command na ito: sudo serbisyo httpd simula.
At ito, muli, ay paulit-ulit na sa huling pset,
ngunit kung ikaw ay paglalaro ng kasama sa bahay ngayon, ang web server
ay naka-off sa appliance, at na sa gayon ay hindi ito Sap up RAM
at memory para sa 7 linggo ng semestre kapag hindi namin ito kailangan.
Kaya kailangan mo upang patakbuhin ang command na ito nang isang beses, at makakakuha ka ng isang output tulad na.
Pagkatapos ay dapat mong upang i-play sa kahabaan dito.
Ngayon sabihin bumalik sa folder na ito.
Ang folder na ito ay walang laman, kaya hayaan mo akong magsimula sa paglikha ng isang file,
gedit hello.html.
>> Ayos lang. Gedit ay bukas, gaya ng dati. Hayaan ang gawin sa akin ang doctype, html,
html, hayaan mo akong makakuha ng nangunguna sa aking sarili at simulan ang pagsasara ng aking mga tag nang maaga.
Ngayon Mayroon akong sa ulo. Hayaan akong magpatuloy at isara ang ulo,
ipaalam sa akin ngayon gawin ang mga pamagat ng pahina, kumusta mundo tulad ng huling oras,
malapit pamagat, ngayon ay hayaan mo akong gumawa ng isang katawan.
In dito kong kamustahin, mundo na may ilang exclams
upang gumawa ng malinaw na ito ng ibang string.
Isara ang katawan, at ngayon hayaan mo akong magpatuloy at-file ang i-save.
Hayaan akong bumalik sa aking terminal na window, at kung type ko ls,
Dapat kong, siguro, tingnan ang hello.html. At gagawin ko.
Kaya ngayon sabihin bumalik sa aking browser, i-click ang I-reload,
at maaari mong makita kami ay sa katunayan sa loob ng ito HTML folder.
Hindi ako nakakakita ng isang web page, ito ay Apache, web server,
lamang nagpapakita sa akin ang mga nilalaman ng listahan ng mga direktoryong ito.
Lamang tulad ng Mac OS o Windows ay karaniwang gawin sa iyong sariling lokal na hard drive.
Kaya kung gusto kong makita ang web page na ito, maaari kong i-click ang maliit na link na ito dito, hello.html,
at sa katunayan, na kung ano ako ay umaasa upang makita.
Ngayon, muli, ito ay hindi isang URL na ang anumang mo maaaring bisitahin ngayon,
dahil para sa iyo, lokal na host, kung mayroon ka ng isang laptop dito,
ito ay nagre-refer sa iyong sariling pagkakataon ng appliance.
Ito ay sa aking sariling personal na appliance,
ngunit ito ay uri ng pipi para sa akin na magkaroon, na magkaroon ng
ng gumagamit tulad ng aking sarili mag-click sa hello.html sa aktwal na makita ang mga nilalaman ng pahinang ito.
Ito lumiliko out na ang mga web server tulad ng Apache ipaalam mayroon kang isang default na file para sa anumang web server.
Mapansin dito mayroon kaming hello.html.
Ano ang command sa Linux upang palitan ang pangalan ng isang file?
>> MV, para sa paglipat. Kaya ipaalam sa akin gawin na,
at ipaalam sa akin palitan ang pangalan ng hello.html sa index.html.
Hayaan akong type ls upang kumpirmahin ngayon napalitan ng pangalan.
Ngayon, ito ay pagpunta sa - kung pumunta ako pabalik sa lokal na host,
mapansin ngayon na awtomatiko ako nakikita sa web page na iyon.
Na ito ay kapareho sa aking aktwal na ginagawa / index.html,
ngunit ang gandang bagay na ngayon ay na ang web server ng pag-uunawa,
oh, kung mayroon kang isang file na, sa pamamagitan ng mga tao na convention, ay tinatawag na index.html,
hayaan mo akong ipakita ang user na file sa pamamagitan ng default
kaysa sa ilang bobo listahan ng direktoryo na kung saan ay hindi sa lahat ng user-friendly.
Sa katunayan, karamihan sa mga website na binibisita mo sa Internet ay hindi magkaroon ng isang listahan ng mga file na mag-click sa,
lang nila ipakita sa iyo ang nilalaman. Kaya na kung paano namin gawin iyon, index.html.
Kaya ito ay ang lahat ng mga masaya at mabuti, ngunit ito ay isang magandang simpleng web page.
Hayaan akong sige at buksan ang index.html sa aking vhosts,
mga lokal na host, html direktoryo, at hayaan ang magdagdag ng isang bagay ng mas malawak na interes.
Kaya walang halo mundo; sabihin sa halip ay sabihin ang 'ito ay CS50, Harvard College. . . '
Kaya sa simula ng kurso ang paglalarawan ng catalog ng ilang mga uri doon.
Ngayon kung ako reload, dapat ko bang makita ito sa aking home page.
Okay, at ko makita na, ngunit ipagpalagay na nais ko sa ngayon ilista ang ilang higit pang nilalaman sa file na ito.
Maaari ba akong mag-down na dito at sasabihin, kinakailangan wala,
bagaman ang ilan sa inyo ay marahil gusto, 'Ha ha ha, walang kinakailangan.'
Ngunit - opisyal. Kaya reload, at ngayon ay mayroon kaming ang parehong biro na nakita namin huling beses.
Ngunit kung bakit ay na? Ito ay isang simpleng aayos.
Bakit pinaghiwa pahinang ito?
[Mag-aaral, hindi maintindihan] >> Oo, kami na malutas ito bago
sa pamamagitan ng tahasang nagsasabi sa browser 'maglagay ng line break dito.'
At na dahil, muli, ang browser ng na lamang gawin
tahasan kung ano ang markup language ay nagsasabi ito upang gawin,
kaya kahit na maaari mong pindutin ang enter isa o dalawang beses o kahit sampung beses,
ito upang pagsamahin na ang lahat sa isang solong puwang, sa pamamagitan lamang ng convention.
Kaya kung gusto mo talagang isang line break, mayroon kang upang gamitin ang mga tag ng br,
at ngayon abiso, tulad ng Lunes, ko bang ilagay ang / loob ng tag na ito,
lamang dahil ito lamang ay hindi pakiramdam karapatan
upang simulan ang isang line break pagkatapos ay itigil ito na wala sa pagitan.
>> Kaya ang convention sa HTML upang buksan at isara ng tag nang sabay-sabay.
Bilang isang bukod, makakakita ka ng maraming ng mga website sa mga aklat na hindi mahusay na.
Ay tama gawin o hindi gawin ito, ngunit nais naming magtalo
na disenyo-matalino at stylistically, ito ay mas mahusay
dahil pagkatapos ng tag bawat ay parehong binuksan at sarado sa paanuman.
Kaya ngayon hayaan ang i-save at i-reload. Bumalik sa browser, okay.
Ngayon kami ay paggawa ilang mga pag-unlad, ngunit ito ay hindi pa sapat.
Natin sige at magsimulang mag-type sa ilang na katawan ng teksto.
Kaya sabihin nating, 'Isang mabilis na brown soro jumps sa paglipas ng tamad na aso.'
At ngayon hayaan mo akong kopyahin lamang at i-paste ang mga ito nang ilang beses
kaya mayroon kaming isang talata ng teksto.
Hayaan akong bumalik sa paglipas dito. Kaya hindi ito hinahanap napakagandang.
Akong isang line break, kaya okay lang,
ngunit ngayon, sa sandaling kami ay pagkuha sa punto ng pagkakaroon ng isang web page
na may maraming ng nilalaman at hindi lamang iisang linya upang ipakita HTML,
maaari naming simulan ang mag-isip ng mga bagay na ito bilang mga aktwal na talata.
At maaari naming simulan upang buuin ang aming web page ng kaunti pa nang malinis.
At sa katunayan, kung ano ang maaari kong gawin ay pumunta dito sa loob ng aking katawan tag,
at alam mo kung ano ang, kung 'Ito ang CS50. . . ' talagang demarks ang simula ng isang talata,
mahusay, sabihin tag ito bilang tulad.
Hayaan ang i-indent sa akin ang teksto, sa pamamagitan lamang ng convention, sabihin sabihin sa akin
na ang talata na ito ay nagtatapos dito,
at pagkatapos ay sa halip na ang line break na ito, ipaalam sa akin lamang sabihin
na ito nabibilang doon at bilang isang bagong talata,
at kukunin ko na lang mabilis indent ng sa pamamagitan ng lamang clobbering ang lahat ng ito bagay.
>> Kaya ngayon mayroon kaming indent talata doon,
at ngayon ang aming markup ay nagsisimula upang makakuha ng kaunti pa
magkakahulugang mga pare-pareho sa kung ano ang sinusubukan naming gawin.
Mayroon kaming isang talata, kaya sabihin tumawag ito ng isang talata na may tag p.
Mayroon kaming pangalawang talata, kaya sabihin tumawag ito ng isang talata na may tag p.
At ngayon, ano ang browser ay karaniwang gawin
ay tulad sa isang Ingles na aklat o sanaysay,
kung saan karaniwan mong makita ang ilang mga line break sa pagitan ng mga talata.
Browser ay gawin na para sa iyo awtomatikong.
Kaya ngayon mayroon kaming dalawang talata at maaari naming patuloy na ito.
Ngunit, siyempre, sa Web, kapag mayroon kang mga katawan ng teksto
hindi karaniwang lamang malaking blobs ng teksto.
May ay madalas na hyperlink doon.
Kaya kung gusto naming, halimbawa, isama ang ilang mga link doon,
ipagpalagay kung ano ang maaaring maging ng interes sa anumang web page Lumilikha ako dito -
hayaan mo akong pumunta sa Google.com,
at hayaan mo akong maghanap para sa isang mabilis na brown soro.
Pumunta sa Google imahe, at, kung paano tungkol sa - ito ay nakatutuwa.
Ipagpapatuloy namin na ito. Kaya dito kami ay may isang mabilis na brown soro hangganan ng mundong sa paglipas ng tamad na aso.
Kaya kung ano ako pagpunta sa gawin dito, para lamang sa ang kapakanan ng pagpapakita,
ay ipagpalagay na ang imahe na ito sa aking server,
at ako ay ang paglikha ng mga larawang ito.
Ano ko lang ay ang i-right click o kontrolin click sa imahe,
at kung ano ang makikita mo sa karamihan sa mga browser ay isang maliit na menu -
itigil na - isang maliit na menu na nagbibigay-daan sa iyo upang pumili ng kopya lokasyon ng link o URL ng kopya.
Kaya ipaalam sa akin bumalik ngayon sa aking HTML, at ipagpalagay na gusto ko
sa hyperlink ito sa isa pang pahina ng web.
>> Ano ang tag na tinatawag na para sa?
[Mag-aaral, hindi maintindihan] >> Oo. Kaya a href para hyper reference.
Hayaan akong magpatuloy at i-paste na.
Ito ay isang medyo mahaba URL, kaya ipaalam sa akin mag-zoom out.
Isara ang bracket, kaya ngayon mapansin ako ng paraan sa paglipas dito
dahil ang URL na nangyari sa medyo mahaba.
Hayaan ang mag-scroll sa akin sa paglipas dito sa dulo ng mabilis na brown soro,
at pagkatapos ay hayaan mo akong isara ang tag na </ a,
kung saan isinara ko lamang ang pangalan ng tag.
Ngayon ipaalam sa akin sige at i-save ang file na iyon, i-reload ang web page,
at ngayon, sa pamamagitan ng default, na na nakasalungguhit sa asul para sa akin,
ngunit sa katunayan, maaari ko ngayon i-click ito at voila. May imahe na.
At hindi ito ay isang imahe, maaaring nai-link
sa ilang iba pang mga random na website sa Internet.
Maaari kong gawin ito, halimbawa, may CS50, kaya isang huling halimbawa dito.
'Ito ang CS50' maaaring magkaroon ng kahulugan upang pumunta, href =
http://www.cs50.net, malapit quote, malapit anchor.
Kaya ngayon na ang isang ng mas maikling URL, at oras na ito hindi namin ay mag-link sa isang imahe.
Sa halip Kami ay mag-link sa isa pang pahina.
Ngayon, mayroon kaming isang imahe dito.
Pakiramdam ko ay tulad ng maaari naming gawin ang isang maliit na mas mahusay kaysa sa lamang na nagli-link sa isang imahe.
Ano kung gusto naming aktwal maglangkap ito sa aming sariling mga web page?
>> Well, kung ano ang maaari kong gawin dito, kaysa sa link na ito graphic,
ipaalam sa akin sa halip kunin ang mga URL, at magpapadala kami makakuha ng mapupuksa ng hyperlink na at linisin ito up.
At kami na bumaba dito at mapupuksa ng ito.
Hindi namin talagang kailangan ang lahat ng mga pangungusap sa ngayon, kaya ipaalam sa akin na paikliin ang pahina ng kaunti.
At pagkatapos ay down na dito ipaalam sa akin magpatuloy sa isang bagong talata,
sabihin hindi ko gustong teksto ngayon, gusto ko ang isang imahe na pinagmulan ay pagpunta sa URL na iyon.
Isang imahe, tulad ng isang line break na, alinman doon o hindi.
Kaya ipaalam sa akin agad na isara na tag.
Hayaan akong magpatuloy ngayon at isara ang talata na ako sa loob,
at kung ang lahat ng napupunta rin may halo, mundo, kung ako reload ngayon,
Ko, sa katunayan, makita sa loob mismo ng aking sariling web page sa isang imahe.
Kaya ngayon mayroon kaming isang imahe tag, isang anchor tag at ang mga tulad ng,
at para sa mabuting panukala, ipaalam sa gawin sa akin ang isa pang bagay na madalas napapabayaan
sa mga website mga araw na ito: natin magbigay ng ilang mapaglarawang teksto para sa imaheng ito
para sa mga tao na sa isang mobile device
at samakatuwid ay hindi maaaring upang i-download ang larawang ito masyadong mabilis,
para sa mga taong bulag at maaaring hindi magagawang upang makita ang mga larawan
ngunit maaari silang magkaroon ng screen reader na maaaring sabihin sa kanila kung ano ang imahe na ito ay.
At upang gawin iyon, may isa pang katangian para sa mga tag ng imahe
tinatawag na alt, para sa kahaliling teksto.
At kung ano ang maaari kong gawin dito ang sabihin, 'Ito ay isang mabilis na brown soro.'
Kaya kahit na kung ang tao ay hindi maaaring makita ang mga imahe sa screen,
siya ay maaaring hindi bababa sa marinig, may ilang piraso ng software,
kung ano ang aktwal na ay doon sa screen.
>> Na hindi baguhin ang mga aesthetics ng pahina,
ngunit ito ay tiyak na mahusay na kasanayan para sa mga gumagamit.
Karapatan lahat, sabihin iwan ang web page na ito sa kanyang kasalukuyang form,
ngunit hayaan makita kung hindi namin ngayon ipakilala
ilang mas mahusay na diskarte sa pagsusulat ng mga pahina ng web,
ilang mga aralin na upang maghatid sa amin na rin sa aming mga pahina na makakuha ng higit pa at mas kumplikadong.
Ano ang hindi namin pagpunta sa gawin sa susunod na ilang linggo
ay ituturo sa iyo ang lahat ng ilang mga HTML tag dosena na may.
Magkano ang gusto sa simula sa linggo 0, marahil ay sumapat
upang magbigay ng isang mataas na antas ng pangkalahatang-ideya ng ilan sa mga konsepto,
isang mabilis na tour ng ilan sa mga bloke ay marahil magagawang,
medyo kumportable, upang mag-navigate sa iyong sarili, ang iba't-ibang mga piraso ng puzzle.
At na mangyari muli sa HTML, malamang,
kung saan may sapat na mga mapagkukunan sa Web na namin ituro sa iyo sa,
iba't-ibang mga aklat-aralin, kung gusto mong basahin ang isang aklat-aralin,
na ituturo sa iyo ang lahat ng iba't-ibang mga bagay na maaari mong gawin sa HTML,
ngunit talagang, hindi namin nakita sa gayon ay malayo sa HTML karamihan ng sa pangunahing mga konsepto.
Mayroon kaming ang paniwala ng mga tag na binuksan, tag na sarado.
Ilang mga tag na parehong binuksan at sarado
sa kamalayan na sila walang laman; dapat wala sa loob ng mga ito
tulad ng isang imahe tag o line break, na lamang doon.
Din kami tumingin na sa paniwala ng isang katangian, tulad ng alt o pinagmulan.
Notice na ang mga salitang ito ay may posibilidad, sa pamamagitan ng convention, maikli at maikli at malinaw.
>> Wala kaming pagpapasya sa kung ano ang mga bagay na ito ay tinatawag na,
ibang tao na imbento HTML ay dumating na may mga pangalan na ito.
Kaya mo lamang upang simulan upang malaman o maghanap, anumang oras na kailangan mo ang mga ito,
kung ano ang mga pangalan para sa mga tag at mga katangian.
Sa kaso ng mga mga katangian, nagdudulot sa pangkalahatan
baguhin ang pag-uugali ng ilang mga tag.
Sa kasong ito, ang pinagmulan ng katangian Sinasabi ng imahe tag
kung ano ang pinagmulan ng imahe ay dapat na.
Ang href attribute ay nagsasabi sa ang anchor tag na kung ano ang dapat ito aktwal na nagli-link sa.
Ngunit sa mga tuntunin ng istraktura ng isang web page, kahit Facebook
at ng Google at tulad ng hitsura tulad ng isang kumpletong gulo
sa ilalim ng hood sa unang tingin, kung sinimulan mong basahin sa pamamagitan nito
mas methodically, lahat ng mga ito ay sundin ang mga pangunahing, ang pangunahing istraktura.
Ngunit maaari naming mapabuti ang ang estilisasyon ng mga bagay na ito.
Kaya hayaan mo akong pumunta sa ilang mga halimbawa na handa ko nang maaga.
Hayaan akong sige at kopyahin ang mga ito mula sa isa pang folder dito
at ilagay ang mga ito sa direktoryong ito.
Nang maaga, ano ko ginawa ay maghanda ng ilang mga file na ito:
search0, search1, search2, at search3 at 4.
Hayaan akong sige at buksan ang unang ng mga file,
at sabihin makita kung hindi namin maaaring magsimulang upang lumikha ng aming sariling search engine.
Sa tuktok ng file na ito, na karaniwang ang kaso sa klase, lamang ng grupo ng mga komento.
Sa HTML, bagaman, ang mga paraan kung sinimulan mo ang isang komento
ay <-! at pagkatapos ikaw ay sa loob ng isang komento, isang multi-line komento.
Kapag handa ka na upang itigil na komento, maaari mong gawin ->.
Kaya lahat sa tuktok sa asul ay isang komento.
>> Ito ang aking doctype deklarasyon, na muli,
maaari mong kopyahin lamang at i-paste sa pananampalataya, sa ngayon.
Ito lamang ay nagsasabi sa ang browser, 'Narito ay ilang HTML 5.'
Ibaba na, sa ika-14 linya, ay ang unang ng aking aktwal na mga tag,
at ito sabi lang, tulad ng dati, dito ay ilang mga HTML,
dito ay ang ulo ng aking pahina, dito ay ang pamagat,
at pagkatapos, pasalungat, na ito para sa pamagat na ito para sa ulo.
Narito ngayon ay ang body ng aking pahina.
Kaya ilang mga bagong tag ngayon: h1 ay nakatayo para sa heading 1.
May isang tradisyon sa HTML para sa maraming mga taon sa likod
ng pagkakaroon ng iba't ibang mga laki ng teksto.
At pabalik sa araw, ang bawat isa nilalayong, sa pangkalahatan, lamang na malaki at naka-bold.
Ngunit mayroon ding h2, na malaki ngunit hindi masyadong malaki at bold.
Mayroong h3, na uri ng malaki ngunit hindi halos bilang malaki at bold,
at iba pa, ang lahat ng mga paraan pababa sa h6.
Mga araw na ito, bagaman, h1, h2 at h3 ang talagang nilalayong
mas semantiko kahulugan sa kanila,
kung saan h1 ay talagang isang heading: ang heading ng isang web page,
ang heading ng isang haligi o ng isang bagay tulad ng teksto.
Kaya ko na sadyang sinabi h1 CS50 paghahanap> h1
sa specifiy na talaga ito ng pamagat na, ang pamagat ng aking pahina.
Hindi ang pamagat sa kamalayan ng bar ng pamagat,
ngunit ang pamagat na iyong aktwal na makita sa web page mismo, sa katawan.
Ngayon ito, maaari mong marahil hulaan kung ano ito ay,
kahit na mayroon kaming ilang mga bagong piraso ng syntax.
Ito ay isang anyo. Kaya web nakakakuha ng talagang kawili-wili
kapag website na input mula sa mga gumagamit.
Sa ganitong klase, sa problema sa web programming,
hindi namin ay pagpunta sa gumawa ng isang website, per se,
sa static na nilalaman na nagpapakita ng mga larawan na iyong kinuha,
o ito ang aking resume, at mga bagay tungkol sa akin,
dahil ang mga bagay ay relatibong madaling upang pagsamahin.
Mahirap upang gumawa ng mga bagay na maganda sa Web,
ngunit hindi bababa sa paglalagay ng hanggang nilalaman ay medyo hindi mahalaga.
Ngunit bagay makakuha ng talagang kawili-wiling kapag ang isang tao ay bisitahin ang iyong website
at magbigay ng input at maaaring punan ang mga form,
maaaring suriin off ang checkbox at maaaring makipag-ugnayan sa iyong website.
At sa katunayan, marahil bawat website na mahalaga sa iyo tungkol sa
mga araw na ito, sa anumang detalye, ay sa paanuman interactive.
Facebook, Google, at tulad ng, na tumagal ng input ng user
at makagawa ng na-customize na output.
>> Kaya natin simulan upang gawin na ngayon. Natin ang transition ngayon
mula sa lamang gamit ang HTML para sa markup ng static na nilalaman
bilang sa halip ng paghahatid ng mekanismo para sa dynamic na nilalaman.
At patungo sa layuning iyon, sabihin ipatupad ang aming sariling search engine.
Natin gawin ito tulad ng sumusunod. Narito ang form na tag.
Ang pagkilos attribute tinutukoy na kapag ang user ay punan ang form na ito
sa kanilang mga keyboard, ito ay isinumite sa URL na ito dito.
Kaya ako uri ng pagdaraya. Ito ay pagpunta sa amin ang kaunti na
sa isang klase upang ipatupad ang buong search engine,
kaya makikita lang namin gawin ang front end, kaya na magsalita.
Gagawin namin ang bahagi na nagbibigay-daan sa ang user sa paghahanap, at magpapadala kami pag-uri-uriin ng tumikin sa Google
ang mahirap na bahagi ng paghahanap ng mga resulta ng paghahanap,
ngunit, partikular, ako pagpunta sa makipag-usap sa web server ng Google
gamit ang isa sa dalawang napaka-tanyag na mga pamamaraan sa.
Isa na makakuha ng, isa pang, na kami ay makakita, na post,
kahit na mayroong iba na hindi gaanong madalas na ginagamit.
Kaya makakuha lamang conjures ang ideya ng, Gusto kong makakuha ng ilang nilalaman, makakuha ng ilang mga resulta ng paghahanap.
Ito, maaari mong marahil hulaan kung ano ang ginagawa.
Ito ay ilang mga uri ng mga input, ito, sa katunayan, pagpunta sa hitsura ng isang patlang ng teksto,
at ang pangalan ng na input, ang pangalan ng variable na, upang magsalita,
na q para sa query sa pamamagitan ng convention.
At muli, ang uri ng mga input na ito ay hindi pagpunta sa isang checkbox;
hindi ito magiging isang menu; ito ay pagpunta sa isang patlang ng teksto
tulad ng naitala sa pamamagitan ng katangiang ito dito, at text box na ito,
tulad ng isang line break na, ay maaaring doon o hindi.
Kaya mayroon kaming isang walang laman na element na may slash sa loob ng na tag.
Pagkatapos ako pagpunta sa maglagay ng line break, at maaari mong, marahil, hulaan kung ano ito ay pagpunta sa gawin.
Ito ay isa pang uri ng form na input.
>> Ito ng pagpunta sa ginagamit para sa pagsusumite ng form.
Kaya ito ay ang malaking button na ang gumagamit ay maaaring i-click ang upang isumite ang form,
at ang label sa pindutan na ay pagpunta sa 'CS50 Paghahanap.'
Isara ang form, malapit katawan, malapit HTML.
Natin makita kung ano ang mayroon kami sa form ng web page na ito.
Kaya hayaan mo akong pumunta sa aking browser,
hayaan mo akong pumunta, pa rin, sa mga lokal na host.
Ito ay pa rin index.html, kaya kung gusto kong makita ang file na ito na tinatawag na search0,
Ko lang gawin / search0.html, ipasok -
at ang unang ng aking mga pagkakamali.
Ano kaya ang nangyari? Ko malinaw na walang pahintulot
upang ma-access ang file na ito, para sa ilang mga kadahilanan.
Ngunit iyon dahil, hindi katulad ng gawa tapos kami na sa gayon ay malayo sa C,
kung saan ang mga programa na magsulat ipinagpapalagay na maging runable mo,
executable mo, na hindi talaga ang kaso sa Web,
kung saan minsan baka gusto mong lumikha ng mga file sa isang server,
ngunit hindi mo nais ang buong mundo upang makita ang mga ito.
Sa halip, gusto mo ang mundo upang makita ang ilang mga file
ngunit hindi pa, lamang para sa kapanan ng privacy.
Kaya ito ay higit pa ng isang opt-in kapag ikaw ay gumagawa ng mga bagay sa Web.
At kaya ipaalam sa akin aktwal type ang mga ls dito,
at makikita mo ang mga file na mayroon akong, ngunit isipin ang na kung gagawin ko ls-l para sa mahabang,
Ako makakuha ng mas mahabang listahan na nagbibigay sa akin ang ilang higit pang mga detalye tungkol sa mga file na ito
na ngayon, talaga, para sa unang pagkakataon na may-katuturan sa amin.
Pansinin na sa dulong kanan ng ang mga pangalan ng aking mga file,
at pagkatapos ay ang oras kung saan ay huling sila ay binago o kinopya.
Ang numerong ito dito ay kung ano ang? Huwag mo isipin ang?
Ang laki sa bytes, kung paano malaki ang file.
>> Kaya mukhang kong magkaroon ng ilang mga uri ng logo in dito na mas malaki kaysa sa lahat ng iba pang mga file.
Ito ay kung sino ako, ito ay kung ano ako at kung anong group na ako.
Ngunit pagkatapos, sa paglipas dito sa kaliwa ay isang bit ng misteriyoso sequence,
at usapan natin, tingin ko, maikling tungkol sa sa nakaraan,
ngunit ito ay may pahintulot.
At kahit na isang maliit na malabo,
RW marahil ay nangangahulugan na basahin at magsulat.
Kaya ito lumiliko out na ang mga gitling magpakilala iba't ibang mga hanay ng mga pahintulot para sa iba't ibang mga tao.
At ang pattern ay, mahalagang, tulad ng mga sumusunod.
Kapag nakita mo ang pagkakasunud-sunod ng mga gitling dito, hanapin ang mga ito tulad ng sumusunod.
May gitling, may tatlong higit pang mga gitling,
pagkatapos ay may isa pang tatlong, pagkatapos ay may isa pang tatlong.
Ang unang isa ay alinman ng gitling o ad para sa direktoryo.
Kaya ang isang medyo madali. Kung ito ay isang folder, d sinasabi nito, kung hindi, isang gitling.
Mayroong ilang iba pang mga kaso, ngunit sa ngayon lang namin pakialam tungkol sa mga file at mga direktoryo.
Mga susunod na tatlong gitling - at ko na artipisyal na ipinasok ang mga puwang.
Sila ay, malinaw naman, hindi doon kapag nakita namin ang mga ito ng ilang sandali ang nakalipas.
Ito ang pahintulot ng may-ari ng file,
at isipin ang mula sa isang segundo na nakalipas na ito ay basahin at isulat ang.
Iyon ay dahil ako, bilang ang taong lumikha ng ang file na ito ng ilang sandali ang nakalipas,
Ko, sa pamamagitan lamang ng default, sa isang Linux computer na,
may kakayahan upang magpatuloy sa pagbabasa at pagsusulat ng file na iyon.
>> Kaya operating system na nagbibigay sa akin RW awtomatikong.
Sa gitna mga nauugnay sa aking pangkat, ang mga mag-aaral,
na uri ng walang kahulugan sa appliance dahil ako ang tanging tao na gamit ang appliance.
Kaya ipaalam sa akin lang iwagayway ang aking mga kamay sa na sa ngayon.
Ngunit ang huling mga pinaka-mahalaga para sa Web.
Ito ay ang iba sa mundo, at ang katotohanan
na na --- nangangahulugan na walang ibang tao sa mundo
ay may anumang mga pahintulot upang ang file na ito.
Malinaw na ang isang problema, kaya kailangan ko upang ayusin ito
sa pamamagitan ng pagbibigay sa paanuman sa mundo kung ano? Basahin at isulat ang?
Iyon ay marahil pipi, tama? Hindi ko nais ang sinuman sa Web
upang pumunta upang bisitahin ang aking pahina at sa paanuman baguhin ang file na iyon,
kahit na sila talaga ay hindi maaaring may isang file na HTML,
ngunit lamang sa prinsipyo, marahil lamang nais na magagawang basahin.
Ano ang ibig sabihin upang mabasa ito? Hindi ito nangangahulugan sila pakialam tungkol sa aktwal na HTML,
ngunit ang browser ay kailangan upang i-parse na markup language,
itaas hanggang sa ibaba, kaliwa hanggang kanang.
Kaya kailangang magagawang basahin ang isang tao sa Web, kaya Nagnais ng pinakamababang ko kailangan upang bigyan ito r.
Ang maaari kong gawin ito sa loob ng ilang iba't ibang mga paraan, ngunit marahil
ang pinakasimpleng ay upang patakbuhin ang command na ito dito.
Chmod, pagbabago mode, pagkatapos ng + r kaya lahat, lahat ng tao sa mundo + basahin,
at pagkatapos ay ang pangalan ng file, search0.html.
>> Ngayon kung gagawin ko ls-l muli, mapansin na ang file na ay nagbago,
at sa katunayan, ko na naka-on ang r para sa lahat.
Ko na rin naka ito para sa aking pangkat, ngunit na fine,
dahil kung ako naka-in para sa lahat, ang aking grupo ay isang subset ng mga iyon.
Kaya na fine masyadong. Ito ay nangangahulugan lamang na ngayon ang computer ito nababasa.
Ngayon ipaalam sa akin bumalik sa aking browser, i-click ang I-reload.
Ah-ha. Na kami ngayon CS50 Search.
Ko na naka-zoom in sa isang maliit na artipisyal na - medyo kakila-kilabot na search engine.
Ngunit ipaalam sa makita kung ito aktwal na gumagana.
Una, ipaalam sa gawin sa akin ang isang mabilis na check ng katinuan, hayaan mo akong kontrolin click at tingnan ang page source.
Pansinin na sa loob ng Chrome ngayon nakikita namin ang parehong HTML na ko sa aking sarili nilikha.
Hindi nalilito dito, bagaman. Hindi ko simulan ang pagbabago ng code dito,
dahil ang browser ay isang read-only na view ng ang code na ito.
Ang browser ay tinanong ng lokal na host para sa isang file na tinatawag search0.html.
Ito ay purong pagkakataon na ngayon na ang appliance
mangyayari sa parehong computer bilang aking browser.
Ko na lang ay, equivalently, nai-type sa www.facebook.com/search0.html,
at kung Facebook ay isang file na tinatawag na, Gusto ko pagkatapos ay nakikita ang kanilang mga HTML.
At, siyempre, hindi ko maaaring baguhin ang file ay bumalik mula sa Facebook, alinman.
Kaya ngayon hindi namin uri ng blurring ang linya.
Appliance ay parehong server, na naghahain ng mga web page,
ngunit ito rin ng client sa kamalayan na gumagamit ako ng isang browser
upang aktwal na makipag-usap sa server na.
Kaya ipaalam sa makita kung gumagana ang aking Google search engine.
Hayaan akong magpatuloy at maghanap para sa mabilis na brown soro, ipasok.
At voila, ako ngayon ang aking sariling search engine.
>> Ngunit kung paano ito gumagana?
Bit ng isang kahabaan, ngunit - at ngayon ay hindi mo makita, tiyak, ang bahagi na ng interes.
Pansinin kung ano ang mangyayari.
Pansinin ang URL. Ito ay lumiliko na na paraan ng,
tinatawag na makakuha ng, ay napaka-simple.
Kapag tinukoy mo sa isang form na nais mong 'makakuha ng' mga resulta mula sa ilang server,
kung ano ang pagpunta sa gawin ay tumagal ng anumang nai-type mo sa form
at ilagay ang mga ito sa URL.
Ito ay pagpunta sa ilagay sa pamantayan kung paano ito ay makakakuha ng ilagay sa URL tulad ng sumusunod.
Pansinin na ito ay ang URL na ang halaga ng aking pagkilos attribute.
Kung saan gusto ko ang form upang tapusin.
Ngunit pagkatapos ay mapansin ang tandang pananong na ito.
Ito ay isang convention sa Web kung saan upang magbigay ng user input
sa isang website, maglagay ka sa URL ng isang tandang pananong,
at pagkatapos ay mayroon kang isang buong grupo ng mga pares ng key-value.
Ang pangalan ng isang susi, na kilala bilang isang parameter sa Web,
pagkatapos ay mayroon ka ng patas sign, pagkatapos ay mayroon kang ang halaga ng parameter na.
Kaya ito ay mahalagang isang pangalan ng variable at variable na halaga ng,
ngunit ang mga pangalan ng mga variable at halaga ay nagmula mula sa HTML form.
Bakit ang mga plus doon, tingin mo?
Dahil hindi ko type + sa pagitan ng aking mga salita.
[Estudyante, hindi maintindihan]
>> Oo, ito ay para lamang sa pagpupuwang. Logro, kailanman nakita mo ang isang URL,
may hindi kailanman anumang mga puwang sa loob nito, kung lamang dahil
kung mayroong, hindi ikaw talaga ay maaaring kopyahin at i-paste ito
sa isang IM o sa isang email dahil ito ay magdudulot masira.
Nais mong ang buong bagay sa isang magkadikit na string ng mga character.
>> Kaya ang browser na smart sapat upang mapagtanto, uh-uh.
Huwag lang maglagay ng espasyo sa doon. Hayaan akong encode ang espasyo sa ilang mga karaniwang paraan.
Isa ng convention para sa paggawa nito ay ang browser
awtomatikong maglagay ng + kung saan nais mong kung hindi ay magkaroon ng puwang.
Kaya ngayon, ang abiso ng Google ang uri ng user-friendly.
Tiyak ko ay hindi lumikha ng mga web page na ito,
ngunit sila prepopulated kanilang sariling mga field ng teksto
may ano, tiyak, ako-type.
Ipagpalagay na gusto ko upang maghanap para sa iba pa, tulad ng tamad na aso.
Ang maaari kong i-type lamang ito dito, muling hinanap.
Notice na URL nagbabago dito,
ngunit pagkatapos mapansin na maaari kong tunay na maghanap para sa kahit anong gusto kong
lamang sa pamamagitan ng pag-unawa kung paano URL trabaho.
Maaari kong gawin ang mga tamad na pusa, ipasok,
at mapansin ngayon nakakakuha ako ng isang napaka-tamad - dapat namin? Pakiramdam ko ay tulad ng dapat namin.
Nakakuha ako ng tamad pusa.
Ayos lang. Ito ay isa ng ang stupidest bagay na ginawa namin.
Ngunit iyon ay isang tamad na pusa.
Paano't paano man, kung ano ang key takeaway dito?
Ngayon hindi namin ang uri ng pag-play sa mundo ng HTTP.
HTML ay lamang ang markup language, buksan ang tag, malapit na tag,
na nagsasabi sa isang browser kung paano mag-render ang nilalaman sa isang web page.
Ngunit kapag sinimulan mo ang pagpapadala ng mga data sa Internet
sa pagitan ng mga web browser at server, na kung saan ang protocol na ito
kilala bilang Hypertext Transfer Protocol tumatagal sa paglipas.
Ito ang uri ng tao na convention; kapag Sam at ako shook kamay sa Lunes,
simula ng koneksyon at pagkatapos isara ang isang koneksyon, parehong ideya dito.
Paano ang mga resulta ng Google babalik sa akin?
Paano ang aking pagsusumite ng form ng pagpunta sa Google?
Well, isipin ang mula sa iba pang mga araw na kung ano talaga ang nangyayari sa
sa ilalim ng hood kapag humiling ka ng isang web page ay,
ang iyong browser ay pagpapadala medyo-misteriyoso mensahe tulad ng
GET / HTTP/1.1 para sa default na home page.
>> O, sa kasong ito, dahil ako partikular na hiniling mas maaga
search0.html, ito pagkatapos ay medyo-misteriyoso mensahe
na ang aking browser ay nagpapadala sa appliance.
O, sa kasong ito ng Google, kung ano ang aktwal na ipinadala
ay isang kahilingan sa / paghahanap, at pagkatapos? q = tamad pusa, ng plus may.
Kaya ang mensaheng ito, na aking, ang mga tao, ako ay hindi kailanman mag-type,
ngunit ay ipinadala sa pamamagitan ng aking browser, ito ay kung paano HTTP mangyayari.
Ito ay ang katumbas ng aming pag-inalog kamay.
Ito ay ang kahilingan, at ang server ay tungkol sa upang magpadala ng isang tugon.
Kaya sabihin tingnan sa ilalim ng hood.
Tulad ng dati, maaari naming buksan ang espesyal na patlang sa isang browser.
Tingnan ang pahina, siyasatin ang mga elemento.
Kaya sa ilalim siyasatin ang elemento, mapapansin na ang kung ano ang nangyari sa Chrome,
at IE at Firefox ay may mga katulad na mekanismo,
Mayroon kami ng mga tool na ito sa developer na access sa amin.
Normal na tao ay hindi gamitin ang mga tab.
Ngunit namin, ngayon, ay interesado sa kung anong nangyayari sa
sa ilalim ng hood sa antas ng network.
Kaya kung ko makuha ang antas network dito,
hayaan mo akong magpatuloy at palawakin ang window na ito,
buksan ang entry na ito dito, at tingnan ang mga header.
Kaya kung ano ang mangyayari kapag humiling ako ng isang file mula sa isang server ng web
ang aking browser ay nagpapadala ng isang buong grupo ng mga bagay.
At hayaan mo akong tingnan ng pinagmulan. Kaya sa ilalim ng kahilingan header,
at ito ay lamang Chrome na nagpapakita sa akin ang ilang diagnostic output,
uri ng tulad ng debugger ng uri,
mapapansin na kung ano ang nai-highlight ko dito ay tiyak kung ano ang
Chrome ay pagpapadala ng sa server upang humiling ng isang file na tinatawag na search0.html.
Ito ay nagsasabi sa server kung ano ang sa tingin nito ay ang pangalan nito ay,
salamat sa host tutuldok ang patlang na ito, at pagkatapos ay ang ilang
medyo pribado na mga bagay-bagay in dito, tulad ng isang bagay na may petsa at oras,
isang bagay na gawin sa mga wika na nauunawaan ang browser,
ngunit ang talagang mahalaga na linya ang mga unang dalawang dito.
>> Ano ang server tumugon kasama? Well, kung mag-scroll pababa namin dito
at tingnan ang pinagmulan ng bagay na ito, mapapansin na ang server
ay sumagot na may isang medyo misteriyoso mensahe pati na rin, 304 hindi nabago.
Iyon ay isang maliit na kakaiba; ipaalam sa akin aktwal subukan upang ayusin ito.
Hayaan ang hawak sa akin pababa shift at i-click ang I-reload dito
upang pilitin ang browser sa aktwal na ang kahilingan na ito sa unang pagkakataon.
Pagkatapos ay hayaan mo akong mag-zoom in, at kami na makita ngayon na tugon ng server,
dahil ako ay gaganapin shift, 200 OK.
Kaya marahil mo na hindi kailanman nakita ang bilang 200
sa konteksto ng Web, ngunit kung ano ang mga numero
mo minsan nakikita sa hindi inaasahang mula sa isang server?
404, Hindi natagpuan ang file; 403, Forbidden; 500, error sa server.
Kaya may mga numeric code na ang mundo ang gumagamit sa Web
upang magpahiwatig ng mga error, tulad ng C function
maaaring bumalik ang mga error at pangunahing ay maaaring ibalik ang code exit.
200, bagaman, bihirang makita dahil ito ay nangangahulugan na ang lahat ng mahusay na.
At 304 malamang na hindi kailanman makikita dahil kung ano ang signifying?
Na walang may - sabihin makita kung maaari namin gayahin ito muli -
Oh, ngayon hindi cooperating. 304 sinabi hindi nabago,
kaya bakit ay ang server kahit pagtugon?
Well, kahusayan, isang web server ay awtomatikong para sa iyo,
kung ang file ay hindi nagbago, hindi ito muling ipadala ang buong file na HTML.
Ito lamang sabihin sa browser na hindi ito ay nagbago.
Gamitin na lamang ang mayroon ka nang kopya.
Kaya ang paniwala na ito ng pag-cache sa Web
para sa pagganap, kaya hindi mo-aaksaya ng oras at bandwidth ng basura
download ng mga file muli at muli hindi kinakailangan.
>> Ngunit ang web page na ito, ngayon, ay napaka-simple,
at ito lamang ay nagpakita sa akin ang HTML na dumating pabalik.
Natin ang aktwal na gamitin ang tab ng network ngayon upang gawin ang isang paghahanap sa Google tulad ng mabilis na brown soro.
Hayaan akong pagkatapos ay i-click ang CS50 paghahanap,
at ngayon, mapapansin sa ibaba dito isang buong grupo ng mga bagay-bagay na dumating sa likod
dahil kapag binisita ko ang isang tunay na website tulad ng Google.com,
mayroon sila ng mga larawan, sila teksto, mayroon silang isang wika na tinatawag na JavaScript doon.
Kaya bawat hilera sa talahanayan na ito pababa dito
kumakatawan ng isang bagay na ang Google ay sabihin ang lahat sa tugon sa aking solong paghiling.
Ang isa na mahalaga ko tungkol sa, bagaman, ito unang.
At kung pumunta ako sa paghahanap, kahilingan, i-click ang tingnan ang pinagmulan dito,
mapansin na, sa katunayan, ang misteriyoso mensahe na ang aking browser ay nagpadala ng
sa Google ay ang dalawang linya dito,
sinundan sa pamamagitan ng ilang arcane impormasyon pababa dito na makikita namin huwag pansinin sa ngayon.
Ngunit paunawa, masyadong, ano Chrome ay medyo madaling gamiting may,
din ito nagpapakita sa akin ang query string na ipinadala.
Kaya sa halip na ipakita sa akin ito, na kung saan ay literal na ipinadala,
kung ko bang tingnan ang mga ito decoded, Chrome, para lamang sa pag-debug sa mga layuning,
para sa mga developer tulad ng sa amin, ito ay nagpapakita sa akin ang isang tao-friendly na bersyon ng -
na hindi kung paano ini-ispel soro, tila.
Ako makapansin ng ito ngayon - ngunit ito nagpapakita sa iyo kung ano ako, tila, nai-type.
Samantala, ang tugon na dumating mula sa server muli 200 OK.
Ngunit kasama sa na tugon, siyempre,
kung namin ang aktwal na tingnan ang HTML ng pahina -
Paumanhin, ito ay isang maliit na keyboard shortcut na nawala pilipit ngayon.
>> Makikita ko haharapin ang mga ito sa ibang pagkakataon. Kaya kung namin ang aktwal na tingnan ang source ng pahina,
kung saan ang maaari kong gawin ang dito sa pamamagitan ng pag-click tugon,
ito ay kung ano ang aktwal na tuhugan pabalik, sa karagdagan sa na misteriyoso 200 OK mensahe mula sa server.
Ang isang maliit na misteriyoso, ngunit kung saan ay ang lahat ng ito nagmumula?
Well, sabihin gawin ang isa sa iba pang mga bagay dito. Isa pang medyo-misteriyoso utos,
ngunit ang uri na ito ng isa ng kapong baka na ito ay ipinapakita sa amin nang eksakto kung ano ang nangyayari sa ilalim ng hood.
Kaya ako pabalik sa aking Mac dito, ako konektado
sa pamamagitan ng isang programa na tinatawag na SSH, Secure Shell, sa ibang server
dahil karamihan ng Harvard computer ng iba-block ang command na hindi namin tungkol sa upang tumakbo
dahil may command na ito sa ilang mga server na tinatawag na traceroute
na nagbibigay-daan sa iyo upang kopyahin o sipiin sa pamamagitan ng pag-aninag ang ruta sa pagitan ng mga puntos at b,
at sa gayon ay malayo kami ay pagkuha para sa ipinagkaloob
na maaari kong i-type ang sa Google.com at sa paanuman makakuha ng mga data sa likod
mula sa kalahatian sa buong bansa o sa kalahatian sa buong mundo.
Na may traceroute namin ang aktwal na sumisid sa isang maliit na mas malalim
sa kung paano gumagana ang Internet, at makita kung ano ang nangyayari sa ilalim ng hood.
Kaya sabihin sige at kopyahin o sipiin sa pamamagitan ng pag-aninag mang isang ruta, sabihin nating, Stanford.edu,
na sa buong bansa, at pindutin ang enter.
Ang utos na ito ay maaaring maging napakabilis o napakabilis na mabagal,
ngunit kung ano ang aming nakikita ngayon, linya sa pamamagitan ng linya,
bawat isa sa ang mga hakbang o hops sa pagitan namin at ng Palo Alto, o Stanford,
kung saan mayroon sila ng kanilang web server.
Kaya ano ang nilalaman ng bawat isa sa mga linyang ito ay kumakatawan mas concretely, bagaman?
Ang isang piraso ng magulong pag-uusap mula sa Internet? [Estudyante, hindi maintindihan]
>> Ano iyan? [Estudyante, hindi maintindihan]
>> Oh, kaya may mga beses, ngunit ano ang nilalaman ng bawat hilera - ano ko ibig sabihin sa pamamagitan ng hop?
>> Well, may mga bagay na ito sa Internet na tinatawag na router.
At router, ng pangalan nagmumungkahi, impormasyon sa ruta mula sa punto upang ituro b.
Subalit may ilang mga puntos higit pa sa isang at b.
Mayroong c at d at e at f sa pagitan ng hilera 1,
na mangyayari sa IP address ng aking computer,
o aking numeric address, na natatanging nagpapakilala sa aking computer,
at hakbang 15, na kung saan ay talagang ang ikaanim na web server,
tila, na ako inferring mula sa, o bersyon 6 ng kanilang mga web server sa Stanford.
Ngunit kung ano ang uri ng kapong baka ay, maaari naming makita ang landas
na aking 0 at 1 ang mga pagsasaayos mula sa aking computer sa Stanford.
Kaya hakbang 1 address ng aking sariling computer.
Bawat computer sa Internet ay isang natatanging identifier na ganito ang hitsura.
Number.number.number.number.
Sa isang lugar sa campus na ito, marahil sa center ang agham,
ang router ng tinatawag na Core Gateway 2-te83, ang anumang na ay nangangahulugan,
kaya ito ay isa sa Harvard malaking magarbong router na mga ruta ng maraming ng kanilang trapiko.
Narito ang isa pang router ng Harvard ng, ang isang ito ay Border Gateway,
hangganan kahulugan marahil ito ay isang lugar sa paligid ng campus.
Pagkatapos may Nox isa, hilera 4, na Northern Crossroads,
kung saan ay isang malaking ISP, Internet service provider,
na mga lugar tulad ng Harvard kumonekta ng hanggang sa.
Ngunit mga bagay na makakuha ng isang maliit na kawili-wili sa linya 6.
Saan ang aking mga bits ang lahat ng isang biglaang? Kansas.
Ang mundo ay isang ugali ng paggamit ng mga code ng airport sa isang maraming mga bagay na ito,
o hindi bababa sa pagdadaglat para sa mga estado o lungsod,
kaya mukhang, sa loob ng 60 ms,
isang packet ng impormasyon, 0 at 1 mula sa aking laptop
Nakakuha ang lahat ng mga paraan upang Kansas, at muli, sa 60 ms.
>> Bukod dito, pagkatapos Kansas, sila kinuha ng isang tour sa pamamagitan ng Houston, marahil,
tulad ng iminungkahing sa pamamagitan ng pangalan ng server na ito.
Kaya tulad ng isang server sa Internet ay dapat magkaroon ng numeric address,
Maaari din ito, opsyonal, magkaroon ng isang bahagyang mas tao-friendly address na sa mga tao na dumating sa.
Ngayon, sa hakbang 8, hindi namin alam kung ano ito ay.
Minsan router lamang uri ng balewalain mo,
at hindi lang nila sagutin ang mga katanungan, kaya na fine.
Ang isa matapos ang hakbang 8 ay tila kung saan? L.A.
Mapansin sa lamang 78 ms, kung ano ang tumatagal sa amin ng mga tao tulad ng 6 + oras na gawin pisikal,
tumatagal ng packet ng impormasyon sa Internet 78 ms sa paglalakbay na malayo.
Hakbang 10 sa LA pati na rin, at hakbang 11 ay tila nawala hilaga, hanggang malapit sa Stanford.
Ito ay kanilang hangganan router, o hangganan router.
Ilang hakbang sa Stanford na pagbalewala sa amin,
at sa wakas, maabot namin ang mga web server sa loob ng 87 ms.
Ngayon, ang lahat ng mga numero na ito, bilang isang bukod,
lamang sabihin sa iyo gaano katagal para sa mga data upang makakuha ng mula sa akin
sa bawat isa sa mga router na ito, at hindi naiipon.
Ano Ang program na ito ay ay, unang nagpapadala ng mensahe, mahalagang, sa unang router.
Pagkatapos isa sa pangalawang router; pagkatapos ay isa sa ikatlong router,
pagsukat sa bawat oras. Kaya sa teorya, mga oras na ito ay lumalaking
o hindi bababa sa medyo malapit sa isa't isa,
at, sa katunayan, ang mga na karapatan dito sa campus ay napakabilis na maliit.
Sa lalong madaling simulan mo ang pagpunta sa buong bansa, ito ay tumatagal ng mga data
ng kaunti na upang maglakbay, mas malapit sa 100 ms, bigyan o.
Ngunit ipaalam ay pumunta sa iba pang mga direksyon ngayon. Paano tungkol sa Cambridge University sa UK?
Ipaalam sa akin sa halip na magpatakbo ng traceroute ng www.cam para sa Cambridge,
. AC para sa akademiko,. UK, at pindutin ang enter dito.
Na ay medyo mapahamak mabilis.
Ang aking data literal nagpunta sa Cambridge, England, na ikalawang hati ng panahon.
>> Kaya sabihin makita ang path na ito kinuha.
Harvard, Harvard, Harvard, Northern Crossroads,
na isang ISP, at pagkatapos ito ay Northern Crossroads, at pagkatapos daya.
Ano ang sa pagitan ng mga hakbang 6 at 7, router 6 at 7?
Ang Atlantic Ocean. At kami ay inferring ito mula sa katotohanang ang
pumunta namin mula sa 20 ms dito sa 80 ms dito.
Kaya ay isang bagay na kinuha sa 60 ms, bigyan o tumagal, upang makapunta.
At iyon ay marahil isang malaking katawan ng tubig.
Ano ang napupunta sa pagkatapos na? Well, dito kami sa London,
lamang 88 ms mamaya. Higit pang London, mas London,
hindi sigurado kung saan ito ay, ngunit naming ipagpalagay labas ng London,
Cambridge dito, at sa wakas namin - literal, University ng Cambridge
. Something.net, at pagkatapos, sa wakas, sa ika-16 linya,
ang kanilang mga web server ay tila tinatawag Scorpius
sa ilalim ng hood, kahit na alam namin ito bilang www.
Uri ng isip-pamumulaklak, sa tingin ko. Ang unang pagkakataon ko kailanman ginawa ito, lubos blew aking isip.
Sa kasamaang palad, ang Harvard Haharangan ng ganitong uri ng trapiko, karaniwang, sa network.
Kaya hindi mo maaaring gawin ito sobrang madali.
Napagtanto, bagaman, ito dito ay maaari.
Ayos lang. Natin ang aming 5-minutong break na dito. Susubukan naming bumalik at sumisid sa mas malalim.
Kaya hindi namin pabalik, at namin ang uri ng ambled tungkol sa loob ng ilang iba't-ibang direksyon dito.
Kaya sabihin ibuod nang eksakto kung ano ang pagpunta sa dito.
Na sinimulan namin ang pag-uusap na pakikipag-usap tungkol sa wika na ito na tinatawag na HTML.
Muli, hindi isang programming language. Lamang ng isang markup language
na higit sa lahat tungkol sa aesthetics at pagbuo ng nilalaman sa form ng isang webpage.
Ngunit HTML, samakatuwid, ay nangangailangan ng ilang uri ng mekanismo
para sa paglalakbay sa pagitan ng mga web browser at server.
HTML samakatuwid uri ng mga rides sa itaas ng iba pang mga wika na ito,
o higit pa nang maayos, ang isang protocol, na kilala bilang HTTP.
>> At ng HTTP, bilang nasaksihan namin ito sa gayon ay malayo,
uri ng kahalintulad na ito tao convention ng alog kamay.
Kapag ang isang browser gustong humiling ng isang pahina mula sa isang server,
nagpapadala ito na "makakuha ng" kahilingan mula sa browser sa server,
at pagkatapos ay ang server tumugon na may isang numero tulad ng 200, ang lahat ay okay,
pati na rin ang HTML o ilang masamang numero tulad ng 404, ang file ay hindi nahanap.
Ngunit samantala, HTTP mismo ay hindi Internet, per se.
HTTP isang serbisyo, isang tampok ng Internet
tulad ng G chat ay isa pang serbisyo, na halos tulad ng email ay isa pang serbisyo.
Mayroong ang lahat ng mga uri ng mga bagay na maaari naming gawin sa Internet.
HTTP ay isa lamang ng mga application na iyon.
Kaya sa tuktok ng - HTTP sa tuktok ng iba pa
kung saan hindi namin banggitin sa pamamagitan ng pangalan, maaaring narinig mo ng sa pamamagitan ng pangalan, TCP / IP.
Kaya ang kuwento na sinabi lang namin may ay tungkol sa
kung paano data paglalakbay mula sa punto upang ituro b.
At sa kasong ito, nakita namin sa isang mababang antas
router sa router sa router sa router,
kung paano ang data ay aktwal na ipinadala.
Ngunit sa kahabaan ng paraan, ito ay pagpunta sa nakatagpo ng mga iba't-ibang mga hadlang.
Bukod sa mga router na ito, may mga bagay na tinatawag na firewall sa Internet,
at kaya data, tulad ng na namin ang pagpapadala
mula sa akin sa Stanford, mula sa akin sa Cambridge,
ay ipinadala sa, sa antas na ito, ang isang bagay na tinatawag na isang IP address.
Nakita namin ito ng ilang sandali ang nakalipas, at isang IP address
lamang ng numeric address ng anyong w.x.y.z,
kung saan ang bawat isa sa mga ito ay sa pagitan ng, magbigay o, 0 at 255,
kahit na hindi pa mo maaaring gamitin ang lahat ng mga numero.
Ngunit ang bawat isa sa mga may-hawak ng lugar na ito ay isang numero sa pagitan ng 0 at 255.
Kaya isang IP address sa mga araw na ito ay 32 bit.
>> Ngayon, na nagbibigay sa amin kung gaano karaming mga posibleng mga IP address sa mundo?
Pahapyaw 4 bilyong, dahil anumang oras na namin ang pagbibilang sa kapangyarihan ng 2
ang lahat ng paraan hanggang sa 32 ng isang bagay, na karaniwang ay nagbibigay sa amin ng 4 bilyong.
Kaya na ng maraming ng mga IP address, ngunit maaari mong basahin,
o maaari mong ngayon mapansin sa sikat na press,
push papunta sa isang bagong bersyon ng mga IP na tinatawag IPv6.
Sa ngayon namin ginagamit ang bersyon 4.
Mayroong talaga ay hindi isang bersyon 5, lamang kami ay paglukso karapatan sa 6.
Bersyon 6 ay pagpunta upang gamitin ang 128 bits para sa mga IP address, na kung saan ay freaking malaking.
Hindi namin dapat tumakbo para sa pa ng ilang oras ngayon,
ngunit sinimulan na naming ng pagka-ubos ng bersyon 4 IP address,
dahil ang lahat sa atin ay may hindi lamang mga bagay tulad ng mga laptop at desktop,
marami sa atin ay may telepono, marami sa atin ay may iba pang mga device
tulad ng TiVo at katulad na may mga IP address sa kanilang sarili.
Harvard mismo ng sampu sa libu-libong ng mga computer.
Kaya mundo na tunay nauubusan ng mga IP address, hindi bababa sa ng form na ito.
Kaya sa susunod na ilang mga taon, pupunta ka upang makita ang mga address
sa iyong sariling computer marahil mabagal baguhin
ng higit pa at higit pang mga kumpanya at mga unibersidad simulan upang suportahan ang mas bagong bersyon.
Ngunit ang isang IP address ay hindi sapat para sa computer ng isang upang humiling ng data mula sa computer na b.
Dahil ang computer na b ng server,
at server, tulad ng nabanggit ko mas maaga, maaari gawin bunches ng mga bagay.
Maaari itong i-host sa mga web page, maaari itong maging isang email server,
maaari itong maging isang Skype server, maaari itong maging isang G chat server.
>> Sa lahat ng mga iba't ibang mga serbisyo na maaaring ibigay sa isang server
maaaring lahat, pisikal, sa parehong machine.
Kaya sa karagdagan sa mga IP address,
mundo ay may mga bagay na tinatawag na port sa Internet.
Port ay lamang numero, kaya may isang natatanging numero para sa HTTP.
Ang bilang nito ay 80.
Gumagamit din ng HTTP ang numero 443, ngunit higit na partikular, para sa mga naka-encrypt HTTPS.
Tuwing nakikita mo ang s, para sa ligtas, na gumagamit ng ibang numero.
May iba pang mga numero, tulad ng 25, na ginamit para sa isang bagay na tinatawag SMTP, na kilala bilang ng email.
May isang bagay na tinatawag na 22 para sa SSH,
at may isang buong grupo ng mga iba pang port out doon.
Ngayon, hindi namin tao ay bihirang makita ang mga numerong ito.
Gayunpaman, kapag nagta-type ka sa isang address tulad http://www.facebook.com,
browser ay lihim pagpasok 80, dahil gumagamit ka ng HTTP.
Kung ikaw, sa halip, uri ng HTTPS, lihim ito pagpasok 443.
At maaari naming uri ng makita ito nang manu-mano kung hilahin ko ng brower
at pumunta sa http://www.facebook.com:80.
Samakatuwid tahasang sumisipi hindi lamang ang pangalan ng website
ngunit ang port na gusto kong makipag-usap sa, at pindutin ang enter.
Mapansin ito mawala, dahil ang Ipinagpapalagay ng browser,
oh, 80, hindi ako kahit pagpunta sa abala nagpapakita na sa iyo.
Ngunit ang mga dahilan para sa ay na kung aktwal ko nais upang magpadala ng isang tao ng isang email,
Gusto ko talagang ipadala ito sa kanila sa port 25, na pagiging SMTP.
Isang kaunting isang oversimplification, ngunit ang ilan sa inyo ay may mga kaibigan
na aktwal na gumagana sa Facebook, at sila, katulad, may server na makatanggap ng email.
>> Anumang oras sa iyo na magpadala ng isang email, ano gmail ay ginagawa para sa iyo
o Outlook o anumang programa na ginagamit mo,
ito uri ng lihim pagpasok na numero pati na rin, 25, sa kasong iyon.
Ito ay ang kumbinasyon ng mga IP address at numero na natatanging nagpapakilala sa
isang computer sa Internet at isang partikular na serbisyo sa computer na iyon.
Ngayon, siyempre, karamihan sa atin na marahil hindi kailanman-type nang manu-mano ang isang IP address.
Siguro mayroon kang sa appliance, ngunit sa tunay na mundo, hindi kaya magkano.
Bakit hindi namin type ang mga IP address sa browser?
Ito gumagana, sa katunayan, maaari naming makita na ito, hayaan mo akong ipakita sa iyo
isa pang utos na dapat gumana pinaka-kahit saan sa campus ng Harvard ng sa Mac o PC.
May utos na ito na tinatawag na nslookup, pangalan ng server lookup.
Kung titingnan ko hanggang www.cnn.com, lumiliko na CNN ay may - oh, kawili-wili.
CNN ay nagsimula gamit ang Amazon web mga serbisyo.
Maaaring kilala mo ng cloud computing, Amazon isa ng malaking mga manlalaro sa cloud computing.
Ano ko lang ay, ko sinabi, 'Bigyan mo ako ng address ng web server ng CNN,'
ngunit ito lumiliko out na ang web server ng CNN ay pinamamahalaan ng Amazon,
Amazon web serbisyo, ito ay nagmumungkahi.
At ang address ng server na ito dito.
Kaya ako hindi sigurado kung ito ay gagana, dahil hindi nila ginagamit upang gamitin ang Amazon.
Ngunit sabihin subukan ito; http://, IP address, ipasok, at -
ito upang gumana?
Oo. Ito upang gumana. Internet ay napaka-mabagal na ngayon.
Ngunit, sa isang sandali, makikita mo makita ang ilang mga kuwento ng balita.
Doon kami. Bank ng Amerika ay mademanda. Ayos lang.
>> Ito ay dahil ang IP address na ito ang mangyayari sa pamamagitan ng magkasingkahulugan na may www.cnn.com.
Siyempre, ito ay kalagim-lagim sa marketing upang sabihin, bisitahin kami sa Web sa 50.112.94.127.
Hindi mo nais tandaan. Kaya kahit mga araw na ito maaari mong isipin ang mga bagay
tulad 1-800-COLLECT o nimonika mundo ay dumating up para sa mga numero ng telepono.
Aling, bago cell phone, sa halip mahirap matandaan
hanggang maaari mong i-type lamang ito sa at kalimutan ang tungkol dito.
Kaya ang Web, masyadong, ay ang convention na ito ng mga pangalan at mga IP address,
at may mga bagay na ito out may tinatawag na DNS server,
domain name system server, na isalin ang mga IP address sa pangalan at vice versa.
Kaya na ng kung ano ang nangyayari sa ilalim ng hood.
Sa pagtatapos, mayroon kaming TCP / IP na ito napakababang-level na protocol
na, talaga, lang nakakakuha ng 0 at 1 sa Internet,
at nagagawa ito sa pamamagitan ng paglalagay sa kanila sa isang virtual na sobre,
kung kalooban mo, at pagsusulat sa labas ng sobre
ang IP address ng destination, pati na rin ang numerong numero ng port
ng serbisyo sa na destination na gustong makipag-usap sa.
Samantala, sa sobre mayroon ding isang bagay na kilala bilang isang return address,
na ang iyong IP address, sa gayon ay kapag CNN ay nakakakuha ng isang packet ng impormasyon mula sa iyo,
magbubukas ito virtual sobre, nakikita na gusto mo ang home page,
alam ito mula sa nagpadala bahagi ng ito virtual sobre kanino ipadala ang HTML pabalik sa.
Kaya sabihin tingnan sa ito sa ng kaunti pa sa detalye.
Ito ay mula sa isang kumpanya na tinatawag Ericson, mula sa isang ilang taon likod.
At kinuha nila ang ilang mga kalayaan sa kung paano aktwal na gumagana ang Internet,
ngunit paints isang mas visual na larawan kaysa lamang na isulat dito.
Kaya ako magbibigay sa iyo ng "A Bit ng Internet."
>> [Tagapagsalaysay] Para sa unang pagkakataon sa kasaysayan,
mga tao at makinarya ay nagtatrabaho nang magkasama, napagtatanto ang isang panaginip.
Isang uniting lakas na alam walang heograpikal na mga hangganan.
Nang walang pagtatangi sa lahi, pananampalataya, o kulay.
Ang isang bagong panahon kung saan ang komunikasyon ay tunay na pinagsasama-tao nang.
Ito ay
Ang Dawn ng Net.
Gusto mong malaman kung paano ito gumagana? Mag-click dito upang simulan ang iyong paglalakbay sa Net.
Ngayon, eksakto kung ano ang nangyari kapag ikaw ay nag-click sa link na iyon?
Na sinimulan mo ang isang daloy ng impormasyon.
Ang impormasyon na ito ay naglalakbay sa iyong sariling personal na mailroom
kung saan ang Mr IP pakete ito, label ito, at ipapadala ito sa paraan.
Bawat packet ay limitado sa laki nito.
Room Ang mail ay dapat magpasya kung paano hatiin ang impormasyon
at kung paano ito package.
Ngayon, ang pakete ay nangangailangan ng isang label na naglalaman ng mahalagang impormasyon
tulad ng nagpadala address, address ng receiver, at ang uri ng packet ito ay.
Dahil ang partikular na packet ay pagpunta papunta sa Internet,
Nakakakuha rin ng isang address para sa proxy server,
na may isang espesyal na function, dahil kakailanganin namin makita mamaya.
Packet ngayon inilunsad papunta sa iyong lokal na lugar ng network, o LAN.
Ang network na ito ay ginagamit upang kumonekta ang lahat ng mga lokal na computer '
router, printer, at iba pa, para sa pagpapalitan ng impormasyon sa loob ng pisikal na mga pader ng gusali.
Ang LAN ay isang medyo hindi nakokontrol na lugar, at, sa kasamaang-palad,
maaaring mangyari ang mga aksidente.
Sa highway ng LAN ay puno ng lahat ng mga uri ng impormasyon.
Ito ang IP packet, Novell packet, AppleTalk packet.
Sila ay pagpunta laban sa trapiko, gaya ng dati.
Ang lokal na router bumabasa ang address at, kung kinakailangan,
Lift ang packet sa isa pang network.
Ah, ang router. Isang simbolo ng kontrol sa isang tila ginulo mundo.
[Router pagbulong-bulong at pakikipag-usap sa sarili nito]
>> [Tagapagsalaysay] May siya ay, maparaan, uncaring, sistema,
konserbatibo, at kung minsan hindi pa mapabilis.
Ngunit hindi bababa sa siya ay eksakto, para sa pinaka-bahagi.
Bilang ng mga packet iwanan ang router, gumawa nila ang kanilang paraan sa corporate Internet
at tumuloy para sa lumipat router.
A bit na mas mahusay kaysa sa router, ang router switch-play ng mabilis at hindi kabit-kabit na may mga IP packet,
deftly routing ito sa kahabaan ng kanilang sariling paraan.
Isang digital 'Pinball wizard,' kung kalooban mo.
[Router lumipat sa pakikipag-usap sa sarili nito]
[Tagapagsalaysay] Bilang packet ang dumating sa kanilang destination,
sila makuha sa pamamagitan ng interface ng network,
pa handa upang ipadala sa susunod na antas.
Sa kasong ito, ang proxy.
Proxy ay ginagamit ng maraming mga kumpanya bilang uri ng isang gitnang tao
upang magpaliit ang load sa koneksyon sa Internet
at para sa mga kadahilanang pang-seguridad, pati na rin.
Tulad ng iyong nakikita, ang mga packet ang lahat ng iba't ibang laki depende sa kanilang nilalaman.
Proxy magbubukas ang packet at hitsura para sa web address o URL.
Depende sa kung ang address ay katanggap-tanggap,
packet ay ipinadala sa sa Internet.
Mayroong mga, gayunpaman, ang ilang mga address na hindi nakakatugon sa ang pag-apruba ng proxy.
Iyon ay upang sabihin, mga alituntunin sa corporate o pamamahala.
Mga Aaksyunan summarily may.
Namin wala na.
Para sa mga taong gumawa nito, muli sa kalsada.
>> Susunod, ang firewall.
Ang corporate firewall ng dalawang mga layunin ng.
Pinipigilan ang ilang halip makukulit mga bagay mula sa Internet sa darating in sa intranet,
at ito rin maiwasan ang sensitibong corporate impormasyon mula sa ipinapadala papunta sa Internet.
Kapag sa pamamagitan ng firewall, router Pinili ang packet
at naglalagay ito papunta sa isang mas makitid na kalsada, o bandwidth, tulad ng sinasabi namin.
Malinaw, ang kalsada ay hindi sapat na malawak na kumuha ang mga ito sa lahat ng.
Ngayon, maaari kang magtaka kung ano ang mangyayari sa lahat ng mga packet na hindi gumawa ito sa kahabaan ng paraan.
Well, kapag Mr IP ay hindi makatanggap ng pagkilala
na ang isang packet ay natanggap sa oras dahil,
siya lamang nagpapadala ng kapalit packet.
Na kami ngayon handa na upang ipasok ang mundo ng Internet.
Spiderweb ng interconnected network na sumasaklaw sa aming buong mundo.
Dito, router at switch magtatag ng mga link sa pagitan ng mga network.
Ngayon, ang Net ay isang ganap na magkaibang kapaligiran kaysa sa makikita mo
sa loob ng proteksiyon pader ng iyong LAN.
Dito, ang Wild West.
Maraming espasyo, ng maraming mga pagkakataon,
maraming bagay upang galugarin at mga lugar upang pumunta.
Salamat sa maliit na kontrol at regulasyon,
makahanap ng mga bagong ideya mayabong lupa upang itulak ang sobre ng kanilang mga posibilidad.
Ngunit dahil sa ang kalayaan na ito, ang ilang mga panganib din tumago.
Hindi mo alam kung makikita mo matugunan ang dreaded ping ng kamatayan,
isang espesyal na bersyon ng isang normal na ping kahilingan,
kung saan ang ilang mga tulala naisip hanggang sa gulo mapagtiwala host.
Ang path na aming packet tumagal ay maaaring sa pamamagitan ng satellite,
linya ng telepono, wireless, o kahit na sa likod ng mga karagatan cable.
Hindi nila palaging tumagal ang pinakamabilis o pinakamaikling ruta posible,
ngunit sila makakuha doon sa kalaunan.
Siguro na ang dahilan kung bakit minsan ito ay tinatawag na "Ang World Wide Hinihintay."
Ngunit kapag ang lahat ay gumagana nang maayos,
maaari mong iwasan ang globo limang beses sa paglipas ng sa drop ng isang sumbrero, literal.
At lahat para sa halaga ng isang lokal na tawag o mas mababa.
Malapit sa pagtatapos ng aming destination, magpapadala kami ng isa pang firewall.
>> Depende sa iyong pananaw bilang isang packet data,
firewall ay maaaring isang balwarte ng seguridad o dreaded kalaban.
Ang lahat ng ito ay depende sa kung aling bahagi kung nasaan ka at kung ano ang iyong mga intensyon.
Firewall ay dinisenyo upang ipaalam sa mga lamang ang mga packet na matugunan nito pamantayan.
Firewall na ito ay operating sa port 80 at 25.
Ang lahat ng mga pagtatangka upang ipasok sa pamamagitan ng iba pang port ay sarado para sa negosyo.
Port 25 ay ginagamit para sa mga packet ng mail,
habang ang port 80 ang pasukan para sa mga packet mula sa Internet sa server ng web.
Sa loob ng firewall, packet ay screen mas maigi.
Ang ilan sa mga packet gumawa ito nang madali sa customs,
habang ang iba ay tumingin ng kaunti lamang kahina-hinala.
Ngayon, ang mga opisyal ng firewall ay hindi lokohin,
tulad ng kapag sinusubukan ng ito ping ng packet ng kamatayan sa magkaila sarili bilang isang normal na ping packet.
[Firewall opisyal na pakikipag-usap sa packet]
[Tagapagsalaysay] Para sa mga packet na masuwerteng sapat na upang gawin itong ito malayo,
paglalakbay ay halos sa paglipas.
Ito ay lamang ng isang linya sa interface ay dadalhin sa web server.
Kasalukuyan, ang isang web server ay maaaring tumakbo sa maraming mga bagay,
mula sa isang kompyuter ng karaniwang sukat sa isang web cam sa computer sa iyong desk.
Bakit hindi refrigerator iyong?
Gamit ang tamang setup, maaari mong malaman kung mayroon kang ang mga kailangang katangian
para sa Chicken Cacciatore, o kung mayroon kang pumunta shopping.
Tandaan, ito ay ang bukang-liwayway ng Net.
Halos anumang panahon.
Isa-isa, ang mga packet ay natanggap,
nabuksan, at unpacked.
Ang impormasyon na naglalaman ang mga ito, iyon ay, ang iyong kahilingan para sa impormasyon,
ipinadala sa application ng web server.
Ang packet mismo ay Niresaykel,
handa na gagamitin muli, at puno ng iyong hiniling na impormasyon,
address, at nagpadala sa paraan pabalik sa iyo.
Bumalik nakaraang firewall, router, at hanggang sa Internet.
Bumalik sa pamamagitan ng iyong corporate firewall
at sa iyong interface,
handa na ibigay ang iyong mga web browser na may ang impormasyong iyong hiniling.
Iyon ay, ang film na ito.
Nasisiyahan sa kanilang mga pagsisikap, at nagtitiwala sa mas mahusay na mundo,
aming mapagkakatiwalaan data packet sumakay off blissfully sa paglubog ng araw ng isa pang araw,
alam ganap na sila Hinahain ang kanilang mga Masters na rin.
Ngayon, ay hindi na isang masaya pagtatapos?
[Malan] Okay, tama na iyan. Gagamitin namin ang susunod na linggo.
[CS50.TV]