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

2
00:00:00,127 --> 00:00:01,210
DAVID J. Malan: Bone.

3
00:00:01,210 --> 00:00:02,160
Ni estas reen.

4
00:00:02,160 --> 00:00:05,810
Do, la celo de tiu lasta kunsido
estas enkonduki kelkajn pliajn konceptojn

5
00:00:05,810 --> 00:00:09,290
sed ankaŭ donas ĉiuj ŝancon
al speco de etendos viajn fingrojn

6
00:00:09,290 --> 00:00:11,270
kaj efektive fari ion
iom manoj-sur.

7
00:00:11,270 --> 00:00:13,897
La celo ne turni
ni ĉiuj en ttt programistoj

8
00:00:13,897 --> 00:00:16,230
iel sed vere nur
doni al vi guston de iu

9
00:00:16,230 --> 00:00:21,750
el la fundamentaj konstruoj de kio
iras en retejo programado kaj hodiaŭ retejo

10
00:00:21,750 --> 00:00:23,980
disvolviĝo, tial la
statika flanko de things--

11
00:00:23,980 --> 00:00:26,660
neniu logiko, sen programado
lingvo, nur statika enhavo.

12
00:00:26,660 --> 00:00:29,660
Kaj ĝi donos al ni ŝancon
reale vidi kion retservilo estas,

13
00:00:29,660 --> 00:00:34,140
vidu kio HTML dosiero, vidas
ĝi estas HTTP estas efektive servanta supren.

14
00:00:34,140 --> 00:00:38,600
Sed antaŭ ol ni plonĝi en, ia retrospektiva
demandoj pri cloud computing

15
00:00:38,600 --> 00:00:43,922
aŭ sekureco aŭ io intere?

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

17
00:00:44,890 --> 00:00:47,181
Bone, nu, ni
ordonu, ĉiaokaze

18
00:00:47,181 --> 00:00:49,680
la procezo de subskribanta supre por
ion prenas kelkajn minutojn.

19
00:00:49,680 --> 00:00:51,221
Ni lasu lin fari ĝin en la fono.

20
00:00:51,221 --> 00:00:56,860
Antaŭen, se vi povus,
al tiu retadreso here-- c9.io.

21
00:00:56,860 --> 00:01:02,810
Jen triaj service--
platformo kiel servo, se vi will--

22
00:01:02,810 --> 00:01:05,190
kiu tuj invitos vin
subskribi por rakonto,

23
00:01:05,190 --> 00:01:08,650
kaj ĝi tuj donas ĉiun el vi
konton en la tn nubo

24
00:01:08,650 --> 00:01:11,330
sur aliulaj infrastrukturo,
entrepreno nomita Cloud9.

25
00:01:11,330 --> 00:01:13,350
Sed kio estas agrabla pri
tio estas ke ili donas vin

26
00:01:13,350 --> 00:01:15,990
proksimuma kalkulado de
fakta reala mondo evoluo

27
00:01:15,990 --> 00:01:18,530
medio, kvankam en la
nubo kaj per foliumilo,

28
00:01:18,530 --> 00:01:21,175
kaj ni uzos ĉi reale
eksperimenti iom hodiaŭ.

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

30
00:01:27,116 --> 00:01:30,260
Kaj poste iru antaŭen kaj nur navigas
via vojo al la signo-supren procezo

31
00:01:30,260 --> 00:01:32,630
se vi povus.

32
00:01:32,630 --> 00:01:36,080
Do ni hazarde uzas tiun en la klaso
Mi instruas pro ĉiuj niaj studentoj,

33
00:01:36,080 --> 00:01:39,140
ambaŭ sur campus kaj ekstere nun, kaj
ĝi estas anstataŭita kio historie

34
00:01:39,140 --> 00:01:41,390
Estis alie elŝuteblaj programaro.

35
00:01:41,390 --> 00:01:44,620
Do kion vi gajni aliro al
estas unu el tiuj virtualaj maŝinoj,

36
00:01:44,620 --> 00:01:46,460
esence, ke mi priskribis antaŭe.

37
00:01:46,460 --> 00:01:50,260
Do tiu entrepreno Cloud9 verŝajne
rentojn de tria party-- ja

38
00:01:50,260 --> 00:01:52,760
tiukaze, Google-- tuto
faskon de virtualaj maŝinoj

39
00:01:52,760 --> 00:01:56,500
ke iel haki sur
la iluzio de individuaj serviloj

40
00:01:56,500 --> 00:01:58,610
ke ĉiu el ni havas plenan kontrolon super.

41
00:01:58,610 --> 00:02:01,640
Ĝi ne estas sufiĉe preciza diri
ke ili estas virtuala maŝinoj,

42
00:02:01,640 --> 00:02:04,550
kvankam, pro kio
Cloud9 fakte uzas

43
00:02:04,550 --> 00:02:07,570
Estas iom pli nova teknologio
nomita containerization.

44
00:02:07,570 --> 00:02:13,150
Kaj lasu min ekpreni tiun bildon
tie pentri tiun bildon.

45
00:02:13,150 --> 00:02:16,540
>> Ujo estas, se
vi memoras la bildon

46
00:02:16,540 --> 00:02:19,900
el antaŭe, iom pli hela
pezo ol virtuala maŝino.

47
00:02:19,900 --> 00:02:22,090
Fakte, dum la lasta
tempo ni parolis pri ekzistas

48
00:02:22,090 --> 00:02:25,170
esti mastruma
sistemo kaj hypervisor

49
00:02:25,170 --> 00:02:28,260
kaj tiam gasto mastruma sistemo, gasto
mastruma sistemo, gasto mastruma

50
00:02:28,260 --> 00:02:30,940
sistemo, aldone al via
fizika aparataro,

51
00:02:30,940 --> 00:02:33,740
la diferenco kun ĉi nova
teknologio, containerization,

52
00:02:33,740 --> 00:02:37,290
estas ke ili ĉiuj iel dividas
la sama mastruma sistemo.

53
00:02:37,290 --> 00:02:39,970
Sed ili ankoraŭ kreas
la iluzio de ĉiu

54
00:02:39,970 --> 00:02:44,590
havi sian propran ekskluzivan
administraj rajtoj kaj dosieroj

55
00:02:44,590 --> 00:02:45,400
sur la servilo.

56
00:02:45,400 --> 00:02:48,230
Sed estas malpli programaron
inter vi kaj la aparataron.

57
00:02:48,230 --> 00:02:52,260
La rezulto de tio estas, en
teorio, pli altan rendimenton,

58
00:02:52,260 --> 00:02:55,470
ĉar vi uzas aŭ
malŝpari malpli rimedoj

59
00:02:55,470 --> 00:02:57,360
en tiu tielnomita virtualización tavolo.

60
00:02:57,360 --> 00:02:59,420
Do tiu estas vokita
containerization nature

61
00:02:59,420 --> 00:03:02,920
tra teknologio nomita Docker,
kiu estas tre venanta en lia propra.

62
00:03:02,920 --> 00:03:05,086
Kaj tiu estas iu kiu
inĝenieroj ĉe via entrepreno

63
00:03:05,086 --> 00:03:08,610
povus ia speco de komenci parolanta
pri baldaŭ se ili ne jam,

64
00:03:08,610 --> 00:03:11,590
kvankam ekzistas certe neniu
kialo salti sur ajna bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Do kun kiu diris, kio
vi probable vidos nun

66
00:03:15,410 --> 00:03:22,670
Estas ekrano kiu aspektas iom kiel tiu.

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

68
00:03:23,170 --> 00:03:25,260
Kaj simple nomas min se ne.

69
00:03:25,260 --> 00:03:27,440
Kaj se so-- mi venu se ne.

70
00:03:27,440 --> 00:03:30,244
Antaŭeniri kaj klaku ke granda
plus krei laborspaca,

71
00:03:30,244 --> 00:03:31,660
kaj vi vidos ekranon kiel tiu.

72
00:03:31,660 --> 00:03:35,020
Vi povas voki la laborspaca
nomi ion vi deziras nun.

73
00:03:35,020 --> 00:03:38,660
Kaj nur reale por simpleco,
iri kaj-- bone, kelkaj el vi

74
00:03:38,660 --> 00:03:39,660
jam havas workspaces.

75
00:03:39,660 --> 00:03:47,050
Nomu ĝin kion ajn vi want-- negoco,
Harvard, ĵaŭdo, kiom vi deziras.

76
00:03:47,050 --> 00:03:48,800
Vi ne bezonas priskribon.

77
00:03:48,800 --> 00:03:52,380
Vi povas lasi ĝin privata, se vi
jam havas faskon de workspaces.

78
00:03:52,380 --> 00:03:55,280
Se vi devis fari ĝin publika,
tio estas bone por hodiaŭa celoj.

79
00:03:55,280 --> 00:03:56,750
Tie, ankaŭ, estas unu el la upsells.

80
00:03:56,750 --> 00:03:59,939
Vi ricevas unu privata laborspaca per
defaŭlta. Sed se vi volas pli,

81
00:03:59,939 --> 00:04:00,980
Vi devi pagi pli.

82
00:04:00,980 --> 00:04:02,870
Alie, ili devigas vin
fari vian laboron publiko.

83
00:04:02,870 --> 00:04:05,600
Sed tio estas bone, ĉar ili ankaŭ
celi tion de malferma-fonto komunumoj

84
00:04:05,600 --> 00:04:07,700
por instigi homojn
fakte kunlabori.

85
00:04:07,700 --> 00:04:10,699
>> Kaj la lasta afero, ke estas grave,
tamen, estas, post vi elektas nomon

86
00:04:10,699 --> 00:04:17,140
kaj post vi elektas privata aŭ publiko,
klaku HTML5, la granda oranĝkolora piktogramon

87
00:04:17,140 --> 00:04:22,430
dua de maldekstre, kaj
Tiam klako Krei Workspace.

88
00:04:22,430 --> 00:04:24,580
Kaj ĝi probable
preni minuton,

89
00:04:24,580 --> 00:04:26,540
sed vi tiam havas
medio, iam vi

90
00:04:26,540 --> 00:04:30,544
fari tion, kiu aspektas memoras
kion mi havas sur la ekrano tie nun.

91
00:04:30,544 --> 00:04:33,210
Sed, denove, ĝi povus preni momenton
aŭ pli por atingi tiun ekranon

92
00:04:33,210 --> 00:04:34,770
iam vi klakis Krei Workspace.

93
00:04:34,770 --> 00:04:37,936
Sed nur denuncas min se vi ŝatus mi
preni rigardi ion aŭ konsili.

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

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

96
00:04:40,690 --> 00:04:42,390
Do mi tuj fono tion por nun.

97
00:04:42,390 --> 00:04:44,260
Voku min se vi ŝajnas
havas teknikajn malfacilaĵojn.

98
00:04:44,260 --> 00:04:46,210
Sed, denove, ĝi povus preni
iomete por ke malfermi.

99
00:04:46,210 --> 00:04:49,570
Kaj ni iru antaŭen kaj parolado pri kio
ĝi fakte signifas fari retpaĝon,

100
00:04:49,570 --> 00:04:52,780
kion HTML estas, kaj kiel ĉio ĉi
nun interkonektas kiel ni startanta

101
00:04:52,780 --> 00:04:54,730
por fakte uzi iuj de la teknologio.

102
00:04:54,730 --> 00:04:58,310
Do rezultas ke mi povas
iri sur mia malgranda Mac tie,

103
00:04:58,310 --> 00:05:01,650
malfermu simplan programon nomitan
TextEdit, aŭ sur Vindozo mi povis

104
00:05:01,650 --> 00:05:04,480
malfermita iu nomita Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
Kaj mi povis nur simple fari ion
kiel this-- "saluton, mondo."

106
00:05:08,260 --> 00:05:12,020
Kaj tiam mi povis savi tion kiel
hello.txt Do neniu magio ekzistas.

107
00:05:12,020 --> 00:05:15,200
Tio havas nenion komunan kun ttt
programado, nenion fari kun HTML.

108
00:05:15,200 --> 00:05:16,790
Nur kreante simpla teksta dosiero.

109
00:05:16,790 --> 00:05:20,600
Sed rezultu ke ttt
paĝo estas laŭvorte nur tio.

110
00:05:20,600 --> 00:05:24,020
Ĝi estas simpla teksta dosiero enhavanta tekston
ke vi povus tajpi en via klavaro,

111
00:05:24,020 --> 00:05:30,070
sed tipe sed ne ĉiam
finiĝas ne .txt sed .html aŭ .htm.

112
00:05:30,070 --> 00:05:32,050
Kaj vi ne nur
tajpas vortojn en la dosiero.

113
00:05:32,050 --> 00:05:35,280
Vi vere devas uzi aĵoj nomata
etikedoj aŭ, pli ĝenerale, io

114
00:05:35,280 --> 00:05:37,190
nomita markado lingvo.

115
00:05:37,190 --> 00:05:40,510
>> Do mi tuj tre rapide tajpi
kaj tiam klarigi la sekvan.

116
00:05:40,510 --> 00:05:42,290
Mi tuj unuajn
tajpi ĉi, kiu diras:

117
00:05:42,290 --> 00:05:45,730
hey, retumilo, tie venas
retpaĝo skribita en HTML.

118
00:05:45,730 --> 00:05:51,850
Kaj tiujn du aferojn kune diri, hej,
retumilo, jeno estas ja HTML.

119
00:05:51,850 --> 00:05:55,790
Hey, retumilo, jen venas la
kapo aŭ la supro de mia paĝo.

120
00:05:55,790 --> 00:05:59,900
Hey, retumilo, ene de la supro de
mia paĝo, metita titolo kiu estas "saluton,

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

122
00:06:01,610 --> 00:06:08,370
Hey, retumilo, post la kapo de mia
paĝo, tie venas la korpo de mia paĝo.

123
00:06:08,370 --> 00:06:12,170
Kaj, hej, retumilo, la korpo de mia
paĝo devus ankaŭ diri, "saluton mondo."

124
00:06:12,170 --> 00:06:15,500
Do kio estas la elstaraĵo detalojn ĉi tie?

125
00:06:15,500 --> 00:06:17,960
Tiu estas kio estas ĝenerale
nomita doc-tipo deklaro,

126
00:06:17,960 --> 00:06:20,190
kaj, sincere, ĝi estas iom
malfacile parkerigi tiun unue.

127
00:06:20,190 --> 00:06:21,481
Vi nur speco de kopii-alglui ĝin.

128
00:06:21,481 --> 00:06:23,760
Tio estas la formala maniero
diri, hey, retumilo,

129
00:06:23,760 --> 00:06:28,030
Mi uzas HTML- versio 5 kiu
elvenis iom ĵus.

130
00:06:28,030 --> 00:06:31,380
Ĝi estas magia sorcxkanto ke iuj
homoj kun malriĉa sento de dezajno

131
00:06:31,380 --> 00:06:33,640
decidis meti en la
plejsupro de la dosiero.

132
00:06:33,640 --> 00:06:35,473
Kvankam ĝi estas
iom arkaikaj, jen ĉio

133
00:06:35,473 --> 00:06:38,250
ĝi means-- hey, retumilo, tie
venas kun la versio 5 de HTML.

134
00:06:38,250 --> 00:06:41,741
>> La resto de ĉi tiu estis kun ni
por iu tempo nun, historie,

135
00:06:41,741 --> 00:06:44,740
sed jam pasis evoluis, kaj ĝi estas
verŝajne ricevas iom pli simpla.

136
00:06:44,740 --> 00:06:47,320
Rimarki kelkajn trajtojn
kion mi reliefigis.

137
00:06:47,320 --> 00:06:49,890
Ekzistas tion kun angled
brackets-- maldekstren krampo

138
00:06:49,890 --> 00:06:51,040
kaj la dekstra krampo.

139
00:06:51,040 --> 00:06:52,490
Kaj rimarki la simetrion tie.

140
00:06:52,490 --> 00:06:57,340
Kaj per simetrio, mi volas diri, kiel mi
havas tiun komencon etikedo tie aŭ malferma etikedo

141
00:06:57,340 --> 00:07:01,560
se vi volas, cxi tie mi havas
fermi etikedo aŭ finon etikedon tio

142
00:07:01,560 --> 00:07:06,460
malsamaj nur en la mezuro kiu havas ĉi
oblikvo komence de la vorto

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

144
00:07:07,360 --> 00:07:09,360
Kaj vi povas pensi
tiun mi estis indiferente

145
00:07:09,360 --> 00:07:12,280
proponante antaŭe, hej,
retumilo, tie venas iu HTML.

146
00:07:12,280 --> 00:07:16,060
Kaj inverse, hey, retumilo, tio
CXu pri la HTML-- komenco kaj fino.

147
00:07:16,060 --> 00:07:18,440
>> Dume hey, retumilo, tie
venas la kapo de mia paĝo.

148
00:07:18,440 --> 00:07:20,140
Hey, retumilo, tio estas por la kapo.

149
00:07:20,140 --> 00:07:22,240
Hey, retumilo, jen
la korpo de mia paĝo.

150
00:07:22,240 --> 00:07:24,020
Hey, retumilo, tio estas por la korpo.

151
00:07:24,020 --> 00:07:26,940
Kaj ene de tiu estas iuj
arbitra teksto nun.

152
00:07:26,940 --> 00:07:30,520
Kaj ene de la kapo, dume,
Estas iu arbitra sed etikeditaj,

153
00:07:30,520 --> 00:07:34,410
tiel diri, teksto kiu diras, la titolo
de mia paĝo estu "saluton, mondo."

154
00:07:34,410 --> 00:07:37,470
Nun, nuntempe, oni povas
supozi ke retumiloj

155
00:07:37,470 --> 00:07:41,762
havas only-- aŭ, pli ĝuste, retpaĝoj havas
nur du parts-- la kapo kaj la korpo.

156
00:07:41,762 --> 00:07:44,220
Kaj la kapo estas ĝenerale nur
kiel la menuo trinkejo, la aĵoj

157
00:07:44,220 --> 00:07:45,510
vere nur ĉe la supro.

158
00:07:45,510 --> 00:07:48,910
Kaj la korpo estas la intestoj de la paĝo,
ĉio en tiu granda rektangulo

159
00:07:48,910 --> 00:07:50,239
kiu plenigas la ekranon.

160
00:07:50,239 --> 00:07:51,780
Do mi tuj iros antaŭen kaj fari tion.

161
00:07:51,780 --> 00:07:54,400
Mi tuj iros antaŭen kaj
alklakas Konservi, Dosiero Konservi.

162
00:07:54,400 --> 00:07:58,580
Kaj mi tuj savi
tiu kiel hello.html,

163
00:07:58,580 --> 00:08:00,870
kaj mi simple tuj
metu ĝin sur mia labortablo.

164
00:08:00,870 --> 00:08:03,520
Kaj mi tuj iros
antaŭen kaj klaku Save.

165
00:08:03,520 --> 00:08:05,806
Kaj notice-- mia Mac ĉe
Almenaŭ estas kriante al mi.

166
00:08:05,806 --> 00:08:07,180
Ĉu vi certas ke vi volas fari tion?

167
00:08:07,180 --> 00:08:08,710
Kaj mi tuj diros, jes, uzi HTML.

168
00:08:08,710 --> 00:08:10,400
Mi scias pli bone en ĉi tiu kazo.

169
00:08:10,400 --> 00:08:14,686
Kaj nun mi tuj iros al mia labortablo
kie mi havas tiun dosieron subite.

170
00:08:14,686 --> 00:08:16,060
Kaj mi tuj duobligi-klaki ĝin.

171
00:08:16,060 --> 00:08:18,268
Kaj vi rimarkos ke,
Defaŭlte, Chrome malfermiĝis.

172
00:08:18,268 --> 00:08:19,996
Tio estas ĉar tio
mia defaŭlta retumilo.

173
00:08:19,996 --> 00:08:21,370
Kaj ĝi simple diras, "saluton, mondo."

174
00:08:21,370 --> 00:08:23,078
Sed diras "saluton,
mondo "en du lokoj.

175
00:08:23,078 --> 00:08:23,979
Rimarki supre maldekstre.

176
00:08:23,979 --> 00:08:25,020
Sufiĉe malfacile preterlasi tion.

177
00:08:25,020 --> 00:08:26,180
Estas granda kaj aŭdaca.

178
00:08:26,180 --> 00:08:30,690
Kaj kie ajn ĝi ŝajnas
diri, "saluton, mondo"?

179
00:08:30,690 --> 00:08:31,470
>> Spektantaro: La langeto.

180
00:08:31,470 --> 00:08:33,100
>> DAVID J. Malan: Jes, la langeto mem.

181
00:08:33,100 --> 00:08:35,159
Do kiam mi diris la kapo de la
paĝo estas ĉio supren top--

182
00:08:35,159 --> 00:08:36,367
kaj ĝuste ĉi tiu estas la titolo.

183
00:08:36,367 --> 00:08:37,710
Estas nur en la langeto tie.

184
00:08:37,710 --> 00:08:40,320
Kaj mi povas tiri tiun langeto
eksteren por ne konfuzi.

185
00:08:40,320 --> 00:08:43,360
Tiu estas nur unu langeto nun,
kaj ja vidas "saluton, mondo"

186
00:08:43,360 --> 00:08:45,970
ĝis ĉi tie kaj "saluton, mondo" malsupren tie.

187
00:08:45,970 --> 00:08:47,160
Tiel bela simpla.

188
00:08:47,160 --> 00:08:49,050
Sed estas ankaŭ sufiĉe simpla.

189
00:08:49,050 --> 00:08:50,440
Kaj, fakte, mi zomis je.

190
00:08:50,440 --> 00:08:53,272
Mi povas ŝanĝi la tiparon grandeco nur
altigi por alirebleco.

191
00:08:53,272 --> 00:08:56,830
Sed ni nun faros ion
iom pli interesa.

192
00:08:56,830 --> 00:08:59,760
>> Mi tuj go-- whoops, lasu
Mi reiros al mia tekstdosiero.

