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

2
00:00:01,390 --> 00:00:04,890
>> [Musiikki soi]

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

4
00:00:10,955 --> 00:00:12,580
DAVID J MALAN: Okei, tervetuloa takaisin.

5
00:00:12,580 --> 00:00:13,600
Tämä on CS50.

6
00:00:13,600 --> 00:00:15,540
Tämä on viikon lopussa seitsemän.

7
00:00:15,540 --> 00:00:18,180
Ja se on lopussa, että raadonsyöjä
Hunt ongelma asettanut neljä

8
00:00:18,180 --> 00:00:19,220
että saatatte muistaa.

9
00:00:19,220 --> 00:00:21,650
Toipumisen jälkeen kaikki
ne JPEG henkilöstön,

10
00:00:21,650 --> 00:00:24,820
olit haastoi, jos haluat,
kuvata itseäsi niin monta

11
00:00:24,820 --> 00:00:25,981
nämä ihmiset kuin pystyt.

12
00:00:25,981 --> 00:00:28,480
Saimme läjän huomautuksia
viime viikkoina,

13
00:00:28,480 --> 00:00:32,980
todellakin, aivan muutaman juuri ennen puoltapäivää
tänään, joista jotkut ovat ne täällä,

14
00:00:32,980 --> 00:00:37,670
kiinni täällä in-- näyttää like-- Annenberg
Hall virka, yksi täällä

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

16
00:00:39,530 --> 00:00:41,750
Tässä Ramon ollessa kiinni puhelimessa.

17
00:00:41,750 --> 00:00:43,870
Tämä oli CS50 lounaan.

18
00:00:43,870 --> 00:00:46,840
Tämä oli Jason Skyping kanssa
luovempia luokkatoveri,

19
00:00:46,840 --> 00:00:48,280
kuka soitti hänelle tällä tavalla.

20
00:00:48,280 --> 00:00:49,690
Emme tiedä, mitä tämä oli.

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

22
00:00:51,940 --> 00:00:54,570
>> DAVID J MALAN: Mutta
että kannattaa gigatavu.

23
00:00:54,570 --> 00:00:56,960
Tässä on Chang, joka
kirjaimellisesti juoksi lavalta

24
00:00:56,960 --> 00:01:00,480
välttää kuvannut yhden
päivä, mutta lopulta kiinni.

25
00:01:00,480 --> 00:01:02,050
Tässä on Nick.

26
00:01:02,050 --> 00:01:03,480
Tässä on Nick.

27
00:01:03,480 --> 00:01:04,080
Tässä on Nick.

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

29
00:01:05,090 --> 00:01:07,670
Ja tässä Alison alas kentät.

30
00:01:07,670 --> 00:01:11,840
Ja Zamyla jopa löytyi
klo juhlasali kilpailua.

31
00:01:11,840 --> 00:01:14,100
Joten me menemme läpi
näitä kuvia, selvittää

32
00:01:14,100 --> 00:01:16,690
Hän jätti eniten
pian, ja palkita

33
00:01:16,690 --> 00:01:20,662
yksi upea palkinto, kuten
luvattiin spec.

34
00:01:20,662 --> 00:01:23,120
Ja me myös seurata noin
tila, joka oli mukana.

35
00:01:23,120 --> 00:01:26,860
>> Pari announcements-- niin lounas
on jälleen tänä perjantaina klo 13:15.

36
00:01:26,860 --> 00:01:30,420
Jos haluat liittyä meihin,
RSVP tuohon URL täällä.

37
00:01:30,420 --> 00:01:33,730
Jason ilmestyy jälleen täällä yhdestä
jaksoissa pari vuotta

38
00:01:33,730 --> 00:01:35,510
takaisin, mikä tapahtui
laskevan Halloween.

39
00:01:35,510 --> 00:01:38,950
Ja todellakin, hän pukeutunut
kurpitsa kyseisenä vuonna.

40
00:01:38,950 --> 00:01:42,700
Jos katsot tämän osion
hänen vuodesta 2011 osiosta

41
00:01:42,700 --> 00:01:46,480
kahdeksan, jos olet utelias,
klo CS50.tv, luulen

42
00:01:46,480 --> 00:01:49,730
tämä oli vuosi, jolloin
Hänen ilmapumppu toimi.

43
00:01:49,730 --> 00:01:52,490
>> Jos sitten katsella
samantapainen vuonna 2012,

44
00:01:52,490 --> 00:01:55,620
näet tämän Jason paljon tyhjennetään
koska puku ei enää toimi,

45
00:01:55,620 --> 00:01:58,060
joka on vain sanoa
perjantaina, jos haluat

46
00:01:58,060 --> 00:02:02,720
haluavat raivata kurpitsan kanssa Daven
Gabe ja muut, VP päät

47
00:02:02,720 --> 00:02:04,480
klo cs50.harvard.edu osoite.

48
00:02:04,480 --> 00:02:06,200
Se lupaa olla hauskaa.

49
00:02:06,200 --> 00:02:08,660
Daven, meille kerrotaan, on veistetty
Pumpkins koko elämänsä.

50
00:02:08,660 --> 00:02:11,930
Gabriel Brasiliasta on koskaan
veistetty kurpitsan Halloween.

51
00:02:11,930 --> 00:02:14,700
Joten olla siellä heidän kanssaan, kun hän oppii.

52
00:02:14,700 --> 00:02:16,830
>> Seminaarit, meanwhile--
niin opit pian

53
00:02:16,830 --> 00:02:20,650
mitä odotuksemme ovat
Insinöörityö, joka pääasiallisesti

54
00:02:20,650 --> 00:02:23,150
alkaa kiehua alas
suunnittelussa ja toteuttamisessa

55
00:02:23,150 --> 00:02:26,440
eniten tahansa hanke kiinnostaa
te, vaikkakin se edellyttää hyväksyntää

56
00:02:26,440 --> 00:02:28,490
ja ohjausta oman opetuksen kaveri.

57
00:02:28,490 --> 00:02:32,110
Loppupuolella
lukukausi, esittelemme numero

58
00:02:32,110 --> 00:02:35,610
seminaareja, jotka ovat valinnaisia ​​luokat
johtama opetus kaverit ja Harvardin

59
00:02:35,610 --> 00:02:38,570
henkilökunta, ystävät kurssin poikki
kampuksella, eri aiheista,

60
00:02:38,570 --> 00:02:41,470
ovat sivuaa
Kurssin taustalla oppimäärä

61
00:02:41,470 --> 00:02:45,590
mutta kuitenkin sovelletaan, hauskaa, ja
eri mahdollisten opinnäytetöiden.

62
00:02:45,590 --> 00:02:49,530
>> Esimerkiksi ensin, jos haluat
rekisteröityä, pään että URL siellä.

63
00:02:49,530 --> 00:02:53,010
Ja tämä on kokoonpanolla
Tämän vuoden seminaareja yksin.

64
00:02:53,010 --> 00:02:56,060
Mutta ymmärtää, meillä on kymmeniä
seminaareja takavuosina, jotka kaikki

65
00:02:56,060 --> 00:02:59,774
on linkitetty Seminaarit valikosta
mahdollisuus kurssin verkkosivuilla.

66
00:02:59,774 --> 00:03:02,190
Joten jos olet ajatellut
ylittävät your comfort zone

67
00:03:02,190 --> 00:03:05,060
tai piristymisen joitakin uusia taitoja,
Esimerkiksi ohjelmointi iPhone

68
00:03:05,060 --> 00:03:08,100
apps Swift, uusi kieli
Applelta tai Objective-C

69
00:03:08,100 --> 00:03:11,230
tai Android apps tai ohjelmointi [? cue?]
lamput, tai mitä tahansa aiheita

70
00:03:11,230 --> 00:03:15,490
täällä ja enemmän, johtuen tarkastus
ulos rekisteröinti-sivulla.

71
00:03:15,490 --> 00:03:19,730
>> Joten aloimme ja ne saatiin päätökseen
Maanantaina katsot HTTP.

72
00:03:19,730 --> 00:03:22,675
Niin nopeasti refresher-- HTTP,
HTTP-protokolla.

73
00:03:22,675 --> 00:03:24,045
Mutta mitä se oikeastaan ​​tarkoittaa?

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

75
00:03:26,805 --> 00:03:27,930
Mitä se oikeastaan ​​tarkoittaa?

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

77
00:03:30,665 --> 00:03:31,290
Onko tuo käsi?

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

79
00:03:33,074 --> 00:03:34,740
Tiedän, että olet vain naarmuuntumisen pään.

80
00:03:34,740 --> 00:03:36,400
Mutta haluat ehdottaa mitä HTTP on?

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

82
00:03:37,792 --> 00:03:40,576
>> Yleisö: Kuinka tietokoneet
kommunikoida [kuultavissa].

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

84
00:03:41,517 --> 00:03:43,100
DAVID J MALAN: missasin viimeisen osan.

85
00:03:43,100 --> 00:03:45,774
Kuinka tietokoneet kommunikoivat with--

86
00:03:45,774 --> 00:03:47,325
>> Yleisö: Internet-palvelimissa.

87
00:03:47,325 --> 00:03:50,450
DAVID J MALAN: Good-- kanssa internet
palvelimet, ja erityisesti web-palvelimia.

88
00:03:50,450 --> 00:03:53,533
Koska muistaa, siellä on nippu
Internet-palveluja, joista osa

89
00:03:53,533 --> 00:03:57,349
käytät todennäköisesti päivittäin välillä chat
ja viesti, chat, ja web ja sähköposti,

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

91
00:03:57,890 --> 00:04:00,900
Ja HTTP on juuri
protokolla selaimet

92
00:04:00,900 --> 00:04:03,750
puhua ollessaan yhteydessä
web-palvelimet, ja päinvastoin.

93
00:04:03,750 --> 00:04:05,580
Ja analoginen vuonna
ihmisen maailma voisi olla,

94
00:04:05,580 --> 00:04:08,730
Esitän käsi täristä noin
muut ihmisen ja hän

95
00:04:08,730 --> 00:04:11,970
tunnustaa laajentamalla
kädessään samoin.

96
00:04:11,970 --> 00:04:13,970
Joten se on vain protokolla,
joukko sopimuksia.

97
00:04:13,970 --> 00:04:15,630
>> Ja mitä todellakin ovat ne yleissopimukset?

98
00:04:15,630 --> 00:04:18,640
No, se vain kuihtuu
viestien lähettämistä edestakaisin,

99
00:04:18,640 --> 00:04:19,770
kuten me kuvattu täällä.

100
00:04:19,770 --> 00:04:22,520
Ja siellä on pari tapoja
jonka voit lähettää viestit.

101
00:04:22,520 --> 00:04:24,360
Ja ehkä kaikkein
yhteinen tunnetaan get.

102
00:04:24,360 --> 00:04:26,510
Ja näemme kontrasti
Tämän ennen pitkää.

103
00:04:26,510 --> 00:04:30,010
>> Mutta GET pyynnön selaimen
palvelimeen vain näyttää tältä.

104
00:04:30,010 --> 00:04:32,960
Se on joukko tekstin että se asettaa
sisällä virtuaalinen kirjekuoren.

105
00:04:32,960 --> 00:04:35,854
Ulkopuolella että kirjekuori
mennä pari kappaletta yksityiskohtia.

106
00:04:35,854 --> 00:04:37,770
Mitä tarvitsee mennä
kirjekuori, niin sanotusti,

107
00:04:37,770 --> 00:04:41,820
saadakseen pyyntöön kuten
tämä minulta web-palvelin?

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

109
00:04:42,320 --> 00:04:43,270
>> Yleisö: IP-osoitteesi.

110
00:04:43,270 --> 00:04:45,890
>> DAVID J MALAN: Oma IP-osoite
Alkaen-niin sanotusti,

111
00:04:45,890 --> 00:04:49,490
ja tietenkin,
vastaanottajan IP-osoite.

112
00:04:49,490 --> 00:04:52,710
Mutta kun kyseessä on www-paketin,
Tarvitsemme hieman tarkemmin

113
00:04:52,710 --> 00:04:55,254
Se ei riitä vain
Lähetä kirjekuori palvelimelle,

114
00:04:55,254 --> 00:04:57,670
koska palvelin saattaa olla
kuuntelee erityyppisille

115
00:04:57,670 --> 00:04:59,180
Internet-liikennettä.

116
00:04:59,180 --> 00:05:01,370
Joten mitä muuta me tarvitsemme
lisäksi vastaanottajan IP?

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

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

119
00:05:03,222 --> 00:05:04,241
>> Yleisö: Onko TCP?

120
00:05:04,241 --> 00:05:05,074
DAVID J MALAN: Hyvä.

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

122
00:05:06,470 --> 00:05:07,340
>> Yleisö: Osoite.

123
00:05:07,340 --> 00:05:09,340
>> DAVID J MALAN: Osoite,
tai satamaan, kuten sitä kutsutaan.

124
00:05:09,340 --> 00:05:11,010
Lähellä, mutta TCP-portin numero.

125
00:05:11,010 --> 00:05:12,220
Ja siellä on joukko näitä.

126
00:05:12,220 --> 00:05:14,310
Mutta varmasti eniten
tuttu pitäisi lopulta

127
00:05:14,310 --> 00:05:17,590
80, joka on oletusarvoisesti
jota käytetään Web-liikenteen.

128
00:05:17,590 --> 00:05:20,040
Ja toinen tuttu
yksi pian on 443,

129
00:05:20,040 --> 00:05:24,280
jota käytetään turvallinen web
liikenne, URL-osoitteita, jotka alkavat https.

130
00:05:24,280 --> 00:05:26,650
>> Joten tämä on mitä tapahtuu
sisällä että kirjekuoren.

131
00:05:26,650 --> 00:05:29,780
Ja saada / tarkoittaa vain sitä, antaa
minulle oletuksena sivun.

132
00:05:29,780 --> 00:05:32,700
Anna minulle juuri kovaa
ajaa tuo web-palvelin.

133
00:05:32,700 --> 00:05:36,050
Ja toivottavasti, web
palvelin vastaa kanssa, OK

134
00:05:36,050 --> 00:05:39,630
ja numero 200, joka on vain
yleissopimuksen sanoen, kyllä, kaikki

135
00:05:39,630 --> 00:05:40,470
on todellakin OK.

136
00:05:40,470 --> 00:05:41,680
Tässä on sivu.

137
00:05:41,680 --> 00:05:45,510
Tyyppi web-sivu on menossa
olla tekstiä, mutta tarkemmin, HTML,

138
00:05:45,510 --> 00:05:47,010
jonka aiomme sukeltaa takaisin.

139
00:05:47,010 --> 00:05:49,877
Ja piste piste piste juuri
keinot, tässä on HTML.

140
00:05:49,877 --> 00:05:51,710
Ja siitähän me
poimia tarinan tänään,

141
00:05:51,710 --> 00:05:55,740
itse kirjoittaminen HTML,
Hypertext Markup Language, joka

142
00:05:55,740 --> 00:05:57,727
on kieli, jolla
verkkosivut on kirjoitettu.

143
00:05:57,727 --> 00:05:59,060
Se ei ole ohjelmointikieli.

144
00:05:59,060 --> 00:06:01,270
Ei ole toimintoja
tai silmukoita tai ehtoja.

145
00:06:01,270 --> 00:06:03,800
Se on kuvauskieli,
sekä jälleen nähdä tänään,

146
00:06:03,800 --> 00:06:07,240
jonka avulla voit määrittää
miten rakenne ja tyylitellä

147
00:06:07,240 --> 00:06:09,300
esteettisesti sivun.

