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

2
00:00:00,127 --> 00:00:01,210
DAVID J. Malan: Allt í lagi.

3
00:00:01,210 --> 00:00:02,160
Við erum aftur.

4
00:00:02,160 --> 00:00:05,810
Svo, markmið þessarar endanlega lotu
er að kynna nokkrar fleiri hugmyndir

5
00:00:05,810 --> 00:00:09,290
en einnig gefa öllum tækifæri
að eins konar teygja fingurna

6
00:00:09,290 --> 00:00:11,270
og í raun gera eitthvað
smá snertið ekki-á.

7
00:00:11,270 --> 00:00:13,897
Markmiðið er ekki að snúa
okkur öll inn í vefur verktaki

8
00:00:13,897 --> 00:00:16,230
með hvaða hætti, en í raun bara
til að gefa þér bragð af sumum

9
00:00:16,230 --> 00:00:21,750
af grundvallar býr yfir hvað
fer í forritun vefur og í dag vefur

10
00:00:21,750 --> 00:00:23,980
þróun, þannig að
truflanir hlið things--

11
00:00:23,980 --> 00:00:26,660
nei rökfræði, engin forritun
tungumál, bara skýringartexti.

12
00:00:26,660 --> 00:00:29,660
Og það mun gefa okkur tækifæri
til raunverulega sjá hvað er vefur framreiðslumaður er,

13
00:00:29,660 --> 00:00:34,140
Sjá hvað HTML skrá er, sjá hvað
það er HTTP er í raun þjóna upp.

14
00:00:34,140 --> 00:00:38,600
En áður en við kafa í, hvaða yfirlitssýning
spurningar um ský computing

15
00:00:38,600 --> 00:00:43,922
eða öryggi eða eitthvað þar á milli?

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

17
00:00:44,890 --> 00:00:47,181
Allt í lagi, vel, við skulum
að gera þetta, bara ef

18
00:00:47,181 --> 00:00:49,680
the aðferð af skilti upp fyrir
eitthvað tekur nokkrar mínútur.

19
00:00:49,680 --> 00:00:51,221
Við munum láta það gera það í bakgrunni.

20
00:00:51,221 --> 00:00:56,860
Fara á undan, ef þú gætir,
á þessa vefslóð here-- c9.io.

21
00:00:56,860 --> 00:01:02,810
Þetta er þriðja aðila service--
pallur sem þjónustu, ef þú will--

22
00:01:02,810 --> 00:01:05,190
sem er að fara að bjóða þér
til að skrá þig fyrir reikning,

23
00:01:05,190 --> 00:01:08,650
og það er að fara að gefa hvert ykkar
reikning í svokölluðu ský

24
00:01:08,650 --> 00:01:11,330
á innviði einhvers annars,
fyrirtæki sem heitir Cloud9.

25
00:01:11,330 --> 00:01:13,350
En hvað er gott um
þetta er að þeir gefa þér

26
00:01:13,350 --> 00:01:15,990
nálgun á sem
Raunveruleg þróun raunverulegur-veröld

27
00:01:15,990 --> 00:01:18,530
umhverfi, að vísu í
ský og í a vefur flettitæki,

28
00:01:18,530 --> 00:01:21,175
og við munum nota þetta til að í raun og veru
tilraunir svolítið í dag.

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

30
00:01:27,116 --> 00:01:30,260
Og þá fara á undan og bara að sigla
leið til skráningarferlisins

31
00:01:30,260 --> 00:01:32,630
ef þú gætir.

32
00:01:32,630 --> 00:01:36,080
Þannig að við skyldir að nota þetta í bekknum
Ég kenni fyrir alla nemendur okkar,

33
00:01:36,080 --> 00:01:39,140
bæði á háskólasvæðinu og burt núna, og
það er komi hvaða sögulega

34
00:01:39,140 --> 00:01:41,390
var annars downloadable hugbúnaður.

35
00:01:41,390 --> 00:01:44,620
Svo það sem þú varst að öðlast aðgang að
er eitt af þessum raunverulegur vél,

36
00:01:44,620 --> 00:01:46,460
í raun, að ég lýsti áðan.

37
00:01:46,460 --> 00:01:50,260
So þetta fyrirtæki Cloud9 líklega
leigir frá þriðja party-- örugglega

38
00:01:50,260 --> 00:01:52,760
í þessu tilfelli, Google-- heild
fullt af raunverulegur vél

39
00:01:52,760 --> 00:01:56,500
að þeir höggva einhvern veginn upp í
tálsýn einstakra netþjóna

40
00:01:56,500 --> 00:01:58,610
að hvert og eitt okkar hefur fulla stjórn á.

41
00:01:58,610 --> 00:02:01,640
Það er ekki alveg rétt að segja
að þeir eru raunverulegur vél,

42
00:02:01,640 --> 00:02:04,550
þó, vegna þess að það
Cloud9 notar reyndar

43
00:02:04,550 --> 00:02:07,570
er nokkuð nýrri tækni
heitir containerization.

44
00:02:07,570 --> 00:02:13,150
Og láta mig grípa þessa mynd
hér til að mála þessa mynd.

45
00:02:13,150 --> 00:02:16,540
>> Flát er, ef
þú manst myndina

46
00:02:16,540 --> 00:02:19,900
frá áðan, smá léttari
þyngd en raunverulegur vél.

47
00:02:19,900 --> 00:02:22,090
Í raun, en á síðasta
þegar við ræddum um það

48
00:02:22,090 --> 00:02:25,170
vera starfsleyfi
kerfi og Hypervisor

49
00:02:25,170 --> 00:02:28,260
og þá gestur stýrikerfi, gestur
stýrikerfi, gestur stýrikerfi

50
00:02:28,260 --> 00:02:30,940
kerfi, ofan af þínum
líkamlega vélbúnaður,

51
00:02:30,940 --> 00:02:33,740
munurinn með þetta nýrri
tækni, containerization,

52
00:02:33,740 --> 00:02:37,290
er að þeir deila á einhvern hátt
sama stýrikerfi.

53
00:02:37,290 --> 00:02:39,970
En þeir búa samt
blekking af öllum

54
00:02:39,970 --> 00:02:44,590
hafa hans eigin einkarétt
stjórnunarréttinda og skrár

55
00:02:44,590 --> 00:02:45,400
á þjóninum.

56
00:02:45,400 --> 00:02:48,230
En það er minna hugbúnaður í
milli þín og vélbúnaði.

57
00:02:48,230 --> 00:02:52,260
Niðurstaðan sem er í
kenning, meiri árangur,

58
00:02:52,260 --> 00:02:55,470
vegna þess að þú ert að nota eða
eyðileggjandi færri úrræði

59
00:02:55,470 --> 00:02:57,360
á þeim svokölluðu virtualization lag.

60
00:02:57,360 --> 00:02:59,420
Þannig að þetta er kallað
containerization af náttúrunni

61
00:02:59,420 --> 00:03:02,920
með því að tækni sem kallast Docker,
sem er mjög mikið að koma inn í sitt eigið.

62
00:03:02,920 --> 00:03:05,086
Og þetta er eitthvað sem
verkfræðingur hjá fyrirtækinu þínu

63
00:03:05,086 --> 00:03:08,610
gæti eins konar konar byrja að tala
um leið ef þeir hafa ekki nú þegar,

64
00:03:08,610 --> 00:03:11,590
þó að það sé vissulega ekki
ástæða til að stökkva á hvaða bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Svo með því að segja, hvað
þú sérð sennilega nú

66
00:03:15,410 --> 00:03:22,670
er skjár sem lítur svolítið eins og þetta.

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

68
00:03:23,170 --> 00:03:25,260
Og bara hringja í mig yfir ef ekki.

69
00:03:25,260 --> 00:03:27,440
Og ef so-- ég kem yfir ef ekki.

70
00:03:27,440 --> 00:03:30,244
Fara á undan og smelltu svo stór
plús að búa vinnusvæði,

71
00:03:30,244 --> 00:03:31,660
og þú munt sjá a skjár eins og þetta.

72
00:03:31,660 --> 00:03:35,020
Þú getur hringt í vinnusvæði
nefna eitthvað sem þú vilt núna.

73
00:03:35,020 --> 00:03:38,660
Og bara í raun fyrir einfaldleika,
fara and-- vel, sum ykkar

74
00:03:38,660 --> 00:03:39,660
þegar hafa vinnusvæði.

75
00:03:39,660 --> 00:03:47,050
Kalla það hvað sem þú want-- fyrirtæki,
Harvard, fimmtudag, hvað sem þú vilt.

76
00:03:47,050 --> 00:03:48,800
Þú þarft ekki lýsingu.

77
00:03:48,800 --> 00:03:52,380
Þú getur skilið það einkamál, nema þér
þegar hafa fullt af vinnusvæði.

78
00:03:52,380 --> 00:03:55,280
Ef þú ert neydd til að gera það opinberlega,
það er fínn fyrir tilgangi í dag.

79
00:03:55,280 --> 00:03:56,750
Hér líka, er einn af upsells.

80
00:03:56,750 --> 00:03:59,939
Þú færð einn sér vinnuaðstöðu með
sjálfgefið. En ef þú vilt meira,

81
00:03:59,939 --> 00:04:00,980
þú þarft að borga fyrir meira.

82
00:04:00,980 --> 00:04:02,870
Annars neyða þeir þér
til að gera vinnu þína opinbera.

83
00:04:02,870 --> 00:04:05,600
En það er allt í lagi, vegna þess að þeir einnig
miða þetta á opinn-uppspretta samfélög

84
00:04:05,600 --> 00:04:07,700
að hvetja fólk til
reyndar vinna.

85
00:04:07,700 --> 00:04:10,699
>> Og síðastur hlutur sem er mikilvægt,
þó er, eftir að þú velur nafn

86
00:04:10,699 --> 00:04:17,140
og eftir að þú velur einkaaðila eða opinbera,
Smelltu HTML5, stóra appelsína táknið

87
00:04:17,140 --> 00:04:22,430
annar frá vinstri, og
smelltu þá Búa Workspace.

88
00:04:22,430 --> 00:04:24,580
Og það mun sennilega
taka eina mínútu eða svo,

89
00:04:24,580 --> 00:04:26,540
en þú munt þá hafa
umhverfi, þegar þér

90
00:04:26,540 --> 00:04:30,544
gera það, sem lítur minnir á
það sem ég hef á skjánum hér núna.

91
00:04:30,544 --> 00:04:33,210
En, aftur, gæti það tekið eina mínútu
eða meira til að komast að þessum skjá

92
00:04:33,210 --> 00:04:34,770
þegar þú hefur smellt Búa Workspace.

93
00:04:34,770 --> 00:04:37,936
En bara fána mig yfir ef þú vilt mig
að taka a líta á neitt eða ráðleggja.

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

95
00:04:40,191 --> 00:04:40,690
Allt í lagi.

96
00:04:40,690 --> 00:04:42,390
Þannig að ég ætla að bakgrunni þetta fyrir nú.

97
00:04:42,390 --> 00:04:44,260
Hringdu í mig yfir ef þú virðist
hefur einhverjar tæknilega örðugleika.

98
00:04:44,260 --> 00:04:46,210
En, aftur, gæti það tekið
svolítið fyrir það að opna.

99
00:04:46,210 --> 00:04:49,570
Og við skulum fara á undan og tala um hvað
það þýðir í raun að gera vefsíðu,

100
00:04:49,570 --> 00:04:52,780
hvað HTML er, og hvernig allt þetta
Nú samtengja sem við erum farin

101
00:04:52,780 --> 00:04:54,730
til raunverulega nota sumir af the tækni.

102
00:04:54,730 --> 00:04:58,310
Svo kemur í ljós að ég get
fara á litla Mac minn hér,

103
00:04:58,310 --> 00:05:01,650
opna einfalt forrit sem heitir
TextEdit, eða á Windows og ég gat

104
00:05:01,650 --> 00:05:04,480
opinn eitthvað sem kallast Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
Og ég gæti bara einfaldlega gert eitthvað
eins this-- "Halló, heimur."

106
00:05:08,260 --> 00:05:12,020
Og þá gæti ég bjargað þessu eins
hello.txt Svo engin galdur þar.

107
00:05:12,020 --> 00:05:15,200
Þetta hefur ekkert að gera með vefnum
forritun, ekkert að gera með HTML.

108
00:05:15,200 --> 00:05:16,790
Bara búa til einfalt textaskrá.

109
00:05:16,790 --> 00:05:20,600
En það kemur í ljós að vefur
síðu er bókstaflega bara þessi.

110
00:05:20,600 --> 00:05:24,020
Það er einföld texta skrá sem inniheldur texta
að þú gætir slegið á lyklaborðinu,

111
00:05:24,020 --> 00:05:30,070
en það yfirleitt en þó ekki alltaf
endar í ekki Txt en .html eða .htm.

112
00:05:30,070 --> 00:05:32,050
Og þú ert ekki bara
skrifa orð í skrá.

113
00:05:32,050 --> 00:05:35,280
Þú ert í raun að nota það sem kallast
merki eða, almennt, eitthvað

114
00:05:35,280 --> 00:05:37,190
kallað Markup Language.

115
00:05:37,190 --> 00:05:40,510
>> Þannig að ég ætla að mjög fljótt slá
og síðan útskýrt eftirfarandi.

116
00:05:40,510 --> 00:05:42,290
Ég ætla að fyrst
tegund þetta, sem segir,

117
00:05:42,290 --> 00:05:45,730
hey, vafrinn, hér kemur
Vefsíðan skrifuð í HTML.

118
00:05:45,730 --> 00:05:51,850
Og þessir tveir hlutir segja saman, hey,
Vafrinn, eftirfarandi er örugglega HTML.

119
00:05:51,850 --> 00:05:55,790
Hey, vafrinn, hér kemur
höfuð eða efst á síðunni minni.

120
00:05:55,790 --> 00:05:59,900
Hey, vafrinn, inni af the toppur af
síðuna mína, setja titil sem er, "halló,

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

122
00:06:01,610 --> 00:06:08,370
Hey, vafrinn, eftir höfuð mitt
síðu, hér kemur líkama síðuna mína.

123
00:06:08,370 --> 00:06:12,170
Og hey, vafrinn, líkami minn
síða ætti einnig að segja, "halló heimur."

124
00:06:12,170 --> 00:06:15,500
Svo það eru mikilvæg atriði hér?

125
00:06:15,500 --> 00:06:17,960
Þetta er það sem er almennt
kallað Doc-gerð yfirlýsing,

126
00:06:17,960 --> 00:06:20,190
og, hreinskilnislega, það er lítið
erfitt að leggja á minnið þetta í fyrstu.

127
00:06:20,190 --> 00:06:21,481
Þú afrita-líma bara svona það.

128
00:06:21,481 --> 00:06:23,760
Þetta er formleg leið
segja, hey, vafrinn,

129
00:06:23,760 --> 00:06:28,030
Ég er að nota HTML útgáfu 5 sem
kom út nokkuð nýlega.

130
00:06:28,030 --> 00:06:31,380
Það er a töfrandi incantation að sumir
menn með lélega tilfinningu hönnun

131
00:06:31,380 --> 00:06:33,640
ákvað að setja á
mjög toppur af the skrá.

132
00:06:33,640 --> 00:06:35,473
Jafnvel þó að það er
lítið yfirnáttúrulegt, það er allt

133
00:06:35,473 --> 00:06:38,250
það means-- hey, vafra, hér
kemur með útgáfu 5 af HTML.

134
00:06:38,250 --> 00:06:41,741
>> The hvíla af þessu hefur verið hjá okkur
um nokkurt skeið, sögulega,

135
00:06:41,741 --> 00:06:44,740
en það hefur verið í stöðugri þróun, og það er
líklega verið að fá smá einfaldara.

136
00:06:44,740 --> 00:06:47,320
Taka eftir nokkrum einkenni
af því sem ég hef hápunktur.

137
00:06:47,320 --> 00:06:49,890
Það er þetta með horn
brackets-- vinstri krappi

138
00:06:49,890 --> 00:06:51,040
og hægri hornklofi.

139
00:06:51,040 --> 00:06:52,490
Og taka samhverfu hér.

140
00:06:52,490 --> 00:06:57,340
Og eftir samhverfu, ég meina, eins og ég
hafa þessa byrjun tag hérna eða opinn tag

141
00:06:57,340 --> 00:07:01,560
ef þú vilt, hérna ég hef
nálægt tag eða enda merki sem er

142
00:07:01,560 --> 00:07:06,460
mismunandi aðeins að því marki sem það hefur þetta
rista í upphafi orðs

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

144
00:07:07,360 --> 00:07:09,360
Og hægt er að hugsa um
þetta sem ég var frjálslegur

145
00:07:09,360 --> 00:07:12,280
leggja áður, hey,
Vafrinn, hér kemur smá HTML.

146
00:07:12,280 --> 00:07:16,060
Og öfugt, hey, vafrinn, sem er
það fyrir HTML-- upphafi og lok.

147
00:07:16,060 --> 00:07:18,440
>> Á meðan hey, vafrinn, hér
kemur höfuð síðuna mína.

148
00:07:18,440 --> 00:07:20,140
Hey, vafrinn, það er það fyrir höfuð.

149
00:07:20,140 --> 00:07:22,240
Hey, vafrinn, hér er
líkami síðuna mína.

150
00:07:22,240 --> 00:07:24,020
Hey, vafrinn, það er það fyrir líkamann.

151
00:07:24,020 --> 00:07:26,940
Og inni það er einhver
handahófskennt texti fyrir nú.

152
00:07:26,940 --> 00:07:30,520
Og inni á höfði, á meðan,
er einhver handahófskennt en tagged,

153
00:07:30,520 --> 00:07:34,410
svo að segja, texta sem segir, titilinn
á síðuna mína vera "halló, heimur."

154
00:07:34,410 --> 00:07:37,470
Nú, nú, þú getur
gera ráð fyrir að vafra

155
00:07:37,470 --> 00:07:41,762
hafa only-- eða, frekar, hafa vefsíður
aðeins tveir parts-- höfuð og líkama.

156
00:07:41,762 --> 00:07:44,220
Og hausinn er yfirleitt bara
eins matseðill bar, efni

157
00:07:44,220 --> 00:07:45,510
í raun bara á the mjög toppur.

158
00:07:45,510 --> 00:07:48,910
Og líkaminn er hugaður af the blaðsíða,
allt í þeirri stóru rétthyrningur

159
00:07:48,910 --> 00:07:50,239
sem fyllir skjáinn.

160
00:07:50,239 --> 00:07:51,780
Þannig að ég ætla að fara á undan og gera þetta.

161
00:07:51,780 --> 00:07:54,400
Ég ætla að fara á undan og
smellir á Vista, File Save.

162
00:07:54,400 --> 00:07:58,580
Og ég ætla að spara
þetta sem hello.html,

163
00:07:58,580 --> 00:08:00,870
og ég ætla bara að fara að
setja það á minn skrifborð.

164
00:08:00,870 --> 00:08:03,520
Og ég ætla að fara
á undan og smelltu á Vista.

165
00:08:03,520 --> 00:08:05,806
Og notice-- Mac minn á
kosti er að öskra á mig.

166
00:08:05,806 --> 00:08:07,180
Ertu viss um að þú viljir gera þetta?

167
00:08:07,180 --> 00:08:08,710
Og ég ætla að segja, já, nota HTML.

168
00:08:08,710 --> 00:08:10,400
Ég veit betur í þessu tilfelli.

169
00:08:10,400 --> 00:08:14,686
Og nú ætla ég að fara á skjáborðinu mínu
þar sem ég hef þessa skrá skyndilega.

170
00:08:14,686 --> 00:08:16,060
Og ég ætla að tvísmella á hana.

171
00:08:16,060 --> 00:08:18,268
Og þú munt taka eftir því, því
sjálfgefið, Chrome opnaðist.

172
00:08:18,268 --> 00:08:19,996
Það er vegna þess að er
sjálfgefinn vafra.

173
00:08:19,996 --> 00:08:21,370
Og það segir bara, "halló, heimur."

174
00:08:21,370 --> 00:08:23,078
En það segir "halló,
heimi "á tveimur stöðum.

175
00:08:23,078 --> 00:08:23,979
Tilkynning efst til vinstri.

176
00:08:23,979 --> 00:08:25,020
Frekar erfitt að missa af því.

177
00:08:25,020 --> 00:08:26,180
Það er stór og djörf.

178
00:08:26,180 --> 00:08:30,690
Og hvar annars er það virðist
að segja, "halló, heimur"?

179
00:08:30,690 --> 00:08:31,470
>> Áhorfendur: The flipann.

180
00:08:31,470 --> 00:08:33,100
>> DAVID J. Malan: Já, flipann sjálft.

181
00:08:33,100 --> 00:08:35,159
Svo þegar ég sagði yfirmaður
síðu er allt upp top--

182
00:08:35,159 --> 00:08:36,367
og raunar er þetta titill.

183
00:08:36,367 --> 00:08:37,710
Það er bara í flipanum hér.

184
00:08:37,710 --> 00:08:40,320
Og ég get draga þennan flipa
út svo sem ekki að rugla.

185
00:08:40,320 --> 00:08:43,360
Þetta er bara einn flipi nú,
og reyndar við sjáum "halló, heimur"

186
00:08:43,360 --> 00:08:45,970
upp hér og "halló, heimur" hérna.

187
00:08:45,970 --> 00:08:47,160
Svo nokkuð augljóst.

188
00:08:47,160 --> 00:08:49,050
En það er líka frekar einfalt.

189
00:08:49,050 --> 00:08:50,440
Og í raun, ég aðdregna í.

190
00:08:50,440 --> 00:08:53,272
Ég get breytt leturstærð bara
að stækka fyrir aðgengi.

191
00:08:53,272 --> 00:08:56,830
En við skulum nú gera eitthvað
aðeins meira áhugavert.

192
00:08:56,830 --> 00:08:59,760
>> Ég ætla að go-- Úpps, láta
mér að komast aftur til textaskrá mína.

193
00:08:59,760 --> 00:09:02,400
Ég ætla aftur að mínum
textaskrá, og ég ætla

