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

2
00:00:00,127 --> 00:00:01,210
DAVID J. Malan: Të gjithë të drejtë.

3
00:00:01,210 --> 00:00:02,160
Ne jemi kthyer.

4
00:00:02,160 --> 00:00:05,810
Pra, qëllimi i kësaj seance të fundit
është për të futur disa koncepte më shumë

5
00:00:05,810 --> 00:00:09,290
por edhe të japë të gjithëve një shans
të lloj zgjas gishtat

6
00:00:09,290 --> 00:00:11,270
dhe të vërtetë të bëjë diçka
një duart-në pak.

7
00:00:11,270 --> 00:00:13,897
Qëllimi nuk është që të kthehet
të gjithë ne në web developers

8
00:00:13,897 --> 00:00:16,230
me çdo mjet, por me të vërtetë vetëm
për të ju jap një shije të disa

9
00:00:16,230 --> 00:00:21,750
prej koncepteve themelore të asaj
shkon në programimin e web dhe sot web

10
00:00:21,750 --> 00:00:23,980
zhvillimit, kështu që
Ana statike e things--

11
00:00:23,980 --> 00:00:26,660
ka logjikë, nuk ka programimi
gjuha, vetëm përmbajtje statike.

12
00:00:26,660 --> 00:00:29,660
Dhe kjo do të na japë një mundësi
për të vërtetë shohim se çfarë një web server është,

13
00:00:29,660 --> 00:00:34,140
Shih se çfarë një skedar HTML është, të shohim se çfarë
ajo është HTTP është në të vërtetë shërbejnë deri.

14
00:00:34,140 --> 00:00:38,600
Por, para se të zhyten në diskutim, çdo retrospektivë
pyetje në lidhje me cloud

15
00:00:38,600 --> 00:00:43,922
ose sigurisë apo diçka në mes?

16
00:00:43,922 --> 00:00:44,890
>> Nuk ka?

17
00:00:44,890 --> 00:00:47,181
Në rregull, mirë, le të
ta bërë këtë, vetëm në rast

18
00:00:47,181 --> 00:00:49,680
procesi i nënshkrimit për
diçka që merr disa minuta.

19
00:00:49,680 --> 00:00:51,221
Ne do të le të bëjë atë në sfond.

20
00:00:51,221 --> 00:00:56,860
Shko përpara, në qoftë se ju mund të,
për këtë URL here-- c9.io.

21
00:00:56,860 --> 00:01:02,810
Kjo është një palë e tretë service--
Platforma si një shërbim, nëse ju will--

22
00:01:02,810 --> 00:01:05,190
që do të ju ftojmë
për të nënshkruar për një llogari,

23
00:01:05,190 --> 00:01:08,650
dhe ajo do të japë secili nga ju
një llogari në të ashtuquajturën re

24
00:01:08,650 --> 00:01:11,330
në infrastrukturën e dikujt tjetër,
një kompani e quajtur Cloud9.

25
00:01:11,330 --> 00:01:13,350
Por ajo që është e bukur për
kjo është që ata të ju jap

26
00:01:13,350 --> 00:01:15,990
një përafrim i një
Zhvillimi aktual botës reale

27
00:01:15,990 --> 00:01:18,530
mjedisi, megjithëse në
re dhe në një shfletues web,

28
00:01:18,530 --> 00:01:21,175
dhe ne do të përdorni këtë për të vërtetë
eksperimentojnë pak sot.

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

30
00:01:27,116 --> 00:01:30,260
Dhe pastaj të shkojnë përpara dhe të vetëm të lundruar
rrugën tuaj për procesin shenjë-up

31
00:01:30,260 --> 00:01:32,630
në qoftë se ju mund të.

32
00:01:32,630 --> 00:01:36,080
Pra, ne të ndodhë për të përdorur këtë në klasë
I japin mësim për të gjithë studentët tanë,

33
00:01:36,080 --> 00:01:39,140
si në kampus dhe jashtë tani, dhe
është e zëvendësuar atë që historikisht

34
00:01:39,140 --> 00:01:41,390
ishte software ndryshe shkarkohen.

35
00:01:41,390 --> 00:01:44,620
Pra, atë që ju po duke fituar qasje në
është një nga këto makina virtuale,

36
00:01:44,620 --> 00:01:46,460
në thelb, se kam përshkruar më parë.

37
00:01:46,460 --> 00:01:50,260
Pra, kjo kompani Cloud9 ndoshta
qiratë nga një party-- tretë vërtet

38
00:01:50,260 --> 00:01:52,760
në këtë rast, Google-- një tërësi
bandë e makinave virtuale

39
00:01:52,760 --> 00:01:56,500
se ata disi pres deri në
iluzionin e servers individuale

40
00:01:56,500 --> 00:01:58,610
që secili prej nesh ka kontroll të plotë mbi të.

41
00:01:58,610 --> 00:02:01,640
Kjo nuk është shumë e saktë për të thënë
se ata janë makina virtuale,

42
00:02:01,640 --> 00:02:04,550
pse, sepse ajo
Cloud9 fakt përdor

43
00:02:04,550 --> 00:02:07,570
është një teknologji disi më të reja
quajtur Containerization.

44
00:02:07,570 --> 00:02:13,150
Dhe më lejoni të rrëmbyer këtë foto
këtu për të pikturuar këtë foto.

45
00:02:13,150 --> 00:02:16,540
>> Një kontenier është, nëse
ju kujtohet foto

46
00:02:16,540 --> 00:02:19,900
nga më parë, pak më të lehta
Pesha se një makinë virtuale.

47
00:02:19,900 --> 00:02:22,090
Në fakt, ndërsa e fundit
herë kemi biseduar për aty

48
00:02:22,090 --> 00:02:25,170
duke qenë një operativ
sistemit dhe një hypervisor

49
00:02:25,170 --> 00:02:28,260
dhe pastaj të sistemit operativ mysafir, mysafir
sistemit operativ, operativ mysafir

50
00:02:28,260 --> 00:02:30,940
sistemit, në krye të tuaj
hardware fizike,

51
00:02:30,940 --> 00:02:33,740
diferenca me këtë më të reja
teknologji, Containerization,

52
00:02:33,740 --> 00:02:37,290
është se ata të gjithë disi të ndarë
të njëjtin sistem operativ.

53
00:02:37,290 --> 00:02:39,970
Por ata ende të krijuar
iluzionin e të gjithëve

54
00:02:39,970 --> 00:02:44,590
duke pasur ekskluzive tij ose të saj vetë
Të drejtat administrative dhe fotografi

55
00:02:44,590 --> 00:02:45,400
në server.

56
00:02:45,400 --> 00:02:48,230
Por ka pak software në
mes jush dhe hardware.

57
00:02:48,230 --> 00:02:52,260
Rezultat i cili është, në
Teoria, një performancë më të lartë,

58
00:02:52,260 --> 00:02:55,470
për shkak se ju jeni duke përdorur ose
humbur më pak burime

59
00:02:55,470 --> 00:02:57,360
në atë të ashtuquajturën shtresë Virtualization.

60
00:02:57,360 --> 00:02:59,420
Pra, kjo quhet
Containerization nga natyra

61
00:02:59,420 --> 00:03:02,920
me anë të një teknologji të quajtur Docker,
e cila është shumë e ardhur në vete.

62
00:03:02,920 --> 00:03:05,086
Dhe kjo është diçka që
inxhinierë në kompaninë tuaj

63
00:03:05,086 --> 00:03:08,610
mund të lloj lloj fillojnë të bisedojnë
për së shpejti në qoftë se ata nuk e keni tashmë,

64
00:03:08,610 --> 00:03:11,590
edhe pse ka sigurisht asnjë
arsye për të hidhen në çdo bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Pra, me tha se, çfarë
ju ndoshta shikoni tani

66
00:03:15,410 --> 00:03:22,670
është një ekran që duket pak si kjo.

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

68
00:03:23,170 --> 00:03:25,260
Dhe vetëm më thirrni më shumë se në qoftë se jo.

69
00:03:25,260 --> 00:03:27,440
Dhe në qoftë se so-- unë do të vijnë gjatë në qoftë se jo.

70
00:03:27,440 --> 00:03:30,244
Shkoni përpara dhe klikoni aq i madh
plus për të krijuar një hapësirë ​​pune,

71
00:03:30,244 --> 00:03:31,660
dhe ju do të shihni një ekran si kjo.

72
00:03:31,660 --> 00:03:35,020
Ju mund të telefononi workspace
përmendur ndonjë gjë që ju dëshironi për të tani.

73
00:03:35,020 --> 00:03:38,660
Dhe vetëm në të vërtetë për thjeshtësi,
shkoni and-- mirë, disa prej jush

74
00:03:38,660 --> 00:03:39,660
tashmë kanë hapësirat e punës.

75
00:03:39,660 --> 00:03:47,050
E quajti atë çdo gjë që ju want-- të biznesit,
Harvard, e enjte, çdo gjë që ju dëshironi.

76
00:03:47,050 --> 00:03:48,800
Ju nuk keni nevojë për një përshkrim.

77
00:03:48,800 --> 00:03:52,380
Ju mund të lënë atë private, nëse ju
tashmë kanë një bandë e hapësirave të punës.

78
00:03:52,380 --> 00:03:55,280
Nëse ju jeni të detyruar për ta bërë atë publike,
kjo është në rregull për qëllime të sotme.

79
00:03:55,280 --> 00:03:56,750
Këtu, gjithashtu, është një nga upsells.

80
00:03:56,750 --> 00:03:59,939
Ju merrni një hapësirë ​​pune private nga
default. Por në qoftë se ju doni më shumë,

81
00:03:59,939 --> 00:04:00,980
ju duhet të paguani për më shumë.

82
00:04:00,980 --> 00:04:02,870
Përndryshe, ato fuqi të
për të bërë publike punën tuaj.

83
00:04:02,870 --> 00:04:05,600
Por kjo është në rregull, sepse ata edhe
synuar këtë në komunitetet burim të hapur

84
00:04:05,600 --> 00:04:07,700
për të inkurajuar njerëzit për
në fakt bashkëpunojnë.

85
00:04:07,700 --> 00:04:10,699
>> Dhe gjëja e fundit që është e rëndësishme,
Megjithatë, është, në fund ju zgjidhni një emër

86
00:04:10,699 --> 00:04:17,140
dhe pasi ju zgjidhni private apo publike,
klikoni HTML5, ikonën portokalli i madh

87
00:04:17,140 --> 00:04:22,430
i dyti nga e majta, dhe
pastaj klikoni Krijo Workspace.

88
00:04:22,430 --> 00:04:24,580
Dhe kjo ndoshta do
të marrë një minutë apo më shumë,

89
00:04:24,580 --> 00:04:26,540
por atëherë ju do të keni një
mjedisit, një herë ju

90
00:04:26,540 --> 00:04:30,544
bëjë këtë, që duket të kujton
ajo që unë kam në ekran këtu tani.

91
00:04:30,544 --> 00:04:33,210
Por, përsëri, ajo mund të marrë një minutë
ose më shumë për të marrë në këtë ekran

92
00:04:33,210 --> 00:04:34,770
një herë ju keni klikuar Krijo Workspace.

93
00:04:34,770 --> 00:04:37,936
Por vetëm flamurin më gjatë në qoftë se ju dëshironi të më
për të marrë një sy në çdo gjë ose këshillojë.

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

95
00:04:40,191 --> 00:04:40,690
Në rregull.

96
00:04:40,690 --> 00:04:42,390
Kështu që unë jam duke shkuar për sfond këtë tani për tani.

97
00:04:42,390 --> 00:04:44,260
Call me më shumë se në qoftë se ju duket për të
ndonjë vështirësi teknike.

98
00:04:44,260 --> 00:04:46,210
Por, përsëri, ajo mund të marrë një
pak që kjo të hapur.

99
00:04:46,210 --> 00:04:49,570
Dhe le të shkojnë përpara dhe të flasin për atë
në të vërtetë do të thotë për të bërë një faqe interneti,

100
00:04:49,570 --> 00:04:52,780
ajo HTML është, dhe se si e gjithë kjo
tani interconnects si ne jemi duke filluar

101
00:04:52,780 --> 00:04:54,730
që në fakt përdorin disa të teknologjisë.

102
00:04:54,730 --> 00:04:58,310
Pra, rezulton që unë mund të
shkojnë në Mac tim të vogël këtu,

103
00:04:58,310 --> 00:05:01,650
të hapur një program të thjeshtë të quajtur
TextEdit, ose në Windows unë mund të

104
00:05:01,650 --> 00:05:04,480
diçka të hapur të quajtur notepad.exe.

105
00:05:04,480 --> 00:05:08,260
Dhe unë mund të thjesht të bëjë diçka
si this-- "Hello, botës."

106
00:05:08,260 --> 00:05:12,020
Dhe atëherë unë mund të shpëtojë këtë si
HELLO.TXT Pra nuk ka magjike atje.

107
00:05:12,020 --> 00:05:15,200
Kjo nuk ka të bëjë me web
programimi, nuk ka të bëjë me HTML.

108
00:05:15,200 --> 00:05:16,790
Vetëm të krijuar një skedar të thjeshtë teksti.

109
00:05:16,790 --> 00:05:20,600
Por kjo rezulton se në web
faqe është fjalë për fjalë vetëm se.

110
00:05:20,600 --> 00:05:24,020
Kjo është një e thjeshtë text file teksti që përmban
që ju mund të shkruani në tastierën tuaj,

111
00:05:24,020 --> 00:05:30,070
por zakonisht, por jo gjithmonë
përfundon në nuk txt, por skedarit si më poshtë ose htm.

112
00:05:30,070 --> 00:05:32,050
Dhe ju nuk bëni vetëm
shkruani fjalë në dosjen.

113
00:05:32,050 --> 00:05:35,280
Ju në fakt duhet të përdorni gjëra quajtur
tags ose, më në përgjithësi, diçka

114
00:05:35,280 --> 00:05:37,190
quajtur gjuhë markup.

115
00:05:37,190 --> 00:05:40,510
>> Kështu që unë jam duke shkuar për të shumë shpejt të tipit
dhe pastaj të shpjegojë në vijim.

116
00:05:40,510 --> 00:05:42,290
Unë jam duke shkuar për të parë
këtë lloj, i cili thotë:

117
00:05:42,290 --> 00:05:45,730
hey, browser, këtu vjen një
web faqe të shkruara në HTML.

118
00:05:45,730 --> 00:05:51,850
Dhe këto dy gjëra së bashku të thënë, hej,
shfletues, në vijim është me të vërtetë HTML.

119
00:05:51,850 --> 00:05:55,790
Hej, browser, këtu vjen
kokë apo në krye të faqen time.

120
00:05:55,790 --> 00:05:59,900
Hej, browser, brenda krye
faqja ime, e vënë një titull që është, "hello,

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

122
00:06:01,610 --> 00:06:08,370
Hej, browser, pasi kreu i tim
faqe, këtu vjen trupin e faqen time.

123
00:06:08,370 --> 00:06:12,170
Dhe, hej, shfletuesi, trupi i tim
faqe duhet të thotë: "Hello World".

124
00:06:12,170 --> 00:06:15,500
Pra, çfarë janë të dhënat e spikatur këtu?

125
00:06:15,500 --> 00:06:17,960
Kjo është ajo që është në përgjithësi
quajtur një deklaratë doc-lloj,

126
00:06:17,960 --> 00:06:20,190
dhe, sinqerisht, kjo është pak
e vështirë për të mësuar përmendësh këtë në fillim.

127
00:06:20,190 --> 00:06:21,481
Ju vetëm lloj kopje-paste atë.

128
00:06:21,481 --> 00:06:23,760
Kjo është mënyra formal
për të thënë, hej, browser,

129
00:06:23,760 --> 00:06:28,030
Unë jam duke përdorur versionin HTML 5 të cilat
doli disi kohët e fundit.

130
00:06:28,030 --> 00:06:31,380
Kjo është një magji magjike që disa
njerëzit me një ndjenjë të dobët të dizajnit

131
00:06:31,380 --> 00:06:33,640
vendosi për të vënë më së
Shumë e lartë e dosjes.

132
00:06:33,640 --> 00:06:35,473
Edhe pse kjo është një
pak misterioze, kjo është e gjitha

133
00:06:35,473 --> 00:06:38,250
ajo means-- hey, shfletues, këtu
vjen me versionin 5 të HTML.

134
00:06:38,250 --> 00:06:41,741
>> Pjesa tjetër e kësaj ka qenë me ne
për një kohë tani, historikisht,

135
00:06:41,741 --> 00:06:44,740
por kjo është në evolim, dhe kjo është
ndoshta qenë duke marrë një pak më të thjeshtë.

136
00:06:44,740 --> 00:06:47,320
Vini re disa karakteristika
të asaj që unë e kam theksuar.

137
00:06:47,320 --> 00:06:49,890
Ka këto gjëra me angled
brackets-- kllapa majtë

138
00:06:49,890 --> 00:06:51,040
dhe kllapa e drejtë.

139
00:06:51,040 --> 00:06:52,490
Dhe njoftim simetri këtu.

140
00:06:52,490 --> 00:06:57,340
Dhe me simetri, dua të them, ashtu si unë
kanë këtë tag të filloni këtu ose një etiketë të hapur

141
00:06:57,340 --> 00:07:01,560
nëse do, këtu poshtë unë kam një
tag të ngushtë ose një tag fund kjo është

142
00:07:01,560 --> 00:07:06,460
të ndryshme vetëm për aq sa ka kjo
zvogëluar në fillim të fjalës

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

144
00:07:07,360 --> 00:07:09,360
Dhe ju mund të mendoni
këtë si unë kam qenë rastësisht

145
00:07:09,360 --> 00:07:12,280
propozuar më parë, hej,
shfletuesi, këtu vjen një HTML.

146
00:07:12,280 --> 00:07:16,060
Dhe, anasjelltas, hey, browser, kjo është
ajo për fillimin HTML-- dhe në fund.

147
00:07:16,060 --> 00:07:18,440
>> Ndërkohë hey, browser, këtu
vjen kokën e faqen time.

148
00:07:18,440 --> 00:07:20,140
Hej, browser, kjo është ajo për kokë.

149
00:07:20,140 --> 00:07:22,240
Hej, browser, këtu është
trupi i faqes sime.

150
00:07:22,240 --> 00:07:24,020
Hej, browser, kjo është ajo për trupin.

151
00:07:24,020 --> 00:07:26,940
Dhe brenda se disa
Teksti arbitrare tani për tani.

152
00:07:26,940 --> 00:07:30,520
Dhe në brendësi të kokës, ndërkohë,
disa arbitrare, por tagged,

153
00:07:30,520 --> 00:07:34,410
kështu që të flasin, tekst që thotë se, titullin
e faqen time do të jetë "hello, bota."

154
00:07:34,410 --> 00:07:37,470
Tani, tani për tani, ju mund të
supozojmë se shfletues

155
00:07:37,470 --> 00:07:41,762
kanë only-- ose, më saktë, faqet e internetit kanë
vetëm dy parts-- kokën dhe trupin.

156
00:07:41,762 --> 00:07:44,220
Dhe kreu në përgjithësi është vetëm
si menu bar, sende

157
00:07:44,220 --> 00:07:45,510
me të vërtetë vetëm në krye.

158
00:07:45,510 --> 00:07:48,910
Dhe trupi është guxim e faqes,
çdo gjë në këtë drejtkëndësh i madh

159
00:07:48,910 --> 00:07:50,239
që mbush ekranin.

160
00:07:50,239 --> 00:07:51,780
Kështu që unë jam duke shkuar për të shkuar përpara dhe të bëjë këtë.

161
00:07:51,780 --> 00:07:54,400
Unë do të shkoj përpara dhe të
klikoni Save, Save dokumentit.

162
00:07:54,400 --> 00:07:58,580
Dhe unë jam duke shkuar për të shpëtuar
këtë si hello.html,

163
00:07:58,580 --> 00:08:00,870
dhe unë jam vetëm duke shkuar për të
vënë atë në tavolinën e punës time.

164
00:08:00,870 --> 00:08:03,520
Dhe unë jam duke shkuar për të shkuar
përpara dhe klikoni Ruaj.

165
00:08:03,520 --> 00:08:05,806
Dhe notice-- Mac tim në
paktën është yelling në mua.

166
00:08:05,806 --> 00:08:07,180
Jeni te sigurte qe doni ta bëni këtë?

167
00:08:07,180 --> 00:08:08,710
Dhe unë jam duke shkuar për të thënë, po, përdor HTML.

168
00:08:08,710 --> 00:08:10,400
Unë e di më mirë në këtë rast.

169
00:08:10,400 --> 00:08:14,686
Dhe tani unë jam duke shkuar për të shkuar në tavolinën e punës time
ku kam këtë fotografi papritur.

170
00:08:14,686 --> 00:08:16,060
Dhe unë jam duke shkuar për të klikoni dy herë atë.

171
00:08:16,060 --> 00:08:18,268
Dhe ju do të vini re se, duke
parazgjedhur, Chrome hapur.

172
00:08:18,268 --> 00:08:19,996
Kjo për shkak se kjo është
shfletuesi im default.

173
00:08:19,996 --> 00:08:21,370
Dhe vetëm ajo thotë, "hello, bota."

174
00:08:21,370 --> 00:08:23,078
Por ai thotë se "hello,
Bota "në dy vende.

175
00:08:23,078 --> 00:08:23,979
Njoftim majtë të lartë.

176
00:08:23,979 --> 00:08:25,020
Goxha e vështirë të humbasë atë.

177
00:08:25,020 --> 00:08:26,180
Kjo është e madhe dhe të guximshme.

178
00:08:26,180 --> 00:08:30,690
Dhe ku tjetër nuk duket
për të thënë, "hello, bota"?

179
00:08:30,690 --> 00:08:31,470
>> AUDIENCA: The tab.

180
00:08:31,470 --> 00:08:33,100
>> DAVID J. Malan: Yeah, tab vetë.

181
00:08:33,100 --> 00:08:35,159
Kështu që kur kam thënë kokën e të
faqe është gjithçka deri top--

182
00:08:35,159 --> 00:08:36,367
dhe në të vërtetë ky është titulli.

183
00:08:36,367 --> 00:08:37,710
Është vetëm në tab këtu.

184
00:08:37,710 --> 00:08:40,320
Dhe unë mund të tërheqë këtë skedë
se në mënyrë që të mos ngatërruar.

185
00:08:40,320 --> 00:08:43,360
Kjo është vetëm një tab të vetëm tani,
dhe në të vërtetë ne e shohim "hello, bota"

186
00:08:43,360 --> 00:08:45,970
deri këtu dhe "hello, bota", këtu poshtë.

187
00:08:45,970 --> 00:08:47,160
Pra, shumë i thjeshtë.

188
00:08:47,160 --> 00:08:49,050
Por është gjithashtu mjaft e thjeshtë.

189
00:08:49,050 --> 00:08:50,440
Dhe, në të vërtetë, unë zoomed në.

190
00:08:50,440 --> 00:08:53,272
Unë mund të ndryshojë madhësinë e shkronjave vetëm
për të lartësuar për qasje.

191
00:08:53,272 --> 00:08:56,830
Por tani le të bëjë diçka
pak më shumë interesante.

192
00:08:56,830 --> 00:08:59,760
>> Unë do të go-- uh, le
Më të kthehet në dosjen time teksti.