148
00:06:09,300 --> 00:06:11,470
>> Joten tämä oli yksi
ja vain sivulle olemme todella

149
00:06:11,470 --> 00:06:13,930
Katsoin, jos lyhyesti, maanantaina.

150
00:06:13,930 --> 00:06:16,250
Ja huomaa muutaman
keskeiset ominaisuudet.

151
00:06:16,250 --> 00:06:20,170
Siellä on paljon avointa kulmikas
pidike ja sulje kulma kiinnike.

152
00:06:20,170 --> 00:06:23,160
Välillä ne kulmikas
Suluissa olevat sanat.

153
00:06:23,160 --> 00:06:25,660
Ja aiomme aloittaa
kutsuvan nämä sanat tageja.

154
00:06:25,660 --> 00:06:28,800
Joten alkusulkumerkki pää
ja suljettu kiinnike päähän

155
00:06:28,800 --> 00:06:33,620
ovat avoimia ja suljettuja tunnisteet,
tai alku ja loppu tunnisteet

156
00:06:33,620 --> 00:06:37,660
vastaavasti, HTML-elementti,
kuten me sitä kutsumme, nimeltään pää.

157
00:06:37,660 --> 00:06:41,760
Ja sama jargon koskee
kehon HTML ja niin edelleen.

158
00:06:41,760 --> 00:06:43,970
>> Ja mitä mukavaa on
HTML-- ja todellakin, me

159
00:06:43,970 --> 00:06:47,187
viettää hirveän vähän aikaa siihen,
koska olet lähinnä vain selvittää

160
00:06:47,187 --> 00:06:49,770
mitä ominaisuuksia sillä on, kun
todella on konkreettinen ongelma

161
00:06:49,770 --> 00:06:52,820
jotta solve-- huomaat, että
selain on melko tyhmä.

162
00:06:52,820 --> 00:06:56,450
Se on juuri menossa do-- ole toisin
computer-- mitä kerrot sen tehdä.

163
00:06:56,450 --> 00:06:59,279
Ja niin, kun sinulla on auki
kiinnike HTML huipulla

164
00:06:59,279 --> 00:07:01,320
siellä, että pohjimmiltaan
tarkoittaa vain sitä, hei, selain,

165
00:07:01,320 --> 00:07:04,090
tässä tulee web-sivun kirjoitettu HTML.

166
00:07:04,090 --> 00:07:06,130
>> Kun se näkee alkusulkumerkki
pää, joka tarkoittaa vain sitä,

167
00:07:06,130 --> 00:07:10,350
hei, selain, tässä tulee pää, tai
ylimmän osan Web-sivun.

168
00:07:10,350 --> 00:07:14,192
Kun se näkee suljetun kiinnike
pää, joka tarkoittaa vain sitä, hei,

169
00:07:14,192 --> 00:07:15,150
se on siinä pään.

170
00:07:15,150 --> 00:07:16,420
Valmiustila jotain muuta.

171
00:07:16,420 --> 00:07:18,878
Ja että jotain muuta on
ilmeisesti olemaan elin.

172
00:07:18,878 --> 00:07:22,630
Ja kun sinulla ei ole tag, kuten
olet juuri Hei, pilkku, maailma,

173
00:07:22,630 --> 00:07:26,610
joka on juuri olemaan raaka teksti,
lopulta näkyy näytöllä.

174
00:07:26,610 --> 00:07:29,220
>> Nyt huomaat liian
sisennys täällä.

175
00:07:29,220 --> 00:07:32,160
Voit ehkä päätellä
miten me stylizing sitä.

176
00:07:32,160 --> 00:07:34,850
Joka kerta, kun avaan tunniste,
niin sanoakseni, olen sisentää.

177
00:07:34,850 --> 00:07:38,540
Ja joka kerta suljen
tag, en un-luetelmakohdan,

178
00:07:38,540 --> 00:07:40,690
hengeltään samanlainen aaltosulkeita.

179
00:07:40,690 --> 00:07:43,470
Ja sen lisäksi olen sellainen
käyttää minun tuomioni.

180
00:07:43,470 --> 00:07:48,380
Huomaa, että en vaivaudu lyömällä
Anna sisällä että otsikko tag.

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

182
00:07:48,990 --> 00:07:51,920
No, minä vain päätti, että se näytti
pikku siivooja minulle, ihmisen,

183
00:07:51,920 --> 00:07:53,181
vain viitsi tehdä niin.

184
00:07:53,181 --> 00:07:54,930
Joten jälleen, siellä on jotkut
tuomion täytäntöönpano edellyttää vain

185
00:07:54,930 --> 00:07:57,670
kuin siellä on C tai millä tahansa kielellä.

186
00:07:57,670 --> 00:08:04,110
>> Mutta huomaa myös, että tukiuloke
otollisia mentaalinen malli,

187
00:08:04,110 --> 00:08:05,670
ei liikaa vaikeuttaminen.

188
00:08:05,670 --> 00:08:07,020
Mutta puu, eikö?

189
00:08:07,020 --> 00:08:09,290
Jos ajattelet web
sivu, ilmeisesti kirjoitettu

190
00:08:09,290 --> 00:08:12,050
näin, koska on
kauniisti sisennetty että tapa,

191
00:08:12,050 --> 00:08:17,390
voi melkein ajatella alkusulkumerkki
HTML suljettu kiinnike tag rajaamisesta

192
00:08:17,390 --> 00:08:21,380
juureen solmu, sukupuu
tyyli solmu tyyliin puiden

193
00:08:21,380 --> 00:08:22,900
me katsoimme viime perjantaina.

194
00:08:22,900 --> 00:08:27,630
>> Ja todellakin, meillä on täällä
mitä me kutsumme DOM, D-O-M, dokumentti

195
00:08:27,630 --> 00:08:31,680
objekti malli, hieno tapa sanoa
puu, joka edustaa että HTML.

196
00:08:31,680 --> 00:08:36,140
Ja huomaa, että HTML on, me sanomme,
kuten sukupuu, kaksi lasta.

197
00:08:36,140 --> 00:08:37,659
Vasemmalla on pää.

198
00:08:37,659 --> 00:08:39,179
Oikealla on elin.

199
00:08:39,179 --> 00:08:44,220
>> Ja aivan kuin mieletön ajatus liikunta,
pää, tietenkin on, kuinka monta lasta

200
00:08:44,220 --> 00:08:46,070
mukaan tämä rakenne?

201
00:08:46,070 --> 00:08:48,200
Joten vain yksi, title--
ja siksi meillä on

202
00:08:48,200 --> 00:08:50,580
nuoli menee päästä otsikko.

203
00:08:50,580 --> 00:08:55,110
Joten se on ikään kuin, että henkilö
sukupuu oli vain yksi jälkeläisiä.

204
00:08:55,110 --> 00:08:58,230
Ja sitten otsikko voi itse
sanoa olevan lapsikin.

205
00:08:58,230 --> 00:09:01,780
>> Muista, että HTML oli
Hei, pilkku, maailma sen alla.

206
00:09:01,780 --> 00:09:06,090
Ja olen yksinkertaisesti vetää sen sisällä
soikea sijaan suorakulmion juuri

207
00:09:06,090 --> 00:09:10,559
välittää semanttisesti että vaikka
se solmu puussa, niin sanotusti,

208
00:09:10,559 --> 00:09:12,100
se on tavallaan täysin erilainen.

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

210
00:09:12,800 --> 00:09:14,780
Tai oikeammin, se ei ole elementti.

211
00:09:14,780 --> 00:09:16,590
Se on vain tekstiä solmu, jos haluatte.

212
00:09:16,590 --> 00:09:18,990
Mutta nämä ovat täysin
mielivaltainen ihmisen yleissopimukset.

213
00:09:18,990 --> 00:09:23,180
Tämä on juuri nyt minun tapani
eli mitä minä will aggregaattina

214
00:09:23,180 --> 00:09:24,340
soita asiakirja.

215
00:09:24,340 --> 00:09:27,750
>> Ja niin syrjään, asia on
Super vasemmassa yläkulmassa,

216
00:09:27,750 --> 00:09:32,080
alkusulkumerkki huutomerkki doc
tyyppi HTML, tämä näyttää tag,

217
00:09:32,080 --> 00:09:35,560
mutta se on tyhmä nurkkaan tapauksessa
että on vain siellä, kopioida ja liittää

218
00:09:35,560 --> 00:09:38,460
osoittamaan selaimet
tämä on HTML-versio 5.

219
00:09:38,460 --> 00:09:41,540
Maailma muuttuu, mitä
ensimmäisellä rivillä koodia sivun tulee olla.

220
00:09:41,540 --> 00:09:43,820
Tämä tarkoittaa vain sitä versiota 5.

221
00:09:43,820 --> 00:09:45,950
Joten se ei oikein
näyttää muille.

222
00:09:45,950 --> 00:09:48,120
>> Okei, niin kyseisen
sanoi, voit nyt arvostaa

223
00:09:48,120 --> 00:09:50,767
tämä melko tämän typerän
tatuointi joku sai.

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

225
00:09:51,990 --> 00:09:54,210
>> DAVID J MALAN: Okei,
ja nyt Katsotaanpa todella sukellus

226
00:09:54,210 --> 00:09:55,710
tulee tehdä jotain tämän.

227
00:09:55,710 --> 00:09:58,610
Sinun muistaa, että viime kerralla
Olen avannut CS50 Appliance

228
00:09:58,610 --> 00:10:01,650
ja tein jotain niin
yksinkertaista kuin avautuminen gedit.

229
00:10:01,650 --> 00:10:05,190
Ja olen tallentanut tiedoston jopa
Oma desktop-- missään special--

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

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

232
00:10:07,100 --> 00:10:10,984
>> Joten anna minun tehdä sitä
again-- hello.html Enter.

233
00:10:10,984 --> 00:10:13,900
Ja nyt tämän tiedoston, aion
mennä eteenpäin ja jäljitellä mitä me juuri

234
00:10:13,900 --> 00:10:18,850
saw-- doc tyyppi html Sitten aion
tehdä alkusulkumerkki html suljettu kiinnike.

235
00:10:18,850 --> 00:10:21,890
Ja sitten aion preemptively
Avaa ja sulje tag.

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

237
00:10:22,390 --> 00:10:23,598
Just niin en unohda myöhemmin.

238
00:10:23,598 --> 00:10:26,850
Se on vain hyvä käytäntö, kuten aukko
ja sulkemalla aaltosulkeita kaikki kerralla.

239
00:10:26,850 --> 00:10:28,900
>> Ja sitten mitä tuli seuraavaksi?

240
00:10:28,900 --> 00:10:30,582
Voit ajatella tatuointi.

241
00:10:30,582 --> 00:10:31,450
>> Yleisö: pää.

242
00:10:31,450 --> 00:10:32,500
>> DAVID J MALAN: pää.

243
00:10:32,500 --> 00:10:36,020
Ja sitten täällä, olen
oli otsikko, luulen.

244
00:10:36,020 --> 00:10:39,886
Ja otsikko oli mielivaltaisesti,
Hei, maailma lähellä otsikko.

245
00:10:39,886 --> 00:10:42,760
Ja sitten täällä, elin, on
course-- sitten suljemme body.

246
00:10:42,760 --> 00:10:45,660
Ja sitten vain hieman tarpeettomasti,
Minulla oli sama juttu täällä.

247
00:10:45,660 --> 00:10:47,150
>> Niin Väitän, että tämä on web-sivu.

248
00:10:47,150 --> 00:10:49,050
Tämä on jotain, joka
voisi nyt elää verkossa,

249
00:10:49,050 --> 00:10:51,925
vaikka tietysti se on kirjaimellisesti
elävät työpöydälle juuri nyt.

250
00:10:51,925 --> 00:10:55,837
Mutta tosiaan, jos minä minimoida gedit,
Nähdään työpöydälle sen kuvaketta.

251
00:10:55,837 --> 00:10:58,420
Vaikka tämä on laite,
Tämän voi tehdä Mac OS

252
00:10:58,420 --> 00:11:01,580
ilman TeXturin tai
Windows Muistioon vielä.

253
00:11:01,580 --> 00:11:06,115
>> Ja vaikka minä menen eteenpäin ja tuplaklikkaa
että jopa, ja select-- hyvin, katsotaanpa

254
00:11:06,115 --> 00:11:07,990
ei valita, että koska
Chrome ei ole avaamista.

255
00:11:07,990 --> 00:11:09,281
Mennään eteenpäin ja avaa Chrome.

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

257
00:11:10,160 --> 00:11:14,040
Ja tee sitten Komento-O avoimille
Ja navigoida työpöydälle

258
00:11:14,040 --> 00:11:15,320
ja avaa tiedoston.

259
00:11:15,320 --> 00:11:20,120
Näin selain tulkitsee
HTML, ylhäältä alas, vasemmalta oikealle.

260
00:11:20,120 --> 00:11:21,314
Hei, selain tässä on HTML.

261
00:11:21,314 --> 00:11:21,980
Tässä on pää.

262
00:11:21,980 --> 00:11:23,250
Tässä on otsikko.

263
00:11:23,250 --> 00:11:24,090
Tässä elin.

264
00:11:24,090 --> 00:11:26,620
Ja todellakin, tämä on miten
se tekee kyseisen sivun.

265
00:11:26,620 --> 00:11:27,800
>> Mutta huomaa URL.

266
00:11:27,800 --> 00:11:32,430
Kukaan teistä ei voi vetää tätä erityistä
sivulle läppäreissä juuri nyt,

267
00:11:32,430 --> 00:11:34,910
jopa sisällä oman
laitteen kautta, että URL,

268
00:11:34,910 --> 00:11:40,130
koska file: // kertoo, että se todella
minun tiedostojärjestelmä, minun kovalevy,

269
00:11:40,130 --> 00:11:40,990
ei sinun.

270
00:11:40,990 --> 00:11:42,440
Joten tämä ei ole kovin hyödyllinen.

271
00:11:42,440 --> 00:11:44,940
>> Katsotaan nyt siirtyä kohti
käyttämällä todellista web-palvelin.

272
00:11:44,940 --> 00:11:48,309
Ja se osoittautuu CS50 Appliance
on enemmän kuin vain ympäristössä, jossa

273
00:11:48,309 --> 00:11:51,100
Voit kirjoittaa C-koodia ja koota
ja ajaa sitä kuin olet tehnyt.

274
00:11:51,100 --> 00:11:55,500
Se on määrittänyt
henkilöstö edustaa tyypillinen web

275
00:11:55,500 --> 00:11:58,290
palvelin, joka on internetissä,
yksi että saatat maksaa

276
00:11:58,290 --> 00:12:00,210
tai yksi, joka on on ns pilvi.

277
00:12:00,210 --> 00:12:02,600
>> Ja se on käynnissä
standardi ilmainen avoimen lähdekoodin

278
00:12:02,600 --> 00:12:06,160
ohjelmisto, esimerkiksi jotain
nimeltään Apache, joka on ehkä

279
00:12:06,160 --> 00:12:08,700
edelleen suosituin web
palvelin ohjelmisto maailmassa

280
00:12:08,700 --> 00:12:11,030
että tuhannet sivustot käyttävät tänään.

281
00:12:11,030 --> 00:12:13,420
Ja se myös on jopa
ohjelmistoja, kuten MySQL,

282
00:12:13,420 --> 00:12:16,240
joka on tietokantapalvelimen
että me lopulta päästä,

283
00:12:16,240 --> 00:12:18,330
joka on vain sanoa
Voin aloittaa käsittelemällä

