1
00:00:00,000 --> 00:00:02,620
[Powered by Google Translate] [Week 7, folytatás]

2
00:00:02,620 --> 00:00:05,090
[David J. Malan, Harvard University]

3
00:00:05,090 --> 00:00:07,780
[Ez a CS50.] [CS50.TV]

4
00:00:07,780 --> 00:00:09,810
Rendben van. Welcome Back. Ez CS50,

5
00:00:09,810 --> 00:00:12,100
és ez a hét végén 7.

6
00:00:12,100 --> 00:00:15,460
Tehát az egyik ilyen ostoba kis dolgokat, hogy megy az egész Internet

7
00:00:15,460 --> 00:00:24,080
és mi slurped fel, és most már, hogy egy kicsit geeky értelme van.

8
00:00:24,080 --> 00:00:28,330
Nos, ez volt viccesebb, hogy ez a fickó, mint volt veletek.

9
00:00:28,330 --> 00:00:32,619
Apropó, nos, srácok,

10
00:00:32,619 --> 00:00:42,550
ma van Nate születésnapja.

11
00:00:42,550 --> 00:00:46,630
Ahhoz, hogy egy értelemben, hogy milyen jó Nate és én

12
00:00:46,630 --> 00:00:50,140
A webfejlesztés alapuló hétfői osztályban alapján most ezen,

13
00:00:50,140 --> 00:00:53,170
Gondoltam, húzza fel Nate honlapját, ha még nem látta még.

14
00:00:53,170 --> 00:00:57,020
Ez itt ia Nate HTML.

15
00:00:57,020 --> 00:00:59,380
Így látja a forráskód, ha szeretné látni, hogyan kell ezt csinálni, és Nate,

16
00:00:59,380 --> 00:01:02,250
ha tudnánk embarass csak röviden, a személyzet neked egy kis valamit

17
00:01:02,250 --> 00:01:06,080
ha szeretné megosztani néhány desszert néhány a gyerekek az osztályban van.

18
00:01:06,080 --> 00:01:10,150
Ha azt szeretné, hogy jöjjön le.

19
00:01:10,150 --> 00:01:14,350
Mindannyian tapsolnak, és nagyon szép, de senki nem ül a közelébe Nate,

20
00:01:14,350 --> 00:01:17,560
valamilyen okból vissza övezetben.

21
00:01:17,560 --> 00:01:24,020
Szóval, talán megtalálja egyes emberek élvezni ezeket.

22
00:01:24,020 --> 00:01:33,380
Happy Birthday, Nate.

23
00:01:33,380 --> 00:01:37,660
>> Kiegészítő hellos: Megmutattuk, egy pár klipek a mi CS50x diákok.

24
00:01:37,660 --> 00:01:39,710
Ha azt szeretné, hogy ki más van a világban

25
00:01:39,710 --> 00:01:41,850
ez után végig, akkor irány az URL,

26
00:01:41,850 --> 00:01:45,780
ahol Joseph, az egyik TFs, állított össze egy montázs a fajta

27
00:01:45,780 --> 00:01:50,290
mindenkinek, aki már benyújtásakor ezek a videók, köztük Rick Astley.

28
00:01:50,290 --> 00:01:53,010
És ha lapozhat ezeket, ez tényleg nagyon inspiráló

29
00:01:53,010 --> 00:01:56,890
hogy az eltérő országok és városok, ahonnan az emberek jelzési.

30
00:01:56,890 --> 00:02:00,830
Tehát, ha azt szeretné, hogy vessen egy pillantást arra, hogy ez lesz, egészen a végén a félévben.

31
00:02:00,830 --> 00:02:05,370
Ma folytatjuk a pillantást a Web, web programozás, HTML és hasonlók,

32
00:02:05,370 --> 00:02:08,280
és mi is ebédelünk jön ezen a héten pénteken

33
00:02:08,280 --> 00:02:11,360
ha szeretné, és különösen, hogy nem tette meg korábban.

34
00:02:11,360 --> 00:02:13,630
Ezen a pénteken témája lesz Nate születésnapja,

35
00:02:13,630 --> 00:02:15,700
így ha azt szeretné, hogy a születésnapi ebéd Nate

36
00:02:15,700 --> 00:02:17,500
és mások néhány barátaink Ipari,

37
00:02:17,500 --> 00:02:19,300
kérjük, fej, hogy az URL ott.

38
00:02:19,300 --> 00:02:22,510
Space, mint mindig, korlátozott. Továbbá, ha elfelejtette,

39
00:02:22,510 --> 00:02:26,460
észre, hogy a jövő héten a határidő probléma megállapított 4-es csillagvadászatban,

40
00:02:26,460 --> 00:02:30,070
amely után beszedik Mindezen JPEG származó card.raw,

41
00:02:30,070 --> 00:02:32,880
Ön és pont cimborák, ha azt szeretné, próbálja fényképezés

42
00:02:32,880 --> 00:02:36,100
annyi a számítógép tudósok, hogy a memóriakártya lehetséges,

43
00:02:36,100 --> 00:02:39,070
és te és a szakasz majd nyerni mesés díjat.

44
00:02:39,070 --> 00:02:44,470
Lásd vissza Pset 4-es előírás, hogy mit nyújtson be és mikor.

45
00:02:44,470 --> 00:02:47,650
Továbbá, ha szeretné, hogy a kézimunka halhatatlanná

46
00:02:47,650 --> 00:02:51,400
A kurzus a weboldalt, és a történelem, a ruházati

47
00:02:51,400 --> 00:02:54,010
tudja, hogy szívesen most elkezd benyújtása tervek

48
00:02:54,010 --> 00:02:57,180
Az idei T-ingek és pulóverek és hasonlók.

49
00:02:57,180 --> 00:02:59,200
Mi mindent megteszünk, hogy magában annyi, mint tudjuk,

50
00:02:59,200 --> 00:03:01,440
de mi lesz néhány munkatársa az értékelést az összes formatervezési

51
00:03:01,440 --> 00:03:04,180
hogy megbizonyosodjon arról, ők megfelelnek az előírásoknak,

52
00:03:04,180 --> 00:03:07,500
és mi majd vedd általában egy maroknyi közülük kerül kiállításra.

53
00:03:07,500 --> 00:03:10,620
Tehát, ha a tervezési típus, csak tudom, hogy a követelmények

54
00:03:10,620 --> 00:03:14,030
A grafika PNG, legalább 200 DPI,

55
00:03:14,030 --> 00:03:16,520
ezeket nem lehet több, mint 4000 x 4000 pixel,

56
00:03:16,520 --> 00:03:19,010
és nem több, mint 10 MB, de te szívesen használja dolgokat, mint a

57
00:03:19,010 --> 00:03:22,430
Photoshop vagy a GIMP vagy a különböző grafikai programok,

58
00:03:22,430 --> 00:03:24,590
amit az Ön rendelkezésére.

59
00:03:24,590 --> 00:03:28,280
>> Szintén a horizonton a végleges projekt. Az utolsó projekt valóban a csúcspontja 50,

60
00:03:28,280 --> 00:03:30,560
amely az összes feladatot folyamán,

61
00:03:30,560 --> 00:03:33,170
ez a lehetőség, tényleg nem a saját dolog.

62
00:03:33,170 --> 00:03:35,280
És hogy lehet egyszerűen, hogy tegyen valamit a szórakozás,

63
00:03:35,280 --> 00:03:38,160
lehet megoldani néhány legsürgetőbb probléma a diák csoport,

64
00:03:38,160 --> 00:03:40,980
néhány új honlap, néhány új kollekció mechanizmus adatokat.

65
00:03:40,980 --> 00:03:43,420
Ez lehet egy mobil alkalmazás az Android, az iOS.

66
00:03:43,420 --> 00:03:46,030
Tényleg, az ég a határ, és az elkövetkező hetekben,

67
00:03:46,030 --> 00:03:50,900
ahogy átmenet C e magasabb szintű nyelvek, mint a PHP és a JavaScript,

68
00:03:50,900 --> 00:03:55,150
találja magát egyre jobban megismerte néhány valós technikákat,

69
00:03:55,150 --> 00:03:57,800
néhány valós eszközök és kiegészítése, hogy a

70
00:03:57,800 --> 00:04:00,170
tudják, hogy a tanfolyam múltra szemináriumok,

71
00:04:00,170 --> 00:04:02,880
amely az elkövetkező néhány hét, néhány a tantestület

72
00:04:02,880 --> 00:04:06,160
és barátunk származó campus kínál választható szemináriumok

73
00:04:06,160 --> 00:04:08,540
amelyek túlmutatnak mi általában tett szakaszban

74
00:04:08,540 --> 00:04:11,090
hogy bemutassuk Önnek a dolgokat, mint Android programozás,

75
00:04:11,090 --> 00:04:13,450
hogy bemutassuk Önnek a dolgokat, mint iOS programozás

76
00:04:13,450 --> 00:04:15,950
vagy fejlettebb web-fejlesztési technikák.

77
00:04:15,950 --> 00:04:17,970
Van egy egész történelem e már online.

78
00:04:17,970 --> 00:04:25,000
Ha megy cs50.net/seminars, mi már ezt jó néhány éve,

79
00:04:25,000 --> 00:04:28,740
, és látni fogod, hogy az archivált itt PDF-fájlok és videók, valamint a hasonló

80
00:04:28,740 --> 00:04:33,090
több tucat videót szemináriumok.

81
00:04:33,090 --> 00:04:37,380
Tavaly például volt egy szeminárium acing a műszaki interjúk,

82
00:04:37,380 --> 00:04:40,980
ha valóban keres kialszik, és csinál egy szakmai vagy teljes munkaidős koncert.

83
00:04:40,980 --> 00:04:43,450
Windows mobile fejlesztés, Android fejlesztése, a Google Maps,

84
00:04:43,450 --> 00:04:47,700
API, CSS, fejlesztése a BlackBerry, Emacs.

85
00:04:47,700 --> 00:04:52,610
Tényleg, akkor szívesen vessen egy pillantást ezek bármelyikét szeminárium az Ön kényelmét.

86
00:04:52,610 --> 00:04:57,080
És mi lesz tartva néhány új ebben a félévben is.

87
00:04:57,080 --> 00:04:59,020
>> Tehát mi van előttünk a végleges projekt?

88
00:04:59,020 --> 00:05:01,090
Nos, először is, annak ellenére, hogy ez az időpont kissé küszöbön áll,

89
00:05:01,090 --> 00:05:06,460
ez tényleg csak egy lehetőséget arra, hogy kezdeni gondolkodni a végleges projekt elég reálisan.

90
00:05:06,460 --> 00:05:10,550
Tudjuk, hogy csak a kezdete valami, amit akkor még, amely során,

91
00:05:10,550 --> 00:05:13,470
HTML, PHP és hasonlók, de te mind ismerik az interneten,

92
00:05:13,470 --> 00:05:16,270
és én ezt a beszélgetést elfogultság felé az interneten csak azért, mert

93
00:05:16,270 --> 00:05:18,380
a legtöbb ember a végén csinál webes final projektek,

94
00:05:18,380 --> 00:05:20,260
de ez semmi esetre sem szükséges.

95
00:05:20,260 --> 00:05:22,260
A C finom, objektív C, Java,

96
00:05:22,260 --> 00:05:25,350
bármely más nyelven talán tudja, vagy szeretné tudni, elég jól van.

97
00:05:25,350 --> 00:05:29,370
De ahhoz, hogy a lé folyik kezdetben, akkor várjuk a benyújtása preproposal

98
00:05:29,370 --> 00:05:33,520
, amely a per a PDF a honlapon, amely most cs50.net,

99
00:05:33,520 --> 00:05:36,080
és a bal felső sarokban látni fogod projekt végső

100
00:05:36,080 --> 00:05:38,920
az előírás a végső projekt

101
00:05:38,920 --> 00:05:41,470
és ott vannak részletesen a preproposal és a hasonlók.

102
00:05:41,470 --> 00:05:44,760
Ez elég sok csapódik le, hogy egy e-mailt, hogy a tanítási fickó

103
00:05:44,760 --> 00:05:48,450
Csak a sztrájk egy beszélgetést vele, hogy mit gondolsz.

104
00:05:48,450 --> 00:05:52,510
On projects.cs50.net tárháza, ötletek emberek az egyetemen

105
00:05:52,510 --> 00:05:54,480
ha küzd, hogy jönni néhány ötlet,

106
00:05:54,480 --> 00:06:01,140
és manual.cs50.net/APIs tárháza, linkek API.

107
00:06:01,140 --> 00:06:06,710
>> Mi azonban, egy API?

108
00:06:06,710 --> 00:06:09,790
Mi az API? Már mondtam, hogy legalább kétszer,

109
00:06:09,790 --> 00:06:12,640
szerint a transzkriptumait az elmúlt néhány hétben.

110
00:06:12,640 --> 00:06:17,050
Mi ez? [Diák, érthetetlen]

111
00:06:17,050 --> 00:06:19,340
>> Oké, jó. Tehát valami programozási felület.

112
00:06:19,340 --> 00:06:22,710
Alkalmazás programozási felület, és ez többféle formát ölthet,

113
00:06:22,710 --> 00:06:25,850
de mi ez tényleg csapódik le, hogy a kód

114
00:06:25,850 --> 00:06:29,660
hogy valaki hs írásbeli vagy adat, hogy valaki összegyűjtött

115
00:06:29,660 --> 00:06:33,670
mely elérhetővé teszi valamilyen programozott módon.

116
00:06:33,670 --> 00:06:36,630
Írhat kódot a C, PHP, Python, Ruby,

117
00:06:36,630 --> 00:06:38,760
bármilyen kívánt nyelvű jellemzően,

118
00:06:38,760 --> 00:06:42,240
és akkor valahogy építeni valaki másnak alkalmassága

119
00:06:42,240 --> 00:06:44,440
vagy valaki másé adathalmaz.

120
00:06:44,440 --> 00:06:47,210
Például, ha megyek meg ezt a linket itt,

121
00:06:47,210 --> 00:06:50,750
és meglátja egy pár link a következő oldalon

122
00:06:50,750 --> 00:06:56,093
ahol van CS50 saját API-k, amelyek nagyon Harvard-centrikus, és harmadik fél API-k.

123
00:06:56,930 --> 00:06:59,300
Között a harmadik fél API igazán hasznos dolgok

124
00:06:59,300 --> 00:07:01,780
mint például, hogy képes SMS-t küldeni, hogy ezzel az emberek,

125
00:07:01,780 --> 00:07:04,690
hogy képes SMS szöveges üzenetek az emberek.

126
00:07:04,690 --> 00:07:08,160
És a dolgok, hogy lehet, hogy fogalma sincs, hogyan hajtsák végre magad,

127
00:07:08,160 --> 00:07:10,440
de hála a szolgáltatások, néhány ingyenes és néhány kereskedelmi,

128
00:07:10,440 --> 00:07:14,000
lehet építeni tetején e tenni valamit az Ön számára.

129
00:07:14,000 --> 00:07:16,990
Között CS50 API-k ezek campus-centrikus ilyeneket

130
00:07:16,990 --> 00:07:21,480
Harvard tanfolyamok, energia, rendezvények, élelmiszer, térképek, hírek, tweets és Shuttleboy saját,

131
00:07:21,480 --> 00:07:23,940
és ezek API-k úgy néz ki egy kicsit valami ilyesmi.

132
00:07:23,940 --> 00:07:26,990
>> Hadd húzza fel a HarvardFood API.

133
00:07:26,990 --> 00:07:30,620
Ha valaha is volt, hogy HUD weboldalára, akkor már valószínűleg ott

134
00:07:30,620 --> 00:07:35,410
hogy csak látni, mi lesz a vacsora, vagy, hogy milyen az órák is néhány d-csarnokban.

135
00:07:35,410 --> 00:07:38,000
Nos, ez nem különösebben könnyű navigálni,

136
00:07:38,000 --> 00:07:41,100
és így mi volt néhány évvel ezelőtt is írtunk szoftver,

137
00:07:41,100 --> 00:07:47,270
előfordul, hogy a PHP, hogy valóban képernyő lekaparja egészét HUD honlapján.

138
00:07:47,270 --> 00:07:51,400
A képernyő kaparás valamit jelent, hogy írjon egy programot a nyelv, mint a PHP

139
00:07:51,400 --> 00:07:55,270
hogy úgy tesz, mintha a böngésző, bár lehet, hogy futtatni egy parancsot a parancssorba,

140
00:07:55,270 --> 00:07:58,180
hogy úgy tesz, mintha a böngésző, csatlakozik a honlapon,

141
00:07:58,180 --> 00:08:01,480
letölti a HTML, a nyelv, amelyen meg van írva,

142
00:08:01,480 --> 00:08:04,300
és azután elolvassa, vagy még pontosabban, feldolgozza azt

143
00:08:04,300 --> 00:08:06,140
felülről lefelé, balról jobbra.

144
00:08:06,140 --> 00:08:08,870
És mi nem volt írtuk a kódot oly módon, hogy

145
00:08:08,870 --> 00:08:12,910
bármikor láttunk valamit, hogy a HTML, hogy nézett ki, mint valami a menüben,

146
00:08:12,910 --> 00:08:16,470
mint a hamburger, mi lenne akkor importálni, hogy a saját adatbázisba.

147
00:08:16,470 --> 00:08:20,410
És minden alkalommal, amikor láttam tápanyagtartalom, mi lenne importálni, hogy a saját adatbázisba.

148
00:08:20,410 --> 00:08:23,090
És amit tett, tőkeáttétel, hogy a HUD honlapján,

149
00:08:23,090 --> 00:08:27,280
bár lehet, hogy egy kis kihívás számunkra az emberek navigálni

150
00:08:27,280 --> 00:08:32,559
a motorháztető alatt, az összes HTML generált saját számítógépes programok.

151
00:08:32,559 --> 00:08:35,159
Szóval minden a HTML, annak ellenére, hogy nézne rendetlen,

152
00:08:35,159 --> 00:08:38,026
mint a legtöbb honlapok a motorháztető alatt követi a mintát.

153
00:08:38,260 --> 00:08:40,799
Szóval csak egy pár órát töltött kitalálni, hogy a minta