194
00:09:02,400 --> 00:09:06,320
að breyta þessu og segja
"Halló, Disney World."

195
00:09:06,320 --> 00:09:07,970
Vista.

196
00:09:07,970 --> 00:09:10,919
Og fara aftur að mínum
Vafrinn og smelltu á Reload.

197
00:09:10,919 --> 00:09:12,710
Og nú, auðvitað, það
segir "Disney World."

198
00:09:12,710 --> 00:09:15,500
Og ég ætla að tilbúnar stækka
í bara svo það sé auðveldara að sjá.

199
00:09:15,500 --> 00:09:19,012
Svo nú, því miður, ég vil svona
to-- reyndar, það er Mac lögun.

200
00:09:19,012 --> 00:09:21,720
Ég vil að smella á Disney World
og fara eitthvað eins disney.com,

201
00:09:21,720 --> 00:09:23,290
en það virkar ekki.

202
00:09:23,290 --> 00:09:26,850
Svo a undirstöðu Tenet af vefnum er
tengla, tengla sem fara annars staðar.

203
00:09:26,850 --> 00:09:28,390
Svo hvernig á ég að gera það?

204
00:09:28,390 --> 00:09:34,690
Jæja, ég gæti bara sagt,
"Halló, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Spara þetta.

206
00:09:36,110 --> 00:09:37,620
Endurhlaða.

207
00:09:37,620 --> 00:09:39,400
En þetta líka, ekki smella.

208
00:09:39,400 --> 00:09:42,930
Og hvað er gott hér, jafnvel þótt
þetta er ekki virk ennþá,

209
00:09:42,930 --> 00:09:45,930
er að það virðist sem
Vafrinn gerir bókstaflega aðeins

210
00:09:45,930 --> 00:09:46,950
það sem ég segi það að gera.

211
00:09:46,950 --> 00:09:50,110
Svo ef ég tegund bara slóðina eins og þetta,
það er bara að fara að sýna mér slóðina.

212
00:09:50,110 --> 00:09:54,270
Ég þarf að nota merki eða Markup
tungumál að í raun segja

213
00:09:54,270 --> 00:09:55,621
vafrinn til að gera enn meira.

214
00:09:55,621 --> 00:09:57,870
Þannig að ég ætla að fara á undan og
eyða þetta í smástund.

215
00:09:57,870 --> 00:10:00,980
Og ég ætla að segja, hey,
Vafrinn, hefja akkeri hérna,

216
00:10:00,980 --> 00:10:02,650
tengill svo að segja.

217
00:10:02,650 --> 00:10:07,500
Og há-tilvísun, áfangastað
þeirrar akkeri, ætti að vera slóðin.

218
00:10:07,500 --> 00:10:08,750
Og eftir tilvitnunum mínum.

219
00:10:08,750 --> 00:10:11,590
Ég gæti notað einn quotes líka,
en þú verður að vera í samræmi,

220
00:10:11,590 --> 00:10:14,270
og ég myndi yfirleitt bara að nota
gæsalappa til að halda það einfalt.

221
00:10:14,270 --> 00:10:16,820
Eftir ég ætla að loka tag.

222
00:10:16,820 --> 00:10:21,160
Og þá er hér ég ætla
að segja, "Disney World."

223
00:10:21,160 --> 00:10:26,890
Og nú þarf ég smá symmetry--
opinn krappi, / a, lokað krappi.

224
00:10:26,890 --> 00:10:28,090
>> Svo hvað hef ég kynnt?

225
00:10:28,090 --> 00:10:30,100
Við höfum haft nokkur merki þegar.

226
00:10:30,100 --> 00:10:32,410
HTML, Head, Title, Body,
eru öll merki, svo að segja,

227
00:10:32,410 --> 00:10:34,280
með opnum og lokuðum hliðstæða.

228
00:10:34,280 --> 00:10:36,530
En tilkynning, þetta er tegund
af grundvallaratriðum ólík.

229
00:10:36,530 --> 00:10:39,140
Þetta er það sem við munum kalla
í HTML eiginleiki.

230
00:10:39,140 --> 00:10:41,451
Og eiginleiki er
bara lykill-gildi par.

231
00:10:41,451 --> 00:10:43,950
Þetta er sameiginlegur hlutur í
tölva science-- lykill-gildi par.

232
00:10:43,950 --> 00:10:45,770
Það er tegund af tæki í viðskiptum.

233
00:10:45,770 --> 00:10:47,040
A lykill og gildi.

234
00:10:47,040 --> 00:10:49,390
Orð og þá sumir
annað orð eða orð.

235
00:10:49,390 --> 00:10:53,790
Og í þessu tilfelli, the lykill er href,
og verðmæti er að fullu URL.

236
00:10:53,790 --> 00:10:57,890
Og hvað eiginleiki gerir er það
áhrif á hegðun merkinu.

237
00:10:57,890 --> 00:11:01,010
Og í þessu tilfelli, þurfum við að hafa áhrif á
hegðun akkerisskipun,

238
00:11:01,010 --> 00:11:04,140
vegna þess að við þurfum að festa
Þessi tengill til einhvers staðar.

239
00:11:04,140 --> 00:11:06,960
Og hvernig þú gerir það er
með því að eiginleikanum.

240
00:11:06,960 --> 00:11:08,970
>> Þannig að ég ætla að fara á undan
og vista skrána núna.

241
00:11:08,970 --> 00:11:11,300
Fara til baka vafranum mínum og endurhlaða.

242
00:11:11,300 --> 00:11:14,580
Og Voila, höfum við nú
Upphaf lögmæt vefur blaðsíða.

243
00:11:14,580 --> 00:11:18,420
Frábær-einfalt, en ef ég sveima yfir
this-- tilkynning neðst í vinstra horninu,

244
00:11:18,420 --> 00:11:19,830
það er frábær-lítill.

245
00:11:19,830 --> 00:11:21,730
En þú sérð www.disney.com.

246
00:11:21,730 --> 00:11:27,076
Og ef ég smelli henni, örugglega þetta
whisks mig burt til disney.com.

247
00:11:27,076 --> 00:11:29,380
Nú er forvitinn hlutur
hér er að það er ekki

248
00:11:29,380 --> 00:11:33,940
sem best-- mest markaðsverðbréf slóðina, en
það er fínn því að þetta skrá er ekki

249
00:11:33,940 --> 00:11:35,360
eru á World Wide Web.

250
00:11:35,360 --> 00:11:39,740
Það er til sem staðværa skrá í greinilega
Notendur mínir directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
fyrir John Harvard-- / skjáborðinu.

252
00:11:41,890 --> 00:11:42,634
En það hefur vefslóð.

253
00:11:42,634 --> 00:11:43,800
Það gerist bara að vera staðbundin.

254
00:11:43,800 --> 00:11:47,050
Því miður, enginn yðar geta heimsótt
þetta, því ef þú slærð þessa vefslóð,

255
00:11:47,050 --> 00:11:49,980
þú vilt vera að segja vafranum þínum,
leita að skrá sem heitir hello.html

256
00:11:49,980 --> 00:11:50,772
á harða diskinum.

257
00:11:50,772 --> 00:11:53,271
Og, auðvitað, nema þú hafir
verið eftirfarandi eftir höndunum,

258
00:11:53,271 --> 00:11:54,530
það er ekki að fara að vera þarna.

259
00:11:54,530 --> 00:11:55,190
>> Svo er það í lagi.

260
00:11:55,190 --> 00:11:57,815
Við þurfum samt leið, að lokum,
að fá þessa skrá inn á vefnum,

261
00:11:57,815 --> 00:12:01,180
en við skulum stríða sundur nokkra
öryggi afleiðingar hvað við bara

262
00:12:01,180 --> 00:12:04,850
sá og binda það aftur fyrr
umfjöllun frá í morgun.

263
00:12:04,850 --> 00:12:08,200
Það kemur í ljós að ef
Vafrinn er bókstaflega bara

264
00:12:08,200 --> 00:12:12,560
það sem ég segi það að gera, og það virðist
að vera raunin að akkeri tag er

265
00:12:12,560 --> 00:12:17,380
undir áhrifum frá gildi
Þessi eiginleiki heitir href

266
00:12:17,380 --> 00:12:20,810
en það sýnir þetta
texti, þetta virðist

267
00:12:20,810 --> 00:12:26,520
að gefa í skyn að ég gæti sett slóðina
á báðum stöðum og þá endurhlaða

268
00:12:26,520 --> 00:12:29,100
og nú sjá slóðina og fara á slóðina.

269
00:12:29,100 --> 00:12:32,680
Takið eftir, ef ég sveima yfir botn-vinstri,
Ég er reyndar enn að fara að disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Svo ef þú hefur einhvern tíma verið
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
með einn af þessum svikinn tölvupóst
frá eins PayPal bankanum þínum,

272
00:12:42,820 --> 00:12:46,470
þú hefur sennilega fengið tengla inni
af tölvupósti sem þú ert að lesa það

273
00:12:46,470 --> 00:12:49,970
segir þér að smella hér til að fara að staðfesta
Lykilorðið þitt eða staðfesta fæðingardag þinn

274
00:12:49,970 --> 00:12:53,840
eða félagslegum eða eitthvað félagslega
verkfræði þér að birta

275
00:12:53,840 --> 00:12:54,920
upplýsingar.

276
00:12:54,920 --> 00:12:57,625
Jæja, ég gæti eins konar taka
Kosturinn við þetta, gat ég ekki?

277
00:12:57,625 --> 00:13:01,240
Ég gæti sagt eitthvað
eins, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
Og í stað þess að disney.com, ég
gæti farið til, eins og, badguy.com.

279
00:13:11,340 --> 00:13:12,850
Endurhlaða.

280
00:13:12,850 --> 00:13:16,620
Og hversu auðvelt það er að dupe,
sérstaklega ekki tæknilega lesandi

281
00:13:16,620 --> 00:13:20,649
eða cursorily lesa
lesandi en að smella

282
00:13:20,649 --> 00:13:23,940
tengill eins og þetta, sem ef ég smelli it--
Ég reyndar vil ekki að fara badguy.com.

283
00:13:23,940 --> 00:13:25,398
Ég veit ekki hvað er í raun og veru þar.

284
00:13:25,398 --> 00:13:30,080
Svo paypal.com, tilkynning, er
hvað sem það segir það er að fara að,

285
00:13:30,080 --> 00:13:33,210
En auðvitað, ef ég lít niður
frábær-lágmark, það er smá þoka,

286
00:13:33,210 --> 00:13:34,230
en það segir badguy.com.

287
00:13:34,230 --> 00:13:38,644
Það er bara sagt núna
sem ég ætla að röngum stað.

288
00:13:38,644 --> 00:13:41,560
Og þegar ég sagði áðan að bankarnir
í raun ætti ekki að hvetja eða lest

289
00:13:41,560 --> 00:13:44,510
notendur í að smella tengla, þetta
er bara ein birtingarmynd þess.

290
00:13:44,510 --> 00:13:45,430
Og það er svo einfalt.

291
00:13:45,430 --> 00:13:48,120
Þú ert nú mótstöðumaður ef
þú gerir eitthvað eins og þetta

292
00:13:48,120 --> 00:13:51,000
og reyna að plata notanda
í heimsækja vefsvæðið þitt.

293
00:13:51,000 --> 00:13:53,320
En nú munum við halda
það gott og hreint.

294
00:13:53,320 --> 00:13:55,640
Við erum að fara að fara á undan
og til baka þessar breytingar.

295
00:13:55,640 --> 00:13:56,530
Endurhlaða síðunni.

296
00:13:56,530 --> 00:13:57,740
Og ég fara aftur til disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Við skulum sjá hvort við getum ekki stríða
þetta sundur svolítið meira.

298
00:14:00,660 --> 00:14:04,160
Svo "halló, Disney World."

299
00:14:04,160 --> 00:14:05,950
Ég ætla að segja hér niður.

300
00:14:05,950 --> 00:14:08,220
Kannski ég ætla að gera smá pláss.

301
00:14:08,220 --> 00:14:12,730
"Við vonum að þú njótir dvalarinnar!"

302
00:14:12,730 --> 00:14:13,830
Vista.

303
00:14:13,830 --> 00:14:15,850
Endurhlaða.

304
00:14:15,850 --> 00:14:19,010
Það er ekki rea-- það er ekki
það sem ég ætlaði, ekki satt?

305
00:14:19,010 --> 00:14:21,870
Ég meina, ef ég meðhöndla texta mínum
skrá eins og ritvinnsluforrit,

306
00:14:21,870 --> 00:14:24,894
hvað gerðir þú von myndi gerast hér?

307
00:14:24,894 --> 00:14:27,060
Já, mér finnst eins og það
ætti að vera línuskil hér,

308
00:14:27,060 --> 00:14:28,799
svo finnst það gallaðir á einhvern hátt.

309
00:14:28,799 --> 00:14:31,090
En það er í raun vísvitandi,
því eins og áður,

310
00:14:31,090 --> 00:14:33,381
vafrinn er bara að fara að
ekki hvað þú segja það að gera.

311
00:14:33,381 --> 00:14:34,806
Ég hef ekki sagt að brjóta línur.

312
00:14:34,806 --> 00:14:37,930
Ég hef ekki sagt að fara niður, jafnvel
þó, innsæi, mér finnst eins og ég gerði.

313
00:14:37,930 --> 00:14:39,805
Svo kemur í ljós að við þurfum
smá meira Markup,

314
00:14:39,805 --> 00:14:41,390
og ég ætla að laga þetta eins og hér segir.

315
00:14:41,390 --> 00:14:46,160
Ég ætla að formála þetta fyrst halló
með það sem er kallað málsgrein tag.

316
00:14:46,160 --> 00:14:48,920
Og þá ætla ég að fara á undan
og vefja þetta önnur setningu

317
00:14:48,920 --> 00:14:54,370
í öðru lið tag, jafnvel þótt
þeir eru frábær-stuttar málsgreinar.

318
00:14:54,370 --> 00:14:55,930
Nú ætla ég að fara að spara.

319
00:14:55,930 --> 00:14:57,160
Endurhlaða.

320
00:14:57,160 --> 00:14:59,070
Og nú höfum við það
rými, og við svoleiðis

321
00:14:59,070 --> 00:15:01,680
hafa merkingarfræði
tvö aðskilin málsgreinar.

322
00:15:01,680 --> 00:15:05,290
>> Það er allt fínt og gott, en það væri
gaman að setja inn mynd á þessa síðu,

323
00:15:05,290 --> 00:15:08,710
þannig að ég ætla að fara að leita að
Mikki Mús á Google Images.

324
00:15:08,710 --> 00:15:12,830
Og bara til gamans, ég er
að fara að grípa þessa mynd.

325
00:15:12,830 --> 00:15:15,350
Ég ætla að fara á undan núna og
grípa vefslóð þessari mynd,

326
00:15:15,350 --> 00:15:16,510
þó að það er öðruvísi
leiðir til að gera þetta.

327
00:15:16,510 --> 00:15:18,520
Fyrir nú, ég ætla bara að fara að afrita slóðina.

328
00:15:18,520 --> 00:15:24,770
Ég ætla að fara aftur í texta mínum
skrá, og ég ætla að segja hér,

329
00:15:24,770 --> 00:15:31,160
img src = vitna unquote
að slóðin, frábær löng.

330
00:15:31,160 --> 00:15:34,580
Og þá hugmyndin um að
Myndin er svolítið öðruvísi.

331
00:15:34,580 --> 00:15:38,640
Það er í raun engin hugmynd um gangsetningu
mynd og endar mynd,

332
00:15:38,640 --> 00:15:40,630
eins og að byrja að merkja enda tag.

333
00:15:40,630 --> 00:15:43,840
Svo það er svolítið skrýtið að
mér merkingu að gera þetta,

334
00:15:43,840 --> 00:15:45,390
að hafa loka-mynd tag.

335
00:15:45,390 --> 00:15:46,780
Það er ekki rétt.

336
00:15:46,780 --> 00:15:48,840
Það er fullkomlega rétt,
og það er hvatt,

337
00:15:48,840 --> 00:15:50,870
en það er styttingin ritháttur.

338
00:15:50,870 --> 00:15:53,780
Ég get konar samtímis
opna og loka sömu tag,

339
00:15:53,780 --> 00:15:55,510
og það mun gera vafrinn hamingjusamur.

340
00:15:55,510 --> 00:15:56,950
Svo það er bara smá
meira gagnorðar fyrir það

341
00:15:56,950 --> 00:15:59,408
sem eðli raun ekki
skynsamleg að byrja og enda.

342
00:15:59,408 --> 00:16:01,190
Þeir eru bara þarna, eða eru þeir ekki.

343
00:16:01,190 --> 00:16:06,020
>> Þannig að ég ætla að vista þetta og fara aftur
til mín "Halló, heimur" síðunni og endurhlaða.

344
00:16:06,020 --> 00:16:09,880
Og það er svolítið úr böndunum,
vegna þess að myndin er í raun

345
00:16:09,880 --> 00:16:12,210
smá stór, en það er allt í lagi.

346
00:16:12,210 --> 00:16:13,710
Ég gæti að búa það í áætluninni.

347
00:16:13,710 --> 00:16:14,900
Eða þú veist hvað.

348
00:16:14,900 --> 00:16:17,350
Bara að sýna fram á, er ég
fara til raunverulega segja

349
00:16:17,350 --> 00:16:21,760
að breidd þetta verk ætti
aðeins verið 200 dílar, 200 punktar.

350
00:16:21,760 --> 00:16:24,360
Leyfðu mér að fara á undan og vista
og endurhlaða, og nú síðan

351
00:16:24,360 --> 00:16:25,690
lítur svolítið meira sanngjarnt.

352
00:16:25,690 --> 00:16:27,260
En eftir mynstri.

353
00:16:27,260 --> 00:16:30,030
Jæja, ég hef svona kennt þér allt
HTML í einhverjum skilningi, að minnsta kosti

354
00:16:30,030 --> 00:16:33,531
hugtök, vegna þess að allt HTML er er
þessir tags-- opna tags, lokað tags,

355
00:16:33,531 --> 00:16:35,280
og eiginleika sem
breyta hegðun þeirra.

356
00:16:35,280 --> 00:16:38,380
Og virðist, hvert
Merkið getur að hafa núll eða einn

357
00:16:38,380 --> 00:16:43,005
eða tveir eða fleiri eiginleika, sem hver um
sem gerir eitthvað svolítið öðruvísi.

358
00:16:43,005 --> 00:16:44,380
Nú, hvernig veistu hvað er til?

359
00:16:44,380 --> 00:16:46,800
Þú bara hlusta á einhvern
eins og mig að segja þér hvað er til,

360
00:16:46,800 --> 00:16:50,860
eða þú Google bara í kring um eitthvert
á HTML, og það er í raun þetta einfalt.

361
00:16:50,860 --> 00:16:54,030
>> Sannlega, þegar ég var undergrad
árum og lært HTML,

362
00:16:54,030 --> 00:16:56,530
einn af kennslu stærðfræði mínum
aðstoðarmenn eyddi bara

363
00:16:56,530 --> 00:16:59,600
smá tíma kennslu mig
fyrir eins hálftíma, klukkutíma,

364
00:16:59,600 --> 00:17:00,660
og svo var ég á leiðinni.

365
00:17:00,660 --> 00:17:03,300
Ég var á leiðinni í átt að
mest hideous vefsíður alltaf,

366
00:17:03,300 --> 00:17:05,549
sem virðist, ég hef ekki
raunverulega gengið lengra.

367
00:17:05,549 --> 00:17:09,849
En punkturinn er að þegar þú
skil þessar einföldu ideas--

368
00:17:09,849 --> 00:17:13,450
ef yfirnáttúrulegt text-- en þetta einfalt
hugmyndir stofna hugsun

369
00:17:13,450 --> 00:17:15,960
og loka hugsun, að halda
allt fallega jafnvægi,

370
00:17:15,960 --> 00:17:19,150
leita eitthvað upp, breyta því
hegðun þess merki, það er í raun allt

371
00:17:19,150 --> 00:17:20,079
það er til það.

372
00:17:20,079 --> 00:17:28,140
Og í raun, ef við förum nú í
eitthvað eins google.com-- raun,

373
00:17:28,140 --> 00:17:31,920
við skulum fara á stað smá meira
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
Og ég ætla að fara að skoða,
Hönnuður, View Source.

375
00:17:37,800 --> 00:17:41,400
Það er ljótt, en notice--
og ég ætla að stækka tilkynningu

376
00:17:41,400 --> 00:17:43,432
smá dót sem er kunnuglegt þegar.

377
00:17:43,432 --> 00:17:45,140
Það er þetta upp hér,
sem er vafri.

378
00:17:45,140 --> 00:17:46,800
Hér kemur HTML5.

379
00:17:46,800 --> 00:17:47,634
Það er HTML.

380
00:17:47,634 --> 00:17:49,550
Apparently, það er
eiginleiki sem ég gerði ekki

381
00:17:49,550 --> 00:17:51,540
nota það skilgreinir
Tungumál á síðunni,

382
00:17:51,540 --> 00:17:54,380
og þetta getur hjálpað til með sjálfvirka
þýðingar og svoleiðis.

383
00:17:54,380 --> 00:17:55,546
Hér er höfuð síðunni.

384
00:17:55,546 --> 00:17:57,790
Hér er titill á síðunni Stanford.

385
00:17:57,790 --> 00:17:59,832
Það er merki sem ég gerði ekki
tala um Meta tag yet--.

386
00:17:59,832 --> 00:18:01,540
Það er bara svoleiðis
bakgrunns upplýsingar.

387
00:18:01,540 --> 00:18:04,210
Það hjálpar við SEO eða
Leita-Engine Optimization,

388
00:18:04,210 --> 00:18:06,320
eða Google-leit niðurstöður eða þess háttar.

389
00:18:06,320 --> 00:18:09,029
En ef við höldum útlit, halda
útlit, hér er Body tag.

390
00:18:09,029 --> 00:18:11,570
Og það er bunches af öðru
merki við höfum ekki talað um enn.

