1
00:00:00,000 --> 00:00:01,390

2
00:00:01,390 --> 00:00:04,890
>> [Muusika mängimine]

3
00:00:04,890 --> 00:00:10,955

4
00:00:10,955 --> 00:00:12,580
DAVID J Humala: Olgu, tere tulemast tagasi.

5
00:00:12,580 --> 00:00:13,600
See on CS50.

6
00:00:13,600 --> 00:00:15,540
See on nädala lõpuks seitse.

7
00:00:15,540 --> 00:00:18,180
Ja see on lõpuks, et tänavapühkija
hunt alates probleemi, neli

8
00:00:18,180 --> 00:00:19,220
et sa võiksid meelde tuletada.

9
00:00:19,220 --> 00:00:21,650
Pärast taastumas kõik
need JPEG personali,

10
00:00:21,650 --> 00:00:24,820
sa olid vaidlustanud, kui soovite,
pildistada ennast nii palju

11
00:00:24,820 --> 00:00:25,981
need inimesed, kui suudad.

12
00:00:25,981 --> 00:00:28,480
Meil on terve hulk ettepanekuid
Viimase paari nädala jooksul,

13
00:00:28,480 --> 00:00:32,980
tõepoolest üsna vähe vahetult enne keskpäeva
Täna, millest mõned on need siin

14
00:00:32,980 --> 00:00:37,670
püütud siin in-- välja like-- Annenberg
Hall tööaega, üks siin

15
00:00:37,670 --> 00:00:39,530
Lowell House koos Nick.

16
00:00:39,530 --> 00:00:41,750
Siin on Ramon püütud telefon.

17
00:00:41,750 --> 00:00:43,870
See oli CS50 lõunasöök.

18
00:00:43,870 --> 00:00:46,840
See oli Jason Skyping koos
loovam klassivend,

19
00:00:46,840 --> 00:00:48,280
kes helistas talle sel viisil.

20
00:00:48,280 --> 00:00:49,690
Me ei tea, mis see oli.

21
00:00:49,690 --> 00:00:51,940
>> [NAER]

22
00:00:51,940 --> 00:00:54,570
>> DAVID J Humala: Aga
mis on väärt GB.

23
00:00:54,570 --> 00:00:56,960
Siin on Chang, kes
sõna otseses mõttes jooksis lavalt

24
00:00:56,960 --> 00:01:00,480
vältida pildistatud üks
päevas, kuid lõpuks püütud.

25
00:01:00,480 --> 00:01:02,050
Siin on Nick.

26
00:01:02,050 --> 00:01:03,480
Siin on Nick.

27
00:01:03,480 --> 00:01:04,080
Siin on Nick.

28
00:01:04,080 --> 00:01:05,090

29
00:01:05,090 --> 00:01:07,670
Ja siin on Alison nähtud väljad.

30
00:01:07,670 --> 00:01:11,840
Ja Zamyla isegi leiti
kell ballisaal konkurentsi.

31
00:01:11,840 --> 00:01:14,100
Nii et me läheme läbi
need pildid, nuputada

32
00:01:14,100 --> 00:01:16,690
kes esitasid kõige
esimesel ja tasu

33
00:01:16,690 --> 00:01:20,662
üks vapustav auhinna, kui
lubas spec.

34
00:01:20,662 --> 00:01:23,120
Ja me ka järelmeetmete kohta
ruumi, mis oli seotud.

35
00:01:23,120 --> 00:01:26,860
>> Paar announcements-- nii lõuna-
on taas sellel reedel kell 13:15.

36
00:01:26,860 --> 00:01:30,420
Kui soovite meiega liituda,
RSVP sel URL siia.

37
00:01:30,420 --> 00:01:33,730
Jason ilmub jälle siin ühest
Need osad, paar aastat

38
00:01:33,730 --> 00:01:35,510
tagasi, mis juhtus
sattuda Halloween.

39
00:01:35,510 --> 00:01:38,950
Ja tõepoolest, ta riietunud
kõrvits kõnealusel aastal.

40
00:01:38,950 --> 00:01:42,700
Kui vaadata käesoleva paragrahvi
tema alates 2011. lõik

41
00:01:42,700 --> 00:01:46,480
kaheksa, kui teil on uudishimulik,
kell CS50.tv, ma arvan

42
00:01:46,480 --> 00:01:49,730
See oli aasta, mil
tema õhupump töötas.

43
00:01:49,730 --> 00:01:52,490
>> Kui seejärel vaadata
sarnane lõik 2012. aastal

44
00:01:52,490 --> 00:01:55,620
näete seda Jason palju tühjendatakse
kuna ülikond enam toiminud,

45
00:01:55,620 --> 00:01:58,060
mis on ainult öelda
sel reedel, kui soovite

46
00:01:58,060 --> 00:02:02,720
meeldib kitsenduse kõrvits koos Daven
ja Gabe ja teised, RSVP juhtidele

47
00:02:02,720 --> 00:02:04,480
kell cs50.harvard.edu aadress.

48
00:02:04,480 --> 00:02:06,200
See tõotab tulla väga lõbus.

49
00:02:06,200 --> 00:02:08,660
Daven, me rääkinud, on nikerdatud
kõrvitsad kõik oma elu.

50
00:02:08,660 --> 00:02:11,930
Gabriel Brasiilia on kunagi
nikerdatud kõrvitsa jaoks Halloween.

51
00:02:11,930 --> 00:02:14,700
Nii et seal koos nendega, kui ta õpib.

52
00:02:14,700 --> 00:02:16,830
>> Seminarid, meanwhile--
nii õpite kiiresti

53
00:02:16,830 --> 00:02:20,650
mida meie oodatav
lõplik projekt, mis sisuliselt

54
00:02:20,650 --> 00:02:23,150
mis taanduvad
kavandamisel ja rakendamisel

55
00:02:23,150 --> 00:02:26,440
kõige tahes projekt huvi pakkuda
sa, kuigi heaks kiitma

56
00:02:26,440 --> 00:02:28,490
ja juhiseid oma õpetusega mehe.

57
00:02:28,490 --> 00:02:32,110
Lõpupoole
semester, tutvustame number

58
00:02:32,110 --> 00:02:35,610
Seminaride, mis on vabatahtlik klasside
juhitud õpetamise stipendiaatide ja Harvard

59
00:02:35,610 --> 00:02:38,570
töötajad, sõbrad kursuse üle
campus, erinevatel teemadel, mis

60
00:02:38,570 --> 00:02:41,470
on tangentsiaalne
Muidugi on aluseks õppekava

61
00:02:41,470 --> 00:02:45,590
kuid siiski kohaldatav, lõbus ja
erinevate võimalike lõplik projekte.

62
00:02:45,590 --> 00:02:49,530
>> Näiteks esimene, kui soovid
registreerida, pea et URL seal.

63
00:02:49,530 --> 00:02:53,010
Ja see on tootevalik
Tänavuse seminari üksi.

64
00:02:53,010 --> 00:02:56,060
Aga siis on meil kümneid
seminaride aastaid varem, mis kõik

65
00:02:56,060 --> 00:02:59,774
on omavahel seotud Seminarid menüü
võimalus käigus kodulehel.

66
00:02:59,774 --> 00:03:02,190
Nii et kui sa mõtled
läheb kaugemale oma mugavuse tsoonist

67
00:03:02,190 --> 00:03:05,060
või pealevõtmine mõned uued oskused,
Näiteks programmeerimine iPhone

68
00:03:05,060 --> 00:03:08,100
rakendusi Swift, uus keel
Apple või Objective-C

69
00:03:08,100 --> 00:03:11,230
või Android apps või programmi [? kii?]
lambid, või mis tahes teemadel

70
00:03:11,230 --> 00:03:15,490
siin ja rohkem, sest kontroll
välja registreerimise leht.

71
00:03:15,490 --> 00:03:19,730
>> Nii me alustasime ja sõlmiti
Esmaspäeval vaadates HTTP.

72
00:03:19,730 --> 00:03:22,675
Nii kiire refresher-- HTTP,
HyperText Transfer Protocol.

73
00:03:22,675 --> 00:03:24,045
Aga mida see tegelikult tähendab?

74
00:03:24,045 --> 00:03:26,805

75
00:03:26,805 --> 00:03:27,930
Mida see tegelikult tähendab?

76
00:03:27,930 --> 00:03:30,665

77
00:03:30,665 --> 00:03:31,290
Kas see käsi?

78
00:03:31,290 --> 00:03:33,074

79
00:03:33,074 --> 00:03:34,740
Ma tean, et sa oled lihtsalt kriimustada oma peaga.

80
00:03:34,740 --> 00:03:36,400
Kuid sa tahad teha ettepanekuid, mida HTTP on?

81
00:03:36,400 --> 00:03:37,792

82
00:03:37,792 --> 00:03:40,576
>> Sihtrühm: Kuidas arvutid
suhelda [kuuldamatu].

83
00:03:40,576 --> 00:03:41,517

84
00:03:41,517 --> 00:03:43,100
DAVID J Humala: Ma igatsesin viimane osa.

85
00:03:43,100 --> 00:03:45,774
Kuidas arvuteid suhelda with--

86
00:03:45,774 --> 00:03:47,325
>> Sihtrühm: Internet servereid.

87
00:03:47,325 --> 00:03:50,450
DAVID J Humala: Good-- Internet
serverite ja konkreetselt, veebiserverid.

88
00:03:50,450 --> 00:03:53,533
Kuna turult, seal on kamp
teenuseid internetis, millest mõned

89
00:03:53,533 --> 00:03:57,349
kasutate ilmselt iga päev vahel chat
ja sõnumi, vestelda, ja veebi ja e-posti,

90
00:03:57,349 --> 00:03:57,890
ja teised sarnased.

91
00:03:57,890 --> 00:04:00,900
Ja HTTP on alles
protokoll, mis brausereid

92
00:04:00,900 --> 00:04:03,750
rääkida suhtlemisel
veebiserverite, ja vastupidi.

93
00:04:03,750 --> 00:04:05,580
Ja analoog
inimese maailm võib olla,

94
00:04:05,580 --> 00:04:08,730
Ma laiendada mu kätt raputada mõned
teiste inimese ja ta

95
00:04:08,730 --> 00:04:11,970
tunnistab, laiendades
tema käsi samuti.

96
00:04:11,970 --> 00:04:13,970
Nii et see on just see protokoll,
komplekt konventsioonidega.

97
00:04:13,970 --> 00:04:15,630
>> Ja mis tõepoolest on need konventsioonid?

98
00:04:15,630 --> 00:04:18,640
Noh, see lihtsalt taandub
Saates sõnumeid edasi-tagasi,

99
00:04:18,640 --> 00:04:19,770
nagu me siin on kujutatud.

100
00:04:19,770 --> 00:04:22,520
Ja seal on paar võimalust sisse
mis saab saata need sõnumid.

101
00:04:22,520 --> 00:04:24,360
Ja võib-olla kõige
ühine tuntakse saada.

102
00:04:24,360 --> 00:04:26,510
Ja me näeme kontrasti
sellele enne pikk.

103
00:04:26,510 --> 00:04:30,010
>> Aga get taotluse brauseris
et server lihtsalt näeb välja selline.

104
00:04:30,010 --> 00:04:32,960
See on hunnik teksti, et see paneb
sees virtuaalne ümbrikus.

105
00:04:32,960 --> 00:04:35,854
On väljaspool ümbrik
minna paar tükki üksikasju.

106
00:04:35,854 --> 00:04:37,770
Mida on vaja minna
ümbrik, niiöelda,

107
00:04:37,770 --> 00:04:41,820
selleks, et saada taotluse nagu
see minult veebiserver?

108
00:04:41,820 --> 00:04:42,320
Jah.

109
00:04:42,320 --> 00:04:43,270
>> Sihtrühm: Sinu IP-aadress.

110
00:04:43,270 --> 00:04:45,890
>> DAVID J Humala: Minu IP aadress
From valdkonnas, nii et rääkida,

111
00:04:45,890 --> 00:04:49,490
ja muidugi
saaja IP-aadress.

112
00:04:49,490 --> 00:04:52,710
Aga kui tegemist on web paketi
vajame veidi täpsemalt

113
00:04:52,710 --> 00:04:55,254
See ei ole piisav lihtsalt
Kirjuta ümbrik serverisse

114
00:04:55,254 --> 00:04:57,670
sest see server võib olla
kuulates erinevaid

115
00:04:57,670 --> 00:04:59,180
Interneti liiklus.

116
00:04:59,180 --> 00:05:01,370
Mis siis veel tegema peame
Peale saaja IP?

117
00:05:01,370 --> 00:05:02,723

118
00:05:02,723 --> 00:05:03,222
Jah?

119
00:05:03,222 --> 00:05:04,241
>> Sihtrühm: Kas see TCP?

120
00:05:04,241 --> 00:05:05,074
DAVID J Humala: Hea.

121
00:05:05,074 --> 00:05:06,470
TCP--

122
00:05:06,470 --> 00:05:07,340
>> Sihtrühm: Aadress.

123
00:05:07,340 --> 00:05:09,340
>> DAVID J Humala: Aadress,
või sadamast, seda nimetatakse.

124
00:05:09,340 --> 00:05:11,010
Sulge, kuid TCP pordi number.

125
00:05:11,010 --> 00:05:12,220
Ja seal on hunnik neid.

126
00:05:12,220 --> 00:05:14,310
Aga kindlasti kõige
tuttav peaks lõpuks

127
00:05:14,310 --> 00:05:17,590
80, mis on vaikimisi
ühe kasutatud kodulehekülg liiklust.

128
00:05:17,590 --> 00:05:20,040
Ja teine ​​tuttav
üks peagi 443

129
00:05:20,040 --> 00:05:24,280
mida kasutatakse turvalise web
liiklus, URL, mis algavad https.

130
00:05:24,280 --> 00:05:26,650
>> Nii et see on see, mis läheb
sees ümbrik.

131
00:05:26,650 --> 00:05:29,780
Ja saada / lihtsalt tähendab, anna
mulle vaikimisi veebilehele.

132
00:05:29,780 --> 00:05:32,700
Anna mulle just raske
sõita, et veebiserver.

133
00:05:32,700 --> 00:05:36,050
Ja loodetavasti veebis
server reageerib, OK

134
00:05:36,050 --> 00:05:39,630
ja number 200, mis on vaid
konventsioon ütleb jah, kõik

135
00:05:39,630 --> 00:05:40,470
on tõesti OK.

136
00:05:40,470 --> 00:05:41,680
Siin lehel.

137
00:05:41,680 --> 00:05:45,510
Tüüpi veebileht läheb
olla teksti, kuid täpsemalt, HTML,

138
00:05:45,510 --> 00:05:47,010
mis me parasjagu sukelduda tagasi.

139
00:05:47,010 --> 00:05:49,877
Ja dot dot dot lihtsalt
vahendeid, siin on HTML.

140
00:05:49,877 --> 00:05:51,710
Ja see, kui me
kiirenemist lugu täna

141
00:05:51,710 --> 00:05:55,740
tegelikult kirjalikult HTML,
HyperText Markup Language, mis

142
00:05:55,740 --> 00:05:57,727
on keel, milles
veebilehti on kirjutatud.

143
00:05:57,727 --> 00:05:59,060
See ei ole programmeerimise keel.

