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

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

3
00:00:01,210 --> 00:00:02,160
Biz geri döndü.

4
00:00:02,160 --> 00:00:05,810
Yani, bu son oturumun amacı
birkaç kavramları tanıtmaktır

5
00:00:05,810 --> 00:00:09,290
ama aynı zamanda herkese bir şans verin
tür parmaklarınızı germek için

6
00:00:09,290 --> 00:00:11,270
ve gerçekten bir şeyler yapmak
Biraz hands-on.

7
00:00:11,270 --> 00:00:13,897
amaç değil açmak için
Hepimizi web geliştiricileri içine

8
00:00:13,897 --> 00:00:16,230
herhangi bir yolla ama gerçekten sadece tarafından
bazı bir tat vermek için

9
00:00:16,230 --> 00:00:21,750
Ne temel yapıları
web programlama ve web bugün gider

10
00:00:21,750 --> 00:00:23,980
gelişimi, yani
seyleri statik tarafı

11
00:00:23,980 --> 00:00:26,660
hiçbir mantığı, hiçbir programlama
dil, sadece statik içerik.

12
00:00:26,660 --> 00:00:29,660
Ve bu bize bir fırsat verecektir
aslında bir web sunucusu ne olduğunu görmek için,

13
00:00:29,660 --> 00:00:34,140
bir HTML dosyası nedir, ne görmek bkz
HTTP aslında hizmet veren olmasıdır.

14
00:00:34,140 --> 00:00:38,600
Ama biz, herhangi bir retrospektif dalış önce
cloud computing ile ilgili sorular

15
00:00:38,600 --> 00:00:43,922
güvenlik veya aralarında bir şey yoksa?

16
00:00:43,922 --> 00:00:44,890
>> Yok hayır?

17
00:00:44,890 --> 00:00:47,181
Pekala, haydi
Her ihtimale karşı, bunu

18
00:00:47,181 --> 00:00:49,680
kaydolma işlemi
bir şey birkaç dakika sürer.

19
00:00:49,680 --> 00:00:51,221
Biz arka planda bunu bildireceğiz.

20
00:00:51,221 --> 00:00:56,860
eğer yapabilirsen, devam edin,
Bu URL burada-- c9.io. için

21
00:00:56,860 --> 00:01:02,810
Bu bir üçüncü taraf olduğunu service--
bir hizmet olarak platform, sen will-- eğer

22
00:01:02,810 --> 00:01:05,190
sizi davet edecek
Bir hesaba kaydolmak için,

23
00:01:05,190 --> 00:01:08,650
ve her biriniz vermek için gidiyor
Sözde bulutta bir hesap

24
00:01:08,650 --> 00:01:11,330
Başkasının altyapı,
Bir şirket Cloud9 çağırdı.

25
00:01:11,330 --> 00:01:13,350
Ama hakkında güzel ne
Bu size vermesidir

26
00:01:13,350 --> 00:01:15,990
Bir bir yaklaşım
Gerçek gerçek dünya geliştirme

27
00:01:15,990 --> 00:01:18,530
çevre, gerçi içinde
bulut ve bir web tarayıcısında,

28
00:01:18,530 --> 00:01:21,175
ve biz aslında için kullanacağız
Bugün biraz deneme.

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

30
00:01:27,116 --> 00:01:30,260
Ve sonra devam edin ve sadece gezinmek
kayıt işlemi için yol

31
00:01:30,260 --> 00:01:32,630
Eğer yapabilirsen.

32
00:01:32,630 --> 00:01:36,080
Bu yüzden sınıfta bu kullanmak için ne
Ben, tüm öğrencilerimizin öğretmek

33
00:01:36,080 --> 00:01:39,140
Kampüste ve şimdi kapalı, hem de
ne tarihsel yerini oluyor

34
00:01:39,140 --> 00:01:41,390
Aksi takdirde indirilebilir yazılım oldu.

35
00:01:41,390 --> 00:01:44,620
Peki ne erişim sağlamasını edildi
Bu sanal makinelerin biridir,

36
00:01:44,620 --> 00:01:46,460
esas olarak, daha önce tarif edilen.

37
00:01:46,460 --> 00:01:50,260
Yani bu şirket Cloud9 muhtemelen
Nitekim üçüncü party-- kiraladığı

38
00:01:50,260 --> 00:01:52,760
Bu durumda, bir bütün Google--
sanal makinelerin demet

39
00:01:52,760 --> 00:01:56,500
onlar bir şekilde içine doğramak olduğunu
Bireysel sunucuların yanılsama

40
00:01:56,500 --> 00:01:58,610
Her birimiz o üzerinde tam kontrol sahiptir.

41
00:01:58,610 --> 00:02:01,640
Bunu söylemek oldukça doğru değil
Onlar sanal makineler olduğunu,

42
00:02:01,640 --> 00:02:04,550
olsa da, çünkü neyi
Cloud9 aslında kullanır

43
00:02:04,550 --> 00:02:07,570
biraz daha yeni bir teknoloji
konteynerleflme denir.

44
00:02:07,570 --> 00:02:13,150
Ve bana bu resmi kapmak izin
Burada bu resmi boyamak için.

45
00:02:13,150 --> 00:02:16,540
>> Bir kap halinde, olduğu
resmi çağırmak

46
00:02:16,540 --> 00:02:19,900
çakmak önce, biraz dan
bir sanal makineye daha ağırlık.

47
00:02:19,900 --> 00:02:22,090
Aslında, son oysa
zaman biz orada hakkında konuştuk

48
00:02:22,090 --> 00:02:25,170
Bir işletim olma
sistemi ve hipervizör

49
00:02:25,170 --> 00:02:28,260
ve daha sonra konuk işletim sistemi, konuk
işletim sistemi, konuk işletim

50
00:02:28,260 --> 00:02:30,940
üstünde sistem, senin
fiziksel donanım,

51
00:02:30,940 --> 00:02:33,740
Bu daha yeni fark
teknoloji konteynerizasyon,

52
00:02:33,740 --> 00:02:37,290
hepsi bir şekilde paylaşmak olduğunu
Aynı işletim sistemi.

53
00:02:37,290 --> 00:02:39,970
Ama yine de oluşturmak
herkesin yanılsama

54
00:02:39,970 --> 00:02:44,590
kendi özel olan
yönetici hakları ve dosyalar

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

56
00:02:45,400 --> 00:02:48,230
Ama az bir yazılım var
Sen ve donanım arasında.

57
00:02:48,230 --> 00:02:52,260
sonucu olarak, bir
teori, daha yüksek bir performans,

58
00:02:52,260 --> 00:02:55,470
Kullanmakta olduğunuz için ya da
daha az kaynak israf

59
00:02:55,470 --> 00:02:57,360
sözde sanallaştırma katmanda.

60
00:02:57,360 --> 00:02:59,420
Yani bu denir
doğası gereği konteynerleflme

61
00:02:59,420 --> 00:03:02,920
Docker olarak adlandırılan teknoloji yoluyla,
hangi çok kendi içine geliyor.

62
00:03:02,920 --> 00:03:05,086
Ve bu bir şey olduğunu
Şirketinizde mühendisleri

63
00:03:05,086 --> 00:03:08,610
çeşit çeşit konuşmaya başlayabilir
yaklaşık yakında değil zaten varsa,

64
00:03:08,610 --> 00:03:11,590
hayır kesinlikle orada olsa
nedeni herhangi bandwagons atlamak için.

65
00:03:11,590 --> 00:03:15,410
>> söyledi Yani, ne
muhtemelen şimdi bakın

66
00:03:15,410 --> 00:03:22,670
Bu gibi biraz görünüyor bir ekran.

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

68
00:03:23,170 --> 00:03:25,260
değilse ve sadece beni arayın.

69
00:03:25,260 --> 00:03:27,440
Ve yani-- eğer değilse üzerine geleceğiz.

70
00:03:27,440 --> 00:03:30,244
Devam edin ve bu büyük tıklayınız
artı bir çalışma alanı oluşturmak için,

71
00:03:30,244 --> 00:03:31,660
ve bunun gibi bir ekran görürsünüz.

72
00:03:31,660 --> 00:03:35,020
Sen çalışma alanını çağırabilirsiniz
Şimdilik istediğiniz herhangi bir isim.

73
00:03:35,020 --> 00:03:38,660
Ve aslında sadece basitlik için,
Iyi bazılarınız ve- gitmek

74
00:03:38,660 --> 00:03:39,660
Zaten çalışma alanları var.

75
00:03:39,660 --> 00:03:47,050
,, Iş zaman-- ne diyoruz
istediğiniz ne olursa olsun Harvard, Perşembe,.

76
00:03:47,050 --> 00:03:48,800
Sen bir açıklama gerekmez.

77
00:03:48,800 --> 00:03:52,380
Sen, özel bırakabilirsiniz sürece
Zaten çalışma alanlarının bir grup var.

78
00:03:52,380 --> 00:03:55,280
Eğer kamu yapmak zorunda iseniz,
bugünün amaçlar için iyidir.

79
00:03:55,280 --> 00:03:56,750
Burada da, Upsells biridir.

80
00:03:56,750 --> 00:03:59,939
Sen bir özel çalışma alanı almak
varsayılan. Ama sen, daha fazlasını isterseniz

81
00:03:59,939 --> 00:04:00,980
Daha fazla ödemek zorunda.

82
00:04:00,980 --> 00:04:02,870
Aksi halde kuvvet
iş genel yapmak.

83
00:04:02,870 --> 00:04:05,600
Ama bu çünkü onlar da iyi,
açık kaynak toplulukları bu hedef

84
00:04:05,600 --> 00:04:07,700
İnsanları teşvik etmek
Aslında işbirliği.

85
00:04:07,700 --> 00:04:10,699
>> Ve önemli olan son şey,
Eğer bir isim seçtikten sonra olsa da, bir

86
00:04:10,699 --> 00:04:17,140
ve özel veya kamu seçtikten sonra,
HTML5, büyük turuncu simgesini

87
00:04:17,140 --> 00:04:22,430
Soldan ikinci ve
sonra Çalışma alanı Oluştur'u tıklatın.

88
00:04:22,430 --> 00:04:24,580
Ve muhtemelen olacak
, Ya da öylesine bir dakikanızı ayırın

89
00:04:24,580 --> 00:04:26,540
ama o zaman bir gerekir
çevre, sana bir kez

90
00:04:26,540 --> 00:04:30,544
anımsatan görünüyor, bunu
Ben şimdi burada ekranda ne var.

91
00:04:30,544 --> 00:04:33,210
Ama, yine de, bir dakika sürebilir
ya da daha fazla bu ekrana almak için

92
00:04:33,210 --> 00:04:34,770
Eğer tıkladıktan sonra Çalışma Alanı oluşturun.

93
00:04:34,770 --> 00:04:37,936
Beni isterseniz ama sadece beni bayrak
bir şey ya da tavsiye bakmak için.

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

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

96
00:04:40,690 --> 00:04:42,390
Yani şimdi bu arka plan gidiyorum.

97
00:04:42,390 --> 00:04:44,260
Eğer görünüyor eğer beni arayın
Herhangi bir teknik sorunlar var.

98
00:04:44,260 --> 00:04:46,210
Ama, yine de, bir sürebilir
Bu açmak için biraz.

99
00:04:46,210 --> 00:04:49,570
Ve en go ahead ve bahsedelim neler
aslında bir web sayfası yapmak anlamına gelir,

100
00:04:49,570 --> 00:04:52,780
Ne HTML nedir ve nasıl tüm bu
Biz başlıyoruz şimdi birbirine

101
00:04:52,780 --> 00:04:54,730
Aslında teknolojinin bazı kullanın.

102
00:04:54,730 --> 00:04:58,310
Bu yüzden elimden çıkıyor
Burada benim küçük Mac gitmek,

103
00:04:58,310 --> 00:05:01,650
denilen basit bir programı açmak
TextEdit veya Windows I could

104
00:05:01,650 --> 00:05:04,480
Notepad.exe denilen açık bir şey.

105
00:05:04,480 --> 00:05:08,260
Ve ben sadece basit bir şey yapabileceğini
bu-- "Merhaba, dünya." gibi

106
00:05:08,260 --> 00:05:12,020
Ve sonra da bu kurtarabilecek
hello.txt Yani hiçbir büyü.

107
00:05:12,020 --> 00:05:15,200
Bu web ile ilgisi yok
programlama, HTML ile ilgisi.

108
00:05:15,200 --> 00:05:16,790
Sadece basit bir metin dosyası oluşturma.

109
00:05:16,790 --> 00:05:20,600
Ama bir web çıkıyor
sayfa kelimenin tam anlamıyla sadece budur.

110
00:05:20,600 --> 00:05:24,020
Basit bir metin dosyası içeren metin var
Eğer klavyeden yazdığınız diye,

111
00:05:24,020 --> 00:05:30,070
ancak, tipik olarak ama her zaman değil
.txt ama .html veya .htm değil biter.

112
00:05:30,070 --> 00:05:32,050
Ve sen sadece yok
dosyadaki kelimeleri yazın.

113
00:05:32,050 --> 00:05:35,280
Aslında denilen şeyler kullanmak zorunda
etiketler ya da daha genel olarak, bir şey

114
00:05:35,280 --> 00:05:37,190
işaretleme dili aradı.

115
00:05:37,190 --> 00:05:40,510
>> Bu yüzden çok hızlı bir şekilde yazın gidiyorum
ve sonra aşağıdaki açıklar.

116
00:05:40,510 --> 00:05:42,290
Ben ilk gidiyorum
Diyor ki bu yazın

117
00:05:42,290 --> 00:05:45,730
Hey, tarayıcı, buraya gelir bir
web sayfası HTML ile yazılmış.

118
00:05:45,730 --> 00:05:51,850
Ve bu iki şey bir arada, hey, demek
tarayıcı, aşağıdaki aslında HTML.

119
00:05:51,850 --> 00:05:55,790
Hey, tarayıcı, buraya gelir
Baş ya da benim sayfanın üst.

120
00:05:55,790 --> 00:05:59,900
üst Hey, tarayıcı, iç
Benim sayfa, merhaba ", bir başlık koymak

121
00:05:59,900 --> 00:06:01,610
dünya. "

122
00:06:01,610 --> 00:06:08,370
Hey, tarayıcı, sonra kafa benim
sayfa, burada benim sayfanın vücudu geliyor.

123
00:06:08,370 --> 00:06:12,170
Ve, hey, tarayıcı, vücut benim
sayfası da "merhaba dünya." demeliyim

124
00:06:12,170 --> 00:06:15,500
Yani belirgin ayrıntılar burada nelerdir?

125
00:06:15,500 --> 00:06:17,960
Bu genellikle ne olduğunu
doc-türü bildirimi denilen,

126
00:06:17,960 --> 00:06:20,190
ve açıkçası, biraz var
Bu ilk bakışta ezberlemek zor.

127
00:06:20,190 --> 00:06:21,481
Sadece biraz kopyala-yapıştır bunu.

128
00:06:21,481 --> 00:06:23,760
Bu resmi bir yoldur
hey, söyleyerek, tarayıcı,

129
00:06:23,760 --> 00:06:28,030
HTML sürüm 5 kullanıyorum hangi
Biraz son zamanlarda çıktı.

130
00:06:28,030 --> 00:06:31,380
Bazı o büyülü sözler var
tasarım kötü bir duygusu ile insanlar

131
00:06:31,380 --> 00:06:33,640
koymak için karar
Dosyanın çok üst.

132
00:06:33,640 --> 00:06:35,473
öyle olsa bile
Biraz gizemli, hepsi bu

133
00:06:35,473 --> 00:06:38,250
Burada, hey, tarayıcı means--
HTML sürüm 5 ile birlikte gelir.

134
00:06:38,250 --> 00:06:41,741
>> Bu geri kalanı bizimle olmuştur
Bir süredir, tarihsel olarak,

135
00:06:41,741 --> 00:06:44,740
ancak gelişen olmuştur, ve bu kadar
muhtemelen biraz daha basit elde edilmiştir.

136
00:06:44,740 --> 00:06:47,320
Birkaç özelliklerini fark
Ben vurguladık ne.

137
00:06:47,320 --> 00:06:49,890
açılı bu şeyler var
Sol dirsek brackets--

138
00:06:49,890 --> 00:06:51,040
ve sağ ayraç.

139
00:06:51,040 --> 00:06:52,490
Ve burada simetri dikkat edin.

140
00:06:52,490 --> 00:06:57,340
Ve simetri, ben gibi, demek ben
Burada bu başlangıç ​​etiketi veya açık etiketine sahip

141
00:06:57,340 --> 00:07:01,560
eğer sen, buraya bir var
yakın etiketi veya var bir bitiş etiketi

142
00:07:01,560 --> 00:07:06,460
Sadece ölçüde bu olduğu gibi farklı
kelimenin başında çizgi

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

144
00:07:07,360 --> 00:07:09,360
Ve aklınıza gelebilecek
Bu raslantı olduğu gibi

145
00:07:09,360 --> 00:07:12,280
hey, daha önce öneren
tarayıcı, burada bazı HTML geliyor.

146
00:07:12,280 --> 00:07:16,060
Ve tersine, hey, tarayıcı, o
o HTML-- başlangıç ​​ve bitiş için.

147
00:07:16,060 --> 00:07:18,440
>> Burada arada hey, tarayıcı,
Benim sayfanın baş geliyor.

148
00:07:18,440 --> 00:07:20,140
Hey, tarayıcı, o kafa bu kadar.

149
00:07:20,140 --> 00:07:22,240
Hey, tarayıcı, burada
Benim sayfanın gövde.

150
00:07:22,240 --> 00:07:24,020
Hey, tarayıcı, bu vücut için bu kadar.

151
00:07:24,020 --> 00:07:26,940
Ve içindeki bu bazı
Şimdilik keyfi metin.

152
00:07:26,940 --> 00:07:30,520
Ve kafamın içinde, bu arada,
bazı keyfi ancak etiketli bir

153
00:07:30,520 --> 00:07:34,410
böylece, başlık diyor metni konuşmaya
sayfamın "merhaba dünya." olacaktır

154
00:07:34,410 --> 00:07:37,470
Şimdi, üzere hemen yapabilirsiniz
Bu tarayıcılar varsayalım

155
00:07:37,470 --> 00:07:41,762
daha ziyade, web sayfaları var, Sadece-- ya da
Sadece iki baş ve vücudu parts--.

156
00:07:41,762 --> 00:07:44,220
Ve baş sadece genellikle
Menü çubuğunun gibi, şeyler

157
00:07:44,220 --> 00:07:45,510
gerçekten sadece çok üstünde.

158
00:07:45,510 --> 00:07:48,910
Ve vücut sayfa cesaret olduğunu,
O büyük dikdörtgenin içinde her şey

159
00:07:48,910 --> 00:07:50,239
Bu ekranı doldurur.

160
00:07:50,239 --> 00:07:51,780
Bu yüzden go ahead ve bunu yapmak için gidiyorum.

161
00:07:51,780 --> 00:07:54,400
Ben önde gidecek ve
Kaydet 'i tıklatın, Kaydet Dosya.

162
00:07:54,400 --> 00:07:58,580
Ve ben kurtarmak için gidiyorum
Bu hello.html olarak,

163
00:07:58,580 --> 00:08:00,870
ve ben sadece gidiyorum
benim masaüstünde koydu.

164
00:08:00,870 --> 00:08:03,520
Ve ben gidiyorum
önde ve Kaydet'i tıklatın.

165
00:08:03,520 --> 00:08:05,806
Ve benim Mac notice--
en azından bana bağırıyor.

166
00:08:05,806 --> 00:08:07,180
Bunu yapmak istediğinizden emin misiniz?

167
00:08:07,180 --> 00:08:08,710
Ve evet, HTML kullanmak, söylemek için gidiyorum.

168
00:08:08,710 --> 00:08:10,400
Ben bu durumda daha iyi biliyorum.

169
00:08:10,400 --> 00:08:14,686
Ve şimdi benim masaüstü gidiyorum
nerede aniden bu dosya var.

170
00:08:14,686 --> 00:08:16,060
Ve bunu çift tıklayın gidiyorum.

171
00:08:16,060 --> 00:08:18,268
Ve tarafından, fark edeceksiniz
Varsayılan Chrome açtı.

172
00:08:18,268 --> 00:08:19,996
çünkü o budur
Varsayılan tarayıcı.

173
00:08:19,996 --> 00:08:21,370
Ve bu sadece "merhaba dünya" diyor.

174
00:08:21,370 --> 00:08:23,078
Ama, merhaba "diyor
iki yerde dünya ".

175
00:08:23,078 --> 00:08:23,979
Üst sol dikkat edin.

176
00:08:23,979 --> 00:08:25,020
Bu kaçırmak oldukça zor.

177
00:08:25,020 --> 00:08:26,180
Bu büyük ve kalın olduğunu.

178
00:08:26,180 --> 00:08:30,690
Ve burada başka o görünüyor
, "Merhaba dünya" demek?

179
00:08:30,690 --> 00:08:31,470
>> İZLEYİCİ: sekmesi.

180
00:08:31,470 --> 00:08:33,100
>> DAVID J. MALAN: Evet, sekme kendisi.

181
00:08:33,100 --> 00:08:35,159
Yani başkanı söyledi
sayfa her şey iyi-- olduğunu

182
00:08:35,159 --> 00:08:36,367
ve aslında bu başlık.

183
00:08:36,367 --> 00:08:37,710
Sadece burada sekmesinde var.

184
00:08:37,710 --> 00:08:40,320
Ve ben bu sekmeyi indirebiliriz
dışarı karıştırmayın şekilde değil.

185
00:08:40,320 --> 00:08:43,360
Bu, artık sadece tek bir sekme
ve gerçekten biz "Merhaba dünya" bakın

186
00:08:43,360 --> 00:08:45,970
buraya ve "merhaba dünya" burada.

187
00:08:45,970 --> 00:08:47,160
Yani oldukça basit.

188
00:08:47,160 --> 00:08:49,050
Ama aynı zamanda oldukça basit.

189
00:08:49,050 --> 00:08:50,440
Ve, aslında, yakınlaştırılmış.

190
00:08:50,440 --> 00:08:53,272
Ben sadece yazı tipi boyutunu değiştirmek için
erişilebilirlik için büyütün.

191
00:08:53,272 --> 00:08:56,830
Ama şimdi bir şey yapalım
biraz daha ilginç.

192
00:08:56,830 --> 00:08:59,760
>> Ben whoops, izin go-- gidiyorum
benim metin dosyasına geri almak.

193
00:08:59,760 --> 00:09:02,400
Ben geri dönüyorum benim
metin dosyası, ve ben gidiyorum