284
00:12:18,330 --> 00:12:22,040
Oma laite kuin täysivaltaiseksi palvelin
että en ole maksaa muualla.

285
00:12:22,040 --> 00:12:25,980
Se vain elää omaa laptop
kehitys ja mukavuutta varten.

286
00:12:25,980 --> 00:12:27,870
>> Joten mene eteenpäin ja
hyödyntää tätä.

287
00:12:27,870 --> 00:12:30,120
Aion mennä eteenpäin ja
avaa terminaali-ikkuna.

288
00:12:30,120 --> 00:12:33,030
Ja aion mennä eteenpäin ja
move-- itse, ensin olen

289
00:12:33,030 --> 00:12:34,860
menossa navigoida työpöydälle.

290
00:12:34,860 --> 00:12:36,400
Jos teen ls, siellä hello.html.

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

292
00:12:37,022 --> 00:12:38,730
Ja aion mennä
eteenpäin ja alkaa käyttää

293
00:12:38,730 --> 00:12:40,800
uusi hakemisto me olet
ei ole käytetty ennen tänään.

294
00:12:40,800 --> 00:12:46,840
>> hello.html-- Aion siirtyä
jotta ../vhosts virtuaalinen hosts--

295
00:12:46,840 --> 00:12:50,940
lisää, että future-- ja sitten
hakemistoon nimeltään localhost,

296
00:12:50,940 --> 00:12:54,420
joka on lempinimi annetaan lähes
mikä tahansa tietokone, onko se Mac, PC,

297
00:12:54,420 --> 00:12:57,560
tai Linux-tietokone, ja sitten
nimenomaan hakemistoon, että me,

298
00:12:57,560 --> 00:13:01,260
Henkilökunta on jo luotu sinua varten, kun
latasit laitetta kutsutaan

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

300
00:13:01,760 --> 00:13:04,551
Ja kuten nimestäkin voi päätellä, mitä
Laitoin tähän kansioon, teoriassa,

301
00:13:04,551 --> 00:13:07,790
on menossa nyt
julkisia, ainakin ihmisille

302
00:13:07,790 --> 00:13:10,030
joilla on suora
yhteys tietokoneeseen.

303
00:13:10,030 --> 00:13:13,160
>> Joten nyt haluan mennä eteenpäin ja
tehdä cd tähän samaan hakemistoon

304
00:13:13,160 --> 00:13:15,490
joten en voi nähdä, mitä
tekeillä ja LS.

305
00:13:15,490 --> 00:13:17,630
Ja todellakin, se on
Ainoa asia siellä.

306
00:13:17,630 --> 00:13:23,250
Väitän nyt, että koska olen laittanut tämän
tiedostoon hello.html sisällä hakemiston

307
00:13:23,250 --> 00:13:26,940
sanotun yleisen sisällä hakemiston
nimeltään localhost sisällä hakemiston

308
00:13:26,940 --> 00:13:29,810
nimeltään vhosts, joka
kiitos CS50 henkilöstö

309
00:13:29,810 --> 00:13:34,390
on valmiiksi konfiguroitu olemaan
juureen web-palvelin,

310
00:13:34,390 --> 00:13:36,900
Voin nyt toivottavasti tehdä tätä.

311
00:13:36,900 --> 00:13:38,390
>> Aion avata uuden välilehden.

312
00:13:38,390 --> 00:13:40,090
Ja aion mennä ei tiedostoon: //.

313
00:13:40,090 --> 00:13:44,520
Aion käyttää todellista
http / localhost, joka

314
00:13:44,520 --> 00:13:47,470
uudelleen, on lempinimi
omalle palvelimelle.

315
00:13:47,470 --> 00:13:51,085
Ja sitten aion mennä mitä
tiedoston nimi, vain olla selvä?

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

317
00:13:52,680 --> 00:13:54,320
Mistä tämä tarina luultavasti menossa?

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

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

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

321
00:13:58,350 --> 00:14:04,270
>> Eli toisin sanoen, haluan nyt tässä
on oma tietokone, oma laite,

322
00:14:04,270 --> 00:14:05,660
kuin se olisi todellinen palvelin.

323
00:14:05,660 --> 00:14:07,490
Sen lempinimi on localhost.

324
00:14:07,490 --> 00:14:10,210
Mutta ajattele localhost samankaltaisina
Facebook.com google.com riippumatta.

325
00:14:10,210 --> 00:14:11,600
Se on vain minun paikallinen nimi.

326
00:14:11,600 --> 00:14:14,810
Ja sitten lopullinen haluan on
juureen kiintolevyn, niin sanotusti,

327
00:14:14,810 --> 00:14:17,729
tai juuri web-palvelin,
ergo vinoviiva ja sen jälkeen

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

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

330
00:14:19,880 --> 00:14:21,930
>> Saanen loitontaa ja paina Enter.

331
00:14:21,930 --> 00:14:24,266
Ja todellakin, nyt on minun verkkosivu.

332
00:14:24,266 --> 00:14:25,390
Joten se on hieman erilainen.

333
00:14:25,390 --> 00:14:26,880
Ja se on aivan yhtä underwhelming.

334
00:14:26,880 --> 00:14:27,904
Tämä on vanha versio.

335
00:14:27,904 --> 00:14:29,070
Saanen kutistua fontin takaisin.

336
00:14:29,070 --> 00:14:29,745
Tämä on vanha.

337
00:14:29,745 --> 00:14:30,890
Tämä on uusi.

338
00:14:30,890 --> 00:14:35,430
Mutta mitä pohjimmiltaan tapahtuu
Nyt on, että HTTP on käytössä.

339
00:14:35,430 --> 00:14:39,344
>> Tehdään tästä vähän enemmän selvää tai,
jos haluatte, hieman monimutkaisempi.

340
00:14:39,344 --> 00:14:41,760
Anna minun mennä oikeaan alakulmaan
yläkulmassa minun laite.

341
00:14:41,760 --> 00:14:44,000
Ja huomaa, että kaikki tämä
aika, että on ollut useita.

342
00:14:44,000 --> 00:14:47,330
Tämä on ainutlaatuinen osoite
oman CS50 Appliance.

343
00:14:47,330 --> 00:14:50,800
Se on oma osoite,
kuten ehdotetun direktiivin 172,16,

344
00:14:50,800 --> 00:14:53,860
mikä tarkoittaa vain sitä vain fyysisesti
pääsy tähän web-palvelin.

345
00:14:53,860 --> 00:14:56,340
Kaikki on palomuurin ja
hienosti suojattu muualta

346
00:14:56,340 --> 00:14:58,130
maailman tämän vuoksi puuttua.

347
00:14:58,130 --> 00:15:01,920
>> Ja nyt huomaa, mutta jos menen
tätä osoitetta, ei minun laite,

348
00:15:01,920 --> 00:15:04,340
mutta Mac OS-- aion
palata tänne.

349
00:15:04,340 --> 00:15:05,930
Tämä on minun Mac nyt.

350
00:15:05,930 --> 00:15:08,460
Ja nyt aion avata
Tämän version Chrome täällä.

351
00:15:08,460 --> 00:15:17,370
Ja aion mennä http: //172.16.25
/ Ja unohdan rest-- 133.

352
00:15:17,370 --> 00:15:25,210
>> Joten aion vierailla minun Mac
että IP-osoite /hello.html Enter.

353
00:15:25,210 --> 00:15:29,850
Ja nyt näen minun Mac
että minun CS50 Appliance, joka on

354
00:15:29,850 --> 00:15:32,600
IP-osoite on se, että
numero, on todellakin käyttäytyy

355
00:15:32,600 --> 00:15:34,320
kuten web-palvelimen internetissä.

356
00:15:34,320 --> 00:15:36,944
Se ei ole mukava helppo
muistettava nimi kuin Facebook.com,

357
00:15:36,944 --> 00:15:40,370
mutta se käyttää HTTP
ilmeisesti, vaikka Chrome

358
00:15:40,370 --> 00:15:43,560
on eräänlainen yksinkertaistaa maailmaa
meille, mutta ei näytä meille HTTP.

359
00:15:43,560 --> 00:15:46,210
Mutta tämä on todellakin juuri näin.

360
00:15:46,210 --> 00:15:48,470
Chrome on vain säästääkseni
näppäinpainallukset näinä päivinä.

361
00:15:48,470 --> 00:15:50,530
Ja sitähän me nyt nähdä.

362
00:15:50,530 --> 00:15:51,890
>> Niin, että kaikki hyvä ja hieno.

363
00:15:51,890 --> 00:15:53,740
Mutta se on melko underwhelming sivulle.

364
00:15:53,740 --> 00:15:56,230
Anna minun mennä ja tehdä jotain
hieman erilainen nyt.

365
00:15:56,230 --> 00:15:57,910
Joten anna minun mennä takaisin gedit.

366
00:15:57,910 --> 00:16:00,580
Ja sen sijaan, että hei,
maailman, katsotaanpa laittaa kuvan.

367
00:16:00,580 --> 00:16:05,880
Ja minä vaatia before-- anna minun mennä
minun localhost hakemistoon julkisia.

368
00:16:05,880 --> 00:16:10,580
Ja anna minun mennä eteenpäin ja kopioi
läjän tiedostoja tänään

369
00:16:10,580 --> 00:16:15,633
minun Dropbox kansio täällä.

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

371
00:16:19,470 --> 00:16:21,680
>> Nyt jos kirjoitan ls, katso
kaikki nämä tiedostot

372
00:16:21,680 --> 00:16:24,940
että olen jakamassa
Kurssin verkkosivuilla etukäteen tänään,

373
00:16:24,940 --> 00:16:26,830
joista yksi on edelleen hello.html.

374
00:16:26,830 --> 00:16:27,830
Joten ei se yksi.

375
00:16:27,830 --> 00:16:30,730
Ja muistaa tämä typerä yksi
viime time-- cat.jpg.

376
00:16:30,730 --> 00:16:34,550
Joten anna minun yrittää upottaa
cat.jpg sisällä minun web-sivun.

377
00:16:34,550 --> 00:16:37,690
>> Aion mennä eteenpäin
ja tehdä cat.jpg, tallenna.

378
00:16:37,690 --> 00:16:38,950
Anna minun mennä takaisin Chromeen.

379
00:16:38,950 --> 00:16:41,140
Ja haluaisin zoomata
fontti ja nyt uudelleen.

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

381
00:16:43,090 --> 00:16:45,030
Oho, jossa esitin tämän?

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

383
00:16:48,210 --> 00:16:51,520
Standby-- Minulla on vielä vanha
versio työpöydälle auki.

384
00:16:51,520 --> 00:16:56,020
Joten anna minun mennä minun vhost, minun
localhost, minun julkinen, ja hello.html.

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

386
00:16:57,320 --> 00:17:00,670
Joten nyt haluan mennä eteenpäin ja
sanovat cat.jpg rungon sisältä

387
00:17:00,670 --> 00:17:02,830
missä haluan sen olevan
näyttöön ja lataa.

388
00:17:02,830 --> 00:17:04,560
Tietenkään tämä ei ole oikein.

389
00:17:04,560 --> 00:17:08,050
>> Joten minun täytyy kertoa selaimen hieman
enemmän tietoisesti, mitä haluan sen tehdä.

390
00:17:08,050 --> 00:17:10,210
Yksinkertaisesti kirjoittamalla nimi on
ei tietenkään riitä.

391
00:17:10,210 --> 00:17:15,134
Niin muistaa, että siellä oli toinen
tag, kuva, img lyhyitä.

392
00:17:15,134 --> 00:17:17,550
Se on vain koska ihmiset
pidä tyyppiä koko sanaa.

393
00:17:17,550 --> 00:17:19,050
Ja sitten voimme tehdä source = "cat.jpg".

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

395
00:17:21,470 --> 00:17:23,550
>> Ja nyt aion tehdä
yksi asia täällä erilainen.

396
00:17:23,550 --> 00:17:25,390
Vaikka kaikki
meidän tunnisteet ovat toistaiseksi

397
00:17:25,390 --> 00:17:28,086
oli tämä käsite
alkutunnisteen ja lopputunniste,

398
00:17:28,086 --> 00:17:30,210
joka ei oikeastaan ​​tee
järkevää kuvan, eikö?

399
00:17:30,210 --> 00:17:32,430
Kuva on joko olemassa tai ei.

400
00:17:32,430 --> 00:17:36,650
Ja niin ihmiset ovat tulleet
kanssa yksinkertaisempi yleissopimuksen.

401
00:17:36,650 --> 00:17:40,310
Kun sinulla on tunniste, joka voi sekä
alkavat ja päättyvät samaan time--

402
00:17:40,310 --> 00:17:43,790
se voi olla tyhjä, niin speak-- juuri
laittaa vinoviiva sisällä tag

403
00:17:43,790 --> 00:17:44,710
aivan lopussa.

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

405
00:17:45,776 --> 00:17:47,150
Nyt anna minun mennä takaisin minun selaimessa.

406
00:17:47,150 --> 00:17:50,377
Hit Reload Hitto, jotain on vialla.

407
00:17:50,377 --> 00:17:52,460
Olet varmasti nähnyt tämän
joskus Webissä,

408
00:17:52,460 --> 00:17:53,600
vaikka se ei ollut sinun syysi.

409
00:17:53,600 --> 00:17:54,766
Se on web-palvelimen vika.

410
00:17:54,766 --> 00:17:56,240
Mikä odes tämä näyttäisi osoittavan?

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

412
00:17:57,450 --> 00:17:58,009
Se on rikki.

413
00:17:58,009 --> 00:17:59,300
Siitähän kuva kuuluu.

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

415
00:17:59,700 --> 00:18:01,560
>> Yleisö: Mutta se ei ole
on pääsy kuvan.

416
00:18:01,560 --> 00:18:03,070
>> DAVID J MALAN: Se ei
on pääsy kuvan.

417
00:18:03,070 --> 00:18:05,230
Että, tai vielä pahempaa, ehkä
se ei ole edes olemassa.

418
00:18:05,230 --> 00:18:06,729
Katsotaan jos emme voi diagnosoida että.

419
00:18:06,729 --> 00:18:09,390
Muistan viimeisen kerran, että jos
Chrome, että laite,

420
00:18:09,390 --> 00:18:11,870
tai jopa Macin tai PC: n,
menet Developer valikko

421
00:18:11,870 --> 00:18:14,650
ja mene Developer Tools
vaihtoehto, joka luultavasti olet

422
00:18:14,650 --> 00:18:16,850
ei käytetä paljon tai koskaan.

423
00:18:16,850 --> 00:18:20,780
Ja jos menen Verkko
ja lataa sivu,

424
00:18:20,780 --> 00:18:24,110
Katsotaanpa todella katsoa HTTP
pyytää, että tehdään.

425
00:18:24,110 --> 00:18:28,400
>> Se näyttää hello.html on
todellakin OK, joten 200.

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

427
00:18:30,630 --> 00:18:31,650
Joten se ei ole 404.

428
00:18:31,650 --> 00:18:33,490
Tiedosto on todennäköisesti olemassa.

429
00:18:33,490 --> 00:18:35,250
403 tarkoittaa kielletty.

430
00:18:35,250 --> 00:18:37,790
Joten tämä on hieman sekava.

431
00:18:37,790 --> 00:18:42,340
Aion mennä takaisin
minun pääteikkunassa.

432
00:18:42,340 --> 00:18:43,700
Saanen lähentää tänne.

433
00:18:43,700 --> 00:18:44,750
Ja anna minun tehdä ls.

434
00:18:44,750 --> 00:18:46,430
On näitä samoja tiedostoja.

