1
00:00:00,000 --> 00:00:11,470

2
00:00:11,470 --> 00:00:12,764
>> SPEAKER 1: Kõik, eks tere tulemast tagasi.

3
00:00:12,764 --> 00:00:14,140
See on CS50.

4
00:00:14,140 --> 00:00:16,800
Ja see on algusest nädalal üheksa.

5
00:00:16,800 --> 00:00:19,960
Ja see on algusest ülejäänud
oma aega CS50, kus me

6
00:00:19,960 --> 00:00:23,170
ülemineku nüüd lõpuks veebis
aspekt muidugi, kus saate

7
00:00:23,170 --> 00:00:26,200
leiavad, et palju põhialuste et
oleme olnud eksportivate nädalat

8
00:00:26,200 --> 00:00:29,270
veel tagasi tulla külla,
või kummitama, meiega.

9
00:00:29,270 --> 00:00:33,440
Aga nüüd, leiad, et see on
suurusjärgus lihtsam

10
00:00:33,440 --> 00:00:36,540
täita teatud ülesandeid ja
Teatud probleemide lahendamiseks -

11
00:00:36,540 --> 00:00:41,050
nii palju, et isegi siis, kui sa arvasid,
teatud probleem komplekti oli lõbus oma

12
00:00:41,050 --> 00:00:44,200
omal moel, ma arvan, et sa leiad,
et p seatud 7, lk määrata 8, ja siis,

13
00:00:44,200 --> 00:00:47,990
lõpuks, lõplik projekt on
seda enam meeldiv, sest sul

14
00:00:47,990 --> 00:00:51,830
leiavad, et hakkame enesestmõistetavaks
nüüd asjad mälu haldamine ja

15
00:00:51,830 --> 00:00:54,190
suunanäitajaks, ja mis toimub
on alla kapuuts.

16
00:00:54,190 --> 00:00:57,310
Ja jälle, temaatilised, kõik kogu
semester on see kihilisus

17
00:00:57,310 --> 00:00:58,030
ja kihistumist.

18
00:00:58,030 --> 00:01:00,530
Ja nüüd me oleme omamoodi üles
Siin seisab

19
00:01:00,530 --> 00:01:01,930
õlgadele nädalat varem.

20
00:01:01,930 --> 00:01:05,360
>> Nüüd mäletate viimast korda, et me
rääkis, kuidas internet toimib.

21
00:01:05,360 --> 00:01:08,120
Ja see oli võib-olla
järeleandmisi, kuid pidage meeles, et

22
00:01:08,120 --> 00:01:12,960
iga arvuti maailmas on IP
lahendada, kuigi see on natuke

23
00:01:12,960 --> 00:01:14,570
järeleandmisi ikka.

24
00:01:14,570 --> 00:01:18,180
Ja need aadressid on kasutatud üheselt
kindlaks masinate et

25
00:01:18,180 --> 00:01:22,010
kui saadate teavet või pakette,
nii rääkida, võib neil päritolu

26
00:01:22,010 --> 00:01:24,000
aadress ja sihtkoha aadress.

27
00:01:24,000 --> 00:01:27,830
Ja need samad IP-aadressid on võimalik kasutada
nii hea kui ka kurja,

28
00:01:27,830 --> 00:01:29,270
sind jälgida, näiteks.

29
00:01:29,270 --> 00:01:32,200
Tegelikult igaüks teist koos sülearvuti
avada nüüd või telefoni oma

30
00:01:32,200 --> 00:01:35,070
tasku, on IP aadress
on Harvard võrku.

31
00:01:35,070 --> 00:01:39,120
Ja see pole veel kõik, et raske
korrelatsioonis, et kes ja kus sa

32
00:01:39,120 --> 00:01:40,180
on nendel päevadel.

33
00:01:40,180 --> 00:01:42,090
Aga rohkem sellest ehk
tulevikus.

34
00:01:42,090 --> 00:01:46,510
>> Nüüd ma mõtlesin, et ma tagasi tuua mõned
mälestused [? suurendada?] ja teile

35
00:01:46,510 --> 00:01:49,360
teise klipi näidata teile
võite leida tuttav.

36
00:01:49,360 --> 00:01:52,710
Kui me saaksime päevasõidutulede tuled
vaid paar sekundit.

37
00:01:52,710 --> 00:01:53,960
Näita Numb3rs.

38
00:01:53,960 --> 00:01:57,510

39
00:01:57,510 --> 00:02:00,540
>> SPEAKER 2: See on 32-bitine IPP4 aadress.

40
00:02:00,540 --> 00:02:01,610
>> SPEAKER 3: IPP nagu internet?

41
00:02:01,610 --> 00:02:02,968
>> SPEAKER 2: Private võrku.

42
00:02:02,968 --> 00:02:04,960
Et Amita isiklik võrk.

43
00:02:04,960 --> 00:02:16,930

44
00:02:16,930 --> 00:02:19,602
Ta on nii hämmastav.

45
00:02:19,602 --> 00:02:21,030
>> SPEAKER 3: Tule, Charlie.

46
00:02:21,030 --> 00:02:21,490
>> SPEAKER 2: See on.

47
00:02:21,490 --> 00:02:22,470
Peegel IP aadress.

48
00:02:22,470 --> 00:02:27,680
Ta lastes meile vaadata, mida
ta on teinud reaalajas.

49
00:02:27,680 --> 00:02:30,930
>> SPEAKER 1: OK, nii et mõned asjad
sellel pildil valesti.

50
00:02:30,930 --> 00:02:32,920
Nii et üks ja see on vastuvõetav,
see on tegelikult

51
00:02:32,920 --> 00:02:34,400
ei ole kehtiv IP-aadress.

52
00:02:34,400 --> 00:02:38,190
Kehtiv IP aadress peab olema numbrid
vormi w.x.y.z, kus iga

53
00:02:38,190 --> 00:02:40,000
need kirjad on 0-255.

54
00:02:40,000 --> 00:02:42,330
Aga see on hea, sest nagu
filmi, kus nad võltsitud telefoninumbrite

55
00:02:42,330 --> 00:02:43,520
need võlts IP aadresse.

56
00:02:43,520 --> 00:02:45,230
Sa tegelikult ei tabanud tõeline servereid.

57
00:02:45,230 --> 00:02:46,760
>> Kuid mind sa, et see on brauseris.

58
00:02:46,760 --> 00:02:50,760
Ja brauserid ei hakka kirjutamine
arvuti koodi niimoodi.

59
00:02:50,760 --> 00:02:54,230
Ja kui me vaatame veidi sügavamale, teate
et keel, et nad näevad

60
00:02:54,230 --> 00:02:57,040
ekraanil on keeles nimetatakse
Eesmärk C, mis on keel,

61
00:02:57,040 --> 00:02:59,520
mis iPhone apps on kirjutatud,
eriti need, mis hõlmavad

62
00:02:59,520 --> 00:03:03,540
värvipliiatsid, kui näete
lähtekoodi siin.

63
00:03:03,540 --> 00:03:06,600

64
00:03:06,600 --> 00:03:07,560
>> OK, ma arvasin, et see oli naljakas.

65
00:03:07,560 --> 00:03:12,240
Nii et see koodilõik on absoluutselt
midagi pistmist iganes see

66
00:03:12,240 --> 00:03:13,940
eriti episood oli umbes.

67
00:03:13,940 --> 00:03:17,590
Nii nali on omamoodi on inimesed
võttes selleks antud.

68
00:03:17,590 --> 00:03:20,220
Kuid see ei ole kõik, et raske saada
nende tehnilised üksikasjad oleksid õiged.

69
00:03:20,220 --> 00:03:21,980
Ja ma kutsun teid.

70
00:03:21,980 --> 00:03:25,530
Ja tegelikult, 50 võib väga hästi rikkuda
palju telesaateid ja filme või te

71
00:03:25,530 --> 00:03:27,320
sest leiad, et see on lihtsalt
ei ole võimalik see, mida nad on

72
00:03:27,320 --> 00:03:28,630
tehes ekraanil.

73
00:03:28,630 --> 00:03:31,750
Aga tõesti, see on kood, mida
võib näha seda iPhone rakendus

74
00:03:31,750 --> 00:03:33,640
või Mac OS.

75
00:03:33,640 --> 00:03:35,685
See on midagi üldse
pistmist turvalisus.

76
00:03:35,685 --> 00:03:38,610
Nii et hoidke silma peal rohkem
selline lõbus asjad niimoodi.

77
00:03:38,610 --> 00:03:42,720
>> Aga täna me hakkame sukelduda tegelikult
sügavalt kõiki keeli.

78
00:03:42,720 --> 00:03:45,410
Tõepoolest, üks üldine
takeaways selle osa

79
00:03:45,410 --> 00:03:51,815
Muidugi ei ole teada, kuidas programmeerida
PHP, mitte õppida SQL iseenesest ei

80
00:03:51,815 --> 00:03:58,100
õppida JavaScript per se, vaid pigem
õpetada ise, kuidas õpetada

81
00:03:58,100 --> 00:04:02,030
ise uusi keeli, sest tõepoolest,
hakkame võtma nüüd

82
00:04:02,030 --> 00:04:06,020
Apupyörät maha nii, et pärast
kursuse lõpuks, sa ei saa eeldada, 20

83
00:04:06,020 --> 00:04:08,890
lehekülje kirjelduse öelda, kuidas
rakendada mõningaid programmi.

84
00:04:08,890 --> 00:04:12,970
Sul on piisavalt koostisaineid oma
meele ja piisavalt vahendeid oma tööriist

85
00:04:12,970 --> 00:04:15,750
kit, kellega alustada hoone
lahendusi probleemidele huvi

86
00:04:15,750 --> 00:04:19,130
sa mõnda õpilast rühmas mõnda
uurimisprojekti, või tõesti midagi

87
00:04:19,130 --> 00:04:20,140
Teile huvi pakkuda.

88
00:04:20,140 --> 00:04:24,150
>> Nii suunas, et lõpuks meelde, et see oli
Pildil juhtis ta viimast korda.

89
00:04:24,150 --> 00:04:27,620
Ja see on kaks arvutit, kliendi ja
katkestama, räägi üksteisega.

90
00:04:27,620 --> 00:04:31,130
Ja protokolli, keel, nii et
rääkida, et need kaks arvutit juhtuma

91
00:04:31,130 --> 00:04:33,220
kõnelda nimetatakse HTTP.

92
00:04:33,220 --> 00:04:37,730
Ja see on lihtsalt kasutatav protokoll
arvutid teabe edastamiseks üle

93
00:04:37,730 --> 00:04:38,710
World Wide Web.

94
00:04:38,710 --> 00:04:41,770
Web, on muidugi vaid üks teenus
mis jookseb peal

95
00:04:41,770 --> 00:04:43,000
niinimetatud internet.

96
00:04:43,000 --> 00:04:48,660
Mis muu teenus saadaval
tippu internet nendel päevadel?

97
00:04:48,660 --> 00:04:51,600
Mõned teised protokoll või - mis see on?

98
00:04:51,600 --> 00:04:52,300
>> Publik: FTP.

99
00:04:52,300 --> 00:04:52,790
>> SPEAKER 1: FTP.

100
00:04:52,790 --> 00:04:54,630
Nii File Transfer Protocol on teine.

101
00:04:54,630 --> 00:04:56,050
Enamik teist ilmselt ei ole seda kasutanud.

102
00:04:56,050 --> 00:04:58,830
Aga enamik te ilmselt kasutada
asjad Gchat või vahetu

103
00:04:58,830 --> 00:05:00,970
Sõnumid üldisemalt
kindlasti email.

104
00:05:00,970 --> 00:05:04,470
Ja need ka, on teenused, mis töötavad
tippu internet, sest kell

105
00:05:04,470 --> 00:05:08,180
Päeva lõpuks on internet ise
tegelikult lihtsalt saada andmeid punktist A

106
00:05:08,180 --> 00:05:12,480
punkti B. Ja see kasutab mitmeid
osakesed ise üks neist või kaks

107
00:05:12,480 --> 00:05:17,340
neist enamik tavaliselt nimetatakse TCP / IP,
mis tähendab, et üks arvuti

108
00:05:17,340 --> 00:05:19,960
Internetis võib tegelikult olla teeme
erinevaid asju, email,

109
00:05:19,960 --> 00:05:20,980
ja web, ja nii edasi.

110
00:05:20,980 --> 00:05:22,220
Google teeb palju see.

111
00:05:22,220 --> 00:05:26,310
Niisiis, kuidas on neid teenuseid üheselt
kindlaks, kas me ütleme, arvuti

112
00:05:26,310 --> 00:05:29,080
mis võiks tegelikult olla teeme
mitu asja?

113
00:05:29,080 --> 00:05:29,860
>> Pordi number.

114
00:05:29,860 --> 00:05:34,180
Ja need on vaid suvalise inimese
konventsioonides, nagu 80 on web, 443 on

115
00:05:34,180 --> 00:05:36,580
krüpteeritud web, 25 on e-mail.

116
00:05:36,580 --> 00:05:38,230
Ja seal on kobarad teised.

117
00:05:38,230 --> 00:05:41,860
Ja need numbrid on lihtsalt lisatud
need paketid teabe, nende

118
00:05:41,860 --> 00:05:46,230
virtuaalne ümbrikus, mis tegelikult
sisalduva taotluse või vastus.

119
00:05:46,230 --> 00:05:51,300
>> Nii et kui sa tagasi vastus
web, tavaliselt sa ei näe

120
00:05:51,300 --> 00:05:54,780
numbrid üldse seisukohalt
staatuse kood vastust.

121
00:05:54,780 --> 00:05:56,770
Sa tegelikult ei näe
tööst

122
00:05:56,770 --> 00:05:58,090
paketid, mis tulevad tagasi.

123
00:05:58,090 --> 00:05:59,860
Aga 200 tähendab tõesti OK.

124
00:05:59,860 --> 00:06:01,530
Ja see tähendab, et kõik on hästi.

125
00:06:01,530 --> 00:06:02,870
Te olete näinud hunnik neid.

126
00:06:02,870 --> 00:06:05,710
Mis on ilmselt kõige levinum
olete näinud netis?

127
00:06:05,710 --> 00:06:05,980
>> 404.

128
00:06:05,980 --> 00:06:07,330
See tähendab lihtsalt, faili ei leitud.

129
00:06:07,330 --> 00:06:08,270
See tähendab, keegi keeras.

130
00:06:08,270 --> 00:06:11,450
Sa tegid mida mistyping URL või keegi
teine ​​tegi andes teile

131
00:06:11,450 --> 00:06:15,100
vigane URL, või need kustutatakse
faili ja URL on endiselt

132
00:06:15,100 --> 00:06:16,130
mida kasutavad inimesed.

133
00:06:16,130 --> 00:06:19,670
Nii tahes mitmel põhjusel võimalik seletada
miks faili ei leitud.

134
00:06:19,670 --> 00:06:22,990
Ja te näete, et lähinädalatel,
need teised veakoodid, ja sa pead

135
00:06:22,990 --> 00:06:24,195
ära mõned neist.

136
00:06:24,195 --> 00:06:25,760
Halvim on 500.

137
00:06:25,760 --> 00:06:29,820
Kui saad 500 viga koodi olete
kirjutada, mõelda, et kui mingi

138
00:06:29,820 --> 00:06:33,290
analoog seg rikete
maailmas veebi programmeerimine.

139
00:06:33,290 --> 00:06:34,560
See ei ole päris nii kohutav.

140
00:06:34,560 --> 00:06:36,660
Aga see lihtsalt tähendab, et kusagil,
sa silmamunad.

141
00:06:36,660 --> 00:06:38,260
Seega ootan neid.

142
00:06:38,260 --> 00:06:39,910
>> Aga vaatame, kas me saame
näha neid kontekstis.

143
00:06:39,910 --> 00:06:43,460
Lubage mul minna brauseri siin
ja tehke järgmist.

144
00:06:43,460 --> 00:06:45,710
Nii et see on Chrome, mis juhtub
paigaldada seade.

145
00:06:45,710 --> 00:06:49,410
Aga kõige iga brauser nendel päevadel on
mõned samaväärset funktsionaalsust.

146
00:06:49,410 --> 00:06:52,610
Ma lähen üles Chrome'i menüü
ja mine Tools, ja ma lähen

147
00:06:52,610 --> 00:06:53,990
Arendaja tööriistad.

148
00:06:53,990 --> 00:06:57,040
Ja te näete, et see väike paneel
avaneb akna allosas.

149
00:06:57,040 --> 00:07:00,190
Teine otsetee, kui aus olla, siis ma
Tavaliselt kasutan ise on Paremklõps

150
00:07:00,190 --> 00:07:04,370
või kontrolli nuppu kuskil netis
lehele ja minge kontrollige element.

151
00:07:04,370 --> 00:07:07,440
Ja see ei ole ainult avatud
see on teile.

152
00:07:07,440 --> 00:07:10,230
See avab ka konkreetselt
Elements osa kohta

153
00:07:10,230 --> 00:07:11,430
vasakul pool.

154
00:07:11,430 --> 00:07:12,460
>> Nii et me muidugi näeme Google.

155
00:07:12,460 --> 00:07:13,930
Nad muutsid oma logo täna.

156
00:07:13,930 --> 00:07:20,200
Aga kui ma keri üles siin, teate
et alla Elements, näed

157
00:07:20,200 --> 00:07:23,460
mida nimetatakse HTML, hyper
Keel ja see on keel

158
00:07:23,460 --> 00:07:26,000
et see ja kõik veebilehti,
tõesti on kirjutatud sisse

159
00:07:26,000 --> 00:07:28,950
Aga see on tegelikult vormindatud
meile nii palju readably

160
00:07:28,950 --> 00:07:29,970
kui see tavaliselt on.

161
00:07:29,970 --> 00:07:34,810
Tegelikult, kui ma suumida ja ma selle asemel
lihtsalt paremklõps või Control Click

162
00:07:34,810 --> 00:07:39,630
Klõpsake lehel, ja seejärel minna Vaata
Page Source, see on sõna otseses mõttes, mida

163
00:07:39,630 --> 00:07:42,150
Google saatnud oma brauseris.

164
00:07:42,150 --> 00:07:46,480
>> Nii mõned isiku kirjutas
Google.com kasutades lähtekoodi.

165
00:07:46,480 --> 00:07:47,790
Enamik see ei ole HTML.

166
00:07:47,790 --> 00:07:49,340
See on tegelikult keeles nimetatakse
JavaScript, mis

167
00:07:49,340 --> 00:07:50,880
me tuleme kolmapäeval.

168
00:07:50,880 --> 00:07:55,580
Aga mida Chrome, ja see, mida iga brauser
saab teha meie jaoks, on selline vaata

169
00:07:55,580 --> 00:07:59,610
minevikus kõik distractions
hull süntaks ja taastavad tühik

170
00:07:59,610 --> 00:08:02,940
meile ja isegi süntaksi esiletõstmise,
või toonida asjad meie jaoks.

171
00:08:02,940 --> 00:08:06,470
Nii et sa leiad, et need niinimetatud
kehitystyökalut ehitatud brauserid

172
00:08:06,470 --> 00:08:10,830
teeb oma elu nii, nii palju lihtsam
sest sa võid avastada, läbi selle menüü

173
00:08:10,830 --> 00:08:13,940
liides, just see, mida nende aluseks olevate
lähtekoodi on

174
00:08:13,940 --> 00:08:15,750
iga lehekülg internetis.

175
00:08:15,750 --> 00:08:19,070
Ja tõepoolest, see on üks kõige
tõhusamaid viise, et õppida, kuidas seda teha

176
00:08:19,070 --> 00:08:22,860
midagi uut, vähemalt siis, kui leht
ei ole nii keeruline, et uputama, on

177
00:08:22,860 --> 00:08:26,700
alustada poking ümber on HTML, vaata
selle nn CSS, mis me tuleme

178
00:08:26,700 --> 00:08:30,310
et natuke ka selleks, et saada
arusaam, et programmeerija

179
00:08:30,310 --> 00:08:33,480
rakendanud eelkõige
funktsiooni osas.

180
00:08:33,480 --> 00:08:36,530
>> Aga tehniliselt huvitav õigus
nüüd saab olema see.

181
00:08:36,530 --> 00:08:39,429
Kui ma lähen Network sakk
olgem nüüd selge see.

182
00:08:39,429 --> 00:08:43,429
Ma lähen kliki vähe
rist sümbol siin, ja siis

183
00:08:43,429 --> 00:08:45,630
minna teise veebilehel.

184
00:08:45,630 --> 00:08:48,430
Ja ma olen lihtsalt kavatse tüüpi
aastal Facebook.com.

185
00:08:48,430 --> 00:08:51,940
No HTTP, mitte HTTPS ei WWW.

186
00:08:51,940 --> 00:08:53,850
Olgem tegelikult näha, mis juhtub siin.

187
00:08:53,850 --> 00:08:55,030
>> Enter.

188
00:08:55,030 --> 00:08:58,480
Nüüd teate terve hunnik asju lihtsalt
ilmus see alumine paneel, in

189
00:08:58,480 --> 00:09:00,285
Lisaks veebilehe
ilmumist top.

190
00:09:00,285 --> 00:09:04,890
Ma lähen, et kerida tagasi üles
Network sakk siin, ja ma lähen

191
00:09:04,890 --> 00:09:06,080
klõpsa esimesel real.

192
00:09:06,080 --> 00:09:10,580
Mis see tööriist läheb ilmutab meile
on iga ühe HTTP taotlusi

193
00:09:10,580 --> 00:09:13,550
et kiiresti lihtsalt läksin tagasi ja
edasi-minu brauseris

194
00:09:13,550 --> 00:09:14,930
ja Facebook serverisse.

195
00:09:14,930 --> 00:09:17,830
Ja nii iga üks neist read
on üks selline taotlus või

196
00:09:17,830 --> 00:09:20,970
Vastuseks ühe või mitme
need virtuaalsed ümbrikus.

197
00:09:20,970 --> 00:09:24,080
Või rohkem juhuslikult, see on nagu inimene
nagu inimene, kliendile

198
00:09:24,080 --> 00:09:26,710
restoran, paludes midagi
uuesti ja uuesti ja uuesti.

199
00:09:26,710 --> 00:09:29,400
Ja kelner hoiab tuues
tagasi ühekaupa.

200
00:09:29,400 --> 00:09:33,850
>> Nüüd, kui ma suurendada selle, teate
ja see on selline asi,

201
00:09:33,850 --> 00:09:36,600
et sa oled teretulnud ja julgustada
mängida oma, sest me

202
00:09:36,600 --> 00:09:38,150
ei lähe läbi kõik
väga üksikasjalikult.

203
00:09:38,150 --> 00:09:40,070
Aga teate, seal on
mõned sub tabs siin -

204
00:09:40,070 --> 00:09:43,700
Päised, Eelvaade Response,
Küpsised ja ajastus.

205
00:09:43,700 --> 00:09:48,280
Ma lihtsalt vaadata päiseid
nüüd, sest need on vähe

206
00:09:48,280 --> 00:09:53,600
koostisainete sees ümbriku
aidata andmeid saada ja kohtadest.

207
00:09:53,600 --> 00:09:57,590
>> Nii et esimene, las ma klõpsa see, Vaata
Allikas kõrval Soovin päised.

208
00:09:57,590 --> 00:10:01,910
On nõue, et minu brauser,
Chrome, sel juhul saadetakse sees

209
00:10:01,910 --> 00:10:02,910
et virtuaalne ümbrikus.

210
00:10:02,910 --> 00:10:04,800
Sul meenutada möödunud nädalal
käsitsi kirjutatud see kuigi

