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

2
00:00:00,127 --> 00:00:01,210
DAVID J. Humala: Hea küll.

3
00:00:01,210 --> 00:00:02,160
Me oleme tagasi.

4
00:00:02,160 --> 00:00:05,810
Nii Eesmärk on see viimasel istungil
on tutvustada veel mõned mõisted

5
00:00:05,810 --> 00:00:09,290
vaid ka anda kõigile võimaluse
et selline venitada oma sõrme

6
00:00:09,290 --> 00:00:11,270
ja tegelikult midagi
natuke käed.

7
00:00:11,270 --> 00:00:13,897
Eesmärgiks ei ole pöörduda
meid kõiki veebi arendajad

8
00:00:13,897 --> 00:00:16,230
mis tahes viisil, kuid tõesti ainult
Teile maitsta

9
00:00:16,230 --> 00:00:21,750
fundamentaalsetest konstruktsioone, mida
läheb veebi programmeerimine ja täna veebis

10
00:00:21,750 --> 00:00:23,980
arengut, nii et
staatiline pool things--

11
00:00:23,980 --> 00:00:26,660
no loogika ei ole programmeerimine
keel, vaid staatiline sisu.

12
00:00:26,660 --> 00:00:29,660
Ja see annab meile võimaluse
tegelikult näha, mida veebiserver,

13
00:00:29,660 --> 00:00:34,140
vaata, mida HTML fail on näha, millised
see on HTTP tegelikult teenivad üles.

14
00:00:34,140 --> 00:00:38,600
Aga enne kui me sukelduda, tagasiulatuva
küsimusi cloud computing

15
00:00:38,600 --> 00:00:43,922
või julgeoleku või midagi vahel?

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

17
00:00:44,890 --> 00:00:47,181
Olgu, hästi, olgem
Selleks igaks juhuks

18
00:00:47,181 --> 00:00:49,680
protsessi registreerumist
midagi võtab paar minutit.

19
00:00:49,680 --> 00:00:51,221
Me lase tal seda teha taustal.

20
00:00:51,221 --> 00:00:56,860
Lase käia, kui sa saaksid,
Selle URL siin-- c9.io.

21
00:00:56,860 --> 00:01:02,810
See on kolmanda osapoole service--
platvorm teenusena, kui te will--

22
00:01:02,810 --> 00:01:05,190
et läheb kutsun teid
logida konto

23
00:01:05,190 --> 00:01:08,650
ja see läheb annavad igaüks teist
konto niinimetatud pilv

24
00:01:08,650 --> 00:01:11,330
kellegi teise infrastruktuuri,
firma nimega Cloud9.

25
00:01:11,330 --> 00:01:13,350
Aga mis on tore
See on see, et nad teile

26
00:01:13,350 --> 00:01:15,990
ühtlustamise kohta
tegeliku reaalse arengu

27
00:01:15,990 --> 00:01:18,530
keskkonda, kuigi on
pilv ja veebibrauser,

28
00:01:18,530 --> 00:01:21,175
ja me kasutame seda tegelikult
eksperimenteerida natuke täna.

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

30
00:01:27,116 --> 00:01:30,260
Ja siis minna ja lihtsalt navigeerida
teed kirjautumisprosessia

31
00:01:30,260 --> 00:01:32,630
kui sa saaksid.

32
00:01:32,630 --> 00:01:36,080
Nii et me juhtuda, et kasutada seda klassis
Ma õpetan kõigile meie õpilastele,

33
00:01:36,080 --> 00:01:39,140
nii ülikoolilinnakus ja välja nüüd, ja
see asendatakse, mida ajalooliselt

34
00:01:39,140 --> 00:01:41,390
oli muidu allalaaditav tarkvara.

35
00:01:41,390 --> 00:01:44,620
Nii et mida sa juurdepääsu
on üks neist virtuaalseid masinaid,

36
00:01:44,620 --> 00:01:46,460
sisuliselt seda, et ma varem kirjeldatud.

37
00:01:46,460 --> 00:01:50,260
Nii et see firma Cloud9 ilmselt
üür kolmandast party-- tõepoolest

38
00:01:50,260 --> 00:01:52,760
Sel juhul Google'i abil kogu
hunnik virtuaalset masinad

39
00:01:52,760 --> 00:01:56,500
et nad kuidagi tükelda üles
illusiooni üksikute serverite

40
00:01:56,500 --> 00:01:58,610
et igaühel meist on täielik kontroll selle üle.

41
00:01:58,610 --> 00:02:01,640
See ei ole päris õige öelda
et nad virtuaalarvutid

42
00:02:01,640 --> 00:02:04,550
küll, sest mida
Cloud9 tegelikult kasutab

43
00:02:04,550 --> 00:02:07,570
on mõnevõrra uuem tehnoloogia
nimetatakse konteinerveod.

44
00:02:07,570 --> 00:02:13,150
Ja las ma haarata seda pilti
siin maalida seda pilti.

45
00:02:13,150 --> 00:02:16,540
>> Konteiner on, kui
te mäletate pilt

46
00:02:16,540 --> 00:02:19,900
varasematest, natuke kergem
kaalu kui virtuaalne masin.

47
00:02:19,900 --> 00:02:22,090
Tegelikult, samas viimase
kord, kui me rääkisime seal

48
00:02:22,090 --> 00:02:25,170
on operatsioonisüsteemi
süsteem ja hüperviisorit

49
00:02:25,170 --> 00:02:28,260
ja siis külaline operatsioonisüsteemi külaline
operatsioonisüsteemi külaline operatsioonisüsteemi

50
00:02:28,260 --> 00:02:30,940
süsteemi peal oma
füüsilise riistvara,

51
00:02:30,940 --> 00:02:33,740
vahe selles uuem
tehnoloogia, konteinerveod,

52
00:02:33,740 --> 00:02:37,290
on see, et nad kõik kuidagi jagada
sama operatsioonisüsteemi.

53
00:02:37,290 --> 00:02:39,970
Aga nad siiski luua
illusiooni igaühele

54
00:02:39,970 --> 00:02:44,590
võttes enda eksklusiivne
administratiivõigused ja failid

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

56
00:02:45,400 --> 00:02:48,230
Aga seal on vähem tarkvara
Teie ja riistvara.

57
00:02:48,230 --> 00:02:52,260
Mistõttu on
Teoreetiliselt võimsamat,

58
00:02:52,260 --> 00:02:55,470
sest te kasutate või
raisata vähem ressursse

59
00:02:55,470 --> 00:02:57,360
kohta, et nn virtualiseerimine kiht.

60
00:02:57,360 --> 00:02:59,420
Nii et see on nn
konteinerveod olemuselt

61
00:02:59,420 --> 00:03:02,920
teel tehnoloogiat nimega sadamatööline,
mis on väga tulevad oma.

62
00:03:02,920 --> 00:03:05,086
Ja see on midagi, mis
insenerid oma firma

63
00:03:05,086 --> 00:03:08,610
võib selline omamoodi hakata rääkima
umbes peagi, kui nad ei ole juba,

64
00:03:08,610 --> 00:03:11,590
kuigi seal on kindlasti mingi
põhjust hüpata tahes bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Nii et öelda, mida
sa tõenäoliselt näha nüüd

66
00:03:15,410 --> 00:03:22,670
on ekraan, mis tundub natuke niimoodi.

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

68
00:03:23,170 --> 00:03:25,260
Ja lihtsalt helista mulle enam, kui mitte.

69
00:03:25,260 --> 00:03:27,440
Ja kui so-- ma tulen üle, kui mitte.

70
00:03:27,440 --> 00:03:30,244
Lase käia ja klõpsake, et suur
pluss luua tööruumi,

71
00:03:30,244 --> 00:03:31,660
ja näete ekraanil niimoodi.

72
00:03:31,660 --> 00:03:35,020
Teil on võimalik helistada tööruumi
nimi iganes tahad nüüd.

73
00:03:35,020 --> 00:03:38,660
Ja just tegelikult lihtsuse,
minna Ja-- hästi, mõned teist

74
00:03:38,660 --> 00:03:39,660
juba tööruumid.

75
00:03:39,660 --> 00:03:47,050
Kõne see iganes sa want-- äri
Harvard, Neljapäev, mida iganes sa soovid.

76
00:03:47,050 --> 00:03:48,800
Sa ei pea kirjeldus.

77
00:03:48,800 --> 00:03:52,380
Võite jätta see era-, kui sa
juba on hunnik tööruumid.

78
00:03:52,380 --> 00:03:55,280
Kui oled sunnitud tegema seda avalikult,
siis hästi tänapäeva eesmärkidel.

79
00:03:55,280 --> 00:03:56,750
Ka siin on üks upsells.

80
00:03:56,750 --> 00:03:59,939
Sa saad ühe era tööruumi poolt
vaikimisi. Aga kui sa tahad rohkem,

81
00:03:59,939 --> 00:04:00,980
sa pead maksma rohkem.

82
00:04:00,980 --> 00:04:02,870
Muidu nad sunnivad sind
teha oma tööd avalik.

83
00:04:02,870 --> 00:04:05,600
Aga see on hea, sest nad ka
suunata see on avatud lähtekoodiga kogukonnad

84
00:04:05,600 --> 00:04:07,700
julgustada inimesi
tegelikult teevad.

85
00:04:07,700 --> 00:04:10,699
>> Ja viimane asi, mis on oluline,
aga on ju valida nime

86
00:04:10,699 --> 00:04:17,140
ja pärast valid era- või avalik-
klõpsa HTML5, suur oranž ikoon

87
00:04:17,140 --> 00:04:22,430
vasakult teine, ja
Seejärel klõpsa Loo tööruumi.

88
00:04:22,430 --> 00:04:24,580
Ja see on ilmselt
võta minut või nii,

89
00:04:24,580 --> 00:04:26,540
aga sa pead siis on
keskkonda, kui sa

90
00:04:26,540 --> 00:04:30,544
seda, mis tundub meenutab
Mis mul ekraanil nüüd siin.

91
00:04:30,544 --> 00:04:33,210
Kuid jällegi, see võib võtta minut
või rohkem, et saada sellele ekraanile

92
00:04:33,210 --> 00:04:34,770
kui olete klõpsanud Loo tööruumi.

93
00:04:34,770 --> 00:04:37,936
Aga lippu mind, kui soovite mind
võtta pilk midagi või nõu.

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

95
00:04:40,191 --> 00:04:40,690
Hästi.

96
00:04:40,690 --> 00:04:42,390
Nii et ma lähen taustal seda nüüd.

97
00:04:42,390 --> 00:04:44,260
Helista mulle üle, kui teile tundub, et
mingeid tehnilisi probleeme.

98
00:04:44,260 --> 00:04:46,210
Kuid jällegi, see võib võtta
natuke ette, et avada.

99
00:04:46,210 --> 00:04:49,570
Ja olgem minna ja rääkida, mida
see tegelikult tähendab, et veebilehe

100
00:04:49,570 --> 00:04:52,780
Mis HTML on ja kuidas see kõik
Nüüd ühendab nii oleme hakanud

101
00:04:52,780 --> 00:04:54,730
tegelikult kasutada mõned tehnoloogia.

102
00:04:54,730 --> 00:04:58,310
Nii selgub, et suudan
minna mu väike Mac siin

103
00:04:58,310 --> 00:05:01,650
avada lihtne programm nimega
TextEdit või Windows suutsin

104
00:05:01,650 --> 00:05:04,480
Avatud midagi, mida nimetatakse Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
Ja ma võiks lihtsalt lihtsalt midagi teha
nagu see-- "Hello, world."

106
00:05:08,260 --> 00:05:12,020
Ja siis ma võiks päästa seda
hello.txt Seega ei ole magic seal.

107
00:05:12,020 --> 00:05:15,200
See on midagi pistmist web
programmeerimine, midagi pistmist HTML.

108
00:05:15,200 --> 00:05:16,790
Lihtsalt luua lihtne tekstifaili.

109
00:05:16,790 --> 00:05:20,600
Selgub aga, et veebi
leht on sõna otseses mõttes just seda.

110
00:05:20,600 --> 00:05:24,020
See on lihtne tekstifail, mis sisaldab teksti
et sa võiksid kirjutada oma klaviatuuri,

111
00:05:24,020 --> 00:05:30,070
kuid see tavaliselt, kuid mitte alati
lõpeb ei .txt kuid .html või .htm.

112
00:05:30,070 --> 00:05:32,050
Ja sa ei ole lihtsalt
kirjuta sõnad failis.

113
00:05:32,050 --> 00:05:35,280
Sa tegelikult on kasutada asju nimetatakse
silte või üldisemalt midagi

114
00:05:35,280 --> 00:05:37,190
nimetatakse märgistuskeel.

115
00:05:37,190 --> 00:05:40,510
>> Nii et ma lähen väga kiiresti sisestada
ja siis selgitama.

116
00:05:40,510 --> 00:05:42,290
Ma lähen esimest
kirjuta see, mis ütleb,

117
00:05:42,290 --> 00:05:45,730
hei, brauser, siin on
veebilehe kirjutatud HTML.

118
00:05:45,730 --> 00:05:51,850
Ja need kaks asja kokku öelda, hei,
brauser, järgmine on tõepoolest HTML.

119
00:05:51,850 --> 00:05:55,790
Hei, brauser, siin tuleb
pea või peale minu lehele.

120
00:05:55,790 --> 00:05:59,900
Hei, brauser, sees tippu
minu leheküljel panna pealkiri, mis on, "tere,

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

122
00:06:01,610 --> 00:06:08,370
Hei, brauser, pärast pea minu
lehele, siin on keha minu lehele.

123
00:06:08,370 --> 00:06:12,170
Ja hei, brauser, keha minu
lehel peaks ka öelda, "tere."

124
00:06:12,170 --> 00:06:15,500
Millised on olulisemad detailid siin?

125
00:06:15,500 --> 00:06:17,960
See on see, mis on üldiselt
nimetatakse dok-tüüpi deklaratsiooni,

126
00:06:17,960 --> 00:06:20,190
Ja ausalt öeldes, see on natuke
raske meelde jätta see esimene.

127
00:06:20,190 --> 00:06:21,481
Sa lihtsalt selline kopeeri see.

128
00:06:21,481 --> 00:06:23,760
See on formaalselt
öelda, hei, brauser,

129
00:06:23,760 --> 00:06:28,030
Ma kasutan HTML versioon 5, mis
tuli välja viimasel ajal veidi.

130
00:06:28,030 --> 00:06:31,380
See on maagiline loits, et mõned
inimestel halb tunne disain

131
00:06:31,380 --> 00:06:33,640
otsustanud panna juures
väga faili algusesse.

132
00:06:33,640 --> 00:06:35,473
Kuigi see on
natuke kauge, see on kõik

133
00:06:35,473 --> 00:06:38,250
see means-- hei, brauser, siin
Kaasas versioon 5 HTML.

134
00:06:38,250 --> 00:06:41,741
>> Ülejäänud see on olnud meiega
juba mõnda aega, ajalooliselt

135
00:06:41,741 --> 00:06:44,740
kuid see on olnud arenev, ja see on
Tõenäoliselt on saada vähe lihtsam.

136
00:06:44,740 --> 00:06:47,320
Pange tähele, mõned omadused
mida ma olen rõhutanud.

137
00:06:47,320 --> 00:06:49,890
Seal on need asjad nurgelised
brackets-- vasakul sulg

138
00:06:49,890 --> 00:06:51,040
ja õige sulg.

139
00:06:51,040 --> 00:06:52,490
Ja märgata sümmeetriat siin.

140
00:06:52,490 --> 00:06:57,340
Ja sümmeetria, ma mõtlen, nagu ma
on see start tag siit või avatud tag

141
00:06:57,340 --> 00:07:01,560
kui soovite, siia alla mul on
sulgemissilti või lõpumärgendina see

142
00:07:01,560 --> 00:07:06,460
erinevad vaid niivõrd, kuivõrd see on tema
kaldkriips alguses sõna

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

144
00:07:07,360 --> 00:07:09,360
Ja sa ei mõtle
See, kui ma olin juhuslikult

145
00:07:09,360 --> 00:07:12,280
ettepaneku enne, hei,
brauser, siin on mõned HTML.

146
00:07:12,280 --> 00:07:16,060
Ja vastupidi, hei, brauser, mis on
see, et HTML-- alguse ja lõpu.

147
00:07:16,060 --> 00:07:18,440
>> Vahepeal hei, brauser, siin
tegemist pea minu lehele.

148
00:07:18,440 --> 00:07:20,140
Hei, brauser, mis on selle juht.

149
00:07:20,140 --> 00:07:22,240
Hei, brauser, siin on
keha minu lehele.

150
00:07:22,240 --> 00:07:24,020
Hei, brauser, mis on see, et keha.

151
00:07:24,020 --> 00:07:26,940
Ja sees, et on mõned
suvalist teksti nüüd.

152
00:07:26,940 --> 00:07:30,520
Ja sees pähe, vahepeal
on mingi teatud kuid sildistatud,

153
00:07:30,520 --> 00:07:34,410
niiöelda teksti, mis ütleb, pealkiri
minu leheküljel peab olema "Hello, world."

154
00:07:34,410 --> 00:07:37,470
Nüüd, nüüd, saate
eeldada, et brauserid

155
00:07:37,470 --> 00:07:41,762
on ainult-- või pigem veebilehti on
ainult kaks osa- pea ja keha.

156
00:07:41,762 --> 00:07:44,220
Ja pea on üldiselt lihtsalt
nagu menüüribal kraami

157
00:07:44,220 --> 00:07:45,510
tõesti ainult tipus.

158
00:07:45,510 --> 00:07:48,910
Ja keha on julgust lehe
kõik see suur ristkülik

159
00:07:48,910 --> 00:07:50,239
mis täidab ekraani.

160
00:07:50,239 --> 00:07:51,780
Nii et ma lähen edasi minna ja seda teha.

161
00:07:51,780 --> 00:07:54,400
Ma lähen edasi minna ja
klõpsad Salvesta, Fail Salvesta.

162
00:07:54,400 --> 00:07:58,580
Ja ma lähen säästa
seda hello.html,

163
00:07:58,580 --> 00:08:00,870
ja ma lihtsalt lähen
pane see minu töölaual.

164
00:08:00,870 --> 00:08:03,520
Ja ma lähen
käia ja klõpsake Salvesta.

165
00:08:03,520 --> 00:08:05,806
Ja notice-- minu Mac on
Vähemalt on minu peale karjud.

166
00:08:05,806 --> 00:08:07,180
Olete kindel, et soovid seda teha?

167
00:08:07,180 --> 00:08:08,710
Ja ma lähen, siis jah, kasutage HTML.

168
00:08:08,710 --> 00:08:10,400
Ma tean, et parem sel juhul.

169
00:08:10,400 --> 00:08:14,686
Ja nüüd ma lähen oma töölaual
kus ma olen seda pilti äkki.

170
00:08:14,686 --> 00:08:16,060
Ja ma lähen topeltklõpsake seda.

171
00:08:16,060 --> 00:08:18,268
Ja märkad, et kuna
Vaikimisi Chrome'i avanud.

172
00:08:18,268 --> 00:08:19,996
Seda sellepärast, et see on
vaikebrauserina.

173
00:08:19,996 --> 00:08:21,370
Ja see lihtsalt ütleb: "Tere, maailm."

174
00:08:21,370 --> 00:08:23,078
Aga ta ütleb: "Tere,
maailma "kahes kohas.

175
00:08:23,078 --> 00:08:23,979
Pange tähele, ülal vasakul.

176
00:08:23,979 --> 00:08:25,020
Päris raske mitte märgata seda.

177
00:08:25,020 --> 00:08:26,180
See on suur ja julge.

178
00:08:26,180 --> 00:08:30,690
Ja kus mujal see tundub
öelda, "tere, maailma"?

179
00:08:30,690 --> 00:08:31,470
>> Publik: vaheleht.

180
00:08:31,470 --> 00:08:33,100
>> DAVID J. Humala: Jah, ka sakk.

181
00:08:33,100 --> 00:08:35,159
Nii et kui ma ütlesin juht
leht on kõik üles top--

182
00:08:35,159 --> 00:08:36,367
ja tõepoolest see on pealkiri.

183
00:08:36,367 --> 00:08:37,710
See on lihtsalt sakki siin.

184
00:08:37,710 --> 00:08:40,320
Ja ma ei tõmba seda tab
välja, et mitte segi ajada.

185
00:08:40,320 --> 00:08:43,360
See on ainult üks sakk nüüd,
ja tõepoolest näeme "Hello, world"

186
00:08:43,360 --> 00:08:45,970
siin ja "Hello, world" siin.

187
00:08:45,970 --> 00:08:47,160
Nii päris lihtne.

188
00:08:47,160 --> 00:08:49,050
Aga see on ka üsna lihtne.

189
00:08:49,050 --> 00:08:50,440
Ja tegelikult, ma suumitud.

190
00:08:50,440 --> 00:08:53,272
Ma ei muuda fondi suurust lihtsalt
võimenduvad ligipääsetavuse.

191
00:08:53,272 --> 00:08:56,830
Kuid olgem nüüd midagi
natuke põnevamaks.

