1
00:00:00,000 --> 00:00:00,127

2
00:00:00,127 --> 00:00:01,210
David J. Malan: Dobre.

3
00:00:01,210 --> 00:00:02,160
Sme späť.

4
00:00:02,160 --> 00:00:05,810
Takže, cieľom tohto posledného zasadnutia
je predstaviť niekoľko ďalších konceptov

5
00:00:05,810 --> 00:00:09,290
ale tiež dať každému príležitosť
na druh natiahnuť prsty

6
00:00:09,290 --> 00:00:11,270
a vlastne niečo robiť
trochu hands-on.

7
00:00:11,270 --> 00:00:13,897
Cieľom nie je obrátiť
Všetky nás do webovej vývojárov

8
00:00:13,897 --> 00:00:16,230
akýmkoľvek spôsobom, ale v skutočnosti len
aby vám ochutnať niektorá

9
00:00:16,230 --> 00:00:21,750
zo základných konštrukty toho, čo
ide do programovania pre web a dnes web

10
00:00:21,750 --> 00:00:23,980
vývoj, takže
statická strana things--

11
00:00:23,980 --> 00:00:26,660
žiadna logika, žiadny programovací
jazyk, len statický obsah.

12
00:00:26,660 --> 00:00:29,660
A to nám dá príležitosť
skutočne vidieť, čo je webový server,

13
00:00:29,660 --> 00:00:34,140
Pozrite sa, čo súbor HTML, je vidieť, čo
to je HTTP je v skutočnosti servírujú.

14
00:00:34,140 --> 00:00:38,600
Ale skôr, než sa ponoríme do ľubovoľnej retrospektívu
otázky týkajúce sa cloud computing

15
00:00:38,600 --> 00:00:43,922
alebo bezpečnosti alebo niečo medzi tým?

16
00:00:43,922 --> 00:00:44,890
>> Nie?

17
00:00:44,890 --> 00:00:47,181
Dobre, dobre, poďme
to len v prípade,

18
00:00:47,181 --> 00:00:49,680
Proces prihlásenia na odber
niečo, čo trvá niekoľko minút.

19
00:00:49,680 --> 00:00:51,221
Necháme to urobiť v pozadí.

20
00:00:51,221 --> 00:00:56,860
Len do toho, keby mohol,
na túto adresu URL here-- c9.io.

21
00:00:56,860 --> 00:01:02,810
Jedná sa o tretej strany service--
Platforma ako služba, keď sa will--

22
00:01:02,810 --> 00:01:05,190
že sa ťa pozvať
sa prihlásiť k účtu,

23
00:01:05,190 --> 00:01:08,650
a to bude dať každému z vás
účet v tzv mraku

24
00:01:08,650 --> 00:01:11,330
na infraštruktúre niekoho iného,
spoločnosť s názvom Cloud9.

25
00:01:11,330 --> 00:01:13,350
Ale čo je pekné o
To je, že poskytujú vám

26
00:01:13,350 --> 00:01:15,990
aproximácie
skutočný vývoj v reálnom svete

27
00:01:15,990 --> 00:01:18,530
životné prostredie, aj keď v
mrak a vo webovom prehliadači,

28
00:01:18,530 --> 00:01:21,175
a my budeme používať to vlastne
trochu experimentovať dnes.

29
00:01:21,175 --> 00:01:27,116

30
00:01:27,116 --> 00:01:30,260
A potom ísť dopredu a len navigovať
vaša cesta k procesu registrácie

31
00:01:30,260 --> 00:01:32,630
Ak by si mohol.

32
00:01:32,630 --> 00:01:36,080
Tak sme sa náhodou použiť v triede
Učím pre všetkých našich študentov,

33
00:01:36,080 --> 00:01:39,140
a to ako na akademickej pôde aj mimo teraz, a
to, čo nahradil historicky

34
00:01:39,140 --> 00:01:41,390
inak bol softvér na stiahnutie.

35
00:01:41,390 --> 00:01:44,620
Takže to, čo bolo získanie prístupu k
je jeden z týchto virtuálnych strojov,

36
00:01:44,620 --> 00:01:46,460
v podstate, že som opísal vyššie.

37
00:01:46,460 --> 00:01:50,260
Takže táto spoločnosť Cloud9 zrejme
nájomné z tretej party-- ba

38
00:01:50,260 --> 00:01:52,760
v tomto prípade, Google-- celok
banda virtuálnych strojov

39
00:01:52,760 --> 00:01:56,500
že nejako rozsekať na
ilúzie jednotlivé servery

40
00:01:56,500 --> 00:01:58,610
že každý z nás má plnú kontrolu nad.

41
00:01:58,610 --> 00:02:01,640
Nie je to úplne presné hovoriť
že sú virtuálne stroje,

42
00:02:01,640 --> 00:02:04,550
hoci, pretože to, čo
Cloud9 v skutočnosti používa

43
00:02:04,550 --> 00:02:07,570
je trochu novšie technológie
volal containerization.

44
00:02:07,570 --> 00:02:13,150
A dovoľte mi chytiť tento obrázok
Tu sa maľovať tento obrázok.

45
00:02:13,150 --> 00:02:16,540
>> Kontajner je, ak
Spomínate si obrázok

46
00:02:16,540 --> 00:02:19,900
z minulosti, trochu ľahší
hmotnosť ako virtuálnom stroji.

47
00:02:19,900 --> 00:02:22,090
V skutočnosti, vzhľadom k tomu, posledný
Tentoraz sme hovorili o tú

48
00:02:22,090 --> 00:02:25,170
bytia prevádzkové
Systém a hypervízor

49
00:02:25,170 --> 00:02:28,260
a potom hosťujúceho operačného systému, hosť
operačného systému, hosťujúci operačný

50
00:02:28,260 --> 00:02:30,940
Systém, na vrchole svojej
fyzického hardvéru,

51
00:02:30,940 --> 00:02:33,740
Rozdiel od tejto novšie
Technológia, containerization,

52
00:02:33,740 --> 00:02:37,290
je, že všetci nejakým spôsobom zdieľať
rovnaký operačný systém.

53
00:02:37,290 --> 00:02:39,970
Ale stále vytvárať
ilúzie každého

54
00:02:39,970 --> 00:02:44,590
s jeho alebo jej vlastné exkluzívne
práva pre správu a súbory

55
00:02:44,590 --> 00:02:45,400
na serveri.

56
00:02:45,400 --> 00:02:48,230
Ale je tu menej softvérom
medzi vami a hardvéru.

57
00:02:48,230 --> 00:02:52,260
Ktorej výsledkom je, v
Teória, vyšší výkon,

58
00:02:52,260 --> 00:02:55,470
pretože používate alebo
plytvanie menej zdrojov

59
00:02:55,470 --> 00:02:57,360
Na tomto tzv virtualizačné vrstvou.

60
00:02:57,360 --> 00:02:59,420
Tak tomu sa hovorí
containerization od prírody

61
00:02:59,420 --> 00:03:02,920
prostredníctvom technológie zvanej Docker,
ktorá je do značnej miery prichádza do jeho vlastnej.

62
00:03:02,920 --> 00:03:05,086
A to je niečo,
Technici vo vašej firme

63
00:03:05,086 --> 00:03:08,610
Možno trochu druh začne hovoriť
asi skoro, ak tak už neurobili,

64
00:03:08,610 --> 00:03:11,590
aj keď tam to určite nie
Dôvodom skočiť na akýchkoľvek bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Takže s tým povedal, čo
budete pravdepodobne vidieť teraz

66
00:03:15,410 --> 00:03:22,670
je obrazovka, ktorá vyzerá trochu ako je tento.

67
00:03:22,670 --> 00:03:23,170
OK.

68
00:03:23,170 --> 00:03:25,260
A stačí zavolať mi, ako v opačnom prípade.

69
00:03:25,260 --> 00:03:27,440
A ak tak-- Pôjdem cez ak nie.

70
00:03:27,440 --> 00:03:30,244
Choďte do toho a kliknite na tak veľký
navyše k vytvoreniu pracovného priestoru,

71
00:03:30,244 --> 00:03:31,660
a uvidíte obrazovku podobnú nasledujúcej.

72
00:03:31,660 --> 00:03:35,020
Môžete zavolať na pracovnú plochu
pomenovať, čo chcete pre túto chvíľu.

73
00:03:35,020 --> 00:03:38,660
A v skutočnosti len pre jednoduchosť,
go a- dobre, niektorí z vás

74
00:03:38,660 --> 00:03:39,660
už majú pracovné priestory.

75
00:03:39,660 --> 00:03:47,050
Nazvime to čokoľvek want-- podnikania,
Harvard, štvrtok, čokoľvek chcete.

76
00:03:47,050 --> 00:03:48,800
Nepotrebujete popis.

77
00:03:48,800 --> 00:03:52,380
Môžete ju nechať v súkromí, ak ste
už majú veľa pracovných priestoroch.

78
00:03:52,380 --> 00:03:55,280
Ak ste nútení, aby to verejná,
je to v poriadku pre dnešné účely.

79
00:03:55,280 --> 00:03:56,750
Aj tu je jeden z Upsells.

80
00:03:56,750 --> 00:03:59,939
Máte jednu súkromnú pracovnom mieste
default. Ale ak chcete viac,

81
00:03:59,939 --> 00:04:00,980
budete musieť platiť viac.

82
00:04:00,980 --> 00:04:02,870
V opačnom prípade vás nútiť
aby svoju prácu verejnosti.

83
00:04:02,870 --> 00:04:05,600
Ale to je v poriadku, pretože aj oni
zamerať tento na open-source komunít

84
00:04:05,600 --> 00:04:07,700
aby sa ľudia
skutočne spolupracovať.

85
00:04:07,700 --> 00:04:10,699
>> A posledná vec, ktorá je dôležitá,
keď je po zvolíte názov

86
00:04:10,699 --> 00:04:17,140
a potom, čo si vyberiete súkromné ​​alebo verejné,
kliknutím HTML5 veľký oranžový ikonu

87
00:04:17,140 --> 00:04:22,430
druhý zľava, a
kliknite na tlačidlo Vytvoriť pracovný priestor.

88
00:04:22,430 --> 00:04:24,580
A to bude pravdepodobne
trvať minútu alebo tak,

89
00:04:24,580 --> 00:04:26,540
ale budete potom mať
životné prostredie, akonáhle vás

90
00:04:26,540 --> 00:04:30,544
robiť to, čo vyzerá pripomínajúce
čo mám na obrazovke tady.

91
00:04:30,544 --> 00:04:33,210
Ale opäť, to môže trvať minútu
alebo viac, aby si na túto obrazovku

92
00:04:33,210 --> 00:04:34,770
akonáhle ste klikli Vytvoriť pracovný priestor.

93
00:04:34,770 --> 00:04:37,936
Ale práve označili ma cez či ma chceli
aby sa pozrieť na niečo alebo odporúčať.

94
00:04:37,936 --> 00:04:40,191

95
00:04:40,191 --> 00:04:40,690
Dobre.

96
00:04:40,690 --> 00:04:42,390
Takže budem pozadie to pre túto chvíľu.

97
00:04:42,390 --> 00:04:44,260
Zavolaj mi cez keď sa zdá, že
máte nejaké technické problémy.

98
00:04:44,260 --> 00:04:46,210
Ale opäť, to by mohlo trvať
Trochu za to otvoriť.

99
00:04:46,210 --> 00:04:49,570
A poďme do toho a hovoriť o tom,
to vlastne znamená, aby webové stránky,

100
00:04:49,570 --> 00:04:52,780
čo je HTML, a ako sa to všetko
Prepája ako my začíname

101
00:04:52,780 --> 00:04:54,730
aby skutočne používať niektoré technológie.

102
00:04:54,730 --> 00:04:58,310
Tak to dopadá, že môžem
ísť na môj malý Mac tu,

103
00:04:58,310 --> 00:05:01,650
otvoriť jednoduchý program nazvaný
TextEdit, alebo na Windows som mohol

104
00:05:01,650 --> 00:05:04,480
open niečo, čo nazýva notepad.exe.

105
00:05:04,480 --> 00:05:08,260
A mohol by som jednoducho niečo urobiť
ako tohle-- "Hello, World".

106
00:05:08,260 --> 00:05:12,020
A potom by som mohol uložiť ako
hello.txt Takže tam žiadna mágia.

107
00:05:12,020 --> 00:05:15,200
To nemá nič spoločné s web
programovanie, nič čo do činenia s HTML.

108
00:05:15,200 --> 00:05:16,790
Len vytvorenie jednoduchého textového súboru.

109
00:05:16,790 --> 00:05:20,600
Ale ukazuje sa, že web
Stránka je doslova len to.

110
00:05:20,600 --> 00:05:24,020
Je to jednoduchý textový súbor obsahujúci textový
ktoré môžete písať na klávesnici,

111
00:05:24,020 --> 00:05:30,070
ale zvyčajne, ale nie vždy
skončí nie .txt, ale .html alebo .htm.

112
00:05:30,070 --> 00:05:32,050
A vy nie len
zadávať slová v súbore.

113
00:05:32,050 --> 00:05:35,280
Ste skutočne používať veci zvanej
tagy alebo všeobecnejšie, niečo

114
00:05:35,280 --> 00:05:37,190
zvanej značkovací jazyk.

115
00:05:37,190 --> 00:05:40,510
>> Takže budem veľmi rýchlo písať
a potom vysvetliť nasledujúce.

116
00:05:40,510 --> 00:05:42,290
idem prvý
zadajte tento, ktorý hovorí,

117
00:05:42,290 --> 00:05:45,730
hej, prehliadač, prichádza
webová stránka napísaná v HTML.

118
00:05:45,730 --> 00:05:51,850
A tieto dve veci dohromady povedať, hej,
prehliadač, nasledujúci je naozaj HTML.

119
00:05:51,850 --> 00:05:55,790
Hej, prehliadača, prichádza
Hlava alebo hornej mojej stránky.

120
00:05:55,790 --> 00:05:59,900
Hej, prehliadača, vo vnútri hornej časti
moja strana, dať názov, ktorý znie: "Dobrý deň,

121
00:05:59,900 --> 00:06:01,610
svet. "

122
00:06:01,610 --> 00:06:08,370
Hej, prehliadač, potom, čo hlava my
strana, prichádza telo mojej stránke.

123
00:06:08,370 --> 00:06:12,170
A, hej, prehliadač, moje telo
stránka by mala tiež povedať, "hello world".

124
00:06:12,170 --> 00:06:15,500
Takže aké sú tu význačným podrobnosti?

125
00:06:15,500 --> 00:06:17,960
To je to, čo je všeobecne
volal vyhlásenie o doc typu,

126
00:06:17,960 --> 00:06:20,190
a úprimne povedané, je to trochu
ťažké zapamätať si to na prvom mieste.

127
00:06:20,190 --> 00:06:21,481
Môžete tak nejako kopírovať-vložiť ho.

128
00:06:21,481 --> 00:06:23,760
To je formálny spôsob
hovoriť, hej, prehliadač,

129
00:06:23,760 --> 00:06:28,030
Ja používam HTML verzie 5, ktoré
vyšiel v poslednej dobe trochu.

130
00:06:28,030 --> 00:06:31,380
Je to čarovné zaklínadlo, že niektoré
ľudia s nedostatočným zmyslom návrhu

131
00:06:31,380 --> 00:06:33,640
sa rozhodol dať u
Veľmi hornej časti súboru.

132
00:06:33,640 --> 00:06:35,473
Aj napriek tomu, že je to
trochu tajomné, to je všetko

133
00:06:35,473 --> 00:06:38,250
to means-- hej, prehliadač, tu
dodávaný s verziou 5 HTML.

134
00:06:38,250 --> 00:06:41,741
>> Zvyšok to bolo u nás
už nejakú dobu, historicky,

135
00:06:41,741 --> 00:06:44,740
ale bolo to vyvíja, a to
Pravdepodobne došlo k Začínam byť trochu jednoduchšie.

136
00:06:44,740 --> 00:06:47,320
Všimnite si niekoľko charakteristík
z toho, čo som sa zvýrazní.

137
00:06:47,320 --> 00:06:49,890
Je tam tieto veci s hranatý
brackets-- ľavú hranatú zátvorku

138
00:06:49,890 --> 00:06:51,040
a pravá zátvorka.

139
00:06:51,040 --> 00:06:52,490
A všimnite si symetriu tu.

140
00:06:52,490 --> 00:06:57,340
A symetria, myslím, rovnako ako ja
majú túto počiatočnú tag tu alebo otvorenú značku

141
00:06:57,340 --> 00:07:01,560
ak chcete, tu dole mám
V blízkosti tag alebo koncová značka, ktorá je

142
00:07:01,560 --> 00:07:06,460
odlišné iba vtedy, ak má tento
lomítko na začiatku slova

143
00:07:06,460 --> 00:07:07,360
HTML.

144
00:07:07,360 --> 00:07:09,360
A môžete myslieť
to keď som bol nedbalo

145
00:07:09,360 --> 00:07:12,280
navrhuje predtým, hej,
prehliadača, prichádza nejaký HTML.

146
00:07:12,280 --> 00:07:16,060
A naopak, hej, prehliadač, ktorý je
že pre začiatok a koniec HTML--.

147
00:07:16,060 --> 00:07:18,440
>> Medzitým hej, prehliadač, tu
prichádza hlavu mojej stránky.

148
00:07:18,440 --> 00:07:20,140
Hej, prehliadač, to je pre hlavu.

149
00:07:20,140 --> 00:07:22,240
Hej, prehliadač, tu je
Telo moje stránky.

150
00:07:22,240 --> 00:07:24,020
Hej, browser, že je to pre telo.

151
00:07:24,020 --> 00:07:26,940
A vnútornej časti, ktorá je nejaký
ľubovoľný text pre teraz.

152
00:07:26,940 --> 00:07:30,520
A vo vnútri hlavy, zatiaľ,
Je nejaký svojvoľný, ale označil,

153
00:07:30,520 --> 00:07:34,410
tak povediac, text, ktorý hovorí, titul
mojej strane bude "Hello, World".

154
00:07:34,410 --> 00:07:37,470
Teraz, pre túto chvíľu, môžete
Predpokladajme, že prehliadačov

155
00:07:37,470 --> 00:07:41,762
majú only-- alebo skôr, webové stránky majú
Iba dva parts-- hlavu a telo.

156
00:07:41,762 --> 00:07:44,220
A hlava je zvyčajne len
ako ponukovej lište sa veci

157
00:07:44,220 --> 00:07:45,510
naozaj len na samom vrchole.

158
00:07:45,510 --> 00:07:48,910
A telo je črevách stránky,
Všetko v tom veľkom obdĺžniku

159
00:07:48,910 --> 00:07:50,239
ktorý vyplní celú obrazovku.

160
00:07:50,239 --> 00:07:51,780
Takže ja idem dopredu a to urobiť.

161
00:07:51,780 --> 00:07:54,400
Budem pokračovať a
kliknite na tlačidlo Uložiť, Uložiť súbor.

162
00:07:54,400 --> 00:07:58,580
A budem šetriť
to ako hello.html,

163
00:07:58,580 --> 00:08:00,870
a ja som jednoducho ísť
dať to na mojom desktope.

164
00:08:00,870 --> 00:08:03,520
A ja idem
neváhajte a kliknite na tlačidlo Uložiť.

165
00:08:03,520 --> 00:08:05,806
A notice-- môj Mac na
je aspoň na mňa jačať.

166
00:08:05,806 --> 00:08:07,180
Ste si istí, že to chceš urobiť?

167
00:08:07,180 --> 00:08:08,710
A ja chcel povedať, áno, používať HTML.

168
00:08:08,710 --> 00:08:10,400
Poznám lepšie v tomto prípade.

169
00:08:10,400 --> 00:08:14,686
A teraz budem ísť do môjho počítača
kde som tento súbor mať naraz.

170
00:08:14,686 --> 00:08:16,060
A budem dvakrát kliknite na neho.

171
00:08:16,060 --> 00:08:18,268
A všimnite si, že tým, že
default, Chrome otvoril.

172
00:08:18,268 --> 00:08:19,996
To preto, že to je
ako predvolený prehliadač.

173
00:08:19,996 --> 00:08:21,370
A to len hovorí: "Hello, World".

174
00:08:21,370 --> 00:08:23,078
Ale hovorí, že "Dobrý deň,
svet "na dvoch miestach.

175
00:08:23,078 --> 00:08:23,979
Všimnite si vľavo hore.

176
00:08:23,979 --> 00:08:25,020
Dosť ťažké prehliadnuť.

177
00:08:25,020 --> 00:08:26,180
Je to veľká a tučným písmom.

178
00:08:26,180 --> 00:08:30,690
A kde inde sa nezdá
hovoriť, "ahoj, svet"?

179
00:08:30,690 --> 00:08:31,470
>> Divákov: Karta.

180
00:08:31,470 --> 00:08:33,100
>> David J. Malan: Jo, karta sama o sebe.

181
00:08:33,100 --> 00:08:35,159
Takže keď som povedal šéf
Stránka je všetko až top--

182
00:08:35,159 --> 00:08:36,367
a v skutočnosti sa jedná o titul.

183
00:08:36,367 --> 00:08:37,710
Je to len v záložke tu.

184
00:08:37,710 --> 00:08:40,320
A môžem vytiahnuť túto kartu
von tak, aby sa pliesť.

185
00:08:40,320 --> 00:08:43,360
To je teraz len jednej karte,
a naozaj vidíme "Hello, World"

186
00:08:43,360 --> 00:08:45,970
tu hore a "ahoj, svet" tu dole.

187
00:08:45,970 --> 00:08:47,160
Takže celkom jednoduché.

188
00:08:47,160 --> 00:08:49,050
Ale je to tiež celkom jednoduché.

189
00:08:49,050 --> 00:08:50,440
A vlastne som priblíženia.