211
00:10:04,800 --> 00:10:06,380
teeseldes brauserit.

212
00:10:06,380 --> 00:10:09,980
Seejärel meenutas server, et see on
otsin vastuvõtva nimega

213
00:10:09,980 --> 00:10:10,835
Facebook.com.

214
00:10:10,835 --> 00:10:13,630
Ja siis seal on natuke rohkem keerulisse
teavet, mis me laine

215
00:10:13,630 --> 00:10:14,830
meie käed nüüd.

216
00:10:14,830 --> 00:10:18,640
>> Aga kui ma hakkan keri nüüd
see aken, lubage mul saada

217
00:10:18,640 --> 00:10:19,980
vastus päised.

218
00:10:19,980 --> 00:10:23,270
See oli see, mis on loodud virtuaalses
ümbrik, et tulin tagasi

219
00:10:23,270 --> 00:10:24,095
Facebook.com.

220
00:10:24,095 --> 00:10:27,390
Ja kui ma nuppu Kuva Lähtekood lihtsalt
näha toores teksti see,

221
00:10:27,390 --> 00:10:28,400
märgata mõningaid asju.

222
00:10:28,400 --> 00:10:32,130
Üks, Facebook räägib ka sama
protokoll, versioon 1.1 sätestatut.

223
00:10:32,130 --> 00:10:33,390
Nii et on tore.

224
00:10:33,390 --> 00:10:36,820
Aga staatuse kood 301,
püsivalt liigutatud.

225
00:10:36,820 --> 00:10:38,880
>> Noh, Kui Heck Kas Facebook minna?

226
00:10:38,880 --> 00:10:40,430
Mis see üritad edastada meile?

227
00:10:40,430 --> 00:10:44,310
Noh, teate siia seal on teine
päis nimega Location.

228
00:10:44,310 --> 00:10:51,050
Miks on Facebook ütleb mulle, et nad
püsivalt liigutatud, et URL

229
00:10:51,050 --> 00:10:53,580
kõrval Asukoht?

230
00:10:53,580 --> 00:10:54,962
Ma unustasin www.

231
00:10:54,962 --> 00:10:56,250
>> Nii et oli minu valik.

232
00:10:56,250 --> 00:11:00,450
Tegelikult enamik meist harva, arvatavasti
kirjuta www.whatever.com nendel päevadel.

233
00:11:00,450 --> 00:11:03,390
Aga selgub, süsteemiadministraator,
nagu Facebook, saavad

234
00:11:03,390 --> 00:11:06,800
seadistada oma servereid nii
et kas Facebook.com töötab, või

235
00:11:06,800 --> 00:11:12,450
www.Facebook.com töötab, või, tõesti,
selline eesliide ees oma

236
00:11:12,450 --> 00:11:13,210
domeeninimi.

237
00:11:13,210 --> 00:11:14,500
Nii nad tegid seda meie eest.

238
00:11:14,500 --> 00:11:16,910
Ja neid suunates meid ilmselt
mõned tehnilised,

239
00:11:16,910 --> 00:11:18,100
mõned põhjustel.

240
00:11:18,100 --> 00:11:21,570
Nad tahavad lihtsalt õgvenda
edasi www.Facebook.com.

241
00:11:21,570 --> 00:11:24,040
>> Aga see pole päris see.

242
00:11:24,040 --> 00:11:28,560
Kui ma keri siin, lähme
vaata, mis juhtub.

243
00:11:28,560 --> 00:11:30,810
See ütleb mulle, et me
püsivalt liigutatud

244
00:11:30,810 --> 00:11:33,450
http://www.Facebook.com.

245
00:11:33,450 --> 00:11:36,620
Nii vaatame teise taotluse
et minu brauser saadab.

246
00:11:36,620 --> 00:11:40,070
Kahjuks tundub, et Facebook
liikunud jälle, sest teine

247
00:11:40,070 --> 00:11:44,420
taotluse, valides et URL selle asemel,
ütleb, et liiga, kolis

248
00:11:44,420 --> 00:11:45,010
jäädavalt.

249
00:11:45,010 --> 00:11:48,140
Ja las ma keri siin
et vastus päised.

250
00:11:48,140 --> 00:11:51,530
Kus on Facebook läinud nüüd?

251
00:11:51,530 --> 00:11:52,680
>> Nii HTTPS.

252
00:11:52,680 --> 00:11:56,130
Nüüd Facebook on alanud,
eriti arvestades praegust

253
00:11:56,130 --> 00:11:59,750
Viimaste kuude sündmused, eelkõige ja
ka viimase paari aasta jooksul

254
00:11:59,750 --> 00:12:03,670
sundida kõik oma kasutajatele, hea
Muide, kasutada HTTPS, mis on rohkem

255
00:12:03,670 --> 00:12:06,210
kindlustada, kuigi mitte täiesti turvaline.

256
00:12:06,210 --> 00:12:10,000
Ja nüüd minu leheküljel minu brauser on
kavatse nõuda selle kolmanda URL.

257
00:12:10,000 --> 00:12:14,710
Ja nüüd lõpuks, saame
muidu nähtamatu 200 OK.

258
00:12:14,710 --> 00:12:18,830
>> Mis siis maailmas või kogu
need teised read siin.

259
00:12:18,830 --> 00:12:22,630
Ma sõna otseses mõttes kirjutatud üks asi ja minu
brauser tundub, et on taotletud, nagu

260
00:12:22,630 --> 00:12:23,840
20 mõned kummalised asjad.

261
00:12:23,840 --> 00:12:24,640
Mis see on?

262
00:12:24,640 --> 00:12:25,810
>> Publik: Skriptid?

263
00:12:25,810 --> 00:12:28,460
>> SPEAKER 1: Scripts, et teised failid
kirjutatud keeles nimetatakse

264
00:12:28,460 --> 00:12:30,780
JavaScript, mis jällegi, me
vaata natuke kolmapäeval.

265
00:12:30,780 --> 00:12:32,760
Mida veel?

266
00:12:32,760 --> 00:12:33,390
Style lehed.

267
00:12:33,390 --> 00:12:36,350
Seega midagi keeles nimetatakse
CSS, mis me näha natuke.

268
00:12:36,350 --> 00:12:40,690
GIF ja JPEG ja pngs ja pilte,
ja videofaile - olenemata veebileht

269
00:12:40,690 --> 00:12:43,280
on kõige tõenäolisem
kujul faili.

270
00:12:43,280 --> 00:12:46,750
Ja mis me näeme vasakul
servas on kõik failid

271
00:12:46,750 --> 00:12:50,280
et Chrome pidi alla,
rekursiivselt, kui soovite, et

272
00:12:50,280 --> 00:12:52,430
komponeerida kogu lehel.

273
00:12:52,430 --> 00:12:56,210
>> Niisiis, mida me nägime hetk tagasi Google,
kui ma vajutan Elements

274
00:12:56,210 --> 00:13:00,470
tab see, muidugi, on HTML,
keelt, mis komponeerib seda lehte.

275
00:13:00,470 --> 00:13:01,890
Aga seal on kobarad muid asju.

276
00:13:01,890 --> 00:13:02,640
Seal on logo.

277
00:13:02,640 --> 00:13:04,680
Seal on need, sinakas
ikoonid seal.

278
00:13:04,680 --> 00:13:07,610
Ja seal on muid elemente veel
leht, mis ise võib olla

279
00:13:07,610 --> 00:13:08,610
eraldi failidena.

280
00:13:08,610 --> 00:13:11,860
>> Mis on ilus umbes brauser on, et
vaadeldakse keele me

281
00:13:11,860 --> 00:13:14,690
hakake, või olete juba
hakkas kirjalikult P komplekti 7, arvud

282
00:13:14,690 --> 00:13:17,970
välja, kus need failid elavad ja
läheb ja haarab neid samuti.

283
00:13:17,970 --> 00:13:21,010
Ja ma ei saa piisavalt rõhutada, isegi
kuigi mõned see võib tunduda natuke

284
00:13:21,010 --> 00:13:24,820
kauge või valdav esmapilgul
õppida, kuidas programmi

285
00:13:24,820 --> 00:13:28,500
taotluste veebis, see on
hindamatu mõista, kuidas need

286
00:13:28,500 --> 00:13:29,410
vähe vahendeid tööle.

287
00:13:29,410 --> 00:13:33,830
Need on omamoodi nagu GDB nagu tööriistad
kuid palju lihtsam lõppkokkuvõttes kasutada -

288
00:13:33,830 --> 00:13:37,690
ja tegelikult annab teile silma, milliseid
oleme võtnud ette antud

289
00:13:37,690 --> 00:13:39,170
juba mõnda aega.

290
00:13:39,170 --> 00:13:42,270
>> Mida me saame nüüd teha
seda teavet?

291
00:13:42,270 --> 00:13:44,875
Noh, tegelikult, kui heita pilk
aluseks olevad mõisted HTML.

292
00:13:44,875 --> 00:13:49,025
Ja me edasi lükata, kui meil juba on, et
lõigud sel nädalal, et probleem

293
00:13:49,025 --> 00:13:53,260
määratud 7 spetsifikatsioon, et mõned rohkem
andmed nendest keeltest.

294
00:13:53,260 --> 00:13:57,020
Aga vaatame, kas me ei saa maalida
pilt, mida sa peaksid mõistma,

295
00:13:57,020 --> 00:13:57,940
üldine siin.

296
00:13:57,940 --> 00:14:02,280
>> Nii HTML Hypertext Markup Language,
ei ole programmeerimiskeel.

297
00:14:02,280 --> 00:14:03,520
Mida see tegelikult tähendab?

298
00:14:03,520 --> 00:14:05,690
Nii HTML näeb välja selline.

299
00:14:05,690 --> 00:14:06,810
Ja mõned teist juba teavad seda.

300
00:14:06,810 --> 00:14:08,130
Mõned teist on seda teinud
see juba mõnda aega.

301
00:14:08,130 --> 00:14:10,270
Aga vaatame, kui me ei suuda täita
mõnel toorikud samuti.

302
00:14:10,270 --> 00:14:11,760
Nii märkate paar asja siin.

303
00:14:11,760 --> 00:14:13,030
Üks, see on lihtsalt teksti.

304
00:14:13,030 --> 00:14:15,960
Nii et see on nagu lähtekoodi
C, või mõni muu keel.

305
00:14:15,960 --> 00:14:17,750
>> Pange tähele, et seal tundub
olema muster siin.

306
00:14:17,750 --> 00:14:20,870
Seal on taandus, kuid tehniliselt
taane on lihtsalt inimese

307
00:14:20,870 --> 00:14:21,205
konventsioon.

308
00:14:21,205 --> 00:14:24,980
Brauserid ei hooli, kas seal on uus
joonte ja kaarte nagu me näeme seal.

309
00:14:24,980 --> 00:14:27,410
Aga teate, et seal on
sümmeetria siin.

310
00:14:27,410 --> 00:14:31,180
Seal on see, mida ma kutsun, ülaosas
Selle faili avatud tunnussõna või algus

311
00:14:31,180 --> 00:14:33,030
tag nimega HTML.

312
00:14:33,030 --> 00:14:36,800
Ja siis, allapoole, täiesti vooderdatud
up, meelega teeme looksulg,

313
00:14:36,800 --> 00:14:40,910
näeme sulg, edasi
slash, HTML, sulg.

314
00:14:40,910 --> 00:14:44,610
Nii et see vastab lähedal
tag või end tag, sest see asi.

315
00:14:44,610 --> 00:14:47,990
>> Koos kõik sees
niinimetatud avatud tag ja tihe tag

316
00:14:47,990 --> 00:14:50,440
kirjutada, mida me kutsume element.

317
00:14:50,440 --> 00:14:53,910
Ja me näeme, et üks hetk, see on
tõesti sõlme puud.

318
00:14:53,910 --> 00:14:57,470
Sest kui sa arvad nüüd
taandus et vaikiv siin, siis

319
00:14:57,470 --> 00:15:00,780
selline on, nagu, vanavanem
sõlme nimetatakse HTML.

320
00:15:00,780 --> 00:15:06,870
Mitu last võib teile öelda, mis põhineb
Selle pildi HTML element on?

321
00:15:06,870 --> 00:15:07,720
>> Nii ilmselt kaks.

322
00:15:07,720 --> 00:15:10,240
Üks pea on element, ilmselt.

323
00:15:10,240 --> 00:15:11,710
Ja üks on keha element.

324
00:15:11,710 --> 00:15:12,555
Ja miks kaks last?

325
00:15:12,555 --> 00:15:15,840
Noh, ma olen lihtsalt selline järeldada, et kui
Mul on avatud pea tag ja siis

326
00:15:15,840 --> 00:15:17,820
Sulge pea tag, see element.

327
00:15:17,820 --> 00:15:21,200
Ja siis, kui seal on veel avatud keha
tag ja lähedal body, mis on nagu

328
00:15:21,200 --> 00:15:22,340
teine ​​element.

329
00:15:22,340 --> 00:15:26,000
Nii et selles mõttes, et kui ma mingi pööramine
pilt külili, see on

330
00:15:26,000 --> 00:15:29,910
nagu võttes HTML tag, ja siis
pea tag ja siis body ja

331
00:15:29,910 --> 00:15:34,290
siis mingi teksti, tere, rippuvad
off body ise.

332
00:15:34,290 --> 00:15:36,620
>> Nii saame teha, et olukord
tunduda see.

333
00:15:36,620 --> 00:15:38,020
Kujundid on meelevaldne.

334
00:15:38,020 --> 00:15:40,870
Aga teate, et ma olen kasutanud omamoodi
ellips ülaosas esindama

335
00:15:40,870 --> 00:15:41,860
dokumendis endas.

336
00:15:41,860 --> 00:15:45,980
Selgub, ei saa olla muud kraami
sees veebileht, ma ei ole

337
00:15:45,980 --> 00:15:46,940
tõmmata.

338
00:15:46,940 --> 00:15:50,800
Nii et me ei kavatse isegi riputada HTML
sõlme välja nn dokumendi sõlme.

339
00:15:50,800 --> 00:15:53,730
Ja siis on meil head ja
keha ja pealkiri, teade,

340
00:15:53,730 --> 00:15:55,360
mis on pesastatud edasi.

341
00:15:55,360 --> 00:15:58,650
Ma ei viitsinud panna lisarida
puruneb sees pealkiri tag.

342
00:15:58,650 --> 00:16:02,710
See lihtsalt tundus see oli saada
natuke liiga paljusõnaline.

343
00:16:02,710 --> 00:16:07,000
Nii et ma jätsin ta ühele joonele seal, kus
avatud pealkiri, tere, lähedal pealkiri.

344
00:16:07,000 --> 00:16:09,380
Ja siis on meil mingi tekst
rippuvad off siin.

345
00:16:09,380 --> 00:16:12,200
>> Nii et see pilt tulevad tagasi
meid, kui me sukelduda JavaScript.

346
00:16:12,200 --> 00:16:15,110
Ja mõista, et kui sa
kirjutada HTML meeldib see, mida

347
00:16:15,110 --> 00:16:16,250
on brauseri teed?

348
00:16:16,250 --> 00:16:19,290
Noh, me ei pea muretsema
kuidas ta seda teeb, või mida

349
00:16:19,290 --> 00:16:23,090
algoritm, kuid lõpus päeval,
kui brauser saab HTML nagu

350
00:16:23,090 --> 00:16:27,510
et alates Facebook või Google, see korrastab
, nii et rääkida, ta loeb seda,

351
00:16:27,510 --> 00:16:31,160
midagi nagu fread, ülevalt
alla, vasakult paremale, ja kui see

352
00:16:31,160 --> 00:16:36,300
mõistab, oh, avatud tag ja sulgege
tag, see hakkab malloc niiöelda,

353
00:16:36,300 --> 00:16:37,800
sõlme puu.

354
00:16:37,800 --> 00:16:41,130
Ja kui ta avastab, nagu me oleme kaudselt
siin taandus,

355
00:16:41,130 --> 00:16:45,400
laps sõlme, see mallocs sõlm et
ja lisatud, et puu.

356
00:16:45,400 --> 00:16:49,150
>> Seega puu struktuuri, binaarne puid
sulam kolme puud ja suuremad puud, mis

357
00:16:49,150 --> 00:16:53,380
me pilgu nädal või kaks tagasi, teade
et sama põhimõte on

358
00:16:53,380 --> 00:16:54,220
tulevad meile tagasi.

359
00:16:54,220 --> 00:16:57,590
Ja kes ellu, Chrome iganes
meeskond tegi, et arvatavasti oli

360
00:16:57,590 --> 00:17:00,800
rakendada mingi puu struktuuri
all kapuuts.

361
00:17:00,800 --> 00:17:05,329
Ja see on iseenesest arvatavasti
keeles nagu C või C + + või madalam

362
00:17:05,329 --> 00:17:08,540
tase keeles, kanname
nüüd kasutada atop veebis.

363
00:17:08,540 --> 00:17:11,200
>> Nüüd, võibolla on see tahe
mõttekam.

364
00:17:11,200 --> 00:17:15,420
Tegelik tattoo mõnest mees, kes võiks
kahetsen seda hiljem, omamoodi.

365
00:17:15,420 --> 00:17:17,359
OK, olgu, nii palju web huumor.

366
00:17:17,359 --> 00:17:18,599
See ei ole tõesti
üle nii hästi täna.

367
00:17:18,599 --> 00:17:19,560
Nii me edasi liikuda.

368
00:17:19,560 --> 00:17:20,180
Hea küll.

369
00:17:20,180 --> 00:17:22,760
>> Võtame pilk nüüd
juures mõned näited.

370
00:17:22,760 --> 00:17:24,660
Lihtsaim võimalik
asi võib olla selles.

371
00:17:24,660 --> 00:17:29,170
Ma lähen edasi minna ja avada ka
gedit fail nimega hello.php.

372
00:17:29,170 --> 00:17:31,730

373
00:17:31,730 --> 00:17:36,330
Ja sees siin, ma lähen kiiresti
lihtsalt seda, printf, tsiteerin

374
00:17:36,330 --> 00:17:38,590
lõppeb, "tere."

375
00:17:38,590 --> 00:17:42,460
>> Nii teate, ja ma teen oma Kenoviiva n,
Ma ei ole vaevunud kuulutada peamine.

376
00:17:42,460 --> 00:17:45,310
Selgub, php, ja palju
keeles, sa ei pea peamiseks

377
00:17:45,310 --> 00:17:46,090
funktsioon iseenesest.

378
00:17:46,090 --> 00:17:47,720
Sa võid alustada kirjalikult
oma programmi.

379
00:17:47,720 --> 00:17:51,210
Nüüd, kui ma salvestada see fail, teate ma olen
läheb on teha järgmist.

380
00:17:51,210 --> 00:17:55,360
Ma ei kavatse kasutada tegema, ja ma ei ole
kavatse kasutada rõkkama sest PHP, erinevalt

381
00:17:55,360 --> 00:17:57,400
C, ei ole koostatud keeles.

382
00:17:57,400 --> 00:18:01,400
See on see, mida nimetatakse tõlgendada
keel, mis tähendab, et sa jooksed ta

383
00:18:01,400 --> 00:18:04,650
kui sisend läbi teise programmi
nimetatakse tõlk.

384
00:18:04,650 --> 00:18:08,150
Ja et programm loeb seda, ülevalt
alla, vasakult paremale, ja teeb

385
00:18:08,150 --> 00:18:09,290
mida sa öelda tahad.

386
00:18:09,290 --> 00:18:12,920
>> Nii et selles asjas on mul
üks rida, mis ütleb printf.

387
00:18:12,920 --> 00:18:17,990
Nii et kui ma saan selle lähtekoodi
hello.php, kuigi programm, mis

388
00:18:17,990 --> 00:18:22,830
juhtub, mugavalt, mida nimetatakse PHP,
et programm PHP loen

389
00:18:22,830 --> 00:18:26,120
see fail, ülevalt alla, vasakult paremale,
ja see saab teha seda, mida ma

390
00:18:26,120 --> 00:18:30,110
öelda seda, mida teha - täidesaatva kood, ja kui
ta ei tunne midagi, lihtsalt

391
00:18:30,110 --> 00:18:31,320
sülitada välja.

392
00:18:31,320 --> 00:18:34,940
Nii et ma lähen edasi minna ja
käivitada PHP kohta hello.php.

393
00:18:34,940 --> 00:18:37,110
Enter.

394
00:18:37,110 --> 00:18:39,690
>> Ja see pole päris see, mida ma ette.

395
00:18:39,690 --> 00:18:40,530
Noh, miks see nii on?

396
00:18:40,530 --> 00:18:43,910
Noh, PHP on keel, mis on tegelikult
eesmärk on olla üsna

397
00:18:43,910 --> 00:18:46,150
põimunud veebis.

398
00:18:46,150 --> 00:18:50,460
Tehes veebilehti selles keeles
PHP, nagu me varsti näeme, siis me

399
00:18:50,460 --> 00:18:54,560
tahad teha midagi print
välja rida niimoodi.

400
00:18:54,560 --> 00:18:55,940
>> Ma lähen seda tegema.

401
00:18:55,940 --> 00:19:00,810
Sulg, küsimärk, PHP, ja
nüüd ma lihtsalt taane lihtsalt hoida

402
00:19:00,810 --> 00:19:01,960
asjad kena.

403
00:19:01,960 --> 00:19:04,910
Ja nüüd ma lähen tegema, küsimus
tähistada sulg.

404
00:19:04,910 --> 00:19:06,270
Nii et seal on natuke asümmeetria siin.

405
00:19:06,270 --> 00:19:07,490
Sa ei saa seda teha.

406
00:19:07,490 --> 00:19:10,530
Ja sa ei pea tegema slash, nii
PHP on veidi erinev.

407
00:19:10,530 --> 00:19:14,610
>> Aga nüüd, kui ma uuesti, see programm,
PHP hello.php nüüd ma

408
00:19:14,610 --> 00:19:16,090
tegelikult saada Hello World.

409
00:19:16,090 --> 00:19:17,750
Ja me näeme, miks see on väärtuslik.

410
00:19:17,750 --> 00:19:20,960
Üks, see võimaldab mul täpsustada,
super sõnaselgelt, et see on

411
00:19:20,960 --> 00:19:22,480
kood, käivitada see.

412
00:19:22,480 --> 00:19:25,480
Ja see on tõesti see, mida need
eriline sildid tähenda siin.

413
00:19:25,480 --> 00:19:30,330
>> Aga see tähendab ka, et kui ma lihtsalt teha
midagi ma eesmärk siin, et

414
00:19:30,330 --> 00:19:34,000
tähendab, et sõna otseses mõttes, et lihtsalt
välja trükkida, ilma vajaduseta

415
00:19:34,000 --> 00:19:36,850
tegelikult helistada printf või printida,
või muu sarnane funktsioon.

416
00:19:36,850 --> 00:19:39,445
Nii et me tuleme tagasi, et
vaid hetk.

417
00:19:39,445 --> 00:19:40,470
>> Esiteks, ärgem seda teha.

418
00:19:40,470 --> 00:19:43,950
Seadme sisemust, meil
kataloog nimega Vhosts, virtuaalne

419
00:19:43,950 --> 00:19:47,000
võõrustajate kärpida kohalik host, kärpida avalik.

420
00:19:47,000 --> 00:19:50,240
Nii et see on natuke verbose, kuid pikk lugu
lühike, et seade on mõeldud mitte

421
00:19:50,240 --> 00:19:53,770
ainult toetada C. Samuti
kavandatud toetama PHP.