193
00:08:59,760 --> 00:09:02,400
Unë jam duke shkuar prapa në tim
file teksti, dhe unë jam duke shkuar

194
00:09:02,400 --> 00:09:06,320
për të ndryshuar këtë dhe thonë
"Hello, Disney World."

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

196
00:09:07,970 --> 00:09:10,919
Dhe të kthehemi në my
shfletues dhe klikoni Rifresko.

197
00:09:10,919 --> 00:09:12,710
Dhe tani, sigurisht, atë
thotë se "Disney World".

198
00:09:12,710 --> 00:09:15,500
Dhe unë jam duke shkuar për të zmadhuar artificialisht
në vetëm kështu është më e lehtë për të parë.

199
00:09:15,500 --> 00:09:19,012
Deri tani, për fat të keq, unë lloj i dua
to-- fakt, kjo është një tipar Mac.

200
00:09:19,012 --> 00:09:21,720
Unë dua të klikoni në Disney World
dhe shkoni diku si disney.com,

201
00:09:21,720 --> 00:09:23,290
por kjo nuk funksionon.

202
00:09:23,290 --> 00:09:26,850
Pra, një parim themelor i web është
hyperlinks, links që shkojnë në vende të tjera.

203
00:09:26,850 --> 00:09:28,390
Pra, si mund ta bëjmë këtë?

204
00:09:28,390 --> 00:09:34,690
E pra, unë mund të them vetëm,
"Hello, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Ruaj këtë.

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

207
00:09:37,620 --> 00:09:39,400
Por kjo gjithashtu, nuk klikueshme.

208
00:09:39,400 --> 00:09:42,930
Dhe çfarë është e bukur këtu, edhe pse
kjo nuk është ende funksionale,

209
00:09:42,930 --> 00:09:45,930
është se duket se
shfletuesi bën fjalë për fjalë vetëm

210
00:09:45,930 --> 00:09:46,950
ajo që unë them se për të bërë.

211
00:09:46,950 --> 00:09:50,110
Pra, nëse unë vetëm shkruani një URL si kjo,
ajo është vetëm do të ma trego URL.

212
00:09:50,110 --> 00:09:54,270
Unë kam nevojë për të përdorur etiketa ose Markup
Gjuha e që në fakt të treguar

213
00:09:54,270 --> 00:09:55,621
shfletuesi për të bërë edhe më shumë.

214
00:09:55,621 --> 00:09:57,870
Kështu që unë jam duke shkuar për të shkuar përpara dhe
fshini këtë për një moment.

215
00:09:57,870 --> 00:10:00,980
Dhe unë jam duke shkuar për të thënë, hej,
shfletuesi, të fillojë një spirancë këtu,

216
00:10:00,980 --> 00:10:02,650
një lidhje mënyrë që të flasin.

217
00:10:02,650 --> 00:10:07,500
Dhe hiper-reference, destinacioni
e atij spirancë, duhet të jetë në këtë URL.

218
00:10:07,500 --> 00:10:08,750
Dhe vini re kuotat e mia.

219
00:10:08,750 --> 00:10:11,590
Unë mund të përdorni kuotat e vetme, gjithashtu,
por ju duhet të jenë në përputhje,

220
00:10:11,590 --> 00:10:14,270
dhe unë do të në përgjithësi vetëm përdorni
Kuotat e dyfishtë për ta mbajtur atë të thjeshtë.

221
00:10:14,270 --> 00:10:16,820
Njoftim Unë jam duke shkuar për të mbyllur tag.

222
00:10:16,820 --> 00:10:21,160
Dhe atëherë këtu unë jam duke shkuar
për të thënë, "Disney World".

223
00:10:21,160 --> 00:10:26,890
Dhe tani kam nevojë për disa symmetry--
parantezë të hapur, / a, të mbyllur kllapa.

224
00:10:26,890 --> 00:10:28,090
>> Pra, çfarë kam futur?

225
00:10:28,090 --> 00:10:30,100
Ne kemi pasur një tags pak tashmë.

226
00:10:30,100 --> 00:10:32,410
HTML, Head, Titulli, Trupi,
janë të gjithë tags, kështu që të flasin,

227
00:10:32,410 --> 00:10:34,280
me homologët e hapura dhe të mbyllura.

228
00:10:34,280 --> 00:10:36,530
Por vini re, kjo është lloj
e krejtësisht të ndryshme.

229
00:10:36,530 --> 00:10:39,140
Kjo është ajo që ne do të thërrasë
në HTML një atribut.

230
00:10:39,140 --> 00:10:41,451
Dhe një atribut është
vetëm një palë me vlerë kryesore.

231
00:10:41,451 --> 00:10:43,950
Kjo është një gjë e zakonshme në
kompjuteri science-- palë-vlera kryesore.

232
00:10:43,950 --> 00:10:45,770
Kjo është lloj mjet të tregtisë.

233
00:10:45,770 --> 00:10:47,040
Një kyç dhe një vlerë.

234
00:10:47,040 --> 00:10:49,390
Një fjalë dhe pastaj disa
fjalë apo fjalë të tjera.

235
00:10:49,390 --> 00:10:53,790
Dhe në këtë rast, çelësi është href,
dhe vlera është se URL e plotë.

236
00:10:53,790 --> 00:10:57,890
Dhe çfarë një atribut nuk është ajo
ndikon në sjelljen e një tag.

237
00:10:57,890 --> 00:11:01,010
Dhe në këtë rast, ne kemi nevojë për të ndikuar
sjellja e tag spirancë,

238
00:11:01,010 --> 00:11:04,140
sepse ne kemi nevojë për të ankoruar
kjo lidhje për diku.

239
00:11:04,140 --> 00:11:06,960
Dhe si ta bëni këtë është
me anë të cilësie.

240
00:11:06,960 --> 00:11:08,970
>> Kështu që unë jam duke shkuar për të shkuar përpara
dhe ruajtur kartelën tani.

241
00:11:08,970 --> 00:11:11,300
Kthehu mbrapa në shfletuesin tim dhe reload.

242
00:11:11,300 --> 00:11:14,580
Dhe, voila, ne tani kemi
Fillimet e një faqe web legjitime.

243
00:11:14,580 --> 00:11:18,420
Super-e thjeshtë, por në qoftë se unë rri pezull mbi
Njoftimi this-- në këndin e poshtëm të majtë,

244
00:11:18,420 --> 00:11:19,830
kjo është super-vogël.

245
00:11:19,830 --> 00:11:21,730
Por ju e shihni www.disney.com.

246
00:11:21,730 --> 00:11:27,076
Dhe në qoftë se unë klikoni atë, në të vërtetë kjo
whisks më larg në disney.com.

247
00:11:27,076 --> 00:11:29,380
Tani, gjëja më kurioze
këtu është se nuk eshte

248
00:11:29,380 --> 00:11:33,940
best-- URL më të shitshëm, por
kjo është në rregull, sepse kjo fotografi nuk ka

249
00:11:33,940 --> 00:11:35,360
ekzistojnë në World Wide Web.

250
00:11:35,360 --> 00:11:39,740
Ajo ekziston si një file lokal në dukje
Përdoruesit e mi directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
për John Harvard-- / desktop.

252
00:11:41,890 --> 00:11:42,634
Por ajo ka një URL.

253
00:11:42,634 --> 00:11:43,800
Ajo vetëm ndodh që të jetë lokal.

254
00:11:43,800 --> 00:11:47,050
Për fat të keq, asnjë nga ju mund të vizitoni
kjo, sepse në qoftë se ju shkruani këtë URL,

255
00:11:47,050 --> 00:11:49,980
ju do të jetë i thënë shfletuesit tuaj,
shikoni për një skedar të quajtur hello.html

256
00:11:49,980 --> 00:11:50,772
në hard drive tuaj.

257
00:11:50,772 --> 00:11:53,271
Dhe, sigurisht, nëse ju keni
ndjekur së bashku me dorë,

258
00:11:53,271 --> 00:11:54,530
kjo nuk do të ekzistojnë atje.

259
00:11:54,530 --> 00:11:55,190
>> Pra, kjo është në rregull.

260
00:11:55,190 --> 00:11:57,815
Ne ende nevojë për një mënyrë, në fund të fundit,
për të marrë këtë fotografi në web,

261
00:11:57,815 --> 00:12:01,180
por le të ngas përveç disa
Implikimet e sigurisë të asaj që ne vetëm

262
00:12:01,180 --> 00:12:04,850
e pa dhe do ta lidhë atë me parë
diskutim nga ky mëngjes.

263
00:12:04,850 --> 00:12:08,200
Ajo rezulton se, në qoftë se një
shfletuesi fjalë për fjalë vetëm bën

264
00:12:08,200 --> 00:12:12,560
ajo që unë them se për të bërë, dhe kjo duket
të jetë rasti që një tag spirancë është

265
00:12:12,560 --> 00:12:17,380
ndikuar nga vlera e
ky atribut i quajtur href

266
00:12:17,380 --> 00:12:20,810
por ajo tregon kjo
text, kjo do të duket

267
00:12:20,810 --> 00:12:26,520
të thotë se unë mund të vënë URL
në të dy vendet dhe më pas reload

268
00:12:26,520 --> 00:12:29,100
dhe tani e shohin URL dhe të shkojnë në URL.

269
00:12:29,100 --> 00:12:32,680
Njoftim, në qoftë se unë rri pezull mbi pjesën e poshtme të majtë,
Unë jam me të vërtetë duke shkuar ende për disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Pra, nëse ju keni qenë ndonjëherë
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
me një nga ato email fals
nga si PayPal banka juaj,

272
00:12:42,820 --> 00:12:46,470
ju keni marrë ndoshta lidhjet brenda
e-mail që ju jeni duke lexuar se

273
00:12:46,470 --> 00:12:49,970
ju tregon se për të klikoni këtu për të shkuar konfirmuar
fjalëkalimin tuaj ose konfirmuar ditëlindjen tuaj

274
00:12:49,970 --> 00:12:53,840
ose shoqërore apo diçka shoqërore
inxhinieri ju për të ditur

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

276
00:12:54,920 --> 00:12:57,625
E pra, unë mund të lloj të
Avantazhi i kësaj, nuk mund unë?

277
00:12:57,625 --> 00:13:01,240
Unë mund të them diçka
si, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
Dhe në vend të disney.com, I
mund të shkojnë në, si, badguy.com.

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

280
00:13:12,850 --> 00:13:16,620
Dhe sa e lehtë është për të mashtruar,
sidomos një lexues jo-teknike

281
00:13:16,620 --> 00:13:20,649
ose një cursorily leximit
lexues se sa për të klikoni

282
00:13:20,649 --> 00:13:23,940
një lidhje si kjo, e cila në qoftë se unë klikoni arsyetimet tuaja,
Unë në fakt nuk duan të shkojnë badguy.com.

283
00:13:23,940 --> 00:13:25,398
Unë nuk e di se çfarë është në të vërtetë atje.

284
00:13:25,398 --> 00:13:30,080
Pra paypal.com, njoftim, është
atë që ajo thotë se do të,

285
00:13:30,080 --> 00:13:33,210
por natyrisht, në qoftë se unë shoh poshtë
super-të ulët, është pak blurry,

286
00:13:33,210 --> 00:13:34,230
por ai thotë badguy.com.

287
00:13:34,230 --> 00:13:38,644
Kjo është e them vetëm tani
se unë jam duke shkuar për në vendin e gabuar.

288
00:13:38,644 --> 00:13:41,560
Dhe kur kam thënë më parë se bankat
me të vërtetë nuk duhet të nxisin apo tren

289
00:13:41,560 --> 00:13:44,510
përdoruesit në klikuar lidhjet, kjo
është vetëm një manifestim i tij.

290
00:13:44,510 --> 00:13:45,430
Dhe kjo është kaq e thjeshtë.

291
00:13:45,430 --> 00:13:48,120
Ju jeni tani një kundërshtari nëse
ju bëni diçka si kjo

292
00:13:48,120 --> 00:13:51,000
dhe të përpiqen ta gënjejnë një përdorues
në vizituar faqen tuaj.

293
00:13:51,000 --> 00:13:53,320
Por tani për tani, ne do të vazhdojmë
gjëra të bukur dhe të pastër.

294
00:13:53,320 --> 00:13:55,640
Ne jemi duke shkuar për të shkuar përpara
dhe Rewind këto ndryshime.

295
00:13:55,640 --> 00:13:56,530
Rifreskoni faqen.

296
00:13:56,530 --> 00:13:57,740
Dhe unë të kthehem në disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Le të shohim nëse ne nuk mund të vë në lojë
kjo përveç pak më shumë.

298
00:14:00,660 --> 00:14:04,160
Pra, "hello, Disney World."

299
00:14:04,160 --> 00:14:05,950
Unë jam duke shkuar për të thënë këtu poshtë.

300
00:14:05,950 --> 00:14:08,220
Ndoshta unë jam duke shkuar për të bërë disa dhoma.

301
00:14:08,220 --> 00:14:12,730
"Ne shpresojmë që ju të gëzojnë qëndrimit tuaj!"

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

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

304
00:14:15,850 --> 00:14:19,010
Kjo nuk është rea-- që nuk është
atë që kam menduar, apo jo?

305
00:14:19,010 --> 00:14:21,870
Unë do të thotë, në qoftë se unë jam duke e trajtuar tekstin tim
paraqesë si një përpunues teksti,

306
00:14:21,870 --> 00:14:24,894
çfarë shpresoni do të ndodhë këtu?

307
00:14:24,894 --> 00:14:27,060
Yeah, unë të ndjehen si ka
duhet të jetë një pushim linjë këtu,

308
00:14:27,060 --> 00:14:28,799
kështu që ajo ndihet buggy në një farë mënyre.

309
00:14:28,799 --> 00:14:31,090
Por kjo është në fakt e qëllimshme,
sepse ashtu si më parë,

310
00:14:31,090 --> 00:14:33,381
shfletuesi është vetëm do të
bëni atë që ju them se për të bërë.

311
00:14:33,381 --> 00:14:34,806
Unë nuk e kam thënë atë për të thyer linjat.

312
00:14:34,806 --> 00:14:37,930
Unë nuk e kam thënë atë për të lëvizur poshtë, madje edhe
Megjithatë, intuitive, unë të ndjehen si unë e bëri.

313
00:14:37,930 --> 00:14:39,805
Pra, ajo rezulton ne kemi nevojë
një markup pak më shumë,

314
00:14:39,805 --> 00:14:41,390
dhe unë jam duke shkuar për të rregulluar këtë si më poshtë.

315
00:14:41,390 --> 00:14:46,160
Unë jam duke shkuar për të parathënie këtë të parë përshëndetje
me atë që quhet një tag paragraf.

316
00:14:46,160 --> 00:14:48,920
Dhe atëherë unë jam duke shkuar për të shkuar përpara
dhe të mbyllë këtë fjali të tjera

317
00:14:48,920 --> 00:14:54,370
në një tag paragrafi, edhe pse
ata janë paragrafët super-shkurtër.

318
00:14:54,370 --> 00:14:55,930
Tani unë jam duke shkuar për të shpëtuar.

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

320
00:14:57,160 --> 00:14:59,070
Dhe tani ne kemi se
hapësirë, dhe ne lloj

321
00:14:59,070 --> 00:15:01,680
kanë semantikë e
dy paragrafë të veçanta.

322
00:15:01,680 --> 00:15:05,290
>> Kjo është e gjitha mirë dhe të mirë, por ajo do të
të jetë mirë për të shtuar një imazh në këtë faqe,

323
00:15:05,290 --> 00:15:08,710
kështu që unë jam duke shkuar për të shkuar për të kërkuar
Mickey Mouse në Google Images.

324
00:15:08,710 --> 00:15:12,830
Dhe vetëm për argëtim, unë jam i
duke shkuar për të rrëmbyer këtë imazh.

325
00:15:12,830 --> 00:15:15,350
Unë jam duke shkuar për të shkuar përpara dhe tani
kap URL e këtij imazhi,

326
00:15:15,350 --> 00:15:16,510
edhe pse nuk është e ndryshme
mënyra për ta bërë këtë.

327
00:15:16,510 --> 00:15:18,520
Tani për tani, unë jam vetëm do të kopjoni URL.

328
00:15:18,520 --> 00:15:24,770
Unë jam duke shkuar për të shkuar mbrapa në tekstin e mia
fotografi, dhe unë jam duke shkuar për të thënë këtu,

329
00:15:24,770 --> 00:15:31,160
img src = quote mbyll thonjëzat
që URL, super-të gjatë.

330
00:15:31,160 --> 00:15:34,580
Dhe pastaj nocioni i një
Imazhi është pak më ndryshe.

331
00:15:34,580 --> 00:15:38,640
Ka të vërtetë nuk nocioni i fillimit
një imazh dhe duke i dhënë fund një imazh,

332
00:15:38,640 --> 00:15:40,630
si një fillim të etiketuar një etiketë fund.

333
00:15:40,630 --> 00:15:43,840
Pra, ajo ndihet pak i çuditshëm për të
me semantikisht për të bërë këtë,

334
00:15:43,840 --> 00:15:45,390
të ketë një tag të ngushtë-imazhit.

335
00:15:45,390 --> 00:15:46,780
Kjo nuk është e gabuar.

336
00:15:46,780 --> 00:15:48,840
Kjo është krejtësisht e saktë,
dhe është e inkurajuar,

337
00:15:48,840 --> 00:15:50,870
por ka simbol stenografi.

338
00:15:50,870 --> 00:15:53,780
Unë mund të lloj të njëjtën kohë
të hapur dhe të mbyllur të njëjtën tag,

339
00:15:53,780 --> 00:15:55,510
dhe që do të bëjë shfletuesi lumtur.

340
00:15:55,510 --> 00:15:56,950
Pra, kjo është vetëm pak
më të ngjeshur për gjëra

341
00:15:56,950 --> 00:15:59,408
që konceptualisht me të vërtetë nuk
kuptim për të filluar dhe për fund.

342
00:15:59,408 --> 00:16:01,190
Ata vetëm janë atje, ose ata nuk janë.

343
00:16:01,190 --> 00:16:06,020
>> Kështu që unë jam duke shkuar për të shpëtuar këtë dhe të kthehemi
për "Hello, bota" faqe dhe ringarkoni tim.

344
00:16:06,020 --> 00:16:09,880
Dhe kjo është pak jashtë kontrollit,
për shkak se imazhi është në fakt

345
00:16:09,880 --> 00:16:12,210
pak e madhe, por kjo është në rregull.

346
00:16:12,210 --> 00:16:13,710
Unë mund të resize atë në një program.

347
00:16:13,710 --> 00:16:14,900
Ose ju e dini se çfarë.

348
00:16:14,900 --> 00:16:17,350
Vetëm për të treguar, unë jam
do të në fakt të thënë

349
00:16:17,350 --> 00:16:21,760
që gjerësia e kjo gjë duhet
të jetë vetëm 200 pixels, 200 dots.

350
00:16:21,760 --> 00:16:24,360
Më lejoni të shkojnë përpara dhe për të shpëtuar
dhe ringarkoni, dhe tani faqja

351
00:16:24,360 --> 00:16:25,690
duket pak më e arsyeshme.

352
00:16:25,690 --> 00:16:27,260
Por vini re model.

353
00:16:27,260 --> 00:16:30,030
E pra, unë kam lloj i mësoi të gjitha
i HTML në një kuptim, të paktën

354
00:16:30,030 --> 00:16:33,531
konceptualisht, sepse të gjithë HTML është është
këto tags-- tags hapura, të mbyllura tags,

355
00:16:33,531 --> 00:16:35,280
dhe atributet që
modifikojë sjelljen e tyre.

356
00:16:35,280 --> 00:16:38,380
Dhe, me sa duket, çdo
tag mund të ketë zero ose një

357
00:16:38,380 --> 00:16:43,005
ose dy ose më shumë atribute, secili prej
i cili bën diçka pak më ndryshe.

358
00:16:43,005 --> 00:16:44,380
Tani, si nuk e dini se çfarë ekziston?

359
00:16:44,380 --> 00:16:46,800
Ju vetëm të dëgjojnë për dikë
si unë ju them se çfarë ekziston,

360
00:16:46,800 --> 00:16:50,860
ose ju thjesht Google rreth e rrotull për një tutorial
në HTML, dhe me të vërtetë është kjo thjeshtë.

361
00:16:50,860 --> 00:16:54,030
>> Me të vërtetë, kur unë isha një undergrad
vjet më parë dhe mësuar HTML,

362
00:16:54,030 --> 00:16:56,530
një nga mësimin tim të matematikës
asistentë vetëm shpenzuar

363
00:16:56,530 --> 00:16:59,600
pak kohë më tutoring
për si gjysmë ore, një orë,

364
00:16:59,600 --> 00:17:00,660
dhe pastaj unë isha në rrugën time.

365
00:17:00,660 --> 00:17:03,300
Unë isha në rrugën time drejt duke e bërë
faqet e internetit më të shëmtuar ndonjëherë,

366
00:17:03,300 --> 00:17:05,549
i cili, me sa duket, nuk kanë
të vërtetë të përparuar më tej.

367
00:17:05,549 --> 00:17:09,849
Por çështja është se, një herë ju
kuptojnë këto ideas-- thjeshtë

368
00:17:09,849 --> 00:17:13,450
nëse errët text-- por këto thjeshtë
idetë e duke filluar një mendim

369
00:17:13,450 --> 00:17:15,960
dhe mbylljen e një mendim, duke e mbajtur
çdo gjë balanced bukur,

370
00:17:15,960 --> 00:17:19,150
duke kërkuar diçka, modifikohet
Sjellja e atij kodi, kjo është e vërtetë të gjithë

371
00:17:19,150 --> 00:17:20,079
nuk është për të.

372
00:17:20,079 --> 00:17:28,140
Dhe në fakt, në qoftë se ne tani të shkojnë në
diçka si google.com-- fakt,

373
00:17:28,140 --> 00:17:31,920
le të shkojnë në një vend pak më shumë
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
Dhe unë jam duke shkuar për të shkuar në View,
Developer, View Source.

375
00:17:37,800 --> 00:17:41,400
Është e shëmtuar, por notice--
dhe unë do të zoom në njoftim

376
00:17:41,400 --> 00:17:43,432
disa gjëra që është e njohur tashmë.

377
00:17:43,432 --> 00:17:45,140
Nuk është kjo këtu,
i cili është një shfletues.

378
00:17:45,140 --> 00:17:46,800
Këtu vjen HTML5.

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

380
00:17:47,634 --> 00:17:49,550
Me sa duket, ka një
atribut që nuk e kam

381
00:17:49,550 --> 00:17:51,540
përdorim që specifikon
gjuha e faqes,

382
00:17:51,540 --> 00:17:54,380
dhe kjo mund të ndihmojë me automatik
përkthim dhe stuff like that.

383
00:17:54,380 --> 00:17:55,546
Këtu është kreu i faqes.

384
00:17:55,546 --> 00:17:57,790
Këtu është titulli i faqes Stanford.

385
00:17:57,790 --> 00:17:59,832
Ka një tag nuk e kam
flasim për tag yet-- Meta.

386
00:17:59,832 --> 00:18:01,540
Është vetëm lloj i
informacion sfond.

387
00:18:01,540 --> 00:18:04,210
Ajo i ndihmon me SEO, ose
search-engine optimization,

388
00:18:04,210 --> 00:18:06,320
ose rezultatet e Google-search apo të ngjashme.