144
00:05:59,060 --> 00:06:01,270
Ei ole mingit funktsiooni
ega silmuseid ega tingimusi.

145
00:06:01,270 --> 00:06:03,800
See on märgistuskeel,
samuti jälle näeme täna,

146
00:06:03,800 --> 00:06:07,240
mis võimaldab määrata
kuidas ehitada ja Stilisoida

147
00:06:07,240 --> 00:06:09,300
esteetiliselt veebilehele.

148
00:06:09,300 --> 00:06:11,470
>> Nii see oli üks
ja ainult lehe tõesti

149
00:06:11,470 --> 00:06:13,930
vaadeldi, kui lühidalt, esmaspäeval.

150
00:06:13,930 --> 00:06:16,250
Ja teate mõne
olulisemad omadused.

151
00:06:16,250 --> 00:06:20,170
Seal on palju avatud nurgaga
sulg ja lähedal nurga külge.

152
00:06:20,170 --> 00:06:23,160
Vahel need angled
Sulgudes on sõnad.

153
00:06:23,160 --> 00:06:25,660
Ja me ei kavatse hakata
kutsudes neid sõnu sildid.

154
00:06:25,660 --> 00:06:28,800
Nii avatud sulg juht
ja suletud sulg juht

155
00:06:28,800 --> 00:06:33,620
on avatud ja suletud silte
või alguse ja lõpu sildid

156
00:06:33,620 --> 00:06:37,660
eestvaates, HTML element,
nagu me nimetame seda, mida nimetatakse pea.

157
00:06:37,660 --> 00:06:41,760
Ja sama kõnepruuki kehtib
keha HTML ja nii edasi.

158
00:06:41,760 --> 00:06:43,970
>> Ja mis kena on
HTML-- ja tõepoolest jagame

159
00:06:43,970 --> 00:06:47,187
kulutada kohutavalt vähe aega peal,
sest sa oled enamasti lihtsalt aru saada,

160
00:06:47,187 --> 00:06:49,770
milliseid funktsioone see on, kui sa
tegelikult on konkreetne probleem

161
00:06:49,770 --> 00:06:52,820
et solve-- leiad, et
brauser on päris loll.

162
00:06:52,820 --> 00:06:56,450
See lihtsalt läheb do-- ole erinevalt
computer-- mida sa öelda tahad.

163
00:06:56,450 --> 00:06:59,279
Ja kui teil on avatud
sulg HTML tipus

164
00:06:59,279 --> 00:07:01,320
seal, et sisuliselt
tähendab lihtsalt, hei, brauser,

165
00:07:01,320 --> 00:07:04,090
siin on veebileht kirjutatud HTML.

166
00:07:04,090 --> 00:07:06,130
>> Kui ta näeb avatud sulg
pea, see tähendab lihtsalt,

167
00:07:06,130 --> 00:07:10,350
hei, brauser, siin on head või
tähtsaim osa minu veebilehele.

168
00:07:10,350 --> 00:07:14,192
Kui ta näeb suletud sulg
pea, see tähendab lihtsalt, hei,

169
00:07:14,192 --> 00:07:15,150
Ongi pea.

170
00:07:15,150 --> 00:07:16,420
Ooterežiim midagi muud.

171
00:07:16,420 --> 00:07:18,878
Ja et midagi on
ilmselt saab olema keha.

172
00:07:18,878 --> 00:07:22,630
Ja kui sul ei ole tag, nagu
sa pead lihtsalt tere, koma maailmas

173
00:07:22,630 --> 00:07:26,610
See on lihtsalt saab olema toores tekst
lõpuks kuvatakse ekraanile.

174
00:07:26,610 --> 00:07:29,220
>> Nüüd märkad liiga
taandus siin.

175
00:07:29,220 --> 00:07:32,160
Saate ilmselt järeldada,
kuidas me stylizing ta.

176
00:07:32,160 --> 00:07:34,850
Iga kord, kui ma avan tag
nii rääkida, ma taandega.

177
00:07:34,850 --> 00:07:38,540
Ja iga kord, kui ma sulen
silt, ma taanduse,

178
00:07:38,540 --> 00:07:40,690
sarnase sisuga lokkis traksid.

179
00:07:40,690 --> 00:07:43,470
Ja pärast seda, ma olen selline
kasutades minu otsus.

180
00:07:43,470 --> 00:07:48,380
Pange tähele, et ma ei viitsinud pihta
Sisesta sees, et pealkiri tag.

181
00:07:48,380 --> 00:07:48,990
Miks?

182
00:07:48,990 --> 00:07:51,920
Noh, ma lihtsalt otsustasin, et see tundus
vähe puhtamaks mulle inimene,

183
00:07:51,920 --> 00:07:53,181
lihtsalt ei viitsinud seda tehes.

184
00:07:53,181 --> 00:07:54,930
Nii et jällegi, seal on mõned
otsus nõuab ainult

185
00:07:54,930 --> 00:07:57,670
nagu seal on C või mistahes keeles.

186
00:07:57,670 --> 00:08:04,110
>> Aga teate ka seda, et kõnealused kumerus
sobiv vaimne mudel,

187
00:08:04,110 --> 00:08:05,670
mitte üle keeruliseks.

188
00:08:05,670 --> 00:08:07,020
Aga puu, eks?

189
00:08:07,020 --> 00:08:09,290
Kui te arvate, web
lehekülg, ilmselt kirjutatud

190
00:08:09,290 --> 00:08:12,050
niimoodi, nagu oleks
kenasti liigestatud niimoodi,

191
00:08:12,050 --> 00:08:17,390
saab peaaegu mõtle avatud sulg
HTML suletud sulg tag piiritlemise

192
00:08:17,390 --> 00:08:21,380
juur sõlme, sugupuu
stiili sõlme stiilis puud

193
00:08:21,380 --> 00:08:22,900
me vaatasime eelmisel reedel.

194
00:08:22,900 --> 00:08:27,630
>> Ja tõepoolest, meil on siin
mida me kutsume DOM, D-O-M, dokument

195
00:08:27,630 --> 00:08:31,680
objekti mudeli, fancy viis öelda
puu, mis kinnitab, et HTML.

196
00:08:31,680 --> 00:08:36,140
Ja teate, et HTML on, ütleme,
nagu sugupuu, kaks last.

197
00:08:36,140 --> 00:08:37,659
Vasakul on peas.

198
00:08:37,659 --> 00:08:39,179
Paremal on keha.

199
00:08:39,179 --> 00:08:44,220
>> Ja nagu meeletu mõtte liikumine,
pea, on muidugi, kui palju lapsi

200
00:08:44,220 --> 00:08:46,070
vastavalt sellele struktuur?

201
00:08:46,070 --> 00:08:48,200
Nii lihtsalt üks, title--
ja sellepärast on meil

202
00:08:48,200 --> 00:08:50,580
nool läheb peast pealkiri.

203
00:08:50,580 --> 00:08:55,110
Nii et see on, nagu oleks see isik
sugupuu oli ainult üks järglastele.

204
00:08:55,110 --> 00:08:58,230
Ja siis pealkiri ise ei
öelda, et on laps ka.

205
00:08:58,230 --> 00:09:01,780
>> Tuletame meelde, et HTML tuli
tere, koma maailma selle all.

206
00:09:01,780 --> 00:09:06,090
Ja ma olen lihtsalt joonistatud jooksul
ovaalne asemel ristkülik lihtsalt

207
00:09:06,090 --> 00:09:10,559
edasi semantiliselt et kuigi
see on sõlme puu, niiöelda

208
00:09:10,559 --> 00:09:12,100
see on omamoodi täiesti erinev.

209
00:09:12,100 --> 00:09:12,800
See ei ole tag.

210
00:09:12,800 --> 00:09:14,780
Või õigemini, see ei ole element.

211
00:09:14,780 --> 00:09:16,590
See on lihtsalt tekst tipp, kui soovite.

212
00:09:16,590 --> 00:09:18,990
Aga need on täiesti
suvalise inimese konventsioonidega.

213
00:09:18,990 --> 00:09:23,180
See on just minu viis
esindavate mida ma agregaadina

214
00:09:23,180 --> 00:09:24,340
helistage dokument.

215
00:09:24,340 --> 00:09:27,750
>> Ja kui kõrvale, asi on
super üleval vasakus nurgas,

216
00:09:27,750 --> 00:09:32,080
avatud sulg hüüumärk doc
tüüp HTML, see näeb välja nagu tag

217
00:09:32,080 --> 00:09:35,560
aga see on loll nurgas juhul, kui
mis on just seal, kopeerida ja kleepida

218
00:09:35,560 --> 00:09:38,460
näidata brauserid
see on HTML versioon 5.

219
00:09:38,460 --> 00:09:41,540
Maailma pidevalt muutub, mida
esimene rida koodi lehel peaks olema.

220
00:09:41,540 --> 00:09:43,820
See tähendab lihtsalt, versioon 5.

221
00:09:43,820 --> 00:09:45,950
Nii et see ei ole päris
nägema teistega.

222
00:09:45,950 --> 00:09:48,120
>> Olgu, nii selle
ütles, oled nüüd hindan

223
00:09:48,120 --> 00:09:50,767
Selle üsna loll
tätoveering keegi sai.

224
00:09:50,767 --> 00:09:51,990
>> [NAER]

225
00:09:51,990 --> 00:09:54,210
>> DAVID J Humala: Olgu,
ja nüüd lähme tegelikult sukelduda

226
00:09:54,210 --> 00:09:55,710
arvesse midagi sellega.

227
00:09:55,710 --> 00:09:58,610
Sul on tuletada meelde, et viimane aeg
Ma avanud CS50 Appliance

228
00:09:58,610 --> 00:10:01,650
ja ma tegin midagi nii
lihtne avamise gedit.

229
00:10:01,650 --> 00:10:05,190
Ja ma salvestatud faili isegi
minu desktop-- kuhugi special--

230
00:10:05,190 --> 00:10:05,870
kui hello.html.

231
00:10:05,870 --> 00:10:07,100

232
00:10:07,100 --> 00:10:10,984
>> Nii et lubage mul seda teha
again-- hello.html Enter.

233
00:10:10,984 --> 00:10:13,900
Ja nüüd see fail, ma lähen
minna ja korrata, mida me lihtsalt

234
00:10:13,900 --> 00:10:18,850
saw-- doc tüüp html Siis ma lähen
teha avatud sulg html suletud sulg.

235
00:10:18,850 --> 00:10:21,890
Ja siis ma lähen preemptively
avada ja sulgeda tag.

236
00:10:21,890 --> 00:10:22,390
Miks?

237
00:10:22,390 --> 00:10:23,598
Just nii ma ei unusta hiljem.

238
00:10:23,598 --> 00:10:26,850
See on lihtsalt hea tava, nagu avamine
ja sulgemise looksulg korraga.

239
00:10:26,850 --> 00:10:28,900
>> Ja mis siis tuli järgmine?

240
00:10:28,900 --> 00:10:30,582
Sa ei mõtle tätoveering.

241
00:10:30,582 --> 00:10:31,450
>> Sihtrühm: peas.

242
00:10:31,450 --> 00:10:32,500
>> DAVID J Humala: peas.

243
00:10:32,500 --> 00:10:36,020
Ja siis siin, ma
oli pealkiri, ma arvan.

244
00:10:36,020 --> 00:10:39,886
Ja pealkiri oli omavoliliselt,
hello, world lähedal pealkiri.

245
00:10:39,886 --> 00:10:42,760
Ja siis siin, keha, ning
course-- siis me lõpetame body.

246
00:10:42,760 --> 00:10:45,660
Ja siis lihtsalt mõnevõrra liigselt,
Mul oli sama asi siin.

247
00:10:45,660 --> 00:10:47,150
>> Nii et ma väita, et see on veebilehele.

248
00:10:47,150 --> 00:10:49,050
See on midagi,
nüüd võimalus elada veebis

249
00:10:49,050 --> 00:10:51,925
kuigi muidugi, see on sõna otseses mõttes
elab minu töölaual kohe.

250
00:10:51,925 --> 00:10:55,837
Aga tõesti, kui ma minimeerida gedit,
Ma vaatan minu töölaual selle ikoonil.

251
00:10:55,837 --> 00:10:58,420
Kuigi see on seade,
sa võiksid seda teha Mac OS

252
00:10:58,420 --> 00:11:01,580
ilma TextEdit või
Windows Notepad isegi.

253
00:11:01,580 --> 00:11:06,115
>> Ja kui ma minna ja topeltklõps
et isegi, ja select-- noh, olgem

254
00:11:06,115 --> 00:11:07,990
ei vali, et kuna
Chrome on avamata.

255
00:11:07,990 --> 00:11:09,281
Lähme edasi ja avage Chrome.

256
00:11:09,281 --> 00:11:10,160

257
00:11:10,160 --> 00:11:14,040
Ja siis teha Command-O avatud
Ja navigeerida minu töölaual

258
00:11:14,040 --> 00:11:15,320
ja seda faili avada.

259
00:11:15,320 --> 00:11:20,120
See, kuidas brauser tõlgendab
HTML, ülevalt alla, vasakult paremale.

260
00:11:20,120 --> 00:11:21,314
Hei, brauser siin on HTML.

261
00:11:21,314 --> 00:11:21,980
Siin on head.

262
00:11:21,980 --> 00:11:23,250
Siin on pealkiri.

263
00:11:23,250 --> 00:11:24,090
Siin on keha.

264
00:11:24,090 --> 00:11:26,620
Ja tõepoolest, see on, kuidas
see muudab selle veebilehe.

265
00:11:26,620 --> 00:11:27,800
>> Aga teate URL.

266
00:11:27,800 --> 00:11:32,430
Ükski võid tõmba selle konkreetse
lehel oma sülearvutid just nüüd,

267
00:11:32,430 --> 00:11:34,910
isegi sees oma
seadme kaudu, et URL,

268
00:11:34,910 --> 00:11:40,130
sest file: // näitab, et ta on tegelikult
minu failisüsteemi, mu kõvaketas,

269
00:11:40,130 --> 00:11:40,990
mitte sinu.

270
00:11:40,990 --> 00:11:42,440
Nii et see ei ole nii kasulik.

271
00:11:42,440 --> 00:11:44,940
>> Olgem nüüd liigud
kasutades tegelikku veebiserver.

272
00:11:44,940 --> 00:11:48,309
Ja selgub CS50 Appliance
on rohkem kui lihtsalt keskkonnas, kus

273
00:11:48,309 --> 00:11:51,100
võite kirjutada C ja kompileerida
ja kasutada seda nagu sa oled teinud.

274
00:11:51,100 --> 00:11:55,500
Samuti on konfigureeritud
töötajate esindamiseks tüüpiline web

275
00:11:55,500 --> 00:11:58,290
server, mis on internetis,
üks, et võite maksma

276
00:11:58,290 --> 00:12:00,210
või üks, mis on ka nn pilve.

277
00:12:00,210 --> 00:12:02,600
>> Ja see töötab
standard vabavaraline

278
00:12:02,600 --> 00:12:06,160
tarkvara, näiteks midagi
nimega Apache, mis on võib-olla

279
00:12:06,160 --> 00:12:08,700
veel populaarsemaid web
server tarkvara maailmas

280
00:12:08,700 --> 00:12:11,030
et tuhanded veebisaidid kasutavad täna.