154
00:08:40,799 --> 00:08:44,240
úgy, hogy a végén, akkor dobja el az összes piszkos HTML,

155
00:08:44,240 --> 00:08:47,340
minden esztétika félkövér homlokzatot és dőlt és a hasonló,

156
00:08:47,340 --> 00:08:52,350
és mi vagyunk, akkor képesek kell tennie ki ugyanezen adatokat.

157
00:08:52,350 --> 00:08:54,870
Például, így.

158
00:08:54,870 --> 00:08:56,840
Tehát, a dokumentáció szerint itt,

159
00:08:56,840 --> 00:08:59,190
arról tájékoztatta a világot, hogy ha kér egy URL

160
00:08:59,190 --> 00:09:03,310
úgy néz ki, mint ez, food.cs50.net / valamit,

161
00:09:03,310 --> 00:09:07,220
és te adnia bizonyos paramétereket, amelyek fogunk beszélni ma,

162
00:09:07,220 --> 00:09:11,780
mint end-date idő, start-date idő, dara és így tovább,

163
00:09:11,780 --> 00:09:14,090
mi a szerver visszatér hozzád, például,

164
00:09:14,090 --> 00:09:18,740
van egy CSV-fájlt, vesszővel separted értékek, mint egy Excel fájl,

165
00:09:18,740 --> 00:09:23,140
tartalmaz mindent reggelit az adott időpontban tavaly márciusban

166
00:09:23,140 --> 00:09:25,450
mikor történt, hogy írni ezt a dokumentációt.

167
00:09:25,450 --> 00:09:27,870
>> Azok számára ismerős, CSV nem csak formátumot.

168
00:09:27,870 --> 00:09:30,610
Van egy másik formában, hogy ez a sokoldalú

169
00:09:30,610 --> 00:09:32,670
nevezett JSON, JavaScript Object Notation.

170
00:09:32,670 --> 00:09:34,770
Az adatok jött vissza ebben a formátumban.

171
00:09:34,770 --> 00:09:38,110
Tehát a elvihető az, hogy attól, hogy belevetik magukat ezen API

172
00:09:38,110 --> 00:09:41,170
vagy bármely más, CS50-vagy bármi odakint az interneten,

173
00:09:41,170 --> 00:09:45,560
vagy egyáltalán nem, rájönnek, hogy a világ egyre inkább kezdett egységesítése

174
00:09:45,560 --> 00:09:47,670
hogyan gépek összekapcsolva.

175
00:09:47,670 --> 00:09:50,660
Az általunk használt szabványos adatformátumok, mint a CSV vagy JSON.

176
00:09:50,660 --> 00:09:54,320
És mit jelent ez az Ön számára, akkor írj az érdekes része a program

177
00:09:54,320 --> 00:09:56,580
, amely lehetővé teszi a felhasználó kereshet egy étkező-hall menü,

178
00:09:56,580 --> 00:10:00,010
, amely lehetővé teszi számukra hozhatunk létre a kedvencekhez, hogy lehetővé teszi számukra, hogy szöveges figyelmeztetéseket

179
00:10:00,010 --> 00:10:02,480
amikor a kedvenc étel arról szól, hogy kell kézbesíteni, néhány d-csarnok

180
00:10:02,480 --> 00:10:07,090
segítségével valaki más adathalmazok és épület tetején a API-k.

181
00:10:07,090 --> 00:10:13,600
Szóval erről bővebben formájában szemináriumok és a dokumentáció, hogy van itt online.

182
00:10:13,600 --> 00:10:16,450
Tehát azok, akkor vannak API.

183
00:10:16,450 --> 00:10:18,900
>> Ez visszavezet bennünket HTML. Gyors bedugni.

184
00:10:18,900 --> 00:10:22,920
Mi az a HTML-t?

185
00:10:22,920 --> 00:10:25,000
[Diák, érthetetlen] >> Jó. HyperText Markup Language.

186
00:10:25,000 --> 00:10:31,300
Valaki más, mi Hypertext Markup Language?

187
00:10:31,300 --> 00:10:37,340
HyperText Markup Language.

188
00:10:37,340 --> 00:10:40,330
Oké. Szóval HTML, HyperText.

189
00:10:40,330 --> 00:10:43,100
HyperText csak utal az interneten, a legtöbb esetben.

190
00:10:43,100 --> 00:10:45,730
Markup azt jelenti, hogy valójában nem egy programozási nyelv, a HTML.

191
00:10:45,730 --> 00:10:48,120
Ez nem egy nyelvet, amit kifejezni logika be

192
00:10:48,120 --> 00:10:50,710
Nem rendelkezik hurkok. Nem rendelkezik feltételeket.

193
00:10:50,710 --> 00:10:52,820
Nem rendelkezik funkciókkal, per se.

194
00:10:52,820 --> 00:10:56,680
Inkább azt ezek a dolgok néven címkéket, vagy még pontosabban, az elemek.

195
00:10:56,680 --> 00:10:59,970
És ezek az elemek kezdő tag és záró tag-ek,

196
00:10:59,970 --> 00:11:04,300
vagy nyitott címkék és zárt címkéket, és mi a tag általában azt jelenti, egy böngésző,

197
00:11:04,300 --> 00:11:09,270
kezdeni ezzel valamit, majd megáll csinál valamit, bár vannak kivételek e.

198
00:11:09,270 --> 00:11:12,480
Néha ez csak "sortörések itt," például.

199
00:11:12,480 --> 00:11:15,150
És láttuk példa, hogy a másik nap között félkövér homlokzatot,

200
00:11:15,150 --> 00:11:17,430
sortörések, majd néhány más címkéket.

201
00:11:17,430 --> 00:11:19,880
Tehát HTML az a nyelv, amelyen a weboldalak vannak írva.

202
00:11:19,880 --> 00:11:23,760
Tehát, ha elmegyek valami hasonló Google.com

203
00:11:23,760 --> 00:11:26,180
és húzza fel, csak a hazai oldalon,

204
00:11:26,180 --> 00:11:29,690
Emlékeztetek arra, hogy ha a jobb gombbal vagy ellenőrzés gombra

205
00:11:29,690 --> 00:11:32,140
és nézd véli oldal forrását, jellemzően

206
00:11:32,140 --> 00:11:34,420
ez egy komplett káosz ezekben a napokban a motorháztető alatt, de ez azért van, mert

207
00:11:34,420 --> 00:11:38,170
számítógépek nem törődnek white space, így ez nem kell, hogy csinos.

208
00:11:38,170 --> 00:11:40,240
De ha nagyítani részei,

209
00:11:40,240 --> 00:11:43,460
észre, hogy a Chrome, csak kedves lenni, már színkódolt dolgokat.

210
00:11:43,460 --> 00:11:48,460
Valóban, ez az első tag, hogy láttunk egy internetes oldalon.

211
00:11:48,460 --> 00:11:51,750
És ismét, HTML 5, a legfrissebb ezen a nyelven,

212
00:11:51,750 --> 00:11:53,830
nem rendelkezik ez a dolog az elején,

213
00:11:53,830 --> 00:11:57,820
<! Doctype html függetlenül attól, hogy kis-vagy nagybetűs,

214
00:11:57,820 --> 00:12:03,580
de ez csak egyfajta szabvány, amely azt mondja, hé világ, itt jön egy HTML fájl 5-ös verzió.

215
00:12:03,580 --> 00:12:08,920
>> Az érdekes része itt kezdődik. Szóval <html, aztán volt két gyerek

216
00:12:08,920 --> 00:12:11,640
A HTML elemek utoljára.

217
00:12:11,640 --> 00:12:14,630
Mik voltak azok a két fő gyerek?

218
00:12:14,630 --> 00:12:17,170
Fej és a test, mint a srác a tetoválás egy pillanattal ezelőtt.

219
00:12:17,170 --> 00:12:19,640
Van két részletben weboldal, fej és a test,

220
00:12:19,640 --> 00:12:23,750
és visszahívási tehát, hogy talán a legegyszerűbb weboldal tudtuk, hogy néz ki.

221
00:12:23,750 --> 00:12:27,460
És én már behúzva, hogy csak azért, hogy legyen kedves a takaros az én-kódot,

222
00:12:27,460 --> 00:12:30,710
de ami igazán fontos, az, hogy van némi hierarchia e.

223
00:12:30,710 --> 00:12:35,420
És minden tag, hogy én már megnyitott már zárva, és ott ezért ez szimmetria

224
00:12:35,420 --> 00:12:38,300
az összes olyan jelölés, hogy én már létre.

225
00:12:38,300 --> 00:12:41,620
Tehát utoljára elkezdtük írni weboldalakat a saját laptop.

226
00:12:41,620 --> 00:12:45,470
Én megnyílt szövegszerkesztés, megmentettem a fájlt hello.html,

227
00:12:45,470 --> 00:12:50,190
Aztán húzta a fájlt a böngésző, és íme, volt egy oldalt az interneten.

228
00:12:50,190 --> 00:12:53,110
Nos, ez nem egészen így van; volt egy oldalt a merevlemez,

229
00:12:53,110 --> 00:12:58,260
és én szó szerint az egyetlen ember a világon, aki azt látja, hogy weboldal a böngészőben.

230
00:12:58,260 --> 00:13:00,670
>> Szóval ma bemutatjuk a tényleges webszerver

231
00:13:00,670 --> 00:13:02,750
és fogalma ténylegesen szolgáló internetes tartalom

232
00:13:02,750 --> 00:13:04,970
és hogy ez az egész kezd illeszkednek egymáshoz.

233
00:13:04,970 --> 00:13:08,350
Így kiderül, hogy egész idő alatt a CS50 készülék

234
00:13:08,350 --> 00:13:11,590
Önnek volt egy webszerver a számítógépen.

235
00:13:11,590 --> 00:13:16,560
Mi, a méltányosság, az csak akkor kell használni azt gedit, a csengés, a GDB és hasonlók,

236
00:13:16,560 --> 00:13:21,000
hanem az általunk telepített Önt a készülék egy web szerver,

237
00:13:21,000 --> 00:13:23,940
és hogy a webszerver történik, hogy ingyenes, nyílt forráskódú,

238
00:13:23,940 --> 00:13:26,580
az egyik legnépszerűbb ezek közül a világon, az úgynevezett Apache.

239
00:13:26,580 --> 00:13:31,340
A több technikai neve HTTPd, a d pedig a démon itt

240
00:13:31,340 --> 00:13:34,110
amely a műszaki szó egy szerver.

241
00:13:34,110 --> 00:13:38,690
Tehát telepített CS50 készülék egy webszervert, és mit jelent ez?

242
00:13:38,690 --> 00:13:43,740
Nos, a web szerver, fogalmi, néhány szerver az interneten, hogy szolgálja a weboldalak tartalmát.

243
00:13:43,740 --> 00:13:48,630
Amikor megkérdezték tőle, egy fájlt, akkor kiköpi a HTML komponál a fájlt, és íme.

244
00:13:48,630 --> 00:13:51,370
Látod a honlap bizonyos honlapján.

245
00:13:51,370 --> 00:13:54,970
De egy szerver, pontosabban a szoftver.

246
00:13:54,970 --> 00:13:59,190
Nem kell, hogy egy fizikai gépen, csak kell, hogy legyen a szoftver fut.

247
00:13:59,190 --> 00:14:01,980
Tehát a CS50 készüléket, természetesen a szoftver

248
00:14:01,980 --> 00:14:04,270
annak ellenére, hogy ez a fajta úgy tesz, mintha egy gép.

249
00:14:04,270 --> 00:14:06,960
Ez úgy tesz, mintha a számítógép belsejében egy számítógép,

250
00:14:06,960 --> 00:14:11,140
de ez csak azt jelenti, hogy a készülék minden bizonnyal futtatni dolgokat, mint a web szerverek.

251
00:14:11,140 --> 00:14:13,260
Ez ténylegesen megtett email szervereket.

252
00:14:13,260 --> 00:14:16,440
Mi lehet futtatni egy csevegőszerverhez a készüléket, ha akartunk,

253
00:14:16,440 --> 00:14:20,780
és valóban, mi fut egy másik típusú szerver, ismert adatbázis szerver, MySQL.

254
00:14:20,780 --> 00:14:22,620
De még az, hogy a következő héten.

255
00:14:22,620 --> 00:14:26,400
Ez azt jelenti, hogy ténylegesen látogasson weboldalakat

256
00:14:26,400 --> 00:14:30,480
belsejét az én készülék segítségével egy böngésző a készülék belsejében

257
00:14:30,480 --> 00:14:33,600
vagy akár a saját laptop, a Mac vagy PC.

258
00:14:33,600 --> 00:14:37,780
Szóval mit jelent ez? Kiderül, hogy minden alkalommal, amikor fut a Linux számítógépen

259
00:14:37,780 --> 00:14:40,910
a beceneve a "helyi host."

260
00:14:40,910 --> 00:14:43,370
Nem rendelkezik a domain nevet, mert még nem vásárolt egy domain név

261
00:14:43,370 --> 00:14:46,590
valami, mint a készülék, így az alapértelmezett név a helyi host.

262
00:14:46,590 --> 00:14:50,470
>> De annak érdekében, hogy a készülék indításához weboldalak kiszolgálását,

263
00:14:50,470 --> 00:14:52,270
létre kell hoznunk őket először.

264
00:14:52,270 --> 00:14:55,200
Szóval erre. Hadd menjek be egy terminál ablakot itt

265
00:14:55,200 --> 00:14:58,190
, és vegyük észre, hogy én vagyok az én tipikus John Harvard gyors.

266
00:14:58,190 --> 00:15:01,670
Hadd menjek előre, és írja be ls, és majd meglátjuk, néhány ismerős dolgot ebben a félévben,

267
00:15:01,670 --> 00:15:04,580
desktop, letöltések dropbox és így tovább,

268
00:15:04,580 --> 00:15:07,540
de most kezdjük fordult a figyelmet egy pár.

269
00:15:07,540 --> 00:15:11,530
Sok Linux webszerverek van ez a mappa neve nyilvános html,

270
00:15:11,530 --> 00:15:15,630
de fogunk ugrani, hogy egy most, és elsősorban ezt, vhostokat.

271
00:15:15,630 --> 00:15:18,850
Bárki, aki tudja, mi a vhost az?

272
00:15:18,850 --> 00:15:21,110
Csak hülye zsargon a virtuális host,

273
00:15:21,110 --> 00:15:23,850
és hogy ez mit jelent az, hogy egy tipikus szerver

274
00:15:23,850 --> 00:15:26,810
akkor valóban fogadó több weboldalak.

275
00:15:26,810 --> 00:15:31,500
Lehet vásárolni a domain nevet, mint foo.com, és akkor elhelyezheti azt egy szerveren.

276
00:15:31,500 --> 00:15:36,100
De akkor is vásárolni bar.com és a fogadó, hogy ugyanazon a szerveren.

277
00:15:36,100 --> 00:15:40,250
Az ok pedig, böngészők elég okos, hogy tájékoztassa a szerver

278
00:15:40,250 --> 00:15:45,880
amikor a felhasználó kér néhány weboldal, amit domain név a felhasználó akar a honlapon.

279
00:15:45,880 --> 00:15:48,760
Szóval, mi a jó ebben az, hogy nem kell egy fizikai szerveren

280
00:15:48,760 --> 00:15:52,040
vagy egy CS50 készülék minden website érdemes létrehozni.

281
00:15:52,040 --> 00:15:55,520
Használhatja ugyanazt a szervert és dolgozzon ki egy száz különböző honlapokon.

282
00:15:55,520 --> 00:15:58,770
És valóban, ha egy személy próbál elindítani egy honlapot,

283
00:15:58,770 --> 00:16:02,100
akár a szórakozás vagy az üzleti, jellemzően akkor menj ki az interneten,

284
00:16:02,100 --> 00:16:04,650
és akkor fizet valaki tíz dollárt havonta, száz dollárt egy hónapban

285
00:16:04,650 --> 00:16:06,670
a fogadó webhely az Ön számára.

286
00:16:06,670 --> 00:16:11,060
És az is, hogy működik, ezek töltés más emberek

287
00:16:11,060 --> 00:16:13,160
10 dolcsi egy hónap vagy száz dollárt egy hónapban

288
00:16:13,160 --> 00:16:17,200
fogadni más emberek weboldalak azok ugyanazon a szerveren.

289
00:16:17,200 --> 00:16:20,740
Az ok, amit tehetnek, hogy azért van, mert ez a szolgáltatás hívott bhosts,

290
00:16:20,740 --> 00:16:23,790
de az, hogy amikor eljön az ideje, a végső projektek.

291
00:16:23,790 --> 00:16:28,360
>> Most, nézzük csak merüljön ott. Szóval cd vhostokat, és ha azt írja ls most

292
00:16:28,360 --> 00:16:31,370
észre, hogy van egy mappa van az úgynevezett helyi host.

293
00:16:31,370 --> 00:16:33,440
Ennek oka, hogy alapértelmezés szerint a készülék a számok

294
00:16:33,440 --> 00:16:36,160
te valaha is fut egy weboldal egy készüléket.

295
00:16:36,160 --> 00:16:38,970
Ez nem igazán a valós világban, ez nem egy valós web szerver.

296
00:16:38,970 --> 00:16:41,690
Szóval hadd menjen a helyi gazda, és most majd meglátjuk ott

297
00:16:41,690 --> 00:16:44,290
egy utolsó könyvtár nevű HTML.

298
00:16:44,290 --> 00:16:47,080
Szóval ez egy kicsit mély, a hierarchia, de ha és amikor

299
00:16:47,080 --> 00:16:51,230
úgy dönt, hogy kezdjen el kidolgozni több webhelyet az elkövetkező hónapokban vagy években n,

300
00:16:51,230 --> 00:16:54,370
ez a fajta mappa struktúra általában hasznos lehet.

301
00:16:54,370 --> 00:16:56,560
Most menjünk a HTML, mint én csináltam,

302
00:16:56,560 --> 00:16:59,010
típus ls, és semmi sem ott van.

303
00:16:59,010 --> 00:17:01,390
Tehát most menjünk előre, és ezt. Hadd nyit Chrome