193
00:08:59,760 --> 00:09:02,400
Mi tuj revenos al mia
teksta dosiero, kaj mi tuj

194
00:09:02,400 --> 00:09:06,320
ŝanĝi tion kaj diri
"Saluton, Disney World."

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

196
00:09:07,970 --> 00:09:10,919
Kaj reiri al mia
retumilo kaj klaku Reŝarĝi.

197
00:09:10,919 --> 00:09:12,710
Kaj nun, kompreneble, ĝi
diras "Disney World."

198
00:09:12,710 --> 00:09:15,500
Kaj mi tuj artefarite zomi
en nur tiel ĝi estas pli facile vidi.

199
00:09:15,500 --> 00:09:19,012
Do nun, bedaŭrinde, mi specon de volas
to-- fakte, jen Mac karakterizaĵo.

200
00:09:19,012 --> 00:09:21,720
Mi volas alklaki Disney Mondo
kaj iri #ie kiel disney.com,

201
00:09:21,720 --> 00:09:23,290
sed tio ne funkcias.

202
00:09:23,290 --> 00:09:26,850
Tiel baza dogmo de la retejo estas
hiperligiloj, ligoj kiuj iras aliloke.

203
00:09:26,850 --> 00:09:28,390
Do kiel mi faru tion?

204
00:09:28,390 --> 00:09:34,690
Nu, mi povus simple diri,
"Saluton, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Savi tiun.

206
00:09:36,110 --> 00:09:37,620
Reŝarĝi.

207
00:09:37,620 --> 00:09:39,400
Sed tiu ankaŭ ne traktata.

208
00:09:39,400 --> 00:09:42,930
Kaj kio estas bela ĉi tie, eĉ se
tio ne funkciaj ankoraŭ,

209
00:09:42,930 --> 00:09:45,930
estas ke ĝi similas ke la
retumilo laŭvorte nur faras

210
00:09:45,930 --> 00:09:46,950
kion mi diros ĝin fari.

211
00:09:46,950 --> 00:09:50,110
Do se mi nur tajpas URL tiel,
ĝi estas nur tuj montros al mi la adreson.

212
00:09:50,110 --> 00:09:54,270
Mi bezonas uzi etikedoj aŭ markado
lingvo efektive diri

213
00:09:54,270 --> 00:09:55,621
la retumilo fari eĉ pli.

214
00:09:55,621 --> 00:09:57,870
Do mi tuj iros antaŭen kaj
forviŝi ĉi momente.

215
00:09:57,870 --> 00:10:00,980
Kaj mi tuj diros, hej,
retumilo, starti ankron tie,

216
00:10:00,980 --> 00:10:02,650
ligilon por tiel diri.

217
00:10:02,650 --> 00:10:07,500
Kaj la hiper-referenco, la destino
de tiu ankro, estu tiu URL.

218
00:10:07,500 --> 00:10:08,750
Kaj rimarki mian citaĵoj.

219
00:10:08,750 --> 00:10:11,590
Mi povus uzi solan citaĵoj, tro,
sed vi devas esti konsekvenca,

220
00:10:11,590 --> 00:10:14,270
kaj mi ĝenerale nur uzas
citiloj teni ĝin simpla.

221
00:10:14,270 --> 00:10:16,820
Rimarku mi tuj fermi la etikedo.

222
00:10:16,820 --> 00:10:21,160
Kaj tiam ĉi tie mi iras
diri, "Disney World."

223
00:10:21,160 --> 00:10:26,890
Kaj nun mi bezonas symmetry--
malferma krampo, / al, fermita krampo.

224
00:10:26,890 --> 00:10:28,090
>> Do kion mi enkondukis?

225
00:10:28,090 --> 00:10:30,100
Ni havis kelkajn etikedoj jam.

226
00:10:30,100 --> 00:10:32,410
HTML, kapo, titolo, Korpo,
ĉiuj etikedoj, por tiel diri,

227
00:10:32,410 --> 00:10:34,280
kun malferma kaj fermita ekvivalentoj.

228
00:10:34,280 --> 00:10:36,530
Sed rimarki, ĉi tiu estas speco
de fundamente malsamaj.

229
00:10:36,530 --> 00:10:39,140
Jen kion ni nomas
en HTML atributo.

230
00:10:39,140 --> 00:10:41,451
Kaj atributo estas
nur klavo valoro paro.

231
00:10:41,451 --> 00:10:43,950
Tiu estas komuna afero en
komputilo science-- ŝlosilo valoro paro.

232
00:10:43,950 --> 00:10:45,770
Ĝi estas speco de la ilo de la komerco.

233
00:10:45,770 --> 00:10:47,040
Ŝlosila kaj valoro.

234
00:10:47,040 --> 00:10:49,390
Vorto kaj tiam iuj
alia vorto aŭ vortoj.

235
00:10:49,390 --> 00:10:53,790
Kaj en tiu kazo, la ŝlosilo estas href,
kaj la valoro estas tiu plena URL.

236
00:10:53,790 --> 00:10:57,890
Kaj kio atributo faras estas ĝi
influas la konduton de etikedo.

237
00:10:57,890 --> 00:11:01,010
Kaj en ĉi tiu kazo, ni bezonas influi
la konduto de la ankron etikedo,

238
00:11:01,010 --> 00:11:04,140
ĉar ni bezonas ankrumi
tiu ligilo al ie.

239
00:11:04,140 --> 00:11:06,960
Kaj kiel vi faros tion estas
tra la atributo.

240
00:11:06,960 --> 00:11:08,970
>> Do mi tuj iros antaŭen
kaj savu la dosieron nun.

241
00:11:08,970 --> 00:11:11,300
Reiru al mia retumilo kaj Reload.

242
00:11:11,300 --> 00:11:14,580
Kaj, voila, ni nun havas la
komencoj de legitima retpaĝo.

243
00:11:14,580 --> 00:11:18,420
Super-simpla, sed se mi ŝvebi super
this-- rimarki en la fundo-maldekstra angulo,

244
00:11:18,420 --> 00:11:19,830
ĝi estas super-malgranda.

245
00:11:19,830 --> 00:11:21,730
Sed vi vidos www.disney.com.

246
00:11:21,730 --> 00:11:27,076
Kaj se mi klakas ĝin, ja tiu
whisks min for al disney.com.

247
00:11:27,076 --> 00:11:29,380
Nun, la kurioza afero
tie estas ke ĝi estas ne

248
00:11:29,380 --> 00:11:33,940
la best-- la plej comercializable URL, sed
tio estas bone ĉar ĉi dosiero ne

249
00:11:33,940 --> 00:11:35,360
ekzistas sur la TTT.

250
00:11:35,360 --> 00:11:39,740
Ekzistas kiel loka dosiero en ŝajne
mia Uzantoj directory / jharvard--

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

252
00:11:41,890 --> 00:11:42,634
Sed ĝi havas URL.

253
00:11:42,634 --> 00:11:43,800
Ĝi nur hazarde estas loka.

254
00:11:43,800 --> 00:11:47,050
Bedaŭrinde, neniu el vi povas viziti
tiu, ĉar se vi tajpas ĉi URL

255
00:11:47,050 --> 00:11:49,980
vi estus rakontanta via retumilo,
serĉi dosiero nomata hello.html

256
00:11:49,980 --> 00:11:50,772
sur via malfacila stirado.

257
00:11:50,772 --> 00:11:53,271
Kaj, kompreneble, se vi havas
estis sekvante kune permane,

258
00:11:53,271 --> 00:11:54,530
ĝi ne tuj ekzistos tie.

259
00:11:54,530 --> 00:11:55,190
>> Do tio estas bone.

260
00:11:55,190 --> 00:11:57,815
Ni ankoraŭ bezonas manieron, finfine,
akiri tiun dosieron en la reto,

261
00:11:57,815 --> 00:12:01,180
sed ni turmentus aparte kelkajn
sekureco implikaĵoj de kio ni ĵus

262
00:12:01,180 --> 00:12:04,850
vidis kaj ligi ĝin al la pli frua
diskuto de ĉimatene.

263
00:12:04,850 --> 00:12:08,200
Ĝi rezultas ke, se
retumilo laŭvorte simple faras

264
00:12:08,200 --> 00:12:12,560
kion mi diras ĝin fari, kaj ŝajnas
esti la kazo ke ankron etikedo

265
00:12:12,560 --> 00:12:17,380
influita de la valoro de
ĉi atributo nomata href

266
00:12:17,380 --> 00:12:20,810
sed montras ĉi
teksto, tio ŝajnus

267
00:12:20,810 --> 00:12:26,520
implici ke mi povus meti la URL
en ambaŭ lokoj kaj tiam reŝarĝi

268
00:12:26,520 --> 00:12:29,100
kaj nun vidas la URL kaj iri al la URL.

269
00:12:29,100 --> 00:12:32,680
Avizo, se mi ŝvebi super la malsupro-maldekstran,
Mi ja iros ankoraŭ al disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Do se vi iam estis
phished-- P-H-mi-S-H-Kaj-D--

271
00:12:38,340 --> 00:12:42,820
kun unu el tiuj falsaj retpoŝtojn
de kiel PayPal via banko,

272
00:12:42,820 --> 00:12:46,470
vi probable alvenas ligiloj interne
de la retpoŝton ke vi legas ke

273
00:12:46,470 --> 00:12:49,970
rakontas al vi klaku ĉi tie por konfirmi
vian pasvorton aŭ konfirmi vian naskiĝo

274
00:12:49,970 --> 00:12:53,840
aŭ socia aŭ io socie
inĝenierio vin malkaŝi

275
00:12:53,840 --> 00:12:54,920
informo.

276
00:12:54,920 --> 00:12:57,625
Nu, mi povus ia preni
avantaĝo de tio, ne povis mi?

277
00:12:57,625 --> 00:13:01,240
Mi povus diri ion
kiel, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
Kaj anstataŭ disney.com mi
povus iri al, kiel, badguy.com.

279
00:13:11,340 --> 00:13:12,850
Reŝarĝi.

280
00:13:12,850 --> 00:13:16,620
Kaj kiel facile estas por trompi,
precipe ne-teknika leganto

281
00:13:16,620 --> 00:13:20,649
aŭ cursorily legaĵo
leganto ol alklaki

282
00:13:20,649 --> 00:13:23,940
ligilon kiel tiu, kiu, se mi klakas it--
Mi vere ne volas iri badguy.com.

283
00:13:23,940 --> 00:13:25,398
Mi ne scias kio estas reale ekzistas.

284
00:13:25,398 --> 00:13:30,080
Tiel paypal.com, avizo, estas
kion diras ŝin tuj,

285
00:13:30,080 --> 00:13:33,210
sed kompreneble, se mi rigardas malsupren
super-malalta, ĝi estas iom neklara,

286
00:13:33,210 --> 00:13:34,230
sed diras badguy.com.

287
00:13:34,230 --> 00:13:38,644
Tio estas la sola diri nun
ke mi iras al la malĝusta loko.

288
00:13:38,644 --> 00:13:41,560
Kaj kiam mi diris antaŭe, ke bankoj
vere ne devus kuraĝigi aŭ trejni

289
00:13:41,560 --> 00:13:44,510
uzantoj en klakante ligojn, tiu
Estas nur unu manifestiĝo de ĝi.

290
00:13:44,510 --> 00:13:45,430
Kaj ĝi estas simpla.

291
00:13:45,430 --> 00:13:48,120
Vi nun kontraŭulo se
vi fari ion kiel tiu

292
00:13:48,120 --> 00:13:51,000
kaj provi trompi uzanto
en vizitante vian retejon.

293
00:13:51,000 --> 00:13:53,320
Sed nuntempe, ni konservos
aferojn bela kaj pura.

294
00:13:53,320 --> 00:13:55,640
Ni tuj iru antaŭen
kaj malantaŭenigi tiujn ŝanĝojn.

295
00:13:55,640 --> 00:13:56,530
Reŝarĝi la paĝon.

296
00:13:56,530 --> 00:13:57,740
Kaj mi reiros al disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Ni vidu se ni ne povas turmentus
ĉi dise iom pli.

298
00:14:00,660 --> 00:14:04,160
Do "saluton, Disney World."

299
00:14:04,160 --> 00:14:05,950
Mi tuj diros tie.

300
00:14:05,950 --> 00:14:08,220
Eble mi tuj faros iu ĉambro.

301
00:14:08,220 --> 00:14:12,730
"Ni esperas ke vi ĝuos vian restadon!"

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

303
00:14:13,830 --> 00:14:15,850
Reŝarĝi.

304
00:14:15,850 --> 00:14:19,010
Ĝi ne rea-- tio ne
kion mi celas, ĉu ne?

305
00:14:19,010 --> 00:14:21,870
Mi volas diri, se mi traktas mian tekston
dosieron kiel vorto procesoro,

306
00:14:21,870 --> 00:14:24,894
kion vi esperas okazus tie?

307
00:14:24,894 --> 00:14:27,060
Yeah, Mi sentas ŝatas
devus esti linerompo tie,

308
00:14:27,060 --> 00:14:28,799
do ĝi sentas kalesxo iel.

309
00:14:28,799 --> 00:14:31,090
Sed tio vere intenca,
ĉar kiel antaŭe,

310
00:14:31,090 --> 00:14:33,381
la retumilo estas nur iranta
do kion vi diros ĝin fari.

311
00:14:33,381 --> 00:14:34,806
Mi ne sciigis lin rompi liniojn.

312
00:14:34,806 --> 00:14:37,930
Mi ne sciigis lin moviĝi malsupren, eĉ
kvankam, intuicie, mi sentas kiel mi faris.

313
00:14:37,930 --> 00:14:39,805
Do rezultas ni bezonas
iom pli markado,

314
00:14:39,805 --> 00:14:41,390
kaj mi tuj ripari tion kiel sekvas.

315
00:14:41,390 --> 00:14:46,160
Mi tuj antaŭparolo tiun unuan saluton
kun kio nomiĝas paragrafo etikedo.

316
00:14:46,160 --> 00:14:48,920
Kaj tiam mi iros por antaŭeniri
kaj envolver tiu alia frazo

317
00:14:48,920 --> 00:14:54,370
en alia alineo etikedo, kvankam
ili estas super-mallongaj alineoj.

318
00:14:54,370 --> 00:14:55,930
Nun mi iros por savi.

319
00:14:55,930 --> 00:14:57,160
Reŝarĝi.

320
00:14:57,160 --> 00:14:59,070
Kaj nun ni havas tion
spaco, kaj ni ia

321
00:14:59,070 --> 00:15:01,680
havas la semantiko de
du apartaj paragrafoj.

322
00:15:01,680 --> 00:15:05,290
>> Jen ĉio bone kaj bona, sed farus
agrabla aldoni bildon al tiu paĝo,

323
00:15:05,290 --> 00:15:08,710
do mi tuj iros serĉi
Mickey Mouse en Google Images.

324
00:15:08,710 --> 00:15:12,830
Kaj simple por amuzo, mi estas
tuj kapti tiun bildon.

325
00:15:12,830 --> 00:15:15,350
Mi tuj iros antaŭen nun kaj
ekpreni la URL de ĉi tiu bildo,

326
00:15:15,350 --> 00:15:16,510
kvankam ekzistas malsamaj
rimedoj por tio.

327
00:15:16,510 --> 00:15:18,520
Nuntempe, mi simple tuj kopii la URL.

328
00:15:18,520 --> 00:15:24,770
Mi tuj reiri en mian tekston
dosiero, kaj mi tuj diros tie,

329
00:15:24,770 --> 00:15:31,160
img src = citaĵo unquote
ke URL, ekstra-longa.

330
00:15:31,160 --> 00:15:34,580
Kaj tiam la nocio de
bildo estas iom malsamaj.

331
00:15:34,580 --> 00:15:38,640
Ekzistas vere neniu nocio de startanta
bildon kaj finante bildon,

332
00:15:38,640 --> 00:15:40,630
kiel komenco tag finon etikedon.

333
00:15:40,630 --> 00:15:43,840
Do ĝi sentas iom stranga al
mi semantike fari tion,

334
00:15:43,840 --> 00:15:45,390
havi proksiman-bildo etikedo.

335
00:15:45,390 --> 00:15:46,780
Ĝi ne malĝusta.

336
00:15:46,780 --> 00:15:48,840
Ĝi estas perfekte ĝusta,
kaj ĝin instigis,

337
00:15:48,840 --> 00:15:50,870
sed estas stenografio skribmaniero.

338
00:15:50,870 --> 00:15:53,780
Mi povas ia samtempe
malfermi kaj fermi la sama etikedo,

339
00:15:53,780 --> 00:15:55,510
kaj kiu faros la retumilo feliĉaj.

340
00:15:55,510 --> 00:15:56,950
Do estas nur iomete
pli konciza por aĵoj

341
00:15:56,950 --> 00:15:59,408
ke koncepte vere ne
sencon al komenco kaj fino.

342
00:15:59,408 --> 00:16:01,190
Ili simple estas tie, aŭ ili ne estas.

343
00:16:01,190 --> 00:16:06,020
>> Do mi tuj savi ĉi kaj reiru
al mia "saluton, mondo" paĝo kaj Reload.

344
00:16:06,020 --> 00:16:09,880
Kaj ĝi estas iom ekstere de kontrolo,
ĉar tiu bildo estas fakte

345
00:16:09,880 --> 00:16:12,210
iom granda, sed tio estas bone.

346
00:16:12,210 --> 00:16:13,710
Mi povus regrandigi ĝin en programo.

347
00:16:13,710 --> 00:16:14,900
Aŭ vi scias kion.

348
00:16:14,900 --> 00:16:17,350
Nur pruvi, mi estas
tuj reale diri

349
00:16:17,350 --> 00:16:21,760
ke la larĝeco de la afero devus
nur 200 rastrumeroj, 200 punktoj.

350
00:16:21,760 --> 00:16:24,360
Lasu min antaŭeniri kaj savi
kaj reŝarĝi, kaj nun la paĝo

351
00:16:24,360 --> 00:16:25,690
aspektas iom pli racia.

352
00:16:25,690 --> 00:16:27,260
Sed rimarki la mastron.

353
00:16:27,260 --> 00:16:30,030
Nu, mi ia instruis vin ĉiujn
de HTML iusence, almenaŭ

354
00:16:30,030 --> 00:16:33,531
koncepte, ĉar ĉiuj HTML estas estas
tiuj tags-- malfermitaj etikedoj, fermitaj etikedoj,

355
00:16:33,531 --> 00:16:35,280
kaj ecoj ke
modifi sian konduton.

356
00:16:35,280 --> 00:16:38,380
Kaj, ŝajne, ĉiu
etikedo povas havi nul aŭ unu

357
00:16:38,380 --> 00:16:43,005
aŭ du aŭ pli atributojn, ĉiu el
kiu faras iun iom malsama.

358
00:16:43,005 --> 00:16:44,380
Nun, kiel vi scias, kio ekzistas?

359
00:16:44,380 --> 00:16:46,800
Aŭskultu do iu
kiel mi diras al vi, kio ekzistas,

360
00:16:46,800 --> 00:16:50,860
aŭ vi simple Google ĉirkaŭe por lernilo
en HTML, kaj ĝi vere estas tiu simpla.

361
00:16:50,860 --> 00:16:54,030
>> Vere, kiam mi estis studentoj de
jaroj kaj lernis HTML,

362
00:16:54,030 --> 00:16:56,530
unu el miaj matematikaj instruado
helpantoj ĵus pasigis

363
00:16:56,530 --> 00:16:59,600
iomete da tempo Tutoring mi
cxar kiel duonhoro, horo,

364
00:16:59,600 --> 00:17:00,660
kaj tiam mi estis sur mia vojo.

365
00:17:00,660 --> 00:17:03,300
Mi estis sur mia vojo al faranta
la plej malbelega retejoj ĉiam,

366
00:17:03,300 --> 00:17:05,549
kiu, ŝajne, mi ne
vere progresis preter.

367
00:17:05,549 --> 00:17:09,849
Sed la punkto estas ke, kiam oni
kompreni tiujn simplajn ideas--

368
00:17:09,849 --> 00:17:13,450
se arcano text-- sed tiuj simplaj
ideoj komenci penso

369
00:17:13,450 --> 00:17:15,960
kaj fermante penso, tenanta
ĉio bele balancita,

370
00:17:15,960 --> 00:17:19,150
rigardante ion, modifante la
konduton de tiu etikedo, jen vere ĉiuj

371
00:17:19,150 --> 00:17:20,079
oni devas ĝin.

372
00:17:20,079 --> 00:17:28,140
Kaj fakte, se ni nun iru al
io kiel google.com-- fakte,

373
00:17:28,140 --> 00:17:31,920
ni iru lokon iom pli
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
Kaj mi tuj iros al Rigardu,
Developer, Vidi Fonto.

375
00:17:37,800 --> 00:17:41,400
Ĝi estas malbela, sed notice--
kaj mi zomi en avizo

376
00:17:41,400 --> 00:17:43,432
iuj aĵoj estas familiara jam.

377
00:17:43,432 --> 00:17:45,140
Ekzistas ĉi tie,
kiu estas retumilo.

378
00:17:45,140 --> 00:17:46,800
Jen venas HTML5.

379
00:17:46,800 --> 00:17:47,634
Tie estas HTML.

380
00:17:47,634 --> 00:17:49,550
Ŝajne, ekzistas
atribui mi ne

381
00:17:49,550 --> 00:17:51,540
uzi kiu specifas la
lingvo de la paĝo,

382
00:17:51,540 --> 00:17:54,380
kaj tiu povas helpi kun aŭtomata
traduko kaj da tio.

383
00:17:54,380 --> 00:17:55,546
Jen la kapo de la paĝo.

384
00:17:55,546 --> 00:17:57,790
Jen la titolo de Stanford pagxo.

385
00:17:57,790 --> 00:17:59,832
Ekzistas etikedo mi ne
paroli pri yet-- Meta etikedo.

386
00:17:59,832 --> 00:18:01,540
Ĝi estas nur ia
fono informo.