281
00:12:11,030 --> 00:12:13,420
Ja see ka on isegi
tarkvara nagu MySQL,

282
00:12:13,420 --> 00:12:16,240
mis on andmebaasi server
et me lõpuks saada,

283
00:12:16,240 --> 00:12:18,330
mis on ainult öelda
Saan alustada ravivad

284
00:12:18,330 --> 00:12:22,040
minu seade nagu küps server
et ma ei maksa mujal.

285
00:12:22,040 --> 00:12:25,980
See lihtsalt elab oma sülearvuti
arengut ja heaolu eesmärgil.

286
00:12:25,980 --> 00:12:27,870
>> Nii et lähme edasi ja
seda ära.

287
00:12:27,870 --> 00:12:30,120
Ma lähen edasi minna ja
avada terminali aknas.

288
00:12:30,120 --> 00:12:33,030
Ja ma lähen edasi minna ja
move-- tegelikult esimene Ma olen

289
00:12:33,030 --> 00:12:34,860
läheb navigeerida minu töölaual.

290
00:12:34,860 --> 00:12:36,400
Kui ma ls, seal on hello.html.

291
00:12:36,400 --> 00:12:37,022

292
00:12:37,022 --> 00:12:38,730
Ja ma lähen
minna ja hakata kasutama

293
00:12:38,730 --> 00:12:40,800
uus kataloog me oleme
ei ole kasutatud enne täna.

294
00:12:40,800 --> 00:12:46,840
>> hello.html-- ma lähen liikuda
et ../vhosts virtuaalse hosts--

295
00:12:46,840 --> 00:12:50,940
rohkem, et future-- ja seejärel
arvesse kataloog nimega localhost,

296
00:12:50,940 --> 00:12:54,420
mis on hüüdnime pöörata peaaegu
mis tahes arvuti, kas see on Mac, PC,

297
00:12:54,420 --> 00:12:57,560
või Linuxi arvuti ja seejärel
spetsiifiliselt arvesse kataloog, et me

298
00:12:57,560 --> 00:13:01,260
personali juba loodud teile, kui
sa alla laadida seadet nimega

299
00:13:01,260 --> 00:13:01,760
avalik.

300
00:13:01,760 --> 00:13:04,551
Ja nagu nimigi ütleb, midagi
Panin selle kausta, teoreetiliselt

301
00:13:04,551 --> 00:13:07,790
läheb nüüd
avalik, vähemalt inimesed

302
00:13:07,790 --> 00:13:10,030
kellel on otsene
Seoses minu arvuti.

303
00:13:10,030 --> 00:13:13,160
>> Nüüd lubage mul minna ja
teha cd Sama kataloog

304
00:13:13,160 --> 00:13:15,490
et ma saaks näha, mis on
toimub ja tüüp ls.

305
00:13:15,490 --> 00:13:17,630
Ja tõepoolest, see on
Ainuke asi seal.

306
00:13:17,630 --> 00:13:23,250
Väidan, et nüüd, sest ma olen panna see
esitada hello.html sees kataloog

307
00:13:23,250 --> 00:13:26,940
nimetatakse avaliku sees kataloog
nimetatakse localhost sees kataloog

308
00:13:26,940 --> 00:13:29,810
nimetatakse vhosts, mis
tänu CS50 töötajad

309
00:13:29,810 --> 00:13:34,390
on eelnevalt konfigureeritud
just oma veebiserver,

310
00:13:34,390 --> 00:13:36,900
Nüüd saan loodetavasti teha.

311
00:13:36,900 --> 00:13:38,390
>> Ma lähen avada uus sakk.

312
00:13:38,390 --> 00:13:40,090
Ja ma lähen ei file: //.

313
00:13:40,090 --> 00:13:44,520
Ma lähen, et kasutada tegelikke
http / localhost, mis

314
00:13:44,520 --> 00:13:47,470
jällegi hüüdnime
minu enda server.

315
00:13:47,470 --> 00:13:51,085
Ja siis ma lähen, mida
faili nimi, lihtsalt et oleks selge?

316
00:13:51,085 --> 00:13:52,680

317
00:13:52,680 --> 00:13:54,320
Kus on see lugu ilmselt läheb?

318
00:13:54,320 --> 00:13:56,066

319
00:13:56,066 --> 00:13:56,565
hello.html.

320
00:13:56,565 --> 00:13:58,350

321
00:13:58,350 --> 00:14:04,270
>> Nii et teiste sõnadega, ma tahan nüüd seda
on minu arvuti, minu aparaat,

322
00:14:04,270 --> 00:14:05,660
nagu ta on tegelik server.

323
00:14:05,660 --> 00:14:07,490
Tema hüüdnimi on localhost.

324
00:14:07,490 --> 00:14:10,210
Aga mõtle localhost samasuguste
Facebook.com google.com, mis iganes.

325
00:14:10,210 --> 00:14:11,600
See on lihtsalt minu koha nimi.

326
00:14:11,600 --> 00:14:14,810
Ja siis lõpliku tahan on
Juur kõvaketas, niiöelda

327
00:14:14,810 --> 00:14:17,729
või root veebiserver,
Ergo kaldkriipsuga ja seejärel

328
00:14:17,729 --> 00:14:18,770
faili nimi hello.html.

329
00:14:18,770 --> 00:14:19,880

330
00:14:19,880 --> 00:14:21,930
>> Lubage mul välja suumida ja vajuta Enter.

331
00:14:21,930 --> 00:14:24,266
Ja tõepoolest, nüüd on minu veebilehele.

332
00:14:24,266 --> 00:14:25,390
Nii et see on veidi erinevad.

333
00:14:25,390 --> 00:14:26,880
Ja see on lihtsalt nii underwhelming.

334
00:14:26,880 --> 00:14:27,904
See on vana versioon.

335
00:14:27,904 --> 00:14:29,070
Lubage mul kahaneb font tagasi.

336
00:14:29,070 --> 00:14:29,745
See on vana.

337
00:14:29,745 --> 00:14:30,890
See on uus.

338
00:14:30,890 --> 00:14:35,430
Aga mis on põhimõtteliselt juhtub
Nüüd on see HTTP kasutatakse.

339
00:14:35,430 --> 00:14:39,344
>> Teeme seda veidi selgemaks või
kui soovite, veidi keerulisem.

340
00:14:39,344 --> 00:14:41,760
Lubage mul minna põhja õigus
nurgas minu aparaat.

341
00:14:41,760 --> 00:14:44,000
Ja teate, et see kõik
aeg, seal on olnud mitmeid.

342
00:14:44,000 --> 00:14:47,330
See on unikaalne aadress
Teie CS50 Appliance.

343
00:14:47,330 --> 00:14:50,800
See on era-aadressi,
Nagu võib järeldada 172,16,

344
00:14:50,800 --> 00:14:53,860
mis tähendab lihtsalt, ainult sa füüsiliselt
pääseb see veebiserver.

345
00:14:53,860 --> 00:14:56,340
Kõik on tulemüüri ja
kenasti kaitstud ülejäänu

346
00:14:56,340 --> 00:14:58,130
maailma, sest see on suunatud.

347
00:14:58,130 --> 00:15:01,920
>> Ja nüüd teate küll, kui ma lähen
see aadress, mitte minu aparaat,

348
00:15:01,920 --> 00:15:04,340
kuid Mac OS-- ma lähen
minna tagasi siia.

349
00:15:04,340 --> 00:15:05,930
See on minu Mac nüüd.

350
00:15:05,930 --> 00:15:08,460
Ja nüüd ma lähen avama
Selle versiooni Chrome siin.

351
00:15:08,460 --> 00:15:17,370
Ja ma lähen http: //172.16.25
/ Ja ma unustan rest-- 133.

352
00:15:17,370 --> 00:15:25,210
>> Ma lähen külastama minu Mac
et IP aadress /hello.html Enter.

353
00:15:25,210 --> 00:15:29,850
Ja nüüd ma näen, minu Mac
et minu CS50 Appliance, kes on

354
00:15:29,850 --> 00:15:32,600
IP-aadress on see, et
number, on tõepoolest käituvad

355
00:15:32,600 --> 00:15:34,320
nagu web server internetis.

356
00:15:34,320 --> 00:15:36,944
See ei ole kena lihtne
mäletan nime nagu Facebook.com,

357
00:15:36,944 --> 00:15:40,370
aga see on HTTP
ilmselt, kuigi Chrome

358
00:15:40,370 --> 00:15:43,560
on selline lihtsustamine maailma
meil aga ei näita meile HTTP.

359
00:15:43,560 --> 00:15:46,210
Aga see on tõesti just nii.

360
00:15:46,210 --> 00:15:48,470
Chrome on lihtsalt säästa mõned
klahvivajutused nendel päevadel.

361
00:15:48,470 --> 00:15:50,530
Ja see, mida me praegu näeme.

362
00:15:50,530 --> 00:15:51,890
>> Nii et kõik on hästi ja hea.

363
00:15:51,890 --> 00:15:53,740
Aga see on päris underwhelming lehel.

364
00:15:53,740 --> 00:15:56,230
Lubage mul minna ja teha midagi
veidi teistsugune nüüd.

365
00:15:56,230 --> 00:15:57,910
Nii et lubage mul minna tagasi gedit.

366
00:15:57,910 --> 00:16:00,580
Ja selle asemel, hello,
maailmas, paneme pildi.

367
00:16:00,580 --> 00:16:05,880
Ja ma nõuda before-- lase mul minna
minu localhost kataloog avalik.

368
00:16:05,880 --> 00:16:10,580
Ja lubage mul minna ja kopeerida
terve hunnik faile täna

369
00:16:10,580 --> 00:16:15,633
minu Dropbox kaust siin.

370
00:16:15,633 --> 00:16:19,470

371
00:16:19,470 --> 00:16:21,680
>> Nüüd, kui ma tüüpi ls, vaata
kõiki neid faile

372
00:16:21,680 --> 00:16:24,940
et olen jaotatavast
Muidugi veebilehel enne täna

373
00:16:24,940 --> 00:16:26,830
millest üks on ikka hello.html.

374
00:16:26,830 --> 00:16:27,830
Nii et see on üks.

375
00:16:27,830 --> 00:16:30,730
Ja meenutada seda rumal üks
Eelmise AEG_ cat.jpg.

376
00:16:30,730 --> 00:16:34,550
Nii et lubage mul proovida kinnistada
cat.jpg sees minu veebilehele.

377
00:16:34,550 --> 00:16:37,690
>> Ma lähen edasi minna
ja teha cat.jpg salvestada.

378
00:16:37,690 --> 00:16:38,950
Lubage mul minna tagasi Chrome.

379
00:16:38,950 --> 00:16:41,140
Ja las ma suumida
font ja nüüd uuesti laadida.

380
00:16:41,140 --> 00:16:43,090

381
00:16:43,090 --> 00:16:45,030
Vabandust, kui ma panen selle?

382
00:16:45,030 --> 00:16:48,210

383
00:16:48,210 --> 00:16:51,520
Standby-- mul on veel vana
versioon minu töölaua avatud.

384
00:16:51,520 --> 00:16:56,020
Nii et lubage mul minna minu vhost, minu
localhost, minu avalik ja hello.html.

385
00:16:56,020 --> 00:16:57,320

386
00:16:57,320 --> 00:17:00,670
Nüüd lubage mul minna ja
öelda cat.jpg korpuse sees

387
00:17:00,670 --> 00:17:02,830
kui ma tahan, et see oleks
kuvatakse ja uuesti laadida.

388
00:17:02,830 --> 00:17:04,560
Muidugi, see ei ole õige.

389
00:17:04,560 --> 00:17:08,050
>> Nii et ma pean ütlema brauseri vähe
rohkem teadlikult, mida ma tahan seda teha.

390
00:17:08,050 --> 00:17:10,210
Lihtsalt kirjutades nimi on
ilmselt ei piisa.

391
00:17:10,210 --> 00:17:15,134
Nii et tuletada meelde, et seal oli veel
tag, pilt, img lühikeseks.

392
00:17:15,134 --> 00:17:17,550
See on lihtsalt sellepärast, et inimestel
ei meeldi tüüp täis sõnu.

393
00:17:17,550 --> 00:17:19,050
Ja siis me saame teha, source = "cat.jpg".

394
00:17:19,050 --> 00:17:21,470

395
00:17:21,470 --> 00:17:23,550
>> Ja nüüd ma lähen tegema
üks asi erinev siin.

396
00:17:23,550 --> 00:17:25,390
Kuigi kõik
Meie silte siiani on

397
00:17:25,390 --> 00:17:28,086
oli see mõiste
start tag ja end tag,

398
00:17:28,086 --> 00:17:30,210
et tegelikult ei tee
mõistlik pilt, eks?

399
00:17:30,210 --> 00:17:32,430
Pilt on kas seal on olemas või mitte.

400
00:17:32,430 --> 00:17:36,650
Ja nii inimestel tulnud
üles lihtsama konventsioon.

401
00:17:36,650 --> 00:17:40,310
Kui teil on silt, et saab nii
alustamine ja lõpetamine samal AEG_

402
00:17:40,310 --> 00:17:43,790
see võib olla tühi, nii et speak-- lihtsalt
pane kaldkriipsuga sees tag

403
00:17:43,790 --> 00:17:44,710
päris lõpus.

404
00:17:44,710 --> 00:17:45,776

405
00:17:45,776 --> 00:17:47,150
Nüüd lubage mul minna tagasi oma brauserit.

406
00:17:47,150 --> 00:17:50,377
Tulemus Reload Kurat, midagi on valesti.

407
00:17:50,377 --> 00:17:52,460
Te olete ilmselt näinud seda
aeg-ajalt veebis

408
00:17:52,460 --> 00:17:53,600
isegi kui see ei ole sinu süü.

409
00:17:53,600 --> 00:17:54,766
See on veebiserver süü.

410
00:17:54,766 --> 00:17:56,240
Mida oodid see ei näi?

411
00:17:56,240 --> 00:17:57,450

412
00:17:57,450 --> 00:17:58,009
See on katki.

413
00:17:58,009 --> 00:17:59,300
See, kui pilt kuulub.

414
00:17:59,300 --> 00:17:59,700
Jah?

415
00:17:59,700 --> 00:18:01,560
>> Sihtrühm: Aga see ei ole
juurdepääs pilt.

416
00:18:01,560 --> 00:18:03,070
>> DAVID J Humala: See ei ole
juurdepääs pilt.

417
00:18:03,070 --> 00:18:05,230
See, või veel hullem, võib-olla
ta isegi ei eksisteeri.

418
00:18:05,230 --> 00:18:06,729
Vaatame, kas me ei saa diagnoosida seda.

419
00:18:06,729 --> 00:18:09,390
Meenuta viimast korda, et kui
Kroomitud, et seadme

420
00:18:09,390 --> 00:18:11,870
või isegi oma Mac või PC,
lähete Arendaja menüü

421
00:18:11,870 --> 00:18:14,650
ja minna Developer Tools
variant, mis ilmselt olete

422
00:18:14,650 --> 00:18:16,850
ei kasutata palju või kunagi varem.

423
00:18:16,850 --> 00:18:20,780
Ja kui ma lähen Võrk
ja laadige leht uuesti,

424
00:18:20,780 --> 00:18:24,110
olgem tegelikult vaadata HTTP
nõuab, et tehakse.