192
00:08:56,830 --> 00:08:59,760
>> Ma lähen go-- Oih, las
mul saada tagasi oma tekstifaili.

193
00:08:59,760 --> 00:09:02,400
Ma lähen tagasi oma
tekstifaili, ja ma lähen

194
00:09:02,400 --> 00:09:06,320
Selle muutmiseks ja öelda
"Tere, Disney World."

195
00:09:06,320 --> 00:09:07,970
Säästa.

196
00:09:07,970 --> 00:09:10,919
Ja lähen tagasi oma
brauser ja klõpsake Värskenda.

197
00:09:10,919 --> 00:09:12,710
Ja nüüd muidugi see
ütleb "Disney World."

198
00:09:12,710 --> 00:09:15,500
Ja ma lähen kunstlikult suurendada
just nii see on lihtsam näha.

199
00:09:15,500 --> 00:09:19,012
Nüüd kahjuks ma sellist soovi
mina-- tegelikult, see on Mac funktsioon.

200
00:09:19,012 --> 00:09:21,720
Ma tahan klõpsata Disney World
ja minna kuhugi, nagu disney.com,

201
00:09:21,720 --> 00:09:23,290
kuid see ei tööta.

202
00:09:23,290 --> 00:09:26,850
Nii põhidoktriini veebis on
hüperlinke, lingid, et minna mujale.

203
00:09:26,850 --> 00:09:28,390
Niisiis, kuidas ma seda teen?

204
00:09:28,390 --> 00:09:34,690
Noh, ma võiks öelda,
"Tere, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Salvesta see.

206
00:09:36,110 --> 00:09:37,620
Värskenda.

207
00:09:37,620 --> 00:09:39,400
Kuid ka see ei ole klikitav.

208
00:09:39,400 --> 00:09:42,930
Ja mis on tore siin, kuigi
see ei ole funktsionaalne veel,

209
00:09:42,930 --> 00:09:45,930
on see, et tundub, et
brauseri sõna otseses mõttes ainult ei

210
00:09:45,930 --> 00:09:46,950
mida ma öelda seda teha.

211
00:09:46,950 --> 00:09:50,110
Nii et kui ma lihtsalt tippige URL niimoodi,
see on lihtsalt läheb näidata mulle URL.

212
00:09:50,110 --> 00:09:54,270
Mul on vaja kasutada silte ja märgistuseta
keele tegelikult öelda

213
00:09:54,270 --> 00:09:55,621
Brauseri teha veelgi rohkem.

214
00:09:55,621 --> 00:09:57,870
Nii et ma lähen edasi minna ja
kustuta see hetk.

215
00:09:57,870 --> 00:10:00,980
Ja ma lähen öelda, hei,
brauser, alustada ankur siin

216
00:10:00,980 --> 00:10:02,650
link nii rääkida.

217
00:10:02,650 --> 00:10:07,500
Ja hüper-viide sihtpunkti
Selle ankur, peaks see URL.

218
00:10:07,500 --> 00:10:08,750
Ja märka minu hinnapakkumisi.

219
00:10:08,750 --> 00:10:11,590
Ma võiks kasutada ülakoma Ka
aga sa pead olema järjekindel,

220
00:10:11,590 --> 00:10:14,270
ja ma üldiselt lihtsalt kasutada
jutumärkide hoida lihtsa.

221
00:10:14,270 --> 00:10:16,820
Pange tähele, et ma lähen sulgeda tag.

222
00:10:16,820 --> 00:10:21,160
Ja siis siin ma lähen
öelda, "Disney World."

223
00:10:21,160 --> 00:10:26,890
Ja nüüd ma vajan symmetry--
avatud klambri / a, suletud sulg.

224
00:10:26,890 --> 00:10:28,090
>> Mida ma olen kasutusele?

225
00:10:28,090 --> 00:10:30,100
Meil on olnud mõned juba sildid.

226
00:10:30,100 --> 00:10:32,410
HTML, Head, pealkiri, keha,
kõik sildid, nii et rääkida,

227
00:10:32,410 --> 00:10:34,280
avatud ja suletud kolleegidega.

228
00:10:34,280 --> 00:10:36,530
Aga teate, see on omamoodi
fundamentaalselt erinevad.

229
00:10:36,530 --> 00:10:39,140
See on see, mida me nimetame
HTML atribuut.

230
00:10:39,140 --> 00:10:41,451
Ja atribuut on
lihtsalt võtmeväärtuste paari.

231
00:10:41,451 --> 00:10:43,950
See on tavaline asi
arvuti science-- võtmeväärtusega paari.

232
00:10:43,950 --> 00:10:45,770
See on omamoodi näitaja kaubandusest.

233
00:10:45,770 --> 00:10:47,040
Võtme ja väärtuse.

234
00:10:47,040 --> 00:10:49,390
Sõna ja siis mõned
muu sõna või sõnad.

235
00:10:49,390 --> 00:10:53,790
Ja sel juhul, võti on href,
ja väärtus on see, et täielik URL.

236
00:10:53,790 --> 00:10:57,890
Ja mis atribuut ei ole see
mõjutab käitumist silt.

237
00:10:57,890 --> 00:11:01,010
Ja sel juhul peame mõjutada
käitumist ankrusildi,

238
00:11:01,010 --> 00:11:04,140
sest meil on vaja kinnistada
see link kusagil.

239
00:11:04,140 --> 00:11:06,960
Ja kuidas sa seda ei
teel atribuut.

240
00:11:06,960 --> 00:11:08,970
>> Nii et ma lähen edasi minna
ja salvestage fail nüüd.

241
00:11:08,970 --> 00:11:11,300
Mine tagasi oma brauser ja uuesti laadida.

242
00:11:11,300 --> 00:11:14,580
Ja voila, on meil nüüd
algus õigustatud veebilehel.

243
00:11:14,580 --> 00:11:18,420
Super-lihtne, kuid kui ma kursorit
see-- teate allosas vasakus nurgas,

244
00:11:18,420 --> 00:11:19,830
see on super-väike.

245
00:11:19,830 --> 00:11:21,730
Aga sa vaata www.disney.com.

246
00:11:21,730 --> 00:11:27,076
Ja kui ma vajutan seda tõepoolest see
visplid mind ära disney.com.

247
00:11:27,076 --> 00:11:29,380
Nüüd, imelik
on selles, et see ei ole

248
00:11:29,380 --> 00:11:33,940
best-- kõige likviidsete URL, kuid
see on hea, sest see fail ei

249
00:11:33,940 --> 00:11:35,360
olemas on World Wide Web.

250
00:11:35,360 --> 00:11:39,740
See on olemas kohaliku failina näiliselt
minu Kasutajad directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
John Harvard-- / töölaual.

252
00:11:41,890 --> 00:11:42,634
Aga see on URL.

253
00:11:42,634 --> 00:11:43,800
See lihtsalt juhtub olema kohalik.

254
00:11:43,800 --> 00:11:47,050
Kahjuks ei ole ükski saad külastada
see, sest kui sa kirjutad selle URL

255
00:11:47,050 --> 00:11:49,980
siis oleksin öelnud oma brauseri
otsida faili nimega hello.html

256
00:11:49,980 --> 00:11:50,772
kõvakettal.

257
00:11:50,772 --> 00:11:53,271
Ja muidugi, kui te pole
jälginud mööda käsitsi

258
00:11:53,271 --> 00:11:54,530
ta ei kavatse olemasolu kohta.

259
00:11:54,530 --> 00:11:55,190
>> Nii et trahvi.

260
00:11:55,190 --> 00:11:57,815
Meil on vaja veel viis lõpuks
saada see fail veebis,

261
00:11:57,815 --> 00:12:01,180
kuid olgem tease peale paari
turvalisusega seotud tagajärjed, mida me lihtsalt

262
00:12:01,180 --> 00:12:04,850
nägi ja siduda see tagasi varem
arutelu selle hommikul.

263
00:12:04,850 --> 00:12:08,200
Selgub, et kui
brauseri sõna otseses mõttes lihtsalt ei

264
00:12:08,200 --> 00:12:12,560
mida ma öelda seda teha, ja tundub,
et olla nii, et ankrusilt on

265
00:12:12,560 --> 00:12:17,380
mõjutatud väärtus
Seda omadust nimetatakse href

266
00:12:17,380 --> 00:12:20,810
kuid see näitab seda
tekst, see tundub

267
00:12:20,810 --> 00:12:26,520
tähenda, et ma võiks panna URL
mõlemas kohas ja siis uuesti

268
00:12:26,520 --> 00:12:29,100
ja nüüd vaata URL ja minna URL.

269
00:12:29,100 --> 00:12:32,680
Teade, kui ma kursorit alt vasakule,
Ma tõesti läheb veel disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Nii et kui olete kunagi olnud
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
üks neist võlts kirju
alates nagu PayPal oma panga,

272
00:12:42,820 --> 00:12:46,470
olete ilmselt saanud viidad
e-posti, et sa loed, et

273
00:12:46,470 --> 00:12:49,970
ütleb, et siit minema kinnitavad
parool või kinnitage sünnikuupäev

274
00:12:49,970 --> 00:12:53,840
sotsiaalse või midagi sotsiaalselt
insener sa avaldada

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

276
00:12:54,920 --> 00:12:57,625
Noh, ma võiks sellist võtta
Kasutage seda ei saanud ma?

277
00:12:57,625 --> 00:13:01,240
Ma ei suutnud midagi öelda
nagu, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
Ja selle asemel, disney.com, ma
võiks minna, nagu badguy.com.

279
00:13:11,340 --> 00:13:12,850
Värskenda.

280
00:13:12,850 --> 00:13:16,620
Ja kui lihtne on seda Narri,
eriti üldarusaadav lugeja

281
00:13:16,620 --> 00:13:20,649
või põgusalt lugemine
Lugeja kui klikkida

282
00:13:20,649 --> 00:13:23,940
link niimoodi, mis siis, kui ma vajutan see--
Ma tegelikult ei taha minna badguy.com.

283
00:13:23,940 --> 00:13:25,398
Ma ei tea, mis on tegelikult olemas.

284
00:13:25,398 --> 00:13:30,080
Nii paypal.com, teate, on
mida ta ütleb, et see läheb,

285
00:13:30,080 --> 00:13:33,210
Aga muidugi, kui ma odavnema
ülimadala, see on natuke udune,

286
00:13:33,210 --> 00:13:34,230
kuid ta ütleb badguy.com.

287
00:13:34,230 --> 00:13:38,644
See on ainus öelda kohe
et ma lähen vales kohas.

288
00:13:38,644 --> 00:13:41,560
Ja kui ma ütlesin, et pangad
tõesti ei tohiks julgustada või treenida

289
00:13:41,560 --> 00:13:44,510
kasutajaid klikkides linke, see
on vaid üks ilming see.

290
00:13:44,510 --> 00:13:45,430
Ja nii lihtne see ongi.

291
00:13:45,430 --> 00:13:48,120
Olete nüüd vastane, kui
sa midagi sellist

292
00:13:48,120 --> 00:13:51,000
ja proovige trikk kasutaja
arvesse külastavad oma veebilehel.

293
00:13:51,000 --> 00:13:53,320
Aga nüüd, hoiame
asjad kena ja puhas.

294
00:13:53,320 --> 00:13:55,640
Me läheme edasi minna
ja tagasikerimine need muutused.

295
00:13:55,640 --> 00:13:56,530
Laadi leht uuesti.

296
00:13:56,530 --> 00:13:57,740
Ja ma lähen tagasi disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Vaatame, kas me ei kiusa
Selle peale veidi rohkem.

298
00:14:00,660 --> 00:14:04,160
Nii "tere, Disney World."

299
00:14:04,160 --> 00:14:05,950
Ma ütlen siin.

300
00:14:05,950 --> 00:14:08,220
Võib-olla ma lähen tegema ruumi.

301
00:14:08,220 --> 00:14:12,730
"Loodame, et naudite oma viibimist!"

302
00:14:12,730 --> 00:14:13,830
Säästa.

303
00:14:13,830 --> 00:14:15,850
Värskenda.

304
00:14:15,850 --> 00:14:19,010
See ei ole rea-- see pole
mida ma mõeldud, eks?

305
00:14:19,010 --> 00:14:21,870
Ma mõtlen, et kui ma ravivad oma teksti
faili nagu sõna töötleja,

306
00:14:21,870 --> 00:14:24,894
mida sa loota juhtuks siin?

307
00:14:24,894 --> 00:14:27,060
Jah, ma tunnen, et seal
peaks olema reapiiri siin

308
00:14:27,060 --> 00:14:28,799
nii tundub vigane kuidagi.

309
00:14:28,799 --> 00:14:31,090
Aga see on tegelikult tahtlik,
sest nagu seni,

310
00:14:31,090 --> 00:14:33,381
brauser on ainult kavatse
seda, mida sa öelda tahad.

311
00:14:33,381 --> 00:14:34,806
Ma ei öelnud seda, et murda read.

312
00:14:34,806 --> 00:14:37,930
Ma ei ole öelnud, et liikuda allapoole, isegi
kuigi intuitiivselt, ma tunnen nagu ma tegin.

313
00:14:37,930 --> 00:14:39,805
Nii selgub peame
veidi rohkem juurdehindlus,

314
00:14:39,805 --> 00:14:41,390
ja ma lähen seda parandada järgmiselt.

315
00:14:41,390 --> 00:14:46,160
Ma juhatan seda esimest tere
mida nimetatakse lõigu tag.

316
00:14:46,160 --> 00:14:48,920
Ja siis ma lähen edasi minna
ja murrab see teine ​​lause

317
00:14:48,920 --> 00:14:54,370
Teises punktis tag, kuigi
nad super-lühike punktid.

318
00:14:54,370 --> 00:14:55,930
Nüüd ma lähen säästa.

319
00:14:55,930 --> 00:14:57,160
Värskenda.

320
00:14:57,160 --> 00:14:59,070
Ja nüüd on meil see
ruumi, ja me omamoodi

321
00:14:59,070 --> 00:15:01,680
on semantika
kaks eraldi punktid.

322
00:15:01,680 --> 00:15:05,290
>> See on kõik hästi ja hea, kuid see
kena pildi lisada sellele lehele

323
00:15:05,290 --> 00:15:08,710
nii et ma lähen otsida
Mickey Mouse Google Images.

324
00:15:08,710 --> 00:15:12,830
Ja just for fun, ma olen
läheb haarata see pilt.

325
00:15:12,830 --> 00:15:15,350
Ma lähen edasi minna nüüd ja
haarata URL selle pildi,

326
00:15:15,350 --> 00:15:16,510
kuigi seal on erinevad
kuidas seda teha.

327
00:15:16,510 --> 00:15:18,520
Praegu ma lihtsalt kopeerida URL.

328
00:15:18,520 --> 00:15:24,770
Ma lähen tagasi oma teksti
fail ja ma lähen öelda,

329
00:15:24,770 --> 00:15:31,160
img src = tsitaat lõppeb
et URL, super-pikk.

330
00:15:31,160 --> 00:15:34,580
Ja siis mõiste kohta
pilt on veidi erinev.

331
00:15:34,580 --> 00:15:38,640
Seal tõesti ei ole mõiste lähtekohaks
pilt ja lõpetades pilt,

332
00:15:38,640 --> 00:15:40,630
nagu alguses sildi lõpu tag.

333
00:15:40,630 --> 00:15:43,840
Nii tundub natuke imelik
mulle tähenduslikult seda teha,

334
00:15:43,840 --> 00:15:45,390
et tihedas pildi tag.

335
00:15:45,390 --> 00:15:46,780
See ei ole vale.

336
00:15:46,780 --> 00:15:48,840
See on täiesti õige,
ja see on julgustanud,

337
00:15:48,840 --> 00:15:50,870
kuid seal on stenografisti märke.

338
00:15:50,870 --> 00:15:53,780
Saan mingi üheaegselt
avada ja sulgeda sama tag

339
00:15:53,780 --> 00:15:55,510
ja mis muudab brauseri õnnelik.

340
00:15:55,510 --> 00:15:56,950
Nii et see on natuke
sisutihedamat asju

341
00:15:56,950 --> 00:15:59,408
et põhimõtteliselt tõesti ei
mõtet alguse ja lõpu.

342
00:15:59,408 --> 00:16:01,190
Nad lihtsalt on olemas, ega nad ei ole.

343
00:16:01,190 --> 00:16:06,020
>> Nii et ma lähen salvestada ja minna tagasi
minu "Hello, world" lehel ja reload.

344
00:16:06,020 --> 00:16:09,880
Ja see on natuke kontrolli alt,
sest, et pilt on tegelikult

345
00:16:09,880 --> 00:16:12,210
natuke suur, kuid see on OK.

346
00:16:12,210 --> 00:16:13,710
Ma võiks suurust muuta programmis.

347
00:16:13,710 --> 00:16:14,900
Või sa tead, mida.

348
00:16:14,900 --> 00:16:17,350
Lihtsalt, et näidata, ma olen
läheb tegelikult öelda

349
00:16:17,350 --> 00:16:21,760
et laius see asi peaks
ainult 200 pikslit, 200 dots.

350
00:16:21,760 --> 00:16:24,360
Lubage mul minna ja päästa
ja uuesti, ja nüüd lehele

351
00:16:24,360 --> 00:16:25,690
tundub veidi enam mõistlik.

352
00:16:25,690 --> 00:16:27,260
Aga märgata muster.

353
00:16:27,260 --> 00:16:30,030
Noh, ma olen selline õpetanud kõik
HTML mõnes mõttes, vähemalt

354
00:16:30,030 --> 00:16:33,531
kontseptuaalselt, sest kõik HTML on on
Nende tags-- avatud sildid, suletud silte

355
00:16:33,531 --> 00:16:35,280
ja atribuudid, mis
muuta oma käitumist.

356
00:16:35,280 --> 00:16:38,380
Ja ilmselt iga
tag võib olla null või üks

357
00:16:38,380 --> 00:16:43,005
või kahe või enama atribuutidega Kõik
mis teeb midagi natuke erinev.

358
00:16:43,005 --> 00:16:44,380
Nüüd, kui sa tead, mida on olemas?

359
00:16:44,380 --> 00:16:46,800
Sa kuula keegi
nagu mina ütlen teile, mida ei eksisteeri,

360
00:16:46,800 --> 00:16:50,860
või sa lihtsalt Google ringi juhendaja
HTML, ja see tõesti on see lihtne.

361
00:16:50,860 --> 00:16:54,030
>> Tõesti, kui ma olin undergrad
aastat tagasi ja sain teada, HTML,

362
00:16:54,030 --> 00:16:56,530
üks mu matemaatika õpetamise
assistendid just kulutanud

363
00:16:56,530 --> 00:16:59,600
natuke aega juhendamine mind
samasuguste pool tundi, tund,

364
00:16:59,600 --> 00:17:00,660
ja siis ma olin teel.

365
00:17:00,660 --> 00:17:03,300
Ma olin teel suunas muuta
Kõige kole veebilehed kunagi varem

366
00:17:03,300 --> 00:17:05,549
mis ilmselt ma ei ole
tõesti jõudnud kaugemale.

367
00:17:05,549 --> 00:17:09,849
Kuid küsimus on, et kui sa
mõista neid lihtsaid ideas--

368
00:17:09,849 --> 00:17:13,450
kui kauge text-- kuid neid lihtsaid
ideed alustades arvasin

369
00:17:13,450 --> 00:17:15,960
ja sulgemise mõte, hoides
kõik kenasti tasakaalustatud,

370
00:17:15,960 --> 00:17:19,150
otsin midagi üles, muutes
käitumist, mis tag, mis on tõesti kõik

371
00:17:19,150 --> 00:17:20,079
on seda.

372
00:17:20,079 --> 00:17:28,140
Ja tegelikult, kui me nüüd minema
midagi google.com-- tegelikult,

373
00:17:28,140 --> 00:17:31,920
lähme koht natuke rohkem
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
Ja ma lähen Vaade
Arendaja, View Source.

375
00:17:37,800 --> 00:17:41,400
See on kole, kuid notice--
ja ma suumida teate

376
00:17:41,400 --> 00:17:43,432
mõned asjad, mis on tuttav juba.

377
00:17:43,432 --> 00:17:45,140
Seal on see siin,
mis on brauser.

378
00:17:45,140 --> 00:17:46,800
Siin on HTML5.

379
00:17:46,800 --> 00:17:47,634
Seal on HTML.

380
00:17:47,634 --> 00:17:49,550
Ilmselt seal on
atribuut, et ma ei

381
00:17:49,550 --> 00:17:51,540
kasutada mis määrab
lehekülje keeles,

382
00:17:51,540 --> 00:17:54,380
ja see aitab koos automaatse
tõlkimise ja värki.

383
00:17:54,380 --> 00:17:55,546
Siin juht lehel.

384
00:17:55,546 --> 00:17:57,790
Siin pealkiri Stanfordi lehel.

385
00:17:57,790 --> 00:17:59,832
Seal on silt ma ei
rääkida yet-- Meta tag.

386
00:17:59,832 --> 00:18:01,540
See on lihtsalt omamoodi
taustainfo.