391
00:18:11,570 --> 00:18:13,750
En Div er einn fyrir a
skiptingu á síðunni.

392
00:18:13,750 --> 00:18:16,680
Það er eins og ósýnilega rétthyrningur
ef þú vilt svona andlega

393
00:18:16,680 --> 00:18:20,160
skipta síðuna þína inn
mismunandi einingar netinu.

394
00:18:20,160 --> 00:18:22,650
Og þá fullt af divs I
sjá, eitthvað sem kallast Class,

395
00:18:22,650 --> 00:18:24,440
en við munum koma aftur að því.

396
00:18:24,440 --> 00:18:26,200
>> Þetta er interesting-- Eyðublöð.

397
00:18:26,200 --> 00:18:27,730
Eyðublöð eru á vefnum.

398
00:18:27,730 --> 00:18:30,310
Allir leita kassi sem þú ert
alltaf notað er mynd.

399
00:18:30,310 --> 00:18:31,490
Og svo skulum reyndar sjá.

400
00:18:31,490 --> 00:18:32,790
Form.

401
00:18:32,790 --> 00:18:33,910
Aðgerð.

402
00:18:33,910 --> 00:18:37,660
Aðgerðin þessu formi, fyrir hvað
sögulegar ástæður, er það URL.

403
00:18:37,660 --> 00:18:38,840
Aðferðin er "staða."

404
00:18:38,840 --> 00:18:44,060
Kemur í ljós að HTTP beiðnir getur notað
sögnin "að fá," eins og við sáum áður,

405
00:18:44,060 --> 00:18:45,070
eða "staða."

406
00:18:45,070 --> 00:18:47,030
Og mun sjá a mismunur
um þetta í smá stund.

407
00:18:47,030 --> 00:18:48,363
Við skulum í raun sjá hvað þetta er.

408
00:18:48,363 --> 00:18:49,830
Leyfðu mér að fara aftur á síðuna Stanford.

409
00:18:49,830 --> 00:18:53,330
Hvaða formi eru þeir að tala
um, finnst þér?

410
00:18:53,330 --> 00:18:54,485
Hvað stekkur út á þig?

411
00:18:54,485 --> 00:18:54,970
>> Áhorfendur: leitargluggann.

412
00:18:54,970 --> 00:18:55,845
>> DAVID J. Malan: Já.

413
00:18:55,845 --> 00:18:58,410
Svo upp á efst til hægri
hér er þetta Leit kassi.

414
00:18:58,410 --> 00:19:02,441
Og það er hvernig þeir koma til framkvæmda it-- a
merki sem er bókstaflega opinn krappi formi.

415
00:19:02,441 --> 00:19:03,940
Og þá skulum leita að einhverju.

416
00:19:03,940 --> 00:19:09,220
Við skulum leita að félagi
af mine-- "Nick Parlante."

417
00:19:09,220 --> 00:19:11,380
Sláðu.

418
00:19:11,380 --> 00:19:13,750
Og auðvitað fór hann að
aðeins öðruvísi URL.

419
00:19:13,750 --> 00:19:15,140
Leyfðu mér að fara aftur hingað.

420
00:19:15,140 --> 00:19:18,960
Við skulum leita að "námskeið."

421
00:19:18,960 --> 00:19:19,460
Fari það.

422
00:19:19,460 --> 00:19:20,484
Fór í aðra vefslóð.

423
00:19:20,484 --> 00:19:23,400
Svo, Stanford er að bæta nokkrum galdur
að þeir eru ekki að taka mig á slóðina

424
00:19:23,400 --> 00:19:25,820
sem við sáum í
aðgerð eiginleiki þar.

425
00:19:25,820 --> 00:19:32,480
En þetta form hér er hrint í framkvæmd eingöngu
með því að þetta Markup hér, þessir tags.

426
00:19:32,480 --> 00:19:35,710
Í raun, hér er inntak fyrir
gerð leit sem þú vilt.

427
00:19:35,710 --> 00:19:38,940
Hér er inntak fyrir
annars konar leit.

428
00:19:38,940 --> 00:19:41,960
Hér er inntak fyrir strenginn sjálft.

429
00:19:41,960 --> 00:19:45,394
Og svo markmiðið er ekki að vefja
hugur okkar um allar þessar merkingar

430
00:19:45,394 --> 00:19:46,060
En bara til að sjá.

431
00:19:46,060 --> 00:19:48,300
Það er bara að opna og loka
merki og útlit það upp.

432
00:19:48,300 --> 00:19:48,560
Já?

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

434
00:19:48,920 --> 00:19:49,795
>> Áhorfendur: [inaudible]

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

436
00:19:51,925 --> 00:19:53,550
DAVID J. Malan: Það er góð spurning.

437
00:19:53,550 --> 00:19:54,660
Það er svolítið snúnara að sjá.

438
00:19:54,660 --> 00:19:56,300
Leyfðu mér að koma aftur til að
Spurningin í örfáum mínútum

439
00:19:56,300 --> 00:19:59,000
þegar við lítum á eitthvað sem kallast
CSS eða Cascading Style Sheets,

440
00:19:59,000 --> 00:20:02,500
og við getum reynt að álykta
eins mikið af síðunni.

441
00:20:02,500 --> 00:20:08,090
Þannig að ef við tökum nú líta á google.com,
við skulum sjá hvað síðu þeirra lítur út.

442
00:20:08,090 --> 00:20:09,840
Þú myndir they're-- sem er sætur í dag.

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
Allt búið.

446
00:20:13,690 --> 00:20:15,260
Allt í lagi, svo View Source.

447
00:20:15,260 --> 00:20:19,590
Þú myndir hugsa Google hefur
mjög gott kóðann.

448
00:20:19,590 --> 00:20:24,970
Svo virðist, hvað er að gerast hérna?

449
00:20:24,970 --> 00:20:27,880
Og í raun er þetta ekki einu sinni HTML.

450
00:20:27,880 --> 00:20:30,930
Þetta er eitthvað sem kallast JavaScript.

451
00:20:30,930 --> 00:20:32,344
Og við skulum halda áfram og fara.

452
00:20:32,344 --> 00:20:34,010
Ég veit ekki einu sinni hvar á síðunni hefst.

453
00:20:34,010 --> 00:20:37,240
Ég ætla að nota Command
F, opið krappi HTML.

454
00:20:37,240 --> 00:20:38,200
Allt í lagi, það er það.

455
00:20:38,200 --> 00:20:44,150
Ég fann the byrjun af the blaðsíða, og
það er svo mikið efni hér.

456
00:20:44,150 --> 00:20:45,310
>> Hvað er raunverulega að gerast?

457
00:20:45,310 --> 00:20:47,460
Jæja, þú veist hvað,
við getum hreinsa þetta upp.

458
00:20:47,460 --> 00:20:52,109
Ef ég fer í staðinn að þessu Skoðið
tækjastika, þetta sérstaka greiningu tól,

459
00:20:52,109 --> 00:20:54,150
og fara ekki til Net,
þar sem við höldum að fara í dag,

460
00:20:54,150 --> 00:20:56,420
En ef ég fer að Elements,
hvað er mjög gott

461
00:20:56,420 --> 00:20:59,990
er að vafrinn hefur mikið
miklu betri augu en ég geri.

462
00:20:59,990 --> 00:21:02,670
Og vafrinn getur lesið
að skipta um vefsíðu,

463
00:21:02,670 --> 00:21:04,700
að HTML póstur við bara
horfði á, og það getur

464
00:21:04,700 --> 00:21:08,340
flokka það eða lesið og
greina það og forsníða hana

465
00:21:08,340 --> 00:21:09,910
í fallegu manna-vingjarnlegur hátt.

466
00:21:09,910 --> 00:21:11,740
Svo það sem ég er að sjá núna
í þessum skjá hér

467
00:21:11,740 --> 00:21:15,470
undir Elements, nákvæmlega sama efnið,
en þeir hafa inndregin allt,

468
00:21:15,470 --> 00:21:18,140
þeir hafa colorized það, en
það er nákvæmlega sama texta

469
00:21:18,140 --> 00:21:19,620
sem ég sótt af þjóninum.

470
00:21:19,620 --> 00:21:23,630
>> Og hvað er gott núna er ég get séð
í líkamanum, til instance-- fyrirvara,

471
00:21:23,630 --> 00:21:26,480
síðan er enn samsett
á bara höfuð og líkama,

472
00:21:26,480 --> 00:21:28,660
og ég get hierarchically kafa hérna.

473
00:21:28,660 --> 00:21:32,420
Takið eftir að Google virðist hafa
til divs-- þetta einn og this einn.

474
00:21:32,420 --> 00:21:33,310
Ég get stækka það.

475
00:21:33,310 --> 00:21:35,370
Það er allt fullt af öðrum divs.

476
00:21:35,370 --> 00:21:36,900
Svo er það svolítið flókið.

477
00:21:36,900 --> 00:21:37,400
En bíddu.

478
00:21:37,400 --> 00:21:40,970
Þetta virðist svo miklu meira
læsileg, tiltölulega, en þetta.

479
00:21:40,970 --> 00:21:43,840
Hvers vegna er Google vandræðalegt
sjálft bara með því að senda

480
00:21:43,840 --> 00:21:50,400
þetta mikla sóðaskapur af kóða sumra
raða bara að framkvæma eitthvað

481
00:21:50,400 --> 00:21:53,640
sem lítur svo einfalt við fyrstu sýn?

482
00:21:53,640 --> 00:21:55,270
Eins, hvers vegna gera þeir ekki bætt fleiri rými?

483
00:21:55,270 --> 00:21:56,811
Hvers vegna gerðu þeir ekki högg inn eins og ég gerði?

484
00:21:56,811 --> 00:21:59,110
Líta hversu gott ég var
að skrifa á vefsíðu.

485
00:21:59,110 --> 00:22:00,680
Ég Enter svo iðinn.

486
00:22:00,680 --> 00:22:03,760
Ég inndregin svo allt
er svo falleg og læsileg.

487
00:22:03,760 --> 00:22:08,463
Hvers vegna er Google að æfa ekki það sama?

488
00:22:08,463 --> 00:22:11,409
>> Áhorfendur: [inaudible]

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

490
00:22:12,305 --> 00:22:13,180
DAVID J. Malan: Good.

491
00:22:13,180 --> 00:22:14,270
Mjög sanngjarnt.

492
00:22:14,270 --> 00:22:16,650
Þeir hafa ekki sumir
Maður á Google handvirkt

493
00:22:16,650 --> 00:22:18,160
að uppfæra heimasíðuna lengur.

494
00:22:18,160 --> 00:22:20,010
Það er ekki 1999 lengur.

495
00:22:20,010 --> 00:22:21,140
Svo þeir hafa hugbúnað.

496
00:22:21,140 --> 00:22:25,397
Þeir hafa önnur tól sem
mynda breytilega þeir HTML.

497
00:22:25,397 --> 00:22:27,480
Auðvitað, það númerið sjálft
var skrifuð af mönnum,

498
00:22:27,480 --> 00:22:30,220
en raunin er,
það er alveg óhætt að segja,

499
00:22:30,220 --> 00:22:33,340
vafrinn er vissulega ekki
sama hvernig sóðalegur kóðinn er.

500
00:22:33,340 --> 00:22:35,940
En það er jafnvel meira
sannfærandi tæknilega ástæðu

501
00:22:35,940 --> 00:22:42,580
sem Google dreifir HTML sitt
númer í svo sloppy, virðist

502
00:22:42,580 --> 00:22:48,350
Yfirgnæfandi leið allt pakkað saman
með mjög lítið way-- mjög lítið

503
00:22:48,350 --> 00:22:51,274
í vegi formatting eins og ég gerði.

504
00:22:51,274 --> 00:22:52,570
>> Áhorfendur: [inaudible]

505
00:22:52,570 --> 00:22:53,528
>> DAVID J. Malan: Festa?

506
00:22:53,528 --> 00:22:54,040
Hvers vegna?

507
00:22:54,040 --> 00:22:55,680
Og hvað sagðirðu, Lydia?

508
00:22:55,680 --> 00:22:56,240
Hraðar?

509
00:22:56,240 --> 00:22:57,281
Hvers hraðar?

510
00:22:57,281 --> 00:22:58,156
Áhorfendur: [inaudible]

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

512
00:23:00,522 --> 00:23:02,230
DAVID J. Malan: Það er
ekkert pláss til að lesa.

513
00:23:02,230 --> 00:23:02,730
Já.

514
00:23:02,730 --> 00:23:04,560
Svo hugsa um hvað rými er.

515
00:23:04,560 --> 00:23:08,394
Svo að hver persóna á lyklaborðinu tekur
sumir magn af plássi til að tákna,

516
00:23:08,394 --> 00:23:10,560
annaðhvort líkamlega, eins og það
tekur upp það mikið pláss,

517
00:23:10,560 --> 00:23:13,250
eða einhvern veginn undir það
hetta, sem krefst minni.

518
00:23:13,250 --> 00:23:15,740
Og sem aside-- og við munum
tala meira um þetta tomorrow--

519
00:23:15,740 --> 00:23:19,930
Sérhver persóna á lyklaborðinu
yfirleitt þarf 8 bita eða eitt bæti.

520
00:23:19,930 --> 00:23:23,360
Svo mynstur af 8 núllum eða
sjálfur, eða bara 1 bæti, eins og við

521
00:23:23,360 --> 00:23:24,720
menn myndu venjulega segja.

522
00:23:24,720 --> 00:23:27,690
Svo er það lítill, en
það er samt ekki núll.

523
00:23:27,690 --> 00:23:29,940
Það er enn nokkur pláss.

524
00:23:29,940 --> 00:23:36,082
Svo ef verkfræðingur eða Google hits
rúm bar bara einu sinni, og býst

525
00:23:36,082 --> 00:23:38,540
Google-- það er frábær-popular--
Segjum sem svo að milljarðar manna

526
00:23:38,540 --> 00:23:40,780
heimsækja heimasíðuna þeirra á dag,
eða einhver fjöldi af fólk

527
00:23:40,780 --> 00:23:43,290
heimsækja heimasíðuna A
milljarðar sinnum á dag,

528
00:23:43,290 --> 00:23:48,890
hversu margir fleiri bæti hefur það
hugbúnaður verkfræðingur kostar bara Google

529
00:23:48,890 --> 00:23:51,310
við hitting bar hans eða rúm hennar einu sinni?

530
00:23:51,310 --> 00:23:52,692
>> Áhorfendur: [inaudible]

531
00:23:52,692 --> 00:23:54,150
DAVID J. Malan: Ekki alveg svo slæmt.

532
00:23:54,150 --> 00:23:57,070
Bara eitt bæti sinnum milljarða.

533
00:23:57,070 --> 00:23:57,871
svo -A-

534
00:23:57,871 --> 00:23:59,120
Áhorfendur: 8 milljarðar gígabæta.

535
00:23:59,120 --> 00:24:00,370
DAVID J. Malan: Ekki 8 milljarðar.

536
00:24:00,370 --> 00:24:01,240
8 milljarða bytes.

537
00:24:01,240 --> 00:24:02,410
En 1 Gígabæti.

538
00:24:02,410 --> 00:24:04,080
1 gígabæti væri Mælieiningin.

539
00:24:04,080 --> 00:24:08,240
Ef hann eða hún gerir tvo
rými, 2 gígabæta.

540
00:24:08,240 --> 00:24:09,030
Þrír gígabæta.

541
00:24:09,030 --> 00:24:09,530
Hægri?

542
00:24:09,530 --> 00:24:11,860
Það vog expensively.

543
00:24:11,860 --> 00:24:16,150
Og svo í tilvikum eins og Google,
sem veitt eru alvarlegri tilfellum,

544
00:24:16,150 --> 00:24:21,450
Það eru önnur mál sem upp koma bara
með því að gera mjög eðlilegar ákvarðanir

545
00:24:21,450 --> 00:24:25,744
eða taka mjög einfaldar aðgerðir manna,
vegna þess að það hefur þessa miklað áhrif.

546
00:24:25,744 --> 00:24:27,660
Svo ein af ástæðunum
þetta lítur svo þjöppuð

547
00:24:27,660 --> 00:24:30,660
er nákvæmlega eins og Victoria said-- og það var
bara mynda af tölvum samt.

548
00:24:30,660 --> 00:24:31,900
Svo ekki máli.

549
00:24:31,900 --> 00:24:33,309
Láttu vafrinn reikna það út.

550
00:24:33,309 --> 00:24:35,350
En það er einnig vísvitandi
hefur ekki mikið pláss,

551
00:24:35,350 --> 00:24:36,766
vegna þess að pláss er ekki nauðsynlegt.

552
00:24:36,766 --> 00:24:38,250
Og rúm reyndar kostar peninga.

553
00:24:38,250 --> 00:24:40,670
>> Það annaðhvort kostar tíma,
því bara að ýta

554
00:24:40,670 --> 00:24:44,670
að miklu fleiri gögn úr
Höfuðstöðvar Google.com er bara

555
00:24:44,670 --> 00:24:47,710
hefur fengið að taka talsverða
tími, jafnvel ef það er millisekúndur

556
00:24:47,710 --> 00:24:51,190
eða míkrósekúndur, en það bætir upp
yfir svo mörgum notendum, eða líklegri,

557
00:24:51,190 --> 00:24:52,270
það kostar líklega peninga.

558
00:24:52,270 --> 00:24:54,690
Google tengist líklega að
einhver annar í heiminum, einn

559
00:24:54,690 --> 00:24:56,398
af þeim peering
stig, og ef þeir hafa

560
00:24:56,398 --> 00:24:59,880
einhvers konar fjárhagslegum samskiptum
þar sem gögn þeirra kostar peninga,

561
00:24:59,880 --> 00:25:01,730
þeir gætu eins vel
lágmarka hversu mikið af gögnum

562
00:25:01,730 --> 00:25:04,530
þeir eru spúandi á
internet tenging þeirra.

563
00:25:04,530 --> 00:25:07,630
>> Svo fyndna, þó, að lokum,
eða kannski hughreystandi hlutur,

564
00:25:07,630 --> 00:25:11,030
er að jafnvel þó að þetta lítur hræðilega
yfirþyrmandi, í lok dags,

565
00:25:11,030 --> 00:25:16,750
það er samt nákvæmlega sömu reglur og
þetta mjög einfalt síðu hér á HTML

566
00:25:16,750 --> 00:25:17,390
síðu.

567
00:25:17,390 --> 00:25:20,610
Svo bara til að draga saman og þannig að þú
hafa Canonical útgáfa ef þú værir ekki

568
00:25:20,610 --> 00:25:25,900
fylgja eftir með val hér, hér
gæti verið einfaldasta af vefsíðum,

569
00:25:25,900 --> 00:25:28,240
svo eitthvað að leika með kannski seinna.

570
00:25:28,240 --> 00:25:30,790
>> Jæja, við skulum kynna
par af öðrum hugmyndum núna.

571
00:25:30,790 --> 00:25:33,420
Við erum að fara að kynna
eitthvað sem kallast stíl tag.

572
00:25:33,420 --> 00:25:38,110
Við getum stylize síðunni
í fleiri áhugaverður lifnaðarhættir.

573
00:25:38,110 --> 00:25:40,860
Svo á meðan HTML email
er allur óður merkið upp

574
00:25:40,860 --> 00:25:44,470
gögnin, eins konar tilgreina til a
Vafrinn hvernig á að uppbygging gögn,

575
00:25:44,470 --> 00:25:48,110
hvar á að setja það, CSS, eða
Cascading Style Sheets,

576
00:25:48,110 --> 00:25:52,640
er annað tungumál sem
almennt fær commingled HTML

577
00:25:52,640 --> 00:25:55,670
eins og við munum see-- en við getum hreinsa
sem upp á moment-- sem tekur

578
00:25:55,670 --> 00:25:59,850
það endanlega míla, og það stylizes það.

579
00:25:59,850 --> 00:26:02,460
Það gerist litirnir bara rétt,
font stærðir bara rétt,

580
00:26:02,460 --> 00:26:03,860
staðsetning bara rétt.

581
00:26:03,860 --> 00:26:06,510
Það er allt um fagurfræði
eða formatting, ekki um

582
00:26:06,510 --> 00:26:08,330
grundvallaratriði Gögnin sjálf.

583
00:26:08,330 --> 00:26:11,390
Og auðveldasta leiðin til að sýna
þetta er kannski með dæmi.

584
00:26:11,390 --> 00:26:15,320
Þannig að ég ætla að fara yfir
að einfalda textaskrá mína.

585
00:26:15,320 --> 00:26:17,970
Og í bara smá stund, ég ætla
ganga okkur í gegnum ferlið

586
00:26:17,970 --> 00:26:19,360
að gera þetta sjálf.

587
00:26:19,360 --> 00:26:23,310
>> Ég ætla að fara aftur í minn skrá
hér og endurhlaða síðunni bara

588
00:26:23,310 --> 00:26:25,800
til að staðfesta það lítur út.

589
00:26:25,800 --> 00:26:27,190
Það er þar sem við erum í núna.

590
00:26:27,190 --> 00:26:31,170
Mér líður eins og krakkarnir myndu njóta
hafa sumir lit á þessari vefsíðu.

591
00:26:31,170 --> 00:26:34,480
Þannig að ég ætla að fara upp hér
í höfuðið á síðunni.

592
00:26:34,480 --> 00:26:38,130
Og ég ætla að gera stíl, / stíl.

593
00:26:38,130 --> 00:26:44,060
Og þá inni um þetta, ég er að fara
að segja líkama page-- minn

594
00:26:44,060 --> 00:26:46,870
og þetta búið er, á
fyrstu sýn, kannski smá

595
00:26:46,870 --> 00:26:49,400
undarlegt en hefðbundin.

596
00:26:49,400 --> 00:26:55,010
Ég ætla að segja að bakgrunni
litur síðunni ætti að vera grænn.

597
00:26:55,010 --> 00:26:57,960
Og þetta er því miður
konar ekki besta hönnun.

598
00:26:57,960 --> 00:27:00,710
Takið eftir sem áður
í heimi HTML,

