1
00:00:00,000 --> 00:00:07,440

2
00:00:07,440 --> 00:00:08,180
>> TOMAS REIMERS：嗨，大家好。

3
00:00:08,180 --> 00:00:09,250
我叫托马斯赖默斯。

4
00:00:09,250 --> 00:00:10,500
>> MIKE RIZZO：我是麦克里佐。

5
00:00:10,500 --> 00:00:12,990
>> TOMAS REIMERS：我们是两个CS50s变性人。

6
00:00:12,990 --> 00:00:18,910
而今天我们领先的研讨会
JavaScript和CSS的Web应用程序。

7
00:00:18,910 --> 00:00:22,140
如果你想跟随的
链接就在那边。

8
00:00:22,140 --> 00:00:25,190
而你想要把它
在电脑上简单地？

9
00:00:25,190 --> 00:00:27,460
>> 还有的链接。

10
00:00:27,460 --> 00:00:30,390
这是一个小的网站，里面有链接
所有我们要成为资源

11
00:00:30,390 --> 00:00:36,490
今天指着你，也有很多的
写的我们有用的信息

12
00:00:36,490 --> 00:00:39,680
阅读更深入，当你回去，
和你想记住什么

13
00:00:39,680 --> 00:00:42,166
我们到底说的话，是你
议论纷纷，等等。

14
00:00:42,166 --> 00:00:43,870
>> MIKE RIZZO：好吧。

15
00:00:43,870 --> 00:00:44,890
因此，让我们开始。

16
00:00:44,890 --> 00:00:45,700
>> TOMAS REIMERS：所以，你要开始？

17
00:00:45,700 --> 00:00:45,970
确定。

18
00:00:45,970 --> 00:00:47,170
>> MIKE RIZZO：是啊。

19
00:00:47,170 --> 00:00:51,730
因此，我们首先要开始广泛
概述关于互联网和

20
00:00:51,730 --> 00:00:54,240
在设计网站时的文件类型。

21
00:00:54,240 --> 00:00:57,550
虽然此演示文稿不是我们不想
进入到JavaScript的很多很多

22
00:00:57,550 --> 00:01:00,320
后来，我们想用开始
只是，那种，像一只鸟的眼睛视图

23
00:01:00,320 --> 00:01:03,270
一个什么样的网站是如何
想想设计

24
00:01:03,270 --> 00:01:04,800
网站的开始。

25
00:01:04,800 --> 00:01:08,370
>> 所以你们，在这一点 - 它
是星期五晚上 - 应该有

26
00:01:08,370 --> 00:01:11,000
提交您的CS50融资
习题集。

27
00:01:11,000 --> 00:01:15,260
我们希望，这是一个好味道
什么web编程即可。

28
00:01:15,260 --> 00:01:18,261
但在这里我们想，善良，给
你另一种味道，也是如此。

29
00:01:18,261 --> 00:01:23,190
>> TOMAS REIMERS：所以只是为了回顾一下
发生，当您在您的网址输入

30
00:01:23,190 --> 00:01:26,650
您的Web浏览器，该URL获取
在电脑抬起头来。

31
00:01:26,650 --> 00:01:28,590
与您的计算机的连接
到另一台计算机，

32
00:01:28,590 --> 00:01:29,890
它承载该网站。

33
00:01:29,890 --> 00:01:33,150
好了，当你去到google.com，你
连接到谷歌的一

34
00:01:33,150 --> 00:01:36,496
计算机，其具有
文件google.com。

35
00:01:36,496 --> 00:01:38,750
>> 它然后请求一个特定的文件。

36
00:01:38,750 --> 00:01:40,020
所以，如果你去 - 

37
00:01:40,020 --> 00:01:41,550
我不知道 - 

38
00:01:41,550 --> 00:01:48,170
example.com / index.html或/ test.html的，
你要去问

39
00:01:48,170 --> 00:01:49,340
该特定文件。

40
00:01:49,340 --> 00:01:52,780
与Web服务器的打算
将它归还给您。

41
00:01:52,780 --> 00:01:54,910
>> 然后，一旦你通过这个文件 - 

42
00:01:54,910 --> 00:01:57,750

43
00:01:57,750 --> 00:01:59,950
一旦你的计算机得到的
文件 - 这将启动

44
00:01:59,950 --> 00:02:00,820
建立一个网页。

45
00:02:00,820 --> 00:02:03,020
所以，现在它有HTML文件，
这是有点像

46
00:02:03,020 --> 00:02:05,170
网页的结构。

47
00:02:05,170 --> 00:02:08,620
HTML文件也可能会参照
CSS文件，它定义了

48
00:02:08,620 --> 00:02:09,889
式的网页。

49
00:02:09,889 --> 00:02:12,970
>> JavaScript文件，它定义
与网页交互。

50
00:02:12,970 --> 00:02:15,200
图像文件，这只是影像。

51
00:02:15,200 --> 00:02:19,450
并可能链接到其他HTML文件，
然后你可以访问。

52
00:02:19,450 --> 00:02:22,656

53
00:02:22,656 --> 00:02:24,380
>> MIKE RIZZO：好，太好了。

54
00:02:24,380 --> 00:02:28,980
所以，你们都有，也许，
精心设置你的本地主机

55
00:02:28,980 --> 00:02:30,810
在你的虚拟机。

56
00:02:30,810 --> 00:02:35,650
而这只是，那种，是当地
你的电脑只有主机域名

57
00:02:35,650 --> 00:02:38,760
为你在你自己的IP地址。

58
00:02:38,760 --> 00:02:43,300
>> 所以在这一点，那么你可以添加
它自己的网页。

59
00:02:43,300 --> 00:02:47,655
我的意思是，在CS50财经，你应该有
增加了一些HTML页面，这是，

60
00:02:47,655 --> 00:02:49,410
排序的，裹在PHP包装器。

61
00:02:49,410 --> 00:02:54,690
但最终，你的PHP页面
被输出为HTML格式。

62
00:02:54,690 --> 00:02:58,210
>> 但回想起一开始
在PSET，我们不得不设置

63
00:02:58,210 --> 00:03:00,890
权限的一切，对吧？

64
00:03:00,890 --> 00:03:07,270
因此，这基本上只是让我们知道
谁可以读取，写入，和可能

65
00:03:07,270 --> 00:03:08,730
执行每个文件。

66
00:03:08,730 --> 00:03:11,870
所以我们要做一个快速的 - 嗯？

67
00:03:11,870 --> 00:03:15,660
>> TOMAS REIMERS：所以我们要
做一个快速演示。

68
00:03:15,660 --> 00:03:19,560
因此，只是为了提醒你，当你
连接到谷歌的电脑 - 

69
00:03:19,560 --> 00:03:20,690
谁 - 

70
00:03:20,690 --> 00:03:24,060
并请求文件时，计算机首先
需要确保你的授权

71
00:03:24,060 --> 00:03:28,790
实际查看该文件或阅读
文件，因为你不能只问

72
00:03:28,790 --> 00:03:30,430
该计算机上的任何文件，对不对？

73
00:03:30,430 --> 00:03:32,260
这将是一个安全隐患。

74
00:03:32,260 --> 00:03:37,020
>> 因此，在我们使用的系统，如文件
这CS50家电，有三个

75
00:03:37,020 --> 00:03:39,200
谁可以拥有一般人
权限的东西。

76
00:03:39,200 --> 00:03:41,610
第一个是实际
表示文件所有者。

77
00:03:41,610 --> 00:03:43,820
二是组
该文件属于。

78
00:03:43,820 --> 00:03:46,090
我们不会把重点
太多了。

79
00:03:46,090 --> 00:03:50,010
而最后一件事是，排序的，像
世界还是和其他人一样谁的

80
00:03:50,010 --> 00:03:54,130
不是特定于该文件，并且不
有超过它的任何所有权。

81
00:03:54,130 --> 00:04:05,650
>> 因此，如果我们有所有者，组，
然后世界。

82
00:04:05,650 --> 00:04:10,510
然后，对于每个这些基团中，则
可以有三种权限之一，

83
00:04:10,510 --> 00:04:13,010
OK，或多他们。

84
00:04:13,010 --> 00:04:15,070
你可以有读取权限。

85
00:04:15,070 --> 00:04:16,560
你可以有正确的权限。

86
00:04:16,560 --> 00:04:18,880
你可以有执行权限。

87
00:04:18,880 --> 00:04:22,060
>> 所以在实际的文件类型而言，读
权限是像实际阅读

88
00:04:22,060 --> 00:04:23,250
该文件的内容。

89
00:04:23,250 --> 00:04:24,730
右许可写作
到上述文件。

90
00:04:24,730 --> 00:04:28,370
的执行权限运行
文件，当您运行一个像你这样做

91
00:04:28,370 --> 00:04:29,620
您的CS50项目。

92
00:04:29,620 --> 00:04:32,190

93
00:04:32,190 --> 00:04:38,820
>> 所以，当我们正在考虑文件
就像当我们需要读一个HTML

94
00:04:38,820 --> 00:04:41,790
文件，需要将世界
可读的，对不对？

95
00:04:41,790 --> 00:04:44,420
据推测，也希望业主
能够编辑该文件。

96
00:04:44,420 --> 00:04:46,610
所以店主的将需要
读取和写入权限。

97
00:04:46,610 --> 00:04:48,710
他们并不真正需要执行。

98
00:04:48,710 --> 00:04:50,950
>> 集团，我们要治疗
同样作为世界现在。

99
00:04:50,950 --> 00:04:54,610
所以他们需要的读取权限。

100
00:04:54,610 --> 00:04:57,310
但他们并不需要写
或执行权限。

101
00:04:57,310 --> 00:05:01,920
而现在，如果我们回想起前
pset时，我们体会到什么是这几样

102
00:05:01,920 --> 00:05:03,360
看起来像二进制，对不对？

103
00:05:03,360 --> 00:05:04,210
1代表肯定。

104
00:05:04,210 --> 00:05:05,040
0表示没有。

105
00:05:05,040 --> 00:05:06,870
我们实际上可以翻译
此为二进制。

106
00:05:06,870 --> 00:05:10,478
>> 所以在二元110将是6。

107
00:05:10,478 --> 00:05:13,270
100将是4。

108
00:05:13,270 --> 00:05:14,690
同样与世界。

109
00:05:14,690 --> 00:05:20,846
这样的数量，你会得到的
这个权限应该是644。

110
00:05:20,846 --> 00:05:24,400
>> MIKE RIZZO：如果你回想一下
当你chmoded的东西，我相信

111
00:05:24,400 --> 00:05:28,980
它们中的问题得到设置
例如，你可以这样做

112
00:05:28,980 --> 00:05:36,470
像CHMOD 644
然后文件名。

113
00:05:36,470 --> 00:05:39,980
644那么，你现在可以直接看到
从何而来。

114
00:05:39,980 --> 00:05:42,840
所以希望，使该
更加清楚一点。

115
00:05:42,840 --> 00:05:45,600
>> 然后你家伙的清晰度 - 

116
00:05:45,600 --> 00:05:48,200
哦，是的，这是这里了。

117
00:05:48,200 --> 00:05:53,260
所以，600随后也只是例子
我们放弃了这里那里的主人有

118
00:05:53,260 --> 00:05:56,360
阅读和正确的权限，而组
和世界上没有任何权限

119
00:05:56,360 --> 00:05:58,145
访问该文件。

120
00:05:58,145 --> 00:06:01,500
>> TOMAS REIMERS：然后我们有一个快速
常见的权限列表。

121
00:06:01,500 --> 00:06:05,250
这样的目录，你要
实际搭配chmod 711。

122
00:06:05,250 --> 00:06:08,930
快速拨出 - 为一个目录有
可执行权限表示，能够

123
00:06:08,930 --> 00:06:11,680
来打开该目录。

124
00:06:11,680 --> 00:06:15,280
图片，CSS，JavaScript的HTML需求
644因为，基本上，在世界

125
00:06:15,280 --> 00:06:16,400
需要读取权限。

126
00:06:16,400 --> 00:06:20,960
>> 和PHP，这你们见过
虽然我们不会谈论它

127
00:06:20,960 --> 00:06:24,880
严格通常chmoded与
因为它的运行许可600

128
00:06:24,880 --> 00:06:26,540
所有者的权限。

129
00:06:26,540 --> 00:06:27,790
至少在设备上。

130
00:06:27,790 --> 00:06:30,200

131
00:06:30,200 --> 00:06:36,870
>> MIKE RIZZO：所以，如果你不明确
指定哪些类型的文件

132
00:06:36,870 --> 00:06:39,480
要在实际设置
达此演示文稿 - 

133
00:06:39,480 --> 00:06:43,490
我们有这个问题，因为
一切都没有chmoded正确 - 

134
00:06:43,490 --> 00:06:47,550
你会得到那种，一
Forbidden错误，该网站

135
00:06:47,550 --> 00:06:49,700
实际上不具有权限
访问任何文件

136
00:06:49,700 --> 00:06:51,370
你想它来访问。

137
00:06:51,370 --> 00:06:54,780
当然，也可以是固定的 - 
在问题设置 - 通过改变

138
00:06:54,780 --> 00:06:56,405
适当的权限。

139
00:06:56,405 --> 00:06:59,620
>> TOMAS REIMERS：而对于最后一个注释
当地迅速发展 - 我们

140
00:06:59,620 --> 00:07:02,000
提出这个问题，但我们只是想
要重提这个话题 - 

141
00:07:02,000 --> 00:07:06,230
如果你问一个服务器 - 所以本地主机，
例如，COM或什么 - 

