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

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

3
00:00:01,210 --> 00:00:02,160
Mes grįžome.

4
00:00:02,160 --> 00:00:05,810
Taigi, šio baigiamojo sesijos tikslas
yra įvesti kelis sąvokas

5
00:00:05,810 --> 00:00:09,290
bet taip pat suteikia kiekvienam galimybę
į rūšies ruožas pirštais

6
00:00:09,290 --> 00:00:11,270
ir iš tikrųjų ką nors padaryti
mažai hands-on.

7
00:00:11,270 --> 00:00:13,897
Tikslas yra ne paversti
mums visiems į interneto svetainių kūrėjai

8
00:00:13,897 --> 00:00:16,230
bet kokiomis priemonėmis, bet tikrai tik
duoti jums kai kurių skonį

9
00:00:16,230 --> 00:00:21,750
pagrindinių konstrukcijų, ką
eina į interneto programavimo, o šiandien internete

10
00:00:21,750 --> 00:00:23,980
plėtros, todėl
statinio pusėje Quake

11
00:00:23,980 --> 00:00:26,660
ne logika, ne programavimo
kalba, tiesiog statinis turinys.

12
00:00:26,660 --> 00:00:29,660
Ir jis duos mums galimybę
realiai pamatyti, ką interneto serveris,

13
00:00:29,660 --> 00:00:34,140
pamatyti, kas HTML failas yra, pamatyti, kas
tai HTTP tikrųjų tarnauja iki.

14
00:00:34,140 --> 00:00:38,600
Bet kol mes pasinerti, atgaline data
Turite klausimų apie debesų kompiuteriją

15
00:00:38,600 --> 00:00:43,922
ar saugumo ar nieko tarp?

16
00:00:43,922 --> 00:00:44,890
>> Ar ne?

17
00:00:44,890 --> 00:00:47,181
Gerai, gerai, tegul
tai padaryti, tik tuo atveju,

18
00:00:47,181 --> 00:00:49,680
iš Užsiregistravę procesas
kažkas trunka kelias minutes.

19
00:00:49,680 --> 00:00:51,221
Mes tegul jis tai padaryti fone.

20
00:00:51,221 --> 00:00:56,860
Eiti į priekį, jei galėtų,
į šį URL here-- c9.io.

21
00:00:56,860 --> 00:01:02,810
Tai trečiosios šalies service--
platforma kaip paslauga, jei will--

22
00:01:02,810 --> 00:01:05,190
kad ketina pakviesti Jus
užsiregistruoti sąskaitą,

23
00:01:05,190 --> 00:01:08,650
ir jis ketina suteikti kiekvienas iš jūsų
in vadinamosios debesų sąskaita

24
00:01:08,650 --> 00:01:11,330
kažkieno infrastruktūros,
įmonė vadinama Cloud9.

25
00:01:11,330 --> 00:01:13,350
Bet kas malonu apie
tai, kad jie suteiks jums

26
00:01:13,350 --> 00:01:15,990
kurio apytikslis
Tikrasis realaus pasaulio plėtra

27
00:01:15,990 --> 00:01:18,530
aplinka, nors į
debesis ir interneto naršyklę,

28
00:01:18,530 --> 00:01:21,175
ir mes naudosime tai, kad iš tikrųjų
šiek tiek eksperimentuoti šiandien.

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

30
00:01:27,116 --> 00:01:30,260
Ir tada eiti į priekį ir tiesiog naršyti
savo kelią į registracijos procesą

31
00:01:30,260 --> 00:01:32,630
Jei galėtum.

32
00:01:32,630 --> 00:01:36,080
Taigi, mes atsitikti naudoti šią klasėje
Aš mokau visiems mūsų studentams,

33
00:01:36,080 --> 00:01:39,140
tiek miesteliu ir išjungti dabar, ir
tai pakeisti, kas istoriškai

34
00:01:39,140 --> 00:01:41,390
buvo kitaip atsisiųsti programinę įrangą.

35
00:01:41,390 --> 00:01:44,620
Taigi, kas jums buvo patekti į
yra viena iš šių virtualių mašinų,

36
00:01:44,620 --> 00:01:46,460
iš esmės, kad aš aprašyta anksčiau.

37
00:01:46,460 --> 00:01:50,260
Taigi ši bendrovė Cloud9 tikriausiai
nuomos iš trečiosios party-- iš tiesų

38
00:01:50,260 --> 00:01:52,760
šiuo atveju, Google ", visumą
krūva virtualių mašinų

39
00:01:52,760 --> 00:01:56,500
kad jie kažkaip sukapoti į
atskirų serverių iliuzija

40
00:01:56,500 --> 00:01:58,610
kad kiekvienas iš mūsų turi pilną kontrolę.

41
00:01:58,610 --> 00:02:01,640
Tai ne visai tiksliai pasakyti
kad jie virtualios mašinos,

42
00:02:01,640 --> 00:02:04,550
nors, nes tai, ką
Cloud9 tikrųjų naudoja

43
00:02:04,550 --> 00:02:07,570
yra šiek tiek naujesnis technologijos
vadinamas Konteinerių.

44
00:02:07,570 --> 00:02:13,150
Ir leiskite paimti šią nuotrauką
Čia dažų šią nuotrauką.

45
00:02:13,150 --> 00:02:16,540
>> Konteineris yra, jei
pamenate nuotrauką

46
00:02:16,540 --> 00:02:19,900
iš anksčiau, šiek tiek lengvesnis
svoris nei virtualioje mašinoje.

47
00:02:19,900 --> 00:02:22,090
Iš tiesų, kadangi paskutinis
kartą mes kalbėjome apie ten

48
00:02:22,090 --> 00:02:25,170
yra operacinė
sistema ir Hypervizoriaus

49
00:02:25,170 --> 00:02:28,260
ir tada svečias operacinė sistema, svečių
operacinė sistema, svečių operacinės

50
00:02:28,260 --> 00:02:30,940
sistema, ant savo
fizinės kompiuterinės įrangos,

51
00:02:30,940 --> 00:02:33,740
skirtumas su šia naujesne
technologija, Konteinerių

52
00:02:33,740 --> 00:02:37,290
yra tai, kad jie visi kažkaip pasidalinti
tas pats operacinė sistema.

53
00:02:37,290 --> 00:02:39,970
Tačiau jie vis tiek sukurti
kiekvieno žmogaus iliuzija

54
00:02:39,970 --> 00:02:44,590
turintys jo paties išskirtinis
administracinės teisės ir failai

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

56
00:02:45,400 --> 00:02:48,230
Bet yra mažiau programinė įranga
tarp jūsų ir aparatūros.

57
00:02:48,230 --> 00:02:52,260
Kurio rezultatas yra
teorija, didesnis našumas,

58
00:02:52,260 --> 00:02:55,470
nes jūs naudojate arba
eikvoti mažiau išteklių

59
00:02:55,470 --> 00:02:57,360
dėl, kad vadinamosios Virtualizacija sluoksniu.

60
00:02:57,360 --> 00:02:59,420
Taigi tai vadinama
Konteinerių gamta

61
00:02:59,420 --> 00:03:02,920
būdu technologiją, pavadintą Docker,
kuri yra labai daug ateina į savo.

62
00:03:02,920 --> 00:03:05,086
Ir tai yra kažkas, kad
inžinieriai savo įmonę

63
00:03:05,086 --> 00:03:08,610
gali rūšies tarsi pradėti kalbėti
Apie greičiau jei jie dar neturite,

64
00:03:08,610 --> 00:03:11,590
nors ten tikrai ne
Priežastis šokinėti ant bet bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Taigi su tai sakė, ką
jūs tikriausiai pamatyti dabar

66
00:03:15,410 --> 00:03:22,670
yra ekranas, kuris atrodo šiek tiek panašus į šį.

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

68
00:03:23,170 --> 00:03:25,260
Ir tik paskambinti man per jei ne.

69
00:03:25,260 --> 00:03:27,440
Ir jei so-- Aš ateisiu per jei ne.

70
00:03:27,440 --> 00:03:30,244
Eiti į priekį ir spustelėkite, kad didelis
plius sukurti darbo vietą,

71
00:03:30,244 --> 00:03:31,660
ir pamatysite, kaip šis ekranas.

72
00:03:31,660 --> 00:03:35,020
Galite skambinti darbo sritį
pavadinimas viską, ką nori dabar.

73
00:03:35,020 --> 00:03:38,660
Ir tik iš tikrųjų paprastumo,
eiti and-- gerai, kai kurie iš jūsų

74
00:03:38,660 --> 00:03:39,660
jau darbo sritis.

75
00:03:39,660 --> 00:03:47,050
Pavadinkite tai ką want-- verslą,
Harvardo, ketvirtadienis, ką norite.

76
00:03:47,050 --> 00:03:48,800
Jums nereikia aprašymas.

77
00:03:48,800 --> 00:03:52,380
Jūs galite palikti jį privačiai, nebent jumis
jau turime darbo vietoms krūva.

78
00:03:52,380 --> 00:03:55,280
Jei priversti jį visuomenei,
tai gerai šiandienos reikmėms.

79
00:03:55,280 --> 00:03:56,750
Čia taip pat yra vienas iš Upsells.

80
00:03:56,750 --> 00:03:59,939
Jūs gaunate vieną asmeninįpranešimą darbo sritį
numatytas. Bet jei jūs norite daugiau,

81
00:03:59,939 --> 00:04:00,980
jūs turite mokėti daugiau.

82
00:04:00,980 --> 00:04:02,870
Priešingu atveju, jie priversti jus
padaryti savo darbo viešai.

83
00:04:02,870 --> 00:04:05,600
Bet tai gerai, nes jie taip pat
nukreipti tai ne atviro kodo bendruomenių

84
00:04:05,600 --> 00:04:07,700
paskatinti žmones
iš tikrųjų bendradarbiauti.

85
00:04:07,700 --> 00:04:10,699
>> Ir paskutinis dalykas, kad svarbu,
nors tai, po pasirinksite vardą

86
00:04:10,699 --> 00:04:17,140
ir po pasirinksite privatus arba viešasis,
spustelėkite HTML5, didelis oranžinės piktogramą

87
00:04:17,140 --> 00:04:22,430
antras iš kairės, ir
tada spustelėkite Kurti Workspace.

88
00:04:22,430 --> 00:04:24,580
Ir tai tikriausiai
užtrukti keletą minučių arba tiek,

89
00:04:24,580 --> 00:04:26,540
bet jums tada turėti
aplinka, kai jūs

90
00:04:26,540 --> 00:04:30,544
padaryti, kad atrodo, primenantis
ką aš turiu ekrane čia dabar.

91
00:04:30,544 --> 00:04:33,210
Bet vėl gi, tai gali užtrukti keletą minučių
arba daugiau, jeigu reikia į šį ekraną

92
00:04:33,210 --> 00:04:34,770
kai jūs paspaudėte Sukurti Workspace.

93
00:04:34,770 --> 00:04:37,936
Bet tik žymėti mane per jei norite mane
pažvelgti į ką nors ar patarti išvaizdą.

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

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

96
00:04:40,690 --> 00:04:42,390
Taigi, aš ruošiuosi fone tai dabar.

97
00:04:42,390 --> 00:04:44,260
Skambinkite man per jei jums atrodo, kad
jokių techninių sunkumų.

98
00:04:44,260 --> 00:04:46,210
Bet vėl gi, tai gali užtrukti
Šiek tiek už tai, kad atidarytumėte.

99
00:04:46,210 --> 00:04:49,570
Ir tegul eiti į priekį ir kalbėti apie tai, kas
ji iš tikrųjų reiškia, kad interneto puslapį,

100
00:04:49,570 --> 00:04:52,780
kaip HTML naudojamas, ir kaip visa tai
dabar jungia kaip mes pradedant

101
00:04:52,780 --> 00:04:54,730
iš tikrųjų naudoti kai kurios technologijos.

102
00:04:54,730 --> 00:04:58,310
Taigi paaiškėja, kad galiu
eiti mano mažai Mac čia

103
00:04:58,310 --> 00:05:01,650
atidaryti paprastą programą, pavadintą
TextEdit arba Windows galėjau

104
00:05:01,650 --> 00:05:04,480
atvira kažkas vadinamas Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
Ir aš galėčiau tiesiog kažką daryti
kaip this-- "Hello, World".

106
00:05:08,260 --> 00:05:12,020
Ir tada aš galėtų išgelbėti tai, kaip
hello.txt Taigi ne magija ten.

107
00:05:12,020 --> 00:05:15,200
Tai neturi nieko bendro su interneto
programavimas, nieko daryti su HTML.

108
00:05:15,200 --> 00:05:16,790
Tiesiog sukurti paprastą tekstinį failą.

109
00:05:16,790 --> 00:05:20,600
Tačiau paaiškėja, kad interneto
puslapis yra tiesiog tik tai.

110
00:05:20,600 --> 00:05:24,020
Tai paprastas tekstinis failas, kuriame yra tekstas
kad jūs galite įvesti savo klaviatūroje,

111
00:05:24,020 --> 00:05:30,070
tačiau ji paprastai, bet ne visada
baigiasi ne Txt bet Html arba .htm.

112
00:05:30,070 --> 00:05:32,050
Ir jūs ne tik
įrašykite žodžius failą.

113
00:05:32,050 --> 00:05:35,280
Jūs iš tikrųjų turite naudoti dalykų, vadinamų
žymės arba, platesne prasme, kažkas

114
00:05:35,280 --> 00:05:37,190
vadinamas žymėjimo kalba.

115
00:05:37,190 --> 00:05:40,510
>> Taigi, aš ruošiuosi labai greitai įvesti
ir tada paaiškinti taip.

116
00:05:40,510 --> 00:05:42,290
Aš ruošiuosi pirmą kartą
tipo tai, kuris sako,

117
00:05:42,290 --> 00:05:45,730
ei, naršyklė, čia ateina
interneto puslapis parašyta HTML.

118
00:05:45,730 --> 00:05:51,850
Ir šie du dalykai kartu pasakyti, ei,
naršyklė, taip yra iš tiesų HTML.

119
00:05:51,850 --> 00:05:55,790
Ei, naršyklė, čia ateina
vadovas ar mano puslapio viršuje.

120
00:05:55,790 --> 00:05:59,900
Ei, naršyklė, viduje viršuje
mano puslapis, įdėti pavadinimą, kuris yra "labas,

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

122
00:06:01,610 --> 00:06:08,370
Ei, naršyklė, po galva mano
puslapis, čia ateina mano puslapyje kūną.

123
00:06:08,370 --> 00:06:12,170
Ir, ei, naršyklė, kūno mano
puslapis, taip pat turėtų pasakyti: "hello world".

124
00:06:12,170 --> 00:06:15,500
Taigi, kas yra svarbiausi informacijos čia?

125
00:06:15,500 --> 00:06:17,960
Tai, kas paprastai
vadinamas dok tipo deklaracija,

126
00:06:17,960 --> 00:06:20,190
ir, tiesą sakant, tai šiek tiek
sunku įsiminti tai ne pirmas.

127
00:06:20,190 --> 00:06:21,481
Jūs tiesiog rūšies kopijuoti įklijuokite jį.

128
00:06:21,481 --> 00:06:23,760
Tai formalus būdas
pasakyti, ei, naršyklė,

129
00:06:23,760 --> 00:06:28,030
Aš naudoju HTML versija 5, kuris
išėjo šiek tiek neseniai.

130
00:06:28,030 --> 00:06:31,380
Tai magiškas užkalbėjimas, kad kai kurie
žmonės su bloga prasme dizainas

131
00:06:31,380 --> 00:06:33,640
nusprendė įdėti ne
pačiame viršuje failą.

132
00:06:33,640 --> 00:06:35,473
Nors tai
tiek paslaptinga, kad viskas

133
00:06:35,473 --> 00:06:38,250
tai means-- Ei, naršyklė, čia
ateina su HTML 5 versija.

134
00:06:38,250 --> 00:06:41,741
>> To poilsio buvo su mumis
tam tikrą laiką dabar, istoriškai

135
00:06:41,741 --> 00:06:44,740
bet tai buvo vystosi, ir tai
tikriausiai buvo truputį paprastesnis.

136
00:06:44,740 --> 00:06:47,320
Pastebiu kelis požymius
ką aš paryškintas.

137
00:06:47,320 --> 00:06:49,890
Yra tokie dalykai su kampu
brackets-- kairįjį laikiklį

138
00:06:49,890 --> 00:06:51,040
ir teisė laikiklis.

139
00:06:51,040 --> 00:06:52,490
Ir pastebėsite simetrija čia.

140
00:06:52,490 --> 00:06:57,340
Ir simetrijos, aš turiu galvoje, kaip aš
šią pradžios žymos čia arba atvirą tag

141
00:06:57,340 --> 00:07:01,560
jei bus, žemyn čia turiu
Uždaryti tegus arba pabaiga tegus tai

142
00:07:01,560 --> 00:07:06,460
skiriasi tik tiek, kiek ji turi tai
velniop ne žodžio pradžioje

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

144
00:07:07,360 --> 00:07:09,360
Ir jūs galite galvoti apie
tai kaip man buvo atsainiai

145
00:07:09,360 --> 00:07:12,280
pasiūlyti anksčiau, ei,
naršyklė, čia ateina šiek tiek HTML.

146
00:07:12,280 --> 00:07:16,060
Ir, atvirkščiai, ei, naršyklė, tai
tai už HTML-- pradžioje ir pabaigoje.

147
00:07:16,060 --> 00:07:18,440
>> Tuo tarpu ei, naršyklė, čia
ateina mano puslapyje galvą.

148
00:07:18,440 --> 00:07:20,140
Ei, naršyklė, tai jį galvą.

149
00:07:20,140 --> 00:07:22,240
Ei, naršyklė, čia yra
mano puslapyje kūnas.

150
00:07:22,240 --> 00:07:24,020
Ei, naršyklė, tai viskas organizmui.

151
00:07:24,020 --> 00:07:26,940
Ir viduje, kad yra tam tikra
savavališkai tekstas dabar.

152
00:07:26,940 --> 00:07:30,520
Ir viduje galvos, tuo tarpu,
yra kai savavališkai, tačiau tagged,

153
00:07:30,520 --> 00:07:34,410
taip sakant, tekstą, kuriame sakoma, pavadinimą
mano puslapyje turi būti "Labas, pasauli".

154
00:07:34,410 --> 00:07:37,470
Dabar, dabar, jūs galite
manyti, kad naršyklių

155
00:07:37,470 --> 00:07:41,762
turi jei jums reikia, arba, tiksliau, interneto puslapiai turi
tik du parts-- galvą ir kūną.

156
00:07:41,762 --> 00:07:44,220
Ir galva yra paprastai tik
kaip meniu juostoje stuff

157
00:07:44,220 --> 00:07:45,510
tikrai tik pačiame viršuje.

158
00:07:45,510 --> 00:07:48,910
Ir kūnas puslapio viduriai,
viskas, kad didelis stačiakampis

159
00:07:48,910 --> 00:07:50,239
kad užpildytų ekraną.

160
00:07:50,239 --> 00:07:51,780
Taigi, aš ruošiuosi eiti į priekį ir tai padaryti.

161
00:07:51,780 --> 00:07:54,400
Aš ketinate eiti į priekį ir
spustelėkite Įrašyti failą Įrašyti.

162
00:07:54,400 --> 00:07:58,580
Ir aš ruošiuosi išsaugoti
tai kaip hello.html,

163
00:07:58,580 --> 00:08:00,870
ir aš tik ketina
padėkite jį ant mano darbastalio.

164
00:08:00,870 --> 00:08:03,520
Ir aš ruošiuosi eiti
į priekį ir spustelėkite Įrašyti.

165
00:08:03,520 --> 00:08:05,806
Ir notice-- mano mac ne
jau šaukia mane.

166
00:08:05,806 --> 00:08:07,180
Ar jūs tikrai norite tai padaryti?

167
00:08:07,180 --> 00:08:08,710
Ir aš ruošiuosi pasakyti, taip, naudoti HTML.

168
00:08:08,710 --> 00:08:10,400
Aš žinau geriau šiuo atveju.

169
00:08:10,400 --> 00:08:14,686
Ir dabar aš ruošiuosi eiti į mano darbastalio
kur aš šį failą staiga.

170
00:08:14,686 --> 00:08:16,060
Ir aš ruošiuosi dukart jį spustelėkite.

171
00:08:16,060 --> 00:08:18,268
Ir jūs pastebėsite, kad,
Numatyta, kad "Chrome" atsivėrė.

172
00:08:18,268 --> 00:08:19,996
Tai todėl, kad tai
mano numatytąją naršyklę.

173
00:08:19,996 --> 00:08:21,370
Ir tai tik sako: "Labas, pasauli".

174
00:08:21,370 --> 00:08:23,078
Bet jis sako: "labas,
pasaulis "dviejose vietose.

175
00:08:23,078 --> 00:08:23,979
Atkreipkite dėmesį, viršuje kairėje.

176
00:08:23,979 --> 00:08:25,020
Gana sunku nepastebėti, kad.

177
00:08:25,020 --> 00:08:26,180
Tai didelis ir drąsus.

178
00:08:26,180 --> 00:08:30,690
Ir kur kitur jis atrodo
pasakyti: "Labas, pasauli"?

179
00:08:30,690 --> 00:08:31,470
>> AUDITORIJA: skirtukas.

180
00:08:31,470 --> 00:08:33,100
>> David J. Malan: Taip, pati skirtukas.

181
00:08:33,100 --> 00:08:35,159
Taigi, kai pasakiau galvos
puslapis yra viskas iki top--

182
00:08:35,159 --> 00:08:36,367
ir iš tikrųjų tai yra pavadinimas.

183
00:08:36,367 --> 00:08:37,710
Tai tiesiog Kortelėje čia.

184
00:08:37,710 --> 00:08:40,320
Ir aš galiu traukti šį skirtuką
iš taip, kad nebūtų supainioti.

185
00:08:40,320 --> 00:08:43,360
Tai tik vienas skirtukas dabar
ir iš tikrųjų mes matome "labas, pasauli"

186
00:08:43,360 --> 00:08:45,970
čia ir "labas, pasauli" žemyn čia.

187
00:08:45,970 --> 00:08:47,160
Taigi gana paprasta.

188
00:08:47,160 --> 00:08:49,050
Bet tai taip pat gana paprasta.

189
00:08:49,050 --> 00:08:50,440
Ir, iš tikrųjų, aš Mastelis.

190
00:08:50,440 --> 00:08:53,272
Galiu pakeisti šrifto dydį tik
perdėti prieinamumo.

191
00:08:53,272 --> 00:08:56,830
Bet tegul dabar ką nors padaryti
šiek tiek įdomesnis.

192
00:08:56,830 --> 00:08:59,760
>> Aš ruošiuosi go-- oi, tegul
man gauti atgal į savo tekstinį failą.