387
00:18:01,540 --> 00:18:04,210
See aitab SEO või
Otsingumootori optimeerimine,

388
00:18:04,210 --> 00:18:06,320
või Google'i otsingutulemuste vms.

389
00:18:06,320 --> 00:18:09,029
Aga kui me otsime edasi, hoida
otsin, siin body.

390
00:18:09,029 --> 00:18:11,570
Ja seal on kobarad muu
sildid oleme ei rääkinud veel.

391
00:18:11,570 --> 00:18:13,750
Aga Div on üks võtta vastu
jaotus lehel.

392
00:18:13,750 --> 00:18:16,680
See on nagu nähtamatu ristkülik
kui sa sellist soovi vaimselt

393
00:18:16,680 --> 00:18:20,160
jagada oma lehe
eri üksused online.

394
00:18:20,160 --> 00:18:22,650
Ja siis palju divs ma
vaata, midagi, mida nimetatakse klassi,

395
00:18:22,650 --> 00:18:24,440
kuid me tuleme tagasi selle.

396
00:18:24,440 --> 00:18:26,200
>> See on interesting-- vormid.

397
00:18:26,200 --> 00:18:27,730
Vormid on kogu veebist.

398
00:18:27,730 --> 00:18:30,310
Iga otsingukasti oled
kunagi kasutatud on kujul.

399
00:18:30,310 --> 00:18:31,490
Ja nii, olgem tegelikult näha.

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

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

402
00:18:33,910 --> 00:18:37,660
Tegevus selles vormis, mis iganes
Ajaloolistel põhjustel on see, et URL.

403
00:18:37,660 --> 00:18:38,840
Meetod on "post".

404
00:18:38,840 --> 00:18:44,060
Selgub, et HTTP päringuid saab kasutada
tegusõna "saada", nagu me nägime enne,

405
00:18:44,060 --> 00:18:45,070
või "post".

406
00:18:45,070 --> 00:18:47,030
Ja näed erinevust
Selle ühe hetkega.

407
00:18:47,030 --> 00:18:48,363
Olgem tegelikult näha, mis see on.

408
00:18:48,363 --> 00:18:49,830
Lubage mul minna tagasi Stanfordi lehel.

409
00:18:49,830 --> 00:18:53,330
Mis vormis nad on rääkinud
umbes, sa arvad?

410
00:18:53,330 --> 00:18:54,485
Mis hüppab läbi olete?

411
00:18:54,485 --> 00:18:54,970
>> Publik: otsingukasti.

412
00:18:54,970 --> 00:18:55,845
>> DAVID J. Humala: Jah.

413
00:18:55,845 --> 00:18:58,410
Nii up üleval paremal
siin on see otsingukasti.

414
00:18:58,410 --> 00:19:02,441
Ja see, kuidas nad ellu see--
tag, mis on sõna otseses mõttes avatud sulg kujul.

415
00:19:02,441 --> 00:19:03,940
Ja siis olgem otsida midagi.

416
00:19:03,940 --> 00:19:09,220
Otsime semu
ning mine-- "Nick PARLANTE."

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

418
00:19:11,380 --> 00:19:13,750
Ja muidugi, see läks
veidi erinev URL.

419
00:19:13,750 --> 00:19:15,140
Lubage mul minna siia tagasi.

420
00:19:15,140 --> 00:19:18,960
Otsime "kursused".

421
00:19:18,960 --> 00:19:19,460
Pagan võtaks.

422
00:19:19,460 --> 00:19:20,484
Läksin erinev URL.

423
00:19:20,484 --> 00:19:23,400
Niisiis, Stanfordi lisades mõned magic
et nad ei võta mind URL

424
00:19:23,400 --> 00:19:25,820
et me nägime
tegevuse atribuut seal.

425
00:19:25,820 --> 00:19:32,480
Kuid see vorm on siin rakendatud puhtalt
teel seda juurdehindlus siin, neid silte.

426
00:19:32,480 --> 00:19:35,710
Tegelikult siin on sisendiks
otsingu tüüp, mida soovite.

427
00:19:35,710 --> 00:19:38,940
Siin on sisendiks
teist tüüpi otsing.

428
00:19:38,940 --> 00:19:41,960
Siin on sisendiks stringi ise.

429
00:19:41,960 --> 00:19:45,394
Ja nii eesmärk ei ole murrab
meie mõtetes ümber kõik need sildid

430
00:19:45,394 --> 00:19:46,060
aga lihtsalt näha.

431
00:19:46,060 --> 00:19:48,300
See on lihtsalt avamise ja sulgemise
sildid ja otsin asju.

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

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

434
00:19:48,920 --> 00:19:49,795
>> Publik: [kuuldamatu]

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

436
00:19:51,925 --> 00:19:53,550
DAVID J. Humala: See on hea küsimus.

437
00:19:53,550 --> 00:19:54,660
See on veidi keerukam näha.

438
00:19:54,660 --> 00:19:56,300
Lubage mul tagasi tulla, et
Küsimus on vaid paar minutit

439
00:19:56,300 --> 00:19:59,000
kui me vaatame midagi, mida nimetatakse
CSS või Kaskaadlaadistik,

440
00:19:59,000 --> 00:20:02,500
ja saame proovida järeldada
nii palju lehelt.

441
00:20:02,500 --> 00:20:08,090
Nii et kui me nüüd vaatleme google.com,
Vaatame, millised on nende lehekülgede välimust.

442
00:20:08,090 --> 00:20:09,840
Sa oleks they're-- see armas täna.

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

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

445
00:20:12,990 --> 00:20:13,690
Kõik tehtud.

446
00:20:13,690 --> 00:20:15,260
Olgu, nii View Source.

447
00:20:15,260 --> 00:20:19,590
Sa arvad, Google on
tore lähtekoodi.

448
00:20:19,590 --> 00:20:24,970
Niisiis, ilmselt, mis toimub siin?

449
00:20:24,970 --> 00:20:27,880
Ja tegelikult ei ole see isegi HTML.

450
00:20:27,880 --> 00:20:30,930
See on midagi, mida nimetatakse JavaScript.

451
00:20:30,930 --> 00:20:32,344
Ja olgem hoida läheb ja läheb.

452
00:20:32,344 --> 00:20:34,010
Ma isegi ei tea, kus lehe hakkab.

453
00:20:34,010 --> 00:20:37,240
Ma lähen kasutada Command
F, avatud sulg HTML.

454
00:20:37,240 --> 00:20:38,200
Olgu, siin see on.

455
00:20:38,200 --> 00:20:44,150
Leidsin algust leht ja
seal on nii palju asju siin.

456
00:20:44,150 --> 00:20:45,310
>> Mis tegelikult toimub?

457
00:20:45,310 --> 00:20:47,460
Noh, sa tead, mida,
saame puhastada see üles.

458
00:20:47,460 --> 00:20:52,109
Kui ma mitte minna sellele Kontrollige
tööriistariba, see eriline diagnostiline vahend,

459
00:20:52,109 --> 00:20:54,150
ja minna mitte võrgustik,
kus meie läheme täna

460
00:20:54,150 --> 00:20:56,420
aga kui ma lähen elemendid,
Mis on tõesti kena

461
00:20:56,420 --> 00:20:59,990
on see, et brauser on palju
palju parem silmad kui mina.

462
00:20:59,990 --> 00:21:02,670
Ja brauser on võimalik lugeda
mis jama veebilehele,

463
00:21:02,670 --> 00:21:04,700
et HTML mail me lihtsalt
vaatasin, ja see võib

464
00:21:04,700 --> 00:21:08,340
sõeluda või lugeda ja
analüüsida ja vormindada

465
00:21:08,340 --> 00:21:09,910
kena inimsõbraliku viisil.

466
00:21:09,910 --> 00:21:11,740
Nii, mida ma praegu näen
Selles ekraani siin

467
00:21:11,740 --> 00:21:15,470
all Elements, täpselt sama sisuga,
kuid nad on liigestatud kõike,

468
00:21:15,470 --> 00:21:18,140
nad on värviline, aga
see on täpselt sama teksti

469
00:21:18,140 --> 00:21:19,620
et ma serverist tõmmata.

470
00:21:19,620 --> 00:21:23,630
>> Ja mis on tore nüüd on Näen
keha jaoks instance-- teate,

471
00:21:23,630 --> 00:21:26,480
leht on ikka koosneb
lihtsalt pea ja keha,

472
00:21:26,480 --> 00:21:28,660
ja ma ei saa hierarhiliselt sukelduda siin.

473
00:21:28,660 --> 00:21:32,420
Pange tähele, et Google on ilmselt
kuni divs-- see üks ja see üks.

474
00:21:32,420 --> 00:21:33,310
Ma ei laiendada seda.

475
00:21:33,310 --> 00:21:35,370
Seal on terve hulk muid divs.

476
00:21:35,370 --> 00:21:36,900
Nii et see on natuke keeruline.

477
00:21:36,900 --> 00:21:37,400
Aga oota.

478
00:21:37,400 --> 00:21:40,970
See tundub nii palju
loetav, suhteliselt, kui see.

479
00:21:40,970 --> 00:21:43,840
Miks on Google piinlik
ise just saates

480
00:21:43,840 --> 00:21:50,400
Selle suure segaduse koodi mõne
Sorteeri lihtsalt ellu midagi

481
00:21:50,400 --> 00:21:53,640
mis näeb välja nii lihtne esimesel pilgul?

482
00:21:53,640 --> 00:21:55,270
Nagu, miks nad lisada rohkem ruumi?

483
00:21:55,270 --> 00:21:56,811
Miks nad ei Enter nagu mina tegin?

484
00:21:56,811 --> 00:21:59,110
Vaata, kui hea ma olin
kirjutamiseks veebilehel.

485
00:21:59,110 --> 00:22:00,680
Ma Enter nii usinalt.

486
00:22:00,680 --> 00:22:03,760
Ma liigestatud nii et kõik
on nii ilus ja loetav.

487
00:22:03,760 --> 00:22:08,463
Miks Google ei praktiseeri sama?

488
00:22:08,463 --> 00:22:11,409
>> Publik: [kuuldamatu]

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

490
00:22:12,305 --> 00:22:13,180
DAVID J. Humala: Hea.

491
00:22:13,180 --> 00:22:14,270
Väga aus.

492
00:22:14,270 --> 00:22:16,650
Neil ei ole mõned
Isik, Google käsitsi

493
00:22:16,650 --> 00:22:18,160
ajakohastamine kodulehel enam.

494
00:22:18,160 --> 00:22:20,010
See ei ole 1999 enam.

495
00:22:20,010 --> 00:22:21,140
Nii on neil tarkvara.

496
00:22:21,140 --> 00:22:25,397
Nad on ka teisi vahendeid, et
genereerida dünaamiliselt nad HTML.

497
00:22:25,397 --> 00:22:27,480
Muidugi, et kood ise
oli kirjutatud inimeste poolt,

498
00:22:27,480 --> 00:22:30,220
kuid reaalsus on,
see on üsna õiglane öelda,

499
00:22:30,220 --> 00:22:33,340
brauseri kindlasti ei
huvita, kuidas räpane kood on.

500
00:22:33,340 --> 00:22:35,940
Aga seal on isegi rohkem
mõjuvatel tehnilistel põhjusel

501
00:22:35,940 --> 00:22:42,580
et Google jagab oma HTML
koodi selline lohakas, näiliselt

502
00:22:42,580 --> 00:22:48,350
valdav viis kõik kokku pakkida
väga vähe way-- väga vähe

503
00:22:48,350 --> 00:22:51,274
teed vormingu nagu mina tegin.

504
00:22:51,274 --> 00:22:52,570
>> Publik: [kuuldamatu]

505
00:22:52,570 --> 00:22:53,528
>> DAVID J. Humala: kiiremini?

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

507
00:22:54,040 --> 00:22:55,680
Ja mida sa ütlesid, Lydia?

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

509
00:22:56,240 --> 00:22:57,281
Miks kiiremini?

510
00:22:57,281 --> 00:22:58,156
Publik: [kuuldamatu]

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

512
00:23:00,522 --> 00:23:02,230
DAVID J. Humala: Ei
pole ruumi lugeda.

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

514
00:23:02,730 --> 00:23:04,560
Nii mõelda, mida ruumi on.

515
00:23:04,560 --> 00:23:08,394
Nii iga klaviatuuril tähemärk võtab
mingi summa ruumi esindama,

516
00:23:08,394 --> 00:23:10,560
kas füüsiliselt, nagu see
võtab nii palju ruumi,

517
00:23:10,560 --> 00:23:13,250
või kuidagi all
hood, mis nõuab mälu.

518
00:23:13,250 --> 00:23:15,740
Ja kui aside-- ja me
rääkida rohkem sellest tomorrow--

519
00:23:15,740 --> 00:23:19,930
iga klaviatuuril tähemärk
nõuab tavaliselt 8 bitti või üks bait.

520
00:23:19,930 --> 00:23:23,360
Nii muster 8 nulli või
need, või lihtsalt 1 bait, nagu me

521
00:23:23,360 --> 00:23:24,720
Inimestel on tavaliselt öelda.

522
00:23:24,720 --> 00:23:27,690
Nii et väike, kuid
see on ikka nullist.

523
00:23:27,690 --> 00:23:29,940
See on ikka mingi summa ruumi.

524
00:23:29,940 --> 00:23:36,082
Nii et kui insener või Google'i tabamust
tühikut ainult üks kord, ja oletame

525
00:23:36,082 --> 00:23:38,540
Google'i abil on super-popular--
Oletame, et miljard inimest

526
00:23:38,540 --> 00:23:40,780
külastada oma kodulehel päevas,
või mõned inimeste arv

527
00:23:40,780 --> 00:23:43,290
külastada kodulehel esitletakse
miljardit korda päevas,

528
00:23:43,290 --> 00:23:48,890
kui palju täiendavaid baiti on, et
tarkvara insener maksavad vaid Google

529
00:23:48,890 --> 00:23:51,310
pihta tema tühikut kord?

530
00:23:51,310 --> 00:23:52,692
>> Publik: [kuuldamatu]

531
00:23:52,692 --> 00:23:54,150
DAVID J. Humala: Mitte päris nii hull.

532
00:23:54,150 --> 00:23:57,070
Lihtsalt üks bait korda miljardit.

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

534
00:23:57,871 --> 00:23:59,120
Publik: 8 miljardit gigabaiti.

535
00:23:59,120 --> 00:24:00,370
DAVID J. Humala: Mitte 8 miljardit.

536
00:24:00,370 --> 00:24:01,240
8 miljardit baiti.

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

538
00:24:02,410 --> 00:24:04,080
1 GB oleks mõõtühik.

539
00:24:04,080 --> 00:24:08,240
Kui ta teeb kaks
ruumid, 2 gigabaiti.

540
00:24:08,240 --> 00:24:09,030
Kolm gigabaiti.

541
00:24:09,030 --> 00:24:09,530
Right?

542
00:24:09,530 --> 00:24:11,860
See kaalud kallis.

543
00:24:11,860 --> 00:24:16,150
Ja nii juhtudel, nagu Google,
mis antud, on äärmisel juhul,

544
00:24:16,150 --> 00:24:21,450
on ka teisi küsimusi, mis tekivad ainult
tehes väga mõistlikud otsused

545
00:24:21,450 --> 00:24:25,744
või võtta väga lihtne inimtegevustes
sest see on tema suurendatud mõju.

546
00:24:25,744 --> 00:24:27,660
Nii et üks põhjus,
See näeb välja nii, suru

547
00:24:27,660 --> 00:24:30,660
on täpselt nii, nagu Victoria said-- see oli
lihtsalt elektrooniliselt niikuinii.

548
00:24:30,660 --> 00:24:31,900
Nii ei ole suur asi.

549
00:24:31,900 --> 00:24:33,309
Lase brauseri aru saada.

550
00:24:33,309 --> 00:24:35,350
Aga see ka tahtlikult
ei ole palju ruumi,

551
00:24:35,350 --> 00:24:36,766
kuna ruumi ei ole vajalik.

552
00:24:36,766 --> 00:24:38,250
Ja ruumi tegelikult maksab raha.

553
00:24:38,250 --> 00:24:40,670
>> See kas maksab aeg,
sest lihtsalt suruda

554
00:24:40,670 --> 00:24:44,670
et palju rohkem andmeid välja
google.com peakorter lihtsalt

555
00:24:44,670 --> 00:24:47,710
on saanud võtta mingi summa
aega, isegi kui see on millisekundit

556
00:24:47,710 --> 00:24:51,190
või mikrosekundit, kuid mis lisab kuni
üle nii palju kasutajaid, või veelgi tõenäolisemalt

557
00:24:51,190 --> 00:24:52,270
see ilmselt maksab raha.

558
00:24:52,270 --> 00:24:54,690
Google ilmselt ühendab
keegi teine ​​maailmas, üks

559
00:24:54,690 --> 00:24:56,398
nende piilumas
punktid, ja kui nad on

560
00:24:56,398 --> 00:24:59,880
mingi rahaline suhe
kusjuures nende andmete maksab raha,

561
00:24:59,880 --> 00:25:01,730
nad võiks samuti
vähendada, kui palju andmeid

562
00:25:01,730 --> 00:25:04,530
nad sülitada välja
oma internetiühendust.

563
00:25:04,530 --> 00:25:07,630
>> Nii naljakas asi, aga lõppkokkuvõttes
või äkki rahustav asi,

564
00:25:07,630 --> 00:25:11,030
on see, et kuigi see näeb kohutavalt
valdav, lõpus päeval,

565
00:25:11,030 --> 00:25:16,750
see on ikka täpselt samu põhimõtteid,
See on väga lihtne leht siin HTML-

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

567
00:25:17,390 --> 00:25:20,610
Nii lihtsalt kokku ja nii, et teil
on kanooniline versioon kui teil ei olnud

568
00:25:20,610 --> 00:25:25,900
järgmised poolt kaasa valik siin, siin
võib olla kõige lihtsam veebilehti,

569
00:25:25,900 --> 00:25:28,240
nii midagi mängida võibolla hiljem.

570
00:25:28,240 --> 00:25:30,790
>> Noh, kehtestada
Paar muid ideid nüüd.

571
00:25:30,790 --> 00:25:33,420
Oleme umbes tutvustada
midagi, mida nimetatakse stiilis tag.

572
00:25:33,420 --> 00:25:38,110
Me ei Stilisoida see leht
rohkem huvitavaid võimalusi.

573
00:25:38,110 --> 00:25:40,860
Nii et HTML e-posti
on kõike markeerimiseks

574
00:25:40,860 --> 00:25:44,470
andmed, justkui täpsustades kuni
brauseri kuidas struktureerida andmeid,

575
00:25:44,470 --> 00:25:48,110
kuhu panna see, CSS, või
Kaskaadlaadistik,

576
00:25:48,110 --> 00:25:52,640
on teine ​​keel,
Üldiselt saab segatud HTML

577
00:25:52,640 --> 00:25:55,670
kui me see-- kuid me saame puhastada
et üles moment--, mis võtab

578
00:25:55,670 --> 00:25:59,850
see lõpliku miil, ja see stylizes seda.

579
00:25:59,850 --> 00:26:02,460
Läheb värve just,
font suurused just,

580
00:26:02,460 --> 00:26:03,860
positsioneerimise just õige.

581
00:26:03,860 --> 00:26:06,510
See kõik on umbes esteetika
või vormingu, ei tähenda

582
00:26:06,510 --> 00:26:08,330
põhiline andmed ise.

583
00:26:08,330 --> 00:26:11,390
Ja lihtsaim viis näidata
See on võib-olla eeskujuks.

584
00:26:11,390 --> 00:26:15,320
Nii et ma lähen üle
minu lihttekstifaili.

585
00:26:15,320 --> 00:26:17,970
Ja üks hetk, ma
kõndida meid läbi protsessi

586
00:26:17,970 --> 00:26:19,360
seda teha ise.

587
00:26:19,360 --> 00:26:23,310
>> Ma lähen tagasi oma faili
siin ja lae leht lihtsalt

588
00:26:23,310 --> 00:26:25,800
kinnitada milline see välja näeb.

589
00:26:25,800 --> 00:26:27,190
See, kui me oleme nüüd.

590
00:26:27,190 --> 00:26:31,170
Ma tunnen, et lapsed saaksid
võttes mõned värvi sellele lehele.

591
00:26:31,170 --> 00:26:34,480
Nii et ma lähen siin
peasse lehel.

592
00:26:34,480 --> 00:26:38,130
Ja ma lähen tegema, stiilis, / stiili.

593
00:26:38,130 --> 00:26:44,060
Ja siis sees see, et ma lähen
öelda keha minu page--

594
00:26:44,060 --> 00:26:46,870
ja seda vormingut on kell
Esmapilgul võib-olla natuke

595
00:26:46,870 --> 00:26:49,400
kummaline, kuid tavalised.

596
00:26:49,400 --> 00:26:55,010
Ma ütlen, et taustal
värvi see leht peaks olema roheline.

597
00:26:55,010 --> 00:26:57,960
Ja see on kahjuks
omamoodi mitte parim disain.