190
00:08:50,440 --> 00:08:53,272
Môžem zmeniť veľkosť písma práve
zväčšiť pre prístupnosť.

191
00:08:53,272 --> 00:08:56,830
Ale poďme teraz niečo urobiť
trochu zaujímavejšie.

192
00:08:56,830 --> 00:08:59,760
>> Idem do go-- Och, dovoľte
mi dostať späť do svojho textového súboru.

193
00:08:59,760 --> 00:09:02,400
Vraciam sa k môjmu
textový súbor, a idem

194
00:09:02,400 --> 00:09:06,320
túto situáciu zmeniť a hovoria,
"Dobrý deň, Disney World."

195
00:09:06,320 --> 00:09:07,970
Ušetriť.

196
00:09:07,970 --> 00:09:10,919
A vrátiť sa do môjho
prehliadač a kliknite na tlačidlo Načítať znova.

197
00:09:10,919 --> 00:09:12,710
A teraz, samozrejme, to
hovorí: "Disney World."

198
00:09:12,710 --> 00:09:15,500
A ja idem k umelému zväčšeniu
V práve preto je lepšie vidieť.

199
00:09:15,500 --> 00:09:19,012
Takže teraz, bohužiaľ, som tak trochu chcieť
to-- v skutočnosti, to je funkcia Mac.

200
00:09:19,012 --> 00:09:21,720
Chcem kliknúť na Disney World
a ísť niekam, ako disney.com,

201
00:09:21,720 --> 00:09:23,290
ale to nefunguje.

202
00:09:23,290 --> 00:09:26,850
Takže základným princípom webe je
hypertextové odkazy, odkazy, ktoré idú inam.

203
00:09:26,850 --> 00:09:28,390
Tak ako to mám urobiť?

204
00:09:28,390 --> 00:09:34,690
No, mohol by som len povedať,
"Dobrý deň, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Uložiť toto.

206
00:09:36,110 --> 00:09:37,620
Reload.

207
00:09:37,620 --> 00:09:39,400
Ale to tiež nie je kliknúť.

208
00:09:39,400 --> 00:09:42,930
A čo je príjemné tu, hoci
to nie je funkčná ešte,

209
00:09:42,930 --> 00:09:45,930
je, že sa zdá, že
Prehliadač robí doslova len

210
00:09:45,930 --> 00:09:46,950
čo poviem to robiť.

211
00:09:46,950 --> 00:09:50,110
Tak práve píšem, či URL takto,
je to len bude, aby mi ukázal URL.

212
00:09:50,110 --> 00:09:54,270
Musím použiť značky alebo značky
Jazyk, ktorý vlastne povedať

213
00:09:54,270 --> 00:09:55,621
prehliadač robiť ešte viac.

214
00:09:55,621 --> 00:09:57,870
Takže ja idem dopredu a
zmazať túto chvíľu.

215
00:09:57,870 --> 00:10:00,980
A ja chcel povedať, hej,
Prehliadač jazyku kotvu tu,

216
00:10:00,980 --> 00:10:02,650
odkaz tak povediac.

217
00:10:02,650 --> 00:10:07,500
A hyper-referencie, cieľ
uvedenej kotvy, by malo byť toto URL.

218
00:10:07,500 --> 00:10:08,750
A všimnite si moje citácie.

219
00:10:08,750 --> 00:10:11,590
Mohol by som použiť apostrofy taky,
ale musíte byť konzistentné,

220
00:10:11,590 --> 00:10:14,270
a ja by som zvyčajne stačí použiť
úvodzovky, aby to jednoduché.

221
00:10:14,270 --> 00:10:16,820
Všimnite si, Chystám sa zavrieť tag.

222
00:10:16,820 --> 00:10:21,160
A potom tu idem
hovoriť, "Disney World."

223
00:10:21,160 --> 00:10:26,890
A teraz potrebujem nejaký symmetry--
otvorený držiak, / a, uzavretý držiak.

224
00:10:26,890 --> 00:10:28,090
>> Tak čo som predstavil?

225
00:10:28,090 --> 00:10:30,100
Mali sme niekoľko značiek už.

226
00:10:30,100 --> 00:10:32,410
HTML, Hlava, Hlava, telo,
sú všetky tagy, tak povediac,

227
00:10:32,410 --> 00:10:34,280
s otvorenými aj uzatvorenými náprotivky.

228
00:10:34,280 --> 00:10:36,530
Ale oznámenia, je to druh
z zásadne odlišná.

229
00:10:36,530 --> 00:10:39,140
To je to, čo budeme nazývať
v HTML atribútu.

230
00:10:39,140 --> 00:10:41,451
A je atribút
len pár kľúč-hodnota.

231
00:10:41,451 --> 00:10:43,950
To je bežná vec
počítače science-- pár kľúč-hodnota.

232
00:10:43,950 --> 00:10:45,770
Je to niečo ako nástroj obchodu.

233
00:10:45,770 --> 00:10:47,040
Kľúčovou a hodnotu.

234
00:10:47,040 --> 00:10:49,390
Slovo a ešte niečo navyše
iné slovo alebo slová.

235
00:10:49,390 --> 00:10:53,790
A v tomto prípade je kľúč href,
a hodnota je, že úplná URL.

236
00:10:53,790 --> 00:10:57,890
A čo je atribút robí, je to
ovplyvňuje správanie tagu.

237
00:10:57,890 --> 00:11:01,010
A v tomto prípade musíme ovplyvňovať
správanie značky ukotvenie,

238
00:11:01,010 --> 00:11:04,140
pretože musíme zakotviť
odkaz niekam.

239
00:11:04,140 --> 00:11:06,960
A ako to urobiť, je
prostredníctvom atribútu.

240
00:11:06,960 --> 00:11:08,970
>> Takže budem pokračovať
a uložte súbor teraz.

241
00:11:08,970 --> 00:11:11,300
Vráť sa do svojho prehliadača a znova načítať.

242
00:11:11,300 --> 00:11:14,580
A voila, máme na mape
Počiatky legitímne webové stránky.

243
00:11:14,580 --> 00:11:18,420
Super-jednoduchý, ale keď som sa vznášať sa nad
tohle-- oznámenia v ľavom dolnom rohu,

244
00:11:18,420 --> 00:11:19,830
je super-small.

245
00:11:19,830 --> 00:11:21,730
Ale vy vidieť www.disney.com.

246
00:11:21,730 --> 00:11:27,076
A keď som na neho, naozaj to
whisks ma preč disney.com.

247
00:11:27,076 --> 00:11:29,380
Teraz je zvláštna vec
Tu je to, že nie je

248
00:11:29,380 --> 00:11:33,940
best-- najviac predajné URL, ale
je to v poriadku, pretože tento súbor nie je

249
00:11:33,940 --> 00:11:35,360
existujú na World Wide Web.

250
00:11:35,360 --> 00:11:39,740
Existuje ako lokálny súbor vo zjavne
moji užívatelia directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
Pre John Harvard-- / desktop.

252
00:11:41,890 --> 00:11:42,634
Ale má URL.

253
00:11:42,634 --> 00:11:43,800
Proste sa to stane, že je miestny.

254
00:11:43,800 --> 00:11:47,050
Bohužiaľ, nikto z vás môžu navštíviť
to, pretože ak zadáte túto adresu URL

255
00:11:47,050 --> 00:11:49,980
by ste hovoriť prehliadača,
Vyhľadajte súbor s názvom hello.html

256
00:11:49,980 --> 00:11:50,772
na pevnom disku.

257
00:11:50,772 --> 00:11:53,271
A samozrejme, ak ste
Sledoval spolu ručne,

258
00:11:53,271 --> 00:11:54,530
to nebude existovať tam.

259
00:11:54,530 --> 00:11:55,190
>> Takže je to v poriadku.

260
00:11:55,190 --> 00:11:57,815
Stále potrebujeme cestu, nakoniec,
stiahni súbor do webu,

261
00:11:57,815 --> 00:12:01,180
ale poďme šprýmař oddelene pár
bezpečnostné dôsledky, čo sme práve

262
00:12:01,180 --> 00:12:04,850
videl a zviazať ho späť na skorší
Diskusia z dnešného rána.

263
00:12:04,850 --> 00:12:08,200
Ukazuje sa, že ak
Prehliadač doslova robí

264
00:12:08,200 --> 00:12:12,560
čo poviem to urobiť, a zdá sa,
aby sa stať, že kotva tag

265
00:12:12,560 --> 00:12:17,380
ovplyvnená hodnotou
Tento atribút volal href

266
00:12:17,380 --> 00:12:20,810
ale zobrazí sa toto
text, toto sa zdá

267
00:12:20,810 --> 00:12:26,520
naznačiť, že by som mohol dať URL
V oboch miestach a potom znova načítať

268
00:12:26,520 --> 00:12:29,100
a teraz vidieť URL a prejsť na adresu URL.

269
00:12:29,100 --> 00:12:32,680
Všimnite si, keď som vznášať sa nad dolnom rohu,
Ja naozaj ísť ešte disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Takže ak ste niekedy boli
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
s jedným z týchto falošných e-mailov
od ako PayPal vašej banky,

272
00:12:42,820 --> 00:12:46,470
pravdepodobne ste dostali odkazy vnútri
e-mailu, ktorý čítate, že

273
00:12:46,470 --> 00:12:49,970
vám povie, kliknite sem ísť potvrdiť
heslo alebo potvrdenie svojej dátum narodenia

274
00:12:49,970 --> 00:12:53,840
alebo sociálne alebo niečo spoločensky
inžinierstva vám oznámiť

275
00:12:53,840 --> 00:12:54,920
informácie.

276
00:12:54,920 --> 00:12:57,625
No, mohol som tak trochu zobrať
Výhodou tohto postupu, nemohol som?

277
00:12:57,625 --> 00:13:01,240
Mohol by som povedať niečo
podobne, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
A miesto disney.com, I
mohli ísť, rovnako ako, badguy.com.

279
00:13:11,340 --> 00:13:12,850
Reload.

280
00:13:12,850 --> 00:13:16,620
A ako ľahké je napáliť,
najmä netechnické čítačka

281
00:13:16,620 --> 00:13:20,649
alebo zbežne čítanie
Čitateľ než kliknúť

282
00:13:20,649 --> 00:13:23,940
odkaz takto, ktorá, ak kliknem to--
Ja vlastne nechcem ísť badguy.com.

283
00:13:23,940 --> 00:13:25,398
Neviem, čo je vlastne tam.

284
00:13:25,398 --> 00:13:30,080
Takže paypal.com, vývesné, je
čo hovorí, že to bude,

285
00:13:30,080 --> 00:13:33,210
ale samozrejme, ak sa pozriem dolu
super-nízko, je to trochu rozmazaný,

286
00:13:33,210 --> 00:13:34,230
ale hovorí, že badguy.com.

287
00:13:34,230 --> 00:13:38,644
To je jediná povedať práve teraz
že idem na zlom mieste.

288
00:13:38,644 --> 00:13:41,560
A keď som povedal predtým, že banky
Naozaj by nemalo podporovať alebo vlakom

289
00:13:41,560 --> 00:13:44,510
Užívatelia ku kliknutie odkazy, toto
je len jedným z prejavov toho.

290
00:13:44,510 --> 00:13:45,430
A je to tak jednoduché.

291
00:13:45,430 --> 00:13:48,120
Teraz ste protivníkom, ak
robíte niečo také

292
00:13:48,120 --> 00:13:51,000
a pokúsiť sa prinútiť používateľov
k návšteve svojich webových stránkach.

293
00:13:51,000 --> 00:13:53,320
Ale teraz, budeme
veci pekné a čisté.

294
00:13:53,320 --> 00:13:55,640
budeme pokračovať
a pretočiť týchto zmien.

295
00:13:55,640 --> 00:13:56,530
Znova načítať stránku.

296
00:13:56,530 --> 00:13:57,740
A ja sa vrátiť do disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Uvidíme, či nemôžeme dráždiť
Tento seba trochu viac.

298
00:14:00,660 --> 00:14:04,160
Takže "Dobrý deň, Disney World."

299
00:14:04,160 --> 00:14:05,950
Chystám sa povedať, tu dole.

300
00:14:05,950 --> 00:14:08,220
Možno, že budem robiť nejaký priestor.

301
00:14:08,220 --> 00:14:12,730
"Dúfame, že si svoj pobyt!"

302
00:14:12,730 --> 00:14:13,830
Ušetriť.

303
00:14:13,830 --> 00:14:15,850
Reload.

304
00:14:15,850 --> 00:14:19,010
Nie je to rea-- to nie je
čo som zamýšľal, že jo?

305
00:14:19,010 --> 00:14:21,870
Mám na mysli, keď som ošetrovať texte
súbor ako textový procesor,

306
00:14:21,870 --> 00:14:24,894
Čo ste dúfať, že by sa stalo tu?

307
00:14:24,894 --> 00:14:27,060
Jo, mám pocit, že tam
by mal byť koniec riadku tu,

308
00:14:27,060 --> 00:14:28,799
tak to je kočík nejakým spôsobom.

309
00:14:28,799 --> 00:14:31,090
Ale to je v skutočnosti úmyselné,
pretože rovnako ako predtým,

310
00:14:31,090 --> 00:14:33,381
prehliadač je až vo chvíli,
to, čo ste to povedať robiť.

311
00:14:33,381 --> 00:14:34,806
Som to povedal, aby rozbiť linky.

312
00:14:34,806 --> 00:14:37,930
Ja som to povedal, aby pohybovať dole, a to aj
aj keď intuitívne, mám pocit, že som to urobil.

313
00:14:37,930 --> 00:14:39,805
Tak to dopadá potrebujeme
trochu viac značkovacie,

314
00:14:39,805 --> 00:14:41,390
a budem opraviť to nasledujúcim spôsobom.

315
00:14:41,390 --> 00:14:46,160
Idem do tejto predslove prvého ahoj
s tým, čo sa nazýva bod tag.

316
00:14:46,160 --> 00:14:48,920
A potom budem pokračovať
a zabaliť túto druhú vetu

317
00:14:48,920 --> 00:14:54,370
v inom tagu odseku, aj keď
sú super-krátkych odsekov.

318
00:14:54,370 --> 00:14:55,930
Teraz budem šetriť.

319
00:14:55,930 --> 00:14:57,160
Reload.

320
00:14:57,160 --> 00:14:59,070
A teraz máme, že
priestor, a my sme tak nejako

321
00:14:59,070 --> 00:15:01,680
majú sémantiku
dve oddelené body.

322
00:15:01,680 --> 00:15:05,290
>> To je všetko v poriadku a dobré, ale to by
bolo pekné pridať obrázok na túto stránku,

323
00:15:05,290 --> 00:15:08,710
takže budem ísť hľadať
Mickey Mouse na Google Images.

324
00:15:08,710 --> 00:15:12,830
A len tak pre zábavu, som
chystá chytiť tento obrázok.

325
00:15:12,830 --> 00:15:15,350
Chystám sa ísť dopredu a hneď
chytiť URL tohto obrázku,

326
00:15:15,350 --> 00:15:16,510
aj keď tam je niečo iné
spôsobov, ako to urobiť.

327
00:15:16,510 --> 00:15:18,520
Pre túto chvíľu, ja som jednoducho ísť na kopírovanie URL.

328
00:15:18,520 --> 00:15:24,770
Chystám sa ísť späť do môjho textu
súbor, a budem tu povedať,

329
00:15:24,770 --> 00:15:31,160
img src = cenovú ponuku koniec citátu
že URL, super-long.

330
00:15:31,160 --> 00:15:34,580
A potom predstavou
obraz je trochu iný.

331
00:15:34,580 --> 00:15:38,640
To fakt nie je predstava štartovanie
obraz a končiac obraz,

332
00:15:38,640 --> 00:15:40,630
ako počiatočný značka koncový tag.

333
00:15:40,630 --> 00:15:43,840
Tak to je trochu divné
me sémanticky, ako to urobiť,

334
00:15:43,840 --> 00:15:45,390
mať detailné značku obrázku.

335
00:15:45,390 --> 00:15:46,780
To nie je správne.

336
00:15:46,780 --> 00:15:48,840
Je to úplne správne,
a to je podporované

337
00:15:48,840 --> 00:15:50,870
ale je tu skrátený zápis.

338
00:15:50,870 --> 00:15:53,780
Môžem druh súbežne
otvárať a zatvárať rovnakú značku,

339
00:15:53,780 --> 00:15:55,510
a že urobí prehliadač spokojní.

340
00:15:55,510 --> 00:15:56,950
Takže je to len trochu
stručnejšia pre veci

341
00:15:56,950 --> 00:15:59,408
že koncepčne naozaj nie
zmysel začínať a končiť.

342
00:15:59,408 --> 00:16:01,190
Jednoducho tu sú, alebo nie sú.

343
00:16:01,190 --> 00:16:06,020
>> Takže idem zachrániť to a vrátiť sa
môjho "Hello, world", str a obnovte.

344
00:16:06,020 --> 00:16:09,880
A je to trochu mimo kontrolu,
pretože ten obraz je vlastne

345
00:16:09,880 --> 00:16:12,210
trochu veľký, ale to je v poriadku.

346
00:16:12,210 --> 00:16:13,710
Mohol som to zmeniť veľkosť v programe.

347
00:16:13,710 --> 00:16:14,900
Alebo viete čo.

348
00:16:14,900 --> 00:16:17,350
Len demonštrovať, že som
bude vlastne povedať

349
00:16:17,350 --> 00:16:21,760
že šírka tejto veci by mal
len 200 pixelov, 200 bodky.

350
00:16:21,760 --> 00:16:24,360
Nechaj ma ísť dopredu a uložiť
a znova, a teraz stránky

351
00:16:24,360 --> 00:16:25,690
vyzerá trochu rozumnejšie.

352
00:16:25,690 --> 00:16:27,260
Ale všimnite si vzor.

353
00:16:27,260 --> 00:16:30,030
No, ja som trochu naučil vy všetci
HTML v nejakom zmysle, prinajmenšom

354
00:16:30,030 --> 00:16:33,531
koncepčne, pretože všetky HTML je
Tieto tags-- otvorené tagy, uzavretý tagy,

355
00:16:33,531 --> 00:16:35,280
a atribúty, ktoré
modifikovať ich správanie.

356
00:16:35,280 --> 00:16:38,380
A zdá sa, že každý
tag môže mať nula alebo jedna

357
00:16:38,380 --> 00:16:43,005
alebo dve alebo viac atribútov, každý z
ktorý robí niečo trochu iné.

358
00:16:43,005 --> 00:16:44,380
Teraz, ako viete, čo existuje?

359
00:16:44,380 --> 00:16:46,800
Stačí počúvať niekoho
rovnako ako ti poviem, čo existuje,

360
00:16:46,800 --> 00:16:50,860
alebo si len venovanej asi za tutorial
na HTML, a je to naozaj to jednoduché.

361
00:16:50,860 --> 00:16:54,030
>> Naozaj, keď som bol undergrad
Pred rokmi sa naučil HTML,

362
00:16:54,030 --> 00:16:56,530
jeden z mojich matematiky výučby
asistenti práve strávila

363
00:16:56,530 --> 00:16:59,600
trochu času mi doučovanie
Pre ako pol hodiny, hodinu,

364
00:16:59,600 --> 00:17:00,660
a potom som bol na ceste.

365
00:17:00,660 --> 00:17:03,300
Bol som na ceste k vytváraniu
najohavnejším webové stránky vôbec,

366
00:17:03,300 --> 00:17:05,549
ktorý, zdá sa, nemám
Naozaj postupoval ďalej.

367
00:17:05,549 --> 00:17:09,849
Ale ide o to, že akonáhle vás
porozumieť týchto jednoduchých ideas--

368
00:17:09,849 --> 00:17:13,450
ak tajomné text-- ale tieto jednoduché
predstavy o spustenie myšlienku

369
00:17:13,450 --> 00:17:15,960
a zatváranie myšlienku, udržiavanie
všetko pekne vyvážené,

370
00:17:15,960 --> 00:17:19,150
hľadá niečo hore, modifikovanie
Správanie tejto značke, to je naozaj všetko

371
00:17:19,150 --> 00:17:20,079
tam je k tomu.

372
00:17:20,079 --> 00:17:28,140
A v skutočnosti, ak by sme teraz ísť
niečo ako google.com-- v skutočnosti,

373
00:17:28,140 --> 00:17:31,920
poďme si miesto trochu viac
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
A ja idem k zobrazenie,
Developer, Zobraziť zdrojový kód.

375
00:17:37,800 --> 00:17:41,400
Je to škaredé, ale notice--
a budem priblížiť oznámenia

376
00:17:41,400 --> 00:17:43,432
niektoré veci, ktoré je už oboznámený.

377
00:17:43,432 --> 00:17:45,140
Tam je to tu,
čo je prehliadač.

378
00:17:45,140 --> 00:17:46,800
Prichádza HTML5.

379
00:17:46,800 --> 00:17:47,634
Tam je HTML.

380
00:17:47,634 --> 00:17:49,550
Zdá sa, že je tu
atribút, ktorý som nemal

381
00:17:49,550 --> 00:17:51,540
použitie, ktoré určuje
jazyk stránky

382
00:17:51,540 --> 00:17:54,380
a to môže pomôcť s automatickým
Preklad a tak podobne.

383
00:17:54,380 --> 00:17:55,546
Tu je hlava stránky.

384
00:17:55,546 --> 00:17:57,790
Tu je titulná strana Stanforde of.

385
00:17:57,790 --> 00:17:59,832
Tam je značka ja nie
hovoriť o yet-- Meta tag.

386
00:17:59,832 --> 00:18:01,540
Je to len akýsi
Informácie o pozadí.

387
00:18:01,540 --> 00:18:04,210
Pomáha s SEO, alebo
optimalizácia pre vyhľadávače-motor,

388
00:18:04,210 --> 00:18:06,320
alebo výsledky vyhľadávania Google, alebo podobne.

