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

2
00:00:11,470 --> 00:00:12,764
>> SPEAKER 1: Vše, co vítejte zpět.

3
00:00:12,764 --> 00:00:14,140
Toto je CS50.

4
00:00:14,140 --> 00:00:16,800
A to je začátek týdne devět.

5
00:00:16,800 --> 00:00:19,960
A to je začátek konce
Váš čas CS50, ve kterém se

6
00:00:19,960 --> 00:00:23,170
Přechod teď konečně na webu
aspektem kurzu, kde budete

7
00:00:23,170 --> 00:00:26,200
zjistíte, že mnoho ze základů, které
jsme byli vyvážející týdny

8
00:00:26,200 --> 00:00:29,270
ještě vrátit na návštěvu,
nebo strašit, nám.

9
00:00:29,270 --> 00:00:33,440
Ale teď, zjistíte, že je to
řádově jednodušší

10
00:00:33,440 --> 00:00:36,540
splnit určité úkoly a
řešit určité problémy -

11
00:00:36,540 --> 00:00:41,050
natolik, že i když jste si mysleli,
Určitým problémem soubory byly pobavit na svém

12
00:00:41,050 --> 00:00:44,200
vlastní cestou, myslím, že zjistíte,
že p nastavit 7, s. 8 nastavit, a pak,

13
00:00:44,200 --> 00:00:47,990
nakonec bude konečný projekt bude
o to víc potěšující, protože budete

14
00:00:47,990 --> 00:00:51,830
zjistíte, že začneme brát za samozřejmost
nyní se věci jako správu paměti, a

15
00:00:51,830 --> 00:00:54,190
ukazatele, a to, co se děje
na pod pokličku.

16
00:00:54,190 --> 00:00:57,310
A opět, tematické, v průběhu celého
semestr bylo toto vrstvení

17
00:00:57,310 --> 00:00:58,030
a vrstvení.

18
00:00:58,030 --> 00:01:00,530
A teď jsme trochu do
zde, stojící na

19
00:01:00,530 --> 00:01:01,930
ramena týdnů minulosti.

20
00:01:01,930 --> 00:01:05,360
>> Nyní, převezme od minule, že jsme
Mluvil o tom, jak internet funguje.

21
00:01:05,360 --> 00:01:08,120
A to byl možná
zjednodušením, ale pamatujte, že

22
00:01:08,120 --> 00:01:12,960
každý počítač na světě má IP adresu
řešit, i když to je trochu

23
00:01:12,960 --> 00:01:14,570
zjednodušením stále.

24
00:01:14,570 --> 00:01:18,180
A tyto adresy jsou slouží k jednoznačné
identifikují stroje tak, že

25
00:01:18,180 --> 00:01:22,010
Pokud odešlete informace, nebo pakety,
abych tak řekl, mohou mít původ

26
00:01:22,010 --> 00:01:24,000
adresa a cílová adresa.

27
00:01:24,000 --> 00:01:27,830
A ty stejné IP adresy je možné použít
a to jak pro dobré, tak i pro zlo,

28
00:01:27,830 --> 00:01:29,270
sledovat vás, například.

29
00:01:29,270 --> 00:01:32,200
Ve skutečnosti, jeden každý z vás s notebookem
otevřeno teď, nebo telefon v

30
00:01:32,200 --> 00:01:35,070
kapsa, má IP adresu
v síti Harvardu.

31
00:01:35,070 --> 00:01:39,120
A není to tak těžké
korelují, že toho, kdo a kde

32
00:01:39,120 --> 00:01:40,180
jsou v těchto dnech.

33
00:01:40,180 --> 00:01:42,090
Ale o tom snad
v budoucnosti.

34
00:01:42,090 --> 00:01:46,510
>> Teď mě napadlo, že přivést zpět některé
vzpomínky na [? zlepšit?] a dá vám

35
00:01:46,510 --> 00:01:49,360
další klip z ukážu,
Možná zjistíte, povědomé.

36
00:01:49,360 --> 00:01:52,710
Pokud bychom mohli ztlumit světla
jen na pár vteřin.

37
00:01:52,710 --> 00:01:53,960
Přehlídka Numb3rs.

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

39
00:01:57,510 --> 00:02:00,540
>> SPEAKER 2: Je to 32-bit IPP4 adresu.

40
00:02:00,540 --> 00:02:01,610
>> SPEAKER 3: IPP, jak na internetu?

41
00:02:01,610 --> 00:02:02,968
>> SPEAKER 2: Private sítě.

42
00:02:02,968 --> 00:02:04,960
Pro privátní sítě amita je.

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

44
00:02:16,930 --> 00:02:19,602
Ona je tak úžasná.

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

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

47
00:02:21,490 --> 00:02:22,470
Zrcadlo IP adresu.

48
00:02:22,470 --> 00:02:27,680
Ona je, že jsme se dívat na to, co
dělá v reálném čase.

49
00:02:27,680 --> 00:02:30,930
>> Reproduktor 1: Ok, takže pár věcí,
špatně s tímto obrázkem.

50
00:02:30,930 --> 00:02:32,920
Tak jedna, a to z nich je přijatelná,
To je ve skutečnosti

51
00:02:32,920 --> 00:02:34,400
není platná adresa IP.

52
00:02:34,400 --> 00:02:38,190
Platná adresa IP musí být čísla
ve tvaru w.x.y.z, kde každá z

53
00:02:38,190 --> 00:02:40,000
ty dopisy je 0 až 255.

54
00:02:40,000 --> 00:02:42,330
Ale to je v pořádku, protože stejně jako
filmy, kde se falešné telefonní čísla,

55
00:02:42,330 --> 00:02:43,520
jsou falešné IP adresy.

56
00:02:43,520 --> 00:02:45,230
Nemusíte vlastně hit reálné servery.

57
00:02:45,230 --> 00:02:46,760
>> Ale myslí si, je to prohlížeč.

58
00:02:46,760 --> 00:02:50,760
A prohlížeče nezačínejte výstup
počítačový kód takhle.

59
00:02:50,760 --> 00:02:54,230
A pokud se podíváme trochu hlouběji, všimnete
že jazyk, který oni vidí

60
00:02:54,230 --> 00:02:57,040
na obrazovce je nazýván jazyk
Cíl C, což je jazyk, ve

61
00:02:57,040 --> 00:02:59,520
iPhone aplikace, které jsou napsány,
zejména ty, zahrnující

62
00:02:59,520 --> 00:03:03,540
pastelky, jak můžete vidět z
zdrojový kód zde.

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

64
00:03:06,600 --> 00:03:07,560
>> OK, myslel jsem to byla sranda.

65
00:03:07,560 --> 00:03:12,240
Takže tento fragment kódu je naprosto
nemá nic společného s tím, co to

66
00:03:12,240 --> 00:03:13,940
Zejména epizoda byla kolem.

67
00:03:13,940 --> 00:03:17,590
Takže vtip je trochu na lidi
přičemž za to samozřejmost.

68
00:03:17,590 --> 00:03:20,220
Ale to není tak těžké se dostat
Tyto technické údaje správné.

69
00:03:20,220 --> 00:03:21,980
A já bych vás povzbudit.

70
00:03:21,980 --> 00:03:25,530
A vlastně, možná 50 velmi dobře kazit
Mnoho televizních pořadů a filmů, nebo si

71
00:03:25,530 --> 00:03:27,320
protože zjistíte, že je to jen
není možné, co jsou

72
00:03:27,320 --> 00:03:28,630
dělá na obrazovce.

73
00:03:28,630 --> 00:03:31,750
Ale opravdu, to je kód, který
může vidět, že v aplikaci pro iPhone

74
00:03:31,750 --> 00:03:33,640
nebo Mac OS aplikace.

75
00:03:33,640 --> 00:03:35,685
To nemá nic společného
co do činění s bezpečností.

76
00:03:35,685 --> 00:03:38,610
Takže dávat pozor na více
takové zábavné věci, jako je to.

77
00:03:38,610 --> 00:03:42,720
>> Ale dnes začneme do toho ponořit opravdu
hluboko do celé řady jazyků.

78
00:03:42,720 --> 00:03:45,410
Opravdu, jeden zastřešující
takeaways této části

79
00:03:45,410 --> 00:03:51,815
samozřejmě není naučit programovat
v PHP, ne se naučit SQL samo o sobě není

80
00:03:51,815 --> 00:03:58,100
učit JavaScript sobě, ale spíše
učit se, jak se učit

81
00:03:58,100 --> 00:04:02,030
sami nové jazyky, protože opravdu,
začneme se podnikem

82
00:04:02,030 --> 00:04:06,020
koleček tak, že po vypnutí
Samozřejmě je konec, nemusíte čekat 20

83
00:04:06,020 --> 00:04:08,890
Stránka specifikace říct, jak
realizovat nějaký program.

84
00:04:08,890 --> 00:04:12,970
Máte dost složky ve vašem
mysli a dostatek nástrojů na nářadí

85
00:04:12,970 --> 00:04:15,750
kit, s nímž se začít stavět
řešení problémů v zájmu

86
00:04:15,750 --> 00:04:19,130
jste pro některé studenty skupinu, pro některé
Výzkumný projekt, nebo opravdu něco

87
00:04:19,130 --> 00:04:20,140
vás zajímají.

88
00:04:20,140 --> 00:04:24,150
>> Takže k tomuto účelu, připomenout, že toto je
obrázek jsme vycházeli to minule.

89
00:04:24,150 --> 00:04:27,620
A to je dva počítače, klient a
sever, mluvit k sobě navzájem.

90
00:04:27,620 --> 00:04:31,130
A protokolu, jazyk, tak
řekl, že tyto dva počítače se stalo

91
00:04:31,130 --> 00:04:33,220
být řečeno, se nazývá HTTP.

92
00:04:33,220 --> 00:04:37,730
A to je jen protokol používaný
počítače pro přenos informací přes

93
00:04:37,730 --> 00:04:38,710
world wide web.

94
00:04:38,710 --> 00:04:41,770
Web, samozřejmě, je jen jedna služba
který běží na vrcholu

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

96
00:04:43,000 --> 00:04:48,660
Co je další služba na
top na internetu v těchto dnech?

97
00:04:48,660 --> 00:04:51,600
Některé další protokol, nebo - co to je?

98
00:04:51,600 --> 00:04:52,300
>> Diváků: FTP.

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

100
00:04:52,790 --> 00:04:54,630
Takže File Transfer Protocol je jiný.

101
00:04:54,630 --> 00:04:56,050
Většina z vás pravděpodobně jej nevyužili.

102
00:04:56,050 --> 00:04:58,830
Ale většina z vás pravděpodobně použity
věci, jako Gchat, nebo okamžikem,

103
00:04:58,830 --> 00:05:00,970
Zprávy obecněji
rozhodně email.

104
00:05:00,970 --> 00:05:04,470
A ty taky, jsou služby, které běží na
top na internetu, protože v

105
00:05:04,470 --> 00:05:08,180
konci dne, internet sám
opravdu jen získat data z bodu A do

106
00:05:08,180 --> 00:05:12,480
bod B. a používá řadu
částice sám, jeden z nich nebo dva

107
00:05:12,480 --> 00:05:17,340
většina z nich se obecně nazývá TCP / IP,
což znamená, že jeden počítač na

108
00:05:17,340 --> 00:05:19,960
internet může být ve skutečnosti dělat
různé věci, e-mail

109
00:05:19,960 --> 00:05:20,980
a web, a tak dále.

110
00:05:20,980 --> 00:05:22,220
Google dělá hodně to.

111
00:05:22,220 --> 00:05:26,310
Tak, jak jsou tyto služby jednoznačně
identifikovat, to říkáme na počítači

112
00:05:26,310 --> 00:05:29,080
které by mohly být ve skutečnosti dělá
více věcí?

113
00:05:29,080 --> 00:05:29,860
>> Číslo portu.

114
00:05:29,860 --> 00:05:34,180
A to jsou jen libovolné lidské
konvence, jako je web 80, 443

115
00:05:34,180 --> 00:05:36,580
šifrovaný web, 25 je e-mail.

116
00:05:36,580 --> 00:05:38,230
A je tu hrozny ostatních.

117
00:05:38,230 --> 00:05:41,860
A tato čísla jsou prostě zahrnuty do
ty pakety informací, tyto

118
00:05:41,860 --> 00:05:46,230
virtuální obálky, které skutečně
obsahoval požadavek nebo odpověď.

119
00:05:46,230 --> 00:05:51,300
>> Takže, když se dostanete zpět odpověď od
web, typicky, nemusíte vidět žádné

120
00:05:51,300 --> 00:05:54,780
Čísla jakékoliv povahy, pokud jde o
stavový kód odpovědi.

121
00:05:54,780 --> 00:05:56,770
Nemusíte vlastně vidět
vnitřní fungování

122
00:05:56,770 --> 00:05:58,090
pakety, které přicházejí zpět.

123
00:05:58,090 --> 00:05:59,860
Ale 200 skutečně znamenat OK.

124
00:05:59,860 --> 00:06:01,530
A to znamená, že je vše v pořádku.

125
00:06:01,530 --> 00:06:02,870
Možná jste viděli spoustu z nich.

126
00:06:02,870 --> 00:06:05,710
Což je pravděpodobně nejvíce obyčejný
jste viděli na webu?

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

128
00:06:05,980 --> 00:06:07,330
To prostě znamená, že soubor nebyl nalezen.

129
00:06:07,330 --> 00:06:08,270
To znamená, že někdo zvoral.

130
00:06:08,270 --> 00:06:11,450
Vy jste tím překlepu URL, nebo někdo jiný
jinak to tím, že vám

131
00:06:11,450 --> 00:06:15,100
neplatné URL, nebo odstraněny
souboru a URL je stále

132
00:06:15,100 --> 00:06:16,130
používán lidmi.

133
00:06:16,130 --> 00:06:19,670
Takže řada důvodů, lze vysvětlit
proč je soubor nebyl nalezen.

134
00:06:19,670 --> 00:06:22,990
A uvidíte, v následujících týdnech,
tyto jiné chybové kódy, a budete

135
00:06:22,990 --> 00:06:24,195
využít některých z nich.

136
00:06:24,195 --> 00:06:25,760
Nejhorší je 500 Kč.

137
00:06:25,760 --> 00:06:29,820
Pokud se vám 500 chyb v kódu, je že jste
napsal, myslím, že jako druh

138
00:06:29,820 --> 00:06:33,290
analogový SEG poruch v
Svět programování pro web.

139
00:06:33,290 --> 00:06:34,560
Není to zas až tak strašné.

140
00:06:34,560 --> 00:06:36,660
Ale znamená to, že někde
jste to podělal.

141
00:06:36,660 --> 00:06:38,260
Takže se těším na ty.

142
00:06:38,260 --> 00:06:39,910
>> Ale uvidíme, jestli můžeme
vidět je do kontextu.

143
00:06:39,910 --> 00:06:43,460
Nech mě jít do prohlížeče zde
a proveďte následující kroky.

144
00:06:43,460 --> 00:06:45,710
Tak to je Chrome, který se stane
být instalována v přístroji.

145
00:06:45,710 --> 00:06:49,410
Ale většina každý prohlížeč má v těchto dnech
některé ekvivalentní funkce.

146
00:06:49,410 --> 00:06:52,610
Chystám se jít až na Chrome menu
a přejděte do nabídky Nástroje a já jdu

147
00:06:52,610 --> 00:06:53,990
na nástroje pro vývojáře.

148
00:06:53,990 --> 00:06:57,040
A uvidíte, že tento malý panel
se otevře v dolní části okna.

149
00:06:57,040 --> 00:07:00,190
Další zástupce, abych byl upřímný, že jsem
obvykle používají sám je pravým tlačítkem myši

150
00:07:00,190 --> 00:07:04,370
nebo s klávesou Ctrl klepněte kdekoli na webu
stránky a stačí jít do Zkontrolujte Element.

151
00:07:04,370 --> 00:07:07,440
A to nejen otevřít
to mít pro vás.

152
00:07:07,440 --> 00:07:10,230
To bude také otevírat, a to konkrétně,
Prvky podíl na

153
00:07:10,230 --> 00:07:11,430
na levé straně.

154
00:07:11,430 --> 00:07:12,460
>> Takže jsme samozřejmě vidět Google.

155
00:07:12,460 --> 00:07:13,930
Oni změnili logo dnes.

156
00:07:13,930 --> 00:07:20,200
Ale když jsem se posunout dolů sem nahoru, všimněte si,
že v rámci prvků, vidíte

157
00:07:20,200 --> 00:07:23,460
co se nazývá HTML, HyperText Markup
Jazyk, což je jazyk,

158
00:07:23,460 --> 00:07:26,000
že tato a všechny webové stránky,
Opravdu, jsou psány palců

159
00:07:26,000 --> 00:07:28,950
Ale je to vlastně naformátována pro
nás mnohem víc čitelně

160
00:07:28,950 --> 00:07:29,970
než normálně.

161
00:07:29,970 --> 00:07:34,810
Ve skutečnosti, pokud se vzdálíte, a já místo toho
stačí pravým tlačítkem myši nebo se stisknutou klávesou Click

162
00:07:34,810 --> 00:07:39,630
klepněte na stránku, a pak jít na Zobrazit
Zdroj stránky, to je doslova to, co

163
00:07:39,630 --> 00:07:42,150
Google seslal svého prohlížeče.

164
00:07:42,150 --> 00:07:46,480
>> Takže nějaká osoba nebo osoby napsal
Google.com používat tento zdrojový kód.

165
00:07:46,480 --> 00:07:47,790
Většina z toho není HTML.

166
00:07:47,790 --> 00:07:49,340
Je to vlastně volal jazyk
JavaScript, který

167
00:07:49,340 --> 00:07:50,880
přijedeme do středu.

168
00:07:50,880 --> 00:07:55,580
Ale co Chrome, a to, co každý prohlížeč
pro nás můžete udělat, je trochu vidět

169
00:07:55,580 --> 00:07:59,610
přes všechny rozptylování
blázen syntaxe a znovu vložte prázdné místo

170
00:07:59,610 --> 00:08:02,940
pro nás, a dokonce i zvýraznění syntaxe,
nebo kolorovat věci pro nás.

171
00:08:02,940 --> 00:08:06,470
Tak zjistíte, že tito tzv.
vývojářské nástroje zabudované do prohlížeče

172
00:08:06,470 --> 00:08:10,830
bude váš život tak, tak mnohem jednodušší
protože si můžete prohlédnout prostřednictvím této nabídce

173
00:08:10,830 --> 00:08:13,940
rozhraní, přesně to, co základní
zdrojový kód je pro

174
00:08:13,940 --> 00:08:15,750
všechny stránky na internetu.

175
00:08:15,750 --> 00:08:19,070
A opravdu, to je jeden z nejvíce
účinné způsoby, jak se učit, jak to udělat

176
00:08:19,070 --> 00:08:22,860
něco nového, alespoň v případě, že stránka
není tak složité, jak přemoci, je

177
00:08:22,860 --> 00:08:26,700
začít šťourat, že je to HTML, podívejte se
na jeho tzv. CSS, které Přijdeme

178
00:08:26,700 --> 00:08:30,310
se trochu také, aby se
pochopení toho, jak se programátor

179
00:08:30,310 --> 00:08:33,480
implementovány některé konkrétní
rysem stránky.

180
00:08:33,480 --> 00:08:36,530
>> Ale technicky zajímavé doprava
teď to bude tohle.

181
00:08:36,530 --> 00:08:39,429
Když jdu na záložce Network,
Pojďme se tedy jasné to.

182
00:08:39,429 --> 00:08:43,429
Budu klikněte na malou
zlatý kříž, symbol tady, a pak

183
00:08:43,429 --> 00:08:45,630
přejít na jinou webovou stránku.

184
00:08:45,630 --> 00:08:48,430
A já jsem prostě jít na typ
v Facebook.com.

185
00:08:48,430 --> 00:08:51,940
Ne HTTP, HTTPS ne, ne WWW.

186
00:08:51,940 --> 00:08:53,850
Pojďme skutečně vidět, co se děje tady.

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

188
00:08:55,030 --> 00:08:58,480
Nyní si všimnout spoustu věcí jen
objevil se v této spodní panel, v

189
00:08:58,480 --> 00:09:00,285
přidání na webovou stránku
se objeví v horní části.

190
00:09:00,285 --> 00:09:04,890
Chystám se posunout zpět do
Záložka Síť tady, a budu

191
00:09:04,890 --> 00:09:06,080
klikněte na prvním řádku.

192
00:09:06,080 --> 00:09:10,580
Co tento nástroj bude, aby nám zjevil
je každý z HTTP požadavků

193
00:09:10,580 --> 00:09:13,550
že rychle jen se vrátil a
střídavě můj prohlížeč

194
00:09:13,550 --> 00:09:14,930
a serveru Facebook je.

195
00:09:14,930 --> 00:09:17,830
A tak každý z těch řádků
představuje jednu takovou žádost nebo

196
00:09:17,830 --> 00:09:20,970
reakce, jeden nebo více z
ty virtuální obálky.

197
00:09:20,970 --> 00:09:24,080
Nebo více uvolněně, je to jako člověk
jako člověk, zákazník

198
00:09:24,080 --> 00:09:26,710
restaurace, žádat o něco
znovu a znovu, a znovu.

199
00:09:26,710 --> 00:09:29,400
A číšník stále přinášet
je zpět v čase.

200
00:09:29,400 --> 00:09:33,850
>> Takže teď, když jsem se přiblížit na toto téma, všimněte si,
a to bude jedna z těch věcí

201
00:09:33,850 --> 00:09:36,600
že jste vítáni a podporovány
hrát na vlastní pěst, protože jsme

202
00:09:36,600 --> 00:09:38,150
nepůjde přes všechno
velmi podrobně.

203
00:09:38,150 --> 00:09:40,070
Nevšimnout, že je
Několik dílčích karty zde -

204
00:09:40,070 --> 00:09:43,700
Záhlaví, Náhled, reakce,
Cookies a načasování.

205
00:09:43,700 --> 00:09:48,280
Já jsem prostě jít podívat na záhlaví
pro tuto chvíli, neboť se jedná o malé

206
00:09:48,280 --> 00:09:53,600
složky vnitřní část obálky
pomoci dat dostat z místa na místo.

207
00:09:53,600 --> 00:09:57,590
>> Takže v první řadě mi dovolte, abych na tlačítko zobrazit téma
Zdroj u hlaviček.

208
00:09:57,590 --> 00:10:01,910
Tam je požadavek, že můj prohlížeč,
Chrom, v tomto případě, poslal uvnitř

209
00:10:01,910 --> 00:10:02,910
že virtuální obálky.

210
00:10:02,910 --> 00:10:04,800
Vzpomeňte si minulý týden jsem
ručně je zadáno při

211
00:10:04,800 --> 00:10:06,380
předstírat, že prohlížeč.

212
00:10:06,380 --> 00:10:09,980
Pak připomněl server, že je to
hledá názvem hostitele

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