598
00:26:57,960 --> 00:27:00,710
Pange tähele, et varem
maailma HTML,

599
00:27:00,710 --> 00:27:03,190
Ma ütlesin, et atribuute
need key-väärtus paare.

600
00:27:03,190 --> 00:27:05,760
Midagi võrdub tsitaat
lõppeb "midagi."

601
00:27:05,760 --> 00:27:08,810
Tänapäeva maailmas on CSS, mis oli
kujundas mõned erinevad inimesed,

602
00:27:08,810 --> 00:27:11,020
nad otsustasid, et nende
maailma, võtmete ja väärtuste paaridest

603
00:27:11,020 --> 00:27:13,920
oleks sõna jämesoole midagi.

604
00:27:13,920 --> 00:27:15,220
Nii et see on sama mõte, kuigi.

605
00:27:15,220 --> 00:27:18,620
See ühendab väärtus
kesksete et kuidagi

606
00:27:18,620 --> 00:27:20,330
mõjutab käitumist sellele lehele.

607
00:27:20,330 --> 00:27:21,901
>> Ja saab ilmselt arvata.

608
00:27:21,901 --> 00:27:24,150
Mis see on ilmselt läheb
teha isegi siis, kui te pole kunagi

609
00:27:24,150 --> 00:27:27,867
näinud HTML või CSS enne?

610
00:27:27,867 --> 00:27:29,450
Publik: Muuda tausta värvi.

611
00:27:29,450 --> 00:27:30,560
DAVID J. Humala: Jah,
muuta tausta värvi.

612
00:27:30,560 --> 00:27:33,280
Ja konkreetselt
taustavärvi keha.

613
00:27:33,280 --> 00:27:36,290
Aga kuivõrd
kere nüüd on veebis

614
00:27:36,290 --> 00:27:38,870
page-- see on ainus asi,
pealkirja alla baari really--

615
00:27:38,870 --> 00:27:40,870
see on ilmselt läheb
mõjutada sama asi.

616
00:27:40,870 --> 00:27:41,430
Vaatame.

617
00:27:41,430 --> 00:27:42,490
Hoiame seda.

618
00:27:42,490 --> 00:27:44,310
Mine siia ja laadida.

619
00:27:44,310 --> 00:27:46,140
See on päris kole.

620
00:27:46,140 --> 00:27:48,070
Ja mis toimub
siin on kõrvaltoime.

621
00:27:48,070 --> 00:27:49,850
Ma valisin selle pildi juhuslikult.

622
00:27:49,850 --> 00:27:53,305
Miks on rohelised mitte
läbivat taga Mickey?

623
00:27:53,305 --> 00:27:54,180
Publik: [kuuldamatu]

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

625
00:27:56,880 --> 00:27:57,880
DAVID J. Humala: Täpselt.

626
00:27:57,880 --> 00:28:01,750
Selgub, et pildid, päris
palju kõik pildid, mis me võiksime kasutada,

627
00:28:01,750 --> 00:28:03,670
kõik rectangles-- ristkülik.

628
00:28:03,670 --> 00:28:07,710
Isegi kui Mickey on mõned kõverad
ise ja on taust,

629
00:28:07,710 --> 00:28:09,330
Selle taustal peab olema midagi.

630
00:28:09,330 --> 00:28:10,280
See peab olema valge.

631
00:28:10,280 --> 00:28:11,910
See peab olema must või midagi muud.

632
00:28:11,910 --> 00:28:13,650
See võib olla läbipaistev.

633
00:28:13,650 --> 00:28:16,100
Ja tegelikult, suutsin
avada Mickey Mouse siin

634
00:28:16,100 --> 00:28:18,590
aastal programmi nimega Photoshop
või midagi sarnast

635
00:28:18,590 --> 00:28:21,176
ja muuta kõik, et valge
taust läbipaistvaks

636
00:28:21,176 --> 00:28:22,550
nii roheline paistaks läbi.

637
00:28:22,550 --> 00:28:25,980
Aga see on midagi, mida ma vajaks
küsida ennast või graafik

638
00:28:25,980 --> 00:28:28,130
või disainer minu
Ettevõte, näiteks

639
00:28:28,130 --> 00:28:31,490
teha, eriti kuna ma lihtsalt
laenatud see internet.

640
00:28:31,490 --> 00:28:33,030
Aga see, miks see toimub.

641
00:28:33,030 --> 00:28:34,980
>> Mida veel võiks me tahame teha?

642
00:28:34,980 --> 00:28:41,040
Noh, me võiksite öelda, et me
tõesti loodan, et te nautida oma viibimise.

643
00:28:41,040 --> 00:28:44,150
Ja tähelepanu, ma tahan
teha see tugev,

644
00:28:44,150 --> 00:28:48,310
ja nii ma ütlen lahti tugevad ja
sulgeda tugev ja seejärel uuesti.

645
00:28:48,310 --> 00:28:50,320
Ja see on natuke raske
näha projektorit

646
00:28:50,320 --> 00:28:53,250
aga võibolla tõesti nüüd
hüppab välja ennast natuke rohkem.

647
00:28:53,250 --> 00:28:56,180
Nii saate lisada kaldkirjas selles
Nii julge jääksid sel viisil.

648
00:28:56,180 --> 00:28:57,500
Me võiks muuta värve.

649
00:28:57,500 --> 00:29:01,610
Tegelikult lihtsalt peksab, ma olen
läheb edasi minna ja seda teha.

650
00:29:01,610 --> 00:29:05,120
Ma tõesti ei meeldi, kuidas minu
punktid on see lähestikku,

651
00:29:05,120 --> 00:29:06,870
nii et ma võiks teha midagi sellist.

652
00:29:06,870 --> 00:29:13,310
Ma lähen sirvija,
muuta iga punkt tag on,

653
00:29:13,310 --> 00:29:16,952
olgem say-- tegelikult, sa tead, mida,
olgem viia see text-align, keskus.

654
00:29:16,952 --> 00:29:19,410
Ja jälle, ma tean, et see ainult
sest keegi õpetas seda mulle

655
00:29:19,410 --> 00:29:21,118
või Vaatasin seda üles
online-viide.

656
00:29:21,118 --> 00:29:22,450
Nii et lubage mul salvestada.

657
00:29:22,450 --> 00:29:25,070
Ja ah, nüüd ma olen
tsentreeritud pildi sinna.

658
00:29:25,070 --> 00:29:28,490
Ja tegelikult, sa tead, mida, kui
Ma liikuda mu pilt mõnda lõikes

659
00:29:28,490 --> 00:29:34,510
tag-- nii kolmanda lõigu
kuigi see ei ole teksti.

660
00:29:34,510 --> 00:29:36,917
Hoiame seda ja uuesti laadida.

661
00:29:36,917 --> 00:29:40,000
Nüüd lehekülg on hakanud otsima liiki
of-- Ma mõtlen, see on ikka päris kole,

662
00:29:40,000 --> 00:29:43,180
aga vähemalt tundub Veetsin
Kahe minuti asemel üks minut

663
00:29:43,180 --> 00:29:43,950
tegemist.

664
00:29:43,950 --> 00:29:47,200
>> Ja nii sammhaaval, me saame
Nende esteetiline muutusi nüüd lehele?

665
00:29:47,200 --> 00:29:50,860
Ma ei ole tõesti muutunud andmed
lehekülje peale, lisades sõna tõesti.

666
00:29:50,860 --> 00:29:52,650
Olen lisanud metaandmed, kui soovite.

667
00:29:52,650 --> 00:29:54,830
Hei, brauser, teha
Sõna "tõesti" julge.

668
00:29:54,830 --> 00:29:56,940
Kuid andmed ei ole tugev.

669
00:29:56,940 --> 00:29:57,830
See on metaandmed.

670
00:29:57,830 --> 00:29:59,410
Andmed on "tõesti."

671
00:29:59,410 --> 00:30:02,200
Nii on meil veel mõned
Samal mõisted nagu enne.

672
00:30:02,200 --> 00:30:05,990
Nüüd, muidugi, see ei ole veebis
nii et ma lähen tegema veel ühe sammu siin.

673
00:30:05,990 --> 00:30:10,300
>> Ma lähen, et hello.html
ja lihtsalt rõhutada ja kopeeri see.

674
00:30:10,300 --> 00:30:12,285
Ja nüüd ma lähen
minema Cloud9, mis

675
00:30:12,285 --> 00:30:13,910
Ma sõelub vaid hetkeks.

676
00:30:13,910 --> 00:30:17,080
Ja koefitsiendid saate varsti, kui
ei ole, kui ekraani niimoodi.

677
00:30:17,080 --> 00:30:21,080
Ja las ma anda teile kiire
Tour mida Cloud9 tegelikult on.

678
00:30:21,080 --> 00:30:26,590
Nii jälle pilve 9 on
see pilvepõhine teenus

679
00:30:26,590 --> 00:30:30,580
mis annab teile ja mulle illusiooni
millel on oma virtuaalne masin

680
00:30:30,580 --> 00:30:33,090
pilv, tehniliselt
konteiner pilv,

681
00:30:33,090 --> 00:30:35,160
et meil on täielik
administraatori.

682
00:30:35,160 --> 00:30:37,130
Nii teoreetiliselt keegi
mujal maailmas on

683
00:30:37,130 --> 00:30:39,152
juurdepääsu ekraani ma olen
vaadates kohe,

684
00:30:39,152 --> 00:30:40,860
välja arvatud ehk inimesed
kes jooksevad saidile,

685
00:30:40,860 --> 00:30:43,470
sest tehniliselt on neil
füüsilist juurdepääsu ja nii edasi.

686
00:30:43,470 --> 00:30:44,740
>> Niisiis, mida me näeme selles keskkonnas?

687
00:30:44,740 --> 00:30:46,230
Ma lähen välja suumida,
sest see on natuke väike.

688
00:30:46,230 --> 00:30:48,104
Ja lubage mul üle
siin üks hetk.

689
00:30:48,104 --> 00:30:53,210
Vasakul servas minu ja teie
ekraan, seal on failisirvijat vasakul.

690
00:30:53,210 --> 00:30:55,362
Nii sarnase sisuga
Mac OS ja Windows.

691
00:30:55,362 --> 00:30:57,070
Need on kõik
failide minu kontol.

692
00:30:57,070 --> 00:30:59,250
Ja vaikimisi, kui teie
konto on nagu minul,

693
00:30:59,250 --> 00:31:05,090
näete või varsti näha
helloworld.html ja readme.md.

694
00:31:05,090 --> 00:31:07,950
Üle siin paremal, see on
kus mu tekstifaile lähevad.

695
00:31:07,950 --> 00:31:11,620
Kui olete kunagi kasutada Microsoft
Word või Notepad või TextEdit,

696
00:31:11,620 --> 00:31:14,100
See on sõna minu toimetamine
faile ei lähe.

697
00:31:14,100 --> 00:31:16,540
Ja siis kõige kauge
tunnuseks see keskkond

698
00:31:16,540 --> 00:31:20,100
et me tegelikult ei vaja kasutada on
siin nimetatakse terminali aknas.

699
00:31:20,100 --> 00:31:23,390
Kui oled kasutanud DOS
Läinud, see on Linux

700
00:31:23,390 --> 00:31:25,450
või Linux samaväärne DOS.

701
00:31:25,450 --> 00:31:28,190
See on teksti põhjal interface--
no hiireklõpsuga, ei lohistades.

702
00:31:28,190 --> 00:31:30,770
Kõik, mida saab teha, on sisestada
käske, aga need käsud

703
00:31:30,770 --> 00:31:34,400
saab luua faile, teisaldada, avatud
kataloogid lähedal kataloogid,

704
00:31:34,400 --> 00:31:35,740
teha ükskõik kui palju asju.

705
00:31:35,740 --> 00:31:38,060
Aga nüüd, me lihtsalt
kulutada oma aega siin.

706
00:31:38,060 --> 00:31:39,050
>> Ja nii teeme selle ära.

707
00:31:39,050 --> 00:31:41,008
Kui oled selles
keskkonda, mida tuleb

708
00:31:41,008 --> 00:31:45,900
kui sa lõid tööruumi
juba minna ja lihtsalt minna üles

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

710
00:31:48,690 --> 00:31:51,740
Ja see annab sulle uue
tab siin keset.

711
00:31:51,740 --> 00:31:54,250
Ja ma lihtsalt-- ja olgem
minna ja seda teha.

712
00:31:54,250 --> 00:31:59,910
Lähme edasi ja nüüd ei File, Save
ja minna ja nimetame seda hello.html,

713
00:31:59,910 --> 00:32:02,740
ei tohi segi ajada
helloworld.html, mis

714
00:32:02,740 --> 00:32:06,910
tuli endale tasuta konto
mis on lihtsalt proov faili.

715
00:32:06,910 --> 00:32:11,020
Sa näed, see äkki ilmuvad,
tõenäoliselt vasakul servas

716
00:32:11,020 --> 00:32:12,810
ja tab ikkagi avatud.

717
00:32:12,810 --> 00:32:21,300
Ja las ma kutsun teid nüüd taastada
Selle faili või mõned variandid.

718
00:32:21,300 --> 00:32:24,607
Ja kui sa ei saa päris näha seda kohta
ekraan, see on identne slaidid

719
00:32:24,607 --> 00:32:26,190
et siis ilmselt on teises tab.

720
00:32:26,190 --> 00:32:29,296
>> Lühidalt öeldes, teeme oma esimese veebilehe
salvestada ja siis üks hetk,

721
00:32:29,296 --> 00:32:31,170
Ma näitan teile, kuidas
võib tegelikult näha seda.

722
00:32:31,170 --> 00:32:32,970
Aga muuta vähemalt üks asi.

723
00:32:32,970 --> 00:32:35,400
Muuda helloworld kuni
midagi teie enda valik,

724
00:32:35,400 --> 00:32:39,821
nii et sa oled veendunud, et see on teie
esitada ja mitte see, mida ma just loodud.

725
00:32:39,821 --> 00:32:40,320
Hästi.

726
00:32:40,320 --> 00:32:43,804
Ja kui sa ready-- ole
rush-- kui olete valmis,

727
00:32:43,804 --> 00:32:46,220
minna ja salvestage fail
kui olete need muudatused.

728
00:32:46,220 --> 00:32:49,540
Ja kui klõpsate
Run nupp üles tippu, seda

729
00:32:49,540 --> 00:32:53,610
peaks avama uue kaardi, mis näitab,
teile, mida URL võib külastada oma faili,

730
00:32:53,610 --> 00:32:56,380
kuid see võib võtta hetk
tsitaat lõppeb "start Apache", mis

731
00:32:56,380 --> 00:32:58,820
on nimi veebiserver.

732
00:32:58,820 --> 00:33:02,430
Nii et ole ettevaatlik, et teha täpselt
Mis failis lõpuks.

733
00:33:02,430 --> 00:33:04,610
Nii kohe, ma suumida.

734
00:33:04,610 --> 00:33:07,780
Kui ma kirjutama hakata
Avatud sulg HTML, teate

735
00:33:07,780 --> 00:33:09,650
see sunnib mind lõpetan oma mõtte.

736
00:33:09,650 --> 00:33:13,750
Ja kui ma lõpetasin oma mõtte, siis
automaatselt annab mulle lõpusildiga.

737
00:33:13,750 --> 00:33:17,190
Aga ootus on, siis ma löön
Sisesta ja seejärel liiguvad seal

738
00:33:17,190 --> 00:33:21,180
ja ei pea sees ja
siis ma teen keha sees.

739
00:33:21,180 --> 00:33:24,430
Ja see on natuke imelik alguses,
sest see teeb töö ära,

740
00:33:24,430 --> 00:33:27,110
aga aru, et lõppkokkuvõttes
see säästab klahvivajutusi.

741
00:33:27,110 --> 00:33:30,500
Ja tegelikult väga ühine joon
programmeerimise keskkonnad nendel päevadel

742
00:33:30,500 --> 00:33:33,260
nii veebi arengut nagu
seda ja tegelik programmeerimine,

743
00:33:33,260 --> 00:33:36,960
mis me räägime homme
on neid auto-complete funktsioone,

744
00:33:36,960 --> 00:33:39,710
asju, mis lihtsalt võimaldab
programmeerija või disainer

745
00:33:39,710 --> 00:33:42,010
kirjuta vähem klahvivajutused
täita sama asi.

746
00:33:42,010 --> 00:33:43,176
Mõnikord on hea, kuigi.

747
00:33:43,176 --> 00:33:44,560
Vahel on lihtsalt tüütu.

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

749
00:33:49,290 --> 00:33:54,010
Ja jällegi, kui olete transkribeeritud
slaidi või mõne varianti

750
00:33:54,010 --> 00:33:57,360
võite nuppu Käivita kuni top.

751
00:33:57,360 --> 00:33:59,910
Ja siis põhjas
aken, siis tuleb teavitada

752
00:33:59,910 --> 00:34:04,290
millise URL võib külastada oma kodulehel.

753
00:34:04,290 --> 00:34:08,790
Mine näiteks on
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
ja nii edasi.

755
00:34:11,480 --> 00:34:14,580
Olgu, nii, las mind-- küsimusi?

756
00:34:14,580 --> 00:34:19,460
Muid küsimusi lihtsalt saada
see töötab enne kui me lisada funktsioone?

757
00:34:19,460 --> 00:34:21,692
Ja andke mulle ettepaneku, lihtsalt
saada inimesed comfortable--

758
00:34:21,692 --> 00:34:24,400
sest see on üks asi lihtsalt
kopeeri pimesi, mida ma olen teinud.

759
00:34:24,400 --> 00:34:27,177
Aga lihtsalt nii, et inimesed maadelda
vähemalt ühe ülesande,

760
00:34:27,177 --> 00:34:28,510
Ma lähen sisse lülitada mõned muusika.

761
00:34:28,510 --> 00:34:32,630
Ma lähen ettepaneku nimekiri
asju saab potentsiaalselt lisada.

762
00:34:32,630 --> 00:34:34,086
Ja saab kindlasti kasutada Google.

763
00:34:34,086 --> 00:34:36,210
Ja miks ei võiks lihtsalt
ettepaneku, et püüate lahendada

764
00:34:36,210 --> 00:34:38,710
vähemalt üks probleem siin.

765
00:34:38,710 --> 00:34:45,090
Nii poolest silte
andke mulle uuesti seda siin.

766
00:34:45,090 --> 00:34:48,280
>> Tegelikult, las ma panna
seda teksti kujul.

767
00:34:48,280 --> 00:35:02,380
Oletame, et üks sildid me võiksime
kasutada siin on mõned sildid siin.

768
00:35:02,380 --> 00:35:06,090
Me oleme näinud lõikes tag.

769
00:35:06,090 --> 00:35:07,850
Nüüd läheb auto-complete.

770
00:35:07,850 --> 00:35:12,220
§ sildi, ankrusildi.

771
00:35:12,220 --> 00:35:15,250
Oletame, et soovite
teha midagi suuremat,

772
00:35:15,250 --> 00:35:19,480
nii et siin võib like--
span tag aitab.

773
00:35:19,480 --> 00:35:23,010
Noh, siis võib abi vaja
eest, et üks hetk.

774
00:35:23,010 --> 00:35:24,830
Me oleme näinud div.

775
00:35:24,830 --> 00:35:26,170
Näete seal tabelis.

776
00:35:26,170 --> 00:35:27,928
On midagi, mida nimetatakse tr, td.

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

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

779
00:35:32,860 --> 00:35:34,770
Tule tagasi, et ühel hetkel.

780
00:35:34,770 --> 00:35:36,590
Mis veel võiks olla mugav?

781
00:35:36,590 --> 00:35:38,310
Seal on tugev.

782
00:35:38,310 --> 00:35:43,640
Seal on rõhk, või pigem em.

783
00:35:43,640 --> 00:35:50,110
There's-- mida veel
võib teile meeldib siin?

784
00:35:50,110 --> 00:35:51,930
Noh, me võtame
vaadata, et üheskoos.

785
00:35:51,930 --> 00:35:53,230
Vorm, mida me oleme näinud.

786
00:35:53,230 --> 00:35:54,130
Seal kujul.

787
00:35:54,130 --> 00:35:56,500
Seal on sisend ja mõned teised.

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

789
00:35:58,924 --> 00:36:00,090
Olgu, teeme siis seda.

790
00:36:00,090 --> 00:36:02,330
Kõnele Victoria
Küsimus, lubage mul kõigepealt

791
00:36:02,330 --> 00:36:05,020
lihtsalt veendumaks, et kõik on
võimalik saada oma hello töö.

792
00:36:05,020 --> 00:36:06,900
Siis lubage mul tutvustada
paar muid ideid.

793
00:36:06,900 --> 00:36:09,209
Siis lasen inimesed lahendada
mõningaid probleeme oma.

794
00:36:09,209 --> 00:36:11,500
Siis me tegelikult tulevad tagasi
Selle mõiste kujul,

795
00:36:11,500 --> 00:36:14,950
ja me tegelikult uuesti rakendada
koos esiotsa liides,

796
00:36:14,950 --> 00:36:16,450
niiöelda, Google ise.

797
00:36:16,450 --> 00:36:19,700
Me kasutame Google kolp ja lase
neid tegema rasket tööd, otsides,

