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

2
00:00:00,127 --> 00:00:01,210
DAVID J. малая: Добра.

3
00:00:01,210 --> 00:00:02,160
Мы вярнуліся.

4
00:00:02,160 --> 00:00:05,810
Такім чынам, мэта гэтай апошняй сесіі
каб увесці яшчэ некалькі паняццяў

5
00:00:05,810 --> 00:00:09,290
але і даць кожнаму шанец
каб выгляд расцерці пальцы

6
00:00:09,290 --> 00:00:11,270
і на самай справе зрабіць што-то
трохі практычны.

7
00:00:11,270 --> 00:00:13,897
Мэта складаецца ў тым, каб не ператварыць
усе мы ў вэб-распрацоўнікаў

8
00:00:13,897 --> 00:00:16,230
любымі сродкамі, але на самой справе проста
каб даць вам густ некаторых

9
00:00:16,230 --> 00:00:21,750
з фундаментальных канструкцый з таго, што
пераходзіць у вэб-праграмавання і вэб-сёння

10
00:00:21,750 --> 00:00:23,980
развіццё, таму
статычная бок things--

11
00:00:23,980 --> 00:00:26,660
няма ніякай логікі, ніякага праграмавання
мова, проста статычны кантэнт.

12
00:00:26,660 --> 00:00:29,660
І гэта дасць нам магчымасць
на самай справе ўбачыць, што вэб-сервер,

13
00:00:29,660 --> 00:00:34,140
Паглядзіце, што HTML-файл, паглядзець, што
гэта HTTP на самай справе абслугоўвае да.

14
00:00:34,140 --> 00:00:38,600
Але перш чым мы паглыбімся ў, рэтраспектыва
пытанні аб хмарных вылічэнняў

15
00:00:38,600 --> 00:00:43,922
або бяспекі, або што-небудзь паміж імі?

16
00:00:43,922 --> 00:00:44,890
>> Няма?

17
00:00:44,890 --> 00:00:47,181
Добра, добра, давайце
зрабіць гэта, на ўсялякі выпадак

18
00:00:47,181 --> 00:00:49,680
працэс падпісаўшыся
нешта займае ўсяго некалькі хвілін.

19
00:00:49,680 --> 00:00:51,221
Мы дазволім гэта рабіць у фонавым рэжыме.

20
00:00:51,221 --> 00:00:56,860
Ідзіце наперад, калі вы маглі б,
У сувязі з гэтым URL here-- c9.io.

21
00:00:56,860 --> 00:01:02,810
Гэта трэцяя бок service--
Платформа як сэрвіс, калі вы will--

22
00:01:02,810 --> 00:01:05,190
што збіраецца запрасіць Вас
падпісацца на рахунак,

23
00:01:05,190 --> 00:01:08,650
і ён збіраецца даць кожнаму з вас
рахунак у так званым воблаку

24
00:01:08,650 --> 00:01:11,330
на развіццё інфраструктуры кагосьці іншага,
кампанія пад назвай Cloud9.

25
00:01:11,330 --> 00:01:13,350
Але што прыемна пра
у тым, што яны даюць вам

26
00:01:13,350 --> 00:01:15,990
апраксімацыя
фактычнае развіццё рэальнага свету

27
00:01:15,990 --> 00:01:18,530
ахова навакольнага асяроддзя, хоць і ў
воблака і ў вэб-браўзэры,

28
00:01:18,530 --> 00:01:21,175
і мы будзем выкарыстоўваць гэта на самай справе
эксперыментаваць трохі сёння.

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

30
00:01:27,116 --> 00:01:30,260
А потым ісці наперад і проста перамяшчацца
ваш шлях да працэсу рэгістрацыі

31
00:01:30,260 --> 00:01:32,630
калі вы маглі б.

32
00:01:32,630 --> 00:01:36,080
Такім чынам, мы вырашылі выкарыстаць гэта ў класе
Я вучу для ўсіх нашых студэнтаў,

33
00:01:36,080 --> 00:01:39,140
як на кампусе і па-за цяпер, і
гэта замяніць тое, што гістарычна

34
00:01:39,140 --> 00:01:41,390
у адваротным выпадку было загружанае праграмнае забеспячэнне.

35
00:01:41,390 --> 00:01:44,620
Так што вы атрымаць доступ да
з'яўляецца адным з гэтых віртуальных машын,

36
00:01:44,620 --> 00:01:46,460
па сутнасці, што я апісаў вышэй.

37
00:01:46,460 --> 00:01:50,260
Так што гэтая кампанія Cloud9 верагодна
рэнта ад трэцяй party-- на самай справе

38
00:01:50,260 --> 00:01:52,760
У гэтым выпадку, Google-- цэлае
куча віртуальных машын

39
00:01:52,760 --> 00:01:56,500
што яны неяк крышыць ў
ілюзія асобных сервераў

40
00:01:56,500 --> 00:01:58,610
што кожны з нас мае поўны кантроль над.

41
00:01:58,610 --> 00:02:01,640
Гэта не зусім правільна казаць
што яны віртуальныя машыны,

42
00:02:01,640 --> 00:02:04,550
хоць, таму, што
Cloud9 фактычна выкарыстоўвае

43
00:02:04,550 --> 00:02:07,570
з'яўляецца некалькі больш новая тэхналогія
называецца контейнеризации.

44
00:02:07,570 --> 00:02:13,150
І дазвольце мне захапіць гэтую карціну
тут, каб намаляваць гэтую карціну.

45
00:02:13,150 --> 00:02:16,540
>> Кантэйнер, калі
вы памятаеце карціну

46
00:02:16,540 --> 00:02:19,900
ад раней, ледзь святлей
вага, чым на віртуальнай машыне.

47
00:02:19,900 --> 00:02:22,090
На самай справе, у той час як у мінулым
раз, калі мы казалі аб там

48
00:02:22,090 --> 00:02:25,170
быўшы аперацыйнай
сістэма і гіпервізара

49
00:02:25,170 --> 00:02:28,260
а затым гасцявой аперацыйнай сістэмы, госць
аперацыйная сістэма, гасцявой аперацыйнай

50
00:02:28,260 --> 00:02:30,940
Сістэма, на верхняй панэлі
фізічнага абсталявання,

51
00:02:30,940 --> 00:02:33,740
розніца з гэтым новы
тэхналогіі, контейнеризации,

52
00:02:33,740 --> 00:02:37,290
у тым, што ўсе яны так ці інакш падзяляюць
тая ж аперацыйная сістэма.

53
00:02:37,290 --> 00:02:39,970
Але яны па-ранейшаму ствараюць
ілюзія ўсіх

54
00:02:39,970 --> 00:02:44,590
маючы яго ці яе уласны эксклюзіўны
адміністрацыйныя правы і файлы

55
00:02:44,590 --> 00:02:45,400
на серверы.

56
00:02:45,400 --> 00:02:48,230
Але ёсць менш праграмнага забеспячэння ў
паміж вамі і апаратнымі сродкамі.

57
00:02:48,230 --> 00:02:52,260
Вынікам якога з'яўляецца, у
тэорыя, больш высокую прадукцыйнасць,

58
00:02:52,260 --> 00:02:55,470
таму што вы карыстаецеся ці
марнаваць менш рэсурсаў

59
00:02:55,470 --> 00:02:57,360
на гэтым так званым пласце віртуалізацыі.

60
00:02:57,360 --> 00:02:59,420
Такім чынам, гэта называецца
контейнеризации па сваёй прыродзе

61
00:02:59,420 --> 00:03:02,920
шляхам тэхналогіі пад назвай Docker,
які вельмі падыходзіць у свае правы.

62
00:03:02,920 --> 00:03:05,086
І гэта тое, што
інжынеры кампаніі

63
00:03:05,086 --> 00:03:08,610
можа збольшага свайго роду пачаць гаварыць
аб хуткім часе, калі яны яшчэ не зрабілі гэтага,

64
00:03:08,610 --> 00:03:11,590
хоць, вядома, няма
Прычына скакаць на любых bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Так з гэтым сказаў, што
вы, напэўна, глядзіце зараз

66
00:03:15,410 --> 00:03:22,670
ўяўляе сабой экран, які выглядае крыху як гэта.

67
00:03:22,670 --> 00:03:23,170
ДОБРА.

68
00:03:23,170 --> 00:03:25,260
І проста патэлефанаваць мне на сябе, калі няма.

69
00:03:25,260 --> 00:03:27,440
І калі so-- я прыйду, калі няма.

70
00:03:27,440 --> 00:03:30,244
Ідзіце наперад і націсніце што вялікі
плюс для стварэння працоўнай прасторы,

71
00:03:30,244 --> 00:03:31,660
і вы ўбачыце экран, як гэта.

72
00:03:31,660 --> 00:03:35,020
Вы можаце патэлефанаваць у працоўная прастора
назваць усе, што вы хочаце цяпер.

73
00:03:35,020 --> 00:03:38,660
І толькі на самай справе для прастаты,
ісці и-- добра, некаторыя з вас

74
00:03:38,660 --> 00:03:39,660
ўжо ёсць працоўныя вобласці.

75
00:03:39,660 --> 00:03:47,050
Называйце гэта як want-- бізнес,
Гарвард, чацвер, што вы хацелі.

76
00:03:47,050 --> 00:03:48,800
Вам не трэба апісанне.

77
00:03:48,800 --> 00:03:52,380
Вы можаце пакінуць яго закрытым, калі не вам
ўжо ёсць куча рабочых прастор.

78
00:03:52,380 --> 00:03:55,280
Калі вы вымушаныя зрабіць гэта публічна,
гэта нармальна для сённяшніх мэтаў.

79
00:03:55,280 --> 00:03:56,750
Тут, таксама, з'яўляецца адным з Upsells.

80
00:03:56,750 --> 00:03:59,939
Вы атрымліваеце адно закрытае працоўная прастора
па змаўчанні. Але калі вы хочаце больш,

81
00:03:59,939 --> 00:04:00,980
вы павінны плаціць больш.

82
00:04:00,980 --> 00:04:02,870
У адваротным выпадку, яны прымушаюць вас
каб зрабіць Вашу працу грамадскасці.

83
00:04:02,870 --> 00:04:05,600
Але гэта нармальна, таму што яны таксама
мэта гэтага на адкрытых зыходных супольнасцяў

84
00:04:05,600 --> 00:04:07,700
каб заахвоціць людзей
на самай справе супрацоўнічаць.

85
00:04:07,700 --> 00:04:10,699
>> І апошняе, што вельмі важна,
хоць, гэта, пасля таго, як вы выбіраеце імя

86
00:04:10,699 --> 00:04:17,140
і пасля таго, як вы абралі прыватныя або дзяржаўныя,
націсніце HTML5, аранжавы значок вялікі

87
00:04:17,140 --> 00:04:22,430
другі злева, і
затым націсніце кнопку Стварыць рабочую вобласць.

88
00:04:22,430 --> 00:04:24,580
І гэта, верагодна,
заняць хвіліну ці каля таго,

89
00:04:24,580 --> 00:04:26,540
але вы будзеце тады мець
ахова навакольнага асяроддзя, як толькі вы

90
00:04:26,540 --> 00:04:30,544
зрабіць гэта, што выглядае нагадвае
што ў мяне ёсць на экране тут.

91
00:04:30,544 --> 00:04:33,210
Але, зноў жа, гэта можа заняць хвіліну
ці больш, каб атрымаць гэты экран

92
00:04:33,210 --> 00:04:34,770
як толькі вы націснулі Стварыць рабочую вобласць.

93
00:04:34,770 --> 00:04:37,936
Але як раз сцяг мяне, калі вы хочаце, каб я
каб зірнуць на што-небудзь ці раіць.

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

95
00:04:40,191 --> 00:04:40,690
Добра.

96
00:04:40,690 --> 00:04:42,390
Так што я збіраюся фоне гэтага цяпер.

97
00:04:42,390 --> 00:04:44,260
Патэлефануеце мне больш, калі вы, здаецца,
ёсць нейкія тэхнічныя цяжкасці.

98
00:04:44,260 --> 00:04:46,210
Але, зноў жа, гэта можа заняць
няшмат для таго, каб адкрыць.

99
00:04:46,210 --> 00:04:49,570
І давайце ісці наперад і казаць пра тое, што
гэта фактычна азначае, каб зрабіць вэб-старонку,

100
00:04:49,570 --> 00:04:52,780
тое, што HTML, і як усё гэта
Цяпер злучае паміж сабой, як мы пачынаем

101
00:04:52,780 --> 00:04:54,730
на самай справе выкарыстаць некаторыя тэхналогіі.

102
00:04:54,730 --> 00:04:58,310
Так атрымліваецца, што я магу
ісці на маім маленькім Mac тут,

103
00:04:58,310 --> 00:05:01,650
адкрыць простую праграму пад назвай
TextEdit, або на Windows, я мог

104
00:05:01,650 --> 00:05:04,480
адкрыць нешта называецца Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
І я мог бы проста зрабіць нешта
як this-- "Прывітанне, свет".

106
00:05:08,260 --> 00:05:12,020
І тады я мог бы захаваць гэта як
hello.txt Дык не магіі там.

107
00:05:12,020 --> 00:05:15,200
Гэта не мае нічога агульнага з вэб
праграмаванне, нічога агульнага з HTML.

108
00:05:15,200 --> 00:05:16,790
Проста стварыць просты тэкставы файл.

109
00:05:16,790 --> 00:05:20,600
Але аказваецца, што вэб
старонка літаральна толькі што.

110
00:05:20,600 --> 00:05:24,020
Гэта просты тэкставы файл, які змяшчае тэкст
што вы можаце набраць на клавіятуры,

111
00:05:24,020 --> 00:05:30,070
але гэта, як правіла, але не заўсёды
заканчваецца не .txt, але .html або .htm.

112
00:05:30,070 --> 00:05:32,050
І вы не проста
увядзіце слова ў файле.

113
00:05:32,050 --> 00:05:35,280
Вы на самой справе трэба выкарыстоўваць рэчы, званыя
тэгі або, у больш агульным плане, што-то

114
00:05:35,280 --> 00:05:37,190
называецца мова разметкі.

115
00:05:37,190 --> 00:05:40,510
>> Так што я збіраюся вельмі хутка набраць
а затым растлумачыць наступнае.

116
00:05:40,510 --> 00:05:42,290
Я буду першым
тыпу гэта, у якім гаворыцца,

117
00:05:42,290 --> 00:05:45,730
эй, браўзэр, вось ідзе
вэб-старонкі напісаны на HTML.

118
00:05:45,730 --> 00:05:51,850
І гэтыя дзве рэчы разам кажуць, эй,
браўзэр, наступны сапраўды HTML.

119
00:05:51,850 --> 00:05:55,790
Эй, браўзэр, тут ідзе
галавы або верхняй частцы маёй старонкі.

120
00:05:55,790 --> 00:05:59,900
Эй, браўзэр, ўнутры верхняй частцы
мая старонка, пакласці назва, якое, "Прывітанне,

121
00:05:59,900 --> 00:06:01,610
свет ".

122
00:06:01,610 --> 00:06:08,370
Эй, браўзэр, пасля таго, як кіраўнік майго
старонка, вось ідзе цела старонкі.

123
00:06:08,370 --> 00:06:12,170
І, эй, браўзэр, цела майго
старонка павінна таксама сказаць, "прывітанне свет".

124
00:06:12,170 --> 00:06:15,500
Так, якія характэрныя дэталі тут?

125
00:06:15,500 --> 00:06:17,960
Гэта тое, што ў цэлым
называецца дакумент тыпу дэкларацыі,

126
00:06:17,960 --> 00:06:20,190
і, шчыра кажучы, гэта крыху
цяжка заўважыць гэтую на першы погляд.

127
00:06:20,190 --> 00:06:21,481
Вы толькі збольшага скапіяваць і ўставіць яго.

128
00:06:21,481 --> 00:06:23,760
Гэта фармальны спосаб
сказаць, эй, браўзэр,

129
00:06:23,760 --> 00:06:28,030
Я выкарыстоўваю HTML версіі 5, якая
выйшаў некалькі нядаўна.

130
00:06:28,030 --> 00:06:31,380
Гэта магічнае заклінанне, што некаторыя
людзі з дрэнным пачуццём дызайну

131
00:06:31,380 --> 00:06:33,640
вырашыў паставіць на
самы верх файла.

132
00:06:33,640 --> 00:06:35,473
Нягледзячы на ​​тое, што гэта
трохі аркан, вось і ўсё

133
00:06:35,473 --> 00:06:38,250
гэта азначае: Гэй, браўзэр, тут
пастаўляецца з 5-й версіі HTML.

134
00:06:38,250 --> 00:06:41,741
>> Астатняя частка гэтага была з намі
на працягу некаторага часу, гістарычна склалася так,

135
00:06:41,741 --> 00:06:44,740
але гэта было эвалюцыянуе, і гэта
верагодна, становіцца трохі прасцей.

136
00:06:44,740 --> 00:06:47,320
Звярніце ўвагу на некаторыя характарыстыкі
аб тым, што я вылучыў.

137
00:06:47,320 --> 00:06:49,890
Там у гэтыя рэчы з вуглавымі
brackets-- левы кранштэйн

138
00:06:49,890 --> 00:06:51,040
і правая дужка.

139
00:06:51,040 --> 00:06:52,490
І звярніце ўвагу на сіметрыю тут.

140
00:06:52,490 --> 00:06:57,340
І ў сілу сіметрыі, я маю на ўвазе, гэтак жа, як я
ёсць гэты пачатковы тэг тут або адкрыты тэг

141
00:06:57,340 --> 00:07:01,560
калі вы будзеце, тут у мяне ёсць
які зачыняе тэг або канчатковы тэг гэта

142
00:07:01,560 --> 00:07:06,460
адрозніваецца толькі пастолькі, паколькі ён мае гэты
слэш у пачатку слова

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

144
00:07:07,360 --> 00:07:09,360
І вы можаце думаць аб
гэта як я быў выпадкова

145
00:07:09,360 --> 00:07:12,280
прапаноўваючы перад тым, эй,
браўзэр, вось некаторыя HTML.

146
00:07:12,280 --> 00:07:16,060
І, наадварот, эй, браўзэр, гэта
гэта для пачатку і канца HTML--.

147
00:07:16,060 --> 00:07:18,440
>> У той жа час эй, браўзэр, тут
прыходзіць кіраўнік маёй старонкі.

148
00:07:18,440 --> 00:07:20,140
Эй, браўзэр, гэта ўсё для галавы.

149
00:07:20,140 --> 00:07:22,240
Эй, браўзэр, вось
цела маёй старонкі.

150
00:07:22,240 --> 00:07:24,020
Эй, браўзэр, гэта ўсё для цела.

151
00:07:24,020 --> 00:07:26,940
А ўнутры што некаторая
адвольны тэкст на дадзены момант.

152
00:07:26,940 --> 00:07:30,520
А ўнутры галавы, тым часам,
некаторая адвольная, але заўважана,

153
00:07:30,520 --> 00:07:34,410
так бы мовіць, тэкст, які кажа, назва
маёй старонкі павінны быць "Добры дзень, свет».

154
00:07:34,410 --> 00:07:37,470
Цяпер, на дадзены момант, вы можаце
Выкажам здагадку, што браўзэры

155
00:07:37,470 --> 00:07:41,762
маюць only-- ці, дакладней, вэб-старонкі маюць
толькі два parts-- галаву і цела.

156
00:07:41,762 --> 00:07:44,220
І галава, як правіла, проста
як у радку меню, матэрыял

157
00:07:44,220 --> 00:07:45,510
на самай справе проста на самым версе.

158
00:07:45,510 --> 00:07:48,910
А цела кішкі старонкі,
ўсё ў гэтай вялікай прастакутнік

159
00:07:48,910 --> 00:07:50,239
што запаўняе экран.

160
00:07:50,239 --> 00:07:51,780
Так што я збіраюся ісці наперад і рабіць гэта.

161
00:07:51,780 --> 00:07:54,400
Я збіраюся ісці наперад і
націсніце кнопку Захаваць, Файл Захаваць.

162
00:07:54,400 --> 00:07:58,580
І я збіраюся захаваць
гэта як hello.html,

163
00:07:58,580 --> 00:08:00,870
і я проста збіраюся
паклаў яго на маім працоўным стале.

164
00:08:00,870 --> 00:08:03,520
І я збіраюся пайсці
наперад і націсніце кнопку Захаваць.

165
00:08:03,520 --> 00:08:05,806
І notice-- мой Mac у
меры крычыць на мяне.

166
00:08:05,806 --> 00:08:07,180
Вы ўпэўненыя, што хочаце гэта зрабіць?

167
00:08:07,180 --> 00:08:08,710
І я збіраюся сказаць, ды, выкарыстоўваць HTML.

168
00:08:08,710 --> 00:08:10,400
Я ведаю, што лепш у гэтым выпадку.

169
00:08:10,400 --> 00:08:14,686
А цяпер я збіраюся пайсці на мой працоўны стол
дзе ў мяне ёсць гэты файл раптоўна.

170
00:08:14,686 --> 00:08:16,060
І я збіраюся двойчы пстрыкнуць па ім.

171
00:08:16,060 --> 00:08:18,268
І вы заўважыце, што,
па змаўчанні, Chrome адкрыў.

172
00:08:18,268 --> 00:08:19,996
Гэта таму, што гэта
мой браўзэр па змаўчанні.

173
00:08:19,996 --> 00:08:21,370
І гэта як раз кажа: "Прывітанне, свет."

174
00:08:21,370 --> 00:08:23,078
Але ён кажа: "Прывітанне,
свет "у двух месцах.

175
00:08:23,078 --> 00:08:23,979
Звярніце ўвагу, у левым верхнім куце.

176
00:08:23,979 --> 00:08:25,020
Даволі цяжка прапусціць гэта.

177
00:08:25,020 --> 00:08:26,180
Гэта вялікі і смелы.

178
00:08:26,180 --> 00:08:30,690
А дзе яшчэ яна здаецца
сказаць: "Прывітанне, свет"?

179
00:08:30,690 --> 00:08:31,470
>> ГЛЕДАЧЫ: На ўкладцы.

180
00:08:31,470 --> 00:08:33,100
>> DAVID J. малая: Так, ўкладка сама.

181
00:08:33,100 --> 00:08:35,159
Таму, калі я сказаў кіраўнік
старонка ўсё дагары top--

182
00:08:35,159 --> 00:08:36,367
і на самой справе гэта назва.

183
00:08:36,367 --> 00:08:37,710
Гэта проста на ўкладцы тут.

184
00:08:37,710 --> 00:08:40,320
І я магу выцягнуць гэтую ўкладку
так, каб не пераблытаць.

185
00:08:40,320 --> 00:08:43,360
Гэта толькі адна ўкладка ў цяперашні час,
і на самай справе мы бачым, "Прывітанне, свет"

186
00:08:43,360 --> 00:08:45,970
тут і "Прывітанне, свет" тут.

187
00:08:45,970 --> 00:08:47,160
Так што даволі проста.

188
00:08:47,160 --> 00:08:49,050
Але гэта таксама даволі проста.

189
00:08:49,050 --> 00:08:50,440
І, на самай справе, я павелічэнні маштабу.

190
00:08:50,440 --> 00:08:53,272
Я магу змяніць памер шрыфта проста
каб павялічыць для даступнасці.