304
00:17:01,390 --> 00:17:07,300
a készülék belsejét, és hadd menjen http://localhost.

305
00:17:07,300 --> 00:17:14,440
Tehát szó szerint a nevet a készülék, írja, és kapok index /.

306
00:17:14,440 --> 00:17:18,290
Ez nem igazán mutat semmit kamat,

307
00:17:18,290 --> 00:17:23,400
de kiderült, hogy amit látunk, hogy a mappa, HTML.

308
00:17:23,400 --> 00:17:25,770
Nincs benne semmi a mappában most,

309
00:17:25,770 --> 00:17:28,750
így ahelyett, hogy mit fogok kell tennie, hogy először hozzon létre egy fájlt.

310
00:17:28,750 --> 00:17:33,530
Hozzon létre egy HTML fájlt, mint mi hétfőn, de ez alkalommal helyezze a készülék belsejét.

311
00:17:33,530 --> 00:17:36,830
Azoknak, akik megpróbálják követni együtt laptopok most,

312
00:17:36,830 --> 00:17:42,040
hadd tegye félre, hogy majd fedezni a web-alapú Pset,

313
00:17:42,040 --> 00:17:44,280
de ahhoz, hogy ezt a munkát a legelső alkalommal,

314
00:17:44,280 --> 00:17:49,830
fogsz kell futtatni ezt a parancsot: sudo service httpd start.

315
00:17:49,830 --> 00:17:52,670
És ez, ismét meg kell ismételni az utolsó Pset,

316
00:17:52,670 --> 00:17:55,460
de ha játszunk végig otthon most, a web szerver

317
00:17:55,460 --> 00:17:58,660
ki van kapcsolva a készülék, és ez úgy, hogy ne nedv up RAM

318
00:17:58,660 --> 00:18:01,960
és a memória 7 hétig ki a félév, amikor nincs rá szükségünk.

319
00:18:01,960 --> 00:18:05,190
Tehát meg kell futtatni ezt a parancsot egyszer, és kapsz egy kimeneti ilyesmi.

320
00:18:05,190 --> 00:18:07,920
Akkor képesnek kell lennie arra, hogy játsszon végig itt.

321
00:18:07,920 --> 00:18:10,330
Most menjünk vissza ebbe a mappába.

322
00:18:10,330 --> 00:18:12,770
Ez a mappa üres, ezért hadd kezdjem egy fájl létrehozásakor,

323
00:18:12,770 --> 00:18:16,360
gedit hello.html.

324
00:18:16,360 --> 00:18:20,930
>> Rendben van. Gedit van nyitva, mint mindig. Hadd csináljam doctype, html,

325
00:18:20,930 --> 00:18:25,270
html, hadd túltenni magam, és meg kell kezdeni a záró tag előre.

326
00:18:25,270 --> 00:18:28,380
Most már a fejét. Hadd menjek előre, és zárja le a fejét,

327
00:18:28,380 --> 00:18:32,450
hadd most ezt a címet az oldal, hello world mint legutóbb,

328
00:18:32,450 --> 00:18:34,790
bezár neve, most hadd tegyek egy test.

329
00:18:34,790 --> 00:18:38,130
Az itt mondom hello, világ néhány exclams

330
00:18:38,130 --> 00:18:40,550
világossá tenni, hogy ez egy másik string.

331
00:18:40,550 --> 00:18:45,800
Bezárni a test, és most hadd menjek előre, és mentse fájlba.

332
00:18:45,800 --> 00:18:48,470
Hadd menjek vissza a terminál ablak, és ha én írja ls,

333
00:18:48,470 --> 00:18:51,830
Meg kell, feltehetően, lásd hello.html. És tudom.

334
00:18:51,830 --> 00:18:55,070
Tehát most menjünk vissza a böngésző, kattintson a reload,

335
00:18:55,070 --> 00:18:58,930
és láthatjuk, mi valóban belsejében HTML mappába.

336
00:18:58,930 --> 00:19:02,310
Nem látok a weboldal mégis, ez az Apache, a webszerver,

337
00:19:02,310 --> 00:19:04,670
csak megmutatta nekem a listát tartalmát ebbe a könyvtárba.

338
00:19:04,670 --> 00:19:08,260
Csakúgy, mint a Mac OS vagy Windows jellemzően nem a saját helyi merevlemezre.

339
00:19:08,260 --> 00:19:12,730
Tehát, ha azt szeretné, hogy a weboldal, tudom kattintson erre a linkre kicsit itt, hello.html,

340
00:19:12,730 --> 00:19:15,160
és valóban, ez az, amit vártam látni.

341
00:19:15,160 --> 00:19:18,080
Most, újra, ez nem egy URL-t, hogy bármelyik akkor látogasson el most,

342
00:19:18,080 --> 00:19:20,760
mert ti, a helyi fogadó, ha van egy laptop van,

343
00:19:20,760 --> 00:19:23,050
ez utal a saját példányát a készüléket.

344
00:19:23,050 --> 00:19:25,900
Ez az én saját személyes készülék,

345
00:19:25,900 --> 00:19:29,080
de ez a fajta buta számomra, hogy van, hogy

346
00:19:29,080 --> 00:19:34,480
Felhasználói magamfajta kattintson hello.html tényleges tartalmának megtekintéséhez ezt az oldalt.

347
00:19:34,480 --> 00:19:42,590
Kiderül, hogy a webszerverek, mint az Apache segítségével egy alapértelmezett fájl minden webszerver.

348
00:19:42,590 --> 00:19:44,640
Figyeljük meg itt van hello.html.

349
00:19:44,640 --> 00:19:48,410
Mi a parancs Linux átnevezni egy fájlt?

350
00:19:48,410 --> 00:19:50,870
>> MV, a lépés. Szóval hadd csinálni,

351
00:19:50,870 --> 00:19:55,870
és hadd nevezze hello.html az index.html.

352
00:19:55,870 --> 00:19:58,610
Hadd írja ls a megerősítéshez ez most lett nevezve.

353
00:19:58,610 --> 00:20:03,250
Most ez megy - ha megyek vissza a helyi fogadó,

354
00:20:03,250 --> 00:20:06,710
észre, most, hogy én vagyok automatikusan látni, hogy a web oldalon.

355
00:20:06,710 --> 00:20:11,740
Ez megegyezik a ténylegesen csinál / index.html,

356
00:20:11,740 --> 00:20:14,740
de az szép dolog most az, hogy a webkiszolgáló kitalálni,

357
00:20:14,740 --> 00:20:18,830
ó, ha van egy fájl, emberi egyezmények neve index.html,

358
00:20:18,830 --> 00:20:21,200
hadd mutassam meg a felhasználót, hogy a fájl alapértelmezés szerint

359
00:20:21,200 --> 00:20:25,290
mintsem valami hülye Könyvtárlista, amely egyáltalán nem felhasználóbarát.

360
00:20:25,290 --> 00:20:28,900
Sőt, a legtöbb felkeresett webhelyek az interneten nincs fájlok listáját kattintani,

361
00:20:28,900 --> 00:20:34,040
ők csak megmutatja a tartalmat. Szóval így tehetünk, hogy index.html.

362
00:20:34,040 --> 00:20:37,000
Szóval ez az egész móka és jó, de ez egy nagyon egyszerű weboldalt.

363
00:20:37,000 --> 00:20:41,640
Hadd menjek előre, és nyissa ki az én index.html vhostokat,

364
00:20:41,640 --> 00:20:47,620
helyi hosts, html könyvtárba, és tegyük hozzá valami nagyobb érdeklődést.

365
00:20:47,620 --> 00:20:56,120
Szóval van hello world, mondjuk inkább azt mondják: "Ez CS50, Harvard College. . . "

366
00:20:56,120 --> 00:21:00,000
Szóval az elején a kurzus katalógus leírásának valamilyen ott.

367
00:21:00,000 --> 00:21:03,780
Most, ha újra, meg kell látni ezt az én honlapján.

368
00:21:03,780 --> 00:21:09,560
Oké, és tudom látni, de tegyük fel, hogy szeretnék most felsorolni néhány tartalom ebben a fájlban.

369
00:21:09,560 --> 00:21:15,160
Tudnék menni ide, és azt mondják, előfeltételek none,

370
00:21:15,160 --> 00:21:18,740
bár néhány akkor valószínűleg tetszik, "Ha ha ha, nem előfeltételei.

371
00:21:18,740 --> 00:21:24,320
De - hivatalosan. Tehát újra, és most van egyforma trükkje, hogy láttuk utoljára.

372
00:21:24,320 --> 00:21:26,240
De miért van ez? Ez egy egyszerű fix.

373
00:21:26,240 --> 00:21:31,440
Miért van ez az oldal hibás?

374
00:21:31,440 --> 00:21:34,170
[Diák, érthetetlen] >> Igen, mi már megoldotta ezt a előtt

375
00:21:34,170 --> 00:21:37,440
által kifejezetten mondja a böngésző, hogy egy sortörést itt. "

376
00:21:37,440 --> 00:21:39,440
És ez, mert ismét a böngésző még csak fog tenni

377
00:21:39,440 --> 00:21:42,610
kifejezetten milyen jelölőnyelv azt mondja, hogy igen,

378
00:21:42,610 --> 00:21:45,730
így még akkor is lehet, hogy nyomd meg az Entert egyszer vagy kétszer, vagy akár 10-szer,

379
00:21:45,730 --> 00:21:49,870
ez fog össze, hogy minden egyetlen hely, csak megegyezés alapján.

380
00:21:49,870 --> 00:21:52,770
Tehát, ha igazán akar egy sortörést, akkor használja a br tag,

381
00:21:52,770 --> 00:21:56,840
és most nyilatkozat, mint a hétfő, betettem a / belül ezt a címkét,

382
00:21:56,840 --> 00:22:00,090
csak azért, mert ez így nem érzem jól

383
00:22:00,090 --> 00:22:02,990
kezdeni egy sortörést, akkor hagyja abba a semmi között.

384
00:22:02,990 --> 00:22:07,740
>> Tehát az egyezmény HTML megnyitni és bezárni a tag egyszerre.

385
00:22:07,740 --> 00:22:11,050
Mint félre, akkor egy csomó honlapok könyvekben nem csinálja.

386
00:22:11,050 --> 00:22:14,240
Az igaz, hogy nem, vagy nem kell csinálni, de azzal érvelnek,

387
00:22:14,240 --> 00:22:17,430
hogy a design-bölcs és stilisztikailag, ez csak jobb

388
00:22:17,430 --> 00:22:20,540
mert akkor minden tag egyszerre nyitott és zárt valahogy.

389
00:22:20,540 --> 00:22:23,370
Tehát most hadd mentse és töltse. Menj vissza a böngésző, oké.

390
00:22:23,370 --> 00:22:26,680
Most már, hogy némi előrelépést, de ez nem elég.

391
00:22:26,680 --> 00:22:33,210
Menjünk előre, és kezdje el beírni a néhány hosszabb terjedelmű szöveggel.

392
00:22:33,210 --> 00:22:40,610
Tehát mondjuk, "A gyors barna róka átugrik a lusta kutya."

393
00:22:40,610 --> 00:22:42,700
És most hadd másold ezt néhányszor

394
00:22:42,700 --> 00:22:45,040
hogy mi van egy bekezdés szövegén.

395
00:22:45,040 --> 00:22:47,780
Hadd menjek vissza ide. Szóval ez nem néz túl jó.

396
00:22:47,780 --> 00:22:50,000
Van egy sortörés, így rendben van,

397
00:22:50,000 --> 00:22:52,140
de most, ha egyszer mi megy el a pont, amely egy internetes oldalon

398
00:22:52,140 --> 00:22:55,640
hogy a rengeteg tartalommal, és nem csak egyvonalas bizonyítani HTML,

399
00:22:55,640 --> 00:22:58,570
akkor elkezd gondolkodni ezekről a dolgokról, mint a tényleges bekezdését.

400
00:22:58,570 --> 00:23:01,590
És mi lehet kezdeni, hogy rendszerezze a honlapunkon egy kicsit tisztábban.

401
00:23:01,590 --> 00:23:05,120
És valóban, mit tehetek, hogy menjen fel ide testemben tag,

402
00:23:05,120 --> 00:23:09,400
és tudod mit, ha "Ez CS50. . . " Tényleg demarks a kezdete egy bekezdés,

403
00:23:09,400 --> 00:23:11,310
Nos, hadd jelölje meg, mint olyat.

404
00:23:11,310 --> 00:23:13,570
Hadd francia szöveg, csak megegyezés, hadd mondjam el,

405
00:23:13,570 --> 00:23:15,710
hogy ez a bekezdés itt ér véget,

406
00:23:15,710 --> 00:23:18,320
majd pedig ezt a sortörés, hadd mondjam

407
00:23:18,320 --> 00:23:23,300
hogy ez tartozik, és ott egy új bekezdés,

408
00:23:23,300 --> 00:23:27,610
és én csak hamar francia mellett csak felülírja az összes ezt a cuccot.

409
00:23:27,610 --> 00:23:30,660
>> Tehát most van egy behúzott bekezdés ott,

410
00:23:30,660 --> 00:23:33,510
és most a mi jelölést kezd egy kicsit tovább

411
00:23:33,510 --> 00:23:37,070
szemantikailag összhangban mi próbálunk csinálni.

412
00:23:37,070 --> 00:23:40,130
Van egy bekezdés, úgyhogy ez egy bekezdés a p címke.

413
00:23:40,130 --> 00:23:43,370
Van egy második bekezdés, úgyhogy ez egy bekezdés a p címke.

414
00:23:43,370 --> 00:23:45,850
És most, mi a böngésző általában nem

415
00:23:45,850 --> 00:23:48,490
olyan, mint egy angol könyv vagy tanulmány,

416
00:23:48,490 --> 00:23:51,280
ahol általában látni néhány sortörést bekezdések között.

417
00:23:51,280 --> 00:23:53,720
Böngészők fog tenni, hogy az Ön automatikusan.

418
00:23:53,720 --> 00:23:56,680
Szóval most van két bekezdés, és mi továbbra is ezt.

419
00:23:56,680 --> 00:23:58,770
De, természetesen, a weben, ha van szervei szövegének

420
00:23:58,770 --> 00:24:01,370
ez jellemzően nem csak a hatalmas blobs szöveget.

421
00:24:01,370 --> 00:24:04,040
Vannak gyakran hivatkozások is.

422
00:24:04,040 --> 00:24:07,250
Tehát, ha azt akarjuk, hogy, például, tartalmazhat bizonyos linkeket ott,

423
00:24:07,250 --> 00:24:10,760
Tegyük fel, hogy mi érdekes lehet bármilyen weboldalra hozok létre itt -

424
00:24:10,760 --> 00:24:12,780
hadd menjen a Google.com,

425
00:24:12,780 --> 00:24:16,540
és hadd keressen egy gyors barna róka.

426
00:24:16,540 --> 00:24:22,150
Ugrás a Google képek és, mi a helyzet - ez aranyos.

427
00:24:22,150 --> 00:24:27,420
Megyünk ezzel. Tehát itt van egy gyors barna róka ugrott át a lusta kutyát.

428
00:24:27,420 --> 00:24:30,560
Szóval, mit fogok csinálni itt, csak a kedvéért a demonstráció,

429
00:24:30,560 --> 00:24:32,950
van feltételezni, hogy ez a kép volt, az én szerver,

430
00:24:32,950 --> 00:24:35,240
és én már létre ezeket a képeket.

431
00:24:35,240 --> 00:24:38,720
Amit most nem volt jobb gombbal vagy ellenőrzés Kattintson a képre,

432
00:24:38,720 --> 00:24:42,370
és mit fog látni a legtöbb böngészőben egy kis menü -

433
00:24:42,370 --> 00:24:48,800
abba, hogy - egy kis menü, amely lehetővé teszi, hogy válasszon Hivatkozás címének másolása vagy másolat URL.

434
00:24:48,800 --> 00:24:52,750
Akkor hadd menjek vissza most az én HTML, és tegyük fel, hogy szeretnék

435
00:24:52,750 --> 00:24:56,420
való hivatkozás, hogy ez egy másik weboldalra.

436
00:24:56,420 --> 00:24:58,640
>> Mi volt a tag hívott, hogy?

437
00:24:58,640 --> 00:25:01,650
[Diák, érthetetlen] >> Igen. Így a href számára hiper hivatkozást.

438
00:25:01,650 --> 00:25:04,660
Hadd menjek előre, és illessze azt be

439
00:25:04,660 --> 00:25:07,290
Ez egy nagyon hosszú URL-t, hadd kicsinyítéshez vissza.

440
00:25:07,290 --> 00:25:09,950
Bezárás konzolok, így most észre vagyok így ide

441
00:25:09,950 --> 00:25:11,960
mert az URL történetesen nagyon hosszú.

442
00:25:11,960 --> 00:25:15,180
Hadd lépjünk át ide, hogy a végén gyors barna róka,

443
00:25:15,180 --> 00:25:18,830
aztán hadd zárja be ezt a címkét a </ a,

444
00:25:18,830 --> 00:25:21,280
ahol csak zárt nevét tag.

445
00:25:21,280 --> 00:25:24,470
Most hadd menjen előre, és mentse a fájlt, töltse be újra a web oldalon,

446
00:25:24,470 --> 00:25:27,880
és most, alapértelmezés szerint ez lesz aláhúzva, kék nekem,

447
00:25:27,880 --> 00:25:31,980
de valóban, én most kattintson erre, és íme. Ott van a kép.

448
00:25:31,980 --> 00:25:33,990
És nem kell, hogy egy kép, ez volna a kapcsolódó

449
00:25:33,990 --> 00:25:36,270
egy másik véletlenszerű honlap az interneten.

450
00:25:36,270 --> 00:25:39,610
Tudtam ezt, például, a CS50, ezért még egy utolsó példa itt.

451
00:25:39,610 --> 00:25:42,730
"Ez CS50" meglehet értelme, hogy menjen a, href =

452
00:25:42,730 --> 00:25:50,340
http://www.cs50.net, becsuk idézet, közeli horgonyt.

