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

2
00:00:00,127 --> 00:00:01,210
David J. MALAN: W porządku.

3
00:00:01,210 --> 00:00:02,160
Jesteśmy z powrotem.

4
00:00:02,160 --> 00:00:05,810
Tak więc, celem tej ostatniej sesji
jest wprowadzenie jeszcze kilka pojęć

5
00:00:05,810 --> 00:00:09,290
ale także dać każdemu szansę
do rodzaju rozciągnąć palcami

6
00:00:09,290 --> 00:00:11,270
i faktycznie coś zrobić
trochę hands-on.

7
00:00:11,270 --> 00:00:13,897
Celem jest, aby nie skręcić
nam wszystkim do programistów

8
00:00:13,897 --> 00:00:16,230
za pomocą dowolnych środków, ale tak naprawdę
dać smak niektóre

9
00:00:16,230 --> 00:00:21,750
z podstawowych konstrukcji, co
przechodzi do programowania stron internetowych i sieci dzisiaj

10
00:00:21,750 --> 00:00:23,980
rozwój, tak
statyczna strona things--

11
00:00:23,980 --> 00:00:26,660
brak logiki, bez programowania
język, po prostu zawartość statyczną.

12
00:00:26,660 --> 00:00:29,660
A to daje nam możliwość
rzeczywiście zobaczyć co to jest serwer WWW,

13
00:00:29,660 --> 00:00:34,140
Zobacz, co plik HTML, zobacz co
HTTP jest faktycznie obsługujących.

14
00:00:34,140 --> 00:00:38,600
Zanim jednak zabierzesz się, każdy retrospektywę
pytania o chmurze

15
00:00:38,600 --> 00:00:43,922
lub bezpieczeństwa albo coś pomiędzy?

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

17
00:00:44,890 --> 00:00:47,181
No dobrze, dobrze, niech
to zrobić, tak na wszelki wypadek

18
00:00:47,181 --> 00:00:49,680
Proces rejestracji w
coś trwa kilka minut.

19
00:00:49,680 --> 00:00:51,221
Będziemy niech to zrobić w tle.

20
00:00:51,221 --> 00:00:56,860
Śmiało, jeśli można,
do tego adresu URL here-- c9.io.

21
00:00:56,860 --> 00:01:02,810
Jest to jedna trzecia firm serwis--
platforma jako usługa, jeśli will--

22
00:01:02,810 --> 00:01:05,190
że ma zamiar zaprosić Państwa
podpisać się na konto,

23
00:01:05,190 --> 00:01:08,650
i to się dzieje, aby dać każdemu z was
konto w tak zwanej chmurze

24
00:01:08,650 --> 00:01:11,330
na infrastrukturę cudzej,
firma o nazwie Cloud9.

25
00:01:11,330 --> 00:01:13,350
Ale to, co miłe, o
jest to, że dają ci

26
00:01:13,350 --> 00:01:15,990
przybliżeniem
Rzeczywisty rozwój w świecie rzeczywistym

27
00:01:15,990 --> 00:01:18,530
środowiska, chociaż w
Chmura w przeglądarce internetowej,

28
00:01:18,530 --> 00:01:21,175
i użyjemy tego, aby faktycznie
trochę poeksperymentować dziś.

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

30
00:01:27,116 --> 00:01:30,260
A potem iść dalej i po prostu poruszać
Twoja droga do procesu rejestracji

31
00:01:30,260 --> 00:01:32,630
Jeśli mógłbyś.

32
00:01:32,630 --> 00:01:36,080
Tak więc stało się to wykorzystać w klasie
Uczę dla wszystkich naszych uczniów,

33
00:01:36,080 --> 00:01:39,140
zarówno na terenie kampusu i wyłącza się, a
to otrzymuje co historycznie

34
00:01:39,140 --> 00:01:41,390
było inaczej oprogramowanie do pobrania.

35
00:01:41,390 --> 00:01:44,620
Więc czego uzyskanie dostępu do
jest jedną z tych maszyn wirtualnych

36
00:01:44,620 --> 00:01:46,460
w istocie, że opisałem wcześniej.

37
00:01:46,460 --> 00:01:50,260
Więc pewnie ta firma Cloud9
czynsze z trzeciego party-- rzeczywiście

38
00:01:50,260 --> 00:01:52,760
w tym przypadku, Google-- całość
pęczek maszyn wirtualnych

39
00:01:52,760 --> 00:01:56,500
że jakoś się posiekać
iluzja poszczególnych serwerów

40
00:01:56,500 --> 00:01:58,610
że każdy z nas ma pełną kontrolę nad.

41
00:01:58,610 --> 00:02:01,640
To nie jest dość dokładne, aby powiedzieć,
że są maszyny wirtualne,

42
00:02:01,640 --> 00:02:04,550
chociaż, ponieważ to, co
Cloud9 nie używa

43
00:02:04,550 --> 00:02:07,570
Jest to nieco nowsze technologie
nazywa konteneryzacja.

44
00:02:07,570 --> 00:02:13,150
I pozwól mi chwycić tego obrazu
tu malować ten obraz.

45
00:02:13,150 --> 00:02:16,540
>> Kontener jest, jeżeli
pamiętacie obraz

46
00:02:16,540 --> 00:02:19,900
od początku, trochę lżejszy
wagę niż maszynie wirtualnej.

47
00:02:19,900 --> 00:02:22,090
W rzeczywistości, podczas gdy w ubiegłym
czas rozmawialiśmy o nie

48
00:02:22,090 --> 00:02:25,170
bycie operacyjnego
System i hypervisor

49
00:02:25,170 --> 00:02:28,260
a następnie system operacyjny gościa, gość
System operacyjny gościa operacyjnego

50
00:02:28,260 --> 00:02:30,940
System, na górze
fizycznego sprzętu,

51
00:02:30,940 --> 00:02:33,740
różnica z tym nowsze
Technologia, konteneryzacja,

52
00:02:33,740 --> 00:02:37,290
jest to, że wszystkie one w jakiś sposób podzielić
ten sam system operacyjny.

53
00:02:37,290 --> 00:02:39,970
Ale wciąż tworzyć
iluzja wszystkich

54
00:02:39,970 --> 00:02:44,590
konieczności jego lub jej wyłącznym
prawa administracyjne i pliki

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

56
00:02:45,400 --> 00:02:48,230
Ale nie mniej programy w
między użytkownikiem a sprzętem.

57
00:02:48,230 --> 00:02:52,260
Wynik, który jest w
Teoria, większa wydajność,

58
00:02:52,260 --> 00:02:55,470
ponieważ używasz lub
marnować mniej zasobów

59
00:02:55,470 --> 00:02:57,360
w tym tak zwane warstwy wirtualizacji.

60
00:02:57,360 --> 00:02:59,420
Tak to się nazywa
konteneryzacja przez naturę

61
00:02:59,420 --> 00:03:02,920
za pomocą technologii zwanej dokowanym,
która jest bardzo wchodzenia w jego rękę.

62
00:03:02,920 --> 00:03:05,086
I to jest coś, co
Inżynierowie firmy

63
00:03:05,086 --> 00:03:08,610
Może trochę jakby zacząć mówić
Wkrótce o ile nie zostało to wykonane,

64
00:03:08,610 --> 00:03:11,590
choć z pewnością nie istnieje
powód, aby wskoczyć na wszelkie bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Więc z tym powiedział, to co
pewnie teraz zobaczyć

66
00:03:15,410 --> 00:03:22,670
Jest to ekran, który wygląda trochę jak ten.

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

68
00:03:23,170 --> 00:03:25,260
I po prostu zadzwoń do mnie na razie nie.

69
00:03:25,260 --> 00:03:27,440
A jeśli SO- Przyjdę na ile nie.

70
00:03:27,440 --> 00:03:30,244
Śmiało i kliknij ten wielki
oraz stworzyć miejsce pracy,

71
00:03:30,244 --> 00:03:31,660
i zobaczysz ekran podobny do tego.

72
00:03:31,660 --> 00:03:35,020
Możesz zadzwonić do obszaru roboczego
wymienić wszystko, co chcesz teraz.

73
00:03:35,020 --> 00:03:38,660
I tak naprawdę dla uproszczenia,
przejdź and-- dobrze, że niektórzy z was

74
00:03:38,660 --> 00:03:39,660
już obszarów roboczych.

75
00:03:39,660 --> 00:03:47,050
Można to nazwać cokolwiek want-- działalności gospodarczej,
Harvard, czwartek, cokolwiek chcesz.

76
00:03:47,050 --> 00:03:48,800
Nie musisz opis.

77
00:03:48,800 --> 00:03:52,380
Możesz zostawić go prywatny, chyba że
już kilka obszarów roboczych.

78
00:03:52,380 --> 00:03:55,280
Jeśli jesteś zmuszony do ich upublicznienie,
to dobrze dla dzisiejszych potrzeb.

79
00:03:55,280 --> 00:03:56,750
Tutaj też jest jednym z upsells.

80
00:03:56,750 --> 00:03:59,939
Otrzymasz jeden prywatny obszar roboczy przez
zaniedbanie. Ale jeśli chcesz więcej,

81
00:03:59,939 --> 00:04:00,980
trzeba zapłacić więcej.

82
00:04:00,980 --> 00:04:02,870
W przeciwnym razie, zmuszają cię
do opublikowania pracy.

83
00:04:02,870 --> 00:04:05,600
Ale to dobrze, bo one również
target to w społeczności open source

84
00:04:05,600 --> 00:04:07,700
aby zachęcić ludzi do
faktycznie współpracują.

85
00:04:07,700 --> 00:04:10,699
>> I ostatnia rzecz, która jest ważna,
jednak to, że po wybraniu nazwy

86
00:04:10,699 --> 00:04:17,140
i po wybraniu prywatnego lub publicznego,
kliknij ikonę HTML5, duży pomarańczowy

87
00:04:17,140 --> 00:04:22,430
drugi od lewej, a
następnie kliknij przycisk Utwórz obszar roboczy.

88
00:04:22,430 --> 00:04:24,580
I to będzie prawdopodobnie
zająć minutę lub tak,

89
00:04:24,580 --> 00:04:26,540
ale będziesz wtedy mieć
Środowisko, po

90
00:04:26,540 --> 00:04:30,544
zrobić, który wygląda przypomina
co mam na ekranie teraz tutaj.

91
00:04:30,544 --> 00:04:33,210
Ale znowu, to może potrwać kilka minut
lub więcej, aby dostać się do tego ekranu

92
00:04:33,210 --> 00:04:34,770
po kliknięciu Tworzenie obszaru roboczego.

93
00:04:34,770 --> 00:04:37,936
Ale tylko flaga mnie, gdybyś mnie lubić
spojrzeć na cokolwiek lub poradzić.

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

95
00:04:40,191 --> 00:04:40,690
W porządku.

96
00:04:40,690 --> 00:04:42,390
Więc mam zamiar tle tego teraz.

97
00:04:42,390 --> 00:04:44,260
Zadzwoń do mnie, jeśli wydaje się,
masz jakieś problemy techniczne.

98
00:04:44,260 --> 00:04:46,210
Ale znowu, to może potrwać
Trochę na to otworzyć.

99
00:04:46,210 --> 00:04:49,570
I chodźmy naprzód i rozmawiać o tym, co
Oznacza to faktycznie zrobić stronę internetową,

100
00:04:49,570 --> 00:04:52,780
HTML, co jest i jak to wszystko
teraz łączy ze sobą tak zaczynamy

101
00:04:52,780 --> 00:04:54,730
faktycznie wykorzystane niektóre techniki.

102
00:04:54,730 --> 00:04:58,310
Tak więc okazuje się, że mogę
pójść na moim małym Mac tutaj

103
00:04:58,310 --> 00:05:01,650
otwórz prosty program o nazwie
TextEdit lub Windows mogłem

104
00:05:01,650 --> 00:05:04,480
otwarta coś o nazwie Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
I może po prostu coś zrobić
jak this-- "Hello, World".

106
00:05:08,260 --> 00:05:12,020
A potem mogę zapisać to jako
hello.txt Więc nie ma magii.

107
00:05:12,020 --> 00:05:15,200
To nie ma nic wspólnego z sieci
programowanie, nic wspólnego z HTML.

108
00:05:15,200 --> 00:05:16,790
Wystarczy stworzenia prostego pliku tekstowego.

109
00:05:16,790 --> 00:05:20,600
Ale okazuje się, że w internecie
Strona jest dosłownie tylko to.

110
00:05:20,600 --> 00:05:24,020
Jest to prosty plik tekstowy zawierający tekst
które można wpisać na klawiaturze,

111
00:05:24,020 --> 00:05:30,070
ale zazwyczaj, ale nie zawsze
kończy się nie .txt ale .html lub .htm.

112
00:05:30,070 --> 00:05:32,050
I nie tylko
wpisać słowa w pliku.

113
00:05:32,050 --> 00:05:35,280
Tak naprawdę trzeba używać rzeczy zwanych
tagi lub, bardziej ogólnie, coś

114
00:05:35,280 --> 00:05:37,190
zwany język znaczników.

115
00:05:37,190 --> 00:05:40,510
>> Więc jadę bardzo szybko wpisać
a następnie wyjaśnić, co następuje.

116
00:05:40,510 --> 00:05:42,290
Idę pierwszy
wpisz to, co mówi,

117
00:05:42,290 --> 00:05:45,730
hej, przeglądarka, oto
Strona internetowa napisana w HTML.

118
00:05:45,730 --> 00:05:51,850
I te dwie rzeczy razem powiedzieć, hej,
Przeglądarka następujące rzeczywiście HTML.

119
00:05:51,850 --> 00:05:55,790
Hej, przeglądarka, oto nadchodzi
Głowa i górna część mojej stronie.

120
00:05:55,790 --> 00:05:59,900
Hej, przeglądarka, wewnątrz góry
moja strona, umieść tytuł, który brzmi: "cześć,

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

122
00:06:01,610 --> 00:06:08,370
Hej, przeglądarka, po szef mojego
Strona, oto ciało moje strony.

123
00:06:08,370 --> 00:06:12,170
I hej, przeglądarka, ciało moje
strona powinna również powiedzieć "Hello World".

124
00:06:12,170 --> 00:06:15,500
Więc jakie są najistotniejsze szczegóły tutaj?

125
00:06:15,500 --> 00:06:17,960
To, co jest na ogół
zwana deklaracja typu doc,

126
00:06:17,960 --> 00:06:20,190
i, szczerze mówiąc, to trochę
trudno zapamiętać to na początku.

127
00:06:20,190 --> 00:06:21,481
Po prostu rodzaj skopiować i wkleić go.

128
00:06:21,481 --> 00:06:23,760
Jest to formalna droga
powiedzieć, hej, przeglądarka,

129
00:06:23,760 --> 00:06:28,030
Używam wersji HTML 5, który
wyszedł dość niedawno.

130
00:06:28,030 --> 00:06:31,380
To magiczne zaklęcia, że ​​niektóre
ludzie o ubogim sensie designu

131
00:06:31,380 --> 00:06:33,640
postanowił umieścić u
samej górze pliku.

132
00:06:33,640 --> 00:06:35,473
Mimo, że jest to
Trochę Arcane, to wszystko

133
00:06:35,473 --> 00:06:38,250
Hej, to means-- przeglądarkę tutaj
pochodzi z wersji 5 HTML.

134
00:06:38,250 --> 00:06:41,741
>> Reszta to było z nami
od jakiegoś czasu, historycznie,

135
00:06:41,741 --> 00:06:44,740
ale to już się rozwija, i to
Prawdopodobnie zostało już trochę prostsze.

136
00:06:44,740 --> 00:06:47,320
Zwróć uwagę na kilka cech
co mam podświetlone.

137
00:06:47,320 --> 00:06:49,890
Tam te rzeczy z kątowym
brackets-- lewy wspornik

138
00:06:49,890 --> 00:06:51,040
a prawy nawias.

139
00:06:51,040 --> 00:06:52,490
I tu zauważyć symetrię.

140
00:06:52,490 --> 00:06:57,340
I symetrii, to znaczy, tak jak ja
mieć ten początkowy znacznik tutaj lub otwartą tag

141
00:06:57,340 --> 00:07:01,560
jeśli chcesz, tu mam
blisko tag lub znacznik końcowy to

142
00:07:01,560 --> 00:07:06,460
różnią się tylko, o ile ma to
ciąć na początku słowa

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

144
00:07:07,360 --> 00:07:09,360
A może myślisz
to jak ja od niechcenia

145
00:07:09,360 --> 00:07:12,280
proponując wcześniej, hej,
Przeglądarka, oto niektóre HTML.

146
00:07:12,280 --> 00:07:16,060
I odwrotnie, hej, przeglądarka, to
to na początku i na końcu HTML--.

147
00:07:16,060 --> 00:07:18,440
>> Tymczasem hej, przeglądarka, tutaj
przychodzi szef mojej stronie.

148
00:07:18,440 --> 00:07:20,140
Hej, przeglądarka, to wszystko na głowie.

149
00:07:20,140 --> 00:07:22,240
Hej, przeglądarka, tu jest
ciało mojej stronie.

150
00:07:22,240 --> 00:07:24,020
Hej, przeglądarka, to jest to dla organizmu.

151
00:07:24,020 --> 00:07:26,940
A wewnątrz tego pewne
arbitralne tekst teraz.

152
00:07:26,940 --> 00:07:30,520
A wewnątrz głowicy tymczasem
jest jakaś arbitralna, ale oznaczone,

153
00:07:30,520 --> 00:07:34,410
by tak rzec, tekst, który mówi, tytuł
mojej stronie będzie "Hello, world".

154
00:07:34,410 --> 00:07:37,470
Teraz, teraz, można
Zakładamy, że przeglądarki

155
00:07:37,470 --> 00:07:41,762
mają only-- czy raczej stron internetowych mają
tylko dwa parts-- głowy i ciała.

156
00:07:41,762 --> 00:07:44,220
A szef jest na ogół po prostu
jak pasek menu, rzeczy

157
00:07:44,220 --> 00:07:45,510
naprawdę tylko na samej górze.

158
00:07:45,510 --> 00:07:48,910
A ciało jest wnętrzności strony
wszystko w tym wielkim prostokąta

159
00:07:48,910 --> 00:07:50,239
który wypełnia cały ekran.

160
00:07:50,239 --> 00:07:51,780
Więc mam zamiar iść do przodu i to zrobić.

161
00:07:51,780 --> 00:07:54,400
Mam zamiar iść do przodu i
kliknij przycisk Zapisz, Zapisz plik.

162
00:07:54,400 --> 00:07:58,580
I mam zamiar zapisać
to jako hello.html,

163
00:07:58,580 --> 00:08:00,870
a ja po prostu się
umieścić go na pulpicie.

164
00:08:00,870 --> 00:08:03,520
I zamierzam iść
naprzód i kliknij Zapisz.

165
00:08:03,520 --> 00:08:05,806
I notice-- na mój Mac
najmniej krzyczy na mnie.

166
00:08:05,806 --> 00:08:07,180
Czy na pewno chcesz to zrobić?

167
00:08:07,180 --> 00:08:08,710
A ja powiem tak, używać HTML.

168
00:08:08,710 --> 00:08:10,400
Wiem, że lepiej w tym przypadku.

169
00:08:10,400 --> 00:08:14,686
A teraz mam zamiar iść do mojego pulpitu
gdzie mam ten plik nagle.

170
00:08:14,686 --> 00:08:16,060
A ja zamierzam dwukrotnie jego ikonę.

171
00:08:16,060 --> 00:08:18,268
I można zauważyć, że poprzez
Domyślnie Chrome otworzył.

172
00:08:18,268 --> 00:08:19,996
To dlatego, że to
moja domyślna przeglądarka.

173
00:08:19,996 --> 00:08:21,370
A to po prostu mówi: "Hello, world".

174
00:08:21,370 --> 00:08:23,078
Ale to mówi "cześć,
świat "w dwóch miejscach.

175
00:08:23,078 --> 00:08:23,979
Zauważ, górnym rogu.

176
00:08:23,979 --> 00:08:25,020
Dość trudno przegapić.

177
00:08:25,020 --> 00:08:26,180
To duże i pogrubione.

178
00:08:26,180 --> 00:08:30,690
A gdzie indziej nie wydaje się
powiedzieć: "Witaj, świecie"?

179
00:08:30,690 --> 00:08:31,470
>> PUBLICZNOŚCI: Zakładka.

180
00:08:31,470 --> 00:08:33,100
>> David J. MALAN: Tak, sama karta.

181
00:08:33,100 --> 00:08:35,159
Kiedy więc powiedziałam szef
Strona jest wszystko się top--

182
00:08:35,159 --> 00:08:36,367
i rzeczywiście to tytuł.

183
00:08:36,367 --> 00:08:37,710
To tylko w zakładce tutaj.

184
00:08:37,710 --> 00:08:40,320
I mogę wyciągnąć tę kartę
się tak, aby nie pomylić.

185
00:08:40,320 --> 00:08:43,360
To jest tylko jedna zakładka teraz
i rzeczywiście widzimy "Hello, world"

186
00:08:43,360 --> 00:08:45,970
tu i "Hello, world" na dole.

187
00:08:45,970 --> 00:08:47,160
Więc całkiem proste.

188
00:08:47,160 --> 00:08:49,050
Ale jest to również dość prosta.

189
00:08:49,050 --> 00:08:50,440
I rzeczywiście, ja powiększeniu.

190
00:08:50,440 --> 00:08:53,272
Mogę zmienić rozmiar czcionki po prostu
powiększać za dostępność.

191
00:08:53,272 --> 00:08:56,830
Ale niech teraz coś zrobić
trochę bardziej interesująca.

192
00:08:56,830 --> 00:08:59,760
>> Idę go-- okrzyki, niech
mi wrócić do mojego pliku tekstowego.

193
00:08:59,760 --> 00:09:02,400
Wracam do mojego
plik tekstowy, a ja jadę

194
00:09:02,400 --> 00:09:06,320
to zmienić i powiedzieć
"Hello, Disney World."

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