191
00:08:53,272 --> 00:08:56,830
Але давайце зараз зрабіць нешта
крыху больш цікавым.

192
00:08:56,830 --> 00:08:59,760
>> Я збіраюся go-- воклічы, хай
мне вярнуцца ў мой тэкставы файл.

193
00:08:59,760 --> 00:09:02,400
Я вяртаюся да свайго
тэкставы файл, і я збіраюся

194
00:09:02,400 --> 00:09:06,320
каб змяніць гэта і сказаць
"Прывітанне, Свет Дыснею".

195
00:09:06,320 --> 00:09:07,970
Захаваць.

196
00:09:07,970 --> 00:09:10,919
І вярнуцца да маіх
браўзэра і націсніце Абнавіць.

197
00:09:10,919 --> 00:09:12,710
І цяпер, вядома,
кажа: "Свет Дыснею".

198
00:09:12,710 --> 00:09:15,500
І я збіраюся штучна павялічыць
ў проста так лягчэй бачыць.

199
00:09:15,500 --> 00:09:19,012
Так што цяпер, на жаль, я як бы хачу
на самай справе, мэтай якіх, гэта функцыя Mac.

200
00:09:19,012 --> 00:09:21,720
Я хачу, каб націснуць на Disney World
і пайсці куды-небудзь, як disney.com,

201
00:09:21,720 --> 00:09:23,290
але гэта не працуе.

202
00:09:23,290 --> 00:09:26,850
Такім чынам, асноўным прынцыпам у Інтэрнэце з'яўляецца
гіперспасылак, спасылкі, якія ідуць у іншым месцы.

203
00:09:26,850 --> 00:09:28,390
Дык як жа я магу гэта зрабіць?

204
00:09:28,390 --> 00:09:34,690
Ну, я мог бы проста сказаць,
"Прывітанне, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Захаваць.

206
00:09:36,110 --> 00:09:37,620
Абнавіць.

207
00:09:37,620 --> 00:09:39,400
Але гэта таксама не клікабельнасць.

208
00:09:39,400 --> 00:09:42,930
І што тут добра, нягледзячы на ​​тое,
гэта не функцыянальная яшчэ,

209
00:09:42,930 --> 00:09:45,930
з'яўляецца тое, што здаецца, што
браўзэр робіць літаральна толькі

210
00:09:45,930 --> 00:09:46,950
тое, што я кажу гэта зрабіць.

211
00:09:46,950 --> 00:09:50,110
Так што, калі я проста ўвядзіце URL, як гэта,
гэта проста будзе паказаць мне URL.

212
00:09:50,110 --> 00:09:54,270
Мне трэба выкарыстоўваць тэгі або разметкі
мова на самай справе сказаць

213
00:09:54,270 --> 00:09:55,621
браўзэр, каб зрабіць яшчэ больш.

214
00:09:55,621 --> 00:09:57,870
Так што я збіраюся ісці наперад і
выдаліць гэта на імгненне.

215
00:09:57,870 --> 00:10:00,980
І я збіраюся сказаць, эй,
браўзэр, пачніце якар тут,

216
00:10:00,980 --> 00:10:02,650
спасылку, так бы мовіць.

217
00:10:02,650 --> 00:10:07,500
А гіпер-спасылка, прызначэнне
гэтага якара, павінен быць гэты URL.

218
00:10:07,500 --> 00:10:08,750
І заўважце, мае цытаты.

219
00:10:08,750 --> 00:10:11,590
Я мог бы выкарыстаць адзінкавыя двукоссі, таксама,
але вы павінны быць паслядоўнымі,

220
00:10:11,590 --> 00:10:14,270
і я б наогул проста выкарыстоўваць
падвойныя двукоссі, каб захаваць яго простым.

221
00:10:14,270 --> 00:10:16,820
Звярніце ўвагу, што я збіраюся зачыніць тэг.

222
00:10:16,820 --> 00:10:21,160
І тады тут я іду
сказаць, "Свет Дыснею".

223
00:10:21,160 --> 00:10:26,890
А цяпер мне трэба трохі symmetry--
адкрытая дужка, / а, закрытая дужка.

224
00:10:26,890 --> 00:10:28,090
>> Дык што ж я прадставіў?

225
00:10:28,090 --> 00:10:30,100
У нас было некалькі тэгаў ўжо.

226
00:10:30,100 --> 00:10:32,410
HTML, кіраўнік, Назва, Цела,
усе пазнакі, так бы мовіць,

227
00:10:32,410 --> 00:10:34,280
з адкрытымі і зачыненымі калегамі.

228
00:10:34,280 --> 00:10:36,530
Але заўважце, што гэта свайго роду
прынцыпова адрозніваецца.

229
00:10:36,530 --> 00:10:39,140
Гэта тое, што мы будзем называць
у HTML атрыбут.

230
00:10:39,140 --> 00:10:41,451
І атрыбут з'яўляецца
проста ключ-значэнне пары.

231
00:10:41,451 --> 00:10:43,950
Гэта звычайная справа ў
science-- кампутара ключ-значэнне пары.

232
00:10:43,950 --> 00:10:45,770
Гэта свайго роду інструмент гандлю.

233
00:10:45,770 --> 00:10:47,040
Ключ і значэнне.

234
00:10:47,040 --> 00:10:49,390
Слова, а затым некаторыя
іншае слова ці словы.

235
00:10:49,390 --> 00:10:53,790
І ў гэтым выпадку, ключ HREF,
і значэнне ў тым, што поўны URL.

236
00:10:53,790 --> 00:10:57,890
А што атрыбут робіць яго
ўплывае на паводзіны тэга.

237
00:10:57,890 --> 00:11:01,010
І ў гэтым выпадку, мы павінны ўплываць
паводзіны тэга прывязкі,

238
00:11:01,010 --> 00:11:04,140
таму што нам трэба, каб замацаваць
спасылку дзе-небудзь.

239
00:11:04,140 --> 00:11:06,960
А як вы робіце гэта
шляхам атрыбуту.

240
00:11:06,960 --> 00:11:08,970
>> Так што я збіраюся ісці наперад
і захавайце файл цяпер.

241
00:11:08,970 --> 00:11:11,300
Вярніцеся ў браўзэры і перазагрузіць.

242
00:11:11,300 --> 00:11:14,580
І, вуаля, мы цяпер маем
Пачатак законнага вэб-старонкі.

243
00:11:14,580 --> 00:11:18,420
Супер-просты, але калі я навядзіце курсор мышы на
this-- апавяшчэнне ў левым ніжнім куце,

244
00:11:18,420 --> 00:11:19,830
гэта супер-маленькі.

245
00:11:19,830 --> 00:11:21,730
Але вы бачыце www.disney.com.

246
00:11:21,730 --> 00:11:27,076
І калі я націскаю яго, на самай справе гэта
венікі мяне да disney.com.

247
00:11:27,076 --> 00:11:29,380
Цяпер, цікаўная рэч
тут з'яўляецца тое, што гэта не так

248
00:11:29,380 --> 00:11:33,940
best-- самым хадавым URL, але
гэта нармальна, таму што гэты файл ёсьць

249
00:11:33,940 --> 00:11:35,360
існуюць на World Wide Web.

250
00:11:35,360 --> 00:11:39,740
Ён існуе ў выглядзе лакальнага файла ў па-відаць,
мае Карыстальнікі directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
для Джона Harvard-- / працоўны стол.

252
00:11:41,890 --> 00:11:42,634
Але ў яго ёсць URL.

253
00:11:42,634 --> 00:11:43,800
Гэта як раз здараецца быць лакальным.

254
00:11:43,800 --> 00:11:47,050
На жаль, ніхто з вас не можа наведаць
гэта, таму што калі вы ўводзіце гэты URL,

255
00:11:47,050 --> 00:11:49,980
вы будзеце распавядаць свой браўзэр,
шукае файл з імем hello.html

256
00:11:49,980 --> 00:11:50,772
на цвёрдым дыску.

257
00:11:50,772 --> 00:11:53,271
І, вядома ж, калі вы не
ішлі ўздоўж ўручную,

258
00:11:53,271 --> 00:11:54,530
гэта не будзе існаваць там.

259
00:11:54,530 --> 00:11:55,190
>> Так што гэта нармальна.

260
00:11:55,190 --> 00:11:57,815
Мы па-ранейшаму патрэбен спосаб, у канчатковым рахунку,
каб атрымаць гэты файл у Інтэрнэце,

261
00:11:57,815 --> 00:12:01,180
але давайце дражніць адзін ад аднаго пару
наступствы для бяспекі таго, што мы проста

262
00:12:01,180 --> 00:12:04,850
убачыў і звязаць яго назад да раней
абмеркаванне з гэтага раніцы.

263
00:12:04,850 --> 00:12:08,200
Аказваецца, што, калі
браўзэр літаральна робіць

264
00:12:08,200 --> 00:12:12,560
што я кажу гэта рабіць, і здаецца,
каб быць так, што якар тэг

265
00:12:12,560 --> 00:12:17,380
пад уплывам кошту
гэты атрыбут называецца HREF

266
00:12:17,380 --> 00:12:20,810
але ён адлюстроўвае гэта
тэкст, гэта, здавалася б

267
00:12:20,810 --> 00:12:26,520
мае на ўвазе, што я мог бы паставіць URL
у абодвух месцах, а затым перазагрузіць

268
00:12:26,520 --> 00:12:29,100
і цяпер убачыць URL і перайсці да URL.

269
00:12:29,100 --> 00:12:32,680
Звярніце ўвагу, калі я навядзіце курсор мышы на ніжнім левым куце,
Я сапраўды збіраюся яшчэ disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Так што калі вы калі-небудзь
phished-- З-Н-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
з адным з гэтых фіктыўных лістоў
ад як PayPal вашага банка,

272
00:12:42,820 --> 00:12:46,470
вы, верагодна, атрымалі спасылкі ўнутры
з электроннай пошты, які вы чытаеце, што

273
00:12:46,470 --> 00:12:49,970
кажа вам, націсніце тут, каб пайсці пацвердзіць
ваш пароль ці пацвердзіць дату свайго нараджэння

274
00:12:49,970 --> 00:12:53,840
або сацыяльнага ці нешта сацыяльна
інжынірынг вам раскрыць

275
00:12:53,840 --> 00:12:54,920
інфармацыя.

276
00:12:54,920 --> 00:12:57,625
Ну, я мог бы прыняць выгляд
Перавага гэтага, ці не магу я?

277
00:12:57,625 --> 00:13:01,240
Я мог бы сказаць нешта
як, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
І замест таго, каб Disney.com, я
можа ісці, як, badguy.com.

279
00:13:11,340 --> 00:13:12,850
Абнавіць.

280
00:13:12,850 --> 00:13:16,620
І наколькі лёгка надзьмуць,
асабліва нетэхнічнае чытача

281
00:13:16,620 --> 00:13:20,649
або чытанне бегла
Чытач, чым пстрыкнуць

282
00:13:20,649 --> 00:13:23,940
спасылку, як гэта, што калі я націсну it--
Я на самой справе не хачу ісці badguy.com.

283
00:13:23,940 --> 00:13:25,398
Я не ведаю, што на самой справе там.

284
00:13:25,398 --> 00:13:30,080
Так paypal.com, заўважце, гэта
што ён кажа, што гэта будзе,

285
00:13:30,080 --> 00:13:33,210
але, вядома, калі я гляджу ўніз
супер-нізкім, гэта трохі размыта,

286
00:13:33,210 --> 00:13:34,230
але ён кажа badguy.com.

287
00:13:34,230 --> 00:13:38,644
Вось толькі сказаць прама зараз
што я іду ў няправільным месцы.

288
00:13:38,644 --> 00:13:41,560
І калі я ўжо казаў раней, што банкі
на самай справе не павінны заахвочваць або навучаць

289
00:13:41,560 --> 00:13:44,510
карыстальніка пстрыкнуць спасылкі, гэта
гэта толькі адно з праяў гэтага.

290
00:13:44,510 --> 00:13:45,430
І гэта так проста.

291
00:13:45,430 --> 00:13:48,120
Цяпер вы праціўнік, калі
Вы робіце нешта накшталт гэтага

292
00:13:48,120 --> 00:13:51,000
і спрабуюць падмануць карыстальніка
у наведванні вашага сайта.

293
00:13:51,000 --> 00:13:53,320
Але цяпер, мы будзем трымаць
рэчы прыгожым і чыстым.

294
00:13:53,320 --> 00:13:55,640
Мы будзем ісці наперад
і таму гэтыя змены.

295
00:13:55,640 --> 00:13:56,530
Абнавіць старонку.

296
00:13:56,530 --> 00:13:57,740
І я вяртаюся да disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Давайце паглядзім, калі мы не можам дражніць
гэта адзін ад аднаго крыху больш.

298
00:14:00,660 --> 00:14:04,160
Такім чынам, "Прывітанне, Свет Дыснею".

299
00:14:04,160 --> 00:14:05,950
Я буду казаць тут.

300
00:14:05,950 --> 00:14:08,220
Можа быць, я збіраюся зрабіць некаторую пакой.

301
00:14:08,220 --> 00:14:12,730
"Мы спадзяемся, што вам спадабаецца ваша знаходжанне!"

302
00:14:12,730 --> 00:14:13,830
Захаваць.

303
00:14:13,830 --> 00:14:15,850
Абнавіць.

304
00:14:15,850 --> 00:14:19,010
Гэта не rea--, што не
тое, што я меў намер, ці не так?

305
00:14:19,010 --> 00:14:21,870
Я маю на ўвазе, калі я апрацоўваць мой тэкст
файл як тэкставы працэсар,

306
00:14:21,870 --> 00:14:24,894
што вы спадзяюся, што адбудзецца тут?

307
00:14:24,894 --> 00:14:27,060
Так, я адчуваю, як там
павінен быць перапынак лініі тут,

308
00:14:27,060 --> 00:14:28,799
таму ён адчувае сябе багі ў некаторым родзе.

309
00:14:28,799 --> 00:14:31,090
Але гэта на самай справе наўмысным,
таму што так жа, як і раней,

310
00:14:31,090 --> 00:14:33,381
браўзэр будзе толькі
рабіць тое, што вы скажаце ёй зрабіць.

311
00:14:33,381 --> 00:14:34,806
Я не сказаў гэта, каб разарваць лініі.

312
00:14:34,806 --> 00:14:37,930
Я не сказаў яму рухацца ўніз, нават
хоць, інтуітыўна, я адчуваю, што я зрабіў.

313
00:14:37,930 --> 00:14:39,805
Так атрымліваецца, нам трэба
трохі больш разметкі,

314
00:14:39,805 --> 00:14:41,390
і я збіраюся выправіць гэта наступным чынам.

315
00:14:41,390 --> 00:14:46,160
Я збіраюся апярэдзіць гэты першы прывітанне
з тым, што называецца тэг абзаца.

316
00:14:46,160 --> 00:14:48,920
А потым я збіраюся ісці наперад
і абгарнуць гэта іншая прапанова

317
00:14:48,920 --> 00:14:54,370
у іншым пункце тэга, нягледзячы на ​​тое,
яны супер-кароткія параграфы.

318
00:14:54,370 --> 00:14:55,930
Цяпер я збіраюся захаваць.

319
00:14:55,930 --> 00:14:57,160
Абнавіць.

320
00:14:57,160 --> 00:14:59,070
І зараз у нас ёсць што
прастору, і мы сартуем

321
00:14:59,070 --> 00:15:01,680
маюць семантыку
два асобных пункта.

322
00:15:01,680 --> 00:15:05,290
>> Гэта ўсё добра і добра, але гэта было б
нядрэнна дадаць малюнак на гэтай старонцы,

323
00:15:05,290 --> 00:15:08,710
так што я збіраюся ісці шукаць
Мікі Маўс на Google Images.

324
00:15:08,710 --> 00:15:12,830
І проста для задавальнення, я
збіраецца захапіць гэты вобраз.

325
00:15:12,830 --> 00:15:15,350
Я збіраюся ісці наперад цяпер і
захапіць URL гэтага малюнка,

326
00:15:15,350 --> 00:15:16,510
хоць ёсць розныя
спосабаў зрабіць гэта.

327
00:15:16,510 --> 00:15:18,520
На дадзены момант, я проста хачу, каб скапіяваць URL.

328
00:15:18,520 --> 00:15:24,770
Я збіраюся вярнуцца ў мой тэкст
файл, і я збіраюся тут сказаць,

329
00:15:24,770 --> 00:15:31,160
IMG SRC = цытатай Unquote
што URL, звышдоўгіх.

330
00:15:31,160 --> 00:15:34,580
І тады паняцце
малюнак трохі адрозніваецца.

331
00:15:34,580 --> 00:15:38,640
Там на самай справе ніякага паняцця запуску
малюнак і заканчваючы малюнак,

332
00:15:38,640 --> 00:15:40,630
як пачатковы тэг канчатковы тэг.

333
00:15:40,630 --> 00:15:43,840
Так ён адчувае сябе крыху дзіўна
я семантычна, каб зрабіць гэта,

334
00:15:43,840 --> 00:15:45,390
мець тэг буйным малюнка.

335
00:15:45,390 --> 00:15:46,780
Гэта не няправільна.

336
00:15:46,780 --> 00:15:48,840
Гэта зусім правільна,
і гэта заахвочваецца,

337
00:15:48,840 --> 00:15:50,870
але ёсць скарочаная запіс.

338
00:15:50,870 --> 00:15:53,780
Я магу выгляд адначасова
адкрываць і зачыняць адзін і той жа тэг,

339
00:15:53,780 --> 00:15:55,510
І што зрабіў браўзэр шчаслівым.

340
00:15:55,510 --> 00:15:56,950
Так што гэта проста трохі
больш ёмістым для рэчаў

341
00:15:56,950 --> 00:15:59,408
што канцэптуальна сапраўды ня
маюць сэнс для пачатку і заканчэння.

342
00:15:59,408 --> 00:16:01,190
Яны проста ёсць, ці яны не з'яўляюцца.

343
00:16:01,190 --> 00:16:06,020
>> Так што я збіраюся захаваць гэта і вярнуцца
да майго "Прывітанне, свет" старонкі і перазагрузкі.

344
00:16:06,020 --> 00:16:09,880
І гэта крыху з-пад кантролю,
таму што малюнак на самай справе

345
00:16:09,880 --> 00:16:12,210
трохі вялікі, але гэта нармальна.

346
00:16:12,210 --> 00:16:13,710
Я мог бы змяніць яе памер у праграме.

347
00:16:13,710 --> 00:16:14,900
Ці вы ведаеце, што.

348
00:16:14,900 --> 00:16:17,350
Проста каб паказаць, што я
будзе на самой справе сказаць

349
00:16:17,350 --> 00:16:21,760
што шырыня гэтай рэчы павінны
толькі 200 пікселяў, 200 кропак.

350
00:16:21,760 --> 00:16:24,360
Дазвольце мне ісці наперад і захаваць
і перазагрузкі, а цяпер старонка

351
00:16:24,360 --> 00:16:25,690
выглядае крыху больш разумным.

352
00:16:25,690 --> 00:16:27,260
Але зьвярніце ўвагу на малюнак.

353
00:16:27,260 --> 00:16:30,030
Ну, я накшталт вучыў вас усіх
з HTML ў нейкім сэнсе, па меншай меры,

354
00:16:30,030 --> 00:16:33,531
канцэптуальна, так як усе HTML гэта з'яўляецца
гэтыя tags-- адкрытыя пазнакі, закрытыя тэгі,

355
00:16:33,531 --> 00:16:35,280
і атрыбуты, якія
змяніць сваё паводзіны.

356
00:16:35,280 --> 00:16:38,380
І, мяркуючы па ўсім, кожны
Тэг можа мець нуль або адзін

357
00:16:38,380 --> 00:16:43,005
ці два ці больш атрыбутаў, кожны з
які робіць нешта крыху па-іншаму.

358
00:16:43,005 --> 00:16:44,380
Зараз, як вы ведаеце, што існуе?

359
00:16:44,380 --> 00:16:46,800
Вы проста слухаць кагосьці
як мне сказаць вам, што існуе,

360
00:16:46,800 --> 00:16:50,860
ці вы проста Google вакол падручніка
на HTML, і гэта на самай справе гэта проста.

361
00:16:50,860 --> 00:16:54,030
>> На самай справе, калі я быў старшакурснік
гадоў таму і даведаўся, HTML,

362
00:16:54,030 --> 00:16:56,530
адзін з маіх матэматыцы выкладання
памочнікі толькі што правялі

363
00:16:56,530 --> 00:16:59,600
крыху часу навучаючы мяне
на працягу як паўгадзіны, гадзіну,

364
00:16:59,600 --> 00:17:00,660
а потым я быў на маім шляху.

365
00:17:00,660 --> 00:17:03,300
Я быў на маім шляху да рабіць
самыя агідныя сайты калі-небудзь,

366
00:17:03,300 --> 00:17:05,549
які, відаць, у мяне няма
сапраўды прасунулася далей.

367
00:17:05,549 --> 00:17:09,849
Але справа ў тым, што, як толькі вы
зразумець гэтыя простыя ideas--

368
00:17:09,849 --> 00:17:13,450
калі аркан text--, але гэтыя простыя
ідэі запуску думкі

369
00:17:13,450 --> 00:17:15,960
і закрыццё думка, захоўваючы
усё добра збалансаваны,

370
00:17:15,960 --> 00:17:19,150
гледзячы то ўверх, якая змяняе
Паводзіны гэтага тэга, гэта сапраўды ўсё

371
00:17:19,150 --> 00:17:20,079
ёсць на яго.

372
00:17:20,079 --> 00:17:28,140
І на самай справе, калі мы зараз пераходзім да
нешта накшталт google.com-- на самай справе,

373
00:17:28,140 --> 00:17:31,920
давайце месца крыху больш
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
І я збіраюся пайсці, каб паглядзець,
Распрацоўшчык, View Source.

375
00:17:37,800 --> 00:17:41,400
Гэта непрыгожа, але notice--
і я буду набліжаць апавяшчэння

376
00:17:41,400 --> 00:17:43,432
некаторыя рэчы, якія знаёмыя ўжо.

377
00:17:43,432 --> 00:17:45,140
Там гэтая тут,
які з'яўляецца браўзэр.

378
00:17:45,140 --> 00:17:46,800
Вось ідзе HTML5.

379
00:17:46,800 --> 00:17:47,634
Там у HTML.

380
00:17:47,634 --> 00:17:49,550
Па-відаць, ёсць
атрыбутаў, што я не зрабіў

381
00:17:49,550 --> 00:17:51,540
выкарыстоўваць, што паказвае
мова старонкі,

382
00:17:51,540 --> 00:17:54,380
і гэта можа дапамагчы з аўтаматычным
пераклад і да таго падобнае.

383
00:17:54,380 --> 00:17:55,546
Вось кіраўнік старонкі.

384
00:17:55,546 --> 00:17:57,790
Вось назва старонкі Стэнфорда.

385
00:17:57,790 --> 00:17:59,832
Там у тэг я не зрабіў
казаць пра yet-- мета-тэг.

386
00:17:59,832 --> 00:18:01,540
Гэта проста выгляд
даведачная інфармацыя.

387
00:18:01,540 --> 00:18:04,210
Гэта дапамагае з SEO, або
аптымізацыя для пошукавых сістэм,

