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

2
00:00:11,470 --> 00:00:12,764
>> SPEAKER 1: Kaikki, oikea tervetuloa takaisin.

3
00:00:12,764 --> 00:00:14,140
Tämä on CS50.

4
00:00:14,140 --> 00:00:16,800
Ja tämä on alku viikolla yhdeksän.

5
00:00:16,800 --> 00:00:19,960
Ja tämä on alku muualla
aikaasi CS50, jossa me

6
00:00:19,960 --> 00:00:23,170
siirtyminen nyt lopuksi web
osa kurssin, jossa voit

7
00:00:23,170 --> 00:00:26,200
huomaamaan, että monet perustekijät, että
olemme vieneet viikkoja

8
00:00:26,200 --> 00:00:29,270
vielä tulla takaisin käymään,
tai kummittelemaan, meille.

9
00:00:29,270 --> 00:00:33,440
Mutta nyt, huomaat, että se on
suuruusluokkaa helpompi

10
00:00:33,440 --> 00:00:36,540
suorittaa tiettyjä tehtäviä ja
ratkaista tiettyjä ongelmia -

11
00:00:36,540 --> 00:00:41,050
niin paljon, että vaikka luulit
tietty ongelma sarjaa oli hauskaa heidän

12
00:00:41,050 --> 00:00:44,200
omalla tavallaan, uskon että löydät
että p asettaa 7, s. asetettu 8, ja sitten,

13
00:00:44,200 --> 00:00:47,990
lopulta opinnäytetyön tulee
sitäkin ilahduttavaa, koska sinun

14
00:00:47,990 --> 00:00:51,830
huomaamaan, että alamme itsestäänselvyytenä
nyt asioita, kuten muistin hallinta, ja

15
00:00:51,830 --> 00:00:54,190
osoittimet, ja mitä tapahtuu
on alla huppu.

16
00:00:54,190 --> 00:00:57,310
Ja vielä, temaattinen, kaikki koko
lukukausi on ollut tähän kerrospukeutuminen

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

18
00:00:58,030 --> 00:01:00,530
Ja nyt olemme tavallaan jopa
täällä, seisoo

19
00:01:00,530 --> 00:01:01,930
olkapäät viikkoa aiemmin.

20
00:01:01,930 --> 00:01:05,360
>> Nyt muistamme viimeinen kerta, kun
puhui siitä, miten internet toimi.

21
00:01:05,360 --> 00:01:08,120
Ja tämä oli ehkä
yksinkertaistava, mutta muista, että

22
00:01:08,120 --> 00:01:12,960
jokainen tietokone maailmassa on IP
puuttua, vaikka se on hieman

23
00:01:12,960 --> 00:01:14,570
yksinkertaistava edelleen.

24
00:01:14,570 --> 00:01:18,180
Ja ne osoitteita käytetään yksilöllisesti
tunnistaa koneet niin, että

25
00:01:18,180 --> 00:01:22,010
kun lähetät tietoja tai paketteja,
niin sanotusti, ne voivat olla peräisin

26
00:01:22,010 --> 00:01:24,000
osoite ja kohdeosoite.

27
00:01:24,000 --> 00:01:27,830
Ja nämä samat IP-osoitteita voidaan käyttää
niin hyvässä kuin myös pahaan,

28
00:01:27,830 --> 00:01:29,270
seurata sinua, esimerkiksi.

29
00:01:29,270 --> 00:01:32,200
Itse asiassa jokainen teistä kannettavan
Avaa nyt tai puhelinta

30
00:01:32,200 --> 00:01:35,070
taskussa, on IP-osoite
on Harvardin verkkoon.

31
00:01:35,070 --> 00:01:39,120
Ja se ei ole kovin vaikeaa
korreloivat, että kuka ja missä

32
00:01:39,120 --> 00:01:40,180
ovat näinä päivinä.

33
00:01:40,180 --> 00:01:42,090
Mutta siitä lisää ehkä
tulevaisuudessa.

34
00:01:42,090 --> 00:01:46,510
>> Nyt ajattelin tuoda takaisin joitakin
muistoja [? parantaa?] ja antaa sinulle

35
00:01:46,510 --> 00:01:49,360
toinen klippi näyttää
ehkä tuttuja.

36
00:01:49,360 --> 00:01:52,710
Jos voisimme himmentää valoja
vain muutaman sekunnin.

37
00:01:52,710 --> 00:01:53,960
Show Num3rot.

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

39
00:01:57,510 --> 00:02:00,540
>> SPEAKER 2: Se on 32-bittinen IPP4 osoite.

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

41
00:02:01,610 --> 00:02:02,968
>> SPEAKER 2: Yksityinen verkko.

42
00:02:02,968 --> 00:02:04,960
Voit Amita yksityisen verkon.

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

44
00:02:16,930 --> 00:02:19,602
Hän on niin ihmeellinen.

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

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

47
00:02:21,490 --> 00:02:22,470
Peili IP-osoite.

48
00:02:22,470 --> 00:02:27,680
Hän antaa meidän katsoa mitä
hän tekee reaaliajassa.

49
00:02:27,680 --> 00:02:30,930
>> SPEAKER 1: OK, joten muutamia asioita
vikaa tässä kuvassa.

50
00:02:30,930 --> 00:02:32,920
Joten yksi, ja tämä on hyväksyttävää,
tämä on todella

51
00:02:32,920 --> 00:02:34,400
ei ole kelvollinen IP-osoite.

52
00:02:34,400 --> 00:02:38,190
Kelvollinen IP-osoite on oltava numerot
muotoa w.x.y.z, jossa kukin

53
00:02:38,190 --> 00:02:40,000
nämä kirjeet on 0-255.

54
00:02:40,000 --> 00:02:42,330
Mutta se on hienoa, koska aivan kuten
elokuvia, joissa he fake puhelinnumeroita,

55
00:02:42,330 --> 00:02:43,520
ne väärennös IP-osoitteita.

56
00:02:43,520 --> 00:02:45,230
Sinun ei itse lyödä todellinen palvelimia.

57
00:02:45,230 --> 00:02:46,760
>> Mutta huomatkaa, tämä on selain.

58
00:02:46,760 --> 00:02:50,760
Ja selaimet eivät aloita syöttöä
tietokone-koodi näin.

59
00:02:50,760 --> 00:02:54,230
Ja jos katsomme hieman syvemmälle, huomaat
että kieli että he näkevät

60
00:02:54,230 --> 00:02:57,040
ruudulla on kieli nimeltään
Tavoite C, joka on kieli

61
00:02:57,040 --> 00:02:59,520
jonka iPhone apps on kirjoitettu,
erityisesti ne, joissa

62
00:02:59,520 --> 00:03:03,540
väriliidut, kuten näette
lähdekoodia tästä.

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

64
00:03:06,600 --> 00:03:07,560
>> OK, ajattelin, että tämä oli hauska.

65
00:03:07,560 --> 00:03:12,240
Joten tämä koodinpätkä on ehdottoman
mitään tekemistä mitä tämän

66
00:03:12,240 --> 00:03:13,940
Erityisesti episodi oli noin.

67
00:03:13,940 --> 00:03:17,590
Joten vitsi on tavallaan on oikeesti
ottaen tässä myönnetty.

68
00:03:17,590 --> 00:03:20,220
Mutta tämä ei ole kovin vaikea saada
nämä tekniset yksityiskohdat oikeassa.

69
00:03:20,220 --> 00:03:21,980
Ja haluan kannustaa teitä.

70
00:03:21,980 --> 00:03:25,530
Ja oikeastaan ​​50 saattaa hyvinkin pilata
paljon TV-ohjelmia ja elokuvia tai et

71
00:03:25,530 --> 00:03:27,320
koska huomaat, että se on vain
ei ole mahdollista, mitä he

72
00:03:27,320 --> 00:03:28,630
tekee ruudulla.

73
00:03:28,630 --> 00:03:31,750
Mutta tosiaan, tämä on koodi, joka
voisi nähdä sen iPhone-sovellus

74
00:03:31,750 --> 00:03:33,640
tai Mac OS-sovellus.

75
00:03:33,640 --> 00:03:35,685
Sillä ei ole mitään ollenkaan
tekemistä turvallisuuden kanssa.

76
00:03:35,685 --> 00:03:38,610
Joten pitää silmällä enemmän
niin hauskaa tuollaista.

77
00:03:38,610 --> 00:03:42,720
>> Mutta tänään alamme sukeltaa todella
syvästi monenlaisia ​​kieliä.

78
00:03:42,720 --> 00:03:45,410
Eräs kattavana
noutoruokapaikkoja tämän osan

79
00:03:45,410 --> 00:03:51,815
Kurssi ei ole oppia ohjelmoimaan
PHP, ei oppia SQL sinänsä ole

80
00:03:51,815 --> 00:03:58,100
oppia JavaScript sinänsä, vaan pikemminkin
opettaa itse, miten opettaa

81
00:03:58,100 --> 00:04:02,030
itse uusia kieliä, koska todellakin,
alamme ottaa nyt

82
00:04:02,030 --> 00:04:06,020
apupyörät pois niin, että kun
Kurssin lopussa, et odota 20

83
00:04:06,020 --> 00:04:08,890
sivu erittely kertoa miten
toteuttaa joitakin ohjelman.

84
00:04:08,890 --> 00:04:12,970
Sinulla on tarpeeksi ainesosia oman
mieli, ja tarpeeksi välineitä oman työkalun

85
00:04:12,970 --> 00:04:15,750
pakki, jolla alkaa rakentaa
ratkaisuja ongelmiin kiinnostaa

86
00:04:15,750 --> 00:04:19,130
jostain opiskelijoiden ryhmä, joidenkin
tutkimushanke, tai oikeastaan ​​mitään

87
00:04:19,130 --> 00:04:20,140
kiinnostaa sinua.

88
00:04:20,140 --> 00:04:24,150
>> Joten kohti tätä varten muistaa, että tämä oli
Kuvassa veti sen viimeisen kerran.

89
00:04:24,150 --> 00:04:27,620
Ja tämä on kaksi tietokonetta, asiakkaan ja
katkaista, puhuvat toisilleen.

90
00:04:27,620 --> 00:04:31,130
Ja protokolla, kielen, niin
puhua, että nämä kaksi tietokonetta tapahtua

91
00:04:31,130 --> 00:04:33,220
puhuvansa kutsutaan HTTP.

92
00:04:33,220 --> 00:04:37,730
Ja tämä on vain käyttämä protokolla
tietokoneet siirtämään informaatiota

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

94
00:04:38,710 --> 00:04:41,770
Web, on tietenkin vain yksi palvelu
joka toimii päälle

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

96
00:04:43,000 --> 00:04:48,660
Mikä on toinen palvelu saatavilla
päälle Internetissä näinä päivinä?

97
00:04:48,660 --> 00:04:51,600
Jotkut muut protokollaa tai - mikä se on?

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

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

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

101
00:04:54,630 --> 00:04:56,050
Useimmat teistä luultavasti ole käyttänyt sitä.

102
00:04:56,050 --> 00:04:58,830
Mutta useimmat varmaan käyttää
asioita, kuten Gchat tai instant

103
00:04:58,830 --> 00:05:00,970
Viestit yleisemmin
varmasti sähköpostitse.

104
00:05:00,970 --> 00:05:04,470
Ja nekin, ovat palvelut, jotka toimivat
päälle Internetissä, koska kello

105
00:05:04,470 --> 00:05:08,180
Päivän päätteeksi, internet itse
oikeastaan ​​vain saada tietoa paikasta A

106
00:05:08,180 --> 00:05:12,480
piste B. Ja se käyttää useita
hiukkaset itsessään, joista yksi tai kaksi

107
00:05:12,480 --> 00:05:17,340
niistä yleisimmin kutsutaan TCP / IP,
mikä tarkoittaa sitä, että yksi tietokone

108
00:05:17,340 --> 00:05:19,960
Internetissä voi todella tehdä
eri asioita, sähköposti,

109
00:05:19,960 --> 00:05:20,980
ja web, ja niin edelleen.

110
00:05:20,980 --> 00:05:22,220
Google tekee paljon tätä.

111
00:05:22,220 --> 00:05:26,310
Joten kuinka nämä palvelut yksilöllisesti
tunnistettu, ei sanomme, tietokoneen

112
00:05:26,310 --> 00:05:29,080
että saattaisi olla tekemässä
useita asioita?

113
00:05:29,080 --> 00:05:29,860
>> Portin numero.

114
00:05:29,860 --> 00:05:34,180
Ja nämä ovat vain mielivaltaisia ​​ihmisen
yleissopimukset, kuten 80 on web, 443

115
00:05:34,180 --> 00:05:36,580
salattu web, 25 on sähköposti.

116
00:05:36,580 --> 00:05:38,230
Ja siellä on läjäpäin muita.

117
00:05:38,230 --> 00:05:41,860
Ja nämä luvut ovat yksinkertaisesti sisältyvät
nämä tietopaketit, jotka

118
00:05:41,860 --> 00:05:46,230
virtuaalinen kirjekuori, joka todella
sisälsi pyynnön tai vastauksen.

119
00:05:46,230 --> 00:05:51,300
>> Joten kun palaat vastausta
web, tyypillisesti, et näe mitään

120
00:05:51,300 --> 00:05:54,780
numerot mitään kannalta
tilakoodiksi vastausta.

121
00:05:54,780 --> 00:05:56,770
Et itse nähdä
sisäkorvan toiminnasta

122
00:05:56,770 --> 00:05:58,090
paketit, jotka tulevat takaisin.

123
00:05:58,090 --> 00:05:59,860
Mutta 200 todellakin tarkoittaa OK.

124
00:05:59,860 --> 00:06:01,530
Ja se tarkoittaa, että kaikki on hyvin.

125
00:06:01,530 --> 00:06:02,870
Olet ehkä nähnyt kasan näitä.

126
00:06:02,870 --> 00:06:05,710
Joka on todennäköisesti yleisin
olet nähnyt Webissä?

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

128
00:06:05,980 --> 00:06:07,330
Se vain tarkoittaa, tiedostoa ei löydy.

129
00:06:07,330 --> 00:06:08,270
Se tarkoittaa, että joku mokasi.

130
00:06:08,270 --> 00:06:11,450
Teit by kirjoitusvirheet URL, tai joku
muu teki antamalla sinulle

131
00:06:11,450 --> 00:06:15,100
virheellinen URL, tai ne poistetaan
tiedoston ja URL on vielä

132
00:06:15,100 --> 00:06:16,130
käyttävät ihmiset.

133
00:06:16,130 --> 00:06:19,670
Niin monia eri syitä voi selittää
miksi tiedostoa ei löydy.

134
00:06:19,670 --> 00:06:22,990
Ja näet, että tulevina viikkoina,
nämä muut virhekoodit, ja voit

135
00:06:22,990 --> 00:06:24,195
hyödyntää joitakin niistä.

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

137
00:06:25,760 --> 00:06:29,820
Jos saat 500 virhe koodia olet
kirjoitettu, ajatella, että tavallaan

138
00:06:29,820 --> 00:06:33,290
analogi seg viat
maailman web ohjelmointi.

139
00:06:33,290 --> 00:06:34,560
Se ei ole aivan niin huono.

140
00:06:34,560 --> 00:06:36,660
Mutta se tarkoittaa vain sitä, että jossain,
mokasit.

141
00:06:36,660 --> 00:06:38,260
Joten odotan niitä.

142
00:06:38,260 --> 00:06:39,910
>> Mutta katsotaanpa, jos voimme
katso niitä asiayhteydessään.

143
00:06:39,910 --> 00:06:43,460
Anna minun mennä selaimen täällä
ja toimi seuraavasti.

144
00:06:43,460 --> 00:06:45,710
Joten tämä on Chrome, joka sattuu
asennettava laite.

145
00:06:45,710 --> 00:06:49,410
Mutta useimmat jokainen selain näinä päivinä on
joitakin vastaavia toimintoja.

146
00:06:49,410 --> 00:06:52,610
Aion mennä jopa Chromen valikosta
ja mene Työkalut, ja aion mennä

147
00:06:52,610 --> 00:06:53,990
ja kehitystyökalut.

148
00:06:53,990 --> 00:06:57,040
Ja näet, että tämä pieni paneeli
avautuu ikkunan alareunaan.

149
00:06:57,040 --> 00:07:00,190
Toinen pikakuvakkeen, ollakseni rehellinen, että minä
Yleensä käytän itse on oikealla klikkaa

150
00:07:00,190 --> 00:07:04,370
tai Control napsauta mitä tahansa web
sivu ja vain mennä Tarkasta Element.

151
00:07:04,370 --> 00:07:07,440
Ja se ei vain avaa
tämä on sinulle.

152
00:07:07,440 --> 00:07:10,230
Se avaa myös erityisesti,
Elements osuus on

153
00:07:10,230 --> 00:07:11,430
vasemmalla puolella.

154
00:07:11,430 --> 00:07:12,460
>> Joten olemme tietenkin nähdä Google.

155
00:07:12,460 --> 00:07:13,930
He muuttivat logo tänään.

156
00:07:13,930 --> 00:07:20,200
Mutta jos minä selaa täällä, huomaa
että alle Elements, näet

157
00:07:20,200 --> 00:07:23,460
mitä kutsutaan HTML Hypertext Markup
Kieli, ja tämä on kieli

158
00:07:23,460 --> 00:07:26,000
että tämä ja kaikki web-sivuja,
todella, on kirjoitettu sisään

159
00:07:26,000 --> 00:07:28,950
Mutta se on todella alustettu
meille niin paljon enemmän luettavasti

160
00:07:28,950 --> 00:07:29,970
kuin se normaalisti on.

161
00:07:29,970 --> 00:07:34,810
Itse asiassa, jos minä loitontaa, ja minä sen sijaan
Juuri oikealla painikkeella tai Ctrl Click

162
00:07:34,810 --> 00:07:39,630
klikkaa sivun, ja siirry sitten Näytä
Page Source, tämä on kirjaimellisesti mitä

163
00:07:39,630 --> 00:07:42,150
Google lähetti alas minun selain.

164
00:07:42,150 --> 00:07:46,480
>> Joten jotkut henkilöiden kirjoitti
Google.com käyttää tätä lähdekoodia.

165
00:07:46,480 --> 00:07:47,790
Suurin osa tästä ei ole HTML.

166
00:07:47,790 --> 00:07:49,340
Se on oikeastaan ​​kieli kutsutaan
JavaScript, joka

167
00:07:49,340 --> 00:07:50,880
Tulemme keskiviikkona.

168
00:07:50,880 --> 00:07:55,580
Mutta mitä Chrome, ja mitä jokainen selain
voi tehdä meille, on eräänlainen katso

169
00:07:55,580 --> 00:07:59,610
ohi kaikki häiriötekijöitä
hullu syntaksin ja aseta valkoinen tila

170
00:07:59,610 --> 00:08:02,940
meille, ja jopa syntaksinkorostus,
tai värittäminen asioita meille.

171
00:08:02,940 --> 00:08:06,470
Joten huomaat, että nämä niin sanotut
kehitystyökaluja rakennettu selaimet

172
00:08:06,470 --> 00:08:10,830
tekee elämästä niin, niin paljon helpompaa
koska voit tutustua, tämän valikon kautta

173
00:08:10,830 --> 00:08:13,940
käyttöliittymä, mitä taustalla
lähdekoodi on

174
00:08:13,940 --> 00:08:15,750
tahansa sivulle Internetissä.

175
00:08:15,750 --> 00:08:19,070
Ja todellakin, tämä on yksi
tehokkaita tapoja oppia tekemään

176
00:08:19,070 --> 00:08:22,860
jotain uutta, ainakin jos sivu
ei ole niin monimutkainen kuin hukuttaa, on

177
00:08:22,860 --> 00:08:26,700
alkaa tönäisi ympärillä on HTML, katso
sen ns CSS, jossa tulemme

178
00:08:26,700 --> 00:08:30,310
on aivan yhtä hyvin, saada
ymmärtää, miten se ohjelmoija

179
00:08:30,310 --> 00:08:33,480
toteutettu joitakin erityisesti
ominaisuus sivun.

180
00:08:33,480 --> 00:08:36,530
>> Mutta enemmän teknisesti kiinnostavaa juuri
nyt se tulee olemaan tämän.

181
00:08:36,530 --> 00:08:39,429
Jos menen Verkko-välilehti,
Katsotaanpa nyt tyhjentää.

182
00:08:39,429 --> 00:08:43,429
Aion napsauta pikku
cross symboli täällä, ja sitten

183
00:08:43,429 --> 00:08:45,630
mennä toiseen verkkosivuilla.

184
00:08:45,630 --> 00:08:48,430
Ja olen juuri menossa kirjoittaa
vuonna Facebook.com.

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

186
00:08:51,940 --> 00:08:53,850
Katsotaanpa itse nähdä mitä täällä tapahtuu.

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

188
00:08:55,030 --> 00:08:58,480
Nyt huomaa koko joukko tavaraa vain
ilmestyi tässä pohjalevy, vuonna

189
00:08:58,480 --> 00:09:00,285
Lisäksi web-sivun
esiintyvät alkuun.

190
00:09:00,285 --> 00:09:04,890
Aion vierittää takaisin ylös
Verkko-välilehti täällä, ja aion

191
00:09:04,890 --> 00:09:06,080
klikkaa ensimmäisellä rivillä.

192
00:09:06,080 --> 00:09:10,580
Mitä tämä työkalu aikoo paljastaa meille
on jokainen HTTP-pyyntöjen

193
00:09:10,580 --> 00:09:13,550
että nopeasti vain meni takaisin ja
edestakaisin selain

194
00:09:13,550 --> 00:09:14,930
ja Facebookin palvelimelle.

195
00:09:14,930 --> 00:09:17,830
Ja niin jokainen näistä riviä
edustaa yhden tällaisen pyynnön tai

196
00:09:17,830 --> 00:09:20,970
vaste, yksi tai useampi
ne virtuaalinen kirjekuori.

197
00:09:20,970 --> 00:09:24,080
Tai enemmän rennosti, se on kuin ihminen
kuin henkilö, asiakas

198
00:09:24,080 --> 00:09:26,710
ravintola, pyydä jotain
uudestaan, ja uudestaan, ja uudestaan.

199
00:09:26,710 --> 00:09:29,400
Ja tarjoilija pitää tuo
takaisin yksi kerrallaan.

200
00:09:29,400 --> 00:09:33,850
>> Joten nyt, jos olen zoomata Tämän huomaa
ja tämä on sellainen asia

201
00:09:33,850 --> 00:09:36,600
että olet tervetullut ja kannustettava
pelata omalla, koska me

202
00:09:36,600 --> 00:09:38,150
ei mene läpi kaiken
hyvin yksityiskohtaisesti.

203
00:09:38,150 --> 00:09:40,070
Mutta huomaa siellä
Folkebevægelsen tabs täällä -

204
00:09:40,070 --> 00:09:43,700
Otsikot, Esikatselu, Response,
Evästeet, ja ajoitus.

205
00:09:43,700 --> 00:09:48,280
Olen juuri menossa katsomaan otsikot
nyt, koska nämä ovat vähän

206
00:09:48,280 --> 00:09:53,600
ainesosia sisällä kirjekuori, joka
auttaa tietojen päästä ja paikoista.

207
00:09:53,600 --> 00:09:57,590
>> Joten ensin haluan napsauta tätä, View
Lähde vieressä pyyntöotsikoihin.

208
00:09:57,590 --> 00:10:01,910
On pyynnön, että minun selain,
Chrome, tässä tapauksessa lähetti sisällä

209
00:10:01,910 --> 00:10:02,910
että virtuaalinen kirjekuori.

210
00:10:02,910 --> 00:10:04,800
Muistatte viime viikolla
käsin kirjoittanut sen taas

211
00:10:04,800 --> 00:10:06,380
olevinaan selaimen.

212
00:10:06,380 --> 00:10:09,980
Sitten se muistutti palvelimelle, että se on
etsivät isäntä kutsui

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

214
00:10:10,835 --> 00:10:13,630
Ja sitten on hieman mystistä
tietoa, että me aalto

215
00:10:13,630 --> 00:10:14,830
käsissämme nyt.

216
00:10:14,830 --> 00:10:18,640
>> Mutta jos aloitan selaa nyt
Tämän ikkunan, haluan päästä