142
00:07:06,230 --> 00:07:09,170
你不指定特定的文件，
您的电脑会文件

143
00:07:09,170 --> 00:07:11,540
要问的是index.html。

144
00:07:11,540 --> 00:07:12,790
或者，如果不存在，index.php文件。

145
00:07:12,790 --> 00:07:15,560

146
00:07:15,560 --> 00:07:16,350
>> 凉爽。

147
00:07:16,350 --> 00:07:19,560
所以，这只是一切的回顾一下，
但愿，我们已经涵盖在

148
00:07:19,560 --> 00:07:22,800
部分，讲座，
到目前为止在CS50。

149
00:07:22,800 --> 00:07:26,110
现在我们要开始讨论
关于具体的库。

150
00:07:26,110 --> 00:07:30,270
JavaScript和CSS库
对于Web应用程序。

151
00:07:30,270 --> 00:07:36,350
>> 因此，一个快速的原因，我们有
库是编程 - 

152
00:07:36,350 --> 00:07:39,000
有很多的问题
编程，它不断弹出

153
00:07:39,000 --> 00:07:40,570
又一次，又一次，又一次。

154
00:07:40,570 --> 00:07:43,870
您可能会注意到有很多网站
需要有下拉的能力

155
00:07:43,870 --> 00:07:49,100
的菜单，例如，或需要的能力
有一个非常标准按钮

156
00:07:49,100 --> 00:07:51,400
式，它可能不
最简单的事情。

157
00:07:51,400 --> 00:07:54,670
现在，你开始得到转换成HTML，你
意识到按键实际上可以

158
00:07:54,670 --> 00:07:57,720
看起来真难看，如果你
什么也不做。

159
00:07:57,720 --> 00:08:00,830
>> 所以很多人都写
所谓库。

160
00:08:00,830 --> 00:08:02,990
在这方面，他们是
也被称为框架。

161
00:08:02,990 --> 00:08:04,790
我们将使用
2互换。

162
00:08:04,790 --> 00:08:07,360
和它们是什么是他们基本上
预制件的代码 - 

163
00:08:07,360 --> 00:08:09,130
无论是CSS或JavaScript  - 

164
00:08:09,130 --> 00:08:13,240
那带走大量的
组队你有编码。

165
00:08:13,240 --> 00:08:17,290
>> 所以他们预先定义一组类或
预先定义一组函数

166
00:08:17,290 --> 00:08:20,110
JavaScript的情况下，这
你可以调用以后。

167
00:08:20,110 --> 00:08:22,690
然后你就可以，有点，得到
访问该代码，而

168
00:08:22,690 --> 00:08:23,710
不必做任何事情。

169
00:08:23,710 --> 00:08:27,750
该库的一个例子是CS50.H.
这是我们给你回库

170
00:08:27,750 --> 00:08:32,090
在一个星期内，允许你做
这样的事情调用getInt和GetString

171
00:08:32,090 --> 00:08:35,237
无需编写
自己的任何代码。

172
00:08:35,237 --> 00:08:36,179
>> MIKE RIZZO：好吧。

173
00:08:36,179 --> 00:08:40,299
所以在这里，就像我们必须包括
在我们的c文件的不同

174
00:08:40,299 --> 00:08:46,570
图书馆，我们也应该包括在
我们的HTML文件不同的库。

175
00:08:46,570 --> 00:08:50,310
例如，如果我们想包括
这里特定的JavaScript库，

176
00:08:50,310 --> 00:08:52,850
也许，一个我们已经写
自己作为它的本地托管

177
00:08:52,850 --> 00:08:56,000
所谓的script.js，我们只是
使用这个符号。

178
00:08:56,000 --> 00:08:59,500
>> 因此，我们有脚本类型的equals
JavaScript源代码的equals

179
00:08:59,500 --> 00:09:01,260
JavaScript.js。

180
00:09:01,260 --> 00:09:05,190
如果你回想一下你的CS50
金融问题设置，如果你在看

181
00:09:05,190 --> 00:09:09,190
header.php文件中的模板文件夹，
你应该已经看到

182
00:09:09,190 --> 00:09:10,970
其中的一些包括在内。

183
00:09:10,970 --> 00:09:13,250
所以这第一个 - 脚本 - 

184
00:09:13,250 --> 00:09:16,080
是包含一个JavaScript库。

185
00:09:16,080 --> 00:09:18,760
包括一个CSS库
有一点点不同。

186
00:09:18,760 --> 00:09:21,430
>> 这里，代替脚本
标记你需要的链接标签。

187
00:09:21,430 --> 00:09:27,110
然后，在文本的CSS型
有一点不同。

188
00:09:27,110 --> 00:09:29,270
你并不总是必须包括
REL样式表。

189
00:09:29,270 --> 00:09:30,970
但我认为这是，通常，
好的做法。

190
00:09:30,970 --> 00:09:35,810
>> 然后最后，HREF，你
也许在你的ATAGs看到的链接

191
00:09:35,810 --> 00:09:39,440
在不同的环节只是指定
在哪里可以找到该链接。

192
00:09:39,440 --> 00:09:42,250
例如，如果我们想要把一个
不同的库 - 我们只能说 - 

193
00:09:42,250 --> 00:09:49,330
那住在styles.css的。

194
00:09:49,330 --> 00:09:54,030
我们想链接在这
托管在网络上，我们会复制。

195
00:09:54,030 --> 00:09:58,834
然后将其粘贴到任何
我们就在这里吧。

196
00:09:58,834 --> 00:10:01,340
>> TOMAS REIMERS：好吧，希望你
你们已经很熟悉

197
00:10:01,340 --> 00:10:02,410
与如何链接的CSS。

198
00:10:02,410 --> 00:10:04,000
你所要做的是在
你最后的褐色集。

199
00:10:04,000 --> 00:10:07,110
JavaScript中，有些人也许
有一定的经验。

200
00:10:07,110 --> 00:10:07,980
你们当中有些人可能不会。

201
00:10:07,980 --> 00:10:12,190
>> 所以现在，知道一个JavaScript文件
很象在CSS文件中

202
00:10:12,190 --> 00:10:15,640
您可以链接到它或意识
您可以在内部包含它。

203
00:10:15,640 --> 00:10:17,360
它可以让你的脚本的东西。

204
00:10:17,360 --> 00:10:21,820
而我们将引导您通过
JavaScript的稍后一点。

205
00:10:21,820 --> 00:10:23,560
>> 因此，使用一个库 - 

206
00:10:23,560 --> 00:10:26,150
一旦你已经包括了它，它的作为
简单的字面调用

207
00:10:26,150 --> 00:10:29,640
功能或添加
类名给它。

208
00:10:29,640 --> 00:10:32,220
我们要谈的最后一件事
有关图书馆方面 - 

209
00:10:32,220 --> 00:10:34,180
这更多的是一种技术说明 - 

210
00:10:34,180 --> 00:10:35,860
是开源许可。

211
00:10:35,860 --> 00:10:41,550
所以，当你发现这些实际的库，
你可能会想到的

212
00:10:41,550 --> 00:10:47,630
问题是喜欢就OK，我只是
使用别人的代码，特别是

213
00:10:47,630 --> 00:10:51,970
因为这是我们非常
告诉你在这个过程中无法做到的。

214
00:10:51,970 --> 00:10:55,790
>> 因此，在开源许可的情况下，
很多开发者 - 

215
00:10:55,790 --> 00:10:57,540
一旦他们已经写了一个库，
他们认为可能是

216
00:10:57,540 --> 00:10:59,450
帮助别人 - 

217
00:10:59,450 --> 00:11:02,420
将它发布到网上
并给它一个牌照。

218
00:11:02,420 --> 00:11:06,620
和牌基本上说，我在此
授予权限给其他

219
00:11:06,620 --> 00:11:11,250
人们使用这个软件
具有下列排序

220
00:11:11,250 --> 00:11:13,230
规定。

221
00:11:13,230 --> 00:11:16,100
>> 我们提供了一个链接到一个很好的网站，
帮助您了解在牌照

222
00:11:16,100 --> 00:11:17,720
如果你碰上他们。

223
00:11:17,720 --> 00:11:21,680
常见的规定是一样的东西
欢迎您使用我的图书馆等等

224
00:11:21,680 --> 00:11:23,000
只要你给我的信用。

225
00:11:23,000 --> 00:11:25,670
欢迎您使用我的图书馆
只要当它打破

226
00:11:25,670 --> 00:11:26,790
你不要怪我。

227
00:11:26,790 --> 00:11:30,310
欢迎您使用我的图书馆这么久
因为你不使用它来赚钱

228
00:11:30,310 --> 00:11:31,910
为你自己。

229
00:11:31,910 --> 00:11:34,130
这是种常见的
规定。

230
00:11:34,130 --> 00:11:37,780
>> 对于这个CS50最后的项目，他们
不应该是超级重要，因为

231
00:11:37,780 --> 00:11:41,440
那你们使用的项目
大概是有点，有点，称为。

232
00:11:41,440 --> 00:11:44,170
但是当你真正就往
世界并开始使用的库，这

233
00:11:44,170 --> 00:11:48,100
可能会或可能不会，以及实施
一些比较流行的我们

234
00:11:48,100 --> 00:11:49,780
将要经历的一切。

235
00:11:49,780 --> 00:11:53,310
这是很好的能够理解
这些许可证，并

236
00:11:53,310 --> 00:11:54,560
明白他们的意思。

237
00:11:54,560 --> 00:11:58,120

238
00:11:58,120 --> 00:11:58,586
和回头路。

239
00:11:58,586 --> 00:12:00,960
>> MIKE RIZZO：确定。

240
00:12:00,960 --> 00:12:04,850
所以，现在移动到实例
实际的CSS。

241
00:12:04,850 --> 00:12:07,770
在这一点上，到目前为止，你可能
没有遇到过这一点。

242
00:12:07,770 --> 00:12:10,300
但你可能已经在遇到它
你每天的生活，那里的东西

243
00:12:10,300 --> 00:12:13,160
看起来单程在一个浏览器
可能看起来不一样

244
00:12:13,160 --> 00:12:14,880
这样在另一个浏览器。

245
00:12:14,880 --> 00:12:17,400
>> 这就是所谓的浏览器的浏览器
兼容性。

246
00:12:17,400 --> 00:12:20,780
并日益它变得越来越
更大的问题，特别是作为

247
00:12:20,780 --> 00:12:25,260
浏览器把越来越多的自由
实现的事情，因为他们想要的。

248
00:12:25,260 --> 00:12:28,440
因此，要克服的是，这里居然是
一个伟大的图书馆称为Normalize.CSS。

249
00:12:28,440 --> 00:12:32,236

250
00:12:32,236 --> 00:12:33,770
>> TOMAS REIMERS：我们包括的链接。

251
00:12:33,770 --> 00:12:36,210
在这一点上，它是有益的，如果
你有你的笔记本电脑在那里

252
00:12:36,210 --> 00:12:38,740
看着现场。

253
00:12:38,740 --> 00:12:42,580
我们正在给你给这个权利
现在仅仅是因为CS50最终

254
00:12:42,580 --> 00:12:44,370
项目实际上是要
请你来实现它

255
00:12:44,370 --> 00:12:45,860
同样，通过浏览器。

256
00:12:45,860 --> 00:12:49,250
>> 因此，只要保持你的背部
头，这是一个奇妙库

257
00:12:49,250 --> 00:12:51,170
排序的，因为它会，
标准化的东西。

258
00:12:51,170 --> 00:12:54,230
在Firefox中，一些可能会显示
作为一个像素到左边。

259
00:12:54,230 --> 00:12:58,390
然后Chrome浏览器可能会决定，实际上
你的意思是10个像素

260
00:12:58,390 --> 00:12:59,380
到左边。

261
00:12:59,380 --> 00:13:01,030
并且要规范这一点。

262
00:13:01,030 --> 00:13:05,360
标准化将真正做一个真正的好
确保就业网站

263
00:13:05,360 --> 00:13:08,070
看起来是一样的跨浏览器。

264
00:13:08,070 --> 00:13:10,660
>> MIKE RIZZO：所以，如果我们想刚
点击链接真的很快，并显示

265
00:13:10,660 --> 00:13:13,140
你是什​​么样子，你
可以使用下载的

266
00:13:13,140 --> 00:13:14,670
巨大的下载按钮。

267
00:13:14,670 --> 00:13:18,520
或者，我鼓励您阅读更多关于它
通过点击下此链接

268
00:13:18,520 --> 00:13:19,310
右上角。

269
00:13:19,310 --> 00:13:22,420
>> TOMAS REIMERS：如果你真的
点击阅读更多就在那里 - 

270
00:13:22,420 --> 00:13:24,340
点击GitHub上源 - 

271
00:13:24,340 --> 00:13:31,720
你会真正看到了开源
在LICENSE.md特许权存在。

272
00:13:31,720 --> 00:13:35,740
你会看到这里是
非常流行的MIT许可。

273
00:13:35,740 --> 00:13:38,940
同样，如果你通过文字阅读，
你就可以找到它在网站上

274
00:13:38,940 --> 00:13:42,550
我们之前引用，并能
了解它，而不必阅读

275
00:13:42,550 --> 00:13:45,920
通过法律术语。

276
00:13:45,920 --> 00:13:46,850
>> MIKE RIZZO：好，太好了。

277
00:13:46,850 --> 00:13:47,940
这就是标准化。

278
00:13:47,940 --> 00:13:49,190
我们想给你
那真的很快。