214
00:10:10,835 --> 00:10:13,630
A pak je tu trochu tajemný
Informace, které budeme mávat

215
00:10:13,630 --> 00:10:14,830
naše ruce nyní.

216
00:10:14,830 --> 00:10:18,640
>> Ale když začnu nalistujte nyní
toto okno, dovolte mi, abych se

217
00:10:18,640 --> 00:10:19,980
Hlavičky odpovědi.

218
00:10:19,980 --> 00:10:23,270
To bylo to, co je ve virtuálním
obálka, která se vrátila z

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

220
00:10:24,095 --> 00:10:27,390
A když jsem klepněte na tlačítko Zobrazit zdroj jen
vidět surový text to,

221
00:10:27,390 --> 00:10:28,400
Všimněte si pár věcí.

222
00:10:28,400 --> 00:10:32,130
Jeden, Facebook mluví také stejné
protocol, verze 1.1 tohoto rozhodnutí.

223
00:10:32,130 --> 00:10:33,390
Tak to je hezké.

224
00:10:33,390 --> 00:10:36,820
Ale stavový kód 301,
natrvalo přestěhoval.

225
00:10:36,820 --> 00:10:38,880
>> Tak kde sakra jsi Facebook jít?

226
00:10:38,880 --> 00:10:40,430
Co se to snaží zprostředkovat k nám?

227
00:10:40,430 --> 00:10:44,310
Dobře si všimněte, sem tam je další
záhlaví s názvem umístění.

228
00:10:44,310 --> 00:10:51,050
Tak proč je Facebook mi říká, že
přemístěny na tuto adresu URL

229
00:10:51,050 --> 00:10:53,580
vedle umístění?

230
00:10:53,580 --> 00:10:54,962
Zapomněl jsem www.

231
00:10:54,962 --> 00:10:56,250
>> Takže to byla moje volba.

232
00:10:56,250 --> 00:11:00,450
Ve skutečnosti, většina z nás jen zřídka, pravděpodobně
zadejte www.whatever.com v těchto dnech.

233
00:11:00,450 --> 00:11:03,390
Ale ukazuje se správce systému,
jako jsou Facebook, kde si mohou

234
00:11:03,390 --> 00:11:06,800
konfigurovat své servery takovým způsobem,
že buď Facebook.com pracuje, nebo

235
00:11:06,800 --> 00:11:12,450
www.Facebook.com funguje, nebo ne,
každá taková předpona před jejich

236
00:11:12,450 --> 00:11:13,210
název domény.

237
00:11:13,210 --> 00:11:14,500
Takže jste udělal, že pro nás.

238
00:11:14,500 --> 00:11:16,910
A oni jsou přesměrování nás, pravděpodobně
pro některé technické,

239
00:11:16,910 --> 00:11:18,100
některé z marketingových důvodů.

240
00:11:18,100 --> 00:11:21,570
Chtějí jen canonicalize
na www.Facebook.com.

241
00:11:21,570 --> 00:11:24,040
>> Ale to není tak docela ono.

242
00:11:24,040 --> 00:11:28,560
Kdybych přejděte sem, pojďme
co se stane.

243
00:11:28,560 --> 00:11:30,810
To se mi říct, my
natrvalo přestěhoval do

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

245
00:11:33,450 --> 00:11:36,620
Takže pojďme se podívat na druhou žádost
že můj prohlížeč odesílá.

246
00:11:36,620 --> 00:11:40,070
Bohužel, vypadá to, že Facebook
se posunula opět, protože druhý

247
00:11:40,070 --> 00:11:44,420
žádost, výběrem této URL místo,
říká, že taky pohyboval

248
00:11:44,420 --> 00:11:45,010
trvale.

249
00:11:45,010 --> 00:11:48,140
A dovolte mi přejděte sem
do hlavičky odpovědi.

250
00:11:48,140 --> 00:11:51,530
V případě, že Facebook už teď?

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

252
00:11:52,680 --> 00:11:56,130
Takže teď Facebook začalo,
zejména s ohledem na aktuální

253
00:11:56,130 --> 00:11:59,750
události v posledních měsících, zejména a
Také v posledních letech

254
00:11:59,750 --> 00:12:03,670
donutit všechny jejich uživatelů, dobrý
způsobem, aby používal protokol HTTPS, což je více

255
00:12:03,670 --> 00:12:06,210
zajistit, i když ne zcela bezpečné.

256
00:12:06,210 --> 00:12:10,000
A tak teď moje strana, můj prohlížeč je
bude požadovat tento třetí URL.

257
00:12:10,000 --> 00:12:14,710
A teď se konečně dostáváme
jinak neviditelné 200 OK.

258
00:12:14,710 --> 00:12:18,830
>> Takže to, co na světě, nebo všechny
Tyto další řádky dole.

259
00:12:18,830 --> 00:12:22,630
Doslova jsem napsal jednu věc, a my
prohlížeč Zdá se, že žádost jako

260
00:12:22,630 --> 00:12:23,840
20 některé podivné věci.

261
00:12:23,840 --> 00:12:24,640
Co je to?

262
00:12:24,640 --> 00:12:25,810
>> DIVÁKŮ: Skripty?

263
00:12:25,810 --> 00:12:28,460
>> SPEAKER 1: skripty, takže další soubory
napsané v jazyce zvaném

264
00:12:28,460 --> 00:12:30,780
JavaScript, který opět sejdeme
vidět kousek ve středu.

265
00:12:30,780 --> 00:12:32,760
Co ještě?

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

267
00:12:33,390 --> 00:12:36,350
Takže něco s názvem jazyka
CSS, což uvidíme za chvíli.

268
00:12:36,350 --> 00:12:40,690
Gif, a JPEG, PNG a, a obrázky,
a filmové soubory - bez ohledu na webovou stránku

269
00:12:40,690 --> 00:12:43,280
se s největší pravděpodobností v
forma souboru.

270
00:12:43,280 --> 00:12:46,750
A tak to, co vidíme na levé straně
straně je zde pro všechny soubory

271
00:12:46,750 --> 00:12:50,280
že měl Chrome ke stažení,
rekurzivně, pokud se bude, s cílem

272
00:12:50,280 --> 00:12:52,430
skládat celistvost stránky.

273
00:12:52,430 --> 00:12:56,210
>> Takže to, co jsme viděli před chvílí s Google,
když jsem klikněte na Elements

274
00:12:56,210 --> 00:13:00,470
karta, to jistě, je HTML,
jazyk, který komponuje tuto stránku.

275
00:13:00,470 --> 00:13:01,890
Ale je tu hrozny dalších věcí.

276
00:13:01,890 --> 00:13:02,640
K dispozici je logo.

277
00:13:02,640 --> 00:13:04,680
Tam je těch modro-ish
Ikony tam.

278
00:13:04,680 --> 00:13:07,610
A je tu další prvky stále
stránky, které by mohly být samy o sobě

279
00:13:07,610 --> 00:13:08,610
samostatné soubory.

280
00:13:08,610 --> 00:13:11,860
>> Takže to, co je hezké o prohlížeči, je, že
vypadá to na jazyku jedeme

281
00:13:11,860 --> 00:13:14,690
začít psát, nebo jste už
začal psát v sadě P 7, figurky

282
00:13:14,690 --> 00:13:17,970
, kde tyto soubory žijí, a
jde a vezme je také.

283
00:13:17,970 --> 00:13:21,010
A já nemohu dostatečně zdůraznit, a to i
ačkoli někteří by to mohlo vypadat trochu

284
00:13:21,010 --> 00:13:24,820
tajemný, nebo ohromující na první pohled,
naučit se programovat

285
00:13:24,820 --> 00:13:28,500
aplikace pro web, je to
neocenitelný pochopit, jak tyto

286
00:13:28,500 --> 00:13:29,410
malé nástroje fungují.

287
00:13:29,410 --> 00:13:33,830
Jedná se o něco jako GDB jako nástroje,
ale mnohem jednodušší, nakonec použít -

288
00:13:33,830 --> 00:13:37,690
a opravdu dává vám oči na to, co
jsme užívali za samozřejmé

289
00:13:37,690 --> 00:13:39,170
docela nějaký čas teď.

290
00:13:39,170 --> 00:13:42,270
>> Takže to, co teď můžeme dělat s
tato informace?

291
00:13:42,270 --> 00:13:44,875
Dobře, pojďme vlastně se podívat na
pojetí, na nichž HTML.

292
00:13:44,875 --> 00:13:49,025
A budeme odkládat, protože již máme, se
sekce tento týden, na problém

293
00:13:49,025 --> 00:13:53,260
sada 7 specifikaci, na některé z více
údaje z těchto jazyků.

294
00:13:53,260 --> 00:13:57,020
Ale uvidíme, jestli nemůžeme malovat
obraz toho, co byste měli pochopit,

295
00:13:57,020 --> 00:13:57,940
celkově zde.

296
00:13:57,940 --> 00:14:02,280
>> Takže HTML HyperText Markup Language,
není programovací jazyk.

297
00:14:02,280 --> 00:14:03,520
Co to vlastně znamená?

298
00:14:03,520 --> 00:14:05,690
Takže HTML vypadá takto.

299
00:14:05,690 --> 00:14:06,810
A někteří z vás už to vědí.

300
00:14:06,810 --> 00:14:08,130
Někteří z vás dělali
to na nějakou dobu.

301
00:14:08,130 --> 00:14:10,270
Ale uvidíme, jestli nemůžeme naplnit
V některých mezer stejně.

302
00:14:10,270 --> 00:14:11,760
Takže si všimnout pár věcí tady.

303
00:14:11,760 --> 00:14:13,030
Za prvé, je to textový.

304
00:14:13,030 --> 00:14:15,960
Takže je to jako zdrojový kód v
C, nebo nějaký jiný jazyk.

305
00:14:15,960 --> 00:14:17,750
>> Všimněte si, že se zdá, že
být jistý vzorec.

306
00:14:17,750 --> 00:14:20,870
K dispozici je odsazení, ale technicky
odsazení je jen člověk

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

308
00:14:21,205 --> 00:14:24,980
A prohlížeče nezajímá, jestli je tu nový
linky a karty jako vidíme zde.

309
00:14:24,980 --> 00:14:27,410
Ale zjistíte, že je tu
symetrie zde.

310
00:14:27,410 --> 00:14:31,180
Tam je to, co budu říkat, v horní části
tento soubor, otevřený tag, nebo na začátku

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

312
00:14:33,030 --> 00:14:36,800
A pak, dole, dokonale podšívkou
up, stejně jako to děláme s složenými závorkami,

313
00:14:36,800 --> 00:14:40,910
vidíme otevřený držák, vpřed
lomítko, HTML, závorka.

314
00:14:40,910 --> 00:14:44,610
Tak to je odpovídající close
tag nebo koncové značky, pro tu věc.

315
00:14:44,610 --> 00:14:47,990
>> Společně vše uvnitř
tzv. open tag a zavřít tag

316
00:14:47,990 --> 00:14:50,440
napsat, co budeme říkat prvek.

317
00:14:50,440 --> 00:14:53,910
A uvidíme, za chvíli, je to
opravdu rád uzlu v stromů.

318
00:14:53,910 --> 00:14:57,470
Protože jestli si myslíte, že teď
odsazení, které znamenalo, tady,

319
00:14:57,470 --> 00:15:00,780
druh mají rádi, prarodiče
uzel s názvem HTML.

320
00:15:00,780 --> 00:15:06,870
Kolik dětí dalo by se říct, na základě
na tomto obrázku, HTML prvek má?

321
00:15:06,870 --> 00:15:07,720
>> Takže asi dva.

322
00:15:07,720 --> 00:15:10,240
Jedním z nich je hlava prvek, zřejmě.

323
00:15:10,240 --> 00:15:11,710
A jeden je tělo prvek.

324
00:15:11,710 --> 00:15:12,555
A proč dvě děti?

325
00:15:12,555 --> 00:15:15,840
No, já jsem jen trochu dovodit, že pokud
Mám otevřenou hlavou záznam a poté

326
00:15:15,840 --> 00:15:17,820
úzkým vedoucã tag, to je živel.

327
00:15:17,820 --> 00:15:21,200
A pak, v případě, že je další otevřená karoserie
tag a blízký tělo tag, je to jako

328
00:15:21,200 --> 00:15:22,340
další prvek.

329
00:15:22,340 --> 00:15:26,000
Takže v tom smyslu, že když jsem trochu střídat
obraz na jeho straně, je to

330
00:15:26,000 --> 00:15:29,910
jako s HTML tag, a pak
hlava tag, a pak tělo tag, a

331
00:15:29,910 --> 00:15:34,290
pak nějaký text, hello world, houpající
z tohoto tagu body samotného.

332
00:15:34,290 --> 00:15:36,620
>> Takže můžeme nakreslit obrázek, který
může vypadat například takto.

333
00:15:36,620 --> 00:15:38,020
Tvary jsou libovolné.

334
00:15:38,020 --> 00:15:40,870
Ale zjistíte, že jsem použil jakousi
elipsy v horní představovat

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

336
00:15:41,860 --> 00:15:45,980
Ukazuje se, že tam může být další věci
uvnitř webové stránky, které jsem ne

337
00:15:45,980 --> 00:15:46,940
vypracován zde.

338
00:15:46,940 --> 00:15:50,800
Takže budeme i pověsit HTML
uzel mimo tzv. uzel dokumentu.

339
00:15:50,800 --> 00:15:53,730
A pak máme hlavu a
tělo a titul, oznámení,

340
00:15:53,730 --> 00:15:55,360
který je vnořen další.

341
00:15:55,360 --> 00:15:58,650
Nechtěl jsem obtěžovat uvedení další řádek
přestávky vnitřní část názvu značky.

342
00:15:58,650 --> 00:16:02,710
Je to jen pocit, jako by byl stále
příliš upovídaný.

343
00:16:02,710 --> 00:16:07,000
Tak jsem to nechal v jedné linii tam, s
otevřené titul, hello world, blízko titulu.

344
00:16:07,000 --> 00:16:09,380
A pak máme nějaký text
houpající off tady.

345
00:16:09,380 --> 00:16:12,200
>> Tak tento obrázek se vrátí do
nám, když jsme se ponořit do JavaScriptu.

346
00:16:12,200 --> 00:16:15,110
A pochopení, že když
HTML napsat takhle, co

347
00:16:15,110 --> 00:16:16,250
je prohlížeč dělá?

348
00:16:16,250 --> 00:16:19,290
No, my nemusíme obávat
jak se to dělá, nebo s tím, co

349
00:16:19,290 --> 00:16:23,090
algoritmus, ale na konci dne,
Když prohlížeč obdrží HTML jako

350
00:16:23,090 --> 00:16:27,510
že z Facebook nebo Google, analyzuje
to, abych tak řekl, to čte,

351
00:16:27,510 --> 00:16:31,160
s něčím, jako fread, shora
dolů, zleva doprava, a jak to

352
00:16:31,160 --> 00:16:36,300
uvědomuje, oh, otevřený značku a zavřete
tag, začne malloc, abych tak řekl,

353
00:16:36,300 --> 00:16:37,800
uzel ve stromu.

354
00:16:37,800 --> 00:16:41,130
A když narazí, jak jsme mlčky
Zde se odsazení,

355
00:16:41,130 --> 00:16:45,400
podřízený uzel, to mallocs uzel pro který
a připojen, že ke stromu.

356
00:16:45,400 --> 00:16:49,150
>> , Takže stromové struktury, binární stromy,
ternární stromy, a větší stromy, které

357
00:16:49,150 --> 00:16:53,380
Podívali jsme se na týden nebo dva lety, oznámení
že stejný princip je

358
00:16:53,380 --> 00:16:54,220
přichází zpět k nám.

359
00:16:54,220 --> 00:16:57,590
A kdo realizován, Chrome cokoliv
Tým udělal, pravděpodobně měl

360
00:16:57,590 --> 00:17:00,800
realizovat nějaké stromové struktury
pod kapotou.

361
00:17:00,800 --> 00:17:05,329
A to samo o sobě je pravděpodobně
jazyk C, nebo C + +, nebo nižší

362
00:17:05,329 --> 00:17:08,540
úrovni jazyka, že budeme
nyní používat na vrcholu webu.

363
00:17:08,540 --> 00:17:11,200
>> Takže teď, možná, bude tento
větší smysl.

364
00:17:11,200 --> 00:17:15,420
Skutečné tetování z nějakého chlápka, kteří by mohli
litovat nakonec druhu.

365
00:17:15,420 --> 00:17:17,359
OK, v pořádku, takže spousta webových humor.

366
00:17:17,359 --> 00:17:18,599
Není to opravdu
než tak dobře i dnes.

367
00:17:18,599 --> 00:17:19,560
Takže budeme dál.

368
00:17:19,560 --> 00:17:20,180
Dobrá.

369
00:17:20,180 --> 00:17:22,760
>> Takže pojďme se podívat teď
se na několik příkladů.

370
00:17:22,760 --> 00:17:24,660
Nejjednodušší
co by mohlo být tohle.

371
00:17:24,660 --> 00:17:29,170
Chystám se jít dopředu a otevřít v
gedit soubor s názvem hello.php.

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

373
00:17:31,730 --> 00:17:36,330
A uvnitř tady, jdu rychle
jen to, printf, citovat

374
00:17:36,330 --> 00:17:38,590
konec citátu, "hello world".

375
00:17:38,590 --> 00:17:42,460
>> Takže oznámení, a já budu dělat svou zpětného lomítka n,
Jsem neobtěžoval vyhlásit hlavní.

376
00:17:42,460 --> 00:17:45,310
Ukázalo se, že v PHP, a hodně
jazyky, nemusíte hlavní

377
00:17:45,310 --> 00:17:46,090
funkce sám o sobě.

378
00:17:46,090 --> 00:17:47,720
Stačí si jen začít psát
váš program.

379
00:17:47,720 --> 00:17:51,210
Teď, když jsem se tento soubor uložit, všimněte si, že jsem
bude muset provést následující kroky.

380
00:17:51,210 --> 00:17:55,360
Nebudu používat dělat, a já nejsem
bude používat řinčení, protože PHP, na rozdíl od

381
00:17:55,360 --> 00:17:57,400
C, není zkompilovaný jazyk.

382
00:17:57,400 --> 00:18:01,400
Je to, co se nazývá interpretovat
jazyk, což znamená, že jej spustit

383
00:18:01,400 --> 00:18:04,650
jako vstup pomocí jiného programu
volal tlumočníka.

384
00:18:04,650 --> 00:18:08,150
A tento program čte, shora
dolů, zleva doprava, a dělá

385
00:18:08,150 --> 00:18:09,290
co říct, že dělat.

386
00:18:09,290 --> 00:18:12,920
>> Takže v tomto případě tady mám
jeden řádek, který říká printf.

387
00:18:12,920 --> 00:18:17,990
Takže když jsem spustit tento zdrojový kód,
hello.php, když program, který

388
00:18:17,990 --> 00:18:22,830
se stane, pohodlně, být nazýván PHP,
tento program PHP bude číst

389
00:18:22,830 --> 00:18:26,120
tento soubor, shora dolů, zleva doprava,
a to bude dělat to, co jsem

390
00:18:26,120 --> 00:18:30,110
říct, že dělat - spuštění kódu, a je-li
neuznává něco, jen

391
00:18:30,110 --> 00:18:31,320
plivat ven.

392
00:18:31,320 --> 00:18:34,940
Takže budu pokračovat a
spustit PHP na hello.php.

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

394
00:18:37,110 --> 00:18:39,690
>> A to není přesně to, co jsem chtěl.

395
00:18:39,690 --> 00:18:40,530
No, proč to je?

396
00:18:40,530 --> 00:18:43,910
No, PHP je jazyk, který je vlastně
navržena tak, aby se poměrně

397
00:18:43,910 --> 00:18:46,150
prolíná s webem.

398
00:18:46,150 --> 00:18:50,460
Při vytváření webových stránek s tímto jazykem
PHP, jak brzy uvidíte, budeme

399
00:18:50,460 --> 00:18:54,560
Chcete udělat něco takového tisku
z linek, jako je tento.

400
00:18:54,560 --> 00:18:55,940
>> Tak jdu na to.

401
00:18:55,940 --> 00:19:00,810
Otevřete držák, otazník, PHP, a
teď jsem jen tak odrážky, jen aby

402
00:19:00,810 --> 00:19:01,960
pěkné věci.

403
00:19:01,960 --> 00:19:04,910
A teď budu dělat otázku
označit závorka.

404
00:19:04,910 --> 00:19:06,270
Takže tam je trochu asymetrie zde.

405
00:19:06,270 --> 00:19:07,490
Nemusíte to udělat.

406
00:19:07,490 --> 00:19:10,530
A nemusíte dělat lomítko, takže
PHP je trochu jiný.

407
00:19:10,530 --> 00:19:14,610
>> Ale teď, když jsem znovu tento program,
PHP hello.php, teď jsem

408
00:19:14,610 --> 00:19:16,090
skutečně dostat Hello World.

409
00:19:16,090 --> 00:19:17,750
A uvidíme, proč je to cenné.

410
00:19:17,750 --> 00:19:20,960
Jednou, to mi umožňuje určit,
Super výslovně, to je

411
00:19:20,960 --> 00:19:22,480
kód spustit tuto funkci.

412
00:19:22,480 --> 00:19:25,480
A to je opravdu to, co tito
speciální tagy znamenat tady.

413
00:19:25,480 --> 00:19:30,330
>> Ale to také znamená, že pokud jsem to
něco mi jde sem, že

414
00:19:30,330 --> 00:19:34,000
znamená, že doslova, že bude jen
vytisknout bez nutnosti

415
00:19:34,000 --> 00:19:36,850
vlastně volání printf, nebo tisk,
nebo jiné podobné funkce.

416
00:19:36,850 --> 00:19:39,445
Takže se vrátíme k tomu
za chvíli.

417
00:19:39,445 --> 00:19:40,470
>> Za prvé, pojďme na to.

418
00:19:40,470 --> 00:19:43,950
Uvnitř spotřebiče, máme
adresář s názvem vhosts pro virtuální

419
00:19:43,950 --> 00:19:47,000
hostitelé, lomítko místního hostitele, lomítko veřejnosti.

420
00:19:47,000 --> 00:19:50,240
Takže je to trochu upovídaný, ale dlouhý příběh
Stručně řečeno, je přístroj navržen tak,

421
00:19:50,240 --> 00:19:53,770
pouze na podporu C. Je to také
určen na podporu PHP.

422
00:19:53,770 --> 00:19:57,440
Ale to je také navržen tak, aby web
server a databázový server.

423
00:19:57,440 --> 00:20:00,230
A je navržen tak, a skutečně nastaven,
být připomínající jakékoliv

424
00:20:00,230 --> 00:20:04,230
komerční web hosting společnost, která
můžete platit 5 dolarů měsíčně za,