453
00:25:50,340 --> 00:25:53,990
Tehát most, hogy ez egy még rövidebb URL-t, és ez alkalommal nem fogunk összekapcsolni egy képet.

454
00:25:53,990 --> 00:25:57,880
Mi ehelyett lesz link egy másik oldalra.

455
00:25:57,880 --> 00:25:59,840
Nos, van egy kép van.

456
00:25:59,840 --> 00:26:02,970
Úgy érzem, nem tehetünk egy kicsit jobb, mint csak össze egy képet.

457
00:26:02,970 --> 00:26:05,760
Mi van, ha azt akarjuk, hogy valóban megtestesítik azt a saját weboldal?

458
00:26:05,760 --> 00:26:09,290
>> Nos, mit tehetek itt, hanem a linket e grafikus,

459
00:26:09,290 --> 00:26:14,690
hadd inkább vágja az URL-címet, és mi megszabadulni, hogy a hivatkozás és tisztítsa meg ezt.

460
00:26:14,690 --> 00:26:17,190
És megyünk le ide, és hogy eltűnjön ez.

461
00:26:17,190 --> 00:26:20,910
Nem igazán kell ezeket a mondatokat, úgyhogy hadd lerövidíti az oldal egy kicsit.

462
00:26:20,910 --> 00:26:24,530
És akkor ide hadd menjen előre egy új bekezdés,

463
00:26:24,530 --> 00:26:30,100
mondom, nem akarok szöveget most; Szeretnék egy képet, amelynek forrása lesz, hogy az URL-t.

464
00:26:30,100 --> 00:26:33,100
A kép, mint egy sortörést, az vagy van, vagy nem.

465
00:26:33,100 --> 00:26:35,900
Szóval hadd azonnal zárja azt tag.

466
00:26:35,900 --> 00:26:39,440
Hadd menjek előre, és most közel a bekezdés, hogy én vagyok benne,

467
00:26:39,440 --> 00:26:43,010
és ha minden jól megy, hello, világ, ha újra most

468
00:26:43,010 --> 00:26:45,520
I, sőt, lásd jobbra belül a saját weboldaladon egy képet.

469
00:26:45,520 --> 00:26:48,570
Tehát most van egy kép tag, egy horgony címkét és hasonlók,

470
00:26:48,570 --> 00:26:51,320
és a jó intézkedés, hadd tegyek még egy dolog, ami gyakran elhanyagolt

471
00:26:51,320 --> 00:26:55,900
A weboldalak ezekben a napokban: Nézzünk hogy bizonyos leíró szöveg kép

472
00:26:55,900 --> 00:26:58,090
azok számára, akik egy mobil eszközön

473
00:26:58,090 --> 00:27:00,640
és ezért lehet, hogy nem tudja letölteni ezt a képet nagyon gyorsan,

474
00:27:00,640 --> 00:27:03,310
azok számára, akik vak és lehet, hogy nem látni a képet

475
00:27:03,310 --> 00:27:06,480
de lehet, hogy egy képernyő-felolvasót, amely mondd el nekik, hogy mi ez a kép a.

476
00:27:06,480 --> 00:27:09,100
És ezt, hogy van egy másik attribútum a kép tag

477
00:27:09,100 --> 00:27:11,290
hívott alt, alternatív szöveget.

478
00:27:11,290 --> 00:27:14,650
És mit tehetek itt mondják, "Ez egy gyors barna róka."

479
00:27:14,650 --> 00:27:17,650
Annak érdekében, hogy még akkor is, ha az ember nem látja a képet a képernyőn,

480
00:27:17,650 --> 00:27:20,560
ő is legalább hallom, ahogy néhány szoftver,

481
00:27:20,560 --> 00:27:23,080
hogy valójában mi van a képernyőn.

482
00:27:23,080 --> 00:27:25,040
>> Ez nem fogja megváltoztatni az esztétikum az oldal,

483
00:27:25,040 --> 00:27:27,640
de ez biztosan jó gyakorlat a felhasználók számára.

484
00:27:27,640 --> 00:27:31,760
Rendben, hagyjuk ezt a weblapot a jelenlegi formájában,

485
00:27:31,760 --> 00:27:33,890
de lássuk, ha nem tudjuk most bevezetni

486
00:27:33,890 --> 00:27:36,210
néhány jobb megközelítések írásban ezeken az oldalakon,

487
00:27:36,210 --> 00:27:39,980
néhány órát, hogy fog szolgálni számunkra is, mint a mi oldalak egyre több és bonyolultabb.

488
00:27:39,980 --> 00:27:42,220
Amit nem fogunk csinálni az elkövetkező hetekben

489
00:27:42,220 --> 00:27:46,810
A végigvezeti az összes több tucat HTML tag, hogy vannak.

490
00:27:46,810 --> 00:27:49,800
Ugyanúgy, mint a semmiből vissza a 0. héten, ez valószínűleg elegendő lesz

491
00:27:49,800 --> 00:27:52,120
, hogy egy magas szintű áttekintést egyes fogalmak,

492
00:27:52,120 --> 00:27:54,530
egy gyors túra egyes blokkokat valószínűleg tudja,

493
00:27:54,530 --> 00:27:58,240
szép kényelmesen, navigálni a saját, a különféle puzzle darabkái.

494
00:27:58,240 --> 00:28:00,460
És ez meg fog történni újra HTML, a legvalószínűbb,

495
00:28:00,460 --> 00:28:04,320
ahol van elegendő erőforrás a weben, hogy mi pont téged,

496
00:28:04,320 --> 00:28:06,920
különböző tankönyvek, ha szeretné olvasni a tankönyv,

497
00:28:06,920 --> 00:28:10,560
hogy végigvezeti az összes különböző dolog, amit tehetünk a HTML,

498
00:28:10,560 --> 00:28:16,100
de tényleg, láttuk eddig a HTML-ben a legtöbb alapvető fogalmakat.

499
00:28:16,100 --> 00:28:19,900
Van fogalma címkék lehessen nyitni, címkék bezártak.

500
00:28:19,900 --> 00:28:22,100
Egyes címkék egyaránt nyitható és zárható

501
00:28:22,100 --> 00:28:24,620
abban az értelemben, hogy ők üres, nem kell semmi bennük

502
00:28:24,620 --> 00:28:27,490
mint egy kép tag vagy sortörés, ami csak ott van.

503
00:28:27,490 --> 00:28:32,330
Azt is vizsgálták már a fogalma egy attribútum, mint alt vagy forrás.

504
00:28:32,330 --> 00:28:36,410
Figyeljük meg, hogy ezek a szavak inkább, megállapodás szerint, hogy rövid és tömör.

505
00:28:36,410 --> 00:28:39,140
>> Jelenleg nincs mérlegelési jogköre, hogy mit ezek a dolgok nevezik,

506
00:28:39,140 --> 00:28:42,060
valaki, aki feltalálta HTML jött fel ezeket a neveket.

507
00:28:42,060 --> 00:28:44,710
Szóval csak azt kell tudni, hogy kezdeni vagy keresse fel, minden alkalommal, amikor szükség van rájuk,

508
00:28:44,710 --> 00:28:47,160
milyen nevek ezen címkék és attribútumok.

509
00:28:47,160 --> 00:28:49,510
Abban az esetben, ha ezek a tulajdonságok, attribútumok általában

510
00:28:49,510 --> 00:28:52,900
módosítja a viselkedését egyes tag.

511
00:28:52,900 --> 00:28:55,710
Ebben az esetben, a forrás attribútum közli a kép címke

512
00:28:55,710 --> 00:28:57,940
mi a forrása a kép kell.

513
00:28:57,940 --> 00:29:04,460
A href attribútum mondja a horgony címkét mit kell ténylegesen összekapcsolása.

514
00:29:04,460 --> 00:29:06,800
De a szerkezet tekintetében egy weboldal, bár Facebook

515
00:29:06,800 --> 00:29:09,680
és a Google és hasonlók néz ki, mint egy komplett káosz

516
00:29:09,680 --> 00:29:12,560
alatt a motorháztető első pillantásra, ha elkezd olvasni rajta

517
00:29:12,560 --> 00:29:16,950
több módszeresen, mindannyian követik ezt az alapvető, alapvető szerkezete.

518
00:29:16,950 --> 00:29:19,660
De tudjuk javítani a stilizáció ezeket a dolgokat.

519
00:29:19,660 --> 00:29:24,180
Szóval hadd menjen néhány példát, hogy én előre elkészíteni.

520
00:29:24,180 --> 00:29:27,280
Hadd menjek előre, és másolja őket egy másik mappába van

521
00:29:27,280 --> 00:29:29,380
és tedd ebbe a könyvtárba.

522
00:29:29,380 --> 00:29:32,210
Az előleg, amit tettem készít néhány kép:

523
00:29:32,210 --> 00:29:35,670
search0, search1, search2 és search3 és 4.

524
00:29:35,670 --> 00:29:38,740
Hadd menjek előre, és nyissa ki az első ezeket a fájlokat,

525
00:29:38,740 --> 00:29:42,570
és lássuk, ha nem tudunk kezdeni, hogy hozzon létre saját keresőmotort.

526
00:29:42,570 --> 00:29:46,530
A tetején ez a fájl, mivel általában ez a helyzet az osztályban, csak egy csomó hozzászólás.

527
00:29:46,530 --> 00:29:49,760
A HTML-ben, azonban az eszközöket, amelyek elkezdené megjegyzést

528
00:29:49,760 --> 00:29:55,640
az <! - és akkor bent egy megjegyzést, a többsoros megjegyzést.

529
00:29:55,640 --> 00:29:59,800
Ha készen áll, hogy hagyja abba ezt a megjegyzést, meg tudod csinálni ->.

530
00:29:59,800 --> 00:30:02,380
Tehát minden a tetején a kék csak egy megjegyzés.

531
00:30:02,380 --> 00:30:04,620
>> Ez az én doctype nyilatkozat, amely ismét

532
00:30:04,620 --> 00:30:07,080
ha csak másolja be a hit, egyelőre.

533
00:30:07,080 --> 00:30:10,410
Ez csak azt mondja a böngésző, "Itt jön néhány HTML 5.

534
00:30:10,410 --> 00:30:13,600
Az alábbiakban, hogy on-line 14, az első az én tényleges címkék,

535
00:30:13,600 --> 00:30:16,900
és ez éppen azt mondja, mint korábban, itt jön néhány HTML,

536
00:30:16,900 --> 00:30:19,460
itt jön a feje oldalam, itt jön a cím,

537
00:30:19,460 --> 00:30:23,900
majd fordítva, ez az a cím, ez a fejét.

538
00:30:23,900 --> 00:30:26,460
Itt most jön a test oldalam.

539
00:30:26,460 --> 00:30:31,040
Tehát egy pár új tag most: h1 jelentése 1. fejezet.

540
00:30:31,040 --> 00:30:33,850
Van egy hagyomány a HTML-sok évvel ezelőtt

541
00:30:33,850 --> 00:30:37,990
Az eltérő méretű szöveget.

542
00:30:37,990 --> 00:30:41,980
És vissza a nap, minden egyes azt jelentette, általában, csak nagy és merész.

543
00:30:41,980 --> 00:30:45,860
De van még h2, ami nagy, de nem annyira nagy és merész.

544
00:30:45,860 --> 00:30:49,320
Van h3, ami elég nagy, de közel sem olyan nagy és merész,

545
00:30:49,320 --> 00:30:52,380
és így tovább, egészen a h6.

546
00:30:52,380 --> 00:30:55,550
Ezek a napok, mégis, H1, H2 és h3 valóban jelentett

547
00:30:55,550 --> 00:30:57,980
hogy több szemantikai jelentése őket,

548
00:30:57,980 --> 00:31:01,100
ahol h1 valóban egy cím: a cím egy weboldal,

549
00:31:01,100 --> 00:31:04,210
a cím egy oszlop, vagy valami ilyesmi szöveget.

550
00:31:04,210 --> 00:31:09,030
Szóval szándékosan mondtam h1 CS50 keresés> h1

551
00:31:09,030 --> 00:31:12,640
határozni azokat, hogy ez valóban a fejezet címében az oldalam.

552
00:31:12,640 --> 00:31:14,850
Nem a címet a címsorban értelemben,

553
00:31:14,850 --> 00:31:18,960
de a címet, amit valóban látni a weblapot, a szervezetben.

554
00:31:18,960 --> 00:31:20,990
Most ez, akkor talán kitalálni, mi az,

555
00:31:20,990 --> 00:31:23,110
bár van néhány új darab szintaxist.

556
00:31:23,110 --> 00:31:25,930
Ez egyfajta. Így az interneten tényleg kezd érdekes lenni

557
00:31:25,930 --> 00:31:28,770
amikor a weboldalak figyelembe érkező felhasználók.

558
00:31:28,770 --> 00:31:31,700
Ebben az osztályban, hogy a probléma beállított webes programozás,

559
00:31:31,700 --> 00:31:33,880
mi nem megy, hogy egy honlapot, önmagában,

560
00:31:33,880 --> 00:31:37,570
a statikus tartalom azt mutatja fényképeket, amit tett,

561
00:31:37,570 --> 00:31:40,010
vagy ez az önéletrajzomat, és a dolgok rólam,

562
00:31:40,010 --> 00:31:42,450
azért, mert ezek a dolgok viszonylag könnyű összerakni.

563
00:31:42,450 --> 00:31:44,400
Nehéz, hogy a dolgok szép az interneten,

564
00:31:44,400 --> 00:31:46,390
de legalább szállt tartalom elég triviális.

565
00:31:46,390 --> 00:31:49,380
De a dolgok igazán érdekes, ha valaki látogasson el a honlapon

566
00:31:49,380 --> 00:31:52,260
, és bemenet, és töltse ki az űrlapokat,

567
00:31:52,260 --> 00:31:55,800
megtekintéséhez le jelölőnégyzetek és együtt tud működni a webhelyére.

568
00:31:55,800 --> 00:31:57,780
És valóban, talán minden honlap törődsz

569
00:31:57,780 --> 00:32:00,710
ezekben a napokban, minden részlet, valahogy interaktív.

570
00:32:00,710 --> 00:32:03,110
Facebook, a Google, és hasonlók, hogy vegye felhasználói

571
00:32:03,110 --> 00:32:05,100
és gyártása egyedi kimenet.

572
00:32:05,100 --> 00:32:07,780
>> Szóval kezdjük erre most. Let átmenet most

573
00:32:07,780 --> 00:32:11,150
mindössze a HTML jelölőnyelv statikus tartalom

574
00:32:11,150 --> 00:32:14,790
mint inkább a szállítási mechanizmust a dinamikus tartalmat.

575
00:32:14,790 --> 00:32:17,350
És a felé, hogy a végén, hadd végre saját keresőmotort.

576
00:32:17,350 --> 00:32:20,820
Csináljuk az alábbiak szerint. Itt a form tag.

577
00:32:20,820 --> 00:32:24,090
Az akció attribútum határozza meg, hogy amikor a felhasználó kitölti ezt az űrlapot

578
00:32:24,090 --> 00:32:28,400
azok billentyűzet, akkor be kell nyújtani az URL ide.

579
00:32:28,400 --> 00:32:31,230
Szóval egyfajta csalás. Ez lesz minket egy kicsit hosszabb

580
00:32:31,230 --> 00:32:33,780
mint egy osztály végrehajtásához az egész kereső,

581
00:32:33,780 --> 00:32:35,880
úgyhogy most nem a front end, hogy úgy mondjam.

582
00:32:35,880 --> 00:32:38,650
Majd ezt a részét, amely lehetővé teszi a felhasználó keresési, mi pedig egyfajta punt a Google

583
00:32:38,650 --> 00:32:40,950
a legnehezebb része a megállapítás keresési eredmények,

584
00:32:40,950 --> 00:32:43,520
de konkrétan fogok beszélni a Google web szerver

585
00:32:43,520 --> 00:32:46,710
valamelyikének felhasználásával két nagyon népszerű módszer.

586
00:32:46,710 --> 00:32:50,000
Az egyik, hogy kap, a másik, hogy mi lesz végül is látni, hogy postai úton,

587
00:32:50,000 --> 00:32:52,660
bár vannak mások, kevésbé gyakran használják.

588
00:32:52,660 --> 00:32:56,440
Szóval csak idézi fel azt az elképzelést, szeretnék egy kis tartalmat, hogy néhány keresési eredményeket.

589
00:32:56,440 --> 00:32:58,440
Ez akkor talán kitalálni, mi ez.

590
00:32:58,440 --> 00:33:01,900
Ez valamilyen input, ez valójában fog kinézni egy szöveges mező,

591
00:33:01,900 --> 00:33:05,200
és a neve annak a bemenet, a nevét, hogy a változó, hogy úgy mondjam,

592
00:33:05,200 --> 00:33:08,610
lesz Q lekérdezést egyezmény.

593
00:33:08,610 --> 00:33:11,700
És ismét, hogy milyen ez a bemenet nem lesz egy jelölőnégyzet;

594
00:33:11,700 --> 00:33:13,890
ez nem lesz a menü, ez lesz a szöveges mező

595
00:33:13,890 --> 00:33:18,060
mivel jelöli ezt az attribútumot itt, és ez a szöveg doboz,

596
00:33:18,060 --> 00:33:20,680
mint egy sortörés, az vagy van, vagy nincs.

597
00:33:20,680 --> 00:33:24,480
Tehát van egy üres elemet a slash benne, hogy a tag.

598
00:33:24,480 --> 00:33:28,050
Akkor megyek, hogy egy sortörést, és akkor, talán, gondolom, hogy ez mit fog csinálni.

599
00:33:28,050 --> 00:33:30,210
Ez egy másik fajta forma bemenet.

600
00:33:30,210 --> 00:33:32,350
>> Ez fog használni benyújtására az űrlapot.

601
00:33:32,350 --> 00:33:36,140
Szóval ez lesz a nagy gombot, hogy a felhasználó rákattinthat elküldeni az űrlapot,

602
00:33:36,140 --> 00:33:40,800
és a címkét, hogy a gomb lesz "CS50 Search".

603
00:33:40,800 --> 00:33:44,170
Bezárás formában, szoros test, közeli HTML.