388
00:18:04,210 --> 00:18:06,320
ці вынікі Google-пошуку ці таму падобнае.

389
00:18:06,320 --> 00:18:09,029
Але калі мы будзем глядзець, трымаць
гледзячы, вось тэг Body.

390
00:18:09,029 --> 00:18:11,570
І ёсць гронак іншы
тэгі мы не казалі пра тое ж.

391
00:18:11,570 --> 00:18:13,750
Але дзіў адзін для
Падзел старонкі.

392
00:18:13,750 --> 00:18:16,680
Гэта як нябачны прастакутнік
калі вы, здаецца, хочаце думках

393
00:18:16,680 --> 00:18:20,160
падзяліць старонку на
розныя падраздзялення анлайн.

394
00:18:20,160 --> 00:18:22,650
А потым шмат дзівы я
см, тое, што называецца клас,

395
00:18:22,650 --> 00:18:24,440
але мы вернемся да гэтага.

396
00:18:24,440 --> 00:18:26,200
>> Гэта interesting-- формы.

397
00:18:26,200 --> 00:18:27,730
Формы па ўсёй сеткі.

398
00:18:27,730 --> 00:18:30,310
Любы акно пошуку вы
калі-небудзь выкарыстоўвалі гэта форма.

399
00:18:30,310 --> 00:18:31,490
І, таму, давайце на самай справе ўбачыць.

400
00:18:31,490 --> 00:18:32,790
Форма.

401
00:18:32,790 --> 00:18:33,910
Дзеянне.

402
00:18:33,910 --> 00:18:37,660
Дзеянне гэтай формы, па якіх-небудзь
гістарычныя прычыны, у тым, што URL.

403
00:18:37,660 --> 00:18:38,840
Метад "пост".

404
00:18:38,840 --> 00:18:44,060
Аказваецца, што HTTP-запыты могуць выкарыстоўваць
дзеяслоў "атрымаць", як мы бачылі раней,

405
00:18:44,060 --> 00:18:45,070
ці "пост".

406
00:18:45,070 --> 00:18:47,030
І ўбачыце розніцу
гэта ў адзін момант.

407
00:18:47,030 --> 00:18:48,363
Давайце паглядзім, што на самой справе гэта.

408
00:18:48,363 --> 00:18:49,830
Дазвольце мне вярнуцца да старонкі Стэнфорда.

409
00:18:49,830 --> 00:18:53,330
Якую форму яны кажуць
о, як вы думаеце?

410
00:18:53,330 --> 00:18:54,485
Што выскоквае ў Вас?

411
00:18:54,485 --> 00:18:54,970
>> ГЛЕДАЧЫ: Акно пошуку.

412
00:18:54,970 --> 00:18:55,845
>> DAVID J. малая: Так.

413
00:18:55,845 --> 00:18:58,410
Так ўверх у верхнім правым куце
вось гэта акно пошуку.

414
00:18:58,410 --> 00:19:02,441
І вось як яны рэалізавалі it--
тэг, які ў літаральным сэнсе форма адкрытая дужка.

415
00:19:02,441 --> 00:19:03,940
А потым давайце шукаць нешта.

416
00:19:03,940 --> 00:19:09,220
Давайце шукаць напарніка
з mine-- "Нік Parlante."

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

418
00:19:11,380 --> 00:19:13,750
І, вядома ж, ён пайшоў
крыху іншы URL.

419
00:19:13,750 --> 00:19:15,140
Дазвольце мне вярнуцца сюды.

420
00:19:15,140 --> 00:19:18,960
Давайце шукаць "курсы".

421
00:19:18,960 --> 00:19:19,460
Чорт пабяры.

422
00:19:19,460 --> 00:19:20,484
Пайшоў да іншага URL.

423
00:19:20,484 --> 00:19:23,400
Такім чынам, Стэнфард, дадаўшы трохі магіі
што яны не прымаюць мяне да URL

424
00:19:23,400 --> 00:19:25,820
што мы бачылі ў
атрыбутаў там дзеянні.

425
00:19:25,820 --> 00:19:32,480
Але гэтая форма тут рэалізуецца чыста
шляхам гэтай разметкі тут, гэтыя тэгі.

426
00:19:32,480 --> 00:19:35,710
На самай справе, вось уваход для
тып пошуку, які вы хочаце.

427
00:19:35,710 --> 00:19:38,940
Вось уваход для
адзін з тыпаў пошуку.

428
00:19:38,940 --> 00:19:41,960
Тут уваход для самой радка.

429
00:19:41,960 --> 00:19:45,394
І таму мэта складаецца ў тым, каб не абгарнуць
нашы розумы вакол усіх гэтых тэгаў

430
00:19:45,394 --> 00:19:46,060
але толькі, каб бачыць.

431
00:19:46,060 --> 00:19:48,300
Гэта проста адкрыццё і закрыццё
тэгі і шукаюць рэчы.

432
00:19:48,300 --> 00:19:48,560
Так?

433
00:19:48,560 --> 00:19:48,920
Вікторыя?

434
00:19:48,920 --> 00:19:49,795
>> ГЛЕДАЧЫ: [неразборліва]

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

436
00:19:51,925 --> 00:19:53,550
DAVID J. малая: Гэта добры пытанне.

437
00:19:53,550 --> 00:19:54,660
Гэта крыху больш складана, каб убачыць.

438
00:19:54,660 --> 00:19:56,300
Дазвольце мне вярнуцца да таго, што
пытанне ўсяго за некалькі хвілін

439
00:19:56,300 --> 00:19:59,000
калі мы глядзім на тое, што называецца
CSS або каскадныя табліцы стыляў лістоў,

440
00:19:59,000 --> 00:20:02,500
і мы можам паспрабаваць зрабіць выснову,
як шмат ад старонкі.

441
00:20:02,500 --> 00:20:08,090
Так што, калі мы зараз паглядзім на google.com,
давайце паглядзім, што іх старонка выглядае наступным чынам.

442
00:20:08,090 --> 00:20:09,840
Вы б they're-- гэта міла сёння.

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

444
00:20:12,490 --> 00:20:12,990
ДОБРА.

445
00:20:12,990 --> 00:20:13,690
Усё зроблена.

446
00:20:13,690 --> 00:20:15,260
Добра, так што View Source.

447
00:20:15,260 --> 00:20:19,590
Можна было б падумаць Google мае
сапраўды добры зыходны код.

448
00:20:19,590 --> 00:20:24,970
Так што, мяркуючы па ўсім, што тут адбываецца?

449
00:20:24,970 --> 00:20:27,880
І на самай справе, гэта нават не HTML.

450
00:20:27,880 --> 00:20:30,930
Гэта тое, што называецца JavaScript.

451
00:20:30,930 --> 00:20:32,344
І давайце працягваць ісці і ісці.

452
00:20:32,344 --> 00:20:34,010
Я нават не ведаю, дзе пачынаецца старонка.

453
00:20:34,010 --> 00:20:37,240
Я збіраюся выкарыстоўваць каманду
F, адкрытая дужка HTML.

454
00:20:37,240 --> 00:20:38,200
Добра, там.

455
00:20:38,200 --> 00:20:44,150
Я знайшоў пачатак старонкі, і
як многа розных рэчаў тут.

456
00:20:44,150 --> 00:20:45,310
>> Што на самой справе адбываецца?

457
00:20:45,310 --> 00:20:47,460
Ну, вы ведаеце, што,
мы можам ачысціць гэта.

458
00:20:47,460 --> 00:20:52,109
Калі я замест таго, каб пайсці на гэта агляд
Панэль інструментаў, гэта спецыяльны дыягнастычны інструмент,

459
00:20:52,109 --> 00:20:54,150
і ісці не ў сеткі,
дзе мы працягваем ісці сёння,

460
00:20:54,150 --> 00:20:56,420
але калі я іду да элементаў,
што сапраўды прыемна

461
00:20:56,420 --> 00:20:59,990
з'яўляецца тое, што браўзэр мае шмат
значна лепш вочы, чым я.

462
00:20:59,990 --> 00:21:02,670
І браўзэр можа чытаць
што беспарадак вэб-старонкі,

463
00:21:02,670 --> 00:21:04,700
што HTML пошта мы проста
глядзеў, і гэта можа

464
00:21:04,700 --> 00:21:08,340
разабраць яго ці чытаць і
аналізаваць яе і перафарматаваць

465
00:21:08,340 --> 00:21:09,910
у добрым лёгкачытальным чынам.

466
00:21:09,910 --> 00:21:11,740
Так што я бачу прама цяпер
На гэтым экране тут

467
00:21:11,740 --> 00:21:15,470
пад элементаў, так падобны на ўтрыманне,
але яны ўсё з водступам,

468
00:21:15,470 --> 00:21:18,140
яны размаляваныя, але
гэта той жа самы тэкст

469
00:21:18,140 --> 00:21:19,620
што я запампаваў з сервера.

470
00:21:19,620 --> 00:21:23,630
>> І што цяпер прыемна, што я магу бачыць,
ў арганізме, для instance-- апавяшчэння,

471
00:21:23,630 --> 00:21:26,480
старонка па-ранейшаму складаецца
проста галава і цела,

472
00:21:26,480 --> 00:21:28,660
і я магу іерархічна апусканне тут.

473
00:21:28,660 --> 00:21:32,420
Звярніце ўвагу на тое, што Google, здаецца,
каб divs-- гэты і гэты.

474
00:21:32,420 --> 00:21:33,310
Я магу пашырыць гэта.

475
00:21:33,310 --> 00:21:35,370
Там цэлая куча іншых дзівы.

476
00:21:35,370 --> 00:21:36,900
Так што гэта крыху складаным.

477
00:21:36,900 --> 00:21:37,400
Але пачакайце.

478
00:21:37,400 --> 00:21:40,970
Гэта, здаецца, нашмат больш
чытаным, адносна, чым гэта.

479
00:21:40,970 --> 00:21:43,840
Чаму Google няёмка
Сам проста пасылаць

480
00:21:43,840 --> 00:21:50,400
гэты велізарны беспарадак кода некаторых
сартаваць проста рэалізаваць нешта

481
00:21:50,400 --> 00:21:53,640
які выглядае так проста на першы погляд?

482
00:21:53,640 --> 00:21:55,270
Маўляў, чаму яны не дадаюць больш прасторы?

483
00:21:55,270 --> 00:21:56,811
Чаму яны не патрапілі Enter, як я зрабіў?

484
00:21:56,811 --> 00:21:59,110
Паглядзіце, наколькі добра я быў
пры напісанні вэб-старонкі.

485
00:21:59,110 --> 00:22:00,680
Я ўдарыў Enter так старанна.

486
00:22:00,680 --> 00:22:03,760
Я з водступам, таму ўсе
гэта так прыгожа і чытэльным.

487
00:22:03,760 --> 00:22:08,463
Чаму Google не практыкуюць тое ж самае?

488
00:22:08,463 --> 00:22:11,409
>> ГЛЕДАЧЫ: [неразборліва]

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

490
00:22:12,305 --> 00:22:13,180
DAVID J. малая: Добра.

491
00:22:13,180 --> 00:22:14,270
Вельмі справядліва.

492
00:22:14,270 --> 00:22:16,650
Яны не маюць нейкі
Чалавек у Google ўручную

493
00:22:16,650 --> 00:22:18,160
абнаўленне хатняй старонкі больш.

494
00:22:18,160 --> 00:22:20,010
Гэта не 1999 больш.

495
00:22:20,010 --> 00:22:21,140
Такім чынам, у іх ёсць праграмнае забеспячэнне.

496
00:22:21,140 --> 00:22:25,397
У іх ёсць іншыя інструменты, якія
генераваць дынамічна яны HTML.

497
00:22:25,397 --> 00:22:27,480
Натуральна, што сам код
была напісана людзьмі,

498
00:22:27,480 --> 00:22:30,220
але рэальнасць такая,
гэта цалкам справядліва сказаць,

499
00:22:30,220 --> 00:22:33,340
браўзэр, вядома, не
ўсё роўна, як брудны код.

500
00:22:33,340 --> 00:22:35,940
Але ёсць яшчэ больш
пераканаўчыя тэхнічныя прычыны

501
00:22:35,940 --> 00:22:42,580
што Google распаўсюджвае іх HTML
код у такой неахайнай, здавалася б,

502
00:22:42,580 --> 00:22:48,350
пераважнай чынам, сабраныя разам
з вельмі мала way-- вельмі мала

503
00:22:48,350 --> 00:22:51,274
на шляху фарматавання, як я зрабіў.

504
00:22:51,274 --> 00:22:52,570
>> ГЛЕДАЧЫ: [неразборліва]

505
00:22:52,570 --> 00:22:53,528
>> DAVID J. малая: Хутчэй?

506
00:22:53,528 --> 00:22:54,040
Чаму?

507
00:22:54,040 --> 00:22:55,680
І што вы сказалі, Лідзія?

508
00:22:55,680 --> 00:22:56,240
Хутчэй?

509
00:22:56,240 --> 00:22:57,281
Чаму хутчэй?

510
00:22:57,281 --> 00:22:58,156
ГЛЕДАЧЫ: [неразборліва]

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

512
00:23:00,522 --> 00:23:02,230
DAVID J. малая: Там у
няма месца для чытання.

513
00:23:02,230 --> 00:23:02,730
Так.

514
00:23:02,730 --> 00:23:04,560
Так што думайце пра тое, што такое прастору.

515
00:23:04,560 --> 00:23:08,394
Такім чынам, кожны знак на клавіятуры прымае
некаторы колькасць прасторы для прадстаўлення,

516
00:23:08,394 --> 00:23:10,560
альбо фізічна, як гэта
займае шмат месца, што,

517
00:23:10,560 --> 00:23:13,250
ці неяк пад
капот, які патрабуе памяці.

518
00:23:13,250 --> 00:23:15,740
І як aside-- і мы
гаварыць больш аб гэтым tomorrow--

519
00:23:15,740 --> 00:23:19,930
кожны знак на клавіятуры
як правіла, патрабуецца 8 бітаў або адзін байт.

520
00:23:19,930 --> 00:23:23,360
Такім чынам, структура 8 нулёў або
з іх, ці толькі 1 байт, як мы

521
00:23:23,360 --> 00:23:24,720
людзі, як правіла, кажуць, будзе.

522
00:23:24,720 --> 00:23:27,690
Так што гэта невялікі, але
яна па-ранейшаму не роўныя нулю.

523
00:23:27,690 --> 00:23:29,940
Гэта ўсё яшчэ некаторы колькасць прасторы.

524
00:23:29,940 --> 00:23:36,082
Так што, калі інжынер або Google хіты
прабел, толькі адзін раз, і хай

525
00:23:36,082 --> 00:23:38,540
Google-- гэта супер-popular--
Выкажам здагадку, што мільярд чалавек

526
00:23:38,540 --> 00:23:40,780
наведаць іх хатнюю старонку ў дзень,
або некаторая колькасць людзей,

527
00:23:40,780 --> 00:23:43,290
наведаць хатняй старонцы
мільярд раз у дзень,

528
00:23:43,290 --> 00:23:48,890
колькі дадатковых байт мае тое
інжынер-праграміст проста стаіць Google

529
00:23:48,890 --> 00:23:51,310
на адзін раз патрапіўшы яго ці яе -пробел-?

530
00:23:51,310 --> 00:23:52,692
>> ГЛЕДАЧЫ: [неразборліва]

531
00:23:52,692 --> 00:23:54,150
DAVID J. малая: Не зусім так дрэнна.

532
00:23:54,150 --> 00:23:57,070
Ўсяго адзін раз байт мільярд.

533
00:23:57,070 --> 00:23:57,871
так a--

534
00:23:57,871 --> 00:23:59,120
ГЛЕДАЧЫ: 8 мільярдаў гігабайт.

535
00:23:59,120 --> 00:24:00,370
DAVID J. малая: Ці не за 8 млрд.

536
00:24:00,370 --> 00:24:01,240
8 мільярдаў байт.

537
00:24:01,240 --> 00:24:02,410
Але 1 гігабайт.

538
00:24:02,410 --> 00:24:04,080
1 гігабайт будзе адзінка вымярэння.

539
00:24:04,080 --> 00:24:08,240
Калі ён ці яна робіць два
месца, 2 гігабайта.

540
00:24:08,240 --> 00:24:09,030
Тры гігабайта.

541
00:24:09,030 --> 00:24:09,530
Дакладна?

542
00:24:09,530 --> 00:24:11,860
Гэта шалі дорага.

543
00:24:11,860 --> 00:24:16,150
І таму ў такіх выпадках, як Google,
які, як належнае, крайнія выпадкі,

544
00:24:16,150 --> 00:24:21,450
Ёсць і іншыя праблемы, якія ўзнікаюць толькі
робячы вельмі разумныя рашэнні

545
00:24:21,450 --> 00:24:25,744
або прымаць вельмі простыя чалавечыя дзеянні,
так як ён мае гэты Magnified эфект.

546
00:24:25,744 --> 00:24:27,660
Такім чынам, адной з прычын
гэта выглядае так сціснуты

547
00:24:27,660 --> 00:24:30,660
менавіта так, як Вікторыя said-- гэта было
проста генеруецца з дапамогай кампутараў у любым выпадку.

548
00:24:30,660 --> 00:24:31,900
Так што няма нічога асаблівага.

549
00:24:31,900 --> 00:24:33,309
Хай браўзэр зразумець гэта.

550
00:24:33,309 --> 00:24:35,350
Але гэта таксама наўмысна
не мае шмат месца,

551
00:24:35,350 --> 00:24:36,766
таму што прастора не з'яўляецца неабходным.

552
00:24:36,766 --> 00:24:38,250
А прастора на самай справе каштуе грошай.

553
00:24:38,250 --> 00:24:40,670
>> Гэта альбо выдаткі часу,
таму што як раз націснуць

554
00:24:40,670 --> 00:24:44,670
што значна больш дадзеных з
Штаб-кватэра Google.com проста

555
00:24:44,670 --> 00:24:47,710
атрымаў заняць некаторы колькасць
час, нават калі гэта мілісекунды

556
00:24:47,710 --> 00:24:51,190
або мікрасекунды, але гэта дадае
над такой колькасцю карыстальнікаў, або, хутчэй за ўсё,

557
00:24:51,190 --> 00:24:52,270
гэта, верагодна, каштуе грошай.

558
00:24:52,270 --> 00:24:54,690
Google, верагодна, падключаецца да
хтосьці яшчэ ў свеце, адзін

559
00:24:54,690 --> 00:24:56,398
з тых, узіраючыся
кропкі, і калі ў іх ёсць

560
00:24:56,398 --> 00:24:59,880
свайго роду фінансавых адносін
у выніку чаго іх дадзеныя каштуе грошай,

561
00:24:59,880 --> 00:25:01,730
яны маглі б таксама
звесці да мінімуму, колькі дадзеных

562
00:25:01,730 --> 00:25:04,530
яны выплёўваючы на
іх падлучэнне да Інтэрнэту.

563
00:25:04,530 --> 00:25:07,630
>> Так што самае пацешнае, хоць, у канчатковым рахунку,
або, можа быць абнадзейваючым рэч,

564
00:25:07,630 --> 00:25:11,030
у тым, што нягледзячы на ​​тое, што гэта выглядае жудасна
пераважная, у рэшце рэшт,

565
00:25:11,030 --> 00:25:16,750
гэта ўсё яшчэ тыя ж самыя прынцыпы, як
гэта вельмі простая старонка тут з HTML

566
00:25:16,750 --> 00:25:17,390
стар.

567
00:25:17,390 --> 00:25:20,610
Так што проста абагульніць і так, што вы
маюць кананічную версію, калі вы не былі

568
00:25:20,610 --> 00:25:25,900
вынікаючы ўздоўж па выбары тут, тут
можа быць самы просты вэб-старонак,

569
00:25:25,900 --> 00:25:28,240
дык нешта, каб гуляць з, магчыма, пазней.

570
00:25:28,240 --> 00:25:30,790
>> Што ж, давайце ўвесці
пара іншых ідэй у цяперашні час.

571
00:25:30,790 --> 00:25:33,420
Мы збіраемся ўвесці
тое, што называецца тэг стылю.

572
00:25:33,420 --> 00:25:38,110
Мы можам стылізаваць гэтую старонку
ў больш цікавых спосабаў.

573
00:25:38,110 --> 00:25:40,860
Так у той час як HTML электроннай пошты
ўсё пра разметцы

574
00:25:40,860 --> 00:25:44,470
дадзеныя, свайго роду ўказанні да
браўзэр, як структура дадзеных,

575
00:25:44,470 --> 00:25:48,110
дзе паставіць яго, CSS, або
каскадныя табліцы стыляў,

576
00:25:48,110 --> 00:25:52,640
з'яўляецца другім мовай, які
як правіла, атрымлівае змешвацца з HTML

577
00:25:52,640 --> 00:25:55,670
як мы будзем see-- але мы можам ачысціць
што да ў moment--, які прымае

578
00:25:55,670 --> 00:25:59,850
гэта канчатковая мілі, і ён стылізуются яго.

579
00:25:59,850 --> 00:26:02,460
Ён атрымлівае колеру толькі права,
шрыфт памерам як раз,

580
00:26:02,460 --> 00:26:03,860
пазіцыянаванне раз.

581
00:26:03,860 --> 00:26:06,510
Гэта ўсё аб эстэтыцы
або фарматаванне, а не пра

582
00:26:06,510 --> 00:26:08,330
сама па сабе фундаментальныя дадзеныя.

583
00:26:08,330 --> 00:26:11,390
І самы просты спосаб, каб паказаць
гэта магчыма, напрыклад.

584
00:26:11,390 --> 00:26:15,320
Так што я збіраюся перайсці
на мой просты тэкставы файл.

585
00:26:15,320 --> 00:26:17,970
І ў той самы момант, я буду
хадзіць з намі праз працэс

586
00:26:17,970 --> 00:26:19,360
рабіць гэта самі.

587
00:26:19,360 --> 00:26:23,310
>> Я збіраюся вярнуцца ў мой файл
тут і перазагрузіце старонку проста

588
00:26:23,310 --> 00:26:25,800
каб пацвердзіць, што ён выглядае.

589
00:26:25,800 --> 00:26:27,190
Вось дзе мы знаходзімся ў цяперашні час.

590
00:26:27,190 --> 00:26:31,170
Я адчуваю, што дзеці будуць карыстацца
маючы некаторы колер да гэтай вэб-старонцы.

591
00:26:31,170 --> 00:26:34,480
Так што я збіраюся ісці тут
ў галаве старонкі.

592
00:26:34,480 --> 00:26:38,130
І я збіраюся зрабіць стыль, стыль /.

593
00:26:38,130 --> 00:26:44,060
А потым ўнутры гэтага, я збіраюся
сказаць цела маёй page--

594
00:26:44,060 --> 00:26:46,870
і гэта фарматаванне, пры
першы погляд, магчыма, трохі

595
00:26:46,870 --> 00:26:49,400
дзіўна, але звычайны.

596
00:26:49,400 --> 00:26:55,010
Я хачу сказаць, што на фоне
Колер гэтай старонкі павінен быць зялёным.

597
00:26:55,010 --> 00:26:57,960
І гэта, на жаль,
выгляд не самы лепшы дызайн.

598
00:26:57,960 --> 00:27:00,710
Звярніце ўвагу на тое, што раней
ў свеце HTML,