217
00:10:18,640 --> 00:10:19,980
vastaus otsikot.

218
00:10:19,980 --> 00:10:23,270
Tämä oli mitä on virtuaalinen
kirjekuori, joka palasi

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

220
00:10:24,095 --> 00:10:27,390
Ja jos valitsen Näytä Lähde vain
nähdä tekstiversion se,

221
00:10:27,390 --> 00:10:28,400
huomata muutamia asioita.

222
00:10:28,400 --> 00:10:32,130
Yksi, Facebook myös puhuu samaa
protokollan versio 1.1 viipymättä.

223
00:10:32,130 --> 00:10:33,390
Joten se on mukavaa.

224
00:10:33,390 --> 00:10:36,820
Mutta tila koodi 301,
muutti pysyvästi.

225
00:10:36,820 --> 00:10:38,880
>> No, missä hitossa Facebook mennä?

226
00:10:38,880 --> 00:10:40,430
Mitä tämä yrittää välittää meille?

227
00:10:40,430 --> 00:10:44,310
No, huomaat täällä on toinen
header kutsutaan Sijainti.

228
00:10:44,310 --> 00:10:51,050
Joten miksi Facebook kertoi minulle, että he
muutti pysyvästi, että URL

229
00:10:51,050 --> 00:10:53,580
vieressä Sijainti?

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

231
00:10:54,962 --> 00:10:56,250
>> Joten se oli minun valintani.

232
00:10:56,250 --> 00:11:00,450
Itse asiassa useimmat meistä harvoin, ehkä,
kirjoita www.whatever.com näinä päivinä.

233
00:11:00,450 --> 00:11:03,390
Mutta näyttää siltä, ​​järjestelmänvalvoja,
kuten Facebookin, voi

234
00:11:03,390 --> 00:11:06,800
määrittää niiden palvelimet siten,
että joko Facebook.com toimii, tai

235
00:11:06,800 --> 00:11:12,450
www.Facebook.com toimii, tai oikeastaan,
tällainen etuliite edessä heidän

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

237
00:11:13,210 --> 00:11:14,500
Joten he ovat tehneet, että meille.

238
00:11:14,500 --> 00:11:16,910
Ja he suuntaavat meitä, luultavasti
joitakin teknisiä,

239
00:11:16,910 --> 00:11:18,100
Joissakin syistä.

240
00:11:18,100 --> 00:11:21,570
He haluavat vain canonicalize
on www.Facebook.com.

241
00:11:21,570 --> 00:11:24,040
>> Mutta se ei ole aivan sitä.

242
00:11:24,040 --> 00:11:28,560
Jos minä selaa täällä, katsotaanpa
katso mitä tapahtuu.

243
00:11:28,560 --> 00:11:30,810
Tämä kertoo minulle me
muutti pysyvästi

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

245
00:11:33,450 --> 00:11:36,620
Joten katsokaamme toisen pyynnön
että minun selain lähettää.

246
00:11:36,620 --> 00:11:40,070
Valitettavasti näyttää siltä, ​​Facebook
on liikkunut uudelleen, koska toinen

247
00:11:40,070 --> 00:11:44,420
pyynnöstä, valitsemalla että URL sijaan,
kertoo sekin, muutti

248
00:11:44,420 --> 00:11:45,010
pysyvästi.

249
00:11:45,010 --> 00:11:48,140
Ja haluaisin selaa täällä
ja vastaus otsikot.

250
00:11:48,140 --> 00:11:51,530
Missä on Facebook mennyt nyt?

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

252
00:11:52,680 --> 00:11:56,130
Joten nyt Facebook on alkanut,
erityisesti senhetkisten

253
00:11:56,130 --> 00:11:59,750
Viime kuukausien tapahtumat, erityisesti ja
myös parin viime vuoden aikana

254
00:11:59,750 --> 00:12:03,670
pakottaa kaikki niiden käyttäjiä, hyvä
tavalla, HTTPS, joka on

255
00:12:03,670 --> 00:12:06,210
turvaamiseksi, vaikka ei täysin turvallinen.

256
00:12:06,210 --> 00:12:10,000
Ja nyt minun sivu, selain on
aio pyytää tämän kolmannen URL.

257
00:12:10,000 --> 00:12:14,710
Ja nyt lopuksi, saamme
muutoin näkymättömät 200 OK.

258
00:12:14,710 --> 00:12:18,830
>> Joten mitä maailmassa tai kaikki
nämä muut rivit tänne.

259
00:12:18,830 --> 00:12:22,630
Olen kirjaimellisesti kirjoitetaan yksi asia, ja minun
selain näyttää pyytäneet kuten

260
00:12:22,630 --> 00:12:23,840
20 joitakin kummallisia asioita.

261
00:12:23,840 --> 00:12:24,640
Mikä se on?

262
00:12:24,640 --> 00:12:25,810
>> Yleisö: Scripts?

263
00:12:25,810 --> 00:12:28,460
>> SPEAKER 1: Scripts, joten muut tiedostot
kirjoitettu kielellä nimeltään

264
00:12:28,460 --> 00:12:30,780
JavaScript, joka taas me ll
nähdä hieman keskiviikkona.

265
00:12:30,780 --> 00:12:32,760
Mitä muuta?

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

267
00:12:33,390 --> 00:12:36,350
Joten jotain kieltä kutsutaan
CSS, jonka näemme nyt vähän.

268
00:12:36,350 --> 00:12:40,690
Gif ja jpeg, ja PNGs ja kuvia,
ja videotiedostot - mitä web-sivun

269
00:12:40,690 --> 00:12:43,280
on on todennäköisesti
tiedoston muodossa.

270
00:12:43,280 --> 00:12:46,750
Ja niin me näemme vasemmalla
puolella on kaikki tiedostot

271
00:12:46,750 --> 00:12:50,280
että Chrome oli ladata,
rekursiivisesti, jos haluatte, jotta

272
00:12:50,280 --> 00:12:52,430
säveltää koko sivun.

273
00:12:52,430 --> 00:12:56,210
>> Joten mitä näimme hetki sitten Google,
jos klikkaan Elements

274
00:12:56,210 --> 00:13:00,470
välilehti, tämä varmasti on HTML,
kieli, joka säveltää tämän sivun.

275
00:13:00,470 --> 00:13:01,890
Mutta siellä on läjäpäin muita asioita.

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

277
00:13:02,640 --> 00:13:04,680
Ei ne siniset-ish
kuvakkeet tuolla.

278
00:13:04,680 --> 00:13:07,610
Ja siellä on muita elementtejä edelleen
sivu, joka itse voisi olla

279
00:13:07,610 --> 00:13:08,610
erillisinä tiedostoina.

280
00:13:08,610 --> 00:13:11,860
>> Joten mitä mukavaa noin selain on, että
se näyttää tällä kielellä aiomme

281
00:13:11,860 --> 00:13:14,690
alkaa kirjoittaa, tai olet jo
aloitti kirjoittamisen P joukko 7, luvut

282
00:13:14,690 --> 00:13:17,970
missä ne tiedostot elää, ja
menee ja nappaa niitä.

283
00:13:17,970 --> 00:13:21,010
Ja en voi korostaa tarpeeksi, vaikka
vaikka joitakin tämä saattaa näyttää hieman

284
00:13:21,010 --> 00:13:24,820
mystistä tai ylivoimainen ensi silmäyksellä,
opetella ohjelmoimaan

285
00:13:24,820 --> 00:13:28,500
sovelluksia web, se on
korvaamaton ymmärtää, miten nämä

286
00:13:28,500 --> 00:13:29,410
pikku työkalut toimivat.

287
00:13:29,410 --> 00:13:33,830
Nämä ovat tavallaan kuin GDB kuten työkaluja,
mutta paljon yksinkertaisempaa, lopulta käyttää -

288
00:13:33,830 --> 00:13:37,690
ja todella antaa sinulle silmät, mitä
olemme saaneet selvänä

289
00:13:37,690 --> 00:13:39,170
jo jonkin aikaa.

290
00:13:39,170 --> 00:13:42,270
>> Joten mitä voimme nyt tehdä
tämän tiedon?

291
00:13:42,270 --> 00:13:44,875
No, itse katsomaan
taustalla olevat käsitteet HTML.

292
00:13:44,875 --> 00:13:49,025
Ja me lykätä, koska meillä on jo, että
kohdat tällä viikolla, jotta ongelma

293
00:13:49,025 --> 00:13:53,260
asettaa 7 erittely, joihinkin enemmän
tiedot näistä kielistä.

294
00:13:53,260 --> 00:13:57,020
Mutta katsotaanpa, jos emme voi maalata
kuva siitä, mitä pitäisi ymmärtää

295
00:13:57,020 --> 00:13:57,940
yleistä täällä.

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

297
00:14:02,280 --> 00:14:03,520
Mitä se oikeastaan ​​tarkoittaa?

298
00:14:03,520 --> 00:14:05,690
Joten HTML näyttää tältä.

299
00:14:05,690 --> 00:14:06,810
Ja jotkut teistä jo tietävät tämän.

300
00:14:06,810 --> 00:14:08,130
Jotkut teistä ovat tehneet
Tämän jonkin aikaa.

301
00:14:08,130 --> 00:14:10,270
Mutta katsotaanpa, jos emme pysty täyttämään
joissakin aihioita samoin.

302
00:14:10,270 --> 00:14:11,760
Niin huomaa pari asiaa täällä.

303
00:14:11,760 --> 00:14:13,030
Yksi, se on vain tekstiä.

304
00:14:13,030 --> 00:14:15,960
Joten se on aivan kuin lähdekoodia
C, tai muulla kielellä.

305
00:14:15,960 --> 00:14:17,750
>> Huomaa, että siellä näyttää
olla kuvio täällä.

306
00:14:17,750 --> 00:14:20,870
On sisennys, mutta teknisesti
sisennys on vain ihmisen

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

308
00:14:21,205 --> 00:14:24,980
Selaimet eivät välitä, jos siellä on uusia
linjat ja välilehdet kuten näemme siellä.

309
00:14:24,980 --> 00:14:27,410
Mutta huomaa, että on olemassa
symmetries tässä.

310
00:14:27,410 --> 00:14:31,180
On mitä soitan, yläosassa
tiedoston, avoin tunnisteen tai alku

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

312
00:14:33,030 --> 00:14:36,800
Ja sitten, alhaalla, täysin vuorattu
up, aivan kuten teemme aaltosulkumerkkien,

313
00:14:36,800 --> 00:14:40,910
näemme alkusulkumerkki, eteenpäin
slash, HTML, loppusulkumerkki.

314
00:14:40,910 --> 00:14:44,610
Niin, että vastaava lähellä
tunnisteen tai lopputunnistetta, että asia.

315
00:14:44,610 --> 00:14:47,990
>> Yhdessä kaikki sisäpuoli
niin sanottuja avoimia tag ja lähellä tag

316
00:14:47,990 --> 00:14:50,440
säveltää mitä soitamme elementti.

317
00:14:50,440 --> 00:14:53,910
Ja näemme, vain hetken, se on
todella solmun puita.

318
00:14:53,910 --> 00:14:57,470
Koska jos ajattelee nyt
kuoppa, jonka implisiittinen täällä,

319
00:14:57,470 --> 00:15:00,780
sellainen on, kuten, isovanhempi
solmu kutsutaan HTML.

320
00:15:00,780 --> 00:15:06,870
Kuinka monta lasta voisi sanot, perustuu
tässä kuvassa, HTML-elementti on?

321
00:15:06,870 --> 00:15:07,720
>> Joten luultavasti kaksi.

322
00:15:07,720 --> 00:15:10,240
Yksi on pään elementti, ilmeisesti.

323
00:15:10,240 --> 00:15:11,710
Ja yksi on kehon osa.

324
00:15:11,710 --> 00:15:12,555
Ja miksi kaksi lasta?

325
00:15:12,555 --> 00:15:15,840
No, olen juuri sellainen päätellä, että jos
Olen avoin pää tag ja sitten

326
00:15:15,840 --> 00:15:17,820
lähellä pään tag, se elementti.

327
00:15:17,820 --> 00:15:21,200
Ja sitten, jos on olemassa toinen avaa kehon
tag ja lähellä body, se on kuin

328
00:15:21,200 --> 00:15:22,340
toinen elementti.

329
00:15:22,340 --> 00:15:26,000
Joten siinä mielessä, että jos olen sellainen kiertää
kuva kyljelleen, se on

330
00:15:26,000 --> 00:15:29,910
kuin ottaa HTML tag, ja sitten
pään tag, ja sitten body ja

331
00:15:29,910 --> 00:15:34,290
sitten tekstiä, hello world, roikkuvat
pois body itse.

332
00:15:34,290 --> 00:15:36,620
>> Joten voimme tehdä kuvan, että
voisi näyttää.

333
00:15:36,620 --> 00:15:38,020
Muodot ovat mielivaltaisia.

334
00:15:38,020 --> 00:15:40,870
Mutta huomaa, että olen käyttänyt tavallaan
Ellipse yläosassa edustamaan

335
00:15:40,870 --> 00:15:41,860
itse asiakirjaan.

336
00:15:41,860 --> 00:15:45,980
On käynyt siellä voi olla muita juttuja
sisällä web-sivun, en ole

337
00:15:45,980 --> 00:15:46,940
piirretään täällä.

338
00:15:46,940 --> 00:15:50,800
Joten aiomme edes ripustaa HTML
solmu pois ns asiakirjan solmu.

339
00:15:50,800 --> 00:15:53,730
Ja sitten meillä on pää ja
kehon ja otsikko, ilmoitus,

340
00:15:53,730 --> 00:15:55,360
joka on sisäkkäisiä edelleen.

341
00:15:55,360 --> 00:15:58,650
En vaivaudu laskemisesta lisälinjan
taukoja sisällä otsikkokoodi.

342
00:15:58,650 --> 00:16:02,710
Se vain tuntui se oli tulossa
hieman liian monisanainen.

343
00:16:02,710 --> 00:16:07,000
Joten jätin sen yhdellä rivillä siellä,
Open otsikko, hello world, lähellä otsikko.

344
00:16:07,000 --> 00:16:09,380
Ja sitten meillä on jotain tekstiä
roikkuvat pois täältä.

345
00:16:09,380 --> 00:16:12,200
>> Joten tämä kuva tulee takaisin
kun me sukeltaa JavaScript.

346
00:16:12,200 --> 00:16:15,110
Ja ymmärrystä, että kun
kirjoittaa HTML näin, mitä

347
00:16:15,110 --> 00:16:16,250
on selain tekee?

348
00:16:16,250 --> 00:16:19,290
No, meillä ei ole syytä huoleen
miten se tekee tämän, tai mitä

349
00:16:19,290 --> 00:16:23,090
algoritmi, mutta lopussa päivä,
kun selain vastaanottaa HTML, kuten

350
00:16:23,090 --> 00:16:27,510
että Facebook tai Google, se jäsentää
se, niin sanotusti, se lukee sen,

351
00:16:27,510 --> 00:16:31,160
kanssa jotain fread, ylhäältä
alas, vasemmalta oikealle, ja se

352
00:16:31,160 --> 00:16:36,300
tajuaa, oh, avoin tag ja sulje
tag, se alkaa malloc, niin sanotusti

353
00:16:36,300 --> 00:16:37,800
solmu puussa.

354
00:16:37,800 --> 00:16:41,130
Ja kun se kohtaa, kuten olemme ymmärtää
täällä sisennys,

355
00:16:41,130 --> 00:16:45,400
lapsi solmu, se mallocs solmu, joka
ja sen kiinni puuhun.

356
00:16:45,400 --> 00:16:49,150
>> Joten puurakenteita, binääripuut,
ternäärinen puita, ja isompi puita, että

357
00:16:49,150 --> 00:16:53,380
me vilkaisi viikko tai kaksi sitten, ilmoitus
, että sama periaate on

358
00:16:53,380 --> 00:16:54,220
tulevat takaisin meille.

359
00:16:54,220 --> 00:16:57,590
Ja joka toteutetaan, Chrome riippumatta
joukkue teki sen, oletettavasti oli

360
00:16:57,590 --> 00:17:00,800
toteuttaa jonkinlainen puurakenne
alla huppu.

361
00:17:00,800 --> 00:17:05,329
Ja että itse on luultavasti
kieltä, kuten C tai C + +, tai alempi

362
00:17:05,329 --> 00:17:08,540
tason kieli, että me
nyt käyttää huipulla web.

363
00:17:08,540 --> 00:17:11,200
>> Joten nyt, ehkä, tämä
järkevämpää.

364
00:17:11,200 --> 00:17:15,420
Todellinen tatuointi jostain kaveri, joka saattaisi
katumaan sitä lopulta, tavallaan.

365
00:17:15,420 --> 00:17:17,359
OK, okei, joten paljon web huumoria.

366
00:17:17,359 --> 00:17:18,599
Se ei todellakaan aio
yli niin hyvin tänään.

367
00:17:18,599 --> 00:17:19,560
Joten me eteenpäin.

368
00:17:19,560 --> 00:17:20,180
Selvä.

369
00:17:20,180 --> 00:17:22,760
>> Joten katsomaan nyt
muutamia esimerkkejä.

370
00:17:22,760 --> 00:17:24,660
Yksinkertaisin mahdollinen
asia voisi olla näin.

371
00:17:24,660 --> 00:17:29,170
Aion mennä eteenpäin ja avata vuonna
gedit tiedosto nimeltä hello.php.

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

373
00:17:31,730 --> 00:17:36,330
Ja sisältä täällä, aion nopeasti
vain tehdä tämän printf, lainatakseni

374
00:17:36,330 --> 00:17:38,590
listatut "Hello World".

375
00:17:38,590 --> 00:17:42,460
>> Joten ilmoitusta, ja minä teen kenoviiva n,
En ole vaivautunut ilmoittamaan tärkeimmät.

376
00:17:42,460 --> 00:17:45,310
On käynyt ilmi, PHP, ja paljon
kieliä, sinun ei tarvitse tärkeimmät

377
00:17:45,310 --> 00:17:46,090
toiminta sinänsä.

378
00:17:46,090 --> 00:17:47,720
Voit vain alkaa kirjoittaa
ohjelma.

379
00:17:47,720 --> 00:17:51,210
Nyt, kun olen tallentaa tiedoston, huomaa olen
täytyy tehdä seuraavat.

380
00:17:51,210 --> 00:17:55,360
En aio käyttää tehdä, ja en ole
aio käyttää kalahtaa koska PHP, toisin

381
00:17:55,360 --> 00:17:57,400
C, ei ole käännetty kieli.

382
00:17:57,400 --> 00:18:01,400
Se mitä kutsutaan tulkita
kieli, mikä tarkoittaa, että voit käyttää sitä

383
00:18:01,400 --> 00:18:04,650
tulona kautta toiseen ohjelmaan
kutsutaan tulkki.

384
00:18:04,650 --> 00:18:08,150
Ja että ohjelma lukee sen, ylhäältä
alas, vasemmalta oikealle, ja tekee

385
00:18:08,150 --> 00:18:09,290
mitä kerrot sen tehdä.

386
00:18:09,290 --> 00:18:12,920
>> Joten tässä tapauksessa täällä olen
yksi rivi, joka kertoo printf.

387
00:18:12,920 --> 00:18:17,990
Joten kun käytän tätä lähdekoodia,
hello.php, vaikka ohjelman

388
00:18:17,990 --> 00:18:22,830
tapahtuu kätevästi, kutsua PHP,
että ohjelma PHP ei lue

389
00:18:22,830 --> 00:18:26,120
tiedoston, ylhäältä alas, vasemmalta oikealle,
ja se tulee tehdä mitä

390
00:18:26,120 --> 00:18:30,110
Kerro se tehdä - toteuttamalla koodi, ja jos
se ei tunnista jotain, vain

391
00:18:30,110 --> 00:18:31,320
Sylkäiseminen.

392
00:18:31,320 --> 00:18:34,940
Joten aion mennä eteenpäin ja
ajaa PHP of hello.php.

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

394
00:18:37,110 --> 00:18:39,690
>> Ja se ei ole aivan mitä aioin.

395
00:18:39,690 --> 00:18:40,530
No, miksi?

396
00:18:40,530 --> 00:18:43,910
No, PHP on kieli, joka on oikeastaan
suunniteltu melko

397
00:18:43,910 --> 00:18:46,150
sidoksissa web.

398
00:18:46,150 --> 00:18:50,460
Kun tehdä web-sivuja tällä kielellä
PHP, kuten tulemme pian nähdä, hyvitämme

399
00:18:50,460 --> 00:18:54,560
haluavat tehdä jotain tulosta
letkujen näin.

400
00:18:54,560 --> 00:18:55,940
>> Joten aion tehdä tämän.

401
00:18:55,940 --> 00:19:00,810
Alkusulkumerkki, kysymysmerkki, PHP, ja
Nyt olen juuri menossa luetelmakohdassa vain pitää

402
00:19:00,810 --> 00:19:01,960
asioita mukavaa.

403
00:19:01,960 --> 00:19:04,910
Ja nyt aion tehdä kysymys
Merkitse loppusulkumerkki.

404
00:19:04,910 --> 00:19:06,270
Joten siellä vähän epäsymmetria täällä.

405
00:19:06,270 --> 00:19:07,490
Sinun ei tarvitse tehdä tätä.

406
00:19:07,490 --> 00:19:10,530
Ja et tee slash, joten
PHP on hieman erilainen.

407
00:19:10,530 --> 00:19:14,610
>> Mutta nyt, jos en suorita tämä ohjelma,
PHP hello.php, nyt

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

409
00:19:16,090 --> 00:19:17,750
Ja näemme, miksi tämä on arvokasta.

410
00:19:17,750 --> 00:19:20,960
Yksi, se antaa minulle mahdollisuuden määritellä,
Super nimenomaisesti, tämä on

411
00:19:20,960 --> 00:19:22,480
koodia, suorita tämä.

412
00:19:22,480 --> 00:19:25,480
Ja se on todellakin mitä nämä
erityistä tageja tarkoita täällä.

413
00:19:25,480 --> 00:19:30,330
>> Mutta se tarkoittaa myös sitä, että jos en vain
jotain pyrin tänne, että

414
00:19:30,330 --> 00:19:34,000
tarkoittaa sitä, että kirjaimellisesti, että vain
tulostetaan ilman tarvetta

415
00:19:34,000 --> 00:19:36,850
edellyttäisivät printf, tai tulostaa,
tai vastaava toiminto.

416
00:19:36,850 --> 00:19:39,445
Niin me palaamme, että
vain hetken.

417
00:19:39,445 --> 00:19:40,470
>> Ensinnäkin, tehdään tämä.

418
00:19:40,470 --> 00:19:43,950
Kaapin sisällä, meillä on
hakemiston nimeltä vhosts, virtuaalinen

419
00:19:43,950 --> 00:19:47,000
isännät, slash paikallinen isäntä, leikata julkisia.

420
00:19:47,000 --> 00:19:50,240
Joten se on vähän monisanainen, mutta pitkä tarina
lyhyt, laite on tarkoitettu ei

421
00:19:50,240 --> 00:19:53,770
vain tukemaan C. On myös
suunniteltu tukemaan PHP.

422
00:19:53,770 --> 00:19:57,440
Mutta se on myös suunniteltu web
palvelin ja tietokantapalvelin.

423
00:19:57,440 --> 00:20:00,230
Ja se on suunniteltu, ja todella määritetty,
on muistuttaa mitä tahansa

424
00:20:00,230 --> 00:20:04,230
kaupallisten web hosting-yritys, joka
saatat maksaa 5 dollaria kuukaudessa,

425
00:20:04,230 --> 00:20:05,040
100 dollaria kuukaudessa.

426
00:20:05,040 --> 00:20:08,200
Riippumatta palvelu on, se on määritetty
on hyvin samankaltainen

427
00:20:08,200 --> 00:20:10,170
reaalimaailman tuotanto-palvelimeen.

428
00:20:10,170 --> 00:20:13,485
>> Ja mitä se tarkoittaa, että käynnissä
Laite on web-palvelinohjelmisto.

429
00:20:13,485 --> 00:20:15,060
Se sattuu olemaan nimeltään Apache.

430
00:20:15,060 --> 00:20:17,790
Se on vain ilmainen ja avoimen lähdekoodin,
ja erittäin suosittu.