599
00:27:00,710 --> 00:27:03,190
Ég sagði að eiginleikar
eru þessir lykill-gildi pör.

600
00:27:03,190 --> 00:27:05,760
Eitthvað jafngildir vitna
unquote "eitthvað."

601
00:27:05,760 --> 00:27:08,810
Í heimi CSS, sem var
hannað af nokkrum mismunandi fólk,

602
00:27:08,810 --> 00:27:11,020
þeir ákváðu að í þeirra
veröld, lykill-gildi pör

603
00:27:11,020 --> 00:27:13,920
væri orðið ristill eitthvað.

604
00:27:13,920 --> 00:27:15,220
Svo er það sama hugmynd, þó.

605
00:27:15,220 --> 00:27:18,620
Það er að tengja gildi
með nokkrum lykill að einhvern veginn

606
00:27:18,620 --> 00:27:20,330
áhrif á hegðun þessa síðu.

607
00:27:20,330 --> 00:27:21,901
>> Og þú getur sennilega giska á.

608
00:27:21,901 --> 00:27:24,150
Hvað er þetta líklega að fara
að gera jafnvel ef þú hefur aldrei

609
00:27:24,150 --> 00:27:27,867
séð HTML eða CSS áður?

610
00:27:27,867 --> 00:27:29,450
Áhorfendur: Breyta bakgrunnslit.

611
00:27:29,450 --> 00:27:30,560
DAVID J. Malan: Já,
breyta bakgrunnslit.

612
00:27:30,560 --> 00:27:33,280
Og sérstaklega
bakgrunnslit líkamanum.

613
00:27:33,280 --> 00:27:36,290
En að svo miklu leyti sem
líkami nú er vefur

614
00:27:36,290 --> 00:27:38,870
page-- það er það eina
undir titlinum bar really--

615
00:27:38,870 --> 00:27:40,870
það er líklega að fara að
áhrif á það sama.

616
00:27:40,870 --> 00:27:41,430
Svo skulum sjá.

617
00:27:41,430 --> 00:27:42,490
Skulum spara þetta.

618
00:27:42,490 --> 00:27:44,310
Fara hér og endurhlaða.

619
00:27:44,310 --> 00:27:46,140
Það er nokkuð ljót.

620
00:27:46,140 --> 00:27:48,070
Og hvað er að gerast
Hér er aukaverkun.

621
00:27:48,070 --> 00:27:49,850
Ég valdi bara þessa mynd af handahófi.

622
00:27:49,850 --> 00:27:53,305
Hvers vegna er grænt ekki
litaði bak Mickey?

623
00:27:53,305 --> 00:27:54,180
Áhorfendur: [inaudible]

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

625
00:27:56,880 --> 00:27:57,880
DAVID J. Malan: Einmitt.

626
00:27:57,880 --> 00:28:01,750
Það kemur í ljós að myndir, nokkuð
mikið allar myndir sem við gætum notað,

627
00:28:01,750 --> 00:28:03,670
eru allir rectangles-- af rétthyrninga.

628
00:28:03,670 --> 00:28:07,710
Jafnvel þótt Mickey hefur einhverja línur
við sjálfan sig og hefur bakgrunn,

629
00:28:07,710 --> 00:28:09,330
sem bakgrunnur þarf að vera eitthvað.

630
00:28:09,330 --> 00:28:10,280
Það þarf að vera hvítur.

631
00:28:10,280 --> 00:28:11,910
Það hlýtur að vera svartur eða eitthvað annað.

632
00:28:11,910 --> 00:28:13,650
Það getur verið gegnsætt.

633
00:28:13,650 --> 00:28:16,100
Og í raun, ég gat
opna Mikki Mús hér

634
00:28:16,100 --> 00:28:18,590
í forriti sem heitir Photoshop
eða eitthvað svipað

635
00:28:18,590 --> 00:28:21,176
og breyta öllum þeim hvítu
Forsaga gagnsæ,

636
00:28:21,176 --> 00:28:22,550
svo græna myndi skína í gegnum.

637
00:28:22,550 --> 00:28:25,980
En það er eitthvað sem ég þyrfti
að spyrja um mig eða grafískur listamaður

638
00:28:25,980 --> 00:28:28,130
eða hönnuður á minn
fyrirtæki, til dæmis,

639
00:28:28,130 --> 00:28:31,490
að gera, sérstaklega þar sem ég bara
láni þetta einn af internetinu.

640
00:28:31,490 --> 00:28:33,030
En það er hvers vegna þetta er að gerast.

641
00:28:33,030 --> 00:28:34,980
>> Svo hvað getum við viljum gera?

642
00:28:34,980 --> 00:28:41,040
Jæja, kannski við viljum segja að við
virkilega vona að þú njótir dvalarinnar.

643
00:28:41,040 --> 00:28:44,150
Og til áherslu, ég vil
til að gera þetta sterk,

644
00:28:44,150 --> 00:28:48,310
og svo ég segi opinn sterkur og
loka sterkt og þá endurhlaða.

645
00:28:48,310 --> 00:28:50,320
Og það er svolítið erfitt
að sjá um skjávarpa

646
00:28:50,320 --> 00:28:53,250
en kannski í raun nú
stökk út á þig aðeins meira.

647
00:28:53,250 --> 00:28:56,180
Svo er hægt að bæta við skáletra í þessu
Þannig djörf frammi á þennan hátt.

648
00:28:56,180 --> 00:28:57,500
Við gætum breytt litum.

649
00:28:57,500 --> 00:29:01,610
Í raun bara fyrir spörk, ég er
að fara á undan og gera þetta.

650
00:29:01,610 --> 00:29:05,120
Ég í raun ekki eins og hvernig minn
málsgreinar eru þetta þétt saman,

651
00:29:05,120 --> 00:29:06,870
þannig að ég gæti gert eitthvað svona.

652
00:29:06,870 --> 00:29:13,310
Ég ætla að segja vafrann,
breyta í hvert efnisgreinaskipun að hafa,

653
00:29:13,310 --> 00:29:16,952
skulum say-- raun, þú veist hvað,
skulum samræma það text-align, miðstöð.

654
00:29:16,952 --> 00:29:19,410
Og aftur, ég veit þetta bara
vegna þess að einhver kenndi mér það

655
00:29:19,410 --> 00:29:21,118
eða ég leit upp í
á netinu tilvísun.

656
00:29:21,118 --> 00:29:22,450
Svo láta mig spara þetta.

657
00:29:22,450 --> 00:29:25,070
Og Ah, nú ég hef
miðju myndina þar.

658
00:29:25,070 --> 00:29:28,490
Og í raun, þú veist hvað, ef
Ég flyt myndina mína í málsgrein

659
00:29:28,490 --> 00:29:34,510
tag-- svo þriðja málsgrein,
jafnvel þó það sé ekki í texta.

660
00:29:34,510 --> 00:29:36,917
Skulum spara sem og endurhlaða.

661
00:29:36,917 --> 00:29:40,000
Nú síðan er farin að líta góður
of-- Ég meina, það er samt ansi ljót,

662
00:29:40,000 --> 00:29:43,180
en að minnsta kosti það lítur út eins ég eyddi
tvær mínútur í stað eina mínútu

663
00:29:43,180 --> 00:29:43,950
að gera það.

664
00:29:43,950 --> 00:29:47,200
>> Og svo, smám getum við gert
þessar fagurfræðilegu breytingar nú til síðu?

665
00:29:47,200 --> 00:29:50,860
Ég hef í raun ekki breytt gögnum í
síðu annað en að bæta orðinu í raun.

666
00:29:50,860 --> 00:29:52,650
Ég hef bætt við lýsigögn, ef þú vilt.

667
00:29:52,650 --> 00:29:54,830
Hey, vafra, gera
Orðið "raun" bold.

668
00:29:54,830 --> 00:29:56,940
En gögn er ekki sterkt.

669
00:29:56,940 --> 00:29:57,830
Það er lýsigögn.

670
00:29:57,830 --> 00:29:59,410
Gögnin eru "í raun."

671
00:29:59,410 --> 00:30:02,200
Þannig að við höfum enn nokkur
sömu hugtök eins og áður.

672
00:30:02,200 --> 00:30:05,990
Nú, að sjálfsögðu, þetta er ekki á vefnum,
þannig að ég ætla að gera eitt síðasta skrefið hér.

673
00:30:05,990 --> 00:30:10,300
>> Ég ætla að fara að hello.html
og bara undirstrika og afrita þetta.

674
00:30:10,300 --> 00:30:12,285
Og nú ætla ég að
fara inn Cloud9 sem

675
00:30:12,285 --> 00:30:13,910
Ég mun ganga þú í gegnum í bara smá stund.

676
00:30:13,910 --> 00:30:17,080
Og líkurnar eru að þú munt fljótlega vera, ef
ekki nú þegar, á skjánum eins og þetta.

677
00:30:17,080 --> 00:30:21,080
Og láta mig gefa bara þér fljótleg
skoðunarferð um hvað Cloud9 raun er.

678
00:30:21,080 --> 00:30:26,590
Svo aftur ský 9 er
þetta ský-undirstaða þjónusta

679
00:30:26,590 --> 00:30:30,580
sem gefur þér og mér tálsýn
af því að hafa eigin raunverulegur okkar vél

680
00:30:30,580 --> 00:30:33,090
í skýinu, tæknilega
gámur í skýinu,

681
00:30:33,090 --> 00:30:35,160
sem við höfum fulla
stjórn forréttindi til.

682
00:30:35,160 --> 00:30:37,130
Svo í kenningu, enginn
annars staðar í heiminum hefur

683
00:30:37,130 --> 00:30:39,152
aðgang að skjá sem ég er
horfa á núna,

684
00:30:39,152 --> 00:30:40,860
nema kannski fólki
sem keyra á síðuna,

685
00:30:40,860 --> 00:30:43,470
vegna þess að tæknilega þeir hafa
líkamlegt aðgengi og svo framvegis.

686
00:30:43,470 --> 00:30:44,740
>> Svo hvað eigum við að sjá í þessu umhverfi?

687
00:30:44,740 --> 00:30:46,230
Ég ætla að þysja út,
vegna þess að það er svolítið lítill.

688
00:30:46,230 --> 00:30:48,104
Og láta mig benda á
Hér fyrir réttlátur a augnablik.

689
00:30:48,104 --> 00:30:53,210
Á vinstri hönd hlið af mínum og þínum
skjár, there 'a skrá vafra á vinstri.

690
00:30:53,210 --> 00:30:55,362
Svo svipuð í anda
Mac OS og Windows.

691
00:30:55,362 --> 00:30:57,070
Þetta eru allt af
skrár í reikningnum mínum.

692
00:30:57,070 --> 00:30:59,250
Og með því að vanræksla, ef þinn
reikningur er eins og minn,

693
00:30:59,250 --> 00:31:05,090
þú munt sjá eða fljótlega sjá
helloworld.html og readme.md.

694
00:31:05,090 --> 00:31:07,950
Hérna á hægri, þetta er
þar textaskrár mín eru að fara að fara.

695
00:31:07,950 --> 00:31:11,620
Ef þú hefur einhvern tíma notað Microsoft
Word eða Notepad eða TextEdit,

696
00:31:11,620 --> 00:31:14,100
þetta er orð klippingu mitt
skráa er að fara að fara.

697
00:31:14,100 --> 00:31:16,540
Og þá mest yfirnáttúrulegt
lögun af þessu umhverfi

698
00:31:16,540 --> 00:31:20,100
að við munum ekki raunverulega þörf til nota er
hérna kallað endastöðvar.

699
00:31:20,100 --> 00:31:23,390
Ef þú hefur notað DOS frá
fyrra, þetta er Linux

700
00:31:23,390 --> 00:31:25,450
eða Linux jafngildi DOS.

701
00:31:25,450 --> 00:31:28,190
Það er texti-undirstaða interface--
Engin mús smelli, ekki draga.

702
00:31:28,190 --> 00:31:30,770
Allt sem þú getur gert er að slá
skipanir, en þeir skipanir

703
00:31:30,770 --> 00:31:34,400
Hægt er að búa skrár, flytja skrár, opna
framkvæmdarstjóra, loka framkvæmdarstjóra,

704
00:31:34,400 --> 00:31:35,740
gera allir tala af hlutur.

705
00:31:35,740 --> 00:31:38,060
En nú, við verðum bara
eyða tíma okkar hér.

706
00:31:38,060 --> 00:31:39,050
>> Og svo skulum gera þetta.

707
00:31:39,050 --> 00:31:41,008
Ef þú ert í þessu
umhverfi, sem þú ættir

708
00:31:41,008 --> 00:31:45,900
vera ef þú búið vinnusvæði
nú þegar, fara á undan og bara fara upp

709
00:31:45,900 --> 00:31:48,690
í File, New stund.

710
00:31:48,690 --> 00:31:51,740
Og það mun gefa þér nýja
flipi hérna í miðjunni.

711
00:31:51,740 --> 00:31:54,250
Og ég just-- og skulum
fara á undan og gera þetta.

712
00:31:54,250 --> 00:31:59,910
Við skulum fara á undan og nú File, Save
og fara á undan og kalla það hello.html,

713
00:31:59,910 --> 00:32:02,740
Ekki til að rugla saman við
helloworld.html, sem

714
00:32:02,740 --> 00:32:06,910
kom með nýja frjáls reikningur þinn,
sem er bara sýnishorn skrá.

715
00:32:06,910 --> 00:32:11,020
Þú munt sjá að það birtist allt í einu,
líklega á vinstri hönd hlið,

716
00:32:11,020 --> 00:32:12,810
og flipann mun enn vera opinn.

717
00:32:12,810 --> 00:32:21,300
Og láta mig hvetjum þig núna til að endurskapa
þessi skrá eða nokkrar afbrigði þeirra.

718
00:32:21,300 --> 00:32:24,607
Og ef þú getur ekki alveg séð það á
skjár, þetta er eins og að renna

719
00:32:24,607 --> 00:32:26,190
að þú ert sennilega í öðrum flipa.

720
00:32:26,190 --> 00:32:29,296
>> Svo í stuttu máli, að gera fyrst á vefsíðu þinni,
vista það, og þá í bara smá stund,

721
00:32:29,296 --> 00:32:31,170
Ég skal sýna þér hvernig þú
geta í raun að skoða þetta.

722
00:32:31,170 --> 00:32:32,970
En að breyta að minnsta kosti eitt.

723
00:32:32,970 --> 00:32:35,400
Breyting HelloWorld til
eitthvað af eigin vali,

724
00:32:35,400 --> 00:32:39,821
þannig að þú ert sannfærður um að það er þitt
skrá og ekki það sem ég bjóst bara.

725
00:32:39,821 --> 00:32:40,320
Allt í lagi.

726
00:32:40,320 --> 00:32:43,804
Og þegar þú ert ready-- ekki
rush-- þegar þú ert tilbúin,

727
00:32:43,804 --> 00:32:46,220
fara á undan og vista skrána
þegar þú hefur gert þessar breytingar.

728
00:32:46,220 --> 00:32:49,540
Og ef þú smellir á
Hlaupa hnappur upp efst, þetta

729
00:32:49,540 --> 00:32:53,610
ætti að opna nýjan flipa sem mun segja
þú hvaða vefslóð sem þú getur heimsótt þinn skrá á,

730
00:32:53,610 --> 00:32:56,380
en það gæti tekið smá stund til
vitna unquote "byrja Apache", sem

731
00:32:56,380 --> 00:32:58,820
er nafn af the vefur framreiðslumaður.

732
00:32:58,820 --> 00:33:02,430
Svo vera varkár að gera nákvæmlega
hvað er í skránni lokum.

733
00:33:02,430 --> 00:33:04,610
Svo núna, ég aðdrátt.

734
00:33:04,610 --> 00:33:07,780
Ef ég byrja að skrifa
opinn krappi HTML, tilkynning

735
00:33:07,780 --> 00:33:09,650
það er vekur mig til að klára hugsun mína.

736
00:33:09,650 --> 00:33:13,750
Og ef ég kláraði hugsun mína, hana
sjálfkrafa gefur mér Lokunarmerki.

737
00:33:13,750 --> 00:33:17,190
En von er þá ætla ég lenti
Enter, og þá fara þarna inni

738
00:33:17,190 --> 00:33:21,180
og ekki höfuð inni og
þá er ég að gera líkama inni.

739
00:33:21,180 --> 00:33:24,430
Og það er svolítið skrýtið í fyrstu,
vegna þess að það er að gera fyrir þig,

740
00:33:24,430 --> 00:33:27,110
en ljóst að á endanum
það sparar þér mínútum.

741
00:33:27,110 --> 00:33:30,500
Og í raun, mjög algeng einkenni
forritun umhverfi þessa dagana

742
00:33:30,500 --> 00:33:33,260
bæði fyrir þróun vefur eins
þetta og raunverulegt forritun,

743
00:33:33,260 --> 00:33:36,960
sem við munum tala um á morgun,
er þessi farartæki-heill lögun,

744
00:33:36,960 --> 00:33:39,710
hlutir sem bara leyfa a
forritari eða hönnuður

745
00:33:39,710 --> 00:33:42,010
að slá færri mínútum til
ná sama.

746
00:33:42,010 --> 00:33:43,176
Stundum er gott, þó.

747
00:33:43,176 --> 00:33:44,560
Stundum er það bara pirrandi.

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

749
00:33:49,290 --> 00:33:54,010
Og aftur, þegar þú hefur vélritað
sem renna eða einhver afbrigði þess,

750
00:33:54,010 --> 00:33:57,360
þú getur smellt á Run hnappinn upp efst.

751
00:33:57,360 --> 00:33:59,910
Og þá í botn
glugga, munt þú vera upplýst

752
00:33:59,910 --> 00:34:04,290
á hvaða vefslóð sem þú getur heimsótt vefsíðu þinni.

753
00:34:04,290 --> 00:34:08,790
Mine, til dæmis, er á
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
og svo framvegis.

755
00:34:11,480 --> 00:34:14,580
Allt í lagi, þannig að, við skulum me-- einhverjar spurningar?

756
00:34:14,580 --> 00:34:19,460
Aðrar spurningar um bara fá
þetta vinna áður en við bæta eiginleika?

757
00:34:19,460 --> 00:34:21,692
Og láta mig leggja, bara
að fá gott fólk comfortable--

758
00:34:21,692 --> 00:34:24,400
vegna þess að það er eitt að bara
Afrita-líma blindni því sem ég hef gert.

759
00:34:24,400 --> 00:34:27,177
En bara svo að fólk glíma
með að minnsta kosti eitt til að gera,

760
00:34:27,177 --> 00:34:28,510
Ég ætla að kveikja á smá tónlist.

761
00:34:28,510 --> 00:34:32,630
Ég ætla að leggja til lista yfir
hlutir sem þú getur hugsanlega bæta við.

762
00:34:32,630 --> 00:34:34,086
Og þú getur örugglega nota Google.

763
00:34:34,086 --> 00:34:36,210
Og hvers vegna ekki við bara
leggja til að þú reynir að leysa

764
00:34:36,210 --> 00:34:38,710
að minnsta kosti einu tilteknu vandamál hér.

765
00:34:38,710 --> 00:34:45,090
Svo hvað varðar merkingar,
láta mig endurnýta þetta hér.

766
00:34:45,090 --> 00:34:48,280
>> Reyndar láta mig setja
það á texta formi.

767
00:34:48,280 --> 00:35:02,380
Við skulum segja að meðal merki við gætum
nota hér eru nokkrar merki hérna.

768
00:35:02,380 --> 00:35:06,090
Við höfum séð efnisgreinaskipun.

769
00:35:06,090 --> 00:35:07,850
Nú það er að fara til sjálfvirkt farartæki-heill.

770
00:35:07,850 --> 00:35:12,220
Málsgrein tag, akkeri tag.

771
00:35:12,220 --> 00:35:15,250
Við skulum segja að þú viljir
gera eitthvað stærri,

772
00:35:15,250 --> 00:35:19,480
svo þú gætir like--
sem span tag getur hjálpað.

773
00:35:19,480 --> 00:35:23,010
Jæja, þú might þörf sumir hjálpa
fyrir að í bara smá stund.

774
00:35:23,010 --> 00:35:24,830
Við höfum séð div.

775
00:35:24,830 --> 00:35:26,170
Þú munt sjá að það er borð.

776
00:35:26,170 --> 00:35:27,928
Eitthvað sem kallast st, 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
Koma aftur til það í smá stund.

780
00:35:34,770 --> 00:35:36,590
Hvað annað gæti verið hentugt?

781
00:35:36,590 --> 00:35:38,310
Það er sterk.

782
00:35:38,310 --> 00:35:43,640
Það er lögð áhersla, eða öllu heldur em.

783
00:35:43,640 --> 00:35:50,110
There's-- hvað annað
gætir þú ímynda hér?

784
00:35:50,110 --> 00:35:51,930
Jæja, munum við taka a
líta á það saman.

785
00:35:51,930 --> 00:35:53,230
Form, sem við höfum séð.

786
00:35:53,230 --> 00:35:54,130
Það er mynd.

787
00:35:54,130 --> 00:35:56,500
Það er inntak og nokkrum öðrum.

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

789
00:35:58,924 --> 00:36:00,090
Allt í lagi, þannig að við skulum gera þetta.

790
00:36:00,090 --> 00:36:02,330
Til að svara a Victoriu
spurning, láttu mig fyrst

791
00:36:02,330 --> 00:36:05,020
bara vera viss um að allir
fær um að fá halló vinna þeirra.

792
00:36:05,020 --> 00:36:06,900
Þá láta mig kynna
a par aðrar hugmyndir.

793
00:36:06,900 --> 00:36:09,209
Þá munum við láta fólk leysa
sumir vandamál á eigin spýtur.

794
00:36:09,209 --> 00:36:11,500
Þá munum við í raun að koma aftur
þeirri hugmynd að formi,

795
00:36:11,500 --> 00:36:14,950
og við munum í raun aftur innleiða
saman að framan-endir tengi,