798
00:36:19,700 --> 00:36:22,760
kuid me uuesti esiotsa
Google ja otsingumootorit

799
00:36:22,760 --> 00:36:24,520
et neil on ka oma kodulehekülg.

800
00:36:24,520 --> 00:36:27,050
Ja nii me tuleme tagasi
Nende silte hetk.

801
00:36:27,050 --> 00:36:30,270
>> Nii see oli, mida ma
kavandatud hetk tagasi.

802
00:36:30,270 --> 00:36:33,940
Me võime lisada stilisatsioon kuni
siselehekülgedel selle stiili tag,

803
00:36:33,940 --> 00:36:36,950
ja me saame Stilisoida taustal
värvi, teksti joondamine,

804
00:36:36,950 --> 00:36:39,000
kas see on keskel või vasakule või paremale.

805
00:36:39,000 --> 00:36:41,630
Kuid väga kiiresti soovid
leida või veebi disainer

806
00:36:41,630 --> 00:36:44,060
ei leia, et see
muutub veidi kohmakas,

807
00:36:44,060 --> 00:36:48,330
sest sa teed, mis on
nimetatakse segamine sisu

808
00:36:48,330 --> 00:36:50,120
koos esitluse hulgast.

809
00:36:50,120 --> 00:36:53,756
Sa segamine oma andmeid
ja esteetika selle.

810
00:36:53,756 --> 00:36:56,380
Ja tegelikult, kui arvestada
Mis juhtub üle AEG_

811
00:36:56,380 --> 00:36:58,350
see on väga väike
veebilehe, muidugi.

812
00:36:58,350 --> 00:37:01,590
Aga kui ma lisan sisu sellele lehele
ja lisan stiilis sellele lehele,

813
00:37:01,590 --> 00:37:04,650
lehekülje väga kiiresti saab
pikemaks ja pikemaks.

814
00:37:04,650 --> 00:37:07,510
Ja oletame, et ma tahan
on teine ​​veebileht, mis

815
00:37:07,510 --> 00:37:09,010
jagab mõned neist atribuutidest.

816
00:37:09,010 --> 00:37:12,350
Oletame, minu teine ​​veebilehe minu
site-- ka, ma tahan kõike keskus,

817
00:37:12,350 --> 00:37:14,960
ja ma tahan ka kõike
rohelise taustaga.

818
00:37:14,960 --> 00:37:17,940
Ma olen päris palju läheb on
kopeeri ja kleebi mõned read

819
00:37:17,940 --> 00:37:20,730
arvesse, et teist faili, mis tundub hea.

820
00:37:20,730 --> 00:37:22,030
See lahendab probleemi.

821
00:37:22,030 --> 00:37:26,060
>> Aga mis siis, kui ma tahan kolmanda lehekülje
või 30. leheküljel või 40. leheküljel?

822
00:37:26,060 --> 00:37:28,730
Nüüd ma lähen kopeerimine ja
kleepides palju eksemplaris koodi

823
00:37:28,730 --> 00:37:30,430
Mitme faili.

824
00:37:30,430 --> 00:37:32,600
Ja nii oletame, et
Ma otsustan või ma ütlesin,

825
00:37:32,600 --> 00:37:34,780
hei, me ei kasuta
rohelisel taustal enam.

826
00:37:34,780 --> 00:37:36,380
Me läheme kasutama hakata oranž.

827
00:37:36,380 --> 00:37:38,690
Mida sa pead muutma?

828
00:37:38,690 --> 00:37:42,900
Noh, sa pead muutma, et stiili
rohelisest oranžiks, kuidas paljudes kohtades?

829
00:37:42,900 --> 00:37:44,920
Nagu 30 või 40 kohta.

830
00:37:44,920 --> 00:37:45,900
See on tüütu.

831
00:37:45,900 --> 00:37:47,039
See on vigu tekkida.

832
00:37:47,039 --> 00:37:49,580
Seal on mitmeid põhjuseid
kus sa ei taha et kutsuda esile

833
00:37:49,580 --> 00:37:51,840
sellist valu ise.

834
00:37:51,840 --> 00:37:54,760
Ja nii ei oleks tore
kui me võiksime seda, mida ma just

835
00:37:54,760 --> 00:37:58,240
pane nende kahe kollane
sildid, need stiilis sildid,

836
00:37:58,240 --> 00:38:04,050
tegur see välja ja pani kõik minu
stilisatsioon ühte keskset faili

837
00:38:04,050 --> 00:38:08,470
et kõik 30 või 40 minu muid faile
laenata või kuidagi viide

838
00:38:08,470 --> 00:38:11,640
ei ole erinevalt võrgustiku
diagrammid me teeme varem?

839
00:38:11,640 --> 00:38:15,030
>> Nii et kui ma lähen siin, ma olen
läheb tegelikult ettepaneku

840
00:38:15,030 --> 00:38:17,880
et me asendada
stiilis tag midagi

841
00:38:17,880 --> 00:38:21,620
nimetatakse link tag, mis
on kohutavalt, kohutavalt nimega,

842
00:38:21,620 --> 00:38:24,370
sest sa ei kasuta
link tag luua, mida

843
00:38:24,370 --> 00:38:26,380
meil inimestel teada, kui link veebilehele.

844
00:38:26,380 --> 00:38:29,750
Sest, et te kasutate mis tag?

845
00:38:29,750 --> 00:38:31,464
Kuidas luua lingi veebilehele?

846
00:38:31,464 --> 00:38:32,130
Publik: A.

847
00:38:32,130 --> 00:38:34,870
DAVID J. Humala: A või ankur
tag, mis läks Disney enne.

848
00:38:34,870 --> 00:38:39,090
Link tag siin ütleb
see-- faili link nimega

849
00:38:39,090 --> 00:38:44,350
styles.css, suhe, millele
saab olema, et see on minu laaditabeli.

850
00:38:44,350 --> 00:38:48,290
Nii et see on üks S-sid
CSS-- Kaskaadlaadistik.

851
00:38:48,290 --> 00:38:50,490
Style sheet-- kaks S'i CSS.

852
00:38:50,490 --> 00:38:52,550
CSS-stiil.

853
00:38:52,550 --> 00:38:58,640
See tähendab lihtsalt, hei, brauser, minge
leida styles.css kohalikus serveris

854
00:38:58,640 --> 00:39:01,870
ja kasutada seda oma Stiil
mis tähendab sees, et faili

855
00:39:01,870 --> 00:39:05,310
läheb kõik
stilisatsioonidega, et oleme lihtsalt teha.

856
00:39:05,310 --> 00:39:07,396
Ja mis siis, et faili
tunduda on järgmine.

857
00:39:07,396 --> 00:39:10,020
Ja ma lihtsalt seda teha on kiire
Näiteks, kuna me ei pea

858
00:39:10,020 --> 00:39:12,000
saada liiga palju umbrohtu siin.

859
00:39:12,000 --> 00:39:17,840
Aga kui ma koopia sellest, mida ma ettepaneku
on see, et programmeerija luua uus fail,

860
00:39:17,840 --> 00:39:24,450
kleebi need lines--
whoops-- kleebi need read,

861
00:39:24,450 --> 00:39:32,270
salvestage see styles.css, ja siis, et
Teisest faili kustutada kõik selle

862
00:39:32,270 --> 00:39:35,450
ja asendada selle asemel
Selle link tag.

863
00:39:35,450 --> 00:39:43,090
Nii et kui ma saan href = "styles.css"
suhe peab olema "laaditabeli"

864
00:39:43,090 --> 00:39:44,170
sulgemissilti.

865
00:39:44,170 --> 00:39:45,250
Säästa ta.

866
00:39:45,250 --> 00:39:47,000
Mine tagasi oma helloworld.

867
00:39:47,000 --> 00:39:48,690
Värskenda.

868
00:39:48,690 --> 00:39:51,290
>> Sõna otseses mõttes midagi juhtunud.

869
00:39:51,290 --> 00:39:54,710
See on hea, sest see
tähendab see tegelikult kõik töötab.

870
00:39:54,710 --> 00:39:58,860
Et tõestada, kui palju, arvan, et ma teha
kirjaviga, ja ma kutsun seda "styles.css"

871
00:39:58,860 --> 00:40:03,080
suure tähega S, mis on
vale, ja siis uuesti.

872
00:40:03,080 --> 00:40:05,470
Nüüd näed see lihtsalt ei tööta.

873
00:40:05,470 --> 00:40:06,362
Nüüd, miks?

874
00:40:06,362 --> 00:40:08,070
Noh, kasutage
tehnikat varem.

875
00:40:08,070 --> 00:40:10,153
Lubage mul minna, ja
minu brauser, Chrome, ma olen

876
00:40:10,153 --> 00:40:12,900
läheb avama, et erilist
võrgu tab nagu enne,

877
00:40:12,900 --> 00:40:15,560
ja andke lae leht.

878
00:40:15,560 --> 00:40:19,341
Mida sa ei ole üllatunud, et näha kohe?

879
00:40:19,341 --> 00:40:20,840
Või äkki sa oled üllatunud, et seda näha.

880
00:40:20,840 --> 00:40:23,225
Nii või teisiti, mida sa näed nüüd?

881
00:40:23,225 --> 00:40:24,100
Publik: [kuuldamatu]

882
00:40:24,100 --> 00:40:24,770
DAVID J. Humala: See ei ole leitud.

883
00:40:24,770 --> 00:40:25,680
Miks ei leidnud?

884
00:40:25,680 --> 00:40:28,480
Noh, Styles.css-- kapitali
S- ei ole olemas.

885
00:40:28,480 --> 00:40:29,230
Ma misnamed ta.

886
00:40:29,230 --> 00:40:30,430
Lihtne kirjaviga.

887
00:40:30,430 --> 00:40:33,816
Aga ma saan arusaadavalt nüüd
404, kuna server ütleb, hei,

888
00:40:33,816 --> 00:40:34,440
see ei ole leitud.

889
00:40:34,440 --> 00:40:36,300
Sõna otseses mõttes, ma ei tea
kui see fail on.

890
00:40:36,300 --> 00:40:38,880
Nii selle tulemusena brauseri
näitab sulle, mida ta suudab,

891
00:40:38,880 --> 00:40:42,860
toores lehe sisu,
mis oli 200, HTML,

892
00:40:42,860 --> 00:40:45,390
kuid stilisatsiooni ei saa
lisada pärast.

893
00:40:45,390 --> 00:40:47,120
Ja see on see, mis tähendas, kaskaadi.

894
00:40:47,120 --> 00:40:49,070
Võite omamoodi lisada
pärast, ja see omamoodi

895
00:40:49,070 --> 00:40:50,874
puhastab esteetika veebilehel.

896
00:40:50,874 --> 00:40:53,790
Ja võite isegi alistavad
stiile veel teisi laaditabeli faili

897
00:40:53,790 --> 00:40:54,700
kui sa tahad.

898
00:40:54,700 --> 00:40:57,780
See ei ole leitud, kuigi sel juhul,
sest muidugi ma misnamed ta.

899
00:40:57,780 --> 00:41:00,330
Nii et ma oleks määrata, et esimene.

900
00:41:00,330 --> 00:41:04,667
>> Nii lähme edasi ja
välja järgmise.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Lähme edasi ja tee seda.

903
00:41:11,140 --> 00:41:14,220
Alustades ehk
Teie helloworld faili

904
00:41:14,220 --> 00:41:17,740
las ma kutsun paar
funktsiooni ettepanekuid.

905
00:41:17,740 --> 00:41:20,400
Niisiis, Victoria, et sa tahtsid
teha mingi tekst suuremaks, eks?

906
00:41:20,400 --> 00:41:24,555
Olgu, et saaksime
ei tee teksti suuremaks.

907
00:41:24,555 --> 00:41:26,860
Ja me iga rebite
ainult üks probleem lahendada.

908
00:41:26,860 --> 00:41:30,867
Tee tekst suuremaks.

909
00:41:30,867 --> 00:41:32,700
Ma ei viitsinud
Kirjutan seda, kui me

910
00:41:32,700 --> 00:41:35,600
on bullet tehnoloogia õige siin.

911
00:41:35,600 --> 00:41:39,970
Nii mõningaid probleeme.

912
00:41:39,970 --> 00:41:44,670
Nii et me läheme püüdma
teha teksti suuremaks.

913
00:41:44,670 --> 00:41:45,170
Hästi.

914
00:41:45,170 --> 00:41:48,360
Mida peaks keegi pakkuda?

915
00:41:48,360 --> 00:41:50,332
Mida võiks me tahame
teha veebilehe?

916
00:41:50,332 --> 00:41:52,040
Olgem tulla
lühike nimekiri asjadest

917
00:41:52,040 --> 00:41:55,366
ja siis delegeerida
grupi näitaja see läbi.

918
00:41:55,366 --> 00:41:56,270
>> Publik: [kuuldamatu]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. Humala: OK, seisukoha tekst
teine ​​teisel pool lehekülge?

920
00:42:02,251 --> 00:42:02,750
Hästi.

921
00:42:02,750 --> 00:42:04,620
Midagi muud.

922
00:42:04,620 --> 00:42:05,784
>> Publik: [kuuldamatu]

923
00:42:05,784 --> 00:42:06,700
DAVID J. Humala: On.

924
00:42:06,700 --> 00:42:08,720
Nii gif on lihtsalt
teise faili kujul.

925
00:42:08,720 --> 00:42:12,830
Me lihtsalt kasutatav minu arust
png või jpg ilmselt?

926
00:42:12,830 --> 00:42:14,480
Me kasutasime jpg.

927
00:42:14,480 --> 00:42:16,780
Kui oled uudishimulik, ülemäärase
oma küsimusele vastust

928
00:42:16,780 --> 00:42:19,404
on jpg kasutatakse üldjuhul
fotode, sest see toetab

929
00:42:19,404 --> 00:42:21,500
miljoneid värve või 24-bitise värvi.

930
00:42:21,500 --> 00:42:26,930
GIF on tavaliselt kasutatakse, nagu
Internet meemid need days-- animatsioonid

931
00:42:26,930 --> 00:42:28,810
nagu animeeritud GIF.

932
00:42:28,810 --> 00:42:32,320
Aga see juhtub kasutada väiksemat värvi
palett, vaid 256 võimalikud värvid

933
00:42:32,320 --> 00:42:35,230
kuid see toetab
läbipaistvuse ja animatsioon.

934
00:42:35,230 --> 00:42:40,330
Ja siis on png, mis toetab
läbipaistvuse ja värvid

935
00:42:40,330 --> 00:42:41,300
kuid mitte animatsiooni.

936
00:42:41,300 --> 00:42:42,133
Nii et see on kompromiss.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Nii lisades gif, kuigi
oleks funktsionaalselt

939
00:42:46,060 --> 00:42:48,396
samaväärne lisades png või jpg.

940
00:42:48,396 --> 00:42:49,110
Jah.

941
00:42:49,110 --> 00:42:50,550
Pilt allikas võrdne.

942
00:42:50,550 --> 00:42:51,590
Nii midagi muud.

943
00:42:51,590 --> 00:42:57,288
Olgem tulla midagi, et
saatsime Victoria teha siin.

944
00:42:57,288 --> 00:42:59,209
>> Publik: Lisa nupud vormi.

945
00:42:59,209 --> 00:43:00,000
DAVID J. Humala: OK.

946
00:43:00,000 --> 00:43:02,179
Nii lisada nupud vormi.

947
00:43:02,179 --> 00:43:03,470
Ja me teeme, et üks koos.

948
00:43:03,470 --> 00:43:07,220
Nii et saab olema täiuslik Segue
peale selle väljakutse.

949
00:43:07,220 --> 00:43:10,357
Veel midagi?

950
00:43:10,357 --> 00:43:11,440
Mis võiks sa tahaksid teha?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Veebist leiab väga underwhelming
Kui see on kõik, mida me saame teha.

953
00:43:16,516 --> 00:43:18,140
Publik: Muutke teksti värvi.

954
00:43:18,140 --> 00:43:19,500
DAVID J. Humala: Muutke mida?

955
00:43:19,500 --> 00:43:20,666
Publik: teksti värvi.

956
00:43:20,666 --> 00:43:22,311
DAVID J. Humala: Muuda värvi teksti.

957
00:43:22,311 --> 00:43:22,810
Hästi.

958
00:43:22,810 --> 00:43:23,790
Niisiis, teeme selle ära.

959
00:43:23,790 --> 00:43:27,209
Lihtsalt jälle nii, et sa ei ole lihtsalt
pähe, teeb täpselt seda, mida ma teen,

960
00:43:27,209 --> 00:43:29,500
Ma lähen sisse lülitada muusika
võibolla viis minutit siin.

961
00:43:29,500 --> 00:43:30,450
Sa oled teretulnud kasutama Google.

962
00:43:30,450 --> 00:43:33,130
Sa oled teretulnud küsi, ja
Ma sosistada vihje kõrva.

963
00:43:33,130 --> 00:43:35,171
Sa oled teretulnud vaatama
üle teiste õlgadele.

964
00:43:35,171 --> 00:43:37,340
Aga lahendada vaid üks neist probleemidest.

965
00:43:37,340 --> 00:43:40,190
Aga me teeme viimane on
moodustab ühe, kui me saaksime koos.

966
00:43:40,190 --> 00:43:42,790
Nii viis minutit, et lahendada
mõni neist probleemidest

967
00:43:42,790 --> 00:43:46,780
Google'ist, intuitsioon, või mis tahes
muul viisil teile kättesaadavaks.

968
00:43:46,780 --> 00:43:48,630
>> [MUSIC MÄNGIB]

969
00:43:48,630 --> 00:43:49,130
Hästi.

970
00:43:49,130 --> 00:43:50,838
Ära muretse, kui soovite
hoida sisemusse,

971
00:43:50,838 --> 00:43:53,880
aga ma rikkuda paar
need vastused.

972
00:43:53,880 --> 00:43:57,986
Nii et esimese soovituse peale
Victoria oli teha teksti suuremaks.

973
00:43:57,986 --> 00:43:59,360
Nii seal on vähe võimalusi seda teha.

974
00:43:59,360 --> 00:44:01,530
Olen praegu taastatud
minu ekraanil selle suurus,

975
00:44:01,530 --> 00:44:04,310
kuigi ma olen suuminud
kunstlikult lihtsalt näha asju.

976
00:44:04,310 --> 00:44:07,470
Ja teeme seda.

977
00:44:07,470 --> 00:44:11,380
Lubage mul minna ja haarata
mõned üldised Ladina teksti

978
00:44:11,380 --> 00:44:19,540
lihtsalt nii on meil midagi töötada.

979
00:44:19,540 --> 00:44:20,715
Nii et anna mulle vaid üks hetk.

980
00:44:20,715 --> 00:44:21,840
Ma teen kolm punkti.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
OKEI.

983
00:44:53,930 --> 00:44:55,560
See on parem näide.

984
00:44:55,560 --> 00:44:57,840
Nii uudishimulik, in
minu hello.html, ma lihtsalt

985
00:44:57,840 --> 00:45:01,645
kleebitud kolm Absurdne
Ladina-punktid

986
00:45:01,645 --> 00:45:03,270
lihtsalt nii on meil mõned teksti töötada.

987
00:45:03,270 --> 00:45:06,720
Ja Victoria eesmärk oli
teha mõned teksti suuremaks.

988
00:45:06,720 --> 00:45:09,879
Nii et ma võiks nagu enne, minna siin.

989
00:45:09,879 --> 00:45:11,170
Ja las ma teen selle õige tee.

990
00:45:11,170 --> 00:45:13,253
Ma lähen on link
tag, mis viitab failile

991
00:45:13,253 --> 00:45:20,560
nimega "styles.css," suhe
mis on jällegi "laaditabeli."

992
00:45:20,560 --> 00:45:25,221
Ja siis ma lähen päästma
ja avada see "styles.css."

993
00:45:25,221 --> 00:45:28,940
>> Nii nagu varemgi, on mul
võime selles CSS faili

994
00:45:28,940 --> 00:45:31,569
tegelikult vaike
esteetika veebilehele,

995
00:45:31,569 --> 00:45:33,860
ja vaikimisi esteetika,
muidugi on päris igav.

996
00:45:33,860 --> 00:45:36,943
See on omamoodi Tavaline kirjasuurus, must
teksti, valgel taustal, ja nii edasi.

997
00:45:36,943 --> 00:45:39,440
Nii arvan, et ma tahan teha
kõik see tekst suuremaks.

998
00:45:39,440 --> 00:45:40,460
Ma võiks teha mõned asjad.

999
00:45:40,460 --> 00:45:43,750
Minu styles.css faili, ma
Võiks öelda, et tead, mida,

1000
00:45:43,750 --> 00:45:46,950
kohaldatakse järgmist
keha minu lehele.

1001
00:45:46,950 --> 00:45:51,390
Lase käia ja teha
fondi suurus 24 punkti,

1002
00:45:51,390 --> 00:45:54,130
mis on number ma võin
kasutada Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Las ma lähen tagasi oma veebi
leht siin ja uuesti,