389
00:18:06,320 --> 00:18:09,029
Por në qoftë se do të vazhdojmë të kërkuar, të mbajtur
duke kërkuar, këtu është tag Body.

390
00:18:09,029 --> 00:18:11,570
Dhe nuk ka bunches e tjera
tags ne nuk kemi biseduar rreth ende.

391
00:18:11,570 --> 00:18:13,750
Por Div është një për një
Ndarja e faqes.

392
00:18:13,750 --> 00:18:16,680
Është si një drejtkëndësh të padukshme
në qoftë se ju lloj i duan të mentalisht

393
00:18:16,680 --> 00:18:20,160
të ndarë faqen tuaj në
njësi të ndryshme online.

394
00:18:20,160 --> 00:18:22,650
Dhe pastaj shumë divs I
parë, diçka që quhet Class,

395
00:18:22,650 --> 00:18:24,440
por ne do të kthehen në atë.

396
00:18:24,440 --> 00:18:26,200
>> Kjo është Forms interesting--.

397
00:18:26,200 --> 00:18:27,730
Format janë të gjitha mbi web.

398
00:18:27,730 --> 00:18:30,310
Çdo kutinë e kërkimit të jeni
përdorur ndonjëherë është një formë.

399
00:18:30,310 --> 00:18:31,490
Dhe, kështu, le të shohim në të vërtetë.

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

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

402
00:18:33,910 --> 00:18:37,660
Veprimi i kësaj forme, për çfarëdo
Arsyet historike, është se URL.

403
00:18:37,660 --> 00:18:38,840
Metodë është "post".

404
00:18:38,840 --> 00:18:44,060
Rezulton se kërkesat HTTP mund të përdorni
folja "të marrë", siç e pamë më parë,

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

406
00:18:45,070 --> 00:18:47,030
Dhe do të shihni një ndryshim
për këtë në një moment.

407
00:18:47,030 --> 00:18:48,363
Le të vërtetë shohim se çfarë është kjo.

408
00:18:48,363 --> 00:18:49,830
Më lejoni të kthehemi në faqen e Stanford.

409
00:18:49,830 --> 00:18:53,330
Çfarë forme ata janë duke folur
lidhje, mendoni ju?

410
00:18:53,330 --> 00:18:54,485
Ajo që hedhje nga ju?

411
00:18:54,485 --> 00:18:54,970
>> AUDIENCA: Kërko box.

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

413
00:18:55,845 --> 00:18:58,410
Pra, në krye të drejtë
këtu është kjo kuti Kërko.

414
00:18:58,410 --> 00:19:02,441
Dhe kjo është se si ata zbatuar arsyetimet tuaja, a
tag kjo është fjalë për fjalë formë të hapur kllapa.

415
00:19:02,441 --> 00:19:03,940
Dhe pastaj le të kërkoni për diçka.

416
00:19:03,940 --> 00:19:09,220
Le të kërkoni për një mik
e mine-- "Nick Parlante."

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

418
00:19:11,380 --> 00:19:13,750
Dhe sigurisht, ajo shkoi në
një URL pak më të ndryshme.

419
00:19:13,750 --> 00:19:15,140
Më lejoni të kthehem këtu.

420
00:19:15,140 --> 00:19:18,960
Le të kërkoni për "kurset".

421
00:19:18,960 --> 00:19:19,460
Mallkuar atë.

422
00:19:19,460 --> 00:19:20,484
Shkoi në një URL të ndryshme.

423
00:19:20,484 --> 00:19:23,400
Pra, Stanford-së duke shtuar disa magji
se ata nuk janë duke marrë më të URL

424
00:19:23,400 --> 00:19:25,820
sepse e pamë në
Veprimi atribut atje.

425
00:19:25,820 --> 00:19:32,480
Por kjo formë këtu është zbatuar tërësisht
me anë të këtij Markup këtu, këto tags.

426
00:19:32,480 --> 00:19:35,710
Në fakt, këtu është input për
llojin e kërkimit që ju dëshironi.

427
00:19:35,710 --> 00:19:38,940
Këtu është input për
një lloj tjetër të kërkimit.

428
00:19:38,940 --> 00:19:41,960
Këtu është input për vetë vargun.

429
00:19:41,960 --> 00:19:45,394
Dhe kështu qëllimi nuk është për të përfunduar
mendjet tona rreth të gjitha këto tags

430
00:19:45,394 --> 00:19:46,060
por vetëm për të parë.

431
00:19:46,060 --> 00:19:48,300
Është vetëm hapjes dhe të mbylljes
tags dhe kërkim gjërat.

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

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

434
00:19:48,920 --> 00:19:49,795
>> AUDIENCA: [padëgjueshme]

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

436
00:19:51,925 --> 00:19:53,550
DAVID J. Malan: Kjo është një pyetje e mirë.

437
00:19:53,550 --> 00:19:54,660
Kjo është pak e komplikuar për të parë.

438
00:19:54,660 --> 00:19:56,300
Më lejoni të kthehem në atë
Pyetja në vetëm disa minuta

439
00:19:56,300 --> 00:19:59,000
kur shohim diçka të quajtur
fletë CSS, ose stil Cascading,

440
00:19:59,000 --> 00:20:02,500
dhe ne mund të përpiqemi për të konkludoj
sa më shumë nga faqja.

441
00:20:02,500 --> 00:20:08,090
Pra, nëse ne tani të marrë një sy në google.com,
le të shohim se çfarë faqja e tyre duket si.

442
00:20:08,090 --> 00:20:09,840
Ju do të they're-- kjo është e bukur sot.

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

444
00:20:12,490 --> 00:20:12,990
NE RREGULL.

445
00:20:12,990 --> 00:20:13,690
Të gjitha të bërë.

446
00:20:13,690 --> 00:20:15,260
Të gjithë të drejtë, kështu që Shiko Burimi.

447
00:20:15,260 --> 00:20:19,590
Ju do të mendoni se Google ka
Kodi vërtetë e bukur burim.

448
00:20:19,590 --> 00:20:24,970
Pra, me sa duket, çfarë po ndodh këtu?

449
00:20:24,970 --> 00:20:27,880
Dhe në fakt, kjo nuk është edhe HTML.

450
00:20:27,880 --> 00:20:30,930
Kjo është diçka që quhet JavaScript.

451
00:20:30,930 --> 00:20:32,344
Dhe le të mbajë dhe shkon.

452
00:20:32,344 --> 00:20:34,010
Unë nuk e di edhe ku faqja fillon.

453
00:20:34,010 --> 00:20:37,240
Unë jam duke shkuar për të përdorur Command
F, të hapur HTML kllapa.

454
00:20:37,240 --> 00:20:38,200
Të gjithë të drejtë, nuk është.

455
00:20:38,200 --> 00:20:44,150
Kam gjetur fillimin e faqes, dhe
ka aq shumë gjëra në këtu.

456
00:20:44,150 --> 00:20:45,310
>> Çfarë është në të vërtetë ndodh?

457
00:20:45,310 --> 00:20:47,460
E pra, ju e dini se çfarë,
ne mund të pastër këtë ide.

458
00:20:47,460 --> 00:20:52,109
Nëse unë në vend që të shkojnë në këtë inspektojë
toolbar, ky mjet të veçantë diagnostike,

459
00:20:52,109 --> 00:20:54,150
dhe të mos shkojnë në rrjet,
ku do të mbajë sot,

460
00:20:54,150 --> 00:20:56,420
por në qoftë se unë shkoj në Elements,
ajo që është me të vërtetë e bukur

461
00:20:56,420 --> 00:20:59,990
është se një shfletues ka shumë
Sytë e shumë më mirë se unë.

462
00:20:59,990 --> 00:21:02,670
Dhe shfletuesi mund të lexoni
se rrëmujë e një faqe web,

463
00:21:02,670 --> 00:21:04,700
që postë HTML ne vetëm
shikoi, dhe kjo mund të

464
00:21:04,700 --> 00:21:08,340
kuptoj atë apo lexuar dhe
analizuar atë dhe reformat atë

465
00:21:08,340 --> 00:21:09,910
në një mënyrë të bukur të njeriut-miqësore.

466
00:21:09,910 --> 00:21:11,740
Pra, ajo që unë jam duke parë tani
në këtë ekran këtu

467
00:21:11,740 --> 00:21:15,470
në bazë të elementeve, të njëjtën përmbajtje të saktë,
por ata kanë prerë çdo gjë,

468
00:21:15,470 --> 00:21:18,140
ata kanë ngjyrosur atë, por
është e njëjta tekstin e saktë

469
00:21:18,140 --> 00:21:19,620
që kam shkarkuar nga serveri.

470
00:21:19,620 --> 00:21:23,630
>> Dhe çfarë është e bukur tani është unë mund të shoh
në trup, për njoftimin instance--,

471
00:21:23,630 --> 00:21:26,480
faqja përbëhet ende
e vetëm një kokë dhe një trup,

472
00:21:26,480 --> 00:21:28,660
dhe unë hierarkike mund të zhyten në këtu.

473
00:21:28,660 --> 00:21:32,420
Vini re se Google duket se ka
të divs-- këtë një dhe këtë një të tillë.

474
00:21:32,420 --> 00:21:33,310
Unë mund të zgjerohet që.

475
00:21:33,310 --> 00:21:35,370
Ka një bandë e tërë e divs tjera.

476
00:21:35,370 --> 00:21:36,900
Kështu që është një kompleks i vogël.

477
00:21:36,900 --> 00:21:37,400
Por prit.

478
00:21:37,400 --> 00:21:40,970
Kjo duket shumë më shumë
lexueshëm, relativisht, se sa kjo.

479
00:21:40,970 --> 00:21:43,840
Pse Google turpshme
vetë nga vetëm duke dërguar

480
00:21:43,840 --> 00:21:50,400
kjo rrëmujë e madhe e kodit të disa
lloj vetëm për të zbatuar diçka

481
00:21:50,400 --> 00:21:53,640
që duket kaq e thjeshtë në shikim të parë?

482
00:21:53,640 --> 00:21:55,270
Si, pse nuk shtoni shumë hapësira?

483
00:21:55,270 --> 00:21:56,811
Pse ata nuk hit Enter si kam bërë?

484
00:21:56,811 --> 00:21:59,110
Shikoni se si e mirë unë kam qenë
të shkruarit e një faqe web.

485
00:21:59,110 --> 00:22:00,680
I hit Enter aq zell.

486
00:22:00,680 --> 00:22:03,760
I prerë kështu çdo gjë
është aq e bukur dhe lexueshëm.

487
00:22:03,760 --> 00:22:08,463
Pse Google nuk e praktikojnë të njëjtën gjë?

488
00:22:08,463 --> 00:22:11,409
>> AUDIENCA: [padëgjueshme]

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

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

491
00:22:13,180 --> 00:22:14,270
Shumë të drejtë.

492
00:22:14,270 --> 00:22:16,650
Ata nuk kanë ndonjë
Personi në Google me dorë

493
00:22:16,650 --> 00:22:18,160
përditësimin faqen kryesore anymore.

494
00:22:18,160 --> 00:22:20,010
Kjo nuk është më 1999.

495
00:22:20,010 --> 00:22:21,140
Pra, ata kanë softuer.

496
00:22:21,140 --> 00:22:25,397
Ata kanë mjete të tjera që
gjeneruar dinamike ata janë të HTML.

497
00:22:25,397 --> 00:22:27,480
Sigurisht, që kodi vetë
ishte shkruar nga njerëzit,

498
00:22:27,480 --> 00:22:30,220
por realiteti është,
është mjaft e drejtë të thuhet,

499
00:22:30,220 --> 00:22:33,340
shfletuesi sigurisht nuk ka
kujdes se si çrregullt kodi është.

500
00:22:33,340 --> 00:22:35,940
Por ka një edhe më shumë
arsye bindëse teknike

501
00:22:35,940 --> 00:22:42,580
që Google shpërndan HTML tyre
Kodi në një lëngshëm të tilla, me sa duket

502
00:22:42,580 --> 00:22:48,350
mënyrë e madhe mbushur të gjitha së bashku
me shumë pak way-- shumë pak

503
00:22:48,350 --> 00:22:51,274
në rrugën e formatimit si unë e bëri.

504
00:22:51,274 --> 00:22:52,570
>> AUDIENCA: [padëgjueshme]

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

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

507
00:22:54,040 --> 00:22:55,680
Dhe çfarë ju thoni, Lydia?

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

509
00:22:56,240 --> 00:22:57,281
Pse më të shpejtë?

510
00:22:57,281 --> 00:22:58,156
AUDIENCA: [padëgjueshme]

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

512
00:23:00,522 --> 00:23:02,230
DAVID J. Malan: Nuk ka
nuk ka hapësirë ​​për të lexuar.

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

514
00:23:02,730 --> 00:23:04,560
Pra, mendoni se çfarë një hapësirë ​​është.

515
00:23:04,560 --> 00:23:08,394
Pra, çdo karakter në tastierë merr
disa sasia e hapësirës për të përfaqësuar,

516
00:23:08,394 --> 00:23:10,560
ose fizikisht, si ajo
merr se shumë hapësirë,

517
00:23:10,560 --> 00:23:13,250
ose disi nën
individualitet, që kërkon kujtesës.

518
00:23:13,250 --> 00:23:15,740
Dhe si një aside-- dhe ne do të
të flasim më shumë për këtë tomorrow--

519
00:23:15,740 --> 00:23:19,930
çdo karakter në tastierë
zakonisht kërkon 8 bit, ose një bajt.

520
00:23:19,930 --> 00:23:23,360
Pra, një model i 8 zero ose
ato, ose vetëm 1 byte, si ne

521
00:23:23,360 --> 00:23:24,720
njerëzit do të thonë zakonisht.

522
00:23:24,720 --> 00:23:27,690
Pra, kjo është e vogël, por
është ende jo-zero.

523
00:23:27,690 --> 00:23:29,940
Është ende disa sasia e hapësirës.

524
00:23:29,940 --> 00:23:36,082
Pra, nëse një inxhinier ose Google godet
bar hapësirë ​​vetëm një herë, dhe mendoj

525
00:23:36,082 --> 00:23:38,540
Google-- kjo është super-popular--
supozojmë se një miliard njerëz

526
00:23:38,540 --> 00:23:40,780
vizitoni faqen e tyre në shtëpi një ditë,
apo ndonjë numër i njerëzve

527
00:23:40,780 --> 00:23:43,290
vizitoni faqen kryesore a
miliardë herë në ditë,

528
00:23:43,290 --> 00:23:48,890
sa bytes shtesë ka se
inxhinier software vetëm të kushtojë Google

529
00:23:48,890 --> 00:23:51,310
duke e goditur bar hapësirë ​​të saj të tij ose një herë?

530
00:23:51,310 --> 00:23:52,692
>> AUDIENCA: [padëgjueshme]

531
00:23:52,692 --> 00:23:54,150
DAVID J. Malan: Jo mjaft aq keq.

532
00:23:54,150 --> 00:23:57,070
Vetëm një herë byte një miliard.

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

534
00:23:57,871 --> 00:23:59,120
AUDIENCA: 8 miliardë gigabajt.

535
00:23:59,120 --> 00:24:00,370
DAVID J. Malan: Jo 8 miliardë.

536
00:24:00,370 --> 00:24:01,240
8 miliardë bytes.

537
00:24:01,240 --> 00:24:02,410
Por 1 Gigabyte.

538
00:24:02,410 --> 00:24:04,080
1 Gigabyte do të jetë njësia e masës.

539
00:24:04,080 --> 00:24:08,240
Nëse ai ose ajo ka dy
hapësira, 2 gigabajt.

540
00:24:08,240 --> 00:24:09,030
Tre gigabajt.

541
00:24:09,030 --> 00:24:09,530
Apo jo?

542
00:24:09,530 --> 00:24:11,860
Kjo peshore shtrenjtë.

543
00:24:11,860 --> 00:24:16,150
Dhe kështu në raste si Google,
e cila, dhënë, janë raste ekstreme,

544
00:24:16,150 --> 00:24:21,450
ka çështje të tjera që mund të dalin vetëm
duke marrë vendime shumë të arsyeshme

545
00:24:21,450 --> 00:24:25,744
ose duke ndërmarrë veprime shumë të thjeshta të njeriut,
sepse ajo ka këtë efekt madhëruar.

546
00:24:25,744 --> 00:24:27,660
Pra, një nga arsyet
kjo duket aq i ngjeshur

547
00:24:27,660 --> 00:24:30,660
është pikërisht si Victoria said-- ishte
të krijuara vetëm nga kompjuterat anyway.

548
00:24:30,660 --> 00:24:31,900
Pra, ndonjë gjë e madhe.

549
00:24:31,900 --> 00:24:33,309
Le shfletuesi kuptoj atë.

550
00:24:33,309 --> 00:24:35,350
Por ajo gjithashtu qëllimisht
nuk ka shumë hapësirë,

551
00:24:35,350 --> 00:24:36,766
për shkak se hapësira nuk është e nevojshme.

552
00:24:36,766 --> 00:24:38,250
Dhe hapësira në fakt kushton para.

553
00:24:38,250 --> 00:24:40,670
>> Ajo ose kushton kohë,
sepse vetëm për të nxitur

554
00:24:40,670 --> 00:24:44,670
që sa më shumë të dhëna nga
Selia google.com i vetëm

555
00:24:44,670 --> 00:24:47,710
ka marrë për të marrë disa shuma e
kohë, edhe nëse është milisekonda

556
00:24:47,710 --> 00:24:51,190
ose microseconds, por kjo shton deri
mbi kaq shumë përdorues, ose më shumë të ngjarë,

557
00:24:51,190 --> 00:24:52,270
ai ndoshta kushton para.

558
00:24:52,270 --> 00:24:54,690
Google ndoshta lidhet me
dikush tjetër në botë, një

559
00:24:54,690 --> 00:24:56,398
e atyre hedhur sytë
pikë, dhe në qoftë se ata kanë

560
00:24:56,398 --> 00:24:59,880
një lloj marrëdhënie financiare
ku të dhënat e tyre kushton para,

561
00:24:59,880 --> 00:25:01,730
ata mund edhe
minimizuar dhënat sa më shumë

562
00:25:01,730 --> 00:25:04,530
ata janë pështyrë mbi
lidhja e tyre në internet.

563
00:25:04,530 --> 00:25:07,630
>> Pra, gjëja qesharake, edhe pse, në fund të fundit,
ose ndoshta gjëja e siguruar,

564
00:25:07,630 --> 00:25:11,030
është se edhe pse kjo duket tmerrësisht
e madhe, në fund të ditës,

565
00:25:11,030 --> 00:25:16,750
është ende të njëjtat parime si e saktë
kjo faqe shumë e thjeshtë këtu e një HTML

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

567
00:25:17,390 --> 00:25:20,610
Pra, vetëm për të përmbledhur dhe në mënyrë që ju
kanë një version kanonik në qoftë se nuk keni qenë

568
00:25:20,610 --> 00:25:25,900
pas së bashku me zgjedhje këtu, këtu
mund të jetë më e thjeshtë e faqet e internetit,

569
00:25:25,900 --> 00:25:28,240
kështu diçka për të luajtur me të, ndoshta më vonë.

570
00:25:28,240 --> 00:25:30,790
>> E pra, le të prezantoj një
Disa ide të tjera tani.

571
00:25:30,790 --> 00:25:33,420
Ne jemi gati për të futur
diçka që quhet një tag stil.

572
00:25:33,420 --> 00:25:38,110
Ne mund të stilizoj këtë faqe
në mënyra më interesante.

573
00:25:38,110 --> 00:25:40,860
Pra, ndërsa email HTML
është mbi të gjitha duke shënuar deri

574
00:25:40,860 --> 00:25:44,470
të dhënat, lloj i specifikuar për një
shfletuesi se si të strukturës e të dhënave,

575
00:25:44,470 --> 00:25:48,110
ku për të vënë atë, CSS, ose
Cascading Style Sheets,

576
00:25:48,110 --> 00:25:52,640
është një gjuhë e dytë që
në përgjithësi merr përzier me HTML

577
00:25:52,640 --> 00:25:55,670
si ne do të see--, por ne mund të pastër
që në një moment-- që merr

578
00:25:55,670 --> 00:25:59,850
atë milje final, dhe ajo stylizes atë.

579
00:25:59,850 --> 00:26:02,460
Ajo merr ngjyrat e vetëm e drejtë,
font madhësive vetëm e drejtë,

580
00:26:02,460 --> 00:26:03,860
pozicionimin vetëm e drejtë.

581
00:26:03,860 --> 00:26:06,510
Kjo është e gjitha në lidhje me estetikë
ose formatimit, jo për

582
00:26:06,510 --> 00:26:08,330
të dhënat themelore në vetvete.

583
00:26:08,330 --> 00:26:11,390
Dhe mënyra më e lehtë për të treguar
kjo është ndoshta nga shembull.

584
00:26:11,390 --> 00:26:15,320
Kështu që unë jam duke shkuar për të shkuar mbi
në dosjen time të thjeshtë teksti.

585
00:26:15,320 --> 00:26:17,970
Dhe në një moment të vetëm, unë do të
na ecin ju nëpërmjet procesit

586
00:26:17,970 --> 00:26:19,360
për të bërë këtë veten.

587
00:26:19,360 --> 00:26:23,310
>> Unë do të kthehem në dosjen time
këtu dhe rifreskoni faqen vetëm

588
00:26:23,310 --> 00:26:25,800
për të konfirmuar atë që duket si.

589
00:26:25,800 --> 00:26:27,190
Kjo është ajo ku ne jemi në tani.

590
00:26:27,190 --> 00:26:31,170
Ndjehem si fëmijët do të gëzojnë
duke pasur pak ngjyrë në këtë web faqe.

591
00:26:31,170 --> 00:26:34,480
Kështu që unë jam duke shkuar për të shkuar deri ketu
në krye të faqes.

592
00:26:34,480 --> 00:26:38,130
Dhe unë jam duke shkuar për të bërë stil, / stil.

593
00:26:38,130 --> 00:26:44,060
Dhe pastaj brenda kësaj, unë jam duke shkuar
për të treguar trupin e page-- tim

594
00:26:44,060 --> 00:26:46,870
dhe kjo formatimit është, në
shikim të parë, ndoshta pak

595
00:26:46,870 --> 00:26:49,400
çuditshme, por konvencionale.

596
00:26:49,400 --> 00:26:55,010
Unë do të them se sfond
Ngjyra e kësaj faqe duhet të jetë e gjelbër.

597
00:26:55,010 --> 00:26:57,960
Dhe kjo është për fat të keq
lloj nuk dizajn të mirë.

598
00:26:57,960 --> 00:27:00,710
Vini re se më parë
në botën e HTML,

599
00:27:00,710 --> 00:27:03,190
I tha se atributet
janë këto çifte me vlerë kryesore.

600
00:27:03,190 --> 00:27:05,760
Diçka është e barabartë me kuotë
mbyll thonjëzat "diçka."

601
00:27:05,760 --> 00:27:08,810
Në botën e CSS, e cila ishte
projektuar nga disa njerëz të ndryshëm,

602
00:27:08,810 --> 00:27:11,020
ata vendosën që, në e tyre
botërore, palë me vlerë kryesore

603
00:27:11,020 --> 00:27:13,920
do të jetë fjala e zorrës së trashë diçka.

604
00:27:13,920 --> 00:27:15,220
Pra është e njëjta ide, pse.

605
00:27:15,220 --> 00:27:18,620
Është shoqëruar një vlerë
me disa kyçe që në njëfarë mënyre