425
00:20:04,230 --> 00:20:05,040
100 dolarů za měsíc.

426
00:20:05,040 --> 00:20:08,200
Ať už se jedná o službu, je konfigurován
být velmi podobné

427
00:20:08,200 --> 00:20:10,170
Skutečný svět provozní server.

428
00:20:10,170 --> 00:20:13,485
>> A co to znamená, že běží na
Přístroj je web server software.

429
00:20:13,485 --> 00:20:15,060
Stává se to nazvat Apache.

430
00:20:15,060 --> 00:20:17,790
Je to jen zdarma a open source,
a velmi populární.

431
00:20:17,790 --> 00:20:23,260
A my jsme nakonfigurován Apache vědět
že když jsem navštívit určitou adresu URL, s

432
00:20:23,260 --> 00:20:28,060
Chrome nebo prohlížeč uvnitř
zařízení, aby se do tohoto adresáře

433
00:20:28,060 --> 00:20:31,030
pro soubory, které
uživatel požaduje.

434
00:20:31,030 --> 00:20:32,790
>> Jinými slovy, dovolte mi, abych
jít dál a dělat to.

435
00:20:32,790 --> 00:20:36,890
Uvnitř mé veřejném seznamu, budu
pokračovat a vytvořit soubor

436
00:20:36,890 --> 00:20:39,580
s názvem index.html.

437
00:20:39,580 --> 00:20:41,000
To mi dává kartu zde.

438
00:20:41,000 --> 00:20:44,210
A já jdu rychle
a jděte do toho a vybrnkat

439
00:20:44,210 --> 00:20:45,010
tento program zde.

440
00:20:45,010 --> 00:20:48,410
DOCTYPE HTML, které v této chvíli, jen
Předpokládám, že máte psát.

441
00:20:48,410 --> 00:20:53,490
Je to jen tajemné tag, že to není
opravdu tag HTML, který uvádí, že

442
00:20:53,490 --> 00:20:55,050
tady je nějaký HTML.

443
00:20:55,050 --> 00:20:57,400
>> Chystám se jít dopředu a znovu
co jsme viděli před chvílí.

444
00:20:57,400 --> 00:20:58,650
Zde je hlava stránky.

445
00:20:58,650 --> 00:21:01,170
Uvnitř hlavy je -

446
00:21:01,170 --> 00:21:01,890
tak titul.

447
00:21:01,890 --> 00:21:04,340
Takže budeme pozdravit svět.

448
00:21:04,340 --> 00:21:06,570
A pak tady dole bylo tělo tag.

449
00:21:06,570 --> 00:21:08,580
Dovolte mi uzavřít tag body.

450
00:21:08,580 --> 00:21:12,280
A pak tu budu také říci,
Jen pro přehlednost, hello world.

451
00:21:12,280 --> 00:21:14,770
>> Tak to je, pravděpodobně, nejjednodušší
Webová stránka, kterou lze

452
00:21:14,770 --> 00:21:15,770
může to platné.

453
00:21:15,770 --> 00:21:17,030
Je to syntakticky.

454
00:21:17,030 --> 00:21:18,620
Všechno, co otevřel je uzavřen.

455
00:21:18,620 --> 00:21:20,910
Všechno je pěkně
stylu a členité.

456
00:21:20,910 --> 00:21:23,600
Tak uvidíme, teď, jak jsem
přístup k tomuto souboru.

457
00:21:23,600 --> 00:21:25,540
>> No, dovolte mi jít do Chromu zde.

458
00:21:25,540 --> 00:21:35,050
A nech mě jít
http://localhost/index.html.

459
00:21:35,050 --> 00:21:36,200
Takže to, co je lokální počítač?

460
00:21:36,200 --> 00:21:39,400
No, téměř jakýkoli počítač na světě,
Linux, Mac OS, Windows, má přezdívku

461
00:21:39,400 --> 00:21:40,680
zavolal místního hostitele.

462
00:21:40,680 --> 00:21:42,900
Takže pokud jste někdy chtěli mluvit
do svého počítače -

463
00:21:42,900 --> 00:21:45,140
i když kupodivu reflexivně -

464
00:21:45,140 --> 00:21:47,080
to si říkáš místního hostitele.

465
00:21:47,080 --> 00:21:50,390
Bez ohledu na to, jaké jsou vaše aktuální počítač
volal, ať už je to David MacBook

466
00:21:50,390 --> 00:21:52,490
Air, nebo i něco víc
verbose takhle.

467
00:21:52,490 --> 00:21:57,760
>> Tak toto URL je zřejmě bude používat
HTTP mluvit místního hostitele,

468
00:21:57,760 --> 00:22:00,800
stejný počítač, spotřebič, a
to bude žádat, vezměte

469
00:22:00,800 --> 00:22:02,570
hádat, co soubor?

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

471
00:22:04,460 --> 00:22:08,650
Takže je spotřebič nastaven na
předem vědět, že pokud se ptám

472
00:22:08,650 --> 00:22:13,460
něco jako index.html, podívejte se
ve složce s názvem vhosts v

473
00:22:13,460 --> 00:22:17,950
složku s názvem localhost, ve složce
ní tzv. public.

474
00:22:17,950 --> 00:22:20,400
To je místo, kde všechny mé veřejnosti
Soubory se bude.

475
00:22:20,400 --> 00:22:22,610
Takže jsem teď bude Enter.

476
00:22:22,610 --> 00:22:27,100
>> A sakra, tam je to zakázáno
zprávy, jinak známý jako 403, na

477
00:22:27,100 --> 00:22:28,490
číselný kód pro něj.

478
00:22:28,490 --> 00:22:30,130
Takže to, co se děje tady?

479
00:22:30,130 --> 00:22:33,210
No, to nestačí jen dát
soubor v mé složce.

480
00:22:33,210 --> 00:22:35,790
Musím skutečně provést následující kroky.

481
00:22:35,790 --> 00:22:40,210
>> Nech mě jít do mého vhosts adresáře, do
localhost, na veřejnosti, a nechat

482
00:22:40,210 --> 00:22:41,680
mě dělat ls pomlčka l.

483
00:22:41,680 --> 00:22:44,510
A je tu pár dalších věcí
zde pro dnešní účely.

484
00:22:44,510 --> 00:22:50,540
Povšimněme si ale na levé straně, vedle
na index.html, vidíme pouze jedno RW.

485
00:22:50,540 --> 00:22:53,560
A v minulosti, co
RW se stál?

486
00:22:53,560 --> 00:22:54,240
>> Stačí číst ani psát.

487
00:22:54,240 --> 00:22:58,000
Skutečnost, že se říká, že rw vlevo
znamená, že, majitel tohoto souboru, můžete

488
00:22:58,000 --> 00:22:59,020
číst nebo psát.

489
00:22:59,020 --> 00:23:05,010
Ale potřebuju, aby všichni lidé v
svět číst, ale ne psát.

490
00:23:05,010 --> 00:23:09,650
Takže budu měnit režim
soubor chmod, vše navíc r dát

491
00:23:09,650 --> 00:23:13,910
všichni povolení ke čtení na
soubor s názvem index.html.

492
00:23:13,910 --> 00:23:18,040
>> A když jsem teď opište ls pomlčka l, oznámení
, že tady, někteří více

493
00:23:18,040 --> 00:23:19,160
R je se objevilo.

494
00:23:19,160 --> 00:23:21,090
A teď, spec jde
do větších detailů.

495
00:23:21,090 --> 00:23:24,450
Pro p Nastavte 7, že právě znamená, že každý
nyní mohou číst tento soubor.

496
00:23:24,450 --> 00:23:27,790
Pokud se vrátím do svého prohlížeče
nyní a znovu, ejhle.

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

498
00:23:28,750 --> 00:23:32,260
>> A já si dokonce otevřu Chrome nářadí
a vidět, stejně jako s Google a

499
00:23:32,260 --> 00:23:34,590
Facebook, že je moje HTML,
formátování trochu

500
00:23:34,590 --> 00:23:35,930
jinak a obarvené.

501
00:23:35,930 --> 00:23:40,450
Když jdu na kartu Síť a znovu
stránky, zjistíte, že tam je získat

502
00:23:40,450 --> 00:23:42,900
požadovat, aby Chrome odesílá
spotřebiče.

503
00:23:42,900 --> 00:23:46,020
Tam je 200 za to
konkrétní soubor.

504
00:23:46,020 --> 00:23:49,340
Takže ve zkratce, je to, jak to všechno
různé kusy se setkávají.

505
00:23:49,340 --> 00:23:53,530
To jen tak se stane, že webový server
jsme použili právě teď není malá,

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

507
00:23:54,210 --> 00:23:58,330
Je to doslova ve stejném počítači,
což je naprosto v pořádku.

508
00:23:58,330 --> 00:24:00,590
>> Takže co víc si můžeme udělat na webové stránce?

509
00:24:00,590 --> 00:24:03,110
No, prostě, pojďme vánek přes
pár z těchto věcí.

510
00:24:03,110 --> 00:24:07,860
Ale dovolte mi, abych do toho pusťte a znovu
Gedit s index.html.

511
00:24:07,860 --> 00:24:13,980
A dovolte mi jít dál a pozdravit CS50,
tento soubor uložit, vraťte se

512
00:24:13,980 --> 00:24:16,260
prohlížeč, opravdu nezaujatý změna.

513
00:24:16,260 --> 00:24:19,130
>> Ale co když chceme skutečně
odkaz na něco, co teď?

514
00:24:19,130 --> 00:24:23,480
Tak to dopadá, že můžeme mít
Odkazy v HTML, které jsou stejně tagy

515
00:24:23,480 --> 00:24:24,140
samy o sobě.

516
00:24:24,140 --> 00:24:27,320
Stává se to nazvat
kotva tag. a href rovná

517
00:24:27,320 --> 00:24:33,190
https://www.cs50.net, www.cs50.net
zavřít Nabídka, závorka.

518
00:24:33,190 --> 00:24:35,230
A teď se podívejme, co
jinak přijde příště.

519
00:24:35,230 --> 00:24:36,500
>> Otevřel jsem značku.

520
00:24:36,500 --> 00:24:38,990
I nyní je třeba dát
Fráze jako CS50.

521
00:24:38,990 --> 00:24:40,600
Dovolte mi uzavřít tag.

522
00:24:40,600 --> 00:24:42,010
A všimněte si pár věcí.

523
00:24:42,010 --> 00:24:45,270
I když je to tajemné, co
tady jsem se neopakují, když si

524
00:24:45,270 --> 00:24:46,010
zavřít tag.

525
00:24:46,010 --> 00:24:48,230
Zde stačí zavřít tag
s jeho jménem osamocený.

526
00:24:48,230 --> 00:24:50,940
A to je to, co je známé jako
atribut s hodnotou.

527
00:24:50,940 --> 00:24:56,070
Atributy stačí upravit chování
některých značky na vnitřní stránky.

528
00:24:56,070 --> 00:24:59,150
>> Tak to je určující, že hyper
reference, ozdobný způsob, jak říkat

529
00:24:59,150 --> 00:25:03,660
URL pro tuto kotvu, pro tento
spojení, musí být CS50.net.

530
00:25:03,660 --> 00:25:07,440
A text, který chceme zobrazit,
Uživatel není, že surový URL, ale spíše

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

532
00:25:08,730 --> 00:25:13,710
>> Takže když teď jsem znovu, dovolte mi, abych zoom pro
jasnost, dovolte mi, abych znovu načíst stránku,

533
00:25:13,710 --> 00:25:16,460
Všimněte si, že máme tuhle starou školu
modrý podtržený odkaz.

534
00:25:16,460 --> 00:25:20,000
A když jsem se vznášet se nad ní, a to se děje
bude těžké vidět v levém dolním rohu

535
00:25:20,000 --> 00:25:23,690
horním rohu obrazovky, všimněte si,
že se říká, že URL, které

536
00:25:23,690 --> 00:25:24,430
Chystám se jít.

537
00:25:24,430 --> 00:25:27,940
A když kliknete tam, hle,
teď jsem vytváření webových stránek.

538
00:25:27,940 --> 00:25:30,140
A my jsme vedli sami
na domovskou stránku.

539
00:25:30,140 --> 00:25:32,670
>> Nevšimnout, co potenciálu
to nám nabízí.

540
00:25:32,670 --> 00:25:34,890
Bezpečnost je velmi
v módě v těchto dnech.

541
00:25:34,890 --> 00:25:41,210
Co kdybych místo toho řekl něco jako
to, a já místo toho jít do, řekněme, pojďme

542
00:25:41,210 --> 00:25:42,460
vidět, fakeCS50.net.

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

544
00:25:44,660 --> 00:25:46,360
Obnovit tuto stránku.

545
00:25:46,360 --> 00:25:50,180
>> OK, tak zjistíte, že stále vypadá, jako bych
bude CS50, pokud vychytralý oka

546
00:25:50,180 --> 00:25:51,560
Všimněte si, budu předstírat CS50.

547
00:25:51,560 --> 00:25:54,550
Hádám, že tato doména není přijata.

548
00:25:54,550 --> 00:25:55,960
OK, takže to není k dispozici.

549
00:25:55,960 --> 00:25:56,600
Tak to je dobře.

550
00:25:56,600 --> 00:25:57,900
Nikdo ve skutečnosti má tuto doménu.

551
00:25:57,900 --> 00:26:00,380
>> Ale buďme trochu zlomyslný
protože to je trochu hloupé.

552
00:26:00,380 --> 00:26:02,240
Co kdybychom toto nastavení změnit na Paypal.

553
00:26:02,240 --> 00:26:09,960
A co když říkáme, jako,
www.paypal.badguy.com,

554
00:26:09,960 --> 00:26:12,070
co je doména.

555
00:26:12,070 --> 00:26:13,700
Že pravděpodobně existuje.

556
00:26:13,700 --> 00:26:16,260
Takže teď mi dovolte znovu načíst stránku.

557
00:26:16,260 --> 00:26:22,890
A tady máme jakousi phishingu
útoku, P-H-I-S-H-I-N-G, který je

558
00:26:22,890 --> 00:26:26,760
hloupé slovo uvedeny pro útok, který
snaží ryb informací nebo lepší

559
00:26:26,760 --> 00:26:30,450
přesto, peníze z lidí tím, že napálí
je do poskytování informací, které

560
00:26:30,450 --> 00:26:31,990
které by jinak dělat.

561
00:26:31,990 --> 00:26:33,500
Vypadá to naprosto legitimní, že jo?

562
00:26:33,500 --> 00:26:34,930
Musím zde souvislost Paypal.com.

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

564
00:26:37,700 --> 00:26:40,430
Upřímně řečeno, když jsem sexed to s některými
grafika, můžeme, aby to vypadalo

565
00:26:40,430 --> 00:26:41,310
spíš PayPal.

566
00:26:41,310 --> 00:26:41,510
Je to tak?

567
00:26:41,510 --> 00:26:43,815
Protože jsem mohl, jako stranou,
Mohl jsem jít do Paypal.com.

568
00:26:43,815 --> 00:26:47,110
A my jsme jen viděli, jak mohu
zobrazit všechny jejich HTML.

569
00:26:47,110 --> 00:26:50,560
Mohl bych zkopírovat a znovu
estetika Paypal spíše než jít

570
00:26:50,560 --> 00:26:51,490
old school zde.

571
00:26:51,490 --> 00:26:55,010
Povšimněme si ale, samozřejmě, a to je málo
malá stále, pouze ve spodní části

572
00:26:55,010 --> 00:26:59,190
levém rohu, v jako 10. bod
font, vidíš, co jsi URL

573
00:26:59,190 --> 00:27:01,310
ve skutečnosti bude vedlo k.

574
00:27:01,310 --> 00:27:06,580
>> A tak pokud jste někdy dostali spam říká
jděte do toho a jste účet

575
00:27:06,580 --> 00:27:07,420
byla narušena.

576
00:27:07,420 --> 00:27:10,615
Prosím, klikněte na tento odkaz a dejte nám vědět
vaše heslo, takže můžeme zajistit, že jsi

577
00:27:10,615 --> 00:27:13,010
vy, nemusíte vůbec dělat.

578
00:27:13,010 --> 00:27:14,180
Tyto věci by měly být samozřejmostí.

579
00:27:14,180 --> 00:27:17,670
Ale je to úžasně zábavné a
tragické, jak se každý rok se to zdá

580
00:27:17,670 --> 00:27:19,660
stalo, že některé nenulovou
počet osob.

581
00:27:19,660 --> 00:27:21,400
>> A to je krása
phishingových útoků.

582
00:27:21,400 --> 00:27:23,160
Můžete posílat milion e-mailů.

583
00:27:23,160 --> 00:27:27,720
A to iv případě, 0.01% ze všech lidí skutečně
klikněte na Paypal a dá vám vaše

584
00:27:27,720 --> 00:27:31,040
heslo, je to stále nenulové číslo
lidí, kteří si jen dávat

585
00:27:31,040 --> 00:27:32,200
si jejich peníze.

586
00:27:32,200 --> 00:27:36,170
A odesílání e-mailů, samozřejmě, je zcela
jednoduché av podstatě zdarma

587
00:27:36,170 --> 00:27:36,970
v těchto dnech.

588
00:27:36,970 --> 00:27:40,410
>> Tak dlouhý příběh krátký, nádherně
krásná myšlenka, že jo?

589
00:27:40,410 --> 00:27:44,620
Před lety, to bylo nejdříve
web, umožňující síť

590
00:27:44,620 --> 00:27:46,330
hypertextové odkazy mezi zdroji.

591
00:27:46,330 --> 00:27:49,520
Ale stejně tak rychle, může to být
používají pro nemocné účely.

592
00:27:49,520 --> 00:27:54,100
A e-mail, stačí říct, tito
dny, že HTML vložen do.

593
00:27:54,100 --> 00:27:55,410
>> No, dovolte mi jednu věc.

594
00:27:55,410 --> 00:27:58,640
A budeme odložit do značné míry v sekci
problém nastavit sedm, abyste mohli

595
00:27:58,640 --> 00:28:00,000
prozkoumat údaje.

596
00:28:00,000 --> 00:28:01,990
Ale dovolte mi jít dopředu a
udělat pár věcí tady.

597
00:28:01,990 --> 00:28:04,840
Chystám se jít dovnitř a prohlásit
co se nazývá div, nebo

598
00:28:04,840 --> 00:28:06,080
divize části stránky.

599
00:28:06,080 --> 00:28:07,770
Dovolte mi na závěr, že tag div.

600
00:28:07,770 --> 00:28:11,460
>> A já řeknu nahoru
zde začátek stránky.

601
00:28:11,460 --> 00:28:14,940
A pak pod to, budu dělat
něco jako další div, zavřít tuto

602
00:28:14,940 --> 00:28:17,800
tag, a to dolní části stránky.

603
00:28:17,800 --> 00:28:18,840
A pojďme zachránit.

604
00:28:18,840 --> 00:28:21,040
>> Takže teď se vraťme k mému souboru.

605
00:28:21,040 --> 00:28:22,120
Velmi nezaujatý.

606
00:28:22,120 --> 00:28:25,520
Ale to, co se používá k rozdělení,
pod kapotou, je to vlastně

607
00:28:25,520 --> 00:28:26,920
pěkný konstrukční prvek.

608
00:28:26,920 --> 00:28:30,300
To nemá žádné estetické tak daleko,
můžeme vidět, než, zdá se,

609
00:28:30,300 --> 00:28:31,890
uvedení věci na nových tratích.

610
00:28:31,890 --> 00:28:36,290
>> Nevšimnout, jak stranou, jen bít
Zadejte nepřerušuje to v HTML, tak jako to

611
00:28:36,290 --> 00:28:39,840
se v C. Možná si myslíte, že by to
dám krásný velký rozdíl mezi

612
00:28:39,840 --> 00:28:41,300
horní a dolní části stránky.

613
00:28:41,300 --> 00:28:43,420
Ale je to ignorovali.

614
00:28:43,420 --> 00:28:48,040
Bílý prostor je v podstatě ignoruje
webové stránky jiné než první

615
00:28:48,040 --> 00:28:51,530
mezerníku znak nebo návrat vozíku,
že narazíte na klávesnici.

616
00:28:51,530 --> 00:28:55,370
Chcete-li více řádků, můžete
muset zadat sami.

617
00:28:55,370 --> 00:28:59,080
>> Takže budu dělat několik věcí
zde ukázat, co se děje.

618
00:28:59,080 --> 00:29:02,700
Chystám se přidat atribut, který
existuje A opět, jak se naučíte

619
00:29:02,700 --> 00:29:07,110
jaké atributy existují, jaké značky existují,
Opravdu, je online odkazy.

620
00:29:07,110 --> 00:29:09,750
HTML je druh jazyka - je to
není programovací jazyk.

621
00:29:09,750 --> 00:29:12,460
Je to značkovací jazyk - že po
dobré půl hodiny, možná hodinu s

622
00:29:12,460 --> 00:29:15,930
to, budete určitě pochopit, většina
pravděpodobné, základní myšlenka.

623
00:29:15,930 --> 00:29:20,350
A pak vyhledávání Google je všechno pryč
možné značky, které by mohly být

624
00:29:20,350 --> 00:29:21,170
zájem

625
00:29:21,170 --> 00:29:24,290
A dle specifikace, která je zcela
vítány a podporovány zde.

626
00:29:24,290 --> 00:29:26,120
>> Takže teď mě nech jít dopředu a
něco takového dělat.

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

628
00:29:28,690 --> 00:29:32,060
A teď jdu něco dělat
jako je červená, středník.

629
00:29:32,060 --> 00:29:33,970
A můžete to udělat v
několik různých způsobů.

630
00:29:33,970 --> 00:29:36,770
Jsem jen trochu psaní jako Super
výslovně jak je to možné.

631
00:29:36,770 --> 00:29:41,960
>> Ale ukazuje se, že tato hodnota je zde
co se nazývá CSS, Cascading Style

632
00:29:41,960 --> 00:29:43,700
Listy, což je další
jazyka vůbec.

633
00:29:43,700 --> 00:29:46,770
CSS nemá nic do činění s
otevřít značky a úzké tagy.

634
00:29:46,770 --> 00:29:48,230
Má to co dělat s vlastnostmi.

635
00:29:48,230 --> 00:29:52,660
>> A vlastnosti jsou prostě hodnota klíče
páry, které prostě znamená, že některé slovo,

636
00:29:52,660 --> 00:29:54,680
tlustého střeva, a pak nějaký jiný slovo.

637
00:29:54,680 --> 00:29:57,940
A pokud máte více, nebo jen ty
jeden zde, můžete skončit s

638
00:29:57,940 --> 00:29:59,390
středník, jen pro přehlednost.

639
00:29:59,390 --> 00:30:01,370
Ale i to bude fungovat tady.

640
00:30:01,370 --> 00:30:02,500
>> Teď, co to bude dělat?

641
00:30:02,500 --> 00:30:03,610
Asi tušíte.