599
00:27:00,710 --> 00:27:03,190
Я сказаў, што атрыбуты
гэтыя пары ключ-значэнне.

600
00:27:03,190 --> 00:27:05,760
Сёе-тое раўняецца цытаты
Unquote "нешта."

601
00:27:05,760 --> 00:27:08,810
У свеце CSS, які быў
распрацаваны некаторымі рознымі людзьмі,

602
00:27:08,810 --> 00:27:11,020
яны вырашылі, што, у сваю
свет, пар ключ-значэнне

603
00:27:11,020 --> 00:27:13,920
было б слова нешта двукроп'е.

604
00:27:13,920 --> 00:27:15,220
Так што гэта тая ж самая ідэя, хоць.

605
00:27:15,220 --> 00:27:18,620
Гэта асацыяванне значэнне
з некаторымі ключ, які нейкім чынам

606
00:27:18,620 --> 00:27:20,330
ўплывае на паводзіны гэтай старонкі.

607
00:27:20,330 --> 00:27:21,901
>> І вы, напэўна, здагадаліся.

608
00:27:21,901 --> 00:27:24,150
Што ж гэта, верагодна, будзе
рабіць, нават калі вы ніколі не

609
00:27:24,150 --> 00:27:27,867
бачыў HTML або CSS раней?

610
00:27:27,867 --> 00:27:29,450
ГЛЕДАЧЫ: Змена колеру фону.

611
00:27:29,450 --> 00:27:30,560
DAVID J. малая: Так,
змяніць колер фону.

612
00:27:30,560 --> 00:27:33,280
І ў прыватнасці,
Колер фону цела.

613
00:27:33,280 --> 00:27:36,290
Але настолькi, наколькi
Цела на дадзены момант з'яўляецца вэб

614
00:27:36,290 --> 00:27:38,870
page-- гэта адзінае
ніжэй радкі загалоўка really--

615
00:27:38,870 --> 00:27:40,870
гэта, верагодна, будзе
ўплываюць на тое ж самае.

616
00:27:40,870 --> 00:27:41,430
Такім чынам, давайце паглядзім.

617
00:27:41,430 --> 00:27:42,490
Давайце захаваем гэта.

618
00:27:42,490 --> 00:27:44,310
Ідзі сюды і перазагрузкі.

619
00:27:44,310 --> 00:27:46,140
Гэта даволі пачварна.

620
00:27:46,140 --> 00:27:48,070
А што адбываецца
тут з'яўляецца пабочным эфектам.

621
00:27:48,070 --> 00:27:49,850
Я проста выбраў гэта малюнак у выпадковым парадку.

622
00:27:49,850 --> 00:27:53,305
Чаму не зялёны
пранікаючы за Мікі?

623
00:27:53,305 --> 00:27:54,180
ГЛЕДАЧЫ: [неразборліва]

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

625
00:27:56,880 --> 00:27:57,880
DAVID J. малая: Вы маеце рацыю.

626
00:27:57,880 --> 00:28:01,750
Аказваецца, што вобразы, даволі
шмат ўсе выявы, якія мы маглі б выкарыстоўваць,

627
00:28:01,750 --> 00:28:03,670
усе rectangles-- прастакутнікаў.

628
00:28:03,670 --> 00:28:07,710
Нават калі Мікі мае некаторыя крывыя
да сябе і мае досвед працы,

629
00:28:07,710 --> 00:28:09,330
што фон павінен быць нечым.

630
00:28:09,330 --> 00:28:10,280
Ён павінен быць белым.

631
00:28:10,280 --> 00:28:11,910
Ён павінен быць чорным ці нешта іншае.

632
00:28:11,910 --> 00:28:13,650
Ён можа быць празрыстым.

633
00:28:13,650 --> 00:28:16,100
І на самай справе, я мог бы
адкрыць Мікі Маўс тут

634
00:28:16,100 --> 00:28:18,590
у праграме пад назвай Photoshop
ці нешта падобнае

635
00:28:18,590 --> 00:28:21,176
і змяніць усе, што белы
фон празрыстым,

636
00:28:21,176 --> 00:28:22,550
так што зялёны будзе прасвечваць.

637
00:28:22,550 --> 00:28:25,980
Але гэта тое, што я павінен быў бы
спытаць сябе або графічнага мастака

638
00:28:25,980 --> 00:28:28,130
або дызайнер на мой
кампаніі, напрыклад,

639
00:28:28,130 --> 00:28:31,490
рабіць, тым больш, што я проста
запазычаў гэта адзін з Інтэрнэту.

640
00:28:31,490 --> 00:28:33,030
Але вось чаму гэта адбываецца.

641
00:28:33,030 --> 00:28:34,980
>> Так што яшчэ мы маглі б зрабіць?

642
00:28:34,980 --> 00:28:41,040
Ну, мы маглі б сказаць, што мы
Вельмі спадзяюся, вам спадабаецца ваша знаходжанне.

643
00:28:41,040 --> 00:28:44,150
І для акцэнту, я хачу
каб зрабіць гэты моцны,

644
00:28:44,150 --> 00:28:48,310
і таму я буду гаварыць з адкрытым моцным і
зачыніць моцным, а затым перазагрузіць.

645
00:28:48,310 --> 00:28:50,320
І гэта трохі цяжка
каб убачыць на праектары

646
00:28:50,320 --> 00:28:53,250
але, магчыма, на самай справе ў цяперашні час
выскоквае ў вас трохі больш.

647
00:28:53,250 --> 00:28:56,180
Такім чынам, вы можаце дадаць курсіў у гэтым
шлях, паўтлусты абліцавальны такім чынам.

648
00:28:56,180 --> 00:28:57,500
Мы маглі б змяніць колеру.

649
00:28:57,500 --> 00:29:01,610
На самай справе, як раз для пінкоў, я
ісці наперад і рабіць гэта.

650
00:29:01,610 --> 00:29:05,120
Я не вельмі падабаецца, як мой
абзацы гэта блізка адзін да аднаго,

651
00:29:05,120 --> 00:29:06,870
так што я мог бы зрабіць нешта накшталт гэтага.

652
00:29:06,870 --> 00:29:13,310
Я збіраюся паведаміць браўзэру,
змяніць кожны тэг параграфа, каб мець,

653
00:29:13,310 --> 00:29:16,952
давайце say-- на самай справе, вы ведаеце, што,
давайце выраўноўваць яго выраўноўвання тэксту, цэнтр.

654
00:29:16,952 --> 00:29:19,410
І зноў жа, я ведаю, што гэта толькі
таму што хто-то навучыў мяне

655
00:29:19,410 --> 00:29:21,118
ці я паглядзеў яго ў
онлайн-даведнік.

656
00:29:21,118 --> 00:29:22,450
Такім чынам, дазвольце мне захаваць гэта.

657
00:29:22,450 --> 00:29:25,070
І, ах, цяпер я
у цэнтры малюнак там.

658
00:29:25,070 --> 00:29:28,490
І на самай справе, вы ведаеце, што, калі
Я перанесці малюнак у пункце

659
00:29:28,490 --> 00:29:34,510
tag-- таму трэці абзац,
нават калі гэта не тэкст.

660
00:29:34,510 --> 00:29:36,917
Давайце захаваем, што і перазагрузкі.

661
00:29:36,917 --> 00:29:40,000
Цяпер старонка пачынае выглядаць выгляд
of-- Я маю на ўвазе, гэта ўсё яшчэ даволі выродлівыя,

662
00:29:40,000 --> 00:29:43,180
але, па меншай меры, гэта выглядае як я правёў
дзве хвіліны замест адной хвіліны

663
00:29:43,180 --> 00:29:43,950
што робіць яго.

664
00:29:43,950 --> 00:29:47,200
>> І так, паступова, мы можам зрабіць
гэтыя эстэтычныя змены цяпер да старонцы?

665
00:29:47,200 --> 00:29:50,860
Я на самой справе не змяніў дадзеныя ў
старонка акрамя дадання словы на самой справе.

666
00:29:50,860 --> 00:29:52,650
Я дадаў метададзеныя, калі вы будзеце.

667
00:29:52,650 --> 00:29:54,830
Эй, браўзэр, зрабіць
Слова "на самай справе" тлустым шрыфтам.

668
00:29:54,830 --> 00:29:56,940
Але дадзеныя не моцна.

669
00:29:56,940 --> 00:29:57,830
Гэта метададзеныя.

670
00:29:57,830 --> 00:29:59,410
Дадзеныя "на самай справе."

671
00:29:59,410 --> 00:30:02,200
Так што ў нас яшчэ ёсць некаторыя з
тыя ж самыя канцэпцыі, як і раней.

672
00:30:02,200 --> 00:30:05,990
Цяпер, вядома, гэта не ў Інтэрнэце,
так што я збіраюся зрабіць адзін апошні крок тут.

673
00:30:05,990 --> 00:30:10,300
>> Я збіраюся паехаць у hello.html
і проста вылучыць і скапіяваць гэта.

674
00:30:10,300 --> 00:30:12,285
А цяпер я збіраюся
ўдавацца ў Cloud9, які

675
00:30:12,285 --> 00:30:13,910
Я буду хадзіць вас праз усяго хвіліну.

676
00:30:13,910 --> 00:30:17,080
І напэўна вы хутка будзеце, калі
ўжо не на экране, як гэта.

677
00:30:17,080 --> 00:30:21,080
І дазвольце мне даць вам хуткі
тур што Cloud9 на самай справе.

678
00:30:21,080 --> 00:30:26,590
Такім чынам, яшчэ раз воблака 9
гэта воблака-сэрвіс

679
00:30:26,590 --> 00:30:30,580
што дае і мне ілюзію
мець уласную віртуальную машыну

680
00:30:30,580 --> 00:30:33,090
у воблаку, тэхнічна
кантэйнер ў воблаку,

681
00:30:33,090 --> 00:30:35,160
што ў нас ёсць поўная
адміністрацыйныя прывілеі.

682
00:30:35,160 --> 00:30:37,130
Так што ў тэорыі, ні адзін
яшчэ ў свеце ёсць

683
00:30:37,130 --> 00:30:39,152
Доступ да экрана я знаходжуся
гледзячы на ​​прама зараз,

684
00:30:39,152 --> 00:30:40,860
за выключэннем хіба што людзей
якія кіруюць сайтам,

685
00:30:40,860 --> 00:30:43,470
таму што тэхнічна яны маюць
фізічнага доступу і гэтак далей.

686
00:30:43,470 --> 00:30:44,740
>> Дык што ж мы бачым у гэтым асяроддзі?

687
00:30:44,740 --> 00:30:46,230
Я буду выдаляць,
таму што гэта крыху малая.

688
00:30:46,230 --> 00:30:48,104
І дазвольце мне было паказаць праз
тут на імгненне.

689
00:30:48,104 --> 00:30:53,210
На левай баку мае і вашыя
экранам, ёсць файлавы браўзэр злева.

690
00:30:53,210 --> 00:30:55,362
Так блізкія па духу
для Mac OS і Windows.

691
00:30:55,362 --> 00:30:57,070
Гэта ўсё з
Файлы на маім рахунку.

692
00:30:57,070 --> 00:30:59,250
І па змаўчанні, калі ваш
кошт, як у мяне,

693
00:30:59,250 --> 00:31:05,090
вы ўбачыце, або ў бліжэйшы час убачыць
HelloWorld.html і readme.md.

694
00:31:05,090 --> 00:31:07,950
За тут справа, гэта
дзе мае тэкставыя файлы збіраюцца ісці.

695
00:31:07,950 --> 00:31:11,620
Калі вы калі-небудзь выкарыстоўвалі Microsoft
Слова або Блокнот або TextEdit,

696
00:31:11,620 --> 00:31:14,100
гэтае слова маё рэдагаванне
файлаў збіраецца ісці.

697
00:31:14,100 --> 00:31:16,540
І тады самы аркан
Асаблівасцю гэтага асяроддзя

698
00:31:16,540 --> 00:31:20,100
што мы не будзем сапраўды трэба выкарыстоўваць,
тут называецца акно тэрмінала.

699
00:31:20,100 --> 00:31:23,390
Калі вы выкарыстоўвалі DOS ад
мінулых гадоў, гэта Linux

700
00:31:23,390 --> 00:31:25,450
або Linux эквівалент DOS.

701
00:31:25,450 --> 00:31:28,190
Гэта тэкст на аснове interface--
адсутнасць пстрычак мышы, не захапляючы.

702
00:31:28,190 --> 00:31:30,770
Усё, што вы можаце зрабіць, гэта набраць
каманды, але гэтыя каманды

703
00:31:30,770 --> 00:31:34,400
можа ствараць файлы, перамяшчаць файлы, адкрытыя
каталогі, даведнікі, блізкія

704
00:31:34,400 --> 00:31:35,740
рабіць любую колькасць рэчаў.

705
00:31:35,740 --> 00:31:38,060
Але цяпер, мы проста
марнаваць наш час тут.

706
00:31:38,060 --> 00:31:39,050
>> І так давайце зробім гэта.

707
00:31:39,050 --> 00:31:41,008
Калі вы ў гэтым
серада, якую вы павінны

708
00:31:41,008 --> 00:31:45,900
быць, калі вы стварылі працоўную прастору
ўжо, ісці наперад і проста ісці ўверх

709
00:31:45,900 --> 00:31:48,690
Файл, Стварыць на імгненне.

710
00:31:48,690 --> 00:31:51,740
І гэта дасць вам новы
Ўкладка прама тут, у цэнтры.

711
00:31:51,740 --> 00:31:54,250
І я просто-- і давайце
ісці наперад і рабіць гэта.

712
00:31:54,250 --> 00:31:59,910
Давайце пойдзем далей і цяпер зрабіць файл, захаваць
і ісці наперад і назваць яго hello.html,

713
00:31:59,910 --> 00:32:02,740
не варта блытаць з
HelloWorld.html, які

714
00:32:02,740 --> 00:32:06,910
прыйшоў з новым бясплатнай ўліковага запісу,
які з'яўляецца проста файл ўзору.

715
00:32:06,910 --> 00:32:11,020
Вы ўбачыце, што раптам з'яўляюцца,
хутчэй за ўсё, на левым баку,

716
00:32:11,020 --> 00:32:12,810
і ўкладка будзе па-ранейшаму адкрыты.

717
00:32:12,810 --> 00:32:21,300
І дазвольце мне параіць вам цяпер узнавіць
гэты файл або некалькі варыянтаў іх.

718
00:32:21,300 --> 00:32:24,607
І калі вы не можаце дастаткова ўбачыць яго на
экран, гэта ідэнтычна слайдах

719
00:32:24,607 --> 00:32:26,190
што вы, верагодна, у іншай ўкладцы.

720
00:32:26,190 --> 00:32:29,296
>> Карацей кажучы, зрабіць свой першы вэб-старонкі,
захаваць яго, а затым у імгненне,

721
00:32:29,296 --> 00:32:31,170
Я пакажу вам, як вы
можа фактычна разглядаць гэта.

722
00:32:31,170 --> 00:32:32,970
Але змяніць прынамсі, адну рэч.

723
00:32:32,970 --> 00:32:35,400
Змена HelloWorld ў
што-небудзь з вашага ўласнага выбару,

724
00:32:35,400 --> 00:32:39,821
так што вы перакананыя, што гэта ваша
файл, а не той, які я толькі што стварылі.

725
00:32:39,821 --> 00:32:40,320
Добра.

726
00:32:40,320 --> 00:32:43,804
І калі вы не ready--
rush-- калі вы будзеце гатовыя,

727
00:32:43,804 --> 00:32:46,220
ісці наперад і захаваць файл
як толькі вы зрабілі гэтыя змены.

728
00:32:46,220 --> 00:32:49,540
І калі вы націснеце
Run зашпільваць зверху, гэта

729
00:32:49,540 --> 00:32:53,610
павінен адкрыць новую ўкладку, якая раскажа
вы што URL вы можаце наведаць ваш файл на,

730
00:32:53,610 --> 00:32:56,380
але гэта можа заняць час да
цытата канец цытаты "запусціць Apache", які

731
00:32:56,380 --> 00:32:58,820
гэтае імя вэб-сервера.

732
00:32:58,820 --> 00:33:02,430
Так што будзьце асцярожныя, каб зрабіць сапраўды
што ў файле, у канчатковым рахунку.

733
00:33:02,430 --> 00:33:04,610
Так прама зараз, я буду павялічваць.

734
00:33:04,610 --> 00:33:07,780
Калі я пачну друкаваць
адкрытая дужка HTML, апавяшчэнне

735
00:33:07,780 --> 00:33:09,650
гэта заахвоціла мяне скончыць маю думку.

736
00:33:09,650 --> 00:33:13,750
І калі я скончыў сваю думку, гэта
аўтаматычна дае мне які зачыняе тэг.

737
00:33:13,750 --> 00:33:17,190
Але чаканне, то я ўдару
Калі ласка, увядзіце, а затым рухацца ўнутры там

738
00:33:17,190 --> 00:33:21,180
і не ўнутры галавы і
Затым я раблю цела ўнутры.

739
00:33:21,180 --> 00:33:24,430
І гэта крыху дзіўна на першы погляд,
таму што гэта робіць працу для Вас,

740
00:33:24,430 --> 00:33:27,110
але разумеюць, што ў канчатковым рахунку
гэта эканоміць вам націскаў клавіш.

741
00:33:27,110 --> 00:33:30,500
І на самай справе, вельмі распаўсюджаная асаблівасць
асяроддзя праграмавання ў гэтыя дні

742
00:33:30,500 --> 00:33:33,260
як для вэб-распрацоўкі, як
гэта і фактычнае праграмаванне,

743
00:33:33,260 --> 00:33:36,960
які мы будзем казаць пра заўтрашні дзень,
гэтыя аўтазапаўнення функцыі,

744
00:33:36,960 --> 00:33:39,710
рэчы, якія проста дазваляюць
праграміст ці дызайнер

745
00:33:39,710 --> 00:33:42,010
набраць менш націскаў клавіш у
зрабіць тое ж самае.

746
00:33:42,010 --> 00:33:43,176
Часам гэта добра, хоць.

747
00:33:43,176 --> 00:33:44,560
Часам гэта проста раздражняе.

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

749
00:33:49,290 --> 00:33:54,010
І, зноў жа, як толькі вы расшыфраваныя
слайд ці некаторыя яго варыянт,

750
00:33:54,010 --> 00:33:57,360
вы можаце націснуць кнопку Run наверсе.

751
00:33:57,360 --> 00:33:59,910
А затым у ніжняй
вокны, вы будзеце праінфармаваныя

752
00:33:59,910 --> 00:34:04,290
у якой URL вы можаце наведаць вэб-старонку.

753
00:34:04,290 --> 00:34:08,790
Шахта, да прыкладу, у
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
і гэтак далей.

755
00:34:11,480 --> 00:34:14,580
Добра, так, хай me-- якія-небудзь пытанні?

756
00:34:14,580 --> 00:34:19,460
Любыя іншыя пытанні аб проста атрымаць
гэта працуе, перш чым дадаваць новыя функцыі?

757
00:34:19,460 --> 00:34:21,692
І дазвольце мне прапанаваць, проста
каб атрымаць людзі comfortable--

758
00:34:21,692 --> 00:34:24,400
таму што адна справа проста
копипаст ўсляпую, што я зрабіў.

759
00:34:24,400 --> 00:34:27,177
Але толькі так, каб людзі лаянку
па меншай меры адзін бягучых спраў,

760
00:34:27,177 --> 00:34:28,510
Я збіраюся ўключыць якую-небудзь музыку.

761
00:34:28,510 --> 00:34:32,630
Я збіраюся прапанаваць спіс
рэчы, якія вы патэнцыйна можаце дадаць.

762
00:34:32,630 --> 00:34:34,086
І вы можаце, вядома, выкарыстоўваць Google.

763
00:34:34,086 --> 00:34:36,210
А чаму б нам не проста
мяркуюць, што вы спрабуеце вырашыць

764
00:34:36,210 --> 00:34:38,710
па меншай меры, адной канкрэтнай праблемы тут.

765
00:34:38,710 --> 00:34:45,090
Так што з пункту гледжання тэгаў,
дазвольце мне паўторна выкарыстоўваць гэта тут.

766
00:34:45,090 --> 00:34:48,280
>> На самай справе, дазвольце мне сказаць
гэта ў тэкставым выглядзе.

767
00:34:48,280 --> 00:35:02,380
Дапусцім, што сярод тэгаў мы можам
выкарыстоўваць тут некаторыя тэгі тут.

768
00:35:02,380 --> 00:35:06,090
Мы бачылі, тэг абзаца.

769
00:35:06,090 --> 00:35:07,850
Цяпер ён збіраецца аўтазапаўнення.

770
00:35:07,850 --> 00:35:12,220
Пункт тэг, якар тэг.

771
00:35:12,220 --> 00:35:15,250
Дапусцім, вы хочаце
зрабіць нешта большае,

772
00:35:15,250 --> 00:35:19,480
так што вы маглі б like--
пралёт тэг можа дапамагчы.

773
00:35:19,480 --> 00:35:23,010
Ну, вы, магчыма, спатрэбіцца некаторая дапамогу
для гэтага ў імгненне.

774
00:35:23,010 --> 00:35:24,830
Мы ўжо бачылі DIV.

775
00:35:24,830 --> 00:35:26,170
Вы ўбачыце, што ёсць табліца.

776
00:35:26,170 --> 00:35:27,928
Там нешта называецца тр, тд.

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

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

779
00:35:32,860 --> 00:35:34,770
Вярніся да таго, што ў адзін момант.

780
00:35:34,770 --> 00:35:36,590
Што яшчэ можа быць пад рукой?

781
00:35:36,590 --> 00:35:38,310
Там моцны.

782
00:35:38,310 --> 00:35:43,640
Там ва ўпор, ці, дакладней, эм.

783
00:35:43,640 --> 00:35:50,110
There's-- што яшчэ
маглі б вы сабе тут?

784
00:35:50,110 --> 00:35:51,930
Што ж, мы будзем прымаць
глядзець на гэта разам.

785
00:35:51,930 --> 00:35:53,230
Форма, якую мы ўжо бачылі.

786
00:35:53,230 --> 00:35:54,130
Там у форме.

787
00:35:54,130 --> 00:35:56,500
Там у ўваход і некалькі іншых.

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

789
00:35:58,924 --> 00:36:00,090
Добра, давайце зробім гэта.

790
00:36:00,090 --> 00:36:02,330
Для таго, каб адказаць на Вікторыі
пытанне, дазвольце мне спачатку

791
00:36:02,330 --> 00:36:05,020
проста пераканайцеся, што ўсе
ў стане атрымаць сваю працу прывітанне.

792
00:36:05,020 --> 00:36:06,900
Тады дазвольце мне прадставіць
пара іншых ідэй.

793
00:36:06,900 --> 00:36:09,209
Тады мы дамо людзі вырашыць
некаторыя праблемы самі па сабе.

794
00:36:09,209 --> 00:36:11,500
Тады мы на самай справе вярнуцца
да гэтага паняцця формы,

795
00:36:11,500 --> 00:36:14,950
і мы на самай справе паўторна рэалізаваць
разам пярэдні канец інтэрфейс,

796
00:36:14,950 --> 00:36:16,450
так бы мовіць, для самой Google.

