1 00:00:00,000 --> 00:00:02,620 [Powered by Google Translate] [Viikko 7, jatkuu] 2 00:00:02,620 --> 00:00:05,090 [David J. Malan, Harvardin yliopisto] 3 00:00:05,090 --> 00:00:07,780 [Tämä on CS50.] [CS50.TV] 4 00:00:07,780 --> 00:00:09,810 Selvä. Tervetuloa takaisin. Tämä on CS50, 5 00:00:09,810 --> 00:00:12,100 ja tämä on loppuun viikolla 7. 6 00:00:12,100 --> 00:00:15,460 Joten yksi näistä tyhmiä pikku asioita, jotka kiertää Internet 7 00:00:15,460 --> 00:00:24,080 ja me slurped ylös, ja se pitäisi nyt tehdä hieman geeky järkeä sinulle. 8 00:00:24,080 --> 00:00:28,330 No, se oli hauskempi tämä kaveri kuin se oli teille. 9 00:00:28,330 --> 00:00:32,619 Puhuminen, hyvin, kaverit, 10 00:00:32,619 --> 00:00:42,550 tänään on Naten syntymäpäivä. 11 00:00:42,550 --> 00:00:46,630 Antaa sinulle tunteen, kuinka hyvä Nate ja minä 12 00:00:46,630 --> 00:00:50,140 www kehitys perustuu maanantain luokka ja perustuu nyt tähän, 13 00:00:50,140 --> 00:00:53,170 Ajattelin vetää Nate kotisivu, jos et ole nähnyt sitä vielä. 14 00:00:53,170 --> 00:00:57,020 Tämä tässä ia Naten HTML. 15 00:00:57,020 --> 00:00:59,380 Joten nähdä hänen lähdekoodin jos haluat nähdä, miten tämä, ja Nate, 16 00:00:59,380 --> 00:01:02,250 jos voisimme embarass juuri lyhyesti, henkilökunta on sinulle jotain pientä 17 00:01:02,250 --> 00:01:06,080 Jos haluat jakaa joitakin jälkiruoka joidenkin lapset luokassa täällä. 18 00:01:06,080 --> 00:01:10,150 Jos haluat tulla alas. 19 00:01:10,150 --> 00:01:14,350 Te kaikki suosiota ja ovat erittäin mukava, mutta kukaan ei istu lähellekään Nate, 20 00:01:14,350 --> 00:01:17,560 jostain syystä, että takaisin vyöhykkeellä. 21 00:01:17,560 --> 00:01:24,020 Joten ehkä löydät joitakin seudullamme nauttia näistä kanssa. 22 00:01:24,020 --> 00:01:33,380 Hyvää syntymäpäivää, Nate. 23 00:01:33,380 --> 00:01:37,660 >> Muita hellos: Meillä oli pari leikkeitä meidän CS50x opiskelijoita. 24 00:01:37,660 --> 00:01:39,710 Jos haluat nähdä kuka muu se on maailman 25 00:01:39,710 --> 00:01:41,850 joka on seuraava pitkin, voit suunnata tätä URL- 26 00:01:41,850 --> 00:01:45,780 jossa Joseph, yksi TF, on koonnut montaasi tapaisena 27 00:01:45,780 --> 00:01:50,290 kaikille, jotka on esittää näitä videoita, joukossa Rick Astley. 28 00:01:50,290 --> 00:01:53,010 Ja jos selaat näitä, se on oikeastaan ​​aika inspiroivaa 29 00:01:53,010 --> 00:01:56,890 nähdä erilaisia ​​maita ja kaupunkeja, joissa ihmiset ovat satelliittiseurantajärjestelmillä. 30 00:01:56,890 --> 00:02:00,830 Joten jos haluat vilkaista, että se tulee läpi lukukauden loppuun. 31 00:02:00,830 --> 00:02:05,370 Tänään jatkamme tarkastella Web, Web-ohjelmointi, HTML ja vastaavat, 32 00:02:05,370 --> 00:02:08,280 ja me myös nauttia lounasta tulossa perjantaina 33 00:02:08,280 --> 00:02:11,360 jos haluat, ja erityisesti, eivät ole tehneet sitä ennen. 34 00:02:11,360 --> 00:02:13,630 Tänä perjantaina teemana on Naten syntymäpäivä, 35 00:02:13,630 --> 00:02:15,700 joten jos haluat olla syntymäpäivä lounas Nate 36 00:02:15,700 --> 00:02:17,500 ja toiset, jotkut meidän ystäviä Industry, 37 00:02:17,500 --> 00:02:19,300 ota pää että URL siellä. 38 00:02:19,300 --> 00:02:22,510 Avaruus, kuten aina, on rajallinen. Myös, jos olet unohtanut, 39 00:02:22,510 --> 00:02:26,460 ymmärtää, että ensi viikolla on määräaika Harjoitus 4: n raadonsyöjä metsästää, 40 00:02:26,460 --> 00:02:30,070 jolloin toivuttuaan kaikki nämä JPEG peräisin card.raw, 41 00:02:30,070 --> 00:02:32,880 sinun ja osassa kaverit, jos haluat, voit kokeilla valokuvaus 42 00:02:32,880 --> 00:02:36,100 koska monet tietokoneen tiedemiehiä että muistikortilta mahdollisimman 43 00:02:36,100 --> 00:02:39,070 ja sinun ja kohta sitten voittaa upea palkinto. 44 00:02:39,070 --> 00:02:44,470 Katso takaisin PSET 4 toiveiden mitä tehdä ja milloin. 45 00:02:44,470 --> 00:02:47,650 Myös, jos haluat kirjoittaa käsialaa ikuistanut 46 00:02:47,650 --> 00:02:51,400 kurssin verkkosivuilla ja sen historiasta vaatteita, 47 00:02:51,400 --> 00:02:54,010 tietää, että olet tervetullut nyt alkaa esittää malleja 48 00:02:54,010 --> 00:02:57,180 Tämän vuoden T-paidat ja colleget ja vastaavat. 49 00:02:57,180 --> 00:02:59,200 Teemme parhaamme mukaan niin monta kuin voimme, 50 00:02:59,200 --> 00:03:01,440 mutta meillä on joitakin jäseniä henkilökunnan tarkastella kaikkia malleja 51 00:03:01,440 --> 00:03:04,180 varmista, että ne ovat sopusoinnussa eritelmät, 52 00:03:04,180 --> 00:03:07,500 ja me sitten valita yleensä kourallinen niitä näytteille. 53 00:03:07,500 --> 00:03:10,620 Joten jos olet tyyppiä, vain tietää, että vaatimukset 54 00:03:10,620 --> 00:03:14,030 grafiikka ovat PNG, vähintään 200 dpi, 55 00:03:14,030 --> 00:03:16,520 niiden pitäisi olla enemmän kuin 4000 x 4000 pikseliä, 56 00:03:16,520 --> 00:03:19,010 ja enintään 10 Mt, mutta olet tervetullut käyttää asioita, kuten 57 00:03:19,010 --> 00:03:22,430 Photoshop tai GIMP tai erilaisia ​​graafisia ohjelmia, 58 00:03:22,430 --> 00:03:24,590 mitä teidän käytettävissänne. 59 00:03:24,590 --> 00:03:28,280 >> Myös näköpiirissä on opinnäytetyön. Opinnäytetyö on todella huipentuma 50, 60 00:03:28,280 --> 00:03:30,560 jolloin kaikki tehtävät aikana, 61 00:03:30,560 --> 00:03:33,170 se on teidän tilaisuus todella tehdä omia juttuja. 62 00:03:33,170 --> 00:03:35,280 Ja se voi olla yksinkertaisesti tehdä jotain hauskaa, 63 00:03:35,280 --> 00:03:38,160 se voi olla ratkaista joitakin akuutein ongelma teidän opiskelijaryhmä on, 64 00:03:38,160 --> 00:03:40,980 joillekin uusi verkkosivusto, jotkut uuden malliston mekanismi tietojen. 65 00:03:40,980 --> 00:03:43,420 Se voi olla mobiilisovellus Android, iOS. 66 00:03:43,420 --> 00:03:46,030 Oikeasti, taivas on rajana, ja tulevina viikkoina, 67 00:03:46,030 --> 00:03:50,900 kuten siirtyminen C näihin korkeamman tason kieliä kuten PHP ja JavaScript, 68 00:03:50,900 --> 00:03:55,150 löydät itsesi yhä perehtynyt joitakin reaalimaailman tekniikoita, 69 00:03:55,150 --> 00:03:57,800 joitakin reaalimaailman välineitä, ja täydentää, 70 00:03:57,800 --> 00:04:00,170 tietää, että kurssi on ollut seminaareja, 71 00:04:00,170 --> 00:04:02,880 jolloin useiden seuraavien viikkojen joitakin opetushenkilöstön 72 00:04:02,880 --> 00:04:06,160 ja ystävät meidän päässä kampuksella tarjoaa valinnaisia ​​seminaarit 73 00:04:06,160 --> 00:04:08,540 jotka menevät edellä ja sen jälkeen mitä yleensä tehdään jaksossa 74 00:04:08,540 --> 00:04:11,090 esitellä sinulle asioita, kuten Android ohjelmointi, 75 00:04:11,090 --> 00:04:13,450 esitellä sinulle asioita, kuten iOS ohjelmointi 76 00:04:13,450 --> 00:04:15,950 tai kehittyneempiä web-kehitys tekniikoita. 77 00:04:15,950 --> 00:04:17,970 On koko historian näistä jo verkossa. 78 00:04:17,970 --> 00:04:25,000 Jos menet cs50.net/seminars, olemme tehneet tätä jo vuosia, 79 00:04:25,000 --> 00:04:28,740 ja näet, että arkistoidut täällä PDF ja videoita sekä kaltaiset 80 00:04:28,740 --> 00:04:33,090 useita kymmeniä videoita seminaareja. 81 00:04:33,090 --> 00:04:37,380 Viime vuonna esimerkiksi meillä oli seminaarin acing teidän teknisistä haastattelut, 82 00:04:37,380 --> 00:04:40,980 Jos olet todella etsivät mennä pois ja tehdä työharjoitteluun tai kokopäiväisesti keikka. 83 00:04:40,980 --> 00:04:43,450 Windows mobile kehittäminen, Android kehittäminen, Google Maps, 84 00:04:43,450 --> 00:04:47,700 API, CSS, kehittymässä BlackBerry, Emacs. 85 00:04:47,700 --> 00:04:52,610 Oikeasti, olet tervetullut katsomaan jotakin näistä seminaareista milloin sinulle sopii. 86 00:04:52,610 --> 00:04:57,080 Ja me järjestämme joitakin uusia tämän lukukauden, samoin. 87 00:04:57,080 --> 00:04:59,020 >> Joten mikä on eteenpäin opinnäytetyön? 88 00:04:59,020 --> 00:05:01,090 No, ensinnäkin, vaikka tämä ajankohta on jokseenkin välitön, 89 00:05:01,090 --> 00:05:06,460 Tämä on oikeastaan ​​vain mahdollisuuden alkaa miettiä opinnäytetyön varsin realistisesti. 90 00:05:06,460 --> 00:05:10,550 Tiedämme vain alkaa joidenkin mitä me vielä kattavat aikana, 91 00:05:10,550 --> 00:05:13,470 HTML, PHP ja vastaavat, mutta et kaikkia tuttuja web- 92 00:05:13,470 --> 00:05:16,270 ja minä bias tämän keskustelun kohti Web pelkästään 93 00:05:16,270 --> 00:05:18,380 useimmat ihmiset päätyvät tekemään web-pohjainen lopullinen hankkeita, 94 00:05:18,380 --> 00:05:20,260 mutta tämä ei ole mitenkään vaadittu. 95 00:05:20,260 --> 00:05:22,260 Käyttämällä C on hieno, objektiivinen C, Java, 96 00:05:22,260 --> 00:05:25,350 muulla kielellä saatat tietää tai tietää varsin hieno. 97 00:05:25,350 --> 00:05:29,370 Mutta saada mehut virtaava aluksi, me odotamme jättämistä preproposal 98 00:05:29,370 --> 00:05:33,520 joka kohden PDF verkkosivuilla, joka on nyt cs50.net, 99 00:05:33,520 --> 00:05:36,080 ja yläreunassa vasemmalla näet opinnäytetyön 100 00:05:36,080 --> 00:05:38,920 on eritelmän opinnäytetyön, 101 00:05:38,920 --> 00:05:41,470 ja on olemassa yksityiskohtia preproposal ja vastaavat. 102 00:05:41,470 --> 00:05:44,760 Se aika paljon kuihtuu lähettämällä sähköpostia opetusta muiden 103 00:05:44,760 --> 00:05:48,450 vain löytää jopa keskustella hänen kanssaan siitä, mitä ajattelet. 104 00:05:48,450 --> 00:05:52,510 On projects.cs50.net on varasto ideoita ihmiset kampuksella 105 00:05:52,510 --> 00:05:54,480 jos olet kamppailee keksiä jonkinlainen käsitys, 106 00:05:54,480 --> 00:06:01,140 ja manual.cs50.net/APIs on kokoelma linkkejä API. 107 00:06:01,140 --> 00:06:06,710 >> Mikä kuitenkin on API? 108 00:06:06,710 --> 00:06:09,790 Mikä API? Olen sanonut sen ainakin kahdesti, 109 00:06:09,790 --> 00:06:12,640 mukaan selostukset aiemmin useita viikkoja. 110 00:06:12,640 --> 00:06:17,050 Mikä tuo on? [Student, käsittämättömällä] 111 00:06:17,050 --> 00:06:19,340 >> Okei, hyvä. Joten jotain ohjelmointirajapinta. 112 00:06:19,340 --> 00:06:22,710 Application Programming Interface, ja tämä voi kestää useita muotoja, 113 00:06:22,710 --> 00:06:25,850 mutta mitä tämä oikeastaan ​​pohjimmiltaan kyse on koodin 114 00:06:25,850 --> 00:06:29,660 että joku muu HS kirjallisia tai tietoja, jotka joku muu on kerätty 115 00:06:29,660 --> 00:06:33,670 joka on saatavilla sinulle joitakin ohjelmallinen tavalla. 116 00:06:33,670 --> 00:06:36,630 Voit kirjoittaa koodia C, PHP, Python, Ruby, 117 00:06:36,630 --> 00:06:38,760 mitä haluamallasi kielellä tyypillisesti, 118 00:06:38,760 --> 00:06:42,240 ja voit jotenkin perustua jonkun toisen toiminnallisuutta 119 00:06:42,240 --> 00:06:44,440 tai jonkun muun tietokokonaisuutta. 120 00:06:44,440 --> 00:06:47,210 Esimerkiksi, jos menen tätä linkkiä tänne, 121 00:06:47,210 --> 00:06:50,750 ja näet pari linkkejä seuraavilta sivuilta 122 00:06:50,750 --> 00:06:56,093 jolloin meillä CS50 oma API, jotka ovat hyvin Harvard-centric, ja sitten kolmannen osapuolen API. 123 00:06:56,930 --> 00:06:59,300 Niistä kolmannen osapuolen API ovat todella hyödyllisiä asioita 124 00:06:59,300 --> 00:07:01,780 kuten voi lähettää tekstiviestejä ihmisille, 125 00:07:01,780 --> 00:07:04,690 pysty vastaanottamaan tekstiviestejä ihmisiltä. 126 00:07:04,690 --> 00:07:08,160 Ja asioita, kuten että saatat ole aavistustakaan miten toteuttaa itseäsi, 127 00:07:08,160 --> 00:07:10,440 mutta kiitos palvelut, joitakin vapaita ja osa kaupallisia, 128 00:07:10,440 --> 00:07:14,000 voit rakentaa huipulla ne ja tehdä jotain kiinnostaa sinua. 129 00:07:14,000 --> 00:07:16,990 Niistä CS50 n API nämä kampus-centric asioita, kuten 130 00:07:16,990 --> 00:07:21,480 Harvard kursseja, energia, tapahtumat, ruoka, kartat, uutiset, tweets ja Shuttleboy oman, 131 00:07:21,480 --> 00:07:23,940 ja nämä ovat API, jotka näyttävät hieman jotain tällaista. 132 00:07:23,940 --> 00:07:26,990 >> Saanen nosta HarvardFood API. 133 00:07:26,990 --> 00:07:30,620 Jos olet joskus ollut HUD verkkosivuilla, olet todennäköisesti ollut siellä 134 00:07:30,620 --> 00:07:35,410 vain nähdä, mitä tänään syötäisiin tai mitä työajat ovat joidenkin d-sali. 135 00:07:35,410 --> 00:07:38,000 No, se ei ole erityisen helppo navigoida, 136 00:07:38,000 --> 00:07:41,100 ja niin me ei jokin aika sitten oli kirjoitimme ohjelmisto, 137 00:07:41,100 --> 00:07:47,270 Se sattuu olemaan PHP, joka todella näytön naarmuilta kokonaisuudessaan HUD verkkosivuilla. 138 00:07:47,270 --> 00:07:51,400 Seuloa kaapia jotain merkitsee kirjoittaa ohjelman kieli kuten PHP 139 00:07:51,400 --> 00:07:55,270 että teeskentelee olevansa selain, vaikka saatat ajaa sitä komentokehotteesta 140 00:07:55,270 --> 00:07:58,180 että teeskentelee olevansa selaimen, yhdistää verkkosivuilla, 141 00:07:58,180 --> 00:08:01,480 lataa sen HTML, millä kielellä se on kirjoitettu, 142 00:08:01,480 --> 00:08:04,300 ja lukee sitten se, tai tarkemmin sanottuna, jäsentää sen 143 00:08:04,300 --> 00:08:06,140 ylhäältä alas, vasemmalta oikealle. 144 00:08:06,140 --> 00:08:08,870 Ja mitä teimme oli Kirjoitimme koodin siten, että 145 00:08:08,870 --> 00:08:12,910 tahansa näimme jotain että HTML että näytti jotain valikon 146 00:08:12,910 --> 00:08:16,470 kuten hampurilainen, me sitten tuoda sen osaksi omaa tietokantaa. 147 00:08:16,470 --> 00:08:20,410 Ja tahansa näimme ravitsemuksellista sisältöä, voisimme tuoda sen osaksi omaa tietokantaa. 148 00:08:20,410 --> 00:08:23,090 Ja mitä teimme oli hyödyntää että HUD verkkosivuilla, 149 00:08:23,090 --> 00:08:27,280 vaikka se saattaa olla hieman haasteellista meille ihmisille navigoida 150 00:08:27,280 --> 00:08:32,559 alla huppu, kaikki HTML syntyy oman tietokoneohjelmia. 151 00:08:32,559 --> 00:08:35,159 Joten kaikki niiden HTML, vaikka se saattaa näyttää sotkuinen, 152 00:08:35,159 --> 00:08:38,026 Kuten useimmat verkkosivustot alla huppu seuraa kaavaa. 153 00:08:38,260 --> 00:08:40,799 Joten me juuri viettänyt pari tuntia mietitään, että malli 154 00:08:40,799 --> 00:08:44,240 niin että lopulta me heittää pois kaikki sotkuinen HTML, 155 00:08:44,240 --> 00:08:47,340 kaikki estetiikka lihavoitu puolella, ja kursiivilla ja vastaavat, 156 00:08:47,340 --> 00:08:52,350 ja mitä me sitten voimme tehdä on paljastaa, että samoja tietoja. 157 00:08:52,350 --> 00:08:54,870 Esimerkiksi tällä tavalla. 158 00:08:54,870 --> 00:08:56,840 Joten me mukaan asiakirjat täällä, 159 00:08:56,840 --> 00:08:59,190 ovat ilmoittaneet maailmalle, että jos pyydät URL 160 00:08:59,190 --> 00:09:03,310 joka näyttää tältä, food.cs50.net / jotain, 161 00:09:03,310 --> 00:09:07,220 ja annat tiettyjä parametreja, jotka me puhumme tänään, 162 00:09:07,220 --> 00:09:11,780 kuten päättymispäivän aika, aloitus-päiväys aika, ateria ja niin edelleen, 163 00:09:11,780 --> 00:09:14,090 mitä palvelimet palaa teille, esimerkiksi 164 00:09:14,090 --> 00:09:18,740 on CSV-tiedosto, pilkku separted arvoista, kuten Excel-tiedoston, 165 00:09:18,740 --> 00:09:23,140 sisältää kaiken aamiaista tässä ajankohtana viime vuoden maaliskuussa 166 00:09:23,140 --> 00:09:25,450 kun satuin kirjoittamaan tätä asiakirjat. 167 00:09:25,450 --> 00:09:27,870 >> Niille tuttuja, CSV ei ole ainoa tiedostomuoto. 168 00:09:27,870 --> 00:09:30,610 On toinen muoto, kaikki monipuolisempi 169 00:09:30,610 --> 00:09:32,670 kutsutaan JSON, JavaScript Object Notation. 170 00:09:32,670 --> 00:09:34,770 Data voi tulla takaisin tässä muodossa. 171 00:09:34,770 --> 00:09:38,110 Joten takeaway tässä on, että onko sinulla sukeltaa tähän API 172 00:09:38,110 --> 00:09:41,170 tai mikä tahansa muu CS50: n tai mitään siellä Internetissä, 173 00:09:41,170 --> 00:09:45,560 tai ei ollenkaan, ymmärtää, että maailma on yhä alkanut yhdenmukaistaa 174 00:09:45,560 --> 00:09:47,670 miten koneiden yhteydessä toisiinsa. 175 00:09:47,670 --> 00:09:50,660 Käytämme vakio tiedostomuotoja, kuten CSV-tai JSON. 176 00:09:50,660 --> 00:09:54,320 Ja mitä tämä merkitsee sinulle on, voit kirjoittaa mielenkiintoinen osa ohjelman 177 00:09:54,320 --> 00:09:56,580 jonka avulla käyttäjän hakea ruokasali valikosta 178 00:09:56,580 --> 00:10:00,010 jonka avulla he voivat luoda luetteloita suosikkeja, jonka avulla ne saavat tekstin ilmoituksia 179 00:10:00,010 --> 00:10:02,480 kun heidän suosikki aterian ollaan tarjoillaan joissakin d-sali 180 00:10:02,480 --> 00:10:07,090 käyttämällä jonkun toisen paikkatietoaineistojen ja rakentaminen päälle heidän API. 181 00:10:07,090 --> 00:10:13,600 Joten lisää, että muodossa seminaarien ja asiakirjat, jotka olet täällä verkossa. 182 00:10:13,600 --> 00:10:16,450 Joten ne sitten ovat API. 183 00:10:16,450 --> 00:10:18,900 >> Tämä tuo meidät takaisin HTML. Nopea kertaus. 184 00:10:18,900 --> 00:10:22,920 Mikä on HTML? 185 00:10:22,920 --> 00:10:25,000 [Student, käsittämätön] >> Hyvä. HyperText Markup Language. 186 00:10:25,000 --> 00:10:31,300 Joku muu, mikä on Hypertext Markup Language? 187 00:10:31,300 --> 00:10:37,340 HyperText Markup Language. 188 00:10:37,340 --> 00:10:40,330 Okei. Joten HTML, Hypertext. 189 00:10:40,330 --> 00:10:43,100 HyperText vain viittaa Web, suurimmaksi osaksi. 190 00:10:43,100 --> 00:10:45,730 Markup tarkoittaa, että se ei oikeastaan ​​ohjelmointikieli, HTML. 191 00:10:45,730 --> 00:10:48,120 Se ei ole kieltä, että voit ilmaista logiikan sisään 192 00:10:48,120 --> 00:10:50,710 Se ei ole silmukoita. Sillä ei ole edellytyksiä. 193 00:10:50,710 --> 00:10:52,820 Se ei ole toimintoja, sinänsä. 194 00:10:52,820 --> 00:10:56,680 Pikemminkin se on näitä asioita kutsutaan tagit, tai oikeammin elementtejä. 195 00:10:56,680 --> 00:10:59,970 Ja nämä seikat on alku tageja ja loppu tunnisteet, 196 00:10:59,970 --> 00:11:04,300 tai auki tageja ja suljettuja tunnisteet, ja mitä nuo koodit yleensä tarkoittaa selain on, 197 00:11:04,300 --> 00:11:09,270 alkaa tehdä jotain ja sitten lakata tekemästä jotain, vaikka on olemassa poikkeuksia tähän. 198 00:11:09,270 --> 00:11:12,480 Joskus se on vain "laittaa rivinvaihdon täällä," esimerkiksi. 199 00:11:12,480 --> 00:11:15,150 Ja me näimme esimerkkejä että toinen päivä, välillä rohkea edessä, 200 00:11:15,150 --> 00:11:17,430 rivinvaihdot ja sitten pari muuta tageja. 201 00:11:17,430 --> 00:11:19,880 Joten HTML on kieli, jolla web-sivuja on kirjoitettu. 202 00:11:19,880 --> 00:11:23,760 Joten jos menen jotain Google.com 203 00:11:23,760 --> 00:11:26,180 ja vedä ylös juuri heidän kotisivun, 204 00:11:26,180 --> 00:11:29,690 muistuttaa, että jos oikealla painikkeella tai Ctrl-osoittamalla 205 00:11:29,690 --> 00:11:32,140 ja tarkastella View sivun lähdekoodia, tyypillisesti 206 00:11:32,140 --> 00:11:34,420 se täydellinen sekasotku näinä päivinä alla huppu, mutta se johtuu 207 00:11:34,420 --> 00:11:38,170 tietokoneet eivät välitä valkoisen tilan, joten se ei tarvitse näyttää aika. 208 00:11:38,170 --> 00:11:40,240 Mutta jos me zoomata osat, 209 00:11:40,240 --> 00:11:43,460 huomaa, että Chrome, vain olla mukava, on värikoodattu asioita. 210 00:11:43,460 --> 00:11:48,460 Itse asiassa tämä on ensimmäinen tunnisteen että näimme sivun. 211 00:11:48,460 --> 00:11:51,750 Ja vielä, HTML 5, uusin versio tällä kielellä, 212 00:11:51,750 --> 00:11:53,830 ei ole tätä asiaa alussa, 213 00:11:53,830 --> 00:11:57,820 00:12:03,580 mutta se on vain eräänlainen standardi, joka sanoo, hei maailma, täältä tulee HTML-tiedoston versio 5. 215 00:12:03,580 --> 00:12:08,920 >> Mielenkiintoisin osa alkaa tästä. Joten 00:12:11,640 HTML-elementtien viime kerralla. 217 00:12:11,640 --> 00:12:14,630 Mitkä olivat ne kaksi lasta? 218 00:12:14,630 --> 00:12:17,170 Pään ja vartalon, aivan kuten kaveri tatuointi hetki sitten. 219 00:12:17,170 --> 00:12:19,640 On kaksi osaa web-sivun, pään ja vartalon, 220 00:12:19,640 --> 00:12:23,750 ja muistaa sitten, että ehkä yksinkertaisin sivun voisimme näyttää tältä. 221 00:12:23,750 --> 00:12:27,460 Ja olen sisennetty se vain olla sellainen siistinä minun koodi, 222 00:12:27,460 --> 00:12:30,710 mutta mikä on todella tärkeää tässä on, että on olemassa hierarkia tähän. 223 00:12:30,710 --> 00:12:35,420 Ja kaikki tag että olen avannut olen kiinni ja että siellä on siis tämä symmetria 224 00:12:35,420 --> 00:12:38,300 kaikille markup että olen luonut. 225 00:12:38,300 --> 00:12:41,620 Joten viimeinen kerta aloimme kirjallisesti verkkosivuja omasta laptop. 226 00:12:41,620 --> 00:12:45,470 Olen avannut tekstiä muokata, olen tallentanut tiedoston hello.html, 227 00:12:45,470 --> 00:12:50,190 Sitten vetää tiedoston päälle minun selain, ja voila, minulla oli sivu Internetissä. 228 00:12:50,190 --> 00:12:53,110 Nyt se ei ole aivan tapauksessa, minulla oli sivun minun kovalevy, 229 00:12:53,110 --> 00:12:58,260 ja olin kirjaimellisesti ainoa ihminen maailmassa, joka näkisi, että web-sivun selaimessa. 230 00:12:58,260 --> 00:13:00,670 >> Joten tänään esittelemme todellinen web-palvelimen 231 00:13:00,670 --> 00:13:02,750 ja käsite tosiasiassa palvelevat Internetin sisällöstä 232 00:13:02,750 --> 00:13:04,970 ja miten tämä kaikki alkaa sovittaa yhteen. 233 00:13:04,970 --> 00:13:08,350 Joten näyttää siltä, ​​että kaikki tällä kertaa CS50 laitteen 234 00:13:08,350 --> 00:13:11,590 sinulla on ollut web-palvelin tietokoneessa. 235 00:13:11,590 --> 00:13:16,560 Olemme, oikeudenmukaisuus, käytetään vain sitä gedit varten clang varten GDB ja vastaavat, 236 00:13:16,560 --> 00:13:21,000 vaan myös asentaa meille sinulle laite on web-palvelin, 237 00:13:21,000 --> 00:13:23,940 ja että web-palvelin sattuu olemaan vapaa, avoimen lähdekoodin, 238 00:13:23,940 --> 00:13:26,580 yksi suosituimmista maailmassa, nimeltään Apache. 239 00:13:26,580 --> 00:13:31,340 Sen enemmän tekninen nimi on httpd, d olevan ainoastaan ​​daemon täällä, 240 00:13:31,340 --> 00:13:34,110 joka on tekninen sana palvelimelle. 241 00:13:34,110 --> 00:13:38,690 Joten asennettu CS50 laite on web-palvelin, ja mitä se tarkoittaa? 242 00:13:38,690 --> 00:13:43,740 No, web-palvelin on käsitteellisesti, jotkut Internet-palvelimen, joka tarjoilee web-sisältöä. 243 00:13:43,740 --> 00:13:48,630 Kun kysytään tiedoston, se sylkee HTML että säveltää kyseinen tiedosto ja voila. 244 00:13:48,630 --> 00:13:51,370 Voit nähdä sivustosi etusivulta. 245 00:13:51,370 --> 00:13:54,970 Mutta palvelin on, tarkemmin, ohjelmiston osa. 246 00:13:54,970 --> 00:13:59,190 Se ei tarvitse olla fyysinen kone, se vain on ohjelmiston osa käynnissä. 247 00:13:59,190 --> 00:14:01,980 Joten CS50 laite, on tietenkin ohjelmiston osa 248 00:14:01,980 --> 00:14:04,270 vaikka se on tavallaan olevinaan koneeseen. 249 00:14:04,270 --> 00:14:06,960 Se on olevinaan tietokoneen sisällä tietokoneen, 250 00:14:06,960 --> 00:14:11,140 mutta se tarkoittaa vain sitä, että laite voi varmasti ajaa asioita, kuten web-palvelimia. 251 00:14:11,140 --> 00:14:13,260 Se voi todella ajaa sähköpostipalvelimia. 252 00:14:13,260 --> 00:14:16,440 Voisimme ajaa pikaviestit palvelimen laitetta, jos haluamme, 253 00:14:16,440 --> 00:14:20,780 ja todellakin, meillä ei suorita yksi muu palvelin, joka tunnetaan tietokantapalvelimen, mySQL. 254 00:14:20,780 --> 00:14:22,620 Mutta siitä lisää ensi viikolla. 255 00:14:22,620 --> 00:14:26,400 Tämä tarkoittaa sitä, että voin itse käydä verkkosivuilla 256 00:14:26,400 --> 00:14:30,480 sisällä minun laitteen selaimen avulla laitteen sisälle 257 00:14:30,480 --> 00:14:33,600 tai jopa oma laptop, Macin tai tietokoneeseen. 258 00:14:33,600 --> 00:14:37,780 Mitä tämä tarkoittaa? On käynyt ilmi, että aina käytät Linux-tietokone, 259 00:14:37,780 --> 00:14:40,910 sen lempinimi on "paikallinen isäntä." 260 00:14:40,910 --> 00:14:43,370 Se ei ole verkkotunnus, koska emme ole ostanut verkkotunnus 261 00:14:43,370 --> 00:14:46,590 sillä jotain laitetta, joten sen oletuksena nimi on paikallinen isäntä. 262 00:14:46,590 --> 00:14:50,470 >> Mutta saadakseen laite alkaa näyttää jopa web-sivuja, 263 00:14:50,470 --> 00:14:52,270 meidän on luotava ne ensin. 264 00:14:52,270 --> 00:14:55,200 Joten tehdä. Sallikaa minun mennä pääteikkuna täällä 265 00:14:55,200 --> 00:14:58,190 ja huomaa, että olen minun tyypillinen John Harvardin nopeasti. 266 00:14:58,190 --> 00:15:01,670 Anna minun mennä eteenpäin ja kirjoita ls, ja näemme muutamia tuttuja asioita tämän lukukauden, 267 00:15:01,670 --> 00:15:04,580 työpöydän, lataukset, Dropbox ja niin edelleen, 268 00:15:04,580 --> 00:15:07,540 mutta nyt alamme kääntää katseemme pari. 269 00:15:07,540 --> 00:15:11,530 Monissa Linux web-palvelimia on tämä kansio nimeltä julkisia html, 270 00:15:11,530 --> 00:15:15,630 mutta aiomme ohittaa että yksi nyt ja keskittyä tähän, vhosts. 271 00:15:15,630 --> 00:15:18,850 Jokainen tietää, mitä vhost on? 272 00:15:18,850 --> 00:15:21,110 Vain tyhmä jargon virtuaalinen isäntä, 273 00:15:21,110 --> 00:15:23,850 ja mitä tämä tarkoittaa on, että tyypillinen palvelin 274 00:15:23,850 --> 00:15:26,810 voit itse isännöidä useita verkkosivustoja. 275 00:15:26,810 --> 00:15:31,500 Voit ostaa verkkotunnus, kuten foo.com, ja voit isännöidä sitä palvelimella. 276 00:15:31,500 --> 00:15:36,100 Mutta voit myös ostaa bar.com ja isännöi sitä samalla palvelimella. 277 00:15:36,100 --> 00:15:40,250 Syynä on, selaimet ovat tarpeeksi älykkäitä ilmoittaa palvelimelle 278 00:15:40,250 --> 00:15:45,880 kun käyttäjä on pyytänyt joitakin hevosta, mikä verkkotunnus käyttäjä haluaa kotisivulla. 279 00:15:45,880 --> 00:15:48,760 Joten mitä mukavaa tästä ei sinun ei tarvitse yksi fyysinen palvelin 280 00:15:48,760 --> 00:15:52,040 tai yksi CS50 laitetta jokaista verkkosivuilla haluat ehkä luoda. 281 00:15:52,040 --> 00:15:55,520 Voit käyttää samaa palvelinta ja kehittää satoja erilaisia ​​sivustoja. 282 00:15:55,520 --> 00:15:58,770 Ja todellakin, jos olet henkilö yrittää aloittaa verkkosivuilla, 283 00:15:58,770 --> 00:16:02,100 onko hauskaa tai liiketoiminnan, yleensä voit mennä ulos Internetissä, 284 00:16:02,100 --> 00:16:04,650 ja maksat jonkun kymmenen taalaa kuukaudessa, sata dollaria kuukaudessa 285 00:16:04,650 --> 00:16:06,670 isäntä sivustosi sinulle. 286 00:16:06,670 --> 00:16:11,060 Ja siten, että toimii on ne veloittavat muita ihmisiä 287 00:16:11,060 --> 00:16:13,160 kymmenen taalaa kuukaudessa tai sata taalaa kuukaudessa 288 00:16:13,160 --> 00:16:17,200 järjestää muiden ihmisten sivustoja heidän samalle palvelimelle. 289 00:16:17,200 --> 00:16:20,740 Syy he voivat tehdä, että on tämän vuoksi ominaisuus nimeltä bhosts, 290 00:16:20,740 --> 00:16:23,790 mutta lisää, että kun on aika lopullinen hankkeisiin. 291 00:16:23,790 --> 00:16:28,360 >> Nyt mennään vain sukeltaa sinne. Joten cd vhosts, ja jos en kirjoita ls nyt, 292 00:16:28,360 --> 00:16:31,370 huomaa, että siellä on kansio on nimeltään paikallinen isäntä. 293 00:16:31,370 --> 00:16:33,440 Tämä johtuu siitä, oletuksena laite luvut 294 00:16:33,440 --> 00:16:36,160 olet ikinä käymään yhden verkkosivuilla laitetta. 295 00:16:36,160 --> 00:16:38,970 Tämä ei ole oikeastaan ​​todellisessa maailmassa, se ei ole reaalimaailman web-palvelin. 296 00:16:38,970 --> 00:16:41,690 Joten anna minun mennä paikallinen isäntä, ja nyt näemme siellä 297 00:16:41,690 --> 00:16:44,290 viimeinen hakemistoon HTML. 298 00:16:44,290 --> 00:16:47,080 Joten se on hieman syvä, hierarkia, mutta jos ja kun 299 00:16:47,080 --> 00:16:51,230 päätät lähteä kehittämään useita verkkosivustoja seuraavan n kuukauden tai vuoden 300 00:16:51,230 --> 00:16:54,370 tällainen kansiorakenteen taipumus olla avuksi. 301 00:16:54,370 --> 00:16:56,560 Nyt mennä HTML tein, 302 00:16:56,560 --> 00:16:59,010 LS, ja mikään ei ole siellä. 303 00:16:59,010 --> 00:17:01,390 Joten nyt mennään eteenpäin ja tehdä tätä. Saanen avata Chrome 304 00:17:01,390 --> 00:17:07,300 kaapin sisällä, ja anna minun mennä http://localhost. 305 00:17:07,300 --> 00:17:14,440 Niin kirjaimellisesti nimi minun laite, kirjoita, ja saan indeksi /. 306 00:17:14,440 --> 00:17:18,290 Tämä ei ole oikeastaan ​​näyttää minulle mitään kiinnostusta, 307 00:17:18,290 --> 00:17:23,400 mutta näyttää siltä, ​​että mitä me näemme, että kansio, HTML. 308 00:17:23,400 --> 00:17:25,770 Mikään sisällä että kansio juuri nyt, 309 00:17:25,770 --> 00:17:28,750 Joten sen sijaan, mitä aion tarvitsee ensin luoda tiedoston. 310 00:17:28,750 --> 00:17:33,530 Luo HTML-tiedosto kuten teimme maanantaina, mutta tällä kertaa laita se sisällä laitteen. 311 00:17:33,530 --> 00:17:36,830 Niille teistä, jotka yrittävät seurata mukana kannettavat tietokoneet nyt, 312 00:17:36,830 --> 00:17:42,040 anna minun jompikumpi sivuun joka tulee olemaan kattaa web-pohjaisen PSET, 313 00:17:42,040 --> 00:17:44,280 mutta saadakseen tämän toimimaan ensimmäistä kertaa, 314 00:17:44,280 --> 00:17:49,830 olet menossa on tämän komennon: sudo service httpd start. 315 00:17:49,830 --> 00:17:52,670 Ja tämä taas toistetaan viime PSET, 316 00:17:52,670 --> 00:17:55,460 mutta jos pelaat pitkin kotona nyt, web-palvelin 317 00:17:55,460 --> 00:17:58,660 kytketään pois laitteesta, ja se on niin, että se ei mahla RAM 318 00:17:58,660 --> 00:18:01,960 ja muisti 7 viikkoa pois lukukauden kun emme tarvitse sitä. 319 00:18:01,960 --> 00:18:05,190 Joten sinun täytyy suorittaa tämän komennon kerran, ja saat lähdön tuollaista. 320 00:18:05,190 --> 00:18:07,920 Sitten sinun pitäisi pystyä pelaamaan mukana täällä. 321 00:18:07,920 --> 00:18:10,330 Mennäänpä takaisin tähän kansioon. 322 00:18:10,330 --> 00:18:12,770 Tämä kansio on tyhjä, niin haluan alkaa luoda tiedoston, 323 00:18:12,770 --> 00:18:16,360 gedit hello.html. 324 00:18:16,360 --> 00:18:20,930 >> Selvä. Gedit on auki, kuten tavallista. Anna minun tehdä DOCTYPE, html, 325 00:18:20,930 --> 00:18:25,270 html, haluan päästä eteenpäin itsestäni ja aloittaa päätän tageja etukäteen. 326 00:18:25,270 --> 00:18:28,380 Nyt minulla on pää. Anna minun mennä eteenpäin ja sulje pää- 327 00:18:28,380 --> 00:18:32,450 anna minun nyt tehdä sivun otsikko, hello world kuten viime kerralla, 328 00:18:32,450 --> 00:18:34,790 sulje otsikko, nyt haluan tehdä elin. 329 00:18:34,790 --> 00:18:38,130 Täällä Sanon hei, maailma joitakin exclams 330 00:18:38,130 --> 00:18:40,550 tehdä selväksi, että se on erilainen merkkijono. 331 00:18:40,550 --> 00:18:45,800 Sulje runko, ja nyt haluan mennä eteenpäin ja jättää tallenna. 332 00:18:45,800 --> 00:18:48,470 Anna minun mennä takaisin minun pääteikkunaa ja jos kirjoitat ls, 333 00:18:48,470 --> 00:18:51,830 Haluan, oletettavasti, ks hello.html. Ja minä. 334 00:18:51,830 --> 00:18:55,070 Joten nyt mennään takaisin minun selain, valitse lataa, 335 00:18:55,070 --> 00:18:58,930 ja näet olemme todellakin sisällä tästä HTML kansion. 336 00:18:58,930 --> 00:19:02,310 En näe sivun vielä, tämä on Apache, web-palvelin, 337 00:19:02,310 --> 00:19:04,670 vain osoittaa minulle listan tämän hakemiston sisällöstä. 338 00:19:04,670 --> 00:19:08,260 Aivan kuten Mac OS tai Windows tyypillisesti tehdä oman paikalliselle kiintolevylle. 339 00:19:08,260 --> 00:19:12,730 Joten jos haluan nähdä tämän sivun, voin napsauttaa tämän pienen linkkiä tänne, hello.html, 340 00:19:12,730 --> 00:19:15,160 ja todellakin, että mitä odotin nähdä. 341 00:19:15,160 --> 00:19:18,080 Nyt, jälleen kerran, tämä ei ole URL-osoite tahansa voi käydä juuri nyt, 342 00:19:18,080 --> 00:19:20,760 koska teille, paikallinen isäntä, jos sinulla on kannettava tietokone täällä, 343 00:19:20,760 --> 00:19:23,050 se viittaa omaan esiintymä laitteen. 344 00:19:23,050 --> 00:19:25,900 Tämä on minun henkilökohtainen laite, 345 00:19:25,900 --> 00:19:29,080 mutta tämä on sellainen tyhmä minulle on, saada 346 00:19:29,080 --> 00:19:34,480 käyttäjä kuten minä klikkaa hello.html todella nähdä tämän sivun sisältöä. 347 00:19:34,480 --> 00:19:42,590 On käynyt ilmi, että web-palvelimia kuten Apache voit olla oletustiedostosta tahansa web-palvelin. 348 00:19:42,590 --> 00:19:44,640 Ilmoitus tästä on hello.html. 349 00:19:44,640 --> 00:19:48,410 Mitä komento Linux nimetä tiedoston? 350 00:19:48,410 --> 00:19:50,870 >> MV, ja liikkua. Joten anna minun tehdä sitä, 351 00:19:50,870 --> 00:19:55,870 ja haluan nimetä hello.html on index.html. 352 00:19:55,870 --> 00:19:58,610 Saanen komennon ls vahvista se nyt nimetty uudelleen. 353 00:19:58,610 --> 00:20:03,250 Nyt tämä on menossa - jos menen takaisin paikallinen isäntä, 354 00:20:03,250 --> 00:20:06,710 huomaa nyt, että olen automaattisesti nähdä kyseisen sivun. 355 00:20:06,710 --> 00:20:11,740 Tämä on sama kuin minun todella tekee / index.html 356 00:20:11,740 --> 00:20:14,740 mutta kiva juttu nyt on, että www-palvelin on miettiminen, 357 00:20:14,740 --> 00:20:18,830 oh, jos sinulla on tiedosto, ihmisen yleissopimukset, kutsutaan index.html 358 00:20:18,830 --> 00:20:21,200 haluan näyttää käyttäjälle, että tiedosto oletuksena 359 00:20:21,200 --> 00:20:25,290 sijaan jotkut typerä hakemistolistaus joka ei ole lainkaan käyttäjäystävällinen. 360 00:20:25,290 --> 00:20:28,900 Useimmat verkkosivustoja Internetissä ei ole tiedostojen luettelo napsauttamalla, 361 00:20:28,900 --> 00:20:34,040 ne vain näyttää sisältöä. Niin, että miten voimme tehdä sen, index.html. 362 00:20:34,040 --> 00:20:37,000 Joten tämä on hauskaa ja hyvä, mutta tämä on melko yksinkertainen web-sivun. 363 00:20:37,000 --> 00:20:41,640 Anna minun mennä eteenpäin ja avata index.html minun vhosts, 364 00:20:41,640 --> 00:20:47,620 paikalliset isännät, html hakemistoon, ja katsotaanpa lisätä jotain suurempaa kiinnostusta. 365 00:20:47,620 --> 00:20:56,120 Joten siellä hello world, katsotaanpa vaan sanoa "Tämä on CS50, Harvard Collegen. . . " 366 00:20:56,120 --> 00:21:00,000 Niin alussa kurssiluetteloon kuvaus jonkinlainen siellä. 367 00:21:00,000 --> 00:21:03,780 Nyt jos lataa, minun pitäisi nähdä tämä minun kotisivulla. 368 00:21:03,780 --> 00:21:09,560 Okei, ja en näe, mutta oletetaan, että haluan nyt luetella joitakin enemmän sisältöä tähän tiedostoon. 369 00:21:09,560 --> 00:21:15,160 Voisin mennä tänne ja sanovat, edellytykset yksikään, 370 00:21:15,160 --> 00:21:18,740 vaikka jotkut teistä ovat luultavasti tyyliin "Ha ha ha, ei edellytyksiä." 371 00:21:18,740 --> 00:21:24,320 Mutta - virallisesti. Joten uudelleen, ja nyt meillä on sama omituisuus, että näimme viime kerralla. 372 00:21:24,320 --> 00:21:26,240 Mutta miksi? Se oli yksinkertainen korjata. 373 00:21:26,240 --> 00:21:31,440 Miksi tämä sivu rikki? 374 00:21:31,440 --> 00:21:34,170 [Student, käsittämätön] >> Joo, olemme ratkaisseet tämän ennen 375 00:21:34,170 --> 00:21:37,440 nimenomaisesti kertomalla selaimen laittaa rivinvaihdon täällä. " 376 00:21:37,440 --> 00:21:39,440 Ja se johtuu siitä, jälleen, selaimen vain aikoo tehdä 377 00:21:39,440 --> 00:21:42,610 nimenomaan mitä kuvauskieli kertoo sen tehdä, 378 00:21:42,610 --> 00:21:45,730 joten vaikka olet ehkä painaa enteriä kerran tai kahdesti tai jopa kymmenen kertaa, 379 00:21:45,730 --> 00:21:49,870 se tulee yhdistää kaikki yhdeksi tilaan, vain yleissopimuksessa. 380 00:21:49,870 --> 00:21:52,770 Joten jos todella haluat rivinvaihdon, sinun on käytettävä br tunnistetta, 381 00:21:52,770 --> 00:21:56,840 ja nyt ilmoitus, kuten maanantaina laitoin / sisäpuoli tämän tunnisteen, 382 00:21:56,840 --> 00:22:00,090 vain koska tämä ei vain tunnu oikealta 383 00:22:00,090 --> 00:22:02,990 aloittaa rivinvaihdon niin lopeta se mitään siltä väliltä. 384 00:22:02,990 --> 00:22:07,740 >> Joten yleissopimuksen HTML on avata ja sulkea tag samanaikaisesti. 385 00:22:07,740 --> 00:22:11,050 Sivuhuomautuksena, näet paljon sivustoja kirjoista ei tee sitä. 386 00:22:11,050 --> 00:22:14,240 On oikein tehdä tai olla tekemättä sitä, mutta väittäisin 387 00:22:14,240 --> 00:22:17,430 että suunnittelu-viisas ja tyylillisesti, tämä on vain parempi 388 00:22:17,430 --> 00:22:20,540 koska silloin jokainen tunniste on sekä avata ja sulkea jotenkin. 389 00:22:20,540 --> 00:22:23,370 Joten nyt mennään tallentaa ja ladata. Mene takaisin selaimen, okei. 390 00:22:23,370 --> 00:22:26,680 Nyt Teemme jonkin verran, mutta se ei aivan riitä. 391 00:22:26,680 --> 00:22:33,210 Mennään eteenpäin ja alkaa kirjoittaa joitakin pitempiä tekstiä. 392 00:22:33,210 --> 00:22:40,610 Joten sanokaamme, "nopea ruskea kettu hyppää yli laiska koira." 393 00:22:40,610 --> 00:22:42,700 Ja nyt haluan vain kopioida ja liittää tämän muutaman kerran 394 00:22:42,700 --> 00:22:45,040 niin että meillä on tekstikappale. 395 00:22:45,040 --> 00:22:47,780 Saanen palata tänne. Joten se ei ole näyttää hyvältä. 396 00:22:47,780 --> 00:22:50,000 Minulla rivinvaihdon, joten se on okei, 397 00:22:50,000 --> 00:22:52,140 mutta nyt, kun saamme siihen pisteeseen, jossa web-sivun 398 00:22:52,140 --> 00:22:55,640 että on paljon sisältöä eikä vain yksittäisiä linjoja osoittamaan HTML, 399 00:22:55,640 --> 00:22:58,570 voimme alkaa ajatella näitä asioita todellisina kohdat. 400 00:22:58,570 --> 00:23:01,590 Ja voimme alkaa jäsentää nettisivumme hieman puhtaammin. 401 00:23:01,590 --> 00:23:05,120 Ja todellakin, mitä voin tehdä, on mennä täällä sisällä ruumiini tag, 402 00:23:05,120 --> 00:23:09,400 ja tiedätkö mitä, jos "Tämä on CS50. . . " todella demarks alkuun kappaleen 403 00:23:09,400 --> 00:23:11,310 No, merkitä sitä sellaisena. 404 00:23:11,310 --> 00:23:13,570 Saanen luetelmakohdan tekstiä, vain sopimuksen mukaan, sanon 405 00:23:13,570 --> 00:23:15,710 että tämä kohta loppuu tähän, 406 00:23:15,710 --> 00:23:18,320 ja sitten kuin ei tämä rivinvaihto, sanon vain 407 00:23:18,320 --> 00:23:23,300 että tämä kuuluu sinne ja uusi kohta, 408 00:23:23,300 --> 00:23:27,610 ja minä vain nopeasti luetelmakohdan mukaan vain clobbering kaikki tätä kamaa. 409 00:23:27,610 --> 00:23:30,660 >> Joten nyt meillä on sisennetty kappale siellä, 410 00:23:30,660 --> 00:23:33,510 ja nyt meidän markup on alkanut saada hieman enemmän 411 00:23:33,510 --> 00:23:37,070 semanttisesti johdonmukaisia ​​mitä yritämme tehdä. 412 00:23:37,070 --> 00:23:40,130 Meillä on kohta, joten kutsukaamme sitä kohtaan, jossa p tag. 413 00:23:40,130 --> 00:23:43,370 Meillä on toinen kohta, joten kutsukaamme sitä kohtaan, jossa p tag. 414 00:23:43,370 --> 00:23:45,850 Ja nyt, mitä selain tyypillisesti tee 415 00:23:45,850 --> 00:23:48,490 on aivan kuten Englanti kirjan tai essee, 416 00:23:48,490 --> 00:23:51,280 jossa tyypillisesti nähdä rivinvaihdot kappaleiden väliin. 417 00:23:51,280 --> 00:23:53,720 Selaimet tekee sen puolestasi automaattisesti. 418 00:23:53,720 --> 00:23:56,680 Joten nyt meillä on kaksi kohtaa, ja voimme jatkaa tätä. 419 00:23:56,680 --> 00:23:58,770 Mutta tietenkin, Web, kun olet elinten tekstin 420 00:23:58,770 --> 00:24:01,370 se ei ole yleensä vain valtava läiskä tekstin. 421 00:24:01,370 --> 00:24:04,040 On usein hyperlinkkejä siellä. 422 00:24:04,040 --> 00:24:07,250 Joten jos haluamme esimerkiksi sisältävät joitakin linkkejä siellä, 423 00:24:07,250 --> 00:24:10,760 Oletetaan, mikä voisi olla kiinnostava tahansa verkkosivun Luon tässä - 424 00:24:10,760 --> 00:24:12,780 anna minun mennä Google.com, 425 00:24:12,780 --> 00:24:16,540 ja anna minun etsiä nopea ruskea kettu. 426 00:24:16,540 --> 00:24:22,150 Siirry Google kuvia, ja, miten noin - tämä on söpö. 427 00:24:22,150 --> 00:24:27,420 Menemme tätä. Joten tässä meillä on nopea ruskea kettu hyppää yli laiska koira. 428 00:24:27,420 --> 00:24:30,560 Joten mitä aion tehdä täällä, vain sen vuoksi esittely, 429 00:24:30,560 --> 00:24:32,950 on olettaa, että tämä kuva oli minun palvelimelle, 430 00:24:32,950 --> 00:24:35,240 ja olin ollut luomassa näitä kuvia. 431 00:24:35,240 --> 00:24:38,720 Mitä tein oli oikealla painikkeella tai hallita klikkaa kuvaa, 432 00:24:38,720 --> 00:24:42,370 ja mitä näet useimmissa selaimissa on pieni menu - 433 00:24:42,370 --> 00:24:48,800 lopettaa tuon - pieni valikon, josta voit valita Kopioi linkin osoite tai Kopioi URL. 434 00:24:48,800 --> 00:24:52,750 Joten anna minun mennä takaisin nyt minun HTML, ja oletetaan, että haluan 435 00:24:52,750 --> 00:24:56,420 että hyperlinkin tämän toisen sivun. 436 00:24:56,420 --> 00:24:58,640 >> Mikä oli tag vaati, että? 437 00:24:58,640 --> 00:25:01,650 [Student, käsittämätön] >> Joo. Joten href hyper viite. 438 00:25:01,650 --> 00:25:04,660 Anna minun mennä eteenpäin ja liitä se tuumaa 439 00:25:04,660 --> 00:25:07,290 Se on melko pitkä URL, joten saanen zoomaa takaisin ulos. 440 00:25:07,290 --> 00:25:09,950 Sulje suluissa, joten nyt huomaa olen niin tänne 441 00:25:09,950 --> 00:25:11,960 koska URL sattui olemaan melko pitkä. 442 00:25:11,960 --> 00:25:15,180 Saanen siirry tänne loppuun nopea ruskea kettu, 443 00:25:15,180 --> 00:25:18,830 ja anna minun sulkea tämän tunnisteen 00:25:21,280 jossa olen vain kiinni nimen tunnisteen. 445 00:25:21,280 --> 00:25:24,470 Nyt haluan mennä eteenpäin ja tallenna tiedosto, lataa web-sivun, 446 00:25:24,470 --> 00:25:27,880 ja nyt, oletuksena, että menee korostuu sinisellä minulle, 447 00:25:27,880 --> 00:25:31,980 mutta todellakin, voin nyt klikkaa tästä ja voila. On tuo kuva. 448 00:25:31,980 --> 00:25:33,990 Ja se ei tarvitse olla kuvan, se olisi voinut sidoksissa 449 00:25:33,990 --> 00:25:36,270 on jokin muu satunnainen oleva Internet-sivusto. 450 00:25:36,270 --> 00:25:39,610 Voisin tehdä tämän esimerkiksi kanssa CS50, joten viimeinen esimerkki tästä. 451 00:25:39,610 --> 00:25:42,730 "Tämä on CS50" voisi olla järkevää mennä, href = 452 00:25:42,730 --> 00:25:50,340 http://www.cs50.net, close lainaus, lähellä ankkuri. 453 00:25:50,340 --> 00:25:53,990 Joten nyt se on vieläkin lyhyempi URL, ja tällä kertaa emme aio linkittää kuvan. 454 00:25:53,990 --> 00:25:57,880 Me sen sijaan menossa linkki toiselle sivulle. 455 00:25:57,880 --> 00:25:59,840 Nyt meillä on kuva täällä. 456 00:25:59,840 --> 00:26:02,970 Tunnen voimme tehdä hieman paremmin kuin vain linkittämällä kuvan. 457 00:26:02,970 --> 00:26:05,760 Mitä jos haluamme todella ilmentää sitä omassa web-sivu? 458 00:26:05,760 --> 00:26:09,290 >> No, mitä voin tehdä tässä, eikä linkki graafinen, 459 00:26:09,290 --> 00:26:14,690 Saanen sen sijaan leikata URL, ja saamme eroon hyperlinkin ja puhdistaa tätä ylös. 460 00:26:14,690 --> 00:26:17,190 Ja menemme tänne ja päästä eroon tästä. 461 00:26:17,190 --> 00:26:20,910 Emme todellakaan tarvitse kaikkia näitä lauseita nyt, niin haluan lyhentää sivun hieman. 462 00:26:20,910 --> 00:26:24,530 Ja sitten täällä haluan mennä eteenpäin uusi kohta, 463 00:26:24,530 --> 00:26:30,100 sanoa, että en halua tekstiä nyt, haluan kuvan, jonka lähde tulee olla, että URL. 464 00:26:30,100 --> 00:26:33,100 Kuva, kuten rivinvaihdon, on joko olemassa tai se ei ole. 465 00:26:33,100 --> 00:26:35,900 Saanen siis sulje välittömästi kyseisen tunnisteen. 466 00:26:35,900 --> 00:26:39,440 Anna minun mennä eteenpäin nyt ja sulje kohdassa, että olen sisällä, 467 00:26:39,440 --> 00:26:43,010 ja jos kaikki menee hyvin hei, maailma, jos lataa nyt, 468 00:26:43,010 --> 00:26:45,520 Minä todellakin ks oikeus sisällä oman web-sivun kuva. 469 00:26:45,520 --> 00:26:48,570 Nyt meillä on siis kuvan tag, ankkuri tag ja vastaavat, 470 00:26:48,570 --> 00:26:51,320 ja hyvä toimenpide, anna minun tehdä yksi asia, joka on usein laiminlyöty 471 00:26:51,320 --> 00:26:55,900 verkkosivuilla näinä päivinä: Katsotaanpa antaa kuvailevaa tekstiä tämän kuvan 472 00:26:55,900 --> 00:26:58,090 ihmisille, jotka ovat mobiililaitteen 473 00:26:58,090 --> 00:27:00,640 ja siksi ei ehkä ladata tämän kuvan hyvin nopeasti, 474 00:27:00,640 --> 00:27:03,310 ihmisille, jotka ovat sokeita ja eivät välttämättä pysty näkemään kuvan 475 00:27:03,310 --> 00:27:06,480 mutta ne saattavat olla näyttöruudun lukijan, joka voi kertoa heille, mitä tämä kuva on. 476 00:27:06,480 --> 00:27:09,100 Ja tehdä se, on toinen attribuutti kuvan tunnisteet 477 00:27:09,100 --> 00:27:11,290 vaati alt varten vaihtoehtoisen tekstin. 478 00:27:11,290 --> 00:27:14,650 Ja mitä voin tehdä täällä sanovat, "Tämä on nopea ruskea kettu." 479 00:27:14,650 --> 00:27:17,650 Niin, että vaikka ihminen ei voi nähdä kuvan ruudulla, 480 00:27:17,650 --> 00:27:20,560 hän voi ainakin kuulla, kuten joidenkin ohjelmiston osa, 481 00:27:20,560 --> 00:27:23,080 mitä todella on olemassa ruudulla. 482 00:27:23,080 --> 00:27:25,040 >> Se ei muuta estetiikka sivun 483 00:27:25,040 --> 00:27:27,640 mutta se on varmasti hyvä käytäntö käyttäjille. 484 00:27:27,640 --> 00:27:31,760 Selvä, mennään jättää tämän sivun nykyisessä muodossaan, 485 00:27:31,760 --> 00:27:33,890 mutta katsotaanpa jos emme voi nyt ottaa käyttöön 486 00:27:33,890 --> 00:27:36,210 jotkut parempia lähestymistapoja kirjoittavat näitä verkkosivuja, 487 00:27:36,210 --> 00:27:39,980 joitakin johtopäätöksiä, jotka ovat menossa palvelemaan meitä ja meidän sivuja enemmän ja monimutkaisempia. 488 00:27:39,980 --> 00:27:42,220 Mitä emme aio tehdä tulevina viikkoina 489 00:27:42,220 --> 00:27:46,810 on opastaa kaikkia kymmeniä HTML ettei. 490 00:27:46,810 --> 00:27:49,800 Aivan kuten tyhjästä takaisin viikolla 0, se luultavasti riittää 491 00:27:49,800 --> 00:27:52,120 , jolloin saatiin korkean tason katsaus joitakin käsitteitä, 492 00:27:52,120 --> 00:27:54,530 nopea kierros joidenkin lohkojen olit luultavasti mahdollisuus, 493 00:27:54,530 --> 00:27:58,240 melko mukavasti, navigoida oman, eri palapelin palaset. 494 00:27:58,240 --> 00:28:00,460 Ja se tulee tapahtumaan uudelleen HTML, todennäköisesti, 495 00:28:00,460 --> 00:28:04,320 jolloin siellä runsaasti resursseja Webissä, että me kohta sinua, 496 00:28:04,320 --> 00:28:06,920 Eri oppikirjoja, jos haluat lukea oppikirja, 497 00:28:06,920 --> 00:28:10,560 että käydään läpi kaikki eri asioita voit tehdä HTML, 498 00:28:10,560 --> 00:28:16,100 mutta todellakin, olemme nähneet tähän mennessä HTML useimmissa peruskäsitteisiin. 499 00:28:16,100 --> 00:28:19,900 Meillä on käsite tunnisteet avataan, tagit suljetaan. 500 00:28:19,900 --> 00:28:22,100 Jotkin tunnisteet, jotka ovat sekä avataan ja suljetaan 501 00:28:22,100 --> 00:28:24,620 siinä mielessä, että ne ovat tyhjät, ei pitäisi olla mitään sisällä niitä 502 00:28:24,620 --> 00:28:27,490 kuten kuva tag tai rivinvaihdon, jotka ovat juuri siellä. 503 00:28:27,490 --> 00:28:32,330 Olemme tarkasteltiin myös jo käsite määrite, kuten alt tai lähde. 504 00:28:32,330 --> 00:28:36,410 Huomaa, että nämä sanat yleensä, sopimuksen mukaan, olla lyhyt ja ytimekäs. 505 00:28:36,410 --> 00:28:39,140 >> Meillä ei ole harkintavaltaa, mitä nämä asiat ovat kutsutut, 506 00:28:39,140 --> 00:28:42,060 joku muu, kuka keksi HTML keksi näitä nimiä. 507 00:28:42,060 --> 00:28:44,710 Joten sinun täytyy vain alkaa tietää tai etsiä, aina kun tarvitset niitä, 508 00:28:44,710 --> 00:28:47,160 mitkä nimet ovat näitä tageja ja attribuutteja. 509 00:28:47,160 --> 00:28:49,510 Tapauksessa nämä ominaisuudet, se liittää yleisesti 510 00:28:49,510 --> 00:28:52,900 muuttaa käyttäytymistä joidenkin tag. 511 00:28:52,900 --> 00:28:55,710 Tässä tapauksessa lähde attribuutti kertoo kuvan tag 512 00:28:55,710 --> 00:28:57,940 mitä lähde kuvan pitäisi olla. 513 00:28:57,940 --> 00:29:04,460 Href attribuuttia kertoo ankkuri tag mitä se olisi todella linkittää. 514 00:29:04,460 --> 00:29:06,800 Mutta suhteen rakenteen web-sivulle, vaikka Facebook 515 00:29:06,800 --> 00:29:09,680 ja Googlen kaltaiset näyttävät täydellinen sotku 516 00:29:09,680 --> 00:29:12,560 alla huppu ensi silmäyksellä, jos alkaa lukea läpi 517 00:29:12,560 --> 00:29:16,950 enemmän suunnitelmallisesti, ne kaikki noudattavat tätä perus, perusrakennetta. 518 00:29:16,950 --> 00:29:19,660 Mutta voimme parantaa stylization näistä asioista. 519 00:29:19,660 --> 00:29:24,180 Joten anna minun mennä muutamia esimerkkejä, että olen valmis etukäteen. 520 00:29:24,180 --> 00:29:27,280 Anna minun mennä eteenpäin ja kopioi ne toiseen kansioon täältä 521 00:29:27,280 --> 00:29:29,380 ja laita ne tähän hakemistoon. 522 00:29:29,380 --> 00:29:32,210 Etukäteen, mitä tein oli valmistella muutamia tiedostoja: 523 00:29:32,210 --> 00:29:35,670 search0, SEARCH1, search2, ja search3 ja 4. 524 00:29:35,670 --> 00:29:38,740 Anna minun mennä eteenpäin ja avata ensimmäinen näistä tiedostoista, 525 00:29:38,740 --> 00:29:42,570 ja Katsotaan jos emme voi alkaa luoda omaa hakukonetta. 526 00:29:42,570 --> 00:29:46,530 Ylimpänä tämän tiedoston, kuten yleensä tapahtuu luokassa, vain joukko huomautuksia. 527 00:29:46,530 --> 00:29:49,760 HTML kuitenkin keino, jolla aloitat kommentti 528 00:29:49,760 --> 00:29:55,640 on 00:29:59,800 Kun olet valmis lopettamaan tuon kommentin, voit tehdä ->. 530 00:29:59,800 --> 00:30:02,380 Joten kaikki yläosassa sinisellä on vain kommentti. 531 00:30:02,380 --> 00:30:04,620 >> Tämä on minun DOCTYPE ilmoitus, joka taas 532 00:30:04,620 --> 00:30:07,080 voit vain kopioida ja liittää uskoon, nyt. 533 00:30:07,080 --> 00:30:10,410 Tämä vain kertoo selaimen, "Täältä tulee joitakin HTML 5." 534 00:30:10,410 --> 00:30:13,600 Alla, että linjalla 14, on ensimmäinen minun todellinen tunnisteet, 535 00:30:13,600 --> 00:30:16,900 ja tämä sanoo vain, kuten ennenkin, tässä tulee joitakin HTML, 536 00:30:16,900 --> 00:30:19,460 tässä tulee pää sivuni, tässä tulee otsikko, 537 00:30:19,460 --> 00:30:23,900 ja sitten päinvastoin, se on se otsikko, joka on se pään. 538 00:30:23,900 --> 00:30:26,460 Tässä nyt tulee body-osaan. 539 00:30:26,460 --> 00:30:31,040 Joten pari uutta tags nyt: H1 tarkoittaa otsakkeen 1. 540 00:30:31,040 --> 00:30:33,850 On perinne HTML monta vuotta taaksepäin 541 00:30:33,850 --> 00:30:37,990 ja joilla on eri koot tekstiä. 542 00:30:37,990 --> 00:30:41,980 Ja takaisin päivässä, jokainen tarkoitti yleensä vain iso ja rohkea. 543 00:30:41,980 --> 00:30:45,860 Mutta on myös H2, joka on iso, mutta ei aivan niin iso ja rohkea. 544 00:30:45,860 --> 00:30:49,320 On h3, mikä on tavallaan iso, mutta ei läheskään niin iso ja rohkea, 545 00:30:49,320 --> 00:30:52,380 ja niin edelleen, kaikki alas h6. 546 00:30:52,380 --> 00:30:55,550 Nykyään kuitenkin, H1, H2 ja H3 ovat todella tarkoitti 547 00:30:55,550 --> 00:30:57,980 on enemmän semanttinen merkitys niille, 548 00:30:57,980 --> 00:31:01,100 jolloin H1 on todella otsikko: otsikko verkkosivun, 549 00:31:01,100 --> 00:31:04,210 otsikko sarakkeen tai jotain tekstiä. 550 00:31:04,210 --> 00:31:09,030 Joten olen tarkoituksella sanonut H1 CS50 haku> H1 551 00:31:09,030 --> 00:31:12,640 sen tarkentakaa että tämä on todella otsikon, otsikko sivuni. 552 00:31:12,640 --> 00:31:14,850 Ei otsikkoa otsikkopalkissa mielessä, 553 00:31:14,850 --> 00:31:18,960 mutta otsikko että voit itse nähdä Web-sivun itse kehossa. 554 00:31:18,960 --> 00:31:20,990 Nyt tämä arvata mitä se on, 555 00:31:20,990 --> 00:31:23,110 vaikka meillä on muutamia uusia paloja syntaksin. 556 00:31:23,110 --> 00:31:25,930 Tämä on muoto. Eli web todella saa mielenkiintoista 557 00:31:25,930 --> 00:31:28,770 kun sivustot ottaa käyttäjien syötteitä. 558 00:31:28,770 --> 00:31:31,700 Tässä luokassa on ongelma asettaa web-ohjelmointi, 559 00:31:31,700 --> 00:31:33,880 emme aio tehdä verkkosivuilla, sinänsä, 560 00:31:33,880 --> 00:31:37,570 staattisella sisältö näyttää valokuvia, jotka olet ottanut, 561 00:31:37,570 --> 00:31:40,010 tai tämä on minun jatkaa, ja asioita minusta, 562 00:31:40,010 --> 00:31:42,450 koska nämä asiat ovat suhteellisen helppo koota. 563 00:31:42,450 --> 00:31:44,400 On vaikea tehdä asioita kauniita Webissä, 564 00:31:44,400 --> 00:31:46,390 mutta ainakin pystyttämiseen sisältö on melko triviaali. 565 00:31:46,390 --> 00:31:49,380 Mutta tilanne muuttuu todella mielenkiintoinen, kun joku voi käydä sivustossasi 566 00:31:49,380 --> 00:31:52,260 ja antaa panoksensa ja voi täyttää lomakkeita, 567 00:31:52,260 --> 00:31:55,800 voi ruksata valintaruudut ja voivat olla vuorovaikutuksessa sivuston. 568 00:31:55,800 --> 00:31:57,780 Ja todellakin, luultavasti jokainen sivusto välität 569 00:31:57,780 --> 00:32:00,710 näinä päivinä, on yksityiskohtaisesti, on jotenkin interaktiivinen. 570 00:32:00,710 --> 00:32:03,110 Facebook, Google, ja kuten, että ottaa käyttäjä syöttää 571 00:32:03,110 --> 00:32:05,100 ja tuottaa räätälöityjä ulostulo. 572 00:32:05,100 --> 00:32:07,780 >> Joten alkaa tehdä sitä nyt. Katsotaanpa siirtyminen nyt 573 00:32:07,780 --> 00:32:11,150 alkaen vain käyttämällä HTML markup staattisen sisällön 574 00:32:11,150 --> 00:32:14,790 sillä sen sijaan välitysmekanismina dynaamisen sisällön. 575 00:32:14,790 --> 00:32:17,350 Ja kohti tätä varten, katsotaanpa toteuttaa oman hakukoneen. 576 00:32:17,350 --> 00:32:20,820 Tehdään se seuraavasti. Tässä muodossa tag. 577 00:32:20,820 --> 00:32:24,090 Toiminta attribuutti määrittää, että kun käyttäjä täyttää lomakkeen 578 00:32:24,090 --> 00:32:28,400 niiden näppäimistö, se toimitetaan tämän URL täällä. 579 00:32:28,400 --> 00:32:31,230 Joten olen tavallaan huijausta. Se vie meidät hieman kauemmin 580 00:32:31,230 --> 00:32:33,780 kuin yksi luokka toteuttaa koko hakukoneen, 581 00:32:33,780 --> 00:32:35,880 niin me vain teemme etupään, niin sanoakseni. 582 00:32:35,880 --> 00:32:38,650 Teemme osa, jonka avulla käyttäjä etsiä, ja me tavallaan ruuhi Google 583 00:32:38,650 --> 00:32:40,950 kova osa löytää hakutulosten 584 00:32:40,950 --> 00:32:43,520 mutta erityisesti aion puhua Googlen web-palvelin 585 00:32:43,520 --> 00:32:46,710 käyttämällä yhtä kahdesta erittäin suosittu menetelmiä. 586 00:32:46,710 --> 00:32:50,000 Yksi on saada toinen, että me lopulta nähdä, on viesti, 587 00:32:50,000 --> 00:32:52,660 vaikka on toisia, joita harvemmin käytetään. 588 00:32:52,660 --> 00:32:56,440 Niin saat juuri loihtii ajatus, haluan saada jotain sisältöä, saada hakutulokset. 589 00:32:56,440 --> 00:32:58,440 Tällä voit ehkä arvata, mitä tämä tekee. 590 00:32:58,440 --> 00:33:01,900 Tämä on jonkinlainen panos, se on, itse asiassa, tulee näyttämään tekstikenttään, 591 00:33:01,900 --> 00:33:05,200 ja nimi että tulon nimi muuttujan, niin sanotusti, 592 00:33:05,200 --> 00:33:08,610 aiotaan Q kyselyn sopimuksin. 593 00:33:08,610 --> 00:33:11,700 Ja vielä, tyyppi tämä panos ei tule olemaan valintaruutu; 594 00:33:11,700 --> 00:33:13,890 se ei tule olemaan valikko, se tulee olemaan tekstikenttään 595 00:33:13,890 --> 00:33:18,060 kuten merkitty tämän ominaisuuden täällä, ja tämä teksti ruutuun 596 00:33:18,060 --> 00:33:20,680 kuten rivinvaihdon, on joko siellä tai ei. 597 00:33:20,680 --> 00:33:24,480 Joten meillä on tyhjä elementti slash sisäpuolella tag. 598 00:33:24,480 --> 00:33:28,050 Sitten aion laittaa rivinvaihdon, ja voit ehkä arvata, mitä tämä aikoo tehdä. 599 00:33:28,050 --> 00:33:30,210 Tämä on toinen eräänlainen muodon tulo. 600 00:33:30,210 --> 00:33:32,350 >> Tämä yksi menee käyttää lomakkeen lähettämistä. 601 00:33:32,350 --> 00:33:36,140 Joten tämä tulee olemaan iso painike, napsauttamalla käyttäjä voi lähettää lomakkeen, 602 00:33:36,140 --> 00:33:40,800 ja etiketti, että painiketta tulee olemaan "CS50 Etsi". 603 00:33:40,800 --> 00:33:44,170 Sulje lomake, sulje body, close HTML. 604 00:33:44,170 --> 00:33:46,280 Katsotaan mitä meillä muodossa tällä sivulla. 605 00:33:46,280 --> 00:33:48,260 Joten anna minun mennä minun selain, 606 00:33:48,260 --> 00:33:50,360 anna minun mennä, hiljaa, paikallinen isäntä. 607 00:33:50,360 --> 00:33:54,650 Tämä on vielä index.html, joten jos haluan nähdä tämän tiedoston nimeltä search0, 608 00:33:54,650 --> 00:33:59,710 Voin vain tehdä / search0.html, kirjoita - 609 00:33:59,710 --> 00:34:01,880 ja ensimmäinen minun virheitä. 610 00:34:01,880 --> 00:34:04,400 Mitä on tekeillä? En selvästikään ei ole lupaa 611 00:34:04,400 --> 00:34:06,430 Tämän tiedoston avaus, jostain syystä. 612 00:34:06,430 --> 00:34:10,170 Mutta se johtuu siitä, toisin kuin työ olemme tehneet tähän mennessä C, 613 00:34:10,170 --> 00:34:14,340 jossa ohjelmat kirjoitetaan oletetaan olevan runable sinua, 614 00:34:14,340 --> 00:34:17,590 suoritusoikeus, että ei ole oikeastaan ​​kyse Webissä, 615 00:34:17,590 --> 00:34:21,010 jolloin joskus saatat haluta luoda tiedostoja palvelimelle, 616 00:34:21,010 --> 00:34:23,310 mutta et halua koko maailman voi nähdä niitä. 617 00:34:23,310 --> 00:34:25,469 Sen sijaan haluat maailmassa nähdä joitakin tiedostoja 618 00:34:25,469 --> 00:34:27,730 mutta ei muita, vain yksityisyyden vuoksi. 619 00:34:27,730 --> 00:34:30,730 Joten se on enemmän opt-in pohjalta kun teet asioita Web. 620 00:34:30,730 --> 00:34:32,810 Ja niin haluan todellakin kirjoita ls täällä, 621 00:34:32,810 --> 00:34:37,440 ja näet tiedostot olen, mutta muistuttaa, että jos en tee ls-l pitkä, 622 00:34:37,440 --> 00:34:41,520 Haen pidempi luettelo, joka antaa minulle joitakin lisätietoja näistä tiedostoista 623 00:34:41,520 --> 00:34:45,139 jotka ovat nyt todella, ensimmäisen kerran asiaa meille. 624 00:34:45,139 --> 00:34:47,840 Huomaa, että äärioikeisto ovat nimet Omat tiedostot, 625 00:34:47,840 --> 00:34:50,690 ja sitten aika, jolloin ne viimeksi muutettu tai kopioida. 626 00:34:50,690 --> 00:34:54,370 Tämä numero täällä on mitä? Muistatteko? 627 00:34:54,370 --> 00:34:56,400 Koko tavuina, kuinka suuri tiedosto on. 628 00:34:56,400 --> 00:34:59,520 >> Joten tuntuu olevan jonkinlainen logo täällä, että on isompi kuin kaikki muut tiedostot. 629 00:34:59,520 --> 00:35:03,610 Tämä on kuka olen, tämä on mitä olen ja mitä ryhmässä Olen mukana 630 00:35:03,610 --> 00:35:07,430 Mutta sitten, täällä vasemmalla on hieman arvoituksellisesti järjestyksessä, 631 00:35:07,430 --> 00:35:10,040 ja puhuimme, luulen, lyhyesti tästä aiemmin, 632 00:35:10,040 --> 00:35:12,050 mutta tämä on tekemistä käyttöoikeudet. 633 00:35:12,050 --> 00:35:14,020 Ja vaikka se on hieman utuinen, 634 00:35:14,020 --> 00:35:17,270 RW tarkoittaa luultavasti lukea ja kirjoittaa. 635 00:35:17,270 --> 00:35:22,560 Joten näyttää siltä, ​​että nämä viivat ilmaisevat erilaisia ​​käyttöoikeuksia eri ihmisille. 636 00:35:22,560 --> 00:35:24,730 Ja malli on lähinnä seuraavasti. 637 00:35:24,730 --> 00:35:27,650 Kun näet sarjan viivoja täällä, ne näyttävät seuraavasti. 638 00:35:27,650 --> 00:35:30,450 On viiva, sitten on kolme viivaa, 639 00:35:30,450 --> 00:35:33,390 Sitten on vielä kolme, sitten on toinen kolme. 640 00:35:33,390 --> 00:35:36,800 Ensimmäinen on joko viiva tai sen mainoksen hakemistoon. 641 00:35:36,800 --> 00:35:40,220 Niin että yksi on melko helppoa. Jos se on kansio, se sanoo d, muutoin se on yhdysmerkki. 642 00:35:40,220 --> 00:35:44,080 On pari muuta tapausta, mutta nyt me vain välitä tiedostoja ja hakemistoja. 643 00:35:44,080 --> 00:35:48,090 Nämä seuraavat kolme viivaa - ja olen keinotekoisesti lisätty välilyöntejä. 644 00:35:48,090 --> 00:35:50,490 He olivat ilmeisesti, eikä siellä kun näimme heidät hetki sitten. 645 00:35:50,490 --> 00:35:52,900 Nämä ovat tiedoston omistajan oikeudet, 646 00:35:52,900 --> 00:35:55,840 ja muistamme hetki sitten, että se oli Read & Write. 647 00:35:55,840 --> 00:35:58,560 Se oli sillä minä, joka loi tämän tiedoston hetki sitten, 648 00:35:58,560 --> 00:36:01,250 Minä vain oletuksena on Linux-tietokoneen, 649 00:36:01,250 --> 00:36:03,910 on kyky jatkaa lukemista ja kirjoittamista tiedoston. 650 00:36:03,910 --> 00:36:07,170 >> Joten käyttöjärjestelmä vain antaa minulle RW automaattisesti. 651 00:36:07,170 --> 00:36:10,840 Keskellä niistä liittyvät ryhmäni, että opiskelijat, 652 00:36:10,840 --> 00:36:14,590 mikä on tavallaan merkityksetön laitteen päälle, koska olen ainoa henkilö käyttää laitetta. 653 00:36:14,590 --> 00:36:16,620 Joten haluan vain heiluttaa käsiäni tuohon nyt. 654 00:36:16,620 --> 00:36:19,190 Mutta viimeiset ovat tärkeimpiä Web. 655 00:36:19,190 --> 00:36:21,580 Tämä on kaikki muutkin maailmassa, ja se 656 00:36:21,580 --> 00:36:24,600 että on --- tarkoittaa, että kukaan muu maailmassa 657 00:36:24,600 --> 00:36:26,680 mitään oikeuksia tähän tiedostoon. 658 00:36:26,680 --> 00:36:29,180 Selvästikin ongelma, joten minun täytyy korjata 659 00:36:29,180 --> 00:36:33,830 jotka jotenkin antamalla maailmalle mitä? Lue ja kirjoita? 660 00:36:33,830 --> 00:36:35,850 Se on luultavasti tyhmää, eikö? En halua kenenkään Webissä 661 00:36:35,850 --> 00:36:38,530 mennä vierailla sivulle ja jotenkin muuttaa tiedoston, 662 00:36:38,530 --> 00:36:40,800 vaikka he todella voisivat olla myös HTML-tiedosto, 663 00:36:40,800 --> 00:36:44,110 mutta vain periaatteessa, luultavasti vain halua niitä lukea sitä. 664 00:36:44,110 --> 00:36:47,910 Mitä se tarkoittaa lukea sitä? Se ei tarkoita, että he tulevat välitä todellista HTML, 665 00:36:47,910 --> 00:36:51,820 mutta selain on voitava jäsentää että kuvauskieli, 666 00:36:51,820 --> 00:36:53,720 ylhäältä alas, vasemmalta oikealle. 667 00:36:53,720 --> 00:36:57,990 Joten joku Webissä on voitava lukea sitä, joten minun minimaalisesti täytyy antaa se r. 668 00:36:57,990 --> 00:37:00,240 Voin tehdä tämän muutamalla eri tavalla, mutta ehkä 669 00:37:00,240 --> 00:37:03,080 Yksinkertaisin on tämän komennon täällä. 670 00:37:03,080 --> 00:37:10,860 Chmod, muutos-tilassa, sitten + r niin, sillä kaikki maailman + lukea, 671 00:37:10,860 --> 00:37:13,830 ja sitten tiedoston nimi, search0.html. 672 00:37:13,830 --> 00:37:18,310 >> Nyt jos teen ls-l uudelleen, huomaa että tiedosto on muuttunut, 673 00:37:18,310 --> 00:37:21,440 ja todellakin, olen päällä r kaikille. 674 00:37:21,440 --> 00:37:23,350 Olen myös kääntyi sen ryhmäni, mutta se on hienoa, 675 00:37:23,350 --> 00:37:27,150 koska jos olen kääntynyt päälle kaikille, ryhmäni on osajoukko siitä. 676 00:37:27,150 --> 00:37:31,480 Niin, että sekin sopii. Tämä tarkoittaa vain tietokone on nyt tehnyt luettavissa. 677 00:37:31,480 --> 00:37:34,430 Nyt haluan mennä takaisin minun selain, valitse lataa. 678 00:37:34,430 --> 00:37:36,330 Ah-ha. Meillä on nyt CS50 Etsi. 679 00:37:36,330 --> 00:37:39,830 Olen zoomataan hieman keinotekoisesti - aika hirveä hakukone. 680 00:37:39,830 --> 00:37:41,930 Mutta katsotaanpa, jos se todella toimii. 681 00:37:41,930 --> 00:37:45,880 Ensinnäkin haluan tehdä nopeasti järki tarkistaa, haluan hallita klikkaa ja tarkastella sivun lähdekoodia. 682 00:37:45,880 --> 00:37:50,780 Huomaa, että sisällä Chrome me nyt näemme saman HTML että olen itse luonut. 683 00:37:50,780 --> 00:37:55,420 Älä hämmentyä täällä, tosin. En voi alkaa muuttaa koodia tässä 684 00:37:55,420 --> 00:37:59,420 koska selain on vain luku-Tämän koodin. 685 00:37:59,420 --> 00:38:06,060 Selain on juuri pyytänyt paikallisia isäntä tiedosto nimeltä search0.html. 686 00:38:06,060 --> 00:38:09,490 Nyt on puhdasta sattumaa, että laite 687 00:38:09,490 --> 00:38:13,480 sattuu olemaan samassa tietokoneessa kuin selaimen. 688 00:38:13,480 --> 00:38:20,470 Voisin vain olla, vastaavasti, ovat kirjoittanut www.facebook.com/search0.html, 689 00:38:20,470 --> 00:38:23,830 ja jos Facebook on ollut tiedosto nimeltä, että olisin sitten nähdä niiden HTML. 690 00:38:23,830 --> 00:38:27,360 Ja tietenkin, en voi muuttaa tiedostoa, joka tulee takaisin Facebook, joko. 691 00:38:27,360 --> 00:38:29,360 Joten nyt olemme tavallaan hämärtää linjat. 692 00:38:29,360 --> 00:38:32,130 Laite on sekä palvelin, joka palvelee jopa web-sivuja, 693 00:38:32,130 --> 00:38:34,870 mutta se on myös asiakkaan mielessä, että olen selaimella 694 00:38:34,870 --> 00:38:37,630 todella puhua kyseiselle palvelimelle. 695 00:38:37,630 --> 00:38:39,610 Joten onko minun Googlen hakukone toimii. 696 00:38:39,610 --> 00:38:44,930 Anna minun mennä eteenpäin ja etsiä nopea ruskea kettu, kirjoita. 697 00:38:44,930 --> 00:38:47,540 Ja voila, minulla on nyt oma hakukone. 698 00:38:47,540 --> 00:38:51,460 >> Mutta miten tämä toimii? 699 00:38:51,460 --> 00:38:55,380 Hieman venyttää, mutta - ja nyt et voi nähdä nimenomaan osa se kiinnostaa. 700 00:38:55,380 --> 00:38:57,370 Huomaa mitä tapahtuu. 701 00:38:57,370 --> 00:39:00,430 Huomaa URL. On käynyt ilmi, että menetelmä, 702 00:39:00,430 --> 00:39:02,780 kutsutaan päästä, on super-yksinkertainen. 703 00:39:02,780 --> 00:39:10,270 Kun määrität sellaisessa muodossa, että haluat "päästä" tuloksia joistakin palvelimelta, 704 00:39:10,270 --> 00:39:13,200 mitä se aikoo tehdä, on ottaa mitä kirjoitit muotoon 705 00:39:13,200 --> 00:39:15,290 ja laita se URL. 706 00:39:15,290 --> 00:39:18,580 Se tulee yhtenäistää miten se saa laittaa URL seuraavasti. 707 00:39:18,580 --> 00:39:22,290 Huomaa, että tämä on URL, joka oli arvo minun toimia määritteen. 708 00:39:22,290 --> 00:39:24,730 Siellä halusin lomakkeen päätyä. 709 00:39:24,730 --> 00:39:26,950 Mutta sitten huomata tämän kysymysmerkki. 710 00:39:26,950 --> 00:39:30,230 Tämä on yleissopimuksen Web jonka antaa käyttäjä syöttää 711 00:39:30,230 --> 00:39:35,320 on verkkosivusto, voit liittää URL kysymysmerkki, 712 00:39:35,320 --> 00:39:38,330 ja sitten on koko joukko avainarvoparisi. 713 00:39:38,330 --> 00:39:42,380 Nimen avaimen, joka tunnetaan myös parametri Web, 714 00:39:42,380 --> 00:39:46,380 niin sinulla on yhtäläisyysmerkki, niin sinulla on arvo, joka parametrin. 715 00:39:46,380 --> 00:39:49,810 Joten se on pohjimmiltaan muuttujan nimi ja muuttujan arvon, 716 00:39:49,810 --> 00:39:54,250 mutta nuo muuttujan nimet ja arvot tulivat HTML muodossa. 717 00:39:54,250 --> 00:39:56,250 Miksi plussia siellä, luulet? 718 00:39:56,250 --> 00:39:59,340 Koska en kirjoita + välillä sanojani. 719 00:39:59,340 --> 00:40:01,430 [Student, käsittämättömällä] 720 00:40:01,430 --> 00:40:05,080 >> Joo, se on vain väli. Kertoimet ovat, kun olet nähnyt URL- 721 00:40:05,080 --> 00:40:07,320 siellä ei ole koskaan mitään välilyöntejä, jos vain koska 722 00:40:07,320 --> 00:40:09,440 jos olisi, et voisi todella kopioi ja liitä se 723 00:40:09,440 --> 00:40:12,700 osaksi IM tai osaksi sähköpostin, koska se rikkoisi. 724 00:40:12,700 --> 00:40:15,420 Haluat koko asia on yksi yhtenäinen merkkijono. 725 00:40:15,450 --> 00:40:18,450 >> Eli selain on fiksu ymmärtää, uh-uh. 726 00:40:18,450 --> 00:40:22,610 Älä vain laittaa tilaa siellä. Saanen koodata tilaa standardilla tavalla. 727 00:40:22,610 --> 00:40:25,170 Yksi yleissopimusten näin on, selain 728 00:40:25,170 --> 00:40:29,350 automaattisesti laittaa + missä muuten on tilaa. 729 00:40:29,350 --> 00:40:32,140 Joten nyt ilmoitusta Google on eräänlainen käyttäjäystävällinen. 730 00:40:32,140 --> 00:40:34,380 En todellakaan luoda tällä sivulla, 731 00:40:34,380 --> 00:40:37,200 mutta ne ovat valmiiksi jo oman tekstikenttään 732 00:40:37,200 --> 00:40:39,490 mitä, tarkalleen, olen kirjoittanut tuumaa 733 00:40:39,490 --> 00:40:43,090 Oletetaan Haluan etsiä jotain muuta, kuin laiska koira. 734 00:40:43,090 --> 00:40:45,340 Voin vain kirjoittaa tämän tänne uudelleen hakuun. 735 00:40:45,340 --> 00:40:47,730 Huomaa, että URL muuttuu täällä, 736 00:40:47,730 --> 00:40:51,390 mutta huomaa sitten, että voin itse etsiä mitä haluan 737 00:40:51,390 --> 00:40:53,610 vain ymmärtämällä miten URL työtä. 738 00:40:53,610 --> 00:40:56,840 Voisin tehdä laiska kissa, anna, 739 00:40:56,840 --> 00:41:01,370 ja huomaa nyt Saan hyvin laiska - pitäisi? Tunnen meidän pitäisi. 740 00:41:01,370 --> 00:41:09,900 Saan hyvin laiska kissa. 741 00:41:09,900 --> 00:41:11,930 Selvä. Tämä on yksi typerin mitä olemme tehneet. 742 00:41:11,930 --> 00:41:17,160 Mutta se on laiska kissa. 743 00:41:17,160 --> 00:41:19,730 Oli miten oli, mitä avain takeaway täällä? 744 00:41:19,730 --> 00:41:22,830 Nyt olemme tavallaan pelaavat maailman HTTP. 745 00:41:22,830 --> 00:41:26,050 HTML on juuri tämä kuvauskieli, avaa tag, sulje tag, 746 00:41:26,050 --> 00:41:29,490 joka kertoo selaimen miten tehdä sisältöä web sivulle. 747 00:41:29,490 --> 00:41:32,850 Mutta kun alkaa lähettää dataa Internetiin 748 00:41:32,850 --> 00:41:36,290 välillä selaimen ja palvelimen, se on silloin tämä pöytäkirja 749 00:41:36,290 --> 00:41:39,370 kutsutaan HTTP-protokolla valtaa. 750 00:41:39,370 --> 00:41:42,630 Tämä on eräänlainen ihmisen yleissopimuksen kun Sam ja minä kätteli maanantaina 751 00:41:42,630 --> 00:41:48,300 alkaen yhteys ja sitten sulkemalla yhteys, sama ajatus tässä. 752 00:41:48,300 --> 00:41:53,100 Miten Googlen tulokset tulevat takaisin minulle? 753 00:41:53,100 --> 00:41:55,290 Miten minun lomakkeen lähettäminen menossa Google? 754 00:41:55,290 --> 00:41:58,160 No, muistamme toinen päivä, että mitä todella tapahtuu 755 00:41:58,160 --> 00:42:02,150 alla huppu kun pyydät web sivu on, 756 00:42:02,150 --> 00:42:04,860 selain lähettää hieman-arvoituksellisesti viestin kuten 757 00:42:04,860 --> 00:42:09,510 GET / HTTP/1.1 varten oletusarvon kotisivun. 758 00:42:09,510 --> 00:42:13,000 >> Tai tässä tapauksessa, koska olen nimenomaan pyytänyt aiemmin 759 00:42:13,000 --> 00:42:17,340 search0.html, tämä sitten olisi hieman-arvoituksellinen viesti 760 00:42:17,340 --> 00:42:20,040 että minun selain lähettää laitetta. 761 00:42:20,040 --> 00:42:23,090 Tai tässä tapauksessa Google, mitä todella lähetetty 762 00:42:23,090 --> 00:42:33,740 on pyyntö / haku, ja sitten? q = laiska kissa, plus siellä. 763 00:42:33,740 --> 00:42:36,790 Joten tämä viesti, että minä, ihminen, en koskaan kirjoittaa, 764 00:42:36,790 --> 00:42:40,620 mutta on lähetetty minun selain, näin HTTP tapahtuu. 765 00:42:40,620 --> 00:42:43,240 Tämä vastaa meidän ottaa ravistaa kättä. 766 00:42:43,240 --> 00:42:46,320 Tämä on pyyntö, ja palvelin on noin lähettää vastauksen. 767 00:42:46,320 --> 00:42:48,560 Joten katsomaan tämän alla huppu. 768 00:42:48,560 --> 00:42:55,320 Kuten ennenkin, voimme avata tätä erityistä kentän selaimessa. 769 00:42:55,320 --> 00:42:58,720 Näytä sivu, tarkasta elementtejä. 770 00:42:58,720 --> 00:43:01,550 Joten alla tarkastaa elementti, huomaat, että mitä on tapahtunut Chrome, 771 00:43:01,550 --> 00:43:04,160 ja IE ja Firefox on samanlaisia ​​mekanismeja, 772 00:43:04,160 --> 00:43:07,370 meillä on nämä kehitystyökalut saatavilla meille. 773 00:43:07,370 --> 00:43:09,630 Normaalit ihmiset eivät käytä näitä välilehtiä. 774 00:43:09,630 --> 00:43:11,940 Mutta me, nyt on kiinnostunut siitä, mitä tapahtuu 775 00:43:11,940 --> 00:43:13,890 alla huppu on verkon tasolla. 776 00:43:13,890 --> 00:43:16,130 Joten jos vedän ylös verkoston taso täällä, 777 00:43:16,130 --> 00:43:18,510 anna minun mennä eteenpäin ja laajentaa tämän ikkunan, 778 00:43:18,510 --> 00:43:21,840 avaa tämä merkintä tänne, ja katso otsikot. 779 00:43:21,840 --> 00:43:26,010 Mitä tapahtuu, kun pyydän tiedoston web-palvelin 780 00:43:26,010 --> 00:43:29,410 on minun selain lähettää koko joukko asioita. 781 00:43:29,410 --> 00:43:32,390 Ja anna minun katsella lähde. Joten nojalla pyytää otsikot, 782 00:43:32,390 --> 00:43:35,250 Ja tämä on vain Chrome näyttää minulle diagnostiikkalähtö, 783 00:43:35,250 --> 00:43:37,340 eräänlainen kuten debuggeri jonkinlaisia, 784 00:43:37,340 --> 00:43:40,500 huomaa, että mitä olen korostanut tässä on juuri 785 00:43:40,500 --> 00:43:47,060 Chrome lähettää palvelimelle pyytääkseen tiedosto nimeltä search0.html. 786 00:43:47,060 --> 00:43:50,160 Se kertoo palvelimen, mitä se ajattelee sen nimi on, 787 00:43:50,160 --> 00:43:52,210 kiitos tämän isännän paksusuolen alalla, sitten on joitakin 788 00:43:52,210 --> 00:43:56,950 melko esoteerinen tavaraa täällä, kuten jotain tekemistä päivämäärät ja kellonajat, 789 00:43:56,950 --> 00:43:59,720 jotenkin kielet selain ymmärtää, 790 00:43:59,720 --> 00:44:02,850 mutta todella tärkeät linjat ovat nämä kaksi ensimmäistä täällä. 791 00:44:02,850 --> 00:44:05,490 >> Mitä palvelimen vastata? No, jos me selaa täällä 792 00:44:05,490 --> 00:44:08,510 ja katsella lähde tämä asia, huomaat, että palvelin 793 00:44:08,510 --> 00:44:13,700 on vastannut hieman arvoituksellisesti viestin samoin, 304 ei ole muutettu. 794 00:44:13,700 --> 00:44:16,030 Tuo hieman oudolta, haluan todella yrittää korjata tätä. 795 00:44:16,030 --> 00:44:18,670 Saanen pidä shift ja klikkaa lataa tänne 796 00:44:18,670 --> 00:44:22,460 pakottaa selaimen todella tehdä tämän pyynnön ensimmäisen kerran. 797 00:44:22,460 --> 00:44:25,700 Sitten haluan zoomata, ja näemme nyt, että palvelimen vastaus, 798 00:44:25,700 --> 00:44:28,950 koska olen todennut shift, on 200 OK. 799 00:44:28,950 --> 00:44:31,170 Joten olet todennäköisesti koskaan nähnyt numero 200 800 00:44:31,170 --> 00:44:33,300 yhteydessä Web, mutta mitä numerot 801 00:44:33,300 --> 00:44:36,760 Oletko joskus nähnyt odottamattomasti palvelimelta? 802 00:44:36,760 --> 00:44:42,010 404, tiedostoa ei löytynyt, 403, kielletty, 500, palvelimen virhe. 803 00:44:42,010 --> 00:44:44,890 Joten on näitä numeerisia koodeja että maailma käyttää Web- 804 00:44:44,890 --> 00:44:47,870 merkiksi virheitä, kuten C funktioiden 805 00:44:47,870 --> 00:44:51,030 voivat palauttaa virheitä ja pääasialliset voi palata paluuarvot. 806 00:44:51,030 --> 00:44:54,160 200, vaikka te harvoin nähdä, koska se tarkoittaa, että kaikki on hyvin. 807 00:44:54,160 --> 00:44:59,000 Ja 304 luultavasti koskaan näe, koska mitä se merkitsee? 808 00:44:59,000 --> 00:45:03,330 Että mitään ei ole - Katsotaan jos voimme simuloida tätä uudestaan ​​- 809 00:45:03,330 --> 00:45:07,170 Voi, nyt se ei ole yhteistyötä. 304 sanoi ei muutettu, 810 00:45:07,170 --> 00:45:09,170 joten miksi palvelimen edes vastaa? 811 00:45:09,170 --> 00:45:12,550 No, tehokkuus, web-palvelin automaattisesti puolestasi, 812 00:45:12,550 --> 00:45:16,570 jos tiedosto ei ole muuttunut, se ei uudelleenlähettää koko HTML-tiedosto. 813 00:45:16,570 --> 00:45:19,150 Se vain kertoo selaimen se ei ole muuttunut. 814 00:45:19,150 --> 00:45:21,220 Vain käyttää kopiota sinulla jo on. 815 00:45:21,220 --> 00:45:22,650 Joten ei tämä käsite välimuistiin Webissä 816 00:45:22,650 --> 00:45:25,840 suorituskykyä, jotta et tuhlaa aikaa ja jätteen kaistanleveyden 817 00:45:25,840 --> 00:45:29,160 lataamalla tiedostoja uudelleen ja uudelleen tarpeettomasti. 818 00:45:29,160 --> 00:45:31,460 >> Mutta tällä sivulla, nyt oli super-yksinkertainen, 819 00:45:31,460 --> 00:45:34,980 ja se vain näytti HTML että tuli takaisin. 820 00:45:34,980 --> 00:45:40,940 Katsotaanpa itse käyttää verkkoa välilehteä nyt tehdä Google-haun, kuten nopea ruskea kettu. 821 00:45:40,940 --> 00:45:43,010 Saanen sitten CS50 haku, 822 00:45:43,010 --> 00:45:46,950 ja nyt, huomaat pohjalla täällä koko joukko tavaraa tuli takaisin 823 00:45:46,950 --> 00:45:49,900 koska kun vierailen realin verkkosivuilla kuten Google.com, 824 00:45:49,900 --> 00:45:53,520 ne ovat kuvia, ne on teksti, niillä on kieli kutsutaan JavaScript siellä. 825 00:45:53,520 --> 00:45:55,940 Joten jokainen rivi tässä taulukossa tänne 826 00:45:55,940 --> 00:46:01,490 edustaa jotain Google sylkäistä vastaukseksi yhden pyynnön. 827 00:46:01,490 --> 00:46:04,160 Yksi välitän, vaikka on tämä ensimmäinen. 828 00:46:04,160 --> 00:46:08,420 Ja jos menen etsiä, pyytää, valitse Näytä lähde tästä, 829 00:46:08,420 --> 00:46:11,300 huomaa, että todellakin arvoituksellinen viesti että selaimeni lähetetty 830 00:46:11,300 --> 00:46:15,010 Google oli nämä kaksi riviä tänne, 831 00:46:15,010 --> 00:46:18,420 seurasi jonkin vaikeaselkoisen tiedon tänne joka me sivuuttaa nyt. 832 00:46:18,420 --> 00:46:20,890 Mutta ilmoitus, myös mitä Chrome on melko kätevä, 833 00:46:20,890 --> 00:46:24,540 se myös osoittaa minulle hakumerkkijono joka lähetettiin sisään 834 00:46:24,540 --> 00:46:27,410 Joten sen sijaan näytä tätä, joka kirjaimellisesti lähetti, 835 00:46:27,410 --> 00:46:30,800 jos katselen sitä puretaan, Chrome, vain virheenkorjausta varten, 836 00:46:30,800 --> 00:46:34,270 kehittäjille, kuten meille, se vain näyttää minulle ihmisen versio - 837 00:46:34,270 --> 00:46:36,390 Niin ei kirjoitetaan kettu, ilmeisesti. 838 00:46:36,390 --> 00:46:40,520 Olen vain huomannut tätä nyt - mutta se näyttää sinulle mitä minä, ilmeisesti kirjoitettu. 839 00:46:40,520 --> 00:46:45,340 Samaan aikaan, vastaus joka tuli takaisin palvelin on jälleen 200 OK. 840 00:46:45,340 --> 00:46:47,930 Mutta mukana että vastaus, tietenkin, 841 00:46:47,930 --> 00:46:51,920 jos me todella nähdä sivun HTML - 842 00:46:51,920 --> 00:46:55,440 Anteeksi, tämä on pieni pikanäppäimen mennyt pieleen tänään. 843 00:46:55,440 --> 00:46:59,020 >> Minä hoidan tämän myöhemmin. Joten jos todella nähdä sivun lähteestä, 844 00:46:59,020 --> 00:47:02,990 jonka voin tehdä tänne klikkaamalla vastaus, 845 00:47:02,990 --> 00:47:10,080 tämä on mitä todella sylkeä takaisin, sen lisäksi, että kryptisen 200 OK-viestin palvelimelta. 846 00:47:10,080 --> 00:47:12,520 Hieman arvoituksellinen, mutta jos tämä kaikki tulee? 847 00:47:12,520 --> 00:47:15,570 No, tehdään yksi asia täällä. Toinen hieman-arvoituksellisesti komento, 848 00:47:15,570 --> 00:47:20,530 mutta tämä on aika kivaa, että se paljastaa meille, mitä tapahtuu alla huppu. 849 00:47:20,530 --> 00:47:22,530 Joten olen takaisin minun Mac täällä, olen kytketty 850 00:47:22,530 --> 00:47:25,980 kautta ohjelma nimeltä SSH, Secure Shell, toiselle palvelimelle 851 00:47:25,980 --> 00:47:28,940 koska suurin osa Harvardin tietokoneiden estää komennon aiomme ajaa 852 00:47:28,940 --> 00:47:31,640 koska tämä komento joitakin palvelimia kutsutaan traceroute 853 00:47:31,640 --> 00:47:34,810 jonka avulla voit jäljittää reitin pisteiden a ja b, 854 00:47:34,810 --> 00:47:37,020 ja tähän mennessä olemme ottaneet täysin itsestäänselvyytenä 855 00:47:37,020 --> 00:47:40,170 että voin kirjoittaa Google.com ja jotenkin saada tiedot takaisin 856 00:47:40,170 --> 00:47:43,530 Keskeltä ympäri maata tai toiselle puolen maailmaa. 857 00:47:43,530 --> 00:47:45,810 Kanssa traceroute voimme todella sukeltaa hieman syvemmälle 858 00:47:45,810 --> 00:47:49,370 siitä, miten internet toimii, ja katso mitä tapahtuu alla huppu. 859 00:47:49,370 --> 00:47:54,440 Joten mene eteenpäin ja mielivaltaisesti jäljittää reitin vaikkapa Stanford.edu, 860 00:47:54,440 --> 00:47:57,150 joka on eri puolilla maata, ja paina enter. 861 00:47:57,150 --> 00:47:59,380 Tämä komento voi olla supernopea tai super-hidas- 862 00:47:59,380 --> 00:48:02,010 mutta mitä me näemme nyt, rivi riviltä, 863 00:48:02,010 --> 00:48:08,060 on jokainen vaiheet tai humala väliimme ja Palo Alto, tai Stanford, 864 00:48:08,060 --> 00:48:11,010 jossa heillä on web-palvelin. 865 00:48:11,010 --> 00:48:16,600 Joten mitä rivien edustavat konkreettisemmin, vaikka? 866 00:48:16,600 --> 00:48:19,100 Pala ammattikieltä Internetistä? [Student, käsittämättömällä] 867 00:48:19,100 --> 00:48:21,570 >> Mikä tuo on? [Student, käsittämättömällä] 868 00:48:21,570 --> 00:48:25,390 >> Ai, niin on aikoja, mutta mitä kukin rivi - mitä minä tarkoitan Hop? 869 00:48:25,390 --> 00:48:29,140 >> No, on näitä asioita Internetissä kutsutaan reitittimet. 870 00:48:29,140 --> 00:48:33,020 Ja reitittimet, kuten nimestä voi päätellä, reittitiedot pisteestä a pisteeseen b.. 871 00:48:33,020 --> 00:48:36,920 Mutta on olemassa useita kohtia pidemmälle ja b. 872 00:48:36,920 --> 00:48:40,010 On c ja d ja e ja f välillä rivi 1, 873 00:48:40,010 --> 00:48:43,480 joka sattuu olemaan minun tietokoneen IP-osoitteen, 874 00:48:43,480 --> 00:48:46,890 tai minun numeerinen osoite, joka yksilöi tietokoneen, 875 00:48:46,890 --> 00:48:50,300 ja vaihe 15, joka on itse asiassa kuudes web-palvelin, 876 00:48:50,300 --> 00:48:54,640 ilmeisesti, jonka olen päätellyt tästä, versio 6 parin verkkopalvelimen Stanfordissa. 877 00:48:54,640 --> 00:48:56,680 Mutta mitä on tavallaan siisti on, voimme nähdä polun 878 00:48:56,680 --> 00:49:00,480 että minun 0: n ja 1: n ottavat tietokoneeni Stanfordin. 879 00:49:00,480 --> 00:49:02,500 Joten vaihe 1 on oman tietokoneen osoite. 880 00:49:02,500 --> 00:49:05,760 Jokainen tietokoneen Internet on yksilöllinen tunnus, joka näyttää tältä. 881 00:49:05,760 --> 00:49:08,150 Number.number.number.number. 882 00:49:08,150 --> 00:49:10,370 Jossain tällä kampuksella, luultavasti tiedekeskus, 883 00:49:10,370 --> 00:49:16,780 on reititin nimeltään Core Gateway 2-te83, mitä se tarkoittaa, 884 00:49:16,780 --> 00:49:20,590 niin tämä on yksi Harvardin iso fancy reitittimien reitittää paljon niiden liikennettä. 885 00:49:20,590 --> 00:49:24,640 Tässä toinen Harvardin reitittimet, tämä on Border Gateway, 886 00:49:24,640 --> 00:49:28,310 raja eli se todennäköisesti kehälle kampuksella jonnekin. 887 00:49:28,480 --> 00:49:32,790 Sitten on nox yksi, rivi 4, joka on Pohjois Crossroads, 888 00:49:32,790 --> 00:49:35,070 mikä on iso ISP, Internet-palveluntarjoaja, 889 00:49:35,070 --> 00:49:37,740 että paikoissa, kuten Harvardin liittää jopa. 890 00:49:37,740 --> 00:49:40,760 Mutta sitten asiat saavat hieman mielenkiintoinen linjassa 6. 891 00:49:40,760 --> 00:49:45,960 Missä ovat bittejä yhtäkkiä? Kansas. 892 00:49:45,960 --> 00:49:49,300 Maailma on tapana käyttää lentoaseman koodeja paljon näitä asioita, 893 00:49:49,300 --> 00:49:52,900 tai ainakin lyhenteitä valtioita tai kaupungeissa, 894 00:49:52,900 --> 00:49:56,490 niin se näyttää, vain 60 ms, 895 00:49:56,490 --> 00:49:59,420 tietopaketti, 0: n ja 1: minun laptop 896 00:49:59,420 --> 00:50:03,210 sai aina Kansas, ja jälleen, 60 ms. 897 00:50:03,210 --> 00:50:08,180 >> Lisäksi, kun Kansas, he ottivat kiertueen Houston, todennäköisesti, 898 00:50:08,180 --> 00:50:10,140 kuten nimestä tämän palvelimen. 899 00:50:10,140 --> 00:50:13,310 Eli aivan kuten Internet-palvelimen on oltava numeerinen osoite, 900 00:50:13,310 --> 00:50:18,360 se voi myös mahdollisesti olla hieman ihmisen sopiva osoite, ihmiset keksi. 901 00:50:18,360 --> 00:50:20,510 Nyt vaiheessa 8, emme tiedä, mitä tämä on. 902 00:50:20,510 --> 00:50:22,550 Joskus reitittimet vain sellainen sivuuttaa sinua, 903 00:50:22,550 --> 00:50:25,010 ja he eivät vain vastata kysymyksiin, niin se on hienoa. 904 00:50:25,010 --> 00:50:29,290 Yksi toisensa jälkeen askel 8 on ilmeisesti missä? L.A. 905 00:50:29,290 --> 00:50:35,290 Ilmoitus vain 78 ms, mikä tekee meistä ihmisiä, kuten 6 + tuntia tehdä fyysisesti, 906 00:50:35,290 --> 00:50:40,110 ottaa tietopaketteja Internetissä 78 ms matkustaa niin kauas. 907 00:50:40,110 --> 00:50:45,890 Vaihe 10 on LA samoin, ja vaihe 11 näyttää menneen pohjoiseen, jopa lähellä Stanford. 908 00:50:45,890 --> 00:50:48,750 Tämä on heidän rajareitittimen tai raja reitittimen. 909 00:50:48,750 --> 00:50:51,240 Pari vaiheet Stanfordin jotka unohdetaan meitä, 910 00:50:51,240 --> 00:50:55,610 ja lopuksi pääsemme verkkopalvelin vain 87 ms. 911 00:50:55,610 --> 00:50:57,760 Nyt kaikki nämä luvut, koska syrjään, 912 00:50:57,760 --> 00:51:00,640 vain kertoa teille, kuinka kauan se kestää tietojen saada minulta 913 00:51:00,640 --> 00:51:03,530 kuhunkin näistä reitittimet, ja se ei ole kertyvä. 914 00:51:03,530 --> 00:51:06,960 Mitä tässä ohjelmassa ei on, se lähettää ensin viestin, lähinnä sitä, miten ensimmäinen reititin. 915 00:51:06,960 --> 00:51:09,490 Sitten yksi toiseen reitittimeen, sitten yksi kolmannen reititin, 916 00:51:09,490 --> 00:51:12,610 mitataan joka kerta. Joten teoriassa, näinä aikoina on yhä 917 00:51:12,610 --> 00:51:14,860 tai ainakin melko lähellä toisiaan, 918 00:51:14,860 --> 00:51:18,090 ja todellakin, ne, jotka ovat täällä kampuksella on super-pieni. 919 00:51:18,090 --> 00:51:20,820 Heti kun aloitat menossa koko maassa, se vie dataa 920 00:51:20,820 --> 00:51:24,830 hieman kauemmin matkustaa, lähemmäs 100 ms, antaa tai ottaa. 921 00:51:24,830 --> 00:51:28,330 Mutta mennään toiseen suuntaan nyt. Entä Cambridgen yliopistossa Britanniassa? 922 00:51:28,330 --> 00:51:32,540 Saanen sen sijaan ajaa traceroute on www.cam Cambridge, 923 00:51:32,540 --> 00:51:36,710 . Ac akateemisia,. Uk ja paina enter täällä. 924 00:51:36,710 --> 00:51:38,830 Se oli pirun nopea. 925 00:51:38,830 --> 00:51:43,300 Omat tiedot kirjaimellisesti meni Cambridge, Englanti, että sekunnin murto ajan. 926 00:51:43,300 --> 00:51:45,340 >> Joten katsotaanpas polku kesti. 927 00:51:45,340 --> 00:51:47,520 Harvard, Harvard, Harvard, Pohjois Crossroads, 928 00:51:47,520 --> 00:51:52,690 joka on ISP, ja sitten tämä on Pohjois Crossroads, ja sitten pam. 929 00:51:52,690 --> 00:51:58,320 Mikä on eri vaiheiden välillä 6 ja 7, reitittimen 6 ja 7? 930 00:51:58,320 --> 00:52:02,040 Atlantin valtameri. Ja me päätellä sen siitä, että 931 00:52:02,040 --> 00:52:06,530 menemme 20 ms tästä 80 ms täällä. 932 00:52:06,530 --> 00:52:10,050 Joten jotain oli 60 ms, antaa tai ottaa, päästä yli. 933 00:52:10,050 --> 00:52:12,910 Ja se oli luultavasti iso vesistö. 934 00:52:12,910 --> 00:52:15,250 Mikä menee sen jälkeen? No, täällä ollaan Lontoossa, 935 00:52:15,250 --> 00:52:18,860 vain 88 ms myöhemmin. Enemmän London, enemmän London, 936 00:52:18,860 --> 00:52:21,730 ei tiedä, mistä tämä on, mutta oletamme se Lontoon ulkopuolelle, 937 00:52:21,730 --> 00:52:26,390 Cambridge täällä, ja lopulta me - kirjaimellisesti, University of Cambridge 938 00:52:26,390 --> 00:52:29,500 . Something.net, ja sitten lopuksi, linjassa 16, 939 00:52:29,500 --> 00:52:31,720 heidän web-palvelin on ilmeisesti nimeltään Scorpius 940 00:52:31,720 --> 00:52:35,500 alla huppu, vaikka tiedämme sen www. 941 00:52:35,500 --> 00:52:38,790 Kind of häkellyttävä, luulen. Ensimmäistä kertaa olen koskaan tehnyt tätä, se täysin räjäytti tajuntani. 942 00:52:38,790 --> 00:52:41,670 Valitettavasti, Harvard estää tällaista liikennettä, tyypillisesti verkkoon. 943 00:52:41,670 --> 00:52:44,340 Joten et voi tehdä sitä erittäin helposti. 944 00:52:44,340 --> 00:52:48,500 Ymmärtää, vaikka tämä tässä on mahdollista. 945 00:52:48,500 --> 00:52:53,630 Selvä. Otetaan meidän 5 minuutin tauon. Palaamme ja sukeltaa syvemmälle. 946 00:52:53,630 --> 00:53:00,850 Joten olemme takaisin, ja olemme tavallaan ambled noin muutaman eri suuntiin täällä. 947 00:53:00,850 --> 00:53:03,700 Joten yhteenveto tarkalleen, mitä on tekeillä. 948 00:53:03,700 --> 00:53:07,990 Aloitimme keskustelun puhua tällä kielellä kutsutaan HTML. 949 00:53:07,990 --> 00:53:10,680 Jälleen, ei ohjelmointikieli. Se on vain kuvauskieli 950 00:53:10,680 --> 00:53:15,490 että on pitkälti kyse estetiikkaa ja jäsentämistä sisällön muodossa verkkosivun. 951 00:53:15,490 --> 00:53:19,220 Mutta HTML siksi tarvitaan jonkinlainen mekanismi 952 00:53:19,220 --> 00:53:22,870 matkoilla välillä selaimen ja palvelimen. 953 00:53:22,870 --> 00:53:28,360 HTML siis tavallaan ratsastaa päälle tämän toisen kielen, 954 00:53:28,360 --> 00:53:31,280 tai oikeammin, protokolla, kutsutaan HTTP. 955 00:53:31,280 --> 00:53:33,730 >> Ja HTTP, kuten olemme nähneet sen tähän asti, 956 00:53:33,730 --> 00:53:37,140 on eräänlainen analoginen tämän ihmisen yleissopimuksen kättelee. 957 00:53:37,140 --> 00:53:39,940 Kun selain haluaa pyytää sivulle palvelimesta 958 00:53:39,940 --> 00:53:43,450 se lähettää että "saa" pyynnön selaimelta palvelimelle, 959 00:53:43,450 --> 00:53:48,040 ja sitten palvelin vastaa numero kuten 200, kaikki on kunnossa, 960 00:53:48,040 --> 00:53:53,290 samoin kuin HTML tai huonoja numero kuten 404, tiedostoa ei löytynyt. 961 00:53:53,290 --> 00:53:58,220 Mutta sillä välin, HTTP itsessään ei ole Internet, sinänsä. 962 00:53:58,220 --> 00:54:01,550 HTTP on vain palvelun ominaisuus Internetin 963 00:54:01,550 --> 00:54:05,530 aivan kuten G chat on toinen palvelu, aivan kuten sähköposti on toinen palvelu. 964 00:54:05,530 --> 00:54:09,180 On kaikenlaisia ​​asioita, joita voimme tehdä Internetissä. 965 00:54:09,180 --> 00:54:12,670 HTTP on vain yksi niistä sovelluksista. 966 00:54:12,670 --> 00:54:17,210 Joten päälle - HTTP on päällä jotain muuta 967 00:54:17,210 --> 00:54:21,750 jota ei mainita nimeltä, olet ehkä kuullut nimen, TCP / IP. 968 00:54:21,750 --> 00:54:25,160 Eli tarina me vain kerrottu on kyse 969 00:54:25,160 --> 00:54:28,720 miten data kulkee pisteestä a pisteeseen b.. 970 00:54:28,720 --> 00:54:30,950 Ja tässä tapauksessa, näimme hyvin alhaisella tasolla 971 00:54:30,950 --> 00:54:33,060 reititin reititin reitittimen reitittimeen, 972 00:54:33,060 --> 00:54:35,390 miten data todellisuudessa lähetetään. 973 00:54:35,390 --> 00:54:40,510 Mutta matkan varrella, se tulee kohtaamaan erilaisia ​​esteitä. 974 00:54:40,510 --> 00:54:43,770 Näiden lisäksi reitittimet, on olemassa asioita kutsutaan palomuureja Internetissä, 975 00:54:43,770 --> 00:54:46,680 ja niin tiedot, kuten olimme juuri välittää 976 00:54:46,680 --> 00:54:49,720 minulta Stanfordin, minulta Cambridge, 977 00:54:49,720 --> 00:54:54,560 lähetetään, tällä tasolla, jota kutsutaan IP-osoite. 978 00:54:54,560 --> 00:54:57,340 Näimme tämän hetki sitten, ja IP-osoite 979 00:54:57,340 --> 00:55:02,480 on vain numeerinen osoite muotoa w.x.y.z, 980 00:55:02,480 --> 00:55:08,070 jos jokainen näistä on välillä, antaa tai ottaa, 0 ja 255, 981 00:55:08,070 --> 00:55:10,080 vaikka et voi täysin käyttää kaikkia näitä numeroita. 982 00:55:10,080 --> 00:55:14,220 Mutta jokainen näistä paikka haltijoiden on numero välillä 0 ja 255. 983 00:55:14,220 --> 00:55:16,820 Joten IP-osoite näinä päivinä on 32 bittiä. 984 00:55:16,820 --> 00:55:20,780 >> Nyt, joka antaa meille kuinka monia mahdollisia IP-osoitteita maailmassa? 985 00:55:20,780 --> 00:55:24,420 Noin 4 miljardia euroa, koska tahansa olemme laskemalla toimivalta 2 986 00:55:24,420 --> 00:55:27,760 aina jopa 32 jotain, joka yleensä antaa meille 4000000000. 987 00:55:27,760 --> 00:55:30,160 Niin, että on paljon IP-osoitteita, mutta ehkä lukenut, 988 00:55:30,160 --> 00:55:32,410 tai saatat nyt huomata suosittu lehdistössä, 989 00:55:32,410 --> 00:55:36,020 syväl uusi versio IP nimeltään IPV6. 990 00:55:36,020 --> 00:55:38,290 Juuri nyt käytämme versiota 4. 991 00:55:38,290 --> 00:55:41,060 Ei todellakaan ole ollut versio 5, me vain hyppäämällä oikeus 6. 992 00:55:41,060 --> 00:55:46,760 Version 6 aikoo käyttää 128 bittiä IP-osoitteita, joka on freaking valtava. 993 00:55:46,760 --> 00:55:49,430 Meidän ei pitäisi lopu jo jonkin aikaa nyt, 994 00:55:49,430 --> 00:55:52,980 mutta olemme alkaneet loppunut version 4 IP-osoitteet, 995 00:55:52,980 --> 00:55:56,110 koska kaikki meistä eivät ole ainoita asioita, kuten kannettavat tietokoneet ja pöytäkoneet, 996 00:55:56,110 --> 00:55:58,700 Monet meistä ovat puhelin, monet meistä ovat muita laitteita 997 00:55:58,700 --> 00:56:01,600 kuten TiVo ja vastaavia, jotka ovat IP-osoitteet itsestään. 998 00:56:01,600 --> 00:56:03,720 Harvardin itsessään on kymmeniä tuhansia tietokoneita. 999 00:56:03,720 --> 00:56:07,970 Joten maailma on todella loppumassa IP-osoitteet, ainakin tässä muodossa. 1000 00:56:07,970 --> 00:56:10,340 Joten tulevina vuosina, olet menossa nähdä osoitteet 1001 00:56:10,340 --> 00:56:12,870 oman tietokoneiden todennäköisesti hitaasti muuttaa 1002 00:56:12,870 --> 00:56:16,740 kun yhä useammat yritykset ja yliopistot alkavat tukea uudempaan versioon. 1003 00:56:16,740 --> 00:56:22,770 Mutta IP-osoite ei riitä tietokoneen pyytää tietoja tietokoneesta b. 1004 00:56:22,770 --> 00:56:24,950 Koska tietokone b voisi olla palvelin, 1005 00:56:24,950 --> 00:56:27,600 ja palvelimen, kuten aiemmin mainitsin, voi tehdä rypäleterttuja asioita. 1006 00:56:27,600 --> 00:56:29,940 Se voi isännöidä web-sivuja, se voi olla sähköpostipalvelimen, 1007 00:56:29,940 --> 00:56:32,310 se voi olla Skype palvelin, se voi olla G-chat-palvelimeen. 1008 00:56:32,310 --> 00:56:35,870 >> Kaikki nämä eri palvelut, jotka voidaan tarjota palvelimella 1009 00:56:35,870 --> 00:56:38,330 voisivat kaikki, fyysisesti olla samassa koneessa. 1010 00:56:38,330 --> 00:56:40,380 Joten lisäksi IP-osoitteet, 1011 00:56:40,380 --> 00:56:43,250 maailma on asioita kutsutaan portit Internetissä. 1012 00:56:43,250 --> 00:56:47,830 Portti on vain numero, joten on yksilöllinen numero HTTP. 1013 00:56:47,830 --> 00:56:50,280 Sen numero on 80. 1014 00:56:50,280 --> 00:56:55,870 HTTP käyttää myös numero 443, mutta tarkemmin sanoen salatun HTTPS. 1015 00:56:55,870 --> 00:57:00,030 Aina kun näet s, turvallisen, joka on käytössä eri numero. 1016 00:57:00,030 --> 00:57:06,580 On olemassa muita numeroita, kuten 25, jota käytetään jotain kutsutaan SMTP, joka tunnetaan myös sähköpostiosoite. 1017 00:57:06,580 --> 00:57:09,620 Siinä on jotain kutsutaan 22 SSH, 1018 00:57:09,620 --> 00:57:11,850 ja siellä on koko joukko muita satamia siellä. 1019 00:57:11,850 --> 00:57:14,460 Nyt, me ihmiset harvoin nähdä nämä numerot. 1020 00:57:14,460 --> 00:57:21,970 Kuitenkin, kun kirjoitat osoitteen, kuten http://www.facebook.com, 1021 00:57:21,970 --> 00:57:26,560 selain salaa lisäämällä 80, koska käytät HTTP. 1022 00:57:26,560 --> 00:57:30,630 Jos sen sijaan, kirjoita HTTPS, se salaa lisäämällä 443. 1023 00:57:30,630 --> 00:57:35,180 Ja me voi sellaista nähdä tämän manuaalisesti, jos vedän ylös brower 1024 00:57:35,180 --> 00:57:41,850 ja mene http://www.facebook.com:80. 1025 00:57:41,850 --> 00:57:44,550 Siksi nimenomaan mainitaan paitsi nimi verkkosivuilla 1026 00:57:44,550 --> 00:57:47,650 mutta portti haluan puhua, ja paina enter. 1027 00:57:47,650 --> 00:57:50,170 Huomaa se katoaa, koska selain olettaa, 1028 00:57:50,170 --> 00:57:53,360 oh, 80, en edes vaivautuisi osoittavat sinulle. 1029 00:57:53,360 --> 00:57:56,400 Mutta syy tähän on se, että jos halusin lähettää jonkun sähköpostin, 1030 00:57:56,400 --> 00:58:02,340 Olisin todella lähettää sen heille portista 25, joka on SMTP. 1031 00:58:02,340 --> 00:58:04,890 Vähän yksinkertaistamista, mutta jotkut teistä ovat ystäviä 1032 00:58:04,890 --> 00:58:09,290 jotka todella toimivat Facebookissa, ja ne, samoin on palvelimia, jotka saavat sähköpostin. 1033 00:58:09,290 --> 00:58:12,610 >> Aina kun lähetät sähköpostia, mitä gmail tekee sinulle 1034 00:58:12,610 --> 00:58:14,960 tai Outlook tai mitä ohjelmaa käytät, 1035 00:58:14,960 --> 00:58:19,270 Se on tavallaan salaa lisäämällä, että numero samoin, 25, tässä tapauksessa. 1036 00:58:19,270 --> 00:58:24,490 Se on tämä yhdistelmä IP osoite ja numero, joka yksilöi 1037 00:58:24,490 --> 00:58:29,190 tietokoneen Internet ja tietyn palvelun kyseisessä tietokoneessa. 1038 00:58:29,190 --> 00:58:33,460 Nyt tietenkin, useimmat meistä ovat todennäköisesti koskaan kirjoitettu käsin IP-osoitteen. 1039 00:58:33,460 --> 00:58:37,340 Ehkä sinulla on laite, mutta todellisessa maailmassa, ei niinkään. 1040 00:58:37,340 --> 00:58:42,750 Miksi emme kirjoita IP-osoitteita selaimiin? 1041 00:58:42,750 --> 00:58:45,860 Se toimisi, itse asiassa, voimme nähdä tämän, haluan näyttää sinulle 1042 00:58:45,860 --> 00:58:50,000 yksi muu komento pitäisi toimia useimpien tahansa Harvardin kampuksella Macissa tai PC. 1043 00:58:50,000 --> 00:58:53,970 On tämä komento nimeltään nslookup, nimipalvelin lookup. 1044 00:58:53,970 --> 00:58:59,960 Jos katson ylös www.cnn.com, käy ilmi, että CNN on - oi, mielenkiintoista. 1045 00:58:59,960 --> 00:59:03,180 CNN on alkanut käyttää Amazon Web Services. 1046 00:59:03,180 --> 00:59:06,380 Saatat tietää cloud computing, Amazonin yksi suuria toimijoita cloud computing. 1047 00:59:06,380 --> 00:59:10,240 Mitä tein oli, sanoin, "Anna minulle osoite CNN: n web-palvelin," 1048 00:59:10,240 --> 00:59:14,090 mutta näyttää siltä, ​​että CNN: n www-palvelin hoitaa Amazon, 1049 00:59:14,090 --> 00:59:16,030 Amazon Web Services, tämä viittaa. 1050 00:59:16,030 --> 00:59:19,680 Ja osoite että palvelin on täällä. 1051 00:59:19,680 --> 00:59:22,350 Joten en ole varma, jos tämä toimii, koska he eivät ole tottuneet käyttämään Amazon. 1052 00:59:22,350 --> 00:59:32,830 Mutta katsotaanpa kokeilla tätä, http://, IP-osoite, kirjoita, ja - 1053 00:59:32,830 --> 00:59:35,690 se tulee toimimaan? 1054 00:59:35,690 --> 00:59:39,280 Kyllä. Se on menossa töihin. Internet on super-hidas tänään. 1055 00:59:39,280 --> 00:59:43,680 Mutta hetki, näet joitakin uutinen. 1056 00:59:43,680 --> 00:59:48,360 Siellä mennään. Bank of America on haastettu oikeuteen. Selvä. 1057 00:59:48,360 --> 00:59:54,000 >> Tämä johtuu siitä, IP-osoite sattuu by synonyymi www.cnn.com. 1058 00:59:54,000 --> 00:59:59,920 Tietenkin se olisi kamala markkinointi sanoa, käymään verkossa osoitteessa 50.112.94.127. 1059 00:59:59,920 --> 01:00:02,370 Et ikinä muistat. Joten vaikka näinä päivinä saatat muistaa asioita 1060 01:00:02,370 --> 01:00:07,210 kuten 1-800-COLLECT tai muistitekniikka maailma keksi puhelinnumeroita. 1061 01:00:07,210 --> 01:00:09,540 Joka ennen matkapuhelimet olivat varsin vaikea muistaa 1062 01:00:09,540 --> 01:00:11,800 kunnes voit vain kirjoittaa se ja unohtaa sen. 1063 01:00:11,800 --> 01:00:15,730 Niin myös verkosta, on tämän yleissopimuksen nimet ja IP-osoitteet, 1064 01:00:15,730 --> 01:00:17,770 ja on näitä asioita siellä kutsutaan DNS-palvelimet, 1065 01:00:17,770 --> 01:00:23,870 verkkotunnus järjestelmien palvelimia, että kääntää IP-osoitteita nimien ja päinvastoin. 1066 01:00:23,870 --> 01:00:26,340 Niin, että mitä tapahtuu alla huppu. 1067 01:00:26,340 --> 01:00:29,540 Lopulta meillä on TCP / IP, mikä on tämä hyvin matalan tason protokolla 1068 01:00:29,540 --> 01:00:32,570 että oikeastaan ​​vain saa 0: n ja 1: n Internetin kautta, 1069 01:00:32,570 --> 01:00:36,030 ja se tekee niin laittamalla ne virtuaalinen kirjekuoreen, 1070 01:00:36,030 --> 01:00:38,820 jos haluatte, ja kirjallisesti ulkopuolella kirjekuoren 1071 01:00:38,820 --> 01:00:43,930 IP-osoite määränpään, samoin kuin numeerinen portin numero 1072 01:00:43,930 --> 01:00:47,520 sekä palvelun että kohde että haluaa puhua. 1073 01:00:47,520 --> 01:00:51,060 Samaan kuoreen siellä on myös jotain tunnetaan palautusosoite, 1074 01:00:51,060 --> 01:00:55,600 mikä on IP-osoite, joten kun CNN saa tietopaketti teiltä, 1075 01:00:55,600 --> 01:00:58,710 avaa tämä virtuaalinen kirjekuori, näkee, että haluat kotisivun, 1076 01:00:58,710 --> 01:01:04,630 se tietää lähettäjältä osa virtuaalista kirjekuoren kenelle lähettää HTML takaisin. 1077 01:01:04,630 --> 01:01:07,470 Joten katsomaan tätä hieman tarkemmin. 1078 01:01:07,470 --> 01:01:11,370 Tämä on peräisin yritys nimeltä Ericson, muutaman vuoden takaa. 1079 01:01:11,370 --> 01:01:14,780 Ja he ottivat vapauksia miten Internet todella toimii, 1080 01:01:14,780 --> 01:01:18,920 mutta se maalaa paljon visuaalinen kuva kuin pelkkä liitu täällä. 1081 01:01:18,920 --> 01:01:26,690 Joten annan sinulle "Bit of Internet." 1082 01:02:26,660 --> 01:02:29,840 >> [Narrator] Ensimmäistä kertaa historiassa, 1083 01:02:29,840 --> 01:02:35,260 ihmiset ja koneet työskentelevät yhdessä, ymmärtämättä unelma. 1084 01:02:35,260 --> 01:02:38,910 Kokoava voima, joka ei tunne maantieteellisiä rajoja. 1085 01:02:38,910 --> 01:02:43,230 Rodusta, uskonnosta tai väriä. 1086 01:02:43,230 --> 01:02:47,770 Uusi aikakausi joissa kommunikaatio todella yhdistää ihmisiä. 1087 01:02:47,770 --> 01:02:50,070 Tämä on 1088 01:02:50,070 --> 01:02:54,980 Dawn of the Net. 1089 01:02:54,980 --> 01:03:04,640 Haluatko tietää miten se toimii? Klikkaa tästä aloittaaksesi matkalle Net. 1090 01:03:04,640 --> 01:03:07,890 Nyt, mitä tapahtui, kun olet napsauttanut tätä linkkiä? 1091 01:03:07,890 --> 01:03:10,150 Aloitit tiedonkulkua. 1092 01:03:10,150 --> 01:03:13,310 Tämä tieto kulkee alas oman henkilökohtaisen postituksen 1093 01:03:13,310 --> 01:03:18,500 jossa Mr. IP paketteja sitä, etiketeissä sitä, ja lähettää sen matkalla. 1094 01:03:18,500 --> 01:03:20,960 Kukin paketti on rajoitettu sen kokoa. 1095 01:03:20,960 --> 01:03:23,880 Posti huone on päätettävä, miten jakaa tietoa 1096 01:03:23,880 --> 01:03:26,070 ja miten paketoida sitä. 1097 01:03:26,070 --> 01:03:29,550 Nyt paketti on tarra sisältää tärkeitä tietoja 1098 01:03:29,550 --> 01:03:35,570 kuten lähettäjän osoite, vastaanottajan osoite ja tyyppi paketin se on. 1099 01:03:51,700 --> 01:03:54,980 Koska tämä tietty paketti on menossa ulos päälle Internet, 1100 01:03:54,980 --> 01:03:57,720 Se saa myös osoite välityspalvelimen, 1101 01:03:57,720 --> 01:04:01,520 joka on erityinen tehtävä, kuten näemme myöhemmin. 1102 01:04:01,520 --> 01:04:06,650 Paketti on nyt lanseerattiin lähiverkossa tai LAN. 1103 01:04:06,650 --> 01:04:10,160 Tätä verkostoa käytetään yhdistämään kaikki paikalliset tietokoneet " 1104 01:04:10,160 --> 01:04:15,900 reitittimet, tulostimet, jne., tietojen vaihtoa fyysisessä rakennuksen seinät. 1105 01:04:15,900 --> 01:04:20,290 LAN on melko hallitsematon paikka, ja valitettavasti 1106 01:04:20,290 --> 01:04:23,950 onnettomuuksia voi tapahtua. 1107 01:04:31,190 --> 01:04:34,710 Valtatie LAN on täynnä kaiken tyyppistä tietoa. 1108 01:04:34,710 --> 01:04:38,900 Nämä ovat IP-paketteja, Novell paketit, AppleTalk paketteja. 1109 01:04:38,900 --> 01:04:41,270 He vastaan ​​liikennettä, kuten tavallista. 1110 01:04:41,270 --> 01:04:44,260 Paikallinen reititin lukee osoite ja, mikäli tarpeen, 1111 01:04:44,260 --> 01:04:48,520 nostaa paketin toiseen verkkoon. 1112 01:04:48,520 --> 01:04:54,270 Ah, reititin. Symboli valvonnan näennäisesti sekavaa maailmaa. 1113 01:04:54,270 --> 01:05:05,480 [Router mutisten ja puhuu itsestään] 1114 01:05:05,480 --> 01:05:10,030 >> [Narrator] Siellä hän on, järjestelmällinen, piittaamaton, suunnitelmallinen, 1115 01:05:10,030 --> 01:05:14,150 konservatiivinen, ja joskus ei aivan vauhtiin. 1116 01:05:14,150 --> 01:05:17,680 Mutta ainakin hän on tarkka, suurimmaksi osaksi. 1117 01:05:32,270 --> 01:05:36,820 Koska paketit lähtevät reititin, he tekevät tiensä yritysten Internet 1118 01:05:36,820 --> 01:05:40,830 ja pää reitittimen kytkin. 1119 01:05:40,830 --> 01:05:46,250 Hieman tehokkaampi kuin reititin, reititin kytkin pelaa vilunkia IP-paketteja, 1120 01:05:46,250 --> 01:05:48,920 deftly reititys heitä heidän matkallaan. 1121 01:05:48,920 --> 01:05:52,130 Digitaalinen "Pinball Wizard," jos haluatte. 1122 01:05:52,130 --> 01:06:04,270 [Reititin kytkin puhuu itsensä] 1123 01:06:09,830 --> 01:06:12,150 [Narrator] Kuten paketteja saapuu määränpäähänsä, 1124 01:06:12,150 --> 01:06:14,740 he poimima verkkoliitännän 1125 01:06:14,740 --> 01:06:18,040 valmis lähetettäväksi seuraavalle tasolle. 1126 01:06:18,040 --> 01:06:21,010 Tässä tapauksessa proxy. 1127 01:06:21,010 --> 01:06:25,040 Välityspalvelinta käytetään monissa yrityksissä tavallaan keskellä mies 1128 01:06:25,040 --> 01:06:27,630 Jotta voitaisiin vähentää kuormitusta Internet-yhteyden 1129 01:06:27,630 --> 01:06:32,240 ja turvallisuussyistä, samoin. 1130 01:06:32,240 --> 01:06:38,750 Kuten näette, paketit ovat kaikki eri kokoisia riippuen niiden sisällöstä. 1131 01:06:55,210 --> 01:07:01,890 Proxy avaa paketin ja etsii Web-osoite tai URL. 1132 01:07:01,890 --> 01:07:04,950 Riippuen siitä, onko osoite on hyväksyttävää, 1133 01:07:04,950 --> 01:07:08,000 paketti lähetetään internetiin. 1134 01:07:13,890 --> 01:07:19,630 On kuitenkin joitakin osoitteita, jotka eivät täytä luvalla proxy. 1135 01:07:19,630 --> 01:07:25,680 Toisin sanoen, yrityksen tai ohjeistukseen. 1136 01:07:25,680 --> 01:07:30,580 Nämä ovat summittaisesti käsitellään. 1137 01:07:30,580 --> 01:07:32,410 Me ei käy päinsä. 1138 01:07:32,410 --> 01:07:36,350 Niille, jotka tekevät sitä, se on taas tien päällä. 1139 01:07:46,850 --> 01:07:53,310 >> Seuraavaksi, palomuuri. 1140 01:07:53,310 --> 01:07:57,410 Yrityksen palomuurin on kaksi tarkoitusta. 1141 01:07:57,410 --> 01:08:02,420 Se estää joitakin melko ikäviä asioita Internetin tulemasta sisään intranet, 1142 01:08:02,420 --> 01:08:10,280 ja se voi myös estää arkaluontoisten yritystietojen lähettäminen ulos päälle Internet. 1143 01:08:10,280 --> 01:08:12,980 Kun palomuurin läpi, reititin poimii paketin 1144 01:08:12,980 --> 01:08:18,180 ja asettaa sen päälle paljon kapeampi tie, tai kaistanleveys, kuten sanotaan. 1145 01:08:18,180 --> 01:08:23,720 On selvää, tie ei ole tarpeeksi laaja ottaa ne kaikki. 1146 01:08:23,720 --> 01:08:29,319 Nyt, saatat ihmetellä mitä tapahtuu kaikille niille paketit, jotka eivät tee sitä matkan varrella. 1147 01:08:29,319 --> 01:08:32,270 No, kun Mr. IP ei saa kuittausta 1148 01:08:32,270 --> 01:08:35,000 että paketti on saatu ajoissa, 1149 01:08:35,000 --> 01:08:39,890 hän yksinkertaisesti lähettää korvaavan paketin. 1150 01:08:39,890 --> 01:08:44,760 Olemme nyt valmiita siirtymään Internet-maailmassa. 1151 01:08:44,760 --> 01:08:49,370 Hämähäkinverkko yhteenliitettyjen verkkojen, jotka kattavat koko maapallon. 1152 01:08:49,370 --> 01:08:56,050 Täällä reitittimet ja kytkimet luoda yhteyksiä verkkoihin. 1153 01:08:56,050 --> 01:08:59,200 Nyt verkko on täysin erilainen ympäristö kuin huomaat 1154 01:08:59,200 --> 01:09:01,569 sisällä suojamuurin oman lähiverkon. 1155 01:09:01,569 --> 01:09:04,060 Täällä, se on Wild West. 1156 01:09:04,060 --> 01:09:06,359 Runsaasti tilaa, paljon mahdollisuuksia, 1157 01:09:06,359 --> 01:09:09,760 paljon asioita tutkia ja paikkoja mennä. 1158 01:09:09,760 --> 01:09:12,760 Kiitos hyvin vähän valvontaa ja sääntelyä, 1159 01:09:12,760 --> 01:09:18,300 uusia ideoita löytää hedelmällistä maaperää työntää kirjekuoren niiden mahdollisuuksia. 1160 01:09:18,300 --> 01:09:22,330 Mutta koska tämä vapaus tiettyjä vaaroja myös vaanivat. 1161 01:09:22,330 --> 01:09:27,000 Et koskaan tiedä, milloin tapaat pelätty Ping of Death, 1162 01:09:27,000 --> 01:09:29,890 erikoisversion normaalin pyynnön ping, 1163 01:09:29,890 --> 01:09:35,720 jotka joku idiootti ajatteli jopa sotkea hyväuskoinen isännät. 1164 01:09:35,720 --> 01:09:39,130 Polku meidän paketit kestää ehkä satelliitin välityksellä, 1165 01:09:39,130 --> 01:09:43,090 puhelinlinjat, langaton, tai jopa valtamerten kaapeli. 1166 01:09:43,090 --> 01:09:46,520 He eivät aina nopeimman tai lyhimmän reitit mahdollista, 1167 01:09:46,520 --> 01:09:50,290 mutta he sinne lopulta. 1168 01:09:50,290 --> 01:09:55,230 Ehkä siksi se on joskus kutsutaan "World Wide Wait." 1169 01:09:55,230 --> 01:09:57,980 Mutta kun kaikki sujuu hyvin, 1170 01:09:57,980 --> 01:10:03,800 Voit kiertää maailmaa viisi kertaa yli klo epäröimättä, kirjaimellisesti. 1171 01:10:03,800 --> 01:10:08,230 Ja kaikki kustannukset paikallispuhelun tai vähemmän. 1172 01:10:08,230 --> 01:10:15,070 Lähellä lopussa meidän määränpää, löydämme toisen palomuurin. 1173 01:10:15,070 --> 01:10:18,420 >> Riippuen näkökulmasta datapaketin, 1174 01:10:18,420 --> 01:10:23,730 palomuuri voi olla linnake turvallisuuden tai pelätty vastustaja. 1175 01:10:23,730 --> 01:10:28,530 Se kaikki riippuu siitä kummalla puolella olet ja mitä aikomukset ovat. 1176 01:10:28,530 --> 01:10:34,990 Palomuuri on suunniteltu niin vain ne paketit, jotka täyttävät sen vaatimukset. 1177 01:10:34,990 --> 01:10:39,360 Tämä palomuuri toimii porttien 80 ja 25. 1178 01:10:39,360 --> 01:10:46,630 Kaikki yritykset päästä läpi muita portteja suljettu liiketoimintaa. 1179 01:10:57,660 --> 01:11:03,480 Portti 25 on käytetty postin paketteja, 1180 01:11:03,480 --> 01:11:10,720 kun portti 80 on pääsy pakettien Internetin web-palvelimelle. 1181 01:11:10,720 --> 01:11:15,080 Sisällä palomuurin, paketit seulotaan tarkemmin. 1182 01:11:15,080 --> 01:11:17,970 Jotkut paketit tekevät siitä helposti tullin läpi, 1183 01:11:17,970 --> 01:11:21,420 kun taas toiset näyttävät vain hieman kyseenalainen. 1184 01:11:21,420 --> 01:11:24,060 Nyt, palomuuri virkamies ei ole helposti lankaan, 1185 01:11:24,060 --> 01:11:32,120 kuten kun ping kuoleman paketin yrittää naamioida itsensä normaali ping paketti. 1186 01:11:32,120 --> 01:11:37,520 [Palomuuri upseeri puhuu pakettien] 1187 01:11:37,520 --> 01:11:40,510 [Narrator] Niille paketit onni tehdä näin pitkälle, 1188 01:11:40,510 --> 01:11:45,730 matka on melkein ohi. 1189 01:11:45,730 --> 01:11:52,130 Se on vain riviin liitäntä otetaan ylös web-palvelin. 1190 01:11:52,130 --> 01:11:55,440 Nykyään web-palvelin voi ajaa monia asioita, 1191 01:11:55,440 --> 01:11:59,230 mistä keskuskone ja web cam tietokoneeseen työpöydälle. 1192 01:11:59,230 --> 01:12:01,720 Miksi ei jääkaappi? 1193 01:12:01,720 --> 01:12:04,870 Asianmukaisen asennuksen, voit selvittää, jos sinulla on makings 1194 01:12:04,870 --> 01:12:08,390 Chicken Cacciatore, tai jos sinulla on käydä ostoksilla. 1195 01:12:08,390 --> 01:12:11,760 Muista, että tämä on kynnyksellä Net. 1196 01:12:11,760 --> 01:12:17,310 Lähes kaikki on mahdollista. 1197 01:12:17,310 --> 01:12:20,440 Yksi kerrallaan, paketit vastaanotetaan, 1198 01:12:20,440 --> 01:12:26,320 avattu, ja purkaa. 1199 01:12:26,320 --> 01:12:31,200 Tietoja ne sisältävät, eli teidän tietopyyntöön, 1200 01:12:31,200 --> 01:12:34,830 lähetetään web-palvelimelle sovellus. 1201 01:12:41,540 --> 01:12:47,140 Paketti itsessään on kierrätetty, 1202 01:12:47,140 --> 01:12:57,570 valmis käytettäväksi uudelleen, ja täytettiin kanssa pyydetyt tiedot, 1203 01:12:57,570 --> 01:13:03,340 osoitettu, ja lähetti sen takaisin sinulle. 1204 01:13:03,340 --> 01:13:13,250 Takaisin ohi palomuuri, reitittimet, ja kautta Internetiin. 1205 01:13:13,250 --> 01:13:21,020 Taaksepäin yrityksen palomuurin 1206 01:13:21,020 --> 01:13:24,180 ja päälle käyttöliittymä, 1207 01:13:24,180 --> 01:13:31,180 valmis toimittamaan selaimessasi Pyytämäsi tiedot. 1208 01:13:31,180 --> 01:13:39,840 Toisin sanoen, tämä elokuva. 1209 01:13:39,840 --> 01:13:43,550 Tyytyväisiä heidän toimiaan, ja luottaen parempaan maailmaan, 1210 01:13:43,550 --> 01:13:50,250 meidän luotettava datapaketit ratsastaa autuaana kohti auringonlaskua toisen päivän, 1211 01:13:50,250 --> 01:13:56,880 tietäen täysin he ovat palvelleet isäntiään hyvin. 1212 01:13:56,880 --> 01:14:02,560 Nyt ei ole, että onnellinen loppu? 1213 01:14:02,560 --> 01:14:07,040 [Malan] Okei, se riittää. Nähdään ensi viikolla. 1214 01:14:07,040 --> 01:14:10,040 [CS50.TV]