196
00:09:07,970 --> 00:09:10,919
I wrócić do mojego
Przeglądarka i kliknij przycisk Odśwież.

197
00:09:10,919 --> 00:09:12,710
A teraz, oczywiście,
mówi "Disney World".

198
00:09:12,710 --> 00:09:15,500
A ja zamierzam sztucznie powiększyć
W tak łatwiej zobaczyć.

199
00:09:15,500 --> 00:09:19,012
Więc teraz, niestety, I niby chcą
to-- właściwie, to funkcja Mac.

200
00:09:19,012 --> 00:09:21,720
Chcę, aby kliknąć na Disney World
i iść gdzieś jak disney.com,

201
00:09:21,720 --> 00:09:23,290
ale to nie działa.

202
00:09:23,290 --> 00:09:26,850
Dlatego podstawowym założeniem wstęgi jest
linki, linki, które idź gdzie indziej.

203
00:09:26,850 --> 00:09:28,390
Więc jak mam to zrobić?

204
00:09:28,390 --> 00:09:34,690
Cóż, mogę tylko powiedzieć,
"Hello, http://www.disney.com".

205
00:09:34,690 --> 00:09:36,110
Zapisz tego.

206
00:09:36,110 --> 00:09:37,620
Przeładować.

207
00:09:37,620 --> 00:09:39,400
Ale to też nie kliknąć.

208
00:09:39,400 --> 00:09:42,930
I co tu miła, chociaż
to jeszcze nie działa,

209
00:09:42,930 --> 00:09:45,930
jest to, że wydaje się, że
Przeglądarka nie tylko dosłownie

210
00:09:45,930 --> 00:09:46,950
co mogę powiedzieć to zrobić.

211
00:09:46,950 --> 00:09:50,110
Więc jeśli wystarczy wpisać adres URL w ten sposób,
to po prostu będzie mi pokazać URL.

212
00:09:50,110 --> 00:09:54,270
Muszę używać znaczników i znaczników
Język rzeczywiście powiedzieć

213
00:09:54,270 --> 00:09:55,621
przeglądarka zrobić jeszcze więcej.

214
00:09:55,621 --> 00:09:57,870
Więc mam zamiar iść do przodu i
usuwać tym przez chwilę.

215
00:09:57,870 --> 00:10:00,980
A ja powiem, hej,
Przeglądarka, start kotwicę tutaj

216
00:10:00,980 --> 00:10:02,650
link tak powiem.

217
00:10:02,650 --> 00:10:07,500
A hiper-odniesienia, miejsce przeznaczenia
tej kotwicy, powinny mieć ten adres URL.

218
00:10:07,500 --> 00:10:08,750
I zauważył moje cytaty.

219
00:10:08,750 --> 00:10:11,590
Mógłbym użyć apostrofów też
ale trzeba być konsekwentnym,

220
00:10:11,590 --> 00:10:14,270
a ja na ogół wystarczy użyć
cudzysłowy keep it simple.

221
00:10:14,270 --> 00:10:16,820
Zauważ, mam zamiar zamknąć znacznik.

222
00:10:16,820 --> 00:10:21,160
I to tutaj jadę
powiedzieć: "Disney World".

223
00:10:21,160 --> 00:10:26,890
A teraz muszę trochę symmetry--
otwarta wspornikach / a, zamknięty uchwyt.

224
00:10:26,890 --> 00:10:28,090
>> Więc co ja wprowadzone?

225
00:10:28,090 --> 00:10:30,100
Mieliśmy już kilka znaczników.

226
00:10:30,100 --> 00:10:32,410
HTML, Głowa, tytuł, treść
są wszystkie znaczniki, by tak rzec,

227
00:10:32,410 --> 00:10:34,280
z otwartych i zamkniętych odpowiedników.

228
00:10:34,280 --> 00:10:36,530
Ale informacja, to jest rodzaj
fundamentalnie różne.

229
00:10:36,530 --> 00:10:39,140
To, co będziemy nazywać
HTML atrybut.

230
00:10:39,140 --> 00:10:41,451
A jest atrybutem
zaledwie parę klucz-wartość.

231
00:10:41,451 --> 00:10:43,950
Jest to wspólny rzeczą
parę klucz-wartość komputera science--.

232
00:10:43,950 --> 00:10:45,770
To coś w rodzaju narzędzia handlu.

233
00:10:45,770 --> 00:10:47,040
Kluczowym a wartość.

234
00:10:47,040 --> 00:10:49,390
Słowo, a następnie kilka
inne słowo lub słowa.

235
00:10:49,390 --> 00:10:53,790
I w tym przypadku kluczem jest href,
a wartością jest to, że pełny adres URL.

236
00:10:53,790 --> 00:10:57,890
A co robi jest atrybutem go
wpływ na zachowanie etykiety.

237
00:10:57,890 --> 00:11:01,010
I w tym przypadku, musimy wpływać
zachowaniem znacznika podrzędną

238
00:11:01,010 --> 00:11:04,140
ponieważ musimy zakotwiczyć
ten link gdzieś.

239
00:11:04,140 --> 00:11:06,960
A jak to zrobić to
za pomocą atrybutu.

240
00:11:06,960 --> 00:11:08,970
>> Więc mam zamiar iść do przodu
i zapisz plik teraz.

241
00:11:08,970 --> 00:11:11,300
Wróć do mojej przeglądarce i przeładować.

242
00:11:11,300 --> 00:11:14,580
I voila, mamy teraz
Początki uzasadnionych stronie internetowej.

243
00:11:14,580 --> 00:11:18,420
Super-proste, ale jeśli najedź
this-- Zawiadomienie w lewym dolnym rogu,

244
00:11:18,420 --> 00:11:19,830
to super mały.

245
00:11:19,830 --> 00:11:21,730
Ale ty patrz www.disney.com.

246
00:11:21,730 --> 00:11:27,076
A jeśli kliknę to rzeczywiście ta
zawozi mnie do disney.com.

247
00:11:27,076 --> 00:11:29,380
Teraz, ciekawa rzecz
jest to, że nie jest

248
00:11:29,380 --> 00:11:33,940
best-- najbardziej zbywalnego URL, ale
to dobrze, ponieważ ten plik nie

249
00:11:33,940 --> 00:11:35,360
istnieje w sieci World Wide Web.

250
00:11:35,360 --> 00:11:39,740
Istnieje jako lokalnego pliku w pozornie
Moi użytkownicy directory-- / jharvard--

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

252
00:11:41,890 --> 00:11:42,634
Ale ma URL.

253
00:11:42,634 --> 00:11:43,800
To właśnie dzieje się lokalne.

254
00:11:43,800 --> 00:11:47,050
Niestety, żaden z was może odwiedzić
tego, bo po wpisaniu tego adresu,

255
00:11:47,050 --> 00:11:49,980
chcesz opowiadać swoją przeglądarkę,
poszukaj pliku o nazwie hello.html

256
00:11:49,980 --> 00:11:50,772
na dysku twardym.

257
00:11:50,772 --> 00:11:53,271
I, oczywiście, o ile nie masz
śledzi razem ręcznie,

258
00:11:53,271 --> 00:11:54,530
to nie będzie tam istnieć.

259
00:11:54,530 --> 00:11:55,190
>> Tak to jest w porządku.

260
00:11:55,190 --> 00:11:57,815
Nadal potrzebny jest sposób, w ostatecznym rozrachunku,
aby uzyskać ten plik w internecie,

261
00:11:57,815 --> 00:12:01,180
ale niech odciąć kilka
Implikacje zabezpieczeń, co właśnie

262
00:12:01,180 --> 00:12:04,850
widział i powiązać go z powrotem do wcześniejszego
Dyskusja z tej rano.

263
00:12:04,850 --> 00:12:08,200
Okazuje się, że jeśli
Przeglądarka dosłownie robi

264
00:12:08,200 --> 00:12:12,560
co mogę powiedzieć to zrobić, i wydaje się,
być tak, że znacznik jest kotwica

265
00:12:12,560 --> 00:12:17,380
pod wpływem wartości
Ten atrybut nazywa href

266
00:12:17,380 --> 00:12:20,810
ale ta wyświetla
Tekst, byłoby to wydawać

267
00:12:20,810 --> 00:12:26,520
sugerować, że mogę umieścić adres URL
w obu miejscach, a następnie załaduj

268
00:12:26,520 --> 00:12:29,100
a teraz patrz URL i przejść do adresu URL.

269
00:12:29,100 --> 00:12:32,680
Zauważ, gdybym najechaniu na dolnej lewej
Ja rzeczywiście będzie jeszcze disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Więc jeśli kiedykolwiek byłeś
phished-- P-H-l-H-S-E-D--

271
00:12:38,340 --> 00:12:42,820
z jednym z tych fałszywych e-maili
od jak PayPal banku,

272
00:12:42,820 --> 00:12:46,470
masz prawdopodobnie zdobyć linki wewnątrz
wiadomości e-mail, który czytasz, że

273
00:12:46,470 --> 00:12:49,970
Informuje, kliknij tutaj, aby przejść potwierdzić
hasło lub potwierdź swoją datę urodzenia

274
00:12:49,970 --> 00:12:53,840
społecznie lub społeczną albo coś
inżynierii do ujawnienia

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

276
00:12:54,920 --> 00:12:57,625
Cóż, mogę rodzaj podjąć
Zaletą tego nie mogłem?

277
00:12:57,625 --> 00:13:01,240
Mogę coś powiedzieć
podobnych, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
I zamiast Disney.com, ja
może udać się do, jak, badguy.com.

279
00:13:11,340 --> 00:13:12,850
Przeładować.

280
00:13:12,850 --> 00:13:16,620
I jak łatwo jest oszukać,
zwłaszcza czytnik nietechniczne

281
00:13:16,620 --> 00:13:20,649
lub pobieżnie czyta
Czytelnik nie kliknąć

282
00:13:20,649 --> 00:13:23,940
link jak to, które, jeśli kliknę it--
I rzeczywiście nie chcą iść badguy.com.

283
00:13:23,940 --> 00:13:25,398
Nie wiem, co to właściwie jest.

284
00:13:25,398 --> 00:13:30,080
Więc paypal.com, zawiadomienia, jest
to co mówi to będzie,

285
00:13:30,080 --> 00:13:33,210
Ale oczywiście, jeśli spojrzeć w dół
super-niskie, to trochę rozmazane,

286
00:13:33,210 --> 00:13:34,230
ale mówi badguy.com.

287
00:13:34,230 --> 00:13:38,644
To tylko powiedzieć teraz
że będę złym miejscu.

288
00:13:38,644 --> 00:13:41,560
A kiedy powiedziałem wcześniej, że banki
Naprawdę nie powinny zachęcać lub pociągiem

289
00:13:41,560 --> 00:13:44,510
użytkowników do kliknięcia łącza, ten
Jest tylko jeden przejaw niego.

290
00:13:44,510 --> 00:13:45,430
A to takie proste.

291
00:13:45,430 --> 00:13:48,120
Teraz jesteś przeciwnikiem, jeśli
zrobić coś takiego

292
00:13:48,120 --> 00:13:51,000
i próbują oszukać użytkownika
na odwiedzenie witryny.

293
00:13:51,000 --> 00:13:53,320
Na razie jednak będziemy trzymać
rzeczy ładne i czyste.

294
00:13:53,320 --> 00:13:55,640
Mamy zamiar iść do przodu
i do tyłu te zmiany.

295
00:13:55,640 --> 00:13:56,530
Odśwież stronę.

296
00:13:56,530 --> 00:13:57,740
I wrócić do disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Zobaczmy, czy nie możemy drażnić
Pomimo tego trochę więcej.

298
00:14:00,660 --> 00:14:04,160
Więc "cześć, Disney World."

299
00:14:04,160 --> 00:14:05,950
Idę powiedzieć tutaj.

300
00:14:05,950 --> 00:14:08,220
Może mam zamiar zrobić trochę miejsca.

301
00:14:08,220 --> 00:14:12,730
"Mamy nadzieję, że Państwa pobyt!"

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

303
00:14:13,830 --> 00:14:15,850
Przeładować.

304
00:14:15,850 --> 00:14:19,010
To nie tak, że nie jest rea--
co zamierzałem, prawda?

305
00:14:19,010 --> 00:14:21,870
To znaczy, jeśli mam traktując mój tekst
pliku, podobnie jak w edytorze tekstu,

306
00:14:21,870 --> 00:14:24,894
co miałeś nadzieję, że zdarzy się tutaj?

307
00:14:24,894 --> 00:14:27,060
Tak, czuję się tam
powinna być przerwa linia tutaj

308
00:14:27,060 --> 00:14:28,799
więc czuje buggy w jakiś sposób.

309
00:14:28,799 --> 00:14:31,090
Ale to faktycznie celowe,
ponieważ tak jak poprzednio,

310
00:14:31,090 --> 00:14:33,381
przeglądarka będzie się tylko
Rób to, co powiedzieć to zrobić.

311
00:14:33,381 --> 00:14:34,806
Nie powiedziałem jej przełamać linie.

312
00:14:34,806 --> 00:14:37,930
Nie powiedziałem jej, aby przejść w dół, nawet
choć intuicyjnie czuję, jak ja.

313
00:14:37,930 --> 00:14:39,805
Tak więc okazuje się, musimy
trochę więcej znaczników,

314
00:14:39,805 --> 00:14:41,390
i mam zamiar to naprawić w następujący sposób.

315
00:14:41,390 --> 00:14:46,160
Będę przedmowa ta pierwsza cześć
z tego, co się nazywa tag pkt.

316
00:14:46,160 --> 00:14:48,920
A potem mam zamiar iść do przodu
i owinąć to inne zdanie

317
00:14:48,920 --> 00:14:54,370
w innym znaczniku akapitu, chociaż
oni są super krótkie akapity.

318
00:14:54,370 --> 00:14:55,930
Teraz mam zamiar zapisać.

319
00:14:55,930 --> 00:14:57,160
Przeładować.

320
00:14:57,160 --> 00:14:59,070
A teraz mamy, że
przestrzeń, a my rodzaj

321
00:14:59,070 --> 00:15:01,680
mają semantyki
dwa oddzielne akapity.

322
00:15:01,680 --> 00:15:05,290
>> To wszystko dobrze i dobre, ale to byłoby
byłoby miło, aby dodać zdjęcie do tej strony,

323
00:15:05,290 --> 00:15:08,710
więc mam zamiar iść szukać
Myszka Miki w Google Images.

324
00:15:08,710 --> 00:15:12,830
I tylko dla zabawy, jestem
zamiar pobrać ten obraz.

325
00:15:12,830 --> 00:15:15,350
Mam zamiar iść do przodu i teraz
chwycić URL tego obrazu,

326
00:15:15,350 --> 00:15:16,510
choć nie jest inaczej
sposoby, aby to zrobić.

327
00:15:16,510 --> 00:15:18,520
Na razie jestem po prostu skopiować adres URL.

328
00:15:18,520 --> 00:15:24,770
Mam zamiar wrócić do mojego tekstu
Plik, a ja zamierzam tu powiedzieć,

329
00:15:24,770 --> 00:15:31,160
img src = cytat cytatu
że adres URL, super-długie.

330
00:15:31,160 --> 00:15:34,580
I wtedy pojęcie
obraz jest nieco inna.

331
00:15:34,580 --> 00:15:38,640
Tam naprawdę nie ma pojęcia rozruchu
obraz, a kończąc obraz,

332
00:15:38,640 --> 00:15:40,630
jak początek tag znacznik końcowy.

333
00:15:40,630 --> 00:15:43,840
Więc to jest trochę dziwne
semantycznie mi to zrobić,

334
00:15:43,840 --> 00:15:45,390
mieć tag zbliżenie obrazu.

335
00:15:45,390 --> 00:15:46,780
To nie jest błędna.

336
00:15:46,780 --> 00:15:48,840
Jest to całkowicie poprawne,
i jest to zalecane,

337
00:15:48,840 --> 00:15:50,870
ale tam zapis skrótowy.

338
00:15:50,870 --> 00:15:53,780
Mogę rodzaj jednocześnie
otworzyć i zamknąć ten sam znacznik,

339
00:15:53,780 --> 00:15:55,510
i że uczyni przeglądarka szczęśliwy.

340
00:15:55,510 --> 00:15:56,950
Więc to jest tylko trochę
bardziej zwięzłe rzeczy

341
00:15:56,950 --> 00:15:59,408
że tak naprawdę nie koncepcyjnie
sensu początku i na końcu.

342
00:15:59,408 --> 00:16:01,190
po prostu tam są, czy nie są.

343
00:16:01,190 --> 00:16:06,020
>> Więc mam zamiar zapisać to i wrócić
do mojego "Hello World", strony i przeładować.

344
00:16:06,020 --> 00:16:09,880
I to jest trochę spod kontroli,
dlatego, że obraz jest rzeczywiście

345
00:16:09,880 --> 00:16:12,210
trochę duże, ale to jest OK.

346
00:16:12,210 --> 00:16:13,710
Mógłbym zmienić jego rozmiar w programie.

347
00:16:13,710 --> 00:16:14,900
Albo wiesz co.

348
00:16:14,900 --> 00:16:17,350
Wystarczy wykazać, że jestem
będzie rzeczywiście powiedzieć

349
00:16:17,350 --> 00:16:21,760
że szerokość tego co należy
tylko 200 pikseli, 200 punktów.

350
00:16:21,760 --> 00:16:24,360
Pozwólcie mi iść do przodu i zapisać
i odświeżyć, a teraz strona

351
00:16:24,360 --> 00:16:25,690
wygląda trochę bardziej uzasadnione.

352
00:16:25,690 --> 00:16:27,260
Należy jednak zauważyć, wzór.

353
00:16:27,260 --> 00:16:30,030
Dobrze, ja rodzaj nauczył was wszystkich
HTML w pewnym sensie, przynajmniej

354
00:16:30,030 --> 00:16:33,531
koncepcyjnie, bo wszystko to jest HTML
Znaczniki te tags-- otwarte, zamknięte znaczniki,

355
00:16:33,531 --> 00:16:35,280
i atrybutów, które
modyfikować swoje zachowanie.

356
00:16:35,280 --> 00:16:38,380
I, oczywiście, każdy
Znacznik może mieć zero lub jeden

357
00:16:38,380 --> 00:16:43,005
albo dwa lub większą liczbę atrybutów, a każdy z
która robi coś trochę innego.

358
00:16:43,005 --> 00:16:44,380
Teraz, jak pan wie, co istnieje?

359
00:16:44,380 --> 00:16:46,800
Po prostu słuchać kogoś
jakby mi powiedzieć, co istnieje,

360
00:16:46,800 --> 00:16:50,860
lub po prostu Google od jakiegoś tutoriala
HTML, a tak naprawdę jest to proste.

361
00:16:50,860 --> 00:16:54,030
>> Rzeczywiście, kiedy byłem w trakcie studiów
lat temu i dowiedział HTML,

362
00:16:54,030 --> 00:16:56,530
jeden z moich nauczania matematyki
asystenci właśnie spędziliśmy

363
00:16:56,530 --> 00:16:59,600
trochę czasu mi korepetycje
jak dla pół godziny, godzinę,

364
00:16:59,600 --> 00:17:00,660
a potem byłem na mojej drodze.

365
00:17:00,660 --> 00:17:03,300
Byłem w drodze do dokonywania
najbardziej ohydne witryn kiedykolwiek,

366
00:17:03,300 --> 00:17:05,549
która, jak widać, nie mam
Naprawdę postępowała dalej.

367
00:17:05,549 --> 00:17:09,849
Ale chodzi o to, że po
zrozumieć te proste ideas--

368
00:17:09,849 --> 00:17:13,450
jeśli Arcane text-- ale te proste
idee począwszy myśl

369
00:17:13,450 --> 00:17:15,960
i zamykania myśli, utrzymując
Wszystko ładnie zrównoważone,

370
00:17:15,960 --> 00:17:19,150
poszukuje coś, modyfikując
Zachowanie tego znacznika, to naprawdę wszystko

371
00:17:19,150 --> 00:17:20,079
nie ma do niego.

372
00:17:20,079 --> 00:17:28,140
I rzeczywiście, jeśli teraz przejść do
coś jak google.com-- właściwie

373
00:17:28,140 --> 00:17:31,920
chodźmy miejsce trochę bardziej
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
I mam zamiar przejść do widoku,
Developer View Source.

375
00:17:37,800 --> 00:17:41,400
Jest brzydka, ale notice--
a ja powiększyć powiadomienia

376
00:17:41,400 --> 00:17:43,432
niektóre rzeczy, które już znają.

377
00:17:43,432 --> 00:17:45,140
Jest to tutaj,
który jest przeglądarką.

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

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

380
00:17:47,634 --> 00:17:49,550
Najwyraźniej, nie ma
atrybut, że nie

381
00:17:49,550 --> 00:17:51,540
używać określająca
Język strony

382
00:17:51,540 --> 00:17:54,380
a to może pomóc w automatycznym
tłumaczenie i takie tam.

383
00:17:54,380 --> 00:17:55,546
Oto szef stronie.

384
00:17:55,546 --> 00:17:57,790
Oto tytuł strony Stanford.

385
00:17:57,790 --> 00:17:59,832
Jest tag ja nie
mówić o yet-- Meta tag.

386
00:17:59,832 --> 00:18:01,540
To tylko rodzaj
Informacje tła.

387
00:18:01,540 --> 00:18:04,210
Pomaga SEO, lub
optymalizacja wyszukiwarki,

388
00:18:04,210 --> 00:18:06,320
lub wyników wyszukiwania Google lub podobne.

389
00:18:06,320 --> 00:18:09,029
Ale jeśli mamy zachować się zachować
patrząc, oto tag ciała.

390
00:18:09,029 --> 00:18:11,570
I tam pęki inne
Tagi nie rozmawialiśmy o jeszcze.

391
00:18:11,570 --> 00:18:13,750
Ale jest jedna strefa dla
Podział strony.