797
00:36:16,450 --> 00:36:19,700
Мы будзем выкарыстоўваць Google у якасці задняга канца і хай
яны робяць цяжкую працу, які шукае,

798
00:36:19,700 --> 00:36:22,760
але мы узнаўляюць пярэдні канец
ад Google і формы пошука

799
00:36:22,760 --> 00:36:24,520
што яны маюць на сваёй хатняй старонцы.

800
00:36:24,520 --> 00:36:27,050
І таму мы вернемся да
гэтыя тэгі ў імгненне.

801
00:36:27,050 --> 00:36:30,270
>> Так што гэта было тое, што я
прапанаваў толькі хвіліну таму.

802
00:36:30,270 --> 00:36:33,940
Мы можам дадаць да стылізацыі
старонка ўнутры гэтага стылю тэга,

803
00:36:33,940 --> 00:36:36,950
і мы можам стылізаваць фон
колер, выраўноўванне тэксту,

804
00:36:36,950 --> 00:36:39,000
няхай гэта будзе цэнтр або налева або направа.

805
00:36:39,000 --> 00:36:41,630
Але вельмі хутка вы б
знайсці або вэб-дызайнер

806
00:36:41,630 --> 00:36:44,060
выявіў бы, што гэта
становіцца трохі грувасткім,

807
00:36:44,060 --> 00:36:48,330
таму што вы робіце тое, што
называецца змешванне змесціва

808
00:36:48,330 --> 00:36:50,120
з прадстаўленнем іх.

809
00:36:50,120 --> 00:36:53,756
Вы змешвае свае дадзеныя
і эстэтыка іх.

810
00:36:53,756 --> 00:36:56,380
І на самай справе, калі вы лічыце,
што адбудзецца праз time--

811
00:36:56,380 --> 00:36:58,350
гэта вельмі мала
вэб-старонкі, вядома.

812
00:36:58,350 --> 00:37:01,590
Але калі я дадаць змесціва гэтай старонкі
і дадаць стыль да гэтай старонцы,

813
00:37:01,590 --> 00:37:04,650
старонка вельмі хутка атрымлівае
даўжэй і даўжэй і даўжэй.

814
00:37:04,650 --> 00:37:07,510
І выкажам здагадку, што я хачу
маюць другую вэб-старонку,

815
00:37:07,510 --> 00:37:09,010
падзяляе некаторыя з гэтых атрыбутаў.

816
00:37:09,010 --> 00:37:12,350
Выкажам здагадку, што мой другі вэб-старонку для майго
site-- таксама, я хачу, каб усё-цэнтр,

817
00:37:12,350 --> 00:37:14,960
і я таксама хачу, каб усе
з зялёным фонам.

818
00:37:14,960 --> 00:37:17,940
Я ў значнай ступені прыйдзецца
скапіяваць і ўставіць некаторыя з гэтых ліній

819
00:37:17,940 --> 00:37:20,730
ў гэты другі файл, які адчувае сябе выдатна.

820
00:37:20,730 --> 00:37:22,030
Гэта дазволіць вырашыць праблему.

821
00:37:22,030 --> 00:37:26,060
>> Але што, калі я хачу трэцюю старонку
або 30-я старонка або старонка 40.?

822
00:37:26,060 --> 00:37:28,730
Цяпер я збіраюся быць капіяванне і
прыклейванне шмат паўтаральнага кода

823
00:37:28,730 --> 00:37:30,430
ў некалькіх файлах.

824
00:37:30,430 --> 00:37:32,600
І так выкажам здагадку, што
Я вырашыў, ці я сказаў,

825
00:37:32,600 --> 00:37:34,780
эй, мы не выкарыстоўваючы
зялёны фон больш.

826
00:37:34,780 --> 00:37:36,380
Мы збіраемся пачаць выкарыстоўваць аранжавы колер.

827
00:37:36,380 --> 00:37:38,690
Што вы павінны змяніць?

828
00:37:38,690 --> 00:37:42,900
Ну, вы павінны змяніць гэты стыль
ад зялёнага да аранжавага, колькі месцаў?

829
00:37:42,900 --> 00:37:44,920
Як і 30 або 40 месцаў.

830
00:37:44,920 --> 00:37:45,900
Гэта цяжка.

831
00:37:45,900 --> 00:37:47,039
Гэта схільныя памылак.

832
00:37:47,039 --> 00:37:49,580
Там ёсць шэраг прычын
дзе вы не хацелі б, каб заахвоціць

833
00:37:49,580 --> 00:37:51,840
што выгляд болю для сябе.

834
00:37:51,840 --> 00:37:54,760
І так не было б нядрэнна
калі мы маглі б узяць тое, што я проста

835
00:37:54,760 --> 00:37:58,240
ставіць паміж гэтымі двума жоўты
, Гэтыя тэгі стыль,

836
00:37:58,240 --> 00:38:04,050
фактар ​​яго, і паставіць усе мае
стылізацыі ў адзін цэнтральны файл

837
00:38:04,050 --> 00:38:08,470
што ўсе 30 ці 40 з маіх іншых файлаў
запазычыць ці неяк спасылацца,

838
00:38:08,470 --> 00:38:11,640
не ў адрозненне ад сетак
дыяграмы мы рабілі раней?

839
00:38:11,640 --> 00:38:15,030
>> Так што, калі я іду тут, я
збіраецца прапанаваць на самай справе

840
00:38:15,030 --> 00:38:17,880
што мы заменім
стыль тэгаў з чымсьці

841
00:38:17,880 --> 00:38:21,620
называецца спасылка тэг, які
гэта жахліва, жахліва па імені,

842
00:38:21,620 --> 00:38:24,370
таму што вы не выкарыстоўваеце
спасылка тэг, каб стварыць што

843
00:38:24,370 --> 00:38:26,380
мы, людзі, ведаем, як спасылкі на вэб-старонцы.

844
00:38:26,380 --> 00:38:29,750
Для гэтага, вы карыстаецеся якой тэг?

845
00:38:29,750 --> 00:38:31,464
Як стварыць спасылку на вэб-старонцы?

846
00:38:31,464 --> 00:38:32,130
Аўдыторыя: а.

847
00:38:32,130 --> 00:38:34,870
DAVID J. малая: а-, або якар
тэг, які пайшоў у Дысней раней.

848
00:38:34,870 --> 00:38:39,090
Спасылка Тэг тут кажа
this-- спасылку на файл пад назвай

849
00:38:39,090 --> 00:38:44,350
styles.css, адносіны да якіх
будзе, што гэта мая табліца стыляў.

850
00:38:44,350 --> 00:38:48,290
Так што гэта адна з S-х гадоў у
CSS-- каскадныя табліцы стыляў.

851
00:38:48,290 --> 00:38:50,490
Стыль sheet-- два S-х гадоў у CSS.

852
00:38:50,490 --> 00:38:52,550
Каскадных табліц стыляў.

853
00:38:52,550 --> 00:38:58,640
Гэта проста азначае, эй, браўзэр, перайдзіце
знайсці styles.css на лакальным серверы

854
00:38:58,640 --> 00:39:01,870
і выкарыстоўваць яго ў якасці табліцы стыляў,
што азначае ўнутры гэтага файла

855
00:39:01,870 --> 00:39:05,310
будзе ўсё з
стылізацый, што мы толькі што зрабілі.

856
00:39:05,310 --> 00:39:07,396
І так, што гэты файл
можа выглядаць наступным чынам заключаецца ў наступным.

857
00:39:07,396 --> 00:39:10,020
І я буду проста рабіць гэта хуткі
прыклад, таму што нам не патрэбныя

858
00:39:10,020 --> 00:39:12,000
каб атрымаць занадта шмат у пустазеллях тут.

859
00:39:12,000 --> 00:39:17,840
Але калі я скапіяваць гэта, што я прапаную
з'яўляецца тое, што праграміст стварае новы файл,

860
00:39:17,840 --> 00:39:24,450
ўставіць у гэтых lines--
whoops-- ўставіць у гэтых радках,

861
00:39:24,450 --> 00:39:32,270
захаваць яго як styles.css, а затым, у
іншы файл, выдаліць усе, што

862
00:39:32,270 --> 00:39:35,450
і замяніць яго замест таго, каб
з гэтым тэгам спасылкі.

863
00:39:35,450 --> 00:39:43,090
Так што, калі я звяжу HREF = "styles.css",
адносіны павінны быць "табліца стыляў"

864
00:39:43,090 --> 00:39:44,170
які зачыняе тэг.

865
00:39:44,170 --> 00:39:45,250
Захавайце яго.

866
00:39:45,250 --> 00:39:47,000
Вярніцеся да майго HelloWorld.

867
00:39:47,000 --> 00:39:48,690
Абнавіць.

868
00:39:48,690 --> 00:39:51,290
>> Літаральна нічога не адбылося.

869
00:39:51,290 --> 00:39:54,710
Гэта добрая рэч, таму што гэта
азначае, што на самой справе гэта ўсё працуе.

870
00:39:54,710 --> 00:39:58,860
Для таго, каб даказаць, як шмат, выкажам здагадку, што я раблю
памылка друку, і я называю гэта "styles.css"

871
00:39:58,860 --> 00:40:03,080
з капіталам S, які з'яўляецца
няправільнымі, а затым перазагрузіць.

872
00:40:03,080 --> 00:40:05,470
Цяпер вы можаце бачыць, што гэта проста не працуе.

873
00:40:05,470 --> 00:40:06,362
Цяпер, чаму?

874
00:40:06,362 --> 00:40:08,070
Што ж, давайце выкарыстоўваць
Тэхніка з раней.

875
00:40:08,070 --> 00:40:10,153
Дазвольце мне ісці наперад і, у
мой браўзэр, у Chrome, я

876
00:40:10,153 --> 00:40:12,900
збіраецца адкрыць, што спецыяльныя
Ўкладка сеткі, як і раней,

877
00:40:12,900 --> 00:40:15,560
і дайце мне перазагрузіць старонку.

878
00:40:15,560 --> 00:40:19,341
Што вы не здзіўлены ўгледзець?

879
00:40:19,341 --> 00:40:20,840
Ці, можа быць, вы здзіўлены, каб убачыць яго.

880
00:40:20,840 --> 00:40:23,225
У любым выпадку, што вы бачыце зараз?

881
00:40:23,225 --> 00:40:24,100
ГЛЕДАЧЫ: [неразборліва]

882
00:40:24,100 --> 00:40:24,770
DAVID J. малая: Гэта не знойдзена.

883
00:40:24,770 --> 00:40:25,680
Чаму ён не знойдзены?

884
00:40:25,680 --> 00:40:28,480
Ну, Styles.css-- капітал
S-- не існуе.

885
00:40:28,480 --> 00:40:29,230
Я яго няправільна названы.

886
00:40:29,230 --> 00:40:30,430
Простая памылка друку.

887
00:40:30,430 --> 00:40:33,816
Але я атрымліваю па зразумелых прычынах цяпер
404, так як сервер кажа, эй,

888
00:40:33,816 --> 00:40:34,440
ён не знойдзены.

889
00:40:34,440 --> 00:40:36,300
Літаральна, я не ведаю,
дзе гэты файл.

890
00:40:36,300 --> 00:40:38,880
Такім чынам, у выніку, браўзэр
паказвае, што яна можа,

891
00:40:38,880 --> 00:40:42,860
неапрацаванае змесціва старонкі,
які быў 200, то HTML,

892
00:40:42,860 --> 00:40:45,390
але стылізацыя не можа
быць дададзены ў далейшым.

893
00:40:45,390 --> 00:40:47,120
І гэта тое, што маецца на ўвазе пад каскадам.

894
00:40:47,120 --> 00:40:49,070
Вы можаце сартаваць дадаць
пасля таго, як, і гэта свайго роду

895
00:40:49,070 --> 00:40:50,874
здрабняе эстэтыка вэб-старонкі.

896
00:40:50,874 --> 00:40:53,790
І вы нават можаце перавызначыць тыя,
стылі з яшчэ іншымі файламі табліц стыляў

897
00:40:53,790 --> 00:40:54,700
калі хочаш.

898
00:40:54,700 --> 00:40:57,780
Гэта не знайшоў, хоць, у дадзеным выпадку,
таму што, вядома, я яго няправільна названы.

899
00:40:57,780 --> 00:41:00,330
Так што я б выправіць гэта ў першую чаргу.

900
00:41:00,330 --> 00:41:04,667
>> Так што давайце ісці наперад і
прапанаваць наступнае.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Давайце ісці наперад і рабіць гэта.

903
00:41:11,140 --> 00:41:14,220
Пачынаючы з, магчыма,
ваш файл HelloWorld,

904
00:41:14,220 --> 00:41:17,740
дазвольце мне запрасіць пару
прыкметы прапановы.

905
00:41:17,740 --> 00:41:20,400
Так, Вікторыя, вы хацелі
зрабіць які-небудзь тэкст больш, ці не так?

906
00:41:20,400 --> 00:41:24,555
Добра, так што мы можам
сапраўды зрабіць тэкст больш.

907
00:41:24,555 --> 00:41:26,860
І мы будзем кожны абрываць
толькі адна праблема, каб вырашыць.

908
00:41:26,860 --> 00:41:30,867
Зрабіць тэкст больш.

909
00:41:30,867 --> 00:41:32,700
Я не буду турбаваць
пісаць пра гэта, калі мы

910
00:41:32,700 --> 00:41:35,600
ёсць тэхналогія кулі прама тут.

911
00:41:35,600 --> 00:41:39,970
Так што некаторыя праблемы.

912
00:41:39,970 --> 00:41:44,670
Такім чынам, мы будзем старацца
каб зрабіць тэкст больш.

913
00:41:44,670 --> 00:41:45,170
Добра.

914
00:41:45,170 --> 00:41:48,360
Што б яшчэ хтосьці прапанаваць?

915
00:41:48,360 --> 00:41:50,332
Што яшчэ можа мы хочам
зрабіць на вэб-старонцы?

916
00:41:50,332 --> 00:41:52,040
давайце прыдумаць
кароткі спіс рэчаў

917
00:41:52,040 --> 00:41:55,366
а затым перадаць у
групы, каб зразумець гэта.

918
00:41:55,366 --> 00:41:56,270
>> ГЛЕДАЧЫ: [неразборліва]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. малая: OK, становішча тэксту
на розных баках аркуша?

920
00:42:02,251 --> 00:42:02,750
Добра.

921
00:42:02,750 --> 00:42:04,620
Нешта іншае.

922
00:42:04,620 --> 00:42:05,784
>> ГЛЕДАЧЫ: [неразборліва]

923
00:42:05,784 --> 00:42:06,700
DAVID J. малая: Гэта.

924
00:42:06,700 --> 00:42:08,720
Такім чынам, GIF проста
іншы фармат файла.

925
00:42:08,720 --> 00:42:12,830
Мы проста выкарысталі тое, што, A
PNG або JPG, верагодна?

926
00:42:12,830 --> 00:42:14,480
Мы выкарыстоўвалі JPG.

927
00:42:14,480 --> 00:42:16,780
Калі вам цікава, празмернае
адказаць на ваша пытанне

928
00:42:16,780 --> 00:42:19,404
з'яўляецца JPG, як правіла, выкарыстоўваецца для
фатаграфіі, паколькі яна падтрымлівае

929
00:42:19,404 --> 00:42:21,500
мільёны кветак або 24-бітным колеры.

930
00:42:21,500 --> 00:42:26,930
GIF звычайна выкарыстоўваецца для, як,
Інтэрнэт-мемы гэтыя days-- анімацыі,

931
00:42:26,930 --> 00:42:28,810
як аніміраваныя GIF.

932
00:42:28,810 --> 00:42:32,320
Але гэта здараецца выкарыстоўваць меншы колер
палітра, толькі 256 магчымых колераў,

933
00:42:32,320 --> 00:42:35,230
але яна падтрымлівае
празрыстасці і анімацыі.

934
00:42:35,230 --> 00:42:40,330
І затым ёсць PNG, які падтрымлівае
празрыстасць і больш кветак

935
00:42:40,330 --> 00:42:41,300
але не анімацыя.

936
00:42:41,300 --> 00:42:42,133
Так што гэта кампраміс.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Такім чынам, далучэнне GIF, хоць,
будзе функцыянальна

939
00:42:46,060 --> 00:42:48,396
эквівалентна даданню PNG або JPG.

940
00:42:48,396 --> 00:42:49,110
Так.

941
00:42:49,110 --> 00:42:50,550
Крыніца малюнка роўны.

942
00:42:50,550 --> 00:42:51,590
Дык нешта іншае.

943
00:42:51,590 --> 00:42:57,288
Давайце прыдумаць нешта, што
мы паслалі да Вікторыі, каб зрабіць тут.

944
00:42:57,288 --> 00:42:59,209
>> ГЛЕДАЧЫ: Дадайце кнопкі для формы.

945
00:42:59,209 --> 00:43:00,000
DAVID J. малая: OK.

946
00:43:00,000 --> 00:43:02,179
Так дадаць кнопкі для формы.

947
00:43:02,179 --> 00:43:03,470
І мы зробім гэта разам адзін.

948
00:43:03,470 --> 00:43:07,220
Так што гэта будзе ідэальны Segue
адразу пасля гэтага выкліку.

949
00:43:07,220 --> 00:43:10,357
Што-небудзь яшчэ?

950
00:43:10,357 --> 00:43:11,440
Тое, што вы хацелі б зрабіць?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Палатно адчувае сябе вельмі руйнаваўся
калі гэта ўсё, што мы можам зрабіць.

953
00:43:16,516 --> 00:43:18,140
ГЛЕДАЧЫ: Зменіце колер тэксту.

954
00:43:18,140 --> 00:43:19,500
DAVID J. малая: Змена чаго?

955
00:43:19,500 --> 00:43:20,666
ГЛЕДАЧЫ: Колер тэксту.

956
00:43:20,666 --> 00:43:22,311
DAVID J. малая: Змяніць колер тэксту.

957
00:43:22,311 --> 00:43:22,810
Добра.

958
00:43:22,810 --> 00:43:23,790
Такім чынам, давайце зробім гэта.

959
00:43:23,790 --> 00:43:27,209
Проста зноў так, каб вы не проста
зубрэння, робячы менавіта тое, што я раблю,

960
00:43:27,209 --> 00:43:29,500
Я збіраюся ўключыць музыку
на працягу магчыма пяць хвілін тут.

961
00:43:29,500 --> 00:43:30,450
Вы можаце выкарыстоўваць Google.

962
00:43:30,450 --> 00:43:33,130
Вы заўсёды можаце спытаць мяне, і
Я шапчу намёк на вуха.

963
00:43:33,130 --> 00:43:35,171
Вы заўсёды можаце паглядзець
звыш на чужыя плечы.

964
00:43:35,171 --> 00:43:37,340
Але вырашыць толькі адну з гэтых праблем.

965
00:43:37,340 --> 00:43:40,190
Але мы зробім апошні,
фарміруе адзін, калі б мы маглі разам.

966
00:43:40,190 --> 00:43:42,790
Такім чынам, праз пяць хвілін, каб вырашыць
любы з гэтых праблем

967
00:43:42,790 --> 00:43:46,780
з дапамогай Google, інтуіцыі, або любы
іншыя сродкі даступныя для вас.

968
00:43:46,780 --> 00:43:48,630
>> [МУЗЫКА]

969
00:43:48,630 --> 00:43:49,130
Добра.

970
00:43:49,130 --> 00:43:50,838
Не хвалюйцеся, калі вы хочаце
захаваць майстраваць,

971
00:43:50,838 --> 00:43:53,880
але я буду псаваць пару
з гэтых адказаў.

972
00:43:53,880 --> 00:43:57,986
Такім чынам, першы сказ ад
Вікторыя была зрабіць шрыфт больш.

973
00:43:57,986 --> 00:43:59,360
Такім чынам, ёсць некалькі спосабаў зрабіць гэта.

974
00:43:59,360 --> 00:44:01,530
Я ў цяперашні час адноўлены
мой экран такога памеру,

975
00:44:01,530 --> 00:44:04,310
хоць я павелічэнні маштабу
штучна толькі, каб бачыць рэчы.

976
00:44:04,310 --> 00:44:07,470
І давайце зробім гэта.

977
00:44:07,470 --> 00:44:11,380
Дазвольце мне ісці наперад і захапіць
некаторыя агульныя лацінскі тэкст

978
00:44:11,380 --> 00:44:19,540
толькі таму ў нас ёсць што-тое, каб працаваць з.

979
00:44:19,540 --> 00:44:20,715
Так дайце мне толькі адзін момант.

980
00:44:20,715 --> 00:44:21,840
Я зраблю тры абзаца.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
ДОБРА.

983
00:44:53,930 --> 00:44:55,560
Гэта будзе лепшы прыклад.

984
00:44:55,560 --> 00:44:57,840
Так што для цікаўных, у
мой hello.html, я проста

985
00:44:57,840 --> 00:45:01,645
ўставілі тры нонсэнс
лацінскія пункты

986
00:45:01,645 --> 00:45:03,270
толькі таму ў нас ёсць некаторы тэкст, каб працаваць з.

987
00:45:03,270 --> 00:45:06,720
І мэта Вікторыі было
зрабіць некаторыя з тэксту большага.

988
00:45:06,720 --> 00:45:09,879
Так што я мог бы, як і раней, ідуць сюды.

989
00:45:09,879 --> 00:45:11,170
І дазвольце мне зрабіць гэта правільны шлях.

990
00:45:11,170 --> 00:45:13,253
Я буду мець спасылку
тэг, які паказвае на файл

991
00:45:13,253 --> 00:45:20,560
называецца "styles.css," адносіны
з якіх зноў "табліца стыляў".

992
00:45:20,560 --> 00:45:25,221
А потым я збіраюся выратаваць
і адкрыць гэты "styles.css."

993
00:45:25,221 --> 00:45:28,940
>> Так што, як і раней, у мяне ёсць
здольнасць у гэтым файле CSS

994
00:45:28,940 --> 00:45:31,569
на самай справе перавызначыць значэнне па змаўчанні
эстэтыка вэб-старонкі,

995
00:45:31,569 --> 00:45:33,860
і эстэтыка па змаўчанні,
Вядома, даволі сумна.

996
00:45:33,860 --> 00:45:36,943
Гэта свайго роду нармальны памер шрыфта, чорны
тэкст, белы фон, і гэтак далей.

997
00:45:36,943 --> 00:45:39,440
Таму выкажам здагадку, я хачу зрабіць
ўвесь гэты тэкст больш.

998
00:45:39,440 --> 00:45:40,460
Я мог бы зрабіць некалькі рэчаў.

999
00:45:40,460 --> 00:45:43,750
У маім файле styles.css я
можа сказаць, што вы ведаеце, што,

1000
00:45:43,750 --> 00:45:46,950
прымяніць наступнае
цела маёй старонкі.

1001
00:45:46,950 --> 00:45:51,390
Ідзіце наперад і зрабіць
памер шрыфта 24 балаў,

1002
00:45:51,390 --> 00:45:54,130
які ўяўляе сабой лік, якое я мог бы
выкарыстоўваць у Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Дазвольце мне вярнуцца да маёй сеткі
старонка тут і перазагрузкі,

1004
00:45:57,620 --> 00:45:59,640
і вы можаце бачыць, што
гэта ўжо значна больш.

1005
00:45:59,640 --> 00:46:02,223
І мы можам атрымаць крыху розуму,
гэтак жа, як мы можам на desktop--