642
00:30:03,610 --> 00:30:05,930
Nech mě jít dopředu a znovu načtěte tuto stránku.

643
00:30:05,930 --> 00:30:07,300
A teď je to opravdu přichází spolu.

644
00:30:07,300 --> 00:30:09,150
Takže vrchol mé stránce je červená.

645
00:30:09,150 --> 00:30:12,380
Ale co je klíčové je to, že jsem se zmínil
dříve, že div vám

646
00:30:12,380 --> 00:30:13,220
rozdělení stránky.

647
00:30:13,220 --> 00:30:14,410
A to je opravdu to, co dělá.

648
00:30:14,410 --> 00:30:17,920
Je to v podstatě rozděluje stránku do
obdélník, který pak můžete

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

650
00:30:18,720 --> 00:30:22,330
>> A tato představa obdélníků je druh
přesvědčivé v tom, že pokud si myslíte, že

651
00:30:22,330 --> 00:30:26,410
nejvíce jakékoliv webové stránky, je to asi
nosné konstrukci, na ní.

652
00:30:26,410 --> 00:30:29,620
Většina z vás pravděpodobně zřídka
Facebook je úvodní stránka, pokud jste přihlášeni

653
00:30:29,620 --> 00:30:30,440
za celou dobu.

654
00:30:30,440 --> 00:30:33,920
>> Ale na domovské stránce na Facebooku, tam je
nějaký div podél vrcholu.

655
00:30:33,920 --> 00:30:36,140
A to nemusí být tak jednoduché,
jako jeden div, ale je tu

656
00:30:36,140 --> 00:30:37,560
obdélníkové oblasti existuje.

657
00:30:37,560 --> 00:30:40,290
Zbytek stránky je jako
velký div, stejně jako mnoho

658
00:30:40,290 --> 00:30:41,910
větší obdélníkové oblasti.

659
00:30:41,910 --> 00:30:44,540
Tak dlouhý příběh krátký, jen tím, že
tyto malé stavební kameny, na

660
00:30:44,540 --> 00:30:49,250
Schopnost modelu věci jako obdélníky,
ať jsou široké nebo úzké, můžete také

661
00:30:49,250 --> 00:30:53,680
aby se sloupce potenciálně umožňuje
rozvržení stránky, opravdu, ale můžete

662
00:30:53,680 --> 00:30:54,100
by si přáli.

663
00:30:54,100 --> 00:30:56,170
Jsme opravdu jen poškrábání
povrch zde.

664
00:30:56,170 --> 00:30:59,820
>> Ve skutečnosti, když jsem udělat jednu druhou,
nech mě jít dál a dělat styl,

665
00:30:59,820 --> 00:31:05,410
background-color, budeme dělat něco
jako modři, úzkým uvozovek.

666
00:31:05,410 --> 00:31:06,620
Pojďme znovu to.

667
00:31:06,620 --> 00:31:08,260
Takže teď je to stále ještě ošklivější.

668
00:31:08,260 --> 00:31:11,520
Ale teď můžu trochu předvést
můj P pět set schopnosti, ne?

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

670
00:31:12,690 --> 00:31:15,640
Připomíná mi to RGB, Red
Zelená Modrá ztrojnásobuje.

671
00:31:15,640 --> 00:31:19,330
Tak to dopadá programování pro web,
nebo web design, což je to, máme

672
00:31:19,330 --> 00:31:21,650
ještě naprogramován nic
samo o sobě, můžete skutečně

673
00:31:21,650 --> 00:31:22,880
mají hexadecimální kód.

674
00:31:22,880 --> 00:31:26,480
Takže něco něco něco
něco, co tak něco.

675
00:31:26,480 --> 00:31:30,650
Takže můžete mít šest šestnáctkové
znaky, nebo tři, v některých případech,

676
00:31:30,650 --> 00:31:33,480
a každý z těchto otazníků
musí být hexadecimální číslice,

677
00:31:33,480 --> 00:31:34,985
nula až f.

678
00:31:34,985 --> 00:31:41,000
>> Pokud chci mít hodně červené a
žádná zelená, modrá a ne to, co je

679
00:31:41,000 --> 00:31:43,740
naproti nuly při použití hex?

680
00:31:43,740 --> 00:31:44,480
Je to f.

681
00:31:44,480 --> 00:31:51,130
Takže můžu dělat ff, nula nula, nula nula,
uložit toto, a teď sem dolů.

682
00:31:51,130 --> 00:31:52,700
A já nemám vlastně vidět změnu.

683
00:31:52,700 --> 00:31:56,230
Takže cituji konec citátu "červená" je zřejmě
synonymem pro všechny červené,

684
00:31:56,230 --> 00:31:57,610
ne zelená, modrá ne.

685
00:31:57,610 --> 00:31:59,960
Mezitím, pojďme se záměrně měnit
tohle bude něco

686
00:31:59,960 --> 00:32:01,210
náhodné, jako ABCDF.

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

688
00:32:03,790 --> 00:32:05,860
>> Pojďme se podívat, co to je.

689
00:32:05,860 --> 00:32:08,530
Je to opravdu pěkné modré,
skutečnosti, nebesky modrá.

690
00:32:08,530 --> 00:32:11,820
Dobře, tak to jsou právě nyní
poněkud náhodné kombinace

691
00:32:11,820 --> 00:32:12,210
znaků.

692
00:32:12,210 --> 00:32:13,410
Takže nebudeme zabřednout zde.

693
00:32:13,410 --> 00:32:15,930
Ale znovu, to mluví s přesností
že můžete začít

694
00:32:15,930 --> 00:32:19,090
platí - i když jste velmi ohromen
oficiální estetikou.

695
00:32:19,090 --> 00:32:21,750
Ve skutečnosti, pokud opravdu chcete být
dojem, nech mě jít dál a změnit

696
00:32:21,750 --> 00:32:23,500
velikost písma, například.

697
00:32:23,500 --> 00:32:25,960
A všimněte si středník, který
je třeba zde.

698
00:32:25,960 --> 00:32:29,570
>> Velikost písma, můžeme být jen směšné
zde, 96 bod.

699
00:32:29,570 --> 00:32:31,280
Uložit že.

700
00:32:31,280 --> 00:32:33,670
Wow, to je velká velikost písma.

701
00:32:33,670 --> 00:32:35,490
Tak jo, je to velmi jednoduché.

702
00:32:35,490 --> 00:32:38,260
A vlastně, vy jste v podstatě vidět
úplně první webové stránky jsem udělal

703
00:32:38,260 --> 00:32:40,060
lety, když jsem poprvé
naučil tohle.

704
00:32:40,060 --> 00:32:42,190
Je to velmi snadné, aby se velmi
odporné věci rychle.

705
00:32:42,190 --> 00:32:46,115
>> A pokud jste obeznámeni s Wayback
Stroj na archive.org, můžete

706
00:32:46,115 --> 00:32:48,210
najdete všechny mé příšerné
Undergrad webových stránek.

707
00:32:48,210 --> 00:32:50,090
Jeden měl Kermit žába na přední straně.

708
00:32:50,090 --> 00:32:53,150
Prošel jsem fáze, kdy jsem si myslel,
bylo to v pohodě, aby se na pozadí

709
00:32:53,150 --> 00:32:56,320
červená opona, když jsem se dozvěděl, jak se
může dláždit obrazy znovu a znovu, a

710
00:32:56,320 --> 00:32:59,540
znovu naplnit stránku
velký lepkavý červená opona.

711
00:32:59,540 --> 00:33:03,120
A pak, na vrcholu tohoto, byla ikona
že jste museli na tlačítko zadat svůj domov

712
00:33:03,120 --> 00:33:04,960
stránky, protože to bylo
velmi v módě.

713
00:33:04,960 --> 00:33:08,870
>> A pak můj první program, který jsem kdy napsal
nebyl v PHP, ale v jazyce

714
00:33:08,870 --> 00:33:12,260
tzv. Pearl, napsal návštěvní knihu, která
je opravdu skvělá věc,

715
00:33:12,260 --> 00:33:14,250
Mnoho lidí očekává vás
mít na domovské stránce.

716
00:33:14,250 --> 00:33:17,510
Když se dostanete na stránku, chtějí si
přihlásit a říct, kdo jste,

717
00:33:17,510 --> 00:33:18,720
a proč jste tam.

718
00:33:18,720 --> 00:33:21,320
To je velmi 1990s stylu web design.

719
00:33:21,320 --> 00:33:24,130
>> Ale v těchto dnech, jistě, máme
přijde mnohem dál.

720
00:33:24,130 --> 00:33:27,560
A uvidíte, v části, a to i
v problému nastavit sedm, a

721
00:33:27,560 --> 00:33:31,570
využití knihovny v těchto dnech,
je to mnohem jednodušší, aby se

722
00:33:31,570 --> 00:33:33,400
hezčí věci rychle.

723
00:33:33,400 --> 00:33:36,550
Opravdu tady jsme jen poškrábání
povrch to, co můžete udělat,

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

725
00:33:37,400 --> 00:33:41,660
>> A ve skutečnosti, už mi dovolte zdůraznit,
že je to již začíná ošklivý, není

726
00:33:41,660 --> 00:33:46,030
jen esteticky, ale z hlediska
o styl mém kódu, nebo

727
00:33:46,030 --> 00:33:47,260
Konstrukce mém kódu.

728
00:33:47,260 --> 00:33:52,350
Já jsem v současné době comingled HTML, který
je nazelenalé otevřené tagy tam, s

729
00:33:52,350 --> 00:33:55,160
CSS vlastnosti, které
je zcela legitimní.

730
00:33:55,160 --> 00:33:57,200
To je opravdu kde se tímto jazykem
má své kořeny.

731
00:33:57,200 --> 00:34:01,030
>> Ale v zájmu čistým designem,
stejně jako jsme začali factoringové věci

732
00:34:01,030 --> 00:34:05,370
z C do souborů. souborů h, ať
mi skutečně praktikovat takovou

733
00:34:05,370 --> 00:34:07,990
Princip a začít dělat
toto místo.

734
00:34:07,990 --> 00:34:13,280
Dovolte mi, abych dal ve stylu tag tady, což
existuje také ve formátu HTML, a dovolte mi, abych

735
00:34:13,280 --> 00:34:15,330
následující informace.

736
00:34:15,330 --> 00:34:16,360
Dovolte mi, abych toto hodnocení smazat.

737
00:34:16,360 --> 00:34:18,110
Barva pozadí bude červené.

738
00:34:18,110 --> 00:34:19,800
Jdu smazat úplně.

739
00:34:19,800 --> 00:34:22,580
Chystám se zbavit stylu
atribut, a já jdu k jednoznačné

740
00:34:22,580 --> 00:34:24,620
identifikovat tento div se slovem -

741
00:34:24,620 --> 00:34:28,750
libovolně, ale rozumně, cituji
konec citátu "top". A id je zvláštní

742
00:34:28,750 --> 00:34:32,530
atribut, který jednoznačně definuje
určitý HTML element

743
00:34:32,530 --> 00:34:33,850
jak mít toto ID.

744
00:34:33,850 --> 00:34:37,969
>> Pokud bych chtěl, aby to stylizované, tady v
vedoucí mé stránce, uvnitř

745
00:34:37,969 --> 00:34:41,730
styl tag, zjistíte, že
Mohu udělat hash vrchol.

746
00:34:41,730 --> 00:34:45,300
A pak jsem si dát pár kudrnatý
šle, připomínající C a nechte

747
00:34:45,300 --> 00:34:47,130
mi vložit v této stylizaci.

748
00:34:47,130 --> 00:34:49,929
A nech mě jít napřed a předvídat zde
kam jdu s tím.

749
00:34:49,929 --> 00:34:53,380
Dovolte mi, abych také vytvořit jednu
pro spodní div.

750
00:34:53,380 --> 00:34:58,010
Dovolte mi chytit odporné kód z dolů
tady, dejte to sem, a budu

751
00:34:58,010 --> 00:35:00,770
trochu anální nyní a stylizované to
jen o uvedení věci na vlastní pěst

752
00:35:00,770 --> 00:35:02,540
linka, končit středníkem.

753
00:35:02,540 --> 00:35:04,430
Dovolte mi, abych se zbavil stylu značky.

754
00:35:04,430 --> 00:35:05,320
>> Ale já jsem neskončil.

755
00:35:05,320 --> 00:35:07,406
Musím udělat ještě jednu věc.

756
00:35:07,406 --> 00:35:10,070
Jo, id rovná citovat konec citátu "zdola",
nebo cokoliv id chci

757
00:35:10,070 --> 00:35:11,740
dát tento prvek.

758
00:35:11,740 --> 00:35:13,420
Nyní mi dovolte, abych se vrátit sem.

759
00:35:13,420 --> 00:35:14,360
A to je otřesné.

760
00:35:14,360 --> 00:35:15,805
Nemůžu se s 96 bodem.

761
00:35:15,805 --> 00:35:16,960
Jdem na 24 bodu.

762
00:35:16,960 --> 00:35:18,320
Nebo byste mohli být přesnější.

763
00:35:18,320 --> 00:35:21,800
Můžete skutečně používat pixelů, px, takže
že jste opravdu jemnější zrno

764
00:35:21,800 --> 00:35:23,220
kontrolu nad vaší stránce.

765
00:35:23,220 --> 00:35:26,860
>> Jako stranou, že to není nutně
nejlepší věc, pokud uživatelé, pro

766
00:35:26,860 --> 00:35:29,650
přístupnost důvody, chtějí
možné zvýšit velikost.

767
00:35:29,650 --> 00:35:32,650
Takže si uvědomit, že existují způsoby, jak dělat
věci, které nemusí nutně

768
00:35:32,650 --> 00:35:34,230
Kód těžké všechno.

769
00:35:34,230 --> 00:35:37,220
>> Tak jo, je to větší, 24. bod,
než co je výchozí.

770
00:35:37,220 --> 00:35:38,630
Ale teď je to trochu čistší.

771
00:35:38,630 --> 00:35:40,230
A dovolte mi, abych to ještě o krok dále.

772
00:35:40,230 --> 00:35:47,220
Stejně jako myšlenka hlavičkových souborů,
Všimněte si, že jsme o krok blíže k tomu.

773
00:35:47,220 --> 00:35:52,000
Mám ovlivnil, ale ještě zbývá,
uvnitř mé stránky, tyto pravidla CSS.

774
00:35:52,000 --> 00:35:56,200
Proč já bych mohl chtít, aby se tento krok
další, odstraňte jej úplně, a

775
00:35:56,200 --> 00:35:59,860
vložte jej do samostatného souboru?

776
00:35:59,860 --> 00:36:01,070
>> Tak jsem si znovu, že jo?

777
00:36:01,070 --> 00:36:03,155
To je jen druh intuice
právě teď.

778
00:36:03,155 --> 00:36:06,340
Předtím jsem tvrdil, že to bylo jen
dostat ošklivé mít styl

779
00:36:06,340 --> 00:36:08,480
atributy uvnitř
tagy Div sami.

780
00:36:08,480 --> 00:36:09,750
Ale tak nějak si myslím, že přes.

781
00:36:09,750 --> 00:36:13,560
Jak se vaše strana dostane delší a delší, je-li
jste uvedení tady a tady, a

782
00:36:13,560 --> 00:36:18,350
zde a zde, všechny tyto různé
barvy a velikosti písma, a další

783
00:36:18,350 --> 00:36:22,550
atributy, vaše stránka je velmi rychle
stane neovladatelný pro vás.

784
00:36:22,550 --> 00:36:24,570
>> Pokud někdo přijde k vám a
říká, oh, víš co?

785
00:36:24,570 --> 00:36:28,070
Já bych opravdu chtěla změnit velikost písma
o další dva body, si

786
00:36:28,070 --> 00:36:31,275
Možná budete muset jít a najít a nahradit
obrovské množství řádků kódu.

787
00:36:31,275 --> 00:36:35,170
Je to mnohem přesvědčivější centralizovat
všechny takové estetika zde.

788
00:36:35,170 --> 00:36:38,850
Ale pokud byste chtěli použít tyto
estetika v několika webových stránek, všechny

789
00:36:38,850 --> 00:36:41,100
tím spíše, aby mohli
instance, vytvořte soubor

790
00:36:41,100 --> 00:36:45,290
volal s těmito obsah.

791
00:36:45,290 --> 00:36:46,680
>> A nech mě to udělat.

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

793
00:36:51,150 --> 00:36:51,920
Uložte tento soubor.

794
00:36:51,920 --> 00:36:55,580
Říkám Styles.css, libovolný,
ale konvenční.

795
00:36:55,580 --> 00:36:58,770
Dám ji do domu Johna Harvardu
adresář nyní pro jednoduchost.

796
00:36:58,770 --> 00:37:03,880
A co se dá dělat v mé webové stránky, je dostat
zbavit stylu značky dohromady,

797
00:37:03,880 --> 00:37:08,270
a poněkud unintuitively, použijte odkaz
tag, který nedává vám odkaz na

798
00:37:08,270 --> 00:37:13,140
hypertextový odkaz, kliknout smysl, ale
kde bych odkaz, href rovná

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

800
00:37:15,120 --> 00:37:20,050
A vztah, který tento element
se s webovou stránkou je sloužit jako

801
00:37:20,050 --> 00:37:21,280
jeho stylů.

802
00:37:21,280 --> 00:37:22,670
>> Tak jak to vím?

803
00:37:22,670 --> 00:37:25,950
Jeden, stačí si přečíst manuál,
nebo Google kolem a vy

804
00:37:25,950 --> 00:37:27,000
podívat se na různé zdroje.

805
00:37:27,000 --> 00:37:30,520
Myslím, že je opravdu, jak si vyzvednout
techniky, jako je toto, av souladu

806
00:37:30,520 --> 00:37:34,720
s touto myšlenkou výuky sebe nové
jazyky, opět zjistíte, že

807
00:37:34,720 --> 00:37:38,830
existuje jen omezené množství věcí,
do jakéhokoliv jazyka, že jakmile dostanete

808
00:37:38,830 --> 00:37:41,310
je, zjistíte, že se dostane
rychleji a rychleji psát.

809
00:37:41,310 --> 00:37:44,180
Opravdu, učení se novému programování
jazyk je tak mnohem rychlejší než nové

810
00:37:44,180 --> 00:37:47,380
mluvený jazyk, protože tyto věci
jsou mnohem menší a mnohem více

811
00:37:47,380 --> 00:37:48,820
přesně definován.

812
00:37:48,820 --> 00:37:51,590
>> Ale já jsem zdůraznil trochu
anomálie zde.

813
00:37:51,590 --> 00:37:57,750
Proč jsem zdůraznil to
lomítko tady?

814
00:37:57,750 --> 00:37:59,420
Protože musím zavřít tag.

815
00:37:59,420 --> 00:38:00,530
Měl bych zavřít tag.

816
00:38:00,530 --> 00:38:02,750
A najdete nespočet zdroje
on-line, které nemají

817
00:38:02,750 --> 00:38:04,080
nutně blízká tagy.

818
00:38:04,080 --> 00:38:08,770
A realisticky, není to nezbytně
nutné z technických a existují

819
00:38:08,770 --> 00:38:11,950
důvody skutečnosti, prohlížeče jsou jen
poměrně tolerantní k chybám v web

820
00:38:11,950 --> 00:38:14,360
stran, k lepšímu nebo k horšímu,
ale většinou horší.

821
00:38:14,360 --> 00:38:18,830
>> Tak tohle je jen čistší způsob
řekl něco hloupého jako je tento,

822
00:38:18,830 --> 00:38:22,330
kde, pokud chcete otevřít link tag
ale zavřít, že to opravdu není pojem

823
00:38:22,330 --> 00:38:23,720
obsahu pro tagu link.

824
00:38:23,720 --> 00:38:26,000
Znamená to jen to nahrát
soubor a dát ho sem.

825
00:38:26,000 --> 00:38:30,610
Je to jako ostrý patří do C. Zahřívání můžete
otevření a zavření tag najednou

826
00:38:30,610 --> 00:38:31,660
v rámci stejné značky.

827
00:38:31,660 --> 00:38:33,520
A je tu další příklady tohoto.

828
00:38:33,520 --> 00:38:37,280
To není způsob, jak to udělat, ale
br tag, přerušení vedení, když

829
00:38:37,280 --> 00:38:41,780
opravdu chtěl dosáhnout toho, co jsem
snaží se před tím, že udeří Enter, pokud

830
00:38:41,780 --> 00:38:45,380
Jsem výslovně řekl zalomení řádku, konec řádku,
zalomení řádku, konec řádku, a

831
00:38:45,380 --> 00:38:49,100
pak znovu načtěte tuto stránku, teď si všimnete
, že ve spodní části stránky je,

832
00:38:49,100 --> 00:38:51,940
opravdu, hodně dál v
ve spodní části stránky.

833
00:38:51,940 --> 00:38:55,840
Ale i to lze udělat mnohem víc
čistě pomocí CSS, a s okraji,

834
00:38:55,840 --> 00:38:58,120
a jiné podobné estetice
techniky.

835
00:38:58,120 --> 00:38:59,940
>> Takže teď, jsou to takeaways.

836
00:38:59,940 --> 00:39:02,320
V HTML, máme tyto
věci tzv. tagy.

837
00:39:02,320 --> 00:39:04,830
V CSS, musíme tyto věci
s názvem vlastnosti.

838
00:39:04,830 --> 00:39:08,700
Můžeme comingle těchto dvou jazyků,
buď pomocí atributu style,

839
00:39:08,700 --> 00:39:14,240
nebo styl tag, nebo nejlépe ještě, factoring
to se úplně stejně jako my

840
00:39:14,240 --> 00:39:17,270
v problému nastavení 7.

841
00:39:17,270 --> 00:39:23,820
Otázky, tedy o
koncepční základy tady?

842
00:39:23,820 --> 00:39:24,740
>> DIVÁKŮ: Mám otázku.

843
00:39:24,740 --> 00:39:25,630
>> SPEAKER 1: Oh, omlouvám se.

844
00:39:25,630 --> 00:39:28,880
>> DIVÁKŮ: Proč to nebylo barevné -

845
00:39:28,880 --> 00:39:31,410
>> SPEAKER 1: Oh, v druhé záložce?

846
00:39:31,410 --> 00:39:32,232
To tady?

847
00:39:32,232 --> 00:39:33,482
>> DIVÁKŮ: Ne, je to jako -

848
00:39:33,482 --> 00:39:35,330

849
00:39:35,330 --> 00:39:39,480
>> SPEAKER 1: Oh, to je proto, že
Jsem byl nedbalý.

850
00:39:39,480 --> 00:39:41,350
Dal jsem soubor na špatném místě.

851
00:39:41,350 --> 00:39:47,840
Takže když jsem vlastně dát sem, a já
chmod to, vše + r pro styles.css a

852
00:39:47,840 --> 00:39:52,050
Nyní znovu načíst stránku, teď jsme
dostat zpět stylizaci.