392
00:18:13,750 --> 00:18:16,680
To tak, jakby niewidzialny prostokąt
jeśli rodzaj chcą psychicznie

393
00:18:16,680 --> 00:18:20,160
podzielić stronę na
różne jednostki online.

394
00:18:20,160 --> 00:18:22,650
A następnie wiele div I
patrz, coś o nazwie klasy,

395
00:18:22,650 --> 00:18:24,440
ale wrócimy do tego.

396
00:18:24,440 --> 00:18:26,200
>> To interesting-- formach.

397
00:18:26,200 --> 00:18:27,730
Formy są w całym internecie.

398
00:18:27,730 --> 00:18:30,310
Każde pole wyszukiwania jesteś
kiedykolwiek używane jest formą.

399
00:18:30,310 --> 00:18:31,490
A więc, niech rzeczywiście zobaczyć.

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

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

402
00:18:33,910 --> 00:18:37,660
Działanie tej postaci, niezależnie od
Ze względów historycznych, jest to, że adres URL.

403
00:18:37,660 --> 00:18:38,840
Metoda jest "post".

404
00:18:38,840 --> 00:18:44,060
Okazuje się, że żądania HTTP można użyć
czasownik "get", jak widzieliśmy wcześniej,

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

406
00:18:45,070 --> 00:18:47,030
I będzie widać różnicę
Z tego w momencie.

407
00:18:47,030 --> 00:18:48,363
Załóżmy, rzeczywiście zobaczyć co to jest.

408
00:18:48,363 --> 00:18:49,830
Pozwól mi wrócić do strony Stanford.

409
00:18:49,830 --> 00:18:53,330
W jakiej formie są rozmowy
o, o tym sądzisz?

410
00:18:53,330 --> 00:18:54,485
Co wyskakuje na ciebie?

411
00:18:54,485 --> 00:18:54,970
>> PUBLICZNOŚCI: Pole wyszukiwania.

412
00:18:54,970 --> 00:18:55,845
>> David J. MALAN: Tak.

413
00:18:55,845 --> 00:18:58,410
Tak się w prawym górnym rogu
tutaj jest to pole wyszukiwania.

414
00:18:58,410 --> 00:19:02,441
A to, w jaki sposób realizowane it--
tag, który dosłownie formą otwartym uchwycie.

415
00:19:02,441 --> 00:19:03,940
A potem niech szukać czegoś.

416
00:19:03,940 --> 00:19:09,220
Chodźmy poszukać kumplem
z mine-- "Nick Parlante."

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

418
00:19:11,380 --> 00:19:13,750
I oczywiście, że udał się do
nieco inny URL.

419
00:19:13,750 --> 00:19:15,140
Pozwól mi wrócić tutaj.

420
00:19:15,140 --> 00:19:18,960
Chodźmy poszukać "kursów".

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

422
00:19:19,460 --> 00:19:20,484
Poszedłem do innego adresu URL.

423
00:19:20,484 --> 00:19:23,400
Tak, Stanford dodając trochę magii
że oni nie zabiera mnie do adresu URL

424
00:19:23,400 --> 00:19:25,820
które widzieliśmy w
atrybut nie działania.

425
00:19:25,820 --> 00:19:32,480
Ale ta forma jest tu realizowany czysto
w drodze owego narzutu tutaj, te znaczniki.

426
00:19:32,480 --> 00:19:35,710
W rzeczywistości, tutaj jest wejście dla
rodzaj wyszukiwania, które chcesz.

427
00:19:35,710 --> 00:19:38,940
Tutaj jest wejście do
inny rodzaj wyszukiwania.

428
00:19:38,940 --> 00:19:41,960
Tutaj jest wejście do samego łańcucha.

429
00:19:41,960 --> 00:19:45,394
A więc celem nie jest do owijania
nasze umysły wokół wszystkich tych tagów

430
00:19:45,394 --> 00:19:46,060
ale po prostu zobaczyć.

431
00:19:46,060 --> 00:19:48,300
To tylko otwieranie i zamykanie
tagi i rzeczy patrząc w górę.

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

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

434
00:19:48,920 --> 00:19:49,795
>> PUBLICZNOŚCI: [INAUDIBLE]

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

436
00:19:51,925 --> 00:19:53,550
David J. MALAN: To jest dobre pytanie.

437
00:19:53,550 --> 00:19:54,660
To jest trochę trudniejsze do zobaczenia.

438
00:19:54,660 --> 00:19:56,300
Pozwól mi wrócić do tego,
pytanie w ciągu kilku minut

439
00:19:56,300 --> 00:19:59,000
kiedy patrzymy na coś, co nazywa
arkusze CSS lub kaskadowy styl,

440
00:19:59,000 --> 00:20:02,500
i możemy próbować wnioskować
tyle ze strony.

441
00:20:02,500 --> 00:20:08,090
Więc jeśli teraz spojrzeć na google.com,
Zobaczmy, co ich stronie wygląda.

442
00:20:08,090 --> 00:20:09,840
Można by they're-- to słodkie dziś.

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

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

445
00:20:12,990 --> 00:20:13,690
Wszystko zrobione.

446
00:20:13,690 --> 00:20:15,260
W porządku, więc View Source.

447
00:20:15,260 --> 00:20:19,590
Można by pomyśleć, Google ma
Kod źródłowy naprawdę ładne.

448
00:20:19,590 --> 00:20:24,970
Tak więc, jak widać, co się tu dzieje?

449
00:20:24,970 --> 00:20:27,880
I w rzeczywistości nie jest jeszcze HTML.

450
00:20:27,880 --> 00:20:30,930
To jest coś, co nazywa JavaScript.

451
00:20:30,930 --> 00:20:32,344
I niech nie poddawać się i odchodzą.

452
00:20:32,344 --> 00:20:34,010
Ja nawet nie wiem, gdzie rozpoczyna się strona.

453
00:20:34,010 --> 00:20:37,240
Zamierzam użyć komendy
F, otwarta Uchwyt HTML.

454
00:20:37,240 --> 00:20:38,200
W porządku, nie jest.

455
00:20:38,200 --> 00:20:44,150
Znalazłem początek strony, a
jest tak wiele rzeczy tutaj.

456
00:20:44,150 --> 00:20:45,310
>> Co się właściwie dzieje?

457
00:20:45,310 --> 00:20:47,460
No wiesz co,
możemy to posprzątać.

458
00:20:47,460 --> 00:20:52,109
Gdybym zamiast iść do tego sprawdzać
Pasek narzędzi, to specjalne narzędzie diagnostyczne,

459
00:20:52,109 --> 00:20:54,150
i iść nie do sieci,
gdzie my wracamy dziś

460
00:20:54,150 --> 00:20:56,420
ale jeśli idę do Elements
co jest naprawdę ładny

461
00:20:56,420 --> 00:20:59,990
jest to, że przeglądarka ma wiele
znacznie lepsze oczy niż ja.

462
00:20:59,990 --> 00:21:02,670
A przeglądarka może odczytać
że bałagan na stronie internetowej,

463
00:21:02,670 --> 00:21:04,700
że poczta HTML po prostu
spojrzał, a może

464
00:21:04,700 --> 00:21:08,340
przeanalizować, czy czytać i
analizować i formatować je

465
00:21:08,340 --> 00:21:09,910
w miły sposób przyjazny dla człowieka.

466
00:21:09,910 --> 00:21:11,740
Więc co widzę teraz
Na tym ekranie tutaj

467
00:21:11,740 --> 00:21:15,470
pod Elements, dokładnie takie same treści,
ale już wcięty wszystko

468
00:21:15,470 --> 00:21:18,140
oni pokolorowane, ale
jest to dokładnie ten sam tekst

469
00:21:18,140 --> 00:21:19,620
że pobrane z serwera.

470
00:21:19,620 --> 00:21:23,630
>> A co miłe jest teraz widzę
w organizmie, na instance-- powiadomienia

471
00:21:23,630 --> 00:21:26,480
strona jest nadal w składzie:
stanowi tylko głowa i ciało,

472
00:21:26,480 --> 00:21:28,660
i mogę hierarchicznie nurkowania tutaj.

473
00:21:28,660 --> 00:21:32,420
Zauważ, że Google wydaje się mieć
do divs-- to jeden i ten jeden.

474
00:21:32,420 --> 00:21:33,310
Mogę rozwinąć to.

475
00:21:33,310 --> 00:21:35,370
Jest cała masa innych div.

476
00:21:35,370 --> 00:21:36,900
Tak więc jest to trochę skomplikowane.

477
00:21:36,900 --> 00:21:37,400
Ale poczekaj.

478
00:21:37,400 --> 00:21:40,970
Wydaje się to o wiele więcej
czytelne, względnie, niż to.

479
00:21:40,970 --> 00:21:43,840
Dlaczego Google żenujące
Sama tylko przez wysyłanie

480
00:21:43,840 --> 00:21:50,400
Ten ogromny bałagan z kodem niektóre
Sortuj po prostu zaimplementować coś

481
00:21:50,400 --> 00:21:53,640
który wygląda tak prosta na pierwszy rzut oka?

482
00:21:53,640 --> 00:21:55,270
Jak, dlaczego nie dodać więcej przestrzeni?

483
00:21:55,270 --> 00:21:56,811
Dlaczego nie trafią Wprowadź tak jak ja?

484
00:21:56,811 --> 00:21:59,110
Spójrz, jak dobry jestem
w pisaniu stronę internetową.

485
00:21:59,110 --> 00:22:00,680
I hit Enter tak pilnie.

486
00:22:00,680 --> 00:22:03,760
I wcięty więc wszystko
jest tak ładny i czytelny.

487
00:22:03,760 --> 00:22:08,463
Dlaczego Google nie ćwiczyć tak samo?

488
00:22:08,463 --> 00:22:11,409
>> PUBLICZNOŚCI: [INAUDIBLE]

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

490
00:22:12,305 --> 00:22:13,180
David J. MALAN: Dobrze.

491
00:22:13,180 --> 00:22:14,270
Bardzo uczciwa.

492
00:22:14,270 --> 00:22:16,650
Oni nie mają niektóre
Osoba w Google ręcznie

493
00:22:16,650 --> 00:22:18,160
aktualizowanie strony startowej więcej.

494
00:22:18,160 --> 00:22:20,010
To nie jest już 1999.

495
00:22:20,010 --> 00:22:21,140
Więc mają oprogramowania.

496
00:22:21,140 --> 00:22:25,397
Mają inne narzędzia
generować dynamicznie oni HTML.

497
00:22:25,397 --> 00:22:27,480
Oczywiście, że sam kod
została napisana przez ludzi,

498
00:22:27,480 --> 00:22:30,220
ale rzeczywistość jest taka,
to całkiem uczciwie powiedzieć,

499
00:22:30,220 --> 00:22:33,340
przeglądarka na pewno nie robi
obchodzi, jak niechlujny kod jest.

500
00:22:33,340 --> 00:22:35,940
Ale jest jeszcze bardziej
przekonujące powody techniczne

501
00:22:35,940 --> 00:22:42,580
że Google dystrybuuje swoje HTML
Kod w taki niechlujny, pozornie

502
00:22:42,580 --> 00:22:48,350
Zdecydowana sposób wszystkie pakowane razem
bardzo mało way-- bardzo mało

503
00:22:48,350 --> 00:22:51,274
w sposób formatowania jak ja.

504
00:22:51,274 --> 00:22:52,570
>> PUBLICZNOŚCI: [INAUDIBLE]

505
00:22:52,570 --> 00:22:53,528
>> David J. MALAN: Szybsze?

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

507
00:22:54,040 --> 00:22:55,680
I co powiedziałeś, Lydia?

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

509
00:22:56,240 --> 00:22:57,281
Dlaczego szybciej?

510
00:22:57,281 --> 00:22:58,156
PUBLICZNOŚCI: [INAUDIBLE]

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

512
00:23:00,522 --> 00:23:02,230
David J. MALAN: Jest
brak miejsca do czytania.

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

514
00:23:02,730 --> 00:23:04,560
Więc pomyśl o tym, co jest przestrzeń.

515
00:23:04,560 --> 00:23:08,394
Więc każdy znak na klawiaturze trwa
pewna ilość przestrzeni do reprezentowania,

516
00:23:08,394 --> 00:23:10,560
zarówno fizycznie, jak to
zajmuje tak dużo miejsca,

517
00:23:10,560 --> 00:23:13,250
albo jakoś pod spodem
Kaptur, która wymaga pamięci.

518
00:23:13,250 --> 00:23:15,740
I jako aside-- a my
porozmawiać o tym tomorrow--

519
00:23:15,740 --> 00:23:19,930
każda postać na klawiaturze
zazwyczaj wymaga 8 bitów lub jeden bajt.

520
00:23:19,930 --> 00:23:23,360
Zatem wzór 8 zera,
z nich, lub tylko jeden bajt, jak

521
00:23:23,360 --> 00:23:24,720
ludzie będą zazwyczaj powiedzieć.

522
00:23:24,720 --> 00:23:27,690
Więc to jest mały, ale
nadal jest niezerowe.

523
00:23:27,690 --> 00:23:29,940
Jest jeszcze pewna ilość przestrzeni.

524
00:23:29,940 --> 00:23:36,082
Więc jeśli inżynier lub Google uderza
spacji tylko raz, i załóżmy

525
00:23:36,082 --> 00:23:38,540
Google-- to super popular--
Załóżmy, że miliard ludzi

526
00:23:38,540 --> 00:23:40,780
odwiedzić ich stronę główną dziennie,
lub niektórych liczba osób

527
00:23:40,780 --> 00:23:43,290
Przejdź na stronę gospodarzy
miliard razy na dobę,

528
00:23:43,290 --> 00:23:48,890
ile dodatkowych bajtów, które ma
inżynier oprogramowania po prostu kosztować Google

529
00:23:48,890 --> 00:23:51,310
uderzając jego spacji raz?

530
00:23:51,310 --> 00:23:52,692
>> PUBLICZNOŚCI: [INAUDIBLE]

531
00:23:52,692 --> 00:23:54,150
David J. MALAN: Nie aż tak źle.

532
00:23:54,150 --> 00:23:57,070
Zaledwie jeden bajt miliard razy.

533
00:23:57,070 --> 00:23:57,871
Więc A--

534
00:23:57,871 --> 00:23:59,120
PUBLICZNOŚCI: 8 mld gigabajtów.

535
00:23:59,120 --> 00:24:00,370
David J. MALAN: Nie 8000000000.

536
00:24:00,370 --> 00:24:01,240
8 miliardów bajtów.

537
00:24:01,240 --> 00:24:02,410
Ale jeden gigabajt.

538
00:24:02,410 --> 00:24:04,080
1 gigabajt byłaby jednostka miary.

539
00:24:04,080 --> 00:24:08,240
Jeśli on lub ona ma dwa
przestrzenie, 2 gigabajty.

540
00:24:08,240 --> 00:24:09,030
Trzy gigabajty.

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

542
00:24:09,530 --> 00:24:11,860
Wagi Jest drogo.

543
00:24:11,860 --> 00:24:16,150
I tak w przypadkach takich jak Google,
które przyznawane są skrajne przypadki,

544
00:24:16,150 --> 00:24:21,450
istnieją inne problemy, które pojawiają się po prostu
poprzez bardzo rozsądne decyzje

545
00:24:21,450 --> 00:24:25,744
lub przy bardzo prostych działań ludzkich,
ponieważ jest to powiększony efekt.

546
00:24:25,744 --> 00:24:27,660
Tak więc jedną z przyczyn
wygląda to tak skompresowane

547
00:24:27,660 --> 00:24:30,660
Jest dokładnie tak, jak to było Victoria said--
właśnie generowane przez komputery i tak.

548
00:24:30,660 --> 00:24:31,900
Więc nic wielkiego.

549
00:24:31,900 --> 00:24:33,309
Niech przeglądarka rysunek.

550
00:24:33,309 --> 00:24:35,350
Ale to również świadomie
nie ma zbyt wiele miejsca,

551
00:24:35,350 --> 00:24:36,766
ponieważ miejsca nie jest konieczne.

552
00:24:36,766 --> 00:24:38,250
A przestrzeń rzeczywiście kosztuje.

553
00:24:38,250 --> 00:24:40,670
>> To też kosztuje czas,
bo tylko do pchania

554
00:24:40,670 --> 00:24:44,670
że dużo więcej danych spośród
siedziba google.com tuż

555
00:24:44,670 --> 00:24:47,710
ma podjąć pewną ilość
czas, nawet jeśli jest to milisekundy

556
00:24:47,710 --> 00:24:51,190
lub mikrosekund, ale to dodaje się
na tak wielu użytkowników, albo co bardziej prawdopodobne,

557
00:24:51,190 --> 00:24:52,270
to chyba kosztuje.

558
00:24:52,270 --> 00:24:54,690
Google prawdopodobnie łączy się
ktoś inny na świecie, jednego

559
00:24:54,690 --> 00:24:56,398
tych zaglądanie
punktów, a jeśli mają

560
00:24:56,398 --> 00:24:59,880
pewien rodzaj relacji finansowych
przy czym ich dane kosztuje,

561
00:24:59,880 --> 00:25:01,730
mogliby równie dobrze
minimalizacja ilości danych

562
00:25:01,730 --> 00:25:04,530
oni wypluwając na
ich połączenie z internetem.

563
00:25:04,530 --> 00:25:07,630
>> Więc najśmieszniejsze, choć ostatecznie
czy może uspokajający rzeczą,

564
00:25:07,630 --> 00:25:11,030
jest to, że mimo, że wygląda strasznie
Przeważająca pod koniec dnia,

565
00:25:11,030 --> 00:25:16,750
to jeszcze dokładnie te same zasady jak
Ta bardzo prosta strona tu HTML

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

567
00:25:17,390 --> 00:25:20,610
Więc po prostu podsumować i tak, że
masz wersję kanoniczną, jeśli nie były

568
00:25:20,610 --> 00:25:25,900
następujące wraz z wyboru tutaj, tutaj
może być najbardziej proste stron internetowych,

569
00:25:25,900 --> 00:25:28,240
więc coś do zabawy może później.

570
00:25:28,240 --> 00:25:30,790
>> Cóż, wprowadzenie
Kilka innych pomysłów teraz.

571
00:25:30,790 --> 00:25:33,420
Mamy zamiar przedstawić
coś, co nazywa tag stylu.

572
00:25:33,420 --> 00:25:38,110
Możemy stylizować tę stronę
w bardziej interesujący sposób.

573
00:25:38,110 --> 00:25:40,860
Więc podczas gdy e-mail HTML
jest wszystko o oznaczaniu

574
00:25:40,860 --> 00:25:44,470
dane, rodzaj informując
Przeglądarka jak struktura danych,

575
00:25:44,470 --> 00:25:48,110
gdzie umieścić to, CSS, lub
Kaskadowe arkusze stylów,

576
00:25:48,110 --> 00:25:52,640
Jest to drugi język, który
na ogół dostaje zmieszane z HTML

577
00:25:52,640 --> 00:25:55,670
jak będziemy see-- ale możemy oczyścić
że nawet w moment-- które odbywają

578
00:25:55,670 --> 00:25:59,850
że ostateczny mile, i to stylizes go.

579
00:25:59,850 --> 00:26:02,460
Robi kolory tylko w prawo,
czcionka o wielkości tylko w prawo,

580
00:26:02,460 --> 00:26:03,860
pozycjonowanie tylko w prawo.

581
00:26:03,860 --> 00:26:06,510
To wszystko o estetyce
lub formatowanie, a nie o

582
00:26:06,510 --> 00:26:08,330
same dane fundamentalne.

583
00:26:08,330 --> 00:26:11,390
A najprostszym sposobem, aby pokazać
Może to przykład.

584
00:26:11,390 --> 00:26:15,320
Więc mam zamiar przejść
do mojego prostego pliku tekstowego.

585
00:26:15,320 --> 00:26:17,970
A za chwilę, będę
chodzić nas przez proces

586
00:26:17,970 --> 00:26:19,360
to zrobić sami.

587
00:26:19,360 --> 00:26:23,310
>> Mam zamiar wrócić do mojego pliku
tu i przeładowanie strony po prostu

588
00:26:23,310 --> 00:26:25,800
w celu potwierdzenia, jak to wygląda.

589
00:26:25,800 --> 00:26:27,190
To miejsce, gdzie jesteśmy na teraz.

590
00:26:27,190 --> 00:26:31,170
Czuję się jak dzieci, by cieszyć
mając trochę kolorów do tej strony.

591
00:26:31,170 --> 00:26:34,480
Więc mam zamiar udać się tutaj
w nagłówku strony.

592
00:26:34,480 --> 00:26:38,130
A ja zamierzam zrobić, styl / styl.

593
00:26:38,130 --> 00:26:44,060
A potem w środku tego, idę
powiedzieć ciało mojego page--

594
00:26:44,060 --> 00:26:46,870
i to formatowania przy
pierwszy rzut oka, może trochę

595
00:26:46,870 --> 00:26:49,400
dziwne, ale konwencjonalne.

596
00:26:49,400 --> 00:26:55,010
Mam zamiar powiedzieć, że w tle
Kolor tej stronie powinny być zielone.

597
00:26:55,010 --> 00:26:57,960
I to jest niestety
jakby nie najlepszy projekt.

598
00:26:57,960 --> 00:27:00,710
Zauważ, że uprzednio
w świecie HTML,

599
00:27:00,710 --> 00:27:03,190
Powiedziałem, że atrybuty
są te pary klucz-wartość.

600
00:27:03,190 --> 00:27:05,760
Coś równa cytat
koniec cytatu "coś".

601
00:27:05,760 --> 00:27:08,810
W świecie CSS, który był
zaprojektowane przez kilka różnych osób,

602
00:27:08,810 --> 00:27:11,020
postanowili, że w swoich
Świat, par klucz-wartość

603
00:27:11,020 --> 00:27:13,920
Słowo okrężnicy byłoby coś.

604
00:27:13,920 --> 00:27:15,220
Więc to jest ten sam pomysł, choć.