387
00:18:01,540 --> 00:18:04,210
Ĝi helpas kun SEO, aŭ
serĉo-motoro optimization,

388
00:18:04,210 --> 00:18:06,320
aŭ Google-serĉrezultoj aŭ similaj.

389
00:18:06,320 --> 00:18:09,029
Sed se ni plenumas rigardante, Teni
rigardante, jen la Korpo etikedo.

390
00:18:09,029 --> 00:18:11,570
Kaj estas aroj da aliaj
etikedoj ni ne parolis pri ankoraŭ.

391
00:18:11,570 --> 00:18:13,750
Sed Div estas el unu
divido de la paĝo.

392
00:18:13,750 --> 00:18:16,680
Estas kiel nevidebla rektangulo
se ia volas mense

393
00:18:16,680 --> 00:18:20,160
dividu vian paĝon al
malsamaj unuoj rete.

394
00:18:20,160 --> 00:18:22,650
Kaj tiam multa divs mi
vidu, iu nomita Klaso,

395
00:18:22,650 --> 00:18:24,440
sed ni revenos al tio.

396
00:18:24,440 --> 00:18:26,200
>> Jen interesting-- Formoj.

397
00:18:26,200 --> 00:18:27,730
Formoj estas ĉiuj super la araneaĵo.

398
00:18:27,730 --> 00:18:30,310
Ajna sercxilo vi
iam uzata estas formo.

399
00:18:30,310 --> 00:18:31,490
Kaj, do, ni vere vidos.

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

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

402
00:18:33,910 --> 00:18:37,660
La agado de tiu formo, por kiaj
historiaj kialoj, estas tiu URL.

403
00:18:37,660 --> 00:18:38,840
Metodo estas "post."

404
00:18:38,840 --> 00:18:44,060
Rezultas ke HTTP petojn povas uzi
la verbo "preni" kiel ni vidis antaŭe,

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

406
00:18:45,070 --> 00:18:47,030
Kaj vidos diferenco
de tiu en momento.

407
00:18:47,030 --> 00:18:48,363
Ni vere vidos, kia estas.

408
00:18:48,363 --> 00:18:49,830
Lasu min reiri al Stanfordo pagxo.

409
00:18:49,830 --> 00:18:53,330
Kia estas ili parolas
pri, vi pensas?

410
00:18:53,330 --> 00:18:54,485
Kio elsaltas ĉe vi?

411
00:18:54,485 --> 00:18:54,970
>> Spektantaro: Serĉu skatolo.

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

413
00:18:55,845 --> 00:18:58,410
Tiel supre ĉe la supra dekstra
jen tiu Serĉu skatolo.

414
00:18:58,410 --> 00:19:02,441
Kaj tiel ili implementado it-- a
etikedo jen laŭvorte malferma-krampo formo.

415
00:19:02,441 --> 00:19:03,940
Kaj tiam ni serĉu ion.

416
00:19:03,940 --> 00:19:09,220
Ni serĉu por amikon
de mine-- "Nick Parlante."

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

418
00:19:11,380 --> 00:19:13,750
Kaj kompreneble, ĝi iris al
iomete malsaman URL.

419
00:19:13,750 --> 00:19:15,140
Lasu min reiri tien.

420
00:19:15,140 --> 00:19:18,960
Ni serĉu por "kursoj".

421
00:19:18,960 --> 00:19:19,460
Damnu ĝin.

422
00:19:19,460 --> 00:19:20,484
Iris al malsama retadreso.

423
00:19:20,484 --> 00:19:23,400
Do, Stanfordo la aldonanta kelkajn magiajn
ke ili ne prenas al mi la URL

424
00:19:23,400 --> 00:19:25,820
ke ni vidis en la
ago atributo tie.

425
00:19:25,820 --> 00:19:32,480
Sed tiun formon ĉi tie estas implementado pure
tra ĉi markado tie, tiuj etikedoj.

426
00:19:32,480 --> 00:19:35,710
Fakte, jen la enigo por
la tipo de serĉo kiun vi volas.

427
00:19:35,710 --> 00:19:38,940
Tie estas la enigo al
alia tipo de serĉo.

428
00:19:38,940 --> 00:19:41,960
Tie estas la enigo al la kordo mem.

429
00:19:41,960 --> 00:19:45,394
Do la celo ne volvi
niaj mensoj ĉirkaŭ ĉiu el tiuj etikedoj

430
00:19:45,394 --> 00:19:46,060
sed nur por vidi.

431
00:19:46,060 --> 00:19:48,300
Ĝi simple malfermante kaj fermante
etikedoj kaj rigardante aĵojn.

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

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

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

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

436
00:19:51,925 --> 00:19:53,550
DAVID J. Malan: Bona demando.

437
00:19:53,550 --> 00:19:54,660
Ke estas iom pli delikata vidi.

438
00:19:54,660 --> 00:19:56,300
Lasu min reveni al tiu
demando en nur kelkaj minutoj

439
00:19:56,300 --> 00:19:59,000
Kiam ni rigardas ion nomatan
CSS, aŭ akvofalo stilo littukojn,

440
00:19:59,000 --> 00:20:02,500
kaj ni povas provi konkludi
tiel de la paĝo.

441
00:20:02,500 --> 00:20:08,090
Do se ni nun rigardu google.com,
ni vidu kion lia paĝo aspektas.

442
00:20:08,090 --> 00:20:09,840
Vi they're-- jen bela hodiaŭ.

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

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

445
00:20:12,990 --> 00:20:13,690
Ĉiuj farita.

446
00:20:13,690 --> 00:20:15,260
Bone, do View Source.

447
00:20:15,260 --> 00:20:19,590
Vi pensus Google
vere bela fontkodo.

448
00:20:19,590 --> 00:20:24,970
Do, ŝajne, kio okazas ĉi tie?

449
00:20:24,970 --> 00:20:27,880
Kaj fakte, tio ne eĉ HTML.

450
00:20:27,880 --> 00:20:30,930
Tio estas io nomata Ĝavoskripto.

451
00:20:30,930 --> 00:20:32,344
Kaj ni plu iri kaj iri.

452
00:20:32,344 --> 00:20:34,010
Mi eĉ ne scias kie la paĝo komenciĝas.

453
00:20:34,010 --> 00:20:37,240
Mi tuj uzos Komando
F, malferma krampo HTML.

454
00:20:37,240 --> 00:20:38,200
Bone, tie ĝi estas.

455
00:20:38,200 --> 00:20:44,150
Mi trovis la komenco de la paĝo, kaj
estas tiom da aĵoj en ĉi tie.

456
00:20:44,150 --> 00:20:45,310
>> Kio fakte okazas?

457
00:20:45,310 --> 00:20:47,460
Nu, vi scias kion,
ni povas purigi ĉi supre.

458
00:20:47,460 --> 00:20:52,109
Se mi anstataŭ iri al tiu Inspekti
ilobreton, tiu speciala diagnoza ilo,

459
00:20:52,109 --> 00:20:54,150
Kaj ne komunikigxu al Network,
kie ni daǔre iranta hodiaŭ,

460
00:20:54,150 --> 00:20:56,420
sed se mi iras al Elementoj,
kio estas vere bela

461
00:20:56,420 --> 00:20:59,990
estas ke retumilo havas multajn
multe pli bone okulojn ol mi.

462
00:20:59,990 --> 00:21:02,670
Kaj la retumilo povas legi
ke salaton de retpaĝo,

463
00:21:02,670 --> 00:21:04,700
ke HTML poŝto ni ĵus
rigardis, kaj ĝi povas

464
00:21:04,700 --> 00:21:08,340
analizi ĝin aŭ legi kaj
analizi ĝin kaj reformatear ĝi

465
00:21:08,340 --> 00:21:09,910
en bela homa-amika maniero.

466
00:21:09,910 --> 00:21:11,740
Do kion mi vidas nun
en tiu ekrano tie

467
00:21:11,740 --> 00:21:15,470
sub Elementoj, la ĝusta sama enhavo,
sed ili dentado ĉio,

468
00:21:15,470 --> 00:21:18,140
ili jam colorized ĝin, sed
ĝi estas la ĝusta sama teksto

469
00:21:18,140 --> 00:21:19,620
ke mi elŝutis de la servilo.

470
00:21:19,620 --> 00:21:23,630
>> Kaj kio estas bela hodiaŭ estas mi povas vidi
en la korpo, por instance-- avizo,

471
00:21:23,630 --> 00:21:26,480
la paĝo estas ankoraŭ kunmetita
de nur kapo kaj korpo,

472
00:21:26,480 --> 00:21:28,660
kaj mi povas hierarkie plonĝi en tie.

473
00:21:28,660 --> 00:21:32,420
Rimarku ke Google ŝajnas havi
al divs-- ĉi tiu kaj ĉi tiu.

474
00:21:32,420 --> 00:21:33,310
Mi povas pligrandigi tion.

475
00:21:33,310 --> 00:21:35,370
Ekzistas tuta aro da aliaj divs.

476
00:21:35,370 --> 00:21:36,900
Do ĝi estas iom kompleksa.

477
00:21:36,900 --> 00:21:37,400
Sed atendi.

478
00:21:37,400 --> 00:21:40,970
Tio ŝajnas tiom pli
legebla, relative, ol tiu.

479
00:21:40,970 --> 00:21:43,840
Kial Google hontinda
sin per nur sendado

480
00:21:43,840 --> 00:21:50,400
tiu grandega katastrofo de kodo de iuj
speco nur apliki ion

481
00:21:50,400 --> 00:21:53,640
kiu aspektas tiel simpla unuavide?

482
00:21:53,640 --> 00:21:55,270
Kiel, kial ne ili aldonos pli spacoj?

483
00:21:55,270 --> 00:21:56,811
Kial ne ili batis Enter kiel mi faris?

484
00:21:56,811 --> 00:21:59,110
Aspektas kiel bona mi trovis
ĉe skribado retpaĝo.

485
00:21:59,110 --> 00:22:00,680
Mi batis Enter tiel diligente.

486
00:22:00,680 --> 00:22:03,760
Mi dentado do ĉio
estas tiel bela kaj legebla.

487
00:22:03,760 --> 00:22:08,463
Kial Google ne praktikas la sama?

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

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

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

491
00:22:13,180 --> 00:22:14,270
Tre bela.

492
00:22:14,270 --> 00:22:16,650
Ili ne havas iun
persono ĉe Google permane

493
00:22:16,650 --> 00:22:18,160
ĝisdatigi la ĉefpaĝon anymore.

494
00:22:18,160 --> 00:22:20,010
Ĝi ne 1999 anymore.

495
00:22:20,010 --> 00:22:21,140
Do ili havas programaron.

496
00:22:21,140 --> 00:22:25,397
Ili havas aliajn ilojn kiuj
generi dinamike ili estas HTML.

497
00:22:25,397 --> 00:22:27,480
Kompreneble, ke kodo
estis skribita de homoj,

498
00:22:27,480 --> 00:22:30,220
sed la realaĵo estas,
estas tute ĝuste diri,

499
00:22:30,220 --> 00:22:33,340
la retumilo certe ne
gravas kiom senorda la kodo estas.

500
00:22:33,340 --> 00:22:35,940
Sed estas eĉ pli
deviganta teknika kialo

501
00:22:35,940 --> 00:22:42,580
ke Google distribuas iliajn HTML
kodo en tia fuŝa, ŝajne

502
00:22:42,580 --> 00:22:48,350
superforta maniero ĉiuj pakitaj kune
kun tre malmulta bare malmulte

503
00:22:48,350 --> 00:22:51,274
en la vojo de formatting kiel mi faris.

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

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

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

507
00:22:54,040 --> 00:22:55,680
Kaj kion vi diris, Lydia?

508
00:22:55,680 --> 00:22:56,240
Rapida?

509
00:22:56,240 --> 00:22:57,281
Kial rapida?

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

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

512
00:23:00,522 --> 00:23:02,230
DAVID J. Malan: Estas
neniu spaco por legi.

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

514
00:23:02,730 --> 00:23:04,560
Do pensu pri kia spaco estas.

515
00:23:04,560 --> 00:23:08,394
Do ĉiu karaktero sur la klavaro prenas
iu kvanto de spaco por reprezenti,

516
00:23:08,394 --> 00:23:10,560
ĉu fizike, kiel ĝi
okupas tiom da spaco,

517
00:23:10,560 --> 00:23:13,250
aŭ iel sub la
kapuĉo, kiu postulas memoro.

518
00:23:13,250 --> 00:23:15,740
Kaj kiel aside-- kaj ni
paroli pli pri tio tomorrow--

519
00:23:15,740 --> 00:23:19,930
ĉiu karaktero sur la klavaro
tipe postulas 8 bitoj, aŭ unu bajto.

520
00:23:19,930 --> 00:23:23,360
Tiel mastro de 8 nuloj aŭ
, aŭ nur 1 bajto, kiel ni

521
00:23:23,360 --> 00:23:24,720
homoj devus tipe diri.

522
00:23:24,720 --> 00:23:27,690
Do jen malgranda, sed
ĝi estas ankoraŭ ne-nulo.

523
00:23:27,690 --> 00:23:29,940
Estas ankoraŭ iuj kvanto de spaco.

524
00:23:29,940 --> 00:23:36,082
Do se inĝeniero aŭ Google trafas
la spaco trinkejo nur unufoje, kaj supozu

525
00:23:36,082 --> 00:23:38,540
Google-- estas super- popular--
supozu ke miliardoj da homoj

526
00:23:38,540 --> 00:23:40,780
viziti sian ĉefpaĝon tago,
aŭ iu nombro da personoj

527
00:23:40,780 --> 00:23:43,290
viziti la hejmpaĝo de
miliardo fojojn tage,

528
00:23:43,290 --> 00:23:48,890
kiom da aldonaj bajtoj havas tiun
softvaristo nur kostis Google

529
00:23:48,890 --> 00:23:51,310
trafante sian spacon trinkejo tuj?

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

531
00:23:52,692 --> 00:23:54,150
DAVID J. Malan: Ne tute tiel malbona.

532
00:23:54,150 --> 00:23:57,070
Nur unu bajto fojojn miliardo.

533
00:23:57,070 --> 00:23:57,871
tiel a--

534
00:23:57,871 --> 00:23:59,120
Spektantaro: 8 miliardoj gigabajtoj.

535
00:23:59,120 --> 00:24:00,370
DAVID J. Malan: Ne 8 miliardoj.

536
00:24:00,370 --> 00:24:01,240
8 miliardoj bajtoj.

537
00:24:01,240 --> 00:24:02,410
Sed 1 gigabajto.

538
00:24:02,410 --> 00:24:04,080
1 gigabajto estus la unueco de mezuro.

539
00:24:04,080 --> 00:24:08,240
Se li aŭ ŝi faras du
spacoj, 2 gigabajtoj.

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

541
00:24:09,030 --> 00:24:09,530
Maljuste

542
00:24:09,530 --> 00:24:11,860
Ĝi grimpas peniga.

543
00:24:11,860 --> 00:24:16,150
Kaj tiel en kazoj kiel Google,
kiu, donita, estas ekstremaj kazoj,

544
00:24:16,150 --> 00:24:21,450
estas aliaj aferoj kiuj ŝprucas simple
farante tre racia decidoj

545
00:24:21,450 --> 00:24:25,744
aŭ prenante tre simplaj homaj agoj,
ĉar ĝi havas tiun Pligrandigita efekton.

546
00:24:25,744 --> 00:24:27,660
Do unu el la kialoj
tio aspektas tiel kunpremita

547
00:24:27,660 --> 00:24:30,660
Estas ekzakte kiel Viktorio said-- estis
nur generita per komputiloj ĉiuokaze.

548
00:24:30,660 --> 00:24:31,900
Do neniu granda interkonsento.

549
00:24:31,900 --> 00:24:33,309
Lasu la retumilo elpensi.

550
00:24:33,309 --> 00:24:35,350
Sed ankaŭ konscie
Ne havas multan spacon,

551
00:24:35,350 --> 00:24:36,766
ĉar la spaco ne estas necesa.

552
00:24:36,766 --> 00:24:38,250
Kaj la spaco reale kostas monon.

553
00:24:38,250 --> 00:24:40,670
>> Ĝi ĉu kostas tempon,
ĉar nur puŝi

554
00:24:40,670 --> 00:24:44,670
ke multe pli da datumoj el
google.com ĉefsidejo nur

555
00:24:44,670 --> 00:24:47,710
jam alvenis al iu kvanto de
tempo, eĉ se ĝi estas milisekundoj

556
00:24:47,710 --> 00:24:51,190
aŭ mikrosekundoj, sed tio aldonas supren
tiom da uzantoj, aŭ pli verŝajne,

557
00:24:51,190 --> 00:24:52,270
ĝi probable kostas monon.

558
00:24:52,270 --> 00:24:54,690
Google probable konektas al
iu alia en la mondo, oni

559
00:24:54,690 --> 00:24:56,398
de tiuj skoltis
punktoj, kaj se ili havas

560
00:24:56,398 --> 00:24:59,880
ia financa interrilato
per ilia datumoj kostas monon,

561
00:24:59,880 --> 00:25:01,730
ili povus tiel
minimumigi kiom datumoj

562
00:25:01,730 --> 00:25:04,530
ili estas kracxi sur
ilian interretan konekton.

563
00:25:04,530 --> 00:25:07,630
>> Tial la amuza afero, kvankam, finfine,
aŭ eble la trankviliga afero,

564
00:25:07,630 --> 00:25:11,030
estas ke eĉ kvankam tio aspektas terure
blindiga, fine de la tago,

565
00:25:11,030 --> 00:25:16,750
ĝi estas ankoraŭ la ĝusta sama principoj kiel
ĉi tre simplan paĝon de HTML

566
00:25:16,750 --> 00:25:17,390
paĝo.

567
00:25:17,390 --> 00:25:20,610
Tiel nur resumi kaj por ke vi
havi kanona versio se vi ne

568
00:25:20,610 --> 00:25:25,900
sekvante nur laux elekto tie, tie
povus esti la plej simpla el retpaĝoj,

569
00:25:25,900 --> 00:25:28,240
tial io ludi kun eble poste.

570
00:25:28,240 --> 00:25:30,790
>> Nu, ni enkonduki
kelkaj aliaj ideoj nun.

571
00:25:30,790 --> 00:25:33,420
Ni pri enkonduki
iu nomita stilo etikedo.

572
00:25:33,420 --> 00:25:38,110
Ni povas stylize ĉi paĝo
en pli interesaj manieroj.

573
00:25:38,110 --> 00:25:40,860
Do dum HTML retpoŝto
Estas ĉio pri markante supren

574
00:25:40,860 --> 00:25:44,470
la datumoj, ia preciziganta al
retumilo kiel strukturi la datumoj,

575
00:25:44,470 --> 00:25:48,110
kie meti ĝin, CSS, aŭ
kaskadan stilo littukojn,

576
00:25:48,110 --> 00:25:52,640
estas dua lingvo
ĝenerale akiras kunmiksitaj kun HTML

577
00:25:52,640 --> 00:25:55,670
kiel ni see-- sed ni povas purigi
ke en tia moment-- kiu prenas

578
00:25:55,670 --> 00:25:59,850
ĝi la fina mejlo kaj ĝi stylizes ĝin.

579
00:25:59,850 --> 00:26:02,460
Ĝi ricevas kolorojn nur rajto,
la tiparo grandecoj uste,

580
00:26:02,460 --> 00:26:03,860
la posicionamiento ĝuste.

581
00:26:03,860 --> 00:26:06,510
Ĝi estas ĉiuj pri la estetiko
aŭ formatado, ne pri

582
00:26:06,510 --> 00:26:08,330
la fundamentan datumon mem.

583
00:26:08,330 --> 00:26:11,390
Kaj la plej facila maniero por montri
tio estas eble per ekzemplo.

584
00:26:11,390 --> 00:26:15,320
Do mi tuj transiru
al mia simpla teksta dosiero.

585
00:26:15,320 --> 00:26:17,970
Kaj en nur momente, mi instruos vin
marŝi nin tra la procezo

586
00:26:17,970 --> 00:26:19,360
fari tion mem.

587
00:26:19,360 --> 00:26:23,310
>> Mi tuj iros reen al mia dosiero
tie kaj reŝarĝi la paĝon nur

588
00:26:23,310 --> 00:26:25,800
konfirmi kion gxi aspektas.

589
00:26:25,800 --> 00:26:27,190
Tio estas kie ni estas en nun.

590
00:26:27,190 --> 00:26:31,170
Mi sentas kiel infanoj ĝuus
havi iun koloron al tiu retpaĝo.

591
00:26:31,170 --> 00:26:34,480
Do mi tuj iros tien
en la kapo de la paĝo.

592
00:26:34,480 --> 00:26:38,130
Kaj mi tuj faros stilo, / stilo.

593
00:26:38,130 --> 00:26:44,060
Kaj tiam ene de tiu, mi tuj
diri la korpo de mia page--

594
00:26:44,060 --> 00:26:46,870
kaj ĉi formatado estas,
unuavide, eble iom

595
00:26:46,870 --> 00:26:49,400
stranga sed convencional.

596
00:26:49,400 --> 00:26:55,010
Mi tuj diru, ke la fono
koloro de ĉi paĝo devus esti verda.

597
00:26:55,010 --> 00:26:57,960
Kaj tio estas bedaŭrinde
ia ne la plej bona dezajno.

598
00:26:57,960 --> 00:27:00,710
Rimarku ke antaŭe
en la mondo de HTML,

599
00:27:00,710 --> 00:27:03,190
Mi diris ke atributoj
estas tiuj ŝlosilaj valoro paroj.

600
00:27:03,190 --> 00:27:05,760
Io egalas citaĵo
unquote "io."

601
00:27:05,760 --> 00:27:08,810
En la mondo de CSS, kiu estis
desegnita de kelkaj malsamaj personoj,

602
00:27:08,810 --> 00:27:11,020
ili decidis ke, en sia
mondo, ŝlosilo-valoro paroj