853
00:39:52,050 --> 00:39:54,530
A protože velikostí písma
jinak, my nevidíme úplně stejně

854
00:39:54,530 --> 00:39:55,010
bílý prostor.

855
00:39:55,010 --> 00:39:58,240
My místo toho, co je
Výchozí hodnota je místo.

856
00:39:58,240 --> 00:40:00,050
Dobrá otázka.

857
00:40:00,050 --> 00:40:00,846
Ano?

858
00:40:00,846 --> 00:40:02,630
>> DIVÁKŮ: Proč je odkaz
tag v hlavičce?

859
00:40:02,630 --> 00:40:06,270
>> SPEAKER 1: Proč je spojení
tag uvnitř záhlaví -

860
00:40:06,270 --> 00:40:07,650
krátká odpověď, jen proto, že.

861
00:40:07,650 --> 00:40:08,930
To je to, co bylo rozhodnuto.

862
00:40:08,930 --> 00:40:10,720
To je místo, kde odkaz tagy jít, když
Máte, co se nazývá

863
00:40:10,720 --> 00:40:13,650
externí stylů.

864
00:40:13,650 --> 00:40:16,430
Další otázky?

865
00:40:16,430 --> 00:40:17,770
>> Dobře, dobře jdeme na to.

866
00:40:17,770 --> 00:40:20,500
Máme tolik zábavy před námi dnes.

867
00:40:20,500 --> 00:40:22,480
To je jen poškrábání
povrch CSS.

868
00:40:22,480 --> 00:40:23,010
Pojďme na to.

869
00:40:23,010 --> 00:40:25,980
Pojďme se pět minut přestávku zde
protože na můj e-mail, pojďme viset ve

870
00:40:25,980 --> 00:40:27,200
tam až do 02:30-ish dnes.

871
00:40:27,200 --> 00:40:28,540
Ale pokud máte na
odejít, to je v pořádku.

872
00:40:28,540 --> 00:40:30,380
Ale budeme postupovat vpřed po
pět minut přestávka.

873
00:40:30,380 --> 00:40:35,930
A budeme učit něco
o PHP, MySQL a další.

874
00:40:35,930 --> 00:40:44,520
>> Tak jo, zkusme teď, uvázat
některé z těchto myšlenek dohromady a dělat,

875
00:40:44,520 --> 00:40:46,180
řekněme, naše vlastní vyhledávač.

876
00:40:46,180 --> 00:40:48,570
Všiml jsem si, spíš zvědavě,
následující.

877
00:40:48,570 --> 00:40:52,610
Když jste na Google.com, že jste
typicky na URL, jako je tento zde

878
00:40:52,610 --> 00:40:54,870
se nic po dot com.

879
00:40:54,870 --> 00:40:59,760
Ale když jsem hledat něco hloupého, jako
kočky, a stiskněte klávesu Enter, dostaneme - ne

880
00:40:59,760 --> 00:41:01,300
hloupě, ale víš.

881
00:41:01,300 --> 00:41:05,410
>> OK, tak oznámení, v horní části stránky,
Nyní, URL je, samozřejmě, změnila.

882
00:41:05,410 --> 00:41:07,190
A to není nic
nové každému z nás.

883
00:41:07,190 --> 00:41:09,290
Klepnete na odkazy a tak
se děje na webu.

884
00:41:09,290 --> 00:41:11,420
Ale co je zajímavé,
je následující.

885
00:41:11,420 --> 00:41:14,500
Je tu spousta nepořádku, ale ať
mě vyhodit věci, které nemám

886
00:41:14,500 --> 00:41:16,600
zcela jasné, nebo ne
opravdu se relevantní.

887
00:41:16,600 --> 00:41:18,490
>> Dovolte mi, abych toho zbavit.

888
00:41:18,490 --> 00:41:20,030
Dovolte mi, abych toho zbavit.

889
00:41:20,030 --> 00:41:22,630
A dovolte mi zbavit
toho všeho.

890
00:41:22,630 --> 00:41:28,840
A teď si všimnout, že kočky se nachází v URL,
následoval s q, pak rovna

891
00:41:28,840 --> 00:41:29,710
přihlásit před ním.

892
00:41:29,710 --> 00:41:32,110
Tak to dopadá, jak to je
jak to funguje, pokud jde

893
00:41:32,110 --> 00:41:33,360
na vstupu a výstupu.

894
00:41:33,360 --> 00:41:37,510
>> Už dlouho mluvili o
černé skříňky, ne?

895
00:41:37,510 --> 00:41:41,650
Takže, pokud se jedná o provádění funkce
zde jako černá skříňka, to znamená vstup

896
00:41:41,650 --> 00:41:45,290
a produkuje výstup, no, znamená
o kterou poskytuje informace

897
00:41:45,290 --> 00:41:49,270
webové stránky, je cestou, často jeho URL.

898
00:41:49,270 --> 00:41:52,850
Můžete jednoduše řečeno otazník
a pak rovná hodnotě klíče.

899
00:41:52,850 --> 00:41:56,740
A pak možná ampersand, a pak
Dalším klíčovým rovná hodnotě, pak možná

900
00:41:56,740 --> 00:41:58,810
další ampersand, klíč rovná hodnotě.

901
00:41:58,810 --> 00:42:03,030
To je, jak předáte klíče a
hodnoty, páry vstupů.

902
00:42:03,030 --> 00:42:07,050
>> Takže když jsem narazila Zadejte teď, co je
Zajímavé na Google je, že všechny

903
00:42:07,050 --> 00:42:10,420
že nepořádek Vymazal jsem nezobrazí
být nezbytně nutné.

904
00:42:10,420 --> 00:42:15,120
Všechno, co potřebuji poslat do Google je otázka
Značka q se rovná kočky dostat

905
00:42:15,120 --> 00:42:16,160
zpět některé kočky.

906
00:42:16,160 --> 00:42:20,160
No, implikace, pak,
se, jestli jsem vytáhnout gedit, jsem začal

907
00:42:20,160 --> 00:42:24,360
vytvoření vlastního vyhledávače zde
v souboru s názvem seach0.html.

908
00:42:24,360 --> 00:42:26,750
>> A nech mě jít dopředu a odstraňte
jeden řádek, který

909
00:42:26,750 --> 00:42:27,910
jsi neměl vidět.

910
00:42:27,910 --> 00:42:31,070
A teď, nech mě jít do vlastního prohlížeče,
tak, aby Google a přejděte na

911
00:42:31,070 --> 00:42:34,900
http://localhost.

912
00:42:34,900 --> 00:42:36,220
A že se to dostat do cesty.

913
00:42:36,220 --> 00:42:43,240
Takže budeme muset rozloučit se
že pro tuto chvíli, přesuňte to sem,

914
00:42:43,240 --> 00:42:46,270
oh, teď budeme muset
rozloučit do tohoto souboru.

915
00:42:46,270 --> 00:42:51,700
>> Kdykoli máte soubor s názvem
index.html nebo index.php v

916
00:42:51,700 --> 00:42:54,980
adresář, v případě, že webový server
nakonfigurován tímto způsobem, to, co budete

917
00:42:54,980 --> 00:42:59,600
viz výchozím nastavení je obsah, který
souboru, spíše než seznam

918
00:42:59,600 --> 00:43:02,330
adresář, jak jsem chtěl tady.

919
00:43:02,330 --> 00:43:03,750
Více k této problematice spec.

920
00:43:03,750 --> 00:43:04,610
Ty jsi to vidět.

921
00:43:04,610 --> 00:43:06,360
>> Tak tohle je to, co jsem vlastně chtěl.

922
00:43:06,360 --> 00:43:08,810
Ale před chvílí tam byl
soubor v této složce s názvem

923
00:43:08,810 --> 00:43:11,290
index.html a index.php.

924
00:43:11,290 --> 00:43:13,380
A tak byl web server
ukazuje mi ty soubory.

925
00:43:13,380 --> 00:43:15,900
Místo toho, chci tento adresář
seznam zde.

926
00:43:15,900 --> 00:43:18,340
>> Takže jsem jít do
CSS a jít do search0.

927
00:43:18,340 --> 00:43:21,770
A tvrdím, že je to to bude
začátek mé vlastní konkurenční

928
00:43:21,770 --> 00:43:22,490
vyhledávače.

929
00:43:22,490 --> 00:43:27,630
A jak to udělat, já jdu do
Zde, na CSS a otevřít se

930
00:43:27,630 --> 00:43:30,190
gedit, hledání 0.

931
00:43:30,190 --> 00:43:32,280
Ale bohužel, je tu
moc se tady děje.

932
00:43:32,280 --> 00:43:35,690
Všechno, co jsem udělal, bylo použít záhlaví tag, který
stane být nazýván h1, který

933
00:43:35,690 --> 00:43:38,180
v podstatě znamená velký a
tučné písmo a je to.

934
00:43:38,180 --> 00:43:40,810
Ale prostředky, kterými můžeme
poskytují vstupy jsou prostřednictvím těchto

935
00:43:40,810 --> 00:43:42,180
věci s názvem formy.

936
00:43:42,180 --> 00:43:46,040
>> Tak mě nech jít dopředu a otevřít a zavřít,
preventivně, tag formuláře zde.

937
00:43:46,040 --> 00:43:48,060
A nech mě jít dál a dělat
něco takového.

938
00:43:48,060 --> 00:43:51,430
Vstup, typ rovná textu.

939
00:43:51,430 --> 00:43:56,320
A pak se pojďme zavřít tag rámci
závorky samotné.

940
00:43:56,320 --> 00:43:58,800
Nepotřebuji, kdo textového pole
a zastavit textové pole.

941
00:43:58,800 --> 00:44:01,080
Je to jen tam bude, nebo ne.

942
00:44:01,080 --> 00:44:06,210
>> A pak pod to, jdem
Typ vstupu rovná odeslat.

943
00:44:06,210 --> 00:44:06,870
Uložit.

944
00:44:06,870 --> 00:44:08,630
A teď pojďme prostě
rychlé rozum zkontrolovat.

945
00:44:08,630 --> 00:44:09,820
Pojďme znovu.

946
00:44:09,820 --> 00:44:10,890
>> OK, takže to není špatné.

947
00:44:10,890 --> 00:44:13,260
Není to Google styl,
ale je to docela blízko.

948
00:44:13,260 --> 00:44:13,920
K dispozici je textové pole.

949
00:44:13,920 --> 00:44:17,190
Můžu psát nějaké věci v, stiskněte klávesu Enter,
ale nic se neděje ještě.

950
00:44:17,190 --> 00:44:21,090
A to proto, že jsem neurčeno
akce pro tuto formu, abych tak řekl.

951
00:44:21,090 --> 00:44:23,860
Takže když jsem se vrátit do formulářového prvku,
to dopadá, a vím, že to jen

952
00:44:23,860 --> 00:44:27,460
od přečtení dokumentaci, aby
tag formuláře má atribut

953
00:44:27,460 --> 00:44:31,880
s názvem akce, která je URL
webových stránek, na které jste

954
00:44:31,880 --> 00:44:34,790
chcete odeslat formulář.

955
00:44:34,790 --> 00:44:37,610
>> Opravdu nevím, že máme čas na
realizovat celou zadní část pro

956
00:44:37,610 --> 00:44:38,570
vyhledávače dnes.

957
00:44:38,570 --> 00:44:41,900
Takže jsme jen tak říct, co,
jít na google.com / search.

958
00:44:41,900 --> 00:44:43,450
A teď mi zavřít uvozovek.

959
00:44:43,450 --> 00:44:46,070
A dovolte mi, abych dále stanoví, že
metodu použít se děje

960
00:44:46,070 --> 00:44:47,120
být nazýván dostat.

961
00:44:47,120 --> 00:44:50,650
>> Dlouhý příběh krátký, jsou dva způsoby, na
Alespoň, že můžete odeslat informace

962
00:44:50,650 --> 00:44:51,880
z prohlížeče na server.

963
00:44:51,880 --> 00:44:55,340
Jedním z nich je získat, a pro dnešní účely,
že právě znamená v URL.

964
00:44:55,340 --> 00:44:58,730
Vidíte přesně otazníky, na
rovnítky a že tyto znaky

965
00:44:58,730 --> 00:44:59,780
jsme viděli dříve.

966
00:44:59,780 --> 00:45:02,890
Nebo je tu alternativa nazývá post.

967
00:45:02,890 --> 00:45:06,490
Prozatím víme, že příspěvek je často používán
Pokud chcete vkládat, jako

968
00:45:06,490 --> 00:45:09,820
obrázky a tak dále, nebo, chcete-li
odeslat informace o kreditní kartě, nebo

969
00:45:09,820 --> 00:45:13,810
hesla, něco, co to není
opravdu smysl, koncepčně, nebo

970
00:45:13,810 --> 00:45:18,020
bezpečnostní moudrý, že skončí v URL
Váš prohlížeč, kde snooping rodiče,

971
00:45:18,020 --> 00:45:21,520
nebo spolubydlící, nebo kdokoli s přístupem
k počítači mohli vidět.

972
00:45:21,520 --> 00:45:23,110
>> Takže pojďme zachránit to tady.

973
00:45:23,110 --> 00:45:24,480
A musím udělat jednu věc.

974
00:45:24,480 --> 00:45:27,250
Nestačí jen
říkají mi textového pole.

975
00:45:27,250 --> 00:45:29,850
Musím dát této oblasti, je
cení jméno.

976
00:45:29,850 --> 00:45:34,500
Takže dovolte mi půjčit Google výběr
jména, q, a určit, že druhý

977
00:45:34,500 --> 00:45:38,150
přisuzují mi opravdu záleží
Název tlačítko Odeslat.

978
00:45:38,150 --> 00:45:40,890
Zajímá mě předkládá
co uživatel zadá palců

979
00:45:40,890 --> 00:45:41,940
>> A teď je to trochu ošklivé.

980
00:45:41,940 --> 00:45:42,820
Je to jen říká předložit.

981
00:45:42,820 --> 00:45:46,350
Ukazuje se, a vím, že to od
dokumentace, můžu vlastně říct,

982
00:45:46,350 --> 00:45:51,710
hodnota je citát "konec citátu CS50
seach, "close citace.

983
00:45:51,710 --> 00:45:53,030
Tak pojďme znovu načíst znovu.

984
00:45:53,030 --> 00:45:57,020
Tak jsem se držet bít Command-R nebo
Ovládání-R na mé klávesnici znovu načíst.

985
00:45:57,020 --> 00:45:58,605
>> Nyní máme mnohem zajímavější
vyhledávače.

986
00:45:58,605 --> 00:46:00,340
To není zcela vypadat
Google ještě, ačkoli.

987
00:46:00,340 --> 00:46:04,100
Tak pojďme dál sem a
udělat malý konec řádku.

988
00:46:04,100 --> 00:46:06,066
>> OK, tak teď máme Google.

989
00:46:06,066 --> 00:46:08,260
Vlastně jsme se téměř mít služby Google.

990
00:46:08,260 --> 00:46:10,460
Takže teď, co se stane?

991
00:46:10,460 --> 00:46:12,220
Budu psát o něco
jako kočky.

992
00:46:12,220 --> 00:46:16,570
A prohlížeč bude analyzovat
že forma, kterou jsem definovala.

993
00:46:16,570 --> 00:46:19,470
A to bude posílat
uživatel na tuto adresu URL.

994
00:46:19,470 --> 00:46:23,420
Takže tentokrát z nějakého důvodu podivné,
Mám více informací o zásobách

995
00:46:23,420 --> 00:46:24,410
než o aktuálních kočky.

996
00:46:24,410 --> 00:46:30,580
Ale to je v pořádku, protože všimnete stále
skončil tady, q se rovná kočky.

997
00:46:30,580 --> 00:46:35,200
>> Tak dlouhý příběh krátký, to se zdá být poměrně
triviální získat vstup od uživatele.

998
00:46:35,200 --> 00:46:38,190
A abychom byli spravedliví, je to hrozny
jiných typů polí formuláře.

999
00:46:38,190 --> 00:46:41,510
Je tu zaškrtávací políčka a málo vzájemně
exkluzivní radio tlačítka a

1000
00:46:41,510 --> 00:46:42,960
drop down menu, a další.

1001
00:46:42,960 --> 00:46:46,160
Ale všichni z nich jsou relativně
snadno realizovány

1002
00:46:46,160 --> 00:46:48,040
Tento text pole bylo.

1003
00:46:48,040 --> 00:46:52,050
A nakonec budeme muset udělat
zda je někdo poslouchá na straně druhé

1004
00:46:52,050 --> 00:46:56,490
konec čáry, aby si, že
zpracování informací, nějak, a

1005
00:46:56,490 --> 00:46:58,440
nám vrátil naše kočky.

1006
00:46:58,440 --> 00:47:00,840
>> Pojďme se podívat na něco
více zapojit příklad.

1007
00:47:00,840 --> 00:47:06,020
Nech mě jít do mého VHOST adresáře,
do místního hostitele, veřejnost, a kde jsem

1008
00:47:06,020 --> 00:47:06,980
dát dnešní zdrojový kód.

1009
00:47:06,980 --> 00:47:09,800
To vše bude na kurzu je
web pro vás pohrát s.

1010
00:47:09,800 --> 00:47:15,420
A když jsem se jít do froshims, dovolte mi otevřít
do tohoto souboru se, froshim0.php.

1011
00:47:15,420 --> 00:47:18,460
Tohle je trochu upovídaný, takže
nebudeme psát to od nuly.

1012
00:47:18,460 --> 00:47:21,970
Ale všimněte si, teď pár poněkud
známých charakteristikách.

1013
00:47:21,970 --> 00:47:24,550
>> Jeden, tag formuláře, jiná akce.

1014
00:47:24,550 --> 00:47:25,670
Není to kompletní URL.

1015
00:47:25,670 --> 00:47:29,930
Nyní je zřejmě na soubor s názvem
register0.php, protože v okamžiku,

1016
00:47:29,930 --> 00:47:32,660
Jdu se učit sám trochu
něco o PHP, programování

1017
00:47:32,660 --> 00:47:37,360
jazyk, protože PHP lze použít k
realizovat to, co Google realizován jako

1018
00:47:37,360 --> 00:47:39,650
zadní konec jejich vyhledávačů.

1019
00:47:39,650 --> 00:47:42,890
>> Google ve skutečnosti pravděpodobně používá
některé Python, některé C + +, a

1020
00:47:42,890 --> 00:47:44,230
svazky jiných jazycích.

1021
00:47:44,230 --> 00:47:48,230
Ale mohli bychom jistě realizovat hledání
Výsledky s použitím PHP, pokud bychom chtěli.

1022
00:47:48,230 --> 00:47:49,610
Ale teď, budeme držet to jednoduchý.

1023
00:47:49,610 --> 00:47:53,320
A to je vlastně připomíná jednoho
z dalších prvních webových stránek I

1024
00:47:53,320 --> 00:47:54,490
vyrobeny lety.

1025
00:47:54,490 --> 00:47:58,160
>> Zpátky v můj den, jste se zaregistrovali na
sálový sport jako nováček podle

1026
00:47:58,160 --> 00:48:00,880
vyplňování kus papíru, chůze
přes dvůr a jeho umístěním v

1027
00:48:00,880 --> 00:48:04,890
schránka na Proctor v
Wigglesworth, a to jak

1028
00:48:04,890 --> 00:48:05,460
registrován.

1029
00:48:05,460 --> 00:48:09,650
A tak můj projekt krátce po CS50,
bylo, aby to, což umožňuje dokonalé

1030
00:48:09,650 --> 00:48:13,460
smysl, na web, který nebyl
jak v módě, pak jak to je nyní.

1031
00:48:13,460 --> 00:48:17,510
Ale všechno, co jsme museli udělat, bylo vytvořit
v podstatě, HTML formuláře.

1032
00:48:17,510 --> 00:48:19,640
>> A tato forma vypadala
zhruba takhle.

1033
00:48:19,640 --> 00:48:22,480
Měl jsem vstup pro
prvák jméno.

1034
00:48:22,480 --> 00:48:27,780
Měl jsem další zaškrtnutí políčka, zda
nebo ne, chce být kapitánem, co

1035
00:48:27,780 --> 00:48:30,400
jejich pohlaví byl, a
co jejich koleji byl.

1036
00:48:30,400 --> 00:48:33,370
A pak jsem pevně zakódován ve věcech
jako Apley soudu, a Canaday,

1037
00:48:33,370 --> 00:48:34,880
Grays, a tak dále.

1038
00:48:34,880 --> 00:48:36,300
>> Takže znovu, nové značky.

1039
00:48:36,300 --> 00:48:39,820
Neviděl jsem to dříve, nový
atributy, ale poměrně dobře.

1040
00:48:39,820 --> 00:48:42,360
Jakmile uvidíte příklad, můžete druh
ze půjčit tuto myšlenku a aby se pokles

1041
00:48:42,360 --> 00:48:43,820
down menu pro většinu cokoliv.

1042
00:48:43,820 --> 00:48:46,350
Ale co je klíčové je, že každý z
tyto věci mají svá jména.

1043
00:48:46,350 --> 00:48:49,720
A ve spodní části tohoto formuláře, je tu
tlačítko submit, jejichž označení,

1044
00:48:49,720 --> 00:48:51,510
nebo hodnoty, je registr.

1045
00:48:51,510 --> 00:48:52,670
>> Tak pojďme na tuto stránku.

1046
00:48:52,670 --> 00:48:55,050
Nech mě jít zpátky do
výpis adresáře.

1047
00:48:55,050 --> 00:48:59,410
Nech mě jít do froshims,
a přejděte na froshim0.php.

1048
00:48:59,410 --> 00:49:01,150
Takže je to odporné, musí být spravedlivý.

1049
00:49:01,150 --> 00:49:03,950
Mohl bych určitě stylizovat tento
s nějakou CSS, mohl bych udělat nějaké

1050
00:49:03,950 --> 00:49:06,890
grafika, možná přidat nějaké barvy,
a aby to hezčí.

1051
00:49:06,890 --> 00:49:10,530
Ale funkčně, já tvrdím, že to
je vlastně docela kompletní.

1052
00:49:10,530 --> 00:49:15,190
>> Bohužel, když jsem se na to vyplnit,
David, kapitáne, Muž, budeme volit,

1053
00:49:15,190 --> 00:49:20,510
řekněme Matthews, rejstřík,
vše, co se děje, je to.

1054
00:49:20,510 --> 00:49:21,910
Nevšimnout pár takeaways.

1055
00:49:21,910 --> 00:49:27,130
Za prvé, co se soubor vrátil těm,
Výsledky zřejmě?

1056
00:49:27,130 --> 00:49:29,470
Tak to je opravdu register0.php.

1057
00:49:29,470 --> 00:49:34,570
Takže to, že jsme viděli, že akce
Hodnota před chvílí pro register0 to

1058
00:49:34,570 --> 00:49:37,500
potvrzuje, že jsme opravdu skončila
se v tomto konkrétním souboru.