605
00:27:15,220 --> 00:27:18,620
To skojarzenie wartości
z jakimś kluczem, który w jakiś sposób

606
00:27:18,620 --> 00:27:20,330
wpływa na zachowanie tej strony.

607
00:27:20,330 --> 00:27:21,901
>> I można się domyślić.

608
00:27:21,901 --> 00:27:24,150
Czym jest ta prawdopodobnie będzie
zrobić, nawet jeśli nigdy wcześniej nie

609
00:27:24,150 --> 00:27:27,867
postrzegane HTML lub CSS wcześniej?

610
00:27:27,867 --> 00:27:29,450
PUBLICZNOŚCI: Zmiana koloru tła.

611
00:27:29,450 --> 00:27:30,560
David J. MALAN: Tak,
zmienić kolor tła.

612
00:27:30,560 --> 00:27:33,280
A konkretnie
Kolor tła ciała.

613
00:27:33,280 --> 00:27:36,290
Ale, o ile
Ciało na razie jest w internecie

614
00:27:36,290 --> 00:27:38,870
page-- to jedyna rzecz,
poniżej paska tytułu really--

615
00:27:38,870 --> 00:27:40,870
to prawdopodobnie będzie
wpływać na to samo.

616
00:27:40,870 --> 00:27:41,430
Więc zobaczmy.

617
00:27:41,430 --> 00:27:42,490
Ratujmy tego.

618
00:27:42,490 --> 00:27:44,310
Przejdź tutaj i przeładować.

619
00:27:44,310 --> 00:27:46,140
Jest to dość ohydne.

620
00:27:46,140 --> 00:27:48,070
A co się dzieje
o to efekt uboczny.

621
00:27:48,070 --> 00:27:49,850
Po prostu wybrał ten obraz losowo.

622
00:27:49,850 --> 00:27:53,305
Dlaczego nie zielona
przenikając za Mickey?

623
00:27:53,305 --> 00:27:54,180
PUBLICZNOŚCI: [INAUDIBLE]

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

625
00:27:56,880 --> 00:27:57,880
David J. MALAN: Dokładnie.

626
00:27:57,880 --> 00:28:01,750
Okazuje się, że obrazy, całkiem
much wszystkie zdjęcia, które możemy użyć,

627
00:28:01,750 --> 00:28:03,670
są rectangles-- prostokątów.

628
00:28:03,670 --> 00:28:07,710
Nawet jeśli Mickey ma jakieś krzywe
do siebie i ma doświadczenie,

629
00:28:07,710 --> 00:28:09,330
że tło ma być coś.

630
00:28:09,330 --> 00:28:10,280
To musi być biała.

631
00:28:10,280 --> 00:28:11,910
To musi być czarny lub coś innego.

632
00:28:11,910 --> 00:28:13,650
Może być przejrzyste.

633
00:28:13,650 --> 00:28:16,100
I rzeczywiście, nie mogłem
otworzyć Mickey Mouse tutaj

634
00:28:16,100 --> 00:28:18,590
w programie o nazwie Photoshop
lub coś podobnego

635
00:28:18,590 --> 00:28:21,176
i zmienić wszystko, że białe
tła na przezroczyste,

636
00:28:21,176 --> 00:28:22,550
tak zielona będzie prześwitywać.

637
00:28:22,550 --> 00:28:25,980
Ale to jest coś, co muszę
zapytać o sobie lub grafik

638
00:28:25,980 --> 00:28:28,130
lub projektodawca na moim
Spółka, na przykład,

639
00:28:28,130 --> 00:28:31,490
zrobić, zwłaszcza, że ​​ja po prostu
pożyczyłem to jedno z Internetu.

640
00:28:31,490 --> 00:28:33,030
Ale to, dlaczego tak się dzieje.

641
00:28:33,030 --> 00:28:34,980
>> Więc co jeszcze może chcemy zrobić?

642
00:28:34,980 --> 00:28:41,040
No, może chcemy powiedzieć, że
Naprawdę mam nadzieję, cieszyć się z pobytu.

643
00:28:41,040 --> 00:28:44,150
I dla podkreślenia, chcę
aby ten silny,

644
00:28:44,150 --> 00:28:48,310
i tak powiem silna i otwarta
zamknąć silna, a następnie przeładować.

645
00:28:48,310 --> 00:28:50,320
I to jest trochę trudne
zobaczyć na projektorze

646
00:28:50,320 --> 00:28:53,250
ale chyba tak naprawdę teraz
wyskakuje na ciebie trochę więcej.

647
00:28:53,250 --> 00:28:56,180
Więc można dodać w tym kursywy
sposobem, pogrubienie wychodzą w ten sposób.

648
00:28:56,180 --> 00:28:57,500
Możemy zmienić kolory.

649
00:28:57,500 --> 00:29:01,610
W rzeczywistości, po prostu dla zabawy, jestem
zamiar iść naprzód i to zrobić.

650
00:29:01,610 --> 00:29:05,120
Naprawdę nie lubię jak mój
paragrafy są tak blisko siebie,

651
00:29:05,120 --> 00:29:06,870
więc może zrobić coś takiego.

652
00:29:06,870 --> 00:29:13,310
Zamierzam poinformować przeglądarkę,
zmienić każdy znacznik akapitu mieć,

653
00:29:13,310 --> 00:29:16,952
niech say-- właściwie, wiesz co,
niech dostosowania go text-align, centrum.

654
00:29:16,952 --> 00:29:19,410
I znowu, wiem, że to tylko
bo ktoś nauczył go do mnie

655
00:29:19,410 --> 00:29:21,118
lub Spojrzałem go w
referencja Internecie.

656
00:29:21,118 --> 00:29:22,450
Więc pozwól mi uratować tego.

657
00:29:22,450 --> 00:29:25,070
I, ach, teraz mam
wyśrodkowany obraz tam.

658
00:29:25,070 --> 00:29:28,490
I rzeczywiście, wiesz co, jeśli
I przenieść obraz do ust

659
00:29:28,490 --> 00:29:34,510
tag-- więc akapit trzeci
chociaż to nie jest tekst.

660
00:29:34,510 --> 00:29:36,917
Ratujmy to i przeładować.

661
00:29:36,917 --> 00:29:40,000
Teraz strona zaczyna wyglądać rodzaju
of-- mam na myśli, to wciąż dość brzydki,

662
00:29:40,000 --> 00:29:43,180
ale przynajmniej to wygląda Spędziłem
dwie minuty zamiast jednej minuty

663
00:29:43,180 --> 00:29:43,950
robić to.

664
00:29:43,950 --> 00:29:47,200
>> I tak stopniowo, możemy
Te estetyczne zmienia się teraz na stronie?

665
00:29:47,200 --> 00:29:50,860
Nie byłem naprawdę zmienił dane w
Strona inna niż dodanie słowa naprawdę.

666
00:29:50,860 --> 00:29:52,650
Dodałem metadane, jeśli będzie.

667
00:29:52,650 --> 00:29:54,830
Hej, przeglądarka, sprawiają, że
Słowo "naprawdę" pogrubione.

668
00:29:54,830 --> 00:29:56,940
Jednak dane te nie są mocne.

669
00:29:56,940 --> 00:29:57,830
To metadane.

670
00:29:57,830 --> 00:29:59,410
Dane są "naprawdę".

671
00:29:59,410 --> 00:30:02,200
Więc mamy jeszcze kilka
te same pojęcia, jak wcześniej.

672
00:30:02,200 --> 00:30:05,990
Teraz, oczywiście, nie jest to w sieci,
więc mam zamiar zrobić jeden ostatni krok tutaj.

673
00:30:05,990 --> 00:30:10,300
>> Mam zamiar iść do hello.html
i po prostu zaznaczyć i skopiować ten.

674
00:30:10,300 --> 00:30:12,285
A teraz mam zamiar
wchodzić Cloud9, która

675
00:30:12,285 --> 00:30:13,910
Będę Cię przez za chwilę.

676
00:30:13,910 --> 00:30:17,080
A kursy są wkrótce będziesz, jeśli
jeszcze nie, na ekranie takiego.

677
00:30:17,080 --> 00:30:21,080
I niech mi tylko dać szybkie
Wycieczka co Cloud9 rzeczywistości.

678
00:30:21,080 --> 00:30:26,590
Więc znowu Cloud 9 jest
Ta usługa w chmurze

679
00:30:26,590 --> 00:30:30,580
który daje i mi złudzenie
posiadania własnej maszyny wirtualnej

680
00:30:30,580 --> 00:30:33,090
w chmurze, technicznie
pojemnik w chmurze,

681
00:30:33,090 --> 00:30:35,160
że mamy pełne
uprawnień administracyjnych.

682
00:30:35,160 --> 00:30:37,130
Więc teoretycznie nikt
indziej na świecie nie ma

683
00:30:37,130 --> 00:30:39,152
Dostęp do ekranu jestem
patrząc na teraz,

684
00:30:39,152 --> 00:30:40,860
może z wyjątkiem osób
którzy prowadzą to miejsce,

685
00:30:40,860 --> 00:30:43,470
ponieważ mają one technicznie
fizyczny dostęp i tak dalej.

686
00:30:43,470 --> 00:30:44,740
>> Więc co widzimy w tym środowisku?

687
00:30:44,740 --> 00:30:46,230
Mam zamiar pomniejszyć,
bo to trochę małe.

688
00:30:46,230 --> 00:30:48,104
I pozwól mi wskazać na
tu tylko na chwilę.

689
00:30:48,104 --> 00:30:53,210
Po stronie lewej mój i twój
Ekran nie jest przeglądarka plików w lewo.

690
00:30:53,210 --> 00:30:55,362
Tak więc w duchu podobnym
Mac OS i Windows.

691
00:30:55,362 --> 00:30:57,070
Są to wszystkie z
Pliki na moim rachunku.

692
00:30:57,070 --> 00:30:59,250
I domyślnie, jeśli
Konto jest jak moja,

693
00:30:59,250 --> 00:31:05,090
zobaczysz lub wkrótce
helloworld.html i readme.md.

694
00:31:05,090 --> 00:31:07,950
Tutaj po prawej stronie, to jest
gdzie moje pliki tekstowe będą iść.

695
00:31:07,950 --> 00:31:11,620
Jeśli kiedykolwiek używałeś Microsoft
Słowo lub Notepad lub TextEdit,

696
00:31:11,620 --> 00:31:14,100
Słowo to jest moja edycja
plików pójdzie.

697
00:31:14,100 --> 00:31:16,540
I wtedy najbardziej zaawansowanych
Funkcja tego środowiska

698
00:31:16,540 --> 00:31:20,100
że nie będzie naprawdę trzeba użyć jest
tu nazywa oknie terminala.

699
00:31:20,100 --> 00:31:23,390
Jeśli używany DOS z
yesteryear, to jest Linux

700
00:31:23,390 --> 00:31:25,450
lub równowartość Linux DOS.

701
00:31:25,450 --> 00:31:28,190
Jest to interface-- tekstowy
Brak kliknięć myszką, bez przeciągania.

702
00:31:28,190 --> 00:31:30,770
Wszystko, co można zrobić, to wpisać
polecenia, ale te komendy

703
00:31:30,770 --> 00:31:34,400
Można tworzyć pliki, przenosić pliki, otwarta
katalogi, katalogi, zamknij

704
00:31:34,400 --> 00:31:35,740
zrobić dowolną ilość rzeczy.

705
00:31:35,740 --> 00:31:38,060
Ale teraz, będziemy po prostu
spędzać czas tutaj.

706
00:31:38,060 --> 00:31:39,050
>> A więc zróbmy to.

707
00:31:39,050 --> 00:31:41,008
Jeśli jesteś w tym
środowisko, który powinien być

708
00:31:41,008 --> 00:31:45,900
gdyby został utworzony obszar roboczy
Już teraz śmiało i po prostu iść w górę

709
00:31:45,900 --> 00:31:48,690
Plik, Nowy chwilę.

710
00:31:48,690 --> 00:31:51,740
A to daje nowy
Zakładka tutaj w środku.

711
00:31:51,740 --> 00:31:54,250
A Ja tylko I spójrzmy prawdzie
śmiało i to zrobić.

712
00:31:54,250 --> 00:31:59,910
Idziemy do przodu i teraz nie Plik, Zapisz
i iść do przodu i nazywają to hello.html,

713
00:31:59,910 --> 00:32:02,740
Nie należy mylić z
helloworld.html, co

714
00:32:02,740 --> 00:32:06,910
przyszedł z nowego bezpłatnego konta
który jest tylko przykładowy plik.

715
00:32:06,910 --> 00:32:11,020
Przekonasz się, że pojawiają się nagle,
prawdopodobnie z lewej strony,

716
00:32:11,020 --> 00:32:12,810
a karta będzie nadal otwarta.

717
00:32:12,810 --> 00:32:21,300
I niech mi teraz zachęcam do odtworzenia
Ten plik lub kilka ich wariantów.

718
00:32:21,300 --> 00:32:24,607
A jeśli nie dość zobaczyć go na
Ekran ten jest identyczny z preparatów

719
00:32:24,607 --> 00:32:26,190
że prawdopodobnie masz w innej karcie.

720
00:32:26,190 --> 00:32:29,296
>> Tak w skrócie, dokonaj pierwszej strony internetowej,
zapisać go, a następnie za chwilę,

721
00:32:29,296 --> 00:32:31,170
Pokażę ci, jak
może faktycznie widok.

722
00:32:31,170 --> 00:32:32,970
Ale zmienić przynajmniej jedną rzecz.

723
00:32:32,970 --> 00:32:35,400
Zmień helloworld się
coś z własnego wyboru,

724
00:32:35,400 --> 00:32:39,821
tak, że jesteś przekonany, że twoja
złożyć i nie jeden ja właśnie utworzony.

725
00:32:39,821 --> 00:32:40,320
W porządku.

726
00:32:40,320 --> 00:32:43,804
A kiedy jesteś ready-- brak
rush-- kiedy jesteś gotowy,

727
00:32:43,804 --> 00:32:46,220
idź i zapisz plik
Po dokonaniu tych zmian.

728
00:32:46,220 --> 00:32:49,540
A jeśli kliknij
Uruchom przycisk góra top ten

729
00:32:49,540 --> 00:32:53,610
należy otworzyć nową kartę, która powie
Ci co URL można znaleźć w pliku,

730
00:32:53,610 --> 00:32:56,380
ale może to chwilę potrwać do
cytat cytatu "start Apache", który

731
00:32:56,380 --> 00:32:58,820
to nazwa serwera.

732
00:32:58,820 --> 00:33:02,430
Tak więc należy uważać, aby dokładnie zrobić
co jest w pliku ostatecznie.

733
00:33:02,430 --> 00:33:04,610
Więc teraz, będę powiększać.

734
00:33:04,610 --> 00:33:07,780
Jeśli zacznę pisać
open-Wspornik HTML, informacja

735
00:33:07,780 --> 00:33:09,650
to skłoniło mnie, aby zakończyć moją myśl.

736
00:33:09,650 --> 00:33:13,750
A jeśli skończyłem myśl, to
automatycznie daje mi znacznika zamykającego.

737
00:33:13,750 --> 00:33:17,190
Ale oczekiwanie jest następnie Uderzę
Enter, a następnie przenieść Wewnątrz

738
00:33:17,190 --> 00:33:21,180
i nie udać się do środka i
Następnie robię ciało do środka.

739
00:33:21,180 --> 00:33:24,430
I to jest trochę dziwne na początku,
ponieważ robi za Ciebie,

740
00:33:24,430 --> 00:33:27,110
ale uświadomić sobie, że ostatecznie
To oszczędza klawiszy.

741
00:33:27,110 --> 00:33:30,500
W rzeczywistości, bardzo powszechną cechą
programowanie Środowiska te dni

742
00:33:30,500 --> 00:33:33,260
zarówno do tworzenia stron WWW, takich jak
to i rzeczywista programowania,

743
00:33:33,260 --> 00:33:36,960
które będziemy rozmawiać o jutrze,
właśnie te funkcje autouzupełniania,

744
00:33:36,960 --> 00:33:39,710
rzeczy, które po prostu pozwalają
Programista lub projektant

745
00:33:39,710 --> 00:33:42,010
wpisać mniejszą liczbę klawiszy do
osiągnąć to samo.

746
00:33:42,010 --> 00:33:43,176
Czasami jest to dobre, choć.

747
00:33:43,176 --> 00:33:44,560
Czasami jest to po prostu irytujące.

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

749
00:33:49,290 --> 00:33:54,010
I znowu, kiedy już przepisywane
slajd lub jakiś jej wariant,

750
00:33:54,010 --> 00:33:57,360
można kliknąć przycisk Uruchom w górę szczycie.

751
00:33:57,360 --> 00:33:59,910
A następnie w dolnej części
Okno, będziesz informowany

752
00:33:59,910 --> 00:34:04,290
URL, co można odwiedzić stronę internetową.

753
00:34:04,290 --> 00:34:08,790
Kopalni, na przykład, jest w
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
i tak dalej.

755
00:34:11,480 --> 00:34:14,580
W porządku, więc niech me-- jakieś pytania?

756
00:34:14,580 --> 00:34:19,460
Wszelkie inne pytania dotyczące tylko coraz
tej pracy, zanim dodamy funkcje?

757
00:34:19,460 --> 00:34:21,692
I niech mi zaproponuje, po prostu
dostać ludzie comfortable--

758
00:34:21,692 --> 00:34:24,400
bo to tylko jedno
kopiuj-wklej na ślepo, co zrobiłem.

759
00:34:24,400 --> 00:34:27,177
Ale tylko dlatego, że ludzie walczyć
z co najmniej jednego do zrobienia,

760
00:34:27,177 --> 00:34:28,510
Zamierzam włączyć jakąś muzykę.

761
00:34:28,510 --> 00:34:32,630
Zamierzam zaproponować listę
rzeczy można potencjalnie Add.

762
00:34:32,630 --> 00:34:34,086
I z pewnością można korzystać z Google.

763
00:34:34,086 --> 00:34:36,210
I dlaczego nie możemy po prostu
Proponuję, aby spróbować rozwiązać

764
00:34:36,210 --> 00:34:38,710
co najmniej jeden szczególny problem.

765
00:34:38,710 --> 00:34:45,090
Tak więc w zakresie znacznikami
pozwól mi ponownie wykorzystać to tutaj.

766
00:34:45,090 --> 00:34:48,280
>> Właściwie, powiem
go w formie tekstowej.

767
00:34:48,280 --> 00:35:02,380
Powiedzmy, że wśród tagów możemy
używać oto niektóre znaczniki tutaj.

768
00:35:02,380 --> 00:35:06,090
Widzieliśmy znacznik akapitu.

769
00:35:06,090 --> 00:35:07,850
Teraz to będzie autouzupełniania.

770
00:35:07,850 --> 00:35:12,220
Ustęp tag, tag kotwicy.

771
00:35:12,220 --> 00:35:15,250
Powiedzmy, że chcesz
zrobić coś większego,

772
00:35:15,250 --> 00:35:19,480
więc może like--
tag rozpiętość może pomóc.

773
00:35:19,480 --> 00:35:23,010
Cóż, może potrzebować pomocy
do tego za chwilę.

774
00:35:23,010 --> 00:35:24,830
Widzieliśmy div.

775
00:35:24,830 --> 00:35:26,170
Zobaczysz tam stół.

776
00:35:26,170 --> 00:35:27,928
Istnieje coś takiego jak tr, td.

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

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

779
00:35:32,860 --> 00:35:34,770
Wracaj do tego za chwilę.

780
00:35:34,770 --> 00:35:36,590
Co jeszcze może się przydać?

781
00:35:36,590 --> 00:35:38,310
Jest silny.

782
00:35:38,310 --> 00:35:43,640
Jest nacisk, albo raczej em.

783
00:35:43,640 --> 00:35:50,110
There's-- co jeszcze
Może masz ochotę tutaj?

784
00:35:50,110 --> 00:35:51,930
Dobrze, weźmiemy
popatrz na to razem.

785
00:35:51,930 --> 00:35:53,230
Form, które widzieliśmy.

786
00:35:53,230 --> 00:35:54,130
Jest formą.

787
00:35:54,130 --> 00:35:56,500
Jest wejście i kilka innych.

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

789
00:35:58,924 --> 00:36:00,090
Dobrze, więc zróbmy to.

790
00:36:00,090 --> 00:36:02,330
Aby odpowiedzieć na Victorii
Pytanie, pozwól mi najpierw

791
00:36:02,330 --> 00:36:05,020
wystarczy upewnić się, że każdy jest
w stanie uzyskać ich pracy Halo.

792
00:36:05,020 --> 00:36:06,900
Pozwól mi przedstawić
parę innych pomysłów.

793
00:36:06,900 --> 00:36:09,209
Potem niech ludzie rozwiązać
jakiś problem na własną rękę.

794
00:36:09,209 --> 00:36:11,500
Wtedy rzeczywiście wróci
z tym pojęciem formie

795
00:36:11,500 --> 00:36:14,950
a my rzeczywiście CMC
wraz interfejs front-end,

796
00:36:14,950 --> 00:36:16,450
że tak powiem, dla samej Google.

797
00:36:16,450 --> 00:36:19,700
Użyjemy Google jako back-end i niech
im wykonywać ciężką pracę, rewizje,

798
00:36:19,700 --> 00:36:22,760
ale my odtworzyć przód
Google oraz formularz wyszukiwania

799
00:36:22,760 --> 00:36:24,520
że nie mają własnej strony głównej.

800
00:36:24,520 --> 00:36:27,050
A więc wracamy do
Znaczniki te za chwilę.

801
00:36:27,050 --> 00:36:30,270
>> Więc to, co ja
Proponowana chwilą.

802
00:36:30,270 --> 00:36:33,940
Możemy dodać Do stylizacji
Strona wewnątrz tego znacznika style,

803
00:36:33,940 --> 00:36:36,950
i możemy stylizować tło
kolor, wyrównanie tekstu,

804
00:36:36,950 --> 00:36:39,000
czy jest to centrum lub w lewo lub w prawo.

