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

2
00:00:00,127 --> 00:00:01,210
DAVID J. MALAN: Selvä.

3
00:00:01,210 --> 00:00:02,160
Olemme palanneet.

4
00:00:02,160 --> 00:00:05,810
Joten tavoitteena viimeisen istunnon
on ottaa käyttöön muutamia käsitteitä

5
00:00:05,810 --> 00:00:09,290
mutta myös antaa kaikille mahdollisuus
sellaista venyttää sormilla

6
00:00:09,290 --> 00:00:11,270
ja todella tehdä jotain
vähän käytännön.

7
00:00:11,270 --> 00:00:13,897
Tavoitteena ei ole kääntää
meidät kaikki web-kehittäjille

8
00:00:13,897 --> 00:00:16,230
millään tavalla, mutta oikeastaan ​​vain
antaa sinulle maistaa

9
00:00:16,230 --> 00:00:21,750
perustavaa laatua konstruktioita mitä
menee Web-ohjelmointi ja tänään web

10
00:00:21,750 --> 00:00:23,980
kehitys, joten
staattinen puoli things--

11
00:00:23,980 --> 00:00:26,660
mitään logiikkaa, ei ohjelmointia
kieli, vain staattista sisältöä.

12
00:00:26,660 --> 00:00:29,660
Ja se antaa meille mahdollisuuden
todella nähdä, mitä web-palvelin on,

13
00:00:29,660 --> 00:00:34,140
Katso, mitä HTML-tiedoston on, mitä
se on HTTP on todella palvelevat.

14
00:00:34,140 --> 00:00:38,600
Mutta ennen kuin sukeltaa, takautuvan
kysymyksiä cloud computing

15
00:00:38,600 --> 00:00:43,922
tai turvallisuuden tai jotain siltä väliltä?

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

17
00:00:44,890 --> 00:00:47,181
Selvä, no, sanotaan
tehdä tämän kaiken varalta

18
00:00:47,181 --> 00:00:49,680
prosessi rekisteröitymisestä
jotain vie vain muutaman minuutin.

19
00:00:49,680 --> 00:00:51,221
Annamme sen tekee taustalla.

20
00:00:51,221 --> 00:00:56,860
Mennä eteenpäin, jos voisit,
Tämän URL here-- c9.io.

21
00:00:56,860 --> 00:01:02,810
Tämä on kolmannen osapuolen service--
platform palveluna, jos will--

22
00:01:02,810 --> 00:01:05,190
joka on menossa kutsuvat
rekisteröityä tilin,

23
00:01:05,190 --> 00:01:08,650
ja se tulee antaa jokaiselle teistä
tilin ns pilvi

24
00:01:08,650 --> 00:01:11,330
jonkun toisen infrastruktuuri,
nimisen yhtiön Cloud9.

25
00:01:11,330 --> 00:01:13,350
Mutta mikä on mukavaa noin
tämä on, että ne antavat sinulle

26
00:01:13,350 --> 00:01:15,990
lähentämistä sellaisen
Varsinainen reaalimaailman kehittäminen

27
00:01:15,990 --> 00:01:18,530
ympäristö, vaikkakin
pilvi ja selaimella,

28
00:01:18,530 --> 00:01:21,175
ja käytämme tätä todella
kokeilun hieman tänään.

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

30
00:01:27,116 --> 00:01:30,260
Ja sitten mennä eteenpäin ja vain navigoida
tiesi rekisteröitymisprosessissa

31
00:01:30,260 --> 00:01:32,630
jos voisit.

32
00:01:32,630 --> 00:01:36,080
Joten meidän satu käyttämään tätä luokassa
Opetan kaikille meidän opiskelijoiden,

33
00:01:36,080 --> 00:01:39,140
sekä kampuksella ja pois nyt, ja
se korvasi mitä historiallisesti

34
00:01:39,140 --> 00:01:41,390
oli muuten ladattava ohjelmisto.

35
00:01:41,390 --> 00:01:44,620
Joten mitä olit päästä
on yksi näistä virtuaalikoneita,

36
00:01:44,620 --> 00:01:46,460
lähinnä, että olen kuvattu aiemmin.

37
00:01:46,460 --> 00:01:50,260
Joten tämä yritys Cloud9 luultavasti
vuokraa kolmannelta Party-- todellakin

38
00:01:50,260 --> 00:01:52,760
Tässä tapauksessa Google-- kokonaisuutena
nippu virtuaalikoneiden

39
00:01:52,760 --> 00:01:56,500
että he jotenkin pilkkoa ylös
illuusion yksittäisten palvelimien

40
00:01:56,500 --> 00:01:58,610
että jokainen meistä on täysin valvoa.

41
00:01:58,610 --> 00:02:01,640
Se ei ole aivan oikein sanoa
että he virtuaalikoneita,

42
00:02:01,640 --> 00:02:04,550
kuitenkin, koska mitä
Cloud9 tosiasiallisesti käyttää

43
00:02:04,550 --> 00:02:07,570
on hieman uudemman tekniikan
nimeltään konttikuljetukset.

44
00:02:07,570 --> 00:02:13,150
Ja anna minun napata tämä kuva
tässä maalata tämän kuvan.

45
00:02:13,150 --> 00:02:16,540
>> Säiliö on, jos
muistatte kuva

46
00:02:16,540 --> 00:02:19,900
aiemmista, hieman kevyempi
paino kuin virtuaalikoneen.

47
00:02:19,900 --> 00:02:22,090
Itse asiassa, kun viime
aika puhuimme siellä

48
00:02:22,090 --> 00:02:25,170
että toiminta
järjestelmä ja hypervisor

49
00:02:25,170 --> 00:02:28,260
ja sitten vieras käyttöjärjestelmä, vieras
käyttöjärjestelmä, vieras käyttöjärjestelmä

50
00:02:28,260 --> 00:02:30,940
järjestelmä, päälle saat
fyysinen laitteisto,

51
00:02:30,940 --> 00:02:33,740
ero tämä uudempi
teknologia, konttikuljetukset,

52
00:02:33,740 --> 00:02:37,290
on se, että ne kaikki jotenkin jakavat
sama käyttöjärjestelmä.

53
00:02:37,290 --> 00:02:39,970
Mutta he silti luoda
illuusion kaikille

54
00:02:39,970 --> 00:02:44,590
ottaa oman yksinoikeudella
hallinto- oikeudet ja tiedostojen

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

56
00:02:45,400 --> 00:02:48,230
Mutta on vähemmän ohjelmiston
sinun ja laitteisto.

57
00:02:48,230 --> 00:02:52,260
Tulos, joka on in
Teoriassa paremman suorituskyvyn,

58
00:02:52,260 --> 00:02:55,470
koska käytät tai
tuhlata vähemmän resursseja

59
00:02:55,470 --> 00:02:57,360
on, että niin sanotut virtualisointikerros.

60
00:02:57,360 --> 00:02:59,420
Joten tätä kutsutaan
containerization luonteeltaan

61
00:02:59,420 --> 00:03:02,920
Poiketen tekniikkaa kutsutaan Docker,
joka on hyvin tulossa omaan.

62
00:03:02,920 --> 00:03:05,086
Ja tämä on jotain, että
insinöörit yrityksen

63
00:03:05,086 --> 00:03:08,610
voisi tavallaan eräänlainen alkaa puhua
noin pian, jos ne eivät ole jo,

64
00:03:08,610 --> 00:03:11,590
vaikka siellä varmasti ole
syy hypätä tahansa bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Niin, että sanoi, mitä
te todennäköisesti nähdä nyt

66
00:03:15,410 --> 00:03:22,670
on näyttö, joka näyttää hieman tätä.

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

68
00:03:23,170 --> 00:03:25,260
Ja vain soittaa minulle yli, jos ei.

69
00:03:25,260 --> 00:03:27,440
Ja jos so-- Tulen ohi, jos ei.

70
00:03:27,440 --> 00:03:30,244
Siirry eteenpäin ja valitse että iso
plus luoda työtilan,

71
00:03:30,244 --> 00:03:31,660
ja näet seuraavanlaisen näytön.

72
00:03:31,660 --> 00:03:35,020
Voit soittaa työtilan
nimetä mitä haluat nyt.

73
00:03:35,020 --> 00:03:38,660
Ja vain todella yksinkertaisuuden,
go and-- hyvin, jotkut teistä

74
00:03:38,660 --> 00:03:39,660
jo työtilat.

75
00:03:39,660 --> 00:03:47,050
Kutsu sitä mitä want-- liiketoimintaa,
Harvard, torstaina mitä haluat.

76
00:03:47,050 --> 00:03:48,800
Et tarvitse kuvausta.

77
00:03:48,800 --> 00:03:52,380
Voit jättää sen yksityisiä, ellet
jo nippu työtiloja.

78
00:03:52,380 --> 00:03:55,280
Jos olet pakotettu tekemään sen julkiseksi,
se sopii nykypäivän tarkoituksiin.

79
00:03:55,280 --> 00:03:56,750
Tässäkin on yksi upsells.

80
00:03:56,750 --> 00:03:59,939
Saat yksi yksityinen työtila
oletuksena. Mutta jos haluat enemmän,

81
00:03:59,939 --> 00:04:00,980
joudut maksamaan enemmän.

82
00:04:00,980 --> 00:04:02,870
Muussa tapauksessa ne pakottavat teitä
tehdä työtä julkisia.

83
00:04:02,870 --> 00:04:05,600
Mutta se on hienoa, koska ne myös
kohdistaa tähän at avoimen lähdekoodin yhteisöt

84
00:04:05,600 --> 00:04:07,700
kannustaa ihmisiä
todella yhteistyötä.

85
00:04:07,700 --> 00:04:10,699
>> Ja viimeinen asia, että on tärkeää,
vaikka on, kun valitset nimen

86
00:04:10,699 --> 00:04:17,140
ja kun olet valinnut yksityisen tai julkisen,
valitse HTML5, iso oranssi ikoni

87
00:04:17,140 --> 00:04:22,430
toinen vasemmalta, ja
sitten Luo työtila.

88
00:04:22,430 --> 00:04:24,580
Ja se luultavasti
kestää minuutin tai niin,

89
00:04:24,580 --> 00:04:26,540
mutta sinun sitten on
ympäristö, kun

90
00:04:26,540 --> 00:04:30,544
tehdä, joka näyttää muistuttaa
mitä olen ruudulla täällä nyt.

91
00:04:30,544 --> 00:04:33,210
Mutta jälleen kerran, se saattaa kestää hetken
tai enemmän saada tähän näyttöön

92
00:04:33,210 --> 00:04:34,770
kun klikkaat Luo työtila.

93
00:04:34,770 --> 00:04:37,936
Mutta lippu minua jos haluat minut
ja katsomaan jotain tai neuvoja.

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

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

96
00:04:40,690 --> 00:04:42,390
Joten aion tausta tätä nyt.

97
00:04:42,390 --> 00:04:44,260
Soita minulle yli, jos näytätte
mitään teknisiä ongelmia.

98
00:04:44,260 --> 00:04:46,210
Mutta jälleen kerran, se saattaa kestää
Hieman siitä avata.

99
00:04:46,210 --> 00:04:49,570
Ja mennään eteenpäin ja puhua mitä
se oikeastaan ​​tarkoittaa tehdä web-sivun,

100
00:04:49,570 --> 00:04:52,780
mitä HTML on, ja miten kaikki tämä
Nyt yhdistää kun olemme alkaneet

101
00:04:52,780 --> 00:04:54,730
itse käyttää joitakin tekniikkaa.

102
00:04:54,730 --> 00:04:58,310
Joten käy ilmi, että voin
mennä pikku Mac täällä,

103
00:04:58,310 --> 00:05:01,650
Avaa yksinkertainen ohjelma nimeltä
TeXturi tai Windows pystyin

104
00:05:01,650 --> 00:05:04,480
avoin jotain kutsutaan Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
Ja voisin vain yksinkertaisesti tehdä jotain
tämän kaltaisia ​​osia "Hei, maailma."

106
00:05:08,260 --> 00:05:12,020
Ja sitten voisi tallentaa tämän
hello.txt Joten ei magic siellä.

107
00:05:12,020 --> 00:05:15,200
Tällä ei ole mitään tekemistä sen kanssa web
ohjelmointi, mitään tekemistä HTML.

108
00:05:15,200 --> 00:05:16,790
Vain luomalla yksinkertainen tekstitiedosto.

109
00:05:16,790 --> 00:05:20,600
Mutta näyttää siltä, ​​että web-
sivu on kirjaimellisesti juuri sitä.

110
00:05:20,600 --> 00:05:24,020
Se on yksinkertainen tekstitiedosto, joka sisältää tekstiä
että saatat kirjoitat näppäimistön,

111
00:05:24,020 --> 00:05:30,070
mutta se yleensä, mutta ei aina
päättyy ei .txt mutta .html tai .htm.

112
00:05:30,070 --> 00:05:32,050
Ja et vain
kirjoita sanat tiedostoon.

113
00:05:32,050 --> 00:05:35,280
Sinun todella täytyy käyttää asioita nimeltään
tunnisteet tai yleisemmin jotain

114
00:05:35,280 --> 00:05:37,190
nimeltään markup language.

115
00:05:37,190 --> 00:05:40,510
>> Joten aion hyvin nopeasti kirjoittaa
ja sitten selittää seuraavaa.

116
00:05:40,510 --> 00:05:42,290
Aion ensin
kirjoitan tätä, jossa sanotaan,

117
00:05:42,290 --> 00:05:45,730
hei, selain, tässä tulee
Web-sivun kirjoitettu HTML.

118
00:05:45,730 --> 00:05:51,850
Ja nämä kaksi asiaa yhteen sanoa, hei,
selaimen, seuraava on todella HTML.

119
00:05:51,850 --> 00:05:55,790
Hei, selain, tässä tulee
pään tai alkuun minun sivun.

120
00:05:55,790 --> 00:05:59,900
Hei, selain, sisäpuolella yläosassa
sivuni laittaa otsikko eli "hei,

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

122
00:06:01,610 --> 00:06:08,370
Hei, selain, kun esimies
sivu, tässä tulee kehon sivuni.

123
00:06:08,370 --> 00:06:12,170
Ja hei, selain, kehon minun
tulisi myös sanoa "Hello World".

124
00:06:12,170 --> 00:06:15,500
Mitkä ovat keskeisiä yksityiskohtia täällä?

125
00:06:15,500 --> 00:06:17,960
Tämä on mitä yleensä
kutsutaan doc-tyyppinen ilmoitus,

126
00:06:17,960 --> 00:06:20,190
ja rehellisesti, se on hieman
vaikea muistaa tämä ensin.

127
00:06:20,190 --> 00:06:21,481
Kyllä sellainen kopioi-liitä se.

128
00:06:21,481 --> 00:06:23,760
Tämä on muodollisesti
sanoa, hei, selain,

129
00:06:23,760 --> 00:06:28,030
Käytän HTML-versio 5, joka
tuli ulos hieman viime aikoina.

130
00:06:28,030 --> 00:06:31,380
Se on maaginen loitsu, että jotkut
ihmisillä on huono tunne suunnittelu

131
00:06:31,380 --> 00:06:33,640
päätti laittaa klo
hyvin alkuun tiedoston.

132
00:06:33,640 --> 00:06:35,473
Vaikka se on
vähän mystistä, siinä kaikki

133
00:06:35,473 --> 00:06:38,250
se means-- hei, selain, tässä
tulee versio 5 HTML.

134
00:06:38,250 --> 00:06:41,741
>> Loput tämä on ollut meille
jo jonkin aikaa, historiallisesti,

135
00:06:41,741 --> 00:06:44,740
mutta se on ollut kehittyvä, ja se on
luultavasti saada vähän yksinkertaisempi.

136
00:06:44,740 --> 00:06:47,320
Huomata muutamia ominaisuuksia
mitä olen korostanut.

137
00:06:47,320 --> 00:06:49,890
On näitä asioita kulmapohjan
brackets-- vasen kannatin

138
00:06:49,890 --> 00:06:51,040
ja oikea kiinnike.

139
00:06:51,040 --> 00:06:52,490
Ja huomaa symmetria täällä.

140
00:06:52,490 --> 00:06:57,340
Ja symmetrisesti, tarkoitan, niin kuin minä
on tämä alkutunniste tässä tai avoimen tunnisteen

141
00:06:57,340 --> 00:07:01,560
jos haluatte, täällä olen
sulje tagi tai lopputagiin joka on

142
00:07:01,560 --> 00:07:06,460
Eri vain siltä osin kuin se on tämän
leikata alussa sanan

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

144
00:07:07,360 --> 00:07:09,360
Ja voit ajatella
tätä olin ohimennen

145
00:07:09,360 --> 00:07:12,280
ehdottaa ennen, hei,
selain, tässä tulee joitakin HTML.

146
00:07:12,280 --> 00:07:16,060
Ja päinvastoin, hei, selain, joka on
se, että HTML-- alun ja lopun.

147
00:07:16,060 --> 00:07:18,440
>> Samaan aikaan hei, selain, tässä
tulee esimies sivun.

148
00:07:18,440 --> 00:07:20,140
Hei, selain, se on siinä päähän.

149
00:07:20,140 --> 00:07:22,240
Hei, selain, tässä
ruumis sivuni.

150
00:07:22,240 --> 00:07:24,020
Hei, selain, se on siinä elin.

151
00:07:24,020 --> 00:07:26,940
Ja sisällä, joka on noin
mielivaltainen teksti nyt.

152
00:07:26,940 --> 00:07:30,520
Ja sisällä pään puolestaan
on jonkin verran mielivaltainen, mutta koodattu,

153
00:07:30,520 --> 00:07:34,410
niin sanotusti, jossa lukee, otsikko
sivuni on "Hei, maailma."

154
00:07:34,410 --> 00:07:37,470
Nyt, nyt, voit
olettaa, että selaimet

155
00:07:37,470 --> 00:07:41,762
on only-- tai pikemminkin web-sivuja on
vain kaksi parts-- pään ja rungon.

156
00:07:41,762 --> 00:07:44,220
Ja pää on yleensä vain
kuten valikkorivi, tavaraa

157
00:07:44,220 --> 00:07:45,510
oikeastaan ​​vain huipulla.

158
00:07:45,510 --> 00:07:48,910
Ja keho on rohkeutta sivun,
kaikki, että iso suorakaide

159
00:07:48,910 --> 00:07:50,239
että täyttää ruudun.

160
00:07:50,239 --> 00:07:51,780
Joten aion mennä eteenpäin ja tehdä tätä.

161
00:07:51,780 --> 00:07:54,400
En aio mennä eteenpäin ja
valitse Tallenna, Tiedosto Tallenna.

162
00:07:54,400 --> 00:07:58,580
Ja aion säästää
tätä hello.html,

163
00:07:58,580 --> 00:08:00,870
ja olen juuri menossa
laita se työpöydälle.

164
00:08:00,870 --> 00:08:03,520
Ja aion mennä
eteenpäin ja valitse Tallenna.

165
00:08:03,520 --> 00:08:05,806
Ja notice-- Mac at
Ainakin on huutaa minulle.

166
00:08:05,806 --> 00:08:07,180
Oletko varma, että haluat tehdä tämän?

167
00:08:07,180 --> 00:08:08,710
Ja aion sanoa, kyllä, käyttää HTML.

168
00:08:08,710 --> 00:08:10,400
Tiedän paremmin tässä tapauksessa.

169
00:08:10,400 --> 00:08:14,686
Ja nyt aion mennä työpöydälle
jossa olen tämän tiedoston yhtäkkiä.

170
00:08:14,686 --> 00:08:16,060
Ja aion kaksoisnapsauttaa sitä.

171
00:08:16,060 --> 00:08:18,268
Ja huomaat, että vuoteen
Oletuksena Chrome avannut.

172
00:08:18,268 --> 00:08:19,996
Tämä johtuu se
oletusselain.

173
00:08:19,996 --> 00:08:21,370
Ja se vain sanoo "hei, maailma."

174
00:08:21,370 --> 00:08:23,078
Mutta se sanoo "hei,
maailma "kahdessa paikassa.

175
00:08:23,078 --> 00:08:23,979
Huomaa, vasemmassa yläkulmassa.

176
00:08:23,979 --> 00:08:25,020
Melko vaikea olla huomaamatta sitä.

177
00:08:25,020 --> 00:08:26,180
Se on iso ja rohkea.

178
00:08:26,180 --> 00:08:30,690
Ja missä muualla se näyttää
sanoa, "hei, maailma"?

179
00:08:30,690 --> 00:08:31,470
>> YLEISÖ: välilehti.

180
00:08:31,470 --> 00:08:33,100
>> DAVID J. MALAN: Joo, välilehti itse.

181
00:08:33,100 --> 00:08:35,159
Joten kun sanoin pää
sivu on kaiken ylös top--

182
00:08:35,159 --> 00:08:36,367
ja todellakin tämä on otsikko.

183
00:08:36,367 --> 00:08:37,710
Se on vain välilehden täällä.

184
00:08:37,710 --> 00:08:40,320
Ja voin vetää tämän välilehden
out jotta ei sekoita.

185
00:08:40,320 --> 00:08:43,360
Tämä on vain yksi välilehti nyt,
ja todellakin näemme "hei, maailma"

186
00:08:43,360 --> 00:08:45,970
tänne ja "Hello, World" täällä.

187
00:08:45,970 --> 00:08:47,160
Joten melko suoraviivaista.

188
00:08:47,160 --> 00:08:49,050
Mutta se on myös melko yksinkertainen.

189
00:08:49,050 --> 00:08:50,440
Ja itse asiassa, minä zoomata.

190
00:08:50,440 --> 00:08:53,272
Voin muuttaa fontin kokoa vain
suurentaa esteettömyyden.

191
00:08:53,272 --> 00:08:56,830
Mutta katsotaan nyt tehdä jotain
hieman mielenkiintoisempi.

192
00:08:56,830 --> 00:08:59,760
>> Aion jää tänne oho, anna
minua saamaan takaisin minun tekstitiedosto.