1006
00:46:02,223 --> 00:46:03,670
зрабіць гэта 96 балаў.

1007
00:46:03,670 --> 00:46:04,950
Абнавіць.

1008
00:46:04,950 --> 00:46:07,610
І гэта крыху становіцца
грувасткім ў гэтай кропцы.

1009
00:46:07,610 --> 00:46:09,500
>> Але я мог бы быць трохі больш дакладным.

1010
00:46:09,500 --> 00:46:14,530
Замест прымянення гэтага
табліцы стыляў ў цела старонкі,

1011
00:46:14,530 --> 00:46:21,740
што яшчэ я мог бы ўжыць яго замест гэтага,
што іншыя тэгі, якія маглі б яшчэ

1012
00:46:21,740 --> 00:46:25,445
функцыянуюць такім жа чынам?

1013
00:46:25,445 --> 00:46:26,444
>> ГЛЕДАЧЫ: р-тэг?

1014
00:46:26,444 --> 00:46:27,360
DAVID J. малая: P бірка.

1015
00:46:27,360 --> 00:46:29,350
Такім чынам, галава не будзе
правільна, так як галава,

1016
00:46:29,350 --> 00:46:31,300
вы не можаце на самой справе
кантроль эстэтыкі.

1017
00:46:31,300 --> 00:46:32,700
Там у тэксце альбо ёсць, альбо няма.

1018
00:46:32,700 --> 00:46:36,760
Але р tag-- я магу нырнуць у трохі
глыбей, так бы мовіць, у пункце

1019
00:46:36,760 --> 00:46:37,350
тэгі.

1020
00:46:37,350 --> 00:46:41,600
І хоць ёсць тры,
што гэта выдатна, таму што ў CSS,

1021
00:46:41,600 --> 00:46:44,900
калі я проста кажу "р", гэта
сродкі ўжываюцца наступныя

1022
00:46:44,900 --> 00:46:48,300
да любога тэга, які адпавядае гэтым
селектар, селектар проста

1023
00:46:48,300 --> 00:46:49,430
гэтае імя тэга.

1024
00:46:49,430 --> 00:46:52,350
Так што ўсюды, дзе вы бачыце
"Р" прымяніць памер шрыфта,

1025
00:46:52,350 --> 00:46:55,222
і давайце зробім яго больш
разумна again-- 24 пункт.

1026
00:46:55,222 --> 00:46:56,930
І вы ведаеце, што,
проста для добрай мерай,

1027
00:46:56,930 --> 00:46:59,810
давайце зробім колер
чырвоны толькі на дадзены момант.

1028
00:46:59,810 --> 00:47:03,740
І зараз, калі я перазагрузіць, зараз мы
ўбачыць тры выродлівыя пункты.

1029
00:47:03,740 --> 00:47:07,180
>> Але цяпер выкажам здагадку, што я накшталт
of-- Я хачу, каб першы абзац

1030
00:47:07,180 --> 00:47:08,210
выскачыць у карыстальніка.

1031
00:47:08,210 --> 00:47:11,150
Я не хачу, каб проста павялічыць
памер шрыфта за ўсё.

1032
00:47:11,150 --> 00:47:16,105
І таму я на самой справе хачу, каб вызначыць ці
адрозненні паміж гэтымі пунктамі.

1033
00:47:16,105 --> 00:47:18,730
Так што давайце пазбавіцца ад чырвонага,
таму што гэта проста нейкая ліпкім,

1034
00:47:18,730 --> 00:47:23,885
і давайце ісці наперад і зрабіць
памер шрыфта 12 пунктаў па змаўчанні,

1035
00:47:23,885 --> 00:47:26,260
так што мы вярнуліся да нечага
крыху больш за разумным.

1036
00:47:26,260 --> 00:47:29,190
А зараз я проста хачу, каб павялічыць
памер шрыфта першага абзаца.

1037
00:47:29,190 --> 00:47:31,440
Я магу зрабіць гэта ў некалькі
спосабамі, але адзін з спосабаў гэта

1038
00:47:31,440 --> 00:47:37,180
магчыма, самае навучалае на
момант, каб зрабіць наступнае.

1039
00:47:37,180 --> 00:47:43,280
Дазвольце мне ісці наперад і казаць, што гэта
пункт мае унікальны ідэнтыфікатар "ў першую чаргу."

1040
00:47:43,280 --> 00:47:45,000
Я мог бы назваць гэта ўсё, што хачу.

1041
00:47:45,000 --> 00:47:46,874
Я мог бы назваць гэта "Foo"
або любое іншае слова,

1042
00:47:46,874 --> 00:47:49,290
але я збіраюся даць яму некаторыя
семантычна значнае імя

1043
00:47:49,290 --> 00:47:50,320
як "першы".

1044
00:47:50,320 --> 00:47:54,790
Гэта унікальны ідэнтыфікатар,
ідэнтыфікатар, для майго першага абзаца.

1045
00:47:54,790 --> 00:47:59,360
>> Тое, што я зараз магу зрабіць у маёй табліцы стыляў
гэта быць трохі больш дакладным.

1046
00:47:59,360 --> 00:48:02,330
Замест таго каб сказаць, прымяніць
наступнае р тэга,

1047
00:48:02,330 --> 00:48:04,890
Я магу сказаць, што following--
прымяняюцца наступныя,

1048
00:48:04,890 --> 00:48:11,000
або абярыце, HTML-элемент
што мае унікальны ідэнтыфікатар "ў першую чаргу."

1049
00:48:11,000 --> 00:48:12,350
Што я хачу, каб прымяніць да яго?

1050
00:48:12,350 --> 00:48:15,250
Памер шрыфта 24 пункта.

1051
00:48:15,250 --> 00:48:16,640
Так што ў мяне ёсць два селектары ў цяперашні час.

1052
00:48:16,640 --> 00:48:19,690
Адзін робіць усё з
пункты 12 пунктаў.

1053
00:48:19,690 --> 00:48:24,960
Але гэта адно, тым больш, што гаворка ідзе пра
second-- гаворка ідзе пра апошнюю ў file--

1054
00:48:24,960 --> 00:48:27,090
гэта мае каскадны эфект.

1055
00:48:27,090 --> 00:48:30,200
Я толькі што зрабіў усе мае
тэгі параграфаў 12-кропка,

1056
00:48:30,200 --> 00:48:34,350
але гэта зараз і каскады
перавызначаем, што для любых элементаў

1057
00:48:34,350 --> 00:48:38,800
на старонцы, любой тэг на старонцы якога
унікальны ідэнтыфікатар цытата Unquote "ў першую чаргу."

1058
00:48:38,800 --> 00:48:41,720
І хэштэгу ў гэтым кантэксце
проста азначае, што "унікальны ідэнтыфікатар".

1059
00:48:41,720 --> 00:48:43,750
Я не стаўлю яго ў HTML-файл.

1060
00:48:43,750 --> 00:48:46,880
Я, тут, проста сказаць,
цытата Unquote "ў першую чаргу."

1061
00:48:46,880 --> 00:48:48,470
>> Такім чынам, дазвольце мне перазагрузіць.

1062
00:48:48,470 --> 00:48:49,919
А цяпер я бачу, ах, добра.

1063
00:48:49,919 --> 00:48:51,710
Я маю на ўвазе, што гэта не так
прыгожа, але гэта свайго роду

1064
00:48:51,710 --> 00:48:53,600
як з прадмове да
кнігі ці нешта падобнае,

1065
00:48:53,600 --> 00:48:55,100
дзе першы пункт больш.

1066
00:48:55,100 --> 00:48:57,933
Можа быць яшчэ больш дакладным з
толькі першыя літары, але, па меншай меры,

1067
00:48:57,933 --> 00:48:59,110
Я ажыццяўляў больш кантролю.

1068
00:48:59,110 --> 00:49:04,760
Цяпер maybe-- можа быць, я хачу, каб гэта зрабіць
часам па якіх-небудзь прычынах,

1069
00:49:04,760 --> 00:49:09,010
і таму я не хачу, каб гэта
ставяцца да толькі адзін HTML-тэг.

1070
00:49:09,010 --> 00:49:15,110
Хутчэй за ўсё, давайце say-- давайце
Таксама зрабіце наступнае.

1071
00:49:15,110 --> 00:49:18,810
Клас = "імпарт".

1072
00:49:18,810 --> 00:49:23,970
У той час як ідэнтыфікатар выкарыстоўваецца для адназначнай
вызначыць адну рэч, адзін тэг,

1073
00:49:23,970 --> 00:49:30,190
ў вашай вэб-старонцы, клас прызначаецца, каб быць
выкарыстаны на любой колькасці элементаў або тэгаў

1074
00:49:30,190 --> 00:49:30,950
на вэб-старонцы.

1075
00:49:30,950 --> 00:49:31,710
Так што шматразовага выкарыстання.

1076
00:49:31,710 --> 00:49:33,090
ID не падлягае паўторнага выкарыстання.

1077
00:49:33,090 --> 00:49:34,450
Клас можна выкарыстоўваць паўторна.

1078
00:49:34,450 --> 00:49:37,830
>> І вы ведаеце, што, па якіх-небудзь
філасофская reasons--

1079
00:49:37,830 --> 00:49:40,180
Я не скончыў
thought-- Я збіраюся сказаць,

1080
00:49:40,180 --> 00:49:44,300
што першы пункт і
другі пункт маюць важнае значэнне.

1081
00:49:44,300 --> 00:49:48,600
Так што я збіраюся прымяніць клас пад назвай
"Важна", што, калі я захаваць файл

1082
00:49:48,600 --> 00:49:51,510
і перазагрузкі, не мае
функцыянальнае ўздзеянне яшчэ.

1083
00:49:51,510 --> 00:49:53,780
Але я дадаў некаторыя
метададзеных у файл,

1084
00:49:53,780 --> 00:49:56,610
вроде что-то асобнае
ад асноўных дадзеных файла,

1085
00:49:56,610 --> 00:50:02,300
так што цяпер у маім табліцы стыляў, калі я
замест таго, каб сказаць: ".important" - вы ведаеце,

1086
00:50:02,300 --> 00:50:07,110
усё, што важна, я
збіраецца зрабіць колер шрыфта, red--

1087
00:50:07,110 --> 00:50:09,930
ці, дакладней, не колер шрыфта, толькі колер.

1088
00:50:09,930 --> 00:50:12,930
Там у няўзгодненасці
У CSS, на жаль.

1089
00:50:12,930 --> 00:50:14,120
І перазагрузіць.

1090
00:50:14,120 --> 00:50:17,640
Зараз звернеце ўвагу на першы
два абзаца чырвоныя

1091
00:50:17,640 --> 00:50:20,880
але не трэцяга, таму што я толькі
ўжываецца клас "важны"

1092
00:50:20,880 --> 00:50:25,020
у першых двух з гэтых рэчаў.

1093
00:50:25,020 --> 00:50:28,030
>> Такім чынам, у ідэнтыфікатарах, у вас ёсць магчымасць
пазначыць вельмі дакладна.

1094
00:50:28,030 --> 00:50:30,110
З класаў, у вас ёсць магчымасць шматразовага выкарыстання.

1095
00:50:30,110 --> 00:50:33,800
Але ў абодвух выпадках, звярніце ўвагу на
свайго роду прынцып добрага дызайну

1096
00:50:33,800 --> 00:50:39,072
дзе я факторизовали усе з
эстэтыка ў мой файл styles.css.

1097
00:50:39,072 --> 00:50:40,280
Так што няма бязладны тут.

1098
00:50:40,280 --> 00:50:44,490
Там няма ніякай згадкі аб чырвоным або
паўтлусты або абліцавальны памер шрыфта ў гэтым файле.

1099
00:50:44,490 --> 00:50:49,430
Хутчэй за ўсё ў мяне ёсць семантычна,
па значэнні характарызуецца мае дадзеныя як дадзеныя,

1100
00:50:49,430 --> 00:50:51,240
вось некаторыя важныя дадзеныя.

1101
00:50:51,240 --> 00:50:52,800
Вось некаторыя больш важныя дадзеныя.

1102
00:50:52,800 --> 00:50:56,500
Акрамя таго, тут
"Першы" з маіх важных дадзеных.

1103
00:50:56,500 --> 00:51:01,050
Так HTML ўсё аб сартаваць
пазначаны, у літаральным сэнсе слова, словы

1104
00:51:01,050 --> 00:51:05,270
і пункты і канструкцыі ў вашым
старонка з гэтымі маленькімі падказкамі, калі вы

1105
00:51:05,270 --> 00:51:07,640
будзе, што вы можаце
неяк выкарыстоўваць, выкарыстоўваючы

1106
00:51:07,640 --> 00:51:10,880
іншыя метады, такія як CSS, такім чынам.

1107
00:51:10,880 --> 00:51:14,760
>> Такім чынам, у адказ на пытанне Вікторыі,
мы можам зрабіць шрыфт больш такім чынам.

1108
00:51:14,760 --> 00:51:18,380
Ёсць так шмат іншых спосабаў, але
шрыфт tag-- адкрытая дужка "шрыфт" -

1109
00:51:18,380 --> 00:51:19,770
на самай справе некалькі гадоў.

1110
00:51:19,770 --> 00:51:21,410
І гэта праблема,
тоже с спадзеючыся толькі

1111
00:51:21,410 --> 00:51:23,485
на онлайн resources--
яны маюць тэндэнцыю быць састарэлымі.

1112
00:51:23,485 --> 00:51:26,110
І на самай справе, што гэта з'яўляецца састарэлым,
таму што свет зразумеў,

1113
00:51:26,110 --> 00:51:28,970
што значыць "памер шрыфта = 7" азначае?

1114
00:51:28,970 --> 00:51:29,670
Гэта не робіць.

1115
00:51:29,670 --> 00:51:32,770
І так на працягу многіх гадоў і
гэта day-- адна з бакоў

1116
00:51:32,770 --> 00:51:36,060
адзначае, у тым, што гэта на самай справе
неверагодна балючы да гэтага часу часам

1117
00:51:36,060 --> 00:51:38,900
распрацоўка сайтаў для
вэб, так як Microsoft

1118
00:51:38,900 --> 00:51:44,220
і Google і Mozilla і
іншыя часта разыходзяцца ў меркаванні наконт таго, як

1119
00:51:44,220 --> 00:51:47,480
інтэрпрэтаваць спецыфікацыю як HTML.

1120
00:51:47,480 --> 00:51:52,490
>> Існуе кніга правілаў для HTML, які
як правіла, кажа, што азначае, што кожны тэг.

1121
00:51:52,490 --> 00:51:55,690
Але часам гэта засталося да
меркавання рэалізацыі, у

1122
00:51:55,690 --> 00:51:57,290
сваім меркаванні і Google ад Microsoft.

1123
00:51:57,290 --> 00:52:00,000
І так што вы будзеце вельмі часта
ўбачыць на сайце нешта

1124
00:52:00,000 --> 00:52:04,954
выглядае па-іншаму на ПК
чым гэта робіць на Mac,

1125
00:52:04,954 --> 00:52:06,995
і гэта на самай справе, таму што,
у рэшце рэшт,

1126
00:52:06,995 --> 00:52:08,891
яны не правяралі яго
добра на абедзвюх платформах.

1127
00:52:08,891 --> 00:52:11,390
Але гэта таксама таму, што разумна,
разумныя людзі не пагодзяцца

1128
00:52:11,390 --> 00:52:14,970
і кампаніі будуць не згодныя, і так
адна з задач праграмавання

1129
00:52:14,970 --> 00:52:16,980
для Інтэрнэту ці праектавання
рэчы для Інтэрнэту

1130
00:52:16,980 --> 00:52:21,700
піша свой сайт такім чынам,
які працуе на кожным вэб-браўзэры.

1131
00:52:21,700 --> 00:52:23,410
Але нават гэта неразумна, ці не так?

1132
00:52:23,410 --> 00:52:27,807
Ёсць так шмат версій так шмат
браўзэраў, што там, у нейкі момант,

1133
00:52:27,807 --> 00:52:30,890
Вы таксама павінны зрабіць званок меркаванні
і вы павінны вырашыць, як кампанія,

1134
00:52:30,890 --> 00:52:33,082
асабліва для электроннай камерцыі стылі
сайты, дзе вы

1135
00:52:33,082 --> 00:52:36,290
спрабуюць выкарыстоўваць апошнія і самыя вялікія
тэхналогіі, каб даць сапраўды добры карыстальнік

1136
00:52:36,290 --> 00:52:37,110
вопыт.

1137
00:52:37,110 --> 00:52:41,019
Але некаторы адсотак карыстальнікаў можа
па-ранейшаму з дапамогай Internet Explorer 6 ці 7

1138
00:52:41,019 --> 00:52:43,810
або 8, асабліва ў залежнасці ад
краіна, што яны прыходзяць.

1139
00:52:43,810 --> 00:52:46,760
>> І таму вельмі часта
кансультаваліся нешта

1140
00:52:46,760 --> 00:52:50,920
як "статыстыка вэб-браўзэр."

1141
00:52:50,920 --> 00:52:56,560
І калі мы пойдзем, мэтай якіх давайце паглядзім Вікіпедыя
і паглядзець, як апошнюю дату Гэтая дыяграма

1142
00:52:56,560 --> 00:52:59,320
калі ёсць адзін.

1143
00:52:59,320 --> 00:53:02,420
Так што тут вы можаце ўбачыць
дзе браўзэры на самай справе

1144
00:53:02,420 --> 00:53:06,160
з'яўляюцца, у адпаведнасці са снежня 2015 года,
у адпаведнасці з урадам ЗША.

1145
00:53:06,160 --> 00:53:11,170
Хром на 42% долі рынку, а затым
ад IE у асноўным у карпаратыўных наладах

1146
00:53:11,170 --> 00:53:14,490
або налады кампутара, вядома ж,
вынікаюць Firefox,

1147
00:53:14,490 --> 00:53:17,440
затым Safari, Opera, то не зрабіў
зрабіць карту тут па нейкай прычыне,

1148
00:53:17,440 --> 00:53:18,210
а затым іншыя.

1149
00:53:18,210 --> 00:53:19,500
Можа быць, гэта ў іншых.

1150
00:53:19,500 --> 00:53:27,700
Але больш праблематычным, чым is--
давайце паглядзім, калі Вікіпедыя таксама мае

1151
00:53:27,700 --> 00:53:35,194
версіі браўзэраў version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Давайце вернемся да статыстыкі браўзэра.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Нават гэтага недастаткова.

1156
00:53:42,030 --> 00:53:44,854
Статыстыка браўзэр.

1157
00:53:44,854 --> 00:53:45,353
Мая версія.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Гэта не будзе правільным.

1160
00:53:50,540 --> 00:53:53,414
Давайце паглядзім версіі.

1161
00:53:53,414 --> 00:53:54,830
Дзель браўзэра на рынку.

1162
00:53:54,830 --> 00:53:57,110
Давайце паглядзім, калі ўзнікне такая сітуацыя.

1163
00:53:57,110 --> 00:53:57,610
ДОБРА.

1164
00:53:57,610 --> 00:54:00,010
Зараз гэта становіцца
трохі больш карысным.

1165
00:54:00,010 --> 00:54:04,870
Дык вось, звярніце ўвагу, што ў нас ёсць усе
розныя версіі браўзэраў.

1166
00:54:04,870 --> 00:54:09,887
І, Божа мой, калі вы look-- Chrome
48, Chrome 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Я маю на ўвазе, браўзэры ўсё часцей абнаўляецца,
а часам і некаторыя з гэтых змяненняў

1168
00:54:12,970 --> 00:54:16,430
маюць важнае значэнне ў
З пункту гледжання функцыянальнасці.

1169
00:54:16,430 --> 00:54:20,630
І вось у нейкі момант,
менеджэры прадуктаў ці інжынеры

1170
00:54:20,630 --> 00:54:23,620
трэба зрабіць decision-- вы
ведаць, што, толькі 1% ​​ад свету

1171
00:54:23,620 --> 00:54:24,740
ўсё яшчэ выкарыстоўвае IE 7.

1172
00:54:24,740 --> 00:54:25,490
Чорт з імі.

1173
00:54:25,490 --> 00:54:27,470
Мы проста не будзем
падтрымліваць гэты браўзэр.

1174
00:54:27,470 --> 00:54:28,740
І што гэта значыць ня падтрымліваць?

1175
00:54:28,740 --> 00:54:31,170
Гэта можа азначаць, што кнопкі
не працуюць на вашай вэб-старонцы,

1176
00:54:31,170 --> 00:54:33,050
ці гэта можа азначаць,
фарматаванне цалкам адключаны.

1177
00:54:33,050 --> 00:54:35,091
Ці вы маглі б зрабіць
той жа самы выклік суд

1178
00:54:35,091 --> 00:54:39,089
ў мабільных гэтыя дні, дзе мы
не збіраецца падтрымліваць IOS 5 больш.

1179
00:54:39,089 --> 00:54:40,380
Такім чынам, людзі проста павінны абнавіць.

1180
00:54:40,380 --> 00:54:45,850
Ці мы не збіраемся падтрымліваць Cupcake
на АС Android для прылад Android,

1181
00:54:45,850 --> 00:54:48,629
таму як world-- як
цёк свет хоча рухацца наперад,

1182
00:54:48,629 --> 00:54:51,170
яна як бы хоча перацягнуць
свет з ім так, каб яны гэтага не робяць

1183
00:54:51,170 --> 00:54:53,295
павінны па-ранейшаму
зваротную сумяшчальнасць, каб яны

1184
00:54:53,295 --> 00:54:54,920
можа прапанаваць новыя і добрыя характарыстыкі.

1185
00:54:54,920 --> 00:54:57,878
Гэта сапраўды адна з прычын,
чаму так шмат кампаній выкатваюць

1186
00:54:57,878 --> 00:55:01,440
аўтаматычныя абнаўлення і свайго роду прымус
апошнія версіі праграмнага забеспячэння на нас.

1187
00:55:01,440 --> 00:55:04,010
І нават кампаніі
як Apple, будзе свайго роду

1188
00:55:04,010 --> 00:55:07,280
прымусіць вас амаль ці прымусіць
вы з пункту гледжання рынкавых сіл

1189
00:55:07,280 --> 00:55:11,164
каб купіць новы тэлефон, таму што яны проста
ня будзе абнаўляць свой стары тэлефон больш.

1190
00:55:11,164 --> 00:55:13,330
Такім чынам, вы прапусціце на
апошнія і самыя вялікія магчымасці,

1191
00:55:13,330 --> 00:55:17,520
таму што гэта дорага іх як
кампаніі падтрымліваць старыя, магчыма,

1192
00:55:17,520 --> 00:55:19,330
ніжэйшыя версіі праграмнага забеспячэння.

1193
00:55:19,330 --> 00:55:23,660
Але чысты эфект з'яўляецца тое, што
мы таксама пакутуюць гэтым, а таксама.

1194
00:55:23,660 --> 00:55:26,550
>> Такім чынам, давайце разгледзім толькі
некалькі заключных рэчаў тут.

1195
00:55:26,550 --> 00:55:29,740
Давайце скасцілі вельмі хутка некаторыя з
тыя і іншыя кулі, калі цікава.

1196
00:55:29,740 --> 00:55:33,440
Так што калі вы спрабуеце,
напрыклад, становішча