606
00:27:18,620 --> 00:27:20,330
ndikon në sjelljen e kësaj faqe.

607
00:27:20,330 --> 00:27:21,901
>> Dhe ju ndoshta mund të mendoj.

608
00:27:21,901 --> 00:27:24,150
Çfarë është kjo ndoshta do
për të bërë edhe në qoftë se ju kurrë nuk kam

609
00:27:24,150 --> 00:27:27,867
shihet HTML ose CSS para?

610
00:27:27,867 --> 00:27:29,450
AUDIENCA: Të ndryshojë ngjyra e sfondit.

611
00:27:29,450 --> 00:27:30,560
DAVID J. Malan: Po,
ndryshuar ngjyrën e sfondit.

612
00:27:30,560 --> 00:27:33,280
Dhe veçanërisht
ngjyrën e sfondit e trupit.

613
00:27:33,280 --> 00:27:36,290
Por, për aq sa
Trupi tani për tani është web

614
00:27:36,290 --> 00:27:38,870
page-- kjo është e vetmja gjë
nën really-- bar titullin

615
00:27:38,870 --> 00:27:40,870
ajo ndoshta do të
ndikojnë të njëjtën gjë.

616
00:27:40,870 --> 00:27:41,430
Pra, le të shohim.

617
00:27:41,430 --> 00:27:42,490
Le të shpëtuar këtë.

618
00:27:42,490 --> 00:27:44,310
Shko këtu dhe reload.

619
00:27:44,310 --> 00:27:46,140
Është shumë e shëmtuar.

620
00:27:46,140 --> 00:27:48,070
Dhe çfarë po ndodh
këtu është një efekt anësor.

621
00:27:48,070 --> 00:27:49,850
Unë vetëm zgjedhur këtë imazh rastësisht.

622
00:27:49,850 --> 00:27:53,305
Pse të mos e gjelbër
përshkon mbrapa Mickey?

623
00:27:53,305 --> 00:27:54,180
AUDIENCA: [padëgjueshme]

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

625
00:27:56,880 --> 00:27:57,880
DAVID J. Malan: Pikërisht.

626
00:27:57,880 --> 00:28:01,750
Ajo rezulton se imazhet, pretty
shumë të gjitha imazhet që ne mund të përdorin,

627
00:28:01,750 --> 00:28:03,670
janë të gjitha rectangles-- të rectangles.

628
00:28:03,670 --> 00:28:07,710
Edhe në qoftë se ka disa kthesa Mickey
për veten e tij dhe ka një sfond,

629
00:28:07,710 --> 00:28:09,330
që background duhet të jetë diçka.

630
00:28:09,330 --> 00:28:10,280
Ajo duhet të jetë e bardhë.

631
00:28:10,280 --> 00:28:11,910
Ajo duhet të jetë e zezë apo diçka tjetër.

632
00:28:11,910 --> 00:28:13,650
Ajo mund të jetë transparent.

633
00:28:13,650 --> 00:28:16,100
Dhe në fakt, unë mund të
hapur Mickey Mouse këtu

634
00:28:16,100 --> 00:28:18,590
në një program të quajtur Photoshop
apo diçka të ngjashme

635
00:28:18,590 --> 00:28:21,176
dhe për të ndryshuar të gjithë se bardhë
background të transparent,

636
00:28:21,176 --> 00:28:22,550
në mënyrë që të gjelbër do të shkëlqejë përmes.

637
00:28:22,550 --> 00:28:25,980
Por kjo është diçka që unë do të duhet
për të pyetur për veten ose një artist grafik

638
00:28:25,980 --> 00:28:28,130
ose një projektuesi në my
Kompania, për shembull,

639
00:28:28,130 --> 00:28:31,490
për të bërë, sidomos pasi që unë vetëm
huazuar këtë një nga interneti.

640
00:28:31,490 --> 00:28:33,030
Por, kjo është arsyeja pse kjo po ndodh.

641
00:28:33,030 --> 00:28:34,980
>> Pra, çfarë tjetër mund të duam të bëjmë?

642
00:28:34,980 --> 00:28:41,040
E pra, ne mund të duam të themi ne
me të vërtetë shpresoj që ju të gëzojnë qëndrimit tuaj.

643
00:28:41,040 --> 00:28:44,150
Dhe për theks, unë dua
për të bërë këtë të fortë,

644
00:28:44,150 --> 00:28:48,310
dhe kështu që unë do të them hapur dhe të fortë
të ngushtë të fortë dhe më pas reload.

645
00:28:48,310 --> 00:28:50,320
Dhe kjo është një pak e vështirë
për të parë në projektor

646
00:28:50,320 --> 00:28:53,250
por ndoshta me të vërtetë tani
hedhje nga ju një pak më shumë.

647
00:28:53,250 --> 00:28:56,180
Kështu që ju mund të shtoni në këtë italics
mënyrë, ballafaqohet guximshme në këtë mënyrë.

648
00:28:56,180 --> 00:28:57,500
Ne mund të ndryshojë ngjyra.

649
00:28:57,500 --> 00:29:01,610
Në fakt, vetëm për shkelma, unë jam i
do të shkojnë përpara dhe të bëjë këtë.

650
00:29:01,610 --> 00:29:05,120
Unë vërtetë nuk e pëlqen se si my
Paragrafët janë këtë të ngushtë së bashku,

651
00:29:05,120 --> 00:29:06,870
kështu që unë mund të bëjë diçka si kjo.

652
00:29:06,870 --> 00:29:13,310
Unë do të them të shfletuesit,
ndryshojë çdo tag paragrafi të ketë,

653
00:29:13,310 --> 00:29:16,952
le të say-- fakt, ju e dini se çfarë,
le të lidhur të tekst-align, qendër.

654
00:29:16,952 --> 00:29:19,410
Dhe përsëri, unë e di këtë vetëm
sepse dikush mësoi atë për mua

655
00:29:19,410 --> 00:29:21,118
apo kam shikuar atë deri në
një referencë online.

656
00:29:21,118 --> 00:29:22,450
Pra më lejoni të shpëtuar këtë.

657
00:29:22,450 --> 00:29:25,070
Dhe, ah, tani unë kam
përqendruar imazhin atje.

658
00:29:25,070 --> 00:29:28,490
Dhe në fakt, ju e dini se çfarë, nëse
I lëvizin imazhin tim në një paragraf

659
00:29:28,490 --> 00:29:34,510
tag-- kështu që një paragrafi i tretë,
edhe pse kjo nuk është tekst.

660
00:29:34,510 --> 00:29:36,917
Le të shpëtuar atë dhe të reload.

661
00:29:36,917 --> 00:29:40,000
Tani faqja ka filluar të duket lloj
of-- Unë do të thotë, kjo është ende mjaft e shëmtuar,

662
00:29:40,000 --> 00:29:43,180
por të paktën kjo duket si kam kaluar
dy minuta në vend të një minutë

663
00:29:43,180 --> 00:29:43,950
duke e bërë atë.

664
00:29:43,950 --> 00:29:47,200
>> Dhe kështu, hap pas hapi, mund të bëjmë
këto ndryshime estetike tani në faqen?

665
00:29:47,200 --> 00:29:50,860
Unë nuk e kam ndryshuar me të vërtetë e të dhënave në
faqe përveç duke shtuar fjalën vërtetë.

666
00:29:50,860 --> 00:29:52,650
Unë kam shtuar metadata, nëse ju do.

667
00:29:52,650 --> 00:29:54,830
Hej, browser, e bëjnë
fjala "të vërtetë" të guximshme.

668
00:29:54,830 --> 00:29:56,940
Por të dhënat nuk është e fortë.

669
00:29:56,940 --> 00:29:57,830
Kjo është metadata.

670
00:29:57,830 --> 00:29:59,410
Të dhënat është "me të vërtetë."

671
00:29:59,410 --> 00:30:02,200
Pra, ne ende kemi disa
të njëjtat koncepte si më parë.

672
00:30:02,200 --> 00:30:05,990
Tani, sigurisht, kjo nuk është në internet,
kështu që unë jam duke shkuar për të bërë një hap të fundit këtu.

673
00:30:05,990 --> 00:30:10,300
>> Unë jam duke shkuar për të shkuar në hello.html
dhe vetëm të nxjerrë në pah dhe kopje këtë.

674
00:30:10,300 --> 00:30:12,285
Dhe tani unë jam duke shkuar për
shkojnë në Cloud9, e cila

675
00:30:12,285 --> 00:30:13,910
Unë do të ecin ju nëpërmjet në një moment të vetëm.

676
00:30:13,910 --> 00:30:17,080
Dhe shanset janë që ju do të jetë së shpejti, në qoftë se
Nuk tashmë, në një ekran të tillë.

677
00:30:17,080 --> 00:30:21,080
Dhe më lejoni vetëm të ju jap një të shpejtë
Turneu i asaj Cloud9 të vërtetë është.

678
00:30:21,080 --> 00:30:26,590
Pra, përsëri cloud 9 është
ky shërbim i bazuar në cloud

679
00:30:26,590 --> 00:30:30,580
se ju dhe më jep iluzionin
e ka vet makinën tonë virtuale

680
00:30:30,580 --> 00:30:33,090
në një re, teknikisht
një enë në një re,

681
00:30:33,090 --> 00:30:35,160
se kemi të plotë
privilegje administrative për të.

682
00:30:35,160 --> 00:30:37,130
Pra, në teori, askush
tjetër në botë ka

683
00:30:37,130 --> 00:30:39,152
qasje në ekran unë jam
duke kërkuar në të drejtë tani,

684
00:30:39,152 --> 00:30:40,860
me përjashtim ndoshta njerëzit
të cilët të drejtuar vendin,

685
00:30:40,860 --> 00:30:43,470
sepse teknikisht ata kanë
qasja fizike e kështu me radhë.

686
00:30:43,470 --> 00:30:44,740
>> Pra, çfarë shohim në këtë mjedis?

687
00:30:44,740 --> 00:30:46,230
Unë jam duke shkuar për të zvogëluar,
sepse kjo është pak e vogël.

688
00:30:46,230 --> 00:30:48,104
Dhe më lejoni të vënë mbi
këtu për vetëm një moment.

689
00:30:48,104 --> 00:30:53,210
Në anën e majtë të tim dhe tuaj
ekran, ka një shfletues fotografi në të majtë.

690
00:30:53,210 --> 00:30:55,362
Aq të ngjashme në frymë
për Mac OS dhe Windows.

691
00:30:55,362 --> 00:30:57,070
Këto janë të gjitha të
fotografi në llogarinë time.

692
00:30:57,070 --> 00:30:59,250
Dhe nga default, nëse tuaj
llogari është si e imja,

693
00:30:59,250 --> 00:31:05,090
ju do të shihni ose të shihni së shpejti
helloworld.html dhe readme.md.

694
00:31:05,090 --> 00:31:07,950
Mbi këtu për të drejtën, kjo është
ku dosjet e mia tekst do të shkojnë.

695
00:31:07,950 --> 00:31:11,620
Nëse e keni përdorur ndonjëherë Microsoft
Word ose Notepad ose TextEdit,

696
00:31:11,620 --> 00:31:14,100
kjo është fjala ime e redaktimi
e dosjeve do të shkojë.

697
00:31:14,100 --> 00:31:16,540
Dhe pastaj më misterioze
Karakteristikë e këtij mjedisi

698
00:31:16,540 --> 00:31:20,100
se ne nuk do të duhet të vërtetë për të përdorur është
këtu poshtë quhet Window Terminal.

699
00:31:20,100 --> 00:31:23,390
Nëse e keni përdorur DOS nga
vitin e kaluar, ky është Linux

700
00:31:23,390 --> 00:31:25,450
ose Linux ekuivalente e DOS-it.

701
00:31:25,450 --> 00:31:28,190
Kjo është një interface-- tekst me bazë
ka klikime të miut, nuk ka zvarritje.

702
00:31:28,190 --> 00:31:30,770
Të gjithë ju mund të bëni është të shtypni
komandat, por ato komandat

703
00:31:30,770 --> 00:31:34,400
mund të krijojë fotografi, lëvizin fotografi, e hapur
directories, directories të ngushtë,

704
00:31:34,400 --> 00:31:35,740
të bëjë ndonjë numër të gjërave.

705
00:31:35,740 --> 00:31:38,060
Por tani për tani, ne vetëm do të
kalojnë kohën tonë deri këtu.

706
00:31:38,060 --> 00:31:39,050
>> Dhe kështu që le të bëjmë këtë.

707
00:31:39,050 --> 00:31:41,008
Nëse ju jeni në këtë
mjedisi, të cilat ju duhet

708
00:31:41,008 --> 00:31:45,900
të jetë në qoftë se keni krijuar një hapësirë ​​pune
tashmë, të shkojnë përpara dhe vetëm të shkojnë deri

709
00:31:45,900 --> 00:31:48,690
tek File, New për një moment.

710
00:31:48,690 --> 00:31:51,740
Dhe kjo do të ju jap një të ri
tab të drejtë këtu në mes.

711
00:31:51,740 --> 00:31:54,250
Dhe unë just-- dhe le
të shkojnë përpara dhe të bëjë këtë.

712
00:31:54,250 --> 00:31:59,910
Le të shkojnë përpara dhe tani e dokumentit, Save
dhe të shkojnë përpara dhe e quajti atë hello.html,

713
00:31:59,910 --> 00:32:02,740
nuk duhet të ngatërrohet me
helloworld.html, e cila

714
00:32:02,740 --> 00:32:06,910
erdhi me llogarinë tuaj të re të lirë,
e cila është vetëm një fotografi mostër.

715
00:32:06,910 --> 00:32:11,020
Ju do të shihni se papritur shfaqet,
ka shumë të ngjarë në anën e majtë,

716
00:32:11,020 --> 00:32:12,810
dhe tab do të vazhdojë të jetë e hapur.

717
00:32:12,810 --> 00:32:21,300
Dhe më lejoni të ju inkurajojmë që tani për të rikrijuar
këtë fotografi ose disa variante tyre.

718
00:32:21,300 --> 00:32:24,607
Dhe në qoftë se ju nuk mund të mjaft të shohin atë në anën
ekran, kjo është identike me slides

719
00:32:24,607 --> 00:32:26,190
që ju ndoshta keni në një tjetër tab.

720
00:32:26,190 --> 00:32:29,296
>> Pra me pak fjalë, të bëjë faqen tuaj të parë të internetit,
shpëtuar atë, dhe pastaj në një moment të vetëm,

721
00:32:29,296 --> 00:32:31,170
Unë do të ju tregojnë se si ju
në fakt mund të shihni këtë.

722
00:32:31,170 --> 00:32:32,970
Por, të ndryshojë të paktën një gjë.

723
00:32:32,970 --> 00:32:35,400
Ndrysho helloworld të
diçka e zgjedhjes tuaj,

724
00:32:35,400 --> 00:32:39,821
në mënyrë që të jeni të bindur se kjo është tuaj
paraqesë dhe nuk e kam vetëm të krijuar.

725
00:32:39,821 --> 00:32:40,320
Në rregull.

726
00:32:40,320 --> 00:32:43,804
Dhe kur ju jeni ready-- asnjë
rush-- kur ju jeni gati,

727
00:32:43,804 --> 00:32:46,220
të shkojnë përpara dhe ruajtur kartelën
një herë ju keni bërë këto ndryshime.

728
00:32:46,220 --> 00:32:49,540
Dhe në qoftë se ju klikoni
Drejtuar button up top, kjo

729
00:32:49,540 --> 00:32:53,610
duhet të hapë një skedë të re që do të tregojë
ju çfarë URL ju mund të vizitoni dosjen tuaj në,

730
00:32:53,610 --> 00:32:56,380
por ajo mund të marrë një moment për të
quote mbyll thonjëzat "të fillojë Apache", e cila

731
00:32:56,380 --> 00:32:58,820
është emri i web server.

732
00:32:58,820 --> 00:33:02,430
Pra, të jenë të kujdesshëm për të bërë pikërisht
çfarë është në dosjen në fund të fundit.

733
00:33:02,430 --> 00:33:04,610
Deri tani, unë do të zmadhuar.

734
00:33:04,610 --> 00:33:07,780
Nëse unë të fillojë të shtypni
hapur parantezë HTML, njoftimi

735
00:33:07,780 --> 00:33:09,650
kjo është bërë që të kryej mendimin tim.

736
00:33:09,650 --> 00:33:13,750
Dhe në qoftë se kam mbaruar mendimin tim, atë
automatikisht më jep etiketë mbyllëse.

737
00:33:13,750 --> 00:33:17,190
Por shpresa është atëherë unë do të goditur
Enter, dhe pastaj të lëvizë brenda ka

738
00:33:17,190 --> 00:33:21,180
dhe nuk kokë brenda dhe
bëj trupin brenda.

739
00:33:21,180 --> 00:33:24,430
Dhe kjo është pak e çuditshme në fillim,
për shkak se është duke bërë punë për ju,

740
00:33:24,430 --> 00:33:27,110
por e kuptojnë se në fund të fundit
kjo ju kursen tasteve.

741
00:33:27,110 --> 00:33:30,500
Dhe në fakt, një tipar shumë i zakonshëm i
programimit mjedise këto ditë

742
00:33:30,500 --> 00:33:33,260
si për zhvillimin e web si
këtë dhe programimi aktual,

743
00:33:33,260 --> 00:33:36,960
të cilat ne do të flasim për nesër,
Janë këto karakteristika auto-plotë,

744
00:33:36,960 --> 00:33:39,710
gjëra që vetëm lejojnë një
programues apo një projektuesi

745
00:33:39,710 --> 00:33:42,010
të tipit pak tasteve për
të kryer të njëjtën gjë.

746
00:33:42,010 --> 00:33:43,176
Ndonjëherë është e mirë, edhe pse.

747
00:33:43,176 --> 00:33:44,560
Ndonjëherë kjo është vetëm i bezdisshëm.

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

749
00:33:49,290 --> 00:33:54,010
Dhe, përsëri, një herë ju keni transkriptuar
rrëshqitje ose disa variant te tij,

750
00:33:54,010 --> 00:33:57,360
ju mund të klikoni butonin Run deri të lartë.

751
00:33:57,360 --> 00:33:59,910
Dhe pastaj në fund
dritare, ju do të jetë i informuar

752
00:33:59,910 --> 00:34:04,290
në atë URL që ju mund të vizitoni faqen tuaj web.

753
00:34:04,290 --> 00:34:08,790
Mine, për shembull, është në
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
dhe kështu me radhë.

755
00:34:11,480 --> 00:34:14,580
Të gjithë të drejtë, kështu që, le me-- ndonjë pyetje?

756
00:34:14,580 --> 00:34:19,460
Çdo pyetje të tjera në lidhje vetëm duke u
kjo pune para se të shtuar karakteristika?

757
00:34:19,460 --> 00:34:21,692
Dhe më lejoni të propozojë, vetëm
për të marrë folks comfortable--

758
00:34:21,692 --> 00:34:24,400
sepse kjo është një gjë për të vetëm
copy-paste verbërisht atë që kam bërë.

759
00:34:24,400 --> 00:34:27,177
Por vetëm në mënyrë që folks luftoj
me të paktën një deri-bërë,

760
00:34:27,177 --> 00:34:28,510
Unë do të kthehet në disa muzikë.

761
00:34:28,510 --> 00:34:32,630
Unë do të propozojë një listë të
gjëra që ju potencialisht mund të shtoni.

762
00:34:32,630 --> 00:34:34,086
Dhe ju me siguri mund të përdorni Google.

763
00:34:34,086 --> 00:34:36,210
Dhe pse nuk kemi vetëm të
propozojmë që ju të përpiqet për të zgjidhur

764
00:34:36,210 --> 00:34:38,710
të paktën një problem të veçantë këtu.

765
00:34:38,710 --> 00:34:45,090
Pra, për sa i përket tags,
më lejoni të ripërdorimin këtë këtu.

766
00:34:45,090 --> 00:34:48,280
>> Në fakt, më lejoni të vënë
në një formë tekstuale.

767
00:34:48,280 --> 00:35:02,380
Le të thonë se në mesin e tags që ne mund të
përdorur këtu janë disa tags këtu.

768
00:35:02,380 --> 00:35:06,090
Ne e kemi parë tag paragrafi.

769
00:35:06,090 --> 00:35:07,850
Tani ajo do të auto-plotë.

770
00:35:07,850 --> 00:35:12,220
tag paragrafi, tag spirancë.

771
00:35:12,220 --> 00:35:15,250
Le të thonë se ju doni të
të bëjë diçka të madhe,

772
00:35:15,250 --> 00:35:19,480
kështu që ju mund të like--
tag hapësirë ​​mund të ndihmojë.

773
00:35:19,480 --> 00:35:23,010
E pra, ju mund të kenë nevojë për ndihmë
për këtë në vetëm një moment.

774
00:35:23,010 --> 00:35:24,830
Ne kemi parë div.

775
00:35:24,830 --> 00:35:26,170
Ju do të shihni se ka tabela.

776
00:35:26,170 --> 00:35:27,928
Ka diçka që quhet 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
Kthehuni për të se në një moment.

780
00:35:34,770 --> 00:35:36,590
Çfarë tjetër mund të jetë i dobishëm?

781
00:35:36,590 --> 00:35:38,310
Ka fortë.

782
00:35:38,310 --> 00:35:43,640
Ka theksi, ose më mirë em.

783
00:35:43,640 --> 00:35:50,110
There's-- çfarë tjetër
mund të ju dashuroj këtu?

784
00:35:50,110 --> 00:35:51,930
E pra, ne do të marrin një
shikoni në atë së bashku.

785
00:35:51,930 --> 00:35:53,230
Forma, të cilën ne e kemi parë.

786
00:35:53,230 --> 00:35:54,130
Ka formë.

787
00:35:54,130 --> 00:35:56,500
Ka të dhëna dhe disa të tjerë.

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

789
00:35:58,924 --> 00:36:00,090
Të gjithë të drejtë, kështu që le të bëjmë këtë.

790
00:36:00,090 --> 00:36:02,330
Për t'iu përgjigjur një Victoria-së
pyetje, le të më parë

791
00:36:02,330 --> 00:36:05,020
vetëm sigurohuni që të gjithë janë të
në gjendje për të marrë të punës tyre Hello.

792
00:36:05,020 --> 00:36:06,900
Atëherë më lejoni të prezantoj
nja dy ide të tjera.

793
00:36:06,900 --> 00:36:09,209
Pastaj ne do të le folks zgjidhur
një problem më vete.

794
00:36:09,209 --> 00:36:11,500
Atëherë ne në fakt do të kthehen
në atë nocionin e një formë,

795
00:36:11,500 --> 00:36:14,950
dhe ne do të vërtetë të ri-zbatuar
së bashku interface front-end,

796
00:36:14,950 --> 00:36:16,450
mënyrë që të flasin, për vetë Google.

797
00:36:16,450 --> 00:36:19,700
Ne do të përdorim Google si në fund mbrapa dhe le
ata të bëjnë punën e vështirë, që të kërkoni,

798
00:36:19,700 --> 00:36:22,760
por ne do të krijosh fund para
Google dhe formën e kërkimit

799
00:36:22,760 --> 00:36:24,520
se ata kanë në faqen e tyre në shtëpi.

800
00:36:24,520 --> 00:36:27,050
Dhe kështu që ne do të kthehen në
këto tags në një moment të vetëm.