193
00:08:59,760 --> 00:09:02,400
Aion takaisin minun
tekstitiedosto, ja aion

194
00:09:02,400 --> 00:09:06,320
muuttaa ja sano
"Hei, Disney World."

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

196
00:09:07,970 --> 00:09:10,919
Ja palata my
selain ja valitse Päivitä.

197
00:09:10,919 --> 00:09:12,710
Ja nyt, tietenkin, se
sanoo "Disney World."

198
00:09:12,710 --> 00:09:15,500
Ja aion keinotekoisesti zoomata
vain niin se on helpompi nähdä.

199
00:09:15,500 --> 00:09:19,012
Nyt valitettavasti olen sellainen haluavat
to-- todella, että on Mac-ominaisuus.

200
00:09:19,012 --> 00:09:21,720
Haluan klikkaa Disney World
ja mennä jonnekin kuten disney.com,

201
00:09:21,720 --> 00:09:23,290
mutta se ei toimi.

202
00:09:23,290 --> 00:09:26,850
Joten perusperiaate raina
hyperlinkkejä, linkkejä, jotka menevät muualle.

203
00:09:26,850 --> 00:09:28,390
Joten miten teen sen?

204
00:09:28,390 --> 00:09:34,690
Voisin vain sanoa,
"Hei, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Tallenna tämä.

206
00:09:36,110 --> 00:09:37,620
Päivitä.

207
00:09:37,620 --> 00:09:39,400
Mutta tämäkin, ei toimi.

208
00:09:39,400 --> 00:09:42,930
Ja mikä on mukavaa täällä, vaikka
tämä ei toimi vielä,

209
00:09:42,930 --> 00:09:45,930
on, että näyttää siltä, ​​että
selain kirjaimellisesti tekee vain

210
00:09:45,930 --> 00:09:46,950
mitä kerron sitä tekemään.

211
00:09:46,950 --> 00:09:50,110
Joten jos vain kirjoittamalla URL näin,
se vain menee näyttämään minulle URL.

212
00:09:50,110 --> 00:09:54,270
Minun täytyy käyttää tunnisteita tai markup
kieli todella kertoa

213
00:09:54,270 --> 00:09:55,621
selaimen tehdä vieläkin enemmän.

214
00:09:55,621 --> 00:09:57,870
Joten aion mennä eteenpäin ja
poistaa tämän hetken.

215
00:09:57,870 --> 00:10:00,980
Ja aion sanoa, hei,
selaimen, aloita ankkuri täällä,

216
00:10:00,980 --> 00:10:02,650
linkki niin sanotusti.

217
00:10:02,650 --> 00:10:07,500
Ja hyper-viite, määränpää
Kyseisen ankkuri, pitäisi olla tätä URL.

218
00:10:07,500 --> 00:10:08,750
Ja huomaa minun lainausmerkkejä.

219
00:10:08,750 --> 00:10:11,590
Voisin käyttää heittomerkkejä, myös
mutta sinun täytyy olla johdonmukainen,

220
00:10:11,590 --> 00:10:14,270
ja haluaisin yleensä vain käyttää
kokolainausmerkkien pidettävä yksinkertaisina.

221
00:10:14,270 --> 00:10:16,820
Huomaa, Aion sulkea tag.

222
00:10:16,820 --> 00:10:21,160
Ja sitten täällä aion
sanoa, "Disney World."

223
00:10:21,160 --> 00:10:26,890
Ja nyt minä tarvitsen symmetry--
alkusulkumerkki, / a, suljettu kiinnike.

224
00:10:26,890 --> 00:10:28,090
>> Joten mitä olen otettu käyttöön?

225
00:10:28,090 --> 00:10:30,100
Meillä oli muutama tunnisteita jo.

226
00:10:30,100 --> 00:10:32,410
HTML, Head, Otsikko, Body,
ovat kaikki tagit, niin sanotusti,

227
00:10:32,410 --> 00:10:34,280
avoimet ja suljetut kollegansa.

228
00:10:34,280 --> 00:10:36,530
Mutta ilmoitus, tämä on tavallaan
perustavanlaatuisesti erilaisia.

229
00:10:36,530 --> 00:10:39,140
Tämä on mitä me kutsumme
HTML määrite.

230
00:10:39,140 --> 00:10:41,451
Ja attribuutti on
vain avainarvoparin.

231
00:10:41,451 --> 00:10:43,950
Tämä on yhteinen asia
tietokone science-- avainarvoparin.

232
00:10:43,950 --> 00:10:45,770
Se on tavallaan työkalun kaupan.

233
00:10:45,770 --> 00:10:47,040
Keskeinen ja arvon.

234
00:10:47,040 --> 00:10:49,390
Sana ja sitten jotkut
muuta sanaa tai sanoja.

235
00:10:49,390 --> 00:10:53,790
Ja tässä tapauksessa, avain on href,
ja arvo on se, että koko URL-osoitetta.

236
00:10:53,790 --> 00:10:57,890
Ja mitä attribuutti ei se
vaikuttaa käyttäytymiseen tag.

237
00:10:57,890 --> 00:11:01,010
Ja tässä tapauksessa, meidän täytyy vaikuttaa
käyttäytymistä ankkuri tag,

238
00:11:01,010 --> 00:11:04,140
koska meidän täytyy ankkuroida
linkki jonnekin.

239
00:11:04,140 --> 00:11:06,960
Ja miten teet sen on
Poiketen määrite.

240
00:11:06,960 --> 00:11:08,970
>> Joten aion mennä eteenpäin
ja tallenna tiedosto nyt.

241
00:11:08,970 --> 00:11:11,300
Mene takaisin selain ja reload.

242
00:11:11,300 --> 00:11:14,580
Ja voila, meillä on nyt
alkuja laillinen sivun.

243
00:11:14,580 --> 00:11:18,420
Super-yksinkertainen, mutta jos en vie hiiri
this-- ilmoituksen vasemmassa alakulmassa,

244
00:11:18,420 --> 00:11:19,830
se on super-pieni.

245
00:11:19,830 --> 00:11:21,730
Mutta sinä näet www.disney.com.

246
00:11:21,730 --> 00:11:27,076
Ja jos minä klikkaa sitä tosiaankin tämä
kiidättää minut pois disney.com.

247
00:11:27,076 --> 00:11:29,380
Nyt omituista
tässä on se, että se ei ole

248
00:11:29,380 --> 00:11:33,940
best-- eniten myyntikelpoisia URL, mutta
se on hieno koska tiedostoa ei

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

250
00:11:35,360 --> 00:11:39,740
Se on olemassa paikallisena tiedostona ilmeisesti
minun Käyttäjät directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
John Harvard-- / työpöydälle.

252
00:11:41,890 --> 00:11:42,634
Mutta se on URL-osoite.

253
00:11:42,634 --> 00:11:43,800
Se vain sattuu olemaan paikallinen.

254
00:11:43,800 --> 00:11:47,050
Valitettavasti kukaan voi vierailla
tätä, koska jos kirjoitat tämän URL-osoitteen,

255
00:11:47,050 --> 00:11:49,980
olisit kertoa selaimen,
etsi tiedosto nimeltä hello.html

256
00:11:49,980 --> 00:11:50,772
kiintolevyllä.

257
00:11:50,772 --> 00:11:53,271
Ja tietenkin, ellet ole
seurannut pitkin manuaalisesti,

258
00:11:53,271 --> 00:11:54,530
se ei tule olla siellä.

259
00:11:54,530 --> 00:11:55,190
>> Niin se käy hyvin.

260
00:11:55,190 --> 00:11:57,815
Tarvitsemme edelleen tavalla, lopulta,
saat tämän tiedoston verkossa,

261
00:11:57,815 --> 00:12:01,180
mutta katsotaan kiusaa erilleen pari
turvallisuusvaikutuksia mitä me juuri

262
00:12:01,180 --> 00:12:04,850
näki ja sitoa sen takaisin aikaisempaan
keskustelun tänä aamuna.

263
00:12:04,850 --> 00:12:08,200
Osoittautuu, että jos
selain kirjaimellisesti vain ei

264
00:12:08,200 --> 00:12:12,560
mitä kerron sen tehdä, ja näyttää siltä,
olevan näin, että ankkuri tag on

265
00:12:12,560 --> 00:12:17,380
vaikuttaa arvo
tätä ominaisuutta kutsutaan href

266
00:12:17,380 --> 00:12:20,810
mutta se näyttää tämä
tekstiä, tämä näyttäisi

267
00:12:20,810 --> 00:12:26,520
vihjata, että voisin laittaa URL
molemmissa paikoissa ja aseta

268
00:12:26,520 --> 00:12:29,100
ja nyt nähdä URL ja siirry URL.

269
00:12:29,100 --> 00:12:32,680
Ilmoitus, jos en viemällä hiiren alhaalta vasemmalle,
Olen todellakin menossa vielä disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Joten jos olet joskus ollut
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
yksi niistä vääriä sähköposteja
alkaen, kuten PayPal pankista,

272
00:12:42,820 --> 00:12:46,470
olet todennäköisesti saanut linkkejä sisällä
Sähköpostiviestin että luet että

273
00:12:46,470 --> 00:12:49,970
käskee klikkaudu confirm
salasana tai vahvista syntymäajan

274
00:12:49,970 --> 00:12:53,840
tai sosiaaliset tai jotain sosiaalisesti
engineering voit paljastaa

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

276
00:12:54,920 --> 00:12:57,625
No, voisin tavallaan toteuttaa
Etuna tässä, ei voinut I?

277
00:12:57,625 --> 00:13:01,240
Voisin sanoa jotain
kuten, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
Ja sen sijaan disney.com, I
voisi mennä, kuten, badguy.com.

279
00:13:11,340 --> 00:13:12,850
Päivitä.

280
00:13:12,850 --> 00:13:16,620
Ja kuinka helppoa on huiputtaa,
erityisesti ei-tekninen lukija

281
00:13:16,620 --> 00:13:20,649
tai pintapuolisesti lukeminen
lukija kuin napsauttaa

282
00:13:20,649 --> 00:13:23,940
linkki näin, jotka, jos napsautan it--
En oikeastaan ​​halua mennä badguy.com.

283
00:13:23,940 --> 00:13:25,398
En tiedä mitä todella olemassa.

284
00:13:25,398 --> 00:13:30,080
Joten paypal.com, ilmoitus, on
mitä se sanoo se tulee,

285
00:13:30,080 --> 00:13:33,210
mutta tietenkin, jos katson alas
olemattoman vähän, se on hieman epäselvä,

286
00:13:33,210 --> 00:13:34,230
mutta se sanoo badguy.com.

287
00:13:34,230 --> 00:13:38,644
Se on vain kertoa juuri nyt
että aion väärään paikkaan.

288
00:13:38,644 --> 00:13:41,560
Ja kun sanoin aiemmin, että pankit
ei todellakaan pitäisi rohkaista tai junan

289
00:13:41,560 --> 00:13:44,510
käyttäjät klikkaamaan linkkejä, tämä
on vain yksi ilmentymä siitä.

290
00:13:44,510 --> 00:13:45,430
Ja se on niin yksinkertaista.

291
00:13:45,430 --> 00:13:48,120
Nyt olet vastustaja jos
teet jotain tällaista

292
00:13:48,120 --> 00:13:51,000
ja yrittää huijata käyttäjää
osaksi vierailevat sivustolla.

293
00:13:51,000 --> 00:13:53,320
Mutta nyt, pidämme
asiat mukava ja puhdas.

294
00:13:53,320 --> 00:13:55,640
Aiomme mennä eteenpäin
ja taaksepäin näitä muutoksia.

295
00:13:55,640 --> 00:13:56,530
Lataa sivu uudelleen.

296
00:13:56,530 --> 00:13:57,740
Ja menen takaisin disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Katsotaan jos emme voi kiusata
Tämän lisäksi hieman.

298
00:14:00,660 --> 00:14:04,160
Joten "Hei, Disney World."

299
00:14:04,160 --> 00:14:05,950
Aion sanoa täällä.

300
00:14:05,950 --> 00:14:08,220
Ehkä aion tehdä jonkin verran.

301
00:14:08,220 --> 00:14:12,730
"Toivottavasti viihdyt!"

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

303
00:14:13,830 --> 00:14:15,850
Päivitä.

304
00:14:15,850 --> 00:14:19,010
Se ei rea-- että ei ole
mitä aioin, eikö?

305
00:14:19,010 --> 00:14:21,870
Siis, jos en hoitoon tekstini
tiedosto kuten tekstinkäsittely,

306
00:14:21,870 --> 00:14:24,894
mitä toivotte tapahtuisi täällä?

307
00:14:24,894 --> 00:14:27,060
Joo, minusta tuntuu siellä
pitäisi olla rivinvaihdon täällä,

308
00:14:27,060 --> 00:14:28,799
joten se tuntuu viallisista jollakin tavalla.

309
00:14:28,799 --> 00:14:31,090
Mutta se on todella tahallinen,
koska kuten ennenkin,

310
00:14:31,090 --> 00:14:33,381
selain tulee vain
do mitä kerrot sitä tekemään.

311
00:14:33,381 --> 00:14:34,806
En ole kertonut sitä rikkoa linjat.

312
00:14:34,806 --> 00:14:37,930
En ole kertonut sitä liikkua alaspäin, vaikka
vaikka intuitiivisesti, minusta tuntuu tein.

313
00:14:37,930 --> 00:14:39,805
Joten se kääntyy pois tarvitsemme
hieman markup,

314
00:14:39,805 --> 00:14:41,390
ja aion korjata tämän seuraavasti.

315
00:14:41,390 --> 00:14:46,160
Aion esipuhe tähän ensimmäiseen hei
mitä kutsutaan kappaleen tag.

316
00:14:46,160 --> 00:14:48,920
Ja sitten aion mennä eteenpäin
ja kääri tämä toinen lause

317
00:14:48,920 --> 00:14:54,370
toisessa kohdassa tag, vaikka
he super-lyhyitä kappaleita.

318
00:14:54,370 --> 00:14:55,930
Nyt aion säästää.

319
00:14:55,930 --> 00:14:57,160
Päivitä.

320
00:14:57,160 --> 00:14:59,070
Nyt meillä on, että
tilaa, ja me tavallaan

321
00:14:59,070 --> 00:15:01,680
on semantiikan
kahtena erillisenä kappaleena.

322
00:15:01,680 --> 00:15:05,290
>> Siinä kaikki hyvä ja hieno, mutta se olisi
kiva lisätä kuvan tälle sivulle,

323
00:15:05,290 --> 00:15:08,710
joten aion mennä etsimään
Mikki Hiiri Google Images.

324
00:15:08,710 --> 00:15:12,830
Ja vain huvin vuoksi, olen
menossa napata tämän kuvan.

325
00:15:12,830 --> 00:15:15,350
Aion mennä eteenpäin nyt ja
napata URL tämän kuvan,

326
00:15:15,350 --> 00:15:16,510
vaikka siellä on erilainen
tapoja tehdä tätä.

327
00:15:16,510 --> 00:15:18,520
Nyt olen juuri menossa kopioida URL.

328
00:15:18,520 --> 00:15:24,770
Aion mennä takaisin tekstini
tiedosto, ja aion sanoa täällä,

329
00:15:24,770 --> 00:15:31,160
img src = quote unquote
että URL, super-pitkä.

330
00:15:31,160 --> 00:15:34,580
Ja sitten käsitteenkin
kuva on hieman erilainen.

331
00:15:34,580 --> 00:15:38,640
Ei todellakaan ole käsitettä lähtö-
kuvan ja päättyy kuva,

332
00:15:38,640 --> 00:15:40,630
kuten alkutunniste lopputagiin.

333
00:15:40,630 --> 00:15:43,840
Joten se tuntuu hieman outo
minut semanttisesti tehdä tämän,

334
00:15:43,840 --> 00:15:45,390
on sulkeutuvaa kuva tag.

335
00:15:45,390 --> 00:15:46,780
Se ei ole virheellinen.

336
00:15:46,780 --> 00:15:48,840
Se on täysin oikein,
ja se kannusti,

337
00:15:48,840 --> 00:15:50,870
mutta on pikakirjoitusmuoto.

338
00:15:50,870 --> 00:15:53,780
Voin sellainen samanaikaisesti
avaamaan ja sulkemaan sama tunniste,

339
00:15:53,780 --> 00:15:55,510
ja joka tekee selaimen onnellinen.

340
00:15:55,510 --> 00:15:56,950
Joten se on vain hieman
lyhyempiä asioita

341
00:15:56,950 --> 00:15:59,408
että käsitteellisesti todellakaan ole
järkeä alku ja loppu.

342
00:15:59,408 --> 00:16:01,190
He vain ovat olemassa, tai ne eivät ole.

343
00:16:01,190 --> 00:16:06,020
>> Joten aion tallentaa ja palata
minun "hei, maailma" sivulla ja reload.

344
00:16:06,020 --> 00:16:09,880
Ja se on vähän käsistä,
koska kuva on todella

345
00:16:09,880 --> 00:16:12,210
hieman suuri, mutta se on OK.

346
00:16:12,210 --> 00:16:13,710
Voisin muuttaa sen kokoa ohjelmassa.

347
00:16:13,710 --> 00:16:14,900
Tai tiedät mitä.

348
00:16:14,900 --> 00:16:17,350
Vain osoittaa, olen
menossa oikeastaan ​​sanoa

349
00:16:17,350 --> 00:16:21,760
että leveys tämä asia olisi
vain 200 kuvapistettä, 200 pistettä.

350
00:16:21,760 --> 00:16:24,360
Anna minun mennä eteenpäin ja tallenna
ja lataa, ja nyt sivun

351
00:16:24,360 --> 00:16:25,690
näyttää hieman järkevämpi.

352
00:16:25,690 --> 00:16:27,260
Mutta huomaa kuvio.

353
00:16:27,260 --> 00:16:30,030
No, olen tavallaan opettanut teille kaikille
HTML jossain mielessä, ainakin

354
00:16:30,030 --> 00:16:33,531
käsitteellisesti, koska kaikki HTML on on
Näiden tags-- auki tunnisteet, suljettu tunnisteet,

355
00:16:33,531 --> 00:16:35,280
ja attribuutteja, että
muuttamaan käyttäytymistään.

356
00:16:35,280 --> 00:16:38,380
Ja ilmeisesti, joka
tag voi olla nolla tai yksi

357
00:16:38,380 --> 00:16:43,005
tai kaksi tai useampia ominaisuuksia, kukin
joka tekee jotain hieman erilaista.

358
00:16:43,005 --> 00:16:44,380
Nyt, mistä tiedät mitä on olemassa?

359
00:16:44,380 --> 00:16:46,800
Sinä vain kuunnella joku
kuten minä kertoa teille, mitä on olemassa,

360
00:16:46,800 --> 00:16:50,860
tai et vain Google noin opetusohjelma
HTML, ja se on todellakin näin yksinkertainen.

361
00:16:50,860 --> 00:16:54,030
>> Todellakin, kun olin undergrad
vuotta sitten ja oppinut HTML,

362
00:16:54,030 --> 00:16:56,530
eräs matematiikan opetuksen
avustajat juuri viettänyt

363
00:16:56,530 --> 00:16:59,600
vähän aikaa tutorointi minua
samankaltaisille puoli tuntia, tunti,

364
00:16:59,600 --> 00:17:00,660
ja sitten olin matkalla.

365
00:17:00,660 --> 00:17:03,300
Olin matkalla kohti tekeminen
kauheinta sivustot koskaan,

366
00:17:03,300 --> 00:17:05,549
joka ilmeisesti en ole
todella edennyt pidemmälle.

367
00:17:05,549 --> 00:17:09,849
Mutta kohta on, että kun
ymmärtää näitä yksinkertaisia ​​ideas--

368
00:17:09,849 --> 00:17:13,450
jos arcane text-- mutta nämä yksinkertaiset
ideoita alkaa ajatus

369
00:17:13,450 --> 00:17:15,960
ja sulkeminen ajatus, pitäen
kaikki hienosti tasapainottavat,

370
00:17:15,960 --> 00:17:19,150
etsii jotain, muokkaamista
käyttäytyminen että tag, se on todella kaikki

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

372
00:17:20,079 --> 00:17:28,140
Ja itse asiassa, jos me nyt mennä
jotain google.com-- todella,

373
00:17:28,140 --> 00:17:31,920
mennään paikkaan hieman
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
Ja aion mennä View,
Developer, View Source.

375
00:17:37,800 --> 00:17:41,400
Se on ruma, mutta notice--
ja minä zoomata huomautus

376
00:17:41,400 --> 00:17:43,432
joitakin juttuja se tuttu jo.

377
00:17:43,432 --> 00:17:45,140
On yksi täällä,
joka on selain.

378
00:17:45,140 --> 00:17:46,800
Täältä tulee HTML5.

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

380
00:17:47,634 --> 00:17:49,550
Ilmeisesti on olemassa
ominaisuus, että en

381
00:17:49,550 --> 00:17:51,540
Käytä joka määrittää
kieli sivun,

382
00:17:51,540 --> 00:17:54,380
ja tämä voi auttaa automaattisella
käännös ja tavaraa niin.

383
00:17:54,380 --> 00:17:55,546
Tässä pään sivulla.

384
00:17:55,546 --> 00:17:57,790
Tässä otsikko Stanfordin sivulla.

385
00:17:57,790 --> 00:17:59,832
On tag en
puhua yet-- Sisällönkuvauskenttä.

386
00:17:59,832 --> 00:18:01,540
Se on vain eräänlainen
taustatieto.

387
00:18:01,540 --> 00:18:04,210
Se auttaa SEO, tai
Hakukoneoptimointi,

388
00:18:04,210 --> 00:18:06,320
tai Google-hakutulosten tai vastaavaa.

389
00:18:06,320 --> 00:18:09,029
Mutta jos me etsimme, pitää
näköinen, tässä body.