279
00:13:49,190 --> 00:13:50,030
哦，你有问题吗？

280
00:13:50,030 --> 00:13:53,013
>> 观众：所以当你下载它，你
只要按照这些代码，他们有

281
00:13:53,013 --> 00:13:54,098
在下载按钮？

282
00:13:54,098 --> 00:13:55,860
>> TOMAS REIMERS：是的，所以
当你下载 - 

283
00:13:55,860 --> 00:13:58,130
>> MIKE RIZZO：哦，那是一个伟大的一点。

284
00:13:58,130 --> 00:14:00,700
所以现在的问题是怎么办
我们实际上下载呢？

285
00:14:00,700 --> 00:14:03,260
因此，如果我们点击链接，我们看到
它实际上弹出

286
00:14:03,260 --> 00:14:05,030
在源代码。

287
00:14:05,030 --> 00:14:08,550
因此，要做到这一点，我们可以
做的只是单击另存为。

288
00:14:08,550 --> 00:14:10,830
另存为和应
打开一个文件。

289
00:14:10,830 --> 00:14:14,160
然后我们可以选择保存
它作为normalize.CSS。

290
00:14:14,160 --> 00:14:15,810
然后你必须在挂靠 - 

291
00:14:15,810 --> 00:14:18,660
>> TOMAS REIMERS：用同样的方法你
在任何其他文件链接。

292
00:14:18,660 --> 00:14:22,250
而一旦你的联系起来，什么是伟大的
关于标准化是它实际上将

293
00:14:22,250 --> 00:14:25,920
利用所有的辛苦照顾
本身的工作。

294
00:14:25,920 --> 00:14:27,730
这意味着你不必
添加任何类。

295
00:14:27,730 --> 00:14:29,690
>> 你不必做任何事情不可思议。

296
00:14:29,690 --> 00:14:34,590
这将正常化，没有你
进一步做任何事情。

297
00:14:34,590 --> 00:14:36,083
是的，你必须把它列入。

298
00:14:36,083 --> 00:14:38,990

299
00:14:38,990 --> 00:14:40,240
谷歌Chrome浏览器没有响应。

300
00:14:40,240 --> 00:14:43,270

301
00:14:43,270 --> 00:14:44,860
>> 只是一个快速拨出 - 

302
00:14:44,860 --> 00:14:46,800
我注意到我们跳入这一点。

303
00:14:46,800 --> 00:14:49,010
此演示文稿的其余部分是
将是一个快速概述。

304
00:14:49,010 --> 00:14:50,380
图书馆的调查。

305
00:14:50,380 --> 00:14:52,710
>> 基本上，它们是什么。

306
00:14:52,710 --> 00:14:53,350
他们做了什么。

307
00:14:53,350 --> 00:14:54,060
他们怎么是有用的。

308
00:14:54,060 --> 00:14:56,540
你会如何​​实现它们。

309
00:14:56,540 --> 00:14:59,730
如果你想开始看着他们，
沿以下，并通过阅读

310
00:14:59,730 --> 00:15:01,990
他们，我会极力鼓励。

311
00:15:01,990 --> 00:15:07,620
>> 另外，欢迎你也来
开始下载它们，包括

312
00:15:07,620 --> 00:15:11,400
他们一见倾心只是为了看看他们
看起来像或者他们做，如果你有什么

313
00:15:11,400 --> 00:15:12,270
你的笔记本电脑在你的面前。

314
00:15:12,270 --> 00:15:14,650
如果没有，欢迎您继续
听我们说话。

315
00:15:14,650 --> 00:15:15,500
我们将继续谈判。

316
00:15:15,500 --> 00:15:18,680
我们有时间的尽头，有希望
我们将真正进入你展示

317
00:15:18,680 --> 00:15:20,946
什么一些这些库
样子。

318
00:15:20,946 --> 00:15:22,320
>> MIKE RIZZO：酷。

319
00:15:22,320 --> 00:15:25,466
好吧，那么现在让我们来谈谈
关于字体真棒。

320
00:15:25,466 --> 00:15:30,480
>> TOMAS REIMERS：所以字体真棒是
很整洁的网站，特别是对那些

321
00:15:30,480 --> 00:15:32,450
我们谁是少的艺术
才华。

322
00:15:32,450 --> 00:15:36,330

323
00:15:36,330 --> 00:15:38,880
无视名称字体真棒，它给
你一堆的图标，这是

324
00:15:38,880 --> 00:15:41,050
非常有用的。

325
00:15:41,050 --> 00:15:45,950
所以很多时候，你会实施
图标，你可能要像一个漂亮的x这样

326
00:15:45,950 --> 00:15:47,170
您可以关闭一些东西。

327
00:15:47,170 --> 00:15:49,910
>> 或者你可能想一些编辑按钮
用像铅笔画

328
00:15:49,910 --> 00:15:50,940
每个人都有。

329
00:15:50,940 --> 00:15:53,850
而当你学习这
绘制这些图标可以

330
00:15:53,850 --> 00:15:55,510
非常繁琐和困难。

331
00:15:55,510 --> 00:15:59,160
真棒字体 - 如果你真的
去工地 - 

332
00:15:59,160 --> 00:16:02,892
为您提供了很多图标下
该图标在顶部。

333
00:16:02,892 --> 00:16:06,980
是啊，就在上面。

334
00:16:06,980 --> 00:16:09,030
它会给你很多
图标是免费的。

335
00:16:09,030 --> 00:16:15,210
>> 所以在这里你看我们有事情像
星号，酒吧，闪电，一

336
00:16:15,210 --> 00:16:19,750
日历，一个错误，一本书，等等。

337
00:16:19,750 --> 00:16:21,110
这可以是非常有用的。

338
00:16:21,110 --> 00:16:24,290
你有这个问题的方法是你有
从字面上的CSS文件。

339
00:16:24,290 --> 00:16:29,760
而你已经包含了CSS文件之后，
你可以做的是创建一个

340
00:16:29,760 --> 00:16:33,430
标签叫一它satands的
与类FA图标

341
00:16:33,430 --> 00:16:34,460
站立字体真棒。

342
00:16:34,460 --> 00:16:36,330
然后，你想要的任何类。

343
00:16:36,330 --> 00:16:41,220
>> 所以，如果我想这加一个图标
在这里广场，我想给

344
00:16:41,220 --> 00:16:43,290
它的类足总杯。

345
00:16:43,290 --> 00:16:46,230
然后足总杯连字符加连字符广场。

346
00:16:46,230 --> 00:16:50,325

347
00:16:50,325 --> 00:16:53,710
>> MIKE RIZZO：冷，确定。

348
00:16:53,710 --> 00:16:56,980
>> TOMAS REIMERS：然后，最后的CSS
库，我们希望我们打通

349
00:16:56,980 --> 00:16:59,950
试图保持它在极小的CSS
库，因为我们不知道的

350
00:16:59,950 --> 00:17:03,660
此演示文稿的标题
是JavaScript库。

351
00:17:03,660 --> 00:17:07,089
但我们认为，大家不妨
您介绍的其他库

352
00:17:07,089 --> 00:17:09,569
当我们在谈论库。

353
00:17:09,569 --> 00:17:11,400
>> 这是谷歌的Web字体。

354
00:17:11,400 --> 00:17:17,040
什么谷歌网页字体可以让你
要做的就是添加字体到你的网站，

355
00:17:17,040 --> 00:17:22,079
这是一个非常简单的方法，使
漂亮，来区分你的设置

356
00:17:22,079 --> 00:17:24,460
从其他人的是，如果它有
一个漂亮的字体，或者如果它有一个很好的

357
00:17:24,460 --> 00:17:27,790
收集的字体。

358
00:17:27,790 --> 00:17:31,410
谷歌Web字体是不错不像其他
在这个意义上的库，这是一个

359
00:17:31,410 --> 00:17:33,490
真正引导安装。

360
00:17:33,490 --> 00:17:38,680
>> 所以，如果你按照链接，它的
google.com / fonts下，我相信。

361
00:17:38,680 --> 00:17:41,100
如果你遵循这一点，你
可以选择你的字体。

362
00:17:41,100 --> 00:17:44,410
你可以选择从左侧
厚度，倾斜，等等。

363
00:17:44,410 --> 00:17:48,970
然后，一旦你选中的人，
您可以点击快速使用。

364
00:17:48,970 --> 00:17:49,820
就在那里。

365
00:17:49,820 --> 00:17:51,590
盒子的右下角。

366
00:17:51,590 --> 00:17:54,380

367
00:17:54,380 --> 00:17:56,700
>> 然后，向下滚动。

368
00:17:56,700 --> 00:17:59,600

369
00:17:59,600 --> 00:18:02,650
首先，他们给你的CSS，这
你需要实际链接到它。

370
00:18:02,650 --> 00:18:03,330
它就在那里。

371
00:18:03,330 --> 00:18:05,170
你可以复制和粘贴英寸

372
00:18:05,170 --> 00:18:07,250
而关于这一个好处是
你实际上并不甚至需要

373
00:18:07,250 --> 00:18:08,340
下载该文件。

374
00:18:08,340 --> 00:18:11,170
>> 什么是它要做的是它会
链接到谷歌的版本吧。

375
00:18:11,170 --> 00:18:14,130
所以回到什么意思。

376
00:18:14,130 --> 00:18:18,270
这意味着，当一个用户
下载你的文件 - 

377
00:18:18,270 --> 00:18:22,300
下载你的HTML页面 - 你的HTML
页面将引用此文件。

378
00:18:22,300 --> 00:18:26,790
>> 那么，你的电脑是怎么回事，看看，
哦，这是托管在google.com，而

379
00:18:26,790 --> 00:18:28,170
比theirsite.com。

380
00:18:28,170 --> 00:18:30,370
让我去问问谷歌该文件。

381
00:18:30,370 --> 00:18:32,800
然后，它要包括
它几乎就好像它是一个

382
00:18:32,800 --> 00:18:35,584
您自己的网站的一部分。

383
00:18:35,584 --> 00:18:36,540
>> TOMAS REIMERS：酷。

384
00:18:36,540 --> 00:18:40,980
而一旦你有这一点，那么到
它包括在你的CSS，它可以让你

385
00:18:40,980 --> 00:18:41,830
实际线路。

386
00:18:41,830 --> 00:18:45,188
所以，你设置属性的字体系列
等于你的字体的名称。

387
00:18:45,188 --> 00:18:47,936

388
00:18:47,936 --> 00:18:50,440
>> MIKE RIZZO：确定。

389
00:18:50,440 --> 00:18:52,220
因此，我们刚完成的CSS。

390
00:18:52,220 --> 00:18:57,230
和一些你可能会想，好吧，
我们对CS50财经一些CSS。

391
00:18:57,230 --> 00:19:00,390
但CSS库是引导。

392
00:19:00,390 --> 00:19:05,190
我们实际上包括引导一点点
后来下的JavaScript，因为与

393
00:19:05,190 --> 00:19:09,660
自举的CSS库也来
有大量的JavaScript的

394
00:19:09,660 --> 00:19:12,060
引导或Twitter  - 
谁做引导 - 

395
00:19:12,060 --> 00:19:15,426
用来管理所有的CSS。

396
00:19:15,426 --> 00:19:19,592
>> TOMAS REIMERS：有没有人有任何
到目前为止，关于CSS中的一般性问题？

397
00:19:19,592 --> 00:19:20,723
我们是好？

398
00:19:20,723 --> 00:19:21,216
真棒。

399
00:19:21,216 --> 00:19:22,495
>> MIKE RIZZO：真棒。

400
00:19:22,495 --> 00:19:25,136
>> TOMAS REIMERS：所以移动
上到JavaScript。

401
00:19:25,136 --> 00:19:27,900
>> MIKE RIZZO：所以我们想谈
关于jQuery的开始。

402
00:19:27,900 --> 00:19:30,780
有没有人听说过的jQuery
或使用前呢？

403
00:19:30,780 --> 00:19:32,180
是啊，一对夫妇？

404
00:19:32,180 --> 00:19:36,000
所以，如果你只是与本地合作
JavaScript中，你会发现自己

405
00:19:36,000 --> 00:19:41,000
键入长了很多选择的很多。

406
00:19:41,000 --> 00:19:44,400
那么，jQuery也为它提供了
一个漂亮的包装器的JavaScript

407
00:19:44,400 --> 00:19:48,180
语言，让你轻松选择
和操纵不同的元素

408
00:19:48,180 --> 00:19:52,470
的文档对象模型中
网页或DOM中，我认为

409
00:19:52,470 --> 00:19:54,290
你们已听说过
演讲在这一点上。

410
00:19:54,290 --> 00:19:57,550
>> TOMAS REIMERS：如果你还没有听说过
它，如果你还没有看过讲座

411
00:19:57,550 --> 00:20:01,870
然而，文档对象模型是
基本上事情是如何表示的。

412
00:20:01,870 --> 00:20:05,290
因此，HTML有点看起来像一棵树
当你真正把它画出来。

413
00:20:05,290 --> 00:20:06,850
您对上面的HTML元素。

414
00:20:06,850 --> 00:20:07,560
你的头部和身体。

415
00:20:07,560 --> 00:20:09,500
>> 然后，在您
拥有一切。

416
00:20:09,500 --> 00:20:10,660
这就是被称为DOM  - 

417
00:20:10,660 --> 00:20:12,120
文档对象模型。

418
00:20:12,120 --> 00:20:16,090
所以这代表对象模型
该文件是一个简单的方法去思考