801
00:36:27,050 --> 00:36:30,270
>> Pra, kjo ishte ajo që unë
propozoi vetëm një moment më parë.

802
00:36:30,270 --> 00:36:33,940
Ne mund të shtoni stilizim të një
faqe brenda këtij tag stil,

803
00:36:33,940 --> 00:36:36,950
dhe ne mund të stilizoj sfond
ngjyra, shtrirjes teksti,

804
00:36:36,950 --> 00:36:39,000
nëse kjo është qendër ose majtas ose djathtas.

805
00:36:39,000 --> 00:36:41,630
Por shumë shpejt ju do të
gjeni ose një projektuesi web

806
00:36:41,630 --> 00:36:44,060
do të gjeni se ky
bëhet pak i ngathët,

807
00:36:44,060 --> 00:36:48,330
për shkak se ju jeni duke bërë atë që është e
quajtur përzierjen përmbajtja

808
00:36:48,330 --> 00:36:50,120
me prezantimin e saj.

809
00:36:50,120 --> 00:36:53,756
Ju jeni përzierjen dhënat tuaja
dhe estetikë e saj.

810
00:36:53,756 --> 00:36:56,380
Dhe në fakt, nëse ju e konsideroni
çfarë do të ndodhë gjatë time--

811
00:36:56,380 --> 00:36:58,350
kjo është një shumë e vogël
web faqe, natyrisht.

812
00:36:58,350 --> 00:37:01,590
Por në qoftë se unë të shtoni përmbajtje në këtë faqe
dhe shtoj stil në këtë faqe,

813
00:37:01,590 --> 00:37:04,650
faqja shumë shpejt merr
më të gjatë dhe më të gjatë dhe më të gjatë.

814
00:37:04,650 --> 00:37:07,510
Dhe mendoj se unë dua
të ketë një faqe interneti që të dytë

815
00:37:07,510 --> 00:37:09,010
ndan disa prej këtyre cilësive.

816
00:37:09,010 --> 00:37:12,350
Supozoni faqen time të dytë të internetit për tim
site-- Gjithashtu, unë dua qendër çdo gjë,

817
00:37:12,350 --> 00:37:14,960
dhe unë gjithashtu dua gjithçka
me një sfond të gjelbër.

818
00:37:14,960 --> 00:37:17,940
Unë jam shumë e shumë do të duhet të
kopjoni dhe ngjisni disa prej këtyre linjave

819
00:37:17,940 --> 00:37:20,730
në këtë dosje të dytë, e cila ndjehet mirë.

820
00:37:20,730 --> 00:37:22,030
Ai do të zgjidhë problemin.

821
00:37:22,030 --> 00:37:26,060
>> Por, çfarë nëse unë dua një faqe të tretë
ose një faqe në 30 ose një faqe në 40?

822
00:37:26,060 --> 00:37:28,730
Tani unë jam duke shkuar për të kopjimit dhe
pasting një shumë të kodit kopjuar

823
00:37:28,730 --> 00:37:30,430
në fotografi të shumta.

824
00:37:30,430 --> 00:37:32,600
Dhe kështu mendoj që
I vendosin ose unë jam i tha,

825
00:37:32,600 --> 00:37:34,780
hej, ne nuk jeni duke përdorur një
sfond të gjelbër më.

826
00:37:34,780 --> 00:37:36,380
Ne jemi duke shkuar për të filluar përdorimin e portokalli.

827
00:37:36,380 --> 00:37:38,690
Çfarë ju duhet të ndryshojë?

828
00:37:38,690 --> 00:37:42,900
E pra, ju keni për të ndryshuar atë stil
nga e gjelbër për portokalli në mënyrën se si shumë vende?

829
00:37:42,900 --> 00:37:44,920
Ashtu si 30 apo 40 vende.

830
00:37:44,920 --> 00:37:45,900
Është e lodhshme.

831
00:37:45,900 --> 00:37:47,039
Është e prirur për të gabimit.

832
00:37:47,039 --> 00:37:49,580
Ka një numër arsyesh
ku ju nuk do të duan për të nxitur

833
00:37:49,580 --> 00:37:51,840
kjo lloj dhimbje për veten tuaj.

834
00:37:51,840 --> 00:37:54,760
Dhe kështu që nuk do të ishte mirë
në qoftë se ne mund të marrë atë që unë vetëm

835
00:37:54,760 --> 00:37:58,240
vënë në mes të këtyre dy të verdhë
tags, këto tags stil,

836
00:37:58,240 --> 00:38:04,050
faktor atë, dhe të vënë të gjitha mia
stilizim në një skedar qendrore

837
00:38:04,050 --> 00:38:08,470
që të gjitha 30 ose 40 nga dosjet e mia të tjera
të marrë hua nga ose disi referencë,

838
00:38:08,470 --> 00:38:11,640
jo ndryshe nga rrjeteve
diagramet ne ishim duke bërë më parë?

839
00:38:11,640 --> 00:38:15,030
>> Pra, nëse unë shkoj në këtu, unë jam i
do të propozojë në fakt

840
00:38:15,030 --> 00:38:17,880
që ne të zëvendësojë
tag style me diçka

841
00:38:17,880 --> 00:38:21,620
quajtur tag link, i cili
është e tmerrshëm, i quajtur tmerrshëm,

842
00:38:21,620 --> 00:38:24,370
sepse ju nuk përdorni
tag lidhje për të krijuar atë

843
00:38:24,370 --> 00:38:26,380
ne njerëzit e dimë si një lidhje në një web faqe.

844
00:38:26,380 --> 00:38:29,750
Për këtë, ju përdorni të cilat tag?

845
00:38:29,750 --> 00:38:31,464
Si do ta keni krijuar një lidhje në një faqe interneti?

846
00:38:31,464 --> 00:38:32,130
AUDIENCA: The a.

847
00:38:32,130 --> 00:38:34,870
DAVID J. Malan: The a, ose spirancë
tag, që kishte shkuar të Disney para.

848
00:38:34,870 --> 00:38:39,090
Lidhje tag këtu është thënë
this-- lidhje në një skedar të quajtur

849
00:38:39,090 --> 00:38:44,350
styles.css, marrëdhënia në të cilën
do të jetë se kjo është stylesheet ime.

850
00:38:44,350 --> 00:38:48,290
Kështu që kjo është një nga S-së në
CSS-- fletët stil Cascading.

851
00:38:48,290 --> 00:38:50,490
Style sheet-- dy nga S-së në CSS.

852
00:38:50,490 --> 00:38:52,550
Cascading fletë stil.

853
00:38:52,550 --> 00:38:58,640
Kjo thjesht do të thotë, hej, browser, shkoni
gjeni styles.css në server lokal

854
00:38:58,640 --> 00:39:01,870
dhe e përdorin atë si stylesheet tuaj,
që do të thotë brenda atë dosje

855
00:39:01,870 --> 00:39:05,310
do të jetë mbi të gjitha e
stylizations që ne kemi bërë vetëm.

856
00:39:05,310 --> 00:39:07,396
Dhe kështu që ajo që dosja
mund të duket si ky.

857
00:39:07,396 --> 00:39:10,020
Dhe unë do të të bëjë vetëm kjo është një shpejtë
shembull, për shkak se ne nuk kemi nevojë

858
00:39:10,020 --> 00:39:12,000
për të marrë shumë në barërat e këqija këtu.

859
00:39:12,000 --> 00:39:17,840
Por në qoftë se unë të kopjoni këtë, ajo që unë jam duke propozuar
është se një programues të krijuar një skedë të re,

860
00:39:17,840 --> 00:39:24,450
ngjitur në ato lines--
whoops-- ngjitur në këto linja,

861
00:39:24,450 --> 00:39:32,270
ruani atë si styles.css, dhe më pas, në
fotografi të tjera, fshini të gjithë që

862
00:39:32,270 --> 00:39:35,450
dhe ta zëvendësojë atë në vend
me këtë tag link.

863
00:39:35,450 --> 00:39:43,090
Kështu që në qoftë se unë të lidhë a href = "styles.css",
marrëdhënia do të jetë "stylesheet"

864
00:39:43,090 --> 00:39:44,170
tag të ngushtë.

865
00:39:44,170 --> 00:39:45,250
Ruaje atë.

866
00:39:45,250 --> 00:39:47,000
Kthehuni në helloworld tim.

867
00:39:47,000 --> 00:39:48,690
Ringarkoj.

868
00:39:48,690 --> 00:39:51,290
>> Fjalë për fjalë asgjë nuk ka ndodhur.

869
00:39:51,290 --> 00:39:54,710
Kjo është një gjë e mirë, sepse ajo
do të thotë është e vërtetë të gjithë punës.

870
00:39:54,710 --> 00:39:58,860
Për të provuar sa më shumë, mendoj unë të bëjë një
typo, dhe unë e quaj këtë "Styles.css"

871
00:39:58,860 --> 00:40:03,080
me një kapital S, i cili është
pasaktë, dhe pastaj të reload.

872
00:40:03,080 --> 00:40:05,470
Tani ju mund të shihni vetëm ajo nuk punon.

873
00:40:05,470 --> 00:40:06,362
Tani, pse?

874
00:40:06,362 --> 00:40:08,070
E pra, le të përdorim një
teknikë nga më parë.

875
00:40:08,070 --> 00:40:10,153
Më lejoni të shkojnë përpara dhe, në
shfletuesi im, në Chrome, unë jam

876
00:40:10,153 --> 00:40:12,900
duke shkuar për të hapur që të veçantë
tab rrjeti si më parë,

877
00:40:12,900 --> 00:40:15,560
dhe më lejoni të rifreskoni faqen.

878
00:40:15,560 --> 00:40:19,341
Ajo që nuk janë të befasuar për të parë tani?

879
00:40:19,341 --> 00:40:20,840
Apo ndoshta ju jeni të befasuar për të parë atë.

880
00:40:20,840 --> 00:40:23,225
Sido që të jetë, ajo që ju shihni tani?

881
00:40:23,225 --> 00:40:24,100
AUDIENCA: [padëgjueshme]

882
00:40:24,100 --> 00:40:24,770
DAVID J. Malan: Kjo nuk është gjetur.

883
00:40:24,770 --> 00:40:25,680
Pse është ajo nuk gjendet?

884
00:40:25,680 --> 00:40:28,480
E pra, kapitali Styles.css--
S-- nuk ekziston.

885
00:40:28,480 --> 00:40:29,230
I sot quhet atë.

886
00:40:29,230 --> 00:40:30,430
typo thjeshtë.

887
00:40:30,430 --> 00:40:33,816
Por unë jam duke kuptueshme tani
404, për shkak se serveri është duke thënë, hej,

888
00:40:33,816 --> 00:40:34,440
nuk është gjetur.

889
00:40:34,440 --> 00:40:36,300
Fjalë për fjalë, unë nuk e di
ku kjo skedë është.

890
00:40:36,300 --> 00:40:38,880
Kështu që, si rezultat, shfletuesin
ju tregon se çfarë ajo mund të,

891
00:40:38,880 --> 00:40:42,860
përmbajtja e parë e faqes,
i cili ishte 200, HTML,

892
00:40:42,860 --> 00:40:45,390
por stilizim nuk mund të
të shtohet pas kësaj.

893
00:40:45,390 --> 00:40:47,120
Dhe kjo është ajo që nënkuptohet me Cascading.

894
00:40:47,120 --> 00:40:49,070
Ju mund të lloj të shtoni atë
pas, dhe kjo lloj

895
00:40:49,070 --> 00:40:50,874
pastron estetikë e web faqe.

896
00:40:50,874 --> 00:40:53,790
Dhe ju mund edhe të pranoj ato
stilet me fotografi akoma tjera stylesheet

897
00:40:53,790 --> 00:40:54,700
në qoftë se ju dëshironi.

898
00:40:54,700 --> 00:40:57,780
Kjo nuk është gjetur, edhe pse, në këtë rast,
sepse natyrisht, unë sot quhet atë.

899
00:40:57,780 --> 00:41:00,330
Kështu që unë do të duhet për të rregulluar atë për herë të parë.

900
00:41:00,330 --> 00:41:04,667
>> Pra, le të shkojnë përpara dhe të
propozojë në vijim.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Le të shkojnë përpara dhe të bëjë këtë.

903
00:41:11,140 --> 00:41:14,220
Duke filluar me ndoshta
dosja juaj helloworld,

904
00:41:14,220 --> 00:41:17,740
më lejoni vetëm të ftojë një çift
e funksion sugjerime.

905
00:41:17,740 --> 00:41:20,400
Pra, Victoria, ju të kërkuar për
të bëjë një tekst më të madhe, apo jo?

906
00:41:20,400 --> 00:41:24,555
Të gjithë të drejtë, kështu që ne mund të
e bëjnë tekstin më të mëdha.

907
00:41:24,555 --> 00:41:26,860
Dhe ne do të hiqni çdo
vetëm një problem për të zgjidhur.

908
00:41:26,860 --> 00:41:30,867
Bëni text madhe.

909
00:41:30,867 --> 00:41:32,700
Unë nuk jam duke shkuar për të shqetësojë
këtë shkrim kur ne

910
00:41:32,700 --> 00:41:35,600
kemi teknologji plumb të drejtë mbi këtu.

911
00:41:35,600 --> 00:41:39,970
Kështu që disa probleme.

912
00:41:39,970 --> 00:41:44,670
Pra, ne jemi duke shkuar për të provoni
për të bërë tekstin më të mëdha.

913
00:41:44,670 --> 00:41:45,170
Në rregull.

914
00:41:45,170 --> 00:41:48,360
Çfarë tjetër do të propozojë dikush?

915
00:41:48,360 --> 00:41:50,332
Çfarë tjetër mund të duam
për të bërë në një faqe interneti?

916
00:41:50,332 --> 00:41:52,040
Le të dalë me një
listë e shkurtër e gjërave

917
00:41:52,040 --> 00:41:55,366
dhe pastaj të delegojnë
Grupi i të kuptoj këtë.

918
00:41:55,366 --> 00:41:56,270
>> AUDIENCA: [padëgjueshme]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. Malan: OK, teksti pozicioni
në anët e ndryshme të faqes?

920
00:42:02,251 --> 00:42:02,750
Në rregull.

921
00:42:02,750 --> 00:42:04,620
Diçka tjetër.

922
00:42:04,620 --> 00:42:05,784
>> AUDIENCA: [padëgjueshme]

923
00:42:05,784 --> 00:42:06,700
DAVID J. Malan: Kjo është.

924
00:42:06,700 --> 00:42:08,720
Pra, një gif është vetëm një
format e ndryshme file.

925
00:42:08,720 --> 00:42:12,830
Ne vetëm e përdorur, çfarë, a
png ose jpg ndoshta?

926
00:42:12,830 --> 00:42:14,480
Ne kemi përdorur një jpg.

927
00:42:14,480 --> 00:42:16,780
Nëse ju jeni kurioz, nje tepruar
përgjigjen në pyetjen tuaj

928
00:42:16,780 --> 00:42:19,404
është një jpg përdoret në përgjithësi për
fotografi, sepse ajo mbështet

929
00:42:19,404 --> 00:42:21,500
miliona ngjyra apo 24-bit ngjyra.

930
00:42:21,500 --> 00:42:26,930
A gif përdoret në përgjithësi për, si,
memes internet këto animacione days--,

931
00:42:26,930 --> 00:42:28,810
gifs animuar si.

932
00:42:28,810 --> 00:42:32,320
Por kjo ndodh që të përdorin një ngjyrë më të vogël
paleta, vetëm 256 ngjyra të mundshme,

933
00:42:32,320 --> 00:42:35,230
por ajo mbështet
transparenca dhe animacion.

934
00:42:35,230 --> 00:42:40,330
Dhe pastaj nuk ka png, i cili mbështet
transparencë dhe më shumë ngjyra

935
00:42:40,330 --> 00:42:41,300
por jo animacion.

936
00:42:41,300 --> 00:42:42,133
Pra, kjo është një tregti-off.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Pra, duke shtuar një gif, edhe pse,
do të jetë funksionalisht

939
00:42:46,060 --> 00:42:48,396
ekuivalent me duke shtuar një png apo jpg.

940
00:42:48,396 --> 00:42:49,110
Po.

941
00:42:49,110 --> 00:42:50,550
Burimi Image barabartë.

942
00:42:50,550 --> 00:42:51,590
Pra, diçka tjetër.

943
00:42:51,590 --> 00:42:57,288
Le të dalë me diçka që
kemi dërguar për Victoria për të bërë këtu.

944
00:42:57,288 --> 00:42:59,209
>> AUDIENCA: Shto butonat për një formë.

945
00:42:59,209 --> 00:43:00,000
DAVID J. Malan: OK.

946
00:43:00,000 --> 00:43:02,179
Pra, shtoni butona për një formë.

947
00:43:02,179 --> 00:43:03,470
Dhe ne do të bëjmë atë një së bashku.

948
00:43:03,470 --> 00:43:07,220
Kështu që do të jetë një Segue përsosur
menjëherë pas kësaj sfide.

949
00:43:07,220 --> 00:43:10,357
Ndonje gje tjeter?

950
00:43:10,357 --> 00:43:11,440
Çfarë mund të ju pëlqen të bëni?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Web ndihet shumë underwhelming
nëse kjo është e gjitha që mund të bëjmë.

953
00:43:16,516 --> 00:43:18,140
AUDIENCA: Të ndryshojë ngjyra e tekstit.

954
00:43:18,140 --> 00:43:19,500
DAVID J. Malan: Ndryshoni çfarë?

955
00:43:19,500 --> 00:43:20,666
AUDIENCA: Ngjyra e tekstit.

956
00:43:20,666 --> 00:43:22,311
DAVID J. Malan: Ndryshimi ngjyra e tekstit.

957
00:43:22,311 --> 00:43:22,810
Në rregull.

958
00:43:22,810 --> 00:43:23,790
Pra, le ta bëjmë këtë.

959
00:43:23,790 --> 00:43:27,209
Vetëm një herë në mënyrë jo se ju jeni, vetëm
përmendsh, duke bërë pikërisht atë që unë jam duke bërë,

960
00:43:27,209 --> 00:43:29,500
Unë do të kthehet në muzikë
për ndoshta pesë minuta këtu.

961
00:43:29,500 --> 00:43:30,450
Ju jeni të mirëpritur të përdorin Google.

962
00:43:30,450 --> 00:43:33,130
Ju jeni të mirëpritur të pyesni mua, dhe
Unë do të pëshpëritje një aluzion në vesh.

963
00:43:33,130 --> 00:43:35,171
Ju jeni të mirëpritur për të parë
mbi mbi supet e tjetrit.

964
00:43:35,171 --> 00:43:37,340
Por zgjidh vetëm një nga këto probleme.

965
00:43:37,340 --> 00:43:40,190
Por ne do të bëjmë atë të fundit, të
formon një, në qoftë se ne mund të, së bashku.

966
00:43:40,190 --> 00:43:42,790
Pra, pesë minuta për të zgjidhur
ndonjë nga këto probleme

967
00:43:42,790 --> 00:43:46,780
duke përdorur Google, intuitë, apo ndonjë
mjete të tjera në dispozicion për ju.

968
00:43:46,780 --> 00:43:48,630
>> [MUSIC Duke luajtur]

969
00:43:48,630 --> 00:43:49,130
Në rregull.

970
00:43:49,130 --> 00:43:50,838
Nuk shqetësohet nëse doni
për të mbajtur ngatërresë,

971
00:43:50,838 --> 00:43:53,880
por unë do të prishin një çift
prej këtyre përgjigjeve.

972
00:43:53,880 --> 00:43:57,986
Pra sugjerimin e parë nga
Victoria ishte për të bërë tekstin më të mëdha.

973
00:43:57,986 --> 00:43:59,360
Pra, ka disa mënyra për ta bërë këtë.

974
00:43:59,360 --> 00:44:01,530
Unë kam restauruar aktualisht
ekranin tim të kësaj madhësie,

975
00:44:01,530 --> 00:44:04,310
pse unë kam zoomed në
artificialisht vetëm për të parë gjërat.

976
00:44:04,310 --> 00:44:07,470
Dhe le ta bëjmë këtë.

977
00:44:07,470 --> 00:44:11,380
Më lejoni të shkojnë përpara dhe të kap
disa text generic Latin

978
00:44:11,380 --> 00:44:19,540
vetëm kështu ne kemi diçka për të punuar me të.

979
00:44:19,540 --> 00:44:20,715
Pra, më jepni vetëm një moment.

980
00:44:20,715 --> 00:44:21,840
Unë do të bëjë tre paragrafë.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
NE RREGULL.

983
00:44:53,930 --> 00:44:55,560
Kjo do të jetë një shembull i mirë.

984
00:44:55,560 --> 00:44:57,840
Kështu për kurioz, në
hello.html im, unë vetëm

985
00:44:57,840 --> 00:45:01,645
ngjit tre absurd
paragrafët Latine

986
00:45:01,645 --> 00:45:03,270
vetëm kështu ne kemi një tekst për të punuar me të.

987
00:45:03,270 --> 00:45:06,720
Dhe qëllimi Victoria ishte të
të bëjë një pjesë e tekstit të madhe.

988
00:45:06,720 --> 00:45:09,879
Kështu që unë mund të, si më parë, shkoni këtu.

989
00:45:09,879 --> 00:45:11,170
Dhe më lejoni të bëjë atë rrugën e drejtë.

990
00:45:11,170 --> 00:45:13,253
Unë do të ketë një lidhje
tag që tregon në një skedar

991
00:45:13,253 --> 00:45:20,560
quajtur "styles.css," marrëdhënia
i cili është përsëri "stylesheet".

992
00:45:20,560 --> 00:45:25,221
Dhe atëherë unë jam duke shkuar për të shpëtuar atë
dhe të hapur këtë "styles.css."

993
00:45:25,221 --> 00:45:28,940
>> Pra, si më parë, unë kam
Aftësia në këtë skedar CSS

994
00:45:28,940 --> 00:45:31,569
që në fakt të shkelur default
estetikë e një faqe web,

995
00:45:31,569 --> 00:45:33,860
dhe estetikë parazgjedhur,
natyrisht, janë mjaft të shurdhër.

996
00:45:33,860 --> 00:45:36,943
Kjo është lloj i madhësisë normale font, black
text, sfond të bardhë, dhe kështu me radhë.

997
00:45:36,943 --> 00:45:39,440
Kështu mendoj unë dua të bëj
gjithë këtij teksti më e madhe.

998
00:45:39,440 --> 00:45:40,460
Unë mund të bëjë disa gjëra.

999
00:45:40,460 --> 00:45:43,750
Në dosjen time styles.css, I
mund të them, ju e dini se çfarë,

1000
00:45:43,750 --> 00:45:46,950
zbatohen në vijim për
trupi i faqes sime.

1001
00:45:46,950 --> 00:45:51,390
Shkoni përpara dhe të bëjë
font size 24 pikë,

1002
00:45:51,390 --> 00:45:54,130
i cili është një numër I mund
përdorur në Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Më lejoni të kthehemi në web tim
faqe këtu dhe reload,

1004
00:45:57,620 --> 00:45:59,640
dhe ju mund të shihni se
kjo është tashmë shumë më të mëdha.

1005
00:45:59,640 --> 00:46:02,223
Dhe ne mund të merrni pak i çmendur,
ashtu si ne mund të në një desktop--

1006
00:46:02,223 --> 00:46:03,670
e bëjnë atë 96 pikë.