390
00:18:09,029 --> 00:18:11,570
Ja siellä kimppua muiden
tunnisteet olemme ole puhuneet vielä.

391
00:18:11,570 --> 00:18:13,750
Mutta Div on yksi varten
jako sivun.

392
00:18:13,750 --> 00:18:16,680
Se on kuin näkymätön suorakulmio
jos sellainen halutaan henkisesti

393
00:18:16,680 --> 00:18:20,160
jakaa sivusi
eri yksiköiden verkossa.

394
00:18:20,160 --> 00:18:22,650
Ja sitten paljon divs I
katso, jota kutsutaan luokan,

395
00:18:22,650 --> 00:18:24,440
mutta palaamme siihen.

396
00:18:24,440 --> 00:18:26,200
>> Tämä on interesting-- Forms.

397
00:18:26,200 --> 00:18:27,730
Lomakkeet ovat koko web.

398
00:18:27,730 --> 00:18:30,310
Jokainen hakukenttä olet
koskaan käytetty on muotoa.

399
00:18:30,310 --> 00:18:31,490
Ja niin, katsotaanpa itse nähdä.

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

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

402
00:18:33,910 --> 00:18:37,660
Toimia tämän lomakkeen, jostain
historiallisista syistä, on se, että URL-osoite.

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

404
00:18:38,840 --> 00:18:44,060
Osoittautuu, että HTTP-pyyntöjä voi käyttää
verbi "saada", kuten näimme aikaisemmin,

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

406
00:18:45,070 --> 00:18:47,030
Ja näkevät eron
Tämän hetken.

407
00:18:47,030 --> 00:18:48,363
Katsotaan itse nähdä, mitä tämä on.

408
00:18:48,363 --> 00:18:49,830
Saanen palata Stanfordin sivulle.

409
00:18:49,830 --> 00:18:53,330
Missä muodossa he puhuvat
noin, luulet?

410
00:18:53,330 --> 00:18:54,485
Mitä hyppää ulos sinua?

411
00:18:54,485 --> 00:18:54,970
>> Yleisö: Search ruutuun.

412
00:18:54,970 --> 00:18:55,845
>> DAVID J. MALAN: Joo.

413
00:18:55,845 --> 00:18:58,410
Joten ylös oikeassa yläkulmassa
tässä tämä haku ruutuun.

414
00:18:58,410 --> 00:19:02,441
Ja se, miten ne toteutetaan it--
tunniste, joka on kirjaimellisesti auki-kiinnike muodossa.

415
00:19:02,441 --> 00:19:03,940
Ja sitten nyt etsiä jotain.

416
00:19:03,940 --> 00:19:09,220
Oletetaan etsiä kaveri
of mine-- "Nick Parlante."

417
00:19:09,220 --> 00:19:11,380
Tulla sisään.

418
00:19:11,380 --> 00:19:13,750
Ja tietenkin, se meni
hieman eri URL.

419
00:19:13,750 --> 00:19:15,140
Päästä minut tänne.

420
00:19:15,140 --> 00:19:18,960
Oletetaan etsi "kursseja."

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

422
00:19:19,460 --> 00:19:20,484
Meni eri URL.

423
00:19:20,484 --> 00:19:23,400
Joten, Stanfordin lisäämällä joitakin taika
että he eivät vei minut URL

424
00:19:23,400 --> 00:19:25,820
että näimme
toiminta määrite siellä.

425
00:19:25,820 --> 00:19:32,480
Mutta tämä lomake tästä toteutetaan puhtaasti
Poiketen tämän markup täällä, nämä tunnisteet.

426
00:19:32,480 --> 00:19:35,710
Itse asiassa tässä on tulo
tyypin haun, että haluat.

427
00:19:35,710 --> 00:19:38,940
Tässä on tulo
toisentyyppistä haun.

428
00:19:38,940 --> 00:19:41,960
Tässä on tulo merkkijono itse.

429
00:19:41,960 --> 00:19:45,394
Ja niin tavoitteena ei ole kääriä
mielemme ympärille kaikki nämä tunnisteet

430
00:19:45,394 --> 00:19:46,060
mutta vain nähdä.

431
00:19:46,060 --> 00:19:48,300
Se on vain avaamalla ja sulkemalla
tunnisteet ja etsivät asioita.

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

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

434
00:19:48,920 --> 00:19:49,795
>> Yleisö: [tahtiimme]

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

436
00:19:51,925 --> 00:19:53,550
DAVID J. MALAN: Se on hyvä kysymys.

437
00:19:53,550 --> 00:19:54,660
Se on hieman hankalampaa nähdä.

438
00:19:54,660 --> 00:19:56,300
Palaan tähän
kysymys vain muutaman minuutin

439
00:19:56,300 --> 00:19:59,000
kun katsomme jotain kutsutaan
CSS tai CSS,

440
00:19:59,000 --> 00:20:02,500
ja voimme yrittää päätellä
niin paljon sivulta.

441
00:20:02,500 --> 00:20:08,090
Jos siis nyt katsomaan google.com,
Katsotaan, mitä heidän sivu näyttää.

442
00:20:08,090 --> 00:20:09,840
Olisit they're-- se söpö tänään.

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

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

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

446
00:20:13,690 --> 00:20:15,260
Selvä, niin View Source.

447
00:20:15,260 --> 00:20:19,590
Luulisi Google on
todella mukavaa lähdekoodia.

448
00:20:19,590 --> 00:20:24,970
Joten, ilmeisesti, mitä täällä tapahtuu?

449
00:20:24,970 --> 00:20:27,880
Ja itse asiassa, tämä ei ole edes HTML.

450
00:20:27,880 --> 00:20:30,930
Tämä on jotain kutsutaan JavaScript.

451
00:20:30,930 --> 00:20:32,344
Ja nyt pitää käynnissä ja menee.

452
00:20:32,344 --> 00:20:34,010
En edes tiedä, missä sivun alkaa.

453
00:20:34,010 --> 00:20:37,240
Aion käyttää Command
F, alkusulkumerkki HTML.

454
00:20:37,240 --> 00:20:38,200
Selvä, siellä se on.

455
00:20:38,200 --> 00:20:44,150
Löysin alkua sivun, ja
on niin paljon tavaraa täällä.

456
00:20:44,150 --> 00:20:45,310
>> Mitä todella tapahtuu?

457
00:20:45,310 --> 00:20:47,460
No, tiedätkö mitä,
Voimme puhdistaa tämän ylös.

458
00:20:47,460 --> 00:20:52,109
Jos minä sen sijaan mennä tähän Tarkasta
työkalupalkin, tämä erityinen diagnostinen työkalu,

459
00:20:52,109 --> 00:20:54,150
ja mennä eikä verkkoon,
jossa pidämme menossa tänään,

460
00:20:54,150 --> 00:20:56,420
mutta jos menen Elements,
mikä on todella mukavaa

461
00:20:56,420 --> 00:20:59,990
on, että selain on paljon
paljon parempi silmät kuin minä.

462
00:20:59,990 --> 00:21:02,670
Ja selain voi lukea
että sotku Web-sivun,

463
00:21:02,670 --> 00:21:04,700
että HTML-postia me vain
katsoi, ja se voi

464
00:21:04,700 --> 00:21:08,340
jäsentää sitä tai lukea ja
analysoida ja alustaa sen

465
00:21:08,340 --> 00:21:09,910
mukava ihmisille sopivalla tavalla.

466
00:21:09,910 --> 00:21:11,740
Joten mitä näen nyt
Tässä näytössä täällä

467
00:21:11,740 --> 00:21:15,470
elementeissä, täsmälleen sama sisältö,
mutta he ovat sisennetty kaiken,

468
00:21:15,470 --> 00:21:18,140
he colorized sen, mutta
se on täsmälleen sama teksti

469
00:21:18,140 --> 00:21:19,620
että olen ladannut palvelimelta.

470
00:21:19,620 --> 00:21:23,630
>> Ja mitä mukavaa nyt näen
kehossa, sillä instance-- ilmoitusta,

471
00:21:23,630 --> 00:21:26,480
sivu on edelleen muodostuu
vain pää ja vartalo,

472
00:21:26,480 --> 00:21:28,660
ja voin hierarkkisesti sukeltaa täällä.

473
00:21:28,660 --> 00:21:32,420
Huomaa, että Google näyttää
että divs-- tämä ja tämä.

474
00:21:32,420 --> 00:21:33,310
Voin laajentaa tuota.

475
00:21:33,310 --> 00:21:35,370
Siellä on koko joukko muita divs.

476
00:21:35,370 --> 00:21:36,900
Joten se on vähän monimutkainen.

477
00:21:36,900 --> 00:21:37,400
Mutta odota.

478
00:21:37,400 --> 00:21:40,970
Tämä vaikuttaa niin paljon enemmän
luettavissa, suhteellisen, kuin tämä.

479
00:21:40,970 --> 00:21:43,840
Miksi Google kiusallista
itsensä vain lähettämällä

480
00:21:43,840 --> 00:21:50,400
tämä valtava sotku koodin joidenkin
sort juuri toteuttaa jotain

481
00:21:50,400 --> 00:21:53,640
joka näyttää niin yksinkertainen ensi silmäyksellä?

482
00:21:53,640 --> 00:21:55,270
Kuten, miksi he eivät lisää tiloja?

483
00:21:55,270 --> 00:21:56,811
Miksi he eivät paina Enter kuin minä?

484
00:21:56,811 --> 00:21:59,110
Katso kuinka hyvä olin
kirjoittamaan web-sivulla.

485
00:21:59,110 --> 00:22:00,680
Löin Enter niin ahkerasti.

486
00:22:00,680 --> 00:22:03,760
Olen sisennetty joten kaikki
on niin kaunis ja luettavissa.

487
00:22:03,760 --> 00:22:08,463
Miksi Google ei käytännössä sama?

488
00:22:08,463 --> 00:22:11,409
>> Yleisö: [tahtiimme]

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

490
00:22:12,305 --> 00:22:13,180
DAVID J. MALAN: Hyvä.

491
00:22:13,180 --> 00:22:14,270
Erittäin oikeudenmukainen.

492
00:22:14,270 --> 00:22:16,650
Heillä ei ole joitakin
henkilö Google manuaalisesti

493
00:22:16,650 --> 00:22:18,160
päivittäminen kotisivu enää.

494
00:22:18,160 --> 00:22:20,010
Se ei ole 1999 enää.

495
00:22:20,010 --> 00:22:21,140
Joten ne ovat ohjelmistoja.

496
00:22:21,140 --> 00:22:25,397
Heillä on muita työkaluja, jotka
tuottaa dynaamisesti he HTML.

497
00:22:25,397 --> 00:22:27,480
Tietenkin, että koodista
kirjoittaneet ihmiset,

498
00:22:27,480 --> 00:22:30,220
mutta todellisuus on,
se on melko reilua sanoa,

499
00:22:30,220 --> 00:22:33,340
selain ei tietenkään
välitä kuinka sotkuinen koodi on.

500
00:22:33,340 --> 00:22:35,940
Mutta on vieläkin
pakottava tekninen syy

501
00:22:35,940 --> 00:22:42,580
että Google jakaa niiden HTML
koodia niin huolimaton, näennäisesti

502
00:22:42,580 --> 00:22:48,350
ylivoimainen tapa kaikki pakattu yhteen
hyvin vähän way-- hyvin vähän

503
00:22:48,350 --> 00:22:51,274
tiellä muotoiluja kuten tein.

504
00:22:51,274 --> 00:22:52,570
>> Yleisö: [tahtiimme]

505
00:22:52,570 --> 00:22:53,528
>> DAVID J. MALAN: Nopeampi?

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

507
00:22:54,040 --> 00:22:55,680
Ja mitä sanoit, Lydia?

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

509
00:22:56,240 --> 00:22:57,281
Miksi nopeammin?

510
00:22:57,281 --> 00:22:58,156
Yleisö: [tahtiimme]

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

512
00:23:00,522 --> 00:23:02,230
DAVID J. MALAN: Ei
ole tilaa lukea.

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

514
00:23:02,730 --> 00:23:04,560
Joten miettiä, mitä tilaa on.

515
00:23:04,560 --> 00:23:08,394
Joten jokainen merkki näppäimistöllä kestää
jonkin verran tilaa edustaa,

516
00:23:08,394 --> 00:23:10,560
joko fyysisesti, kuin se
vie niin paljon tilaa,

517
00:23:10,560 --> 00:23:13,250
tai jotenkin alla
huppu, joka vaatii muistia.

518
00:23:13,250 --> 00:23:15,740
Ja kuin aside-- ja me
puhua enemmän tästä tomorrow--

519
00:23:15,740 --> 00:23:19,930
jokainen merkki näppäimistöllä
vaatii tyypillisesti 8 bittiä, tai yksi tavu.

520
00:23:19,930 --> 00:23:23,360
Niinpä kuvio 8 nollia tai
niitä, tai vain 1 tavu, kun me

521
00:23:23,360 --> 00:23:24,720
ihmisillä tyypillisesti sanoa.

522
00:23:24,720 --> 00:23:27,690
Niin, että pienet, mutta
se on edelleen nollasta.

523
00:23:27,690 --> 00:23:29,940
Se on edelleen jonkin verran tilaa.

524
00:23:29,940 --> 00:23:36,082
Joten jos insinööri tai Google osumia
välilyöntiä vain kerran, ja olettaa

525
00:23:36,082 --> 00:23:38,540
Google-- se super-popular--
Oletetaan, että miljardi ihmistä

526
00:23:38,540 --> 00:23:40,780
vierailla heidän kotisivun päivässä,
tai jotkut joukko ihmisiä

527
00:23:40,780 --> 00:23:43,290
käy kotisivulla
miljardia kertaa päivässä,

528
00:23:43,290 --> 00:23:48,890
montako tavua on, että
ohjelmistosuunnittelija vain maksaa Google

529
00:23:48,890 --> 00:23:51,310
lyömällä hänen välilyöntiä kerran?

530
00:23:51,310 --> 00:23:52,692
>> Yleisö: [tahtiimme]

531
00:23:52,692 --> 00:23:54,150
DAVID J. MALAN: Ei aivan niin paha.

532
00:23:54,150 --> 00:23:57,070
Vain yksi tavu kertaa miljardi.

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

534
00:23:57,871 --> 00:23:59,120
Yleisö: 8 miljardia gigatavua.

535
00:23:59,120 --> 00:24:00,370
DAVID J. MALAN: Ei 8 miljardia.

536
00:24:00,370 --> 00:24:01,240
8 miljardia tavua.

537
00:24:01,240 --> 00:24:02,410
Mutta 1 gigatavu.

538
00:24:02,410 --> 00:24:04,080
1 gigatavu olisi mittayksikkö.

539
00:24:04,080 --> 00:24:08,240
Jos hän tekee kaksi
tilat, 2 gigatavua.

540
00:24:08,240 --> 00:24:09,030
Kolme gigatavua.

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

542
00:24:09,530 --> 00:24:11,860
Se skaalaa kalliisti.

543
00:24:11,860 --> 00:24:16,150
Ja niin siinä tapauksessa, kuten Google,
joka myönsi, ovat ääritapauksessa

544
00:24:16,150 --> 00:24:21,450
on olemassa muita asioita, jotka syntyvät vain
tekemällä hyvin järkeviä päätöksiä

545
00:24:21,450 --> 00:24:25,744
tai ottamalla hyvin yksinkertainen ihmisen toiminnasta,
koska sillä on tämä suurennettu vaikutusta.

546
00:24:25,744 --> 00:24:27,660
Joten yksi syy
Tämä näyttää niin pakattuja

547
00:24:27,660 --> 00:24:30,660
Juuri Victoria said-- se oli
vain syntyy tietokoneet muutenkin.

548
00:24:30,660 --> 00:24:31,900
Joten ei ole iso juttu.

549
00:24:31,900 --> 00:24:33,309
Anna selain tajuta se.

550
00:24:33,309 --> 00:24:35,350
Mutta se myös tarkoituksella
ei ole paljon tilaa,

551
00:24:35,350 --> 00:24:36,766
koska tila ei ole tarpeen.

552
00:24:36,766 --> 00:24:38,250
Ja tila todella maksaa.

553
00:24:38,250 --> 00:24:40,670
>> Se joko maksaa aika,
koska vain työntää

554
00:24:40,670 --> 00:24:44,670
että paljon enemmän tietoa ulos
google.com pääkonttori vain

555
00:24:44,670 --> 00:24:47,710
on saanut kestää jonkin määrän
aika, vaikka se on millisekuntia

556
00:24:47,710 --> 00:24:51,190
tai mikrosekuntia, mutta siinä on järkeä
yli niin monet käyttäjät, tai todennäköisemmin,

557
00:24:51,190 --> 00:24:52,270
se luultavasti maksaa.

558
00:24:52,270 --> 00:24:54,690
Google todennäköisesti muodostaa yhteyden
joku muu maailmassa, yksi

559
00:24:54,690 --> 00:24:56,398
Näiden peering
pistettä, ja jos heillä on

560
00:24:56,398 --> 00:24:59,880
jonkinlainen taloudellinen suhde
jolloin niiden tietojen maksaa,

561
00:24:59,880 --> 00:25:01,730
ne saattavat yhtä hyvin
minimoida kuinka paljon tietoa

562
00:25:01,730 --> 00:25:04,530
he sylkeminen ulos
niiden Internet-yhteys.

563
00:25:04,530 --> 00:25:07,630
>> Joten Hassua, vaikka viime kädessä
tai ehkä rauhoittavaa asia,

564
00:25:07,630 --> 00:25:11,030
on, että vaikka tämä näyttää pahalta
ylivoimainen, lopussa päivä,

565
00:25:11,030 --> 00:25:16,750
se on edelleen täsmälleen samoja periaatteita kuin
tämä hyvin yksinkertainen sivu täällä HTML

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

567
00:25:17,390 --> 00:25:20,610
Joten vain yhteen ja jotta te
on ensisijainen versio, jos et olisi

568
00:25:20,610 --> 00:25:25,900
Seuraavat mukanaan valinta täällä, täällä
saattaisi olla kaikkein yksinkertainen web-sivuja,

569
00:25:25,900 --> 00:25:28,240
niin jotain leikkiä ehkä myöhemmin.

570
00:25:28,240 --> 00:25:30,790
>> No, käyttöön
Pari muita ideoita nyt.

571
00:25:30,790 --> 00:25:33,420
Olemme ottamassa käyttöön
jotain kutsutaan tyyli tag.

572
00:25:33,420 --> 00:25:38,110
Voimme tyylitellä tämä sivu
useammalla mielenkiintoisella tavalla.

573
00:25:38,110 --> 00:25:40,860
Joten taas HTML email
on kyse merkkauksen

574
00:25:40,860 --> 00:25:44,470
data, eräänlainen täsmennetään on
selaimen miten rakenne tiedot,

575
00:25:44,470 --> 00:25:48,110
mihin se, CSS, tai
CSS,

576
00:25:48,110 --> 00:25:52,640
on toinen kieli, joka
yleensä saa sekoitettu HTML

577
00:25:52,640 --> 00:25:55,670
koska me see-- mutta voimme puhdistaa
että jopa joka moment-- joka vie

578
00:25:55,670 --> 00:25:59,850
se viimeinen maili, ja se tyylittelee sitä.

579
00:25:59,850 --> 00:26:02,460
Se saa värit juuri oikea,
fontin kokoa juuri sopiva,

580
00:26:02,460 --> 00:26:03,860
paikannus juuri oikea.

581
00:26:03,860 --> 00:26:06,510
Kyse estetiikka
tai alustat, ei siitä

582
00:26:06,510 --> 00:26:08,330
perustavanlaatuinen tiedot itse.

583
00:26:08,330 --> 00:26:11,390
Ja helpoin tapa osoittaa
tämä on ehkä esimerkkiä.

584
00:26:11,390 --> 00:26:15,320
Joten aion mennä yli
minun yksinkertaisen tekstitiedoston.

585
00:26:15,320 --> 00:26:17,970
Ja aivan hetken kuluttua, minä
kävellä meidät läpi prosessin

586
00:26:17,970 --> 00:26:19,360
tehdä tämä itse.

587
00:26:19,360 --> 00:26:23,310
>> Aion mennä takaisin minun tiedosto
täällä ja lataa sivu juuri

588
00:26:23,310 --> 00:26:25,800
vahvistaa sen, mitä se näyttää.

589
00:26:25,800 --> 00:26:27,190
Se missä me olemme nyt.

590
00:26:27,190 --> 00:26:31,170
Tunnen lapset nauttisivat
ottaa väriä tähän sivuun.

591
00:26:31,170 --> 00:26:34,480
Joten aion mennä täällä
osaksi pään sivulla.

592
00:26:34,480 --> 00:26:38,130
Ja aion tehdä tyyli, / tyyli.

593
00:26:38,130 --> 00:26:44,060
Ja sitten sisällä tämän, aion
kertomaan ruumiin minun page--

594
00:26:44,060 --> 00:26:46,870
ja tämä muotoilu on kello
ensisilmäyksellä, ehkä hieman

595
00:26:46,870 --> 00:26:49,400
outo mutta tavanomainen.

596
00:26:49,400 --> 00:26:55,010
Aion sanoa, että taustalla
väri Tämän sivun pitäisi olla vihreä.

597
00:26:55,010 --> 00:26:57,960
Ja tämä on valitettavasti
tavallaan ole paras design.

598
00:26:57,960 --> 00:27:00,710
Huomaa, että aiemmin
maailmassa HTML,

599
00:27:00,710 --> 00:27:03,190
Sanoin, että attribuutteja
nämä Avainarvoparit.

600
00:27:03,190 --> 00:27:05,760
Jotain yhtä kuin lainaus
lainaus "jotain."

601
00:27:05,760 --> 00:27:08,810
Kun maailma CSS, joka oli
suunnitellut joitakin erilaisia ​​ihmisiä,

602
00:27:08,810 --> 00:27:11,020
he päättivät, että niiden
maailma, Avainarvoparit