193
00:08:59,760 --> 00:09:02,400
Aš ruošiuosi grįžti į savo
Tekstinis failas, ir aš ruošiuosi

194
00:09:02,400 --> 00:09:06,320
pakeisti ir pasakyti
"Labas," Disney "pasaulis."

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

196
00:09:07,970 --> 00:09:10,919
Ir grįžti į savo
Naršyklė ir spustelėkite Atnaujinti.

197
00:09:10,919 --> 00:09:12,710
Ir dabar, žinoma, ją
sako: "Disney" pasaulis. "

198
00:09:12,710 --> 00:09:15,500
Ir aš ruošiuosi dirbtinai padidinti
Vos todėl lengviau matyti.

199
00:09:15,500 --> 00:09:19,012
Taigi, dabar, deja, I rūšies noriu
to-- tikrųjų, tai Mac funkcija.

200
00:09:19,012 --> 00:09:21,720
Noriu spustelėkite Disney World
ir eiti kažkur kaip disney.com,

201
00:09:21,720 --> 00:09:23,290
bet kad neveikia.

202
00:09:23,290 --> 00:09:26,850
Taigi pagrindinis principas internete yra
hipersaitus nuorodos, kad eiti kitur.

203
00:09:26,850 --> 00:09:28,390
Taigi, kaip man tai padaryti?

204
00:09:28,390 --> 00:09:34,690
Na, galėčiau tik pasakyti,
"Labas, http://www.disney.com".

205
00:09:34,690 --> 00:09:36,110
Išsaugoti šią.

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

207
00:09:37,620 --> 00:09:39,400
Bet tai irgi ne spausti.

208
00:09:39,400 --> 00:09:42,930
Ir kas malonu čia, nors
tai nėra funkcinis dar,

209
00:09:42,930 --> 00:09:45,930
yra tai, kad atrodo, kad
naršyklė tiesiog tik

210
00:09:45,930 --> 00:09:46,950
ką sakau daryti.

211
00:09:46,950 --> 00:09:50,110
Taigi, jei aš tiesiog įveskite URL, kaip tai,
tai tik ketina parodyti man URL.

212
00:09:50,110 --> 00:09:54,270
Man reikia naudoti žymes ar žymėjimo
kalba, kad iš tikrųjų pasakyti

213
00:09:54,270 --> 00:09:55,621
naršyklė padaryti dar daugiau.

214
00:09:55,621 --> 00:09:57,870
Taigi, aš ruošiuosi eiti į priekį ir
ištrinti akimirką.

215
00:09:57,870 --> 00:10:00,980
Ir aš ruošiuosi pasakyti, ei,
naršyklė, pradėti inkarą čia

216
00:10:00,980 --> 00:10:02,650
nuoroda taip sakant.

217
00:10:02,650 --> 00:10:07,500
Ir hiper-nuoroda, paskirties
tos inkaras, turėtų būti šį URL.

218
00:10:07,500 --> 00:10:08,750
Ir pastebėsite mano kabučių.

219
00:10:08,750 --> 00:10:11,590
Galėčiau naudoti kabutes, taip pat,
bet jūs turite būti nuoseklūs,

220
00:10:11,590 --> 00:10:14,270
ir aš norėčiau paprastai tiesiog naudoti
kabutes laikyti jį paprasta.

221
00:10:14,270 --> 00:10:16,820
Atkreipkite dėmesį, aš ruošiuosi uždaryti žyma.

222
00:10:16,820 --> 00:10:21,160
Ir tada aš čia ruošiuosi
pasakyti, "Disney World".

223
00:10:21,160 --> 00:10:26,890
Ir dabar man reikia symmetry--
atvira laikiklis, / A, uždarytas laikiklį.

224
00:10:26,890 --> 00:10:28,090
>> Taigi, ką aš pristatė?

225
00:10:28,090 --> 00:10:30,100
Mes turėjome keletą žymes jau.

226
00:10:30,100 --> 00:10:32,410
HTML Vadovas, Pavadinimas, kūnas,
yra visas žymes, taip sakant,

227
00:10:32,410 --> 00:10:34,280
su atviromis ir uždarų kolegomis.

228
00:10:34,280 --> 00:10:36,530
Tačiau pranešimas, tai tarsi
iš esmės skiriasi.

229
00:10:36,530 --> 00:10:39,140
Tai yra tai, ką mes vadiname
HTML atributas.

230
00:10:39,140 --> 00:10:41,451
Ir atributas yra
tik pagrindinis vertė pora.

231
00:10:41,451 --> 00:10:43,950
Tai yra dažna dalykas
Kompiuterio science-- raktas-reikšmė pora.

232
00:10:43,950 --> 00:10:45,770
Tai tarsi iš prekybos įrankiu.

233
00:10:45,770 --> 00:10:47,040
Pagrindinis ir vertės.

234
00:10:47,040 --> 00:10:49,390
Žodis ir tada kai
kitas žodis arba žodžiai.

235
00:10:49,390 --> 00:10:53,790
Ir šiuo atveju, svarbiausia yra href,
ir vertė yra ta, kad pilnas adresas.

236
00:10:53,790 --> 00:10:57,890
Ir ką atributas yra ji
įtakoja žymės elgesį.

237
00:10:57,890 --> 00:11:01,010
Ir šiuo atveju, mes reikia daryti įtaką
inkaro žyma elgesys,

238
00:11:01,010 --> 00:11:04,140
nes mums reikia įtvirtinti
ši nuoroda į kažkur.

239
00:11:04,140 --> 00:11:06,960
Ir kaip jums tai padaryti yra
būdu atributo.

240
00:11:06,960 --> 00:11:08,970
>> Taigi, aš ruošiuosi eiti į priekį
ir išsaugokite failą dabar.

241
00:11:08,970 --> 00:11:11,300
Grįžti atgal į savo naršyklėje ir perkraukite puslapį.

242
00:11:11,300 --> 00:11:14,580
Ir voila, mes dabar turi
pradžia apie teisėtą tinklalapį.

243
00:11:14,580 --> 00:11:18,420
Super paprasta, bet jei aš užveskite pelės žymeklį ant
this-- pranešimas apatiniame kairiajame kampe,

244
00:11:18,420 --> 00:11:19,830
tai super mažas.

245
00:11:19,830 --> 00:11:21,730
Bet jūs matau www.disney.com.

246
00:11:21,730 --> 00:11:27,076
Ir jei aš spustelėkite jį, iš tikrųjų tai
plaktuvai mane į disney.com.

247
00:11:27,076 --> 00:11:29,380
Dabar, keistas dalykas
čia yra tai, kad ji yra ne

248
00:11:29,380 --> 00:11:33,940
best-- labiausiai paklausių URL, bet
tai gerai, nes tai failas neatsidaro

249
00:11:33,940 --> 00:11:35,360
egzistuoja apie World Wide Web.

250
00:11:35,360 --> 00:11:39,740
Ji egzistuoja kaip vietos failą matyt
Mano Vartotojai directory-- / jharvard--

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

252
00:11:41,890 --> 00:11:42,634
Bet ji turi URL.

253
00:11:42,634 --> 00:11:43,800
Jis tiesiog atsitinka būti vietos.

254
00:11:43,800 --> 00:11:47,050
Deja, niekas iš jūsų galite aplankyti
tai, nes jei įvesite šią nuorodą,

255
00:11:47,050 --> 00:11:49,980
norite būti pasakoja savo naršyklę,
ieškoti failų vadinamas hello.html

256
00:11:49,980 --> 00:11:50,772
kietajame diske.

257
00:11:50,772 --> 00:11:53,271
Ir, žinoma, jei jūs
buvo taip palei rankiniu būdu,

258
00:11:53,271 --> 00:11:54,530
jis nesiruošia egzistuoja.

259
00:11:54,530 --> 00:11:55,190
>> Taigi, kad viskas gerai.

260
00:11:55,190 --> 00:11:57,815
Mes vis dar turime būdą, galiausiai,
gauti šį failą į interneto,

261
00:11:57,815 --> 00:12:01,180
bet tegul erzinti išskyrus keletą pora
saugumo padariniai, ką mes tiesiog

262
00:12:01,180 --> 00:12:04,850
pamatė ir susieti jį atgal į anksčiau
diskusija iš šio ryto.

263
00:12:04,850 --> 00:12:08,200
Pasirodo, kad, jei
Naršyklė pažodžiui tik daro

264
00:12:08,200 --> 00:12:12,560
ką aš pasakyti, padaryti, ir atrodo
būti tas atvejis, kad inkaro tag

265
00:12:12,560 --> 00:12:17,380
įtakos vertės
Šis atributas vadinamas href

266
00:12:17,380 --> 00:12:20,810
bet tai rodo tai
tekstas, tai atrodo

267
00:12:20,810 --> 00:12:26,520
tai nereiškia, kad galėčiau įdėti URL
abiejose vietose ir tada perkraukite

268
00:12:26,520 --> 00:12:29,100
ir dabar pamatyti URL ir eiti į URL.

269
00:12:29,100 --> 00:12:32,680
Atkreipkite dėmesį, jei aš užveskite pelės žymeklį ant apatiniame kairiajame,
Aš iš tiesų vyksta dar disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Taigi, jei jūs kada nors buvo
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
su vienu iš šių fiktyvių laiškų
iš, kaip PayPal jūsų banko,

272
00:12:42,820 --> 00:12:46,470
jūs tikriausiai Dotarłeś nuorodos viduje
iš elektroniniu paštu, kad jūs skaitote, kad

273
00:12:46,470 --> 00:12:49,970
jums pasakys, spustelėkite čia eiti Patvirtinti
Jūsų slaptažodis arba patvirtinkite savo gimimo datą

274
00:12:49,970 --> 00:12:53,840
ar socialinės ar kažkas socialiai
inžinerija jums atskleisti

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

276
00:12:54,920 --> 00:12:57,625
Na, galėčiau rūšies imtis
Privalumas tai, negalėjau aš?

277
00:12:57,625 --> 00:13:01,240
Galėčiau pasakyti kažką
patinka, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
Ir vietoj disney.com, aš
gali eiti į, pavyzdžiui, badguy.com.

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

280
00:13:12,850 --> 00:13:16,620
Ir kaip lengva tai naivuolis,
ypač ne techninis skaitytojas

281
00:13:16,620 --> 00:13:20,649
ar prabėgomis skaityti
Skaitytojas, nei spustelėkite

282
00:13:20,649 --> 00:13:23,940
nuoroda, kaip šis, kuris, jei aš spustelėkite it--
Aš iš tikrųjų nenori eiti badguy.com.

283
00:13:23,940 --> 00:13:25,398
Aš nežinau, kas iš tikrųjų yra.

284
00:13:25,398 --> 00:13:30,080
Taigi paypal.com, pranešimas yra
ką ji sako jis ketina,

285
00:13:30,080 --> 00:13:33,210
bet žinoma, jei žiūriu žemyn
super mažas, tai šiek tiek neryškus,

286
00:13:33,210 --> 00:13:34,230
bet jis sako badguy.com.

287
00:13:34,230 --> 00:13:38,644
Tai vienintelis pasakyti dabar
kad aš ruošiuosi netinkamoje vietoje.

288
00:13:38,644 --> 00:13:41,560
Ir kai aš anksčiau sakė, kad bankai
tikrai neturėtų skatinti ar traukiniu

289
00:13:41,560 --> 00:13:44,510
vartotojus į paspaudę nuorodas, ši
yra tik vienas pasireiškimas jį.

290
00:13:44,510 --> 00:13:45,430
Ir tai, kad paprasta.

291
00:13:45,430 --> 00:13:48,120
Jūs esate dabar, jei priešas
jūs ką nors panašaus į tai

292
00:13:48,120 --> 00:13:51,000
ir bandyti apgauti vartotoją
į apsilankymą jūsų svetainę.

293
00:13:51,000 --> 00:13:53,320
Bet dabar, mes nuolat
dalykų gražus ir švarus.

294
00:13:53,320 --> 00:13:55,640
Mes ketiname eiti į priekį
ir atgal šiuos pakeitimus.

295
00:13:55,640 --> 00:13:56,530
Perkrauti puslapį.

296
00:13:56,530 --> 00:13:57,740
Ir aš einu atgal į disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Leiskite pamatyti, jei mes negalime erzinti
tai vienas nuo kito šiek tiek daugiau.

298
00:14:00,660 --> 00:14:04,160
Taigi "labas," Disney "pasaulis."

299
00:14:04,160 --> 00:14:05,950
Aš ruošiuosi pasakyti žemyn čia.

300
00:14:05,950 --> 00:14:08,220
Gal aš ruošiuosi padaryti šiek tiek kambarį.

301
00:14:08,220 --> 00:14:12,730
"Tikimės, kad jums mėgautis savo buvimo!"

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

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

304
00:14:15,850 --> 00:14:19,010
Tai ne rea-- tai ne
ką aš skirta, tiesa?

305
00:14:19,010 --> 00:14:21,870
Aš turiu galvoje, jei aš gydant mano tekstą
pateikti kaip teksto redagavimo,

306
00:14:21,870 --> 00:14:24,894
ką tu tikiuosi nutiktų čia?

307
00:14:24,894 --> 00:14:27,060
Taip, aš jaučiu, kaip ten
turėtų būti linijos trūkis čia

308
00:14:27,060 --> 00:14:28,799
taip jis jaučiasi Buggy tam tikru būdu.

309
00:14:28,799 --> 00:14:31,090
Bet tai tikrai apgalvotas,
nes tik kaip ir anksčiau,

310
00:14:31,090 --> 00:14:33,381
naršyklė tik ketina
Ar tai, ką pasakyti, daryti.

311
00:14:33,381 --> 00:14:34,806
Aš jos nepasakiau jį sulaužyti linijas.

312
00:14:34,806 --> 00:14:37,930
Aš nepasakiau jį žemyn, net
nors intuityviai, aš jaučiuosi kaip aš padariau.

313
00:14:37,930 --> 00:14:39,805
Taigi paaiškėja, mums reikia
šiek tiek daugiau aprašų,

314
00:14:39,805 --> 00:14:41,390
ir aš ruošiuosi išspręsti šią problemą taip.

315
00:14:41,390 --> 00:14:46,160
Aš ruošiuosi PRATARMĖ Šiame pirmasis Sveiki
su tuo, kas vadinama žyma dalis.

316
00:14:46,160 --> 00:14:48,920
Ir tada aš ruošiuosi eiti į priekį
ir apvyniokite šį kitą sakinį

317
00:14:48,920 --> 00:14:54,370
kitoje žyma dalis, nors
jie super trumpus punktus.

318
00:14:54,370 --> 00:14:55,930
Dabar aš ruošiuosi išsaugoti.

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

320
00:14:57,160 --> 00:14:59,070
Ir dabar mes turime, kad
erdvė, o mes tarsi

321
00:14:59,070 --> 00:15:01,680
turi semantikos
dvi atskiros dalys.

322
00:15:01,680 --> 00:15:05,290
>> Tai viskas gerai, ir gerai, bet tai
malonu pridėti paveikslėlį į šį puslapį,

323
00:15:05,290 --> 00:15:08,710
todėl aš ruošiuosi eiti ieškoti
Peliukas Mikis "Google" vaizdai.

324
00:15:08,710 --> 00:15:12,830
Ir tiesiog for fun, aš
ketina patraukti šį vaizdą.

325
00:15:12,830 --> 00:15:15,350
Aš ruošiuosi eiti į priekį ir dabar
patraukti šio paveikslėlio URL

326
00:15:15,350 --> 00:15:16,510
nors skiriasi
būdų, kaip tai padaryti.

327
00:15:16,510 --> 00:15:18,520
Nes dabar, aš tik ketina nukopijuokite URL.

328
00:15:18,520 --> 00:15:24,770
Aš ruošiuosi grįžti į mano tekstą
failą, o aš ruošiuosi pasakyti čia

329
00:15:24,770 --> 00:15:31,160
img src = citata citatos pabaiga
kad URL, super ilgai.

330
00:15:31,160 --> 00:15:34,580
Ir tada Kurių samprata
vaizdo yra šiek tiek kitoks.

331
00:15:34,580 --> 00:15:38,640
Ten tikrai ne Pradinių samprata
vaizdo ir baigiant vaizdą,

332
00:15:38,640 --> 00:15:40,630
kaip pradžioje pažymėti pabaigos žyma.

333
00:15:40,630 --> 00:15:43,840
Taigi jis jaučiasi šiek tiek keista
man semantiškai tai padaryti,

334
00:15:43,840 --> 00:15:45,390
turėti arti vaizdo žyma.

335
00:15:45,390 --> 00:15:46,780
Tai nėra neteisinga.

336
00:15:46,780 --> 00:15:48,840
Tai visiškai teisinga,
ir tai skatinama,

337
00:15:48,840 --> 00:15:50,870
bet ten sutrumpinimas notacija.

338
00:15:50,870 --> 00:15:53,780
Galiu rūšies vienu metu
atidaryti ir uždaryti Tos pačios žymos,

339
00:15:53,780 --> 00:15:55,510
ir, kad bus padaryti naršyklė laimingas.

340
00:15:55,510 --> 00:15:56,950
Taigi, tai tik šiek tiek
daugiau glausta dalykų

341
00:15:56,950 --> 00:15:59,408
kad konceptualiai tikrai ne
prasmės pradžioje ir pabaigoje.

342
00:15:59,408 --> 00:16:01,190
Jie tiesiog yra ten, ar jie nėra.

343
00:16:01,190 --> 00:16:06,020
>> Taigi, aš ruošiuosi išsaugoti tai ir grįžti
mano "Labas, pasauli" puslapyje ir perkraukite puslapį.

344
00:16:06,020 --> 00:16:09,880
Ir tai šiek tiek iš po kontrolės,
nes vaizdas yra iš tikrųjų

345
00:16:09,880 --> 00:16:12,210
šiek tiek didelis, bet viskas OK.

346
00:16:12,210 --> 00:16:13,710
Galėčiau keisti jį į programą.

347
00:16:13,710 --> 00:16:14,900
Arba žinote, kas.

348
00:16:14,900 --> 00:16:17,350
Tiesiog parodyti, aš
vyksta iš tikrųjų pasakyti

349
00:16:17,350 --> 00:16:21,760
kad šio dalyko plotis
tik 200 pikselių, 200 taškais.

350
00:16:21,760 --> 00:16:24,360
Leiskite man eiti į priekį ir sutaupyti
ir perkraukite, o dabar puslapis

351
00:16:24,360 --> 00:16:25,690
atrodo šiek tiek labiau pagrįsta.

352
00:16:25,690 --> 00:16:27,260
Bet pastebėsite modelis.

353
00:16:27,260 --> 00:16:30,030
Na, aš rūšies išmokė jus visus
HTML tam tikra prasme, bent jau

354
00:16:30,030 --> 00:16:33,531
konceptualiai, nes visi HTML yra
tai tags-- atviros žodžius, uždarytas žymes,

355
00:16:33,531 --> 00:16:35,280
ir atributus, kad
keisti savo elgesį.

356
00:16:35,280 --> 00:16:38,380
Ir, matyt, kiekvienas
tegus gali turėti nulį arba vieną

357
00:16:38,380 --> 00:16:43,005
arba dvi ar daugiau požymių, kiekvienas iš jų
kurie daro kažką šiek tiek skiriasi.

358
00:16:43,005 --> 00:16:44,380
Dabar, kaip jūs žinote, kas egzistuoja?

359
00:16:44,380 --> 00:16:46,800
Jūs tiesiog klausytis, kad kažkas
kaip man pasakyti, kas egzistuoja,

360
00:16:46,800 --> 00:16:50,860
arba tiesiog "Google" maždaug už pamoka
html, ir ji tikrai tai paprasta.

361
00:16:50,860 --> 00:16:54,030
>> Iš tiesų, kai buvau undergrad
prieš keletą metų ir išmoko HTML,

362
00:16:54,030 --> 00:16:56,530
vienas iš mano matematikos mokymo
padėjėjai tiesiog praleido

363
00:16:56,530 --> 00:16:59,600
šiek tiek laiko konsultavimo mane
už kaip pusę valandos, per valandą,

364
00:16:59,600 --> 00:17:00,660
ir tada man buvo mano būdas.

365
00:17:00,660 --> 00:17:03,300
Buvau ant mano kelią link
labiausiai šlykštus svetainės ever,

366
00:17:03,300 --> 00:17:05,549
kuris, matyt, aš ne
tikrai progresavo už jos ribų.

367
00:17:05,549 --> 00:17:09,849
Bet esmė yra ta, kad, kai jūs
suprasti šiuos paprastus ideas--

368
00:17:09,849 --> 00:17:13,450
jei paslaptingą text-- bet tai paprasta
idėjos pradeda mintį

369
00:17:13,450 --> 00:17:15,960
ir uždaryti mintį, išlaikant
viskas gražiai suderinta,

370
00:17:15,960 --> 00:17:19,150
ieško kažkas ne, iš dalies keičiančio
elgesys tos žymės, tai tikrai visi

371
00:17:19,150 --> 00:17:20,079
yra į jį.

372
00:17:20,079 --> 00:17:28,140
Ir iš tiesų, jei mes dabar eiti
kažkas panašaus google.com-- tikrųjų,

373
00:17:28,140 --> 00:17:31,920
eikime vietą šiek tiek daugiau
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
Ir aš ruošiuosi eiti į View,
Kūrėjas, Žiūrėti šaltinį.

375
00:17:37,800 --> 00:17:41,400
Tai bjaurus, bet notice--
ir aš priartinti įspėjimo

376
00:17:41,400 --> 00:17:43,432
kai kurių dalykų, kad yra susipažinę jau.

377
00:17:43,432 --> 00:17:45,140
Yra tai čia,
kuris yra naršyklė.

378
00:17:45,140 --> 00:17:46,800
Čia ateina HTML5.

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

380
00:17:47,634 --> 00:17:49,550
Matyt, ten
atributas, kad aš ne

381
00:17:49,550 --> 00:17:51,540
naudoti, kuriame nurodoma
kalba puslapį

382
00:17:51,540 --> 00:17:54,380
ir tai gali padėti su automatiniu
vertimo raštu ir stuff like that.

383
00:17:54,380 --> 00:17:55,546
Štai Puslapio vadovas.

384
00:17:55,546 --> 00:17:57,790
Štai Stanfordo puslapis pavadinimas.

385
00:17:57,790 --> 00:17:59,832
Yra žymė aš ne
kalbėti apie yet-- Meta žymės.

386
00:17:59,832 --> 00:18:01,540
Tai tiesiog tarsi
Papildoma informacija.

387
00:18:01,540 --> 00:18:04,210
Tai padeda su SEO, arba
paieškos sistemos optimizavimas,