805
00:36:39,000 --> 00:36:41,630
Ale bardzo szybko byś
znaleźć lub projektanta stron internetowych

806
00:36:41,630 --> 00:36:44,060
by stwierdzić, że ta
staje się trochę nieporęczny,

807
00:36:44,060 --> 00:36:48,330
bo robisz co
nazywa treść mieszania

808
00:36:48,330 --> 00:36:50,120
z jego prezentacji.

809
00:36:50,120 --> 00:36:53,756
Ty mieszania swoje dane
i ich estetyka.

810
00:36:53,756 --> 00:36:56,380
I rzeczywiście, jeśli wziąć pod uwagę
co się wydarzy w ciągu time--

811
00:36:56,380 --> 00:36:58,350
Jest to bardzo mała
Strona internetowa, oczywiście.

812
00:36:58,350 --> 00:37:01,590
Ale jeśli dodać treść do tej strony
i dodać styl do tej strony,

813
00:37:01,590 --> 00:37:04,650
strona bardzo szybko dostaje
coraz dłużej i dłużej.

814
00:37:04,650 --> 00:37:07,510
I załóżmy, że chcę
mieć drugą stronę WWW

815
00:37:07,510 --> 00:37:09,010
Dzieli niektórych z tych cech.

816
00:37:09,010 --> 00:37:12,350
Załóżmy, że moją drugą stronę dla mojego
site-- też chcę centrum wszystkiego,

817
00:37:12,350 --> 00:37:14,960
a ja też chcę wszystko
z zielonym tłem.

818
00:37:14,960 --> 00:37:17,940
Mam dość dużo będzie musiał
skopiuj i wklej niektóre z tych linii

819
00:37:17,940 --> 00:37:20,730
do tego drugiego pliku, który czuje się dobrze.

820
00:37:20,730 --> 00:37:22,030
Będzie to rozwiązać problem.

821
00:37:22,030 --> 00:37:26,060
>> Ale co zrobić, jeśli chcę trzecią stronę
lub 30-ci stronę lub 40-ci stronę?

822
00:37:26,060 --> 00:37:28,730
Teraz mam zamiar być skopiowanie i
wklejając wiele zduplikowanych kodu

823
00:37:28,730 --> 00:37:30,430
w wielu plikach.

824
00:37:30,430 --> 00:37:32,600
A więc załóżmy, że
Ja decyduję czy mi powiedziano,

825
00:37:32,600 --> 00:37:34,780
hej, nie używasz
zielone tło więcej.

826
00:37:34,780 --> 00:37:36,380
Mamy zamiar rozpocząć korzystanie pomarańczowo.

827
00:37:36,380 --> 00:37:38,690
Co trzeba zmienić?

828
00:37:38,690 --> 00:37:42,900
Cóż, trzeba zmienić ten styl
z zielonego na pomarańczowy, w ilu miejscach?

829
00:37:42,900 --> 00:37:44,920
Podobnie jak 30 lub 40 miejsc.

830
00:37:44,920 --> 00:37:45,900
Jest to uciążliwe.

831
00:37:45,900 --> 00:37:47,039
Jest podatny na błędy.

832
00:37:47,039 --> 00:37:49,580
Jest wiele powodów,
gdzie nie chcą wywoływać

833
00:37:49,580 --> 00:37:51,840
ten rodzaj bólu dla siebie.

834
00:37:51,840 --> 00:37:54,760
I tak nie byłoby miło
czy możemy wziąć to, co po prostu

835
00:37:54,760 --> 00:37:58,240
umieścić pomiędzy nimi dwie żółte
Znaczniki te znaczniki w stylu,

836
00:37:58,240 --> 00:38:04,050
czynnik je i umieścić wszystkie moje
stylizacja w jednym centralnym pliku

837
00:38:04,050 --> 00:38:08,470
że wszystkie 30 lub 40 z moich innych plików
pożyczyć od lub w jakiś sposób odwołać,

838
00:38:08,470 --> 00:38:11,640
nie w przeciwieństwie do sieci
Schematy robiliśmy wcześniej?

839
00:38:11,640 --> 00:38:15,030
>> Więc jeśli pójdę tu jestem
zamierza zaproponować w rzeczywistości

840
00:38:15,030 --> 00:38:17,880
które zastąpi
Styl znacznika z czymś

841
00:38:17,880 --> 00:38:21,620
zwany znacznik łącza, które
jest strasznie, strasznie nazwane,

842
00:38:21,620 --> 00:38:24,370
bo nie używać
tag link, aby stworzyć to, co

843
00:38:24,370 --> 00:38:26,380
my, ludzie wiedzą jako link na stronie internetowej.

844
00:38:26,380 --> 00:38:29,750
W tym celu należy użyć które tag?

845
00:38:29,750 --> 00:38:31,464
Jak utworzyć link do strony WWW?

846
00:38:31,464 --> 00:38:32,130
Uczestniczyć: a.

847
00:38:32,130 --> 00:38:34,870
David J. MALAN: A, czy kotwica
tag, który udał się do Disney wcześniej.

848
00:38:34,870 --> 00:38:39,090
Link tag tutaj mówi
this-- Link do pliku o nazwie

849
00:38:39,090 --> 00:38:44,350
styles.css, związek, do którego
będzie, że to jest mój arkusz stylów.

850
00:38:44,350 --> 00:38:48,290
Jest to więc jeden z tych w S
CSS-- kaskadowych arkuszy stylów.

851
00:38:48,290 --> 00:38:50,490
Styl sheet-- dwa S-tych w CSS.

852
00:38:50,490 --> 00:38:52,550
Arkusz Stylów Kaskadowych.

853
00:38:52,550 --> 00:38:58,640
To po prostu oznacza, hej, przeglądarki, przejdź
znaleźć styles.css na serwerze lokalnym

854
00:38:58,640 --> 00:39:01,870
i używać go jako arkusza stylów,
co oznacza, że ​​wewnątrz tego pliku

855
00:39:01,870 --> 00:39:05,310
będzie wszystkie z
stylizacje że właśnie zrobić.

856
00:39:05,310 --> 00:39:07,396
I co z tego, że plik
może wyglądać jest następująca.

857
00:39:07,396 --> 00:39:10,020
A ja po prostu zrobić to szybkie
przykładem, ponieważ nie musimy

858
00:39:10,020 --> 00:39:12,000
aby dostać się tutaj zbyt wiele chwastów.

859
00:39:12,000 --> 00:39:17,840
Ale jeśli kopia tego, co mi proponuje
jest to, że programista utworzyć nowy plik,

860
00:39:17,840 --> 00:39:24,450
wklej w tych lines--
whoops-- wklej w tych liniach,

861
00:39:24,450 --> 00:39:32,270
zapisać go jako styles.css, a następnie w
inny plik, usuń wszystko to

862
00:39:32,270 --> 00:39:35,450
i zastąpienie go zamiast
z tego tagu łącza.

863
00:39:35,450 --> 00:39:43,090
Tak, że jeśli połączyć href = "styles.css"
relacja jest "stylesheet"

864
00:39:43,090 --> 00:39:44,170
blisko tag.

865
00:39:44,170 --> 00:39:45,250
Zapisz to.

866
00:39:45,250 --> 00:39:47,000
Wróć do mojego HelloWorld.

867
00:39:47,000 --> 00:39:48,690
Przeładować.

868
00:39:48,690 --> 00:39:51,290
>> Dosłownie nic się nie stało.

869
00:39:51,290 --> 00:39:54,710
To jest dobre, bo to
Oznacza to rzeczywiście wszyscy pracujemy.

870
00:39:54,710 --> 00:39:58,860
Aby udowodnić, jak wiele, załóżmy robię
literówka, i nazywają to "styles.css"

871
00:39:58,860 --> 00:40:03,080
z kapitałem S, który jest
nieprawidłowe, a następnie przeładować.

872
00:40:03,080 --> 00:40:05,470
Teraz widać, że po prostu nie działa.

873
00:40:05,470 --> 00:40:06,362
Teraz, dlaczego?

874
00:40:06,362 --> 00:40:08,070
Cóż, użyjmy
Technika z wcześniej.

875
00:40:08,070 --> 00:40:10,153
Pozwólcie mi iść do przodu, aw
Moja przeglądarka, w Chrome, jestem

876
00:40:10,153 --> 00:40:12,900
zamierza otworzyć się, że specjalne
karta sieciowa, jak poprzednio,

877
00:40:12,900 --> 00:40:15,560
i pozwól mi odświeżyć stronę.

878
00:40:15,560 --> 00:40:19,341
Czego się nie dziwi, aby zobaczyć teraz?

879
00:40:19,341 --> 00:40:20,840
A może jesteś zaskoczony, aby go zobaczyć.

880
00:40:20,840 --> 00:40:23,225
Tak czy inaczej, to co teraz widzisz?

881
00:40:23,225 --> 00:40:24,100
PUBLICZNOŚCI: [INAUDIBLE]

882
00:40:24,100 --> 00:40:24,770
David J. MALAN: To nie znalazł.

883
00:40:24,770 --> 00:40:25,680
Dlaczego nie znalazł?

884
00:40:25,680 --> 00:40:28,480
Cóż, Styles.css-- kapitału
S- nie istnieje.

885
00:40:28,480 --> 00:40:29,230
I misnamed go.

886
00:40:29,230 --> 00:40:30,430
Proste literówka.

887
00:40:30,430 --> 00:40:33,816
Ale jestem coraz zrozumiałe teraz
404, ponieważ serwer mówi, hej,

888
00:40:33,816 --> 00:40:34,440
nie znalazł.

889
00:40:34,440 --> 00:40:36,300
Dosłownie, nie wiem
gdzie ten plik jest.

890
00:40:36,300 --> 00:40:38,880
Tak więc, w rezultacie, przeglądarkę
pokazuje, co może,

891
00:40:38,880 --> 00:40:42,860
surowe Zawartość strony
co było 200, HTML,

892
00:40:42,860 --> 00:40:45,390
ale stylizacja nie może
być dodane później.

893
00:40:45,390 --> 00:40:47,120
A to, co się rozumie przez kaskadowe.

894
00:40:47,120 --> 00:40:49,070
Możesz dodać rodzaj
po, a to rodzaj

895
00:40:49,070 --> 00:40:50,874
poprawia estetykę strony.

896
00:40:50,874 --> 00:40:53,790
I można nawet zastąpić te
style z jeszcze innych plików stylesheet

897
00:40:53,790 --> 00:40:54,700
Jeśli chcesz.

898
00:40:54,700 --> 00:40:57,780
To nie stwierdzono jednak, w tym przypadku,
ponieważ oczywiście, misnamed go.

899
00:40:57,780 --> 00:41:00,330
Więc będę musiał to naprawić w pierwszej kolejności.

900
00:41:00,330 --> 00:41:04,667
>> Więc idź naprzód i
Proponuję następujące.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Idziemy naprzód i to zrobić.

903
00:41:11,140 --> 00:41:14,220
Począwszy chyba
plik helloworld,

904
00:41:14,220 --> 00:41:17,740
pozwól mi tylko zaprosić parę
z funkcji sugestie.

905
00:41:17,740 --> 00:41:20,400
Tak, Victoria, chciałeś
aby jakiś tekst większy, prawda?

906
00:41:20,400 --> 00:41:24,555
No dobrze, więc możemy
rób tekst większe.

907
00:41:24,555 --> 00:41:26,860
I będziemy każdego zrywać off
tylko jeden problem do rozwiązania.

908
00:41:26,860 --> 00:41:30,867
Dodać tekst większe.

909
00:41:30,867 --> 00:41:32,700
Nie mam zamiaru się przejmować
pisząc o tym, kiedy

910
00:41:32,700 --> 00:41:35,600
posiada technologię pocisku tuż nad tutaj.

911
00:41:35,600 --> 00:41:39,970
Więc pewne problemy.

912
00:41:39,970 --> 00:41:44,670
Więc mamy zamiar spróbować
by tekst był większy.

913
00:41:44,670 --> 00:41:45,170
W porządku.

914
00:41:45,170 --> 00:41:48,360
Co jeszcze ktoś zaproponuje?

915
00:41:48,360 --> 00:41:50,332
Co jeszcze możemy chcieć
zrobić na stronie internetowej?

916
00:41:50,332 --> 00:41:52,040
Załóżmy wymyślić
krótka lista rzeczy

917
00:41:52,040 --> 00:41:55,366
a następnie przekazać do
Grupa dowiedzieć się tego.

918
00:41:55,366 --> 00:41:56,270
>> PUBLICZNOŚCI: [INAUDIBLE]

919
00:41:56,270 --> 00:42:02,251
>> David J. MALAN: OK, tekst pozycji
na różnych stronach kartki?

920
00:42:02,251 --> 00:42:02,750
W porządku.

921
00:42:02,750 --> 00:42:04,620
Coś innego.

922
00:42:04,620 --> 00:42:05,784
>> PUBLICZNOŚCI: [INAUDIBLE]

923
00:42:05,784 --> 00:42:06,700
David J. MALAN: Jest.

924
00:42:06,700 --> 00:42:08,720
Więc to tylko gif
inny format pliku.

925
00:42:08,720 --> 00:42:12,830
Właśnie używany, co, o
png lub jpg pewnie?

926
00:42:12,830 --> 00:42:14,480
Użyliśmy jpg.

927
00:42:14,480 --> 00:42:16,780
Jeśli jesteś ciekawy, nadmierny
odpowiedzieć na Twoje pytanie

928
00:42:16,780 --> 00:42:19,404
jest jpg jest powszechnie stosowany do
fotografie, ponieważ obsługuje

929
00:42:19,404 --> 00:42:21,500
miliony kolorów lub 24-bitowym kolorze.

930
00:42:21,500 --> 00:42:26,930
GIF jest powszechnie stosowany do, jak,
memy internetowe te days-- animacje,

931
00:42:26,930 --> 00:42:28,810
takie jak animowane gify.

932
00:42:28,810 --> 00:42:32,320
Ale zdarza się, aby użyć mniejszego kolor
Paleta, zaledwie 256 możliwych kolorów,

933
00:42:32,320 --> 00:42:35,230
ale obsługuje
Przejrzystość i animacji.

934
00:42:35,230 --> 00:42:40,330
A jeszcze png, który wspiera
przejrzystość i więcej kolorów

935
00:42:40,330 --> 00:42:41,300
ale bez animacji.

936
00:42:41,300 --> 00:42:42,133
Więc jest to kompromis.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Więc dodanie gif, choć
byłoby funkcjonalnie

939
00:42:46,060 --> 00:42:48,396
równoważne do dodawania png lub jpg.

940
00:42:48,396 --> 00:42:49,110
Tak.

941
00:42:49,110 --> 00:42:50,550
Źródło obrazu równa.

942
00:42:50,550 --> 00:42:51,590
Więc coś innego.

943
00:42:51,590 --> 00:42:57,288
Chodźmy coś wymyślić, że
wysłaliśmy do Victorii zrobić tutaj.

944
00:42:57,288 --> 00:42:59,209
>> PUBLICZNOŚCI: Dodaj przyciski do formularza.

945
00:42:59,209 --> 00:43:00,000
David J. MALAN: OK.

946
00:43:00,000 --> 00:43:02,179
Więc dodać przyciski do formularza.

947
00:43:02,179 --> 00:43:03,470
I zrobimy to jeden ze sobą.

948
00:43:03,470 --> 00:43:07,220
Tak, że będzie to idealne segue
zaraz po tym wyzwaniem.

949
00:43:07,220 --> 00:43:10,357
Coś jeszcze?

950
00:43:10,357 --> 00:43:11,440
Co może chcesz zrobić?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Wstęgę czuje się bardzo rozczarowująca
jeśli jest to wszystko, co możemy zrobić.

953
00:43:16,516 --> 00:43:18,140
PUBLICZNOŚCI: Zmień kolor tekstu.

954
00:43:18,140 --> 00:43:19,500
David J. MALAN: Zmiana, co?

955
00:43:19,500 --> 00:43:20,666
PUBLICZNOŚCI: Kolor tekstu.

956
00:43:20,666 --> 00:43:22,311
David J. MALAN: Zmień kolor tekstu.

957
00:43:22,311 --> 00:43:22,810
W porządku.

958
00:43:22,810 --> 00:43:23,790
Więc zróbmy to.

959
00:43:23,790 --> 00:43:27,209
Tylko raz, więc nie, że jesteś, po prostu
na pamięć, robić to, co robię dokładnie to,

960
00:43:27,209 --> 00:43:29,500
Zamierzam włączyć muzyki
przez jakieś pięć minut tutaj.

961
00:43:29,500 --> 00:43:30,450
Zapraszamy do korzystania z Google.

962
00:43:30,450 --> 00:43:33,130
Zapraszam do mnie zapytać, a
Będę szeptać podpowiedź w uchu.

963
00:43:33,130 --> 00:43:35,171
Zapraszamy szukać
Powyżej na inne barki.

964
00:43:35,171 --> 00:43:37,340
Ale rozwiązać tylko jeden z tych problemów.

965
00:43:37,340 --> 00:43:40,190
Ale zrobimy ostatni z nich,
tworzy jedną, gdybyśmy mogli razem.

966
00:43:40,190 --> 00:43:42,790
Więc pięć minut, aby rozwiązać
jeden z tych problemów

967
00:43:42,790 --> 00:43:46,780
za pomocą Google, intuicji lub dowolny
inne środki dostępne.

968
00:43:46,780 --> 00:43:48,630
>> [MUZYKA]

969
00:43:48,630 --> 00:43:49,130
W porządku.

970
00:43:49,130 --> 00:43:50,838
Nie martw się, jeśli chcesz
zachować majsterkowania,

971
00:43:50,838 --> 00:43:53,880
ale będę psuć kilka
z tych odpowiedzi.

972
00:43:53,880 --> 00:43:57,986
Więc pierwszej sugestii
Victoria była by tekst był większy.

973
00:43:57,986 --> 00:43:59,360
Więc jest kilka sposobów, aby to zrobić.

974
00:43:59,360 --> 00:44:01,530
Mam obecnie przywrócony
ekran do tego rozmiaru,

975
00:44:01,530 --> 00:44:04,310
jakbym powiększony
sztucznie tylko zobaczyć rzeczy.

976
00:44:04,310 --> 00:44:07,470
I zróbmy to.

977
00:44:07,470 --> 00:44:11,380
Pozwólcie mi iść do przodu i grab
niektóre rodzajowe tekst łaciński

978
00:44:11,380 --> 00:44:19,540
tak mamy coś do pracy.

979
00:44:19,540 --> 00:44:20,715
Więc daj mi tylko jeden moment.

980
00:44:20,715 --> 00:44:21,840
Zrobię trzy akapity.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
OK.

983
00:44:53,930 --> 00:44:55,560
będzie to lepiej przykład.

984
00:44:55,560 --> 00:44:57,840
Tak dla ciekawskich, w
moja hello.html, po prostu

985
00:44:57,840 --> 00:45:01,645
wklejony trzy bezsensowne
łacińskie akapity

986
00:45:01,645 --> 00:45:03,270
tak więc mamy jakiś tekst do pracy.

987
00:45:03,270 --> 00:45:06,720
A celem było Wiktorii
że niektóre z tekstem większego.

988
00:45:06,720 --> 00:45:09,879
Więc może, jak poprzednio, przejdź tutaj.

989
00:45:09,879 --> 00:45:11,170
I pozwól mi zrobić to we właściwy sposób.

990
00:45:11,170 --> 00:45:13,253
Mam zamiar mieć związek
Znacznik, który wskazuje na plik

991
00:45:13,253 --> 00:45:20,560
zwany "styles.css" relacja
z których ponownie "stylów".

992
00:45:20,560 --> 00:45:25,221
A potem mam zamiar zapisać, że
i otworzyć ten "styles.css".

993
00:45:25,221 --> 00:45:28,940
>> Tak, jak poprzednio, mam
umiejętność w tym pliku CSS

994
00:45:28,940 --> 00:45:31,569
faktycznie zastąpić domyślny
estetyka strony internetowej,

995
00:45:31,569 --> 00:45:33,860
a domyślne estetyki,
Oczywiście, są dość nudne.

996
00:45:33,860 --> 00:45:36,943
To coś w rodzaju normalnego rozmiaru czcionki, czarna
tekst, białe tło, i tak dalej.

997
00:45:36,943 --> 00:45:39,440
Więc załóżmy, chcę zrobić
wszystkich tego tekstu większy.

998
00:45:39,440 --> 00:45:40,460
Mógłbym zrobić kilka rzeczy.

999
00:45:40,460 --> 00:45:43,750
W moim pliku styles.css, ja
można powiedzieć, wiesz co,

1000
00:45:43,750 --> 00:45:46,950
stosuje się następujące
ciało mojej stronie.

1001
00:45:46,950 --> 00:45:51,390
Śmiało i uczynić
wielkość czcionki 24 punktów,

1002
00:45:51,390 --> 00:45:54,130
która jest liczbą mogę
używać w programie Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Pozwól mi wrócić do mojej sieci
Strona tu i przeładować,

1004
00:45:57,620 --> 00:45:59,640
i widać, że
to już o wiele większe.

1005
00:45:59,640 --> 00:46:02,223
I możemy być trochę szalony,
jak możemy na desktop--

1006
00:46:02,223 --> 00:46:03,670
sprawiają, że 96 punktów.

1007
00:46:03,670 --> 00:46:04,950
Przeładować.

1008
00:46:04,950 --> 00:46:07,610
I robi się trochę
nieporęczny w tym momencie.

1009
00:46:07,610 --> 00:46:09,500
>> Ale mogę być trochę bardziej precyzyjny.

1010
00:46:09,500 --> 00:46:14,530
Zamiast stosowania tego
arkusz stylów do treści strony,

1011
00:46:14,530 --> 00:46:21,740
co jeszcze mogę zastosować go zamiast
Jakie inne tag, który nadal może

1012
00:46:21,740 --> 00:46:25,445
działają w taki sam sposób?