422
00:19:53,770 --> 00:19:57,440
Aga see on ka mõeldud web
server ja andmebaas server.

423
00:19:57,440 --> 00:20:00,230
Ja see on projekteeritud ja tõeliselt konfigureeritud,
olema meenutab iga

424
00:20:00,230 --> 00:20:04,230
kaubik web hosting ettevõte, mis
sa võiksid maksta $ 5 kuus,

425
00:20:04,230 --> 00:20:05,040
$ 100 kuus.

426
00:20:05,040 --> 00:20:08,200
Ükskõik teenus on, see on konfigureeritud
olla väga sarnane

427
00:20:08,200 --> 00:20:10,170
Reaalses maailmas tootmise server.

428
00:20:10,170 --> 00:20:13,485
>> Ja mida see tähendab, on see, et see töötab
Seade on veebiserveri tarkvara.

429
00:20:13,485 --> 00:20:15,060
See juhtub, et kutsuda Apache.

430
00:20:15,060 --> 00:20:17,790
See on lihtsalt tasuta ja avatud lähtekoodiga
ja väga populaarne.

431
00:20:17,790 --> 00:20:23,260
Ja meil on seadistatud Apache teada
et kui ma külastan teatud URL, koos

432
00:20:23,260 --> 00:20:28,060
Chrome või brauseri sees
seade, et uurida selle kataloogi

433
00:20:28,060 --> 00:20:31,030
failide jaoks
kasutaja taotleb.

434
00:20:31,030 --> 00:20:32,790
>> Teisisõnu, andke
minna ja seda teha.

435
00:20:32,790 --> 00:20:36,890
Toas minu avalik kataloog, ma lähen
minna ja luua uus fail

436
00:20:36,890 --> 00:20:39,580
nimega index.html.

437
00:20:39,580 --> 00:20:41,000
See annab mulle lingile siin.

438
00:20:41,000 --> 00:20:44,210
Ja ma lähen väga kiiresti
ja minna ja paugu välja

439
00:20:44,210 --> 00:20:45,010
Selle programmi siin.

440
00:20:45,010 --> 00:20:48,410
DOCTYPE HTML, mis nüüd, just
eeldan, et sa pead kirjutama.

441
00:20:48,410 --> 00:20:53,490
See on lihtsalt kauge tag, mis ei ole
tõeliselt HTML tag, mis määrab, et

442
00:20:53,490 --> 00:20:55,050
siin on mõned HTML.

443
00:20:55,050 --> 00:20:57,400
>> Ma lähen edasi minna ja taastada
mida nägime hetkeks tagasi.

444
00:20:57,400 --> 00:20:58,650
Siin on pea osas.

445
00:20:58,650 --> 00:21:01,170
Toas oli pea -

446
00:21:01,170 --> 00:21:01,890
nii pealkiri.

447
00:21:01,890 --> 00:21:04,340
Nii ütleme tere, maailm.

448
00:21:04,340 --> 00:21:06,570
Ja siis siin all oli body.

449
00:21:06,570 --> 00:21:08,580
Lubage mul lõpetada body.

450
00:21:08,580 --> 00:21:12,280
Ja siis siin ma ka öelda,
lihtsalt selguse, tere.

451
00:21:12,280 --> 00:21:14,770
>> Nii et see on väidetavalt lihtsaim
võimalik veebileht te

452
00:21:14,770 --> 00:21:15,770
saab teha, et see kehtib.

453
00:21:15,770 --> 00:21:17,030
See on süntaktiliselt korrektne.

454
00:21:17,030 --> 00:21:18,620
Kõik, mis on avatud on suletud.

455
00:21:18,620 --> 00:21:20,910
Kõik on kenasti
stiilis ja liigestatud.

456
00:21:20,910 --> 00:21:23,600
Vaatame nüüd, kuidas ma
saab avada faili.

457
00:21:23,600 --> 00:21:25,540
>> Noh, lubage mul minna Chrome siin.

458
00:21:25,540 --> 00:21:35,050
Ja lubage mul minna
http://localhost/index.html.

459
00:21:35,050 --> 00:21:36,200
Mis on kohalik server?

460
00:21:36,200 --> 00:21:39,400
Noh, kõige tahes arvuti maailmas,
Linux, Mac OS, Windows, on hüüdnimi

461
00:21:39,400 --> 00:21:40,680
kutsus kohalik host.

462
00:21:40,680 --> 00:21:42,900
Nii et kui sa kunagi tahad rääkida
oma arvutisse -

463
00:21:42,900 --> 00:21:45,140
olgugi, veidralt reflexively -

464
00:21:45,140 --> 00:21:47,080
helistate ise kohalik host.

465
00:21:47,080 --> 00:21:50,390
Ükskõik milline on sinu tegelik arvuti
nimetatakse, kas see on Taaveti MacBook

466
00:21:50,390 --> 00:21:52,490
Air, või midagi
verbose niimoodi.

467
00:21:52,490 --> 00:21:57,760
>> Nii et see link on ilmselt kavatse kasutada
HTTP rääkida kohaliku peremehe

468
00:21:57,760 --> 00:22:00,800
sama arvuti, seadme-ja
see läheb küsida, võtke lihtsalt

469
00:22:00,800 --> 00:22:02,570
arvan, mida faili?

470
00:22:02,570 --> 00:22:04,460
Index.html.

471
00:22:04,460 --> 00:22:08,650
Seega seade on konfigureeritud
eelnevalt teada, et kui ma palun

472
00:22:08,650 --> 00:22:13,460
midagi nagu index.html, otsige
kausta nimega Vhosts, in

473
00:22:13,460 --> 00:22:17,950
kausta nimega localhost, kausta
selles nn avalik.

474
00:22:17,950 --> 00:22:20,400
See on koht, kus kõik mu avalik
faile saab olema.

475
00:22:20,400 --> 00:22:22,610
Nii et ma nüüd lähen Enter.

476
00:22:22,610 --> 00:22:27,100
>> Ja kurat, on see keelatud
sõnum, mida nimetatakse 403,

477
00:22:27,100 --> 00:22:28,490
numbrilise koodi.

478
00:22:28,490 --> 00:22:30,130
Mis on valesti?

479
00:22:30,130 --> 00:22:33,210
Noh, see ei ole piisav, et lihtsalt panna
faili sees minu kausta.

480
00:22:33,210 --> 00:22:35,790
Mul on vaja tegelikult teha järgmist.

481
00:22:35,790 --> 00:22:40,210
>> Lase mul minna minu Vhosts kataloog sisseveo
localhost, riikliku ja lase

482
00:22:40,210 --> 00:22:41,680
Teen Kas kriips l.

483
00:22:41,680 --> 00:22:44,510
Ja seal on mõned muud asjad
siin tänase eesmärkidel.

484
00:22:44,510 --> 00:22:50,540
Aga teate vasakul servas, kõrval
et index.html, me näha ainult üks RW.

485
00:22:50,540 --> 00:22:53,560
Ja minevikus, mida
on RW seisis?

486
00:22:53,560 --> 00:22:54,240
>> Lihtsalt lugeda ega kirjutada.

487
00:22:54,240 --> 00:22:58,000
Asjaolu, et ta ütleb rw vasakul
tähendab, et mul on selle faili omanikku, saab

488
00:22:58,000 --> 00:22:59,020
lugeda või kirjutada.

489
00:22:59,020 --> 00:23:05,010
Aga mul on vaja, et lasta kõik inimesed
maailma lugeda seda, kuigi mitte kirjutada.

490
00:23:05,010 --> 00:23:09,650
Nii et ma lähen muuta viisi
faili chmod, kõik pluss r anda

491
00:23:09,650 --> 00:23:13,910
igaüks lugeda luba edasi
fail nimega index.html.

492
00:23:13,910 --> 00:23:18,040
>> Ja kui ma nüüd Korda LS kriips l, teade
et, siin on mõned rohkem

493
00:23:18,040 --> 00:23:19,160
Ri on hüppasid üles.

494
00:23:19,160 --> 00:23:21,090
Ja nüüd, spec läheb
üksikasjalikumalt.

495
00:23:21,090 --> 00:23:24,450
P komplekti 7, mis tähendab lihtsalt kõigile
saab nüüd lugeda seda faili.

496
00:23:24,450 --> 00:23:27,790
Kui ma lähen tagasi oma brauseris
nüüd ja uuesti, voila.

497
00:23:27,790 --> 00:23:28,750
Tere maailm.

498
00:23:28,750 --> 00:23:32,260
>> Ja ma ei saa isegi avada minu Chrome tööriistad
ja vaata, just nagu Google ja

499
00:23:32,260 --> 00:23:34,590
Facebook, et seal on minu HTML,
vormindatud vähe

500
00:23:34,590 --> 00:23:35,930
erinevalt ja värviline.

501
00:23:35,930 --> 00:23:40,450
Kui ma lähen võrgu kaart ja asetage
lehekülje märgata, et seal on saada

502
00:23:40,450 --> 00:23:42,900
taotleda, et Chrome on saatmine
seadmele.

503
00:23:42,900 --> 00:23:46,020
Seal on 200 kohta, et
konkreetse faili.

504
00:23:46,020 --> 00:23:49,340
Nii lühike, on see, kuidas kõik need
erinevat tulevad kokku.

505
00:23:49,340 --> 00:23:53,530
See lihtsalt nii juhtub, et web server
me kasutame praegu ei ole väike,

506
00:23:53,530 --> 00:23:54,210
nagu Facebook.

507
00:23:54,210 --> 00:23:58,330
See on sõna otseses mõttes sama arvuti,
mis on täiesti OK.

508
00:23:58,330 --> 00:24:00,590
>> Nii et mida rohkem me saame teha veebilehele?

509
00:24:00,590 --> 00:24:03,110
Noh, lihtsalt, lähme põgusalt
paari neid asju.

510
00:24:03,110 --> 00:24:07,860
Aga lubage mul minna ja uuesti
Gedit koos index.html.

511
00:24:07,860 --> 00:24:13,980
Ja lubage mul minna ja tere öelda CS50,
salvestada see fail, mine tagasi

512
00:24:13,980 --> 00:24:16,260
brauser, tõesti underwhelming muutusi.

513
00:24:16,260 --> 00:24:19,130
>> Aga mis siis, kui me tahame, et tegelikult
linkida midagi nüüd?

514
00:24:19,130 --> 00:24:23,480
Nii selgub, et meil on
lingid HTML, mis on lihtsalt sildid

515
00:24:23,480 --> 00:24:24,140
ise.

516
00:24:24,140 --> 00:24:27,320
See juhtub, et kutsuda
ankur tag. href võrdub

517
00:24:27,320 --> 00:24:33,190
https://www.cs50.net, www.cs50.net
Sulge quote, sulg.

518
00:24:33,190 --> 00:24:35,230
Ja nüüd vaatame, mis
muidu tuleb järgmisena.

519
00:24:35,230 --> 00:24:36,500
>> Olen avatud tag.

520
00:24:36,500 --> 00:24:38,990
Nüüd on vaja, et anda sellele
fraas nagu CS50.

521
00:24:38,990 --> 00:24:40,600
Lubage mul lõpetada tag.

522
00:24:40,600 --> 00:24:42,010
Ja teate mõned asjad.

523
00:24:42,010 --> 00:24:45,270
Kuigi seal on see segasena asi
siin, ma ei korrata, kui sa

524
00:24:45,270 --> 00:24:46,010
sulgeda tag.

525
00:24:46,010 --> 00:24:48,230
Sa lihtsalt sulgeda tag
tema nimi üksi.

526
00:24:48,230 --> 00:24:50,940
Ja see on see, mis on tuntud kui
atribuudi väärtus.

527
00:24:50,940 --> 00:24:56,070
Omadused lihtsalt muuta käitumist
Mõnede tag sees lehekülg.

528
00:24:56,070 --> 00:24:59,150
>> Nii et see on määratud kindlaks, et hüper
viide, fancy viis öelda

529
00:24:59,150 --> 00:25:03,660
URL selle ankur, selle
link peaks olema CS50.net.

530
00:25:03,660 --> 00:25:07,440
Ja tekst, mida me tahame näidata
kasutaja ei ole nii toores URL, vaid pigem

531
00:25:07,440 --> 00:25:08,730
sõna CS50.

532
00:25:08,730 --> 00:25:13,710
>> Nii et kui nüüd ma uuesti laadida, lubage mul suurendada eest
selgus, lubage mul asendusostu lehekülge,

533
00:25:13,710 --> 00:25:16,460
teate, et meil on see vana kooli
sinine allajoonitud link.

534
00:25:16,460 --> 00:25:20,000
Ja kui ma hover üle, ja see toimub
olla raske näha, et all vasakul

535
00:25:20,000 --> 00:25:23,690
nurgas ekraani, teate
et ta ütleb aadressi, kuhu

536
00:25:23,690 --> 00:25:24,430
Ma lähen minema.

537
00:25:24,430 --> 00:25:27,940
Ja kui ma vajutan sinna, voila,
nüüd ma teen veebilehti.

538
00:25:27,940 --> 00:25:30,140
Ja me oleme viinud end
et kodulehekülg.

539
00:25:30,140 --> 00:25:32,670
>> Aga teate, mis potentsiaal
see pakub meile.

540
00:25:32,670 --> 00:25:34,890
Turvalisus on väga palju
moes nendel päevadel.

541
00:25:34,890 --> 00:25:41,210
Mis siis, kui ma selle asemel öelda midagi
seda, ja ma selle asemel minna, ütleme, olgem

542
00:25:41,210 --> 00:25:42,460
vaata, fakeCS50.net.

543
00:25:42,460 --> 00:25:44,660

544
00:25:44,660 --> 00:25:46,360
Värskenda seda lehte.

545
00:25:46,360 --> 00:25:50,180
>> OK, nii et teate seda ikka näeb välja nagu ma olen
läheb CS50, kui nutikas silma

546
00:25:50,180 --> 00:25:51,560
märkad ma lähen võlts CS50.

547
00:25:51,560 --> 00:25:54,550
Ma arvan, see domeen ei ole võtnud.

548
00:25:54,550 --> 00:25:55,960
OK, nii see ei ole kättesaadav.

549
00:25:55,960 --> 00:25:56,600
Nii see on hea.

550
00:25:56,600 --> 00:25:57,900
Keegi tegelikult on, et domeen.

551
00:25:57,900 --> 00:26:00,380
>> Aga olgem veidi pahatahtlik
sest see on tobe.

552
00:26:00,380 --> 00:26:02,240
Mis siis, kui me muudame seda Paypal.

553
00:26:02,240 --> 00:26:09,960
Ja mis siis, kui me nimetame seda, nagu,
www.paypal.badguy.com,

554
00:26:09,960 --> 00:26:12,070
olenemata domeeni.

555
00:26:12,070 --> 00:26:13,700
See ilmselt olemas.

556
00:26:13,700 --> 00:26:16,260
Nüüd lubage mul asendusostu lehekülge.

557
00:26:16,260 --> 00:26:22,890
Ja siin me oleme omamoodi phishing
rünnak, P-H-I-S-H-I-N-G, mis on

558
00:26:22,890 --> 00:26:26,760
tobe sõna antud rünnak
püüab kala teavet või parem

559
00:26:26,760 --> 00:26:30,450
veel, raha välja inimesed tricking
neid teabe, et

560
00:26:30,450 --> 00:26:31,990
nad muidu ei tee.

561
00:26:31,990 --> 00:26:33,500
See tundub täiesti õigustatud, eks?

562
00:26:33,500 --> 00:26:34,930
Mul peab olema link siin Paypal.com.

563
00:26:34,930 --> 00:26:37,700

564
00:26:37,700 --> 00:26:40,430
In õigluse, kui ma mingit sugu ta välja mõned
graafika, saame muuta see otsima

565
00:26:40,430 --> 00:26:41,310
rohkem nagu PayPal.

566
00:26:41,310 --> 00:26:41,510
Õigus?

567
00:26:41,510 --> 00:26:43,815
Sest ma saaksin, kui kõrvale jätta,
Ma võiks minna Paypal.com.

568
00:26:43,815 --> 00:26:47,110
Ja me oleme just näinud, kuidas ma saan
vaata kõik oma HTML.

569
00:26:47,110 --> 00:26:50,560
Ma võiks lihtsalt kopeerida ja uuesti
esteetika Paypal mitte minna

570
00:26:50,560 --> 00:26:51,490
vana kooli siin.

571
00:26:51,490 --> 00:26:55,010
Aga teate, muidugi, ja see on natuke
väike ikka, ainult põhja

572
00:26:55,010 --> 00:26:59,190
vasakus nurgas, et nagu 10 punkti
font, sa näed, mida URL oled

573
00:26:59,190 --> 00:27:01,310
tegelikult saab olema viis.

574
00:27:01,310 --> 00:27:06,580
>> Ja kui te olete kunagi saanud rämpsposti öelda
minna, ja sa oled konto

575
00:27:06,580 --> 00:27:07,420
on rikutud.

576
00:27:07,420 --> 00:27:10,615
Palun kliki seda linki ja andke teada,
oma parool, et saaksime tagada oled

577
00:27:10,615 --> 00:27:13,010
sa, ei ole kunagi seda teha.

578
00:27:13,010 --> 00:27:14,180
Need asjad peaks olema iseenesestmõistetav.

579
00:27:14,180 --> 00:27:17,670
Aga see on imeliselt lõbus, ja
traagiline, kuidas igal aastal see tundub

580
00:27:17,670 --> 00:27:19,660
juhtuda mõned nullist
hulk inimesi.

581
00:27:19,660 --> 00:27:21,400
>> Ja see on ilu
phishing rünnakuid.

582
00:27:21,400 --> 00:27:23,160
Võite saata miljoni e-kirju.

583
00:27:23,160 --> 00:27:27,720
Ja isegi kui 0,01% inimestest tegelikult
klõpsa Paypal ja teile oma

584
00:27:27,720 --> 00:27:31,040
parool, see on ikka nullist number
inimesed, kes olen lihtsalt annab

585
00:27:31,040 --> 00:27:32,200
sa oma raha.

586
00:27:32,200 --> 00:27:36,170
Ja saata e-kirju, muidugi, on üsna
lihtne ja sisuliselt vaba

587
00:27:36,170 --> 00:27:36,970
nendel päevadel.

588
00:27:36,970 --> 00:27:40,410
>> Nii pikk lugu lühike, imeliselt
ilus mõte, eks?

589
00:27:40,410 --> 00:27:44,620
Aastaid tagasi, see oli varem
veebis, mis võimaldab web

590
00:27:44,620 --> 00:27:46,330
hüperlinkide vahel ressursse.

591
00:27:46,330 --> 00:27:49,520
Aga nii kiiresti see võiks olla
kasutatakse haige eesmärkidel.

592
00:27:49,520 --> 00:27:54,100
Ja e-posti, siis piisab sellest, kui öelda, need
päeva, on HTML varjatud sees.

593
00:27:54,100 --> 00:27:55,410
>> Noh, las ma lihtsalt veel üks asi.

594
00:27:55,410 --> 00:27:58,640
Ja me lükata suuresti jagu
probleem seatud seitse, mis võimaldab teil

595
00:27:58,640 --> 00:28:00,000
uurida üksikasju.

596
00:28:00,000 --> 00:28:01,990
Aga lubage mul minna ja
teha mõned asjad siin.

597
00:28:01,990 --> 00:28:04,840
Ma lähen minema ja kuulutama
mida nimetatakse div või

598
00:28:04,840 --> 00:28:06,080
jagunemise osas.

599
00:28:06,080 --> 00:28:07,770
Lubage mul lõpetada, et div tag.

600
00:28:07,770 --> 00:28:11,460
>> Ja ma ütlen üles
siin lehe ülaosas.

601
00:28:11,460 --> 00:28:14,940
Ja siis alla, ma lähen tegema
midagi muud div, sulgege see

602
00:28:14,940 --> 00:28:17,800
tag, ja tegema lehekülje.

603
00:28:17,800 --> 00:28:18,840
Ja olgem salvestage see.

604
00:28:18,840 --> 00:28:21,040
>> Nüüd lähme tagasi oma faili.

605
00:28:21,040 --> 00:28:22,120
Väga underwhelming.

606
00:28:22,120 --> 00:28:25,520
Aga mida divisjoni kasutatakse,
all kapuuts, on see tegelikult

607
00:28:25,520 --> 00:28:26,920
kena struktuuriline element.

608
00:28:26,920 --> 00:28:30,300
See ei ole mingit esteetika kuivõrd
näeme, va ilmselt

609
00:28:30,300 --> 00:28:31,890
paneb asjad on uued liinid.

610
00:28:31,890 --> 00:28:36,290
>> Aga teate, kui kõrvale jätta, vaid lööb
Sisesta ei lõigata HTML nagu see

611
00:28:36,290 --> 00:28:39,840
Mis aastal C. Võib arvata, et see on
panen kena suur vahe

612
00:28:39,840 --> 00:28:41,300
ülemine ja alumine leht.

613
00:28:41,300 --> 00:28:43,420
Aga see tähelepanuta.

614
00:28:43,420 --> 00:28:48,040
Valge ruum on sisuliselt ignoreeritud
veebilehti, va kõige esimene

615
00:28:48,040 --> 00:28:51,530
tühikut isiksuse või kelgutagastusmärgid
et vajutad klaviatuuril.

616
00:28:51,530 --> 00:28:55,370
Kui soovite rohkem reavahetused, siis
pea seda ise.

617
00:28:55,370 --> 00:28:59,080
>> Nii et ma lähen tegema mõned asjad
siin näidata, mis toimub.

618
00:28:59,080 --> 00:29:02,700
Ma lähen lisada atribuut, mis
olemas ja jälle, kuidas sa õpid

619
00:29:02,700 --> 00:29:07,110
mis omistab olemas, mida sildid on olemas,
tõesti, online viited.

620
00:29:07,110 --> 00:29:09,750
HTML on omamoodi keel - see on
ei programmeerimiskeelt.

621
00:29:09,750 --> 00:29:12,460
See on märgistuskeel - et pärast
hea pool tundi, võib-olla, tund

622
00:29:12,460 --> 00:29:15,930
see, saate kindlasti aru, kõige
tõenäoline, põhiidee.

623
00:29:15,930 --> 00:29:20,350
Ja siis Google otsing kaugusel on kõik
võimalik sildid, mis sa võiksid olla

624
00:29:20,350 --> 00:29:21,170
huvitatud

625
00:29:21,170 --> 00:29:24,290
Ja kohta spec, mis on üsna
tervitada ja julgustada siin.

626
00:29:24,290 --> 00:29:26,120
>> Nüüd lubage mul minna ja
midagi sellist teha.

627
00:29:26,120 --> 00:29:28,690
Background-color.

628
00:29:28,690 --> 00:29:32,060
Ja nüüd, ma lähen tegema midagi
nagu punane, semikoolon.

629
00:29:32,060 --> 00:29:33,970
Ja te võite seda teha
mitu erinevat võimalust.

630
00:29:33,970 --> 00:29:36,770
Ma olen lihtsalt omamoodi kirjutades seda super
selgelt kui võimalik.

631
00:29:36,770 --> 00:29:41,960
>> Aga selgub, et see väärtus siin on
mida nimetatakse CSS, kaskaadlaadistiku

632
00:29:41,960 --> 00:29:43,700
Lehed, mis on teise
keel üldse.

633
00:29:43,700 --> 00:29:46,770
CSS ei ole midagi pistmist
avada sildid ja tihe sildid.

634
00:29:46,770 --> 00:29:48,230
See on pistmist omadused.