1007
00:46:03,670 --> 00:46:04,950
Ringarkoj.

1008
00:46:04,950 --> 00:46:07,610
Dhe kjo është marrë pak
ngathët në këtë pikë.

1009
00:46:07,610 --> 00:46:09,500
>> Por unë mund të jetë pak më të saktë.

1010
00:46:09,500 --> 00:46:14,530
Në vend të aplikimit të këtij
stylesheet në trupin e faqen time,

1011
00:46:14,530 --> 00:46:21,740
çfarë tjetër mund të aplikoj atë në vend të kësaj,
çfarë tag të tjera që mund ende

1012
00:46:21,740 --> 00:46:25,445
funksion në të njëjtën mënyrë?

1013
00:46:25,445 --> 00:46:26,444
>> AUDIENCA: The p tag?

1014
00:46:26,444 --> 00:46:27,360
DAVID J. Malan: P tag.

1015
00:46:27,360 --> 00:46:29,350
Pra koka nuk do të jetë
saktë, sepse në kokë,

1016
00:46:29,350 --> 00:46:31,300
ju nuk mund të vërtetë
kontrolluar estetikë e.

1017
00:46:31,300 --> 00:46:32,700
Ka ose teksti atje apo jo.

1018
00:46:32,700 --> 00:46:36,760
Por p tag-- unë mund të zhyten në pak
më të thellë, si të thuash, në paragrafin

1019
00:46:36,760 --> 00:46:37,350
tags.

1020
00:46:37,350 --> 00:46:41,600
Dhe, edhe pse ka tre,
kjo është e përkryer gjobë, për shkak se në CSS,

1021
00:46:41,600 --> 00:46:44,900
kur them vetëm "p", kjo
do të thotë të zbatohen në vijim

1022
00:46:44,900 --> 00:46:48,300
për çdo tag që përputhet kjo
përzgjedhës, përzgjedhës vetëm

1023
00:46:48,300 --> 00:46:49,430
qenë emri i tag.

1024
00:46:49,430 --> 00:46:52,350
Pra, kudo që të shihni një
"P" të aplikojnë madhësinë e shkronjave,

1025
00:46:52,350 --> 00:46:55,222
dhe le të bëjë atë më të
arsyeshme again-- 24 pikë.

1026
00:46:55,222 --> 00:46:56,930
Dhe ju e dini se çfarë,
vetëm për masë të mirë,

1027
00:46:56,930 --> 00:46:59,810
le të bëjë ngjyra
vetëm të kuqe për momentin.

1028
00:46:59,810 --> 00:47:03,740
Dhe tani, në qoftë se unë të rifreskoni, tani ne
parë tre paragrafë të shëmtuara.

1029
00:47:03,740 --> 00:47:07,180
>> Por tani mendoj se unë jam lloj
of-- Dua paragrafin e parë

1030
00:47:07,180 --> 00:47:08,210
të hidhen jashtë në të përdoruesit.

1031
00:47:08,210 --> 00:47:11,150
Unë nuk dua të rritet vetëm
font size për çdo gjë.

1032
00:47:11,150 --> 00:47:16,105
Dhe kështu që unë në fakt dua të identifikuar ose
dalluar në mesin e këtyre paragrafëve.

1033
00:47:16,105 --> 00:47:18,730
Pra, le të heqin qafe e kuqe,
sepse kjo është vetëm lloji i ngjitës,

1034
00:47:18,730 --> 00:47:23,885
dhe le të shkojnë përpara dhe të bëjë
font size 12 pikë nga default,

1035
00:47:23,885 --> 00:47:26,260
kështu që ne jemi kthyer në diçka
pak më e arsyeshme.

1036
00:47:26,260 --> 00:47:29,190
Dhe tani unë vetëm dua për të rritur
font size të paragrafit të parë.

1037
00:47:29,190 --> 00:47:31,440
Unë mund ta bëjë këtë në disa
mënyra, por një mënyrë që është e

1038
00:47:31,440 --> 00:47:37,180
ndoshta më e mësimore në nivel
moment është që të bëjë të mëposhtme.

1039
00:47:37,180 --> 00:47:43,280
Më lejoni të shkojnë përpara dhe të thonë, kjo
paragrafi ka një ID unike të "parë."

1040
00:47:43,280 --> 00:47:45,000
Unë mund ta quajmë këtë gjë unë dua.

1041
00:47:45,000 --> 00:47:46,874
Unë mund ta quajmë këtë "foo"
ose ndonjë fjalë tjetër,

1042
00:47:46,874 --> 00:47:49,290
por unë jam duke shkuar për të dhënë atë disa
Emri semantike kuptimplotë

1043
00:47:49,290 --> 00:47:50,320
si "i pari."

1044
00:47:50,320 --> 00:47:54,790
Kjo është identifikues unik,
ID, për pikën time të parë.

1045
00:47:54,790 --> 00:47:59,360
>> Ajo që unë mund të bëjë në stylesheet tim
është të jetë pak më të saktë.

1046
00:47:59,360 --> 00:48:02,330
Në vend të thënë, zbatohen
në vijim të p tag,

1047
00:48:02,330 --> 00:48:04,890
Unë mund të them following--
zbatohen në vijim,

1048
00:48:04,890 --> 00:48:11,000
ose zgjidhni, elementi HTML
që ka një ID unike të "parë."

1049
00:48:11,000 --> 00:48:12,350
Çfarë dua të zbatohen për të?

1050
00:48:12,350 --> 00:48:15,250
Një font size e 24-pikë.

1051
00:48:15,250 --> 00:48:16,640
Pra, unë kam dy selectors tani.

1052
00:48:16,640 --> 00:48:19,690
Një i bën të gjithë të
paragrafët 12-pikë.

1053
00:48:19,690 --> 00:48:24,960
Por kjo, veçanërisht pasi ajo vjen
second-- është fjala e fundit në file--

1054
00:48:24,960 --> 00:48:27,090
kjo ka një efekt Cascading.

1055
00:48:27,090 --> 00:48:30,200
Unë e kam bërë vetëm të gjithë tim
paragrafi tags 12-pikë,

1056
00:48:30,200 --> 00:48:34,350
por kjo tani kaskadat dhe
refuzon që për çdo elementi

1057
00:48:34,350 --> 00:48:38,800
në faqen e, çdo tag në faqen e të cilit
ID unike është quote mbyll thonjëzat "i pari."

1058
00:48:38,800 --> 00:48:41,720
Dhe hashtag në këtë kontekst
thjesht do të thotë "identifikues unik."

1059
00:48:41,720 --> 00:48:43,750
Unë nuk e vënë atë në skedar HTML.

1060
00:48:43,750 --> 00:48:46,880
Unë, këtu, vetëm të thonë
quote mbyll thonjëzat "i pari."

1061
00:48:46,880 --> 00:48:48,470
>> Pra më lejoni të reload.

1062
00:48:48,470 --> 00:48:49,919
Dhe tani shoh, ah, OK.

1063
00:48:49,919 --> 00:48:51,710
Unë do të thotë, nuk është se
bukur, por kjo është lloj

1064
00:48:51,710 --> 00:48:53,600
e si parathënie të një
libër apo diçka të tillë,

1065
00:48:53,600 --> 00:48:55,100
ku paragrafi i parë është më e madhe.

1066
00:48:55,100 --> 00:48:57,933
Mund të jetë edhe më të saktë me
vetëm shkronjat e para, por të paktën

1067
00:48:57,933 --> 00:48:59,110
Unë e kam ushtruar më shumë kontroll.

1068
00:48:59,110 --> 00:49:04,760
Tani maybe-- ndoshta unë dua të bëj këtë
herë pas here për çfarëdo arsye,

1069
00:49:04,760 --> 00:49:09,010
dhe kështu që unë nuk dua që kjo të
zbatohet për vetëm një tag HTML.

1070
00:49:09,010 --> 00:49:15,110
Përkundrazi, le të say-- le
gjithashtu të bëjë të mëposhtme.

1071
00:49:15,110 --> 00:49:18,810
Class = "import".

1072
00:49:18,810 --> 00:49:23,970
Ndërsa një ID është përdorur për të në mënyrë unike
të identifikuar një gjë, një tag,

1073
00:49:23,970 --> 00:49:30,190
në faqen tuaj të internetit, një klasë është menduar të jetë
përdoret në çdo numër të elementeve apo klikoni:

1074
00:49:30,190 --> 00:49:30,950
në faqen tuaj web.

1075
00:49:30,950 --> 00:49:31,710
Pra, kjo është reusable.

1076
00:49:31,710 --> 00:49:33,090
Një ID nuk është reusable.

1077
00:49:33,090 --> 00:49:34,450
Një klasë është reusable.

1078
00:49:34,450 --> 00:49:37,830
>> Dhe ju e dini se çfarë, për çfarëdo
reasons-- filozofike

1079
00:49:37,830 --> 00:49:40,180
Unë nuk ka përfunduar mia
thought-- Unë jam duke shkuar për të thënë

1080
00:49:40,180 --> 00:49:44,300
se paragrafi i parë dhe
paragrafi i dytë janë të rëndësishme.

1081
00:49:44,300 --> 00:49:48,600
Kështu që unë jam duke shkuar për të aplikuar klasën e quajtur
"E rëndësishme", që, në qoftë se unë të shpëtuar dosjen time

1082
00:49:48,600 --> 00:49:51,510
dhe ringarkoni, nuk ka
Ndikimi funksionale ende.

1083
00:49:51,510 --> 00:49:53,780
Por unë kam shtuar disa
metadata të dosjes,

1084
00:49:53,780 --> 00:49:56,610
lloj diçka të veçantë
nga të dhënat kryesore të dosjes,

1085
00:49:56,610 --> 00:50:02,300
kështu që tani në stylesheet time, në qoftë se unë
në vend thonë ".important" - ju e dini,

1086
00:50:02,300 --> 00:50:07,110
çdo gjë që është e rëndësishme, unë jam
do të bëjë font-ngjyra, red--

1087
00:50:07,110 --> 00:50:09,930
ose më mirë të mos font-ngjyra, vetëm ngjyra.

1088
00:50:09,930 --> 00:50:12,930
Ka mospërputhje
në CSS për fat të keq.

1089
00:50:12,930 --> 00:50:14,120
Dhe reload.

1090
00:50:14,120 --> 00:50:17,640
Tani vini re i pari
dy paragrafë janë të kuqe

1091
00:50:17,640 --> 00:50:20,880
por jo i treti, sepse unë vetëm
aplikuar klasën e "rëndësishme"

1092
00:50:20,880 --> 00:50:25,020
me dy të parët e këtyre gjërave.

1093
00:50:25,020 --> 00:50:28,030
>> Pra, në kartat e identitetit, ju keni mundësinë për
për të specifikuar shumë të saktë.

1094
00:50:28,030 --> 00:50:30,110
Me klasat, ju keni Ripërdorimi.

1095
00:50:30,110 --> 00:50:33,800
Por në të dyja rastet, vini re
lloj i parimit të mirë-design

1096
00:50:33,800 --> 00:50:39,072
ku unë faktorë nga të gjitha të
estetikë në dosjen time styles.css.

1097
00:50:39,072 --> 00:50:40,280
Kështu që nuk ka Çrregullimi këtu.

1098
00:50:40,280 --> 00:50:44,490
Nuk ka asnjë përmendje të kuqe ose
bold-ballafaqohet ose madhësia e shkronjave në këtë fotografi.

1099
00:50:44,490 --> 00:50:49,430
Përkundrazi kam semantike,
kuptimplotë karakterizohet dhënat e mia si,

1100
00:50:49,430 --> 00:50:51,240
këtu është disa të dhëna të rëndësishme.

1101
00:50:51,240 --> 00:50:52,800
Ja disa të dhëna më të rëndësishme.

1102
00:50:52,800 --> 00:50:56,500
Për më tepër, këtu është
"Parë" të dhënat e mia të rëndësishme.

1103
00:50:56,500 --> 00:51:01,050
Pra HTML është mbi të gjitha lloj
i tagging, fjalë për fjalë, fjalë

1104
00:51:01,050 --> 00:51:05,270
dhe paragrafët dhe ndërton në tuaj
faqe me këto lë të kuptohet pak, në qoftë se ju

1105
00:51:05,270 --> 00:51:07,640
do të, që të mund të
disi levave përdorur

1106
00:51:07,640 --> 00:51:10,880
teknika të tjera të tilla si CSS në këtë mënyrë.

1107
00:51:10,880 --> 00:51:14,760
>> Pra, në përgjigje të pyetjes Victoria-s,
ne mund të bëjë tekstin më të mëdha në këtë mënyrë.

1108
00:51:14,760 --> 00:51:18,380
Ka kaq shumë mënyra të tjera, por
font tag-- kllapa e hapur "font" -

1109
00:51:18,380 --> 00:51:19,770
është në fakt disa vjet të vjetra.

1110
00:51:19,770 --> 00:51:21,410
Dhe ky është problemi,
gjithashtu, me të duke u mbështetur vetëm

1111
00:51:21,410 --> 00:51:23,485
në resources-- internet
ata kanë tendencë të jetë e vjetëruar.

1112
00:51:23,485 --> 00:51:26,110
Dhe me të vërtetë, që i është deprecated,
sepse bota e kuptoi,

1113
00:51:26,110 --> 00:51:28,970
çfarë bën "font-size = 7" do të thotë?

1114
00:51:28,970 --> 00:51:29,670
Ajo nuk ka.

1115
00:51:29,670 --> 00:51:32,770
Dhe kështu për shumë vite dhe për të
ky day-- një nga ana

1116
00:51:32,770 --> 00:51:36,060
vë në dukje këtu është se ajo është në fakt
tepër të dhimbshme ende ndonjëherë

1117
00:51:36,060 --> 00:51:38,900
për zhvillimin e vendeve për
web, për shkak se Microsoft

1118
00:51:38,900 --> 00:51:44,220
dhe Google dhe Mozilla dhe
të tjerë shpesh nuk bien dakord për mënyrën se si

1119
00:51:44,220 --> 00:51:47,480
për të interpretuar një specifikim si HTML.

1120
00:51:47,480 --> 00:51:52,490
>> Ka një Rregullore për HTML që
në përgjithësi thotë se çfarë do të thotë çdo tag.

1121
00:51:52,490 --> 00:51:55,690
Por ndonjëherë ka mbetur me
diskrecioni zbatimi së,

1122
00:51:55,690 --> 00:51:57,290
diskrecioni Microsoft dhe Google.

1123
00:51:57,290 --> 00:52:00,000
Dhe kështu që ju do shumë shpesh
parë në një diçka të internetit

1124
00:52:00,000 --> 00:52:04,954
duket ndryshe në një PC
se ajo ka në një Mac,

1125
00:52:04,954 --> 00:52:06,995
dhe kjo është me të vërtetë, sepse,
në fund të ditës,

1126
00:52:06,995 --> 00:52:08,891
ata nuk e provuar atë
dhe në të dyja platformat.

1127
00:52:08,891 --> 00:52:11,390
Por është edhe për shkak të arsyeshëm,
njerëzit e zgjuar do të pajtohen

1128
00:52:11,390 --> 00:52:14,970
dhe kompanitë do të pajtohen, dhe kështu
një nga sfidat e programimit

1129
00:52:14,970 --> 00:52:16,980
për web ose projektim
gjëra për web

1130
00:52:16,980 --> 00:52:21,700
është shkruar faqen tuaj në një mënyrë të
që punon në çdo shfletues.

1131
00:52:21,700 --> 00:52:23,410
Por edhe kjo është e paarsyeshme, e drejtë?

1132
00:52:23,410 --> 00:52:27,807
Ka kaq shumë versione të kaq shumë
shfletues atje se jashtë, në një pikë,

1133
00:52:27,807 --> 00:52:30,890
edhe ju keni për të bërë një telefonatë gjykim
dhe ju duhet të vendosë se si një kompani,

1134
00:52:30,890 --> 00:52:33,082
sidomos për e-commerce-style
faqet ku ju jeni

1135
00:52:33,082 --> 00:52:36,290
duke u përpjekur për të përdorur të fundit dhe më të mëdha
teknologjive për të dhënë një përdorues të vërtetë të mirë

1136
00:52:36,290 --> 00:52:37,110
Përvoja.

1137
00:52:37,110 --> 00:52:41,019
Por disa përqindja e përdoruesve tuaj fuqisë
të jetë ende duke përdorur Internet Explorer 6 ose 7

1138
00:52:41,019 --> 00:52:43,810
ose 8, në veçanti në varësi të
vend që ata janë të ardhur nga.

1139
00:52:43,810 --> 00:52:46,760
>> Dhe kështu shumë shpesh
konsultoi është diçka

1140
00:52:46,760 --> 00:52:50,920
si "Statistikat e shfletuesit web."

1141
00:52:50,920 --> 00:52:56,560
Dhe në qoftë se ne do të shkojmë to-- le të shohim Wikipedia
dhe shikoni se si up-to-date kjo tabelë është

1142
00:52:56,560 --> 00:52:59,320
nëse ka një të tillë.

1143
00:52:59,320 --> 00:53:02,420
Kështu që këtu ju mund të shihni
ku shfletues në të vërtetë

1144
00:53:02,420 --> 00:53:06,160
janë, sipas dhjetor 2015,
në bazë të Qeverisë së SHBA.

1145
00:53:06,160 --> 00:53:11,170
Chrome është në 42% të tregut, e ndjekur
nga IE kryesisht në mjedise të korporatave

1146
00:53:11,170 --> 00:53:14,490
ose settings PC, natyrisht,
ndjekur nga Firefox,

1147
00:53:14,490 --> 00:53:17,440
pastaj Safari, atëherë Opera nuk ka
të bëjë hartën këtu për disa arsye,

1148
00:53:17,440 --> 00:53:18,210
dhe pastaj të tjerët.

1149
00:53:18,210 --> 00:53:19,500
Ndoshta kjo është në bazë të tjerët.

1150
00:53:19,500 --> 00:53:27,700
Por më problematike se kaq is--
le të shohim nëse Wikipedia gjithashtu ka

1151
00:53:27,700 --> 00:53:35,194
versionet e shfletuesit version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Le të shkojnë në statistikat e shfletuesit.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Edhe kjo nuk është e mjaftueshme.

1156
00:53:42,030 --> 00:53:44,854
Statistikat e shfletuesit.

1157
00:53:44,854 --> 00:53:45,353
versioni im.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Kjo nuk do të jetë e drejtë.

1160
00:53:50,540 --> 00:53:53,414
Le të shohim versione.

1161
00:53:53,414 --> 00:53:54,830
pjesa e tregut Browser.

1162
00:53:54,830 --> 00:53:57,110
Le të shohim nëse vjen deri.

1163
00:53:57,110 --> 00:53:57,610
NE RREGULL.

1164
00:53:57,610 --> 00:54:00,010
Tani kjo po bëhet
pak më e dobishme.

1165
00:54:00,010 --> 00:54:04,870
Kështu që këtu, vini re se ne kemi të gjithë
versione të ndryshme të shfletuesit.

1166
00:54:04,870 --> 00:54:09,887
Dhe, Perëndia im, në qoftë se ju look-- Chrome
48, Chrome 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Unë do të thotë, shfletues përditësuar gjithnjë,
dhe nganjëherë disa nga këto ndryshime

1168
00:54:12,970 --> 00:54:16,430
janë të rëndësishme në
kushtet e funksionalitetit.

1169
00:54:16,430 --> 00:54:20,630
Dhe kështu në një pikë,
menaxherët e produktit apo inxhinierët

1170
00:54:20,630 --> 00:54:23,620
nevojë për të bërë një decision-- ju
e di se çfarë, vetëm 1% të botës

1171
00:54:23,620 --> 00:54:24,740
është ende duke përdorur IE 7.

1172
00:54:24,740 --> 00:54:25,490
Në ferr me ta.

1173
00:54:25,490 --> 00:54:27,470
Ne jemi vetëm nuk do të
mbështetur këtë shfletues.

1174
00:54:27,470 --> 00:54:28,740
Dhe çfarë do të thotë të mos për të mbështetur?

1175
00:54:28,740 --> 00:54:31,170
Kjo mund të thotë se buttons
nuk punojnë në faqen tuaj të internetit,

1176
00:54:31,170 --> 00:54:33,050
ose ajo mund të thotë
formatimit është plotësisht jashtë.

1177
00:54:33,050 --> 00:54:35,091
Ose ju mund të keni për të bërë
që të njëjtën çështje gjykimi

1178
00:54:35,091 --> 00:54:39,089
në celular këto ditë, ku, ne jemi
nuk do të mbështesë IOS 5 më.

1179
00:54:39,089 --> 00:54:40,380
Pra, njerëzit vetëm duhet për të përmirësuar.

1180
00:54:40,380 --> 00:54:45,850
Apo ne nuk jemi duke shkuar për të mbështetur Cupcake
në Android OS për pajisje Android,

1181
00:54:45,850 --> 00:54:48,629
sepse si world-- si
Bota tech do të shkojë përpara,

1182
00:54:48,629 --> 00:54:51,170
ai lloj i dëshiron të terhiq
bota me të në mënyrë që ata nuk e bëjnë

1183
00:54:51,170 --> 00:54:53,295
duhet të vazhdojë të jetë
prapa në përputhje në mënyrë që ata

1184
00:54:53,295 --> 00:54:54,920
mund të ofrojë karakteristika të reja dhe të mira.

1185
00:54:54,920 --> 00:54:57,878
Kjo është me të vërtetë një nga arsyet
pse kaq shumë kompani janë të lëkundet nga

1186
00:54:57,878 --> 00:55:01,440
përditësimet automatike dhe lloj i detyruar
versionet e fundit të programeve në ne.

1187
00:55:01,440 --> 00:55:04,010
Dhe madje edhe kompanitë
si Apple do lloj i

1188
00:55:04,010 --> 00:55:07,280
të detyruar që pothuajse ose të detyrojë
ju në drejtim të forcave të tregut

1189
00:55:07,280 --> 00:55:11,164
për të blerë një telefon të ri, sepse ata vetëm
nuk do të të rinovuar telefonin tuaj të vjetër më.

1190
00:55:11,164 --> 00:55:13,330
Kështu që ju humbas në anën
fundit dhe karakteristika më të mëdha,

1191
00:55:13,330 --> 00:55:17,520
sepse kjo është e kushtueshme për ta si një
Kompania për të ruajtur më të vjetër, ndoshta

1192
00:55:17,520 --> 00:55:19,330
versionet inferiore e softuerit.

1193
00:55:19,330 --> 00:55:23,660
Por efekti neto është se
ne gjithashtu vuajnë këtë gjithashtu.

1194
00:55:23,660 --> 00:55:26,550
>> Pra, le të marrin një vështrim në vetëm
disa gjëra përfundimtare këtu.

1195
00:55:26,550 --> 00:55:29,740
Le të trokas off reale të shpejtë disa nga
ato plumba të tjerë, nëse kurioz.

1196
00:55:29,740 --> 00:55:33,440
Pra, nëse ju ishin duke u përpjekur për të,
për shembull, pozicion

1197
00:55:33,440 --> 00:55:36,420
teksti në anë të ndryshme të të
faqe, unë jam duke shkuar për të bërë një mënyrë të shpejtë,

1198
00:55:36,420 --> 00:55:38,360
por ka të ndryshme
mënyra për ta bërë këtë.