389
00:18:06,320 --> 00:18:09,029
Ale ak budeme hľadať ďalej, udržať
hľadáte, tu je telo tag.

390
00:18:09,029 --> 00:18:11,570
A je tu ďalší zväzky
Značky sme nehovorili o doteraz.

391
00:18:11,570 --> 00:18:13,750
Ale Div je jedno pre
rozdelenie stránky.

392
00:18:13,750 --> 00:18:16,680
Je to ako neviditeľné obdĺžnik
ak ste trochu chcieť mentálne

393
00:18:16,680 --> 00:18:20,160
rozdeliť stránku do
rôzne jednotky online.

394
00:18:20,160 --> 00:18:22,650
A potom veľa divs I
vidieť, niečo ako trieda,

395
00:18:22,650 --> 00:18:24,440
ale vrátime sa k tomu.

396
00:18:24,440 --> 00:18:26,200
>> To je interesting-- formulárov.

397
00:18:26,200 --> 00:18:27,730
Formuláre sú po celom webe.

398
00:18:27,730 --> 00:18:30,310
Akékoľvek vyhľadávacie pole si
niekedy použitý je forma.

399
00:18:30,310 --> 00:18:31,490
A tak, poďme skutočne vidieť.

400
00:18:31,490 --> 00:18:32,790
Formulár.

401
00:18:32,790 --> 00:18:33,910
Action.

402
00:18:33,910 --> 00:18:37,660
Účinok tohto formulára z akéhokoľvek
Z historických dôvodov je to, že URL.

403
00:18:37,660 --> 00:18:38,840
Metóda je "post".

404
00:18:38,840 --> 00:18:44,060
Ukazuje sa, že požiadavky HTTP môže používať
sloveso "dostať", ako sme videli predtým,

405
00:18:44,060 --> 00:18:45,070
alebo "post".

406
00:18:45,070 --> 00:18:47,030
A uvidíte rozdiel
z toho za chvíľu.

407
00:18:47,030 --> 00:18:48,363
Poďme skutočne vidieť, čo to je.

408
00:18:48,363 --> 00:18:49,830
Nechaj ma ísť späť na stránku Stanforde.

409
00:18:49,830 --> 00:18:53,330
Aká forma to hovorí
o, o tom myslíš?

410
00:18:53,330 --> 00:18:54,485
Čo vyskočí na vás?

411
00:18:54,485 --> 00:18:54,970
>> Divákov: Vyhľadávacie pole.

412
00:18:54,970 --> 00:18:55,845
>> David J. Malan: Jo.

413
00:18:55,845 --> 00:18:58,410
Tak sa v pravom hornom rohu
Tu je to vyhľadávacieho poľa.

414
00:18:58,410 --> 00:19:02,441
A to je spôsob, akým realizovaný to--
tag, ktorý je doslova pod šírym držiak forma.

415
00:19:02,441 --> 00:19:03,940
A potom poďme niečo hľadať.

416
00:19:03,940 --> 00:19:09,220
Poďme hľadať kamaráta
z mine-- "Nick Parlante."

417
00:19:09,220 --> 00:19:11,380
Enter.

418
00:19:11,380 --> 00:19:13,750
A samozrejme, to šlo
trochu iný URL.

419
00:19:13,750 --> 00:19:15,140
Nechaj ma ísť späť.

420
00:19:15,140 --> 00:19:18,960
Poďme hľadať "kurzy."

421
00:19:18,960 --> 00:19:19,460
Dočerta.

422
00:19:19,460 --> 00:19:20,484
Išiel na inú adresu URL.

423
00:19:20,484 --> 00:19:23,400
Takže, Stanford je pridanie nejaké kúzlo
že oni ma brať na adresu URL

424
00:19:23,400 --> 00:19:25,820
ktoré sme videli v
atribútu tam akcie.

425
00:19:25,820 --> 00:19:32,480
Ale táto forma je tu realizovaná rýdzo
prostredníctvom tejto prirážky tu, tieto značky.

426
00:19:32,480 --> 00:19:35,710
V skutočnosti, tu je vstup pre
typ vyhľadávania, ktoré chcete.

427
00:19:35,710 --> 00:19:38,940
Tu je vstup pre
iný typ vyhľadávania.

428
00:19:38,940 --> 00:19:41,960
Tu je vstup pre samotný reťazec.

429
00:19:41,960 --> 00:19:45,394
A tak cieľom nie je zabaliť
naša myseľ okolo všetkých týchto značiek

430
00:19:45,394 --> 00:19:46,060
ale jednoducho vidieť.

431
00:19:46,060 --> 00:19:48,300
Je to proste otváranie a zatváranie
tagy a hľadajú veci.

432
00:19:48,300 --> 00:19:48,560
Jo?

433
00:19:48,560 --> 00:19:48,920
Victorie?

434
00:19:48,920 --> 00:19:49,795
>> Divákov: [nepočuteľné]

435
00:19:49,795 --> 00:19:51,925

436
00:19:51,925 --> 00:19:53,550
David J. Malan: To je dobrá otázka.

437
00:19:53,550 --> 00:19:54,660
To je trochu zložitejšie vidieť.

438
00:19:54,660 --> 00:19:56,300
Dovoľte mi, aby som sa vrátil k tomu
otázka niekoľkých málo minút

439
00:19:56,300 --> 00:19:59,000
keď sa pozrieme na takzvaný
CSS, alebo kaskádové štýly,

440
00:19:59,000 --> 00:20:02,500
a môžeme sa pokúsiť odvodiť
ako veľa zo stránky.

441
00:20:02,500 --> 00:20:08,090
Takže ak by sme sa teraz pozrieť na google.com,
pozrime sa, čo ich strana vyzerá.

442
00:20:08,090 --> 00:20:09,840
Tie by they're-- to roztomilé dnes.

443
00:20:09,840 --> 00:20:12,490

444
00:20:12,490 --> 00:20:12,990
OK.

445
00:20:12,990 --> 00:20:13,690
Hotovo.

446
00:20:13,690 --> 00:20:15,260
V poriadku, takže View Source.

447
00:20:15,260 --> 00:20:19,590
Človek by si myslel Google má
naozaj pekné zdrojový kód.

448
00:20:19,590 --> 00:20:24,970
Takže, zdá sa, že to, čo sa tu deje?

449
00:20:24,970 --> 00:20:27,880
A v skutočnosti, to nie je ani HTML.

450
00:20:27,880 --> 00:20:30,930
To je niečo, čo nazýva JavaScript.

451
00:20:30,930 --> 00:20:32,344
A poďme ďalej a ďalej.

452
00:20:32,344 --> 00:20:34,010
Ja ani neviem, kde začína stránky.

453
00:20:34,010 --> 00:20:37,240
Chystám sa použiť príkaz
F, otvorený držiak HTML.

454
00:20:37,240 --> 00:20:38,200
Dobre, tu to je.

455
00:20:38,200 --> 00:20:44,150
Zistil som, začiatok stránky a
tam je toľko vecí tu.

456
00:20:44,150 --> 00:20:45,310
>> Čo sa vlastne deje?

457
00:20:45,310 --> 00:20:47,460
No, viete čo,
môžeme vyčistiť to.

458
00:20:47,460 --> 00:20:52,109
Ak by som namiesto toho ísť do toho Skontrolujte
Panel nástrojov, táto špeciálna diagnostický nástroj,

459
00:20:52,109 --> 00:20:54,150
a nechoďte do siete,
kde sme ísť ďalej dnes,

460
00:20:54,150 --> 00:20:56,420
ale keď idem na Elements
čo je naozaj pekné

461
00:20:56,420 --> 00:20:59,990
je to, že prehliadač má veľa
oveľa lepší oči ako ja.

462
00:20:59,990 --> 00:21:02,670
A prehliadač vie čítať
že neporiadok z webovej stránky,

463
00:21:02,670 --> 00:21:04,700
že HTML mailu sme práve
Pozrel sa na, a to môže

464
00:21:04,700 --> 00:21:08,340
rozoberie ho alebo čítať a
analyzovať a preformátovať

465
00:21:08,340 --> 00:21:09,910
v pekné človeka príjemným spôsobom.

466
00:21:09,910 --> 00:21:11,740
Takže to, čo som teraz videl
V tejto obrazovke tu

467
00:21:11,740 --> 00:21:15,470
pod Elements, presne rovnaký obsah,
ale už odsadené všetko,

468
00:21:15,470 --> 00:21:18,140
zafarbiť, že som to, ale
to je presne ten istý text

469
00:21:18,140 --> 00:21:19,620
že som si stiahol zo servera.

470
00:21:19,620 --> 00:21:23,630
>> A čo je teraz pekná je vidím
v tele, pre instance-- oznámenia

471
00:21:23,630 --> 00:21:26,480
stránka je stále zložená
of len hlava a telo,

472
00:21:26,480 --> 00:21:28,660
a môžem hierarchicky ponoriť tu.

473
00:21:28,660 --> 00:21:32,420
Všimnite si, že Google Zdá sa, že
aby divs-- toto a toto.

474
00:21:32,420 --> 00:21:33,310
Môžem rozširovať to.

475
00:21:33,310 --> 00:21:35,370
Je tu celý rad ďalších divs.

476
00:21:35,370 --> 00:21:36,900
Takže je to trochu zložitejšie.

477
00:21:36,900 --> 00:21:37,400
Ale počkaj.

478
00:21:37,400 --> 00:21:40,970
To sa zdá byť oveľa viac
čitateľný, relatívne, ako toto.

479
00:21:40,970 --> 00:21:43,840
Prečo je Google trápne
Samotný jednoduchým zaslaním

480
00:21:43,840 --> 00:21:50,400
tento obrovský neporiadok kódu niektorých
triediť len realizovať niečo

481
00:21:50,400 --> 00:21:53,640
to vyzerá tak jednoducho na prvý pohľad?

482
00:21:53,640 --> 00:21:55,270
Rovnako ako, prečo nie oni pridať viac medzier?

483
00:21:55,270 --> 00:21:56,811
Prečo to stlačením klávesy Enter, ako som to urobil?

484
00:21:56,811 --> 00:21:59,110
Pozrite sa, ako dobrý som bol
pri písaní webové stránky.

485
00:21:59,110 --> 00:22:00,680
Trafil som Enter tak usilovne.

486
00:22:00,680 --> 00:22:03,760
odsadené som tak všetko
Je tak pekná a čitateľný.

487
00:22:03,760 --> 00:22:08,463
Prečo Google nepraktizuje to isté?

488
00:22:08,463 --> 00:22:11,409
>> Divákov: [nepočuteľné]

489
00:22:11,409 --> 00:22:12,305

490
00:22:12,305 --> 00:22:13,180
David J. Malan: Dobrý.

491
00:22:13,180 --> 00:22:14,270
Spravodlivé.

492
00:22:14,270 --> 00:22:16,650
nemajú niektoré
osoba u Googlu manuálne

493
00:22:16,650 --> 00:22:18,160
aktualizácie domovskej stránky ešte.

494
00:22:18,160 --> 00:22:20,010
Nie je to už 1999.

495
00:22:20,010 --> 00:22:21,140
Takže oni majú softvér.

496
00:22:21,140 --> 00:22:25,397
Majú ďalšie nástroje, ktoré
generovať dynamicky sú HTML.

497
00:22:25,397 --> 00:22:27,480
Samozrejme, že kód sám o sebe
bola napísaná ľuďmi,

498
00:22:27,480 --> 00:22:30,220
ale skutočnosť je taká,
je to celkom spravodlivé povedať,

499
00:22:30,220 --> 00:22:33,340
prehliadač rozhodne nie je
jedno, ako chaotický kód je.

500
00:22:33,340 --> 00:22:35,940
Ale je tam ešte
závažný technický dôvod

501
00:22:35,940 --> 00:22:42,580
že Google distribuuje svoje HTML
Kód v takej nedbalý, zdanlivo

502
00:22:42,580 --> 00:22:48,350
Drvivá spôsob, ako všetko zabalené dohromady
s veľmi málo way-- veľmi málo

503
00:22:48,350 --> 00:22:51,274
v spôsobe formátovania ako ja.

504
00:22:51,274 --> 00:22:52,570
>> Divákov: [nepočuteľné]

505
00:22:52,570 --> 00:22:53,528
>> David J. Malan: Rýchlejšie?

506
00:22:53,528 --> 00:22:54,040
Prečo?

507
00:22:54,040 --> 00:22:55,680
A čo si povedal, Lydie?

508
00:22:55,680 --> 00:22:56,240
Rýchlejšie?

509
00:22:56,240 --> 00:22:57,281
Prečo rýchlejšie?

510
00:22:57,281 --> 00:22:58,156
Divákov: [nepočuteľné]

511
00:22:58,156 --> 00:23:00,522

512
00:23:00,522 --> 00:23:02,230
David J. Malan: Existuje
žiadny priestor pre čítanie.

513
00:23:02,230 --> 00:23:02,730
Jo.

514
00:23:02,730 --> 00:23:04,560
Takže premýšľať o tom, čo je to priestor.

515
00:23:04,560 --> 00:23:08,394
Takže každý znak na klávesnici sa
určité množstvo priestoru pre reprezentáciu,

516
00:23:08,394 --> 00:23:10,560
buď fyzicky, to páči
zaberá že veľa priestoru,

517
00:23:10,560 --> 00:23:13,250
alebo nejako Naspodku
digestor, ktorá vyžaduje pamäť.

518
00:23:13,250 --> 00:23:15,740
A ako aside-- a my
hovoriť viac o tomto tomorrow--

519
00:23:15,740 --> 00:23:19,930
každá postava na klávesnici
zvyčajne vyžaduje 8 bitov, alebo jeden bajt.

520
00:23:19,930 --> 00:23:23,360
Takže vzor 8 núl alebo
Tí, alebo len jeden bajt, ako sme

521
00:23:23,360 --> 00:23:24,720
by ľudia zvyčajne hovoria.

522
00:23:24,720 --> 00:23:27,690
Tak to je malý, ale
je to stále non-nula.

523
00:23:27,690 --> 00:23:29,940
Je to stále určité množstvo priestoru.

524
00:23:29,940 --> 00:23:36,082
Takže ak inžinier alebo Google hity
medzerníka len raz, a predpokladajme

525
00:23:36,082 --> 00:23:38,540
Google-- je to super-popular--
Predpokladajme, že miliarda ľudí

526
00:23:38,540 --> 00:23:40,780
navštíviť ich domovskú stránku denne,
alebo nejaký počet osôb

527
00:23:40,780 --> 00:23:43,290
navštíviť domov strana A
miliardy krát denne,

528
00:23:43,290 --> 00:23:48,890
koľko ďalších bytov má tú
Softvérový inžinier jednoducho stojí Google

529
00:23:48,890 --> 00:23:51,310
tým, že udrie jeho alebo jej Medzerník raz?

530
00:23:51,310 --> 00:23:52,692
>> Divákov: [nepočuteľné]

531
00:23:52,692 --> 00:23:54,150
David J. Malan: Nie tak celkom tak zlé.

532
00:23:54,150 --> 00:23:57,070
Len jeden krát byte miliardy.

533
00:23:57,070 --> 00:23:57,871
tak je--

534
00:23:57,871 --> 00:23:59,120
Divákov: 8 miliárd gigabajtov.

535
00:23:59,120 --> 00:24:00,370
David J. Malan: Nie je 8000000000.

536
00:24:00,370 --> 00:24:01,240
8 miliarda bytov.

537
00:24:01,240 --> 00:24:02,410
Ale 1GB.

538
00:24:02,410 --> 00:24:04,080
1 GB bude merná jednotka.

539
00:24:04,080 --> 00:24:08,240
Ak on alebo ona robí dva
priestory, 2 GB.

540
00:24:08,240 --> 00:24:09,030
Tri gigabajtov.

541
00:24:09,030 --> 00:24:09,530
Správny?

542
00:24:09,530 --> 00:24:11,860
To váhy nákladne.

543
00:24:11,860 --> 00:24:16,150
A tak v prípadoch, ako je Google,
ktoré udelil, sú extrémne prípady,

544
00:24:16,150 --> 00:24:21,450
existujú aj iné problémy, ktoré vznikajú práve
tým, že veľmi rozumné rozhodnutie

545
00:24:21,450 --> 00:24:25,744
alebo pri veľmi prosté ľudskej činnosti,
preto, že má tento zväčšený účinok.

546
00:24:25,744 --> 00:24:27,660
Takže jeden z dôvodov
to vyzerá tak stlačený

547
00:24:27,660 --> 00:24:30,660
je presne tak, ako to bolo Victoria said--
Len generovaný počítačom tak ako tak.

548
00:24:30,660 --> 00:24:31,900
Takže žiadny veľký problém.

549
00:24:31,900 --> 00:24:33,309
Nechajte prehliadač na to prísť.

550
00:24:33,309 --> 00:24:35,350
Ale tiež zámerne
nemá moc priestoru,

551
00:24:35,350 --> 00:24:36,766
preto, že priestor nie je nutné.

552
00:24:36,766 --> 00:24:38,250
A priestor skutočne stojí peniaze.

553
00:24:38,250 --> 00:24:40,670
>> Je to buď stojí čas,
pretože len aby sa zasadila

554
00:24:40,670 --> 00:24:44,670
že oveľa viac dát z
webu Google.com hlavný stan len

555
00:24:44,670 --> 00:24:47,710
má vziať nejaké množstvo
čas, aj keď je to milisekúnd

556
00:24:47,710 --> 00:24:51,190
alebo mikrosekúnd, ale to spočíta
cez tak mnoho užívateľov, alebo skôr,

557
00:24:51,190 --> 00:24:52,270
to asi stojí peniaze.

558
00:24:52,270 --> 00:24:54,690
Google zrejme pripojí k
niekto iný na svete, jeden

559
00:24:54,690 --> 00:24:56,398
z tých, peering
body, a ak budú mať

560
00:24:56,398 --> 00:24:59,880
nejaký druh finančného vzťahu
pričom ich dáta stojí peniaze,

561
00:24:59,880 --> 00:25:01,730
mohli by rovnako
minimalizovať, aké veľké množstvo dát

562
00:25:01,730 --> 00:25:04,530
oni pľuvať na
Ich pripojenie k internetu.

563
00:25:04,530 --> 00:25:07,630
>> Takže legrační vec, ale nakoniec,
alebo možno upokojujúce vec,

564
00:25:07,630 --> 00:25:11,030
je to, že aj keď to vyzerá nesmierne
ohromujúci, na konci dňa,

565
00:25:11,030 --> 00:25:16,750
je to stále presne rovnaké zásady ako
Tento veľmi jednoduchá stránka tu z HTML

566
00:25:16,750 --> 00:25:17,390
str.

567
00:25:17,390 --> 00:25:20,610
Takže len zhrnúť a tak, aby ste
majú kánonickú verziu, ak ste neboli

568
00:25:20,610 --> 00:25:25,900
Nasledujúce spolu voľbou tu, tu
môže byť najjednoduchšie webových stránok,

569
00:25:25,900 --> 00:25:28,240
takže niečo hrať s snáď neskôr.

570
00:25:28,240 --> 00:25:30,790
>> Dobre, poďme zaviesť
Pár ďalších nápadov teraz.

571
00:25:30,790 --> 00:25:33,420
Chystáme sa zavádzať
niečo, čo nazýva štýl značky.

572
00:25:33,420 --> 00:25:38,110
Môžeme štylizovať túto stránku
V ďalšej zaujímavé spôsoby.

573
00:25:38,110 --> 00:25:40,860
Takže zatiaľ čo HTML e-mail
všetko o značkovanie

574
00:25:40,860 --> 00:25:44,470
dáta, druh uvedením do A
browser, ako štruktúrovať dáta,

575
00:25:44,470 --> 00:25:48,110
kam umiestniť to, CSS, alebo
kaskádové štýly,

576
00:25:48,110 --> 00:25:52,640
je druhý jazyk, ktorý
zvyčajne dostane pomiešané s HTML

577
00:25:52,640 --> 00:25:55,670
ako budeme see-- ale môžeme čistiť
že až do moment--, ktorý berie

578
00:25:55,670 --> 00:25:59,850
to finále míle, a to ho štylizuje.

579
00:25:59,850 --> 00:26:02,460
To dostane farby tak akurát,
veľkosťou písma tak akurát,

580
00:26:02,460 --> 00:26:03,860
polohovacie tak akurát.

581
00:26:03,860 --> 00:26:06,510
Je to všetko o estetike
alebo formátovanie, nie o

582
00:26:06,510 --> 00:26:08,330
Základným samotné dáta.

583
00:26:08,330 --> 00:26:11,390
A najjednoduchší spôsob, ako ukázať
toto je možná príkladom.

584
00:26:11,390 --> 00:26:15,320
Takže idem prejsť
môjho jednoduchého textového súboru.

585
00:26:15,320 --> 00:26:17,970
A za chvíľu, budem
chodiť k nám prostredníctvom procesu

586
00:26:17,970 --> 00:26:19,360
robiť to sami.

587
00:26:19,360 --> 00:26:23,310
>> Chystám sa vrátiť do svojho súboru
tu a obnovte stránku práve

588
00:26:23,310 --> 00:26:25,800
Pre potvrdenie, ako to vyzerá.

589
00:26:25,800 --> 00:26:27,190
To je to, kde sme teraz.

590
00:26:27,190 --> 00:26:31,170
Mám pocit, že deti by sa teraz
majú nejaké farby na tejto webovej stránke.

591
00:26:31,170 --> 00:26:34,480
Takže ja idem sem hore
do záhlavia stránky.

592
00:26:34,480 --> 00:26:38,130
A ja urobím štýl, / štýl.

593
00:26:38,130 --> 00:26:44,060
A potom vnútri toho idem
oznámiť telo mojej page--

594
00:26:44,060 --> 00:26:46,870
a to formátovanie, v
prvý pohľad možno trochu