419
00:20:16,090 --> 00:20:18,560
有关。

420
00:20:18,560 --> 00:20:22,520
以及约jQuery的伟大的事情之一
是不是真的让穿越

421
00:20:22,520 --> 00:20:26,460
这一点，在操作件
这令人难以置信的简单。

422
00:20:26,460 --> 00:20:30,300
>> 就这么简单，事实上，大多数的
JavaScript库或者如果不是

423
00:20:30,300 --> 00:20:34,200
多数，盛大大部分的人
你会看到真正需要这样的jQuery

424
00:20:34,200 --> 00:20:37,530
他们可以简单地运行自己
因为如果你没有jQuery的，你

425
00:20:37,530 --> 00:20:40,540
会浪费很多时间试图
弄清楚如何选择特定的

426
00:20:40,540 --> 00:20:43,660
元素和如何做其他事情。

427
00:20:43,660 --> 00:20:47,950
而关于jQuery的另一个伟大的事情
是它的跨浏览器兼容。

428
00:20:47,950 --> 00:20:51,550
>> 所以记得当我们说，
不是所有的浏览器都实现

429
00:20:51,550 --> 00:20:53,100
东西是一样的呢？

430
00:20:53,100 --> 00:20:55,120
这是真实的，即使在JavaScript中。

431
00:20:55,120 --> 00:20:58,220
以及约jQuery的伟大的事情之一
是，它将检测

432
00:20:58,220 --> 00:21:00,300
浏览器和检测
适当的方法。

433
00:21:00,300 --> 00:21:03,420
>> 所以，如果你需要选择一个元素，
IE浏览器可能会说你是

434
00:21:03,420 --> 00:21:05,770
应该做的这种方式。

435
00:21:05,770 --> 00:21:08,300
火狐可能会说正确的
方法是这样的。

436
00:21:08,300 --> 00:21:09,710
jQuery的不关心。

437
00:21:09,710 --> 00:21:12,550
当你告诉了jQuery选择
元素就会弄清楚它是如何

438
00:21:12,550 --> 00:21:16,290
应该在浏览器中做的
用户目前处于，然后执行

439
00:21:16,290 --> 00:21:18,584
这种方式。

440
00:21:18,584 --> 00:21:22,650
>> MIKE RIZZO：所以我们不要谈
jQuery的的用法一点点。

441
00:21:22,650 --> 00:21:27,670
就像PHP，jQuery有一个特定的
钟爱的美元符号。

442
00:21:27,670 --> 00:21:30,880
所以，你会发现，任何的jQuery  - 

443
00:21:30,880 --> 00:21:32,060
还有，不是所有的。

444
00:21:32,060 --> 00:21:35,210
你有时可以取代美元
签署与字jQuery的。

445
00:21:35,210 --> 00:21:38,980
但是总体来说，只是因为它的
短，每当你看到的jQuery是

446
00:21:38,980 --> 00:21:41,420
使用它会是一个美元符号。

447
00:21:41,420 --> 00:21:47,030
>> 所以在这里我们只是展示一个开始
选择器在DOM中的元素。

448
00:21:47,030 --> 00:21:52,850
在这里，我们有美元符号后面跟
通过开放的括号，然后报价。

449
00:21:52,850 --> 00:21:56,130
并在引号内去我们的选择
对于不同的元件。

450
00:21:56,130 --> 00:21:59,810
就像在CSS中，我们需要选择到
可以不同样式的元素

451
00:21:59,810 --> 00:22:00,840
内的页面。

452
00:22:00,840 --> 00:22:06,555
这些不同的选择翻译
正好到jQuery和JavaScript的，

453
00:22:06,555 --> 00:22:07,820
在大多数情况下。

454
00:22:07,820 --> 00:22:10,120
>> 所以在这里，我们有一个点富。

455
00:22:10,120 --> 00:22:14,780
所以，如果你还记得的讲座，
点只是意味着这个类。

456
00:22:14,780 --> 00:22:18,850
因此，我们选择元素
与类Foo。

457
00:22:18,850 --> 00:22:22,670
所以，如果我去进取，不断开拓我们
JavaScript控制台这里真的很快

458
00:22:22,670 --> 00:22:26,830
只是演示一下，如果我只需键入
美元符号，我们看到它的一些

459
00:22:26,830 --> 00:22:28,090
函数，来了。

460
00:22:28,090 --> 00:22:29,420
它只是用jQuery的定义。

461
00:22:29,420 --> 00:22:32,120
>> TOMAS REIMERS：对于那些你
陌生，控制台是一个工具

462
00:22:32,120 --> 00:22:35,430
在Chrome浏览器，它允许你，
基本上，在运行JavaScript

463
00:22:35,430 --> 00:22:36,450
当前页面。

464
00:22:36,450 --> 00:22:39,420
这一点，你会发现非常有用的，当
你实际上是在调试和你

465
00:22:39,420 --> 00:22:42,400
需要被人喜欢，什么是当前
一些全局变量的值还是什么

466
00:22:42,400 --> 00:22:43,910
是什么东西？

467
00:22:43,910 --> 00:22:47,620
这有点像GDB除外
你实际上可以

468
00:22:47,620 --> 00:22:51,600
操作页面上的元素
它在一个容易得多的方式。

469
00:22:51,600 --> 00:22:55,080
还没有，基本上，检查
与你它做任何事情。

470
00:22:55,080 --> 00:22:58,660
>> 而如此，GDB可能是这样，你
确定要执行的下一个步骤？

471
00:22:58,660 --> 00:22:59,830
控制台的现实。

472
00:22:59,830 --> 00:23:03,690
因此，作为网页的渲染和
做什么它做，

473
00:23:03,690 --> 00:23:05,720
理事会的运行也沿着它。

474
00:23:05,720 --> 00:23:08,330
你可以把转嫁给代码转换成
该控制台，这将

475
00:23:08,330 --> 00:23:09,260
在页面上运行。

476
00:23:09,260 --> 00:23:12,190
>> MIKE RIZZO：所以要进入控制台，
我想我应该简要地

477
00:23:12,190 --> 00:23:13,750
提到如何做到这一点。

478
00:23:13,750 --> 00:23:17,850
在那你可以有最后的问题
使用Chrome的检查项目

479
00:23:17,850 --> 00:23:20,440
功能或查看页面源代码 - 

480
00:23:20,440 --> 00:23:23,870
而那些只是通过正确的访问
单击页面或特定的

481
00:23:23,870 --> 00:23:28,430
元素和做任何检查
元素或查看页面源代码。

482
00:23:28,430 --> 00:23:31,190
我们还可以访问JavaScript
控制台直接

483
00:23:31,190 --> 00:23:33,630
选择检查项目。

484
00:23:33,630 --> 00:23:37,930
这样，那么你只需点击控制台
在最右边。

485
00:23:37,930 --> 00:23:41,900
>> 或者，你可能也不见了
到右上角，

486
00:23:41,900 --> 00:23:46,820
这是此屏幕上切过的地方
它有三个横条。

487
00:23:46,820 --> 00:23:52,010
和你去到的工具和
然后JavaScript控制台

488
00:23:52,010 --> 00:23:53,240
在这些地方可以看到 - 

489
00:23:53,240 --> 00:23:54,370
至少在Windows上 - 

490
00:23:54,370 --> 00:23:59,680
快捷键是控制移位J.所以后来
如果我们想选择一个元素

491
00:23:59,680 --> 00:24:06,060
此页面中，就像我展示
之前，我们做的美元符号开括号

492
00:24:06,060 --> 00:24:08,180
然后引用。

493
00:24:08,180 --> 00:24:11,750
>> 一个有趣的事情是，通常，
单引号和双引号

494
00:24:11,750 --> 00:24:12,370
交换。

495
00:24:12,370 --> 00:24:16,050
所以，很多人只使用单一的
引号，因为他们更快地输入

496
00:24:16,050 --> 00:24:19,780
比双引号，因为你不知道
必须按住Shift键。

497
00:24:19,780 --> 00:24:21,770
所以我就做了现在。

498
00:24:21,770 --> 00:24:24,510
>> 所以我要选择的东西
带班。

499
00:24:24,510 --> 00:24:27,200
容器，只是因为我知道这是
东西是我们的

500
00:24:27,200 --> 00:24:28,740
网页现在。

501
00:24:28,740 --> 00:24:29,520
和我打回车。

502
00:24:29,520 --> 00:24:31,670
而且我们可以看到，它选择了它。

503
00:24:31,670 --> 00:24:34,990
因此，它显示了它
返回的对象。

504
00:24:34,990 --> 00:24:36,620
所以这是一个基本的选择。

505
00:24:36,620 --> 00:24:40,080
如果我们想要真正操纵它，
你将不得不调用的东西

506
00:24:40,080 --> 00:24:43,925
关于该选择，这
我们将在后面进入。

507
00:24:43,925 --> 00:24:49,030
>> TOMAS REIMERS：所以刚才看那个
更深入的，这是没有什么不同

508
00:24:49,030 --> 00:24:52,245
比我们在C中所做的函数调用
该函数在这里的名称是

509
00:24:52,245 --> 00:24:52,580
一点都不奇怪。

510
00:24:52,580 --> 00:24:55,640
这是美元符号。

511
00:24:55,640 --> 00:24:57,010
这只是一个函数的名称。

512
00:24:57,010 --> 00:24:58,810
没有什么特别的地方。

513
00:24:58,810 --> 00:25:00,450
>> 我们有开括号。

514
00:25:00,450 --> 00:25:03,880
那么，我们有我们的一个参数，
在这种情况下，恰好是一个字符串，

515
00:25:03,880 --> 00:25:05,680
这是一个选择器，用于它。

516
00:25:05,680 --> 00:25:08,130
然后，我们有我们的
闭括号。

517
00:25:08,130 --> 00:25:09,960
就是这样。

518
00:25:09,960 --> 00:25:11,500
>> 这并不是说完全不同。

519
00:25:11,500 --> 00:25:12,900
虽然它看起来很怪异。

520
00:25:12,900 --> 00:25:17,220
并可以排序的，是症结
点了很多人。

521
00:25:17,220 --> 00:25:21,460
>> MIKE RIZZO：那么同样，如果我们想
要选择具有一个ID的元素，

522
00:25:21,460 --> 00:25:23,470
现在我们要选择由
ID而不是类。

523
00:25:23,470 --> 00:25:28,080
这将是一个类似的事情，我们
只是做了尖锐的迹象ID。

524
00:25:28,080 --> 00:25:33,576
因此，我们选择在这里所有
具有ID栏中的元素。

525
00:25:33,576 --> 00:25:35,400
>> TOMAS REIMERS：这延伸。

526
00:25:35,400 --> 00:25:36,450
该CSS的延伸。

527
00:25:36,450 --> 00:25:42,260
就像在CSS中，你可以选择所有
链接，其中有类Foo。

528
00:25:42,260 --> 00:25:43,420
在这里，这是同样的事情。

529
00:25:43,420 --> 00:25:52,750
>> 你可以这样做a.foo，这将选择
所有的类Foo的链接。

530
00:25:52,750 --> 00:25:58,860
你可以做一个尖锐的酒吧，这将
选择与ID栏等的链接

531
00:25:58,860 --> 00:25:59,770
上等等。

532
00:25:59,770 --> 00:26:02,120
任何CSS选择器是一个有效的
jQuery选择器。

533
00:26:02,120 --> 00:26:03,370
>> MIKE RIZZO：是啊。

534
00:26:03,370 --> 00:26:07,996

535
00:26:07,996 --> 00:26:11,460
好了，现在让我们进入一点点
操作，我们可以做的

536
00:26:11,460 --> 00:26:12,870
我们的jQuery。

537
00:26:12,870 --> 00:26:19,280
所以，jQuery有一个特定类型
符号在这里我们只是使用的

538
00:26:19,280 --> 00:26:20,170
一个点结束。

539
00:26:20,170 --> 00:26:23,340
你也可以认为这就像在
Ç我们如何有不同的结构。

540
00:26:23,340 --> 00:26:27,110
并进入这些结构，你会
使用点来进入他们。

541
00:26:27,110 --> 00:26:28,480
>> 这是一种，类似的事情。

542
00:26:28,480 --> 00:26:33,570
只是现在我们在这个函数
选择器，我们可以在它上面调用。

543
00:26:33,570 --> 00:26:38,640
所以在这里，第一个例子
你可以看到的是一个CSS选择器。

544
00:26:38,640 --> 00:26:45,290
基本上，那是什么呢是它
适用于第一个元素的CSS这个

545
00:26:45,290 --> 00:26:46,230
您选择的事情 - 

546
00:26:46,230 --> 00:26:47,720
你选择了这个元素 - 

547
00:26:47,720 --> 00:26:49,290
同的值，该值。

548
00:26:49,290 --> 00:26:55,390
>> TOMAS REIMERS：这么一个简单的翻译
那将是如果jQuery的，基本上

549
00:26:55,390 --> 00:26:57,790
只是把富。

550
00:26:57,790 --> 00:27:05,480
然后在CSS中说，
颜色红色和关闭。

551
00:27:05,480 --> 00:27:06,670
这是同样的想法。

552
00:27:06,670 --> 00:27:08,800
它的选择是什么，它​​的完成是
所有foo的元素。

553
00:27:08,800 --> 00:27:10,170
然后它的应用。

554
00:27:10,170 --> 00:27:15,884
排序的，属性颜色
等于红色。

555
00:27:15,884 --> 00:27:21,070
>> MIKE RIZZO：同样，我们也可以改变
什么是实际内容