388
00:18:04,210 --> 00:18:06,320
arba Google Paieškos rezultatai ar pan.

389
00:18:06,320 --> 00:18:09,029
Bet jei mes nuolat ieško, laikyti
ieško, čia Kūno žymės.

390
00:18:09,029 --> 00:18:11,570
Ir ten kekių kita
žymės mes ne kalbėjo apie dar.

391
00:18:11,570 --> 00:18:13,750
Bet Div yra vienas dėl
padalinys puslapyje.

392
00:18:13,750 --> 00:18:16,680
Tai tarsi nematomos stačiakampio
jei kokios nori protiškai

393
00:18:16,680 --> 00:18:20,160
padalinti savo puslapį į
skirtingi vienetai internete.

394
00:18:20,160 --> 00:18:22,650
Ir tada daug div us Aš
pamatyti, kažką vadinama klasė,

395
00:18:22,650 --> 00:18:24,440
bet mes grįžti prie to.

396
00:18:24,440 --> 00:18:26,200
>> Tai interesting-- formas.

397
00:18:26,200 --> 00:18:27,730
Formos yra visame internete.

398
00:18:27,730 --> 00:18:30,310
Bet Paieškos laukelis esate
kada naudojamas yra forma.

399
00:18:30,310 --> 00:18:31,490
Ir, taip, tegul realiai pamatyti.

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

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

402
00:18:33,910 --> 00:18:37,660
Tokią formą veiksmų, dėl kokios nors
istorinių priežasčių yra tai, kad URL.

403
00:18:37,660 --> 00:18:38,840
Metodas "Pradėti".

404
00:18:38,840 --> 00:18:44,060
Pasirodo, kad HTTP užklausas galite naudoti
veiksmažodis "gauti", kaip matėme anksčiau,

405
00:18:44,060 --> 00:18:45,070
arba "po".

406
00:18:45,070 --> 00:18:47,030
Ir pamatysite skirtumą
tai per akimirką.

407
00:18:47,030 --> 00:18:48,363
Leiskite realiai pamatyti, kas tai yra.

408
00:18:48,363 --> 00:18:49,830
Leiskite grįžti prie Stanfordo puslapyje.

409
00:18:49,830 --> 00:18:53,330
Kokia forma jie kalbėti
apie, jūs manote?

410
00:18:53,330 --> 00:18:54,485
Kas šuoliai į tave?

411
00:18:54,485 --> 00:18:54,970
>> Auditorija: paieškos laukelyje.

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

413
00:18:55,845 --> 00:18:58,410
Taigi iki viršuje dešinėje
čia tai paieškos laukelį.

414
00:18:58,410 --> 00:19:02,441
Ir tai, kaip jie įgyvendinami it--
tegus tai tiesiog po atviru laikiklis forma.

415
00:19:02,441 --> 00:19:03,940
Ir tada tegul ieškoti kažko.

416
00:19:03,940 --> 00:19:09,220
Leiskite ieškoti bičiulių
iš mine-- "Nick Parlante".

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

418
00:19:11,380 --> 00:19:13,750
Ir, žinoma, jis nuvyko į
šiek tiek kitoks adresas.

419
00:19:13,750 --> 00:19:15,140
Leiskite grįžti čia.

420
00:19:15,140 --> 00:19:18,960
Leiskite ieškoti "kursus".

421
00:19:18,960 --> 00:19:19,460
Velnias.

422
00:19:19,460 --> 00:19:20,484
Nuėjo į kitą URL.

423
00:19:20,484 --> 00:19:23,400
Taigi, Stanfordo pridedant keletą magija
kad jie nesiima mane į URL

424
00:19:23,400 --> 00:19:25,820
kad matėme
veiksmų atributas ten.

425
00:19:25,820 --> 00:19:32,480
Bet ši forma čia yra įgyvendinamas visiškai
būdu šio žymėjimo čia, šios žymės.

426
00:19:32,480 --> 00:19:35,710
Tiesą sakant, čia indėlis
iš paieškos tipą, kurį norite.

427
00:19:35,710 --> 00:19:38,940
Čia yra indėlis
kitas paieškos tipą.

428
00:19:38,940 --> 00:19:41,960
Čia yra pati eilutės įvesties.

429
00:19:41,960 --> 00:19:45,394
Ir todėl tikslas yra ne, į kuriuos vyniojami
Mūsų protai visame visus šiuos žodžius

430
00:19:45,394 --> 00:19:46,060
bet tiesiog pamatyti.

431
00:19:46,060 --> 00:19:48,300
Tai tiesiog atidarymo ir uždarymo
žymės ir ieško dalykai Up.

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

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

434
00:19:48,920 --> 00:19:49,795
>> Auditorija: [NESIGIRDI]

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

436
00:19:51,925 --> 00:19:53,550
David J. Malan: Tai geras klausimas.

437
00:19:53,550 --> 00:19:54,660
Štai šiek tiek sudėtingiau pamatyti.

438
00:19:54,660 --> 00:19:56,300
Leiskite grįžti į tą
Klausimas tik kelias minutes

439
00:19:56,300 --> 00:19:59,000
kai mes žiūrime į vadinamąjį
CSS, arba pakopinių stilių,

440
00:19:59,000 --> 00:20:02,500
ir mes galime pabandyti daryti išvadą,
kiek iš puslapio.

441
00:20:02,500 --> 00:20:08,090
Taigi, jei mes dabar pažvelgti google.com,
pažiūrėkime, ką jų puslapis atrodo.

442
00:20:08,090 --> 00:20:09,840
Galima būtų they're--, kad mielas ir šiandien.

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

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

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

446
00:20:13,690 --> 00:20:15,260
Visos teisės, todėl Žiūrėti kodą.

447
00:20:15,260 --> 00:20:19,590
Galima būtų galvoti "Google" turi
tikrai gražus kodo.

448
00:20:19,590 --> 00:20:24,970
Taigi, matyt, kas čia vyksta?

449
00:20:24,970 --> 00:20:27,880
Ir iš tikrųjų, tai nėra net HTML.

450
00:20:27,880 --> 00:20:30,930
Tai yra kažkas, vadinamas "JavaScript".

451
00:20:30,930 --> 00:20:32,344
Ir tegul nesustoti ir eiti.

452
00:20:32,344 --> 00:20:34,010
Aš net nežinau, kur puslapis prasideda.

453
00:20:34,010 --> 00:20:37,240
Aš ruošiuosi naudoti Command
F atvira laikiklis HTML.

454
00:20:37,240 --> 00:20:38,200
Gerai, ten yra.

455
00:20:38,200 --> 00:20:44,150
Radau puslapio pradžią, ir
yra tiek daug dalykų čia.

456
00:20:44,150 --> 00:20:45,310
>> Ką iš tikrųjų vyksta?

457
00:20:45,310 --> 00:20:47,460
Na, žinote, ką,
mes galime valyti tai padaryti.

458
00:20:47,460 --> 00:20:52,109
Jei aš vietoj eiti tai Apžiūrėkite
įrankių juosta, šis specialus diagnostikos įrankis,

459
00:20:52,109 --> 00:20:54,150
ir eiti ne tinkle,
kur mes nuolat vyksta ir šiandien,

460
00:20:54,150 --> 00:20:56,420
bet jei aš einu į Elements,
kas tikrai gražus

461
00:20:56,420 --> 00:20:59,990
yra tai, kad naršyklė turi daug
daug geriau akys nei aš.

462
00:20:59,990 --> 00:21:02,670
Ir naršyklė gali skaityti
kad tinklalapio netvarka,

463
00:21:02,670 --> 00:21:04,700
kad HTML paštas mes tiesiog
pažvelgė, ir ji gali

464
00:21:04,700 --> 00:21:08,340
parse tai ar skaityti ir
analizuoti ir iš naujo suformatuoti

465
00:21:08,340 --> 00:21:09,910
gražus žmogaus patogiu būdu.

466
00:21:09,910 --> 00:21:11,740
Taigi, ką aš matau dabar
Šiame ekrane čia

467
00:21:11,740 --> 00:21:15,470
pagal elementai, lygiai toks pats kiekis,
bet jie įspaudžiami viską,

468
00:21:15,470 --> 00:21:18,140
jie jau nudažyta, bet
tai lygiai toks pats tekstas

469
00:21:18,140 --> 00:21:19,620
kad aš atsisiuntė iš serverio.

470
00:21:19,620 --> 00:21:23,630
>> Ir kas malonu dabar matau
organizme, dėl instance-- įspėjimo,

471
00:21:23,630 --> 00:21:26,480
puslapis dar sudaro
tiesiog galva ir kūnas,

472
00:21:26,480 --> 00:21:28,660
ir aš galiu hierarchiškai neria čia.

473
00:21:28,660 --> 00:21:32,420
Atkreipkite dėmesį, kad "Google", atrodo,
į divs-- šį vieną ir tai vienas.

474
00:21:32,420 --> 00:21:33,310
Galiu išplėsti, kad.

475
00:21:33,310 --> 00:21:35,370
Yra visa krūva kitų div us.

476
00:21:35,370 --> 00:21:36,900
Taigi tai šiek tiek sudėtinga.

477
00:21:36,900 --> 00:21:37,400
Bet palauk.

478
00:21:37,400 --> 00:21:40,970
Tai atrodo tiek daug
skaitoma, palyginti, nei šis.

479
00:21:40,970 --> 00:21:43,840
Kodėl Google nepatogus
Pati tiesiog siunčiant

480
00:21:43,840 --> 00:21:50,400
Tai didžiulė netvarka kodas kai
Rūšiuoti tik įgyvendinti kažką

481
00:21:50,400 --> 00:21:53,640
kad atrodo taip paprasta iš pirmo žvilgsnio?

482
00:21:53,640 --> 00:21:55,270
Kaip, kodėl jie pridėti daugiau erdvės?

483
00:21:55,270 --> 00:21:56,811
Kodėl jie Enter kaip aš?

484
00:21:56,811 --> 00:21:59,110
Pažiūrėkite, kaip gera man buvo
ne rašyti tinklalapį.

485
00:21:59,110 --> 00:22:00,680
Aš paspauskite Enter taip uoliai.

486
00:22:00,680 --> 00:22:03,760
Aš atitraukiama Taigi viskas
yra toks gražus ir įskaitomas.

487
00:22:03,760 --> 00:22:08,463
Kodėl Google negali praktikuoti tą patį?

488
00:22:08,463 --> 00:22:11,409
>> Auditorija: [NESIGIRDI]

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

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

491
00:22:13,180 --> 00:22:14,270
Labai teisinga.

492
00:22:14,270 --> 00:22:16,650
Jie neturi kai
asmuo "Google" rankiniu būdu

493
00:22:16,650 --> 00:22:18,160
atnaujinti namų puslapiu nebėra.

494
00:22:18,160 --> 00:22:20,010
Tai ne 1999 nebėra.

495
00:22:20,010 --> 00:22:21,140
Taigi jie turi programinę įrangą.

496
00:22:21,140 --> 00:22:25,397
Jie turi kitas priemones, kad
generuoti dinamiškai jie HTML.

497
00:22:25,397 --> 00:22:27,480
Žinoma, kad pati kodas
buvo parašyta žmonėms,

498
00:22:27,480 --> 00:22:30,220
tačiau tikrovė yra tokia,
tai visai teisinga sakyti,

499
00:22:30,220 --> 00:22:33,340
naršyklė tikrai nėra
rūpintis, kaip nepatogus kodas yra.

500
00:22:33,340 --> 00:22:35,940
Tačiau yra dar labiau
įtikinamų techninių priežasčių

501
00:22:35,940 --> 00:22:42,580
kad "Google" platina savo HTML
kodas toks jausmingas, atrodytų,

502
00:22:42,580 --> 00:22:48,350
didžioji būdas visi supakuoti kartu
su labai mažai way-- labai mažai

503
00:22:48,350 --> 00:22:51,274
į formatavimo, kaip aš taip.

504
00:22:51,274 --> 00:22:52,570
>> Auditorija: [NESIGIRDI]

505
00:22:52,570 --> 00:22:53,528
>> David J. Malan: greičiau?

506
00:22:53,528 --> 00:22:54,040
Kodėl?

507
00:22:54,040 --> 00:22:55,680
Ir ką jūs sakote, Lydia?

508
00:22:55,680 --> 00:22:56,240
Greičiau?

509
00:22:56,240 --> 00:22:57,281
Kodėl greičiau?

510
00:22:57,281 --> 00:22:58,156
Auditorija: [NESIGIRDI]

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

512
00:23:00,522 --> 00:23:02,230
David J. Malan: Yra
nėra vietos skaityti.

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

514
00:23:02,730 --> 00:23:04,560
Taigi manau, apie tai, kas yra erdvė.

515
00:23:04,560 --> 00:23:08,394
Taigi kiekvienas simbolis ant klaviatūros trunka
kai vietos suma atstovauti,

516
00:23:08,394 --> 00:23:10,560
fiziškai, kaip ji
užima, kad daug vietos,

517
00:23:10,560 --> 00:23:13,250
ar kažkaip po
dangtis, kuris reikalauja atmintį.

518
00:23:13,250 --> 00:23:15,740
Ir kaip aside-- ir mes
daugiau kalbėti apie šį tomorrow--

519
00:23:15,740 --> 00:23:19,930
kiekvienas personažas ant klaviatūros
paprastai reikalauja 8 bitus, arba vieną baitą.

520
00:23:19,930 --> 00:23:23,360
Taigi 8 nuliai modelis ar
tie, arba tiesiog 1 baitas, nes mes

521
00:23:23,360 --> 00:23:24,720
žmonės būtų paprastai pasakyti.

522
00:23:24,720 --> 00:23:27,690
Štai nedidelė, tačiau
tai dar ne nulis.

523
00:23:27,690 --> 00:23:29,940
Tai dar šiek tiek erdvės suma.

524
00:23:29,940 --> 00:23:36,082
Taigi, jei inžinierius arba Google "hitai
tarpo tik vieną kartą, ir manau,

525
00:23:36,082 --> 00:23:38,540
Google ", tai super-popular--
tarkime, kad milijardai žmonių

526
00:23:38,540 --> 00:23:40,780
apsilankyti jų namų puslapiu per dieną,
arba kai žmonių skaičius

527
00:23:40,780 --> 00:23:43,290
aplankyti Titulinis puslapis
milijardus kartų per dieną,

528
00:23:43,290 --> 00:23:48,890
kiek papildomų baitų turi, kad
programinės įrangos inžinierius tiesiog kainuos Google

529
00:23:48,890 --> 00:23:51,310
pataikyti jo tarpo kartą?

530
00:23:51,310 --> 00:23:52,692
>> Auditorija: [NESIGIRDI]

531
00:23:52,692 --> 00:23:54,150
David J. Malan: Ne visai taip blogai.

532
00:23:54,150 --> 00:23:57,070
Tik vienas baitas kartus per milijardo.

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

534
00:23:57,871 --> 00:23:59,120
Auditorija: 8 mlrd gigabaitų.

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

536
00:24:00,370 --> 00:24:01,240
8 milijardas baitų.

537
00:24:01,240 --> 00:24:02,410
Bet 1 gigabaitas.

538
00:24:02,410 --> 00:24:04,080
1 gigabaitas būtų matavimo vienetas.

539
00:24:04,080 --> 00:24:08,240
Jei jis ar ji tai daro du
erdvės, 2 gigabaitų.

540
00:24:08,240 --> 00:24:09,030
Trys gigabaitai.

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

542
00:24:09,530 --> 00:24:11,860
Tai svarstyklės palūkanas.

543
00:24:11,860 --> 00:24:16,150
Ir tokiais atvejais, kaip "Google",
kuris suteikė, yra Ypatingais atvejais,

544
00:24:16,150 --> 00:24:21,450
yra ir kitų klausimų, kurie kyla tik
darant labai pagrįstus sprendimus

545
00:24:21,450 --> 00:24:25,744
arba imtis labai paprastus žmogaus veiksmus,
nes ji turi šį padidintos poveikį.

546
00:24:25,744 --> 00:24:27,660
Taip, kad vienas iš priežasčių,
Tai atrodo taip suspaustas

547
00:24:27,660 --> 00:24:30,660
yra tiksliai taip, kaip Viktorija said-- tai buvo
tik generuoja kompiuterių vistiek.

548
00:24:30,660 --> 00:24:31,900
Taigi ne big deal.

549
00:24:31,900 --> 00:24:33,309
Tegul naršyklė figure it out.

550
00:24:33,309 --> 00:24:35,350
Tačiau ji taip pat sąmoningai
neturi daug vietos,

551
00:24:35,350 --> 00:24:36,766
nes erdvė nėra būtinas.

552
00:24:36,766 --> 00:24:38,250
Ir erdvė iš tikrųjų kainuoja.

553
00:24:38,250 --> 00:24:40,670
>> Tai tiek kainuoja laiką,
nes tiesiog stumti

554
00:24:40,670 --> 00:24:44,670
kad daug daugiau duomenų iš
Google.com būstinė tik

555
00:24:44,670 --> 00:24:47,710
gavo imtis tam tikrų sumą
laikas, net jei tai milisekundžių

556
00:24:47,710 --> 00:24:51,190
ar mikrosekundžių, tačiau kad išauga iki
per tiek daug vartotojų, arba daugiau tikėtina, kad

557
00:24:51,190 --> 00:24:52,270
tai tikriausiai kainuoja pinigus.

558
00:24:52,270 --> 00:24:54,690
"Google" turbūt prisijungia prie
kažkas pasaulyje, vienas

559
00:24:54,690 --> 00:24:56,398
tų Įsižiūrėjimo
taškai, ir jei jie turi

560
00:24:56,398 --> 00:24:59,880
kai finansinių santykių rūšies
kuriuo jų duomenys kainuoja pinigus,

561
00:24:59,880 --> 00:25:01,730
jie gali taip pat
sumažinti, kiek duomenų

562
00:25:01,730 --> 00:25:04,530
jie spjaudė ant
jų interneto ryšys.

563
00:25:04,530 --> 00:25:07,630
>> Taigi juokingas dalykas, nors, galiausiai,
arba gal džiuginantys dalykas,

564
00:25:07,630 --> 00:25:11,030
yra tai, kad nors tai atrodo siaubingai
didele, bent dienos pabaigoje,

565
00:25:11,030 --> 00:25:16,750
tai dar tikslios patys principai kaip
Tai labai paprasta puslapis čia apie HTML

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

567
00:25:17,390 --> 00:25:20,610
Taigi tik apibendrinti, todėl, kad jūs
turi kanoninį versiją, jei nebuvo

568
00:25:20,610 --> 00:25:25,900
Žemiau palei pasirinkimas čia čia
gali būti paprastas tinklalapių,

569
00:25:25,900 --> 00:25:28,240
taip kažkas žaisti su galbūt vėliau.

570
00:25:28,240 --> 00:25:30,790
>> Na, tegul įvesti
pora kitų idėjų dabar.

571
00:25:30,790 --> 00:25:33,420
Ketiname pristatyti
kažkas vadinamas stiliaus tag.

572
00:25:33,420 --> 00:25:38,110
Mes galime Stilizuoti šį puslapį
daugiau įdomių būdų.

573
00:25:38,110 --> 00:25:40,860
Taigi o HTML laišką
yra visa informacija apie ženklinimo iki

574
00:25:40,860 --> 00:25:44,470
duomenys, tarsi nurodant iki A
naršyklė kaip struktūrizuoti duomenis,

575
00:25:44,470 --> 00:25:48,110
kur įdėti, CSS, arba
pakopinių stilių,

576
00:25:48,110 --> 00:25:52,640
yra antroji kalba, kad
paprastai pasireiškia maišomos su HTML

577
00:25:52,640 --> 00:25:55,670
kaip mes see-- tačiau mes galime valyti
kad sudaryta moment--, kad mano

578
00:25:55,670 --> 00:25:59,850
tai galutinis mylios, ir ji stylizes ją.

579
00:25:59,850 --> 00:26:02,460
Ji gauna spalvos teisingai,
šrifto dydis teisingai,

580
00:26:02,460 --> 00:26:03,860
pozicionavimo teisingai.

581
00:26:03,860 --> 00:26:06,510
Tai viskas apie estetika
ar formatuoti, o ne apie

582
00:26:06,510 --> 00:26:08,330
Pati pagrindinė duomenų.

583
00:26:08,330 --> 00:26:11,390
Ir paprasčiausias būdas parodyti
tai gal pavyzdį.

584
00:26:11,390 --> 00:26:15,320
Taigi, aš ruošiuosi eiti per
mano paprastą tekstinį failą.

585
00:26:15,320 --> 00:26:17,970
Ir tik akimirką, aš
vaikščioti su mumis per procesą

586
00:26:17,970 --> 00:26:19,360
tai padaryti patys.

587
00:26:19,360 --> 00:26:23,310
>> Aš ruošiuosi eiti atgal į savo failą
čia ir perkraukite puslapį tiesiog

588
00:26:23,310 --> 00:26:25,800
patvirtinti, kaip jis atrodo.

589
00:26:25,800 --> 00:26:27,190
Štai kur mes ne dabar.

590
00:26:27,190 --> 00:26:31,170
Jaučiu, kaip vaikai galėtų naudotis
tam tikra spalva prie šio tinklalapio.

591
00:26:31,170 --> 00:26:34,480
Taigi, aš ruošiuosi eiti čia
į puslapio galvos.

592
00:26:34,480 --> 00:26:38,130
Ir aš ruošiuosi daryti stilių, / stilių.

593
00:26:38,130 --> 00:26:44,060
Ir tada viduje, aš ruošiuosi
pasakyti, kad mano page-- kūną

594
00:26:44,060 --> 00:26:46,870
ir tai formatavimas, ne
Iš pirmo žvilgsnio, galbūt šiek tiek

595
00:26:46,870 --> 00:26:49,400
keista, bet tradicinis.

596
00:26:49,400 --> 00:26:55,010
Aš ruošiuosi pasakyti, kad fone
spalva Šiame puslapyje turėtų būti žalias.

597
00:26:55,010 --> 00:26:57,960
Ir tai, deja,
tarsi ne geriausias dizainas.

598
00:26:57,960 --> 00:27:00,710
Atkreipkite dėmesį, kad anksčiau
atsižvelgiant į HTML pasaulyje,

599
00:27:00,710 --> 00:27:03,190
Aš pasakiau, kad atributai
Ar šie pagrindiniai vertės poros.

600
00:27:03,190 --> 00:27:05,760
Kažkas yra lygus citata
citatos pabaiga "kažkas".

601
00:27:05,760 --> 00:27:08,810
Atsižvelgiant į CSS pasaulyje, kuris buvo
sukurta keletas skirtingų žmonių,

602
00:27:08,810 --> 00:27:11,020
jie nusprendė, kad jų
pasaulio, raktų vertės poros