604
00:33:44,170 --> 00:33:46,280
Lássuk, mi van a formában ezt a web oldalt.

605
00:33:46,280 --> 00:33:48,260
Szóval hadd menjen a böngésző,

606
00:33:48,260 --> 00:33:50,360
engedj el, mégis a helyi host.

607
00:33:50,360 --> 00:33:54,650
Ez még mindig index.html, ezért ha azt szeretné, hogy a nevű fájlt search0,

608
00:33:54,650 --> 00:33:59,710
Én egyszerűen nem / search0.html írja -

609
00:33:59,710 --> 00:34:01,880
és az első a hibáimat.

610
00:34:01,880 --> 00:34:04,400
Mi folyik itt? Én nyilvánvalóan nem rendelkezik engedéllyel

611
00:34:04,400 --> 00:34:06,430
elérni ezt a fájlt, valamilyen okból.

612
00:34:06,430 --> 00:34:10,170
De ez azért van, mert ellentétben a munkát tettünk eddig a C,

613
00:34:10,170 --> 00:34:14,340
ahol a programokat írsz feltételezzük, hogy runable te,

614
00:34:14,340 --> 00:34:17,590
végrehajtható az Ön által, ez nem igazán a helyzet a weben,

615
00:34:17,590 --> 00:34:21,010
amely néha érdemes létrehozni fájlokat a szerveren,

616
00:34:21,010 --> 00:34:23,310
de nem szeretné, hogy az egész világ látni őket.

617
00:34:23,310 --> 00:34:25,469
Inkább szeretnénk a világot látni néhány fájlt

618
00:34:25,469 --> 00:34:27,730
de nem mások, csak a magánélet kedvéért.

619
00:34:27,730 --> 00:34:30,730
Szóval ez inkább egy opt-in alapon, amikor a dolgok az interneten.

620
00:34:30,730 --> 00:34:32,810
És hadd ténylegesen írja ls itt,

621
00:34:32,810 --> 00:34:37,440
és látod a fájlokat van, de emlékeztet arra, hogy ha én ls-l hosszú,

622
00:34:37,440 --> 00:34:41,520
Hozok egy hosszabb lista, hogy ad nekem néhány további részletet a fájlok

623
00:34:41,520 --> 00:34:45,139
hogy most tényleg, az első alkalommal adott nekünk.

624
00:34:45,139 --> 00:34:47,840
Figyeljük meg, hogy a jobb szélen a nevét a fájlokat,

625
00:34:47,840 --> 00:34:50,690
majd az idő, amikor azok utolsó módosítása vagy másolt.

626
00:34:50,690 --> 00:34:54,370
Ez a szám itt mi? Emlékszel?

627
00:34:54,370 --> 00:34:56,400
A méret bájtban, milyen nagy a fájl.

628
00:34:56,400 --> 00:34:59,520
>> Szóval úgy tűnik, hogy valamilyen logó itt, hogy nagyobb, mint az összes többi fájlt.

629
00:34:59,520 --> 00:35:03,610
Ez vagyok én, ez az, ami vagyok, és mit I. csoport vagyok!

630
00:35:03,610 --> 00:35:07,430
De aztán, ide, a bal oldalon egy kicsit rejtélyes sorozat,

631
00:35:07,430 --> 00:35:10,040
és beszélgettünk, azt hiszem, röviden ez a múltban,

632
00:35:10,040 --> 00:35:12,050
de ennek köze engedélyekkel.

633
00:35:12,050 --> 00:35:14,020
És még ha ez egy kicsit zavaros,

634
00:35:14,020 --> 00:35:17,270
RW valószínűleg azt jelenti, olvasni és írni.

635
00:35:17,270 --> 00:35:22,560
Így kiderül, hogy ezek a vonalak jelölik a különböző készletek engedélyek különböző emberek.

636
00:35:22,560 --> 00:35:24,730
És a minta, lényegében az alábbiak szerint.

637
00:35:24,730 --> 00:35:27,650
Ha látsz egy sorozata gondolatjelek itt, úgy néznek ki, az alábbiak szerint.

638
00:35:27,650 --> 00:35:30,450
Van egy kötőjel, aztán ott van még három gondolatjelek,

639
00:35:30,450 --> 00:35:33,390
Aztán ott van még három, akkor ott van a másik három.

640
00:35:33,390 --> 00:35:36,800
Az első vagy a kötőjel, vagy a hirdetés könyvtárhoz.

641
00:35:36,800 --> 00:35:40,220
Tehát, hogy egy elég egyszerű. Ha ez egy mappát, azt mondja d, egyébként ez egy kötőjel.

642
00:35:40,220 --> 00:35:44,080
Van egy pár más esetben, de most csak érdekel a fájlokat és könyvtárakat.

643
00:35:44,080 --> 00:35:48,090
Ezek a következő három vonal - és én már mesterségesen ki a tereket.

644
00:35:48,090 --> 00:35:50,490
Voltak, nyilván, nem pedig ott, amikor láttuk őket egy pillanattal ezelőtt.

645
00:35:50,490 --> 00:35:52,900
Ezek a fájl tulajdonos jogosultságokat,

646
00:35:52,900 --> 00:35:55,840
és visszahívja a második napja, hogy azt olvasni és írni.

647
00:35:55,840 --> 00:35:58,560
Ez azért volt, mert én, mint az a személy, aki létrehozta ezt a fájlt, egy pillanattal ezelőtt,

648
00:35:58,560 --> 00:36:01,250
Én, csak alapértelmezés szerint a Linux számítógépen,

649
00:36:01,250 --> 00:36:03,910
Megvan a képessége, hogy továbbra is az olvasás és írás, hogy a fájlt.

650
00:36:03,910 --> 00:36:07,170
>> Így az operációs rendszer csak ad nekem RW automatikusan.

651
00:36:07,170 --> 00:36:10,840
A középső is kapcsolódnak a csoporthoz, hogy a diákok,

652
00:36:10,840 --> 00:36:14,590
amely egyfajta értelmetlen be a készüléket, mert én vagyok az egyetlen, aki használja a készüléket.

653
00:36:14,590 --> 00:36:16,620
Szóval hadd lóbálja a kezét, hogy a most.

654
00:36:16,620 --> 00:36:19,190
De az utolsó ezek közül legfontosabbak a weben.

655
00:36:19,190 --> 00:36:21,580
Ez mindenki más a világon, és az a tény,

656
00:36:21,580 --> 00:36:24,600
hogy ennek --- azt jelenti, hogy senki más a világon

657
00:36:24,600 --> 00:36:26,680
van-e jogosultsága a fájl.

658
00:36:26,680 --> 00:36:29,180
Nyilvánvalóan probléma, ezért meg kell erősít ez

659
00:36:29,180 --> 00:36:33,830
szerint valahogy így a világ mi? Olvasás és írni?

660
00:36:33,830 --> 00:36:35,850
Ez valószínűleg hülye, ugye? Nem akarom, hogy bárki az interneten

661
00:36:35,850 --> 00:36:38,530
menni, hogy meglátogassam oldalra, és valahogy változtatni fájl,

662
00:36:38,530 --> 00:36:40,800
annak ellenére, hogy valójában nem tudták egy HTML fájlt,

663
00:36:40,800 --> 00:36:44,110
de csak elvileg, talán csak azt, hogy képes legyen olvasni.

664
00:36:44,110 --> 00:36:47,910
Mit jelent az, hogy elolvassa? Ez nem azt jelenti, hogy fogunk érdekel az aktuális HTML,

665
00:36:47,910 --> 00:36:51,820
de a böngésző képesnek kell lennie értelmezni, hogy a leíró nyelv,

666
00:36:51,820 --> 00:36:53,720
felülről lefelé, balról jobbra.

667
00:36:53,720 --> 00:36:57,990
Tehát valaki a weben kell tudni olvasni, úgyhogy minimálisan kell, hogy ez r.

668
00:36:57,990 --> 00:37:00,240
Én ezt egy pár különböző módon, de talán

669
00:37:00,240 --> 00:37:03,080
A legegyszerűbb az, hogy futtatni ezt a parancsot itt.

670
00:37:03,080 --> 00:37:10,860
Chmod, változás módban, majd a + r, így minden, a világon mindenki + olvasni,

671
00:37:10,860 --> 00:37:13,830
majd a fájl nevét, search0.html.

672
00:37:13,830 --> 00:37:18,310
>> Most, ha én ls-l újra észre, hogy ez a fájl megváltozott,

673
00:37:18,310 --> 00:37:21,440
sőt, már be van kapcsolva r mindenki számára.

674
00:37:21,440 --> 00:37:23,350
Én is bekapcsolta a saját nevében, de ez rendben van,

675
00:37:23,350 --> 00:37:27,150
mert ha én fordult a mindenki számára, a csoport egy része ennek.

676
00:37:27,150 --> 00:37:31,480
Szóval ez rendben is. Ez csak azt jelenti, a számítógép most tette olvasható.

677
00:37:31,480 --> 00:37:34,430
Most hadd menjek vissza a böngészőjében, kattintson újra.

678
00:37:34,430 --> 00:37:36,330
Ah-ha. Most már CS50 Search.

679
00:37:36,330 --> 00:37:39,830
Már nagyított egy kis mesterségesen - elég ocsmány kereső.

680
00:37:39,830 --> 00:37:41,930
De lássuk, ha ez tényleg működik.

681
00:37:41,930 --> 00:37:45,880
Először is, hadd tegyek egy gyors józan ellenőrzést, hadd ellenőrzés klikk és többet az oldal forrását.

682
00:37:45,880 --> 00:37:50,780
Figyeljük meg, hogy a Chrome mi most látni ugyanazt a HTML, hogy én magam létre.

683
00:37:50,780 --> 00:37:55,420
Ne összezavarodnak itt, mégis. Nem tudom elindítani a kód megváltoztatása itt,

684
00:37:55,420 --> 00:37:59,420
mert a böngésző csak olvasható véve ezt a kódot.

685
00:37:59,420 --> 00:38:06,060
A böngésző most kérte a helyi host nevű fájlt search0.html.

686
00:38:06,060 --> 00:38:09,490
Most tiszta véletlen, hogy a készülék

687
00:38:09,490 --> 00:38:13,480
előfordul, hogy ugyanazon a számítógépen, mint a böngésző.

688
00:38:13,480 --> 00:38:20,470
Tudtam csak meg, azzal egyenértékű, már beírt www.facebook.com/search0.html,

689
00:38:20,470 --> 00:38:23,830
és ha volt egy Facebook nevű fájlt, hogy én aztán látni a HTML.

690
00:38:23,830 --> 00:38:27,360
És, persze, nem tudom megváltoztatni a fájlt, hogy jön vissza a Facebook, sem.

691
00:38:27,360 --> 00:38:29,360
Tehát most vagyunk egyfajta elmossa a vonalak.

692
00:38:29,360 --> 00:38:32,130
A készülék mind a kiszolgáló, a weboldalak,

693
00:38:32,130 --> 00:38:34,870
de ez is egy ügyfél abban az értelemben, hogy én vagyok a böngésző

694
00:38:34,870 --> 00:38:37,630
hogy ténylegesen beszélni az adott kiszolgálóhoz.

695
00:38:37,630 --> 00:38:39,610
Tehát lássuk, ha a Google kereső működik.

696
00:38:39,610 --> 00:38:44,930
Hadd menjek előre, és keressenek a gyors barna róka, az enter billentyűt.

697
00:38:44,930 --> 00:38:47,540
És íme, most már a saját keresőmotort.

698
00:38:47,540 --> 00:38:51,460
>> De hogyan is működik ez?

699
00:38:51,460 --> 00:38:55,380
Egy kis szakaszon, de - és most nem látod, pontosan az a része, ami érdekes.

700
00:38:55,380 --> 00:38:57,370
Figyeljük meg, mi történik.

701
00:38:57,370 --> 00:39:00,430
Figyeljük meg az URL-t. Kiderül, hogy ez a módszer,

702
00:39:00,430 --> 00:39:02,780
nevezett kap, szuper-egyszerű.

703
00:39:02,780 --> 00:39:10,270
Ha meg olyan formában, hogy azt szeretnénk, hogy a 'get' eredményt néhány szerver,

704
00:39:10,270 --> 00:39:13,200
mit fog tennie, hogy amit beírt az űrlapot

705
00:39:13,200 --> 00:39:15,290
és tedd az URL.

706
00:39:15,290 --> 00:39:18,580
Ez lesz egységesíteni, hogyan kerül be az URL-be az alábbiak szerint.

707
00:39:18,580 --> 00:39:22,290
Vegyük észre, hogy ez az URL-cím volt az értéke a művelet attribútum.

708
00:39:22,290 --> 00:39:24,730
Ez az, ahol én akartam, hogy a forma a végén.

709
00:39:24,730 --> 00:39:26,950
De aztán észre ezt a kérdőjel.

710
00:39:26,950 --> 00:39:30,230
Ez az egyezmény az interneten, amellyel biztosítani felhasználói

711
00:39:30,230 --> 00:39:35,320
a honlapon, akkor hozzáfűzni az URL-címet egy kérdőjel,

712
00:39:35,320 --> 00:39:38,330
és akkor van egy csomó kulcs-érték párokat.

713
00:39:38,330 --> 00:39:42,380
A neve a kulcs, más néven a paraméter a weben,

714
00:39:42,380 --> 00:39:46,380
akkor van egy egyenlőségjelet, akkor van értéke, hogy a paraméter.

715
00:39:46,380 --> 00:39:49,810
Tehát ez lényegében egy változó nevet és egy változó értékét,

716
00:39:49,810 --> 00:39:54,250
de ezek a változó neveket és értékeket jött a HTML űrlapot.

717
00:39:54,250 --> 00:39:56,250
Miért van pluses ott, mit gondolsz?

718
00:39:56,250 --> 00:39:59,340
Mert nem írja + között szavaimat.

719
00:39:59,340 --> 00:40:01,430
[Diák, érthetetlen]

720
00:40:01,430 --> 00:40:05,080
>> Igen, ez csak a távolság. Valószínű, ha láttál egy URL-t,

721
00:40:05,080 --> 00:40:07,320
ott soha nem terek is, ha csak azért, mert

722
00:40:07,320 --> 00:40:09,440
ha lenne, akkor nem igazán másolja és illessze

723
00:40:09,440 --> 00:40:12,700
egy IM, vagy egy e-mailt, mert ez törni.

724
00:40:12,700 --> 00:40:15,420
Azt akarod, az egész dolog, hogy az egyik szomszédos karaktersorozat.

725
00:40:15,450 --> 00:40:18,450
>> Tehát a böngésző elég okos ahhoz, hogy észre, uh-uh.

726
00:40:18,450 --> 00:40:22,610
Ne csak hogy egy helyet ott. Hadd kódolják a teret valamilyen szabványos módon.

727
00:40:22,610 --> 00:40:25,170
Az egyik egyezmények ennek az, hogy a böngésző

728
00:40:25,170 --> 00:40:29,350
automatikusan véget +, ahol egyébként van egy hely.

729
00:40:29,350 --> 00:40:32,140
Tehát most, nyilatkozat a Google volt ilyen felhasználóbarát.

730
00:40:32,140 --> 00:40:34,380
Én biztosan nem hozza létre ezt a weboldalt,

731
00:40:34,380 --> 00:40:37,200
de ők prepopulated saját szöveges mezőben

732
00:40:37,200 --> 00:40:39,490
azzal, amit pontosan, I gépelt be

733
00:40:39,490 --> 00:40:43,090
Tegyük fel, hogy szeretnék keresni valami mást, mint egy lusta kutya.

734
00:40:43,090 --> 00:40:45,340
Én csak írja ezt itt, re-keresés.

735
00:40:45,340 --> 00:40:47,730
Figyeljük meg, hogy az URL változik itt,

736
00:40:47,730 --> 00:40:51,390
de észre akkor, hogy én valóban keresni, amit akarok

737
00:40:51,390 --> 00:40:53,610
csak a megértése, hogyan URL munkát.

738
00:40:53,610 --> 00:40:56,840
Tehettem lusta macska, lép,

739
00:40:56,840 --> 00:41:01,370
és észre most kapok egy nagyon lusta - kéne? Úgy érzem, hogy kellene.

740
00:41:01,370 --> 00:41:09,900
Én egy nagyon lusta macska.

741
00:41:09,900 --> 00:41:11,930
Rendben van. Ez az egyik a leghülyébb dolog, amit tettél.

742
00:41:11,930 --> 00:41:17,160
De ez egy lusta macska.

743
00:41:17,160 --> 00:41:19,730
Akárhogy is, mi a kulcs elvitelre itt?

744
00:41:19,730 --> 00:41:22,830
Most már egyfajta játék a világon a HTTP.

745
00:41:22,830 --> 00:41:26,050
HTML csak ezt leíró nyelv, nyitott tag, szoros tag,

746
00:41:26,050 --> 00:41:29,490
hogy elmondja a böngésző, hogy hogyan tegyék tartalmat egy internetes oldalon.

747
00:41:29,490 --> 00:41:32,850
De ha elkezd adatátvitel az interneten keresztül

748
00:41:32,850 --> 00:41:36,290
között böngésző és a szerver, ez az, ahol ez a protokoll

749
00:41:36,290 --> 00:41:39,370
nevei HyperText Transfer Protocol veszi át.

750
00:41:39,370 --> 00:41:42,630
Ez az a fajta emberi konvenció, amikor Sam és én kezet hétfőn,

751
00:41:42,630 --> 00:41:48,300
kezdőár kapcsolatot, majd bezárja a kapcsolatot, ugyanaz a gondolat itt.

752
00:41:48,300 --> 00:41:53,100
Hogyan Google találatok között jön vissza hozzám?

753
00:41:53,100 --> 00:41:55,290
Hogyan történik a beadvány formájában fog Google-nak?

754
00:41:55,290 --> 00:41:58,160
Nos, visszahívja a minap, hogy mi is folyik valójában

755
00:41:58,160 --> 00:42:02,150
a motorháztető alatt, ha kér internetes oldalon,

756
00:42:02,150 --> 00:42:04,860
a böngésző küld egy kissé, rejtélyes üzenetet, mint