635
00:29:48,230 --> 00:29:52,660
>> Ja omadused on lihtsalt põhiväärtus
paari, mis tähendab lihtsalt mingi sõna,

636
00:29:52,660 --> 00:29:54,680
koolon ja seejärel mõnda muud sõna.

637
00:29:54,680 --> 00:29:57,940
Ja kui teil on mitu ones või lihtsalt
üks siin, võite selle lõppu

638
00:29:57,940 --> 00:29:59,390
semikoolon, lihtsalt selguse huvides.

639
00:29:59,390 --> 00:30:01,370
Aga see ka töötab siin.

640
00:30:01,370 --> 00:30:02,500
>> Nüüd mis see nüüd teeme?

641
00:30:02,500 --> 00:30:03,610
Te saate tõenäoliselt arvan.

642
00:30:03,610 --> 00:30:05,930
Lubage mul minna ja laadige see leht.

643
00:30:05,930 --> 00:30:07,300
Ja nüüd on see tõesti tuleb.

644
00:30:07,300 --> 00:30:09,150
Niisiis peale minu leht on punane.

645
00:30:09,150 --> 00:30:12,380
Aga mis on võti siin on see, et ma mainisin
varem, et div annab teile

646
00:30:12,380 --> 00:30:13,220
jagunemise osas.

647
00:30:13,220 --> 00:30:14,410
Ja see on tõesti see, mida ta teeb.

648
00:30:14,410 --> 00:30:17,920
Sisuliselt jagab lehekülje
ristküliku, mis saab siis

649
00:30:17,920 --> 00:30:18,720
manipuleerida.

650
00:30:18,720 --> 00:30:22,330
>> Ja seda mõistet ristkülikud on selline
olulisemaks, et kui sa arvad

651
00:30:22,330 --> 00:30:26,410
kõige tahes veebilehel, seal on ilmselt
mõned struktuuri ta.

652
00:30:26,410 --> 00:30:29,620
Enamik olete ilmselt harva
Facebook kodulehel, kui olete sisse logitud

653
00:30:29,620 --> 00:30:30,440
kogu aeg.

654
00:30:30,440 --> 00:30:33,920
>> Aga Facebook kodulehekülg, seal on
mingi div ülaosas.

655
00:30:33,920 --> 00:30:36,140
Ja see ei pruugi olla nii lihtne
ühe div, kuid seal

656
00:30:36,140 --> 00:30:37,560
ristkülikukujuline piirkond seal.

657
00:30:37,560 --> 00:30:40,290
Ülejäänud leht on nagu
tohutu div, nagu palju

658
00:30:40,290 --> 00:30:41,910
suurem ristkülikukujuline piirkond.

659
00:30:41,910 --> 00:30:44,540
Nii pikk lugu lühike, lihtsalt võttes
neid vähe ehitusplokkide

660
00:30:44,540 --> 00:30:49,250
võime mudel asjad nagu ristkülikud,
kas lai või kitsas, saate ka

661
00:30:49,250 --> 00:30:53,680
teha veerud potentsiaalselt võimaldab teil
panema lehekülge, tõesti, aga sa

662
00:30:53,680 --> 00:30:54,100
tahaks.

663
00:30:54,100 --> 00:30:56,170
Me tõesti ainult kriimustada
pinda siin.

664
00:30:56,170 --> 00:30:59,820
>> Tõepoolest, kui ma üks teine,
lase mul minna ja teha stiilis

665
00:30:59,820 --> 00:31:05,410
background-color, me teeme midagi
nagu sinine, lähedal hinnapakkumisi.

666
00:31:05,410 --> 00:31:06,620
Vaatame uuesti seda.

667
00:31:06,620 --> 00:31:08,260
Nüüd see muutub veelgi koledam.

668
00:31:08,260 --> 00:31:11,520
Aga nüüd ma saan sellist uhkeldama
minu P määratud viis oskuste, eks?

669
00:31:11,520 --> 00:31:12,690
Red.

670
00:31:12,690 --> 00:31:15,640
See meenutab mulle RGB, Red
Roheline Sinine kolmikud.

671
00:31:15,640 --> 00:31:19,330
Noh, selgub veebi programmeerimine,
või web design, mis on see, me oleme

672
00:31:19,330 --> 00:31:21,650
veel programmeeritud midagi
per se, saab tegelikult

673
00:31:21,650 --> 00:31:22,880
on Heksadesimaalikoodin.

674
00:31:22,880 --> 00:31:26,480
Seega midagi midagi midagi
midagi, midagi, midagi.

675
00:31:26,480 --> 00:31:30,650
Nii saab olema kuus kuueteistkümnendsüsteemis
märkide või kolm, mõnel juhul

676
00:31:30,650 --> 00:31:33,480
ja kõik need küsimärgid
Peab olema kuueteistkümnendarvudega,

677
00:31:33,480 --> 00:31:34,985
null kuni f.

678
00:31:34,985 --> 00:31:41,000
>> Kui ma tahan olla palju punane ja
rohelist ja sinist, mis on

679
00:31:41,000 --> 00:31:43,740
vastand null kasutades hex?

680
00:31:43,740 --> 00:31:44,480
See on f.

681
00:31:44,480 --> 00:31:51,130
Ma võin teha ff, null null, null null
salvestada, ja nüüd siin.

682
00:31:51,130 --> 00:31:52,700
Ja ma tegelikult ei näe muutusi.

683
00:31:52,700 --> 00:31:56,230
Nii quote Tsitaat lõppeb "punane" on ilmselt
sünonüüm kõik punane,

684
00:31:56,230 --> 00:31:57,610
ei roheline, mitte sinine.

685
00:31:57,610 --> 00:31:59,960
Vahepeal teeme tahtlikult muuta
see peab olema midagi

686
00:31:59,960 --> 00:32:01,210
juhuslik, nagu ABCDF.

687
00:32:01,210 --> 00:32:03,790

688
00:32:03,790 --> 00:32:05,860
>> Vaatame, mis see on.

689
00:32:05,860 --> 00:32:08,530
See on tõesti kena sinine,
tegelikult, baby blue.

690
00:32:08,530 --> 00:32:11,820
Olgu, need on lihtsalt nüüd
mõnevõrra juhuslik kombinatsioonid

691
00:32:11,820 --> 00:32:12,210
tähemärki.

692
00:32:12,210 --> 00:32:13,410
Nii et me ei Tyssätä siin.

693
00:32:13,410 --> 00:32:15,930
Aga jälle, see räägib täpsus
et saab hakata

694
00:32:15,930 --> 00:32:19,090
kohaldatakse - isegi kui sa oled väga ülekoormatud
poolt esteetika.

695
00:32:19,090 --> 00:32:21,750
Tegelikult, kui sa tõesti tahad olla
muljet, lubage mul minna ja muuta

696
00:32:21,750 --> 00:32:23,500
kirjasuuruse, näiteks.

697
00:32:23,500 --> 00:32:25,960
Ja teate semikoolon, mis
on vaja seal.

698
00:32:25,960 --> 00:32:29,570
>> Fondi suurus, võime olla lihtsalt naeruväärne
siin, 96 punkti.

699
00:32:29,570 --> 00:32:31,280
Salvesta seda.

700
00:32:31,280 --> 00:32:33,670
Wow, see on suur kirjasuurus.

701
00:32:33,670 --> 00:32:35,490
Olgu, see on väga lihtne.

702
00:32:35,490 --> 00:32:38,260
Ja tegelikult, sa oled sisuliselt nägemine
kõige esimene veebileht tegin

703
00:32:38,260 --> 00:32:40,060
aastat tagasi, kui ma esimest korda
õppinud seda kraami.

704
00:32:40,060 --> 00:32:42,190
See on väga lihtne teha väga
jubedusi kiiresti.

705
00:32:42,190 --> 00:32:46,115
>> Ja kui sa oled tuttav Wayback
Masin archive.org, siis

706
00:32:46,115 --> 00:32:48,210
leiad kõik mu kole
undergrad veebilehti.

707
00:32:48,210 --> 00:32:50,090
Üks oli Kermit Frog ees.

708
00:32:50,090 --> 00:32:53,150
Läksin läbi faasi, kus ma arvasin,
see oli lahe, et võtta taustal

709
00:32:53,150 --> 00:32:56,320
punane kardin, kui sain teada, kuidas te
saab plaat pilte uuesti ja uuesti, ja

710
00:32:56,320 --> 00:32:59,540
uuesti, et täita lehekülge
suur kleepuv punane kardin.

711
00:32:59,540 --> 00:33:03,120
Ja siis, peale seda, oli ikoon
et sa pidid kliki siseneda minu kodu

712
00:33:03,120 --> 00:33:04,960
lehekülg, sest see oli
väga moes.

713
00:33:04,960 --> 00:33:08,870
>> Ja siis minu esimene programm, mida ma kunagi kirjutasin
ei olnud PHP, kuid keel

714
00:33:08,870 --> 00:33:12,260
nimega Pearl kirjutas külalisraamatusse, mis
on väga lahe asi, mis

715
00:33:12,260 --> 00:33:14,250
Paljud inimesed eeldavad, et oled
avaldab kodulehekülg.

716
00:33:14,250 --> 00:33:17,510
Kui sa saad lehele, mida nad tahavad sind
sisse logida, ja öelda, kes sa oled,

717
00:33:17,510 --> 00:33:18,720
ja miks sa oled seal.

718
00:33:18,720 --> 00:33:21,320
See on väga 1990ndate stiilis web design.

719
00:33:21,320 --> 00:33:24,130
>> Aga need päevad, kindlasti oleme
tulla palju kaugemal.

720
00:33:24,130 --> 00:33:27,560
Ja te näete, et osa, ja isegi
aasta probleem seatud seitse, mida

721
00:33:27,560 --> 00:33:31,570
võimendades raamatukogud nendel päevadel,
see on nii palju lihtsam teha

722
00:33:31,570 --> 00:33:33,400
ilusam asjad kiiresti.

723
00:33:33,400 --> 00:33:36,550
Tõesti siin, me lihtsalt kriimustada
pinnal, mida saate teha

724
00:33:36,550 --> 00:33:37,400
stiililiselt.

725
00:33:37,400 --> 00:33:41,660
>> Ja tegelikult juba, lubage mul rõhutada,
et see on juba saada inetu, ei

726
00:33:41,660 --> 00:33:46,030
lihtsalt esteetiliselt, kuid seoses
stiil minu kood, või

727
00:33:46,030 --> 00:33:47,260
disain minu kood.

728
00:33:47,260 --> 00:33:52,350
Olen praegu comingled HTML, mis
on rohekas avatud sildid seal, kus

729
00:33:52,350 --> 00:33:55,160
CSS omadused, mis
on täiesti õigustatud.

730
00:33:55,160 --> 00:33:57,200
See on tõesti, kui keel
oli oma päritolu.

731
00:33:57,200 --> 00:34:01,030
>> Aga huvides puhas disain,
palju nagu alustasime faktooring värk

732
00:34:01,030 --> 00:34:05,370
välja C faile. h faili, lase
mind tegelikult harjutada sellist

733
00:34:05,370 --> 00:34:07,990
põhimõtet ja alustada teed
Selle asemel.

734
00:34:07,990 --> 00:34:13,280
Las ma panen stiil tag siin, mis
on olemas ka HTML, ja lase mind

735
00:34:13,280 --> 00:34:15,330
täpsustada järgmist.

736
00:34:15,330 --> 00:34:16,360
Las ma kustutan selle.

737
00:34:16,360 --> 00:34:18,110
Tausta värv saab olema punane.

738
00:34:18,110 --> 00:34:19,800
Ma lähen kustutada täielikult.

739
00:34:19,800 --> 00:34:22,580
Ma lähen, et saada lahti stiili
omistada, ja ma lähen üheselt

740
00:34:22,580 --> 00:34:24,620
selgitada selle div koos sõna -

741
00:34:24,620 --> 00:34:28,750
suvaliselt, vaid mõistlikult, quote
Tsitaat lõppeb "top". Ja id on eriline

742
00:34:28,750 --> 00:34:32,530
atribuut, mis unikaalselt määratleb
teatud HTML element

743
00:34:32,530 --> 00:34:33,850
kellel et id.

744
00:34:33,850 --> 00:34:37,969
>> Kui ma nüüd tahan stiliseeritud seda, kuni siin
pea minu lehe sees

745
00:34:37,969 --> 00:34:41,730
style tag, märkate, et
Ma saan hash top.

746
00:34:41,730 --> 00:34:45,300
Ja siis ma ei pane paar lokkis
traksid, meenutab C, ja seejärel lasta

747
00:34:45,300 --> 00:34:47,130
mulle kleepida et stiliseerimine.

748
00:34:47,130 --> 00:34:49,929
Ja lubage mul minna siin ja ennetada
kui ma lähen seda.

749
00:34:49,929 --> 00:34:53,380
Lubage mul ka luua
kõige alumine div.

750
00:34:53,380 --> 00:34:58,010
Lubage mul rüütama see kole kood maha
siin, pane see siin ja ma tulen

751
00:34:58,010 --> 00:35:00,770
veidi anal nüüd ja stiliseeritud see
poolt lihtsalt paneb asjad omal

752
00:35:00,770 --> 00:35:02,540
line, mis lõpeb semikooloniga.

753
00:35:02,540 --> 00:35:04,430
Lubage mul vabaneda stiil tag.

754
00:35:04,430 --> 00:35:05,320
>> Aga ma pole seda veel teinud.

755
00:35:05,320 --> 00:35:07,406
Mul on vaja teha üks asi.

756
00:35:07,406 --> 00:35:10,070
Jah, ID võrdub quote Tsitaat lõppeb "alt"
või mis iganes id tahan

757
00:35:10,070 --> 00:35:11,740
anda, et element.

758
00:35:11,740 --> 00:35:13,420
Nüüd lubage mul minna tagasi siia.

759
00:35:13,420 --> 00:35:14,360
Ja see on metsik.

760
00:35:14,360 --> 00:35:15,805
Ma ei saa tegeleda 96 punkti.

761
00:35:15,805 --> 00:35:16,960
Teeme 24 punkti.

762
00:35:16,960 --> 00:35:18,320
Või siis võiks olla täpsem.

763
00:35:18,320 --> 00:35:21,800
Võite tegelikult kasutada pikslit, px, nii
et sa tõesti peenem tera

764
00:35:21,800 --> 00:35:23,220
kontrolli oma lehele.

765
00:35:23,220 --> 00:35:26,860
>> Nagu kõrvale, see ei ole tingimata
parim asi, kui kasutajate jaoks

766
00:35:26,860 --> 00:35:29,650
kättesaadavus põhjustel taha
võimalik suurendada suurused.

767
00:35:29,650 --> 00:35:32,650
Nii mõistame, et on olemas viise
asju, mis ei pruugi

768
00:35:32,650 --> 00:35:34,230
raske koodi kõike.

769
00:35:34,230 --> 00:35:37,220
>> Olgu, see on suurem, 24 punkti,
kui iganes vaikimisi.

770
00:35:37,220 --> 00:35:38,630
Aga nüüd on see veidi puhtamaks.

771
00:35:38,630 --> 00:35:40,230
Ja lubage mul seda ühe sammu edasi.

772
00:35:40,230 --> 00:35:47,220
Just nagu idee header faili,
märkate oleme ühe sammu lähemale, et.

773
00:35:47,220 --> 00:35:52,000
Mul on arvutatud välja, kuid ikka,
sees minu lehele neid CSS reeglid.

774
00:35:52,000 --> 00:35:56,200
Miks võiks ma tahan seda sammu
edasi, eemaldage see täielikult ja

775
00:35:56,200 --> 00:35:59,860
pane see eraldi faili?

776
00:35:59,860 --> 00:36:01,070
>> Ma võin seda kasutada, eks?

777
00:36:01,070 --> 00:36:03,155
See on lihtsalt selline intuitsioon
kohe.

778
00:36:03,155 --> 00:36:06,340
Enne, ma väita, et see oli lihtsalt
saada inetu võttes stiil

779
00:36:06,340 --> 00:36:08,480
Omadused sees
DIVs ise.

780
00:36:08,480 --> 00:36:09,750
Aga selline arvates läbi.

781
00:36:09,750 --> 00:36:13,560
Nagu lehel saab kauem ja kauem, kui
sa paned siin ja siin, ja

782
00:36:13,560 --> 00:36:18,350
siin ja siin, kõik need erinevad
värvid ja font suurused ja muu selline

783
00:36:18,350 --> 00:36:22,550
atribuudid, lehel on väga kiiresti
läheb muutunud juhitamatuks teile.

784
00:36:22,550 --> 00:36:24,570
>> Kui keegi tuleb teie ja
ütleb, oh, sa tead, mida?

785
00:36:24,570 --> 00:36:28,070
Ma tõesti tahaks muuta fondi suurust
kaks lisapunkti, siis

786
00:36:28,070 --> 00:36:31,275
oleks võinud minna ja otsida ja asendada
suur hulk ridu koodi.

787
00:36:31,275 --> 00:36:35,170
See on palju selgem, et koondada
kõik nagu esteetika siin.

788
00:36:35,170 --> 00:36:38,850
Aga kui soovite, et uuesti neid
esteetika mitu veebilehekülge, kõik

789
00:36:38,850 --> 00:36:41,100
rohkem kaalukaid jaoks
Näiteks luua faili

790
00:36:41,100 --> 00:36:45,290
nimetatakse nende sisu.

791
00:36:45,290 --> 00:36:46,680
>> Ja lubage mul seda teha.

792
00:36:46,680 --> 00:36:51,150

793
00:36:51,150 --> 00:36:51,920
Salvesta see fail.

794
00:36:51,920 --> 00:36:55,580
Ütlen styles.css, meelevaldne,
aga tavaline.

795
00:36:55,580 --> 00:36:58,770
Ma panen selle John Harvard koju
kataloogis praegu lihtsuse.

796
00:36:58,770 --> 00:37:03,880
Ja mida ma saan teha minu veebileht on saada
lahti stiilis tag üldse,

797
00:37:03,880 --> 00:37:08,270
ja mõnevõrra unintuitively, kasutage link
tag, mis ei anna teile lingi

798
00:37:08,270 --> 00:37:13,140
hüperlinki klikitav mõttes, vaid
kui ma ütlen, link, href võrdub

799
00:37:13,140 --> 00:37:15,120
styles.css.

800
00:37:15,120 --> 00:37:20,050
Ja suhe, et see element
on koos veebileht on olla

801
00:37:20,050 --> 00:37:21,280
oma stiil.

802
00:37:21,280 --> 00:37:22,670
>> Niisiis, kuidas ma tean seda?

803
00:37:22,670 --> 00:37:25,950
Üks, sa lihtsalt lugeda kasutusjuhendit,
või te Google'i ümber, ja sa

804
00:37:25,950 --> 00:37:27,000
vaadata erinevaid vahendeid.

805
00:37:27,000 --> 00:37:30,520
Ma mõtlen, et tõesti on see, kuidas te kiirenemist
tehnikaid nagu see, ja järjepidev

806
00:37:30,520 --> 00:37:34,720
Selle idee õpetamise enese uus
keeles, jälle sa leiad, et

807
00:37:34,720 --> 00:37:38,830
seal on ainult piiratud hulk asju
mis tahes keeles, et kui sa saad

808
00:37:38,830 --> 00:37:41,310
neid, leiad, et see muutub
kiiremini ja kiiremini kirjutada.

809
00:37:41,310 --> 00:37:44,180
Tõepoolest, õppida uue programmiperioodi
keel on nii palju kiiremini, kui uus

810
00:37:44,180 --> 00:37:47,380
kõnekeel, sest need asjad
on palju väiksem ja palju muud

811
00:37:47,380 --> 00:37:48,820
täpselt määratletud.

812
00:37:48,820 --> 00:37:51,590
>> Aga ma olen rõhutanud natuke
on anomaalia siin.

813
00:37:51,590 --> 00:37:57,750
Miks ma esile selle
kaldkriips siin?

814
00:37:57,750 --> 00:37:59,420
Sest mul on sulgeda tag.

815
00:37:59,420 --> 00:38:00,530
Ma sulgeda tag.

816
00:38:00,530 --> 00:38:02,750
Ja leiad lugematuid ressursse
line, mis ei

817
00:38:02,750 --> 00:38:04,080
vajalik tihe sildid.

818
00:38:04,080 --> 00:38:08,770
Ja reaalselt, see ei ole rangelt
vajalikud tehnilised ja on

819
00:38:08,770 --> 00:38:11,950
põhjustel reaalsuse, brauserid on vaid
üsna tolerantne vigu web

820
00:38:11,950 --> 00:38:14,360
lehekülge, hea või halb,
kuid enamasti hullemaks.

821
00:38:14,360 --> 00:38:18,830
>> Nii et see siin on lihtsalt puhtam viis
öelda midagi loll nagu see,

822
00:38:18,830 --> 00:38:22,330
kus, kui soovite avada link tag
aga sulgeda, seal on tõesti mingit mõiste

823
00:38:22,330 --> 00:38:23,720
sisu eest link tag.

824
00:38:23,720 --> 00:38:26,000
See tähendab lihtsalt, laadige see
fail ja pane see siia.

825
00:38:26,000 --> 00:38:30,610
See on nagu terav Kaasa C. Võite
avada ja sulgeda tag korraga

826
00:38:30,610 --> 00:38:31,660
Samasse tag.

827
00:38:31,660 --> 00:38:33,520
Ja seal on teisi näiteid.

828
00:38:33,520 --> 00:38:37,280
See ei ole viis, kuidas seda teha, kuid
br tag jaoks reavahetused, kui ma

829
00:38:37,280 --> 00:38:41,780
tõesti tahtsin saavutada seda, mida ma olin
üritab enne lööb Enter, kui

830
00:38:41,780 --> 00:38:45,380
Ma selgesõnaliselt öelda Reapiiri Reapiiri
Reapiiri Reapiiri ja

831
00:38:45,380 --> 00:38:49,100
seejärel laadige see leht, nüüd märkad
et lehe allosas on

832
00:38:49,100 --> 00:38:51,940
Tõepoolest, palju kaugemale alla
lehekülje allosas.

833
00:38:51,940 --> 00:38:55,840
Aga isegi, mida saab teha palju rohkem
puhtalt CSS, ja marginaale,

834
00:38:55,840 --> 00:38:58,120
ja muude selliste esteetiliste
tehnikat.

835
00:38:58,120 --> 00:38:59,940
>> Nii et nüüd, takeaways on see.

836
00:38:59,940 --> 00:39:02,320
HTML, meil on need
asju nimetatakse sildid.

837
00:39:02,320 --> 00:39:04,830
CSS, meil on need asjad
nimetatakse omadused.

838
00:39:04,830 --> 00:39:08,700
Saame comingle need kaks keelt,
kasutades kas style atribuut,

839
00:39:08,700 --> 00:39:14,240
või stiilis tag või parim veel, faktooring
pihta, kui me teeme

840
00:39:14,240 --> 00:39:17,270
Probleemse määratud 7.

841
00:39:17,270 --> 00:39:23,820
Küsimused, seejärel umbes
kontseptuaalne põhitõdesid siin?

842
00:39:23,820 --> 00:39:24,740
>> Publik: mul on üks küsimus.

843
00:39:24,740 --> 00:39:25,630
>> SPEAKER 1: Oh, vabandust.

844
00:39:25,630 --> 00:39:28,880
>> Publik: Miks ei olnud see värviline -

845
00:39:28,880 --> 00:39:31,410
>> SPEAKER 1: Oh, teistes tab?

846
00:39:31,410 --> 00:39:32,232
See siin on?