425
00:18:24,110 --> 00:18:28,400
>> Tundub hello.html on
tõesti OK, seega 200.

426
00:18:28,400 --> 00:18:30,630
Aga cat.jpg on 403.

427
00:18:30,630 --> 00:18:31,650
Nii see ei ole 404.

428
00:18:31,650 --> 00:18:33,490
Faili ilmselt olemas.

429
00:18:33,490 --> 00:18:35,250
403 tähendab keelatud.

430
00:18:35,250 --> 00:18:37,790
Nii et see on veidi segane.

431
00:18:37,790 --> 00:18:42,340
Ma lähen tagasi
minu terminali aknas.

432
00:18:42,340 --> 00:18:43,700
Lubage mul suumimiseks siin.

433
00:18:43,700 --> 00:18:44,750
Ja las ma teen ls.

434
00:18:44,750 --> 00:18:46,430
Seal on need samad failid.

435
00:18:46,430 --> 00:18:49,410
>> Nüüd lubage mul teha ls-l,
mis oled ilmselt

436
00:18:49,410 --> 00:18:53,350
kasutada enne vaadata faili
suurused äkki või loomisaja.

437
00:18:53,350 --> 00:18:55,590
Ja me näeme terve hunnik
Valdav teavet.

438
00:18:55,590 --> 00:18:57,040
Aga teate mõned detailid.

439
00:18:57,040 --> 00:19:01,660
Siin hello.html selles
rida siin ja siin cat.jpg.

440
00:19:01,660 --> 00:19:02,934

441
00:19:02,934 --> 00:19:05,850
Ja see on lihtsalt seade on
kasutajasõbralikud, rõhutades JPEG

442
00:19:05,850 --> 00:19:07,380
lillaga niimoodi.

443
00:19:07,380 --> 00:19:11,470
Aga mida muud on erinev kõrval
faili suurus ja faili nimi?

444
00:19:11,470 --> 00:19:13,438

445
00:19:13,438 --> 00:19:14,754
>> Sihtrühm: [kuuldamatu].

446
00:19:14,754 --> 00:19:16,920
DAVID J Humala: Jah, seal on
kaks R on siin.

447
00:19:16,920 --> 00:19:20,170
Pane tähele, mida hello.html on pooleli.

448
00:19:20,170 --> 00:19:24,050
Nii selgub, et nimi
Selles kataloogis Avalikkus on oluline.

449
00:19:24,050 --> 00:19:26,400
Midagi selle kataloogi
on mõeldud avalikkusele.

450
00:19:26,400 --> 00:19:28,790
Aga see ei ole piisav
lihtsalt tilk faile seal.

451
00:19:28,790 --> 00:19:31,480
Teil on vaja ka muuta
¾ faili,

452
00:19:31,480 --> 00:19:35,180
muuta lubade
Faili ennetavalt ei

453
00:19:35,180 --> 00:19:37,650
olema Vaikeseadistusel
mis on see, et ainult Saan aru

454
00:19:37,650 --> 00:19:39,220
ja kirjutada seda, ma ei ole laeva omanik.

455
00:19:39,220 --> 00:19:43,540
Ma tahan kogu maailm kõigil
suutma lugeda minu faili, nii rääkida.

456
00:19:43,540 --> 00:19:44,950
Loe tähendab lihtsalt seda vaadata.

457
00:19:44,950 --> 00:19:49,780
>> Ja tõepoolest, nagu te näete probleemi
pani seitse, see on, mida need Ri keskmine.

458
00:19:49,780 --> 00:19:53,160
Need kaks Ri keskmine lasta kõik
mujal maailmas ka seda lugeda,

459
00:19:53,160 --> 00:19:55,300
eriti nüüd,
see on selle kataloogi.

460
00:19:55,300 --> 00:19:59,620
Nii et lihtsaim viis seda parandada on
mine minu kiire ja teha chmod muutusteks

461
00:19:59,620 --> 00:20:05,580
režiimi ja tehke + r, kokku,
kõik, kõik, pluss r lugemiseks,

462
00:20:05,580 --> 00:20:07,944
ja siis cat.jpg Enter.

463
00:20:07,944 --> 00:20:10,360
Miski tundub juhtuda, mis
Tavaliselt tähendab see hea asi.

464
00:20:10,360 --> 00:20:13,850
Nii ls-l again-- nüüd
Vaatame cat.jpg.

465
00:20:13,850 --> 00:20:15,750
Ja see luba
tundub, et on muutunud.

466
00:20:15,750 --> 00:20:18,670
Nagu kõrvale, kui teete
viga ja sa näiteks

467
00:20:18,670 --> 00:20:23,210
just your-- Ma ei sead ühendit väljakirjutada essee
avalikkusele kättesaadav õnnetus,

468
00:20:23,210 --> 00:20:25,480
saate teha vastupidine, chmod-r.

469
00:20:25,480 --> 00:20:25,909

470
00:20:25,909 --> 00:20:28,200
Kuigi ausalt öeldes, ei tohiks
olema avalik kataloog

471
00:20:28,200 --> 00:20:29,760
anyway, kui see on probleem.

472
00:20:29,760 --> 00:20:32,475
>> Nüüd lähme tagasi
minu brauser ja uuesti laadida.

473
00:20:32,475 --> 00:20:32,904

474
00:20:32,904 --> 00:20:34,820
Ja ma lähen kliki
vähe Ghostbusters

475
00:20:34,820 --> 00:20:38,030
sümbol selge, et osa
ekraan nii näeme uusi taotlusi.

476
00:20:38,030 --> 00:20:40,630
Ja tõepoolest, siin on
Grump Kass oli enne.

477
00:20:40,630 --> 00:20:43,010
Kuid mis veel tähtsam,
tehniliselt on

478
00:20:43,010 --> 00:20:45,565
number 200, mis
tähendab, me saime ta OK.

479
00:20:45,565 --> 00:20:47,190
Olgu, nii et kõik on hästi ja hea.

480
00:20:47,190 --> 00:20:48,940
Aga me ei tee
parim veebilehed,

481
00:20:48,940 --> 00:20:51,967
ega me siis proovige liiga raske
teha uhkemad veebilehed täna.

482
00:20:51,967 --> 00:20:54,550
Kuid olgem vähemalt midagi teha
super tuttav enne korisev

483
00:20:54,550 --> 00:20:56,030
välja mõned teised sildid.

484
00:20:56,030 --> 00:20:58,470
Nii et arvan, et ma lihtsalt ei taha kass siin.

485
00:20:58,470 --> 00:21:02,530
Oletame, et ma tegelikult tahan seda
kass linkida midagi.

486
00:21:02,530 --> 00:21:07,210
>> Ma võiks näiteks
midagi sellist teha.

487
00:21:07,210 --> 00:21:08,580

488
00:21:08,580 --> 00:21:12,890
ankur href eest
hüper viide equals--

489
00:21:12,890 --> 00:21:17,440
ja olgem lihtsalt midagi teha
nagu www.google.com lähedal

490
00:21:17,440 --> 00:21:19,540
tsiteerin lähedal sulg.

491
00:21:19,540 --> 00:21:22,000
Ja nüüd otsida kassid.

492
00:21:22,000 --> 00:21:23,520
Sulge ankrusildi.

493
00:21:23,520 --> 00:21:26,760
Nii et see on ainult üks sort
on täiesti uus detail.

494
00:21:26,760 --> 00:21:28,190
Tag on muidugi erinevad.

495
00:21:28,190 --> 00:21:31,770
See on nimi, ankur
href või hüper viitega.

496
00:21:31,770 --> 00:21:35,269
>> Kuid mis veel tähtsam, seal on
see süntaktiline funktsioon siin.

497
00:21:35,269 --> 00:21:37,810
See on see, mida me alustada kutsudes
ei tag, aga atribuut.

498
00:21:37,810 --> 00:21:40,830
Ja omadus on midagi,
muudab käitumist tag.

499
00:21:40,830 --> 00:21:45,400
Ja seda omadust, href, vahendid
muuta käitumist selle ankru

500
00:21:45,400 --> 00:21:48,430
nii et kui see on klõpsatud,
see läheb see URL siia.

501
00:21:48,430 --> 00:21:50,330
Ja muidugi, et URL on Google.

502
00:21:50,330 --> 00:21:53,951
>> Vahepeal mis see on
Kirjuta siia läheb?

503
00:21:53,951 --> 00:21:55,950
Noh, see saab olema
mida inimene tegelikult

504
00:21:55,950 --> 00:21:58,470
näeb kui allajoonitud
link, nii lihtne see ongi.

505
00:21:58,470 --> 00:21:59,220
Nii et proovime seda.

506
00:21:59,220 --> 00:21:59,980
Lubage mul salvestada.

507
00:21:59,980 --> 00:22:01,650
Ma olen ikka veel hello.html.

508
00:22:01,650 --> 00:22:05,360
Aga versioonid online, näete
tegelik faili nimesid me ettevalmistatud.

509
00:22:05,360 --> 00:22:06,805
Lubage mul minna ja uuesti laadida.

510
00:22:06,805 --> 00:22:08,680
Ja nüüd on see väga
underwhelming lehekülg ikka.

511
00:22:08,680 --> 00:22:10,910
Aga kui ma hover üle there--
ja see on natuke väike,

512
00:22:10,910 --> 00:22:13,576
Aga-- näete alt
vasakus nurgas oma ekraan,

513
00:22:13,576 --> 00:22:15,242
see on tõepoolest kavatse google.com.

514
00:22:15,242 --> 00:22:19,280
Ja kui ma vajutan, et see
sebima mind viis tegeliku Google.

515
00:22:19,280 --> 00:22:22,610
>> Aga teate siin võimalus
kasutamine, just nagu kõrvale.

516
00:22:22,610 --> 00:22:25,150
Ja me tuleme tagasi teiste
julgeolekuküsimused enne pikk.

517
00:22:25,150 --> 00:22:29,290
Sest seal on see kahestumine
vahel, kuhu minna ja mida sa ütled,

518
00:22:29,290 --> 00:22:34,722
mida võiks teha midagi
see-- http://www.google.com.

519
00:22:34,722 --> 00:22:37,134
OK, ja nüüd, kui ma uuesti laadida
Pärast salvestamist, et lehel

520
00:22:37,134 --> 00:22:38,800
tundub, et ma lähen minema Google.

521
00:22:38,800 --> 00:22:40,966
Aga seal ei ole põhjus, miks ma
pean minema Google, eks?

522
00:22:40,966 --> 00:22:47,460
Ma võiks tegelikult minna midagi
badguy.com, laadige leht siin.

523
00:22:47,460 --> 00:22:49,750
Ja teate, see ikka näeb välja nagu Google.

524
00:22:49,750 --> 00:22:52,020
Ja ainult siis, kui ma olen terav
piisavalt tiirutama üle siin

525
00:22:52,020 --> 00:22:54,770
ma näen on see isegi läheb
minna teise kohta.

526
00:22:54,770 --> 00:22:57,400
>> Nii et kui te olete kunagi saanud
talle, eriti

527
00:22:57,400 --> 00:22:59,610
üks Paypal või
näiliselt Paypal

528
00:22:59,610 --> 00:23:01,830
palub teil sisse logida
oma kontole, seda

529
00:23:01,830 --> 00:23:06,380
miks sa ei tohi kunagi
kunagi kliki linke e-kirju,

530
00:23:06,380 --> 00:23:07,930
ausalt, kõik seosed kirju.

531
00:23:07,930 --> 00:23:10,380
Kui sa tead, teil on tegelik
raha Paypal või Bank

532
00:23:10,380 --> 00:23:14,250
Ameerikas või Fidelity või
veebilehel, käsitsi kirjuta see.

533
00:23:14,250 --> 00:23:17,530
Sest vaadake, kui lihtne on
trikk kellegi esitades mida

534
00:23:17,530 --> 00:23:18,526
näeb välja nagu link.

535
00:23:18,526 --> 00:23:20,400
Aga tegelikult võiks
minna absoluutselt kõikjal.

536
00:23:20,400 --> 00:23:23,301
>> Ja seal on palju suurem
ohte kui see.

537
00:23:23,301 --> 00:23:25,300
Tegelikult on see natuke
puutuja nüüd, kuid üks

538
00:23:25,300 --> 00:23:28,430
parim, mida ma kunagi näinud
mis on vahepeal suletud

539
00:23:28,430 --> 00:23:34,060
on keegi viinud inimesed
mina-- nii et see võiks öelda,

540
00:23:34,060 --> 00:23:37,660
kliki siia, et sisse logida
konto, pangakonto.

541
00:23:37,660 --> 00:23:40,985
Ja see oli Bank of the West.

542
00:23:40,985 --> 00:23:43,030

543
00:23:43,030 --> 00:23:44,250
>> Nii et kui keegi ostis selle.

544
00:23:44,250 --> 00:23:47,090
Ja see on natuke lihtsam vaadata
see mono vahedega font suumitud

545
00:23:47,090 --> 00:23:49,190
aastal 30-foot projektor.

546
00:23:49,190 --> 00:23:51,720
Aga kui see on väike font
Kirjuta, mis te saate,

547
00:23:51,720 --> 00:23:54,690
see näeb välja nagu bankofthewest.com,
ei bankofthevvest.com,

548
00:23:54,690 --> 00:23:58,230
mis keegi oli maksnud 10 $ osta.

549
00:23:58,230 --> 00:24:00,840
Ja siis see viis nad
samaväärne halbu veebilehel.

550
00:24:00,840 --> 00:24:05,540
>> Ja näete too-- tegelikult me ​​saame teha
see-- kui ma lähen tegelik veebilehel,

551
00:24:05,540 --> 00:24:10,335
bankofthewest.com jällegi
tagasikutsumise viimast korda

552
00:24:10,335 --> 00:24:13,210
et kui see on nende veebilehel ja
sa oled uudishimulik, kuidas see töötab,

553
00:24:13,210 --> 00:24:15,610
saate kindlasti minna
Chrome'i arendaja tööriistu.

554
00:24:15,610 --> 00:24:18,890
Ja näed kõiki
HTML kenasti vormindatud seal.

555
00:24:18,890 --> 00:24:20,890
>> Aga rohkem punkti,
sa cam-- olgem sulgeda

556
00:24:20,890 --> 00:24:24,760
see-- võite minna Vaata
Arendaja View Source.

557
00:24:24,760 --> 00:24:25,770

558
00:24:25,770 --> 00:24:28,350
Miks ma ei kopeeri
kõik see Ja siis ma

559
00:24:28,350 --> 00:24:31,630
ei lähe mu väike gedit aknas
siin ja teha oma veebilehel.

560
00:24:31,630 --> 00:24:33,210
Salvesta see sisse hello.html.

561
00:24:33,210 --> 00:24:36,770
Ja ilmselt see läheb katki,
sest see ei ole nii lihtne tavaliselt.

562
00:24:36,770 --> 00:24:41,590
Aga nüüd, kui ma uuesti minu lehel
minu CS50 Appliance ja vajuta reload,

563
00:24:41,590 --> 00:24:42,990
OK, mõned asjad murdis.

564
00:24:42,990 --> 00:24:45,750
Aga ma olen üsna lähedal, mille
minu pangandus veebilehel, eks?

565
00:24:45,750 --> 00:24:46,570
Kõik see HTML--