556
00:27:21,070 --> 00:27:24,870
示的网页的HTML，这
是真的很酷，因为这意味着你的

557
00:27:24,870 --> 00:27:28,095
现在的网页可以是完全动态
并且不必是静态的

558
00:27:28,095 --> 00:27:31,660
你打印出来使用PHP
在最开始

559
00:27:31,660 --> 00:27:33,320
页面正在加载。

560
00:27:33,320 --> 00:27:36,810
所以在这里，如果我们想改变
页面的实际的HTML，我们现在

561
00:27:36,810 --> 00:27:43,550
调用的HTML功能，那么就
无论我们指定插入到

562
00:27:43,550 --> 00:27:45,390
我们选择的元素。

563
00:27:45,390 --> 00:27:49,810
所以在这里我们选择用元件
类Foo，然后说这是HTML

564
00:27:49,810 --> 00:27:52,200
它现在的hello world。

565
00:27:52,200 --> 00:27:55,600
>> TOMAS REIMERS：当你想想
什么是有用的应用

566
00:27:55,600 --> 00:28:00,800
这个，这个CSS之一，第一件事，
你可以开始考虑是

567
00:28:00,800 --> 00:28:03,070
来讲甚至下拉菜单。

568
00:28:03,070 --> 00:28:08,350
你可以开始做的事情，比如，当
用户将鼠标悬停在顶部

569
00:28:08,350 --> 00:28:11,970
一个下拉，你想
底部的一部分可见。

570
00:28:11,970 --> 00:28:12,540
对不对？

571
00:28:12,540 --> 00:28:15,610
>> 所以在CSS中，我们有物业
使一些可见。

572
00:28:15,610 --> 00:28:19,330
诸如此类显示结肠无
将使它不可见。

573
00:28:19,330 --> 00:28:21,190
显示块将使其可见。

574
00:28:21,190 --> 00:28:25,860
或者即使你想去简单，你
有喜欢的东西平等的知名度

575
00:28:25,860 --> 00:28:27,520
可见，能见度等于隐藏。

576
00:28:27,520 --> 00:28:30,330

577
00:28:30,330 --> 00:28:34,780
>> 而你可以开始实施的东西
像下拉菜单右侧

578
00:28:34,780 --> 00:28:38,410
之后你通过怎样的想法得到
你能弄清楚这时候打开，

579
00:28:38,410 --> 00:28:39,850
我们将通过得到很简单的。

580
00:28:39,850 --> 00:28:42,160
但是，我们可以开始看到
这个应用程序。

581
00:28:42,160 --> 00:28:45,540
在类似的意义上说，如果你要尝试
并实施，让我们说，一个聊天

582
00:28:45,540 --> 00:28:48,620
引擎和你想一点点
当你已经讲话泡沫上来

583
00:28:48,620 --> 00:28:52,880
有一个新的消息，一旦你的
新的消息，你可以做一个小

584
00:28:52,880 --> 00:28:55,890
语音气泡上来，通过改变
该页面的HTML，对不对？

585
00:28:55,890 --> 00:29:00,540
通过添加额外的讲话泡沫
在有多余的文字。

586
00:29:00,540 --> 00:29:01,140
是吗？

587
00:29:01,140 --> 00:29:07,750
>> 观众：所以，你会在这个嵌入
在有点像在HTML代码

588
00:29:07,750 --> 00:29:10,534
[听不清]？

589
00:29:10,534 --> 00:29:12,940
>> MIKE RIZZO：对。

590
00:29:12,940 --> 00:29:16,190
是的，我们会到达那个
在一点点。

591
00:29:16,190 --> 00:29:18,810
是的，这是一个类似
点点的PHP。

592
00:29:18,810 --> 00:29:21,240
不完全相似。

593
00:29:21,240 --> 00:29:24,730
>> 一个很好的区分，使是这
实际上是在编辑的时候，我们编辑

594
00:29:24,730 --> 00:29:28,480
该网页，因为它不会是
编辑被作为实际文件

595
00:29:28,480 --> 00:29:31,380
保存在服务器上，因为世界
应该没有权限

596
00:29:31,380 --> 00:29:32,610
编辑您的文件。

597
00:29:32,610 --> 00:29:36,080
这仅仅是编辑什么的在页面上
和什么正在显示的内

598
00:29:36,080 --> 00:29:36,950
浏览器。

599
00:29:36,950 --> 00:29:40,340
所以，如果你是后重新加载页面，
说，删除的东西，因为我们

600
00:29:40,340 --> 00:29:44,730
看，我们可以通过remove调用做，
那个东西会再出现。

601
00:29:44,730 --> 00:29:48,590
>> TOMAS REIMERS：那么一种方式来思考
这是，如果我是你的电脑和

602
00:29:48,590 --> 00:29:50,170
迈克是，排序的，服务器。

603
00:29:50,170 --> 00:29:53,850
这是怎么回事发生的是我要去
问迈克，嘿嘿，我可以有一个副本

604
00:29:53,850 --> 00:29:54,630
这个网页？

605
00:29:54,630 --> 00:29:56,190
他会给我一个副本。

606
00:29:56,190 --> 00:29:57,430
>> 不，这不是原来的东西。

607
00:29:57,430 --> 00:29:58,620
这只是一个副本。

608
00:29:58,620 --> 00:30:00,450
然后它会像哦，
还有的JavaScript这里。

609
00:30:00,450 --> 00:30:02,450
很显然，我应该编辑
页面是这样。

610
00:30:02,450 --> 00:30:04,250
而且我编辑您的副本。

611
00:30:04,250 --> 00:30:05,920
>> 但是，这并不影响
实际的复制。

612
00:30:05,920 --> 00:30:08,480
如果我要问他了
刷新页面， - 

613
00:30:08,480 --> 00:30:10,060
哎，我可以有另一块干净的副本 - 

614
00:30:10,060 --> 00:30:11,440
他打算给我
另一块干净的副本。

615
00:30:11,440 --> 00:30:14,240
然后，我会做同样的事情
像，哦，这个JS这里说

616
00:30:14,240 --> 00:30:14,866
编辑这个。

617
00:30:14,866 --> 00:30:17,460
而且我会继续这样做。

618
00:30:17,460 --> 00:30:20,930
>> MIKE RIZZO：所以一个非常酷的事情
你可以做jQuery是

619
00:30:20,930 --> 00:30:24,350
实际上添加不同类型
的动画到你的页面。

620
00:30:24,350 --> 00:30:27,440
我不知道你是否见过哪里
你想一个填写表格

621
00:30:27,440 --> 00:30:31,250
在网上，你不填写
在正确的事情。

622
00:30:31,250 --> 00:30:33,440
因此，一个小东西滑下
在顶部和你说

623
00:30:33,440 --> 00:30:34,820
没有正确地做到了这一点。

624
00:30:34,820 --> 00:30:36,260
请再试一次。

625
00:30:36,260 --> 00:30:37,890
然后，它甚至可能只是向上滑动。

626
00:30:37,890 --> 00:30:40,710
>> 原来jQuery的内置函数
使这一切

627
00:30:40,710 --> 00:30:44,180
动画真的，真的很方便。

628
00:30:44,180 --> 00:30:46,750
所以有第一淡出
出功能，

629
00:30:46,750 --> 00:30:47,710
你可以调用的东西。

630
00:30:47,710 --> 00:30:55,650
这是一个方法来改变的CSS
以动画方式的元素。

631
00:30:55,650 --> 00:30:58,480
因此，需要什么元素
你怎么称呼它淡出的。

632
00:30:58,480 --> 00:31:03,990
然后，慢慢地改变了它的不透明度
直到它完全透明的。

633
00:31:03,990 --> 00:31:07,330
>> TOMAS REIMERS：其他流行的一种
被滑下，这将使

634
00:31:07,330 --> 00:31:08,800
事情出现滑动下来。

635
00:31:08,800 --> 00:31:12,840
因此，在下拉菜单的情况下，
再次，当我们学会了如何检测

636
00:31:12,840 --> 00:31:15,310
这时候已经盘旋，
你能告诉这个底部

637
00:31:15,310 --> 00:31:16,910
现在部分向下滑动。

638
00:31:16,910 --> 00:31:19,270
然后，它会出现
通过滑了下来。

639
00:31:19,270 --> 00:31:22,042

640
00:31:22,042 --> 00:31:26,590
>> MIKE RIZZO：然后，如果你只是有
考虑到某些类型的动画的

641
00:31:26,590 --> 00:31:29,080
jQuery的不一定提供。

642
00:31:29,080 --> 00:31:32,690
例如，让我们说的jQuery
并为您提供幻灯片

643
00:31:32,690 --> 00:31:33,750
向下滑动起来。

644
00:31:33,750 --> 00:31:36,740
好了，让我们说你想滑
从左侧或从东西

645
00:31:36,740 --> 00:31:39,880
右边有点像CS50
主页不会每当

646
00:31:39,880 --> 00:31:42,080
你去一个新的面板。

647
00:31:42,080 --> 00:31:45,030
那么你可能会得
使用自己实现的

648
00:31:45,030 --> 00:31:49,310
在jQuery的动画功能。

649
00:31:49,310 --> 00:31:51,350
>> 所以同样，你只是动画。

650
00:31:51,350 --> 00:31:55,850
然后，在其内它需要一个
不同的价值观字典

651
00:31:55,850 --> 00:31:57,340
那你应该通过。

652
00:31:57,340 --> 00:32:06,960
所以在这里，如果我们想要的动画
元素富使得无论其宽度

653
00:32:06,960 --> 00:32:10,880
膨胀或收缩为80像素，
这取决于它目前是。

654
00:32:10,880 --> 00:32:14,100
我们只是传递，作为
在它的参数。

655
00:32:14,100 --> 00:32:18,060
>> 动画也有一些其他的参数
你可以通过它，例如，

656
00:32:18,060 --> 00:32:21,150
动画的速度
你想给它。

657
00:32:21,150 --> 00:32:26,220
要做到这一点，我只想说
很快谷歌jQuery的动画。

658
00:32:26,220 --> 00:32:31,710
然后，造就了这个页面，你可以
看它有一堆不同

659
00:32:31,710 --> 00:32:33,560
属性，您可以通过它。

660
00:32:33,560 --> 00:32:35,990
>> 我鼓励你 - 只要你来
跨越你做的东西不

661
00:32:35,990 --> 00:32:40,390
知道或者只是想了解更多的
您可以调用特定的方法

662
00:32:40,390 --> 00:32:41,270
的东西 - 

663
00:32:41,270 --> 00:32:44,440
它只是谷歌。 jQuery是非常
有据可查的。

664
00:32:44,440 --> 00:32:49,140
很多时候有很多的
例子，他们提供给你。

665
00:32:49,140 --> 00:32:52,470
如果我们向下滚动 - 

666
00:32:52,470 --> 00:32:53,720
一路下来 - 

667
00:32:53,720 --> 00:32:57,660

668
00:32:57,660 --> 00:32:59,190
我们可以使用，以及。

669
00:32:59,190 --> 00:33:02,480
>> 同样，当一个开发人员实际上去
通过书面的麻烦

670
00:33:02,480 --> 00:33:05,810
图书馆，他们通常希望
有人使用它。

671
00:33:05,810 --> 00:33:09,400
因此除了将要
是一个文档。

672
00:33:09,400 --> 00:33:12,270
而且文档通常可以
该项目的页面，这是上找到

673
00:33:12,270 --> 00:33:14,970
为什么我们给你在原来的网站
开始的时候，哪个环节你到

674
00:33:14,970 --> 00:33:18,080
项目页面，以便您可以
请参阅文档。

675
00:33:18,080 --> 00:33:22,670
>> 通常情况下，在该情况下，项目的页面
的[听不清]，它告诉你

676
00:33:22,670 --> 00:33:23,940
类的名称。

677
00:33:23,940 --> 00:33:27,250
在JavaScript的情况下，它给
你的函数的名称。

678
00:33:27,250 --> 00:33:35,310
顺便说一句，如果我们向上滚动到顶部，
在功能的快速侧面说明是

679
00:33:35,310 --> 00:33:39,080
每当你看到实现的功能
像这样的硬

680
00:33:39,080 --> 00:33:43,800
括号在中间，该装置
即该属性是可选的。

681
00:33:43,800 --> 00:33:44,750
只是抬起头来。

682
00:33:44,750 --> 00:33:47,350
我已经看到了很多问题
有关。

683
00:33:47,350 --> 00:33:50,370
>> 所以在这里我们可以看到，
动画需要的属性

684
00:33:50,370 --> 00:33:51,800
作为一个必要的参数。

685
00:33:51,800 --> 00:33:54,870
其他一切都是可选的。

686
00:33:54,870 --> 00:33:56,136
侧面说明 - 

687
00:33:56,136 --> 00:33:58,090
你能想到这一点，排序
，如手册页。

688
00:33:58,090 --> 00:34:04,275
手册页是对C文件和
对于很多其他的事情，也是如此。

689
00:34:04,275 --> 00:34:11,020
>> MIKE RIZZO：因此，我们已经学会了如何
改变不同的CSS在页面上，

690
00:34:11,020 --> 00:34:14,040
制作动画，并删除添加HTML。

691
00:34:14,040 --> 00:34:16,889
但真正最强大的一个
关于JavaScript的事情

692
00:34:16,889 --> 00:34:18,270
尤其是jQuery的 - 

693
00:34:18,270 --> 00:34:22,570
它可以让你做的是应对
这种情况发生不同的元素。