796
00:36:14,950 --> 00:36:16,450
svo að segja, fyrir Google sjálft.

797
00:36:16,450 --> 00:36:19,700
Við munum nota Google sem aftur enda og láta
þá gera harða vinnu, rannsakandi,

798
00:36:19,700 --> 00:36:22,760
en við munum endurskapa framendann
Google og leita mynd

799
00:36:22,760 --> 00:36:24,520
sem þeir hafa á eigin heimasíðu þeirra.

800
00:36:24,520 --> 00:36:27,050
Og svo við munum koma aftur til
þessi merki í bara smá stund.

801
00:36:27,050 --> 00:36:30,270
>> Svo var þetta það sem ég
Lagt bara í smá stund síðan.

802
00:36:30,270 --> 00:36:33,940
Við getum bætt stylization til a
síðu inni þessa stíl tag,

803
00:36:33,940 --> 00:36:36,950
og við getum stylize bakgrunni
lit, texta jöfnun,

804
00:36:36,950 --> 00:36:39,000
hvort sem það er sent eða til vinstri eða hægri.

805
00:36:39,000 --> 00:36:41,630
En mjög fljótt þú vildi
finna eða vefur hönnuður

806
00:36:41,630 --> 00:36:44,060
myndi finna að þetta
verður svolítið ómeðfærilegur,

807
00:36:44,060 --> 00:36:48,330
vegna þess að þú ert að gera það sem er
kallað blanda innihald

808
00:36:48,330 --> 00:36:50,120
með kynningu þar.

809
00:36:50,120 --> 00:36:53,756
Þú ert að blanda gögnin þín
og fagurfræði hennar.

810
00:36:53,756 --> 00:36:56,380
Og í raun, ef þú telur
hvað er að fara að gerast yfir time--

811
00:36:56,380 --> 00:36:58,350
þetta er mjög lítill
Vefsíðan, auðvitað.

812
00:36:58,350 --> 00:37:01,590
En ef ég bæta við efni á þessari síðu
og ég bæta við stíl við þessa síðu,

813
00:37:01,590 --> 00:37:04,650
síðan fær mjög fljótt
lengur og lengur og lengur.

814
00:37:04,650 --> 00:37:07,510
Og geri ráð fyrir að ég vil
hafa annað vefsíðu sem

815
00:37:07,510 --> 00:37:09,010
hluti sumir af þessum eiginleika.

816
00:37:09,010 --> 00:37:12,350
Segjum annað vefsíðu mína fyrir minn
site-- líka, ég vil allt sent,

817
00:37:12,350 --> 00:37:14,960
og ég vil líka allt
með grænum bakgrunni.

818
00:37:14,960 --> 00:37:17,940
Ég er nokkuð mikið að fara að
afrita og líma sumir af þessum línum

819
00:37:17,940 --> 00:37:20,730
í þeirri seinni skrá, sem finnst í lagi.

820
00:37:20,730 --> 00:37:22,030
Það mun leysa vandann.

821
00:37:22,030 --> 00:37:26,060
>> En hvað ef ég vil þriðja síðu
eða 30. síðu eða 40. síðu?

822
00:37:26,060 --> 00:37:28,730
Nú ætla ég að vera afritun og
líma fullt af afrit kóða

823
00:37:28,730 --> 00:37:30,430
í mörgum skrám.

824
00:37:30,430 --> 00:37:32,600
Og svo ráð fyrir að
Ég ákveð eða mér er sagt,

825
00:37:32,600 --> 00:37:34,780
hey, við erum ekki að nota
grænn bakgrunnur lengur.

826
00:37:34,780 --> 00:37:36,380
Við erum að fara að byrja að nota appelsínugult.

827
00:37:36,380 --> 00:37:38,690
Hvað þú þarft að breyta?

828
00:37:38,690 --> 00:37:42,900
Jæja, verður þú að breyta þessi stíll
frá grænu yfir í appelsínugult í hvernig mörgum stöðum?

829
00:37:42,900 --> 00:37:44,920
Eins og 30 eða 40 stöðum.

830
00:37:44,920 --> 00:37:45,900
Það er leiðinlegur.

831
00:37:45,900 --> 00:37:47,039
Það er tilhneigingu til að villa.

832
00:37:47,039 --> 00:37:49,580
There er a tala af ástæða
þar sem þú myndir ekki vilja til að framkalla

833
00:37:49,580 --> 00:37:51,840
þannig sársauka fyrir þig.

834
00:37:51,840 --> 00:37:54,760
Og svo myndi það ekki vera gott
ef við gætum tekið það sem ég bara

835
00:37:54,760 --> 00:37:58,240
setja milli þessara tveggja gulur
merki, þessi stíl tags,

836
00:37:58,240 --> 00:38:04,050
þáttur það út, og setja allt mitt
stylization í einum miðlægum skrá

837
00:38:04,050 --> 00:38:08,470
að allir 30 eða 40 öðrum skrám mínum
láni frá eða einhvern veginn vísa,

838
00:38:08,470 --> 00:38:11,640
ekki ólíkt net
skýringarmyndir við vorum að gera áður?

839
00:38:11,640 --> 00:38:15,030
>> Þannig að ef ég fer í hér, ég er
fara til raunverulega leggja

840
00:38:15,030 --> 00:38:17,880
sem við skipta
stíl tag með eitthvað

841
00:38:17,880 --> 00:38:21,620
kallað tengilinn tag, sem
er skelfilega heitir,

842
00:38:21,620 --> 00:38:24,370
vegna þess að þú notar ekki
tengilinn tag til að búa til hvað

843
00:38:24,370 --> 00:38:26,380
við menn vita sem tengill í vefsíðu.

844
00:38:26,380 --> 00:38:29,750
Til að nota þig sem tag?

845
00:38:29,750 --> 00:38:31,464
Hvernig heldur þú að búa til tengil á vefsíðu?

846
00:38:31,464 --> 00:38:32,130
Áhorfendur: The a.

847
00:38:32,130 --> 00:38:34,870
DAVID J. Malan: The a, eða akkeri
tag, sem fór til Disney áður.

848
00:38:34,870 --> 00:38:39,090
The hlekkur tag hér er að segja
this-- tengilinn til að skrá sem heitir

849
00:38:39,090 --> 00:38:44,350
styles.css, sambandið sem
er að fara að vera að það er stílblað mín.

850
00:38:44,350 --> 00:38:48,290
Svo er þetta eitt af S í
CSS-- Cascading Style Sheets.

851
00:38:48,290 --> 00:38:50,490
Style sheet-- tveir af S í CSS.

852
00:38:50,490 --> 00:38:52,550
Cascading stíll lak.

853
00:38:52,550 --> 00:38:58,640
Þetta þýðir bara, hey, vafrinn, fara
finna styles.css á staðnum miðlara

854
00:38:58,640 --> 00:39:01,870
og nota það sem stílblaði þitt,
sem þýðir inni þeirri skrá

855
00:39:01,870 --> 00:39:05,310
er að fara að vera allt í
stylizations að við höfum bara gert.

856
00:39:05,310 --> 00:39:07,396
Og svo hvað það skrá
gæti litið út er þetta.

857
00:39:07,396 --> 00:39:10,020
Og ég ætla bara að gera þetta er a fljótur
dæmi, vegna þess að við þurfum ekki

858
00:39:10,020 --> 00:39:12,000
að fá of mikið í illgresi hér.

859
00:39:12,000 --> 00:39:17,840
En ef ég afrita þetta, það sem ég er að leggja
er að forritari að búa til nýja skrá,

860
00:39:17,840 --> 00:39:24,450
líma í þeim lines--
whoops-- líma í þeim línum,

861
00:39:24,450 --> 00:39:32,270
vista hana sem styles.css, og þá í
annar skrá, eyða sem

862
00:39:32,270 --> 00:39:35,450
og skipta um það í staðinn
með þennan tengil tag.

863
00:39:35,450 --> 00:39:43,090
Þannig að ef ég tengja href = "styles.css",
sambandið vera "stílblað"

864
00:39:43,090 --> 00:39:44,170
nálægt tag.

865
00:39:44,170 --> 00:39:45,250
Vista það.

866
00:39:45,250 --> 00:39:47,000
Fara til baka HelloWorld mína.

867
00:39:47,000 --> 00:39:48,690
Endurhlaða.

868
00:39:48,690 --> 00:39:51,290
>> Bókstaflega ekkert hefur gerst.

869
00:39:51,290 --> 00:39:54,710
Það er gott, vegna þess að það
þýðir að það er í raun allt að vinna.

870
00:39:54,710 --> 00:39:58,860
Til að sanna eins mikið, ég geri ráð fyrir að gera
prentvilla, og ég kalla þetta "Styles.css"

871
00:39:58,860 --> 00:40:03,080
með höfuðborg S, sem er
röng, og þá endurhlaða.

872
00:40:03,080 --> 00:40:05,470
Nú er hægt að sjá það bara virkar ekki.

873
00:40:05,470 --> 00:40:06,362
Nú, hvers vegna?

874
00:40:06,362 --> 00:40:08,070
Jæja, við skulum nota
tækni frá fyrr.

875
00:40:08,070 --> 00:40:10,153
Leyfðu mér að fara á undan og í
vafrinn minn, í Króm, ég er

876
00:40:10,153 --> 00:40:12,900
að fara að opna það sérstakt
net flipann eins og áður,

877
00:40:12,900 --> 00:40:15,560
og láta mig endurhlaða síðunni.

878
00:40:15,560 --> 00:40:19,341
Hvað ertu ekki hissa á að sjá núna?

879
00:40:19,341 --> 00:40:20,840
Eða kannski þú ert hissa að sjá það.

880
00:40:20,840 --> 00:40:23,225
Hvort heldur hvað sérðu núna?

881
00:40:23,225 --> 00:40:24,100
Áhorfendur: [inaudible]

882
00:40:24,100 --> 00:40:24,770
DAVID J. Malan: Það er ekki að finna.

883
00:40:24,770 --> 00:40:25,680
Hvers vegna er það að finna ekki?

884
00:40:25,680 --> 00:40:28,480
Jæja, Styles.css-- höfuðborg
S-- er ekki til.

885
00:40:28,480 --> 00:40:29,230
Ég misnamed það.

886
00:40:29,230 --> 00:40:30,430
Einföld prentvilla.

887
00:40:30,430 --> 00:40:33,816
En ég ætla að fá skiljanlega nú
404, vegna þess að framreiðslumaður er að segja, hey,

888
00:40:33,816 --> 00:40:34,440
það er ekki að finna.

889
00:40:34,440 --> 00:40:36,300
Bókstaflega, ég veit ekki
þar sem skráin er.

890
00:40:36,300 --> 00:40:38,880
Svo Þess vegna, the flettitæki
sýnir þér hvað það getur,

891
00:40:38,880 --> 00:40:42,860
hrár efni á síðunni,
sem var 200, HTML,

892
00:40:42,860 --> 00:40:45,390
en stylization getur ekki
bætist á eftir.

893
00:40:45,390 --> 00:40:47,120
Og þetta er það sem er átt við með Cascading.

894
00:40:47,120 --> 00:40:49,070
Hægt konar bætt það
eftir, og það svoleiðis

895
00:40:49,070 --> 00:40:50,874
endurvinnur fagurfræði vefsíðu.

896
00:40:50,874 --> 00:40:53,790
Og þú getur jafnvel hnekkja þeim
stíl með enn öðrum Stílsniðin

897
00:40:53,790 --> 00:40:54,700
ef þú vilt.

898
00:40:54,700 --> 00:40:57,780
Það er ekki að finna, þó, í þessu tilfelli,
því auðvitað, ég misnamed það.

899
00:40:57,780 --> 00:41:00,330
Þannig að ég þyrfti að laga sem fyrst.

900
00:41:00,330 --> 00:41:04,667
>> Svo skulum fara á undan og
leggja eftirfarandi.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Við skulum fara á undan og gera þetta.

903
00:41:11,140 --> 00:41:14,220
Byrjar með kannski
HelloWorld skráin,

904
00:41:14,220 --> 00:41:17,740
láta mig bjóða bara nokkrar
af lögun tillögur.

905
00:41:17,740 --> 00:41:20,400
Svo, Victoria, þú vildir
gera sumir texta stærri, ekki satt?

906
00:41:20,400 --> 00:41:24,555
Allt í lagi, þannig að við getum
gera texta stærri.

907
00:41:24,555 --> 00:41:26,860
Og við munum hver ríf burt
bara eitt vandamál til að leysa.

908
00:41:26,860 --> 00:41:30,867
Gera texta stærri.

909
00:41:30,867 --> 00:41:32,700
Ég ætla ekki að fara að standa í
skrifa þetta þegar við

910
00:41:32,700 --> 00:41:35,600
hafa bullet tækni hérna.

911
00:41:35,600 --> 00:41:39,970
Svo sumir vandamál.

912
00:41:39,970 --> 00:41:44,670
Þannig að við erum að fara að reyna
til að gera texta stærri.

913
00:41:44,670 --> 00:41:45,170
Allt í lagi.

914
00:41:45,170 --> 00:41:48,360
Hvað annað myndi einhver leggja?

915
00:41:48,360 --> 00:41:50,332
Hvað annað gæti viljum
að gera í a vefur blaðsíða?

916
00:41:50,332 --> 00:41:52,040
Við skulum koma upp með a
stuttur listi af hlutum

917
00:41:52,040 --> 00:41:55,366
og þá falið að
hóp til að reikna þetta út.

918
00:41:55,366 --> 00:41:56,270
>> Áhorfendur: [inaudible]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. Malan: Allt í lagi, staða texti
á mismunandi hliðum á síðunni?

920
00:42:02,251 --> 00:42:02,750
Allt í lagi.

921
00:42:02,750 --> 00:42:04,620
Eitthvað annað.

922
00:42:04,620 --> 00:42:05,784
>> Áhorfendur: [inaudible]

923
00:42:05,784 --> 00:42:06,700
DAVID J. Malan: Það er.

924
00:42:06,700 --> 00:42:08,720
Svo er bara GIF
öðruvísi sniði.

925
00:42:08,720 --> 00:42:12,830
Við notuðum bara, hvað, a
PNG eða jpg sennilega?

926
00:42:12,830 --> 00:42:14,480
Við notuðum jpg.

927
00:42:14,480 --> 00:42:16,780
Ef þú ert forvitinn, of mikil
svar við spurningunni þinni

928
00:42:16,780 --> 00:42:19,404
er jpg er almennt notað fyrir
ljósmyndir, því það styður

929
00:42:19,404 --> 00:42:21,500
milljónir litum eða 24-bita lit..

930
00:42:21,500 --> 00:42:26,930
A GIF er almennt notað fyrir, eins og,
Netið Memes þessar days-- Teiknimyndir,

931
00:42:26,930 --> 00:42:28,810
eins Hreyfimyndir.

932
00:42:28,810 --> 00:42:32,320
En það gerist að nota minni lit.
litatöflu, aðeins 256 mögulegum litum,

933
00:42:32,320 --> 00:42:35,230
en það styður
gagnsæi og fjör.

934
00:42:35,230 --> 00:42:40,330
Og þá er það png, sem styður
gagnsæi og fleiri litir

935
00:42:40,330 --> 00:42:41,300
en ekki fjör.

936
00:42:41,300 --> 00:42:42,133
Svo er það málamiðlun.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Svo bæta gif, þó,
væri virkni

939
00:42:46,060 --> 00:42:48,396
jafngildir því að bæta við PNG eða JPG.

940
00:42:48,396 --> 00:42:49,110
Já.

941
00:42:49,110 --> 00:42:50,550
Image uppspretta jafngildir.

942
00:42:50,550 --> 00:42:51,590
Svo eitthvað annað.

943
00:42:51,590 --> 00:42:57,288
Við skulum koma upp með eitthvað sem
við send til Victoria að gera hér.

944
00:42:57,288 --> 00:42:59,209
>> Áhorfendur: Bæta hnappur fyrir formi.

945
00:42:59,209 --> 00:43:00,000
DAVID J. Malan: Allt í lagi.

946
00:43:00,000 --> 00:43:02,179
Svo bæta hnöppum fyrir formi.

947
00:43:02,179 --> 00:43:03,470
Og við munum gera það einn saman.

948
00:43:03,470 --> 00:43:07,220
Svo sem mun vera fullkominn Segue
rétt eftir þessa áskorun.

949
00:43:07,220 --> 00:43:10,357
Eitthvað fleira?

950
00:43:10,357 --> 00:43:11,440
Hvað gætir þú eins og til að gera?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Vefurinn finnst mjög underwhelming
ef þetta er það eina sem við getum gert.

953
00:43:16,516 --> 00:43:18,140
Áhorfendur: Breyta lit á texta.

954
00:43:18,140 --> 00:43:19,500
DAVID J. Malan: Breyting á hvað?

955
00:43:19,500 --> 00:43:20,666
Áhorfendur: Litur á texta.

956
00:43:20,666 --> 00:43:22,311
DAVID J. Malan: Breyta lit á texta.

957
00:43:22,311 --> 00:43:22,810
Allt í lagi.

958
00:43:22,810 --> 00:43:23,790
Svo skulum gera þetta.

959
00:43:23,790 --> 00:43:27,209
Bara aftur þannig að þú ert ekki bara
með rote, gera nákvæmlega það sem ég er að gera,

960
00:43:27,209 --> 00:43:29,500
Ég ætla að kveikja á tónlist
fyrir kannski fimm mínútur hér.

961
00:43:29,500 --> 00:43:30,450
Þú ert velkomin til að nota Google.

962
00:43:30,450 --> 00:43:33,130
Þú ert velkomin til að spyrja mig, og
Ég hvísla vísbendingu í eyranu.

963
00:43:33,130 --> 00:43:35,171
Þú ert velkomin til að líta
yfir á herðar annars.

964
00:43:35,171 --> 00:43:37,340
En leysa bara einn af þessum vandamálum.

965
00:43:37,340 --> 00:43:40,190
En við munum gera það síðasta, á
myndar eitt, ef við gætum, saman.

966
00:43:40,190 --> 00:43:42,790
Svo fimm mínútur til að leysa
einhverri af þessum vandamálum

967
00:43:42,790 --> 00:43:46,780
nota Google, innsæi, eða
aðrar leiðir í boði fyrir þig.

968
00:43:46,780 --> 00:43:48,630
>> [TÓNLIST]

969
00:43:48,630 --> 00:43:49,130
Allt í lagi.

970
00:43:49,130 --> 00:43:50,838
Engar áhyggjur ef þú vilt
að halda tinkering,

971
00:43:50,838 --> 00:43:53,880
en ég ætla að spilla nokkra
af þessum svörum.

972
00:43:53,880 --> 00:43:57,986
Svo fyrstu tillögu frá
Victoria var að gera texta stærri.

973
00:43:57,986 --> 00:43:59,360
Svo er það nokkrar leiðir til að gera þetta.

974
00:43:59,360 --> 00:44:01,530
Ég hef nú aftur
minn skjár þessari stærð,

975
00:44:01,530 --> 00:44:04,310
þó að ég hef aðdregna í
tilbúnar bara að sjá hlutina.

976
00:44:04,310 --> 00:44:07,470
Og við skulum gera þetta.

977
00:44:07,470 --> 00:44:11,380
Leyfðu mér að fara á undan og grípa
sumir almenn Latin texta

978
00:44:11,380 --> 00:44:19,540
bara svo við höfum eitthvað til að vinna með.

979
00:44:19,540 --> 00:44:20,715
Svo gefa mér bara eitt augnablik.

980
00:44:20,715 --> 00:44:21,840
Ég ætla að gera þrjár málsgreinar.

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
Þetta mun vera betri dæmi.

984
00:44:55,560 --> 00:44:57,840
Svo fyrir forvitinn, í
hello.html minn, ég bara

985
00:44:57,840 --> 00:45:01,645
límt þrjú nonsensical
Latin málsgreinar

986
00:45:01,645 --> 00:45:03,270
bara svo við höfum einhvern texta til að vinna með.

987
00:45:03,270 --> 00:45:06,720
Og markmið Victoriu var að
gera sumir af textanum stærri.

988
00:45:06,720 --> 00:45:09,879
Svo ég gat, eins og áður, fara í hér.

989
00:45:09,879 --> 00:45:11,170
Og láta mig gera það á réttan hátt.

990
00:45:11,170 --> 00:45:13,253
Ég ætla að hafa tengil
merki sem bendir til a skrá

991
00:45:13,253 --> 00:45:20,560
kallast "styles.css," sambandið
sem er aftur "stílblað."

992
00:45:20,560 --> 00:45:25,221
Og þá er ég að fara að spara það
og opna þetta "styles.css."

993
00:45:25,221 --> 00:45:28,940
>> Svo, eins og áður, ég hef
Geta í þessum CSS skrá

994
00:45:28,940 --> 00:45:31,569
að í raun í staðinn fyrir sjálfgefinn
fagurfræði vefsíðu,

995
00:45:31,569 --> 00:45:33,860
og vanræksla fagurfræði,
auðvitað, eru nokkuð illa.

996
00:45:33,860 --> 00:45:36,943
Það er tegund af venjulegri leturstærð, svartur
texta, hvítur bakgrunnur, og svo framvegis.

997
00:45:36,943 --> 00:45:39,440
Svo ætla ég vil gera
allan þennan texta stærri.

998
00:45:39,440 --> 00:45:40,460
Ég gæti gert nokkra hluti.

999
00:45:40,460 --> 00:45:43,750
Í styles.css skrá minn, ég
má segja, þú veist hvað,

1000
00:45:43,750 --> 00:45:46,950
gilda eftirfarandi til
líkami síðuna mína.

1001
00:45:46,950 --> 00:45:51,390
Fara á undan og gera
Leturstærð 24 stig,

1002
00:45:51,390 --> 00:45:54,130
sem er fjöldi sem ég gæti
nota í Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Leyfðu mér að fara aftur í vefnum mínum
síðu hér og endurhlaða,

1004
00:45:57,620 --> 00:45:59,640
og þú getur séð að
það er nú þegar miklu stærri.