566
00:24:46,570 --> 00:24:47,370
>> [NAER]

567
00:24:47,370 --> 00:24:49,210
>> DAVID J Humala: -I
ei actually-- ja sa

568
00:24:49,210 --> 00:24:52,210
tean, et keegi seal, kes
tegelikult kliki neid linke ka.

569
00:24:52,210 --> 00:24:54,864
Nii selgelt, mõned asjad murdis.

570
00:24:54,864 --> 00:24:56,780
Aga see läheb juhtima
meid arutelu

571
00:24:56,780 --> 00:25:00,810
asjatult kohe, missugust
CSS, kaskaadlaadistikke, on

572
00:25:00,810 --> 00:25:03,410
ja kuidas te tegelikult
alla laadida teiste HTML faile

573
00:25:03,410 --> 00:25:06,140
ja JPEG-failid GIF failid
Veebilehe võivad olla kasutades.

574
00:25:06,140 --> 00:25:07,960
Aga kõik see on teostatav.

575
00:25:07,960 --> 00:25:11,110
Aga see tõesti taandub
Nende väga lihtne heuristika.

576
00:25:11,110 --> 00:25:14,450
>> Nüüd lähme lihtsalt sirvida
Paar teisi näiteid HTML

577
00:25:14,450 --> 00:25:16,680
lihtsalt anda teile tunne
mida veel saab teha.

578
00:25:16,680 --> 00:25:18,670
Näiteks on see list.html.

579
00:25:18,670 --> 00:25:23,240
Oletame, et ma tahtsin teha veebilehe
nimekirja majade quad.

580
00:25:23,240 --> 00:25:28,960
Ma võiks kasutada ul silt järjestamata
nimekirja ja siis loendiüksusele laps

581
00:25:28,960 --> 00:25:33,760
ja siis kinnitada, over-- või nimekirjast
rather-- majade küsimus.

582
00:25:33,760 --> 00:25:36,080
>> Ja kui ma avan selle üles, teeme seda.

583
00:25:36,080 --> 00:25:40,670
Lähme mitte hello.html,
vaid list.html.

584
00:25:40,670 --> 00:25:42,160
Kurat.

585
00:25:42,160 --> 00:25:43,000
Kuidas seda parandada?

586
00:25:43,000 --> 00:25:45,679

587
00:25:45,679 --> 00:25:47,220
See on sama teema nagu varem, eks?

588
00:25:47,220 --> 00:25:52,510
Nii et lubage mul teha chmod-- oops--
chmod a + r list.html.

589
00:25:52,510 --> 00:25:54,610

590
00:25:54,610 --> 00:25:59,610
Ja nüüd, kui ma lähen tagasi oma brauseris
ja klõpsa Laadi uuesti, siin see on.

591
00:25:59,610 --> 00:26:02,360
Nii et kui sa oled kunagi tahtnud teha
täpploendit, saate seda teha.

592
00:26:02,360 --> 00:26:06,210
Kui sa tahad olla super fancy ja teha
järjestuses, ei ebakorrapärane nimekirja

593
00:26:06,210 --> 00:26:10,170
muuta neid, et ol, laadige leht uuesti ja
nüüd brauser number seda sinu jaoks.

594
00:26:10,170 --> 00:26:11,241
>> Mida muud me teha saame?

595
00:26:11,241 --> 00:26:13,990
Noh, paar others-- kui
sul on pikad lõiked text--

596
00:26:13,990 --> 00:26:15,698
Näiteks mõned
Ladina teksti nagu see--

597
00:26:15,698 --> 00:26:20,730
ja sa tahad seda eraldi lõiked,
avatud p tihe p lõikes tag.

598
00:26:20,730 --> 00:26:22,010
Ja seda ikka ja jälle.

599
00:26:22,010 --> 00:26:26,600
Ja kui ma nüüd avada seda faili
paragraphs.html, noh, see

600
00:26:26,600 --> 00:26:27,570
muutub tüütu.

601
00:26:27,570 --> 00:26:34,320
Nüüd lähme lihtsalt minema tagasi oma
kiire, chmod a + r r täht .html--

602
00:26:34,320 --> 00:26:36,099
toreda metamärkidega nii rääkida.

603
00:26:36,099 --> 00:26:37,890
Tuleb määrata kõiki
need probleemid minu jaoks.

604
00:26:37,890 --> 00:26:38,990
Olgem laadida.

605
00:26:38,990 --> 00:26:40,500
Seal on kolm lõiget.

606
00:26:40,500 --> 00:26:42,930
>> Ja nüüd lähme edasi
ning avada veel ühe.

607
00:26:42,930 --> 00:26:44,310
Kuidas lauale?

608
00:26:44,310 --> 00:26:46,440
Märkad tabeli välimus
natuke keerulisemaks.

609
00:26:46,440 --> 00:26:49,110
Aga see on sama idea--
avatud sildi, avatud sildi

610
00:26:49,110 --> 00:26:51,360
Avatud, avatud, avatud, lähedane sildi, avatud tag.

611
00:26:51,360 --> 00:26:54,410
Ja need juhtuvad seisma
tabel, mille piir on ilmselt

612
00:26:54,410 --> 00:26:58,500
saab olema paksus 1-- iganes
et means-- tabeli rida tabelis

613
00:26:58,500 --> 00:27:00,320
andmete, mis tähendab rakk.

614
00:27:00,320 --> 00:27:03,840
Ja kui ma lähen tagasi oma brauseris
siin ja minna table.html,

615
00:27:03,840 --> 00:27:05,840
näete midagi
meeldib see, kole.

616
00:27:05,840 --> 00:27:07,840
Aga me jõuame punkti,
kus me saame tegelikult

617
00:27:07,840 --> 00:27:09,260
Et asi ilusam kui see.

618
00:27:09,260 --> 00:27:10,530
>> Nii et lubage mul ette näha nüüd.

619
00:27:10,530 --> 00:27:11,870
Seal kobarad rohkem silte.

620
00:27:11,870 --> 00:27:15,225
Ja HTML on imeline kiirenemist
sest ausalt öeldes on kõik, mida vaja teha,

621
00:27:15,225 --> 00:27:17,600
on vaadata olemasolevaid veebilehti
kellega te olete juba tuttav.

622
00:27:17,600 --> 00:27:20,340
Ja sa oled nagu, oh, see on, kuidas
nad tegid seda esteetiliselt.

623
00:27:20,340 --> 00:27:23,159
>> Või saate otsida mis tahes online-
ressurss, kuidas HTML toimib,

624
00:27:23,159 --> 00:27:25,700
ja sa näed, et seal on
kogu sõnavara teiste siltidega.

625
00:27:25,700 --> 00:27:30,110
Aga lihtne vaimne mudel
Ainult, et peaaegu iga tag avate

626
00:27:30,110 --> 00:27:33,620
on suletavad, see tõesti
ei piisa, et õpetada ennast

627
00:27:33,620 --> 00:27:36,950
HTML pärast aru
Nende põhilised ideed silte

628
00:27:36,950 --> 00:27:40,520
ning atribuutide ja trimmisuse
et oleme rääkinud,

629
00:27:40,520 --> 00:27:44,697
sulgemise midagi, et me võiks avada
nii et me ei segadusse brauserit.

630
00:27:44,697 --> 00:27:46,780
Nii et olgem nüüd seda, et
huvitavam tasandil

631
00:27:46,780 --> 00:27:48,100
minnes tegelik.

632
00:27:48,100 --> 00:27:51,095
Ja lähme minu Mac
siin, et google.com.

633
00:27:51,095 --> 00:27:52,280

634
00:27:52,280 --> 00:27:54,020
Ja nüüd notice-- teeme seda.

635
00:27:54,020 --> 00:27:57,280
Ma gong minna
Seaded Otsi Seaded.

636
00:27:57,280 --> 00:28:01,070
Ma tahan, et lülitada see tüütu instant
Tulemused asi, kus ta kohe

637
00:28:01,070 --> 00:28:02,450
hakkab vastates oma kirjutades.

638
00:28:02,450 --> 00:28:05,300
Teeme ära vanemad koolis nii
me tegelikult näha, mis toimub.

639
00:28:05,300 --> 00:28:08,260
>> Ma lähen, et päästa oma
Google seadeid siin.

640
00:28:08,260 --> 00:28:11,160
Ja nüüd notice-- ma lähen
otsi midagi kassidele.

641
00:28:11,160 --> 00:28:14,500
Ja see on ikka teeme auto
täielik siin, kuid põhinevad asjad

642
00:28:14,500 --> 00:28:15,970
inimesed on kirjutatud ka varem.

643
00:28:15,970 --> 00:28:17,490
Aga teate, mis juhtub.

644
00:28:17,490 --> 00:28:20,272
>> URL hetkel
on see lihtsalt google.com.

645
00:28:20,272 --> 00:28:22,650
Ja tehniliselt on see kaldkriips.

646
00:28:22,650 --> 00:28:25,910
Google lihtsalt säästa tegelane
ja ei näita meile, et.

647
00:28:25,910 --> 00:28:30,400
Nad näitavad meile https, lihtsalt
olema super rahustav, et me oleme

648
00:28:30,400 --> 00:28:32,850
on turvaline ja krüpteeritud lehel.

649
00:28:32,850 --> 00:28:35,690
>> Nii et lubage mul minna ja otsida kassid.

650
00:28:35,690 --> 00:28:37,670
Nüüd sain tõesti
Valdav kiiresti.

651
00:28:37,670 --> 00:28:39,470
Vaata pikkus selle URL.

652
00:28:39,470 --> 00:28:43,070
Aga selgub, et kõige selle kraami
URL on tegelikult üsna mõttetu.

653
00:28:43,070 --> 00:28:45,320
Ma lähen alustada kustutamist
asju, mida ma ei mõista.

654
00:28:45,320 --> 00:28:46,560

655
00:28:46,560 --> 00:28:47,360
Ma näen kassid.

656
00:28:47,360 --> 00:28:48,470
Ma saan aru, kassid.

657
00:28:48,470 --> 00:28:50,380
Ma ei tea, miks kassid on seal uuesti.

658
00:28:50,380 --> 00:28:52,620
Ma tõesti ei tea
mida see jama on.

659
00:28:52,620 --> 00:28:56,030
Nii et ma lihtsalt hoida
rõhutades ja kustutada kraami

660
00:28:56,030 --> 00:28:59,905
et ma ei saa aru,
destilleerimise URL just seda.

661
00:28:59,905 --> 00:29:00,920

662
00:29:00,920 --> 00:29:02,270
>> Nüüd lubage mul saada sisestage uuesti.

663
00:29:02,270 --> 00:29:03,814
Tundub, et Google töötab.

664
00:29:03,814 --> 00:29:06,980
Nii et mingil põhjusel nad lisades
palju asju, et nende URL vaikimisi.

665
00:29:06,980 --> 00:29:09,000
Aga see ei ole tingimata vajalik.

666
00:29:09,000 --> 00:29:10,340
Mis on tore see on?

667
00:29:10,340 --> 00:29:13,630
Noh, lubage mul minna ja
avada Chrome'i inspektor.

668
00:29:13,630 --> 00:29:15,960
Seal on väike hiir otsetee ta.

669
00:29:15,960 --> 00:29:17,360
>> Mine Network sakk.

670
00:29:17,360 --> 00:29:19,340
Ja nüüd lubage mul uuesti
see leht veel kord.

671
00:29:19,340 --> 00:29:20,280
Ja ma hoian Shift.

672
00:29:20,280 --> 00:29:22,520
Nagu kõrvale, brauserid
kipuvad vahemälu või salvestada

673
00:29:22,520 --> 00:29:24,697
teavet ainult efektiivsuse huvides.

674
00:29:24,697 --> 00:29:27,280
Aga tavaliselt, hoides Shift ja
pealelaadimisel sunnib kõik

675
00:29:27,280 --> 00:29:28,994
alustada otsast peale.

676
00:29:28,994 --> 00:29:30,410
Ja see, mida ma tahan teha siin.

677
00:29:30,410 --> 00:29:33,550
>> Ja teate kõik need
rida, et just ilmunud.

678
00:29:33,550 --> 00:29:37,920
Selgub, et mis tahes web
lehekülg, seal võib olla ainult üks fail

679
00:29:37,920 --> 00:29:43,500
involved-- hello.html-- või seal
võiks olla 52, nagu käesoleval juhul.

680
00:29:43,500 --> 00:29:45,820
Kui ma külastada google.com,
ilmselt minu brauser

681
00:29:45,820 --> 00:29:49,650
avalöögi 52 eraldi HTTP päringuid.

682
00:29:49,650 --> 00:29:50,520
Miks see nii on?

683
00:29:50,520 --> 00:29:53,380
>> Noh, vaata, mis on sees
Selle veebilehe up top.

684
00:29:53,380 --> 00:29:55,620
Seal ei ole ainult teksti,
kuid seal on tegelik pilte

685
00:29:55,620 --> 00:29:57,130
koertest üle paremale.

686
00:29:57,130 --> 00:29:59,110
Seal on värvikas logo siin vasakul.

687
00:29:59,110 --> 00:30:01,750
Seal on kõik need ikoonid
võtta mikrofoni ja nii edasi.

688
00:30:01,750 --> 00:30:05,130
Seal on palju tükki, hoone
plokid, nullist tükki, kui soovite,

689
00:30:05,130 --> 00:30:06,250
sellele veebilehele.

690
00:30:06,250 --> 00:30:10,310
Ja mida brauser läheb peale
saada kõige esimene fail, mis

691
00:30:10,310 --> 00:30:16,180
on see rida siin, see on sisuliselt
iterating üle HTML top

692
00:30:16,180 --> 00:30:19,880
alla, vasakult paremale, otsin
asju nagu pildi siltide või muude silte

693
00:30:19,880 --> 00:30:23,160
mis viitavad teistele failidele ja
kui ta näeb neid läheb ja tõmbab need

694
00:30:23,160 --> 00:30:26,050
HTTP, elujõuline kogu
ümbrik metafoor,

695
00:30:26,050 --> 00:30:29,670
ja siis kuvab need
sobiv asukoht veebilehel.

696
00:30:29,670 --> 00:30:33,370
>> Aga teate siin, kui ma keskenduda
esimese visata, otsing kassid,

697
00:30:33,370 --> 00:30:37,090
märkate, et tõepoolest see on HTTP 1.1.

698
00:30:37,090 --> 00:30:41,690
Ja kahjuks Google
Chrome kohe versioonis 39

699
00:30:41,690 --> 00:30:45,110
on selline dumbing asju ette ja
ei näita meie tegelikku pealkirjad.

700
00:30:45,110 --> 00:30:49,680
Aga mis oli tegelikult saatnud on taotluse
mitte kärpida, kuid / otsing? q = kassidele.

701
00:30:49,680 --> 00:30:52,830

702
00:30:52,830 --> 00:30:54,340
>> Nüüd, miks on see oluline?

703
00:30:54,340 --> 00:30:57,110
Noh, ma lähen järeldavad
sellest, et kui te Google

704
00:30:57,110 --> 00:31:01,520
toetab päringuid selle vormi, siis miks
ma ei rakendada oma otsingut

705
00:31:01,520 --> 00:31:06,420
mootor CS50, vaid lihtsalt ees
lõpuks, just graafilise kasutajaliidese.