1004
00:45:57,620 --> 00:45:59,640
ja te näete, et
see on juba palju suurem.

1005
00:45:59,640 --> 00:46:02,223
Ja me saame natuke hull,
nagu me saame iga desktop--

1006
00:46:02,223 --> 00:46:03,670
oleks 96 punkti.

1007
00:46:03,670 --> 00:46:04,950
Värskenda.

1008
00:46:04,950 --> 00:46:07,610
Ja see muutub veidi
kohmakas selles punktis.

1009
00:46:07,610 --> 00:46:09,500
>> Aga ma võiks olla natuke täpsem.

1010
00:46:09,500 --> 00:46:14,530
Selle asemel, et kohaldada seda
laaditabeliga keha minu leheküljel

1011
00:46:14,530 --> 00:46:21,740
mida veel võiks ma seda kohaldada selle asemel,
mida teised tag, mis võiks siiski

1012
00:46:21,740 --> 00:46:25,445
funktsioon samamoodi?

1013
00:46:25,445 --> 00:46:26,444
>> Publik: p silt?

1014
00:46:26,444 --> 00:46:27,360
DAVID J. Humala: P tag.

1015
00:46:27,360 --> 00:46:29,350
Nii pea ei oleks
õige, sest pea,

1016
00:46:29,350 --> 00:46:31,300
See ei ole ju
kontrollida esteetika.

1017
00:46:31,300 --> 00:46:32,700
Seal on kas teksti seal või mitte.

1018
00:46:32,700 --> 00:46:36,760
Aga p tag-- võin sukelduda väike
sügavam, kui nii võib öelda, et lõikes

1019
00:46:36,760 --> 00:46:37,350
sildid.

1020
00:46:37,350 --> 00:46:41,600
Ja kuigi seal on kolm,
see on täiesti trahvi, sest CSS,

1021
00:46:41,600 --> 00:46:44,900
kui ma lihtsalt öelda "p" See
tähendab kohaldada järgmisi

1022
00:46:44,900 --> 00:46:48,300
mis tahes sildi, et see sobib
valija, rakendub ainult

1023
00:46:48,300 --> 00:46:49,430
olles sildi nime.

1024
00:46:49,430 --> 00:46:52,350
Nii iganes sa näed
"P" kohaldata fondi suurust,

1025
00:46:52,350 --> 00:46:55,222
ja olgem muuta see
mõistliku again-- 24 punkti.

1026
00:46:55,222 --> 00:46:56,930
Ja tead mis,
lihtsalt hea meede,

1027
00:46:56,930 --> 00:46:59,810
Teeme värvi
punane just praegu.

1028
00:46:59,810 --> 00:47:03,740
Ja nüüd, kui ma uuesti, nüüd
vaata kolm kole punktid.

1029
00:47:03,740 --> 00:47:07,180
>> Aga nüüd arvate, et ma olen omamoodi
of-- Tahan esimeses lõigus

1030
00:47:07,180 --> 00:47:08,210
hüpata läbi kasutaja.

1031
00:47:08,210 --> 00:47:11,150
Ma ei taha lihtsalt suurendada
tähesuurus kõike.

1032
00:47:11,150 --> 00:47:16,105
Ja nii ma tegelikult tahan, et identifitseerida või
eristada nende seas punktid.

1033
00:47:16,105 --> 00:47:18,730
Nii saab vabaneda punane,
sest see on just selline kleepuv,

1034
00:47:18,730 --> 00:47:23,885
ja lähme edasi ja teha
suurusega 12 punkti vaikimisi

1035
00:47:23,885 --> 00:47:26,260
nii et me oleme tagasi midagi
veidi enam mõistlik.

1036
00:47:26,260 --> 00:47:29,190
Ja nüüd ma tahan, et suurendada
tähesuuruse esimeses lõigus.

1037
00:47:29,190 --> 00:47:31,440
Ma ei tee seda mõne
võimalusi, kuid üks võimalus, mis on

1038
00:47:31,440 --> 00:47:37,180
võib-olla kõige juhendmaterjalid juures
hetkel on teha järgmist.

1039
00:47:37,180 --> 00:47:43,280
Lubage mul minna ja öelda, et see
lõikes on unikaalne ID "esimene".

1040
00:47:43,280 --> 00:47:45,000
Ma võiks nimetada seda kõike ma tahan.

1041
00:47:45,000 --> 00:47:46,874
Ma võiks nimetada seda "foo"
või mõni muu sõna,

1042
00:47:46,874 --> 00:47:49,290
aga ma annan siis mõned
oma tähenduse nimi

1043
00:47:49,290 --> 00:47:50,320
nagu "esimene".

1044
00:47:50,320 --> 00:47:54,790
See on kordumatu tunnus,
ID-, minu esimene lõik.

1045
00:47:54,790 --> 00:47:59,360
>> Mida saan nüüd teha minu laaditabeli
on veidi täpsemaks.

1046
00:47:59,360 --> 00:48:02,330
Selle asemel, et öelda, kohaldatakse
järgmine on p tag,

1047
00:48:02,330 --> 00:48:04,890
Ma ei saa öelda following--
kohaldatakse järgmist

1048
00:48:04,890 --> 00:48:11,000
või valige, HTML element
mis on unikaalne ID "esimene".

1049
00:48:11,000 --> 00:48:12,350
Mida ma tahan taotleda seda?

1050
00:48:12,350 --> 00:48:15,250
Font suurus 24 punkti.

1051
00:48:15,250 --> 00:48:16,640
Nii et mul on kaks valijad nüüd.

1052
00:48:16,640 --> 00:48:19,690
Üks teeb kõik
punktid 12 punkti.

1053
00:48:19,690 --> 00:48:24,960
Aga see üks, eriti kuna tegemist on
second-- tegemist viimase aasta-failina

1054
00:48:24,960 --> 00:48:27,090
See on doominoefekti.

1055
00:48:27,090 --> 00:48:30,200
Ma olen lihtsalt teinud kõik minu
lõikes sildid 12 punkti,

1056
00:48:30,200 --> 00:48:34,350
aga see nüüd kaskaadide ja
alistab et iga elemendid

1057
00:48:34,350 --> 00:48:38,800
lehel, silt lehel kelle
unikaalne ID on tsitaat lõppeb "esimene".

1058
00:48:38,800 --> 00:48:41,720
Ja hashtag selles kontekstis
tähendab lihtsalt "kordumatu tunnus."

1059
00:48:41,720 --> 00:48:43,750
Ma ei pane see HTML faili.

1060
00:48:43,750 --> 00:48:46,880
I, siin, lihtsalt öelda
tsitaat lõppeb "esimene".

1061
00:48:46,880 --> 00:48:48,470
>> Nii et lubage mul uuesti.

1062
00:48:48,470 --> 00:48:49,919
Ja nüüd ma näen, ah, OK.

1063
00:48:49,919 --> 00:48:51,710
Ma mõtlen, et see ei ole nii
ilus, aga see on selline

1064
00:48:51,710 --> 00:48:53,600
on nagu eessõnas
raamat või midagi sellist,

1065
00:48:53,600 --> 00:48:55,100
kus esimene punkt on suurem.

1066
00:48:55,100 --> 00:48:57,933
Võiks olla isegi täpsemaks
lihtsalt esimesed tähed, kuid vähemalt

1067
00:48:57,933 --> 00:48:59,110
Olen kasutanud rohkem kontrolli.

1068
00:48:59,110 --> 00:49:04,760
Nüüd maybe-- äkki ma tahan seda teha
aeg-ajalt mingil põhjusel

1069
00:49:04,760 --> 00:49:09,010
ja nii ma ei taha, et see
kehtivad vaid üks HTML tag.

1070
00:49:09,010 --> 00:49:15,110
Pigem olgem say-- olgem
teha ka järgmist.

1071
00:49:15,110 --> 00:49:18,810
Class = "import".

1072
00:49:18,810 --> 00:49:23,970
Arvestades ID kasutatakse üheselt
tuvastada üks asi, üks silt,

1073
00:49:23,970 --> 00:49:30,190
oma veebilehele, klass on mõeldud
kasutada mis tahes elementide arvu või sildid

1074
00:49:30,190 --> 00:49:30,950
veebilehe.

1075
00:49:30,950 --> 00:49:31,710
Nii et see on korduvkasutatav.

1076
00:49:31,710 --> 00:49:33,090
ID ei ole korduvkasutatav.

1077
00:49:33,090 --> 00:49:34,450
Klass on korduvkasutatavad.

1078
00:49:34,450 --> 00:49:37,830
>> Ja sa tead, mida mingil
filosoofiline reasons--

1079
00:49:37,830 --> 00:49:40,180
Ma ei lõpeta minu
thought-- ma öelda

1080
00:49:40,180 --> 00:49:44,300
et esimeses lõigus ja
Teine punkt on oluline.

1081
00:49:44,300 --> 00:49:48,600
Nii et ma lähen kohaldada klassi nimetatakse
"Oluline", et kui ma hoian oma faili

1082
00:49:48,600 --> 00:49:51,510
ja uuesti, ei ole
funktsionaalne mõju veel.

1083
00:49:51,510 --> 00:49:53,780
Aga ma olen lisanud
metaandmete fail,

1084
00:49:53,780 --> 00:49:56,610
omamoodi midagi eraldi
tuum faili andmeid,

1085
00:49:56,610 --> 00:50:02,300
nii et nüüd minu laaditabeli, kui ma
selle asemel öelda ".important" - sa tead,

1086
00:50:02,300 --> 00:50:07,110
midagi, mis on oluline, ma olen
kavatseb teha font-värv, red--

1087
00:50:07,110 --> 00:50:09,930
või pigem ei ole Fondi värv, vaid värv.

1088
00:50:09,930 --> 00:50:12,930
Seal on vastuolud
CSS kahjuks.

1089
00:50:12,930 --> 00:50:14,120
Ja uuesti.

1090
00:50:14,120 --> 00:50:17,640
Nüüd märkate esimene
kaks lõiku on punased

1091
00:50:17,640 --> 00:50:20,880
kuid mitte kolmas, sest ma ainult
kohaldatud klassi "tähtis"

1092
00:50:20,880 --> 00:50:25,020
kahele esimesele nendest asjadest.

1093
00:50:25,020 --> 00:50:28,030
>> Nii ID-d, siis on võime
täpsustada väga täpselt.

1094
00:50:28,030 --> 00:50:30,110
Klasside, teil on taaskasutada.

1095
00:50:30,110 --> 00:50:33,800
Kuid mõlemal juhul märgata
omamoodi hea disaini põhimõte

1096
00:50:33,800 --> 00:50:39,072
kus ma tegureid välja kõik
esteetika minu styles.css faili.

1097
00:50:39,072 --> 00:50:40,280
Seega puudub segadus siin.

1098
00:50:40,280 --> 00:50:44,490
Seal ei mainita punane või
julge poole või fondi suurust faili.

1099
00:50:44,490 --> 00:50:49,430
Pigem Mul on semantiliselt,
tähenduslikult iseloomustab minu andmed,

1100
00:50:49,430 --> 00:50:51,240
Siin on mõned olulised andmed.

1101
00:50:51,240 --> 00:50:52,800
Siin on veel mõned olulised andmed.

1102
00:50:52,800 --> 00:50:56,500
Lisaks on siin
"Esimene" minu olulised andmed.

1103
00:50:56,500 --> 00:51:01,050
Nii HTML on kõike omamoodi
sildistamine, sõna otseses mõttes, sõnad

1104
00:51:01,050 --> 00:51:05,270
ja punktid ja konstrueerib oma
lehekülje neid vähe vihjed, kui te

1105
00:51:05,270 --> 00:51:07,640
tahan, et saate
kuidagi ära kasutades

1106
00:51:07,640 --> 00:51:10,880
muud tehnikat nagu CSS sel viisil.

1107
00:51:10,880 --> 00:51:14,760
>> Nii vastuseks Victoria küsimusele,
saame teksti suuremaks niimoodi.

1108
00:51:14,760 --> 00:51:18,380
Seal on nii palju muid võimalusi, kuid
font tag-- avatud sulg "font" -

1109
00:51:18,380 --> 00:51:19,770
on tegelikult mitu aastat vana.

1110
00:51:19,770 --> 00:51:21,410
Ja see on probleem,
liiga, kus tuginedes ainult

1111
00:51:21,410 --> 00:51:23,485
online resources--
nad kipuvad vananenud.

1112
00:51:23,485 --> 00:51:26,110
Ja tõepoolest, see on iganenud,
sest maailm mõistis,

1113
00:51:26,110 --> 00:51:28,970
mida tähendab "font-size = 7" tähendab?

1114
00:51:28,970 --> 00:51:29,670
See ei ole.

1115
00:51:29,670 --> 00:51:32,770
Ja nii aastaid ja
Selle day-- üks külg

1116
00:51:32,770 --> 00:51:36,060
märgib siin see, et see on tegelikult
uskumatult valus ikka mõnikord

1117
00:51:36,060 --> 00:51:38,900
arendada saite
web, sest Microsoft

1118
00:51:38,900 --> 00:51:44,220
ja Google ja Mozilla ja
teised sageli vaidlevad selle üle, kuidas

1119
00:51:44,220 --> 00:51:47,480
tõlgendada spetsifikatsioon nagu HTML.

1120
00:51:47,480 --> 00:51:52,490
>> On reeglistik HTML, et
Üldiselt ütleb, mida iga silt tähendab.

1121
00:51:52,490 --> 00:51:55,690
Aga mõnikord on jäetud
rakendamise äranägemisel

1122
00:51:55,690 --> 00:51:57,290
Microsoft äranägemisel ja Google.

1123
00:51:57,290 --> 00:52:00,000
Ja nii saate väga tihti
vaata veebilehel midagi

1124
00:52:00,000 --> 00:52:04,954
näeb välja teistsugune arvutis
kui ta teeb Mac'i

1125
00:52:04,954 --> 00:52:06,995
ja see on tõesti sellepärast,
Päeva lõpuks,

1126
00:52:06,995 --> 00:52:08,891
nad ei testida
hästi mõlemal alustel.

1127
00:52:08,891 --> 00:52:11,390
Aga see on ka seetõttu mõistlik,
arukad inimesed on nõus

1128
00:52:11,390 --> 00:52:14,970
ja firmad ei ole nõus, ja nii
üks väljakutseid programmeerimise

1129
00:52:14,970 --> 00:52:16,980
veebi või projekteerimine
asju veebis

1130
00:52:16,980 --> 00:52:21,700
kirjutab oma kodulehel viisil
mis töötab iga veebilehitsejat.

1131
00:52:21,700 --> 00:52:23,410
Aga isegi see on ebamõistlik, eks?

1132
00:52:23,410 --> 00:52:27,807
Seal on nii palju versioone nii palju
brauserid seal, et mingil hetkel,

1133
00:52:27,807 --> 00:52:30,890
teil ka kohtumõistja
ja sa pead otsustama, kui firma,

1134
00:52:30,890 --> 00:52:33,082
eriti e-kaubanduse stiilis
kohtades, kus sa oled

1135
00:52:33,082 --> 00:52:36,290
üritas viimane ja suurim
tehnoloogiate anda väga hea kasutaja

1136
00:52:36,290 --> 00:52:37,110
kogemus.

1137
00:52:37,110 --> 00:52:41,019
Aga mõned protsenti oma kasutajad võivad
ikkagi kasutades Internet Explorer 6 või 7

1138
00:52:41,019 --> 00:52:43,810
või 8, eriti sõltuvalt
riik, et nad tulevad.

1139
00:52:43,810 --> 00:52:46,760
>> Ja nii väga sageli
konsulteeris on midagi

1140
00:52:46,760 --> 00:52:50,920
nagu "veebilehitseja statistika."

1141
00:52:50,920 --> 00:52:56,560
Ja kui me läheme mina-- vaatame Wikipedia
ja näha, kuidas up-to-date see skeem on

1142
00:52:56,560 --> 00:52:59,320
kui see on olemas.

1143
00:52:59,320 --> 00:53:02,420
Nii et siin saab näha
kus brauserid tegelikult

1144
00:53:02,420 --> 00:53:06,160
on vastavalt detsembril 2015
vastavalt USA valitsuse.

1145
00:53:06,160 --> 00:53:11,170
Chrome on 42% turuosa, millele
IE suuresti ettevõtete seaded

1146
00:53:11,170 --> 00:53:14,490
või PC seaded muidugi
järgneb Firefox,

1147
00:53:14,490 --> 00:53:17,440
siis Safari, siis Opera ei
teha kaardi siin mingil põhjusel

1148
00:53:17,440 --> 00:53:18,210
ja siis teised.

1149
00:53:18,210 --> 00:53:19,500
Võib-olla on alla Muusika.

1150
00:53:19,500 --> 00:53:27,700
Aga rohkem probleeme kui on--
Vaatame, kas Wikipedia on ka

1151
00:53:27,700 --> 00:53:35,194
versioone brauserid version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Lähme brauseri statistika.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Isegi sellest ei piisa.

1156
00:53:42,030 --> 00:53:44,854
Brauser statistika.

1157
00:53:44,854 --> 00:53:45,353
Minu versioon.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
See ei lähe kohe.

1160
00:53:50,540 --> 00:53:53,414
Vaatame versioonid.

1161
00:53:53,414 --> 00:53:54,830
Brauser turuosa.

1162
00:53:54,830 --> 00:53:57,110
Vaatame, kas see kerkib.

1163
00:53:57,110 --> 00:53:57,610
OKEI.

1164
00:53:57,610 --> 00:54:00,010
Nüüd see muutub
veidi rohkem kasulik.

1165
00:54:00,010 --> 00:54:04,870
Nii et siin, märkate, et meil on kõik
erinevaid versioone brauseritega.

1166
00:54:04,870 --> 00:54:09,887
Ja my god, kui te look-- Chrome
48, Chrome 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Ma mõtlen brauserid üha uuendatud,
ja mõnikord mõned neist muutustest

1168
00:54:12,970 --> 00:54:16,430
on oluline
nii funktsionaalsuse.

1169
00:54:16,430 --> 00:54:20,630
Ja nii mingil hetkel on
toode juhid või insenerid

1170
00:54:20,630 --> 00:54:23,620
on vaja teha decision-- sa
tean, mida ainult 1% maailma

1171
00:54:23,620 --> 00:54:24,740
on endiselt kasutades IE 7.

1172
00:54:24,740 --> 00:54:25,490
Põrgusse nendega.

1173
00:54:25,490 --> 00:54:27,470
Me lihtsalt ei hakka
toetada, et brauser.

1174
00:54:27,470 --> 00:54:28,740
Ja mida see tähendab mitte toetada?

1175
00:54:28,740 --> 00:54:31,170
See võib tähendada, et nupud
ei tööta oma veebilehel,

1176
00:54:31,170 --> 00:54:33,050
või see võib tähendada, et
vormindamine on täiesti välja.

1177
00:54:33,050 --> 00:54:35,091
Või siis võib-olla teha
Samas kohtuotsuses kõne

1178
00:54:35,091 --> 00:54:39,089
mobiilne nendel päevadel, kus me oleme
ei kavatse toetada IOS 5 enam.

1179
00:54:39,089 --> 00:54:40,380
Nii et inimesed lihtsalt uuendada.

1180
00:54:40,380 --> 00:54:45,850
Või me ei kavatse toetada Cupcake
Android OS Android seadmeid,

1181
00:54:45,850 --> 00:54:48,629
sest kui world-- kui
tech maailm tahab edasi liikuda,

1182
00:54:48,629 --> 00:54:51,170
see selline tahab lohistada
maailma seda nii, et nad ei ole

1183
00:54:51,170 --> 00:54:53,295
on jätkuvalt
tahapoole ühilduvad, et nad

1184
00:54:53,295 --> 00:54:54,920
pakkuda uusi ja häid omadusi.

1185
00:54:54,920 --> 00:54:57,878
See on tõepoolest üks põhjusi,
miks nii paljud ettevõtted on jooksvalt läbi

1186
00:54:57,878 --> 00:55:01,440
automaatsed uuendused ja omamoodi sundides
uusimad tarkvara meid.

1187
00:55:01,440 --> 00:55:04,010
Ja isegi ettevõtted
nagu Apple sorteerida ja

1188
00:55:04,010 --> 00:55:07,280
sunnivad sind peaaegu või sundida
sa nii turujõudude

1189
00:55:07,280 --> 00:55:11,164
osta uus telefon, sest nad lihtsalt
ei uuenda oma vana telefoni enam.

1190
00:55:11,164 --> 00:55:13,330
Nii et sa laseks
Viimane ja suurim funktsioone,

1191
00:55:13,330 --> 00:55:17,520
sest see on kulukas neid kui
Ettevõte säilitada vanemate väidetavalt

1192
00:55:17,520 --> 00:55:19,330
halvem versioonid tarkvara.

1193
00:55:19,330 --> 00:55:23,660
Aga kogumõju on see, et
Samuti kannatavad ka seda.

1194
00:55:23,660 --> 00:55:26,550
>> Võtame pilk lihtsalt
paar lõplik asju siin.

1195
00:55:26,550 --> 00:55:29,740
Olgem Varastada reaalne kiire mõned
need teised täppe, kui uudishimulik.