1197
00:55:33,440 --> 00:55:36,420
тэкст на розных баках
старонкі, я збіраюся зрабіць адзін хуткі шлях,

1198
00:55:36,420 --> 00:55:38,360
але ёсць розныя
спосабы зрабіць гэта.

1199
00:55:38,360 --> 00:55:42,610
Дазвольце мне ісці наперад і eliminate--
спрасціць гэта наступным чынам.

1200
00:55:42,610 --> 00:55:45,330
Дазвольце мне вярнуцца да маіх
простыя, простыя пункты.

1201
00:55:45,330 --> 00:55:47,760
Дазвольце мне вярнуцца да маёй styles.css.

1202
00:55:47,760 --> 00:55:51,040
І я проста хачу, каб выкарыстоўваць simple--
які вы маглі б убачыць на Google

1203
00:55:51,040 --> 00:55:54,430
ці ўспомніць з earlier--
выраўноўвання тэксту направа.

1204
00:55:54,430 --> 00:55:56,220
І перазагрузіць гэтую старонку.

1205
00:55:56,220 --> 00:55:58,470
Цяпер усё, здаецца,
быць выраўнаваны па правым краі,

1206
00:55:58,470 --> 00:56:00,770
як вы можаце ўбачыць на накладныя выдаткі тут.

1207
00:56:00,770 --> 00:56:04,470
>> Мы можам зрабіць гэта выглядаць трохі больш
як кніга, і мы можам сказаць, "апраўдаць"

1208
00:56:04,470 --> 00:56:05,640
і перазагрузкі.

1209
00:56:05,640 --> 00:56:09,870
Зараз гэта прыемна і квадрат на абодвух
Боку, якая з'яўляецца свайго роду прыемна.

1210
00:56:09,870 --> 00:56:12,220
Яшчэ адна мэта, якую мы мелі тут
было змяненне колеру тэксту.

1211
00:56:12,220 --> 00:56:13,650
Такім чынам, мы ўбачылі, што з маім чырвоным тэкстам.

1212
00:56:13,650 --> 00:56:15,630
А цяпер дадаць кнопкі для формы.

1213
00:56:15,630 --> 00:56:19,390
Дык чаму б нам не паспрабаваць зрабіць менавіта гэта?

1214
00:56:19,390 --> 00:56:23,656
Але спачатку дазвольце мне перайсці на сайт,
большасць з нас выкарыстоўваюць кожны day-- Google.

1215
00:56:23,656 --> 00:56:25,780
І давайце паглядзім на
як Google на самай справе працуе.

1216
00:56:25,780 --> 00:56:26,821
Але я збіраюся зрабіць гэта.

1217
00:56:26,821 --> 00:56:31,930
Перш за ўсё дазвольце мне гэта зрабіць in-- Ды,
дазвольце мне перайсці да Google у першую чаргу.

1218
00:56:31,930 --> 00:56:34,530
Я збіраюся прыйдзецца ісці
у наладах Google,

1219
00:56:34,530 --> 00:56:40,660
таму што я хачу, каб адключыць
што называецца імгненныя вынікі.

1220
00:56:40,660 --> 00:56:43,580
>> Такім чынам, вы, магчыма, заўважылі
Google гэтыя days-- дазвольце мне вярнуцца

1221
00:56:43,580 --> 00:56:44,850
і ўключыце гэтую.

1222
00:56:44,850 --> 00:56:47,900
Так што калі я пачну шукаць
для "котак", як гэта,

1223
00:56:47,900 --> 00:56:50,120
заўважыць, што не толькі
Я атрымліваю аўтаматычнае запаўненне уверх

1224
00:56:50,120 --> 00:56:54,520
зверху, раптам, сама старонка
здаецца, змяняецца даволі хутка, а таксама,

1225
00:56:54,520 --> 00:56:58,750
і гэта Google, выкарыстоўваючы мову
называецца JavaScript спрабуе быць карысным.

1226
00:56:58,750 --> 00:57:01,540
Але, на жаль, гэта свайго роду
з блытае наша абмеркаванне

1227
00:57:01,540 --> 00:57:04,010
пра тое, што на самой справе адбываецца
пад капотам тут.

1228
00:57:04,010 --> 00:57:09,070
Так што я проста выгляд хутка
выключыць імгненныя вынікі.

1229
00:57:09,070 --> 00:57:11,510
І я збіраюся націснуць кнопку Захаваць.

1230
00:57:11,510 --> 00:57:13,930
А цяпер я збіраюся адкрыць
што дыягнастычная панэль інструментаў, што я

1231
00:57:13,930 --> 00:57:16,150
трымаць адкрыццё на ўкладцы Network.

1232
00:57:16,150 --> 00:57:17,720
Дык давайце зробім гэта.

1233
00:57:17,720 --> 00:57:21,960
Хай me-- whoops--
пракруціць гэта крыху ўніз.

1234
00:57:21,960 --> 00:57:24,410
І дазвольце мне шукаць "котак".

1235
00:57:24,410 --> 00:57:26,790
>> А цяпер notice-- на самай справе,
гэта добрая магчымасць

1236
00:57:26,790 --> 00:57:28,840
абмеркаваць на імгненне.

1237
00:57:28,840 --> 00:57:32,460
Звярніце ўвагу на момант, калі я type-- спыніць яго.

1238
00:57:32,460 --> 00:57:35,250
Хопіць.

1239
00:57:35,250 --> 00:57:35,790
ДОБРА.

1240
00:57:35,790 --> 00:57:40,870
Звярніце ўвагу на той момант, я друкую ліст
C, глядзіце ў ніжняй частцы экрана.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. Што робіць дно
гэтага экрана, мая ўкладка Сетка,

1242
00:57:48,600 --> 00:57:53,320
мяркуюць, што адбываецца кожны
раз ўвесці літару?

1243
00:57:53,320 --> 00:57:57,700
На жаль, жаба вельмі
адцягваючым увагу сёння або канюшына

1244
00:57:57,700 --> 00:58:00,339
або тое, што ён ёсць.

1245
00:58:00,339 --> 00:58:01,880
Тое, што адбываецца кожны раз, калі я надрукаваў?

1246
00:58:01,880 --> 00:58:04,230
І дазвольце мне ачысціць
буфера і ўвядзіце яго яшчэ раз.

1247
00:58:04,230 --> 00:58:06,580
So-- воклічы.

1248
00:58:06,580 --> 00:58:13,280
Кожны раз, калі я друкую ліст, C- A- T--
таму новая радок, відавочна, працягвае з'яўляцца.

1249
00:58:13,280 --> 00:58:16,530
Што кожны з гэтых радкоў ўяўляюць сабой,
заснаваныя на тым, што мы бачылі і абмяркоўвалі

1250
00:58:16,530 --> 00:58:17,339
да гэтага часу?

1251
00:58:17,339 --> 00:58:18,130
ГЛЕДАЧЫ: Пошук?

1252
00:58:18,130 --> 00:58:21,770
DAVID J. малая: пошук, або
у больш агульным плане, запыт HTTP

1253
00:58:21,770 --> 00:58:23,125
ад майго браўзэра да сервера.

1254
00:58:23,125 --> 00:58:29,090
Ну, чаму мой браўзэр робячы HTTP
запытваць кожны раз, калі я друкую ліст?

1255
00:58:29,090 --> 00:58:30,502
>> ГЛЕДАЧЫ: [неразборліва]

1256
00:58:30,502 --> 00:58:33,210
DAVID J. малая: Так, гэта дае
мне гэтыя аўтазапаўнення вынікі.

1257
00:58:33,210 --> 00:58:35,190
Маўляў, дзе робяць гэтыя
Вынікі пошуку прыйшлі?

1258
00:58:35,190 --> 00:58:38,120
Ну, кожны раз, калі я тыпу
ліст, Google пасылае больш

1259
00:58:38,120 --> 00:58:40,460
і ўсё больш і больш
слова я друкую.

1260
00:58:40,460 --> 00:58:41,040
Чаму?

1261
00:58:41,040 --> 00:58:44,540
Таму што яны хочуць, каб даць мне
лепш і лепш, лепш прапанову,

1262
00:58:44,540 --> 00:58:48,880
спіс прапаноў, для таго, што слова
Я спрабую на самай справе завершана.

1263
00:58:48,880 --> 00:58:53,030
Так што гэта сказаць літаральна кожны
сімвал, які вы ўводзіце ў Google

1264
00:58:53,030 --> 00:58:56,900
накіроўваецца, у канчатковым рахунку, у
навалам, але часам адзін

1265
00:58:56,900 --> 00:59:00,620
у той час, у мэтах рэалізацыі
гэтыя аўтаматычнага завяршэння, калі

1266
00:59:00,620 --> 00:59:03,000
дадзеныя, вядома, у Інтэрнэце.

1267
00:59:03,000 --> 00:59:08,780
>> Зараз давайце зірнем на тое, што на самой справе
адбываецца, калі я націскаю Google Search.

1268
00:59:08,780 --> 00:59:10,420
І тады мы будзем выкарыстоўваць гэта самі.

1269
00:59:10,420 --> 00:59:15,320
Так што калі я пракруціць ўніз зараз да вельмі
Першы запыт, што толькі што адбылося.

1270
00:59:15,320 --> 00:59:17,130
Звярніце ўвагу на наступнае.

1271
00:59:17,130 --> 00:59:25,550
Ён быў адпраўлены ў даволі доўга URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
а затым цэлая куча рэчаў.

1273
00:59:27,100 --> 00:59:29,620
Давайце паглядзім гэта на самай справе прама зараз
у самой ўкладцы браўзэра.

1274
00:59:29,620 --> 00:59:31,310
Давайце пазбавіцца ад панэлі інструментаў тут.

1275
00:59:31,310 --> 00:59:33,140
Вось старонка вынікаў пошуку.

1276
00:59:33,140 --> 00:59:34,790
І да вашага ведама вось URL.

1277
00:59:34,790 --> 00:59:37,430
Зараз, вы можаце здагадацца
што адбываецца тут, у часткі.

1278
00:59:37,430 --> 00:59:39,090
Такім чынам, перш за ўсё, вызначэнне.

1279
00:59:39,090 --> 00:59:42,570
Гэта, мабыць, з'яўляецца месцам
дзе форма была адпраўлена.

1280
00:59:42,570 --> 00:59:44,910
Так што, калі я ўвёў
словы "кошкі" і націсніце Enter,

1281
00:59:44,910 --> 00:59:48,460
па-відаць, Google паслаў
мой ўвод тэксту на гэты URL

1282
00:59:48,460 --> 00:59:50,770
што я вылучыў
там, слэш пошуку.

1283
00:59:50,770 --> 00:59:56,530
Аказваецца, у URL, усё, што
адбываецца пасля таго, як знак пытання,

1284
00:59:56,530 --> 01:00:01,270
як мы працягваць казаць, пара ключ-значэнне
што было надрукавана ў форме, ці нейкім чынам

1285
01:00:01,270 --> 01:00:04,500
перададзеную ад
браўзэра да сервера.

1286
01:00:04,500 --> 01:00:07,180
>> Такім чынам, у любы час ўвесці дадзеныя
у форму ў Інтэрнэце

1287
01:00:07,180 --> 01:00:10,000
і гэта было адпраўлена, як мы
абмяркоўвалі, праз GET,

1288
01:00:10,000 --> 01:00:12,400
адзін з гэтых віртуальных
канверты, змесціва

1289
01:00:12,400 --> 01:00:15,510
з гэтага envelope-- ды, працягвайце
атрыманне пудзілы фізічна

1290
01:00:15,510 --> 01:00:19,010
у канверт у класе
сёння, але тэхналагічна

1291
01:00:19,010 --> 01:00:21,110
гэта на самай справе пакласці ў URL.

1292
01:00:21,110 --> 01:00:22,940
Так што на самой справе, дазвольце мне просеять праз гэта.

1293
01:00:22,940 --> 01:00:25,010
Дзе вы бачыце ўвод дадзеных карыстальнікам?

1294
01:00:25,010 --> 01:00:27,490
Дзе вы бачыце што-то
што я сам надрукаваў тут?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Так, так што "кошкі".

1297
01:00:33,491 --> 01:00:33,990
Дакладна?

1298
01:00:33,990 --> 01:00:36,380
Такім чынам, дазвольце мне адагнаць гэта
у чым-то прасцей.

1299
01:00:36,380 --> 01:00:39,917
Я збіраюся выдаліць усе аб
гэты URL, што я не разумею,

1300
01:00:39,917 --> 01:00:42,250
і я проста хачу, каб пакінуць
гэта, як this-- / пошук? Q = кошкі.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Мы будзем бачыць, дзе д
прыходзіць ад ў цяперашні час,

1303
01:00:47,890 --> 01:00:51,220
але гэта адчувае, як мінімум
Колькасць інфармацыі, якую я прадставіў.

1304
01:00:51,220 --> 01:00:53,050
А цяпер я ўдару Enter.

1305
01:00:53,050 --> 01:00:55,520
І заўважце, гэта ўсё яшчэ працуе.

1306
01:00:55,520 --> 01:00:57,950
Мы яшчэ вернемся цэлую кучу котак.

1307
01:00:57,950 --> 01:01:00,340
Такім чынам, Google з'яўляецца спрактыкаваней
чым гэта ў гэтыя дні.

1308
01:01:00,340 --> 01:01:01,934
Гэта 2016, а не 1999.

1309
01:01:01,934 --> 01:01:04,600
Так што ёсць іншыя рэчы, што мой
Браўзэр пасылае на сервер.

1310
01:01:04,600 --> 01:01:07,100
Але гэта мінімальна
усё, што трэба.

1311
01:01:07,100 --> 01:01:08,380
>> Дык што ж адбываецца?

1312
01:01:08,380 --> 01:01:14,320
Ну, перш за ўсё дазвольце мне ісці наперад і ісці
вярнуцца да Cloud9 і дазвольце мне ісці наперад

1313
01:01:14,320 --> 01:01:15,620
і зачыніць ўкладкі раней.

1314
01:01:15,620 --> 01:01:18,230
І я зраблю гэта на маім
валодаць толькі на імгненне.

1315
01:01:18,230 --> 01:01:20,730
Я збіраюся ісці наперад
і стварыць новы файл.

1316
01:01:20,730 --> 01:01:23,739
І я збіраюся захаваць яго як google.html.

1317
01:01:23,739 --> 01:01:26,280
І я буду вельмі quickly--
Я збіраюся скрасці, на самай справе,

1318
01:01:26,280 --> 01:01:28,510
некаторыя з гэтага тэксту, каб зэканоміць час.

1319
01:01:28,510 --> 01:01:30,610
Я збіраюся ўставіць гэтую інфармацыю тут.

1320
01:01:30,610 --> 01:01:33,850
Я не збіраюся важдацца з
любая стылізацыя на гэты раз.

1321
01:01:33,850 --> 01:01:38,340
Мы будзем называць гэта "Мой Google."

1322
01:01:38,340 --> 01:01:41,230
І я збіраюся пазбавіцца
за ўсё ў арганізме.

1323
01:01:41,230 --> 01:01:42,740
І я збіраюся зрабіць наступнае.

1324
01:01:42,740 --> 01:01:45,690
Дазвольце мне павялічыць.

1325
01:01:45,690 --> 01:01:50,620
Форма action-- і, як я коратка згадаў
earlier-- whoops-- як я коратка

1326
01:01:50,620 --> 01:01:54,130
ужо згадвалася раней, дзеянне А
форма, дзе вы адправіць дадзеныя.

1327
01:01:54,130 --> 01:01:56,620
Так google.com/search.

1328
01:01:56,620 --> 01:01:59,390
І метад, які я хачу выкарыстоўваць
можа быць адным з двух рэчаў.

1329
01:01:59,390 --> 01:02:02,870
Гэта можа быць альбо "атрымаць", як мы трымаем
абмеркавання, ці гэта можа быць "пост".

1330
01:02:02,870 --> 01:02:05,340
У цяперашні час, фундаментальная
Розніца ў тым, калі вы выкарыстоўваеце "атрымаць"

1331
01:02:05,340 --> 01:02:09,590
уся інфармацыя аб тым, што
Карыстальнік падае адпраўляецца ў URL.

1332
01:02:09,590 --> 01:02:13,530
>> Гэта выдатна падыходзіць для такіх рэчаў, як пошук
рухавікі і некалькі іншых прыкладанняў,

1333
01:02:13,530 --> 01:02:17,080
але ў якіх абставінах
вы не хочаце, каб запоўніць форму

1334
01:02:17,080 --> 01:02:21,620
і інфармацыя ў канчатковым вынікі
URL, як у адраснай радку браўзэра?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Якія формы робяць you--

1337
01:02:26,605 --> 01:02:27,480
ГЛЕДАЧЫ: [неразборліва]

1338
01:02:27,480 --> 01:02:28,450
DAVID J. малая: Так, як і што?

1339
01:02:28,450 --> 01:02:29,270
ГЛЕДАЧЫ: Паролі.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. малая: Так, так што вы увайсці
ў Facebook або на нейкім сайце.

1341
01:02:31,936 --> 01:02:34,395
Гэта карыстацкі ўвод з
форма, тэкставае поле,

1342
01:02:34,395 --> 01:02:37,020
але вы, верагодна, не хочуць яго
паказ у URL браўзэра.

1343
01:02:37,020 --> 01:02:38,121
Чаму?

1344
01:02:38,121 --> 01:02:40,870
Я маю на ўвазе, можа быць, ёсць некаторыя
наступствы для бяспекі ў сеткі,

1345
01:02:40,870 --> 01:02:44,830
але more-- падабаецца, прасцей кажучы, што, калі
Ваш сусед па пакоі, іншымі значнымі,

1346
01:02:44,830 --> 01:02:47,710
вашыя дзеці, ваш муж выглядае
праз гісторыю браўзэра?

1347
01:02:47,710 --> 01:02:50,762
Існуе ваш пароль прама
там у гісторыі вашага браўзэра.

1348
01:02:50,762 --> 01:02:52,220
Гэта не адчувае, як добры дызайн.

1349
01:02:52,220 --> 01:02:54,500
Ці яшчэ больш тэхнічна,
Выкажам здагадку, вы спрабуеце

1350
01:02:54,500 --> 01:02:59,180
каб загрузіць фатаграфію на Flickr
або Facebook або wherever--

1351
01:02:59,180 --> 01:03:03,010
то ёсць карыстацкі ўвод, нягледзячы на ​​тое,
гэта крыху больш, як interesting--

1352
01:03:03,010 --> 01:03:05,530
я ўціснуць малюнак у радку URL?

1353
01:03:05,530 --> 01:03:06,730
Вы, здаецца, як бы не можа.

1354
01:03:06,730 --> 01:03:07,396
Вы можаце выгляд.

1355
01:03:07,396 --> 01:03:10,210
Але, на самой справе, я з цяжкасцю націскаецца
ўявіць, што рабіць.

1356
01:03:10,210 --> 01:03:13,470
Так што мне патрэбен іншы метад
загрузкі фатаграфій на сайт,

1357
01:03:13,470 --> 01:03:15,657
і што іншы метад называецца "пост".

1358
01:03:15,657 --> 01:03:18,740
Але цяпер, мы проста гаворым пра
"Атрымаць", які з'яўляецца больш простым з двух.

1359
01:03:18,740 --> 01:03:21,100
Гэта проста ставіць усё
ўводныя карыстальнікам у URL.

1360
01:03:21,100 --> 01:03:22,830
>> Дык вось форма я ствараю.

1361
01:03:22,830 --> 01:03:24,070
Я хачу, каб ўваход.

1362
01:03:24,070 --> 01:03:24,820
І вы ведаеце, што?

1363
01:03:24,820 --> 01:03:26,111
Я збіраюся зрабіць здагадку тут.

1364
01:03:26,111 --> 01:03:31,600
Я буду ўзгадваць мой
ўваход "д" для "запыту."

1365
01:03:31,600 --> 01:03:34,970
І я думаю, што гэта адзін з
арыгінальны дызайн, магчыма, з 1999 года.

1366
01:03:34,970 --> 01:03:39,560
І тады тып гэтага ўваходу
толькі збіраецца быць "тэкст".

1367
01:03:39,560 --> 01:03:43,040
І тады я буду мець іншы ўваход
што ня трэба імя, як мы будзем у бліжэйшы час

1368
01:03:43,040 --> 01:03:45,120
см, тып якога з'яўляецца "адправіць".

1369
01:03:45,120 --> 01:03:47,070
І гэта будзе
дайце мне спецыяльную кнопку.

1370
01:03:47,070 --> 01:03:48,320
І гэта ўсё.

1371
01:03:48,320 --> 01:03:50,790
>> Такім чынам, дазвольце мне ісці наперад і захаваць гэты файл.

1372
01:03:50,790 --> 01:03:54,910
Я збіраюся вярнуцца да маіх
браўзэр і перайсці да google.html.

1373
01:03:54,910 --> 01:03:56,140
Enter.

1374
01:03:56,140 --> 01:03:59,680
І гэта свайго роду рэдкія
каб не сказаць больш.

1375
01:03:59,680 --> 01:04:03,110
Але дазвольце мне ісці наперад
і пошук "котак".

1376
01:04:03,110 --> 01:04:06,510
І заўважце, я ў цяперашні час
па гэтым адрасе Cloud9.

1377
01:04:06,510 --> 01:04:09,240
Але ў той момант я націскаю на гэта,
дзе вы спадзяюся, што ў канчатковым выніку?

1378
01:04:09,240 --> 01:04:10,160
>> ГЛЕДАЧЫ: Google.

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. малая: Google.

1380
01:04:11,118 --> 01:04:12,740
Так што давайце націсніце кнопку Адправіць.

1381
01:04:12,740 --> 01:04:15,200
І сапраўды я паўторна рэалізаваны Google.

1382
01:04:15,200 --> 01:04:15,700
Дакладна?

1383
01:04:15,700 --> 01:04:16,480
Гэта прасцей.

1384
01:04:16,480 --> 01:04:17,120
Гэта лягчэй.

1385
01:04:17,120 --> 01:04:20,350
Я маю на ўвазе, мой код відавочна лепш, чым
іх, з беспарадак, які мы бачылі раней.

1386
01:04:20,350 --> 01:04:21,100
І вы ведаеце, што?

1387
01:04:21,100 --> 01:04:22,610
Я збіраюся заправіць гэта ўверх няшмат.

1388
01:04:22,610 --> 01:04:23,860
Я не згадаў пра гэта раней.

1389
01:04:23,860 --> 01:04:27,860
Ёсць тэгі, як H1, для Heading 1,
самы важны загаловак на старонцы.

1390
01:04:27,860 --> 01:04:30,570
"Мой Google," Я буду называць гэта.

1391
01:04:30,570 --> 01:04:31,940
Дазвольце мне перазагрузіць.

1392
01:04:31,940 --> 01:04:33,772
Гэта выглядае крыху лепей ужо.

1393
01:04:33,772 --> 01:04:34,980
І, на самай справе, вы ведаеце, што?

1394
01:04:34,980 --> 01:04:36,430
У мяне already-- я схлусіў.

1395
01:04:36,430 --> 01:04:40,200
Я сказаў, што не збіраўся стыль гэта,
але я збіраюся стыль гэта, як і раней.

1396
01:04:40,200 --> 01:04:46,860
І маё цела будзе,
скажам, выраўноўвання тэксту цэнтр.

