1 00:00:00,000 --> 00:00:02,620 [Powered by Google Translate] [Nädal 7 Jätkub] 2 00:00:02,620 --> 00:00:05,090 [David J. Malan, Harvard University] 3 00:00:05,090 --> 00:00:07,780 [See on CS50.] [CS50.TV] 4 00:00:07,780 --> 00:00:09,810 Hea küll. Tere tulemast tagasi. See on CS50, 5 00:00:09,810 --> 00:00:12,100 ja see on lõpuks 7. nädalal. 6 00:00:12,100 --> 00:00:15,460 Nii et üks neist loll vähe asju, mis läheb ümber Internet 7 00:00:15,460 --> 00:00:24,080 ja me slurped üles, ja see peaks nüüd natuke geeky mõtet teile. 8 00:00:24,080 --> 00:00:28,330 Noh, see oli naljakam, et see kutt, kui see oli teiega. 9 00:00:28,330 --> 00:00:32,619 Rääkides, noh, poisid, 10 00:00:32,619 --> 00:00:42,550 täna on Nate sünnipäev. 11 00:00:42,550 --> 00:00:46,630 Et anda teile ettekujutuse hea Nate ja mina 12 00:00:46,630 --> 00:00:50,140 kell veebiarendust põhineb esmaspäeval klass ja põhineb nüüd selles, 13 00:00:50,140 --> 00:00:53,170 Ma arvasin, et tõmba Nate koduleheküljelt, kui sa ei ole näinud seda veel. 14 00:00:53,170 --> 00:00:57,020 See siin ia Nate'i HTML. 15 00:00:57,020 --> 00:00:59,380 Nii et vaata oma lähtekoodi, kui soovite näha, kuidas seda teha, ja Nate, 16 00:00:59,380 --> 00:01:02,250 kui saaksime embarass sa lihtsalt lühidalt, personali sain sulle midagi 17 00:01:02,250 --> 00:01:06,080 kui soovite jagada mõningaid magustoit mõned lapsed klassi siin. 18 00:01:06,080 --> 00:01:10,150 Kui soovite tule alla. 19 00:01:10,150 --> 00:01:14,350 Te kõik kiidan ja on väga kena, kuid keegi istub kuskil Nate, 20 00:01:14,350 --> 00:01:17,560 miskipärast on see tagasi tsoonis. 21 00:01:17,560 --> 00:01:24,020 Nii et ehk leiad mõned inimesed nautida neid koos. 22 00:01:24,020 --> 00:01:33,380 Palju õnne, Nate. 23 00:01:33,380 --> 00:01:37,660 >> Täiendav hellos: Me näitasime paar klippe meie CS50x õpilased. 24 00:01:37,660 --> 00:01:39,710 Kui soovite näha, kes muidu on maailmas 25 00:01:39,710 --> 00:01:41,850 mis on pärast mööda, saate pea see URL, 26 00:01:41,850 --> 00:01:45,780 kus Joosep, üks meie TFS, on kokku pandud montaaži kehvasti 27 00:01:45,780 --> 00:01:50,290 kõigile, kes on esitanud need videod, nende seas Rick Astley. 28 00:01:50,290 --> 00:01:53,010 Ja kui te satute neid, see on tegelikult üsna inspireeriv 29 00:01:53,010 --> 00:01:56,890 näha mitmekesisust Riigid ja linnad, kust inimesed on hailing. 30 00:01:56,890 --> 00:02:00,830 Nii et kui soovite võtta pilk, et mis on jätkunud kuni semestri lõpuks. 31 00:02:00,830 --> 00:02:05,370 Täna jätkame oma pilk veebis, veebi programmeerimine, HTML jms, 32 00:02:05,370 --> 00:02:08,280 ja meil on ka lõunasöök tulemas sel reedel 33 00:02:08,280 --> 00:02:11,360 kui soovite, ja eriti, ei ole seda teinud varem. 34 00:02:11,360 --> 00:02:13,630 Sel reedel teema on Nate sünnipäev, 35 00:02:13,630 --> 00:02:15,700 nii et kui sa tahaks olla sünnipäev lõuna Nate 36 00:02:15,700 --> 00:02:17,500 ja teised, mõned meie sõbrad tööstuse, 37 00:02:17,500 --> 00:02:19,300 palun pea et link seal. 38 00:02:19,300 --> 00:02:22,510 Kosmos, nagu alati, on piiratud. Samuti, kui olete unustanud, 39 00:02:22,510 --> 00:02:26,460 mõistma, et järgmisel nädalal on tähtaeg probleem komplekt 4 on tänavapühkija hunt, 40 00:02:26,460 --> 00:02:30,070 mille pärast tagasi kõik need JPEG alates card.raw, 41 00:02:30,070 --> 00:02:32,880 sina ja su jagu semud, kui soovite, võite proovida pildistamine 42 00:02:32,880 --> 00:02:36,100 nii palju arvuti teadlased, et mälukaardi kui võimalik, 43 00:02:36,100 --> 00:02:39,070 ja sina ja su osa siis võita vapustav auhinna. 44 00:02:39,070 --> 00:02:44,470 Naasta pset 4 spetsifikatsioonile, et mida esitada ja millal. 45 00:02:44,470 --> 00:02:47,650 Samuti, kui sa tahaksid saada oma kätetöö surematuks 46 00:02:47,650 --> 00:02:51,400 rajal veebilehte ja selle ajalugu rõivad, 47 00:02:51,400 --> 00:02:54,010 teate, et olete teretulnud nüüd alustada esitades kujunduse 48 00:02:54,010 --> 00:02:57,180 Selle aasta T-särgid ja dressipluusid jms. 49 00:02:57,180 --> 00:02:59,200 Me teeme oma parima, et hõlmata võimalikult palju kui saame, 50 00:02:59,200 --> 00:03:01,440 aga eks me mõned töötajad vaadata kõiki disainilahendusi 51 00:03:01,440 --> 00:03:04,180 veenduda, et nad on kooskõlas kirjeldused, 52 00:03:04,180 --> 00:03:07,500 ja me siis vali tavaliselt käputäis neid eksponeerida. 53 00:03:07,500 --> 00:03:10,620 Nii et kui teil on konstruktsioonitüübi, lihtsalt tean, et nõuetele 54 00:03:10,620 --> 00:03:14,030 graafika on PNG, vähemalt 200 dpi, 55 00:03:14,030 --> 00:03:16,520 nad ei tohi olla suurem kui 4000 x 4000 pikslit, 56 00:03:16,520 --> 00:03:19,010 ja mitte rohkem kui 10 MB, kuid sa oled teretulnud kasutama asjad 57 00:03:19,010 --> 00:03:22,430 Photoshop või GIMP või erinevates graafilistes programmides, 58 00:03:22,430 --> 00:03:24,590 mis iganes sul on Teie käsutuses. 59 00:03:24,590 --> 00:03:28,280 >> Samuti silmapiiril on lõplik projekt. Projekti lõplik tõesti on kulminatsioon 50, 60 00:03:28,280 --> 00:03:30,560 kusjuures kõigi ülesannete käigus, 61 00:03:30,560 --> 00:03:33,170 see on sinu võimalus tõesti teha oma asja. 62 00:03:33,170 --> 00:03:35,280 Ja see võib olla lihtsalt midagi teha lõbu, 63 00:03:35,280 --> 00:03:38,160 seda saab lahendada mõned pakilisemad probleemid teie õpilane grupp on, 64 00:03:38,160 --> 00:03:40,980 mõned uued veebilehel, mõned uued kogumise mehhanismi andmed. 65 00:03:40,980 --> 00:03:43,420 See võib olla mobiilne rakendus Android, iOS. 66 00:03:43,420 --> 00:03:46,030 Tõesti, taevas on piir, ja lähema paari nädala jooksul, 67 00:03:46,030 --> 00:03:50,900 nagu me üleminekut C kuni need kõrgema taseme keeltes nagu PHP ja JavaScript, 68 00:03:50,900 --> 00:03:55,150 leiad ennast üha tutvustatakse mõned reaalse tehnikat, 69 00:03:55,150 --> 00:03:57,800 mõned reaalse tööriistad ja täiendada seda, 70 00:03:57,800 --> 00:04:00,170 tean, et loomulikult on esinenud seminaridel, 71 00:04:00,170 --> 00:04:02,880 mille üle järgmise mitu nädalat, mõned õppejõud 72 00:04:02,880 --> 00:04:06,160 ja sõbrad meie alates loengusse pakub vabatahtlik seminarid 73 00:04:06,160 --> 00:04:08,540 mis lähevad üle ja kaugemale inimest tavaliselt teinud rubriigis 74 00:04:08,540 --> 00:04:11,090 tutvustada teile asju nagu Android programmeerimine, 75 00:04:11,090 --> 00:04:13,450 tutvustada teile asjad iOS programmeerimine 76 00:04:13,450 --> 00:04:15,950 või rohkem arenenud web-arendamise tehnikaid. 77 00:04:15,950 --> 00:04:17,970 Seal on kogu ajaloo nende juba internetis. 78 00:04:17,970 --> 00:04:25,000 Kui te lähete cs50.net/seminars, oleme seda teinud juba üsna mitu aastat, 79 00:04:25,000 --> 00:04:28,740 ja te näete, et arhiveeritud siin PDF-faile ja videoid jms 80 00:04:28,740 --> 00:04:33,090 on mitukümmend videod seminare. 81 00:04:33,090 --> 00:04:37,380 Eelmisel aastal näiteks oli meil seminar ILMITSI oma tehnilise intervjuud, 82 00:04:37,380 --> 00:04:40,980 kui sa tegelikult otsin minna välja ja teha internatuuri või täistööajaga kaarik. 83 00:04:40,980 --> 00:04:43,450 Windows Mobile areng, Android arendamiseks, Google Maps, 84 00:04:43,450 --> 00:04:47,700 API, CSS, arendades BlackBerry, Emacs. 85 00:04:47,700 --> 00:04:52,610 Tõesti, sa oled teretulnud, kui heita pilk kõik need seminarid endale sobival ajal. 86 00:04:52,610 --> 00:04:57,080 Ja saadame ettevõttes ka uusi käesoleval poolaastal, samuti. 87 00:04:57,080 --> 00:04:59,020 >> Mis on edasi lõpliku projekti? 88 00:04:59,020 --> 00:05:01,090 Noh, esiteks, isegi kui see kuupäev on mõnevõrra peatne 89 00:05:01,090 --> 00:05:06,460 see on tõesti lihtsalt võimalus hakata mõtlema lõplik projekt üsna realistlikult. 90 00:05:06,460 --> 00:05:10,550 Me teame ainult algus midagi, mida me veel, mis hõlmab käigus, 91 00:05:10,550 --> 00:05:13,470 HTML, PHP jms, kuid te olete kõik tuttavad Web, 92 00:05:13,470 --> 00:05:16,270 ja ma diagonaal seda vestlust suunas Web ainult sellepärast 93 00:05:16,270 --> 00:05:18,380 enamik inimesi lõpuks teeme Veebipõhine lõplik projektide 94 00:05:18,380 --> 00:05:20,260 kuid see ei ole sugugi vajalik. 95 00:05:20,260 --> 00:05:22,260 Kasutades C on hea, objektiivne C, Java, 96 00:05:22,260 --> 00:05:25,350 Teistes keeltes te võite teada või tahad teada, on üsna hea. 97 00:05:25,350 --> 00:05:29,370 Aga saada mahlad voolavad esialgu, me ootame esitamise preproposal 98 00:05:29,370 --> 00:05:33,520 mis kohta PDF veebilehel, mis on praegu cs50.net, 99 00:05:33,520 --> 00:05:36,080 ja ülaosas vasakul näete lõplik projekt 100 00:05:36,080 --> 00:05:38,920 on spetsifikaadi lõplik projekt, 101 00:05:38,920 --> 00:05:41,470 ja seal on andmed preproposal jms. 102 00:05:41,470 --> 00:05:44,760 Ta päris palju taandub talle oma õpetamise mehe 103 00:05:44,760 --> 00:05:48,450 lihtsalt leida üles vestlus temaga sellest, mida sa mõtled. 104 00:05:48,450 --> 00:05:52,510 On projects.cs50.net on varamu ideid inimesed loengusse 105 00:05:52,510 --> 00:05:54,480 kui sa oled hädas tulla mõned ideed, 106 00:05:54,480 --> 00:06:01,140 ja manual.cs50.net/APIs on varamu linke rakendusliideste. 107 00:06:01,140 --> 00:06:06,710 >> Mis on aga API? 108 00:06:06,710 --> 00:06:09,790 Mis on API? Ma olen öelnud seda vähemalt kaks korda, 109 00:06:09,790 --> 00:06:12,640 vastavalt ärakirju möödunud mitu nädalat. 110 00:06:12,640 --> 00:06:17,050 Mis see on? [Student, arusaamatult] 111 00:06:17,050 --> 00:06:19,340 >> Olgu, hästi. Nii et midagi programmeerimise liides. 112 00:06:19,340 --> 00:06:22,710 Application Programming Interface, ja see võib olla mitmeid vorme, 113 00:06:22,710 --> 00:06:25,850 kuid mida see tegelikult taandub see kood 114 00:06:25,850 --> 00:06:29,660 et keegi HS kirjutada või andmed, et keegi on kogutud 115 00:06:29,660 --> 00:06:33,670 et on teinud teile kättesaadavaks teatud programmiliste. 116 00:06:33,670 --> 00:06:36,630 Võite kirjutada koodi C, PHP, Python, Ruby, 117 00:06:36,630 --> 00:06:38,760 sõltumata oma keele valik tavaliselt on, 118 00:06:38,760 --> 00:06:42,240 ja saate kuidagi tugineda kellegi teise funktsionaalsus 119 00:06:42,240 --> 00:06:44,440 või kellegi teise andmekogum. 120 00:06:44,440 --> 00:06:47,210 Näiteks, kui ma lähen seda linki siin, 121 00:06:47,210 --> 00:06:50,750 ja sa näed paari lingid järgnev lehekülg 122 00:06:50,750 --> 00:06:56,093 kusjuures meil CS50 enda API, mis on väga Harvardi-kesksemaks, ja siis kolmanda osapoole rakendusliideste. 123 00:06:56,930 --> 00:06:59,300 Hulgas kolmanda osapoole API-d on tõesti kasulikke asju 124 00:06:59,300 --> 00:07:01,780 nagu oleks võimalik saada SMS inimesed, 125 00:07:01,780 --> 00:07:04,690 on võimalik saada SMS tekstsõnumeid inimesed. 126 00:07:04,690 --> 00:07:08,160 Ja asjad niimoodi, et siin võib olla aimugi, kuidas rakendada ennast, 127 00:07:08,160 --> 00:07:10,440 kuid tänu teenuseid, mõned vabad ja mõned kaubandus-, 128 00:07:10,440 --> 00:07:14,000 saab ehitada atop need ja midagi teile huvi pakkuda. 129 00:07:14,000 --> 00:07:16,990 Hulgas CS50 on APIs on need campus-kesksemaks asjad 130 00:07:16,990 --> 00:07:21,480 Harvardi kursused, energia, sündmused, toidu, kaardid, uudised, tweets ja Shuttleboy enda, 131 00:07:21,480 --> 00:07:23,940 ja need APIs et vaadata veidi midagi sellist. 132 00:07:23,940 --> 00:07:26,990 >> Las ma tõmba HarvardFood API. 133 00:07:26,990 --> 00:07:30,620 Kui sa oled kunagi olnud HUD veebilehte, olete ilmselt olnud seal 134 00:07:30,620 --> 00:07:35,410 lihtsalt näha, mis on õhtusöögile või näha, mis tunnid on juba mõnda d-hallis. 135 00:07:35,410 --> 00:07:38,000 Noh, see ei ole eriti lihtne navigeerida, 136 00:07:38,000 --> 00:07:41,100 ja nii me tegimegi mõni aeg tagasi oli meil kirjutas tarkvara, 137 00:07:41,100 --> 00:07:47,270 ta juhtub olema PHP, et tegelikult ekraani kriimustuste kogu HUD kodulehel. 138 00:07:47,270 --> 00:07:51,400 Et ekraani kraapima midagi tähendab, et kirjutada programmi nagu PHP 139 00:07:51,400 --> 00:07:55,270 et teeskleb, et brauser, kuigi te võite selle käivitada käsuviibalt, 140 00:07:55,270 --> 00:07:58,180 et teeskleb, et brauser ühendub veebilehel, 141 00:07:58,180 --> 00:08:01,480 laadib oma HTML, mis keeles see on kirjutatud, 142 00:08:01,480 --> 00:08:04,300 ja siis loeb seda, või täpsemalt, korrastab seda 143 00:08:04,300 --> 00:08:06,140 ülevalt alla, vasakult paremale. 144 00:08:06,140 --> 00:08:08,870 Ja mida me tegime oli meil kirjutas meie koodi nii, et 145 00:08:08,870 --> 00:08:12,910 igal ajal nägime midagi, mis HTML mis nägi välja nagu midagi menüü 146 00:08:12,910 --> 00:08:16,470 nagu hamburger, oleksime seejärel importida et meie enda andmebaasi. 147 00:08:16,470 --> 00:08:20,410 Ja igal ajal nägime toiteväärtust, oleksime importida et meie enda andmebaasi. 148 00:08:20,410 --> 00:08:23,090 Ja mida me tegime oli võimendav asjaolu, et HUD kodulehel 149 00:08:23,090 --> 00:08:27,280 kuigi see võib olla natuke väljakutse meile inimestel liikuda 150 00:08:27,280 --> 00:08:32,559 all kapuuts, kõik HTML on loodud oma arvutiprogrammid. 151 00:08:32,559 --> 00:08:35,159 Nii et kõik oma HTML, kuigi see võib tunduda segane, 152 00:08:35,159 --> 00:08:38,026 Nagu enamik veebisaite all kapuuts see järgmiselt muster. 153 00:08:38,260 --> 00:08:40,799 Nii et me lihtsalt veetnud paar tundi figuring et muster 154 00:08:40,799 --> 00:08:44,240 nii et lõpuks, me visata kõik räpane HTML, 155 00:08:44,240 --> 00:08:47,340 kõik esteetika julge ees ja kursiivis jms, 156 00:08:47,340 --> 00:08:52,350 ja mida me siis suutnud teha, on seada, et samu andmeid. 157 00:08:52,350 --> 00:08:54,870 Näiteks sel viisil. 158 00:08:54,870 --> 00:08:56,840 Nii me, vastavalt dokumente siin, 159 00:08:56,840 --> 00:08:59,190 teatanud maailmale, et kui te taotlete URL 160 00:08:59,190 --> 00:09:03,310 mis näeb välja selline, food.cs50.net / midagi, 161 00:09:03,310 --> 00:09:07,220 ja mida pakkuda teatud parameetreid, mis me räägime täna, 162 00:09:07,220 --> 00:09:11,780 nagu lõpptähtajaks ajal algusaasta aeg, jahu ja nii edasi, 163 00:09:11,780 --> 00:09:14,090 mida meie serverid tulen su juurde tagasi, näiteks, 164 00:09:14,090 --> 00:09:18,740 on CSV-faili, koma separted väärtused nagu Exceli faili, 165 00:09:18,740 --> 00:09:23,140 sisaldavad kõike hommikusöögiks selle konkreetse kuupäeva eelmise aasta märtsis 166 00:09:23,140 --> 00:09:25,450 kui ma juhtus kirjutada üles selle dokumentatsiooni. 167 00:09:25,450 --> 00:09:27,870 >> Neile, kes teavad, CSV ei ole ainus failivormingus. 168 00:09:27,870 --> 00:09:30,610 Seal on teine ​​formaat, mis on kõik mitmekülgsem 169 00:09:30,610 --> 00:09:32,670 nimega JSON, JavaScript Object Notation. 170 00:09:32,670 --> 00:09:34,770 Andmeid saab tagasi tulla sellisel kujul. 171 00:09:34,770 --> 00:09:38,110 Nii Buffee on selles, et kas sa sukelduda seda API 172 00:09:38,110 --> 00:09:41,170 või mõnda muud CS50-või midagi seal Internetis, 173 00:09:41,170 --> 00:09:45,560 või üldse mitte aru, et maailm on üha enam hakanud standardiseerida 174 00:09:45,560 --> 00:09:47,670 kuidas masinad on omavahel ühendatud. 175 00:09:47,670 --> 00:09:50,660 Me kasutame standard andmete formaadid nagu CSV või JSON. 176 00:09:50,660 --> 00:09:54,320 Ja mida see tähendab teile, võite kirjutada huvitavaid osa programmist 177 00:09:54,320 --> 00:09:56,580 mis võimaldab oma kasutajanimi otsida söögi-hallis menüü 178 00:09:56,580 --> 00:10:00,010 mis võimaldab neil luua nimekirju lemmikud, mis võimaldab neil saada Alerts 179 00:10:00,010 --> 00:10:02,480 kui nende lemmik sööki on umbes antakse kätte mõned d-hallis 180 00:10:02,480 --> 00:10:07,090 kasutades kellegi teise andmekogumid ja hoone peal nende rakendusliideste. 181 00:10:07,090 --> 00:10:13,600 Nii et rohkem sel kujul seminare ja dokumentatsioon, et teil on siin online. 182 00:10:13,600 --> 00:10:16,450 Nii et need on siis rakendusliideste. 183 00:10:16,450 --> 00:10:18,900 >> See toob meid tagasi HTML. Kiire sulgege. 184 00:10:18,900 --> 00:10:22,920 Mis on HTML? 185 00:10:22,920 --> 00:10:25,000 [Student, arusaamatult] >> Hea. Hypertext Markup Language. 186 00:10:25,000 --> 00:10:31,300 Keegi teine, mis 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. Nii HTML, HTTP. 189 00:10:40,330 --> 00:10:43,100 HyperText lihtsalt viitab Web, enamasti. 190 00:10:43,100 --> 00:10:45,730 Markup tähendab, et see ei ole tegelikult programmeerimiskeelt, HTML. 191 00:10:45,730 --> 00:10:48,120 See ei ole keel, mida saab väljendada loogika sisse 192 00:10:48,120 --> 00:10:50,710 See ei pea silmuseid. See ei pea tingimustel. 193 00:10:50,710 --> 00:10:52,820 See ei pea funktsioone iseenesest. 194 00:10:52,820 --> 00:10:56,680 Pigem on need asjad ehk silte, või rohkem õigesti, elemente. 195 00:10:56,680 --> 00:10:59,970 Ja need elemendid on algusest sildid ja lõpuks silte, 196 00:10:59,970 --> 00:11:04,300 või avatud sildid ja suletud sildid ja millised need sildid üldjuhul tähendavad brauser on 197 00:11:04,300 --> 00:11:09,270 hakkate midagi ja siis peatus tee midagi, kuigi on ka erandeid. 198 00:11:09,270 --> 00:11:12,480 Mõnikord on see lihtsalt "panna reapiiri siin," näiteks. 199 00:11:12,480 --> 00:11:15,150 Ja me nägime näiteid, et teine ​​päev, vahel julge jääksid, 200 00:11:15,150 --> 00:11:17,430 reavahetused, ja siis paar muud sildid. 201 00:11:17,430 --> 00:11:19,880 Nii HTML on keel, milles veebilehti on kirjutatud. 202 00:11:19,880 --> 00:11:23,760 Nii et kui ma lähen midagi nagu Google.com 203 00:11:23,760 --> 00:11:26,180 ja tõmba lihtsalt oma kodulehekülg, 204 00:11:26,180 --> 00:11:29,690 meelde tuletada, et kui te paremklõps või kontrollida kliki 205 00:11:29,690 --> 00:11:32,140 ja pilk View Page Source, tüüpiliselt 206 00:11:32,140 --> 00:11:34,420 see on täielik jama nendel päevadel all kapuuts, kuid see on, sest 207 00:11:34,420 --> 00:11:38,170 arvutid ei hooli valge ruumi, nii et see ei pea otsima ilus. 208 00:11:38,170 --> 00:11:40,240 Aga kui me suumida osa, 209 00:11:40,240 --> 00:11:43,460 märgata, et Chrome, lihtsalt kena olla, on värv kodeeritud asju. 210 00:11:43,460 --> 00:11:48,460 Tõepoolest, see on esimene silt, et me nägime veebilehel. 211 00:11:48,460 --> 00:11:51,750 Ja jälle, HTML 5, uusima versiooni selles keeles, 212 00:11:51,750 --> 00:11:53,830 ei ole see asi alguses, 213 00:11:53,830 --> 00:11:57,820 00:12:03,580 aga see on lihtsalt mingi standard, mis ütleb, hei maailmas, siin on HTML faili versiooni 5. 215 00:12:03,580 --> 00:12:08,920 >> Huvitav osa algab siit. Nii 00:12:11,640 HTML-elemente viimast korda. 217 00:12:11,640 --> 00:12:14,630 Millised olid need kaks peamist lapsi? 218 00:12:14,630 --> 00:12:17,170 Pea ja keha, nagu kutt tätoveering hetk tagasi. 219 00:12:17,170 --> 00:12:19,640 Seal on kaks osa veebilehe, pea ja keha, 220 00:12:19,640 --> 00:12:23,750 ja tagasikutsumise siis, et võib-olla kõige lihtsam veebileht saaksime näeb välja selline. 221 00:12:23,750 --> 00:12:27,460 Ja ma olen liigestatud see lihtsalt olla selline puhas ja korras oma koodi, 222 00:12:27,460 --> 00:12:30,710 kuid mis on tegelikult tähtis on see, et seal on mõned hierarhia sellele. 223 00:12:30,710 --> 00:12:35,420 Ja silt, et olen avanud olen suletud ja et seal on seega see sümmeetria 224 00:12:35,420 --> 00:12:38,300 kõigile juurdehindlus, et ma olen loodud. 225 00:12:38,300 --> 00:12:41,620 Nii et viimasel ajal oleme hakanud kirjalikult veebilehti oma sülearvuti. 226 00:12:41,620 --> 00:12:45,470 Ma avanud teksti redigeerida, ma päästsin faili hello.html, 227 00:12:45,470 --> 00:12:50,190 Siis ma tirisid faili peale minu brauser, ja voila, mul oli leht internetis. 228 00:12:50,190 --> 00:12:53,110 Nüüd, see ei ole päris nii, mul oli leht minu kõvakettale, 229 00:12:53,110 --> 00:12:58,260 ja ma olin sõna otseses mõttes ainus inimene maailmas, kes näeksid, et veebileht brauseris. 230 00:12:58,260 --> 00:13:00,670 >> Nii et täna tutvustame tegelik veebiserver 231 00:13:00,670 --> 00:13:02,750 ja mõiste tegelikult teenivad sisu Internetis 232 00:13:02,750 --> 00:13:04,970 ja kuidas see kõik hakkab kokku sobitada. 233 00:13:04,970 --> 00:13:08,350 Nii tuleb välja, et kõik seekord CS50 seadme 234 00:13:08,350 --> 00:13:11,590 teil on olnud veebiserveri arvutis. 235 00:13:11,590 --> 00:13:16,560 Me oleme, õiglus, vaid kasutas seda gedit jaoks rõkkama, sest GDB jms, 236 00:13:16,560 --> 00:13:21,000 kuid ka paigaldatud meie poolt teile aparaat on veebiserver, 237 00:13:21,000 --> 00:13:23,940 ja et veebiserver juhtub olema vaba, avatud lähtekoodiga, 238 00:13:23,940 --> 00:13:26,580 üks enim levinud kogu maailmas, nimega Apache. 239 00:13:26,580 --> 00:13:31,340 Oma tehnilistelt nimi on httpd, d et neid deemon siin, 240 00:13:31,340 --> 00:13:34,110 mis on tehniline sõna server. 241 00:13:34,110 --> 00:13:38,690 Nii paigaldatud CS50 seade on veebiserver, ja mida see tähendab? 242 00:13:38,690 --> 00:13:43,740 Noh, veebiserver on kontseptuaalselt, mõned server internetis, mis mahutab kuni veebisisu. 243 00:13:43,740 --> 00:13:48,630 Kui küsitakse faili, siis sülitab välja HTML et komponeerib et fail ja voila. 244 00:13:48,630 --> 00:13:51,370 Näete mõned veebisaidi avalehele. 245 00:13:51,370 --> 00:13:54,970 Aga server on täpsemalt tükk tarkvara. 246 00:13:54,970 --> 00:13:59,190 See ei pea olema füüsiline masin, see lihtsalt peab olema tükk tarkvara töötab. 247 00:13:59,190 --> 00:14:01,980 Nii CS50 aparaat, muidugi, on tükk tarkvara 248 00:14:01,980 --> 00:14:04,270 kuigi see on omamoodi teeseldes masin. 249 00:14:04,270 --> 00:14:06,960 See on teeseldes olema arvuti sees arvuti, 250 00:14:06,960 --> 00:14:11,140 kuid see tähendab lihtsalt, et seade saab kindlasti käivitada asju nagu veebiserverid. 251 00:14:11,140 --> 00:14:13,260 See võib tegelikult käivitada e-posti servereid. 252 00:14:13,260 --> 00:14:16,440 Võiksime sõita kiirsõnumiserveriga aastal seadet, kui me tahtsime, 253 00:14:16,440 --> 00:14:20,780 ja tõepoolest, me käivitada ühe teist tüüpi server, mida tuntakse andmebaasi server, MySQL. 254 00:14:20,780 --> 00:14:22,620 Aga rohkem sellest järgmisel nädalal. 255 00:14:22,620 --> 00:14:26,400 See tähendab, et ma ei saa tegelikult külastada veebilehti 256 00:14:26,400 --> 00:14:30,480 sees minu seadme abil brauseri seadme sees 257 00:14:30,480 --> 00:14:33,600 või isegi minu oma sülearvuti, mu Mac või arvutiga. 258 00:14:33,600 --> 00:14:37,780 Mida see tähendab? Selgub, et igal ajal näed Linux arvuti, 259 00:14:37,780 --> 00:14:40,910 tema hüüdnimi on "kohalik peremees." 260 00:14:40,910 --> 00:14:43,370 See ei ole domeeninime, sest me ei ole ostnud domeeninime 261 00:14:43,370 --> 00:14:46,590 midagi nagu aparaat, nii et selle vaikimisi nimi on kohalikus masinas. 262 00:14:46,590 --> 00:14:50,470 >> Aga selleks, et saada seadme, et hakata teenindama kuni veebilehti, 263 00:14:50,470 --> 00:14:52,270 me peame looma neile esimesena. 264 00:14:52,270 --> 00:14:55,200 Nii et teeme seda. Lubage mul minna terminaliakent siin 265 00:14:55,200 --> 00:14:58,190 ja teate, et ma olen oma tüüpiline John Harvard kiire. 266 00:14:58,190 --> 00:15:01,670 Lubage mul minna ja kirjuta ls, ja me näeme mõned tuttavad asjad selle semestri 267 00:15:01,670 --> 00:15:04,580 lauaarvuti, downloads, Dropbox ja nii edasi, 268 00:15:04,580 --> 00:15:07,540 kuid nüüd alustada keerates meie tähelepanu paar. 269 00:15:07,540 --> 00:15:11,530 On palju Linux veebiserverid seal on see kaust nimega avalik html, 270 00:15:11,530 --> 00:15:15,630 kuid me ei kavatse vahele, et üks nüüd ja keskenduda sellele, vhosts. 271 00:15:15,630 --> 00:15:18,850 Keegi teab, milline vhost on? 272 00:15:18,850 --> 00:15:21,110 Lihtsalt loll kõnepruugis jaoks virtuaalne host, 273 00:15:21,110 --> 00:15:23,850 ja mida see tähendab, et tüüpiline server 274 00:15:23,850 --> 00:15:26,810 tegelikult võite võõrustada mitmeid veebisaite. 275 00:15:26,810 --> 00:15:31,500 Sa võid osta domeeninime nagu foo.com, ja saate vastuvõtva see serveris. 276 00:15:31,500 --> 00:15:36,100 Aga sa võid ka osta bar.com ja vastuvõtva ta samas serveris. 277 00:15:36,100 --> 00:15:40,250 Põhjus on selles, brauserid on piisavalt targad, et teavitada server 278 00:15:40,250 --> 00:15:45,880 kui kasutaja taotleb mõned veebilehel, milline domeeninimi kasutaja soovib kodulehel. 279 00:15:45,880 --> 00:15:48,760 Mis siis on tore on see, te ei pea ühes füüsilises serveris 280 00:15:48,760 --> 00:15:52,040 või üks CS50 seadme iga veebisaidi võiksite luua. 281 00:15:52,040 --> 00:15:55,520 Võite kasutada sama server ja arendada saja erineva veebilehed. 282 00:15:55,520 --> 00:15:58,770 Ja tõepoolest, kui te olete inimene üritab alustada veebilehel, 283 00:15:58,770 --> 00:16:02,100 kas lõbu või äri, tavaliselt lähete läbi interneti, 284 00:16:02,100 --> 00:16:04,650 ja maksad keegi kümme taala kuu, sada dollarit kuus 285 00:16:04,650 --> 00:16:06,670 võõrustada oma kodulehel teile. 286 00:16:06,670 --> 00:16:11,060 Ja nii, et töötab, on nad maksustamise teisi inimesi 287 00:16:11,060 --> 00:16:13,160 10 dollarit kuus või sada dollarit kuus 288 00:16:13,160 --> 00:16:17,200 võõrustada teiste inimeste veebilehtedel nende samas serveris. 289 00:16:17,200 --> 00:16:20,740 Seetõttu nad ei saa seda teha on, sest see funktsioon nimega bhosts, 290 00:16:20,740 --> 00:16:23,790 vaid pigem, et kui on aeg lõplikuks projekte. 291 00:16:23,790 --> 00:16:28,360 >> Sest nüüd, lähme lihtsalt sukelduda seal. Nii CD vhosts, ja kui ma tüüpi Kas nüüd, 292 00:16:28,360 --> 00:16:31,370 märgata, et seal on kaust, seal nimetatakse kohalikus masinas. 293 00:16:31,370 --> 00:16:33,440 See on sellepärast, vaikimisi seade arvud 294 00:16:33,440 --> 00:16:36,160 sa oled kunagi avan veebilehe aparaat. 295 00:16:36,160 --> 00:16:38,970 See ei ole tegelikult reaalses maailmas, see pole reaalse maailma veebiserver. 296 00:16:38,970 --> 00:16:41,690 Nii et lubage mul minna kohaliku hosti, ja nüüd me näeme seal 297 00:16:41,690 --> 00:16:44,290 viimane kataloog nimega HTML. 298 00:16:44,290 --> 00:16:47,080 Nii et see on natuke sügav, hierarhia, kuid kas ja millal 299 00:16:47,080 --> 00:16:51,230 te otsustate alustada arendada mitmeid veebisaite üle järgmise n kuud või aastat, 300 00:16:51,230 --> 00:16:54,370 sellist kausta struktuuri kipub olema kasulik. 301 00:16:54,370 --> 00:16:56,560 Nüüd lähme HTML-nagu ma just tegin, 302 00:16:56,560 --> 00:16:59,010 tüüp ls, ja midagi on seal. 303 00:16:59,010 --> 00:17:01,390 Nüüd lähme edasi ja tee seda. Lubage mul avada Chrome 304 00:17:01,390 --> 00:17:07,300 seadme sisemust, ja lase mul minna http://localhost. 305 00:17:07,300 --> 00:17:14,440 Nii sõna-sõnalt nimi minu aparaat, siseneda, ja ma saan Index of /. 306 00:17:14,440 --> 00:17:18,290 See ei ole tegelikult näitab mulle midagi huvi, 307 00:17:18,290 --> 00:17:23,400 aga tuleb välja, et see, mida me näeme, on selle kausta, HTML. 308 00:17:23,400 --> 00:17:25,770 Pole midagi sees, et kaust praegu, 309 00:17:25,770 --> 00:17:28,750 Nii et selle asemel, mida ma pean tegema, on kõigepealt luua fail. 310 00:17:28,750 --> 00:17:33,530 Loo HTML fail nagu me tegime esmaspäeval, kuid seekord pani selle seadme sisemust. 311 00:17:33,530 --> 00:17:36,830 Neile, kes üritavad jälgida koos sülearvutid nüüd, 312 00:17:36,830 --> 00:17:42,040 Lubage mul teha üks kõrvale, et tulen kaetud veebipõhine pset, 313 00:17:42,040 --> 00:17:44,280 vaid selleks, et saada see töö jaoks väga esmakordselt, 314 00:17:44,280 --> 00:17:49,830 sa lähed pea selle käsu: sudo teenus httpd start. 315 00:17:49,830 --> 00:17:52,670 Ja see omakorda korratakse viimase pset, 316 00:17:52,670 --> 00:17:55,460 aga kui sa mängid koos kodus nüüd, veebiserver 317 00:17:55,460 --> 00:17:58,660 on välja lülitatud aparaat, ja ongi nii, et see ei SAP kuni RAM 318 00:17:58,660 --> 00:18:01,960 ja mälu 7 nädalat välja semester, kui me seda ei vaja. 319 00:18:01,960 --> 00:18:05,190 Nii et sa pead selle käsu pärast, ja sa saad väljund niimoodi. 320 00:18:05,190 --> 00:18:07,920 Siis peaks olema võimalik mängida koos siin. 321 00:18:07,920 --> 00:18:10,330 Nüüd lähme tagasi sellesse kausta. 322 00:18:10,330 --> 00:18:12,770 See kaust on tühi, seega lubage mul alustada luua faili 323 00:18:12,770 --> 00:18:16,360 gedit hello.html. 324 00:18:16,360 --> 00:18:20,930 >> Hea küll. Gedit on avatud nagu tavaliselt. Las ma teen DOCTYPE html, 325 00:18:20,930 --> 00:18:25,270 html, las ma saan enne ise ja alustada sulgemise minu sildid ette. 326 00:18:25,270 --> 00:18:28,380 Nüüd on mul peas. Lubage mul minna ja sule pea, 327 00:18:28,380 --> 00:18:32,450 las ma nüüd tegema lehe pealkiri, tere nagu eelmine kord, 328 00:18:32,450 --> 00:18:34,790 Sulge pealkiri, nüüd las ma teen keha. 329 00:18:34,790 --> 00:18:38,130 Siin ma ütlen tere, maailm mõned exclams 330 00:18:38,130 --> 00:18:40,550 selgeks teha, et see on teine ​​string. 331 00:18:40,550 --> 00:18:45,800 Sulge keha, ja nüüd las ma minna ja esitada salvestada. 332 00:18:45,800 --> 00:18:48,470 Las ma lähen tagasi oma terminali aken, ja kui ma tüüpi LS, 333 00:18:48,470 --> 00:18:51,830 Ma peaks arvatavasti vt hello.html. Ja ma teen. 334 00:18:51,830 --> 00:18:55,070 Nii et nüüd lähme tagasi oma brauseris nuppu reload 335 00:18:55,070 --> 00:18:58,930 ja te näete oleme tõepoolest sees see HTML kausta. 336 00:18:58,930 --> 00:19:02,310 Ma ei näe veebileht veel, see on Apache, veebiserver, 337 00:19:02,310 --> 00:19:04,670 lihtsalt näitab mulle nimekirja sisu selles kataloogis. 338 00:19:04,670 --> 00:19:08,260 Just nagu Mac OS või Windows on tavaliselt teha ise kohalikul kõvakettal. 339 00:19:08,260 --> 00:19:12,730 Nii et kui ma tahan seda näha veebilehe, ma ei kliki see väike link siin, hello.html, 340 00:19:12,730 --> 00:19:15,160 ja tõesti, see, mida ma ootasin näha. 341 00:19:15,160 --> 00:19:18,080 Nüüd jälle, see ei ole URL, et keegi saab külastada just nüüd, 342 00:19:18,080 --> 00:19:20,760 sest teie jaoks, kohalik host, kui teil on arvuti siin, 343 00:19:20,760 --> 00:19:23,050 see viitab oma eksemplar seadme kohta. 344 00:19:23,050 --> 00:19:25,900 See on minu isiklik aparaat, 345 00:19:25,900 --> 00:19:29,080 aga see on selline loll, et mul on, on 346 00:19:29,080 --> 00:19:34,480 kasutaja nagu mina klõpsa hello.html tegelikult näha sisu sellel lehel. 347 00:19:34,480 --> 00:19:42,590 Selgub, et veebiserverid nagu Apache lase sul vaikimisi faili mis tahes veebiserver. 348 00:19:42,590 --> 00:19:44,640 Teade meil siin hello.html. 349 00:19:44,640 --> 00:19:48,410 Mis käsk Linux ümber nimetada faili? 350 00:19:48,410 --> 00:19:50,870 >> MV, sest liikuda. Nii et lubage mul seda teha, 351 00:19:50,870 --> 00:19:55,870 ja las ma ümber hello.html et index.html. 352 00:19:55,870 --> 00:19:58,610 Lubage mul tippida Kas kinnitada see nüüd ümber nimetatud. 353 00:19:58,610 --> 00:20:03,250 Nüüd see läheb - kui ma lähen tagasi kohaliku hosti 354 00:20:03,250 --> 00:20:06,710 märkate nüüd, et ma olen automaatselt nähes, et veebilehel. 355 00:20:06,710 --> 00:20:11,740 See on identne minu tegelikult teeme / index.html, 356 00:20:11,740 --> 00:20:14,740 aga tore asi on see, et veebiserveri figuring, 357 00:20:14,740 --> 00:20:18,830 oh, kui sul on fail, et inimese konventsioonide, nimetatakse index.html, 358 00:20:18,830 --> 00:20:21,200 las ma näitan kasutaja, et fail vaikimisi 359 00:20:21,200 --> 00:20:25,290 mitte mingi loll kataloogis, mis ei ole üldse kasutajasõbralik. 360 00:20:25,290 --> 00:20:28,900 Tõepoolest, enamik veebisaite te külastate Internetis ei ole failide nimekirja klikkima, 361 00:20:28,900 --> 00:20:34,040 nad lihtsalt näidata teile sisu. Nii see on, kuidas me saame teha, et index.html. 362 00:20:34,040 --> 00:20:37,000 Nii et see on kõik lõbus ja hea, kuid see on üsna lihtne veebileht. 363 00:20:37,000 --> 00:20:41,640 Lubage mul minna ja avada index.html minu vhosts, 364 00:20:41,640 --> 00:20:47,620 kohalike võõrustajate html kataloogi ja lisame midagi suuremat huvi. 365 00:20:47,620 --> 00:20:56,120 Nii et tere; olgem asemel öelda "See on CS50, Harvardi Kolledži. . . " 366 00:20:56,120 --> 00:21:00,000 Nii et alguses muidugi kataloogi kirjelduse mingisugune olemas. 367 00:21:00,000 --> 00:21:03,780 Nüüd, kui ma uuesti laadida, ma näen seda minu kodulehekülg. 368 00:21:03,780 --> 00:21:09,560 Okei, ja ma ei näe seda, aga oletame, et ma tahan nüüd loetleda mõned rohkem sisu seda faili. 369 00:21:09,560 --> 00:21:15,160 Ma võiks minna siin ja öelda, eeldused ükski, 370 00:21:15,160 --> 00:21:18,740 kuigi mõned teist on ilmselt meeldib, "Ha ha ha, ei eelduseks." 371 00:21:18,740 --> 00:21:24,320 Aga - ametlikult. Nii reload, ja nüüd on meil sama veidrus, et me nägime viimast korda. 372 00:21:24,320 --> 00:21:26,240 Aga miks see nii on? See oli lihtne määrata. 373 00:21:26,240 --> 00:21:31,440 Miks seda lehte katki? 374 00:21:31,440 --> 00:21:34,170 [Student, arusaamatult] >> Jah, me oleme lahendanud selle enne 375 00:21:34,170 --> 00:21:37,440 selgesõnaliselt öelnud brauseri panna reapiiri siin. " 376 00:21:37,440 --> 00:21:39,440 Ja ongi, sest jällegi brauseri ainult kavatse teha 377 00:21:39,440 --> 00:21:42,610 selgesõnaliselt mida märgistuskeel ütleb ta seda teha, 378 00:21:42,610 --> 00:21:45,730 Nii et kuigi sa võisid Enter kord või kaks või isegi kümme korda, 379 00:21:45,730 --> 00:21:49,870 see saab kombineerida, et kõik ühte ruumi, lihtsalt kokkuleppeliselt. 380 00:21:49,870 --> 00:21:52,770 Nii et kui te tõesti tahate reapiiri, sa pead kasutama br tag, 381 00:21:52,770 --> 00:21:56,840 ja nüüd teade, nagu Esmaspäev, panin / sees see silt, 382 00:21:56,840 --> 00:22:00,090 ainult, sest see lihtsalt ei tundu õige 383 00:22:00,090 --> 00:22:02,990 alustada reapiiri siis peatus see midagi vahepealset. 384 00:22:02,990 --> 00:22:07,740 >> Nii konventsiooni HTML on avada ja sulgeda tag üheaegselt. 385 00:22:07,740 --> 00:22:11,050 Nagu kõrvale, näete palju veebisaite raamatuid ei tee. 386 00:22:11,050 --> 00:22:14,240 See on õige teha või mitte teha, kuid me väidame 387 00:22:14,240 --> 00:22:17,430 et disaini-tark ja stilistiliselt, see on lihtsalt parem 388 00:22:17,430 --> 00:22:20,540 sest siis iga silt on nii avada ja sulgeda kuidagi. 389 00:22:20,540 --> 00:22:23,370 Nii et nüüd lähme salvestada ja uuesti laadida. Mine tagasi brauser, eks. 390 00:22:23,370 --> 00:22:26,680 Nüüd oleme saavutanud teatavat edu, kuid see ei ole päris piisavalt. 391 00:22:26,680 --> 00:22:33,210 Lähme edasi ja hakake kirjutama mõned enam hulk teksti. 392 00:22:33,210 --> 00:22:40,610 Ütleme, "kiire pruun rebane hüppab üle laisa koera." 393 00:22:40,610 --> 00:22:42,700 Ja nüüd ma lihtsalt kopeeri ja kleebi see paar korda 394 00:22:42,700 --> 00:22:45,040 nii et meil on lõigu teksti. 395 00:22:45,040 --> 00:22:47,780 Lubage mul minna tagasi siia. Seega ei otsi väga hea. 396 00:22:47,780 --> 00:22:50,000 Mul on reapiiri, nii et see on okei, 397 00:22:50,000 --> 00:22:52,140 kuid nüüd, kui me saada kuni punktini, millel veebileht 398 00:22:52,140 --> 00:22:55,640 et on palju sisu, mitte ainult ühe rea näidata HTML, 399 00:22:55,640 --> 00:22:58,570 saame hakata mõtlema neid asju kui tegelik punktid. 400 00:22:58,570 --> 00:23:01,590 Ja saame alustada struktureerida meie veebilehelt vähe puhtamalt. 401 00:23:01,590 --> 00:23:05,120 Ja tõepoolest, mida ma teha saan, on minna siin sees minu body, 402 00:23:05,120 --> 00:23:09,400 ja tead mida, kui "See on CS50. . . " tõesti demarks alguses lõikes, 403 00:23:09,400 --> 00:23:11,310 noh, olgem sildistada seda sellisena. 404 00:23:11,310 --> 00:23:13,570 Lubage mul taande tekst, lihtsalt kokkuleppeliselt, lubage mul öelda 405 00:23:13,570 --> 00:23:15,710 et käesoleva lõike lõpeb siin, 406 00:23:15,710 --> 00:23:18,320 ja siis mitte teha seda reapiiri, lubage mul öelda 407 00:23:18,320 --> 00:23:23,300 et see kuulub sinna ja kui uus lõige, 408 00:23:23,300 --> 00:23:27,610 ja ma lihtsalt kiiresti taandus lihtsalt clobbering kõik see kraam. 409 00:23:27,610 --> 00:23:30,660 >> Nii et nüüd on meil liigestatud punkt seal 410 00:23:30,660 --> 00:23:33,510 ja nüüd meie juurdehindlus on hakanud saada veidi rohkem 411 00:23:33,510 --> 00:23:37,070 semantiliselt kooskõlas sellega, mida me üritame teha. 412 00:23:37,070 --> 00:23:40,130 Meil on punkt, niiet kutsun seda lõiku lk tag. 413 00:23:40,130 --> 00:23:43,370 Meil on teine ​​lõik, niiet kutsun seda lõiku lk tag. 414 00:23:43,370 --> 00:23:45,850 Ja nüüd, mida brauser tavaliselt ei 415 00:23:45,850 --> 00:23:48,490 on nagu inglise raamat või essee, 416 00:23:48,490 --> 00:23:51,280 kus te tavaliselt näha mõned reavahetused lõikude vahele. 417 00:23:51,280 --> 00:23:53,720 Brauserid teen seda sinu eest automaatselt. 418 00:23:53,720 --> 00:23:56,680 Nii et nüüd on meil kaks lõiku ja me saame jätkata seda. 419 00:23:56,680 --> 00:23:58,770 Aga muidugi, veebis, kui sul on organid tekst 420 00:23:58,770 --> 00:24:01,370 see ei ole tavaliselt lihtsalt tohutu plekid teksti. 421 00:24:01,370 --> 00:24:04,040 Sageli hüperlinke seal. 422 00:24:04,040 --> 00:24:07,250 Nii et kui me tahame, näiteks on mõned lingid seal, 423 00:24:07,250 --> 00:24:10,760 oletame, mis võiks huvi pakkuda mis tahes veebilehe ma loon siin on - 424 00:24:10,760 --> 00:24:12,780 Lubage mul minna Google.com, 425 00:24:12,780 --> 00:24:16,540 ja andke mulle otsida kiire pruun rebane. 426 00:24:16,540 --> 00:24:22,150 Mine Google piltide ja kuidas - see on armas. 427 00:24:22,150 --> 00:24:27,420 Me läheme seda. Nii et siin on meil kiire pruun rebane hüppas üle laisa koera. 428 00:24:27,420 --> 00:24:30,560 Nii, mida ma teen siin, lihtsalt huvides demonstreerimise 429 00:24:30,560 --> 00:24:32,950 on arvata, et see pilt oli minu server, 430 00:24:32,950 --> 00:24:35,240 ja mul oli luua neid pilte. 431 00:24:35,240 --> 00:24:38,720 Mida ma just tegin oli paremklõps või kontrollida kliki pildile, 432 00:24:38,720 --> 00:24:42,370 ja mida te näete enamik brausereid on vähe menüü - 433 00:24:42,370 --> 00:24:48,800 selle lõpetama - väike menüü, mis võimaldab teil valida Copy Link Location või koopia URL. 434 00:24:48,800 --> 00:24:52,750 Nii et lubage mul tagasi minna nüüd minu HTML, ja oletame, et ma tahan 435 00:24:52,750 --> 00:24:56,420 hüperlink seda teisele veebilehele. 436 00:24:56,420 --> 00:24:58,640 >> Mis oli silt nimega on? 437 00:24:58,640 --> 00:25:01,650 [Student, arusaamatult] >> Jah. Nii href Hyper viide. 438 00:25:01,650 --> 00:25:04,660 Lubage mul minna ja kleepige see sisse 439 00:25:04,660 --> 00:25:07,290 See on päris pikk URL, nii et las ma suumida tagasi viia. 440 00:25:07,290 --> 00:25:09,950 Sulge sulgudes, nii et nüüd märkate Ma olen Teel siia 441 00:25:09,950 --> 00:25:11,960 sest et URL juhtus olema päris pikk. 442 00:25:11,960 --> 00:25:15,180 Las ma kerin siia lõppu kiire pruun rebane, 443 00:25:15,180 --> 00:25:18,830 ja siis lase mul lõpetada see silt 00:25:21,280 kus ma ainult suletud sildi nime. 445 00:25:21,280 --> 00:25:24,470 Nüüd lubage mul minna ja salvestada see fail, laadige veebilehe 446 00:25:24,470 --> 00:25:27,880 ja nüüd, vaikimisi, et saab olema joonitud ja sinist värvi minu jaoks, 447 00:25:27,880 --> 00:25:31,980 kuid tõesti, ma ei saa nüüd klõpsate seda ja voila. Seal on see pilt. 448 00:25:31,980 --> 00:25:33,990 Ja see ei pea olema pilt, see oleks seotud 449 00:25:33,990 --> 00:25:36,270 mõne muu juhuslikult kodulehel Internetis. 450 00:25:36,270 --> 00:25:39,610 Ma võiks seda teha näiteks koos CS50, nii on viimane näide siin. 451 00:25:39,610 --> 00:25:42,730 "See on CS50" võiks mõtet minna, href = 452 00:25:42,730 --> 00:25:50,340 http://www.cs50.net lähedal quote lähedal ankrus. 453 00:25:50,340 --> 00:25:53,990 Nüüd, et on isegi lühema URL, ja seekord me ei kavatse linkida pilt. 454 00:25:53,990 --> 00:25:57,880 Me asemel läheb link teisele lehele. 455 00:25:57,880 --> 00:25:59,840 Nüüd on meil pilt siin. 456 00:25:59,840 --> 00:26:02,970 Mul on tunne, me saame teha natuke parem kui lihtsalt ühendab pilt. 457 00:26:02,970 --> 00:26:05,760 Mis siis, kui me tahame tegelikult kehastavad seda oma veebilehele? 458 00:26:05,760 --> 00:26:09,290 >> Noh, mida ma saan teha siin on, mitte link sellele graafika, 459 00:26:09,290 --> 00:26:14,690 andke mulle selle asemel lõigatud link ja me vabaneme sellest hüperlink ja korista see ära. 460 00:26:14,690 --> 00:26:17,190 Ja me läheme siit ja vabaneda sellest. 461 00:26:17,190 --> 00:26:20,910 Me tõesti ei pea kõiki neid lauseid nüüd, las ma lühendada leht natuke. 462 00:26:20,910 --> 00:26:24,530 Ja siis siia alla lase mul minna edasi uue lõiguga, 463 00:26:24,530 --> 00:26:30,100 öelda, et ma ei taha teksti nüüd, ma tahan pilti kelle allikas saab olla, et link. 464 00:26:30,100 --> 00:26:33,100 Pilt, nagu reavahe, on kas seal või ei ole. 465 00:26:33,100 --> 00:26:35,900 Nii et lubage mul kohe sulgeda, et silt. 466 00:26:35,900 --> 00:26:39,440 Lubage mul minna nüüd ja sulgeda punkt, et ma olen sees, 467 00:26:39,440 --> 00:26:43,010 ja kui kõik läheb hästi hello, world, kui ma uuesti laadida nüüd, 468 00:26:43,010 --> 00:26:45,520 Ma tõepoolest vt paremal sees oma veebilehele pilt. 469 00:26:45,520 --> 00:26:48,570 Nii et nüüd on meil pilt sildi, ankrusildi jms, 470 00:26:48,570 --> 00:26:51,320 ja hea meede, las ma teen veel üks asi, mis on tihti tähelepanuta 471 00:26:51,320 --> 00:26:55,900 veebilehtedel nendel päevadel: Teeme pakkuda mõned kirjeldavat teksti see pilt 472 00:26:55,900 --> 00:26:58,090 inimestele, kes on mobiilsideseadme 473 00:26:58,090 --> 00:27:00,640 ja seetõttu ei pruugi olla võimalik laadida see pilt väga kiiresti, 474 00:27:00,640 --> 00:27:03,310 inimestele, kes on pimedad ja ei pruugi olla võimalik näha pilti 475 00:27:03,310 --> 00:27:06,480 kuid neil võib tekkida ekraanilugeja, mida neile öelda, mida see pilt on. 476 00:27:06,480 --> 00:27:09,100 Ja seda, et on olemas veel üks atribuut pildi siltide 477 00:27:09,100 --> 00:27:11,290 nimetatakse alt, alternatiivsete teksti. 478 00:27:11,290 --> 00:27:14,650 Ja mida ma saan teha siin öelda: "See on kiire pruun rebane." 479 00:27:14,650 --> 00:27:17,650 Nii et isegi kui inimene ei näe pilti ekraanil, 480 00:27:17,650 --> 00:27:20,560 ta saab vähemalt kuulda, nagu mõned tarkvara, 481 00:27:20,560 --> 00:27:23,080 Mis tegelikult on seal ekraanil. 482 00:27:23,080 --> 00:27:25,040 >> See ei muuda esteetika lehel 483 00:27:25,040 --> 00:27:27,640 kuid see on kindlasti hea tava kasutajatele. 484 00:27:27,640 --> 00:27:31,760 Olgu, jätame selle veebilehe oma praegusel kujul, 485 00:27:31,760 --> 00:27:33,890 aga vaatame, kui me ei saa nüüd tutvustada 486 00:27:33,890 --> 00:27:36,210 midagi paremat lähenemist kirjalikult nende veebilehti, 487 00:27:36,210 --> 00:27:39,980 mõned õppetunnid, mis hakkavad teenindama meile ka meie lehti saada üha keerulisemaks. 488 00:27:39,980 --> 00:27:42,220 Mida me ei kavatse teha järgmise paari nädala jooksul 489 00:27:42,220 --> 00:27:46,810 on samm-sammult läbi kõik mitukümmend HTML sildid, et on olemas. 490 00:27:46,810 --> 00:27:49,800 Sarnaselt Scratch tagasi nädal 0, siis ilmselt piisab 491 00:27:49,800 --> 00:27:52,120 anda kõrgetasemeline ülevaade mõned mõisted, 492 00:27:52,120 --> 00:27:54,530 kiirülevaate mõned plokid sa olid ilmselt võimalik, 493 00:27:54,530 --> 00:27:58,240 päris mugavalt, et liikuda oma, eri puzzle tükki. 494 00:27:58,240 --> 00:28:00,460 Ja see juhtub jälle HTML, kõige tõenäolisem, 495 00:28:00,460 --> 00:28:04,320 kusjuures seal on piisavalt ressursse veebis, et me punkti teid, 496 00:28:04,320 --> 00:28:06,920 erinevate õpikute, kui soovite lugeda õpik, 497 00:28:06,920 --> 00:28:10,560 et sõelub kõiki erinevaid asju saab teha, HTML, 498 00:28:10,560 --> 00:28:16,100 aga tõesti, me oleme näinud siiani HTML enamik põhimõistete. 499 00:28:16,100 --> 00:28:19,900 Meil on mõiste silte avada, sildid suletakse. 500 00:28:19,900 --> 00:28:22,100 Mõned sildid, mis nii avada ja sulgeda 501 00:28:22,100 --> 00:28:24,620 selles mõttes, et nad on tühi, seal peaks olema midagi sees neist 502 00:28:24,620 --> 00:28:27,490 nagu pildi tag või reapiiri, mis on just seal. 503 00:28:27,490 --> 00:28:32,330 Samuti tundus juba mõiste omadus, nagu alt või allikas. 504 00:28:32,330 --> 00:28:36,410 Pange tähele, et need sõnad kipuvad Tavapäraselt olema lühike ja sisutihe. 505 00:28:36,410 --> 00:28:39,140 >> Meil ei ole kaalutlusõiguse üle, mida need asjad on kutsutud, 506 00:28:39,140 --> 00:28:42,060 keegi, kes leiutas HTML tulid need nimed. 507 00:28:42,060 --> 00:28:44,710 Nii et sa lihtsalt pead alustama teada või otsida, igal ajal, kui neid vajate, 508 00:28:44,710 --> 00:28:47,160 Mis nimed on need sildid ja atribuudid. 509 00:28:47,160 --> 00:28:49,510 Kui need omadused, atribuudid üldiselt 510 00:28:49,510 --> 00:28:52,900 muuta käitumist mõned tag. 511 00:28:52,900 --> 00:28:55,710 Sellisel juhul allikas atribuut ütleb pildimärgendi 512 00:28:55,710 --> 00:28:57,940 mida allikas pilt peaks olema. 513 00:28:57,940 --> 00:29:04,460 Href atribuut ütleb ankrusildi mida see tuleks tegelikult ühendab. 514 00:29:04,460 --> 00:29:06,800 Aga nii struktuuri veebilehe, kuigi Facebook 515 00:29:06,800 --> 00:29:09,680 ja Google jms välja nagu täielik segadus 516 00:29:09,680 --> 00:29:12,560 all kapuuts esmapilgul, kui hakkate läbi lugeda 517 00:29:12,560 --> 00:29:16,950 rohkem metoodiliselt, nad kõik järgivad seda, eliit struktuur. 518 00:29:16,950 --> 00:29:19,660 Aga me saame parandada stilisatsioon neid asju. 519 00:29:19,660 --> 00:29:24,180 Nii et lubage mul minna mõned näited, mida ma ette valmistada. 520 00:29:24,180 --> 00:29:27,280 Lubage mul minna ja need kopeerida teise kausta siin 521 00:29:27,280 --> 00:29:29,380 ja neid ellu selles kataloogis. 522 00:29:29,380 --> 00:29:32,210 Ette, mida ma tegin, oli valmistada mõned failid: 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 Lubage mul minna ja avada esimesena nimetatud faili, 525 00:29:38,740 --> 00:29:42,570 ja vaatame, kas me ei saa hakata looma oma otsingumootor. 526 00:29:42,570 --> 00:29:46,530 Ülaosas seda pilti, nagu tavaliselt sellistel juhtudel klassis, lihtsalt hunnik kommentaare. 527 00:29:46,530 --> 00:29:49,760 HTML, kuigi, mille abil hakkate kommentaar 528 00:29:49,760 --> 00:29:55,640 on 00:29:59,800 Kui oled valmis lõpetama, et kommentaar, mida saate teha ->. 530 00:29:59,800 --> 00:30:02,380 Nii et kõike tipus sinine on lihtsalt kommentaari. 531 00:30:02,380 --> 00:30:04,620 >> See on minu DOCTYPE deklaratsiooni, mis jällegi 532 00:30:04,620 --> 00:30:07,080 võite lihtsalt kopeerida ja kleepida usk, nüüd. 533 00:30:07,080 --> 00:30:10,410 See lihtsalt ütleb brauser, "Siin on mõned HTML 5". 534 00:30:10,410 --> 00:30:13,600 Selle all on line 14, on esimene minu tegelik sildid, 535 00:30:13,600 --> 00:30:16,900 ja see lihtsalt ütleb, nagu varem, siin on mõned HTML, 536 00:30:16,900 --> 00:30:19,460 siin tuleb pea mu lehele, siin on pealkiri, 537 00:30:19,460 --> 00:30:23,900 ja siis vastupidi, et see on mu tiitel, et see on mu peas. 538 00:30:23,900 --> 00:30:26,460 Siin nüüd tuleb keha minu lehel. 539 00:30:26,460 --> 00:30:31,040 Nii paar uusi silte nüüd: h1 tähistab rubriik 1. 540 00:30:31,040 --> 00:30:33,850 Seal on traditsioon HTML aastaid tagasi 541 00:30:33,850 --> 00:30:37,990 võttes erineva suurusega teksti. 542 00:30:37,990 --> 00:30:41,980 Ja juba järgmisel päeval, igaüks tähendas üldiselt, lihtsalt suur ja julge. 543 00:30:41,980 --> 00:30:45,860 Aga seal on ka H2, mis on suur, kuid mitte päris nii suur ja julge. 544 00:30:45,860 --> 00:30:49,320 Seal on h3, mis on selline suur, kuid mitte pooltki nii mahukas ja julge, 545 00:30:49,320 --> 00:30:52,380 ja nii edasi, kõik tee alla h6. 546 00:30:52,380 --> 00:30:55,550 Nendel päevadel, kuigi H1, H2 ja H3 on tegelikult tähendas 547 00:30:55,550 --> 00:30:57,980 on rohkem semantiliselt neile, 548 00:30:57,980 --> 00:31:01,100 mille h1 on tõesti pealkirja: pealkirja veebilehe 549 00:31:01,100 --> 00:31:04,210 pealkiri veerg või midagi sellist teksti. 550 00:31:04,210 --> 00:31:09,030 Nii et ma olen teadlikult ütles h1 CS50 otsing> h1 551 00:31:09,030 --> 00:31:12,640 kuni täpsustatakse ettevõtte, et see on tõesti pealkirja, pealkiri minu lehel. 552 00:31:12,640 --> 00:31:14,850 Ei tiitli tiitliribal mõttes 553 00:31:14,850 --> 00:31:18,960 aga pealkiri, mida sa tegelikult näed veebilehe ise, organismis. 554 00:31:18,960 --> 00:31:20,990 Nüüd on see, et saate ilmselt arvata, mis see on, 555 00:31:20,990 --> 00:31:23,110 kuigi meil on paar uut tükki süntaks. 556 00:31:23,110 --> 00:31:25,930 See on vorm. Nii veebi tõesti läheb huvitavamaks 557 00:31:25,930 --> 00:31:28,770 kui veebilehed võtta sisend kasutajad. 558 00:31:28,770 --> 00:31:31,700 Selles klassis on probleem seatud veebi programmeerimine, 559 00:31:31,700 --> 00:31:33,880 me ei kavatse teha veebilehel iseenesest 560 00:31:33,880 --> 00:31:37,570 staatilise sisu, mis näitab fotosid, et olete võtnud, 561 00:31:37,570 --> 00:31:40,010 või on see mu uuesti, ja asjad minust, 562 00:31:40,010 --> 00:31:42,450 sest need asjad on suhteliselt lihtne kokku panna. 563 00:31:42,450 --> 00:31:44,400 Seda on raske teha asju ilus veebis 564 00:31:44,400 --> 00:31:46,390 kuid vähemalt panna üles sisu on päris triviaalne. 565 00:31:46,390 --> 00:31:49,380 Aga asjad tõesti huvitav, kui keegi ei saa külastada oma veebilehel 566 00:31:49,380 --> 00:31:52,260 ja anda oma panus ja võib vorme täita, 567 00:31:52,260 --> 00:31:55,800 saab kontrollida ära ruudud ja saab suhelda oma kodulehel. 568 00:31:55,800 --> 00:31:57,780 Ja tõepoolest, ilmselt iga kodulehel sa hoolid 569 00:31:57,780 --> 00:32:00,710 Nendel päevadel, igal detail, on kuidagi interaktiivne. 570 00:32:00,710 --> 00:32:03,110 Facebook, Google, ja näeb, et võtta kasutaja sisend 571 00:32:03,110 --> 00:32:05,100 ja toota kohandatud toodangut. 572 00:32:05,100 --> 00:32:07,780 >> Nii et alustame seda teha nüüd. Lähme ülemineku nüüd 573 00:32:07,780 --> 00:32:11,150 alates lihtsalt kasutades HTML Markup staatilise sisu 574 00:32:11,150 --> 00:32:14,790 kui selle asemel kohaletoimetamise mehhanismi dünaamiline sisu. 575 00:32:14,790 --> 00:32:17,350 Ja poole, et lõppu, olgem rakendada oma otsingumootor. 576 00:32:17,350 --> 00:32:20,820 Teeme seda järgmiselt. Siin vormi tag. 577 00:32:20,820 --> 00:32:24,090 Tegevuse atribuut määrab, et kui kasutaja täidab vormi 578 00:32:24,090 --> 00:32:28,400 oma klaviatuuri, siis esitatakse see link siin. 579 00:32:28,400 --> 00:32:31,230 Nii et ma olen selline petmine. See vőtab meid veidi kauem 580 00:32:31,230 --> 00:32:33,780 kui ühte klassi rakendada kogu otsingumootor, 581 00:32:33,780 --> 00:32:35,880 nii me lihtsalt ei esiotsa, nii rääkida. 582 00:32:35,880 --> 00:32:38,650 Me teeme seda osa, mis võimaldab kasutajal otsida ja me omamoodi punt Google 583 00:32:38,650 --> 00:32:40,950 Raske osa on leida otsingutulemuste 584 00:32:40,950 --> 00:32:43,520 aga konkreetselt, et ma lähen rääkima Google'i veebiserver 585 00:32:43,520 --> 00:32:46,710 kasutades ühte kahest väga populaarsed meetodid. 586 00:32:46,710 --> 00:32:50,000 Üks on saada, teine, et me lõpuks näha, on postitus, 587 00:32:50,000 --> 00:32:52,660 kuigi on ka teisi, mis on vähem kasutatakse sageli. 588 00:32:52,660 --> 00:32:56,440 Nii saad lihtsalt seostuvad ideed, ma tahan saada osa sisu, saaksin otsingutulemustes. 589 00:32:56,440 --> 00:32:58,440 See, saate võib-olla arvata, mida see teeb. 590 00:32:58,440 --> 00:33:01,900 See on mingi sisend, see on tegelikult hakkab välja nägema tekstiväljale 591 00:33:01,900 --> 00:33:05,200 ja nime, et sisend, nimi, et muutuja, kui nii võib öelda, 592 00:33:05,200 --> 00:33:08,610 läheb Q päringule kokkuleppeliselt. 593 00:33:08,610 --> 00:33:11,700 Ja jälle tüüpi see sisend ei kavatse olla ruut; 594 00:33:11,700 --> 00:33:13,890 ta ei kavatse olla menüüs, see saab olema tekstiväli 595 00:33:13,890 --> 00:33:18,060 kui tähistatakse seda omadust siin, ja see tekstikasti 596 00:33:18,060 --> 00:33:20,680 nagu Reapiiri on kas seal või mitte. 597 00:33:20,680 --> 00:33:24,480 Nii et meil on tühi element koos kaldkriipsuga sees, et silt. 598 00:33:24,480 --> 00:33:28,050 Siis ma lähen üles reapiiri, ja te saate võib-olla arvata, mida see kavatseb teha. 599 00:33:28,050 --> 00:33:30,210 See on veel üks omamoodi vormi sisestamist. 600 00:33:30,210 --> 00:33:32,350 >> See üks läheb esitamisel kasutatav vorm. 601 00:33:32,350 --> 00:33:36,140 Nii et see saab olema suur nupp, et kasutaja võib klõpsata vormi edastada, 602 00:33:36,140 --> 00:33:40,800 ja etikett seda nuppu saab olema "CS50 Otsi". 603 00:33:40,800 --> 00:33:44,170 Sulge vorm, lähedal keha lähedal HTML. 604 00:33:44,170 --> 00:33:46,280 Vaatame, mis meil kujul sellele lehele. 605 00:33:46,280 --> 00:33:48,260 Nii et lubage mul minna oma brauseris 606 00:33:48,260 --> 00:33:50,360 lase mul minna, veel, et kohalik peremees. 607 00:33:50,360 --> 00:33:54,650 See on ikka index.html, nii et kui ma tahan näha seda faili nimega search0, 608 00:33:54,650 --> 00:33:59,710 Võin lihtsalt teha / search0.html, sisestage - 609 00:33:59,710 --> 00:34:01,880 ja esimene minu vigu. 610 00:34:01,880 --> 00:34:04,400 Mis toimub? Ma ei ole ilmselgelt piisavalt õigusi 611 00:34:04,400 --> 00:34:06,430 kasutada seda faili mingil põhjusel. 612 00:34:06,430 --> 00:34:10,170 Aga see on sellepärast, et erinevalt tööd oleme teinud seni C, 613 00:34:10,170 --> 00:34:14,340 kus programme sa kirjutad on eeldatavalt runable teile, 614 00:34:14,340 --> 00:34:17,590 käivitatava teile, see ei ole tõesti nii veebis, 615 00:34:17,590 --> 00:34:21,010 kusjuures mõnikord soovite luua faile serveris, 616 00:34:21,010 --> 00:34:23,310 aga sa ei taha, et kogu maailm oleks võimalik neid näha. 617 00:34:23,310 --> 00:34:25,469 Pigem sa tahad maailmas näha mõned failid 618 00:34:25,469 --> 00:34:27,730 kuid mitte teised, lihtsalt eraelu huvides. 619 00:34:27,730 --> 00:34:30,730 Nii et see on rohkem opt-in alusel kui sa teed asju veebis. 620 00:34:30,730 --> 00:34:32,810 Ja las ma tegelikult kirjutada LS siin, 621 00:34:32,810 --> 00:34:37,440 ja näed faile mul on, aga meelde tuletada, et kui ma teen ls-l ammu, 622 00:34:37,440 --> 00:34:41,520 Ma saan enam nimekirjades, mis annab mulle rohkem üksikasju neid faile 623 00:34:41,520 --> 00:34:45,139 mis on nüüd, tõesti, esimest korda seotud meile. 624 00:34:45,139 --> 00:34:47,840 Pange tähele, et paremas servas on nimed minu faile, 625 00:34:47,840 --> 00:34:50,690 ja siis aeg, millal nad viimati muudetud või kopeeritud. 626 00:34:50,690 --> 00:34:54,370 See number siin on mis? Kas te mäletate? 627 00:34:54,370 --> 00:34:56,400 Maht baitides, kui suur fail on. 628 00:34:56,400 --> 00:34:59,520 >> Nii et ma tundub, et on mingi logo siin, et on suurem kui kõik muud failid. 629 00:34:59,520 --> 00:35:03,610 See on, kes ma olen, seda ma olen ja mida grupp ma olen sees 630 00:35:03,610 --> 00:35:07,430 Aga siis, siin vasakul on natuke segasena jada, 631 00:35:07,430 --> 00:35:10,040 ja me rääkisime, ma arvan, lühidalt seda varem, 632 00:35:10,040 --> 00:35:12,050 kuid see on pistmist õigused. 633 00:35:12,050 --> 00:35:14,020 Ja isegi kui see on veidi udune, 634 00:35:14,020 --> 00:35:17,270 RW tähendab ilmselt lugeda ja kirjutada. 635 00:35:17,270 --> 00:35:22,560 Nii tuleb välja, et need kriipsud tähistavad erineva õigusi erinevatele inimestele. 636 00:35:22,560 --> 00:35:24,730 Ja muster on sisuliselt järgmised. 637 00:35:24,730 --> 00:35:27,650 Kui näed jada kriipsud siin, nad näevad järgmiselt. 638 00:35:27,650 --> 00:35:30,450 Seal on kriips, siis seal on veel kolm kriipsu, 639 00:35:30,450 --> 00:35:33,390 siis seal on veel kolm, siis seal on veel kolm. 640 00:35:33,390 --> 00:35:36,800 Esimene neist on kas sidekriipsuga või see reklaam kataloog. 641 00:35:36,800 --> 00:35:40,220 Nii et üks on päris lihtne. Kui see kaust, see ütleb d, muidu on see sidekriipsuga. 642 00:35:40,220 --> 00:35:44,080 Seal on paar muudel juhtudel, aga praegu me lihtsalt hoolivad faile ja katalooge. 643 00:35:44,080 --> 00:35:48,090 Need järgmise kolme kriipsud - ja ma olen kunstlikult sisestatud tühikud. 644 00:35:48,090 --> 00:35:50,490 Nad olid ilmselt mitte seal, kui nägime neid hetk tagasi. 645 00:35:50,490 --> 00:35:52,900 Need on faili omaniku õigused, 646 00:35:52,900 --> 00:35:55,840 ja tagasikutsumise hetk tagasi, et ta oli lugenud ja kirjutada. 647 00:35:55,840 --> 00:35:58,560 See oli, sest mina kui inimene, kes on loonud seda faili Hetk tagasi 648 00:35:58,560 --> 00:36:01,250 Ma lihtsalt vaikimisi peal Linux arvuti, 649 00:36:01,250 --> 00:36:03,910 on võimalus jätkata lugemist ja kirjutamist, et faili. 650 00:36:03,910 --> 00:36:07,170 >> Nii operatsioonisüsteem lihtsalt annab mulle RW automaatselt. 651 00:36:07,170 --> 00:36:10,840 Lähis need puuduta minu nimel, et õpilaste, 652 00:36:10,840 --> 00:36:14,590 mis on omamoodi mõttetu seadmele, sest ma olen ainus inimene, seadme kasutamine. 653 00:36:14,590 --> 00:36:16,620 Nii et lubage mul lihtsalt laine oma käsi sel nüüd. 654 00:36:16,620 --> 00:36:19,190 Aga viimased neist on kõige olulisem Web. 655 00:36:19,190 --> 00:36:21,580 See on kõik mujal maailmas, ning asjaolu, 656 00:36:21,580 --> 00:36:24,600 et see on --- tähendab, et keegi teine ​​maailmas 657 00:36:24,600 --> 00:36:26,680 on mingeid õigusi sellele failile. 658 00:36:26,680 --> 00:36:29,180 On selge probleem, nii et ma vajadust määrata see 659 00:36:29,180 --> 00:36:33,830 poolt kuidagi andes maailmale, mida? Lugege ja kirjutage? 660 00:36:33,830 --> 00:36:35,850 See on ilmselt loll, eks? Ma ei taha kedagi veebis 661 00:36:35,850 --> 00:36:38,530 minna külastada minu leht ja kuidagi muuta, et faili 662 00:36:38,530 --> 00:36:40,800 kuigi nad tõesti ei suutnud koos HTML-faili, 663 00:36:40,800 --> 00:36:44,110 kuid lihtsalt põhimõtteliselt, ilmselt lihtsalt tahan, et nad saaksid seda lugeda. 664 00:36:44,110 --> 00:36:47,910 Mis see tähendab, et seda lugeda? See ei tähenda, et nad ei kavatse hoolivad tegelik HTML, 665 00:36:47,910 --> 00:36:51,820 kuid brauser peab suutma sõeluda, et märgistuskeel, 666 00:36:51,820 --> 00:36:53,720 ülevalt alla, vasakult paremale. 667 00:36:53,720 --> 00:36:57,990 Nii et keegi veebis peab suutma seda lugeda, nii et ma minimaalselt vaja anda sellele r. 668 00:36:57,990 --> 00:37:00,240 Võin seda teha mitu erinevat võimalust, aga võibolla 669 00:37:00,240 --> 00:37:03,080 kõige lihtsam on selle käsu siin. 670 00:37:03,080 --> 00:37:10,860 Chmod, muutmise režiimi, siis a + r nii kõik, kõik maailmas + lugeda, 671 00:37:10,860 --> 00:37:13,830 ja siis faili nimi, search0.html. 672 00:37:13,830 --> 00:37:18,310 >> Nüüd kui ma ls-l jälle märgata, et see fail on muutunud, 673 00:37:18,310 --> 00:37:21,440 ja tõesti, ma olen sisse lülitatud r kõigile. 674 00:37:21,440 --> 00:37:23,350 Olen ka sisse see minu nimel, kuid sellest pole midagi, 675 00:37:23,350 --> 00:37:27,150 sest kui ma pöördusin sisse kõigile, minu fraktsioon on alamhulk et. 676 00:37:27,150 --> 00:37:31,480 Nii et see on hea ka. See tähendab lihtsalt, et arvuti on nüüd tehtud loetav. 677 00:37:31,480 --> 00:37:34,430 Nüüd ma lähen tagasi oma brauseris nuppu uuesti laadida. 678 00:37:34,430 --> 00:37:36,330 Ah-ha. Meil on nüüd CS50 Otsi. 679 00:37:36,330 --> 00:37:39,830 Olen suumitud natuke kunstlikult - päris kole otsingumootor. 680 00:37:39,830 --> 00:37:41,930 Aga vaatame, kas see tegelikult toimib. 681 00:37:41,930 --> 00:37:45,880 Esiteks lubage mul teha kiire meelerahu vaadata, lubage mul juhtida vaatamiseks klõpsata lehe allikas. 682 00:37:45,880 --> 00:37:50,780 Pange tähele, et sees Chrome me nüüd näeme sama HTML et ma ise loonud. 683 00:37:50,780 --> 00:37:55,420 Ärge sattuge segadusse, tõsi küll. Ma ei saa hakata muutma koodi siin, 684 00:37:55,420 --> 00:37:59,420 sest brauser read-only Arvestades seda koodi. 685 00:37:59,420 --> 00:38:06,060 Brauser on lihtsalt küsis kohalik host faili nimega search0.html. 686 00:38:06,060 --> 00:38:09,490 Nüüd on puhas juhus, et seade 687 00:38:09,490 --> 00:38:13,480 juhtub olema sama arvuti nagu minu brauser. 688 00:38:13,480 --> 00:38:20,470 Ma võiks lihtsalt võrreldavalt on sisestatud www.facebook.com/search0.html, 689 00:38:20,470 --> 00:38:23,830 ja kui Facebook oli fail nimega, et ma oleks siis näeme oma HTML. 690 00:38:23,830 --> 00:38:27,360 Ja muidugi, ma ei saa muuta faili, et tuleb tagasi alates Facebook, kas. 691 00:38:27,360 --> 00:38:29,360 Nüüd oleme justkui hägustab ridade. 692 00:38:29,360 --> 00:38:32,130 Seade on mõlemad server, mis teenindavad up veebilehti, 693 00:38:32,130 --> 00:38:34,870 aga see on ka kliendi selles mõttes, et ma kasutan brauseri 694 00:38:34,870 --> 00:38:37,630 tegelikult rääkida, et server. 695 00:38:37,630 --> 00:38:39,610 Nii et vaatame, kui minu Google otsingumootor töötab. 696 00:38:39,610 --> 00:38:44,930 Lubage mul minna ja otsida kiire pruun rebane, siseneda. 697 00:38:44,930 --> 00:38:47,540 Ja voila, mul on nüüd oma otsingumootor. 698 00:38:47,540 --> 00:38:51,460 >> Aga kuidas see toimib? 699 00:38:51,460 --> 00:38:55,380 Natuke venitada, kuid - ja nüüd sa ei näe, täpselt, see osa, mis on huvi. 700 00:38:55,380 --> 00:38:57,370 Teade, mis juhtub. 701 00:38:57,370 --> 00:39:00,430 Märka link. Tuleb välja, et see meetod, 702 00:39:00,430 --> 00:39:02,780 kutsunud saada, on super-lihtne. 703 00:39:02,780 --> 00:39:10,270 Kui määrate vormis, mida soovite "saada" tuleneb mõned server, 704 00:39:10,270 --> 00:39:13,200 mida ta kavatseb teha, on võtta mida iganes sa kirjutati kujul 705 00:39:13,200 --> 00:39:15,290 ja pane see URL. 706 00:39:15,290 --> 00:39:18,580 See saab standardiseerida kuidas ta saab panna link järgmiselt. 707 00:39:18,580 --> 00:39:22,290 Pange tähele, et see on link, mis oli väärtus minu tegevus atribuut. 708 00:39:22,290 --> 00:39:24,730 See, kui ma tahtsin vormis lõpuks. 709 00:39:24,730 --> 00:39:26,950 Aga siis märkate see küsimärk. 710 00:39:26,950 --> 00:39:30,230 See on tava veebis millega pakkuda kasutaja sisend 711 00:39:30,230 --> 00:39:35,320 veebisaidile, sa lisab URL küsimärk, 712 00:39:35,320 --> 00:39:38,330 ja siis on terve hunnik võti-väärtus paare. 713 00:39:38,330 --> 00:39:42,380 Nimi võti, muidu tuntud parameetri veebis 714 00:39:42,380 --> 00:39:46,380 siis on võrdusmärk, siis on parameetri väärtuse. 715 00:39:46,380 --> 00:39:49,810 Nii et see on sisuliselt muutuja nimi ja muutuja väärtust, 716 00:39:49,810 --> 00:39:54,250 kuid need muutuja nimed ja väärtused tulid HTML kujul. 717 00:39:54,250 --> 00:39:56,250 Miks on plussid seal, sa arvad? 718 00:39:56,250 --> 00:39:59,340 Sest ma ei kirjuta + vahel mu sõnu. 719 00:39:59,340 --> 00:40:01,430 [Student, arusaamatult] 720 00:40:01,430 --> 00:40:05,080 >> Jah, see on lihtsalt vahe. Koefitsiendid on, kui oled näinud URL, 721 00:40:05,080 --> 00:40:07,320 pole kunagi mingeid tühikuid, kas või sellepärast, 722 00:40:07,320 --> 00:40:09,440 kui oleks, siis ei saa tõesti kopeeri ja kleebi see 723 00:40:09,440 --> 00:40:12,700 arvesse IM või võtta e-posti, sest see murraks. 724 00:40:12,700 --> 00:40:15,420 Sa tahad, et kogu asi olevat üht kõrvutiasetsevat märgijada. 725 00:40:15,450 --> 00:40:18,450 >> Nii et brauser on piisavalt tark, et aru saada, uh-uh. 726 00:40:18,450 --> 00:40:22,610 Ärge lihtsalt panna ruumi seal. Lubage mul kodeerida ruumi mõnel tavapärasel viisil. 727 00:40:22,610 --> 00:40:25,170 Üks konventsioonide selleks on, et brauser 728 00:40:25,170 --> 00:40:29,350 automaatselt panna + kus sa muidu ruumi. 729 00:40:29,350 --> 00:40:32,140 Nii et nüüd, teate Google on omamoodi kasutajasõbralik. 730 00:40:32,140 --> 00:40:34,380 Ma kindlasti ei loonud seda veebilehe 731 00:40:34,380 --> 00:40:37,200 kuid nad on valmis juba oma tekstiväli 732 00:40:37,200 --> 00:40:39,490 koos mida täpselt ma kirjutada sisse 733 00:40:39,490 --> 00:40:43,090 Oletame, et ma tahan, et otsida midagi muud, nagu laisa koera. 734 00:40:43,090 --> 00:40:45,340 Ma ei kirjuta seda siin uuesti otsida. 735 00:40:45,340 --> 00:40:47,730 Pange tähele, et URL-i muudatused siin, 736 00:40:47,730 --> 00:40:51,390 aga märkate siis, et ma ei saa tegelikult otsida midagi, mida ma tahan 737 00:40:51,390 --> 00:40:53,610 lihtsalt mõista, kuidas URL töö. 738 00:40:53,610 --> 00:40:56,840 Mida ma võiks teha laisad kass, andmeid sisestada, 739 00:40:56,840 --> 00:41:01,370 ja märkate nüüd ma saan väga laisk - kas peaksime? Mul on tunne, me peaks. 740 00:41:01,370 --> 00:41:09,900 Ma saan väga laisk kass. 741 00:41:09,900 --> 00:41:11,930 Hea küll. See on üks kõige lollim asi, mida me oleme teinud. 742 00:41:11,930 --> 00:41:17,160 Aga see on laisk kass. 743 00:41:17,160 --> 00:41:19,730 Igatahes, mis on võti Buffee siin? 744 00:41:19,730 --> 00:41:22,830 Nüüd oleme justkui mängib maailma HTTP. 745 00:41:22,830 --> 00:41:26,050 HTML on lihtsalt selles märgistuskeel, avatud sildi, lähedal tag, 746 00:41:26,050 --> 00:41:29,490 mis ütleb brauser kuidas muuta sisu veebilehel. 747 00:41:29,490 --> 00:41:32,850 Aga kui alustate andmete edastamiseks üle Interneti 748 00:41:32,850 --> 00:41:36,290 vahel veebibrauser ja server, see on kui see protokoll 749 00:41:36,290 --> 00:41:39,370 tuntud HTTP-protokolli üle võtab. 750 00:41:39,370 --> 00:41:42,630 See on omamoodi inimeste konventsiooni; kui Sam ja ma raputas käed esmaspäeval, 751 00:41:42,630 --> 00:41:48,300 alustades ühendus ning seejärel sule ühendus, sama mõte siin. 752 00:41:48,300 --> 00:41:53,100 Kuidas Google'i tulemused tulevad tagasi mulle? 753 00:41:53,100 --> 00:41:55,290 Kuidas minu vormi esitamise kavatse Google? 754 00:41:55,290 --> 00:41:58,160 Noh, mäletate teisel päeval, et mis tegelikult toimub 755 00:41:58,160 --> 00:42:02,150 all kapuuts kui sa taotleda veebileht on, 756 00:42:02,150 --> 00:42:04,860 Teie brauser saadab mõneti-segasena sõnum nagu 757 00:42:04,860 --> 00:42:09,510 GET / HTTP/1.1 jaoks vaikimisi kodulehekülg. 758 00:42:09,510 --> 00:42:13,000 >> Või antud juhul, sest ma konkreetselt tellinud varem 759 00:42:13,000 --> 00:42:17,340 search0.html see siis oleks veidi-segasena sõnum 760 00:42:17,340 --> 00:42:20,040 et minu brauser saadab aparaat. 761 00:42:20,040 --> 00:42:23,090 Või antud juhul Google, mis tegelikult saadeti 762 00:42:23,090 --> 00:42:33,740 on palve / otsida, ja siis? q = laisk kass, kellel on pluss seal. 763 00:42:33,740 --> 00:42:36,790 Nii et see sõnum, et mina, inimene, olen kunagi kirjutama, 764 00:42:36,790 --> 00:42:40,620 kuid on saadetud minu brauser, see on, kuidas HTTP juhtub. 765 00:42:40,620 --> 00:42:43,240 See on samaväärne meie olles raputanud käed. 766 00:42:43,240 --> 00:42:46,320 See on palve, ja server on umbes saada vastust. 767 00:42:46,320 --> 00:42:48,560 Võtame pilk selle all kapuuts. 768 00:42:48,560 --> 00:42:55,320 Nagu varemgi, saame avada see eriala brauseris. 769 00:42:55,320 --> 00:42:58,720 Vaata lehekülge, kontrollige elemente. 770 00:42:58,720 --> 00:43:01,550 Nii all kontrollida element, märkate, et mis juhtus Chrome, 771 00:43:01,550 --> 00:43:04,160 ja IE ja Firefox on sarnased mehhanismid, 772 00:43:04,160 --> 00:43:07,370 meil on neid kehitystyökalut kättesaadav meile. 773 00:43:07,370 --> 00:43:09,630 Normaalsed inimesed ei kasuta neid kaarte. 774 00:43:09,630 --> 00:43:11,940 Aga me, nüüd on huvitatud, mis toimub 775 00:43:11,940 --> 00:43:13,890 all kapuuts võrgu tasandil. 776 00:43:13,890 --> 00:43:16,130 Nii et kui ma tõmba võrgustiku tasandil siin, 777 00:43:16,130 --> 00:43:18,510 lubage mul minna ja laiendada see aken, 778 00:43:18,510 --> 00:43:21,840 avada seda sisestust siin ja vaatate päised. 779 00:43:21,840 --> 00:43:26,010 Mis juhtub, kui ma paluda faili veebiserverisse 780 00:43:26,010 --> 00:43:29,410 on minu brauser saadab terve hunnik asju. 781 00:43:29,410 --> 00:43:32,390 Ja lubage mul vaadata allikas. Nii alla taotluse päised, 782 00:43:32,390 --> 00:43:35,250 ja see on lihtsalt Chrome näitab mulle mõned diagnostika väljund, 783 00:43:35,250 --> 00:43:37,340 omamoodi nagu siluri mingisugune, 784 00:43:37,340 --> 00:43:40,500 märgata, et mida ma olen siin esile just seda 785 00:43:40,500 --> 00:43:47,060 Chrome saadab serverile, et paluda faili nimega search0.html. 786 00:43:47,060 --> 00:43:50,160 See räägib server, mida ta mõtleb selle nimi on, 787 00:43:50,160 --> 00:43:52,210 Tänu sellele vastuvõtva koolon valdkonnas, siis seal on mõned 788 00:43:52,210 --> 00:43:56,950 päris esoteeriline värk siin, nagu midagi pistmist kuupäevad ja kellaajad, 789 00:43:56,950 --> 00:43:59,720 midagi pistmist keeles, et brauser mõistab, 790 00:43:59,720 --> 00:44:02,850 kuid tõesti oluline read on need kaks esimest siin. 791 00:44:02,850 --> 00:44:05,490 >> Mis server vastata? Noh, kui me keri siin 792 00:44:05,490 --> 00:44:08,510 ja vaata lähteteksti see asi, märkate, et server 793 00:44:08,510 --> 00:44:13,700 reageeris mõnevõrra segasena sõnum ka, 304 ei muudeta. 794 00:44:13,700 --> 00:44:16,030 See on natuke imelik, las ma tegelikult proovida seda parandada. 795 00:44:16,030 --> 00:44:18,670 Lubage mul hoia Shift ja klõpsa uuesti laadida siin 796 00:44:18,670 --> 00:44:22,460 sundida brauser tegelikult teevad selle taotluse esmakordselt. 797 00:44:22,460 --> 00:44:25,700 Siis lase mul suurendada, ja me näeme nüüd, et server vastust, 798 00:44:25,700 --> 00:44:28,950 sest ma hoidsin shift, on 200 OK. 799 00:44:28,950 --> 00:44:31,170 Nii et olete ilmselt kunagi näinud nr 200 800 00:44:31,170 --> 00:44:33,300 kontekstis Web, kuid mida numbrid 801 00:44:33,300 --> 00:44:36,760 kas te olete mõnikord näinud ootamatult serverist? 802 00:44:36,760 --> 00:44:42,010 404, faili ei leitud; 403, keelatud; 500, serveri viga. 803 00:44:42,010 --> 00:44:44,890 Seega on need numbrilised koodid, et maailm kasutab Web 804 00:44:44,890 --> 00:44:47,870 tähendama vigu, nagu C funktsioonid 805 00:44:47,870 --> 00:44:51,030 võib naasta vigu ja peamised võib naasta väljumise koodid. 806 00:44:51,030 --> 00:44:54,160 200, aga sa harva näha, sest see tähendab, et kõik on hästi. 807 00:44:54,160 --> 00:44:59,000 Ja 304 siis ilmselt ei näe, sest mida see tähendas? 808 00:44:59,000 --> 00:45:03,330 Et midagi on - vaatame, kas saame simuleerida seda jälle - 809 00:45:03,330 --> 00:45:07,170 Oh, nüüd see ei ole koostööd. 304 ütles modifitseerimata 810 00:45:07,170 --> 00:45:09,170 miks oli server isegi reageeri? 811 00:45:09,170 --> 00:45:12,550 Noh, tõhususe, veebiserver automaatselt teie eest, 812 00:45:12,550 --> 00:45:16,570 Kui fail ei ole muutunud, siis ei taasedastada kogu HTML-faili. 813 00:45:16,570 --> 00:45:19,150 Seda saad lihtsalt sirvija see ei ole muutunud. 814 00:45:19,150 --> 00:45:21,220 Lihtsalt kasutada kopeeri teil juba on. 815 00:45:21,220 --> 00:45:22,650 Nii et see mõiste vahemällu veebis 816 00:45:22,650 --> 00:45:25,840 tulemuslikkuse, nii et sa ei raiska aega ja jäätmete ribalaius 817 00:45:25,840 --> 00:45:29,160 failide allalaadimise ja jälle asjatult. 818 00:45:29,160 --> 00:45:31,460 >> Aga see veebileht, nüüd oli super-lihtne, 819 00:45:31,460 --> 00:45:34,980 ja see ainult näitas mulle HTML et tagasi tulid. 820 00:45:34,980 --> 00:45:40,940 Olgem tegelikult kasutavad võrgu tab nüüd teha Google otsing nagu kiire pruun rebane. 821 00:45:40,940 --> 00:45:43,010 Lubage mul siis klõpsa CS50 otsing, 822 00:45:43,010 --> 00:45:46,950 ja nüüd, märkate põhjas siin terve hunnik asju tuli tagasi 823 00:45:46,950 --> 00:45:49,900 sest kui ma külastada tõeline veebilehel nagu Google.com, 824 00:45:49,900 --> 00:45:53,520 neil pilte, neil on tekst, nad on keeles nimetatakse JavaScript seal. 825 00:45:53,520 --> 00:45:55,940 Nii et iga rida selles tabelis siia 826 00:45:55,940 --> 00:46:01,490 esindab midagi, mida Google sülitama vastuseks minu palve. 827 00:46:01,490 --> 00:46:04,160 Ma hoolin, aga on see esimene. 828 00:46:04,160 --> 00:46:08,420 Ja kui ma lähen otsing, päring, klõpsa View Source siin, 829 00:46:08,420 --> 00:46:11,300 märkate, et tõepoolest, segasena sõnumi, et minu brauser saatis 830 00:46:11,300 --> 00:46:15,010 Google oli need kaks rida siin, 831 00:46:15,010 --> 00:46:18,420 järgnevad mõned kauge informatsioon siin all, mida me eirame nüüd. 832 00:46:18,420 --> 00:46:20,890 Aga teate ka, mida Chrome on üsna mugav, 833 00:46:20,890 --> 00:46:24,540 see on ka näitab mulle päringu stringi, mis saadeti sisse 834 00:46:24,540 --> 00:46:27,410 Nii et pigem näitab mulle seda, mis oli sõna otseses mõttes saata, 835 00:46:27,410 --> 00:46:30,800 kui ma vaadata seda dekodeerida, Chrome, lihtsalt mõeldud silumiseks, 836 00:46:30,800 --> 00:46:34,270 arendajatele nagu meie, see on lihtsalt näitab mulle inimese sobiv versioon - 837 00:46:34,270 --> 00:46:36,390 et ei ole, kuidas sa õigekirja rebane, ilmselt. 838 00:46:36,390 --> 00:46:40,520 Ma lihtsalt märganud seda nüüd - kuid see näitab teile, mida ma ilmselt kirjutatud. 839 00:46:40,520 --> 00:46:45,340 Samas on vastuseks, et tagasi tulin server on jälle 200 OK. 840 00:46:45,340 --> 00:46:47,930 Aga lisada, et vastus muidugi 841 00:46:47,930 --> 00:46:51,920 kui me tegelikult vaadata lehekülje HTML - 842 00:46:51,920 --> 00:46:55,440 vabandust, see on natuke kiirklahvi viltu läinud täna. 843 00:46:55,440 --> 00:46:59,020 >> Ma tegelen selle hiljem. Nii et kui me tegelikult näha lehe allikas, 844 00:46:59,020 --> 00:47:02,990 mis ma teha saan siia klikkides vastus, 845 00:47:02,990 --> 00:47:10,080 see on see, mis tegelikult sülitada tagasi, lisaks sellele segasena 200 OK sõnum serverist. 846 00:47:10,080 --> 00:47:12,520 Vähe segasena, kuid kus on see kõik tuleb? 847 00:47:12,520 --> 00:47:15,570 Noh, teeme ühe asja siin. Teine mõnevõrra-segasena käsk, 848 00:47:15,570 --> 00:47:20,530 kuid see üks on selline puhas, sest see näitab meile täpselt, mis toimub all kapuuts. 849 00:47:20,530 --> 00:47:22,530 Nii et ma olen tagasi minu Mac siin, ma ühendatud 850 00:47:22,530 --> 00:47:25,980 kaudu programmi nimega SSH Secure Shell, teise serverisse 851 00:47:25,980 --> 00:47:28,940 sest enamik Harvardi arvutid blokeerida käsk me parasjagu joosta 852 00:47:28,940 --> 00:47:31,640 sest seal on see käsk mõnedes serverites nimega traceroute 853 00:47:31,640 --> 00:47:34,810 mis võimaldab teil jälgida vahelisel liinil punktid a ja b, 854 00:47:34,810 --> 00:47:37,020 ja siiani oleme olnud võttes täiesti enesestmõistetavaks 855 00:47:37,020 --> 00:47:40,170 et ma ei kirjuta Google.com ja kuidagi saada andmeid tagasi 856 00:47:40,170 --> 00:47:43,530 pooleldi kogu riigis või pooleldi kogu maailmas. 857 00:47:43,530 --> 00:47:45,810 Mis traceroute saame tegelikult sukelduda veidi sügavamale 858 00:47:45,810 --> 00:47:49,370 selle kohta, kuidas Internet töötab, ja vaata, mis toimub all kapuuts. 859 00:47:49,370 --> 00:47:54,440 Nii lähme edasi ja omavoliliselt jälgida tee, ütlevad, Stanford.edu, 860 00:47:54,440 --> 00:47:57,150 mis on üle kogu riigi, ja vajuta enter. 861 00:47:57,150 --> 00:47:59,380 See käsk võib olla ülikiire või super-aeglane, 862 00:47:59,380 --> 00:48:02,010 kuid mida me näeme nüüd, rida-realt, 863 00:48:02,010 --> 00:48:08,060 on iga ühe sammu või humalad meie vahel ja Palo Alto, või Stanford, 864 00:48:08,060 --> 00:48:11,010 kus on nende veebiserver. 865 00:48:11,010 --> 00:48:16,600 Mis siis kõik need jooned kujutavad konkreetsemalt, kuigi? 866 00:48:16,600 --> 00:48:19,100 Tükk kõnepruuki ka internetist? [Student, arusaamatult] 867 00:48:19,100 --> 00:48:21,570 >> Mis see on? [Student, arusaamatult] 868 00:48:21,570 --> 00:48:25,390 >> Ah, et on aegu, kuid mida see igas reas - mida ma mõtlen hop? 869 00:48:25,390 --> 00:48:29,140 >> Noh, seal on need asjad internetis nimetatakse ruuterid. 870 00:48:29,140 --> 00:48:33,020 Ja ruuterid, nagu nimigi ütleb, marsruudi infot punktist A punkti B. 871 00:48:33,020 --> 00:48:36,920 Aga seal on mitmeid punkte kaugemale ja b. 872 00:48:36,920 --> 00:48:40,010 Seal c ja d ja e ja f vahel rida 1 873 00:48:40,010 --> 00:48:43,480 mis juhtub olema minu arvuti IP-aadress, 874 00:48:43,480 --> 00:48:46,890 või minu numbriline aadress, mis identifitseerib minu arvuti, 875 00:48:46,890 --> 00:48:50,300 ja samm 15, mis on tegelikult kuues veebiserver, 876 00:48:50,300 --> 00:48:54,640 ilmselt, mis ma sellest järeldamata, või versioon 6 oma veebiserver Stanfordis. 877 00:48:54,640 --> 00:48:56,680 Aga mis liiki puhas on, näeme tee 878 00:48:56,680 --> 00:49:00,480 et minu 0-ja 1 aasta võtate minu arvuti Stanfordi. 879 00:49:00,480 --> 00:49:02,500 Nii 1. etapp on minu enda arvuti aadress. 880 00:49:02,500 --> 00:49:05,760 Iga arvuti Internetis on kordumatu tunnus, mis näeb välja selline. 881 00:49:05,760 --> 00:49:08,150 Number.number.number.number. 882 00:49:08,150 --> 00:49:10,370 Kuskil siin linnakus, ilmselt teaduskeskus, 883 00:49:10,370 --> 00:49:16,780 on ruuteri nimega Core Gateway 2-te83, mida iganes see tähendab, 884 00:49:16,780 --> 00:49:20,590 nii et see on üks Harvardi suur väljamõeldud ruuterid, et teed palju oma liiklust. 885 00:49:20,590 --> 00:49:24,640 Siin on veel üks Harvardi ruuterid, see üks on Border Gateway, 886 00:49:24,640 --> 00:49:28,310 piiri tähenduses on ilmselt servas ülikoolilinnakus kusagil. 887 00:49:28,480 --> 00:49:32,790 Siis on NOx üks, rida 4, mis on Põhja-Crossroads, 888 00:49:32,790 --> 00:49:35,070 mis on suur ISP, Interneti-teenuse pakkuja, 889 00:49:35,070 --> 00:49:37,740 et sellistes kohtades nagu Harvard ühendada kuni. 890 00:49:37,740 --> 00:49:40,760 Aga siis asjad natuke huvitav rida 6. 891 00:49:40,760 --> 00:49:45,960 Kus on mu bitti äkki? Kansas. 892 00:49:45,960 --> 00:49:49,300 Maailmas on harjumus kasutada lennujaama koode palju neid asju, 893 00:49:49,300 --> 00:49:52,900 või vähemalt lühendid riikide või linnade 894 00:49:52,900 --> 00:49:56,490 nii tundub, kõigest 60 ms, 895 00:49:56,490 --> 00:49:59,420 pakettaknad teabe, 0-ja 1 on minu sülearvuti 896 00:49:59,420 --> 00:50:03,210 sain kõik viis Kansas, ja jälle, 60 ms. 897 00:50:03,210 --> 00:50:08,180 >> Lisaks pärast Kansas, võtsid nad Ringkäik Houston, tõenäoliselt 898 00:50:08,180 --> 00:50:10,140 nagu nimetuski ütleb selles serveris. 899 00:50:10,140 --> 00:50:13,310 Nii nagu server internetis peab olema numbriline aadress, 900 00:50:13,310 --> 00:50:18,360 see võib ka soovi korral on veidi rohkem inimsõbralik aadress, et inimesed tulid. 901 00:50:18,360 --> 00:50:20,510 Nüüd, 8. etappi me ei tea, mis see on. 902 00:50:20,510 --> 00:50:22,550 Mõnikord ruuterid lihtsalt selline ignoreerivad teid, 903 00:50:22,550 --> 00:50:25,010 ja nad lihtsalt ei vasta küsimustele, nii et pole midagi. 904 00:50:25,010 --> 00:50:29,290 Üksteise järel 8. etappi on ilmselt kus? L. A. 905 00:50:29,290 --> 00:50:35,290 Teade ainult 78 ms, mis viib meid inimesi nagu 6 + tundi teha füüsiliselt, 906 00:50:35,290 --> 00:50:40,110 võtab paketid teabe Internetis 78 ms reisida nii kaugele. 907 00:50:40,110 --> 00:50:45,890 Samm 10 on LA samuti, ja 11. samm tundub, et on läinud põhja, kuni lähedal Stanfordi. 908 00:50:45,890 --> 00:50:48,750 See on nende piiri ruuter või piiri ruuter. 909 00:50:48,750 --> 00:50:51,240 Paar sammu Stanfordi mis eiravad meid, 910 00:50:51,240 --> 00:50:55,610 ja lõpuks jõuame veebiserver vaid 87 ms. 911 00:50:55,610 --> 00:50:57,760 Nüüd on kõik need numbrid, kui kõrvale, 912 00:50:57,760 --> 00:51:00,640 lihtsalt öelda, kui kaua see aega võtab andmete saad minult 913 00:51:00,640 --> 00:51:03,530 igaühele neist ruuterid, ja see ei ole kuhjuv. 914 00:51:03,530 --> 00:51:06,960 Mida see programm ei ole, kõigepealt saadab sõnumi sisuliselt, et esimene ruuter. 915 00:51:06,960 --> 00:51:09,490 Siis üks teine ​​ruuter, siis üks kolmanda ruuter, 916 00:51:09,490 --> 00:51:12,610 mõõtmiseks iga kord. Nii et teoreetiliselt need ajad on kasvav 917 00:51:12,610 --> 00:51:14,860 või vähemalt üsna lähedal üksteisele 918 00:51:14,860 --> 00:51:18,090 ja tõesti, need, mis on siinsamas campus on super-väike. 919 00:51:18,090 --> 00:51:20,820 Niipea kui hakkad läheb kogu riigis, see võtab andmed 920 00:51:20,820 --> 00:51:24,830 veidi kauem sõita, lähemale 100 ms, anda või võtta. 921 00:51:24,830 --> 00:51:28,330 Aga lähme teise suunda nüüd. Kuidas Cambridge University Ühendkuningriigis? 922 00:51:28,330 --> 00:51:32,540 Lubage mul selle asemel jooksma traceroute on www.cam Cambridge, 923 00:51:32,540 --> 00:51:36,710 . Ac akadeemilise,. Uk, ja vajuta enter siin. 924 00:51:36,710 --> 00:51:38,830 See oli kuradi kiire. 925 00:51:38,830 --> 00:51:43,300 Minu andmed sõna otseses mõttes läks Cambridge, Inglismaa, et sekundi murdosa jooksul. 926 00:51:43,300 --> 00:51:45,340 >> Nii et vaatame, tee, et ta võttis. 927 00:51:45,340 --> 00:51:47,520 Harvardi Harvard, Harvard, Põhja Crossroads, 928 00:51:47,520 --> 00:51:52,690 mis on ISP, ja siis on see Põhja Crossroads, ja siis BAM. 929 00:51:52,690 --> 00:51:58,320 Mis on vahel samme 6 ja 7, ruuteri 6 ja 7? 930 00:51:58,320 --> 00:52:02,040 Atlandi ookean. Ja me järeldada seda sellest, et 931 00:52:02,040 --> 00:52:06,530 me läheme Vanuses 20 ms siin kuni 80 ms siin. 932 00:52:06,530 --> 00:52:10,050 Nii et midagi oli 60 ms, anda või võtta, et saada üle. 933 00:52:10,050 --> 00:52:12,910 Ja see oli ilmselt suur veekogu. 934 00:52:12,910 --> 00:52:15,250 Mis läheb pärast seda? Noh, siin me oleme Londonis, 935 00:52:15,250 --> 00:52:18,860 lihtsalt 88 ms hiljem. Rohkem London, rohkem Londonis 936 00:52:18,860 --> 00:52:21,730 ei tea kus see on, aga eeldame, et see on väljaspool Londonit, 937 00:52:21,730 --> 00:52:26,390 Cambridge siin, ja lõpuks me - sõna otseses mõttes, Cambridge'i Ülikoolis 938 00:52:26,390 --> 00:52:29,500 . Something.net, ja siis lõpuks, mis on kooskõlas 16. 939 00:52:29,500 --> 00:52:31,720 oma veebiserver on ilmselt nimetatakse Scorpius'e 940 00:52:31,720 --> 00:52:35,500 all kapuuts, kuigi me teame seda www. 941 00:52:35,500 --> 00:52:38,790 Kind of Hämäännyttävä, ma arvan. Esimest korda ma kunagi tegin seda, see täiesti imelik. 942 00:52:38,790 --> 00:52:41,670 Kahjuks Harvardi blokeerib sellist liiklust, tavaliselt võrgus. 943 00:52:41,670 --> 00:52:44,340 Nii et sa ei saa seda teha super lihtsalt. 944 00:52:44,340 --> 00:52:48,500 Aru, aga see siin on võimalik. 945 00:52:48,500 --> 00:52:53,630 Hea küll. Võtame meie 5-minutilise vaheaja siin. Me tuleme tagasi ja sukelduda sügavamale. 946 00:52:53,630 --> 00:53:00,850 Nii et me oleme tagasi ja me oleme omamoodi ambled umbes paari eri suundades siin. 947 00:53:00,850 --> 00:53:03,700 Nii et olgem kokku, millised täpselt on kestnud juba siin. 948 00:53:03,700 --> 00:53:07,990 Alustasime vestlust räägi seda keelt nimetatakse HTML. 949 00:53:07,990 --> 00:53:10,680 Jällegi, ei programmeerimiskeelt. See on lihtsalt märgistuskeel 950 00:53:10,680 --> 00:53:15,490 mis on suures osas umbes esteetika ja struktureerimine sisu kujul veebilehel. 951 00:53:15,490 --> 00:53:19,220 Aga HTML seetõttu vajab mingi mehhanism 952 00:53:19,220 --> 00:53:22,870 reisimise vahel veebibrauser ja server. 953 00:53:22,870 --> 00:53:28,360 HTML seega omamoodi seljas peal seda teist keelt, 954 00:53:28,360 --> 00:53:31,280 või rohkem õigesti, protokoll, tuntud HTTP. 955 00:53:31,280 --> 00:53:33,730 >> Ja HTTP, nagu me oleme näinud seda seni, 956 00:53:33,730 --> 00:53:37,140 on selline analoogne selle inimese konventsiooni kätt. 957 00:53:37,140 --> 00:53:39,940 Kui brauser tahab taotleda lehe server, 958 00:53:39,940 --> 00:53:43,450 ta saadab, et "saada" taotluse brauseri server, 959 00:53:43,450 --> 00:53:48,040 ja siis server saadab number, nagu 200, kõik on okei, 960 00:53:48,040 --> 00:53:53,290 samuti HTML või halbu number, nagu 404, faili ei leitud. 961 00:53:53,290 --> 00:53:58,220 Aga vahepeal, HTTP ise ei ole internetis, iseenesest. 962 00:53:58,220 --> 00:54:01,550 HTTP on lihtsalt teenus, tunnusjoon Internetis 963 00:54:01,550 --> 00:54:05,530 palju nagu G-chat on veel üks teenus, meelega e-posti on teine ​​teenus. 964 00:54:05,530 --> 00:54:09,180 Seal on igasuguseid asju, mida me saame teha Internetis. 965 00:54:09,180 --> 00:54:12,670 HTTP on vaid üks neist rakendustest. 966 00:54:12,670 --> 00:54:17,210 Nii peal - HTTP on peal midagi muud 967 00:54:17,210 --> 00:54:21,750 mida me ei maininud nime, siis võib-olla kuulnud nime, TCP / IP. 968 00:54:21,750 --> 00:54:25,160 Nii et lugu me lihtsalt ütlesin seal on kõike 969 00:54:25,160 --> 00:54:28,720 kuidas andmeid sõidab punktist A punkti B. 970 00:54:28,720 --> 00:54:30,950 Ja sel juhul, nägime väga madalal tasemel 971 00:54:30,950 --> 00:54:33,060 ruuter ruuter ruuter ruuter, 972 00:54:33,060 --> 00:54:35,390 kuidas andmed on tegelikult edastatud. 973 00:54:35,390 --> 00:54:40,510 Aga mööda teed, see saab tekkida erinevate takistusi. 974 00:54:40,510 --> 00:54:43,770 Peale nende ruuterid, on asju, mida nimetatakse tulemüüre Internetis 975 00:54:43,770 --> 00:54:46,680 ja nii andmed, nagu me just edastava 976 00:54:46,680 --> 00:54:49,720 minult Stanford, minult Cambridge, 977 00:54:49,720 --> 00:54:54,560 saadetakse, sellel tasemel, midagi, mida nimetatakse IP-aadress. 978 00:54:54,560 --> 00:54:57,340 Me nägime seda hetk tagasi, ja IP aadress 979 00:54:57,340 --> 00:55:02,480 on lihtsalt numbrilise aadressi kujul w.x.y.z, 980 00:55:02,480 --> 00:55:08,070 kus kõik need on vahel, anda või võtta, 0 ja 255, 981 00:55:08,070 --> 00:55:10,080 kui te ei saa päris kasutada kõik need numbrid. 982 00:55:10,080 --> 00:55:14,220 Aga kõik need kohatäitjaid on number vahemikus 0 kuni 255. 983 00:55:14,220 --> 00:55:16,820 Nii IP aadress nendel päevadel on 32 bitti. 984 00:55:16,820 --> 00:55:20,780 >> Nüüd, mis annab meile mitu erinevat IP aadressi maailmas? 985 00:55:20,780 --> 00:55:24,420 Umbes 4 miljardit sest iga kord, kui me oleme lugedes volitusi 2 986 00:55:24,420 --> 00:55:27,760 kõik viis kuni 32 midagi, mis tavaliselt annab meile 4 miljardit eurot. 987 00:55:27,760 --> 00:55:30,160 Nii et palju IP-aadresse, aga sa oleks võinud lugeda, 988 00:55:30,160 --> 00:55:32,410 või sa võiksid nüüd märgata kollases ajakirjanduses, 989 00:55:32,410 --> 00:55:36,020 push poole uue versiooni IP nimetatakse IPv6. 990 00:55:36,020 --> 00:55:38,290 Praegu me kasutame 4. versioon. 991 00:55:38,290 --> 00:55:41,060 Seal tõesti ei ole olnud versioon 5, me lihtsalt hüppas paremale kuni 6. 992 00:55:41,060 --> 00:55:46,760 Versioon 6 kavatse kasutada 128 bitti IP-aadressid, mis on freaking suur. 993 00:55:46,760 --> 00:55:49,430 Me ei peaks kulgema läbi juba mõnda aega, 994 00:55:49,430 --> 00:55:52,980 kuid oleme hakanud otsa versiooni 4 IP-aadressid, 995 00:55:52,980 --> 00:55:56,110 sest meil kõigil on mitte ainult asju nagu sülearvutid ja lauaarvutid, 996 00:55:56,110 --> 00:55:58,700 Paljud meist on telefonid, palju meid on teiste seadmete 997 00:55:58,700 --> 00:56:01,600 nagu TiVo ja niimoodi olema IP-aadress ise. 998 00:56:01,600 --> 00:56:03,720 Harvardi ise on kümneid tuhandeid arvuteid. 999 00:56:03,720 --> 00:56:07,970 Nii et maailm on tõeliselt otsa IP aadressid, vähemalt sellisel kujul. 1000 00:56:07,970 --> 00:56:10,340 Nii et lähema paari aasta jooksul, siis näeme aadressid 1001 00:56:10,340 --> 00:56:12,870 ise arvuteid ilmselt aeglaselt muutuma 1002 00:56:12,870 --> 00:56:16,740 sest üha rohkem ettevõtteid ja ülikoole hakata toetama uuem versioon. 1003 00:56:16,740 --> 00:56:22,770 Aga IP aadressi ei piisa arvuti nõuda andmeid arvuti b. 1004 00:56:22,770 --> 00:56:24,950 Kuna arvuti b võiks olla server, 1005 00:56:24,950 --> 00:56:27,600 ja server, nagu ma varem mainisin, saab teha kobarad asju. 1006 00:56:27,600 --> 00:56:29,940 See võib asuda veebilehti, saab seda e-posti server, 1007 00:56:29,940 --> 00:56:32,310 see võib olla Skype server, see võib olla G-chat server. 1008 00:56:32,310 --> 00:56:35,870 >> Kõik need erinevad teenused, mida võib ette serveris 1009 00:56:35,870 --> 00:56:38,330 võiks kõik füüsiliselt olla sama masin. 1010 00:56:38,330 --> 00:56:40,380 Nii et lisaks IP-aadressid, 1011 00:56:40,380 --> 00:56:43,250 Maailmas on asju nimetatakse sadamate Internetis. 1012 00:56:43,250 --> 00:56:47,830 Port on lihtsalt number, nii on unikaalne number HTTP. 1013 00:56:47,830 --> 00:56:50,280 Tema number on 80. 1014 00:56:50,280 --> 00:56:55,870 HTTP kasutab ka mitmeid 443, kuid täpsemalt krüpteeritud HTTPS. 1015 00:56:55,870 --> 00:57:00,030 Kui kuvatakse s, turvaline, mis on kasutades erineva arvu. 1016 00:57:00,030 --> 00:57:06,580 On ka teisi numbreid nagu 25, kasutatakse midagi, mida nimetatakse SMTP, muidu tuntud e. 1017 00:57:06,580 --> 00:57:09,620 On midagi, mida nimetatakse 22 SSH, 1018 00:57:09,620 --> 00:57:11,850 ja seal on terve hunnik muid sadamate seal. 1019 00:57:11,850 --> 00:57:14,460 Nüüd meil inimestel harva näha neid numbreid. 1020 00:57:14,460 --> 00:57:21,970 Samas, kui sa kirjutad aadressi nagu http://www.facebook.com, 1021 00:57:21,970 --> 00:57:26,560 brauser on salaja lisades 80, sest sa kasutad HTTP. 1022 00:57:26,560 --> 00:57:30,630 Kui te selle asemel, tüüp HTTPS, see salaja sisestamist 443. 1023 00:57:30,630 --> 00:57:35,180 Ja me suudame seda tüüpi näha seda käsitsi kui ma tõmba brower 1024 00:57:35,180 --> 00:57:41,850 ja minna http://www.facebook.com:80. 1025 00:57:41,850 --> 00:57:44,550 Seega otseselt viidates mitte ainult veebisaidi nimi 1026 00:57:44,550 --> 00:57:47,650 kuid sadama, et ma tahan rääkida, ja vajuta enter. 1027 00:57:47,650 --> 00:57:50,170 Teade see kaob, sest brauser eeldab, 1028 00:57:50,170 --> 00:57:53,360 oh, 80, ma isegi ei kavatse viitsinud näitab, et teile. 1029 00:57:53,360 --> 00:57:56,400 Aga põhjus on selles, et kui ma tegelikult tahtsin saata keegi talle, 1030 00:57:56,400 --> 00:58:02,340 Ma tõesti saadan selle neile Sadama 25, mis on SMTP. 1031 00:58:02,340 --> 00:58:04,890 Natuke järeleandmisi, kuid mõned teist on sõbrad 1032 00:58:04,890 --> 00:58:09,290 kes tegelikult töötavad Facebookis ja need samamoodi olema servereid, et saada e-mail. 1033 00:58:09,290 --> 00:58:12,610 >> Iga kord, kui saata e-posti, mis gmail teeb sinu jaoks 1034 00:58:12,610 --> 00:58:14,960 või Outlook või mis iganes programmi sa kasutad, 1035 00:58:14,960 --> 00:58:19,270 See on omamoodi salaja lisades, et number samuti, 25, sel juhul. 1036 00:58:19,270 --> 00:58:24,490 See on see kombinatsioon IP-aadress ja number, mis identifitseerib 1037 00:58:24,490 --> 00:58:29,190 arvuti Internetis ja konkreetse teenuse selles arvutis. 1038 00:58:29,190 --> 00:58:33,460 Nüüd, muidugi, enamik meist on tõenäoliselt kunagi kirjutatud käsitsi IP-aadress. 1039 00:58:33,460 --> 00:58:37,340 Äkki teil on aparaat, kuid reaalses maailmas, mitte nii palju. 1040 00:58:37,340 --> 00:58:42,750 Miks me ei kirjuta IP-aadressid brauserid? 1041 00:58:42,750 --> 00:58:45,860 Oleks tööd, tegelikult näeme seda, lubage mul teile näidata 1042 00:58:45,860 --> 00:58:50,000 üks teine ​​käsk, mis peaks töötama kõige kusagil Harvardist ülikooli Mac või PC. 1043 00:58:50,000 --> 00:58:53,970 Seal on see käsk nimega nslookup, nimeserveri otsing. 1044 00:58:53,970 --> 00:58:59,960 Kui ma vaatan üles www.cnn.com, selgub, et CNN on - oh, huvitav. 1045 00:58:59,960 --> 00:59:03,180 CNN on hakanud kasutama Amazon Web Services. 1046 00:59:03,180 --> 00:59:06,380 Sa võid teada, cloud computing, Amazon üks suur mängijate cloud computing. 1047 00:59:06,380 --> 00:59:10,240 Mida ma just tegin oli, ma ütlesin: "Anna mulle aadress CNN veebiserver," 1048 00:59:10,240 --> 00:59:14,090 aga tuleb välja, et CNN veebiserveri haldaja on Amazon, 1049 00:59:14,090 --> 00:59:16,030 Amazon Web Services, mis viitab sellele. 1050 00:59:16,030 --> 00:59:19,680 Ja aadress, et server on see siin. 1051 00:59:19,680 --> 00:59:22,350 Nii et ma ei ole kindel kas see toimib, sest nad ei ole harjunud kasutama Amazon. 1052 00:59:22,350 --> 00:59:32,830 Aga proovime seda; http://, IP-aadressi sisestada, ja - 1053 00:59:32,830 --> 00:59:35,690 see läheb tööle? 1054 00:59:35,690 --> 00:59:39,280 Jah. See läheb tööle. Internet on super aeglane täna. 1055 00:59:39,280 --> 00:59:43,680 Kuid hetkel, näed mõned uudislugu. 1056 00:59:43,680 --> 00:59:48,360 Nii juba läheb. Bank of America kaevata. Hea küll. 1057 00:59:48,360 --> 00:59:54,000 >> Seda seetõttu, et seda IP-aadressi lihtsalt juhtub poolt sünonüümiks www.cnn.com. 1058 00:59:54,000 --> 00:59:59,920 Muidugi, see oleks jube turundus öelda, külastage meid veebis aadressil 50.112.94.127. 1059 00:59:59,920 --> 01:00:02,370 Sa ei mäleta. Nii et isegi nendel päevadel võite meelde tuletada asju 1060 01:00:02,370 --> 01:00:07,210 nagu 1-800-COLLECT või mnemotehnika maailma tulid ka telefoninumbreid. 1061 01:00:07,210 --> 01:00:09,540 Mis enne mobiiltelefone, olid üsna raske meeles pidada 1062 01:00:09,540 --> 01:00:11,800 kuni sa võiksid lihtsalt kirjuta see ja unusta see. 1063 01:00:11,800 --> 01:00:15,730 Nii ka veebist, on see konventsioon nimed ja IP aadressid, 1064 01:00:15,730 --> 01:00:17,770 ja seal on need asjad seal nimetatakse DNS serverid, 1065 01:00:17,770 --> 01:00:23,870 domeeninime süsteemi servereid, et tõlkida IP-aadressid nimed ja vastupidi. 1066 01:00:23,870 --> 01:00:26,340 Nii see on, mis toimub all kapuuts. 1067 01:00:26,340 --> 01:00:29,540 In the end, meil on TCP / IP, mis on väga madala protokoll 1068 01:00:29,540 --> 01:00:32,570 et, tõesti, lihtsalt muutub 0-ja 1 on üle interneti, 1069 01:00:32,570 --> 01:00:36,030 ja ta teeb seda laskmiseks virtuaalne ümbrikus, 1070 01:00:36,030 --> 01:00:38,820 kui soovite, ja kirjutage väljapoole ümbrikus 1071 01:00:38,820 --> 01:00:43,930 IP-aadress sihtkohta, samuti numbriline pordi number 1072 01:00:43,930 --> 01:00:47,520 Teenuse sellel alal, et ta tahab rääkida. 1073 01:00:47,520 --> 01:00:51,060 Vahepeal ümbrikule seal on ka midagi, mida nimetatakse saatja aadress, 1074 01:00:51,060 --> 01:00:55,600 mis on teie IP-aadress, nii et kui CNN saab pakettaknad teilt andmeid, 1075 01:00:55,600 --> 01:00:58,710 avab see virtuaalne ümbrikus, näeb, et sa tahad kodulehekülg, 1076 01:00:58,710 --> 01:01:04,630 ta teab saatjalt osa virtuaalse ümbriku kellele saata HTML-tagasi. 1077 01:01:04,630 --> 01:01:07,470 Võtame pilk seda veidi täpsemalt. 1078 01:01:07,470 --> 01:01:11,370 See on alates firma nimega Ericson, alates paar aastat tagasi. 1079 01:01:11,370 --> 01:01:14,780 Ja nad võtsid mõned vabadusi, kuidas internet tegelikult töötab, 1080 01:01:14,780 --> 01:01:18,920 kuid see loob palju visuaalset pilti kui lihtsalt kriit siin. 1081 01:01:18,920 --> 01:01:26,690 Nii et ma annan sulle "Bit of Internet." 1082 01:02:26,660 --> 01:02:29,840 >> [Jutustaja] Esimest korda ajaloos 1083 01:02:29,840 --> 01:02:35,260 inimesed ja masinad töötavad koos, mõistes unistus. 1084 01:02:35,260 --> 01:02:38,910 Ühendav jõud, mis ei tunne geograafilisi piire. 1085 01:02:38,910 --> 01:02:43,230 Ilma arvesse rassi, usu, või värvi. 1086 01:02:43,230 --> 01:02:47,770 Uus ajastu, kus suhtlemine tõeliselt ühendab inimesi. 1087 01:02:47,770 --> 01:02:50,070 See on 1088 01:02:50,070 --> 01:02:54,980 Dawn of the Net. 1089 01:02:54,980 --> 01:03:04,640 Tahad teada, kuidas see töötab? Vajuta siia, et alustada oma teekonda arvesse net. 1090 01:03:04,640 --> 01:03:07,890 Nüüd, täpselt, mis juhtus, kui klõpsasid, mis viitavad? 1091 01:03:07,890 --> 01:03:10,150 Sa alustasid infovoogu. 1092 01:03:10,150 --> 01:03:13,310 See info liigub mööda oma isikliku postiruumi 1093 01:03:13,310 --> 01:03:18,500 kus Hr IP pakette see, sildid, ja saadab selle oma teele. 1094 01:03:18,500 --> 01:03:20,960 Iga pakett on piiratud tema suurus. 1095 01:03:20,960 --> 01:03:23,880 Mail ruum peab otsustama, kuidas jagada teavet 1096 01:03:23,880 --> 01:03:26,070 ja kuidas pakendi ta. 1097 01:03:26,070 --> 01:03:29,550 Nüüd pakett vajab silt oluline teave 1098 01:03:29,550 --> 01:03:35,570 nagu saatja aadress, saaja aadress ja tüüp pakettaknad see on. 1099 01:03:51,700 --> 01:03:54,980 Kuna see eriti pakettaknad läheb läbi koridori Internet, 1100 01:03:54,980 --> 01:03:57,720 siis saab ka aadress proxy server, 1101 01:03:57,720 --> 01:04:01,520 mis on eriline funktsioon, nagu me näha hiljem. 1102 01:04:01,520 --> 01:04:06,650 Pakettaknad on nüüd käivitatud peale oma kohtvõrku või LAN. 1103 01:04:06,650 --> 01:04:10,160 Seda võrku kasutatakse ühendada kõik kohalikud arvutite " 1104 01:04:10,160 --> 01:04:15,900 ruuterid, printerid, jne, teabevahetuse jooksul füüsilist seintele hoone. 1105 01:04:15,900 --> 01:04:20,290 LAN on üsna kontrollimatu koht, ja kahjuks 1106 01:04:20,290 --> 01:04:23,950 õnnetusi võib juhtuda. 1107 01:04:31,190 --> 01:04:34,710 Maanteel on LAN on täis igat liiki teavet. 1108 01:04:34,710 --> 01:04:38,900 Need on IP-pakette, Novell paketid, AppleTalk pakettides. 1109 01:04:38,900 --> 01:04:41,270 Nad hakkavad vastu liikluses, nagu tavaliselt. 1110 01:04:41,270 --> 01:04:44,260 Kohaliku ruuteri loeb aadress ja vajaduse korral 1111 01:04:44,260 --> 01:04:48,520 tõstab pakettaknad teise võrku. 1112 01:04:48,520 --> 01:04:54,270 Ah, ruuter. Sümbol kontrolli näiliselt kaootiline maailma. 1113 01:04:54,270 --> 01:05:05,480 [Router mumbling ja räägi ise] 1114 01:05:05,480 --> 01:05:10,030 >> [Jutustaja] Seal ta on, süstemaatiline, hoolimatu, metoodiline, 1115 01:05:10,030 --> 01:05:14,150 konservatiivne, ja mõnikord ei ole päris kiirendamiseks. 1116 01:05:14,150 --> 01:05:17,680 Aga vähemalt on ta täpne, enamasti. 1117 01:05:32,270 --> 01:05:36,820 Nagu paketid lahkuda ruuter, nad teevad oma tee ettevõtete Internet 1118 01:05:36,820 --> 01:05:40,830 ja pead ruuteri lüliti. 1119 01:05:40,830 --> 01:05:46,250 Natuke tõhusam kui ruuter, ruuter lüliti mängib kiire ja avar koos IP-pakette, 1120 01:05:46,250 --> 01:05:48,920 osavalt suunamises neid mööda oma teed. 1121 01:05:48,920 --> 01:05:52,130 Digitaalne "pinball nõustaja," kui soovite. 1122 01:05:52,130 --> 01:06:04,270 [Router lüliti räägid ise] 1123 01:06:09,830 --> 01:06:12,150 [Jutustaja] Nagu paketid jõuavad oma sihtkohta, 1124 01:06:12,150 --> 01:06:14,740 nad hakkasid võrguliides, 1125 01:06:14,740 --> 01:06:18,040 saatmiseks valmis järgmisele tasandile. 1126 01:06:18,040 --> 01:06:21,010 Sel juhul volikirja. 1127 01:06:21,010 --> 01:06:25,040 Proxy kasutavad paljud ettevõtted nagu omamoodi keskel mees 1128 01:06:25,040 --> 01:06:27,630 et vähendada koormust internetiühenduse 1129 01:06:27,630 --> 01:06:32,240 ja turvalisuse tagamiseks, samuti. 1130 01:06:32,240 --> 01:06:38,750 Nagu näete, paketid on kõik erineva suurusega, sõltuvalt nende sisu. 1131 01:06:55,210 --> 01:07:01,890 Proxy avab pakettaknad ja ootab veebiaadress või URL. 1132 01:07:01,890 --> 01:07:04,950 Sõltuvalt sellest, kas aadress on vastuvõetav, 1133 01:07:04,950 --> 01:07:08,000 pakett saadetakse edasi internetti. 1134 01:07:13,890 --> 01:07:19,630 On siiski mõned aadressid, mis ei rahulda volikirja. 1135 01:07:19,630 --> 01:07:25,680 See tähendab, ettevõtte või juhtimise suunised. 1136 01:07:25,680 --> 01:07:30,580 Need on lühidalt käsitletud. 1137 01:07:30,580 --> 01:07:32,410 Me peame midagi sellist. 1138 01:07:32,410 --> 01:07:36,350 Neile, kes seda teevad, on teedel taas. 1139 01:07:46,850 --> 01:07:53,310 >> Järgmisena, tulemüüri. 1140 01:07:53,310 --> 01:07:57,410 Ettevõtte tulemüüri on kaks eesmärki. 1141 01:07:57,410 --> 01:08:02,420 See takistab mõned üsna vastik asju interneti tulekul sisevõrk 1142 01:08:02,420 --> 01:08:10,280 ja see võib ka takistada tundlike ettevõtete andmed välja saata edasi internetti. 1143 01:08:10,280 --> 01:08:12,980 Kui läbi tulemüüri, ruuteri kirkad pakettaknad 1144 01:08:12,980 --> 01:08:18,180 ja paneb selle peale palju kitsam tee või ribalaius, nagu me ütleme. 1145 01:08:18,180 --> 01:08:23,720 Ilmselt teed ei ole piisavalt lai, et võtta neid kõiki. 1146 01:08:23,720 --> 01:08:29,319 Nüüd võite küsida, mis juhtub kõigi nende pakettide mis ei oleks mööda teed. 1147 01:08:29,319 --> 01:08:32,270 Noh, kui hr IP ei saa kinnitust 1148 01:08:32,270 --> 01:08:35,000 et pakettaknad on laekunud õigeaegselt, 1149 01:08:35,000 --> 01:08:39,890 ta lihtsalt saadab asendamine pakettaknad. 1150 01:08:39,890 --> 01:08:44,760 Nüüd oleme valmis sisenema maailma Internetis. 1151 01:08:44,760 --> 01:08:49,370 Ämblikuvõrk seotud võrkude, mis katavad kogu meie maailma. 1152 01:08:49,370 --> 01:08:56,050 Siin, marsruuterid ja kommutaatorid luua sidemeid võrkudes. 1153 01:08:56,050 --> 01:08:59,200 Nüüd Net on täiesti erinev keskkond kui leiad 1154 01:08:59,200 --> 01:09:01,569 jooksul kaitsev seinad oma LAN. 1155 01:09:01,569 --> 01:09:04,060 Siin, see on Metsik Lääs. 1156 01:09:04,060 --> 01:09:06,359 Palju ruumi, palju võimalusi, 1157 01:09:06,359 --> 01:09:09,760 palju asju uurida ja kuhu minna. 1158 01:09:09,760 --> 01:09:12,760 Tänu väga vähe kontrolli ja reguleerimist, 1159 01:09:12,760 --> 01:09:18,300 uusi ideid leida soodsa pinnase suruda ümbriku oma võimalusi. 1160 01:09:18,300 --> 01:09:22,330 Aga kuna seda vabadust, teatavad ohtudest ka varitsevad. 1161 01:09:22,330 --> 01:09:27,000 Sa ei saa iial teada, kui saad täita kohutava ping surma, 1162 01:09:27,000 --> 01:09:29,890 eriversioon normaalne taotluse ping, 1163 01:09:29,890 --> 01:09:35,720 mis mõned idioot arvasin kuni segi ajama pahaaimamatu hosts. 1164 01:09:35,720 --> 01:09:39,130 Tee meie pakette võtta võib satelliidi kaudu, 1165 01:09:39,130 --> 01:09:43,090 telefoniliinid, traadita või isegi transatlantilisi kaabel. 1166 01:09:43,090 --> 01:09:46,520 Nad ei ole alati võtta kõige kiiremini või lühim marsruut võimalik, 1167 01:09:46,520 --> 01:09:50,290 kuid nad saavad seal lõpuks. 1168 01:09:50,290 --> 01:09:55,230 Võib-olla sellepärast see mõnikord "World Wide oota." 1169 01:09:55,230 --> 01:09:57,980 Aga kui kõik töötab sujuvalt, 1170 01:09:57,980 --> 01:10:03,800 saate mööda maakera viis korda üle kell Kahtlemata, sõna otseses mõttes. 1171 01:10:03,800 --> 01:10:08,230 Ja kõik kulud kohaliku kõne või vähem. 1172 01:10:08,230 --> 01:10:15,070 Near lõppu meie sihtkohta, me leiame teise tulemüüri. 1173 01:10:15,070 --> 01:10:18,420 >> Sõltuvalt teie vaatepunktist, pakettaknad, 1174 01:10:18,420 --> 01:10:23,730 Tulemüür võib olla bastioni julgeoleku või kardetud vastane. 1175 01:10:23,730 --> 01:10:28,530 Kõik sõltub sellest, kummal pool sa oled ja mida teie kavatsused on. 1176 01:10:28,530 --> 01:10:34,990 Tulemüüri eesmärk on lasta ainult need paketid, mis vastavad tema kriteeriumitele. 1177 01:10:34,990 --> 01:10:39,360 See tulemüür töötab pordid 80 ja 25. 1178 01:10:39,360 --> 01:10:46,630 Kõik katsed siseneda läbi teiste ülesannetega sadam on suletud äri. 1179 01:10:57,660 --> 01:11:03,480 Port 25 on kasutatud post paketid 1180 01:11:03,480 --> 01:11:10,720 samas port 80 on sissepääs pakette internetist veebiserverisse. 1181 01:11:10,720 --> 01:11:15,080 Toas tulemüüri paketid vaadatakse põhjalikumalt. 1182 01:11:15,080 --> 01:11:17,970 Mõned paketid muuta see kergesti läbi tolli, 1183 01:11:17,970 --> 01:11:21,420 samas kui teised näevad välja täpselt natuke kahtlane. 1184 01:11:21,420 --> 01:11:24,060 Nüüd, tulemüüri ametnik ei ole kergesti petta, 1185 01:11:24,060 --> 01:11:32,120 näiteks kui see ping surma pakettaknad üritab varjata enda normaalne ping pakettaknad. 1186 01:11:32,120 --> 01:11:37,520 [Tulemüür ametnik rääkis paketid] 1187 01:11:37,520 --> 01:11:40,510 [Jutustaja] Nende pakettide õnn nii kaugele, 1188 01:11:40,510 --> 01:11:45,730 Teekond on peaaegu läbi. 1189 01:11:45,730 --> 01:11:52,130 See on lihtsalt rivistama kohta liidest tuleb üles võetud veebiserver. 1190 01:11:52,130 --> 01:11:55,440 Tänapäeval veebiserver saab sõita palju asju, 1191 01:11:55,440 --> 01:11:59,230 suurarvuti, et veebikaamera arvutiga laual. 1192 01:11:59,230 --> 01:12:01,720 Miks mitte teie külmkapis? 1193 01:12:01,720 --> 01:12:04,870 Mis õige setup, saate teada, kui teil on eeldusi 1194 01:12:04,870 --> 01:12:08,390 Kana Cacciatore, või kui teil on shoppama minna. 1195 01:12:08,390 --> 01:12:11,760 Pea meeles, see on koidik Net. 1196 01:12:11,760 --> 01:12:17,310 Peaaegu kõik on võimalik. 1197 01:12:17,310 --> 01:12:20,440 Ükshaaval paketid saanud, 1198 01:12:20,440 --> 01:12:26,320 lahti ja lahti pakkida. 1199 01:12:26,320 --> 01:12:31,200 Neis sisalduva teabe, mis on oma teabenõudele 1200 01:12:31,200 --> 01:12:34,830 saadetakse edasi veebiserveri rakendus. 1201 01:12:41,540 --> 01:12:47,140 Pakettaknad ise on taaskasutatud, 1202 01:12:47,140 --> 01:12:57,570 valmis uuesti kasutada, ja täis oma nõutud teavet, 1203 01:12:57,570 --> 01:13:03,340 adresseeritud, ja saatis oma teed sulle tagasi. 1204 01:13:03,340 --> 01:13:13,250 Tagasi viimase tulemüüri, ruuterid, ja läbi interneti. 1205 01:13:13,250 --> 01:13:21,020 Tagasi läbi oma ettevõtte tulemüüri 1206 01:13:21,020 --> 01:13:24,180 ja peale oma liides, 1207 01:13:24,180 --> 01:13:31,180 valmis andma oma veebilehitseja teavet, mida olete taotlenud. 1208 01:13:31,180 --> 01:13:39,840 See tähendab, et see film. 1209 01:13:39,840 --> 01:13:43,550 Rahul oma jõupingutusi, ja usaldav parema maailma, 1210 01:13:43,550 --> 01:13:50,250 meie ustav andmepaketid sõita maha õndsalt arvesse päikeseloojangut teise päeva, 1211 01:13:50,250 --> 01:13:56,880 teades täielikult nad on teeninud oma meistrid hästi. 1212 01:13:56,880 --> 01:14:02,560 Nüüd ei ole see õnnelik lõpp? 1213 01:14:02,560 --> 01:14:07,040 [Malan] Okei, sellest piisab. Näeme järgmisel nädalal. 1214 01:14:07,040 --> 01:14:10,040 [CS50.TV]