431
00:20:17,790 --> 00:20:23,260
Ja meillä on konfiguroitu Apache tietää
että jos käyn tietyn URL, jossa

432
00:20:23,260 --> 00:20:28,060
Chrome tai selaimen sisällä
laite, tutkia tähän hakemistoon

433
00:20:28,060 --> 00:20:31,030
varten tiedostot
käyttäjä on pyytänyt.

434
00:20:31,030 --> 00:20:32,790
>> Toisin sanoen haluan
mennä eteenpäin ja tehdä tämän.

435
00:20:32,790 --> 00:20:36,890
Sisällä minun julkisesta hakemistosta, aion
mennä eteenpäin ja luoda tiedoston

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

437
00:20:39,580 --> 00:20:41,000
Se antaa minulle välilehti täällä.

438
00:20:41,000 --> 00:20:44,210
Ja aion mennä hyvin nopeasti
ja mennä eteenpäin ja bang ulos

439
00:20:44,210 --> 00:20:45,010
tästä ohjelmasta.

440
00:20:45,010 --> 00:20:48,410
DOCTYPE HTML, joka nyt vain
olettaa sinun täytyy kirjoittaa.

441
00:20:48,410 --> 00:20:53,490
Se on vain mystistä tag, se ei ole
todella HTML-tunniste, joka määrittää, että

442
00:20:53,490 --> 00:20:55,050
tässä tulee joitakin HTML.

443
00:20:55,050 --> 00:20:57,400
>> Aion mennä eteenpäin ja luoda
mitä näimme hetki sitten.

444
00:20:57,400 --> 00:20:58,650
Tässä pään sivulla.

445
00:20:58,650 --> 00:21:01,170
Sisällä pää oli -

446
00:21:01,170 --> 00:21:01,890
niin otsikko.

447
00:21:01,890 --> 00:21:04,340
Joten me tervehtimään, maailman.

448
00:21:04,340 --> 00:21:06,570
Ja sitten täällä oli body.

449
00:21:06,570 --> 00:21:08,580
Lopuksi haluan body.

450
00:21:08,580 --> 00:21:12,280
Ja sitten täällä Otan myös sanoa,
vain selvyyden vuoksi, hello world.

451
00:21:12,280 --> 00:21:14,770
>> Joten tämä on, luultavasti, yksinkertaisin
mahdollista Web-sivun

452
00:21:14,770 --> 00:21:15,770
voi tehdä, että on voimassa.

453
00:21:15,770 --> 00:21:17,030
Se on rakenteeltaan voimassa.

454
00:21:17,030 --> 00:21:18,620
Kaikkea sitä on avattu on suljettu.

455
00:21:18,620 --> 00:21:20,910
Kaikki on hienosti
tyylistä ja sisennetty.

456
00:21:20,910 --> 00:21:23,600
Katsotaanpa nyt miten
voivat käyttää tätä tiedostoa.

457
00:21:23,600 --> 00:21:25,540
>> No, anna minun mennä Chrome täällä.

458
00:21:25,540 --> 00:21:35,050
Ja anna minun mennä
http://localhost/index.html.

459
00:21:35,050 --> 00:21:36,200
Joten mitä paikallinen isäntä?

460
00:21:36,200 --> 00:21:39,400
No, useimmat minkä tahansa tietokoneen kanssa maailmassa,
Linux, Mac OS, Windows, on lempinimi

461
00:21:39,400 --> 00:21:40,680
kutsutaan paikallinen isäntä.

462
00:21:40,680 --> 00:21:42,900
Joten jos joskus haluat puhua
omalle koneelle -

463
00:21:42,900 --> 00:21:45,140
vaikkakin, kumma refleksinomaisesti -

464
00:21:45,140 --> 00:21:47,080
soitat itse paikallinen isäntä.

465
00:21:47,080 --> 00:21:50,390
Ei ole väliä mitä todellinen tietokone on
kutsutaan, onko se Davidin MacBook

466
00:21:50,390 --> 00:21:52,490
Air, tai jotain
verbose niin.

467
00:21:52,490 --> 00:21:57,760
>> Joten tämä URL aiotaan ilmeisesti käyttää
HTTP puhua paikallinen isäntä,

468
00:21:57,760 --> 00:22:00,800
Sama tietokone, laite, ja
se tulee pyytämään, ota

469
00:22:00,800 --> 00:22:02,570
arvata, mitä kuvaa?

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

471
00:22:04,460 --> 00:22:08,650
Joten laite on määritetty
etukäteen tietää, että jos pyydän

472
00:22:08,650 --> 00:22:13,460
jotain kuten index.html, etsiä
nimiseen kansioon vhosts vuonna

473
00:22:13,460 --> 00:22:17,950
kansio nimeltä localhost, kansioon
siinä kutsutaan julkisia.

474
00:22:17,950 --> 00:22:20,400
Se kun kaikki omat julkiset
tiedostot tulevat olemaan.

475
00:22:20,400 --> 00:22:22,610
Joten olen nyt menossa Enter.

476
00:22:22,610 --> 00:22:27,100
>> Ja perkele, on että kielletty
viesti, joka tunnetaan myös 403,

477
00:22:27,100 --> 00:22:28,490
numerokoodi sitä.

478
00:22:28,490 --> 00:22:30,130
Joten mitä vikaa tässä?

479
00:22:30,130 --> 00:22:33,210
No, se ei riitä vain laittaa
tiedoston sisällä minun kansioon.

480
00:22:33,210 --> 00:22:35,790
Minun täytyy itse tehdä seuraavasti.

481
00:22:35,790 --> 00:22:40,210
>> Anna minun mennä minun vhosts hakemistoon, osaksi
localhost, julkiseen ja anna

482
00:22:40,210 --> 00:22:41,680
minua tekemään ls viiva l.

483
00:22:41,680 --> 00:22:44,510
Ja siellä on muutamia muita asioita
täällä nykypäivän tarkoituksiin.

484
00:22:44,510 --> 00:22:50,540
Mutta huomaa vasemmalla puolella, seuraava
on index.html, me vain nähdä yhden RW.

485
00:22:50,540 --> 00:22:53,560
Ja aikaisemmin, mitä
on RW seisoi?

486
00:22:53,560 --> 00:22:54,240
>> Vain lukea tai kirjoittaa.

487
00:22:54,240 --> 00:22:58,000
Se, että se sanoo rw vasemmalla
tarkoittaa I, tiedoston omistajaa, voi

488
00:22:58,000 --> 00:22:59,020
lukea tai kirjoittaa sitä.

489
00:22:59,020 --> 00:23:05,010
Mutta minun täytyy antaa kaikille ihmisille
maailman lukea tämän, mutta ei kirjoittaa sitä.

490
00:23:05,010 --> 00:23:09,650
Joten aion muuttaa tilan
tiedosto, chmod, kaikki plus r antaa

491
00:23:09,650 --> 00:23:13,910
kaikille lukuoikeus on
tiedosto nimeltä index.html.

492
00:23:13,910 --> 00:23:18,040
>> Ja jos minä nyt Retype ls viiva l, ilmoitus
että tänne, jotkut enemmän

493
00:23:18,040 --> 00:23:19,160
R: n on piipahti.

494
00:23:19,160 --> 00:23:21,090
Ja nyt, spec menee
yksityiskohtaisempi.

495
00:23:21,090 --> 00:23:24,450
P sarja 7, joka tarkoittaa vain kaikille
voi nyt lukea tätä tiedostoa.

496
00:23:24,450 --> 00:23:27,790
Jos menen takaisin minun selain
nyt ja lataa voila.

497
00:23:27,790 --> 00:23:28,750
Hello world.

498
00:23:28,750 --> 00:23:32,260
>> Ja voin jopa avata minun Chrome työkalut
ja katso, kuten Google ja

499
00:23:32,260 --> 00:23:34,590
Facebook, että siellä on minun HTML,
muotoiltu hieman

500
00:23:34,590 --> 00:23:35,930
eri tavalla ja colorized.

501
00:23:35,930 --> 00:23:40,450
Jos menen verkko-välilehti ja lataa
sivun, huomaat että siellä on saada

502
00:23:40,450 --> 00:23:42,900
pyytää, että Chrome lähettää
laitetta.

503
00:23:42,900 --> 00:23:46,020
On 200 että
tietyn tiedoston.

504
00:23:46,020 --> 00:23:49,340
Joten lyhyt, tämä on, miten kaikki nämä
Eri palasia yhteen.

505
00:23:49,340 --> 00:23:53,530
On vain niin, että www-palvelin
käytämme juuri nyt ei ole etäinen,

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

507
00:23:54,210 --> 00:23:58,330
Se on kirjaimellisesti samassa tietokoneessa,
joka on täysin OK.

508
00:23:58,330 --> 00:24:00,590
>> Mitä muuta voimme tehdä web-sivu?

509
00:24:00,590 --> 00:24:03,110
No, juuri, nyt tuulta kautta
pari näistä asioista.

510
00:24:03,110 --> 00:24:07,860
Mutta haluan mennä eteenpäin ja avata uudelleen
Gedit index.html.

511
00:24:07,860 --> 00:24:13,980
Ja anna minun mennä eteenpäin ja tervehtimään CS50,
tallentaa tiedoston, palaa

512
00:24:13,980 --> 00:24:16,260
selain, todella underwhelming muutos.

513
00:24:16,260 --> 00:24:19,130
>> Mutta entä jos haluamme todella
linkittää jotain nyt?

514
00:24:19,130 --> 00:24:23,480
Joten käy ilmi, että meillä voi olla
linkkejä HTML, jotka ovat vain tageja

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

516
00:24:24,140 --> 00:24:27,320
Se tapahtuu kutsua
ankkuri tag. href vastaa

517
00:24:27,320 --> 00:24:33,190
https://www.cs50.net, www.cs50.net
sulje lainaus, loppusulkumerkki.

518
00:24:33,190 --> 00:24:35,230
Ja nyt katsotaan, mitä
muuten tulee seuraavaksi.

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

520
00:24:36,500 --> 00:24:38,990
Nyt täytyy antaa sille
lause kuten CS50.

521
00:24:38,990 --> 00:24:40,600
Lopuksi haluan tag.

522
00:24:40,600 --> 00:24:42,010
Ja huomata muutamia asioita.

523
00:24:42,010 --> 00:24:45,270
Vaikka tämä arvoituksellinen asia
täällä, en ole toistaa sitä, kun

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

525
00:24:46,010 --> 00:24:48,230
Sinä vain sulkea tag
sen nimi yksin.

526
00:24:48,230 --> 00:24:50,940
Ja tämä on mitä kutsutaan
määritteen arvo.

527
00:24:50,940 --> 00:24:56,070
Ominaisuudet vain muuttaa käyttäytymistä
Joidenkin tag sisällä sivun.

528
00:24:56,070 --> 00:24:59,150
>> Joten tämä on täsmennetään, että hyper
viittaus, hieno tapa sanoa

529
00:24:59,150 --> 00:25:03,660
URL tämän ankkuri, tämän
linkki, pitäisi olla CS50.net.

530
00:25:03,660 --> 00:25:07,440
Ja tekstiä, että haluamme näyttää
Käyttäjä ei ole, että raaka-URL, vaan

531
00:25:07,440 --> 00:25:08,730
sana CS50.

532
00:25:08,730 --> 00:25:13,710
>> Joten jos nyt uudelleen, haluan zoomaa
selkeys, haluan päivittää sivun

533
00:25:13,710 --> 00:25:16,460
huomaa, että meillä on tämä vanha
sinisellä alleviivattuna linkki.

534
00:25:16,460 --> 00:25:20,000
Ja jos minä viet sen yli, ja se menee
olla vaikeaa nähdä, vasemmasta alakulmasta

535
00:25:20,000 --> 00:25:23,690
yläkulmassa näytön, huomaa
että se sanoo URL, johon

536
00:25:23,690 --> 00:25:24,430
Aion mennä.

537
00:25:24,430 --> 00:25:27,940
Ja jos klikkaan siellä, voila,
nyt olen tehdä web-sivuja.

538
00:25:27,940 --> 00:25:30,140
Ja olemme johti itse
to etusivulle.

539
00:25:30,140 --> 00:25:32,670
>> Mutta huomaa, mitä potentiaaliin
Tämä tarjoaa meille.

540
00:25:32,670 --> 00:25:34,890
Turvallisuus on erittäin paljon
muodissa näinä päivinä.

541
00:25:34,890 --> 00:25:41,210
Mitä jos sen sijaan sanoa jotain
tämän, ja olen sen sijaan mennä vaikkapa nyt

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

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

544
00:25:44,660 --> 00:25:46,360
Lataa tämä sivu uudelleen.

545
00:25:46,360 --> 00:25:50,180
>> OK, niin huomaat sen näyttää vielä olen
menossa CS50, ellei ansiokas silmä

546
00:25:50,180 --> 00:25:51,560
Huomaat aion fake CS50.

547
00:25:51,560 --> 00:25:54,550
Olen arvaamaan, tällä alalla ei ole otettu.

548
00:25:54,550 --> 00:25:55,960
OK, joten se ei ole käytettävissä.

549
00:25:55,960 --> 00:25:56,600
Niin se on hyvä.

550
00:25:56,600 --> 00:25:57,900
Kukaan ei oikeastaan ​​ole, että verkkotunnuksen.

551
00:25:57,900 --> 00:26:00,380
>> Mutta olkaamme hieman ilkeä
koska se on typerää.

552
00:26:00,380 --> 00:26:02,240
Mitä jos muutamme tämän Paypal.

553
00:26:02,240 --> 00:26:09,960
Ja mitä jos me kutsumme tätä, kuten,
www.paypal.badguy.com,

554
00:26:09,960 --> 00:26:12,070
mitä verkkotunnus on.

555
00:26:12,070 --> 00:26:13,700
Että luultavasti on olemassa.

556
00:26:13,700 --> 00:26:16,260
Joten nyt haluaisin päivittää sivun.

557
00:26:16,260 --> 00:26:22,890
Ja tässä meillä on tavallaan phishing
hyökkäys, P-H-I-S-H-I-N-G, joka on

558
00:26:22,890 --> 00:26:26,760
typerä sana annetaan hyökkäys
yrittää kalastaa tietoja, tai parempi

559
00:26:26,760 --> 00:26:30,450
vielä, rahaa, pois ihmisten huijaaminen
ne tarjoavat tietoa,

560
00:26:30,450 --> 00:26:31,990
he eivät muutoin tekisi.

561
00:26:31,990 --> 00:26:33,500
Tämä näyttää täysin legit, eikö?

562
00:26:33,500 --> 00:26:34,930
Minulla täytyy olla linkki tähän Paypal.com.

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

564
00:26:37,700 --> 00:26:40,430
Oikeudenmukaisuus, jos olen seksuaalinen se jopa joidenkin
grafiikka, voimme tehdä se näyttää

565
00:26:40,430 --> 00:26:41,310
enemmän kuin PayPal.

566
00:26:41,310 --> 00:26:41,510
Oikea?

567
00:26:41,510 --> 00:26:43,815
Koska en voinut, koska syrjään,
Voisin mennä Paypal.com.

568
00:26:43,815 --> 00:26:47,110
Ja olemme juuri nähneet, miten voin
katso kaikki niiden HTML.

569
00:26:47,110 --> 00:26:50,560
Voisin kopioi se ja luo
estetiikka Paypal eikä mennä

570
00:26:50,560 --> 00:26:51,490
old school täällä.

571
00:26:51,490 --> 00:26:55,010
Mutta huomaa, tietenkin, ja se on hieman
hiljaista, vain pohja

572
00:26:55,010 --> 00:26:59,190
vasemmassa alakulmassa, ja kuten 10 pisteen
fontti, näetkö mitä URL olet

573
00:26:59,190 --> 00:27:01,310
todella aiotaan johti.

574
00:27:01,310 --> 00:27:06,580
>> Ja niin, jos olet joskus saanut roskapostia sanomalla
mennä eteenpäin, ja olet tilin

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

576
00:27:07,420 --> 00:27:10,615
Klikkaa linkkiä ja kerro meille,
salasanasi, jotta voimme varmistaa, että olet

577
00:27:10,615 --> 00:27:13,010
sinua, älä koskaan tee sitä.

578
00:27:13,010 --> 00:27:14,180
Nämä asiat pitäisi olla itsestään selvää.

579
00:27:14,180 --> 00:27:17,670
Mutta se on ihanan huvittavaa ja
traaginen, miten joka vuosi tämä näyttää

580
00:27:17,670 --> 00:27:19,660
tapahtuu noin nollasta
joukko ihmisiä.

581
00:27:19,660 --> 00:27:21,400
>> Ja se kauneus
phishing.

582
00:27:21,400 --> 00:27:23,160
Voit lähettää miljoonaa sähköpostia.

583
00:27:23,160 --> 00:27:27,720
Ja vaikka 0,01% ihmisistä todella
klikkaa Paypal ja antaa sinulle

584
00:27:27,720 --> 00:27:31,040
salasanan, joka on edelleen ei-nolla numero
ihmisiä, jotka ovat vain antaa

585
00:27:31,040 --> 00:27:32,200
voit rahansa.

586
00:27:32,200 --> 00:27:36,170
Ja lähettää sähköposteja, tietenkin, on melko
helppoa ja ennen kaikkea, vapaa

587
00:27:36,170 --> 00:27:36,970
näinä päivinä.

588
00:27:36,970 --> 00:27:40,410
>> Niin pitkän tarinan lyhyesti, ihanan
Kaunis ajatus, eikö?

589
00:27:40,410 --> 00:27:44,620
Vuosia sitten, tämä oli ensimmäinen
Web, joka mahdollistaa web

590
00:27:44,620 --> 00:27:46,330
hyperlinkkejä resursseina.

591
00:27:46,330 --> 00:27:49,520
Mutta niin nopeasti se voisi olla
käytettävä sairas tarkoituksiin.

592
00:27:49,520 --> 00:27:54,100
Ja sähköposti, on riittävää todeta, nämä
päivää, on HTML upotettu sisällä.

593
00:27:54,100 --> 00:27:55,410
>> No, haluan vain yhden asian.

594
00:27:55,410 --> 00:27:58,640
Ja me lykätä pitkälti osio
ongelma asettaa seitsemän, jotta voit

595
00:27:58,640 --> 00:28:00,000
tutkia tiedot.

596
00:28:00,000 --> 00:28:01,990
Mutta haluan mennä eteenpäin ja
tehdä muutamia asioita täällä.

597
00:28:01,990 --> 00:28:04,840
Aion mennä ja julistaa
mitä kutsutaan div tai

598
00:28:04,840 --> 00:28:06,080
jako, sivun.

599
00:28:06,080 --> 00:28:07,770
Lopuksi haluan että div tag.

600
00:28:07,770 --> 00:28:11,460
>> Ja aion sanoa ylös
täällä Sivun alkuun.

601
00:28:11,460 --> 00:28:14,940
Ja sitten alle tämän, aion tehdä
jotain toista div, sulje tämä

602
00:28:14,940 --> 00:28:17,800
tag, ja tehdä sivun alalaidassa.

603
00:28:17,800 --> 00:28:18,840
Ja Säästetään se.

604
00:28:18,840 --> 00:28:21,040
>> Joten nyt mennään takaisin minun arkistoida.

605
00:28:21,040 --> 00:28:22,120
Erittäin underwhelming.

606
00:28:22,120 --> 00:28:25,520
Mutta mitä jako käytetään,
alla huppu, se on itse asiassa

607
00:28:25,520 --> 00:28:26,920
kiva rakenneosa.

608
00:28:26,920 --> 00:28:30,300
Sillä ei ole mitään estetiikka, koska
voimme nähdä, muuta kuin ilmeisesti

609
00:28:30,300 --> 00:28:31,890
asettaa asiat uusiin linjat.

610
00:28:31,890 --> 00:28:36,290
>> Mutta huomaa, koska syrjään, vain kävi
Anna ei leikata sitä HTML-maali

611
00:28:36,290 --> 00:28:39,840
ei sisään C. Voisi ajatella, että se on
aikoo laittaa mukava iso ero

612
00:28:39,840 --> 00:28:41,300
ylä-ja alareunassa.

613
00:28:41,300 --> 00:28:43,420
Mutta se huomiotta.

614
00:28:43,420 --> 00:28:48,040
Valkoinen tila on pääosin huomiotta
verkkosivut kuin ensimmäinen

615
00:28:48,040 --> 00:28:51,530
välilyöntiä merkin tai rivinvaihtoa,
että osut näppäimistön.

616
00:28:51,530 --> 00:28:55,370
Jos haluat lisää rivinvaihtoja, et
on määriteltävä itse.

617
00:28:55,370 --> 00:28:59,080
>> Joten aion tehdä muutamia asioita
täällä näyttää mitä tapahtuu.

618
00:28:59,080 --> 00:29:02,700
Aion lisätä ominaisuus, joka
olemassa Ja vielä, miten opit

619
00:29:02,700 --> 00:29:07,110
mitä ominaisuuksia on olemassa, mitä tunnisteita olemassa,
todella, on online-viittauksia.

620
00:29:07,110 --> 00:29:09,750
HTML on eräänlainen kieli - se on
ei ohjelmointikieli.

621
00:29:09,750 --> 00:29:12,460
Se on kuvauskieli - että kun
hyvä puoli tuntia, ehkä tunti

622
00:29:12,460 --> 00:29:15,930
se, tulet varmasti ymmärtää, useimmat
todennäköistä, perusidea.

623
00:29:15,930 --> 00:29:20,350
Ja sitten Google-haku päässä on kaikki
mahdollista tageja, että saatat olla

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

625
00:29:21,170 --> 00:29:24,290
Ja kohti spec, joka on varsin
tervetulleeksi ja kannustetaan täällä.

626
00:29:24,290 --> 00:29:26,120
>> Joten nyt haluan mennä eteenpäin ja
tehdä jotain.

627
00:29:26,120 --> 00:29:28,690
Tausta-väri.

628
00:29:28,690 --> 00:29:32,060
Ja nyt, aion tehdä jotain
kuten punainen, puolipiste.

629
00:29:32,060 --> 00:29:33,970
Ja voit tehdä tämän
eri tavoilla.

630
00:29:33,970 --> 00:29:36,770
Olen juuri sellainen kirjoittamalla super
mahdollisimman yksiselitteisesti.

631
00:29:36,770 --> 00:29:41,960
>> Mutta näyttää siltä, ​​että tämä arvo tässä
mitä kutsutaan CSS, Cascading Style

632
00:29:41,960 --> 00:29:43,700
Sheets, joka on toinen
kielen kokonaan.

633
00:29:43,700 --> 00:29:46,770
CSS ei ole mitään tekemistä
Avaa tunnisteet ja lähellä tageja.

634
00:29:46,770 --> 00:29:48,230
Se on tekemistä ominaisuuksia.

635
00:29:48,230 --> 00:29:52,660
>> Ja ominaisuudet ovat yksinkertaisesti keskeinen arvo
paria, mikä tarkoittaa vain joitakin sana,

636
00:29:52,660 --> 00:29:54,680
paksusuoli, ja sitten joitakin muita sana.

637
00:29:54,680 --> 00:29:57,940
Ja jos sinulla on useita niitä, tai vain
yksi täällä, voit lopettaa sen

638
00:29:57,940 --> 00:29:59,390
puolipiste, vain selvyyden vuoksi.

639
00:29:59,390 --> 00:30:01,370
Mutta sekin toimii täällä.

640
00:30:01,370 --> 00:30:02,500
>> Nyt mitä tämä aikoo tehdä?

641
00:30:02,500 --> 00:30:03,610
Arvata.

642
00:30:03,610 --> 00:30:05,930
Anna minun mennä eteenpäin ja lataa tämä sivu.

643
00:30:05,930 --> 00:30:07,300
Ja nyt se on todella tulossa pitkin.

644
00:30:07,300 --> 00:30:09,150
Joten alkuun minun sivu on punainen.

645
00:30:09,150 --> 00:30:12,380
Mutta mitä Tärkeintä tässä on, että mainitsin
aiemmin, että div antaa sinulle

646
00:30:12,380 --> 00:30:13,220
jako sivun.

647
00:30:13,220 --> 00:30:14,410
Ja se on todellakin mitä se tekee.