1005
00:45:59,640 --> 00:46:02,223
Og við getum fengið smá brjálaður,
bara eins og við getum á desktop--

1006
00:46:02,223 --> 00:46:03,670
gera það 96 stig.

1007
00:46:03,670 --> 00:46:04,950
Endurhlaða.

1008
00:46:04,950 --> 00:46:07,610
Og það er að fá smá
ómeðfærilegur á þessum tímapunkti.

1009
00:46:07,610 --> 00:46:09,500
>> En ég gæti verið svolítið nákvæmari.

1010
00:46:09,500 --> 00:46:14,530
Í stað þess að beita þessu
stílblað í meginmál síðuna mína,

1011
00:46:14,530 --> 00:46:21,740
hvað annað gæti ég eiga það til í staðinn,
hvað annað merki sem gæti enn

1012
00:46:21,740 --> 00:46:25,445
virka á sama hátt?

1013
00:46:25,445 --> 00:46:26,444
>> Áhorfendur: The p tag?

1014
00:46:26,444 --> 00:46:27,360
DAVID J. Malan: P tag.

1015
00:46:27,360 --> 00:46:29,350
Svo höfuð væri ekki
rétt, vegna þess að höfuð,

1016
00:46:29,350 --> 00:46:31,300
þú getur í raun ekki
stjórna fagurfræði.

1017
00:46:31,300 --> 00:46:32,700
Það er annaðhvort texta þar eða ekki.

1018
00:46:32,700 --> 00:46:36,760
En p tag-- ég kafa í smá
dýpra, svo að segja, að málsgrein

1019
00:46:36,760 --> 00:46:37,350
tags.

1020
00:46:37,350 --> 00:46:41,600
Og jafnvel þó að það eru þrír,
það er fullkomlega í lagi, vegna þess að í CSS,

1021
00:46:41,600 --> 00:46:44,900
þegar ég segi bara "p" þetta
merkir eiga eftirfarandi

1022
00:46:44,900 --> 00:46:48,300
til hvaða merki sem passar þetta
val er val bara

1023
00:46:48,300 --> 00:46:49,430
vera nafn merkinu.

1024
00:46:49,430 --> 00:46:52,350
Svo hvar þú sérð
"P" beita leturstærð,

1025
00:46:52,350 --> 00:46:55,222
og við skulum gera það meira
sanngjarnt again-- 24 lið.

1026
00:46:55,222 --> 00:46:56,930
Og þú veist hvað,
bara gott mál,

1027
00:46:56,930 --> 00:46:59,810
við skulum gera lit
rauður bara í bili.

1028
00:46:59,810 --> 00:47:03,740
Og nú ef ég endurhlaða, nú erum við
sjá þrjár ljót málsgreinar.

1029
00:47:03,740 --> 00:47:07,180
>> En nú geri ráð fyrir að ég er svona
of-- Ég vil fyrstu málsgrein

1030
00:47:07,180 --> 00:47:08,210
að stökkva út á notanda.

1031
00:47:08,210 --> 00:47:11,150
Ég vil ekki að bara auka
leturstærð af öllu.

1032
00:47:11,150 --> 00:47:16,105
Og svo ég vil í raun og veru að bera kennsl á eða
greina á milli þessara málsgreina.

1033
00:47:16,105 --> 00:47:18,730
Svo skulum losna rauða,
því það er bara svona tacky,

1034
00:47:18,730 --> 00:47:23,885
og við skulum fara á undan og gera
Leturstærð 12 punkta sjálfgefið,

1035
00:47:23,885 --> 00:47:26,260
þannig að við erum aftur að eitthvað
svolítið meira sanngjarnt.

1036
00:47:26,260 --> 00:47:29,190
Og nú vil ég bara að auka
Leturstærð lið fyrstu málsgreinar.

1037
00:47:29,190 --> 00:47:31,440
Ég get gert þetta í nokkrar
leiðir, en ein leið sem er

1038
00:47:31,440 --> 00:47:37,180
kannski mest kennslu minnsta
stund er að gera eftirfarandi.

1039
00:47:37,180 --> 00:47:43,280
Leyfðu mér að fara á undan og segja, þetta
málsgrein hefur einstakt ID "fyrst."

1040
00:47:43,280 --> 00:47:45,000
Ég gæti kalla þetta neitt sem ég vil.

1041
00:47:45,000 --> 00:47:46,874
Ég gæti kalla þetta "foo"
eða önnur orð,

1042
00:47:46,874 --> 00:47:49,290
en ég ætla að gefa honum
merkingu þroskandi nafn

1043
00:47:49,290 --> 00:47:50,320
eins og "fyrst".

1044
00:47:50,320 --> 00:47:54,790
Þetta er einstakt auðkenni,
ID, fyrir fyrsta málsgrein mín.

1045
00:47:54,790 --> 00:47:59,360
>> Hvað get ég nú gert í stílblaði mínum
er að vera svolítið nákvæmari.

1046
00:47:59,360 --> 00:48:02,330
Í stað þess að segja, gilda
eftirfarandi við p tag,

1047
00:48:02,330 --> 00:48:04,890
Ég get sagt following--
beita eftirfarandi,

1048
00:48:04,890 --> 00:48:11,000
eða velja, HTML þáttur
sem hefur einstakt ID "fyrst."

1049
00:48:11,000 --> 00:48:12,350
Hvað vil ég að eiga við hana?

1050
00:48:12,350 --> 00:48:15,250
A leturstærð 24-lið.

1051
00:48:15,250 --> 00:48:16,640
Þannig að ég hef tvær selectors nú.

1052
00:48:16,640 --> 00:48:19,690
Einn gerir allt í
málsgreinar 12 punkta.

1053
00:48:19,690 --> 00:48:24,960
En þetta eitt, sérstaklega þar sem það kemur
second-- það kemur síðast í file--

1054
00:48:24,960 --> 00:48:27,090
þetta er Cascading áhrif.

1055
00:48:27,090 --> 00:48:30,200
Ég hef bara gert allt mitt
málsgreinar tögin 12 punkta,

1056
00:48:30,200 --> 00:48:34,350
En þetta núna steypist og
hnekkir að fyrir hvaða þætti

1057
00:48:34,350 --> 00:48:38,800
á síðunni, allir tag á síðunni sem
einstakt auðkenni sem er vitna unquote "fyrst."

1058
00:48:38,800 --> 00:48:41,720
Og hashtag í þessu samhengi
bara þýðir "einstakt auðkenni."

1059
00:48:41,720 --> 00:48:43,750
Ég setti það ekki í HTML skrá.

1060
00:48:43,750 --> 00:48:46,880
Ég, hérna, bara segja
vitna unquote "fyrst."

1061
00:48:46,880 --> 00:48:48,470
>> Svo láta mig endurhlaða.

1062
00:48:48,470 --> 00:48:49,919
Og nú sé ég, Ah, OK.

1063
00:48:49,919 --> 00:48:51,710
Ég meina, það er ekki það
nokkuð, en það er góður

1064
00:48:51,710 --> 00:48:53,600
af eins formála a
bók eða eitthvað svoleiðis,

1065
00:48:53,600 --> 00:48:55,100
þar sem fyrsta málsgrein er stærri.

1066
00:48:55,100 --> 00:48:57,933
Gæti verið enn nákvæmari með
bara fyrstu stafina, en að minnsta kosti

1067
00:48:57,933 --> 00:48:59,110
Ég hef nýtt meiri stjórn.

1068
00:48:59,110 --> 00:49:04,760
Nú maybe-- kannski ég vil gera þetta
stundum fyrir hvað sem ástæða,

1069
00:49:04,760 --> 00:49:09,010
og svo ég vil ekki að þetta
gilda aðeins eitt HTML merki.

1070
00:49:09,010 --> 00:49:15,110
Frekar skulum say-- skulum
einnig að gera eftirfarandi.

1071
00:49:15,110 --> 00:49:18,810
Class = "innflutningur".

1072
00:49:18,810 --> 00:49:23,970
En kenni er notað til að einstaklega
þekkja eitt, eitt merki,

1073
00:49:23,970 --> 00:49:30,190
á vefsíðu þinni, flokkur er ætlað að vera
nota á hvaða fjölda staka eða tags

1074
00:49:30,190 --> 00:49:30,950
á vefsíðu þinni.

1075
00:49:30,950 --> 00:49:31,710
Svo það er einnota.

1076
00:49:31,710 --> 00:49:33,090
An ID er ekki einnota.

1077
00:49:33,090 --> 00:49:34,450
A flokkur er einnota.

1078
00:49:34,450 --> 00:49:37,830
>> Og þú veist hvað, fyrir hvað
heimspekilegar reasons--

1079
00:49:37,830 --> 00:49:40,180
Ég náði ekki að klára minn
thought-- Ég ætla að segja

1080
00:49:40,180 --> 00:49:44,300
að fyrstu málsgrein og
Önnur málsgrein eru mikilvæg.

1081
00:49:44,300 --> 00:49:48,600
Þannig að ég ætla að beita bekknum sem heitir
"Mikilvægt" að ef ég vista skrána mína

1082
00:49:48,600 --> 00:49:51,510
og endurhlaða, hefur enga
hagnýtur áhrif enn.

1083
00:49:51,510 --> 00:49:53,780
En ég hef bætt við nokkrum
lýsigögn í skrána,

1084
00:49:53,780 --> 00:49:56,610
konar eitthvað aðskildu
frá kjarna gögnum skrá,

1085
00:49:56,610 --> 00:50:02,300
svo að nú í stílblaði mína, ef ég
í staðinn segja ".important" - þú veist,

1086
00:50:02,300 --> 00:50:07,110
nokkuð sem er mikilvægt, ég er
að fara að gera font-lit, red--

1087
00:50:07,110 --> 00:50:09,930
eða öllu heldur ekki font-lit, bara litur.

1088
00:50:09,930 --> 00:50:12,930
Það er ósamræmi
í CSS miður.

1089
00:50:12,930 --> 00:50:14,120
Og endurhlaða.

1090
00:50:14,120 --> 00:50:17,640
Nú taka fyrsta
tvær málsgreinar eru rauð

1091
00:50:17,640 --> 00:50:20,880
en ekki þriðji, því ég bara
beitt á bekknum "mikilvægt"

1092
00:50:20,880 --> 00:50:25,020
að fyrstu tveimur af þessum hlutum.

1093
00:50:25,020 --> 00:50:28,030
>> Svo í auðkenni, hefur þú möguleika
að tilgreina mjög nákvæmlega.

1094
00:50:28,030 --> 00:50:30,110
Með flokkum, hefur þú reusability.

1095
00:50:30,110 --> 00:50:33,800
En í báðum tilvikum, eftir því
konar góð-hönnun meginreglu

1096
00:50:33,800 --> 00:50:39,072
þar sem ég reiknað út allt í
fagurfræði í styles.css minn skrá.

1097
00:50:39,072 --> 00:50:40,280
Þannig að það er engin messiness hér.

1098
00:50:40,280 --> 00:50:44,490
Það er ekkert minnst á rauð eða
djörf-klæðning eða leturstærð í þessari skrá.

1099
00:50:44,490 --> 00:50:49,430
Frekar Ég hef merkingu,
þýðingarmiklar einkennist gögnin mín sem,

1100
00:50:49,430 --> 00:50:51,240
Hér eru nokkur mikilvæg gögn.

1101
00:50:51,240 --> 00:50:52,800
Hér eru nokkur fleiri mikilvæg gögn.

1102
00:50:52,800 --> 00:50:56,500
Þar að auki, hér er
"Fyrsta" af mikilvægum gögnum mínum.

1103
00:50:56,500 --> 00:51:01,050
Svo HTML er allur óður tegund
af tagging, bókstaflega, orðum

1104
00:51:01,050 --> 00:51:05,270
og málsgreinar og býr í þinn
síðu með þessum litlu vísbendingar, ef þú

1105
00:51:05,270 --> 00:51:07,640
mun, að þú getur
einhvern veginn skiptimynt með

1106
00:51:07,640 --> 00:51:10,880
aðrar aðferðir eins og CSS með þessum hætti.

1107
00:51:10,880 --> 00:51:14,760
>> Svo í svari við spurningu Victoriu,
við getum gert texta stærri á þann hátt.

1108
00:51:14,760 --> 00:51:18,380
Það eru svo margar aðrar leiðir, en
font tag-- opinn krappi "font" -

1109
00:51:18,380 --> 00:51:19,770
er í raun nokkur ár.

1110
00:51:19,770 --> 00:51:21,410
Og þetta er vandamál,
of, með að treysta eingöngu

1111
00:51:21,410 --> 00:51:23,485
á netinu resources--
þeir hafa tilhneigingu til að vera gamaldags.

1112
00:51:23,485 --> 00:51:26,110
Og reyndar, sem hefur verið vanþóknun,
vegna þess að heimurinn veruleika,

1113
00:51:26,110 --> 00:51:28,970
hvað þýðir "font-size = 7" mean?

1114
00:51:28,970 --> 00:51:29,670
Það gerir það ekki.

1115
00:51:29,670 --> 00:51:32,770
Og svo í mörg ár og að
þessi day-- einn af hliðarveggjum

1116
00:51:32,770 --> 00:51:36,060
bendir hér er að það er í raun
ótrúlega sársaukafullt samt stundum

1117
00:51:36,060 --> 00:51:38,900
til að þróa staður fyrir
Lesblinda, vegna þess að Microsoft

1118
00:51:38,900 --> 00:51:44,220
og Google og Mozilla og
aðrir ósammála oft um hvernig

1119
00:51:44,220 --> 00:51:47,480
að túlka texta eins HTML.

1120
00:51:47,480 --> 00:51:52,490
>> Það er Rulebook fyrir HTML sem
yfirleitt segir hvað hver tag þýðir.

1121
00:51:52,490 --> 00:51:55,690
En stundum er það vinstri til
ákvörðunarréttur Framkvæmd er,

1122
00:51:55,690 --> 00:51:57,290
ákvörðunarréttur Microsoft og Google.

1123
00:51:57,290 --> 00:52:00,000
Og svo þú munt mjög oft
sjá á vefsíðu eitthvað

1124
00:52:00,000 --> 00:52:04,954
lítur öðruvísi á tölvu
en það er á Mac,

1125
00:52:04,954 --> 00:52:06,995
og það er í raun vegna þess,
í lok dagsins,

1126
00:52:06,995 --> 00:52:08,891
þeir ekki prófa það
vel á báðum kerfum.

1127
00:52:08,891 --> 00:52:11,390
En það er líka vegna þess að sanngjarnt,
sviði fólk mun ósammála

1128
00:52:11,390 --> 00:52:14,970
og fyrirtæki munu vera ósammála, og svo
einn af viðfangsefnum forritun

1129
00:52:14,970 --> 00:52:16,980
fyrir vefinn eða hanna
hlutir fyrir vefinn

1130
00:52:16,980 --> 00:52:21,700
er að skrifa vefsvæðið þitt á þann hátt
sem virkar á hverjum vafranum.

1131
00:52:21,700 --> 00:52:23,410
En jafnvel það er óraunhæft, ekki satt?

1132
00:52:23,410 --> 00:52:27,807
Það eru svo margar útgáfur af svo mörgum
vafra þarna úti sem á einhverjum tímapunkti,

1133
00:52:27,807 --> 00:52:30,890
þú þarft líka að gera dóm hringja
og þú þarft að ákveða sem fyrirtæki,

1134
00:52:30,890 --> 00:52:33,082
sérstaklega fyrir e-verslun-stíl
staður þar sem þú ert

1135
00:52:33,082 --> 00:52:36,290
að reyna að nota nýjustu og snjöllustu
tækni til að gefa mjög góða notanda

1136
00:52:36,290 --> 00:52:37,110
reynsla.

1137
00:52:37,110 --> 00:52:41,019
En sumir hlutfall notendur gætu
samt að vera með Internet Explorer 6 eða 7

1138
00:52:41,019 --> 00:52:43,810
eða 8, sérstaklega allt eftir
land sem þeir eru að koma frá.

1139
00:52:43,810 --> 00:52:46,760
>> Og svo mjög algengt
samráð er eitthvað

1140
00:52:46,760 --> 00:52:50,920
eins og "tölfræði vefur flettitæki."

1141
00:52:50,920 --> 00:52:56,560
Og ef við förum to-- skulum sjá Wikipedia
og sjá hvernig allt-til-dagsetning þetta graf er

1142
00:52:56,560 --> 00:52:59,320
ef það er einn.

1143
00:52:59,320 --> 00:53:02,420
Svo hér er hægt að sjá
þar vafrar raun

1144
00:53:02,420 --> 00:53:06,160
eru, í samræmi við desember 2015,
í samræmi við bandarísk stjórnvöld.

1145
00:53:06,160 --> 00:53:11,170
Chrome er 42% markaðshlutdeild, á eftir
eftir IE mestu í sameiginlegur stillingum

1146
00:53:11,170 --> 00:53:14,490
eða PC stillingar, auðvitað,
eftir Firefox,

1147
00:53:14,490 --> 00:53:17,440
þá Safari, þá Opera ekki
gera kortið hér fyrir sumir ástæða,

1148
00:53:17,440 --> 00:53:18,210
og þá aðra.

1149
00:53:18,210 --> 00:53:19,500
Kannski er það undir aðra.

1150
00:53:19,500 --> 00:53:27,700
En meira vandamál en það is--
við skulum sjá hvort Wikipedia hefur einnig

1151
00:53:27,700 --> 00:53:35,194
útgáfur af vöfrum version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Við skulum fara í tölfræði bókamerki.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Jafnvel er það ekki nóg.

1156
00:53:42,030 --> 00:53:44,854
Browser tölfræði.

1157
00:53:44,854 --> 00:53:45,353
útgáfa mín.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Það er ekki að fara að vera rétt.

1160
00:53:50,540 --> 00:53:53,414
Við skulum sjá útgáfur.

1161
00:53:53,414 --> 00:53:54,830
Browser markaðshlutdeild.

1162
00:53:54,830 --> 00:53:57,110
Við skulum sjá hvort þetta kemur upp.

1163
00:53:57,110 --> 00:53:57,610
OK.

1164
00:53:57,610 --> 00:54:00,010
Nú er þetta að verða
svolítið meira gagni.

1165
00:54:00,010 --> 00:54:04,870
Svo hér, eftir að við höfum öll
mismunandi útgáfur af vöfrum.

1166
00:54:04,870 --> 00:54:09,887
Og my god, ef þú look-- Chrome
48, Króm 47, Króm 31, Króm 45.

1167
00:54:09,887 --> 00:54:12,970
Ég meina, vöfrum æ uppfærð,
og stundum eitthvað af þeim breytingum

1168
00:54:12,970 --> 00:54:16,430
eru mikilvæg í
skilmálar af virkni.

1169
00:54:16,430 --> 00:54:20,630
Og svo á einhverjum tímapunkti,
vara stjórnendur eða verkfræðingar

1170
00:54:20,630 --> 00:54:23,620
þarf að gera decision-- þú
vita hvað, aðeins 1% af heiminum

1171
00:54:23,620 --> 00:54:24,740
er enn að nota IE 7.

1172
00:54:24,740 --> 00:54:25,490
Til helvítis með þá.

1173
00:54:25,490 --> 00:54:27,470
Við erum bara ekki að fara að
styðja þá vafra.

1174
00:54:27,470 --> 00:54:28,740
Og hvað þýðir það ekki að styðja?

1175
00:54:28,740 --> 00:54:31,170
Það gæti þýtt að hnappar
virka ekki á vefsíðu þinni,

1176
00:54:31,170 --> 00:54:33,050
eða það gæti þýtt að
búið er alveg burt.

1177
00:54:33,050 --> 00:54:35,091
Eða þú gætir þurft að gera
sama dómur kalla

1178
00:54:35,091 --> 00:54:39,089
í farsíma þessa dagana, þar sem, við erum
ekki að fara til að styðja IOS 5 lengur.

1179
00:54:39,089 --> 00:54:40,380
Svo fólk verður bara að uppfæra.

1180
00:54:40,380 --> 00:54:45,850
Eða við erum ekki að fara til að styðja Cupcake
á Android OS fyrir Android tæki,

1181
00:54:45,850 --> 00:54:48,629
því eins og world-- sem
tækni heiminum vill halda áfram,

1182
00:54:48,629 --> 00:54:51,170
það vill konar að draga
heim með hana þannig að þeir gera ekki

1183
00:54:51,170 --> 00:54:53,295
að halda áfram að vera
afturábak samhæft svo þeir

1184
00:54:53,295 --> 00:54:54,920
geta boðið nýja og góða eiginleika.

1185
00:54:54,920 --> 00:54:57,878
Þetta er örugglega ein af ástæðunum
hvers vegna svo mörg fyrirtæki eru að rúlla út

1186
00:54:57,878 --> 00:55:01,440
sjálfvirkar uppfærslur og svoleiðis neyða
nýjustu útgáfur af hugbúnaði á okkur.

1187
00:55:01,440 --> 00:55:04,010
Og jafnvel fyrirtæki
eins og Apple mun raða á

1188
00:55:04,010 --> 00:55:07,280
neyða þig næstum eða neyða
þú í skilmálar af markaðsöflunum

1189
00:55:07,280 --> 00:55:11,164
til að kaupa nýjan síma því þeir bara
mun ekki uppfæra gamla símann aftur.

1190
00:55:11,164 --> 00:55:13,330
Svo þú missir út á
nýjustu og snjöllustu lögun,

1191
00:55:13,330 --> 00:55:17,520
vegna þess að það er dýrt að þeim sem
fyrirtæki til að viðhalda eldri, að öllum líkindum

1192
00:55:17,520 --> 00:55:19,330
óæðri útgáfur af hugbúnaði.

1193
00:55:19,330 --> 00:55:23,660
En Nettó áhrif er að
við þjást líka þetta eins vel.

1194
00:55:23,660 --> 00:55:26,550
>> Svo skulum taka a líta á bara
a par af endanlegri hlutum hér.

1195
00:55:26,550 --> 00:55:29,740
Við skulum knýja alvöru hratt tiltekin
þeim öðrum byssukúlur, ef forvitinn.