603
00:27:11,020 --> 00:27:13,920
būtų žodis dvitaškis kažką.

604
00:27:13,920 --> 00:27:15,220
Taigi, tai tą pačią idėją, nors.

605
00:27:15,220 --> 00:27:18,620
Jis prisijungia vertę
su kai raktas, kuris kažkaip

606
00:27:18,620 --> 00:27:20,330
įtakoja šio puslapio elgesį.

607
00:27:20,330 --> 00:27:21,901
>> Ir jūs tikriausiai galite atspėti.

608
00:27:21,901 --> 00:27:24,150
Kas tai tikriausiai
daryti, net jei jūs niekada

609
00:27:24,150 --> 00:27:27,867
matyti HTML arba CSS anksčiau?

610
00:27:27,867 --> 00:27:29,450
Auditorija: pakeisti fono spalvą.

611
00:27:29,450 --> 00:27:30,560
David J. Malan: Taip,
pakeisti fono spalvą.

612
00:27:30,560 --> 00:27:33,280
Ir konkrečiai
fono spalva kūno.

613
00:27:33,280 --> 00:27:36,290
Tačiau tiek, kiek
kūnas dabar yra interneto

614
00:27:36,290 --> 00:27:38,870
page-- tai vienintelis dalykas
žemiau pavadinimo juostos really--

615
00:27:38,870 --> 00:27:40,870
tai tikriausiai bus
paveikti tą patį.

616
00:27:40,870 --> 00:27:41,430
Taigi pažiūrėkime.

617
00:27:41,430 --> 00:27:42,490
Leiskite išsaugoti tai.

618
00:27:42,490 --> 00:27:44,310
Spauskite čia ir perkraukite puslapį.

619
00:27:44,310 --> 00:27:46,140
Tai gana šlykštus.

620
00:27:46,140 --> 00:27:48,070
Ir tai, kas vyksta
čia yra šalutinis poveikis.

621
00:27:48,070 --> 00:27:49,850
Aš tiesiog pasirinkau šį paveikslėlį atsitiktine tvarka.

622
00:27:49,850 --> 00:27:53,305
Kodėl žalia ne
permeating už Mickey?

623
00:27:53,305 --> 00:27:54,180
Auditorija: [NESIGIRDI]

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

625
00:27:56,880 --> 00:27:57,880
David J. Malan: Būtent.

626
00:27:57,880 --> 00:28:01,750
Pasirodo, kad vaizdai, gražus
daug visas nuotraukas, kad mes galime naudoti,

627
00:28:01,750 --> 00:28:03,670
visi stačiakampiai rectangles--.

628
00:28:03,670 --> 00:28:07,710
Net jei Peliukas turi keletą kreivių
su savimi ir turi pagrindą,

629
00:28:07,710 --> 00:28:09,330
kad fonas turi būti kažkas.

630
00:28:09,330 --> 00:28:10,280
Ji turi būti baltos spalvos.

631
00:28:10,280 --> 00:28:11,910
Ji turi būti juoda ar kažkas.

632
00:28:11,910 --> 00:28:13,650
Ji gali būti skaidrus.

633
00:28:13,650 --> 00:28:16,100
Ir iš tiesų, galėčiau
atidaryti Mickey Mouse čia

634
00:28:16,100 --> 00:28:18,590
į programą "Photoshop"
ar kažkas panašaus

635
00:28:18,590 --> 00:28:21,176
ir pakeisti visa tai balta
fonas skaidrus,

636
00:28:21,176 --> 00:28:22,550
taip žalia būtų shine through.

637
00:28:22,550 --> 00:28:25,980
Bet tai ką man reikia
paklausti apie save arba grafikė

638
00:28:25,980 --> 00:28:28,130
ar dizaineris mano
kompanija, pavyzdžiui,

639
00:28:28,130 --> 00:28:31,490
daryti, ypač, nes aš tiesiog
pasiskolino šį vieną iš interneto.

640
00:28:31,490 --> 00:28:33,030
Bet tai, kodėl tai vyksta.

641
00:28:33,030 --> 00:28:34,980
>> Taigi, ką dar gali norime daryti?

642
00:28:34,980 --> 00:28:41,040
Na, mes galbūt norėsite pasakyti, kad mes
tikrai tikiuosi jums patiks Jūsų viešnagę.

643
00:28:41,040 --> 00:28:44,150
Ir dėmesio, aš noriu
kad tai stiprus,

644
00:28:44,150 --> 00:28:48,310
ir taip pasakysiu atvira stipri ir
uždaryti stipri ir tada perkraukite puslapį.

645
00:28:48,310 --> 00:28:50,320
Ir tai šiek tiek sunku
matyti projektoriaus

646
00:28:50,320 --> 00:28:53,250
bet galbūt tikrai dabar
šuoliai į jus šiek tiek daugiau.

647
00:28:53,250 --> 00:28:56,180
Taigi jūs galite pridėti kursyvu tai
būdas, drąsus susiduria šiuo būdu.

648
00:28:56,180 --> 00:28:57,500
Mes galime keisti spalvas.

649
00:28:57,500 --> 00:29:01,610
Tiesą sakant, tik prasideda, aš
ketina eiti į priekį ir tai padaryti.

650
00:29:01,610 --> 00:29:05,120
I do not really like kaip mano
dalys yra tai arti vienas kito,

651
00:29:05,120 --> 00:29:06,870
todėl aš gali padaryti kažką panašaus į tai.

652
00:29:06,870 --> 00:29:13,310
Aš ruošiuosi pasakyti naršyklę,
keisti kiekvieną tag dalį ir kurios turi,

653
00:29:13,310 --> 00:29:16,952
tegul say-- tikrųjų žinote, ką,
tegul jį suderinti text-align, centrą.

654
00:29:16,952 --> 00:29:19,410
Ir vėl, aš žinau, tai tik
nes kažkas išmokė jį man

655
00:29:19,410 --> 00:29:21,118
ar aš mačiau jį į
internetinė nuoroda.

656
00:29:21,118 --> 00:29:22,450
Taigi leiskite man išsaugoti tai.

657
00:29:22,450 --> 00:29:25,070
Ir Ak, dabar aš
orientuota vaizdą ten.

658
00:29:25,070 --> 00:29:28,490
Ir iš tikrųjų, jūs žinote, ką, jei
Aš perkelti savo vaizdą į dalį

659
00:29:28,490 --> 00:29:34,510
tag-- todėl trečia pastraipa,
nors tai ne tekstą.

660
00:29:34,510 --> 00:29:36,917
Leiskite išsaugoti, kad ir perkraukite puslapį.

661
00:29:36,917 --> 00:29:40,000
Dabar puslapis pradeda atrodyti natūra
of-- Aš turiu galvoje, jis vis dar gana bjaurus,

662
00:29:40,000 --> 00:29:43,180
bet bent jau atrodo, kad aš praleido
dvi minutes, o ne vieną minutę

663
00:29:43,180 --> 00:29:43,950
todėl.

664
00:29:43,950 --> 00:29:47,200
>> Ir taip, palaipsniui, mes galime padaryti
šios estetinės pokyčiai Dabar į puslapio?

665
00:29:47,200 --> 00:29:50,860
Aš tikrai ne pakeisti duomenis į
išskyrus pridedant žodį tikrai puslapis.

666
00:29:50,860 --> 00:29:52,650
Aš pridėjau metaduomenis, jei bus.

667
00:29:52,650 --> 00:29:54,830
Ei, naršyklė, padaryti
Žodis "tikrai" drąsus.

668
00:29:54,830 --> 00:29:56,940
Bet duomenys nėra stiprus.

669
00:29:56,940 --> 00:29:57,830
Štai metaduomenys.

670
00:29:57,830 --> 00:29:59,410
Duomenys yra "tikrai".

671
00:29:59,410 --> 00:30:02,200
Taigi, mes vis dar turime kai
tomis pačiomis sąvokomis, kaip ir anksčiau.

672
00:30:02,200 --> 00:30:05,990
Dabar, žinoma, tai yra ne internete,
todėl aš ruošiuosi daryti vieną galutinį žingsnį čia.

673
00:30:05,990 --> 00:30:10,300
>> Aš ruošiuosi eiti į hello.html
ir tiesiog išryškinti ir nukopijuoti tai.

674
00:30:10,300 --> 00:30:12,285
Ir dabar aš ruošiuosi
eiti į Cloud9, kuris

675
00:30:12,285 --> 00:30:13,910
Aš jums per vos akimirką.

676
00:30:13,910 --> 00:30:17,080
Ir šansai yra jums netrukus bus, jei
ne jau, ne ekrane, kaip tai.

677
00:30:17,080 --> 00:30:21,080
Ir leiskite man tiesiog suteikti jums greitai
kelionė ką Cloud9 iš tikrųjų yra.

678
00:30:21,080 --> 00:30:26,590
Taigi vėl debesys 9 yra
tai debesys pagrįsta paslauga

679
00:30:26,590 --> 00:30:30,580
kuri suteikia jums ir man iliuziją
turėti savo virtualų mašina

680
00:30:30,580 --> 00:30:33,090
debesyje, techniškai
konteineris, debesys,

681
00:30:33,090 --> 00:30:35,160
kad mes turime pilnas
administratoriaus teises.

682
00:30:35,160 --> 00:30:37,130
Taigi teoriškai, niekas
kitur pasaulyje turi

683
00:30:37,130 --> 00:30:39,152
prieiga prie ekrano aš
žiūri dabar,

684
00:30:39,152 --> 00:30:40,860
išskyrus gal žmonių
kurie paleisti svetainę,

685
00:30:40,860 --> 00:30:43,470
nes techniškai jie turi
fizinės prieigos ir pan.

686
00:30:43,470 --> 00:30:44,740
>> Taigi, ką mes matome šioje aplinkoje?

687
00:30:44,740 --> 00:30:46,230
Aš ruošiuosi nutolinti,
nes tai šiek tiek maži.

688
00:30:46,230 --> 00:30:48,104
Ir leiskite man priminti per
čia tik akimirkai.

689
00:30:48,104 --> 00:30:53,210
Kairėje pusėje mano ir jūsų
ekranas, yra failas naršyklė kairėje.

690
00:30:53,210 --> 00:30:55,362
Taigi panaši dvasia
Mac OS ir Windows.

691
00:30:55,362 --> 00:30:57,070
Visa tai yra iš
failai mano paskyroje.

692
00:30:57,070 --> 00:30:59,250
Ir pagal nutylėjimą, jei jūsų
sąskaita yra kaip mano,

693
00:30:59,250 --> 00:31:05,090
pamatysite ar greitai pamatyti
helloworld.html ir readme.md.

694
00:31:05,090 --> 00:31:07,950
Per čia iš dešinės pusės, tai yra
kur mano tekstiniai failai ketinate eiti.

695
00:31:07,950 --> 00:31:11,620
Jeigu jūs kada nors naudoti "Microsoft
Žodis "arba" Notepad ar TextEdit,

696
00:31:11,620 --> 00:31:14,100
tai žodis mano redagavimas
failų ketina eiti.

697
00:31:14,100 --> 00:31:16,540
Ir tada labiausiai paslaptinga
bruožas šioje aplinkoje

698
00:31:16,540 --> 00:31:20,100
kad mes ne tikrai reikia naudoti yra
žemyn čia vadinamas terminalo langą.

699
00:31:20,100 --> 00:31:23,390
Jei naudojama DOS
pasekėjai, tai Linux

700
00:31:23,390 --> 00:31:25,450
arba Linux ekvivalentas DOS.

701
00:31:25,450 --> 00:31:28,190
Tai tekstinis interface--
nėra pelės paspaudimų, nesitrina.

702
00:31:28,190 --> 00:31:30,770
Visi jūs galite padaryti, tai tipo
komandas, bet tie komandas

703
00:31:30,770 --> 00:31:34,400
gali kurti failus, perkelti failus, atidarykite
katalogų, artimi katalogų

704
00:31:34,400 --> 00:31:35,740
padaryti bet dalykų.

705
00:31:35,740 --> 00:31:38,060
Bet dabar, mes tiesiog
praleisti savo laiką čia.

706
00:31:38,060 --> 00:31:39,050
>> Ir todėl galime tai padaryti.

707
00:31:39,050 --> 00:31:41,008
Jei esate šį
aplinka, kuri jums reikia

708
00:31:41,008 --> 00:31:45,900
būti, jei sukūrė darbo vietą
jau, eiti į priekį ir tiesiog eiti

709
00:31:45,900 --> 00:31:48,690
Failų, naujos akimirką.

710
00:31:48,690 --> 00:31:51,740
Ir kad duos jums nauja
Skirtukas čia per vidurį.

711
00:31:51,740 --> 00:31:54,250
Ir aš just-- ir tegul
eiti į priekį ir tai padaryti.

712
00:31:54,250 --> 00:31:59,910
Vykime į priekį ir dabar nereikia Failo, išskyrus
ir eiti į priekį ir jį vadiname hello.html,

713
00:31:59,910 --> 00:32:02,740
neturi būti painiojama su
helloworld.html, kuris

714
00:32:02,740 --> 00:32:06,910
atėjo su savo naują nemokamą sąskaitą
kuris yra tik pavyzdys failą.

715
00:32:06,910 --> 00:32:11,020
Pamatysite jis staiga atsiranda,
greičiausiai kairėje pusėje,

716
00:32:11,020 --> 00:32:12,810
ir skirtukas dar veiks.

717
00:32:12,810 --> 00:32:21,300
Ir leiskite man skatiname jus dabar atkurti
Šis failas arba kai jų variantai.

718
00:32:21,300 --> 00:32:24,607
Ir jei jūs negalite gana pamatyti jį ant
ekranas, tai yra tokie patys, kaip skaidres

719
00:32:24,607 --> 00:32:26,190
kad tikriausiai turite kitoje kortelėje.

720
00:32:26,190 --> 00:32:29,296
>> Taigi trumpai tariant, padaryti savo pirmąjį interneto puslapį,
išsaugokite jį, o tada vos akimirką,

721
00:32:29,296 --> 00:32:31,170
Aš jums parodysiu, kaip jūs
iš tikrųjų galite peržiūrėti tai.

722
00:32:31,170 --> 00:32:32,970
Bet pakeisti bent vieną dalyką.

723
00:32:32,970 --> 00:32:35,400
Pakeiskite HelloWorld į
kažkas savo pasirinkimą,

724
00:32:35,400 --> 00:32:39,821
taip, kad jūs esate įsitikinęs, kad tai jūsų
failą, o ne vienas aš ką tik sukūrėte.

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

726
00:32:40,320 --> 00:32:43,804
Ir kai jūs ready-- nėra
rush-- kai būsite pasiruošę,

727
00:32:43,804 --> 00:32:46,220
eiti į priekį ir išsaugokite failą
Kai jūs atlikote šiuos pakeitimus.

728
00:32:46,220 --> 00:32:49,540
Ir jei jūs spustelėkite
Paleiskite mygtuką iki viršaus, tai

729
00:32:49,540 --> 00:32:53,610
turėtų atidaryti naują skirtuką, kuris pasakys
Jūs ką URL galite apsilankyti savo failą,

730
00:32:53,610 --> 00:32:56,380
bet tai gali užtrukti šiek tiek laiko
citata citatos pabaiga "pradėti" Apache ", kuris

731
00:32:56,380 --> 00:32:58,820
yra žiniatinklio serverio pavadinimą.

732
00:32:58,820 --> 00:33:02,430
Taigi būkite atsargūs daryti būtent
kas yra faile galiausiai.

733
00:33:02,430 --> 00:33:04,610
Taigi dabar, aš priartinti.

734
00:33:04,610 --> 00:33:07,780
Jei aš pradedu rašyti
atviro laikiklis HTML pranešimas

735
00:33:07,780 --> 00:33:09,650
tai paskatino mane baigti savo mintis.

736
00:33:09,650 --> 00:33:13,750
Ir jei aš baigiau savo mintis, ją
automatiškai suteikia man uždarymo tegus.

737
00:33:13,750 --> 00:33:17,190
Tačiau tikimasi, tada aš paspauskite
Įveskite, ir tada pereiti viduje yra

738
00:33:17,190 --> 00:33:21,180
o galva viduje ir
tada darau kūno viduje.

739
00:33:21,180 --> 00:33:24,430
Ir tai šiek tiek keista iš pradžių,
nes ji daro darbą už jus,

740
00:33:24,430 --> 00:33:27,110
bet suprantu, kad galiausiai
tai sutaupys jums klavišų.

741
00:33:27,110 --> 00:33:30,500
Ir iš tiesų, labai dažnas bruožas
programavimo aplinkose šių dienų

742
00:33:30,500 --> 00:33:33,260
tiek interneto plėtrai, kaip
tai ir tikrasis programavimas,

743
00:33:33,260 --> 00:33:36,960
kuri mes kalbame apie rytojaus,
yra šie auto-pilnas funkcijų,

744
00:33:36,960 --> 00:33:39,710
dalykų, kad tik leidžianti
programuotojas ar dizaineris

745
00:33:39,710 --> 00:33:42,010
tipo mažiau klavišų
atlikti tą patį.

746
00:33:42,010 --> 00:33:43,176
Kartais tai gerai, nors.

747
00:33:43,176 --> 00:33:44,560
Kartais tai tiesiog erzina.

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

749
00:33:49,290 --> 00:33:54,010
Ir vėl, kai jūs transkripcija
skaidrių arba kai jo variantas,

750
00:33:54,010 --> 00:33:57,360
galite spustelėti mygtuką Paleisti iki viršaus.

751
00:33:57,360 --> 00:33:59,910
Ir tada apačioje
langas, jums bus informuoti

752
00:33:59,910 --> 00:34:04,290
kokia URL gali aplankyti jūsų tinklalapį.

753
00:34:04,290 --> 00:34:08,790
Mano, pavyzdžiui, yra ne
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
ir taip toliau.

755
00:34:11,480 --> 00:34:14,580
Gerai, taip, tegul me-- klausimų?

756
00:34:14,580 --> 00:34:19,460
Bet kokie kiti klausimai apie tiesiog gauti
ši darbo, kol mes pridėti funkcijų?

757
00:34:19,460 --> 00:34:21,692
Ir leiskite man pasiūlyti, tiesiog
gauti žmonės comfortable--

758
00:34:21,692 --> 00:34:24,400
nes tai vienas dalykas, tiesiog
Nukopijuokite ir įklijuokite aklai, ką aš padariau.

759
00:34:24,400 --> 00:34:27,177
Bet tik todėl, kad žmonės ristis
su bent viena to-do,

760
00:34:27,177 --> 00:34:28,510
Aš ruošiuosi įjungti šiek tiek muzikos.

761
00:34:28,510 --> 00:34:32,630
Aš ruošiuosi pasiūlyti sąrašą
dalykų, kuriuos potencialiai gali pridėti.

762
00:34:32,630 --> 00:34:34,086
Ir, žinoma, galima naudoti "Google".

763
00:34:34,086 --> 00:34:36,210
Ir kodėl gi ne, mes tiesiog
pasiūlyti, kad jūs bandote išspręsti

764
00:34:36,210 --> 00:34:38,710
bent vieną konkrečią problemą čia.

765
00:34:38,710 --> 00:34:45,090
Taigi, kalbant apie žymeles,
leiskite man panaudoti tai čia.

766
00:34:45,090 --> 00:34:48,280
>> Tiesą sakant, leiskite man įdėti
tai į tekstine forma.

767
00:34:48,280 --> 00:35:02,380
Tarkime, kad tarp žymenų, mes galime
naudoti, čia yra keletas žodžius čia.

768
00:35:02,380 --> 00:35:06,090
Mes matėme žymę dalis.

769
00:35:06,090 --> 00:35:07,850
Dabar jis ketina Auto-pilnas.

770
00:35:07,850 --> 00:35:12,220
žyma dalis, inkaro žymė.

771
00:35:12,220 --> 00:35:15,250
Tarkime, jūs norite
padaryti kažką daugiau,

772
00:35:15,250 --> 00:35:19,480
todėl jūs galite like--
tarpatramis žymė gali padėti.

773
00:35:19,480 --> 00:35:23,010
Na, galbūt reikia šiek tiek padėti
už tai vos akimirką.

774
00:35:23,010 --> 00:35:24,830
Mes matėme div.

775
00:35:24,830 --> 00:35:26,170
Pamatysite ten stalo.

776
00:35:26,170 --> 00:35:27,928
Yra kažkas vadinamas TR, TD.

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

778
00:35:30,736 --> 00:35:32,860
Kt, TD.

779
00:35:32,860 --> 00:35:34,770
Grįžti į tą iškart.

780
00:35:34,770 --> 00:35:36,590
Ką dar gali būti naudinga?

781
00:35:36,590 --> 00:35:38,310
Yra stiprus.

782
00:35:38,310 --> 00:35:43,640
Yra dėmesys, ar veikiau Em.

783
00:35:43,640 --> 00:35:50,110
There's-- ką dar
gali praeivius čia?

784
00:35:50,110 --> 00:35:51,930
Na, mes priimsime
pažvelgti, kad kartu.

785
00:35:51,930 --> 00:35:53,230
Forma, kurią mes matėme.

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

787
00:35:54,130 --> 00:35:56,500
Yra įėjimas ir keletas kitų.

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

789
00:35:58,924 --> 00:36:00,090
Gerai, tad tai padaryti.

790
00:36:00,090 --> 00:36:02,330
Norėdami atsiliepti į Viktorijos
klausimas, leiskite man pirmas

791
00:36:02,330 --> 00:36:05,020
tiesiog įsitikinkite, kad kiekvienas
galėtų gauti savo sveikinasi darbo.

792
00:36:05,020 --> 00:36:06,900
Tada leiskite man pristatyti
pora kitų idėjų.

793
00:36:06,900 --> 00:36:09,209
Tada mes galime žmonės išspręsti
kai problema dėl jų pačių.

794
00:36:09,209 --> 00:36:11,500
Tada mes iš tikrųjų sugrįšiu
su ta forma sąvoką,

795
00:36:11,500 --> 00:36:14,950
ir mes iš tikrųjų naujo įgyvendinti
kartu priekinė sąsaja,

796
00:36:14,950 --> 00:36:16,450
taip sakant, pačiai "Google".

797
00:36:16,450 --> 00:36:19,700
Mes naudosime "Google" kaip nugaros pabaigoje ir tegul
jiems daryti sunkų darbą, paieška,

798
00:36:19,700 --> 00:36:22,760
bet mes atkurti priekio
"Google" ir paieškos formą

799
00:36:22,760 --> 00:36:24,520
kad jie turi savo pagrindinį puslapį.

800
00:36:24,520 --> 00:36:27,050
Ir todėl mes grįžti į
Šios žymės vos per akimirką.

801
00:36:27,050 --> 00:36:30,270
>> Taigi, tai buvo tai, ką aš
Siūloma vos prieš akimirką.