847
00:39:32,232 --> 00:39:33,482
>> Publik: Ei, see on nagu -

848
00:39:33,482 --> 00:39:35,330

849
00:39:35,330 --> 00:39:39,480
>> SPEAKER 1: Oh, see on sellepärast,
Olin on lohakas.

850
00:39:39,480 --> 00:39:41,350
Panin faili vales kohas.

851
00:39:41,350 --> 00:39:47,840
Nii et kui ma tegelikult pane see siia ja ma
chmod see kõik + r styles.css ja

852
00:39:47,840 --> 00:39:52,050
Nüüd laadige leht uuesti, nüüd
saada stiliseerimine tagasi.

853
00:39:52,050 --> 00:39:54,530
Ja kuna font suurused
erinevad, ei näe me üsna palju

854
00:39:54,530 --> 00:39:55,010
valge ruum.

855
00:39:55,010 --> 00:39:58,240
Me mitte näha, mis on
Vaikimisi on selle asemel.

856
00:39:58,240 --> 00:40:00,050
Hea küsimus.

857
00:40:00,050 --> 00:40:00,846
Jah?

858
00:40:00,846 --> 00:40:02,630
>> Publik: Miks on link
tag sees header?

859
00:40:02,630 --> 00:40:06,270
>> SPEAKER 1: Miks on lingid
tag sees päises -

860
00:40:06,270 --> 00:40:07,650
Lühike vastus, just sellepärast.

861
00:40:07,650 --> 00:40:08,930
See on see, mida otsustati.

862
00:40:08,930 --> 00:40:10,720
See, kui link sildid lähevad
sul on, mida nimetatakse

863
00:40:10,720 --> 00:40:13,650
väline stiil.

864
00:40:13,650 --> 00:40:16,430
Muud küsimused?

865
00:40:16,430 --> 00:40:17,770
>> Olgu teeme seda.

866
00:40:17,770 --> 00:40:20,500
Meil on nii palju lõbu meie ees täna.

867
00:40:20,500 --> 00:40:22,480
See on lihtsalt kriimustada
pinna CSS.

868
00:40:22,480 --> 00:40:23,010
Teeme seda.

869
00:40:23,010 --> 00:40:25,980
Võtame viis minutit pausi siin
sest iga minu e-posti, lähme riputada

870
00:40:25,980 --> 00:40:27,200
seal kuni 02:30-ish täna.

871
00:40:27,200 --> 00:40:28,540
Aga kui sa ei pea
jäta, see on hea.

872
00:40:28,540 --> 00:40:30,380
Aga me läheme edasi pärast
viis minutit puhkust.

873
00:40:30,380 --> 00:40:35,930
Ja õpime natuke midagi
umbes PHP, MySQL ja rohkem.

874
00:40:35,930 --> 00:40:44,520
>> Olgu, proovime, nüüd siduda
mõned neist ideedest koos ja teha,

875
00:40:44,520 --> 00:40:46,180
öelda, meie enda otsingumootori.

876
00:40:46,180 --> 00:40:48,570
Märkasin, pigem uudishimulikult,
järgmised.

877
00:40:48,570 --> 00:40:52,610
Kui teil on Google.com, sa oled
tavaliselt URL nagu see siin

878
00:40:52,610 --> 00:40:54,870
mitte midagi peale dot com.

879
00:40:54,870 --> 00:40:59,760
Aga kui ma otsin midagi loll nagu
kassid ja vajuta Enter, et me jõuame - mitte

880
00:40:59,760 --> 00:41:01,300
loll, aga sa tead.

881
00:41:01,300 --> 00:41:05,410
>> OK, nii et teate, ülaosas lehekülge,
nüüd, link on muidugi muutunud.

882
00:41:05,410 --> 00:41:07,190
Ja see ei ole midagi
uus, et keegi meist.

883
00:41:07,190 --> 00:41:09,290
Klõpsate lingid ja stuff
juhtub veebis.

884
00:41:09,290 --> 00:41:11,420
Aga mis on huvitav siin
on järgmine.

885
00:41:11,420 --> 00:41:14,500
Seal on palju segadusega, kuid lubage
mind visata asju, mida ma ei ole

886
00:41:14,500 --> 00:41:16,600
päris hästi aru või ei
tõesti vaatama asjakohane.

887
00:41:16,600 --> 00:41:18,490
>> Lubage mul vabaneda sellest.

888
00:41:18,490 --> 00:41:20,030
Lubage mul vabaneda sellest.

889
00:41:20,030 --> 00:41:22,630
Ja las ma lihtsalt lahti saada
see kõik.

890
00:41:22,630 --> 00:41:28,840
Ja nüüd teate, et kassid on URL,
järgida q, siis võrdne

891
00:41:28,840 --> 00:41:29,710
logi sisse ees.

892
00:41:29,710 --> 00:41:32,110
Nii selgub see, kuidas
kuidas see toimib, kui tegemist on

893
00:41:32,110 --> 00:41:33,360
sisend ja väljund.

894
00:41:33,360 --> 00:41:37,510
>> Me oleme kaua rääkinud
mustad kastid, eks?

895
00:41:37,510 --> 00:41:41,650
Nii et kui see on funktsioon rakendatud
siin on must kast, kulub sisend

896
00:41:41,650 --> 00:41:45,290
ja annab väljundi, noh, tähendab
mille abil anda oma panus

897
00:41:45,290 --> 00:41:49,270
kodulehel on teel, sageli oma URL.

898
00:41:49,270 --> 00:41:52,850
Sa lihtsalt panna küsimärk
ja seejärel klahvi võrdub raha.

899
00:41:52,850 --> 00:41:56,740
Ja siis äkki ampersand, ja siis
teine ​​võti on võrdne väärtus, siis võib-olla

900
00:41:56,740 --> 00:41:58,810
teise märgi, võti on võrdne väärtus.

901
00:41:58,810 --> 00:42:03,030
See, kuidas sa edasi ka võtmed ja
väärtused, paari sisendeid.

902
00:42:03,030 --> 00:42:07,050
>> Nii et kui ma Enter nüüd, mis on
huvitav Google on see, et kõik

903
00:42:07,050 --> 00:42:10,420
et segadusega ma välja ei ilmu
tingimata vajalik.

904
00:42:10,420 --> 00:42:15,120
Kõik ma pean saatma Google'ile on küsimus
märk q võrdub kassid saada

905
00:42:15,120 --> 00:42:16,160
tagasi mõned kassid.

906
00:42:16,160 --> 00:42:20,160
Noh, mis tähendas seda, siis,
on see, kui ma tõmba gedit, ma olen hakanud

907
00:42:20,160 --> 00:42:24,360
muutes oma otsingumootori siin
aastal fail nimega seach0.html.

908
00:42:24,360 --> 00:42:26,750
>> Ja lubage mul minna ja kustutada
veel üks joon, mis te

909
00:42:26,750 --> 00:42:27,910
ei tohtinud näha.

910
00:42:27,910 --> 00:42:31,070
Ja nüüd, lubage mul minna oma brauseris
nii mitte Google, ja minna

911
00:42:31,070 --> 00:42:34,900
http://localhost.

912
00:42:34,900 --> 00:42:36,220
Ja see läheb saada takistuseks.

913
00:42:36,220 --> 00:42:43,240
Nii et me ei kavatse öelda hüvasti
et nüüd, liiguta seda siin,

914
00:42:43,240 --> 00:42:46,270
oh, nüüd me peame
hüvasti, et faili.

915
00:42:46,270 --> 00:42:51,700
>> Kui teil on fail nimega
index.html või index.php sisse

916
00:42:51,700 --> 00:42:54,980
kataloog, kui veebiserver on
konfigureeritud nii, mida saate

917
00:42:54,980 --> 00:42:59,600
vaata, vaikimisi on sisu, et
faili asemel loetelu

918
00:42:59,600 --> 00:43:02,330
kataloog, nagu ma tahtsin siin.

919
00:43:02,330 --> 00:43:03,750
Veel selle aasta spec.

920
00:43:03,750 --> 00:43:04,610
Sa ei näinud seda.

921
00:43:04,610 --> 00:43:06,360
>> Nii et see on see, mida ma tegelikult tahtsin.

922
00:43:06,360 --> 00:43:08,810
Aga hetk tagasi oli
fail selles kaustas nimega

923
00:43:08,810 --> 00:43:11,290
index.html ja index.php.

924
00:43:11,290 --> 00:43:13,380
Ja nii veebiserver oli
näitab mulle neid faile.

925
00:43:13,380 --> 00:43:15,900
Selle asemel, ma tahan, et see kataloog
loetletud siin.

926
00:43:15,900 --> 00:43:18,340
>> Ma lähen minema
CSS ja minna search0.

927
00:43:18,340 --> 00:43:21,770
Ja ma väita, et see on see saab olema
alguses oma konkurentsivõimeline

928
00:43:21,770 --> 00:43:22,490
otsingumootori.

929
00:43:22,490 --> 00:43:27,630
Ja et seda teha, ma lähen minema
siin sisseveo CSS ja avada koos

930
00:43:27,630 --> 00:43:30,190
gedit, search 0.

931
00:43:30,190 --> 00:43:32,280
Aga kahjuks pole
ei ole palju siin toimub.

932
00:43:32,280 --> 00:43:35,690
Kõik mida ma ei olnud kasutada pealkirja tag, mis
juhtub nimetada h1, mis

933
00:43:35,690 --> 00:43:38,180
Sisuliselt tähendab suur ja
julge, ja see on kõik.

934
00:43:38,180 --> 00:43:40,810
Aga mille abil saame
anda sisendeid nende kaudu

935
00:43:40,810 --> 00:43:42,180
asju nimetatakse vorme.

936
00:43:42,180 --> 00:43:46,040
>> Nii et lubage mul minna ja avada ja sulgeda,
ennetavalt, vormi tag seal.

937
00:43:46,040 --> 00:43:48,060
Ja lubage mul minna ja teha
midagi sellist.

938
00:43:48,060 --> 00:43:51,430
Input tüüp võrdub teksti.

939
00:43:51,430 --> 00:43:56,320
Ja siis lähme sulgeda tag jooksul
Sulgudes ise.

940
00:43:56,320 --> 00:43:58,800
Mul ei ole vaja hakata tekstiväli
ja lõpetage tekstiväljale.

941
00:43:58,800 --> 00:44:01,080
See on lihtsalt saab olema seal või mitte.

942
00:44:01,080 --> 00:44:06,210
>> Ja siis alla, et teeme
sisendi tüüp võrdub esitama.

943
00:44:06,210 --> 00:44:06,870
Salvesta see.

944
00:44:06,870 --> 00:44:08,630
Ja nüüd siis teha
kiire meelerahu vaadata.

945
00:44:08,630 --> 00:44:09,820
Teeme uuesti.

946
00:44:09,820 --> 00:44:10,890
>> OK, nii see ei ole halb.

947
00:44:10,890 --> 00:44:13,260
See ei ole Google'i stiilis,
aga see on üsna lähedal.

948
00:44:13,260 --> 00:44:13,920
Seal on tekstiväli.

949
00:44:13,920 --> 00:44:17,190
Ma ei kirjuta mõned asjad, Enter,
kuid midagi ei juhtu veel.

950
00:44:17,190 --> 00:44:21,090
Ja see on, sest ma ei ole määratletud
hagi vormi, nii rääkida.

951
00:44:21,090 --> 00:44:23,860
Nii et kui ma lähen tagasi vormi element,
Selgub, ja ma tean, et see ainult

952
00:44:23,860 --> 00:44:27,460
omamast dokumentatsiooni lugeda, et
vormi tag võtab atribuut

953
00:44:27,460 --> 00:44:31,880
nimetatakse tegevust, mis on URL
kohta veebilehe, kus sa

954
00:44:31,880 --> 00:44:34,790
soovite saata kujul.

955
00:44:34,790 --> 00:44:37,610
>> Ma tõesti ei arva, et me aega
rakendada kogu kolp eest

956
00:44:37,610 --> 00:44:38,570
otsingumootori täna.

957
00:44:38,570 --> 00:44:41,900
Nii me lihtsalt öelda, eh,
minna google.com / search.

958
00:44:41,900 --> 00:44:43,450
Ja nüüd andke mulle sulen hinnapakkumisi.

959
00:44:43,450 --> 00:44:46,070
Ja lubage mul täpsustada, et
meetodit kasutada saab

960
00:44:46,070 --> 00:44:47,120
mida nimetatakse saada.

961
00:44:47,120 --> 00:44:50,650
>> Pikk lugu lühike, seal on kaks võimalust, on
vähemalt, et saate esitada teavet

962
00:44:50,650 --> 00:44:51,880
alates brauseri server.

963
00:44:51,880 --> 00:44:55,340
Üks on saada ning tänase eesmärkidel
see tähendab lihtsalt URL.

964
00:44:55,340 --> 00:44:58,730
Näed täpselt küsimärke,
võrdusmärke ja sümboliga, mis

965
00:44:58,730 --> 00:44:59,780
me nägime.

966
00:44:59,780 --> 00:45:02,890
Või on olemas alternatiiv nimetatakse ametikohale.

967
00:45:02,890 --> 00:45:06,490
Praegu teame, et postitus on sageli kasutatud
kui soovite faile üles laadida, nagu

968
00:45:06,490 --> 00:45:09,820
pilte ja nii edasi, või kui soovite
esitama krediitkaardi andmed, või

969
00:45:09,820 --> 00:45:13,810
paroole, midagi, et see ei
tõesti mõtet, kontseptuaalselt või

970
00:45:13,810 --> 00:45:18,020
turvalisus tark, et lõpuks URL
brauseri kus snooping vanemad,

971
00:45:18,020 --> 00:45:21,520
või toakaaslased või keegi, kellel on juurdepääs
et arvuti võib näha.

972
00:45:21,520 --> 00:45:23,110
>> Teeme salvestada et siin.

973
00:45:23,110 --> 00:45:24,480
Ja ma pean tegema veel üks asi.

974
00:45:24,480 --> 00:45:27,250
See ei ole piisav, vaid et
ütlevad mulle tekstiväljale.

975
00:45:27,250 --> 00:45:29,850
Mul on anda selles valdkonnas on
Väärtustame nimi.

976
00:45:29,850 --> 00:45:34,500
Nii et lubage mul laenata Google'i valik
nimed, q, ning täpsustada, et teine

977
00:45:34,500 --> 00:45:38,150
omistada ma tõesti ei hooli
nimi nuppu Esita.

978
00:45:38,150 --> 00:45:40,890
Kõik, mida ma hoolin on esitanud
mida kasutaja tipib sisse

979
00:45:40,890 --> 00:45:41,940
>> Ja nüüd see on selline kole.

980
00:45:41,940 --> 00:45:42,820
Ta lihtsalt ütleb esitama.

981
00:45:42,820 --> 00:45:46,350
Selgub, ja tean seda
dokumentatsioon, ma ei saa tegelikult öelda

982
00:45:46,350 --> 00:45:51,710
väärtus võrdub quote Tsitaat lõppeb "CS50
Piiratud, "close tsiteerida.

983
00:45:51,710 --> 00:45:53,030
Siis lähme uuesti uuesti.

984
00:45:53,030 --> 00:45:57,020
Nii ma saan pihta Command-R või
Kontroll-R minu klaviatuuri uuesti laadida.

985
00:45:57,020 --> 00:45:58,605
>> Nüüd on meil rohkem huvitavaid
otsingumootori.

986
00:45:58,605 --> 00:46:00,340
See ei ole päris välja nägema
Google veel, kuigi.

987
00:46:00,340 --> 00:46:04,100
Nii lähme edasi siin ja
teha natuke reavahetuse.

988
00:46:04,100 --> 00:46:06,066
>> OK, nii et nüüd on meil Google.

989
00:46:06,066 --> 00:46:08,260
Me tegelikult peaaegu ei ole Google.

990
00:46:08,260 --> 00:46:10,460
Nüüd mis juhtub?

991
00:46:10,460 --> 00:46:12,220
Ma lähen kirjuta midagi
nagu kassi.

992
00:46:12,220 --> 00:46:16,570
Ja brauser läheb sõeluda
et vorm, mida ma määratleda.

993
00:46:16,570 --> 00:46:19,470
Ja see saab saata
kasutaja, et URL.

994
00:46:19,470 --> 00:46:23,420
Nii et see aeg, mõnede kummaline põhjus,
Sain rohkem teavet kalavarude

995
00:46:23,420 --> 00:46:24,410
kui tegelike kassid.

996
00:46:24,410 --> 00:46:30,580
Aga see on hea, sest teate me ikka
lõpetasin siin, q võrdub kassid.

997
00:46:30,580 --> 00:46:35,200
>> Nii pikk lugu lühike, tundub üsna
triviaalne saada sisend kasutaja.

998
00:46:35,200 --> 00:46:38,190
Ja kui aus olla, ei kimpu
teist tüüpi vormi väljad.

999
00:46:38,190 --> 00:46:41,510
Seal on ruudud, ja vähe vastastikku
eksklusiivne nööpide ja

1000
00:46:41,510 --> 00:46:42,960
rippmenüüst menüüde ja rohkem.

1001
00:46:42,960 --> 00:46:46,160
Aga kõik need on suhteliselt
kergesti rakendada

1002
00:46:46,160 --> 00:46:48,040
see tekstiväli oli.

1003
00:46:48,040 --> 00:46:52,050
Ja lõpuks, me peame lihtsalt tegema
kindel, et keegi ei kuula teiselt

1004
00:46:52,050 --> 00:46:56,490
rea lõppu, et saada, et
töödeldava teabe, kuidagi, ja

1005
00:46:56,490 --> 00:46:58,440
anda meile tagasi meie kassid.

1006
00:46:58,440 --> 00:47:00,840
>> Vaatame veidi
rohkem seotud näiteks.

1007
00:47:00,840 --> 00:47:06,020
Lase mul minna minu Vhost on kataloogi,
kohalikku host, avalik ja kui ma

1008
00:47:06,020 --> 00:47:06,980
panna tänane lähtekoodi.

1009
00:47:06,980 --> 00:47:09,800
Kõik see toimub kursuse
veebileht, kus saab käpard.

1010
00:47:09,800 --> 00:47:15,420
Ja kui ma minema froshims, lubage mul avada
üles selle faili nüüd, froshim0.php.

1011
00:47:15,420 --> 00:47:18,460
See üks on natuke verbose, nii
me ei kirjuta seda nullist.

1012
00:47:18,460 --> 00:47:21,970
Aga teate nüüd paar mõnevõrra
tuttav omadused.

1013
00:47:21,970 --> 00:47:24,550
>> Üks, vormi tag erinevaid meetmeid.

1014
00:47:24,550 --> 00:47:25,670
See ei ole täielik URL.

1015
00:47:25,670 --> 00:47:29,930
Nüüd on ilmselt fail nimega
register0.php sest hetkel

1016
00:47:29,930 --> 00:47:32,660
Ma lähen õpetada ennast veidi
midagi PHP, programmeerimine

1017
00:47:32,660 --> 00:47:37,360
keel, sest PHP saab kasutada
rakendada, mida Google rakendatud

1018
00:47:37,360 --> 00:47:39,650
tagasi lõpuks oma otsingumootorid.

1019
00:47:39,650 --> 00:47:42,890
>> Google tegelikult ilmselt kasutab
mõned Python, mõned C + +, ja

1020
00:47:42,890 --> 00:47:44,230
kobarad teistes keeltes.

1021
00:47:44,230 --> 00:47:48,230
Aga me võiksime kindlasti rakendada otsing
tulemusi, kasutades PHP kui tahtsime.

1022
00:47:48,230 --> 00:47:49,610
Aga nüüd, me hoida lihtsa.

1023
00:47:49,610 --> 00:47:53,320
Ja see on tegelikult meenutab üks
teise väga esimene veebilehed I

1024
00:47:53,320 --> 00:47:54,490
tehtud aasta tagasi.

1025
00:47:54,490 --> 00:47:58,160
>> Tagasi minu päev, siis registreeritud
ettevõttesisene sport nagu uustulnuk poolt

1026
00:47:58,160 --> 00:48:00,880
täites paberile, kõndimine
üle õue, ja kukutades seda

1027
00:48:00,880 --> 00:48:04,890
postkasti Proctor sisse
Wigglesworth, ja see oli, kui sa

1028
00:48:04,890 --> 00:48:05,460
registreeritud.

1029
00:48:05,460 --> 00:48:09,650
Ja nii minu projekt varsti pärast CS50,
oli panna, et mis teeb meistriks

1030
00:48:09,650 --> 00:48:13,460
mõttes, veebi, mis ei olnud
nagu moes siis, kui see on praegu.

1031
00:48:13,460 --> 00:48:17,510
Aga kõik me pidime tegema, oli luua
sisuliselt HTML-vormi.

1032
00:48:17,510 --> 00:48:19,640
>> Ja et vorm tundus
umbes niimoodi.

1033
00:48:19,640 --> 00:48:22,480
Mul oli sisendiks
uustulnuk nimi.

1034
00:48:22,480 --> 00:48:27,780
Mul oli teine ​​ruut või
või nad ei tahtnud olla kapten, mida

1035
00:48:27,780 --> 00:48:30,400
nende sugu oli ja
mida nende ühiselamus oli.

1036
00:48:30,400 --> 00:48:33,370
Ja siis ma kõva kodeeritud asjad
nagu Apley Kohtu ja Canaday,

1037
00:48:33,370 --> 00:48:34,880
Hallid, ja nii edasi.

1038
00:48:34,880 --> 00:48:36,300
>> Nii et taas, uued sildid.

1039
00:48:36,300 --> 00:48:39,820
Ei ole näinud neid enne, uus
atribuudid, kuid üsna kättesaadavad.

1040
00:48:39,820 --> 00:48:42,360
Kui näete näiteks, saate objekti
ja laenata, et idee ja teha drop

1041
00:48:42,360 --> 00:48:43,820
rippmenüü jaoks kõige midagi.

1042
00:48:43,820 --> 00:48:46,350
Aga mis peamine on see, et iga
need asjad on nimed.

1043
00:48:46,350 --> 00:48:49,720
Ja allosas selle vormi, seal
submit nupp mille etiketil

1044
00:48:49,720 --> 00:48:51,510
või väärtus on registris.

1045
00:48:51,510 --> 00:48:52,670
>> Nii lähme sellele lehele.

1046
00:48:52,670 --> 00:48:55,050
Lubage mul minna tagasi
kataloogis.

1047
00:48:55,050 --> 00:48:59,410
Lubage mul minna froshims,
ja minna froshim0.php.

1048
00:48:59,410 --> 00:49:01,150
Nii et see on kole, see oleks õiglane.

1049
00:49:01,150 --> 00:49:03,950
Nii et ma oleks kindlasti Stilisoida see
mõned CSS, ma võiks teha mõned

1050
00:49:03,950 --> 00:49:06,890
graafika, võibolla lisada mõned värvid,
ja muuta see ilusamaks.

1051
00:49:06,890 --> 00:49:10,530
Aga funktsionaalselt, ma väita, et see
on tegelikult päris valmis.

1052
00:49:10,530 --> 00:49:15,190
>> Kahjuks, kui ma täitke see ära,
David, kapten, Mees, me valida,

1053
00:49:15,190 --> 00:49:20,510
oletame Matthews, register,
kõik, mis juhtub on see.

1054
00:49:20,510 --> 00:49:21,910
Aga teate paar takeaways.

1055
00:49:21,910 --> 00:49:27,130
Üks, mida fail tagastatakse need
tulemusi, ilmselt?

1056
00:49:27,130 --> 00:49:29,470
Nii et see on tõepoolest register0.php.