1196
00:55:29,740 --> 00:55:33,440
Svo ef þú varst að reyna að,
til dæmis, stöðu

1197
00:55:33,440 --> 00:55:36,420
textinn á mismunandi hliðum
síðu, ég ætla að gera eitt fljótleg leið,

1198
00:55:36,420 --> 00:55:38,360
en það er öðruvísi
leiðir til að gera þetta.

1199
00:55:38,360 --> 00:55:42,610
Leyfðu mér að fara á undan og eliminate--
einfalda þetta eins og hér segir.

1200
00:55:42,610 --> 00:55:45,330
Leyfðu mér að fara bara aftur að mínum
einföld, einfalt málsgreinar.

1201
00:55:45,330 --> 00:55:47,760
Leyfðu mér að fara aftur í styles.css mína.

1202
00:55:47,760 --> 00:55:51,040
Og ég ætla bara að fara að nota simple--
sem þú gætir hafa séð á Google

1203
00:55:51,040 --> 00:55:54,430
eða muna frá earlier--
text-align rétt.

1204
00:55:54,430 --> 00:55:56,220
Og endurnýja þessa síðu.

1205
00:55:56,220 --> 00:55:58,470
Nú virðist allt
að vera rétt-takt,

1206
00:55:58,470 --> 00:56:00,770
eins og þú gætir séð á the kostnaður hér.

1207
00:56:00,770 --> 00:56:04,470
>> Við getum gert það líta svolítið meira
bók-eins, og við getum sagt "réttlæta"

1208
00:56:04,470 --> 00:56:05,640
og endurhlaða.

1209
00:56:05,640 --> 00:56:09,870
Nú er það gott og veldi á bæði
hliðar, sem er góður af gaman.

1210
00:56:09,870 --> 00:56:12,220
Annað markmið sem við höfðum hér
var breyting lit texta.

1211
00:56:12,220 --> 00:56:13,650
Þannig að við sáum að með rauðu texta mínum.

1212
00:56:13,650 --> 00:56:15,630
Og nú bæta hnöppum fyrir formi.

1213
00:56:15,630 --> 00:56:19,390
Svo hvers vegna eigum við ekki að reyna að gera einmitt þetta?

1214
00:56:19,390 --> 00:56:23,656
En fyrst láta mig fara á síðuna sem
flest okkar nota hvert day-- Google.

1215
00:56:23,656 --> 00:56:25,780
Og við skulum taka a líta á
hvernig Google virkar í raun og veru.

1216
00:56:25,780 --> 00:56:26,821
En ég ætla að gera þetta.

1217
00:56:26,821 --> 00:56:31,930
Fyrst láta mig gera það in-- jebb,
láta mig fara á Google fyrst.

1218
00:56:31,930 --> 00:56:34,530
Ég ætla að hafa að fara
í Google Settings,

1219
00:56:34,530 --> 00:56:40,660
vegna þess að ég vil að slökkva á
eitthvað sem kallast augnablik niðurstöður.

1220
00:56:40,660 --> 00:56:43,580
>> Svo þú gætir hafa tekið eftir í
Google þessir days-- láta mig fara aftur

1221
00:56:43,580 --> 00:56:44,850
og kveikja á þessu.

1222
00:56:44,850 --> 00:56:47,900
Þannig að ef ég byrja að leita
fyrir "ketti" eins og þetta,

1223
00:56:47,900 --> 00:56:50,120
eftir því að ekki aðeins gera
Ég fæ sjálfvirka ljúka upp

1224
00:56:50,120 --> 00:56:54,520
toppur, allt í einu, síðan sjálf
virðist að breyta nokkuð fljótt og vel,

1225
00:56:54,520 --> 00:56:58,750
og það er Google nota tungumál
kallaði JavaScript reyna að vera hjálpsamur.

1226
00:56:58,750 --> 00:57:01,540
En því miður, það góður
af boðberi upp umræðu okkar

1227
00:57:01,540 --> 00:57:04,010
um hvað er raunverulega að gerast
undir hetta hér.

1228
00:57:04,010 --> 00:57:09,070
Svo er ég bara svona fljótt
slökkva augnablik niðurstöður.

1229
00:57:09,070 --> 00:57:11,510
Og ég ætla að smella á Vista.

1230
00:57:11,510 --> 00:57:13,930
Og nú ætla ég að opna
sem sjúkdómsgreiningar tækjastika sem ég

1231
00:57:13,930 --> 00:57:16,150
halda opnun undir Network flipanum.

1232
00:57:16,150 --> 00:57:17,720
Svo skulum gera þetta.

1233
00:57:17,720 --> 00:57:21,960
Látum me-- whoops--
skruna þetta niður aðeins.

1234
00:57:21,960 --> 00:57:24,410
Og láta mig leita að "ketti."

1235
00:57:24,410 --> 00:57:26,790
>> Og nú notice-- raun,
þetta er gott tækifæri

1236
00:57:26,790 --> 00:57:28,840
til að ræða um stund.

1237
00:57:28,840 --> 00:57:32,460
Takið því augnabliki sem ég type-- stöðva það.

1238
00:57:32,460 --> 00:57:35,250
Stöðva það.

1239
00:57:35,250 --> 00:57:35,790
OK.

1240
00:57:35,790 --> 00:57:40,870
Takið því augnabliki sem ég slá bréf
C, horfa á neðst á skjánum.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. Hvað botninum
af þessum skjá, Network flipann minn,

1242
00:57:48,600 --> 00:57:53,320
benda til er að gerast á hverjum
þegar ég slá bréf?

1243
00:57:53,320 --> 00:57:57,700
Því miður, froskur er mjög
truflandi dag eða Shamrock

1244
00:57:57,700 --> 00:58:00,339
eða hvað sem hann er.

1245
00:58:00,339 --> 00:58:01,880
Hvað var að gerast í hvert sinn sem ég slegið?

1246
00:58:01,880 --> 00:58:04,230
Og láta mig hreinsa
stuðpúði og skrifa það aftur.

1247
00:58:04,230 --> 00:58:06,580
So-- Obbosí.

1248
00:58:06,580 --> 00:58:13,280
Í hvert skipti sem ég skrifa bréf, C- A- T--
svo ný röð augljóslega heldur birtast.

1249
00:58:13,280 --> 00:58:16,530
Hvað þýðir hvert þessara raðir tákna,
miðað við það sem við höfum séð og rætt

1250
00:58:16,530 --> 00:58:17,339
svona langt?

1251
00:58:17,339 --> 00:58:18,130
Áhorfendur: Leit?

1252
00:58:18,130 --> 00:58:21,770
DAVID J. Malan: Leit, eða
meira generically, HTTP beiðni

1253
00:58:21,770 --> 00:58:23,125
frá vafranum mínum til miðlara.

1254
00:58:23,125 --> 00:58:29,090
Ja, hvers vegna er vafrinn minn að gera HTTP
óska hvert sinn sem ég slá bréf?

1255
00:58:29,090 --> 00:58:30,502
>> Áhorfendur: [inaudible]

1256
00:58:30,502 --> 00:58:33,210
DAVID J. Malan: Já, það er að gefa
mér þessar auto-heill niðurstöður.

1257
00:58:33,210 --> 00:58:35,190
Eins og hvar þessir
leitarniðurstöður koma frá?

1258
00:58:35,190 --> 00:58:38,120
Jæja, í hvert skipti sem ég slærð
bréf, Google sendir meira

1259
00:58:38,120 --> 00:58:40,460
og meira og meira af
orðið sem ég er að skrifa.

1260
00:58:40,460 --> 00:58:41,040
Hvers vegna?

1261
00:58:41,040 --> 00:58:44,540
Vegna þess að þeir vilja til að gefa mér
betri og betri, betri uppástungu,

1262
00:58:44,540 --> 00:58:48,880
listi yfir tillögur, fyrir hvað orð
Ég er að reyna að í raun og veru lokið.

1263
00:58:48,880 --> 00:58:53,030
Svo er þetta að segja bókstaflega hvert
persóna sem þú slærð inn í Google

1264
00:58:53,030 --> 00:58:56,900
er að senda, að lokum í
magn, en einnig stundum einn

1265
00:58:56,900 --> 00:59:00,620
í einu í því skyni að hrinda í framkvæmd
þessi farartæki-heill lögun þegar

1266
00:59:00,620 --> 00:59:03,000
gögn er, að sjálfsögðu, á vefnum.

1267
00:59:03,000 --> 00:59:08,780
>> Nú, við skulum taka a líta á það sem raunverulega
gerist þegar ég smelli á Google Search.

1268
00:59:08,780 --> 00:59:10,420
Og þá munum við nýta þetta sjálf.

1269
00:59:10,420 --> 00:59:15,320
Svo ef ég skruna niður núna til mjög
Fyrsta Beiðni það bara gerðist.

1270
00:59:15,320 --> 00:59:17,130
Takið eftirfarandi.

1271
00:59:17,130 --> 00:59:25,550
Það var sent til nokkuð lengi URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
og þá er allt fullt af efni.

1273
00:59:27,100 --> 00:59:29,620
Við skulum sjá þetta reyndar nú
í vafraflipa sjálft.

1274
00:59:29,620 --> 00:59:31,310
Við skulum fá losa af stikunni hér.

1275
00:59:31,310 --> 00:59:33,140
Hér er síða leitarniðurstöðum.

1276
00:59:33,140 --> 00:59:34,790
Og tilkynning hér er slóðin.

1277
00:59:34,790 --> 00:59:37,430
Nú getur þú sennilega giska
hvað er að gerast hér í hluta.

1278
00:59:37,430 --> 00:59:39,090
Svo fyrst af öllu, skilgreiningu.

1279
00:59:39,090 --> 00:59:42,570
Þetta er greinilega áfangastaður
þar sem mynd er send inn.

1280
00:59:42,570 --> 00:59:44,910
Svo þegar ég slóst í
orð "kettir" og ýta á Enter,

1281
00:59:44,910 --> 00:59:48,460
virðist Google sendi
ritun mitt til þessa vefslóð

1282
00:59:48,460 --> 00:59:50,770
sem ég hef hápunktur
þar rista leit.

1283
00:59:50,770 --> 00:59:56,530
Skrúfjárn út, í vefslóð, nokkuð sem
gerist eftir spurningarmerki er,

1284
00:59:56,530 --> 01:00:01,270
eins og við halda að segja, lykill-gildi par
sem var slegið í formi eða á einhvern hátt

1285
01:00:01,270 --> 01:00:04,500
send frá
Vafrinn við miðlara.

1286
01:00:04,500 --> 01:00:07,180
>> Svo hvenær sem þú skrifar inntak
í formi á vefnum

1287
01:00:07,180 --> 01:00:10,000
og það er send sem við höfum
verið að ræða, í gegnum fá,

1288
01:00:10,000 --> 01:00:12,400
einn af þessum raunverulegur
umslag, innihald

1289
01:00:12,400 --> 01:00:15,510
af því envelope-- já, halda
fá fyllt líkamlega

1290
01:00:15,510 --> 01:00:19,010
Í umslagið í flokki
í dag, en tæknilega

1291
01:00:19,010 --> 01:00:21,110
það er í raun að setja í vefslóðinni.

1292
01:00:21,110 --> 01:00:22,940
Svo í raun, láta mig sigta í gegnum þetta.

1293
01:00:22,940 --> 01:00:25,010
Hvar sérðu notandi inntak?

1294
01:00:25,010 --> 01:00:27,490
Hvar sérðu eitthvað
að ég sjálfur gafst upp hér?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Já, svo "kettir".

1297
01:00:33,491 --> 01:00:33,990
Hægri?

1298
01:00:33,990 --> 01:00:36,380
Svo láta mig drjúpa þetta
í eitthvað einfaldari.

1299
01:00:36,380 --> 01:00:39,917
Ég ætla að eyða öllu um
þetta URL sem ég skil ekki,

1300
01:00:39,917 --> 01:00:42,250
og ég ætla bara að fara að fara
það sem this-- / search? q = kettir.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Við munum sjá þar sem q
kemur frá í smá stund,

1303
01:00:47,890 --> 01:00:51,220
en það er eins lágmarki
magn upplýsinga sem ég veitt.

1304
01:00:51,220 --> 01:00:53,050
Og nú ætla ég að ýta á Enter.

1305
01:00:53,050 --> 01:00:55,520
Og eftir það virkar enn.

1306
01:00:55,520 --> 01:00:57,950
Við fáum samt aftur a heild búnt af ketti.

1307
01:00:57,950 --> 01:01:00,340
Svo er Google áhugamaður
en þetta þessa dagana.

1308
01:01:00,340 --> 01:01:01,934
Það er 2016, ekki 1999.

1309
01:01:01,934 --> 01:01:04,600
Svo er það önnur efni sem minn
Vafrinn er að senda til miðlara.

1310
01:01:04,600 --> 01:01:07,100
En þetta er lítið
allt sem er nauðsynlegt.

1311
01:01:07,100 --> 01:01:08,380
>> Svo hvað er í gangi?

1312
01:01:08,380 --> 01:01:14,320
Jæja, fyrst láta mig fara á undan og fara
aftur til Cloud9 og láta mig fara á undan

1313
01:01:14,320 --> 01:01:15,620
og loka tabs mínum áðan.

1314
01:01:15,620 --> 01:01:18,230
Og ég ætla að gera þetta á minn
eiga bara um stund.

1315
01:01:18,230 --> 01:01:20,730
Ég ætla að fara á undan
og búa til nýja skrá.

1316
01:01:20,730 --> 01:01:23,739
Og ég ætla að spara það eins google.html.

1317
01:01:23,739 --> 01:01:26,280
Og ég ætla að mjög quickly--
Ég ætla að stela, reyndar,

1318
01:01:26,280 --> 01:01:28,510
sumir af þessum texta bara til að spara tíma.

1319
01:01:28,510 --> 01:01:30,610
Ég ætla að líma þetta í hér.

1320
01:01:30,610 --> 01:01:33,850
Ég ætla ekki að standa við
allir stylization þetta sinn.

1321
01:01:33,850 --> 01:01:38,340
Við erum að fara að kalla þetta "Google mín."

1322
01:01:38,340 --> 01:01:41,230
Og ég ætla að losna
af öllu í líkamanum.

1323
01:01:41,230 --> 01:01:42,740
Og ég ætla að gera eftirfarandi.

1324
01:01:42,740 --> 01:01:45,690
Leyfðu mér að stækka.

1325
01:01:45,690 --> 01:01:50,620
Mynda aðgerð og eins og ég nefndi stuttlega
earlier-- whoops-- sem ég stuttlega

1326
01:01:50,620 --> 01:01:54,130
fyrr, the aðgerð af a
form er þar sem þú sendir gögn til.

1327
01:01:54,130 --> 01:01:56,620
Svo google.com/search.

1328
01:01:56,620 --> 01:01:59,390
Og aðferðin sem ég vil nota
getur verið eitt af tvennu.

1329
01:01:59,390 --> 01:02:02,870
Það getur verið "að fá," eins og við halda
ræða, eða það getur verið "staða."

1330
01:02:02,870 --> 01:02:05,340
Fyrir nú, grundvallaratriði
Munurinn er, ef þú notar "fá,"

1331
01:02:05,340 --> 01:02:09,590
allar þær upplýsingar sem um
Notandinn veitir fær send í vefslóðinni.

1332
01:02:09,590 --> 01:02:13,530
>> Það er frábært fyrir hluti eins og leit
vélar og nokkrum öðrum forritum,

1333
01:02:13,530 --> 01:02:17,080
en í hvaða aðstæður myndi
þú vilt ekki að fylla út eyðublað

1334
01:02:17,080 --> 01:02:21,620
og hafa upplýsingarnar endað á
URL, eins og í heimilisfang bar vafrans?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Hvers konar form do you--

1337
01:02:26,605 --> 01:02:27,480
Áhorfendur: [inaudible]

1338
01:02:27,480 --> 01:02:28,450
DAVID J. Malan: Já, eins og hvað?

1339
01:02:28,450 --> 01:02:29,270
Áhorfendur: Lykilorð.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. Malan: Já, svo þú skráir þig
inn á Facebook eða einhverjum vef.

1341
01:02:31,936 --> 01:02:34,395
Það er notandi inntak frá
form, texta kassi,

1342
01:02:34,395 --> 01:02:37,020
En sennilega þú vilt það ekki
sýning upp í vefslóð í vafranum.

1343
01:02:37,020 --> 01:02:38,121
Hvers vegna?

1344
01:02:38,121 --> 01:02:40,870
Ég meina, kannski eru sumir
öryggi áhrif á netið,

1345
01:02:40,870 --> 01:02:44,830
en more-- eins, meira einfaldlega, hvað ef
herbergisfélagi þinn, Maki þinn,

1346
01:02:44,830 --> 01:02:47,710
börnin, maki þinn lítur
gegnum vafraferilinn?

1347
01:02:47,710 --> 01:02:50,762
Það er lykilorð réttur þinn
þar í sögu vafrans.

1348
01:02:50,762 --> 01:02:52,220
Það þýðir ekki að líða eins góða hönnun.

1349
01:02:52,220 --> 01:02:54,500
Eða jafnvel meira tæknilega,
ráð fyrir að þú ert að reyna

1350
01:02:54,500 --> 01:02:59,180
að hlaða upp mynd á Flickr
eða Facebook eða wherever--

1351
01:02:59,180 --> 01:03:03,010
það er notandi inntak, jafnvel þótt
það er lítið meira interesting-- hvernig

1352
01:03:03,010 --> 01:03:05,530
ekki ég troða mynd í vefslóðastikuna?

1353
01:03:05,530 --> 01:03:06,730
Þú getur konar konar ekki.

1354
01:03:06,730 --> 01:03:07,396
Þú getur konar.

1355
01:03:07,396 --> 01:03:10,210
En, í alvöru, ég er harður-þrýsta
að ímynda sér að gera það.

1356
01:03:10,210 --> 01:03:13,470
Þannig að ég þarf aðra aðferð til
að senda inn myndir til a website,

1357
01:03:13,470 --> 01:03:15,657
og að önnur aðferð er kölluð "staða."

1358
01:03:15,657 --> 01:03:18,740
En nú munum við bara að tala um
"Fá", sem er einfaldara af tveimur.

1359
01:03:18,740 --> 01:03:21,100
Það setur bara allt
notandi inntak í vefslóðinni.

1360
01:03:21,100 --> 01:03:22,830
>> Svo hér er form sem ég er að búa til.

1361
01:03:22,830 --> 01:03:24,070
Ég vil inntak.

1362
01:03:24,070 --> 01:03:24,820
Og þú veist hvað?

1363
01:03:24,820 --> 01:03:26,111
Ég ætla að taka giska hér.

1364
01:03:26,111 --> 01:03:31,600
Ég ætla að muna minn
inntak "q" fyrir "fyrirspurn".

1365
01:03:31,600 --> 01:03:34,970
Og ég held að þetta sé eitt af
upprunalega hönnun, kannski, frá 1999.

1366
01:03:34,970 --> 01:03:39,560
Og þá tegund af þessum inntak
er bara að fara að vera "texta."

1367
01:03:39,560 --> 01:03:43,040
Og þá ætla ég að hafa annað inntak
sem þarf ekki nafn, eins og við munum fljótlega

1368
01:03:43,040 --> 01:03:45,120
sjá, tegund sem er "leggja".

1369
01:03:45,120 --> 01:03:47,070
Og þetta er að fara að
gefa mér sérstakan hnapp.

1370
01:03:47,070 --> 01:03:48,320
Og það er það.

1371
01:03:48,320 --> 01:03:50,790
>> Svo láta mig fara á undan og vista þessa skrá.

1372
01:03:50,790 --> 01:03:54,910
Ég ætla að fara aftur til mín
Vafrinn og fara að google.html.

1373
01:03:54,910 --> 01:03:56,140
Sláðu.

1374
01:03:56,140 --> 01:03:59,680
Og það er góður af dreifður
að segja sem minnst.

1375
01:03:59,680 --> 01:04:03,110
En láta mig fara á undan
og leita að "ketti."

1376
01:04:03,110 --> 01:04:06,510
Og eftir ég er nú
á þessum Cloud9 vefslóð.

1377
01:04:06,510 --> 01:04:09,240
En um leið og ég smelli þessu,
hvar þú vona ég á endanum?

1378
01:04:09,240 --> 01:04:10,160
>> Áhorfendur: Google.

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. Malan: Google.

1380
01:04:11,118 --> 01:04:12,740
Svo skulum smella á Senda.

1381
01:04:12,740 --> 01:04:15,200
Og reyndar hef ég aftur innleitt Google.

1382
01:04:15,200 --> 01:04:15,700
Hægri?

1383
01:04:15,700 --> 01:04:16,480
Það er einfaldara.

1384
01:04:16,480 --> 01:04:17,120
Það er léttara.

1385
01:04:17,120 --> 01:04:20,350
Ég meina, númerið mitt er greinilega betri en
þeirra, úr óreiðu við sáum áðan.

1386
01:04:20,350 --> 01:04:21,100
Og þú veist hvað?

1387
01:04:21,100 --> 01:04:22,610
Ég ætla að hressa þetta upp smá.

1388
01:04:22,610 --> 01:04:23,860
Ég vissi ekki að nefna þetta fyrr.

1389
01:04:23,860 --> 01:04:27,860
Það eru merki eins og H1, fyrir Fyrirsögn 1,
mikilvægasta fyrirsögn á síðunni.

1390
01:04:27,860 --> 01:04:30,570
"Google mín," Ég ætla að kalla þetta.

1391
01:04:30,570 --> 01:04:31,940
Leyfðu mér að endurhlaða.

1392
01:04:31,940 --> 01:04:33,772
Það er að horfa svolítið betur þegar.

1393
01:04:33,772 --> 01:04:34,980
Og í raun, þú veist hvað?

1394
01:04:34,980 --> 01:04:36,430
Ég hef already-- ég laug.

1395
01:04:36,430 --> 01:04:40,200
Ég sagði að ég ætlaði ekki að stíla þetta,
en ég ætla að stíla þetta eins og áður.