194
00:09:02,400 --> 00:09:06,320
Bunu değiştirmek ve söylemek
"Merhaba, Disney World."

195
00:09:06,320 --> 00:09:07,970
Kayıt etmek.

196
00:09:07,970 --> 00:09:10,919
Ve geri dönmek benim
tarayıcı ve yükle 'yi tıklatın.

197
00:09:10,919 --> 00:09:12,710
Ve şimdi, tabii ki, onu
"Disney World" diyor.

198
00:09:12,710 --> 00:09:15,500
Ve ben yapay yakınlaştırmak için gidiyorum
sadece bu yüzden o daha rahat görebilirsiniz.

199
00:09:15,500 --> 00:09:19,012
Yani şimdi, ne yazık ki, ben tür istiyorum
aşağıdaki amaçlara aslında, bu bir Mac özellik.

200
00:09:19,012 --> 00:09:21,720
Ben Disney World'e tıklayın istediğiniz
ve disney.com gibi bir yere gitmek,

201
00:09:21,720 --> 00:09:23,290
ama bu işe yaramazsa.

202
00:09:23,290 --> 00:09:26,850
Yani web temel ilkelerinden biridir
köprüler, başka bir yere gitmek bağlantılar.

203
00:09:26,850 --> 00:09:28,390
Peki bunu nasıl yapacağım?

204
00:09:28,390 --> 00:09:34,690
Eh, ben sadece söyleyebiliriz,
"Merhaba, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Bunu kaydet.

206
00:09:36,110 --> 00:09:37,620
Yükle.

207
00:09:37,620 --> 00:09:39,400
Ama bu da, tıklanabilir değil.

208
00:09:39,400 --> 00:09:42,930
Ve olsa bile, burada güzel ne
Bu, henüz işlevsel değildir

209
00:09:42,930 --> 00:09:45,930
o görünüyor olmasıdır
tarayıcı tam anlamıyla sadece yapar

210
00:09:45,930 --> 00:09:46,950
ne yapmam için bunu söylemek.

211
00:09:46,950 --> 00:09:50,110
Yani sadece bu gibi bir URL yazarsanız,
Sadece bana URL'yi göstermek için gidiyor.

212
00:09:50,110 --> 00:09:54,270
Ben etiketleri veya biçimlendirme kullanmanız gerekir
dil aslında anlatmak için

213
00:09:54,270 --> 00:09:55,621
tarayıcı daha yapmak.

214
00:09:55,621 --> 00:09:57,870
Yani önde gidiyorum ve
Bir an için bu silin.

215
00:09:57,870 --> 00:10:00,980
Ve ben, hey, söyleyeceğim
tarayıcı, burada bir çapa başlatmak,

216
00:10:00,980 --> 00:10:02,650
bir bağlantı tabiri caizse.

217
00:10:02,650 --> 00:10:07,500
Ve hiper referans, hedef
Bu çapa, bu URL olmalıdır.

218
00:10:07,500 --> 00:10:08,750
Ve benim tırnak dikkat edin.

219
00:10:08,750 --> 00:10:11,590
Ben de tek tırnak kullanabilirsiniz,
ama tutarlı olmak zorunda,

220
00:10:11,590 --> 00:10:14,270
ve ben genellikle sadece kullanmak
çift ​​tırnak basit tutmak için.

221
00:10:14,270 --> 00:10:16,820
Ben etiketi kapatmak için gidiyorum dikkat edin.

222
00:10:16,820 --> 00:10:21,160
Ve sonra burada ben gidiyorum
"Disney World." Demek

223
00:10:21,160 --> 00:10:26,890
Ve şimdi biraz symmetry-- ihtiyacım
açık aparatı, / a, dirsek kapattı.

224
00:10:26,890 --> 00:10:28,090
>> Peki ne girmiştik?

225
00:10:28,090 --> 00:10:30,100
Biz zaten bir kaç etiketi yaşadım.

226
00:10:30,100 --> 00:10:32,410
HTML, Baş, Başlık, Vücut,
tüm etiketler vardır, tabiri caizse,

227
00:10:32,410 --> 00:10:34,280
açık ve kapalı meslektaşları ile.

228
00:10:34,280 --> 00:10:36,530
Ama haber, bu tür
bir temelde farklı.

229
00:10:36,530 --> 00:10:39,140
Bu diyeceğiz ne
HTML bir özellik.

230
00:10:39,140 --> 00:10:41,451
Ve bir özelliktir
Sadece bir anahtar-değer çifti.

231
00:10:41,451 --> 00:10:43,950
Bu sık görülen bir şey olduğunu
Bilgisayarın fen dersinden anahtar-değer çifti.

232
00:10:43,950 --> 00:10:45,770
Bu ticaretin aracın tür.

233
00:10:45,770 --> 00:10:47,040
Bir anahtar ve bir değer.

234
00:10:47,040 --> 00:10:49,390
Bir kelime ve daha sonra bazı
diğer kelime ya da kelimeler.

235
00:10:49,390 --> 00:10:53,790
Bu durumda, anahtar, HREF
ve değer konusunda tam URL.

236
00:10:53,790 --> 00:10:57,890
Ve ne bir özellik yok öyle
Bir etiketin davranışını etkiler.

237
00:10:57,890 --> 00:11:01,010
Bu durumda, etki için gereken
çapa etiketinin davranışı,

238
00:11:01,010 --> 00:11:04,140
Biz çapa gerekiyor çünkü
yere Bu linki.

239
00:11:04,140 --> 00:11:06,960
Ve bu işi nasıl
niteliğin arada.

240
00:11:06,960 --> 00:11:08,970
>> Bu yüzden devam edeceğim
ve şimdi dosyayı kaydedin.

241
00:11:08,970 --> 00:11:11,300
geri tarayıcı ve yeniden yükleme gidin.

242
00:11:11,300 --> 00:11:14,580
Ve, işte, şimdi var
meşru bir web sayfası başlangıçlar.

243
00:11:14,580 --> 00:11:18,420
Süper basit, ama gelirseniz üzerinde
sol alt köşesinde bu-- haber,

244
00:11:18,420 --> 00:11:19,830
süper-küçük.

245
00:11:19,830 --> 00:11:21,730
Ama www.disney.com görüyorum.

246
00:11:21,730 --> 00:11:27,076
Ve ben, gerçekten bu bunu tıklarsanız
uzak disney.com beni whisks.

247
00:11:27,076 --> 00:11:29,380
Şimdi, ilginç bir şey
burada olmadığıdır

248
00:11:29,380 --> 00:11:33,940
En pazarlanabilir URL'yi best--, ama
Bu dosya yok çünkü bu iyi

249
00:11:33,940 --> 00:11:35,360
World Wide Web üzerinde mevcuttur.

250
00:11:35,360 --> 00:11:39,740
Görünüşe göre bir yerel dosya olarak var
Benim Kullanıcılar directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
John Harvard-- / masaüstü için.

252
00:11:41,890 --> 00:11:42,634
Ama bir URL'ye sahiptir.

253
00:11:42,634 --> 00:11:43,800
Sadece yerel olur.

254
00:11:43,800 --> 00:11:47,050
Ne yazık ki, içinizden hiçbiri ziyaret edebilirsiniz
Bu, bu URL'yi yazarsanız, çünkü

255
00:11:47,050 --> 00:11:49,980
Eğer, tarayıcınızı söylüyorum duyarım
Bir dosya adı verilen hello.html arayın

256
00:11:49,980 --> 00:11:50,772
Sabit diskinizde.

257
00:11:50,772 --> 00:11:53,271
Ve, tabii ki, olduğunuz sürece
manuel boyunca takip,

258
00:11:53,271 --> 00:11:54,530
orada var gitmiyor.

259
00:11:54,530 --> 00:11:55,190
>> Yani bu iyi.

260
00:11:55,190 --> 00:11:57,815
Biz hala, sonuçta, bir yol gerekir
web içine bu dosyayı almak için,

261
00:11:57,815 --> 00:12:01,180
ama en birkaç ayrı alay edelim
güvenlik etkileri ne sadece

262
00:12:01,180 --> 00:12:04,850
gördüm ve daha önceki geri kravat
Bu sabah tartışma.

263
00:12:04,850 --> 00:12:08,200
Bu çıkıyor, bir eğer
tarayıcı tam anlamıyla sadece yapar

264
00:12:08,200 --> 00:12:12,560
Yapmam için bunu söylemek ve göründüğü gibi
bir çapa etiketi durum için

265
00:12:12,560 --> 00:12:17,380
değeri tarafından etkilenir
Bu özellik olarak adlandırılan href

266
00:12:17,380 --> 00:12:20,810
ancak bu görüntüler
Metin, bu gibi görünüyor

267
00:12:20,810 --> 00:12:26,520
Ben URL'yi koymak olabilir ima etmek
her iki yerde de ve daha sonra yeniden

268
00:12:26,520 --> 00:12:29,100
ve şimdi URL'yi görmek ve URL'ye gidin.

269
00:12:29,100 --> 00:12:32,680
Uyarı, ben alt-sola üzerine gelirseniz,
Ben gerçekten disney.com hala gidiyorum.

270
00:12:32,680 --> 00:12:38,340
>> Hiç oldum eğer öyleyse
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
Bu sahte e-postalar biriyle
PayPal banka gibi gelen,

272
00:12:42,820 --> 00:12:46,470
muhtemelen içindeki bağlantıları gotten
Bunu okuyorsanız e-posta

273
00:12:46,470 --> 00:12:49,970
Eğer onaylamak gitmek için buraya tıklayın söyler
şifrenizi veya doğum tarihinizi teyit

274
00:12:49,970 --> 00:12:53,840
ya da sosyal ya da bir şey sosyal
Seni mühendislik ifşa etmek

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

276
00:12:54,920 --> 00:12:57,625
Eh, ben tür sürebilir
Ben yapamadım, bu avantaj?

277
00:12:57,625 --> 00:13:01,240
Ben bir şey söyleyebiliriz
gibi, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
Ve yerine Disney.com, ben
badguy.com gibi, gidebiliriz.

279
00:13:11,340 --> 00:13:12,850
Yükle.

280
00:13:12,850 --> 00:13:16,620
Ve dupe ne kadar kolay olduğunu,
Özellikle teknik olmayan bir okuyucu

281
00:13:16,620 --> 00:13:20,649
ya da gelişigüzel bir okuma
tıklayın daha okuyucu

282
00:13:20,649 --> 00:13:23,940
Ben Durdur-- tıklarsanız böyle bir bağlantı,
Aslında badguy.com gitmek istemiyorum.

283
00:13:23,940 --> 00:13:25,398
Aslında orada ne olduğunu bilmiyoruz.

284
00:13:25,398 --> 00:13:30,080
Yani paypal.com, haber, bir
o gidiyor ne diyor,

285
00:13:30,080 --> 00:13:33,210
ama tabii ki, ben aşağı bakacak olursak
süper-düşük, o biraz bulanık

286
00:13:33,210 --> 00:13:34,230
ama badguy.com diyor.

287
00:13:34,230 --> 00:13:38,644
Bu sadece şu anda söylemek var
ben yanlış yere gidiyorum.

288
00:13:38,644 --> 00:13:41,560
Ve daha önce söylediğim zaman o bankalar
Gerçekten teşvik veya tren olmamalı

289
00:13:41,560 --> 00:13:44,510
tıklayarak bağlantılar içine kullanıcıları, bu
Bunun sadece bir tezahürüdür.

290
00:13:44,510 --> 00:13:45,430
Ve bu kadar basit.

291
00:13:45,430 --> 00:13:48,120
Bir düşman eğer şimdi
Eğer böyle bir şey yapmak

292
00:13:48,120 --> 00:13:51,000
ve bir kullanıcıyı kandırmak için denemek
sizin sitenizi ziyaret içine.

293
00:13:51,000 --> 00:13:53,320
Ama şimdi, biz devam edeceğiz
şeyler, güzel ve temiz.

294
00:13:53,320 --> 00:13:55,640
Biz önde gidiyoruz
ve bu değişiklikleri geri sarma.

295
00:13:55,640 --> 00:13:56,530
Sayfayı yeniden yükleyin.

296
00:13:56,530 --> 00:13:57,740
Ve geri disney.com gidin.

297
00:13:57,740 --> 00:14:00,660
>> Biz alay edemez Bakalım
Bu birbirinden biraz daha.

298
00:14:00,660 --> 00:14:04,160
"Merhaba, Disney World." Yani

299
00:14:04,160 --> 00:14:05,950
Ben buraya söylemek için gidiyorum.

300
00:14:05,950 --> 00:14:08,220
Belki biraz yer açmak için gidiyorum.

301
00:14:08,220 --> 00:14:12,730
"Size kaldınız umuyoruz!"

302
00:14:12,730 --> 00:14:13,830
Kayıt etmek.

303
00:14:13,830 --> 00:14:15,850
Yükle.

304
00:14:15,850 --> 00:14:19,010
O değil rea-- değil
Ben, doğru amaçlanan ne oldu?

305
00:14:19,010 --> 00:14:21,870
Ben metin tedavi yaşıyorum Yani,
Bir kelime işlemci gibi dosya,

306
00:14:21,870 --> 00:14:24,894
Burada ne olacağını umut mı?

307
00:14:24,894 --> 00:14:27,060
Evet, orada gibi hissediyorum
Burada bir satır sonu olmalı,

308
00:14:27,060 --> 00:14:28,799
bu yüzden bir şekilde buggy hissediyor.

309
00:14:28,799 --> 00:14:31,090
Ama bu, aslında kasıtlı olduğunu
, Tıpkı daha önce çünkü

310
00:14:31,090 --> 00:14:33,381
Tarayıcınızın yalnızca gidiyor
yapmanız bunu söylemek ne.

311
00:14:33,381 --> 00:14:34,806
Ben satırları kırmak için söylemedim.

312
00:14:34,806 --> 00:14:37,930
Hatta, aşağı taşımak için söyledim ettik
Benim yaptığım gibi olsa da, sezgisel, hissediyorum.

313
00:14:37,930 --> 00:14:39,805
Yani biz ihtiyacımız çıkıyor
Biraz daha biçimlendirme,

314
00:14:39,805 --> 00:14:41,390
ve ben şu şekilde bu sorunu gidermek için gidiyorum.

315
00:14:41,390 --> 00:14:46,160
Merhaba öncelikle bu Önsöz için gidiyorum
Bir paragraf etiketi denir ne.

316
00:14:46,160 --> 00:14:48,920
Ve sonra ben önde gidiyorum
ve bu diğer cümleyi sarın

317
00:14:48,920 --> 00:14:54,370
Başka bir paragraf etiketi, olsa bile
süper-kısa paragraflar konum.

318
00:14:54,370 --> 00:14:55,930
Şimdi kurtarmaya gidiyorum.

319
00:14:55,930 --> 00:14:57,160
Yükle.

320
00:14:57,160 --> 00:14:59,070
Ve şimdi biz buna sahip
uzay ve biz bir çeşit

321
00:14:59,070 --> 00:15:01,680
semantik var
iki ayrı paragraf.

322
00:15:01,680 --> 00:15:05,290
>> Hepsi güzel ve iyi, ama it would
Bu sayfayı bir resim eklemek için güzel,

323
00:15:05,290 --> 00:15:08,710
bu yüzden aramaya gidiyorum
Google Görseller'de Mickey Mouse.

324
00:15:08,710 --> 00:15:12,830
Ve sadece eğlence için, ben
Bu resmi kapmak için gidiyor.

325
00:15:12,830 --> 00:15:15,350
Şimdi önde gidiyorum ve
Bu resmin URL'sini kapmak,

326
00:15:15,350 --> 00:15:16,510
Farklı var olsa
yolları Bunu yapmak için.

327
00:15:16,510 --> 00:15:18,520
Şimdilik, sadece URL'yi kopyalayın gidiyorum.

328
00:15:18,520 --> 00:15:24,770
Ben metin içine geri dönmek için gidiyorum
Dosya ve ben, burada söylemek için gidiyorum

329
00:15:24,770 --> 00:15:31,160
img src = alıntı unquote
Bu URL, süper uzun.

330
00:15:31,160 --> 00:15:34,580
Bir ve daha sonra kavramı
görüntü biraz farklıdır.

331
00:15:34,580 --> 00:15:38,640
başlangıç ​​hiçbir kavramı gerçekten var
Bir görüntü ve bir resim biten,

332
00:15:38,640 --> 00:15:40,630
Bir başlangıç ​​gibi bir bitiş etiketi etiketlemek.

333
00:15:40,630 --> 00:15:43,840
Bu yüzden biraz garip hissediyor
Beni anlam Bunu yapmak için

334
00:15:43,840 --> 00:15:45,390
bir yakın görüntü etiketi var.

335
00:15:45,390 --> 00:15:46,780
Bu yanlış değil.

336
00:15:46,780 --> 00:15:48,840
Bu mükemmel Doğru
ve teşvik ediyor,

337
00:15:48,840 --> 00:15:50,870
ama steno gösterimde var.

338
00:15:50,870 --> 00:15:53,780
Ben aynı anda tür can
açmak ve aynı etiketi kapatın

339
00:15:53,780 --> 00:15:55,510
ve bu tarayıcı mutlu edecek.

340
00:15:55,510 --> 00:15:56,950
Yani biraz var
şeyler için daha özlü

341
00:15:56,950 --> 00:15:59,408
kavramsal gerçekten yapmak
başlangıç ​​ve bitiş mantıklı.

342
00:15:59,408 --> 00:16:01,190
Onlar sadece orada, ya da değiller.

343
00:16:01,190 --> 00:16:06,020
>> Yani bu tasarruf ve geri dönmek için gidiyorum
Benim "merhaba dünya" sayfa ve yeniden yükleme için.

344
00:16:06,020 --> 00:16:09,880
Ve bu, biraz kontrolden çıktı
bu görüntü aslında, çünkü

345
00:16:09,880 --> 00:16:12,210
Büyük bir küçük, ama bu sorun değil.

346
00:16:12,210 --> 00:16:13,710
Ben bir programda yeniden boyutlandırmak olabilir.

347
00:16:13,710 --> 00:16:14,900
Ya da biliyorum.

348
00:16:14,900 --> 00:16:17,350
Sadece ben, göstermek için
Aslında söyleyeceğini

349
00:16:17,350 --> 00:16:21,760
Bu şeyin genişliği gerektiğini o
sadece 200 piksel, 200 nokta olacak.

350
00:16:21,760 --> 00:16:24,360
Beni go ahead ve kaydetmek izin
ve sayfa şimdi yeniden ve

351
00:16:24,360 --> 00:16:25,690
biraz daha makul görünüyor.

352
00:16:25,690 --> 00:16:27,260
Ama desen dikkat edin.

353
00:16:27,260 --> 00:16:30,030
Eh, biraz öğretti ettik tüm
Bir anlamda HTML, en az

354
00:16:30,030 --> 00:16:33,531
kavramsal, tüm HTML çünkü
Bu, açık etiketleri, etiketler kapalı tags--

355
00:16:33,531 --> 00:16:35,280
ve niteliklerini
davranışlarını değiştirmek.

356
00:16:35,280 --> 00:16:38,380
Ve görünüşe göre, her
etiketi sıfır veya birine sahip olabilir

357
00:16:38,380 --> 00:16:43,005
ya da iki ya da daha fazla özellik, her bir
hangi yapar biraz farklı bir şey.

358
00:16:43,005 --> 00:16:44,380
Şimdi, nasıl var biliyor musun?

359
00:16:44,380 --> 00:16:46,800
Sadece birine dinlemek
var olanı sana söyleyeyim gibi,

360
00:16:46,800 --> 00:16:50,860
ya da bir öğretici etrafında sadece Google
HTML, ve gerçekten bu basit.

361
00:16:50,860 --> 00:16:54,030
>> Gerçekten, ben bir üniversite öğrencisi iken oldu
yıllar önce ve HTML öğrendi

362
00:16:54,030 --> 00:16:56,530
benim matematik öğretiminin biri
yardımcıları sadece harcanan

363
00:16:56,530 --> 00:16:59,600
Beni ders zaman biraz
gibi yarım saat, bir saat,

364
00:16:59,600 --> 00:17:00,660
ve sonra ben yoluma oldu.

365
00:17:00,660 --> 00:17:03,300
Ben yapmak doğru yoluma oldu
Şimdiye kadar en iğrenç web siteleri,

366
00:17:03,300 --> 00:17:05,549
hangi görünüşe göre, ben değil
Gerçekten ötesinde ilerlemiştir.

367
00:17:05,549 --> 00:17:09,849
Ama nokta, bu senin kez
Bu basit ideas-- anlama

368
00:17:09,849 --> 00:17:13,450
oynamasından text-- ancak bu basit halinde
Bir düşünceyi başlayan fikirler

369
00:17:13,450 --> 00:17:15,960
ve, bir düşünce kapanış tutmak
her şey güzel, dengeli

370
00:17:15,960 --> 00:17:19,150
Kadar bir şey arıyorum değiştirerek
Bu etiketin davranışı, gerçekten hepsi

371
00:17:19,150 --> 00:17:20,079
buna vardır.

372
00:17:20,079 --> 00:17:28,140
Ve aslında, biz şimdi gidersek
Aslında google.com-- gibi bir şey,

373
00:17:28,140 --> 00:17:31,920
Hadi biraz daha yer gidelim
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
Ve ben görüntüle gitmek için gidiyorum
Geliştirici, Kaynağı.

375
00:17:37,800 --> 00:17:41,400
Bu çirkin, ama notice--
ve ben haber yakınlaştırmak olacak

376
00:17:41,400 --> 00:17:43,432
Zaten tanıdık bazı şeyler.

377
00:17:43,432 --> 00:17:45,140
Burada bu orada var
hangi bir tarayıcı.

378
00:17:45,140 --> 00:17:46,800
İşte HTML5 geliyor.

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

380
00:17:47,634 --> 00:17:49,550
Görünüşe göre, orada bir
Ben did not özniteliği

381
00:17:49,550 --> 00:17:51,540
belirtir kullanmak
Sayfanın dili,

382
00:17:51,540 --> 00:17:54,380
ve bu otomatik yardımcı olabilir
Böyle çeviri ve şeyler.

383
00:17:54,380 --> 00:17:55,546
İşte sayfanın başı.

384
00:17:55,546 --> 00:17:57,790
İşte Stanford sayfanın başlığı var.

385
00:17:57,790 --> 00:17:59,832
Ben yaptığım bir etiket var
yet-- Meta etiketi hakkında konuşmak.

386
00:17:59,832 --> 00:18:01,540
Sadece bir çeşit bulunuyor
arkaplan bilgisi.