603
00:27:11,020 --> 00:27:13,920
Olisi sana paksusuolen jotain.

604
00:27:13,920 --> 00:27:15,220
Joten se on sama idea, tosin.

605
00:27:15,220 --> 00:27:18,620
Se liittämällä arvo
joidenkin keskeisten että jotenkin

606
00:27:18,620 --> 00:27:20,330
vaikuttaa käyttäytymiseen tällä sivulla.

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

608
00:27:21,901 --> 00:27:24,150
Mikä on tämä luultavasti
tehdä vaikka olet koskaan

609
00:27:24,150 --> 00:27:27,867
nähnyt HTML tai CSS ennen?

610
00:27:27,867 --> 00:27:29,450
Yleisö: Muuta taustaväri.

611
00:27:29,450 --> 00:27:30,560
DAVID J. MALAN: Joo,
vaihtaa taustavärin.

612
00:27:30,560 --> 00:27:33,280
Ja erityisesti
taustaväri kehon.

613
00:27:33,280 --> 00:27:36,290
Mutta sikäli kuin
elin on nyt verkossa

614
00:27:36,290 --> 00:27:38,870
page-- se on ainoa asia,
alapuolella otsikkopalkissa really--

615
00:27:38,870 --> 00:27:40,870
se luultavasti
vaikuttaa sama asia.

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

617
00:27:41,430 --> 00:27:42,490
Säästetään tätä.

618
00:27:42,490 --> 00:27:44,310
Mene tänne ja lataa.

619
00:27:44,310 --> 00:27:46,140
Se on aika vastenmielinen.

620
00:27:46,140 --> 00:27:48,070
Ja mitä tapahtuu
tässä sivuvaikutus.

621
00:27:48,070 --> 00:27:49,850
Olen juuri valinnut tämän kuvan sattumanvaraisesti.

622
00:27:49,850 --> 00:27:53,305
Miksi vihreä ei
leviämässä takana Mickey?

623
00:27:53,305 --> 00:27:54,180
Yleisö: [tahtiimme]

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

625
00:27:56,880 --> 00:27:57,880
DAVID J. MALAN: Aivan.

626
00:27:57,880 --> 00:28:01,750
Käy ilmi, että kuvien, melko
paljon kaikki kuvat, joita voisimme käyttää,

627
00:28:01,750 --> 00:28:03,670
ovat kaikki rectangles-- suorakulmioita.

628
00:28:03,670 --> 00:28:07,710
Vaikka Mickey on joitakin käyrät
itsekseen ja on tausta,

629
00:28:07,710 --> 00:28:09,330
Tätä taustaa on jotain.

630
00:28:09,330 --> 00:28:10,280
Sen täytyy olla valkoinen.

631
00:28:10,280 --> 00:28:11,910
Sen on oltava mustia tai jotain muuta.

632
00:28:11,910 --> 00:28:13,650
Se voi olla läpinäkyvä.

633
00:28:13,650 --> 00:28:16,100
Ja itse asiassa, voisin
avaa Mikki Hiiri täällä

634
00:28:16,100 --> 00:28:18,590
in ohjelma nimeltä Photoshop
tai jotain vastaavaa

635
00:28:18,590 --> 00:28:21,176
ja muuttaa kaikki tuon valkoisen
tausta läpinäkyväksi,

636
00:28:21,176 --> 00:28:22,550
niin, että vihreä voisi paistaa läpi.

637
00:28:22,550 --> 00:28:25,980
Mutta se on jotain, mitä olisi
pyytää itsestäni tai graafikko

638
00:28:25,980 --> 00:28:28,130
tai suunnittelija minun
yritys, esimerkiksi,

639
00:28:28,130 --> 00:28:31,490
tehdä, varsinkin kun minä vain
lainattu tämä Internetistä.

640
00:28:31,490 --> 00:28:33,030
Mutta se, miksi tämä tapahtuu.

641
00:28:33,030 --> 00:28:34,980
>> Mitä muuta voisi haluamme tehdä?

642
00:28:34,980 --> 00:28:41,040
No, me haluta sanoa me
todella toivon viihdyt.

643
00:28:41,040 --> 00:28:44,150
Ja korostetaan, haluan
jotta tämä vahva,

644
00:28:44,150 --> 00:28:48,310
ja niin minä sanon auki vahva ja
Sulje vahva ja lataa sitten.

645
00:28:48,310 --> 00:28:50,320
Ja se on hieman vaikea
nähdä projektorilla

646
00:28:50,320 --> 00:28:53,250
mutta ehkä todella nyt
hyppää ulos sinua hieman.

647
00:28:53,250 --> 00:28:56,180
Joten voit lisätä kursiivilla tässä
tavalla, rohkea puolella tällä tavalla.

648
00:28:56,180 --> 00:28:57,500
Voisimme muuttaa väriä.

649
00:28:57,500 --> 00:29:01,610
Itse asiassa vain huvin, olen
menossa mennä eteenpäin ja tehdä tätä.

650
00:29:01,610 --> 00:29:05,120
En todellakaan pidä siitä, miten minun
kohdat ovat tässä lähellä toisiaan,

651
00:29:05,120 --> 00:29:06,870
joten voisin tehdä jotain tällaista.

652
00:29:06,870 --> 00:29:13,310
Aion kertoa selaimen,
muuttua joka kohdassa tag on,

653
00:29:13,310 --> 00:29:16,952
Katsotaanpa say-- todella, tiedätkö mitä,
katsotaanpa yhdenmukaistamiseksi text-align, keskus.

654
00:29:16,952 --> 00:29:19,410
Ja vielä, tiedän tämän vain
koska joku opetti sen minulle

655
00:29:19,410 --> 00:29:21,118
tai Katsoin sitä ylös
online viittaus.

656
00:29:21,118 --> 00:29:22,450
Joten anna minun pelastaa tämän.

657
00:29:22,450 --> 00:29:25,070
Ja ah, nyt olen
keskitetty kuva siellä.

658
00:29:25,070 --> 00:29:28,490
Ja itse asiassa, tiedätkö mitä, jos
Voin siirtää kuvan kappaleen

659
00:29:28,490 --> 00:29:34,510
tag-- joten kolmas kappale,
vaikka se ei ole tekstiä.

660
00:29:34,510 --> 00:29:36,917
Säästetään että ja ladata.

661
00:29:36,917 --> 00:29:40,000
Nyt sivu alkaa näyttää laatuaan
soita näin Siis, se on edelleen melko ruma,

662
00:29:40,000 --> 00:29:43,180
mutta ainakin se näyttää vietin
Kahden minuutin sijasta yhden minuutin

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

664
00:29:43,950 --> 00:29:47,200
>> Ja niin, vähitellen, voimme tehdä
nämä esteettisiä muutokset nyt sivulle?

665
00:29:47,200 --> 00:29:50,860
Olen oikeastaan ​​muuttanut tiedot
sivu muuta kuin lisäämällä sana todella.

666
00:29:50,860 --> 00:29:52,650
Olen lisännyt metatietoja, jos haluatte.

667
00:29:52,650 --> 00:29:54,830
Hei, selain, tee
Sana "todella" rohkea.

668
00:29:54,830 --> 00:29:56,940
Mutta tiedot eivät ole vahva.

669
00:29:56,940 --> 00:29:57,830
Se metadata.

670
00:29:57,830 --> 00:29:59,410
Tiedot on "todella".

671
00:29:59,410 --> 00:30:02,200
Joten meillä on vielä joitakin
samoja käsitteitä kuin ennen.

672
00:30:02,200 --> 00:30:05,990
Nythän tämä ei ole verkossa,
joten aion tehdä yksi viimeinen vaihe tässä.

673
00:30:05,990 --> 00:30:10,300
>> Aion mennä hello.html
ja juuri esiin ja kopioi tähän.

674
00:30:10,300 --> 00:30:12,285
Ja nyt aion
mennä Cloud9, joka

675
00:30:12,285 --> 00:30:13,910
Minä opastaa aivan hetken.

676
00:30:13,910 --> 00:30:17,080
Ja kertoimet ovat voit pian, jos
ei jo kello seuraavanlaisen näytön.

677
00:30:17,080 --> 00:30:21,080
Ja haluan vain antaa sinulle nopean
kierros mikä Cloud9 todellisuudessa on.

678
00:30:21,080 --> 00:30:26,590
Joten jälleen pilvi 9 on
Tämä pilvi-pohjainen palvelu

679
00:30:26,590 --> 00:30:30,580
joka antaa sinulle ja minulle illuusion
joilla on omia virtuaalikone

680
00:30:30,580 --> 00:30:33,090
pilvessä, teknisesti
kontti pilvessä,

681
00:30:33,090 --> 00:30:35,160
että meillä on täysi
järjestelmänvalvojan oikeudet.

682
00:30:35,160 --> 00:30:37,130
Joten teoriassa, kukaan
muualla maailmassa on

683
00:30:37,130 --> 00:30:39,152
pääsy näytön olen
katsomalla juuri nyt,

684
00:30:39,152 --> 00:30:40,860
paitsi ehkä ihmiset
jotka pyörittävät sivustolla,

685
00:30:40,860 --> 00:30:43,470
koska teknisesti ne ovat
fyysinen pääsy ja niin edelleen.

686
00:30:43,470 --> 00:30:44,740
>> Joten mitä me näemme tässä ympäristössä?

687
00:30:44,740 --> 00:30:46,230
Aion loitontaa
koska se on vähän pieni.

688
00:30:46,230 --> 00:30:48,104
Ja haluaisin vielä sanoa yli
täällä vain hetken.

689
00:30:48,104 --> 00:30:53,210
Vasemmalla puolella minun ja sinun
näyttö, siellä on tiedostoselain vasemmalla.

690
00:30:53,210 --> 00:30:55,362
Joten samanhenkinen
Mac OS ja Windows.

691
00:30:55,362 --> 00:30:57,070
Nämä ovat kaikki
tiedostoja tililläni.

692
00:30:57,070 --> 00:30:59,250
Ja oletuksena, jos
tili on kuin minun,

693
00:30:59,250 --> 00:31:05,090
näet tai pian nähdä
helloworld.html ja readme.md.

694
00:31:05,090 --> 00:31:07,950
Tänne oikealla, tämä on
missä minun tekstitiedostoja eivät mene.

695
00:31:07,950 --> 00:31:11,620
Jos olet koskaan käytetty Microsoft
Word tai Notepad tai TeXturi,

696
00:31:11,620 --> 00:31:14,100
tämä on sana minun muokkausta
Tiedostojen ei mene.

697
00:31:14,100 --> 00:31:16,540
Ja sitten kaikkein mystistä
piirre tässä ympäristössä

698
00:31:16,540 --> 00:31:20,100
että emme todellakaan tarvitse käyttää on
täällä kutsutaan Terminal Window.

699
00:31:20,100 --> 00:31:23,390
Jos olet käyttänyt DOS
menneen, tämä on Linux

700
00:31:23,390 --> 00:31:25,450
tai Linuxin vastine DOS.

701
00:31:25,450 --> 00:31:28,190
Se on tekstipohjainen interface--
no hiiren napsautuksella, ei vetämällä.

702
00:31:28,190 --> 00:31:30,770
Kaikki mitä voi tehdä on kirjoittaa
komentoja, mutta ne komennot

703
00:31:30,770 --> 00:31:34,400
voi luoda tiedostoja, siirtää tiedostoja, avoin
hakemistoja, lähellä hakemistoja,

704
00:31:34,400 --> 00:31:35,740
tehdä mitään monia asioita.

705
00:31:35,740 --> 00:31:38,060
Mutta nyt, me vain
aikaamme täällä.

706
00:31:38,060 --> 00:31:39,050
>> Ja niin tehdään tämä.

707
00:31:39,050 --> 00:31:41,008
Jos olet tässä
ympäristö, joka sinun pitäisi

708
00:31:41,008 --> 00:31:45,900
olla, jos luonut työtilan
jo, mennä eteenpäin ja vain mennä ylös

709
00:31:45,900 --> 00:31:48,690
tiedostoon, New hetkeksi.

710
00:31:48,690 --> 00:31:51,740
Ja joka antaa sinulle uuden
välilehti täällä keskellä.

711
00:31:51,740 --> 00:31:54,250
Ja minä just-- ja lähdetään
mennä eteenpäin ja tehdä tätä.

712
00:31:54,250 --> 00:31:59,910
Mennään eteenpäin ja nyt eivät File, Save
ja mennä eteenpäin ja kutsua sitä hello.html,

713
00:31:59,910 --> 00:32:02,740
ei pidä sekoittaa
helloworld.html, joka

714
00:32:02,740 --> 00:32:06,910
mukana uusi ilmainen tili,
joka on vain näyte tiedosto.

715
00:32:06,910 --> 00:32:11,020
Näet sen yhtäkkiä,
todennäköisimmin vasemmalla puolella,

716
00:32:11,020 --> 00:32:12,810
ja välilehti on edelleen auki.

717
00:32:12,810 --> 00:32:21,300
Ja haluaisin rohkaista teitä nyt luoda
tämä tiedosto tai jokin variantit.

718
00:32:21,300 --> 00:32:24,607
Ja jos oikein näe sitä on
näyttö, tämä on sama kuin liukuu

719
00:32:24,607 --> 00:32:26,190
että olet todennäköisesti toisessa välilehdessä.

720
00:32:26,190 --> 00:32:29,296
>> Joten lyhyt, tee ensimmäinen web-sivun,
tallentaa sen, ja sitten vain hetken,

721
00:32:29,296 --> 00:32:31,170
Näytän sinulle, kuinka
voi todella tarkastella tätä.

722
00:32:31,170 --> 00:32:32,970
Mutta muuttaa ainakin yksi asia.

723
00:32:32,970 --> 00:32:35,400
Muuta helloworld kohteeseen
jotain oman valinnan,

724
00:32:35,400 --> 00:32:39,821
niin että olet varma, että se on sinun
tiedosto eikä minun juuri luotu.

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

726
00:32:40,320 --> 00:32:43,804
Ja kun olet ready-- no
rush-- kun olet valmis,

727
00:32:43,804 --> 00:32:46,220
mennä eteenpäin ja tallenna tiedosto
Kun olet tehnyt nämä muutokset.

728
00:32:46,220 --> 00:32:49,540
Ja jos klikkaat
Suorita painikkeen ylös, tämä

729
00:32:49,540 --> 00:32:53,610
pitäisi avata uuden välilehden, joka kertoo
mitä URL voivat käydä tiedoston,

730
00:32:53,610 --> 00:32:56,380
mutta se saattaa kestää hetken
lainaus lainaus "aloittaa Apache", joka

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

732
00:32:58,820 --> 00:33:02,430
Joten ole varovainen tekemään juuri
mitä tiedostoon lopulta.

733
00:33:02,430 --> 00:33:04,610
Joten juuri nyt, minä suurentaa.

734
00:33:04,610 --> 00:33:07,780
Jos minä alkaa kirjoittaa
open-kiinnike HTML, ilmoitus

735
00:33:07,780 --> 00:33:09,650
se kehotukset minua päätän ajatus.

736
00:33:09,650 --> 00:33:13,750
Ja jos päätin ajatus, se
automaattisesti antaa minulle sulkeminen tag.

737
00:33:13,750 --> 00:33:17,190
Mutta odotus on sitten minä lyödä
Anna, ja sitten siirtyä sisälle sinne

738
00:33:17,190 --> 00:33:21,180
ja tehdä pää sisälle ja
sitten teen kehon sisälle.

739
00:33:21,180 --> 00:33:24,430
Ja se on vähän outo aluksi,
koska se tekee työtä sinulle,

740
00:33:24,430 --> 00:33:27,110
mutta ymmärtää, että viime kädessä
se säästää painalluksia.

741
00:33:27,110 --> 00:33:30,500
Ja itse asiassa hyvin yleinen piirre
ohjelmointiympäristöjä näinä päivinä

742
00:33:30,500 --> 00:33:33,260
sekä web-kehitys, kuten
Tämän ja ohjelmointia,

743
00:33:33,260 --> 00:33:36,960
joka me puhumme huomenna,
nämä automaattinen täydennys ominaisuuksia,

744
00:33:36,960 --> 00:33:39,710
asioita, jotka vain sallivat
ohjelmoija tai suunnittelija

745
00:33:39,710 --> 00:33:42,010
kirjoittaa vähemmän näppäinpainalluksia
tehdä saman asian.

746
00:33:42,010 --> 00:33:43,176
Joskus se on hyvä, vaikka.

747
00:33:43,176 --> 00:33:44,560
Joskus se on vain ärsyttävää.

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

749
00:33:49,290 --> 00:33:54,010
Ja jälleen, kun olet puhtaaksi
dia tai jonkin sen variantti,

750
00:33:54,010 --> 00:33:57,360
voit valita Suorita ylös.

751
00:33:57,360 --> 00:33:59,910
Ja sitten pohjaan
ikkunassa, sinun on ilmoitettava

752
00:33:59,910 --> 00:34:04,290
mitä URL voit käydä web-sivulle.

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

754
00:34:08,790 --> 00:34:11,480
ja niin edelleen.

755
00:34:11,480 --> 00:34:14,580
Selvä, niin, anna me-- kysyttävää?

756
00:34:14,580 --> 00:34:19,460
Muita kysymyksiä vain saada
tämä toimi ennen lisäämme ominaisuuksia?

757
00:34:19,460 --> 00:34:21,692
Ja haluan ehdottaa, vain
saada ihmiset comfortable--

758
00:34:21,692 --> 00:34:24,400
koska se on yksi asia vain
copy-paste sokeasti, mitä olen tehnyt.

759
00:34:24,400 --> 00:34:27,177
Mutta juuri niin, että ihmiset painivat
jossa on ainakin yksi tehtävälistan

760
00:34:27,177 --> 00:34:28,510
Aion päälle musiikkia.

761
00:34:28,510 --> 00:34:32,630
Aion ehdottaa luetteloa
mitä voi mahdollisesti lisätä.

762
00:34:32,630 --> 00:34:34,086
Ja voit varmasti käyttää Google.

763
00:34:34,086 --> 00:34:36,210
Ja miksi emme vain
ehdottaa, että yrität ratkaista

764
00:34:36,210 --> 00:34:38,710
ainakin yksi erityinen ongelma täällä.

765
00:34:38,710 --> 00:34:45,090
Joten kannalta tunnisteet,
haluan uudelleen täällä.

766
00:34:45,090 --> 00:34:48,280
>> Oikeastaan ​​Sanon
sitä tekstimuodossa.

767
00:34:48,280 --> 00:35:02,380
Oletetaan, että joukossa tunnisteet voisimme
käyttää tässä on joitakin tunnisteita täällä.

768
00:35:02,380 --> 00:35:06,090
Olemme nähneet kappaleen tag.

769
00:35:06,090 --> 00:35:07,850
Nyt se tulee automaattinen täydennys.

770
00:35:07,850 --> 00:35:12,220
Edellä tag, ankkuri tag.

771
00:35:12,220 --> 00:35:15,250
Sanotaan haluat
tehdä jotain suurempaa,

772
00:35:15,250 --> 00:35:19,480
joten voisi like--
span tag voi auttaa.

773
00:35:19,480 --> 00:35:23,010
No, saatat tarvita apua
että vain hetken.

774
00:35:23,010 --> 00:35:24,830
Olemme nähneet div.

775
00:35:24,830 --> 00:35:26,170
Näet siellä taulukossa.

776
00:35:26,170 --> 00:35:27,928
Siellä jotain kutsutaan tr, td.

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

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

779
00:35:32,860 --> 00:35:34,770
Palata siihen hetken kuluttua.

780
00:35:34,770 --> 00:35:36,590
Mitä muuta voisi olla kätevä?

781
00:35:36,590 --> 00:35:38,310
On vahva.

782
00:35:38,310 --> 00:35:43,640
On korostettava, tai pikemminkin em.

783
00:35:43,640 --> 00:35:50,110
There's-- mitä muuta
ehkä haluatte täällä?

784
00:35:50,110 --> 00:35:51,930
No, otamme
katsokaa että yhdessä.

785
00:35:51,930 --> 00:35:53,230
Muoto, jonka olemme nähneet.

786
00:35:53,230 --> 00:35:54,130
On muodossa.

787
00:35:54,130 --> 00:35:56,500
On tulo ja muutama muu.

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

789
00:35:58,924 --> 00:36:00,090
Selvä, joten tehdään tämä.

790
00:36:00,090 --> 00:36:02,330
Vastata Victorian
kysymys, haluaisin ensin

791
00:36:02,330 --> 00:36:05,020
vain varmista, että jokainen on
pysty hankkimaan hei työ.

792
00:36:05,020 --> 00:36:06,900
Sitten haluan esitellä
pari muita ideoita.

793
00:36:06,900 --> 00:36:09,209
Sitten kerromme ihmiset ratkaista
joitakin ongelmia omasta.

794
00:36:09,209 --> 00:36:11,500
Sitten me todella tulla takaisin
tätä käsitystä lomakkeen,

795
00:36:11,500 --> 00:36:14,950
ja me todella uudestaan ​​toteuttaa
yhdessä front-end käyttöliittymä,

796
00:36:14,950 --> 00:36:16,450
niin sanotusti, Google itse.

797
00:36:16,450 --> 00:36:19,700
Käytämme Googlen loppupäätä ja anna
ne tekevät kovaa työtä, etsimistä,

798
00:36:19,700 --> 00:36:22,760
mutta me uudelleen etupään
Googlen ja hakulomake

799
00:36:22,760 --> 00:36:24,520
että niillä on omat kotisivun.

800
00:36:24,520 --> 00:36:27,050
Ja niin me palaamme
nämä tagit vain hetken.

801
00:36:27,050 --> 00:36:30,270
>> Joten tämä oli mitä
ehdotti juuri äsken.

802
00:36:30,270 --> 00:36:33,940
Voimme lisätä stylization on
sivu sisällä tätä tyyliä tag,

803
00:36:33,940 --> 00:36:36,950
ja voimme stylize taustalla
väri, tekstin tasausta,