1396
01:04:40,200 --> 01:04:46,860
Og líkami minn er að fara að vera,
við skulum segja, texta-align sent.

1397
01:04:46,860 --> 01:04:48,800
Það er útlit fleiri eins og Google nú þegar.

1398
01:04:48,800 --> 01:04:51,090
>> Ég þarf línuskil, þó,
fyrir það Senda hnappinn.

1399
01:04:51,090 --> 01:04:52,798
Og það kemur í ljós, að
Hægt er að nota efnisgreinar,

1400
01:04:52,798 --> 01:04:57,320
eða þú getur meira bókstaflega bara að segja,
gefa mér línu brot here-- BR tag.

1401
01:04:57,320 --> 01:04:59,319
Og ef ég endurhlaða þetta, nú fer það þar.

1402
01:04:59,319 --> 01:05:01,610
Það er svolítið ljótur, svo ég
gæti gert margar hlé lína,

1403
01:05:01,610 --> 01:05:03,310
En við skulum ekki fá of gráðugur hér.

1404
01:05:03,310 --> 01:05:06,430
Svo nú skulum sjá hvort það virkar fyrir "hunda."

1405
01:05:06,430 --> 01:05:08,640
Það virðist virka fyrir "hunda," eins og heilbrigður.

1406
01:05:08,640 --> 01:05:10,780
Svo er það sannfærandi takeaway hér?

1407
01:05:10,780 --> 01:05:13,600
One-- var ekki mikið stökk að
kynna nokkrar fleiri merkingar,

1408
01:05:13,600 --> 01:05:15,370
eins formi tag í inntak tag.

1409
01:05:15,370 --> 01:05:17,120
En meira grundvallaratriðum
er, eru allir við að gera

1410
01:05:17,120 --> 01:05:20,610
er fá meira skilning okkar
HTTP og þeirri staðreynd

1411
01:05:20,610 --> 01:05:24,900
sem form lokum breyta
hvað er í vefslóð vafranum,

1412
01:05:24,900 --> 01:05:28,540
og svo því, að við getum
vélrænt veita inntak á miðlara

1413
01:05:28,540 --> 01:05:33,600
með því að gera HTML formi og vita
þessi the framreiðslumaður skilur HTTP,

1414
01:05:33,600 --> 01:05:36,890
bara eins og líkami okkar skilur, eins og,
hrista hönd mína, svo að sama siðareglur,

1415
01:05:36,890 --> 01:05:40,920
og svo fáum við til baka svar
að við gerum ráð fyrir að lokum.

1416
01:05:40,920 --> 01:05:44,050
>> Svo skulum reyna að gera eitt
Það síðasta sem nú með farsíma,

1417
01:05:44,050 --> 01:05:47,052
og ég ætla make-- ég bæta við
þetta númer til stóð.

1418
01:05:47,052 --> 01:05:49,760
Svo ef þú vilt að tinker, þér
geta vissulega taka það þaðan.

1419
01:05:49,760 --> 01:05:51,551
En ég ætla að fara
á undan og gera eitt.

1420
01:05:51,551 --> 01:05:54,120
Ég ætla að fara á undan og
opna vísitölu page-- minn

1421
01:05:54,120 --> 01:05:59,030
halló síðuna mína eins og áður, sem
hefur mikið af þessu gerfi-Rómönsku texta,

1422
01:05:59,030 --> 01:06:05,470
eða tilgangslaust Latin texta, og has--
það lítur út eins og þetta á þessum leturstærð.

1423
01:06:05,470 --> 01:06:07,850
En láta mig fara á undan og gera þetta.

1424
01:06:07,850 --> 01:06:09,300
Ég ætla að fara inn í Cloud9.

1425
01:06:09,300 --> 01:06:10,380
Og þú þarft ekki að gera þetta skref.

1426
01:06:10,380 --> 01:06:11,420
Ég ætla bara að gera það sjálfur.

1427
01:06:11,420 --> 01:06:12,890
Ég ætla að smella Share.

1428
01:06:12,890 --> 01:06:15,170
Og þetta er eiginleiki
bara af Cloud9, þar

1429
01:06:15,170 --> 01:06:17,710
Ég get gert umhverfið mitt almenningi.

1430
01:06:17,710 --> 01:06:20,240
>> Og bara fyrir sakir
sýning, láta mig gera þetta.

1431
01:06:20,240 --> 01:06:22,870
Ég ætla að gera umsókn mína opinbera.

1432
01:06:22,870 --> 01:06:25,230
Takið það er viðvörun mig, ég
Ég viss um að ég vil gera þetta,

1433
01:06:25,230 --> 01:06:28,438
vegna þess að þetta er að fara að gera alla
í heiminum, hvort sem þeir eru hér núna

1434
01:06:28,438 --> 01:06:33,560
eða horfa á vídeó síðar á
internet fær um að sjá það sem ég sé.

1435
01:06:33,560 --> 01:06:34,440
En það er allt í lagi.

1436
01:06:34,440 --> 01:06:37,870
Ég ætla að segja "Lokið".

1437
01:06:37,870 --> 01:06:42,080
Og láta mig hvetja þig, ef ég gerði
þetta correctly-- láta mig prófa það fyrst.

1438
01:06:42,080 --> 01:06:45,590
Fara á undan, ef þú mind-- ekki
í vafra á tölvunni þinni,

1439
01:06:45,590 --> 01:06:49,900
fara á þessa slóð, og vonandi
þú munt sjá latneska texta mína.

1440
01:06:49,900 --> 01:06:52,820
Og til að vera skýr, það er
gangi ekki á minn laptop.

1441
01:06:52,820 --> 01:06:53,610
Það er í skýinu.

1442
01:06:53,610 --> 01:06:58,120
Það er á Cloud9, bókstaflega, en
Ég hef gert vinnusvæði opinberlega mitt

1443
01:06:58,120 --> 01:07:03,450
svo að einhver á internetinu
geta nálgast latneska heimasíðuna mína.

1444
01:07:03,450 --> 01:07:07,209
>> Fara á sömu vefslóð á
sími, ef þú gætir.

1445
01:07:07,209 --> 01:07:09,750
Ef það mun kosta þig, þó, þú
getur bara líta yfir öxl.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
Áhorfendur: [inaudible]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. Malan: Fyrirgefðu?

1449
01:07:43,550 --> 01:07:45,390
Áhorfendur: [inaudible]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. Malan: Bara Latin orð.

1451
01:07:47,710 --> 01:07:48,210
Það er allt og sumt.

1452
01:07:48,210 --> 01:07:49,250
En það er það sem þú ættir að sjá.

1453
01:07:49,250 --> 01:07:49,875
>> Áhorfendur: Já.

1454
01:07:49,875 --> 01:07:50,790
DAVID J. Malan: Já.

1455
01:07:50,790 --> 01:07:51,300
Já.

1456
01:07:51,300 --> 01:07:51,540
OK.

1457
01:07:51,540 --> 01:07:53,530
Svo get ég haldið upp þinn
sími fyrir réttlátur a augnablik?

1458
01:07:53,530 --> 01:07:57,504
Svo, vonandi, ef þú ert að fá aðgang að
það ætti að líta næstum ólæsileg.

1459
01:07:57,504 --> 01:07:59,920
Það er still-- ég meina, það er
ólæsileg vegna latínu.

1460
01:07:59,920 --> 01:08:01,920
En það er líka ólæsileg
í hvaða önnur ástæða?

1461
01:08:01,920 --> 01:08:03,775
Eins og, hvað mislíkar þér um þetta?

1462
01:08:03,775 --> 01:08:04,650
Áhorfendur: Það er lítil.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. Malan: Það er frábær, frábær lítill.

1464
01:08:06,420 --> 01:08:07,920
Svo hvernig getum við lagað þetta?

1465
01:08:07,920 --> 01:08:09,730
Það er frábær, frábær lítill
á símanum Victoriu

1466
01:08:09,730 --> 01:08:11,400
og ef þú hefur dregið
það upp sjálfur, líklega

1467
01:08:11,400 --> 01:08:14,660
Lítið á símanum eins vel, nema þér
hafa stillingar aðgengi virkt.

1468
01:08:14,660 --> 01:08:15,530
Hvað er þetta?

1469
01:08:15,530 --> 01:08:18,497
Þú getur bara klípa og
zoom, sem er framkvæmanlegur,

1470
01:08:18,497 --> 01:08:20,330
en þá sérðu aðeins
nokkur orð í einu.

1471
01:08:20,330 --> 01:08:20,859
Svo bíddu í eina mínútu.

1472
01:08:20,859 --> 01:08:21,720
Ég veit hvernig á að laga þetta.

1473
01:08:21,720 --> 01:08:22,219
Hægri?

1474
01:08:22,219 --> 01:08:26,130
Ég gæti notað CSS, og ég gæti breytt
Leturstærð frá 12.-lið 24.-liðar.

1475
01:08:26,130 --> 01:08:29,020
En aukaverkun sem,
að sjálfsögðu, er að fara að vera nú,

1476
01:08:29,020 --> 01:08:32,630
á skrifborð eða laptop,
Nú er textinn tvisvar sinnum eins stór.

1477
01:08:32,630 --> 01:08:35,810
Og svo það væri eins konar gaman
að greina á milli tækja,

1478
01:08:35,810 --> 01:08:37,840
og það kemur í ljós að það
eru leiðir til að gera það.

1479
01:08:37,840 --> 01:08:39,590
Það eru nokkrir
mismunandi leiðir, í raun,

1480
01:08:39,590 --> 01:08:44,189
þar með CSS og áhugamaður lögun
að við munum ekki fara inn í smáatriðum,

1481
01:08:44,189 --> 01:08:46,960
þú getur í raun fyrirspurn
vafrinn og segja,

1482
01:08:46,960 --> 01:08:51,550
Ef skjárinn er minni en þetta
margir punktar, nota þetta leturstærð.

1483
01:08:51,550 --> 01:08:55,180
Ef skjárinn er stærri en þetta
margir punktar, nota þetta annað leturstærð.

1484
01:08:55,180 --> 01:08:57,080
>> Þú getur verið jafnvel áhugamaður enn.

1485
01:08:57,080 --> 01:09:00,140
Ef þú hefur heimsótt alltaf á
Vefsíða sem, á skjáborðinu,

1486
01:09:00,140 --> 01:09:04,404
hefur stór matseðill kannski burt til
hlið, og þá allt í efni

1487
01:09:04,404 --> 01:09:07,029
er til hliðar við það menu--
það er góður af sameiginlegri hugmyndafræði.

1488
01:09:07,029 --> 01:09:09,670
Valmynd á vinstri, innihald
á hægri eða öfugt.

1489
01:09:09,670 --> 01:09:13,569
Er virkilega ekki vinna á farsíma þegar þinn
skjárinn er aðeins þetta margir punktar á breidd.

1490
01:09:13,569 --> 01:09:16,233
Svo algengari á farsíma er
matseðill verður skyndilega fá

1491
01:09:16,233 --> 01:09:18,399
hrundi, og þú þarft að
Smelltu á hnappinn til að sjá það,

1492
01:09:18,399 --> 01:09:22,404
eða the website vilja setja matseðilinn
fyrir ofan hann og setja efni hér fyrir neðan hana.

1493
01:09:22,404 --> 01:09:24,779
Og þú getur innleiða þessar
hlutir í marga vegu, líka.

1494
01:09:24,779 --> 01:09:28,340
Þú getur beðið forritari þína,
hey, lið, hvenær

1495
01:09:28,340 --> 01:09:34,450
þú sérð HTTP beiðni frá Android
tæki, Microsoft tæki, Google

1496
01:09:34,450 --> 01:09:39,930
tæki, Apple tæki, nota þetta
Leturstærð og nota þessa matseðill skipulag,

1497
01:09:39,930 --> 01:09:42,670
eða annars nota þetta vanræksla stærri skipulag.

1498
01:09:42,670 --> 01:09:45,410
>> Nú, með því að nota það
grundvallaratriði tækni í dag

1499
01:09:45,410 --> 01:09:48,529
gátu verkfræðingar nota
að vita hvort það er

1500
01:09:48,529 --> 01:09:53,660
iPhone, Android sími, fartölvu,
skrifborð heimsækja miðlara félagsins?

1501
01:09:53,660 --> 01:09:55,310
Þar þeir fá þær upplýsingar?

1502
01:09:55,310 --> 01:09:56,080
>> Áhorfendur: hausinn?

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J. Malan: Já, HTTP haus.

1504
01:09:57,740 --> 01:10:01,714
Svo hvert HTTP beiðni sem kemur frá
viðskiptavinir þeirra til netþjóna þeirra

1505
01:10:01,714 --> 01:10:03,880
eru, inni sem raunverulegur
umslag, a heild búnt

1506
01:10:03,880 --> 01:10:08,260
HTTP haus, einn sem er
vafrinn og stýrikerfið

1507
01:10:08,260 --> 01:10:10,290
jafnvel ef þú aðgát til að
að stigi smáatriðum.

1508
01:10:10,290 --> 01:10:13,790
Nú, það er dulinn-útlit band, en
það er til hugbúnaður sem vilja bara

1509
01:10:13,790 --> 01:10:18,530
einfalda það, og þú getur bara beðið
í forritun code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- hvað síminn er this--
hvað tækið er þessi notandi að nota?

1511
01:10:23,650 --> 01:10:27,501
Og þá er hægt að segja, sýna þeim þetta
útgáfa af vefnum ef það er sími.

1512
01:10:27,501 --> 01:10:30,250
Sýna þeim þessa útgáfu af
Vefsíða ef það er a laptop eða skrifborð.

1513
01:10:30,250 --> 01:10:32,316
En þú þarft ekki einu sinni
framreiðslumaður-hlið flókið.

1514
01:10:32,316 --> 01:10:33,940
Þú getur gert jafnvel einföldustu hlutum.

1515
01:10:33,940 --> 01:10:34,815
>> Ég ætla að gera þetta.

1516
01:10:34,815 --> 01:10:38,995
Ég ætla að fara á undan inn
Cloud9 umhverfi mitt,

1517
01:10:38,995 --> 01:10:41,370
og ég ætla að bæta merki
sem þú sást í Google áður.

1518
01:10:41,370 --> 01:10:42,770
Það er kallað metatag.

1519
01:10:42,770 --> 01:10:45,520
Og ég man aldrei þetta einn, svo
Ég ætla að skrifa það hér.

1520
01:10:45,520 --> 01:10:50,552
Meta name = "gluggann" og þá
content = "width = breidd tæki, intital

1521
01:10:50,552 --> 01:11:02,060
mælikvarða = 1 "og það er það.

1522
01:11:02,060 --> 01:11:06,230
>> Svo það gæti eins vel verið
eins töfrandi incantation.

1523
01:11:06,230 --> 01:11:11,300
Það er ekki allt sem ljóst, en þetta hefur
eitthvað að gera með viewport,

1524
01:11:11,300 --> 01:11:15,070
og gluggann er bara líkami a
vefsíðu, rétthyrnd svæði sem

1525
01:11:15,070 --> 01:11:16,690
skilgreinir mest af síðunni.

1526
01:11:16,690 --> 01:11:19,060
Og þetta er bara að segja
vafra, þú veist hvað?

1527
01:11:19,060 --> 01:11:22,589
Gerðu breidd síðunni
í raun jafn breidd tækisins.

1528
01:11:22,589 --> 01:11:25,380
Með öðrum orðum, gera ráð ekki að
þú þarft einhverskonar ótakmarkað pláss.

1529
01:11:25,380 --> 01:11:29,920
Gerum ráð fyrir að þú ert aðeins eins mikið
rými og tækið sjálft er stór.

1530
01:11:29,920 --> 01:11:34,454
Og svo nú, ef ég endurhlaða þetta
í vafranum mínum, ég sé enga breytingu.

1531
01:11:34,454 --> 01:11:37,370
En ef ég gerði þetta correctly-- og
láta mig yfir fingers-- mína ef ykkur öllum

1532
01:11:37,370 --> 01:11:42,920
endurhlaða sími þinn, gera þér
sjá sannfærandi breytingu?

1533
01:11:42,920 --> 01:11:43,620
Já, er that--

1534
01:11:43,620 --> 01:11:45,067
>> Áhorfendur: [inaudible]

1535
01:11:45,067 --> 01:11:45,900
DAVID J. Malan: Já.

1536
01:11:45,900 --> 01:11:46,400
OK.

1537
01:11:46,400 --> 01:11:47,850
Svo að öllum líkindum læsilegri núna?

1538
01:11:47,850 --> 01:11:53,070
Enn lítill, til að vera sanngjarn, en ekki
svo pínulítill eins og að vera stjórnlaust.

1539
01:11:53,070 --> 01:11:56,920
Og ég gæti vissulega framhjá þessu
frekar með CSS eða á miðlara megin,

1540
01:11:56,920 --> 01:12:00,120
en æ hvað þú ert
sjá er fleiri og fleiri lögun

1541
01:12:00,120 --> 01:12:02,900
sé bætt við
viðskiptavinur-hlið environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, eins og við munum ræða
á morgun, CSS, og HTML-- svo

1543
01:12:06,530 --> 01:12:09,190
að allar þessar fyrirspurnir
er hægt að gera á viðskiptavininn

1544
01:12:09,190 --> 01:12:11,910
svo sem að standa á
Miðlarinn mikið minna og ekki

1545
01:12:11,910 --> 01:12:14,530
að þurfa að halda í við, að
dæmi, stöðugt árásir

1546
01:12:14,530 --> 01:12:17,210
nýrra starfa-kerfi
útgáfur, nýjar útgáfur vafra.

1547
01:12:17,210 --> 01:12:20,190
Þú getur bara látið vafrann
spyrja tækið, hversu stór þú ert,

1548
01:12:20,190 --> 01:12:22,890
og þá gera nokkuð rökrétt
ákvarðanir sem byggjast á því.

1549
01:12:22,890 --> 01:12:25,140
En við munum sjá fleiri tækifæri
fyrir rökrétt ákvarðanir

1550
01:12:25,140 --> 01:12:27,223
á morgun í samhengi
forritunarmál.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Svo, einhverjar spurningar, þá
á þróun vefnum?

1553
01:12:32,760 --> 01:12:36,130
Í dag er ekki vefur forritun, fyrir
sjálfu, þar sem mest allt sem við gerðum

1554
01:12:36,130 --> 01:12:38,370
var mjög fagurfræðilega, ef þú vilt.

1555
01:12:38,370 --> 01:12:41,750
Það er engin ákvarðanataka í
kóðinn sem við höfum skrifað,

1556
01:12:41,750 --> 01:12:44,990
og svo er það þess vegna HTML er Markup
tungumál, ekki forritunarmál.

1557
01:12:44,990 --> 01:12:47,140
En á morgun munum við taka
a fljótur líta, að lokum,

1558
01:12:47,140 --> 01:12:49,340
á JavaScript, sem er
raunveruleg forritun

1559
01:12:49,340 --> 01:12:54,220
tungumál sem leyfir okkur að gera aðeins meira.

1560
01:12:54,220 --> 01:12:56,800
>> Einhverjar spurningar?

1561
01:12:56,800 --> 01:13:00,480
Jæja, láttu mig leggja tvær
tækifæri valfrjálst fyrir heimanám.

1562
01:13:00,480 --> 01:13:02,900
Einn is-- þessar Cloud9
reikningar ekki út.

1563
01:13:02,900 --> 01:13:04,669
Þú ert velkomin til að nota
þá að tinker með.

1564
01:13:04,669 --> 01:13:05,960
Það er ókeypis þjónustustig.

1565
01:13:05,960 --> 01:13:08,754
Átta sig á að ef þegar þú býrð
vinnusvæði, þú gerðir það opinberlega,

1566
01:13:08,754 --> 01:13:11,670
sem þýðir að einhver á
Netið getur séð hvað þú ert að skrifa.

1567
01:13:11,670 --> 01:13:15,104
Svo kannski bara að íhuga
ekki vandræðaleg sjálfur

1568
01:13:15,104 --> 01:13:18,020
ef þú ert að setja fyrsta vefinn
síðu þarna opinberlega óvart,

1569
01:13:18,020 --> 01:13:20,134
en enginn er að fara að
veit að líta það engu að síður.

1570
01:13:20,134 --> 01:13:23,760
>> Og two-- láta mig henda
upp þessa slóð eins vel,

1571
01:13:23,760 --> 01:13:28,250
sérstaklega ef þú komst í dag a
lítill minna þægilegt en aðrir,

1572
01:13:28,250 --> 01:13:30,430
ekki viss hvað allt þetta dót þýðir.

1573
01:13:30,430 --> 01:13:36,780
Grein fyrir að mikið meira um þetta myndband,
sem er bæði góð leið til að sofna

1574
01:13:36,780 --> 01:13:39,380
og einnig til að hlæja meðan
að gera það, einnig hefur

1575
01:13:39,380 --> 01:13:44,300
a einhver fjöldi af societally áhugavert
og öryggi, viðeigandi umræður

1576
01:13:44,300 --> 01:13:47,370
þar af John Oliver,
að vísu grínisti.

1577
01:13:47,370 --> 01:13:55,456
>> En ef það eru engar frekari spurningar,
sem færir okkur til móttöku.

1578
01:13:55,456 --> 01:13:56,830
Svo hvers vegna get ég ekki kveikt á tónlist.

1579
01:13:56,830 --> 01:13:58,610
Það ætti að vera drykki
og snakk utan.

1580
01:13:58,610 --> 01:14:00,220
Ég er fús til að blanda fyrir eins
lengi sem fólk langar,

1581
01:14:00,220 --> 01:14:01,600
svara spurningum fleiri einn-á-einn.

1582
01:14:01,600 --> 01:14:03,330
En, annars, þú ert velkominn
að taka burt á hverjum stað,

1583
01:14:03,330 --> 01:14:05,740
og við sjáumst aftur
morgun fyrir aðeins meira.

1584
01:14:05,740 --> 01:14:07,290
Allt í lagi, takk.

1585
01:14:07,290 --> 01:14:10,428