603
00:27:11,020 --> 00:27:13,920
estus vorto dupunkto ion.

604
00:27:13,920 --> 00:27:15,220
Do ĝi estas la sama ideo, kvankam.

605
00:27:15,220 --> 00:27:18,620
Ĝi estas asocii valoro
kun iuj ŝlosilaj ke iel

606
00:27:18,620 --> 00:27:20,330
influas la konduton de tiu ĉi paĝo.

607
00:27:20,330 --> 00:27:21,901
>> Kaj vi versxajne povas diveni.

608
00:27:21,901 --> 00:27:24,150
Kio estas tio verŝajne iranta
fari eĉ se vi neniam

609
00:27:24,150 --> 00:27:27,867
vidis HTML aŭ CSS antaŭe?

610
00:27:27,867 --> 00:27:29,450
Spektantaro: Ŝanĝi la fonkoloro.

611
00:27:29,450 --> 00:27:30,560
DAVID J. Malan: Jes,
ŝanĝi la fonkoloro.

612
00:27:30,560 --> 00:27:33,280
Kaj specife la
fonkoloro de la korpo.

613
00:27:33,280 --> 00:27:36,290
Sed koncerne la
korpo nuntempe estas la TTT

614
00:27:36,290 --> 00:27:38,870
page-- estas la sola
sub la titolo trinkejo really--

615
00:27:38,870 --> 00:27:40,870
ĝi estas probable tuj
influi la sama afero.

616
00:27:40,870 --> 00:27:41,430
Do ni vidu.

617
00:27:41,430 --> 00:27:42,490
Ni savu tion.

618
00:27:42,490 --> 00:27:44,310
Iri tien kaj reŝarĝi.

619
00:27:44,310 --> 00:27:46,140
Estas bela malbelega.

620
00:27:46,140 --> 00:27:48,070
Kaj kio daŭriĝas
jen kromefikon.

621
00:27:48,070 --> 00:27:49,850
Mi nur elektis tiun bildon hazarde.

622
00:27:49,850 --> 00:27:53,305
Kial la verda ne
penetrante malantaŭ Mickey?

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

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

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

626
00:27:57,880 --> 00:28:01,750
Ĝi rezultas ke bildoj, belaj
multa ĉiuj bildoj kiujn ni uzas,

627
00:28:01,750 --> 00:28:03,670
ĉiuj rectangles-- de ortanguloj.

628
00:28:03,670 --> 00:28:07,710
Eĉ se Mickey havas iujn kurbojn
al si kaj havas fonon,

629
00:28:07,710 --> 00:28:09,330
ke fono devas esti io.

630
00:28:09,330 --> 00:28:10,280
Ĝi devas esti blanka.

631
00:28:10,280 --> 00:28:11,910
Ĝi devas esti nigra aŭ io alia.

632
00:28:11,910 --> 00:28:13,650
Ĝi povas esti travidebla.

633
00:28:13,650 --> 00:28:16,100
Kaj fakte, mi povus
malfermu Mickey Muso tie

634
00:28:16,100 --> 00:28:18,590
en programo nomita Photoshop
aŭ io simila

635
00:28:18,590 --> 00:28:21,176
kaj ŝanĝi ĉiujn de tiu blanka
fono travidebla,

636
00:28:21,176 --> 00:28:22,550
do la verda brilus tra.

637
00:28:22,550 --> 00:28:25,980
Sed tio estas io mi bezonus
peti de mi mem aŭ grafika artisto

638
00:28:25,980 --> 00:28:28,130
aŭ dezajnisto ĉe mia
entrepreno, ekzemple,

639
00:28:28,130 --> 00:28:31,490
fari, precipe kiam mi nur
prunteprenis tiun unu el la interreto.

640
00:28:31,490 --> 00:28:33,030
Sed tio estas kial tio okazas.

641
00:28:33,030 --> 00:28:34,980
>> Do kio alia povus ni volas fari?

642
00:28:34,980 --> 00:28:41,040
Nu, ni eble volas diri ni
vere esperas ke vi ĝuos vian restadon.

643
00:28:41,040 --> 00:28:44,150
Kaj por emfazo, mi volas
fari tiun fortan,

644
00:28:44,150 --> 00:28:48,310
kaj tial mi diros malfermitaj forta kaj
fermi forta kaj tiam reŝarĝi.

645
00:28:48,310 --> 00:28:50,320
Kaj ĝi estas iom malfacila
vidi sur la projekciilo

646
00:28:50,320 --> 00:28:53,250
sed eble vere nun
elsaltas ĉe vi iom pli.

647
00:28:53,250 --> 00:28:56,180
Do vi povas aldoni kursivo en ĉi
vojo, aŭdaca Facing tiamaniere.

648
00:28:56,180 --> 00:28:57,500
Ni povus ŝanĝi la kolorojn.

649
00:28:57,500 --> 00:29:01,610
Fakte, ĝuste por piedbatoj, mi estas
tuj iros antaŭen kaj fari tion.

650
00:29:01,610 --> 00:29:05,120
Mi ne vere ŝatas kiom mia
alineoj estas ĉi proksime kune,

651
00:29:05,120 --> 00:29:06,870
do mi povus fari ion kiel tiu.

652
00:29:06,870 --> 00:29:13,310
Mi tuj rakontos la retumilo,
ŝanĝi ĉiun alineon etikedo havi,

653
00:29:13,310 --> 00:29:16,952
ni say-- reale, vi scias kion,
ni vicigi ĝin teksto-align: centro.

654
00:29:16,952 --> 00:29:19,410
Kaj denove, mi scias nur
ĉar iu instruis ĝin al mi

655
00:29:19,410 --> 00:29:21,118
aŭ mi rigardis ĝin en
reta referenco.

656
00:29:21,118 --> 00:29:22,450
Do lasu min konservi tiun.

657
00:29:22,450 --> 00:29:25,070
Kaj, ah, nun mi havas
centrita la bildo ekzistas.

658
00:29:25,070 --> 00:29:28,490
Kaj fakte, vi scias kion, se
Mi movas mian bildon en paragrafo

659
00:29:28,490 --> 00:29:34,510
tag-- tiel tria alineo,
kvankam ĝi ne estas teksto.

660
00:29:34,510 --> 00:29:36,917
Ni savu tion kaj reŝarĝi.

661
00:29:36,917 --> 00:29:40,000
Nun la paĝo estas komencanta rigardi speco
of-- Mi volas diri, ĝi estas ankoraŭ bela malbela,

662
00:29:40,000 --> 00:29:43,180
sed almenaŭ ĝi aspektas kiel mi pasigis
du minutoj anstataŭe de unu minuto

663
00:29:43,180 --> 00:29:43,950
igante ĝin.

664
00:29:43,950 --> 00:29:47,200
>> Kaj tiel, incrementally, ni povas fari
tiuj estetikaj ŝanĝoj nun al la paĝo?

665
00:29:47,200 --> 00:29:50,860
Mi ne vere ŝanĝis la datumoj en la
paĝo aliaj ol aldoni la vorton vere.

666
00:29:50,860 --> 00:29:52,650
Mi aldonis metadatenojn, se vi volas.

667
00:29:52,650 --> 00:29:54,830
Hey, retumilo, fari la
vorto "vere" aŭdaca.

668
00:29:54,830 --> 00:29:56,940
Sed la datumoj ne estas forta.

669
00:29:56,940 --> 00:29:57,830
Jen pridatumon.

670
00:29:57,830 --> 00:29:59,410
La datumoj estas "vere".

671
00:29:59,410 --> 00:30:02,200
Tial ni ankoraŭ havas kelkajn
la samaj konceptoj kiel antaŭe.

672
00:30:02,200 --> 00:30:05,990
Nun, kompreneble, tio ne estas sur la araneaĵo,
do mi faros unu fina paŝo tie.

673
00:30:05,990 --> 00:30:10,300
>> Mi tuj iros al hello.html
kaj nur reliefigi kaj kopii ĉi.

674
00:30:10,300 --> 00:30:12,285
Kaj nun mi tuj
eniru en Cloud9, kiu

675
00:30:12,285 --> 00:30:13,910
Mi irados vin tra en nur momento.

676
00:30:13,910 --> 00:30:17,080
Kaj prognozoj estas vi baldaŭ, se
ne jam, en ekrano kiel ĉi.

677
00:30:17,080 --> 00:30:21,080
Kaj lasu min nur donas al vi rapidan
tour de kio Cloud9 reale estas.

678
00:30:21,080 --> 00:30:26,590
Do denove nebuligi 9 estas
tiun nubon-bazita servo

679
00:30:26,590 --> 00:30:30,580
kiu donas al vi kaj al mi la iluzion
havi nian propran virtualan maŝinon

680
00:30:30,580 --> 00:30:33,090
en la nubo, teknike
ujo en la nubo,

681
00:30:33,090 --> 00:30:35,160
ke ni havas plenan
administraj privilegioj por.

682
00:30:35,160 --> 00:30:37,130
Tial en teorio, neniu
alie en la mondo havas

683
00:30:37,130 --> 00:30:39,152
aliro al la ekrano mi
rigardante nun,

684
00:30:39,152 --> 00:30:40,860
krom eble la homoj
kiu kuras la retejo,

685
00:30:40,860 --> 00:30:43,470
ĉar teknike ili havas
fizika aliro kaj tiel plu.

686
00:30:43,470 --> 00:30:44,740
>> Do kion ni vidas en ĉi tiu medio?

687
00:30:44,740 --> 00:30:46,230
Mi tuj malzomi,
ĉar ĝi estas iom malgranda.

688
00:30:46,230 --> 00:30:48,104
Kaj mi atentigi pri
tie por nur momento.

689
00:30:48,104 --> 00:30:53,210
Sur la maldekstra flanko de mia kaj via
ekrano, ekzistas dosiero retumilo maldekstre.

690
00:30:53,210 --> 00:30:55,362
Tiel similaj en spirito
por Mac VIN kaj Windows.

691
00:30:55,362 --> 00:30:57,070
Tiuj estas ĉiuj la
dosierojn en mia konto.

692
00:30:57,070 --> 00:30:59,250
Kaj defaŭlte, se via
konto estas kiel la mia,

693
00:30:59,250 --> 00:31:05,090
vi vidos aŭ baldaŭ vidos
helloworld.html kaj readme.md.

694
00:31:05,090 --> 00:31:07,950
Super tie sur la dekstra, tio estas
kie mia teksto dosierojn tuj iros.

695
00:31:07,950 --> 00:31:11,620
Se vi iam uzis Microsoft
Vorto aŭ Notepad aŭ TextEdit,

696
00:31:11,620 --> 00:31:14,100
tio estas vorto de mia redaktado
de dosieroj tuj iros.

697
00:31:14,100 --> 00:31:16,540
Kaj tiam la plej arkaikaj
trajto de tiu medio

698
00:31:16,540 --> 00:31:20,100
ke ni ne vere bezonas uzi estas
malsupren tie nomiĝas Terminal Fenestro.

699
00:31:20,100 --> 00:31:23,390
Se vi uzis DOS de
pasintaj tempoj, tio estas la Linukso

700
00:31:23,390 --> 00:31:25,450
aŭ Linukso ekvivalento de DU.

701
00:31:25,450 --> 00:31:28,190
Ĝi estas teksto-bazita interface--
neniu musklakoj, neniu trenante.

702
00:31:28,190 --> 00:31:30,770
Ĉiuj vi povas fari estas tajpi
komandojn, sed tiuj komandoj

703
00:31:30,770 --> 00:31:34,400
povas krei dosierojn, kopii dosierojn, malferma
subdosierujoj, proksime dosierujoj,

704
00:31:34,400 --> 00:31:35,740
fari ajnan nombron de aferoj.

705
00:31:35,740 --> 00:31:38,060
Sed nuntempe, ni certigos
elspezi nian tempon ĝis tie.

706
00:31:38,060 --> 00:31:39,050
>> Kaj do ni faru ĉi.

707
00:31:39,050 --> 00:31:41,008
Se vi estas en tiu
medio, kiujn vi devas

708
00:31:41,008 --> 00:31:45,900
se vi kreis laborspaca
jam, iru antaŭen kaj nur iri supren

709
00:31:45,900 --> 00:31:48,690
al Dosiero: Nova momente.

710
00:31:48,690 --> 00:31:51,740
Kaj kiu donos al vi novan
langeton dekstra tie en la mezo.

711
00:31:51,740 --> 00:31:54,250
Kaj mi just-- kaj ni
antaŭeniri kaj fari tion.

712
00:31:54,250 --> 00:31:59,910
Ni iru antaŭen kaj nun ne Dosiera: Konservi
kaj iri antaŭen kaj nomas ĝin hello.html,

713
00:31:59,910 --> 00:32:02,740
Ne devu konfuzi kun
helloworld.html, kiu

714
00:32:02,740 --> 00:32:06,910
venis kun via nova libera konto,
kiu estas nur specimeno dosiero.

715
00:32:06,910 --> 00:32:11,020
Vi vidos subite aperas,
plej verŝajne sur la maldekstra flanko,

716
00:32:11,020 --> 00:32:12,810
kaj la langeto ankoraŭ estos malfermita.

717
00:32:12,810 --> 00:32:21,300
Kaj mi kuraĝigas vin nun amuzi
dosiero aŭ iuj variantoj de tio.

718
00:32:21,300 --> 00:32:24,607
Kaj se vi ne tute povas vidi ĝin en la
ekrano, tiu estas identa al la glitejoj

719
00:32:24,607 --> 00:32:26,190
ke vi probable havos en alia langeto.

720
00:32:26,190 --> 00:32:29,296
>> Do mallonge, Fari vian unuan retpaĝon,
savi ĝin, kaj tiam en nur momente,

721
00:32:29,296 --> 00:32:31,170
Mi montros al vi kiel vi
povas fakte vidi tion.

722
00:32:31,170 --> 00:32:32,970
Sed ŝanĝas almenaŭ unu aferon.

723
00:32:32,970 --> 00:32:35,400
Ŝanĝi helloworld al
ion de via propra elekto,

724
00:32:35,400 --> 00:32:39,821
tial vi estas konvinkita, ke ĝi estas via
dosieron kaj ne la mi ĵus kreis.

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

726
00:32:40,320 --> 00:32:43,804
Kaj kiam vi ready-- neniu
rush-- kiam vi pretas,

727
00:32:43,804 --> 00:32:46,220
antaŭeniri kaj savi la dosieron
Kiam vi faris tiujn ŝanĝojn.

728
00:32:46,220 --> 00:32:49,540
Kaj se vi klakas la
Kuri butono supren supro, ĉi

729
00:32:49,540 --> 00:32:53,610
devus malfermi novan langeton ke rakontos
Vi kion URL vi povas viziti vian dosieron je,

730
00:32:53,610 --> 00:32:56,380
sed ĝi povus preni momenton por
citaĵo unquote "komenci Apache," kiu

731
00:32:56,380 --> 00:32:58,820
estas la nomo de la retservilo.

732
00:32:58,820 --> 00:33:02,430
Tiel penu fari precize
kio estas en la dosiero finfine.

733
00:33:02,430 --> 00:33:04,610
Do nun, mi zomi.

734
00:33:04,610 --> 00:33:07,780
Se mi ektajpu
malferma-krampo HTML, avizo

735
00:33:07,780 --> 00:33:09,650
ĝi instigante min fini mian penson.

736
00:33:09,650 --> 00:33:13,750
Se mi finis mian penson, ĝi
aŭtomate donas al mi la fermo etikedo.

737
00:33:13,750 --> 00:33:17,190
Sed la atendo estas poste mi trafis
Eniri, kaj poste movi ene tie

738
00:33:17,190 --> 00:33:21,180
kaj cxu gvidi ene kaj
mi faras korpon enen.

739
00:33:21,180 --> 00:33:24,430
Kaj estas iom stranga unue,
ĉar ĝi estas faranta laboron por vi,

740
00:33:24,430 --> 00:33:27,110
sed rimarkas ke finfine
ĝi savas vin pulsbatoj.

741
00:33:27,110 --> 00:33:30,500
Kaj fakte, tre komuna trajto de
programado medioj tiuj tagoj

742
00:33:30,500 --> 00:33:33,260
ambaŭ por ttt evoluo kiel
ĉi kaj fakta programado,

743
00:33:33,260 --> 00:33:36,960
kiun ni parolos pri morgaŭ,
Estas tiuj auto-kompleta karakterizaĵoj,

744
00:33:36,960 --> 00:33:39,710
aferoj simple permesi
programisto aŭ dezajnisto

745
00:33:39,710 --> 00:33:42,010
tajpi pli malmultaj keystrokes al
plenumi la saman aferon.

746
00:33:42,010 --> 00:33:43,176
Foje ĝi estas bona, tamen.

747
00:33:43,176 --> 00:33:44,560
Foje ĝi estas nur ĝena.

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

749
00:33:49,290 --> 00:33:54,010
Kaj, denove, iam vi transskribita
la glito aŭ iu varianto gxiajn

750
00:33:54,010 --> 00:33:57,360
Vi povas alklaki la Run butono supren supro.

751
00:33:57,360 --> 00:33:59,910
Kaj tiam en la fundo
fenestro, vi estos informita

752
00:33:59,910 --> 00:34:04,290
ĉe kio URL vi povas viziti vian retejon.

753
00:34:04,290 --> 00:34:08,790
Mia, ekzemple, estas ĉe
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
kaj tiel plu.

755
00:34:11,480 --> 00:34:14,580
Bone, do, lasu kunulinon demandojn?

756
00:34:14,580 --> 00:34:19,460
Aliajn demandojn pri nur nun
tiu laboro antaŭ ni aldonu trajtoj?

757
00:34:19,460 --> 00:34:21,692
Kaj mi proponas, ĝuste
akiri ulojn comfortable--

758
00:34:21,692 --> 00:34:24,400
ĉar ĝi estas unu afero simple
Kopio-almeti blinde kion mi faris.

759
00:34:24,400 --> 00:34:27,177
Sed nur por ke homoj luktas
kun almenaŭ por-do,

760
00:34:27,177 --> 00:34:28,510
Mi tuj ŝalti iun muzikon.

761
00:34:28,510 --> 00:34:32,630
Mi tuj proponos Listo
aferoj vi povas potenciale aldoni.

762
00:34:32,630 --> 00:34:34,086
Kaj vi certe povas uzi Google.

763
00:34:34,086 --> 00:34:36,210
Kaj kial ni ne simple
proponas ke vi provu solvi

764
00:34:36,210 --> 00:34:38,710
almenaŭ unu aparta problemo tie.

765
00:34:38,710 --> 00:34:45,090
Do en terminoj de etikedoj,
mi reuzi tiun ĉi tie.

766
00:34:45,090 --> 00:34:48,280
>> Fakte, mi metis
ĝin en teksta formo.

767
00:34:48,280 --> 00:35:02,380
Diru ke inter la etikedoj ni eble
uzas jen kelkaj etikedoj super tie.

768
00:35:02,380 --> 00:35:06,090
Ni vidis la paragrafo etikedo.

769
00:35:06,090 --> 00:35:07,850
Nun ĝi tuj auto-pleneco.

770
00:35:07,850 --> 00:35:12,220
Alineo etikedo, la ankron etikedo.

771
00:35:12,220 --> 00:35:15,250
Imagu ke vi volas
fari ion pli granda,

772
00:35:15,250 --> 00:35:19,480
do eble vi like--
la interspaco etikedo povas helpi.

773
00:35:19,480 --> 00:35:23,010
Nu, vi eble bezonas helpon
por ke en nur momento.

774
00:35:23,010 --> 00:35:24,830
Ni vidis div.

775
00:35:24,830 --> 00:35:26,170
Vi vidos ke estas tablo.

776
00:35:26,170 --> 00:35:27,928
Io nomata tr, td.

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

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

779
00:35:32,860 --> 00:35:34,770
Revenu al tio post momento.

780
00:35:34,770 --> 00:35:36,590
Kion alian povus esti oportuna?

781
00:35:36,590 --> 00:35:38,310
Ekzistas forta.

782
00:35:38,310 --> 00:35:43,640
Ekzistas emfazo, aŭ prefere ilin.

783
00:35:43,640 --> 00:35:50,110
There's-- kion alian
povus vin imagas tie?

784
00:35:50,110 --> 00:35:51,930
Nu, ni preni
Rigardu tiun kune.

785
00:35:51,930 --> 00:35:53,230
Formo, kiun ni vidis.

786
00:35:53,230 --> 00:35:54,130
Ekzistas formo.

787
00:35:54,130 --> 00:35:56,500
Ekzistas enigo kaj kelkaj aliaj.

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

789
00:35:58,924 --> 00:36:00,090
Bone, do ni faru tion.

790
00:36:00,090 --> 00:36:02,330
Alrespondi Venko
demando, permesu al mi unue

791
00:36:02,330 --> 00:36:05,020
nur certigi ke ĉiu estas
povis akiri sian saluton laborista.

792
00:36:05,020 --> 00:36:06,900
Tiam mi konigu
paro aliajn ideojn.

793
00:36:06,900 --> 00:36:09,209
Tiam ni lasu uloj solvi
iu problemo arope.

794
00:36:09,209 --> 00:36:11,500
Tiam ni vere revenos
por ke nocio de formo,

795
00:36:11,500 --> 00:36:14,950
kaj ni fakte re-apliki
kune la antaŭa fino interfaco,

796
00:36:14,950 --> 00:36:16,450
por tiel diri, por Google mem.

797
00:36:16,450 --> 00:36:19,700
Ni uzos Google kiel la dorso fino kaj lasu
ilin fari la laboremo, la serĉadon,

798
00:36:19,700 --> 00:36:22,760
sed ni recreate la antaŭa fino
de Google kaj la serĉo formo

799
00:36:22,760 --> 00:36:24,520
ke ili havas sur ilia propra hejmpaĝo.

800
00:36:24,520 --> 00:36:27,050
Kaj tiel ni revenos al
tiuj etikedoj en nur momento.