757
00:42:04,860 --> 00:42:09,510
GET / HTTP/1.1 az alapértelmezett kezdőlapon.

758
00:42:09,510 --> 00:42:13,000
>> Vagy ebben az esetben, mert azt kifejezetten kérte korábban

759
00:42:13,000 --> 00:42:17,340
search0.html, ez akkor lenne némileg, rejtélyes üzenetet

760
00:42:17,340 --> 00:42:20,040
hogy a böngésző elküldi a készülék.

761
00:42:20,040 --> 00:42:23,090
Vagy ebben az esetben a Google, mi valójában elküldött

762
00:42:23,090 --> 00:42:33,740
egy kérés a / search, és aztán? q = lusta macska, egy plusz ott.

763
00:42:33,740 --> 00:42:36,790
Szóval ezt az üzenetet, hogy én, az emberi, am soha gépelés,

764
00:42:36,790 --> 00:42:40,620
de küldik az én böngészőjében, ez hogyan HTTP történik.

765
00:42:40,620 --> 00:42:43,240
Ez felel meg a mi miután kezet.

766
00:42:43,240 --> 00:42:46,320
Ez a kérelmet, és a kiszolgáló szól, hogy küldjön egy választ.

767
00:42:46,320 --> 00:42:48,560
Szóval vessünk egy pillantást erre a motorháztető alatt.

768
00:42:48,560 --> 00:42:55,320
Mint korábban is, tudjuk megnyitni ezen a speciális területen a böngészőben.

769
00:42:55,320 --> 00:42:58,720
Mind a lapon ellenőrizze elemeket.

770
00:42:58,720 --> 00:43:01,550
Szóval alatt ellenőrizni elem, észreveheti, hogy mi történt a Chrome-ban,

771
00:43:01,550 --> 00:43:04,160
és az IE és a Firefox hasonló mechanizmusokat,

772
00:43:04,160 --> 00:43:07,370
Itt vannak ezek a fejlesztői eszközöket hozzáférhetővé számunkra.

773
00:43:07,370 --> 00:43:09,630
Normális ember nem használja ezeket a lapokat.

774
00:43:09,630 --> 00:43:11,940
De, most, érdekel, mi folyik itt

775
00:43:11,940 --> 00:43:13,890
a motorháztető alatt a hálózati szinten.

776
00:43:13,890 --> 00:43:16,130
Szóval, ha húzza ki a hálózat szintjén van,

777
00:43:16,130 --> 00:43:18,510
hadd menjen előre, és bővíteni ezt az ablakot,

778
00:43:18,510 --> 00:43:21,840
megnyitni ezt a bejegyzést itt, és nézd meg a fejléceket.

779
00:43:21,840 --> 00:43:26,010
Szóval, mi történik, ha kérek egy fájlt egy webszerveren

780
00:43:26,010 --> 00:43:29,410
az én böngésző elküldi egy csomó dolgot.

781
00:43:29,410 --> 00:43:32,390
És hadd többet forrás. Szóval alatt kérés fejlécét,

782
00:43:32,390 --> 00:43:35,250
és ez csak Króm mutat nekem diagnosztikai kimenettel,

783
00:43:35,250 --> 00:43:37,340
fajta, mint egy hibakereső valamilyen,

784
00:43:37,340 --> 00:43:40,500
észre, hogy amit én itt kiemelt pontosan

785
00:43:40,500 --> 00:43:47,060
Chrome küld a szervernek, hogy kérjenek nevű fájlt search0.html.

786
00:43:47,060 --> 00:43:50,160
Ezt mondja a szerver mit gondol a neve,

787
00:43:50,160 --> 00:43:52,210
köszönhetően ez a gép vastagbél a területen, akkor ott van valami

788
00:43:52,210 --> 00:43:56,950
csinos ezoterikus dolgok itt, mint valami köze a dátum és idő,

789
00:43:56,950 --> 00:43:59,720
valami köze a nyelvek, hogy a böngésző megérti,

790
00:43:59,720 --> 00:44:02,850
de az igazán fontos vonalak első két itt.

791
00:44:02,850 --> 00:44:05,490
>> Mit jelent a szerver válaszolni? Nos, ha lapozzunk lefelé ide

792
00:44:05,490 --> 00:44:08,510
és többet forrása ez a dolog, észreveheti, hogy a kiszolgáló

793
00:44:08,510 --> 00:44:13,700
reagált a kissé rejtélyes üzenetet is, 304 nem módosított.

794
00:44:13,700 --> 00:44:16,030
Ez egy kicsit furcsa, hadd valójában megpróbálja kijavítani ezt.

795
00:44:16,030 --> 00:44:18,670
Hadd tartsa lenyomva a Shift billentyűt, és kattintson újra ide

796
00:44:18,670 --> 00:44:22,460
kényszeríteni a böngésző ténylegesen, hogy ezt a kérelmet az első alkalommal.

797
00:44:22,460 --> 00:44:25,700
Akkor hadd nagyítás, és majd meglátjuk, most, hogy a kiszolgáló válasza,

798
00:44:25,700 --> 00:44:28,950
mert én tartott műszakban, 200 OK.

799
00:44:28,950 --> 00:44:31,170
Szóval talán soha nem látta a szám 200

800
00:44:31,170 --> 00:44:33,300
keretében a weben, de milyen számok

801
00:44:33,300 --> 00:44:36,760
voltál néha váratlanul a szerver?

802
00:44:36,760 --> 00:44:42,010
404, a fájl nem található, 403, tiltott, 500, szerver hiba.

803
00:44:42,010 --> 00:44:44,890
Tehát ezek a numerikus kódokat, hogy a világ használja a Web

804
00:44:44,890 --> 00:44:47,870
, jelezve, hibák, mint a C függvények

805
00:44:47,870 --> 00:44:51,030
visszatérhet hibákat és fontosabb visszatérhet kilépési kódokat.

806
00:44:51,030 --> 00:44:54,160
200, mégis, akkor ritkán látni, mert azt jelenti, hogy minden rendben van.

807
00:44:54,160 --> 00:44:59,000
És 304 akkor valószínűleg soha nem látni, mert mi azt jelezve?

808
00:44:59,000 --> 00:45:03,330
Hogy semmi sem - lássuk, tudjuk szimulálni ezt újra -

809
00:45:03,330 --> 00:45:07,170
Ó, most már nem együttműködő. 304 mondta nem módosították,

810
00:45:07,170 --> 00:45:09,170
miért volt a szerver még válaszol?

811
00:45:09,170 --> 00:45:12,550
Nos, a hatékonyság, a web szerver automatikusan az Ön számára,

812
00:45:12,550 --> 00:45:16,570
ha a fájl nem változott, akkor nem visszajuttatja a teljes HTML fájl.

813
00:45:16,570 --> 00:45:19,150
Ez lesz csak mondd a böngésző, hogy nem változott.

814
00:45:19,150 --> 00:45:21,220
Csak használja a másolás már van.

815
00:45:21,220 --> 00:45:22,650
Szóval, itt van ez a fogalom caching a weben

816
00:45:22,650 --> 00:45:25,840
a teljesítmény, így nem vesztegeti az idejét és a hulladék sávszélesség

817
00:45:25,840 --> 00:45:29,160
fájlok letöltése újra és újra feleslegesen.

818
00:45:29,160 --> 00:45:31,460
>> De ez a weboldal, most volt a szuper-egyszerű,

819
00:45:31,460 --> 00:45:34,980
és csak megmutatta nekem a HTML jött vissza.

820
00:45:34,980 --> 00:45:40,940
Nézzük ténylegesen használni a hálózatot lapon most nem egy Google-keresés, mint a gyors barna róka.

821
00:45:40,940 --> 00:45:43,010
Hadd kattintson CS50 kereső,

822
00:45:43,010 --> 00:45:46,950
és most észre az alján van egy csomó cucc jött vissza

823
00:45:46,950 --> 00:45:49,900
mert amikor meglátogat egy valódi weboldal, mint Google.com,

824
00:45:49,900 --> 00:45:53,520
vannak képek, van szöveg, hogy van egy nyelv úgynevezett JavaScript ott.

825
00:45:53,520 --> 00:45:55,940
Szóval minden sora a táblázatban idelent

826
00:45:55,940 --> 00:46:01,490
jelent valamit, hogy a Google kiköp a válasz az én egyetlen kérelmet.

827
00:46:01,490 --> 00:46:04,160
Az egyik törődöm, bár ez első.

828
00:46:04,160 --> 00:46:08,420
És ha elmegyek a keresést, kérés, kattints ide többet forrás,

829
00:46:08,420 --> 00:46:11,300
észre, hogy valójában a rejtélyes üzenetet, hogy a böngésző elküldött

830
00:46:11,300 --> 00:46:15,010
A Google volt a két vonal van,

831
00:46:15,010 --> 00:46:18,420
majd néhány misztikus információt itt lent, amelyhez akkor figyelmen kívül most.

832
00:46:18,420 --> 00:46:20,890
De a nyilatkozat is, amit a Chrome elég praktikus be,

833
00:46:20,890 --> 00:46:24,540
ez is mutatja nekem a query string, hogy küldtek be

834
00:46:24,540 --> 00:46:27,410
Tehát ahelyett, mutassa meg ezt, a szó szoros értelmében küldött,

835
00:46:27,410 --> 00:46:30,800
ha többet is dekódolt, Chrome, csak hibakeresési célból,

836
00:46:30,800 --> 00:46:34,270
a fejlesztők számára, mint mi, ez csak megmutatta nekem egy ember-barát változata -

837
00:46:34,270 --> 00:46:36,390
ez nem pontosan hogyan róka, látszólag.

838
00:46:36,390 --> 00:46:40,520
Én csak észre ezt most - de ez megmutatja, amit, úgy tűnik, gépelt.

839
00:46:40,520 --> 00:46:45,340
Közben a válasz jött vissza a szerver ismét 200 OK.

840
00:46:45,340 --> 00:46:47,930
De abban a válasz, természetesen,

841
00:46:47,930 --> 00:46:51,920
ha tényleg többet az oldal HTML -

842
00:46:51,920 --> 00:46:55,440
Sajnáljuk, de ez egy kicsit billentyűparancs ment fonák ma.

843
00:46:55,440 --> 00:46:59,020
>> Majd én elintézem ezt később. Tehát ha tényleg többet az oldal forrását,

844
00:46:59,020 --> 00:47:02,990
amit tehetünk le ide kattintva választ,

845
00:47:02,990 --> 00:47:10,080
ez az, amit ténylegesen köpni vissza, továbbá annak, hogy a rejtélyes 200 OK üzenetet a szerverről.

846
00:47:10,080 --> 00:47:12,520
Egy kicsit rejtélyes, de hol van mindez jön?

847
00:47:12,520 --> 00:47:15,570
Nos, hadd tegye egy másik dolog itt. Egy másik kissé rejtélyes-parancsot,

848
00:47:15,570 --> 00:47:20,530
de ez a fajta tiszta, mivel kiderül, hogy pontosan mi folyik a motorháztető alatt.

849
00:47:20,530 --> 00:47:22,530
Szóval vissza a Mac-emet itt, a csatlakoztatott

850
00:47:22,530 --> 00:47:25,980
keresztül a program neve SSH, Secure Shell, a másik szerverre

851
00:47:25,980 --> 00:47:28,940
mert a legtöbb Harvard számítógépek blokkolják a parancs vagyunk arról, hogy futni

852
00:47:28,940 --> 00:47:31,640
mert ez a parancs egyes szerverek úgynevezett traceroute

853
00:47:31,640 --> 00:47:34,810
, amely lehetővé teszi, hogy nyomon követhessék a pontok között a és b,

854
00:47:34,810 --> 00:47:37,020
és eddig voltunk véve teljesen biztosra

855
00:47:37,020 --> 00:47:40,170
hogy tudok írja Google.com és valahogy kap adatokat vissza

856
00:47:40,170 --> 00:47:43,530
származó félúton az ország vagy félig szerte a világon.

857
00:47:43,530 --> 00:47:45,810
A traceroute tudunk valójában merülni egy kicsit mélyebbre

858
00:47:45,810 --> 00:47:49,370
, hogy miként működik az internet, és nézd meg mi történik a motorháztető alatt.

859
00:47:49,370 --> 00:47:54,440
Akkor menjünk előre, és önkényesen követni az útvonalat, mondjuk, Stanford.edu,

860
00:47:54,440 --> 00:47:57,150
amely szerte az országban, és nyomd meg az Entert.

861
00:47:57,150 --> 00:47:59,380
Ez a parancs lehet szuper gyors vagy szuper-lassú,

862
00:47:59,380 --> 00:48:02,010
de amit látunk most, sorról sorra,

863
00:48:02,010 --> 00:48:08,060
is minden egy lépést vagy a komlót köztünk és Palo Alto, vagy Stanford,

864
00:48:08,060 --> 00:48:11,010
ahol megvan a webszervert.

865
00:48:11,010 --> 00:48:16,600
Szóval mit jelent minden egyes ilyen vonalak konkrétabban, igaz?

866
00:48:16,600 --> 00:48:19,100
Egy darab zsargon az internetről? [Diák, érthetetlen]

867
00:48:19,100 --> 00:48:21,570
>> Mi ez? [Diák, érthetetlen]

868
00:48:21,570 --> 00:48:25,390
>> Oh, így van idő, de mit jelent minden egyes sorát - mit értek hop?

869
00:48:25,390 --> 00:48:29,140
>> Nos, vannak ezek a dolgok az interneten az úgynevezett routerek.

870
00:48:29,140 --> 00:48:33,020
És útválasztók, ahogy a neve is sugallja, útvonal információkat a pont-pont b.

871
00:48:33,020 --> 00:48:36,920
De van több ponton túli a és b.

872
00:48:36,920 --> 00:48:40,010
Van c és d, valamint az e és f között sor 1,

873
00:48:40,010 --> 00:48:43,480
amely történetesen a számítógép IP-címét,

874
00:48:43,480 --> 00:48:46,890
vagy a numerikus címet, amely egyértelműen azonosítja a számítógépet,

875
00:48:46,890 --> 00:48:50,300
és a 15. lépés, ami valójában a hatodik web szerver,

876
00:48:50,300 --> 00:48:54,640
úgy tűnik, ami vagyok következtet ebből, vagy a 6-os verzió azok webszerver Stanford.

877
00:48:54,640 --> 00:48:56,680
De mi a fajta tiszta van, látjuk az utat

878
00:48:56,680 --> 00:49:00,480
hogy az én 0 és 1-es szed a számítógépről a Stanford.

879
00:49:00,480 --> 00:49:02,500
Tehát az 1. lépés saját számítógép címét.

880
00:49:02,500 --> 00:49:05,760
Minden számítógépet az interneten van egy olyan egyedi azonosítóval, amely úgy néz ki, mint ez.

881
00:49:05,760 --> 00:49:08,150
Number.number.number.number.

882
00:49:08,150 --> 00:49:10,370
Valahol ezen az egyetemen, valószínűleg a tudományos központ,

883
00:49:10,370 --> 00:49:16,780
van a router az úgynevezett Core Gateway 2-te83, bármit is jelentsen ez,

884
00:49:16,780 --> 00:49:20,590
így ez az egyik Harvard nagy díszes útválasztók útvonalak nagy a forgalom.

885
00:49:20,590 --> 00:49:24,640
Itt van még egy a Harvard router, ez egy Border Gateway,

886
00:49:24,640 --> 00:49:28,310
átnyúló értelmében ez valószínűleg a perifériáján campus valahol.

887
00:49:28,480 --> 00:49:32,790
Aztán ott van nox egy, 4. sor, amely Észak-Crossroads,

888
00:49:32,790 --> 00:49:35,070
amely egy nagy ISP, Internet szolgáltató,

889
00:49:35,070 --> 00:49:37,740
hogy az olyan helyeken, mint a Harvard csatlakozni akár.

890
00:49:37,740 --> 00:49:40,760
De aztán a dolgok egy kicsit érdekes a 6-os vonal.

891
00:49:40,760 --> 00:49:45,960
Hol vannak a bit hirtelen? Kansas.

892
00:49:45,960 --> 00:49:49,300
A világ egy szokása repülőteret használó kódok egy csomó ezeket a dolgokat,

893
00:49:49,300 --> 00:49:52,900
vagy legalább rövidítéseket az államok és városok,

894
00:49:52,900 --> 00:49:56,490
így néz ki, mindössze 60 ms,

895
00:49:56,490 --> 00:49:59,420
egy csomag információs, 0 és 1-es az én laptop

896
00:49:59,420 --> 00:50:03,210
lett egészen a Kansas, és ismét a 60 ms.

897
00:50:03,210 --> 00:50:08,180
>> Sőt, miután Kansas, vettek egy túra Houston, valószínűleg

898
00:50:08,180 --> 00:50:10,140
ahogy azt a neve ennek a szerveren.

899
00:50:10,140 --> 00:50:13,310
Szóval, ahogy a szerver az interneten kell egy numerikus címe,

900
00:50:13,310 --> 00:50:18,360
azt is, adott esetben, egy kicsit ember-barát címet, hogy az ember jött fel.

901
00:50:18,360 --> 00:50:20,510
Most, a 8. lépésben, akkor nem tudom, mi ez.

902
00:50:20,510 --> 00:50:22,550
Néha routerek csak egyfajta vesznek rólad tudomást,

903
00:50:22,550 --> 00:50:25,010
és ők csak nem válaszol a kérdésekre, hogy rendben van.

904
00:50:25,010 --> 00:50:29,290
Az egyik lépés után 8 látszólag hol? L.A.

905
00:50:29,290 --> 00:50:35,290
Figyeljük csak 78 ms, ami visz minket az emberek, mint a 6 + órát nem fizikailag,

906
00:50:35,290 --> 00:50:40,110
veszi csomagok információk az interneten 78 ms utazni ilyen messzire.

907
00:50:40,110 --> 00:50:45,890
10. lépés van LA is, és a 11. lépést úgy tűnik, hogy elment északra, egészen közel a Stanford.

908
00:50:45,890 --> 00:50:48,750
Ez az a határ router, vagy a határ router.