1196
00:55:29,740 --> 00:55:33,440
Nii et kui sa üritasid,
Näiteks positsiooni

1197
00:55:33,440 --> 00:55:36,420
teksti erinevatel külgedel
lehele, ma lähen tegema üks kiire viis,

1198
00:55:36,420 --> 00:55:38,360
kuid seal on erinevad
viise.

1199
00:55:38,360 --> 00:55:42,610
Lubage mul minna ja eliminate--
lihtsustada käesoleva järgmiselt.

1200
00:55:42,610 --> 00:55:45,330
Las ma lähen tagasi oma
Lihtne, lihtne punktid.

1201
00:55:45,330 --> 00:55:47,760
Las ma lähen tagasi oma styles.css.

1202
00:55:47,760 --> 00:55:51,040
Ja ma lihtsalt kasutada simple--
mis sa võisid näha Google

1203
00:55:51,040 --> 00:55:54,430
või tagasikutsumise earlier--
teksti joondada paremale.

1204
00:55:54,430 --> 00:55:56,220
Ja laadige see leht.

1205
00:55:56,220 --> 00:55:58,470
Nüüd tundub kõik
olema õigus joondatud,

1206
00:55:58,470 --> 00:56:00,770
nagu võite näha õhuliini siin.

1207
00:56:00,770 --> 00:56:04,470
>> Me ei saa teha seda vaadata veidi rohkem
broneerida moodi, ja me ei saa öelda "õigustada"

1208
00:56:04,470 --> 00:56:05,640
ja uuesti laadida.

1209
00:56:05,640 --> 00:56:09,870
Nüüd on see kena ja väljaku nii
külge, mis on omamoodi tore.

1210
00:56:09,870 --> 00:56:12,220
Teine eesmärk, mis meil oli siin
oli muudavad värvi teksti.

1211
00:56:12,220 --> 00:56:13,650
Nii nägime, et minu punane tekst.

1212
00:56:13,650 --> 00:56:15,630
Ja nüüd lisada nupud vormi.

1213
00:56:15,630 --> 00:56:19,390
Miks me ei püüa seda täpselt?

1214
00:56:19,390 --> 00:56:23,656
Aga kõigepealt lubage mul minna veebilehekülg, mis
enamik meist kasutavad iga day-- Google.

1215
00:56:23,656 --> 00:56:25,780
Ja võtame pilk
kuidas Google tegelikult toimib.

1216
00:56:25,780 --> 00:56:26,821
Aga ma lähen seda teha.

1217
00:56:26,821 --> 00:56:31,930
Esiteks lubage mul seda teha in-- yep,
lase mul minna Google esimene.

1218
00:56:31,930 --> 00:56:34,530
Ma lähen minema
Google Settings

1219
00:56:34,530 --> 00:56:40,660
sest ma tahan keelata
midagi, mida nimetatakse Instant Tulemused.

1220
00:56:40,660 --> 00:56:43,580
>> Nii võite märganud
Google neid days-- lase mul minna tagasi

1221
00:56:43,580 --> 00:56:44,850
ja see sisse lülitada.

1222
00:56:44,850 --> 00:56:47,900
Nii et kui ma hakkan otsima
jaoks "kassid", nagu see,

1223
00:56:47,900 --> 00:56:50,120
märgata, et mitte ainult ei
Ma saan auto-complete üles

1224
00:56:50,120 --> 00:56:54,520
top, äkki, leht ise
Tundub, et muuta päris kiiresti samuti,

1225
00:56:54,520 --> 00:56:58,750
ja see on Google abil keeles
nimetatakse JavaScript üritab olla kasulik.

1226
00:56:58,750 --> 00:57:01,540
Aga kahjuks see omamoodi
ja messide up meie arutelu

1227
00:57:01,540 --> 00:57:04,010
sellest, mis tegelikult toimub
all kapuuts siin.

1228
00:57:04,010 --> 00:57:09,070
Nii et ma olen lihtsalt selline kiiresti
lülitada kohe tulemusi.

1229
00:57:09,070 --> 00:57:11,510
Ja ma lähen nuppu Salvesta.

1230
00:57:11,510 --> 00:57:13,930
Ja nüüd ma lähen, et avada
et diagnostika tööriistariba, mis ma

1231
00:57:13,930 --> 00:57:16,150
hoida avamine all Network alt.

1232
00:57:16,150 --> 00:57:17,720
Nii teeme seda.

1233
00:57:17,720 --> 00:57:21,960
Lase mind-- whoops--
Leidke selle alla natuke.

1234
00:57:21,960 --> 00:57:24,410
Ja las ma otsida "kassid".

1235
00:57:24,410 --> 00:57:26,790
>> Ja nüüd notice-- tegelikult,
See on hea võimalus

1236
00:57:26,790 --> 00:57:28,840
arutada hetkeks.

1237
00:57:28,840 --> 00:57:32,460
Märka hetkel ma liik-- peatada.

1238
00:57:32,460 --> 00:57:35,250
Lõpeta.

1239
00:57:35,250 --> 00:57:35,790
OKEI.

1240
00:57:35,790 --> 00:57:40,870
Märka hetkel ma tähe
C, vaadata ekraani allosas.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. Mida põhja
Selle ekraan, minu Network sakk

1242
00:57:48,600 --> 00:57:53,320
soovitan toimub iga
aeg writing kirja?

1243
00:57:53,320 --> 00:57:57,700
Kahjuks konn on väga
häirivad täna või Shamrock

1244
00:57:57,700 --> 00:58:00,339
või mis iganes ta on.

1245
00:58:00,339 --> 00:58:01,880
Mis juhtub iga kord, kui ma kirjutada?

1246
00:58:01,880 --> 00:58:04,230
Ja andke mulle selgeks
puhver ja kirjuta see uuesti.

1247
00:58:04,230 --> 00:58:06,580
So-- whoops.

1248
00:58:06,580 --> 00:58:13,280
Iga kord, kui ma kirjutada kirja, C- A- T--
nii uue rea ilmselt hoiab ilmumist.

1249
00:58:13,280 --> 00:58:16,530
Mida kõik need read esindavad,
põhjal, mida oleme näinud ja arutanud

1250
00:58:16,530 --> 00:58:17,339
siiani?

1251
00:58:17,339 --> 00:58:18,130
Publik: Läbiotsimine?

1252
00:58:18,130 --> 00:58:21,770
DAVID J. Humala: Läbiotsimine või
rohkem üldmõistena, HTTP taotluse

1253
00:58:21,770 --> 00:58:23,125
minu brauseri server.

1254
00:58:23,125 --> 00:58:29,090
Noh, miks on minu brauser muutes HTTP
nõuda iga kord, kui ma kirjutada kirja?

1255
00:58:29,090 --> 00:58:30,502
>> Publik: [kuuldamatu]

1256
00:58:30,502 --> 00:58:33,210
DAVID J. Humala: Jah, see annab
mulle need auto-complete tulemusi.

1257
00:58:33,210 --> 00:58:35,190
Nagu, kus teha neid
otsingu tulemused tulevad?

1258
00:58:35,190 --> 00:58:38,120
Noh, iga kord, kui ma kirjutada
kirja, Google saadab rohkem

1259
00:58:38,120 --> 00:58:40,460
ja veel ja veel
sõna ma kirjutades.

1260
00:58:40,460 --> 00:58:41,040
Miks?

1261
00:58:41,040 --> 00:58:44,540
Sest nad tahavad mulle
paremaks, parem soovitus,

1262
00:58:44,540 --> 00:58:48,880
soovituste nimekirja, mida sõna
Püüan tegelikult täielik.

1263
00:58:48,880 --> 00:58:53,030
Nii et see tähendab sõna otseses mõttes iga
iseloomu tipite Google

1264
00:58:53,030 --> 00:58:56,900
saadetakse, lõppkokkuvõttes
lahtiselt, aga mõnikord ka üks

1265
00:58:56,900 --> 00:59:00,620
korraga, et rakendada
Nende auto-complete funktsioone, kui

1266
00:59:00,620 --> 00:59:03,000
andmed on muidugi veebis.

1267
00:59:03,000 --> 00:59:08,780
>> Nüüd võtame pilk tegelikult
juhtub, kui ma vajutan Google Search.

1268
00:59:08,780 --> 00:59:10,420
Ja siis me võimendada seda ise.

1269
00:59:10,420 --> 00:59:15,320
Nii et kui ma keri nüüd väga
esimesel nõudmisel, et lihtsalt juhtus.

1270
00:59:15,320 --> 00:59:17,130
Märka järgnevat.

1271
00:59:17,130 --> 00:59:25,550
See saadeti üsna pikk URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
ja siis terve hunnik asju.

1273
00:59:27,100 --> 00:59:29,620
Vaatame seda tegelikult nüüd
brauseri tab ise.

1274
00:59:29,620 --> 00:59:31,310
Olgem vabaneda tööriistariba siin.

1275
00:59:31,310 --> 00:59:33,140
Siin lehel otsingutulemustes.

1276
00:59:33,140 --> 00:59:34,790
Ja teate siin on URL.

1277
00:59:34,790 --> 00:59:37,430
Nüüd saab ilmselt vist
Mis siin toimub osaliselt.

1278
00:59:37,430 --> 00:59:39,090
Nii esiteks mõiste.

1279
00:59:39,090 --> 00:59:42,570
See ilmselt on sihtkoht
kui vorm esitatakse.

1280
00:59:42,570 --> 00:59:44,910
Nii et kui ma tipitud
sõnad "kass" ja vajuta Enter,

1281
00:59:44,910 --> 00:59:48,460
ilmselt Google saata
minu tekstisisestus selle URL

1282
00:59:48,460 --> 00:59:50,770
et ma olen rõhutanud
seal, kaldkriips otsing.

1283
00:59:50,770 --> 00:59:56,530
Selgub, et URL, midagi, mis
juhtub pärast küsimärk on,

1284
00:59:56,530 --> 01:00:01,270
kui me ütleme, võtmeväärtuste paari
mis Vormi sisestatud või kuidagi

1285
01:00:01,270 --> 01:00:04,500
edastatakse
brauseri server.

1286
01:00:04,500 --> 01:00:07,180
>> Nii igal ajal kirjutad input
kujule veebis

1287
01:00:07,180 --> 01:00:10,000
ja see saadetakse Kuna me oleme
arutanud kaudu get,

1288
01:00:10,000 --> 01:00:12,400
üks neist virtuaalsetest
ümbrikud, sisu

1289
01:00:12,400 --> 01:00:15,510
Selle envelope-- jah, hoida
saada täidisega füüsiliselt

1290
01:00:15,510 --> 01:00:19,010
ümbrisesse klassis
täna, kuid tehnoloogiliselt

1291
01:00:19,010 --> 01:00:21,110
see on tegelikult panna URL.

1292
01:00:21,110 --> 01:00:22,940
Nii tegelikult, las ma sõeluma läbi selle.

1293
01:00:22,940 --> 01:00:25,010
Kus sa näed kasutaja sisend?

1294
01:00:25,010 --> 01:00:27,490
Kus sa näed midagi
et ma ise kirjutada siia üles?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Jah, nii et "kass".

1297
01:00:33,491 --> 01:00:33,990
Right?

1298
01:00:33,990 --> 01:00:36,380
Nii et lubage mul destilleerida seda
midagi lihtsamat.

1299
01:00:36,380 --> 01:00:39,917
Ma lähen kustutada kõike
Selle URL, et ma ei saa aru,

1300
01:00:39,917 --> 01:00:42,250
ja ma lihtsalt jätan
seda see-- / otsida? q = kassidele.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Me näeme, kus q
pärineb ühe hetkega,

1303
01:00:47,890 --> 01:00:51,220
aga see tunne minimaalne
palju teavet, mis ma ette.

1304
01:00:51,220 --> 01:00:53,050
Ja nüüd ma lähen Enter.

1305
01:00:53,050 --> 01:00:55,520
Ja märka seda ikka töötab.

1306
01:00:55,520 --> 01:00:57,950
Me ikka tagasi terve hulk kassid.

1307
01:00:57,950 --> 01:01:00,340
Nii Google on Kasvataja
kui seda nendel päevadel.

1308
01:01:00,340 --> 01:01:01,934
See on 2016 mitte 1999.

1309
01:01:01,934 --> 01:01:04,600
Nii et muud kraami, et minu
brauser saadab serverisse.

1310
01:01:04,600 --> 01:01:07,100
Aga see on minimaalselt
kõik, mis on vajalik.

1311
01:01:07,100 --> 01:01:08,380
>> Mis siis toimub?

1312
01:01:08,380 --> 01:01:14,320
Noh, esiteks lubage mul minna ja minna
tagasi Cloud9 ja lase mul minna

1313
01:01:14,320 --> 01:01:15,620
ja sulen kaarte varem.

1314
01:01:15,620 --> 01:01:18,230
Ja ma teen seda minu
ise lihtsalt hetkeks.

1315
01:01:18,230 --> 01:01:20,730
Ma lähen edasi minna
ja luua uus fail.

1316
01:01:20,730 --> 01:01:23,739
Ja ma lähen salvestage see google.html.

1317
01:01:23,739 --> 01:01:26,280
Ja ma lähen väga quickly--
Ma lähen varastada, tegelikult,

1318
01:01:26,280 --> 01:01:28,510
mõned selle teksti lihtsalt säästa aega.

1319
01:01:28,510 --> 01:01:30,610
Ma lähen kleebi see siin.

1320
01:01:30,610 --> 01:01:33,850
Ma ei viitsinud
mis tahes stilisatsioon seekord.

1321
01:01:33,850 --> 01:01:38,340
Me läheme nimetame seda "Minu Google."

1322
01:01:38,340 --> 01:01:41,230
Ja ma lähen lahti saada
kõike organismis.

1323
01:01:41,230 --> 01:01:42,740
Ja ma lähen tegema järgmist.

1324
01:01:42,740 --> 01:01:45,690
Las ma suumida.

1325
01:01:45,690 --> 01:01:50,620
Olek action-- ja nagu ma põgusalt mainitud
earlier-- whoops-- nagu ma lühidalt

1326
01:01:50,620 --> 01:01:54,130
varem mainitud, tegevusulatus
vorm on see, kui sa saadad andmed.

1327
01:01:54,130 --> 01:01:56,620
Nii google.com/search.

1328
01:01:56,620 --> 01:01:59,390
Ja meetod ma tahan kasutada
võib olla üks kahest.

1329
01:01:59,390 --> 01:02:02,870
See võib olla kas "saada", nagu me hoida
arutada, või see võib olla "post".

1330
01:02:02,870 --> 01:02:05,340
Praegu on põhiline
Erinevus on, kui te kasutate "saada"

1331
01:02:05,340 --> 01:02:09,590
kõik andmed, et
kasutaja annab saab saata URL.

1332
01:02:09,590 --> 01:02:13,530
>> See on suurepärane asjad otsing
mootorid ja mõned muud rakendused,

1333
01:02:13,530 --> 01:02:17,080
aga millistel asjaoludel
sa ei taha, et täita vormi

1334
01:02:17,080 --> 01:02:21,620
ja on teavet lõpuks üles
URL, nagu brauseri aadressiribale?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Millist vorme teha sina--

1337
01:02:26,605 --> 01:02:27,480
Publik: [kuuldamatu]

1338
01:02:27,480 --> 01:02:28,450
DAVID J. Humala: Jah, nagu mida?

1339
01:02:28,450 --> 01:02:29,270
Publik: paroolid.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. Humala: Jah, nii et logida
sisse Facebook või mõnel veebilehel.

1341
01:02:31,936 --> 01:02:34,395
See kasutaja sisend
vormi, tekstiväljale

1342
01:02:34,395 --> 01:02:37,020
aga sa ilmselt ei taha seda
ilmumise brauseri URL.

1343
01:02:37,020 --> 01:02:38,121
Miks?

1344
01:02:38,121 --> 01:02:40,870
Ma mõtlen, et äkki on olemas mõned
julgeolekumõjud võrgus,

1345
01:02:40,870 --> 01:02:44,830
kuid more-- meeldib rohkem lihtsalt, mis siis, kui
Teie toakaaslane, teie teised olulised,

1346
01:02:44,830 --> 01:02:47,710
teie lapsed, teie abikaasa vaatab
läbi brauseri ajalugu?

1347
01:02:47,710 --> 01:02:50,762
On oma parooli õigus
seal oma brauseri ajalugu.

1348
01:02:50,762 --> 01:02:52,220
See ei tunne hea disain.

1349
01:02:52,220 --> 01:02:54,500
Või veelgi tehniliselt,
Oletame, et olete püüdnud

1350
01:02:54,500 --> 01:02:59,180
üles laadida foto Flickr
või Facebook või wherever--

1351
01:02:59,180 --> 01:03:03,010
mis on kasutaja sisend, kuigi
see on natuke rohkem interesting-- kuidas

1352
01:03:03,010 --> 01:03:05,530
ma tuupima pildi URL bar?

1353
01:03:05,530 --> 01:03:06,730
Sa selline omamoodi saa.

1354
01:03:06,730 --> 01:03:07,396
Sa liiki võimalik.

1355
01:03:07,396 --> 01:03:10,210
Aga tõesti, ma olen kitsikuses
ette kujutada seda tehes.

1356
01:03:10,210 --> 01:03:13,470
Nii et ma pean teist meetodit
fotode veebilehel,

1357
01:03:13,470 --> 01:03:15,657
ja see teine ​​meetod on nn "post".

1358
01:03:15,657 --> 01:03:18,740
Aga nüüd, me lihtsalt rääkida
"Saada", mis on lihtsam kahest.

1359
01:03:18,740 --> 01:03:21,100
See lihtsalt paneb kõiki
kasutaja sisestatud URL.

1360
01:03:21,100 --> 01:03:22,830
>> Nii et siin on vorm ma loon.

1361
01:03:22,830 --> 01:03:24,070
Ma tahan sisend.

1362
01:03:24,070 --> 01:03:24,820
Ja teate mis?

1363
01:03:24,820 --> 01:03:26,111
Ma lähen teen oletuse siin.

1364
01:03:26,111 --> 01:03:31,600
Ma lähen meenutavad minu
input "q" jaoks "päring."

1365
01:03:31,600 --> 01:03:34,970
Ja ma arvan, et see on üks
originaalseid disainilahendusi ehk 1999.

1366
01:03:34,970 --> 01:03:39,560
Ja siis tüüp selle sisendi
on lihtsalt saab olema "tekst".

1367
01:03:39,560 --> 01:03:43,040
Ja siis ma lähen teise sisendi
et ei ole vaja nime, nagu me varsti

1368
01:03:43,040 --> 01:03:45,120
vaata, tüüp, mis on "esitama."

1369
01:03:45,120 --> 01:03:47,070
Ja see läheb
anna mulle eraldi nupp.

1370
01:03:47,070 --> 01:03:48,320
Ja see ongi kõik.

1371
01:03:48,320 --> 01:03:50,790
>> Nii et lubage mul minna ja salvestada faili.

1372
01:03:50,790 --> 01:03:54,910
Ma lähen tagasi oma
brauser ja mine google.html.

1373
01:03:54,910 --> 01:03:56,140
Sisenema.

1374
01:03:56,140 --> 01:03:59,680
Ja see on selline hõre
pehmelt öeldes.

1375
01:03:59,680 --> 01:04:03,110
Aga lubage mul minna
ja otsida "kassid".

1376
01:04:03,110 --> 01:04:06,510
Ja teate ma olen praegu
sel Cloud9 URL.

1377
01:04:06,510 --> 01:04:09,240
Aga hetkel ma vajutan seda,
kus te loodate ma lõpuks?

1378
01:04:09,240 --> 01:04:10,160
>> Publik: Google.

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. Humala: Google.

1380
01:04:11,118 --> 01:04:12,740
Nii saab käsul Saada.

1381
01:04:12,740 --> 01:04:15,200
Ja tõepoolest olen uuesti ellu Google.

1382
01:04:15,200 --> 01:04:15,700
Right?

1383
01:04:15,700 --> 01:04:16,480
See on lihtsam.

1384
01:04:16,480 --> 01:04:17,120
See on kergem.

1385
01:04:17,120 --> 01:04:20,350
Ma mõtlen, et minu kood on selgelt parem kui
päralt, alates jama me nägime.

1386
01:04:20,350 --> 01:04:21,100
Ja teate mis?

1387
01:04:21,100 --> 01:04:22,610
Ma lähen vürtsi see üles natuke.

1388
01:04:22,610 --> 01:04:23,860
Ma ei maininud seda varem.

1389
01:04:23,860 --> 01:04:27,860
On siltidega nagu H1, rubriigis 1
kõige olulisem rubriigi lehel.

1390
01:04:27,860 --> 01:04:30,570
"Minu Google:" Ma nimetan seda.

1391
01:04:30,570 --> 01:04:31,940
Lubage mul uuesti.

1392
01:04:31,940 --> 01:04:33,772
See vaadates natuke parem juba.

1393
01:04:33,772 --> 01:04:34,980
Ja tegelikult, tead mis?

1394
01:04:34,980 --> 01:04:36,430
Olen already-- ma valetasin.