694
00:34:22,570 --> 00:34:25,380
举例来说，在这里我们有
一个事件处理程序。

695
00:34:25,380 --> 00:34:28,210
而这仅仅意味着每当这个
事件发生时，我们处理它的

696
00:34:28,210 --> 00:34:29,280
特定的方式。

697
00:34:29,280 --> 00:34:35,159
>> 所以在这里，通用jQuery的事件
处理程序是准点到达。

698
00:34:35,159 --> 00:34:42,949
然后，你所提供的第一件事
是什么样的事件它应该

699
00:34:42,949 --> 00:34:43,810
被监听。

700
00:34:43,810 --> 00:34:45,610
所以在这里，它的点击是
我们在等待。

701
00:34:45,610 --> 00:34:49,250
>> TOMAS REIMERS：或者，你有
上悬停，这是一个非常流行的一种。

702
00:34:49,250 --> 00:34:52,000
所以，回到我的下拉菜单的想法。

703
00:34:52,000 --> 00:34:54,239
你将不得不顶一个悬停。

704
00:34:54,239 --> 00:34:56,096
然后你可以改变这一点。

705
00:34:56,096 --> 00:34:56,830
>> MIKE RIZZO：对。

706
00:34:56,830 --> 00:35:01,680
然后，当发生这种情况时，仅有
执行此功能，我们给它

707
00:35:01,680 --> 00:35:05,080
作为参数，而
它会提醒打招呼或喜。

708
00:35:05,080 --> 00:35:08,900
>> TOMAS REIMERS：所以的情况下，
JavaScript中，这是我们需要的地方

709
00:35:08,900 --> 00:35:12,970
从C中删除自己，我们实际上可以
把函数作为参数。

710
00:35:12,970 --> 00:35:15,940
这里面有很多真正
复杂的方式来做到这一点。

711
00:35:15,940 --> 00:35:17,940
我们要推动的一种方式，
这是你可以定义

712
00:35:17,940 --> 00:35:19,270
功能在那里。

713
00:35:19,270 --> 00:35:22,540
>> 因此，当你要求一个功能
一个参数，你基本上只是

714
00:35:22,540 --> 00:35:24,500
要定义函数
当场。

715
00:35:24,500 --> 00:35:27,090
和你定义了一个函数的方式
在JavaScript中是你

716
00:35:27,090 --> 00:35:28,820
从字面上说的功能。

717
00:35:28,820 --> 00:35:30,130
然后，通常，该名称
的功能。

718
00:35:30,130 --> 00:35:32,510
但我们永远不会引用
再此功能。

719
00:35:32,510 --> 00:35:34,040
所以我们把它无名。

720
00:35:34,040 --> 00:35:40,440
>> 然后在括号，则卷曲
括号，然后在该代码。

721
00:35:40,440 --> 00:35:42,540
因此，我们明白这罐
是有点混乱。

722
00:35:42,540 --> 00:35:45,180
所以，我们给你的一般形式
事件处理程序是什么样子

723
00:35:45,180 --> 00:35:47,790
下面，这是对事件。

724
00:35:47,790 --> 00:35:50,598
然后，你的代码里面的那个。

725
00:35:50,598 --> 00:35:52,478
>> MIKE RIZZO：是否有任何
关于这个问题吗？

726
00:35:52,478 --> 00:35:54,818
这可以是一个有点混乱
你第一次看到它。

727
00:35:54,818 --> 00:35:57,550
>> TOMAS REIMERS：实际上，你要
打开一个文件，并告诉他们一些

728
00:35:57,550 --> 00:35:58,155
jQuery的权利吗？

729
00:35:58,155 --> 00:35:59,853
>> MIKE RIZZO：是啊，让我们做到这一点。

730
00:35:59,853 --> 00:36:00,256
确定。

731
00:36:00,256 --> 00:36:02,490
>> TOMAS REIMERS：所以现在我们
在家电。

732
00:36:02,490 --> 00:36:07,730
而我们所做的就是我们已经采取了
同时建立一个index.html的自由

733
00:36:07,730 --> 00:36:10,100
文件，该文件链接到
一个JavaScript文件。

734
00:36:10,100 --> 00:36:12,880
而且我们可以打开 - 

735
00:36:12,880 --> 00:36:15,170
是的。

736
00:36:15,170 --> 00:36:16,630
那么，它做了两件事。

737
00:36:16,630 --> 00:36:18,350
>> 首先是它链接到
JavaScript文件。

738
00:36:18,350 --> 00:36:21,250
我们会看到，在这里。

739
00:36:21,250 --> 00:36:25,340
我们看到，在该头部
HTML文档，尤其是。

740
00:36:25,340 --> 00:36:28,260
所以，你会看到那里，
我们基本上说的SRC，

741
00:36:28,260 --> 00:36:29,590
它代表源。

742
00:36:29,590 --> 00:36:30,630
这就是该URL。

743
00:36:30,630 --> 00:36:32,700
>> 所以在这里你可以说我们已经
包括jQuery的。

744
00:36:32,700 --> 00:36:34,290
而且我们还包括脚本。

745
00:36:34,290 --> 00:36:40,630
另一种方法，包括JavaScript是
您可以包含一个内嵌的脚本

746
00:36:40,630 --> 00:36:44,600
标签，因为我们有在底部的地方
说脚本类型是文本的JavaScript。

747
00:36:44,600 --> 00:36:46,960
>> 所以我们说，听着，我们是
即将包括一个脚本。

748
00:36:46,960 --> 00:36:51,890
并且该脚本的类型是
JavaScript中，这是一种文字。

749
00:36:51,890 --> 00:36:52,550
很简单。

750
00:36:52,550 --> 00:36:56,490
>> MIKE RIZZO：原来这，样的，到达
您对我们如何有问题

751
00:36:56,490 --> 00:37:02,340
JavaScript的在我们的文件，因为当我们
PHP了，我们做这样的事情。

752
00:37:02,340 --> 00:37:07,570
然后，有我们的PHP函数 - 
让我们说做个股

753
00:37:07,570 --> 00:37:09,150
一些与该 - 

754
00:37:09,150 --> 00:37:10,490
去那里。

755
00:37:10,490 --> 00:37:13,860
但是，现在我们有脚本标记
我们给它，这实际上是

756
00:37:13,860 --> 00:37:19,470
在HTML本身的一部分，因为它不是
伪造是喜欢它的HTML文件

757
00:37:19,470 --> 00:37:25,070
是在PHP中，因为如果你真的去
并查看页面的源代码，

758
00:37:25,070 --> 00:37:28,430
你会看到这些脚本标记在那里
与JavaScript的关联

759
00:37:28,430 --> 00:37:29,800
他们说。

760
00:37:29,800 --> 00:37:31,760
>> 那么，如果我们想
写一些JavaScript  - 

761
00:37:31,760 --> 00:37:37,110
我们只能说，我们想改变身体
因为现在我没有

762
00:37:37,110 --> 00:37:40,020
任何其他标​​记，我真的可以
编辑除了身体。

763
00:37:40,020 --> 00:37:42,450
远的不说，我想
改变的CSS。

764
00:37:42,450 --> 00:37:46,190
因此，我们将继续和变化
它的颜色为红色。

765
00:37:46,190 --> 00:37:47,380
>> 于是我保存文件。

766
00:37:47,380 --> 00:37:52,700
让我们回到我们的网页，刷新，
它会自动执行它

767
00:37:52,700 --> 00:37:55,920
因为它似乎并不像它等待
在所有的，因为我们没有听

768
00:37:55,920 --> 00:37:59,450
一个事件或类似的东西。

769
00:37:59,450 --> 00:38:02,800
>> TOMAS REIMERS：因此，如果我们回到那个
文件特别 - 在HTML

770
00:38:02,800 --> 00:38:04,710
文件 - 你将成为怎样
看到的是我们有 - 

771
00:38:04,710 --> 00:38:06,810
记住，这被加载时，
排序，按时间顺序。

772
00:38:06,810 --> 00:38:09,910
因此，我们必须首先在头部。
它加载这两个文件。

773
00:38:09,910 --> 00:38:10,800
然后，我们去的身体。

774
00:38:10,800 --> 00:38:11,640
而我们看到的hello world。

775
00:38:11,640 --> 00:38:13,030
因此，我们提供的hello world。

776
00:38:13,030 --> 00:38:15,240
>> 然后我们有过去的事情
是我们的脚本标记。

777
00:38:15,240 --> 00:38:20,880
所以它运行的脚本标记，因为它是
不告诉它要等待什么。

778
00:38:20,880 --> 00:38:24,700
这就是最基本的
的方式来运行JavaScript。

779
00:38:24,700 --> 00:38:29,200
>> 随着中说，你可以把脚本
在标题标签了刚

780
00:38:29,200 --> 00:38:31,240
表明这一点呢？

781
00:38:31,240 --> 00:38:34,450

782
00:38:34,450 --> 00:38:35,700
并运行。

783
00:38:35,700 --> 00:38:38,880

784
00:38:38,880 --> 00:38:41,070
我们要注意到，它
并没有改变颜色。

785
00:38:41,070 --> 00:38:44,210
而且这是存在的问题之一
JavaScript是一种东西是装

786
00:38:44,210 --> 00:38:45,930
按时间顺序。

787
00:38:45,930 --> 00:38:49,750
>> 所以在当时那个代码
正在运行，我们选择了 - 

788
00:38:49,750 --> 00:38:52,530
回去 - 

789
00:38:52,530 --> 00:38:53,670
身体标记。

790
00:38:53,670 --> 00:38:57,560
body标签还不存在，因为
JavaScript是与HTML行。

791
00:38:57,560 --> 00:39:01,790
因此，浏览器就像是选择身体。

792
00:39:01,790 --> 00:39:02,760
有没有这样的事情呢。

793
00:39:02,760 --> 00:39:03,600
所以我们可以忽略。

794
00:39:03,600 --> 00:39:05,330
我们继续前进。

795
00:39:05,330 --> 00:39:07,200
>> 然后我们定义一个body标签。

796
00:39:07,200 --> 00:39:09,670
但永远不会被更新。

797
00:39:09,670 --> 00:39:12,560
因此，当你执行脚本
标签，请确保您放置

798
00:39:12,560 --> 00:39:15,502
在body标签后。

799
00:39:15,502 --> 00:39:16,820
下一张幻灯片。

800
00:39:16,820 --> 00:39:17,830
>> MIKE RIZZO：确定。

801
00:39:17,830 --> 00:39:19,330
所以我们改变了一些东西。

802
00:39:19,330 --> 00:39:21,910
但它并没有像它回应
我们都因为那种只是

803
00:39:21,910 --> 00:39:24,150
只要它加载的页面做了。

804
00:39:24,150 --> 00:39:27,700
而不是做这个所以现在，为什么
不，我们添加一个事件处理程序。

805
00:39:27,700 --> 00:39:31,020
>> 因此，让我们做一些事情
到身体一次。

806
00:39:31,020 --> 00:39:33,490
让我们说，我们这样做的 - 

807
00:39:33,490 --> 00:39:34,500
单击。

808
00:39:34,500 --> 00:39:35,750
我们将添加一个功能。

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> TOMAS REIMERS：让我们改变
它的颜色为红了起来。

811
00:39:39,690 --> 00:39:40,000
为什么不呢？

812
00:39:40,000 --> 00:39:41,680
>> MIKE RIZZO：是啊，让我们改变
其“颜色红了起来。

813
00:39:41,680 --> 00:39:46,310

814
00:39:46,310 --> 00:39:46,900
好的。

815
00:39:46,900 --> 00:39:48,480
因此，让我们重新加载页面。

816
00:39:48,480 --> 00:39:49,530
OK，我们看到 - 

817
00:39:49,530 --> 00:39:52,290
正如所料，它不会变成红色呢。

818
00:39:52,290 --> 00:39:53,610
但是，我们可以继续前进，点击它。

819
00:39:53,610 --> 00:39:54,270
>> TOMAS REIMERS：而且它会变成红色。

820
00:39:54,270 --> 00:39:56,090
>> MIKE RIZZO：而且它
变红预期。

821
00:39:56,090 --> 00:39:59,010
>> TOMAS REIMERS：我们可以看到如何
我们可以开始建立非常基本的

822
00:39:59,010 --> 00:40:00,170
互动。

823
00:40:00,170 --> 00:40:03,850
我们可能想要做的其他事情是，
如果我们不想让身体

824
00:40:03,850 --> 00:40:07,230
颜色红，让我们在HTML
背景颜色为红色。

825
00:40:07,230 --> 00:40:08,480
只是因此它是相同的CSS。

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> 而当我们改变它，我们可以看到这款
改变非常显着的效果

828
00:40:23,320 --> 00:40:25,510
整个页面。

829
00:40:25,510 --> 00:40:29,100
如此反复，如果你正在实现的事情，
你可以有一个组件

830
00:40:29,100 --> 00:40:30,150
其目的是要被单击。

831
00:40:30,150 --> 00:40:32,710
比方说，一个Exit按钮，
整个其他成分

832
00:40:32,710 --> 00:40:33,830
这是为了应对。

833
00:40:33,830 --> 00:40:35,755
所以，你会去掉一个窗口
当这种情况发生。

834
00:40:35,755 --> 00:40:39,341

835
00:40:39,341 --> 00:40:40,700
>> MIKE RIZZO：确定。

836
00:40:40,700 --> 00:40:42,200
正如一个例子 - 

837
00:40:42,200 --> 00:40:44,400
你没有看到这个前面 - 