648
00:30:14,410 --> 00:30:17,920
Se lähinnä jakaa sivun
suorakulmio, jonka voit sitten

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

650
00:30:18,720 --> 00:30:22,330
>> Ja tämä käsite suorakaide on eräänlainen
pakottavia, koska jos ajattelet

651
00:30:22,330 --> 00:30:26,410
eniten tahansa sivusto, on luultavasti
Joissakin rakenteen sitä.

652
00:30:26,410 --> 00:30:29,620
Useimmat teistä ovat luultavasti harvoin
Facebook kotisivu jos olet kirjautunut

653
00:30:29,620 --> 00:30:30,440
kaiken aikaa.

654
00:30:30,440 --> 00:30:33,920
>> Mutta Facebookin etusivu, siellä
jonkinlainen div yläreunassa.

655
00:30:33,920 --> 00:30:36,140
Ja se ei ehkä ole niin yksinkertaista
yhtenä div, mutta siellä

656
00:30:36,140 --> 00:30:37,560
suorakaiteen alueella on.

657
00:30:37,560 --> 00:30:40,290
Muun sivun on kuin
valtava div, kuten paljon

658
00:30:40,290 --> 00:30:41,910
isompi suorakaiteen alueella.

659
00:30:41,910 --> 00:30:44,540
Niin pitkä tarina lyhyt, vain pyytämällä
nämä pikku rakennuspalikoita,

660
00:30:44,540 --> 00:30:49,250
mahdollisuutta mallintaa asioita kuin suorakaide,
onko leveä tai kapea, voit myös

661
00:30:49,250 --> 00:30:53,680
tehdä sarakkeet mahdollisesti, voit
lay out sivua, todella, mutta et

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

663
00:30:54,100 --> 00:30:56,170
Olemme todella raapaisimme
pinta täällä.

664
00:30:56,170 --> 00:30:59,820
>> Todellakin, jos en tee yksi toinen,
anna minun mennä eteenpäin ja tehdä tyyli,

665
00:30:59,820 --> 00:31:05,410
taustavärin, teemme jotain
kuten sininen, close lainausmerkkejä.

666
00:31:05,410 --> 00:31:06,620
Katsotaanpa ladata tämä.

667
00:31:06,620 --> 00:31:08,260
Joten nyt se alkaa jopa rumempi.

668
00:31:08,260 --> 00:31:11,520
Mutta nyt voin sellaista keuliminen
minun P asettaa viisi taitoja, eikö?

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

670
00:31:12,690 --> 00:31:15,640
Se muistuttaa minua RGB, Red
Vihreä Sininen kolminkertaistuu.

671
00:31:15,640 --> 00:31:19,330
No, se kääntyy pois web-ohjelmointi,
tai web design, joka on tämä, olemme

672
00:31:19,330 --> 00:31:21,650
ei ole vielä ohjelmoitu mitään
sinänsä, voit itse

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

674
00:31:22,880 --> 00:31:26,480
Joten jotain jotain, jotain
jotain, jotain jotain.

675
00:31:26,480 --> 00:31:30,650
Joten voit olla kuusi heksadesimaali
merkkejä, tai kolme, joissakin tapauksissa

676
00:31:30,650 --> 00:31:33,480
ja jokainen näistä kysymysmerkkejä
on oltava heksadesimaaliyksikön,

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

678
00:31:34,985 --> 00:31:41,000
>> Jos haluan olla paljon punaista, ja
Ei vihreä, eikä sininen, mitä

679
00:31:41,000 --> 00:31:43,740
vastakohta nolla käytettäessä hex?

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

681
00:31:44,480 --> 00:31:51,130
Voin siis tehdä ff, nolla nolla nolla nolla,
tallentaa, ja nyt tulla tänne.

682
00:31:51,130 --> 00:31:52,700
Enkä itse nähdä muutoksen.

683
00:31:52,700 --> 00:31:56,230
Joten lainaus lainaus "punainen" on ilmeisesti
synonyymi kaikille punainen,

684
00:31:56,230 --> 00:31:57,610
Ei vihreä, ei sinistä.

685
00:31:57,610 --> 00:31:59,960
Samaan aikaan, nyt tietoisesti muuttaa
tämä on jotain

686
00:31:59,960 --> 00:32:01,210
satunnainen, kuten ABCDF.

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

688
00:32:03,790 --> 00:32:05,860
>> Katsotaan, mitä se on.

689
00:32:05,860 --> 00:32:08,530
Se on todella mukava sininen,
todella, vaaleansininen.

690
00:32:08,530 --> 00:32:11,820
Okei, joten nämä ovat vain nyt
jonkin verran satunnaisia ​​yhdistelmiä

691
00:32:11,820 --> 00:32:12,210
merkkiä.

692
00:32:12,210 --> 00:32:13,410
Joten emme takerru täällä.

693
00:32:13,410 --> 00:32:15,930
Mutta jälleen kerran, tämä puhuu tarkkuus
että voit alkaa

694
00:32:15,930 --> 00:32:19,090
sovelletaan - vaikka olet hyvin hukkua
jonka estetiikka.

695
00:32:19,090 --> 00:32:21,750
Itse asiassa, jos todella haluat olla
vaikuttunut, anna minun mennä eteenpäin ja muuttaa

696
00:32:21,750 --> 00:32:23,500
fonttikokoa, esimerkiksi.

697
00:32:23,500 --> 00:32:25,960
Ja huomaa puolipiste, joka
on tarpeen siellä.

698
00:32:25,960 --> 00:32:29,570
>> Fontin kokoa, voimme olla vain naurettava
täällä, 96 kohta.

699
00:32:29,570 --> 00:32:31,280
Paitsi että.

700
00:32:31,280 --> 00:32:33,670
Vau, se on iso fonttikoko.

701
00:32:33,670 --> 00:32:35,490
Okei, joten se on erittäin helppo.

702
00:32:35,490 --> 00:32:38,260
Ja todella, olet lähinnä nähdä
ensimmäinen web-sivun tein

703
00:32:38,260 --> 00:32:40,060
vuotta sitten, kun ensimmäinen
oppinut tätä kamaa.

704
00:32:40,060 --> 00:32:42,190
Se on erittäin helppo tehdä hyvin
hirveä asioita nopeasti.

705
00:32:42,190 --> 00:32:46,115
>> Ja jos olet perehtynyt Wayback
Kone archive.org, voit

706
00:32:46,115 --> 00:32:48,210
löydät kaikki minun hirvittävän
undergrad web-sivuja.

707
00:32:48,210 --> 00:32:50,090
Yksi oli Kermit sammakko edessä.

708
00:32:50,090 --> 00:32:53,150
Kävin läpi vaihe, jossa ajattelin
se oli siistiä ottaa taustalla

709
00:32:53,150 --> 00:32:56,320
punainen verho, kun kuulin kuinka
voi laatta kuvia uudestaan ​​ja uudestaan, ja

710
00:32:56,320 --> 00:32:59,540
jälleen täyttää sivu
iso tahmea punainen verho.

711
00:32:59,540 --> 00:33:03,120
Ja sitten päälle tämän, oli ikoni
että olet joutunut klikkaa päästäksesi kotini

712
00:33:03,120 --> 00:33:04,960
sivulle, koska se oli
hyvin muodissa.

713
00:33:04,960 --> 00:33:08,870
>> Ja sitten minun ensimmäinen ohjelma ikinä kirjoitti
ei ollut PHP, mutta kieli

714
00:33:08,870 --> 00:33:12,260
nimeltään Pearl kirjoitti vieraskirjan, joka
on todella kova juttu, että

715
00:33:12,260 --> 00:33:14,250
Monet ihmiset odottavat sinua
on on kotisivu.

716
00:33:14,250 --> 00:33:17,510
Kun pääset sivulle, he haluavat sinun
kirjautua, ja sanoa, kuka olet,

717
00:33:17,510 --> 00:33:18,720
ja miksi olet siellä.

718
00:33:18,720 --> 00:33:21,320
Tämä on hyvin 1990-luvun tyyliin web design.

719
00:33:21,320 --> 00:33:24,130
>> Mutta näinä päivinä, varmasti, olemme
tullut paljon kauemmas.

720
00:33:24,130 --> 00:33:27,560
Ja näet, jaksossa, ja jopa
in ongelma asettaa seitsemän, jonka

721
00:33:27,560 --> 00:33:31,570
hyödyntämällä kirjastojen näinä päivinä,
se on niin paljon helpompi tehdä

722
00:33:31,570 --> 00:33:33,400
kauniimpi asiat nopeasti.

723
00:33:33,400 --> 00:33:36,550
Oikeasti täällä, me vain raapiminen
pintaa mitä voit tehdä

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

725
00:33:37,400 --> 00:33:41,660
>> Ja itse asiassa jo, haluan korostaa,
että tämä on jo tulossa ruma, ei

726
00:33:41,660 --> 00:33:46,030
vain esteettisesti, mutta suhteen
tyyli on minun koodi, tai

727
00:33:46,030 --> 00:33:47,260
suunnittelu minun koodi.

728
00:33:47,260 --> 00:33:52,350
Olen tällä hetkellä comingled HTML, joka
on vihertävä auki tunnisteet siellä,

729
00:33:52,350 --> 00:33:55,160
CSS-ominaisuuksia, jotka
on täysin legit.

730
00:33:55,160 --> 00:33:57,200
Tämä on todella jossa kieltä
sai alkunsa.

731
00:33:57,200 --> 00:34:01,030
>> Mutta edun puhdas design,
paljon kuin aloitimme factoring juttuja

732
00:34:01,030 --> 00:34:05,370
pois C-tiedostoja. h tiedostoja, anna
me myös käytännössä sellaista

733
00:34:05,370 --> 00:34:07,990
periaatteen ja alkaa tehdä
Tämän sijaan.

734
00:34:07,990 --> 00:34:13,280
Sanon tyyli tag täällä, joka
on olemassa myös HTML, ja haluan

735
00:34:13,280 --> 00:34:15,330
Määritä seuraavat.

736
00:34:15,330 --> 00:34:16,360
Minäpä poistaa.

737
00:34:16,360 --> 00:34:18,110
Taustaväri tulee olemaan punainen.

738
00:34:18,110 --> 00:34:19,800
Aion poistaa kokonaan.

739
00:34:19,800 --> 00:34:22,580
Aion päästä eroon tyyli
Yhdistän, ja aion yksilöllisesti

740
00:34:22,580 --> 00:34:24,620
tunnistamaan tämän div sana -

741
00:34:24,620 --> 00:34:28,750
mielivaltaisesti, mutta kohtuudella, lainaus
lainaus "päälle." Ja id on erityinen

742
00:34:28,750 --> 00:34:32,530
ominaisuus, joka ainutlaatuisesti määrittelee
tietyt HTML-elementti

743
00:34:32,530 --> 00:34:33,850
olevan, että id.

744
00:34:33,850 --> 00:34:37,969
>> Jos minä nyt halua tyylitelty se, jopa täällä
esimies sivun sisällä

745
00:34:37,969 --> 00:34:41,730
tyyli tag, huomaa, että
Voin tehdä hash alkuun.

746
00:34:41,730 --> 00:34:45,300
Ja sitten voin laittaa pari kihara
henkselit, muistuttaa C, ja anna

747
00:34:45,300 --> 00:34:47,130
minua liitä että stilisointi.

748
00:34:47,130 --> 00:34:49,929
Ja anna minun mennä eteenpäin tässä ja ennakoida
minne olen menossa tämän.

749
00:34:49,929 --> 00:34:53,380
Saanen myös luoda yksi
pohjaa varten div.

750
00:34:53,380 --> 00:34:58,010
Haen tämän hirvittävän koodi alas
täällä, laita se tänne, ja minä olen

751
00:34:58,010 --> 00:35:00,770
hieman peräaukon nyt ja tyylitelty sen
vain asettaa asiat omaan

752
00:35:00,770 --> 00:35:02,540
line, joka päättyy puolipisteellä.

753
00:35:02,540 --> 00:35:04,430
Anna minun päästä eroon tyyliin tag.

754
00:35:04,430 --> 00:35:05,320
>> Mutta en ole tehnyt vielä.

755
00:35:05,320 --> 00:35:07,406
Minun täytyy tehdä yksi asia.

756
00:35:07,406 --> 00:35:10,070
Joo, id vastaa lainaus lainaus, "pohja"
tai mitä id haluan

757
00:35:10,070 --> 00:35:11,740
antaa, että elementti.

758
00:35:11,740 --> 00:35:13,420
Nyt haluan palata tänne.

759
00:35:13,420 --> 00:35:14,360
Ja tämä on karmiva.

760
00:35:14,360 --> 00:35:15,805
En voi käsitellä 96 kohta.

761
00:35:15,805 --> 00:35:16,960
Tehdään 24 kohta.

762
00:35:16,960 --> 00:35:18,320
Tai voit olla täsmällisempi.

763
00:35:18,320 --> 00:35:21,800
Voit itse käyttää pikseliä, px, joten
että todella saat hienompaa viljan

764
00:35:21,800 --> 00:35:23,220
valvoa sivusi.

765
00:35:23,220 --> 00:35:26,860
>> Sivuhuomautuksena, se ei ole välttämättä
parasta, jos käyttäjille,

766
00:35:26,860 --> 00:35:29,650
saavutettavuus syistä halua
pystyä kasvattamaan kokoa.

767
00:35:29,650 --> 00:35:32,650
Niin ymmärtää, että on olemassa tapoja tehdä
asioita, jotka eivät välttämättä

768
00:35:32,650 --> 00:35:34,230
kova koodi kaiken.

769
00:35:34,230 --> 00:35:37,220
>> Okei, niin se on isompi, 24 kohta,
kuin mitä oletuksena on.

770
00:35:37,220 --> 00:35:38,630
Mutta nyt se on hieman puhtaampaa.

771
00:35:38,630 --> 00:35:40,230
Ja haluan ottaa tämän askeleen pidemmälle.

772
00:35:40,230 --> 00:35:47,220
Aivan kuten ajatus header-tiedostot,
huomaa että olemme askeleen lähempänä.

773
00:35:47,220 --> 00:35:52,000
Olen pois laskusta, mutta silti jäljellä,
sisällä minun sivu, ne CSS-sääntöjä.

774
00:35:52,000 --> 00:35:56,200
Miksi voisi Haluan ottaa tämän askeleen
edelleen, poista kokonaan, ja

775
00:35:56,200 --> 00:35:59,860
laita se erilliseen tiedostoon?

776
00:35:59,860 --> 00:36:01,070
>> Joten en voi käyttää sitä, eikö?

777
00:36:01,070 --> 00:36:03,155
Tämä on juuri sellainen intuitio
nyt.

778
00:36:03,155 --> 00:36:06,340
Aiemmin en väittänyt, että se oli vain
saada ruma ottaa tyyliin

779
00:36:06,340 --> 00:36:08,480
attribuutteja sisällä
divs itse.

780
00:36:08,480 --> 00:36:09,750
Mutta juuri sellainen usko, että läpi.

781
00:36:09,750 --> 00:36:13,560
Kuten sivusi vain pitkittyy, jos
olet laskemisesta täällä, ja täällä, ja

782
00:36:13,560 --> 00:36:18,350
tässä, ja tässä, kaikki nämä eri
värejä ja fontin kokoa, ja muut tällaiset

783
00:36:18,350 --> 00:36:22,550
attribuutteja, sivusi on hyvin nopeasti
tulossa hallitsemattomaksi sinulle.

784
00:36:22,550 --> 00:36:24,570
>> Jos joku tulee luoksesi ja
sanoo, oh, tiedätkö mitä?

785
00:36:24,570 --> 00:36:28,070
Haluaisin todella muuttaa fontin kokoa
kaksi ylimääräistä pistettä, olet

786
00:36:28,070 --> 00:36:31,275
ehkä mennä ja etsiä ja korvata
valtava määrä riviä koodia.

787
00:36:31,275 --> 00:36:35,170
Se on paljon enemmän pakottavia keskittää
kaikki tällaiset estetiikka täällä.

788
00:36:35,170 --> 00:36:38,850
Mutta jos haluat käyttää uudelleen näitä
estetiikka useita web-sivuja, kaikki

789
00:36:38,850 --> 00:36:41,100
enemmän pakottavia, sillä
Esimerkiksi luoda tiedoston

790
00:36:41,100 --> 00:36:45,290
maksoi näistä pitoisuuksista.

791
00:36:45,290 --> 00:36:46,680
>> Ja anna minun tehdä tätä.

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

793
00:36:51,150 --> 00:36:51,920
Tallenna tiedosto.

794
00:36:51,920 --> 00:36:55,580
Sanon styles.css, mielivaltainen,
mutta perinteiset.

795
00:36:55,580 --> 00:36:58,770
Laitan sen John Harvardin kotiin
hakemistossa nyt yksinkertaisuuden vuoksi.

796
00:36:58,770 --> 00:37:03,880
Ja mitä voin tehdä minun web-sivu on saada
eroon tyyli tag kokonaan,

797
00:37:03,880 --> 00:37:08,270
ja hieman unintuitively, käytä linkkiä
tag, joka ei anna sinulle linkin

798
00:37:08,270 --> 00:37:13,140
hyperlinkin, klikattava mielessä, mutta
jos sanon linkkiä, href vastaa

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

800
00:37:15,120 --> 00:37:20,050
Ja suhde, että tämä tekijä
on web-sivu on toimia

801
00:37:20,050 --> 00:37:21,280
sen tyylisivu.

802
00:37:21,280 --> 00:37:22,670
>> Joten miten tiedän tämän?

803
00:37:22,670 --> 00:37:25,950
Yksi, voit vain lukea käyttöohjeet,
tai et Google ympäri, ja sinä

804
00:37:25,950 --> 00:37:27,000
tarkastella erilaisia ​​resursseja.

805
00:37:27,000 --> 00:37:30,520
Tarkoitan, että todella on, miten nostat
tekniikoita, kuten tämä, ja johdonmukainen

806
00:37:30,520 --> 00:37:34,720
tämän ajatuksen opetuksen itsestä uusia
kielet, jälleen, huomaat, että

807
00:37:34,720 --> 00:37:38,830
on olemassa vain rajallinen määrä asioita
mihin tahansa kieleen, että kun saat

808
00:37:38,830 --> 00:37:41,310
niitä, huomaat, että se saa
nopeammin ja nopeammin kirjoittaa.

809
00:37:41,310 --> 00:37:44,180
Itse oppiminen uuden ohjelmakauden
kieli on niin paljon nopeampi kuin uusi

810
00:37:44,180 --> 00:37:47,380
puhuttua kieltä, koska nämä asiat
ovat paljon pienempiä, ja paljon muuta

811
00:37:47,380 --> 00:37:48,820
täsmällisesti.

812
00:37:48,820 --> 00:37:51,590
>> Mutta olen korostanut vähän
on poikkeus tästä.

813
00:37:51,590 --> 00:37:57,750
Miksi olen korostanut tätä
vinoviiva täällä?

814
00:37:57,750 --> 00:37:59,420
Koska minulla on sulkea tag.

815
00:37:59,420 --> 00:38:00,530
Minun pitäisi sulkea tag.

816
00:38:00,530 --> 00:38:02,750
Ja löydät lukemattomia resursseja
verkossa, jotka eivät

817
00:38:02,750 --> 00:38:04,080
välttämättä sulje tageja.

818
00:38:04,080 --> 00:38:08,770
Ja realistisesti, se ei ole tiukasti
tarvittavat tekniset ja on

819
00:38:08,770 --> 00:38:11,950
syistä todellisuutta, selaimet ovat vain
melko suvaitsevainen virheitä web

820
00:38:11,950 --> 00:38:14,360
sivuja, parempaan tai huonompaan,
mutta enimmäkseen huonompi.

821
00:38:14,360 --> 00:38:18,830
>> Joten täällä on vain puhtaampi tapa
sanomalla jotain typerää, kuten tämä,

822
00:38:18,830 --> 00:38:22,330
jos jos haluat avata linkin tag
mutta lähellä sitä, siellä oikeastaan ​​mitään käsitystä

823
00:38:22,330 --> 00:38:23,720
sisältöjä link tag.

824
00:38:23,720 --> 00:38:26,000
Se tarkoittaa vain sitä, lataa tätä
tiedosto ja laita se tänne.

825
00:38:26,000 --> 00:38:30,610
Se on kuin terävä sisällyttää C. Voit
avata ja sulkea tag kaikki kerralla

826
00:38:30,610 --> 00:38:31,660
saman tunnisteen.

827
00:38:31,660 --> 00:38:33,520
Ja siellä on muita esimerkkejä.

828
00:38:33,520 --> 00:38:37,280
Tämä ei ole tapa tehdä tämä, mutta
br tag, rivinvaihtoihin, jos olen

829
00:38:37,280 --> 00:38:41,780
todella halusin saavuttaa, mitä olin
yrittää ennen lyömällä Enter, jos

830
00:38:41,780 --> 00:38:45,380
I nimenomaan sanoa rivinvaihto, rivinvaihdon
rivinvaihto, rivinvaihdon ja

831
00:38:45,380 --> 00:38:49,100
kokeile ladata tämä sivu, nyt huomaat
että sivun alaosassa on,

832
00:38:49,100 --> 00:38:51,940
todellakin, paljon kauemmas alas
sivun alareunassa.

833
00:38:51,940 --> 00:38:55,840
Mutta sekin voidaan tehdä paljon
siististi CSS, ja marginaalit,

834
00:38:55,840 --> 00:38:58,120
ja muiden tällaisten esteettinen
tekniikoita.

835
00:38:58,120 --> 00:38:59,940
>> Joten nyt noutoruokapaikkoja tämän.

836
00:38:59,940 --> 00:39:02,320
HTML, meillä on näitä
asioita kutsutaan tageja.

837
00:39:02,320 --> 00:39:04,830
CSS, meillä on nämä asiat
nimeltään ominaisuuksia.

838
00:39:04,830 --> 00:39:08,700
Voimme comingle näistä kielistä,
joko käyttämällä tyyliattribuutti,

839
00:39:08,700 --> 00:39:14,240
tai tyyliä tunnisteen tai paras vielä, factoring
se kokonaan pois, kuin me

840
00:39:14,240 --> 00:39:17,270
ongelmatilanteissa asetettu 7.

841
00:39:17,270 --> 00:39:23,820
Kysymyksiin, niin, noin
käsitteellinen perusasiat täällä?

842
00:39:23,820 --> 00:39:24,740
>> Yleisö: Minulla on kysymys.

843
00:39:24,740 --> 00:39:25,630
>> SPEAKER 1: Anteeksi.

844
00:39:25,630 --> 00:39:28,880
>> Yleisö: Miksei se värillinen -

845
00:39:28,880 --> 00:39:31,410
>> SPEAKER 1: Oh, toisessa välilehdessä?

846
00:39:31,410 --> 00:39:32,232
Täällä?

847
00:39:32,232 --> 00:39:33,482
>> Yleisö: Ei, se on kuin -

848
00:39:33,482 --> 00:39:35,330

849
00:39:35,330 --> 00:39:39,480
>> SPEAKER 1: Voi, se johtuu
Olin nuhruisuutta.

850
00:39:39,480 --> 00:39:41,350
Laitoin tiedoston väärään paikkaan.

851
00:39:41,350 --> 00:39:47,840
Joten jos olen oikeastaan ​​laittaa sen tänne, ja minä
chmod se kaikki + R styles.css ja

852
00:39:47,840 --> 00:39:52,050
nyt päivittää sivun nyt
saada stilisointi takaisin.

853
00:39:52,050 --> 00:39:54,530
Ja koska fonttikokoa
erilaisia, emme näe yhtä paljon

854
00:39:54,530 --> 00:39:55,010
valkoinen tila.

855
00:39:55,010 --> 00:39:58,240
Me sen sijaan nähdä, mitä
Oletuksena on sen sijaan.

856
00:39:58,240 --> 00:40:00,050
Hyvä kysymys.

857
00:40:00,050 --> 00:40:00,846
Kyllä?

858
00:40:00,846 --> 00:40:02,630
>> Yleisö: Miksi linkki
tag sisällä otsikon?

859
00:40:02,630 --> 00:40:06,270
>> SPEAKER 1: Miksi linkit
tag sisällä header -