706
00:31:06,420 --> 00:31:09,610
Ja me tellivad kolp,
tegelik otsingutulemuste Google.

707
00:31:09,610 --> 00:31:10,510
>> Niisiis, kuidas ma seda teen?

708
00:31:10,510 --> 00:31:13,820
Noh, lubage mul minna gedit siin.

709
00:31:13,820 --> 00:31:19,180
Ja lubage mul minna ja avada
up, oletame, uus fail.

710
00:31:19,180 --> 00:31:22,280
Ja ma lähen salvestada
ajutiselt nagu search-0.html.

711
00:31:22,280 --> 00:31:25,111

712
00:31:25,111 --> 00:31:27,860
Ja siis lõpuks, siis me kiiresti
ootama üks I ettevalmistatud.

713
00:31:27,860 --> 00:31:30,190
>> Ja ma lähen
kiiresti kokku klopsima doc tüüp

714
00:31:30,190 --> 00:31:33,840
html avatud sulg html
lähedal sulg html.

715
00:31:33,840 --> 00:31:38,390
Siis ma lähen tegema head
lähedal pea avatud pealkiri CS50

716
00:31:38,390 --> 00:31:40,150
Otsing asemel Google otsing.

717
00:31:40,150 --> 00:31:43,480
Siin ma lähen on
keha, siin lähedal keha.

718
00:31:43,480 --> 00:31:45,835
Ja nüüd ma pean CS50 otsing.

719
00:31:45,835 --> 00:31:47,710
Ja tegelikult, olgem
ehitada see järk-järgult.

720
00:31:47,710 --> 00:31:51,043
Ma lähen edasi minna ja sulgege see ja
tegelikult pane see minu avalik kataloog.

721
00:31:51,043 --> 00:31:52,730
Nii et anna mulle üks hetk.

722
00:31:52,730 --> 00:31:55,390
search-0.html-- ma lähen
ajaliselt nimetame seda search.html.

723
00:31:55,390 --> 00:31:56,600

724
00:31:56,600 --> 00:31:59,750
Ma lähen chmod see + r search.html.

725
00:31:59,750 --> 00:32:01,072

726
00:32:01,072 --> 00:32:02,280
Ja nüüd ma lähen seda avada.

727
00:32:02,280 --> 00:32:03,224

728
00:32:03,224 --> 00:32:04,390
Olgu, nii et oli kiire.

729
00:32:04,390 --> 00:32:06,800
Aga eesmärk lihtsalt oli
et meid punktini

730
00:32:06,800 --> 00:32:09,630
võttes selle teksti
fail nimega search.html.

731
00:32:09,630 --> 00:32:10,940

732
00:32:10,940 --> 00:32:12,790
Nii et ei ole palju vaadata veel.

733
00:32:12,790 --> 00:32:16,970
Tõepoolest, kui ma lähen oma brauseri ja
minna search.html, see on kõik see on.

734
00:32:16,970 --> 00:32:17,720
Aga tead mis?

735
00:32:17,720 --> 00:32:19,000
Ma võin olla natuke Kasvataja.

736
00:32:19,000 --> 00:32:22,710
Ma lugesin raamatut, mis seal on
Pealkirja sildi h1.

737
00:32:22,710 --> 00:32:26,100
Ja ma lähen edasi minna ja
kasutada, et avatud h1 ja tihe h1.

738
00:32:26,100 --> 00:32:27,220
Värskenda lehel.

739
00:32:27,220 --> 00:32:29,600
Ja nüüd see on suurem ja julgem,
ei ole kõik nii huvitav,

740
00:32:29,600 --> 00:32:32,399
kuid vähemalt on struktuurilt
põnevamaks.

741
00:32:32,399 --> 00:32:33,940
Aga nüüd lubage mul tutvustada teine ​​silt.

742
00:32:33,940 --> 00:32:36,500
Selgub, seal on vormi tag.

743
00:32:36,500 --> 00:32:38,400
Ja las ma sulgeda, et tag.

744
00:32:38,400 --> 00:32:40,830
Ja selgub, et tema
sisend tag et

745
00:32:40,830 --> 00:32:44,600
omab atribuuti nimega tüüp, mis
on andmete tüüpi väljale

746
00:32:44,600 --> 00:32:45,200
kui soovite.

747
00:32:45,200 --> 00:32:47,050
Ja läheb tüübiks on tekst.

748
00:32:47,050 --> 00:32:52,200
Ja selle raha läheb
olema CS50 otsing.

749
00:32:52,200 --> 00:32:53,850
Sulge tag.

750
00:32:53,850 --> 00:32:57,100
Ja seal saab olema mingit mõistet
avamise ja sulgemise eraldi sildid.

751
00:32:57,100 --> 00:33:00,300
>> Lubage mul minna tagasi siia ja
näha, mis toimub, uuesti laadida.

752
00:33:00,300 --> 00:33:01,380
Kuidas huvitav.

753
00:33:01,380 --> 00:33:02,950
Tundub, et see tekstiväljale.

754
00:33:02,950 --> 00:33:04,080

755
00:33:04,080 --> 00:33:06,999
Ja tegelikult, ma ei tahtnud
panna raha sinna veel.

756
00:33:06,999 --> 00:33:10,040
Lubage mul minna siia tagasi ja tegelikult saada
lahti seda väärtust hoida lihtsa.

757
00:33:10,040 --> 00:33:12,939
Selle asemel, et raha, mida ma tahtsin
anda see asi oli nimi.

758
00:33:12,939 --> 00:33:15,230
Ja ma ei tea, mis see on,
nii et ma tulen tagasi selle.

759
00:33:15,230 --> 00:33:18,270
>> Aga alla selle, ma tahan
teha input type = submit.

760
00:33:18,270 --> 00:33:19,840

761
00:33:19,840 --> 00:33:22,120
Ja see väärtus on CS50 otsing.

762
00:33:22,120 --> 00:33:24,850
Ja me näeme, miks ma
kolis väärtus sellele.

763
00:33:24,850 --> 00:33:28,900
Kui ma uuesti, ma ilmselt nüüd
alustab oma otsingut

764
00:33:28,900 --> 00:33:30,820
mootor, super kole,
kuigi ausalt öeldes, see on

765
00:33:30,820 --> 00:33:34,260
mitte kaugele visata, mida
Google'i vaikimisi lehe välja näeb.

766
00:33:34,260 --> 00:33:37,950
>> Kui ma lähen siin nüüd, ma ei kirjuta
kassid ja loodetavasti valige Otsi.

767
00:33:37,950 --> 00:33:40,380
Aga ma ei ole see veel aga,
sest ma ei ole rakendatud,

768
00:33:40,380 --> 00:33:41,045
Ilmselt andmebaasi.

769
00:33:41,045 --> 00:33:42,940
Ma ei ole roomas
veebist otsingutulemustes.

770
00:33:42,940 --> 00:33:44,840
Nii et mul on vaja tellida, et Google'ile.

771
00:33:44,840 --> 00:33:46,290
Niisiis, kuidas ma seda teen?

772
00:33:46,290 --> 00:33:49,170
>> Noh, esiteks ma
on vaja lisada ja tegevus

773
00:33:49,170 --> 00:33:58,460
omistada mu vorm tag et
on http://www.google.com/search.

774
00:33:58,460 --> 00:34:01,180
Ja ma tean, et ainult omamast
järeldada, vaadates tähelepanelikult

775
00:34:01,180 --> 00:34:02,505
oma URL.

776
00:34:02,505 --> 00:34:03,380
Ja nüüd võta vist.

777
00:34:03,380 --> 00:34:09,090
Mida peaks antud välja arvatavasti
seda nimetatakse, lähtudes sellest, kuhu me tulime

778
00:34:09,090 --> 00:34:09,754
alates varem?

779
00:34:09,754 --> 00:34:11,896

780
00:34:11,896 --> 00:34:13,290
>> Sihtrühm:? Q.

781
00:34:13,290 --> 00:34:14,370
>> DAVID J Humala:? Q.

782
00:34:14,370 --> 00:34:17,800
Ja me tegelikult ei vaja küsimus
märgi selgub, aga q on tõepoolest see,

783
00:34:17,800 --> 00:34:20,489
q päringule arvatavasti
Vaikimisi lihtsalt sellepärast, et see on

784
00:34:20,489 --> 00:34:23,060
mida Larry ja Sergey
tulid aastat tagasi.

785
00:34:23,060 --> 00:34:24,739
Nüüd lubage mul laadige leht uuesti.

786
00:34:24,739 --> 00:34:26,409
See ei näe nii erinevad.

787
00:34:26,409 --> 00:34:28,120
Aga nüüd vaadata, mis juhtub.

788
00:34:28,120 --> 00:34:32,360
>> Kui ma kirjuta kasside ja kliki
CS50 Otsi ja lase minna,

789
00:34:32,360 --> 00:34:35,770
teate ma saan pühitakse
ära tegelik Google.

790
00:34:35,770 --> 00:34:38,150
Nüüd Google on vähe
tüütu, et nad on

791
00:34:38,150 --> 00:34:41,877
lisades lisaparameetrist,
kui soovite, et URL.

792
00:34:41,877 --> 00:34:43,960
Ongi kõik juhtub
automaatselt Google'i poolelt.

793
00:34:43,960 --> 00:34:48,730
>> Oluline osa on see, et ma ilmselt
et on tekkinud selle taotluse siin.

794
00:34:48,730 --> 00:34:50,179
Ja tõepoolest, see, mis juhtub.

795
00:34:50,179 --> 00:34:53,040
Kui teil on HTML, et
näeb välja selline, see

796
00:34:53,040 --> 00:34:57,620
on omamoodi veebiarendajad märke
ütlen, edasi minna ja luua vormi

797
00:34:57,620 --> 00:34:59,990
et kui see on esitatud,
see läheb minema see URL.

798
00:34:59,990 --> 00:35:03,430
Ja kui URL on andnud
väärtused asjad q,

799
00:35:03,430 --> 00:35:05,440
ei lähe just see URL.

800
00:35:05,440 --> 00:35:08,210
Tegelikult, jätkake küsimusega
märk ja siis q = kassidele.

801
00:35:08,210 --> 00:35:09,590

802
00:35:09,590 --> 00:35:13,060
Lisage parameeter,
HTTP parameeter niimoodi.

803
00:35:13,060 --> 00:35:15,590
>> Ja lihtsalt olla super täpne,
mis kuramuse järeldada siin--

804
00:35:15,590 --> 00:35:18,130
aga ma tulen veel explicit-- on
et meetod soovin kasutada

805
00:35:18,130 --> 00:35:22,270
on saada, selle asemel, et midagi
post, mis me lõpuks näha.

806
00:35:22,270 --> 00:35:27,710
Lühidalt öeldes lihtsalt arusaam
HTML ja kasutades mõned üsna lihtne silte

807
00:35:27,710 --> 00:35:30,610
saame hakata looma
meie ees lõppkasutaja

808
00:35:30,610 --> 00:35:32,850
liides otsing
mootori taga.

809
00:35:32,850 --> 00:35:34,800
>> Aga see on muidugi üsna kole.

810
00:35:34,800 --> 00:35:37,259
Nii et lubage mul tegelikult avada
veidi parem versioon.

811
00:35:37,259 --> 00:35:39,800
See on üks I valmistati
edasi, et on mõned kommentaarid.

812
00:35:39,800 --> 00:35:41,900
Aga näete, et ma
päris palju taasloodi see.

813
00:35:41,900 --> 00:35:44,150
Nii et see on juba kättesaadavad Internetis.

814
00:35:44,150 --> 00:35:48,050
Ja ma juhtumisi preemptively
minge https lihtsalt hoida lihtsa.

815
00:35:48,050 --> 00:35:50,610
>> Ja nüüd lähme avada
Järgmise iteratsiooni see.

816
00:35:50,610 --> 00:35:52,510
Kas versioon 0 asemel 1.

817
00:35:52,510 --> 00:35:55,315
Mis hüppab välja ennast kergelt
erinevad selles näites?

818
00:35:55,315 --> 00:35:59,480

819
00:35:59,480 --> 00:36:00,440
>> Sihtrühm: [kuuldamatu].

820
00:36:00,440 --> 00:36:03,020
>> Jah, seal on see tekst align center.

821
00:36:03,020 --> 00:36:04,590
See on natuke imelik siin.

822
00:36:04,590 --> 00:36:06,150
Aga see on tõesti uus.

823
00:36:06,150 --> 00:36:07,800
Ja võib-olla arvata, mis juhtuma hakkab.

824
00:36:07,800 --> 00:36:11,730
Kui ma lähen oma brauseri nüüd
ja külastada search-1.html,

825
00:36:11,730 --> 00:36:13,090
see on peaaegu sama asi.

826
00:36:13,090 --> 00:36:15,705
Aga see on samm lähemale
on natuke rohkem päris.

827
00:36:15,705 --> 00:36:19,150
See on ikka kole, kuid ilusam selles
vähemalt kõik on nüüd keskel.

828
00:36:19,150 --> 00:36:23,470
>> Nii selgub, et see, mida ma kasutan
on teises keeles kokku kutsutud

829
00:36:23,470 --> 00:36:25,680
CSS, kaskaadlaadistikke.

830
00:36:25,680 --> 00:36:28,310
Ja CSS, ausalt öeldes on selline
on minu isiklik arvamus,

831
00:36:28,310 --> 00:36:29,775
atrociously mõeldud keelt.

832
00:36:29,775 --> 00:36:33,110
On väga tüütu meeles pidada
kõiki erinevaid detaile.

833
00:36:33,110 --> 00:36:38,479
Aga see on see, mida stylizes
kogu maailma veebis täna.

834
00:36:38,479 --> 00:36:39,270
Ma solvunud keegi.

835
00:36:39,270 --> 00:36:39,769
Hea küll.

836
00:36:39,769 --> 00:36:43,180
Nii et lähme tagasi siia ja vaata
kuidas me tegelikult kasutab seda.

837
00:36:43,180 --> 00:36:45,940
Ja selgub, vähemalt see on
tegelikult päris lihtne keel.

838
00:36:45,940 --> 00:36:49,470
See on lihtsalt põhiväärtus paari, omadused
ja väärtusi, omadusi ja väärtusi.

839
00:36:49,470 --> 00:36:52,080
Tõepoolest, siin on üks
sellise vara ja raha.

840
00:36:52,080 --> 00:36:55,890
>> Lihtsalt abil stiil
atribuut mu keha tag

841
00:36:55,890 --> 00:37:00,360
ja annab talle väärtuse
Sõna koolon ja teise sõna,

842
00:37:00,360 --> 00:37:03,730
või vara ja väärtus,
Ma ei mõjuta esteetika

843
00:37:03,730 --> 00:37:06,210
veebilehe, ei
tingimata struktuuri veel

844
00:37:06,210 --> 00:37:07,550
kuid esteetika ta.

845
00:37:07,550 --> 00:37:10,960
Ja just Google'i abil ümber, ma mõistan
et CSS, kaskaadlaadistikke,

846
00:37:10,960 --> 00:37:14,170
toetab vara kutsus
text-align, mille väärtus on

847
00:37:14,170 --> 00:37:16,980
tuleb vasakule, paremale või keskele, näiteks.

848
00:37:16,980 --> 00:37:19,990
>> Nüüd, kui ma uuesti laadida
see leht, mida ma ei saa