909
00:50:48,750 --> 00:50:51,240
Egy pár lépésre a Stanford, amelyek figyelmen kívül hagyják nekünk,

910
00:50:51,240 --> 00:50:55,610
és végül elérjük a webszerver mindössze 87 ms.

911
00:50:55,610 --> 00:50:57,760
Nos, ezek a számok, mint félre,

912
00:50:57,760 --> 00:51:00,640
Csak mondani, hogy mennyi ideig tart az adatok kap tőlem

913
00:51:00,640 --> 00:51:03,530
minden egyes ilyen router, és ez nem felhalmozódó.

914
00:51:03,530 --> 00:51:06,960
Mit jelent ez a program van, először küld egy üzenetet, lényegében az első router.

915
00:51:06,960 --> 00:51:09,490
Aztán egy a második router, majd az egyik a harmadik router,

916
00:51:09,490 --> 00:51:12,610
mérési minden alkalommal. Szóval elméletben, ezekben az időkben is növekszik

917
00:51:12,610 --> 00:51:14,860
vagy legalábbis nagyon közel állnak egymáshoz,

918
00:51:14,860 --> 00:51:18,090
, sőt az is, hogy itt az egyetemen, szuper-kicsi.

919
00:51:18,090 --> 00:51:20,820
Amint elkezdi megy az ország egész területén, tart az adatok

920
00:51:20,820 --> 00:51:24,830
egy kicsit utazni, közelebb a 100 ms, ide vagy oda.

921
00:51:24,830 --> 00:51:28,330
De menjünk a másik irányba most. Mit szólnál Cambridge University az Egyesült Királyságban?

922
00:51:28,330 --> 00:51:32,540
Hadd helyett fut a traceroute www.cam Cambridge,

923
00:51:32,540 --> 00:51:36,710
. Ac az egyetemi,. Uk, majd nyomd meg az Entert itt.

924
00:51:36,710 --> 00:51:38,830
Ez átkozottul gyors.

925
00:51:38,830 --> 00:51:43,300
Saját adatok szó ment Cambridge, Anglia, ebben a szempillantás alatt az idő.

926
00:51:43,300 --> 00:51:45,340
>> Tehát lássuk az utat, hogy az volt.

927
00:51:45,340 --> 00:51:47,520
Harvard, Harvard, Harvard, Észak Crossroads,

928
00:51:47,520 --> 00:51:52,690
amely egy ISP, és akkor ez a Northern Crossroads, majd bumm.

929
00:51:52,690 --> 00:51:58,320
Mi van a lépések között a 6. és 7., router 6. és 7?

930
00:51:58,320 --> 00:52:02,040
Az Atlanti-óceánra. És mi következtet ezt a tényt, hogy

931
00:52:02,040 --> 00:52:06,530
megyünk 20 ms 80 ms ide ide.

932
00:52:06,530 --> 00:52:10,050
Tehát valami volt 60 ms, ide vagy oda, hogy legyen vége.

933
00:52:10,050 --> 00:52:12,910
És ez valószínűleg egy nagy víztömeg.

934
00:52:12,910 --> 00:52:15,250
Mi történik ezután? Nos, itt vagyunk Londonban,

935
00:52:15,250 --> 00:52:18,860
Csak 88 ms később. Több London, több London,

936
00:52:18,860 --> 00:52:21,730
nem biztos benne, ha ez van, de tegyük fel, hogy ez kívül London,

937
00:52:21,730 --> 00:52:26,390
Cambridge itt, és végül - a szó szoros értelmében, University of Cambridge

938
00:52:26,390 --> 00:52:29,500
. Something.net, és aztán, végül, hogy a 16 vezetéken,

939
00:52:29,500 --> 00:52:31,720
a web szerver látszólag hívják Scorpius

940
00:52:31,720 --> 00:52:35,500
a motorháztető alatt, noha tudjuk, hogy a www.

941
00:52:35,500 --> 00:52:38,790
Fajta észbontó, azt hiszem. Az első alkalommal, amit valaha is tettem ezt, teljesen elszállt az agyam.

942
00:52:38,790 --> 00:52:41,670
Sajnos, Harvard gátolja az ilyen típusú forgalmat, jellemzően, a hálózaton.

943
00:52:41,670 --> 00:52:44,340
Szóval nem tudom, hogy szuper könnyen.

944
00:52:44,340 --> 00:52:48,500
Ismerd fel, bár ez itt lehetséges.

945
00:52:48,500 --> 00:52:53,630
Rendben van. Nézzük mi 5-perces szünet van. Majd gyere vissza, és merüljön mélyebbre.

946
00:52:53,630 --> 00:53:00,850
Tehát van vissza, és mi már ilyen baktatott körülbelül néhány különböző irányokba itt.

947
00:53:00,850 --> 00:53:03,700
Szóval pontosan összefoglalja, hogy mi folyik itt.

948
00:53:03,700 --> 00:53:07,990
Kezdtük a beszélgetést, beszélni ezen a nyelven nevű HTML.

949
00:53:07,990 --> 00:53:10,680
Ismét nem egy programozási nyelv. Ez csak egy leíró nyelv

950
00:53:10,680 --> 00:53:15,490
amely főként arról esztétika és rendszerezése tartalom formájában egy weblapon.

951
00:53:15,490 --> 00:53:19,220
De a HTML, ezért kell valamilyen mechanizmus

952
00:53:19,220 --> 00:53:22,870
utazáshoz között böngésző és a szerver.

953
00:53:22,870 --> 00:53:28,360
HTML ezért egyfajta lovagol ezen felül más nyelven,

954
00:53:28,360 --> 00:53:31,280
vagy még pontosabban, a protokoll, ismert HTTP.

955
00:53:31,280 --> 00:53:33,730
>> És HTTP, ahogy láttam eddig,

956
00:53:33,730 --> 00:53:37,140
a fajta analóg ezen emberi egyezmény kezet.

957
00:53:37,140 --> 00:53:39,940
Amikor a böngésző szeretne kérni egy oldalt a szerver,

958
00:53:39,940 --> 00:53:43,450
küld, hogy a "get" kérésére böngésző szerver,

959
00:53:43,450 --> 00:53:48,040
majd a szerver válaszol egy több, mint 200, minden rendben van,

960
00:53:48,040 --> 00:53:53,290
valamint a HTML, vagy valamilyen rossz szám, mint a 404, a fájl nem található.

961
00:53:53,290 --> 00:53:58,220
De közben, HTTP önmagában nem az interneten, önmagában.

962
00:53:58,220 --> 00:54:01,550
HTTP csak egy szolgáltatás, a szolgáltatás az internet

963
00:54:01,550 --> 00:54:05,530
hasonlóan G chat egy másik szolgáltatás, ugyanúgy, mint az e-mail egy szolgáltatás.

964
00:54:05,530 --> 00:54:09,180
Van mindenféle dolog, amit tehetünk, az interneten.

965
00:54:09,180 --> 00:54:12,670
HTTP egyike ezen alkalmazások.

966
00:54:12,670 --> 00:54:17,210
Így a tetején - HTTP tetején van valami másra

967
00:54:17,210 --> 00:54:21,750
amelyhez nem említi név szerint, lehet, hogy már hallott név, TCP / IP.

968
00:54:21,750 --> 00:54:25,160
Szóval a történet, amit most mondtam van szó

969
00:54:25,160 --> 00:54:28,720
adatok hogyan utazik a pont-pont b.

970
00:54:28,720 --> 00:54:30,950
És ebben az esetben, láttunk egy nagyon alacsony szinten

971
00:54:30,950 --> 00:54:33,060
router a router a router a router,

972
00:54:33,060 --> 00:54:35,390
az adatok tényleges sugároznak.

973
00:54:35,390 --> 00:54:40,510
De az út mentén, akkor fog találkozni a különböző akadályok.

974
00:54:40,510 --> 00:54:43,770
Emellett ezek a routerek, vannak dolgok, az úgynevezett tűzfal az interneten,

975
00:54:43,770 --> 00:54:46,680
és így adatokat, például az, hogy mi volt éppen adó

976
00:54:46,680 --> 00:54:49,720
tőlem a Stanford, az engem Cambridge,

977
00:54:49,720 --> 00:54:54,560
küldenek, ezen a szinten, amit az úgynevezett IP-címet.

978
00:54:54,560 --> 00:54:57,340
Láttuk ezt egy pillanattal ezelőtt, és az IP-cím

979
00:54:57,340 --> 00:55:02,480
csak egy numerikus cím a forma w.x.y.z,

980
00:55:02,480 --> 00:55:08,070
amennyiben mindegyik között van, ide vagy oda, 0 és 255

981
00:55:08,070 --> 00:55:10,080
de akkor nem igazán használja fel ezeket a számokat.

982
00:55:10,080 --> 00:55:14,220
De mindegyik hely birtokosai egy szám 0 és 255 között.

983
00:55:14,220 --> 00:55:16,820
Szóval, az IP-cím manapság a 32 bit.

984
00:55:16,820 --> 00:55:20,780
>> Most, hogy számunkra, hogy számos lehetséges IP-címeket a világon?

985
00:55:20,780 --> 00:55:24,420
Nagyjából 4 milliárd mert bármikor mi számlálás 2 hatványai

986
00:55:24,420 --> 00:55:27,760
egészen akár 32 valamit, ami általában ad us 4 milliárdot.

987
00:55:27,760 --> 00:55:30,160
Szóval ez a sok IP-címek, de lehet, hogy olvas,

988
00:55:30,160 --> 00:55:32,410
vagy lehet, hogy már észre a népszerű sajtóban,

989
00:55:32,410 --> 00:55:36,020
push felé egy új változata IP IPv6-nak nevezik.

990
00:55:36,020 --> 00:55:38,290
Most mi a 4-es verzióját.

991
00:55:38,290 --> 00:55:41,060
Tényleg nem volt egy 5-ös verzióját, mi csak ugrás jobbra 6.

992
00:55:41,060 --> 00:55:46,760
6-os verzió fog használni 128 bites IP-címek, ami rohadt nagy.

993
00:55:46,760 --> 00:55:49,430
Nem kellene elfogy jó ideje már,

994
00:55:49,430 --> 00:55:52,980
de elkezdték kifogyott a 4-es verziójú IP-címek,

995
00:55:52,980 --> 00:55:56,110
mert mindannyian nem csak dolgok, mint a laptopok és asztali számítógépek,

996
00:55:56,110 --> 00:55:58,700
sok közülünk telefonok, sokan közülünk más eszközökkel

997
00:55:58,700 --> 00:56:01,600
mint TiVo és a hasonló, amelyek IP címek magukat.

998
00:56:01,600 --> 00:56:03,720
Harvard magának tízezer számítógépek.

999
00:56:03,720 --> 00:56:07,970
Tehát a világ valóban elfogy az IP-címek, legalábbis ebben a formában.

1000
00:56:07,970 --> 00:56:10,340
Így az elkövetkező néhány évben, akkor lesz látni a címeket

1001
00:56:10,340 --> 00:56:12,870
saját számítógép valószínűleg lassan változik

1002
00:56:12,870 --> 00:56:16,740
ahogy egyre több vállalat és az egyetemek kezdenek támogatja az újabb verzió.

1003
00:56:16,740 --> 00:56:22,770
De egy IP-cím nem elegendő a számítógép a kérjenek adatokat számítógépről b.

1004
00:56:22,770 --> 00:56:24,950
Mivel a számítógép b lehet egy szerver,

1005
00:56:24,950 --> 00:56:27,600
és egy szerver, ahogy korábban említettem, megteheti fürtök a dolgokat.

1006
00:56:27,600 --> 00:56:29,940
Ez a fogadó weboldalakat, lehet egy e-mail szerver,

1007
00:56:29,940 --> 00:56:32,310
ez lehet egy Skype szerver, ez lehet egy G-chat szerver.

1008
00:56:32,310 --> 00:56:35,870
>> Mindezek a különböző szolgáltatásokat lehet nyújtani a szerveren

1009
00:56:35,870 --> 00:56:38,330
is mind fizikailag, ugyanazon a gépen.

1010
00:56:38,330 --> 00:56:40,380
Így amellett, hogy IP-címek,

1011
00:56:40,380 --> 00:56:43,250
a világon dolgokat nevezik portoknak az interneten.

1012
00:56:43,250 --> 00:56:47,830
A port csak egy szám, így van egy egyedi szám HTTP.

1013
00:56:47,830 --> 00:56:50,280
A szám 80.

1014
00:56:50,280 --> 00:56:55,870
HTTP is használ szám 443, hanem nagy mértékben, a titkosított HTTPS.

1015
00:56:55,870 --> 00:57:00,030
Amikor látja a s, biztonságos, ez egy másik számot.

1016
00:57:00,030 --> 00:57:06,580
Vannak más számok, mint 25, felhasználhatja egy ún SMTP, más néven E-mail küldése.

1017
00:57:06,580 --> 00:57:09,620
Van valami, amit az úgynevezett 22-es SSH,

1018
00:57:09,620 --> 00:57:11,850
és van egy csomó más kikötőkben odakinn.

1019
00:57:11,850 --> 00:57:14,460
Most az emberek ritkán látni ezeket a számokat.

1020
00:57:14,460 --> 00:57:21,970
Azonban, ha beír egy címet, mint a http://www.facebook.com,

1021
00:57:21,970 --> 00:57:26,560
A böngésző titokban behelyezésénél 80, mert te HTTP.

1022
00:57:26,560 --> 00:57:30,630
Ha ehelyett írja HTTPS, ez titokban beillesztésével 443.

1023
00:57:30,630 --> 00:57:35,180
És tudjuk milyen látni ezt manuálisan, ha felhúz egy böngészőt

1024
00:57:35,180 --> 00:57:41,850
és megy http://www.facebook.com:80.

1025
00:57:41,850 --> 00:57:44,550
Ezért kifejezetten hivatkozva nem csak a neve, a honlap

1026
00:57:44,550 --> 00:57:47,650
de a port, hogy szeretnék beszélni, és nyomd meg az Entert.

1027
00:57:47,650 --> 00:57:50,170
Közlemény eltűnik, mert a böngésző feltételezi,

1028
00:57:50,170 --> 00:57:53,360
oh, 80, én nem is fog zavarni azt mutatják, hogy az Ön számára.

1029
00:57:53,360 --> 00:57:56,400
De ennek az az oka, hogy ha én tényleg akartam küldeni egy e-mailt valakinek,

1030
00:57:56,400 --> 00:58:02,340
Én valóban azt eljuttatja őket a 25-ös porton, hogy mivel SMTP.

1031
00:58:02,340 --> 00:58:04,890
Egy kicsit olyan leegyszerűsítés, de néhány van barátai

1032
00:58:04,890 --> 00:58:09,290
akik ténylegesen dolgozni Facebook, és hasonlóképpen, van kiszolgálók kapnak e-mailt.

1033
00:58:09,290 --> 00:58:12,610
>> Minden alkalommal, amikor e-mailben, amit gmail csinál neked

1034
00:58:12,610 --> 00:58:14,960
vagy az Outlook vagy bármi programot használja,

1035
00:58:14,960 --> 00:58:19,270
ez a fajta titokban beillesztése azt a számot is, 25, ebben az esetben.

1036
00:58:19,270 --> 00:58:24,490
Ez a kombináció az IP-cím és a szám, amely egyedileg azonosítja

1037
00:58:24,490 --> 00:58:29,190
a számítógép az interneten, és egy adott szolgáltatás az adott számítógépen.

1038
00:58:29,190 --> 00:58:33,460
Most, persze, a legtöbben valószínűleg soha nem adta manuálisan az IP-címet.

1039
00:58:33,460 --> 00:58:37,340
Lehet, hogy a készülék, de a valóságban nem annyira.

1040
00:58:37,340 --> 00:58:42,750
Miért nem írja IP-címeket böngészők?

1041
00:58:42,750 --> 00:58:45,860
Úgy működne, sőt, látjuk ezt; hadd mutassam meg

1042
00:58:45,860 --> 00:58:50,000
egy másik parancs működnie kell a legtöbb bárhol Harvard egyetemen egy Mac vagy PC.

1043
00:58:50,000 --> 00:58:53,970
Van ez a parancs neve nslookup, névszerver lookup.

1044
00:58:53,970 --> 00:58:59,960
Ha Felnézek www.cnn.com, kiderül, hogy a CNN is - oh, érdekes.

1045
00:58:59,960 --> 00:59:03,180
CNN indult Amazon Web Services segítségével.

1046
00:59:03,180 --> 00:59:06,380
Lehet, hogy tudja, a számítási felhő, az Amazon az egyik nagy játékosok cloud computing.

1047
00:59:06,380 --> 00:59:10,240
Amit most nem volt, azt mondta: "Add ide a címét CNN web szerver"

1048
00:59:10,240 --> 00:59:14,090
de kiderül, hogy a CNN web szerver kezeli Amazon,

1049
00:59:14,090 --> 00:59:16,030
Az Amazon Web Services, ezt sugallja.

1050
00:59:16,030 --> 00:59:19,680
És a címe, hogy a szerver ez itt.

1051
00:59:19,680 --> 00:59:22,350
Szóval én nem vagyok biztos benne, hogy ez működni fog, mert nem használtam Amazon.

1052
00:59:22,350 --> 00:59:32,830
De próbáljuk meg, http://, IP-cím, írjuk be, és -

1053
00:59:32,830 --> 00:59:35,690
fog ez működni?

1054
00:59:35,690 --> 00:59:39,280
Igen. Ez fog működni. Internet szuper-lassú ma.

1055
00:59:39,280 --> 00:59:43,680
De egy pillanat alatt, látni fogja néhány hírt.

1056
00:59:43,680 --> 00:59:48,360
Ott vagyunk. Bank of America van, hogy perelhető. Rendben van.

1057
00:59:48,360 --> 00:59:54,000
>> Ez azért van, mert ezt az IP címet épp által szinonimája www.cnn.com.

1058
00:59:54,000 --> 00:59:59,920
Persze, nem lenne szörnyű marketing mondani, látogasson el hozzánk a weben a 50.112.94.127.