860
00:40:06,270 --> 00:40:07,650
Lyhyt vastaus, vain siksi.

861
00:40:07,650 --> 00:40:08,930
Tämä on mitä päätettiin.

862
00:40:08,930 --> 00:40:10,720
Se kun linkki tagit mennä, kun
olet mitä kutsutaan

863
00:40:10,720 --> 00:40:13,650
ulkoinen tyylisivu.

864
00:40:13,650 --> 00:40:16,430
Muita kysymyksiä?

865
00:40:16,430 --> 00:40:17,770
>> Okei, no tehdään tämä.

866
00:40:17,770 --> 00:40:20,500
Meillä on niin paljon hauskaa edessämme tänään.

867
00:40:20,500 --> 00:40:22,480
Se on vain naarmuuntumista
pinta CSS.

868
00:40:22,480 --> 00:40:23,010
Tehdään tämä.

869
00:40:23,010 --> 00:40:25,980
Otetaanpa viiden minuutin tauko täällä
koska per sähköpostiini, nyt roikkua

870
00:40:25,980 --> 00:40:27,200
siellä kunnes 2:30-ish tänään.

871
00:40:27,200 --> 00:40:28,540
Mutta jos et tarvitse
jätä, se on hieno.

872
00:40:28,540 --> 00:40:30,380
Mutta me menemme eteenpäin, kun
viiden minuutin tauko.

873
00:40:30,380 --> 00:40:35,930
Ja me oppia vähän jotain
noin PHP, MySQL, ja enemmän.

874
00:40:35,930 --> 00:40:44,520
>> Okei, joten yritetään nyt, sitoa
Muutama näistä ideoista yhteen ja tehdä,

875
00:40:44,520 --> 00:40:46,180
sanoa, oman hakukoneen.

876
00:40:46,180 --> 00:40:48,570
Huomasin, vaan uteliaana
seuraavat.

877
00:40:48,570 --> 00:40:52,610
Kun olet Google.com, olet
tyypillisesti URL kuin tämä yksi täällä

878
00:40:52,610 --> 00:40:54,870
mitään, kun piste com.

879
00:40:54,870 --> 00:40:59,760
Mutta jos etsin jotain typerää, kuten
kissoja, ja paina Enter, saamme - ei

880
00:40:59,760 --> 00:41:01,300
tyhmä, mutta tiedät.

881
00:41:01,300 --> 00:41:05,410
>> OK, niin huomaa, yläreunassa sivun,
Nyt, URL on tietenkin muuttunut.

882
00:41:05,410 --> 00:41:07,190
Ja tämä ei ole mitään
uusi kenelle tahansa meistä.

883
00:41:07,190 --> 00:41:09,290
Klikkaat linkkejä ja juttuja
tapahtuu verkossa.

884
00:41:09,290 --> 00:41:11,420
Mutta mitä mielenkiintoista täällä
on seuraava.

885
00:41:11,420 --> 00:41:14,500
Siellä on paljon sotkua, mutta anna
me heittää pois tavaraa, että en ole

886
00:41:14,500 --> 00:41:16,600
ymmärrä tai ei
todella katsoa asiaa.

887
00:41:16,600 --> 00:41:18,490
>> Anna minun päästä eroon tästä.

888
00:41:18,490 --> 00:41:20,030
Anna minun päästä eroon tästä.

889
00:41:20,030 --> 00:41:22,630
Ja haluan vain päästä eroon
kaiken tämän.

890
00:41:22,630 --> 00:41:28,840
Ja nyt huomaa, että kissat on URL,
seurasi q, niin yhtä

891
00:41:28,840 --> 00:41:29,710
allekirjoittaa sen edessä.

892
00:41:29,710 --> 00:41:32,110
Joten se kääntyy pois näin
miten se toimii, kun se tulee

893
00:41:32,110 --> 00:41:33,360
on tulo ja lähtö.

894
00:41:33,360 --> 00:41:37,510
>> Olemme puhuneet
mustat laatikot, eikö?

895
00:41:37,510 --> 00:41:41,650
Joten, jos tämä on toteutettu tehtävä
täällä musta laatikko, se vie tulo

896
00:41:41,650 --> 00:41:45,290
ja tuottaa tuotos, hyvin, tarkoittaa
jolla voit antaa palautetta

897
00:41:45,290 --> 00:41:49,270
sivusto on Poiketen usein, sen URL.

898
00:41:49,270 --> 00:41:52,850
Sinun tarvitsee vain laittaa kysymysmerkki
ja sitten avain vastaa arvoa.

899
00:41:52,850 --> 00:41:56,740
Ja sitten ehkä et-merkki, ja sitten
toinen keskeinen vastaa arvoa, niin ehkä

900
00:41:56,740 --> 00:41:58,810
toinen et-merkki, avain vastaa arvoa.

901
00:41:58,810 --> 00:42:03,030
Näin ohitat avaimet ja
arvot, paria tuloa.

902
00:42:03,030 --> 00:42:07,050
>> Joten jos osuin Anna nyt, mitä
mielenkiintoista Google on, että kaikki

903
00:42:07,050 --> 00:42:10,420
jotka sotkevat poistin ei näy
on ehdottoman välttämätöntä.

904
00:42:10,420 --> 00:42:15,120
Kaikki minun täytyy lähettää Google on kysymys
Mark Q on yhtä kissaa saada

905
00:42:15,120 --> 00:42:16,160
takaisin joitakin kissoja.

906
00:42:16,160 --> 00:42:20,160
No, seuraus, että silloin,
on, jos vedän ylös gedit, olen alkanut

907
00:42:20,160 --> 00:42:24,360
tehdä oman hakukoneen täällä
tiedosto nimeltä seach0.html.

908
00:42:24,360 --> 00:42:26,750
>> Ja anna minun mennä eteenpäin ja poistaa
yksi rivi, että

909
00:42:26,750 --> 00:42:27,910
ei pitäisi nähdä.

910
00:42:27,910 --> 00:42:31,070
Ja nyt, anna minun mennä oman selaimen,
niin ei Google, ja siirry

911
00:42:31,070 --> 00:42:34,900
http://localhost.

912
00:42:34,900 --> 00:42:36,220
Ja että menee tiellä.

913
00:42:36,220 --> 00:42:43,240
Joten aiomme täytyy sanoa hyvästit
että nyt siirtää tämän tänne,

914
00:42:43,240 --> 00:42:46,270
oh, nyt olemme menossa on
hyvästellä tiedoston.

915
00:42:46,270 --> 00:42:51,700
>> Aina kun on tiedosto nimeltä
index.html tai index.php

916
00:42:51,700 --> 00:42:54,980
hakemistoon, jos Web-palvelin on
määritetty tällä tavalla, mitä ll

917
00:42:54,980 --> 00:42:59,600
katso, oletuksena, on sisältö, joka
tiedosto eikä listaus

918
00:42:59,600 --> 00:43:02,330
hakemistoon, koska halusin täällä.

919
00:43:02,330 --> 00:43:03,750
Enemmän tästä spec.

920
00:43:03,750 --> 00:43:04,610
Et nähnyt sitä.

921
00:43:04,610 --> 00:43:06,360
>> Joten tämä on mitä olen itse halunnut.

922
00:43:06,360 --> 00:43:08,810
Mutta hetki sitten oli
tiedosto tähän kansioon nimeltä

923
00:43:08,810 --> 00:43:11,290
index.html ja index.php.

924
00:43:11,290 --> 00:43:13,380
Ja niin web-palvelin oli
osoittaa minulle nämä tiedostot.

925
00:43:13,380 --> 00:43:15,900
Sen sijaan haluan tämän hakemiston
Listaan ​​tähän.

926
00:43:15,900 --> 00:43:18,340
>> Joten aion mennä
CSS ja mene search0.

927
00:43:18,340 --> 00:43:21,770
Ja väitän, että tämä on se tulee olemaan
alussa oman kilpailukykyisen

928
00:43:21,770 --> 00:43:22,490
hakukone.

929
00:43:22,490 --> 00:43:27,630
Ja tehdä tämän, aion mennä
täällä, CSS: ään, ja avautua

930
00:43:27,630 --> 00:43:30,190
gedit, haku 0.

931
00:43:30,190 --> 00:43:32,280
Mutta valitettavasti, on olemassa
ei paljon tekeillä.

932
00:43:32,280 --> 00:43:35,690
Kaikki tein oli käyttää otsikon tag, joka
sattuu olemaan nimeltään H1, joka

933
00:43:35,690 --> 00:43:38,180
tarkoittaa sitä, iso ja
rohkea, ja se on siinä.

934
00:43:38,180 --> 00:43:40,810
Mutta tapa, jolla voimme
tuovan ovat kautta nämä

935
00:43:40,810 --> 00:43:42,180
asioita kutsutaan muotoja.

936
00:43:42,180 --> 00:43:46,040
>> Joten anna minun mennä eteenpäin ja avata ja sulkea,
ennaltaehkäisevästi, lomake tag siellä.

937
00:43:46,040 --> 00:43:48,060
Ja anna minun mennä eteenpäin ja tehdä
jotain tällaista.

938
00:43:48,060 --> 00:43:51,430
Input, tyyppi vastaa tekstiä.

939
00:43:51,430 --> 00:43:56,320
Ja anna Suljetaan tunnisteen
suluissa itse.

940
00:43:56,320 --> 00:43:58,800
En tarvitse aloittaa tekstikenttään
ja lopettaa tekstikenttään.

941
00:43:58,800 --> 00:44:01,080
Se on vain olemaan siellä tai ei.

942
00:44:01,080 --> 00:44:06,210
>> Ja sitten alle, tehdään
tulotyyppi vastaa lähettävät.

943
00:44:06,210 --> 00:44:06,870
Tallenna tämä.

944
00:44:06,870 --> 00:44:08,630
Ja nyt haluan vain tehdä
nopeasti järki tarkistaa.

945
00:44:08,630 --> 00:44:09,820
Katsotaanpa uudelleen.

946
00:44:09,820 --> 00:44:10,890
>> OK, joten se ei ole huono.

947
00:44:10,890 --> 00:44:13,260
Se ei ole Googlen tyyli,
mutta se on melko lähellä.

948
00:44:13,260 --> 00:44:13,920
On tekstikenttään.

949
00:44:13,920 --> 00:44:17,190
Voin kirjoittaa joitakin juttuja, Enter,
mutta mitään ei tapahdu vielä.

950
00:44:17,190 --> 00:44:21,090
Ja se on, koska en ole määritelty
toiminta tässä muodossa, niin sanoakseni.

951
00:44:21,090 --> 00:44:23,860
Joten jos menen takaisin lomakkeen elementti,
se kääntyy pois, ja tiedän tämän vain

952
00:44:23,860 --> 00:44:27,460
saamasta lukea asiakirjat, että
lomake tag vie määritteen

953
00:44:27,460 --> 00:44:31,880
kutsutaan toimintaa, joka on URL
Internet-sivuston, johon

954
00:44:31,880 --> 00:44:34,790
haluat lähettää lomakkeen.

955
00:44:34,790 --> 00:44:37,610
>> En todellakaan usko, meillä on aikaa
toteuttaa koko loppupäätä

956
00:44:37,610 --> 00:44:38,570
hakukone tänään.

957
00:44:38,570 --> 00:44:41,900
Joten olemme juuri menossa sanoa, eh,
Siirry google.com / haku.

958
00:44:41,900 --> 00:44:43,450
Ja nyt haluan suljen lainausmerkkejä.

959
00:44:43,450 --> 00:44:46,070
Ja haluan täsmentää, että
tapa käyttää on menossa

960
00:44:46,070 --> 00:44:47,120
kutsua päästä.

961
00:44:47,120 --> 00:44:50,650
>> Pitkä tarina lyhyt, on olemassa kaksi tapaa kello
ainakin, että voit lähettää tietoja

962
00:44:50,650 --> 00:44:51,880
selaimella palvelimeen.

963
00:44:51,880 --> 00:44:55,340
Yksi on saada, ja tämän päivän tarkoituksiin,
että juuri tarkoittaa URL.

964
00:44:55,340 --> 00:44:58,730
Näet tarkasti, kysymysmerkkejä,
yhtäläisyysmerkkiin, ja et-että

965
00:44:58,730 --> 00:44:59,780
näimme aiemmin.

966
00:44:59,780 --> 00:45:02,890
Tai on olemassa vaihtoehto nimeltään postitse.

967
00:45:02,890 --> 00:45:06,490
Nyt tiedämme, että viesti on usein käytetty
kun haluat ladata tiedostoja, kuten

968
00:45:06,490 --> 00:45:09,820
kuvia ja niin edelleen, tai kun haluat
lähetä luottokortin tietoja tai

969
00:45:09,820 --> 00:45:13,810
salasanoja, mitään, se ei
todella järkevää, käsitteellisesti tai

970
00:45:13,810 --> 00:45:18,020
turvallisuus viisas, päätyä URL
selain, jossa vakoilla vanhemmat,

971
00:45:18,020 --> 00:45:21,520
tai kämppäkaverini, tai kuka tahansa, jolla on pääsy
tietokoneeseen voi nähdä.

972
00:45:21,520 --> 00:45:23,110
>> Joten paitsi että täällä.

973
00:45:23,110 --> 00:45:24,480
Ja minun täytyy tehdä yksi asia.

974
00:45:24,480 --> 00:45:27,250
Se ei riitä vain
sanoa antaa minulle tekstikenttään.

975
00:45:27,250 --> 00:45:29,850
Minun täytyy antaa, että kentän
Arvostamme nimi.

976
00:45:29,850 --> 00:45:34,500
Sallikaa minun lainata Googlen valinta
nimet, q, ja täsmennetään, että toinen

977
00:45:34,500 --> 00:45:38,150
Yhdistän En välitä
nimi Lähetä-painiketta.

978
00:45:38,150 --> 00:45:40,890
Välitän on esittää
mitä käyttäjä kirjoittaa sisään

979
00:45:40,890 --> 00:45:41,940
>> Ja nyt tämä on sellainen ruma.

980
00:45:41,940 --> 00:45:42,820
Se vain kertoo lähettävät.

981
00:45:42,820 --> 00:45:46,350
On käynyt ilmi, ja Tiedän tämän
dokumentaatio, voin todella sanoa

982
00:45:46,350 --> 00:45:51,710
arvo on sama lainaus lainaus "CS50
seach, "lähellä lainaus.

983
00:45:51,710 --> 00:45:53,030
Sitten Katsotaanpa ladata uudelleen.

984
00:45:53,030 --> 00:45:57,020
Olen siis pitää lyödä Command-R, tai
Ohjaus-R minun näppäimistö ladata.

985
00:45:57,020 --> 00:45:58,605
>> Nyt meillä on enemmän mielenkiintoisia
hakukone.

986
00:45:58,605 --> 00:46:00,340
Se ei ole aivan näyttää
Google vielä, vaikka.

987
00:46:00,340 --> 00:46:04,100
Joten mennään eteenpäin täällä
tehdä vähän rivinvaihdon.

988
00:46:04,100 --> 00:46:06,066
>> OK, joten nyt meillä on Google.

989
00:46:06,066 --> 00:46:08,260
Meillä oikeastaan ​​melkein ei ole Google.

990
00:46:08,260 --> 00:46:10,460
Joten nyt, mitä tulee tapahtumaan?

991
00:46:10,460 --> 00:46:12,220
Aion kirjoittaa jotain
kuten kissat.

992
00:46:12,220 --> 00:46:16,570
Ja selaimen tulee jäsentää
että muoto, että olen määritellyt.

993
00:46:16,570 --> 00:46:19,470
Ja se tulee lähettää
käyttäjän että URL.

994
00:46:19,470 --> 00:46:23,420
Joten tällä kertaa, jostain utelias syystä
Sain enemmän tietoa kantojen

995
00:46:23,420 --> 00:46:24,410
kuin todellisista kissoja.

996
00:46:24,410 --> 00:46:30,580
Mutta se on hieno, koska huomaa vielä
päädyin tänne, Q on yhtä kuin kissat.

997
00:46:30,580 --> 00:46:35,200
>> Niin pitkän tarinan lyhyesti, se näyttää melko
triviaali saada käyttäjän syötettä.

998
00:46:35,200 --> 00:46:38,190
Ja olla oikeudenmukainen, siellä on läjäpäin
muunlaisten lomakkeen kenttiin.

999
00:46:38,190 --> 00:46:41,510
On valintaruudut, ja vähän molempia
yksinomainen radio painikkeet ja

1000
00:46:41,510 --> 00:46:42,960
valikoista ja enemmän.

1001
00:46:42,960 --> 00:46:46,160
Mutta kaikki nämä ovat suhteellisen
helposti täytäntöön

1002
00:46:46,160 --> 00:46:48,040
Tämän tekstikenttään oli.

1003
00:46:48,040 --> 00:46:52,050
Ja lopulta, meidän täytyy vain tehdä
että joku kuuntelee muiden

1004
00:46:52,050 --> 00:46:56,490
rivin loppuun saadakseen että
tietoja käsitellään, jotenkin, ja

1005
00:46:56,490 --> 00:46:58,440
antaa meille takaisin meidän kissat.

1006
00:46:58,440 --> 00:47:00,840
>> Katsotaanpa hieman
enemmän mukana esimerkiksi.

1007
00:47:00,840 --> 00:47:06,020
Anna minun mennä minun VHost hakemiston,
osaksi paikallinen isäntä, julkinen, ja missä minä

1008
00:47:06,020 --> 00:47:06,980
laittaa tänään lähdekoodia.

1009
00:47:06,980 --> 00:47:09,800
Kaikki tämä tulee olemaan kurssin
sivusto sinulle korjailla.

1010
00:47:09,800 --> 00:47:15,420
Ja jos menen froshims, haluan avata
tätä tiedostoa nyt froshim0.php.

1011
00:47:15,420 --> 00:47:18,460
Tämä yksi on hieman monisanainen, joten
emme kirjoita tätä tyhjästä.

1012
00:47:18,460 --> 00:47:21,970
Mutta huomaa nyt muutama hieman
tuttuja ominaisuuksia.

1013
00:47:21,970 --> 00:47:24,550
>> Yksi, muoto tag, eri toiminta.

1014
00:47:24,550 --> 00:47:25,670
Se ei ole koko URL.

1015
00:47:25,670 --> 00:47:29,930
Nyt on ilmeisesti tiedostoon nimeltään
register0.php, koska hetki,

1016
00:47:29,930 --> 00:47:32,660
Aion opettaa itseäni hieman
jotain PHP, ohjelmointi

1017
00:47:32,660 --> 00:47:37,360
kieli, koska PHP voidaan käyttää
toteuttaa mitä Google toteutettu

1018
00:47:37,360 --> 00:47:39,650
loppupäätä niiden hakukoneita.

1019
00:47:39,650 --> 00:47:42,890
>> Google, todellisuudessa todennäköisesti käyttää
Joissakin Python, jotkut C + +, ja

1020
00:47:42,890 --> 00:47:44,230
läjäpäin muita kieliä.

1021
00:47:44,230 --> 00:47:48,230
Mutta voisimme varmasti toteuttaa haku
tulokset PHP jos halusimme.

1022
00:47:48,230 --> 00:47:49,610
Mutta nyt, me pitää se yksinkertainen.

1023
00:47:49,610 --> 00:47:53,320
Ja tämä on todella mieleen yksi
Muiden ensimmäinen sivustot I

1024
00:47:53,320 --> 00:47:54,490
teki vuotta sitten.

1025
00:47:54,490 --> 00:47:58,160
>> Takaisin minun päivä, rekisteröity
sisäiset urheilua fuksi by

1026
00:47:58,160 --> 00:48:00,880
täyttämällä paperinpala, kävely
pihan poikki, ja pudottamalla sen

1027
00:48:00,880 --> 00:48:04,890
postilaatikkoon Proctor vuonna
Wigglesworth, ja että oli miten

1028
00:48:04,890 --> 00:48:05,460
rekisteröity.

1029
00:48:05,460 --> 00:48:09,650
Ja niin minun projekti pian CS50,
oli laittaa, että mikä tekee mestarin

1030
00:48:09,650 --> 00:48:13,460
mielessä, rainan, joka ei ollut
kuten muodissa niin kuin se on nyt.

1031
00:48:13,460 --> 00:48:17,510
Mutta kaikki oli tehtävä oli luoda,
olennaisesti, HTML muodossa.

1032
00:48:17,510 --> 00:48:19,640
>> Ja jotka muodostavat näytti
kutakuinkin näin.

1033
00:48:19,640 --> 00:48:22,480
Minulla oli tulo
fuksi nimi.

1034
00:48:22,480 --> 00:48:27,780
Minulla oli toinen valintaruutu vai
tai he halusivat olla kapteeni, mitä

1035
00:48:27,780 --> 00:48:30,400
heidän sukupuolensa oli, ja
mitä heidän asuntolan oli.

1036
00:48:30,400 --> 00:48:33,370
Ja sitten kova koodattu asioita
kuten Apley Court, ja Canaday,

1037
00:48:33,370 --> 00:48:34,880
Grays, ja niin edelleen.

1038
00:48:34,880 --> 00:48:36,300
>> Joten jälleen, uusia tunnisteita.

1039
00:48:36,300 --> 00:48:39,820
En ole nähnyt näitä ennen uusia
attribuutteja, mutta melko helposti.

1040
00:48:39,820 --> 00:48:42,360
Kun näet esimerkiksi voit sellaista
Vieraan pääoman että idea ja tehdä pudota

1041
00:48:42,360 --> 00:48:43,820
valikosta useimmille mitään.

1042
00:48:43,820 --> 00:48:46,350
Mutta mitä Tärkeintä on, että jokainen
nämä asiat ovat nimiä.

1043
00:48:46,350 --> 00:48:49,720
Ja alareunassa tämän lomakkeen siellä
Lähetä-painike, jonka etiketissä,

1044
00:48:49,720 --> 00:48:51,510
tai arvo, on rekisterissä.

1045
00:48:51,510 --> 00:48:52,670
>> Joten mennään tälle sivulle.

1046
00:48:52,670 --> 00:48:55,050
Anna minun mennä takaisin
hakemistolistaus.

1047
00:48:55,050 --> 00:48:59,410
Anna minun mennä froshims,
ja mene froshim0.php.

1048
00:48:59,410 --> 00:49:01,150
Joten se on hirveä, on oikeudenmukainen.

1049
00:49:01,150 --> 00:49:03,950
Niin voisin ehdottomasti tyylitellä tämä
joitakin CSS, voisin tehdä joitakin

1050
00:49:03,950 --> 00:49:06,890
grafiikka, ehkä lisätä joitakin värejä,
ja tekevät kauniimpi.

1051
00:49:06,890 --> 00:49:10,530
Mutta toiminnallisesti, olin sitä mieltä, että tämä
on oikeastaan ​​aika täydellinen.

1052
00:49:10,530 --> 00:49:15,190
>> Valitettavasti, kun en täytä tätä,
David, kapteeni, Mies, me valita,

1053
00:49:15,190 --> 00:49:20,510
sanotaanko Matthews, Register,
kaikki tapahtuu on tämä.

1054
00:49:20,510 --> 00:49:21,910
Mutta huomaa pari takeaways.

1055
00:49:21,910 --> 00:49:27,130
Yksi, mitä tiedosto palautetaan niille,
tulokset, ilmeisesti?

1056
00:49:27,130 --> 00:49:29,470
Niin se on, todellakin, register0.php.

1057
00:49:29,470 --> 00:49:34,570
Niin että näimme, että toiminta
arvo hetki sitten ja register0 tämä

1058
00:49:34,570 --> 00:49:37,500
vahvistavat, että me todellakin päättyi
ylös kyseinen tiedosto.

1059
00:49:37,500 --> 00:49:39,040
>> Nyt tämä on vain ruma teksti.

1060
00:49:39,040 --> 00:49:42,810
Mutta huomaa, että tämä teksti on
lähtöisin paikallinen isäntä,

1061
00:49:42,810 --> 00:49:44,170
joka on laitteesta.

1062
00:49:44,170 --> 00:49:46,350
Ajattele laitteen nyt vain
Web-palvelin, joka voi olla

1063
00:49:46,350 --> 00:49:46,910
Science Center.

1064
00:49:46,910 --> 00:49:48,060
Se voisi olla todellinen web.