1013
00:46:25,445 --> 00:46:26,444
>> PUBLICZNOŚCI: Znacznik p?

1014
00:46:26,444 --> 00:46:27,360
David J. MALAN: P tag.

1015
00:46:27,360 --> 00:46:29,350
Więc głowa nie będzie
prawidłowe, ponieważ głowy

1016
00:46:29,350 --> 00:46:31,300
nie można rzeczywiście
kontrolować estetykę.

1017
00:46:31,300 --> 00:46:32,700
Jest zarówno tekst, czy nie.

1018
00:46:32,700 --> 00:46:36,760
Ale p tag-- mogę nurkować w nieco
głębiej, by tak rzec, do ust

1019
00:46:36,760 --> 00:46:37,350
tagi.

1020
00:46:37,350 --> 00:46:41,600
I mimo, że istnieją trzy,
to perfekcyjnie, bo w CSS

1021
00:46:41,600 --> 00:46:44,900
kiedy po prostu powiedzieć "p", to
oznacza zastosowanie następujące

1022
00:46:44,900 --> 00:46:48,300
do dowolnego znacznika, który pasuje do tej
selektor selektor prostu

1023
00:46:48,300 --> 00:46:49,430
jest nazwą znacznika.

1024
00:46:49,430 --> 00:46:52,350
Więc gdziekolwiek zobaczyć
"P", zastosować rozmiar czcionki

1025
00:46:52,350 --> 00:46:55,222
i zróbmy to bardziej
rozsądne again-- 24 pkt.

1026
00:46:55,222 --> 00:46:56,930
I wiesz co,
tak na wszelki wypadek,

1027
00:46:56,930 --> 00:46:59,810
zróbmy kolor
czerwone tylko na chwilę.

1028
00:46:59,810 --> 00:47:03,740
A teraz, gdybym przeładować, teraz my
zobaczyć trzy brzydkie akapity.

1029
00:47:03,740 --> 00:47:07,180
>> A teraz przypuśćmy, że jestem sortowania
of-- Chcę pierwszy akapit

1030
00:47:07,180 --> 00:47:08,210
wyskoczyć na użytkownika.

1031
00:47:08,210 --> 00:47:11,150
Nie chcę po prostu zwiększyć
rozmiar czcionki wszystkiego.

1032
00:47:11,150 --> 00:47:16,105
I tak rzeczywiście chcą do zidentyfikowania lub
rozróżnić tych ustępach.

1033
00:47:16,105 --> 00:47:18,730
Warto więc pozbyć się czerwony,
bo to po prostu rodzaj tandetny,

1034
00:47:18,730 --> 00:47:23,885
i chodźmy naprzód i zrobić
wielkość czcionki 12 pkt domyślnie

1035
00:47:23,885 --> 00:47:26,260
tak, że wracamy do czegoś
trochę bardziej rozsądne.

1036
00:47:26,260 --> 00:47:29,190
A teraz po prostu chcesz zwiększyć
rozmiar czcionki akapitu pierwszego.

1037
00:47:29,190 --> 00:47:31,440
Mogę to zrobić w kilku
sposobów, ale jednym ze sposobów to

1038
00:47:31,440 --> 00:47:37,180
chyba najbardziej instruktażowe u
moment jest, aby wykonać następujące czynności.

1039
00:47:37,180 --> 00:47:43,280
Pozwól mi iść dalej i powiedzieć, że to
pkt posiada unikalny identyfikator "pierwsze".

1040
00:47:43,280 --> 00:47:45,000
mogę nazwać to co zechcę.

1041
00:47:45,000 --> 00:47:46,874
mogę nazwać to "foo"
lub jakiekolwiek inne słowo

1042
00:47:46,874 --> 00:47:49,290
ale mam zamiar dać mu pewne
semantycznie znaczącą nazwę

1043
00:47:49,290 --> 00:47:50,320
jak "pierwszy".

1044
00:47:50,320 --> 00:47:54,790
Jest to unikatowy identyfikator,
identyfikator, na moim pierwszym akapicie.

1045
00:47:54,790 --> 00:47:59,360
>> Co mogę teraz zrobić w moim arkusza stylów
Jest trochę bardziej precyzyjny.

1046
00:47:59,360 --> 00:48:02,330
Zamiast mówić, zastosowanie
następujące do znacznika p,

1047
00:48:02,330 --> 00:48:04,890
Mogę powiedzieć, że following--
Stosuje się następujące,

1048
00:48:04,890 --> 00:48:11,000
lub wybierz element HTML
że posiada unikalny identyfikator "pierwsze".

1049
00:48:11,000 --> 00:48:12,350
Co chcę mieć do niego?

1050
00:48:12,350 --> 00:48:15,250
O rozmiarze czcionki 24-punktowej.

1051
00:48:15,250 --> 00:48:16,640
Więc mam dwóch selektorów teraz.

1052
00:48:16,640 --> 00:48:19,690
Jeden sprawia, że ​​wszystkie z
pkt 12 pkt.

1053
00:48:19,690 --> 00:48:24,960
Ale ten, zwłaszcza, że ​​chodzi
second-- chodzi ostatni w file--

1054
00:48:24,960 --> 00:48:27,090
ma to efekt kaskadowy.

1055
00:48:27,090 --> 00:48:30,200
Właśnie się wszystkich moich
znaczniki akapitu 12-punktowe,

1056
00:48:30,200 --> 00:48:34,350
ale teraz i kaskady
nadpisuje że dla dowolnych elementów

1057
00:48:34,350 --> 00:48:38,800
na stronie, każdy tag na stronie, której
unikatowy identyfikator jest cytat cytatu "pierwsze".

1058
00:48:38,800 --> 00:48:41,720
A w związku z tym Hashtag
oznacza po prostu "unikatowy identyfikator".

1059
00:48:41,720 --> 00:48:43,750
Nie należy umieszczać go w pliku HTML.

1060
00:48:43,750 --> 00:48:46,880
I tu, po prostu powiedzieć
cytat cytatu "pierwsze".

1061
00:48:46,880 --> 00:48:48,470
>> Więc pozwól mi przeładować.

1062
00:48:48,470 --> 00:48:49,919
A teraz widzę, ach, OK.

1063
00:48:49,919 --> 00:48:51,710
To znaczy, że nie jest to
ładna, ale to trochę

1064
00:48:51,710 --> 00:48:53,600
jakby przedmowie do A
książka lub coś w tym rodzaju,

1065
00:48:53,600 --> 00:48:55,100
gdzie pierwszy akapit jest większy.

1066
00:48:55,100 --> 00:48:57,933
Może być jeszcze bardziej precyzyjny
tylko pierwszych liter, ale przynajmniej

1067
00:48:57,933 --> 00:48:59,110
Mam sprawuje większą kontrolę.

1068
00:48:59,110 --> 00:49:04,760
Teraz maybe-- Może chcę to zrobić
od czasu do czasu bez względu na przyczynę,

1069
00:49:04,760 --> 00:49:09,010
i tak nie chcę o tym
dotyczyć tylko jednego tagu HTML.

1070
00:49:09,010 --> 00:49:15,110
Raczej niech say-- niech
również wykonać następujące czynności.

1071
00:49:15,110 --> 00:49:18,810
Class = "import".

1072
00:49:18,810 --> 00:49:23,970
Zważywszy, że identyfikator jest wykorzystywany do jednoznacznej
zidentyfikowanie jedno, jeden tag,

1073
00:49:23,970 --> 00:49:30,190
na swojej stronie internetowej, klasa ma być
stosowane na dowolnej liczbie elementów lub znaczników

1074
00:49:30,190 --> 00:49:30,950
na swojej stronie internetowej.

1075
00:49:30,950 --> 00:49:31,710
Więc to jest wielokrotnego użytku.

1076
00:49:31,710 --> 00:49:33,090
Identyfikator nie jest wielokrotnego użytku.

1077
00:49:33,090 --> 00:49:34,450
Klasa jest wielokrotnego użytku.

1078
00:49:34,450 --> 00:49:37,830
>> I wiesz co, na co
filozoficzna reasons--

1079
00:49:37,830 --> 00:49:40,180
I nie skończyć
thought-- Idę powiedzieć

1080
00:49:40,180 --> 00:49:44,300
że pierwszy akapit i
akapit drugi są ważne.

1081
00:49:44,300 --> 00:49:48,600
Więc mam zamiar zastosować klasę o nazwie
"Ważne", że jeśli mogę zapisać plik

1082
00:49:48,600 --> 00:49:51,510
i odświeżyć, nie ma
Jeszcze wpływ funkcjonalny.

1083
00:49:51,510 --> 00:49:53,780
Ale dodałem niektóre
metadanych do pliku,

1084
00:49:53,780 --> 00:49:56,610
jakby coś odrębnego
Z danych podstawowych pliku

1085
00:49:56,610 --> 00:50:02,300
tak, że teraz w moim arkusza stylów, gdybym
zamiast powiedzieć ".WAŻNE" - wiesz,

1086
00:50:02,300 --> 00:50:07,110
coś, co jest ważne, jestem
zamiar zrobić font-kolor, red--

1087
00:50:07,110 --> 00:50:09,930
czy raczej nie font-kolor, tylko kolor.

1088
00:50:09,930 --> 00:50:12,930
Jest niespójności
w CSS niestety.

1089
00:50:12,930 --> 00:50:14,120
I przeładować.

1090
00:50:14,120 --> 00:50:17,640
Teraz zauważył pierwszy
dwa akapity są czerwone

1091
00:50:17,640 --> 00:50:20,880
oprócz trzecich, bo tylko
zastosowano klasę "ważne"

1092
00:50:20,880 --> 00:50:25,020
do pierwszych dwóch z tych miejsc.

1093
00:50:25,020 --> 00:50:28,030
>> Tak więc w identyfikatorach, masz możliwość
określić bardzo precyzyjnie.

1094
00:50:28,030 --> 00:50:30,110
Z klas, trzeba ponownego wykorzystania.

1095
00:50:30,110 --> 00:50:33,800
Ale w obu przypadkach zauważysz
rodzaj zasady dobrej projektowania

1096
00:50:33,800 --> 00:50:39,072
gdzie zbitek wszystkie z
Estetyka do mojego pliku styles.css.

1097
00:50:39,072 --> 00:50:40,280
Więc nie ma tu niechlujstwa.

1098
00:50:40,280 --> 00:50:44,490
Nie ma wzmianki o czerwonym lub
pogrubienie wychodzą lub rozmiar czcionki w tym pliku.

1099
00:50:44,490 --> 00:50:49,430
Raczej mam semantycznie,
wymownie charakteryzuje moich danych jak

1100
00:50:49,430 --> 00:50:51,240
Oto kilka ważnych danych.

1101
00:50:51,240 --> 00:50:52,800
Oto kilka ważnych danych.

1102
00:50:52,800 --> 00:50:56,500
Ponadto jest tutaj
"Pierwszy" z moich ważnych danych.

1103
00:50:56,500 --> 00:51:01,050
Więc HTML jest o porządek
tagowania, dosłownie, słowami

1104
00:51:01,050 --> 00:51:05,270
oraz ust i tworzy w twojej
Strona z tych małych wskazówek, jeśli ciebie

1105
00:51:05,270 --> 00:51:07,640
będzie, że można
jakoś wykorzystać stosując

1106
00:51:07,640 --> 00:51:10,880
inne techniki, takie jak CSS w ten sposób.

1107
00:51:10,880 --> 00:51:14,760
>> Tak w odpowiedzi na pytanie Victorii,
możemy powiększyć tekst w ten sposób.

1108
00:51:14,760 --> 00:51:18,380
Istnieje wiele innych sposobów, ale
czcionka tag-- otwarty nawias "font" -

1109
00:51:18,380 --> 00:51:19,770
jest w rzeczywistości kilka lat.

1110
00:51:19,770 --> 00:51:21,410
I to jest problem,
Również z polegając tylko

1111
00:51:21,410 --> 00:51:23,485
na resources-- internetowym
mają tendencję do być nieaktualne.

1112
00:51:23,485 --> 00:51:26,110
I rzeczywiście, która została zaniechana,
bo świat zrozumiał,

1113
00:51:26,110 --> 00:51:28,970
Co to znaczy "font-size = 7" oznacza?

1114
00:51:28,970 --> 00:51:29,670
To nie robi.

1115
00:51:29,670 --> 00:51:32,770
A więc dla wielu lat i
Ten day-- jednym boku

1116
00:51:32,770 --> 00:51:36,060
zauważa, jest to, że to jest rzeczywiście
niezwykle bolesne czasem nadal

1117
00:51:36,060 --> 00:51:38,900
do opracowania obiektów do
WWW, ponieważ Microsoft

1118
00:51:38,900 --> 00:51:44,220
a Google i Mozilla i
inni często nie zgadzają się co do sposobu

1119
00:51:44,220 --> 00:51:47,480
interpretować specyfikację jak HTML.

1120
00:51:47,480 --> 00:51:52,490
>> Jest to zbiór zasad dla HTML
ogólnie mówi, co każdy tag znaczy.

1121
00:51:52,490 --> 00:51:55,690
Ale czasami to co pozostało do
Wdrożenie jest dyskrecja,

1122
00:51:55,690 --> 00:51:57,290
dyskrecja i Google Microsoft.

1123
00:51:57,290 --> 00:52:00,000
I tak będziesz bardzo często
zobacz na stronie czegoś

1124
00:52:00,000 --> 00:52:04,954
wygląda inaczej na PC
niż ma to miejsce na Macu

1125
00:52:04,954 --> 00:52:06,995
i to jest naprawdę, bo
pod koniec dnia,

1126
00:52:06,995 --> 00:52:08,891
oni nie przetestować go
dobrze na obu platformach.

1127
00:52:08,891 --> 00:52:11,390
Ale to także dlatego, że rozsądne,
inteligentni ludzie nie zgadzają

1128
00:52:11,390 --> 00:52:14,970
a firmy nie zgadzają, a więc
jednym z wyzwań programowania

1129
00:52:14,970 --> 00:52:16,980
w internecie lub projektowania
rzeczy dla sieci

1130
00:52:16,980 --> 00:52:21,700
pisze swoją stronę w sposób
który działa na każdej przeglądarce internetowej.

1131
00:52:21,700 --> 00:52:23,410
Ale nawet, że to nierozsądne, prawda?

1132
00:52:23,410 --> 00:52:27,807
Istnieje tak wiele tak wielu wersjach
przeglądarek tam, że w pewnym momencie,

1133
00:52:27,807 --> 00:52:30,890
trzeba także wykonać połączenie wyrok
i trzeba zdecydować, jako firma,

1134
00:52:30,890 --> 00:52:33,082
specjalnie dla e-commerce stylu
Miejsca, gdzie jesteśmy

1135
00:52:33,082 --> 00:52:36,290
stara się wykorzystać najnowsze i najlepsze
Technologie dać naprawdę dobrą użytkownikowi

1136
00:52:36,290 --> 00:52:37,110
doświadczenie.

1137
00:52:37,110 --> 00:52:41,019
Ale niektóre procent użytkowników może
wciąż być pomocą programu Internet Explorer 6 lub 7

1138
00:52:41,019 --> 00:52:43,810
lub 8, w szczególności w zależności od
kraj, który oni pochodzą.

1139
00:52:43,810 --> 00:52:46,760
>> I tak bardzo często
konsultowane jest coś

1140
00:52:46,760 --> 00:52:50,920
jak "statystyki przeglądarki internetowej."

1141
00:52:50,920 --> 00:52:56,560
A jeśli pójdziemy to-- zobaczmy Wikipedii
i zobaczyć, jak się na bieżąco wykres ten jest

1142
00:52:56,560 --> 00:52:59,320
jeśli taki istnieje.

1143
00:52:59,320 --> 00:53:02,420
Więc tutaj można zobaczyć
gdzie faktycznie przeglądarek

1144
00:53:02,420 --> 00:53:06,160
są, zgodnie z grudnia 2015 roku,
według rządu USA.

1145
00:53:06,160 --> 00:53:11,170
Chrome jest na 42% udziału w rynku, a następnie
przez IE głównie w placówkach firmowych

1146
00:53:11,170 --> 00:53:14,490
lub ustawienia komputera, oczywiście,
następnie Firefoksa

1147
00:53:14,490 --> 00:53:17,440
Następnie Safari, Opera wtedy nie
dokonać mapę tutaj z jakiegoś powodu,

1148
00:53:17,440 --> 00:53:18,210
a następnie inne.

1149
00:53:18,210 --> 00:53:19,500
Może to w ramach podsłuchu.

1150
00:53:19,500 --> 00:53:27,700
Ale bardziej problematyczne niż is--
zobaczmy, czy Wikipedia ma również

1151
00:53:27,700 --> 00:53:35,194
wersje przeglądarek version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Chodźmy do statystyk przeglądarek.

1154
00:53:39,190 --> 00:53:40,680
TO ZNACZY.

1155
00:53:40,680 --> 00:53:42,030
Nawet to nie wystarczy.

1156
00:53:42,030 --> 00:53:44,854
Statystyki przeglądarkę.

1157
00:53:44,854 --> 00:53:45,353
Moja wersja.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
To nie będzie dobrze.

1160
00:53:50,540 --> 00:53:53,414
Zobaczmy wersje.

1161
00:53:53,414 --> 00:53:54,830
udział w rynku przeglądarki.

1162
00:53:54,830 --> 00:53:57,110
Zobaczymy, czy to wyjdzie.

1163
00:53:57,110 --> 00:53:57,610
OK.

1164
00:53:57,610 --> 00:54:00,010
Teraz jest coraz
trochę bardziej użyteczne.

1165
00:54:00,010 --> 00:54:04,870
Więc tutaj zauważyć, że mamy wszystko
różne wersje przeglądarek.

1166
00:54:04,870 --> 00:54:09,887
A, mój Boże, jeśli look-- Chrome
48, Chrome 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
To znaczy, przeglądarek coraz częściej aktualizowane,
a czasami niektóre z tych zmian

1168
00:54:12,970 --> 00:54:16,430
są istotne w
Warunki funkcjonalności.

1169
00:54:16,430 --> 00:54:20,630
I tak, w pewnym momencie,
menedżerów produktu i inżynierowie

1170
00:54:20,630 --> 00:54:23,620
trzeba dokonać decision-- jesteś
Wiesz co, tylko 1% świata

1171
00:54:23,620 --> 00:54:24,740
nadal używa IE 7.

1172
00:54:24,740 --> 00:54:25,490
Do diabła z nimi.

1173
00:54:25,490 --> 00:54:27,470
Nie jesteśmy po prostu będzie
wspierania tej przeglądarki.

1174
00:54:27,470 --> 00:54:28,740
A co to znaczy, aby nie wspierać?

1175
00:54:28,740 --> 00:54:31,170
To może oznaczać, że przyciski
nie działają na swojej stronie internetowej,

1176
00:54:31,170 --> 00:54:33,050
lub może oznaczać
formatowanie jest całkowicie wyłączony.

1177
00:54:33,050 --> 00:54:35,091
A może trzeba zrobić
ten sam osąd

1178
00:54:35,091 --> 00:54:39,089
w telefonach tych dni, w których, których jesteśmy
Nie zamierza wspierać iOS 5 już.

1179
00:54:39,089 --> 00:54:40,380
Więc ludzie po prostu trzeba uaktualnić.

1180
00:54:40,380 --> 00:54:45,850
Albo nie zamierzamy wspierać Cupcake
Android OS dla urządzeń z systemem Android,

1181
00:54:45,850 --> 00:54:48,629
ponieważ w miarę jak world--
tech świat chce iść do przodu,

1182
00:54:48,629 --> 00:54:51,170
to niby chce przeciągnąć
Świat z nim tak, że nie

1183
00:54:51,170 --> 00:54:53,295
muszą nadal
kompatybilny wstecz więc

1184
00:54:53,295 --> 00:54:54,920
może zaoferować nowe i dobre cechy.

1185
00:54:54,920 --> 00:54:57,878
Jest to jeden z powodów
dlaczego tak wiele firm toczenia

1186
00:54:57,878 --> 00:55:01,440
automatyczne aktualizacje i rodzaj zmuszając
najnowsze wersje oprogramowania od nas.

1187
00:55:01,440 --> 00:55:04,010
A nawet firm
jak Apple będzie rodzaj

1188
00:55:04,010 --> 00:55:07,280
zmusić cię prawie lub zobowiązać
ci w zakresie sił rynkowych

1189
00:55:07,280 --> 00:55:11,164
kupić nowy telefon, bo oni po prostu
nie będzie aktualizować swój stary telefon już.

1190
00:55:11,164 --> 00:55:13,330
Więc przegap
najnowsze i najlepsze cechy,

1191
00:55:13,330 --> 00:55:17,520
ponieważ jest to kosztowne dla nich jako
firma, aby utrzymać starsze, prawdopodobnie

1192
00:55:17,520 --> 00:55:19,330
gorsze wersje oprogramowania.

1193
00:55:19,330 --> 00:55:23,660
Jednak efekt jest taki, że
my także cierpieć to za dobrze.

1194
00:55:23,660 --> 00:55:26,550
>> Warto więc przyjrzeć się
Kilka końcowych rzeczy tutaj.

1195
00:55:26,550 --> 00:55:29,740
Załóżmy strącać naprawdę szybko niektóre
te inne pociski, jeśli ciekawi.

1196
00:55:29,740 --> 00:55:33,440
Więc jeśli próbowali,
Na przykład, stanowisko

1197
00:55:33,440 --> 00:55:36,420
tekst na różnych stronach
Strona, mam zamiar zrobić jeden szybki sposób,

1198
00:55:36,420 --> 00:55:38,360
ale jest inaczej
sposoby na zrobienie tego.

1199
00:55:38,360 --> 00:55:42,610
Pozwólcie mi iść do przodu i eliminate--
uprościć to w następujący sposób.

1200
00:55:42,610 --> 00:55:45,330
Niech mi tylko wrócić do mojego
proste, proste akapity.