1059
00:59:59,920 --> 01:00:02,370
Sosem emlékszem. Így még ezekben a napokban lehet felidézni a dolgokat

1060
01:00:02,370 --> 01:00:07,210
mint 1-800-COLLECT vagy memorizálás a világot jött fel a telefonszámok.

1061
01:00:07,210 --> 01:00:09,540
Ami előtt mobiltelefonok, meglehetősen nehéz emlékezni

1062
01:00:09,540 --> 01:00:11,800
amíg meg nem tudta, csak írja be és felejtsd el.

1063
01:00:11,800 --> 01:00:15,730
Tehát a Web is van ezen egyezmény nevek és IP-címek,

1064
01:00:15,730 --> 01:00:17,770
és vannak ezek a dolgok ott úgynevezett DNS szerverek,

1065
01:00:17,770 --> 01:00:23,870
domain név rendszer szerverek, hogy lefordítani IP-címeket neveket, és fordítva.

1066
01:00:23,870 --> 01:00:26,340
Szóval, ez az, ami folyik a motorháztető alatt.

1067
01:00:26,340 --> 01:00:29,540
A végén már a TCP / IP, ami ezt a nagyon alacsony szintű protokoll

1068
01:00:29,540 --> 01:00:32,570
, hogy tényleg, csak kap 0 és 1-es az interneten keresztül,

1069
01:00:32,570 --> 01:00:36,030
, és így tesz azáltal, hogy azokat egy virtuális borítékba,

1070
01:00:36,030 --> 01:00:38,820
ha úgy tetszik, és írásban a külső boríték

1071
01:00:38,820 --> 01:00:43,930
az IP-címét a rendeltetési hely, valamint a numerikus port szám

1072
01:00:43,930 --> 01:00:47,520
a szolgáltatás az adott hely, hogy beszélni akar.

1073
01:00:47,520 --> 01:00:51,060
Eközben, a borítékon van még valami, ismert, mint a feladó címét,

1074
01:00:51,060 --> 01:00:55,600
amely az IP-cím, hogy amikor a CNN kap egy csomag információkat kérhetnek,

1075
01:00:55,600 --> 01:00:58,710
Megnyílik a virtuális borítékot, látja, hogy szeretné, hogy a honlap,

1076
01:00:58,710 --> 01:01:04,630
tudja a feladó része ennek a virtuális boríték kit küld a HTML vissza.

1077
01:01:04,630 --> 01:01:07,470
Szóval vessünk egy pillantást erre egy kicsit részletesebben.

1078
01:01:07,470 --> 01:01:11,370
Ez egy cég, Ericson, a néhány évvel ezelőtt.

1079
01:01:11,370 --> 01:01:14,780
És volt némi szabadságjogokat, hogyan is működik az internet,

1080
01:01:14,780 --> 01:01:18,920
de fest sokkal vizuális képet, mint puszta kréta itt.

1081
01:01:18,920 --> 01:01:26,690
Szóval neked "A Bit az interneten."

1082
01:02:26,660 --> 01:02:29,840
>> [Narrátor] Ez az első alkalom a történelemben,

1083
01:02:29,840 --> 01:02:35,260
az emberek és a gépek dolgoznak együtt, felismerve, egy álom.

1084
01:02:35,260 --> 01:02:38,910
Az egyesítő erő, amely nem ismer földrajzi határokat.

1085
01:02:38,910 --> 01:02:43,230
Tekintet nélkül fajra, felekezetre, vagy színes.

1086
01:02:43,230 --> 01:02:47,770
Egy új korszak, ahol a kommunikáció valóban összehozza az embereket.

1087
01:02:47,770 --> 01:02:50,070
Ez

1088
01:02:50,070 --> 01:02:54,980
A Dawn of the Net.

1089
01:02:54,980 --> 01:03:04,640
Szeretné tudni, hogyan működik? Kattintson ide, hogy kezdődik az utazás a Net.

1090
01:03:04,640 --> 01:03:07,890
Nos, pontosan mi történt, amikor rákattintott a linkre?

1091
01:03:07,890 --> 01:03:10,150
Te kezdted a információáramlást.

1092
01:03:10,150 --> 01:03:13,310
Ez az információ utazik le a saját személyes postázóba

1093
01:03:13,310 --> 01:03:18,500
ahol Mr. IP csomagok, címkék, és elküldi azt a saját utat.

1094
01:03:18,500 --> 01:03:20,960
Minden csomag korlátozott a mérete.

1095
01:03:20,960 --> 01:03:23,880
Az e-mail helyiség kell dönteniük, hogyan osztják az információ

1096
01:03:23,880 --> 01:03:26,070
és hogyan becsomagolására azt.

1097
01:03:26,070 --> 01:03:29,550
Most, a csomag szüksége egy címkén, amely fontos információt

1098
01:03:29,550 --> 01:03:35,570
mint például a feladó címe, a címzett címét, és milyen típusú csomag van.

1099
01:03:51,700 --> 01:03:54,980
Mivel az adott csomag megy ki rá az interneten,

1100
01:03:54,980 --> 01:03:57,720
ez is kap egy címet a proxy szerver,

1101
01:03:57,720 --> 01:04:01,520
amely egy speciális funkciója, mint látni fogjuk később.

1102
01:04:01,520 --> 01:04:06,650
A csomag most indult rá a helyi hálózaton vagy LAN.

1103
01:04:06,650 --> 01:04:10,160
Ez a hálózat csatlakozáshoz használt valamennyi helyi számítógépek "

1104
01:04:10,160 --> 01:04:15,900
routerek, nyomtatók, satöbbi, az információcsere a fizikai falai az épület.

1105
01:04:15,900 --> 01:04:20,290
A LAN egy nagyon ellenőrizetlen helyre, és, sajnos,

1106
01:04:20,290 --> 01:04:23,950
baleset történhet.

1107
01:04:31,190 --> 01:04:34,710
Az autópálya a LAN-tele van mindenféle információt.

1108
01:04:34,710 --> 01:04:38,900
Ezek az IP-csomagok, a Novell csomagok AppleTalk csomagokat.

1109
01:04:38,900 --> 01:04:41,270
Mennek ellen forgalom, mint mindig.

1110
01:04:41,270 --> 01:04:44,260
A helyi router beolvassa a címet, és ha szükséges,

1111
01:04:44,260 --> 01:04:48,520
felemeli a csomagot másik hálózatra.

1112
01:04:48,520 --> 01:04:54,270
Ah, a router. A szimbólum ellenőrzés egy látszólag rendezetlen világban.

1113
01:04:54,270 --> 01:05:05,480
[Router motyogott, és monológja]

1114
01:05:05,480 --> 01:05:10,030
>> [Narrátor] Ott van, rendszeres, nemtörődöm, módszeres,

1115
01:05:10,030 --> 01:05:14,150
konzervatív, és néha nem egészen fel a sebességet.

1116
01:05:14,150 --> 01:05:17,680
De legalább ő pontos, a legtöbb esetben.

1117
01:05:32,270 --> 01:05:36,820
Ahogy a csomagok elhagyják a router, teszik az utat a vállalati internet-

1118
01:05:36,820 --> 01:05:40,830
és irány a router switch.

1119
01:05:40,830 --> 01:05:46,250
Egy kicsit hatékonyabb, mint a router, a router switch játszik a gyors és laza IP csomagokat,

1120
01:05:46,250 --> 01:05:48,920
ügyesen routing őket útjukon.

1121
01:05:48,920 --> 01:05:52,130
A digitális "flipper varázsló", ha úgy tetszik.

1122
01:05:52,130 --> 01:06:04,270
[Router switch monológja]

1123
01:06:09,830 --> 01:06:12,150
[Narrátor] A csomagok megérkeznek a rendeltetési helyükre,

1124
01:06:12,150 --> 01:06:14,740
ők felvette a hálózati csatoló,

1125
01:06:14,740 --> 01:06:18,040
készen kell küldeni a következő szintre.

1126
01:06:18,040 --> 01:06:21,010
Ebben az esetben, a proxy.

1127
01:06:21,010 --> 01:06:25,040
A proxy által használt sok vállalat, mint egyfajta középső ember

1128
01:06:25,040 --> 01:06:27,630
annak érdekében, hogy csökkentsék a terhelést a Internet kapcsolat

1129
01:06:27,630 --> 01:06:32,240
és biztonsági okokból, is.

1130
01:06:32,240 --> 01:06:38,750
Mint látható, a csomagok minden különböző méretű függően azok tartalmát.

1131
01:06:55,210 --> 01:07:01,890
A proxy megnyitja a csomagot, és úgy néz ki, a webes címét vagy URL.

1132
01:07:01,890 --> 01:07:04,950
Attól függően, hogy a cím elfogadható,

1133
01:07:04,950 --> 01:07:08,000
a csomagot küldött az internetre.

1134
01:07:13,890 --> 01:07:19,630
Van azonban néhány olyan címek, amelyek nem felelnek meg a jóváhagyásával proxy.

1135
01:07:19,630 --> 01:07:25,680
Ez azt jelenti, vállalati vagy kezelésére vonatkozó iránymutatások.

1136
01:07:25,680 --> 01:07:30,580
Ezek röviden foglalkozni.

1137
01:07:30,580 --> 01:07:32,410
Lesz nem az.

1138
01:07:32,410 --> 01:07:36,350
Azok számára, akik teszik, hogy az úton újra.

1139
01:07:46,850 --> 01:07:53,310
>> Következik a tűzfal.

1140
01:07:53,310 --> 01:07:57,410
A vállalati tűzfal két célt szolgál.

1141
01:07:57,410 --> 01:08:02,420
Ez megakadályozza, hogy néhány igen csúnya dolog az interneten jön az Intranet,

1142
01:08:02,420 --> 01:08:10,280
és ez is megakadályozza érzékeny vállalati információkat küldött ki rá az internetre.

1143
01:08:10,280 --> 01:08:12,980
Miután a tűzfalon keresztül, a router felveszi a csomagot

1144
01:08:12,980 --> 01:08:18,180
és helyezi rá a sokkal szűkebb út, vagy a sávszélesség, ahogy mondani szoktuk.

1145
01:08:18,180 --> 01:08:23,720
Nyilvánvaló, hogy az út nem elég széles ahhoz, hogy vegye őket.

1146
01:08:23,720 --> 01:08:29,319
Nos, lehet, hogy vajon mi történik minden olyan csomagot, amely nem teszi az út mentén.

1147
01:08:29,319 --> 01:08:32,270
Nos, amikor Mr. IP nem kap visszaigazolást

1148
01:08:32,270 --> 01:08:35,000
hogy a csomag nem érkezik időben,

1149
01:08:35,000 --> 01:08:39,890
ő egyszerűen küld egy helyettesítő csomagot.

1150
01:08:39,890 --> 01:08:44,760
Most már készen áll, hogy adja meg a világot az internet.

1151
01:08:44,760 --> 01:08:49,370
A pókháló az összekapcsolt hálózatok, amelyek átfogják az egész világon.

1152
01:08:49,370 --> 01:08:56,050
Itt, routerek és switchek között kapcsolatokat hozzanak létre hálózatokat.

1153
01:08:56,050 --> 01:08:59,200
Most, a Net egy teljesen más környezet, mint talál

1154
01:08:59,200 --> 01:09:01,569
belül, a védő falai a LAN.

1155
01:09:01,569 --> 01:09:04,060
Nincs itt, ez a Wild West.

1156
01:09:04,060 --> 01:09:06,359
Sok hely, sok lehetőséget,

1157
01:09:06,359 --> 01:09:09,760
rengeteg dolog, hogy vizsgálja meg, és helyre kell mennem.

1158
01:09:09,760 --> 01:09:12,760
Köszönhetően a nagyon kevés ellenőrzés és szabályozás,

1159
01:09:12,760 --> 01:09:18,300
új ötleteket talál termékeny talajra, hogy bővítsük a lehetőségeket.

1160
01:09:18,300 --> 01:09:22,330
Hanem azért, mert ennek a szabadságnak az egyes veszélyek is leselkednek.

1161
01:09:22,330 --> 01:09:27,000
Sosem tudhatod, mikor találkozol a rettegett ping a halál,

1162
01:09:27,000 --> 01:09:29,890
egy speciális változata a szokásos kérés ping,

1163
01:09:29,890 --> 01:09:35,720
amelyek közül néhány idióta találta ki, hogy összezavar gyanútlan házigazdák.

1164
01:09:35,720 --> 01:09:39,130
Az útvonal a csomagokat figyelembe lehet műholdon keresztül,

1165
01:09:39,130 --> 01:09:43,090
telefonvonalak, vezeték nélküli, vagy akár tengerentúli kábelt.

1166
01:09:43,090 --> 01:09:46,520
Nem mindig a leggyorsabb vagy a legrövidebb útvonal lehetséges,

1167
01:09:46,520 --> 01:09:50,290
de lesz ott végül.

1168
01:09:50,290 --> 01:09:55,230
Lehet, hogy ezért ez néha "A World Wide Wait".

1169
01:09:55,230 --> 01:09:57,980
De ha minden zökkenőmentesen zajlik,

1170
01:09:57,980 --> 01:10:03,800
lehet megkerülni a világon: öt alkalommal át a csepp egy kalap, szó szerint.

1171
01:10:03,800 --> 01:10:08,230
És mindezt a költségek egy helyi hívás vagy kevesebb.

1172
01:10:08,230 --> 01:10:15,070
Közel a vége a mi rendeltetési fogjuk találni egy másik tűzfal.

1173
01:10:15,070 --> 01:10:18,420
>> Attól függően, hogy a perspektíva, mint egy adatcsomagot,

1174
01:10:18,420 --> 01:10:23,730
a tűzfal lehet bástyája biztonság vagy a rettegett ellenfél.

1175
01:10:23,730 --> 01:10:28,530
Minden attól függ, melyik oldalon állsz, és milyen szándékai vannak.

1176
01:10:28,530 --> 01:10:34,990
A tűzfal célja, hogy hagyja, hogy csak azokat a csomagokat, amelyek megfelelnek a kritériumoknak.

1177
01:10:34,990 --> 01:10:39,360
Ez a tűzfal működik kikötők 80 és 25.

1178
01:10:39,360 --> 01:10:46,630
Minden belépési kísérletek más portok zárva vannak a vállalkozások számára.

1179
01:10:57,660 --> 01:11:03,480
Port 25 használt postai csomagokat,

1180
01:11:03,480 --> 01:11:10,720
míg a 80-as port van a bejárat a csomagokat az interneten, hogy a webszerver.

1181
01:11:10,720 --> 01:11:15,080
Bent a tűzfal, csomagokat vizsgálni alaposabban.

1182
01:11:15,080 --> 01:11:17,970
Bizonyos csomagok, hogy könnyen át a vámon,

1183
01:11:17,970 --> 01:11:21,420
míg mások néz ki egy kicsit kétséges.

1184
01:11:21,420 --> 01:11:24,060
Most, a tűzfal tisztviselő nem könnyű becsapni,

1185
01:11:24,060 --> 01:11:32,120
például amikor ez a ping halála csomag igyekszik álcázni magát, mint egy normál ping csomagot.

1186
01:11:32,120 --> 01:11:37,520
[Firewall tiszt beszél csomagok]

1187
01:11:37,520 --> 01:11:40,510
[Narrátor] Azon csomagok elég szerencsés, hogy ez idáig,

1188
01:11:40,510 --> 01:11:45,730
az utazás majdnem vége.

1189
01:11:45,730 --> 01:11:52,130
Ez csak egy sorban a felület, hogy vegyék fel a webszerver.

1190
01:11:52,130 --> 01:11:55,440
Napjainkban a web szerver futhat sok mindent,

1191
01:11:55,440 --> 01:11:59,230
egy mainframe egy web cam a számítógép az asztalon.

1192
01:11:59,230 --> 01:12:01,720
Miért nem a hűtőszekrény?

1193
01:12:01,720 --> 01:12:04,870
A megfelelő beállítás, akkor megtudja, ha megvan a hozzávaló

1194
01:12:04,870 --> 01:12:08,390
A Chicken Cacciatore, vagy ha kell menni vásárolni.

1195
01:12:08,390 --> 01:12:11,760
Ne feledje, hogy ez a hajnal a Net.

1196
01:12:11,760 --> 01:12:17,310
Szinte bármi lehetséges.

1197
01:12:17,310 --> 01:12:20,440
Egy-egy, a csomagokat érkezett,

1198
01:12:20,440 --> 01:12:26,320
nyitott, és kicsomagolását.

1199
01:12:26,320 --> 01:12:31,200
A bennük található információk, azaz az Ön információkérés,

1200
01:12:31,200 --> 01:12:34,830
küldik be a web szerver alkalmazás.

1201
01:12:41,540 --> 01:12:47,140
A csomag maga is újrahasznosított,

1202
01:12:47,140 --> 01:12:57,570
használatra kész újra, és betölti a kért információkat,

1203
01:12:57,570 --> 01:13:03,340
foglalkozni, és küldött ki úton vissza hozzád.

1204
01:13:03,340 --> 01:13:13,250
A lap korábban a tűzfal, router, és keresztül az internetre.

1205
01:13:13,250 --> 01:13:21,020
Vissza keresztül a vállalati tűzfalon

1206
01:13:21,020 --> 01:13:24,180
és rá a felület,

1207
01:13:24,180 --> 01:13:31,180
kész arra, hogy a kínálat a böngésző az információt, amit kért.

1208
01:13:31,180 --> 01:13:39,840
Azaz, ez a film.

1209
01:13:39,840 --> 01:13:43,550
Örülök, azok erőfeszítéseit, és bízva a jobb világ,

1210
01:13:43,550 --> 01:13:50,250
mi megbízható adatcsomagok lovagolni le boldogan a naplementébe egy másik nap,

1211
01:13:50,250 --> 01:13:56,880
tudva teljesen ők szolgáltak gazdáik is.

1212
01:13:56,880 --> 01:14:02,560
Nos, nem az, hogy a happy end?

1213
01:14:02,560 --> 01:14:07,040
[Malan] Oké, ennyi elég. Találkozunk jövő héten.

1214
01:14:07,040 --> 01:14:10,040
[CS50.TV]