802
00:36:30,270 --> 00:36:33,940
Mes galime pridėti stilizacija iki A
puslapis viduje šio stiliaus tag

803
00:36:33,940 --> 00:36:36,950
ir mes galime Stilizuoti foną
spalva, tekstas derinimą,

804
00:36:36,950 --> 00:36:39,000
ar tai centras arba į kairę arba į dešinę.

805
00:36:39,000 --> 00:36:41,630
Bet labai greitai būtų
rasti arba interneto dizaineris

806
00:36:41,630 --> 00:36:44,060
būtų rasti, kad tai
tampa šiek tiek griozdiškas,

807
00:36:44,060 --> 00:36:48,330
nes jūs darote tai, kas
vadinamas maišymo turinys

808
00:36:48,330 --> 00:36:50,120
Pristatymas jų.

809
00:36:50,120 --> 00:36:53,756
Jūs maišyti savo duomenis
ir jo estetika.

810
00:36:53,756 --> 00:36:56,380
Ir iš tiesų, jei manote, kad
kas nutiks per LAIKĄ_

811
00:36:56,380 --> 00:36:58,350
tai yra labai mažas
Interneto puslapis, žinoma.

812
00:36:58,350 --> 00:37:01,590
Bet jei aš papildykite ją į šį puslapį
ir aš pridėti stilių į šį puslapį,

813
00:37:01,590 --> 00:37:04,650
puslapis labai greitai gauna
ilgiau ir ilgiau ir ilgiau.

814
00:37:04,650 --> 00:37:07,510
Ir manau, kad aš noriu
turėti antrą puslapį, kuris

815
00:37:07,510 --> 00:37:09,010
dalijasi kai kurie iš šių požymių.

816
00:37:09,010 --> 00:37:12,350
Tarkime, mano antrasis tinklalapį Mano
site-- pat, noriu viską centrą

817
00:37:12,350 --> 00:37:14,960
ir aš taip pat noriu viską
su žaliame fone.

818
00:37:14,960 --> 00:37:17,940
Aš gana daug teks
nukopijuoti ir įklijuoti kai šių eilučių

819
00:37:17,940 --> 00:37:20,730
į tą antrą failą, kuris jaučiasi gerai.

820
00:37:20,730 --> 00:37:22,030
Ji bus išspręsti šią problemą.

821
00:37:22,030 --> 00:37:26,060
>> Bet kas, jei aš noriu trečią puslapį
arba 30. puslapis arba 40. puslapis?

822
00:37:26,060 --> 00:37:28,730
Dabar aš ruošiuosi būti kopijavimo ir
įklijuoti daug pasikartojantis kodas aikštelė

823
00:37:28,730 --> 00:37:30,430
į kelis failus.

824
00:37:30,430 --> 00:37:32,600
Ir taip manyti, kad
Aš nuspręsti ar aš sakė,

825
00:37:32,600 --> 00:37:34,780
ei, mes ne naudojant
žaliame fone nebėra.

826
00:37:34,780 --> 00:37:36,380
Mes ketiname pradėti naudoti oranžinės spalvos.

827
00:37:36,380 --> 00:37:38,690
Ką jūs turite pakeisti?

828
00:37:38,690 --> 00:37:42,900
Na, jūs turite pakeisti tą stilių
iš žalios į oranžinę, kaip daugelyje vietų?

829
00:37:42,900 --> 00:37:44,920
Kaip 30 arba 40 vietų.

830
00:37:44,920 --> 00:37:45,900
Tai varginantis.

831
00:37:45,900 --> 00:37:47,039
Tai linkę klysti.

832
00:37:47,039 --> 00:37:49,580
Yra keletas priežasčių,
kur nenorėtų sukelti

833
00:37:49,580 --> 00:37:51,840
kad skausmo sau natūra.

834
00:37:51,840 --> 00:37:54,760
Ir taip nebūtų tai būtų gražus
jei galėtume imtis, ką aš ką tik

835
00:37:54,760 --> 00:37:58,240
įdėti tarp šių dviejų geltona
žymės, šios stiliaus žymės,

836
00:37:58,240 --> 00:38:04,050
veiksnys jį, ir įdėti visą savo
stilizacija į vieną centrinę failą

837
00:38:04,050 --> 00:38:08,470
kad visi 30 ar 40 mano kiti failai
skolintis iš ar kažkaip nuoroda

838
00:38:08,470 --> 00:38:11,640
ne kitaip, tinklų
diagramas mes darome anksčiau?

839
00:38:11,640 --> 00:38:15,030
>> Taigi, jei aš einu čia, aš
vyksta iš tikrųjų pasiūlys

840
00:38:15,030 --> 00:38:17,880
kad mes pakeisti
stilius tegus su kažkuo

841
00:38:17,880 --> 00:38:21,620
vadinama nuoroda žymeles, kurios
yra siaubingai, siaubingai pavadintas,

842
00:38:21,620 --> 00:38:24,370
nes jūs neturite naudoti
nurodo žymė sukurti ką

843
00:38:24,370 --> 00:38:26,380
mes, žmonės žino, kaip tinklalapio nuorodą.

844
00:38:26,380 --> 00:38:29,750
Norėdami, kad jūs naudojate, kurie žymė?

845
00:38:29,750 --> 00:38:31,464
Kaip jums sukurti į tinklalapį nuorodą?

846
00:38:31,464 --> 00:38:32,130
Auditorija: a.

847
00:38:32,130 --> 00:38:34,870
David J. Malan: A, arba inkaras
žymeles, kad nuvyko į Disney anksčiau.

848
00:38:34,870 --> 00:38:39,090
Nuorodą žymelę čia sako
this-- nuorodą į failą pavadinimu

849
00:38:39,090 --> 00:38:44,350
styles.css, santykiai, į kurią
bus, kad tai mano stilių.

850
00:38:44,350 --> 00:38:48,290
Todėl tai yra vienas iš S-aisiais
CSS-- pakopinių stilių.

851
00:38:48,290 --> 00:38:50,490
Stilius sheet-- dvi S-aisiais CSS.

852
00:38:50,490 --> 00:38:52,550
CSS.

853
00:38:52,550 --> 00:38:58,640
Tai tiesiog reiškia, ei, naršyklė, eikite
rasite styles.css vietinio serverio

854
00:38:58,640 --> 00:39:01,870
ir naudoti jį kaip savo stilių,
o tai reiškia, viduje šio failo

855
00:39:01,870 --> 00:39:05,310
bus visi iš
stylizations, kad mes ką tik padaryti.

856
00:39:05,310 --> 00:39:07,396
Ir taip, kas tai failas
gali atrodyti tai.

857
00:39:07,396 --> 00:39:10,020
Ir aš tiesiog padaryti tai greitai
pavyzdys, nes mums nereikia

858
00:39:10,020 --> 00:39:12,000
gauti per daug į piktžolių čia.

859
00:39:12,000 --> 00:39:17,840
Bet jei aš nukopijuoti tai, ką aš pasiūlyti
yra tai, kad programuotojas sukurti naują failą,

860
00:39:17,840 --> 00:39:24,450
įklijuokite tose lines--
whoops-- įklijuokite tose linijose,

861
00:39:24,450 --> 00:39:32,270
išsaugoti ją kaip styles.css, o tada
kitas failas, ištrinti visa tai

862
00:39:32,270 --> 00:39:35,450
ir jį pakeisti vietoj
su šiuo nuorodą žyma.

863
00:39:35,450 --> 00:39:43,090
Taigi, kad jei aš susieti href = "styles.css"
santykiai turi būti "Stilių"

864
00:39:43,090 --> 00:39:44,170
Uždaryti žymė.

865
00:39:44,170 --> 00:39:45,250
Išsaugok tai.

866
00:39:45,250 --> 00:39:47,000
Grįžti atgal į mano HelloWorld.

867
00:39:47,000 --> 00:39:48,690
Perkrauti.

868
00:39:48,690 --> 00:39:51,290
>> Pažodžiui nieko neįvyko.

869
00:39:51,290 --> 00:39:54,710
Tai yra geras dalykas, nes tai
tai reiškia, kad iš tikrųjų visi dirba.

870
00:39:54,710 --> 00:39:58,860
Norėdami įrodyti, kiek, tarkime, aš padaryti
klaidos, o aš vadinu tai "styles.css"

871
00:39:58,860 --> 00:40:03,080
didžiosios S, kuri yra
neteisingas, tada perkraukite puslapį.

872
00:40:03,080 --> 00:40:05,470
Dabar galite matyti tiesiog neveikia.

873
00:40:05,470 --> 00:40:06,362
Dabar, kodėl?

874
00:40:06,362 --> 00:40:08,070
Na, tegul naudoti
technika iš anksčiau.

875
00:40:08,070 --> 00:40:10,153
Leiskite man eiti į priekį ir,
mano naršyklė, "Chrome", aš

876
00:40:10,153 --> 00:40:12,900
ketina atverti, kad ypatingas
Tinklo skirtukas, kaip ir anksčiau,

877
00:40:12,900 --> 00:40:15,560
ir leiskite man perkraukite puslapį.

878
00:40:15,560 --> 00:40:19,341
Ką tu ne nustebino pamatyti dabar?

879
00:40:19,341 --> 00:40:20,840
O gal esate nustebęs, kad jį pamatyti.

880
00:40:20,840 --> 00:40:23,225
Bet kuriuo atveju, tai, ką matote dabar?

881
00:40:23,225 --> 00:40:24,100
Auditorija: [NESIGIRDI]

882
00:40:24,100 --> 00:40:24,770
David J. Malan: Tai nerastas.

883
00:40:24,770 --> 00:40:25,680
Kodėl jis negali rasti?

884
00:40:25,680 --> 00:40:28,480
Na, Styles.css-- sostinė
S-- neegzistuoja.

885
00:40:28,480 --> 00:40:29,230
Aš misnamed ją.

886
00:40:29,230 --> 00:40:30,430
Paprasta klaidos.

887
00:40:30,430 --> 00:40:33,816
Bet aš gaunu suprantama dabar
404, nes serveris sako, ei,

888
00:40:33,816 --> 00:40:34,440
tai nerasta.

889
00:40:34,440 --> 00:40:36,300
Drąsiai, aš nežinau
jei tas failas yra.

890
00:40:36,300 --> 00:40:38,880
Taigi, kaip rezultatas, naršyklėje
rodo, ką ji gali,

891
00:40:38,880 --> 00:40:42,860
žalias puslapio turinį,
kuris buvo 200, HTML,

892
00:40:42,860 --> 00:40:45,390
bet stilizacija negali
būti po pridėta.

893
00:40:45,390 --> 00:40:47,120
Ir tai yra tai, kas reiškia domino.

894
00:40:47,120 --> 00:40:49,070
Jūs galite pridėti tarsi ją
po, ir ji tarsi

895
00:40:49,070 --> 00:40:50,874
valo iš tinklalapio estetika.

896
00:40:50,874 --> 00:40:53,790
Ir jūs netgi galite nepaisyti tų
stilių su dar kitais stylesheet failus

897
00:40:53,790 --> 00:40:54,700
Jeigu nori.

898
00:40:54,700 --> 00:40:57,780
Jis nerado, nors, šiuo atveju,
nes žinoma, aš misnamed jį.

899
00:40:57,780 --> 00:41:00,330
Taigi aš turiu pataisyti, kad pirmas.

900
00:41:00,330 --> 00:41:04,667
>> Taigi eikime į priekį ir
pasiūlyti šias.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Vykime į priekį ir tai padaryti.

903
00:41:11,140 --> 00:41:14,220
Nuo ko gero
Jūsų HelloWorld failą,

904
00:41:14,220 --> 00:41:17,740
leiskite man tiesiog pasikviesti pora
vaidybinių pasiūlymus.

905
00:41:17,740 --> 00:41:20,400
Taigi, Viktorija, tu norėjai
padaryti kai tekstas didesnis, tiesa?

906
00:41:20,400 --> 00:41:24,555
Gerai, kad mes galėtume
padarysiu tekstas didesnis.

907
00:41:24,555 --> 00:41:26,860
Ir mes kiekvienas roviau
tik viena problema išspręsti.

908
00:41:26,860 --> 00:41:30,867
Padaryti tekstas didesnis.

909
00:41:30,867 --> 00:41:32,700
Nesiruošiu gaišti
rašyti tai, kai mes

910
00:41:32,700 --> 00:41:35,600
turi kulka technologiją teisę čia.

911
00:41:35,600 --> 00:41:39,970
Taigi kai kurios problemos.

912
00:41:39,970 --> 00:41:44,670
Taigi, mes ketiname pabandyti
kad tekstas didesnis.

913
00:41:44,670 --> 00:41:45,170
Gerai.

914
00:41:45,170 --> 00:41:48,360
Ką dar būtų kažkas pasiūlo?

915
00:41:48,360 --> 00:41:50,332
Ką dar gali norime
daryti tinklalapį?

916
00:41:50,332 --> 00:41:52,040
Leiskite sugalvoti
trumpas sąrašas dalykų

917
00:41:52,040 --> 00:41:55,366
ir tada deleguoti
grupė suprasti tai.

918
00:41:55,366 --> 00:41:56,270
>> Auditorija: [NESIGIRDI]

919
00:41:56,270 --> 00:42:02,251
>> David J. Malan: Gerai, pozicijos tekste
dėl skirtingose ​​pusėse puslapyje?

920
00:42:02,251 --> 00:42:02,750
Gerai.

921
00:42:02,750 --> 00:42:04,620
Kažkas kito.

922
00:42:04,620 --> 00:42:05,784
>> Auditorija: [NESIGIRDI]

923
00:42:05,784 --> 00:42:06,700
David J. Malan: Tai.

924
00:42:06,700 --> 00:42:08,720
Taigi GIF yra tik
skiriasi failo formatas.

925
00:42:08,720 --> 00:42:12,830
Mes tik naudojamas, koks A
PNG arba JPG tikriausiai?

926
00:42:12,830 --> 00:42:14,480
Mes naudojome JPG.

927
00:42:14,480 --> 00:42:16,780
Jei įdomu, yra susidaręs perviršinis
atsakyti į jūsų klausimą

928
00:42:16,780 --> 00:42:19,404
yra jpg paprastai naudojamas
fotografijos, nes jis palaiko

929
00:42:19,404 --> 00:42:21,500
milijonai spalvų arba 24 bitų spalvos.

930
00:42:21,500 --> 00:42:26,930
GIF yra visuotinai naudojamas, kaip,
interneto Memes šie days-- animacija,

931
00:42:26,930 --> 00:42:28,810
kaip animaciniai Gif.

932
00:42:28,810 --> 00:42:32,320
Bet tai atsitinka naudoti mažesnį spalvos
paletė, tik 256 galimų spalvų,

933
00:42:32,320 --> 00:42:35,230
bet ji palaiko
skaidrumas ir animacija.

934
00:42:35,230 --> 00:42:40,330
Ir tada ten PNG, kuris palaiko
skaidrumas ir daugiau spalvų

935
00:42:40,330 --> 00:42:41,300
bet ne animacija.

936
00:42:41,300 --> 00:42:42,133
Taigi, tai kompromisas.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Taigi pridedant gif, nors,
būtų funkciškai

939
00:42:46,060 --> 00:42:48,396
lygiavertis pridedant PNG arba JPG.

940
00:42:48,396 --> 00:42:49,110
Taip.

941
00:42:49,110 --> 00:42:50,550
Image Source lygus.

942
00:42:50,550 --> 00:42:51,590
Taigi kažkas.

943
00:42:51,590 --> 00:42:57,288
Leiskite sugalvoti kažką, kad
mes išsiuntėme Victoria padaryti čia.

944
00:42:57,288 --> 00:42:59,209
>> Auditorija: Pridėti mygtukus forma.

945
00:42:59,209 --> 00:43:00,000
David J. Malan: Gerai.

946
00:43:00,000 --> 00:43:02,179
Taigi pridėti mygtukus forma.

947
00:43:02,179 --> 00:43:03,470
Ir mes padarysime, kad vienas kartu.

948
00:43:03,470 --> 00:43:07,220
Taigi, kad bus puikus Segue
iš karto po šio iššūkio.

949
00:43:07,220 --> 00:43:10,357
Dar kas nors?

950
00:43:10,357 --> 00:43:11,440
Kas gali jums patinka daryti?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Interneto jaučiasi labai underwhelming
jei tai yra viskas, ką mes galime padaryti.

953
00:43:16,516 --> 00:43:18,140
Auditorija: Keisti teksto spalvą.

954
00:43:18,140 --> 00:43:19,500
David J. Malan: Pakeiskite ką?

955
00:43:19,500 --> 00:43:20,666
Auditorija: Spalva tekste.

956
00:43:20,666 --> 00:43:22,311
David J. Malan: Pakeisti spalva teksto.

957
00:43:22,311 --> 00:43:22,810
Gerai.

958
00:43:22,810 --> 00:43:23,790
Taigi, galime tai padaryti.

959
00:43:23,790 --> 00:43:27,209
Tiesiog vėl taip, kad nesate, tiesiog
atmintinai, daro būtent tai, ką aš darau,

960
00:43:27,209 --> 00:43:29,500
Aš ruošiuosi įjungti muziką
Maybe penkių minučių čia.

961
00:43:29,500 --> 00:43:30,450
Jūs esate kviečiame pasinaudoti "Google".

962
00:43:30,450 --> 00:43:33,130
Jūs esate laukiami paklausti manęs ir
Aš šnabždesys užuominą į ausies.

963
00:43:33,130 --> 00:43:35,171
Jūs esate laukiami ieškoti
per kitų pečių.

964
00:43:35,171 --> 00:43:37,340
Bet išspręsti tik vienas iš šių problemų.

965
00:43:37,340 --> 00:43:40,190
Bet mes padarysime paskutinį vieną, kad
sudaro vieną, jei galėtume kartu.

966
00:43:40,190 --> 00:43:42,790
Taigi penkias minutes išspręsti
bet kurį vieną iš šių problemų

967
00:43:42,790 --> 00:43:46,780
naudojant "Google", intuicija, ar
kiti turimi jums priemonėmis.

968
00:43:46,780 --> 00:43:48,630
>> [GROJA MUZIKA]

969
00:43:48,630 --> 00:43:49,130
Gerai.

970
00:43:49,130 --> 00:43:50,838
Nesijaudinkite, jei norite
išlaikyti skardinimo,

971
00:43:50,838 --> 00:43:53,880
bet aš sugadinti pora
iš šių atsakymų.

972
00:43:53,880 --> 00:43:57,986
Taigi pirmas pasiūlymas iš
Viktorija buvo padaryti tekstas didesnis.

973
00:43:57,986 --> 00:43:59,360
Taigi ten yra keletas būdų, kaip tai padaryti.

974
00:43:59,360 --> 00:44:01,530
Aš šiuo metu atkurtos
mano ekranas tokio dydžio,

975
00:44:01,530 --> 00:44:04,310
nors aš Mastelis
dirbtinai tik pamatyti dalykus.

976
00:44:04,310 --> 00:44:07,470
Ir tegul tai padaryti.

977
00:44:07,470 --> 00:44:11,380
Leiskite man eiti į priekį ir patraukti
kai bendrinis Lotynų tekstas

978
00:44:11,380 --> 00:44:19,540
tik todėl mes turime kažką dirbti.

979
00:44:19,540 --> 00:44:20,715
Taigi man tik vieną akimirką.

980
00:44:20,715 --> 00:44:21,840
Aš tris pastraipas.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
GERAI.

983
00:44:53,930 --> 00:44:55,560
Tai bus geriau pavyzdys.

984
00:44:55,560 --> 00:44:57,840
Taigi įdomu, kad
mano hello.html, aš tiesiog

985
00:44:57,840 --> 00:45:01,645
įterptas trijų absurdiškas
Lotynų dalys

986
00:45:01,645 --> 00:45:03,270
tik todėl mes turime kokį nors tekstą dirbti.

987
00:45:03,270 --> 00:45:06,720
Ir Victoria tikslas buvo
padaryti kai teksto daugiau.

988
00:45:06,720 --> 00:45:09,879
Taigi galėčiau, kaip ir anksčiau, eikite čia.

989
00:45:09,879 --> 00:45:11,170
Ir leiskite man tai padaryti teisingą kelią.

990
00:45:11,170 --> 00:45:13,253
Aš ruošiuosi nuorodą
žyma, kad atkreipia į failą

991
00:45:13,253 --> 00:45:20,560
vadinamas "styles.css," santykiai
iš kurių yra vėl "Stilių."

992
00:45:20,560 --> 00:45:25,221
Ir tada aš ruošiuosi išskyrus tai, kad
ir atverti šią "styles.css".

993
00:45:25,221 --> 00:45:28,940
>> Taigi, kaip ir anksčiau, Turiu
gebėjimas šiame CSS failą

994
00:45:28,940 --> 00:45:31,569
kad iš tikrųjų pakeis numatytąjį
estetika tinklalapį,

995
00:45:31,569 --> 00:45:33,860
ir numatytasis estetika,
Žinoma, yra gana nuobodu.

996
00:45:33,860 --> 00:45:36,943
Tai tarsi įprastinį šrifto dydį, juoda
tekstas, baltas fonas, ir tt.

997
00:45:36,943 --> 00:45:39,440
Taigi tarkime, aš noriu padaryti
visą šį tekstą didesni.

998
00:45:39,440 --> 00:45:40,460
Galėčiau padaryti keletą dalykų.

999
00:45:40,460 --> 00:45:43,750
Mano styles.css failą, aš
Galima sakyti, jūs žinote, ką,

1000
00:45:43,750 --> 00:45:46,950
taikomos taip, kad
mano puslapyje kūnas.

1001
00:45:46,950 --> 00:45:51,390
Eiti į priekį ir padaryti
šrifto dydis 24 taškų,

1002
00:45:51,390 --> 00:45:54,130
kuris yra numeris galiu
naudoti Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Leiskite man eiti atgal į savo interneto
puslapis čia ir perkraukite,

1004
00:45:57,620 --> 00:45:59,640
ir jūs galite pamatyti, kad
tai jau daug didesnis.

1005
00:45:59,640 --> 00:46:02,223
Ir mes galime gauti šiek tiek kvailai,
kaip mes galime ant desktop--

1006
00:46:02,223 --> 00:46:03,670
kad ji 96 taškų.

1007
00:46:03,670 --> 00:46:04,950
Perkrauti.

1008
00:46:04,950 --> 00:46:07,610
Ir tai truputį
griozdiškas šiuo metu.

1009
00:46:07,610 --> 00:46:09,500
>> Bet aš galėtų būti šiek tiek tikslesnis.

1010
00:46:09,500 --> 00:46:14,530
Vietoj šio
Stilių į mano puslapį kūno,