435
00:18:46,430 --> 00:18:49,410
>> Nyt haluaisin tehdä ls-l,
joka olet luultavasti

436
00:18:49,410 --> 00:18:53,350
käytetään ennen katsomaan tiedosto
koot ehkä tai aikaleimat.

437
00:18:53,350 --> 00:18:55,590
Ja näemme koko joukko
ylivoimainen tiedot.

438
00:18:55,590 --> 00:18:57,040
Mutta huomaa muutamia yksityiskohtia.

439
00:18:57,040 --> 00:19:01,660
Tässä hello.html tässä
rivi täällä ja täällä on cat.jpg.

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

441
00:19:02,934 --> 00:19:05,850
Ja se on vain laitteen ollessa
käyttäjäystävällinen korostamalla JPEG: n

442
00:19:05,850 --> 00:19:07,380
violetti näin.

443
00:19:07,380 --> 00:19:11,470
Mutta mitä muuta on erilainen vieressä
tiedostokoko ja tiedoston nimi?

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

445
00:19:13,438 --> 00:19:14,754
>> Yleisö: [kuulumaton].

446
00:19:14,754 --> 00:19:16,920
DAVID J MALAN: Joo, siellä on
kaksi R: n tänne.

447
00:19:16,920 --> 00:19:20,170
Huomaa mitä hello.html on tekeillä.

448
00:19:20,170 --> 00:19:24,050
Joten käy ilmi, että nimi
tähän hakemistoon yleisö on tärkeä.

449
00:19:24,050 --> 00:19:26,400
Mitään tässä hakemistossa
on tarkoitus olla julkisia.

450
00:19:26,400 --> 00:19:28,790
Mutta se ei riitä
vain pudottaa tiedostoja sinne.

451
00:19:28,790 --> 00:19:31,480
Voit myös joutua muuttamaan
moodin tiedostoja,

452
00:19:31,480 --> 00:19:35,180
muuttaa käyttöoikeuksia
tiedosto ennakoivasti ei

453
00:19:35,180 --> 00:19:37,650
vakioasetuksina,
mikä on että vain voin lukea

454
00:19:37,650 --> 00:19:39,220
ja kirjoittaa sen, minä olin omistaja.

455
00:19:39,220 --> 00:19:43,540
Haluan koko maailman kaikki voivat
pystyttävä lukemaan tiedostoa, niin sanotusti.

456
00:19:43,540 --> 00:19:44,950
Lue tarkoittaa vain katsella sitä.

457
00:19:44,950 --> 00:19:49,780
>> Ja todellakin, kuten näet ongelmatilanteissa
asettaa seitsemän, sitähän nämä R: n keskiarvon.

458
00:19:49,780 --> 00:19:53,160
Nämä kaksi R: n keskiarvo antaa kaikille
muualla maailmassa myös lukea se,

459
00:19:53,160 --> 00:19:55,300
varsinkin nyt,
se on tähän hakemistoon.

460
00:19:55,300 --> 00:19:59,620
Niin yksinkertaisin tapa korjata tämä on
mene minun nopea ja tehdä chmod muutoksen

461
00:19:59,620 --> 00:20:05,580
tila ja tee + R, yhteensä,
jokainen, kaikki, plus R lukea,

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

463
00:20:07,944 --> 00:20:10,360
Mikään ei tunnu tapahtuvan, joka
tarkoittaa yleensä hyvä asia.

464
00:20:10,360 --> 00:20:13,850
Niin ls-l again-- nyt
Katsotaanpa cat.jpg.

465
00:20:13,850 --> 00:20:15,750
Ja tämä lupa
näytä muuttuneen.

466
00:20:15,750 --> 00:20:18,670
Sivuhuomautuksena, jos teet
virhe ja olet esimerkiksi

467
00:20:18,670 --> 00:20:23,210
juuri tehnyt your-- en know-- essee
julkisesti saataville vahingossa,

468
00:20:23,210 --> 00:20:25,480
voit tehdä päinvastoin, chmod-R.

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

470
00:20:25,909 --> 00:20:28,200
Vaikka rehellisesti sanottuna, sen ei pitäisi
olla julkisessa hakemistossa

471
00:20:28,200 --> 00:20:29,760
joka tapauksessa, jos se on huolenaihe.

472
00:20:29,760 --> 00:20:32,475
>> Joten nyt mennään takaisin
selain ja reload.

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

474
00:20:32,904 --> 00:20:34,820
Ja aion napsauta
pikku Ghostbusters

475
00:20:34,820 --> 00:20:38,030
symboli tyhjentää, että osa
ruudulle, niin voimme nähdä uusia pyyntöjä.

476
00:20:38,030 --> 00:20:40,630
Ja todellakin, tässä
Grump Cat ennen.

477
00:20:40,630 --> 00:20:43,010
Mutta mikä tärkeintä,
teknisesti, on

478
00:20:43,010 --> 00:20:45,565
numero 200, joka
tarkoittaa saimme sen OK.

479
00:20:45,565 --> 00:20:47,190
Okei, niin se on kaikki hyvä ja hieno.

480
00:20:47,190 --> 00:20:48,940
Mutta emme ole tehdä
parhaat sivustot,

481
00:20:48,940 --> 00:20:51,967
emmekä aio yrittää liian vaikea
tehdä hienoimpien sivustoja tänään.

482
00:20:51,967 --> 00:20:54,550
Mutta katsotaanpa ainakin tehdä jotain
Super tuttu ennen hurja

483
00:20:54,550 --> 00:20:56,030
pois muutamia muita tunnisteita.

484
00:20:56,030 --> 00:20:58,470
Joten kai en vain halua kissa täällä.

485
00:20:58,470 --> 00:21:02,530
Taitaa itse halua tätä
kissa linkittää jotain.

486
00:21:02,530 --> 00:21:07,210
>> Saatan esimerkiksi
tehdä jotain.

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

488
00:21:08,580 --> 00:21:12,890
ankkurinkäsittelylaivojen href varten
hyper viite equals--

489
00:21:12,890 --> 00:21:17,440
ja haluan vain tehdä jotain
kuten www.google.com sulje

490
00:21:17,440 --> 00:21:19,540
Lainaan sulje kiinnike.

491
00:21:19,540 --> 00:21:22,000
Ja nyt etsiä kissojen.

492
00:21:22,000 --> 00:21:23,520
Sulje ankkuri tag.

493
00:21:23,520 --> 00:21:26,760
Joten tämä on vain yhdenlaista
perustaltaan uusia yksityiskohtia.

494
00:21:26,760 --> 00:21:28,190
Tag on tietysti erilainen.

495
00:21:28,190 --> 00:21:31,770
Se nimi on ankkuri
href tai hyper viite.

496
00:21:31,770 --> 00:21:35,269
>> Mutta mikä tärkeintä, siellä
Tämän syntaktisia ominaisuus täällä.

497
00:21:35,269 --> 00:21:37,810
Tämä on mitä me aloitamme soittamalla
ei tag, mutta määrite.

498
00:21:37,810 --> 00:21:40,830
Ja attribuutti on jotain,
muuttaa käyttäytymistä tag.

499
00:21:40,830 --> 00:21:45,400
Ja tämän ominaisuuden, href, välineet
muuttaa käyttäytymistä tämän ankkuri

500
00:21:45,400 --> 00:21:48,430
niin, että kun se napsautetaan,
se menee tähän URL täällä.

501
00:21:48,430 --> 00:21:50,330
Ja tietenkin, että URL-osoite on Google.

502
00:21:50,330 --> 00:21:53,951
>> Samaan aikaan, mikä on tämän
tekstiä täällä tulee olemaan?

503
00:21:53,951 --> 00:21:55,950
No, se tulee olemaan
mitä ihmisen oikeastaan

504
00:21:55,950 --> 00:21:58,470
näkee alleviivattu
linkki, niin yksinkertaista.

505
00:21:58,470 --> 00:21:59,220
Joten kokeile tätä.

506
00:21:59,220 --> 00:21:59,980
Minäpä tallenna se.

507
00:21:59,980 --> 00:22:01,650
Olen yhä hello.html.

508
00:22:01,650 --> 00:22:05,360
Mutta versioita verkossa, näet
todellinen tiedostojen nimet meillä jo valmiina.

509
00:22:05,360 --> 00:22:06,805
Anna minun mennä eteenpäin ja ladata.

510
00:22:06,805 --> 00:22:08,680
Ja nyt se on hyvin
underwhelming sivu silti.

511
00:22:08,680 --> 00:22:10,910
Mutta jos minä hääriä there--
ja se on vähän pieni,

512
00:22:10,910 --> 00:22:13,576
but-- näet pohjassa
vasemmassa alakulmassa näytön,

513
00:22:13,576 --> 00:22:15,242
se todellakin menossa google.com.

514
00:22:15,242 --> 00:22:19,280
Ja jos painan, että se tulee
vispilä minulle tapa todellinen Google.

515
00:22:19,280 --> 00:22:22,610
>> Mutta huomaa tässä mahdollisuuden
hyväksikäyttö, aivan kuin syrjään.

516
00:22:22,610 --> 00:22:25,150
Ja me palaamme muut
turvallisuuskysymyksiin ennen pitkää.

517
00:22:25,150 --> 00:22:29,290
Koska siellä on tämä kahtiajako
välillä missä mennään ja mitä sanot,

518
00:22:29,290 --> 00:22:34,722
voisit tehdä jotain
this-- http://www.google.com.

519
00:22:34,722 --> 00:22:37,134
OK, ja nyt jos en lataa
tallennuksen jälkeen, että sivu,

520
00:22:37,134 --> 00:22:38,800
näyttää siltä, ​​aion mennä Google.

521
00:22:38,800 --> 00:22:40,966
Mutta ei ole mitään syytä I
täytyy mennä Google, eikö?

522
00:22:40,966 --> 00:22:47,460
Voisin itse mennä jotain
badguy.com, lataa sivu tänne.

523
00:22:47,460 --> 00:22:49,750
Ja ilmoitus, se silti näyttää Google.

524
00:22:49,750 --> 00:22:52,020
Ja vain jos olen jyrkästi
tarpeeksi hääriä täällä

525
00:22:52,020 --> 00:22:54,770
En näe sitä edes aio
mennä eri paikkaan.

526
00:22:54,770 --> 00:22:57,400
>> Joten jos olet joskus saanut
sähköposti, erityisesti

527
00:22:57,400 --> 00:22:59,610
yksi Paypal, tai
näennäisesti Paypal

528
00:22:59,610 --> 00:23:01,830
jossa sinua pyydetään kirjautumaan sisään
tilillesi, tämä

529
00:23:01,830 --> 00:23:06,380
Siksi sinun ei pitäisi koskaan
koskaan klikkaa linkkejä sähköpostit,

530
00:23:06,380 --> 00:23:07,930
rehellisesti, mitään sähköpostien linkkejä.

531
00:23:07,930 --> 00:23:10,380
Jos tiedät on todellinen
rahaa Paypal tai pankkisiirrolla

532
00:23:10,380 --> 00:23:14,250
Amerikan tai Fidelity tai
verkkosivuilla, käsin kirjoita se.

533
00:23:14,250 --> 00:23:17,530
Koska näyttää, miten helppoa se on
huijata joku tulee esittää mitä

534
00:23:17,530 --> 00:23:18,526
näyttää linkin.

535
00:23:18,526 --> 00:23:20,400
Mutta tosiasiassa se voisi
mennä aivan minne tahansa.

536
00:23:20,400 --> 00:23:23,301
>> Ja siellä on paljon enemmän
uhkia kuin tämä.

537
00:23:23,301 --> 00:23:25,300
Itse asiassa, tämä on vähän
on tangentti nyt, mutta yksi

538
00:23:25,300 --> 00:23:28,430
paras niistä olen koskaan nähnyt
joka on sittemmin suljettu,

539
00:23:28,430 --> 00:23:34,060
on joku johtanut ihmisiä
to-- joten tässä voisi sanoa,

540
00:23:34,060 --> 00:23:37,660
klikkaa tästä kirjautuaksesi
huomioon, pankkitili.

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

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

543
00:23:43,030 --> 00:23:44,250
>> Niin joku osti tämän.

544
00:23:44,250 --> 00:23:47,090
Ja se on hieman helpompi nähdä
se mono erillään fontin zoomataan

545
00:23:47,090 --> 00:23:49,190
sisään 30-jalka projektori.

546
00:23:49,190 --> 00:23:51,720
Mutta kun se on pieni fontti
sähköpostitse, että olet vastaanottamisesta,

547
00:23:51,720 --> 00:23:54,690
tämä näyttää bankofthewest.com,
ei bankofthevvest.com,

548
00:23:54,690 --> 00:23:58,230
jonka joku oli maksanut 10 dollaria ostaa.

549
00:23:58,230 --> 00:24:00,840
Ja sitten tämä johti heidät
vastaa noin huonoja verkkosivuilla.

550
00:24:00,840 --> 00:24:05,540
>> Ja näet too-- todella voimme tehdä
this-- jos menen todellinen verkkosivuilla,

551
00:24:05,540 --> 00:24:10,335
bankofthewest.com, jälleen,
Recall viime kerran

552
00:24:10,335 --> 00:24:13,210
että jos tämä on heidän web-sivun ja
olet utelias, miten se toimii,

553
00:24:13,210 --> 00:24:15,610
voit varmasti mennä
Chromen kehitystyökalut.

554
00:24:15,610 --> 00:24:18,890
Ja voit nähdä kaikki
HTML muotoiltuja siellä.

555
00:24:18,890 --> 00:24:20,890
>> Mutta enemmän siihen pisteeseen,
voit cam-- katsotaanpa sulje

556
00:24:20,890 --> 00:24:24,760
this-- voit mennä View
Kehittäjä View Source.

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

558
00:24:25,770 --> 00:24:28,350
Miksi en vain kopioida
kaikki tämä ja sitten minä

559
00:24:28,350 --> 00:24:31,630
voi mennä pikku gedit ikkuna
täällä ja tehdä oman web-sivun.

560
00:24:31,630 --> 00:24:33,210
Säästä tämä hello.html.

561
00:24:33,210 --> 00:24:36,770
Ja luultavasti tämä tulee rikkoa,
koska se ei ole näin helppoa yleensä.

562
00:24:36,770 --> 00:24:41,590
Mutta nyt jos en lataa oma sivu
oma CS50 Appliance ja osui reload,

563
00:24:41,590 --> 00:24:42,990
OK, joitakin juttuja rikkoi.

564
00:24:42,990 --> 00:24:45,750
Mutta olen melko lähellä ottaa
oma verkkopankkia, eikö?

565
00:24:45,750 --> 00:24:46,570
Kaikki tämän HTML--

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

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

568
00:24:49,210 --> 00:24:52,210
tietää siellä on joku siellä joka
todella klikkaa näitä linkkejä myös.

569
00:24:52,210 --> 00:24:54,864
Niin selvästi, joitakin juttuja rikkoi.

570
00:24:54,864 --> 00:24:56,780
Mutta että menee johtaa
meidät keskusteluun,

571
00:24:56,780 --> 00:25:00,810
tarpeettomasti juuri nyt, niin mitä
CSS, Cascading Style Sheets, ovat,

572
00:25:00,810 --> 00:25:03,410
ja miten voit itse
ladata muut HTML-tiedostot

573
00:25:03,410 --> 00:25:06,140
ja JPEG-tiedostoja GIF-tiedostot,
sivusto voidaan käyttää.

574
00:25:06,140 --> 00:25:07,960
Mutta kaikki tämä on accomplishable.