801
00:36:27,050 --> 00:36:30,270
>> Do jen kion mi
proponis nur antaŭ momento.

802
00:36:30,270 --> 00:36:33,940
Ni povas aldoni la estilización al
paĝo ene de tiu stilo etikedo,

803
00:36:33,940 --> 00:36:36,950
kaj ni povas stylize fone
koloro, la teksto alineamiento,

804
00:36:36,950 --> 00:36:39,000
ĉu ĝi estas centro aŭ dekstra aŭ maldekstra.

805
00:36:39,000 --> 00:36:41,630
Sed tre rapide vi farus
trovi aŭ ttt diseñador

806
00:36:41,630 --> 00:36:44,060
trovus ke tiu
iĝas iom maloportunaj,

807
00:36:44,060 --> 00:36:48,330
ĉar vi faras kio estas
nomita miksante enhavo

808
00:36:48,330 --> 00:36:50,120
kun prezento de gxi.

809
00:36:50,120 --> 00:36:53,756
Vi miksante viajn datumojn
kaj la estetiko de tio.

810
00:36:53,756 --> 00:36:56,380
Kaj fakte, se vi konsideras
kio okazos super time--

811
00:36:56,380 --> 00:36:58,350
tiu estas tre malgranda
retpaĝo, kompreneble.

812
00:36:58,350 --> 00:37:01,590
Sed se mi aldonas enhavon al ĉi tiu paĝo
kaj mi aldonos stilon al tiu paĝo,

813
00:37:01,590 --> 00:37:04,650
la paĝo tre rapide ricevas
plu kaj plu kaj plu.

814
00:37:04,650 --> 00:37:07,510
Kaj supozu ke mi volas
havas duan retpaĝon ke

815
00:37:07,510 --> 00:37:09,010
dividas iujn el tiuj atributoj.

816
00:37:09,010 --> 00:37:12,350
Supozu mian duan retpaĝon por mia
site-- ankaŭ mi deziras ĉion centro,

817
00:37:12,350 --> 00:37:14,960
kaj mi ankaŭ deziras ĉion
kun verda fono.

818
00:37:14,960 --> 00:37:17,940
Mi preskaux tuj devas
kopii kaj alglui kelkajn el tiuj linioj

819
00:37:17,940 --> 00:37:20,730
en tiu dua dosiero, kiu sentas bone.

820
00:37:20,730 --> 00:37:22,030
Ĝi solvos la problemon.

821
00:37:22,030 --> 00:37:26,060
>> Sed kio se mi volas trian paĝon
aŭ 30a paĝo aŭ 40a paĝo?

822
00:37:26,060 --> 00:37:28,730
Nun mi tuj devas kopii kaj
alglui multajn duplikatajn kodo

823
00:37:28,730 --> 00:37:30,430
en plurajn dosierojn.

824
00:37:30,430 --> 00:37:32,600
Kaj do supozas ke
Mi decidi aŭ mi diris,

825
00:37:32,600 --> 00:37:34,780
hej, ni ne uzas
verda fono anymore.

826
00:37:34,780 --> 00:37:36,380
Ni tuj ekuzi oranĝo.

827
00:37:36,380 --> 00:37:38,690
Kio vi devas ŝanĝi?

828
00:37:38,690 --> 00:37:42,900
Nu, vi devas ŝanĝi tiun stilon
el verda al oranĝa en kiom da lokoj?

829
00:37:42,900 --> 00:37:44,920
Kiel 30 aŭ 40 lokoj.

830
00:37:44,920 --> 00:37:45,900
Ĝi estas teda.

831
00:37:45,900 --> 00:37:47,039
Estas inklina al eraro.

832
00:37:47,039 --> 00:37:49,580
Ekzistas diversaj eblaj kialoj
kie vi ne volas indukti

833
00:37:49,580 --> 00:37:51,840
tian doloron mem.

834
00:37:51,840 --> 00:37:54,760
Do ĉu ne estus bela
se ni povus preni kion mi ĵus

835
00:37:54,760 --> 00:37:58,240
metis inter tiuj du flavaj
etikedoj, tiuj stilo etikedoj,

836
00:37:58,240 --> 00:38:04,050
faktora ĝin, kaj meti ĉiujn miajn
estilización en unu centra dosiero

837
00:38:04,050 --> 00:38:08,470
ke ĉiuj 30 aŭ 40 el miaj aliaj dosieroj
prunti de aŭ iel referenci,

838
00:38:08,470 --> 00:38:11,640
Ne male al la retoj
diagramoj ni faris antaŭe?

839
00:38:11,640 --> 00:38:15,030
>> Do se mi iros tien, mi
tuj reale proponi

840
00:38:15,030 --> 00:38:17,880
ke ni anstataŭigi la
stilo etikedo kun io

841
00:38:17,880 --> 00:38:21,620
vokis la ligilon etikedo, kiu
Estas terure, terure nomata,

842
00:38:21,620 --> 00:38:24,370
ĉar vi ne uzu la
ligilo etikedo krei kion

843
00:38:24,370 --> 00:38:26,380
ni homoj scias kiel ligilo en retpaĝo.

844
00:38:26,380 --> 00:38:29,750
Por tio, vi uzos kiu etikedo?

845
00:38:29,750 --> 00:38:31,464
Kiel vi kreas ligilon en retpaĝo?

846
00:38:31,464 --> 00:38:32,130
Spektantaro: La aK.

847
00:38:32,130 --> 00:38:34,870
DAVID J. Malan: La a, aŭ ankron
etikedo, kiuj iris al Disney antaŭ.

848
00:38:34,870 --> 00:38:39,090
La ligilo etikedo tie diras
this-- ligilo al dosiero nomata

849
00:38:39,090 --> 00:38:44,350
styles.css, la rilato al kiu
tuj esti ke ĝi estas mia stilfolio.

850
00:38:44,350 --> 00:38:48,290
Do ĉi tiu estas unu el la S-a en
CSS-- kaskadan stilo littukojn.

851
00:38:48,290 --> 00:38:50,490
Stilo sheet-- du de la S-a en CSS.

852
00:38:50,490 --> 00:38:52,550
CSS.

853
00:38:52,550 --> 00:38:58,640
Tio nur signifas, hey, retumilo, Iri
trovi styles.css sur la loka servilo

854
00:38:58,640 --> 00:39:01,870
kaj uzi ĝin kiel via stilfolio,
kio signifas ene de tiu dosiero

855
00:39:01,870 --> 00:39:05,310
tuj estos ĉiu el la
stylizations ke ni ĵus faris.

856
00:39:05,310 --> 00:39:07,396
Kaj tiel kion tiu dosiero
povus aspekti estas tio.

857
00:39:07,396 --> 00:39:10,020
Kaj mi nur faras ĉi estas rapida
Ekzemple, ĉar ni ne bezonas

858
00:39:10,020 --> 00:39:12,000
akiri tro multe en la herbaĉoj tie.

859
00:39:12,000 --> 00:39:17,840
Sed se mi kopias ĉi, kion mi proponante
estas ke programisto krei novan dosieron,

860
00:39:17,840 --> 00:39:24,450
alglui en tiuj lines--
whoops-- almeti en tiuj linioj,

861
00:39:24,450 --> 00:39:32,270
konservi ĝin kiel styles.css, kaj tiam, en
alian dosieron, forigi ĉiujn ke

862
00:39:32,270 --> 00:39:35,450
kaj anstataŭi ĝin anstataŭe
kun tiu ligilo etikedo.

863
00:39:35,450 --> 00:39:43,090
Tiel ke se mi ligas href = "styles.css",
la interrilato estu "stilfolio"

864
00:39:43,090 --> 00:39:44,170
fermi etikedo.

865
00:39:44,170 --> 00:39:45,250
Savos.

866
00:39:45,250 --> 00:39:47,000
Reiru al mia helloworld.

867
00:39:47,000 --> 00:39:48,690
Reŝarĝi.

868
00:39:48,690 --> 00:39:51,290
>> Laŭvorte nenio okazis.

869
00:39:51,290 --> 00:39:54,710
Kiu estas bona afero, ĉar ĝi
signifas ĝi estas fakte ĉiuj laborante.

870
00:39:54,710 --> 00:39:58,860
Pruvi tiel, supozu ke mi faras
tajperaro, kaj mi nomas "styles.css"

871
00:39:58,860 --> 00:40:03,080
kun majuskla S, kiu estas
malĝusta, kaj tiam reŝarĝi.

872
00:40:03,080 --> 00:40:05,470
Nun vi povas vidi ĝin simple ne funkcias.

873
00:40:05,470 --> 00:40:06,362
Nun, kial?

874
00:40:06,362 --> 00:40:08,070
Nu, ni uzu
tekniko de antaŭe.

875
00:40:08,070 --> 00:40:10,153
Lasu min antaŭeniri kaj,
mia krozilo, en Chrome, mi estas

876
00:40:10,153 --> 00:40:12,900
tuj malfermi tiu speciala
reto langeto kiel antaŭe,

877
00:40:12,900 --> 00:40:15,560
kaj lasu min reŝarĝi la paĝon.

878
00:40:15,560 --> 00:40:19,341
Kion vi ne surprizis vidi nun?

879
00:40:19,341 --> 00:40:20,840
Aŭ eble vi estas surprizita por vidi ŝin.

880
00:40:20,840 --> 00:40:23,225
De ajna formo, kion vi vidas nun?

881
00:40:23,225 --> 00:40:24,100
Spektantaro: [inaudible]

882
00:40:24,100 --> 00:40:24,770
DAVID J. Malan: Ĝi ne troviĝas.

883
00:40:24,770 --> 00:40:25,680
Kial ne trovis?

884
00:40:25,680 --> 00:40:28,480
Nu, Styles.css-- ĉefurbo
S-- ne ekzistas.

885
00:40:28,480 --> 00:40:29,230
Mi misnamed ĝin.

886
00:40:29,230 --> 00:40:30,430
Simpla tajperaro.

887
00:40:30,430 --> 00:40:33,816
Sed mi ricevas kompreneble nun
404, ĉar la servilo diras, hey,

888
00:40:33,816 --> 00:40:34,440
ĝi ne trovis.

889
00:40:34,440 --> 00:40:36,300
Laŭvorte, mi ne scias
kie tiu dosiero.

890
00:40:36,300 --> 00:40:38,880
Tiel kiel rezulto, la retumilo
montras vin kio povas,

891
00:40:38,880 --> 00:40:42,860
la kruda enhavo de la paĝo,
kiu estis 200, la HTML,

892
00:40:42,860 --> 00:40:45,390
sed la estilización ne povas
aldoni poste.

893
00:40:45,390 --> 00:40:47,120
Kaj tio estas kio signifas kaskada.

894
00:40:47,120 --> 00:40:49,070
Vi povas ia aldoni ĝin
poste, kaj ĝi ian

895
00:40:49,070 --> 00:40:50,874
rafinas la estetiko de la retpaĝo.

896
00:40:50,874 --> 00:40:53,790
Kaj vi povas eĉ nuligi tiujn
stiloj kun ankoraŭ alia stilfolio dosierojn

897
00:40:53,790 --> 00:40:54,700
se vi volas.

898
00:40:54,700 --> 00:40:57,780
Ĝi ne trovis, kvankam, en tiu kazo,
ĉar kompreneble mi misnamed ĝin.

899
00:40:57,780 --> 00:41:00,330
Do mi devus korekti tiun unuan.

900
00:41:00,330 --> 00:41:04,667
>> Do ni iru antaŭen kaj
proponi la sekvan.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Ni iru antaŭen kaj fari tion.

903
00:41:11,140 --> 00:41:14,220
Komencante eble
via helloworld dosiero,

904
00:41:14,220 --> 00:41:17,740
lasu min nur inviti paro
de karakterizaĵo sugestoj.

905
00:41:17,740 --> 00:41:20,400
Do, Viktorio, vi volis
fari tekston pli granda, ĉu ne?

906
00:41:20,400 --> 00:41:24,555
Bone, do ni povas
farata teksto granda.

907
00:41:24,555 --> 00:41:26,860
Kaj ni ĉiu desxiras
nur unu problemo por solvi.

908
00:41:26,860 --> 00:41:30,867
Fari tekston pli granda.

909
00:41:30,867 --> 00:41:32,700
Mi ne tuj tedi
skribi tion kiam ni

910
00:41:32,700 --> 00:41:35,600
havas kuglon teknologio rajton super tie.

911
00:41:35,600 --> 00:41:39,970
Tial iuj problemoj.

912
00:41:39,970 --> 00:41:44,670
Do ni tuj provi
fari tekston pli granda.

913
00:41:44,670 --> 00:41:45,170
Bone.

914
00:41:45,170 --> 00:41:48,360
Kio alia estus iu proponas?

915
00:41:48,360 --> 00:41:50,332
Kion alian povus ni volas
fari retejon?

916
00:41:50,332 --> 00:41:52,040
Ni venis supre kun
Mallonga listo de aferoj

917
00:41:52,040 --> 00:41:55,366
kaj tiam delegi al la
grupo al eltrovis tion.

918
00:41:55,366 --> 00:41:56,270
>> Spektantaro: [inaudible]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. Malan: Bone, pozicio teksto
sur malsamaj flankoj de la paĝo?

920
00:42:02,251 --> 00:42:02,750
Bone.

921
00:42:02,750 --> 00:42:04,620
Io alia.

922
00:42:04,620 --> 00:42:05,784
>> Spektantaro: [inaudible]

923
00:42:05,784 --> 00:42:06,700
DAVID J. Malan: Jes.

924
00:42:06,700 --> 00:42:08,720
Do gif estas nur
malsamaj dosierformato.

925
00:42:08,720 --> 00:42:12,830
Ni nur uzata, kio, oni
png aŭ jpg probable?

926
00:42:12,830 --> 00:42:14,480
Ni uzis jpg.

927
00:42:14,480 --> 00:42:16,780
Se vi estas scivola, troa
respondi al via demando

928
00:42:16,780 --> 00:42:19,404
Estas jpg ĝenerale uzata por
fotoj, ĉar ĝi eltenas

929
00:42:19,404 --> 00:42:21,500
milionoj de koloroj aŭ 24-bita koloro.

930
00:42:21,500 --> 00:42:26,930
A gif ĝenerale uzata por, kiel,
Interreto memes tiuj days-- kuraĝigoj,

931
00:42:26,930 --> 00:42:28,810
kiel vigla gifs.

932
00:42:28,810 --> 00:42:32,320
Sed okazas uzi pli malgrandan koloro
paletro, nur 256 eblaj koloroj,

933
00:42:32,320 --> 00:42:35,230
sed subtenas
travidebleco kaj kuraĝigo.

934
00:42:35,230 --> 00:42:40,330
Kaj tiam ekzistas png, kiu subtenas
travidebleco kaj pli koloroj

935
00:42:40,330 --> 00:42:41,300
sed ne kuraĝigo.

936
00:42:41,300 --> 00:42:42,133
Do ĝi estas komerco-ekstere.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Tiel aldonante gif, kvankam,
estus funkcie

939
00:42:46,060 --> 00:42:48,396
ekvivalenta al aldonanta png aŭ jpg.

940
00:42:48,396 --> 00:42:49,110
Yeah.

941
00:42:49,110 --> 00:42:50,550
Bildo fonto egalas.

942
00:42:50,550 --> 00:42:51,590
Do io alia.

943
00:42:51,590 --> 00:42:57,288
Ni venis supre kun io kiu
Ni sendis al Viktorio fari tie.

944
00:42:57,288 --> 00:42:59,209
>> Spektantaro: Aldoni butonoj formon.

945
00:42:59,209 --> 00:43:00,000
DAVID J. Malan: Bone.

946
00:43:00,000 --> 00:43:02,179
Do aldoni butonojn por formo.

947
00:43:02,179 --> 00:43:03,470
Kaj ni faros ke oni kune.

948
00:43:03,470 --> 00:43:07,220
Tial estos perfekta segue
tuj post tiu defio.

949
00:43:07,220 --> 00:43:10,357
Io alia?

950
00:43:10,357 --> 00:43:11,440
Kio povus vi ŝatas fari?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
La ttt sentas tre underwhelming
se ĉi ĉio ni povas fari.

953
00:43:16,516 --> 00:43:18,140
Spektantaro: Ŝanĝi la koloron de la teksto.

954
00:43:18,140 --> 00:43:19,500
DAVID J. Malan: Ŝanĝi la kion?

955
00:43:19,500 --> 00:43:20,666
Spektantaro: Koloro de la teksto.

956
00:43:20,666 --> 00:43:22,311
DAVID J. Malan: ŝanĝi koloron de teksto.

957
00:43:22,311 --> 00:43:22,810
Bone.

958
00:43:22,810 --> 00:43:23,790
Do, ni faru tion.

959
00:43:23,790 --> 00:43:27,209
Nur denove por ke vi ne estas, ĝuste
per rote, farante ĝuste kion mi faras,

960
00:43:27,209 --> 00:43:29,500
Mi tuj ŝalti la muzikon
por eble kvin minutojn tie.

961
00:43:29,500 --> 00:43:30,450
Vi plene rajtas uzi Google.

962
00:43:30,450 --> 00:43:33,130
Vi estas bonvena demandi min, kaj
Mi flustri aludo en via orelo.

963
00:43:33,130 --> 00:43:35,171
Vi plene rajtas rigardi
super sur alies ŝultrojn.

964
00:43:35,171 --> 00:43:37,340
Sed solvi nur unu el tiuj problemoj.

965
00:43:37,340 --> 00:43:40,190
Sed ni faros la lasta, la
formas, se ni povus, kune.

966
00:43:40,190 --> 00:43:42,790
Do kvin minutoj por solvi
iu el tiuj problemoj

967
00:43:42,790 --> 00:43:46,780
uzante Google, intuicio, aŭ ajnan
aliaj rimedoj havebla al vi.

968
00:43:46,780 --> 00:43:48,630
>> [MUZIKO Ludanta]

969
00:43:48,630 --> 00:43:49,130
Bone.

970
00:43:49,130 --> 00:43:50,838
Neniu ĉagrenoj se vi volas
teni laboreti,

971
00:43:50,838 --> 00:43:53,880
sed mi ruinigu paro
de tiuj respondoj.

972
00:43:53,880 --> 00:43:57,986
Do la unua sugesto de
Victoria estis fari tekston pli granda.

973
00:43:57,986 --> 00:43:59,360
Do ekzistas kelkaj manieroj por fari tion.

974
00:43:59,360 --> 00:44:01,530
Mi nuntempe restaŭrita
mia ekrano al tiu grandeco,

975
00:44:01,530 --> 00:44:04,310
kvankam mi zomis en
artefarite nur vidi aferojn.

976
00:44:04,310 --> 00:44:07,470
Kaj ni faru ĉi.

977
00:44:07,470 --> 00:44:11,380
Lasu min antaŭeniri kaj kroĉi
kelkaj genraj latina teksto

978
00:44:11,380 --> 00:44:19,540
nur tiel ni havas ion labori kun.

979
00:44:19,540 --> 00:44:20,715
Tial donu al mi nur unu momento.

980
00:44:20,715 --> 00:44:21,840
Mi faros tri alineoj.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
BONE.

983
00:44:53,930 --> 00:44:55,560
Tio estos bona ekzemplo.

984
00:44:55,560 --> 00:44:57,840
Tiel por la scivola, en
mia hello.html, mi ĵus

985
00:44:57,840 --> 00:45:01,645
batitaj tri sensenca
latina alineoj

986
00:45:01,645 --> 00:45:03,270
nur tiel ni havas tekston por labori kun.

987
00:45:03,270 --> 00:45:06,720
Kaj Venko celo estis
fari iujn de la teksto pli granda.

988
00:45:06,720 --> 00:45:09,879
Do mi povis, kiel antaŭe, iru tien.

989
00:45:09,879 --> 00:45:11,170
Kaj mi faru ĝin la ĝusta vojo.

990
00:45:11,170 --> 00:45:13,253
Mi tuj havas ligilon
etikedo kiu notas al dosiero

991
00:45:13,253 --> 00:45:20,560
nomita "styles.css," la rilato
el kiuj estas denove "stilfolio."

992
00:45:20,560 --> 00:45:25,221
Kaj tiam mi iros por savi tion
kaj malfermu tiun "styles.css."

993
00:45:25,221 --> 00:45:28,940
>> Tiel, kiel antaŭe, mi havas la
kapablo en tiu CSS dosiero

994
00:45:28,940 --> 00:45:31,569
efektive superregi la defaŭltan
estetiko de retpaĝo,

995
00:45:31,569 --> 00:45:33,860
kaj la defaŭlta estetiko,
kompreneble, estas sufiĉe teda.

996
00:45:33,860 --> 00:45:36,943
Ĝi estas speco de normala tiparo, nigra
teksto, blanka fono, kaj tiel plu.

997
00:45:36,943 --> 00:45:39,440
Do supozas, ke mi volas fari
ĉio ĉi teksto granda.

998
00:45:39,440 --> 00:45:40,460
Mi povis fari kelkajn aferojn.

999
00:45:40,460 --> 00:45:43,750
En mia styles.css dosieron, mi
povus diri, vi scias kion,

1000
00:45:43,750 --> 00:45:46,950
aplikas la sekvan al
la korpo de mia paĝo.

1001
00:45:46,950 --> 00:45:51,390
Antaŭeniri kaj fari la
tiparo 24 poentoj,

1002
00:45:51,390 --> 00:45:54,130
kiu estas nombro mi
uzi en Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Lasu min reiri al mia retejo
paĝo tie kaj reŝarĝi,

1004
00:45:57,620 --> 00:45:59,640
kaj vi povas vidi ke
ĝi estas jam multe pli granda.

1005
00:45:59,640 --> 00:46:02,223
Kaj ni povas akiri iom freneza,
ĝuste kiel ni povas iun desktop--

1006
00:46:02,223 --> 00:46:03,670
fari 96 punktoj.

1007
00:46:03,670 --> 00:46:04,950
Reŝarĝi.