1011
00:46:14,530 --> 00:46:21,740
ką dar galėčiau jį taikyti, o ne,
kas kita žyma, kad vis dar gali

1012
00:46:21,740 --> 00:46:25,445
funkcija tokiu pačiu būdu?

1013
00:46:25,445 --> 00:46:26,444
>> Auditorija: p žymė?

1014
00:46:26,444 --> 00:46:27,360
David J. Malan: P žymė.

1015
00:46:27,360 --> 00:46:29,350
Todėl galvos nebūtų
teisinga, nes galvos,

1016
00:46:29,350 --> 00:46:31,300
jūs negalite iš tikrųjų
kontroliuoti estetika.

1017
00:46:31,300 --> 00:46:32,700
Yra arba tekstas nėra, ar ne.

1018
00:46:32,700 --> 00:46:36,760
Tačiau p tag-- galiu pasinerti šiek tiek
giliau, taip sakant, į dalį

1019
00:46:36,760 --> 00:46:37,350
žymės.

1020
00:46:37,350 --> 00:46:41,600
Ir nors yra trys,
tai visiškai gerai, nes CSS,

1021
00:46:41,600 --> 00:46:44,900
kai aš tiesiog pasakyti "p", tai
reiškia taikyti taip

1022
00:46:44,900 --> 00:46:48,300
bet žyma, kad rungtynių šį
selektorių, selektorius tik

1023
00:46:48,300 --> 00:46:49,430
būdama žyma, pavadinimas.

1024
00:46:49,430 --> 00:46:52,350
Taigi, kur matote
"P" taikyti šrifto dydį,

1025
00:46:52,350 --> 00:46:55,222
ir tegul ji taptų
protinga again-- 24 punkto.

1026
00:46:55,222 --> 00:46:56,930
Ir žinote ką,
tiesiog gera priemonė,

1027
00:46:56,930 --> 00:46:59,810
padarykime spalvą
raudonas tik šiuo metu.

1028
00:46:59,810 --> 00:47:03,740
Ir dabar, jei aš įkelti, dabar mes
pamatyti tris negraži pastraipas.

1029
00:47:03,740 --> 00:47:07,180
>> Bet dabar manau, kad aš tarsi
of-- Noriu pirmąją pastraipą

1030
00:47:07,180 --> 00:47:08,210
iššokti ne vartotojui.

1031
00:47:08,210 --> 00:47:11,150
Aš nenoriu tiesiog padidinti
šrifto dydis viskas.

1032
00:47:11,150 --> 00:47:16,105
Ir taip aš iš tikrųjų noriu nustatyti ar
išskirti šias dalis.

1033
00:47:16,105 --> 00:47:18,730
Taigi leiskite atsikratyti raudonas,
nes tai tiesiog rūšies lipnus,

1034
00:47:18,730 --> 00:47:23,885
ir eikime į priekį ir padaryti
šrifto dydis 12 taškų pagal nutylėjimą,

1035
00:47:23,885 --> 00:47:26,260
taip, kad mes grįžome į kažką
šiek tiek labiau pagrįsta.

1036
00:47:26,260 --> 00:47:29,190
O dabar aš tiesiog norite padidinti
šrifto dydis pirmojoje pastraipoje.

1037
00:47:29,190 --> 00:47:31,440
Aš galiu tai padaryti keletą
būdais, tačiau vienas iš būdų tai

1038
00:47:31,440 --> 00:47:37,180
bene mokomoji ne
momentas yra padaryti taip.

1039
00:47:37,180 --> 00:47:43,280
Leiskite man eiti į priekį ir sakyti, kad tai
dalis turi unikalų ID "pirmas".

1040
00:47:43,280 --> 00:47:45,000
Galėčiau tai vadina ką noriu.

1041
00:47:45,000 --> 00:47:46,874
Galėčiau tai vadina "foo"
ar bet koks kitas žodis,

1042
00:47:46,874 --> 00:47:49,290
bet aš ruošiuosi duoti jam šiek tiek
semantiškai prasmingas vardas

1043
00:47:49,290 --> 00:47:50,320
kaip "pirmas".

1044
00:47:50,320 --> 00:47:54,790
Tai yra unikalus identifikatorius,
ID, mano pirmoje pastraipoje.

1045
00:47:54,790 --> 00:47:59,360
>> Ką aš dabar galiu padaryti mano stilių
yra šiek tiek tikslesnis.

1046
00:47:59,360 --> 00:48:02,330
Vietoj sakydamas, taikyti
taip prie p žyma,

1047
00:48:02,330 --> 00:48:04,890
Galiu pasakyti following--
Taikomi šie,

1048
00:48:04,890 --> 00:48:11,000
arba pasirinkite, HTML elementas
kad turi unikalų ID "pirmas."

1049
00:48:11,000 --> 00:48:12,350
Ką aš noriu kreiptis į jį?

1050
00:48:12,350 --> 00:48:15,250
Šrifto dydžio 24 taškų.

1051
00:48:15,250 --> 00:48:16,640
Taigi turiu du selektoriai dabar.

1052
00:48:16,640 --> 00:48:19,690
Vienas užtikrina, kad visos iš
punktai 12 tašką.

1053
00:48:19,690 --> 00:48:24,960
Bet tai viena, ypač, nes jis ateina
second-- kalbama paskutinė file--

1054
00:48:24,960 --> 00:48:27,090
tai turi kaskadinį efektą.

1055
00:48:27,090 --> 00:48:30,200
Aš ką tik padarė visi mano
žymės 12 dalis taškų,

1056
00:48:30,200 --> 00:48:34,350
bet tai dabar kaskadomis ir
viršesnis kad bet elementais

1057
00:48:34,350 --> 00:48:38,800
į puslapį, bet į puslapį, kurio žymė
unikalus ID citata citatos pabaiga "pirmas".

1058
00:48:38,800 --> 00:48:41,720
Ir šiame kontekste grotelėmis
tiesiog reiškia "unikalų identifikatorių."

1059
00:48:41,720 --> 00:48:43,750
Nemanau, įdėti jį į HTML failą.

1060
00:48:43,750 --> 00:48:46,880
Aš per čia, tik pasakyti,
citata citatos pabaiga "pirmas".

1061
00:48:46,880 --> 00:48:48,470
>> Taigi leiskite man perkraukite puslapį.

1062
00:48:48,470 --> 00:48:49,919
Ir dabar matau, ah, gerai.

1063
00:48:49,919 --> 00:48:51,710
Aš turiu galvoje, tai nereiškia, kad
gana, bet tai tipo

1064
00:48:51,710 --> 00:48:53,600
apie tarsi įžanga A
knyga ar kažkas panašaus,

1065
00:48:53,600 --> 00:48:55,100
kur pirmoji dalis yra didesnė.

1066
00:48:55,100 --> 00:48:57,933
Gali būti dar tikslesni su
tik pirmosios raidės, bet ne mažiau kaip

1067
00:48:57,933 --> 00:48:59,110
Aš naudojamasi daugiau kontrolės.

1068
00:48:59,110 --> 00:49:04,760
Dabar maybe-- gal norite tai padaryti
kartais dėl kokios nors priežasties,

1069
00:49:04,760 --> 00:49:09,010
ir taip aš nenoriu, kad tai
taikomas tik vienoje HTML žymės.

1070
00:49:09,010 --> 00:49:15,110
Atvirkščiai, tegul say-- tegul
Taip pat atlikite šiuos veiksmus.

1071
00:49:15,110 --> 00:49:18,810
Class = "importas".

1072
00:49:18,810 --> 00:49:23,970
Kadangi ID naudojamas vienareikšmiškai
nustatyti vieną dalyką, vieną žymę,

1073
00:49:23,970 --> 00:49:30,190
Jūsų tinklalapį, klasė yra skirtas būti
naudojamas bet elementų ar žymes skaičius

1074
00:49:30,190 --> 00:49:30,950
Jūsų interneto puslapyje.

1075
00:49:30,950 --> 00:49:31,710
Taigi, tai daugkartinio naudojimo.

1076
00:49:31,710 --> 00:49:33,090
Tapatybės negali būti pakartotinai panaudotas.

1077
00:49:33,090 --> 00:49:34,450
Klasė yra daugkartinio naudojimo.

1078
00:49:34,450 --> 00:49:37,830
>> Ir žinote ką, už ką
filosofinė reasons--

1079
00:49:37,830 --> 00:49:40,180
Aš ne baigti savo
thought-- aš ruošiuosi pasakyti

1080
00:49:40,180 --> 00:49:44,300
kad pirmoji dalis ir
Antroji dalis yra svarbi.

1081
00:49:44,300 --> 00:49:48,600
Taigi, aš ruošiuosi taikyti klasė vadinama
"Svarbu", kad, jei galiu išsaugoti savo failą

1082
00:49:48,600 --> 00:49:51,510
ir perkraukite, neturi
funkcinis poveikis dar.

1083
00:49:51,510 --> 00:49:53,780
Bet Aš pridėjo kai
metaduomenų failo,

1084
00:49:53,780 --> 00:49:56,610
tarsi kažkas atskiro
nuo pagrindinių duomenų failą,

1085
00:49:56,610 --> 00:50:02,300
taip, kad dabar mano stilių, jei aš
o pasakyti ".important" - žinote,

1086
00:50:02,300 --> 00:50:07,110
nieko, kad svarbu, aš
ketina padaryti šrifto spalvą, red--

1087
00:50:07,110 --> 00:50:09,930
ar veikiau ne font-spalvos, tik spalva.

1088
00:50:09,930 --> 00:50:12,930
Yra neatitikimų
CSS deja.

1089
00:50:12,930 --> 00:50:14,120
Ir perkraukite puslapį.

1090
00:50:14,120 --> 00:50:17,640
Dabar pastebėsite pirmas
dvi pastraipos yra raudona

1091
00:50:17,640 --> 00:50:20,880
bet nėra trečioji, nes I tik
taikė klasė "svarbus"

1092
00:50:20,880 --> 00:50:25,020
į pirmąjį dvi iš šių dalykų.

1093
00:50:25,020 --> 00:50:28,030
>> Taigi ID, jūs turite galimybę
labai tiksliai nurodyti.

1094
00:50:28,030 --> 00:50:30,110
Su klasių, turite pakartotinai naudoti.

1095
00:50:30,110 --> 00:50:33,800
Tačiau abiem atvejais, pastebėsite,
tarsi geras projektavimo principo

1096
00:50:33,800 --> 00:50:39,072
kur aš atsižvelgti visus iš
estetika mano styles.css failą.

1097
00:50:39,072 --> 00:50:40,280
Taigi nėra Bałaganienie čia.

1098
00:50:40,280 --> 00:50:44,490
Nėra raudonos paminėjimas arba
drąsus-apdailos arba šrifto dydį šiame faile.

1099
00:50:44,490 --> 00:50:49,430
O aš turiu semantiškai,
prasmingai apibūdina savo duomenis,

1100
00:50:49,430 --> 00:50:51,240
čia yra keletas svarbių duomenų.

1101
00:50:51,240 --> 00:50:52,800
Čia yra keletas svarbesnių duomenų.

1102
00:50:52,800 --> 00:50:56,500
Be to, čia yra
"Pirmas" mano svarbių duomenų.

1103
00:50:56,500 --> 00:51:01,050
Taigi HTML yra visa informacija apie tarsi
žymėjimo, pažodžiui, žodžiai

1104
00:51:01,050 --> 00:51:05,270
ir punktai ir konstruoja savo
puslapis su šių mažai patarimų, jei jūs

1105
00:51:05,270 --> 00:51:07,640
valia, kad jūs galite
kažkaip atsvaros naudojant

1106
00:51:07,640 --> 00:51:10,880
kiti metodai, pavyzdžiui, CSS tokiu būdu.

1107
00:51:10,880 --> 00:51:14,760
>> Taigi atsakydamas į Victoria klausimą,
mes galime padaryti tekstas didesnis tokiu būdu.

1108
00:51:14,760 --> 00:51:18,380
Yra tiek daug kitų būdų, tačiau
šrifto tag-- atvira laikiklis "font", -

1109
00:51:18,380 --> 00:51:19,770
iš tikrųjų yra keletas metų.

1110
00:51:19,770 --> 00:51:21,410
Ir tai yra problema,
taip pat su pasikliaujant tik

1111
00:51:21,410 --> 00:51:23,485
"Internetiniai resources--
jie linkę būti pasenusi.

1112
00:51:23,485 --> 00:51:26,110
Ir iš tiesų, kad buvo pasenusios,
nes pasaulis suprato,

1113
00:51:26,110 --> 00:51:28,970
ką reiškia "font-size = 7" reiškia?

1114
00:51:28,970 --> 00:51:29,670
Tai nėra.

1115
00:51:29,670 --> 00:51:32,770
Ir taip daugelį metų ir į
tai day-- vienas iš šono

1116
00:51:32,770 --> 00:51:36,060
čia pažymi, yra tai, kad jis yra iš tikrųjų
neįtikėtinai skausminga dar kartais

1117
00:51:36,060 --> 00:51:38,900
sukurti plotus paversti
interneto, nes "Microsoft"

1118
00:51:38,900 --> 00:51:44,220
ir "Google" ir "Mozilla ir
kiti dažnai nesutaria, kaip

1119
00:51:44,220 --> 00:51:47,480
interpretuoti kaip HTML specifikacijos.

1120
00:51:47,480 --> 00:51:52,490
>> Yra HTML vidaus tvarkos taisyklės, kad
paprastai sako, ką kiekvienas žymuo reiškia.

1121
00:51:52,490 --> 00:51:55,690
Bet kartais ji palikta
įgyvendinimo veiksmų laisvė,

1122
00:51:55,690 --> 00:51:57,290
"Microsoft" laisvė "ir" Google.

1123
00:51:57,290 --> 00:52:00,000
Ir todėl jūs labai dažnai
pamatyti svetainėje kažką

1124
00:52:00,000 --> 00:52:04,954
atrodo kitaip ant PC
nei ji ant Mac,

1125
00:52:04,954 --> 00:52:06,995
ir tai tikrai, nes
Dienos pabaigoje,

1126
00:52:06,995 --> 00:52:08,891
jie nebuvo išbandyti jį
gerai ant abiejų platformų.

1127
00:52:08,891 --> 00:52:11,390
Bet tai taip pat, nes pagrįsta,
protingų žmonių bus nesutinku

1128
00:52:11,390 --> 00:52:14,970
ir bendrovės nesutinka, ir taip
vienas iš programavimo uždavinių

1129
00:52:14,970 --> 00:52:16,980
už interneto ar projektavimo
dalykų internete

1130
00:52:16,980 --> 00:52:21,700
rašo savo interneto svetainėje taip
kad veikia kiekvieną naršyklėje.

1131
00:52:21,700 --> 00:52:23,410
Bet net ir tai neprotinga, tiesa?

1132
00:52:23,410 --> 00:52:27,807
Yra tiek daug versijų tiek daug
naršyklių ten, kad tam tikru momentu,

1133
00:52:27,807 --> 00:52:30,890
jūs taip pat turite priimti sprendimą skambutį
ir jūs turite nuspręsti, kaip įmonė,

1134
00:52:30,890 --> 00:52:33,082
ypač elektroninės komercijos stiliaus
vietų, kur jūs

1135
00:52:33,082 --> 00:52:36,290
bando naudoti naujausias ir geriausias
technologijos suteikia tikrai gera vartotoją

1136
00:52:36,290 --> 00:52:37,110
patirtis.

1137
00:52:37,110 --> 00:52:41,019
Bet kai kurie iš jūsų vartotojų procentas galėtų
vis dar naudojate Internet Explorer 6 ar 7

1138
00:52:41,019 --> 00:52:43,810
arba 8, ypač priklausomai nuo
Šalis, kad jie iš.

1139
00:52:43,810 --> 00:52:46,760
>> Ir taip labai dažnai
aptarti yra kažkas

1140
00:52:46,760 --> 00:52:50,920
kaip "interneto naršyklės statistika."

1141
00:52:50,920 --> 00:52:56,560
Ir jei mes einame to-- pažiūrėkime Vikipedija
ir pamatyti, kaip up-to-data Ši diagrama yra

1142
00:52:56,560 --> 00:52:59,320
jei yra vienas.

1143
00:52:59,320 --> 00:53:02,420
Taigi čia matote
kur naršyklių tikrųjų

1144
00:53:02,420 --> 00:53:06,160
yra pagal 2015 m gruodžio
pagal JAV vyriausybės.

1145
00:53:06,160 --> 00:53:11,170
"Chrome" yra 42% rinkos dalį, po
IE daugiausia įmonių nustatymus

1146
00:53:11,170 --> 00:53:14,490
arba kompiuteryje nustatyti parametrai, žinoma,
Po "Firefox",

1147
00:53:14,490 --> 00:53:17,440
tada Safari ", tada" Opera nebuvo
padaryti žemėlapį čia dėl kažkokių priežasčių,

1148
00:53:17,440 --> 00:53:18,210
ir tada kt.

1149
00:53:18,210 --> 00:53:19,500
Gal tai pagal kitus.

1150
00:53:19,500 --> 00:53:27,700
Bet daugiau problemų nei is--
pažiūrėkime, jei Vikipedija taip pat turi

1151
00:53:27,700 --> 00:53:35,194
versijos naršyklių version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Vykime į naršyklės statistika.

1154
00:53:39,190 --> 00:53:40,680
T.Y.

1155
00:53:40,680 --> 00:53:42,030
Net tai nėra pakankamai.

1156
00:53:42,030 --> 00:53:44,854
Naršyklė statistika.

1157
00:53:44,854 --> 00:53:45,353
Mano versija.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Kad nesiruošia būti teisūs.

1160
00:53:50,540 --> 00:53:53,414
Pažiūrėkime versijas.

1161
00:53:53,414 --> 00:53:54,830
Naršyklės užimama rinkos dalis.

1162
00:53:54,830 --> 00:53:57,110
Leiskite pamatyti, jei tai ateina.

1163
00:53:57,110 --> 00:53:57,610
GERAI.

1164
00:53:57,610 --> 00:54:00,010
Dabar tai vis
šiek tiek daugiau naudinga.

1165
00:54:00,010 --> 00:54:04,870
Taigi čia, pastebėsite, kad mes visi
skirtingų versijų naršykles.

1166
00:54:04,870 --> 00:54:09,887
Ir, mano Dieve, jei look-- Chrome
48, "Chrome 47", "Chrome 31", "Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Aš turiu galvoje, Naršyklės vis atnaujinami,
o kartais kai kurie iš šių pakeitimų

1168
00:54:12,970 --> 00:54:16,430
yra reikšmingas
funkcionalumo.

1169
00:54:16,430 --> 00:54:20,630
Ir taip tam tikru punktu,
produkto vadybininkai ar inžinieriai

1170
00:54:20,630 --> 00:54:23,620
reikia padaryti decision-- jums
žinote, ką, tik 1% pasaulio

1171
00:54:23,620 --> 00:54:24,740
vis dar naudoja IE 7.

1172
00:54:24,740 --> 00:54:25,490
Į pragarą su jais.

1173
00:54:25,490 --> 00:54:27,470
Mes tiesiog nesiruošia
remti, kad naršyklė.

1174
00:54:27,470 --> 00:54:28,740
Ir ką tai reiškia neremti?

1175
00:54:28,740 --> 00:54:31,170
Tai gali reikšti, kad mygtukai
neveikia savo tinklalapį,

1176
00:54:31,170 --> 00:54:33,050
ar tai gali reikšti, kad
formatavimas yra visiškai išjungti.

1177
00:54:33,050 --> 00:54:35,091
Arba jums gali tekti padaryti
Tame pačiame sprendime skambutis

1178
00:54:35,091 --> 00:54:39,089
mobiliųjų šių dienų, kai, mes
nesiruošia remti iOS 5 daugiau.

1179
00:54:39,089 --> 00:54:40,380
Taigi žmonės tiesiog turi atnaujinti.

1180
00:54:40,380 --> 00:54:45,850
Arba mes neketiname remti Cupcake
Android OS Android prietaisus,

1181
00:54:45,850 --> 00:54:48,629
nes kaip world-- kaip
technologijų pasaulis nori judėti į priekį,

1182
00:54:48,629 --> 00:54:51,170
Jis rūšies nori vilkite
pasaulio su juo taip, kad jie neturi

1183
00:54:51,170 --> 00:54:53,295
ir toliau turi būti
suderinami, todėl jie

1184
00:54:53,295 --> 00:54:54,920
gali pasiūlyti naujų ir gerų savybių.

1185
00:54:54,920 --> 00:54:57,878
Tai yra iš tikrųjų viena iš priežasčių,
kodėl tiek daug įmonių, diegiame

1186
00:54:57,878 --> 00:55:01,440
automatiniai atnaujinimai ir tarsi verčia
Naujos programinės įrangos versijos nuo mūsų.

1187
00:55:01,440 --> 00:55:04,010
Ir net įmonės
kaip Apple rūšiuoti

1188
00:55:04,010 --> 00:55:07,280
priversti jus beveik arba priversti
jums kalbant apie rinkos jėgų

1189
00:55:07,280 --> 00:55:11,164
pirkti naują telefoną, nes jie tiesiog
nebus atnaujinti savo seną telefoną nebėra.

1190
00:55:11,164 --> 00:55:13,330
Taigi jūs praleisti ant
Naujausias ir geriausias savybes,

1191
00:55:13,330 --> 00:55:17,520
nes tai brangu juos kaip
Įmonės išlaikyti vyresnio amžiaus, be abejo,

1192
00:55:17,520 --> 00:55:19,330
prastesnės programinės įrangos versijos.

1193
00:55:19,330 --> 00:55:23,660
Bet grynasis poveikis yra tai, kad
mes taip pat kenčia tai taip pat.

1194
00:55:23,660 --> 00:55:26,550
>> Taigi leiskite pažvelgti tik
iš galutinių dalykų pora čia.

1195
00:55:26,550 --> 00:55:29,740
Leiskite atkalti labai greitai kai
tos kitos kulkos, jei įdomu.

1196
00:55:29,740 --> 00:55:33,440
Taigi, jei bandėte,
Pavyzdžiui, padėtį

1197
00:55:33,440 --> 00:55:36,420
tekstas dėl skirtingų pusių iš
puslapis, aš ruošiuosi daryti vieną greitas būdas,

1198
00:55:36,420 --> 00:55:38,360
bet ten kitokia
būdų tai daryti.

1199
00:55:38,360 --> 00:55:42,610
Leiskite man eiti į priekį ir eliminate--
supaprastinti tai taip.

1200
00:55:42,610 --> 00:55:45,330
Leiskite grįžti prie mano
paprasti, paprasti punktai.

1201
00:55:45,330 --> 00:55:47,760
Leiskite man eiti atgal į savo styles.css.