575
00:25:07,960 --> 00:25:11,110
Mutta se todella kuihtuu
Näiden hyvin yksinkertainen heuristiikka.

576
00:25:11,110 --> 00:25:14,450
>> Joten nyt haluan vain lukaista läpi
Pari muita esimerkkejä HTML-

577
00:25:14,450 --> 00:25:16,680
vain antaa sinulle tunteen
mitä muuta voit tehdä.

578
00:25:16,680 --> 00:25:18,670
Esimerkiksi, tämä on list.html.

579
00:25:18,670 --> 00:25:23,240
Kai halusin tehdä web-sivun
luettelo taloja quad.

580
00:25:23,240 --> 00:25:28,960
Saatan käyttää ul tag järjestämättömiä
luettelosta ja sitten luettelokohteen lapsi

581
00:25:28,960 --> 00:25:33,760
ja sitten kerrata over-- tai lista,
rather-- taloa kyseessä.

582
00:25:33,760 --> 00:25:36,080
>> Ja jos avaan tämän ylös, tehdään tämä.

583
00:25:36,080 --> 00:25:40,670
Mennään eikä hello.html,
mutta list.html.

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

585
00:25:42,160 --> 00:25:43,000
Miten korjaan tämän?

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

587
00:25:45,679 --> 00:25:47,220
Se on sama asia kuin ennen, eikö?

588
00:25:47,220 --> 00:25:52,510
Joten anna minun tehdä chmod-- oops--
chmod + r list.html.

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

590
00:25:54,610 --> 00:25:59,610
Ja nyt jos menen takaisin minun selaimessa
ja valitse Päivitä, siellä se on.

591
00:25:59,610 --> 00:26:02,360
Joten jos olet koskaan halunnut tehdä
luettelomerkeillä, voit tehdä sen.

592
00:26:02,360 --> 00:26:06,210
Jos haluat olla super fancy ja tehdä
järjestetty lista, ei järjestämättömiä lista,

593
00:26:06,210 --> 00:26:10,170
muuttaa niitä, ol, lataa sivu, ja
Nyt selain numero sen sinulle.

594
00:26:10,170 --> 00:26:11,241
>> Mitä muuta voimme tehdä?

595
00:26:11,241 --> 00:26:13,990
No, pari others-- jos
sinulla pitkät kohdat text--

596
00:26:13,990 --> 00:26:15,698
Esimerkiksi joissakin
Latinankielinen teksti kuten this--

597
00:26:15,698 --> 00:26:20,730
ja haluat sen eri kohdissa,
avoin p, sulje p kohta tag.

598
00:26:20,730 --> 00:26:22,010
Ja tehdä sen uudestaan ​​ja uudestaan.

599
00:26:22,010 --> 00:26:26,600
Ja jos minä nyt avata tätä tiedostoa,
paragraphs.html, hyvin, tämä

600
00:26:26,600 --> 00:26:27,570
on tulossa ärsyttävää.

601
00:26:27,570 --> 00:26:34,320
Joten nyt mennään vain takaisin minun
nopea, chmod + r r tähti .html--

602
00:26:34,320 --> 00:26:36,099
mukava pieni villi kortti niin sanotusti.

603
00:26:36,099 --> 00:26:37,890
Se pitäisi korjata kaikki
näitä ongelmia minulle.

604
00:26:37,890 --> 00:26:38,990
Katsotaanpa uudelleen.

605
00:26:38,990 --> 00:26:40,500
Siellä on kolme kappaletta.

606
00:26:40,500 --> 00:26:42,930
>> Ja nyt mennään eteenpäin
ja avata yksi muu.

607
00:26:42,930 --> 00:26:44,310
Entä pöytä?

608
00:26:44,310 --> 00:26:46,440
Huomaat taulukko näyttää
hieman monimutkaisempi.

609
00:26:46,440 --> 00:26:49,110
Mutta se on sama idea--
Avaa Tag, avoin tag,

610
00:26:49,110 --> 00:26:51,360
auki, auki, auki, kiinni tag, avoin tag.

611
00:26:51,360 --> 00:26:54,410
Ja nämä sattuvat seistä
pöytä, jonka raja on ilmeisesti

612
00:26:54,410 --> 00:26:58,500
olemaan paksuus 1-- tahansa
että means-- taulukon rivi, taulukko

613
00:26:58,500 --> 00:27:00,320
tietoja, mikä tarkoittaa solua.

614
00:27:00,320 --> 00:27:03,840
Ja vaikka minä menen takaisin minun selaimessa
täällä ja mene table.html,

615
00:27:03,840 --> 00:27:05,840
näet jotain
näin, hirveä.

616
00:27:05,840 --> 00:27:07,840
Mutta saamme siihen pisteeseen
jossa voimme todella

617
00:27:07,840 --> 00:27:09,260
tehdä asioita kauniimpi kuin.

618
00:27:09,260 --> 00:27:10,530
>> Haluan siis säätää nyt.

619
00:27:10,530 --> 00:27:11,870
On risuryppäät lisää tageja.

620
00:27:11,870 --> 00:27:15,225
Ja HTML on ihana poimia
koska rehellisesti sanottuna, kaikki sinun ei tarvitse tehdä

621
00:27:15,225 --> 00:27:17,600
on tarkastella nykyisiä verkkosivuja
jonka kanssa olet tuttu.

622
00:27:17,600 --> 00:27:20,340
Ja olet kuin, Oh, näin
he tekivät tämän esteettisesti.

623
00:27:20,340 --> 00:27:23,159
>> Tai voit etsiä minkä tahansa verkossa
resurssi, miten HTML toimii,

624
00:27:23,159 --> 00:27:25,700
ja näet, että siellä
Koko sanasto muut tunnisteet.

625
00:27:25,700 --> 00:27:30,110
Mutta yksinkertainen henkinen malli
yksin että melkein minkä tahansa tunnisteen avaat

626
00:27:30,110 --> 00:27:33,620
on suljettava, se todella
ei riitä opettamaan itseään

627
00:27:33,620 --> 00:27:36,950
HTML jälkeen ymmärtää
nämä perusajatukset tagit

628
00:27:36,950 --> 00:27:40,520
ja attribuutteja ja hyvin formedness
että olemme puhuneet,

629
00:27:40,520 --> 00:27:44,697
sulkeminen mitään, että voisimme avata
niin että emme sekoita selainta.

630
00:27:44,697 --> 00:27:46,780
Joten nyt viedä tämän
mielenkiintoisempi tasolla

631
00:27:46,780 --> 00:27:48,100
menemällä todellinen.

632
00:27:48,100 --> 00:27:51,095
Ja mennään Macin
täällä, google.com.

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

634
00:27:52,280 --> 00:27:54,020
Ja nyt notice-- tehdään tämä.

635
00:27:54,020 --> 00:27:57,280
Olen gong mennä
Asetukset, Search Settings.

636
00:27:57,280 --> 00:28:01,070
Haluan sammuttaa tämä harmittaa hetkessä
Tulokset asia jos se heti

637
00:28:01,070 --> 00:28:02,450
alkaa vastata kirjoittamista.

638
00:28:02,450 --> 00:28:05,300
Tehdään tämä vanhempi koulussa niin
me itse nähdä mitä tapahtuu.

639
00:28:05,300 --> 00:28:08,260
>> Joten aion pelastaa minun
Google asetukset.

640
00:28:08,260 --> 00:28:11,160
Ja nyt notice-- aion
etsi jotain kissoille.

641
00:28:11,160 --> 00:28:14,500
Ja se on silti tekee auto
täydellisiä täällä, mutta perustuu asiat

642
00:28:14,500 --> 00:28:15,970
ihmiset ovat kirjoitettu aikaisemmin.

643
00:28:15,970 --> 00:28:17,490
Mutta huomaa, mitä tulee tapahtumaan.

644
00:28:17,490 --> 00:28:20,272
>> URL tällä hetkellä
on tämä, vain google.com.

645
00:28:20,272 --> 00:28:22,650
Ja teknisesti, se on vinoviiva.

646
00:28:22,650 --> 00:28:25,910
Googlen vain säästää merkki
eikä osoittaa meille, että.

647
00:28:25,910 --> 00:28:30,400
Ne meille osoittavat https, vain
olla super rauhoittavaa, että olemme

648
00:28:30,400 --> 00:28:32,850
klo turvallinen tai salattua sivua.

649
00:28:32,850 --> 00:28:35,690
>> Joten anna minun mennä eteenpäin ja etsiä kissojen.

650
00:28:35,690 --> 00:28:37,670
Nyt tämä sai todella
ylivoimainen nopeasti.

651
00:28:37,670 --> 00:28:39,470
Katsokaa pituudesta tätä URL.

652
00:28:39,470 --> 00:28:43,070
Mutta näyttää siltä, ​​että suurin osa tätä tavaraa
URL-osoitteessa on oikeastaan ​​aika hyödytön.

653
00:28:43,070 --> 00:28:45,320
Aion aloittaa poistamalla
asioita, joita en ymmärrä.

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

655
00:28:46,560 --> 00:28:47,360
Näen kissoja.

656
00:28:47,360 --> 00:28:48,470
Ymmärrän kissoja.

657
00:28:48,470 --> 00:28:50,380
En tiedä, miksi kissat ovat siellä uudelleen.

658
00:28:50,380 --> 00:28:52,620
En todellakaan tiedä
mitä tämä järjettömyys on.

659
00:28:52,620 --> 00:28:56,030
Joten olen juuri menossa pitämään
korostamalla ja poistamalla kamaa

660
00:28:56,030 --> 00:28:59,905
että en ymmärrä,
tislaamalla URL juuri tähän.

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

662
00:29:00,920 --> 00:29:02,270
>> Nyt haluaisin saada tulla uudestaan.

663
00:29:02,270 --> 00:29:03,814
Näyttää siltä, ​​Google toimii edelleen.

664
00:29:03,814 --> 00:29:06,980
Niin jostain syystä, he lisäämällä
paljon tavaraa niiden URL: n oletuksena.

665
00:29:06,980 --> 00:29:09,000
Mutta se ei ole ehdottoman välttämätöntä.

666
00:29:09,000 --> 00:29:10,340
Joten mikä on mukavaa tästä?

667
00:29:10,340 --> 00:29:13,630
No, anna minun mennä eteenpäin ja
avata Chromen Inspector.

668
00:29:13,630 --> 00:29:15,960
Siellä on pieni hiiri pikakuvakkeen se.

669
00:29:15,960 --> 00:29:17,360
>> Siirry Verkko-välilehti.

670
00:29:17,360 --> 00:29:19,340
Ja nyt haluan uudelleen
Tämän sivun uudelleen.

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

672
00:29:20,280 --> 00:29:22,520
Sivuhuomautuksena, selaimet
taipumus välimuistiin tai tallentaa

673
00:29:22,520 --> 00:29:24,697
tietoja vain tehokkuuden vuoksi.

674
00:29:24,697 --> 00:29:27,280
Mutta yleensä, Shift ja
uudelleenlastaus pakottaa kaikki

675
00:29:27,280 --> 00:29:28,994
aloittaa uudelleen alusta.

676
00:29:28,994 --> 00:29:30,410
Ja se mitä haluan tehdä täällä.

677
00:29:30,410 --> 00:29:33,550
>> Ja huomaa kaikki nämä
rivit, juuri ilmestynyt.

678
00:29:33,550 --> 00:29:37,920
On käynyt ilmi, että jonakin web
sivu, siellä saattaa olla vain yksi tiedosto

679
00:29:37,920 --> 00:29:43,500
involved-- hello.html-- tai siellä
voisi olla 52, kuten tässä tapauksessa.

680
00:29:43,500 --> 00:29:45,820
Kun käyn google.com,
Ilmeisesti minun selaimessa

681
00:29:45,820 --> 00:29:49,650
käynnistymässä 52 erillistä HTTP-pyyntöjä.

682
00:29:49,650 --> 00:29:50,520
Miksi näin?

683
00:29:50,520 --> 00:29:53,380
>> No, katsokaa mitä sisällä
Tämän sivun ylös.

684
00:29:53,380 --> 00:29:55,620
Siellä ei ole vain tekstiä,
mutta siellä on todellisia kuvia

685
00:29:55,620 --> 00:29:57,130
kissojen yli oikealle.

686
00:29:57,130 --> 00:29:59,110
On värikäs logo täällä vasemmalla.

687
00:29:59,110 --> 00:30:01,750
Siellä on kaikki nämä kuvakkeet
ja mikrofoni ja niin edelleen.

688
00:30:01,750 --> 00:30:05,130
Siellä on paljon paloja, rakentamiseen
lohkot, naarmu kappaletta, jos haluatte,

689
00:30:05,130 --> 00:30:06,250
tähän sivuun.

690
00:30:06,250 --> 00:30:10,310
Ja mikä selain tekee siitä
saada ensimmäinen tiedosto, joka

691
00:30:10,310 --> 00:30:16,180
on tämä rivi täällä, se on olennaisesti
iteroidessaan yli HTML alkuun

692
00:30:16,180 --> 00:30:19,880
alas, vasemmalta oikealle, etsii
asioita, kuten kuvan tunnisteet tai muut tunnisteet

693
00:30:19,880 --> 00:30:23,160
jotka viittaavat muut tiedostot ja
kun se näkee heidät, menee ja hakee niistä

694
00:30:23,160 --> 00:30:26,050
HTTP, elinkelpoinen kokonaisuus
kirjekuori metafora,

695
00:30:26,050 --> 00:30:29,670
ja sitten näyttää ne
sopivaan paikkaan Web-sivun.

696
00:30:29,670 --> 00:30:33,370
>> Mutta huomaa täällä jos keskityn
Ensimmäinen heitto, haku kissat,

697
00:30:33,370 --> 00:30:37,090
huomataan, että se todellakin on HTTP 1.1.

698
00:30:37,090 --> 00:30:41,690
Ja valitettavasti Google
Chrome nyt versiossa 39

699
00:30:41,690 --> 00:30:45,110
on eräänlainen yhdenvertaisuuspyrkimykset asioita alas ja
ei näyttää meille todellinen otsikot.

700
00:30:45,110 --> 00:30:49,680
Mutta mikä oli todellakin lähettänyt on pyyntö
sillä ei leikata, vaan / haku? q = kissoja.

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

702
00:30:52,830 --> 00:30:54,340
>> Nyt miksi se on tärkeää?

703
00:30:54,340 --> 00:30:57,110
No, aion päätellä
tästä, että jos Google

704
00:30:57,110 --> 00:31:01,520
tukee kyselyt tämän lomakkeen, miksi
älä otan oman haku

705
00:31:01,520 --> 00:31:06,420
moottori CS50, mutta vain edestä
pää, vain graafinen käyttöliittymä.

706
00:31:06,420 --> 00:31:09,610
Ja me ulkoistaa loppupäätä,
varsinaiset hakutulokset Google.

707
00:31:09,610 --> 00:31:10,510
>> Joten miten voin tehdä tämän?

708
00:31:10,510 --> 00:31:13,820
No, anna minun mennä gedit tänne.

709
00:31:13,820 --> 00:31:19,180
Ja anna minun mennä eteenpäin ja avata
ylös, sanokaamme, uusi tiedosto.

710
00:31:19,180 --> 00:31:22,280
Ja aion tallentaa
väliaikaisesti haku-0.html.

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

712
00:31:25,111 --> 00:31:27,860
Ja sitten lopulta, me nopeasti
eteenpäin minun esikäsitellyt.

713
00:31:27,860 --> 00:31:30,190
>> Ja aion
nopeasti lietsoa doc tyyppi