595
00:26:46,870 --> 00:26:49,400
divne, ale konvenčné.

596
00:26:49,400 --> 00:26:55,010
Chystám sa povedať, že na pozadí
farba tejto stránke by mali byť zelené.

597
00:26:55,010 --> 00:26:57,960
A to je bohužiaľ
druh nie je najlepší návrh.

598
00:26:57,960 --> 00:27:00,710
Všimnite si, že skôr
vo svete HTML,

599
00:27:00,710 --> 00:27:03,190
Povedal som, že atribúty
sú tieto dvojice kľúč-hodnota.

600
00:27:03,190 --> 00:27:05,760
Niečo sa rovná cenovú ponuku
koniec citátu "niečo".

601
00:27:05,760 --> 00:27:08,810
Vo svete, ktorý bol CSS
navrhnutý niektorými inými ľuďmi,

602
00:27:08,810 --> 00:27:11,020
oni sa rozhodli, že v ich
world, kľúč-hodnota páry

603
00:27:11,020 --> 00:27:13,920
by bolo slovo niečo hrubého čreva.

604
00:27:13,920 --> 00:27:15,220
Takže je to rovnaká myšlienka, hoci.

605
00:27:15,220 --> 00:27:18,620
Je to združujúca hodnotu
s niektorými kľúč, ktorý nejakým spôsobom

606
00:27:18,620 --> 00:27:20,330
ovplyvňuje správanie tejto stránke.

607
00:27:20,330 --> 00:27:21,901
>> A asi tušíte.

608
00:27:21,901 --> 00:27:24,150
Čo je to pravdepodobne bude
robiť to aj v prípade, že ste nikdy

609
00:27:24,150 --> 00:27:27,867
Videl HTML alebo CSS predtým?

610
00:27:27,867 --> 00:27:29,450
Divákov: Zmena farby pozadia.

611
00:27:29,450 --> 00:27:30,560
David J. Malan: Jo,
zmeniť farbu pozadia.

612
00:27:30,560 --> 00:27:33,280
A špecificky
farba pozadia tela.

613
00:27:33,280 --> 00:27:36,290
Ale ak táto
Telo teraz je web

614
00:27:36,290 --> 00:27:38,870
page-- je to jediná vec,
pod záhlavie really--

615
00:27:38,870 --> 00:27:40,870
to asi bude
ovplyvní to isté.

616
00:27:40,870 --> 00:27:41,430
Takže uvidíme.

617
00:27:41,430 --> 00:27:42,490
Zachráňme to.

618
00:27:42,490 --> 00:27:44,310
Ísť sem a znovu.

619
00:27:44,310 --> 00:27:46,140
Je to celkom odporný.

620
00:27:46,140 --> 00:27:48,070
A čo sa deje
Tu je vedľajším účinkom.

621
00:27:48,070 --> 00:27:49,850
Len som si vybral tento obrázok náhodne.

622
00:27:49,850 --> 00:27:53,305
Prečo je zelený nie je
prestupujúce za Mickey?

623
00:27:53,305 --> 00:27:54,180
Divákov: [nepočuteľné]

624
00:27:54,180 --> 00:27:56,880

625
00:27:56,880 --> 00:27:57,880
David J. Malan: Presne tak.

626
00:27:57,880 --> 00:28:01,750
Ukazuje sa, že obrazy, pekný
mnoho všetky obrázky, ktoré by sme mohli použiť,

627
00:28:01,750 --> 00:28:03,670
sú všetky rectangles-- obdĺžnikov.

628
00:28:03,670 --> 00:28:07,710
Aj v prípade, Mickey má niektoré krivky
pre seba a má zázemie,

629
00:28:07,710 --> 00:28:09,330
že pozadie musí byť niečo.

630
00:28:09,330 --> 00:28:10,280
Musí byť biela.

631
00:28:10,280 --> 00:28:11,910
To má byť čierny alebo niečo iné.

632
00:28:11,910 --> 00:28:13,650
To môže byť transparentné.

633
00:28:13,650 --> 00:28:16,100
A v skutočnosti, mohol by som
otvoriť Mickey Mouse tu

634
00:28:16,100 --> 00:28:18,590
v programe s názvom Photoshop
alebo niečo podobné

635
00:28:18,590 --> 00:28:21,176
a zmeniť všetky tá biela
pozadia na priehľadné,

636
00:28:21,176 --> 00:28:22,550
takže zelená bude presvitať.

637
00:28:22,550 --> 00:28:25,980
Ale to je niečo, čo by bolo treba
požiadať o sebe alebo grafik

638
00:28:25,980 --> 00:28:28,130
alebo designer v mojom
spoločnosť, napríklad,

639
00:28:28,130 --> 00:28:31,490
robiť, najmä preto, že som práve
požičal tento z internetu.

640
00:28:31,490 --> 00:28:33,030
Ale to je dôvod, prečo sa to deje.

641
00:28:33,030 --> 00:28:34,980
>> Tak čo ešte môžeme urobiť?

642
00:28:34,980 --> 00:28:41,040
No, možno chceme povedať, že sme
Naozaj dúfam, že si môžete vychutnať svoj pobyt.

643
00:28:41,040 --> 00:28:44,150
A pre dôraz, chcem
aby tento silný,

644
00:28:44,150 --> 00:28:48,310
a tak poviem otvorený a silný
zavrieť silný a potom znova načítať.

645
00:28:48,310 --> 00:28:50,320
A je to trochu ťažké
zobraziť na projektore

646
00:28:50,320 --> 00:28:53,250
ale snáď naozaj teraz
vyskočí na vás trochu viac.

647
00:28:53,250 --> 00:28:56,180
Takže môžete pridávať kurzívu v tomto
spôsob, tučné obklad týmto spôsobom.

648
00:28:56,180 --> 00:28:57,500
Mohli by sme zmeniť farby.

649
00:28:57,500 --> 00:29:01,610
V skutočnosti je len pre zábavu, som
ísť dopredu a to urobiť.

650
00:29:01,610 --> 00:29:05,120
Nemám naozaj rád, ako my
odseku sú to blízko pri sebe,

651
00:29:05,120 --> 00:29:06,870
takže som mohol urobiť niečo také.

652
00:29:06,870 --> 00:29:13,310
Chystám sa povedať, prehliadač,
sa mení každý bod značku majú,

653
00:29:13,310 --> 00:29:16,952
poďme say-- v skutočnosti, viete, čo,
poďme zladiť to text-align, centrum.

654
00:29:16,952 --> 00:29:19,410
A opäť, viem, že to len
Vzhľadom k tomu, niekto ma naučil

655
00:29:19,410 --> 00:29:21,118
alebo Vyhľadal som si to v
online referencie.

656
00:29:21,118 --> 00:29:22,450
Takže dovoľte mi zachrániť to.

657
00:29:22,450 --> 00:29:25,070
A, ach, teraz som
sústredený obraz tam.

658
00:29:25,070 --> 00:29:28,490
A skutočne, viete čo, ak
Pohnem obrazu do odseku

659
00:29:28,490 --> 00:29:34,510
tag-- takže tretí odsek,
aj keď to nie je text.

660
00:29:34,510 --> 00:29:36,917
Zachráňme to a znova.

661
00:29:36,917 --> 00:29:40,000
Teraz je stránka začína vyzerať druh
of-- Myslím, že je to stále dosť škaredý,

662
00:29:40,000 --> 00:29:43,180
ale aspoň to vyzerá, že som strávila
Dve minúty namiesto jedna minúta

663
00:29:43,180 --> 00:29:43,950
robiť to.

664
00:29:43,950 --> 00:29:47,200
>> A tak postupne, môžeme urobiť
Tieto estetické zmeny teraz stránke?

665
00:29:47,200 --> 00:29:50,860
Som príliš nezmenil údajov v systéme
Strana iné ako pridaním slová vážne.

666
00:29:50,860 --> 00:29:52,650
Pridal som metadáta, ak chcete.

667
00:29:52,650 --> 00:29:54,830
Hej, prehliadača, aby sa
Slovo "naozaj" tučne.

668
00:29:54,830 --> 00:29:56,940
Ale dáta nie je silná.

669
00:29:56,940 --> 00:29:57,830
To je metadáta.

670
00:29:57,830 --> 00:29:59,410
Dáta sú "naozaj".

671
00:29:59,410 --> 00:30:02,200
Takže máme ešte niektoré
rovnaké pojmy ako predtým.

672
00:30:02,200 --> 00:30:05,990
Teraz, samozrejme, to nie je na webe,
takže budem robiť jeden posledný krok tu.

673
00:30:05,990 --> 00:30:10,300
>> Chystám sa ísť do hello.html
a len zvýrazniť a kopírovať to.

674
00:30:10,300 --> 00:30:12,285
A teraz idem
ísť do Cloud9, ktorý

675
00:30:12,285 --> 00:30:13,910
Ťa prejsť za chvíľu.

676
00:30:13,910 --> 00:30:17,080
A šanca, že budete čoskoro, ak
Nie je už na obrazovke, ako je tento.

677
00:30:17,080 --> 00:30:21,080
A dovoľte mi, aby som vám rýchly
Prehliadka čo Cloud9 v skutočnosti je.

678
00:30:21,080 --> 00:30:26,590
Takže znovu Cloud 9 je
Táto služba cloud-based

679
00:30:26,590 --> 00:30:30,580
že vy a mi dáva ilúziu
mať svoj vlastný virtuálny stroj

680
00:30:30,580 --> 00:30:33,090
v cloude, technicky
kontajner v cloude,

681
00:30:33,090 --> 00:30:35,160
že máme plné
oprávnenia správcu.

682
00:30:35,160 --> 00:30:37,130
Takže teoreticky, nikto
inde vo svete nemá

683
00:30:37,130 --> 00:30:39,152
Prístup na obrazovku Som
pri pohľade na práve teraz,

684
00:30:39,152 --> 00:30:40,860
snáď s výnimkou ľudí
ktorí bežia na webe,

685
00:30:40,860 --> 00:30:43,470
pretože technicky majú
fyzický prístup a tak ďalej.

686
00:30:43,470 --> 00:30:44,740
>> Tak čo vidíme v tomto prostredí?

687
00:30:44,740 --> 00:30:46,230
Chystám sa vzdialite,
pretože je to trochu malé.

688
00:30:46,230 --> 00:30:48,104
A dovoľte mi pripomenúť, cez
Tu len na chvíľu.

689
00:30:48,104 --> 00:30:53,210
Na ľavej strane môjho a vaše
obrazovke, je tu prehliadač súborov na ľavej strane.

690
00:30:53,210 --> 00:30:55,362
Takže svojím duchom podobať
Mac OS a Windows.

691
00:30:55,362 --> 00:30:57,070
To sú všetky
Súbory na mojom účte.

692
00:30:57,070 --> 00:30:59,250
A v predvolenom nastavení, ak vaše
Účet je ako moje,

693
00:30:59,250 --> 00:31:05,090
uvidíte alebo čoskoro vidieť
helloworld.html a readme.md.

694
00:31:05,090 --> 00:31:07,950
Tu na pravej strane, to je
kde sú moje textové súbory sa chystáte ísť.

695
00:31:07,950 --> 00:31:11,620
Ak ste niekedy používali Microsoft
Word alebo Poznámkový blok alebo TextEdit

696
00:31:11,620 --> 00:31:14,100
To je slovo, moje úpravy
súborov sa chystá ísť.

697
00:31:14,100 --> 00:31:16,540
A potom nejobskurnějších
Funkcia tohto prostredia

698
00:31:16,540 --> 00:31:20,100
že nebudeme naozaj potreba použiť, je
sem volal okno terminálu.

699
00:31:20,100 --> 00:31:23,390
Ak ste použili DOS od
minulý rok, to je Linux

700
00:31:23,390 --> 00:31:25,450
alebo Linux ekvivalent DOS.

701
00:31:25,450 --> 00:31:28,190
Je to text-based interface--
žiadne kliknutia myšou, nie ťahaním.

702
00:31:28,190 --> 00:31:30,770
Jediné, čo môžete urobiť, je zadať
príkazy, ale tieto príkazy

703
00:31:30,770 --> 00:31:34,400
môže vytvárať súbory, presúvať súbory, otvorené
adresára, v blízkosti adresára,

704
00:31:34,400 --> 00:31:35,740
urobiť ľubovoľný počet vecí.

705
00:31:35,740 --> 00:31:38,060
Ale teraz, proste budeme
tráviť čas tu.

706
00:31:38,060 --> 00:31:39,050
>> A tak ideme na to.

707
00:31:39,050 --> 00:31:41,008
Ak ste v tejto
Prostredie, ktoré by ste mali

708
00:31:41,008 --> 00:31:45,900
bolo, keby ste vytvorili pracovné prostredie
Už, choďte do toho a jednoducho ísť hore

709
00:31:45,900 --> 00:31:48,690
do súboru, Nový chvíľu.

710
00:31:48,690 --> 00:31:51,740
A to vám dá nový
Karta tu uprostred.

711
00:31:51,740 --> 00:31:54,250
A ja jen-- a poďme
choďte do toho a to dosiahnuť.

712
00:31:54,250 --> 00:31:59,910
Poďme ďalej a teraz sa súboru, uložte
a ísť dopredu a nazývať to hello.html,

713
00:31:59,910 --> 00:32:02,740
nesmie zamieňať s
helloworld.html, ktorý

714
00:32:02,740 --> 00:32:06,910
prišiel so svojím novým účtu zadarmo,
čo je len ukážkový súbor.

715
00:32:06,910 --> 00:32:11,020
Uvidíte, že sa náhle objaví,
s najväčšou pravdepodobnosťou na ľavej strane,

716
00:32:11,020 --> 00:32:12,810
a karta bude stále otvorený.

717
00:32:12,810 --> 00:32:21,300
A dovoľte, aby som vás povzbudiť teraz znovu
tento súbor alebo niektoré ich varianty.

718
00:32:21,300 --> 00:32:24,607
A ak si nie je úplne vidieť ho na
obrazovky, to je totožný s sklíčka

719
00:32:24,607 --> 00:32:26,190
že máte pravdepodobne na iné karte.

720
00:32:26,190 --> 00:32:29,296
>> Takže v skratke, aby vaše prvé webové stránky,
uložte ho a potom za chvíľu,

721
00:32:29,296 --> 00:32:31,170
Ukážem vám, ako sa
môže skutočne zobraziť toto.

722
00:32:31,170 --> 00:32:32,970
Ale zmeniť aspoň jednu vec.

723
00:32:32,970 --> 00:32:35,400
Zmeniť HelloWorld na
niečo vlastného výberu,

724
00:32:35,400 --> 00:32:39,821
takže ste presvedčení, že je to vaša
súbor a nie ten, ktorý práve som vytvoril.

725
00:32:39,821 --> 00:32:40,320
Dobre.

726
00:32:40,320 --> 00:32:43,804
A keď ste ready-- nie
rush--, keď ste pripravení,

727
00:32:43,804 --> 00:32:46,220
choďte do toho a uložte súbor
Po vykonaní týchto zmien.

728
00:32:46,220 --> 00:32:49,540
A ak kliknete na
Bežať tlačidla nahor top, toto

729
00:32:49,540 --> 00:32:53,610
mal otvoriť novú kartu, ktorá bude rozprávať
čo máte URL môžete navštíviť súbor na,

730
00:32:53,610 --> 00:32:56,380
ale môže to chvíľu trvať, než k
quote koniec citátu "štart Apache", ktorý

731
00:32:56,380 --> 00:32:58,820
je názov webového servera.

732
00:32:58,820 --> 00:33:02,430
Takže buďte opatrní a robiť presne
čo je v súbore nakoniec.

733
00:33:02,430 --> 00:33:04,610
Takže teraz, budem priblížiť.

734
00:33:04,610 --> 00:33:07,780
Ak mám začať písať
open-držiak HTML, vývesné

735
00:33:07,780 --> 00:33:09,650
to ma výzvou dokončiť svoju myšlienku.

736
00:33:09,650 --> 00:33:13,750
A keď som dokončil svoju myšlienku, ju
automaticky mi dáva uzatvárací tag.

737
00:33:13,750 --> 00:33:17,190
Ale očakávania sa potom budem hit
Vstúpiť, a potom sa presunúť tam vnútri

738
00:33:17,190 --> 00:33:21,180
a to hlavu dovnútra a
potom som si telo vo vnútri.

739
00:33:21,180 --> 00:33:24,430
A je to trochu divné na prvý,
pretože to robí prácu za vás,

740
00:33:24,430 --> 00:33:27,110
ale uvedomiť, že v konečnom dôsledku
to vám ušetrí stlačenia klávesov.

741
00:33:27,110 --> 00:33:30,500
A v skutočnosti, veľmi častým znakom
programovacie prostredie v týchto dňoch

742
00:33:30,500 --> 00:33:33,260
a to ako pre vývoj webových aplikácií, ako je
Tento a skutočné programovanie,

743
00:33:33,260 --> 00:33:36,960
ktoré budeme hovoriť o budúcnosti,
Práve tieto auto-kompletné funkcie,

744
00:33:36,960 --> 00:33:39,710
veci, ktoré jednoducho umožňovať
programátor alebo designer

745
00:33:39,710 --> 00:33:42,010
písať menej údery
dokázať to isté.

746
00:33:42,010 --> 00:33:43,176
Niekedy je to dobre, hoci.

747
00:33:43,176 --> 00:33:44,560
Niekedy je to len nepríjemné.

748
00:33:44,560 --> 00:33:49,290

749
00:33:49,290 --> 00:33:54,010
A opäť, akonáhle ste prepisovaná
posuvná alebo nejakú jej variantu,

750
00:33:54,010 --> 00:33:57,360
môžete kliknúť na tlačidlo Spustiť do vrcholu.

751
00:33:57,360 --> 00:33:59,910
A potom sa na dne
okná, budete informovaní

752
00:33:59,910 --> 00:34:04,290
na to, čo URL môžete navštíviť svoje webové stránky.

753
00:34:04,290 --> 00:34:08,790
Dolu, napríklad, je v
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
a tak ďalej.

755
00:34:11,480 --> 00:34:14,580
Dobre, takže, nech me-- nejaké otázky?

756
00:34:14,580 --> 00:34:19,460
Akékoľvek ďalšie otázky týkajúce sa len na to,
tento pracovný predtým, ako sme pridať funkcie?

757
00:34:19,460 --> 00:34:21,692
A dovoľte mi navrhnúť, len
dostať ľudí comfortable--

758
00:34:21,692 --> 00:34:24,400
pretože to je jedna vec len
copy-paste slepo, čo som urobil.

759
00:34:24,400 --> 00:34:27,177
Ale len preto, aby ľudia zápasiť
s aspoň jednou to-do,

760
00:34:27,177 --> 00:34:28,510
Idem zapnúť nejakú hudbu.

761
00:34:28,510 --> 00:34:32,630
Chystám sa navrhnúť zoznam
veci, ktoré môžu potenciálne pridať.

762
00:34:32,630 --> 00:34:34,086
A môžete samozrejme použiť Google.

763
00:34:34,086 --> 00:34:36,210
A prečo nie my len
navrhujem pokusu o vyriešenie

764
00:34:36,210 --> 00:34:38,710
aspoň jeden tu zvláštny problém.

765
00:34:38,710 --> 00:34:45,090
Takže, pokiaľ ide o značky,
dovoľte mi, aby som znovu použiť toto.

766
00:34:45,090 --> 00:34:48,280
>> V skutočnosti, dovoľte mi, aby som dal
že v textovej podobe.

767
00:34:48,280 --> 00:35:02,380
Povedzme, že medzi značkami by sme mohli
použite tu sú niektoré značky tu.

768
00:35:02,380 --> 00:35:06,090
Videli sme odseku značku.

769
00:35:06,090 --> 00:35:07,850
Teraz to bude auto-kompletný.

770
00:35:07,850 --> 00:35:12,220
Bod tag, kotva tag.

771
00:35:12,220 --> 00:35:15,250
Povedzme, že chcete
aby sa niečo väčšie,

772
00:35:15,250 --> 00:35:19,480
takže je možné jako--
Rozpätie tag môže pomôcť.

773
00:35:19,480 --> 00:35:23,010
No, možno budete potrebovať nejakú pomoc
za to za chvíľu.

774
00:35:23,010 --> 00:35:24,830
Videli sme div.

775
00:35:24,830 --> 00:35:26,170
Uvidíte tu tabuľku.

776
00:35:26,170 --> 00:35:27,928
Existuje niečo, čo nazýva tr, td.

777
00:35:27,928 --> 00:35:30,736

778
00:35:30,736 --> 00:35:32,860
Th, td.

779
00:35:32,860 --> 00:35:34,770
Vráť sa k tomu za chvíľu.

780
00:35:34,770 --> 00:35:36,590
Čo iné by mohlo byť užitočné?

781
00:35:36,590 --> 00:35:38,310
Tam je silná.

782
00:35:38,310 --> 00:35:43,640
Tam je dôraz, alebo skôr em.

783
00:35:43,640 --> 00:35:50,110
There's-- čo iného
Možno máte chuť tu?

784
00:35:50,110 --> 00:35:51,930
No, budeme trvať
Pozrite sa na to spoločne.

785
00:35:51,930 --> 00:35:53,230
Formulár, ktorý sme videli.

786
00:35:53,230 --> 00:35:54,130
Tam je forma.

787
00:35:54,130 --> 00:35:56,500
K dispozícii je vstupná a niekoľko ďalších.

788
00:35:56,500 --> 00:35:58,924

789
00:35:58,924 --> 00:36:00,090
Dobre, takže ideme na to.

790
00:36:00,090 --> 00:36:02,330
Ak chcete prijať Victorie
otázka, dovoľte mi najprv

791
00:36:02,330 --> 00:36:05,020
len uistiť, že všetci
schopný dostať svoje ahoj práci.