804
00:36:36,950 --> 00:36:39,000
onko se keskelle tai vasemmalle tai oikealle.

805
00:36:39,000 --> 00:36:41,630
Mutta hyvin nopeasti olisit
löytää tai web-suunnittelija

806
00:36:41,630 --> 00:36:44,060
huomata, että tämä
on hieman kankea,

807
00:36:44,060 --> 00:36:48,330
koska teet mitä
nimeltään sekoittamalla sisältöä

808
00:36:48,330 --> 00:36:50,120
kanssa esittämismuodosta.

809
00:36:50,120 --> 00:36:53,756
Sinä miksaamisessa tiedot
ja estetiikka viipymättä.

810
00:36:53,756 --> 00:36:56,380
Ja itse asiassa, jos otetaan huomioon
mitä tulee tapahtumaan yli time--

811
00:36:56,380 --> 00:36:58,350
tämä on hyvin pieni
Web-sivun, tietenkin.

812
00:36:58,350 --> 00:37:01,590
Mutta jos voin lisätä sisältöä tälle sivulle
ja lisään tyyli tälle sivulle,

813
00:37:01,590 --> 00:37:04,650
Sivun hyvin nopeasti saa
pidempään ja pidempään.

814
00:37:04,650 --> 00:37:07,510
Ja olettaa, että haluan
on toinen Web-sivu,

815
00:37:07,510 --> 00:37:09,010
jakaa joitakin näistä ominaisuuksista.

816
00:37:09,010 --> 00:37:12,350
Oletetaan toinen sivun omalle
site-- myös, haluan kaiken keskus,

817
00:37:12,350 --> 00:37:14,960
ja olen myös haluavat kaiken
vihreä tausta.

818
00:37:14,960 --> 00:37:17,940
Olen aika paljon täytyy
kopioi ja liitä joitakin näistä linjat

819
00:37:17,940 --> 00:37:20,730
tuohon toinen tiedosto, joka tuntuu hieno.

820
00:37:20,730 --> 00:37:22,030
Se ratkaisee ongelman.

821
00:37:22,030 --> 00:37:26,060
>> Mutta mitä jos haluan kolmas sivu
tai 30 sivun tai 40 sivun?

822
00:37:26,060 --> 00:37:28,730
Nyt aion olla kopiointi ja
liittämällä paljon päällekkäisiä koodin

823
00:37:28,730 --> 00:37:30,430
useita tiedostoja.

824
00:37:30,430 --> 00:37:32,600
Ja niin oletetaan, että
Päätän tai olen kertonut,

825
00:37:32,600 --> 00:37:34,780
hei, emme käyttämällä
vihreä tausta enää.

826
00:37:34,780 --> 00:37:36,380
Aiomme alkaa käyttää oranssi.

827
00:37:36,380 --> 00:37:38,690
Mitä sinun täytyy vaihtaa?

828
00:37:38,690 --> 00:37:42,900
No, sinun täytyy vaihtaa että tyyli
vihreästä oranssiin, montako?

829
00:37:42,900 --> 00:37:44,920
Kuten 30 tai 40 paikkaa.

830
00:37:44,920 --> 00:37:45,900
Se on ikävä.

831
00:37:45,900 --> 00:37:47,039
On virhealtista.

832
00:37:47,039 --> 00:37:49,580
On useita syitä
jossa et halua houkutella

833
00:37:49,580 --> 00:37:51,840
tällaista kipua itse.

834
00:37:51,840 --> 00:37:54,760
Ja niin eikö olisi mukavaa
jos voisimme ottaa mitä juuri

835
00:37:54,760 --> 00:37:58,240
laittaa näiden kahden keltaisen
tunnisteet, nämä tyyli tunnisteet,

836
00:37:58,240 --> 00:38:04,050
tekijä sen pois, ja laittaa kaikki minun
stylization yhdeksi keskeinen tiedostoon

837
00:38:04,050 --> 00:38:08,470
että kaikki 30 tai 40 minun muita tiedostoja
lainata tai jotenkin viittaus,

838
00:38:08,470 --> 00:38:11,640
ei toisin verkottumisen
kaaviot teemme ennen?

839
00:38:11,640 --> 00:38:15,030
>> Joten jos menen tänne, olen
menossa todella ehdottaa

840
00:38:15,030 --> 00:38:17,880
että korvaamme
tyyli tag jotain

841
00:38:17,880 --> 00:38:21,620
nimeltään link tag, joka
on hirvittävän, kauhistuttavan nimeltään,

842
00:38:21,620 --> 00:38:24,370
koska et käytä
link tag luoda mitä

843
00:38:24,370 --> 00:38:26,380
me ihmiset tiedämme linkkinä web-sivulle.

844
00:38:26,380 --> 00:38:29,750
Siihen käytät joka tunnistetta?

845
00:38:29,750 --> 00:38:31,464
Miten luodaan linkki web-sivulle?

846
00:38:31,464 --> 00:38:32,130
Yleisö: A.

847
00:38:32,130 --> 00:38:34,870
DAVID J. MALAN: A-, tai ankkuri
tag, joka meni Disney ennen.

848
00:38:34,870 --> 00:38:39,090
Linkin tunniste täällä sanoo
this-- linkki tiedostoon

849
00:38:39,090 --> 00:38:44,350
styles.css, suhde, joka
tulee olemaan, että se on minun stylesheet.

850
00:38:44,350 --> 00:38:48,290
Joten tämä on yksi S: n
CSS-- CSS.

851
00:38:48,290 --> 00:38:50,490
Style sheet-- kaksi S: n CSS.

852
00:38:50,490 --> 00:38:52,550
CSS tyylisivu.

853
00:38:52,550 --> 00:38:58,640
Tämä tarkoittaa vain sitä, hei, selain, siirry
löytää styles.css paikallisen palvelimen

854
00:38:58,640 --> 00:39:01,870
ja käyttää sitä tyylitaulukko,
mikä tarkoittaa sisällä tiedoston

855
00:39:01,870 --> 00:39:05,310
tulee olemaan kaikki
stylizations että olemme juuri tehneet.

856
00:39:05,310 --> 00:39:07,396
Ja mitä sitten, että tiedosto
voisi näyttää tämä.

857
00:39:07,396 --> 00:39:10,020
Ja minä vain tehdä tämä lyhyesti
Esimerkiksi koska emme tarvitse

858
00:39:10,020 --> 00:39:12,000
päästä liikaa rikkaruohoja täällä.

859
00:39:12,000 --> 00:39:17,840
Mutta jos voin kopioida tämän, mitä olen ehdottanut
että ohjelmoija luoda uuden tiedoston,

860
00:39:17,840 --> 00:39:24,450
liitä ne lines--
whoops-- liitä nämä rivit,

861
00:39:24,450 --> 00:39:32,270
tallentaa se styles.css, ja sitten, vuonna
toinen tiedosto, poista kaikki tämä

862
00:39:32,270 --> 00:39:35,450
ja korvata se sen sijaan
Tämän link tag.

863
00:39:35,450 --> 00:39:43,090
Niin että jos liitän href = "styles.css",
suhde on "stylesheet"

864
00:39:43,090 --> 00:39:44,170
sulje tag.

865
00:39:44,170 --> 00:39:45,250
Tallenna se.

866
00:39:45,250 --> 00:39:47,000
Mene takaisin minun helloworld.

867
00:39:47,000 --> 00:39:48,690
Päivitä.

868
00:39:48,690 --> 00:39:51,290
>> Kirjaimellisesti mitään ei ole tapahtunut.

869
00:39:51,290 --> 00:39:54,710
Se on hyvä asia, koska se
tarkoittaa sitä oikeastaan ​​kaikki työ.

870
00:39:54,710 --> 00:39:58,860
Todistaakseen niin paljon, kai tehdä
typo, ja Kutsun tätä "styles.css"

871
00:39:58,860 --> 00:40:03,080
isolla S, joka on
virheellinen, ja sitten uudelleen.

872
00:40:03,080 --> 00:40:05,470
Nyt voit nähdä se vain ei toimi.

873
00:40:05,470 --> 00:40:06,362
Nyt miksi?

874
00:40:06,362 --> 00:40:08,070
No, käytä
tekniikka aiemmista.

875
00:40:08,070 --> 00:40:10,153
Anna minun mennä eteenpäin, ja
selaimessa, Chrome, olen

876
00:40:10,153 --> 00:40:12,900
avaakaan että erityistä
verkko-välilehti kuten ennenkin,

877
00:40:12,900 --> 00:40:15,560
ja anna minun lataa sivu.

878
00:40:15,560 --> 00:40:19,341
Mitä et ole yllättynyt nyt?

879
00:40:19,341 --> 00:40:20,840
Tai ehkä olet yllättynyt nähdä sen.

880
00:40:20,840 --> 00:40:23,225
Joko niin, mitä näet nyt?

881
00:40:23,225 --> 00:40:24,100
Yleisö: [tahtiimme]

882
00:40:24,100 --> 00:40:24,770
DAVID J. MALAN: Se ei ole löytynyt.

883
00:40:24,770 --> 00:40:25,680
Miksi se ei löytynyt?

884
00:40:25,680 --> 00:40:28,480
No, Styles.css-- pääoman
S-- ei ole olemassa.

885
00:40:28,480 --> 00:40:29,230
En väärin nimetty sen.

886
00:40:29,230 --> 00:40:30,430
Yksinkertainen kirjoitusvirhe.

887
00:40:30,430 --> 00:40:33,816
Mutta Saan ymmärrettävästi nyt
404, koska palvelin sanoo, hei,

888
00:40:33,816 --> 00:40:34,440
se ei ole löytynyt.

889
00:40:34,440 --> 00:40:36,300
Kirjaimellisesti, en tiedä
jos tämä tiedosto on.

890
00:40:36,300 --> 00:40:38,880
Niin tuloksena selain
näyttää, mitä se voi,

891
00:40:38,880 --> 00:40:42,860
raaka sivun sisältöä,
joka oli 200 HTML-,

892
00:40:42,860 --> 00:40:45,390
mutta stilisointi voi
lisätään sen jälkeen.

893
00:40:45,390 --> 00:40:47,120
Ja tämä on mitä tarkoitetaan CSS.

894
00:40:47,120 --> 00:40:49,070
Voit tavallaan lisätä sen
jälkeen, ja se tavallaan

895
00:40:49,070 --> 00:40:50,874
jalostaa estetiikka sivun.

896
00:40:50,874 --> 00:40:53,790
Ja voit jopa ohittavat
tyylejä vielä muissa tyylitaulukkotiedostot

897
00:40:53,790 --> 00:40:54,700
jos haluat.

898
00:40:54,700 --> 00:40:57,780
Se ei ole löytynyt, mutta tässä tapauksessa,
koska tietenkin olen väärin nimetty sen.

899
00:40:57,780 --> 00:41:00,330
Joten olisin korjata, että ensin.

900
00:41:00,330 --> 00:41:04,667
>> Joten mene eteenpäin ja
ehdottaa seuraavaa.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Mennään eteenpäin ja tehdä tätä.

903
00:41:11,140 --> 00:41:14,220
Alkaen ehkä
sinun helloworld tiedosto,

904
00:41:14,220 --> 00:41:17,740
haluan vain kutsua pari
of ominaisuus ehdotuksia.

905
00:41:17,740 --> 00:41:20,400
Joten, Victoria, halusitte
tehdä tekstiä suurempi, eikö?

906
00:41:20,400 --> 00:41:24,555
Selvä, niin voimme
do suurentaa tekstiä.

907
00:41:24,555 --> 00:41:26,860
Ja me jokainen nyppiä pois
vain yksi ongelma ratkaista.

908
00:41:26,860 --> 00:41:30,867
Suurentaa tekstiä.

909
00:41:30,867 --> 00:41:32,700
En aio vaivata
kirjallisesti tämän, kun

910
00:41:32,700 --> 00:41:35,600
on luoti teknologia oikeus tänne.

911
00:41:35,600 --> 00:41:39,970
Joten joitakin ongelmia.

912
00:41:39,970 --> 00:41:44,670
Joten aiomme kokeilla
tehdä tekstistä isompi.

913
00:41:44,670 --> 00:41:45,170
Selvä.

914
00:41:45,170 --> 00:41:48,360
Mitä muuta voisi joku ehdottaa?

915
00:41:48,360 --> 00:41:50,332
Mitä muuta voisi haluamme
tehdä web-sivulle?

916
00:41:50,332 --> 00:41:52,040
Oletetaan keksiä
lyhyt lista asioista

917
00:41:52,040 --> 00:41:55,366
ja sitten siirtää
ryhmä kuva tästä.

918
00:41:55,366 --> 00:41:56,270
>> Yleisö: [tahtiimme]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. MALAN: OK, kannan tekstissä
eri puolille?

920
00:42:02,251 --> 00:42:02,750
Selvä.

921
00:42:02,750 --> 00:42:04,620
Jotain muuta.

922
00:42:04,620 --> 00:42:05,784
>> Yleisö: [tahtiimme]

923
00:42:05,784 --> 00:42:06,700
DAVID J. MALAN: On.

924
00:42:06,700 --> 00:42:08,720
Joten gif on vain
eri tiedostomuodossa.

925
00:42:08,720 --> 00:42:12,830
Olemme juuri käytetty, mitä, joka on
png tai jpg todennäköisesti?

926
00:42:12,830 --> 00:42:14,480
Käytimme jpg.

927
00:42:14,480 --> 00:42:16,780
Jos haluat tietää, liiallinen
vastaus kysymykseesi

928
00:42:16,780 --> 00:42:19,404
on jpg käytetään yleensä
valokuvia, koska se tukee

929
00:42:19,404 --> 00:42:21,500
miljoonia värejä tai 24-bittinen väri.

930
00:42:21,500 --> 00:42:26,930
GIF käytetään yleensä, kuten,
internet-ilmiö nämä days-- animaatiot,

931
00:42:26,930 --> 00:42:28,810
kuten animoituja gif.

932
00:42:28,810 --> 00:42:32,320
Mutta se tapahtuu käyttää pienempää väri
paletti, vain 256 mahdolliset värit,

933
00:42:32,320 --> 00:42:35,230
mutta se tukee
läpinäkyvyyttä ja animaatiota.

934
00:42:35,230 --> 00:42:40,330
Ja sitten on png, joka tukee
avoimuutta ja enemmän värejä

935
00:42:40,330 --> 00:42:41,300
mutta ei animaatiota.

936
00:42:41,300 --> 00:42:42,133
Joten se kompromissi.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Joten lisäämällä gif, vaikka,
olisi toiminnallisesti

939
00:42:46,060 --> 00:42:48,396
vastaa lisäämällä png tai jpg.

940
00:42:48,396 --> 00:42:49,110
Joo.

941
00:42:49,110 --> 00:42:50,550
Kuvan lähde on yhtä.

942
00:42:50,550 --> 00:42:51,590
Joten jotain muuta.

943
00:42:51,590 --> 00:42:57,288
Oletetaan keksiä jotain
lähetimme Victoria tehdä täällä.

944
00:42:57,288 --> 00:42:59,209
>> Yleisö: Lisää painikkeet lomakkeen.

945
00:42:59,209 --> 00:43:00,000
DAVID J. MALAN: OK.

946
00:43:00,000 --> 00:43:02,179
Joten lisätä painikkeet lomakkeen.

947
00:43:02,179 --> 00:43:03,470
Ja teemme että yksi yhteen.

948
00:43:03,470 --> 00:43:07,220
Niin, että tulee olemaan täydellinen segue
heti tämän haasteen.

949
00:43:07,220 --> 00:43:10,357
Mitään muuta?

950
00:43:10,357 --> 00:43:11,440
Mikä voisi haluat tehdä?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Raina tuntuu erittäin underwhelming
jos tämä on kaikki, mitä voimme tehdä.

953
00:43:16,516 --> 00:43:18,140
Yleisö: Muuta tekstin väriä.

954
00:43:18,140 --> 00:43:19,500
DAVID J. MALAN: Muuta mitä?

955
00:43:19,500 --> 00:43:20,666
Yleisö: Color tekstin.

956
00:43:20,666 --> 00:43:22,311
DAVID J. MALAN: Muuta tekstin väriä.

957
00:43:22,311 --> 00:43:22,810
Selvä.

958
00:43:22,810 --> 00:43:23,790
Joten, tehdään tämä.

959
00:43:23,790 --> 00:43:27,209
Juuri uudelleen niin, että et ole, vain
ulkoa, tekee täsmälleen mitä teen,

960
00:43:27,209 --> 00:43:29,500
Aion päälle musiikkia
for ehkä viisi minuuttia täällä.

961
00:43:29,500 --> 00:43:30,450
Olet tervetullut käyttämään Google.

962
00:43:30,450 --> 00:43:33,130
Olet tervetullut kysyä minulta, ja
Minä kuiskata vihje korvaan.

963
00:43:33,130 --> 00:43:35,171
Olet tervetullut katsomaan
yli muiden olkapäiden.

964
00:43:35,171 --> 00:43:37,340
Mutta ratkaista vain yksi näistä ongelmista.

965
00:43:37,340 --> 00:43:40,190
Mutta me teemme viimeinen,
muodostaa yhden, jos voisimme yhdessä.

966
00:43:40,190 --> 00:43:42,790
Joten viisi minuuttia ratkaista
Jonkin näistä ongelmista

967
00:43:42,790 --> 00:43:46,780
Google, intuitio, tai
muita keinoja käytettävissä.

968
00:43:46,780 --> 00:43:48,630
>> [MUSIIKKIA]

969
00:43:48,630 --> 00:43:49,130
Selvä.

970
00:43:49,130 --> 00:43:50,838
Ei hätää, jos haluat
pitää puuhastelun,

971
00:43:50,838 --> 00:43:53,880
mutta minä pilata pari
näistä vastauksista.

972
00:43:53,880 --> 00:43:57,986
Joten ensimmäinen vihjannut
Victoria oli tehdä tekstistä isompi.

973
00:43:57,986 --> 00:43:59,360
Joten siellä on muutamia tapoja tehdä tämä.

974
00:43:59,360 --> 00:44:01,530
Olen tällä hetkellä palautettu
näytössä tähän kokoon,

975
00:44:01,530 --> 00:44:04,310
vaikka olen zoomataan
keinotekoisesti vain nähdä asiat.

976
00:44:04,310 --> 00:44:07,470
Ja tehdään tämä.

977
00:44:07,470 --> 00:44:11,380
Anna minun mennä eteenpäin ja napata
joitakin yleisiä Latin text

978
00:44:11,380 --> 00:44:19,540
juuri niin meidän täytyy jotain työtä.

979
00:44:19,540 --> 00:44:20,715
Joten anna minulle vain hetken ajan.

980
00:44:20,715 --> 00:44:21,840
Teen kolme kappaletta.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
OK.

983
00:44:53,930 --> 00:44:55,560
Tämä tulee olemaan parempi esimerkki.

984
00:44:55,560 --> 00:44:57,840
Joten utelias, vuonna
minun hello.html, minä vain

985
00:44:57,840 --> 00:45:01,645
liitetty kolme järjetön
Latin kohdat

986
00:45:01,645 --> 00:45:03,270
juuri niin meillä on joitakin tekstiä työskennellä.

987
00:45:03,270 --> 00:45:06,720
Ja Victoria tavoitteena oli
tehdä osa tekstistä isompi.

988
00:45:06,720 --> 00:45:09,879
Niin voisin, kuten ennenkin, mene tänne.

989
00:45:09,879 --> 00:45:11,170
Ja anna minun tehdä se oikealla tavalla.

990
00:45:11,170 --> 00:45:13,253
Aion olla linkki
tunniste, joka osoittaa tiedostoon

991
00:45:13,253 --> 00:45:20,560
nimeltään "styles.css," suhdetta
joista on jälleen "stylesheet."

992
00:45:20,560 --> 00:45:25,221
Ja sitten aion paitsi että
ja avata tämä "styles.css."

993
00:45:25,221 --> 00:45:28,940
>> Joten, kuten ennenkin, olen
pätevyydestään tällä CSS-tiedosto

994
00:45:28,940 --> 00:45:31,569
todella ohittaa oletuksena
estetiikka web-sivun,

995
00:45:31,569 --> 00:45:33,860
ja oletuksena estetiikka,
tietenkin, ovat melko tylsä.

996
00:45:33,860 --> 00:45:36,943
Se on tavallaan normaali fontin kokoa, musta
teksti, valkoisella taustalla, ja niin edelleen.

997
00:45:36,943 --> 00:45:39,440
Joten kai halua tehdä
kaikki tämän tekstin isompi.

998
00:45:39,440 --> 00:45:40,460
Voisin tehdä muutamia asioita.

999
00:45:40,460 --> 00:45:43,750
Minun styles.css tiedosto, I
Voisi sanoa, tiedätkö mitä,

1000
00:45:43,750 --> 00:45:46,950
sovelletaan seuraavaa
ruumis sivuni.

1001
00:45:46,950 --> 00:45:51,390
Mene eteenpäin ja tehdä
kirjasinkokoa 24 pistettä,

1002
00:45:51,390 --> 00:45:54,130
joka on määrä voisin
käyttävät Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Anna minun mennä takaisin minun web
sivu täällä ja lataa,

1004
00:45:57,620 --> 00:45:59,640
ja voit nähdä, että
se on jo paljon suurempi.

1005
00:45:59,640 --> 00:46:02,223
Ja voimme saada hieman hullu,
aivan kuten voimme on desktop--

1006
00:46:02,223 --> 00:46:03,670
tekevät 96 pistettä.

1007
00:46:03,670 --> 00:46:04,950
Päivitä.

1008
00:46:04,950 --> 00:46:07,610
Ja se alkaa hieman
kankea tässä vaiheessa.

1009
00:46:07,610 --> 00:46:09,500
>> Mutta en voisi olla hieman tarkempi.

1010
00:46:09,500 --> 00:46:14,530
Asemesta soveltaa
tyylitaulukkoa ruumiin sivuni