838
00:40:44,400 --> 00:40:47,500
我就告诉你是什么样子
当我们隐藏着什么喜欢的。

839
00:40:47,500 --> 00:40:52,220
所以我会继续前进，不要向上滑动。

840
00:40:52,220 --> 00:40:54,440
>> TOMAS REIMERS：想换行，在一个
款型在我们这样做？

841
00:40:54,440 --> 00:40:55,132
>> MIKE RIZZO：确定。

842
00:40:55,132 --> 00:40:59,135
是啊，我们为什么不这样做只是让
我们可以选择它多一点。

843
00:40:59,135 --> 00:41:00,490
>> TOMAS REIMERS：而且我们
给它一个类。

844
00:41:00,490 --> 00:41:01,740
>> MIKE RIZZO：是啊。

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
好了，让我们来看看。

847
00:41:09,920 --> 00:41:14,820
而是选择实际身体
现在，我就选择与一切

848
00:41:14,820 --> 00:41:18,780
类你好，在这里我们
只是有一件事。

849
00:41:18,780 --> 00:41:20,900
所以我们不应该
担心。

850
00:41:20,900 --> 00:41:23,080
>> 所以我会刷新它。

851
00:41:23,080 --> 00:41:24,230
我会继续前进，点击它。

852
00:41:24,230 --> 00:41:27,890
而且，排序，做了一个奇怪的幻灯片
起来的事情，这看起来并不

853
00:41:27,890 --> 00:41:29,580
有吸引力的。

854
00:41:29,580 --> 00:41:31,060
一般情况下，他们看起来相当不错。

855
00:41:31,060 --> 00:41:32,720
我猜，这 - 对于一些
原因 - 没有。

856
00:41:32,720 --> 00:41:36,640
我就做一个淡出这样
你可以看一下这一点。

857
00:41:36,640 --> 00:41:38,100
更漂亮。

858
00:41:38,100 --> 00:41:41,150
>> 然后，如果我打开JavaScript的
再次安慰，我们希望看到什么

859
00:41:41,150 --> 00:41:43,900
看起来，当我们淡化它。喜欢

860
00:41:43,900 --> 00:41:46,920
现在，我只需要调用淡入就可以了。

861
00:41:46,920 --> 00:41:48,830
和它消失。互动

862
00:41:48,830 --> 00:41:56,150
>> 同样的，我们实际上可以同时传递
参数淡入或淡出，

863
00:41:56,150 --> 00:41:57,640
一种是，它的速度。

864
00:41:57,640 --> 00:42:02,220
因此，让我们继续前进，说，我们要
它去慢慢淡入。

865
00:42:02,220 --> 00:42:04,250
所以我想它还是显得
相当快。

866
00:42:04,250 --> 00:42:06,180
但它是比以前慢。

867
00:42:06,180 --> 00:42:10,340
>> TOMAS REIMERS：如果你想找到
更多有关这些事情，再次，

868
00:42:10,340 --> 00:42:13,410
刚去的jQuery文档，
我们已经给你了，看

869
00:42:13,410 --> 00:42:13,735
通过这些。

870
00:42:13,735 --> 00:42:15,790
他们记录他们的职能
令人难以置信的好。

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> MIKE RIZZO：确定。

873
00:42:19,570 --> 00:42:21,560
所以我想，让我们回到这一点。

874
00:42:21,560 --> 00:42:23,490
我们可以谈论我们的最后一页。

875
00:42:23,490 --> 00:42:24,690
好了，我们可以引导完成。

876
00:42:24,690 --> 00:42:27,140
然后我们再打开它
对一些问题。

877
00:42:27,140 --> 00:42:30,180
如果你们有任何想法，
你想尝试扔了，看看

878
00:42:30,180 --> 00:42:34,150
如果我们可以实现它们
JavaScript的快。

879
00:42:34,150 --> 00:42:37,890
>> 所以，真的很快大约引导，这
被自动包含在

880
00:42:37,890 --> 00:42:41,700
你的最后一个问题在CSS文件夹设置
实际上在链接到您的

881
00:42:41,700 --> 00:42:43,190
header.php文件。

882
00:42:43,190 --> 00:42:46,740
所以，你可以添加类
在引导被定义它。

883
00:42:46,740 --> 00:42:50,490
并且它会自动风格
这些东西相应。

884
00:42:50,490 --> 00:42:54,550
>> TOMAS REIMERS：所以引导是一个非常
由国人开发的神奇的东西

885
00:42:54,550 --> 00:42:55,340
在Twitter的。

886
00:42:55,340 --> 00:42:57,230
以及它是为了做的是 - 

887
00:42:57,230 --> 00:43:00,740
之前网站真的很难做
看起来不错，尤其是当我们有

888
00:43:00,740 --> 00:43:02,200
很多常见的组件。

889
00:43:02,200 --> 00:43:04,770
所以很多的按钮
网页看起来都一样。

890
00:43:04,770 --> 00:43:08,960
>> 很多文本字段，可向
看起来比标准文本更好

891
00:43:08,960 --> 00:43:13,620
现场你可能知道，从真
旧网站或真的不好做

892
00:43:13,620 --> 00:43:18,210
网站，这只是看起来像文字
文本框没有任何形式的文本

893
00:43:18,210 --> 00:43:21,190
阴影或任何种类的漂亮轮廓。

894
00:43:21,190 --> 00:43:24,540
那么什么引导所做的就是它说，好，
我们有很多共同的风格。

895
00:43:24,540 --> 00:43:28,210
我们为什么不做出一套共通的CSS
和一套通用的JavaScript作为

896
00:43:28,210 --> 00:43:32,210
好，这可以风格原样并
能给人之类的东西下降

897
00:43:32,210 --> 00:43:34,610
下拉菜单，它可以给人们
事情像模态。

898
00:43:34,610 --> 00:43:38,580
>> 莫代尔是什么在弹出的页面
每当它严格说来

899
00:43:38,580 --> 00:43:41,090
东西，这进一步抑制
互动，直到你

900
00:43:41,090 --> 00:43:43,110
与它进行交互。

901
00:43:43,110 --> 00:43:45,820
这样的事情是，你确定
要删除这东西？

902
00:43:45,820 --> 00:43:49,100
你真的不能做任何事情
直到你说yes或no。

903
00:43:49,100 --> 00:43:52,720
>> 花了这一切，它封装了
一起说，我们开始吧。

904
00:43:52,720 --> 00:43:54,630
人们现在可以使用这个。

905
00:43:54,630 --> 00:43:56,830
你可以找到它了
在getbootstrap.com。

906
00:43:56,830 --> 00:44:00,480
它会自动包含在
你最后的问题集。

907
00:44:00,480 --> 00:44:04,160
而你更欢迎
您的最终项目中使用它。

908
00:44:04,160 --> 00:44:06,950
如果你想遵循
链接得到引导。

909
00:44:06,950 --> 00:44:10,590

910
00:44:10,590 --> 00:44:15,700
>> 你会在这里看到的是
引导的CSS网站。

911
00:44:15,700 --> 00:44:16,860
你会看到引导。

912
00:44:16,860 --> 00:44:20,450
如果你向下滚动，你会看到
如何下载它，如何

913
00:44:20,450 --> 00:44:21,900
安装它，等等。

914
00:44:21,900 --> 00:44:24,700
>> MIKE RIZZO：你也可以，
有趣的是，自定义，以

915
00:44:24,700 --> 00:44:27,770
是什么样的主题
你想要的。

916
00:44:27,770 --> 00:44:31,270
我知道这件事情我做我的
当我把类声明为final项目

917
00:44:31,270 --> 00:44:32,050
是自定义。

918
00:44:32,050 --> 00:44:34,540
不同版本的自举的那个
有不同的配色方案，

919
00:44:34,540 --> 00:44:36,700
一些不同的形状
不同的事情。

920
00:44:36,700 --> 00:44:38,250
所以，我鼓励你与玩。

921
00:44:38,250 --> 00:44:39,440
这是一种有趣的事情。

922
00:44:39,440 --> 00:44:43,230
>> TOMAS REIMERS：在顶部寻找
再次，这是非常相似的字体

923
00:44:43,230 --> 00:44:44,970
网站真棒！

924
00:44:44,970 --> 00:44:47,810
很多文献将启动
当你已经让自己看起来类似

925
00:44:47,810 --> 00:44:48,940
看够了吧。

926
00:44:48,940 --> 00:44:51,260
所以在这里，我们有CSS
此组件。

927
00:44:51,260 --> 00:44:53,540
你会看到它是如何
可以风格的东西。

928
00:44:53,540 --> 00:44:56,780
所以，如果你点击的表，例如，
可以瞬间让一个

929
00:44:56,780 --> 00:45:01,710
表很简单地增加
在类表中给它。

930
00:45:01,710 --> 00:45:03,150
>> 同样的事情按钮。

931
00:45:03,150 --> 00:45:12,140
如果你简单地添加类BTN和BTN
违约或干训局主，你可以

932
00:45:12,140 --> 00:45:16,240
得到这些按钮的任何一个
这些预制的样式。

933
00:45:16,240 --> 00:45:18,570
然后，如果你正在寻找
东西不是简单的更复杂

934
00:45:18,570 --> 00:45:24,100
改型什么瓦特已经有了，在上
在顶部我们JavaScript的标签

935
00:45:24,100 --> 00:45:25,120
有一堆组件。

936
00:45:25,120 --> 00:45:30,410
>> 所以在这里我们有转变，情态动词，
下拉菜单，选项卡和工具提示。

937
00:45:30,410 --> 00:45:35,530
工具提示是在你什么弹出
鼠标，当你在徘徊的东西。

938
00:45:35,530 --> 00:45:40,280
Popovers，警报，按钮，可折叠
手风琴是什么

939
00:45:40,280 --> 00:45:41,190
它们通常被称为。

940
00:45:41,190 --> 00:45:43,045
旋转木马，而翻转
通过像图像。

941
00:45:43,045 --> 00:45:52,190

942
00:45:52,190 --> 00:45:54,840
>> 因此，这些都是组件
的引导。

943
00:45:54,840 --> 00:45:57,620
我会鼓励你
高度去看待他们。

944
00:45:57,620 --> 00:46:01,780
有一个JavaScript组件
和CSS的组件。

945
00:46:01,780 --> 00:46:03,880
随意使用它们作为你的意志。

946
00:46:03,880 --> 00:46:06,730
我们不会去过多放进去
因为我们觉得文档

947
00:46:06,730 --> 00:46:09,360
真的做得很好。

948
00:46:09,360 --> 00:46:10,540
，是的。

949
00:46:10,540 --> 00:46:14,500
你有任何关于什么问题吗？

950
00:46:14,500 --> 00:46:19,430
>> MIKE RIZZO：那么作为一个真快
侧，此网页的设计，

951
00:46:19,430 --> 00:46:21,830
我们赶紧把在一起
此演示文稿

952
00:46:21,830 --> 00:46:24,290
实际使用进行引导。

953
00:46:24,290 --> 00:46:27,810
正如你可以看到，当我们点击这些
不同的标签，我们从来没有真正

954
00:46:27,810 --> 00:46:30,750
离开这个当前的index.html页面。

955
00:46:30,750 --> 00:46:36,400
所以，我们是不同的div
在此index.html的。

956
00:46:36,400 --> 00:46:39,610
然后，每当我们点击不同
标签，它只是改变

957
00:46:39,610 --> 00:46:41,590
其中一个人的表现。

958
00:46:41,590 --> 00:46:47,390
>> 因此，相应地定位它们，
改变网页的HTML，以便

959
00:46:47,390 --> 00:46:52,330
当前选项卡标记为活动状态，因此
它似乎不同，看起来

960
00:46:52,330 --> 00:46:52,820
真的很好。

961
00:46:52,820 --> 00:46:57,260
>> TOMAS REIMERS：所以这是所有做
没有我们编写几乎所有的CSS。

962
00:46:57,260 --> 00:47:01,440
我们还看到一个头在顶部，
其中的颜色是由我们。

963
00:47:01,440 --> 00:47:04,800
但实际把它放在
在网页的顶部，并使得

964
00:47:04,800 --> 00:47:06,660
它滚动了引导。

965
00:47:06,660 --> 00:47:09,720
然后即使对另一个库 - 这
是不是一个大家谈论但一

966
00:47:09,720 --> 00:47:11,580
你可以谷歌，如果你想要的。

967
00:47:11,580 --> 00:47:15,130
这就是所谓的prettify.js。

968
00:47:15,130 --> 00:47:20,650
它将语法高亮代码
你同时使用CSS和JavaScript。

969
00:47:20,650 --> 00:47:23,480

970
00:47:23,480 --> 00:47:27,070
>> 我们要谈的最后一件事
之前我们释放你出去到

971
00:47:27,070 --> 00:47:30,620
世界看库弄清楚
如何使用它们，以及，希望

972
00:47:30,620 --> 00:47:34,640
阅读文档，找到你
需要的是如何找到库。

973
00:47:34,640 --> 00:47:37,000
因此，第一个是我们只是
将推动谷歌。

974
00:47:37,000 --> 00:47:37,810
去谷歌。

975
00:47:37,810 --> 00:47:41,150
>> 这是字面上我们做什么，当我们
需要做的事情是我们谷歌。

976
00:47:41,150 --> 00:47:44,730
是否有一个JavaScript库，
让我来操纵时间的

977
00:47:44,730 --> 00:47:45,400
有用的方式？

978
00:47:45,400 --> 00:47:49,510
所以，如果我知道有一些用户在创建
这里一个帐户，并且这是