1057
00:49:29,470 --> 00:49:34,570
Nii, et me nägime, et hagi
väärtus hetkel tagasi võtta register0 see

1058
00:49:34,570 --> 00:49:37,500
kinnitab, et me tõepoolest lõppenud
kuni selle konkreetse faili.

1059
00:49:37,500 --> 00:49:39,040
>> Nüüd on see lihtsalt inetu tekst.

1060
00:49:39,040 --> 00:49:42,810
Aga teate, et see tekst on
pärit kohaliku peremehe

1061
00:49:42,810 --> 00:49:44,170
mis on seadet.

1062
00:49:44,170 --> 00:49:46,350
Mõtle seade nüüd lihtsalt
web server, mis võivad olla

1063
00:49:46,350 --> 00:49:46,910
Science Center.

1064
00:49:46,910 --> 00:49:48,060
See võib olla tegelik web.

1065
00:49:48,060 --> 00:49:49,850
Nii et see on avalikult kättesaadav.

1066
00:49:49,850 --> 00:49:55,480
>> Nii selgelt, seal on kuidagi läbimise
vormiväljale sisendite server

1067
00:49:55,480 --> 00:49:56,840
nii et ta saab midagi teha nendega.

1068
00:49:56,840 --> 00:49:59,020
Kahjuks register0
on päris loll.

1069
00:49:59,020 --> 00:50:01,870
Kõik see on välja printida array
mis näeb välja selline.

1070
00:50:01,870 --> 00:50:04,790
Ja see ei ole massiivi
selles mõttes, et me teame seda.

1071
00:50:04,790 --> 00:50:08,760
Selgub, et PHP ja palju
keeles, ei ole mitte ainult arvuliselt

1072
00:50:08,760 --> 00:50:12,350
indekseeritud massiivid kelle esimene indeks on
null, üks, siis kaks, siis dot,

1073
00:50:12,350 --> 00:50:13,780
dot, dot, n miinus 1.

1074
00:50:13,780 --> 00:50:16,400
>> See on see, mida nimetatakse
assotsiatiivne massiiv.

1075
00:50:16,400 --> 00:50:21,150
Assotsiatiivne massiiv on selline, kus
saate salvestada põhiväärtus paari kus

1076
00:50:21,150 --> 00:50:23,160
võti ei pruugi number.

1077
00:50:23,160 --> 00:50:25,580
See võib tegelikult olla string sõna.

1078
00:50:25,580 --> 00:50:28,230
Ja nii see on võimalik rakendada,
all kapuuts, selgub,

1079
00:50:28,230 --> 00:50:31,896
kasutades andmete struktuuri, mida nimetatakse?

1080
00:50:31,896 --> 00:50:33,600
Arvasin midagi dramaatilist
oli umbes juhtuda -

1081
00:50:33,600 --> 00:50:34,840
hash tabelis.

1082
00:50:34,840 --> 00:50:38,955
>> Nii hash tabel, mäletate, you need
kes tegi seda P komplekt 6 või isegi meenutada

1083
00:50:38,955 --> 00:50:44,110
see, vähemalt isegi kui sa proovida,
hash tabel, meie kasutamisest, kasutati

1084
00:50:44,110 --> 00:50:45,090
lihtsalt hoidke sõnu.

1085
00:50:45,090 --> 00:50:47,980
Aga tõesti, sa olid hoidmine
võtmed ja väärtused.

1086
00:50:47,980 --> 00:50:51,940
Kui te ellu hash tabelit P
määratud 6 sõnastik, võtmed olid

1087
00:50:51,940 --> 00:50:56,890
sõnad ise, ja väärtused
oli tegelikult õige või vale.

1088
00:50:56,890 --> 00:51:00,190
Jah, siin, või kaudselt,
Ei, mitte siin.

1089
00:51:00,190 --> 00:51:02,140
>> Noh, võib üldistada, et idee.

1090
00:51:02,140 --> 00:51:06,230
Ja me võiks kasutada väga sarnane andmed
struktuur salvestada ei string

1091
00:51:06,230 --> 00:51:10,180
ise üksi oma hash tabel, kuid
Oletatakse, et iga ühe oma hash

1092
00:51:10,180 --> 00:51:11,130
tabeli tippu.

1093
00:51:11,130 --> 00:51:14,210
Ja siis võiks isegi seda teha proovida
mitte lihtsalt bool.

1094
00:51:14,210 --> 00:51:15,350
Sul võib olla midagi muud.

1095
00:51:15,350 --> 00:51:19,590
Mis siis, kui võti ei maxwell jaoks
Näiteks vaid quote Tsitaat lõppeb "nimi" või

1096
00:51:19,590 --> 00:51:22,900
Tsiteerin lõppeb "kapten." Ja sees
oma C andmestruktuur, paned

1097
00:51:22,900 --> 00:51:26,170
väärtus, mitte ainult Loogiline, kuid väärtus
nagu quote Tsitaat lõppeb "David" või

1098
00:51:26,170 --> 00:51:28,690
"M" või "Matthews," ja nii edasi.

1099
00:51:28,690 --> 00:51:33,170
>> Nii et need sama andmestruktuurid kasutasime
ilmselt on olemas ka teistes keeltes.

1100
00:51:33,170 --> 00:51:37,650
Ja ma tahaks väita, et nad on tegelikult palju,
palju lihtsam juurdepääs siin.

1101
00:51:37,650 --> 00:51:40,300
Olgem tegelikult vaatleme
nüüd mõned sellised süntaks.

1102
00:51:40,300 --> 00:51:43,120
>> Ma lähen minema PHP kataloog.

1103
00:51:43,120 --> 00:51:48,390
Ja ma lähen avama parem
versiooni tere-0-st enne.

1104
00:51:48,390 --> 00:51:50,270
Pange tähele, et kõik, mis ma tegin, oli
lisada mõned märkused.

1105
00:51:50,270 --> 00:51:52,530
Nii saame lahti saada, et juhtida tähelepanu kõrvale.

1106
00:51:52,530 --> 00:51:57,610
>> Ja see programm tõepoolest prindib
tere, sest ma olen määratletud vahel

1107
00:51:57,610 --> 00:52:01,420
sildid, et ma tahan täita selle koodi.

1108
00:52:01,420 --> 00:52:03,380
Nüüd me näeme, et hetkel
miks see on kasulik.

1109
00:52:03,380 --> 00:52:05,630
Aga Avame ühe teise näiteks siin.

1110
00:52:05,630 --> 00:52:10,430
Lubage mul minna ja avada öelda,
gedit tingimuste üks.

1111
00:52:10,430 --> 00:52:12,970
>> See on viis ajas tagasi nüüd.

1112
00:52:12,970 --> 00:52:16,320
Aga nädal tagasi, ma arvan, et nädal üks või
nädal kaks oli meil näiteks nn

1113
00:52:16,320 --> 00:52:18,470
conditions1.c.

1114
00:52:18,470 --> 00:52:22,050
Ja ma otsustasin implementeerid see PHP,
lihtsalt mingi rõhutada, et

1115
00:52:22,050 --> 00:52:26,500
PHP, süntaktiliselt, on peaaegu identne
et C. See ei ole suur hüpe

1116
00:52:26,500 --> 00:52:27,840
eelmisel nädalal sellele.

1117
00:52:27,840 --> 00:52:31,230
>> Teade ülaosas see programm, mille
algab, kui varem, sest mõned

1118
00:52:31,230 --> 00:52:34,260
kommentaarid, mis ma vabaneda
AS häiritud.

1119
00:52:34,260 --> 00:52:37,410
Pange tähele, et ma olen PHP
režiimis selles failis.

1120
00:52:37,410 --> 00:52:40,160
Nii et see kood, me näeme,
saavad täidetud.

1121
00:52:40,160 --> 00:52:42,670
Pange tähele, et seal on readline,
mis on ilmselt

1122
00:52:42,670 --> 00:52:46,230
analoog PHP kohta getString.

1123
00:52:46,230 --> 00:52:47,390
Teade, et see on veidi erinev.

1124
00:52:47,390 --> 00:52:51,410
Sa tegelikult täpsustada viip
funktsiooni nimetatakse lugeda line, ja see on

1125
00:52:51,410 --> 00:52:52,180
mida kasutaja näeb.

1126
00:52:52,180 --> 00:52:53,520
Nii et sa ei pea printf käsitsi.

1127
00:52:53,520 --> 00:52:54,860
Aga see ei ole suur asi.

1128
00:52:54,860 --> 00:52:59,150
Ma lähen hoida, sees $ n,
tagastatav väärtus see, et olenemata

1129
00:52:59,150 --> 00:53:00,490
kasutaja liigid on nende int.

1130
00:53:00,490 --> 00:53:01,660
Ja siin on veel uudishimu.

1131
00:53:01,660 --> 00:53:05,810
Selgub, PHP, iga muutuja
lihtsalt tuleb eesliide

1132
00:53:05,810 --> 00:53:06,970
koos dollari märk.

1133
00:53:06,970 --> 00:53:08,110
See on natuke tüütu.

1134
00:53:08,110 --> 00:53:10,870
Aga teate, mida ma teinud ei ole PHP.

1135
00:53:10,870 --> 00:53:13,980
Mis puudub vasakul
pool võrdusmärki?

1136
00:53:13,980 --> 00:53:15,430
>> Ei mainita tüüp.

1137
00:53:15,430 --> 00:53:19,400
Nii et see on erinev C. parem
või veel hullem, PHP on nõrgalt

1138
00:53:19,400 --> 00:53:20,550
kirjutatud keeles.

1139
00:53:20,550 --> 00:53:22,010
Tal on numbrid.

1140
00:53:22,010 --> 00:53:23,240
Tal on stringid.

1141
00:53:23,240 --> 00:53:24,015
Tal on tõeväärtused.

1142
00:53:24,015 --> 00:53:26,220
Ja see ei ole paar
muud tüüpi andmeid.

1143
00:53:26,220 --> 00:53:30,570
Aga sina, programmeerija, tavaliselt
ei pea hooli neist.

1144
00:53:30,570 --> 00:53:34,010
Segamini on see, et ta teeb
see veidi lihtsam programm.

1145
00:53:34,010 --> 00:53:35,380
Sa ei mõtle veidi vähem.

1146
00:53:35,380 --> 00:53:39,840
Negatiivne külg on see ka avab sulle
võimalikke vigu, kui te kogemata

1147
00:53:39,840 --> 00:53:43,080
ravida number string, string
kui number, mis võib, kuid isegi

1148
00:53:43,080 --> 00:53:46,150
siis, PHP, ja palju keeli,
on üsna tolerantne.

1149
00:53:46,150 --> 00:53:49,050
Nad kasutavad, mida nimetatakse
kaudne casting.

1150
00:53:49,050 --> 00:53:55,220
Ja kui sa püüad kasutada n kontekstis
arvulise olukorras tahe

1151
00:53:55,220 --> 00:53:58,040
teisendada mida siin saab olema
string, sest kui kasutaja liigid

1152
00:53:58,040 --> 00:54:01,570
midagi, ja sa saad tulemuse,
Nagu readline või saada string,

1153
00:54:01,570 --> 00:54:02,910
et läheb tagasi string.

1154
00:54:02,910 --> 00:54:07,360
>> Aga teate, paar rida hiljem, ma
vaadake, kui n on suurem kui null.

1155
00:54:07,360 --> 00:54:13,370
Nii PHP läheb kaudselt koo mu
"String" 123 või mis iganes kasutaja

1156
00:54:13,370 --> 00:54:14,860
liigid sisseveo int.

1157
00:54:14,860 --> 00:54:18,730
Nii lühike, asju lihtsalt töötab
palju rohkem intuitiivselt.

1158
00:54:18,730 --> 00:54:23,410
Nii et me nüüd hakkame lõõgastuda mõned
asju, mida me oleme teinud minevikus.

1159
00:54:23,410 --> 00:54:24,780
>> Palju see kraam on
sama, kuigi.

1160
00:54:24,780 --> 00:54:26,340
Ikka on võrdne võrdne.

1161
00:54:26,340 --> 00:54:30,350
Nagu kõrvale PHP on ka võrdne võrdsete
võrdne, kuid rohkem, et võib-olla ka

1162
00:54:30,350 --> 00:54:30,850
tulevikus.

1163
00:54:30,850 --> 00:54:31,150
See oli.

1164
00:54:31,150 --> 00:54:35,660
Typo vaid kaks võrdusmärke tähendab sama
asi nagu enne, võrdluseks.

1165
00:54:35,660 --> 00:54:37,060
printf tähendab sama, mis enne.

1166
00:54:37,060 --> 00:54:39,160
Längkriipsu n tähendab sama
asi nagu enne.

1167
00:54:39,160 --> 00:54:40,390
>> Niisiis, kuidas ma saan selle programmiga?

1168
00:54:40,390 --> 00:54:44,400
Noh, nagu enne, kui ma PHP,
conditions1.php ja kirjuta

1169
00:54:44,400 --> 00:54:46,560
number nagu 123.

1170
00:54:46,560 --> 00:54:47,720
See on positiivne number.

1171
00:54:47,720 --> 00:54:49,510
Kui ma sisestada 0, I pick 0.

1172
00:54:49,510 --> 00:54:53,700
Ja kui ma kirjuta negatiivne 123, saan
tagasi negatiivne arv, mis on ainult

1173
00:54:53,700 --> 00:54:59,050
öelda, süntaktiliselt, PHP
on super, super sarnased.

1174
00:54:59,050 --> 00:55:03,250
>> Miks see nii on nüüd kasulik
aastal web kontekstis?

1175
00:55:03,250 --> 00:55:06,710
Noh, lähme tagasi selle froshims
Näiteks, mis tundus,

1176
00:55:06,710 --> 00:55:08,600
uuesti, nagu see siin.

1177
00:55:08,600 --> 00:55:11,580
Ja olgem tegelikult tõmba veebileht
uuesti, mis nägi välja selline.

1178
00:55:11,580 --> 00:55:14,930
Mida me saame teha koos
andmed, mis on esitatud?

1179
00:55:14,930 --> 00:55:18,770
>> Noh, lubage mul avada uuema
versioon sellest.

1180
00:55:18,770 --> 00:55:20,920
Ja te näete, et probleem
komplekti kirjelduse suunab teid

1181
00:55:20,920 --> 00:55:22,850
läbi mõned neist.

1182
00:55:22,850 --> 00:55:29,610
Selle asemel, et alustada nullist,
Vaatame froshims3,

1183
00:55:29,610 --> 00:55:31,410
mis teeb natuke rohkem.

1184
00:55:31,410 --> 00:55:34,780
>> Teade esimene, tegelikult, olgem avatud
up mis 0 oli, nii et näete

1185
00:55:34,780 --> 00:55:37,170
mida register 0 oli.

1186
00:55:37,170 --> 00:55:40,040
Pane tähele, mida register 0 tegid.

1187
00:55:40,040 --> 00:55:41,730
Üks on mul comments ülaosas.

1188
00:55:41,730 --> 00:55:43,900
Kustuta need ja keskenduda ainult sellele.

1189
00:55:43,900 --> 00:55:48,730
Enamik sisu register0.php
on ilmselt mis keeles?

1190
00:55:48,730 --> 00:55:49,980
Just tooraine PHP.

1191
00:55:49,980 --> 00:55:53,430
>> Nii teate, seda faili ei käivitu
koos, hetkel, sulg,

1192
00:55:53,430 --> 00:55:54,970
küsimärk, PHP.

1193
00:55:54,970 --> 00:55:59,800
PHP ei võimalda teil segunevad
PHP koodi HTML teeke.

1194
00:55:59,800 --> 00:56:04,130
Aga ma olen teinud, et siin sees
on leht siin.

1195
00:56:04,130 --> 00:56:08,180
>> Nüüd jällegi, sa ainult ei tea seda alates
olles tutvunud kasutusjuhendiga. print_r,

1196
00:56:08,180 --> 00:56:13,410
Selgub, et on print_recursive.
_recursive Ja see on lihtsalt mugav

1197
00:56:13,410 --> 00:56:16,780
kasulikkusfunktsioon et lihtsalt trükib,
rekursiivselt, mida iganes sa käe ta.

1198
00:56:16,780 --> 00:56:18,760
Kui sa käe ta massiivi
see saab printida massiivi.

1199
00:56:18,760 --> 00:56:20,180
Kui sa käe ta number,
see saab trükkida number.

1200
00:56:20,180 --> 00:56:21,570
Anna see string, siis see
prindi string.

1201
00:56:21,570 --> 00:56:24,500
Kui sa käe ta hash tabel, see
välja printida hash tabelis.

1202
00:56:24,500 --> 00:56:26,730
Te ei pea kirjutama kõik
selle kood ise.

1203
00:56:26,730 --> 00:56:29,490
>> Nüüd teate, et ma olen sisenevad
PHP režiim siia.

1204
00:56:29,490 --> 00:56:32,070
Ma väljumise PHP režiim siia.

1205
00:56:32,070 --> 00:56:35,950
Nii et kui veebiserver loeb seda faili
ülevalt alla, vasakult paremale, sest

1206
00:56:35,950 --> 00:56:40,750
see lõpeb failinimi kutsutud. php,
kõike, mis ei ole sees PHP sildid on

1207
00:56:40,750 --> 00:56:42,820
lihtsalt saab olema sülitada
välja, nagu toores HTML.

1208
00:56:42,820 --> 00:56:43,630
Ei midagi erilist.

1209
00:56:43,630 --> 00:56:49,280
Aga niipea, kui veebiserver märkab
see, et see saab öelda, ma ei peaks

1210
00:56:49,280 --> 00:56:51,850
sülitama, sõna otseses mõttes, print_r ametikoha.

1211
00:56:51,850 --> 00:56:54,910
Ma peaks rahuldama järgmisi
rida koodi.

1212
00:56:54,910 --> 00:56:59,850
>> Seega viimane küsimus, siis selle faili
on, noh, mida kuradit see on?

1213
00:56:59,850 --> 00:57:00,530
Võtke oletus.

1214
00:57:00,530 --> 00:57:04,230
Mis on $ _POST, ilmselt?

1215
00:57:04,230 --> 00:57:07,070
>> Publik: [kuuldamatu]

1216
00:57:07,070 --> 00:57:08,830
>> SPEAKER 1: Jah, postitatud andmed.

1217
00:57:08,830 --> 00:57:11,350
Tuletame meelde, lähme kerida tagasi
aeg hetkeks.

1218
00:57:11,350 --> 00:57:13,165
froshim0 jällegi tundus see.

1219
00:57:13,165 --> 00:57:15,640
Super enamus on lihtsalt HTML.

1220
00:57:15,640 --> 00:57:18,410
Jällegi, mõned märksõnad, mida ei
näinud veel, või mis

1221
00:57:18,410 --> 00:57:19,360
te olete juba tuttav.

1222
00:57:19,360 --> 00:57:21,990
Aga huvitav asi oli see.

1223
00:57:21,990 --> 00:57:27,270
See üks rida on see, mis tegelikult ühendab
see meie register0.php faili.

1224
00:57:27,270 --> 00:57:29,200
Ma esitamise kaudu meetod postitus.

1225
00:57:29,200 --> 00:57:33,130
Ja see tähendab, et parameetrid
kasutaja liigid ei ole

1226
00:57:33,130 --> 00:57:35,150
läheb lõpuks kus.

1227
00:57:35,150 --> 00:57:36,175
>> Nad ei kavatse
ilmu URL.

1228
00:57:36,175 --> 00:57:39,020
Nad on ikka veel välja saata
kliendi brauserist, et

1229
00:57:39,020 --> 00:57:42,080
server, vaid lihtsalt läbi mõne muu
mehhanism, et me loobuda meie kätes

1230
00:57:42,080 --> 00:57:44,330
kell täna, kuid see ei ole URL.

1231
00:57:44,330 --> 00:57:47,630
Aga teate suhe nüüd
post, mis tavapäraselt on

1232
00:57:47,630 --> 00:57:49,160
väiketähed siin.

1233
00:57:49,160 --> 00:57:54,090
>> Aga kui ma avada register0.php,
Ma ilmselt trükkimiseks.

1234
00:57:54,090 --> 00:57:56,450
Nii et see on imelik
nimetades konventsiooni.

1235
00:57:56,450 --> 00:58:01,430
Aga mis on kena PHP on see, et kui
kasutades PHP web kontekstis mitte

1236
00:58:01,430 --> 00:58:04,480
käsurea nagu mina tegin hetk tagasi
kui sa tegelikult kasutades seda veebi

1237
00:58:04,480 --> 00:58:10,580
lehe Vhost kataloog sest me oleme,
automaatselt siis PHP täita seda

1238
00:58:10,580 --> 00:58:15,560
asi, mis on assotsiatiivne massiiv,
niiöelda hash tabel, kus

1239
00:58:15,560 --> 00:58:17,290
kõik kasutaja sisestatud sisse

1240
00:58:17,290 --> 00:58:22,000
>> Ühesõnaga, $ _POST kõik mütsid on
globaalne muutuja PHP lihtsalt

1241
00:58:22,000 --> 00:58:25,050
võluväel tekitab teile kui
kasutades PHP web kontekstis.

1242
00:58:25,050 --> 00:58:29,160
Ja see paneb sees on kõik
nimed parameetreid kujul, et

1243
00:58:29,160 --> 00:58:33,200
esitati seda faili ja kõik
väärtused, et kasutaja sisestatud sisse

1244
00:58:33,200 --> 00:58:37,790
Nii ta jätab sulle, mida kasutaja
kirjutasid selle vormi.

1245
00:58:37,790 --> 00:58:42,210
>> Nii et enne, meil tõesti loll väljund
lihtsalt näha seda, sest kõik, mida ma tegin

1246
00:58:42,210 --> 00:58:44,400
oli rekursiivselt prindi see massiiv.

1247
00:58:44,400 --> 00:58:46,060
Oluline on nimi, mille väärtus on David.

1248
00:58:46,060 --> 00:58:46,980
Oluline on kapten.

1249
00:58:46,980 --> 00:58:47,970
Väärtus on.

1250
00:58:47,970 --> 00:58:52,300
Ja topeltnooleks ja nurk
sulg ei, see on lihtsalt meelevaldne.

1251
00:58:52,300 --> 00:58:53,270
See ei ole koodi.

1252
00:58:53,270 --> 00:58:57,690
See on vaid PHP võimalus näidata
Mis väärtus mõned olulised on.

1253
00:58:57,690 --> 00:59:03,000
>> Aga nüüd andke mulle ettepaneku, et
froshIMs3, see on peaaegu identne

1254
00:59:03,000 --> 00:59:04,950
välja arvatud see leiab selle faili.

1255
00:59:04,950 --> 00:59:08,570
Ja veel, me ei kavatse sellist lihtsalt
pilk see, lihtsalt et näha, mõned

1256
00:59:08,570 --> 00:59:12,040
süntaks, kuid teate mis
seda faili ei.

1257
00:59:12,040 --> 00:59:14,930
Võtke vist lihtsalt põhineb rida
kood, mis ilmselt ei sarnanema

1258
00:59:14,930 --> 00:59:17,410
Kreeka, mõningal määral
ilmselt teeb.

1259
00:59:17,410 --> 00:59:20,580

1260
00:59:20,580 --> 00:59:23,110
>> See fail on kuidagi seotud
e-posti, e-posti.

1261
00:59:23,110 --> 00:59:24,770
Mis siis on see programm teeb?

1262
00:59:24,770 --> 00:59:28,740
Selles versioonis, kui ma tegelikult
täitke see vorm - ja lubage mul minna

