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
[Кріс Боуен, Едвін Гуарін - Гарвардський університет]

3
00:00:05,090 --> 00:00:07,350
[Це CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Гей, все. Мене звуть Едвін Гуарін. Це Кріс Боуен.

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 Store з 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 Store. Я запустити це.

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
у вас є плаття-Up наклейку книга і всі види різних додатків.

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
У цей момент це Вікна.

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
"Я використовую цю Puzzle Creator весь час. Це просто фантастика".

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
Але я хочу, щоб зануритися в слайдах, і щоб зробити це, я збираюся піти в Desktop,

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
Ми насправді в режимі Desktop.

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 News додатків тощо. Ті, прийде з магазину.

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 Store додатки, що, коли я хочу, щоб моя заява провідний в Windows 8

268
00:14:58,220 --> 00:15:02,300
використовуючи всі ці можливості, отримати його в магазині, і отримати, що дійсно здорово досвід

269
00:15:02,300 --> 00:15:05,260
з додатків Windows Store.

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 Store.

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
Щоб отримати доступ до, що, у нас є більше наявність що відбувається, щоб зробити його ще простіше

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, Canvas, 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
якщо це веб-додаток, який ви використовуєте, що працює в IE10,

309
00:17:25,650 --> 00:17:28,640
це те, що ви можете зробити, як додаток для Windows Store.

310
00:17:28,640 --> 00:17:33,100
І це значною мірою він. Так що, якщо він працює в IE10, він буде працювати в якості програми для Windows Store.

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 Store додатків, від 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 Store.

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
Він може скористатися - Ми зробимо розмови про ЗМІ запитів в секунду -

337
00:19:11,160 --> 00:19:15,880
він може піклуватися про речі з репозиціонування своє утримання, поточний контент з регіонів

338
00:19:15,880 --> 00:19:21,240
просто з цими речами, які ви, можливо, вже бачили з веб-технології.

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 або ECMAScript 5,

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
як ви будете продовжувати працювати з веб-технології.

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
Вони веб-стандарти, так що йти на будь-які інші сайти вітрини яких ви знаєте

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
Перш за все, немає веб-сервер бере участь тут.

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
Там немає необхідності виходити в Мережу більше, якщо у вас немає виклики, що вимагають віддаленого 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
Так що, якщо Ви знайшли інші рамки - Ми зробимо говорити про це через секунду -

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 Store.

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
або щось в даний час текли з Інтернету.

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
Я не показав вам Semantic Zoom. Я покажу вам, що в секунду.

474
00:27:03,380 --> 00:27:05,700
ListViews. Там в GridViews.

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
Це теж я вважаю, це безкоштовно. Це безкоштовно для студентів, а? >> [Гуарін] Який?

508
00:28:56,100 --> 00:28:57,970
Обліковий запис розробника, фактичне підпорядкування. >> [Гуарін] Так.

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
як зробити взаємодію, як боротися з призначеним для користувача інтерфейсом і 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, ви можете побачити суміш і інші інструменти розробника, що у мене є.

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
тому що вони робили наявність їх застосування.

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
>> Едвін, ви додали фотографію мене вже? >> [Гуарін] Так. >> [Боуен] Подивіться на це.

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
Це повернуло мене в режим Desktop, і це запускає настільний додаток з Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Це вікна, які ви вже знаєте.

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 Store.

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 Reader

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, Бібліотека Вікна для 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
і приведення в пару файлів JavaScript з WinJS.

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
і ваш власний JavaScript, щоб речі прокатки.

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,

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
і тоді ви отримаєте Hello, World враження тут. Це просто фантастика, чи не так?

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 право з цього CSS файлу в WinJS.

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
Перейти знайти річ в моєму HTML-сторінки, імені nameInput,

716
00:41:21,300 --> 00:41:28,490
схопити його, зайняти своє значення, ляпанця "привіт" на перед ним, і дотримуватися, що результуюча рядок

717
00:41:28,490 --> 00:41:31,960
в цю сну тега, який ми мали до цього дійсно не було нічого колись.

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
Ми збираємося сказати, "Button, привітання."

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
щ-темно, що добре для графічних додатків, таких як, використовуючи багато фотографій,

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-дюймовому моніторі, сидячи з робочого столу, велика ПК так.

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
У вас є IntelliSense тут. Насправді це дійсно здорово.

789
00:46:00,400 --> 00:46:05,720
У 2012 ми додали багато речей для підтримки CSS і JavaScript і HTML.

790
00:46:05,720 --> 00:46:08,690
Ви, звичайно, є що розкривається IntelliSense теж, але це не круто.

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
Але якби я перейти непрозорість, він збирається перейти на селектор альфа-каналу тут.

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
Ви також можете написати наявність також, що буде робити те ж саме

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
Ви повинні були б деякі наявність тому, що не було б те, що ви б 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
Одна з речей, щоб вказати на це прямо тут, ця річ: твоя ідея. Ваш App. 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
>> Там дуже багато відео на сайті під назвою Channel 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
>> [Гуарін] 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 DIV, а потім у greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Якщо я це зроблю і запустити його, ви можете побачити зараз у нас є трохи дещо інший відступи і поля,

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
Справ називається 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
Всі ці окремі зображення, і є діви навколо них з селекторів.

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
що контроль рейтинг говорить нам і ми просимо те, що називається tentativeRating.

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
Це покласти, що оцінка на екрані в цей порожньому сну тега

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 Store,

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
Суміш є ще одним інструментом, який працює пліч-о-пліч з 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
І ось що дійсно приємно про Blend.

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
Пам'ятайте, що контроль рейтинг? Це був просто справ тег.

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 Store,

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
В принципі, ви тільки рядок тексту з вікон

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
Нагадаємо збирається використовувати те, що називається сповіщення тост.

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
і він збирається показати мені точно згенерований контент, який привів до тієї частини інтерфейсу користувача.

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 Dev Tools, Firebug, тощо,

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 Store просто працює,

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
а також, що суміш може працювати з живим запущеного додатку.

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
Все, що завгодно? >> [Гуарін] У мене є матеріал, щоб видавати, так хороші питання, хороший матеріал.

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
Тому, коли це Хакатон? Ось пару тижнів, чи не так?

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
І я не говорю про це, але є також магазин Docs.

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
[Гуарін] Хто думає про виконання додаток для 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
Але в основі вашого веб-додаток може залишатися без змін.

1179
01:09:25,229 --> 01:09:29,590
Знову ж, до тих пір, як він працює в IE10, що це збирається бути дуже легко порт

1180
01:09:29,590 --> 01:09:33,680
довести цей матеріал в Visual Studio, в Blend, і зробити його додаток Магазин 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 Store, що насправді оптимізований для цього середовища

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,

1191
01:10:18,720 --> 01:10:20,590
це буде, щоб ви привести його в Інтернеті

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 Store,

1202
01:10:51,200 --> 01:10:57,790
багато чого можна перенести в телефон 8 додатків в ОС Windows, а також.

1203
01:10:57,790 --> 01:11:02,270
Це знову є новим історія, так що деякі контент про те, що в Build.

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
основна функціональність є прямо веб стандартного матеріалу.

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
[Гуарін] Ми надали вам, хлопці, я думаю, 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
і тепер найближчим часом в Microsoft Store більше в Пру,

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
Варіанти для JavaScript-орієнтованих ігор на Windows 8.

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 Store додатки?

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
[Студент] Як ви отримуєте це помилка випробування, а також [нерозбірливо]

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
У першу чергу, я вважаю за краще використовувати 2 речі.

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
Я використовувати інструмент під назвою Скрипаль.

1331
01:19:23,970 --> 01:19:29,650
Ви збираєтеся отримати гру у відповідь. [Сміється]

1332
01:19:29,650 --> 01:19:32,750
Скрипаль є простою проксі. Я думаю, що можна показати, що для вас.

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 Store.

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 @ Microsoft,

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 @ Microsoft,

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]