387
00:18:01,540 --> 00:18:04,210
SEO ile yardımcı olur, ya da
Arama motoru optimizasyonu,

388
00:18:04,210 --> 00:18:06,320
veya Google arama sonuçları veya benzeri.

389
00:18:06,320 --> 00:18:09,029
Biz aramaya devam Ama, eğer tutmak
seyir, burada Vücut etiketi.

390
00:18:09,029 --> 00:18:11,570
Ve diğer demet var
etiketler henüz konuştuk ettik.

391
00:18:11,570 --> 00:18:13,750
Ama Div for a biridir
Sayfanın bölümü.

392
00:18:13,750 --> 00:18:16,680
Bu görünmez bir dikdörtgen gibi
ne tür zihinsel istiyorsanız

393
00:18:16,680 --> 00:18:20,160
içine sayfanızı bölmek
Online farklı birimler.

394
00:18:20,160 --> 00:18:22,650
divs Ve sonra bir sürü ben
, Sınıf denilen şey görmek

395
00:18:22,650 --> 00:18:24,440
ama biz geri geleceğiz.

396
00:18:24,440 --> 00:18:26,200
>> Bu interesting-- Formlar olduğunu.

397
00:18:26,200 --> 00:18:27,730
Formlar tüm web üzerinden vardır.

398
00:18:27,730 --> 00:18:30,310
sen herhangi bir arama kutusu
şimdiye kadar kullanılan bir formdur.

399
00:18:30,310 --> 00:18:31,490
Ve, böylece, en doğrusu bakalım.

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

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

402
00:18:33,910 --> 00:18:37,660
ne olursa olsun bu formun eylem
tarihsel nedenler, bu URL.

403
00:18:37,660 --> 00:18:38,840
Yöntem "post" dir.

404
00:18:38,840 --> 00:18:44,060
HTTP istekleri kullanabilirsiniz çıkıyor
Daha önce gördüğümüz gibi fiil, "olsun"

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

406
00:18:45,070 --> 00:18:47,030
Ve bir fark göreceksiniz
Bir an bu.

407
00:18:47,030 --> 00:18:48,363
en doğrusu bu ne olduğunu görelim.

408
00:18:48,363 --> 00:18:49,830
me back Stanford sayfasına gidelim.

409
00:18:49,830 --> 00:18:53,330
Ne biçim konuşuyorsun
yaklaşık sizce?

410
00:18:53,330 --> 00:18:54,485
Sana ne dışarı atlar?

411
00:18:54,485 --> 00:18:54,970
>> İZLEYİCİ: Arama kutusu.

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

413
00:18:55,845 --> 00:18:58,410
Sağ üst taraftaki kadar kadar
Burada bu ara kutusudur.

414
00:18:58,410 --> 00:19:02,441
Ve onlar bu-- bir uygulamaya nasıl
kelimenin tam anlamıyla açık dirsek form etiketi.

415
00:19:02,441 --> 00:19:03,940
Ve sonra bir şeye aramak için izin.

416
00:19:03,940 --> 00:19:09,220
en bir dostum için arama Let
benimkini "İsim Parlante." bir

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

418
00:19:11,380 --> 00:19:13,750
Ve tabii ki gitti
biraz daha farklı bir URL'dir.

419
00:19:13,750 --> 00:19:15,140
Beni burada geri dönelim.

420
00:19:15,140 --> 00:19:18,960
en aramak istiyorum "kursları."

421
00:19:18,960 --> 00:19:19,460
Lanet olsun.

422
00:19:19,460 --> 00:19:20,484
Farklı bir URL'ye gitti.

423
00:19:20,484 --> 00:19:23,400
Yani, Stanford Biraz sihir ekleyerek
Onlar URL'ye beni almıyorsun o

424
00:19:23,400 --> 00:19:25,820
Biz gördüm
eylem bağlıyor.

425
00:19:25,820 --> 00:19:32,480
Ama burada bu formu tamamen uygulanmaktadır
Burada bu biçimlendirme yoluyla, bu etiketleri.

426
00:19:32,480 --> 00:19:35,710
Aslında, burada giriş var:
İstediğiniz arama türü.

427
00:19:35,710 --> 00:19:38,940
İşte girdi içindir
Arama başka bir türü.

428
00:19:38,940 --> 00:19:41,960
İşte dize kendisi için girdidir.

429
00:19:41,960 --> 00:19:45,394
Ve böylece gol sarmak için değil,
Bu etiketlerin her yerinde zihinlerimiz

430
00:19:45,394 --> 00:19:46,060
ama sadece görmek için.

431
00:19:46,060 --> 00:19:48,300
Sadece açılış ve kapanış oluyor
etiketleri ve seyir şeyler kadar.

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

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

434
00:19:48,920 --> 00:19:49,795
>> İZLEYİCİ: [Duyulmaz]

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

436
00:19:51,925 --> 00:19:53,550
DAVID J. MALAN: Bu iyi bir soru.

437
00:19:53,550 --> 00:19:54,660
Görmek için biraz yanıltıcıdır.

438
00:19:54,660 --> 00:19:56,300
bana bu geri gelelim
Sadece birkaç dakika içinde soru

439
00:19:56,300 --> 00:19:59,000
Biz bir şey bakmak çağrılan
CSS, ya da basamaklı stil sayfaları,

440
00:19:59,000 --> 00:20:02,500
ve biz çıkarmayı deneyebilirsiniz
sayfadan kadar.

441
00:20:02,500 --> 00:20:08,090
Yani biz şimdi google.com bir göz atın eğer,
en kendi sayfasında neye benzediğini görelim.

442
00:20:08,090 --> 00:20:09,840
Bunu bugün şirin they're-- olacaktır.

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

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

445
00:20:12,990 --> 00:20:13,690
Hepsi tamam.

446
00:20:13,690 --> 00:20:15,260
Kaynağı Görüntüle böylece tamam.

447
00:20:15,260 --> 00:20:19,590
Google'ın sahip düşünürdüm
Gerçekten güzel bir kaynak kodu.

448
00:20:19,590 --> 00:20:24,970
Yani, görünüşe göre, burada ne oluyor?

449
00:20:24,970 --> 00:20:27,880
Ve aslında, bu da HTML değildir.

450
00:20:27,880 --> 00:20:30,930
Bu JavaScript denilen şeydir.

451
00:20:30,930 --> 00:20:32,344
Ve en gidiyor ve devam edelim.

452
00:20:32,344 --> 00:20:34,010
sayfa başladığı bile bilmiyorum.

453
00:20:34,010 --> 00:20:37,240
Ben Command kullanmak için gidiyorum
F açık dirsek HTML.

454
00:20:37,240 --> 00:20:38,200
Pekala, işte burada.

455
00:20:38,200 --> 00:20:44,150
Ben sayfanın başlangıcını bulundu ve
çok şeyler burada var.

456
00:20:44,150 --> 00:20:45,310
>> Gerçekte ne oluyor?

457
00:20:45,310 --> 00:20:47,460
Peki, ne biliyorsun,
Biz bu kadar temiz olabilir.

458
00:20:47,460 --> 00:20:52,109
Bunun yerine giderseniz bu kontrol edin
Araç çubuğu, bu özel tanı aracı,

459
00:20:52,109 --> 00:20:54,150
ve Ağa değil gitmek,
Bugün devam edin nereye,

460
00:20:54,150 --> 00:20:56,420
ama Elements giderseniz,
gerçekten güzel

461
00:20:56,420 --> 00:20:59,990
Bir tarayıcı bir yeri vardır olduğunu
Ben bunu çok daha iyi gözler.

462
00:20:59,990 --> 00:21:02,670
Ve tarayıcı okuyabilir
Bir web sayfasının bu karışıklık,

463
00:21:02,670 --> 00:21:04,700
HTML posta biz sadece
baktı, ve can

464
00:21:04,700 --> 00:21:08,340
bunu ayrıştırmak ya da okumak ve
analiz ve reformasyon

465
00:21:08,340 --> 00:21:09,910
Güzel bir insan dostu bir şekilde.

466
00:21:09,910 --> 00:21:11,740
Yani şimdi görüyorum ne
Burada bu ekranda

467
00:21:11,740 --> 00:21:15,470
Elementlerin altında, aynı içerik,
ama her şeyi girintili ettik,

468
00:21:15,470 --> 00:21:18,140
onlar colorized, ancak ettik
tam aynı metin var

469
00:21:18,140 --> 00:21:19,620
Ben sunucudan indirilen söyledi.

470
00:21:19,620 --> 00:21:23,630
>> Ve şimdi ne güzel ben görebiliyorum olduğunu
Vücutta, instance-- haber için,

471
00:21:23,630 --> 00:21:26,480
Sayfa hala oluşur
sadece baş ve gövde,

472
00:21:26,480 --> 00:21:28,660
ve ben hiyerarşik burada dalış yapabilirsiniz.

473
00:21:28,660 --> 00:21:32,420
Google gibi görünüyor fark
Bu bir ve bu bir divs-- için.

474
00:21:32,420 --> 00:21:33,310
Bunu genişletebilirsiniz.

475
00:21:33,310 --> 00:21:35,370
diğer divs bir sürü var.

476
00:21:35,370 --> 00:21:36,900
Bu yüzden biraz karmaşık.

477
00:21:36,900 --> 00:21:37,400
Fakat bekle.

478
00:21:37,400 --> 00:21:40,970
Bu çok fazla görünüyor
okunabilir, nispeten bu daha.

479
00:21:40,970 --> 00:21:43,840
Neden Google utanç verici
Sadece göndererek kendisi

480
00:21:43,840 --> 00:21:50,400
bazı kod bu büyük karmaşa
sıralama sadece bir şey uygulamak

481
00:21:50,400 --> 00:21:53,640
Bu ilk bakışta çok basit görünüyor?

482
00:21:53,640 --> 00:21:55,270
Gibi, neden daha fazla boşluk eklemeyin?

483
00:21:55,270 --> 00:21:56,811
Benim yaptığım gibi Neden Enter isabet etmedi?

484
00:21:56,811 --> 00:21:59,110
Bakın ne kadar iyi ben
Bir web sayfası yazma.

485
00:21:59,110 --> 00:22:00,680
Ben çok özenle Enter tuşuna basın.

486
00:22:00,680 --> 00:22:03,760
Ben bu yüzden her şeyi girintili
çok güzel ve okunabilir.

487
00:22:03,760 --> 00:22:08,463
Neden Google değil aynı pratik mu?

488
00:22:08,463 --> 00:22:11,409
>> İZLEYİCİ: [Duyulmaz]

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

490
00:22:12,305 --> 00:22:13,180
DAVID J. MALAN: İyi.

491
00:22:13,180 --> 00:22:14,270
Çok adil.

492
00:22:14,270 --> 00:22:16,650
Bazı yok
Google'da kişi manuel

493
00:22:16,650 --> 00:22:18,160
Artık ana sayfa güncellenmesi.

494
00:22:18,160 --> 00:22:20,010
Artık 1999 değil.

495
00:22:20,010 --> 00:22:21,140
Bu yüzden yazılım var.

496
00:22:21,140 --> 00:22:25,397
Onlar diğer araçları var
dinamik, HTML konum oluşturmak.

497
00:22:25,397 --> 00:22:27,480
Tabii ki, bu kod kendisi
İnsanlar tarafından yazılmıştır,

498
00:22:27,480 --> 00:22:30,220
ama gerçeklik,
o, söylemek oldukça adil

499
00:22:30,220 --> 00:22:33,340
Tarayıcınız kesinlikle değil
Kod nasıl dağınık önemsiyorum.

500
00:22:33,340 --> 00:22:35,940
Ama daha fazlası var
zorlayıcı teknik nedeni

501
00:22:35,940 --> 00:22:42,580
Google, HTML dağıtır
Böyle bir özensiz kod, görünüşte

502
00:22:42,580 --> 00:22:48,350
ezici bir yol hep birlikte paketlenmiş
çok az yol-- çok az

503
00:22:48,350 --> 00:22:51,274
Benim yaptığım gibi biçimlendirme yolunda.

504
00:22:51,274 --> 00:22:52,570
>> İZLEYİCİ: [Duyulmaz]

505
00:22:52,570 --> 00:22:53,528
>> DAVID J. MALAN: Daha hızlı?

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

507
00:22:54,040 --> 00:22:55,680
Ve sen, Lydia ne dedin?

508
00:22:55,680 --> 00:22:56,240
Daha hızlı?

509
00:22:56,240 --> 00:22:57,281
Neden daha hızlı?

510
00:22:57,281 --> 00:22:58,156
İZLEYİCİ: [Duyulmaz]

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

512
00:23:00,522 --> 00:23:02,230
DAVID J. MALAN: var
boşluk okumak için.

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

514
00:23:02,730 --> 00:23:04,560
Yani bir boşluk ne olduğunu düşünüyorum.

515
00:23:04,560 --> 00:23:08,394
Yani klavyedeki her karakter alır
alan bir miktar, temsil etmek

516
00:23:08,394 --> 00:23:10,560
ya fiziksel, bunun gibi
çok alan olduğunu kaplıyor

517
00:23:10,560 --> 00:23:13,250
ya da bir şekilde altında
davlumbaz, bu bellek gerektirir.

518
00:23:13,250 --> 00:23:15,740
olarak aside-- ve yaparız ve
Bu Yarın- hakkında daha fazla konuşmak

519
00:23:15,740 --> 00:23:19,930
Klavyenin her karakter
tipik 8 bit ya da bir bayt gerektirir.

520
00:23:19,930 --> 00:23:23,360
Yani 8 sıfırlardan oluşan bir desen veya
olanlar, ya da sadece 1 bayt, biz olarak

521
00:23:23,360 --> 00:23:24,720
insanlar genellikle söyleyebilirim.

522
00:23:24,720 --> 00:23:27,690
Böylece, küçük ama
Hala sıfır olmayan var.

523
00:23:27,690 --> 00:23:29,940
Hala uzay miktar var.

524
00:23:29,940 --> 00:23:36,082
Yani bir mühendis veya Google vurursa
space bar sadece bir kez, ve varsayalım

525
00:23:36,082 --> 00:23:38,540
Google-- öyle süper popular--
bir milyar insanın varsayalım

526
00:23:38,540 --> 00:23:40,780
Bir gün onların ana sayfasını ziyaret edin,
ya da bazı insanların sayısı

527
00:23:40,780 --> 00:23:43,290
ana sayfa a ziyaret
milyar kez bir gün,

528
00:23:43,290 --> 00:23:48,890
kaç ek bayt olduğunu vardır
yazılım mühendisi sadece Google'ı mal

529
00:23:48,890 --> 00:23:51,310
bir zamanlar onun uzay çubuğunu vurarak?

530
00:23:51,310 --> 00:23:52,692
>> İZLEYİCİ: [Duyulmaz]

531
00:23:52,692 --> 00:23:54,150
DAVID J. MALAN: Oldukça kötü değil.

532
00:23:54,150 --> 00:23:57,070
Sadece bir bayt kez milyar dolar.

533
00:23:57,070 --> 00:23:57,871
Yani bir--

534
00:23:57,871 --> 00:23:59,120
İZLEYİCİ: 8 milyar gigabayt.

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

536
00:24:00,370 --> 00:24:01,240
8 milyar bayt.

537
00:24:01,240 --> 00:24:02,410
Ama 1 gigabayt.

538
00:24:02,410 --> 00:24:04,080
1 gigabayt ölçü birimi olacaktır.

539
00:24:04,080 --> 00:24:08,240
o iki yaparsa
alanlarda, 2 gigabayt.

540
00:24:08,240 --> 00:24:09,030
Üç gigabayt.

541
00:24:09,030 --> 00:24:09,530
Sağ?

542
00:24:09,530 --> 00:24:11,860
Bu pahalı bir terazi.

543
00:24:11,860 --> 00:24:16,150
Ve böylece Google gibi durumlarda,
hangi verilen, aşırı durumlarda vardır,

544
00:24:16,150 --> 00:24:21,450
Sadece ortaya çıkan diğer sorunları vardır
çok makul kararlar alarak

545
00:24:21,450 --> 00:24:25,744
ya da çok basit bir insan eylemlerde,
Bu büyütülmüş bir etkiye sahiptir çünkü.

546
00:24:25,744 --> 00:24:27,660
nedenlerinden biri bu yüzden
Bu yüzden, sıkıştırılmış görünüm

547
00:24:27,660 --> 00:24:30,660
Victoria oldu ki-- tam gibidir
sadece zaten bilgisayar tarafından oluşturulan.

548
00:24:30,660 --> 00:24:31,900
Öylesine hayır büyük dağıtmak.

549
00:24:31,900 --> 00:24:33,309
tarayıcı anlamaya edelim.

550
00:24:33,309 --> 00:24:35,350
Ama aynı zamanda kasıtlı olarak
fazla yer yok,

551
00:24:35,350 --> 00:24:36,766
Uzay gerekli değildir, çünkü.

552
00:24:36,766 --> 00:24:38,250
Ve uzay aslında masraf.

553
00:24:38,250 --> 00:24:40,670
>> Ya, zaman maliyeti
Sadece itmek çünkü

554
00:24:40,670 --> 00:24:44,670
üzerinden o kadar daha fazla veri
Google.com'un merkezi sadece

555
00:24:44,670 --> 00:24:47,710
bir miktar almak için var
o milisaniye olsa bile zamanı,

556
00:24:47,710 --> 00:24:51,190
veya mikrosaniye, ama bu kadar ekler
Pek çok kullanıcı üzerinde, ya da daha büyük olasılıkla,

557
00:24:51,190 --> 00:24:52,270
muhtemelen masraf.

558
00:24:52,270 --> 00:24:54,690
Google muhtemelen bağlanır
Dünya, birinde başkası

559
00:24:54,690 --> 00:24:56,398
Bunların bakan
noktaları ve onlar varsa

560
00:24:56,398 --> 00:24:59,880
mali ilişki bir çeşit
bu sayede kendi veri masraf,

561
00:24:59,880 --> 00:25:01,730
onlar da olabilir
ne kadar veri minimize

562
00:25:01,730 --> 00:25:04,530
onlar üzerinde tükürme konum
kendi internet bağlantısı.

563
00:25:04,530 --> 00:25:07,630
>> Çok komik bir şey olsa da, sonuçta,
ya da belki güven verici bir şey,

564
00:25:07,630 --> 00:25:11,030
olsa bile bu korkunç görünüyor ki
ezici, günün sonunda,

565
00:25:11,030 --> 00:25:16,750
yine tam olarak aynı ilkeler var
Burada bir HTML bu çok basit sayfa

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

567
00:25:17,390 --> 00:25:20,610
Dolayısıyla, sadece özetlemek ve böylece
Eğer olmasaydı kurallı bir sürümü var

568
00:25:20,610 --> 00:25:25,900
burada, burada seçim tarafından birlikte aşağıdaki
web sayfalarının en basit olabilir,

569
00:25:25,900 --> 00:25:28,240
bu yüzden bir şey belki daha sonra oynamak için.

570
00:25:28,240 --> 00:25:30,790
>> Peki, bir tanıştırayım
Şimdi diğer fikirler çift.

571
00:25:30,790 --> 00:25:33,420
Biz tanıtmak üzereyiz
bir şey bir stil etiketi denir.

572
00:25:33,420 --> 00:25:38,110
Biz bu sayfayı stilize olabilir
daha ilginç şekillerde.

573
00:25:38,110 --> 00:25:40,860
HTML e-posta oysa Yani
tüm hakkında işaretleme olduğunu

574
00:25:40,860 --> 00:25:44,470
Veri, bir çeşit için belirterek
nasıl veri yapısı tarayıcı,

575
00:25:44,470 --> 00:25:48,110
nereye koymak o, CSS, veya
Basamaklı Stil Şablonu,

576
00:25:48,110 --> 00:25:52,640
İkinci bir dil olduğunu
genellikle HTML ile kaynaştı alır

577
00:25:52,640 --> 00:25:55,670
Biz see-- sizi temizlemek gibi
alan bir moment-- o kadar

578
00:25:55,670 --> 00:25:59,850
final mil, ve bunu stylizes.

579
00:25:59,850 --> 00:26:02,460
Bu renkler sadece doğru olur,
yazı tipi, sadece doğru boyutları

580
00:26:02,460 --> 00:26:03,860
konumlandırma doğru.

581
00:26:03,860 --> 00:26:06,510
Bu estetik hakkında herşey
ya değil, yaklaşık biçimlendirme

582
00:26:06,510 --> 00:26:08,330
temel veri kendisi.

583
00:26:08,330 --> 00:26:11,390
Ve en kolay yolu göstermek için
Bu örnek belki de.

584
00:26:11,390 --> 00:26:15,320
Yani üzerinde gitmek için gidiyorum
Benim basit bir metin dosyasına.

585
00:26:15,320 --> 00:26:17,970
Ve sadece bir an, ben olacak
sürecinde bize yürümek

586
00:26:17,970 --> 00:26:19,360
Bu kendimizi yapıyor.

587
00:26:19,360 --> 00:26:23,310
>> Ben dosyaya geri dönmek için gidiyorum
Burada sadece sayfayı yeniden

588
00:26:23,310 --> 00:26:25,800
Göründüğü gibi onaylayın.

589
00:26:25,800 --> 00:26:27,190
Şu an bulunduğumuz yer orası.

590
00:26:27,190 --> 00:26:31,170
çocuklar zevk alırdım gibi hissediyorum
Bu web sayfasında bazı renkler olan.

591
00:26:31,170 --> 00:26:34,480
Yani burada gitmek için gidiyorum
Sayfanın kafasının içine.

592
00:26:34,480 --> 00:26:38,130
Ve ben tarzı, / stil yapacağım.

593
00:26:38,130 --> 00:26:44,060
Ve sonra bu iç, ben gidiyorum
Benim page-- gövdesini anlatmak için

594
00:26:44,060 --> 00:26:46,870
ve bu biçimlendirme de olduğunu
İlk bakışta, belki biraz

595
00:26:46,870 --> 00:26:49,400
garip ama geleneksel.

596
00:26:49,400 --> 00:26:55,010
Ben arka söylemek için gidiyorum
Bu sayfanın rengi yeşil olmalıdır.

597
00:26:55,010 --> 00:26:57,960
Ve bu ne yazık ki
çeşit değil en iyi tasarım.

598
00:26:57,960 --> 00:27:00,710
Dikkat ederseniz önce
HTML dünyasında,

599
00:27:00,710 --> 00:27:03,190
Dedim nitelikleri olduğunu
Bu anahtar-değer çiftleri vardır.

600
00:27:03,190 --> 00:27:05,760
Bir şey teklifi eşittir
unquote "bir şey."