1065
00:49:48,060 --> 00:49:49,850
Joten se on julkisesti saatavilla.

1066
00:49:49,850 --> 00:49:55,480
>> Niin selvästi, on olemassa jokin tapa välittää
muodostaa kentän panoksia palvelimelle

1067
00:49:55,480 --> 00:49:56,840
niin, että se voi tehdä jotain niiden kanssa.

1068
00:49:56,840 --> 00:49:59,020
Valitettavasti register0
on tosi typerää.

1069
00:49:59,020 --> 00:50:01,870
Se vain tulostaa array
joka näyttää tältä.

1070
00:50:01,870 --> 00:50:04,790
Ja se ei ole array
siinä mielessä, että me sen tunnemme.

1071
00:50:04,790 --> 00:50:08,760
Osoittautuu, että PHP, ja paljon
kielillä, ei ole vain numeerisesti

1072
00:50:08,760 --> 00:50:12,350
indeksoitu paneelit jonka ensimmäinen indeksi on
nolla, yksi, sitten kaksi, sitten piste,

1073
00:50:12,350 --> 00:50:13,780
piste, piste, n miinus 1.

1074
00:50:13,780 --> 00:50:16,400
>> Tämä on mitä kutsutaan
assosiatiivinen joukko.

1075
00:50:16,400 --> 00:50:21,150
Assosiatiivinen joukko on sellainen, jossa
voit tallentaa avain arvo-pareja, joissa

1076
00:50:21,150 --> 00:50:23,160
avain ei ole välttämättä määrä.

1077
00:50:23,160 --> 00:50:25,580
Se voisi itse asiassa olla merkkijono, sana.

1078
00:50:25,580 --> 00:50:28,230
Ja niin tämä voidaan toteuttaa,
alla huppu, se kääntyy pois,

1079
00:50:28,230 --> 00:50:31,896
tietorakenteen tunnetaan?

1080
00:50:31,896 --> 00:50:33,600
Ajattelin jotain dramaattista
oli tapahtumassa -

1081
00:50:33,600 --> 00:50:34,840
tiiviste.

1082
00:50:34,840 --> 00:50:38,955
>> Joten hash table, muistaa, ne teistä
kuka sen teki P sarja 6, tai edes muista

1083
00:50:38,955 --> 00:50:44,110
se, ainakin vaikka et kokeilla,
tiiviste, meidän käyttö, käytettiin

1084
00:50:44,110 --> 00:50:45,090
vain tallentaa sanoja.

1085
00:50:45,090 --> 00:50:47,980
Mutta oikeasti, olit tallentamiseen
avaimia ja arvoja.

1086
00:50:47,980 --> 00:50:51,940
Jos toteutetaan hash taulukon P
asetettu 6 sanakirja, avaimet olivat

1087
00:50:51,940 --> 00:50:56,890
sanat itse, ja arvot
olivat tehokkaasti tosi tai epätosi.

1088
00:50:56,890 --> 00:51:00,190
Kyllä, täällä, tai epäsuorasti,
Ei, ei täällä.

1089
00:51:00,190 --> 00:51:02,140
>> No, voimme yleistää, että idea.

1090
00:51:02,140 --> 00:51:06,230
Ja voisimme käyttää hyvin samankaltaisia ​​tietoja
rakenne tallentaa ei merkkijono

1091
00:51:06,230 --> 00:51:10,180
itse yksin omassa tiiviste, mutta
Oletetaan, että jokainen oman hash

1092
00:51:10,180 --> 00:51:11,130
taulukon solmut.

1093
00:51:11,130 --> 00:51:14,210
Ja voit jopa tehdä tämän kokeilla
eikä vain bool.

1094
00:51:14,210 --> 00:51:15,350
Voisit olla jotain muuta.

1095
00:51:15,350 --> 00:51:19,590
Mitä jos avain ei Maxwell varten
Esimerkiksi, mutta lainaus lainaus "nimi", tai

1096
00:51:19,590 --> 00:51:22,900
Lainaan lainaus "kapteeni". Ja sisältä
oman C tietorakenne, laitat

1097
00:51:22,900 --> 00:51:26,170
arvoa, ei vain Boolen, mutta arvon
kuten lainaus lainaus "David", tai

1098
00:51:26,170 --> 00:51:28,690
"M" tai "Matthews," ja niin edelleen.

1099
00:51:28,690 --> 00:51:33,170
>> Nuo samat tietorakenteita käytimme
ilmeisesti on olemassa muilla kielillä.

1100
00:51:33,170 --> 00:51:37,650
Ja olin sitä mieltä he todella paljon,
paljon yksinkertaisempaa käyttää tässä.

1101
00:51:37,650 --> 00:51:40,300
Katsotaanpa itse katsomaan
nyt joitakin tällaisia ​​syntaksin.

1102
00:51:40,300 --> 00:51:43,120
>> Aion mennä PHP hakemistoon.

1103
00:51:43,120 --> 00:51:48,390
Ja aion avata paremmin
versio hei-0 entuudestaan.

1104
00:51:48,390 --> 00:51:50,270
Huomaa, että kaikki mitä tein oli
lisätä joitakin kommentteja.

1105
00:51:50,270 --> 00:51:52,530
Jotta voimme päästä eroon, että häiriötekijä.

1106
00:51:52,530 --> 00:51:57,610
>> Ja tämä ohjelma ei tosiaan tulostaa
Hei, koska olen määritellyt välillä

1107
00:51:57,610 --> 00:52:01,420
tunnisteita, jotka haluan suorittaa kyseisen koodin.

1108
00:52:01,420 --> 00:52:03,380
Nyt näemme hetken
miksi tämä on hyödyllistä.

1109
00:52:03,380 --> 00:52:05,630
Mutta katsotaanpa avaa Toinen esimerkki tästä.

1110
00:52:05,630 --> 00:52:10,430
Anna minun mennä eteenpäin ja avata sanoa,
gedit olosuhteissa yhden.

1111
00:52:10,430 --> 00:52:12,970
>> Tämä on tapa ajassa taaksepäin nyt.

1112
00:52:12,970 --> 00:52:16,320
Mutta viikkoa sitten, luulen, viikolla yksi tai
viikolla kaksi, meillä oli esimerkiksi nimeltään

1113
00:52:16,320 --> 00:52:18,470
conditions1.c.

1114
00:52:18,470 --> 00:52:22,050
Ja päätin reimplement se PHP,
vain sellainen korostaa, että

1115
00:52:22,050 --> 00:52:26,500
PHP, syntaktisesti, on lähes identtinen
to C. Tämä ei ole valtava harppaus

1116
00:52:26,500 --> 00:52:27,840
viime viikolla tähän.

1117
00:52:27,840 --> 00:52:31,230
>> Huomaa yläosassa ohjelman, joka
alkaa, kuten ennen, joidenkin

1118
00:52:31,230 --> 00:52:34,260
kommentteja, joissa pääsen eroon
AS häiriötekijä.

1119
00:52:34,260 --> 00:52:37,410
Huomaa, että olen PHP
mode tähän tiedostoon.

1120
00:52:37,410 --> 00:52:40,160
Joten tämä koodi, näemme,
saavat teloitettiin.

1121
00:52:40,160 --> 00:52:42,670
Huomaa, että on olemassa Readline
joka on luultavasti

1122
00:52:42,670 --> 00:52:46,230
analoginen PHP on getString.

1123
00:52:46,230 --> 00:52:47,390
Huomaa sitä hieman erilainen.

1124
00:52:47,390 --> 00:52:51,410
Voit itse määrittää kehotteella
toiminto nimeltään lukea linja, ja se on

1125
00:52:51,410 --> 00:52:52,180
mitä käyttäjä näkee.

1126
00:52:52,180 --> 00:52:53,520
Joten sinun ei tarvitse printf manuaalisesti.

1127
00:52:53,520 --> 00:52:54,860
Mutta se ei ole iso juttu.

1128
00:52:54,860 --> 00:52:59,150
Aion säilyttää sisällä $ n,
palauttaa arvo tämän, niin mitä

1129
00:52:59,150 --> 00:53:00,490
käyttäjä on on heidän int.

1130
00:53:00,490 --> 00:53:01,660
Ja tässä toinen uteliaisuutta.

1131
00:53:01,660 --> 00:53:05,810
On käynyt ilmi, PHP, mikä tahansa muuttuja
vain on etuliitteenä

1132
00:53:05,810 --> 00:53:06,970
kanssa dollarin merkki.

1133
00:53:06,970 --> 00:53:08,110
Se on vähän ärsyttävää.

1134
00:53:08,110 --> 00:53:10,870
Mutta huomaa, mitä en ole tehnyt PHP.

1135
00:53:10,870 --> 00:53:13,980
Mitä puuttuu vasemman käden
puolella yhtäläisyysmerkkiä?

1136
00:53:13,980 --> 00:53:15,430
>> Ei mainintaa tyyppiä.

1137
00:53:15,430 --> 00:53:19,400
Joten tämä on erilainen C. paremmin
tai pahempaa, PHP on väljästi

1138
00:53:19,400 --> 00:53:20,550
kirjoitettu kieli.

1139
00:53:20,550 --> 00:53:22,010
Se on numeroita.

1140
00:53:22,010 --> 00:53:23,240
Se on jouset.

1141
00:53:23,240 --> 00:53:24,015
Se on booleans.

1142
00:53:24,015 --> 00:53:26,220
Ja se ei ole muutamia
muiden tietojen tyypit.

1143
00:53:26,220 --> 00:53:30,570
Mutta sinä, ohjelmoija, yleensä
ei tarvitse välitä heistä.

1144
00:53:30,570 --> 00:53:34,010
Ylösalaisin tähän on, että se tekee
se hieman helpompi ohjelma.

1145
00:53:34,010 --> 00:53:35,380
Voit ajatella hieman vähemmän.

1146
00:53:35,380 --> 00:53:39,840
Huonona puolena on se myös avaa sinulle jopa
mahdollisia vikoja, jos olet vahingossa

1147
00:53:39,840 --> 00:53:43,080
kohdella numero string, string
kuten monet, mahdollisesti, mutta myös

1148
00:53:43,080 --> 00:53:46,150
sitten, PHP, ja paljon kieliä,
ovat melko suvaitsevaisia.

1149
00:53:46,150 --> 00:53:49,050
He käyttävät mitä kutsutaan
implisiittinen valu.

1150
00:53:49,050 --> 00:53:55,220
Ja jos yrität käyttää n yhteydessä
numerosarjasta tilanne, se

1151
00:53:55,220 --> 00:53:58,040
muuntaa mitä täällä tulee olemaan
string, koska jos käyttäjä kirjoittaa

1152
00:53:58,040 --> 00:54:01,570
jotain, ja saat tuloksen,
kuten readline, tai saada merkkijono,

1153
00:54:01,570 --> 00:54:02,910
joka tulee palauttaa merkkijono.

1154
00:54:02,910 --> 00:54:07,360
>> Mutta huomaa, pari riviä myöhemmin,
tarkista, jos n on suurempi kuin nolla.

1155
00:54:07,360 --> 00:54:13,370
Joten PHP on menossa epäsuorasti annoin
"Merkkijono" 123, tai mitä tahansa käyttäjän

1156
00:54:13,370 --> 00:54:14,860
tyyppejä, osaksi int.

1157
00:54:14,860 --> 00:54:18,730
Joten lyhyt, tavaraa vain toimii
paljon enemmän intuitiivisesti.

1158
00:54:18,730 --> 00:54:23,410
Joten nyt alkaa rentoutua muutamia
asioita, joita olemme tehneet menneisyydessä.

1159
00:54:23,410 --> 00:54:24,780
>> Paljon tätä tavaraa on
sama, vaikka.

1160
00:54:24,780 --> 00:54:26,340
Vieläkään vastaa yhtä.

1161
00:54:26,340 --> 00:54:30,350
Sivuhuomautuksena PHP on myös vastaa yhtä
vastaa, mutta siitä lisää, kenties

1162
00:54:30,350 --> 00:54:30,850
tulevaisuudessa.

1163
00:54:30,850 --> 00:54:31,150
Se oli.

1164
00:54:31,150 --> 00:54:35,660
Typo mutta kaksi yhtäläisyysmerkkiin tarkoittaa samaa
asia kuin ennen, vertailun.

1165
00:54:35,660 --> 00:54:37,060
printf tarkoittaa samaa kuin ennen.

1166
00:54:37,060 --> 00:54:39,160
Kenoviiva n tarkoittaa samaa
asia kuin ennen.

1167
00:54:39,160 --> 00:54:40,390
>> Joten miten voin suorittaa tämän ohjelman?

1168
00:54:40,390 --> 00:54:44,400
No, kuten ennenkin, jos en PHP,
conditions1.php, ja kirjoita

1169
00:54:44,400 --> 00:54:46,560
numero kuin 123.

1170
00:54:46,560 --> 00:54:47,720
Se on positiivinen luku.

1171
00:54:47,720 --> 00:54:49,510
Jos kirjoitan 0, otan 0.

1172
00:54:49,510 --> 00:54:53,700
Ja jos kirjoitan negatiivinen 123, saan
takaisin negatiivinen luku, joka on vain

1173
00:54:53,700 --> 00:54:59,050
sanoa, syntaktisesti, PHP
on super, super samanlaisia.

1174
00:54:59,050 --> 00:55:03,250
>> Miksi tämä nyt hyödyllistä
Web-yhteydessä?

1175
00:55:03,250 --> 00:55:06,710
No, mennään takaisin tähän froshims
Esimerkiksi joka näytti,

1176
00:55:06,710 --> 00:55:08,600
uudelleen, kuten tämä tässä.

1177
00:55:08,600 --> 00:55:11,580
Ja nyt todella vetää ylös sivun
uudelleen, mikä näytti tältä.

1178
00:55:11,580 --> 00:55:14,930
Mitä me voimme tehdä
tietoja, jotka ovat lähettäneet?

1179
00:55:14,930 --> 00:55:18,770
>> No, minäpä avata uudempi
versio.

1180
00:55:18,770 --> 00:55:20,920
Ja huomaat, että ongelma
sarjaa erittely kävelee

1181
00:55:20,920 --> 00:55:22,850
läpi muutamia näistä.

1182
00:55:22,850 --> 00:55:29,610
Sen sijaan aloittaa nollasta,
Katsotaanpa froshims3,

1183
00:55:29,610 --> 00:55:31,410
joka tekee vähän enemmän.

1184
00:55:31,410 --> 00:55:34,780
>> Huomaa ensin, oikeastaan, nyt avata
, mitä oli 0, niin näet

1185
00:55:34,780 --> 00:55:37,170
mitä rekisteri 0 oli.

1186
00:55:37,170 --> 00:55:40,040
Huomaa, mitä rekisteri 0 teki.

1187
00:55:40,040 --> 00:55:41,730
Yksi, olen kommentit yläreunassa.

1188
00:55:41,730 --> 00:55:43,900
Poista ne ja keskittyä vain tähän.

1189
00:55:43,900 --> 00:55:48,730
Useimmat sisällön register0.php
ovat, tietenkin, mitä kieltä?

1190
00:55:48,730 --> 00:55:49,980
Vain raaka PHP.

1191
00:55:49,980 --> 00:55:53,430
>> Joten ilmoitus, tätä kuvaa ei käynnisty
kanssa, tällä hetkellä, alkusulkumerkki,

1192
00:55:53,430 --> 00:55:54,970
kysymysmerkki, PHP.

1193
00:55:54,970 --> 00:55:59,800
PHP ei voit sekoittuvat
PHP HTML tageja.

1194
00:55:59,800 --> 00:56:04,130
Mutta olen tehnyt, että täällä sisällä
sivun tänne.

1195
00:56:04,130 --> 00:56:08,180
>> Nyt, jälleen, olisit vain tiedä tätä alkaen
tarkasteltuaan käsin. print_r,

1196
00:56:08,180 --> 00:56:13,410
se kääntyy pois, on print_recursive.
_recursive Ja tämä on vain kätevä

1197
00:56:13,410 --> 00:56:16,780
hyötyfunktion että vain tulostaa,
rekursiivisesti, mitä luovuttaa niitä.

1198
00:56:16,780 --> 00:56:18,760
Jos käsi se joukko,
se tulee tulostaa array.

1199
00:56:18,760 --> 00:56:20,180
Jos käsi se numero,
se tulee tulostaa numeron.

1200
00:56:20,180 --> 00:56:21,570
Toimita se merkkijono, se tulee
tulostaa merkkijonon.

1201
00:56:21,570 --> 00:56:24,500
Jos käsi on tiiviste, se
tulostaa tiiviste.

1202
00:56:24,500 --> 00:56:26,730
Sinun ei tarvitse kirjoittaa kaikki
tuon koodin itse.

1203
00:56:26,730 --> 00:56:29,490
>> Nyt huomaan, että olen syöttämällä
PHP tilassa tänne.

1204
00:56:29,490 --> 00:56:32,070
Olen poistuminen PHP tilassa tänne.

1205
00:56:32,070 --> 00:56:35,950
Joten kun web-palvelin lukee tätä kuvaa
ylhäältä alas, vasemmalta oikealle, koska

1206
00:56:35,950 --> 00:56:40,750
se päättyy tiedostonimi kutsutaan. php,
mikä ei sisällä PHP tunnisteet on

1207
00:56:40,750 --> 00:56:42,820
vain olemaan sylkeä
pois, kuten raaka HTML.

1208
00:56:42,820 --> 00:56:43,630
No big deal.

1209
00:56:43,630 --> 00:56:49,280
Mutta heti, kun web-palvelin huomaa
Tässä se tulee sanoa, minun ei pitäisi

1210
00:56:49,280 --> 00:56:51,850
sylkemään, kirjaimellisesti, print_r post.

1211
00:56:51,850 --> 00:56:54,910
Minun pitäisi suorittaa seuraavat
riviä koodia.

1212
00:56:54,910 --> 00:56:59,850
>> Joten viimeinen kysymys sitten tämän tiedoston
on, hyvin, mitä hittoa tämä on?

1213
00:56:59,850 --> 00:57:00,530
Ota arvaus.

1214
00:57:00,530 --> 00:57:04,230
Mikä on $ _POST, luultavasti?

1215
00:57:04,230 --> 00:57:07,070
>> Yleisö: [äänetön]

1216
00:57:07,070 --> 00:57:08,830
>> SPEAKER 1: Joo, lähetetty data.

1217
00:57:08,830 --> 00:57:11,350
Recall, nyt siirtyy taaksepäin
aikaa vain hetken.

1218
00:57:11,350 --> 00:57:13,165
froshim0 taas näytti tältä.

1219
00:57:13,165 --> 00:57:15,640
Super Suurin osa on vain HTML.

1220
00:57:15,640 --> 00:57:18,410
Toisaalta osa tageja et ole
nähnyt vielä, tai joiden kanssa

1221
00:57:18,410 --> 00:57:19,360
olet jo tuttu.

1222
00:57:19,360 --> 00:57:21,990
Mutta mielenkiintoinen asia oli tämä.

1223
00:57:21,990 --> 00:57:27,270
Tämä linja on mitä todella yhdistää
se meidän register0.php tiedoston.

1224
00:57:27,270 --> 00:57:29,200
Olen lähettämällä kautta menetelmä postitse.

1225
00:57:29,200 --> 00:57:33,130
Ja se tarkoittaa, että parametreja
käyttäjä on ei

1226
00:57:33,130 --> 00:57:35,150
ehdi missä.

1227
00:57:35,150 --> 00:57:36,175
>> He eivät aio
näy URL.

1228
00:57:36,175 --> 00:57:39,020
Ne ovat vielä menossa lähetetään
asiakas, alkaen selain, jotta

1229
00:57:39,020 --> 00:57:42,080
palvelimelle, mutta vain kautta muun
mekanismi, joka me luopua kätemme

1230
00:57:42,080 --> 00:57:44,330
klo tänään, mutta se ei ole URL.

1231
00:57:44,330 --> 00:57:47,630
Mutta huomaa suhdetta nyt
viesti, jotka perinteisesti on

1232
00:57:47,630 --> 00:57:49,160
pieniksi täällä.

1233
00:57:49,160 --> 00:57:54,090
>> Mutta jos minä avata register0.php,
Olen ilmeisesti tulostaa tästä.

1234
00:57:54,090 --> 00:57:56,450
Joten tämä on tavallaan outo
nimeämiskäytäntöä.

1235
00:57:56,450 --> 00:58:01,430
Mutta mitä mukavaa PHP on, että kun
PHP web-yhteydessä ole

1236
00:58:01,430 --> 00:58:04,480
komentoriviltä kuten tein hetki sitten,
kun olet todellisuudessa käyttävät sitä web

1237
00:58:04,480 --> 00:58:10,580
sivun VHost hakemistossa kuin olemme,
automaattisesti tulee PHP täyttää tämän

1238
00:58:10,580 --> 00:58:15,560
asia, joka on assosiatiivinen array,
niin sanotusti, tiiviste, jossa

1239
00:58:15,560 --> 00:58:17,290
kaikki käyttäjän kirjoitetaan sisään

1240
00:58:17,290 --> 00:58:22,000
>> Lyhyesti sanottuna, $ _POST ISOILLA on
globaali muuttuja, että PHP vain

1241
00:58:22,000 --> 00:58:25,050
maagisesti luo, kun
PHP web-yhteydessä.

1242
00:58:25,050 --> 00:58:29,160
Ja se asettaa sen sisälle kaikki
nimet parametrit muodossa

1243
00:58:29,160 --> 00:58:33,200
jätettiin tähän tiedostoon ja kaikki
arvoja, jotka käyttäjä kirjoitettu sisään

1244
00:58:33,200 --> 00:58:37,790
Joten se ojentaa teille, mitä käyttäjä
kirjoitit tuolle.

1245
00:58:37,790 --> 00:58:42,210
>> Joten ennen, saimme todella tyhmä lähtö
vain nähdä tämän, koska kaikki mitä tein

1246
00:58:42,210 --> 00:58:44,400
on rekursiivisesti tulosta tämä joukko.

1247
00:58:44,400 --> 00:58:46,060
Tärkeintä on nimi, arvo on David.

1248
00:58:46,060 --> 00:58:46,980
Tärkeintä on kapteeni.

1249
00:58:46,980 --> 00:58:47,970
Arvo on.

1250
00:58:47,970 --> 00:58:52,300
Ja kaksoisnuoli ja kulma
kiinnike siellä, tämä on vain mielivaltainen.

1251
00:58:52,300 --> 00:58:53,270
Tämä ei ole koodia.

1252
00:58:53,270 --> 00:58:57,690
Tämä on vain PHP: n tapa osoittaa sinulle
mikä arvo on noin avain on.

1253
00:58:57,690 --> 00:59:03,000
>> Mutta nyt haluan ehdottaa, että
froshIMs3, se on lähes identtinen

1254
00:59:03,000 --> 00:59:04,950
paitsi se esittää tähän tiedostoon.

1255
00:59:04,950 --> 00:59:08,570
Ja vielä, me aiomme sellainen vain
vilkaista tätä, vain nähdä

1256
00:59:08,570 --> 00:59:12,040
syntaksin, mutta huomaa, mitä
tiedostoa ei.

1257
00:59:12,040 --> 00:59:14,930
Arvaa vain perustuu linjat
koodi, joka luultavasti näyttää

1258
00:59:14,930 --> 00:59:17,410
Kreikka, jossain määrin,
on ilmeisesti tekemässä.

1259
00:59:17,410 --> 00:59:20,580

1260
00:59:20,580 --> 00:59:23,110
>> Tämä tiedosto on jotenkin liittyy
mail, sähköposti.

1261
00:59:23,110 --> 00:59:24,770
Joten mitä tämä ohjelma tekee?

1262
00:59:24,770 --> 00:59:28,740
Tässä versiossa, jos olisin todella
Täytä tämä lomake - ja anna minun mennä

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
muoto näyttää samalta.

1266
00:59:34,540 --> 00:59:37,980
David, kapteeni, mies, asuntolan, Matthews.

1267
00:59:37,980 --> 00:59:42,980
Mutta jos lähetät tämän, tämä tiedosto on
menossa register3.php.

1268
00:59:42,980 --> 00:59:46,330
>> Ja väitän, katsomalla sitä on
lähdekoodia, se tulee