1011
00:46:14,530 --> 00:46:21,740
mitä muuta voisi Haen sitä sen sijaan,
mitä muut tunniste, joka voisi edelleen

1012
00:46:21,740 --> 00:46:25,445
toimivat samalla tavalla?

1013
00:46:25,445 --> 00:46:26,444
>> Yleisö: p tag?

1014
00:46:26,444 --> 00:46:27,360
DAVID J. MALAN: P tag.

1015
00:46:27,360 --> 00:46:29,350
Joten pää ei olisi
oikea, koska pää,

1016
00:46:29,350 --> 00:46:31,300
et voi oikeastaan
ohjata estetiikkaa.

1017
00:46:31,300 --> 00:46:32,700
On joko tekstiä siellä tai ei.

1018
00:46:32,700 --> 00:46:36,760
Mutta p tag-- voin sukeltaa hieman
syvemmälle, niin sanotusti, että kappale

1019
00:46:36,760 --> 00:46:37,350
tunnisteita.

1020
00:46:37,350 --> 00:46:41,600
Ja vaikka on kolme,
se täysin kunnossa, koska CSS,

1021
00:46:41,600 --> 00:46:44,900
kun minä vain sanoa "p", tämä
tarkoitetaan sovelletaan seuraavia

1022
00:46:44,900 --> 00:46:48,300
tahansa tunniste, joka vastaa tätä
, valitsimen vain

1023
00:46:48,300 --> 00:46:49,430
on nimi tunnisteen.

1024
00:46:49,430 --> 00:46:52,350
Joten missä näet
"P", sovelletaan fontin kokoa,

1025
00:46:52,350 --> 00:46:55,222
ja tehkäämme siitä
kohtuullinen again-- 24 kohta.

1026
00:46:55,222 --> 00:46:56,930
Ja tiedätkö mitä,
vain hyvä toimenpide,

1027
00:46:56,930 --> 00:46:59,810
Tehdään väri
punainen juuri tällä hetkellä.

1028
00:46:59,810 --> 00:47:03,740
Ja nyt jos minä ladata, nyt
nähdä kolme ruma kohdat.

1029
00:47:03,740 --> 00:47:07,180
>> Mutta nyt olettaa, että olen tavallaan
soita näin Haluan ensimmäisessä kohdassa

1030
00:47:07,180 --> 00:47:08,210
hypätä ulos käyttäjä.

1031
00:47:08,210 --> 00:47:11,150
En halua vain kasvaa
fonttikokoa kaiken.

1032
00:47:11,150 --> 00:47:16,105
Ja niin minä todella haluavat tunnistaa tai
erotella nämä kohdat.

1033
00:47:16,105 --> 00:47:18,730
Joten päästä eroon punainen,
koska se on juuri sellainen tahmea,

1034
00:47:18,730 --> 00:47:23,885
ja mennään eteenpäin ja tehdä
font size 12 pisteen oletuksena,

1035
00:47:23,885 --> 00:47:26,260
niin että olemme takaisin jotain
hieman järkevämpi.

1036
00:47:26,260 --> 00:47:29,190
Ja nyt haluan vain lisätä
fonttikokoa ensimmäisen kohdan.

1037
00:47:29,190 --> 00:47:31,440
Voin tehdä tämän muutaman
tavalla, mutta tavalla, joka on

1038
00:47:31,440 --> 00:47:37,180
ehkä kaikkein neuvonta klo
hetki on tehdä seuraavaa.

1039
00:47:37,180 --> 00:47:43,280
Anna minun mennä eteenpäin ja sanoa, tämä
kohta on yksilöllinen tunnus on "ensin."

1040
00:47:43,280 --> 00:47:45,000
Voisin kutsua tätä mitä haluan.

1041
00:47:45,000 --> 00:47:46,874
Voisin kutsua tätä "foo"
tai mikä tahansa muu sana,

1042
00:47:46,874 --> 00:47:49,290
mutta aion antaa sille
semanttisesti mielekkäitä nimi

1043
00:47:49,290 --> 00:47:50,320
kuten "ensimmäinen".

1044
00:47:50,320 --> 00:47:54,790
Tämä on yksilöllinen tunniste,
ID, minun ensimmäinen kohta.

1045
00:47:54,790 --> 00:47:59,360
>> Mitä voin nyt tehdä minun tyylitiedoston
on olla hieman tarkempi.

1046
00:47:59,360 --> 00:48:02,330
Sen sijaan, että sanonta, sovelletaan
seuraavat p tag,

1047
00:48:02,330 --> 00:48:04,890
Voin sanoa following--
sovelletaan seuraavaa,

1048
00:48:04,890 --> 00:48:11,000
tai valita, HTML-elementti
että on yksilöllinen tunnus on "ensin."

1049
00:48:11,000 --> 00:48:12,350
Mitä haluan soveltaa sitä?

1050
00:48:12,350 --> 00:48:15,250
Kirjasinkokoa 24-pisteen.

1051
00:48:15,250 --> 00:48:16,640
Olen siis kaksi valitsinta nyt.

1052
00:48:16,640 --> 00:48:19,690
Yksi tekee kaikki
kohta 12 pisteen.

1053
00:48:19,690 --> 00:48:24,960
Mutta tämä yksi, varsinkin kun se tulee
second-- se tulee viimeiseksi file--

1054
00:48:24,960 --> 00:48:27,090
tämä on CSS vaikutus.

1055
00:48:27,090 --> 00:48:30,200
Olen juuri tehnyt kaikki omat
kappalemerkkaukset 12 pisteen,

1056
00:48:30,200 --> 00:48:34,350
mutta tämä nyt kaskadeja ja
ohittaa että kaikkien elementtien

1057
00:48:34,350 --> 00:48:38,800
sivulla, mikä tahansa tag sivun, jonka
yksilöllinen tunnus on lainaus lainaus "ensin."

1058
00:48:38,800 --> 00:48:41,720
Ja hashtagin tässä yhteydessä
tarkoittaa vain "yksilöllinen tunniste."

1059
00:48:41,720 --> 00:48:43,750
En laita sitä HTML-tiedoston.

1060
00:48:43,750 --> 00:48:46,880
I, tänne, sano
lainaus lainaus "ensin."

1061
00:48:46,880 --> 00:48:48,470
>> Joten anna minun ladata.

1062
00:48:48,470 --> 00:48:49,919
Nyt näen, ah, OK.

1063
00:48:49,919 --> 00:48:51,710
Siis, se ei ole niin
kaunis, mutta se on eräänlainen

1064
00:48:51,710 --> 00:48:53,600
samankaltaisten esipuheessa on
kirjan tai jotain,

1065
00:48:53,600 --> 00:48:55,100
jossa ensimmäinen kappale on suurempi.

1066
00:48:55,100 --> 00:48:57,933
Voisi olla vielä tarkempi kanssa
vain ensimmäiset kirjaimet, mutta ainakin

1067
00:48:57,933 --> 00:48:59,110
Olen käyttänyt enemmän valvontaa.

1068
00:48:59,110 --> 00:49:04,760
Nyt maybe-- ehkä halua tehdä tätä
joskus jostain syystä,

1069
00:49:04,760 --> 00:49:09,010
joten en halua tätä
koske vain HTML-tunnisteen.

1070
00:49:09,010 --> 00:49:15,110
Pikemminkin nyt say-- katsotaanpa
myös toimi seuraavasti.

1071
00:49:15,110 --> 00:49:18,810
Class = "tuonti".

1072
00:49:18,810 --> 00:49:23,970
Kun taas ID käytetään yksilöllisesti
tunnistaa yksi asia, yksi tunniste,

1073
00:49:23,970 --> 00:49:30,190
Web-sivun, luokan on tarkoitus olla
käyttää missä tahansa useita osia tai tunnisteita

1074
00:49:30,190 --> 00:49:30,950
Web-sivulla.

1075
00:49:30,950 --> 00:49:31,710
Joten se käyttää uudelleen.

1076
00:49:31,710 --> 00:49:33,090
ID ei voida käyttää uudelleen.

1077
00:49:33,090 --> 00:49:34,450
Luokka on uudelleenkäytettäviä.

1078
00:49:34,450 --> 00:49:37,830
>> Ja tiedätkö mitä, mistä tahansa
filosofinen reasons--

1079
00:49:37,830 --> 00:49:40,180
En päätän
thought-- aion sanoa

1080
00:49:40,180 --> 00:49:44,300
että ensimmäisessä kohdassa ja
toinen kohta ovat tärkeitä.

1081
00:49:44,300 --> 00:49:48,600
Joten aion soveltaa luokan nimeltä
"Tärkeää", että jos voin tallentaa tiedoston

1082
00:49:48,600 --> 00:49:51,510
ja lataa ei
toiminnallinen vaikutus vielä.

1083
00:49:51,510 --> 00:49:53,780
Mutta olen lisännyt
metatiedot tiedostoon,

1084
00:49:53,780 --> 00:49:56,610
tavallaan jotain erillisten
ytimestä tiedoston tiedot,

1085
00:49:56,610 --> 00:50:02,300
niin että nyt minun tyylitiedoston, jos olen
sen sijaan sanoa ".important" - tiedätte,

1086
00:50:02,300 --> 00:50:07,110
mitään, on tärkeää, olen
aikoo tehdä fontin värin, red--

1087
00:50:07,110 --> 00:50:09,930
tai pikemminkin ei fontin väriä, vain väri.

1088
00:50:09,930 --> 00:50:12,930
On epäjohdonmukaisuuksia
CSS valitettavasti.

1089
00:50:12,930 --> 00:50:14,120
Ja uudelleen.

1090
00:50:14,120 --> 00:50:17,640
Huomaa nyt ensimmäistä
kaksi kohtaa ovat punaisia

1091
00:50:17,640 --> 00:50:20,880
mutta ei kolmannella, koska olen vain
sovelsi luokka "tärkeä"

1092
00:50:20,880 --> 00:50:25,020
kahteen ensimmäiseen näistä asioista.

1093
00:50:25,020 --> 00:50:28,030
>> Joten tunnukset, sinulla on kyky
määritellä hyvin tarkasti.

1094
00:50:28,030 --> 00:50:30,110
Luokat, olet uudelleenkäytettävyys.

1095
00:50:30,110 --> 00:50:33,800
Mutta kummassakin tapauksessa, huomaa
eräänlainen hyvän suojan periaatteen

1096
00:50:33,800 --> 00:50:39,072
jossa olen laskelmiin pois kaikki
estetiikka minun styles.css tiedostoon.

1097
00:50:39,072 --> 00:50:40,280
Joten mitään messiness täällä.

1098
00:50:40,280 --> 00:50:44,490
Ei ole mainintaa punaisia ​​tai
lihavoitu päin tai kirjasinkokoa tähän tiedostoon.

1099
00:50:44,490 --> 00:50:49,430
Pikemminkin Minulla on semanttisesti,
mielekkäästi tunnettu tietoni niin,

1100
00:50:49,430 --> 00:50:51,240
tässä on joitakin tärkeitä tietoja.

1101
00:50:51,240 --> 00:50:52,800
Tässä on lisää tärkeitä tietoja.

1102
00:50:52,800 --> 00:50:56,500
Lisäksi tässä on
"Ensimmäinen" minun tärkeitä tietoja.

1103
00:50:56,500 --> 00:51:01,050
Joten HTML on kyse tavallaan
koodaus, kirjaimellisesti, sanat

1104
00:51:01,050 --> 00:51:05,270
ja kohdat ja konstruktioita omassa
sivun näitä pikku vihjeitä, jos

1105
00:51:05,270 --> 00:51:07,640
tulee, että voit
jotenkin hyödyntää käyttämällä

1106
00:51:07,640 --> 00:51:10,880
muita tekniikoita kuten CSS tällä tavalla.

1107
00:51:10,880 --> 00:51:14,760
>> Joten vastauksena Victorian kysymykseen,
Voimme suurentaa tekstiä tällä tavoin.

1108
00:51:14,760 --> 00:51:18,380
On niin monia muitakin tapoja, mutta
fontin tag-- alkusulkumerkki "font" -

1109
00:51:18,380 --> 00:51:19,770
on itse asiassa useita vuosia vanha.

1110
00:51:19,770 --> 00:51:21,410
Ja tämä on ongelma,
liian kanssa luottaen vain

1111
00:51:21,410 --> 00:51:23,485
online resources--
niillä on taipumus olla vanhentunutta.

1112
00:51:23,485 --> 00:51:26,110
Ja todellakin, joka on poistettu käytöstä,
koska maailma toteutuu,

1113
00:51:26,110 --> 00:51:28,970
Mitä "font-size = 7" tarkoittaa?

1114
00:51:28,970 --> 00:51:29,670
Se ei ole.

1115
00:51:29,670 --> 00:51:32,770
Ja niin monta vuotta ja
Tämän day-- yksi puoli

1116
00:51:32,770 --> 00:51:36,060
huomauttaa tässä, että se on todella
erittäin tuskallinen vielä joskus

1117
00:51:36,060 --> 00:51:38,900
kehittää sivustoja
Web, koska Microsoft

1118
00:51:38,900 --> 00:51:44,220
ja Google ja Mozilla ja
toiset usein eri mieltä siitä, miten

1119
00:51:44,220 --> 00:51:47,480
tulkita erittely kuten HTML.

1120
00:51:47,480 --> 00:51:52,490
>> On sääntökirjaa HTML että
yleensä kertoo mitä kukin tag tarkoittaa.

1121
00:51:52,490 --> 00:51:55,690
Mutta joskus se jätetään
täytäntöönpano harkinnan mukaan

1122
00:51:55,690 --> 00:51:57,290
Microsoftin harkinnan ja Google.

1123
00:51:57,290 --> 00:52:00,000
Ja joten sinun usein
katso verkkosivuilla jotain

1124
00:52:00,000 --> 00:52:04,954
näyttää erilaiselta PC
kuin se Macissa

1125
00:52:04,954 --> 00:52:06,995
ja se on todella koska,
päivän päätteeksi,

1126
00:52:06,995 --> 00:52:08,891
he eivät koe sitä
hyvin molemmilla alustoilla.

1127
00:52:08,891 --> 00:52:11,390
Mutta se on myös siksi kohtuullista,
älykkäät ihmiset ovat eri mieltä

1128
00:52:11,390 --> 00:52:14,970
ja yritykset ovat eri mieltä, ja niin
yksi haasteista ohjelmoinnin

1129
00:52:14,970 --> 00:52:16,980
web tai suunnittelu
asioita verkossa

1130
00:52:16,980 --> 00:52:21,700
kirjoittaa sivuston tavalla
joka toimii jokaisessa verkkoselain.

1131
00:52:21,700 --> 00:52:23,410
Mutta vaikka se on kohtuutonta, eikö?

1132
00:52:23,410 --> 00:52:27,807
On niin monia versioita niin paljon
selaimet siellä, että jossain vaiheessa,

1133
00:52:27,807 --> 00:52:30,890
sinun on myös tehdä arvostele
ja sinun on päätettävä yrityksenä,

1134
00:52:30,890 --> 00:52:33,082
erityisesti sähköistä kaupankäyntiä-style
sivustot, joissa olet

1135
00:52:33,082 --> 00:52:36,290
yrittää käyttää uusin ja suurin
teknologioita antaa todella hyvä käyttäjä

1136
00:52:36,290 --> 00:52:37,110
kokea.

1137
00:52:37,110 --> 00:52:41,019
Mutta jotkut prosenttiosuus käyttäjät saattavat
silti käyttää Internet Explorer 6 tai 7

1138
00:52:41,019 --> 00:52:43,810
tai 8, erityisesti riippuen
maa, että he tulevat.

1139
00:52:43,810 --> 00:52:46,760
>> Ja niin hyvin yleisesti
keskusteltuja on jotain

1140
00:52:46,760 --> 00:52:50,920
kuten "web-selaimen tilastot."

1141
00:52:50,920 --> 00:52:56,560
Ja jos mennään to-- katsotaanpa Wikipedia
ja nähdä kuinka ajan tasalla tätä taulukkoa on

1142
00:52:56,560 --> 00:52:59,320
jos on yksi.

1143
00:52:59,320 --> 00:53:02,420
Joten tässä näette
selainten todella

1144
00:53:02,420 --> 00:53:06,160
ovat, mukaan joulukuuta 2015
mukaan Yhdysvaltain hallituksen.

1145
00:53:06,160 --> 00:53:11,170
Chrome on 42%: n markkinaosuus, jota seuraa
IE pitkälti yritysten asetuksista

1146
00:53:11,170 --> 00:53:14,490
tai PC-asetukset, tietenkin,
jonka jälkeen Firefox,

1147
00:53:14,490 --> 00:53:17,440
Sitten Safari ja Opera ei
Kartan saa täällä jostain syystä,

1148
00:53:17,440 --> 00:53:18,210
ja sitten ym.

1149
00:53:18,210 --> 00:53:19,500
Ehkä se on alle Muut.

1150
00:53:19,500 --> 00:53:27,700
Mutta ongelmallisempaa kuin is--
Katsotaan, jos Wikipedia on myös

1151
00:53:27,700 --> 00:53:35,194
versiot selaimista version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Mennään selaimen tilastoihin.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Edes tämä ei riitä.

1156
00:53:42,030 --> 00:53:44,854
Selain tilastot.

1157
00:53:44,854 --> 00:53:45,353
Omat versio.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Se ei tule olemaan oikeassa.

1160
00:53:50,540 --> 00:53:53,414
Katsotaan versioita.

1161
00:53:53,414 --> 00:53:54,830
Selaimen markkinaosuus.

1162
00:53:54,830 --> 00:53:57,110
Katsotaan tämä tulee esiin.

1163
00:53:57,110 --> 00:53:57,610
OK.

1164
00:53:57,610 --> 00:54:00,010
Nyt tämä on tulossa
hieman enemmän hyötyä.

1165
00:54:00,010 --> 00:54:04,870
Joten tässä, huomaa, että meillä on kaikki
eri versioita selaimista.

1166
00:54:04,870 --> 00:54:09,887
Ja luoja, jos look-- Chrome
48, Chrome 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Siis, selaimet yhä päivitetty,
ja joskus jotkut näistä muutoksista

1168
00:54:12,970 --> 00:54:16,430
ovat merkittäviä
kannalta toiminnallisuus.

1169
00:54:16,430 --> 00:54:20,630
Ja niin jossain vaiheessa,
tuotepäälliköt tai insinöörien

1170
00:54:20,630 --> 00:54:23,620
täytyy tehdä decision-- teille
tiedä mitä vain 1% maailman

1171
00:54:23,620 --> 00:54:24,740
on edelleen käytössä IE 7.

1172
00:54:24,740 --> 00:54:25,490
Helvettiin niiden.

1173
00:54:25,490 --> 00:54:27,470
Me vain aio
tukevat tätä selainta.

1174
00:54:27,470 --> 00:54:28,740
Ja mitä se tarkoittaa ei tukea?

1175
00:54:28,740 --> 00:54:31,170
Se saattaa tarkoittaa, että napit
eivät toimi Web-sivulla,

1176
00:54:31,170 --> 00:54:33,050
tai se voisi merkitä
alustus on täysin pois päältä.

1177
00:54:33,050 --> 00:54:35,091
Tai ehkä täytyy tehdä
että sama arvostele

1178
00:54:35,091 --> 00:54:39,089
mobiili näinä päivinä, jossa olemme
aio tukea IOS 5 enää.

1179
00:54:39,089 --> 00:54:40,380
Joten ihmiset vain täytyy päivittää.

1180
00:54:40,380 --> 00:54:45,850
Tai emme aio tukea Cupcake
Android OS Android-laitteille,

1181
00:54:45,850 --> 00:54:48,629
koska sillä world-- kuin
tech maailma haluaa siirtyä eteenpäin,

1182
00:54:48,629 --> 00:54:51,170
se tavallaan haluaa vetää
maailma sen kanssa niin, että ne eivät

1183
00:54:51,170 --> 00:54:53,295
on edelleen
taaksepäin yhteensopiva niin ne

1184
00:54:53,295 --> 00:54:54,920
voi tarjota uusia ja hyviä ominaisuuksia.

1185
00:54:54,920 --> 00:54:57,878
Tämä on todellakin yksi syy
miksi niin monet yritykset ovat tuloaan

1186
00:54:57,878 --> 00:55:01,440
automaattiset päivitykset ja tavallaan pakottaa
uusimmat versiot ohjelmisto meille.

1187
00:55:01,440 --> 00:55:04,010
Ja jopa yritykset
kuten Apple tavallaan

1188
00:55:04,010 --> 00:55:07,280
pakota melkein tai pakottaa
sinulle kannalta markkinavoimien

1189
00:55:07,280 --> 00:55:11,164
ostaa uuden puhelimen, koska ne vain
ei päivittää vanhan puhelimen enää.

1190
00:55:11,164 --> 00:55:13,330
Joten te missaa
uusin ja suurin ominaisuuksia,

1191
00:55:13,330 --> 00:55:17,520
koska se on kallista heille kuin
Yhtiö säilyttää vanhempia, luultavasti

1192
00:55:17,520 --> 00:55:19,330
huonompi ohjelmistoversioita.

1193
00:55:19,330 --> 00:55:23,660
Mutta nettovaikutus on, että
Kärsimme tästä.

1194
00:55:23,660 --> 00:55:26,550
>> Joten katsomaan juuri
Muutaman lopullinen asioita täällä.

1195
00:55:26,550 --> 00:55:29,740
Oletetaan pölliä todella nopeasti joidenkin
nämä muut luodit, jos utelias.

1196
00:55:29,740 --> 00:55:33,440
Joten jos yritit,
Esimerkiksi asema

1197
00:55:33,440 --> 00:55:36,420
Tekstin eri puolille
sivu, aion tehdä yksi nopea tapa,

1198
00:55:36,420 --> 00:55:38,360
mutta on eri
tapoja tehdä tätä.