849
00:37:19,990 --> 00:37:22,730
oli keskendunud lehel
aga ikka päris kole.

850
00:37:22,730 --> 00:37:25,770
Lähme edasi ja avage
kuni 2. versiooni Otsi.

851
00:37:25,770 --> 00:37:28,570
Ja nüüd teate ma olen teinud natuke rohkem.

852
00:37:28,570 --> 00:37:33,760
Pange tähele, et siin sees, pea
tag, ei saa olla rohkem kui pealkiri.

853
00:37:33,760 --> 00:37:35,400
Tegelikult, seal on stiil tag.

854
00:37:35,400 --> 00:37:38,630
Ja see on koht, kus see lihtsalt muutub
väike räpane nägemine CSS mõnikord.

855
00:37:38,630 --> 00:37:41,971
>> Pange tähele, et ma tundub, et on midagi
mis struktuurilt tundub väga erinevad.

856
00:37:41,971 --> 00:37:44,095
Aga siin on nimi
tag tahan stiliseeritud.

857
00:37:44,095 --> 00:37:47,570
Siin on meie vanad sõbrad lokkis
traksid ja suletud lokkis traksidega.

858
00:37:47,570 --> 00:37:50,290
Ja siis siin on see, et
vara ja selle väärtus.

859
00:37:50,290 --> 00:37:56,300
>> Kui ma laadida see fail, search2.html,
lõpptulemus on sama.

860
00:37:56,300 --> 00:37:59,300
Aga see on samm parema disainiga.

861
00:37:59,300 --> 00:38:04,560
Autor faktooring välja see CSS, ma olen
ei segata seda oma HTML.

862
00:38:04,560 --> 00:38:07,560
Ja tõepoolest, kui me näeme, suutsin
taaskasutada neid omadusi ja väärtusi.

863
00:38:07,560 --> 00:38:10,420
Kui ma tahtsin teha kobarad
osad mu veebilehe keskne,

864
00:38:10,420 --> 00:38:13,630
Ma ei pea sisestama style = text-align
keskus kogu koht.

865
00:38:13,630 --> 00:38:16,580
Ma võin panna ühes kohas
võibolla meeldib up ülaosas.

866
00:38:16,580 --> 00:38:18,210
>> Kuid isegi see ei ole parim disain.

867
00:38:18,210 --> 00:38:21,720
Tegelikult on üks neist asjadest, saate teada,
kui sa kulutad rohkem aega koos

868
00:38:21,720 --> 00:38:25,730
veebi programmeerimine, et mida rohkem saad
Modularize asju ja tegur asjad

869
00:38:25,730 --> 00:38:30,610
nagu .h failid olgem tegur kraami välja,
meeldib helpers.c olgem tegur asjad

870
00:38:30,610 --> 00:38:31,880
paari psets tagasi.

871
00:38:31,880 --> 00:38:34,200
Samamoodi võiks me
tahad saavutada.

872
00:38:34,200 --> 00:38:37,920
>> Nii teate versioon
kolm search.html ma olen

873
00:38:37,920 --> 00:38:40,610
puhastada juht
lehele ja lihtsalt panna

874
00:38:40,610 --> 00:38:43,320
selles, link tag, mis
vastuolus nimi,

875
00:38:43,320 --> 00:38:44,700
ei anna teile hüperlingi.

876
00:38:44,700 --> 00:38:49,150
See ühendab teise faili teel
href mille väärtus sel juhul

877
00:38:49,150 --> 00:38:51,586
on otsing-3.css

878
00:38:51,586 --> 00:38:52,960
Nii et ma mõistan, me ei kavatse kiiresti.

879
00:38:52,960 --> 00:38:54,600
Aga kõik, mida ma teen on selline
liikuvaid asju ümber.

880
00:38:54,600 --> 00:38:55,760
Lubage mul avatud search-3.css.

881
00:38:55,760 --> 00:38:57,114

882
00:38:57,114 --> 00:38:58,530
Siin see on, midagi tõesti ta.

883
00:38:58,530 --> 00:39:02,270
Ma lihtsalt kopeerida ja kleepida see uude
esitada meelega me tegureid kraami välja

884
00:39:02,270 --> 00:39:03,509
teiste faile enne.

885
00:39:03,509 --> 00:39:05,300
Ja result--
täiesti underwhelming--

886
00:39:05,300 --> 00:39:06,730
saab olema täpselt sama.

887
00:39:06,730 --> 00:39:10,490
Aga me liigume toward-- ei, see ei ole.

888
00:39:10,490 --> 00:39:11,930
Oh, ma tean, miks.

889
00:39:11,930 --> 00:39:13,790
>> Nii et see tundub olevat viga.

890
00:39:13,790 --> 00:39:15,010
Ja see on mõnes mõttes.

891
00:39:15,010 --> 00:39:17,730
Kuid lubage mul avada minu Network sakk.

892
00:39:17,730 --> 00:39:19,660
Lubage mul laadige leht uuesti.

893
00:39:19,660 --> 00:39:23,315
Ah, miks CSS kohaldamata jätmise?

894
00:39:23,315 --> 00:39:26,920
Noh, CSS faili, samamoodi on
olla maailma loetav, nii rääkida.

895
00:39:26,920 --> 00:39:28,440
Ja seda ka praegu keelatud.

896
00:39:28,440 --> 00:39:33,760
Nii et lubage mul teha chmod a + r
star dot CSS-- whoops--

897
00:39:33,760 --> 00:39:37,067
me oleme dot CSS on lihtsalt
faililaiend CSS faile.

898
00:39:37,067 --> 00:39:38,900
Nüüd lubage mul minna tagasi
minu brauser ja uuesti laadida.

899
00:39:38,900 --> 00:39:40,910
OK, natuke parem.

900
00:39:40,910 --> 00:39:42,282
>> Nüüd lubage mul teha üks viimane asi.

901
00:39:42,282 --> 00:39:42,990
In search-4.html.

902
00:39:42,990 --> 00:39:44,550

903
00:39:44,550 --> 00:39:48,220
Mul on versioon, et ma lihtsalt mõtlesin
oli viis jahedamaks, kuigi nii rohkem

904
00:39:48,220 --> 00:39:48,980
keeruline.

905
00:39:48,980 --> 00:39:50,690
Vaatame tulemus esimesena.

906
00:39:50,690 --> 00:39:52,290
Sulge see annab meile rohkem ruumi.

907
00:39:52,290 --> 00:39:54,275
Muuda seda otsida-4, Enter.

908
00:39:54,275 --> 00:39:55,430

909
00:39:55,430 --> 00:39:57,200
>> Ja nüüd hunnik asju on katki.

910
00:39:57,200 --> 00:39:59,910
Ma lähen tagasi
minu kataloog siin.

911
00:39:59,910 --> 00:40:04,190
Ja nüüd ma olen lihtsalt kavatse teha
chmod kohta + r on file--

912
00:40:04,190 --> 00:40:07,450
sest ma tean, et see exists-- nimetatakse
logo.gif, mis on pilt.

913
00:40:07,450 --> 00:40:08,590
Ja nüüd uuesti.

914
00:40:08,590 --> 00:40:11,040
Ja wow-- nii nüüd olen
päris lähedal, öeldes,

915
00:40:11,040 --> 00:40:15,860
meeldima 1999. aasta versioon Google, ja
ausalt, 2014 versioon Google,

916
00:40:15,860 --> 00:40:16,360
õige?

917
00:40:16,360 --> 00:40:21,920
>> Nii et see on nüüd oma veebilehel,
lõpuks, kui ma otsin kassi.

918
00:40:21,920 --> 00:40:23,900
Ja tõepoolest on.

919
00:40:23,900 --> 00:40:26,410
Aga mida ma teha teistmoodi
selles versioonis 4?

920
00:40:26,410 --> 00:40:28,020
Nii et me ei ela liiga palju siin.

921
00:40:28,020 --> 00:40:30,100
Näete seda probleemi
pani seitse lõpuks.

922
00:40:30,100 --> 00:40:31,350
Aga teate ma tegin mõned asjad.

923
00:40:31,350 --> 00:40:33,690
>> I tutvustas div
tag, mis on jaotus,

924
00:40:33,690 --> 00:40:35,450
sarnase sisuga lõik tag.

925
00:40:35,450 --> 00:40:38,220
Aga jaotus on nagu, siin
ristkülikukujulise nähtamatu piirkonna

926
00:40:38,220 --> 00:40:39,150
ekraani.

927
00:40:39,150 --> 00:40:41,680
Anname talle kordumatu
tunnus, jalus, vaid

928
00:40:41,680 --> 00:40:44,700
nii et me võime rääkida
see meie HTML mujal.

929
00:40:44,700 --> 00:40:47,952
Siin on veel üks div lehel
kelle ID saab olema sisu.

930
00:40:47,952 --> 00:40:49,160
See on lehe sisu.

931
00:40:49,160 --> 00:40:51,090
Ja siin on päises lehel.

932
00:40:51,090 --> 00:40:54,960
>> Teisisõnu, ma olen
sisuliselt HTML olen vaimselt

933
00:40:54,960 --> 00:40:57,700
vaatavad veebilehe
kolme komponendi kaudu

934
00:40:57,700 --> 00:41:01,200
siin selle nähtamatu ristkülik,
sisu keskel ja siis

935
00:41:01,200 --> 00:41:04,800
jalus allapoole, isegi
kuigi me ei näe neid asju.

936
00:41:04,800 --> 00:41:09,940
Sest ma tahan minu juht
leht siin või .css faili

937
00:41:09,940 --> 00:41:11,460
Võin seda süntaksit.

938
00:41:11,460 --> 00:41:13,070
>> Päise ei ole tag.

939
00:41:13,070 --> 00:41:17,060
See ID nii selgub
välja, et seda tehes #header,

940
00:41:17,060 --> 00:41:20,840
Nüüd saan taotleda ühe või mitme
omadused päises.

941
00:41:20,840 --> 00:41:24,130
Ma võin teha sama sisu,
sama sisu siin.

942
00:41:24,130 --> 00:41:27,230
>> Nii näiteks jalus, teade
kõik need omadused, ma olen lisades.

943
00:41:27,230 --> 00:41:30,660
Ja ma tean, et nad on olemas lihtsalt lugemine
üles dokumentatsiooni CSS.

944
00:41:30,660 --> 00:41:33,450
Fondi suurus saab olema smaller--
nii et mõned fondi suhteline suurus.

945
00:41:33,450 --> 00:41:34,741
Kaal saab olema julge.

946
00:41:34,741 --> 00:41:37,340
Margin-- mitu pikslit
umbes it-- on 20 pikslit.

947
00:41:37,340 --> 00:41:38,590
Ja see saab olema keskne.

948
00:41:38,590 --> 00:41:40,256
>> Aga praegu, leht näeb välja selline.

949
00:41:40,256 --> 00:41:42,840
Kui ma ei ole rahul
minu koopia seal,

950
00:41:42,840 --> 00:41:46,560
Ma võiks teha midagi punast värvi.

951
00:41:46,560 --> 00:41:50,570
Ja siis ma võib päästa see, reload,
ja nüüd ma olen stiliseeritud jalus.

952
00:41:50,570 --> 00:41:54,130
Nii et see on lihtsalt vihjab võimu
mida saate teha veebilehe

953
00:41:54,130 --> 00:41:55,510
seisu muutmiseks.

954
00:41:55,510 --> 00:41:59,080
>> Ja isegi lahedam kui see, kui sa tahad
tuhnima tegelike veebilehed,

955
00:41:59,080 --> 00:42:00,810
sa ei saa jäädavalt muuta.

956
00:42:00,810 --> 00:42:03,640
Aga kui ma avada
Chrome'i inspektor uuesti

957
00:42:03,640 --> 00:42:07,610
ja ma lähen mitte vasakul pool
siin, mis näitab Facebooki HTML,

958
00:42:07,610 --> 00:42:11,380
kuid näitab paremal
pool kõik oma CSS,

959
00:42:11,380 --> 00:42:13,789
saate kas ja
asju muuta lennult.

960
00:42:13,789 --> 00:42:15,080
Nii et lubage mul minna ja seda teha.

961
00:42:15,080 --> 00:42:18,670
>> Lubage mul minna ja kontroll
siis see juhuslik sõna siin,

962
00:42:18,670 --> 00:42:21,230
kirjutada, ja klõpsake nuppu Kontrolli Element.

963
00:42:21,230 --> 00:42:25,130
Chrome väga mugavalt hüppab
H1 tag et Facebook kasutab.

964
00:42:25,130 --> 00:42:27,290
Ja teate siin Facebook
on omamoodi laisalt

965
00:42:27,290 --> 00:42:29,960
kõva kodeeritud kirja suurust kui vara siin.

966
00:42:29,960 --> 00:42:33,530
>> Nii lahe asi, kuigi on
et kui ma tegelikult minna siin

967
00:42:33,530 --> 00:42:39,560
ja öelda, oh, Facebook, mulle ei meeldi, et
64 pikslit, saame muuta Facebook.

968
00:42:39,560 --> 00:42:42,590
Muidugi, me ainult selle muutmist
mulle isiklikult hetkel.

969
00:42:42,590 --> 00:42:45,150
Aga see on lihtsalt üks
vahendiks meie tööriistakomplekt

970
00:42:45,150 --> 00:42:48,360
mis toimub, mis võimaldab meil näpistama
ja aru saada ja ka diagnoosida

971
00:42:48,360 --> 00:42:49,729
küsimusi oma veebilehekülgedele.

972
00:42:49,729 --> 00:42:52,270
Ja me võiksime samamoodi minna üle
siin, mis on sama asi.

973
00:42:52,270 --> 00:42:55,830
Kui sa tõesti tahad saada väljamõeldud, ma
Tähendab, nüüd saab tõesti muteeruda lehekülg

974
00:42:55,830 --> 00:42:57,380
ja teha hullud asjad.

975
00:42:57,380 --> 00:42:59,870
>> Miks see kõik kasulik?

976
00:42:59,870 --> 00:43:02,330
Noh, lõpuks, me oleme
kavatse soovite olla

977
00:43:02,330 --> 00:43:07,110
võimalik luua veebilehti, mis
on ajendatud meie endi tagasi otsad,

978
00:43:07,110 --> 00:43:10,520
mitte ainult Google ja
allhanke kolp seal.

979
00:43:10,520 --> 00:43:13,510
Me tegelikult tahavad
väärtus, näiteks

980
00:43:13,510 --> 00:43:18,830
Meie otsingumootori tegevus
atribuut minna mitte keegi teine,

981
00:43:18,830 --> 00:43:24,270
kuid midagi search.php,
kus search.php on meie enda server,

982
00:43:24,270 --> 00:43:25,670
mitte kellegi teise.

983
00:43:25,670 --> 00:43:30,316
>> Ja nii, et sinna jõuda, me tegelikult
on vaja kehtestada uus keel.

984
00:43:30,316 --> 00:43:33,190
Nii et me oleme juba uurinud ühte uus
keelt siin või kaks tõesti, HTML

985
00:43:33,190 --> 00:43:33,700
ja CSS.

986
00:43:33,700 --> 00:43:36,330
Aga nad tegelikult on lihtsalt
struktuuri- ja esteetiline keeles.

