1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [研讨会 -  Windows 8的 - 程序/游戏开发与HTML5]

2
00:00:02,420 --> 00:00:05,090
[克里斯·鲍文，埃德温Guarin  - 哈佛大学]

3
00:00:05,090 --> 00:00:07,350
[这是CS50。 -  CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> 嘿，大家好。我的名字叫埃德温Guarin。这是克里斯·鲍文。

5
00:00:10,290 --> 00:00:12,310
我让他介绍自己在一秒钟。

6
00:00:12,310 --> 00:00:14,100
我只想做一个快速的公告。

7
00:00:14,100 --> 00:00:18,340
首先，你CS50学生获得Windows 8是免费的。

8
00:00:18,340 --> 00:00:23,150
因此，如果你想真正使用它为您的最终项目，它是你的了。

9
00:00:23,150 --> 00:00:25,740
内特将发出以后的电子邮件中的说明。

10
00:00:25,740 --> 00:00:32,850
第二件事是，如果你决定写一个Windows 8的应用程序为您的CS50最终项目，

11
00:00:32,850 --> 00:00:35,870
我们将做一些赠品：一个Xbox，

12
00:00:35,870 --> 00:00:38,870
我们也许可以给一个石板走，这样的东西。

13
00:00:38,870 --> 00:00:42,460
所以，如果有什么事，你回来，让克里斯和我知道

14
00:00:42,460 --> 00:00:45,010
我们如何能够帮助您建立的东西真的很酷。

15
00:00:45,010 --> 00:00:48,580
所以，再次感谢今天到来，我会交给克里斯。

16
00:00:48,580 --> 00:00:50,500
>> 谢谢你，埃德温。

17
00:00:51,000 --> 00:00:52,740
谢谢，大家好，今天参加我们的。

18
00:00:52,740 --> 00:00:55,800
我是克里斯·鲍文。我是爱德温的同事在这里的东北部之一。

19
00:00:55,800 --> 00:00:58,310
我只是想花一点时间跟你说起

20
00:00:58,310 --> 00:01:03,730
如何使Windows应用商店的应用程序使用HTML5，JavaScript和CSS

21
00:01:03,730 --> 00:01:07,310
和那种让你可以有任何关于它的问题的解答对您

22
00:01:07,310 --> 00:01:12,920
因为你正在寻找走向想着也许使用它的一个CS50总决赛的机会。

23
00:01:12,920 --> 00:01:14,980
>> 这就是说，我们只潜水权利英寸

24
00:01:14,980 --> 00:01:17,190
我会去到幻灯片在这里。

25
00:01:17,190 --> 00:01:19,440
如果您有任何问题，请随时给我发电子邮件。

26
00:01:19,440 --> 00:01:23,460
我cbowen@microsoft.com，而且有我的博客和我的Twitter。

27
00:01:23,460 --> 00:01:26,330
但是你想获得与我联系，这很好。

28
00:01:26,330 --> 00:01:30,110
我已经得到了有关的东西一个小时，我希望得到您的问题在前进的道路上，

29
00:01:30,110 --> 00:01:33,720
所以不要羞于在这个有问题。

30
00:01:33,720 --> 00:01:36,470
他们看不到谁的要求对记录的问题，

31
00:01:36,470 --> 00:01:39,090
所以，你想你会为匿名。

32
00:01:39,090 --> 00:01:42,780
>> 让我潜水权，只是给你一个快速的介绍了Windows 8，

33
00:01:42,780 --> 00:01:47,400
并告诉你一些的东西有关，你可能会考虑使用Windows Store应用程序

34
00:01:47,400 --> 00:01:49,530
当你正在考虑开发一个应用程序。

35
00:01:49,530 --> 00:01:52,660
我们正在寻找在Windows 8中。我们已经出了几个星期了。

36
00:01:52,660 --> 00:01:55,810
很多强大的采用已经在那里的。

37
00:01:55,810 --> 00:01:59,800
你可能已经看到了表面的机器，我们也一样。

38
00:01:59,800 --> 00:02:03,730
有一个在这里其实你可以看看，如果你在这里的人。

39
00:02:03,730 --> 00:02:07,530
我真的想和你谈谈，告诉你身边有关Windows 8一点点。

40
00:02:07,530 --> 00:02:10,759
与Windows 8的想法，它确实提出你所知道的关于Windows的东西

41
00:02:10,759 --> 00:02:16,840
到一些新的经验 - 尤其是，事情像表面的机器上，带触摸，

42
00:02:16,840 --> 00:02:20,000
这些种，现在市场上有更多的移动设备，

43
00:02:20,000 --> 00:02:22,360
但它也是Windows为核心。

44
00:02:22,360 --> 00:02:25,850
因此，这意味着你可以在运行Windows 7的任何真正安装它，

45
00:02:25,850 --> 00:02:30,770
从你最大的三重SLI游戏平台到你的笔记本电脑

46
00:02:30,770 --> 00:02:36,200
和你崭新的其他设备，你可能今天接了。

47
00:02:36,200 --> 00:02:38,450
他们将运行Windows 8的。

48
00:02:38,450 --> 00:02:40,530
我会告诉你身边的只是一点点，

49
00:02:40,530 --> 00:02:44,670
和所有的经验，你会在这里看到的东西，你可以创建。

50
00:02:44,670 --> 00:02:47,760
我们的想法是无论是触摸，鼠标，键盘，

51
00:02:47,760 --> 00:02:51,870
不管使用什么设备是你运行你的应用程序时，它会运行很好。

52
00:02:51,870 --> 00:02:55,180
Windows 8将帮助所有那些场景。

53
00:02:55,180 --> 00:02:59,600
>> 这些幻灯片放在一边，让我们得到正确的进入考虑看看在这里。

54
00:02:59,600 --> 00:03:03,270
让我告诉你我身边的主屏幕。这是我的开始屏幕。

55
00:03:03,270 --> 00:03:05,810
我就在这里给你一个旅游的一点点。

56
00:03:05,810 --> 00:03:09,610
我是一个非接触的机器上，所以像我想摸摸我的笔记本电脑的屏幕，

57
00:03:09,610 --> 00:03:13,400
它不会做的事情，所以我就在这里左右滚动一点点告诉你。

58
00:03:13,400 --> 00:03:17,950
有些事情你可能会注意到的一个事实，即这些所谓的砖直播

59
00:03:17,950 --> 00:03:21,470
其实可以制作动画，并且可以提供信息给你 - 

60
00:03:21,470 --> 00:03:24,750
对统计数据可能更新一个游戏

61
00:03:24,750 --> 00:03:30,970
或者告诉你一些早期的应用程序，在这里的左侧的消息。

62
00:03:30,970 --> 00:03:35,350
我们走吧。我敢肯定，这是唯一积极的，充满了想象的好消息。

63
00:03:35,350 --> 00:03:38,450
你可以在这里看到它的真正呼唤你的注意力转移到应用程序，他说，

64
00:03:38,450 --> 00:03:43,010
“嘿，有一些新的东西在这里。看看。回来，看看有什么新的给你。”

65
00:03:43,010 --> 00:03:45,320
这就是所谓的动态磁贴，你可以做的通知

66
00:03:45,320 --> 00:03:47,070
无论是从应用程序本身的权利

67
00:03:47,070 --> 00:03:52,220
或者，如果你看看更详细，您将了解如何编写一个远程服务

68
00:03:52,220 --> 00:03:54,340
实际上可以推动信息瓷砖，

69
00:03:54,340 --> 00:03:56,520
这就是所发生的事情与这些新闻应用程序。

70
00:03:56,520 --> 00:04:00,080
他们实际上得到从云的新闻和更新的瓷砖就在那里

71
00:04:00,080 --> 00:04:03,710
让人们知道有一个理由去打开应用程序，看一看

72
00:04:03,710 --> 00:04:06,950
在任何最新的消息是在任何这些

73
00:04:06,950 --> 00:04:10,060
或者，如果有新的配方或新的高比分击败

74
00:04:10,060 --> 00:04:13,560
或在这些应用中的朋友玩或什么的。

75
00:04:13,560 --> 00:04:15,550
它的东西来吸引你。互动

76
00:04:15,550 --> 00:04:18,640
所以这是活的瓷砖，它可能是一个人，也可能是一个网站也是如此。

77
00:04:18,640 --> 00:04:20,790
通常它是一个应用程序。

78
00:04:20,790 --> 00:04:25,320
>> 几乎所有的这些事情，我这里有来自Windows应用商店。我会发动的。

79
00:04:25,320 --> 00:04:27,890
这是你得到默认的应用程序之一

80
00:04:27,890 --> 00:04:30,350
这是运行Windows 8的任何机器上。

81
00:04:30,350 --> 00:04:33,040
您可以来这里找到任何你想要，

82
00:04:33,040 --> 00:04:37,240
从被突出显示，我以前从未见过的游戏的东西。

83
00:04:37,240 --> 00:04:39,440
哦，哇，我们已经有了一个新的弹球这里。

84
00:04:39,440 --> 00:04:41,580
你可以从商店就在这里安装这些，

85
00:04:41,580 --> 00:04:43,420
我们将讨论如何开发这些。

86
00:04:43,420 --> 00:04:45,670
你有很多选择的你如何创建它们。

87
00:04:45,670 --> 00:04:49,020
我们将聚焦于JavaScript的故事，HTML和CSS，

88
00:04:49,020 --> 00:04:52,790
但对用户，对应用程序的购买者，也无所谓什么它编写的。

89
00:04:52,790 --> 00:04:54,670
他们可以继续使用它。

90
00:04:54,670 --> 00:04:57,870
我被这个很感兴趣，所以我需要打开这个起来看一看。

91
00:04:57,870 --> 00:05:02,310
每一个应用程序，包括那些你可以提交和销售或免费赠送的，

92
00:05:02,310 --> 00:05:06,240
不管你想要做的店，会得到这样一个主页。

93
00:05:06,240 --> 00:05:10,750
你可以提交你的申请一堆屏幕截图 - 你在这里看到一些 - 

94
00:05:10,750 --> 00:05:15,970
有关应用程序的详细信息，并随着时间的推移你会积累两项评级 - 

95
00:05:15,970 --> 00:05:19,020
他们基本上只是星级 - 和评论，

96
00:05:19,020 --> 00:05:20,690
它提供了多一点点的洞察力。

97
00:05:20,690 --> 00:05:24,380
其实，有人要输入的东西，告诉你，你是如何真棒，

98
00:05:24,380 --> 00:05:29,300
并且，将进入您的评论部分在这里，我没有看过。

99
00:05:29,300 --> 00:05:33,890
太棒了。 “甚至不会开。”多么伟大。

100
00:05:33,890 --> 00:05:39,000
嗯，对他们来说，这的确打开并运行的乡亲，他们似乎真的很喜欢它。 [笑]

101
00:05:39,000 --> 00:05:43,770
请记住这一点。互联网。任何人都可以说，他们想了解你的应用程序是什么。

102
00:05:43,770 --> 00:05:45,780
所以一定要确保你正在做它一个伟大的工作，

103
00:05:45,780 --> 00:05:49,030
确保你正在做它舒适的用户，你可以

104
00:05:49,030 --> 00:05:52,720
因为他们是一对夫妇的点击即可获得提供了一个回顾，

105
00:05:52,720 --> 00:05:55,870
并且，将累积到您的全面审查评价。

106
00:05:55,870 --> 00:05:58,990
并且要做到最好，因为你将要对抗其他应用程序。

107
00:05:58,990 --> 00:06:01,830
将有数以千计的应用程序已经在店里，

108
00:06:01,830 --> 00:06:06,880
和机会，可能有一些做类似的功能，你在做什么。

109
00:06:06,880 --> 00:06:12,740
所以，如果你真的可以在人群中脱颖而出，那将是你的优势，当然。

110
00:06:12,740 --> 00:06:15,300
>> 我们会得到进店一点点以后。

111
00:06:15,300 --> 00:06:17,090
我真的希望把重点放在创建应用程序。

112
00:06:17,090 --> 00:06:20,760
但短版店是世界性分布，

113
00:06:20,760 --> 00:06:25,430
它会自动的Windows 8中的一部分，人们刚刚火起来，一起来看看各种应用程序在这里，

114
00:06:25,430 --> 00:06:29,070
你的装扮贴纸书和各种不同的应用程序。

115
00:06:29,070 --> 00:06:33,690
新鲜油漆，我用这个有很多 - 很差，但我用了很多。

116
00:06:33,690 --> 00:06:36,080
它向我展示我已经拥有它。

117
00:06:36,080 --> 00:06:41,280
让我告诉你一些我没有 -  UVideos我没有为全新的。

118
00:06:41,280 --> 00:06:43,660
你在这里看到它是免费的，所以你可以从商店正确安装。

119
00:06:43,660 --> 00:06:46,430
你有选择了。你当然可以把它送人。

120
00:06:46,430 --> 00:06:49,660
你可以把广告中的应用程序或游戏。

121
00:06:49,660 --> 00:06:54,770
您也可以为它充电，你可以很容易地提供试用的应用，以及

122
00:06:54,770 --> 00:06:58,220
这样你就可以让乡亲们尝试了一个星期或任何你想做的事情。

123
00:06:58,220 --> 00:07:01,540
这只是通过定制门户。你不写任何代码的。

124
00:07:01,540 --> 00:07:03,990
所以你说，“你可以用这个一个星期，然后你就必须买它。”

125
00:07:03,990 --> 00:07:07,130
或者你可以不喜欢，“事情你可以打第3级这个游戏

126
00:07:07,130 --> 00:07:09,820
“然后你就必须购买才能访问的休息。”

127
00:07:09,820 --> 00:07:12,310
你甚至可以做应用内购买为好，这样你就可以说，

128
00:07:12,310 --> 00:07:17,880
“我们已经有了更多的冒险或套被解锁图形或东西 - 

129
00:07:17,880 --> 00:07:21,430
“更多的菜谱被解锁 - 如果你购买这些扩展集”

130
00:07:21,430 --> 00:07:24,260
你可以做所有的内部应用程序或游戏本身。

131
00:07:24,260 --> 00:07:26,070
所以，完全取决于你，你的选择。

132
00:07:26,070 --> 00:07:28,070
有很多东西，你可以在店里做，

133
00:07:28,070 --> 00:07:31,660
然后基本上你要提交到一个认证通道。

134
00:07:31,660 --> 00:07:35,380
我们可以讨论所有关于那个有点稍后，但这是我们的目标。

135
00:07:35,380 --> 00:07:40,410
你想要得到你的应用程序的全球知名度在这里店。

136
00:07:40,410 --> 00:07:44,170
>> 回到这里开始屏幕上，我想告诉你身边多一点点。

137
00:07:44,170 --> 00:07:50,580
如果我启动这些应用程序，让我给你一些跨应用程序的功能的例子在这里。

138
00:07:50,580 --> 00:07:53,070
为了做到这一点，我会推出新的油漆。

139
00:07:53,070 --> 00:07:55,550
有一件事你会在这里看到的是屏幕的每一个位，

140
00:07:55,550 --> 00:07:58,040
屏幕上的所有像素，去你的应用程序。

141
00:07:58,040 --> 00:08:01,990
飘在那里你必须围绕这些窗口边框的日子

142
00:08:01,990 --> 00:08:05,120
有很多的按钮，总是有占用空间所有的时间。

143
00:08:05,120 --> 00:08:09,430
现在，你真的想摆脱这一点，只需要你的内容是重点。

144
00:08:09,430 --> 00:08:13,710
我们可以通过访问其他类型的菜单做的事情与Windows。

145
00:08:13,710 --> 00:08:16,840
其中之一是实际上什么所谓的魅力吧，

146
00:08:16,840 --> 00:08:18,870
和它出来从屏幕的一侧。

147
00:08:18,870 --> 00:08:21,270
您可以从侧面实际上轻弹，如果你有一个触摸屏，

148
00:08:21,270 --> 00:08:24,840
你可以右键点击，如果你有一只老鼠，有一个键盘快捷键吧，

149
00:08:24,840 --> 00:08:29,490
总是有做一下这里的环境不止一种方法。

150
00:08:29,490 --> 00:08:31,680
这带来了一些东西，你可以做。

151
00:08:31,680 --> 00:08:33,870
最明显的是你可以回到开始屏幕，

152
00:08:33,870 --> 00:08:36,780
但其余4个均为所谓的魅力。

153
00:08:36,780 --> 00:08:41,059
他们是合同，你可以插入作为一个应用程序开发人员。他们很酷。

154
00:08:41,059 --> 00:08:43,340
搜索，我敢肯定，这东西你打算怎么办，

155
00:08:43,340 --> 00:08:44,950
分享我会告诉你在第二，

156
00:08:44,950 --> 00:08:48,450
与设备和设置，这些都是所有的东西，你的应用程序可以插入

157
00:08:48,450 --> 00:08:51,960
利用Windows中，说，“我已经做了我的一部分

158
00:08:51,960 --> 00:08:54,700
“我希望Windows支持一些其他的功能，

159
00:08:54,700 --> 00:08:56,750
“我不想写大量的代码来实现这一目标。”

160
00:08:56,750 --> 00:08:59,480
这是真正使用这些功能的好处。

161
00:08:59,480 --> 00:09:01,340
让我告诉你一个。

162
00:09:01,340 --> 00:09:05,170
为了做到这一点，我会成为一个新的绘画。

163
00:09:05,170 --> 00:09:08,240
我也谈到了使用的每一个像素为您的应用程序。

164
00:09:08,240 --> 00:09:11,850
默认情况下，这是什么样的油漆应用程序的外观，当你使用它等等。

165
00:09:11,850 --> 00:09:14,960
这真的只是无论你画，你的内容。

166
00:09:14,960 --> 00:09:20,850
我可以在这里做可怕的事情。我应该怎么画？我不知道。

167
00:09:20,850 --> 00:09:23,110
涂鸦？哦，太棒了。我可以做的涂鸦。太棒了。

168
00:09:23,110 --> 00:09:25,130
火鸡？ [笑]

169
00:09:25,130 --> 00:09:28,500
这是最抽象的火鸡，你会看到。

170
00:09:28,500 --> 00:09:31,780
我还可以带出什么所谓的应用栏，

171
00:09:31,780 --> 00:09:33,850
这是真的，你可以使用密钥的方法之一

172
00:09:33,850 --> 00:09:37,210
隐藏了所有可能一直在你的应用程序或游戏之前的东西

173
00:09:37,210 --> 00:09:39,570
只是占用空间，所有的时间。

174
00:09:39,570 --> 00:09:43,270
所以，现在你可以把它放在这里，这真的是更美丽的经历之一

175
00:09:43,270 --> 00:09:46,380
与我见过的应用栏。

176
00:09:46,380 --> 00:09:48,800
把选择这里选择不同的颜色。

177
00:09:48,800 --> 00:09:54,310
我们想要一个火鸡，所以​​我们会把一些棕色这里，开始在一对夫妇的色彩混合。

178
00:09:54,310 --> 00:09:58,790
我们将采取一个中间色在这里，然后回到这里。

179
00:09:58,790 --> 00:10:02,990
您可以开始绘制。还有你的火鸡。太棒了。

180
00:10:02,990 --> 00:10:07,660
我不能画首先，而是要在观众面前触摸板做的更好。

181
00:10:07,660 --> 00:10:09,640
这是真棒。

182
00:10:09,640 --> 00:10:13,030
这个想法，不过，是我关心的是在这里表面上的一切。

183
00:10:13,030 --> 00:10:17,060
比方说，我很满意这一点，我不得不与别人分享。

184
00:10:17,060 --> 00:10:19,680
通常你会与其他版本的Windows做，

185
00:10:19,680 --> 00:10:22,900
你也许会采取一个屏幕快照，你会做你的文字部分复制粘贴

186
00:10:22,900 --> 00:10:24,950
或者您要分享出来这样的事情，

187
00:10:24,950 --> 00:10:27,260
然后去打开另一个应用程序，并把它变成它。

188
00:10:27,260 --> 00:10:28,630
在这里，你不必这样做。

189
00:10:28,630 --> 00:10:32,400
实际上，你可以衬托出迷人的酒吧，说：“我想分享这个。”

190
00:10:32,400 --> 00:10:35,000
在这一点上它会告诉你所有的应用程序

191
00:10:35,000 --> 00:10:38,080
知道如何与任何被共享的工作。

192
00:10:38,080 --> 00:10:41,590
在这种情况下，它是一幅画，那么它会说，“我看你已经有了一张照片。”

193
00:10:41,590 --> 00:10:45,590
“你想分享一下？”你可以看到我发电子邮件给自己的东西所有的时间。

194
00:10:45,590 --> 00:10:49,420
它承认，它的递给我，作为一个快捷方式，

195
00:10:49,420 --> 00:10:53,270
但它也给我看每一个应用程序，它知道如何处理拍摄图片

196
00:10:53,270 --> 00:10:55,520
并做一些与它。

197
00:10:55,520 --> 00:10:57,890
这些都表明到Windows，他们能做到这一点。

198
00:10:57,890 --> 00:10:59,240
在这一点上，这是Windows操作系统。

199
00:10:59,240 --> 00:11:01,680
用户只需选择他们想要做什么。

200
00:11:01,680 --> 00:11:06,610
我会尽我平时PuzzleTouch的。你可以看到我已经创建了各种谜题随着时间的推移。

201
00:11:06,610 --> 00:11:11,790
我要PuzzleTouch说，“我想和PuzzleTouch分享这个惊人的创造。”

202
00:11:11,790 --> 00:11:16,670
它会继续前进，说：“太好了。你想分享这个？神奇。”

203
00:11:16,670 --> 00:11:19,260
“你想使一个难题，很容易，中间，不管？”

204
00:11:19,260 --> 00:11:20,800
我会做一个中间位置。

205
00:11:20,800 --> 00:11:24,890
它使这一难题。这将是一个可怕的谜，因为它主要是空白。

206
00:11:24,890 --> 00:11:28,100
但它已经准备好，它实际上早在其他应用程序。

207
00:11:28,100 --> 00:11:32,360
如果我来到这里，我可以搜索并启动它。

208
00:11:32,360 --> 00:11:38,100
现在，如果我们翻阅了一点点在这里一点，我们应该看到我的创作的地方。

209
00:11:38,100 --> 00:11:42,930
我上哪儿去？我都做了什么样的难题？难道我可以很容易？

210
00:11:42,930 --> 00:11:46,110
哦，还有这是，就在那里。

211
00:11:46,110 --> 00:11:49,550
[笑]这是容易辨认的火鸡难题，在这里。

212
00:11:49,550 --> 00:11:52,360
不过，我想向你指出的东西，这里的很酷的事情

213
00:11:52,360 --> 00:11:54,710
是应用程序不知道对方什么。

214
00:11:54,710 --> 00:11:58,740
他们只说，“我有一个图片分享，我知道如何处理的图片。”

215
00:11:58,740 --> 00:12:01,420
而你作为一个开发者，你不必编写代码。

216
00:12:01,420 --> 00:12:05,350
当有人问我分享，我要去把一些数据到这个小的数据结构

217
00:12:05,350 --> 00:12:06,740
和我完成了。

218
00:12:06,740 --> 00:12:10,990
其他的应用程序接管，做它的事，这就是共享经验的结束。

219
00:12:10,990 --> 00:12:14,550
这只是一件事，你可以做的 - 真的，真的很强大 - 

220
00:12:14,550 --> 00:12:17,570
而这将是其中的一件事情，可以真正帮助区分你的应用程序

221
00:12:17,570 --> 00:12:20,090
还你的游戏太在店里。

222
00:12:20,090 --> 00:12:22,220
人们将能够说，“这是非常有用的。”

223
00:12:22,220 --> 00:12:25,430
“我用这个谜题创作者所有的时间。这是梦幻般的。”

224
00:12:25,430 --> 00:12:30,490
>> 这大约够这是怎么回事上进行简要回顾。

225
00:12:30,490 --> 00:12:33,670
有一对夫妇的其他功能太，也许我们将重点为我们经历的代码。

226
00:12:33,670 --> 00:12:37,710
但我想潜入幻灯片，要做到这一点，我要去桌面，

227
00:12:37,710 --> 00:12:40,940
这本身就是在这里另一个动态磁贴。

228
00:12:40,940 --> 00:12:43,840
我可以去到这个，果然，我在我的幻灯片，

229
00:12:43,840 --> 00:12:46,320
但让我告诉你其实我们在哪里。

230
00:12:46,320 --> 00:12:48,460
我们实际上是在桌面模式。

231
00:12:48,460 --> 00:12:52,580
这确实是在那里我之前说有关Windows弘扬

232
00:12:52,580 --> 00:12:54,850
新的经验表明本身。

233
00:12:54,850 --> 00:12:56,450
这是你知道的Windows。

234
00:12:56,450 --> 00:12:59,730
Windows应用程序被称为桌面应用程序。它们运行在这里。

235
00:12:59,730 --> 00:13:02,730
如果您有现有的应用程序，你想在Windows 8上运行它们，

236
00:13:02,730 --> 00:13:04,710
你完全可以做到这一点。

237
00:13:04,710 --> 00:13:07,590
这些都是不一样的东西作为存储应用程序，这是在这里，

238
00:13:07,590 --> 00:13:12,240
喜欢新鲜的油漆和这些NBC新闻的应用程序之类的东西。那些将来自实体店。

239
00:13:12,240 --> 00:13:14,450
它们可以插入一些，我是您展示的功能

240
00:13:14,450 --> 00:13:16,620
和其他人，我还没有表现出你只是还没有。

241
00:13:16,620 --> 00:13:21,460
但是，仅仅记住这一点。我们对这些事情都支持。

242
00:13:21,460 --> 00:13:27,000
对不起。什么是不显示在屏幕上？我已经完全失去了它。这是奇怪的。

243
00:13:29,000 --> 00:13:31,000
好吧。感谢您指出了这一点。

244
00:13:31,000 --> 00:13:34,770
你还没有看到有一段是我显示你的桌面就在这里。

245
00:13:34,770 --> 00:13:37,540
什么是你看到的最后一件事？你看到了吗？

246
00:13:37,540 --> 00:13:39,490
这是桌面。你已经知道它是什么样子。

247
00:13:39,490 --> 00:13:42,070
没什么可怕的不寻常。

248
00:13:42,070 --> 00:13:46,940
这是我们进行了经验推进对你和让你使用，你有过的事情。

249
00:13:46,940 --> 00:13:50,460
例如，我会向您展示的Visual Studio。这是一个桌面应用程序。

250
00:13:50,460 --> 00:13:52,600
它会在此模式下运行。

251
00:13:52,600 --> 00:13:54,960
这将支持更复杂的环境

252
00:13:54,960 --> 00:14:01,470
有很多的选择之类的东西，所以它使一个很好的选择作为一个桌面应用程序。

253
00:14:01,470 --> 00:14:04,810
>> 这就是说，让我们去幻灯片只是一点点

254
00:14:04,810 --> 00:14:09,720
并给你一些介绍的内容，然后进入实际编码在这里。

255
00:14:09,720 --> 00:14:14,070
好消息是我听说你一直专注于大量的CSS和JavaScript，HTML的。

256
00:14:14,070 --> 00:14:18,110
所有这些事情，你一直在直接学习进位使Windows Store应用程序。

257
00:14:18,110 --> 00:14:22,920
你已经听到与应用CSS选择器和所有这些事情的事情

258
00:14:22,920 --> 00:14:27,180
正是你在这里创建的商店的应用程序。

259
00:14:27,180 --> 00:14:29,640
我们将通过位经历这些事情位。

260
00:14:29,640 --> 00:14:34,130
基本上，我建立的，你已经花时间去学习的东西。

261
00:14:34,130 --> 00:14:36,520
这是你可以使用的技术整体图

262
00:14:36,520 --> 00:14:38,790
使为Windows 8的应用程序。

263
00:14:38,790 --> 00:14:42,840
在右边的桌面应用程序，东东真的是我们已经知道的。

264
00:14:42,840 --> 00:14:46,840
这东西，真的是Windows 7的世界结转到Windows 8。

265
00:14:46,840 --> 00:14:51,920
所有这些选项发扬：C＃，VB，Win32的一种发展。

266
00:14:51,920 --> 00:14:54,450
大。没问题。新的东西是在左手边。

267
00:14:54,450 --> 00:14:58,220
这是Windows应用商店的应用程序，这时候我想要得到我的应用程序连接到Windows 8

268
00:14:58,220 --> 00:15:02,300
使用所有这些功能，让它进店，并获得真正爽体验

269
00:15:02,300 --> 00:15:05,260
的Windows应用商店的应用程序。

270
00:15:05,260 --> 00:15:10,350
要做到这一点，你可以在这里看到你已经得到了所有你的选择使用XAML，C + +，

271
00:15:10,350 --> 00:15:14,100
C＃，VB，你可以做的DirectX，这样的事情，事情是超越的幻灯片。

272
00:15:14,100 --> 00:15:18,650
但对我们来说，我们要正确的专注于一个事实，即HTML，CSS和JavaScript

273
00:15:18,650 --> 00:15:22,890
是一个真正的一等公民作出的Windows 8应用程序

274
00:15:22,890 --> 00:15:24,960
和Windows应用商店。

275
00:15:24,960 --> 00:15:27,950
因此，这是对大家都有好处这里的乡亲观看视频

276
00:15:27,950 --> 00:15:30,760
因为你可以利用所有这些，你有经验

277
00:15:30,760 --> 00:15:33,900
真正扎到什么Windows提供。

278
00:15:33,900 --> 00:15:37,870
你要做的是通过一组API，它应该是毫不奇怪。

279
00:15:37,870 --> 00:15:39,920
每个操作系统都有自己的API。

280
00:15:39,920 --> 00:15:43,530
我们揭露Windows可以通过什么所谓的WinRT做什么。

281
00:15:43,530 --> 00:15:46,370
这是一组API，只是没有你的一切。

282
00:15:46,370 --> 00:15:51,650
如果你需要打开的文件，则需要使用相机，地理定位，这样的事情，

283
00:15:51,650 --> 00:15:55,700
他们经过哪些Windows可以提供给你。

284
00:15:55,700 --> 00:15:59,370
要访问，我们有一些更多的JavaScript那将使其更容易

285
00:15:59,370 --> 00:16:02,510
为你做到这一点。我们会得到，在一个时刻。

286
00:16:02,510 --> 00:16:04,060
但现在，这是基本的路线图。

287
00:16:04,060 --> 00:16:06,770
你已经在做的一些API之上的东西

288
00:16:06,770 --> 00:16:11,280
这种帮助您使用的Windows等于存储应用程序。

289
00:16:11,280 --> 00:16:14,210
而这的的确确是所有你必须​​知道，从较高的水平。

290
00:16:14,210 --> 00:16:17,370
>> 我们将深入到实际工作与现在的东西。

291
00:16:18,940 --> 00:16:21,950
你可能已经看到了一堆的东西，

292
00:16:21,950 --> 00:16:26,760
与IE9的一小会儿回我们介绍了很多的支持，在当时，

293
00:16:26,760 --> 00:16:30,340
在Web新标准，所以很多新的CSS特性，

294
00:16:30,340 --> 00:16:34,380
很多新的HTML，ECMAScript 5标准，这实在是JavaScript的。

295
00:16:34,380 --> 00:16:38,090
所以一切的，除了严格模式是在IE9。

296
00:16:38,090 --> 00:16:42,290
只是一个用CSS吨的东西，CSS3，都在那里呢。

297
00:16:42,290 --> 00:16:45,300
而这一切的东西发扬到我们正在做的与Windows 8。

298
00:16:45,300 --> 00:16:49,350
您可以使用这些东西，你可以用一切的新的IE10。

299
00:16:49,350 --> 00:16:54,640
随着我们的IE10引入所有这些事情支持。

300
00:16:54,640 --> 00:16:59,340
他们所有的硬件​​加速，所以如果你的机器上有某种的GPU上，

301
00:16:59,340 --> 00:17:04,190
这可能是几乎每一台机器，你可以得到在过去的8年中，

302
00:17:04,190 --> 00:17:07,609
你要能够有硬件加速的输出，

303
00:17:07,609 --> 00:17:11,770
用CSS可视化输出，画布，SVG。

304
00:17:11,770 --> 00:17:14,339
所有的这些事情将通过硬件加速

305
00:17:14,339 --> 00:17:16,060
并且是，更快，更高效。

306
00:17:16,060 --> 00:17:20,440
短版所有这一切 - 我可不是要经过每一个东西在这里 - 

307
00:17:20,440 --> 00:17:23,200
如果你看到这个名单上的，如果你能在IE10做到这一点，

308
00:17:23,200 --> 00:17:25,650
如果它是你正在运行的Web应用程序，在IE10的作品，

309
00:17:25,650 --> 00:17:28,640
它的东西，你可以做一个Windows应用商店的应用程序。

310
00:17:28,640 --> 00:17:33,100
而这几乎是它。所以，如果它工作在IE10，它将会作为一个Windows应用商店的应用程序。

311
00:17:33,100 --> 00:17:36,370
这是在桌子上的东西，你可以使用。

312
00:17:36,370 --> 00:17:40,510
>> 有很多在这里。我们没有到午夜，所以我不能在此回顾的一切。

313
00:17:40,510 --> 00:17:44,060
但也有一些网站，这将有助于您了解这些事情可以做，

314
00:17:44,060 --> 00:17:45,520
我会告诉你其中的一个在第二。

315
00:17:45,520 --> 00:17:48,410
我只是想指出几个，你可能看关键的东西。

316
00:17:48,410 --> 00:17:51,560
也许你已经看到了其中的一些在你的研究中，

317
00:17:51,560 --> 00:17:56,610
但这些都是非常有帮助，特别是在Windows应用商店的应用程序，从CSS的一面。

318
00:17:56,610 --> 00:18:02,420
所以能够做转换和过渡，提供运动与动画 - 

319
00:18:02,420 --> 00:18:07,010
这些是CSS的一部分了，而且他们都支持现代浏览器，

320
00:18:07,010 --> 00:18:11,370
和IE10和IE9增加了支持随着时间的推移，所有这些东西。

321
00:18:11,370 --> 00:18:15,220
所以，为什么你自己写吧，为什么要经过手工做这些事情的所有的麻烦

322
00:18:15,220 --> 00:18:19,970
当你可以使用一个简单的CSS变换为应用程序创建一个3D效果？

323
00:18:19,970 --> 00:18:22,740
大。这就是它的工作原理。

324
00:18:22,740 --> 00:18:24,530
我不能让任何比这更困难。

325
00:18:24,530 --> 00:18:28,330
如果你知道如何做到这一点在CSS中，你知道如何做到这一点在Windows应用商店的应用程序。

326
00:18:28,330 --> 00:18:32,080
>> 超越，对于布局，之类的东西，甚至商店的应用程序，

327
00:18:32,080 --> 00:18:35,350
但超出这个限度，看着也许是新闻的应用程序，是显示您的文章

328
00:18:35,350 --> 00:18:40,160
或配方或类似的东西，这些其他类型的功能在CSS中是非常有用的：

329
00:18:40,160 --> 00:18:45,610
网格，Flexbox，CSS的地区更是一个相当新的标准也是如此。

330
00:18:45,610 --> 00:18:51,190
这些东西都是要帮助你制定出的内容和流量之间的部分内容，

331
00:18:51,190 --> 00:18:55,470
能够做到分页和断字，不用您亲自编写的东西。

332
00:18:55,470 --> 00:18:57,500
你刚才说，“请执行以下操作对我来说，”

333
00:18:57,500 --> 00:19:00,850
和屏幕房地产是不同的在不同的机器

334
00:19:00,850 --> 00:19:03,850
或者，你会看到在某一时刻，当你捕捉应用程序

335
00:19:03,850 --> 00:19:07,920
有在屏幕上少量的空间，这是对CSS没有问题。

336
00:19:07,920 --> 00:19:11,160
它可以利用的优势 - 关于第二个媒体查询we'll谈话 - 

337
00:19:11,160 --> 00:19:15,880
它可以采取的东西重新定位你的内容照顾，从区域流动内容

338
00:19:15,880 --> 00:19:21,240
只是这些东西，你可能已经看到了使用Web技术。

339
00:19:21,240 --> 00:19:25,470
>> 在HTML5的一面，也有一堆东西

340
00:19:25,470 --> 00:19:28,140
这将是对你非常有帮助的Windows Store应用程序。

341
00:19:28,140 --> 00:19:30,980
同样，我们也不会去通过所有这些，但他们只是在这里。

342
00:19:30,980 --> 00:19:35,470
所以，如果你需要使用它，音视频，如果你想从形式做验证，

343
00:19:35,470 --> 00:19:40,570
地理定位，所有的东西你可以在JavaScript中做的JavaScript 5或5的ECMAScript，

344
00:19:40,570 --> 00:19:44,070
IndexedDB本地存储 - 这是给你的所有选项。

345
00:19:44,070 --> 00:19:49,300
如果你正在寻找一个答案，只是看对现有技术使用HTML5和CSS

346
00:19:49,300 --> 00:19:53,880
你会发现不必自己推出了很多的东西更容易的答案。

347
00:19:53,880 --> 00:19:55,510
让我告诉你在这里一点点。

348
00:19:55,510 --> 00:19:57,920
我有一个网站，我们可以去。

349
00:19:57,920 --> 00:20:01,590
让我放弃了这个幻灯片的一秒钟。

350
00:20:01,590 --> 00:20:06,450
>> 如果我们出去IETestDrive.com，

351
00:20:06,450 --> 00:20:08,960
我不会做太多这里演示的。

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com真的向您展示了很多什么新与IE10，

353
00:20:14,360 --> 00:20:16,220
的事情，你可以做。

354
00:20:16,220 --> 00:20:19,130
这是我找到的，因为不是通过一串白皮书读书真正有用的，

355
00:20:19,130 --> 00:20:23,020
看几个演示，这会帮助你把它放在自己的个人雷达

356
00:20:23,020 --> 00:20:26,620
有关技术是否有意义，甚至做任何更多的研究，

357
00:20:26,620 --> 00:20:29,070
所以你就会明白，“我看这是什么。”

358
00:20:29,070 --> 00:20:32,780
“我明白请求帧动画不适合我。”

359
00:20:32,780 --> 00:20:36,900
“我明白我怎么可以使用的地区或SVG过滤器。”

360
00:20:36,900 --> 00:20:40,190
你看到他们在行动中，看到他们一个例子，

361
00:20:40,190 --> 00:20:44,930
并决定为自己，如果这就是要在自己的项目和以后对您有用

362
00:20:44,930 --> 00:20:47,840
如您继续使用Web技术工作。

363
00:20:47,840 --> 00:20:49,900
在这里，我只想鼓励你去看看。

364
00:20:49,900 --> 00:20:52,880
我不认为我会花很多时间实际运行这些。

365
00:20:52,880 --> 00:20:56,030
我们有足够的与编写代码来显示。

366
00:20:56,030 --> 00:21:01,640
你会在这里看到的东西从触摸效果在该条中，触摸为基础的游戏，

367
00:21:01,640 --> 00:21:06,050
动画，非常快的硬件加速动画那里，

368
00:21:06,050 --> 00:21:11,230
一些优化，你会在其中一些样本看为好，

369
00:21:11,230 --> 00:21:12,770
并有许多，许多。

370
00:21:12,770 --> 00:21:15,330
如果你走在这里，开辟了站点地图，

371
00:21:15,330 --> 00:21:19,070
这里还有一个荒谬的样本数在这里。

372
00:21:19,070 --> 00:21:20,690
你可以看到他们都在这里。

373
00:21:20,690 --> 00:21:22,900
如果你正在寻找的东西或者你听说过的东西

374
00:21:22,900 --> 00:21:25,850
你想知道，也许这将是很酷的东西在应用程序使用，

375
00:21:25,850 --> 00:21:31,720
尝试寻找在这里，有可能是一个不错的演示它来保存自己一些时间。

376
00:21:31,720 --> 00:21:35,980
>> 好吗？如有任何疑问，到目前为止在这里的乡亲？

377
00:21:35,980 --> 00:21:39,620
好吧。我们将继续在这里。

378
00:21:39,620 --> 00:21:41,920
同样，刚刚检查出来。

379
00:21:41,920 --> 00:21:45,450
它们是Web标准，所以去你知道的任何其他网站展示

380
00:21:45,450 --> 00:21:50,550
看看这些技术让你感觉想要做什么。

381
00:21:50,550 --> 00:21:53,190
>> 回到幻灯片。

382
00:21:53,190 --> 00:22:00,290
这就是说，您是从网络世界转移到真正的本地安装的应用程序的世界里，

383
00:22:00,290 --> 00:22:01,850
所以有一些东西在这里指出。

384
00:22:01,850 --> 00:22:03,690
首先，这里还涉及到任何Web服务器。

385
00:22:03,690 --> 00:22:06,120
有没有Apache的，没有IIS运行在这里

386
00:22:06,120 --> 00:22:10,170
煮好页到远程客户端，在远程浏览器代理。

387
00:22:10,170 --> 00:22:13,000
在这种情况下，真的一切都打包给你。

388
00:22:13,000 --> 00:22:16,630
您提交您的应用程序商店，它得到认证，

389
00:22:16,630 --> 00:22:22,190
它是在商店，然后人数以千计会安装游戏或应用程序。

390
00:22:22,190 --> 00:22:24,780
但基本上，他们拉下来在本地自己的机器。

391
00:22:24,780 --> 00:22:29,080
有没有必要走出去到Web了，除非你有需要的远程API调用，

392
00:22:29,080 --> 00:22:31,790
那是完全正常的也很好。

393
00:22:31,790 --> 00:22:35,330
但他们不会是在该模式下，他们必须从一台服务器去请求响应

394
00:22:35,330 --> 00:22:37,910
得到其内容的下一个页面。

395
00:22:37,910 --> 00:22:41,380
所以这么说，有一些小的API的差别。这是令人难以置信的未成年人。

396
00:22:41,380 --> 00:22:46,850
他们不会打你你的正常编码，但他们至少记录。

397
00:22:46,850 --> 00:22:50,030
那种他们边缘情况有。

398
00:22:50,030 --> 00:22:53,370
>> 值得一提的另一件事是信任的差异。

399
00:22:53,370 --> 00:22:58,070
我只提到这一点，因为我只是想确保我说的

400
00:22:58,070 --> 00:23:01,580
因此，如果你碰上它以后，你会想，“克里斯说了一些关于这一点，

401
00:23:01,580 --> 00:23:04,890
“所以也许，是啊，没关系，”然后你回去，你会发现它是什么。

402
00:23:04,890 --> 00:23:06,480
上下文关系。

403
00:23:06,480 --> 00:23:11,450
默认情况下，我们尽量保护用户免受攻击向量。

404
00:23:11,450 --> 00:23:13,400
有一些东西，你可以在默认情况下做

405
00:23:13,400 --> 00:23:16,130
和一些事情你需要改变上下文，使。

406
00:23:16,130 --> 00:23:19,860
由于您使用的是一些图书馆在那里 -  you've已经工作与jQuery，

407
00:23:19,860 --> 00:23:23,650
但如果你看看其他的库在那里 - 你可能会使用一些功能

408
00:23:23,650 --> 00:23:28,000
那种超越本地使用，并更具活力的互动

409
00:23:28,000 --> 00:23:30,360
XHR请求，这样的事情。

410
00:23:30,360 --> 00:23:33,090
有时候，你可能会发现那些将默认被禁用，

411
00:23:33,090 --> 00:23:37,790
而在这种情况下，只是做一个搜索，查找本地和网络方面，

412
00:23:37,790 --> 00:23:39,560
你会发现如何解决这个问题。

413
00:23:39,560 --> 00:23:42,580
只要确保你知道，当你开始使用其他框架，

414
00:23:42,580 --> 00:23:45,720
其中，我应该提到，你完全能够做到的。

415
00:23:45,720 --> 00:23:49,290
所以，如果你能找到一些其他的框架 - 这在第二we'll谈话 - 

416
00:23:49,290 --> 00:23:54,000
为游戏和你要使用，要使用一些控制库是在那里

417
00:23:54,000 --> 00:23:57,990
而你不想自己写的东西 - 这是一个好主意，对吧？ - 

418
00:23:57,990 --> 00:23:59,560
你完全可以用这个东西。

419
00:23:59,560 --> 00:24:03,660
没有什么阻止你使用的基于JavaScript的任何类库回来，

420
00:24:03,660 --> 00:24:05,380
CSS，HTML5。

421
00:24:05,380 --> 00:24:09,740
再次，如果它的东西，你可以在IE10，这是很多赫克这几天做的，

422
00:24:09,740 --> 00:24:11,220
你可以做到这一点。

423
00:24:11,220 --> 00:24:14,800
它拉进你的应用程序，引用JavaScript库，并用它在你的应用程序，

424
00:24:14,800 --> 00:24:19,880
只是记住你可能会在一段时间打了一个安全上下文一次 - 不是很经常。

425
00:24:19,880 --> 00:24:24,150
>> 然后在功能，我们就去了一些更多的那些，因为我们去。

426
00:24:24,150 --> 00:24:27,500
有种你会习惯的，你看到越来越多的应用UX

427
00:24:27,500 --> 00:24:29,250
从Windows应用商店。

428
00:24:29,250 --> 00:24:33,870
你感受一下它们是如何工作以及如何设计美学往往工作

429
00:24:33,870 --> 00:24:37,720
在不同的应用程序和什么人会被用来体验。

430
00:24:37,720 --> 00:24:39,660
这是真正的重要组成部分。

431
00:24:39,660 --> 00:24:42,460
确保当他们启动你的应用程序，他们并不需要阅读一本手册，

432
00:24:42,460 --> 00:24:44,300
他们永远不会做，顺便说一句。

433
00:24:44,300 --> 00:24:46,650
他们应该能够开始与您的应用程序打

434
00:24:46,650 --> 00:24:49,450
并认定它没有太大的困难。

435
00:24:49,450 --> 00:24:52,660
通过坚持，坚持了很多这些做法，

436
00:24:52,660 --> 00:24:57,640
你会做你的用户一个大忙，使那更容易。

437
00:24:57,640 --> 00:25:01,810
>> 好吧。在API的侧最后一件事，然后我们将进入实际编写代码。

438
00:25:01,810 --> 00:25:05,660
的WinJS是我的事与复溜提到很简单

439
00:25:05,660 --> 00:25:08,850
与你有制作应用程序的所有这些不同的选择。

440
00:25:08,850 --> 00:25:10,890
的WinJS，你可以把它作为一个哥们。

441
00:25:10,890 --> 00:25:13,680
这是你的朋友帮你更快地写东西。

442
00:25:13,680 --> 00:25:18,820
它只是JavaScript和CSS。您不必使用它。你可以使用它。

443
00:25:18,820 --> 00:25:22,180
如果你将要调用到Windows的功能，你最终会使用它，

444
00:25:22,180 --> 00:25:27,210
但如果有像一些设计模式或控制的事情，你真的不想用，

445
00:25:27,210 --> 00:25:29,090
你想用别的东西，它给你。

446
00:25:29,090 --> 00:25:32,580
决定要使用什么和要使用的样式。

447
00:25:32,580 --> 00:25:37,250
从命名空间和类生成的特征 - 由你决定。

448
00:25:37,250 --> 00:25:41,650
如果你喜欢一个或另一个，这是完全由你决定。它仍然是JavaScript和CSS。

449
00:25:41,650 --> 00:25:43,860
但是，它会帮你做了很多的东西。

450
00:25:43,860 --> 00:25:47,780
例如，这里有什么可以做的一个子集，

451
00:25:47,780 --> 00:25:50,790
事情，比如帮助异步编程与承诺。

452
00:25:50,790 --> 00:25:54,000
任你听说过或使用Node.js的工作？

453
00:25:54,000 --> 00:25:59,520
这是一个具有异步编程工作，常见的模式。

454
00:25:59,520 --> 00:26:02,370
所以基本上你说的是，“去做些什么，

455
00:26:02,370 --> 00:26:05,790
“和你要给我当你做，你会回到我的承诺。”

456
00:26:05,790 --> 00:26:08,400
这是本质发生了什么事情。

457
00:26:08,400 --> 00:26:12,400
这样你就不会冻结您的应用程序，而用户是怎么回事，并选择一个文件

458
00:26:12,400 --> 00:26:15,810
什么正在从Web流下来。

459
00:26:15,810 --> 00:26:17,210
用户界面保持响应。

460
00:26:17,210 --> 00:26:19,410
你可以做，通过使用异步编程。

461
00:26:19,410 --> 00:26:23,620
这听起来很可笑复杂，但它真的很容易，因为你使用的承诺

462
00:26:23,620 --> 00:26:27,900
而你只说，“去做到这一点，当你做，回调到这个方法。”

463
00:26:27,900 --> 00:26:30,270
这几乎是它。这是所有内置到的WinJS。

464
00:26:30,270 --> 00:26:35,120
这将使它更容易写出真正灵活和强大的应用程序。

465
00:26:35,120 --> 00:26:37,870
>> 你可以看到这里的休息，很多动画。

466
00:26:37,870 --> 00:26:41,240
可能是这张幻灯片上，更重要的事情之一是控制。

467
00:26:41,240 --> 00:26:44,680
我觉得我有一个整体 - 是啊，我做的。

468
00:26:44,680 --> 00:26:48,900
这里只是一些你可以在你的应用程序中使用控件的一个例子。

469
00:26:48,900 --> 00:26:51,060
这是所有垂直向上从的WinJS。

470
00:26:51,060 --> 00:26:53,430
你是不是写这些呀，

471
00:26:53,430 --> 00:26:55,990
你刚才说，“这是我要如何撰写我的申请。”

472
00:26:55,990 --> 00:26:59,420
“我将使用一个翻转视图，这样我可以在不同的画面之间走了。”

473
00:26:59,420 --> 00:27:03,380
我还没有表现出你的语义缩放。我会告诉你，在第二。

474
00:27:03,380 --> 00:27:05,700
ListViews。还有的GridView。

475
00:27:05,700 --> 00:27:08,680
你已经看到了一个网格，商店应用程序的一部分，

476
00:27:08,680 --> 00:27:12,170
所以能够使用的内容块和整个的滚动。

477
00:27:12,170 --> 00:27:15,660
弹出菜单，你会看到不时。

478
00:27:15,660 --> 00:27:19,090
应用栏我给你带了新鲜的油漆应用为好，

479
00:27:19,090 --> 00:27:22,190
所以你看到了如何自定义，通过把上的按钮

480
00:27:22,190 --> 00:27:26,360
并且具有躲避，当你不小心使用。

481
00:27:26,360 --> 00:27:28,120
这真的完全取决于你使用。

482
00:27:28,120 --> 00:27:30,210
这些是的WinJS的一部分，所有控件。

483
00:27:30,210 --> 00:27:33,640
我会告诉你如何在短短一秒钟让这些，但有更多的不仅仅是这一点，

484
00:27:33,640 --> 00:27:37,060
而关键是使用他们，如果你想要，节省一些时间。

485
00:27:37,060 --> 00:27:40,830
>> 如果您有其他的控件库，你想用，这完全没关系。

486
00:27:40,830 --> 00:27:46,300
事情像jQuery UI做了很多的这种想法为好，

487
00:27:46,300 --> 00:27:51,280
提供更多的控制，扩展你可以在HTML和JavaScript做什么。

488
00:27:52,690 --> 00:27:55,680
让我们开始吧。我已经说过了。使用你喜欢的东西。

489
00:27:55,680 --> 00:27:59,680
只要记住，你可能会遇到一些方面的问题。

490
00:27:59,680 --> 00:28:03,380
但你一定可以混合和匹配任何一种你舒服库，

491
00:28:03,380 --> 00:28:06,770
你想学，你要使用，以节省自己一些时间。

492
00:28:06,770 --> 00:28:09,850
>> 让我们来谈谈工具只是一秒钟。

493
00:28:09,850 --> 00:28:12,400
你可以得到你需要开始使用Windows Store应用程序的工作。

494
00:28:12,400 --> 00:28:17,360
如果我回去了，我有太多的东西在这里。

495
00:28:17,360 --> 00:28:21,770
如果你到这个页面，这是dev.windows.com，

496
00:28:21,770 --> 00:28:23,300
你可以下载你所需要的一切。

497
00:28:23,300 --> 00:28:28,170
作为学生，您有机会获得更多的比一般市民呢，

498
00:28:28,170 --> 00:28:30,670
这样你就可以得到Visual Studio中的高端版本。

499
00:28:30,670 --> 00:28:34,090
埃德温提到你已经获得Windows以及。

500
00:28:34,090 --> 00:28:36,790
但在一般情况下，所有的开发者，你可以去这个网站

501
00:28:36,790 --> 00:28:40,380
并下载你需要的应用程序的一切，而且它是免费的。

502
00:28:40,380 --> 00:28:42,460
因此，有Visual Studio的免费版本，

503
00:28:42,460 --> 00:28:44,450
有一些工具，将一起安装的是 - 

504
00:28:44,450 --> 00:28:47,240
你需要创建和测试应用程序的一切。

505
00:28:47,240 --> 00:28:50,130
只有当你要发布你的应用商店

506
00:28:50,130 --> 00:28:52,470
，你将需要一个开发者账户。

507
00:28:52,470 --> 00:28:56,100
这也是我认为是免费的。它是免费的学生呢？ >> [Guarin]哪一个？

508
00:28:56,100 --> 00:28:57,970
开发者账号，实际提交。 >> [Guarin]是的。

509
00:28:57,970 --> 00:28:59,580
这是更多的好消息。

510
00:28:59,580 --> 00:29:00,840
你会去看看这个。

511
00:29:00,840 --> 00:29:03,840
它会在默认情况下说个别是为49美元。

512
00:29:03,840 --> 00:29:06,140
但是，不要报名，作为一个学生。

513
00:29:06,140 --> 00:29:10,250
我们将通过你的程序，你可以得到一个免费帐户给你一些信息，

514
00:29:10,250 --> 00:29:13,980
并且，可以让你再递交申请一直到店，

515
00:29:13,980 --> 00:29:17,370
多达你喜欢，和所有善良很快就会跟进。

516
00:29:17,370 --> 00:29:19,710
所以这是dev.windows.com。

517
00:29:19,710 --> 00:29:22,170
您可以下载您可能需要从这里的工具。

518
00:29:22,170 --> 00:29:25,310
如果你愿意，你可以让Windows的试用版在这里，

519
00:29:25,310 --> 00:29:27,160
但同样，你将不再需要。

520
00:29:27,160 --> 00:29:32,880
>> 其他站点 - 让我迅速点这一个你 - 是design.windows.com。

521
00:29:32,880 --> 00:29:34,770
这是dev.windows.com。

522
00:29:34,770 --> 00:29:37,770
Design.windows.com，你能猜出它是什么的。

523
00:29:37,770 --> 00:29:40,380
它实际上是一个非常友好的网站。有很多很好的信息在这里。

524
00:29:40,380 --> 00:29:41,770
你可以通过它的工作。

525
00:29:41,770 --> 00:29:43,960
这将让你对一些事情的一些建议

526
00:29:43,960 --> 00:29:46,760
也许你有没有想过之前或收到处理，

527
00:29:46,760 --> 00:29:50,780
就像设计为触控，设计不同的形式因素，

528
00:29:50,780 --> 00:29:55,310
设计为Windows 8的功能，这个事情我前面提到的

529
00:29:55,310 --> 00:29:58,740
像搜索和分享，有些事情，我还没有谈过呢。

530
00:29:58,740 --> 00:30:05,570
他们都列在这里，这是一个相当不错的一套有用的文件页面

531
00:30:05,570 --> 00:30:08,670
这将有助于你了解如何使某一类型的应用程序，

532
00:30:08,670 --> 00:30:14,250
如何做互动，如何处理应用程序的UI和UX。

533
00:30:14,250 --> 00:30:18,630
我建议你​​看看这个，特别是如果你在某个时刻

534
00:30:18,630 --> 00:30:22,960
希望能够发布应用程序商店。

535
00:30:22,960 --> 00:30:25,250
你会想知道如何使一个很好的应用

536
00:30:25,250 --> 00:30:28,300
因为我如果不这样做之前提到的，再有就是那些评论。

537
00:30:28,300 --> 00:30:29,930
人们会不高兴。

538
00:30:29,930 --> 00:30:32,960
他们将不能够找到，他们希望在正确的地方的东西。

539
00:30:32,960 --> 00:30:36,590
没有人希望这样的事情发生到你。

540
00:30:36,590 --> 00:30:39,220
>> 展望未来在这里，让我收了下来。

541
00:30:39,220 --> 00:30:43,700
现在，你知道从哪里得到的东西，我会告诉你如何真正开始使用的东西。

542
00:30:43,700 --> 00:30:48,520
首先，我居然会在这里告诉你我的开始屏幕上的桌面应用程序的一个例子。

543
00:30:48,520 --> 00:30:53,600
在这里，您可以看到Visual Studio中，您可以看到Blend和其他开发工具，我有。

544
00:30:53,600 --> 00:30:55,890
它们具有略微不同的瓦片。

545
00:30:55,890 --> 00:30:57,930
这是因为它们是桌面应用程序，

546
00:30:57,930 --> 00:31:00,960
在这些情况下他们都将要推出回我的桌面

547
00:31:00,960 --> 00:31:05,350
真的就像应用程序，你已经习惯了。

548
00:31:05,350 --> 00:31:06,960
所以Windows的经验，这是同样的事情。

549
00:31:06,960 --> 00:31:12,940
他们都没有，比如说像武装！还是这些东西。让我迅速启动之一。

550
00:31:12,940 --> 00:31:14,340
其实，这里有一个有趣的。

551
00:31:14,340 --> 00:31:19,210
这是由学生在NERD的通力合作，一起开发的。

552
00:31:19,210 --> 00:31:23,430
全屏应用程序，这些类型的经验在这里。

553
00:31:23,430 --> 00:31:26,290
哦，好的切屏和各种有趣的东西。

554
00:31:26,290 --> 00:31:34,330
他们开发了这个。我们不妨展示了整个事情，而我们在这。

555
00:31:37,510 --> 00:31:41,070
其实，我跟他们合作了一点点，给了他们对事物的一些建议

556
00:31:41,070 --> 00:31:44,160
因为他们做的JavaScript为他们的应用。

557
00:31:44,160 --> 00:31:46,460
拜托，我不是信贷对他们的工作，他们做了所有的工作。

558
00:31:46,460 --> 00:31:48,990
我只是给他们建议一点点在这里和那里，

559
00:31:48,990 --> 00:31:52,400
但他们通过使用JavaScript的前端做了一些伟大的东西

560
00:31:52,400 --> 00:31:56,920
和搭售一些物理引擎和活动作出了很多这项工作。

561
00:32:00,120 --> 00:32:03,360
去。让我们看看是否能工程。

562
00:32:03,360 --> 00:32:07,010
哇，它仍然工作。好的，好的。但你的想法。

563
00:32:07,010 --> 00:32:09,350
一个全屏幕的应用程序，一个很好的经验。

564
00:32:09,350 --> 00:32:14,250
这不仅支持我的鼠标和笔，如果我有这样的事情，但也触及。

565
00:32:14,250 --> 00:32:19,420
如果我有一个触摸屏，我可以只画到它，并继续与合作。

566
00:32:19,420 --> 00:32:21,440
>> 有一件事我没有显示出来，为什么我提出这个问题的原因

567
00:32:21,440 --> 00:32:23,840
是我想有另一个应用程序告诉你什么可以做，

568
00:32:23,840 --> 00:32:29,480
你其实可以在Windows应用程序，并将其拖动到屏幕的一侧。

569
00:32:29,480 --> 00:32:33,070
这就是所谓的捕捉的应用程序。

570
00:32:33,070 --> 00:32:37,800
在这种情况下，我已经采取Inkarus，我已经把它添加到这里边。

571
00:32:37,800 --> 00:32:42,990
目前它在快照视图，并允许我做其他事，而该应用程序是存在的。

572
00:32:42,990 --> 00:32:46,210
大多数游戏中，你会发现只是简单地暂停。

573
00:32:46,210 --> 00:32:51,090
这通常是一个体面的事情，除非你的游戏可以在某种程度上缩小

574
00:32:51,090 --> 00:32:54,210
该小的分辨率，如可能为某种棋类游戏

575
00:32:54,210 --> 00:32:55,620
或者类似的东西有时。

576
00:32:55,620 --> 00:32:58,570
但在一般情况下，最容易做的事情，最合适的事情做游戏

577
00:32:58,570 --> 00:33:00,620
是暂停的应用程序。

578
00:33:00,620 --> 00:33:09,440
对于这样的新闻应用程序的应用程序，如果我启动这一个，然后我捕捉它，

579
00:33:09,440 --> 00:33:16,170
你会看到它实际上是在它是如何呈现数据，您显著的变化。

580
00:33:16,170 --> 00:33:20,070
在这里，它的真正显示你在一个更垂直平移的信息，

581
00:33:20,070 --> 00:33:23,340
但我仍然可以完全使用该应用程序。

582
00:33:23,340 --> 00:33:25,640
所以它仍然是非常有用的。

583
00:33:25,640 --> 00:33:29,870
事实上，它是在一个较小的视图不阻止我使用该应用程序。所以，想想这一点。

584
00:33:29,870 --> 00:33:32,090
那就是你需要有你的应用程序确实在一定程度上的东西，

585
00:33:32,090 --> 00:33:35,370
但它是由你来决定你的应用程序的功能如何应

586
00:33:35,370 --> 00:33:39,080
在那样的一个小环境。

587
00:33:39,080 --> 00:33:44,780
让我关闭了一个下来，并重新回到我们在这里。

588
00:33:44,780 --> 00:33:48,110
>> 埃德温，你加我的照片了吗？ >> [Guarin]是啊。 >> [博文]你看那个。

589
00:33:48,110 --> 00:33:51,510
看到了吗？埃德温添加了一张照片。 [笑]

590
00:33:51,510 --> 00:33:54,410
>> 让我们回到了这里到Visual Studio中。让我启动这个给你。

591
00:33:54,410 --> 00:33:58,170
我可以点击了瓷砖的开始屏幕上。

592
00:33:58,170 --> 00:34:02,630
它把我带回进入桌面模式，它的启动Visual Studio的桌面应用程序。

593
00:34:02,630 --> 00:34:06,790
这是你已经知道的Windows操作系统。

594
00:34:06,790 --> 00:34:09,100
我可以继续在这里创建一个项目。

595
00:34:09,100 --> 00:34:11,159
我们将再次专注于JavaScript的HTML。

596
00:34:11,159 --> 00:34:16,510
我要出去，并选择在这里下的JavaScript，Windows应用商店。

597
00:34:16,510 --> 00:34:19,010
有一些模板，您可以使用。

598
00:34:19,010 --> 00:34:21,710
对于生产力，我会建议你看一看其中的一些其他的在这里

599
00:34:21,710 --> 00:34:23,489
像网格和拆分。

600
00:34:23,489 --> 00:34:25,270
他们是真正有用的，如果你正在做一个应用程序

601
00:34:25,270 --> 00:34:28,960
那将会有那种设计和导航。你会看到这些很多。

602
00:34:28,960 --> 00:34:33,070
就是我刚才给你看的竟是电网应用程序的实例。

603
00:34:33,070 --> 00:34:36,880
所以，如果你认为你将要制作的新闻应用程序或RSS阅读器

604
00:34:36,880 --> 00:34:43,120
或类似的东西，随着对你想显示的细节多个项目交易，

605
00:34:43,120 --> 00:34:45,989
考虑使用这些模板之一快速上手

606
00:34:45,989 --> 00:34:48,380
并从那里定制它。

607
00:34:48,380 --> 00:34:50,120
但是，仅仅这样我就可以告诉你所有的运动部件在这里

608
00:34:50,120 --> 00:34:56,120
我要创建空白的应用程序，然后我们会去一点点深入到细节。

609
00:34:56,120 --> 00:34:58,690
我只是做了空白的应用在这里。

610
00:34:58,690 --> 00:35:01,270
它会为我创造了整个计划。

611
00:35:01,270 --> 00:35:03,290
我打开了，我想在默认情况下，显示你的东西。

612
00:35:03,290 --> 00:35:08,550
让我拉近一点点告诉你什么是对我们在这里创建。

613
00:35:08,550 --> 00:35:11,350
那你要看看第一的东西，都命名为默认值。

614
00:35:11,350 --> 00:35:15,970
所以，你要寻找的default.html，Default.js中，并且是default.css。

615
00:35:15,970 --> 00:35:19,590
另外要指出的是，我们已经有一个参考一下我之前提到的。

616
00:35:19,590 --> 00:35:24,530
这是的WinJS。居然没有人在这里称之为这个长名。

617
00:35:24,530 --> 00:35:27,710
它的WinJS，在Windows JavaScript库。

618
00:35:27,710 --> 00:35:29,530
如果你打开​​它，你可以看到这一切都在这里。

619
00:35:29,530 --> 00:35:31,820
有不同的CSS文件，还有JavaScript的。

620
00:35:31,820 --> 00:35:33,520
它的存在为您排忧解难。

621
00:35:33,520 --> 00:35:37,190
这真是有提供控件和样式之类的东西，你可以只使用自动。

622
00:35:37,190 --> 00:35:41,240
但同样，如果有您想要使用，而不是在造型和其他控制方面的东西，

623
00:35:41,240 --> 00:35:45,600
这完全取决于你。我会告诉你如何使用一对夫妇的那些东西现在。

624
00:35:45,600 --> 00:35:51,020
>> 回过到我们的左边，让我告诉你默认的HTML页面。

625
00:35:51,020 --> 00:35:54,490
你已经看到了的WinJS的东西，那就是真的那么回事有

626
00:35:54,490 --> 00:35:59,930
与中间线的标记，只是把在CSS默认

627
00:35:59,930 --> 00:36:02,370
并把一对夫妇从的WinJS JavaScript文件。

628
00:36:02,370 --> 00:36:06,400
你并不需要是主什么的那些文件里面去的。

629
00:36:06,400 --> 00:36:10,110
这是非常有趣的，看看他们那种检讨什么的在那里怎么回事

630
00:36:10,110 --> 00:36:14,410
因为有相当有趣的中级和高级的技术在那里怎么回事，

631
00:36:14,410 --> 00:36:18,100
但好处是，作为开发者，你可以利用它们，只是用它们

632
00:36:18,100 --> 00:36:19,510
而不是真的要担心。

633
00:36:19,510 --> 00:36:21,960
您仍然可以驾驶汽车，而不必知道它是如何工作的，对不对？

634
00:36:21,960 --> 00:36:24,180
所以这是什么样的东西是怎么回事。

635
00:36:24,180 --> 00:36:26,930
有控件和样式之类的东西，你可以干脆去和使用

636
00:36:26,930 --> 00:36:31,460
并且，你可以在第二个使用而无需知道什么是在那里的代码。

637
00:36:31,460 --> 00:36:33,200
这里有自己的文件。

638
00:36:33,200 --> 00:36:35,860
这些都是你的地方，你可以修改自己的CSS

639
00:36:35,860 --> 00:36:38,400
和你自己的Java Script才能把事情滚动。

640
00:36:38,400 --> 00:36:43,300
您将添加一定的其他JavaScript文件，也许还有其他的CSS文件

641
00:36:43,300 --> 00:36:47,480
作为项目的增长，但是这是真的只是一个起点。

642
00:36:47,480 --> 00:36:52,570
这里是你好，世界等价的HTML的，所以我们背在身上的标签。

643
00:36:52,570 --> 00:36:55,990
在顶部，顺便说一句，这是HTML5的doctype，

644
00:36:55,990 --> 00:37:00,060
所以你会认识到，从你一直在工作。

645
00:37:00,060 --> 00:37:04,600
有完整的IntelliSense在这里为好，所以如果你在一个视频标签做的事情一样类型

646
00:37:04,600 --> 00:37:07,340
并扩大了这一点，你可能已经了解了事实

647
00:37:07,340 --> 00:37:12,760
你需要做后援编码视频标签在HTML5中 - 或者也许你有 - 

648
00:37:12,760 --> 00:37:17,490
以确保不同的浏览器对视频的支持。

649
00:37:17,490 --> 00:37:22,610
我们有这样的事情整个HTML，JavaScript的跨越，跨越的CSS。

650
00:37:22,610 --> 00:37:26,020
这是内置的，我会告诉你在第二的CSS。

651
00:37:26,020 --> 00:37:29,430
在这里，你可以继续前进，开始修改代码，标记。

652
00:37:29,430 --> 00:37:33,700
其实，在我改变什么，我要运行这个，并且告诉你你会得到什么。

653
00:37:33,700 --> 00:37:35,700
你会得到一个闪屏，你可以自定义

654
00:37:35,700 --> 00:37:40,940
然后你会得到你好，这里世界的经验。这是梦幻般的，对不对？

655
00:37:40,940 --> 00:37:42,640
继续前进，船，对吧？

656
00:37:42,640 --> 00:37:45,970
内容放在这里。这是基本的东西。

657
00:37:45,970 --> 00:37:48,740
它只能从那里更好。

658
00:37:48,740 --> 00:37:51,300
我们将继续前进，在添加一些东西。

659
00:37:51,300 --> 00:37:53,470
我有标记的，我要在这里复制一点点

660
00:37:53,470 --> 00:37:55,740
只是让你不必看我打字。

661
00:37:55,740 --> 00:38:02,620
让我去调出工具箱在这里，我将针这一点，因为我会做这几次。

662
00:38:02,620 --> 00:38:05,650
工具箱，如果你还没有看到Visual Studio中，在这里你会找到一大堆的控件。

663
00:38:05,650 --> 00:38:09,050
你也可以把代码片段到它，你可以重复使用。

664
00:38:09,050 --> 00:38:16,360
在这里，我将只流行在一些其它的HTML，没什么可怕的先进都在这里。

665
00:38:16,360 --> 00:38:20,170
这只是基本的HTML，说我有一个输入，我可以打字，

666
00:38:20,170 --> 00:38:23,860
我有一个按钮，我可以提交它，然后我有一个div那本质上是一个占位符

667
00:38:23,860 --> 00:38:27,360
我可以用它来输出“你好，你输入这个。”

668
00:38:27,360 --> 00:38:32,780
这是介绍到HTML示例。

669
00:38:32,780 --> 00:38:39,340
如果我运行这个，我们自动获取的HTML，但我们也自动获得的造型。

670
00:38:39,340 --> 00:38:42,270
这是从的WinJS重要的事情之一。

671
00:38:42,270 --> 00:38:47,250
它会给你默认了一些外观和感觉，真的是一致的

672
00:38:47,250 --> 00:38:50,520
与什么的Windows 8正在做休息。

673
00:38:50,520 --> 00:38:52,110
在这里，你看到的东西，如按钮。

674
00:38:52,110 --> 00:38:55,890
默认情况下，在HTML中的按钮不会像她那样，但它确实在这里

675
00:38:55,890 --> 00:39:00,880
因为它得到了正确的CSS从的WinJS的CSS文件。

676
00:39:00,880 --> 00:39:04,680
如果你想使用别的东西，如果你想改变这种状况，完全罚款，

677
00:39:04,680 --> 00:39:06,790
继续做你想要什么。但是，这是默认的。

678
00:39:06,790 --> 00:39:09,610
这将是更多的为用户所熟悉。

679
00:39:09,610 --> 00:39:13,510
这当然不会做任何事情，因为我其实没有线了任何类型的代码

680
00:39:13,510 --> 00:39:16,630
响应这一点。这只是在HTML。

681
00:39:16,630 --> 00:39:20,630
这样我就可以摆脱这一点，我们会回来到我们的应用程序。

682
00:39:20,630 --> 00:39:25,310
>> 让我切换到我们的Default.js中。

683
00:39:25,310 --> 00:39:29,030
这看起来很复杂，但它只是在做一些事情给你。

684
00:39:29,030 --> 00:39:33,120
它的样板。它会在所有的项目是相同的。

685
00:39:33,120 --> 00:39:36,620
这是做的唯一的事情就是那种问，“我怎么会在这里？”

686
00:39:36,620 --> 00:39:39,090
并说，“你发动的第一次这个程序？”

687
00:39:39,090 --> 00:39:42,640
“你是从拥有它被挂起恢复应用程序？”

688
00:39:42,640 --> 00:39:44,510
一对夫妇这样的事情。

689
00:39:44,510 --> 00:39:50,300
真的，我们的重点就在这里这个文件是对的在这里。

690
00:39:50,300 --> 00:39:54,490
在这一点上，这一行代码是非常重要的。

691
00:39:54,490 --> 00:39:57,070
它实际上要去，并期待通过您的所有标记，

692
00:39:57,070 --> 00:40:01,640
并且它要找到的东西，你已经问到已经变成控制，

693
00:40:01,640 --> 00:40:07,220
像一个等级控制，如网格视图，如弹出更深层次的控制

694
00:40:07,220 --> 00:40:09,570
而且我以前向您展示了在该幻灯片其他的事情。

695
00:40:09,570 --> 00:40:12,550
他们不是原生的HTML控件。

696
00:40:12,550 --> 00:40:17,860
你就是不说弹出作为一个元素，并将它知道该怎么做。

697
00:40:17,860 --> 00:40:22,120
其实我们做的是，发生在其他类型的控制架构是一样的。

698
00:40:22,120 --> 00:40:26,200
jQuery UI的做同样的一种通用方法。

699
00:40:26,200 --> 00:40:30,800
你在你的HTML中使用的标记，然后一些JavaScript来通过后，说：

700
00:40:30,800 --> 00:40:35,900
“哦，我知道那是什么，这就是要求这变成这个东西，”

701
00:40:35,900 --> 00:40:39,850
这是其他更具表现力的HTML做出像一个分级控制，

702
00:40:39,850 --> 00:40:41,790
这是我会告诉你现在。

703
00:40:41,790 --> 00:40:46,140
这行代码是一种承诺，是在说：“当这一承诺被兑现，

704
00:40:46,140 --> 00:40:49,090
“一切，你已经问了，然后被建立。”

705
00:40:49,090 --> 00:40:52,780
就是这样。它看起来有点复杂，但它确实同在每个项目中。

706
00:40:52,780 --> 00:40:56,690
下来在这里你就可以开始在任何其他你想有发生增加，

707
00:40:56,690 --> 00:40:58,280
所以我们会回来，在第二。

708
00:40:58,280 --> 00:41:01,480
>> 首先，我需要一点，可以这样的事实做出响应的代码

709
00:41:01,480 --> 00:41:03,320
已经有人点击了按钮。

710
00:41:03,320 --> 00:41:06,330
我要继续前进，把在这儿吧。

711
00:41:06,330 --> 00:41:09,620
同样，我不会做任何输入在你面前在这里。

712
00:41:09,620 --> 00:41:12,560
非常基本的JavaScript只是说当这被称为

713
00:41:12,560 --> 00:41:15,270
我们将提供有关我们如何来到这里的一些细节

714
00:41:15,270 --> 00:41:17,630
然后我们要做一些基本的东西。

715
00:41:17,630 --> 00:41:21,300
去找的东西在名为nameInput我的HTML页面，

716
00:41:21,300 --> 00:41:28,490
抓住它，拿在它前面它的价值，一巴掌“你好”，并坚持认为得到的字符串

717
00:41:28,490 --> 00:41:31,960
到该div标签，我们收到了真的没有以前有什么。

718
00:41:31,960 --> 00:41:37,220
现在，我们会发现，标记，并使其内含量等于该字符串。

719
00:41:37,220 --> 00:41:38,880
很简单的JavaScript。

720
00:41:38,880 --> 00:41:42,240
希望你认识到，没什么好说的异常怎么回事。

721
00:41:42,240 --> 00:41:45,360
这只是直线上升的HTML和JS在这里。

722
00:41:45,360 --> 00:41:48,220
如果我运行这个现在，它仍然不会做任何工作，因为我还没有连接起来

723
00:41:48,220 --> 00:41:50,030
接收事件。

724
00:41:50,030 --> 00:41:55,710
为了做到这一点，我会的就在这里，再次回到我的工具箱，

725
00:41:55,710 --> 00:41:58,730
它突然出现在这里。

726
00:41:58,730 --> 00:42:03,060
我希望你已经看到所有这些东西之前，所以我不会过分解释。

727
00:42:03,060 --> 00:42:05,060
现在，我们要去拿helloButton。

728
00:42:05,060 --> 00:42:07,730
我们会说，“按钮，表示祝贺。”

729
00:42:07,730 --> 00:42:10,130
“这里就是你现在所响应的事件。”

730
00:42:10,130 --> 00:42:13,420
“当有人点击你调用这个函数时，buttonClickHandler。”

731
00:42:13,420 --> 00:42:17,070
这就是我们刚才添加的底部都有正确的减函数。就是这样。

732
00:42:17,070 --> 00:42:20,980
所以，现在我们已经得到了一个令人惊讶的功能应用。

733
00:42:20,980 --> 00:42:24,720
我想你会为此而真正打动。

734
00:42:24,720 --> 00:42:32,320
克里斯。等待它。哇。好吧。这是惊人的。 [笑]

735
00:42:32,320 --> 00:42:36,570
但是，还有更多。不买它呢。等待。

736
00:42:36,570 --> 00:42:39,610
>> 让我在这里更告诉你一点点，并得到了全屏幕。

737
00:42:39,610 --> 00:42:42,690
我们要我们走之前运行。

738
00:42:42,690 --> 00:42:45,530
让我进去，实际上告诉你用CSS一点点。

739
00:42:45,530 --> 00:42:49,480
只是在默认情况下，如果我们回头看看页面在这里，

740
00:42:49,480 --> 00:42:53,570
每当我们在这些东西拉到离的WinJS，我们得到的UI暗，

741
00:42:53,570 --> 00:42:58,550
事实上，你可以将其更改为默认使用的光的应用。

742
00:42:58,550 --> 00:43:03,450
UI暗是良好的图形应用程序，如使用大量的图片，

743
00:43:03,450 --> 00:43:05,740
你表现出了很多视觉内容。

744
00:43:05,740 --> 00:43:12,560
如果你表现出了很多的文本内容，用户界面​​光通常是一个不错的选择。

745
00:43:12,560 --> 00:43:15,160
你没有选择它，但我已经切换到了

746
00:43:15,160 --> 00:43:17,690
现在你又看到了同样的标记，同样的一切，

747
00:43:17,690 --> 00:43:20,320
它只是使用基本上是一个倒置的方案在这里

748
00:43:20,320 --> 00:43:24,770
这里的一切正在对白色是黑色文本。

749
00:43:24,770 --> 00:43:26,460
这一切都很好。

750
00:43:26,460 --> 00:43:30,680
让我离开这里，让我们实际做多一点点的CSS。

751
00:43:30,680 --> 00:43:34,830
我把它放回暗，因为我认为它可能更容易在屏幕上看到

752
00:43:34,830 --> 00:43:36,970
当我开始做这些事情。

753
00:43:36,970 --> 00:43:40,150
我要更换身体一次。

754
00:43:40,150 --> 00:43:44,040
我会去这里。让我用核武器炸了。

755
00:43:44,040 --> 00:43:48,690
让我们把在体内的类。

756
00:43:48,690 --> 00:43:53,000
我相信你已经完成了CSS和类似的事情已经基本选择，

757
00:43:53,000 --> 00:43:55,380
所以你大概知道这是怎么回事。

758
00:43:55,380 --> 00:43:59,250
只是将部分类来我们的头，我们正在创建一个新的div

759
00:43:59,250 --> 00:44:04,430
来包装这些东西，我们现在可以使用样式一起休息。

760
00:44:04,430 --> 00:44:07,760
所以我现在所能做的就是去到我们的默认CSS。

761
00:44:07,760 --> 00:44:11,900
你看着媒体查询了吗？你有没有在所有谈过这个问题？

762
00:44:11,900 --> 00:44:17,220
媒体查询是这一新兴趋势的一部分 - 

763
00:44:17,220 --> 00:44:19,660
或者它是一个既定的趋势现在实际上在网络上 - 

764
00:44:19,660 --> 00:44:22,760
为响应设计或适应性，

765
00:44:22,760 --> 00:44:28,480
而这个想法是，你的应用程序可以真正适当地调整自己

766
00:44:28,480 --> 00:44:31,910
依据是什么，他们正在被显示在该设备可以做到。

767
00:44:31,910 --> 00:44:35,040
所以，如果你是一个移动设备上，显然你不会有尽可能多的屏幕房地产

768
00:44:35,040 --> 00:44:41,520
因为你将一个大的30寸显示器上坐在同一个桌面，一个大的PC那样。

769
00:44:41,520 --> 00:44:46,710
所以老答案将是有5个，6个不同版本的同一页面

770
00:44:46,710 --> 00:44:51,350
而且你打开那个被调整为一定尺寸屏幕的版本。

771
00:44:51,350 --> 00:44:55,420
不是很大。这是非常，非常反覆，有一吨的维护做到这一点。

772
00:44:55,420 --> 00:44:58,120
现在我们有一些所谓的CSS媒体查询，

773
00:44:58,120 --> 00:45:02,530
我们可以用它来自动检测，当有一定的大小

774
00:45:02,530 --> 00:45:07,030
或者正在执行您的内容拥有一定的使用。

775
00:45:07,030 --> 00:45:09,580
所以，你可以回应这一点，你可以说，“好吧，在这种情况下，

776
00:45:09,580 --> 00:45:12,580
“你可能甚至不需要我来告诉你这是怎么回事。”

777
00:45:12,580 --> 00:45:18,020
这只是说，如果这个应用程序是啪的一声，就像我以前向您 - 

778
00:45:18,020 --> 00:45:20,830
抓住它，并把它在屏幕的一侧 - 

779
00:45:20,830 --> 00:45:23,910
然后让我们做下面的造型。

780
00:45:23,910 --> 00:45:25,850
造型不只是颜色和类似的东西。

781
00:45:25,850 --> 00:45:29,860
这也是关于大小和页边距和填充和内容取向

782
00:45:29,860 --> 00:45:34,040
甚至禁用或启用您的网页的整个区域

783
00:45:34,040 --> 00:45:36,420
并且，在这种情况下，您的应用程序或游戏，以及。

784
00:45:36,420 --> 00:45:39,210
所以在这里，只要你想，你可以做的那么简单。

785
00:45:39,210 --> 00:45:46,720
这不会是在你的应用程序非常有用，但它的演示时间，

786
00:45:46,720 --> 00:45:50,530
所以我要继续前进，只是添加在身体基本选择，并说，

787
00:45:50,530 --> 00:45:58,360
“当我啪的一声，让我们继续做背景色，让我们选择的东西。”

788
00:45:58,360 --> 00:46:00,400
你有智能感知这里。其实，这是真的很酷。

789
00:46:00,400 --> 00:46:05,720
在2012年我们已经对CSS的支持和JavaScript和HTML增添了不少的东西。

790
00:46:05,720 --> 00:46:08,690
当然，你得下拉智能感知过，但是这不是很酷的事情。

791
00:46:08,690 --> 00:46:11,730
最酷的是你已经有了视觉选择的很多事情也是如此。

792
00:46:11,730 --> 00:46:14,120
所以，你可以去通过，只是选择一种颜色，

793
00:46:14,120 --> 00:46:17,580
或者你可以走出去，更加具体，你可以选择 - 

794
00:46:17,580 --> 00:46:22,330
这将是可怕的。我居然挑一个体面的颜色在这里。

795
00:46:22,330 --> 00:46:26,500
看标记过，顺便说一句。这就是你的RGB标准格式存在。

796
00:46:26,500 --> 00:46:30,780
但是，如果我切换的不透明度，它会切换到这里alpha通道选择器。

797
00:46:30,780 --> 00:46:36,910
所以，你可以看到，基本上与您具有该百分比透明的颜色

798
00:46:36,910 --> 00:46:38,860
就在那里所有的出炉。

799
00:46:38,860 --> 00:46:42,530
我要保持它作为100％，然后当我与我做的，一切都很好。

800
00:46:42,530 --> 00:46:46,160
现在，如果我运行的应用程序，我们把应用程序和我们捕捉它，

801
00:46:46,160 --> 00:46:49,000
该背景色自动调节

802
00:46:49,000 --> 00:46:53,410
只是因为我们有一些CSS，上面写着：“去这样做。”

803
00:46:53,410 --> 00:46:55,580
您也可以编写JavaScript也将做同样的事情

804
00:46:55,580 --> 00:47:03,010
或者，你可以用它来居然暂停游戏，做这样的事情。

805
00:47:03,010 --> 00:47:04,310
这可能是当你想使用JavaScript。

806
00:47:04,310 --> 00:47:06,610
你会关掉游戏循环在这一点上。

807
00:47:06,610 --> 00:47:09,970
你需要一些JavaScript，因为那会不会是一些你会CSS的。

808
00:47:09,970 --> 00:47:11,760
但请记住，这只是一个事件。

809
00:47:11,760 --> 00:47:14,860
你可以说，“当我的应用程序的大小时，

810
00:47:14,860 --> 00:47:17,780
“让我们看看如果我们断了。”就是这样。

811
00:47:17,780 --> 00:47:24,440
>> 好吗？我已经谈了很多。是否有问题，至今对我们在哪里？是啊。

812
00:47:24,440 --> 00:47:29,310
[学生]有没有教程，任何人都可以得到更多的信息？ >>呀。

813
00:47:29,310 --> 00:47:33,510
现在的问题是，是否有教程吗？我只是把它扩展到一切。

814
00:47:33,510 --> 00:47:37,490
有几件事情，你可以去。让我们真正离开这里。

815
00:47:37,490 --> 00:47:40,150
让我回到了这里。

816
00:47:40,150 --> 00:47:45,180
有一点需要指出的是Visual Studio中本身有内置的教程

817
00:47:45,180 --> 00:47:47,650
让我摆脱这一点。

818
00:47:47,650 --> 00:47:51,520
如果你去创建一个新的项目，做文件，新建项目，

819
00:47:51,520 --> 00:47:56,750
并期待在左手边，有一个在这个选择的在线节点。

820
00:47:56,750 --> 00:47:59,790
这将需要一点点。我对我的MyFi在这儿。

821
00:47:59,790 --> 00:48:02,300
但它要来了，这是怎么回事，给我一个机会，找到模板

822
00:48:02,300 --> 00:48:05,190
而且，更重要的是，样品为好。

823
00:48:05,190 --> 00:48:06,750
这样我就可以点击的JavaScript。

824
00:48:06,750 --> 00:48:10,050
这将样品找到我。我的解决办法是高在这里。

825
00:48:10,050 --> 00:48:15,070
通常情况下，你会在这里看到了很多不同的事情的清单。

826
00:48:15,070 --> 00:48:18,280
如果有你想尝试，挑选语言的东西，

827
00:48:18,280 --> 00:48:20,970
这里的JavaScript，并说，“我不知道该怎么办的地理定位。”

828
00:48:20,970 --> 00:48:22,220
“我不知道如何打开一个文件。”

829
00:48:22,220 --> 00:48:25,840
“我不知道如何利用网络摄像头的优势

830
00:48:25,840 --> 00:48:28,290
“或优化的触摸或类似的东西。”

831
00:48:28,290 --> 00:48:33,190
有样品的一切：分享，搜索，应用程序栏，

832
00:48:33,190 --> 00:48:37,520
实现远程调用一个服务，JSON编码。

833
00:48:37,520 --> 00:48:40,390
所有这些类型的东西有样本在这里，

834
00:48:40,390 --> 00:48:44,560
他们不是说要带你整夜拉开巨大的样本

835
00:48:44,560 --> 00:48:46,820
只是为了找到一件你想学。

836
00:48:46,820 --> 00:48:49,870
他们真的很不错。它们很小，切中要害种样品。

837
00:48:49,870 --> 00:48:52,330
我已经学到了很多我自己经历这些，

838
00:48:52,330 --> 00:48:55,260
所以我建议很多，因为一件事。

839
00:48:55,260 --> 00:49:01,750
>> 另一个要指出过，当然是我给你dev.windows.com，

840
00:49:01,750 --> 00:49:07,490
因此，如果你回去，你会在底部看到有也是在这里的样本。

841
00:49:07,490 --> 00:49:12,560
所以，你可以下载所有这些一次，但也有很多其他的资源在这里也

842
00:49:12,560 --> 00:49:14,400
这可以帮助你加快速度。

843
00:49:14,400 --> 00:49:17,870
>> 还有一件事，我真的建议你试试这个，

844
00:49:17,870 --> 00:49:24,510
我知道了，在我的博客，但我只是去对想。

845
00:49:24,510 --> 00:49:28,220
我会告诉你。我的博客有资源之类的东西。

846
00:49:28,220 --> 00:49:35,300
其中一件事要指出的是就在这里，这个东西：你的想法。您的应用程序。 30天。

847
00:49:35,300 --> 00:49:40,960
如果你点击这个，它会带你到一个真正有用的网站。

848
00:49:40,960 --> 00:49:44,650
这比你所期望的更多的帮助。

849
00:49:44,650 --> 00:49:49,040
这将是含量30天那你基本上可以得到提示和技巧

850
00:49:49,040 --> 00:49:51,990
全因为你正在创建一个应用程序，过程。

851
00:49:51,990 --> 00:49:55,980
正如你可能想到，你实际上可以得到它的游戏太

852
00:49:55,980 --> 00:49:57,840
和手机应用程序，这样的事情。

853
00:49:57,840 --> 00:50:01,000
所以基本上签署了它，他们会向您发送的提示和技巧，

854
00:50:01,000 --> 00:50:03,010
“你有没有想过这样做呢？你是否支持快照？”

855
00:50:03,010 --> 00:50:04,900
“下面是关于如何做到这一点以及一些指引。”

856
00:50:04,900 --> 00:50:07,440
“你有没有想过提交到店里？”

857
00:50:07,440 --> 00:50:09,370
“你有没有想过如何你要推销自己的应用程序？”

858
00:50:09,370 --> 00:50:11,490
它会遍历所有这些不同的东西。

859
00:50:11,490 --> 00:50:13,380
而实际上，如果你在游戏的轨道，在某些时候

860
00:50:13,380 --> 00:50:17,010
你会开始认识你说话的人

861
00:50:17,010 --> 00:50:22,850
因为我实际上不得不去Redmint做那些并记录2视频那里。

862
00:50:22,850 --> 00:50:25,240
但是，这所有的游戏轨道的一部分，

863
00:50:25,240 --> 00:50:27,650
并且还有一个完整的轨道一般的应用程序开发。

864
00:50:27,650 --> 00:50:29,380
这就是所谓的新一代APP。

865
00:50:29,380 --> 00:50:33,460
我肯定会推荐给你听，除了样品。

866
00:50:33,460 --> 00:50:38,110
>> 有很多的视频在一个名为第9频道以及网站。

867
00:50:38,110 --> 00:50:42,790
这可能是过去的事情，我会建议，以及之前，我们就搬到这里。

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com。

869
00:50:45,280 --> 00:50:48,880
这是伟大的，因为你不打算通过吨白皮书进行阅读。

870
00:50:48,880 --> 00:50:53,880
它基本上是一个很大的视频，截屏和东西都切中要害。

871
00:50:53,880 --> 00:50:57,940
我不应该说这是永远正确的地步。这要看是谁在说话。

872
00:50:57,940 --> 00:51:02,290
但是总体来说，有一些真的到了视频点这里

873
00:51:02,290 --> 00:51:06,230
会告诉你你可能想了解或看到全世界展示了一些特别的事情。

874
00:51:06,230 --> 00:51:11,110
还有我们所有的内容，从我们的发布会上说，几个星期前发生的事情

875
00:51:11,110 --> 00:51:14,380
所谓的构建，你会看到在那里。

876
00:51:14,380 --> 00:51:18,450
有核心技术为Windows 8的游戏。你去那里。

877
00:51:18,450 --> 00:51:23,150
我在那里，其实。你看不到我。我是在这里。

878
00:51:23,150 --> 00:51:27,560
不过，无论如何，那一边，我建议你先看看这些影片。

879
00:51:27,560 --> 00:51:29,330
他们是相当有帮助的。

880
00:51:29,330 --> 00:51:32,620
如果你被卡住的东西或者你只是想看看有什么事情可以做，那些火起来。

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail的只是给我发了一封电子邮件，链接到内容

882
00:51:36,890 --> 00:51:42,140
学生下载示例代码和类似的东西。 >> [博文]大。

883
00:51:42,140 --> 00:51:45,510
真棒。谢谢你，埃德温。

884
00:51:45,510 --> 00:51:48,320
>> 好。 >> [学生]我有一个问题。 >> [博文]哦。是的，请。

885
00:51:48,320 --> 00:51:55,030
[听不见学生提问] >> [博文]呵呵，我很高兴你问这个。是。

886
00:51:55,030 --> 00:51:58,940
现在的问题是，是否有可视化界面为我创造的东西？

887
00:51:58,940 --> 00:52:01,630
埃德温将丰厚的奖励你这个问题。

888
00:52:01,630 --> 00:52:04,310
有一种方法可以做到这一点。

889
00:52:04,310 --> 00:52:09,040
如果我们现在就做？让我们现在就做。

890
00:52:09,040 --> 00:52:11,780
我打算去它现在。

891
00:52:11,780 --> 00:52:14,070
其实，让我在一件事添加到该演示中，

892
00:52:14,070 --> 00:52:16,710
然后我会告诉你实际的答案。

893
00:52:16,710 --> 00:52:21,340
我要在多一点的CSS加在这里。

894
00:52:21,340 --> 00:52:23,980
我是一个小关的切线在这里。

895
00:52:23,980 --> 00:52:26,770
让我把一些CSS这里利用

896
00:52:26,770 --> 00:52:29,980
我们增加了一个前一阵的类，

897
00:52:29,980 --> 00:52:33,930
到头部，向搜索Maincontent格，然后向greetingOutput。

898
00:52:33,930 --> 00:52:37,920
如果我这样做，并运行它，你可以看到现在我们已经有了一点点不同的padding和margins，

899
00:52:37,920 --> 00:52:40,310
所以我们实际上有一些偏移这里。

900
00:52:40,310 --> 00:52:44,630
这些都是更倾向于你将成为怎样的期望最终抛光应用。

901
00:52:44,630 --> 00:52:47,770
但我只是显示这个给你，因为它是直线上升的CSS。

902
00:52:47,770 --> 00:52:51,910
这样的事情，你已经知道你可以用这里，你要调整的内容。

903
00:52:51,910 --> 00:52:55,100
你已经看到了如何使背景改变了这种方式。

904
00:52:55,100 --> 00:53:02,980
>> 如果我回去了，以我们的HTML，我要在一个更集中的标记的添加，

905
00:53:02,980 --> 00:53:06,140
这实际上是将是从的WinJS控制。

906
00:53:06,140 --> 00:53:09,840
我会去抓住这一点，一个标签。让我确认我在做它在正确的地方。

907
00:53:09,840 --> 00:53:11,740
可能不够好。

908
00:53:11,740 --> 00:53:15,590
在这里，我只是说 - 和我们一起去全屏幕，以便可以看到整个事情 - 

909
00:53:15,590 --> 00:53:18,520
我已经为下一个分区添加一个标签。

910
00:53:18,520 --> 00:53:20,890
在div被称为ratingControlDiv。

911
00:53:20,890 --> 00:53:23,090
它本身不会做任何事情。

912
00:53:23,090 --> 00:53:28,570
如果你打开​​这个在浏览器中，你会看空，则DIV本身。

913
00:53:28,570 --> 00:53:31,820
因为那神秘的线，我才向您的代码，但是，

914
00:53:31,820 --> 00:53:35,650
该过程中的所有，它要寻找的东西，看起来像这样 - 

915
00:53:35,650 --> 00:53:40,380
数据共赢 - 控制 - 而且它会发现无论是该参数。

916
00:53:40,380 --> 00:53:44,560
这将会使之不管它是什么它指向一个实例。

917
00:53:44,560 --> 00:53:48,850
在这种情况下，它是一个等级的控制，所以我说，“请去代替这个东西

918
00:53:48,850 --> 00:53:51,400
“与任何你需要做的，使一个等级的控制。”

919
00:53:51,400 --> 00:53:56,610
这可能是一个翻转控制，也可能是进度环或者​​您想要使用的任何控制。

920
00:53:56,610 --> 00:53:59,390
他们都将基本上相同的方式工作。

921
00:53:59,390 --> 00:54:02,920
您使用的是标准的HTML5标记来表示你想要什么，

922
00:54:02,920 --> 00:54:07,670
然后你会得到一个控制在本月底。让我运行这个。

923
00:54:07,670 --> 00:54:12,270
我只是复制在了，现在该标记变成这个，

924
00:54:12,270 --> 00:54:15,280
这实际上是相当多的HTML元素。

925
00:54:15,280 --> 00:54:18,440
这些都是个人的图像，并有周围的div与选择。

926
00:54:18,440 --> 00:54:22,610
希望你可以看到。这是一个有点微妙。

927
00:54:22,610 --> 00:54:27,380
我可以将鼠标悬停在不同的项目，这将让我看到的评级在这里。

928
00:54:27,380 --> 00:54:31,560
我可以点击它，它会记住的评级，但仅此而已。

929
00:54:31,560 --> 00:54:33,100
这不是真的做的评级东西。

930
00:54:33,100 --> 00:54:35,230
>> 我想告诉你这个的最后一件事

931
00:54:35,230 --> 00:54:37,820
之前，我们切换到一个更直观的设计体验

932
00:54:37,820 --> 00:54:42,680
是代码一点点，我可以用它来对这些的WinJS控件响应。

933
00:54:42,680 --> 00:54:47,540
让我离开那里，回到了全屏的，

934
00:54:47,540 --> 00:54:52,690
并切换到JS这里第二。

935
00:54:52,690 --> 00:54:57,450
我能做到这一点就在这里。我想我会代替这整个事情。

936
00:54:57,450 --> 00:55:03,080
其实，我认为它会取代所有的，但我们会发现在一起。

937
00:55:03,080 --> 00:55:07,350
我把这个在这里。是啊。我要删除这一点。

938
00:55:07,350 --> 00:55:11,790
我是怎么补充？它看起来像一个不少。这不是很多。

939
00:55:11,790 --> 00:55:14,920
我只是延长该行的，我已经讲过了之前的代码，

940
00:55:14,920 --> 00:55:18,590
和我说，“当一切都完成后，当完成所有我的控制，

941
00:55:18,590 --> 00:55:23,660
“再这样做。”所以，再运行该函数调用完成。

942
00:55:23,660 --> 00:55:27,080
在这种情况下，这是东西，你可以弄清楚。

943
00:55:27,080 --> 00:55:29,040
去发现，格控制。

944
00:55:29,040 --> 00:55:30,790
其实，有一件事我必须指出。

945
00:55:30,790 --> 00:55:35,630
那下一行实际上是说，“我明白了ratingControlDiv。”

946
00:55:35,630 --> 00:55:39,770
“我想跟它，好像它是一个真正的控制，控制的WinJS。”

947
00:55:39,770 --> 00:55:42,020
所以基本上，你问的，从它。

948
00:55:42,020 --> 00:55:44,600
你说，“我想和你谈谈作为对照。”

949
00:55:44,600 --> 00:55:47,810
然后你就可以开始说这样的话，“我们将增加一个监听器为你

950
00:55:47,810 --> 00:55:51,430
“所以，当你改变了我们可以应对的。”

951
00:55:51,430 --> 00:55:56,930
然后我们也可以做这样的事情。其实，这是旧的代码存在。

952
00:55:56,930 --> 00:55:59,600
我觉得我缺少粘贴在一个更加功能，

953
00:55:59,600 --> 00:56:05,030
这将是实际的功能，将在评价控制被改变作出反应。

954
00:56:05,030 --> 00:56:07,710
让我弹出，在就在这里，

955
00:56:07,710 --> 00:56:09,840
我身边不远。

956
00:56:09,840 --> 00:56:14,930
在这种情况下，唯一的新事物的事实是，我们正在进入

957
00:56:14,930 --> 00:56:21,000
什么样的等级控制告诉我们，我们正在要求什么所谓的tentativeRa​​ting。

958
00:56:21,000 --> 00:56:23,150
有一堆不同的其他东西，该控件可以告诉你，

959
00:56:23,150 --> 00:56:25,310
它通过控制进入控制。

960
00:56:25,310 --> 00:56:29,140
这是非常简单的。你就可以到任何弄明白没有烦恼。

961
00:56:29,140 --> 00:56:34,040
我运行这个，现在当我改变了收视率和点击的评价，

962
00:56:34,040 --> 00:56:36,480
你可以看到现在它实际上是应对它。

963
00:56:36,480 --> 00:56:40,280
它把该评级在屏幕上成，否则空的div标签

964
00:56:40,280 --> 00:56:42,970
下面的等级控制。

965
00:56:42,970 --> 00:56:46,670
这是一个很大的东西在这里的魔力了。

966
00:56:46,670 --> 00:56:49,580
所以当你正在创建的Windows应用商店的应用程序，

967
00:56:49,580 --> 00:56:52,930
有一吨的，你可以只使用控件。他们都像这样工作。

968
00:56:52,930 --> 00:56:58,670
>> 让我告诉你在设计这些应用程序的可视化的一面。

969
00:56:58,670 --> 00:57:03,440
好消息是你已经有了这个工具，当您安装的一切

970
00:57:03,440 --> 00:57:06,240
如果你去那下载，你会得到的Visual Studio。

971
00:57:06,240 --> 00:57:09,890
我可以用鼠标右键点击这个。我不会放大。

972
00:57:09,890 --> 00:57:12,040
它只是说打开在Blend中。

973
00:57:12,040 --> 00:57:16,040
Blend是的作品并排与Visual Studio的另一个工具

974
00:57:16,040 --> 00:57:19,230
并更加专注于事物的设计方，

975
00:57:19,230 --> 00:57:23,660
所以它确实的表面，用于创建样式优化工具，

976
00:57:23,660 --> 00:57:29,720
创建动画，使用CSS，很多东西在那种静脉。

977
00:57:29,720 --> 00:57:36,380
在这里，我应该会很有趣，很明显马上就是我们正在寻找的应用程序。

978
00:57:36,380 --> 00:57:40,060
希望我们现在仍然是。

979
00:57:40,060 --> 00:57:42,650
而不是看到代码，我们仍然看到在底部，

980
00:57:42,650 --> 00:57:45,350
我们看到应用程序的实际表示。

981
00:57:45,350 --> 00:57:49,640
更重要的是，它不是应用程序只是一个代表，它实际上是应用程序的运行。

982
00:57:49,640 --> 00:57:52,010
而这正是真正的好话混合。

983
00:57:52,010 --> 00:57:58,620
该团队已经做了很多工作，使HTML和JavaScript和CSS这个工具。

984
00:57:58,620 --> 00:58:01,930
现在，你可以实际，如果你好奇，“这是什么意思？我该怎么办？”

985
00:58:01,930 --> 00:58:08,310
我其实可以设计这个应用程序，尽管这样的事情在我的标记是不存在的。

986
00:58:08,310 --> 00:58:13,230
请记住，评价控制？这只是一个div标签。

987
00:58:13,230 --> 00:58:17,090
这东西，那颗星，只存在于运行时。我怎么知道？

988
00:58:17,090 --> 00:58:20,300
有魔法在这里一点点。

989
00:58:20,300 --> 00:58:21,700
看到这些闪电？

990
00:58:21,700 --> 00:58:25,570
你看到闪电的任何时间，这意味着它是由一些在运行时创建的。

991
00:58:25,570 --> 00:58:31,770
一些JavaScript跑去翻东西到这个或一些逻辑创造了这个。

992
00:58:31,770 --> 00:58:37,100
你看到有由JavaScript的创建者的WinJS那些明星。

993
00:58:37,100 --> 00:58:41,800
的好处是，它并不重要，我，我还是可以把它设计，

994
00:58:41,800 --> 00:58:44,410
我仍然可以去改变它，我可以找出哪些是怎么回事，

995
00:58:44,410 --> 00:58:50,260
我可以看看CSS的，我可以继续下去，并找出为什么颜色是事情是这样的，

996
00:58:50,260 --> 00:58:54,610
我可以开始搞乱的东西和做的事情太可怕了，

997
00:58:54,610 --> 00:58:58,360
无论我想做的事情。

998
00:58:58,360 --> 00:59:01,020
其实，当我离开的事情孤单。

999
00:59:01,020 --> 00:59:03,980
但是你可以在这里看到它的所有CSS和它在这里展示您。

1000
00:59:03,980 --> 00:59:10,120
如果我去到那里，它会告诉你，他们叫胜出的一切，

1001
00:59:10,120 --> 00:59:14,850
这样的CSS规则是最具体和最选定该项目，

1002
00:59:14,850 --> 00:59:17,110
您可能已经走了过来在你的类，

1003
00:59:17,110 --> 00:59:22,000
在那里你可以说有，我们正在运用一切一般的字体，

1004
00:59:22,000 --> 00:59:26,860
但因为这是一个h1和我有H1S定义的颜色，

1005
00:59:26,860 --> 00:59:29,820
这将是这个颜色，那是因为它比BODY1更具体。

1006
00:59:29,820 --> 00:59:32,590
这一件事情就在这里告诉你这一切，

1007
00:59:32,590 --> 00:59:35,470
它的真正功能强大的东西，因为你变得越来越复杂，

1008
00:59:35,470 --> 00:59:38,160
你想知道为什么这些东西是他们的方式。

1009
00:59:38,160 --> 00:59:41,020
它实际上会告诉你，你可以选择这些项目的任何位置。

1010
00:59:41,020 --> 00:59:43,370
颜色是不是太糟糕了，其实。

1011
00:59:43,370 --> 00:59:47,150
你可以选择它们。希望你能看到这一点。

1012
00:59:47,150 --> 00:59:52,410
对于您对您的应用程序的一切，你看到整个级联

1013
00:59:52,410 --> 00:59:56,070
的所有可能应用到该和哪一个CSS是赢球，

1014
00:59:56,070 --> 00:59:58,050
其中一个居然拿了优先。

1015
00:59:58,050 --> 01:00:00,930
种这些无聊。有没有很多在其中的一些事情。

1016
01:00:00,930 --> 01:00:04,660
如果我去改变颜色，那么你会开始看到一些级联那里。

1017
01:00:04,660 --> 01:00:07,760
您也可以使用HTML在这里。

1018
01:00:07,760 --> 01:00:12,490
我可以通过和修改所有这些事情的HTML属性，我想。

1019
01:00:12,490 --> 01:00:14,620
这里还有吨的东西在这里。

1020
01:00:14,620 --> 01:00:18,070
>> 我不希望由经过这里的一切把你的时间。只知道它在这里。

1021
01:00:18,070 --> 01:00:21,700
有很多的设计为导向的功能，只是为您提供

1022
01:00:21,700 --> 01:00:26,730
这样你就可以保持视觉，与应用程序的工作，而不必做了很多猜测

1023
01:00:26,730 --> 01:00:32,180
那你就必须正常，做骑自行车从浏览器的后退回到您的设计，

1024
01:00:32,180 --> 01:00:33,940
返回到浏览器。

1025
01:00:33,940 --> 01:00:37,010
这实在是很酷的东西是什么，以及在开发一个Windows应用商店的应用程序，

1026
01:00:37,010 --> 01:00:39,650
这将让你有更多的生产力。

1027
01:00:39,650 --> 01:00:45,150
>> 您还可以看到它在这里跟踪标记和你的CSS

1028
01:00:45,150 --> 01:00:47,270
因为你通过不同的东西的工作。

1029
01:00:47,270 --> 01:00:50,180
这可能对你来说很难看到，尤其是在视频，

1030
01:00:50,180 --> 01:00:54,680
但是这就是是怎么回事，我会建议你熟悉的。

1031
01:00:54,680 --> 01:00:57,240
它会为你节省大量的时间。这就是混合。

1032
01:00:57,240 --> 01:01:00,520
如果你在这里做任何改变，它们会自动去扛回来了

1033
01:01:00,520 --> 01:01:01,870
到Visual Studio。

1034
01:01:01,870 --> 01:01:06,590
这是相同的文件，它是相同的一切。我会独自离开了。

1035
01:01:06,590 --> 01:01:08,650
我有一个更好的例子，我想告诉你。

1036
01:01:08,650 --> 01:01:11,660
但是，如果我做出了改变，并有保存它，我回来到Visual Studio中，它会说，

1037
01:01:11,660 --> 01:01:16,390
“嘿，你只是改变了一些事情，我可以重新加载它吗？”是。

1038
01:01:16,390 --> 01:01:18,770
和你使用的是同样的东西在那里。

1039
01:01:18,770 --> 01:01:21,320
这就是该特定样品的末端。

1040
01:01:21,320 --> 01:01:28,170
>> 我想告诉你一个更高端的样品只是给你的其他功能的视图

1041
01:01:28,170 --> 01:01:30,350
你可能会考虑一下为好。

1042
01:01:30,350 --> 01:01:32,280
这是一个示例应用程序，您可以下载。

1043
01:01:32,280 --> 01:01:35,620
如果你看的东西叫做Windows的营一箱，

1044
01:01:35,620 --> 01:01:40,340
也有一些样本是在说了，其中一个是在Contoso食谱。

1045
01:01:40,340 --> 01:01:41,640
我可以只运行这个给你。

1046
01:01:41,640 --> 01:01:44,700
自定义开机画面。这是网格视图的应用程序。

1047
01:01:44,700 --> 01:01:49,590
他们已经在这里绑定了一些自定义数据。你可以通过这个导航。

1048
01:01:49,590 --> 01:01:53,090
你可以去看看各种各样的事情，这将使我们在星期五下午饿了。

1049
01:01:53,090 --> 01:01:57,760
我不知道。这是怎么回事，让我最饿了吗？

1050
01:01:57,760 --> 01:02:00,530
我不知道。我只是要挑一个。

1051
01:02:00,530 --> 01:02:02,460
你去到这些东西。它会告诉你几招。

1052
01:02:02,460 --> 01:02:04,900
而不是单击某个项目，你也可以，，

1053
01:02:04,900 --> 01:02:10,360
你可以去权利这一类的内容，内容的部分。

1054
01:02:10,360 --> 01:02:15,590
在这种情况下，你可以阅读大量的假的拉丁告诉你所有关于这些食谱在这里

1055
01:02:15,590 --> 01:02:17,720
然后直接进入到具体的配方。

1056
01:02:17,720 --> 01:02:22,770
这也支持这样的事情我以前向您展示的图片共享。

1057
01:02:22,770 --> 01:02:26,160
您还可以搜索到这个应用程序了。

1058
01:02:26,160 --> 01:02:28,880
这是非常简单的做搜索。

1059
01:02:28,880 --> 01:02:31,300
基本上，你刚刚从Windows中的文本字符串

1060
01:02:31,300 --> 01:02:34,720
你决定要如何处理搜索这一点。

1061
01:02:34,720 --> 01:02:39,830
它是几行代码来获得，然后之后你用它做什么完全取决于你。

1062
01:02:39,830 --> 01:02:44,180
>> 在这里，他们也有他们使用的是其他一些功能的应用栏。

1063
01:02:44,180 --> 01:02:45,430
我只是告诉你它是什么。

1064
01:02:45,430 --> 01:02:48,220
提醒一下将要使用什么所谓的Toast通知。

1065
01:02:48,220 --> 01:02:52,930
这是非常方便的让用户知道什么时候事情已经发生了，

1066
01:02:52,930 --> 01:02:55,850
像一个应用程序被安装或某事完成。

1067
01:02:55,850 --> 01:02:57,950
这也是很好的游戏了。

1068
01:02:57,950 --> 01:03:02,360
如果你有一个持久的世界或一个领导委员会，并在主控一项服务，

1069
01:03:02,360 --> 01:03:08,490
也许一个单独的机器上，这些通知可以发送到一台机器

1070
01:03:08,490 --> 01:03:12,240
即使用户不使用你的游戏，你玩游戏或运行你的应用程序，

1071
01:03:12,240 --> 01:03:15,170
他们仍然可以得到有关这些类型的事件通知。

1072
01:03:15,170 --> 01:03:19,350
所以，你可以说，“你的城堡已经被破坏或只是摧毁。”

1073
01:03:19,350 --> 01:03:22,870
“回到这里，并保护它，”或者类似的东西。

1074
01:03:22,870 --> 01:03:26,830
你点击通知，你去右后卫进入游戏，你可以发挥它。

1075
01:03:26,830 --> 01:03:32,170
所以这些类型的东西可以帮助真正吸引人们回到你的应用程序相当有效。

1076
01:03:32,170 --> 01:03:37,450
>> 还有支持此应用程序中使用麦克风，摄像头，

1077
01:03:37,450 --> 01:03:39,560
做视频和拍照。

1078
01:03:39,560 --> 01:03:42,080
您还可以锁定一个次要的瓷砖。

1079
01:03:42,080 --> 01:03:46,760
如果你只想有一个瓷砖的顺利，某些内容是有用的。

1080
01:03:46,760 --> 01:03:49,960
在这种情况下，这是不言而喻的权利这个食谱。

1081
01:03:49,960 --> 01:03:51,300
一切我提的，我只是展示

1082
01:03:51,300 --> 01:03:53,270
因为它的东西，你可以考虑使用为好。

1083
01:03:53,270 --> 01:03:57,590
在大多数情况下，它们是非常容易使用。

1084
01:03:57,590 --> 01:04:00,070
我只是建议你带出该样品的探险家

1085
01:04:00,070 --> 01:04:03,600
并找到一个样本，可以告诉你如何做到这一点。

1086
01:04:03,600 --> 01:04:07,140
这是很简单的把那些到你的应用程序也有。

1087
01:04:07,140 --> 01:04:11,030
>> 我要告诉你一件事那是很酷这里。

1088
01:04:11,030 --> 01:04:15,230
我会捕捉这个应用程序，我会回去的Visual Studio。

1089
01:04:15,230 --> 01:04:18,870
此应用程序正在运行。它从Visual Studio中运行。

1090
01:04:18,870 --> 01:04:21,370
我可以做一些很酷的东西这一点。

1091
01:04:21,370 --> 01:04:23,840
我其实有一个选项来选择一个元素，

1092
01:04:23,840 --> 01:04:28,250
我可以走了过来这里的现场应用，我可以说，

1093
01:04:28,250 --> 01:04:34,000
“我不知道为什么是准备时间比标题本身有点浅灰色？”

1094
01:04:34,000 --> 01:04:35,680
我可以点击它。

1095
01:04:35,680 --> 01:04:38,080
它会同步处理返回到Visual Studio中，

1096
01:04:38,080 --> 01:04:43,780
并且它会告诉我确切，导致在UI的那部分所产生的内容。

1097
01:04:43,780 --> 01:04:47,270
因此，在这种情况下，它的项目，字幕和H4双结构，

1098
01:04:47,270 --> 01:04:51,110
且有可能告诉我们什么，我们需要知道，因为作为该范围内的H4，

1099
01:04:51,110 --> 01:04:53,550
它会得到某种字体。

1100
01:04:53,550 --> 01:04:56,410
但是，如果我仍然不知道为什么，我可以点击跟踪样式。

1101
01:04:56,410 --> 01:05:02,330
然后我就可以扩展出彩，我可以找出到底为什么颜色是不是身体颜色

1102
01:05:02,330 --> 01:05:04,640
但实际上是另一回事。

1103
01:05:04,640 --> 01:05:07,210
这实质上是从Internet Explorer的开发工具

1104
01:05:07,210 --> 01:05:09,530
要带入Visual Studio中一学位。

1105
01:05:09,530 --> 01:05:12,110
如果你用Chrome浏览器开发工具的工作，萤火虫，那样的话，

1106
01:05:12,110 --> 01:05:14,720
这些类型的工具，是在浏览器中，

1107
01:05:14,720 --> 01:05:17,340
那种功能已被带到右到Visual Studio

1108
01:05:17,340 --> 01:05:22,090
所以你实际上并不需要启动浏览器，并用这些工具独立工作。

1109
01:05:22,090 --> 01:05:24,320
现在我有一个Windows应用商店的应用程序只是运行，

1110
01:05:24,320 --> 01:05:27,840
而我就可以开始拉它拆开，找出为什么事情正在做什么，他们是。

1111
01:05:27,840 --> 01:05:30,440
>> 我也可以这样来做了。

1112
01:05:30,440 --> 01:05:35,020
我可以去随便挑右的东西从标记，并找出它是什么

1113
01:05:35,020 --> 01:05:38,560
在应用程序本身。我想我已经过去了的一切。

1114
01:05:38,560 --> 01:05:41,440
在这里，我徘徊在此。我可以选择它。

1115
01:05:41,440 --> 01:05:45,540
它会告诉我在实际运行的应用程序，其中那个东西是

1116
01:05:45,540 --> 01:05:48,070
那我现在在点击了标记。

1117
01:05:48,070 --> 01:05:49,700
真正酷的东西。

1118
01:05:49,700 --> 01:05:52,710
当你正在试图弄清楚这是怎么回事，什么HTML是干什么的，

1119
01:05:52,710 --> 01:05:56,080
什么是CSS是干什么的，记住这一点。

1120
01:05:56,080 --> 01:05:58,450
请记住，这是为你在这里

1121
01:05:58,450 --> 01:06:02,070
同时又有Blend可以用一个实时运行的应用程序的工作。

1122
01:06:02,070 --> 01:06:06,070
>> 的最后一件事我想告诉你用这个应用程序 - 

1123
01:06:06,070 --> 01:06:09,290
顺便说一句，就说明你的增量随着事态的变化太大，

1124
01:06:09,290 --> 01:06:11,160
所以你可以看那些黄色的亮点。

1125
01:06:11,160 --> 01:06:14,060
这些都是刚刚改变了应用程序的东西。

1126
01:06:14,060 --> 01:06:16,350
但最后一件事。我想回到这里混合只是一秒钟。

1127
01:06:16,350 --> 01:06:21,790
我们会打开这个​​了，开在Blend中，相同的应用程序，同样的一切。

1128
01:06:21,790 --> 01:06:28,660
我只是想告诉你这里的经验是不是只是你被困在主页上

1129
01:06:28,660 --> 01:06:32,880
在看的东西，你会在默认情况下得到，当您运行该应用程序，并让它坐在那里。

1130
01:06:32,880 --> 01:06:36,490
您还可以打开这个漂亮的小图标在这里。

1131
01:06:36,490 --> 01:06:38,560
这就是所谓的互动模式。

1132
01:06:38,560 --> 01:06:41,560
你点击。它会带给你的应用程序。

1133
01:06:41,560 --> 01:06:43,730
你不是在设计模式了，所以你不会被点击的东西

1134
01:06:43,730 --> 01:06:47,270
改变功能，但实际上你可以与应用程序现在的工作。

1135
01:06:47,270 --> 01:06:51,560
您可以通过点击，你可以做什么，得到您关心的食谱

1136
01:06:51,560 --> 01:06:54,810
或到一个类别。让我们去到这一类。

1137
01:06:54,810 --> 01:06:56,880
我会说：“好吧，这里就是我想设计。”

1138
01:06:56,880 --> 01:06:59,680
然后再次单击该按钮时，它会带给你回到设计表面，

1139
01:06:59,680 --> 01:07:02,130
现在你可以做所有这些事情，我之前讲的。

1140
01:07:02,130 --> 01:07:06,230
我会继续点击，直到我得到这个选择的，找出它的尺寸，

1141
01:07:06,230 --> 01:07:09,890
找出HTML它，的CSS，它

1142
01:07:09,890 --> 01:07:14,990
正在运行的应用程序，该应用程序的一些后期。

1143
01:07:14,990 --> 01:07:17,780
非常，非常有用。我将展示给你。

1144
01:07:17,780 --> 01:07:21,340
请记住这一点，如果你正在寻找与这写代码

1145
01:07:21,340 --> 01:07:26,070
因为它会为你节省很多的麻烦，而且它是相当不错的东西。

1146
01:07:26,070 --> 01:07:32,370
这几乎是所有我想告诉你在Blend和Visual Studio中的一切。

1147
01:07:32,370 --> 01:07:36,130
>> 在任这些工具有问题吗？

1148
01:07:36,130 --> 01:07:40,000
什么呢？ >> [Guarin]我有东西给出来的，所以好问题，好东西。

1149
01:07:40,000 --> 01:07:43,700
>> [博文笑]我已经向您展示我的演示在这里。

1150
01:07:43,700 --> 01:07:47,000
我打算把它放在资源页面上转来转去的问题了。

1151
01:07:47,000 --> 01:07:53,850
首先参考的是，新一代APP网站的游戏赛道和应用程序的轨道。

1152
01:07:53,850 --> 01:07:55,040
报名者。

1153
01:07:55,040 --> 01:07:57,210
您不必等待30天获取内容。

1154
01:07:57,210 --> 01:08:00,370
您可以开始准备，并着眼于内容如你所愿。

1155
01:08:00,370 --> 01:08:04,380
我理解你的时间框架可能比不同 -  [笑]

1156
01:08:04,380 --> 01:08:07,780
因此，当是Hackathon？这是几个星期，对不对？

1157
01:08:07,780 --> 01:08:09,620
所以，你没有30天等待。

1158
01:08:09,620 --> 01:08:13,180
所以是的，你可以注册为，然后就开始从它拉出来的内容。

1159
01:08:13,180 --> 01:08:15,320
还开发和设计中心。

1160
01:08:15,320 --> 01:08:17,620
我并没有提到这一点，但也有在商店的文档。

1161
01:08:17,620 --> 01:08:22,880
这将是在Hackathon之后，你就可以开始提交您的应用程序的商店。

1162
01:08:22,880 --> 01:08:27,350
有一些有用的指导，介绍了如何把事情进店一些指导，

1163
01:08:27,350 --> 01:08:29,960
可能你绊倒的一些常见问题，

1164
01:08:29,960 --> 01:08:32,540
这就是那些资源的末端。

1165
01:08:32,540 --> 01:08:35,300
>> 那么什么是您的想法？其他任何你 - 

1166
01:08:35,300 --> 01:08:40,580
[Guarin]谁在想着做一个Windows应用程序的CS50？凉爽。

1167
01:08:40,580 --> 01:08:42,200
[博文]酷。大。

1168
01:08:44,149 --> 01:08:49,410
>> 关于你见过这么远的东西，它是如何有任何疑问涉及到这？

1169
01:08:49,410 --> 01:08:54,540
举例来说，有更多的时间，我可以把我写的一个游戏

1170
01:08:54,540 --> 01:08:57,310
并运行在浏览器中，只是一种经历的过程

1171
01:08:57,310 --> 01:08:59,870
使这一到Visual Studio中，并使其成为一个Windows应用商店的应用程序中。

1172
01:08:59,870 --> 01:09:02,870
它需要更多的时间比我们真的有今天包括，

1173
01:09:02,870 --> 01:09:08,010
但短版是它的，你在浏览器里运行相同的代码，

1174
01:09:08,010 --> 01:09:11,680
而且你改变的事情是你决定插入到Windows 8的东西。

1175
01:09:11,680 --> 01:09:16,220
所以，如果你想要使用的魅力，如果你想搜索或分享，

1176
01:09:16,220 --> 01:09:19,899
您需要创建一个应用程序栏隐藏了一些功能上说，

1177
01:09:19,899 --> 01:09:21,939
这些都是各种各样的事情，你会改变。

1178
01:09:21,939 --> 01:09:25,229
但你的web应用程序的核心可以保持不变。

1179
01:09:25,229 --> 01:09:29,590
同样，只要它工作在IE10，这将是一个非常简单的端口

1180
01:09:29,590 --> 01:09:33,680
把这些东西到Visual Studio中，为混合，并使其成为Windows应用商店的应用程序。

1181
01:09:33,680 --> 01:09:37,500
同样，你将需要学习的唯一的东西是那些其他功能

1182
01:09:37,500 --> 01:09:41,830
您可以用它来点亮一个应用程序，就像一个活的瓷砖和这些类型的东西。

1183
01:09:41,830 --> 01:09:46,899
>> 是啊。 >> [学生]我的问题是关于工作的移动。

1184
01:09:46,899 --> 01:09:52,210
所以，如果你做一个应用程序，可以作为一个应用程序在桌面上，

1185
01:09:52,210 --> 01:09:56,480
是不是真的很容易将其传送到手机，或者是有一个 - 

1186
01:09:56,480 --> 01:10:01,270
现在的问题是，如果我做一个Windows应用商店的应用程序，是真正为这个环境优化

1187
01:10:01,270 --> 01:10:06,430
我想将其带到一个移动的世界，什么是参与这样做？

1188
01:10:06,430 --> 01:10:10,060
也就是说，像许多问题，始终是一个不断变化的答案。

1189
01:10:10,060 --> 01:10:16,190
好消息是，如果你坚持使用HTML和JavaScript，CSS，

1190
01:10:16,190 --> 01:10:18,720
如果你是从Windows Store应用出发，

1191
01:10:18,720 --> 01:10:20,590
这将让你把它给Web

1192
01:10:20,590 --> 01:10:24,650
然后使用这些类型的技术，如媒体查询和事物，

1193
01:10:24,650 --> 01:10:27,180
以适应不同尺寸的设备。

1194
01:10:27,180 --> 01:10:29,900
尽管如此，总有框架和东西在那里

1195
01:10:29,900 --> 01:10:33,450
这种支持延伸出不同的技术，不同的平台。

1196
01:10:33,450 --> 01:10:35,670
那时刻都在变化。

1197
01:10:35,670 --> 01:10:40,030
我们也正在改变的东西，以及我们仰望我们现在

1198
01:10:40,030 --> 01:10:42,950
实际上用的Windows Phone 8。

1199
01:10:42,950 --> 01:10:44,930
我们有一些共同的核心基础架构

1200
01:10:44,930 --> 01:10:48,180
对于这些环境的应用程序之间提供。

1201
01:10:48,180 --> 01:10:51,200
所以，你正在做创建一个Windows应用商店的应用程序的东西，

1202
01:10:51,200 --> 01:10:57,790
很多的，可以结转到Windows Phone 8的应用程序也是如此。

1203
01:10:57,790 --> 01:11:02,270
这又是一个新兴的故事，所以有关于在构建一些内容。

1204
01:11:02,270 --> 01:11:06,780
该SDK只是一小会儿前下了车。这只是一小会儿前公布。

1205
01:11:06,780 --> 01:11:09,920
但在其他平台也条款，

1206
01:11:09,920 --> 01:11:13,360
你可能会遇到很多的跨平台框架以及。

1207
01:11:13,360 --> 01:11:16,170
好消息是，你在这里做的东西，

1208
01:11:16,170 --> 01:11:19,620
核心功能是直线上升的Web标准的东西。

1209
01:11:19,620 --> 01:11:24,010
这不会容易翻译的唯一的东西都是Windows 8做的事情，

1210
01:11:24,010 --> 01:11:28,060
不过这并不奇怪，因为它是一个Windows功能。

1211
01:11:28,060 --> 01:11:34,090
你不会找到任何其他平台上共享或类似种类的合约。

1212
01:11:34,090 --> 01:11:37,480
因此，这些都是，你会想从设计的角度看事情

1213
01:11:37,480 --> 01:11:40,820
请确保您有办法那种抽象的，所以你可以说，

1214
01:11:40,820 --> 01:11:42,970
“如果我在这跑，我能做到这一点。”

1215
01:11:42,970 --> 01:11:48,120
如果我不在，有一些设计模式，你可以用它来种隐藏的东西了。

1216
01:11:48,120 --> 01:11:53,360
但记住这一点。是啊。抱歉。来吧。

1217
01:11:53,360 --> 01:11:58,130
>> [学生]如果我想测试在[听不清]顶我的Windows应用程序

1218
01:11:58,130 --> 01:12:02,310
[博文]是啊。我跳过一件事了。是啊。

1219
01:12:02,310 --> 01:12:04,910
我先回答你的问题，那么我会告诉你一个功能，我忘了提。

1220
01:12:04,910 --> 01:12:09,220
我们确实有一些可用的机器上本地。对不起。

1221
01:12:09,220 --> 01:12:11,240
现在的问题是，我怎么测试的东西上的设备

1222
01:12:11,240 --> 01:12:14,230
如果我不碰巧有一大堆的事情，不知如何选择？

1223
01:12:14,230 --> 01:12:17,130
[Guarin]我们为您借给你们，我想，5或6。有多少你需要什么？

1224
01:12:17,130 --> 01:12:20,940
[学生]我们得到了4人​​。 >>好吧。你们得到了4石板玩弄​​。

1225
01:12:20,940 --> 01:12:25,520
所以，绝对让大家知道，谢谢。 [笑] >> [博文]真棒。

1226
01:12:25,520 --> 01:12:27,610
这是一个更好的答案比我正想给你。

1227
01:12:27,610 --> 01:12:31,250
我们的办公时间为开发商，我们做在我们的办公室

1228
01:12:31,250 --> 01:12:35,110
而现在即将推出的微软商店对在保诚，

1229
01:12:35,110 --> 01:12:37,010
但埃德温已经采取照顾你。

1230
01:12:37,010 --> 01:12:42,180
有4个石板可供借出，进行测试。

1231
01:12:42,180 --> 01:12:45,440
我们走吧。有一个在那里一个例子。

1232
01:12:45,440 --> 01:12:47,340
所以是的，绝对。大。

1233
01:12:47,340 --> 01:12:52,700
绝对远远测试它的最好办法是做一个设备上。

1234
01:12:52,700 --> 01:12:56,810
如果不碰巧有一个尚未或想在校园行走在雪地里你不

1235
01:12:56,810 --> 01:13:01,130
抢一个或什么的，还有一种方法可以做到这一点早在Visual Studio中。

1236
01:13:01,130 --> 01:13:10,360
而不是使用本机，如果我重新回到那里，我在这里，在这里，

1237
01:13:10,360 --> 01:13:13,590
你能连接到远程计算机，但是这不是我这里所说的。

1238
01:13:13,590 --> 01:13:16,830
模拟器是，你可能要考虑的东西。

1239
01:13:16,830 --> 01:13:22,120
我要跑这一点，真的它是什么，它​​本质上是一个窗口到您自己的系统。

1240
01:13:22,120 --> 01:13:26,260
这里其实是我的系统运行，运行Contoso公司，

1241
01:13:26,260 --> 01:13:29,550
但在某种程度上，让我改变一些执行参数，

1242
01:13:29,550 --> 01:13:31,060
的环境参数。

1243
01:13:31,060 --> 01:13:34,150
所以我可以在这里说，“你知道什么？”

1244
01:13:34,150 --> 01:13:39,240
呵呵。我已经有它运行在一个模拟的27英寸显示器2560的分辨率。

1245
01:13:39,240 --> 01:13:44,930
我可以很容易地降下来，看看我的应用程序将与一个较小的屏幕做

1246
01:13:44,930 --> 01:13:47,480
或者通过更改DPI设置或什么的。

1247
01:13:47,480 --> 01:13:50,700
因此，在一个小屏幕，一个10.6，它是什么怎么办？

1248
01:13:50,700 --> 01:13:53,040
这看起来还是蛮不错的，对不对？

1249
01:13:53,040 --> 01:13:58,220
你要做到这一点，特别是如果你要提交到店里，因为我们做的

1250
01:13:58,220 --> 01:14:00,480
作为测试过程的一部分。

1251
01:14:00,480 --> 01:14:02,400
如果有这样的问题，

1252
01:14:02,400 --> 01:14:06,160
那么你可能会遇到获得认证的存储问题。

1253
01:14:06,160 --> 01:14:09,240
但是，这是模拟器的一部分。真的很酷。很容易做到这一点。

1254
01:14:09,240 --> 01:14:11,480
您还可以使用的功能，如旋转它。

1255
01:14:11,480 --> 01:14:15,650
我可以按一下按钮，在这里，有它旋转，见什么人会有作为一个经验

1256
01:14:15,650 --> 01:14:20,970
旋转的石板，他们的平板电脑，并使用您的应用程序与。

1257
01:14:20,970 --> 01:14:25,060
还有一些其他的事情太像触摸仿真和一些其他的东西，

1258
01:14:25,060 --> 01:14:27,210
设置GPS。

1259
01:14:27,210 --> 01:14:31,050
我可以假装我在不同的位置，看看我的应用程序的功能

1260
01:14:31,050 --> 01:14:34,690
当我假装我回到西雅图什么的。

1261
01:14:34,690 --> 01:14:41,970
但它是一个非常有用的功能，它的内置于Visual Studio和Blend中。

1262
01:14:41,970 --> 01:14:44,460
是。你的问题。

1263
01:14:44,460 --> 01:14:48,530
>> [学生]如果你正在编写一个游戏，它的Visual Studio有任何动画的支持？

1264
01:14:48,530 --> 01:14:55,550
是啊。现在的问题是各地的动画支持，特别是游戏。

1265
01:14:55,550 --> 01:14:58,380
这要看情况。 [笑]

1266
01:14:58,380 --> 01:15:06,870
与JavaScript的我会说有可能是支持少比没有对XAML的一面，

1267
01:15:06,870 --> 01:15:11,430
其中有时限，有故事和那些内置的东西

1268
01:15:11,430 --> 01:15:18,710
有关JavaScript的应用程序的动画，我不知道我该怎么回答他很想给你。

1269
01:15:18,710 --> 01:15:25,110
我有一个经历了很多为物理动画的选项在我的博客资源，

1270
01:15:25,110 --> 01:15:29,280
选项​​在Windows 8的JavaScript的面向游戏。

1271
01:15:29,280 --> 01:15:31,300
我想请你到这些。

1272
01:15:31,300 --> 01:15:34,300
基本上，有这么多的选择。

1273
01:15:34,300 --> 01:15:37,770
我犹豫的原因是有做动画用JavaScript这么多的选择。

1274
01:15:37,770 --> 01:15:44,280
它可能是CSS，它可以被帆布基，它可能只是基本的DOM动画

1275
01:15:44,280 --> 01:15:47,470
它可能是一个很多不同的东西，所以它实际上取决于你的选择。

1276
01:15:47,470 --> 01:15:55,790
如果您决定使用类似Create.js或石灰或其他类型的框架 - 

1277
01:15:55,790 --> 01:15:59,150
嗯，我什至不知道你要能够使用较高端框架

1278
01:15:59,150 --> 01:16:01,370
喜欢冲击或构造。

1279
01:16:01,370 --> 01:16:07,000
这往往会产生比你可能会考虑从头开始更多的代码。

1280
01:16:07,000 --> 01:16:11,730
不过，在这些情况下，您仍然可以使用一个模拟器，你可以使用的环境，

1281
01:16:11,730 --> 01:16:17,480
我倾向于只使用这个环境，我的测试平台，在这种情况下

1282
01:16:17,480 --> 01:16:19,930
因为我正在开发的游戏。

1283
01:16:19,930 --> 01:16:22,110
我一直特别细带帆布动画，

1284
01:16:22,110 --> 01:16:23,850
这可能是最常见的事。

1285
01:16:23,850 --> 01:16:27,360
你将可能发现最好是在浏览器的开发工具

1286
01:16:27,360 --> 01:16:30,160
并在Visual Studio中的开发工具。

1287
01:16:30,160 --> 01:16:34,610
样的曲折答案，但希望我得到你的答案。是。您。

1288
01:16:34,610 --> 01:16:36,470
>> [学生]什么是Windows 8的应用程序的数据存储选项？

1289
01:16:36,470 --> 01:16:41,100
什么是Windows 8的应用程序的数据存储选项，Windows应用商店的应用程序？

1290
01:16:41,100 --> 01:16:46,790
你的选择真的是每个应用程序都有自己的本地存储池

1291
01:16:46,790 --> 01:16:52,150
用于设置和数据，但它也是可笑的易于使用的漫游存储，

1292
01:16:52,150 --> 01:16:54,920
使用基于云的存储。它是免费的。

1293
01:16:54,920 --> 01:16:58,250
什么情况是你基本上选择不同的类，你说，

1294
01:16:58,250 --> 01:17:03,370
“漫游设置，保存，这组特定的内容，”

1295
01:17:03,370 --> 01:17:06,050
和他们的Microsoft帐户，无论他们在已经签署的，

1296
01:17:06,050 --> 01:17:08,620
将是关键漫游周围的信息。

1297
01:17:08,620 --> 01:17:13,790
所以，如果我用你的游戏我的笔记本电脑，然后我用相同的帐户登录

1298
01:17:13,790 --> 01:17:18,900
和我打在表面上的游戏或片剂，

1299
01:17:18,900 --> 01:17:23,610
它会自动漫游那些机器之间的设置和数据。

1300
01:17:23,610 --> 01:17:27,550
这是一个默认的事情。这是很好的数据一定数量。

1301
01:17:27,550 --> 01:17:30,220
你不会把一个庞大的数据库到这些。

1302
01:17:30,220 --> 01:17:35,350
对于那些你需要去其他类型的解决方案，就像在云中托管的数据库，

1303
01:17:35,350 --> 01:17:36,690
这样的事情。

1304
01:17:36,690 --> 01:17:39,840
周围有其他类型的数据技术的一些其他社区的选项。

1305
01:17:39,840 --> 01:17:42,920
我已经看到了在社区周围还有一些SQLite的选项了。

1306
01:17:42,920 --> 01:17:46,690
所以越来越多的不断涌现，但这些是主要的事情，你会仰望

1307
01:17:46,690 --> 01:17:49,430
游戏或应用程序。

1308
01:17:49,430 --> 01:17:50,610
而你又在后面一个问题了。

1309
01:17:50,610 --> 01:18:02,390
>> [学生]在网络方面[听不清]上传或下载文件[听不清]

1310
01:18:02,390 --> 01:18:04,870
[博文]是你的问题，你怎么能看到，不然你怎么能调试和测试它？

1311
01:18:04,870 --> 01:18:10,630
[学生]你如何调试呢[听不清]

1312
01:18:10,630 --> 01:18:12,670
抱歉。我不能听到这一切。

1313
01:18:12,670 --> 01:18:16,480
[学生]你怎么得到它的bug测试和也[听不清]

1314
01:18:16,480 --> 01:18:17,490
大。大。

1315
01:18:17,490 --> 01:18:21,860
你如何与网络合作？你怎么能看这是怎么回事？

1316
01:18:21,860 --> 01:18:23,620
有许多不同的答案到这一个，

1317
01:18:23,620 --> 01:18:26,420
但让我告诉你可能是最简单的东西在这里。

1318
01:18:26,420 --> 01:18:29,350
让我摆脱了模拟器的一秒钟。

1319
01:18:29,350 --> 01:18:31,740
只是一对夫妇的调试选项进行联网。

1320
01:18:31,740 --> 01:18:36,070
还有烤右进WinRT的水平，并从两者的WinJS一个完整的网络协议栈，

1321
01:18:36,070 --> 01:18:42,810
这样你就可以很轻松地进行XHR，AJAX类型从您的游戏或应用程序调用来做到这一点。

1322
01:18:42,810 --> 01:18:47,250
首先，我倾向于使用两件事情。

1323
01:18:47,250 --> 01:18:53,660
我用的是实际的开发工具本身，其中有烤到他们的网络堆栈。

1324
01:18:53,660 --> 01:18:55,870
让我告诉你Windows的主页。

1325
01:18:55,870 --> 01:19:02,730
我提这件事，而且也确实烤到这里这些工具网络代理。

1326
01:19:02,730 --> 01:19:08,390
因此，我可以做到这一点，我可以刷新页面，它会告诉我所有的相互作用，

1327
01:19:08,390 --> 01:19:14,550
该届会议，包括AJAX调用，该请求的时间。

1328
01:19:14,550 --> 01:19:17,600
这是有用的。这将是基于浏览器的应用程序非常有用。

1329
01:19:17,600 --> 01:19:20,470
对于其他类型的应用程序，包括Windows Store应用程序中，

1330
01:19:20,470 --> 01:19:23,970
我使用了一个名为Fiddler工具。

1331
01:19:23,970 --> 01:19:29,650
你会得到一个游戏响应。 [笑]

1332
01:19:29,650 --> 01:19:32,750
Fiddler是一个简单的代理。我想我可以证明给你。

1333
01:19:32,750 --> 01:19:40,190
这只是GetFiddler.com，其中，有趣的是，我跟踪我的网络协议栈

1334
01:19:40,190 --> 01:19:41,740
要GetFiddler。

1335
01:19:41,740 --> 01:19:45,700
不过，无论如何，提琴手已经写入了对IE团队的项目经理之一，

1336
01:19:45,700 --> 01:19:48,290
所以他知道自己在做什么。

1337
01:19:48,290 --> 01:19:52,630
这是一个很好的代理，您可以使用用于调试网络流量。

1338
01:19:52,630 --> 01:19:55,730
我建议。问题在那里了。

1339
01:19:55,730 --> 01:19:58,050
>> [学生]有没有一种简单的方法来将外国语言输入，

1340
01:19:58,050 --> 01:20:00,810
像日本或中国，进入Windows的应用程序？

1341
01:20:00,810 --> 01:20:03,240
我不能说我已经做了我自己了吧，但它烤英寸

1342
01:20:03,240 --> 01:20:08,470
有用于发射过程中您的应用程序的选项 - 我很抱歉，我没有说这个问题 - 

1343
01:20:08,470 --> 01:20:11,100
围绕全球化的选择，内容的本土化，

1344
01:20:11,100 --> 01:20:14,320
包括像能够在不同的市场销售

1345
01:20:14,320 --> 01:20:19,190
并针对该版本的应用程序对于那些个别的语言

1346
01:20:19,190 --> 01:20:21,080
或文化或类似的东西。绝对是内置的。

1347
01:20:21,080 --> 01:20:22,980
我们已经为支持永远，

1348
01:20:22,980 --> 01:20:26,630
并发扬到您选择Windows应用商店。

1349
01:20:26,630 --> 01:20:30,450
你可以这样做，在商店本身，卖在不同的市场，

1350
01:20:30,450 --> 01:20:34,050
你可以做到这一点的应用，以及太使用的资源来定义，

1351
01:20:34,050 --> 01:20:42,220
“如果我开发了这种文化，然后使用这些替代我的文本内容

1352
01:20:42,220 --> 01:20:44,510
“或者使用左读者的权利。”

1353
01:20:44,510 --> 01:20:51,290
这些都是默认的WinJS和WinRT的API的一部分。好问题。

1354
01:20:51,290 --> 01:20:54,770
>> 我们做得怎么样？任何其他人呢？

1355
01:20:54,770 --> 01:20:58,850
如果有人对视频有问题，我cbowen @微软，

1356
01:20:58,850 --> 01:21:02,790
所以我很高兴把您的任何问题来自未来。

1357
01:21:02,790 --> 01:21:05,690
非常 - 从未来，未来[模仿呼应。

1358
01:21:05,690 --> 01:21:09,140
因此，这里是我的。让我放回我的联系方式在这里。

1359
01:21:09,140 --> 01:21:11,840
所以只是给我一张纸条，cbowen @微软，

1360
01:21:11,840 --> 01:21:15,190
我会尽快给你，只要我可以。

1361
01:21:15,190 --> 01:21:19,010
>> 其他任何你想知道？我们是否良好？

1362
01:21:19,010 --> 01:21:24,050
大。好的。谢谢大家了。我很感激​​。 [鼓掌]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]