1263
00:59:28,740 --> 00:59:30,760
froshIMs3, ei froshIMs0 -

1264
00:59:30,760 --> 00:59:33,280

1265
00:59:33,280 --> 00:59:34,540
vorm ja välja näeb sama.

1266
00:59:34,540 --> 00:59:37,980
David, kapten, male, ühiselamus, Matthews.

1267
00:59:37,980 --> 00:59:42,980
Aga kui ma saadan selle, see fail on
kavatse minna register3.php.

1268
00:59:42,980 --> 00:59:46,330
>> Ja ma väita, vaadates see
lähtekoodi, see läheb

1269
00:59:46,330 --> 00:59:47,650
kuidagi kaasata email.

1270
00:59:47,650 --> 00:59:49,620
Lubage mul minna ja avada see
üles suurem aken, nii et me

1271
00:59:49,620 --> 00:59:51,030
näete seda puhtamalt.

1272
00:59:51,030 --> 00:59:57,220
Oleme Vhosts, kohalik host,
avalik, froshims.

1273
00:59:57,220 --> 00:59:58,680
Ma lähen avama erinevates
programm, just nii me

1274
00:59:58,680 --> 01:00:00,160
näete rohkem korraga.

1275
01:00:00,160 --> 01:00:03,100
>> Nüüd siin märgata mõningaid asju.

1276
01:00:03,100 --> 01:00:06,530
Ülaosas fail on avatud
sulg, küsimärk, PHP.

1277
01:00:06,530 --> 01:00:08,920
Siis on hunnik kommentaare
mida me ei saa eirata, on

1278
01:00:08,920 --> 01:00:10,450
ebahuvitav nüüd.

1279
01:00:10,450 --> 01:00:11,300
>> Nüüd on see.

1280
01:00:11,300 --> 01:00:14,200
Selgub, PHP on palju
Koodi nimetatakse nõuavad.

1281
01:00:14,200 --> 01:00:19,110
See on väga sarnase sisuga C on
sisaldab hash sisaldavad mis

1282
01:00:19,110 --> 01:00:21,980
põhiliselt haarab sisu mõned
muu fail ja lihtsalt plops neid siin,

1283
01:00:21,980 --> 01:00:22,930
nii et saate neid kasutada.

1284
01:00:22,930 --> 01:00:27,060
Sel juhul on seadmel,
eelinstalleeritud, raamatukogu tasuta ja

1285
01:00:27,060 --> 01:00:29,900
avatud lähtekoodiga raamatukogu kutsus PHP
mailer, et igaüks saab

1286
01:00:29,900 --> 01:00:30,770
alla laadida internetist.

1287
01:00:30,770 --> 01:00:32,000
Me tegime seda sinu jaoks.

1288
01:00:32,000 --> 01:00:36,130
Ja see tähendab, et ma nüüd on e-posti
funktsionaalsus minu käsutuses.

1289
01:00:36,130 --> 01:00:38,170
>> Nüüd teate mõned asjad.

1290
01:00:38,170 --> 01:00:41,120
Ma lähen, et kinnitada
vormi esitamist.

1291
01:00:41,120 --> 01:00:45,980
Tuleb välja, PHP, üks, on hüüatus
punkte ei operaator, nagu

1292
01:00:45,980 --> 01:00:49,810
C. Kuid PHP on ka funktsioon
nimetatakse tühi.

1293
01:00:49,810 --> 01:00:53,920
>> Tühi lihtsalt tagastab tõsi, kui väärtus
on asi, mida see tuleb

1294
01:00:53,920 --> 01:00:57,190
Sulgudes on tühi, nagu
kasutaja ei kirjuta midagi sisse

1295
01:00:57,190 --> 01:01:02,680
Nii et see on see sõna ja teate
süntaks, väga meenutab C, kui

1296
01:01:02,680 --> 01:01:07,730
nimi võti, nii nimi väljale vormi,
mille kaudu esitada posti teel

1297
01:01:07,730 --> 01:01:13,010
kasutaja ei ole tühi, ja nende
sugu ei ole tühi kujul nagu

1298
01:01:13,010 --> 01:01:15,980
Noh, ja nende ühiselamus ei ole tühi -

1299
01:01:15,980 --> 01:01:19,980
aga teate ma ei hooli Kapten,
siis mida me teeme?

1300
01:01:19,980 --> 01:01:21,990
>> Ma lähen täitma
see rida koodi.

1301
01:01:21,990 --> 01:01:24,100
Ja sa ei mõtle seda liiki
nagu malloc, kuid see on natuke

1302
01:01:24,100 --> 01:01:24,800
raskemat.

1303
01:01:24,800 --> 01:01:29,200
Aga nüüd see annab mulle erilist
vatseti tüüpi PHP mailer.

1304
01:01:29,200 --> 01:01:31,410
Kuid ignoreerida märksõna uus täna.

1305
01:01:31,410 --> 01:01:35,670
>> Nüüd ma lähen helistada funktsioon nimega
IsSMTP, mis ütleb, kasuta SMTP.

1306
01:01:35,670 --> 01:01:39,380
See on port 25, nagu ka video
eelmisel nädalal, kui asi oli viskamine

1307
01:01:39,380 --> 01:01:40,710
kirjadest tulemüüri.

1308
01:01:40,710 --> 01:01:42,440
Port 25 on SMTP.

1309
01:01:42,440 --> 01:01:44,410
SMTP tähendab kasutada posti server.

1310
01:01:44,410 --> 01:01:46,215
Kumb saame kasutada Harvardi
SMTP.fas.harvard.edu.

1311
01:01:46,215 --> 01:01:48,850

1312
01:01:48,850 --> 01:01:51,590
>> Meil on võimalik valida alates aadress
olema John Harvardi.

1313
01:01:51,590 --> 01:01:55,090
Kui ma keri edasi, ma ei saa määrata
saaja aadress, vaid

1314
01:01:55,090 --> 01:01:56,840
omavoliliselt, oleks John
Harvardi samuti.

1315
01:01:56,840 --> 01:01:59,210
Nii ta läheb, mida postitada ise.

1316
01:01:59,210 --> 01:02:01,600
>> Nüüd on võimalik valida teema
olema registreeritud.

1317
01:02:01,600 --> 01:02:03,700
Ja ma ei saa määrata keha
e-posti järgmiselt.

1318
01:02:03,700 --> 01:02:06,500
See rida tundub veidi segasena,
aga see on lihtsalt sellepärast, et seal on palju

1319
01:02:06,500 --> 01:02:07,450
Teabe ta.

1320
01:02:07,450 --> 01:02:10,670
Üks, seal dot operaator.

1321
01:02:10,670 --> 01:02:14,510
Keegi peab teadma juba mida
dot operaator teeb.

1322
01:02:14,510 --> 01:02:15,436
See ahel.

1323
01:02:15,436 --> 01:02:19,240
Nii et kui soovite võtta stringi PHP,
ja lisada, või ülaloleva see, et

1324
01:02:19,240 --> 01:02:23,500
teise stringi PHP, jumal tänatud sa
ei pea kasutama strcopy ja malloc,

1325
01:02:23,500 --> 01:02:25,490
ja kõik see enam.

1326
01:02:25,490 --> 01:02:28,765
>> Kui soovite concatenate kaks stringi,
kes hoolib mälu.

1327
01:02:28,765 --> 01:02:30,850
Olgu PHP näitaja läbi sulle.

1328
01:02:30,850 --> 01:02:35,200
Mis PHP pistmist dot operaator
siin on lihtsalt suur lause välja

1329
01:02:35,200 --> 01:02:37,900
Selle rea, seda joont,
see joon, seda joont.

1330
01:02:37,900 --> 01:02:40,460
Ja nüüd ette, et see saab
sokutama väärtushinnangutes.

1331
01:02:40,460 --> 01:02:43,680
Nii e-posti, et John Harvard läheb
saada sõna otseses mõttes ütlen

1332
01:02:43,680 --> 01:02:49,450
nimi, koolon, midagi, mitte, siis me
sulgemiseks string ja concatenate edasi

1333
01:02:49,450 --> 01:02:52,220
olenemata kasutaja sisestatud
aastal, siis uus rida.

1334
01:02:52,220 --> 01:02:54,570
>> Siis järgmisel real John Harvardi
e, et see saab öelda,

1335
01:02:54,570 --> 01:02:55,910
Kapten, Sees või midagi.

1336
01:02:55,910 --> 01:02:57,810
See saab öelda sugu,
mees või naine.

1337
01:02:57,810 --> 01:02:59,680
Dorm saab olema Matthews
minu puhul.

1338
01:02:59,680 --> 01:03:03,400
Ja siis märkate tuttav semikoolon
päris lõpus.

1339
01:03:03,400 --> 01:03:07,830
Ja siis siia, teate, mõnevõrra
segasena veel, kuid jällegi, pärast

1340
01:03:07,830 --> 01:03:12,730
muster, mis harjuvad
pärast P seatud 7, kui saata mail

1341
01:03:12,730 --> 01:03:16,610
tagastab false, siis minna ja surra.

1342
01:03:16,610 --> 01:03:19,610
>> Nii PHP on funktsioon nimega die,
mis sõna otseses mõttes lihtsalt tapab

1343
01:03:19,610 --> 01:03:22,830
kodulehel ja lihtsalt trükib välja mida iganes
sa ütled seda - tema on suremas

1344
01:03:22,830 --> 01:03:24,280
sõnad, nii rääkida.

1345
01:03:24,280 --> 01:03:28,310
Ja see, kui tegemist on, siis printida
millised vea info on

1346
01:03:28,310 --> 01:03:29,860
mis juhtus valesti minema.

1347
01:03:29,860 --> 01:03:34,490
Nii pikk lugu lühike siin, mida me oleme
on näide sellest, kui kasutaja

1348
01:03:34,490 --> 01:03:39,150
esitab vormi, froshim0,
froshims3.php, see läheb

1349
01:03:39,150 --> 01:03:40,760
register3.php.

1350
01:03:40,760 --> 01:03:45,290
Aga register3.php siis tulu
täita kõik need read.

1351
01:03:45,290 --> 01:03:46,620
>> Nii et seal on mõned take kahjustavad tegurid siin.

1352
01:03:46,620 --> 01:03:50,380
Üks, see on ilmselt üsna lihtne,
programmiliselt, saata e-kirju,

1353
01:03:50,380 --> 01:03:50,830
mis on hea.

1354
01:03:50,830 --> 01:03:53,500
Kui kasutajad registreeruma saidile sisse
Sellisel juhul, kui nad registreerivad oma

1355
01:03:53,500 --> 01:03:56,220
sport, saate e-posti uustulnuk
Proctor või John

1356
01:03:56,220 --> 01:03:57,650
Harvard, käesoleval juhul.

1357
01:03:57,650 --> 01:04:01,630
>> Aga see tähendab ka seda, mida saate teha, mis?

1358
01:04:01,630 --> 01:04:03,970
Saada e-kirju, et keegi kedagi.

1359
01:04:03,970 --> 01:04:05,430
Ja see on väga õige.

1360
01:04:05,430 --> 01:04:08,580
See ei ole nii lihtne teha, kui
sa oled harjunud kasutama Gmaili.

1361
01:04:08,580 --> 01:04:11,310
Aga kui sa oled kunagi kasutada Eudora või
Outlook, saab päris palju öelda

1362
01:04:11,310 --> 01:04:13,720
posti server, et olete
keegi tahad.

1363
01:04:13,720 --> 01:04:16,450
Ja see on koht, kus ma pean panema
et müts ja öelda, ei tee seda.

1364
01:04:16,450 --> 01:04:21,140
Aga see on märk sellest, kui lihtne
see on täita phishing rünnakuid, ja

1365
01:04:21,140 --> 01:04:24,310
saata anonüümseid e-kirju ja
spam üldisemalt.

1366
01:04:24,310 --> 01:04:27,330
Ja see tõesti taandub
Asjaolu, et kõik, mida vajame, on mõned

1367
01:04:27,330 --> 01:04:28,500
programmiline juurdepääs.

1368
01:04:28,500 --> 01:04:31,940
>> Nagu kõrvale, minu lähedaste kohtumine
reklaam pardal, minu uustulnuk aastal,

1369
01:04:31,940 --> 01:04:34,320
oli, kui ma avastasin selle cool
trikk, et wow, saate

1370
01:04:34,320 --> 01:04:36,850
saata e-kirju kelleltki.

1371
01:04:36,850 --> 01:04:39,770
Ja nii me olime võttes mõned loll
argument, sõna otseses mõttes, Matthews,

1372
01:04:39,770 --> 01:04:40,790
üks minu Proctor grupp.

1373
01:04:40,790 --> 01:04:42,470
Ma isegi ei mäleta
mis teema oli.

1374
01:04:42,470 --> 01:04:44,970
Aga ma tahtsin proovida panna
lõppu, et see loll arutelu.

1375
01:04:44,970 --> 01:04:48,580
>> Nii et ma otsustasin ma lihtsalt saata e-posti
minu Proctor grupp, teeseldes, et

1376
01:04:48,580 --> 01:04:52,000
teine ​​noormees, kellel kelle arvamus
nõus, ja teda päri

1377
01:04:52,000 --> 01:04:54,680
mis iganes minu arvates oli
selle konkreetse arutelu.

1378
01:04:54,680 --> 01:04:59,320
Ja nii ma sepistatud seda e-posti kasutades
tehnikat sarnase sisuga seda.

1379
01:04:59,320 --> 01:05:01,256
Aga see oli tegelikult lihtsam
ajal.

1380
01:05:01,256 --> 01:05:02,435
Tulemus saata.

1381
01:05:02,435 --> 01:05:06,660
Ta ei olnud rahul, ega kõrvalda
on reklaami pardal.

1382
01:05:06,660 --> 01:05:10,280
>> Ja ma olin väga kiiresti püütud
sekundit, sest nagu te teate, ma kirjutama

1383
01:05:10,280 --> 01:05:11,420
minu e-kirju teatud viisil.

1384
01:05:11,420 --> 01:05:14,200
Ja kuigi ma seda teha käsitsi, suurtes
osa, 15 aastat hiljem, sest olin

1385
01:05:14,200 --> 01:05:15,080
traumeeritud, et.

1386
01:05:15,080 --> 01:05:16,960
Mul ei ole allkirja
minu e-posti nüüd.

1387
01:05:16,960 --> 01:05:20,440
Aga aastal 1995, ma lihtsalt pidin sig,
allkiri on minu e-posti.

1388
01:05:20,440 --> 01:05:24,630
Nii oli see teadmiseks öeldes Kallis
Proctor grupp, ma leppida minu arvamus

1389
01:05:24,630 --> 01:05:31,240
ja nõus David allkirjastatud nii ja
Niisiis, uus liin, uus liin, DJM.

1390
01:05:31,240 --> 01:05:36,220
>> Nii ei tee seda või üldiselt võtta
ära seda tehnikat.

1391
01:05:36,220 --> 01:05:39,950
Aga kui teha veebileht, nagu ette
oma lõpliku projekti tegemisel

1392
01:05:39,950 --> 01:05:43,460
kodulehel midagi ettevõtlikkust,
see on see, kuidas, pragmaatiliselt, saate

1393
01:05:43,460 --> 01:05:47,000
võimendada muid teenuseid internetis
nagu posti ja siis tegelikult

1394
01:05:47,000 --> 01:05:49,440
Kirjuta asju kasutades koodi.

1395
01:05:49,440 --> 01:05:51,240
>> Niisiis, kuidas me saame täiustada seda?

1396
01:05:51,240 --> 01:05:54,370
Noh, esiteks võtame kiirülevaate
mõned asjad, mis sa näed,

1397
01:05:54,370 --> 01:05:56,170
ja siis, kui heita pilk
paar näidet.

1398
01:05:56,170 --> 01:05:59,500
Nii et üks, rahustada, sest
Me lendame läbi PHP.

1399
01:05:59,500 --> 01:06:02,470
Ja ma tean, et mingil hetkel sa pead
tegelikult hakake seda, kui te

1400
01:06:02,470 --> 01:06:03,460
ei ole juba.

1401
01:06:03,460 --> 01:06:06,220
Mõistma, et üks, peamine on selline
ja aknast PHP.

1402
01:06:06,220 --> 01:06:09,420
Kui soovite kirjutada koodi, mis saab
täide, sa lihtsalt hakake seda

1403
01:06:09,420 --> 01:06:13,970
fail nimega. php nii kaua
teil on sulg

1404
01:06:13,970 --> 01:06:15,620
küsimärk PHP tag.

1405
01:06:15,620 --> 01:06:19,730
>> Aga teate need on
tingimused php.

1406
01:06:19,730 --> 01:06:22,610
Teade, et see on täpselt sama slaid
meil oli nädalas üks, kui meil oli

1407
01:06:22,610 --> 01:06:25,670
tingimused C. Tingimused
PHP on struktuurilt ja

1408
01:06:25,670 --> 01:06:27,140
süntaktiliselt sama.

1409
01:06:27,140 --> 01:06:30,290
Ainus tõeline erinevus on see, kui sul on
muutujaid kaasatud, siis on need

1410
01:06:30,290 --> 01:06:31,600
dollari märke.

1411
01:06:31,600 --> 01:06:33,970
>> Vahepeal Loogiline väljendeid
näevad välja täpselt nagu seda

1412
01:06:33,970 --> 01:06:35,725
või-se või ja-se koos.

1413
01:06:35,725 --> 01:06:37,780
Lülitid välja täpselt sama.

1414
01:06:37,780 --> 01:06:42,180
Mis on tore, PHP, samas C,
lülitid olema juhtudel

1415
01:06:42,180 --> 01:06:46,380
primitiivid nagu ints või sümbolit, PHP
Sinu puhul avaldusi võib tegelikult olla

1416
01:06:46,380 --> 01:06:48,430
kohta tervikuna stringid, mis on
tegelikult omamoodi kena.

1417
01:06:48,430 --> 01:06:49,480
Säästab aega.

1418
01:06:49,480 --> 01:06:50,820
Ei saanud teha, et C.

1419
01:06:50,820 --> 01:06:52,880
>> Siin for loop PHP.

1420
01:06:52,880 --> 01:06:53,740
See on identne.

1421
01:06:53,740 --> 01:06:55,400
Võib-olla mõned dollari märgid
muutujate.

1422
01:06:55,400 --> 01:06:57,530
Sa ei pea mainima, et
midagi on int.

1423
01:06:57,530 --> 01:07:00,580
Sa lihtsalt kuulutada koos dollari märk
ja muutuja nimi.

1424
01:07:00,580 --> 01:07:01,430
Aga jaoks silmus on sama.

1425
01:07:01,430 --> 01:07:02,760
Samas loop on sama.

1426
01:07:02,760 --> 01:07:04,870
Teha, kui silmus on sama.

1427
01:07:04,870 --> 01:07:06,170
>> See on veidi erinev.

1428
01:07:06,170 --> 01:07:12,410
Nii PHP, array, saate
staatiliselt deklareerida massiivi, nagu C,

1429
01:07:12,410 --> 01:07:14,420
aga sa kasutad nurksulgudes.

1430
01:07:14,420 --> 01:07:17,060
In C, siis oleks kasutada looksulg,
kui sa isegi teadsin seda.

1431
01:07:17,060 --> 01:07:20,910
Aga see on tegelikult väga levinud PHP
kuulutada array, sel juhul

1432
01:07:20,910 --> 01:07:23,640
numbrid ja helistage
muutuja numbrid.

1433
01:07:23,640 --> 01:07:25,300
>> Muutujad ise näeb välja selline.

1434
01:07:25,300 --> 01:07:28,710
Siin on string, tsiteerin lõppeb "tere
maailmas. "Sa oleks võinud längkriipsu n.

1435
01:07:28,710 --> 01:07:30,950
Ma lihtsalt ei ole käesolevas asjas.

1436
01:07:30,950 --> 01:07:32,640
>> Nüüd on see huvitav ehitada.

1437
01:07:32,640 --> 01:07:33,700
C ei ole seda.

1438
01:07:33,700 --> 01:07:34,700
Aga see on super abivalmis.

1439
01:07:34,700 --> 01:07:38,160
Ja te näete seda P kogum 7
spec - iga ehitada.

1440
01:07:38,160 --> 01:07:41,800
Kui soovite korrata üle kõik
elementide massiiv, sa ei pea

1441
01:07:41,800 --> 01:07:45,500
tegeleda $ i ja $ n,
ja + +, ja kõik.

1442
01:07:45,500 --> 01:07:47,640
Võid sõna otseses mõttes öelda, PHP, see -

1443
01:07:47,640 --> 01:07:51,890
iga numbrite arv, nii
Ma oletan, et $ numbrid

1444
01:07:51,890 --> 01:07:53,380
on massiivi numbrid.

1445
01:07:53,380 --> 01:07:56,460
Ja kui ma ütlen iga numbrid
kui number, see läheb

1446
01:07:56,460 --> 01:08:00,505
automaatselt, kui minu loop hukatakse,
uuendada, iga iteratsiooni, väärtus

1447
01:08:00,505 --> 01:08:03,260
sees dollari märk number -

1448
01:08:03,260 --> 01:08:07,730
uuesti ja uuesti ja uuesti jalgsi
minu jaoks üle, et massiivi.

1449
01:08:07,730 --> 01:08:08,735
Nii see lihtsalt säästab meid kood.

1450
01:08:08,735 --> 01:08:12,250
No semikoolonit ei + + 's, mitte i on,
ei n on, see on lihtsalt kena.

1451
01:08:12,250 --> 01:08:13,700
>> Kuid PHP on ka see.

1452
01:08:13,700 --> 01:08:14,830
Ja see on super võimas.

1453
01:08:14,830 --> 01:08:17,410
Ja sa kasutada seda, käed
edasi, P seada 7.

1454
01:08:17,410 --> 01:08:21,990
Ja assotsiatiivne massiiv on ka kuulutatud
nurksulgudega.

1455
01:08:21,990 --> 01:08:23,569
Aga teate süntaksi nüüd.

1456
01:08:23,569 --> 01:08:26,880
See meenutab nägime
koos print_r hetk tagasi.

1457
01:08:26,880 --> 01:08:31,810
Mitu võtmed, kui vähe Psüühikavise
Mis see massiivi tundub, et on.

1458
01:08:31,810 --> 01:08:32,689
>> Nii et see on kaks.

1459
01:08:32,689 --> 01:08:33,830
Ja ma nimetan seda massiivi.

1460
01:08:33,830 --> 01:08:36,760
Aga kui see aitab, võite mõelda
Selle kui hash tabel, või

1461
01:08:36,760 --> 01:08:37,930
assotsiatiivne massiiv.

1462
01:08:37,930 --> 01:08:39,580
Aga see on lihtsalt erinevad
tüüpi massiiv.

1463
01:08:39,580 --> 01:08:41,080
Ja jälle erinevaid keeli
on need.

1464
01:08:41,080 --> 01:08:43,810
Me näeme midagi sarnast
JavaScript samuti.

1465
01:08:43,810 --> 01:08:44,609
Seal on kaks võtit.

1466
01:08:44,609 --> 01:08:48,390
Üks on tsitaat lõppeb, "sümbol," üks on
Tsiteerin lõppeb "hinnaga." Ja need võtmed

1467
01:08:48,390 --> 01:08:49,250
iga on väärtus.

1468
01:08:49,250 --> 01:08:54,420
Sel juhul sümboli väärtus on FB jaoks
Facebook ja hindade väärtus on 49, 26,

1469
01:08:54,420 --> 01:08:56,899
mis oli Facebooki aktsia
hinnad alates hommikul.