1008
00:46:04,950 --> 00:46:07,610
Kaj ĝi iĝas iom
maloportunaj ĉe tiu punkto.

1009
00:46:07,610 --> 00:46:09,500
>> Sed mi povus esti iom pli preciza.

1010
00:46:09,500 --> 00:46:14,530
Anstataŭ apliki tiun
stilfolion al la korpo de mia paĝo,

1011
00:46:14,530 --> 00:46:21,740
kion alian povus mi aplikas ĝin anstataŭe,
kio alia etikedo kiu povus ankoraŭ

1012
00:46:21,740 --> 00:46:25,445
funkcio en la sama maniero?

1013
00:46:25,445 --> 00:46:26,444
>> Spektantaro: La p etikedo?

1014
00:46:26,444 --> 00:46:27,360
DAVID J. Malan: P etikedo.

1015
00:46:27,360 --> 00:46:29,350
Do la kapo ne estus
ĝusta, ĉar la kapo,

1016
00:46:29,350 --> 00:46:31,300
vi ne povas reale
kontroli la estetiko de.

1017
00:46:31,300 --> 00:46:32,700
Ekzistas ĉu teksto ekzistas aŭ ne.

1018
00:46:32,700 --> 00:46:36,760
Sed la p tag-- mi povas plonĝi en iom
profunden, tiel diri, al la alineo

1019
00:46:36,760 --> 00:46:37,350
etikedoj.

1020
00:46:37,350 --> 00:46:41,600
Kaj kvankam estas tri,
tio perfekte bone, ĉar en CSS,

1021
00:46:41,600 --> 00:46:44,900
Kiam mi nur diru "p", ĉi
signifas apliki la jenajn

1022
00:46:44,900 --> 00:46:48,300
al ajna etikedo kiu kongruas tiu
seleccionador, la seleccionador nur

1023
00:46:48,300 --> 00:46:49,430
esti la nomo de la etikedo.

1024
00:46:49,430 --> 00:46:52,350
Do kie ajn vi vidas
"P", apliki la tiparo,

1025
00:46:52,350 --> 00:46:55,222
kaj ni faru ĝin pli
racia again-- 24 punkto.

1026
00:46:55,222 --> 00:46:56,930
Kaj vi scias kion,
nur por bono mezuro,

1027
00:46:56,930 --> 00:46:59,810
ni faru la koloro
ruĝa nur por la momento.

1028
00:46:59,810 --> 00:47:03,740
Kaj nun se mi povos reŝargi, nun ni
vidi tri malbela alineoj.

1029
00:47:03,740 --> 00:47:07,180
>> Sed nun supozas ke mi estas ia
of-- Mi volas la unuan alineon

1030
00:47:07,180 --> 00:47:08,210
salti tra la uzanto.

1031
00:47:08,210 --> 00:47:11,150
Mi ne volas nur pliigi
la tiparon grandeco de ĉiu.

1032
00:47:11,150 --> 00:47:16,105
Do mi vere volas identigi aŭ
distingi inter tiuj alineoj.

1033
00:47:16,105 --> 00:47:18,730
Do ni forigi la ruĝa,
ĉar tio estas nur ia pegajoso,

1034
00:47:18,730 --> 00:47:23,885
kaj ni iru antaŭen kaj fari la
tiparo 12-punkta defaŭlte,

1035
00:47:23,885 --> 00:47:26,260
tiel ke ni estas reen al io
iom pli racia.

1036
00:47:26,260 --> 00:47:29,190
Kaj nun mi volas nur pliigi la
tiparo grandeco de la unua alineo.

1037
00:47:29,190 --> 00:47:31,440
Mi povas fari tion en kelkaj
vojoj, sed iel tio

1038
00:47:31,440 --> 00:47:37,180
eble plej instru ĉe la
momento estas fari la sekvan.

1039
00:47:37,180 --> 00:47:43,280
Lasu min antaŭeniri kaj diru: ĉi
alineo havas unikan ID de "unua".

1040
00:47:43,280 --> 00:47:45,000
Mi povus voki ĉi ajn mi volas.

1041
00:47:45,000 --> 00:47:46,874
Mi povus nomi tiun "umo"
aŭ ajna alia vorto,

1042
00:47:46,874 --> 00:47:49,290
sed mi tuj donos iun
semantike senchava nomo

1043
00:47:49,290 --> 00:47:50,320
kiel "unua".

1044
00:47:50,320 --> 00:47:54,790
Tiu estas la sola ensalutilo,
la ID, cxar mia unua alineo.

1045
00:47:54,790 --> 00:47:59,360
>> Kion mi povas nun fari en mia stilfolio
estas iom pli preciza.

1046
00:47:59,360 --> 00:48:02,330
Anstataŭ diri, apliki
la jenajn al la p etikedo,

1047
00:48:02,330 --> 00:48:04,890
Mi povas diri la following--
apliki la sekvaj,

1048
00:48:04,890 --> 00:48:11,000
aŭ unuaranga, la HTML elemento
kiu havas unikan ID de "unua".

1049
00:48:11,000 --> 00:48:12,350
Kion mi volas apliki ĝin?

1050
00:48:12,350 --> 00:48:15,250
Al tiparo de 24-punkto.

1051
00:48:15,250 --> 00:48:16,640
Do mi havas du selectores nun.

1052
00:48:16,640 --> 00:48:19,690
Oni faras ĉiujn
Alineoj 12-punkto.

1053
00:48:19,690 --> 00:48:24,960
Sed ĉi tiu, ĉefe ĉar ĝi venas
second-- temas lasta en la file--

1054
00:48:24,960 --> 00:48:27,090
tiu havas kaskada efiko.

1055
00:48:27,090 --> 00:48:30,200
Mi ĵus faris ĉiujn miajn
paragrafo etikedoj 12-punkta,

1056
00:48:30,200 --> 00:48:34,350
sed tiu nun akvofaloj kaj
anstataŭigas ke por ajna elementoj

1057
00:48:34,350 --> 00:48:38,800
en la paĝo, ĉiu etikedo sur la paĝo kies
unika ID estas citaĵo unquote "unue."

1058
00:48:38,800 --> 00:48:41,720
Kaj la hashtag en tiu kunteksto
nur signifas "unika identigilo."

1059
00:48:41,720 --> 00:48:43,750
Mi ne metis ĝin en la HTML-dosiero.

1060
00:48:43,750 --> 00:48:46,880
Mi, ĉi tie, nur diru
citaĵo unquote "unue."

1061
00:48:46,880 --> 00:48:48,470
>> Do lasu min reŝarĝi.

1062
00:48:48,470 --> 00:48:49,919
Kaj nun mi vidas, ha, OK.

1063
00:48:49,919 --> 00:48:51,710
Mi volas diri, ne ke
bela, sed estas afable

1064
00:48:51,710 --> 00:48:53,600
de kiel la antaŭparolo al
libro aŭ io simila,

1065
00:48:53,600 --> 00:48:55,100
kie la unua alineo estas pli granda.

1066
00:48:55,100 --> 00:48:57,933
Povus esti eĉ pli preciza per
nur la unuajn literojn, sed almenaŭ

1067
00:48:57,933 --> 00:48:59,110
Mi ekzercis pli kontrolo.

1068
00:48:59,110 --> 00:49:04,760
Nun maybe-- eble volas fari tion
foje por ajna kialo,

1069
00:49:04,760 --> 00:49:09,010
do mi ne volas tion
apliki al nur unu HTML etikedo.

1070
00:49:09,010 --> 00:49:15,110
Prefere, ni say-- ni
ankaŭ fari la sekvan.

1071
00:49:15,110 --> 00:49:18,810
Class = "importado".

1072
00:49:18,810 --> 00:49:23,970
Dum ID estas uzata por unike
identigi unu afero, unu etikedo,

1073
00:49:23,970 --> 00:49:30,190
en via retpaĝo, klaso estas intencita esti
uzata en ajna nombro de elementoj aŭ etikedoj

1074
00:49:30,190 --> 00:49:30,950
sur via retpaĝo.

1075
00:49:30,950 --> 00:49:31,710
Do ĝi estas reuzebla.

1076
00:49:31,710 --> 00:49:33,090
IRU ne reuzebla.

1077
00:49:33,090 --> 00:49:34,450
Klaso estas reuzebla.

1078
00:49:34,450 --> 00:49:37,830
>> Kaj vi scias kion, por kiaj
filozofia reasons--

1079
00:49:37,830 --> 00:49:40,180
Mi ne finis mian
thought-- mi tuj diru

1080
00:49:40,180 --> 00:49:44,300
ke la unua paragrafo kaj la
dua alineo estas gravaj.

1081
00:49:44,300 --> 00:49:48,600
Do mi tuj apliki la klaso nomita
"Grava," ke, se mi savos mian dosieron

1082
00:49:48,600 --> 00:49:51,510
freŝigi, havas nenian
funkcia efiko ankoraŭ.

1083
00:49:51,510 --> 00:49:53,780
Sed mi aldonis kelkajn
metadatenoj por la dosiero,

1084
00:49:53,780 --> 00:49:56,610
ia io aparta
el la kerna datumo de la dosiero,

1085
00:49:56,610 --> 00:50:02,300
por ke nun en mia stilfolio, se mi
anstataŭ diri ".important" - vi scias,

1086
00:50:02,300 --> 00:50:07,110
io, kio estas grava, mi estas
tuj faros tiparo-koloro, red--

1087
00:50:07,110 --> 00:50:09,930
aŭ prefere ne tiparo-koloro, ĝuste koloro.

1088
00:50:09,930 --> 00:50:12,930
Ekzistas faktkonfliktoj
en CSS bedaŭrinde.

1089
00:50:12,930 --> 00:50:14,120
Kaj reŝarĝi.

1090
00:50:14,120 --> 00:50:17,640
Nun rimarkas la unua
du alineoj estas ruĝaj

1091
00:50:17,640 --> 00:50:20,880
sed ne la tria, ĉar mi nur
aplikis la klaso de "grava"

1092
00:50:20,880 --> 00:50:25,020
al la unuaj du el tiuj aferoj.

1093
00:50:25,020 --> 00:50:28,030
>> Tiel en IDs, vi havas la kapablon
specifi tre precize.

1094
00:50:28,030 --> 00:50:30,110
Kun klasoj, vi havas reutilización.

1095
00:50:30,110 --> 00:50:33,800
Sed en ambaŭ kazoj, rimarki la
ia bonvolo dezajno principo

1096
00:50:33,800 --> 00:50:39,072
kie mi faktorita el ĉiuj
estetikon al miaj styles.css dosieron.

1097
00:50:39,072 --> 00:50:40,280
Do ne messiness tie.

1098
00:50:40,280 --> 00:50:44,490
Ekzistas neniu mencio de ruĝaj aŭ
aŭdaca-Facing aŭ tiparo en tiu dosiero.

1099
00:50:44,490 --> 00:50:49,430
Prefere mi semantike,
signifoplene karakterizita miaj datumoj,

1100
00:50:49,430 --> 00:50:51,240
tie estas kelkaj gravaj datumoj.

1101
00:50:51,240 --> 00:50:52,800
Tie estas iuj pli gravaj datumoj.

1102
00:50:52,800 --> 00:50:56,500
Cetere, ĉi tie estas la
"Unua" el miaj gravaj datumoj.

1103
00:50:56,500 --> 00:51:01,050
Do HTML estas ĉiuj pri ia
de etiquetado, laŭvorte, vortoj

1104
00:51:01,050 --> 00:51:05,270
kaj alineoj kaj ĝi konstruas en via
paĝo kun tiuj malgranduloj aludoj, se vi

1105
00:51:05,270 --> 00:51:07,640
volas, ke vi povas
iel utiligi uzante

1106
00:51:07,640 --> 00:51:10,880
aliaj teknikoj kiel CSS tiamaniere.

1107
00:51:10,880 --> 00:51:14,760
>> Do en respondo al Venko demando,
ni povas fari tekston pli grandaj en tiu maniero.

1108
00:51:14,760 --> 00:51:18,380
Estas tiom multaj aliaj manieroj, sed
la tiparo tag-- malferma krampo "tiparo" -

1109
00:51:18,380 --> 00:51:19,770
fakte pluraj jaroj.

1110
00:51:19,770 --> 00:51:21,410
Kaj tio estas la problemo,
tro, kun fidanta nur

1111
00:51:21,410 --> 00:51:23,485
sur rete resources--
Ili emas esti antikva.

1112
00:51:23,485 --> 00:51:26,110
Kaj ja, kiu estas estis evitinda,
ĉar la mondo rimarkis,

1113
00:51:26,110 --> 00:51:28,970
kion signifas "font-size = 7" signifas?

1114
00:51:28,970 --> 00:51:29,670
Ĝi ne.

1115
00:51:29,670 --> 00:51:32,770
Kaj tiel multaj jaroj kaj al
ĉi day-- de la flanko

1116
00:51:32,770 --> 00:51:36,060
notas tie estas ke ĝi estas reale
nekredeble dolora ankoraŭ foje

1117
00:51:36,060 --> 00:51:38,900
disvolvi lokojn por la
retejo, ĉar Microsoft

1118
00:51:38,900 --> 00:51:44,220
kaj Google kaj Mozilla kaj
aliaj ofte malkonsentas pri kiel

1119
00:51:44,220 --> 00:51:47,480
interpreti specifo kiel HTML.

1120
00:51:47,480 --> 00:51:52,490
>> Estas rulebook por HTML tio
ĝenerale diras kion ĉiu etikedo signifas.

1121
00:51:52,490 --> 00:51:55,690
Sed foje ĝi estas lasita al la
efektivigo de diskreteco,

1122
00:51:55,690 --> 00:51:57,290
Microsoft bontrovo kaj Google.

1123
00:51:57,290 --> 00:52:00,000
Kaj tiel vi tre ofte
vidi en retejo ion

1124
00:52:00,000 --> 00:52:04,954
aspektas malsama en la PC
ol jes sur Mac,

1125
00:52:04,954 --> 00:52:06,995
kaj tio estas vere ĉar,
fine de la tago,

1126
00:52:06,995 --> 00:52:08,891
ne testi gxin
bone en ambaŭ platformoj.

1127
00:52:08,891 --> 00:52:11,390
Sed estas ankaŭ ĉar racia,
inteligentaj homoj malkonsentas

1128
00:52:11,390 --> 00:52:14,970
kaj kompanioj malkonsentas, kaj tiel
unu el la defioj de programado

1129
00:52:14,970 --> 00:52:16,980
por la retejo aŭ desegni
aĵojn por la reto

1130
00:52:16,980 --> 00:52:21,700
skribas retpagxon en maniero
kiu funkcias sur ĉiu retumilo.

1131
00:52:21,700 --> 00:52:23,410
Sed eĉ tio senkaŭza, dekstra?

1132
00:52:23,410 --> 00:52:27,807
Estas tantas versioj de multaj
foliumiloj tie ke, en iu momento,

1133
00:52:27,807 --> 00:52:30,890
Vi ankaŭ devas fari juĝon alvoko
kaj vi devas decidi kiel entrepreno,

1134
00:52:30,890 --> 00:52:33,082
speciale por e-komerco-stilo
ejoj kie vi estas

1135
00:52:33,082 --> 00:52:36,290
provas uzi la plej lastan kaj plej granda
teknologioj doni vere bona uzanto

1136
00:52:36,290 --> 00:52:37,110
sperto.

1137
00:52:37,110 --> 00:52:41,019
Sed iuj procento de viaj uzantoj povus
ankoraŭ uzas Interreton Explorer 6 aŭ 7

1138
00:52:41,019 --> 00:52:43,810
aŭ 8, precipe laŭ la
lando kiu ili venas de.

1139
00:52:43,810 --> 00:52:46,760
>> Kaj tiel tre ofte
konsultis estas io

1140
00:52:46,760 --> 00:52:50,920
kiel "foliumilo statistiko."

1141
00:52:50,920 --> 00:52:56,560
Kaj se ni iros to-- ni vidu Vikipedio
kaj vidi kiel supren-ĝis-dato tiu abako estas

1142
00:52:56,560 --> 00:52:59,320
se ekzistas unu.

1143
00:52:59,320 --> 00:53:02,420
Do jen vi povas vidi
kie retumiloj reale

1144
00:53:02,420 --> 00:53:06,160
estas, laŭ decembro 2015,
laŭ la usona Registaro.

1145
00:53:06,160 --> 00:53:11,170
Chrome estas ĉe 42% de la merkato, sekvita
per IE plejparte en korporacia agordojn

1146
00:53:11,170 --> 00:53:14,490
aŭ PC agordojn, kompreneble,
sekvita de Firefox,

1147
00:53:14,490 --> 00:53:17,440
tiam Safari, do Opero ne
fari la mapon tie ial,

1148
00:53:17,440 --> 00:53:18,210
kaj tiam Aliaj.

1149
00:53:18,210 --> 00:53:19,500
Eble estas sub Aliaj.

1150
00:53:19,500 --> 00:53:27,700
Sed pli problemaj ol is--
ni vidu, se Vikipedio ankaŭ

1151
00:53:27,700 --> 00:53:35,194
versiojn de retumiloj version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Ni iru al retumilo statistiko.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Eĉ tio ne sufiĉas.

1156
00:53:42,030 --> 00:53:44,854
Browser statistiko.

1157
00:53:44,854 --> 00:53:45,353
Mia versio.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Tio ne tuj estos ĝuste.

1160
00:53:50,540 --> 00:53:53,414
Vidu versioj.

1161
00:53:53,414 --> 00:53:54,830
Retumilo merkato.

1162
00:53:54,830 --> 00:53:57,110
Ni vidu se tio venas supren.

1163
00:53:57,110 --> 00:53:57,610
BONE.

1164
00:53:57,610 --> 00:54:00,010
Nun tiu estas akiranta
iom pli utila.

1165
00:54:00,010 --> 00:54:04,870
Do tie, rimarki ke ni cxiuj havas
malsamaj versioj de retumiloj.

1166
00:54:04,870 --> 00:54:09,887
Kaj mia dio, se vi look-- Chrome
48, Chrome 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Mi volas diri, retumiloj kaj pli ĝisdatigita,
Kaj foje iuj de tiuj ŝanĝoj

1168
00:54:12,970 --> 00:54:16,430
estas signifa en
laŭ funcionalidad.

1169
00:54:16,430 --> 00:54:20,630
Kaj tiel en iu momento, la
produkto perantoj aŭ la inĝenieroj

1170
00:54:20,630 --> 00:54:23,620
bezonos fari decision-- vin
scias kion, nur 1% de la mondo

1171
00:54:23,620 --> 00:54:24,740
ankoraŭ uzas IE 7.

1172
00:54:24,740 --> 00:54:25,490
Inferon kun ili.

1173
00:54:25,490 --> 00:54:27,470
Ni nur ne tuj
subteni ke retumilo.

1174
00:54:27,470 --> 00:54:28,740
Kaj kion tio signifas ne apogi?

1175
00:54:28,740 --> 00:54:31,170
Ĝi povus signifi ke butonoj
ne funkcias en via TTT-paĝo,

1176
00:54:31,170 --> 00:54:33,050
aŭ ĝi povus signifi la
formatado estas tute ekstere.

1177
00:54:33,050 --> 00:54:35,091
Aŭ vi eble devas fari
tiu sama juĝo alvoko

1178
00:54:35,091 --> 00:54:39,089
en movebla tiuj tagoj, kie, ni estas
Ne tuj apogos iOS 5 anymore.

1179
00:54:39,089 --> 00:54:40,380
Do homoj nur devas ĝisdatigi.

1180
00:54:40,380 --> 00:54:45,850
Aŭ ni ne tuj subteni Magdalena
sur Android VIN Android aparatoj,

1181
00:54:45,850 --> 00:54:48,629
cxar kiel world-- kiel la
tech mondo volas movi antaŭen,

1182
00:54:48,629 --> 00:54:51,170
ĝi ia volas treni la
mondo kun ĝi por ke ili ne

1183
00:54:51,170 --> 00:54:53,295
devas daŭrigi esti
kongrua tiel ili

1184
00:54:53,295 --> 00:54:54,920
povas proponi novajn kaj bonajn trajtojn.

1185
00:54:54,920 --> 00:54:57,878
Tiu estas ĝuste unu el la kialoj
kial tiel multaj firmaoj estas elrulanta

1186
00:54:57,878 --> 00:55:01,440
aŭtomataj ĝisdatigoj kaj ia devigante
la lastaj versioj de programaro nin.

1187
00:55:01,440 --> 00:55:04,010
Kaj eĉ kompanioj
kiel Apple ordigi de

1188
00:55:04,010 --> 00:55:07,280
devigi vin preskaŭ aŭ devigi
vi en terminoj de merkato fortoj

1189
00:55:07,280 --> 00:55:11,164
aĉeti novan telefonon ĉar ili ĵus
ne ĝisdatigi vian malnovan telefonon anymore.

1190
00:55:11,164 --> 00:55:13,330
Do vi maltrafi sur la
lasta kaj plej granda karakterizaĵoj,

1191
00:55:13,330 --> 00:55:17,520
ĉar ĝi estas multekosta por ili kiel
kompanio subteni malnovaj, disputeble

1192
00:55:17,520 --> 00:55:19,330
malsupera versioj de programaro.

1193
00:55:19,330 --> 00:55:23,660
Sed la pura efekto estas ke
ni ankaux suferadas ĉi tiel.

1194
00:55:23,660 --> 00:55:26,550
>> Do ni rigardu nur
paro de fina aferoj tie.

1195
00:55:26,550 --> 00:55:29,740
Ni paŭzu reala rapida kelkaj
tiuj aliaj kugloj, se scivola.

1196
00:55:29,740 --> 00:55:33,440
Do se vi volis,
ekzemple, pozicio

1197
00:55:33,440 --> 00:55:36,420
la teksto en malsamaj flankoj de la
paĝo, mi tuj fari rapidan vojon,

1198
00:55:36,420 --> 00:55:38,360
sed ekzistas malsamaj
manieroj fari tion.