987
00:43:36,330 --> 00:43:38,360
Nad ei programmeerimine
keelte per se.

988
00:43:38,360 --> 00:43:41,160
Ja see on umbes sama palju ametlikke
ajal, kui me kulutame nende kohta.

989
00:43:41,160 --> 00:43:44,910
Kuna hakkame nüüd
üleminek PHP.

990
00:43:44,910 --> 00:43:48,160
>> Nii et PHP on tegelik
programmeerimiskeelt.

991
00:43:48,160 --> 00:43:50,750
See on skript keel
selles mõttes, et see on

992
00:43:50,750 --> 00:43:52,855
pidi olema kergem kaal
kui midagi C.

993
00:43:52,855 --> 00:43:56,082
Ja see on tõlgendanud keeles
mis tähendab, et see ei ole koostatud.

994
00:43:56,082 --> 00:43:58,790
Nii et lühidalt öeldes, mida see tähendas
kui me kasutasime keelt nagu c

995
00:43:58,790 --> 00:44:00,290
ja me pidime kompileerida?

996
00:44:00,290 --> 00:44:02,120
Mis see tähendab, et
koostama C lähtekoodi?

997
00:44:02,120 --> 00:44:03,864

998
00:44:03,864 --> 00:44:04,780
Sihtrühm: [kuuldamatu].

999
00:44:04,780 --> 00:44:06,184
DAVID J Humala: Ütle seda uuesti?

1000
00:44:06,184 --> 00:44:07,100
Sihtrühm: [kuuldamatu].

1001
00:44:07,100 --> 00:44:07,962

1002
00:44:07,962 --> 00:44:08,920
DAVID J Humala: Perfect.

1003
00:44:08,920 --> 00:44:10,180
Selgub see binaarne.

1004
00:44:10,180 --> 00:44:14,200
Selgub see nullidega ja need
tegelikest inglise moodi lähtekoodi.

1005
00:44:14,200 --> 00:44:16,424
Ja siis me saame tegelikult
käivitada need nullidega ja need

1006
00:44:16,424 --> 00:44:18,840
lastes neid läbi
CPU topeltklõpsuga ikooni

1007
00:44:18,840 --> 00:44:19,980
või töötab käsk.

1008
00:44:19,980 --> 00:44:23,770
>> PHP ja Python ja Ruby
ja Perl ja JavaScript

1009
00:44:23,770 --> 00:44:26,250
ja kobarad muu
keeli tõlgendada

1010
00:44:26,250 --> 00:44:29,290
keeles, mis tähendab,
sa ei koguma neid.

1011
00:44:29,290 --> 00:44:34,220
Pigem sa toita neid sisendina
programmi nimega tõlk.

1012
00:44:34,220 --> 00:44:36,640
Ja et tõlk
mis keegi kirjutas,

1013
00:44:36,640 --> 00:44:40,930
loeb oma lähtekoodi ülalt alla,
vasakult paremale ja siis tõlgendab

1014
00:44:40,930 --> 00:44:43,000
need liinid ja teeb seda, mida sa ütled.

1015
00:44:43,000 --> 00:44:45,360
>> Nii et kui sul tekib
rida, mis ütleb, print,

1016
00:44:45,360 --> 00:44:48,660
see ei pruugi teisendada print
vastavaks nullid ja ones.

1017
00:44:48,660 --> 00:44:51,910
See lihtsalt on see tõlk nagu
suur kui tingimus, mis ütleb:

1018
00:44:51,910 --> 00:44:56,110
kui programmeerija õpe
printida, siis tehke järgmist.

1019
00:44:56,110 --> 00:44:58,170
Seega tõlgendab seda lihtsalt
poolt loogikat

1020
00:44:58,170 --> 00:44:59,800
läbi, mida sa räägid seda teha.

1021
00:44:59,800 --> 00:45:01,320
>> Ja PHP on üks nendest keeltest.

1022
00:45:01,320 --> 00:45:05,310
Ja PHP aastat tagasi oli kavandatud
just veebi programmeerimine.

1023
00:45:05,310 --> 00:45:08,160
Ja see oli algselt
väga lohakas räpane keel.

1024
00:45:08,160 --> 00:45:10,940
Ja tõepoolest, seal on suur
summa halb PHP kood seal.

1025
00:45:10,940 --> 00:45:13,520
Aga keel ise
on küpsenud aastate jooksul

1026
00:45:13,520 --> 00:45:16,200
nii palju, et nüüd on see
tegelikult imeline järgmine samm

1027
00:45:16,200 --> 00:45:19,970
pedagoogiliselt C, sest see on
nii darned tuttavad kõik

1028
00:45:19,970 --> 00:45:22,380
sa oled näinud viimase paari nädala jooksul.

1029
00:45:22,380 --> 00:45:25,724
>> Üks esialgsest vahest me näha
kas on olemas mingit põhiülesanne enam.

1030
00:45:25,724 --> 00:45:28,890
Kui hakkate kirjalikult koodi, see on lihtsalt
hakka täide ükskõik mida,

1031
00:45:28,890 --> 00:45:30,220
nagu me näeme ühel hetkel.

1032
00:45:30,220 --> 00:45:33,320
Vahepeal siin on, mida
muutuja näeb PHP.

1033
00:45:33,320 --> 00:45:35,840
See on veidi erinev,
vaid vaevu.

1034
00:45:35,840 --> 00:45:39,380
>> PHP, ei ole tugev kirjutades.

1035
00:45:39,380 --> 00:45:41,430
Seal on nädal kirjutama,
mis tähendab lihtsalt seal

1036
00:45:41,430 --> 00:45:44,030
on andmetüübid nagu stringid
ja numbreid ja muid asju.

1037
00:45:44,030 --> 00:45:47,030
Aga sa ei viitsinud täpsustades
mida nad on enam.

1038
00:45:47,030 --> 00:45:48,980
PHP ise selle peale teile.

1039
00:45:48,980 --> 00:45:52,030
Dollari märk on lihtsalt otsuse
et PHP inimesed teinud aastaid

1040
00:45:52,030 --> 00:45:54,890
tagasi nii, et iga muutuja PHP
lihtsalt algab dollari märk.

1041
00:45:54,890 --> 00:45:58,130
See on tegelikult omamoodi kasulik,
ta hüppab välja ennast natuke rohkem.

1042
00:45:58,130 --> 00:46:01,315
>> Kuid pärast seda, selle
Tingimuseks on, PHP.

1043
00:46:01,315 --> 00:46:03,140

1044
00:46:03,140 --> 00:46:04,730
Mis on erinev võrreldes C?

1045
00:46:04,730 --> 00:46:07,180

1046
00:46:07,180 --> 00:46:09,600
Komm question-- midagi,
mis on tegelikult väga kena.

1047
00:46:09,600 --> 00:46:12,140
Loogiline väljendeid PHP-- sama.

1048
00:46:12,140 --> 00:46:19,354
Loogiline väljendeid ja vastu
või lülitid, silmad, silmad, loops-- OK,

1049
00:46:19,354 --> 00:46:20,270
see üks on erinev.

1050
00:46:20,270 --> 00:46:22,660
>> Nii selgub seal
paar muud funktsioonid PHP.

1051
00:46:22,660 --> 00:46:25,243
Üks neist on tegelikult selles,
mis on imeliselt mugav.

1052
00:46:25,243 --> 00:46:29,250
Kui $ numbrid on massiiv, et olete
deklareeritud varem programmi

1053
00:46:29,250 --> 00:46:33,350
teil on see väljamõeldud iga konstrukt
selle asemel, et teeme kõik, et

1054
00:46:33,350 --> 00:46:37,020
tüütu I võrdub 0, I
alla selle, [? Ma ++?]

1055
00:46:37,020 --> 00:46:40,320
iga numbrite arvu, kus iga
Nende dollari märk väärtused on lihtsalt

1056
00:46:40,320 --> 00:46:42,790
varieeruv ja viimane
sa ei mõtle nagu I.

1057
00:46:42,790 --> 00:46:44,290
Sa võid nimetada seda kõike, mida sa tahad.

1058
00:46:44,290 --> 00:46:45,770
Ma kutsusin ta number.

1059
00:46:45,770 --> 00:46:48,825
See läheb itereerima üle
massiivi nimetatakse numbrid.

1060
00:46:48,825 --> 00:46:51,200
Ja iga iteratsiooni, see on
läheb automaatselt uuendada

1061
00:46:51,200 --> 00:46:54,340
Teile dollari märk number
muutuv, nii et sa pidevalt

1062
00:46:54,340 --> 00:46:58,210
juurdepääs muutuja soovid
ilma teha mis tahes nurksulg

1063
00:46:58,210 --> 00:47:00,980
märke või indekseerimise massiivi.

1064
00:47:00,980 --> 00:47:04,950
>> Peale selle, meil on isegi asjad
massiivid, mis näevad välja peaaegu sama,

1065
00:47:04,950 --> 00:47:08,210
välja arvatud see on väga tavaline, kui jagame
vaata nii PHP ja JavaScript

1066
00:47:08,210 --> 00:47:10,750
eelnevalt initsialiseerida massiivi
kasutades nurksulgudes.

1067
00:47:10,750 --> 00:47:12,040
C kasutab lokkis traksid.

1068
00:47:12,040 --> 00:47:15,330
Nii et see on veidi erinev, kuigi
me tegelikult ei kasuta, et trikk palju.

1069
00:47:15,330 --> 00:47:20,090
>> Kuid veelgi võimsamalt,
PHP on assotsiatiivne massiivid

1070
00:47:20,090 --> 00:47:23,100
mis on fancy viis
öelda hash tabeleid.

1071
00:47:23,100 --> 00:47:31,610
Tegelikult, kui sa tahad kuulutada hash
tabeli PHP erinevalt C-, kui palju

1072
00:47:31,610 --> 00:47:34,775
rida koodi kulus kuni
tegelikult ellu hash tabeli C?

1073
00:47:34,775 --> 00:47:38,310
Või kui palju ridu koodi on see
võttes rakendama hash tabeli C?

1074
00:47:38,310 --> 00:47:39,820
Nii et see on ilmselt palju, eks?

1075
00:47:39,820 --> 00:47:41,680
See on mõnikümmend, võib-olla 100 või 200.

1076
00:47:41,680 --> 00:47:42,980
See on nontrivial.

1077
00:47:42,980 --> 00:47:45,420
Või on see umbes olla, kui
saate kohe näha, nontrivial

1078
00:47:45,420 --> 00:47:48,080
rakendada hash tabelit
[Kuuldamatu] ja ka proovida.

1079
00:47:48,080 --> 00:47:50,580
Aga PHP-- ja ausalt öeldes, ma
ilmselt ei tohiks seda sulle öelda

1080
00:47:50,580 --> 00:47:53,630
kuni Monday-- PHP, kui
soovite tabeli teha.

1081
00:47:53,630 --> 00:47:56,431
See on hash table-- nii
ühe rida koodi.

1082
00:47:56,431 --> 00:47:56,930
Ning

1083
00:47:56,930 --> 00:47:58,810
>> Palju keeli teha.

1084
00:47:58,810 --> 00:48:00,190
Nautige pset viis.

1085
00:48:00,190 --> 00:48:01,980
Nii palju keeli teha.

1086
00:48:01,980 --> 00:48:03,050

1087
00:48:03,050 --> 00:48:06,140
Nad annavad teile need veevõtu
et teised inimesed, teised programmeerijad

1088
00:48:06,140 --> 00:48:09,870
loonud teid nii, et
te ei saa seista oma õlgadele

1089
00:48:09,870 --> 00:48:13,290
ja hakata kasutama ideid, mis on super
kaalukad, nagu hash tabelid ja puud

1090
00:48:13,290 --> 00:48:14,140
ning püüab.

1091
00:48:14,140 --> 00:48:17,790
Aga sa ei pea
rakendada neid asju ise.

1092
00:48:17,790 --> 00:48:20,850
>> Ja nii lõpuks, mida
me ei kavatse kasutada PHP jaoks

1093
00:48:20,850 --> 00:48:23,580
potentsiaalselt kirjalikult programmid
selle nn käsurealt.

1094
00:48:23,580 --> 00:48:26,600
Me võiksime uuesti iga programmi
oleme kirjutanud selle semestri seni

1095
00:48:26,600 --> 00:48:30,410
välja arvatud ehk Breakout mis kasutab SPL,
mis on spetsiifiline C hetkel.

1096
00:48:30,410 --> 00:48:33,100
Kuid iga muu probleem määrata,
kindlasti Mario ja Caesar

1097
00:48:33,100 --> 00:48:35,300
ja Vigenere ja
[? Crack?] Ja edasi oleme

1098
00:48:35,300 --> 00:48:39,520
võib uuesti rakendada PHP, ja
ilmselt vähe kergemini.

1099
00:48:39,520 --> 00:48:43,050
>> Aga mida me lõpuks läheb
kasutada PHP on veebi programmeerimine.

1100
00:48:43,050 --> 00:48:46,420
Ja me ei kavatse kehtestada järgmise
nädal vaimne mudel, paradigma nimetatakse

1101
00:48:46,420 --> 00:48:49,610
MVC mudel vaade kontroller,
mis siis, kui sa oled teinud programmeerimine

1102
00:48:49,610 --> 00:48:51,610
enne Python või
Ruby või mujal, siis

1103
00:48:51,610 --> 00:48:54,112
võiksid teada selle meeskond
Rails ja Django jms.

1104
00:48:54,112 --> 00:48:55,820
Aga kui sa oled uus
ka see, näete

1105
00:48:55,820 --> 00:48:59,652
et see on tegelikult väga loomulik
pikendamine teguriteks

1106
00:48:59,652 --> 00:49:01,360
ja omamoodi disain
kood, mis me oleme

1107
00:49:01,360 --> 00:49:04,670
teinud C. Me läheme nüüd
kehtivad mõned neist lugu PHP

1108
00:49:04,670 --> 00:49:07,190
nii et lõpuks oleme
rakendades oma veebilehed.

1109
00:49:07,190 --> 00:49:09,080
Ja kui sa oled omamoodi
mesmerized või üllatunud

1110
00:49:09,080 --> 00:49:10,954
et me ei kavatse teha
kõik nii kiiresti,

1111
00:49:10,954 --> 00:49:13,410
mõistma, et peaaegu iga
semester, ligi 90%

1112
00:49:13,410 --> 00:49:16,560
õpilased CS50, sealhulgas
kes ei ole kunagi programmeeritud enne,

1113
00:49:16,560 --> 00:49:20,329
lõpuks teha lõplik projekte, mis
põhinevad veebi programmeerimine.

1114
00:49:20,329 --> 00:49:23,120
Ja nii sa näed, et naaseb
on kõrge lähinädalatel.

1115
00:49:23,120 --> 00:49:24,965
Nii et me näeme siis esmaspäeval.

1116
00:49:24,965 --> 00:49:27,260

1117
00:49:27,260 --> 00:49:30,120
>> SPEAKER 1: Ja nüüd, Deep
Mõtted, mida Daven Farnham.

1118
00:49:30,120 --> 00:49:34,055

1119
00:49:34,055 --> 00:49:34,780
Hash tabelites.

1120
00:49:34,780 --> 00:49:37,180

1121
00:49:37,180 --> 00:49:38,402
>> [NAER]

1122
00:49:38,402 --> 00:49:38,902