1059
00:49:37,500 --> 00:49:39,040
>> Teď je to jen ošklivý textu.

1060
00:49:39,040 --> 00:49:42,810
Ale zjistíte, že tento text je
pocházející z místního hostitele,

1061
00:49:42,810 --> 00:49:44,170
který je z přístroje.

1062
00:49:44,170 --> 00:49:46,350
Myslete spotřebiče nyní jen jako
webový server, který by mohl být v

1063
00:49:46,350 --> 00:49:46,910
Science Center.

1064
00:49:46,910 --> 00:49:48,060
Mohlo by to být na vlastní web.

1065
00:49:48,060 --> 00:49:49,850
Takže je to veřejně přístupný.

1066
00:49:49,850 --> 00:49:55,480
>> Takže je jasné, že je nějaký způsob předávání
pole formuláře vstupy na server

1067
00:49:55,480 --> 00:49:56,840
tak, že to může udělat něco s nimi.

1068
00:49:56,840 --> 00:49:59,020
Bohužel, register0
je docela hloupé.

1069
00:49:59,020 --> 00:50:01,870
Vše, co to udělá, je vytisknout řadu
která vypadá takhle.

1070
00:50:01,870 --> 00:50:04,790
A není to pole v
pocit, že ji známe.

1071
00:50:04,790 --> 00:50:08,760
Ukázalo se, že PHP, a hodně
jazyky, mají nejen číselně

1072
00:50:08,760 --> 00:50:12,350
Indexované pole, jejichž první index je
nula, pak jeden, pak dva, pak tečka,

1073
00:50:12,350 --> 00:50:13,780
tečka, tečka, n mínus jedna.

1074
00:50:13,780 --> 00:50:16,400
>> To je to, co se nazývá
asociativní pole.

1075
00:50:16,400 --> 00:50:21,150
Asociativní pole je ten, ve kterém
můžete uložit hodnotu klíče dvojice, kde

1076
00:50:21,150 --> 00:50:23,160
klíč není nutně číslo.

1077
00:50:23,160 --> 00:50:25,580
Mohlo by to být ve skutečnosti řetězec, slovo.

1078
00:50:25,580 --> 00:50:28,230
, A tak to může být provedena,
pod pokličku, jak se ukazuje,

1079
00:50:28,230 --> 00:50:31,896
pomocí datové struktury známé jako?

1080
00:50:31,896 --> 00:50:33,600
Myslel jsem, že se něco dramatického
se mělo stát -

1081
00:50:33,600 --> 00:50:34,840
hash tabulky.

1082
00:50:34,840 --> 00:50:38,955
>> Takže hash tabulky, odvolání, ti z vás,
kdo to udělal za sadu P 6, nebo dokonce vyvolat

1083
00:50:38,955 --> 00:50:44,110
to, alespoň to iv případě, jste zkusit,
hash tabulka, v našem provozu, byla použita k

1084
00:50:44,110 --> 00:50:45,090
uložit jen slova.

1085
00:50:45,090 --> 00:50:47,980
Ale opravdu, jste ukládání
klíče a hodnoty.

1086
00:50:47,980 --> 00:50:51,940
Pokud jste implementovali hash tabulky pro P
sada 6 slovníku, klíče byly

1087
00:50:51,940 --> 00:50:56,890
slova, a její hodnoty
byly skutečně pravdivé nebo nepravdivé.

1088
00:50:56,890 --> 00:51:00,190
Ano, tady, nebo implicitně,
Ne, tady ne.

1089
00:51:00,190 --> 00:51:02,140
>> No, můžeme zobecnit tuto myšlenku.

1090
00:51:02,140 --> 00:51:06,230
A mohli bychom použít velmi podobná data
Konstrukce pro uložení není řetězec

1091
00:51:06,230 --> 00:51:10,180
sama o sobě sám ve svém hash tabulky, ale
Domníváme se, že v každém z Vašeho hash

1092
00:51:10,180 --> 00:51:11,130
tabulky uzlů.

1093
00:51:11,130 --> 00:51:14,210
A můžete dokonce udělat v pokus
spíše než jen bool.

1094
00:51:14,210 --> 00:51:15,350
Ty by mohly mít něco jiného.

1095
00:51:15,350 --> 00:51:19,590
Co když klíč nebyl maxwell, pro
instance, ale cituji konec citátu "jméno", nebo

1096
00:51:19,590 --> 00:51:22,900
konec citátu "citoval kapitána." A uvnitř
Vaše C datová struktura, dáte

1097
00:51:22,900 --> 00:51:26,170
hodnota, a to nejen logický, ale hodnoty
jako citátem konec citátu "David", nebo

1098
00:51:26,170 --> 00:51:28,690
"M", nebo "Matthews," a tak dále.

1099
00:51:28,690 --> 00:51:33,170
>> Takže stejných datových struktur jsme používali
zřejmě existují iv jiných jazycích.

1100
00:51:33,170 --> 00:51:37,650
A já bych tvrdit, že jsou ve skutečnosti mnohem,
mnohem jednodušší přístup zde.

1101
00:51:37,650 --> 00:51:40,300
Pojďme ve skutečnosti se podívat
teď na nějakém takovém syntaxe.

1102
00:51:40,300 --> 00:51:43,120
>> Chystám se jít do adresáře PHP.

1103
00:51:43,120 --> 00:51:48,390
A já jdu otevřít lepší
verze Hello-0 před rokem.

1104
00:51:48,390 --> 00:51:50,270
Všimněte si, že všechno, co jsem udělal, bylo,
přidat nějaké komentáře.

1105
00:51:50,270 --> 00:51:52,530
Takže se můžeme zbavit tohoto rozptýlení.

1106
00:51:52,530 --> 00:51:57,610
>> A tento program je vskutku vytiskne
Dobrý den, protože jsem specifikováno mezi

1107
00:51:57,610 --> 00:52:01,420
tagy, které chci spustit tento kód.

1108
00:52:01,420 --> 00:52:03,380
Teď uvidíme za chvíli
proč je to užitečné.

1109
00:52:03,380 --> 00:52:05,630
Ale pojďme otevřít jeden další příklad zde.

1110
00:52:05,630 --> 00:52:10,430
Nech mě jít dopředu a otevřít říci,
gedit podmínek jednoho.

1111
00:52:10,430 --> 00:52:12,970
>> To je cesta zpět v čase teď.

1112
00:52:12,970 --> 00:52:16,320
Ale týdny, myslím, že v prvním týdnu nebo
týden dva, jsme měli s názvem příklad

1113
00:52:16,320 --> 00:52:18,470
conditions1.c.

1114
00:52:18,470 --> 00:52:22,050
A rozhodl jsem se jej implementujeme v PHP,
jen trochu zdůraznit, že

1115
00:52:22,050 --> 00:52:26,500
PHP, syntakticky, je téměř totožný
na C. To není obrovský skok

1116
00:52:26,500 --> 00:52:27,840
z minulého týdne v této oblasti.

1117
00:52:27,840 --> 00:52:31,230
>> Všimněte si, v horní části tohoto programu, který
začíná, stejně jako dříve, s některými

1118
00:52:31,230 --> 00:52:34,260
připomínky, které se zbavím
jako rozptýlení.

1119
00:52:34,260 --> 00:52:37,410
Všimněte si, že jsem v PHP
Režim v tomto souboru.

1120
00:52:37,410 --> 00:52:40,160
Takže tento kód, uvidíme,
dostane popraven.

1121
00:52:40,160 --> 00:52:42,670
Všimněte si, že je readline,
což je pravděpodobně

1122
00:52:42,670 --> 00:52:46,230
analog v PHP na getString.

1123
00:52:46,230 --> 00:52:47,390
Všimněte si, že je to trochu jinak.

1124
00:52:47,390 --> 00:52:51,410
Jste vlastně určit, výzva k
funkce je volána číst linka, a to

1125
00:52:51,410 --> 00:52:52,180
to, co uživatel vidí.

1126
00:52:52,180 --> 00:52:53,520
Takže se nemusíte printf ručně.

1127
00:52:53,520 --> 00:52:54,860
Ale to není velký problém.

1128
00:52:54,860 --> 00:52:59,150
Jdu ukládat, uvnitř $ n,
Vrácená hodnota této, takže bez ohledu na

1129
00:52:59,150 --> 00:53:00,490
Uživatel zadá je jejich int.

1130
00:53:00,490 --> 00:53:01,660
A tady je další zvědavost.

1131
00:53:01,660 --> 00:53:05,810
Ukázalo se, že v PHP, jakékoli proměnné
jen musí být předponou

1132
00:53:05,810 --> 00:53:06,970
znakem dolaru.

1133
00:53:06,970 --> 00:53:08,110
Je to trochu nepříjemné.

1134
00:53:08,110 --> 00:53:10,870
Ale zjistíte, co jsem neudělal v PHP.

1135
00:53:10,870 --> 00:53:13,980
Co chybí z levé ruky
straně od rovnítka?

1136
00:53:13,980 --> 00:53:15,430
>> Žádná zmínka o typu.

1137
00:53:15,430 --> 00:53:19,400
Takže toto je odlišné od C. Pro lepší
nebo horší, PHP je volně

1138
00:53:19,400 --> 00:53:20,550
typový jazyk.

1139
00:53:20,550 --> 00:53:22,010
To má čísla.

1140
00:53:22,010 --> 00:53:23,240
To má řetězce.

1141
00:53:23,240 --> 00:53:24,015
To má pravdivostní hodnoty.

1142
00:53:24,015 --> 00:53:26,220
A to má málo
jiné datové typy.

1143
00:53:26,220 --> 00:53:30,570
Ale vy, programátor, obvykle
Nemusíte se starat o ně.

1144
00:53:30,570 --> 00:53:34,010
Výhodou je to, že to dělá
to trochu jednodušší program.

1145
00:53:34,010 --> 00:53:35,380
Můžete si myslet o něco méně.

1146
00:53:35,380 --> 00:53:39,840
Nevýhodou je, že i vám otevře až
potenciální chyby, pokud jste náhodou

1147
00:53:39,840 --> 00:53:43,080
léčbě číslo jako řetězec, řetězec
jako číslo, případně, ale i

1148
00:53:43,080 --> 00:53:46,150
poté, PHP a mnoho jazyků,
jsou velmi tolerantní.

1149
00:53:46,150 --> 00:53:49,050
Budou používat to, co se nazývá
implicitní obsazení.

1150
00:53:49,050 --> 00:53:55,220
A pokud se pokusíte použít n v rámci
z numerického situace, bude

1151
00:53:55,220 --> 00:53:58,040
převést, co zde bude
řetězec, protože v případě, že uživatel zadá

1152
00:53:58,040 --> 00:54:01,570
něco, a dostanete výsledek,
stejně jako readline, nebo se řetězec,

1153
00:54:01,570 --> 00:54:02,910
že se to vrátí řetězec.

1154
00:54:02,910 --> 00:54:07,360
>> Ale oznámení, pár řádků později jsem
zkontrolujte, zda n je větší než nula.

1155
00:54:07,360 --> 00:54:13,370
Takže PHP bude implicitně odevzdaných my
"Řetězec" 123, nebo co uživatel

1156
00:54:13,370 --> 00:54:14,860
druhy uvedené v, do int.

1157
00:54:14,860 --> 00:54:18,730
Takže ve zkratce, věci prostě funguje
mnohem více intuitivně.

1158
00:54:18,730 --> 00:54:23,410
Takže nyní začínají odpočívat několik
věci, které jsme udělali v minulosti.

1159
00:54:23,410 --> 00:54:24,780
>> Mnoho z těchto věcí je
stejné, i když.

1160
00:54:24,780 --> 00:54:26,340
Stále jste rovná rovná.

1161
00:54:26,340 --> 00:54:30,350
Jako stranou PHP má také rovná se rovná
rovná, ale o to, že možná, v

1162
00:54:30,350 --> 00:54:30,850
budoucnost.

1163
00:54:30,850 --> 00:54:31,150
To bylo.

1164
00:54:31,150 --> 00:54:35,660
Typo ale dva rovnítky znamená totéž
věc jako předtím, pro srovnání.

1165
00:54:35,660 --> 00:54:37,060
printf znamená totéž jako předtím.

1166
00:54:37,060 --> 00:54:39,160
Zpětné lomítko n znamená totéž
věc jako předtím.

1167
00:54:39,160 --> 00:54:40,390
>> Tak jak to mám spustit tento program?

1168
00:54:40,390 --> 00:54:44,400
No, stejně jako dříve, když to udělám PHP,
conditions1.php, a zadejte

1169
00:54:44,400 --> 00:54:46,560
číslo jako 123.

1170
00:54:46,560 --> 00:54:47,720
To je kladné číslo.

1171
00:54:47,720 --> 00:54:49,510
Kdybych zadejte 0, 0 vyberu.

1172
00:54:49,510 --> 00:54:53,700
A když píšu v negativním 123, dostanu
zpět záporné číslo, což je pouze

1173
00:54:53,700 --> 00:54:59,050
říci, syntakticky, PHP
je super, super podobné.

1174
00:54:59,050 --> 00:55:03,250
>> Tak proč je to teď vhodné
ve webovém kontextu?

1175
00:55:03,250 --> 00:55:06,710
Dobře, vraťme se k této froshims
příklad, který vypadal,

1176
00:55:06,710 --> 00:55:08,600
opět, jako tohle.

1177
00:55:08,600 --> 00:55:11,580
A pojďme vlastně vytáhnout webovou stránku
znovu, který vypadal takhle.

1178
00:55:11,580 --> 00:55:14,930
Co můžeme dělat s
data, která je předložena?

1179
00:55:14,930 --> 00:55:18,770
>> No, dovolte mi otevřít novější
verze tohoto.

1180
00:55:18,770 --> 00:55:20,920
A uvidíte, že problém
sady Specifikace vás provede

1181
00:55:20,920 --> 00:55:22,850
přes několik z nich.

1182
00:55:22,850 --> 00:55:29,610
Spíše než začít s nulou,
pojďme se podívat na froshims3,

1183
00:55:29,610 --> 00:55:31,410
který dělá trochu víc.

1184
00:55:31,410 --> 00:55:34,780
>> Všimněte si nejprve, vlastně, pojďme otevřít
to, co bylo 0, takže vidíte

1185
00:55:34,780 --> 00:55:37,170
co registru 0 je.

1186
00:55:37,170 --> 00:55:40,040
Všimněte si, jak registr 0 dělal.

1187
00:55:40,040 --> 00:55:41,730
Za prvé, mám připomínky nahoře.

1188
00:55:41,730 --> 00:55:43,900
Odstranit ty a soustředit se pouze na toto téma.

1189
00:55:43,900 --> 00:55:48,730
Většina obsahu register0.php
jsou, samozřejmě, v jakém jazyce?

1190
00:55:48,730 --> 00:55:49,980
Jen syrové PHP.

1191
00:55:49,980 --> 00:55:53,430
>> Takže upozornění, tento soubor se nespustí
se, v této chvíli otevřené třídě,

1192
00:55:53,430 --> 00:55:54,970
otazník, PHP.

1193
00:55:54,970 --> 00:55:59,800
PHP dělá vám umožní potkávat
PHP kód s HTML tagy.

1194
00:55:59,800 --> 00:56:04,130
Ale co jsem udělal, že tady uvnitř
ze strany přes zde.

1195
00:56:04,130 --> 00:56:08,180
>> Nyní, opět, měli byste znát pouze to od
když se podíval na manuálu. print_r,

1196
00:56:08,180 --> 00:56:13,410
jak se ukázalo, je print_recursive.
_recursive A to je jen šikovný

1197
00:56:13,410 --> 00:56:16,780
užitková funkce, které právě vytiskne,
rekurzivně, co odevzdejte jej.

1198
00:56:16,780 --> 00:56:18,760
Pokud straně to pole,
to bude tisknout pole.

1199
00:56:18,760 --> 00:56:20,180
Pokud straně je číslo,
to bude tisknout číslo.

1200
00:56:20,180 --> 00:56:21,570
Stranu je řetězec, bude to
vytisknout řetězec.

1201
00:56:21,570 --> 00:56:24,500
Máte-li předat mu hash tabulky, to
vytiskne hash tabulky.

1202
00:56:24,500 --> 00:56:26,730
Nemusíte psát všechny
tohoto kodexu sami.

1203
00:56:26,730 --> 00:56:29,490
>> Nyní si všimnout, že jsem zadání
PHP mód sem.

1204
00:56:29,490 --> 00:56:32,070
Jsem ukončení PHP režim tady.

1205
00:56:32,070 --> 00:56:35,950
Takže když webový server čte tento soubor
shora dolů, zleva doprava, protože

1206
00:56:35,950 --> 00:56:40,750
končí v souboru s názvem. php,
co není uvnitř tagů PHP je

1207
00:56:40,750 --> 00:56:42,820
jen bude plivat
out, stejně jako syrové HTML.

1208
00:56:42,820 --> 00:56:43,630
O nic nejde.

1209
00:56:43,630 --> 00:56:49,280
Ale jakmile webový server oznámení
to, že to bude říkat, neměl bych

1210
00:56:49,280 --> 00:56:51,850
vyplivnout, a to doslova, print_r z post.

1211
00:56:51,850 --> 00:56:54,910
Měl bych provést následující
řádek kódu.

1212
00:56:54,910 --> 00:56:59,850
>> Takže poslední otázka, pak, z tohoto souboru
Je dobře, co to sakra je?

1213
00:56:59,850 --> 00:57:00,530
Udělejte si hádat.

1214
00:57:00,530 --> 00:57:04,230
Co je $ _POST, asi?

1215
00:57:04,230 --> 00:57:07,070
>> DIVÁKŮ: [neslyšitelné]

1216
00:57:07,070 --> 00:57:08,830
>> SPEAKER 1: Jo, vyslaní údaje.

1217
00:57:08,830 --> 00:57:11,350
Připomeňme, pojďme se posunout zpět do
čas jen na chvíli.

1218
00:57:11,350 --> 00:57:13,165
froshim0 opět vypadal takhle.

1219
00:57:13,165 --> 00:57:15,640
Super většina je to jen HTML.

1220
00:57:15,640 --> 00:57:18,410
Opět platí, že některé značky nemáte
ještě vidět, nebo s nimiž

1221
00:57:18,410 --> 00:57:19,360
že jste již obeznámeni.

1222
00:57:19,360 --> 00:57:21,990
Ale zajímavé to bylo.

1223
00:57:21,990 --> 00:57:27,270
Tahle linka je to, co skutečně spojuje
to, aby naše register0.php souboru.

1224
00:57:27,270 --> 00:57:29,200
Já podání prostřednictvím metody POST.

1225
00:57:29,200 --> 00:57:33,130
A to znamená, že parametry
uživatel zadá nejsou

1226
00:57:33,130 --> 00:57:35,150
Skončím kde.

1227
00:57:35,150 --> 00:57:36,175
>> Oni nebude
zobrazí v URL.

1228
00:57:36,175 --> 00:57:39,020
Jsou stále bude odeslán z
Klient, z prohlížeče, do

1229
00:57:39,020 --> 00:57:42,080
serveru, ale jen přes jiné
mechanismus, který budeme vzdát své ruce

1230
00:57:42,080 --> 00:57:44,330
na pro dnešek, ale to není v URL.

1231
00:57:44,330 --> 00:57:47,630
Ale všimněte si vztah nyní s
pošta, které jsou podle konvence, je

1232
00:57:47,630 --> 00:57:49,160
malá zde.

1233
00:57:49,160 --> 00:57:54,090
>> Ale když otevřu register0.php,
Jsem zřejmě tisku to.

1234
00:57:54,090 --> 00:57:56,450
Tak tohle je trochu divný
pojmenování.

1235
00:57:56,450 --> 00:58:01,430
Ale to, co je pěkné v PHP je, že když
pomocí PHP ve webovém souvislosti, nikoliv na

1236
00:58:01,430 --> 00:58:04,480
příkazový řádek, jako jsem to udělal před chvílí,
když jste vlastně používat v pavučině

1237
00:58:04,480 --> 00:58:10,580
strana, v VHOST adresáři jako my,
PHP bude automaticky vyplnit tento

1238
00:58:10,580 --> 00:58:15,560
věc, která je asociativní pole,
abych tak řekl, hash tabulky, s

1239
00:58:15,560 --> 00:58:17,290
vše, co uživatel napsal palců

1240
00:58:17,290 --> 00:58:22,000
>> Stručně řečeno, $ _POST ve všech kontaktech je
globální proměnná, která právě PHP

1241
00:58:22,000 --> 00:58:25,050
magicky vytváří pro vás, pokud
pomocí PHP ve webovém prostředí.

1242
00:58:25,050 --> 00:58:29,160
A to dává do ní všech
názvy parametrů v podobě,

1243
00:58:29,160 --> 00:58:33,200
byl předložen k tomuto souboru a všechny
hodnoty, které uživatel zadali palců

1244
00:58:33,200 --> 00:58:37,790
Tak to ruce, aby vám co uživatel
zadali v této podobě.

1245
00:58:37,790 --> 00:58:42,210
>> Takže než jsme se dostali opravdu hloupý výstup
toho jen vidět to, protože všechno, co jsem udělal

1246
00:58:42,210 --> 00:58:44,400
byla rekurzivně vytisknout pole.

1247
00:58:44,400 --> 00:58:46,060
Klíčem k úspěchu je jméno, hodnota je David.

1248
00:58:46,060 --> 00:58:46,980
Klíčem k úspěchu je kapitán.

1249
00:58:46,980 --> 00:58:47,970
Hodnota je na.

1250
00:58:47,970 --> 00:58:52,300
A dvojitá šipka a úhel
Držák se, je to jen libovolný.

1251
00:58:52,300 --> 00:58:53,270
To není kód.

1252
00:58:53,270 --> 00:58:57,690
To je jen PHP způsob, jak ukázat vám
jakou hodnotu nějakého klíče je.

1253
00:58:57,690 --> 00:59:03,000
>> Ale teď mi dovolte navrhnout, aby v
froshIMs3, je to téměř totožné

1254
00:59:03,000 --> 00:59:04,950
kromě toho předkládá k tomuto souboru.

1255
00:59:04,950 --> 00:59:08,570
A opět budeme trochu jen
pohled na to, stačí se podívat na nějaké

1256
00:59:08,570 --> 00:59:12,040
syntax, ale uvědomte si, co
Tento soubor.

1257
00:59:12,040 --> 00:59:14,930
Hádejte jen na základě vzoru
kód, který pravděpodobně vypadat

1258
00:59:14,930 --> 00:59:17,410
Řek, do určité míry,
je zřejmě dělá.

1259
00:59:17,410 --> 00:59:20,580

1260
00:59:20,580 --> 00:59:23,110
>> Tento soubor je nějak souvisí
na poštu, e-mail.

1261
00:59:23,110 --> 00:59:24,770
Takže to, co je tento program dělá?

1262
00:59:24,770 --> 00:59:28,740
V této verzi, kdybych byl skutečně
vyplňte tento formulář - a nech mě jít