601
00:27:05,760 --> 00:27:08,810
oldu CSS dünyasında,
Bazı farklı kişiler tarafından tasarlanmış,

602
00:27:08,810 --> 00:27:11,020
onlar, o karar onların
Dünya, anahtar-değer çiftleri

603
00:27:11,020 --> 00:27:13,920
kelime kolon şey olurdu.

604
00:27:13,920 --> 00:27:15,220
Yani olsa da, aynı fikir.

605
00:27:15,220 --> 00:27:18,620
Bu değer ilişkilendirme var
her nasılsa bazı anahtar buna

606
00:27:18,620 --> 00:27:20,330
Bu sayfanın davranışını etkiler.

607
00:27:20,330 --> 00:27:21,901
>> Ve muhtemelen tahmin edebilirsiniz.

608
00:27:21,901 --> 00:27:24,150
bu muhtemelen gidiş nedir
asla ettik bile yapmak

609
00:27:24,150 --> 00:27:27,867
önce HTML ya da CSS gördünüz mü?

610
00:27:27,867 --> 00:27:29,450
İZLEYİCİ: Arka plan rengini değiştirin.

611
00:27:29,450 --> 00:27:30,560
DAVID J. MALAN: Evet,
Arka plan rengini değiştirmek.

612
00:27:30,560 --> 00:27:33,280
ve özellikle
Vücudun arka plan rengi.

613
00:27:33,280 --> 00:27:36,290
Ama sürece
Şimdi vücut ağıdır

614
00:27:36,290 --> 00:27:38,870
page-- o tek şey
başlık çubuğu gerçekten-- altında

615
00:27:38,870 --> 00:27:40,870
muhtemelen gidiyor
Aynı şeyi etkiler.

616
00:27:40,870 --> 00:27:41,430
Yani bakalım.

617
00:27:41,430 --> 00:27:42,490
Şimdi bu kurtaralım.

618
00:27:42,490 --> 00:27:44,310
Buraya gidin ve yeniden.

619
00:27:44,310 --> 00:27:46,140
Oldukça iğrenç.

620
00:27:46,140 --> 00:27:48,070
Ve ne oluyor
Burada bir yan etkidir.

621
00:27:48,070 --> 00:27:49,850
Ben sadece rastgele bu görüntü seçti.

622
00:27:49,850 --> 00:27:53,305
Neden yeşil değil
Mickey arkasında nüfuz?

623
00:27:53,305 --> 00:27:54,180
İZLEYİCİ: [Duyulmaz]

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

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

626
00:27:57,880 --> 00:28:01,750
Oldukça ki görüntüleri çıkıyor
Kullandığımız olabilir hemen bütün görüntüler,

627
00:28:01,750 --> 00:28:03,670
dikdörtgenler her rectangles-- bulunmaktadır.

628
00:28:03,670 --> 00:28:07,710
Mickey bazı eğrileri olsa bile
kendine ve bir geçmişe sahiptir,

629
00:28:07,710 --> 00:28:09,330
Bu arka plan bir şey olmalı.

630
00:28:09,330 --> 00:28:10,280
Bu beyaz olmak zorunda.

631
00:28:10,280 --> 00:28:11,910
Siyah ya da başka bir şey olmak zorunda.

632
00:28:11,910 --> 00:28:13,650
Bu şeffaf olabilir.

633
00:28:13,650 --> 00:28:16,100
Ve aslında, I could
Burada Mickey Mouse açmak

634
00:28:16,100 --> 00:28:18,590
Photoshop adlı programda
ya da benzer bir şey

635
00:28:18,590 --> 00:28:21,176
ve o beyaz tüm değiştirmek
şeffaf arka plan,

636
00:28:21,176 --> 00:28:22,550
yani yeşil ile parlaklık olacaktır.

637
00:28:22,550 --> 00:28:25,980
Ama bu ihtiyaç duyduğu şey
Kendim veya bir grafik sanatçısı sormak için

638
00:28:25,980 --> 00:28:28,130
ya da bir tasarımcı benim
şirketi, örneğin,

639
00:28:28,130 --> 00:28:31,490
Özellikle ben sadece bu yana, yapmak
internetten bu bir ödünç.

640
00:28:31,490 --> 00:28:33,030
Bu neden oluyor ama bu.

641
00:28:33,030 --> 00:28:34,980
>> Yani başka ne yapmak isteyebilirsiniz?

642
00:28:34,980 --> 00:28:41,040
Eh, biz biz söylemek isteyebilirsiniz
Gerçekten siz kaldınız umuyoruz.

643
00:28:41,040 --> 00:28:44,150
Ve vurgu için, ben istiyorum
Bu güçlü hale getirmek için,

644
00:28:44,150 --> 00:28:48,310
ve bu yüzden açık, güçlü ve söyleyeceğim
Güçlü kapatın ve sonra yeniden yükleyin.

645
00:28:48,310 --> 00:28:50,320
Ve bu biraz zor
projektöre görmek için

646
00:28:50,320 --> 00:28:53,250
ama belki de gerçekten artık
biraz daha size dışarı atlar.

647
00:28:53,250 --> 00:28:56,180
Yani bu italik ekleyebilirsiniz
yolu, bu şekilde kalın kaplama.

648
00:28:56,180 --> 00:28:57,500
Biz renklerini değiştirebilir.

649
00:28:57,500 --> 00:29:01,610
Aslında, sadece tekmeler, ben
go ahead ve bunu yapmak için gidiyor.

650
00:29:01,610 --> 00:29:05,120
Gerçekten nasıl sevmiyorum benim
paragraflar, birbirine bu kadar yakın olan

651
00:29:05,120 --> 00:29:06,870
bu yüzden böyle bir şey yapabilir.

652
00:29:06,870 --> 00:29:13,310
Ben tarayıcı söyleyeceğim,
için her paragraf etiketini değiştirmek,

653
00:29:13,310 --> 00:29:16,952
ne biliyorsun, en doğrusu açarsanız edelim,
en metne-align, merkezi hizaya edelim.

654
00:29:16,952 --> 00:29:19,410
Ve yine, ben bu sadece bilmek
Birisi bana öğretti, çünkü

655
00:29:19,410 --> 00:29:21,118
ya ben baktım
online başvuru.

656
00:29:21,118 --> 00:29:22,450
Bu yüzden bana bu tasarruf sağlar.

657
00:29:22,450 --> 00:29:25,070
Ve, ah, şimdi var
Orada görüntü merkezli.

658
00:29:25,070 --> 00:29:28,490
Ve aslında, ne, bilmek
Ben bir paragraf içine benim görüntü taşımak

659
00:29:28,490 --> 00:29:34,510
tag-- böylece üçüncü paragrafı,
Hatta metne değil gerçi.

660
00:29:34,510 --> 00:29:36,917
en kaydetmek ve yeniden edelim.

661
00:29:36,917 --> 00:29:40,000
Şimdi sayfa tür bakmaya başlıyor
of-- ben, hala, oldukça çirkin anlamına

662
00:29:40,000 --> 00:29:43,180
Ben harcanan gibi ama en azından görünüyor
iki dakika yerine bir dakika

663
00:29:43,180 --> 00:29:43,950
gerçekleştirmek.

664
00:29:43,950 --> 00:29:47,200
>> Ve böylece, adım adım, biz yapabilir
Sayfanın şimdi bu estetik değişiklikler?

665
00:29:47,200 --> 00:29:50,860
Gerçekten veri değişmedi ettik
Gerçekten kelime ekleyerek başka sayfa.

666
00:29:50,860 --> 00:29:52,650
eğer sen ben, meta ekledik.

667
00:29:52,650 --> 00:29:54,830
Hey, tarayıcı, yapmak
kelimesi "gerçekten" cesur.

668
00:29:54,830 --> 00:29:56,940
Ancak veri güçlü değildir.

669
00:29:56,940 --> 00:29:57,830
Bu meta değil.

670
00:29:57,830 --> 00:29:59,410
veri "gerçekten" dir.

671
00:29:59,410 --> 00:30:02,200
Bu yüzden hala bazıları var
aynı kavramlar olarak önce.

672
00:30:02,200 --> 00:30:05,990
Şimdi, tabii ki, bu ağ-değil,
bu yüzden burada bir son adımı yapacağım.

673
00:30:05,990 --> 00:30:10,300
>> Ben hello.html gitmek için gidiyorum
ve sadece vurgulamak ve bu kopyalayın.

674
00:30:10,300 --> 00:30:12,285
Ve şimdi ben gidiyorum
Cloud9, gitmek hangi

675
00:30:12,285 --> 00:30:13,910
Ben sadece bir an sizi içinden yürüyeceğiz.

676
00:30:13,910 --> 00:30:17,080
Ve oranlar, eğer yakında olacak olan
değil zaten böyle bir ekranda.

677
00:30:17,080 --> 00:30:21,080
Ve bana sadece size hızlı vereyim
Cloud9 aslında ne tur.

678
00:30:21,080 --> 00:30:26,590
Yani yine 9 bulut
Bu bulut tabanlı hizmet

679
00:30:26,590 --> 00:30:30,580
Bu size ve bana yanılsamasını verir
bizim kendi sanal makine olan

680
00:30:30,580 --> 00:30:33,090
bulut içinde teknik
bulut bir kap olup,

681
00:30:33,090 --> 00:30:35,160
biz tam olması
yönetici ayrıcalıkları için.

682
00:30:35,160 --> 00:30:37,130
teoride, hiç kimse bu yüzden
Dünyada başka sahiptir

683
00:30:37,130 --> 00:30:39,152
Ben ekrana erişim
Şu anda bakarak,

684
00:30:39,152 --> 00:30:40,860
belki insanlar hariç
kim siteyi çalıştırın,

685
00:30:40,860 --> 00:30:43,470
teknik onlar çünkü
fiziksel erişim ve benzeri.

686
00:30:43,470 --> 00:30:44,740
>> Bu yüzden bu ortamda ne görüyorsun?

687
00:30:44,740 --> 00:30:46,230
Ben, uzaklaştırmak için gidiyorum
biraz küçük olduğu için.

688
00:30:46,230 --> 00:30:48,104
Ve ben üzerinde işaret izin
Burada sadece bir an için.

689
00:30:48,104 --> 00:30:53,210
sol tarafta benim ve senin
ekran, solda bir dosya tarayıcısı var.

690
00:30:53,210 --> 00:30:55,362
ruhu içinde çok benzer
Mac OS ve Windows için.

691
00:30:55,362 --> 00:30:57,070
Bunlar hepsi
Hesabımda dosyaları.

692
00:30:57,070 --> 00:30:59,250
Ve varsayılan olarak, eğer senin
hesap, benimki gibi

693
00:30:59,250 --> 00:31:05,090
Gördüğünüz veya yakında göreceksiniz
helloworld.html ve readme.md.

694
00:31:05,090 --> 00:31:07,950
Burada sağ tarafta üzerinde, bu
nerede metin dosyaları gidecek.

695
00:31:07,950 --> 00:31:11,620
Hiç Microsoft kullandıysanız
Kelime Not Defteri veya TextEdit veya

696
00:31:11,620 --> 00:31:14,100
Bu kelime benim düzenleme olduğunu
Dosyaların gidecek.

697
00:31:14,100 --> 00:31:16,540
Ve sonra en esrarlı
Bu ortamın özelliği

698
00:31:16,540 --> 00:31:20,100
biz gerçekten kullanmaya gerek olmayacak
Burada bir Terminal Pencere denir.

699
00:31:20,100 --> 00:31:23,390
sizden DOS kullandıysanız
yesteryear, bu Linux

700
00:31:23,390 --> 00:31:25,450
veya DOS Linux eşdeğer.

701
00:31:25,450 --> 00:31:28,190
Bir metin tabanlı arabirimini, var
Hiçbir fare tıklamaları, hiçbir sürükleme.

702
00:31:28,190 --> 00:31:30,770
Yapabileceğiniz Hepsi bir
komutları, ancak bu komutlar

703
00:31:30,770 --> 00:31:34,400
dosyaları, dosyaları oluşturmak taşıyabilir, açık
dizinleri, yakın rehberler,

704
00:31:34,400 --> 00:31:35,740
şeylerin herhangi bir sayı yok.

705
00:31:35,740 --> 00:31:38,060
Şimdilik Ama, biz sadece edeceğiz
Burada bizim zaman kadar harcama.

706
00:31:38,060 --> 00:31:39,050
>> Ve bu yüzden bu yapalım.

707
00:31:39,050 --> 00:31:41,008
Bu konum
çevre, sen-meli

708
00:31:41,008 --> 00:31:45,900
Bir çalışma alanı oluşturulmuş ise olmak
Zaten, go ahead ve sadece kadar gitmek

709
00:31:45,900 --> 00:31:48,690
Bir an için, Yeni Dosya.

710
00:31:48,690 --> 00:31:51,740
Ve bu size yeni verecek
Burada ortada sekmesi.

711
00:31:51,740 --> 00:31:54,250
Ve ben sadece- ve yapalım
go ahead ve bunu.

712
00:31:54,250 --> 00:31:59,910
en Kaydet Dosya yok artık devam edin ve let
ve devam edin ve hello.html çağrı,

713
00:31:59,910 --> 00:32:02,740
ile karıştırılmamalıdır
helloworld.html, burada

714
00:32:02,740 --> 00:32:06,910
, Yeni ücretsiz bir hesap ile geldi
hangi sadece bir örnek dosyasıdır.

715
00:32:06,910 --> 00:32:11,020
Bunu aniden ortaya göreceksiniz,
Sol taraftaki büyük olasılıkla

716
00:32:11,020 --> 00:32:12,810
ve sekme hala açık olacak.

717
00:32:12,810 --> 00:32:21,300
Ve beni yeniden şimdi teşvik edelim
Bu dosya veya bunların bazı varyantları.

718
00:32:21,300 --> 00:32:24,607
Ve oldukça üzerinde göremiyorum eğer
ekran, bu slaytlar aynıdır

719
00:32:24,607 --> 00:32:26,190
muhtemelen başka bir sekmede olması.

720
00:32:26,190 --> 00:32:29,296
>> Yani kısacası, ilk web sayfası yapmak
o, ve sonra sadece bir an kaydetmek,

721
00:32:29,296 --> 00:32:31,170
nasıl ben size göstereceğim
aslında bu görüntüleyebilirsiniz.

722
00:32:31,170 --> 00:32:32,970
Ama en azından bir şeyi değiştirmez.

723
00:32:32,970 --> 00:32:35,400
için HelloWorld değiştirin
kendi seçtikleri bir şey,

724
00:32:35,400 --> 00:32:39,821
o senin olduğunu ikna olduğunu ve böylece
Ben sadece oluşturduğunuz bir dosya değil.

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

726
00:32:40,320 --> 00:32:43,804
Ve hiçbir ready-- yaparken
Hazır olduğunda rush--,

727
00:32:43,804 --> 00:32:46,220
devam edin ve dosyayı kaydedin
bir kez bu değişiklikler yaptık.

728
00:32:46,220 --> 00:32:49,540
Ve eğer tıklarsanız
Run düğme kontör, bu

729
00:32:49,540 --> 00:32:53,610
anlatacağım yeni bir sekme açın gerekir
sen, sen dosyanızı ziyaret edebilirsiniz ne URL

730
00:32:53,610 --> 00:32:56,380
ama bir an alabilir
alıntı ", Apache başlatmak" demektedir ki

731
00:32:56,380 --> 00:32:58,820
Web sunucusunun adıdır.

732
00:32:58,820 --> 00:33:02,430
Yani tam olarak yapmak için dikkatli olun
Ne sonuçta dosyada var.

733
00:33:02,430 --> 00:33:04,610
Yani şimdi, ben yakınlaştırmak gerekir.

734
00:33:04,610 --> 00:33:07,780
Ben yazmaya başlayın, eğer
açık dirsek HTML, haber

735
00:33:07,780 --> 00:33:09,650
Benim düşünce bitirmek için bana sormadan ediyor.

736
00:33:09,650 --> 00:33:13,750
Ve benim düşünce bitmiş ise, o
otomatik bana kapanış etiketi verir.

737
00:33:13,750 --> 00:33:17,190
Ama beklenti o zaman vurmak, güvenlik danışma
Girin ve ardından içeride hareket

738
00:33:17,190 --> 00:33:21,180
ve iç kafa yapmak ve
Sonra içimde vücudu yapmak.

739
00:33:21,180 --> 00:33:24,430
Ve bu, ilk başta biraz garip
Sizin için iş yapıyor çünkü,

740
00:33:24,430 --> 00:33:27,110
ama sonuçta fark
size tuş vuruşlarını kaydeder.

741
00:33:27,110 --> 00:33:30,500
arasında ve aslında, bir çok yaygın bir özellik
Programlama bugünlerde ortamlarında

742
00:33:30,500 --> 00:33:33,260
Her iki gibi web geliştirme için
Bu ve gerçek programlama,

743
00:33:33,260 --> 00:33:36,960
hangi yarına bahsedeceğiz,
Bu otomatik tamamlama özellikleri olduğunu,

744
00:33:36,960 --> 00:33:39,710
Sadece bir izin şeyler
programcı veya tasarımcı

745
00:33:39,710 --> 00:33:42,010
daha az tuş vuruşlarını yazın
Aynı şeyi başarmak.

746
00:33:42,010 --> 00:33:43,176
Bazen olsa iyi.

747
00:33:43,176 --> 00:33:44,560
Bazen sadece sinir bozucu.

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

749
00:33:49,290 --> 00:33:54,010
Ve yine, bir kez transkripsiyonu ettik
slayt veya bunların bazı varyant,

750
00:33:54,010 --> 00:33:57,360
Eğer kontör Çalıştır düğmesini tıklayabilirsiniz.

751
00:33:57,360 --> 00:33:59,910
Sonra alt
Pencere, haberdar olacak

752
00:33:59,910 --> 00:34:04,290
Ne URL de web sayfasını ziyaret edebilirsiniz.

753
00:34:04,290 --> 00:34:08,790
Maden ocakları, örneğin yer almaktadır
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
ve benzeri.

755
00:34:11,480 --> 00:34:14,580
Pekala, bu yüzden bana-- herhangi bir soru olur mu?

756
00:34:14,580 --> 00:34:19,460
Sadece alma hakkında herhangi bir diğer sorular
özellikler eklemek önce bu çalışma?

757
00:34:19,460 --> 00:34:21,692
Ve sadece bana teklif izin
millet comfortable-- almak

758
00:34:21,692 --> 00:34:24,400
Sadece bir şey, çünkü
Ben ne yaptık körü körüne copy-paste.

759
00:34:24,400 --> 00:34:27,177
Ama millet güreşmek böylece
yapılacak iş en az biri ile,

760
00:34:27,177 --> 00:34:28,510
Ben biraz müzik açmak için gidiyorum.

761
00:34:28,510 --> 00:34:32,630
Ben bir liste önerecek gidiyorum
potansiyel ekleyebilirsiniz şeyler.

762
00:34:32,630 --> 00:34:34,086
Ve kesinlikle Google'ı kullanabilirsiniz.

763
00:34:34,086 --> 00:34:36,210
Ve neden biz sadece
çözmek için deneyin öneriyoruz

764
00:34:36,210 --> 00:34:38,710
En azından belirli bir sorunu burada.

765
00:34:38,710 --> 00:34:45,090
etiketleri açısından çok,
beni burada bu yeniden edelim.

766
00:34:45,090 --> 00:34:48,280
>> Aslında, bana koyalım
bir metin halinde kullanılabilir.

767
00:34:48,280 --> 00:35:02,380
en biz olabilir etiketleri arasında Diyelim ki
burada kullanmak Buraya biraz etiketleri bulunmaktadır.

768
00:35:02,380 --> 00:35:06,090
Biz paragraf etiketini gördüm.

769
00:35:06,090 --> 00:35:07,850
Şimdi otomatik tamamlama gidiyor.

770
00:35:07,850 --> 00:35:12,220
Paragraf etiketi, çapa etiketi.

771
00:35:12,220 --> 00:35:15,250
Diyelim ki istediğinizi varsayalım
bir şey daha büyük yapmak,

772
00:35:15,250 --> 00:35:19,480
böylece da-- olabilir
span etiketi yardımcı olabilir.

773
00:35:19,480 --> 00:35:23,010
Eh, biraz yardım gerekebilir
sadece bir an bunun için.

774
00:35:23,010 --> 00:35:24,830
Biz div gördük.

775
00:35:24,830 --> 00:35:26,170
Sen tablo var göreceksiniz.

776
00:35:26,170 --> 00:35:27,928
bir şey tr td var çağırdı.

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
Bir an geri o gel.

780
00:35:34,770 --> 00:35:36,590
kullanışlı başka ne olabilir?

781
00:35:36,590 --> 00:35:38,310
Güçlü var.

782
00:35:38,310 --> 00:35:43,640
Orada vurgu var, ya da daha doğrusu onları.

783
00:35:43,640 --> 00:35:50,110
Orada- başka ne
Burada fantezi olabilir?

784
00:35:50,110 --> 00:35:51,930
Eh, biz götürürüz
Birlikte Şuna bak.

785
00:35:51,930 --> 00:35:53,230
gördüğümüz Formu.

786
00:35:53,230 --> 00:35:54,130
Form var.

787
00:35:54,130 --> 00:35:56,500
giriş ve birkaç başka var.

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

789
00:35:58,924 --> 00:36:00,090
Pekala, hadi yapalım.

790
00:36:00,090 --> 00:36:02,330
Bir Victoria'nın cevaplamak için
soru, ilk bana izin

791
00:36:02,330 --> 00:36:05,020
sadece herkes emin olun
onların merhaba çalışma almanız mümkün.

792
00:36:05,020 --> 00:36:06,900
Sonra beni tanıştırayım
Birkaç diğer fikirler.

793
00:36:06,900 --> 00:36:09,209
Sonra millet çözmek izin vereceğim
Kendi başlarına biraz problem.

794
00:36:09,209 --> 00:36:11,500
Sonra biz aslında geri geleceğiz
Bir formun bu fikrine,

795
00:36:11,500 --> 00:36:14,950
ve biz aslında re-implement edeceğiz
Birlikte ön uç arayüzü,

796
00:36:14,950 --> 00:36:16,450
bu yüzden Google kendisi için, konuşmak için.

797
00:36:16,450 --> 00:36:19,700
Biz arka plan olarak Google'ı kullanıyor ve izin vereceğim
Onları zor işi yapmak, arama,

798
00:36:19,700 --> 00:36:22,760
ama biz ön uç yeniden edeceğiz
Google'da ve arama formu

799
00:36:22,760 --> 00:36:24,520
kendi ana sayfasında var.

800
00:36:24,520 --> 00:36:27,050
Ve böylece biz geri geleceğiz
sadece bir an bu etiketleri.