792
00:36:05,020 --> 00:36:06,900
Potom dovoľte mi predstaviť
pár ďalších nápadov.

793
00:36:06,900 --> 00:36:09,209
Potom necháme ľudí riešiť
nejaký problém na vlastnú päsť.

794
00:36:09,209 --> 00:36:11,500
Potom budeme vlastne vracať
do tohto pojmu formulára,

795
00:36:11,500 --> 00:36:14,950
a my vlastne re-implementovať
spolu front-end rozhranie,

796
00:36:14,950 --> 00:36:16,450
tak povediac, pre spoločnosť Google.

797
00:36:16,450 --> 00:36:19,700
Budeme používať Google ako back end a nechať
je robiť ťažkú ​​prácu bude hľadanie,

798
00:36:19,700 --> 00:36:22,760
ale budeme znovu predok
Google a vyhľadávacieho formulára

799
00:36:22,760 --> 00:36:24,520
že majú na svoje vlastné domovskej stránke.

800
00:36:24,520 --> 00:36:27,050
A tak sa vrátime k
tieto značky za chvíľu.

801
00:36:27,050 --> 00:36:30,270
>> Tak toto bolo to, čo som
Navrhovaná pred chvíľou.

802
00:36:30,270 --> 00:36:33,940
Môžeme pridať štylizáciu do A
Strana vnútri tohto štýlu tagu

803
00:36:33,940 --> 00:36:36,950
a môžeme štylizovať pozadia
farba, zarovnanie textu,

804
00:36:36,950 --> 00:36:39,000
či už je to stred alebo doľava alebo doprava.

805
00:36:39,000 --> 00:36:41,630
Ale veľmi rýchlo by ste
nájsť alebo web designer

806
00:36:41,630 --> 00:36:44,060
by sa zistiť, že toto
sa stáva trochu nepraktický,

807
00:36:44,060 --> 00:36:48,330
preto, že robíte to, čo je
volal zmiešaní obsahu

808
00:36:48,330 --> 00:36:50,120
s prezentáciou z nich.

809
00:36:50,120 --> 00:36:53,756
Tie zmiešaní svoje dáta
a estetika týchto látok.

810
00:36:53,756 --> 00:36:56,380
A v skutočnosti, ak sa domnievate,
čo sa bude diať v priebehu time--

811
00:36:56,380 --> 00:36:58,350
To je veľmi malý
webové stránky, samozrejme.

812
00:36:58,350 --> 00:37:01,590
Ale keď som pridať obsah na túto stránku
a pridám štýl na túto stránku,

813
00:37:01,590 --> 00:37:04,650
stránky veľmi rýchlo dostane
dlhšie a dlhšie a dlhšie.

814
00:37:04,650 --> 00:37:07,510
A predpokladám, že chcem
mať druhý webovú stránku, ktorá

815
00:37:07,510 --> 00:37:09,010
zdieľa niektoré z týchto atribútov.

816
00:37:09,010 --> 00:37:12,350
Predpokladajme, že môj druhý webové stránky pre môj
site-- Vám chcem všetko centrum,

817
00:37:12,350 --> 00:37:14,960
aj ja chcem všetko
so zeleným pozadím.

818
00:37:14,960 --> 00:37:17,940
Som celkom veľa bude musieť
skopírovať a vložiť niektoré z týchto riadkov

819
00:37:17,940 --> 00:37:20,730
do tohto druhého súboru, ktorý sa cíti v poriadku.

820
00:37:20,730 --> 00:37:22,030
To bude problém vyriešiť.

821
00:37:22,030 --> 00:37:26,060
>> Ale čo keď chcem tretia strana
alebo 30. strana alebo strana 40.?

822
00:37:26,060 --> 00:37:28,730
Teraz bude kopírovať a
vkladanie veľa duplicitného kódu

823
00:37:28,730 --> 00:37:30,430
vo viacerých súboroch.

824
00:37:30,430 --> 00:37:32,600
A tak predpokladám, že
Aj rozhodnúť, alebo mi bolo povedané,

825
00:37:32,600 --> 00:37:34,780
hej, nie sme s použitím
zelenom pozadí už nie.

826
00:37:34,780 --> 00:37:36,380
Chystáme sa začať používať oranžovo.

827
00:37:36,380 --> 00:37:38,690
Čo budete musieť zmeniť?

828
00:37:38,690 --> 00:37:42,900
No, budete musieť zmeniť tento štýl
zo zelenej na oranžovú, ako mnohých miestach?

829
00:37:42,900 --> 00:37:44,920
Rovnako ako 30 alebo 40 miest.

830
00:37:44,920 --> 00:37:45,900
Je to únavné.

831
00:37:45,900 --> 00:37:47,039
To je náchylné na chyby.

832
00:37:47,039 --> 00:37:49,580
K dispozícii je celý rad dôvodov,
kde by ste nechceli vyvolať

833
00:37:49,580 --> 00:37:51,840
že druh bolesti na seba.

834
00:37:51,840 --> 00:37:54,760
A tak nebolo by to bolo pekné
keby sme mohli vziať to, čo som práve

835
00:37:54,760 --> 00:37:58,240
vložiť medzi týmito dvoma žltý
tagy, tieto tagy štýl,

836
00:37:58,240 --> 00:38:04,050
faktor ho a dať všetky moje
štylizácia do jedného centrálneho súboru

837
00:38:04,050 --> 00:38:08,470
že všetky 30 alebo 40 z mojich ďalších súborov
požičiavať z alebo nejakým spôsobom odkazovať,

838
00:38:08,470 --> 00:38:11,640
nie na rozdiel od siete
diagramy sme robili predtým?

839
00:38:11,640 --> 00:38:15,030
>> Takže keď idem sem, že som
bude v skutočnosti navrhnúť

840
00:38:15,030 --> 00:38:17,880
že nahradiť
Štýl štítok s niečím

841
00:38:17,880 --> 00:38:21,620
volal link tag, ktorý
Je hrozne, hrozne pomenovaný,

842
00:38:21,620 --> 00:38:24,370
pretože nemusíte používať
link tag vytvoriť čo

843
00:38:24,370 --> 00:38:26,380
my ľudia poznáme ako odkaz na webovej stránke.

844
00:38:26,380 --> 00:38:29,750
Za to, že budete používať ktorá značka?

845
00:38:29,750 --> 00:38:31,464
Ako si vytvoriť odkaz na webovej stránke?

846
00:38:31,464 --> 00:38:32,130
Publikum: a.

847
00:38:32,130 --> 00:38:34,870
David J. Malan: A, alebo kotva
tag, ktorý išiel do Disney predtým.

848
00:38:34,870 --> 00:38:39,090
Odkaz tag tu hovorí:
tohle-- odkaz na súbor nazvaný

849
00:38:39,090 --> 00:38:44,350
styles.css, vzťah, ku ktorému
bude, že je to moja štýlov.

850
00:38:44,350 --> 00:38:48,290
Takže to je jedna z S rokoch v
CSS-- kaskádové štýly.

851
00:38:48,290 --> 00:38:50,490
Štýl sheet-- dva S rokoch v CSS.

852
00:38:50,490 --> 00:38:52,550
Kaskádových štýlov.

853
00:38:52,550 --> 00:38:58,640
To jednoducho znamená, hej, prehliadač, prejdite
nájsť styles.css na lokálnom serveri

854
00:38:58,640 --> 00:39:01,870
a použiť ju ako svoj štýlov,
čo znamená, že vo vnútri tohto súboru

855
00:39:01,870 --> 00:39:05,310
bude všetky
štylizácia, že sme práve urobil.

856
00:39:05,310 --> 00:39:07,396
A tak to, čo tento súbor
môže vyzerať ako je táto.

857
00:39:07,396 --> 00:39:10,020
A budem robiť to je rýchly
Napríklad preto, že nepotrebujeme

858
00:39:10,020 --> 00:39:12,000
dostať príliš do burinu tu.

859
00:39:12,000 --> 00:39:17,840
Ale keď som kopírovať to, čo chcem navrhnúť
je to, že programátor vytvoriť nový súbor,

860
00:39:17,840 --> 00:39:24,450
vložiť do týchto lines--
whoops-- vložiť do týchto linkách,

861
00:39:24,450 --> 00:39:32,270
uložte ho ako styles.css, a potom v
Druhý súbor, odstrániť všetky, ktoré

862
00:39:32,270 --> 00:39:35,450
a nahradiť ju namiesto
s týmto link tag.

863
00:39:35,450 --> 00:39:43,090
Takže keď som prepojiť href = "styles.css"
vzťah musí byť "stylesheet"

864
00:39:43,090 --> 00:39:44,170
V blízkosti tag.

865
00:39:44,170 --> 00:39:45,250
Ulož to.

866
00:39:45,250 --> 00:39:47,000
Vráťte sa späť do môjho HelloWorld.

867
00:39:47,000 --> 00:39:48,690
Reload.

868
00:39:48,690 --> 00:39:51,290
>> Doslova sa nič nestalo.

869
00:39:51,290 --> 00:39:54,710
To je dobrá vec, pretože to
znamená, že je vlastne všetko funguje.

870
00:39:54,710 --> 00:39:58,860
Dokázať toľko, že by som urobiť
preklep, a hovorím to "styles.css"

871
00:39:58,860 --> 00:40:03,080
s veľkým S, ktorý je
nesprávne, a potom znova načítať.

872
00:40:03,080 --> 00:40:05,470
Teraz môžete vidieť, že jednoducho nefunguje.

873
00:40:05,470 --> 00:40:06,362
A teraz, prečo?

874
00:40:06,362 --> 00:40:08,070
Dobre, poďme použite
Technika z minulosti.

875
00:40:08,070 --> 00:40:10,153
Nechaj ma ísť dopredu, a
môj prehliadač, v Chrome, som

876
00:40:10,153 --> 00:40:12,900
chystá otvoriť, že osobitné
Karta siete ako predtým,

877
00:40:12,900 --> 00:40:15,560
a nechaj ma znovu načítať stránku.

878
00:40:15,560 --> 00:40:19,341
Čo ste neprekvapilo, že teraz vidieť?

879
00:40:19,341 --> 00:40:20,840
Alebo možno ste prekvapený, keď to videl.

880
00:40:20,840 --> 00:40:23,225
Či tak alebo onak, to, čo vidíte teraz?

881
00:40:23,225 --> 00:40:24,100
Divákov: [nepočuteľné]

882
00:40:24,100 --> 00:40:24,770
David J. Malan: To nebol nájdený.

883
00:40:24,770 --> 00:40:25,680
Prečo je to nebol nájdený?

884
00:40:25,680 --> 00:40:28,480
No, Styles.css-- kapitál
S- neexistuje.

885
00:40:28,480 --> 00:40:29,230
ho nesprávne pomenovaný som.

886
00:40:29,230 --> 00:40:30,430
Jednoduché preklep.

887
00:40:30,430 --> 00:40:33,816
Ale ja som stále pochopiteľne teraz
404, pretože server hovorí, hej,

888
00:40:33,816 --> 00:40:34,440
to nie je nájdený.

889
00:40:34,440 --> 00:40:36,300
Doslova, neviem
kde tento súbor je.

890
00:40:36,300 --> 00:40:38,880
Takže ako výsledok, prehliadače
ukazuje, čo je v jej silách,

891
00:40:38,880 --> 00:40:42,860
surové obsah stránky,
ktorý bol 200, HTML,

892
00:40:42,860 --> 00:40:45,390
ale štylizácia nemôže
Potom budú pridané.

893
00:40:45,390 --> 00:40:47,120
A to je to, čo sa rozumie pod pojmom kaskádové.

894
00:40:47,120 --> 00:40:49,070
Môžete nejako pridať
po, a to tak nejako

895
00:40:49,070 --> 00:40:50,874
zjemňuje estetiku webové stránky.

896
00:40:50,874 --> 00:40:53,790
A dokonca môžete prepísať tie,
štýly s ešte ďalších Stylesheet súboroch

897
00:40:53,790 --> 00:40:54,700
Ak chceš.

898
00:40:54,700 --> 00:40:57,780
To nie je nájdený, aj keď v tomto prípade,
pretože samozrejme to nesprávne pomenovaný ja.

899
00:40:57,780 --> 00:41:00,330
Takže budem musieť napraviť ako prvá.

900
00:41:00,330 --> 00:41:04,667
>> Tak poďme do toho a
navrhujú nasledujúce.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Poďme ďalej a to urobiť.

903
00:41:11,140 --> 00:41:14,220
počnúc možná
Váš HelloWorld súbor,

904
00:41:14,220 --> 00:41:17,740
dovoľte mi pozvať pár
z funkcie návrhy.

905
00:41:17,740 --> 00:41:20,400
Takže, Victoria, čo ste chceli
aby nejaký text väčšia, že jo?

906
00:41:20,400 --> 00:41:24,555
V poriadku, takže môžeme
robiť, aby textu väčšia.

907
00:41:24,555 --> 00:41:26,860
A budeme každý trhať off
len jeden problém k riešeniu.

908
00:41:26,860 --> 00:41:30,867
Urobiť textu väčšia.

909
00:41:30,867 --> 00:41:32,700
nebudem obťažovať
písať, keď sme

910
00:41:32,700 --> 00:41:35,600
majú guľka technológiu tamto.

911
00:41:35,600 --> 00:41:39,970
Takže niektoré problémy.

912
00:41:39,970 --> 00:41:44,670
Takže budeme snažiť
aby textu väčšia.

913
00:41:44,670 --> 00:41:45,170
Dobre.

914
00:41:45,170 --> 00:41:48,360
Čo iné by niekto navrhnúť?

915
00:41:48,360 --> 00:41:50,332
Čo iné môžeme chcieť
robiť na webovej stránke?

916
00:41:50,332 --> 00:41:52,040
Poďme prísť s
krátky zoznam vecí,

917
00:41:52,040 --> 00:41:55,366
a potom preniesť do
Skupina prísť na to.

918
00:41:55,366 --> 00:41:56,270
>> Divákov: [nepočuteľné]

919
00:41:56,270 --> 00:42:02,251
>> David J. Malan: OK, umiestnenie textu
na rôznych stranách stránky?

920
00:42:02,251 --> 00:42:02,750
Dobre.

921
00:42:02,750 --> 00:42:04,620
Niečo iné.

922
00:42:04,620 --> 00:42:05,784
>> Divákov: [nepočuteľné]

923
00:42:05,784 --> 00:42:06,700
David J. Malan: Je.

924
00:42:06,700 --> 00:42:08,720
Takže gif je len
iný formát súboru.

925
00:42:08,720 --> 00:42:12,830
Len sme použili, čo, je
png alebo jpg asi?

926
00:42:12,830 --> 00:42:14,480
Použili sme jpg.

927
00:42:14,480 --> 00:42:16,780
Ak ste zvedaví, nadmerný
odpoveď na vašu otázku

928
00:42:16,780 --> 00:42:19,404
je jpg sa všeobecne používa pre
fotografie, pretože podporuje

929
00:42:19,404 --> 00:42:21,500
milióny farieb alebo 24 bitové farby.

930
00:42:21,500 --> 00:42:26,930
GIF sa zvyčajne používa pre, napríklad,
internetový mem tieto days-- animácie,

931
00:42:26,930 --> 00:42:28,810
ako animované súbory GIF.

932
00:42:28,810 --> 00:42:32,320
Ale to sa stáva použiť menší farbu
paleta, len 256 možných farieb,

933
00:42:32,320 --> 00:42:35,230
ale podporuje
transparentnosti a animácie.

934
00:42:35,230 --> 00:42:40,330
A potom je tu png, ktorý podporuje
transparentnosti a viac farieb

935
00:42:40,330 --> 00:42:41,300
ale nie animáciu.

936
00:42:41,300 --> 00:42:42,133
Takže je to trade-off.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Takže pridanie gif, hoci,
by byť funkčne

939
00:42:46,060 --> 00:42:48,396
ekvivalentná k pridanie png alebo jpg.

940
00:42:48,396 --> 00:42:49,110
Jo.

941
00:42:49,110 --> 00:42:50,550
zdrojový obraz rovná.

942
00:42:50,550 --> 00:42:51,590
Takže niečo iné.

943
00:42:51,590 --> 00:42:57,288
Poďme prísť s niečím,
sme poslali Victoria robiť tu.

944
00:42:57,288 --> 00:42:59,209
>> Divákov: Pridajte tlačidlá pre formulár.

945
00:42:59,209 --> 00:43:00,000
David J. Malan: OK.

946
00:43:00,000 --> 00:43:02,179
Tak pridať tlačidlá na formulári.

947
00:43:02,179 --> 00:43:03,470
A budeme robiť, že jeden dohromady.

948
00:43:03,470 --> 00:43:07,220
Tak to bude perfektné segue
hneď po tejto výzve.

949
00:43:07,220 --> 00:43:10,357
Čokoľvek iné?

950
00:43:10,357 --> 00:43:11,440
Čo môžete urobiť?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Webový cíti veľmi neohromující
ak je to všetko, čo môžeme robiť.

953
00:43:16,516 --> 00:43:18,140
Divákov: Zmena farby textu.

954
00:43:18,140 --> 00:43:19,500
David J. Malan: Zmena čo?

955
00:43:19,500 --> 00:43:20,666
Publikum: Farba textu.

956
00:43:20,666 --> 00:43:22,311
David J. Malan: Zmena farby textu.

957
00:43:22,311 --> 00:43:22,810
Dobre.

958
00:43:22,810 --> 00:43:23,790
Tak ideme na to.

959
00:43:23,790 --> 00:43:27,209
Len znovu tak, že nie ste, len
naspamäť, robí presne to, čo robím,

960
00:43:27,209 --> 00:43:29,500
Idem sa obrátiť na hudbu
pre asi päť minút tu.

961
00:43:29,500 --> 00:43:30,450
Rado sa používať Google.

962
00:43:30,450 --> 00:43:33,130
Rado sa ma pýtať, a
Budem šepkať náznak do ucha.

963
00:43:33,130 --> 00:43:35,171
Rado sa pozrieť
viac než na ostatných ramien.

964
00:43:35,171 --> 00:43:37,340
Ale rieši len jeden z týchto problémov.

965
00:43:37,340 --> 00:43:40,190
Ale urobíme ten posledný, na
tvoria jeden, keby sme mohli spoločne.

966
00:43:40,190 --> 00:43:42,790
Tak päť minút riešiť
niektoré z týchto problémov

967
00:43:42,790 --> 00:43:46,780
používate Google, intuícia, alebo akákoľvek
iné prostriedky k dispozícii.

968
00:43:46,780 --> 00:43:48,630
>> [MUSIC PLAYBACK]

969
00:43:48,630 --> 00:43:49,130
Dobre.

970
00:43:49,130 --> 00:43:50,838
Žiadne starosti, ak chcete
zachovať šťourat,

971
00:43:50,838 --> 00:43:53,880
ale budem kaziť pár
z týchto odpovedí.

972
00:43:53,880 --> 00:43:57,986
Takže prvý návrh z
Victoria bola robiť texte väčší.

973
00:43:57,986 --> 00:43:59,360
Takže tam je niekoľko spôsobov, ako to dosiahnuť.

974
00:43:59,360 --> 00:44:01,530
Ja som v súčasnej dobe obnovené
obrazovka na túto veľkosť,

975
00:44:01,530 --> 00:44:04,310
keď som zväčšených
umelo jednoducho vidieť veci.

976
00:44:04,310 --> 00:44:07,470
A ideme na to.

977
00:44:07,470 --> 00:44:11,380
Nechaj ma ísť dopredu a urvat
niektoré generické latinský text

978
00:44:11,380 --> 00:44:19,540
Len tak máme niečo pracovať.

979
00:44:19,540 --> 00:44:20,715
Tak daj mi len jeden okamih.

980
00:44:20,715 --> 00:44:21,840
Urobím tri odseky.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
OK.

983
00:44:53,930 --> 00:44:55,560
Bude to lepšie príklad.

984
00:44:55,560 --> 00:44:57,840
Takže pre zvedavé, v
môj hello.html, len som

985
00:44:57,840 --> 00:45:01,645
vložiť tri nezmyselný
latinské body

986
00:45:01,645 --> 00:45:03,270
Len tak máme nejaký text pracovať.

987
00:45:03,270 --> 00:45:06,720
A Victoria cieľom bolo
urobiť niektoré z textu väčšia.

988
00:45:06,720 --> 00:45:09,879
Takže som mohol, rovnako ako predtým, ísť sem.

989
00:45:09,879 --> 00:45:11,170
A nechaj ma to urobiť správnym spôsobom.

990
00:45:11,170 --> 00:45:13,253
Budem mať odkaz
tag, ktorý odkazuje na súbor

991
00:45:13,253 --> 00:45:20,560
s názvom "styles.css," vzťah
z ktorých je opäť "štýlov."

992
00:45:20,560 --> 00:45:25,221
A potom budem tou výnimkou, že
a otvoriť tento "styles.css."

993
00:45:25,221 --> 00:45:28,940
>> Tak, ako predtým, mám
Schopnosť v tomto súbore CSS

994
00:45:28,940 --> 00:45:31,569
skutočne prepísať predvolené
estetika webové stránky,

995
00:45:31,569 --> 00:45:33,860
a východiskové estetika,
Samozrejme, sú celkom nudné.

996
00:45:33,860 --> 00:45:36,943
Je to niečo normálne veľkosti písma, čierna
text, biele pozadie, a tak ďalej.

997
00:45:36,943 --> 00:45:39,440
Takže predpokladám, že chcem, aby sa
všetky tohto textu väčšia.

998
00:45:39,440 --> 00:45:40,460
Mohol by som urobiť pár vecí.

999
00:45:40,460 --> 00:45:43,750
Podľa môjho styles.css súboru, I
Dalo by sa povedať, viete čo,

1000
00:45:43,750 --> 00:45:46,950
platia nasledujúce
Telo moje stránky.

