1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI：大家好。 3 00:00:08,890 --> 00:00:11,310 我能得到你的注意？ 4 00:00:11,310 --> 00:00:12,090 谢谢，伙计们。 5 00:00:12,090 --> 00:00:14,030 今天，我想谈谈流星。 6 00:00:14,030 --> 00:00:16,710 这是一个JavaScript框架。 7 00:00:16,710 --> 00:00:21,110 我们将经历怎样可以 做出很酷的web应用程序。 8 00:00:21,110 --> 00:00:24,940 >> 在我们进入的JavaScript，我只是 想告诉你们，这将 9 00:00:24,940 --> 00:00:26,900 可以 - 你就会有一个后 拼凑这个学期。 10 00:00:26,900 --> 00:00:28,520 它应该是关于JavaScript。 11 00:00:28,520 --> 00:00:32,910 我认为[听不清]首先要 我们之前覆盖网络的HTML的PHP​​的东西 12 00:00:32,910 --> 00:00:34,530 移动到JavaScript。 13 00:00:34,530 --> 00:00:39,650 而在CS50，JavaScript被认为是 像客户端代码。 14 00:00:39,650 --> 00:00:41,970 所以它只有在被执行 Web浏览器。 15 00:00:41,970 --> 00:00:45,740 >> 但由于最新进展 技术，我们现在已经成功地运行 16 00:00:45,740 --> 00:00:48,090 JavaScript作为服务器。 17 00:00:48,090 --> 00:00:51,630 因此，这已经创造了一个非常酷 框架，因为现在你可以写 18 00:00:51,630 --> 00:00:55,250 合法相同的代码 在客户端和服务器。 19 00:00:55,250 --> 00:00:57,810 而当你在定义函数的 服务器，客户端可以调用这些 20 00:00:57,810 --> 00:00:59,090 相同的功能。 21 00:00:59,090 --> 00:01:00,370 它使人们更方便。 22 00:01:00,370 --> 00:01:04,519 而在此之前，如果你正在使用PHP的 服务器，JavaScript的前面 23 00:01:04,519 --> 00:01:08,040 最后，你必须写一个PHP函数 然后的一个JavaScript版本 24 00:01:08,040 --> 00:01:10,880 同样的功能做 同样的工作。 25 00:01:10,880 --> 00:01:14,330 >> 在我们开始之前，我想 显示您的演示是什么 26 00:01:14,330 --> 00:01:17,190 流星能为你做。 27 00:01:17,190 --> 00:01:20,330 我会告诉你的演示，这是什么 你就可以创建一个由 28 00:01:20,330 --> 00:01:21,580 本次研讨会的结束。 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 我们只是去这里。 31 00:01:25,670 --> 00:01:27,410 这是一个排行榜的应用程序。 32 00:01:27,410 --> 00:01:31,970 它实际上是基于出来的例子 那流星给你。 33 00:01:31,970 --> 00:01:37,220 >> 流星是非常好的，因为当你 安装它作为一个包，你可以 34 00:01:37,220 --> 00:01:39,140 基本上玩弄 这四个演示。 35 00:01:39,140 --> 00:01:41,410 和排行榜是 首先这些演示的。 36 00:01:41,410 --> 00:01:44,620 研讨会结束后，我鼓励大家 只是探索其他演示 37 00:01:44,620 --> 00:01:48,300 因为我觉得他们真的很酷， 他们告诉你流星的力量。 38 00:01:48,300 --> 00:01:51,310 >> 那么这是什么，这是 托管在排行榜。 39 00:01:51,310 --> 00:01:54,950 这仅仅是坦率名称的列表。 40 00:01:54,950 --> 00:01:56,510 您可以选择的人。 41 00:01:56,510 --> 00:01:57,780 他们变黄。 42 00:01:57,780 --> 00:02:00,060 然后你可以给 他们五点。 43 00:02:00,060 --> 00:02:02,850 而且你会发现，名单是 排序的，因为我给自己更多 44 00:02:02,850 --> 00:02:05,850 多点，我现在是在顶部。 45 00:02:05,850 --> 00:02:07,420 因此，这是我们的起点。 46 00:02:07,420 --> 00:02:11,690 >> ，你会是怎样能够带走 从本次研讨会是几个比较 47 00:02:11,690 --> 00:02:13,600 我已经添加到功能 该排行榜。 48 00:02:13,600 --> 00:02:18,240 我们将涵盖如何，以及 增加五个点的球员，我们可以 49 00:02:18,240 --> 00:02:28,720 删除播放器，我们就可以添加新的球员， 我们可以选择我们要如何 50 00:02:28,720 --> 00:02:29,540 对它们进行排序。 51 00:02:29,540 --> 00:02:35,240 而这些都是很容易的API调用 该流星为您提供。 52 00:02:35,240 --> 00:02:39,120 你也有此功能 随机化分数。 53 00:02:39,120 --> 00:02:41,450 >> 那么什么是真正酷的这 是你们其实可以 54 00:02:41,450 --> 00:02:43,820 所有去到现场。 55 00:02:43,820 --> 00:02:46,575 我把它放在更大的文字在这里。 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 一个激进的铅erboard.meteor.com。 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 而当你们去到现场，你 应该能够编辑站点，并 60 00:03:07,622 --> 00:03:09,595 所有的编辑将是可见的 到其他人。 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 所以，你可以 - 是你们所有 能够连接到该网站？ 63 00:03:17,740 --> 00:03:18,750 所以，玩它。 64 00:03:18,750 --> 00:03:20,440 去开始删除一些名字。 65 00:03:20,440 --> 00:03:21,690 看看会发生什么。 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> 所以你看，每个人都可以玩。 68 00:03:38,510 --> 00:03:41,930 这只是默认的安全 模式流星。 69 00:03:41,930 --> 00:03:44,360 你看，每个人都可以 改变对方的数据。 70 00:03:44,360 --> 00:03:44,920 不要担心。 71 00:03:44,920 --> 00:03:46,460 流星确实有保障。 72 00:03:46,460 --> 00:03:49,860 这是一个很容易地实现 功能，在这里你可以设置用户 73 00:03:49,860 --> 00:03:50,600 和登录。 74 00:03:50,600 --> 00:03:53,750 但现在，任何人谁访问 网站可以给自己尽可能多的 75 00:03:53,750 --> 00:03:55,000 点，因为他们想要的。 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 所以我总是这样，因为这 是一个有趣的方式开始。 78 00:04:00,090 --> 00:04:02,360 然后我们就聊 有关详细信息，如何 79 00:04:02,360 --> 00:04:03,610 流星使这成为可能。 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> 所以，我要说的是，什么是流星， 然后我们只需要覆盖 82 00:04:15,660 --> 00:04:18,920 两个先决条件是CS50 还没有足够覆盖。 83 00:04:18,920 --> 00:04:21,970 但到了学期末，你应该 舒适与HTML和 84 00:04:21,970 --> 00:04:25,250 JavaScript才能真正让你的手 肮脏的工作与流星。 85 00:04:25,250 --> 00:04:28,740 我认为这只是一个伟大的方式 更不舒服的学生做 86 00:04:28,740 --> 00:04:32,930 最后的项目，因为他们真的可以 停留在一种语言，并且他们得到 87 00:04:32,930 --> 00:04:37,620 看到改变自己 马上工作。 88 00:04:37,620 --> 00:04:42,520 >> 这张幻灯片只是显示一些 主要技术，流星的JS 89 00:04:42,520 --> 00:04:43,610 给你。 90 00:04:43,610 --> 00:04:46,090 流星是不是一种新技术 自身。 91 00:04:46,090 --> 00:04:48,390 这真是一个聚集 所有这些不同的东西 92 00:04:48,390 --> 00:04:49,920 我们在互联网上。 93 00:04:49,920 --> 00:04:55,650 以及HTML，CSS，JavaScript中，我们 有一些技术，如Node.js的， 94 00:04:55,650 --> 00:04:58,490 这就是允许你运行 JavaScript的后端上你 95 00:04:58,490 --> 00:05:02,520 服务器，以及一些JavaScript 库，如jQuery，下划线。 96 00:05:02,520 --> 00:05:06,320 >> 所有这些都将是熟悉的 您在学期结束。 97 00:05:06,320 --> 00:05:10,680 而且我们还可以得到使用一个名为数据库 MongoDB的，这是一个非常 98 00:05:10,680 --> 00:05:14,250 现在流行的数据库 这些新创公司。 99 00:05:14,250 --> 00:05:18,650 你可以把它看作像MySQL，但是 它工作得很好用JavaScript。 100 00:05:18,650 --> 00:05:22,140 并有一些其他的技术在这里 还有更多我没有列出 101 00:05:22,140 --> 00:05:23,880 所有的界面真的 很好地与流星。 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> 我必须把这个幻灯片，因为 有时我得到混淆这一点。 104 00:05:30,540 --> 00:05:31,695 流星是唯一的JavaScript。 105 00:05:31,695 --> 00:05:33,040 这不是PHP的。 106 00:05:33,040 --> 00:05:34,360 这不是Ruby on Rails的。 107 00:05:34,360 --> 00:05:37,950 所以，如果你写的代码，如果你想 写一个流星的项目，你真的 108 00:05:37,950 --> 00:05:38,900 不能使用Ruby代码。 109 00:05:38,900 --> 00:05:41,660 你真的不使用PHP。 110 00:05:41,660 --> 00:05:45,800 >> 虽然我们会看到，在不同 代码和语法可能不那么 111 00:05:45,800 --> 00:05:48,930 不同，我想强调你， 流星，一切你的代码是 112 00:05:48,930 --> 00:05:50,660 只有在JavaScript中。 113 00:05:50,660 --> 00:05:53,920 而且你展示的一切 用户将HTML的CSS。 114 00:05:53,920 --> 00:05:56,780 但你实际上没有使用任何 其它语言的其他 115 00:05:56,780 --> 00:05:59,250 研讨会可能涵盖。 116 00:05:59,250 --> 00:06:01,020 什么流星也就是一个Web服务器。 117 00:06:01,020 --> 00:06:03,930 所以，即使你没有任何 JavaScript的，只是想和你服务 118 00:06:03,930 --> 00:06:07,020 CSS和HTML文件，流星 能为你做的。 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> 而这里的再次向链路 我得到了你们的演示 121 00:06:13,770 --> 00:06:15,380 开始播放。 122 00:06:15,380 --> 00:06:18,230 但是，让我们继续为HTML。 123 00:06:18,230 --> 00:06:22,060 有多少人在这里有 不知道HTML是什么？ 124 00:06:22,060 --> 00:06:22,670 好伟大。 125 00:06:22,670 --> 00:06:25,800 那是完全没问题。 126 00:06:25,800 --> 00:06:29,410 你真的不需要很了解 这是因为我们将在本 127 00:06:29,410 --> 00:06:31,220 用法很简单。 128 00:06:31,220 --> 00:06:34,570 >> 这就是简单 HTML页面的样子。 129 00:06:34,570 --> 00:06:38,840 这可以是像你问好，世界 HTML，而我们开始用C与 130 00:06:38,840 --> 00:06:40,760 你好，世界。 131 00:06:40,760 --> 00:06:44,360 我不希望你要强调的 HTML是什么，有什么头部的细节，什么 132 00:06:44,360 --> 00:06:46,120 身体，什么标题做什么。 133 00:06:46,120 --> 00:06:49,130 我只是想强调的结构， 你怎么有吊牌。 134 00:06:49,130 --> 00:06:50,860 这就是尖括号。 135 00:06:50,860 --> 00:06:52,380 而这也正是你必须 您的描述符。 136 00:06:52,380 --> 00:06:54,790 >> 所以你可能有HTML文档。 137 00:06:54,790 --> 00:06:59,300 然后你就会关闭该HTML文件 用反斜杠同样的事情。 138 00:06:59,300 --> 00:07:01,200 和你有不同的标签。 139 00:07:01,200 --> 00:07:02,730 并注意他们都匹配。 140 00:07:02,730 --> 00:07:05,300 你必须像一个body标签 再按一次关闭body标签。 141 00:07:05,300 --> 00:07:08,620 和body标签里面，那将是 您的网页的内容。 142 00:07:08,620 --> 00:07:12,770 所以这个网页只会显示 在一个白色背景和黑色文字 143 00:07:12,770 --> 00:07:14,242 你好，世界。 144 00:07:14,242 --> 00:07:17,610 这是否有道理？ 145 00:07:17,610 --> 00:07:19,500 确定。 146 00:07:19,500 --> 00:07:22,640 >> 现在，我要赶紧 涵盖的JavaScript。 147 00:07:22,640 --> 00:07:26,990 在先前的TF的话， “JavaScript是最好的编程 148 00:07:26,990 --> 00:07:28,550 目前语言存在。 149 00:07:28,550 --> 00:07:30,520 其他人会尝试 告诉你，否则。 150 00:07:30,520 --> 00:07:33,840 他们错了。“JavaScript是相当 好的，我会告诉你为什么。 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> 因此，这是一个经典的例子，我们开始 在C.我们有你好，世界。 153 00:07:42,380 --> 00:07:45,500 而且你注意到即使你缩 它，你必须有至少两个 154 00:07:45,500 --> 00:07:46,560 行代码在这里。 155 00:07:46,560 --> 00:07:48,990 我有几行代码。 156 00:07:48,990 --> 00:07:50,160 这可以非常简单地完成。 157 00:07:50,160 --> 00:07:53,950 一号线在JavaScript中使用console.log的， 然后你的字符串， 158 00:07:53,950 --> 00:07:55,340 你好，世界。 159 00:07:55,340 --> 00:07:59,570 >> 现在，即使我们移动到一个新的 语言JavaScript的，几乎所有的 160 00:07:59,570 --> 00:08:02,950 你已经通过编码学到的技能 在C是直接移植。 161 00:08:02,950 --> 00:08:07,130 这样的字符串，字符串的想法 双引号，这是一样的。 162 00:08:07,130 --> 00:08:08,890 分号，这是一样的。 163 00:08:08,890 --> 00:08:11,190 >> 一个整洁的功能有关JavaScript 其实就是你 164 00:08:11,190 --> 00:08:12,360 不需要分号。 165 00:08:12,360 --> 00:08:14,950 它可以猜测，你应该 加上分号。 166 00:08:14,950 --> 00:08:18,035 话虽如此，你应该总是尝试 把你的分号那里。 167 00:08:18,035 --> 00:08:21,160 它被认为好作风。 168 00:08:21,160 --> 00:08:22,650 而且，也没有主函数。 169 00:08:22,650 --> 00:08:25,580 你刚开始在该文件的顶部 并通过线读的东西线。 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> 那么这是如何才能使 那你好，世界程序。 172 00:08:32,760 --> 00:08:36,059 然后请注意，你必须 使招呼，然后运行打招呼。 173 00:08:36,059 --> 00:08:38,530 与JavaScript中，它被认为 一种解释型语言。 174 00:08:38,530 --> 00:08:40,780 你需要知道的是， 没有制定。 175 00:08:40,780 --> 00:08:41,950 >> 有没有编译。 176 00:08:41,950 --> 00:08:43,440 你只需运行节点。 177 00:08:43,440 --> 00:08:47,220 并记住节点是程序 将控制台上运行的JavaScript， 178 00:08:47,220 --> 00:08:49,030 在黑色的盒子，而不是网站。 179 00:08:49,030 --> 00:08:52,480 所以，你只要给它的文件，它的 要打印你好，世界。 180 00:08:52,480 --> 00:08:56,750 >> 我实际上做的一个小演示 对于你们就在这里。 181 00:08:56,750 --> 00:08:59,380 因此，让我们去给我 Node.js的终端。 182 00:08:59,380 --> 00:09:04,470 183 00:09:04,470 --> 00:09:05,322 确定。 184 00:09:05,322 --> 00:09:06,150 让我们继续在这里。 185 00:09:06,150 --> 00:09:07,930 所以我要开始的节点。 186 00:09:07,930 --> 00:09:10,230 我会在给你展示的家伙 几秒钟之内如何获取 187 00:09:10,230 --> 00:09:12,000 安装后，如果你不这样做。 188 00:09:12,000 --> 00:09:14,800 让我做一个大一点。 189 00:09:14,800 --> 00:09:17,800 190 00:09:17,800 --> 00:09:17,870 确定。 191 00:09:17,870 --> 00:09:20,120 我希望你们能看到。 192 00:09:20,120 --> 00:09:27,390 >> 这样我就可以写代码像我一样 之前的console.log。 193 00:09:27,390 --> 00:09:28,915 嗨，罗杰。 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 并注意我没有做 分号，但后来我得到这个奇怪的 196 00:09:35,330 --> 00:09:36,850 不确定的事情。 197 00:09:36,850 --> 00:09:40,310 好吧，事实上，从来不介意 未定义的事情。 198 00:09:40,310 --> 00:09:43,590 事情我希望你能注意到的是你 这里不需要的主要功能 199 00:09:43,590 --> 00:09:45,050 开始运行的代码。 200 00:09:45,050 --> 00:09:46,790 而且也没有反斜杠结束。 201 00:09:46,790 --> 00:09:50,683 这里也有一些小的功能， JavaScript可以为你做什么。 202 00:09:50,683 --> 00:09:53,510 >> 观众：[听不清]。 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI：哦，是的。 204 00:09:54,000 --> 00:09:57,460 我很抱歉这一点。 205 00:09:57,460 --> 00:10:02,200 那箭只是意味着节点 准备好另一个命令。 206 00:10:02,200 --> 00:10:05,380 所以，你可以把它做简单的 数学，就像1加1。 207 00:10:05,380 --> 00:10:10,360 就如同在C中，这些数学 符号是一样的。 208 00:10:10,360 --> 00:10:13,750 我可以做一个数字的console.log。 209 00:10:13,750 --> 00:10:15,090 然后将其打印两。 210 00:10:15,090 --> 00:10:19,000 JavaScript是不错在这个意义上，因为 即使两个是int， 211 00:10:19,000 --> 00:10:22,020 就像C一样，如果你没有使用printf的 二，你会得到一个错误。 212 00:10:22,020 --> 00:10:24,140 >> 但JavaScript知道，哦，你是 打印的东西。 213 00:10:24,140 --> 00:10:25,070 我将需要一个字符串。 214 00:10:25,070 --> 00:10:28,410 因此，让我转换了两个 成一个字符串为您服务。 215 00:10:28,410 --> 00:10:34,970 你也可以做一些怪异的东西 似喜，然后加上两个。 216 00:10:34,970 --> 00:10:39,520 这仅仅是另一个例子如何将两个 可也被转换在那里。 217 00:10:39,520 --> 00:10:45,135 >> 所以，按照这种方式，让我们 刚好盖住多一点的JavaScript。 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 因此，在C中，我们有类型。 220 00:10:50,540 --> 00:10:53,925 每当我们创建了一个新的变量，我们 不得不说这是它的字符*或 221 00:10:53,925 --> 00:10:55,850 串的情况下CS50。 222 00:10:55,850 --> 00:10:58,350 或者，如果我们有一个十进制数， 我们不得不说浮动。 223 00:10:58,350 --> 00:11:00,690 如果我们需要一个布尔值， 我们不得不说湾 224 00:11:00,690 --> 00:11:04,220 然后一旦我们拥有的东西， 被B，它不得不留一个bool。 225 00:11:04,220 --> 00:11:07,360 我们不能神奇地将其更改为 一个int，除非我们在写 226 00:11:07,360 --> 00:11:09,450 括号，B的诠释。 227 00:11:09,450 --> 00:11:11,820 >> 在JavaScript中，没有类型的。 228 00:11:11,820 --> 00:11:13,350 你只是把它看作变种。 229 00:11:13,350 --> 00:11:15,270 和VAR是你如何创建一个新的类型。 230 00:11:15,270 --> 00:11:19,210 所以它可以有变种s是一个字符串， 变种n是一个浮点数， 231 00:11:19,210 --> 00:11:21,230 和变种b之真。 232 00:11:21,230 --> 00:11:24,980 还有一件事，你不能用C做的是 我现在可以说，这条线，B后 233 00:11:24,980 --> 00:11:26,230 等于一个整数。 234 00:11:26,230 --> 00:11:27,400 并且工作得很好。 235 00:11:27,400 --> 00:11:30,840 而在C中，它会说喜欢 您的整数是不是一个bool。 236 00:11:30,840 --> 00:11:32,770 我不能为你做的。 237 00:11:32,770 --> 00:11:34,050 或[听不清]将抛出一个错误。 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> 我可以很快返回到节点， 显示一些该功能。 240 00:11:43,420 --> 00:11:44,960 这样我就可以有一个变种一个。 241 00:11:44,960 --> 00:11:52,120 把它叫做“苹果”。所以，现在当我打印， 我得到我的字符串，“苹果”。可是，我做不到 242 00:11:52,120 --> 00:11:54,900 现在也说等于3。 243 00:11:54,900 --> 00:11:56,610 并注意有没有错误。 244 00:11:56,610 --> 00:12:00,630 和现在等于3。 245 00:12:00,630 --> 00:12:01,880 有任何疑问，这么远吗？ 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 是。 248 00:12:07,570 --> 00:12:10,780 >> 观众：请等待，所以CONSOLE.LOG 基本上是printf的，对不对？ 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI：CONSOLE.LOG 是你的printf。 250 00:12:12,180 --> 00:12:12,652 >> 观众：对。 251 00:12:12,652 --> 00:12:17,844 那么怎么来的，如果你只需要输入8 或[听不清]，这是什么 252 00:12:17,844 --> 00:12:18,790 [听不清]？ 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI：对。 254 00:12:19,160 --> 00:12:21,690 因此它是 - 255 00:12:21,690 --> 00:12:24,240 在绿色的东西打印出来 在控制台上。 256 00:12:24,240 --> 00:12:27,050 而我们将看到下一个是 当我们移动到Web 257 00:12:27,050 --> 00:12:29,300 页，我们不会做 - 258 00:12:29,300 --> 00:12:32,650 JavaScript的将有一个HTML 模板，我将在 259 00:12:32,650 --> 00:12:34,730 研讨会的流星的一部分。 260 00:12:34,730 --> 00:12:38,730 而这也正是你可以说，给我 a的值，它会放一个在 261 00:12:38,730 --> 00:12:39,920 您的网站。 262 00:12:39,920 --> 00:12:42,520 因为每一个Web浏览器实际 有一个小控制台。 263 00:12:42,520 --> 00:12:46,380 如果你看的很仔细，你 会得到一些信息，如您的 264 00:12:46,380 --> 00:12:51,210 printf的与那里出现 每个网页加载。 265 00:12:51,210 --> 00:12:53,580 >> 观众：你是怎么得到 到shell屏幕？ 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI：所以这是一个命令 所谓的节点，它带有流星。 267 00:12:57,680 --> 00:13:01,230 所以我就辞职离开那里。 268 00:13:01,230 --> 00:13:03,580 节点是程序 运行的JavaScript。 269 00:13:03,580 --> 00:13:07,070 如果你去meteor.com，你 可以安装流星，和 270 00:13:07,070 --> 00:13:08,480 流星自带的节点。 271 00:13:08,480 --> 00:13:11,470 因为流星只是一个集合 所有这些软件包。 272 00:13:11,470 --> 00:13:15,280 当我们到达我们的例子中，我会 通过安装每个人走路 273 00:13:15,280 --> 00:13:17,625 流星，然后你可以玩 与节点自己。 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 好，太好了。 276 00:13:23,980 --> 00:13:29,640 >> 关于工作，所以另一大特点 用JavaScript的循环是一样的。 277 00:13:29,640 --> 00:13:31,430 几乎完全一样的。 278 00:13:31,430 --> 00:13:35,530 for循环，while循环，做 while循环，如果其他人。 279 00:13:35,530 --> 00:13:36,880 这一切都同用大括号。 280 00:13:36,880 --> 00:13:38,540 这是同样的语法。 281 00:13:38,540 --> 00:13:41,350 在fo​​r循环中，小的情况下， 细节，你一定要注意 282 00:13:41,350 --> 00:13:45,340 而不是int来是i等于0， 我们不得不说变种i等于0。 283 00:13:45,340 --> 00:13:49,580 但是，这是因为变量 类型，我们之前谈过。 284 00:13:49,580 --> 00:13:53,360 >> 请注意，printf的变 日志，一个console.log的。 285 00:13:53,360 --> 00:13:57,370 而我们并不需要做的百分比 p反斜杠n和再通的我。 286 00:13:57,370 --> 00:13:58,380 你可以说我。 287 00:13:58,380 --> 00:14:01,910 它会打印出数字 从零到4。 288 00:14:01,910 --> 00:14:04,830 如果你们想试试这个，因为 你提出了一个很好的点。 289 00:14:04,830 --> 00:14:08,730 如果你想在运行此代码你 自己的浏览器，我会建议 290 00:14:08,730 --> 00:14:11,040 大家打开谷歌浏览器。 291 00:14:11,040 --> 00:14:14,220 谷歌Chrome或任何Web浏览器真的， 但我喜欢谷歌Chrome浏览器 292 00:14:14,220 --> 00:14:17,350 因为它很规范。 293 00:14:17,350 --> 00:14:24,240 >> 你可以去，我相信，如果你的权利 点击任何一个网站，只是在 294 00:14:24,240 --> 00:14:26,880 白色的空间，你会看到一个选项 所谓的检查元素。 295 00:14:26,880 --> 00:14:28,810 它通常是最后一个。 296 00:14:28,810 --> 00:14:32,630 而当你点击它，你应该得到 事情到底出现在这里。 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 让我放大这里。 299 00:14:37,780 --> 00:14:41,390 我们有几个选项卡在这里。 300 00:14:41,390 --> 00:14:43,580 您所关心的一个是控制台。 301 00:14:43,580 --> 00:14:48,820 >> 这是一个JavaScript控制台 您现在可以一起工作。 302 00:14:48,820 --> 00:14:49,370 大。 303 00:14:49,370 --> 00:14:52,560 因此，我可以键入同样的东西 我之前键入节点。 304 00:14:52,560 --> 00:14:54,790 一加一等于二。 305 00:14:54,790 --> 00:14:59,110 风险价值等于“苹果”。 306 00:14:59,110 --> 00:15:03,430 然后我会打印一个， 还有一个就是“苹果”。 307 00:15:03,430 --> 00:15:08,760 因此，在任何Web浏览器，火狐，Chrome， Safari浏览器，你用什么，如 308 00:15:08,760 --> 00:15:11,240 只要你有机会到一个JavaScript 控制台中，相同种 309 00:15:11,240 --> 00:15:15,520 我是在节点上运行你的代码 可以在自己的主机上运行。 310 00:15:15,520 --> 00:15:17,530 >> 观众：[听不清]？ 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI：如何 进入控制台？ 312 00:15:18,690 --> 00:15:22,880 你必须用鼠标右键单击空白处 在页面上，然后你去 313 00:15:22,880 --> 00:15:26,100 检查元素。 314 00:15:26,100 --> 00:15:28,290 所以实际上，我想你们 只是确保你能 315 00:15:28,290 --> 00:15:29,860 在Chrome检查元素。 316 00:15:29,860 --> 00:15:32,630 看看当你在某些类型的 码到控制台 317 00:15:32,630 --> 00:15:33,880 它运行正常。 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 随意问任何问题，如果 一些目前尚不清楚在这里。 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> 观众：[听不清]。 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI：任何类型的，对吧。 324 00:16:28,200 --> 00:16:31,370 这里只有一种类型的所有 变量在JavaScript中。 325 00:16:31,370 --> 00:16:34,160 而当你要申报 一个变量，你说的变种。 326 00:16:34,160 --> 00:16:35,410 >> 观众：[听不清]。 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI：是啊。 329 00:16:40,050 --> 00:16:43,730 确实如此，但在JavaScript中，这是非常 聪明的分配内存。 330 00:16:43,730 --> 00:16:44,600 没有任何的malloc。 331 00:16:44,600 --> 00:16:45,780 天下没有免费的。 332 00:16:45,780 --> 00:16:48,490 所以，你不必担心。 333 00:16:48,490 --> 00:16:51,140 这是另一个不错的功能， JavaScript提供了你。 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> 所以我想继续前进。 336 00:16:58,440 --> 00:17:01,360 这样做可以吗？ 337 00:17:01,360 --> 00:17:02,610 确定。 338 00:17:02,610 --> 00:17:04,780 339 00:17:04,780 --> 00:17:07,720 大。 340 00:17:07,720 --> 00:17:10,660 >> 观众：我只是遇到了麻烦 找到[？检查元素。 ？] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI：那么Safari浏览器的外观 有点不同，但你 343 00:17:16,250 --> 00:17:18,599 有浏览器或Firefox？ 344 00:17:18,599 --> 00:17:21,619 这些都是容易 那些一起工作。 345 00:17:21,619 --> 00:17:25,079 并为您的项目，我建议 用一个浏览器，因为坚持 346 00:17:25,079 --> 00:17:29,610 你会得到一个很大的错误，几乎 因为每一个浏览器治疗 347 00:17:29,610 --> 00:17:31,980 JavaScript的HTML有所不同。 348 00:17:31,980 --> 00:17:35,170 所以我觉得你的生活将有很多 更容易，如果你坚持，因为Chrome浏览器 349 00:17:35,170 --> 00:17:37,052 它适用于所有的机器。 350 00:17:37,052 --> 00:17:38,790 这是一个非常流行的浏览器。 351 00:17:38,790 --> 00:17:59,860 352 00:17:59,860 --> 00:18:01,110 好不好？ 353 00:18:01,110 --> 00:18:03,310 354 00:18:03,310 --> 00:18:06,370 >> 所以接下来的话题，我们应该 覆盖在JavaScript - 355 00:18:06,370 --> 00:18:07,730 我很抱歉的格式在这里。 356 00:18:07,730 --> 00:18:11,630 我有伸展的幻灯片，以配合 宽屏投影机。 357 00:18:11,630 --> 00:18:14,750 但我现在想谈谈 你是怎么做到的功能。 358 00:18:14,750 --> 00:18:17,410 在C语言中，我们要声明 每一个功能。 359 00:18:17,410 --> 00:18:22,130 如int补充，它需要一个int成 X，和一个int y，然后我们将它们添加 360 00:18:22,130 --> 00:18:23,100 并返回它。 361 00:18:23,100 --> 00:18:26,850 >> 在JavaScript中，函数实际上是 另一个变量的类型。 362 00:18:26,850 --> 00:18:30,560 所以我们只说无功添加和 它等于一个函数。 363 00:18:30,560 --> 00:18:32,580 一个函数，它接受一个X和一个Y。 364 00:18:32,580 --> 00:18:33,790 而这是什么功能呢？ 365 00:18:33,790 --> 00:18:39,910 它返回x加y在完全相同的 语法在C，并且注意到，在 366 00:18:39,910 --> 00:18:44,290 JavaScript中，你将不会被告知什么 函数返回，因为自 367 00:18:44,290 --> 00:18:49,160 变量没有类型，无论如何，它 它不是真正的生产力，我猜， 368 00:18:49,160 --> 00:18:52,855 要指定所有的 类型在你的函数。 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 然后当你调用一个函数，它的 完全相同的语法C.你 371 00:18:59,565 --> 00:19:03,610 只是通过你的两个参数。 372 00:19:03,610 --> 00:19:07,330 我想试试这在我的节点。 373 00:19:07,330 --> 00:19:09,284 我可以改变幻灯片？ 374 00:19:09,284 --> 00:19:10,534 >> 观众：[听不清]。 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 我们将得到的幻灯片的副本？ 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI：是的。 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 因此，让我们回去节点。 380 00:19:29,956 --> 00:19:32,240 确定。 381 00:19:32,240 --> 00:19:38,160 所以我会说无功等于附加功能。 382 00:19:38,160 --> 00:19:40,650 以一个x，采取年。 383 00:19:40,650 --> 00:19:43,690 然后它知道该语句的 未完成。 384 00:19:43,690 --> 00:19:47,692 所以在节点或在您的控制台， 你会发现点点点。 385 00:19:47,692 --> 00:19:49,660 所以，你可以继续键入您的代码。 386 00:19:49,660 --> 00:19:53,650 现在我会说回报X加Y。 387 00:19:53,650 --> 00:19:54,790 然后关闭括号。 388 00:19:54,790 --> 00:20:00,260 而此刻我关闭括号，它 看到该语句执行完毕。 389 00:20:00,260 --> 00:20:04,730 >> 现在我可以说增加一个和两个。 390 00:20:04,730 --> 00:20:08,280 我会得到三个了。 391 00:20:08,280 --> 00:20:11,545 需要注意的是，如果我只是没有添加，它 告诉我，这是一个函数。 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 还有一件事只是要注意 是，如果你给它的错号 394 00:20:19,570 --> 00:20:23,380 参数，它将使。 395 00:20:23,380 --> 00:20:25,890 它会运行，但你可能会得到 一些非常奇怪的结果。 396 00:20:25,890 --> 00:20:30,070 有点像一个垃圾值， 你可以把它想象。 397 00:20:30,070 --> 00:20:32,060 所以，请尽管试试 这在您的浏览器。 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> 好了，在时间的关系，我会 现在就移动到下一个特征在 400 00:21:29,510 --> 00:21:30,760 JavaScript的。 401 00:21:30,760 --> 00:21:36,520 402 00:21:36,520 --> 00:21:38,400 因此，我们已经谈过的功能。 403 00:21:38,400 --> 00:21:40,840 我们已经谈到循环， if语句了。 404 00:21:40,840 --> 00:21:43,660 语法是相同的 C和变量。 405 00:21:43,660 --> 00:21:46,090 现在我想谈谈阵列。 406 00:21:46,090 --> 00:21:48,520 对不起，该幻灯片 有一点切断。 407 00:21:48,520 --> 00:21:52,470 但实际上，在第一部分中， 你需要的一切将正常工作。 408 00:21:52,470 --> 00:21:55,410 >> 因此，我们有另一种类型的 变量称为数组。 409 00:21:55,410 --> 00:21:57,930 我们用方括号 来表示它们。 410 00:21:57,930 --> 00:22:01,960 因此，在第一个例子中， 无功编曲，空数组。 411 00:22:01,960 --> 00:22:05,900 这是一个空列表，所以一个数组 不含元素。 412 00:22:05,900 --> 00:22:09,770 你也可以有一个数组 用三根弦。 413 00:22:09,770 --> 00:22:13,290 在C语言中，在你的数组的每一个元素 必须是相同的类型。 414 00:22:13,290 --> 00:22:16,940 >> 但是因为在JavaScript中只存在 一种类型，数组实际上可以 415 00:22:16,940 --> 00:22:18,510 有不同类型的值。 416 00:22:18,510 --> 00:22:22,220 喜欢这里，我们有一个数组 一个float，一个bool，和一个int。 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 你会得到一个数组的长度的方式， 你实际上并不需要使用的大小 419 00:22:28,510 --> 00:22:29,030 或任何东西。 420 00:22:29,030 --> 00:22:31,570 你刚才说的阵列和 然后点长度。 421 00:22:31,570 --> 00:22:36,450 而这点长度，你能想到的 一种是喜欢一个结构，每一个如何 422 00:22:36,450 --> 00:22:40,890 阵列有一个字段，一个额外的可变 它里面所谓的长度，这 423 00:22:40,890 --> 00:22:42,910 保持跟踪你的数组有多长。 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> 所以我只是很快要进入 节点和展示你们同样的事情。 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 这样我就可以有一个数组。 428 00:22:58,050 --> 00:23:00,280 它可以是空列表。 429 00:23:00,280 --> 00:23:02,030 它会打印我 回一个空的列表。 430 00:23:02,030 --> 00:23:02,530 大。 431 00:23:02,530 --> 00:23:08,560 我现在可以说，该阵列 有1个和2.3，和真实的。 432 00:23:08,560 --> 00:23:10,400 因此所有不同的类型。 433 00:23:10,400 --> 00:23:11,740 而且你注意到它工作得很好。 434 00:23:11,740 --> 00:23:16,330 我回来支持数组 所有我给它的值。 435 00:23:16,330 --> 00:23:20,440 >> 如果我想获得的第一个元素 数组的语法实际上是 436 00:23:20,440 --> 00:23:22,980 中的相同C.你 可以说数组为零。 437 00:23:22,980 --> 00:23:24,430 你会得到的。 438 00:23:24,430 --> 00:23:27,920 我可以为数组说的一样 二，我也得到真实的。 439 00:23:27,920 --> 00:23:31,610 如果我做的事情阵列之外， JavaScript是一种安全的语言 440 00:23:31,610 --> 00:23:33,390 因为我不会得到一个段错误。 441 00:23:33,390 --> 00:23:34,780 我得到了一个未定义。 442 00:23:34,780 --> 00:23:37,510 >> 而这种不确定的，可以种 的去想它为空。 443 00:23:37,510 --> 00:23:41,390 但它可以当你是真的很烦人 代码，因为你必须检查 444 00:23:41,390 --> 00:23:43,880 几乎所有你做的，你 同是不确定的工作。 445 00:23:43,880 --> 00:23:47,700 我们会看到一些例子 这个时候，我们在流星工作。 446 00:23:47,700 --> 00:23:50,600 >> 虽然阵四是不确定的， 我可以给它分配一个值。 447 00:23:50,600 --> 00:23:52,570 所以我就直说了等于一。 448 00:23:52,570 --> 00:23:57,050 然后如果我去阵，我 有额外的价值在那里。 449 00:23:57,050 --> 00:24:02,470 并注意数组三种，其中还 是不确定的，保持不确定。 450 00:24:02,470 --> 00:24:05,690 所以，我现在有一个数组 一个孔在中间。 451 00:24:05,690 --> 00:24:07,750 但是，如果我打印数组4， 我会得到一个。 452 00:24:07,750 --> 00:24:10,960 如果我做了数组3，我得到了一个未定义。 453 00:24:10,960 --> 00:24:13,880 >> 因此，不错的功能，JavaScript的 允许你做的是列出了可能 454 00:24:13,880 --> 00:24:15,620 改变大小。 455 00:24:15,620 --> 00:24:18,520 数组，数组作为列表， 他们改变大小。 456 00:24:18,520 --> 00:24:22,480 并且可以指定任何位置 在他们里面的。 457 00:24:22,480 --> 00:24:25,370 和所有的差距将被填充 这些未定义的值。 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> 因此，我们已经谈过阵列。 460 00:24:33,450 --> 00:24:37,050 现在，我想弥补过去的事情 JavaScript中，这是非常重要的 461 00:24:37,050 --> 00:24:39,550 要理解代码 我要告诉你， 462 00:24:39,550 --> 00:24:41,530 将是对象。 463 00:24:41,530 --> 00:24:45,140 和对象是一个术语 - 464 00:24:45,140 --> 00:24:47,380 基本上，他们是存在于 许多编程语言。 465 00:24:47,380 --> 00:24:50,620 并且每种编程语言喜欢 认为他们有点不同。 466 00:24:50,620 --> 00:24:55,050 >> 但我想对于流星，好 比喻是C结构。 467 00:24:55,050 --> 00:24:59,410 在C语言中，如果我们想找到的结构 学生，我们就必须指定所有 468 00:24:59,410 --> 00:25:00,240 它里面的东西。 469 00:25:00,240 --> 00:25:01,440 因此，它必须有一个名称。 470 00:25:01,440 --> 00:25:02,140 它必须有一年的时间。 471 00:25:02,140 --> 00:25:03,650 它必须有一个性别。 472 00:25:03,650 --> 00:25:07,350 但是，我们也必须给它的 类型的所有这些事情。 473 00:25:07,350 --> 00:25:11,200 >> 而现在，我们有这个模具的 结构称为学生，我们可以有一个 474 00:25:11,200 --> 00:25:14,640 新的结构，然后我们可以手动 说什么每个字段都是。 475 00:25:14,640 --> 00:25:17,740 而这也正是我们使用点名称， 点一年，点性别。 476 00:25:17,740 --> 00:25:21,930 然后，我们只是在最后一行 这里的代码，我只是打印出 477 00:25:21,930 --> 00:25:24,980 该结构学生姓名。 478 00:25:24,980 --> 00:25:28,220 >> 在JavaScript的世界里， 没有这样的东西的struct的学生。 479 00:25:28,220 --> 00:25:30,660 你不产生预设结构。 480 00:25:30,660 --> 00:25:34,680 实际上，你只是在这些括号， 你说的一切是什么。 481 00:25:34,680 --> 00:25:40,680 而它的这种怪异的符号与 冒号加逗号，但你 482 00:25:40,680 --> 00:25:41,810 要去适应它很快就好了。 483 00:25:41,810 --> 00:25:44,930 >> 它实际上是一个非常简单的， 只是灵活的方式 484 00:25:44,930 --> 00:25:47,400 操纵对象。 485 00:25:47,400 --> 00:25:51,270 您会注意到，如果我想现在得到 从名字，我只是做s.name。 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 有没有关于这方面的问题吗？ 488 00:25:56,790 --> 00:26:00,260 这通常是一个非常混乱 主题当我们向人们介绍 489 00:26:00,260 --> 00:26:02,280 JavaScript的。 490 00:26:02,280 --> 00:26:04,110 我会做在节点的一些这方面的例子。 491 00:26:04,110 --> 00:26:05,010 是吗？ 492 00:26:05,010 --> 00:26:06,260 >> 观众：[听不清]。 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI：那你 有一个例子，多个 495 00:26:16,230 --> 00:26:18,764 该类型的变量。 496 00:26:18,764 --> 00:26:20,014 >> 观众：[听不清]。 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> 观众：[听不清]。 499 00:26:24,790 --> 00:26:37,610 500 00:26:37,610 --> 00:26:39,450 >> ROGER ZURAWICKI：确定。 501 00:26:39,450 --> 00:26:43,760 所以我猜你会去的方式是 你会把对象的数组， 502 00:26:43,760 --> 00:26:45,340 现在你将有一个 数组对象。 503 00:26:45,340 --> 00:26:47,547 这是否回答你的问题？ 504 00:26:47,547 --> 00:26:48,797 >> 观众：[听不清]。 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI：是的。 507 00:26:51,260 --> 00:26:52,430 S是一个对象。 508 00:26:52,430 --> 00:26:57,455 因此，我们可以进入节点和公正 玩一点点。 509 00:26:57,455 --> 00:26:58,705 >> 观众：[听不清]？ 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> ROGER ZURAWICKI：哦，好吧。 512 00:27:05,440 --> 00:27:10,660 所以，如果你问什么类， 类都处理得非常不同， 513 00:27:10,660 --> 00:27:14,510 他们有一个非常奇怪的方案 所谓的原型，你不 514 00:27:14,510 --> 00:27:15,620 需要了解。 515 00:27:15,620 --> 00:27:17,910 没有固定的方法来做到这一点。 516 00:27:17,910 --> 00:27:21,160 所以，如果你想生成多个，你 那种只会有一个函数 517 00:27:21,160 --> 00:27:22,100 什么的。 518 00:27:22,100 --> 00:27:24,340 你生成你自己的功能。 519 00:27:24,340 --> 00:27:26,765 而且你会返回一个对象。 520 00:27:26,765 --> 00:27:29,550 这将是最简单的 办法做到这一点。 521 00:27:29,550 --> 00:27:32,454 这是否有道理？ 522 00:27:32,454 --> 00:27:33,704 确定。 523 00:27:33,704 --> 00:27:36,182 524 00:27:36,182 --> 00:27:36,650 大。 525 00:27:36,650 --> 00:27:39,820 所以一旦我们有一个了解 JavaScript对象，它们是 - 526 00:27:39,820 --> 00:27:41,082 哦，是的。 527 00:27:41,082 --> 00:27:42,026 >> 观众：[听不清] 528 00:27:42,026 --> 00:27:45,802 例如，什么是之间的区别 “罗杰”用双引号与 529 00:27:45,802 --> 00:27:47,510 [听不清]用单引号。 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI：确定。 531 00:27:47,810 --> 00:27:52,730 因此，这是在C中，我们有一个 引号表示字符，双 532 00:27:52,730 --> 00:27:54,550 引号表示字符串。 533 00:27:54,550 --> 00:27:57,920 JavaScript实际上抛出这个了 因为你可以有字符串 534 00:27:57,920 --> 00:28:01,570 单引号或双引号，并有 没有这样的东西作为一个单一的字符。 535 00:28:01,570 --> 00:28:04,400 但如果你只是复制相同 C代码，将JavaScript的 536 00:28:04,400 --> 00:28:05,610 对待它就好了。 537 00:28:05,610 --> 00:28:07,710 这就是为什么我把它作为 - 538 00:28:07,710 --> 00:28:12,540 这就是为什么我可以从字面上端口 在这个意义上的代码。 539 00:28:12,540 --> 00:28:15,420 >> 我想告诉你一个例​​子 一个更复杂的对象。 540 00:28:15,420 --> 00:28:19,890 所以，你可以注意到一个对象 可以有一个字符串作为值。 541 00:28:19,890 --> 00:28:21,530 它可以有值的另一个列表。 542 00:28:21,530 --> 00:28:23,820 它可以有一个列表 对象作为值。 543 00:28:23,820 --> 00:28:25,870 真的没有限制的。 544 00:28:25,870 --> 00:28:29,070 所以在这里，它只是一个很好的示范 你如何能得到很多 545 00:28:29,070 --> 00:28:33,290 不同类型回事 都在同一个对象。 546 00:28:33,290 --> 00:28:34,540 这是否有道理？ 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> 现在，你也可以拥有 对象数组。 549 00:28:44,700 --> 00:28:48,530 这里是一种类似于您 问：如果你可以有对象 550 00:28:48,530 --> 00:28:49,190 相同的类型。 551 00:28:49,190 --> 00:28:52,960 但问题是，没有固定的 格式为JavaScript对象。 552 00:28:52,960 --> 00:28:55,020 所以，你必须自己指定。 553 00:28:55,020 --> 00:28:57,600 你必须确保 他们是一致的。 554 00:28:57,600 --> 00:29:00,410 所以在这里，当我创建一个对象，我有 确保每个人都有一个 555 00:29:00,410 --> 00:29:01,910 命名，并且每一个都有一所房子。 556 00:29:01,910 --> 00:29:05,620 >> 然后，我有其中的一个数组， 并且，可以是我的山寨。 557 00:29:05,620 --> 00:29:08,290 然后在这里你可以种 看看for循环怎么回事。 558 00:29:08,290 --> 00:29:14,090 for循环仅仅是一个非常常见的 的方法来遍历一个数组 559 00:29:14,090 --> 00:29:15,150 在JavaScript中。 560 00:29:15,150 --> 00:29:18,010 请注意，此模式是非常相似的 到C等价，在那里你 561 00:29:18,010 --> 00:29:21,470 有INT I等于零。我 小于长度。 562 00:29:21,470 --> 00:29:23,634 然后我加再加。 563 00:29:23,634 --> 00:29:26,035 >> 这几乎相同的代码， 除了一些细节。 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 因此，没有大家理解 对象是什么？ 566 00:29:33,120 --> 00:29:35,820 试想一下一个C结构。 567 00:29:35,820 --> 00:29:38,784 而且你访问的字段的方式 只是用点。 568 00:29:38,784 --> 00:29:41,950 只要你还记得如何 使用点，你会没事的。 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> 好了，现在每个人都可以 阅读链接？ 571 00:29:58,790 --> 00:30:02,220 这是链接到项目中。 572 00:30:02,220 --> 00:30:04,950 有困难的人 看到链接？ 573 00:30:04,950 --> 00:30:06,251 好吧，让我们来改变它呢。 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 这不是 - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 是啊，这可能是 最容易做到这一点的方式。 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 大。 580 00:30:34,560 --> 00:30:38,270 >> 所以，如果你去这个网站，应该有 有一些指示，我将 581 00:30:38,270 --> 00:30:42,550 去了我们如何可以安装流星 并得到我们的示例项目的运行。 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 我希望确保每个人都有 之前，我谨动议链接断开。 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 我可以继续前进？ 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 好，太好了。 588 00:31:23,680 --> 00:31:25,890 >> 所以在这里，我在网站上。 589 00:31:25,890 --> 00:31:28,740 你会注意到在自述文件， 我们有关于如何一些指令 590 00:31:28,740 --> 00:31:30,200 得到日成立。 591 00:31:30,200 --> 00:31:33,920 你需要无论是在CS50 设备或只是在Mac上。 592 00:31:33,920 --> 00:31:35,330 Windows将无法正常工作。 593 00:31:35,330 --> 00:31:37,760 但基本上任何不是 窗户应与这些 594 00:31:37,760 --> 00:31:39,820 说明就好了。 595 00:31:39,820 --> 00:31:41,470 但我可以使它有点 较大的为好。 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> 所以，你会遇到第一 对命令。 598 00:31:48,820 --> 00:31:50,450 这些家伙只会安装流星。 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 我可以进入我的终端。 601 00:31:58,530 --> 00:32:02,710 如果我现在运行同样的事情， 我已经安装了它。 602 00:32:02,710 --> 00:32:03,710 所以这是一个有点短。 603 00:32:03,710 --> 00:32:05,155 这可能需要多一点的时间 为你们。 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 但我想首先要确保 我们有流星的运行。 606 00:32:13,530 --> 00:32:16,780 流星已经安装完毕后，你应该 能够得到节点在控制台中。 607 00:32:16,780 --> 00:32:19,430 >> 观众：他们问 输入密码。 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI：这将是你的 用户密码，如果你是一个Mac上。 609 00:32:22,110 --> 00:32:27,030 它只是需要权限 修改一些系统文件。 610 00:32:27,030 --> 00:32:30,690 所以现在的问题是，如果它要求你 密码，它只是要求你 611 00:32:30,690 --> 00:32:33,510 为您的用户名密码时 您登录到您的Mac。 612 00:32:33,510 --> 00:32:35,770 这就是让你可以 改变系统文件。 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> 当你准备好了，你可以继续前进 到下一步骤，这将复制 615 00:32:51,260 --> 00:32:54,220 示例代码中，我已经从网站上。 616 00:32:54,220 --> 00:32:58,330 你会得到一个新的目录在你的 主目录中名为排行榜，并 617 00:32:58,330 --> 00:32:59,670 我们可以从那里开始工作。 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 所以我只是复制和粘贴这些 命令到我的终端。 620 00:33:14,620 --> 00:33:16,780 对我来说，我已经克隆了。 621 00:33:16,780 --> 00:33:21,470 所以，我可以现在移动 进入排行榜。 622 00:33:21,470 --> 00:33:23,450 我应该有几个 在那里的文件。 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 有问题吗？ 625 00:33:31,113 --> 00:33:34,430 >> 观众：[听不清]不工作。 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI：哦，你可能 需要git的安装也是如此。 627 00:33:36,741 --> 00:33:39,150 >> 观众：[听不清]。 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI：对不起？ 629 00:33:40,162 --> 00:33:41,412 >> 观众：[听不清]。 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> ROGER ZURAWICKI：哦，好吧。 632 00:33:47,390 --> 00:33:47,720 确定。 633 00:33:47,720 --> 00:33:52,860 这是因为您可能需要将 登录到GitHub上得到这个链接。 634 00:33:52,860 --> 00:33:58,160 如果你们可以看到，最简单的 办法做到这一点我会那么说的是 635 00:33:58,160 --> 00:33:59,270 下载zip。 636 00:33:59,270 --> 00:34:02,010 而这也只是下载 所有的文件。 637 00:34:02,010 --> 00:34:05,510 然后，一旦你把它放在你的 下载或你的home目录 - 638 00:34:05,510 --> 00:34:07,360 我建议把它在你的 主目录，以便大家都可以 639 00:34:07,360 --> 00:34:09,210 运行相同的指令。 640 00:34:09,210 --> 00:34:15,230 只要我们有文件，我们会 能够开始与他们合作。 641 00:34:15,230 --> 00:34:17,969 让我知道如果人们有 无法下载文件。 642 00:34:17,969 --> 00:34:21,040 >> 观众：通过主目录， 你的意思是 - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI：所以主目录会 是约翰·哈佛，如果你是在 644 00:34:24,989 --> 00:34:27,460 在CS50设备。 645 00:34:27,460 --> 00:34:33,651 去你的主目录， 只需键入C。 646 00:34:33,651 --> 00:34:34,145 >> 观众：[听不清] 647 00:34:34,145 --> 00:34:37,610 CS50家电[听不清]。 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI：是的。 649 00:34:38,650 --> 00:34:40,480 你要运行的命令 在你的终端。 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> 观众：[听不清]。 652 00:34:45,390 --> 00:34:50,800 我得到了一个错误，说没有 这样的文件或目录。 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI：我们可以采取快速 打破，只是确保 654 00:34:52,739 --> 00:34:56,760 每个人都有安装了流星，我会 只是去尽力帮助人们摆脱。 655 00:34:56,760 --> 00:34:59,130 请尽量互相帮助，如果 你遇到了问题。 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 对不起，是的。 658 00:35:05,580 --> 00:35:08,930 您无论是在家电？ 659 00:35:08,930 --> 00:35:09,350 >> 观众：是啊。 660 00:35:09,350 --> 00:35:13,190 我有RISA 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI：确定。 662 00:35:14,300 --> 00:35:20,740 如果你回去的网站， 去向上滚动到顶部。 663 00:35:20,740 --> 00:35:23,580 这里面的这个HTTPS。 664 00:35:23,580 --> 00:35:25,810 >> 观众：复制此？ 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI：是啊。 666 00:35:26,230 --> 00:35:28,950 然后你要 键入git clone命令。 667 00:35:28,950 --> 00:35:30,814 所以，如果你按下Control A - 668 00:35:30,814 --> 00:35:33,718 >> 观众：在这里？ 669 00:35:33,718 --> 00:35:36,410 并做[听不清]？ 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI：G-I-T。 671 00:35:37,307 --> 00:35:38,557 >> 观众：[听不清]。 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI：Git和再克隆。 674 00:35:42,670 --> 00:35:46,610 所以这是非常相似的命令，你 有以上，但是URL改变。 675 00:35:46,610 --> 00:35:49,010 所以之前，它是这样，现在是这样。 676 00:35:49,010 --> 00:35:50,680 让我更新 - 677 00:35:50,680 --> 00:35:51,354 是的。 678 00:35:51,354 --> 00:35:52,604 >> 观众：[听不清]。 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI：这是网上下载。 681 00:35:58,076 --> 00:35:59,326 >> 观众：[听不清]。 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI：哦，原来如此 没有正确复制。 684 00:36:05,690 --> 00:36:07,920 我会解决这个问题。 685 00:36:07,920 --> 00:36:10,190 有与尝试错误 下载的文件。 686 00:36:10,190 --> 00:36:13,820 让我更新命令你们 这样我就可以确保它会奏效。 687 00:36:13,820 --> 00:36:17,025 我很抱歉这一点。 688 00:36:17,025 --> 00:36:21,618 它应该是相同的 Mac或CS50设备。 689 00:36:21,618 --> 00:36:22,868 >> 观众：[听不清]。 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI：我已经更新了 命令第二，如果 692 00:36:51,190 --> 00:36:52,910 你刷新页面。 693 00:36:52,910 --> 00:36:56,520 而与此，网址，你应该 能下载的文件。 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> 观众：所以，如果我们仍 下载[听不清]。 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI：如果你是 还是下载流星？ 697 00:37:05,930 --> 00:37:07,180 >> 观众：[听不清]。 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI：是的，如果你想 制定你的Mac上。 700 00:37:11,910 --> 00:37:14,145 但你需要的Xcode开发 安装工具。 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 我对CS50测试这些命令 家电，所以我可以保证 703 00:37:24,550 --> 00:37:25,440 它会工作。 704 00:37:25,440 --> 00:37:26,710 是。让我去帮助你。 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> 观众：[听不清]。 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 我给我的密码。 709 00:37:40,372 --> 00:37:42,240 这是苹果。 710 00:37:42,240 --> 00:37:43,490 然后我做的[听不清]。 711 00:37:43,490 --> 00:37:51,114 712 00:37:51,114 --> 00:37:52,580 >> ROGER ZURAWICKI：确定。 713 00:37:52,580 --> 00:37:57,080 我会尝试运行的所有命令 仅在CS50家电终端。 714 00:37:57,080 --> 00:37:58,330 >> 观众：[听不清]。 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI：我会得到它的工作 首先在终端上，在 717 00:38:02,570 --> 00:38:04,830 CS50器具，然后 在Mac终端。 718 00:38:04,830 --> 00:38:08,130 >> 观众：所以，如果你这样做的CS50 家电那样，[听不清]。 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI：我想移动 上，但如果人们仍然有 721 00:38:15,850 --> 00:38:20,190 麻烦设立流星，凯文更 乐意帮助你们出来， 722 00:38:20,190 --> 00:38:21,440 凯文在灰色的衬衫。 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 我们应该拥有的是我们​​要 执行最后一个命令，排名第三，在 725 00:38:32,170 --> 00:38:33,710 我们的终端。 726 00:38:33,710 --> 00:38:37,320 当我们这样做，我们将运行流星。 727 00:38:37,320 --> 00:38:39,040 >> 你应该 - 728 00:38:39,040 --> 00:38:41,200 哦，我已经有流星的运行。 729 00:38:41,200 --> 00:38:45,230 所以它不会让 - 让我 只要闭上我的其他流星。 730 00:38:45,230 --> 00:38:49,640 当我运行流星，你 现在应该看到 - 731 00:38:49,640 --> 00:38:51,490 你应该看到当前目录 ，它的服务。 732 00:38:51,490 --> 00:38:55,476 而现在它会说服务器 在http://localhost的运行。 733 00:38:55,476 --> 00:38:58,860 这就是你想放的网址 在您的Web浏览器。 734 00:38:58,860 --> 00:39:05,410 >> 并在该网址，你应该能够 访问一个可爱的小排行榜。 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 所以请注意，这是在本地主机上， 这意味着，如果你做任何 737 00:39:14,530 --> 00:39:17,320 变化，你不会 看到对方的变化。 738 00:39:17,320 --> 00:39:20,830 而在网站上我向您展示 在开始的时候，我们可以得到 739 00:39:20,830 --> 00:39:23,380 每个人的变化，因为每个人都 被访问相同的网站。 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> 所以让我去[？字？] 742 00:39:29,540 --> 00:39:35,570 3000元。 743 00:39:35,570 --> 00:39:38,820 所以，你应该能够公正确认 该功能的工作原理。 744 00:39:38,820 --> 00:39:44,790 您可以选择不同的人，和 你可以给他们的不同点。 745 00:39:44,790 --> 00:39:46,710 所以我给别人点。 746 00:39:46,710 --> 00:39:50,420 您还可以看到， 他们上升的排名。 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> 现在，在时间的关系，有 有三个特点，我已经 749 00:39:57,360 --> 00:39:58,020 实施。 750 00:39:58,020 --> 00:40:03,760 而我们要实现删除 用户作为我们的第一个特征。 751 00:40:03,760 --> 00:40:06,360 但在我们继续之前，有 有什么问题吗？ 752 00:40:06,360 --> 00:40:09,010 你有你的手。 753 00:40:09,010 --> 00:40:10,480 是吗？ 754 00:40:10,480 --> 00:40:11,730 >> 观众：[听不清]。 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI：您可以检查 该流星安装？ 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> 观众：[听不清]。 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI：本地主机3,000？ 761 00:40:32,680 --> 00:40:36,550 和你在CS50家电？ 762 00:40:36,550 --> 00:40:37,800 我可以做的 - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 你不必成为一个Mac上。 765 00:40:41,210 --> 00:40:43,558 这将工作中的应用。 766 00:40:43,558 --> 00:40:45,880 >> 观众：[听不清]。 767 00:40:45,880 --> 00:40:47,520 >> 罗杰ZURAWICKI：在正常 网页浏览器，是啊。 768 00:40:47,520 --> 00:40:49,170 >> 观众：[听不清]。 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI：是流星的运行？ 770 00:40:52,100 --> 00:40:54,180 这样就OK了，这里有一个区别。 771 00:40:54,180 --> 00:40:56,300 如果你运行它在 家电，你必须做的 772 00:40:56,300 --> 00:40:58,400 在设备中本地主机。 773 00:40:58,400 --> 00:41:00,860 如果你运行它在你的Mac上， 像我的话，我可以做 774 00:41:00,860 --> 00:41:02,460 我的Mac谷歌Chrome浏览器。 775 00:41:02,460 --> 00:41:05,520 但是，如果你使用的是CS50家电， 你所要做的一切 776 00:41:05,520 --> 00:41:06,350 在家电。 777 00:41:06,350 --> 00:41:09,022 所以，你必须使用谷歌 镀铬的设备。 778 00:41:09,022 --> 00:41:10,350 >> 观众：[听不清]。 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI：这是 仍然没有工作？ 780 00:41:12,188 --> 00:41:13,438 >> 观众：[听不清]。 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI：所以只是重复， 你怎么现在访问该网站。 783 00:41:42,390 --> 00:41:46,380 你有一个网址就在这里 本地主机3000元。 784 00:41:46,380 --> 00:41:49,600 如果你在CS50家电， 你必须打开CS50 785 00:41:49,600 --> 00:41:51,320 设备的谷歌浏览器。 786 00:41:51,320 --> 00:41:54,850 而在内部，谷歌Chrome浏览器 家电，您可以输入该网址， 787 00:41:54,850 --> 00:41:56,400 你应该看到一个排行榜。 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 所以我打算干脆把它关闭 这里边一点点。 790 00:42:04,800 --> 00:42:09,600 现在我要打开我的 文本编辑器在这里。 791 00:42:09,600 --> 00:42:16,040 因此，让我只需要确保 该代码是为了。 792 00:42:16,040 --> 00:42:17,580 确定。 793 00:42:17,580 --> 00:42:19,750 大。 794 00:42:19,750 --> 00:42:22,360 >> 喜欢我到现在走过 代码中的位。 795 00:42:22,360 --> 00:42:26,110 且第一个文件，我想开始 与IS leaderboard.html。 796 00:42:26,110 --> 00:42:31,520 你就可以得到这个代码后， 研讨会上，所以我只是想展示 797 00:42:31,520 --> 00:42:33,960 你在我的电脑上发生了什么事情。 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 所以，我希望大家能看到这一点。 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 因此，在该文件的最开始，我们 有我们的头和称号，这 802 00:42:51,590 --> 00:42:54,510 类似于我们所看到的 在每一个HTML文档。 803 00:42:54,510 --> 00:42:56,990 然后我们将有 body标签在这里。 804 00:42:56,990 --> 00:42:59,920 >> 我所选择的是主 体，基本上什么 805 00:42:59,920 --> 00:43:01,470 会得到显示。 806 00:43:01,470 --> 00:43:05,560 但也有一些新的非HTML 的东西，那就是在 807 00:43:05,560 --> 00:43:06,710 双尖括号。 808 00:43:06,710 --> 00:43:08,600 而这些模板标签。 809 00:43:08,600 --> 00:43:13,770 所以，你会在这里看到这个支架 支架新排行榜。 810 00:43:13,770 --> 00:43:17,390 这是一种 - 想起来了 作为调用函数的HTML。 811 00:43:17,390 --> 00:43:19,320 >> 这是HTML的一个特殊版本。 812 00:43:19,320 --> 00:43:22,730 它是流星使用的版本，这 就是为什么你可以显示不同的 813 00:43:22,730 --> 00:43:26,190 的东西，比如排行榜 名称和按钮。 814 00:43:26,190 --> 00:43:30,870 但排行榜告诉你去 模板名称为排行榜。 815 00:43:30,870 --> 00:43:34,746 这样的模板就不会被显示 本身，但它是一个函数，所以它 816 00:43:34,746 --> 00:43:35,390 将被调用。 817 00:43:35,390 --> 00:43:41,030 ，你会替换在所有这一切 在这里进入排行榜的代码。 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> 排行榜的有趣的部分 这里只是这个表。 820 00:43:48,820 --> 00:43:52,910 如果你只是阅读，阅读代码 出声来，它应该是直观 821 00:43:52,910 --> 00:43:57,390 因为领先，我们都 这里是一个表。 822 00:43:57,390 --> 00:44:00,410 这个ID类的东西，你不 需要担心。 823 00:44:00,410 --> 00:44:02,460 只知道有一个表头。 824 00:44:02,460 --> 00:44:03,630 这就是这个THEAD。 825 00:44:03,630 --> 00:44:06,860 >> 并找到一个名字和一个分数。 826 00:44:06,860 --> 00:44:12,150 所有这些标签，像thtable，THEAD， 你只是学习，因为你走。 827 00:44:12,150 --> 00:44:15,540 你记住它并不重要 这些，因为你可以访问任何 828 00:44:15,540 --> 00:44:16,520 在线参考。 829 00:44:16,520 --> 00:44:20,610 或在学期结束时，这些 只是很熟悉你。 830 00:44:20,610 --> 00:44:22,840 >> 表的标头，之后 我想提请你的一部分 831 00:44:22,840 --> 00:44:24,900 要注意的是这个H标记。 832 00:44:24,900 --> 00:44:27,180 因为它是在双括号， 这是一个模板。 833 00:44:27,180 --> 00:44:30,980 因此，这意味着对于每个运动员， 无论是球员，我们必须 834 00:44:30,980 --> 00:44:31,500 显示。 835 00:44:31,500 --> 00:44:32,965 我们去的播放器模板。 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> 如果我们向下滚动多一点 - 838 00:44:39,890 --> 00:44:40,980 我希望每个人都可以看得出来。 839 00:44:40,980 --> 00:44:42,900 我们有球员的模板。 840 00:44:42,900 --> 00:44:49,080 而这个模板基本上定义了一个 表格单元格，在那里你把名称 841 00:44:49,080 --> 00:44:50,330 这里的分数。 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 现在缩小，我们可以看到 这个代码块 - 844 00:44:56,720 --> 00:44:59,060 ，这是我们的球员那里 - 845 00:44:59,060 --> 00:45:01,070 定义了这些小区中的一个。 846 00:45:01,070 --> 00:45:02,890 我点击每个东西 变成黄色。 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> 一个简单的方法，我可以现在改变它。 849 00:45:08,660 --> 00:45:10,150 确保流星仍在运行。 850 00:45:10,150 --> 00:45:12,540 流星应该是一个服务器进程， 所以你只要把它 851 00:45:12,540 --> 00:45:14,020 当你开发的运行。 852 00:45:14,020 --> 00:45:18,280 比方说，我想改变 所有的名字或得分。 853 00:45:18,280 --> 00:45:23,320 我会说我要去 在这里补充点。 854 00:45:23,320 --> 00:45:27,215 所以，我在这里做的改变是， 而不仅仅是得分，我 855 00:45:27,215 --> 00:45:30,280 添加比分空间中的点。 856 00:45:30,280 --> 00:45:32,775 >> 我要缩小，而我 要拯救我的文件。 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 之后我救我的文件，我需要 确保流星正在运行。 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 我们对此深感抱歉。 861 00:45:57,610 --> 00:46:00,330 我想告诉你的编辑 实时做了。 862 00:46:00,330 --> 00:46:06,180 所以我就改变一些文字。 863 00:46:06,180 --> 00:46:07,600 点击一个玩家。 864 00:46:07,600 --> 00:46:10,040 我把它全部大写。 865 00:46:10,040 --> 00:46:14,540 它应该是，如果这是工作 正常，当我保存它，它 866 00:46:14,540 --> 00:46:16,801 将更新。 867 00:46:16,801 --> 00:46:20,420 >> 呵呵，我觉得现在的问题是， 我不是在正确的目录中。 868 00:46:20,420 --> 00:46:24,940 869 00:46:24,940 --> 00:46:26,870 确定。 870 00:46:26,870 --> 00:46:28,160 我很抱歉这一点。 871 00:46:28,160 --> 00:46:32,860 所以在这里，你注意到什么 我的变化经历。 872 00:46:32,860 --> 00:46:34,540 现在说我想恢复的变化。 873 00:46:34,540 --> 00:46:36,200 我想回去我了。 874 00:46:36,200 --> 00:46:37,640 我只是要它正常输入。 875 00:46:37,640 --> 00:46:39,180 点击一个玩家。 876 00:46:39,180 --> 00:46:42,920 >> 那一刻我保存它时， 网站刷新我。 877 00:46:42,920 --> 00:46:44,740 我看到我的变化 现场瞬间。 878 00:46:44,740 --> 00:46:48,170 这是一个非常有用的功能 在调试，因为现在 879 00:46:48,170 --> 00:46:49,640 余不必 - 880 00:46:49,640 --> 00:46:52,920 当我们写C代码，我们不仅 要保存文件，但我们不得不 881 00:46:52,920 --> 00:46:54,750 做它，然后再次运行它。 882 00:46:54,750 --> 00:46:58,750 流星是非常好的，因为不像C， 此刻您保存HTML或 883 00:46:58,750 --> 00:47:01,070 JavaScript文件，更改 马上显示出来。 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> 一个问题是，在这些模板，如何 我得到这样的球员的价值 886 00:47:09,140 --> 00:47:11,520 或选择一个名称？ 887 00:47:11,520 --> 00:47:17,130 如果我放大到这里我的代码， 我认为这对每个球员。 888 00:47:17,130 --> 00:47:19,970 所以模板都知道， 我有球员莫名其妙。 889 00:47:19,970 --> 00:47:22,110 而且它知道有 选定的名字。 890 00:47:22,110 --> 00:47:23,220 这哪里来的呢？ 891 00:47:23,220 --> 00:47:25,180 这来自于JavaScript的。 892 00:47:25,180 --> 00:47:30,980 >> 如果你去leaderboard.js，这 文件，现在当我走在这里，我们有一个 893 00:47:30,980 --> 00:47:33,460 几个命令定义。 894 00:47:33,460 --> 00:47:36,400 这是特殊的流星语法。 895 00:47:36,400 --> 00:47:38,600 请注意，您不需要 瓦尔或任何东西。 896 00:47:38,600 --> 00:47:42,990 但这些都只是结构在结构 在结构或这些对象。 897 00:47:42,990 --> 00:47:45,910 和所有我定义是模板 所谓的排行榜。 898 00:47:45,910 --> 00:47:47,900 >> 排行榜应该得到一个 所谓的球员的事情。 899 00:47:47,900 --> 00:47:48,840 什么是玩家？ 900 00:47:48,840 --> 00:47:51,860 这是什么这个表达式返回。 901 00:47:51,860 --> 00:47:53,020 什么是选择的名字？ 902 00:47:53,020 --> 00:47:54,630 这是一些更多的代码。 903 00:47:54,630 --> 00:47:56,810 在代码中，我们会细节 涵盖了一下后。 904 00:47:56,810 --> 00:48:02,210 但现在我要你明白 在这段代码中，我们正在采取 905 00:48:02,210 --> 00:48:04,350 球员，而且我们给它一个值。 906 00:48:04,350 --> 00:48:07,000 在这种情况下，它是一个函数 那被执行。 907 00:48:07,000 --> 00:48:10,290 所以我们可以得到的价值回 当我们运行的功能。 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 这是一个记录。 910 00:48:13,520 --> 00:48:14,770 这是否有道理？ 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> 我可以改变它的排序方式。 913 00:48:25,010 --> 00:48:27,230 在这里，有一个排序的对象。 914 00:48:27,230 --> 00:48:31,660 以及这是说我要去排序 按分数降序第一和 915 00:48:31,660 --> 00:48:33,170 然后命名升序。 916 00:48:33,170 --> 00:48:36,630 如果我改变这一个，它是怎么回事 排序得分上升。 917 00:48:36,630 --> 00:48:39,120 所以，零应放在最上面。 918 00:48:39,120 --> 00:48:43,370 当我放大到我的网站，我们 现在看到的网站更新。 919 00:48:43,370 --> 00:48:44,923 场上比分攀登。 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> 下一个函数我只是想 覆盖是点击增量。 922 00:48:53,980 --> 00:48:57,910 在对时间的关系，我不会 能够覆盖更多的流星 923 00:48:57,910 --> 00:49:00,690 码，但也有很多的资源 可，我必 924 00:49:00,690 --> 00:49:03,560 这里的研讨会后。 925 00:49:03,560 --> 00:49:07,680 但我只是想掩盖 排行榜的事件。 926 00:49:07,680 --> 00:49:10,520 这个语法你会学到 位在后面的讲座。 927 00:49:10,520 --> 00:49:12,870 这是JavaScript。 928 00:49:12,870 --> 00:49:16,720 >> 我们只是说，当我们得到一个点击， 而且它的增量，这 929 00:49:16,720 --> 00:49:19,160 散列只是意味着标识。 930 00:49:19,160 --> 00:49:23,945 在增量ID标签，那么我们希望 更新 - 关键词我要你 931 00:49:23,945 --> 00:49:26,740 看是更新和 选择和播放器。 932 00:49:26,740 --> 00:49:29,080 所以无论玩家选择的， 我们更新它。 933 00:49:29,080 --> 00:49:31,260 而我们做的是我们增加 其得分由五个。 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 并且将描述的功能 我们这里有。 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> 本次研讨会结束后，我们将 能够看到一些更多的代码。 938 00:49:54,510 --> 00:50:00,400 但要回到我的目标，我想 更改网站，我想在这里 939 00:50:00,400 --> 00:50:03,400 添加一个删除按钮， 我可以删除播放器。 940 00:50:03,400 --> 00:50:05,390 因此，要做到这一点，我需要 做两件事情。 941 00:50:05,390 --> 00:50:09,680 我需要更新HTML，更新 看来，什么被显示给用户，并 942 00:50:09,680 --> 00:50:15,080 然后有一些JavaScript代码，当 按钮被按下时，流星是怎么回事 943 00:50:15,080 --> 00:50:15,690 做一些事情。 944 00:50:15,690 --> 00:50:18,040 这将删除该玩家。 945 00:50:18,040 --> 00:50:20,720 >> 因此，有大量的代码块的 有基本上已经 946 00:50:20,720 --> 00:50:22,610 已经为我做的。 947 00:50:22,610 --> 00:50:26,160 如果我看这里，我已经有办法 为获得选中的球员。 948 00:50:26,160 --> 00:50:29,880 这就是这个东西，如果你可以看到它。 949 00:50:29,880 --> 00:50:31,346 所以，如果我只是 - 950 00:50:31,346 --> 00:50:35,160 我将有另一个事件。 951 00:50:35,160 --> 00:50:37,900 所以，我要复制我有什么。 952 00:50:37,900 --> 00:50:40,740 因为这是一个列表， 我只是需要一个逗号。 953 00:50:40,740 --> 00:50:45,480 >> 所以，现在我要请单击删除。 954 00:50:45,480 --> 00:50:48,840 而不是球员更新，然后， 我要做的玩家删除。 955 00:50:48,840 --> 00:50:51,620 和所有玩家需要删除 是一个选择的球员。 956 00:50:51,620 --> 00:50:56,500 所以这个功能是我们所需要的。 957 00:50:56,500 --> 00:51:01,550 我需要添加一些 HTML这里虽然。 958 00:51:01,550 --> 00:51:05,180 所以，如果我在这里向下滚动， 这是HTML视图。 959 00:51:05,180 --> 00:51:08,300 我们这里有一个东西， 这是一个标签。 960 00:51:08,300 --> 00:51:09,610 你不必担心。 961 00:51:09,610 --> 00:51:12,000 >> 有什么事情给你的是 这个ID增量。 962 00:51:12,000 --> 00:51:14,990 这就是让我们说，当 我们点击增量，我们必须 963 00:51:14,990 --> 00:51:16,410 给五分。 964 00:51:16,410 --> 00:51:18,240 你会看到，这是一个按钮。 965 00:51:18,240 --> 00:51:20,150 这是什么意思BTN。 966 00:51:20,150 --> 00:51:23,190 并在按钮上的文字 是给五点。 967 00:51:23,190 --> 00:51:26,440 所以，我什么都做的是我 要复制这条线。 968 00:51:26,440 --> 00:51:29,910 我要去更改ID删除。 969 00:51:29,910 --> 00:51:34,310 我要去改变 文字在这里删除。 970 00:51:34,310 --> 00:51:35,980 >> 所以一定要确保一切都得救了。 971 00:51:35,980 --> 00:51:39,010 我要回到我的JavaScript 以确保我有 972 00:51:39,010 --> 00:51:40,880 删除这里一字排开。 973 00:51:40,880 --> 00:51:41,780 好。 974 00:51:41,780 --> 00:51:43,145 所以，我要救这两个文件。 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 保存这两个文件后，我们 可以回到底部。 977 00:51:49,320 --> 00:51:51,550 现在我们看到我们有 一个删除按钮。 978 00:51:51,550 --> 00:51:56,050 和一个步骤。 979 00:51:56,050 --> 00:51:58,200 你发现你可能会得到一个 错误，因为当我点击 980 00:51:58,200 --> 00:52:00,610 删除，什么也没有发生。 981 00:52:00,610 --> 00:52:03,930 >> 一种方法来调试这个是去 回检查元素。 982 00:52:03,930 --> 00:52:07,820 我故意这样做，这样你就可以 看你如何调试的东西。 983 00:52:07,820 --> 00:52:11,210 在检查元素，我们有 我们所有的文本到这里。 984 00:52:11,210 --> 00:52:13,320 我想回去到控制台。 985 00:52:13,320 --> 00:52:19,230 当我去这里会发生什么 是我得到了某种错误。 986 00:52:19,230 --> 00:52:21,660 它说，有没有方法删除。 987 00:52:21,660 --> 00:52:30,770 >> 所以，当我去了这个说的是 回到代码，我叫球员 988 00:52:30,770 --> 00:52:31,870 删除这里。 989 00:52:31,870 --> 00:52:34,430 删除其实不是 正确的命令。 990 00:52:34,430 --> 00:52:39,740 所以要找出正确的命令 是，有流星的API。 991 00:52:39,740 --> 00:52:42,680 我要指出你的文档 家伙只是在meteor.com。 992 00:52:42,680 --> 00:52:45,190 所以我把它在这里。 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 这只是让你们知道 在哪里可以了解更多。 995 00:52:51,370 --> 00:52:54,420 >> 有一个链接到文档。 996 00:52:54,420 --> 00:52:59,410 基本上，我可以只 你找到删除。 997 00:52:59,410 --> 00:53:03,220 而你所看到的，删除 实际上删除。 998 00:53:03,220 --> 00:53:05,400 这是命令，该命令 我需要调用。 999 00:53:05,400 --> 00:53:09,620 所以，现在我们知道的是，我要去 要改变这种delete删除。 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 所以现在，当我回到我的排行榜 现场，我要去一下 1002 00:53:18,010 --> 00:53:19,450 删除了，现在我走了。 1003 00:53:19,450 --> 00:53:21,290 有没有更多的罗杰。 1004 00:53:21,290 --> 00:53:25,470 我可以继续下去，每删除 单名，直到我什么都没有留下。 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> 所以这是一个小的预览 如何使用流星。 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 你会学到很多东西更多的JavaScript 和HTML必要使 1009 00:53:42,380 --> 00:53:46,970 它看起来更漂亮，而我们将在 本周的[？片？]对HTML设置 1010 00:53:46,970 --> 00:53:49,630 和JavaScript在未来 [？一块？]设置。 1011 00:53:49,630 --> 00:53:53,150 >> 所以不要担心，如果不是全部 这玩意儿来容易给你。 1012 00:53:53,150 --> 00:53:56,410 这将是由时间 最终的项目。 1013 00:53:56,410 --> 00:53:58,030 感谢您的显示出来。 1014 00:53:58,030 --> 00:54:01,380 不久后我会更新的链接 研讨会上，您可以看到一些更 1015 00:54:01,380 --> 00:54:05,630 那我就已经实现的例子如何 以获得更先进的排行榜 1016 00:54:05,630 --> 00:54:08,640 我有在这个网站在这里 一个激进leaderboard.meteor。 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 谢谢。 1019 00:54:21,260 --> 00:54:22,760 >> [掌声] 1020 00:54:22,760 --> 00:56:58,070