801
00:36:27,050 --> 00:36:30,270
>> Yani bu ne ben
sadece bir an önce önerdi.

802
00:36:30,270 --> 00:36:33,940
Biz, bir stilizasyonu ekleyebilir
Bu tarz etiketi içinde sayfa,

803
00:36:33,940 --> 00:36:36,950
ve biz arka plan stilize edebilirsiniz
renk, metin hizalama,

804
00:36:36,950 --> 00:36:39,000
Bu merkezi veya sola veya sağa olsun.

805
00:36:39,000 --> 00:36:41,630
Ama çok hızlı bir şekilde olur
bulmak ya da bir web tasarımcısı

806
00:36:41,630 --> 00:36:44,060
Bu bulacağını
Biraz ağır olur

807
00:36:44,060 --> 00:36:48,330
Eğer yapıyoruz, çünkü ne
Karıştırma içerik olarak adlandırılan

808
00:36:48,330 --> 00:36:50,120
sunumu ile bunların.

809
00:36:50,120 --> 00:36:53,756
Verilerinizi karıştırma konum
ve estetik bunların.

810
00:36:53,756 --> 00:36:56,380
Ve aslında, düşünün
Ne olan Zamanın üzerinde ne olacak

811
00:36:56,380 --> 00:36:58,350
Bu çok küçük
web sayfası, tabii ki.

812
00:36:58,350 --> 00:37:01,590
Ama bu sayfayı içerik eklerseniz
ve ben bu sayfaya stil eklemek,

813
00:37:01,590 --> 00:37:04,650
sayfa çok hızlı bir şekilde alır
uzun ve daha uzun ve daha uzun.

814
00:37:04,650 --> 00:37:07,510
Ve ben istiyorum varsayalım
İkinci bir web sayfası var

815
00:37:07,510 --> 00:37:09,010
Bu özelliklerden bazıları paylaşıyor.

816
00:37:09,010 --> 00:37:12,350
benim ikinci web sayfası için varsayalım benim
durmayacağız de, ben her şeyi merkezi istiyorum

817
00:37:12,350 --> 00:37:14,960
ve ben de her şeyi istiyorum
yeşil bir arka plan ile.

818
00:37:14,960 --> 00:37:17,940
Ben hemen hemen zorunda gidiyorum
kopyalama ve bu hatların bazıları yapıştırın

819
00:37:17,940 --> 00:37:20,730
İnce hissediyor ikinci dosya içine.

820
00:37:20,730 --> 00:37:22,030
Bu sorunu çözecektir.

821
00:37:22,030 --> 00:37:26,060
>> Ama üçüncü sayfa neyi istiyorsanız
Bir 30 sayfa veya 40 sayfa veya?

822
00:37:26,060 --> 00:37:28,730
Şimdi kopyalama için gidiyorum ve
yinelenen bir sürü kod yapıştırarak

823
00:37:28,730 --> 00:37:30,430
birden fazla dosya içinde.

824
00:37:30,430 --> 00:37:32,600
Ve böylece varsayalım
Ben karar veya ben söyledim,

825
00:37:32,600 --> 00:37:34,780
hey, biz kullanmadığınız bir
Artık yeşil arka plan.

826
00:37:34,780 --> 00:37:36,380
Biz turuncu kullanmaya başlamak için gidiyoruz.

827
00:37:36,380 --> 00:37:38,690
Ne değiştirmek zorunda mı?

828
00:37:38,690 --> 00:37:42,900
Eh, bu tarz değiştirmek zorunda
yeşilden turuncuya kaç yerde?

829
00:37:42,900 --> 00:37:44,920
30 ya da 40 yerler gibi.

830
00:37:44,920 --> 00:37:45,900
Bu sıkıcı değil.

831
00:37:45,900 --> 00:37:47,039
Bu hata eğilimli olduğunu.

832
00:37:47,039 --> 00:37:49,580
bir dizi nedeni vardır
Eğer ikna etmek istemem nerede

833
00:37:49,580 --> 00:37:51,840
Kendiniz için acı bu tür.

834
00:37:51,840 --> 00:37:54,760
Ve bu yüzden güzel olmaz
biz sürebilir ne sadece

835
00:37:54,760 --> 00:37:58,240
Bu iki sarı arasına koymak
etiketler, bu tarz etiketleri,

836
00:37:58,240 --> 00:38:04,050
dışarı çarpanlarına ve tüm koymak benim
Tek bir merkezi dosya halinde stylization

837
00:38:04,050 --> 00:38:08,470
Bu benim diğer tüm dosyaları 30 veya 40
ödünç ya da bir şekilde referans,

838
00:38:08,470 --> 00:38:11,640
değil ağ aksine
diyagramlar Daha önce yapıyordun?

839
00:38:11,640 --> 00:38:15,030
>> Burada gitmek, yani ben
Aslında teklif edecek

840
00:38:15,030 --> 00:38:17,880
Biz değiştirmeniz
bir şey stil etiketi

841
00:38:17,880 --> 00:38:21,620
bağlantı etiketi denir ki
korkunç, korkunç olarak adlandırılır,

842
00:38:21,620 --> 00:38:24,370
Eğer kullanmayın çünkü
bağlantı etiketi ne oluşturmak için

843
00:38:24,370 --> 00:38:26,380
Biz insanlar bir web sayfasına bir bağlantı olarak biliyorum.

844
00:38:26,380 --> 00:38:29,750
Bunun için, hangi etiketi kullanabilir miyim?

845
00:38:29,750 --> 00:38:31,464
Nasıl bir web sayfasındaki bir bağlantı oluşturmak mı?

846
00:38:31,464 --> 00:38:32,130
İZLEYİCİ: a.

847
00:38:32,130 --> 00:38:34,870
DAVID J. MALAN: a, ya da çapa
önce Disney gitti etiketi,.

848
00:38:34,870 --> 00:38:39,090
Burada link etiketi söylüyor
adlı bir dosyaya bu-- bağlantı

849
00:38:39,090 --> 00:38:44,350
için styles.css, ilişki
Benim stil olduğunu olacak.

850
00:38:44,350 --> 00:38:48,290
Yani bu S yıllarda biridir
CSS-- geçişli stil sayfaları.

851
00:38:48,290 --> 00:38:50,490
Stil sheet-- CSS S yıllardan iki.

852
00:38:50,490 --> 00:38:52,550
stil sayfasını Basamaklı.

853
00:38:52,550 --> 00:38:58,640
Bu sadece hey, tarayıcı, gitmek anlamına gelir
yerel sunucuda styles.css bulmak

854
00:38:58,640 --> 00:39:01,870
ve senin stylesheet olarak kullanabilirsiniz
hangi o dosyanın içinde gelir

855
00:39:01,870 --> 00:39:05,310
Tüm olacak
biz sadece yaptık stilizasyonlardan.

856
00:39:05,310 --> 00:39:07,396
Ve ne olmuş yani bu dosya
bu gibi görünebilir.

857
00:39:07,396 --> 00:39:10,020
Ve ben sadece bu hızlı yapacağız
örnek ihtiyacımız yok çünkü

858
00:39:10,020 --> 00:39:12,000
Burada yabancı otların içine çok fazla almak için.

859
00:39:12,000 --> 00:39:17,840
Ben bu kopya Ama eğer, ben öneren Ne değilim
Bir programcı yeni bir dosya oluşturmak olduğunu,

860
00:39:17,840 --> 00:39:24,450
Bu çizgiler, yapıştırın
Bu satırlarda whoops-- yapıştırmak,

861
00:39:24,450 --> 00:39:32,270
olarak, daha sonra styles.css olarak kaydetmek ve
Diğer dosya, bütün bunlar silmek

862
00:39:32,270 --> 00:39:35,450
ve bunun yerine yerine
Bu bağlantı etiketiyle.

863
00:39:35,450 --> 00:39:43,090
ben href = "styles.css" bağlantısını Yani,
ilişki "stylesheet" olacaktır

864
00:39:43,090 --> 00:39:44,170
yakın etiketi.

865
00:39:44,170 --> 00:39:45,250
Onu kurtar.

866
00:39:45,250 --> 00:39:47,000
Benim helloworld geri dön.

867
00:39:47,000 --> 00:39:48,690
Yükle.

868
00:39:48,690 --> 00:39:51,290
>> Kelimenin tam anlamıyla bir şey olmadı.

869
00:39:51,290 --> 00:39:54,710
Yani, iyi bir şeydir çünkü o
aslında tüm çalışma demektir.

870
00:39:54,710 --> 00:39:58,860
kadar ispat etmek için, ben yapmak varsayalım
yazım hatası, ve ben bu "Styles.css" diyoruz

871
00:39:58,860 --> 00:40:03,080
bir sermaye S ile
Yanlış ve sonra yeniden yükleyin.

872
00:40:03,080 --> 00:40:05,470
Şimdi sadece işe yaramazsa görebilirsiniz.

873
00:40:05,470 --> 00:40:06,362
Şimdi, neden?

874
00:40:06,362 --> 00:40:08,070
Peki, bir kullanmama izin
önceki tekniği.

875
00:40:08,070 --> 00:40:10,153
de, beni devam edelim ve
Benim tarayıcı Chrome'da, ben

876
00:40:10,153 --> 00:40:12,900
özel olduğunu açılacaktı
Ağ sekmesi daha önce olduğu gibi,

877
00:40:12,900 --> 00:40:15,560
ve bana sayfayı yeniden izin verin.

878
00:40:15,560 --> 00:40:19,341
Şimdi görmek için sürpriz ne değildir?

879
00:40:19,341 --> 00:40:20,840
Ya da belki de bunu görmek için sürpriz değil.

880
00:40:20,840 --> 00:40:23,225
Her iki durumda da, şimdi ne görüyorsun?

881
00:40:23,225 --> 00:40:24,100
İZLEYİCİ: [Duyulmaz]

882
00:40:24,100 --> 00:40:24,770
DAVID J. MALAN: Bu bulundu değil.

883
00:40:24,770 --> 00:40:25,680
Neden bulunamadı?

884
00:40:25,680 --> 00:40:28,480
Eh, Styles.css-- sermaye
S- yoktur.

885
00:40:28,480 --> 00:40:29,230
Ben misnamed.

886
00:40:29,230 --> 00:40:30,430
Basit yazım hatası.

887
00:40:30,430 --> 00:40:33,816
Ama şimdi bir anlaşılır alıyorum
404, sunucu söyleyerek çünkü, hey,

888
00:40:33,816 --> 00:40:34,440
bulduğu değil.

889
00:40:34,440 --> 00:40:36,300
Kelimenin tam anlamıyla, bilmiyorum
nerede dosyadır.

890
00:40:36,300 --> 00:40:38,880
Sonuç olarak, tarayıcı Yani
, Elinden geleni gösterir

891
00:40:38,880 --> 00:40:42,860
Sayfanın ham içeriği,
bu, 200, HTML oldu

892
00:40:42,860 --> 00:40:45,390
ancak stilizasyon yapamam
daha sonra ilave edilebilir.

893
00:40:45,390 --> 00:40:47,120
Ve bu basamaklı demek ne olduğunu.

894
00:40:47,120 --> 00:40:49,070
Sen tür ekleyebilirsiniz
sonra, ve bu tür

895
00:40:49,070 --> 00:40:50,874
Web sayfasının estetiğini geliştirir.

896
00:40:50,874 --> 00:40:53,790
Ve hatta bu kılabilirsiniz
Yine başka stil dosyaları ile stilleri

897
00:40:53,790 --> 00:40:54,700
istersen.

898
00:40:54,700 --> 00:40:57,780
Bu, bu durumda, yine de, bulunan değil
Çünkü elbette, bunu misnamed.

899
00:40:57,780 --> 00:41:00,330
Bu yüzden ilk olarak düzeltmek gerekir.

900
00:41:00,330 --> 00:41:04,667
>> Yani en önde gidelim ve
aşağıdaki öneriyoruz.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
en go ahead ve bu yapalım.

903
00:41:11,140 --> 00:41:14,220
belki ile başlayan
senin helloworld dosyası,

904
00:41:14,220 --> 00:41:17,740
Bana sadece bir çift davet edelim
önerileri bulunmaktadır.

905
00:41:17,740 --> 00:41:20,400
Yani, Victoria sen istedi
Bazı metin büyük, tamam mı?

906
00:41:20,400 --> 00:41:24,555
Pekala, biz
Metni büyütmek yapabilirim.

907
00:41:24,555 --> 00:41:26,860
Ve biz her koparmak olacak
Sadece bir problem çözmek için.

908
00:41:26,860 --> 00:41:30,867
Metin daha büyük yapmak.

909
00:41:30,867 --> 00:41:32,700
Ben rahatsız gitmiyorum
biz ne zaman bu yazı

910
00:41:32,700 --> 00:41:35,600
Burada üzerinde kurşun teknoloji var.

911
00:41:35,600 --> 00:41:39,970
Bu yüzden bazı sorunlar.

912
00:41:39,970 --> 00:41:44,670
Bu yüzden denemek için gidiyoruz
Metin daha büyük yapmak için.

913
00:41:44,670 --> 00:41:45,170
Pekala.

914
00:41:45,170 --> 00:41:48,360
Başkasının ne önerirsiniz?

915
00:41:48,360 --> 00:41:50,332
Başka ne isteyebilirsiniz
Bir web sayfasına mu?

916
00:41:50,332 --> 00:41:52,040
en a ile gelsinler
şeylerin kısa bir listesi

917
00:41:52,040 --> 00:41:55,366
ve sonra temsilci
grup bu anlamaya.

918
00:41:55,366 --> 00:41:56,270
>> İZLEYİCİ: [Duyulmaz]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. MALAN: Tamam, konum metni
Sayfanın farklı taraflarında?

920
00:42:02,251 --> 00:42:02,750
Pekala.

921
00:42:02,750 --> 00:42:04,620
Başka bir şey.

922
00:42:04,620 --> 00:42:05,784
>> İZLEYİCİ: [Duyulmaz]

923
00:42:05,784 --> 00:42:06,700
DAVID J. MALAN: Öyle.

924
00:42:06,700 --> 00:42:08,720
Yani bir gif sadece bir
Farklı dosya biçimi.

925
00:42:08,720 --> 00:42:12,830
Biz sadece kullanılan, ne bir
png veya muhtemelen jpg?

926
00:42:12,830 --> 00:42:14,480
Bir jpg kullanılır.

927
00:42:14,480 --> 00:42:16,780
Eğer aşırı, meraklı iseniz
Sorunuza cevap

928
00:42:16,780 --> 00:42:19,404
jpg genellikle kullanılan bir
fotoğraflar, destekler çünkü

929
00:42:19,404 --> 00:42:21,500
renk veya 24-bit renk milyonlarca.

930
00:42:21,500 --> 00:42:26,930
GIF genellikle olduğu gibi, kullanılan
internet fenomeni bu days-- animasyonlar,

931
00:42:26,930 --> 00:42:28,810
gibi animasyonlu gif.

932
00:42:28,810 --> 00:42:32,320
Ama küçük bir renk kullanmak olur
palet, yalnızca 256 olası renkler,

933
00:42:32,320 --> 00:42:35,230
ancak destekler
şeffaflık ve animasyon.

934
00:42:35,230 --> 00:42:40,330
destekler ve sonra var png,
şeffaflık ve daha fazla renk

935
00:42:40,330 --> 00:42:41,300
ama animasyon.

936
00:42:41,300 --> 00:42:42,133
Bu yüzden bir ticaret-off.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Yani olsa da, gif ekleyerek,
işlevsel olacaktır

939
00:42:46,060 --> 00:42:48,396
Bir png veya jpg ekleyerek eşdeğer.

940
00:42:48,396 --> 00:42:49,110
Evet.

941
00:42:49,110 --> 00:42:50,550
Görüntü kaynağı eşittir.

942
00:42:50,550 --> 00:42:51,590
Yani başka bir şey.

943
00:42:51,590 --> 00:42:57,288
en bir şey ile gelip edelim ki
Burada yapmak için Victoria gönderildi.

944
00:42:57,288 --> 00:42:59,209
>> İZLEYİCİ: Bir form için düğmeler ekleyin.

945
00:42:59,209 --> 00:43:00,000
DAVID J. MALAN: Tamam.

946
00:43:00,000 --> 00:43:02,179
Yani bir form için düğmeler ekleyin.

947
00:43:02,179 --> 00:43:03,470
Ve birlikte o birini yapacağız.

948
00:43:03,470 --> 00:43:07,220
Yani mükemmel bir segue olacak
Sağ bu mücadeleden sonra.

949
00:43:07,220 --> 00:43:10,357
Başka herhangi bir şey?

950
00:43:10,357 --> 00:43:11,440
Ne yapmak isteyebilirsiniz?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Web çok underwhelming hissediyor
Bu hepsi eğer yapabilirsiniz.

953
00:43:16,516 --> 00:43:18,140
İZLEYİCİ: Metnin rengini değiştirin.

954
00:43:18,140 --> 00:43:19,500
DAVID J. MALAN: Ne değiştirme?

955
00:43:19,500 --> 00:43:20,666
İZLEYİCİ: Metin rengi.

956
00:43:20,666 --> 00:43:22,311
DAVID J. MALAN: Metnin değiştirin rengi.

957
00:43:22,311 --> 00:43:22,810
Pekala.

958
00:43:22,810 --> 00:43:23,790
Yani, bu yapalım.

959
00:43:23,790 --> 00:43:27,209
Sadece tekrar böylece sen değil, sadece
ezbere, ben ne yaptığımı tam olarak yapıyor,

960
00:43:27,209 --> 00:43:29,500
Ben müzik açmak için gidiyorum
Burada belki beş dakika.

961
00:43:29,500 --> 00:43:30,450
Google'ı kullanmak için sakınca yoktur.

962
00:43:30,450 --> 00:43:33,130
Bana sormak için buyrun, ve
Ben senin kulağına bir ipucu fısıldar edeceğiz.

963
00:43:33,130 --> 00:43:35,171
Sen bakmak için buyrun
üzerinde diğer omuzlarında.

964
00:43:35,171 --> 00:43:37,340
Ancak bu sorunların sadece bir çözüm.

965
00:43:37,340 --> 00:43:40,190
Ama biz sonuncusu, yapacağım
Eğer biz-ebil birlikte, birini oluşturur.

966
00:43:40,190 --> 00:43:42,790
Yani beş dakika çözmek için
Bu sorunlardan biri

967
00:43:42,790 --> 00:43:46,780
Google, sezgi kullanarak, ya da herhangi bir
sizin için kullanılabilir diğer araçlar.

968
00:43:46,780 --> 00:43:48,630
>> [MÜZİK]

969
00:43:48,630 --> 00:43:49,130
Pekala.

970
00:43:49,130 --> 00:43:50,838
Endişeye gerek yok isterseniz
müdahalesi tutmak için,

971
00:43:50,838 --> 00:43:53,880
ama ben bir çift yağma edeceğiz
Bu cevapların.

972
00:43:53,880 --> 00:43:57,986
ilk öneri Yani
Victoria metin daha büyük yapmak için oldu.

973
00:43:57,986 --> 00:43:59,360
Yani bunu yapmak için birkaç yol var.

974
00:43:59,360 --> 00:44:01,530
Şu anda restore ettik
Bu boyuta benim ekran,

975
00:44:01,530 --> 00:44:04,310
Ben yakınlaştırılmış ettik olsa
yapay sadece şeyler görmek için.

976
00:44:04,310 --> 00:44:07,470
Ve bunu yapalım.

977
00:44:07,470 --> 00:44:11,380
Beni önde ve kapmak gidelim
Bazı genel Latince metin

978
00:44:11,380 --> 00:44:19,540
sadece bu yüzden çalışmak için bir şey var.

979
00:44:19,540 --> 00:44:20,715
Bu yüzden bana sadece bir anı ver.

980
00:44:20,715 --> 00:44:21,840
Ben üç paragraf yapacağız.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
TAMAM.

983
00:44:53,930 --> 00:44:55,560
Bu, daha iyi bir örnek olacaktır.

984
00:44:55,560 --> 00:44:57,840
meraklı için, So
Benim hello.html, ben sadece

985
00:44:57,840 --> 00:45:01,645
Yapıştırılan üç saçma
Latin paragraflar

986
00:45:01,645 --> 00:45:03,270
sadece bu yüzden çalışmak için bazı metin var.

987
00:45:03,270 --> 00:45:06,720
Ve Victoria'nın hedefi oldu
Büyük metnin bir kısmını yapmak.

988
00:45:06,720 --> 00:45:09,879
Bu yüzden, daha önce olduğu gibi, burada gidebiliriz.

989
00:45:09,879 --> 00:45:11,170
Ve ben bunu doğru şekilde yapalım.

990
00:45:11,170 --> 00:45:13,253
Ben bir bağlantı var gidiyorum
Bir dosyaya işaret eden etiketi

991
00:45:13,253 --> 00:45:20,560
sözde "styles.css," ilişki
hangi "stylesheet." yine

992
00:45:20,560 --> 00:45:25,221
Ve sonra o kurtarmak için gidiyorum
ve bu "styles.css." açmak

993
00:45:25,221 --> 00:45:28,940
>> Yani, daha önce olduğu gibi, ben
Bu CSS dosyasında yeteneği

994
00:45:28,940 --> 00:45:31,569
aslında varsayılan geçersiz kılmak için
Bir web sayfasının estetiği,

995
00:45:31,569 --> 00:45:33,860
ve varsayılan estetiği,
Tabii, oldukça sıkıcı.

996
00:45:33,860 --> 00:45:36,943
Siyah normal yazı tipi boyutu tür var
Metin, vb beyaz arka plan ve.

997
00:45:36,943 --> 00:45:39,440
Yani yapmak istediğinizi varsayalım
Bu metnin tüm büyük.

998
00:45:39,440 --> 00:45:40,460
Ben bir şeyler yapabilirdi.

999
00:45:40,460 --> 00:45:43,750
Benim styles.css dosyasında, ben
ne biliyorsun, söyleyebiliriz,

1000
00:45:43,750 --> 00:45:46,950
Aşağıdaki uygulamak
Benim sayfanın gövde.

1001
00:45:46,950 --> 00:45:51,390
Devam edin ve yapmak
yazı tipi boyutu 24 punto,

1002
00:45:51,390 --> 00:45:54,130
hangi bir sayı ı olabilir olduğunu
Microsoft Word'de kullanın.

1003
00:45:54,130 --> 00:45:57,620
benim web dönelim
Burada sayfa ve yeniden,

1004
00:45:57,620 --> 00:45:59,640
ve bunu görebilirsiniz
Zaten çok büyük.