979
00:47:49,510 --> 00:47:53,010
当前的时间，我该怎么计算
与该差异，而不必

980
00:47:53,010 --> 00:47:55,020
计算它自己？

981
00:47:55,020 --> 00:47:59,630
所以，这其实是一个常见的​​事，
时间的JavaScript库。

982
00:47:59,630 --> 00:48:02,440
在这里，我们Moment.js- - 
最流行的一种。

983
00:48:02,440 --> 00:48:06,530
>> 如果我们需要一个库来操纵
像颜色，以便能够

984
00:48:06,530 --> 00:48:08,650
生成一串随机颜色 - 

985
00:48:08,650 --> 00:48:10,660
可能的话，以产生一个
风格什么的 - 

986
00:48:10,660 --> 00:48:13,480
我们可以在Google上搜索类似
色彩的JavaScript库。

987
00:48:13,480 --> 00:48:15,620
我敢肯定，我们会弹出一个带有
一千其中之一。

988
00:48:15,620 --> 00:48:18,290

989
00:48:18,290 --> 00:48:21,410
欢迎您阅读它们。

990
00:48:21,410 --> 00:48:24,610
>> 所以大多数事情 - 当你发现他们 - 
上的所述一个将要被托管

991
00:48:24,610 --> 00:48:25,920
网站的主机代码。

992
00:48:25,920 --> 00:48:26,960
他们是一些流行的。

993
00:48:26,960 --> 00:48:30,870
最流行的，由
到目前为止，是github.com。

994
00:48:30,870 --> 00:48:35,300
如果你去GitHub上，它实际上
其中标准化被主持。

995
00:48:35,300 --> 00:48:36,950
所以，如果你想回到那一个。

996
00:48:36,950 --> 00:48:38,135
让他们知道。

997
00:48:38,135 --> 00:48:40,516
>> MIKE RIZZO：这就是真正在那里
这个托管也一样，如果你注意到了。

998
00:48:40,516 --> 00:48:41,000
>> TOMAS REIMERS：是啊。

999
00:48:41,000 --> 00:48:49,078
所以，如果你去到正常化
并转到GitHub上。

1000
00:48:49,078 --> 00:48:51,936
分别是什么？

1001
00:48:51,936 --> 00:48:54,620
>> MIKE RIZZO：那小猫咪的事情
是GitHub的象征。

1002
00:48:54,620 --> 00:48:56,330
>> TOMAS REIMERS：哦。

1003
00:48:56,330 --> 00:49:02,180
所以GitHub上使用一种称为方法
Git来存储代码。

1004
00:49:02,180 --> 00:49:05,150
是你不知道那是什么或
它吓唬你，这很好。

1005
00:49:05,150 --> 00:49:16,100
你不必知道Git是
因为GitHub上有一个下载按钮

1006
00:49:16,100 --> 00:49:17,200
在右下角。

1007
00:49:17,200 --> 00:49:21,350
>> 其他有用的事情
GitHub的是大多数的产品

1008
00:49:21,350 --> 00:49:23,200
将有一个读我。

1009
00:49:23,200 --> 00:49:25,400
如果它们不具有网站，该
读我将谈论如何

1010
00:49:25,400 --> 00:49:28,310
安装它，你如何使用它，它是什么
确实，等等，等等，等等。

1011
00:49:28,310 --> 00:49:31,033
我们已经基本上被
走你渡过难关。

1012
00:49:31,033 --> 00:49:32,326
>> MIKE RIZZO：互联网狭路相逢。

1013
00:49:32,326 --> 00:49:34,020
>> TOMAS REIMERS：这很好。

1014
00:49:34,020 --> 00:49:36,980
我们希望最后的两件事情
谈谈 - 

1015
00:49:36,980 --> 00:49:38,750
我们已经讨论过的Git  - 

1016
00:49:38,750 --> 00:49:40,290
是故障排除。

1017
00:49:40,290 --> 00:49:43,020
而这其中是不是相关
最终产物，因为它是

1018
00:49:43,020 --> 00:49:44,870
当你离开50。

1019
00:49:44,870 --> 00:49:48,310
而当你碰上的产品
实施库或实施

1020
00:49:48,310 --> 00:49:50,230
自己的项目，你会
有问题或你

1021
00:49:50,230 --> 00:49:51,660
要去找问题。

1022
00:49:51,660 --> 00:49:53,060
>> 同样，谷歌它。

1023
00:49:53,060 --> 00:49:54,630
这是字面上我们做什么。

1024
00:49:54,630 --> 00:49:56,400
这会听起来很傻。

1025
00:49:56,400 --> 00:49:58,310
但是，从字面上看，我们google一下。

1026
00:49:58,310 --> 00:50:01,810
再次，第一件事情之一
你通常会遇到的

1027
00:50:01,810 --> 00:50:06,550
stackoverflow.com，这是一个美妙的
问题和答案的景象。

1028
00:50:06,550 --> 00:50:10,530
>> 这是美妙的，因为两者可以
张贴问题，并寻找

1029
00:50:10,530 --> 00:50:12,760
答案也是因为
它已经拥有了大量的

1030
00:50:12,760 --> 00:50:14,590
预填充内容在那里。

1031
00:50:14,590 --> 00:50:18,510
所以，当你谷歌编程通常
在第一个问题

1032
00:50:18,510 --> 00:50:22,620
夫妇打你，你可能已经运行
把它在你的习题集。

1033
00:50:22,620 --> 00:50:27,840
>> 然后，最后实在简单的东西
是jsFiddle中，这是 - 今天我们已经

1034
00:50:27,840 --> 00:50:32,110
已经做了很多工作，与
JavaScript的HTML的CSS。

1035
00:50:32,110 --> 00:50:39,820
jsFiddle中是一个Web应用程序，它基本上
可以让你把你的HTML，你的

1036
00:50:39,820 --> 00:50:42,820
JavaScript的左下角，并
你的CSS右上角。

1037
00:50:42,820 --> 00:50:47,840
然后，它可以创建一个快速渲染
它，看看它是如何进行交互。

1038
00:50:47,840 --> 00:50:50,500
这是非常有用的，当人们试图
做一个概念证明像

1039
00:50:50,500 --> 00:50:52,910
这是你会如何
做一个下拉菜单。

1040
00:50:52,910 --> 00:50:54,980
也许一个快速揭开或什么的。

1041
00:50:54,980 --> 00:50:56,560
>> MIKE RIZZO：那么让我们去
前进，点击这里。

1042
00:50:56,560 --> 00:50:57,820
快速提示 - 

1043
00:50:57,820 --> 00:51:00,430
然而，我们才
这样做的点击。

1044
00:51:00,430 --> 00:51:04,380
原来JCorey韩国也有一个内置
在单击事件处理程序，它

1045
00:51:04,380 --> 00:51:07,020
使用只是因为它的数字你
要想做很多事情

1046
00:51:07,020 --> 00:51:08,410
当你想点击的东西。

1047
00:51:08,410 --> 00:51:09,690
>> 同样地，它也有一个悬停。

1048
00:51:09,690 --> 00:51:12,850
但要获得的全部范围
这些，看看jQuery的

1049
00:51:12,850 --> 00:51:15,320
文档和做到这一点。

1050
00:51:15,320 --> 00:51:18,760
我做了一件愚蠢的在这里。

1051
00:51:18,760 --> 00:51:21,490
>> TOMAS REIMERS：所以我有一个非常快速的
节目就在这里，它说

1052
00:51:21,490 --> 00:51:22,640
在点击按钮。

1053
00:51:22,640 --> 00:51:23,890
然后我们有一个for循环。

1054
00:51:23,890 --> 00:51:26,810
对于i小于404。

1055
00:51:26,810 --> 00:51:29,530
它只是将弹出
这些警报消息。

1056
00:51:29,530 --> 00:51:33,425
>> MIKE RIZZO：什么是
代码404在HTML中主张？

1057
00:51:33,425 --> 00:51:34,145
有谁还记得吗？

1058
00:51:34,145 --> 00:51:35,450
没有找到，正确。

1059
00:51:35,450 --> 00:51:38,640

1060
00:51:38,640 --> 00:51:40,885
Chrome浏览器也添加了这个整齐
在那里你可以事儿 - 

1061
00:51:40,885 --> 00:51:43,430
>> TOMAS REIMERS：因为人喜欢
迈克开始了这个做了很多，

1062
00:51:43,430 --> 00:51:47,230
恼人的用户，这使得
你看到的信息。

1063
00:51:47,230 --> 00:51:48,286
>> MIKE RIZZO：是啊。

1064
00:51:48,286 --> 00:51:50,690
>> TOMAS REIMERS：难道我们有什么问题
关于这一点，关于JavaScript

1065
00:51:50,690 --> 00:51:53,420
库，发现库，或
什么是Web开发的外观

1066
00:51:53,420 --> 00:51:55,400
像在现实世界中？

1067
00:51:55,400 --> 00:51:56,880
我们正在运行起来反对时间。

1068
00:51:56,880 --> 00:52:00,400
所以，我不知道我们要去
有时间来实现

1069
00:52:00,400 --> 00:52:02,290
除非它的真快。

1070
00:52:02,290 --> 00:52:04,580
我们是否良好？

1071
00:52:04,580 --> 00:52:08,110
>> MIKE RIZZO：任何你们想
看到一样，真快2

1072
00:52:08,110 --> 00:52:09,556
分钟或更少？

1073
00:52:09,556 --> 00:52:10,870
>> TOMAS REIMERS：任何
我们可以澄清？

1074
00:52:10,870 --> 00:52:12,500
如何在写 - 

1075
00:52:12,500 --> 00:52:13,260
>> 观众：[听不清]？

1076
00:52:13,260 --> 00:52:16,070
>> MIKE RIZZO：是的，所以佼佼者 - 

1077
00:52:16,070 --> 00:52:18,065
>> TOMAS REIMERS：您可以打
控制-U的网站上。

1078
00:52:18,065 --> 00:52:19,275
>> MIKE RIZZO：哦，我不知道。

1079
00:52:19,275 --> 00:52:22,290
>> TOMAS REIMERS：我想，是的。

1080
00:52:22,290 --> 00:52:23,300
控制-U。是啊。

1081
00:52:23,300 --> 00:52:25,970
>> MIKE RIZZO：哦，所以这是
对网站代码。

1082
00:52:25,970 --> 00:52:29,580
但是，如果你真的想下载我们
文件和一切，它托管

1083
00:52:29,580 --> 00:52:32,650
在github.com

1084
00:52:32,650 --> 00:52:34,850
>> TOMAS REIMERS：削减我的名字 - 

1085
00:52:34,850 --> 00:52:38,504
托马斯赖默斯 - 斜线
CS50连字符研讨会。

1086
00:52:38,504 --> 00:52:40,710
>> MIKE RIZZO：你也可以
发现那里的一切。

1087
00:52:40,710 --> 00:52:42,310
>> TOMAS REIMERS：这是GitHub上
看起来，顺便说一句。

1088
00:52:42,310 --> 00:52:44,910
如此反复，当你看到一个开放源码
项目，通常情况下，他们会读

1089
00:52:44,910 --> 00:52:45,950
我在那里，你可以阅读。

1090
00:52:45,950 --> 00:52:50,200
如果你回去，你会发现，
你有下载的zip，这将

1091
00:52:50,200 --> 00:52:52,130
允许您下载源
代码，以包括

1092
00:52:52,130 --> 00:52:53,666
产品在你自己的事。

1093
00:52:53,666 --> 00:52:56,890
>> MIKE RIZZO：是啊，如果我们只要按一下
在index.html的真的很快 - 

1094
00:52:56,890 --> 00:52:59,180
>> TOMAS REIMERS：你会看到这里的
源代码为我们的网站。

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> MIKE RIZZO：另外，我忘了右推
与之前的大表吧

1097
00:53:06,070 --> 00:53:09,860
包括，但也有一个表
我们包括chmods的

1098
00:53:09,860 --> 00:53:13,210
只为你的清晰度。

1099
00:53:13,210 --> 00:53:16,940
但是，如果我们滚动一路下跌至
底部，我们实际上并没有做的很

1100
00:53:16,940 --> 00:53:21,160
很多使用JavaScript
东西都与此有关。

1101
00:53:21,160 --> 00:53:26,610
这是专门从一切
否则，我们有。

1102
00:53:26,610 --> 00:53:28,730
>> 所以，谢谢你们的光临
和听力。

1103
00:53:28,730 --> 00:53:29,830
我们希望这是真的很有帮助。

1104
00:53:29,830 --> 00:53:33,020
如果您有相关的任何JavaScript
疑问或只是想谈谈

1105
00:53:33,020 --> 00:53:36,240
还有什么像什么等凉的东西
你可以用JavaScript做的，我们很乐意

1106
00:53:36,240 --> 00:53:37,186
和你谈谈。

1107
00:53:37,186 --> 00:53:40,010
>> TOMAS REIMERS：如果你有一个问题
关于你的项目，如果这个可以

1108
00:53:40,010 --> 00:53:42,740
相关的，我们可能会坚持围绕
这后一点点。

1109
00:53:42,740 --> 00:53:44,640
但除此之外，有
一个美好的周末。

1110
00:53:44,640 --> 00:53:45,845
>> MIKE RIZZO：是的，享受。

1111
00:53:45,845 --> 00:53:46,120
看到你们。

1112
00:53:46,120 --> 00:53:47,370
>> TOMAS REIMERS：再见。

1113
00:53:47,370 --> 00:53:47,926