1199
00:55:38,360 --> 00:55:42,610
Lasu min antaŭeniri kaj eliminate--
simpligi tion kiel sekvas.

1200
00:55:42,610 --> 00:55:45,330
Lasu min nur reiri al mia
simpla, simpla alineoj.

1201
00:55:45,330 --> 00:55:47,760
Lasu min reiri al mia styles.css.

1202
00:55:47,760 --> 00:55:51,040
Kaj mi simple tuj uzi la simple--
kiun vi eble vidis en Google

1203
00:55:51,040 --> 00:55:54,430
aŭ memoras de earlier--
teksto-align dekstra.

1204
00:55:54,430 --> 00:55:56,220
Kaj reŝarĝi la paĝon.

1205
00:55:56,220 --> 00:55:58,470
Nun ĉio ŝajnas
esti dekstra-vicigitaj,

1206
00:55:58,470 --> 00:56:00,770
kiel vi povus vidi en la supre tie.

1207
00:56:00,770 --> 00:56:04,470
>> Ni povas fari ĝin rigardi iom pli
rezervi-similaj, kaj ni povas diri "pravigi"

1208
00:56:04,470 --> 00:56:05,640
kaj reŝarĝi.

1209
00:56:05,640 --> 00:56:09,870
Nun ĝi estas bela kaj kvadrata sur ambaŭ
flankoj, kiu estas speco de agrabla.

1210
00:56:09,870 --> 00:56:12,220
Alia celo kiun ni havis tie
Estis ŝanĝo koloro de teksto.

1211
00:56:12,220 --> 00:56:13,650
Do ni vidis ke kun mia ruĝa teksto.

1212
00:56:13,650 --> 00:56:15,630
Kaj nun aldonas butonojn por formo.

1213
00:56:15,630 --> 00:56:19,390
Do kial ni ne provu fari ĝuste tion?

1214
00:56:19,390 --> 00:56:23,656
Sed unue permesu al mi iri al loko kiu
plimulto de ni uzu ĉiun day-- Google.

1215
00:56:23,656 --> 00:56:25,780
Kaj ni rigardu
kiom Google efektive funkcias.

1216
00:56:25,780 --> 00:56:26,821
Sed mi tuj faros tion.

1217
00:56:26,821 --> 00:56:31,930
Unue, mi faros in-- Yep,
lasu min iri al Google unue.

1218
00:56:31,930 --> 00:56:34,530
Mi tuj devos iri
en Google Fiksoj,

1219
00:56:34,530 --> 00:56:40,660
ĉar mi volas malebligi
iu nomita Instant Rezultoj.

1220
00:56:40,660 --> 00:56:43,580
>> Do vi eble rimarkis en
Google tiuj days-- lasu min iri reen

1221
00:56:43,580 --> 00:56:44,850
kaj defali sur.

1222
00:56:44,850 --> 00:56:47,900
Do se mi ekserĉi
por "katoj" kiel tiu,

1223
00:56:47,900 --> 00:56:50,120
rimarki ke ne nur faras
Mi alvenas aŭto- kompletigi supren

1224
00:56:50,120 --> 00:56:54,520
supro, subite, la paĝon mem
ŝajnas ŝanĝi bela rapide tiel,

1225
00:56:54,520 --> 00:56:58,750
kaj tio Google uzante lingvon
nomata Ĝavoskripto provas esti helpemaj.

1226
00:56:58,750 --> 00:57:01,540
Sed bedaŭrinde, ĝi speco
de fuŝas niajn diskuto

1227
00:57:01,540 --> 00:57:04,010
de kio vere okazas
sub la kapuĉo tie.

1228
00:57:04,010 --> 00:57:09,070
Tial mi estas nur speco de rapide
malŝalti momenteto rezultojn.

1229
00:57:09,070 --> 00:57:11,510
Kaj mi tuj klaku Save.

1230
00:57:11,510 --> 00:57:13,930
Kaj nun mi tuj malfermos
ke diagnozaj ilobreton mi

1231
00:57:13,930 --> 00:57:16,150
teni malfermo sub la Reto langeto.

1232
00:57:16,150 --> 00:57:17,720
Do ni faru ĉi.

1233
00:57:17,720 --> 00:57:21,960
Lasu kunulinon whoops--
rulumu ĉi malsupren iom.

1234
00:57:21,960 --> 00:57:24,410
Kaj lasu min serĉi "katoj."

1235
00:57:24,410 --> 00:57:26,790
>> Kaj nun notice-- fakte,
tiu estas bona ŝanco

1236
00:57:26,790 --> 00:57:28,840
diskuti dum momento.

1237
00:57:28,840 --> 00:57:32,460
Rimarki la momento mi type-- halti ĝin.

1238
00:57:32,460 --> 00:57:35,250
Halti ĝin.

1239
00:57:35,250 --> 00:57:35,790
BONE.

1240
00:57:35,790 --> 00:57:40,870
Rimarki la momento mi tajpas la literon
C, spekti la fundo de la ekrano.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. Kion la fundo
de tiu ekrano, mia Reto langeto,

1242
00:57:48,600 --> 00:57:53,320
sugestas okazas ĉiun
tempo mi tajpas leteron?

1243
00:57:53,320 --> 00:57:57,700
Bedaŭrinde, la rano estas tre
distrante hodiaŭ aŭ la trébol

1244
00:57:57,700 --> 00:58:00,339
aŭ kio ajn ĝi estas.

1245
00:58:00,339 --> 00:58:01,880
Kio okazas ĉiufoje mi tajpas?

1246
00:58:01,880 --> 00:58:04,230
Kaj lasu min liberigi la
buffer kaj tajpi ĝin.

1247
00:58:04,230 --> 00:58:06,580
So-- whoops.

1248
00:58:06,580 --> 00:58:13,280
Ĉiufoje mi tajpas leteron, C- A- T--
tiel nova vico evidente tenas aperanta.

1249
00:58:13,280 --> 00:58:16,530
Kion ĉiu el tiuj vicoj reprezentas,
bazita sur kion ni vidis kaj diskutis

1250
00:58:16,530 --> 00:58:17,339
tiel malproksime?

1251
00:58:17,339 --> 00:58:18,130
Spektantaro: Serĉo?

1252
00:58:18,130 --> 00:58:21,770
DAVID J. Malan: Serĉo, aŭ
pli genéricamente, HTTP peto

1253
00:58:21,770 --> 00:58:23,125
de mia retumilo al servilo.

1254
00:58:23,125 --> 00:58:29,090
Nu, kial mia retumilo faras HTTP
peti ĉiufoje mi tajpi leteron?

1255
00:58:29,090 --> 00:58:30,502
>> Spektantaro: [inaudible]

1256
00:58:30,502 --> 00:58:33,210
DAVID J. Malan: Jes, ĝi estas doni
Mi jam auto-pleneco rezultoj.

1257
00:58:33,210 --> 00:58:35,190
Kiel, kie fari tiujn
serĉrezultoj venas?

1258
00:58:35,190 --> 00:58:38,120
Nu, ĉiufoje mi tajpi
letero, Google sendas pli

1259
00:58:38,120 --> 00:58:40,460
kaj pli kaj pli
la vorto mi tajpas.

1260
00:58:40,460 --> 00:58:41,040
Kial?

1261
00:58:41,040 --> 00:58:44,540
Ĉar ili volas doni al mi
bona kaj pli bona, pli bona sugesto,

1262
00:58:44,540 --> 00:58:48,880
listo de sugestoj, por kiu vorto
Mi provas vere kompleta.

1263
00:58:48,880 --> 00:58:53,030
Do tiu estas laŭvorte ĉiu
karaktero vi tajpi en Google

1264
00:58:53,030 --> 00:58:56,900
estas sendita, finfine en
dika, sed ankaŭ kelkfoje

1265
00:58:56,900 --> 00:59:00,620
samtempe por implementar
tiuj auto-kompleta karakterizaĵoj kiam

1266
00:59:00,620 --> 00:59:03,000
la datumoj estas, kompreneble, en la reto.

1267
00:59:03,000 --> 00:59:08,780
>> Nun, ni rigardu kio reale
okazas kiam mi klakas Google Search.

1268
00:59:08,780 --> 00:59:10,420
Kaj tiam ni utiligi ĉi mem.

1269
00:59:10,420 --> 00:59:15,320
Do se mi rulumu malsupren nun al la tre
unua peto ke ĵus okazis.

1270
00:59:15,320 --> 00:59:17,130
Rimarki la jenan.

1271
00:59:17,130 --> 00:59:25,550
Estis sendita al sufiĉe longa URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
kaj tiam tutan faskon da aĵoj.

1273
00:59:27,100 --> 00:59:29,620
Vidu ĉi reale nun
en la retumilo langeto mem.

1274
00:59:29,620 --> 00:59:31,310
Ni forigi la toolbar tie.

1275
00:59:31,310 --> 00:59:33,140
Jen la paĝo de serĉrezultoj.

1276
00:59:33,140 --> 00:59:34,790
Kaj avizo jen la URL.

1277
00:59:34,790 --> 00:59:37,430
Nun, vi povas verŝajne diveni
kio okazas ĉi tie en parto.

1278
00:59:37,430 --> 00:59:39,090
Do unue, difino.

1279
00:59:39,090 --> 00:59:42,570
Tio ŝajne estas la destino
kie la formo estas donita.

1280
00:59:42,570 --> 00:59:44,910
Do kiam mi tajpas en la
vortoj "katoj" kaj batis Enter,

1281
00:59:44,910 --> 00:59:48,460
ŝajne Google sendis
mia teksto enigo al tiu retadreso

1282
00:59:48,460 --> 00:59:50,770
ke mi reliefigis
tie, oblikvo serĉo.

1283
00:59:50,770 --> 00:59:56,530
Rezultas, en URL, ion, kio
okazas post demandosigno estas,

1284
00:59:56,530 --> 01:00:01,270
kiel ni parolas tiele ŝlosila valoro paro
kiu tajpitaj en la formo aŭ iel

1285
01:00:01,270 --> 01:00:04,500
transdonita de la
retumilo al la servilo.

1286
01:00:04,500 --> 01:00:07,180
>> Do ajn vi tajpas enigo
en formon de la TTT

1287
01:00:07,180 --> 01:00:10,000
kaj estas sendita kiel ni havas
diskutis, tra get,

1288
01:00:10,000 --> 01:00:12,400
unu el tiuj virtuala
kovertoj, la enhavo

1289
01:00:12,400 --> 01:00:15,510
de tiu envelope-- jes, Teni
akiranta plenigita fizike

1290
01:00:15,510 --> 01:00:19,010
en la koverton en klaso
hodiaŭ, sed teknologie

1291
01:00:19,010 --> 01:00:21,110
ĝi estas fakte metitaj en la URL.

1292
01:00:21,110 --> 01:00:22,940
Do fakte, lasu min kribri tra ĉi.

1293
01:00:22,940 --> 01:00:25,010
Kie vi vidas uzanto enigo?

1294
01:00:25,010 --> 01:00:27,490
Kie vi vidas ion
ke mi estu tajpita supren tie?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Jes, do "katoj."

1297
01:00:33,491 --> 01:00:33,990
Maljuste

1298
01:00:33,990 --> 01:00:36,380
Do lasu min distili ĉi
en ion pli simpla.

1299
01:00:36,380 --> 01:00:39,917
Mi tuj forviŝi ĉion pri
tiu retadreso, kiun mi ne komprenas,

1300
01:00:39,917 --> 01:00:42,250
kaj mi simple tuj forlasi
kiel this-- / serĉu? q = katoj.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Ni vidos kie q
venas de tre frue,

1303
01:00:47,890 --> 01:00:51,220
sed kiu sentas kiel la minimuma
kvanto de informo kiun mi provizis.

1304
01:00:51,220 --> 01:00:53,050
Kaj nun mi tuj batis Enter.

1305
01:00:53,050 --> 01:00:55,520
Kaj rimarki ankoraŭ funkcias.

1306
01:00:55,520 --> 01:00:57,950
Ni ankoraŭ reiri tuta fasko de katoj.

1307
01:00:57,950 --> 01:01:00,340
Tiel Google estas amatoro
ol ĉi tiuj tagoj.

1308
01:01:00,340 --> 01:01:01,934
Ĝi estas 2016, ne 1999.

1309
01:01:01,934 --> 01:01:04,600
Do ekzistas aliaj aĵoj kiuj mia
retumilo sendas al la servilo.

1310
01:01:04,600 --> 01:01:07,100
Sed tiu estas minimume
ĉiuj kiuj necesas.

1311
01:01:07,100 --> 01:01:08,380
>> Do kio okazas?

1312
01:01:08,380 --> 01:01:14,320
Nu, unue lasu min antaŭeniri kaj iri
reen al Cloud9 kaj lasu min antaŭeniri

1313
01:01:14,320 --> 01:01:15,620
kaj fermas mian langetoj antaŭe.

1314
01:01:15,620 --> 01:01:18,230
Kaj mi faros tion en mia
posedas nur dum momento.

1315
01:01:18,230 --> 01:01:20,730
Mi tuj iros antaŭen
kaj krei novan dosieron.

1316
01:01:20,730 --> 01:01:23,739
Kaj mi tuj savi ĝin kiel google.html.

1317
01:01:23,739 --> 01:01:26,280
Kaj mi tuj tre quickly--
Mi tuj sxteli fakte,

1318
01:01:26,280 --> 01:01:28,510
iuj de ĉi teksto nur por ŝpari tempon.

1319
01:01:28,510 --> 01:01:30,610
Mi tuj almeti ĉi tien.

1320
01:01:30,610 --> 01:01:33,850
Mi ne ĝenus kun
iu estilización tiu tempo.

1321
01:01:33,850 --> 01:01:38,340
Ni tuj nomas tiun "Mia Google."

1322
01:01:38,340 --> 01:01:41,230
Kaj mi tuj seniĝi
de ĉiu en la korpo.

1323
01:01:41,230 --> 01:01:42,740
Kaj mi tuj faru la sekvajn.

1324
01:01:42,740 --> 01:01:45,690
Lasu min zomi.

1325
01:01:45,690 --> 01:01:50,620
Formi action-- kaj kiel mi mallonge menciita
earlier-- whoops-- kiel mi mallonge

1326
01:01:50,620 --> 01:01:54,130
menciis antaŭe, la ago de
formo estas kie vi sendas la datumojn al.

1327
01:01:54,130 --> 01:01:56,620
Tiel google.com/search.

1328
01:01:56,620 --> 01:01:59,390
Kaj la metodo Mi volas uzi
povas esti unu el du aferoj.

1329
01:01:59,390 --> 01:02:02,870
Ĝi povas ĉu esti "akiri", kiel ni tenas
diskutanta, aŭ ĝi povas esti "post."

1330
01:02:02,870 --> 01:02:05,340
Nuntempe, la fundamenta
diferenco estas, se vi uzas "get"

1331
01:02:05,340 --> 01:02:09,590
ĉiuj la informo ke la
uzanto provizas akiras sendita en la URL.

1332
01:02:09,590 --> 01:02:13,530
>> Kiu estas granda por aĵoj kiel serĉo
motoroj kaj kelkaj aliaj aplikoj,

1333
01:02:13,530 --> 01:02:17,080
sed en kiaj cirkonstancoj estus
vi ne volas plenigi formularon

1334
01:02:17,080 --> 01:02:21,620
kaj la informo finas la
URL, kiel en via retumilo stango?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Kiajn formojn fari you--

1337
01:02:26,605 --> 01:02:27,480
Spektantaro: [inaudible]

1338
01:02:27,480 --> 01:02:28,450
DAVID J. Malan: Jes, kiel kio?

1339
01:02:28,450 --> 01:02:29,270
Spektantaro: Pasvortoj.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. Malan: Jes, do vi ensalutas
en Facebook aŭ iu retejo.

1341
01:02:31,936 --> 01:02:34,395
Jen uzanto enigo de
formo, teksto skatolo,

1342
01:02:34,395 --> 01:02:37,020
sed vi verŝajne ne volas ĝin
montrante supren en la retumilo URL.

1343
01:02:37,020 --> 01:02:38,121
Kial?

1344
01:02:38,121 --> 01:02:40,870
Mi volas diri, eble estas iuj
sekureco implikaĵoj sur la reto,

1345
01:02:40,870 --> 01:02:44,830
sed more-- ŝatas, pli simple, se
via kompano, via signifa aliaj,

1346
01:02:44,830 --> 01:02:47,710
viaj infanoj, viaj edz aspektas
tra via retumilo historio?

1347
01:02:47,710 --> 01:02:50,762
Ekzistas vian pasvorton dekstra
tie en via retumilo historio.

1348
01:02:50,762 --> 01:02:52,220
Kiu ne sentas bonan dezajnon.

1349
01:02:52,220 --> 01:02:54,500
Aŭ eĉ pli teknike,
supozu vi provas

1350
01:02:54,500 --> 01:02:59,180
alŝuti foton al Flickr
aŭ Facebook aŭ wherever--

1351
01:02:59,180 --> 01:03:03,010
ke estas uzanto enigo, kvankam
ĝi estas iom pli interesting-- kiom

1352
01:03:03,010 --> 01:03:05,530
mi Cram bildon en la URL trinkejo?

1353
01:03:05,530 --> 01:03:06,730
Vi ia speco de povas.

1354
01:03:06,730 --> 01:03:07,396
Vi ia povas.

1355
01:03:07,396 --> 01:03:10,210
Sed, vere, mi estas malmola premis
Imagi faranta tion.

1356
01:03:10,210 --> 01:03:13,470
Do mi bezonas alian metodon por
alŝutado fotojn al retejo,

1357
01:03:13,470 --> 01:03:15,657
kaj ke alia metodo estas nomita "post."

1358
01:03:15,657 --> 01:03:18,740
Sed nuntempe, ni nur parolas pri
"Get", kio estas pli facila de la du.

1359
01:03:18,740 --> 01:03:21,100
Ĝi nur metas ĉiujn
uzanto enigo en la URL.

1360
01:03:21,100 --> 01:03:22,830
>> Do jen la formo mi krei.

1361
01:03:22,830 --> 01:03:24,070
Mi volas enigo.

1362
01:03:24,070 --> 01:03:24,820
Kaj vi scias kion?

1363
01:03:24,820 --> 01:03:26,111
Mi tuj prenos diveno tie.

1364
01:03:26,111 --> 01:03:31,600
Mi tuj rememoras mian
enigo "q" por "demando."

1365
01:03:31,600 --> 01:03:34,970
Kaj mi pensas, ke estas unu el la
originalaj dezajnoj, eble, de 1999.

1366
01:03:34,970 --> 01:03:39,560
Kaj tiam la tipo de ĉi enigo
Estas ĝuste tuj estos "teksto."

1367
01:03:39,560 --> 01:03:43,040
Kaj tiam mi iros al havi alia enigo
kiu ne bezonas nomon, kiel ni baldaŭ

1368
01:03:43,040 --> 01:03:45,120
vidu, la tipo de kiuj estas "submit".

1369
01:03:45,120 --> 01:03:47,070
Kaj tiu tuj
donu al mi specialan butonon.

1370
01:03:47,070 --> 01:03:48,320
Kaj tio estas ĝi.

1371
01:03:48,320 --> 01:03:50,790
>> Do lasu min antaŭeniri kaj savi ĉi tiun dosieron.

1372
01:03:50,790 --> 01:03:54,910
Mi tuj iros reen al mia
retumilo kaj iri al google.html.

1373
01:03:54,910 --> 01:03:56,140
Eniri.

1374
01:03:56,140 --> 01:03:59,680
Kaj ĝi estas speco de maldensa
diri la malpli.

1375
01:03:59,680 --> 01:04:03,110
Sed lasu min antaŭeniri
kaj serĉi "katoj."

1376
01:04:03,110 --> 01:04:06,510
Kaj rimarki Mi aktuale
en ĉi Cloud9 URL.

1377
01:04:06,510 --> 01:04:09,240
Sed la momento mi klakas ĉi,
kie vi esperas mi finos?

1378
01:04:09,240 --> 01:04:10,160
>> Spektantaro: Google.

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. Malan: Google.

1380
01:04:11,118 --> 01:04:12,740
Do ni klaku Submetu.

1381
01:04:12,740 --> 01:04:15,200
Kaj efektive mi re-implementado de Google.

1382
01:04:15,200 --> 01:04:15,700
Maljuste

1383
01:04:15,700 --> 01:04:16,480
Ĝi estas simpla.

1384
01:04:16,480 --> 01:04:17,120
Ĝi estas malpeza.

1385
01:04:17,120 --> 01:04:20,350
Mi volas diri, mia kodo estas klare pli bona ol
apartenos el la salaton ni vidis antaŭe.

1386
01:04:20,350 --> 01:04:21,100
Kaj vi scias kion?

1387
01:04:21,100 --> 01:04:22,610
Mi tuj spico ĉi supren iomete.

1388
01:04:22,610 --> 01:04:23,860
Mi ne menciis tiun antaŭe.

1389
01:04:23,860 --> 01:04:27,860
Ekzistas etikedoj kiel H1, por Titolo 1,
la plej grava rubriko en paĝo.

1390
01:04:27,860 --> 01:04:30,570
"Mia Google," mi nomas tiun.

1391
01:04:30,570 --> 01:04:31,940
Lasu min reŝarĝi.

1392
01:04:31,940 --> 01:04:33,772
Ĝi rigardas iom pli bona jam.

1393
01:04:33,772 --> 01:04:34,980
Kaj, fakte, vi scias kion?

1394
01:04:34,980 --> 01:04:36,430
Mi havas already-- mi mensogis.

1395
01:04:36,430 --> 01:04:40,200
Mi diris ke mi ne tuj stiligi ĉi,
sed mi iros por stiligi tiu kiel antaŭe.

1396
01:04:40,200 --> 01:04:46,860
Kaj mia korpo tuj estos,
diru, teksto-align centro.

1397
01:04:46,860 --> 01:04:48,800
Ĝi estas rigardanta pli kiel Google jam.