1201
00:55:45,330 --> 00:55:47,760
Pozwól mi wrócić do mojego styles.css.

1202
00:55:47,760 --> 00:55:51,040
A ja po prostu będzie używać upraszcza użytkowanie
co może widzieliście w Google

1203
00:55:51,040 --> 00:55:54,430
lub wycofania z earlier--
text-align rację.

1204
00:55:54,430 --> 00:55:56,220
I przeładuj stronę.

1205
00:55:56,220 --> 00:55:58,470
Teraz wszystko wydaje
być wyrównany do prawej strony,

1206
00:55:58,470 --> 00:56:00,770
jak można zobaczyć na napowietrznych tutaj.

1207
00:56:00,770 --> 00:56:04,470
>> Możemy sprawić, że wygląda trochę bardziej
Book-podobne, i można powiedzieć "justify"

1208
00:56:04,470 --> 00:56:05,640
i odświeżyć.

1209
00:56:05,640 --> 00:56:09,870
Teraz jest to miła i placu na obu
boki, co jest miłe.

1210
00:56:09,870 --> 00:56:12,220
Innym celem, który mieliśmy tutaj
była zmiana koloru tekstu.

1211
00:56:12,220 --> 00:56:13,650
Tak więc widzieliśmy, że z moim czerwonym tekstem.

1212
00:56:13,650 --> 00:56:15,630
A teraz dodawać przyciski do formularza.

1213
00:56:15,630 --> 00:56:19,390
Więc dlaczego nie staramy się dokładnie to zrobić?

1214
00:56:19,390 --> 00:56:23,656
Ale pozwól mi najpierw pójść do witryny, która
większość z nas korzysta na co day-- Google.

1215
00:56:23,656 --> 00:56:25,780
I rzućmy okiem na
jak Google faktycznie działa.

1216
00:56:25,780 --> 00:56:26,821
Ale mam zamiar to zrobić.

1217
00:56:26,821 --> 00:56:31,930
Po pierwsze chciałbym zrobić in-- yep,
pozwól mi najpierw pójść do Google.

1218
00:56:31,930 --> 00:56:34,530
Mam zamiar iść
w Ustawieniach Google

1219
00:56:34,530 --> 00:56:40,660
bo chcę, aby wyłączyć
coś, co nazywa natychmiastowe rezultaty.

1220
00:56:40,660 --> 00:56:43,580
>> Więc można zauważyć w
Google days-- nich pozwolił mi wrócić

1221
00:56:43,580 --> 00:56:44,850
i obrócić to.

1222
00:56:44,850 --> 00:56:47,900
Więc jeśli zacznę poszukiwania
dla "kotów", jak ta,

1223
00:56:47,900 --> 00:56:50,120
zauważyć, że nie tylko
Mam autouzupełnianie górę

1224
00:56:50,120 --> 00:56:54,520
top, nagle, sama strona
Wydaje się dość szybko zmieniać, jak również,

1225
00:56:54,520 --> 00:56:58,750
i to jest Google za pomocą języka
nazywa JavaScript stara się być pomocny.

1226
00:56:58,750 --> 00:57:01,540
Ale niestety, to niby
o bałagan naszą dyskusję

1227
00:57:01,540 --> 00:57:04,010
tego, co się rzeczywiście dzieje
pod maską tutaj.

1228
00:57:04,010 --> 00:57:09,070
Więc jestem tylko trochę szybciej
wyłączyć natychmiastowe rezultaty.

1229
00:57:09,070 --> 00:57:11,510
A ja zamierzam kliknij Zapisz.

1230
00:57:11,510 --> 00:57:13,930
A teraz mam zamiar otworzyć
że pasek narzędzi diagnostyczno że

1231
00:57:13,930 --> 00:57:16,150
utrzymać otwór w karcie sieciowej.

1232
00:57:16,150 --> 00:57:17,720
Więc zróbmy to.

1233
00:57:17,720 --> 00:57:21,960
Niech me-- whoops--
przewijać tę nieco w dół.

1234
00:57:21,960 --> 00:57:24,410
I pozwól mi szukać "kotów".

1235
00:57:24,410 --> 00:57:26,790
>> A teraz notice-- właściwie
Jest to dobra okazja

1236
00:57:26,790 --> 00:57:28,840
do dyskusji na chwilę.

1237
00:57:28,840 --> 00:57:32,460
Zwróć uwagę na chwilę type-- mi go zatrzymać.

1238
00:57:32,460 --> 00:57:35,250
Przestań.

1239
00:57:35,250 --> 00:57:35,790
OK.

1240
00:57:35,790 --> 00:57:40,870
Zwróć uwagę na chwilę wpisuję literę
C, oglądać na dole ekranu.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. Co dno
tego ekranu, moja karta sieciowa

1242
00:57:48,600 --> 00:57:53,320
sugeruje się dzieje każdego
Czas wpisuję list?

1243
00:57:53,320 --> 00:57:57,700
Niestety, żaba jest bardzo
rozpraszać dziś lub Shamrock

1244
00:57:57,700 --> 00:58:00,339
lub cokolwiek to jest.

1245
00:58:00,339 --> 00:58:01,880
Co się dzieje za każdym razem, gdy wpisane?

1246
00:58:01,880 --> 00:58:04,230
I pozwól mi wyczyścić
bufor i wpisać go ponownie.

1247
00:58:04,230 --> 00:58:06,580
SO- okrzyki.

1248
00:58:06,580 --> 00:58:13,280
Za każdym razem, kiedy wpisać literę, C A- T--
więc nowy wiersz oczywiście utrzymuje się pojawiają.

1249
00:58:13,280 --> 00:58:16,530
Co ma każdy z tych rzędów reprezentują,
na podstawie tego, co widzieliśmy i omawiane

1250
00:58:16,530 --> 00:58:17,339
dotąd?

1251
00:58:17,339 --> 00:58:18,130
PUBLICZNOŚCI: Przeszukanie?

1252
00:58:18,130 --> 00:58:21,770
David J. MALAN: Przeszukanie lub
bardziej ogólnie, żądanie HTTP

1253
00:58:21,770 --> 00:58:23,125
z mojego przeglądarki do serwera.

1254
00:58:23,125 --> 00:58:29,090
Cóż, dlaczego moja przeglądarka dokonywania HTTP
zażądać za każdym razem wpisać literę?

1255
00:58:29,090 --> 00:58:30,502
>> PUBLICZNOŚCI: [INAUDIBLE]

1256
00:58:30,502 --> 00:58:33,210
David J. MALAN: Tak, to daje
mnie te wyniki autouzupełniania.

1257
00:58:33,210 --> 00:58:35,190
Jak, skąd te
Wyniki wyszukiwania pochodzą?

1258
00:58:35,190 --> 00:58:38,120
Cóż, za każdym razem wpisuję
List, Google wysyła więcej

1259
00:58:38,120 --> 00:58:40,460
i coraz częściej
słowo piszę.

1260
00:58:40,460 --> 00:58:41,040
Czemu?

1261
00:58:41,040 --> 00:58:44,540
Ponieważ chcą mi dać
lepiej, lepiej, sugestia,

1262
00:58:44,540 --> 00:58:48,880
lista sugestii, co słowo
Próbuję faktycznie zakończona.

1263
00:58:48,880 --> 00:58:53,030
Więc to znaczy dosłownie każdego
Charakter wpisaniu w Google

1264
00:58:53,030 --> 00:58:56,900
jest wysyłany, ostatecznie
Większość, ale czasami jeden

1265
00:58:56,900 --> 00:59:00,620
w czasie, w celu wprowadzenia
te funkcje auto-zakończone, gdy

1266
00:59:00,620 --> 00:59:03,000
dane są oczywiście w internecie.

1267
00:59:03,000 --> 00:59:08,780
>> Teraz rzućmy okiem na to, co faktycznie
się dzieje, gdy kliknę wyszukiwarki Google.

1268
00:59:08,780 --> 00:59:10,420
A potem będziemy wykorzystywać tego sami.

1269
00:59:10,420 --> 00:59:15,320
Więc jeśli mogę przewinąć teraz do bardzo
Pierwszy wniosek, że tak się stało.

1270
00:59:15,320 --> 00:59:17,130
Zwróć uwagę na następujące.

1271
00:59:17,130 --> 00:59:25,550
Został on wysłany do dość długi URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
a następnie cała masa rzeczy.

1273
00:59:27,100 --> 00:59:29,620
Zobaczmy to faktycznie teraz
w zakładce samej przeglądarki.

1274
00:59:29,620 --> 00:59:31,310
Miejmy pozbyć pasku tutaj.

1275
00:59:31,310 --> 00:59:33,140
Oto strona z wynikami wyszukiwania.

1276
00:59:33,140 --> 00:59:34,790
I nota oto URL.

1277
00:59:34,790 --> 00:59:37,430
Teraz można się domyślić
co się dzieje w części.

1278
00:59:37,430 --> 00:59:39,090
Więc przede wszystkim definicja.

1279
00:59:39,090 --> 00:59:42,570
To podobno jest celem
w którym został złożony wniosek.

1280
00:59:42,570 --> 00:59:44,910
Kiedy więc wpisałem w
słowa "Koty" i naciśnij Enter,

1281
00:59:44,910 --> 00:59:48,460
Najwyraźniej Google wysłany
moja metoda wprowadzania tekstu do tego adresu URL

1282
00:59:48,460 --> 00:59:50,770
że mam podświetlone
tam, slash wyszukiwanie.

1283
00:59:50,770 --> 00:59:56,530
Okazuje się, że w adresie URL, wszystko,
dzieje się po znakiem zapytania to,

1284
00:59:56,530 --> 01:00:01,270
jak zachować mówiąc, parę klucz-wartość
który został wpisany w formularzu lub w jakiś sposób

1285
01:00:01,270 --> 01:00:04,500
przekazywane z
Przeglądarka do serwera.

1286
01:00:04,500 --> 01:00:07,180
>> Więc za każdym razem wpisać wejście
do formularza na stronie internetowej

1287
01:00:07,180 --> 01:00:10,000
i jest wysyłany jako mamy
dyskutuje, poprzez GET,

1288
01:00:10,000 --> 01:00:12,400
jeden z tych wirtualnych
koperty, zawartość

1289
01:00:12,400 --> 01:00:15,510
tego envelope-- tak trzymać
uzyskiwanie nadziewany fizycznie

1290
01:00:15,510 --> 01:00:19,010
do koperty w klasie
dzisiaj, ale technologicznie

1291
01:00:19,010 --> 01:00:21,110
to faktycznie umieścić w adresie URL.

1292
01:00:21,110 --> 01:00:22,940
Faktycznie więc, pozwól mi przesiać przez to.

1293
01:00:22,940 --> 01:00:25,010
Gdzie widzisz wejściowych użytkownika?

1294
01:00:25,010 --> 01:00:27,490
Gdzie widzisz coś
że ja sam wpisał się tutaj?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Tak, i "Koty".

1297
01:00:33,491 --> 01:00:33,990
Dobrze?

1298
01:00:33,990 --> 01:00:36,380
Więc pozwól mi to destylować
do czegoś prostszego.

1299
01:00:36,380 --> 01:00:39,917
Mam zamiar usunąć wszystko na temat
ten adres URL, że nie rozumiem,

1300
01:00:39,917 --> 01:00:42,250
a ja po prostu odejdzie
to tak this-- / search? q = koty.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Zobaczymy gdzie Q
pochodzi ze w jednej chwili,

1303
01:00:47,890 --> 01:00:51,220
ale czuje się jak najmniej
Ilość informacji, które podałem.

1304
01:00:51,220 --> 01:00:53,050
A teraz mam zamiar naciśnij Enter.

1305
01:00:53,050 --> 01:00:55,520
I zauważył, że nadal działa.

1306
01:00:55,520 --> 01:00:57,950
Nadal wrócić całą masę kotów.

1307
01:00:57,950 --> 01:01:00,340
Więc Google hodowcy
niż to w dzisiejszych czasach.

1308
01:01:00,340 --> 01:01:01,934
To jest 2016, a nie 1999.

1309
01:01:01,934 --> 01:01:04,600
Więc nie ma innych rzeczy, że mój
Przeglądarka przesyła do serwera.

1310
01:01:04,600 --> 01:01:07,100
Ale to jest minimalnie
wszystko, co niezbędne.

1311
01:01:07,100 --> 01:01:08,380
>> Więc co się dzieje?

1312
01:01:08,380 --> 01:01:14,320
Cóż, pozwól mi najpierw pójść dalej i przejść
Powrót do Cloud9 i pozwól mi iść do przodu

1313
01:01:14,320 --> 01:01:15,620
i zamknąć moje zakładki wcześniej.

1314
01:01:15,620 --> 01:01:18,230
I będę to zrobić na moim
właścicielem tylko na chwilę.

1315
01:01:18,230 --> 01:01:20,730
Mam zamiar iść do przodu
i utworzyć nowy plik.

1316
01:01:20,730 --> 01:01:23,739
I mam zamiar zapisać go jako google.html.

1317
01:01:23,739 --> 01:01:26,280
I będę bardzo quickly--
Idę do kradzieży, w rzeczywistości,

1318
01:01:26,280 --> 01:01:28,510
część tego tekstu, tak aby zaoszczędzić czas.

1319
01:01:28,510 --> 01:01:30,610
Mam zamiar wkleić tutaj.

1320
01:01:30,610 --> 01:01:33,850
Nie mam zamiaru zajmować się
każda stylizacja tym razem.

1321
01:01:33,850 --> 01:01:38,340
Jedziemy do nazywają to "My Google".

1322
01:01:38,340 --> 01:01:41,230
I zamierzam się pozbyć
wszystko w organizmie.

1323
01:01:41,230 --> 01:01:42,740
A ja zamierzam wykonać następujące czynności.

1324
01:01:42,740 --> 01:01:45,690
Pozwól mi przybliżyć.

1325
01:01:45,690 --> 01:01:50,620
Postać action-- a jak już wspomniano krótko
earlier-- whoops-- tak pokrótce

1326
01:01:50,620 --> 01:01:54,130
wspomniano wcześniej, działaniem
Formularz jest gdzie wysyłać dane.

1327
01:01:54,130 --> 01:01:56,620
Więc google.com/search.

1328
01:01:56,620 --> 01:01:59,390
Natomiast sposób chcę używać
może być jedną z dwóch czynności.

1329
01:01:59,390 --> 01:02:02,870
Może to być albo "dostać", jak trzymamy
dyskusji, lub może to być "post".

1330
01:02:02,870 --> 01:02:05,340
Na razie podstawowym
Różnica polega na tym, jeśli używasz "dostać"

1331
01:02:05,340 --> 01:02:09,590
wszystkich informacji, że
Użytkownik podaje zostanie wysłane w adresie URL.

1332
01:02:09,590 --> 01:02:13,530
>> To jest dobre dla takich rzeczy jak wyszukiwanie
silniki i kilka innych aplikacji,

1333
01:02:13,530 --> 01:02:17,080
ale w jakich okolicznościach
nie chcą wypełnić formularz

1334
01:02:17,080 --> 01:02:21,620
i mają informacje zakończyć w górę
URL, jak w pasku adresu przeglądarki?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Jakich form zrobić pan:

1337
01:02:26,605 --> 01:02:27,480
PUBLICZNOŚCI: [INAUDIBLE]

1338
01:02:27,480 --> 01:02:28,450
David J. MALAN: Tak, jak co?

1339
01:02:28,450 --> 01:02:29,270
PUBLICZNOŚCI: Hasła.

1340
01:02:29,270 --> 01:02:31,936
David J. MALAN: Tak, więc zalogować
się do serwisu Facebook lub jakiejś stronie.

1341
01:02:31,936 --> 01:02:34,395
To wejście użytkownika z
formą, pole tekstowe,

1342
01:02:34,395 --> 01:02:37,020
ale chyba nie chcesz go
pojawiają się w adresie URL przeglądarki.

1343
01:02:37,020 --> 01:02:38,121
Czemu?

1344
01:02:38,121 --> 01:02:40,870
To znaczy, może istnieją pewne
implikacje bezpieczeństwa w sieci,

1345
01:02:40,870 --> 01:02:44,830
ale more-- podoba, prościej, co jeśli
Twój współlokator, innych znaczących,

1346
01:02:44,830 --> 01:02:47,710
dzieci, małżonek wygląda
poprzez historię przeglądarki?

1347
01:02:47,710 --> 01:02:50,762
Jest prawą hasło
tam w historii przeglądarki.

1348
01:02:50,762 --> 01:02:52,220
To nie ma ochoty dobrego projektu.

1349
01:02:52,220 --> 01:02:54,500
Albo jeszcze bardziej technicznie,
załóżmy, że próbujesz

1350
01:02:54,500 --> 01:02:59,180
przesłać zdjęcia do serwisu Flickr
lub Facebook lub wherever--

1351
01:02:59,180 --> 01:03:03,010
czyli wprowadzania danych przez użytkownika, nawet jeśli
to trochę więcej jak interesting--

1352
01:03:03,010 --> 01:03:05,530
mogę dopchać obrazu w pasku adresu?

1353
01:03:05,530 --> 01:03:06,730
Jesteś rodzaju rodzaju nie może.

1354
01:03:06,730 --> 01:03:07,396
Ty niby mogę.

1355
01:03:07,396 --> 01:03:10,210
Ale, naprawdę, jestem mocno naciskany
wyobrazić sobie robić.

1356
01:03:10,210 --> 01:03:13,470
Więc muszę inny sposób
przesyłanie zdjęć do serwisów

1357
01:03:13,470 --> 01:03:15,657
i że inna metoda nazywana jest "post".

1358
01:03:15,657 --> 01:03:18,740
Ale teraz, po prostu mówić o
"Dostać", który jest prostszy od tych dwóch.

1359
01:03:18,740 --> 01:03:21,100
To po prostu kładzie wszystko
dane wprowadzone przez użytkownika w adresie URL.

1360
01:03:21,100 --> 01:03:22,830
>> Więc oto forma tworzę.

1361
01:03:22,830 --> 01:03:24,070
Chcę wejście.

1362
01:03:24,070 --> 01:03:24,820
I wiesz co?

1363
01:03:24,820 --> 01:03:26,111
Idę wziąć przypuszczenie tutaj.

1364
01:03:26,111 --> 01:03:31,600
Mam zamiar przypomnieć moje
Wejście "q" za "zapytania".

1365
01:03:31,600 --> 01:03:34,970
I myślę, że jest to jeden z
Oryginalne wzory, być może, od 1999 r.

1366
01:03:34,970 --> 01:03:39,560
A potem rodzaj tego wejścia
jest po prostu będzie "text".

1367
01:03:39,560 --> 01:03:43,040
A potem będę mieć innego wejścia
który nie potrzebuje nazwy, jak będziesz wkrótce

1368
01:03:43,040 --> 01:03:45,120
zobacz, typ, który jest "submit".

1369
01:03:45,120 --> 01:03:47,070
I to będzie
daj mi specjalnego przycisku.

1370
01:03:47,070 --> 01:03:48,320
I to wszystko.

1371
01:03:48,320 --> 01:03:50,790
>> Więc pozwól mi iść do przodu i zapisać ten plik.

1372
01:03:50,790 --> 01:03:54,910
Mam zamiar wrócić do mojego
Przeglądarka i przejdź do google.html.

1373
01:03:54,910 --> 01:03:56,140
Wchodzić.

1374
01:03:56,140 --> 01:03:59,680
A to niby rzadki
delikatnie mówiąc.

1375
01:03:59,680 --> 01:04:03,110
Ale pozwól mi iść do przodu
i wyszukiwania dla "kotów".

1376
01:04:03,110 --> 01:04:06,510
I zauważył, że jestem obecnie
w tym Cloud9 URL.

1377
01:04:06,510 --> 01:04:09,240
Ale chwila klikam to
gdzie masz nadzieję skończę?

1378
01:04:09,240 --> 01:04:10,160
>> PUBLICZNOŚCI: Google.

1379
01:04:10,160 --> 01:04:11,118
>> David J. MALAN: Google.

1380
01:04:11,118 --> 01:04:12,740
Więc kliknij przycisk Prześlij.

1381
01:04:12,740 --> 01:04:15,200
I rzeczywiście ja ponownie wdrożyć Google.

1382
01:04:15,200 --> 01:04:15,700
Dobrze?

1383
01:04:15,700 --> 01:04:16,480
To prostsze.

1384
01:04:16,480 --> 01:04:17,120
Jest lżejszy.

1385
01:04:17,120 --> 01:04:20,350
To znaczy, mój kod jest wyraźnie lepsza niż
ich, z bałaganu widzieliśmy wcześniej.

1386
01:04:20,350 --> 01:04:21,100
I wiesz co?

1387
01:04:21,100 --> 01:04:22,610
Mam zamiar urozmaicić ten się trochę.

1388
01:04:22,610 --> 01:04:23,860
Nie wspominając już o tym wcześniej.

1389
01:04:23,860 --> 01:04:27,860
Są to znaczniki H1, jak dla pozycji 1,
najważniejszą pozycją na stronie.

1390
01:04:27,860 --> 01:04:30,570
"My Google" Zadzwonię do tego.

1391
01:04:30,570 --> 01:04:31,940
Pozwól mi przeładować.

1392
01:04:31,940 --> 01:04:33,772
To wygląda już trochę lepiej.

1393
01:04:33,772 --> 01:04:34,980
I rzeczywiście, wiesz co?

1394
01:04:34,980 --> 01:04:36,430
Mam already-- skłamałem.

1395
01:04:36,430 --> 01:04:40,200
Powiedziałem, że nie miał zamiaru projektować tego,
ale zamierzam projektować tym jak przedtem.

1396
01:04:40,200 --> 01:04:46,860
A moje ciało będzie,
powiedzmy, centrum text-align.

1397
01:04:46,860 --> 01:04:48,800
To wygląda bardziej jak Google już.

1398
01:04:48,800 --> 01:04:51,090
>> Muszę podział wiersza, choć
do tego przycisk Prześlij.

1399
01:04:51,090 --> 01:04:52,798
I okazuje się, ty
Można używać akapitów,