1263
00:59:28,740 --> 00:59:30,760
froshIMs3, ne froshIMs0 -

1264
00:59:30,760 --> 00:59:33,280

1265
00:59:33,280 --> 00:59:34,540
forma vypadá stejně.

1266
00:59:34,540 --> 00:59:37,980
David, kapitán, samec, koleji, Matthews.

1267
00:59:37,980 --> 00:59:42,980
Ale když je předkládat, je tento soubor
jít na register3.php.

1268
00:59:42,980 --> 00:59:46,330
>> A tvrdím, při pohledu na to
zdrojový kód, bude to

1269
00:59:46,330 --> 00:59:47,650
nějak zapojit e-mail.

1270
00:59:47,650 --> 00:59:49,620
Nech mě jít dopředu a otevřete tuto
ve větší okna, a tak jsme

1271
00:59:49,620 --> 00:59:51,030
může vidět čistěji.

1272
00:59:51,030 --> 00:59:57,220
Jsme vhosts, místního hostitele,
veřejnosti, froshims.

1273
00:59:57,220 --> 00:59:58,680
Jdu otevřít jiný
Program, jen abychom

1274
00:59:58,680 --> 01:00:00,160
můžete prohlédnout více najednou.

1275
01:00:00,160 --> 01:00:03,100
>> Takže teď tady, všimněte si pár věcí.

1276
01:00:03,100 --> 01:00:06,530
V horní části je soubor otevřen
držák, otazník, PHP.

1277
01:00:06,530 --> 01:00:08,920
Pak je tu spoustu komentářů,
které můžeme ignorovat, je

1278
01:00:08,920 --> 01:00:10,450
nezajímavé teď.

1279
01:00:10,450 --> 01:00:11,300
>> Teď je to.

1280
01:00:11,300 --> 01:00:14,200
Ukazuje se, že PHP má hodně
kódu s názvem vyžadují.

1281
01:00:14,200 --> 01:00:19,110
Je to velmi podobné v duchu na C je
patří hash zahrnují, který

1282
01:00:19,110 --> 01:00:21,980
v podstatě vezme obsah některých
jiný soubor a jen plops je tady,

1283
01:00:21,980 --> 01:00:22,930
takže je můžete použít.

1284
01:00:22,930 --> 01:00:27,060
V tomto případě, je zařízení,
pre-nainstalovány, knihovna, zdarma a

1285
01:00:27,060 --> 01:00:29,900
open source knihovnu s názvem PHP
mailer, že někdo může

1286
01:00:29,900 --> 01:00:30,770
stáhnout z internetu.

1287
01:00:30,770 --> 01:00:32,000
Prostě jsme to za vás.

1288
01:00:32,000 --> 01:00:36,130
A to znamená, že nyní mají e-mail
Funkčnost mám k dispozici.

1289
01:00:36,130 --> 01:00:38,170
>> Teď, všimněte si pár věcí.

1290
01:00:38,170 --> 01:00:41,120
Jdu k ověření
formuláře podání.

1291
01:00:41,120 --> 01:00:45,980
Ukázalo se, PHP, jeden, má výkřik
body pro operátor NOT, stejně jako

1292
01:00:45,980 --> 01:00:49,810
C. Ale PHP má také funkci,
tzv. prázdná.

1293
01:00:49,810 --> 01:00:53,920
>> Prázdný jen vrací hodnotu true, pokud je hodnota
o věc, kterou odevzdejte jej do

1294
01:00:53,920 --> 01:00:57,190
závorky je prázdná, stejně jako
uživatel neměl psát nic palců

1295
01:00:57,190 --> 01:01:02,680
Tak to říká, a všimněte
syntax, velmi připomínající C, v případě, že

1296
01:01:02,680 --> 01:01:07,730
název klíče, takže název pole ve tvaru,
která byla předložena poštou, podle

1297
01:01:07,730 --> 01:01:13,010
uživatel, není prázdný, a jejich
pohlaví není prázdný ve formě,

1298
01:01:13,010 --> 01:01:15,980
dobře, a jejich koleji není prázdná -

1299
01:01:15,980 --> 01:01:19,980
nevšimnout, já se nestarám o kapitána
Tak co s tím budeme dělat?

1300
01:01:19,980 --> 01:01:21,990
>> Chystám se spustit
tento řádek kódu.

1301
01:01:21,990 --> 01:01:24,100
A na co si vzpomenete tohoto druhu
jako malloc, ale je to trochu

1302
01:01:24,100 --> 01:01:24,800
chovatel než to.

1303
01:01:24,800 --> 01:01:29,200
Ale teď to mi dává zvláštní
struct typu PHP Mailer.

1304
01:01:29,200 --> 01:01:31,410
Ale ignorovat klíčové slovo nové pro dnešek.

1305
01:01:31,410 --> 01:01:35,670
>> Teď jdu volat funkci s názvem
IsSMTP, který říká, použijte SMTP.

1306
01:01:35,670 --> 01:01:39,380
Toto je port 25, stejně jako videa
minulý týden, když to bylo házení

1307
01:01:39,380 --> 01:01:40,710
e-maily do firewallu.

1308
01:01:40,710 --> 01:01:42,440
Port 25 je SMTP.

1309
01:01:42,440 --> 01:01:44,410
SMTP znamená použít e-mailový server.

1310
01:01:44,410 --> 01:01:46,215
Který z nich můžeme použít Harvardu
SMTP.fas.harvard.edu.

1311
01:01:46,215 --> 01:01:48,850

1312
01:01:48,850 --> 01:01:51,590
>> Můžeme nastavit od adresy
se John Harvardu.

1313
01:01:51,590 --> 01:01:55,090
Kdybych přejděte dál, mohu nastavit
adresa příjemce, jen

1314
01:01:55,090 --> 01:01:56,840
libovolně, aby se John
Harvard je to stejně.

1315
01:01:56,840 --> 01:01:59,210
Takže to bude e-mailem sám.

1316
01:01:59,210 --> 01:02:01,600
>> Nyní mohu nastavit předmět
se registrace.

1317
01:02:01,600 --> 01:02:03,700
A mohu nastavit tělo
na e-mail takto.

1318
01:02:03,700 --> 01:02:06,500
Tato linka vypadá trochu víc složitější,
ale to je jen proto, že je tam hodně

1319
01:02:06,500 --> 01:02:07,450
informací v něm.

1320
01:02:07,450 --> 01:02:10,670
Za prvé, je tu operátor tečky.

1321
01:02:10,670 --> 01:02:14,510
Někdo musí vědět, co se již
Operátor tečka dělá.

1322
01:02:14,510 --> 01:02:15,436
Je to zřetězení.

1323
01:02:15,436 --> 01:02:19,240
Takže pokud chcete, aby se řetězec v PHP,
a připojte jej, nebo ho předřadit, aby

1324
01:02:19,240 --> 01:02:23,500
další řetězec v PHP, díky bohu, že
Nemusíte používat strcopy a malloc,

1325
01:02:23,500 --> 01:02:25,490
a to vše ještě.

1326
01:02:25,490 --> 01:02:28,765
>> Chcete-li zřetězit dva řetězce,
kdo se stará o paměti.

1327
01:02:28,765 --> 01:02:30,850
Nechte PHP údaj, který pro vás.

1328
01:02:30,850 --> 01:02:35,200
Co bude dělat s PHP operátor dot
Zde je jen udělat velký trest ven

1329
01:02:35,200 --> 01:02:37,900
tohoto řádku tento řádek,
tento řádek, tento řádek.

1330
01:02:37,900 --> 01:02:40,460
A nyní oznámení, bude to
k ucpávání v hodnotách.

1331
01:02:40,460 --> 01:02:43,680
Takže e-mail, že John Harvard se děje
pro příjem je doslova řekne

1332
01:02:43,680 --> 01:02:49,450
jméno, tlustého střeva, něco, spíše pak
uzavřete řetězec a spojit na

1333
01:02:49,450 --> 01:02:52,220
co uživatel napsal
v, pak nový řádek.

1334
01:02:52,220 --> 01:02:54,570
>> Pak na další řádek John Harvardu
e-mail, bude to říct,

1335
01:02:54,570 --> 01:02:55,910
Kapitáne, On nebo nic.

1336
01:02:55,910 --> 01:02:57,810
Bude to říct pohlaví,
muž nebo žena.

1337
01:02:57,810 --> 01:02:59,680
Kolej bude Matthews
v mém případě.

1338
01:02:59,680 --> 01:03:03,400
A pak zjistíte známé středník
na samém konci.

1339
01:03:03,400 --> 01:03:07,830
A pak, tady dole, oznámení, poněkud
tajemný stále, ale opět, po

1340
01:03:07,830 --> 01:03:12,730
vzor, ​​který se seznámit
Po nastavení P 7, při odesílání e-mailu

1341
01:03:12,730 --> 01:03:16,610
vrátí hodnotu false, pak jděte do toho a zemřít.

1342
01:03:16,610 --> 01:03:19,610
>> Takže PHP má funkci nazvanou zemřít,
, která doslova, jen zabije

1343
01:03:19,610 --> 01:03:22,830
webové stránky a jen vytiskne cokoliv
to říkáš - jeho umírá

1344
01:03:22,830 --> 01:03:24,280
slova, abych tak řekl.

1345
01:03:24,280 --> 01:03:28,310
A to v případě, vytiskne
co je chyba info je pro

1346
01:03:28,310 --> 01:03:29,860
co se stalo s pokazit.

1347
01:03:29,860 --> 01:03:34,490
Tak dlouhý příběh krátký tady, co máme
je příklad, kdy, pokud uživatel

1348
01:03:34,490 --> 01:03:39,150
odešle formulář, froshim0,
froshims3.php, to jde

1349
01:03:39,150 --> 01:03:40,760
register3.php.

1350
01:03:40,760 --> 01:03:45,290
Ale register3.php pak pokračuje
provádět všechny tyto řádky.

1351
01:03:45,290 --> 01:03:46,620
>> Takže je tu pár přijímáme aways zde.

1352
01:03:46,620 --> 01:03:50,380
Za prvé, je to prý poměrně jednoduché,
programově, posílat e-maily,

1353
01:03:50,380 --> 01:03:50,830
což je dobré.

1354
01:03:50,830 --> 01:03:53,500
Když uživatelé registru pro vaše webové stránky, v
V tomto případě při registraci pro vaše

1355
01:03:53,500 --> 01:03:56,220
sport, můžete odeslat e-mailem prváku
Proctor, nebo John

1356
01:03:56,220 --> 01:03:57,650
Harvard, v tomto případě.

1357
01:03:57,650 --> 01:04:01,630
>> Ale to také znamená, že můžete dělat to, co?

1358
01:04:01,630 --> 01:04:03,970
Posílat e-maily od kohokoliv komukoliv.

1359
01:04:03,970 --> 01:04:05,430
A to je velmi pravdivé.

1360
01:04:05,430 --> 01:04:08,580
To není tak snadno udělat, pokud
jste zvyklí používat Gmail.

1361
01:04:08,580 --> 01:04:11,310
Ale pokud jste někdy používali Eudora nebo
Outlook, můžete do značné míry říci,

1362
01:04:11,310 --> 01:04:13,720
mailového serveru, že jste
někdo chcete.

1363
01:04:13,720 --> 01:04:16,450
A to je místo, kde musím dát na
ten klobouk a říct, nedělej to.

1364
01:04:16,450 --> 01:04:21,140
Ale to je dokladem toho, jak snadné
je provést phishingu a

1365
01:04:21,140 --> 01:04:24,310
Poslat anonymní e-maily, a
spam, obecněji.

1366
01:04:24,310 --> 01:04:27,330
A je to opravdu scvrkává
Skutečnost, že vše, co potřebujete, je nějaký

1367
01:04:27,330 --> 01:04:28,500
programový přístup.

1368
01:04:28,500 --> 01:04:31,940
>> Jako stranou, můj nejbližší setkání s
ad deska, moje prváku,

1369
01:04:31,940 --> 01:04:34,320
bylo, když jsem to zjistil v pohodě
trik, že wow, můžete

1370
01:04:34,320 --> 01:04:36,850
posílat e-maily od kohokoliv.

1371
01:04:36,850 --> 01:04:39,770
A tak jsme měli nějaké stupidní
Argument, doslova ve městě Matthews,

1372
01:04:39,770 --> 01:04:40,790
Mezi mé Proctor skupiny.

1373
01:04:40,790 --> 01:04:42,470
Já si ani nepamatuju
co záležitost byla.

1374
01:04:42,470 --> 01:04:44,970
Ale chtěl jsem zkusit dát
konec této hloupé debaty.

1375
01:04:44,970 --> 01:04:48,580
>> Tak jsem se rozhodl, že bude jen poslat e-mail
k mému Proctor skupiny, předstírá, že je

1376
01:04:48,580 --> 01:04:52,000
ten druhý, s jehož stanovisku
nesouhlasil, a mít jej strpět

1377
01:04:52,000 --> 01:04:54,680
bez ohledu na můj názor byl
tento konkrétní diskuse.

1378
01:04:54,680 --> 01:04:59,320
A tak jsem kované tento e-mail pomocí
Technika duchem podobné tomuto.

1379
01:04:59,320 --> 01:05:01,256
Ale to bylo vlastně jednodušší
v té době.

1380
01:05:01,256 --> 01:05:02,435
Hit odeslat.

1381
01:05:02,435 --> 01:05:06,660
Nebyl rád, ani by
byly reklamní tabule.

1382
01:05:06,660 --> 01:05:10,280
>> A byl jsem velmi rychle pochopil rámci
sekund, protože, jak víte, mám podepsat

1383
01:05:10,280 --> 01:05:11,420
moje e-maily určitým způsobem.

1384
01:05:11,420 --> 01:05:14,200
A když jsem to udělat ručně, u větších
část, o 15 let později, protože jsem byl

1385
01:05:14,200 --> 01:05:15,080
traumatizované tím.

1386
01:05:15,080 --> 01:05:16,960
Nemám podpis
na můj e-mail hned.

1387
01:05:16,960 --> 01:05:20,440
Ale v roce 1995 jsem měl sig,
podpis v mém e-mailu.

1388
01:05:20,440 --> 01:05:24,630
Takže tam byla tato poznámka říká, Vážení
Proctor skupina, jsem se smířit svůj názor

1389
01:05:24,630 --> 01:05:31,240
a souhlasím s Davidem, a podepsán, aby
tak, nová linka, nová linka, DJM.

1390
01:05:31,240 --> 01:05:36,220
>> Tak to nedělej, nebo obecně, se
Výhodou této techniky.

1391
01:05:36,220 --> 01:05:39,950
Ale když se dělat webové stránky, jako pro
váš konečný projekt, při

1392
01:05:39,950 --> 01:05:43,460
internetové stránky pro něco podnikatelské,
To je, jak pragmaticky, můžete

1393
01:05:43,460 --> 01:05:47,000
využívají další služby na internetu
jako pošty a pak vlastně

1394
01:05:47,000 --> 01:05:49,440
Poslat věci pomocí kódu.

1395
01:05:49,440 --> 01:05:51,240
>> Takže, jak můžeme zlepšit na to?

1396
01:05:51,240 --> 01:05:54,370
No, v první pojďme rychlou prohlídku
některé z věcí, které uvidíte,

1397
01:05:54,370 --> 01:05:56,170
a pak se podívat na
pár příkladů.

1398
01:05:56,170 --> 01:05:59,500
Takže jedna, uklidnit, protože
letíme přes PHP.

1399
01:05:59,500 --> 01:06:02,470
A já vím, na nějakém místě, budete mít
skutečně začít psát to, pokud

1400
01:06:02,470 --> 01:06:03,460
tak již neučinili.

1401
01:06:03,460 --> 01:06:06,220
Uvědomte si, že jeden, hlavní je druh
ven okno s PHP.

1402
01:06:06,220 --> 01:06:09,420
Chcete-li psát kód, který dostane
proveden, stačí začít psát ji

1403
01:06:09,420 --> 01:06:13,970
soubor s názvem. php tak dlouho, dokud
máte otevřenou konzolu

1404
01:06:13,970 --> 01:06:15,620
otazník PHP tag.

1405
01:06:15,620 --> 01:06:19,730
>> Nevšimnout, jsou
podmínky v PHP.

1406
01:06:19,730 --> 01:06:22,610
Všimněte si, to je přesně stejný snímek
jsme měli v prvním týdnu, kdy jsme měli

1407
01:06:22,610 --> 01:06:25,670
podmínky v C. podmínek v
PHP jsou strukturně a

1408
01:06:25,670 --> 01:06:27,140
syntakticky stejné.

1409
01:06:27,140 --> 01:06:30,290
Jediný skutečný rozdíl je, pokud máte
proměnné zapojeni, máte ty

1410
01:06:30,290 --> 01:06:31,600
dolaru.

1411
01:06:31,600 --> 01:06:33,970
>> Mezitím, logické výrazy
vypadat takhle

1412
01:06:33,970 --> 01:06:35,725
nebo-ing nebo a-ing dohromady.

1413
01:06:35,725 --> 01:06:37,780
Přepíná vypadají úplně stejně.

1414
01:06:37,780 --> 01:06:42,180
Co je hezké v PHP, zatímco v C,
vypínače musí být na případy

1415
01:06:42,180 --> 01:06:46,380
primitiva jako ints nebo připaluje, v PHP
váš případ výpisy, které mohou být ve skutečnosti

1416
01:06:46,380 --> 01:06:48,430
na celé řetězce, který je
vlastně docela hezké.

1417
01:06:48,430 --> 01:06:49,480
Ušetří nějaký čas.

1418
01:06:49,480 --> 01:06:50,820
Nelze to udělat v C.

1419
01:06:50,820 --> 01:06:52,880
>> Zde je pro smyčky v PHP.

1420
01:06:52,880 --> 01:06:53,740
Je to stejné.

1421
01:06:53,740 --> 01:06:55,400
Možná nějaké dolary
těchto proměnných.

1422
01:06:55,400 --> 01:06:57,530
Nemusíte o tom, že
něco, co je int.

1423
01:06:57,530 --> 01:07:00,580
Prostě prohlásit ho znakem dolaru
a název proměnné.

1424
01:07:00,580 --> 01:07:01,430
Ale for je stejný.

1425
01:07:01,430 --> 01:07:02,760
Zatímco smyčka je stejný.

1426
01:07:02,760 --> 01:07:04,870
Dělat, zatímco smyčka je stejný.

1427
01:07:04,870 --> 01:07:06,170
>> To je trochu jiný.

1428
01:07:06,170 --> 01:07:12,410
Takže s PHP, s řadou, můžete
Staticky deklarovat matici, jako v C,

1429
01:07:12,410 --> 01:07:14,420
ale můžete použít hranatých závorek.

1430
01:07:14,420 --> 01:07:17,060
V jazyce C, měli byste použít složené závorky,
pokud jste ještě věděli.

1431
01:07:17,060 --> 01:07:20,910
Ale to je vlastně velmi časté v PHP
deklarovat pole, v tomto případě,

1432
01:07:20,910 --> 01:07:23,640
čísel a volání
variabilní čísla.

1433
01:07:23,640 --> 01:07:25,300
>> Proměnné sami vypadat takto.

1434
01:07:25,300 --> 01:07:28,710
Zde je řetězec, citovat konec citátu "ahoj
svět. "Ty by mohly mít zpětné lomítko n.

1435
01:07:28,710 --> 01:07:30,950
Prostě ne v tomto případě.

1436
01:07:30,950 --> 01:07:32,640
>> Teď je to zajímavá konstrukce.

1437
01:07:32,640 --> 01:07:33,700
C nemá to.

1438
01:07:33,700 --> 01:07:34,700
Ale to je super užitečné.

1439
01:07:34,700 --> 01:07:38,160
A uvidíte to v sadě P 7
spec - pro každý konstrukt.

1440
01:07:38,160 --> 01:07:41,800
Chcete-li opakovat nad všemi
prvky pole, nemusíte

1441
01:07:41,800 --> 01:07:45,500
vypořádat se s $ i $ a n,
a + +, a to všechno.

1442
01:07:45,500 --> 01:07:47,640
Můžete si doslova říkají, v PHP, tento -

1443
01:07:47,640 --> 01:07:51,890
pro každý čísel jako číslo, takže
Já jsem za předpokladu, že $ čísla

1444
01:07:51,890 --> 01:07:53,380
je pole čísel.

1445
01:07:53,380 --> 01:07:56,460
A když říkám, že pro každý čísel
jako číslo, to bude

1446
01:07:56,460 --> 01:08:00,505
automaticky, protože můj smyčka provádí,
aktualizace, při každém opakování, hodnotu

1447
01:08:00,505 --> 01:08:03,260
Uvnitř čísla znak dolaru -

1448
01:08:03,260 --> 01:08:07,730
znovu a znovu, a znovu chůze
Pro mě přes dané pole.

1449
01:08:07,730 --> 01:08:08,735
Takže to jen nám ušetří kód.

1450
01:08:08,735 --> 01:08:12,250
Žádné středníky, ne + + 's, no i to,
ne n je, je to jen hezké.

1451
01:08:12,250 --> 01:08:13,700
>> Ale PHP také to má.

1452
01:08:13,700 --> 01:08:14,830
A to je velmi výkonný.

1453
01:08:14,830 --> 01:08:17,410
A budete používat tento, ruce
na, v P set 7.

1454
01:08:17,410 --> 01:08:21,990
A asociativní pole je deklarován
hranatými závorkami.

1455
01:08:21,990 --> 01:08:23,569
Ale všimněte si syntaxi teď.

1456
01:08:23,569 --> 01:08:26,880
Je to připomíná to, co jsme viděli,
s print_r před chvílí.

1457
01:08:26,880 --> 01:08:31,810
Kolik klíče, jako malý přece nejsou kontroly,
to pole Zdá se, že.

1458
01:08:31,810 --> 01:08:32,689
>> Tak to má dvě.

1459
01:08:32,689 --> 01:08:33,830
A říkám to pole.

1460
01:08:33,830 --> 01:08:36,760
Ale jestli to pomůže, můžete si
na to, jak hash tabulky, nebo

1461
01:08:36,760 --> 01:08:37,930
asociativní pole.

1462
01:08:37,930 --> 01:08:39,580
Ale to je jen jiný
typ pole.

1463
01:08:39,580 --> 01:08:41,080
A znovu, různé jazyky
mít tyto.

1464
01:08:41,080 --> 01:08:43,810
Uvidíme něco podobného
v JavaScriptu stejně.

1465
01:08:43,810 --> 01:08:44,609
Existují dva klíče.

1466
01:08:44,609 --> 01:08:48,390
Jedním z nich je citace konec citátu, "symbol", jeden je
citovat konec citátu "cenu." A těch kláves

1467
01:08:48,390 --> 01:08:49,250
každý z nich má hodnotu.