714
00:31:30,190 --> 00:31:33,840
html alkusulkumerkki html
sulje kiinnike html.

715
00:31:33,840 --> 00:31:38,390
Sitten aion tehdä pää
sulje pää auki otsikko CS50

716
00:31:38,390 --> 00:31:40,150
Hae sijaan Google-haun.

717
00:31:40,150 --> 00:31:43,480
Täällä aion olla
elin, täällä lähellä kehoa.

718
00:31:43,480 --> 00:31:45,835
Ja nyt minun täytyy CS50 haku.

719
00:31:45,835 --> 00:31:47,710
Ja todella, katsotaanpa
rakentaa tämän vähitellen.

720
00:31:47,710 --> 00:31:51,043
Aion mennä eteenpäin ja sulje tämä ja
todella laittaa se minun julkisessa hakemistossa.

721
00:31:51,043 --> 00:31:52,730
Joten anna minulle vain yksi hetki.

722
00:31:52,730 --> 00:31:55,390
Haku-0.html-- aion
ajallisesti kutsuvat sitä search.html.

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

724
00:31:56,600 --> 00:31:59,750
Aion chmod se + r search.html.

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

726
00:32:01,072 --> 00:32:02,280
Ja nyt aion avata sen.

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

728
00:32:03,224 --> 00:32:04,390
Okei, joten se oli nopea.

729
00:32:04,390 --> 00:32:06,800
Mutta tavoite oli yksinkertaisesti
saada meidät pisteeseen

730
00:32:06,800 --> 00:32:09,630
ottaa tämän tekstin
tiedosto nimeltä search.html.

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

732
00:32:10,940 --> 00:32:12,790
Niin ei paljon katsomaan vielä.

733
00:32:12,790 --> 00:32:16,970
Todellakin, jos menen selaimeen, ja
Siirry search.html, että kaikki se on.

734
00:32:16,970 --> 00:32:17,720
Mutta tiedätkö mitä?

735
00:32:17,720 --> 00:32:19,000
Voin olla hieman hienompaa.

736
00:32:19,000 --> 00:32:22,710
Luin kirjan, että siellä on
otsikko tag nimeltään H1.

737
00:32:22,710 --> 00:32:26,100
Ja aion mennä eteenpäin ja
käyttää avattavat H1 ja sulje H1.

738
00:32:26,100 --> 00:32:27,220
Päivitä sivu.

739
00:32:27,220 --> 00:32:29,600
Ja nyt se on isompi ja rohkeampi,
ole kovin kiinnostavaa,

740
00:32:29,600 --> 00:32:32,399
mutta ainakin se rakenteellisesti
mielenkiintoisempaa.

741
00:32:32,399 --> 00:32:33,940
Mutta nyt haluan esitellä toisen tunnisteen.

742
00:32:33,940 --> 00:32:36,500
On käynyt ilmi, on olemassa muodossa tag.

743
00:32:36,500 --> 00:32:38,400
Ja haluaisin lopettaa kyseisen tag.

744
00:32:38,400 --> 00:32:40,830
Ja se osoittautuu siellä
input tag, että

745
00:32:40,830 --> 00:32:44,600
on määreen tyyppiä, joka
on tietojen tyyppi kentän,

746
00:32:44,600 --> 00:32:45,200
jos haluatte.

747
00:32:45,200 --> 00:32:47,050
Ja tulee olemaan tyyppiä tekstiä.

748
00:32:47,050 --> 00:32:52,200
Ja sen arvo on menossa
olla CS50 haku.

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

750
00:32:53,850 --> 00:32:57,100
Ja siellä tulee olla mitään käsitettä
avaamalla ja sulkemalla erillisellä tageja.

751
00:32:57,100 --> 00:33:00,300
>> Anna minun mennä takaisin tänne ja
Katso mitä tapahtuu, reload.

752
00:33:00,300 --> 00:33:01,380
Getting mielenkiintoinen.

753
00:33:01,380 --> 00:33:02,950
Se näyttää se tekstikenttään.

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

755
00:33:04,080 --> 00:33:06,999
Ja todella, en halua
laittaa arvon siellä vielä.

756
00:33:06,999 --> 00:33:10,040
Anna minun mennä takaisin tänne ja itse saada
eroon tästä arvosta pidettävä yksinkertaisina.

757
00:33:10,040 --> 00:33:12,939
Arvon sijasta, mitä halusin
antaa tämä asia oli nimi.

758
00:33:12,939 --> 00:33:15,230
Ja en tiedä mitä se on,
joten palaan siihen.

759
00:33:15,230 --> 00:33:18,270
>> Mutta alla, että haluan
tehdä input type = lähetä.

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

761
00:33:19,840 --> 00:33:22,120
Ja tämä arvo tulee olemaan CS50 haku.

762
00:33:22,120 --> 00:33:24,850
Ja näemme miksi
siirretty arvo tähän.

763
00:33:24,850 --> 00:33:28,900
Kun minä uudelleen, olen ilmeisesti nyt
alkaa oma haku

764
00:33:28,900 --> 00:33:30,820
moottori, erittäin vastenmielinen,
vaikka rehellisesti, se on

765
00:33:30,820 --> 00:33:34,260
ei kaukana heiton päässä mitä
Googlen oletuksena sivu näyttää.

766
00:33:34,260 --> 00:33:37,950
>> Jos menen tästä nyt, voin kirjoittaa
kissoja ja toivottavasti sitten Etsi.

767
00:33:37,950 --> 00:33:40,380
Mutta en ole aivan vielä valmis,
koska en ole pantu täytäntöön,

768
00:33:40,380 --> 00:33:41,045
tietenkin, tietokanta.

769
00:33:41,045 --> 00:33:42,940
En ole selattu
Web-hakutuloksissa.

770
00:33:42,940 --> 00:33:44,840
Joten minun täytyy ulkoistaa, että Google.

771
00:33:44,840 --> 00:33:46,290
Joten miten voin tehdä tämän?

772
00:33:46,290 --> 00:33:49,170
>> No, ensinnäkin olen
täytyy lisätä ja toiminta

773
00:33:49,170 --> 00:33:58,460
Yhdistän minun muodossa tag että
on http://www.google.com/search.

774
00:33:58,460 --> 00:34:01,180
Ja tiedän, että vain ottaa
päätellä katsomalla tarkasti

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

776
00:34:02,505 --> 00:34:03,380
Ja nyt yrittää arvata.

777
00:34:03,380 --> 00:34:09,090
Mikä tämän tekstin kenttä luultavasti
kutsua, joka perustuu mistä tulimme

778
00:34:09,090 --> 00:34:09,754
alkaen ennen?

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

780
00:34:11,896 --> 00:34:13,290
>> Yleisö:? Q.

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

782
00:34:14,370 --> 00:34:17,800
Ja emme oikeastaan ​​tarvitse kysymys
merkitse se kääntyy pois, mutta Q on todellakin se,

783
00:34:17,800 --> 00:34:20,489
Q kyselyn luultavasti
oletus, vain koska se on

784
00:34:20,489 --> 00:34:23,060
mitä Larry ja Sergey
keksi vuotta sitten.

785
00:34:23,060 --> 00:34:24,739
Joten nyt haluaisin päivittää tämän sivun.

786
00:34:24,739 --> 00:34:26,409
Se ei näytä kaikkia, jotka eri.

787
00:34:26,409 --> 00:34:28,120
Mutta nyt katsoa mitä tapahtuu.

788
00:34:28,120 --> 00:34:32,360
>> Jos kirjoitan kissoilla ja napsauta
CS50 Etsi ja anna mennä,

789
00:34:32,360 --> 00:34:35,770
huomaan pyyhkäistiin
pois todellisten Google.

790
00:34:35,770 --> 00:34:38,150
Nyt Google on nyt hieman
ärsyttävää, että he

791
00:34:38,150 --> 00:34:41,877
lisäämällä ylimääräinen parametri,
jos haluatte, että URL.

792
00:34:41,877 --> 00:34:43,960
Että kaikki tapahtuu
automaattisesti Googlen puolelta.

793
00:34:43,960 --> 00:34:48,730
>> Tärkeä osa on, että näytän
luoneen tämän pyynnön täällä.

794
00:34:48,730 --> 00:34:50,179
Ja todellakin, että mitä tapahtuu.

795
00:34:50,179 --> 00:34:53,040
Kun sinulla on HTML että
näyttää tältä, tämä

796
00:34:53,040 --> 00:34:57,620
on eräänlainen web-kehittäjille merkintätapa
sanomalla, mennä eteenpäin ja luoda lomakkeen

797
00:34:57,620 --> 00:34:59,990
että kun se on toimitettu,
se tulee siirry osoitteeseen.

798
00:34:59,990 --> 00:35:03,430
Ja kun URL on antanut
arvot asioita, kuten Q,

799
00:35:03,430 --> 00:35:05,440
älä mene vain tähän URL-osoitteeseen.

800
00:35:05,440 --> 00:35:08,210
Oikeastaan, siirry kysymykseen
merkki ja sitten q = kissoja.

801
00:35:08,210 --> 00:35:09,590

802
00:35:09,590 --> 00:35:13,060
Liitä parametri,
HTTP parametri niin.

803
00:35:13,060 --> 00:35:15,590
>> Ja vain olla erittäin tarkka,
mitä on pääteltävissä here--

804
00:35:15,590 --> 00:35:18,130
mutta otan enemmän explicit-- on
että menetelmä haluan käyttää

805
00:35:18,130 --> 00:35:22,270
ei saada, eikä jotain
virka, joka me lopulta nähdä.

806
00:35:22,270 --> 00:35:27,710
Niin lyhyt, yksinkertaisesti ymmärrys
HTML ja käyttää joitakin melko yksinkertaisia ​​tunnisteita,

807
00:35:27,710 --> 00:35:30,610
voimme nyt alkaa luoda
oman etupään käyttäjä

808
00:35:30,610 --> 00:35:32,850
käyttöliittymä haku
moottorin takana.

809
00:35:32,850 --> 00:35:34,800
>> Mutta tämä on tietysti ihan hirveä.

810
00:35:34,800 --> 00:35:37,259
Joten haluaisin todella avata
hieman parempi versio.

811
00:35:37,259 --> 00:35:39,800
Tämä on yksi minun valmistettu
etukäteen, että on joitakin kommentteja.

812
00:35:39,800 --> 00:35:41,900
Mutta näet, että minä
melko paljon rekonstruoida sitä.

813
00:35:41,900 --> 00:35:44,150
Joten tämä on jo saatavilla verkossa.

814
00:35:44,150 --> 00:35:48,050
Ja en sattuvat preemptively
Siirry https vain pitää se yksinkertainen.

815
00:35:48,050 --> 00:35:50,610
>> Ja nyt Katsotaanpa avata
seuraava iterointia tämän.

816
00:35:50,610 --> 00:35:52,510
On versio 1 sijasta 0.

817
00:35:52,510 --> 00:35:55,315
Mitä hyppää ulos sinua kuin hieman
Eri tässä esimerkissä?

818
00:35:55,315 --> 00:35:59,480

819
00:35:59,480 --> 00:36:00,440
>> Yleisö: [kuulumaton].

820
00:36:00,440 --> 00:36:03,020
>> Joo, on tämä teksti align center.

821
00:36:03,020 --> 00:36:04,590
Tämä on hieman outo täällä.

822
00:36:04,590 --> 00:36:06,150
Mutta tämä on todellakin uusi.

823
00:36:06,150 --> 00:36:07,800
Ja ehkä arvaa mitä tulee tapahtumaan.

824
00:36:07,800 --> 00:36:11,730
Jos menen selaimeen nyt
ja käydä haku-1.html,

825
00:36:11,730 --> 00:36:13,090
se on melkein sama asia.

826
00:36:13,090 --> 00:36:15,705
Mutta se on askel lähemmäs
nyt hieman enemmän kaunis.

827
00:36:15,705 --> 00:36:19,150
Se on edelleen ruma, mutta kauniimpi, että
ainakin kaikki on nyt keskitetty.

828
00:36:19,150 --> 00:36:23,470
>> Joten näyttää siltä, ​​että mitä olen käyttäen
jokin toinen kieli kokonaan nimeltään

829
00:36:23,470 --> 00:36:25,680
CSS, Cascading Style Sheets.

830
00:36:25,680 --> 00:36:28,310
Ja CSS, suoraan sanottuna, on eräänlainen
on minun henkilökohtainen mielipiteeni,

831
00:36:28,310 --> 00:36:29,775
atrociously suunniteltu kieli.

832
00:36:29,775 --> 00:36:33,110
On erittäin ärsyttävää muistaa
kaikki erilaisia ​​yksityiskohtia.

833
00:36:33,110 --> 00:36:38,479
Mutta se on mitä tyylittelee
Koko webbiin tänään.

834
00:36:38,479 --> 00:36:39,270
Olen loukkaantunut joku.

835
00:36:39,270 --> 00:36:39,769
Selvä.

836
00:36:39,769 --> 00:36:43,180
Mennäänpä takaisin tänne ja katso
miten me todellisuudessa käyttävät tätä.

837
00:36:43,180 --> 00:36:45,940
Ja se kääntyy pois, ainakin se on
oikeastaan ​​melko yksinkertaista kieltä.

838
00:36:45,940 --> 00:36:49,470
Se on vain avain arvo-pareja, kiinteistöjen
ja arvot, ominaisuudet ja niiden arvot.

839
00:36:49,470 --> 00:36:52,080
Todellakin, tässä on yksi
tällaista omaisuutta ja arvoa.

840
00:36:52,080 --> 00:36:55,890
>> Yksinkertaisesti käyttämällä tyyli
Yhdistän minun body

841
00:36:55,890 --> 00:37:00,360
ja antaa sen arvoa
sana paksusuolen ja toinen sana,

842
00:37:00,360 --> 00:37:03,730
tai omaisuutta ja arvo,
Voin vaikuttaa estetiikka

843
00:37:03,730 --> 00:37:06,210
Web-sivun, ei
välttämättä rakenne vielä,

844
00:37:06,210 --> 00:37:07,550
mutta estetiikka sitä.

845
00:37:07,550 --> 00:37:10,960
Ja vain Googling noin, ymmärrän
että CSS, CSS,

846
00:37:10,960 --> 00:37:14,170
tukee ominaisuus nimeltään
text-align, joiden arvoa

847
00:37:14,170 --> 00:37:16,980
olla vasemmalle, oikealle tai keskelle, esimerkiksi.

848
00:37:16,980 --> 00:37:19,990
>> Joten nyt kun olen uudelleen
Tämän sivun, mitä en saa

849
00:37:19,990 --> 00:37:22,730
oli keskitetty sivu,
mutta silti melko ruma.

850
00:37:22,730 --> 00:37:25,770
Mennään eteenpäin ja avata
up version 2 hakutulosta.

851
00:37:25,770 --> 00:37:28,570
Ja nyt huomaa Olen tehnyt vähän enemmän.

852
00:37:28,570 --> 00:37:33,760
Huomaa, että täällä sisällä pään
tag, siellä voi olla enemmän kuin otsikon.

853
00:37:33,760 --> 00:37:35,400
Itse asiassa siellä on tyyliin tag.

854
00:37:35,400 --> 00:37:38,630
Ja tämä on, jos se vain saa
hieman sotkuinen seeing CSS joskus.

855
00:37:38,630 --> 00:37:41,971
>> Huomaa, että voin näyttää olevan jotain
että rakenteellisesti näyttää hyvin erilaiselta.