1202
00:55:47,760 --> 00:55:51,040
Ir aš tik ketina naudoti simple--
kurį galėjo matyti "Google"

1203
00:55:51,040 --> 00:55:54,430
arba Atšaukti iš earlier--
text-align teisus.

1204
00:55:54,430 --> 00:55:56,220
Ir iš naujo įkelkite šį puslapį.

1205
00:55:56,220 --> 00:55:58,470
Dabar viskas atrodo
būti dešiniuoju pelės suderinti,

1206
00:55:58,470 --> 00:56:00,770
kaip jūs galite pamatyti Viršuje čia.

1207
00:56:00,770 --> 00:56:04,470
>> Mes galime padaryti, tai atrodo šiek tiek daugiau
užsakyti panašų, ir mes galime pasakyti "justify"

1208
00:56:04,470 --> 00:56:05,640
ir perkraukite puslapį.

1209
00:56:05,640 --> 00:56:09,870
Dabar tai gražus ir kvadratas tiek
pusių, kurios rūšies gražus.

1210
00:56:09,870 --> 00:56:12,220
Kitas tikslas, kad mes čia buvo
buvo pakeisti spalvą teksto.

1211
00:56:12,220 --> 00:56:13,650
Taigi mes matėme, kad su mano raudoną tekstą.

1212
00:56:13,650 --> 00:56:15,630
Ir dabar pridėti mygtukus forma.

1213
00:56:15,630 --> 00:56:19,390
Taigi, kodėl ne mes stengiamės daryti būtent tai?

1214
00:56:19,390 --> 00:56:23,656
Bet pirmiausia leiskite man eiti į svetainę, kuri
dauguma mūsų naudoti kiekvieną day-- "Google".

1215
00:56:23,656 --> 00:56:25,780
Ir tegul pažvelgti
kaip "Google" iš tiesų veikia.

1216
00:56:25,780 --> 00:56:26,821
Bet aš ruošiuosi tai padaryti.

1217
00:56:26,821 --> 00:56:31,930
Pirmiausia leiskite man tai padaryti in-- Yep,
leiskite man eiti į Google.

1218
00:56:31,930 --> 00:56:34,530
Aš ruošiuosi eiti
į "Google" nustatymai,

1219
00:56:34,530 --> 00:56:40,660
nes aš noriu išjungti
kažką vadinama greitų rezultatų.

1220
00:56:40,660 --> 00:56:43,580
>> Taigi jums gali pastebėjau,
"Google" tai days-- leiskite grįžti

1221
00:56:43,580 --> 00:56:44,850
ir tai įjungtumėte.

1222
00:56:44,850 --> 00:56:47,900
Taigi, jei aš pradedu ieškoti
už "kačių", kaip šis,

1223
00:56:47,900 --> 00:56:50,120
pastebėti, kad ne tik padaryti
Man auto užbaigti iki

1224
00:56:50,120 --> 00:56:54,520
viršuje, visi staiga, pati puslapis
Atrodo pakeisti gana greitai, taip pat,

1225
00:56:54,520 --> 00:56:58,750
ir kad "Google" naudoja kalbą
vadinamas "JavaScript" bando būti naudinga.

1226
00:56:58,750 --> 00:57:01,540
Bet deja, jis rūšies
iš sujaukia mūsų diskusiją

1227
00:57:01,540 --> 00:57:04,010
apie tai, kas iš tikrųjų vyksta
po gaubtu čia.

1228
00:57:04,010 --> 00:57:09,070
Taigi, aš esu tiesiog rūšies greitai
išjungti greitų rezultatų.

1229
00:57:09,070 --> 00:57:11,510
Ir aš ruošiuosi spustelėkite Įrašyti.

1230
00:57:11,510 --> 00:57:13,930
Ir dabar aš ruošiuosi atidaryti
kad diagnostikos įrankių juostoje, kad aš

1231
00:57:13,930 --> 00:57:16,150
išlaikyti atidarymo pagal tinklo kortelę.

1232
00:57:16,150 --> 00:57:17,720
Taigi leiskite tai padaryti.

1233
00:57:17,720 --> 00:57:21,960
Tegul me-- whoops--
pereikite tai žemyn truputį.

1234
00:57:21,960 --> 00:57:24,410
Ir leiskite man ieškoti "kačių".

1235
00:57:24,410 --> 00:57:26,790
>> Ir dabar notice-- tikrųjų,
tai yra gera proga

1236
00:57:26,790 --> 00:57:28,840
aptarti akimirką.

1237
00:57:28,840 --> 00:57:32,460
Atkreipkite dėmesį, kad šiuo metu aš type-- jį sustabdyti.

1238
00:57:32,460 --> 00:57:35,250
Liaukis.

1239
00:57:35,250 --> 00:57:35,790
GERAI.

1240
00:57:35,790 --> 00:57:40,870
Atkreipkite dėmesį, kad šiuo metu aš įveskite raidę
C, žiūrėti ekrano apačioje.

1241
00:57:40,870 --> 00:57:48,600
A-T S. Ką dugną
Šio ekrano, mano tinklas ",

1242
00:57:48,600 --> 00:57:53,320
rodo, kas vyksta kiekvieno
kartą įveskite laišką?

1243
00:57:53,320 --> 00:57:57,700
Deja, varlė yra labai
blaško šiandien arba Shamrock

1244
00:57:57,700 --> 00:58:00,339
ar kas jis yra.

1245
00:58:00,339 --> 00:58:01,880
Kas vyksta kiekvieną kartą aš įvedėte?

1246
00:58:01,880 --> 00:58:04,230
Ir leiskite man išvalykite
buferio ir įveskite jį dar kartą.

1247
00:58:04,230 --> 00:58:06,580
So-- oi.

1248
00:58:06,580 --> 00:58:13,280
Kiekvieną kartą, kai aš įveskite raidę, C-A- T--
taigi nauja eilutė akivaizdžiai palaiko rodomas.

1249
00:58:13,280 --> 00:58:16,530
Ką kiekvienas iš šių eilučių atstovauti,
remiantis tai, ką mes matėme ir aptarė

1250
00:58:16,530 --> 00:58:17,339
iki šiol?

1251
00:58:17,339 --> 00:58:18,130
Auditorija: Paieškos?

1252
00:58:18,130 --> 00:58:21,770
David J. Malan: paiešką, arba
daugiau bendrine, HTTP užklausą

1253
00:58:21,770 --> 00:58:23,125
nuo savo naršyklėje prie serverio.

1254
00:58:23,125 --> 00:58:29,090
Na, kodėl mano naršyklė priėmimo HTTP
prašyti kiekvieną kartą aš tipo laišką?

1255
00:58:29,090 --> 00:58:30,502
>> Auditorija: [NESIGIRDI]

1256
00:58:30,502 --> 00:58:33,210
David J. Malan: Taip, tai suteikia
man šie auto-pilnas rezultatai.

1257
00:58:33,210 --> 00:58:35,190
Kaip, kur padaryti tai
Paieškos rezultatai atsirado?

1258
00:58:35,190 --> 00:58:38,120
Na, kiekvieną kartą aš įveskite
laiškas Google siunčia daugiau

1259
00:58:38,120 --> 00:58:40,460
ir daugiau ir daugiau
žodis aš rašyti.

1260
00:58:40,460 --> 00:58:41,040
Kodėl?

1261
00:58:41,040 --> 00:58:44,540
Nes jie nori duoti man
geriau ir geriau, geriau pasiūlymas,

1262
00:58:44,540 --> 00:58:48,880
pasiūlymų sąrašo, už tai, ką žodis
Bandau realiai baigtas.

1263
00:58:48,880 --> 00:58:53,030
Taigi tai pasakyti tiesiog kiekvieną
charakteris įvesite į Google

1264
00:58:53,030 --> 00:58:56,900
yra siunčiamas, galiausiai
birių, bet taip pat kartais vienas

1265
00:58:56,900 --> 00:59:00,620
metu, siekiant įgyvendinti
šie auto-pilnas savybes, kai

1266
00:59:00,620 --> 00:59:03,000
duomenys yra, žinoma, internete.

1267
00:59:03,000 --> 00:59:08,780
>> Dabar galime pažvelgti, kas iš tikrųjų atrodo
atsitinka, kai aš spustelėkite "Google" paieška.

1268
00:59:08,780 --> 00:59:10,420
Ir tada mes sverto tai save.

1269
00:59:10,420 --> 00:59:15,320
Taigi, jei aš slinkite žemyn dabar labai
pirmasis prašymas, kad tik atsitiko.

1270
00:59:15,320 --> 00:59:17,130
Atkreipkite dėmesį į šiuos.

1271
00:59:17,130 --> 00:59:25,550
Jis buvo išsiųstas į gana ilgą URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
ir tada visa krūva daiktų.

1273
00:59:27,100 --> 00:59:29,620
Pažiūrėkime, tai iš tiesų dabar
pačiame naršyklės skirtuko.

1274
00:59:29,620 --> 00:59:31,310
Leiskite atsikratyti juostoje čia.

1275
00:59:31,310 --> 00:59:33,140
Štai paieškos rezultatų puslapis.

1276
00:59:33,140 --> 00:59:34,790
Ir pranešimas čia URL.

1277
00:59:34,790 --> 00:59:37,430
Dabar jūs tikriausiai galite atspėti
kas čia vyksta iš dalies.

1278
00:59:37,430 --> 00:59:39,090
Taigi, visų pirma, apibrėžimas.

1279
00:59:39,090 --> 00:59:42,570
Tai, matyt, yra vieta
kur forma pateikta.

1280
00:59:42,570 --> 00:59:44,910
Taigi, kai aš įvedėte
žodžiai "Katės" ir paspauskite "Enter",

1281
00:59:44,910 --> 00:59:48,460
matyt "Google" nusiuntė
mano teksto įvedimas į šį URL

1282
00:59:48,460 --> 00:59:50,770
kad aš pabrėžė
ten, velniop paiešką.

1283
00:59:50,770 --> 00:59:56,530
Pasirodo, į URL, nieko, kad
atsitinka po klaustukas,

1284
00:59:56,530 --> 01:00:01,270
kaip mes nuolat sako, pagrindinis vertė pora
kuris buvo įvestas į formą ar kažkaip

1285
01:00:01,270 --> 01:00:04,500
perduodami iš
naršyklė į serverį.

1286
01:00:04,500 --> 01:00:07,180
>> Taigi bet kuriuo metu rašote įvedimo
į formą dėl interneto

1287
01:00:07,180 --> 01:00:10,000
ir tai siunčiami kaip mes
buvo aptarti per GET,

1288
01:00:10,000 --> 01:00:12,400
vienas iš šių virtualus
vokai, turinys

1289
01:00:12,400 --> 01:00:15,510
to envelope-- Taip, nuolat
gauti įdaryti fiziškai

1290
01:00:15,510 --> 01:00:19,010
į klasę voką
šiandien, bet technologiškai

1291
01:00:19,010 --> 01:00:21,110
tai tikrai įdėti į URL.

1292
01:00:21,110 --> 01:00:22,940
Taigi iš tiesų, leiskite atsijoti per tai.

1293
01:00:22,940 --> 01:00:25,010
Kur tu matai vartotojo įvestį?

1294
01:00:25,010 --> 01:00:27,490
Kur tu matai kažką
kad aš įvedėte čia?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Taip, todėl "katės".

1297
01:00:33,491 --> 01:00:33,990
Right?

1298
01:00:33,990 --> 01:00:36,380
Taigi leiskite man distiliuoti tai
į kažką paprastesnio.

1299
01:00:36,380 --> 01:00:39,917
Aš ruošiuosi ištrinti viską apie
Tai URL, aš nesuprantu,

1300
01:00:39,917 --> 01:00:42,250
ir aš tik ketina palikti
tai kaip this-- / search? q = katės.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Pamatysime kur q
ateina iš per akimirką,

1303
01:00:47,890 --> 01:00:51,220
bet jaučiasi minimumo
informacijos kiekis, kad aš jei.

1304
01:00:51,220 --> 01:00:53,050
Ir dabar aš ruošiuosi paspauskite Enter.

1305
01:00:53,050 --> 01:00:55,520
Ir pastebėsite ji vis dar veikia.

1306
01:00:55,520 --> 01:00:57,950
Mes vis dar grįžti visa krūva kačių.

1307
01:00:57,950 --> 01:01:00,340
Taigi "Google" yra mėgėjas
nei tai šių dienų.

1308
01:01:00,340 --> 01:01:01,934
Tai 2016, o ne 1999.

1309
01:01:01,934 --> 01:01:04,600
Taigi ten kitų dalykų, kad mano
naršyklė siunčia į serverį.

1310
01:01:04,600 --> 01:01:07,100
Bet tai minimaliai
visi tai būtina.

1311
01:01:07,100 --> 01:01:08,380
>> Taigi kas vyksta?

1312
01:01:08,380 --> 01:01:14,320
Na, visų pirma leiskite man eiti į priekį ir eiti
Atgal į Cloud9 ir leiskite man eiti į priekį

1313
01:01:14,320 --> 01:01:15,620
ir uždaryti savo skirtukus anksčiau.

1314
01:01:15,620 --> 01:01:18,230
Ir aš tai padaryti ant mano
savo tik akimirkai.

1315
01:01:18,230 --> 01:01:20,730
Aš ruošiuosi eiti į priekį
ir sukurti naują failą.

1316
01:01:20,730 --> 01:01:23,739
Ir aš ruošiuosi išsaugokite jį kaip google.html.

1317
01:01:23,739 --> 01:01:26,280
Ir aš ruošiuosi labai quickly--
Aš ruošiuosi pavogti, iš tikrųjų,

1318
01:01:26,280 --> 01:01:28,510
kai šio teksto tik sutaupyti laiką.

1319
01:01:28,510 --> 01:01:30,610
Aš ruošiuosi įklijuokite šį kodą čia.

1320
01:01:30,610 --> 01:01:33,850
Aš nesiruošiu vargintis su
bet stilizacija šį kartą.

1321
01:01:33,850 --> 01:01:38,340
Mes ketiname tai vadina "mano" Google ".

1322
01:01:38,340 --> 01:01:41,230
Ir aš ruošiuosi atsikratyti
visko organizme.

1323
01:01:41,230 --> 01:01:42,740
Ir aš ruošiuosi daryti toliau.

1324
01:01:42,740 --> 01:01:45,690
Leiskite priartinti.

1325
01:01:45,690 --> 01:01:50,620
Forma action-- ir kaip aš trumpai paminėti
earlier-- whoops-- kaip aš trumpai

1326
01:01:50,620 --> 01:01:54,130
minėta anksčiau, Action
forma yra, kai jūs siunčiate duomenis.

1327
01:01:54,130 --> 01:01:56,620
Taigi google.com/search.

1328
01:01:56,620 --> 01:01:59,390
Ir metodas Noriu naudoti
gali būti vienas iš dviejų dalykų.

1329
01:01:59,390 --> 01:02:02,870
Tai gali būti arba "gauti", kaip mes saugome
diskutuoti, ar ji gali būti "po".

1330
01:02:02,870 --> 01:02:05,340
Nes dabar, pagrindinė
Skirtumas yra, jei jūs naudojate "gauti"

1331
01:02:05,340 --> 01:02:09,590
visi Informacija, kurią
vartotojas pateikia išsiunčiamas į URL.

1332
01:02:09,590 --> 01:02:13,530
>> Tai puikus dalykų, pavyzdžiui, paieškoje
varikliai ir keletas kitų programų,

1333
01:02:13,530 --> 01:02:17,080
bet kokiomis aplinkybėmis
Jūs nenorite užpildyti formą

1334
01:02:17,080 --> 01:02:21,620
ir turėti informaciją baigti up
URL, pavyzdžiui, naršyklės adreso juostą?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Kokios formos daryti you--

1337
01:02:26,605 --> 01:02:27,480
Auditorija: [NESIGIRDI]

1338
01:02:27,480 --> 01:02:28,450
David J. Malan: Taip, patinka tai, ką?

1339
01:02:28,450 --> 01:02:29,270
Auditorija: slaptažodžius.

1340
01:02:29,270 --> 01:02:31,936
David J. Malan: Taip, taip, jūs prisijungiate
prie "Facebook" ar tam tikru svetainėje.

1341
01:02:31,936 --> 01:02:34,395
Štai naudotojo įvesties iš
forma, teksto langelyje,

1342
01:02:34,395 --> 01:02:37,020
bet jūs tikriausiai nenorite, kad jis
rodyti Naršyklės URL.

1343
01:02:37,020 --> 01:02:38,121
Kodėl?

1344
01:02:38,121 --> 01:02:40,870
Aš turiu galvoje, gal yra keletas
saugumo pasekmės tinkle,

1345
01:02:40,870 --> 01:02:44,830
bet more-- patinka, paprasčiausiai, ką daryti, jei
Jūsų draugas, jūsų kitų svarbių,

1346
01:02:44,830 --> 01:02:47,710
jūsų vaikai, jūsų sutuoktinis atrodo
per naršyklės istoriją?

1347
01:02:47,710 --> 01:02:50,762
Yra slaptažodį teisė
ten naršyklės istoriją.

1348
01:02:50,762 --> 01:02:52,220
Tai neturi jaustis kaip gero dizaino.

1349
01:02:52,220 --> 01:02:54,500
Ar net daugiau techniškai,
tarkime, jūs bandote

1350
01:02:54,500 --> 01:02:59,180
įkelkite nuotrauką į "Flickr"
ar "Facebook ar wherever--

1351
01:02:59,180 --> 01:03:03,010
kad yra naudotojo įvesties, nors
tai šiek tiek daugiau interesting-- kaip

1352
01:03:03,010 --> 01:03:05,530
man prisikimšti žinutę URL juostoje įvaizdį?

1353
01:03:05,530 --> 01:03:06,730
Jūs rūšies tarsi negali.

1354
01:03:06,730 --> 01:03:07,396
Jūs rūšies galite.

1355
01:03:07,396 --> 01:03:10,210
Bet, tikrai, aš sunku štampuotos
įsivaizduoti tai, kad.

1356
01:03:10,210 --> 01:03:13,470
Taigi man reikia kitą metodą
įkelti nuotraukas į svetainę,

1357
01:03:13,470 --> 01:03:15,657
ir, kad kitas metodas yra vadinamas "po".

1358
01:03:15,657 --> 01:03:18,740
Bet dabar, mes tiesiog kalbėti apie
"Gauti", kuris yra iš dviejų paprastesnė.

1359
01:03:18,740 --> 01:03:21,100
Jis tiesiog daro visi
naudotojo įvesties į URL.

1360
01:03:21,100 --> 01:03:22,830
>> Taigi čia forma aš sukurti.

1361
01:03:22,830 --> 01:03:24,070
Noriu įvestį.

1362
01:03:24,070 --> 01:03:24,820
Ir žinote ką?

1363
01:03:24,820 --> 01:03:26,111
Aš ruošiuosi imtis atspėti čia.

1364
01:03:26,111 --> 01:03:31,600
Aš ruošiuosi priminti mano
įėjimo "Q" ir "užklausą".

1365
01:03:31,600 --> 01:03:34,970
Ir aš manau, kad tai yra vienas iš
originalaus dizaino, galbūt, nuo 1999 m.

1366
01:03:34,970 --> 01:03:39,560
Ir tada šio įėjimo tipas
tiesiog bus "tekstas".

1367
01:03:39,560 --> 01:03:43,040
Ir tada aš ruošiuosi kitą įvesties
kad nereikia vardą, kaip mes greitai

1368
01:03:43,040 --> 01:03:45,120
matyti, kurio tipas yra "pateikti".

1369
01:03:45,120 --> 01:03:47,070
Ir tai vyksta
man specialų mygtuką.

1370
01:03:47,070 --> 01:03:48,320
Štai ir viskas.

1371
01:03:48,320 --> 01:03:50,790
>> Taigi leiskite man eiti į priekį ir išsaugoti šį failą.

1372
01:03:50,790 --> 01:03:54,910
Aš ruošiuosi eiti atgal į savo
naršyklę ir eikite į google.html.

1373
01:03:54,910 --> 01:03:56,140
Įveskite.

1374
01:03:56,140 --> 01:03:59,680
Ir tai tipo nedaug
pasakyti mažiausiai.

1375
01:03:59,680 --> 01:04:03,110
Bet leiskite man eiti į priekį
ir ieškoti "kačių".

1376
01:04:03,110 --> 01:04:06,510
Ir pastebėsite aš šiuo metu
Šiuo Cloud9 URL.

1377
01:04:06,510 --> 01:04:09,240
Bet momentas paspaudžiu tai,
kur jūs tikiuosi galų gale?

1378
01:04:09,240 --> 01:04:10,160
>> AUDITORIJA: "Google".

1379
01:04:10,160 --> 01:04:11,118
>> David J. Malan: "Google".

1380
01:04:11,118 --> 01:04:12,740
Taigi leiskite spustelėkite Pateikti.

1381
01:04:12,740 --> 01:04:15,200
Ir iš tiesų, aš iš naujo įgyvendinti "Google".

1382
01:04:15,200 --> 01:04:15,700
Right?

1383
01:04:15,700 --> 01:04:16,480
Tai paprastesnis.

1384
01:04:16,480 --> 01:04:17,120
Tai lengvesni.

1385
01:04:17,120 --> 01:04:20,350
Aš turiu galvoje, mano kodas yra aiškiai geriau nei
jiems nuo netvarka matėme anksčiau.

1386
01:04:20,350 --> 01:04:21,100
Ir žinote ką?

1387
01:04:21,100 --> 01:04:22,610
Aš ruošiuosi prieskonių tai iki šiek tiek.

1388
01:04:22,610 --> 01:04:23,860
Aš ne paminėti anksčiau.

1389
01:04:23,860 --> 01:04:27,860
Yra žodžius, pavyzdžiui, H1, 1 kategorija,
svarbiausia pozicijoje puslapyje.

1390
01:04:27,860 --> 01:04:30,570
"Mano" Google "," aš vadinu tai.

1391
01:04:30,570 --> 01:04:31,940
Leiskite perkraukite puslapį.

1392
01:04:31,940 --> 01:04:33,772
Jis ieško šiek tiek geriau jau.

1393
01:04:33,772 --> 01:04:34,980
Ir, iš tikrųjų, jūs žinote, ką?

1394
01:04:34,980 --> 01:04:36,430
Aš already-- aš melavo.

1395
01:04:36,430 --> 01:04:40,200
Pasakiau aš nesiruošia stiliaus tai,
bet aš ruošiuosi stilius tai, kaip anksčiau.

1396
01:04:40,200 --> 01:04:46,860
Ir mano kūnas bus,
tarkim, text-align centras.

1397
01:04:46,860 --> 01:04:48,800
Jis ieško daugiau kaip Google jau.