1001
00:45:46,950 --> 00:45:51,390
Choďte do toho a robiť
veľkosť písma 24 bodov,

1002
00:45:51,390 --> 00:45:54,130
čo je číslo by som mohol
použiť v aplikácii Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Nechaj ma ísť späť do môjho webu
Stránka tu a znova,

1004
00:45:57,620 --> 00:45:59,640
a môžete vidieť, že
už je oveľa väčší.

1005
00:45:59,640 --> 00:46:02,223
A môžeme dostať trochu blázon,
rovnako ako môžeme na desktop--

1006
00:46:02,223 --> 00:46:03,670
aby bolo 96 bodov.

1007
00:46:03,670 --> 00:46:04,950
Reload.

1008
00:46:04,950 --> 00:46:07,610
A je to stále málo
nepraktický v tomto bode.

1009
00:46:07,610 --> 00:46:09,500
>> Ale môžem byť trochu presnejší.

1010
00:46:09,500 --> 00:46:14,530
Namiesto použitia tejto
štýlov k telu mojej stránky,

1011
00:46:14,530 --> 00:46:21,740
čo iného by som mohol použiť ju na miesto,
aké ďalšie značka, ktorá by ešte

1012
00:46:21,740 --> 00:46:25,445
funkcie rovnakým spôsobom?

1013
00:46:25,445 --> 00:46:26,444
>> Publikum: p tag?

1014
00:46:26,444 --> 00:46:27,360
David J. Malan: P štítok.

1015
00:46:27,360 --> 00:46:29,350
Takže hlava nebude
správne, pretože hlavy,

1016
00:46:29,350 --> 00:46:31,300
nemôžete vlastne
ovládať estetiku.

1017
00:46:31,300 --> 00:46:32,700
Je tam, alebo nie formou textu.

1018
00:46:32,700 --> 00:46:36,760
Ale p tag-- môžem ponoriť trochu
hlbšie, tak povediac, na odsek

1019
00:46:36,760 --> 00:46:37,350
tagy.

1020
00:46:37,350 --> 00:46:41,600
A aj keď sú tam tri,
To je úplne v poriadku, pretože v CSS,

1021
00:46:41,600 --> 00:46:44,900
keď som len povedať "p", táto
znamená platia nasledujúce

1022
00:46:44,900 --> 00:46:48,300
na akúkoľvek značku, ktorá zodpovedá tejto
volič, volič len

1023
00:46:48,300 --> 00:46:49,430
je názov tagu.

1024
00:46:49,430 --> 00:46:52,350
Takže tam, kde vidíte
"P", platí veľkosť písma,

1025
00:46:52,350 --> 00:46:55,222
a poďme robiť to viac
rozumné again-- 24 bod.

1026
00:46:55,222 --> 00:46:56,930
A viete čo,
Len pre istotu,

1027
00:46:56,930 --> 00:46:59,810
urobme farbu
red len na chvíľu.

1028
00:46:59,810 --> 00:47:03,740
A teraz keď som znova, teraz
vidieť tri škaredé body.

1029
00:47:03,740 --> 00:47:07,180
>> Ale teraz predpokladajme, že som nejako
of-- Chcem prvý odsek

1030
00:47:07,180 --> 00:47:08,210
vyskočiť na používateľa.

1031
00:47:08,210 --> 00:47:11,150
Ja nechcem len zvýšiť
veľkosť písma všetkého.

1032
00:47:11,150 --> 00:47:16,105
A tak som sa skutočne chcú identifikáciu alebo
rozlišovať medzi týmito bodmi.

1033
00:47:16,105 --> 00:47:18,730
Takže poďme sa zbaviť červené,
pretože to je len trochu lacné,

1034
00:47:18,730 --> 00:47:23,885
a poďme do toho a aby sa
veľkosť písma 12-bodový v predvolenom nastavení,

1035
00:47:23,885 --> 00:47:26,260
takže sme späť k niečomu
trochu rozumnejšie.

1036
00:47:26,260 --> 00:47:29,190
A teraz chcem len k zvýšeniu
veľkosť písma v prvom odseku.

1037
00:47:29,190 --> 00:47:31,440
Zvládnem to v niekoľkých
spôsobmi, ale jeden spôsob, ako to je

1038
00:47:31,440 --> 00:47:37,180
snáď najviac inštruktážne at the
moment je nasledujúci.

1039
00:47:37,180 --> 00:47:43,280
Nechaj ma ísť a povedať, toto
odsek má jedinečný identifikátor "prvý".

1040
00:47:43,280 --> 00:47:45,000
Mohol by som zavolať túto čo chcem.

1041
00:47:45,000 --> 00:47:46,874
Mohol by som volať toto "foo"
alebo akékoľvek iné slovo,

1042
00:47:46,874 --> 00:47:49,290
ale ja idem dať mu nejaký
sémanticky zmysluplné meno

1043
00:47:49,290 --> 00:47:50,320
ako "prvý".

1044
00:47:50,320 --> 00:47:54,790
To je jedinečný identifikátor,
ID, na môj prvý odsek.

1045
00:47:54,790 --> 00:47:59,360
>> Čo môžem robiť teraz v mojom štýlov
Je o niečo presnejšie.

1046
00:47:59,360 --> 00:48:02,330
Namiesto toho hovorí, platí
nasledujúce p tagu

1047
00:48:02,330 --> 00:48:04,890
Môžem povedať, že following--
platia nasledujúce,

1048
00:48:04,890 --> 00:48:11,000
alebo zvoľte, HTML element
ktorý má jedinečné ID "prvý".

1049
00:48:11,000 --> 00:48:12,350
Čo chcem, aby sa na neho vzťahujú?

1050
00:48:12,350 --> 00:48:15,250
Veľkosť písma 24 bodu.

1051
00:48:15,250 --> 00:48:16,640
Takže mám dva selektory teraz.

1052
00:48:16,640 --> 00:48:19,690
Jeden robí všetky
body 12 bodov.

1053
00:48:19,690 --> 00:48:24,960
Ale tento jeden, najmä preto, že ide
second-- to príde minule v file--

1054
00:48:24,960 --> 00:48:27,090
to má kaskádový účinok.

1055
00:48:27,090 --> 00:48:30,200
Práve som urobil všetku moju
Značky odseky 12 bodov,

1056
00:48:30,200 --> 00:48:34,350
ale to teraz kaskády a
prepíše, že pre akékoľvek prvky

1057
00:48:34,350 --> 00:48:38,800
na stránke akýkoľvek štítok na stránke, ktorej
jedinečný identifikátor je citát koniec citátu "prvý".

1058
00:48:38,800 --> 00:48:41,720
A hashtag v tejto súvislosti
jednoducho znamená "jedinečný identifikátor."

1059
00:48:41,720 --> 00:48:43,750
Nechcem dať do HTML súboru.

1060
00:48:43,750 --> 00:48:46,880
Aj tu, stačí povedať
citát koniec citátu "prvý".

1061
00:48:46,880 --> 00:48:48,470
>> Tak nech mi znovu.

1062
00:48:48,470 --> 00:48:49,919
A teraz vidím, ah, OK.

1063
00:48:49,919 --> 00:48:51,710
Myslím, že to nie je tak
pekný, ale je to trochu

1064
00:48:51,710 --> 00:48:53,600
ako so samotným predhovore ku
kniha alebo niečo také,

1065
00:48:53,600 --> 00:48:55,100
kde prvý odsek je väčšia.

1066
00:48:55,100 --> 00:48:57,933
Mohol by to byť ešte presnejší
len prvé písmená, ale prinajmenšom

1067
00:48:57,933 --> 00:48:59,110
Ja som vykonával väčšiu kontrolu.

1068
00:48:59,110 --> 00:49:04,760
Teraz maybe-- možno chcem to urobiť
príležitostne z akéhokoľvek dôvodu,

1069
00:49:04,760 --> 00:49:09,010
a tak nechcem to
vzťahovať iba na jeden HTML tagu.

1070
00:49:09,010 --> 00:49:15,110
Skôr, poďme say-- poďme
tiež urobiť nasledujúce.

1071
00:49:15,110 --> 00:49:18,810
Class = "import".

1072
00:49:18,810 --> 00:49:23,970
Kým ID slúži na jednoznačnú
identifikovať jednu vec, jednu značku,

1073
00:49:23,970 --> 00:49:30,190
do webovej stránky, trieda má byť
používať na ľubovoľnom počte prvkov alebo tagy

1074
00:49:30,190 --> 00:49:30,950
Na svojej webovej stránke.

1075
00:49:30,950 --> 00:49:31,710
Takže je to na opakované použitie.

1076
00:49:31,710 --> 00:49:33,090
ID nemožno použiť znovu.

1077
00:49:33,090 --> 00:49:34,450
Trieda je na jedno použitie.

1078
00:49:34,450 --> 00:49:37,830
>> A viete čo, pre čokoľvek
filozofické reasons--

1079
00:49:37,830 --> 00:49:40,180
Nechcel som dokončil svoj
Myslel som chcel povedať

1080
00:49:40,180 --> 00:49:44,300
že prvý odsek a
Druhý bod je dôležitý.

1081
00:49:44,300 --> 00:49:48,600
Takže idem požiadať o triedu s názvom
"Dôležité", že ak I ušetriť súbor

1082
00:49:48,600 --> 00:49:51,510
a znova, nemá žiadny
funkčný dopad doteraz.

1083
00:49:51,510 --> 00:49:53,780
Ale ja som pridal niektoré
metadáta Zo spisu vyplýva,

1084
00:49:53,780 --> 00:49:56,610
druh niečo oddelený
zo základných údajov v spise o,

1085
00:49:56,610 --> 00:50:02,300
takže teraz v mojom štýlov, keby som
Namiesto toho hovoria ".Upozornění" - viete,

1086
00:50:02,300 --> 00:50:07,110
čokoľvek, čo je dôležité, že som
bude robiť font-farby, red--

1087
00:50:07,110 --> 00:50:09,930
alebo skôr nie font-farby, len farbu.

1088
00:50:09,930 --> 00:50:12,930
Je tu rozpory
v CSS bohužiaľ.

1089
00:50:12,930 --> 00:50:14,120
A znova.

1090
00:50:14,120 --> 00:50:17,640
Teraz si všimnúť prvý
dva odseky sú červené

1091
00:50:17,640 --> 00:50:20,880
ale nie tretí, pretože som len
aplikoval triedu "dôležité"

1092
00:50:20,880 --> 00:50:25,020
k prvému dvoch z týchto vecí.

1093
00:50:25,020 --> 00:50:28,030
>> Takže ID, budete mať možnosť
určiť veľmi presne.

1094
00:50:28,030 --> 00:50:30,110
S triedami, máte opätovnú použiteľnosť.

1095
00:50:30,110 --> 00:50:33,800
Ale v oboch prípadoch všimnete
druh princípe dobré dizajnu

1096
00:50:33,800 --> 00:50:39,072
kde som vytknúť všetky
estetika v mojom styles.css súbore.

1097
00:50:39,072 --> 00:50:40,280
Takže tam to tu žiadny neporiadok.

1098
00:50:40,280 --> 00:50:44,490
Neexistuje žiadna zmienka o červené alebo
tučné-obklad alebo veľkosť písma v tomto súbore.

1099
00:50:44,490 --> 00:50:49,430
Skôr mám sémanticky,
zmysluplne charakterizovaný mojich údajov ako,

1100
00:50:49,430 --> 00:50:51,240
Tu sú niektoré dôležité údaje.

1101
00:50:51,240 --> 00:50:52,800
Tu je niektoré ďalšie dôležité dáta.

1102
00:50:52,800 --> 00:50:56,500
Okrem toho, je tu
"Prvý" z mojich dôležitých dát.

1103
00:50:56,500 --> 00:51:01,050
Takže HTML je predovšetkým o triedení
tagovanie doslova slová

1104
00:51:01,050 --> 00:51:05,270
a odsekov a konštrukty vo vašom
Stránka s týmito malými náznakmi, ak vás

1105
00:51:05,270 --> 00:51:07,640
bude, že môžete
nejakým spôsobom využiť používaní

1106
00:51:07,640 --> 00:51:10,880
Iné techniky, ako je CSS týmto spôsobom.

1107
00:51:10,880 --> 00:51:14,760
>> Takže v odpovedi na otázku Victoria,
môžeme textu väčšia týmto spôsobom.

1108
00:51:14,760 --> 00:51:18,380
Existuje mnoho iných spôsobov, ale
písmo tag-- otvorený držiak "font" -

1109
00:51:18,380 --> 00:51:19,770
je v skutočnosti niekoľko rokov.

1110
00:51:19,770 --> 00:51:21,410
A to je ten problém,
Tiež sa spoliehať iba

1111
00:51:21,410 --> 00:51:23,485
na online resources--
majú tendenciu byť zastaralé.

1112
00:51:23,485 --> 00:51:26,110
A skutočne, ktorý bol zastaraný,
pretože svet si uvedomil,

1113
00:51:26,110 --> 00:51:28,970
čo znamená "font-size = 7" znamená?

1114
00:51:28,970 --> 00:51:29,670
To nie je.

1115
00:51:29,670 --> 00:51:32,770
A tak po mnoho rokov a
Tento day-- jeden z boku

1116
00:51:32,770 --> 00:51:36,060
berie na vedomie, tu je to, že je v skutočnosti
neuveriteľne bolestivé ešte niekedy

1117
00:51:36,060 --> 00:51:38,900
vyvinúť miesta pre
web, pretože Microsoft

1118
00:51:38,900 --> 00:51:44,220
a Google a Mozilla a
iní často rozchádzajú v tom, ako

1119
00:51:44,220 --> 00:51:47,480
interpretovať špecifikácie ako HTML.

1120
00:51:47,480 --> 00:51:52,490
>> Tam je súbor pravidiel pre HTML, ktoré
všeobecne hovorí, že to, čo každá značka znamená.

1121
00:51:52,490 --> 00:51:55,690
Ale niekedy je to ponechané na
uváženia implementácie je,

1122
00:51:55,690 --> 00:51:57,290
diskrétnosť a Google Microsoft.

1123
00:51:57,290 --> 00:52:00,000
A tak sa budete veľmi často
vidieť na webových stránkach niečom

1124
00:52:00,000 --> 00:52:04,954
vyzerá inak na PC
než to robí na počítači Mac,

1125
00:52:04,954 --> 00:52:06,995
a to je naozaj preto, že
na konci dňa,

1126
00:52:06,995 --> 00:52:08,891
nemali to vyskúšať
dobre na oboch platformách.

1127
00:52:08,891 --> 00:52:11,390
Ale je to aj preto, že rozumná,
chytrí ľudia nebudú súhlasiť

1128
00:52:11,390 --> 00:52:14,970
a spoločnosti budú súhlasiť, a tak
Jednou z výziev programovania

1129
00:52:14,970 --> 00:52:16,980
pre web alebo projektovanie
veci na webe

1130
00:52:16,980 --> 00:52:21,700
píše svoje webové stránky takým spôsobom,
ktorý funguje na každom webovom prehliadači.

1131
00:52:21,700 --> 00:52:23,410
Ale aj to je nerozumné, že jo?

1132
00:52:23,410 --> 00:52:27,807
Existuje mnoho verzií toľko
prehliadača tam, že v určitom okamihu,

1133
00:52:27,807 --> 00:52:30,890
máte tiež urobiť úsudok volanie
a vy budete musieť rozhodnúť, ako spoločnosť,

1134
00:52:30,890 --> 00:52:33,082
najmä pre e-commerce štýle
miesta, kam

1135
00:52:33,082 --> 00:52:36,290
pokusu o použitie najnovšie a najväčšie
Technológia dať naozaj dobrý užívateľa

1136
00:52:36,290 --> 00:52:37,110
zážitok.

1137
00:52:37,110 --> 00:52:41,019
Ale niektorí percento užívateľov by mohlo
stále používate Internet Explorer 6 alebo 7

1138
00:52:41,019 --> 00:52:43,810
alebo 8, a to najmä v závislosti na
Krajina, ktorá oni prichádzajú.

1139
00:52:43,810 --> 00:52:46,760
>> A tak veľmi často
konzultované je niečo,

1140
00:52:46,760 --> 00:52:50,920
ako "štatistiky webového prehliadača."

1141
00:52:50,920 --> 00:52:56,560
A ak pôjdeme to-- pozrime Wikipedia
a uvidíte, ako up-to-date tento graf je

1142
00:52:56,560 --> 00:52:59,320
ak existuje.

1143
00:52:59,320 --> 00:53:02,420
Takže tu vidíte
kde prehliadača vlastne

1144
00:53:02,420 --> 00:53:06,160
sú podľa decembra 2015,
Podľa vlády USA.

1145
00:53:06,160 --> 00:53:11,170
Chrome je v podiele na trhu 42%, nasledoval
IE do značnej miery na firemné nastavenie

1146
00:53:11,170 --> 00:53:14,490
alebo nastavenia PC, samozrejme,
nasleduje Firefox,

1147
00:53:14,490 --> 00:53:17,440
potom Safari, Opera potom nie
aby mapy tu z nejakého dôvodu,

1148
00:53:17,440 --> 00:53:18,210
a potom ďalšie.

1149
00:53:18,210 --> 00:53:19,500
Možno je to v kategórii Ostatné.

1150
00:53:19,500 --> 00:53:27,700
Ale problematickejšie ako to je--
Uvidíme, či Wikipedia má tiež

1151
00:53:27,700 --> 00:53:35,194
verzie prehliadačov version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Poďme do štatistík prehliadača.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Ani to nestačí.

1156
00:53:42,030 --> 00:53:44,854
Štatistiky prehliadači.

1157
00:53:44,854 --> 00:53:45,353
Moja verzia.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Že to nebude mať pravdu.

1160
00:53:50,540 --> 00:53:53,414
Pozrime sa verzie.

1161
00:53:53,414 --> 00:53:54,830
trhový podiel prehliadača.

1162
00:53:54,830 --> 00:53:57,110
Uvidíme, či to príde.

1163
00:53:57,110 --> 00:53:57,610
OK.

1164
00:53:57,610 --> 00:54:00,010
Teraz to začína
trochu užitočnejšie.

1165
00:54:00,010 --> 00:54:04,870
Tak tu si všimnite, že máme všetci
rôzne verzie prehliadačov.

1166
00:54:04,870 --> 00:54:09,887
A, môj bože, keď sa look-- Chrome
48, 47 Chrome, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Myslím, prehliadača stále aktualizovaná,
a niekedy niektoré z týchto zmien

1168
00:54:12,970 --> 00:54:16,430
sú významné
z hľadiska funkčnosti.

1169
00:54:16,430 --> 00:54:20,630
A tak v určitom bode,
produktoví manažéri alebo inžinieri

1170
00:54:20,630 --> 00:54:23,620
je potrebné vykonať decision-- vás
Vieš čo, len 1% na svete

1171
00:54:23,620 --> 00:54:24,740
stále používa IE 7.

1172
00:54:24,740 --> 00:54:25,490
Do čerta s nimi.

1173
00:54:25,490 --> 00:54:27,470
My jednoducho nebude
podporu tohto prehliadača.

1174
00:54:27,470 --> 00:54:28,740
A čo to znamená nepodporovať?

1175
00:54:28,740 --> 00:54:31,170
To by mohlo znamenať, že gombíky
nefungujú na svoje webové stránky,

1176
00:54:31,170 --> 00:54:33,050
alebo by to mohlo znamenať, že
Formátovanie je úplne mimo.

1177
00:54:33,050 --> 00:54:35,091
Alebo možno budete musieť vykonať
ten istý úsudku

1178
00:54:35,091 --> 00:54:39,089
v mobilných týchto dňoch, kedy, sme
nebude podporovať iOS 5 už nie.

1179
00:54:39,089 --> 00:54:40,380
Takže ľudia jednoducho musieť upgradovať.

1180
00:54:40,380 --> 00:54:45,850
Alebo nebudeme podporovať Cupcake
Android OS pre zariadenia so systémom Android,

1181
00:54:45,850 --> 00:54:48,629
pretože ako world-- ako
tech svet chce posunúť vpred,

1182
00:54:48,629 --> 00:54:51,170
to akosi chce pretiahnuť
svet s ním tak, že to tak nie je

1183
00:54:51,170 --> 00:54:53,295
musí byť aj naďalej
spätne kompatibilné, takže

1184
00:54:53,295 --> 00:54:54,920
môžu ponúknuť nové a dobré vlastnosti.

1185
00:54:54,920 --> 00:54:57,878
To je jedným z dôvodov,
prečo tak veľa firiem vyvaliť

1186
00:54:57,878 --> 00:55:01,440
automatické aktualizácie a tak nejako nútiť
najnovšia verzia softvéru na nás.

1187
00:55:01,440 --> 00:55:04,010
A dokonca aj firmy
rovnako ako Apple bude triediť podľa

1188
00:55:04,010 --> 00:55:07,280
núti vás takmer alebo zaviazať
vy z hľadiska trhovej sily

1189
00:55:07,280 --> 00:55:11,164
kúpiť nový telefón, pretože jednoducho
nebude aktualizovať svoj starý telefón ešte.

1190
00:55:11,164 --> 00:55:13,330
Takže si ujsť
najnovšie a najlepšie funkcie,

1191
00:55:13,330 --> 00:55:17,520
pretože je to nákladné pre nich ako
Spoločnosť udržať starší, pravdepodobne

1192
00:55:17,520 --> 00:55:19,330
podradné verzie softvéru.

1193
00:55:19,330 --> 00:55:23,660
Ale Výsledkom je, že
tiež trpieť to rovnako.

1194
00:55:23,660 --> 00:55:26,550
>> Takže poďme sa pozrieť na práve
pár finálnych vecí tu.

1195
00:55:26,550 --> 00:55:29,740
Poďme ukradnúť naozaj rýchlo niektorá
tie ostatné guľky, ak zvedavý.