1005
00:45:59,640 --> 00:46:02,223
Ve biz biraz deli alabilirsiniz
sadece bir desktop-- üzerinde can gibi

1006
00:46:02,223 --> 00:46:03,670
o 96 puan yapmak.

1007
00:46:03,670 --> 00:46:04,950
Yükle.

1008
00:46:04,950 --> 00:46:07,610
Ve biraz gidiyor
Bu noktada hantal.

1009
00:46:07,610 --> 00:46:09,500
>> Ama biraz daha hassas olabilir.

1010
00:46:09,500 --> 00:46:14,530
Bunun yerine, bu uygulama
sayfamın gövdesine stil,

1011
00:46:14,530 --> 00:46:21,740
başka ne yerine uygulamak olabilir
başka hangi etiketi hala olabilir

1012
00:46:21,740 --> 00:46:25,445
aynı şekilde işlev?

1013
00:46:25,445 --> 00:46:26,444
>> İZLEYİCİ: p etiketi?

1014
00:46:26,444 --> 00:46:27,360
DAVID J. MALAN: P etiketi.

1015
00:46:27,360 --> 00:46:29,350
Yani kafa olmaz
Doğru, baş nedeni,

1016
00:46:29,350 --> 00:46:31,300
aslında olamaz
estetiğini kontrol eder.

1017
00:46:31,300 --> 00:46:32,700
Her iki metin var ya da yok yok.

1018
00:46:32,700 --> 00:46:36,760
Ama p tag-- biraz dalış yapabilirsiniz
derin, bu yüzden paragrafa, konuşmak

1019
00:46:36,760 --> 00:46:37,350
etiketleri.

1020
00:46:37,350 --> 00:46:41,600
Ve üç olsa bile,
Bu, çünkü CSS, mükemmel para cezası

1021
00:46:41,600 --> 00:46:44,900
Ben sadece "s" bu derken
Aşağıdaki uygulamak anlamına gelir

1022
00:46:44,900 --> 00:46:48,300
Bu eşleşen herhangi etiketi
seçici, seçici sadece

1023
00:46:48,300 --> 00:46:49,430
etiketinin name olmak.

1024
00:46:49,430 --> 00:46:52,350
Yani gördükleri her yerde
"P", yazı tipi boyutunu uygulamak

1025
00:46:52,350 --> 00:46:55,222
ve en fazla bunu yapalım
Makul vasıtasıyla yine 24 puan.

1026
00:46:55,222 --> 00:46:56,930
Ve ne biliyorsun,
sadece iyi ölçmek için,

1027
00:46:56,930 --> 00:46:59,810
rengini yapalım
Şu an için kırmızı sadece.

1028
00:46:59,810 --> 00:47:03,740
Ve şimdi ben şimdi, yeniden eğer biz
Üç çirkin paragraflara bakınız.

1029
00:47:03,740 --> 00:47:07,180
>> Ama şimdi ben sıralama olduğumu varsayalım
of-- Ben ilk paragrafı istiyorum

1030
00:47:07,180 --> 00:47:08,210
kullanıcı dışarı atlamak için.

1031
00:47:08,210 --> 00:47:11,150
Ben sadece artırmak istemiyoruz
Her şeyin yazı tipi boyutu.

1032
00:47:11,150 --> 00:47:16,105
Ve bu yüzden aslında tanımlamak istediğiniz veya
Bu paragraflarda arasında ayrım.

1033
00:47:16,105 --> 00:47:18,730
Yani kırmızı kurtulmak izin
, Bu sadece tür yapışkan çünkü

1034
00:47:18,730 --> 00:47:23,885
ve en go ahead ve yapalım
font boyutu 12 punto, varsayılan olarak,

1035
00:47:23,885 --> 00:47:26,260
Bu yüzden geri bir şey değil
Biraz daha makul.

1036
00:47:26,260 --> 00:47:29,190
Ve şimdi sadece artırmak istiyorum
ilk paragrafın yazı tipi boyutu.

1037
00:47:29,190 --> 00:47:31,440
Birkaç yapabilirsiniz
yolları, ama var tek yönlü

1038
00:47:31,440 --> 00:47:37,180
belki de en öğretici
an aşağıdakileri yapmaktır.

1039
00:47:37,180 --> 00:47:43,280
Beni devam edelim ve bu demek
paragraf "ilk." benzersiz bir kimliği vardır

1040
00:47:43,280 --> 00:47:45,000
İstediğim bu şey diyebiliriz.

1041
00:47:45,000 --> 00:47:46,874
Ben bu "foo" diyebiliriz
ya da herhangi bir diğer kelime,

1042
00:47:46,874 --> 00:47:49,290
ama ben biraz vereceğim
anlamsal isim

1043
00:47:49,290 --> 00:47:50,320
"Önce." Gibi

1044
00:47:50,320 --> 00:47:54,790
Bu, benzersiz bir tanımlayıcı olan
Kimlik, benim ilk paragraf için.

1045
00:47:54,790 --> 00:47:59,360
>> Şimdi benim stil sayfasında neler yapabilirsiniz?
Biraz daha kesin olduğunu.

1046
00:47:59,360 --> 00:48:02,330
Yerine söyleyerek, uygulamak
p etiketine aşağıdaki,

1047
00:48:02,330 --> 00:48:04,890
Ben following-- diyebilirim
aşağıdaki uygulamak,

1048
00:48:04,890 --> 00:48:11,000
seçin veya HTML öğesi
o "ilk". benzersiz bir kimliği vardır

1049
00:48:11,000 --> 00:48:12,350
Ne ben buna başvurmak istiyorsun?

1050
00:48:12,350 --> 00:48:15,250
24-noktasının bir yazı tipi boyutu.

1051
00:48:15,250 --> 00:48:16,640
Yani şimdi iki seçicileri var.

1052
00:48:16,640 --> 00:48:19,690
Bir bütün yapar
12-nokta paragraf.

1053
00:48:19,690 --> 00:48:24,960
Ama bu, o geliyor özellikle
saniyedir-- bu file-- son geliyor

1054
00:48:24,960 --> 00:48:27,090
Bu basamaklı bir etkiye sahiptir.

1055
00:48:27,090 --> 00:48:30,200
Ben sadece tüm yaptık benim
paragraf etiketleri 12 punto,

1056
00:48:30,200 --> 00:48:34,350
ama bu şimdi çağlayanlar ve
bu herhangi bir öğe için geçersiz kılar

1057
00:48:34,350 --> 00:48:38,800
sayfa sayfa, herhangi bir etiket
benzersiz bir kimlik alıntı unquote "ilk".

1058
00:48:38,800 --> 00:48:41,720
Ve bu bağlamda hashtag'ının
Sadece "benzersiz tanımlayıcı" anlamına gelir.

1059
00:48:41,720 --> 00:48:43,750
Ben HTML dosyasında koymayın.

1060
00:48:43,750 --> 00:48:46,880
Ben, buraya, sadece söylemek
"Önce." Unquote alıntı

1061
00:48:46,880 --> 00:48:48,470
>> Bu yüzden bana yeniden izin verin.

1062
00:48:48,470 --> 00:48:49,919
Ve şimdi ben tamam, ah, bkz.

1063
00:48:49,919 --> 00:48:51,710
Ben öyle değil, yani
güzel, ama o tür

1064
00:48:51,710 --> 00:48:53,600
bir önsöz gibi
kitap ya da böyle bir şey,

1065
00:48:53,600 --> 00:48:55,100
burada birinci paragraf büyüktür.

1066
00:48:55,100 --> 00:48:57,933
ile daha hassas olabilir
sadece ilk harfleri, ama en azından

1067
00:48:57,933 --> 00:48:59,110
Ben daha fazla kontrol icra ettik.

1068
00:48:59,110 --> 00:49:04,760
Şimdi belki-- belki bunu yapmak istiyorum
bazen sebebi ne olursa olsun,

1069
00:49:04,760 --> 00:49:09,010
ve bu yüzden bu istemiyorum
Sadece bir HTML etiketine için de geçerlidir.

1070
00:49:09,010 --> 00:49:15,110
Aksine, en haydi açarsanız let
Ayrıca aşağıdakileri yapın.

1071
00:49:15,110 --> 00:49:18,810
Class = "ithal."

1072
00:49:18,810 --> 00:49:23,970
Kimlik benzersiz kullanılır oysa
Bir şeyi, bir etiket tanımlamak

1073
00:49:23,970 --> 00:49:30,190
Web sayfasında, bir sınıf olması gerekiyordu
elemanları veya etiket herhangi bir sayıda kullanılan

1074
00:49:30,190 --> 00:49:30,950
web sayfasında.

1075
00:49:30,950 --> 00:49:31,710
Yani yeniden kullanılabilir olduğunu.

1076
00:49:31,710 --> 00:49:33,090
Bir kimlik yeniden kullanılabilir değildir.

1077
00:49:33,090 --> 00:49:34,450
A sınıfı tekrar kullanılabilir.

1078
00:49:34,450 --> 00:49:37,830
>> Ve biliyor ne olursa olsun, ne
felsefi reasons--

1079
00:49:37,830 --> 00:49:40,180
Ben bitiremedi benim
sandým ki söylemek için gidiyorum

1080
00:49:40,180 --> 00:49:44,300
ilk paragraf ve
İkinci paragraf önemlidir.

1081
00:49:44,300 --> 00:49:48,600
Yani denilen sınıf uygulamak için gidiyorum
"Önemli" bu benim dosyayı kaydetmek eğer

1082
00:49:48,600 --> 00:49:51,510
ve hayır vardır, yeniden
henüz fonksiyonel etkisi.

1083
00:49:51,510 --> 00:49:53,780
Ama bazı ekledik
dosyaya meta,

1084
00:49:53,780 --> 00:49:56,610
Ayrı bir şey tür
dosya çekirdek verilerden,

1085
00:49:56,610 --> 00:50:02,300
böylece şimdi benim stil sayfasında, eğer ben
Bunun yerine ".important" demek - bilirsin,

1086
00:50:02,300 --> 00:50:07,110
önemli şey, ben
font-renk yapacağız, red--

1087
00:50:07,110 --> 00:50:09,930
ya da daha doğrusu yazı renkli değil, sadece renk.

1088
00:50:09,930 --> 00:50:12,930
tutarsızlıklar var
CSS maalesef.

1089
00:50:12,930 --> 00:50:14,120
Ve yeniden yükleyin.

1090
00:50:14,120 --> 00:50:17,640
Şimdi ilk fark
iki paragraf kırmızı

1091
00:50:17,640 --> 00:50:20,880
ancak üçüncü, çünkü ben sadece
sınıfına uygulanan "önemli"

1092
00:50:20,880 --> 00:50:25,020
bu şeyler ilk iki.

1093
00:50:25,020 --> 00:50:28,030
>> Kimlikleri Yani, sen yeteneğine sahip
çok hassas belirtmek için.

1094
00:50:28,030 --> 00:50:30,110
sınıflar ile, yeniden kullanılabilirliği var.

1095
00:50:30,110 --> 00:50:33,800
Ancak her iki durumda da, fark
İyi tasarım prensibi tür

1096
00:50:33,800 --> 00:50:39,072
Ben tüm dışarı çarpanlarına nerede
Benim styles.css dosyasına estetik.

1097
00:50:39,072 --> 00:50:40,280
Yani burada hiçbir messiness var.

1098
00:50:40,280 --> 00:50:44,490
Kırmızı hiçbir söz yok ya
Bu dosyada cesur bakan veya yazı tipi boyutu.

1099
00:50:44,490 --> 00:50:49,430
Aksine ben anlam var,
anlamlı, benim veri olarak karakterize

1100
00:50:49,430 --> 00:50:51,240
Burada bazı önemli veridir.

1101
00:50:51,240 --> 00:50:52,800
İşte bazı daha önemli veridir.

1102
00:50:52,800 --> 00:50:56,500
Dahası, burada
Benim önemli verilerin "ilk".

1103
00:50:56,500 --> 00:51:01,050
Yani HTML hakkında sıralamak hepsi
etiketleme, kelimenin tam anlamıyla, kelimelerin

1104
00:51:01,050 --> 00:51:05,270
ve paragraflar ve yapıları senin
Bu küçük ipuçlarıyla sayfa, eğer

1105
00:51:05,270 --> 00:51:07,640
olacak, sen olabilir ki
Bir şekilde kullanarak kaldıraç

1106
00:51:07,640 --> 00:51:10,880
Bu şekilde CSS gibi diğer teknikler.

1107
00:51:10,880 --> 00:51:14,760
>> Yani Victoria'nın soruya yanıt olarak,
biz bu şekilde metin daha büyük yapabilirsiniz.

1108
00:51:14,760 --> 00:51:18,380
Orada pek çok başka yolları vardır, ancak
yazı tag-- açık ayraç "yazı" -

1109
00:51:18,380 --> 00:51:19,770
aslında birçok yaşında.

1110
00:51:19,770 --> 00:51:21,410
Bu sorun, bir
çok olan, ancak bel ile

1111
00:51:21,410 --> 00:51:23,485
Online resources-- üzerinde
Onlar demode olma eğilimindedirler.

1112
00:51:23,485 --> 00:51:26,110
Ve gerçekten de, bu önerilmemektedir oldu,
Dünya fark çünkü,

1113
00:51:26,110 --> 00:51:28,970
"Font-size = 7" ne demek?

1114
00:51:28,970 --> 00:51:29,670
Öyle değil.

1115
00:51:29,670 --> 00:51:32,770
Ve bunca yıl için ve
Bu yan biri day--

1116
00:51:32,770 --> 00:51:36,060
Burada notları aslında olmasıdır
inanılmaz acı hala bazen

1117
00:51:36,060 --> 00:51:38,900
için siteleri geliştirmek için
ağ,, Microsoft

1118
00:51:38,900 --> 00:51:44,220
Google ve Mozilla ve
diğerleri genellikle olarak nasıl katılmıyorum

1119
00:51:44,220 --> 00:51:47,480
HTML gibi bir şartname yorumlamak.

1120
00:51:47,480 --> 00:51:52,490
>> HTML bir kural kitabı var olduğunu,
Genellikle her etiket ne anlama geldiğini söyler.

1121
00:51:52,490 --> 00:51:55,690
Ama bazen için kalan
uygulama takdirine,

1122
00:51:55,690 --> 00:51:57,290
Microsoft'un takdiri ve Google.

1123
00:51:57,290 --> 00:52:00,000
Ve böylece çok sık olacak
Bir web sitesi bir şey görmek

1124
00:52:00,000 --> 00:52:04,954
PC'de farklı görünüyor
Bir Mac üzerinde yaptığından daha,

1125
00:52:04,954 --> 00:52:06,995
ve bu gerçekten, çünkü
günün sonunda,

1126
00:52:06,995 --> 00:52:08,891
bunu test etmedi
iyi iki platformlarda.

1127
00:52:08,891 --> 00:52:11,390
Ama, aynı zamanda, çünkü makul
Akıllı insanlar katılmıyorum

1128
00:52:11,390 --> 00:52:14,970
ve şirketler katılmıyorum ve bu yüzden olacak
programlama zorluklardan biri

1129
00:52:14,970 --> 00:52:16,980
web veya tasarımı için
web için işler

1130
00:52:16,980 --> 00:52:21,700
Bir şekilde web sitenizin yazıyor
her web tarayıcısında çalışır.

1131
00:52:21,700 --> 00:52:23,410
Ama bu bile doğru, mantıksız değil mi?

1132
00:52:23,410 --> 00:52:27,807
çok pek çok versiyonu vardır
bir noktada, orada o tarayıcılar,

1133
00:52:27,807 --> 00:52:30,890
Ayrıca bir karar çağrısı yapmak zorunda
ve bir şirket olarak karar vermek zorunda,

1134
00:52:30,890 --> 00:52:33,082
Özellikle e-ticaret-stili
sen siteleri

1135
00:52:33,082 --> 00:52:36,290
son ve en büyük kullanmaya çalışıyor
teknolojiler gerçekten iyi bir kullanıcı vermek için

1136
00:52:36,290 --> 00:52:37,110
deneyim.

1137
00:52:37,110 --> 00:52:41,019
Ama bazı kullanıcıların yüzde olabilir
hala Internet Explorer 6 veya 7 kullanıyor

1138
00:52:41,019 --> 00:52:43,810
ya da 8, özellikle de bağlı
Onlar geliyorlar o ülke.

1139
00:52:43,810 --> 00:52:46,760
>> Ve bu yüzden çok sık
istişare şey

1140
00:52:46,760 --> 00:52:50,920
"Web tarayıcısı istatistikleri." Gibi

1141
00:52:50,920 --> 00:52:56,560
biz izin Şeye gitmek ve eğer en Vikipedi bakın
ve up-to-date, bu grafik nasıl olduğunu görmek

1142
00:52:56,560 --> 00:52:59,320
eğer bir tane var.

1143
00:52:59,320 --> 00:53:02,420
Yani burada görebilirsiniz
nerede aslında tarayıcılar

1144
00:53:02,420 --> 00:53:06,160
Aralık 2015 göre, vardır,
ABD Hükümetine göre.

1145
00:53:06,160 --> 00:53:11,170
Krom ardından% 42 pazar payı olan
büyük ölçüde kurumsal ortamlarda IE tarafından

1146
00:53:11,170 --> 00:53:14,490
ya da bilgisayar ayarları, tabii ki,
Ateş, ardından

1147
00:53:14,490 --> 00:53:17,440
Daha sonra Safari, sonra Opera vermedi
nedense burada harita yapmak,

1148
00:53:17,440 --> 00:53:18,210
ve ardından Diğerleri.

1149
00:53:18,210 --> 00:53:19,500
Belki Diğerleri altında.

1150
00:53:19,500 --> 00:53:27,700
Ama bu daha sorunlu o--
Vikipedi de var bakalım

1151
00:53:27,700 --> 00:53:35,194
tarayıcılar sürümleri version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> tarayıcı istatistiklerine dönelim.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Hatta bu yeterli değil.

1156
00:53:42,030 --> 00:53:44,854
Tarayıcı istatistikleri.

1157
00:53:44,854 --> 00:53:45,353
Benim sürümü.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Bu doğru olacak değil.

1160
00:53:50,540 --> 00:53:53,414
sürümlerini görelim.

1161
00:53:53,414 --> 00:53:54,830
Tarayıcı pazar payı.

1162
00:53:54,830 --> 00:53:57,110
Bu kadar gelirse bakalım.

1163
00:53:57,110 --> 00:53:57,610
TAMAM.

1164
00:53:57,610 --> 00:54:00,010
Şimdi bu oluyor
Biraz daha kullanışlı.

1165
00:54:00,010 --> 00:54:04,870
Yani burada, hepimizin sahip olduğunu fark
tarayıcılar farklı sürümleri.

1166
00:54:04,870 --> 00:54:09,887
Ve, Tanrım, Chrome'u Bak-- eğer
48, Krom 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Yani, giderek güncellenen tarayıcılar,
ve bu değişikliklerin bazen

1168
00:54:12,970 --> 00:54:16,430
anlamlıdır
işlevsellik açısından.

1169
00:54:16,430 --> 00:54:20,630
Ve böylece bir noktada,
ürün yöneticileri ya da mühendisler

1170
00:54:20,630 --> 00:54:23,620
Bir karar yapmak gerekir sen
Dünyanın sadece% 1'ini ne biliyorsun

1171
00:54:23,620 --> 00:54:24,740
hala IE 7 kullanıyor.

1172
00:54:24,740 --> 00:54:25,490
Canları cehenneme.

1173
00:54:25,490 --> 00:54:27,470
Biz sadece gitmiyoruz
bu tarayıcıyı destekler.

1174
00:54:27,470 --> 00:54:28,740
Ve bu desteklemek için değil ne demek?

1175
00:54:28,740 --> 00:54:31,170
Bu düğmeler anlamına gelebilir
web sayfasında çalışmıyor,

1176
00:54:31,170 --> 00:54:33,050
ya da anlamına gelebilir
biçimlendirme tamamen kapalıdır.

1177
00:54:33,050 --> 00:54:35,091
Ya da yapmak gerekebilir
Aynı yargı çağrısı

1178
00:54:35,091 --> 00:54:39,089
Biz konum mobil bu günlerde, içinde
Artık IOS 5 desteklemek için gitmiyorum.

1179
00:54:39,089 --> 00:54:40,380
Yani insanlar sadece yükseltmek zorundayız.

1180
00:54:40,380 --> 00:54:45,850
Ya da Cupcake desteklemek için gitmiyoruz
Android cihazlar için Android OS,

1181
00:54:45,850 --> 00:54:48,629
Çünkü kadar --daha dünya olarak
tech dünya ileriye taşımak istiyor,

1182
00:54:48,629 --> 00:54:51,170
bu tür sürüklemek istiyor
Bu yüzden dünya onlar değil

1183
00:54:51,170 --> 00:54:53,295
olmaya devam etmek zorunda
geriye doğru uyumlu bu kadar

1184
00:54:53,295 --> 00:54:54,920
Yeni ve iyi özellikleri sunabilir.

1185
00:54:54,920 --> 00:54:57,878
Bu gerçekten nedenlerinden biridir
pek çok şirket neden yayıyoruz

1186
00:54:57,878 --> 00:55:01,440
otomatik güncelleştirmeler ve zorlama tür
bize yazılımın en son sürümü.

1187
00:55:01,440 --> 00:55:04,010
Ve hatta şirketler
Elma sıralamak olacak gibi

1188
00:55:04,010 --> 00:55:07,280
Seni neredeyse zorlamak veya zorlamak
Piyasa güçlerinin açısından size

1189
00:55:07,280 --> 00:55:11,164
Yeni bir telefon satın almak için onlar sırf
Artık eski telefonunuzu güncelleme olmayacaktır.

1190
00:55:11,164 --> 00:55:13,330
Yani üzerine atlamak
En son ve en büyük özelliği,

1191
00:55:13,330 --> 00:55:17,520
Bir şekilde onlara pahalı çünkü
şirket tartışmalı, yaşlı bakımı

1192
00:55:17,520 --> 00:55:19,330
Yazılımın alt sürümleri.

1193
00:55:19,330 --> 00:55:23,660
Ama net etkisi olduğunu
Biz aynı zamanda bu acı.

1194
00:55:23,660 --> 00:55:26,550
>> Yani sadece bir göz atalım
Burada nihai şeylerin bir çift.

1195
00:55:26,550 --> 00:55:29,740
gerçek hızlı bazı knock off edelim
bu diğer mermi, meraklı eğer.

1196
00:55:29,740 --> 00:55:33,440
Yani çalıştığınız takdirde,
örneğin, pozisyon