856
00:37:41,971 --> 00:37:44,095
Mutta tässä nimi
tag Haluan tyylitelty.

857
00:37:44,095 --> 00:37:47,570
Tässä ovat vanhoja ystäviä kihara
olkaimet ja suljettu kihara ahdin.

858
00:37:47,570 --> 00:37:50,290
Ja sitten tässä on se, että
omaisuuden ja sen arvon.

859
00:37:50,290 --> 00:37:56,300
>> Jos lataan tämän tiedoston, search2.html,
lopputulos on sama.

860
00:37:56,300 --> 00:37:59,300
Mutta se on askel kohti parempaa suunnittelua.

861
00:37:59,300 --> 00:38:04,560
Factoring tämä CSS, olen
ei sekoitu sitä minun HTML.

862
00:38:04,560 --> 00:38:07,560
Ja todellakin, kuten tulemme näkemään, saatoin
uudelleen näitä ominaisuuksia ja arvoja.

863
00:38:07,560 --> 00:38:10,420
Jos halusin tehdä risuryppäät
osaa minun sivun keskellä,

864
00:38:10,420 --> 00:38:13,630
Minulla ei tarvitse kirjoittaa style = text-align
keskus koko paikka.

865
00:38:13,630 --> 00:38:16,580
Voin laittaa yhteen paikkaan
ehkä pidät ylös yläosassa.

866
00:38:16,580 --> 00:38:18,210
>> Mutta vaikka tämä ei ole paras design.

867
00:38:18,210 --> 00:38:21,720
Itse asiassa, yksi niistä asioista, opit
kun viettää enemmän ja enemmän aikaa

868
00:38:21,720 --> 00:38:25,730
Web-ohjelmointi on, että enemmän voit
modularize asioita ja kerroin asioita

869
00:38:25,730 --> 00:38:30,610
kuten .h tiedostot olkaamme tekijä tavaraa ulos,
Pidän helpers.c olkaamme tekijä asioita

870
00:38:30,610 --> 00:38:31,880
muutama psets sitten.

871
00:38:31,880 --> 00:38:34,200
Samoin voisimme
haluavat tämän toteutuvan.

872
00:38:34,200 --> 00:38:37,920
>> Niin huomaa versiossa
kolme search.html olen

873
00:38:37,920 --> 00:38:40,610
siivonnut johtaja
sivu ja vain laittaa

874
00:38:40,610 --> 00:38:43,320
Tässä on linkki tag, joka
toisin kuin nimi,

875
00:38:43,320 --> 00:38:44,700
ei anna sinulle linkin.

876
00:38:44,700 --> 00:38:49,150
Se yhdistää toiseen tiedostoon Poiketen
href jonka arvo on tässä tapauksessa

877
00:38:49,150 --> 00:38:51,586
on haku-3.css

878
00:38:51,586 --> 00:38:52,960
Joten ymmärrän menemme nopeasti.

879
00:38:52,960 --> 00:38:54,600
Mutta kaikki Mulla on sellainen
liikkuvat asiat ympäri.

880
00:38:54,600 --> 00:38:55,760
Saanen avoin haku-3.css.

881
00:38:55,760 --> 00:38:57,114

882
00:38:57,114 --> 00:38:58,530
Siinä se on, ei mitään todella sitä.

883
00:38:58,530 --> 00:39:02,270
Minä vain kopioida ja liittää se uuteen
tiedostoon, aivan kuten me laskelmiin tavaraa ulos

884
00:39:02,270 --> 00:39:03,509
osaksi muita tiedostoja ennen.

885
00:39:03,509 --> 00:39:05,300
Ja result--
täysin underwhelming--

886
00:39:05,300 --> 00:39:06,730
tulee olemaan täsmälleen sama.

887
00:39:06,730 --> 00:39:10,490
Mutta liikumme toward-- Ei, se ei ole.

888
00:39:10,490 --> 00:39:11,930
Voi, tiedän miksi.

889
00:39:11,930 --> 00:39:13,790
>> Niin se näyttää olevan bugi.

890
00:39:13,790 --> 00:39:15,010
Ja se on jossain mielessä.

891
00:39:15,010 --> 00:39:17,730
Mutta haluan avata minun Verkko-välilehti.

892
00:39:17,730 --> 00:39:19,660
Saanen lataa sivu.

893
00:39:19,660 --> 00:39:23,315
Ah, miksi CSS ei sovelleta?

894
00:39:23,315 --> 00:39:26,920
No, CSS-tiedostoa, samoin on
olla kaikkien luettavissa, niin sanotusti.

895
00:39:26,920 --> 00:39:28,440
Ja sekin on nykyisin kielletty.

896
00:39:28,440 --> 00:39:33,760
Joten anna minun tehdä chmod + r
Star dot CSS-- whoops--

897
00:39:33,760 --> 00:39:37,067
olemme dot CSS on vain
tiedostopääte CSS-tiedostoja.

898
00:39:37,067 --> 00:39:38,900
Nyt haluaisin mennä takaisin
selain ja reload.

899
00:39:38,900 --> 00:39:40,910
OK, hieman paremmin.

900
00:39:40,910 --> 00:39:42,282
>> Nyt haluaisin tehdä yhden asian.

901
00:39:42,282 --> 00:39:42,990
In search-4.html.

902
00:39:42,990 --> 00:39:44,550

903
00:39:44,550 --> 00:39:48,220
Minulla on versio, ajattelin vain
oli tapa viileämpi, vaikkakin paljon enemmän

904
00:39:48,220 --> 00:39:48,980
monimutkainen.

905
00:39:48,980 --> 00:39:50,690
Katsotaanpa tulos ensin.

906
00:39:50,690 --> 00:39:52,290
Sulje tämä antaa meille enemmän tilaa.

907
00:39:52,290 --> 00:39:54,275
Muuta tämä etsiä-4, Enter.

908
00:39:54,275 --> 00:39:55,430

909
00:39:55,430 --> 00:39:57,200
>> Ja nyt joukko asioita ovat rikki.

910
00:39:57,200 --> 00:39:59,910
Aion mennä takaisin
minun hakemistoon täällä.

911
00:39:59,910 --> 00:40:04,190
Ja nyt olen juuri menossa tekemään
chmod a + r file--

912
00:40:04,190 --> 00:40:07,450
koska tiedän, että exists-- kutsutaan
logo.gif, joka on kuva.

913
00:40:07,450 --> 00:40:08,590
Ja nyt uudelleen.

914
00:40:08,590 --> 00:40:11,040
Ja wow-- joten nyt olen
melko lähellä, rehellisesti,

915
00:40:11,040 --> 00:40:15,860
pitävän 1999 version Google, ja
rehellisesti, 2014 versio Google,

916
00:40:15,860 --> 00:40:16,360
oikeassa?

917
00:40:16,360 --> 00:40:21,920
>> Joten se on nyt menossa niiden verkkosivuilla,
lopulta, jos etsin kissoille.

918
00:40:21,920 --> 00:40:23,900
Ja se todellakin on.

919
00:40:23,900 --> 00:40:26,410
Mutta mitä minä teen toisin
tässä versiossa 4?

920
00:40:26,410 --> 00:40:28,020
Joten emme kovin pitkään täällä.

921
00:40:28,020 --> 00:40:30,100
Näet tämän ongelman
asettaa seitsemän lopulta.

922
00:40:30,100 --> 00:40:31,350
Mutta huomaa tein muutamia asioita.

923
00:40:31,350 --> 00:40:33,690
>> Esittelin div
tag, joka on jako,

924
00:40:33,690 --> 00:40:35,450
hengeltään samanlainen kappaleen tag.

925
00:40:35,450 --> 00:40:38,220
Mutta jako on aivan kuten täällä on
suorakulmainen näkymätön alue

926
00:40:38,220 --> 00:40:39,150
näytön.

927
00:40:39,150 --> 00:40:41,680
Annetaan sen ainutlaatuinen
tunniste, footer, vain

928
00:40:41,680 --> 00:40:44,700
jotta voimme puhua
se meidän HTML muualla.

929
00:40:44,700 --> 00:40:47,952
Tässä on toinen div sivun
jonka tunnus tulee olemaan sisältöä.

930
00:40:47,952 --> 00:40:49,160
Se on sivun sisältöä.

931
00:40:49,160 --> 00:40:51,090
Ja täällä on otsikossa sivulla.

932
00:40:51,090 --> 00:40:54,960
>> Toisin sanoen, olen
olennaisesti HTML olen henkisesti

933
00:40:54,960 --> 00:40:57,700
Käyttämällä tätä web-sivun
kolme komponenttia, otsikko

934
00:40:57,700 --> 00:41:01,200
täällä tämän näkymättömän suorakulmion,
sisältö keskellä, ja sitten

935
00:41:01,200 --> 00:41:04,800
footer alhaalla, jopa
vaikka emme näe näitä asioita.

936
00:41:04,800 --> 00:41:09,940
Koska haluan minun pään
sivu täällä, tai Css-tiedosto,

937
00:41:09,940 --> 00:41:11,460
Voin käyttää tätä syntaksia.

938
00:41:11,460 --> 00:41:13,070
>> Header ei ole tag.

939
00:41:13,070 --> 00:41:17,060
Se on tunnus niin se kääntyy
että tekemällä #header,

940
00:41:17,060 --> 00:41:20,840
Voin nyt hakea yhtä tai useampaa
ominaisuuksia otsikkoa.

941
00:41:20,840 --> 00:41:24,130
Voin tehdä sama sisältö,
sama sisältö tänne.

942
00:41:24,130 --> 00:41:27,230
>> Joten Esimerkiksi footer, ilmoitus
kaikki nämä ominaisuudet olen lisäämällä.

943
00:41:27,230 --> 00:41:30,660
Ja tiedän, että ne ovat olemassa vain lukemalla
ylös asiakirjat CSS.

944
00:41:30,660 --> 00:41:33,450
Fonttikoko tulee olemaan smaller--
joten jotkut suhteellinen kirjasinkoko.

945
00:41:33,450 --> 00:41:34,741
Paino tulee olemaan rohkea.

946
00:41:34,741 --> 00:41:37,340
Margin-- kuinka monta pikseliä
noin it-- on 20 pikseliä.

947
00:41:37,340 --> 00:41:38,590
Ja se tulee olemaan keskitetty.

948
00:41:38,590 --> 00:41:40,256
>> Mutta juuri nyt, sivu näyttää tältä.

949
00:41:40,256 --> 00:41:42,840
Jos en ole tyytyväinen
Oma kopio oikeassa,

950
00:41:42,840 --> 00:41:46,560
Voisin tehdä jotain punaista väriä.

951
00:41:46,560 --> 00:41:50,570
Ja sitten voin tallentaa, ladata,
ja nyt olen tyylitelty footer.

952
00:41:50,570 --> 00:41:54,130
Joten tämä on vain vihjaten teho
mitä voit tehdä web-sivun

953
00:41:54,130 --> 00:41:55,510
kohentaa tilannetta esityksillään.

954
00:41:55,510 --> 00:41:59,080
>> Ja vielä siistimpi kuin tämä, jos haluat
penkoa todellisia sivustot,

955
00:41:59,080 --> 00:42:00,810
et voi pysyvästi muuttaa niitä.

956
00:42:00,810 --> 00:42:03,640
Mutta jos minä avata
Chromen Inspector uudelleen

957
00:42:03,640 --> 00:42:07,610
ja minä mene vasemmalle puolelle
täällä, joka osoittaa Facebookin HTML,

958
00:42:07,610 --> 00:42:11,380
mutta näyttää oikealla
puolella kaikki sen CSS,

959
00:42:11,380 --> 00:42:13,789
voit joko ja
muuttaa asioita lennossa.

960
00:42:13,789 --> 00:42:15,080
Joten anna minun mennä eteenpäin ja tehdä tätä.

961
00:42:15,080 --> 00:42:18,670
>> Anna minun mennä eteenpäin ja ohjaus
klikkaa tätä satunnainen sana täällä,

962
00:42:18,670 --> 00:42:21,230
allekirjoittaa, ja valitse Tarkista Element.

963
00:42:21,230 --> 00:42:25,130
Chrome kätevästi hyppää
H1 tag että Facebook käyttää.

964
00:42:25,130 --> 00:42:27,290
Ja huomaa täällä Facebook
on sellainen laiskasti

965
00:42:27,290 --> 00:42:29,960
kovakoodattu kirjasinkokoa kuin omaisuuden täällä.

966
00:42:29,960 --> 00:42:33,530
>> Niin cool juttu kuitenkin on
että jos minä itse mennä tänne

967
00:42:33,530 --> 00:42:39,560
ja sanoa, oh, Facebook, en pidä että
64 pikseliä, voimme nyt muuttaa Facebook.

968
00:42:39,560 --> 00:42:42,590
Tietenkin me vain muuttaa sitä
minulle henkilökohtaisesti tällä hetkellä.

969
00:42:42,590 --> 00:42:45,150
Mutta tämä on vain yksi
työkalu meidän työkalusarja

970
00:42:45,150 --> 00:42:48,360
että menee jotta voimme nipistää
ja selvittää ja myös diagnosoimaan

971
00:42:48,360 --> 00:42:49,729
asioita omassa web-sivuja.

972
00:42:49,729 --> 00:42:52,270
Ja voisimme samalla mennä yli
täällä, mikä on sama asia.

973
00:42:52,270 --> 00:42:55,830
Jos todella haluat saada fancy, I
Tarkoitan, nyt voit todella muuntua sivu

974
00:42:55,830 --> 00:42:57,380
ja tehdä hulluja asioita.

975
00:42:57,380 --> 00:42:59,870
>> Miksi tämä kaikki hyödyllinen?

976
00:42:59,870 --> 00:43:02,330
No, loppujen lopuksi, me olemme
menossa haluavat olla

977
00:43:02,330 --> 00:43:07,110
osaa luoda web-sivuja, jotka
ohjaavat oman takapäiden,

978
00:43:07,110 --> 00:43:10,520
eikä vain Googlen ja
ulkoistaminen loppupäätä siellä.

979
00:43:10,520 --> 00:43:13,510
Haluammeko todella
arvo, esimerkiksi

980
00:43:13,510 --> 00:43:18,830
meidän hakukoneen toiminta
Yhdistän mennä olemaan joku muu,

981
00:43:18,830 --> 00:43:24,270
mutta jotain search.php,
jossa search.php on meidän oma palvelin,

982
00:43:24,270 --> 00:43:25,670
ei jonkun toisen.

983
00:43:25,670 --> 00:43:30,316
>> Ja niin sinne, me oikeastaan
otettava käyttöön uusi kieli.

984
00:43:30,316 --> 00:43:33,190
Joten olemme jo tutustunut yhden uuden
kieli täällä, tai kaksi todella, HTML

985
00:43:33,190 --> 00:43:33,700
ja CSS.

986
00:43:33,700 --> 00:43:36,330
Mutta ne todella ovat vain
rakenteellisia ja esteettisiä kielillä.

987
00:43:36,330 --> 00:43:38,360
He eivät ohjelmointi
kielet sinänsä.

988
00:43:38,360 --> 00:43:41,160
Ja se on suunnilleen yhtä paljon virallisia
kun vietämme niitä.

989
00:43:41,160 --> 00:43:44,910
Koska alamme nyt
siirtyäkseen PHP.

990
00:43:44,910 --> 00:43:48,160
>> Joten PHP on todellinen
ohjelmointikieli.

991
00:43:48,160 --> 00:43:50,750
Se on skriptikieli
siinä mielessä, että se on

992
00:43:50,750 --> 00:43:52,855
tarkoitus olla kevyempi
kuin jotain C.