1196
00:55:29,740 --> 00:55:33,440
Takže ak ste sa snažili,
napríklad pozíciu

1197
00:55:33,440 --> 00:55:36,420
text na rôznych stranách
strana, budem robiť jednu rýchly spôsob,

1198
00:55:36,420 --> 00:55:38,360
ale je tu iný
spôsobov, ako to dosiahnuť.

1199
00:55:38,360 --> 00:55:42,610
Nechaj ma ísť dopredu a eliminate--
zjednodušiť to nasledujúcim spôsobom.

1200
00:55:42,610 --> 00:55:45,330
Nechaj ma ísť späť do môjho
jednoduché, prosté body.

1201
00:55:45,330 --> 00:55:47,760
Nechaj ma ísť späť do môjho styles.css.

1202
00:55:47,760 --> 00:55:51,040
A ja som jednoducho ísť používať simple--
ktoré ste mohli vidieť na Google

1203
00:55:51,040 --> 00:55:54,430
alebo ho vyvolajte z earlier--
text-align pravdu.

1204
00:55:54,430 --> 00:55:56,220
A obnovte túto stránku.

1205
00:55:56,220 --> 00:55:58,470
Teraz je všetko sa zdá
byť zarovnaný vpravo,

1206
00:55:58,470 --> 00:56:00,770
ako ste mohli vidieť na strope tu.

1207
00:56:00,770 --> 00:56:04,470
>> Môžeme sa, aby to vyzeralo trochu viac
si podobné a môžeme povedať, "ospravedlniť"

1208
00:56:04,470 --> 00:56:05,640
a znovu.

1209
00:56:05,640 --> 00:56:09,870
Teraz je to pekné a na námestí oba
strany, čo je celkom pekné.

1210
00:56:09,870 --> 00:56:12,220
Ďalším cieľom, ktorý sme tu mali
bola zmena farby textu.

1211
00:56:12,220 --> 00:56:13,650
Takže sme videli, že so svojím červeným textom.

1212
00:56:13,650 --> 00:56:15,630
A teraz pridať tlačidlá pre formulár.

1213
00:56:15,630 --> 00:56:19,390
Tak prečo nie sa snažíme robiť presne to?

1214
00:56:19,390 --> 00:56:23,656
Ale najprv nechaj ma ísť na stránky, ktoré
väčšina z nás používa každý day-- Google.

1215
00:56:23,656 --> 00:56:25,780
A poďme sa pozrieť na
Ako Google skutočne funguje.

1216
00:56:25,780 --> 00:56:26,821
Ale budem to robiť.

1217
00:56:26,821 --> 00:56:31,930
Najprv mi dovoľte to in-- áno,
nechaj ma ísť do Google ako prvý.

1218
00:56:31,930 --> 00:56:34,530
Budem musieť ísť
do Nastavenie Google,

1219
00:56:34,530 --> 00:56:40,660
pretože chcem vypnúť
niečo, čo nazýva okamžité výsledky.

1220
00:56:40,660 --> 00:56:43,580
>> Takže ste si možno všimli v
Google tieto days-- nechaj ma ísť späť

1221
00:56:43,580 --> 00:56:44,850
a to zapnúť.

1222
00:56:44,850 --> 00:56:47,900
Takže keď som začať hľadať
pre "mačky", ako je tento,

1223
00:56:47,900 --> 00:56:50,120
Všimnite si, že nielen
Mám auto-dokončenie up

1224
00:56:50,120 --> 00:56:54,520
top, naraz, samotná stránka
Zdá sa, že zmeniť celkom rýchlo, rovnako,

1225
00:56:54,520 --> 00:56:58,750
a to je Google pomocou jazyka
volal JavaScript snaží byť užitočný.

1226
00:56:58,750 --> 00:57:01,540
Ale bohužiaľ, to láskavý
z skazí našu diskusiu

1227
00:57:01,540 --> 00:57:04,010
o tom, čo sa skutočne deje
Pod kapotou tu.

1228
00:57:04,010 --> 00:57:09,070
Takže som tak nejako rýchlo
vypnutie okamžité výsledky.

1229
00:57:09,070 --> 00:57:11,510
A ja idem na tlačidlo Uložiť.

1230
00:57:11,510 --> 00:57:13,930
A teraz idem otvoriť
že diagnostický panel nástrojov, ktoré som

1231
00:57:13,930 --> 00:57:16,150
udržiavať otvor na karte sieť.

1232
00:57:16,150 --> 00:57:17,720
Tak ideme na to.

1233
00:57:17,720 --> 00:57:21,960
Nech me-- whoops--
rolovať to trochu dole.

1234
00:57:21,960 --> 00:57:24,410
A nechaj ma hľadať "mačky".

1235
00:57:24,410 --> 00:57:26,790
>> A teraz notice-- vlastne
To je dobrá príležitosť

1236
00:57:26,790 --> 00:57:28,840
diskutovať na chvíľu.

1237
00:57:28,840 --> 00:57:32,460
Všimnite si okamihu, kedy som ju type-- zastaviť.

1238
00:57:32,460 --> 00:57:35,250
Prestaň.

1239
00:57:35,250 --> 00:57:35,790
OK.

1240
00:57:35,790 --> 00:57:40,870
Všimnite si ten okamih som napíšete
C, pozerať sa na spodnej časti obrazovky.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. Čo na dno
z tejto obrazovky, moja karta Network,

1242
00:57:48,600 --> 00:57:53,320
navrhnú sa deje každý
Keď som písať list?

1243
00:57:53,320 --> 00:57:57,700
Bohužiaľ, žaba je veľmi
rozptyľujúce dnes alebo trojlístok

1244
00:57:57,700 --> 00:58:00,339
alebo čo to je.

1245
00:58:00,339 --> 00:58:01,880
Čo sa deje zakaždým, keď som napísal?

1246
00:58:01,880 --> 00:58:04,230
A dovoľte mi zrušte
bufferu a znovu ho zadajte.

1247
00:58:04,230 --> 00:58:06,580
Tak-- pokriky.

1248
00:58:06,580 --> 00:58:13,280
Zakaždým, keď som písať list, C- A- T--
takže nový riadok evidentne stále objavujú.

1249
00:58:13,280 --> 00:58:16,530
Čo každý z týchto riadkov predstavujú
základe toho, čo sme videli a diskutovali

1250
00:58:16,530 --> 00:58:17,339
tak ďaleko?

1251
00:58:17,339 --> 00:58:18,130
Divákov: Hľadanie?

1252
00:58:18,130 --> 00:58:21,770
David J. Malan: Hľadanie, alebo
všeobecnejšie, požiadavka HTTP

1253
00:58:21,770 --> 00:58:23,125
z môjho prehliadača na serveri.

1254
00:58:23,125 --> 00:58:29,090
Tak prečo je môj prehliadač robiť HTTP
vyžiadať zakaždým, keď píšem list?

1255
00:58:29,090 --> 00:58:30,502
>> Divákov: [nepočuteľné]

1256
00:58:30,502 --> 00:58:33,210
David J. Malan: Jo, to dáva
me tieto auto-kompletné výsledky.

1257
00:58:33,210 --> 00:58:35,190
Rovnako ako tam, kde sa tieto
Výsledky vyhľadávania pochádza?

1258
00:58:35,190 --> 00:58:38,120
No, zakaždým, keď som typ domu
písmeno, Google posiela viac

1259
00:58:38,120 --> 00:58:40,460
a viac a viac
Slovo som písať.

1260
00:58:40,460 --> 00:58:41,040
Prečo?

1261
00:58:41,040 --> 00:58:44,540
Pretože chcú, aby mi dal
lepšie a lepšie, lepší návrh,

1262
00:58:44,540 --> 00:58:48,880
zoznam návrhov, za to, čo slovo
Snažím sa skutočne kompletný.

1263
00:58:48,880 --> 00:58:53,030
Takže to znamená, že doslova každý
znak zadáte do Googlu

1264
00:58:53,030 --> 00:58:56,900
je odosielaný, v konečnom dôsledku
objem, ale tiež niekedy jeden

1265
00:58:56,900 --> 00:59:00,620
v čase za účelom vykonávania
Tieto auto-kompletné funkcie, keď

1266
00:59:00,620 --> 00:59:03,000
dáta je samozrejme na webe.

1267
00:59:03,000 --> 00:59:08,780
>> Teraz sa poďme pozrieť na to, čo vlastne
sa stane, keď na tlačidlo Hľadať v Google.

1268
00:59:08,780 --> 00:59:10,420
A potom budeme využívať to sami.

1269
00:59:10,420 --> 00:59:15,320
Takže keď som sa posunúť nadol teraz veľmi
Prvá žiadosť, ktorá sa práve stalo.

1270
00:59:15,320 --> 00:59:17,130
Všimnite si, že nasledujúce.

1271
00:59:17,130 --> 00:59:25,550
To bol poslaný k pomerne dlhé URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
a potom celý rad vecí.

1273
00:59:27,100 --> 00:59:29,620
Pozrime sa to vlastne teraz
V záložke prehliadača sám.

1274
00:59:29,620 --> 00:59:31,310
Poďme sa zbaviť paneli nástrojov tu.

1275
00:59:31,310 --> 00:59:33,140
Tu je na stránke výsledkov vyhľadávania.

1276
00:59:33,140 --> 00:59:34,790
A oznámenia tu je URL.

1277
00:59:34,790 --> 00:59:37,430
Teraz môžete asi tušíte
čo sa tu deje čiastočne.

1278
00:59:37,430 --> 00:59:39,090
Takže v prvom rade, definície.

1279
00:59:39,090 --> 00:59:42,570
Toto zrejme je cieľ
kde je formulár odoslaný.

1280
00:59:42,570 --> 00:59:44,910
Takže keď som napísal v
Slová "mačky" a stlačte klávesu Enter,

1281
00:59:44,910 --> 00:59:48,460
zrejme Google poslal
môj vstup textu na túto adresu URL

1282
00:59:48,460 --> 00:59:50,770
že som zdôraznila
tam, lomítko vyhľadávanie.

1283
00:59:50,770 --> 00:59:56,530
Ukázalo sa, že v URL, nič, čo by
sa stane potom, otáznik je,

1284
00:59:56,530 --> 01:00:01,270
ako sme stále hovoríš, pár kľúč-hodnota
ktorá bola zadaná do formulára alebo nejakým

1285
01:00:01,270 --> 01:00:04,500
prenášaná z
prehliadača na server.

1286
01:00:04,500 --> 01:00:07,180
>> Takže kedykoľvek napíšete vstup
do formy na webe

1287
01:00:07,180 --> 01:00:10,000
a je odoslaná ako máme
Diskutoval cez Get,

1288
01:00:10,000 --> 01:00:12,400
jeden z nich virtuálnej
obálky, obsah

1289
01:00:12,400 --> 01:00:15,510
Z toho envelope-- áno, udržať
stále plnená fyzicky

1290
01:00:15,510 --> 01:00:19,010
do obálky v triede
dnes, ale technologicky

1291
01:00:19,010 --> 01:00:21,110
je to vlastne dať do URL.

1292
01:00:21,110 --> 01:00:22,940
Takže v skutočnosti, dovoľte mi preosiať cez to.

1293
01:00:22,940 --> 01:00:25,010
Kde vidíte vstup od užívateľa?

1294
01:00:25,010 --> 01:00:27,490
Kde vidíte niečo
že ja sám napísal tu deje?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Jo, tak "mačky".

1297
01:00:33,491 --> 01:00:33,990
Správny?

1298
01:00:33,990 --> 01:00:36,380
Tak nech mi to destilovať
do niečoho jednoduchšieho.

1299
01:00:36,380 --> 01:00:39,917
Idem zmazať všetko o
Táto adresa URL, ktoré nerozumiem,

1300
01:00:39,917 --> 01:00:42,250
a ja som jednoducho ísť k odchodu
to ako tohle-- / hľadať? q = mačky.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Uvidíme kde Q
pochádza z roku chvíľu,

1303
01:00:47,890 --> 01:00:51,220
ale že sa cíti ako minimum
Množstvo informácií, ktoré mám k dispozícii.

1304
01:00:51,220 --> 01:00:53,050
A teraz budem stlačte Enter.

1305
01:00:53,050 --> 01:00:55,520
A všimnite si to ešte funguje.

1306
01:00:55,520 --> 01:00:57,950
Stále sa vrátime veľa mačiek.

1307
01:00:57,950 --> 01:01:00,340
Tak Google je milovník
ako to v týchto dňoch.

1308
01:01:00,340 --> 01:01:01,934
Je to 2016, nie 1999.

1309
01:01:01,934 --> 01:01:04,600
Takže je tu ďalšie veci, že moji
prehliadač posiela na server.

1310
01:01:04,600 --> 01:01:07,100
Ale to je minimálne
to všetko je nutné.

1311
01:01:07,100 --> 01:01:08,380
>> Tak čo sa deje?

1312
01:01:08,380 --> 01:01:14,320
No, v prvom nechaj ma ísť dopredu a ísť
späť na Cloud9 a nechaj ma ísť napred

1313
01:01:14,320 --> 01:01:15,620
a zavriem kartách skôr.

1314
01:01:15,620 --> 01:01:18,230
A budem to robiť na mojom
vlastniť len na chvíľu.

1315
01:01:18,230 --> 01:01:20,730
Chystám sa pokračovať
a vytvoriť nový súbor.

1316
01:01:20,730 --> 01:01:23,739
A budem ju uložiť ako google.html.

1317
01:01:23,739 --> 01:01:26,280
A budem veľmi quickly--
Idem ukradnúť, v skutočnosti,

1318
01:01:26,280 --> 01:01:28,510
niektoré z týchto texte len preto, aby ušetril čas.

1319
01:01:28,510 --> 01:01:30,610
Idem vložiť to tu.

1320
01:01:30,610 --> 01:01:33,850
Nebudem sa obťažovať s
akákoľvek štylizácia tentoraz.

1321
01:01:33,850 --> 01:01:38,340
Budeme volať toto "Môj Google."

1322
01:01:38,340 --> 01:01:41,230
A ja idem zbaviť
všetko v tele.

1323
01:01:41,230 --> 01:01:42,740
A ja budem robiť nasledujúce.

1324
01:01:42,740 --> 01:01:45,690
Nechaj ma priblížiť.

1325
01:01:45,690 --> 01:01:50,620
Formulár action-- a ako som krátko zmienil
earlier-- whoops-- ako som stručne

1326
01:01:50,620 --> 01:01:54,130
už bolo spomenuté, pôsobením
formulár, kam posielať dáta.

1327
01:01:54,130 --> 01:01:56,620
Tak google.com/search.

1328
01:01:56,620 --> 01:01:59,390
A spôsob chcem použiť
môže byť jedna z dvoch vecí.

1329
01:01:59,390 --> 01:02:02,870
To môže byť buď "dostať", ako držíme
diskutovať, alebo to môže byť "post".

1330
01:02:02,870 --> 01:02:05,340
Pre túto chvíľu je zásadný
Rozdiel je v tom, ak používate "dostať"

1331
01:02:05,340 --> 01:02:09,590
všetky informácie, ktoré
Užívateľ poskytuje dostane poslal v URL.

1332
01:02:09,590 --> 01:02:13,530
>> To je skvelé pre veci, ako je vyhľadávanie
motory a niekoľko ďalších aplikácií,

1333
01:02:13,530 --> 01:02:17,080
ale v tom, čo by to okolnosti
nebudete chcieť vyplniť formulár

1334
01:02:17,080 --> 01:02:21,620
a mať informácie neskončil
URL, rovnako ako v adresnom riadku prehliadača?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Aké formy robiť vás--

1337
01:02:26,605 --> 01:02:27,480
Divákov: [nepočuteľné]

1338
01:02:27,480 --> 01:02:28,450
David J. Malan: Jo, ako čo?

1339
01:02:28,450 --> 01:02:29,270
Divákov: Heslá.

1340
01:02:29,270 --> 01:02:31,936
David J. Malan: Jo, tak sa prihlásiť
na Facebook alebo nejaké webové stránky.

1341
01:02:31,936 --> 01:02:34,395
To je vstup používateľa z
formuláre, textové pole,

1342
01:02:34,395 --> 01:02:37,020
ale asi to nechcem
objavil v URL prehliadača.

1343
01:02:37,020 --> 01:02:38,121
Prečo?

1344
01:02:38,121 --> 01:02:40,870
Myslím, možno tam sú niektoré
bezpečnostné dôsledky na sieti,

1345
01:02:40,870 --> 01:02:44,830
ale more-- rád, jednoduchšie, čo keby
váš spolubývajúci, vaše ďalších významných,

1346
01:02:44,830 --> 01:02:47,710
vaše deti, váš manžel vyzerá
cez históriu prehliadača?

1347
01:02:47,710 --> 01:02:50,762
Tam je vaša heslo pravdu
tam v histórii prehliadača.

1348
01:02:50,762 --> 01:02:52,220
Že nemá pocit, že dobrý dizajn.

1349
01:02:52,220 --> 01:02:54,500
Alebo dokonca viac technicky,
Predpokladám, že sa snažíš

1350
01:02:54,500 --> 01:02:59,180
nahrať fotky na Flickr
alebo Facebook alebo wherever--

1351
01:02:59,180 --> 01:03:03,010
že je na vstupe užívateľa, aj keď
je to trochu viac interesting-- ako

1352
01:03:03,010 --> 01:03:05,530
mám vtesnať obraz v adresou?

1353
01:03:05,530 --> 01:03:06,730
Tak nejako akosi nemôže.

1354
01:03:06,730 --> 01:03:07,396
Tak nejako pôjde.

1355
01:03:07,396 --> 01:03:10,210
Ale fakt, že som zle
si predstaviť, že robí.

1356
01:03:10,210 --> 01:03:13,470
Tak som potrebné ďalší spôsob
nahrávanie fotografií na webové stránky,

1357
01:03:13,470 --> 01:03:15,657
a že iná metóda sa nazýva "post".

1358
01:03:15,657 --> 01:03:18,740
Ale teraz, budeme len hovoriť o
"So", čo je jednoduchšie z dvoch.

1359
01:03:18,740 --> 01:03:21,100
Jednoducho to dáva všetko
Užívateľský vstup do URL.

1360
01:03:21,100 --> 01:03:22,830
>> Takže tu je forma Ja vytváranie.

1361
01:03:22,830 --> 01:03:24,070
Chcem vstup.

1362
01:03:24,070 --> 01:03:24,820
A viete čo?

1363
01:03:24,820 --> 01:03:26,111
Chystám sa vziať hádať tu.

1364
01:03:26,111 --> 01:03:31,600
Idem pripomenúť môj
input "q" pre "dopyt".

1365
01:03:31,600 --> 01:03:34,970
A myslím, že je to jeden z
originálnym dizajnom, snáď z roku 1999.

1366
01:03:34,970 --> 01:03:39,560
A potom typ tohto vstupu
Je len bude "text".

1367
01:03:39,560 --> 01:03:43,040
A potom budem mať ďalšie vstupy
ktorý nepotrebuje meno, ako sme skoro uvidíme

1368
01:03:43,040 --> 01:03:45,120
pozri, ktorého typ je "predložiť".

1369
01:03:45,120 --> 01:03:47,070
A to bude
daj mi špeciálneho tlačidla.

1370
01:03:47,070 --> 01:03:48,320
A to je všetko.

1371
01:03:48,320 --> 01:03:50,790
>> Tak nechaj ma ísť dopredu a uložiť tento súbor.

1372
01:03:50,790 --> 01:03:54,910
Chystám sa vrátiť do mojej
prehliadač a prejdite na google.html.

1373
01:03:54,910 --> 01:03:56,140
Enter.

1374
01:03:56,140 --> 01:03:59,680
A je to celkom riedke
povedať najmenej.

1375
01:03:59,680 --> 01:04:03,110
Ale nechaj ma ísť napred
a hľadať "mačky".

1376
01:04:03,110 --> 01:04:06,510
A všimnite si, že som v súčasnosti
na tejto adrese Cloud9.

1377
01:04:06,510 --> 01:04:09,240
Ale vo chvíli, keď som na tlačidlo to,
kde si dúfam, že skončíte?

1378
01:04:09,240 --> 01:04:10,160
>> Divákov: Google.

1379
01:04:10,160 --> 01:04:11,118
>> David J. Malan: Google.

1380
01:04:11,118 --> 01:04:12,740
Takže poďme na tlačidlo Odoslať.

1381
01:04:12,740 --> 01:04:15,200
A skutočne som re-implementovaná Google.

1382
01:04:15,200 --> 01:04:15,700
Správny?

1383
01:04:15,700 --> 01:04:16,480
Je to jednoduchšie.

1384
01:04:16,480 --> 01:04:17,120
Je to ľahšie.

1385
01:04:17,120 --> 01:04:20,350
Myslím, že môj kód je jednoznačne lepší ako
ich, od neporiadku sme videli skôr.

1386
01:04:20,350 --> 01:04:21,100
A viete čo?

1387
01:04:21,100 --> 01:04:22,610
Chystám sa okoreniť to až trochu.

1388
01:04:22,610 --> 01:04:23,860
Nezmienil som sa o to skôr.

1389
01:04:23,860 --> 01:04:27,860
Tam sú značky, ako H1, v okruhu 1,
najdôležitejšie nadpis na stránke.

1390
01:04:27,860 --> 01:04:30,570
"Google My," Zavolám to.

1391
01:04:30,570 --> 01:04:31,940
Nechaj ma znovu.

1392
01:04:31,940 --> 01:04:33,772
Vyzerá to trochu lepšie už.

1393
01:04:33,772 --> 01:04:34,980
A skutočne, viete čo?

1394
01:04:34,980 --> 01:04:36,430
Mám already-- som klamal.

1395
01:04:36,430 --> 01:04:40,200
Povedal som, že nebudeme štýl to,
ale budem štýl to ako predtým.