1199
00:55:38,360 --> 00:55:42,610
Më lejoni të shkojnë përpara dhe të eliminate--
lehtësuar këtë si më poshtë.

1200
00:55:42,610 --> 00:55:45,330
Më lejoni të kthehemi në my
të thjeshta, paragrafët thjeshtë.

1201
00:55:45,330 --> 00:55:47,760
Më lejoni të kthehemi në styles.css tim.

1202
00:55:47,760 --> 00:55:51,040
Dhe unë jam vetëm duke shkuar për të përdorur simple--
të cilat ju mund të keni parë në Google

1203
00:55:51,040 --> 00:55:54,430
ose kujtojnë nga earlier--
text-align drejtë.

1204
00:55:54,430 --> 00:55:56,220
Dhe rifreskoni këtë faqe.

1205
00:55:56,220 --> 00:55:58,470
Tani çdo gjë duket
të jetë e drejtë-linjë,

1206
00:55:58,470 --> 00:56:00,770
si ju mund të shihni në lart ketu.

1207
00:56:00,770 --> 00:56:04,470
>> Ne mund të bëjë atë të duket pak më shumë
libër-si, dhe ne mund të themi "justifikuar"

1208
00:56:04,470 --> 00:56:05,640
dhe reload.

1209
00:56:05,640 --> 00:56:09,870
Tani është e mirë dhe katrore në të dy
anët, e cila është lloj i bukur.

1210
00:56:09,870 --> 00:56:12,220
Një qëllim tjetër që kemi pasur këtu
ishte ndryshimi ngjyra e tekstit.

1211
00:56:12,220 --> 00:56:13,650
Pra, ne pamë se me tekstin tim të kuqe.

1212
00:56:13,650 --> 00:56:15,630
Dhe tani shtoni butona për një formë.

1213
00:56:15,630 --> 00:56:19,390
Pra, pse nuk ne përpiqemi për të bërë pikërisht këtë?

1214
00:56:19,390 --> 00:56:23,656
Por së pari më lejoni të shkoj në një vend që
shumica prej nesh përdorin çdo day-- Google.

1215
00:56:23,656 --> 00:56:25,780
Dhe le të marrin një vështrim në
se si Google në fakt funksionon.

1216
00:56:25,780 --> 00:56:26,821
Por unë jam duke shkuar për të bërë këtë.

1217
00:56:26,821 --> 00:56:31,930
Së pari më lejoni të bëjë atë in-- yep,
më lejoni të shkoj në Google për herë të parë.

1218
00:56:31,930 --> 00:56:34,530
Unë do të duhet të shkojnë
në Google Settings,

1219
00:56:34,530 --> 00:56:40,660
sepse unë dua të çaktivizoni
diçka që quhet rezultate të menjëhershme.

1220
00:56:40,660 --> 00:56:43,580
>> Kështu që ju mund të keni vënë re në
Google këto days-- më lejoni të kthehem

1221
00:56:43,580 --> 00:56:44,850
dhe të kthehet kjo në.

1222
00:56:44,850 --> 00:56:47,900
Pra, nëse unë të fillojë në kërkim
për "macet" si kjo,

1223
00:56:47,900 --> 00:56:50,120
vini re se jo vetëm që
I merrni auto-plotë up

1224
00:56:50,120 --> 00:56:54,520
lartë, të gjithë një e papritur, faqja në vetvete
duket të ndryshojë shumë shpejt, si dhe,

1225
00:56:54,520 --> 00:56:58,750
dhe kjo është Google duke përdorur një gjuhë
quajtur JavaScript duke u përpjekur të jenë të dobishëm.

1226
00:56:58,750 --> 00:57:01,540
Por për fat të keq, kjo lloj
e messes up diskutimin tonë

1227
00:57:01,540 --> 00:57:04,010
të asaj që po ndodh në të vërtetë
nën kapuç këtu.

1228
00:57:04,010 --> 00:57:09,070
Kështu që unë jam vetëm lloji i shpejt
fikur rezultate të menjëhershme.

1229
00:57:09,070 --> 00:57:11,510
Dhe unë jam duke shkuar për të klikoni Ruaj.

1230
00:57:11,510 --> 00:57:13,930
Dhe tani unë jam duke shkuar për të hapur
se diagnostike toolbar që unë

1231
00:57:13,930 --> 00:57:16,150
mbani hapjen nën skedën e rrjetit.

1232
00:57:16,150 --> 00:57:17,720
Pra, le ta bëjmë këtë.

1233
00:57:17,720 --> 00:57:21,960
Le me-- whoops--
lëviz kjo poshtë pak.

1234
00:57:21,960 --> 00:57:24,410
Dhe më lejoni të kërkoni për "macet".

1235
00:57:24,410 --> 00:57:26,790
>> Dhe tani notice-- fakt,
kjo është një mundësi e mirë

1236
00:57:26,790 --> 00:57:28,840
për të diskutuar për një moment.

1237
00:57:28,840 --> 00:57:32,460
Njoftim moment I type-- ndaluar atë.

1238
00:57:32,460 --> 00:57:35,250
Ndaluar atë.

1239
00:57:35,250 --> 00:57:35,790
NE RREGULL.

1240
00:57:35,790 --> 00:57:40,870
Njoftim momentin unë lloji letër
C, të shikojnë pjesën e poshtme të ekranit.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. Çfarë pjesën e poshtme
e këtë ekran, tab im Network,

1242
00:57:48,600 --> 00:57:53,320
sugjerojnë që po ndodh çdo
herë që unë të shkruani një letër?

1243
00:57:53,320 --> 00:57:57,700
Për fat të keq, bretkocë është shumë e
sot shkëputur ose tërfil

1244
00:57:57,700 --> 00:58:00,339
apo çfarëdo që ai është.

1245
00:58:00,339 --> 00:58:01,880
Ajo që po ndodhte çdo herë kam shtypur?

1246
00:58:01,880 --> 00:58:04,230
Dhe më lejoni të pastruar
tampon dhe shkruani atë përsëri.

1247
00:58:04,230 --> 00:58:06,580
uh So--.

1248
00:58:06,580 --> 00:58:13,280
Çdo herë që unë të shkruani një letër, C- A- T--
kështu që një rresht të ri padyshim mban shfaqen.

1249
00:58:13,280 --> 00:58:16,530
Çfarë do të paraqesin secila prej këtyre rreshtave,
bazuar në atë që kemi parë dhe diskutuar

1250
00:58:16,530 --> 00:58:17,339
deri tani?

1251
00:58:17,339 --> 00:58:18,130
AUDIENCA: Një kërkim?

1252
00:58:18,130 --> 00:58:21,770
DAVID J. Malan: Një kërkim, ose
më shumë generically, një kërkesë HTTP

1253
00:58:21,770 --> 00:58:23,125
nga shfletuesin tim në server.

1254
00:58:23,125 --> 00:58:29,090
E pra, pse është shfletuesi im duke bërë një HTTP
kërkojnë çdo herë që unë të shkruani një letër?

1255
00:58:29,090 --> 00:58:30,502
>> AUDIENCA: [padëgjueshme]

1256
00:58:30,502 --> 00:58:33,210
DAVID J. Malan: Yeah, kjo është duke i dhënë
me këto rezultate të auto-plotë.

1257
00:58:33,210 --> 00:58:35,190
Si, ku bëjnë këto
rezultatet e kërkimit vijnë nga?

1258
00:58:35,190 --> 00:58:38,120
E pra, çdo herë që unë lloji një
letër, Google dërgon më shumë

1259
00:58:38,120 --> 00:58:40,460
dhe gjithnjë e më shumë
fjala Unë jam i shtypur.

1260
00:58:40,460 --> 00:58:41,040
Pse?

1261
00:58:41,040 --> 00:58:44,540
Sepse ata duan të më jepni një
më të mirë dhe më të mirë, sugjerim më të mirë,

1262
00:58:44,540 --> 00:58:48,880
një listë e sugjerimeve, për atë fjalë
Unë jam duke u përpjekur për të vërtetë të plotë.

1263
00:58:48,880 --> 00:58:53,030
Pra, kjo do të thotë fjalë për fjalë çdo
Karakteri ju shkruani në Google

1264
00:58:53,030 --> 00:58:56,900
është dërguar, në fund të fundit në
pjesa më e madhe, por edhe nganjëherë një

1265
00:58:56,900 --> 00:59:00,620
në një kohë në mënyrë që të zbatohet
këto karakteristika auto-plotë kur

1266
00:59:00,620 --> 00:59:03,000
të dhënave është, natyrisht, në web.

1267
00:59:03,000 --> 00:59:08,780
>> Tani, le të marrin një vështrim në atë që në fakt
ndodh kur unë klikoni Google Search.

1268
00:59:08,780 --> 00:59:10,420
Dhe pastaj ne do të levave këtë veten.

1269
00:59:10,420 --> 00:59:15,320
Pra, nëse unë lëvizni poshtë tani për shumë
Kërkesa e parë që ka ndodhur vetëm.

1270
00:59:15,320 --> 00:59:17,130
Vini re në vijim.

1271
00:59:17,130 --> 00:59:25,550
Ajo u dërgua në një mënyrë të drejtë të gjatë URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
dhe pastaj një bandë e tërë e gjëra.

1273
00:59:27,100 --> 00:59:29,620
Le të shohim këtë të vërtetë tani
në vetë tab të shfletuesit.

1274
00:59:29,620 --> 00:59:31,310
Le të heqin qafe e toolbar këtu.

1275
00:59:31,310 --> 00:59:33,140
Ja faqja e rezultateve të kërkimit.

1276
00:59:33,140 --> 00:59:34,790
Dhe vini re këtu është URL.

1277
00:59:34,790 --> 00:59:37,430
Tani, ju mund ndoshta me mend
çfarë po ndodh këtu në pjesë.

1278
00:59:37,430 --> 00:59:39,090
Pra, para së gjithash, një përkufizim.

1279
00:59:39,090 --> 00:59:42,570
Kjo me sa duket është destinacioni
ku paraqitet forma.

1280
00:59:42,570 --> 00:59:44,910
Kështu që kur unë shtypur në
fjalët "macet" dhe hit Enter,

1281
00:59:44,910 --> 00:59:48,460
me sa duket Google ka dërguar
input text për këtë URL e mia

1282
00:59:48,460 --> 00:59:50,770
që unë e kam theksuar
atje, çaj kërkim.

1283
00:59:50,770 --> 00:59:56,530
Rezulton se, në një URL, çdo gjë që
ndodh pas një pikëpyetje është,

1284
00:59:56,530 --> 01:00:01,270
si do të vazhdojmë duke thënë: një palë me vlerë kryesore
që ishte shtypur në formë apo në një farë mënyre

1285
01:00:01,270 --> 01:00:04,500
transmetuar nga
shfletues në server.

1286
01:00:04,500 --> 01:00:07,180
>> Pra, çdo herë që ju shkruani të dhëna
në një formë në web

1287
01:00:07,180 --> 01:00:10,000
dhe është dërguar si ne kemi
diskutuar, nëpërmjet një marrë,

1288
01:00:10,000 --> 01:00:12,400
një nga këto virtual
zarf, përmbajtja

1289
01:00:12,400 --> 01:00:15,510
e që envelope-- po, të mbajtur
duke u mbushur fizikisht

1290
01:00:15,510 --> 01:00:19,010
në zarf në klasë
sot, por teknologjikisht

1291
01:00:19,010 --> 01:00:21,110
ajo është vënë në të vërtetë në URL.

1292
01:00:21,110 --> 01:00:22,940
Pra, në fakt, më lejoni të analizoj me këtë.

1293
01:00:22,940 --> 01:00:25,010
Ku e shihni të dhëna përdoruesi?

1294
01:00:25,010 --> 01:00:27,490
Ku e shihni diçka
që unë shtypur deri këtu?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Po, kështu që "macet".

1297
01:00:33,491 --> 01:00:33,990
Apo jo?

1298
01:00:33,990 --> 01:00:36,380
Pra më lejoni të gjej këtë
në diçka të thjeshtë.

1299
01:00:36,380 --> 01:00:39,917
Unë jam duke shkuar për të fshirë çdo gjë në lidhje me
këtë URL që unë nuk e kuptoj,

1300
01:00:39,917 --> 01:00:42,250
dhe unë jam vetëm duke shkuar për të lënë
atë si this-- / kërko? q = macet.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Ne do të shohim ku q
vjen nga një moment,

1303
01:00:47,890 --> 01:00:51,220
por ndjehet si minimum
Sasia e informacionit që kam dhënë.

1304
01:00:51,220 --> 01:00:53,050
Dhe tani unë jam duke shkuar për të goditur Enter.

1305
01:00:53,050 --> 01:00:55,520
Dhe vini re ai ende punon.

1306
01:00:55,520 --> 01:00:57,950
Ne ende të marrë përsëri një bandë e tërë e macet.

1307
01:00:57,950 --> 01:01:00,340
Pra, Google është njohës
se ky këto ditë.

1308
01:01:00,340 --> 01:01:01,934
Është e 2016 jo 1999.

1309
01:01:01,934 --> 01:01:04,600
Pra, ka gjëra të tjera që my
shfletuesi është dërguar në server.

1310
01:01:04,600 --> 01:01:07,100
Por kjo është minimalisht
të gjitha që është e nevojshme.

1311
01:01:07,100 --> 01:01:08,380
>> Pra, çfarë po ndodh?

1312
01:01:08,380 --> 01:01:14,320
E pra, së pari më lejoni të shkoj përpara dhe të shkojnë
përsëri në Cloud9 dhe më lejoni të shkoj përpara

1313
01:01:14,320 --> 01:01:15,620
dhe mbyll skedat e mia më herët.

1314
01:01:15,620 --> 01:01:18,230
Dhe unë do të bëj këtë në tim
vet vetëm për një moment.

1315
01:01:18,230 --> 01:01:20,730
Unë jam duke shkuar për të shkuar përpara
dhe për të krijuar fotografi të re.

1316
01:01:20,730 --> 01:01:23,739
Dhe unë jam duke shkuar për të shpëtuar atë si google.html.

1317
01:01:23,739 --> 01:01:26,280
Dhe unë jam duke shkuar për shumë quickly--
Unë jam duke shkuar për të vjedhur, në të vërtetë,

1318
01:01:26,280 --> 01:01:28,510
disa prej këtij teksti vetëm për të kursyer kohë.

1319
01:01:28,510 --> 01:01:30,610
Unë jam duke shkuar për të ngjitur këtë në këtu.

1320
01:01:30,610 --> 01:01:33,850
Unë nuk jam duke shkuar për të shqetësojë me të
çdo stilizim këtë herë.

1321
01:01:33,850 --> 01:01:38,340
Ne jemi duke shkuar për të thirrur këtë "Google mia."

1322
01:01:38,340 --> 01:01:41,230
Dhe unë jam duke shkuar për të hequr qafe
i çdo gjëje në trup.

1323
01:01:41,230 --> 01:01:42,740
Dhe unë jam duke shkuar për të bërë në vijim.

1324
01:01:42,740 --> 01:01:45,690
Më lejoni të zmadhuar.

1325
01:01:45,690 --> 01:01:50,620
Forma action-- dhe siç e përmenda shkurtimisht
earlier-- whoops-- si unë shkurtimisht

1326
01:01:50,620 --> 01:01:54,130
u përmend më parë, veprimi i një
Forma është ajo ku ju të dërgoni të dhënat për të.

1327
01:01:54,130 --> 01:01:56,620
Pra google.com/search.

1328
01:01:56,620 --> 01:01:59,390
Dhe metoda unë dua të përdorni
mund të jetë një nga dy gjëra.

1329
01:01:59,390 --> 01:02:02,870
Ajo ose mund të "marrë", siç do të vazhdojmë
diskutuar, ose ajo mund të jetë "post".

1330
01:02:02,870 --> 01:02:05,340
Tani për tani, themelore
Dallimi është, në qoftë se ju përdorni "të"

1331
01:02:05,340 --> 01:02:09,590
të gjithë informacionin që
Përdorues ofron merr dërguar në URL.

1332
01:02:09,590 --> 01:02:13,530
>> Kjo është e madhe për gjëra të tilla si kërkim
motorëve dhe disa aplikacione të tjera,

1333
01:02:13,530 --> 01:02:17,080
por në çfarë rrethanash do të
ju nuk dëshironi të plotësoni një formular

1334
01:02:17,080 --> 01:02:21,620
dhe kanë informacioni përfundojnë deri
URL, si në shiritin e adresës shfletuesit tuaj?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Çfarë lloj i formave të bëni ju, duke filluar

1337
01:02:26,605 --> 01:02:27,480
AUDIENCA: [padëgjueshme]

1338
01:02:27,480 --> 01:02:28,450
DAVID J. Malan: Yeah, si çfarë?

1339
01:02:28,450 --> 01:02:29,270
AUDIENCA: Fjalëkalimet.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. Malan: Yeah, kështu që ju të hyni
në Facebook apo ndonjë website.

1341
01:02:31,936 --> 01:02:34,395
Kjo është e dhëna përdoruesi nga
një formë, një kuti teksti,

1342
01:02:34,395 --> 01:02:37,020
por ju ndoshta nuk e duan atë
treguar në URL të shfletuesit.

1343
01:02:37,020 --> 01:02:38,121
Pse?

1344
01:02:38,121 --> 01:02:40,870
Unë do të thotë, ndoshta ka disa
Implikimet e sigurisë në rrjet,

1345
01:02:40,870 --> 01:02:44,830
por more-- pëlqen, më thjesht, çfarë nëse
shokun tuaj, tjera tuaj të rëndësishme,

1346
01:02:44,830 --> 01:02:47,710
fëmijët tuaj, bashkëshorti juaj duket
me historinë e shfletuesit tuaj?

1347
01:02:47,710 --> 01:02:50,762
Nuk është e drejta juaj fjalëkalimin
ka në historinë e shfletuesit tuaj.

1348
01:02:50,762 --> 01:02:52,220
Kjo nuk do të ndjehen si dizajn të mirë.

1349
01:02:52,220 --> 01:02:54,500
Apo edhe më shumë teknikisht,
mendoj që ju jeni duke u përpjekur

1350
01:02:54,500 --> 01:02:59,180
të ngarkoj një foto në Flickr
ose Facebook ose wherever--

1351
01:02:59,180 --> 01:03:03,010
që është e dhëna përdoruesi, edhe pse
kjo është pak më shumë se sa interesting--

1352
01:03:03,010 --> 01:03:05,530
mund të mbushur një imazh në URL bar?

1353
01:03:05,530 --> 01:03:06,730
Ju lloj lloj nuk mund të.

1354
01:03:06,730 --> 01:03:07,396
Ju mund të lloj.

1355
01:03:07,396 --> 01:03:10,210
Por, me të vërtetë, unë jam i vështirë-presion
të imagjinohet bëjnë këtë.

1356
01:03:10,210 --> 01:03:13,470
Kështu që kam nevojë për një metodë për
ngarkimi fotot në një faqe interneti,

1357
01:03:13,470 --> 01:03:15,657
dhe kjo metodë tjetër është quajtur "post".

1358
01:03:15,657 --> 01:03:18,740
Por tani për tani, ne do të flasim vetëm për
"Të marrë", që është e thjeshtë të dy.

1359
01:03:18,740 --> 01:03:21,100
Ajo vetëm vë të gjithë
input përdorues në URL.

1360
01:03:21,100 --> 01:03:22,830
>> Kështu që këtu është forma unë jam duke krijuar.

1361
01:03:22,830 --> 01:03:24,070
Dua një kontribut.

1362
01:03:24,070 --> 01:03:24,820
Dhe ju e dini se çfarë?

1363
01:03:24,820 --> 01:03:26,111
Unë jam duke shkuar për të marrë me mend ketu.

1364
01:03:26,111 --> 01:03:31,600
Unë do të kujtoj tim
input "q" për "pyetje".

1365
01:03:31,600 --> 01:03:34,970
Dhe unë mendoj se kjo është një nga
harton origjinale, ndoshta, nga viti 1999.

1366
01:03:34,970 --> 01:03:39,560
Dhe pastaj lloji i këtij input
është vetëm do të jetë "text."

1367
01:03:39,560 --> 01:03:43,040
Dhe atëherë unë jam duke shkuar për të ketë një tjetër kontribut
që nuk ka nevojë për një emër, si ne do të shpejt

1368
01:03:43,040 --> 01:03:45,120
parë, lloji i të cilit është "submit".

1369
01:03:45,120 --> 01:03:47,070
Dhe kjo do të
më jepni një buton të veçantë.

1370
01:03:47,070 --> 01:03:48,320
Dhe kjo eshte.

1371
01:03:48,320 --> 01:03:50,790
>> Pra më lejoni të shkoj përpara dhe për të shpëtuar këtë fotografi.

1372
01:03:50,790 --> 01:03:54,910
Unë do të kthehem në my
shfletues dhe të shkojnë në google.html.

1373
01:03:54,910 --> 01:03:56,140
Enter.

1374
01:03:56,140 --> 01:03:59,680
Dhe kjo është lloj i rrallë
për të thënë aspak.

1375
01:03:59,680 --> 01:04:03,110
Por më lejoni të shkoj përpara
dhe kërko për "macet".

1376
01:04:03,110 --> 01:04:06,510
Dhe vini re unë jam duke
në këtë URL Cloud9.

1377
01:04:06,510 --> 01:04:09,240
Por në momentin që unë klikoni këtë,
ku do të shpresoj se do të përfundojë?

1378
01:04:09,240 --> 01:04:10,160
>> AUDIENCA: Google.

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. Malan: Google.

1380
01:04:11,118 --> 01:04:12,740
Pra, le të klikoni Submit.

1381
01:04:12,740 --> 01:04:15,200
Dhe me të vërtetë unë e kam ri-zbatuar Google.

1382
01:04:15,200 --> 01:04:15,700
Apo jo?

1383
01:04:15,700 --> 01:04:16,480
Është e thjeshtë.

1384
01:04:16,480 --> 01:04:17,120
Është e lehtë.

1385
01:04:17,120 --> 01:04:20,350
Unë do të thotë, kodi im është qartësisht më i mirë se
tyre, nga rrëmujë kemi parë më parë.

1386
01:04:20,350 --> 01:04:21,100
Dhe ju e dini se çfarë?

1387
01:04:21,100 --> 01:04:22,610
Unë jam duke shkuar për të nuancë këtë deri pak.

1388
01:04:22,610 --> 01:04:23,860
Unë nuk e përmend këtë më parë.

1389
01:04:23,860 --> 01:04:27,860
Ka tags H1 si, për kreun 1,
titulli më i rëndësishëm në një faqe.

1390
01:04:27,860 --> 01:04:30,570
"Google im," unë do të thërrasë këtë.

1391
01:04:30,570 --> 01:04:31,940
Më lejoni të reload.

1392
01:04:31,940 --> 01:04:33,772
Është duke kërkuar një pak më të mirë tashmë.

1393
01:04:33,772 --> 01:04:34,980
Dhe, në fakt, ju e dini se çfarë?

1394
01:04:34,980 --> 01:04:36,430
Unë e kam already-- I gënjyer.

1395
01:04:36,430 --> 01:04:40,200
I tha se unë nuk ishte duke shkuar për të stilit këtë,
por unë jam duke shkuar për të stilit këtë si më parë.

1396
01:04:40,200 --> 01:04:46,860
Dhe trupi im do të jetë,
le të themi, qendra text-align.

1397
01:04:46,860 --> 01:04:48,800
Ajo është në kërkim të më shumë si Google tashmë.