1199
00:55:38,360 --> 00:55:42,610
Anna minun mennä eteenpäin ja eliminate--
yksinkertaistamiseksi seuraavasti.

1200
00:55:42,610 --> 00:55:45,330
Anna minun vain mennä takaisin minun
yksinkertainen, yksinkertainen kohdat.

1201
00:55:45,330 --> 00:55:47,760
Anna minun mennä takaisin minun styles.css.

1202
00:55:47,760 --> 00:55:51,040
Ja olen juuri menossa käyttää simple--
jotka ehkä nähnyt Googlessa

1203
00:55:51,040 --> 00:55:54,430
tai muistamme earlier--
text-align oikeassa.

1204
00:55:54,430 --> 00:55:56,220
Ja lataa tämä sivu.

1205
00:55:56,220 --> 00:55:58,470
Nyt kaikki näyttää
olla oikeassa linjassa,

1206
00:55:58,470 --> 00:56:00,770
kuten ehkä nähdä sen yläpuolella täällä.

1207
00:56:00,770 --> 00:56:04,470
>> Voimme tehdä se näyttää hieman
kirjan kaltainen, ja voimme sanoa "oikeuttaa"

1208
00:56:04,470 --> 00:56:05,640
ja lataa.

1209
00:56:05,640 --> 00:56:09,870
Nyt on mukava yleinen molemmin
puolta, joka on tavallaan mukavaa.

1210
00:56:09,870 --> 00:56:12,220
Toinen tavoite, joka meillä oli täällä
oli muutos tekstin väri.

1211
00:56:12,220 --> 00:56:13,650
Joten näimme, että minun punaisella tekstillä.

1212
00:56:13,650 --> 00:56:15,630
Ja nyt lisätä painikkeita muodossa.

1213
00:56:15,630 --> 00:56:19,390
Joten miksi emme yritä tehdä juuri näin?

1214
00:56:19,390 --> 00:56:23,656
Ensin kuitenkin mennä sivuston, joka
useimmat meistä käyttävät joka day-- Google.

1215
00:56:23,656 --> 00:56:25,780
Ja lähdetään katsomaan
miten Google todella toimii.

1216
00:56:25,780 --> 00:56:26,821
Mutta aion tehdä tämän.

1217
00:56:26,821 --> 00:56:31,930
Ensinnäkin haluan tehdä sen in-- juu,
anna minun mennä ensin Googlessa.

1218
00:56:31,930 --> 00:56:34,530
Aion mennä
Google-asetukset,

1219
00:56:34,530 --> 00:56:40,660
koska haluan poistaa
jotain kutsutaan Instant tulokset.

1220
00:56:40,660 --> 00:56:43,580
>> Joten ehkä huomannut
Google nämä days-- anna minun mennä takaisin

1221
00:56:43,580 --> 00:56:44,850
ja kääntää tämän päälle.

1222
00:56:44,850 --> 00:56:47,900
Jos siis aloittaa
for "kissat" näin,

1223
00:56:47,900 --> 00:56:50,120
huomata, että eivät ainoastaan
Saan automaattinen täydennys up

1224
00:56:50,120 --> 00:56:54,520
top, yhtäkkiä, itse sivu
näyttää muuttuvan melko nopeasti myös,

1225
00:56:54,520 --> 00:56:58,750
ja se Google käyttää kieltä
kutsuttu JavaScript yrittää olla avuksi.

1226
00:56:58,750 --> 00:57:01,540
Mutta valitettavasti se laji
of sotkee ​​keskustelumme

1227
00:57:01,540 --> 00:57:04,010
siitä, mitä todella tapahtuu
alla huppu täällä.

1228
00:57:04,010 --> 00:57:09,070
Olen siis juuri sellainen nopeasti
Sammuta instant tuloksia.

1229
00:57:09,070 --> 00:57:11,510
Ja aion valitse Tallenna.

1230
00:57:11,510 --> 00:57:13,930
Ja nyt aion avata
että diagnostiset työkalurivi että minä

1231
00:57:13,930 --> 00:57:16,150
pitää aukko alle Verkko-välilehteä.

1232
00:57:16,150 --> 00:57:17,720
Joten tehdään tämä.

1233
00:57:17,720 --> 00:57:21,960
Let me-- whoops--
selaa tämä alas hieman.

1234
00:57:21,960 --> 00:57:24,410
Ja haluaisin etsiä "kissoille."

1235
00:57:24,410 --> 00:57:26,790
>> Ja nyt notice-- todella,
Tämä on hyvä tilaisuus

1236
00:57:26,790 --> 00:57:28,840
keskustelemaan hetkeksi.

1237
00:57:28,840 --> 00:57:32,460
Huomaa hetkellä olen type-- lopettaa sen.

1238
00:57:32,460 --> 00:57:35,250
Lopeta.

1239
00:57:35,250 --> 00:57:35,790
OK.

1240
00:57:35,790 --> 00:57:40,870
Huomaa hetkellä olen kirjoittaa kirjeen
C, katsella näytön alareunaan.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. Mitä pohjaan
Tämän näytön, minun Verkko-välilehti,

1242
00:57:48,600 --> 00:57:53,320
ehdottaa tapahtuu jokaisen
aika kirjoitan kirjeen?

1243
00:57:53,320 --> 00:57:57,700
Valitettavasti sammakko on hyvin
häiritseviä tänään tai Shamrock

1244
00:57:57,700 --> 00:58:00,339
tai mikä hän on.

1245
00:58:00,339 --> 00:58:01,880
Mitä tapahtuu joka kerta olen kirjoittanut?

1246
00:58:01,880 --> 00:58:04,230
Ja haluan tyhjentää
puskuri ja kirjoita se uudelleen.

1247
00:58:04,230 --> 00:58:06,580
So-- oho.

1248
00:58:06,580 --> 00:58:13,280
Joka kerta kun kirjoitat kirjeen, C- A- T--
joten uusi rivi tietenkin pitää näkymisen.

1249
00:58:13,280 --> 00:58:16,530
Mitä kukin näistä rivit edustavat,
sen perusteella, mitä olemme nähneet ja keskustellaan

1250
00:58:16,530 --> 00:58:17,339
tähän mennessä?

1251
00:58:17,339 --> 00:58:18,130
Yleisö: Haku?

1252
00:58:18,130 --> 00:58:21,770
DAVID J. MALAN: Haku, tai
enemmän yleisesti, HTTP-pyynnön

1253
00:58:21,770 --> 00:58:23,125
minun selaimen palvelimelle.

1254
00:58:23,125 --> 00:58:29,090
No, miksi selain tekee HTTP
pyytää joka kerta kun kirjoittaa kirjeen?

1255
00:58:29,090 --> 00:58:30,502
>> Yleisö: [tahtiimme]

1256
00:58:30,502 --> 00:58:33,210
DAVID J. MALAN: Joo, se antaa
minulle nämä automaattinen täydennys tuloksia.

1257
00:58:33,210 --> 00:58:35,190
Kuten, jos nämä
hakutulokset tulevat?

1258
00:58:35,190 --> 00:58:38,120
No, joka kerta kun kirjoitat
kirjain, Google lähettää enemmän

1259
00:58:38,120 --> 00:58:40,460
ja yhä enemmän
sana Olen kirjoittamalla.

1260
00:58:40,460 --> 00:58:41,040
Miksi?

1261
00:58:41,040 --> 00:58:44,540
Koska he haluavat antaa minulle
paremmin ja paremmin, parempi ehdotus,

1262
00:58:44,540 --> 00:58:48,880
ehdotusluettelon, mitä sana
Yritän todella valmis.

1263
00:58:48,880 --> 00:58:53,030
Joten tämä on sanoa kirjaimellisesti jokaisen
merkki kirjoitettaessa Google

1264
00:58:53,030 --> 00:58:56,900
lähetetään, lopulta
irtotavarana, mutta myös joskus yksi

1265
00:58:56,900 --> 00:59:00,620
kerrallaan, jotta voidaan toteuttaa
Näiden automaattinen täydennys biometrisiä

1266
00:59:00,620 --> 00:59:03,000
data on tietenkin verkossa.

1267
00:59:03,000 --> 00:59:08,780
>> Nyt, katsomaan mitä todellisuudessa
tapahdu, kun osoitan Google Search.

1268
00:59:08,780 --> 00:59:10,420
Ja sitten me hyödyntää sitä itse.

1269
00:59:10,420 --> 00:59:15,320
Jos siis selaa nyt hyvin
Ensimmäinen pyyntö, että juuri tapahtunut.

1270
00:59:15,320 --> 00:59:17,130
Huomaa seuraava.

1271
00:59:17,130 --> 00:59:25,550
Se lähetettiin melko pitkä URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
ja sitten koko nippu tavaraa.

1273
00:59:27,100 --> 00:59:29,620
Katsotaan tämä todella nyt
selaimen välilehti itse.

1274
00:59:29,620 --> 00:59:31,310
Lähdetään eroon työkalupalkin täällä.

1275
00:59:31,310 --> 00:59:33,140
Tässä sivun hakutulosten.

1276
00:59:33,140 --> 00:59:34,790
Ja ilmoitus tässä on URL.

1277
00:59:34,790 --> 00:59:37,430
Nyt arvata
mitä täällä tapahtuu osittain.

1278
00:59:37,430 --> 00:59:39,090
Joten ensiksi määritelmä.

1279
00:59:39,090 --> 00:59:42,570
Tämä ilmeisesti on määränpää
jos lomake lähetetään.

1280
00:59:42,570 --> 00:59:44,910
Kun siis kirjoitetaan
ilmaisu "kissat" ja paina Enter,

1281
00:59:44,910 --> 00:59:48,460
ilmeisesti Google lähetetty
minun tekstinsyöttöä tähän URL

1282
00:59:48,460 --> 00:59:50,770
että olen korostanut
siellä, slash haku.

1283
00:59:50,770 --> 00:59:56,530
Osoittautuu, joka URL, mitään,
tapahtuu sen jälkeen, kysymysmerkki on,

1284
00:59:56,530 --> 01:00:01,270
kun pidämme sanomalla, joka on avainarvoparin
joka oli kirjoitettu muotoon tai jotenkin

1285
01:00:01,270 --> 01:00:04,500
lähetetään
selaimen palvelimelle.

1286
01:00:04,500 --> 01:00:07,180
>> Joten tahansa kirjoitat syöttää
muotoon Webissä

1287
01:00:07,180 --> 01:00:10,000
ja se lähetetään olemme
keskustelleet kautta get,

1288
01:00:10,000 --> 01:00:12,400
yksi näistä virtuaalisista
kirjekuoret, sisältö

1289
01:00:12,400 --> 01:00:15,510
Kyseisen envelope-- kyllä, pidä
saada täytetyt fyysisesti

1290
01:00:15,510 --> 01:00:19,010
kuoreen luokassa
tänään, mutta teknisesti

1291
01:00:19,010 --> 01:00:21,110
se tosiasiallisesti URL.

1292
01:00:21,110 --> 01:00:22,940
Joten itse asiassa haluaisin käydä läpi tätä.

1293
01:00:22,940 --> 01:00:25,010
Missä näet käyttäjä syöttää?

1294
01:00:25,010 --> 01:00:27,490
Missä näet jotain
että olen itse kirjoittanut tänne?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Niin, niin "kissat."

1297
01:00:33,491 --> 01:00:33,990
Oikea?

1298
01:00:33,990 --> 01:00:36,380
Joten anna minun tislata tämän
joksikin yksinkertaisempi.

1299
01:00:36,380 --> 01:00:39,917
Aion poistaa kaiken
Tämän URL-osoitteen, että en ymmärrä,

1300
01:00:39,917 --> 01:00:42,250
ja olen juuri menossa lähteä
se this-- / search? q = kissoja.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Näemme missä q
tulee hetken,

1303
01:00:47,890 --> 01:00:51,220
mutta joka tuntuu pienin
määrä tietoa, että olen säädetty.

1304
01:00:51,220 --> 01:00:53,050
Ja nyt aion Enter.

1305
01:00:53,050 --> 01:00:55,520
Ja huomaa se toimii edelleen.

1306
01:00:55,520 --> 01:00:57,950
Olemme silti saada takaisin koko joukko kissoja.

1307
01:00:57,950 --> 01:01:00,340
Joten Google on hienompaa
kuin tämä näinä päivinä.

1308
01:01:00,340 --> 01:01:01,934
Se 2016 ei 1999.

1309
01:01:01,934 --> 01:01:04,600
Joten ei muuta tavaraa, että minun
selain lähettää palvelimelle.

1310
01:01:04,600 --> 01:01:07,100
Mutta tämä on minimaalisesti
kaikki se tarvittava.

1311
01:01:07,100 --> 01:01:08,380
>> Joten mitä tapahtuu?

1312
01:01:08,380 --> 01:01:14,320
No, haluan ensin mennä eteenpäin ja mennä
takaisin Cloud9 ja anna minun mennä eteenpäin

1313
01:01:14,320 --> 01:01:15,620
ja sulje välilehtiäni aikaisemmin.

1314
01:01:15,620 --> 01:01:18,230
Ja Teen tämän minun
omistavat vain hetken.

1315
01:01:18,230 --> 01:01:20,730
Aion mennä eteenpäin
ja luo uusi tiedosto.

1316
01:01:20,730 --> 01:01:23,739
Ja aion tallentaa sen google.html.

1317
01:01:23,739 --> 01:01:26,280
Ja aion hyvin quickly--
Aion varastaa, itse asiassa,

1318
01:01:26,280 --> 01:01:28,510
osa tästä tekstistä vain säästää aikaa.

1319
01:01:28,510 --> 01:01:30,610
Aion liittää tämän tänne.

1320
01:01:30,610 --> 01:01:33,850
En aio vaivata
tahansa stylization tällä kertaa.

1321
01:01:33,850 --> 01:01:38,340
Aiomme kutsua tätä "My Google."

1322
01:01:38,340 --> 01:01:41,230
Ja aion päästä eroon
kaiken kehossa.

1323
01:01:41,230 --> 01:01:42,740
Ja aion tehdä seuraavaa.

1324
01:01:42,740 --> 01:01:45,690
Saanen suurentaa.

1325
01:01:45,690 --> 01:01:50,620
Lomake action-- ja kun mainitaan lyhyesti
earlier-- whoops-- kuten olen lyhyesti

1326
01:01:50,620 --> 01:01:54,130
aikaisemmin mainittiin, toiminta on
lomake on, jos lähettää tiedot.

1327
01:01:54,130 --> 01:01:56,620
Niin google.com/search.

1328
01:01:56,620 --> 01:01:59,390
Ja menetelmä Haluan käyttää
voi olla yksi kaksi asiaa.

1329
01:01:59,390 --> 01:02:02,870
Se voi olla joko "saada", kun pidämme
keskustella, tai se voi olla "post".

1330
01:02:02,870 --> 01:02:05,340
Nyt, perustavanlaatuinen
Erona on, jos käytät "get"

1331
01:02:05,340 --> 01:02:09,590
kaikki tiedot, jotka
käyttäjä antaa saa lähettää URL.

1332
01:02:09,590 --> 01:02:13,530
>> Se on hyvä asioita, kuten hakuun
moottorit ja muutamia muita sovelluksia,

1333
01:02:13,530 --> 01:02:17,080
mutta missä olosuhteissa
et halua täyttää lomakkeen

1334
01:02:17,080 --> 01:02:21,620
ja ovat tiedot päätyä
URL, kuten selaimen osoiteriville?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Millainen muotojen do sinä--

1337
01:02:26,605 --> 01:02:27,480
Yleisö: [tahtiimme]

1338
01:02:27,480 --> 01:02:28,450
DAVID J. MALAN: Joo, kuten mitä?

1339
01:02:28,450 --> 01:02:29,270
Yleisö: Salasanat.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. MALAN: Joo, niin kirjaudut
Facebookiin tai joitakin verkkosivuilla.

1341
01:02:31,936 --> 01:02:34,395
Se käyttäjien palautteen
lomake, tekstiruutu,

1342
01:02:34,395 --> 01:02:37,020
mutta luultavasti halua sitä
näy selaimen URL.

1343
01:02:37,020 --> 01:02:38,121
Miksi?

1344
01:02:38,121 --> 01:02:40,870
Siis, ehkä on olemassa joitakin
turvallisuusvaikutuksia verkossa,

1345
01:02:40,870 --> 01:02:44,830
mutta more-- haluavat, yksinkertaisemmin, mitä jos
kämppäkaveri, muita huomattavia,

1346
01:02:44,830 --> 01:02:47,710
lapsesi, puolisosi näyttää
selaimen kautta historian?

1347
01:02:47,710 --> 01:02:50,762
On salasana oikea
siellä selaimen historia.

1348
01:02:50,762 --> 01:02:52,220
Se ei tunnu hyvältä muotoilu.

1349
01:02:52,220 --> 01:02:54,500
Tai jopa enemmän teknisesti,
Oletetaan yrität

1350
01:02:54,500 --> 01:02:59,180
ladata kuvan Flickr
tai Facebook tai wherever--

1351
01:02:59,180 --> 01:03:03,010
eli käyttäjä syöttää, vaikka
se on hieman enemmän interesting-- miten

1352
01:03:03,010 --> 01:03:05,530
voin ahtaa kuvan osoitepalkkiin?

1353
01:03:05,530 --> 01:03:06,730
Tavallaan sellaista ei.

1354
01:03:06,730 --> 01:03:07,396
Tavallaan voi.

1355
01:03:07,396 --> 01:03:10,210
Mutta oikeasti, olen ahtaalla
kuvitella näin.

1356
01:03:10,210 --> 01:03:13,470
Joten minun on toinen tapa
valokuvien lähettämistä nettisivulle,

1357
01:03:13,470 --> 01:03:15,657
ja että muut menetelmä on nimeltään "post".

1358
01:03:15,657 --> 01:03:18,740
Mutta nyt, me vain puhua
"Saada", joka on yksinkertaisempi kaksi.

1359
01:03:18,740 --> 01:03:21,100
Se vain tuo kaikki
Käyttäjä syöttää URL.

1360
01:03:21,100 --> 01:03:22,830
>> Joten tässä muodossa Luon.

1361
01:03:22,830 --> 01:03:24,070
Haluan tulo.

1362
01:03:24,070 --> 01:03:24,820
Ja tiedätkö mitä?

1363
01:03:24,820 --> 01:03:26,111
Aion yrittää arvata täällä.

1364
01:03:26,111 --> 01:03:31,600
Aion muistaa minun
input "q" for "kyselyn."

1365
01:03:31,600 --> 01:03:34,970
Ja mielestäni tämä on yksi niistä
alkuperäisiä malleja, ehkä vuodesta 1999.

1366
01:03:34,970 --> 01:03:39,560
Ja sitten tyypin tämän tulon
on vain olemaan "tekstiä."

1367
01:03:39,560 --> 01:03:43,040
Ja sitten aion olla toinen tulo
joka ei tarvitse nimeä, kuten tulemme pian

1368
01:03:43,040 --> 01:03:45,120
katso, jonka tyyppi on "lähetä".

1369
01:03:45,120 --> 01:03:47,070
Ja tämä tulee
antaa minulle erityinen painiketta.

1370
01:03:47,070 --> 01:03:48,320
Ja siinä se.

1371
01:03:48,320 --> 01:03:50,790
>> Joten anna minun mennä eteenpäin ja tallenna tiedosto.

1372
01:03:50,790 --> 01:03:54,910
Aion mennä takaisin minun
selain ja siirry google.html.

1373
01:03:54,910 --> 01:03:56,140
Tulla sisään.

1374
01:03:56,140 --> 01:03:59,680
Ja se on eräänlainen harva
liioittelematta.

1375
01:03:59,680 --> 01:04:03,110
Mutta anna minun mennä eteenpäin
ja etsi "kissoille."

1376
01:04:03,110 --> 01:04:06,510
Ja huomaavat Olen tällä hetkellä
Tämän Cloud9 URL.

1377
01:04:06,510 --> 01:04:09,240
Mutta nyt olen sitten tästä,
missä sinä toivottavasti päätyä?

1378
01:04:09,240 --> 01:04:10,160
>> Yleisö: Google.

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. MALAN: Google.

1380
01:04:11,118 --> 01:04:12,740
Joten valitse Lähetä.

1381
01:04:12,740 --> 01:04:15,200
Ja todellakin olen uudelleen toteutettu Google.

1382
01:04:15,200 --> 01:04:15,700
Oikea?

1383
01:04:15,700 --> 01:04:16,480
Se on yksinkertaisempi.

1384
01:04:16,480 --> 01:04:17,120
Se on kevyempi.

1385
01:04:17,120 --> 01:04:20,350
Siis, minun koodi on selvästi parempi kuin
omaansa siitä sotkua näimme aiemmin.

1386
01:04:20,350 --> 01:04:21,100
Ja tiedätkö mitä?

1387
01:04:21,100 --> 01:04:22,610
Aion mausteen tähän asti vähän.

1388
01:04:22,610 --> 01:04:23,860
En maininnut tätä aikaisemmin.

1389
01:04:23,860 --> 01:04:27,860
On tageja kuten H1, otsakkeen 1,
tärkein otsikon sivun.

1390
01:04:27,860 --> 01:04:30,570
"Minun Google," Soitan tätä.

1391
01:04:30,570 --> 01:04:31,940
Saanen uudelleen.

1392
01:04:31,940 --> 01:04:33,772
Se etsii hieman paremmin jo.

1393
01:04:33,772 --> 01:04:34,980
Ja itse asiassa, tiedätkö mitä?

1394
01:04:34,980 --> 01:04:36,430
Olen already-- valehtelin.

1395
01:04:36,430 --> 01:04:40,200
Sanoin en aio tyyli tähän,
mutta aion tyyli tätä kuin ennen.

1396
01:04:40,200 --> 01:04:46,860
Ja kehoni tulee olemaan,
sanokaamme, text-align keskus.

1397
01:04:46,860 --> 01:04:48,800
Se etsii enemmän kuin Google jo.