1398
01:04:48,800 --> 01:04:51,090
>> Mi bezonas linerompo, kvankam,
por ke Submetu butonon.

1399
01:04:51,090 --> 01:04:52,798
Kaj ĝi rezultas, vi
povas uzi alineojn,

1400
01:04:52,798 --> 01:04:57,320
aŭ vi povas pli laŭvorte nur diru,
donu al mi linerompo here-- la br etikedo.

1401
01:04:57,320 --> 01:04:59,319
Kaj se mi povos reŝargi tiun, nun iras tien.

1402
01:04:59,319 --> 01:05:01,610
Ĝi estas iom malbela, do mi
povus fari multoblajn linisaltojn,

1403
01:05:01,610 --> 01:05:03,310
sed ni ne tro avidaj tie.

1404
01:05:03,310 --> 01:05:06,430
Do nun ni vidu se ĝi laboras por "hundoj."

1405
01:05:06,430 --> 01:05:08,640
Ĝi ŝajnas funkcii por "hundoj", tiel.

1406
01:05:08,640 --> 01:05:10,780
Do kio estas la konvinka takeaway tie?

1407
01:05:10,780 --> 01:05:13,600
One-- ne grandega salto por
enkonduki kelkajn pli etikedoj,

1408
01:05:13,600 --> 01:05:15,370
kiel la formo etikedo en la enigo etikedo.

1409
01:05:15,370 --> 01:05:17,120
Sed pli funde
estas, ĉiuj ni faras

1410
01:05:17,120 --> 01:05:20,610
estas ekspluatanta nia kompreno
de HTTP kaj la fakto

1411
01:05:20,610 --> 01:05:24,900
ke formoj finfine ŝanĝi
kio estas en la URL de la navegador,

1412
01:05:24,900 --> 01:05:28,540
kaj tiel do, ni povas
mekanike havigi enigo al servilo

1413
01:05:28,540 --> 01:05:33,600
farante HTML formo kaj sciante
ke la servilo komprenas HTTP,

1414
01:05:33,600 --> 01:05:36,890
nur ŝatas nian korpon komprenas, kiel,
skuante mian manon, ke saman protokolon,

1415
01:05:36,890 --> 01:05:40,920
kaj do ni reiros la respondo
ke ni finfine atendas.

1416
01:05:40,920 --> 01:05:44,050
>> Do ni provu fari unu
lasta afero nun kun moveblaj,

1417
01:05:44,050 --> 01:05:47,052
kaj mi make-- mi aldonos
tiun kodon al la diapozitivoj.

1418
01:05:47,052 --> 01:05:49,760
Do se vi ŝatus toquetear, vi
certe povas preni ĝin de tie.

1419
01:05:49,760 --> 01:05:51,551
Sed mi tuj iros
antaŭen kaj fari unu aferon.

1420
01:05:51,551 --> 01:05:54,120
Mi tuj iros antaŭen kaj
malfermu mian indekso page--

1421
01:05:54,120 --> 01:05:59,030
mian saluton paĝon antaŭe, kiu
havas multajn tiun faux-latina teksto,

1422
01:05:59,030 --> 01:06:05,470
aŭ sensignifa latina teksto, kaj has--
ĝi aspektas kiel ĉi tiun tiparon grandeco.

1423
01:06:05,470 --> 01:06:07,850
Sed lasu min antaŭeniri kaj fari tion.

1424
01:06:07,850 --> 01:06:09,300
Mi tuj iros en Cloud9.

1425
01:06:09,300 --> 01:06:10,380
Kaj vi ne devas fari ĉi tiun paŝon.

1426
01:06:10,380 --> 01:06:11,420
Mi nur faras min.

1427
01:06:11,420 --> 01:06:12,890
Mi tuj klaku Interŝanĝado.

1428
01:06:12,890 --> 01:06:15,170
Kaj tio estas eco
nur de Cloud9, per

1429
01:06:15,170 --> 01:06:17,710
Mi povas fari mian medion publiko.

1430
01:06:17,710 --> 01:06:20,240
>> Kaj ĝuste pro
pruvo, lasu min fari tion.

1431
01:06:20,240 --> 01:06:22,870
Mi tuj faros mian aplikon publiko.

1432
01:06:22,870 --> 01:06:25,230
Rimarku ĝi estas averto mi, am
Mi certas ke mi volas fari tion,

1433
01:06:25,230 --> 01:06:28,438
ĉar tio tuj fari ĉiuj
en la mondo, ĉu ili estas tie nun

1434
01:06:28,438 --> 01:06:33,560
aŭ rigardante la video poste sur la
Interreto kapabla vidi kion mi vidas.

1435
01:06:33,560 --> 01:06:34,440
Sed tio estas bone.

1436
01:06:34,440 --> 01:06:37,870
Mi tuj diros "Done."

1437
01:06:37,870 --> 01:06:42,080
Kaj mi kuraĝigas vin, se mi faris
ĉi correctly-- lasu min provi ĝin unue.

1438
01:06:42,080 --> 01:06:45,590
Antaŭen, se vi ne mind--
en retumilo sur via komputilo,

1439
01:06:45,590 --> 01:06:49,900
iri al tiu retadreso, kaj espereble
Vi vidos mian latina teksto.

1440
01:06:49,900 --> 01:06:52,820
Kaj esti klara, estas
kurante ne sur mia tekkomputilo.

1441
01:06:52,820 --> 01:06:53,610
Ĝi estas en la nubo.

1442
01:06:53,610 --> 01:06:58,120
Ĝi estas sur Cloud9, laŭvorte, sed
Mi faris mian laborspaca publika

1443
01:06:58,120 --> 01:07:03,450
por ke cxiu ajn, sur la interreto
povas aliri mian latina ĉefpaĝon.

1444
01:07:03,450 --> 01:07:07,209
>> Iri al la sama URL sur
via telefono, se vi povus.

1445
01:07:07,209 --> 01:07:09,750
Se ĝi kostos vin, kvankam vi
povas nur rigardi super la ŝultro.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
Spektantaro: [inaudible]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. Malan: Mi bedaŭras?

1449
01:07:43,550 --> 01:07:45,390
Spektantaro: [inaudible]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. Malan: Ĝuste latinaj vortoj.

1451
01:07:47,710 --> 01:07:48,210
Tio estas ĉio.

1452
01:07:48,210 --> 01:07:49,250
Sed tion vi devus vidi.

1453
01:07:49,250 --> 01:07:49,875
>> Spektantaro: Jes.

1454
01:07:49,875 --> 01:07:50,790
DAVID J. Malan: Jes.

1455
01:07:50,790 --> 01:07:51,300
Yeah.

1456
01:07:51,300 --> 01:07:51,540
BONE.

1457
01:07:51,540 --> 01:07:53,530
Do mi povas teni vian
telefono por nur momenta?

1458
01:07:53,530 --> 01:07:57,504
Do, espereble, se vi konsentas
ĝin, ĝi devus aspekti preskaŭ nelegebla.

1459
01:07:57,504 --> 01:07:59,920
Estas still-- Mi volas diri, estas
nelegeblan pro la latina.

1460
01:07:59,920 --> 01:08:01,920
Sed estas ankaŭ nelegeblan
por kio alia kialo?

1461
01:08:01,920 --> 01:08:03,775
Kiel, kio placxas al Vi pri tio?

1462
01:08:03,775 --> 01:08:04,650
Spektantaro: Ĝi estas malgranda.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. Malan: Estas súper, súper malgrandaj.

1464
01:08:06,420 --> 01:08:07,920
Do kiel ni povus ripari tion?

1465
01:08:07,920 --> 01:08:09,730
Ĝi estas super, super malgranda
sur Venko telefono

1466
01:08:09,730 --> 01:08:11,400
kaj, se vi tiris
ĝin vi mem, probable

1467
01:08:11,400 --> 01:08:14,660
malgranda sur via telefono tiel, se vi
havi alireblecon agordojn ebligita.

1468
01:08:14,660 --> 01:08:15,530
Kio estas tio?

1469
01:08:15,530 --> 01:08:18,497
Vi povus simple pinĉi kaj
zoom, kiu estas praktika,

1470
01:08:18,497 --> 01:08:20,330
sed tiam vi nur vidos
kelkajn vortojn samtempe.

1471
01:08:20,330 --> 01:08:20,859
Do atendi minuton.

1472
01:08:20,859 --> 01:08:21,720
Mi scias kiel ripari tion.

1473
01:08:21,720 --> 01:08:22,219
Maljuste

1474
01:08:22,219 --> 01:08:26,130
Mi povus uzi CSS, kaj mi povus ŝanĝi la
tiparo grandeco de 12-punkta ĝis 24-punkto.

1475
01:08:26,130 --> 01:08:29,020
Sed la flanka efiko de tiu,
kompreneble, tuj estos nun,

1476
01:08:29,020 --> 01:08:32,630
sur labortablo aŭ portebla,
Nun la teksto estas duoble granda.

1477
01:08:32,630 --> 01:08:35,810
Kaj tiel ĝi estus speco de agrabla
distingi inter mekanismoj,

1478
01:08:35,810 --> 01:08:37,840
kaj ĝi rezultas ke
Estas manieroj fari tion.

1479
01:08:37,840 --> 01:08:39,590
Estas pluraj
malsamaj manieroj, fakte,

1480
01:08:39,590 --> 01:08:44,189
per uzanta CSS kaj amatoro karakterizaĵoj
ke ni ne eniros en granda detalo,

1481
01:08:44,189 --> 01:08:46,960
vi povas esence konsulti
la retumilo kaj diru:

1482
01:08:46,960 --> 01:08:51,550
se via ekrano estas pli malgranda ol tiu
multaj rastrumeroj, uzi tiun tiparon grandeco.

1483
01:08:51,550 --> 01:08:55,180
Se la ekrano estas pli granda ol tiu
multaj rastrumeroj, uzu tiun alian tiparon grandeco.

1484
01:08:55,180 --> 01:08:57,080
>> Vi povas eĉ amatoro ankoraŭ.

1485
01:08:57,080 --> 01:09:00,140
Se vi iam vizitis
retpaĝo ke, sur labortablo,

1486
01:09:00,140 --> 01:09:04,404
havas grandan menuo eble ekstere al la
flanko, kaj tiam ĉiuj la enhavo

1487
01:09:04,404 --> 01:09:07,029
trovas al la bordo de tiu menu--
jen speco de komuna paradigmo.

1488
01:09:07,029 --> 01:09:09,670
Menuo maldekstre, enhavo
sur dekstra, aŭ inverse.

1489
01:09:09,670 --> 01:09:13,569
Ne vere laboras en porteblaj kiam via
ekrano estas nur tio multaj rastrumeroj larĝa.

1490
01:09:13,569 --> 01:09:16,233
Tiom pli komunaj en porteblaj estas,
via menuo subite ricevas

1491
01:09:16,233 --> 01:09:18,399
kolapsis, kaj vi devos
klaku butonon por vidi ĝin,

1492
01:09:18,399 --> 01:09:22,404
aŭ la paĝaro metos la menuo
super ĝi kaj metis la enhavon sub ĝi.

1493
01:09:22,404 --> 01:09:24,779
Kaj vi povas apliki ĉi tiujn
aferoj en diversaj manieroj, ankaŭ.

1494
01:09:24,779 --> 01:09:28,340
Vi povas demandi vian programistoj,
hej, teamo, ajna tempo

1495
01:09:28,340 --> 01:09:34,450
vi vidos HTTP peto de Android
aparato, Microsoft aparato, Google

1496
01:09:34,450 --> 01:09:39,930
aparato, Apple mekanismoj, uzu tiun
tiparo grandeco kaj uzi tiun menuo aranĝo,

1497
01:09:39,930 --> 01:09:42,670
aŭ alie uzi ĉi defaŭlta granda aranĝo.

1498
01:09:42,670 --> 01:09:45,410
>> Nun, uzante kio
fundamenta tekniko hodiaŭ

1499
01:09:45,410 --> 01:09:48,529
povus la inĝenieroj uzas
scii ĉu ĝi estas

1500
01:09:48,529 --> 01:09:53,660
iPhone, Android telefono, Tekkomputilo,
labortabla vizitante la firmao servilo?

1501
01:09:53,660 --> 01:09:55,310
Kien ili ricevas tiun informon?

1502
01:09:55,310 --> 01:09:56,080
>> Spektantaro: Header?

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J. Malan: Jes, la HTTP header.

1504
01:09:57,740 --> 01:10:01,714
Tiel cxiu HTTP peto venas de
iliajn klientojn al iliaj serviloj

1505
01:10:01,714 --> 01:10:03,880
inkluzivi, ene tiu virtuala
koverton, tuta aro

1506
01:10:03,880 --> 01:10:08,260
de HTTP kaplinioj, unu el kiuj estas
la retumilo kaj la mastruma sistemo

1507
01:10:08,260 --> 01:10:10,290
eĉ, se vi volos
ke nivelo de detalo.

1508
01:10:10,290 --> 01:10:13,790
Nun ĝi estas kripta-aspekta kordo, sed
tie ekzistas programaro kiu volas nur

1509
01:10:13,790 --> 01:10:18,530
simpligi tion, kaj vi povas simple demandi
en programado code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- kio telefono estas this--
kio mekanismo estas jena uzanto uzanta?

1511
01:10:23,650 --> 01:10:27,501
Kaj tiam vi povas diri, montri al ili ĉi
versio de la retejo se ĝi estas telefono.

1512
01:10:27,501 --> 01:10:30,250
Montri ilin ĉi tiu versio de la
retejo se ĝi estas portebla aŭ labortablo.

1513
01:10:30,250 --> 01:10:32,316
Sed vi eĉ ne bezonas
servilo-flanko komplekseco.

1514
01:10:32,316 --> 01:10:33,940
Vi povas fari eĉ la plej simpla de aferoj.

1515
01:10:33,940 --> 01:10:34,815
>> Mi tuj faros tion.

1516
01:10:34,815 --> 01:10:38,995
Mi tuj iros antaŭen en
mia Cloud9 medio,

1517
01:10:38,995 --> 01:10:41,370
kaj mi tuj aldonu etikedo
ke vi vidis en Google antaŭe.

1518
01:10:41,370 --> 01:10:42,770
Ĝi nomiĝas la metatag.

1519
01:10:42,770 --> 01:10:45,520
Kaj mi neniam memoros ĉi tiu, tiel
Mi tuj transskribi gxin cxi tie.

1520
01:10:45,520 --> 01:10:50,552
Meta name = "vidujo" kaj tiam
enhavo = "width = aparato larĝa, intital

1521
01:10:50,552 --> 01:11:02,060
skalo = 1 "kaj tio estas ĝi.

1522
01:11:02,060 --> 01:11:06,230
>> Do ĝi povus tiel esti
kiel magian sorĉon.

1523
01:11:06,230 --> 01:11:11,300
Ĝi ne estas ĉiu, kiu klara, sed tiu havas
ion fari kun la vidujo,

1524
01:11:11,300 --> 01:11:15,070
kaj la vidujo estas nur la korpo de
retpaĝo, la rektangula regiono kiu

1525
01:11:15,070 --> 01:11:16,690
difinas la plejparto de la paĝo.

1526
01:11:16,690 --> 01:11:19,060
Kaj tiu estas nur rakontanta
la retumilo, vi scias kion?

1527
01:11:19,060 --> 01:11:22,589
Fari la larĝeco de la paĝo
efike egala al la aparato larĝa.

1528
01:11:22,589 --> 01:11:25,380
Alivorte, ne supozu ke
vi havas ia senlima spaco.

1529
01:11:25,380 --> 01:11:29,920
Supozi vi nur havas tiom multe
spaco kiel la aparato mem estas granda.

1530
01:11:29,920 --> 01:11:34,454
Kaj tial nun, se mi povos reŝargi tiun
en mia retumilo, mi vidas neniun ŝanĝon.

1531
01:11:34,454 --> 01:11:37,370
Sed se mi faris ĉi correctly-- kaj
mi transiras miaj fingers-- se vi ĉiuj

1532
01:11:37,370 --> 01:11:42,920
reŝarĝi viajn telefonojn, do vi
vidi konvinkan ŝanĝo?

1533
01:11:42,920 --> 01:11:43,620
Yeah, estas that--

1534
01:11:43,620 --> 01:11:45,067
>> Spektantaro: [inaudible]

1535
01:11:45,067 --> 01:11:45,900
DAVID J. Malan: Jes.

1536
01:11:45,900 --> 01:11:46,400
BONE.

1537
01:11:46,400 --> 01:11:47,850
Do eble pli legebla nun?

1538
01:11:47,850 --> 01:11:53,070
Ankoraŭ malgranda, por esti justa, sed ne
tiel eta kiel esti malobeema.

1539
01:11:53,070 --> 01:11:56,920
Kaj mi certe povus nuligi tiun
cetere kun CSS aŭ sur la servilo flanko,

1540
01:11:56,920 --> 01:12:00,120
sed ĉiam pli kion vi
vidante estas pli kaj pli karakterizaĵoj

1541
01:12:00,120 --> 01:12:02,900
esti aldonita al
kliento-flanko environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, kiel ni diskutos
Morgaŭ, CSS kaj HTML-- tiel

1543
01:12:06,530 --> 01:12:09,190
ke ĉiuj tiuj demandoj
povas esti farita sur la kliento

1544
01:12:09,190 --> 01:12:11,910
tiel kiel tedi la
servilo multe malpli kaj ne

1545
01:12:11,910 --> 01:12:14,530
havi teni supre kun,
Ekzemple, la konstanta alsturmo

1546
01:12:14,530 --> 01:12:17,210
de nova mastruma-sistemo
versioj, nova retumilo versioj.

1547
01:12:17,210 --> 01:12:20,190
Vi povas simple lasu la retumilo
demandu la aparato, kiom granda vi estas,

1548
01:12:20,190 --> 01:12:22,890
kaj tiam fari iom logika
decidojn bazita sur tio.

1549
01:12:22,890 --> 01:12:25,140
Sed ni vidos pli ŝancoj
por logikaj decidoj

1550
01:12:25,140 --> 01:12:27,223
Morgaŭ en la kunteksto
de programlingvo.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Do, demandojn, tiam,
sur ttt disvolviĝo?

1553
01:12:32,760 --> 01:12:36,130
Hodiaŭ ne ttt programado, po
se, ekde plej ĉio ni faris

1554
01:12:36,130 --> 01:12:38,370
Estis tre estetika, se vi volas.

1555
01:12:38,370 --> 01:12:41,750
Ne ekzistas decidado en
la kodo kiun ni skribis,

1556
01:12:41,750 --> 01:12:44,990
kaj tial estas kial HTML estas markado
lingvo, ne estas programlingvo.

1557
01:12:44,990 --> 01:12:47,140
Sed morgaŭ ni prenos
rapidan rigardon, finfine,

1558
01:12:47,140 --> 01:12:49,340
en JavaScript, kiu estas
fakta programado

1559
01:12:49,340 --> 01:12:54,220
lingvo kiu ebligas al ni fari iom pli.

1560
01:12:54,220 --> 01:12:56,800
>> Demandojn?

1561
01:12:56,800 --> 01:13:00,480
Nu, lasu min proponi du
ŝancojn laŭvola por hejmtasko.

1562
01:13:00,480 --> 01:13:02,900
Unu is-- tiuj Cloud9
kontoj ne eksvalidiĝos.

1563
01:13:02,900 --> 01:13:04,669
Vi plene rajtas uzi
ilin toquetear.

1564
01:13:04,669 --> 01:13:05,960
Ĝi estas la libera nivelo de servo.

1565
01:13:05,960 --> 01:13:08,754
Rimarki ke, se dum kreado
via laborspaca, vi faris ĝin publika,

1566
01:13:08,754 --> 01:13:11,670
kiu faras signifi ke iu sur la
Interreto povas vidi kion vi estas tajpanta.

1567
01:13:11,670 --> 01:13:15,104
Do eble nur konsideri
Ne hontigante mem

1568
01:13:15,104 --> 01:13:18,020
se vi metas vian unuan retejo
paĝo tie publike hazarde,

1569
01:13:18,020 --> 01:13:20,134
sed neniu tuj
scias rigardi tie ĉiuokaze.

1570
01:13:20,134 --> 01:13:23,760
>> Kaj two-- mi ĵeti
tiun URL tiel,

1571
01:13:23,760 --> 01:13:28,250
speciale se vi envenis hodiaŭ
iom malpli komfortaj ol aliaj,

1572
01:13:28,250 --> 01:13:30,430
certas kion ĉio ĉi aĵoj signifas.

1573
01:13:30,430 --> 01:13:36,780
Rimarkas ke multe pli de ĉi tiu video,
kiu estas ambaŭ bona maniero endormiĝi

1574
01:13:36,780 --> 01:13:39,380
kaj ankaŭ ridi dum
Tiamaniere ankaŭ

1575
01:13:39,380 --> 01:13:44,300
multajn societally interesa
kaj sekureco-rilata diskutoj

1576
01:13:44,300 --> 01:13:47,370
gxi de John Oliver,
kvankam comediante.

1577
01:13:47,370 --> 01:13:55,456
>> Sed se ne estas plua demandojn,
kiu alportas nin al la ricevo.

1578
01:13:55,456 --> 01:13:56,830
Do kial ne mi ŝaltas la muzikon.

1579
01:13:56,830 --> 01:13:58,610
Malaperis trinkaĵoj
kaj manĝetoj ekstere.

1580
01:13:58,610 --> 01:14:00,220
Mi estas feliĉa por miksi cxar
Dum homoj ŝatus,

1581
01:14:00,220 --> 01:14:01,600
respondi demandojn pli unu-sur-unu.

1582
01:14:01,600 --> 01:14:03,330
Sed, alie, vi estas bonvena
demeti en ajna punkto,

1583
01:14:03,330 --> 01:14:05,740
kaj ni vidos vin denove
morgaŭ matene por iom pli.

1584
01:14:05,740 --> 01:14:07,290
Bone, dankon.

1585
01:14:07,290 --> 01:14:10,428