1269
00:59:46,330 --> 00:59:47,650
jotenkin liittyy email.

1270
00:59:47,650 --> 00:59:49,620
Anna minun mennä eteenpäin ja avata tämän
vuonna isossa ikkunassa, joten

1271
00:59:49,620 --> 00:59:51,030
voi nähdä sen puhtaammin.

1272
00:59:51,030 --> 00:59:57,220
Olemme vhosts, paikallinen isäntä,
julkinen, froshims.

1273
00:59:57,220 --> 00:59:58,680
Aion avata eri
ohjelmaan, joten

1274
00:59:58,680 --> 01:00:00,160
voi nähdä enemmän kerralla.

1275
01:00:00,160 --> 01:00:03,100
>> Joten nyt täällä, huomaa muutamia asioita.

1276
01:00:03,100 --> 01:00:06,530
Ylimpänä tiedosto on avoinna
kiinnike, kysymysmerkki, PHP.

1277
01:00:06,530 --> 01:00:08,920
Sitten on joukko huomautuksia,
jonka voimme sivuuttaa, on

1278
01:00:08,920 --> 01:00:10,450
mielenkiinnoton nyt.

1279
01:00:10,450 --> 01:00:11,300
>> Nyt on tämä.

1280
01:00:11,300 --> 01:00:14,200
On käynyt ilmi, PHP on paljon
koodia kutsutaan vaativat.

1281
01:00:14,200 --> 01:00:19,110
Se on hyvin samanlainen henki C: n
kuuluu, hash kuuluu, joka

1282
01:00:19,110 --> 01:00:21,980
olennaisesti tarttuu sisältö joidenkin
muiden tiedostojen ja vain vaappuu niitä täällä,

1283
01:00:21,980 --> 01:00:22,930
joten voit käyttää niitä.

1284
01:00:22,930 --> 01:00:27,060
Tässä tapauksessa laite on,
esiasennettuna, kirjasto, vapaa ja

1285
01:00:27,060 --> 01:00:29,900
avoimen lähdekoodin kirjasto nimeltään PHP
Mailer, että kuka tahansa voi

1286
01:00:29,900 --> 01:00:30,770
ladata Internetistä.

1287
01:00:30,770 --> 01:00:32,000
Me vain teimme sen sinulle.

1288
01:00:32,000 --> 01:00:36,130
Ja tämä tarkoittaa, että minun on nyt sähköposti
toiminnallisuus käytettävissäni.

1289
01:00:36,130 --> 01:00:38,170
>> Nyt, huomaa muutamia asioita.

1290
01:00:38,170 --> 01:00:41,120
Aion vahvistaa
lomakkeen mukaan.

1291
01:00:41,120 --> 01:00:45,980
Selvisi PHP, yksi, on huudahdus
pistettä ei toimija, kuten

1292
01:00:45,980 --> 01:00:49,810
C. Mutta PHP on myös toiminto
nimeltään tyhjä.

1293
01:00:49,810 --> 01:00:53,920
>> Tyhjä vain palauttaa true, jos arvo
ja mitä toimita se

1294
01:00:53,920 --> 01:00:57,190
Suluissa on tyhjä, kuten
käyttäjä ei kirjoita mitään sisään

1295
01:00:57,190 --> 01:01:02,680
Joten tämä sanoo, ja huomaa
syntaksin, muistuttaa hyvin paljon C, jos

1296
01:01:02,680 --> 01:01:07,730
nimen näppäintä, niin nimi kentän muodossa,
joka on toimitettu postitse, jonka

1297
01:01:07,730 --> 01:01:13,010
Käyttäjä ei ole tyhjentää, ja niiden
sukupuoli ei ole tyhjä muodossa kuin

1298
01:01:13,010 --> 01:01:15,980
hyvin, ja niiden asuntolan ei ole tyhjä -

1299
01:01:15,980 --> 01:01:19,980
mutta huomaa en välitä kapteeni,
niin mitä me teemme?

1300
01:01:19,980 --> 01:01:21,990
>> Aion toteuttaa
tämä rivi koodia.

1301
01:01:21,990 --> 01:01:24,100
Ja voit ajatella tällaista
kuten malloc, mutta se on hieman

1302
01:01:24,100 --> 01:01:24,800
harrastaja kuin.

1303
01:01:24,800 --> 01:01:29,200
Mutta nyt tämä antaa minulle erityinen
struct tyypin PHP kirjeessä.

1304
01:01:29,200 --> 01:01:31,410
Mutta jättää avainsanan uutta tänään.

1305
01:01:31,410 --> 01:01:35,670
>> Nyt aion soittaa toiminto nimeltään
IsSMTP, joka sanoo, käytä SMTP.

1306
01:01:35,670 --> 01:01:39,380
Portti on 25, kuten video
viime viikolla, kun asia oli heittää

1307
01:01:39,380 --> 01:01:40,710
sähköposteja palomuuri.

1308
01:01:40,710 --> 01:01:42,440
Portti 25 on SMTP.

1309
01:01:42,440 --> 01:01:44,410
SMTP tarkoittaa käyttää sähköpostipalvelin.

1310
01:01:44,410 --> 01:01:46,215
Kumpi, voimme käyttää Harvardin
SMTP.fas.harvard.edu.

1311
01:01:46,215 --> 01:01:48,850

1312
01:01:48,850 --> 01:01:51,590
>> Voimme asettaa osoitteesta
olla John Harvardin.

1313
01:01:51,590 --> 01:01:55,090
Jos minä selaa edelleen, voin asettaa
vastaanottajan osoite, vain

1314
01:01:55,090 --> 01:01:56,840
mielivaltaisesti, on John
Harvardin samoin.

1315
01:01:56,840 --> 01:01:59,210
Niin hän aikoo olla sähköpostitse itselleen.

1316
01:01:59,210 --> 01:02:01,600
>> Nyt voin asettaa aihe
olevan rekisteröinnin.

1317
01:02:01,600 --> 01:02:03,700
Ja voin asettaa kehon
sähköpostin seuraavasti.

1318
01:02:03,700 --> 01:02:06,500
Tämä linja näyttää hieman arvoituksellisesti,
mutta se on vain koska siellä on paljon

1319
01:02:06,500 --> 01:02:07,450
Tietojen siinä.

1320
01:02:07,450 --> 01:02:10,670
Yksi, siellä on piste toimija.

1321
01:02:10,670 --> 01:02:14,510
Joku on jo konkreettinen
dot operaattori tekee.

1322
01:02:14,510 --> 01:02:15,436
Se ketjuttamista.

1323
01:02:15,436 --> 01:02:19,240
Joten jos haluat ottaa merkkijono PHP,
ja liittää sen tai prepend sen,

1324
01:02:19,240 --> 01:02:23,500
toinen merkkijono PHP, Luojan kiitos
ei tarvitse käyttää strcopy ja malloc,

1325
01:02:23,500 --> 01:02:25,490
ja kaikki tämä enää.

1326
01:02:25,490 --> 01:02:28,765
>> Jos haluat ketjuttaa kaksi merkkijonoa,
joka välittää muistiin.

1327
01:02:28,765 --> 01:02:30,850
Anna PHP luku ulos sinulle.

1328
01:02:30,850 --> 01:02:35,200
Mitä PHP tehdä piste operaattorin
täällä on vain tehdä iso lause pois

1329
01:02:35,200 --> 01:02:37,900
tämän linjan, tätä linjaa,
tätä linjaa, tätä linjaa.

1330
01:02:37,900 --> 01:02:40,460
Ja nyt ilmoitus, se menee
voidaan kytkemällä arvot.

1331
01:02:40,460 --> 01:02:43,680
Joten sähköpostia, että John Harvardin menee
vastaanottaa on kirjaimellisesti aikoo sanoa

1332
01:02:43,680 --> 01:02:49,450
nimi, paksusuoli, jotain, vaan meidän
Sulje merkkijono ja liität päälle

1333
01:02:49,450 --> 01:02:52,220
mitä käyttäjä kirjoittaa
, sitten uusi rivi.

1334
01:02:52,220 --> 01:02:54,570
>> Sitten seuraavalla rivillä John Harvardin
sähköpostin, se tulee sanoa

1335
01:02:54,570 --> 01:02:55,910
Kapteeni, On tai ei mitään.

1336
01:02:55,910 --> 01:02:57,810
Se tulee sanoa sukupuoli,
mies tai nainen.

1337
01:02:57,810 --> 01:02:59,680
Asuntolan tulee olemaan Matthews
minun tapauksessani.

1338
01:02:59,680 --> 01:03:03,400
Ja sitten huomaat tuttu puolipiste
aivan lopussa.

1339
01:03:03,400 --> 01:03:07,830
Ja sitten, tänne, ilmoitusta, hieman
arvoituksellinen edelleen, mutta jälleen kerran, sen jälkeen

1340
01:03:07,830 --> 01:03:12,730
malli, joka tutumpi
jälkeen P asettaa 7, jos lähetät postia

1341
01:03:12,730 --> 01:03:16,610
palauttaa false, sitten mennä eteenpäin ja kuolla.

1342
01:03:16,610 --> 01:03:19,610
>> Joten PHP on toiminto nimeltään die,
joka kirjaimellisesti vain tappaa

1343
01:03:19,610 --> 01:03:22,830
verkkosivuilla ja vain tulostaa mitä tahansa
kerrot sen - sen on kuolemassa

1344
01:03:22,830 --> 01:03:24,280
sanoja, niin sanoakseni.

1345
01:03:24,280 --> 01:03:28,310
Ja että tapauksessa, se tulostaa
mitä virhe info on

1346
01:03:28,310 --> 01:03:29,860
mitä tapahtui mennä pieleen.

1347
01:03:29,860 --> 01:03:34,490
Niin pitkän tarinan lyhyesti täällä, mitä meillä on
on esimerkki, jossa, kun käyttäjä

1348
01:03:34,490 --> 01:03:39,150
lähettää lomakkeen, froshim0,
froshims3.php, se menee

1349
01:03:39,150 --> 01:03:40,760
register3.php.

1350
01:03:40,760 --> 01:03:45,290
Mutta register3.php sitten etenee
suorittaa kaikki nämä rivit.

1351
01:03:45,290 --> 01:03:46,620
>> Joten siellä on muutama take away täällä.

1352
01:03:46,620 --> 01:03:50,380
Yksi, se on ilmeisesti melko helppoa,
ohjelmallisesti, lähettää sähköposteja,

1353
01:03:50,380 --> 01:03:50,830
mikä on hyvä.

1354
01:03:50,830 --> 01:03:53,500
Kun käyttäjät rekisteröityä sivuston, vuonna
Tässä tapauksessa, kun ne rekisteröidä oman

1355
01:03:53,500 --> 01:03:56,220
urheilu, voit lähettää sähköpostia fuksi
Proctor tai John

1356
01:03:56,220 --> 01:03:57,650
Harvard, tässä tapauksessa.

1357
01:03:57,650 --> 01:04:01,630
>> Mutta se tarkoittaa myös sitä, voit tehdä mitä?

1358
01:04:01,630 --> 01:04:03,970
Lähettää sähköposteja keneltäkään kenellekään.

1359
01:04:03,970 --> 01:04:05,430
Ja tämä on aivan totta.

1360
01:04:05,430 --> 01:04:08,580
Tämä ei ole niin helppo tehdä, jos
olet tottunut käyttämään Gmailia.

1361
01:04:08,580 --> 01:04:11,310
Mutta jos olet koskaan käytetty Eudora tai
Outlook, voit melko paljon kertoa

1362
01:04:11,310 --> 01:04:13,720
sähköpostipalvelin, että olet
kenet tahansa.

1363
01:04:13,720 --> 01:04:16,450
Ja tämä on, jos minun täytyy laittaa
että hattu ja sanoa, älä tee tätä.

1364
01:04:16,450 --> 01:04:21,140
Mutta tämä on osoitus, kuinka helppoa
se on tehdä phishing-hyökkäysten ja

1365
01:04:21,140 --> 01:04:24,310
lähettää nimettömiä sähköposteja, ja
roskapostia, yleisemmin.

1366
01:04:24,310 --> 01:04:27,330
Ja se todella kuihtuu
se, että kaikki mitä tarvitset on noin

1367
01:04:27,330 --> 01:04:28,500
ohjelmallisen.

1368
01:04:28,500 --> 01:04:31,940
>> Sivuhuomautuksena, minun lähin kohtaaminen
mainos aluksella, oma lukuvuoden aikana,

1369
01:04:31,940 --> 01:04:34,320
oli, kun löysin tämän jäähtyä
huijata, että wow, voit

1370
01:04:34,320 --> 01:04:36,850
lähettää sähköposteja keneltäkään.

1371
01:04:36,850 --> 01:04:39,770
Ja niin meillä oli jonkin typerän
argumentti, kirjaimellisesti, Matthews,

1372
01:04:39,770 --> 01:04:40,790
keskuudessa minun Proctor ryhmään.

1373
01:04:40,790 --> 01:04:42,470
En edes muista
mikä ongelma oli.

1374
01:04:42,470 --> 01:04:44,970
Mutta halusin kokeilla laittaa
lopettaa tähän tyhmä keskustelua.

1375
01:04:44,970 --> 01:04:48,580
>> Päätin vain lähettää sähköpostia
minun Proctor ryhmään, olevinaan

1376
01:04:48,580 --> 01:04:52,000
toinen kaveri, kanssa, joiden lausunnon I
eri mieltä, ja hänet alistuvat

1377
01:04:52,000 --> 01:04:54,680
mikä mielestäni oli
tässä keskustelussa.

1378
01:04:54,680 --> 01:04:59,320
Ja niin taottu tämän sähköpostin avulla
Vastaavaa tekniikkaa hengessä tähän.

1379
01:04:59,320 --> 01:05:01,256
Mutta se oli itse asiassa helpompaa
tuolloin.

1380
01:05:01,256 --> 01:05:02,435
Hit lähetä.

1381
01:05:02,435 --> 01:05:06,660
Hän ei ollut tyytyväinen, eikä myöskään
ollut mainos aluksella.

1382
01:05:06,660 --> 01:05:10,280
>> Ja olin hyvin nopeasti pyydettyä
sekuntia, koska, kuten tiedätte, allekirjoitan

1383
01:05:10,280 --> 01:05:11,420
sähköpostit tietyllä tavalla.

1384
01:05:11,420 --> 01:05:14,200
Ja vaikka teen sen manuaalisesti, suurissa
osa, 15 vuotta myöhemmin, koska olin

1385
01:05:14,200 --> 01:05:15,080
traumatisoituneita että.

1386
01:05:15,080 --> 01:05:16,960
Minulla ei ole allekirjoitusta
minun email nyt.

1387
01:05:16,960 --> 01:05:20,440
Mutta vuonna 1995, sain juuri sig,
allekirjoitus sähköpostiini.

1388
01:05:20,440 --> 01:05:24,630
Joten oli tämän merkinnän sanomalla, Dear
Proctor ryhmä, minä alistuvat mielestäni

1389
01:05:24,630 --> 01:05:31,240
ja samaa mieltä David, allekirjoitettu niin ja
niin, uusi linja, uusi linja, DJM.

1390
01:05:31,240 --> 01:05:36,220
>> Joten älä tee sitä tai yleensä ottaa
Tämän tekniikan etuna.

1391
01:05:36,220 --> 01:05:39,950
Mutta kun tekee sivuston, kuten varten
oman opinnäytetyön tehdessään

1392
01:05:39,950 --> 01:05:43,460
verkkosivuilla jotain yrittäjyyteen,
näin, pragmaattisesti, voit

1393
01:05:43,460 --> 01:05:47,000
hyödyntää muita palveluja Internetissä
kuten sähköposti ja sitten itse

1394
01:05:47,000 --> 01:05:49,440
lähettää asioita koodilla.

1395
01:05:49,440 --> 01:05:51,240
>> Joten kuinka voimme parannella tätä?

1396
01:05:51,240 --> 01:05:54,370
No, sallikaa nopea kierros
joitakin asioita, että näet,

1397
01:05:54,370 --> 01:05:56,170
ja sitten katsomaan
pari esimerkkiä.

1398
01:05:56,170 --> 01:05:59,500
Joten, rauhoittaa, koska
olemme lentää PHP.

1399
01:05:59,500 --> 01:06:02,470
Ja tiedän, jossain vaiheessa, sinulla on
todella alkaa kirjoittaa tämän, jos

1400
01:06:02,470 --> 01:06:03,460
ole jo.

1401
01:06:03,460 --> 01:06:06,220
Ymmärtää, että yksi, tärkein on eräänlainen
ja ulos ikkunasta PHP.

1402
01:06:06,220 --> 01:06:09,420
Jos haluat kirjoittaa koodia, joka saa
teloitettiin, juuri alkaa kirjoittaa sitä

1403
01:06:09,420 --> 01:06:13,970
tiedosto nimeltä. php niin kauan kuin
sinulla on alkusulkumerkki

1404
01:06:13,970 --> 01:06:15,620
kysymysmerkki PHP tag.

1405
01:06:15,620 --> 01:06:19,730
>> Mutta huomaa näitä ovat
olosuhteet php.

1406
01:06:19,730 --> 01:06:22,610
Huomaa, tämä on täsmälleen sama dia
meillä oli viikolla yksi, kun meillä oli

1407
01:06:22,610 --> 01:06:25,670
olosuhteet C. Olosuhteet
PHP ovat rakenteellisesti ja

1408
01:06:25,670 --> 01:06:27,140
rakenteeltaan samat.

1409
01:06:27,140 --> 01:06:30,290
Ainoa todellinen ero on, jos sinulla
muuttujia, sinulla on niitä

1410
01:06:30,290 --> 01:06:31,600
dollarin merkkejä.

1411
01:06:31,600 --> 01:06:33,970
>> Samaan aikaan Boolen
näyttävät aivan tätä varten

1412
01:06:33,970 --> 01:06:35,725
tai-ing tai ja-ta yhdessä.

1413
01:06:35,725 --> 01:06:37,780
Kytkimet täsmälleen samalta.

1414
01:06:37,780 --> 01:06:42,180
Mitä mukavaa PHP, kun taas C,
kytkimet on oltava tapauksissa

1415
01:06:42,180 --> 01:06:46,380
primitiivit kuten ints tai merkkiä, PHP
teidän tapauksessa lausunnot voi todella olla

1416
01:06:46,380 --> 01:06:48,430
on koko jousille, joka on
oikeastaan ​​tavallaan mukavaa.

1417
01:06:48,430 --> 01:06:49,480
Säästää aikaa.

1418
01:06:49,480 --> 01:06:50,820
Voinut tehdä, että C.

1419
01:06:50,820 --> 01:06:52,880
>> Tässä silmukka PHP.

1420
01:06:52,880 --> 01:06:53,740
Se on sama.

1421
01:06:53,740 --> 01:06:55,400
Saattaa olla joitakin dollarin merkkejä
muuttujien.

1422
01:06:55,400 --> 01:06:57,530
Sinun ei tarvitse mainita, että
jotain on int.

1423
01:06:57,530 --> 01:07:00,580
Sinä vain julistaa se dollarin merkki
ja muuttujan nimi.

1424
01:07:00,580 --> 01:07:01,430
Mutta varten silmukka on sama.

1425
01:07:01,430 --> 01:07:02,760
Kun silmukka on sama.

1426
01:07:02,760 --> 01:07:04,870
Tehdä, kun silmukka on sama.

1427
01:07:04,870 --> 01:07:06,170
>> Tämä on hieman erilainen.

1428
01:07:06,170 --> 01:07:12,410
Joten PHP, jossa joukko, voit
staattisesti julistaa array, kuten C,

1429
01:07:12,410 --> 01:07:14,420
mutta käytät hakasulkeissa.

1430
01:07:14,420 --> 01:07:17,060
C, voisitte käyttää aaltosulkeita,
jos edes tiesi.

1431
01:07:17,060 --> 01:07:20,910
Mutta tämä on itse asiassa hyvin yleinen PHP
julistaa array, tässä tapauksessa

1432
01:07:20,910 --> 01:07:23,640
numerot, ja soita
muuttuja numeroita.

1433
01:07:23,640 --> 01:07:25,300
>> Muuttujia itse näyttää tältä.

1434
01:07:25,300 --> 01:07:28,710
Tässä on merkkijono, lainatakseni listatut "hei
maailman. "Voisit olla kenoviiva n.

1435
01:07:28,710 --> 01:07:30,950
En vain tässä tapauksessa.

1436
01:07:30,950 --> 01:07:32,640
>> Nyt tämä on mielenkiintoinen rakennelma.

1437
01:07:32,640 --> 01:07:33,700
C ei ole tätä.

1438
01:07:33,700 --> 01:07:34,700
Mutta tämä on erittäin hyödyllistä.

1439
01:07:34,700 --> 01:07:38,160
Ja näet tämän P sarja 7
spec - kunkin rakennelma.

1440
01:07:38,160 --> 01:07:41,800
Jos haluat toistaa hoitaakseen kaikki
elementtejä array, sinun ei tarvitse

1441
01:07:41,800 --> 01:07:45,500
käsitellä $ i ja $ n,
ja + +, ja kaikki.

1442
01:07:45,500 --> 01:07:47,640
Voit kirjaimellisesti sanoa, PHP, tämä -

1443
01:07:47,640 --> 01:07:51,890
kunkin numerot numero, joten
Oletan, että $ numerot

1444
01:07:51,890 --> 01:07:53,380
on joukko numeroita.

1445
01:07:53,380 --> 01:07:56,460
Ja kun sanon kunkin numerot
lukuna, tämä tulee

1446
01:07:56,460 --> 01:08:00,505
automaattisesti, koska minun silmukka suorittaa,
päivittää, jokaisen iteraation arvo

1447
01:08:00,505 --> 01:08:03,260
sisäpuolella dollarin merkki numero -

1448
01:08:03,260 --> 01:08:07,730
uudestaan, ja uudestaan, ja uudestaan ​​kävely
minulle yli, että joukko.

1449
01:08:07,730 --> 01:08:08,735
Niin se vain säästää koodi.

1450
01:08:08,735 --> 01:08:12,250
Ei puolipistettä, ei + +: n, ei i: n,
no n: n, se on vain mukavaa.

1451
01:08:12,250 --> 01:08:13,700
>> Mutta PHP on myös tämä.

1452
01:08:13,700 --> 01:08:14,830
Ja tämä on erittäin tehokas.

1453
01:08:14,830 --> 01:08:17,410
Ja voit käyttää tätä, kädet
edelleen, P asettaa 7.

1454
01:08:17,410 --> 01:08:21,990
Ja assosiatiivinen joukko on myös julistettu
hakasulkeilla.

1455
01:08:21,990 --> 01:08:23,569
Mutta huomaa syntaksin nyt.

1456
01:08:23,569 --> 01:08:26,880
Se muistuttaa siitä, mitä näimme
kanssa print_r hetki sitten.

1457
01:08:26,880 --> 01:08:31,810
Kuinka paljon näppäimiä, niin vähän järki tarkistaa,
tämä joukko näyttävät.

1458
01:08:31,810 --> 01:08:32,689
>> Niin se on kaksi.

1459
01:08:32,689 --> 01:08:33,830
Ja Kutsun tätä array.

1460
01:08:33,830 --> 01:08:36,760
Mutta jos se auttaa, voit ajatella
Tämän niin hash table, tai

1461
01:08:36,760 --> 01:08:37,930
assosiatiivinen array.

1462
01:08:37,930 --> 01:08:39,580
Mutta se on vain erilainen
tyyppi array.

1463
01:08:39,580 --> 01:08:41,080
Ja vielä, eri kielillä
on näitä.

1464
01:08:41,080 --> 01:08:43,810
Saa nähdä jotain vastaavaa
JavaScript samoin.

1465
01:08:43,810 --> 01:08:44,609
On kaksi avainta.

1466
01:08:44,609 --> 01:08:48,390
Yksi on lainaus lainaus, "symboli", yksi on
lainata lainaus "hinta." Ja ne avaimet

1467
01:08:48,390 --> 01:08:49,250
jokainen on arvo.

1468
01:08:49,250 --> 01:08:54,420
Tässä tapauksessa symboli arvo on FB, sillä
Facebook ja hinta arvo on 49, 26,

1469
01:08:54,420 --> 01:08:56,899
joka oli Facebookin varastossa
hinta tästä aamusta.

