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]