1398
01:04:48,800 --> 01:04:51,090
>> Unë kam nevojë për një pushim linjë, edhe pse,
për këtë Submit button.

1399
01:04:51,090 --> 01:04:52,798
Dhe kjo rezulton, ju
mund të përdorni paragrafët,

1400
01:04:52,798 --> 01:04:57,320
ose ju mund të më shumë fjalë për fjalë vetëm të thonë:
më jepni një linjë pushim here-- tag br.

1401
01:04:57,320 --> 01:04:59,319
Dhe në qoftë se unë rifreskoni këtë, tani ajo shkon atje.

1402
01:04:59,319 --> 01:05:01,610
Kjo është pak e shëmtuar, kështu që unë
mund të bëjë pushime të shumta e linjës,

1403
01:05:01,610 --> 01:05:03,310
por le të mos merrni shumë lakmitar këtu.

1404
01:05:03,310 --> 01:05:06,430
Pra, tani le të shohim nëse ajo punon për "qentë".

1405
01:05:06,430 --> 01:05:08,640
Kjo duket për të punuar për "qentë", si.

1406
01:05:08,640 --> 01:05:10,780
Pra, çfarë është takeaway bindëse këtu?

1407
01:05:10,780 --> 01:05:13,600
One-- nuk ishte një hap i madh për të
futur disa etiketa të tjera,

1408
01:05:13,600 --> 01:05:15,370
si formë tag në tag input.

1409
01:05:15,370 --> 01:05:17,120
Por më në thelb
është, të gjithë ne jemi duke bërë

1410
01:05:17,120 --> 01:05:20,610
është leveraging të kuptuarit tonë
e HTTP dhe fakti

1411
01:05:20,610 --> 01:05:24,900
që në fund të fundit ndryshon format
çfarë është në URL të shfletuesit,

1412
01:05:24,900 --> 01:05:28,540
dhe kështu, për këtë arsye, ne mund
mekanikisht të sigurojë të dhëna në një server

1413
01:05:28,540 --> 01:05:33,600
duke bërë një formë të HTML dhe duke e ditur
se serveri HTTP kupton,

1414
01:05:33,600 --> 01:05:36,890
ashtu si trupi ynë e kupton, si,
duke tundur dorën time, të njëjtën protokoll,

1415
01:05:36,890 --> 01:05:40,920
dhe kështu që ne të kthehemi përgjigje
që në fund të fundit të presim.

1416
01:05:40,920 --> 01:05:44,050
>> Pra, le të përpiqemi të bëjmë një
Gjëja e fundit tani me celular,

1417
01:05:44,050 --> 01:05:47,052
dhe unë do të make-- unë do të shtoj
ky kod për slides.

1418
01:05:47,052 --> 01:05:49,760
Pra, nëse ju dëshironi të kallajxhi, ju
mund të patjetër të marrë atë nga atje.

1419
01:05:49,760 --> 01:05:51,551
Por unë jam duke shkuar për të shkuar
përpara dhe të bëjë një gjë.

1420
01:05:51,551 --> 01:05:54,120
Unë jam duke shkuar për të shkuar përpara dhe të
hapur tregues page-- tim

1421
01:05:54,120 --> 01:05:59,030
faqja ime përshëndetje si më parë, të cilat
ka një shumë të këtij teksti faux-latine,

1422
01:05:59,030 --> 01:06:05,470
ose kuptim teksti latinisht, dhe has--
kjo duket si ky në këtë font size.

1423
01:06:05,470 --> 01:06:07,850
Por më lejoni të shkoj përpara dhe të bëjë këtë.

1424
01:06:07,850 --> 01:06:09,300
Unë jam duke shkuar për të shkuar në Cloud9.

1425
01:06:09,300 --> 01:06:10,380
Dhe ju nuk keni për të bërë këtë hap.

1426
01:06:10,380 --> 01:06:11,420
Unë vetëm do të bëjë atë vetë.

1427
01:06:11,420 --> 01:06:12,890
Unë jam duke shkuar për të klikoni Share.

1428
01:06:12,890 --> 01:06:15,170
Dhe kjo është një tipar
vetëm e Cloud9, ku

1429
01:06:15,170 --> 01:06:17,710
Unë mund të bëjë mjedisi im publike.

1430
01:06:17,710 --> 01:06:20,240
>> Dhe vetëm për hir të
Demonstrata, më lejoni të bëjë këtë.

1431
01:06:20,240 --> 01:06:22,870
Unë jam duke shkuar për të bërë publike tim aplikimit.

1432
01:06:22,870 --> 01:06:25,230
Vini re se është paralajmëruar mua, jam
I sigurt se unë dua të bëj këtë,

1433
01:06:25,230 --> 01:06:28,438
sepse kjo do të bëjë të gjithë
në botë, nëse ata janë këtu tani

1434
01:06:28,438 --> 01:06:33,560
ose shikuar këtë video më vonë nga ana
internet gjendje për të parë atë që unë shoh.

1435
01:06:33,560 --> 01:06:34,440
Por kjo është në rregull.

1436
01:06:34,440 --> 01:06:37,870
Unë jam duke shkuar për të thënë "Done".

1437
01:06:37,870 --> 01:06:42,080
Dhe më lejoni të ju inkurajoj që, nëse kam bërë
kjo correctly-- lejoni të provuar atë më parë.

1438
01:06:42,080 --> 01:06:45,590
Shko përpara, nëse ju nuk mind--
në një shfletues në kompjuterin tuaj,

1439
01:06:45,590 --> 01:06:49,900
shkojnë në këtë URL, dhe shpresojmë se
ju do të shihni tekstin tim latin.

1440
01:06:49,900 --> 01:06:52,820
Dhe të jetë i qartë, është e
Nuk kandidon në laptop tim.

1441
01:06:52,820 --> 01:06:53,610
Është në re.

1442
01:06:53,610 --> 01:06:58,120
Është në Cloud9, fjalë për fjalë, por
Unë e kam bërë publik time hapësira e punës

1443
01:06:58,120 --> 01:07:03,450
në mënyrë që kushdo në internet
mund të hyni në faqen time latin në shtëpi.

1444
01:07:03,450 --> 01:07:07,209
>> Shkojnë në të njëjtën URL në
telefoni juaj, nëse ju mund të.

1445
01:07:07,209 --> 01:07:09,750
Në qoftë se ajo do të kushtojë ju, edhe pse, ju
vetëm mund të shikoni mbi një shpatull.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
AUDIENCA: [padëgjueshme]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. Malan: Unë jam i keq?

1449
01:07:43,550 --> 01:07:45,390
AUDIENCA: [padëgjueshme]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. Malan: Vetëm fjalë latine.

1451
01:07:47,710 --> 01:07:48,210
Kjo eshte e gjitha.

1452
01:07:48,210 --> 01:07:49,250
Por kjo është ajo që ju duhet të shihni.

1453
01:07:49,250 --> 01:07:49,875
>> AUDIENCA: Po.

1454
01:07:49,875 --> 01:07:50,790
DAVID J. Malan: Po.

1455
01:07:50,790 --> 01:07:51,300
Po.

1456
01:07:51,300 --> 01:07:51,540
NE RREGULL.

1457
01:07:51,540 --> 01:07:53,530
Kështu që mund të mbajë deri tuaj
telefoni për vetëm një çast?

1458
01:07:53,530 --> 01:07:57,504
Pra, shpresojmë se, në qoftë se ju jeni duke hyrë në
ai, ajo duhet të duken pothuajse të palexueshëm.

1459
01:07:57,504 --> 01:07:59,920
Është still-- Unë do të thotë, është e
paqartë për shkak të latinisht.

1460
01:07:59,920 --> 01:08:01,920
Por është gjithashtu i paqartë
për çfarë arsye tjetër?

1461
01:08:01,920 --> 01:08:03,775
Si, çfarë nuk i pëlqen në lidhje me këtë?

1462
01:08:03,775 --> 01:08:04,650
AUDIENCA: Është e vogël.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. Malan: Kjo është super, super të vogla.

1464
01:08:06,420 --> 01:08:07,920
Pra, si mund ta fix this?

1465
01:08:07,920 --> 01:08:09,730
Kjo është super, super e vogël
në telefonin Victoria-s

1466
01:08:09,730 --> 01:08:11,400
dhe, në qoftë se ju keni tërhequr
it up veten, ndoshta

1467
01:08:11,400 --> 01:08:14,660
vogël në telefonin tuaj, si dhe, nëse ju
kanë settings aksesueshmërisë aktivizuar.

1468
01:08:14,660 --> 01:08:15,530
Cfare eshte kjo?

1469
01:08:15,530 --> 01:08:18,497
Ju vetëm mund të majë dhe
zoom, i cili është i realizueshëm,

1470
01:08:18,497 --> 01:08:20,330
por pastaj ju vetëm shikoni
disa fjalë në një kohë.

1471
01:08:20,330 --> 01:08:20,859
Pra, prit një minutë.

1472
01:08:20,859 --> 01:08:21,720
Unë e di se si për të rregulluar këtë.

1473
01:08:21,720 --> 01:08:22,219
Apo jo?

1474
01:08:22,219 --> 01:08:26,130
Unë mund të përdorin CSS, dhe unë mund të ndryshojë
font size nga 12 pikë në 24 pikë.

1475
01:08:26,130 --> 01:08:29,020
Por efekti anësor i kësaj,
sigurisht, do të jetë tani,

1476
01:08:29,020 --> 01:08:32,630
në një desktop apo një kompjuter portativ,
tani tekst është dy herë më i madh.

1477
01:08:32,630 --> 01:08:35,810
Dhe kështu ajo do lloj të ishte mirë
për të dalluar në mes të pajisjeve,

1478
01:08:35,810 --> 01:08:37,840
dhe ajo rezulton atje
janë mënyra për ta bërë këtë.

1479
01:08:37,840 --> 01:08:39,590
Ka disa
mënyra të ndryshme, në fakt,

1480
01:08:39,590 --> 01:08:44,189
ku duke përdorur CSS dhe karakteristika njohës
se ne nuk do të shkojë në në hollësi të madhe,

1481
01:08:44,189 --> 01:08:46,960
në thelb ju mund të query
shfletuesi dhe të thonë:

1482
01:08:46,960 --> 01:08:51,550
nëse ekrani juaj është më i vogël se sa kjo
shumë pixels, përdorni këtë madhësinë e shkronjave.

1483
01:08:51,550 --> 01:08:55,180
Nëse ekrani është më e madhe se sa kjo
shumë pixels, përdorni këtë madhësi tjetër font.

1484
01:08:55,180 --> 01:08:57,080
>> Ju mund të jetë edhe njohës ende.

1485
01:08:57,080 --> 01:09:00,140
Nëse e keni vizituar ndonjëherë një
web faqe që, në një desktop,

1486
01:09:00,140 --> 01:09:04,404
ka një meny të madhe ndoshta off të
anë, dhe pastaj gjithë përmbajtjen

1487
01:09:04,404 --> 01:09:07,029
është në anën e që menu--
kjo është lloj i një paradigmë të përbashkët.

1488
01:09:07,029 --> 01:09:09,670
Menu në të majtë, përmbajtjen
në të djathtë, ose anasjelltas.

1489
01:09:09,670 --> 01:09:13,569
nuk ka të vërtetë punojnë në celular kur tuaj
Ekrani është vetëm kjo shumë pixels i gjerë.

1490
01:09:13,569 --> 01:09:16,233
Pra, më shumë i zakonshëm në celular është,
Menuja juaj do të papritmas merrni

1491
01:09:16,233 --> 01:09:18,399
u shemb, dhe ju duhet të
klikoni një buton për të parë atë,

1492
01:09:18,399 --> 01:09:22,404
ose në faqen e internetit do të vënë menu
majë të saj dhe të vënë përmbajtjen poshtë atë.

1493
01:09:22,404 --> 01:09:24,779
Dhe ju mund të zbatojë këto
gjërat në mënyra të shumta, too.

1494
01:09:24,779 --> 01:09:28,340
Ju mund të kërkoni programuesit tuaja,
hey, ekipi, në çdo kohë

1495
01:09:28,340 --> 01:09:34,450
ju shihni një kërkesë HTTP nga një Android
Pajisja, një pajisje Microsoft, një Google

1496
01:09:34,450 --> 01:09:39,930
Pajisja, një pajisje Apple, e përdorin këtë
font size dhe të përdorin këtë plan urbanistik menu,

1497
01:09:39,930 --> 01:09:42,670
ose ndryshe të përdorin pamjen këtë parazgjedhur të madhe.

1498
01:09:42,670 --> 01:09:45,410
>> Tani, duke përdorur atë
teknikë themelore sot

1499
01:09:45,410 --> 01:09:48,529
mund të përdorin inxhinierët
të di nëse kjo është

1500
01:09:48,529 --> 01:09:53,660
një iPhone, një telefon Android, një laptop,
një desktop vizituar serverin e kompanisë?

1501
01:09:53,660 --> 01:09:55,310
Ku ata marrin këtë informacion?

1502
01:09:55,310 --> 01:09:56,080
>> AUDIENCA: Header?

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J. Malan: Yeah, HTTP header.

1504
01:09:57,740 --> 01:10:01,714
Pra, çdo kërkesë HTTP vjen nga
klientët e tyre në serverat e tyre

1505
01:10:01,714 --> 01:10:03,880
përfshijnë, brenda se virtual
zarf, një bandë e tërë

1506
01:10:03,880 --> 01:10:08,260
i HTTP headers, njëra prej të cilave është
shfletuesi dhe të sistemit operativ

1507
01:10:08,260 --> 01:10:10,290
madje, në qoftë se ju kujdeseni për të
se niveli i detajeve.

1508
01:10:10,290 --> 01:10:13,790
Tani, kjo është një fshehtë-looking string, por
ekziston software që do të vetëm

1509
01:10:13,790 --> 01:10:18,530
lehtësuar atë, dhe ju vetëm mund të kërkoni
në programimin code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- atë telefon është this--
çfarë pajisje është ky përdorues duke përdorur?

1511
01:10:23,650 --> 01:10:27,501
Dhe pastaj ju mund të thoni, tregojnë ata këtë
version i internetit në qoftë se ajo është një telefon.

1512
01:10:27,501 --> 01:10:30,250
Tregoni atyre këtë version të
website qoftë se kjo është një laptop apo desktop.

1513
01:10:30,250 --> 01:10:32,316
Por ju nuk duhet edhe
Kompleksiteti server-side.

1514
01:10:32,316 --> 01:10:33,940
Ju mund të bëjë edhe më të thjeshtë të gjërave.

1515
01:10:33,940 --> 01:10:34,815
>> Unë jam duke shkuar për të bërë këtë.

1516
01:10:34,815 --> 01:10:38,995
Unë jam duke shkuar për të shkuar përpara në
Mjedisi Cloud9 im,

1517
01:10:38,995 --> 01:10:41,370
dhe unë do të shtoni një tag
që ke parë në Google para.

1518
01:10:41,370 --> 01:10:42,770
Është quajtur metatag.

1519
01:10:42,770 --> 01:10:45,520
Dhe unë kurrë nuk e mbani mend këtë, kështu
Unë do të shkruajshe atë këtu.

1520
01:10:45,520 --> 01:10:50,552
Emri Meta = "prezgjedhur" dhe pastaj
content = "width = width pajisje, intital

1521
01:10:50,552 --> 01:11:02,060
shkallë = 1 ", dhe kjo është ajo.

1522
01:11:02,060 --> 01:11:06,230
>> Pra, ajo mund edhe të jetë
si një yshtje magjike.

1523
01:11:06,230 --> 01:11:11,300
Kjo nuk është e gjitha se e qartë, por kjo ka
diçka të bëjë me të dritares së pamjes,

1524
01:11:11,300 --> 01:11:15,070
dhe pamjes është vetëm trupi i një
web faqe, rajoni drejtkëndëshe që

1525
01:11:15,070 --> 01:11:16,690
përcakton shumica e faqes.

1526
01:11:16,690 --> 01:11:19,060
Dhe kjo është vetëm duke u thënë
shfletuesi, ju e dini se çfarë?

1527
01:11:19,060 --> 01:11:22,589
Bëni gjerësinë e kësaj faqe
efektive e barabartë me gjerësinë e pajisjes.

1528
01:11:22,589 --> 01:11:25,380
Me fjalë të tjera, nuk do të supozojmë se
ju keni lloj hapësirë ​​të pakufizuar.

1529
01:11:25,380 --> 01:11:29,920
Supozojmë se ju keni vetëm sa më shumë
Hapësira si vetë pajisjen është i madh.

1530
01:11:29,920 --> 01:11:34,454
Dhe kështu që tani, në qoftë se unë ringarkoni këtë
në shfletuesin tim, unë nuk shoh asnjë ndryshim.

1531
01:11:34,454 --> 01:11:37,370
Por, nëse unë e bëri këtë correctly-- dhe
më lejoni të kaloj fingers-- tim në qoftë se ju të gjithë

1532
01:11:37,370 --> 01:11:42,920
ringarkoni telefonat tuaj; u bëni ju
të shihni një ndryshim bindëse?

1533
01:11:42,920 --> 01:11:43,620
Po, është that--

1534
01:11:43,620 --> 01:11:45,067
>> AUDIENCA: [padëgjueshme]

1535
01:11:45,067 --> 01:11:45,900
DAVID J. Malan: Po.

1536
01:11:45,900 --> 01:11:46,400
NE RREGULL.

1537
01:11:46,400 --> 01:11:47,850
Pra, ndoshta më i lexueshëm tani?

1538
01:11:47,850 --> 01:11:53,070
Ende i vogël, të jetë e drejtë, por jo
kaq e vogël që të jetë i pakontrollueshëm.

1539
01:11:53,070 --> 01:11:56,920
Dhe unë me siguri mund të pranoj këtë
më tej me CSS ose në anën e serverit,

1540
01:11:56,920 --> 01:12:00,120
por gjithnjë e më shumë atë që ju jeni
parë është gjithnjë e më shumë karakteristika

1541
01:12:00,120 --> 01:12:02,900
duke shtuar për
klient-side environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, si ne do të diskutuar
nesër, CSS, dhe kështu HTML--

1543
01:12:06,530 --> 01:12:09,190
se të gjitha këto pyetje
mund të bëhet në të klientit

1544
01:12:09,190 --> 01:12:11,910
në mënyrë që të shqetësojë
server shumë më pak dhe jo

1545
01:12:11,910 --> 01:12:14,530
që të ketë për të mbajtur me, për
shembull, sulmi i vazhdueshëm

1546
01:12:14,530 --> 01:12:17,210
e ri operativ-sistemit
versionet, versione të reja shfletuesit.

1547
01:12:17,210 --> 01:12:20,190
Ju vetëm mund të le të shfletuesit
të kërkojë pajisjen, sa i madh je,

1548
01:12:20,190 --> 01:12:22,890
dhe pastaj të bëjë disi logjike
vendimet e bazuara në atë.

1549
01:12:22,890 --> 01:12:25,140
Por ne do të shohim më shumë mundësi
për vendimet logjike

1550
01:12:25,140 --> 01:12:27,223
nesër në kontekstin
nga një gjuhë programimi.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Pra, ndonjë pyetje, atëherë,
në zhvillimin e web?

1553
01:12:32,760 --> 01:12:36,130
Sot nuk është e programimit web, per
se, pasi që më çdo gjë që ne e bëmë

1554
01:12:36,130 --> 01:12:38,370
ishte shumë estetike, nëse ju do.

1555
01:12:38,370 --> 01:12:41,750
Nuk ka asnjë vendim-marrjes në
kodi që kemi shkruar,

1556
01:12:41,750 --> 01:12:44,990
dhe kështu që kjo është arsyeja pse HTML është markup
gjuha, nuk është një gjuhë programimi.

1557
01:12:44,990 --> 01:12:47,140
Por nesër ne do të marrin
një vështrim të shpejtë, në fund të fundit,

1558
01:12:47,140 --> 01:12:49,340
në JavaScript, që është
një programimit aktuale

1559
01:12:49,340 --> 01:12:54,220
gjuhë që na lejon të bëjmë pak më shumë.

1560
01:12:54,220 --> 01:12:56,800
>> Ndonje pyetje?

1561
01:12:56,800 --> 01:13:00,480
E pra, më lejoni të propozojë dy
mundësi opsionale për detyrat e shtëpisë.

1562
01:13:00,480 --> 01:13:02,900
Një is-- këto Cloud9
Llogaritë nuk skadon.

1563
01:13:02,900 --> 01:13:04,669
Ju jeni të mirëpritur të përdorin
ata të kallajxhi me.

1564
01:13:04,669 --> 01:13:05,960
Është niveli lirë të shërbimit.

1565
01:13:05,960 --> 01:13:08,754
Kuptojnë se, në qoftë se gjatë krijimit
workspace tuaj, ju e bëri atë publike,

1566
01:13:08,754 --> 01:13:11,670
që do të thotë se të gjithë në
internet mund të shihni se çfarë ju jeni të shtypur.

1567
01:13:11,670 --> 01:13:15,104
Pra, ndoshta vetëm e konsiderojnë
nuk e turpshme veten

1568
01:13:15,104 --> 01:13:18,020
në qoftë se ju jeni duke web tuaj të parë
faqe atje publikisht aksidentalisht,

1569
01:13:18,020 --> 01:13:20,134
por askush nuk do të
e di se për të parë atje anyway.

1570
01:13:20,134 --> 01:13:23,760
>> Dhe two-- më lejoni të hedh
up këtë URL, si dhe,

1571
01:13:23,760 --> 01:13:28,250
veçanërisht në qoftë se keni ardhur në sot
pak më pak të rehatshme se të tjerët,

1572
01:13:28,250 --> 01:13:30,430
të sigurtë se çfarë do të thotë të gjitha këto gjëra.

1573
01:13:30,430 --> 01:13:36,780
Kuptojnë se shumë më tepër i kësaj video,
e cila është edhe një mënyrë e mirë për të bjerë në gjumë

1574
01:13:36,780 --> 01:13:39,380
dhe gjithashtu për të qeshur ndërsa
duke bërë kështu, ka edhe

1575
01:13:39,380 --> 01:13:44,300
një shumë e societally interesante
dhe diskutimet me rëndësi për sigurinë

1576
01:13:44,300 --> 01:13:47,370
aty nga John Oliver,
megjithëse një komedian.

1577
01:13:47,370 --> 01:13:55,456
>> Por në qoftë se nuk ka pyetje të mëtejshme,
që na sjell në pritje.

1578
01:13:55,456 --> 01:13:56,830
Pra, pse nuk I kthehet në muzikë.

1579
01:13:56,830 --> 01:13:58,610
Nuk duhet të jetë pije
dhe ushqime jashtë.

1580
01:13:58,610 --> 01:14:00,220
Unë jam i lumtur për të shoqërohem për aq
kohë që folks do të doja,

1581
01:14:00,220 --> 01:14:01,600
përgjigjet pyetjeve më shumë një-në-një.

1582
01:14:01,600 --> 01:14:03,330
Por, ndryshe, ju jeni të mirëpritur
për të marrë jashtë në çdo moment,

1583
01:14:03,330 --> 01:14:05,740
dhe ne do t'ju shoh përsëri
në mëngjes nesër për pak më shumë.

1584
01:14:05,740 --> 01:14:07,290
Të gjithë të drejtë, faleminderit.

1585
01:14:07,290 --> 01:14:10,428