1400
01:04:52,798 --> 01:04:57,320
albo może bardziej dosłownie tylko powiedzieć,
daj mi linię przerwy here-- znacznik br.

1401
01:04:57,320 --> 01:04:59,319
A gdybym przeładować to teraz idzie.

1402
01:04:59,319 --> 01:05:01,610
To trochę brzydki, więc
może zrobić wiele podziałów wierszy,

1403
01:05:01,610 --> 01:05:03,310
ale niech nie zbyt chciwi tutaj.

1404
01:05:03,310 --> 01:05:06,430
Więc teraz zobaczmy czy działa dla "psów".

1405
01:05:06,430 --> 01:05:08,640
Wydaje się pracować dla "psy", jak również.

1406
01:05:08,640 --> 01:05:10,780
Więc co jest przekonujące wynos tutaj?

1407
01:05:10,780 --> 01:05:13,600
Jedno- nie był to ogromny skok do
wprowadzić jeszcze kilka tagów,

1408
01:05:13,600 --> 01:05:15,370
jak tagu formularza w tagu wejściowego.

1409
01:05:15,370 --> 01:05:17,120
Ale bardziej fundamentalnie
to wszystko robimy

1410
01:05:17,120 --> 01:05:20,610
jest wykorzystanie naszej wiedzy
HTTP oraz fakt

1411
01:05:20,610 --> 01:05:24,900
że formy ostatecznie zmienić
co jest w adresie URL przeglądarki,

1412
01:05:24,900 --> 01:05:28,540
a więc w związku z tym, możemy
mechanicznie dostarczenie danych do serwera

1413
01:05:28,540 --> 01:05:33,600
poprzez formularz HTML i wiedząc,
Rozumie się, że serwer HTTP,

1414
01:05:33,600 --> 01:05:36,890
tak jak nasze ciało wie, jak,
ściskając moją rękę, że sam protokół,

1415
01:05:36,890 --> 01:05:40,920
i tak wracamy odpowiedź
że ostatecznie spodziewać.

1416
01:05:40,920 --> 01:05:44,050
>> Więc spróbujmy wykonać jedną
Ostatnią rzeczą, jakiej teraz z telefonu,

1417
01:05:44,050 --> 01:05:47,052
a ja dodam make--
ten kod do slajdów.

1418
01:05:47,052 --> 01:05:49,760
Więc jeśli chcesz majsterkować, ty
z pewnością może go stamtąd.

1419
01:05:49,760 --> 01:05:51,551
Ale mam zamiar iść
zrób jedną rzecz.

1420
01:05:51,551 --> 01:05:54,120
Mam zamiar iść do przodu i
otwarcie mojego indeksu page--

1421
01:05:54,120 --> 01:05:59,030
moja strona witam jak poprzednio, które
ma dużo tego tekstu faux-Łacińskiej

1422
01:05:59,030 --> 01:06:05,470
lub bezsensowne tekst łaciński, a has--
wygląda to w tym rozmiarze czcionki.

1423
01:06:05,470 --> 01:06:07,850
Ale pozwól mi iść do przodu i to zrobić.

1424
01:06:07,850 --> 01:06:09,300
Mam zamiar iść do Cloud9.

1425
01:06:09,300 --> 01:06:10,380
I nie trzeba zrobić ten krok.

1426
01:06:10,380 --> 01:06:11,420
Ja po prostu zrób to sam.

1427
01:06:11,420 --> 01:06:12,890
Idę kliknąć Wyślij.

1428
01:06:12,890 --> 01:06:15,170
I to jest funkcja
tylko z Cloud9, przy czym

1429
01:06:15,170 --> 01:06:17,710
mogę uczynić moje środowisko publicznego.

1430
01:06:17,710 --> 01:06:20,240
>> I właśnie ze względu na
Demonstracja, pozwól mi to zrobić.

1431
01:06:20,240 --> 01:06:22,870
Idę do mojego wniosku do wiadomości publicznej.

1432
01:06:22,870 --> 01:06:25,230
Zauważ, że to ja ostrzegam am
I na pewno chcę to zrobić,

1433
01:06:25,230 --> 01:06:28,438
bo to się dzieje, aby wszyscy
w świecie, czy są tu teraz

1434
01:06:28,438 --> 01:06:33,560
lub oglądania wideo na później
internet w stanie zobaczyć, co widzę.

1435
01:06:33,560 --> 01:06:34,440
Ale to jest OK.

1436
01:06:34,440 --> 01:06:37,870
Mam zamiar powiedzieć "Gotowe".

1437
01:06:37,870 --> 01:06:42,080
I pozwól mi zachęcamy, gdybym to zrobił
Ten correctly-- pozwól mi go przetestować w pierwszej kolejności.

1438
01:06:42,080 --> 01:06:45,590
Śmiało, jeśli nie mind--
W przeglądarce na komputerze,

1439
01:06:45,590 --> 01:06:49,900
przejdź pod ten adres URL, i mam nadzieję,
zobaczysz mój tekst łaciński.

1440
01:06:49,900 --> 01:06:52,820
I żeby było jasne, że to
nie działa na moim laptopie.

1441
01:06:52,820 --> 01:06:53,610
Jest w chmurze.

1442
01:06:53,610 --> 01:06:58,120
Jest na Cloud9, dosłownie, ale
Podjąłem obszaru roboczego publiczną

1443
01:06:58,120 --> 01:07:03,450
tak, że ktoś w internecie
można uzyskać dostępu do strony łacińskiego domu.

1444
01:07:03,450 --> 01:07:07,209
>> Idź do tej samej zawartości na
telefon, jeśli można.

1445
01:07:07,209 --> 01:07:09,750
Jeśli to będzie kosztować, choć,
może po prostu patrzeć przez ramię.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
PUBLICZNOŚCI: [INAUDIBLE]

1448
01:07:42,467 --> 01:07:43,550
David J. MALAN: Przepraszam?

1449
01:07:43,550 --> 01:07:45,390
PUBLICZNOŚCI: [INAUDIBLE]

1450
01:07:45,390 --> 01:07:47,710
David J. MALAN: Tylko łacińskie słowa.

1451
01:07:47,710 --> 01:07:48,210
To wszystko.

1452
01:07:48,210 --> 01:07:49,250
Ale to, co powinieneś zobaczyć.

1453
01:07:49,250 --> 01:07:49,875
>> PUBLICZNOŚCI: Tak.

1454
01:07:49,875 --> 01:07:50,790
David J. MALAN: Tak.

1455
01:07:50,790 --> 01:07:51,300
Tak.

1456
01:07:51,300 --> 01:07:51,540
OK.

1457
01:07:51,540 --> 01:07:53,530
Więc mogę pomieścić swoje
Telefon na chwilę?

1458
01:07:53,530 --> 01:07:57,504
Więc miejmy nadzieję, że jeśli dostęp
to powinno wyglądać prawie nieczytelny.

1459
01:07:57,504 --> 01:07:59,920
To still-- mam na myśli, to
nieczytelne ze względu na łacinę.

1460
01:07:59,920 --> 01:08:01,920
Ale jest to również nieczytelny
z jakiego innego powodu?

1461
01:08:01,920 --> 01:08:03,775
Podobnie jak to, co podoba ci o tym?

1462
01:08:03,775 --> 01:08:04,650
PUBLICZNOŚCI: To jest mały.

1463
01:08:04,650 --> 01:08:06,420
David J. MALAN: To super, super mały.

1464
01:08:06,420 --> 01:08:07,920
Więc jak możemy rozwiązać ten problem?

1465
01:08:07,920 --> 01:08:09,730
To super, super małe
na telefon Victorii

1466
01:08:09,730 --> 01:08:11,400
a jeśli już wyciągnął
że się samemu, chyba

1467
01:08:11,400 --> 01:08:14,660
mała w telefonie, a także, o ile nie
mieć włączoną ustawienia dostępu.

1468
01:08:14,660 --> 01:08:15,530
Co to jest?

1469
01:08:15,530 --> 01:08:18,497
Można po prostu przyciąć i
zoom, co jest wykonalne,

1470
01:08:18,497 --> 01:08:20,330
ale wtedy tylko zobaczyć
Kilka słów na raz.

1471
01:08:20,330 --> 01:08:20,859
Więc chwileczkę.

1472
01:08:20,859 --> 01:08:21,720
Wiem, jak to naprawić.

1473
01:08:21,720 --> 01:08:22,219
Dobrze?

1474
01:08:22,219 --> 01:08:26,130
Mógłbym użyć CSS i mogłem zmienić
rozmiar czcionki od 12 do 24 punkt-punkt.

1475
01:08:26,130 --> 01:08:29,020
Jednak efektem ubocznym, że
Oczywiście, będzie to teraz,

1476
01:08:29,020 --> 01:08:32,630
na komputerze stacjonarnym lub laptopie,
Teraz tekst jest dwa razy większy.

1477
01:08:32,630 --> 01:08:35,810
I tak to będzie rodzaj być miły
odróżnić urządzeniach

1478
01:08:35,810 --> 01:08:37,840
i okazuje się, że
Są sposoby na zrobienie tego.

1479
01:08:37,840 --> 01:08:39,590
Istnieje kilka
różne sposoby, w rzeczywistości

1480
01:08:39,590 --> 01:08:44,189
przy czym za pomocą CSS i bardziej wyszukane funkcje
że nie będziemy wchodzić w najdrobniejszych szczegółach,

1481
01:08:44,189 --> 01:08:46,960
można zasadniczo zapytania
przeglądarka i powiedzieć,

1482
01:08:46,960 --> 01:08:51,550
Jeśli ekran jest mniejszy niż to
wiele pikseli, należy użyć tego rozmiaru czcionki.

1483
01:08:51,550 --> 01:08:55,180
Jeśli ekran jest większy niż to
wiele pikseli, użyj innego rozmiaru czcionki.

1484
01:08:55,180 --> 01:08:57,080
>> Możesz być nawet jeszcze bardziej wyszukane.

1485
01:08:57,080 --> 01:09:00,140
Jeśli kiedykolwiek odwiedził
Strona internetowa, która, na biurku,

1486
01:09:00,140 --> 01:09:04,404
ma duży menu może się do
z boku, a następnie całość treści

1487
01:09:04,404 --> 01:09:07,029
jest po stronie, która menu--
to rodzaj wspólnego paradygmatu.

1488
01:09:07,029 --> 01:09:09,670
Menu po lewej stronie, treści
po prawej lub odwrotnie.

1489
01:09:09,670 --> 01:09:13,569
Czy naprawdę nie działa na telefonie komórkowym, gdy twój
Ekran jest tylko w tym wiele pikseli szerokości.

1490
01:09:13,569 --> 01:09:16,233
Więc bardziej powszechne na telefon jest
Twoje menu nagle dostać

1491
01:09:16,233 --> 01:09:18,399
upadł, i trzeba
kliknij przycisk, aby go zobaczyć,

1492
01:09:18,399 --> 01:09:22,404
lub na stronie internetowej będzie można umieścić menu
nad nim i umieścić treść poniżej niego.

1493
01:09:22,404 --> 01:09:24,779
I można je realizować
rzeczy na wiele sposobów, too.

1494
01:09:24,779 --> 01:09:28,340
Można zwrócić się do programistów,
hej, zespół, o każdej porze

1495
01:09:28,340 --> 01:09:34,450
widać żądania HTTP z Android
Urządzenie, urządzenie Microsoft, Google

1496
01:09:34,450 --> 01:09:39,930
Urządzenie, urządzenie Apple to wykorzystać
rozmiar czcionki i wykorzystać ten układ menu,

1497
01:09:39,930 --> 01:09:42,670
albo użyć tego domyślnego większy układ.

1498
01:09:42,670 --> 01:09:45,410
>> Teraz, za pomocą tego, co
podstawową techniką dziś

1499
01:09:45,410 --> 01:09:48,529
inżynierowie mogli korzystać
wiedzieć, czy to

1500
01:09:48,529 --> 01:09:53,660
iPhone, Android telefon, laptop,
pulpit wizyty serwer firmy?

1501
01:09:53,660 --> 01:09:55,310
Gdzie oni uzyskać te informacje?

1502
01:09:55,310 --> 01:09:56,080
>> PUBLICZNOŚCI: nagłówek?

1503
01:09:56,080 --> 01:09:57,740
>> David J. MALAN: Tak, nagłówek HTTP.

1504
01:09:57,740 --> 01:10:01,714
Więc każde żądanie HTTP pochodzące z
ich klientów do swoich serwerów

1505
01:10:01,714 --> 01:10:03,880
to, że wewnątrz wirtualnego
koperty, cała masa

1506
01:10:03,880 --> 01:10:08,260
nagłówki HTTP, jeden z nich jest
przeglądarka i system operacyjny

1507
01:10:08,260 --> 01:10:10,290
Nawet, jeśli zależy Ci na
że poziom szczegółowości.

1508
01:10:10,290 --> 01:10:13,790
Teraz jest to ciąg tajemniczy wyglądający, ale
istnieje oprogramowanie, które będzie po prostu

1509
01:10:13,790 --> 01:10:18,530
uproszczenia, że ​​można po prostu zapytać
w programowaniu code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- co telefon jest this--
jakiego urządzenia jest użytkownik użyciu?

1511
01:10:23,650 --> 01:10:27,501
I wtedy można powiedzieć, pokazać im to
wersja strony jeśli jest to telefon.

1512
01:10:27,501 --> 01:10:30,250
Pokaż im tej wersji
strona internetowa, czy jest to laptop lub stacjonarny.

1513
01:10:30,250 --> 01:10:32,316
Ale nawet nie trzeba
server-side złożoności.

1514
01:10:32,316 --> 01:10:33,940
Można to zrobić nawet najprostszych rzeczy.

1515
01:10:33,940 --> 01:10:34,815
>> Mam zamiar to zrobić.

1516
01:10:34,815 --> 01:10:38,995
Mam zamiar iść do przodu w
Moje środowisko Cloud9,

1517
01:10:38,995 --> 01:10:41,370
i mam zamiar dodać tag
które widzieliśmy w Google przed.

1518
01:10:41,370 --> 01:10:42,770
To się nazywa metatag.

1519
01:10:42,770 --> 01:10:45,520
I nigdy Pamiętam ten jeden, więc
Zamierzam go rozpisać tutaj.

1520
01:10:45,520 --> 01:10:50,552
Meta name = "rzutni", a następnie
content = "width = szerokość urządzenia, intital

1521
01:10:50,552 --> 01:11:02,060
scale = 1 "i to wszystko.

1522
01:11:02,060 --> 01:11:06,230
>> Więc może to być równie dobrze
jak magiczne zaklęcie.

1523
01:11:06,230 --> 01:11:11,300
To nie wszystko, co jasne, ale to nie ma
coś zrobić z rzutni,

1524
01:11:11,300 --> 01:11:15,070
oraz rzutnia jest tylko ciało
Strona internetowa, prostokątna, że ​​region

1525
01:11:15,070 --> 01:11:16,690
definiuje większość strony.

1526
01:11:16,690 --> 01:11:19,060
A to jest po prostu mówienie
przeglądarka, wiesz co?

1527
01:11:19,060 --> 01:11:22,589
Bądź szerokość tej stronie
faktycznie równa szerokości urządzenia.

1528
01:11:22,589 --> 01:11:25,380
Innymi słowy, nie należy zakładać, że
masz rodzaj nieograniczonej przestrzeni.

1529
01:11:25,380 --> 01:11:29,920
Załóżmy, że masz tylko tyle
Przestrzeń jako samo urządzenie jest duża.

1530
01:11:29,920 --> 01:11:34,454
A więc teraz, jeśli to reload
w przeglądarce, widzę żadnej zmiany.

1531
01:11:34,454 --> 01:11:37,370
Ale gdybym to zrobił, a correctly--
pozwól mi przekroczyć moje fingers-- jeśli was wszystkich

1532
01:11:37,370 --> 01:11:42,920
załaduj telefony, prawda
zobacz atrakcyjną zmianę?

1533
01:11:42,920 --> 01:11:43,620
Tak, jest that--

1534
01:11:43,620 --> 01:11:45,067
>> PUBLICZNOŚCI: [INAUDIBLE]

1535
01:11:45,067 --> 01:11:45,900
David J. MALAN: Tak.

1536
01:11:45,900 --> 01:11:46,400
OK.

1537
01:11:46,400 --> 01:11:47,850
Więc zapewne teraz bardziej czytelna?

1538
01:11:47,850 --> 01:11:53,070
Jeszcze małe, żeby być w porządku, ale nie
tak małe, aby być niewykonalna.

1539
01:11:53,070 --> 01:11:56,920
A może ja na pewno to zmienić
dalej z CSS lub po stronie serwera,

1540
01:11:56,920 --> 01:12:00,120
ale coraz częściej, co masz
widząc coraz więcej funkcji

1541
01:12:00,120 --> 01:12:02,900
dodawanych do
po stronie klienta environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, jak omówimy
jutro, CSS i HTML-- tak

1543
01:12:06,530 --> 01:12:09,190
że wszystkie te zapytania
Można to zrobić na kliencie

1544
01:12:09,190 --> 01:12:11,910
tak, aby niepokoić
Serwer o wiele mniej i nie

1545
01:12:11,910 --> 01:12:14,530
musiała nadążać za
Przykładowo, stała nawała

1546
01:12:14,530 --> 01:12:17,210
nowego systemu operacyjnego
wersje, nowe wersje przeglądarek.

1547
01:12:17,210 --> 01:12:20,190
Można po prostu pozwolić przeglądarkę
zwrócić się do urządzenia, jak wielki jesteś,

1548
01:12:20,190 --> 01:12:22,890
a następnie dokonać dość logiczne
Decyzje oparte na tym.

1549
01:12:22,890 --> 01:12:25,140
Ale zobaczymy więcej możliwości
do podejmowania decyzji logicznych

1550
01:12:25,140 --> 01:12:27,223
Jutro w kontekście
języka programowania.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Tak więc, wszelkie pytania, a następnie,
na tworzenie stron internetowych?

1553
01:12:32,760 --> 01:12:36,130
Dziś nie jest programowanie stron internetowych, za
se, ponieważ prawie wszystko zrobiliśmy

1554
01:12:36,130 --> 01:12:38,370
bardzo estetyczne, jeśli będzie.

1555
01:12:38,370 --> 01:12:41,750
Nie ma podejmowanie decyzji w
kod, który pisaliśmy,

1556
01:12:41,750 --> 01:12:44,990
a więc dlatego jest znaczników HTML
języka, a nie język programowania.

1557
01:12:44,990 --> 01:12:47,140
Ale jutro weźmiemy
szybkie spojrzenie, a ostatecznie

1558
01:12:47,140 --> 01:12:49,340
w JavaScript, który jest
rzeczywiste programowania

1559
01:12:49,340 --> 01:12:54,220
język, który pozwala nam zrobić trochę więcej.

1560
01:12:54,220 --> 01:12:56,800
>> Jakieś pytania?

1561
01:12:56,800 --> 01:13:00,480
Cóż, pozwól mi zaproponować dwa
Możliwości opcjonalne do lekcji.

1562
01:13:00,480 --> 01:13:02,900
Jeden is-- te Cloud9
rachunki nie wygaśnie.

1563
01:13:02,900 --> 01:13:04,669
Zapraszamy do korzystania
im majstrować.

1564
01:13:04,669 --> 01:13:05,960
To wolna poziom usług.

1565
01:13:05,960 --> 01:13:08,754
Sobie sprawę, że jeśli podczas tworzenia
Twój obszar roboczy, to sprawiło, że publiczne,

1566
01:13:08,754 --> 01:13:11,670
to znaczy, że ktoś na
Internet może zobaczyć, co piszesz.

1567
01:13:11,670 --> 01:13:15,104
Więc może po prostu uważają
Nie żenujące siebie

1568
01:13:15,104 --> 01:13:18,020
jeśli oddanie pierwszej wstęgi
Strona tam publicznie przypadkowo,

1569
01:13:18,020 --> 01:13:20,134
ale nikt nie będzie
wiedzieć, aby nie wyglądać tak.

1570
01:13:20,134 --> 01:13:23,760
>> I daj mi wrzucić two--
do tego adresu URL, jak również,

1571
01:13:23,760 --> 01:13:28,250
zwłaszcza jeśli przyszedł dzisiaj
trochę mniej wygodne niż inne,

1572
01:13:28,250 --> 01:13:30,430
niepewny, co oznacza, że ​​wszystkie te rzeczy.

1573
01:13:30,430 --> 01:13:36,780
Sobie sprawę, że o wiele więcej tym filmie
która jest zarówno dobrym sposobem zasnąć

1574
01:13:36,780 --> 01:13:39,380
a także śmiać chwilę
Czyniąc tak, ma również

1575
01:13:39,380 --> 01:13:44,300
wiele społecznie interesujące
i dyskusje z punktu widzenia bezpieczeństwa

1576
01:13:44,300 --> 01:13:47,370
nim John Oliver,
choć komik.

1577
01:13:47,370 --> 01:13:55,456
>> Ale jeśli nie ma więcej pytań,
to prowadzi nas do recepcji.

1578
01:13:55,456 --> 01:13:56,830
Więc dlaczego nie mogę włączyć muzykę.

1579
01:13:56,830 --> 01:13:58,610
Nie powinno być napoje
i przekąski na zewnątrz.

1580
01:13:58,610 --> 01:14:00,220
Cieszę się, że mieszają się tak
Dopóki ludzie chcieliby,

1581
01:14:00,220 --> 01:14:01,600
odpowiedzieć na pytania bardziej jeden-na-jeden.

1582
01:14:01,600 --> 01:14:03,330
Ale inaczej, jesteś mile widziany
zdjąć w dowolnym momencie,

1583
01:14:03,330 --> 01:14:05,740
i do zobaczenia ponownie
Jutro rano na trochę więcej.

1584
01:14:05,740 --> 01:14:07,290
W porządku, dzięki.

1585
01:14:07,290 --> 01:14:10,428