1470
01:08:56,899 --> 01:09:00,170
>> Mis on kasulik umbes
assotsiatiivne massiiv.

1471
01:09:00,170 --> 01:09:02,620
Mul oleks võinud arvuliselt
indekseeritud massiivi lihtsalt

1472
01:09:02,620 --> 01:09:04,120
lihtne nurksulgudes.

1473
01:09:04,120 --> 01:09:09,380
Ja ma oleks võinud dollari märk
quote võrdub lihtsalt see.

1474
01:09:09,380 --> 01:09:10,529
Las ma tegelikult seda teha.

1475
01:09:10,529 --> 01:09:14,796
Oletame, ma selle asemel lihtsalt tunnistada
Selle massiivi niimoodi.

1476
01:09:14,796 --> 01:09:17,590
See on täiesti kehtiv,
süntaktiliselt.

1477
01:09:17,590 --> 01:09:20,569
See ei kaota andmeid,
per se.

1478
01:09:20,569 --> 01:09:24,760
Ma ikka näen, et sümbol on fb,
ja et hind on 49, 26.

1479
01:09:24,760 --> 01:09:28,939
Miks on assotsiatiivne
massiivid mõjuvad?

1480
01:09:28,939 --> 01:09:30,189
>> Publik: Te ei pea meeles pidama,
kui paned asjad.

1481
01:09:30,189 --> 01:09:32,050

1482
01:09:32,050 --> 01:09:34,130
>> SPEAKER 1: Täpselt nii, sa ei pea
meeles pidada, kuhu panna asjad.

1483
01:09:34,130 --> 01:09:37,670
Sul ei ole suvaliselt meeles
et aktsia sümbol on sulg null,

1484
01:09:37,670 --> 01:09:41,479
ja aktsiahinnad on sulg üks,
mis on eriti ohtlik, kui te

1485
01:09:41,479 --> 01:09:43,220
muuta asju, lõpuks.

1486
01:09:43,220 --> 01:09:46,399
See on palju parem siduda
mida me kutsume metaandmed

1487
01:09:46,399 --> 01:09:48,340
oma tegelikke andmeid.

1488
01:09:48,340 --> 01:09:52,399
Ma tahaks väita, et see, mida me tõesti hoolime
umbes siin on fb ja 49, 26.

1489
01:09:52,399 --> 01:09:57,020
Sümbol ja hind on metaandmete
mis kirjeldab andmeid, mida me

1490
01:09:57,020 --> 01:09:58,180
tegelikult hoolivad.

1491
01:09:58,180 --> 01:10:01,910
Aga see on lihtsalt nii palju
lihtsam juurdepääs.

1492
01:10:01,910 --> 01:10:04,090
>> Nüüd, kui kõrvale mis
hind, mida me maksma?

1493
01:10:04,090 --> 01:10:06,600
Me oleme seda teinud juba
aastal CS50 nädalaid.

1494
01:10:06,600 --> 01:10:10,740
See funktsioon peab tulema teatud hind.

1495
01:10:10,740 --> 01:10:11,350
Mälu.

1496
01:10:11,350 --> 01:10:13,830
Nii et sa ei ole lihtsalt ladustamiseks 32-bit
täisarv, näiteks.

1497
01:10:13,830 --> 01:10:17,980
Sa ladustamiseks sümbol / 0, ilmselt.

1498
01:10:17,980 --> 01:10:19,160
Nii et te kasutate rohkem mälu.

1499
01:10:19,160 --> 01:10:22,540
>> Ja mis on täitmiseks
otsin midagi üles

1500
01:10:22,540 --> 01:10:24,822
assotsiatiivne massiiv, ilmselt?

1501
01:10:24,822 --> 01:10:26,590
See on ilmselt aeglasem.

1502
01:10:26,590 --> 01:10:29,670
Muutmälu on tore, eriti
kui saad teha binaarne otsing.

1503
01:10:29,670 --> 01:10:33,380
Aga kui sa oled tegelikult nüüd vaadates ei
numbrite, vaid stringid, seda

1504
01:10:33,380 --> 01:10:37,630
tõeliselt ellu all
kapuuts, tõenäoliselt hash tabel, kus

1505
01:10:37,630 --> 01:10:42,950
kasutad ükskõik kumba hash tabel
eraldi ühendamine.

1506
01:10:42,950 --> 01:10:46,040
Või te kasutate proovida tegelikult
salvestada väärtusi.

1507
01:10:46,040 --> 01:10:50,550
Nii et äkki saab teha pidevalt aega, kuid
teil on ikka vaadata S-Y-M-B-O-L,

1508
01:10:50,550 --> 01:10:54,510
potentsiaalselt asemel lihtsalt 32
bits otsida midagi üles.

1509
01:10:54,510 --> 01:10:58,430
Nii et taas, need samad mõtted tulevad
Tagasi korduda selles kontekstis.

1510
01:10:58,430 --> 01:11:02,120
>> Aga jälle, PHP on nüüd mõned super
globaalseid, et selgub, on

1511
01:11:02,120 --> 01:11:02,900
assotsiatiivne massiivid.

1512
01:11:02,900 --> 01:11:05,590
Nägime üks hetk tagasi, $ _POST.

1513
01:11:05,590 --> 01:11:08,400
Ja et super globaalne
on võtmed ja väärtused.

1514
01:11:08,400 --> 01:11:10,550
Täpsemalt võtmed
rivistama, mida?

1515
01:11:10,550 --> 01:11:14,520
Kust võtmed $ _POST tulevad?

1516
01:11:14,520 --> 01:11:15,380
Lihtsalt sulgege?

1517
01:11:15,380 --> 01:11:16,480
>> Publik: Nimi.

1518
01:11:16,480 --> 01:11:17,900
>> SPEAKER 1: nimi, kus?

1519
01:11:17,900 --> 01:11:19,860
>> Publik: [kuuldamatu]

1520
01:11:19,860 --> 01:11:20,750
>> SPEAKER 1: nimi on atribuut.

1521
01:11:20,750 --> 01:11:23,480
Noh, aga kus nad tegid
algselt pärit on?

1522
01:11:23,480 --> 01:11:24,120
Vormi.

1523
01:11:24,120 --> 01:11:30,140
Nii et kui HTML lehel on vorm tag,
mille sees on mõned sisendid, nagu

1524
01:11:30,140 --> 01:11:34,760
ruudud, tekstiväljade rippmenüüst
menüüd, millest igaühel on nimi, nende

1525
01:11:34,760 --> 01:11:40,260
nimed lõpuks nagu võtmed $ _POST ning
ausalt, et asi, $ _GET.

1526
01:11:40,260 --> 01:11:42,130
Kui meetod on GET, sama mõte.

1527
01:11:42,130 --> 01:11:43,830
See on lihtsalt erinevas super globaalne.

1528
01:11:43,830 --> 01:11:47,620
Ja väärtusi, muidugi, on pärit
olenemata kasutaja tipitud tema või

1529
01:11:47,620 --> 01:11:48,890
tema brauser.

1530
01:11:48,890 --> 01:11:49,830
>> Aga seal on mõned teised.

1531
01:11:49,830 --> 01:11:52,140
Seal on küpsis, mis me tulen
tagasi tulla lõpuks.

1532
01:11:52,140 --> 01:11:56,050
Aga need on asjad, mida sa tead,
web kasutab mõnda head või halba.

1533
01:11:56,050 --> 01:11:57,420
Aga me tuleme tagasi selle.

1534
01:11:57,420 --> 01:12:01,720
Server ja istungil ja need kaks
on mingi eriline kasulikkust.

1535
01:12:01,720 --> 01:12:03,940
>> Aga võtame pilk see.

1536
01:12:03,940 --> 01:12:13,330
Lubage mul minna ja avada näiteks
nimetatakse mvc0.php Nii MVC

1537
01:12:13,330 --> 01:12:14,900
tähistab järgmist.

1538
01:12:14,900 --> 01:12:19,390
Ja me võtame kasutusele seda varem on
Tüüpiline, tõesti, et sa projekteerimine

1539
01:12:19,390 --> 01:12:22,180
Ülesanded 7 ja ka lõplik projektide
aastal omamoodi tööstus

1540
01:12:22,180 --> 01:12:23,670
tavapärasel viisil, ja puhas viis.

1541
01:12:23,670 --> 01:12:24,820
See on hea disain.

1542
01:12:24,820 --> 01:12:29,090
>> Nii et sa parasjagu näha, ja sa pead
kogemus, P komplekti 7, paradigma, sorteerida

1543
01:12:29,090 --> 01:12:32,260
programmeerimise mõtteviisi, mis näeb
natuke midagi sellist.

1544
01:12:32,260 --> 01:12:35,570
M mudeli, C Controller,
V View.

1545
01:12:35,570 --> 01:12:39,690
Pikk lugu lühike, MVC on lihtsalt selline
on metoodika, moodus

1546
01:12:39,690 --> 01:12:43,360
veebilehed, eriti, mille te
panna kõik oma, loll lause -

1547
01:12:43,360 --> 01:12:44,970
äriloogika -

1548
01:12:44,970 --> 01:12:49,710
kõik oma intellektuaalse omandi
mida nimetatakse kontroller, fail

1549
01:12:49,710 --> 01:12:54,840
nagu index.php või me näeme,
quote.php või buy.php.

1550
01:12:54,840 --> 01:12:59,570
>> Kontekstis Ülesanded 7, oma
mudelid sisaldavad tavaliselt oma andmed,

1551
01:12:59,570 --> 01:13:03,860
midagi, mis on seotud andmebaasi, kui paneme
lõpuks näha ja oma seisukohti

1552
01:13:03,860 --> 01:13:07,510
sisaldavad esteetika oma
site, HTML, CSS.

1553
01:13:07,510 --> 01:13:10,420
Nii et me juba nägime seda C vähe
natuke abil. h failid.

1554
01:13:10,420 --> 01:13:15,010
Me tõesti nägin seda hetk tagasi koos CSS,
poolt faktooring CSS stiliseerimine

1555
01:13:15,010 --> 01:13:16,520
kraami meie HTML.

1556
01:13:16,520 --> 01:13:20,730
>> Nii MVC on tõesti ainult umbes joonistus
jooned liiva sisse ja ütles:

1557
01:13:20,730 --> 01:13:25,400
huvitav programmeerimine kood oma
veebilehel kuulub mida me kutsume

1558
01:13:25,400 --> 01:13:26,400
kontroller.

1559
01:13:26,400 --> 01:13:29,280
Stuff seotud andmebaas tavaliselt
jõuab mudel.

1560
01:13:29,280 --> 01:13:33,070
Aga näete, et Ülesanded 7, me
ühendada C ja M hoida lihtsa.

1561
01:13:33,070 --> 01:13:37,630
Aga vaade on koht, kus kõik oma HTML
ja esteetika tavaliselt minna.

1562
01:13:37,630 --> 01:13:39,160
>> Mida see tähendab reaalselt?

1563
01:13:39,160 --> 01:13:45,980
Noh, lubage mul minna oma MVC
kataloog järgmiselt.

1564
01:13:45,980 --> 01:13:48,880
Ja te näete, mitu neist
käinud läbi spec.

1565
01:13:48,880 --> 01:13:53,200
Nii mvc0, ma väita, et see on, nagu,
versioon 0 CS50 veebisaidil.

1566
01:13:53,200 --> 01:13:56,670
>> Meil on vaid mõned HTML, nagu
suur h1 tag, ilmselt.

1567
01:13:56,670 --> 01:13:57,800
Ja siis täpploendit.

1568
01:13:57,800 --> 01:13:59,860
Ma pole kunagi näinud täpploendit
enne, aga pole hullu.

1569
01:13:59,860 --> 01:14:01,590
Lähme kiiresti vaadata lähtekoodi.

1570
01:14:01,590 --> 01:14:06,610
Selgub Tavalise nimekirja kuulidega
on sulg ul ühe või

1571
01:14:06,610 --> 01:14:09,065
rohkem loendielementidest li.

1572
01:14:09,065 --> 01:14:10,650
Nii teate siin on ankur tag.

1573
01:14:10,650 --> 01:14:12,130
Me nägime, et hetk tagasi.

1574
01:14:12,130 --> 01:14:13,810
>> Nii see on, kuidas ma ellu
sellel lehel.

1575
01:14:13,810 --> 01:14:18,460
Mul on kaks lingid, kaks loendielementidest üks
ul eest Tavalise nimekirja, ning lõpuks

1576
01:14:18,460 --> 01:14:22,700
tulemus, esteetiliselt, on see väga
ilus veebileht, versioon 0 siin.

1577
01:14:22,700 --> 01:14:26,840
Aga mis on huvitav nüüd, kuidas see
rakendatakse all kapuuts.

1578
01:14:26,840 --> 01:14:33,590
>> Lubage mul minna gedit ja avada see
esimene näide, et maalida.

1579
01:14:33,590 --> 01:14:37,070
Ja me vaatame, mis on vigane,
potentsiaalselt siin.

1580
01:14:37,070 --> 01:14:43,260
Nüüd, kui ma minema localhost, avaliku
MVC, märkate mõne faili.

1581
01:14:43,260 --> 01:14:45,780
Ma kutsun neid, et
Praegu kõik kontrollerid.

1582
01:14:45,780 --> 01:14:48,640
Aga see on natuke kuritarvitamise tõttu
näete kõik on segatud

1583
01:14:48,640 --> 01:14:49,620
sees neist.

1584
01:14:49,620 --> 01:14:52,330
>> Ja lase mul minna sees index.php.

1585
01:14:52,330 --> 01:14:54,700
Ja me näeme, sõna otseses mõttes, sama HTML.

1586
01:14:54,700 --> 01:14:57,970
Nii et kuigi see fail lõpeb
. Php, see ei tähenda, et see on

1587
01:14:57,970 --> 01:14:59,500
mingit PHP koodi.

1588
01:14:59,500 --> 01:15:02,290
See võib lihtsalt olla toores HTML, kuigi
see on tobe.

1589
01:15:02,290 --> 01:15:07,650
Aga teate pole sulg PHP
sildistada, välja arvatud see, mis ausalt öeldes

1590
01:15:07,650 --> 01:15:09,160
on lihtsalt selleks, et teenida kommentaari.

1591
01:15:09,160 --> 01:15:12,080
Aga see on funktsionaalselt ei
isegi, et huvitav.

1592
01:15:12,080 --> 01:15:12,960
>> Aga märka seda.

1593
01:15:12,960 --> 01:15:15,400
Huvitav on nüüd see, mida
muudatused sellel lehel.

1594
01:15:15,400 --> 01:15:16,650
Lubage mul kliki loenguid.

1595
01:15:16,650 --> 01:15:18,560
Ja teate URL on umbes muuta.

1596
01:15:18,560 --> 01:15:20,930
Nüüd ma olen lectures.php.

1597
01:15:20,930 --> 01:15:22,630
Lubage mul kliki null.

1598
01:15:22,630 --> 01:15:27,200
Nüüd ma olen week0.php Ja nüüd
mul avada neid faile gedit.

1599
01:15:27,200 --> 01:15:30,120
Mitte lihtsalt indeks, kuid lubage
mind avama loenguid.

1600
01:15:30,120 --> 01:15:33,900
Ja lubage mul vabaneda kommentaarid
keskenduda vaid selle osa.

1601
01:15:33,900 --> 01:15:37,680
>> Ja nüüd lubage mul avada veel üks,
week0.php, visake kommentaare

1602
01:15:37,680 --> 01:15:39,910
lihtsalt puhastada see üles.

1603
01:15:39,910 --> 01:15:41,720
Ja nüüd märkate järgmist.

1604
01:15:41,720 --> 01:15:47,340
Mõeldes tõesti omamoodi hoolikalt
disain ja teeme seda rida

1605
01:15:47,340 --> 01:15:52,013
kuni sama, mida saaks teha
parem siin, sa arvad?

1606
01:15:52,013 --> 01:15:56,450

1607
01:15:56,450 --> 01:15:57,780
>> Kuidas ma saan teha nädalas üks?

1608
01:15:57,780 --> 01:15:58,480
Kuidas see.

1609
01:15:58,480 --> 01:16:00,450
Nii see on, kuidas ma tegin nädal üks.

1610
01:16:00,450 --> 01:16:08,290
Ma läksin File, New, Paste, Salvesta
week1.php ja siis ma läksin sisse.

1611
01:16:08,290 --> 01:16:09,875
Ja ma muutsin üks -

1612
01:16:09,875 --> 01:16:11,646
Mis oli see, üks reedeni.

1613
01:16:11,646 --> 01:16:14,430

1614
01:16:14,430 --> 01:16:15,810
Muutsin nulle üks.

1615
01:16:15,810 --> 01:16:17,150
Muutsin selle ühe.

1616
01:16:17,150 --> 01:16:20,350
>> OK, nüüd vaadata minu faile.

1617
01:16:20,350 --> 01:16:22,100
Mida võiks teha teisiti?

1618
01:16:22,100 --> 01:16:25,310
Kus on võimalik, võib-olla?

1619
01:16:25,310 --> 01:16:28,330
Nii et seal on võimalus alustada
faktooring seda kraami välja.

1620
01:16:28,330 --> 01:16:32,950
Lubage mul avada, nagu spoiler, jaoks
mida näete P kogum 7.

1621
01:16:32,950 --> 01:16:38,750
Kui ma avada, nüüd index.php versioonis
viis see, tundub, viis

1622
01:16:38,750 --> 01:16:40,730
rohkem segasena küll.

1623
01:16:40,730 --> 01:16:43,710
>> Aga see, nüüd on see, mida ma kutsun
kontroller, mis on kontrolli

1624
01:16:43,710 --> 01:16:44,770
loogika minu lehel.

1625
01:16:44,770 --> 01:16:48,510
Ja te võite objekti rekonstrueerida,
intuitiivselt ehk mis toimub.

1626
01:16:48,510 --> 01:16:50,630
Esimesel real, see on
veidi segasena.

1627
01:16:50,630 --> 01:16:54,040
Aga teate ma nõuavad, jms
terav sisaldavad faili nimega

1628
01:16:54,040 --> 01:16:55,930
helpers.php.

1629
01:16:55,930 --> 01:16:59,980
Ja siis ma helistan, ilmselt
funktsioon, mida nimetatakse krohvi, mis kulgeb

1630
01:16:59,980 --> 01:17:00,850
kaks argumenti.

1631
01:17:00,850 --> 01:17:02,440
>> Üks on tsitaat lõppeb, päises.

1632
01:17:02,440 --> 01:17:04,800
Ja teine ​​on, millist
andmetüüp on see, mis põhineb

1633
01:17:04,800 --> 01:17:07,180
meie süntaks varem?

1634
01:17:07,180 --> 01:17:08,160
See on seotud massiivi.

1635
01:17:08,160 --> 01:17:11,730
Täpsemalt, see kulgeb pealkiri
mõned metaandmed, mis meenutab

1636
01:17:11,730 --> 01:17:13,430
mulle, mis see on ja selle väärtust.

1637
01:17:13,430 --> 01:17:16,340
Siis ma näen kõva kodeeritud
ul, et mõned toores HTML.

1638
01:17:16,340 --> 01:17:20,020
Aga siis ma olen tagasi PHP režiim
helistades funktsioon krohvi.

1639
01:17:20,020 --> 01:17:24,390
Nii et isegi kui sa ei ole kunagi kasutanud HTML või PHP
enne ja kuigi see tundub

1640
01:17:24,390 --> 01:17:27,480
hirmsam, miks on see ilmselt
parem disain?

1641
01:17:27,480 --> 01:17:31,310
Mis on parem sellest,
põhineb järeldus?

1642
01:17:31,310 --> 01:17:32,130
>> Publik: [kuuldamatu]

1643
01:17:32,130 --> 01:17:35,750
>> SPEAKER 1: Vähem ülearune et
enam ei ole mingit HTML tag, mitte rohkem

1644
01:17:35,750 --> 01:17:38,410
pea tag, mitte rohkem body
igas kuradi faili.

1645
01:17:38,410 --> 01:17:41,860
Selle asemel, ma arvutatud välja
sarnasuste ja arvatavasti panna neid

1646
01:17:41,860 --> 01:17:45,150
see faili kuidagi seotud
et päises.

1647
01:17:45,150 --> 01:17:48,500
Ja sama asja lähedal keha
tag, lähedal HTML tag.

1648
01:17:48,500 --> 01:17:52,165
See on ilmselt siia sees
on jalus kuskil.

1649
01:17:52,165 --> 01:17:57,050
Ja te näete, et Ülesanded 7,
väike ekskursioon läbi selle.

1650
01:17:57,050 --> 01:17:58,070
>> Niisiis, mis ees ootab?

1651
01:17:58,070 --> 01:18:03,390
Üks asi, mida me ei ole võimeline
veel on tegelikult talletamiseks.

1652
01:18:03,390 --> 01:18:06,110
Ja mis me hakkame nägema
Kolmapäev, näiteks, on see, et oma

1653
01:18:06,110 --> 01:18:08,450
vana sõber Excel või numbrid,
võimaldab salvestada palju

1654
01:18:08,450 --> 01:18:10,060
andmed ridade ja veergude.

1655
01:18:10,060 --> 01:18:12,570
Tuleb välja, mida saate teha, et see, mis on
nimetatakse andmebaasi programmiliselt.

1656
01:18:12,570 --> 01:18:16,620
maniakaalne Ja selgub, pärast seda,
me saaks salvestada asjad

1657
01:18:16,620 --> 01:18:20,550
see, mida te näete jälle P set
7, terve hunnik kasutajanimed ja

1658
01:18:20,550 --> 01:18:23,690
paroolid, millest viimane on
tegelikult krüpteeritud palju nagu nad

1659
01:18:23,690 --> 01:18:25,550
olid P komplekt 2 on häkker väljaanne.

1660
01:18:25,550 --> 01:18:29,600
Ja lõpuks, saate rakendada seda,
oma Etrade-nagu kodulehel, et

1661
01:18:29,600 --> 01:18:32,220
rakendab kollektiivselt CS50 rahastamiseks.

1662
01:18:32,220 --> 01:18:36,000
>> Lõpuks, kuna olete siin ööbinud nii hilja
täna, kui sa tulla tagasi selle osa

1663
01:18:36,000 --> 01:18:41,120
campus, kell 04:00 täna, siis me
annab teile mitte ainult nõu, kell SCES

1664
01:18:41,120 --> 01:18:44,200
Nõustamine Fair, kell 16:00 in
Maxwell-Dworkin, me anname teile mõned

1665
01:18:44,200 --> 01:18:47,470
Americone Dream, Cherry Garcia,
Chocolate Fudge Brownie, Chocolate

1666
01:18:47,470 --> 01:18:50,840
Chip Cookie Tainas, ja kui te Google
Chunky Monkey, saad selle.

1667
01:18:50,840 --> 01:18:53,620
Seega kõik, mis ootab kell 04:00
PM Maxwell-Dworkin.

1668
01:18:53,620 --> 01:18:56,736
Näeme kolmapäeval samuti.

1669
01:18:56,736 --> 01:18:59,960
>> SPEAKER 2: Järgmisel
CS50, RJ magab sisse

1670
01:18:59,960 --> 01:19:03,656

1671
01:19:03,656 --> 01:19:04,906
>> RJ: Minu jagu!

1672
01:19:04,906 --> 01:19:07,727

1673
01:19:07,727 --> 01:19:08,977
Ha!

1674
01:19:08,977 --> 01:19:12,056

1675
01:19:12,056 --> 01:19:13,306
Oh,

1676
01:19:13,306 --> 01:19:16,374