1197
00:55:33,440 --> 00:55:36,420
farklı iki metin
sayfa, ben, bir hızlı şekilde yapmak için gidiyorum

1198
00:55:36,420 --> 00:55:38,360
ancak farklı var
Bunu yapmanın yolları.

1199
00:55:38,360 --> 00:55:42,610
Beni go ahead ve eliminate-- edelim
Bu, aşağıdaki şekilde basitleştirir.

1200
00:55:42,610 --> 00:55:45,330
bana sadece geri dönelim benim
Basit, basit paragraflar.

1201
00:55:45,330 --> 00:55:47,760
benim styles.css geri dönelim.

1202
00:55:47,760 --> 00:55:51,040
Ve sadece simple-- kullanmak için gidiyorum
Google'da görmüş olabilir

1203
00:55:51,040 --> 00:55:54,430
veya earlier-- hatırlayacaksınız
Doğru metin hizalamak.

1204
00:55:54,430 --> 00:55:56,220
Ve bu sayfayı yeniden yükleyin.

1205
00:55:56,220 --> 00:55:58,470
Şimdi her şey görünüyor
sağa hizalı olması,

1206
00:55:58,470 --> 00:56:00,770
Burada havai görebileceğiniz olarak.

1207
00:56:00,770 --> 00:56:04,470
>> Biz görünmesini sağlayabilirsiniz biraz daha
gibi-kitap ve biz "haklı" diyebilirsiniz

1208
00:56:04,470 --> 00:56:05,640
ve yeniden yükleyin.

1209
00:56:05,640 --> 00:56:09,870
Şimdi güzel ve her ikisi de kare var
tür güzel yanları.

1210
00:56:09,870 --> 00:56:12,220
Biz burada vardı başka gol
Metnin rengini değiştirmek oldu.

1211
00:56:12,220 --> 00:56:13,650
Bu yüzden benim kırmızı metin ile gördüm.

1212
00:56:13,650 --> 00:56:15,630
Ve şimdi bir form için düğmeler ekleyin.

1213
00:56:15,630 --> 00:56:19,390
Peki neden tam olarak bunu denemiyorsun?

1214
00:56:19,390 --> 00:56:23,656
Ama önce bana bir siteye gidelim o
çoğumuz Google day-- her kullanın.

1215
00:56:23,656 --> 00:56:25,780
Ve en az bir göz atalım
nasıl Google aslında çalışır.

1216
00:56:25,780 --> 00:56:26,821
Ama bunu yapmak için gidiyorum.

1217
00:56:26,821 --> 00:56:31,930
Öncelikle beni yep bunu kırmızı alt çizgi yapalım,
Önce Google'a gidelim.

1218
00:56:31,930 --> 00:56:34,530
Ben gitmek zorunda gidiyorum
Google Ayarları içine,

1219
00:56:34,530 --> 00:56:40,660
Ben devre dışı bırakmak istiyorum çünkü
bir şey Anında Sonuçlar denir.

1220
00:56:40,660 --> 00:56:43,580
>> Yani fark etmiş olabilir
Google, bu beni geri dönelim days--

1221
00:56:43,580 --> 00:56:44,850
ve bu açın.

1222
00:56:44,850 --> 00:56:47,900
Ben aramaya başlarsa Yani
Böyle "kediler" için,

1223
00:56:47,900 --> 00:56:50,120
Sadece bunu değil fark
Ben otomatik olarak tamamlamak olsun

1224
00:56:50,120 --> 00:56:54,520
Üst, tüm ani bir sayfa kendisi
da oldukça hızlı bir şekilde değiştirmek gibi görünüyor,

1225
00:56:54,520 --> 00:56:58,750
ve Google'ın bir dil kullanarak var
yardımcı olmaya çalışıyorum JavaScript denir.

1226
00:56:58,750 --> 00:57:01,540
Ama ne yazık ki, bu tür
Bizim tartışma messes

1227
00:57:01,540 --> 00:57:04,010
Aslında neler olup bittiğini
Burada başlık altında.

1228
00:57:04,010 --> 00:57:09,070
Yani sadece biraz çabuk değilim
anında sonuç kapatın.

1229
00:57:09,070 --> 00:57:11,510
Ve ben Kaydet'i tıklayın gidiyorum.

1230
00:57:11,510 --> 00:57:13,930
Ve şimdi ben açacağım
tanı araç o ben

1231
00:57:13,930 --> 00:57:16,150
Ağ sekmesi altında açılış tutmak.

1232
00:57:16,150 --> 00:57:17,720
Yani bu yapalım.

1233
00:57:17,720 --> 00:57:21,960
Benim, whoops-- edelim
Biraz bu aşağı kaydırın.

1234
00:57:21,960 --> 00:57:24,410
Ve bana aramak için izin "kedi".

1235
00:57:24,410 --> 00:57:26,790
>> Ve şimdi notice-- aslında
Bu iyi bir fırsat

1236
00:57:26,790 --> 00:57:28,840
Bir an için görüşmek üzere.

1237
00:57:28,840 --> 00:57:32,460
Bunu durdurmak type-- anı dikkat edin.

1238
00:57:32,460 --> 00:57:35,250
Durdur şunu.

1239
00:57:35,250 --> 00:57:35,790
TAMAM.

1240
00:57:35,790 --> 00:57:40,870
Ben harfi anı dikkat
C, ekranın alt izlemek.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. neler dibe yapar
Bu ekranın, benim Ağ sekmesi,

1242
00:57:48,600 --> 00:57:53,320
Her oluyor önermek
zaman bir mektup yazın?

1243
00:57:53,320 --> 00:57:57,700
Ne yazık ki, kurbağa çok olduğu
rahatsız edici, bugün veya yonca

1244
00:57:57,700 --> 00:58:00,339
ya da ne olursa olsun.

1245
00:58:00,339 --> 00:58:01,880
Ne yazdığınız her zaman oluyordu?

1246
00:58:01,880 --> 00:58:04,230
Ve bana silmenize olanak
tampon ve yeniden yazın.

1247
00:58:04,230 --> 00:58:06,580
Yani-- hoppala.

1248
00:58:06,580 --> 00:58:13,280
Ben bir mektup yazın her zaman C- A- T-
böylece yeni bir satır besbelli görünen tutar.

1249
00:58:13,280 --> 00:58:16,530
Bu satırların her ne temsil ediyor,
Gördüğümüz ve ele aldığımız dayalı

1250
00:58:16,530 --> 00:58:17,339
şimdiye kadar?

1251
00:58:17,339 --> 00:58:18,130
İZLEYİCİ: Bir arama?

1252
00:58:18,130 --> 00:58:21,770
DAVID J. MALAN: Bir arama veya
daha genel olarak, bir HTTP isteği

1253
00:58:21,770 --> 00:58:23,125
sunucuya benim tarayıcı.

1254
00:58:23,125 --> 00:58:29,090
Eh, neden benim tarayıcı bir HTTP yapıyor
Her zaman ben bir mektup yazın talep?

1255
00:58:29,090 --> 00:58:30,502
>> İZLEYİCİ: [Duyulmaz]

1256
00:58:30,502 --> 00:58:33,210
DAVID J. MALAN: Evet, veriyor
Bana bu otomatik tamamlama sonuçları.

1257
00:58:33,210 --> 00:58:35,190
Gibi nerede bu yapmak
Arama sonuçları geliyor?

1258
00:58:35,190 --> 00:58:38,120
Eh, her zaman bir tip
mektup, Google, daha gönderir

1259
00:58:38,120 --> 00:58:40,460
ve daha fazla ve daha fazla
Ben yazmaya çalışıyorum kelime.

1260
00:58:40,460 --> 00:58:41,040
Niye ya?

1261
00:58:41,040 --> 00:58:44,540
onlar bana bir vermek istiyorum çünkü
Daha iyi ve daha iyi, daha iyi öneri,

1262
00:58:44,540 --> 00:58:48,880
Ne kelimesinin için öneriler listesi,
Aslında tam çalışıyorum.

1263
00:58:48,880 --> 00:58:53,030
Yani bu tam anlamıyla her söylemek için
karakter Google'da yazdığınız

1264
00:58:53,030 --> 00:58:56,900
sonuçta içinde, gönderiliyor
toplu, aynı zamanda bazen bir

1265
00:58:56,900 --> 00:59:00,620
uygulamak için bir seferde
Bu otomatik tamamlama özellikleri zaman

1266
00:59:00,620 --> 00:59:03,000
veri web üzerinde, tabii ki vardır.

1267
00:59:03,000 --> 00:59:08,780
>> Şimdi, aslında ne bir göz atalım
Google Ara 'yı ne olur.

1268
00:59:08,780 --> 00:59:10,420
Ve sonra biz bu kendimizi kaldıraç olacak.

1269
00:59:10,420 --> 00:59:15,320
Çok şimdi aşağı doğru ilerleyin Yani eğer
Sadece oldu ilk isteği.

1270
00:59:15,320 --> 00:59:17,130
aşağıdaki dikkat edin.

1271
00:59:17,130 --> 00:59:25,550
Bu oldukça uzun gönderildi URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
ve sonra şeyler bir sürü.

1273
00:59:27,100 --> 00:59:29,620
Şimdi aslında bu görelim
tarayıcı sekmesinde kendisi.

1274
00:59:29,620 --> 00:59:31,310
burada araç çubuğu kurtulmak edelim.

1275
00:59:31,310 --> 00:59:33,140
İşte arama sonuçları sayfası.

1276
00:59:33,140 --> 00:59:34,790
Ve ihbar burada URL.

1277
00:59:34,790 --> 00:59:37,430
Şimdi, muhtemelen tahmin
Ne kısmen burada oluyor.

1278
00:59:37,430 --> 00:59:39,090
Bir tanım, tüm yüzden ilk.

1279
00:59:39,090 --> 00:59:42,570
Bu görünüşte hedef
Form nerede sunulur.

1280
00:59:42,570 --> 00:59:44,910
Yani yazdığınız zaman
Ekranda "kediler" ve Enter tuşuna basın

1281
00:59:44,910 --> 00:59:48,460
görünüşe göre Google gönderdi
Bu URL'ye benim metin girişi

1282
00:59:48,460 --> 00:59:50,770
Ben vurgulanır ettik
Orada, arama çizgi.

1283
00:59:50,770 --> 00:59:56,530
bir URL şey olarak çıkıyor
bir soru işareti sonra ne olur,

1284
00:59:56,530 --> 01:00:01,270
diyerek tutmak gibi, bir anahtar-değer çifti
Bu forma ya da bir şekilde yazıldığından

1285
01:00:01,270 --> 01:00:04,500
iletilen
Sunucuya tarayıcı.

1286
01:00:04,500 --> 01:00:07,180
>> Yani herhangi bir zaman giriş tipi
Web üzerinde bir forma

1287
01:00:07,180 --> 01:00:10,000
biz ettik olarak ve gönderildikten
Bir get yoluyla, tartışıyor,

1288
01:00:10,000 --> 01:00:12,400
Bu sanal bir
zarflar, içeriği

1289
01:00:12,400 --> 01:00:15,510
evet envelope-- arasında tutmak
Fiziksel dolması alıyorum

1290
01:00:15,510 --> 01:00:19,010
sınıfta zarfa
Bugün, ancak teknolojik

1291
01:00:19,010 --> 01:00:21,110
aslında URL'ye koydu.

1292
01:00:21,110 --> 01:00:22,940
Aslında Yani, beni bu aracılığıyla elemek edelim.

1293
01:00:22,940 --> 01:00:25,010
Nerede kullanıcı girişi görüyorsunuz?

1294
01:00:25,010 --> 01:00:27,490
Nerede bir şey görüyorum
Kendimi burada yazdığınız?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Yani "kediler." Evet

1297
01:00:33,491 --> 01:00:33,990
Sağ?

1298
01:00:33,990 --> 01:00:36,380
Bu yüzden bana bu damıtmak izin
basit bir şey haline.

1299
01:00:36,380 --> 01:00:39,917
Ben hakkında her şeyi silmek için gidiyorum
Ben anlamıyorum bu URL,

1300
01:00:39,917 --> 01:00:42,250
ve ben sadece terk edeceğim
o paha olarak / search? q = kediler.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Biz nerede q görürsünüz
Bir an geliyor,

1303
01:00:47,890 --> 01:00:51,220
ama bu asgari gibi hissediyor
Ben verilen bilgilerin miktarı.

1304
01:00:51,220 --> 01:00:53,050
Ve şimdi Enter tuşuna gidiyorum.

1305
01:00:53,050 --> 01:00:55,520
Ve hala çalışıyor dikkat edin.

1306
01:00:55,520 --> 01:00:57,950
Biz hala kedi bir sürü geri almak.

1307
01:00:57,950 --> 01:01:00,340
Yani Google meraklısı olduğunu
Bu daha bu gün.

1308
01:01:00,340 --> 01:01:01,934
Bu 2016 değil 1999 olduğunu.

1309
01:01:01,934 --> 01:01:04,600
Yani diğer şeyler var ki gözlerimi
tarayıcı sunucuya gönderiyor.

1310
01:01:04,600 --> 01:01:07,100
Ama bu minimal olduğu
Bütün bu gerekli.

1311
01:01:07,100 --> 01:01:08,380
>> Yani ne oluyor?

1312
01:01:08,380 --> 01:01:14,320
Peki, ilk beni go ahead ve gidelim
geri Cloud9 ve beni önde gitmesine izin

1313
01:01:14,320 --> 01:01:15,620
ve önceki benim sekmeleri kapatın.

1314
01:01:15,620 --> 01:01:18,230
Ve ben bu konuda yapacağım benim
Sadece bir an için kendi.

1315
01:01:18,230 --> 01:01:20,730
Ben devam edeceğim
ve yeni bir dosya oluşturun.

1316
01:01:20,730 --> 01:01:23,739
Ve ben google.html olarak kaydetmek için gidiyorum.

1317
01:01:23,739 --> 01:01:26,280
Ve ben çok quickly-- gidiyorum
Ben, aslında, çalacağım

1318
01:01:26,280 --> 01:01:28,510
Bu metnin bazıları sadece zaman kazanmak için.

1319
01:01:28,510 --> 01:01:30,610
Burada bu yapıştırmak için gidiyorum.

1320
01:01:30,610 --> 01:01:33,850
Ben rahatsız etmeyeceğim
Herhangi bir stylization bu sefer.

1321
01:01:33,850 --> 01:01:38,340
Biz bu diyeceğiz "My Google."

1322
01:01:38,340 --> 01:01:41,230
Ve ben kurtulmak için gidiyorum
Vücutta her şeyin.

1323
01:01:41,230 --> 01:01:42,740
Ve ben aşağıdakileri yapmak için gidiyorum.

1324
01:01:42,740 --> 01:01:45,690
Beni yakınlaştırmak edelim.

1325
01:01:45,690 --> 01:01:50,620
action-- Form ve kısaca belirtildiği gibi
Kısaca şekilde whoops-- earlier--

1326
01:01:50,620 --> 01:01:54,130
Bir eylem, daha önce bahsedilen
form veri göndermek yerdir.

1327
01:01:54,130 --> 01:01:56,620
Yani google.com/search.

1328
01:01:56,620 --> 01:01:59,390
Ve yöntemi kullanmak istiyorum
iki şeyden biri olabilir.

1329
01:01:59,390 --> 01:02:02,870
biz tutmak gibi ya "olsun" olabilir
tartışırken, ya da olabilir "post".

1330
01:02:02,870 --> 01:02:05,340
Şimdilik, temel
Eğer kullanırsanız fark "olsun," dir

1331
01:02:05,340 --> 01:02:09,590
tüm bilgileri
kullanıcı URL'ye gönderilen alır sağlar.

1332
01:02:09,590 --> 01:02:13,530
>> Bu arama gibi şeyler için harika
motor ve bir kaç başka uygulamaları,

1333
01:02:13,530 --> 01:02:17,080
ama ne koşullar olur
Bir formu doldurmak istemiyor

1334
01:02:17,080 --> 01:02:21,620
ve bilgi sonuna kadar var
URL tarayıcınızın adres çubuğuna gibi?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Ne tür belgeler siz-- yapmak

1337
01:02:26,605 --> 01:02:27,480
İZLEYİCİ: [Duyulmaz]

1338
01:02:27,480 --> 01:02:28,450
DAVID J. MALAN: Evet, ne gibi?

1339
01:02:28,450 --> 01:02:29,270
İZLEYİCİ: Şifreler.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. MALAN: Evet, log böylece
Facebook ya da bazı web sitesine giriş.

1341
01:02:31,936 --> 01:02:34,395
Bu kullanıcı girişi var
Bir form, bir metin kutusu,

1342
01:02:34,395 --> 01:02:37,020
ama muhtemelen istemiyorum
Tarayıcının URL gösterilmesini.

1343
01:02:37,020 --> 01:02:38,121
Niye ya?

1344
01:02:38,121 --> 01:02:40,870
Belki bazı vardır, yani
Ağdaki güvenlik etkileri,

1345
01:02:40,870 --> 01:02:44,830
ama gibi more--, daha basit, ne olur
senin oda arkadaşı, diğer önemli,

1346
01:02:44,830 --> 01:02:47,710
çocuklar, eşiniz görünüyor
Tarayıcı tarihi boyunca?

1347
01:02:47,710 --> 01:02:50,762
şifrenizi hakkı yoktur
Orada tarayıcınızın tarihinin.

1348
01:02:50,762 --> 01:02:52,220
Bu iyi bir tasarım gibi gelmiyor.

1349
01:02:52,220 --> 01:02:54,500
Hatta daha teknik,
Eğer çalışıyoruz varsayalım

1350
01:02:54,500 --> 01:02:59,180
Flickr fotoğraf yüklemek için
veya Facebook ya da wherever--

1351
01:02:59,180 --> 01:03:03,010
bu da, kullanıcı girişi
nasıl interesting-- biraz daha var

1352
01:03:03,010 --> 01:03:05,530
Ben URL çubuğunda bir görüntü tıkmak mı?

1353
01:03:05,530 --> 01:03:06,730
Sen çeşit çeşit olamaz.

1354
01:03:06,730 --> 01:03:07,396
Tür yapabilirsiniz.

1355
01:03:07,396 --> 01:03:10,210
Ama, gerçekten, ben başarabilmiştir değilim
bunu yaparken hayal etmek.

1356
01:03:10,210 --> 01:03:13,470
Yani için başka bir yöntem gerekir
Bir web sitesine fotoğraf yükleme,

1357
01:03:13,470 --> 01:03:15,657
ve diğer bir yöntem "post" denir.

1358
01:03:15,657 --> 01:03:18,740
Ama şimdi, biz sadece hakkında konuşacağım
iki basit olan "olsun".

1359
01:03:18,740 --> 01:03:21,100
Sadece koyar tüm
URL içine kullanıcı girişi.

1360
01:03:21,100 --> 01:03:22,830
>> Yani burada yaratıyorum formudur.

1361
01:03:22,830 --> 01:03:24,070
Ben bir giriş istiyorum.

1362
01:03:24,070 --> 01:03:24,820
Ve biliyor musun?

1363
01:03:24,820 --> 01:03:26,111
Burada bir tahmin almak için gidiyorum.

1364
01:03:26,111 --> 01:03:31,600
Ben hatırlamak gidiyorum benim
giriş "q" "sorgusu."

1365
01:03:31,600 --> 01:03:34,970
Ve ben bu biri olduğunu düşünüyorum
özgün tasarımlar, belki de 1999.

1366
01:03:34,970 --> 01:03:39,560
Bu girişin ardından tipi
Sadece olacak "metin."

1367
01:03:39,560 --> 01:03:43,040
Ve sonra başka bir giriş var gidiyorum
Bu kadar biz yakında olacak, bir isim gerekmez

1368
01:03:43,040 --> 01:03:45,120
türü olduğunu görüyoruz "gönderin."

1369
01:03:45,120 --> 01:03:47,070
Ve bu gidiyor
Bana özel bir düğme bulunuyor.

1370
01:03:47,070 --> 01:03:48,320
Ve bu kadar.

1371
01:03:48,320 --> 01:03:50,790
>> Bu yüzden bana go ahead ve bu dosyayı kaydetmek sağlar.

1372
01:03:50,790 --> 01:03:54,910
Ben geri gidiyorum benim
tarayıcı ve google.html gidin.

1373
01:03:54,910 --> 01:03:56,140
Girmek.

1374
01:03:56,140 --> 01:03:59,680
Ve bu seyrek tür
kısaca söylemek gerekirse.

1375
01:03:59,680 --> 01:04:03,110
Ama ben önde gitmesine izin
ve arama "kediler."

1376
01:04:03,110 --> 01:04:06,510
Ve ben şu anda olduğum fark
Bu Cloud9 URL adresinde.

1377
01:04:06,510 --> 01:04:09,240
Ama şu an ben bu tıklatın
nereye ben bitireceğiz umuyorsunuz?

1378
01:04:09,240 --> 01:04:10,160
>> İZLEYİCİ: Google.

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. MALAN: Google.

1380
01:04:11,118 --> 01:04:12,740
Yani Gönder'i tıklayın edelim.

1381
01:04:12,740 --> 01:04:15,200
Ve gerçekten Google'ı yeniden uyguladık.

1382
01:04:15,200 --> 01:04:15,700
Sağ?

1383
01:04:15,700 --> 01:04:16,480
Bu basit değil.

1384
01:04:16,480 --> 01:04:17,120
Bu hafif.

1385
01:04:17,120 --> 01:04:20,350
Benim kod açıkça daha iyidir demek
onların, karışıklık daha önce gördük.

1386
01:04:20,350 --> 01:04:21,100
Ve biliyor musun?

1387
01:04:21,100 --> 01:04:22,610
Ben biraz bu kadar baharat gidiyorum.

1388
01:04:22,610 --> 01:04:23,860
Ben bunu daha önce söz vermedi.

1389
01:04:23,860 --> 01:04:27,860
Başlık 1 için H1 gibi etiketleri vardır,
Bir sayfaya en önemli başlığı.

1390
01:04:27,860 --> 01:04:30,570
"Google," Ben bu arayacağım.

1391
01:04:30,570 --> 01:04:31,940
Beni yeniden edelim.

1392
01:04:31,940 --> 01:04:33,772
Zaten biraz daha iyi görünüyor.

1393
01:04:33,772 --> 01:04:34,980
Ve aslında, biliyor musun?

1394
01:04:34,980 --> 01:04:36,430
Ben yalan already-- ettik.

1395
01:04:36,430 --> 01:04:40,200
Ben bu stil için gidiş değildi dedi,
ama önce olduğu gibi bu stil için gidiyorum.

1396
01:04:40,200 --> 01:04:46,860
Ve bedenim, olacak
text-align merkezi, diyelim.