1396
01:04:40,200 --> 01:04:46,860
A moje telo sa stane,
povedzme, text-align centrum.

1397
01:04:46,860 --> 01:04:48,800
Vyzerá to už viac ako Google.

1398
01:04:48,800 --> 01:04:51,090
>> Musím zalomenie riadku, aj keď,
za to tlačidlo Odoslať.

1399
01:04:51,090 --> 01:04:52,798
A ukázalo sa, vy
môžu používať body,

1400
01:04:52,798 --> 01:04:57,320
alebo si môžete viac doslova len povedať,
daj mi čiaru prestávka here-- na br značku.

1401
01:04:57,320 --> 01:04:59,319
A keď som znovu to, teraz to tam chodí.

1402
01:04:59,319 --> 01:05:01,610
Je to trochu škaredé, a tak som
mohol robiť viac riadkov,

1403
01:05:01,610 --> 01:05:03,310
ale poďme sa dostať sem príliš nenásytní.

1404
01:05:03,310 --> 01:05:06,430
Takže teraz uvidíme, či to funguje u "psy".

1405
01:05:06,430 --> 01:05:08,640
Zdá sa, že pracovať pre "psov", rovnako.

1406
01:05:08,640 --> 01:05:10,780
Takže to, čo je tu presvedčivé stánok s jedlom?

1407
01:05:10,780 --> 01:05:13,600
One-- nebol obrovský skok na
zavádzať niekoľko ďalších značiek,

1408
01:05:13,600 --> 01:05:15,370
ako tagu form vo vstupnom značke.

1409
01:05:15,370 --> 01:05:17,120
Ale ešte podstatnejšie
znamená, že všetci robíme

1410
01:05:17,120 --> 01:05:20,610
je využitie naša porozumenie
HTTP a skutočnosť,

1411
01:05:20,610 --> 01:05:24,900
že formy nakoniec zmeniť
čo je v URL prehliadača,

1412
01:05:24,900 --> 01:05:28,540
a tak teda môžeme
mechanicky prispievať k serveru

1413
01:05:28,540 --> 01:05:33,600
tým, že formulár HTML a vedieť,
že server chápe, HTTP,

1414
01:05:33,600 --> 01:05:36,890
rovnako ako naše telo chápe, rovnako ako,
triasť ruky mojej, že rovnaký protokol,

1415
01:05:36,890 --> 01:05:40,920
a tak sa vrátime odpoveď
že sme nakoniec očakávať.

1416
01:05:40,920 --> 01:05:44,050
>> Tak poďme skúsiť vykonať jednu
To posledné, čo teraz s mobilnou,

1417
01:05:44,050 --> 01:05:47,052
a budem make-- Pridám
tento kód sklíčka.

1418
01:05:47,052 --> 01:05:49,760
Takže ak by ste chceli pohrať, vás
možno určite vziať odtiaľ.

1419
01:05:49,760 --> 01:05:51,551
Ale ja idem
dopredu a urobiť jednu vec.

1420
01:05:51,551 --> 01:05:54,120
Chystám sa ísť dopredu a
otvoria svoje indexu page--

1421
01:05:54,120 --> 01:05:59,030
Dobrý deň môj stránky ako predtým, čo
Má veľa tohto textu faux-latinčiny,

1422
01:05:59,030 --> 01:06:05,470
alebo bezvýznamný latinský text, a has--
vyzerá to, že to v tejto veľkosti písma.

1423
01:06:05,470 --> 01:06:07,850
Ale dovoľte mi ísť dopredu a to urobiť.

1424
01:06:07,850 --> 01:06:09,300
Chystám sa ísť do Cloud9.

1425
01:06:09,300 --> 01:06:10,380
A vy nemusíte robiť tento krok.

1426
01:06:10,380 --> 01:06:11,420
Budem robiť to sám.

1427
01:06:11,420 --> 01:06:12,890
Idem na tlačidlo Share.

1428
01:06:12,890 --> 01:06:15,170
A to je vlastnosť
Len z Cloud9, pričom

1429
01:06:15,170 --> 01:06:17,710
Môžem sa životné prostredie, verejné.

1430
01:06:17,710 --> 01:06:20,240
>> A práve kvôli
Demonštrácie, nechaj ma to urobiť.

1431
01:06:20,240 --> 01:06:22,870
Idem robiť mojej žiadosti verejnosti.

1432
01:06:22,870 --> 01:06:25,230
Všimnite si, to ma varoval, am
Určite chcem to urobiť,

1433
01:06:25,230 --> 01:06:28,438
pretože to bude robiť každý
vo svete, či už je to tu

1434
01:06:28,438 --> 01:06:33,560
alebo sledovanie videa na neskôr
internet možnosť vidieť, čo vidím.

1435
01:06:33,560 --> 01:06:34,440
Ale to je v poriadku.

1436
01:06:34,440 --> 01:06:37,870
Budem hovoriť "Hotovo."

1437
01:06:37,870 --> 01:06:42,080
A dovoľte mi, aby som vás povzbudiť, keby som to urobil
Tento correctly-- dovoľte mi, aby som ju najprv otestovať.

1438
01:06:42,080 --> 01:06:45,590
Len do toho, ak nechcete mind--
do prehliadača v počítači,

1439
01:06:45,590 --> 01:06:49,900
choďte na túto adresu URL, a dúfajme
uvidíte môj latinský text.

1440
01:06:49,900 --> 01:06:52,820
A aby bolo jasné, že je to
bežiaci nie na mojom notebooku.

1441
01:06:52,820 --> 01:06:53,610
Je to v cloude.

1442
01:06:53,610 --> 01:06:58,120
Je to na Cloud9, a to doslova, ale
Už som sa priestoru verejnosti

1443
01:06:58,120 --> 01:07:03,450
takže ktokoľvek na internete
môžu pristupovať domovskú stránku latinčinu.

1444
01:07:03,450 --> 01:07:07,209
>> Prejdite na rovnakú adresu URL na
telefón, ak by ste mohli.

1445
01:07:07,209 --> 01:07:09,750
Ak vás to bude stáť, keď by ste
stačí sa pozrieť cez rameno.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
Divákov: [nepočuteľné]

1448
01:07:42,467 --> 01:07:43,550
David J. Malan: Je mi to ľúto?

1449
01:07:43,550 --> 01:07:45,390
Divákov: [nepočuteľné]

1450
01:07:45,390 --> 01:07:47,710
David J. Malan: Len latinské slová.

1451
01:07:47,710 --> 01:07:48,210
To je všetko.

1452
01:07:48,210 --> 01:07:49,250
Ale to, čo by ste mali vidieť.

1453
01:07:49,250 --> 01:07:49,875
>> Divákov: Jo.

1454
01:07:49,875 --> 01:07:50,790
David J. Malan: Jo.

1455
01:07:50,790 --> 01:07:51,300
Jo.

1456
01:07:51,300 --> 01:07:51,540
OK.

1457
01:07:51,540 --> 01:07:53,530
Takže môžem zdvihnúť vaše
telefón na chvíľku?

1458
01:07:53,530 --> 01:07:57,504
Takže dúfajme, že ak ste v prístupe
to by malo vyzerať takmer nečitateľný.

1459
01:07:57,504 --> 01:07:59,920
Je to still-- Myslím, že je to
nečitateľný kvôli latinčiny.

1460
01:07:59,920 --> 01:08:01,920
Ale je to tiež nečitateľný
z akého iného dôvodu?

1461
01:08:01,920 --> 01:08:03,775
Rovnako ako to, čo vám nepáči o tom?

1462
01:08:03,775 --> 01:08:04,650
Divákov: Je to malý.

1463
01:08:04,650 --> 01:08:06,420
David J. Malan: Je to super, super malý.

1464
01:08:06,420 --> 01:08:07,920
Tak ako môžeme tento problém vyriešiť?

1465
01:08:07,920 --> 01:08:09,730
Je to super, super malý
Na Victoria telefóne

1466
01:08:09,730 --> 01:08:11,400
a ak ste stiahol
it up sami, najskôr

1467
01:08:11,400 --> 01:08:14,660
malá na telefóne rovnako, ak nie je vás
mať zapnutý nastavenia prístupnosti.

1468
01:08:14,660 --> 01:08:15,530
Čo je to?

1469
01:08:15,530 --> 01:08:18,497
Dalo by sa jednoducho štípať a
zoom, ktorý je funkčný,

1470
01:08:18,497 --> 01:08:20,330
ale potom uvidíte iba
niekoľko slov naraz.

1471
01:08:20,330 --> 01:08:20,859
Tak počkaj.

1472
01:08:20,859 --> 01:08:21,720
Viem, ako to opraviť.

1473
01:08:21,720 --> 01:08:22,219
Správny?

1474
01:08:22,219 --> 01:08:26,130
Mohol by som použiť CSS, a ja mohol zmeniť
veľkosť písma z 12 bodov na 24-bod.

1475
01:08:26,130 --> 01:08:29,020
Ale vedľajší účinok, ktorý,
Samozrejme, bude teraz,

1476
01:08:29,020 --> 01:08:32,630
na stolnom počítači alebo notebooku,
Teraz text je dvakrát tak veľký.

1477
01:08:32,630 --> 01:08:35,810
A tak to by bolo pekné druh
rozlišovať medzi zariadeniami,

1478
01:08:35,810 --> 01:08:37,840
a to dopadá tam
sú spôsoby, ako robiť to.

1479
01:08:37,840 --> 01:08:39,590
existuje niekoľko
rôzne spôsoby, v skutočnosti,

1480
01:08:39,590 --> 01:08:44,189
pričom pomocou CSS a pokročilejších funkcií
že nebudeme ísť do veľmi podrobne,

1481
01:08:44,189 --> 01:08:46,960
môžete v podstate otázku
prehliadač a hovoria,

1482
01:08:46,960 --> 01:08:51,550
Ak je Vaša obrazovka menšia ako toto
Mnoho pixelov, použiť túto veľkosť písma.

1483
01:08:51,550 --> 01:08:55,180
Ak obrazovka je väčšia ako toto
Mnoho pixelov, použite tento iný veľkosť písma.

1484
01:08:55,180 --> 01:08:57,080
>> Môžete byť stále ešte chovateľ.

1485
01:08:57,080 --> 01:09:00,140
Ak ste niekedy navštívil
webová stránka, že na stole,

1486
01:09:00,140 --> 01:09:04,404
Má veľkú ponuku možná off na
bočné a potom všetok obsah

1487
01:09:04,404 --> 01:09:07,029
je na strane, ktorá menu--
to je druh spoločného paradigmy.

1488
01:09:07,029 --> 01:09:09,670
Menu na ľavej strane, obsah
Na pravej strane, alebo naopak.

1489
01:09:09,670 --> 01:09:13,569
Nie je naozaj pracovať na mobil, keď si
Obrazovka je len táto rada pixelov.

1490
01:09:13,569 --> 01:09:16,233
Takže bežnejšie na mobil,
Vaša ponuka sa náhle dostanete

1491
01:09:16,233 --> 01:09:18,399
zrútil, a budete musieť
kliknúť na tlačidlo vidieť,

1492
01:09:18,399 --> 01:09:22,404
alebo webové stránky bude klásť na ponuku
nad ňou a dať obsah pod ním.

1493
01:09:22,404 --> 01:09:24,779
A môžete implementovať tieto
veci rôznymi spôsobmi, taky.

1494
01:09:24,779 --> 01:09:28,340
Môžete požiadať svojich programátorov,
hej, tímu, kedykoľvek

1495
01:09:28,340 --> 01:09:34,450
vidíte požiadavke HTTP z Androidu
zariadenia, zariadenia Microsoft, je Google

1496
01:09:34,450 --> 01:09:39,930
zariadenia Apple zariadenia, použite tento
veľkosť písma a používať toto rozvrhnutie menu

1497
01:09:39,930 --> 01:09:42,670
inak použiť predvolený väčšie rozloženie.

1498
01:09:42,670 --> 01:09:45,410
>> Teraz, s použitím čo
Základným technika dnes

1499
01:09:45,410 --> 01:09:48,529
mohli inžinieri používajú
vedieť, či je to

1500
01:09:48,529 --> 01:09:53,660
iPhone, Android, telefón, laptop,
desktop hosťujúci servera spoločnosti?

1501
01:09:53,660 --> 01:09:55,310
V ktorom sa dostať tieto informácie?

1502
01:09:55,310 --> 01:09:56,080
>> Divákov: Hlavička?

1503
01:09:56,080 --> 01:09:57,740
>> David J. Malan: Jo, hlavička HTTP.

1504
01:09:57,740 --> 01:10:01,714
Takže každý požiadavka HTTP prichádzajúce z
ich zákazníci do svojich serveroch

1505
01:10:01,714 --> 01:10:03,880
patrí, vnútri ktoré virtuálne
obálka, celá partia

1506
01:10:03,880 --> 01:10:08,260
hlavičiek HTTP, z ktorých jeden je
prehliadač a operačný systém

1507
01:10:08,260 --> 01:10:10,290
dokonca, ak vám záleží na
že úroveň detailu.

1508
01:10:10,290 --> 01:10:13,790
Teraz je to mystická vyzerajúci reťazec, ale
existuje softvér, ktorý bude len

1509
01:10:13,790 --> 01:10:18,530
zjednodušiť to, a môžete sa opýtať
programovanie code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- čo telefón je tohle--
aké zariadenie je tento užívateľ používať?

1511
01:10:23,650 --> 01:10:27,501
A potom si môžete povedať, ukázať im to
verzia stránok, či je to telefón.

1512
01:10:27,501 --> 01:10:30,250
Ukážte im túto verziu
webové stránky, či je to notebook alebo desktop.

1513
01:10:30,250 --> 01:10:32,316
Ale vy ani nemusíte
na strane servera zložitosť.

1514
01:10:32,316 --> 01:10:33,940
Môžete to urobiť aj tie najjednoduchšie veci.

1515
01:10:33,940 --> 01:10:34,815
>> Chystám sa to urobiť.

1516
01:10:34,815 --> 01:10:38,995
Chystám sa pokračovať do
môj Cloud9 prostredie,

1517
01:10:38,995 --> 01:10:41,370
a idem pridať značku
že ste videli v Googlu predtým.

1518
01:10:41,370 --> 01:10:42,770
Je to nazýva metatag.

1519
01:10:42,770 --> 01:10:45,520
A nikdy Spomínam si toto, tak
Chystám sa ju prepísať tu.

1520
01:10:45,520 --> 01:10:50,552
Meta name = "viewporte" a potom
content = "width = šírka zariadenia, intital

1521
01:10:50,552 --> 01:11:02,060
scale = 1 "a to je všetko.

1522
01:11:02,060 --> 01:11:06,230
>> Tak, že to môže byť aj
ako magické zariekavania.

1523
01:11:06,230 --> 01:11:11,300
To nie je všetko, že jasné, ale to má
niečo spoločné s priezoru,

1524
01:11:11,300 --> 01:11:15,070
a výrezu je len telo
webová stránka je obdĺžniková oblasť, ktorá

1525
01:11:15,070 --> 01:11:16,690
definuje väčšinu stránky.

1526
01:11:16,690 --> 01:11:19,060
A to je práve hovorí
prehliadač, vieš čo?

1527
01:11:19,060 --> 01:11:22,589
Urobiť šírku tejto stránke
účinne rovná šírke zariadenia.

1528
01:11:22,589 --> 01:11:25,380
Inými slovami, nepredpokladajte, že
Máte akési neobmedzený priestor.

1529
01:11:25,380 --> 01:11:29,920
Predpokladajme, že máte len toľko, koľko
Priestor ako samotného zariadenia je veľký.

1530
01:11:29,920 --> 01:11:34,454
A tak teraz, keď som znovu toto
vo svojom prehliadači, nevidím žiadnu zmenu.

1531
01:11:34,454 --> 01:11:37,370
Ale keby som to urobil correctly-- a
dovoľte mi na moju fingers-- ak vám všetkým

1532
01:11:37,370 --> 01:11:42,920
preložiť svoje telefóny, viď
pozri presvedčivé zmenu?

1533
01:11:42,920 --> 01:11:43,620
Jo, je to--

1534
01:11:43,620 --> 01:11:45,067
>> Divákov: [nepočuteľné]

1535
01:11:45,067 --> 01:11:45,900
David J. Malan: Áno.

1536
01:11:45,900 --> 01:11:46,400
OK.

1537
01:11:46,400 --> 01:11:47,850
Takže pravdepodobne čitateľnejší teraz?

1538
01:11:47,850 --> 01:11:53,070
Ešte malý, aby sme boli spravodliví, ale nie
tak malý, aby bol neovládateľný.

1539
01:11:53,070 --> 01:11:56,920
A mohol by som určite prepísať
ďalej s CSS alebo na strane servera,

1540
01:11:56,920 --> 01:12:00,120
ale stále to, čo ste
videnie je stále viac a viac funkcií

1541
01:12:00,120 --> 01:12:02,900
pridávanej
na strane klienta environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, ako budeme diskutovať
Zajtra, CSS, a tak HTML--

1543
01:12:06,530 --> 01:12:09,190
že všetky tieto otázky
možno vykonať na strane klienta

1544
01:12:09,190 --> 01:12:11,910
tak, aby sa obťažovať
Server oveľa menej, a nie

1545
01:12:11,910 --> 01:12:14,530
musieť držať krok s, pre
inštancie, konštantný nápor

1546
01:12:14,530 --> 01:12:17,210
nového operačného systému
verzia, nové verzie prehliadača.

1547
01:12:17,210 --> 01:12:20,190
Stačí si len nechať prehliadač
opýtajte zariadenia, aké veľké sú tí,

1548
01:12:20,190 --> 01:12:22,890
a potom sa trochu logickým
rozhodnutia založené na tom.

1549
01:12:22,890 --> 01:12:25,140
Ale uvidíme viac príležitostí
pre logické rozhodovanie

1550
01:12:25,140 --> 01:12:27,223
Zajtra v kontexte
programovacieho jazyka.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Takže nejaké otázky, potom,
na vývoj webových aplikácií?

1553
01:12:32,760 --> 01:12:36,130
V súčasnej dobe nie je webové programovanie, per
o sebe, pretože väčšina všetko, čo sme urobili

1554
01:12:36,130 --> 01:12:38,370
Bol veľmi estetický, ak chcete.

1555
01:12:38,370 --> 01:12:41,750
Neexistuje žiadny rozhodovanie v
kód, ktorý sme napísali,

1556
01:12:41,750 --> 01:12:44,990
a tak to je dôvod, prečo HTML je značkovací
jazyk, nie je programovací jazyk.

1557
01:12:44,990 --> 01:12:47,140
Ale zajtra budeme brať
letmý pohľad, v konečnom dôsledku,

1558
01:12:47,140 --> 01:12:49,340
v JavaScripte, ktorý je
skutočný programovanie

1559
01:12:49,340 --> 01:12:54,220
jazyk, ktorý nám umožňuje robiť trochu viac.

1560
01:12:54,220 --> 01:12:56,800
>> Nejaké otázky?

1561
01:12:56,800 --> 01:13:00,480
No, dovoľte mi navrhnúť dve
Príležitosti pre nepovinné úlohy.

1562
01:13:00,480 --> 01:13:02,900
Jeden je-- tieto Cloud9
účty nevyprší.

1563
01:13:02,900 --> 01:13:04,669
Ste vítaní na využitie
aby pohrať.

1564
01:13:04,669 --> 01:13:05,960
Je to voľná úroveň služieb.

1565
01:13:05,960 --> 01:13:08,754
Uvedomte si, že ak pri vytváraní
Váš pracovný priestor, môžete zverejnili,

1566
01:13:08,754 --> 01:13:11,670
že nemá znamenať, že ktokoľvek na strane
internet môže vidieť, čo píšete.

1567
01:13:11,670 --> 01:13:15,104
Takže možno len za
nie do rozpakov sami

1568
01:13:15,104 --> 01:13:18,020
ak ste uvedenie svojej prvej web
Strana tam verejne náhodou,

1569
01:13:18,020 --> 01:13:20,134
ale nikto to bude
vedia, že vyzerajú rovnako.

1570
01:13:20,134 --> 01:13:23,760
>> A two-- dovoľte mi prehadzovať
up tejto adrese tiež,

1571
01:13:23,760 --> 01:13:28,250
najmä ak ste prišiel dnes
trochu menej pohodlné ako ostatné,

1572
01:13:28,250 --> 01:13:30,430
istí, čo toto všetko znamená.

1573
01:13:30,430 --> 01:13:36,780
Uvedomte si, že oveľa viac o tomto videu
ktorá je ako dobrý spôsob, ako zaspať

1574
01:13:36,780 --> 01:13:39,380
a tiež sa smiať chvíľu
Pritom je tiež

1575
01:13:39,380 --> 01:13:44,300
veľa spoločensky zaujímavé
a bezpečnostné relevantné diskusie

1576
01:13:44,300 --> 01:13:47,370
v ňom od Johna Oliver,
hoci komik.

1577
01:13:47,370 --> 01:13:55,456
>> Ale ak nie sú k dispozícii žiadne ďalšie otázky,
To nás privádza k recepcii.

1578
01:13:55,456 --> 01:13:56,830
Tak prečo nie zapnem hudby.

1579
01:13:56,830 --> 01:13:58,610
Malo by byť nápojov
a občerstvenie vonku.

1580
01:13:58,610 --> 01:14:00,220
Som rád, že sa mieša tak
Kým ľudia chceli,

1581
01:14:00,220 --> 01:14:01,600
odpovedať na otázky viac one-on-one.

1582
01:14:01,600 --> 01:14:03,330
Ale inak, nie je zač
vzlietnuť na akomkoľvek mieste,

1583
01:14:03,330 --> 01:14:05,740
a uvidíme sa zase
Zajtra ráno trochu viac.

1584
01:14:05,740 --> 01:14:07,290
Dobre, vďaka.

1585
01:14:07,290 --> 01:14:10,428