1470
01:08:56,899 --> 01:09:00,170
>> Joten mikä on hyödyllisintä
assosiatiivinen array.

1471
01:09:00,170 --> 01:09:02,620
Olisin voinut ollut numeerisesti
indeksoitu array vain

1472
01:09:02,620 --> 01:09:04,120
yksinkertainen neliö suluissa.

1473
01:09:04,120 --> 01:09:09,380
Ja minä voinut dollarin merkki
quote vastaa juuri tähän.

1474
01:09:09,380 --> 01:09:10,529
Anna minun todella tehdä sen.

1475
01:09:10,529 --> 01:09:14,796
Jospa sen sijaan ilmoitti juuri
tämä joukko niin.

1476
01:09:14,796 --> 01:09:17,590
Se on täysin pätevä,
syntaktisesti.

1477
01:09:17,590 --> 01:09:20,569
Se ei menetä mitään tietoja,
sinänsä.

1478
01:09:20,569 --> 01:09:24,760
Pidän edelleen, että merkki on fb,
ja että hinta on 49, 26.

1479
01:09:24,760 --> 01:09:28,939
Joten miksi assosiatiivisia
taulukot vakuuttava?

1480
01:09:28,939 --> 01:09:30,189
>> Yleisö: Sinun ei tarvitse muistaa
jos laitat kamaa.

1481
01:09:30,189 --> 01:09:32,050

1482
01:09:32,050 --> 01:09:34,130
>> SPEAKER 1: Aivan, sinun ei tarvitse
muistaa, mihin laittaa tavaraa.

1483
01:09:34,130 --> 01:09:37,670
Sinun ei tarvitse mielivaltaisesti muistaa
että osakesymbolille on kiinnike nolla,

1484
01:09:37,670 --> 01:09:41,479
ja osakekurssit on kiinnike yksi,
mikä on erityisen vaarallista, jos

1485
01:09:41,479 --> 01:09:43,220
muuttaa asioita, lopulta.

1486
01:09:43,220 --> 01:09:46,399
On paljon mukavampi liittää
mitä me kutsumme metatiedot

1487
01:09:46,399 --> 01:09:48,340
kanssa todellisia tietoja.

1488
01:09:48,340 --> 01:09:52,399
Olin sitä mieltä, että mitä me todella välittävät
täällä on fb-49-26.

1489
01:09:52,399 --> 01:09:57,020
Symboli ja hinta on metatiedot
joka kuvaa datan me

1490
01:09:57,020 --> 01:09:58,180
todella kiinnostaa.

1491
01:09:58,180 --> 01:10:01,910
Mutta tämä on vain niin paljon
helpompi käyttää.

1492
01:10:01,910 --> 01:10:04,090
>> Nyt, kun syrjään mitä
hinta me maksamme?

1493
01:10:04,090 --> 01:10:06,600
Olemme tehneet tätä
vuonna CS50 viikkoja.

1494
01:10:06,600 --> 01:10:10,740
Tämä ominaisuus on tulla jonkin verran kustannuksia.

1495
01:10:10,740 --> 01:10:11,350
Muisti.

1496
01:10:11,350 --> 01:10:13,830
Joten et ole vain tallentaa 32-bittinen
kokonaisluku, esimerkiksi.

1497
01:10:13,830 --> 01:10:17,980
Olet tallentamiseen symboli / 0, luultavasti.

1498
01:10:17,980 --> 01:10:19,160
Joten käytät enemmän muistia.

1499
01:10:19,160 --> 01:10:22,540
>> Ja mitä suorituskykyä
etsii jotain ylös

1500
01:10:22,540 --> 01:10:24,822
assosiatiivinen joukko, luultavasti?

1501
01:10:24,822 --> 01:10:26,590
Se on luultavasti hitaampaa.

1502
01:10:26,590 --> 01:10:29,670
Random access on mukavaa, varsinkin
kun voit tehdä binäärihaku.

1503
01:10:29,670 --> 01:10:33,380
Mutta jos olet todella etsivät nyt ei
numeroita, mutta jouset, tämä

1504
01:10:33,380 --> 01:10:37,630
todella toteutetaan alla
huppu, luultavasti tiiviste, jossa

1505
01:10:37,630 --> 01:10:42,950
käytät joko tiiviste
erillinen ketjuttamalla.

1506
01:10:42,950 --> 01:10:46,040
Tai käytät yrittää itse
tallentaa arvot.

1507
01:10:46,040 --> 01:10:50,550
Joten ehkä voit tehdä jatkuva aikaa, mutta
sinulla on vielä tarkasteltava S-Y-M-B-O-L,

1508
01:10:50,550 --> 01:10:54,510
mahdollisesti, eikä vain 32
bittiä etsiä jotain.

1509
01:10:54,510 --> 01:10:58,430
Joten jälleen, samat ajatukset tulevat
takaisin toistua tässä yhteydessä.

1510
01:10:58,430 --> 01:11:02,120
>> Mutta jälleen kerran, PHP on nyt joidenkin super
global, että se kääntyy pois, ovat

1511
01:11:02,120 --> 01:11:02,900
assosiatiiviset taulukot.

1512
01:11:02,900 --> 01:11:05,590
Näimme yhden hetki sitten, $ _POST.

1513
01:11:05,590 --> 01:11:08,400
Ja että super globaali
on avaimia ja arvoja.

1514
01:11:08,400 --> 01:11:10,550
Erityisesti avaimet
riviin mitä?

1515
01:11:10,550 --> 01:11:14,520
Minne avaimet $ _POST tulevat?

1516
01:11:14,520 --> 01:11:15,380
Vain kertaus?

1517
01:11:15,380 --> 01:11:16,480
>> Yleisö: Name.

1518
01:11:16,480 --> 01:11:17,900
>> SPEAKER 1: nimi, missä?

1519
01:11:17,900 --> 01:11:19,860
>> Yleisö: [äänetön]

1520
01:11:19,860 --> 01:11:20,750
>> SPEAKER 1: Nimi on ominaisuus.

1521
01:11:20,750 --> 01:11:23,480
No jos, niin mihin ne
alunperin kotoisin?

1522
01:11:23,480 --> 01:11:24,120
Muodossa.

1523
01:11:24,120 --> 01:11:30,140
Joten jos HTML sivulla on lomake tag,
jonka sisällä on joitakin panoksia, kuten

1524
01:11:30,140 --> 01:11:34,760
valintaruudut, teksti laatikot, avattavasta
valikoita, joista kullakin on nimi, jotka

1525
01:11:34,760 --> 01:11:40,260
nimet päätyvät avaimet $ _POST, ja
rehellisesti, että asia, $ _GET.

1526
01:11:40,260 --> 01:11:42,130
Jos menetelmä on get, sama idea.

1527
01:11:42,130 --> 01:11:43,830
Se on vain eri Super maailmanlaajuinen.

1528
01:11:43,830 --> 01:11:47,620
Ja arvot, tietenkin, tulevat
riippumatta käyttäjän kirjoitetaan hänen tai

1529
01:11:47,620 --> 01:11:48,890
selaimensa.

1530
01:11:48,890 --> 01:11:49,830
>> Mutta on muutamia muita.

1531
01:11:49,830 --> 01:11:52,140
On evästeen, jonka jaamme
palata lopulta.

1532
01:11:52,140 --> 01:11:56,050
Mutta ne ovat asioita, jotka tiedät
web käyttää hyviä tai pahoja.

1533
01:11:56,050 --> 01:11:57,420
Mutta palaamme siihen.

1534
01:11:57,420 --> 01:12:01,720
Palvelimen ja istunnon, ja näiden kahden
on jokin erityinen apuohjelma.

1535
01:12:01,720 --> 01:12:03,940
>> Mutta katsotaanpa katsomaan tästä.

1536
01:12:03,940 --> 01:12:13,330
Anna minun mennä eteenpäin ja avata esimerkiksi
nimeltään mvc0.php Joten MVC

1537
01:12:13,330 --> 01:12:14,900
tarkoittaa seuraavaa.

1538
01:12:14,900 --> 01:12:19,390
Ja esittelemme tässä aikaisemmin on
tyypillinen, todella, saada sinut suunnittelussa

1539
01:12:19,390 --> 01:12:22,180
Harjoitus 7, ja myös opinnäytetöitä,
vuonna tavallaan teollisuuden

1540
01:12:22,180 --> 01:12:23,670
tavallinen, ja puhdas tapa.

1541
01:12:23,670 --> 01:12:24,820
Se on hyvä suunnittelu.

1542
01:12:24,820 --> 01:12:29,090
>> Joten olet tulleet, ja voit
kokemus, P sarja 7, paradigma, sort

1543
01:12:29,090 --> 01:12:32,260
ohjelmointikielen ajattelutapa, joka näyttää
vähän jotain tällaista.

1544
01:12:32,260 --> 01:12:35,570
M malli, C Controller,
V View.

1545
01:12:35,570 --> 01:12:39,690
Pitkä tarina lyhyt, MVC on juuri sellainen
menetelmää, tapa tehdä

1546
01:12:39,690 --> 01:12:43,360
sivustot, erityisesti, jolla voit
laittaa kaikki, tyhmä lause -

1547
01:12:43,360 --> 01:12:44,970
ansaintalogiikka -

1548
01:12:44,970 --> 01:12:49,710
kaikki teollis-ja tekijänoikeuksien
mitä kutsutaan ohjain, tiedosto

1549
01:12:49,710 --> 01:12:54,840
kuten index.php, tai näemme,
quote.php tai buy.php.

1550
01:12:54,840 --> 01:12:59,570
>> Yhteydessä Harjoitus 7, sinun
mallit sisältävät yleensä tietoja,

1551
01:12:59,570 --> 01:13:03,860
mitään liittyvät tietokannan, kuten tulemme
lopulta nähdä, ja teidän näkemyksenne

1552
01:13:03,860 --> 01:13:07,510
sisältävät estetiikka
sivuston, HTML, CSS.

1553
01:13:07,510 --> 01:13:10,420
Joten meillä on jo nähnyt tämän C hieman
bittinen käyttäen. h tiedostoja.

1554
01:13:10,420 --> 01:13:15,010
Me todella näki sen hetki sitten CSS,
jonka factoring CSS stilisointi

1555
01:13:15,010 --> 01:13:16,520
tavaraa ulos meidän HTML.

1556
01:13:16,520 --> 01:13:20,730
>> Joten MVC on oikeastaan ​​vain noin piirtäminen
rivit hiekka ja sanoi:

1557
01:13:20,730 --> 01:13:25,400
mielenkiintoinen ohjelma koodia
sivusto kuuluu, mitä me kutsumme

1558
01:13:25,400 --> 01:13:26,400
ohjain.

1559
01:13:26,400 --> 01:13:29,280
Jutut liittyvät tietokantaan tyypillisesti
päätyy malli.

1560
01:13:29,280 --> 01:13:33,070
Mutta näet, vuonna Harjoitus 7, me
yhdistää C ja M pidettävä yksinkertaisina.

1561
01:13:33,070 --> 01:13:37,630
Mutta näkymä on, jos kaikki HTML
ja estetiikka yleensä mennä.

1562
01:13:37,630 --> 01:13:39,160
>> Mitä tämä tarkoittaa reaalisesti?

1563
01:13:39,160 --> 01:13:45,980
No, anna minun mennä meidän MVC
hakemistoon seuraavasti.

1564
01:13:45,980 --> 01:13:48,880
Ja näet enemmän näitä
kiersi läpi spec.

1565
01:13:48,880 --> 01:13:53,200
Joten mvc0, Väitän, että tämä on, kuten,
versio 0 CS50: n verkkosivuilla.

1566
01:13:53,200 --> 01:13:56,670
>> Meillä on vain joitakin HTML, kuten
iso H1 tag, ilmeisesti.

1567
01:13:56,670 --> 01:13:57,800
Ja sitten luettelo.

1568
01:13:57,800 --> 01:13:59,860
En ole koskaan nähnyt luettelomerkeillä
ennen, mutta ei ole iso juttu.

1569
01:13:59,860 --> 01:14:01,590
Katsotaanpa nopeasti katsomaan lähdekoodia.

1570
01:14:01,590 --> 01:14:06,610
Osoittautuu Järjestämätön lista luodeilla
on alkusulkumerkki ul yhden tai

1571
01:14:06,610 --> 01:14:09,065
Lisää lista kohteita, li.

1572
01:14:09,065 --> 01:14:10,650
Joten ilmoitus tässä ankkuri tag.

1573
01:14:10,650 --> 01:14:12,130
Näimme, että hetki sitten.

1574
01:14:12,130 --> 01:14:13,810
>> Joten tämä on, miten toteutetaan
tällä sivulla.

1575
01:14:13,810 --> 01:14:18,460
Minulla on kaksi linkkejä, kaksi lista kohteita, yksi
UL Järjestämätön lista, ja pää

1576
01:14:18,460 --> 01:14:22,700
tulos, esteettisesti, on tämä hyvin
melko verkkosivuilla, versio 0 täällä.

1577
01:14:22,700 --> 01:14:26,840
Mutta mikä on mielenkiintoista on, kuinka tämä
toteutetaan alla huppu.

1578
01:14:26,840 --> 01:14:33,590
>> Anna minun mennä gedit ja avata tämän
Ensimmäinen esimerkki maalata kuvan.

1579
01:14:33,590 --> 01:14:37,070
Ja me tarkastelemme mitä virheellinen,
mahdollisesti täällä.

1580
01:14:37,070 --> 01:14:43,260
Nyt jos menen localhost, julkinen,
MVC, huomaa muutamia tiedostoja.

1581
01:14:43,260 --> 01:14:45,780
Aion kutsua näitä varten
hetkellä kaikki säätimet.

1582
01:14:45,780 --> 01:14:48,640
Mutta se on vähän väärin, koska
näet kaikki on sekoitettu

1583
01:14:48,640 --> 01:14:49,620
sisällä niitä.

1584
01:14:49,620 --> 01:14:52,330
>> Ja anna minun mennä sisälle index.php.

1585
01:14:52,330 --> 01:14:54,700
Ja me näemme, kirjaimellisesti, sama HTML.

1586
01:14:54,700 --> 01:14:57,970
Joten vaikka tämä tiedosto päättyy
. Php, se ei tarkoita että se on

1587
01:14:57,970 --> 01:14:59,500
mitään PHP.

1588
01:14:59,500 --> 01:15:02,290
Se voi olla vain raaka HTML, vaikka
Sellainen typerä.

1589
01:15:02,290 --> 01:15:07,650
Mutta huomaa ei ole alkusulkumerkki PHP
tag, paitsi tämä, jotka suoraan sanottuna,

1590
01:15:07,650 --> 01:15:09,160
on olemassa vain palvellakseen kuin kommentti.

1591
01:15:09,160 --> 01:15:12,080
Mutta se toiminnallisesti ole
sekin mielenkiintoinen.

1592
01:15:12,080 --> 01:15:12,960
>> Mutta huomaa tätä.

1593
01:15:12,960 --> 01:15:15,400
Mielenkiintoista onkin, mitä
muutokset tällä sivulla.

1594
01:15:15,400 --> 01:15:16,650
Minäpä valitse Luennot.

1595
01:15:16,650 --> 01:15:18,560
Ja huomaa URL on muuttumassa.

1596
01:15:18,560 --> 01:15:20,930
Nyt olen lectures.php.

1597
01:15:20,930 --> 01:15:22,630
Minäpä valitse nolla.

1598
01:15:22,630 --> 01:15:27,200
Nyt olen week0.php Ja nyt anna
minulle avata nämä tiedostot gedit.

1599
01:15:27,200 --> 01:15:30,120
Ei vain indeksi, mutta anna
minut avaamaan luentoja.

1600
01:15:30,120 --> 01:15:33,900
Ja haluan päästä eroon kommentit
keskittyä vain tästä osasta.

1601
01:15:33,900 --> 01:15:37,680
>> Ja nyt haluan avata vain yksi enemmän,
week0.php, heittää pois kommentit,

1602
01:15:37,680 --> 01:15:39,910
vain puhdistaa tämän.

1603
01:15:39,910 --> 01:15:41,720
Ja nyt huomaa seuraavat.

1604
01:15:41,720 --> 01:15:47,340
Harkitsetko todella eräänlainen tarkkaan
suunnittelu, ja tehkäämme se viiva

1605
01:15:47,340 --> 01:15:52,013
jopa sama, mitä voitaisiin tehdä
täällä parempi, mitä luulet?

1606
01:15:52,013 --> 01:15:56,450

1607
01:15:56,450 --> 01:15:57,780
>> Miten teen viikolla yksi?

1608
01:15:57,780 --> 01:15:58,480
Miten tästä.

1609
01:15:58,480 --> 01:16:00,450
Joten tämä on, miten tein viikolla yksi.

1610
01:16:00,450 --> 01:16:08,290
Menin Tiedosto, Uusi, Liitä, Tallenna,
week1.php, ja sitten menin täällä.

1611
01:16:08,290 --> 01:16:09,875
Ja vaihdoin yhden -

1612
01:16:09,875 --> 01:16:11,646
mikä oli tämä, yksi perjantaina.

1613
01:16:11,646 --> 01:16:14,430

1614
01:16:14,430 --> 01:16:15,810
Muutin nollia yhteen.

1615
01:16:15,810 --> 01:16:17,150
Muutin tämän yhden.

1616
01:16:17,150 --> 01:16:20,350
>> OK, joten nyt katsella minun tiedostoja.

1617
01:16:20,350 --> 01:16:22,100
Mitä voitaisiin tehdä toisin?

1618
01:16:22,100 --> 01:16:25,310
Missä mahdollisuus, kenties?

1619
01:16:25,310 --> 01:16:28,330
Joten on mahdollisuus aloittaa
factoring tätä kamaa ulos.

1620
01:16:28,330 --> 01:16:32,950
Anna minun avata, koska spoileri varten
mitä näet P joukko 7.

1621
01:16:32,950 --> 01:16:38,750
Jos minä avata, nyt index.php versiossa
viisi tämän, se näyttää tietä

1622
01:16:38,750 --> 01:16:40,730
enemmän arvoituksellinen, tosin.

1623
01:16:40,730 --> 01:16:43,710
>> Mutta tämä nyt on mitä soitan
ohjain, joka ohjaa

1624
01:16:43,710 --> 01:16:44,770
logiikka sivuni.

1625
01:16:44,770 --> 01:16:48,510
Ja voit sellaista rekonstruoida,
intuitiivisesti, ehkä, mitä on tekeillä.

1626
01:16:48,510 --> 01:16:50,630
Ensimmäisellä rivillä, se on
hieman arvoituksellinen.

1627
01:16:50,630 --> 01:16:54,040
Mutta huomaa Olen vaativat, kuten kanssa
terävä sisältyy tiedosto nimeltä

1628
01:16:54,040 --> 01:16:55,930
helpers.php.

1629
01:16:55,930 --> 01:16:59,980
Ja sitten soitan, ilmeisesti,
toiminto, jota kutsutaan muunna, ohimennen

1630
01:16:59,980 --> 01:17:00,850
kaksi argumenttia.

1631
01:17:00,850 --> 01:17:02,440
>> Yksi on lainaus lainaus, otsikko.

1632
01:17:02,440 --> 01:17:04,800
Ja toinen on, millaisia
tietotyyppi on tämä, joka perustuu

1633
01:17:04,800 --> 01:17:07,180
meidän syntaksin aikaisemmin?

1634
01:17:07,180 --> 01:17:08,160
Se liittyvän array.

1635
01:17:08,160 --> 01:17:11,730
Erityisesti se kulkee otsikossa
joitakin metatietoja, joka muistuttaa

1636
01:17:11,730 --> 01:17:13,430
minulle, mitä se on ja sen arvo.

1637
01:17:13,430 --> 01:17:16,340
Sitten näen kova koodattu
ul, joten joidenkin raaka HTML.

1638
01:17:16,340 --> 01:17:20,020
Mutta sitten olen takaisin PHP-tilassa
vaatii toimia tehdä.

1639
01:17:20,020 --> 01:17:24,390
Joten vaikka et ole koskaan käyttänyt HTML-tai PHP
ennen, ja vaikka tämä näyttää

1640
01:17:24,390 --> 01:17:27,480
pelottavampi, miksi tämä on luultavasti
paremman suunnittelun?

1641
01:17:27,480 --> 01:17:31,310
Mitä paremmin siitä,
perustuu päättelyyn?

1642
01:17:31,310 --> 01:17:32,130
>> Yleisö: [äänetön]

1643
01:17:32,130 --> 01:17:35,750
>> SPEAKER 1: Vähemmän tarpeeton, että
ei ole enää olemassa HTML tag, ei enempää

1644
01:17:35,750 --> 01:17:38,410
päät tag, ei enempää body
joka hemmetin tiedosto.

1645
01:17:38,410 --> 01:17:41,860
Sen sijaan, olen pois laskusta
yhteneväisyydet ja oletettavasti laittaa ne

1646
01:17:41,860 --> 01:17:45,150
tiedostoon jotenkin liittyvät
on otsikko.

1647
01:17:45,150 --> 01:17:48,500
Ja sama asia lähellä kehon
tag, lähellä HTML-tunnisteen.

1648
01:17:48,500 --> 01:17:52,165
Se on luultavasti täällä sisällä
alalaitaan jonnekin.

1649
01:17:52,165 --> 01:17:57,050
Ja näet, vuonna Harjoitus 7,
pienen kiertueen tämän.

1650
01:17:57,050 --> 01:17:58,070
>> Joten mitä on edessä?

1651
01:17:58,070 --> 01:18:03,390
Yksi asia ei ole kykyä
vielä on todella tallentaa tietoja.

1652
01:18:03,390 --> 01:18:06,110
Ja niin mitä alamme nähdä
Keskiviikko esimerkiksi on, että

1653
01:18:06,110 --> 01:18:08,450
vanha ystävä Excel tai numeroita,
voit tallentaa paljon

1654
01:18:08,450 --> 01:18:10,060
tietojen riveihin ja sarakkeisiin.

1655
01:18:10,060 --> 01:18:12,570
Osoittautuu voit tehdä sen mitä
kutsutaan tietokannan ohjelmallisesti.

1656
01:18:12,570 --> 01:18:16,620
maaninen Ja se kääntyy pois, sen jälkeen,
pystymme tallentaa asioita, kuten

1657
01:18:16,620 --> 01:18:20,550
Tämän, joka näet jälleen P sarja
7, koko joukko käyttäjätunnuksia ja

1658
01:18:20,550 --> 01:18:23,690
salasanoja, joista jälkimmäinen on
oikeastaan ​​salattu, aivan kuten he

1659
01:18:23,690 --> 01:18:25,550
olivat P-sarja 2: n hakkeri painos.

1660
01:18:25,550 --> 01:18:29,600
Ja lopulta, voit toteuttaa tämän,
oman ETrade kaltainen sivusto, joka

1661
01:18:29,600 --> 01:18:32,220
toteuttaa yhdessä CS50 rahoitusta.

1662
01:18:32,220 --> 01:18:36,000
>> Lopuksi, koska olet asunut täällä niin myöhään
tänään, jos tulet takaisin tähän osaan

1663
01:18:36,000 --> 01:18:41,120
kampuksella kello 16:00 tänään, me
antaa sinulle paitsi neuvoja kello SCES

1664
01:18:41,120 --> 01:18:44,200
Neuvonta Fair klo 16:00 vuonna
Maxwell-Dworkin, annamme sinulle

1665
01:18:44,200 --> 01:18:47,470
Americone unelma, Cherry Garcia,
Chocolate Fudge Brownie, Chocolate

1666
01:18:47,470 --> 01:18:50,840
Chip Cookie Dough, ja, kun Google
Chunky Monkey, saat tämän.

1667
01:18:50,840 --> 01:18:53,620
Joten kaikki tämä odottaa klo 4:00
PM Maxwell-Dworkin.

1668
01:18:53,620 --> 01:18:56,736
Nähdään keskiviikkona samoin.

1669
01:18:56,736 --> 01:18:59,960
>> SPEAKER 2: Seuraavalla
CS50, RJ nukkuu sisään

1670
01:18:59,960 --> 01:19:03,656

1671
01:19:03,656 --> 01:19:04,906
>> RJ: My jakso!

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