1468
01:08:49,250 --> 01:08:54,420
V tomto případě je hodnota symbolu FB, pro
Facebook a cenu má hodnotu 49, 26,

1469
01:08:54,420 --> 01:08:56,899
který byl Facebook je skladem
cena od dnešního rána.

1470
01:08:56,899 --> 01:09:00,170
>> Takže to, co je užitečné o
asociativní pole.

1471
01:09:00,170 --> 01:09:02,620
Mohl jsem číselně
Indexované pole jen s

1472
01:09:02,620 --> 01:09:04,120
jednoduché hranaté závorky.

1473
01:09:04,120 --> 01:09:09,380
A mohl bych měl znak dolaru
citace se rovná právě tento.

1474
01:09:09,380 --> 01:09:10,529
Dovolte mi, abych to udělá.

1475
01:09:10,529 --> 01:09:14,796
Dejme tomu, že místo toho jen prohlásil,
Toto pole takhle.

1476
01:09:14,796 --> 01:09:17,590
To je naprosto v pořádku,
syntakticky.

1477
01:09:17,590 --> 01:09:20,569
Neztrácí žádné informace,
samo o sobě.

1478
01:09:20,569 --> 01:09:24,760
Stále vidím, že symbol je fb,
a že cena je 49, 26.

1479
01:09:24,760 --> 01:09:28,939
Tak proč jsou asociativní
pole přesvědčivé?

1480
01:09:28,939 --> 01:09:30,189
>> DIVÁKŮ: Nemusíte si pamatovat
kam dát věci.

1481
01:09:30,189 --> 01:09:32,050

1482
01:09:32,050 --> 01:09:34,130
>> SPEAKER 1: Přesně tak, nemusíte
pamatovat si kam dát věci.

1483
01:09:34,130 --> 01:09:37,670
Nemusíte libovolně zapamatovat
že burzovní symbol je v závorce nula,

1484
01:09:37,670 --> 01:09:41,479
a ceny akcií v jednom držáku,
což je zvláště nebezpečné, pokud

1485
01:09:41,479 --> 01:09:43,220
změnit věci, příp.

1486
01:09:43,220 --> 01:09:46,399
Je to mnohem příjemnější spojit
co budeme říkat metadata

1487
01:09:46,399 --> 01:09:48,340
se svými skutečnými údaji.

1488
01:09:48,340 --> 01:09:52,399
Já bych tvrdit, že to, co opravdu záleží
o je zde fb a 49, 26..

1489
01:09:52,399 --> 01:09:57,020
Symbol a cena je metadata
, který popisuje data, která jsme

1490
01:09:57,020 --> 01:09:58,180
skutečně záleží.

1491
01:09:58,180 --> 01:10:01,910
Ale to je jen tolik,
snadnější přístup.

1492
01:10:01,910 --> 01:10:04,090
>> Teď, když stranou to, co je
cenou, kterou platíme?

1493
01:10:04,090 --> 01:10:06,600
Dělali jsme to
v CS50 týdny.

1494
01:10:06,600 --> 01:10:10,740
Tato funkce musí přijít v nějaké náklady.

1495
01:10:10,740 --> 01:10:11,350
Paměť.

1496
01:10:11,350 --> 01:10:13,830
Takže jste nejen ukládání 32-bit
celé číslo, například.

1497
01:10:13,830 --> 01:10:17,980
Ty ukládání symbolu / 0, pravděpodobně.

1498
01:10:17,980 --> 01:10:19,160
Takže používat více paměti.

1499
01:10:19,160 --> 01:10:22,540
>> A co je výkon
hledá něco v

1500
01:10:22,540 --> 01:10:24,822
asociativní pole, asi?

1501
01:10:24,822 --> 01:10:26,590
Je to pravděpodobně pomalejší.

1502
01:10:26,590 --> 01:10:29,670
Náhodný přístup je hezké, a to zejména
když si můžete udělat binární vyhledávání.

1503
01:10:29,670 --> 01:10:33,380
Ale když jste vlastně teď nehleděli
čísel, ale pro řetězce, toto

1504
01:10:33,380 --> 01:10:37,630
opravdu je realizován pod
kapuce, pravděpodobně jako hash tabulky, kde

1505
01:10:37,630 --> 01:10:42,950
doporučeno použít hash tabulky
s oddělenou řetězení.

1506
01:10:42,950 --> 01:10:46,040
Nebo můžete použít vyzkoušet skutečně
uložení hodnot.

1507
01:10:46,040 --> 01:10:50,550
Takže možná si můžete udělat konstantní čas, ale
stále máte se podívat na S-Y-M-B-O-L,

1508
01:10:50,550 --> 01:10:54,510
případně, místo toho, aby pouze 32
kousky, které vypadají něco nahoru.

1509
01:10:54,510 --> 01:10:58,430
Takže znovu, ty samé myšlenky přicházejí
zpět opakovat v této souvislosti.

1510
01:10:58,430 --> 01:11:02,120
>> Ale opět, PHP má nyní někteří Super
globální proměnné, které, jak se ukazuje, jsou

1511
01:11:02,120 --> 01:11:02,900
asociativní pole.

1512
01:11:02,900 --> 01:11:05,590
Viděli jsme jeden před chvílí, $ _POST.

1513
01:11:05,590 --> 01:11:08,400
A to super globální
má klíče a hodnoty.

1514
01:11:08,400 --> 01:11:10,550
Konkrétně se jedná o klíče
srovnejte s tím, co?

1515
01:11:10,550 --> 01:11:14,520
Kam klíče v $ _POST pochází?

1516
01:11:14,520 --> 01:11:15,380
Jen pro připomenutí?

1517
01:11:15,380 --> 01:11:16,480
>> Diváků: Name.

1518
01:11:16,480 --> 01:11:17,900
>> SPEAKER 1: Jméno, kde?

1519
01:11:17,900 --> 01:11:19,860
>> DIVÁKŮ: [neslyšitelné]

1520
01:11:19,860 --> 01:11:20,750
>> SPEAKER 1: Název je atribut.

1521
01:11:20,750 --> 01:11:23,480
No kde, odkud se
původně pochází?

1522
01:11:23,480 --> 01:11:24,120
Formulář.

1523
01:11:24,120 --> 01:11:30,140
Takže pokud HTML stránka má tag formuláře,
uvnitř kterého jsou některé vstupy, jako je

1524
01:11:30,140 --> 01:11:34,760
zaškrtávací políčka, textová pole, rozbalovací
menu, z nichž každý má své jméno, ty

1525
01:11:34,760 --> 01:11:40,260
jména skončí jako klíče v $ _POST, a
upřímně řečeno, když na to přijde, $ _GET.

1526
01:11:40,260 --> 01:11:42,130
Pokud je metoda get, stejný nápad.

1527
01:11:42,130 --> 01:11:43,830
Je to jen v jiném Super Global.

1528
01:11:43,830 --> 01:11:47,620
A hodnoty, samozřejmě, pochází z
co uživatel zadali při jeho nebo

1529
01:11:47,620 --> 01:11:48,890
její prohlížeč.

1530
01:11:48,890 --> 01:11:49,830
>> Ale je tu několik dalších.

1531
01:11:49,830 --> 01:11:52,140
Je tu cookie, které my budeme
vrátit se nakonec.

1532
01:11:52,140 --> 01:11:56,050
Ale to jsou věci, které znáte
web používá pro některé dobro nebo zlo.

1533
01:11:56,050 --> 01:11:57,420
Ale vrátíme se k tomu.

1534
01:11:57,420 --> 01:12:01,720
Server a relace, a ti dva
nějaké speciální nástroje.

1535
01:12:01,720 --> 01:12:03,940
>> Ale pojďme se na to podívat.

1536
01:12:03,940 --> 01:12:13,330
Nech mě jít dopředu a otevřít příklad
volal mvc0.php Tak MVC

1537
01:12:13,330 --> 01:12:14,900
znamená následující.

1538
01:12:14,900 --> 01:12:19,390
A představíme to dříve, než je
typické, opravdu, aby vám navrhování

1539
01:12:19,390 --> 01:12:22,180
Problém set 7, a také závěrečné projekty,
na druhu průmyslu

1540
01:12:22,180 --> 01:12:23,670
Standardní způsob a čistý způsob.

1541
01:12:23,670 --> 01:12:24,820
Je to dobrý design.

1542
01:12:24,820 --> 01:12:29,090
>> Takže jste asi vidět, a budete
zkušenosti, v sadě P 7, paradigma, třídění

1543
01:12:29,090 --> 01:12:32,260
programátorské myšlení, to vypadá
Trochu něco takového.

1544
01:12:32,260 --> 01:12:35,570
M pro model, C pro řadiče,
V pro zobrazení.

1545
01:12:35,570 --> 01:12:39,690
Dlouhý příběh krátký, MVC je jen trochu
metodiky, způsob výroby

1546
01:12:39,690 --> 01:12:43,360
webové stránky, a to zejména, kdy si
dát všechny vaše stupidní fráze, -

1547
01:12:43,360 --> 01:12:44,970
obchodní logika -

1548
01:12:44,970 --> 01:12:49,710
všechny vaše duševního vlastnictví
co se nazývá řadič, soubor

1549
01:12:49,710 --> 01:12:54,840
jako index.php, nebo uvidíme,
quote.php nebo buy.php.

1550
01:12:54,840 --> 01:12:59,570
>> V kontextu problému set 7, váš
modely obvykle obsahují data,

1551
01:12:59,570 --> 01:13:03,860
něco se vztahuje k databázi, protože my budeme
nakonec vidět, a vaše názory

1552
01:13:03,860 --> 01:13:07,510
obsahují estetiku vašeho
místo, HTML, CSS.

1553
01:13:07,510 --> 01:13:10,420
Tak už jsme viděli to v C trochu
bit pomocí. h soubory.

1554
01:13:10,420 --> 01:13:15,010
Opravdu jsme viděli před chvílí s CSS,
faktoringovými stylizace CSS

1555
01:13:15,010 --> 01:13:16,520
věci z našeho HTML.

1556
01:13:16,520 --> 01:13:20,730
>> Takže MVC je opravdu jen o kreslení
čáry v písku a říkají,

1557
01:13:20,730 --> 01:13:25,400
zajímavý programový kód pro vaši
webová stránka patří, co budeme nazývat

1558
01:13:25,400 --> 01:13:26,400
regulátor.

1559
01:13:26,400 --> 01:13:29,280
Věci vztahující se k databázi typicky
skončí v modelu.

1560
01:13:29,280 --> 01:13:33,070
Ale uvidíte, v sadě 7 Problém jsme
sloučení C a M, aby to jednoduché.

1561
01:13:33,070 --> 01:13:37,630
Ale pohled je místo, kde všechny vaše HTML
a estetika typicky jít.

1562
01:13:37,630 --> 01:13:39,160
>> Takže co to znamená v reálných hodnotách?

1563
01:13:39,160 --> 01:13:45,980
No, dovolte mi jít do naší MVC
adresář takto.

1564
01:13:45,980 --> 01:13:48,880
A uvidíte více z nich
turné po ve spec.

1565
01:13:48,880 --> 01:13:53,200
Takže v mvc0, tvrdím, že to je, jako,
verze 0 webových stránek CS50 je.

1566
01:13:53,200 --> 01:13:56,670
>> Všechno, co máme, je nějaký HTML, jako je
velký h1 tag, zřejmě.

1567
01:13:56,670 --> 01:13:57,800
A pak seznam s odrážkami.

1568
01:13:57,800 --> 01:13:59,860
Nikdy jsem neviděl seznam s odrážkami
dříve, ale žádný velký problém.

1569
01:13:59,860 --> 01:14:01,590
Pojďme rychle se podívat do zdrojového kódu.

1570
01:14:01,590 --> 01:14:06,610
Ukázalo se, že neuspořádané seznam s kulkami
je otevřený držák ul jedním nebo více

1571
01:14:06,610 --> 01:14:09,065
další položky seznamu, li.

1572
01:14:09,065 --> 01:14:10,650
Tak tady je oznámení kotva tag.

1573
01:14:10,650 --> 01:14:12,130
Viděli jsme, že před chvílí.

1574
01:14:12,130 --> 01:14:13,810
>> Takže to je to, jak jsem implementoval
této stránky.

1575
01:14:13,810 --> 01:14:18,460
Mám dva odkazy, dvě položky seznamu, jeden
ul. k výčtu a konec

1576
01:14:18,460 --> 01:14:22,700
Výsledkem je, esteticky, je to velmi
docela webové stránky, verze 0 zde.

1577
01:14:22,700 --> 01:14:26,840
Ale co je zajímavé, nyní je, jak to
je realizován pod kapotou.

1578
01:14:26,840 --> 01:14:33,590
>> Nech mě jít do gedit a otevřít to
První příklad namalovat obraz.

1579
01:14:33,590 --> 01:14:37,070
A my se podíváme na to, co je vadný,
potenciálně zde.

1580
01:14:37,070 --> 01:14:43,260
Nyní, když jdu do localhost, veřejné,
MVC, všimněte si několik souborů.

1581
01:14:43,260 --> 01:14:45,780
Budu volat je pro
Moment, všechny regulátory.

1582
01:14:45,780 --> 01:14:48,640
Ale to je tak trochu zneužití, protože
uvidíte vše, co se smíchává

1583
01:14:48,640 --> 01:14:49,620
uvnitř nich.

1584
01:14:49,620 --> 01:14:52,330
>> A nech mě jít dovnitř index.php.

1585
01:14:52,330 --> 01:14:54,700
A vidíme, a to doslova stejný HTML.

1586
01:14:54,700 --> 01:14:57,970
Takže i když tento soubor končí
. Php, to neznamená, že musí

1587
01:14:57,970 --> 01:14:59,500
žádný PHP kód.

1588
01:14:59,500 --> 01:15:02,290
To může být jen syrové HTML, i když
to je trochu hloupé.

1589
01:15:02,290 --> 01:15:07,650
Ale zjistíte, že to není závorka PHP
označit, kromě toho, který, upřímně řečeno,

1590
01:15:07,650 --> 01:15:09,160
je jen tam sloužit jako komentář.

1591
01:15:09,160 --> 01:15:12,080
Ale to není funkčně
ani to zajímavé.

1592
01:15:12,080 --> 01:15:12,960
>> Ale nevšiml.

1593
01:15:12,960 --> 01:15:15,400
Co je zajímavé je to, co teď
změny na této stránce.

1594
01:15:15,400 --> 01:15:16,650
Dovolte mi, abych klikněte na přednášky.

1595
01:15:16,650 --> 01:15:18,560
A všimněte si URL se brzy změní.

1596
01:15:18,560 --> 01:15:20,930
Teď jsem na lectures.php.

1597
01:15:20,930 --> 01:15:22,630
Dovolte mi, abych na tlačítko nula.

1598
01:15:22,630 --> 01:15:27,200
Teď jsem na week0.php A teď
mi tyto soubory otevřít v gedit.

1599
01:15:27,200 --> 01:15:30,120
Není to jen index, ale ať
mi otevřou přednášky.

1600
01:15:30,120 --> 01:15:33,900
A dovolte mi, abych se zbavit komentářů
zaměřit se na tuto část.

1601
01:15:33,900 --> 01:15:37,680
>> A teď mi dovolte otevřít jen jeden,
week0.php, vyhodit připomínky,

1602
01:15:37,680 --> 01:15:39,910
jen vyčistit to.

1603
01:15:39,910 --> 01:15:41,720
A teď si všimněte následující.

1604
01:15:41,720 --> 01:15:47,340
Přemýšlíte opravdu trochu rozmyslet
design, a pojďme udělat to linku

1605
01:15:47,340 --> 01:15:52,013
do stejné, co by mohlo být provedeno
zde lepší, co myslíte?

1606
01:15:52,013 --> 01:15:56,450

1607
01:15:56,450 --> 01:15:57,780
>> Jak jsem udělat jeden týden?

1608
01:15:57,780 --> 01:15:58,480
Jak se o tom.

1609
01:15:58,480 --> 01:16:00,450
Takže to je to, jak jsem se jednou týdně.

1610
01:16:00,450 --> 01:16:08,290
Šel jsem do souboru, Nový, Vložit, Uložit,
week1.php, a pak jsem šel sem.

1611
01:16:08,290 --> 01:16:09,875
A já jsem změnil jedno -

1612
01:16:09,875 --> 01:16:11,646
co to bylo, jedna do pátku.

1613
01:16:11,646 --> 01:16:14,430

1614
01:16:14,430 --> 01:16:15,810
Změnil jsem nuly do jedné.

1615
01:16:15,810 --> 01:16:17,150
I to změnil na jeden.

1616
01:16:17,150 --> 01:16:20,350
>> OK, tak teď se na mé soubory.

1617
01:16:20,350 --> 01:16:22,100
Co by se dalo udělat jinak?

1618
01:16:22,100 --> 01:16:25,310
Kde je příležitost, snad?

1619
01:16:25,310 --> 01:16:28,330
Takže je tu příležitost k navázání
factoring tohle ven.

1620
01:16:28,330 --> 01:16:32,950
Dovolte mi otevřít, jako spoiler, pro
to, co uvidíte v sadě P 7.

1621
01:16:32,950 --> 01:16:38,750
Pokud otevřu, nyní ve verzi index.php
pět z toho, jak to vypadá

1622
01:16:38,750 --> 01:16:40,730
více tajemné, sice.

1623
01:16:40,730 --> 01:16:43,710
>> Ale to teď, je to, co budu říkat
řadič, který je ovládající

1624
01:16:43,710 --> 01:16:44,770
Logika mé stránce.

1625
01:16:44,770 --> 01:16:48,510
A můžete trochu zrekonstruovat,
intuitivně, možná, co se děje.

1626
01:16:48,510 --> 01:16:50,630
Na prvním řádku je
trochu záhadný.

1627
01:16:50,630 --> 01:16:54,040
Povšimněme si ale já vyžaduje, stejně jako u
ostrý patří, soubor s názvem

1628
01:16:54,040 --> 01:16:55,930
helpers.php.

1629
01:16:55,930 --> 01:16:59,980
A pak volám, zdá se,
funkce, tzv. render, předáním

1630
01:16:59,980 --> 01:17:00,850
dva argumenty.

1631
01:17:00,850 --> 01:17:02,440
>> Jedním z nich je citace konec citátu, hlavička.

1632
01:17:02,440 --> 01:17:04,800
A druhý je, jaký druh
datový typ je to, na základě

1633
01:17:04,800 --> 01:17:07,180
na našich syntaxe dřív?

1634
01:17:07,180 --> 01:17:08,160
Je to související pole.

1635
01:17:08,160 --> 01:17:11,730
Konkrétně je to kolem v názvu
s některými metadat, která připomíná

1636
01:17:11,730 --> 01:17:13,430
mi, co to je a jeho hodnota.

1637
01:17:13,430 --> 01:17:16,340
Pak vidím kódované těžké
ul., takže některé syrové HTML.

1638
01:17:16,340 --> 01:17:20,020
Ale pak jsem se vrátil do režimu PHP
volání funkce odměna.

1639
01:17:20,020 --> 01:17:24,390
Takže i když jste nikdy nepoužívali HTML nebo PHP
před, a to i přesto, že to vypadá

1640
01:17:24,390 --> 01:17:27,480
děsivější, proč je to tak pravděpodobně
lepší návrh?

1641
01:17:27,480 --> 01:17:31,310
Co je lepší, o tom,
na základě závěru?

1642
01:17:31,310 --> 01:17:32,130
>> DIVÁKŮ: [neslyšitelné]

1643
01:17:32,130 --> 01:17:35,750
>> Reproduktor 1: méně redundantní v tom, že
už není HTML tag, nic víc

1644
01:17:35,750 --> 01:17:38,410
hlavy tag, nic víc tělo tag
v každém zatraceném souboru.

1645
01:17:38,410 --> 01:17:41,860
Místo toho jsem počítána
společné prvky a pravděpodobně dát je

1646
01:17:41,860 --> 01:17:45,150
do souboru nějakým způsobem souvisí
do záhlaví.

1647
01:17:45,150 --> 01:17:48,500
A to samé pro úzké tělo
tag, v blízkosti HTML tag.

1648
01:17:48,500 --> 01:17:52,165
To je asi tady uvnitř
na zápatí někde jinde.

1649
01:17:52,165 --> 01:17:57,050
A uvidíte, v sadě Problém 7,
malá prohlídka tohle.

1650
01:17:57,050 --> 01:17:58,070
>> Co nás tedy čeká?

1651
01:17:58,070 --> 01:18:03,390
Jedna věc, nemáme možnost
přesto, je skutečně ukládání dat.

1652
01:18:03,390 --> 01:18:06,110
A tak to, co začneme vidět
Středa, například, je, že vaše

1653
01:18:06,110 --> 01:18:08,450
starý přítel Excel, nebo čísla,
umožňuje ukládat velké množství

1654
01:18:08,450 --> 01:18:10,060
Údaje v řádcích a sloupcích.

1655
01:18:10,060 --> 01:18:12,570
Ukázalo se, že vám může dělat, že to, co je
volal databáze programově.

1656
01:18:12,570 --> 01:18:16,620
maniakální A ukázalo se, po tom,
budeme moci ukládat věci, jako je

1657
01:18:16,620 --> 01:18:20,550
to, které uvidíte opět v souboru P
7, celá parta uživatelských jmen a

1658
01:18:20,550 --> 01:18:23,690
hesla, druhý z nich je
vlastně šifrované, stejně jako oni

1659
01:18:23,690 --> 01:18:25,550
byly v hackerské vydání p Nastavte 2 je.

1660
01:18:25,550 --> 01:18:29,600
A nakonec, budete realizovat to,
vlastní ETrade-jako webové stránky, které

1661
01:18:29,600 --> 01:18:32,220
realizuje společně CS50 finance.

1662
01:18:32,220 --> 01:18:36,000
>> Konečně, protože jste zůstali tady tak pozdě
Dnes, když se vrátíš k této části

1663
01:18:36,000 --> 01:18:41,120
kampusu v 16:00 Dnes budeme
vám nejen radu, na SCES

1664
01:18:41,120 --> 01:18:44,200
Poradenství veletrhu v 16:00 v
Maxwell-Dworkin, dáme vám některé

1665
01:18:44,200 --> 01:18:47,470
Americone Dream, Cherry Garcia,
Chocolate Fudge Brownie, Chocolate

1666
01:18:47,470 --> 01:18:50,840
Chip Cookie Dough, a když Google
Chunky Monkey, dostanete to.

1667
01:18:50,840 --> 01:18:53,620
Tak tohle všechno na vás čeká v 04:00
PM v Maxwell-Dworkin.

1668
01:18:53,620 --> 01:18:56,736
Uvidíme se ve středu také.

1669
01:18:56,736 --> 01:18:59,960
>> SPEAKER 2: Na dalším
CS50, RJ spí palců

1670
01:18:59,960 --> 01:19:03,656

1671
01:19:03,656 --> 01:19:04,906
>> RJ: Můj sekce!

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