1398
01:04:48,800 --> 01:04:51,090
>> Man reikia eilutės lūžį, nors,
už tai mygtuką "Siųsti".

1399
01:04:51,090 --> 01:04:52,798
Ir it turns out, jūs
galima naudoti pastraipas,

1400
01:04:52,798 --> 01:04:57,320
arba galite daugiau pažodžiui tik pasakyti,
man liniją pertrauka here-- BR žyma.

1401
01:04:57,320 --> 01:04:59,319
Ir jei aš perkrauti to, dabar jis eina ten.

1402
01:04:59,319 --> 01:05:01,610
Tai šiek tiek negraži, todėl aš
galėtų padaryti kelis eilučių,

1403
01:05:01,610 --> 01:05:03,310
bet tegul ne gauti pernelyg gobšus čia.

1404
01:05:03,310 --> 01:05:06,430
Taigi dabar galime pamatyti, jei ji veikia "šunų".

1405
01:05:06,430 --> 01:05:08,640
Atrodo, kad darbas terminą "šunys", taip pat.

1406
01:05:08,640 --> 01:05:10,780
Taigi, kas yra įtikinamų Takeaway čia?

1407
01:05:10,780 --> 01:05:13,600
One-- nebuvo didžiulis šuolis
Įvesti kelis žodžius,

1408
01:05:13,600 --> 01:05:15,370
kaip forma žymę įvesties žymeklį.

1409
01:05:15,370 --> 01:05:17,120
Bet iš esmės
yra, visi mes darome

1410
01:05:17,120 --> 01:05:20,610
yra sverto mūsų supratimą
HTTP ir dėl to,

1411
01:05:20,610 --> 01:05:24,900
kad formos galiausiai pakeisti
kas yra naršyklės URL

1412
01:05:24,900 --> 01:05:28,540
ir taip, todėl, galime
mechaniškai prisidėti prie serverio

1413
01:05:28,540 --> 01:05:33,600
darant HTML formą ir žinant
kad serveris supranta HTTP,

1414
01:05:33,600 --> 01:05:36,890
tiesiog patinka mūsų kūnas supranta, kaip,
drebulys mano rankos, kad tą patį protokolą,

1415
01:05:36,890 --> 01:05:40,920
ir todėl mes grįžti atsakymą
kad mes galiausiai tikėtis.

1416
01:05:40,920 --> 01:05:44,050
>> Taigi pabandykime padaryti vieną
Paskutinis dalykas, kurį dabar su mobiliojo ryšio,

1417
01:05:44,050 --> 01:05:47,052
ir aš make-- aš pridėsiu
šis kodeksas skaidres.

1418
01:05:47,052 --> 01:05:49,760
Taigi, jei norite Taisome, jums
tikrai gali imtis jį iš ten.

1419
01:05:49,760 --> 01:05:51,551
Bet aš ruošiuosi eiti
į priekį ir daryti vieną dalyką.

1420
01:05:51,551 --> 01:05:54,120
Aš ruošiuosi eiti į priekį ir
atverti savo indekso page--

1421
01:05:54,120 --> 01:05:59,030
mano labas puslapis, kaip ir anksčiau, o
turi šio dirbtiniais Lotynų daug teksto,

1422
01:05:59,030 --> 01:06:05,470
arba bereikšmis Lotynų teksto ir has--
atrodo, kad tai ne šios šriftų dydžio.

1423
01:06:05,470 --> 01:06:07,850
Bet leiskite man eiti į priekį ir tai padaryti.

1424
01:06:07,850 --> 01:06:09,300
Aš ruošiuosi eiti į Cloud9.

1425
01:06:09,300 --> 01:06:10,380
Ir jūs neturite padaryti šį žingsnį.

1426
01:06:10,380 --> 01:06:11,420
Aš tiesiog padaryk tai pati.

1427
01:06:11,420 --> 01:06:12,890
Aš ruošiuosi spustelėkite Bendrinti.

1428
01:06:12,890 --> 01:06:15,170
Ir tai yra funkcija
tik iš Cloud9, kuriuo

1429
01:06:15,170 --> 01:06:17,710
Galiu padaryti, kad mano aplinka visuomenei.

1430
01:06:17,710 --> 01:06:20,240
>> Ir tik vardan
demonstravimas, leiskite man tai padaryti.

1431
01:06:20,240 --> 01:06:22,870
Aš ruošiuosi padaryti, kad mano paraiškos visuomenę.

1432
01:06:22,870 --> 01:06:25,230
Atkreipkite dėmesį, kad įspėjimas man, esu
Aš tikrai noriu tai padaryti,

1433
01:06:25,230 --> 01:06:28,438
nes tai ketina padaryti visiems
pasaulyje, nesvarbu, ar jie čia dabar

1434
01:06:28,438 --> 01:06:33,560
ar žiūrėti vaizdo įrašą vėliau dėl
Interneto galės pamatyti, ką aš matau.

1435
01:06:33,560 --> 01:06:34,440
Bet tai viskas OK.

1436
01:06:34,440 --> 01:06:37,870
Aš ruošiuosi pasakyti "Priimta".

1437
01:06:37,870 --> 01:06:42,080
Ir leiskite man paskatinti jus, jei aš
tai correctly-- leiskite išbandyti jį pirmą kartą.

1438
01:06:42,080 --> 01:06:45,590
Eiti į priekį, jei jūs neturite mind--
naršyklėje kompiuteryje,

1439
01:06:45,590 --> 01:06:49,900
eiti į šį URL, ir, tikiuosi,
pamatysite mano lotynų tekstą.

1440
01:06:49,900 --> 01:06:52,820
Ir, kad būtų aišku, tai
veikia ne ant mano laptopo.

1441
01:06:52,820 --> 01:06:53,610
Tai debesyje.

1442
01:06:53,610 --> 01:06:58,120
Tai ant Cloud9, pažodžiui, bet
Aš atlikau savo darbo vietos visuomenę

1443
01:06:58,120 --> 01:07:03,450
taip, kad kiekvienas internete
gali prisijungti prie savo lotynų pagrindinį puslapį.

1444
01:07:03,450 --> 01:07:07,209
>> Eiti į patį URL
Jūsų telefonas, jei gali.

1445
01:07:07,209 --> 01:07:09,750
Jei jis bus jums kainuoti, nors, jūs
galite tiesiog ieškoti per petį.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
Auditorija: [NESIGIRDI]

1448
01:07:42,467 --> 01:07:43,550
David J. Malan: Aš atsiprašau?

1449
01:07:43,550 --> 01:07:45,390
Auditorija: [NESIGIRDI]

1450
01:07:45,390 --> 01:07:47,710
David J. Malan: Tik lotyniškų žodžių.

1451
01:07:47,710 --> 01:07:48,210
Tai viskas.

1452
01:07:48,210 --> 01:07:49,250
Bet tai, ką jūs turėtumėte pamatyti.

1453
01:07:49,250 --> 01:07:49,875
>> AUDITORIJA: Taip.

1454
01:07:49,875 --> 01:07:50,790
David J. Malan: Taip.

1455
01:07:50,790 --> 01:07:51,300
Taip.

1456
01:07:51,300 --> 01:07:51,540
GERAI.

1457
01:07:51,540 --> 01:07:53,530
Taigi aš galiu turėti iki jūsų
telefonas tik akimirkai?

1458
01:07:53,530 --> 01:07:57,504
Taigi, tikiuosi, jei jūs susipažinimo
jis, ji turėtų atrodyti beveik neskaito.

1459
01:07:57,504 --> 01:07:59,920
Tai still-- Aš turiu galvoje, tai
neįskaitomas, nes lotynų kalba.

1460
01:07:59,920 --> 01:08:01,920
Bet tai taip pat neskaito
kokiu kitos priežasties?

1461
01:08:01,920 --> 01:08:03,775
Kaip, kas nepatinka jums apie tai?

1462
01:08:03,775 --> 01:08:04,650
AUDITORIJA: Tai mažas.

1463
01:08:04,650 --> 01:08:06,420
David J. Malan: Tai super, super maža.

1464
01:08:06,420 --> 01:08:07,920
Taigi, kaip galėtume išspręsti šią problemą?

1465
01:08:07,920 --> 01:08:09,730
Tai itin, itin mažas
apie Victoria telefoną

1466
01:08:09,730 --> 01:08:11,400
ir, jei jūs iškedentas
ji iki sau, tikriausiai

1467
01:08:11,400 --> 01:08:14,660
mažas telefone, taip pat, nebent jumis
turi pritaikytas nustatymų įjungta.

1468
01:08:14,660 --> 01:08:15,530
Kas tai?

1469
01:08:15,530 --> 01:08:18,497
Jūs galite tiesiog žiupsnelis ir
priartinimas, kuris yra veiksmingas,

1470
01:08:18,497 --> 01:08:20,330
bet tada jums matyti tik
keletą žodžių vienu metu.

1471
01:08:20,330 --> 01:08:20,859
Taigi palauk.

1472
01:08:20,859 --> 01:08:21,720
Aš žinau, kaip išspręsti šią problemą.

1473
01:08:21,720 --> 01:08:22,219
Right?

1474
01:08:22,219 --> 01:08:26,130
Galėčiau naudoti CSS, ir galėčiau pakeisti
šrifto dydis nuo 12 punktų iki 24 taško.

1475
01:08:26,130 --> 01:08:29,020
Bet šalutinis poveikis, kad,
Žinoma, tai bus dabar

1476
01:08:29,020 --> 01:08:32,630
ant stalo arba nešiojamąjį kompiuterį,
dabar tekstas yra dvigubai didesnis.

1477
01:08:32,630 --> 01:08:35,810
Ir todėl būtų rūšies būti gražus
atskirti prietaisų,

1478
01:08:35,810 --> 01:08:37,840
ir paaiškėja, kad
yra būdų, kaip daryti.

1479
01:08:37,840 --> 01:08:39,590
Yra keli
įvairių būdų, iš tiesų,

1480
01:08:39,590 --> 01:08:44,189
kuriuo, naudojant CSS ir mėgėjas funkcijų
kad mes ne eiti į labai išsamiai,

1481
01:08:44,189 --> 01:08:46,960
galite esmės užklausą
naršyklė ir pasakyti,

1482
01:08:46,960 --> 01:08:51,550
Jei ekranas yra mažesnis nei šis
daug taškų, naudoti šią šrifto dydį.

1483
01:08:51,550 --> 01:08:55,180
Jei ekranas yra didesnis nei šis
daug taškų, naudokite šį kitą šrifto dydį.

1484
01:08:55,180 --> 01:08:57,080
>> Galite būti net mėgėjas dar.

1485
01:08:57,080 --> 01:09:00,140
Jeigu jūs kada nors lankėsi
interneto puslapis, kad ant stalo,

1486
01:09:00,140 --> 01:09:04,404
turi didelę meniu gal ne į
pusė, ir tada visą turinį

1487
01:09:04,404 --> 01:09:07,029
yra į tą pusę menu--
kad tipo bendros paradigmos.

1488
01:09:07,029 --> 01:09:09,670
Meniu kairėje turinį
dešinėje, arba atvirkščiai.

1489
01:09:09,670 --> 01:09:13,569
Tikrai ne dirbti Mobile, kai jūsų
ekranas yra tik tai daug pikselių pločio.

1490
01:09:13,569 --> 01:09:16,233
Taigi dažniau ant mobilusis telefonas yra,
Jūsų meniu bus staiga gauti

1491
01:09:16,233 --> 01:09:18,399
žlugo, ir jūs turite
spustelėkite mygtuką jį pamatyti,

1492
01:09:18,399 --> 01:09:22,404
arba svetainė padės meniu
virš jo ir įdėti po juo turinį.

1493
01:09:22,404 --> 01:09:24,779
Ir jūs galite įgyvendinti tai
dalykų įvairiais būdais, taip pat.

1494
01:09:24,779 --> 01:09:28,340
Jūs galite paprašyti savo programuotojų,
Ei, komanda, bet kuriuo metu

1495
01:09:28,340 --> 01:09:34,450
matote HTTP užklausą iš "Android"
prietaisas, Microsoft prietaisas, Google

1496
01:09:34,450 --> 01:09:39,930
prietaisas, Apple įtaisas, naudokite šį
šrifto dydis ir naudoti šį meniu išdėstymą

1497
01:09:39,930 --> 01:09:42,670
arba dar naudoti šį numatytąjį didesnį maketą.

1498
01:09:42,670 --> 01:09:45,410
>> Dabar, naudojant tai, kas
pagrindinis metodas šiandien

1499
01:09:45,410 --> 01:09:48,529
gali inžinieriai naudoti
žinoti, ar tai

1500
01:09:48,529 --> 01:09:53,660
iPhone, Android telefonas, nešiojamas kompiuteris,
stalinis apsilankymą įmonės serveryje?

1501
01:09:53,660 --> 01:09:55,310
Kuriame jie gauti šią informaciją?

1502
01:09:55,310 --> 01:09:56,080
>> Auditorija: Header?

1503
01:09:56,080 --> 01:09:57,740
>> David J. Malan: Taip, HTTP.

1504
01:09:57,740 --> 01:10:01,714
Taigi kiekvieną HTTP užklausa iš
jų klientai į savo serverius

1505
01:10:01,714 --> 01:10:03,880
apimti, viduje, kad virtualus
paketas, visa krūva

1506
01:10:03,880 --> 01:10:08,260
HTTP antraščių, vienas iš kurių yra
naršyklė ir operacinė sistema

1507
01:10:08,260 --> 01:10:10,290
net, jei jums rūpi
kad detalumo lygis.

1508
01:10:10,290 --> 01:10:13,790
Dabar, tai paslaptingas atrodantis eilutė, bet
egzistuoja programa, kuri tiesiog

1509
01:10:13,790 --> 01:10:18,530
supaprastinti, kad ir jūs galite tiesiog paklausti
programavimo code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- kas telefonas yra this--
ką prietaisas yra šis vartotojas naudojate?

1511
01:10:23,650 --> 01:10:27,501
Ir tada jūs galite pasakyti, parodyti jiems tai
versija svetainę, jei tai telefonas.

1512
01:10:27,501 --> 01:10:30,250
Parodykite jiems ši versija
svetainė, jei tai nešiojamas ar stalinis.

1513
01:10:30,250 --> 01:10:32,316
Bet jūs net nereikia
server-side sudėtingumo.

1514
01:10:32,316 --> 01:10:33,940
Tai galite padaryti net dalykų paprasčiausias.

1515
01:10:33,940 --> 01:10:34,815
>> Aš ruošiuosi tai padaryti.

1516
01:10:34,815 --> 01:10:38,995
Aš ruošiuosi eiti į priekį į
mano Cloud9 aplinka,

1517
01:10:38,995 --> 01:10:41,370
ir aš ruošiuosi pridėti žymę
kad matėte Google anksčiau.

1518
01:10:41,370 --> 01:10:42,770
Tai vadinama meta žymeles.

1519
01:10:42,770 --> 01:10:45,520
Ir aš niekada prisiminti šį vieną, todėl
Aš ruošiuosi jį užrašius čia.

1520
01:10:45,520 --> 01:10:50,552
Meta name = "peržiūros sritį" ir tada
content = "width = prietaisas plotis, intital

1521
01:10:50,552 --> 01:11:02,060
skalė = 1 "ir viskas.

1522
01:11:02,060 --> 01:11:06,230
>> Taigi jis gali taip pat būti
kaip stebuklinga užkalbėjimas.

1523
01:11:06,230 --> 01:11:11,300
Tai dar ne viskas, kad aišku, bet tai turi
ką daryti su peržiūros,

1524
01:11:11,300 --> 01:11:15,070
ir peržiūros sritis yra tik kūnas
Interneto puslapis, stačiakampio regionas,

1525
01:11:15,070 --> 01:11:16,690
apibrėžia didžiąją dalį puslapio.

1526
01:11:16,690 --> 01:11:19,060
Ir tai tik sakau
naršyklė, žinote, ką?

1527
01:11:19,060 --> 01:11:22,589
Padaryti šį puslapį plotį
veiksmingai lygus įtaiso plotis.

1528
01:11:22,589 --> 01:11:25,380
Kitaip tariant, nereikia manyti, kad
turite rūšiuoti neribotą erdvę.

1529
01:11:25,380 --> 01:11:29,920
Tarkime, jūs turite tik tiek, kiek
erdvė, kaip ir pats prietaisas yra didelis.

1530
01:11:29,920 --> 01:11:34,454
Ir todėl dabar, jei aš iš naujo įkelti šį
savo naršyklėje, nematau kaita.

1531
01:11:34,454 --> 01:11:37,370
Bet jei aš šį correctly-- ir
leiskite man kirsti mano fingers-- jei jums visiems

1532
01:11:37,370 --> 01:11:42,920
perkraukite savo telefonus, ar jums
pamatyti įtikinamą kaita?

1533
01:11:42,920 --> 01:11:43,620
Taip, yra that--

1534
01:11:43,620 --> 01:11:45,067
>> Auditorija: [NESIGIRDI]

1535
01:11:45,067 --> 01:11:45,900
David J. Malan: Taip.

1536
01:11:45,900 --> 01:11:46,400
GERAI.

1537
01:11:46,400 --> 01:11:47,850
Taigi, be abejo, daugiau skaitymo metu?

1538
01:11:47,850 --> 01:11:53,070
Vis dar mažas, kad būtų teisinga, bet ne
taip maža, kad būtų nevaldomos.

1539
01:11:53,070 --> 01:11:56,920
Ir aš tikrai galėtų pakeisti šį
toliau su CSS ar serverio pusėje,

1540
01:11:56,920 --> 01:12:00,120
bet vis kas esate
matome vis daugiau ir daugiau funkcijų

1541
01:12:00,120 --> 01:12:02,900
yra įtraukta į
kliento pusėje environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, nes mes aptarsime
rytoj, CSS ir HTML-- taip

1543
01:12:06,530 --> 01:12:09,190
, kad visi šie užklausų
gali būti padaryta dėl kliento

1544
01:12:09,190 --> 01:12:11,910
taip nerimauti
serveris daug mažiau ir ne

1545
01:12:11,910 --> 01:12:14,530
turėti suspėti su,
Pavyzdžiui, nuolatinis veržimasis

1546
01:12:14,530 --> 01:12:17,210
Naujos operacinės sistemos-
versijos, naujos naršyklės versijos.

1547
01:12:17,210 --> 01:12:20,190
Jūs galite tiesiog leisti naršyklei
paprašyti įrenginį, kaip didelis yra jums,

1548
01:12:20,190 --> 01:12:22,890
ir tada šiek tiek logiška
sprendimai grindžiami kad.

1549
01:12:22,890 --> 01:12:25,140
Bet mes pamatyti daugiau galimybių
už loginius sprendimus

1550
01:12:25,140 --> 01:12:27,223
rytoj konteksto
iš programavimo kalba.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Taigi, bet kokie klausimai, tada,
apie interneto svetainių kūrimas?

1553
01:12:32,760 --> 01:12:36,130
Šiandien nėra Web programavimas, už
SE, nes beveik viską darėme

1554
01:12:36,130 --> 01:12:38,370
buvo labai estetiška, jei bus.

1555
01:12:38,370 --> 01:12:41,750
Nėra sprendimų priėmimas
kodas, kad mes parašėme,

1556
01:12:41,750 --> 01:12:44,990
ir taip, tai kodėl HTML žymėjimo
kalba, o ne programavimo kalba.

1557
01:12:44,990 --> 01:12:47,140
Bet rytoj mes priimsime
Žvilgsnis galiausiai

1558
01:12:47,140 --> 01:12:49,340
ne "JavaScript", kuris yra
faktinis programavimas

1559
01:12:49,340 --> 01:12:54,220
kalba, kuri leidžia mums padaryti šiek tiek daugiau.

1560
01:12:54,220 --> 01:12:56,800
>> Turite klausimų?

1561
01:12:56,800 --> 01:13:00,480
Na, leiskite man pasiūlyti du
galimybės neprivalomas namų darbus.

1562
01:13:00,480 --> 01:13:02,900
Vienas is-- šias Cloud9
sąskaitos nebus baigiasi.

1563
01:13:02,900 --> 01:13:04,669
Jūs esate kviečiame pasinaudoti
jiems žaisti su.

1564
01:13:04,669 --> 01:13:05,960
Tai laisvas paslaugų lygis.

1565
01:13:05,960 --> 01:13:08,754
Suprantu, kad jei kuriant
savo darbo sritį, jūs padarėte tai viešai,

1566
01:13:08,754 --> 01:13:11,670
kad nereiškia, kad visiems kitiems
Internetas gali pamatyti, ką jūs rašote.

1567
01:13:11,670 --> 01:13:15,104
Taigi gal tiesiog mano
ne gėdingai sau

1568
01:13:15,104 --> 01:13:18,020
jei jūs išleisti savo pirmąjį interneto
puslapis iš ten viešai netyčia,

1569
01:13:18,020 --> 01:13:20,134
bet niekas ketina
žinau, kad ten atrodo vistiek.

1570
01:13:20,134 --> 01:13:23,760
>> Ir two-- leiskite Lobizmas
iki URL, taip pat,

1571
01:13:23,760 --> 01:13:28,250
ypač jei atėjo šiandien
tiek mažiau patogus nei kiti,

1572
01:13:28,250 --> 01:13:30,430
nežinote ką visa ši medžiaga reiškia.

1573
01:13:30,430 --> 01:13:36,780
Suprantu, kad daug daugiau šio vaizdo,
kuris yra ir geras būdas užmigti

1574
01:13:36,780 --> 01:13:39,380
o taip pat juoktis kol
Tokiu būdu, taip pat turi

1575
01:13:39,380 --> 01:13:44,300
iš societally įdomus daug
ir saugumo požiūriu svarbius diskusijos

1576
01:13:44,300 --> 01:13:47,370
jame John Oliver,
nors ir komikas.

1577
01:13:47,370 --> 01:13:55,456
>> Bet jei nėra kokių klausimų,
kad duoda mums registratūroje.

1578
01:13:55,456 --> 01:13:56,830
Taigi, kodėl ne aš įjungti muzikai.

1579
01:13:56,830 --> 01:13:58,610
Turėtų būti gėrimai
ir užkandžiai ribų.

1580
01:13:58,610 --> 01:14:00,220
Aš laimingas susilieti tiek
Kol žmonės norėtų,

1581
01:14:00,220 --> 01:14:01,600
atsakyti į klausimus, dar vienas ant vieno.

1582
01:14:01,600 --> 01:14:03,330
Tačiau, kitaip, jūs laukiami
nusiimti bet kuriame taške,

1583
01:14:03,330 --> 01:14:05,740
ir mes vėl jus matyti
rytoj rytą šiek tiek daugiau.

1584
01:14:05,740 --> 01:14:07,290
Gerai, ačiū.

1585
01:14:07,290 --> 01:14:10,428