1397
01:04:46,860 --> 01:04:48,800
Zaten daha Google gibi bakıyor.

1398
01:04:48,800 --> 01:04:51,090
>> Ben, yine de, bir çizgi molaya ihtiyacı
Bunun için düğmeye gönderin.

1399
01:04:51,090 --> 01:04:52,798
Ve bu, çıkıyor
paragrafları kullanabilir,

1400
01:04:52,798 --> 01:04:57,320
ya da daha tam anlamıyla sadece söyleyebiliriz
Bana mola br etiketi Doğuların bir çizgi verir.

1401
01:04:57,320 --> 01:04:59,319
Ben bu yeniden Ve eğer şimdi oraya gidiyor.

1402
01:04:59,319 --> 01:05:01,610
Biraz çirkin, bu yüzden
Birden fazla satır sonlarını yapabileceğini,

1403
01:05:01,610 --> 01:05:03,310
ama burada çok açgözlü olsun etmeyelim.

1404
01:05:03,310 --> 01:05:06,430
Yani şimdi onun için çalışıyor bakalım "köpekler."

1405
01:05:06,430 --> 01:05:08,640
O da "köpekler" için iş gibi görünüyor.

1406
01:05:08,640 --> 01:05:10,780
Yani zorlayıcı paket burada ne var?

1407
01:05:10,780 --> 01:05:13,600
Şehre için büyük bir sıçrama değildi
Birkaç daha fazla etiket tanıtmak

1408
01:05:13,600 --> 01:05:15,370
giriş etiketinde form etiketi gibi.

1409
01:05:15,370 --> 01:05:17,120
Ama daha temelden
olduğunu hepimiz yapıyoruz

1410
01:05:17,120 --> 01:05:20,610
anlayışımızı yararlanarak olduğunu
HTTP ve aslında

1411
01:05:20,610 --> 01:05:24,900
formlar sonuçta değiştiren
Tarayıcının URL ne var,

1412
01:05:24,900 --> 01:05:28,540
ve böylece, bu nedenle, biz
mekanik bir sunucuya girdi sağlamak

1413
01:05:28,540 --> 01:05:33,600
Bir HTML formu yapmak ve bilerek
Sunucu HTTP anlar,

1414
01:05:33,600 --> 01:05:36,890
sadece bizim beden gibi, anlar gibi,
elime sallayarak, aynı protokol,

1415
01:05:36,890 --> 01:05:40,920
ve bu yüzden tepki geri almak
sonuçta bekliyoruz.

1416
01:05:40,920 --> 01:05:44,050
>> Yani birini yapmayı deneyelim
son şey artık mobil ile,

1417
01:05:44,050 --> 01:05:47,052
ve ben ekleyeceğim make-- edeceğiz
slaytlar bu kodu.

1418
01:05:47,052 --> 01:05:49,760
Eğer size tamircilik istiyorum yani eğer
kesinlikle oradan alabilir.

1419
01:05:49,760 --> 01:05:51,551
Ama gidiyorum
önde ve bir şey yapmak.

1420
01:05:51,551 --> 01:05:54,120
Ben devam edeceğim ve
Benim endeks page-- açmak

1421
01:05:54,120 --> 01:05:59,030
daha önce olduğu gibi benim merhaba sayfası, hangi
Bu sahte Latince metin bir yeri vardır

1422
01:05:59,030 --> 01:06:05,470
veya anlamsız Latince metin ve has--
Bu yazı tipi boyutu bu gibi görünüyor.

1423
01:06:05,470 --> 01:06:07,850
Ama beni go ahead ve bu yapalım.

1424
01:06:07,850 --> 01:06:09,300
Ben Cloud9 gitmek için gidiyorum.

1425
01:06:09,300 --> 01:06:10,380
Ve bu adımı yapmak zorunda değilsiniz.

1426
01:06:10,380 --> 01:06:11,420
Ben sadece kendim yapacağım.

1427
01:06:11,420 --> 01:06:12,890
Ben paylaş tıklayın gidiyorum.

1428
01:06:12,890 --> 01:06:15,170
Bu bir özelliktir
Sadece Cloud9, bu sayede, bir

1429
01:06:15,170 --> 01:06:17,710
Ben çevre, kamu yapabilirsiniz.

1430
01:06:17,710 --> 01:06:20,240
>> Ve sadece uğruna
gösteri, bunu yapmama izin ver.

1431
01:06:20,240 --> 01:06:22,870
Benim uygulama kamuoyuna yapacağım.

1432
01:06:22,870 --> 01:06:25,230
ben, beni uyarıyor dikkat
Eminim, bunu yapmak istiyor

1433
01:06:25,230 --> 01:06:28,438
Bu herkesi yapmak için gidiyor çünkü
Dünyada, ister şimdi buradayız

1434
01:06:28,438 --> 01:06:33,560
veya daha sonra video izlerken
mümkün internet görüyorum ne olduğunu görmek için.

1435
01:06:33,560 --> 01:06:34,440
Ama bu sorun değil.

1436
01:06:34,440 --> 01:06:37,870
Ben söylemek için gidiyorum "Bitti."

1437
01:06:37,870 --> 01:06:42,080
Ve eğer bilseydim, sana teşvik edelim
Bu bana ilk test edelim correctly--.

1438
01:06:42,080 --> 01:06:45,590
Eğer zihinli yoksa, devam edin
Bilgisayarınızdaki bir tarayıcı,

1439
01:06:45,590 --> 01:06:49,900
Bu URL'ye gidin ve umarım
Benim Latince metnini göreceksiniz.

1440
01:06:49,900 --> 01:06:52,820
Ve net olmak gerekirse, bu kadar
benim laptop değil koşuyor.

1441
01:06:52,820 --> 01:06:53,610
Bu bulut içinde.

1442
01:06:53,610 --> 01:06:58,120
Bu, kelimenin tam anlamıyla, Cloud9 üzerinde ama
Benim çalışma kamuoyuna yaptık

1443
01:06:58,120 --> 01:07:03,450
böylece internet üzerinden herkes
Benim Latince ana sayfa erişebilirsiniz.

1444
01:07:03,450 --> 01:07:07,209
>> Aynı URL adresine gidin
Telefonunuz, eğer sen-ebil.

1445
01:07:07,209 --> 01:07:09,750
o, size rağmen, size mal olacak eğer
Sadece bir omuz üzerinden bakabilirsiniz.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
İZLEYİCİ: [Duyulmaz]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. MALAN: Üzgünüm?

1449
01:07:43,550 --> 01:07:45,390
İZLEYİCİ: [Duyulmaz]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. MALAN: Sadece Latince kelimeler.

1451
01:07:47,710 --> 01:07:48,210
Bu kadar.

1452
01:07:48,210 --> 01:07:49,250
Ama bu gördüğünüz gereken de budur.

1453
01:07:49,250 --> 01:07:49,875
>> İZLEYİCİ: Evet.

1454
01:07:49,875 --> 01:07:50,790
DAVID J. MALAN: Evet.

1455
01:07:50,790 --> 01:07:51,300
Evet.

1456
01:07:51,300 --> 01:07:51,540
TAMAM.

1457
01:07:51,540 --> 01:07:53,530
Yani tutabilir senin
Sadece bir an için telefon?

1458
01:07:53,530 --> 01:07:57,504
Yani, umarım, erişiyorsanız
o, neredeyse okunamaz bakmak gerekir.

1459
01:07:57,504 --> 01:07:59,920
Bu demek still--, öyle değil
Çünkü Latin okunmaz.

1460
01:07:59,920 --> 01:08:01,920
Ama aynı zamanda okunamaz var
Ne başka bir nedenle?

1461
01:08:01,920 --> 01:08:03,775
Mesela, bu ne hakkında displeases?

1462
01:08:03,775 --> 01:08:04,650
İZLEYİCİ: Bu küçük.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. MALAN: Bu süper küçük, süper değil.

1464
01:08:06,420 --> 01:08:07,920
Peki bunu düzeltmek?

1465
01:08:07,920 --> 01:08:09,730
Bu süper küçük, süper bulunuyor
Victoria'nın telefonda

1466
01:08:09,730 --> 01:08:11,400
ve, sen çekti verdiyseniz
Muhtemelen o kadar kendinizi,

1467
01:08:11,400 --> 01:08:14,660
Telefonunuzda küçük, hem de sürece
Erişilebilirlik ayarları etkin olması.

1468
01:08:14,660 --> 01:08:15,530
Bu da ne?

1469
01:08:15,530 --> 01:08:18,497
Sadece çimdik olabilir ve
uygulanabilir olduğunu zoom,

1470
01:08:18,497 --> 01:08:20,330
ama o zaman sadece bakın
Bir seferde birkaç kelime.

1471
01:08:20,330 --> 01:08:20,859
Yani bir dakika bekleyin.

1472
01:08:20,859 --> 01:08:21,720
Bunu düzeltmek için biliyorum.

1473
01:08:21,720 --> 01:08:22,219
Sağ?

1474
01:08:22,219 --> 01:08:26,130
Ben CSS kullanabilirsiniz, ve ben değişebilir
12-noktadan 24 noktaya yazı tipi boyutu.

1475
01:08:26,130 --> 01:08:29,020
Ama bu yan etkisi,
Tabii, şimdi olacak,

1476
01:08:29,020 --> 01:08:32,630
Bir masaüstü veya dizüstü,
şimdi metin iki kat daha büyük.

1477
01:08:32,630 --> 01:08:35,810
Ve böylece bu tür güzel olurdu
cihazlar arasında ayırt etmek için,

1478
01:08:35,810 --> 01:08:37,840
ve orada çıkıyor
Bunu yapmanın yolları vardır.

1479
01:08:37,840 --> 01:08:39,590
Bir kaç tane var
Farklı şekilde, aslında,

1480
01:08:39,590 --> 01:08:44,189
CSS ve meraklısı özelliklerini kullanarak bu sayede
biz büyük detaylı girmeyeceğim ki

1481
01:08:44,189 --> 01:08:46,960
aslında sorgulayabilirsiniz
tarayıcı ve söylemek

1482
01:08:46,960 --> 01:08:51,550
Ekran bu daha küçükse
Birçok piksel, bu yazı tipi boyutunu kullanın.

1483
01:08:51,550 --> 01:08:55,180
Ekran bu daha büyükse
Birçok piksel, bu diğer yazı tipi boyutunu kullanın.

1484
01:08:55,180 --> 01:08:57,080
>> Hala bile meraklısı olabilir.

1485
01:08:57,080 --> 01:09:00,140
Hiç ziyaret ettiyseniz bir
Web sayfası, bir masaüstünde,

1486
01:09:00,140 --> 01:09:04,404
belki kapalı büyük bir menüye sahip
sonra yan ve tüm içeriği

1487
01:09:04,404 --> 01:09:07,029
bu yan için Menü--
ortak bir paradigmanın türüdür.

1488
01:09:07,029 --> 01:09:09,670
sol, içerik menüsü
sağ, ya da tam tersi.

1489
01:09:09,670 --> 01:09:13,569
ne zaman gerçekten mobil çalışmıyor senin
Ekran geniş Sadece bu kadar çok piksel.

1490
01:09:13,569 --> 01:09:16,233
mobil So daha yaygın,
menü aniden alacak

1491
01:09:16,233 --> 01:09:18,399
çöktü ve var
Bunu görmek için bir düğmeyi tıklatın,

1492
01:09:18,399 --> 01:09:22,404
veya web sitesi menüsü koyacağız
ve üstünde altındaki içerik koymak.

1493
01:09:22,404 --> 01:09:24,779
Ve bu uygulayabilirsiniz
Çok çeşitli şekillerde işler.

1494
01:09:24,779 --> 01:09:28,340
Sen programcıları sorabilirsiniz,
hey, takım, her zaman

1495
01:09:28,340 --> 01:09:34,450
Bir Android bir HTTP isteği bakın
Cihaz, bir Microsoft aygıt, Google

1496
01:09:34,450 --> 01:09:39,930
Cihaz, bir Apple cihazı, bu kullanmak
yazı tipi boyutu, bu menü düzeni kullanmak ve

1497
01:09:39,930 --> 01:09:42,670
yoksa bu varsayılan büyük düzeni kullanın.

1498
01:09:42,670 --> 01:09:45,410
>> Şimdi kullanarak neler
Temel teknik bugün

1499
01:09:45,410 --> 01:09:48,529
mühendisler kullanabilirsiniz
öyle olmadığını bilmek

1500
01:09:48,529 --> 01:09:53,660
bir iPhone, Android telefon, bir dizüstü bilgisayar,
Şirketin sunucu ziyaret masaüstü?

1501
01:09:53,660 --> 01:09:55,310
Ki burada bu bilgiyi alabilirim?

1502
01:09:55,310 --> 01:09:56,080
>> İZLEYİCİ: Üstbilgi?

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J. MALAN: Evet, HTTP üstbilgisi.

1504
01:09:57,740 --> 01:10:01,714
Yani her HTTP isteği gelen
müşterilerine kendi sunucularına

1505
01:10:01,714 --> 01:10:03,880
Bu sanal içinde bulunmaktadır
zarf, bir sürü

1506
01:10:03,880 --> 01:10:08,260
HTTP başlıkları biridir
tarayıcı ve işletim sistemi

1507
01:10:08,260 --> 01:10:10,290
Hatta, size bakım eğer
ayrıntı bu seviyede.

1508
01:10:10,290 --> 01:10:13,790
Şimdi, bir şifreli görünümlü dize, ama
Yazılım var olduğunu sadece olacak

1509
01:10:13,790 --> 01:10:18,530
Bu basitleştirmek ve sadece sorabilirsiniz
PHP, Java, C code-- programlama ++

1510
01:10:18,530 --> 01:10:23,650
neyse Ne telefon bu-- olduğunu
kullanarak bu kullanıcı hangi cihaz nedir?

1511
01:10:23,650 --> 01:10:27,501
Ve sonra onlara bu gösterebilir, diyebiliriz
web sürümü bir telefon ise.

1512
01:10:27,501 --> 01:10:30,250
Onlara bu sürümü göster
Web sitesi bir dizüstü veya masaüstü eğer.

1513
01:10:30,250 --> 01:10:32,316
Ama bile gerek yok
sunucu tarafı karmaşıklığı.

1514
01:10:32,316 --> 01:10:33,940
Sen şeylerin bile basit yapabilirsiniz.

1515
01:10:33,940 --> 01:10:34,815
>> Bunu yapmak için gidiyorum.

1516
01:10:34,815 --> 01:10:38,995
Ben içine önde gidiyorum
Benim Cloud9 çevre,

1517
01:10:38,995 --> 01:10:41,370
ve ben bir etiket eklemek için gidiyorum
Daha önce Google gördüm.

1518
01:10:41,370 --> 01:10:42,770
Bu meta denir.

1519
01:10:42,770 --> 01:10:45,520
Ve ben bu yüzden, bu bir hiç hatırlamıyorum
Ben burada uyarlamak için gidiyorum.

1520
01:10:45,520 --> 01:10:50,552
Meta name = sonra "viewport" ve
content = "width = aygıt genişliği, intital

1521
01:10:50,552 --> 01:11:02,060
Ölçek = 1 "ve bu kadar.

1522
01:11:02,060 --> 01:11:06,230
>> Bu yüzden de olabilir
büyülü bir sözler gibi.

1523
01:11:06,230 --> 01:11:11,300
Her şey açık değil, ama bu vardır
bir şey, görünüm ile yapmak

1524
01:11:11,300 --> 01:11:15,070
ve viewport bir sadece bir organdır
web sayfası, dikdörtgen bölge olduğunu

1525
01:11:15,070 --> 01:11:16,690
Sayfanın en tanımlar.

1526
01:11:16,690 --> 01:11:19,060
Ve bu sadece anlatıyor
tarayıcı, biliyor musun?

1527
01:11:19,060 --> 01:11:22,589
Bu sayfanın genişliğini olun
Cihaz genişliğine etkin bir şekilde eşit.

1528
01:11:22,589 --> 01:11:25,380
Diğer bir deyişle, düşünmeyin
sınırsız alan tür var.

1529
01:11:25,380 --> 01:11:29,920
Yalnızca kadar olduğunu varsayalım
cihazın kendisi kadar boşluk büyük.

1530
01:11:29,920 --> 01:11:34,454
Ve şimdi, eğer ben bu yeniden
Benim tarayıcıda, ben hiçbir değişiklik görüyorum.

1531
01:11:34,454 --> 01:11:37,370
Ama bu correctly-- yaptıysam ve
benim fingers-- çapraz izin Hepinize varsa

1532
01:11:37,370 --> 01:11:42,920
telefonlarınızı yeniden, do you
zorlayıcı bir değişiklik görüyor musunuz?

1533
01:11:42,920 --> 01:11:43,620
Evet, ki- olduğunu

1534
01:11:43,620 --> 01:11:45,067
>> İZLEYİCİ: [Duyulmaz]

1535
01:11:45,067 --> 01:11:45,900
DAVID J. MALAN: Evet.

1536
01:11:45,900 --> 01:11:46,400
TAMAM.

1537
01:11:46,400 --> 01:11:47,850
Yani belki daha okunabilir şimdi?

1538
01:11:47,850 --> 01:11:53,070
Hala küçük, adil olmak, ama değil
kadar küçük yönetilemez olması.

1539
01:11:53,070 --> 01:11:56,920
Ve ben kesinlikle bu geçersiz olabilir
ayrıca CSS ile ya da sunucu tarafında,

1540
01:11:56,920 --> 01:12:00,120
ama giderek sen neyi
daha fazla özellik olduğunu görünce

1541
01:12:00,120 --> 01:12:02,900
eklenen
istemci tarafı environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, biz ele alacağız olarak
Yarın, CSS ve HTML-- böylece

1543
01:12:06,530 --> 01:12:09,190
Bu sorguları tüm
istemcide yapılabilir

1544
01:12:09,190 --> 01:12:11,910
böylece rahatsız
Sunucu çok daha az değil

1545
01:12:11,910 --> 01:12:14,530
için, ayak uydurmak zorunda
örnek, sabit saldırı

1546
01:12:14,530 --> 01:12:17,210
Yeni işletim sistemi
sürümleri, yeni tarayıcı sürümleri.

1547
01:12:17,210 --> 01:12:20,190
Sadece tarayıcı sağlayabilirsiniz
Cihazı sormak, sen ne kadar büyük

1548
01:12:20,190 --> 01:12:22,890
ve daha sonra biraz mantıklı olun
buna göre kararlar.

1549
01:12:22,890 --> 01:12:25,140
Ama biz daha fazla fırsat göreceksiniz
mantıksal kararlar için

1550
01:12:25,140 --> 01:12:27,223
bağlamda yarın
Bir programlama dili.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Yani, herhangi bir soru, daha sonra,
web geliştirme?

1553
01:12:32,760 --> 01:12:36,130
Bugün web programlama, başına değil,
Yaptığımız se beri her şeyi

1554
01:12:36,130 --> 01:12:38,370
eğer sen, çok estetik oldu.

1555
01:12:38,370 --> 01:12:41,750
hiçbir karar verme de vardır
Biz yazdım kod,

1556
01:12:41,750 --> 01:12:44,990
HTML biçimlendirme neden ve böylece var
dil, bir programlama dili.

1557
01:12:44,990 --> 01:12:47,140
Ama yarın alacağım
hızlı bir bakış, sonuçta,

1558
01:12:47,140 --> 01:12:49,340
JavaScript de, ki bu
gerçek bir programlama

1559
01:12:49,340 --> 01:12:54,220
Bize biraz daha fazlasını sağlar dil.

1560
01:12:54,220 --> 01:12:56,800
>> Sorusu olan?

1561
01:12:56,800 --> 01:13:00,480
Peki, bana iki teklif izin
ödev için isteğe bağlı fırsatlar.

1562
01:13:00,480 --> 01:13:02,900
Bunlardan biri Cloud9 bu--
hesapları sona olmayacaktır.

1563
01:13:02,900 --> 01:13:04,669
Kullanmak için buyrun
Onları ile tamircilik.

1564
01:13:04,669 --> 01:13:05,960
Bu hizmet ücretsiz seviye bulunuyor.

1565
01:13:05,960 --> 01:13:08,754
oluştururken, bu Gerçekleştirmek
Çalışma alanı, sen, kamu yapılmış

1566
01:13:08,754 --> 01:13:11,670
Bu konuda kimseyi demek
İnternet yazdıklarınızı görebilirsiniz.

1567
01:13:11,670 --> 01:13:15,104
Yani belki sadece düşünün
Kendini rezil değil

1568
01:13:15,104 --> 01:13:18,020
Eğer ilk web koyarak eğer
kamuya yanlışlıkla orada sayfa,

1569
01:13:18,020 --> 01:13:20,134
ama kimse gidiyor
Zaten orada bakmak için biliyorum.

1570
01:13:20,134 --> 01:13:23,760
>> Ve beni atmak izin iki--
yanı sıra bu URL yukarı,

1571
01:13:23,760 --> 01:13:28,250
Bugün a geldi özellikle
, Diğerlerine göre daha az konforlu küçük

1572
01:13:28,250 --> 01:13:30,430
Bütün bu şeyler ne anlama geldiğinden emin.

1573
01:13:30,430 --> 01:13:36,780
Bu videonun çok daha fazla fark
hangi uykuya dalmak için iyi bir yol hem

1574
01:13:36,780 --> 01:13:39,380
ve ayrıca süre gülmeye
Ayrıca, bu yüzden yapıyor

1575
01:13:39,380 --> 01:13:44,300
toplumsal olarak ilginç bir sürü
ve güvenlikle ilgili tartışmalar

1576
01:13:44,300 --> 01:13:47,370
burada John Oliver dan,
bir komedyen olsa.

1577
01:13:47,370 --> 01:13:55,456
>> Ama başka soru varsa,
Bu alımı için bize getiriyor.

1578
01:13:55,456 --> 01:13:56,830
Öyleyse neden müzik açmazlar.

1579
01:13:56,830 --> 01:13:58,610
içecekler olmalı
dışında ve aperatifler.

1580
01:13:58,610 --> 01:14:00,220
Ben için karıştırmak için mutluyum
millet istiyorum sürece,

1581
01:14:00,220 --> 01:14:01,600
tek-tek soru daha cevap.

1582
01:14:01,600 --> 01:14:03,330
Ama aksi halde, buyrun
herhangi bir noktada çıkarmak,

1583
01:14:03,330 --> 01:14:05,740
ve biz tekrar göreceğim
biraz daha için yarın sabah.

1584
01:14:05,740 --> 01:14:07,290
Tamam, teşekkürler.

1585
01:14:07,290 --> 01:14:10,428