1398
01:04:48,800 --> 01:04:51,090
>> Tarvitsen rivinvaihdon, vaikka,
kyseiselle Lähetä-painiketta.

1399
01:04:51,090 --> 01:04:52,798
Ja se kääntyy pois, te
voi käyttää kohdissa

1400
01:04:52,798 --> 01:04:57,320
tai voit enemmän kirjaimellisesti vain sanoa,
anna minulle rivinvaihdon here-- BR tag.

1401
01:04:57,320 --> 01:04:59,319
Ja jos minä ladata tämä, nyt se menee sinne.

1402
01:04:59,319 --> 01:05:01,610
Se on vähän ruma, niin minä
voisi tehdä useita rivinvaihdot,

1403
01:05:01,610 --> 01:05:03,310
mutta älkäämme liian ahne täällä.

1404
01:05:03,310 --> 01:05:06,430
Nyt katsotaanpas jos se toimii "koiria."

1405
01:05:06,430 --> 01:05:08,640
Se näyttää toimivan "koirille," samoin.

1406
01:05:08,640 --> 01:05:10,780
Mikä siis pakottavia takeaway täällä?

1407
01:05:10,780 --> 01:05:13,600
One-- ollut valtava harppaus
käyttöön muutama tunnisteita,

1408
01:05:13,600 --> 01:05:15,370
kuten lomake tag input tag.

1409
01:05:15,370 --> 01:05:17,120
Mutta enemmän pohjimmiltaan
on, kaikki teemme

1410
01:05:17,120 --> 01:05:20,610
on hyödyntämällä ymmärrystämme
HTTP ja se

1411
01:05:20,610 --> 01:05:24,900
että lomakkeet lopulta muuttavat
mitä URL selaimen,

1412
01:05:24,900 --> 01:05:28,540
ja niin sen vuoksi voimme
mekaanisesti antaa panoksensa palvelimeen

1413
01:05:28,540 --> 01:05:33,600
tekemällä HTML-lomakkeen ja tietäen
että palvelin ymmärtää HTTP,

1414
01:05:33,600 --> 01:05:36,890
aivan kuten meidän elin ymmärtää, kuten,
ravistamalla käteni, että sama protokolla,

1415
01:05:36,890 --> 01:05:40,920
ja niin saamme takaisin vastauksen
että me lopulta odottaa.

1416
01:05:40,920 --> 01:05:44,050
>> Joten yrittää tehdä yhden
viimeinen asia nyt mobiili,

1417
01:05:44,050 --> 01:05:47,052
ja minä make-- Laitan
tämä koodi dioja.

1418
01:05:47,052 --> 01:05:49,760
Joten jos haluat korjailla, voit
voi varmasti ottaa sen sieltä.

1419
01:05:49,760 --> 01:05:51,551
Mutta aion mennä
eteenpäin ja tehdä yksi asia.

1420
01:05:51,551 --> 01:05:54,120
Aion mennä eteenpäin ja
avata index page--

1421
01:05:54,120 --> 01:05:59,030
minun hei sivun ennen, mikä
on paljon tätä faux-Latin tekstiä,

1422
01:05:59,030 --> 01:06:05,470
tai merkityksetön Latinalaisen tekstiä, ja has--
se näyttää tältä tässä fontin kokoa.

1423
01:06:05,470 --> 01:06:07,850
Mutta anna minun mennä eteenpäin ja tehdä tätä.

1424
01:06:07,850 --> 01:06:09,300
Aion mennä Cloud9.

1425
01:06:09,300 --> 01:06:10,380
Ja sinun ei tarvitse tehdä tätä vaihetta.

1426
01:06:10,380 --> 01:06:11,420
Minä vain tehdä se itse.

1427
01:06:11,420 --> 01:06:12,890
Aion valitse Jaa.

1428
01:06:12,890 --> 01:06:15,170
Ja tämä on ominaisuus
juuri of Cloud9, jolloin

1429
01:06:15,170 --> 01:06:17,710
Voin tehdä minun ympäristössä julkista.

1430
01:06:17,710 --> 01:06:20,240
>> Ja juuri vuoksi
esittely, anna minun tehdä tätä.

1431
01:06:20,240 --> 01:06:22,870
Aion tehdä hakemukseni julkista.

1432
01:06:22,870 --> 01:06:25,230
Huomaa, se varoittaa minua, olen
Olen varma haluanko tehdä tätä,

1433
01:06:25,230 --> 01:06:28,438
koska tämä aikoo tehdä kaikille
maailmassa, olivatpa he täällä nyt

1434
01:06:28,438 --> 01:06:33,560
tai katsella videota myöhemmin
Internet nähdä, mitä näen.

1435
01:06:33,560 --> 01:06:34,440
Mutta se on OK.

1436
01:06:34,440 --> 01:06:37,870
Aion sanoa "Valmis."

1437
01:06:37,870 --> 01:06:42,080
Ja haluan rohkaista teitä, jos en
Tämän correctly-- haluan testata sitä ensin.

1438
01:06:42,080 --> 01:06:45,590
Mennä eteenpäin, jos et mind--
selaimeen tietokoneessa,

1439
01:06:45,590 --> 01:06:49,900
siirry osoitteeseen, ja toivottavasti
näet minun latinankielinen teksti.

1440
01:06:49,900 --> 01:06:52,820
Ja tehtävä selväksi, se on
käynnissä ei minun laptop.

1441
01:06:52,820 --> 01:06:53,610
Se on pilvessä.

1442
01:06:53,610 --> 01:06:58,120
Se on Cloud9, kirjaimellisesti, mutta
Olen tehnyt työtilassa julkisia

1443
01:06:58,120 --> 01:07:03,450
niin että kuka tahansa internetissä
voi kirjautua Latinalaisessa kotisivulla.

1444
01:07:03,450 --> 01:07:07,209
>> Mene samaan URL
puhelimeen, jos voisi.

1445
01:07:07,209 --> 01:07:09,750
Jos se tulee maksaa, vaikka, et
voi vain katsoa yli olkapään.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
Yleisö: [tahtiimme]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. MALAN: Anteeksi?

1449
01:07:43,550 --> 01:07:45,390
Yleisö: [tahtiimme]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. MALAN: Vain latinan sanoista.

1451
01:07:47,710 --> 01:07:48,210
Siinä kaikki.

1452
01:07:48,210 --> 01:07:49,250
Mutta se mitä sinun pitäisi nähdä.

1453
01:07:49,250 --> 01:07:49,875
>> Yleisö: Kyllä.

1454
01:07:49,875 --> 01:07:50,790
DAVID J. MALAN: Joo.

1455
01:07:50,790 --> 01:07:51,300
Joo.

1456
01:07:51,300 --> 01:07:51,540
OK.

1457
01:07:51,540 --> 01:07:53,530
Joten voin pitää oman
puhelin vain hetken?

1458
01:07:53,530 --> 01:07:57,504
Joten toivottavasti jos olet päästä
sen, se pitäisi näyttää melkein lukea.

1459
01:07:57,504 --> 01:07:59,920
Se still-- Siis, se on
lukukelvoton koska Latinalaisen.

1460
01:07:59,920 --> 01:08:01,920
Mutta se on myös lukukelvoton
mitä muu syy?

1461
01:08:01,920 --> 01:08:03,775
Kuten, mitä displeases teille tästä?

1462
01:08:03,775 --> 01:08:04,650
Yleisö: Se on pieni.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. MALAN: Se on super, super pieni.

1464
01:08:06,420 --> 01:08:07,920
Joten miten voisimme korjata?

1465
01:08:07,920 --> 01:08:09,730
Se on erittäin, erittäin pieni
Victoria puhelimeen

1466
01:08:09,730 --> 01:08:11,400
ja jos olet vetänyt
sen itse, luultavasti

1467
01:08:11,400 --> 01:08:14,660
pieni puhelimen samoin, ellet
on saavutettavuus asetukset käytössä.

1468
01:08:14,660 --> 01:08:15,530
Mikä tuo on?

1469
01:08:15,530 --> 01:08:18,497
Voisit vain nipistää ja
zoom, joka on käyttökelpoinen,

1470
01:08:18,497 --> 01:08:20,330
mutta sitten vain nähdä
muutama sana kerrallaan.

1471
01:08:20,330 --> 01:08:20,859
Joten odota hetki.

1472
01:08:20,859 --> 01:08:21,720
En tiedä, miten korjata tämä.

1473
01:08:21,720 --> 01:08:22,219
Oikea?

1474
01:08:22,219 --> 01:08:26,130
Voisin käyttää CSS, ja voisin vaihtaa
font size 12 pisteen 24-pisteen.

1475
01:08:26,130 --> 01:08:29,020
Mutta sivuvaikutus, että
tietenkin tulee olemaan nyt,

1476
01:08:29,020 --> 01:08:32,630
pöytäkoneen tai kannettavan tietokoneen,
Nyt teksti on kaksi kertaa niin suuri.

1477
01:08:32,630 --> 01:08:35,810
Ja niin se olisi eräänlainen mukavaa
erottamaan laitteiden,

1478
01:08:35,810 --> 01:08:37,840
ja se osoittautuu siellä
ovat tapoja tehdä niin.

1479
01:08:37,840 --> 01:08:39,590
On useita
eri tavalla, itse asiassa,

1480
01:08:39,590 --> 01:08:44,189
jolloin CSS ja hienompaa ominaisuudet
että emme aio mennä hyvin yksityiskohtaisesti,

1481
01:08:44,189 --> 01:08:46,960
voit olennaisesti kyselyn
selain ja sanoa,

1482
01:08:46,960 --> 01:08:51,550
Jos näyttö on pienempi kuin tämä
monta pikseliä, käytä tätä kirjasinkokoa.

1483
01:08:51,550 --> 01:08:55,180
Jos näyttö on isompi kuin tämä
monta pikseliä, käytä tätä muuta kirjasinkokoa.

1484
01:08:55,180 --> 01:08:57,080
>> Voit olla jopa harrastaja edelleen.

1485
01:08:57,080 --> 01:09:00,140
Jos olet koskaan käynyt
Web-sivu, joka, pöydälle,

1486
01:09:00,140 --> 01:09:04,404
on iso valikon ehkä pois
puolella, ja sitten kaikki sisältö

1487
01:09:04,404 --> 01:09:07,029
on puolelle, joka menu--
se on eräänlainen yhteinen paradigman.

1488
01:09:07,029 --> 01:09:09,670
Menu vasemmalla, sisältöön
oikealla, tai päinvastoin.

1489
01:09:09,670 --> 01:09:13,569
Ei oikein toimi mobiililaitteissa, kun
näyttö on vain tämä monta pikseliä leveä.

1490
01:09:13,569 --> 01:09:16,233
Joten yleisempää mobiililaitteissa on,
valikon yhtäkkiä saa

1491
01:09:16,233 --> 01:09:18,399
romahti, ja sinun on
napsauttaa painiketta nähdä se,

1492
01:09:18,399 --> 01:09:22,404
tai verkkosivuilla laittaa valikon
yläpuolella ja laittaa sisältöä sen alla.

1493
01:09:22,404 --> 01:09:24,779
Ja voit toteuttaa nämä
asioita monin tavoin, myös.

1494
01:09:24,779 --> 01:09:28,340
Voit kysyä ohjelmoijat,
hei, joukkue, milloin tahansa

1495
01:09:28,340 --> 01:09:34,450
näet HTTP pyynnön Android
laite, Microsoft laite, Google

1496
01:09:34,450 --> 01:09:39,930
laite, Apple-laitteella, käytä tätä
fontin kokoa ja käyttää tätä valikkoasettelun,

1497
01:09:39,930 --> 01:09:42,670
tai muuten käyttää tätä oletuksena suurempi layout.

1498
01:09:42,670 --> 01:09:45,410
>> Nyt käyttäen mitä
perustavanlaatuinen tekniikka tänään

1499
01:09:45,410 --> 01:09:48,529
voisi insinöörit käyttää
tietää onko se

1500
01:09:48,529 --> 01:09:53,660
iPhone, Android puhelin, kannettava tietokone,
työpöydän vierailevat yrityksen palvelimelle?

1501
01:09:53,660 --> 01:09:55,310
Jolloin he saavat nämä tiedot?

1502
01:09:55,310 --> 01:09:56,080
>> YLEISÖ: header?

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J. MALAN: Joo, HTTP header.

1504
01:09:57,740 --> 01:10:01,714
Joten jokainen HTTP-pyynnön lähtöisin
asiakkaitaan niiden palvelimet

1505
01:10:01,714 --> 01:10:03,880
sisältävät sisällä että virtuaalinen
kirjekuori, läjän

1506
01:10:03,880 --> 01:10:08,260
HTTP-otsikoita, joista yksi on
selain ja käyttöjärjestelmä

1507
01:10:08,260 --> 01:10:10,290
vaikka, jos välität
että taso.

1508
01:10:10,290 --> 01:10:13,790
Nyt se on arvoituksellinen näköinen merkkijono, mutta
on olemassa ohjelmisto, joka vain

1509
01:10:13,790 --> 01:10:18,530
yksinkertaistaa niin, ja voit vain kysyä
Ohjelmoinnin code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- mikä puhelin on this--
mikä laite on tämän käyttäjän käyttää?

1511
01:10:23,650 --> 01:10:27,501
Ja sitten voit sanoa, näyttää heille tämä
version verkkosivuilla, jos se on puhelin.

1512
01:10:27,501 --> 01:10:30,250
Näytä heille tämä versio
verkkosivuilla, jos se on tietokoneen ääressä.

1513
01:10:30,250 --> 01:10:32,316
Mutta et edes tarvitse
palvelinpuolen monimutkaisuus.

1514
01:10:32,316 --> 01:10:33,940
Voit tehdä edes yksinkertaisimpia asioita.

1515
01:10:33,940 --> 01:10:34,815
>> Aion tehdä tämän.

1516
01:10:34,815 --> 01:10:38,995
Aion mennä eteenpäin osaksi
minun Cloud9 ympäristö,

1517
01:10:38,995 --> 01:10:41,370
ja aion lisätä tunnisteen
että näit Google ennen.

1518
01:10:41,370 --> 01:10:42,770
Sitä kutsutaan sisällönkuvauskenttä.

1519
01:10:42,770 --> 01:10:45,520
Ja en koskaan muista tämän yhden, niin
Aion laatia se täällä.

1520
01:10:45,520 --> 01:10:50,552
Meta name = "viewport" ja sitten
content = "width = laite leveys, intital

1521
01:10:50,552 --> 01:11:02,060
asteikko = 1 "ja se on siinä.

1522
01:11:02,060 --> 01:11:06,230
>> Joten se voisi yhtä hyvin olla
kuten maaginen loitsu.

1523
01:11:06,230 --> 01:11:11,300
Se ei ole kaikki, että selvä, mutta tämä on
jotain tekemistä viewport,

1524
01:11:11,300 --> 01:11:15,070
ja viewport on vain ruumis
web-sivun, suorakulmainen alue, joka

1525
01:11:15,070 --> 01:11:16,690
määrittelee suurimman osan sivun.

1526
01:11:16,690 --> 01:11:19,060
Ja tämä on vain kertoa
selaimen, tiedätkö mitä?

1527
01:11:19,060 --> 01:11:22,589
Tee leveys tämän sivun
tehokkaasti yhtä suuri kuin laitteen leveys.

1528
01:11:22,589 --> 01:11:25,380
Toisin sanoen, älä oleta että
olet eräänlainen rajattomasti tilaa.

1529
01:11:25,380 --> 01:11:29,920
Oletetaan, että olet vain niin paljon
tilaa kuin itse laite on suuri.

1530
01:11:29,920 --> 01:11:34,454
Ja niin nyt, jos en lataa tämä
selaimessa, en näe mitään muutosta.

1531
01:11:34,454 --> 01:11:37,370
Mutta jos tein tämän correctly-- ja
anna minun ylittää minun sormityöskentelyineen jos kaikki

1532
01:11:37,370 --> 01:11:42,920
lataa puhelimet, sinä
katso pakottavia muutos?

1533
01:11:42,920 --> 01:11:43,620
Joo, on that--

1534
01:11:43,620 --> 01:11:45,067
>> Yleisö: [tahtiimme]

1535
01:11:45,067 --> 01:11:45,900
DAVID J. MALAN: Kyllä.

1536
01:11:45,900 --> 01:11:46,400
OK.

1537
01:11:46,400 --> 01:11:47,850
Joten luultavasti enemmän luettavissa nyt?

1538
01:11:47,850 --> 01:11:53,070
Vielä pieni, olla oikeudenmukainen, mutta ei
niin pieni, että se on hallitsemattomaksi.

1539
01:11:53,070 --> 01:11:56,920
Ja minä voisi varmasti ohittaa
edelleen CSS tai palvelimen puolella,

1540
01:11:56,920 --> 01:12:00,120
mutta yhä mitä olet
näkeminen on yhä enemmän ominaisuuksia

1541
01:12:00,120 --> 01:12:02,900
lisätään
client-side environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, kun kerromme mielellämme
huomenna, CSS, ja HTML-- niin

1543
01:12:06,530 --> 01:12:09,190
että kaikki nämä kyselyt
voidaan tehdä asiakkaan

1544
01:12:09,190 --> 01:12:11,910
jotta vaivata
palvelin paljon vähemmän eikä

1545
01:12:11,910 --> 01:12:14,530
täytyy pysyä, sillä
Esimerkiksi jatkuva hyökkäys

1546
01:12:14,530 --> 01:12:17,210
Uusien käyttöjärjestelmän
versioita, selainten uusilla versioilla.

1547
01:12:17,210 --> 01:12:20,190
Voit vain antaa selaimen
kysyä laite, kuinka suuri olet,

1548
01:12:20,190 --> 01:12:22,890
ja sitten tehdä hieman loogista
päätöksiä sen perusteella.

1549
01:12:22,890 --> 01:12:25,140
Mutta näemme enemmän mahdollisuuksia
looginen päätökset

1550
01:12:25,140 --> 01:12:27,223
huomenna yhteydessä
ohjelmointikielen.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Joten, kysyttävää, niin,
Web-kehitys?

1553
01:12:32,760 --> 01:12:36,130
Tänään ei ole Web-ohjelmointi, per
se, koska useimmat kaikki teimme

1554
01:12:36,130 --> 01:12:38,370
oli hyvin esteettinen, jos haluatte.

1555
01:12:38,370 --> 01:12:41,750
Ei ole päätöksenteosta
koodia että olemme kirjoittaneet,

1556
01:12:41,750 --> 01:12:44,990
ja niin siksi HTML on markup
kieli, ei ole ohjelmointikieli.

1557
01:12:44,990 --> 01:12:47,140
Mutta huomenna otamme
vilkaista lopulta

1558
01:12:47,140 --> 01:12:49,340
at JavaScript, joka on
todellinen ohjelmointi

1559
01:12:49,340 --> 01:12:54,220
kieli, jonka avulla voimme tehdä hieman enemmän.

1560
01:12:54,220 --> 01:12:56,800
>> Kysymyksiä?

1561
01:12:56,800 --> 01:13:00,480
No, minäpä ehdottaa kahden
mahdollisuuksia vapaaehtoista kotitehtäviä.

1562
01:13:00,480 --> 01:13:02,900
Yksi is-- nämä Cloud9
tilejä ei vanhene.

1563
01:13:02,900 --> 01:13:04,669
Olet tervetullut käyttämään
niitä korjailla.

1564
01:13:04,669 --> 01:13:05,960
Se on ilmainen palvelun taso.

1565
01:13:05,960 --> 01:13:08,754
Ymmärrettävä, että jos luodessaan
työtilan, teit sen julkista,

1566
01:13:08,754 --> 01:13:11,670
joka ei tarkoita, että ketään
Internetissä voi nähdä mitä kirjoitat.

1567
01:13:11,670 --> 01:13:15,104
Joten ehkä vain harkita
ei noloa itse

1568
01:13:15,104 --> 01:13:18,020
jos olet laskemisesta ensimmäinen web
sivu siellä julkisesti vahingossa,

1569
01:13:18,020 --> 01:13:20,134
mutta kukaan menee
tietävät etsiä siellä joka tapauksessa.

1570
01:13:20,134 --> 01:13:23,760
>> Ja two-- haluan nakata
tätä URL samoin,

1571
01:13:23,760 --> 01:13:28,250
varsinkin jos tuli tänään
hieman vähemmän mukava kuin toiset,

1572
01:13:28,250 --> 01:13:30,430
epävarma mitä kaikki jutut tarkoittaa.

1573
01:13:30,430 --> 01:13:36,780
Ymmärrettävä, että paljon enemmän tämän videon,
joka on sekä hyvä tapa nukahtaa

1574
01:13:36,780 --> 01:13:39,380
ja myös nauraa taas
Näin on myös

1575
01:13:39,380 --> 01:13:44,300
paljon yhteiskunnallisesti mielenkiintoisia
ja turvallisuutta koskevat keskustelut

1576
01:13:44,300 --> 01:13:47,370
siinä John Oliver,
vaikkakin koomikko.

1577
01:13:47,370 --> 01:13:55,456
>> Mutta jos ei ole muita kysymyksiä,
joka tuo meidät vastaanoton.

1578
01:13:55,456 --> 01:13:56,830
Joten miksi en päälle musiikkia.

1579
01:13:56,830 --> 01:13:58,610
Pitäisi olla juomia
ja välipaloja ulkopuolella.

1580
01:13:58,610 --> 01:14:00,220
Olen iloinen jutella niin
kunhan ihmiset haluaisivat,

1581
01:14:00,220 --> 01:14:01,600
kysymyksiin enemmän one-on-one.

1582
01:14:01,600 --> 01:14:03,330
Mutta muuten olet tervetullut
ottaa pois milloin tahansa,

1583
01:14:03,330 --> 01:14:05,740
ja Nähdään taas
huomenna aamulla hieman.

1584
01:14:05,740 --> 01:14:07,290
Selvä, kiitos.

1585
01:14:07,290 --> 01:14:10,428