1395
01:04:36,430 --> 01:04:40,200
Ma ütlesin, et ma ei hakka stiilis see,
aga ma lähen stiilis see nagu enne.

1396
01:04:40,200 --> 01:04:46,860
Ja minu keha saab olema,
oletame, text-align center.

1397
01:04:46,860 --> 01:04:48,800
See on suunatud rohkem nagu Google juba.

1398
01:04:48,800 --> 01:04:51,090
>> Vajan reavahetus, kuigi
sel Saada nuppu.

1399
01:04:51,090 --> 01:04:52,798
Ja selgub, siis
saab kasutada lõiked,

1400
01:04:52,798 --> 01:04:57,320
või saab rohkem sõna otseses mõttes lihtsalt öelda,
anna mulle reapiiri siin-- BR tag.

1401
01:04:57,320 --> 01:04:59,319
Ja kui ma uuesti seda, nüüd läheb seal.

1402
01:04:59,319 --> 01:05:01,610
See on natuke kole, et ma
võiks teha mitu reavahetused,

1403
01:05:01,610 --> 01:05:03,310
aga ärme liiga ahne siin.

1404
01:05:03,310 --> 01:05:06,430
Nüüd vaatame, kas see toimib "koera."

1405
01:05:06,430 --> 01:05:08,640
Tundub, et töö eest "koerad," samuti.

1406
01:05:08,640 --> 01:05:10,780
Mis siis mõjuvad Buffee siin?

1407
01:05:10,780 --> 01:05:13,600
One-- ei olnud suur hüpe
tutvustada veel mõned sildid,

1408
01:05:13,600 --> 01:05:15,370
nagu vormi tag sisend tag.

1409
01:05:15,370 --> 01:05:17,120
Aga põhilisemalt
on kõik teeme

1410
01:05:17,120 --> 01:05:20,610
võimendamisega meie arusaamist
HTTP ja asjaolu,

1411
01:05:20,610 --> 01:05:24,900
et vormid lõpuks muuta
Mis on URL brauseri

1412
01:05:24,900 --> 01:05:28,540
ja nii, seega saame
mehaaniliselt anda oma panus server

1413
01:05:28,540 --> 01:05:33,600
tehes HTML vormi ja teades
et server mõistab HTTP,

1414
01:05:33,600 --> 01:05:36,890
just nagu meie keha mõistab, nagu
raputades oma käsi, et sama protokolli,

1415
01:05:36,890 --> 01:05:40,920
ja nii me saada tagasi vastus
et me lõpuks oodata.

1416
01:05:40,920 --> 01:05:44,050
>> Nii proovime teha ühe
Viimane asi, mida nüüd mobiil

1417
01:05:44,050 --> 01:05:47,052
ja ma make-- Ma lisan
See kood slaidid.

1418
01:05:47,052 --> 01:05:49,760
Nii et kui soovite käpard, siis
saab kindlasti võtab ta sealt.

1419
01:05:49,760 --> 01:05:51,551
Aga ma lähen
käia ja teha ühte asja.

1420
01:05:51,551 --> 01:05:54,120
Ma lähen edasi minna ja
avada minu indeks page--

1421
01:05:54,120 --> 01:05:59,030
Tema lehele nagu enne, millest
on palju seda faux-ladina teksti

1422
01:05:59,030 --> 01:06:05,470
või mõttetu Ladina teksti ja has--
see näeb välja selline selles kirjas.

1423
01:06:05,470 --> 01:06:07,850
Aga lubage mul minna ja seda teha.

1424
01:06:07,850 --> 01:06:09,300
Ma lähen minema Cloud9.

1425
01:06:09,300 --> 01:06:10,380
Ja sa ei pea seda sammu.

1426
01:06:10,380 --> 01:06:11,420
Ma lihtsalt teen seda ise.

1427
01:06:11,420 --> 01:06:12,890
Ma lähen klõpsake Jaga.

1428
01:06:12,890 --> 01:06:15,170
Ja see on omadus
lihtsalt on Cloud9, mille

1429
01:06:15,170 --> 01:06:17,710
Saan keskkonda avalik.

1430
01:06:17,710 --> 01:06:20,240
>> Ja just huvides
demonstratsioon, lubage mul seda teha.

1431
01:06:20,240 --> 01:06:22,870
Ma lähen avalduse esitada avalikkusele.

1432
01:06:22,870 --> 01:06:25,230
Pange tähele, see on hoiatus mulle, olen
Ma tõesti tahan seda teha,

1433
01:06:25,230 --> 01:06:28,438
sest see saab teha igaüks
maailmas, kas nad nüüd siin

1434
01:06:28,438 --> 01:06:33,560
või videot vaadates hiljem
Internetis näha, mida ma näen.

1435
01:06:33,560 --> 01:06:34,440
Aga see on OK.

1436
01:06:34,440 --> 01:06:37,870
Ma ei ütle "Valmis".

1437
01:06:37,870 --> 01:06:42,080
Ja las ma kutsun teid, kui ma
See correctly-- las ma katsetada seda esimesena.

1438
01:06:42,080 --> 01:06:45,590
Lase käia, kui sa ei mind--
brauseris arvuti

1439
01:06:45,590 --> 01:06:49,900
mine selle URL ja loodetavasti
näete oma ladinakeelse tekstiga.

1440
01:06:49,900 --> 01:06:52,820
Ja peab olema selge, et see on
töötab mitte minu sülearvuti.

1441
01:06:52,820 --> 01:06:53,610
See pilv.

1442
01:06:53,610 --> 01:06:58,120
See on Cloud9, sõna otseses mõttes, vaid
Olen teinud minu tööruumi avaliku

1443
01:06:58,120 --> 01:07:03,450
nii et igaüks internetis
ei pääse oma Ladina kodulehekülg.

1444
01:07:03,450 --> 01:07:07,209
>> Mine sama URL
telefoni kui saaksid.

1445
01:07:07,209 --> 01:07:09,750
Kui see saab teile maksma, aga sa
lihtsalt vaadata üle õla.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
Publik: [kuuldamatu]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. Humala: Vabandust?

1449
01:07:43,550 --> 01:07:45,390
Publik: [kuuldamatu]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. Humala: Just ladina sõnad.

1451
01:07:47,710 --> 01:07:48,210
See on kõik.

1452
01:07:48,210 --> 01:07:49,250
Aga see, mida sa peaksid nägema.

1453
01:07:49,250 --> 01:07:49,875
>> Publik: Jah.

1454
01:07:49,875 --> 01:07:50,790
DAVID J. Humala: Jah.

1455
01:07:50,790 --> 01:07:51,300
Jah.

1456
01:07:51,300 --> 01:07:51,540
OKEI.

1457
01:07:51,540 --> 01:07:53,530
Nii saan ma hoida oma
telefoni hetkeks?

1458
01:07:53,530 --> 01:07:57,504
Niisiis, loodetavasti, kui te pole oluline
see, see peaks välja nägema peaaegu loetamatu.

1459
01:07:57,504 --> 01:07:59,920
See on still-- Ma mõtlen, see on
loetamatu sest ladina keeles.

1460
01:07:59,920 --> 01:08:01,920
Aga see on ka loetamatu
mida muul põhjusel?

1461
01:08:01,920 --> 01:08:03,775
Nagu, mida rahulda teid selle kohta?

1462
01:08:03,775 --> 01:08:04,650
Publik: See on väike.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. Humala: See on super, super väike.

1464
01:08:06,420 --> 01:08:07,920
Niisiis, kuidas me saaksime seda parandada?

1465
01:08:07,920 --> 01:08:09,730
See on super, super väike
Victoria telefoninumber

1466
01:08:09,730 --> 01:08:11,400
ja kui olete tõmbas
see ise üles, ilmselt

1467
01:08:11,400 --> 01:08:14,660
väike telefoni ka, kui sa
on hõlbustussätted lubatud.

1468
01:08:14,660 --> 01:08:15,530
Mis see on?

1469
01:08:15,530 --> 01:08:18,497
Sa võid lihtsalt näputäis ja
zoom, mis on toimiv,

1470
01:08:18,497 --> 01:08:20,330
aga siis näed ainult
paar sõna korraga.

1471
01:08:20,330 --> 01:08:20,859
Nii oodake minut.

1472
01:08:20,859 --> 01:08:21,720
Ma tean, kuidas seda parandada.

1473
01:08:21,720 --> 01:08:22,219
Right?

1474
01:08:22,219 --> 01:08:26,130
Ma võiks kasutada CSS, ja ma ei muuda
fondi suurus on 12 punkti 24 punkti.

1475
01:08:26,130 --> 01:08:29,020
Aga kõrvalmõjuks, et
Loomulikult saab olema nüüd,

1476
01:08:29,020 --> 01:08:32,630
töölaual või sülearvuti,
Nüüd tekst on kaks korda suurem.

1477
01:08:32,630 --> 01:08:35,810
Ja nii see oleks omamoodi tore
eristada seadmete

1478
01:08:35,810 --> 01:08:37,840
ja selgub, et
viise, kuidas seda tehes.

1479
01:08:37,840 --> 01:08:39,590
On mitmeid
erinevalt, tegelikult

1480
01:08:39,590 --> 01:08:44,189
mille abil CSS ja Kasvataja omadused
et me ei hakka väga täpselt,

1481
01:08:44,189 --> 01:08:46,960
saab sisuliselt päringuid
brauser ja öelda,

1482
01:08:46,960 --> 01:08:51,550
kui teie ekraan on väiksem kui see
palju piksleid, kasutada seda fondi suurust.

1483
01:08:51,550 --> 01:08:55,180
Kui ekraanil on suurem kui see
palju piksleid, kasutage seda teiste fondi suurust.

1484
01:08:55,180 --> 01:08:57,080
>> Võite olla isegi Kasvataja ikka.

1485
01:08:57,080 --> 01:09:00,140
Kui olete kunagi käinud
veebilehe, et lauale,

1486
01:09:00,140 --> 01:09:04,404
on suur menu äkki välja, et
küljele ja kogu sisu

1487
01:09:04,404 --> 01:09:07,029
on külje et menu--
see on mingi ühine paradigma.

1488
01:09:07,029 --> 01:09:09,670
Menüü vasakul, sisu
paremale või vastupidi.

1489
01:09:09,670 --> 01:09:13,569
Tegelikult ei tööta mobiil, kui teie
ekraan on ainult see palju pikslit lai.

1490
01:09:13,569 --> 01:09:16,233
Nii sagedamini mobiil on,
oma menüü äkki saada

1491
01:09:16,233 --> 01:09:18,399
lagunes, ja sa pead
Klõpsake nuppu, et näha seda,

1492
01:09:18,399 --> 01:09:22,404
või veebilehe paneb menüü
kohal ja pane sisaldus alla selle.

1493
01:09:22,404 --> 01:09:24,779
Ja saab rakendada neid
asju mitmel moel ka.

1494
01:09:24,779 --> 01:09:28,340
Te võite paluda oma programmeerijad,
hei, meeskond, igal ajal

1495
01:09:28,340 --> 01:09:34,450
näed HTTP taotluse Android
seade, Microsoft seade, Google

1496
01:09:34,450 --> 01:09:39,930
seade, Apple seade, kasutage seda
tähesuurust ja kasutada seda menüükujundusele

1497
01:09:39,930 --> 01:09:42,670
või siis kasutada seda vaikimisi suurem paigutuse.

1498
01:09:42,670 --> 01:09:45,410
>> Nüüd, kasutades seda, mida
põhiline meetod täna

1499
01:09:45,410 --> 01:09:48,529
võiks insenerid kasutada
teada, kas see on

1500
01:09:48,529 --> 01:09:53,660
iPhone, Android telefon, sülearvuti,
töölaua külastate ettevõtte server?

1501
01:09:53,660 --> 01:09:55,310
Kus nad saavad seda teavet?

1502
01:09:55,310 --> 01:09:56,080
>> Publik: Header?

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J. Humala: Jah, HTTP päise kaudu.

1504
01:09:57,740 --> 01:10:01,714
Nii et iga HTTP taotluse pärit
nende kliendid oma servereid

1505
01:10:01,714 --> 01:10:03,880
hulka, sees, et virtuaalne
ümbrik, terve hunnik

1506
01:10:03,880 --> 01:10:08,260
HTTP päiseid, millest üks on
brauseri ja operatsioonisüsteemi

1507
01:10:08,260 --> 01:10:10,290
isegi, kui sa hoolid
et detailsuse.

1508
01:10:10,290 --> 01:10:13,790
Nüüd on segasena suunatud string, kuid
on olemas tarkvara, mis lihtsalt

1509
01:10:13,790 --> 01:10:18,530
lihtsustada, et, ja te saate lihtsalt küsida
programmeerimise code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- mida telefon on see--
Mis seade selle kasutaja kasutab?

1511
01:10:23,650 --> 01:10:27,501
Ja siis saab öelda, näidata neile seda
versiooni veebilehel, kui see on telefon.

1512
01:10:27,501 --> 01:10:30,250
Näita neile see versioon
veebilehel, kui see on sülearvuti või lauaarvuti.

1513
01:10:30,250 --> 01:10:32,316
Aga sa ei pea isegi
serveripoolse keerukust.

1514
01:10:32,316 --> 01:10:33,940
Seda saab teha isegi kõige lihtsamaid asju.

1515
01:10:33,940 --> 01:10:34,815
>> Ma teen seda.

1516
01:10:34,815 --> 01:10:38,995
Ma lähen edasi minna sisse
minu Cloud9 keskkond

1517
01:10:38,995 --> 01:10:41,370
ja ma lähen lisada tag
et nägid Google varem.

1518
01:10:41,370 --> 01:10:42,770
Seda nimetatakse meta.

1519
01:10:42,770 --> 01:10:45,520
Ja ma ei mäleta seda lugu, mistõttu
Ma lähen transkribeerida siin.

1520
01:10:45,520 --> 01:10:50,552
Meta name = "vaateava" ja seejärel
content = "width = seade laius intital

1521
01:10:50,552 --> 01:11:02,060
skaala = 1 "ja see on kõik.

1522
01:11:02,060 --> 01:11:06,230
>> Nii et see võib samuti olla
nagu maagiline loits.

1523
01:11:06,230 --> 01:11:11,300
See pole veel kõik, et selge, kuid see on
midagi pistmist vaateavalt

1524
01:11:11,300 --> 01:11:15,070
ja vaateakna on lihtsalt keha
veebilehe ristkülikukujuline piirkond, mis

1525
01:11:15,070 --> 01:11:16,690
määratleb kõige lehel.

1526
01:11:16,690 --> 01:11:19,060
Ja see on lihtsalt ütlen
brauser, tead mis?

1527
01:11:19,060 --> 01:11:22,589
Tee laius see leht
tõhusalt võrdne seadme laius.

1528
01:11:22,589 --> 01:11:25,380
Teisisõnu, ei saa eeldada, et
sul on mingi piiramatu ruumi.

1529
01:11:25,380 --> 01:11:29,920
Oletame, et sul on vaid nii palju
ruumi kui seade ise on suur.

1530
01:11:29,920 --> 01:11:34,454
Ja nii nüüd, kui ma uuesti seda
minu brauser ei näe ma muutusi.

1531
01:11:34,454 --> 01:11:37,370
Aga kui ma seda correctly-- ja
andke mulle risti minu fingers-- kui te kõik

1532
01:11:37,370 --> 01:11:42,920
reload oma telefonid, sa
vaata kaalukaid muutus?

1533
01:11:42,920 --> 01:11:43,620
Jah, on selle--

1534
01:11:43,620 --> 01:11:45,067
>> Publik: [kuuldamatu]

1535
01:11:45,067 --> 01:11:45,900
DAVID J. Humala: Jah.

1536
01:11:45,900 --> 01:11:46,400
OKEI.

1537
01:11:46,400 --> 01:11:47,850
Nii vaieldamatult loetavamaks nüüd?

1538
01:11:47,850 --> 01:11:53,070
Ikka väike, kui aus olla, kuid mitte
nii väike, et see oleks hallata.

1539
01:11:53,070 --> 01:11:56,920
Ja ma võiks kindlasti alistada see
edasi CSS või serveri poolel,

1540
01:11:56,920 --> 01:12:00,120
kuid üha enam, mida sa
nägemine on rohkem ja rohkem funktsioone

1541
01:12:00,120 --> 01:12:02,900
lisanduvad
kliendipoolse environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript kui me arutada
Homme, CSS ja HTML-- nii

1543
01:12:06,530 --> 01:12:09,190
et kõik need päringuid
saab teha kliendi

1544
01:12:09,190 --> 01:12:11,910
nii, et vaeva
server palju vähem ja mitte

1545
01:12:11,910 --> 01:12:14,530
on kursis, sest
Näiteks pidev rünnakut

1546
01:12:14,530 --> 01:12:17,210
Uute operatsioonisüsteemidega
versioonid, uus brauseri versioonid.

1547
01:12:17,210 --> 01:12:20,190
Sa võid lasta brauseri
küsi seade, kui suur sa oled,

1548
01:12:20,190 --> 01:12:22,890
ja seejärel teha mõnevõrra loogiline
põhinevaid.

1549
01:12:22,890 --> 01:12:25,140
Aga me näeme rohkem võimalusi
loogiline otsused

1550
01:12:25,140 --> 01:12:27,223
Homme kontekstis
programmeerimiskeelt.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Nii tekib küsimusi, siis
veebi arengut?

1553
01:12:32,760 --> 01:12:36,130
Täna ei ole veebi programmeerimine kohta
se, sest enamik kõike tegime

1554
01:12:36,130 --> 01:12:38,370
oli väga esteetiline, kui soovite.

1555
01:12:38,370 --> 01:12:41,750
Ei ole otsuse tegemisel
kood, mis me oleme kirjutanud,

1556
01:12:41,750 --> 01:12:44,990
ja nii sellepärast HTML on juurdehindlus
keelt, mitte programmeerimiskeelt.

1557
01:12:44,990 --> 01:12:47,140
Aga homme me võtame
Kiire pilk lõpuks

1558
01:12:47,140 --> 01:12:49,340
kell JavaScript, mis on
tegelik programmeerimine

1559
01:12:49,340 --> 01:12:54,220
keel, mis võimaldab meil teha natuke rohkem.

1560
01:12:54,220 --> 01:12:56,800
>> Kas küsimusi on?

1561
01:12:56,800 --> 01:13:00,480
Noh, lubage mul kaks ettepanekut
võimalusi vabatahtlik kodutöö.

1562
01:13:00,480 --> 01:13:02,900
Üks on-- need Cloud9
kontode ei aegu.

1563
01:13:02,900 --> 01:13:04,669
Sa oled teretulnud kasutama
neid käpard.

1564
01:13:04,669 --> 01:13:05,960
See on vaba tasemel teenust.

1565
01:13:05,960 --> 01:13:08,754
Aru, et kui luues
oma tööruumi, sa tegid seda avalikult,

1566
01:13:08,754 --> 01:13:11,670
mis ei tähenda, et keegi on
Internetis saab näha, mida sa kirjutad.

1567
01:13:11,670 --> 01:13:15,104
Ehk lihtsalt kaaluda
ei piinlik ennast

1568
01:13:15,104 --> 01:13:18,020
kui sa oled pannes oma esimese veebi
lehekülje seal avalikult kogemata,

1569
01:13:18,020 --> 01:13:20,134
kuid keegi läheb
tean, et otsida seal niikuinii.

1570
01:13:20,134 --> 01:13:23,760
>> Ja two-- lase mul Toss
kuni see URL samuti,

1571
01:13:23,760 --> 01:13:28,250
eriti kui sa tulid täna
Veidi vähem mugav kui teised,

1572
01:13:28,250 --> 01:13:30,430
kindel, mida kõik see värk tähendab.

1573
01:13:30,430 --> 01:13:36,780
Aru, et palju selle video,
mis on nii hea võimalus uinuda

1574
01:13:36,780 --> 01:13:39,380
ja ka naerda, kui
Seejuures on ka

1575
01:13:39,380 --> 01:13:44,300
palju societally huvitav
ja turvalisusega seotud arutelud

1576
01:13:44,300 --> 01:13:47,370
selles John Oliver,
kuigi koomik.

1577
01:13:47,370 --> 01:13:55,456
>> Aga kui ei ole nimetatud,
mis viib meid vastuvõtt.

1578
01:13:55,456 --> 01:13:56,830
Miks ma ei lülita muusika.

1579
01:13:56,830 --> 01:13:58,610
Seal peaks olema joogid
ja suupisted väljaspool.

1580
01:13:58,610 --> 01:14:00,220
Ma olen õnnelik, et segama nii
Niikaua kui inimesed sooviksid,

1581
01:14:00,220 --> 01:14:01,600
vastata küsimustele enam üks-ühele.

1582
01:14:01,600 --> 01:14:03,330
Aga muidu, sa oled teretulnud
stardi mis tahes punktis,

1583
01:14:03,330 --> 01:14:05,740
ja me näeme jälle
Homme hommikul natuke rohkem.

1584
01:14:05,740 --> 01:14:07,290
Olgu, aitäh.

1585
01:14:07,290 --> 01:14:10,428