1397
01:04:46,860 --> 01:04:48,800
Ён больш падобны Google ужо.

1398
01:04:48,800 --> 01:04:51,090
>> Мне патрэбен перапынак лініі, хоць,
для гэтага кнопку Адправіць.

1399
01:04:51,090 --> 01:04:52,798
І атрымліваецца, вы
можна выкарыстоўваць пункты,

1400
01:04:52,798 --> 01:04:57,320
ці вы можаце больш літаральна проста сказаць,
дайце мне разрыў радкі here-- ИФИК тэг.

1401
01:04:57,320 --> 01:04:59,319
І калі я перазарадзіць гэта, цяпер ён ідзе туды.

1402
01:04:59,319 --> 01:05:01,610
Гэта крыху непрыгожа, таму я
можа зрабіць некалькі парываў радкоў,

1403
01:05:01,610 --> 01:05:03,310
але давайце не будзем занадта прагнымі тут.

1404
01:05:03,310 --> 01:05:06,430
Такім чынам, цяпер давайце паглядзім, ці працуе ён для "сабак".

1405
01:05:06,430 --> 01:05:08,640
Гэта падобна на працу для "сабак", а таксама.

1406
01:05:08,640 --> 01:05:10,780
Дык што ж тут пераканаўчым навынос?

1407
01:05:10,780 --> 01:05:13,600
Одно-- ня быў велізарны скок
ўвесці некалькі тэгаў,

1408
01:05:13,600 --> 01:05:15,370
як тэг формы ць ўваходным тэгу.

1409
01:05:15,370 --> 01:05:17,120
Але больш фундаментальна
гэта ўсё, што мы робім

1410
01:05:17,120 --> 01:05:20,610
задзейнічае наша разуменне
з HTTP і той факт,

1411
01:05:20,610 --> 01:05:24,900
што ў канчатковым выніку змяніць формы
што ў URL браўзэра,

1412
01:05:24,900 --> 01:05:28,540
і так, таму, мы можам
механічна забяспечваюць увод на сервер

1413
01:05:28,540 --> 01:05:33,600
зрабіўшы форму HTML і ведаючы,
што сервер разумее HTTP,

1414
01:05:33,600 --> 01:05:36,890
гэтак жа, як наша цела разумее, як,
падтрасаючы маю руку, той жа пратакол,

1415
01:05:36,890 --> 01:05:40,920
і такім чынам мы атрымліваем назад адказ
што мы ў канчатковым рахунку чакаць.

1416
01:05:40,920 --> 01:05:44,050
>> Дык давайце паспрабуем зрабіць адзін
Апошняе, што зараз з мабільнага,

1417
01:05:44,050 --> 01:05:47,052
і я буду make-- я дадам
гэты код на слайдах.

1418
01:05:47,052 --> 01:05:49,760
Так што калі вы хочаце павазіцца, вы
безумоўна, можа ўзяць яго адтуль.

1419
01:05:49,760 --> 01:05:51,551
Але я збіраюся ісці
наперад і зрабіць адну рэч.

1420
01:05:51,551 --> 01:05:54,120
Я збіраюся ісці наперад і
адкрыць свой індэкс page--

1421
01:05:54,120 --> 01:05:59,030
мая старонка прывітанне, як і раней, што
мае шмат гэтай ілжэ-лацінскі тэкст,

1422
01:05:59,030 --> 01:06:05,470
або бессэнсоўнымі лацінскі тэкст, і has--
гэта выглядае на гэтым памер шрыфта.

1423
01:06:05,470 --> 01:06:07,850
Але дазвольце мне ісці наперад і рабіць гэта.

1424
01:06:07,850 --> 01:06:09,300
Я збіраюся пайсці ў Cloud9.

1425
01:06:09,300 --> 01:06:10,380
І вы не павінны зрабіць гэты крок.

1426
01:06:10,380 --> 01:06:11,420
Я проста зраблю гэта сам.

1427
01:06:11,420 --> 01:06:12,890
Я збіраюся націснуць Share.

1428
01:06:12,890 --> 01:06:15,170
І гэта асаблівасць
проста з Cloud9, у выніку чаго

1429
01:06:15,170 --> 01:06:17,710
Я магу зрабіць маё асяроддзе грамадскасці.

1430
01:06:17,710 --> 01:06:20,240
>> І толькі дзеля
дэманстрацыя, зробім гэта.

1431
01:06:20,240 --> 01:06:22,870
Я збіраюся зрабіць маю заяву грамадскасці.

1432
01:06:22,870 --> 01:06:25,230
Звярніце ўвагу на тое, што гэта мне папярэджанне, я
Я ўпэўнены, што я хачу зрабіць гэта,

1433
01:06:25,230 --> 01:06:28,438
таму што гэта збіраецца зрабіць усё
у свеце, ці з'яўляюцца яны зараз тут

1434
01:06:28,438 --> 01:06:33,560
ці глядзець відэа пазней на
Інтэрнэт у стане ўбачыць, што я бачу.

1435
01:06:33,560 --> 01:06:34,440
Але гэта нармальна.

1436
01:06:34,440 --> 01:06:37,870
Я збіраюся сказаць: "Зроблена".

1437
01:06:37,870 --> 01:06:42,080
І дазвольце мне параіць вам, калі б я зрабіў
гэта correctly-- дазвольце мне праверыць яго ў першую чаргу.

1438
01:06:42,080 --> 01:06:45,590
Ідзіце наперад, калі вы не mind--
у браўзэры на кампутары,

1439
01:06:45,590 --> 01:06:49,900
перайсці да гэтага URL, і мы спадзяемся,
вы ўбачыце мой лацінскі тэкст.

1440
01:06:49,900 --> 01:06:52,820
І ясна, што гэта
працуе не на маім ноўтбуку.

1441
01:06:52,820 --> 01:06:53,610
Гэта ў воблаку.

1442
01:06:53,610 --> 01:06:58,120
Гэта на Cloud9, у літаральным сэнсе, але
Я зрабіў маё працоўнае прастору грамадскасці

1443
01:06:58,120 --> 01:07:03,450
так што кожны ў Інтэрнэце
можа атрымаць доступ да свайго лацінскую хатнюю старонку.

1444
01:07:03,450 --> 01:07:07,209
>> Перайсці да таго ж URL на
ваш тэлефон, калі вы маглі б.

1445
01:07:07,209 --> 01:07:09,750
Калі гэта будзе каштаваць вам, хоць, вы
можа проста глядзець праз плячо.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
ГЛЕДАЧЫ: [неразборліва]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. малая: Я шкадую?

1449
01:07:43,550 --> 01:07:45,390
ГЛЕДАЧЫ: [неразборліва]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. малая: Толькі лацінскія словы.

1451
01:07:47,710 --> 01:07:48,210
Гэта ўсе.

1452
01:07:48,210 --> 01:07:49,250
Але гэта тое, што вы павінны ўбачыць.

1453
01:07:49,250 --> 01:07:49,875
>> ГЛЕДАЧЫ: Так.

1454
01:07:49,875 --> 01:07:50,790
DAVID J. малая: Так.

1455
01:07:50,790 --> 01:07:51,300
Так.

1456
01:07:51,300 --> 01:07:51,540
ДОБРА.

1457
01:07:51,540 --> 01:07:53,530
Так што я магу затрымаць ваш
тэлефон на імгненне?

1458
01:07:53,530 --> 01:07:57,504
Так што, спадзяюся, калі вы звяртаецеся
ён, яна павінна выглядаць амаль нечытэльным.

1459
01:07:57,504 --> 01:07:59,920
Гэта still-- я маю на ўвазе, гэта
нечытэльным з-латыні.

1460
01:07:59,920 --> 01:08:01,920
Але гэта таксама нечытэльныя
па якой іншай прычыне?

1461
01:08:01,920 --> 01:08:03,775
Як і тое, што не даспадобы вы пра гэта?

1462
01:08:03,775 --> 01:08:04,650
АЎДЫТОРЫЯ: Гэта маленькі.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. малая: Гэта супер, супер маленькі.

1464
01:08:06,420 --> 01:08:07,920
Такім чынам, як мы маглі б гэта выправіць?

1465
01:08:07,920 --> 01:08:09,730
Гэта супер, супер малы
па тэлефоне Вікторыі

1466
01:08:09,730 --> 01:08:11,400
і, калі вы выцягнуў
гэта да сябе, верагодна,

1467
01:08:11,400 --> 01:08:14,660
не маленькі на вашым тэлефоне, а таксама, калі вы
Уключаныя налады даступнасці.

1468
01:08:14,660 --> 01:08:15,530
Што гэта?

1469
01:08:15,530 --> 01:08:18,497
Можна проста заціснуць і
зум, які з'яўляецца працаздольным,

1470
01:08:18,497 --> 01:08:20,330
але тады вы бачыце толькі
некалькі слоў адначасова.

1471
01:08:20,330 --> 01:08:20,859
Так, пачакайце хвіліну.

1472
01:08:20,859 --> 01:08:21,720
Я ведаю, як гэта выправіць.

1473
01:08:21,720 --> 01:08:22,219
Дакладна?

1474
01:08:22,219 --> 01:08:26,130
Я мог бы выкарыстаць CSS, і я мог бы змяніць
памер шрыфта з 12 пунктаў да 24 пункты.

1475
01:08:26,130 --> 01:08:29,020
Але пабочны эфект, які,
вядома, будзе цяпер,

1476
01:08:29,020 --> 01:08:32,630
на працоўным стале або ноўтбук,
Цяпер тэкст у два разы больш.

1477
01:08:32,630 --> 01:08:35,810
І таму было б збольшага быць добрым
адрозніваць паміж прыладамі,

1478
01:08:35,810 --> 01:08:37,840
і аказваецца там
спосабы зрабіць гэта.

1479
01:08:37,840 --> 01:08:39,590
ёсць некалькі
розныя спосабы, у самай справе,

1480
01:08:39,590 --> 01:08:44,189
пры гэтым з дапамогай CSS і спрактыкаваней функцыі
што мы не будзем удавацца ў вельмі падрабязна,

1481
01:08:44,189 --> 01:08:46,960
вы можаце па сутнасці запыту
браўзэр і сказаць,

1482
01:08:46,960 --> 01:08:51,550
калі ваш экран менш, чым гэта
шмат пікселяў, выкарыстоўвайце гэты памер шрыфта.

1483
01:08:51,550 --> 01:08:55,180
Калі ваш экран больш, чым гэта
шмат пікселяў, выкарыстоўвайце гэты іншы памер шрыфта.

1484
01:08:55,180 --> 01:08:57,080
>> Вы можаце быць яшчэ спрактыкаваней да гэтага часу.

1485
01:08:57,080 --> 01:09:00,140
Калі вы калі-небудзь наведаў
вэб-старонка, якая, на працоўным стале,

1486
01:09:00,140 --> 01:09:04,404
мае вялікае меню, можа быць выключаны на
бок, а затым усё змесціва

1487
01:09:04,404 --> 01:09:07,029
знаходзіцца ў баку, што menu--
гэта свайго роду агульнай парадыгмы.

1488
01:09:07,029 --> 01:09:09,670
Меню на левай, змест
на правай, так і наадварот.

1489
01:09:09,670 --> 01:09:13,569
Ці ёсць на самой справе не працуе на мабільным тэлефоне, калі ваш
экран толькі гэта шмат пікселяў у шырыню.

1490
01:09:13,569 --> 01:09:16,233
Так што часцей сустракаецца на мабільны,
Ваша меню будзе раптам атрымаць

1491
01:09:16,233 --> 01:09:18,399
павалілася, і вы павінны
націсніце кнопку, каб убачыць яго,

1492
01:09:18,399 --> 01:09:22,404
або вэб-сайт паставіць меню
над ім і паставіць ўтрыманне пад ім.

1493
01:09:22,404 --> 01:09:24,779
І вы можаце рэалізаваць гэтыя
рэчы ў некалькіх адносінах.

1494
01:09:24,779 --> 01:09:28,340
Вы можаце папрасіць сваіх праграмістаў,
эй, каманда, у любы час

1495
01:09:28,340 --> 01:09:34,450
вы бачыце запыт HTTP ад Android
прылада, прылада Microsoft, з Google

1496
01:09:34,450 --> 01:09:39,930
прылада, прылада кампаніі Apple, выкарыстоўваць гэтую функцыю
памер шрыфта і выкарыстоўваць гэты макет меню,

1497
01:09:39,930 --> 01:09:42,670
ці ж выкарыстоўваць гэтую функцыю па змаўчанні большага памеру макета.

1498
01:09:42,670 --> 01:09:45,410
>> Цяпер, выкарыстоўваючы тое, што
фундаментальная тэхніка сёння

1499
01:09:45,410 --> 01:09:48,529
маглі б выкарыстоўваць інжынеры
ведаць, ці з'яўляецца гэта

1500
01:09:48,529 --> 01:09:53,660
iPhone, АНДРОІД тэлефон, ноўтбук,
настольнае наведвання сервера кампаніі?

1501
01:09:53,660 --> 01:09:55,310
У чым жа яны атрымліваюць гэтую інфармацыю?

1502
01:09:55,310 --> 01:09:56,080
>> ГЛЕДАЧЫ: Загаловак?

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J. малая: Так, загаловак HTTP.

1504
01:09:57,740 --> 01:10:01,714
Такім чынам, кожны запыт HTTP зыходзячы з
іх кліентаў да сервераў

1505
01:10:01,714 --> 01:10:03,880
ўключаюць у сябе, у тым, што віртуальная
канверт, цэлы букет

1506
01:10:03,880 --> 01:10:08,260
з HTTP загалоўкаў, адзін з якіх з'яўляецца
браўзэр і аперацыйная сістэма

1507
01:10:08,260 --> 01:10:10,290
нават, калі вы клапоціцеся
што ўзровень дэталізацыі.

1508
01:10:10,290 --> 01:10:13,790
Цяпер, гэта загадкавае які выглядае радок, але
існуе праграмнае забеспячэнне, якое будзе проста

1509
01:10:13,790 --> 01:10:18,530
спрасціць гэта, і вы можаце проста спытаць
у праграмаванні code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever--, што тэлефон this--
якая прылада знаходзіцца гэты карыстальнік з дапамогай?

1511
01:10:23,650 --> 01:10:27,501
І тады вы можаце сказаць, паказаць ім гэта
версія сайта, калі гэта тэлефон.

1512
01:10:27,501 --> 01:10:30,250
Пакажыце ім гэтую версію
сайт, калі гэта ноўтбук або настольны.

1513
01:10:30,250 --> 01:10:32,316
Але вам не трэба нават
на боку сервера складанасці.

1514
01:10:32,316 --> 01:10:33,940
Вы можаце зрабіць нават самыя простыя рэчы.

1515
01:10:33,940 --> 01:10:34,815
>> Я збіраюся зрабіць гэта.

1516
01:10:34,815 --> 01:10:38,995
Я збіраюся ісці наперад у
мая сярод Cloud9,

1517
01:10:38,995 --> 01:10:41,370
і я збіраюся дадаць тэг
што вы бачылі ў Google раней.

1518
01:10:41,370 --> 01:10:42,770
Гэта называецца метатега.

1519
01:10:42,770 --> 01:10:45,520
І я ніколі не памятаю гэты, так
Я збіраюся транскрыбаваць яго тут.

1520
01:10:45,520 --> 01:10:50,552
Мета імя = "вьюпорт", а затым
ўтрыманне = "шырыня = шырыня прылады, intital

1521
01:10:50,552 --> 01:11:02,060
маштаб = 1 ", і гэта ўсё.

1522
01:11:02,060 --> 01:11:06,230
>> Так што гэта магло б таксама быць
як чароўны загаворам.

1523
01:11:06,230 --> 01:11:11,300
Гэта не ўсё, што зразумела, але гэта мае
нешта рабіць з прагляду,

1524
01:11:11,300 --> 01:11:15,070
і акно прагляду проста цела
Вэб-старонка, прастакутная вобласць, якая

1525
01:11:15,070 --> 01:11:16,690
вызначае вялікую частку старонкі.

1526
01:11:16,690 --> 01:11:19,060
І гэта проста кажа
браўзэр, вы ведаеце, што?

1527
01:11:19,060 --> 01:11:22,589
Зрабіце шырыню гэтай старонкі
эфектыўна роўнай шырыні прылады.

1528
01:11:22,589 --> 01:11:25,380
Іншымі словамі, не мяркуюць, што
ў вас ёсць тое неабмежаваную прастору.

1529
01:11:25,380 --> 01:11:29,920
Выкажам здагадку, у вас ёсць толькі столькі, колькі
прастору як само прылада з'яўляецца вялікім.

1530
01:11:29,920 --> 01:11:34,454
І вось цяпер, калі я перазагрузіць гэты
ў маім браўзэры, я не бачу ніякіх зменаў.

1531
01:11:34,454 --> 01:11:37,370
Але калі б я зрабіў гэта correctly-- і
дайце мне крыж мой fingers--, калі вы ўсё

1532
01:11:37,370 --> 01:11:42,920
перазагрузіць ваш тэлефон, не так
убачыць пераканаўчыя змены?

1533
01:11:42,920 --> 01:11:43,620
Так, гэта that--

1534
01:11:43,620 --> 01:11:45,067
>> ГЛЕДАЧЫ: [неразборліва]

1535
01:11:45,067 --> 01:11:45,900
DAVID J. малая: Так.

1536
01:11:45,900 --> 01:11:46,400
ДОБРА.

1537
01:11:46,400 --> 01:11:47,850
Так што, магчыма, больш зручным для чытання зараз?

1538
01:11:47,850 --> 01:11:53,070
Яшчэ маленькі, каб быць справядлівым, але не
настолькі малыя, каб быць некіравальным.

1539
01:11:53,070 --> 01:11:56,920
І я, безумоўна, можа перавызначыць
далей з дапамогай CSS ці на боку сервера,

1540
01:11:56,920 --> 01:12:00,120
але ўсё больш і больш, што вы
бачачы, як усё больш і больш магчымасцяў

1541
01:12:00,120 --> 01:12:02,900
дадаецца да
на баку кліента environments--

1542
01:12:02,900 --> 01:12:06,530
JavaScript, як мы абмяркуем
заўтра, CSS, і так HTML--

1543
01:12:06,530 --> 01:12:09,190
што ўсе гэтыя запыты
можа быць зроблена на кліенце

1544
01:12:09,190 --> 01:12:11,910
так, каб турбаваць
сервер нашмат менш і не

1545
01:12:11,910 --> 01:12:14,530
каб ісці ў нагу з, для
Напрыклад, пастаянная націск

1546
01:12:14,530 --> 01:12:17,210
новай аперацыйнай сістэме
версіі, новыя версіі браўзэраў.

1547
01:12:17,210 --> 01:12:20,190
Вы можаце проста дазволіць браўзэру
спытаеце прылады, наколькі вялікая вы,

1548
01:12:20,190 --> 01:12:22,890
а затым зрабіць некалькі лагічна
рашэнні, заснаваныя на гэтым.

1549
01:12:22,890 --> 01:12:25,140
Але мы ўбачым больш магчымасцяў
для лагічных рашэнняў

1550
01:12:25,140 --> 01:12:27,223
заўтра ў кантэксце
мовы праграмавання.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Такім чынам, любыя пытанні, то,
на вэб-распрацоўкі?

1553
01:12:32,760 --> 01:12:36,130
Сёння не вэб-праграмаванне, за
сёе, так як большасць усё, што мы зрабілі

1554
01:12:36,130 --> 01:12:38,370
быў вельмі эстэтычна, калі вы будзеце.

1555
01:12:38,370 --> 01:12:41,750
Там няма прыняцця рашэнняў у
код, які мы напісалі,

1556
01:12:41,750 --> 01:12:44,990
і менавіта таму HTML з'яўляецца разметкі
мова, а не мова праграмавання.

1557
01:12:44,990 --> 01:12:47,140
Але заўтра мы возьмем
хуткі погляд, у канчатковым рахунку,

1558
01:12:47,140 --> 01:12:49,340
на JavaScript, які з'яўляецца
фактычнае праграмаванне

1559
01:12:49,340 --> 01:12:54,220
мова, які дазваляе нам зрабіць трохі больш.

1560
01:12:54,220 --> 01:12:56,800
>> Ёсць пытанні?

1561
01:12:56,800 --> 01:13:00,480
Што ж, дазвольце мне прапанаваць два
Магчымасці неабавязковыя для выканання хатніх заданняў.

1562
01:13:00,480 --> 01:13:02,900
Адзін з гэтых is-- Cloud9
рахункі не скончыцца.

1563
01:13:02,900 --> 01:13:04,669
Вы можаце выкарыстоўваць
іх падпраўляць.

1564
01:13:04,669 --> 01:13:05,960
Гэта свабодны ўзровень сэрвісу.

1565
01:13:05,960 --> 01:13:08,754
Разумеюць, што, калі пры стварэнні
ваша працоўная прастора, вы зрабілі гэта публічна,

1566
01:13:08,754 --> 01:13:11,670
што азначае, што хто-небудзь на
Інтэрнэт можа ўбачыць, што вы друкуеце.

1567
01:13:11,670 --> 01:13:15,104
Так што, можа быць, проста разгледзець
ня няёмка сябе

1568
01:13:15,104 --> 01:13:18,020
калі вы кладзеце свой першы вэб
старонка там публічна выпадкова,

1569
01:13:18,020 --> 01:13:20,134
але ніхто не збіраецца
ведаць, каб шукаць там у любым выпадку.

1570
01:13:20,134 --> 01:13:23,760
>> І two-- дазвольце мне кінуць
да гэтага URL, а таксама,

1571
01:13:23,760 --> 01:13:28,250
асабліва калі вы прыйшлі ў сёння
ледзь менш камфортна, чым іншыя,

1572
01:13:28,250 --> 01:13:30,430
не ведаючы, што азначае, што ўсе гэтыя рэчы.

1573
01:13:30,430 --> 01:13:36,780
Усвядомце, што нашмат больш гэтага відэа,
які з'яўляецца адначасова добрым спосабам, каб заснуць

1574
01:13:36,780 --> 01:13:39,380
а таксама смяяцца час
Паступаючы такім чынам, таксама мае

1575
01:13:39,380 --> 01:13:44,300
шмат societally цікава
і бяспекі, якія адпавядаюць абмеркавання

1576
01:13:44,300 --> 01:13:47,370
у ім ад Джона Олівера,
хоць і комік.

1577
01:13:47,370 --> 01:13:55,456
>> Але калі няма пытанняў, то
што прыводзіць нас да прыёму.

1578
01:13:55,456 --> 01:13:56,830
Дык чаму ж я не ўключаем музыку.

1579
01:13:56,830 --> 01:13:58,610
Там павінна быць напоі
і закускі звонку.

1580
01:13:58,610 --> 01:14:00,220
Я рады, каб змяшацца па
Пакуль людзі хацелі б,

1581
01:14:00,220 --> 01:14:01,600
адказаць на пытанні, яшчэ адзін-на-адзін.

1582
01:14:01,600 --> 01:14:03,330
Але, у адваротным выпадку, вы заўсёды можаце
каб зняць у любы момант,

1583
01:14:03,330 --> 01:14:05,740
і мы ўбачымся
заўтра раніцай для трохі больш.

1584
01:14:05,740 --> 01:14:07,290
Добра, дзякуй.

1585
01:14:07,290 --> 01:14:10,428