993
00:43:52,855 --> 00:43:56,082
Ja se on tulkittu kieli,
mikä tarkoittaa että se ei ole koottu.

994
00:43:56,082 --> 00:43:58,790
Joten pähkinänkuoressa, mitä se merkitsi
kun käytimme kieltä kuten C

995
00:43:58,790 --> 00:44:00,290
ja meidän piti kääntää sen?

996
00:44:00,290 --> 00:44:02,120
Mitä tarkoittaa se, että
kääntää C-lähdekoodia?

997
00:44:02,120 --> 00:44:03,864

998
00:44:03,864 --> 00:44:04,780
Yleisö: [kuulumaton].

999
00:44:04,780 --> 00:44:06,184
DAVID J MALAN: Sano se uudestaan?

1000
00:44:06,184 --> 00:44:07,100
Yleisö: [kuulumaton].

1001
00:44:07,100 --> 00:44:07,962

1002
00:44:07,962 --> 00:44:08,920
DAVID J MALAN: Perfect.

1003
00:44:08,920 --> 00:44:10,180
Se kääntyy binary.

1004
00:44:10,180 --> 00:44:14,200
Se kääntyy nollia ja ykkösiä
varsinaisista Englanti-kuin lähdekoodia.

1005
00:44:14,200 --> 00:44:16,424
Ja sitten voimme todella
ajaa näitä nollia ja ykkösiä

1006
00:44:16,424 --> 00:44:18,840
viemällä ne läpi
CPU tuplaklikkaamalla kuvaketta

1007
00:44:18,840 --> 00:44:19,980
tai käynnissä komennolla.

1008
00:44:19,980 --> 00:44:23,770
>> PHP ja Python ja Ruby
ja Perl ja JavaScript

1009
00:44:23,770 --> 00:44:26,250
ja rypäleterttuja muut
kielet tulkitaan

1010
00:44:26,250 --> 00:44:29,290
kielillä, toisin sanoen
et kokoamisessa.

1011
00:44:29,290 --> 00:44:34,220
Pikemminkin olet ruokkia niitä syötteenä
ohjelma nimeltä tulkki.

1012
00:44:34,220 --> 00:44:36,640
Ja että tulkki,
jonka joku muu kirjoitti,

1013
00:44:36,640 --> 00:44:40,930
lukee lähdekoodin ylhäältä alas,
vasemmalta oikealle ja vain tulkitsee

1014
00:44:40,930 --> 00:44:43,000
nämä linjat ja tekee mitä sanot.

1015
00:44:43,000 --> 00:44:45,360
>> Joten jos törmäät
Siinä lukee Print,

1016
00:44:45,360 --> 00:44:48,660
se ei välttämättä muuntaa Tulosta
vastaavaksi nollia ja ykkösiä.

1017
00:44:48,660 --> 00:44:51,910
Se vain on tämä tulkki kuten
iso jos ehto, joka sanoo,

1018
00:44:51,910 --> 00:44:56,110
jos ohjelmoijan opetusta
Tulosta, niin toimi seuraavasti.

1019
00:44:56,110 --> 00:44:58,170
Niin se tulkitsee sen vain
jonka logiikkaa

1020
00:44:58,170 --> 00:44:59,800
läpi mitä kerrot sen tehdä.

1021
00:44:59,800 --> 00:45:01,320
>> Ja PHP on yksi näistä kielistä.

1022
00:45:01,320 --> 00:45:05,310
Ja PHP vuotta sitten oli suunniteltu
Juuri web ohjelmointi.

1023
00:45:05,310 --> 00:45:08,160
Ja se oli alun perin
erittäin huolimaton sotkuinen kieltä.

1024
00:45:08,160 --> 00:45:10,940
Ja todellakin, siellä on valtava
määrä huono PHP siellä.

1025
00:45:10,940 --> 00:45:13,520
Mutta itse kielen
on kypsynyt vuosien varrella,

1026
00:45:13,520 --> 00:45:16,200
niin paljon, että nyt se on
todella ihana seuraavaan vaiheeseen

1027
00:45:16,200 --> 00:45:19,970
pedagogisesti C: ltä, koska se on
niin darned tuttu kaiken

1028
00:45:19,970 --> 00:45:22,380
olet juuri nähneet viime viikkoina.

1029
00:45:22,380 --> 00:45:25,724
>> Yksi alkuperäisestä erosta näemme
ei ole mitään päätehtävä enää.

1030
00:45:25,724 --> 00:45:28,890
Kun aloitat kirjoittaa koodia, se on vain
menossa toteutetaan mitä tahansa,

1031
00:45:28,890 --> 00:45:30,220
kuten tulemme näkemään hetken.

1032
00:45:30,220 --> 00:45:33,320
Samaan aikaan, tässä mitä
muuttuja näyttää PHP.

1033
00:45:33,320 --> 00:45:35,840
Se on vähän erilainen,
mutta vain hädin tuskin.

1034
00:45:35,840 --> 00:45:39,380
>> PHP, siellä ei ole vahva tyypitys.

1035
00:45:39,380 --> 00:45:41,430
On viikko kirjoittamista,
mikä tarkoittaa vain sitä, että

1036
00:45:41,430 --> 00:45:44,030
ovat tietotyyppejä kuten jouset
ja numeroita ja muita asioita.

1037
00:45:44,030 --> 00:45:47,030
Mutta et vaivaudu täsmennetään
mitä ne ovat enää.

1038
00:45:47,030 --> 00:45:48,980
PHP luvut sitä sinulle.

1039
00:45:48,980 --> 00:45:52,030
Dollarin merkki on vain päätös
että PHP ihmiset tekivät vuoden

1040
00:45:52,030 --> 00:45:54,890
sitten niin, että mikä tahansa muuttujan PHP
vain alkaa dollarin merkki.

1041
00:45:54,890 --> 00:45:58,130
Se on oikeastaan ​​eräänlainen hyödyllinen,
se hyppää ulos sinua hieman.

1042
00:45:58,130 --> 00:46:01,315
>> Mutta sen jälkeen, tämä
on edellytys PHP.

1043
00:46:01,315 --> 00:46:03,140

1044
00:46:03,140 --> 00:46:04,730
Mikä on erilaista verrattuna C?

1045
00:46:04,730 --> 00:46:07,180

1046
00:46:07,180 --> 00:46:09,600
Huijata question-- mitään,
joka on oikeastaan ​​todella mukavaa.

1047
00:46:09,600 --> 00:46:12,140
Boolen lausekkeet PHP-- sama.

1048
00:46:12,140 --> 00:46:19,354
Boolen kanssa ja vastaan
tai, kytkimet, silmukat, silmukat, loops-- OK,

1049
00:46:19,354 --> 00:46:20,270
tämä on erilainen.

1050
00:46:20,270 --> 00:46:22,660
>> Joten se kääntyy pois siellä
pari muita ominaisuuksia PHP.

1051
00:46:22,660 --> 00:46:25,243
Yksi niistä on itse asiassa tämän,
joka on ihanan kätevä.

1052
00:46:25,243 --> 00:46:29,250
Jos $ numerot on joukko, joka olet
julisti aiemmin ohjelmaan,

1053
00:46:29,250 --> 00:46:33,350
sinulla on tämä fancy kullekin rakenteelle
että sen sijaan, että tekee kaiken tuon

1054
00:46:33,350 --> 00:46:37,020
harmittaa I on yhtä kuin 0, I on
vähemmän kuin tämä, [? I ++?]

1055
00:46:37,020 --> 00:46:40,320
kunkin numerot numero, jossa jokainen
Näiden dollarin merkki arvoja on vain

1056
00:46:40,320 --> 00:46:42,790
muuttuja, ja jälkimmäinen
voit ajatella kuin I.

1057
00:46:42,790 --> 00:46:44,290
Voisit soittaa sitä mitä haluat.

1058
00:46:44,290 --> 00:46:45,770
Kutsuin sitä määrää.

1059
00:46:45,770 --> 00:46:48,825
Tämä on menossa kerrata yli
array soittanut.

1060
00:46:48,825 --> 00:46:51,200
Ja jokaisen iteraation, se on
menossa päivittää automaattisesti

1061
00:46:51,200 --> 00:46:54,340
sinulle dollarin merkki numero
muuttuvan niin, että olet jatkuvasti

1062
00:46:54,340 --> 00:46:58,210
pääsevät haluamasi muuttuja
ilman tehdä mitään hakasulkeen

1063
00:46:58,210 --> 00:47:00,980
merkintää tai indeksointivaiheen array.

1064
00:47:00,980 --> 00:47:04,950
>> Tämän lisäksi meillä on jopa asioita, kuten
taulukot, jotka näyttävät lähes sama,

1065
00:47:04,950 --> 00:47:08,210
paitsi se on hyvin yleinen, kuten tulemme
katso, niin PHP ja JavaScript

1066
00:47:08,210 --> 00:47:10,750
pre alustaa array
hakasulkuja käyttämällä.

1067
00:47:10,750 --> 00:47:12,040
C käyttää aaltosulkeita.

1068
00:47:12,040 --> 00:47:15,330
Joten se on hieman erilainen, vaikka
emme oikeastaan ​​käytä, että temppu paljon.

1069
00:47:15,330 --> 00:47:20,090
>> Mutta vieläkin voimallisemmin,
PHP on assosiatiivinen paneelit,

1070
00:47:20,090 --> 00:47:23,100
joka on hieno tapa
sanoa hash taulukoita.

1071
00:47:23,100 --> 00:47:31,610
Itse asiassa, jos haluat julistaa hash
taulukon PHP, toisin kuin C-- kuinka monta

1072
00:47:31,610 --> 00:47:34,775
riviä koodia se kestää
todella toteuttaa hash taulukon C?

1073
00:47:34,775 --> 00:47:38,310
Tai kuinka monta riviä koodia on se
ottaen toteuttaa hash taulukon C?

1074
00:47:38,310 --> 00:47:39,820
Joten se on luultavasti paljon, eikö?

1075
00:47:39,820 --> 00:47:41,680
Se on muutamia kymmeniä, ehkä 100 tai 200.

1076
00:47:41,680 --> 00:47:42,980
Se on triviaali.

1077
00:47:42,980 --> 00:47:45,420
Tai se on noin olla, koska
sinun pian nähdä, triviaali

1078
00:47:45,420 --> 00:47:48,080
toteuttaa tiiviste
[Kuultavissa] ja myös kokeilla.

1079
00:47:48,080 --> 00:47:50,580
Mutta PHP--, enkä suoraan sanottuna
luultavasti ei pitäisi kertoa tätä

1080
00:47:50,580 --> 00:47:53,630
kunnes Monday-- PHP, jos
Haluatko pöytä, tehty.

1081
00:47:53,630 --> 00:47:56,431
Se hash table-- niin
yhdellä rivillä koodia.

1082
00:47:56,431 --> 00:47:56,930
Ja

1083
00:47:56,930 --> 00:47:58,810
>> Paljon kielet tehdä.

1084
00:47:58,810 --> 00:48:00,190
Hauskaa PSET viisi.

1085
00:48:00,190 --> 00:48:01,980
Niin paljon kieliä tehdä tämän.

1086
00:48:01,980 --> 00:48:03,050

1087
00:48:03,050 --> 00:48:06,140
Ne antavat sinulle näitä abstraktioita
että muut ihmiset, muut ohjelmoijat,

1088
00:48:06,140 --> 00:48:09,870
luoneet sinulle niin, että
voit seistä heidän harteillaan

1089
00:48:09,870 --> 00:48:13,290
ja alkaa käyttää ideoita, jotka ovat erittäin
pakottavia, kuten hash taulukoita ja puita

1090
00:48:13,290 --> 00:48:14,140
ja yrittää.

1091
00:48:14,140 --> 00:48:17,790
Mutta sinun ei välttämättä tarvitse
toteuttaa näitä asioita itse.

1092
00:48:17,790 --> 00:48:20,850
>> Ja niin lopulta, mitä
aiomme käyttää PHP

1093
00:48:20,850 --> 00:48:23,580
on mahdollisesti kirjallisesti ohjelmat
on ns komentorivi.

1094
00:48:23,580 --> 00:48:26,600
Voisimme luoda jokainen ohjelma
olemme kirjoittanut tämän lukukauden toistaiseksi,

1095
00:48:26,600 --> 00:48:30,410
paitsi ehkä Breakout, joka käyttää SPL,
joka on spesifinen C tällä hetkellä.

1096
00:48:30,410 --> 00:48:33,100
Mutta joka toinen ongelma asetettu,
varmasti Mario ja Caesar

1097
00:48:33,100 --> 00:48:35,300
ja Vigenere ja
[? Crack?] Ja eteenpäin, me

1098
00:48:35,300 --> 00:48:39,520
voisi uudelleen toteuttaa PHP, ja
todennäköisesti hieman helpommin.

1099
00:48:39,520 --> 00:48:43,050
>> Mutta mitä me loppujen lopuksi menossa
käyttää PHP on web-ohjelmointia.

1100
00:48:43,050 --> 00:48:46,420
Ja aiomme esitellä seuraavalle
viikko henkinen malli, paradigma nimeltään

1101
00:48:46,420 --> 00:48:49,610
MVC, malli näkymä-ohjain,
jotka, jos olet tehnyt ohjelmointi

1102
00:48:49,610 --> 00:48:51,610
ennen Python tai
Ruby tai muualla, voit

1103
00:48:51,610 --> 00:48:54,112
voisi tietää tämän joukkueen kanssa
Kiskot ja Django ja vastaavat.

1104
00:48:54,112 --> 00:48:55,820
Mutta jos olet uusi
tämäkin, näet

1105
00:48:55,820 --> 00:48:59,652
että tämä on itse asiassa hyvin luonnollinen
laajentaminen factorization

1106
00:48:59,652 --> 00:49:01,360
ja tavallaan suunnittelu
koodia, että olemme

1107
00:49:01,360 --> 00:49:04,670
tehnyt C. Menemme nyt
soveltaa joitakin niistä oppitunteja PHP

1108
00:49:04,670 --> 00:49:07,190
niin että loppujen lopuksi olemme
täytäntöön omat sivustot.

1109
00:49:07,190 --> 00:49:09,080
Ja jos olet tavallaan
mesmerised tai hämmästynyt

1110
00:49:09,080 --> 00:49:10,954
että aiomme tehdä
kaikki niin nopeasti,

1111
00:49:10,954 --> 00:49:13,410
ymmärtää, että lähes jokainen
lukukausi, lähes 90%

1112
00:49:13,410 --> 00:49:16,560
opiskelijat CS50, mukaan lukien
jotka eivät ole koskaan ohjelmoitu aiemmin,

1113
00:49:16,560 --> 00:49:20,329
päätyä tekemään lopullinen hankkeita,
perustuvat web-ohjelmointia.

1114
00:49:20,329 --> 00:49:23,120
Ja niin näet, että tuotto
ovat korkeat tulevina viikkoina.

1115
00:49:23,120 --> 00:49:24,965
Joten me nähdään sitten maanantaina.

1116
00:49:24,965 --> 00:49:27,260

1117
00:49:27,260 --> 00:49:30,120
>> SPEAKER 1: Ja nyt, Deep
Ajatukset Daven Farnham.

1118
00:49:30,120 --> 00:49:34,055

1119
00:49:34,055 --> 00:49:34,780
Hash taulukoita.

1120
00:49:34,780 --> 00:49:37,180

1121
00:49:37,180 --> 00:49:38,402
>> [Naurua]

1122
00:49:38,402 --> 00:49:38,902