1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Семинар - Windows 8 - Развој App / игри со HTML5]

2
00:00:02,420 --> 00:00:05,090
[Крис Боуен, Едвин Guarin - Универзитетот Харвард]

3
00:00:05,090 --> 00:00:07,350
[Ова е CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Еј, сите. Моето име е Едвин Guarin. Ова е Крис Боуен.

5
00:00:10,290 --> 00:00:12,310
Јас ќе нека се претстави во една секунда.

6
00:00:12,310 --> 00:00:14,100
Јас само сакам да се направи брзо најава.

7
00:00:14,100 --> 00:00:18,340
Прво на сите, сите што CS50 студенти добиете Windows 8 за слободни.

8
00:00:18,340 --> 00:00:23,150
Значи, ако сте размислување за всушност да го користите за вашиот конечниот проект, тоа е твое.

9
00:00:23,150 --> 00:00:25,740
Нејт ќе испрати е-маил подоцна за инструкции.

10
00:00:25,740 --> 00:00:32,850
Втората работа е ако одлучите да напишете Windows 8 стан за вашиот CS50 финалниот проект,

11
00:00:32,850 --> 00:00:35,870
ние ќе се прават некои рекламирање материјали: на Xbox,

12
00:00:35,870 --> 00:00:38,870
ние може да биде во можност да даде чеша далеку, работи како што.

13
00:00:38,870 --> 00:00:42,460
Па ако има нешто холдинг те враќа, нека Крис или знам

14
00:00:42,460 --> 00:00:45,010
Како можеме да ви помогнеме да се изгради нешто навистина кул.

15
00:00:45,010 --> 00:00:48,580
Па благодарение повторно за доаѓање и денес, и јас ќе го предаде на Крис.

16
00:00:48,580 --> 00:00:50,500
>> Ви благодариме, Едвин.

17
00:00:51,000 --> 00:00:52,740
Ви благодариме, на сите, што ни се придруживте денес.

18
00:00:52,740 --> 00:00:55,800
Јас сум Крис Боуен. Јас сум еден од колегите на Edwin тука во североисточниот регион.

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
Ако имате било какви прашања, се чувствуваат слободни да ми пратите e-mail.

26
00:01:19,440 --> 00:01:23,460
Јас сум cbowen@microsoft.com, и таму е мојот блог и моите Твитер.

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 Продавница апликации кои може да се разгледа

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
од вашиот најголем трокреветни СЈН игри Риг сведува на вашиот лаптоп

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
Ох, wow, ние го добивме нова pinball тука.

84
00:04:39,440 --> 00:04:41,580
Можете да ги инсталирате овие, токму тука од продавница,

85
00:04:41,580 --> 00:04:43,420
и ние ќе зборуваме за тоа како да се развијат овие.

86
00:04:43,420 --> 00:04:45,670
Имате голем број на избори во начинот на кој можете да ги креирате.

87
00:04:45,670 --> 00:04:49,020
Ние ќе се фокусира во на вклучите Javascript-приказна со HTML и CSS,

88
00:04:49,020 --> 00:04:52,790
но на корисникот, на купувачот на стан, тоа не е важно она што беше напишано внатре

89
00:04:52,790 --> 00:04:54,670
Тие можат да одат напред и да работи со него.

90
00:04:54,670 --> 00:04:57,870
Јас сум заинтригиран од овој, па затоа треба да ја отворите оваа и да ги разгледаме.

91
00:04:57,870 --> 00:05:02,310
Секој стан, вклучувајќи ги и оние што ќе можат да ги достават и го продаде или подарите бесплатно,

92
00:05:02,310 --> 00:05:06,240
она што сакате да го направите во продавницата, ќе добие Главна страница вака.

93
00:05:06,240 --> 00:05:10,750
Можете да поднесете со вашата апликација еден куп на снимки на екранот - ќе видите некои тука -

94
00:05:10,750 --> 00:05:15,970
детали за апликација, а со текот на времето ќе се акумулира како рејтингот -

95
00:05:15,970 --> 00:05:19,020
тие се во основа само ѕвезда рејтинг - и осврти,

96
00:05:19,020 --> 00:05:20,690
кои обезбедуваат малку повеќе увид.

97
00:05:20,690 --> 00:05:24,380
Всушност, некој има да напишеш нешто и ќе ти кажам колку страшни сте,

98
00:05:24,380 --> 00:05:29,300
и дека ќе одат во вашиот Осврти дел овде, што не сум ја погледна.

99
00:05:29,300 --> 00:05:33,890
Фантастично. "Нема ни да се отвори." Колку голема.

100
00:05:33,890 --> 00:05:39,000
Па, за луѓе за кои ова не се отвори и рок, тие се чини дека навистина уживам во тоа. [Се смее]

101
00:05:39,000 --> 00:05:43,770
Чувајте го ова на ум. Интернет. Секој може да каже она што тие сакаат за вашата апликација.

102
00:05:43,770 --> 00:05:45,780
Така бидете сигурни дека сте се прави голема работа со него,

103
00:05:45,780 --> 00:05:49,030
бидете сигурни дека сте го прави како удобен за на корисникот како што можете да

104
00:05:49,030 --> 00:05:52,720
затоа што тие се неколку клика далеку од обезбедување на преглед,

105
00:05:52,720 --> 00:05:55,870
и дека ќе се акумулира до вашите целокупниот преглед рејтинг.

106
00:05:55,870 --> 00:05:58,990
И сакате да го направите вашиот најдобар, бидејќи ви се случува да биде против други апликации.

107
00:05:58,990 --> 00:06:01,830
Ќе има илјадници апликации веќе во продавницата,

108
00:06:01,830 --> 00:06:06,880
и шансите се, може да биде нешто што го прави слична функционалност на она што го правиш.

109
00:06:06,880 --> 00:06:12,740
Значи, ако навистина може да се издвоите од толпата, што се случува да биде да ги искористат, се разбира.

110
00:06:12,740 --> 00:06:15,300
>> Ние ќе дојдеме во продавница малку подоцна.

111
00:06:15,300 --> 00:06:17,090
Јас навистина сакате да се фокусира на создавање апликации.

112
00:06:17,090 --> 00:06:20,760
Но скратена верзија на продавницата е дистрибуција низ целиот свет,

113
00:06:20,760 --> 00:06:25,430
тоа е автоматски дел на Windows 8, луѓето само да го запалам и да погледнам во различни апликации тука,

114
00:06:25,430 --> 00:06:29,070
имате Облечи налепници на книги и сите видови на различни апликации.

115
00:06:29,070 --> 00:06:33,690
Свежа боја, јас го користам овој многу - лошо, но јас го користам многу.

116
00:06:33,690 --> 00:06:36,080
Тоа ме покажува Јас веќе го поседува.

117
00:06:36,080 --> 00:06:41,280
Дозволете ми да ви покаже нешто јас немам - UVideos немам како сосема нов.

118
00:06:41,280 --> 00:06:43,660
Гледате тука е слободен, па можете да го инсталирате во право од продавница.

119
00:06:43,660 --> 00:06:46,430
Имате избор премногу. Вие се разбира можете да го подарите.

120
00:06:46,430 --> 00:06:49,660
Може да се стави реклама во стан или игра.

121
00:06:49,660 --> 00:06:54,770
Можете исто така да им наплатат за тоа, а вие многу лесно може да обезбеди судењето за примена, како и

122
00:06:54,770 --> 00:06:58,220
па можете да ги споделите луѓе ја обидат за една недела или она што сакате да го направите.

123
00:06:58,220 --> 00:07:01,540
Тоа е само индивидуализира преку порталот. Вие не напишете било код за тоа.

124
00:07:01,540 --> 00:07:03,990
Така да се каже, "Можете да го користите овој за една недела, а потоа имаш да го купите"

125
00:07:03,990 --> 00:07:07,130
или можете да ги правите нештата како "Вие би можеле да играат првите 3 нивоа на оваа игра

126
00:07:07,130 --> 00:07:09,820
"И тогаш имаш да се купат за да пристапите на останатите."

127
00:07:09,820 --> 00:07:12,310
Можете дури и не можеше да стори во стан купува, како и, па може да се каже,

128
00:07:12,310 --> 00:07:17,880
"Имаме дополнителни авантури или групи на графика или работи кои се отклучи -

129
00:07:17,880 --> 00:07:21,430
"Повеќе рецепти кои се отклучи -. Ако купите овие продолжен поставува"

130
00:07:21,430 --> 00:07:24,260
И можете да го направите сите во рамките на стан или самата игра.

131
00:07:24,260 --> 00:07:26,070
Значи, целосно зависи од вас, вашиот избор.

132
00:07:26,070 --> 00:07:28,070
Има многу работи што можете да направите во продавницата,

133
00:07:28,070 --> 00:07:31,660
а потоа во основа си го поднесување на сертификација канал.

134
00:07:31,660 --> 00:07:35,380
Можеме да зборуваме за сите кои малку подоцна, но тоа е целта.

135
00:07:35,380 --> 00:07:40,410
Сакате да ја добиете вашата стан во светот видливост во продавница тука.

136
00:07:40,410 --> 00:07:44,170
>> Назад на почеток екран тука, јас би сакал да ви покажам наоколу малку повеќе.

137
00:07:44,170 --> 00:07:50,580
Ако јас го лансира овие апликации, дозволете ми да ви даде пример на некои крос-стан функционалност тука.

138
00:07:50,580 --> 00:07:53,070
Да го стори тоа, ќе започне свежа боја.

139
00:07:53,070 --> 00:07:55,550
Едно нешто што ќе видите тука е секој малку на екранот,

140
00:07:55,550 --> 00:07:58,040
сите пиксели на екранот, одете на вашиот стан.

141
00:07:58,040 --> 00:08:01,990
Поминаа деновите кога имате овие границите околу прозорците

142
00:08:01,990 --> 00:08:05,120
со многу копчиња кои се секогаш таму преземањето на просторот цело време.

143
00:08:05,120 --> 00:08:09,430
Сега навистина сакате да се извлечеш од тоа и само треба вашата содржина да биде во фокусот.

144
00:08:09,430 --> 00:08:13,710
Ние можеме да правиме работи со Windows, со пристапување други видови на менија.

145
00:08:13,710 --> 00:08:16,840
Еден од нив е, всушност, она што се нарекува бар уроци,

146
00:08:16,840 --> 00:08:18,870
и таа излегува од страна на екранот.

147
00:08:18,870 --> 00:08:21,270
Ти всушност може да тик од страна ако имате екран на допир,

148
00:08:21,270 --> 00:08:24,840
сте во право би можеле да кликнете, ако имате глушец, има кратенка на тастатурата за тоа,

149
00:08:24,840 --> 00:08:29,490
секогаш има повеќе од еден начин да се направи нешто во животната средина тука.

150
00:08:29,490 --> 00:08:31,680
Која носи голем број на работи што можете да направите.

151
00:08:31,680 --> 00:08:33,870
Најочигледен е да може да се врати на почеток екран,

152
00:08:33,870 --> 00:08:36,780
но другите 4 се она што се нарекува привлечност.

153
00:08:36,780 --> 00:08:41,059
Тие се договори кои може да се вклучи во, како еден стан инвеститорот. Тие се прилично кул.

154
00:08:41,059 --> 00:08:43,340
Барај, јас сум сигурен дека тоа е нешто што се случува да се направи,

155
00:08:43,340 --> 00:08:44,950
споделување јас ќе ти докажам во секунда,

156
00:08:44,950 --> 00:08:48,450
и уреди и подесувања, овие се сите нешта кои вашиот стан може да се вклучи во

157
00:08:48,450 --> 00:08:51,960
да потпора на Windows, да се каже, "Јас го направив мојот дел

158
00:08:51,960 --> 00:08:54,700
"И јас сакам на Windows за поддршка на некои други функционалност,

159
00:08:54,700 --> 00:08:56,750
"И не сакам да пишувам многу на код за да го направат тој да се случи."

160
00:08:56,750 --> 00:08:59,480
Тоа е навистина од корист за користење на овие функции.

161
00:08:59,480 --> 00:09:01,340
Дозволете ми да ви покажеме еден.

162
00:09:01,340 --> 00:09:05,170
Да го стори тоа, ќе се направи нов сликарство.

163
00:09:05,170 --> 00:09:08,240
Јас, исто така зборуваше за користење на секој пиксел за вашиот стан.

164
00:09:08,240 --> 00:09:11,850
По дифолт, тоа е она што бојата стан изгледа кога ќе го користите.

165
00:09:11,850 --> 00:09:14,960
Тоа е навистина само за она што ќе го цртање, вашата содржина.

166
00:09:14,960 --> 00:09:20,850
Можам да ја направам ужасни нешта тука. Што треба да се подготви? Не знам.

167
00:09:20,850 --> 00:09:23,110
Scribbles? Ох, одлично. Што можам да направам scribbles. Фантастично.

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
Не можам да се подготви да започне со тоа, но за да го направи тоа со touchpad во пред публика е дури и подобро.

181
00:10:07,660 --> 00:10:09,640
Ова е неверојатна.

182
00:10:09,640 --> 00:10:13,030
Идејата, сепак, е сè што ми е гајле за се во право тука на површината.

183
00:10:13,030 --> 00:10:17,060
Да речеме јас сум толку задоволни со ова што имам да го споделам со некого.

184
00:10:17,060 --> 00:10:19,680
Нормално она што би направиле со други верзии на Windows,

185
00:10:19,680 --> 00:10:22,900
можеби ќе бидат потребни екранот, ќе направи некои копи-паста на вашиот текст

186
00:10:22,900 --> 00:10:24,950
или работи како дека сакате да ги споделите надвор,

187
00:10:24,950 --> 00:10:27,260
и потоа оди и ќе отвори друга апликација и го стави во неа.

188
00:10:27,260 --> 00:10:28,630
Тука вие не мора да го направи тоа.

189
00:10:28,630 --> 00:10:32,400
Ти всушност може да го изнесам бар привлечност и да каже, "Сакам да го споделам ова."

190
00:10:32,400 --> 00:10:35,000
Во овој момент тоа се случува да ви покаже на сите апликации

191
00:10:35,000 --> 00:10:38,080
кои знаат како да се работи со она што се дели.

192
00:10:38,080 --> 00:10:41,590
Во овој случај тоа е слика, па затоа се случува да се каже, "Јас тука гледам имаш слика."

193
00:10:41,590 --> 00:10:45,590
"Дали сакате да ги споделите тоа?" Можете да видите јас мејл мене работи цело време.

194
00:10:45,590 --> 00:10:49,420
Тој признава дека, и тоа е ми нудат што како кратенка,

195
00:10:49,420 --> 00:10:53,270
но тоа е, исто така, ми покажува секој стан кој знае како да се справи со преземање на слика

196
00:10:53,270 --> 00:10:55,520
и прави нешто со неа.

197
00:10:55,520 --> 00:10:57,890
Овие ги имаат сите е наведено на Windows што тие можат да го сторат тоа.

198
00:10:57,890 --> 00:10:59,240
Во овој момент тоа е Windows.

199
00:10:59,240 --> 00:11:01,680
Корисникот само избира она што тие сакаат да се направи со неа.

200
00:11:01,680 --> 00:11:06,610
Јас ќе дадам се од вообичаените од PuzzleTouch. Можете да видите Јас направивме сите видови на загатки со текот на времето.

201
00:11:06,610 --> 00:11:11,790
Ќе го земам PuzzleTouch и да каже, "Сакам да го споделам оваа неверојатна креација со PuzzleTouch."

202
00:11:11,790 --> 00:11:16,670
Тоа се случува да се оди напред и да каже, "Велики. Сакате да ги споделите оваа? Фантастично."

203
00:11:16,670 --> 00:11:19,260
"Дали сакате да се направи загатка што е лесно, средно, што?"

204
00:11:19,260 --> 00:11:20,800
Јас ќе се направи една преодна овде.

205
00:11:20,800 --> 00:11:24,890
Тоа го прави на загатка. Тоа се случува да биде многу лош загатка, бидејќи тоа е главно празно.

206
00:11:24,890 --> 00:11:28,100
Но тој е подготвен, а тоа е всушност назад во друга апликација.

207
00:11:28,100 --> 00:11:32,360
Ако дојдам овде, можам да го бара за него и да се започне тоа.

208
00:11:32,360 --> 00:11:38,100
Сега ако ние дојдете во текот на само малку тука, ние треба да се види мојата креација некаде.

209
00:11:38,100 --> 00:11:42,930
Каде да одам? Каков вид на мозаик никако не можев да се направи? Никако не можев да се направи тоа лесно?

210
00:11:42,930 --> 00:11:46,110
Ох, тоа е, во право таму.

211
00:11:46,110 --> 00:11:49,550
[Chuckles] Тоа е лесно препознатлив Турција загатка што е овде.

212
00:11:49,550 --> 00:11:52,360
Но, она што сакам да истакнам да ви, кул работа овде

213
00:11:52,360 --> 00:11:54,710
е Apps не знаеше ништо едни за други.

214
00:11:54,710 --> 00:11:58,740
Тие само рече: "Јас имам една слика да ги споделат, и знам како да се справи со слики."

215
00:11:58,740 --> 00:12:01,420
И ти како програмер, вие не мора да се напише дека код.

216
00:12:01,420 --> 00:12:05,350
Кога некој ме прашува да ги споделат, јас ќе одам да се стави некои податоци во оваа мала структура на податоци

217
00:12:05,350 --> 00:12:06,740
и јас сум се направи.

218
00:12:06,740 --> 00:12:10,990
Другите стан презема, не ја работи својата работа, и тоа е крајот на размена на искуство.

219
00:12:10,990 --> 00:12:14,550
Тоа е само една работа што можете да направите - навистина, навистина моќни -

220
00:12:14,550 --> 00:12:17,570
и тоа се случува да биде една од оние работи кои навистина би можеле да помогнат да се разликува вашиот стан

221
00:12:17,570 --> 00:12:20,090
и, исто така, вашата игра премногу во продавницата.

222
00:12:20,090 --> 00:12:22,220
Луѓето се случува да бидат во можност да се каже, "Ова е навистина корисно."

223
00:12:22,220 --> 00:12:25,430
"Ја користам оваа загатка творец цело време. Тоа е фантастично."

224
00:12:25,430 --> 00:12:30,490
>> Што е околу доволно на краток преглед на она што се случува овде.

225
00:12:30,490 --> 00:12:33,670
Има неколку други карактеристики исто така дека можеби ќе ја нагласи како што минуваат низ код.

226
00:12:33,670 --> 00:12:37,710
Но јас сакав да нурнам слајдови, и да го направат тоа, јас ќе одам да се оди на десктоп,

227
00:12:37,710 --> 00:12:40,940
која и самата е уште една жива плочка тука.

228
00:12:40,940 --> 00:12:43,840
Можам да одат во овој и, секако, јас сум на мојот слајдови,

229
00:12:43,840 --> 00:12:46,320
но дозволете ми да ви покаже всушност каде сме.

230
00:12:46,320 --> 00:12:48,460
Ние сме всушност во десктоп режим.

231
00:12:48,460 --> 00:12:52,580
Ова е навистина, каде што јас го кажувам пред околу Windows пренесувањето

232
00:12:52,580 --> 00:12:54,850
за нови искуства се покажува.

233
00:12:54,850 --> 00:12:56,450
Ова е Windows знаеш.

234
00:12:56,450 --> 00:12:59,730
Windows апликации се нарекуваат десктоп апликации. Тие работат тука.

235
00:12:59,730 --> 00:13:02,730
Ако имате постоечки апликации и сакате да ги работи на Windows 8,

236
00:13:02,730 --> 00:13:04,710
сте апсолутно може да го направите тоа.

237
00:13:04,710 --> 00:13:07,590
Овие не се исти нешта како продавница апликации, кои се тука,

238
00:13:07,590 --> 00:13:12,240
како свежа боја и овие NBC Вести апликации и работи како што. Тие ќе дојдат од продавница.

239
00:13:12,240 --> 00:13:14,450
Тие можат да го приклучиш во некои од карактеристиките дека сум бил Ви прикажуваат

240
00:13:14,450 --> 00:13:16,620
и другите дека јас не сум ти покажувал само уште.

241
00:13:16,620 --> 00:13:21,460
Но, само задржи дека во умот. Имаме поддршка и за овие работи, како и.

242
00:13:21,460 --> 00:13:27,000
Жал ми е. Е нешто не се покажува на екранот? Сум го изгуби целосно. Тоа е чудно.

243
00:13:29,000 --> 00:13:31,000
Во ред. Ви благодариме за посочувајќи дека надвор.

244
00:13:31,000 --> 00:13:34,770
Она што не се случија за време е мојот Ви прикажуваат дека на работната површина е тука.

245
00:13:34,770 --> 00:13:37,540
Што е последното нешто што го виде? Дали ќе видиме ова?

246
00:13:37,540 --> 00:13:39,490
Ова е десктоп. Веќе знаете што изгледа.

247
00:13:39,490 --> 00:13:42,070
Тоа не е ништо страшно необично.

248
00:13:42,070 --> 00:13:46,940
Тоа е нашата носејќи тоа искуство напред за вас и овозможи да го користите она што сте го имале.

249
00:13:46,940 --> 00:13:50,460
На пример, јас ќе ти бидат прикажани Visual Studio. Тоа е десктоп апликација.

250
00:13:50,460 --> 00:13:52,600
Тоа се случува да се кандидира во овој режим.

251
00:13:52,600 --> 00:13:54,960
Тоа се случува да го поддржи повеќе комплекс на животната средина

252
00:13:54,960 --> 00:14:01,470
со многу опции и работи како што, па затоа тоа е добра опција како десктоп апликација прави.

253
00:14:01,470 --> 00:14:04,810
>> Тоа, рече, ајде да одиме на слајдови за само малку

254
00:14:04,810 --> 00:14:09,720
и да ви даде некои воведни содржина, а потоа влезе во всушност кодирање тука.

255
00:14:09,720 --> 00:14:14,070
Добрата вест е Слушнав сте се фокусира на многу CSS и JavaScript, HTML код.

256
00:14:14,070 --> 00:14:18,110
Сите оние нешта што сте биле учење носат директно во правење на Windows Продавница апликации.

257
00:14:18,110 --> 00:14:22,920
Работите кои сте биле слух за со примена на CSS селектори и сите оние работи

258
00:14:22,920 --> 00:14:27,180
е токму она што го правите да се создаде некоја апликација тука за продавница.

259
00:14:27,180 --> 00:14:29,640
Ќе одиме преку овие работи малку од малку.

260
00:14:29,640 --> 00:14:34,130
Во суштина, јас сум градење на работи кои веќе се донесени во времето за да дознаете.

261
00:14:34,130 --> 00:14:36,520
Ова е општата шема на технологии кои можете да го користите

262
00:14:36,520 --> 00:14:38,790
да се направи на апликации за Windows 8.

263
00:14:38,790 --> 00:14:42,840
Работи на десната страна, десктоп апликации, е навистина она што ние веќе знаеме.

264
00:14:42,840 --> 00:14:46,840
Тоа е нешто што е навистина на Windows 7 светски пренесени во Windows 8.

265
00:14:46,840 --> 00:14:51,920
Сите оние опции носи напред: C #, VB, Win32 вид на развој.

266
00:14:51,920 --> 00:14:54,450
Одлично. Нема проблем. Новиот материјал е на левата страна.

267
00:14:54,450 --> 00:14:58,220
Тоа е Windows Продавница апликации, тоа е кога ќе сакате да се моето барање жичен во Windows 8

268
00:14:58,220 --> 00:15:02,300
користење на сите оние карактеристики, тоа се влезе во продавница, и да добијат дека навистина кул искуство

269
00:15:02,300 --> 00:15:05,260
на Windows Продавница апликации.

270
00:15:05,260 --> 00:15:10,350
Да го направите тоа, можете да видите тука имаш сите вашиот избор со XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, можете да направите на DirectX, работи како што, работите кои одат надвор од слајд.

272
00:15:14,100 --> 00:15:18,650
Но, за нас, ние ќе треба да се фокусираат во право за тоа дека HTML, CSS и JavaScript

273
00:15:18,650 --> 00:15:22,890
се навистина прва класа граѓани за изработка на апликации за Windows 8

274
00:15:22,890 --> 00:15:24,960
и за Windows 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
За да пристапите до тоа, имаме некои повеќе го вклучите Javascript-што се случува да се направи уште полесно

285
00:15:59,370 --> 00:16:02,510
за да го направите тоа. Ние ќе дојдеме до дека во еден момент.

286
00:16:02,510 --> 00:16:04,060
Но, за сега, тоа е во основа вашиот патоказот.

287
00:16:04,060 --> 00:16:06,770
Работите кои веќе сте биле прави на врвот на некои API-јата

288
00:16:06,770 --> 00:16:11,280
кои ви помагаат да работат со Windows еднаква на продавницата App.

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
понови стандарди во мрежата, толку многу нови 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
Тие се сите хардвер-забрзана, па ако сте на машина која има некој вид на графичкиот процесор,

301
00:16:59,340 --> 00:17:04,190
што е веројатно доста секоја машина која ќе може да се добие во изминатите 8 години,

302
00:17:04,190 --> 00:17:07,609
ви се случува да бидат во можност да имаат хардвер-забрзана излез,

303
00:17:07,609 --> 00:17:11,770
визуелна излез со CSS, платно, SVG.

304
00:17:11,770 --> 00:17:14,339
Сите тие работи ќе одат преку хардверско забрзување

305
00:17:14,339 --> 00:17:16,060
и да биде дека многу побрзо и поефикасно.

306
00:17:16,060 --> 00:17:20,440
Скратената верзија на сето ова - Не сум случува да поминат низ секоја работа тука -

307
00:17:20,440 --> 00:17:23,200
ако ти го гледаш на оваа листа, ако може да го направи тоа во IE10,

308
00:17:23,200 --> 00:17:25,650
ако тоа е веб стан дека сте водење која работи во IE10,

309
00:17:25,650 --> 00:17:28,640
тоа е нешто што можете да направите како на Windows продавницата App.

310
00:17:28,640 --> 00:17:33,100
И тоа е доста тоа. Значи, ако таа работи во IE10, тоа се случува да работат како на Windows продавницата App.

311
00:17:33,100 --> 00:17:36,370
Тоа е на масата како нешто што можете да го користите.

312
00:17:36,370 --> 00:17:40,510
>> Има многу тука. Ние не имаат рок до полноќ, па не можам да се видат сè овде.

313
00:17:40,510 --> 00:17:44,060
Но, постојат некои сајтови кои ќе ви помогнат да се разбере она што овие работи може да се направи,

314
00:17:44,060 --> 00:17:45,520
и јас ќе ви покажам еден од нив во една секунда.

315
00:17:45,520 --> 00:17:48,410
Сакав само да истакнам неколку од клучните работи што може да се погледне.

316
00:17:48,410 --> 00:17:51,560
Можеби веќе сте виделе некои од овие во вашите студии,

317
00:17:51,560 --> 00:17:56,610
но овие се навистина корисни, особено со Windows Продавница апликации, од CSS страна.

318
00:17:56,610 --> 00:18:02,420
Па се во можност да го стори преобразува и транзиции, да обезбеди движење со анимација -

319
00:18:02,420 --> 00:18:07,010
овие сите се дел од CSS сега, а тие се сите поддржани од страна на современи прелистувачи,

320
00:18:07,010 --> 00:18:11,370
и IE10 и IE9 се додаде поддршка во текот на времето за сите овие работи.

321
00:18:11,370 --> 00:18:15,220
И така зошто тоа пишуваат сами, зошто одат низ сите проблеми на тоа овие работи со рака

322
00:18:15,220 --> 00:18:19,970
кога можете да го користите едноставен CSS трансформира за да се создаде 3D ефект за вашата апликација?

323
00:18:19,970 --> 00:18:22,740
Одлично. Тоа е како тоа функционира.

324
00:18:22,740 --> 00:18:24,530
Не можам да го било потешко отколку што го прават.

325
00:18:24,530 --> 00:18:28,330
Ако знаеш како да го направи тоа во CSS, знаеш како да го направи во Windows продавницата App.

326
00:18:28,330 --> 00:18:32,080
>> Оди подалеку од тоа за изгледот, работи како дури и продавницата App,

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
да биде во можност да го стори номериране и hyphenation, без да имаш за да се напише нешто себе.

332
00:18:55,470 --> 00:18:57,500
Можете само да се каже, "Ве молам да го направите следново за мене"

333
00:18:57,500 --> 00:19:00,850
и како екран на недвижен имот е различна на различни машини

334
00:19:00,850 --> 00:19:03,850
или како што ќе видите во еден момент, како што се распарчи апликација

335
00:19:03,850 --> 00:19:07,920
да имаат помали количини на простор на екранот, тоа не е проблем за CSS.

336
00:19:07,920 --> 00:19:11,160
Тоа може да ги искористат предностите на - we'll зборува за медиумите прашања во секунда -

337
00:19:11,160 --> 00:19:15,880
тоа може да се грижи за работи со позиционирање на вашата содржина, што тече содржини од регионите

338
00:19:15,880 --> 00:19:21,240
само со овие нешта што може да имате веќе се гледа со веб-технологија.

339
00:19:21,240 --> 00:19:25,470
>> На HTML5 страна, исто така има и еден куп работи

340
00:19:25,470 --> 00:19:28,140
тоа ќе биде многу корисни за вас со Windows Продавница апликации.

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
Нема Апачи, нема 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
Па ако најдете некои други рамка - we'll се зборува за ова во секунда -

416
00:23:49,290 --> 00:23:54,000
за игри и сакате да го користите дека сакате да го користите некои контрола библиотеки кои се таму

417
00:23:54,000 --> 00:23:57,990
а вие не сакате да се напише дека работи сами - тоа е добра идеја, нели? -

418
00:23:57,990 --> 00:23:59,560
сте апсолутно може да го користите овој материјал.

419
00:23:59,560 --> 00:24:03,660
Нема ништо холдинг те враќа од користење на било каков вид на библиотека која е базирана на JavaScript,

420
00:24:03,660 --> 00:24:05,380
CSS, HTML5.

421
00:24:05,380 --> 00:24:09,740
Повторно, ако тоа е нешто што можете да направите во IE10, што е подлец на многу овие денови,

422
00:24:09,740 --> 00:24:11,220
можете да го стори тоа.

423
00:24:11,220 --> 00:24:14,800
Повлечете го во вашиот стан, референтен дека го вклучите Javascript библиотека, и го користат во вашата апликација,

424
00:24:14,800 --> 00:24:19,880
само имајќи го во предвид можеби ќе ја погоди безбедносниот контекст еднаш во некое време - не многу често.

425
00:24:19,880 --> 00:24:24,150
>> А потоа карактеристики, ќе одиме во текот на неколку повеќе од тие што одиме.

426
00:24:24,150 --> 00:24:27,500
На UX можете вид на ќе се навикнеш на како што гледате се повеќе и повеќе апликации

427
00:24:27,500 --> 00:24:29,250
од Windows 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
Карактеристики од Namespacing и класа генерација - зависи од вас.

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
Не сум ти покажувал Семантички зум. Јас ќе ви покаже дека во една секунда.

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
Flyout менија ќе видите од време на време.

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 Продавница апликации.

494
00:28:12,400 --> 00:28:17,360
Ако одам назад надвор, јас имам премногу работи тука.

495
00:28:17,360 --> 00:28:21,770
Ако одите на оваа страница, која е dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
може да го симнете се што ви треба.

497
00:28:23,300 --> 00:28:28,170
Што се студентите, ќе имате пристап до повеќе од пошироката јавност не,

498
00:28:28,170 --> 00:28:30,670
па може да се добијат повисоки крајот верзии на Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Едвин споменати веќе може да се добие на Windows, како и.

500
00:28:34,090 --> 00:28:36,790
Но, во принцип, за сите програмери, можете да одат на овој сајт

501
00:28:36,790 --> 00:28:40,380
и да ја преземете се што ви треба да се направи некоја апликација, и сето тоа е бесплатно.

502
00:28:40,380 --> 00:28:42,460
Па таму е бесплатна верзија на Visual Studio,

503
00:28:42,460 --> 00:28:44,450
постојат некои алатки кои ќе инсталира заедно за тоа -

504
00:28:44,450 --> 00:28:47,240
се што ви треба да се создаде и тест вашата апликација.

505
00:28:47,240 --> 00:28:50,130
Тоа е само кога ви се случува да ја објавите вашата апликација до продавницата

506
00:28:50,130 --> 00:28:52,470
дека сте ќе треба инвеститорот сметка.

507
00:28:52,470 --> 00:28:56,100
Тоа исто така верувам дека е бесплатно. Тоа е бесплатно за студентите, како и? >> [Guarin] Кој?

508
00:28:56,100 --> 00:28:57,970
Инвеститорот сметка, вистинските поднесување. >> [Guarin] Да.

509
00:28:57,970 --> 00:28:59,580
Тоа е уште една добра вест.

510
00:28:59,580 --> 00:29:00,840
Ќе треба да се погледне на овој.

511
00:29:00,840 --> 00:29:03,840
Тоа ќе се каже за поединечни стандардно тоа е 49 $.

512
00:29:03,840 --> 00:29:06,140
Но не се регистрирате за тоа како студент.

513
00:29:06,140 --> 00:29:10,250
Ќе добиете некои информации преку вашиот програми кои може да се добијат на сметка бесплатно,

514
00:29:10,250 --> 00:29:13,980
и која ќе може да потоа да го поднесете вашите апликации, па се до продавница,

515
00:29:13,980 --> 00:29:17,370
колку што ви се допаѓа, и сето тоа добрина наскоро ќе го следат.

516
00:29:17,370 --> 00:29:19,710
Па тоа е dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Можете да ја преземете алатки кои ќе ви требаат од тука.

518
00:29:22,170 --> 00:29:25,310
И ако сакате, можете да добиете Пробна верзија на Windows тука,

519
00:29:25,310 --> 00:29:27,160
но повторно, вие не ќе треба да се.

520
00:29:27,160 --> 00:29:32,880
>> На друга страна - дозволете ми да истакнам ова за вас брзо - е design.windows.com.

521
00:29:32,880 --> 00:29:34,770
Тоа беше dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, може да се погоди она што е за.

523
00:29:37,770 --> 00:29:40,380
Тоа е всушност прилично пријателски сајт. Има многу добри информации тука.

524
00:29:40,380 --> 00:29:41,770
Можете да работите преку неа.

525
00:29:41,770 --> 00:29:43,960
Тоа се случува да ви даде некои совети за некои работи

526
00:29:43,960 --> 00:29:46,760
дека можеби не сте размислувале за пред или мораше да се справи со порано,

527
00:29:46,760 --> 00:29:50,780
како и дизајнирање за допир, дизајнирање за различни форма фактори,

528
00:29:50,780 --> 00:29:55,310
дизајнирање на можностите на Windows 8, работите што веќе напоменав претходно

529
00:29:55,310 --> 00:29:58,740
како што се пребарување и споделување, некои работи кои јас се уште не се зборуваше за.

530
00:29:58,740 --> 00:30:05,570
Тие се сите наведени тука, и тоа е прилично добар сет на корисни датотека страници

531
00:30:05,570 --> 00:30:08,670
кои ќе ви помогнат да се разбере како да се направи одреден вид на апликација,

532
00:30:08,670 --> 00:30:14,250
како да направите интеракција, како да се справи со UI и UX на вашата апликација.

533
00:30:14,250 --> 00:30:18,630
Јас би Ви препорачуваме да ги погледне во тоа, особено ако сте во некоја точка

534
00:30:18,630 --> 00:30:22,960
надевајќи се дека ќе ги објават барање до продавница.

535
00:30:22,960 --> 00:30:25,250
Ви се случува да сакаат да знаат како да се направи добра апликација

536
00:30:25,250 --> 00:30:28,300
затоа што веќе напоменав претходно, ако не, тука е оние коментарите повторно.

537
00:30:28,300 --> 00:30:29,930
Луѓето се случува да бидат несреќни.

538
00:30:29,930 --> 00:30:32,960
Тие не ќе бидат во можност да се најде она што тие го очекуваат во вистинските места.

539
00:30:32,960 --> 00:30:36,590
Никој не сака тоа да се случи да ви.

540
00:30:36,590 --> 00:30:39,220
>> Се движат напред тука, дозволете ми да се затвори таа надолу.

541
00:30:39,220 --> 00:30:43,700
Сега дека знаете каде да го добиете нешта, јас ќе ви покаже како да се, всушност, да започнат со користење нешта.

542
00:30:43,700 --> 00:30:48,520
За да започнете, јас, всушност, ќе ви покаже тука еден пример на десктоп апликации на мојот Почеток екранот.

543
00:30:48,520 --> 00:30:53,600
Овде можете да видите на Visual Studio, можете да видите Blend и други алатки за развој, кој го имам.

544
00:30:53,600 --> 00:30:55,890
Тие имаат малку поинаква плочка.

545
00:30:55,890 --> 00:30:57,930
Тоа е затоа што тие се десктоп апликации,

546
00:30:57,930 --> 00:31:00,960
и во оние случаи тие се сите случува да започне назад на мојот десктоп

547
00:31:00,960 --> 00:31:05,350
навистина само како апликации кои сте навикнати да.

548
00:31:05,350 --> 00:31:06,960
Па на Windows искуство, тоа е иста работа.

549
00:31:06,960 --> 00:31:12,940
Тие не се, на пример, како вооружените! или овие работи. Дозволете ми да започне еден брзо.

550
00:31:12,940 --> 00:31:14,340
Всушност, тука е интересна.

551
00:31:14,340 --> 00:31:19,210
Ова беше развиена од страна на студентите работат во партнерство на nerd.

552
00:31:19,210 --> 00:31:23,430
Полн екран апликации, овие видови на искуства тука.

553
00:31:23,430 --> 00:31:26,290
Ох, убаво намалување екрани и сите видови на забава нешта.

554
00:31:26,290 --> 00:31:34,330
Тие развија ова. Ние како добро би можеле да се прикаже целата работа додека сме во него.

555
00:31:37,510 --> 00:31:41,070
Всушност, работев со нив малку, им даде некои совети на работите

556
00:31:41,070 --> 00:31:44,160
затоа што тие го прават JavaScript за нивната примена.

557
00:31:44,160 --> 00:31:46,460
Ве молам, јас не сум земање кредит за нивната работа, тие не целата работа.

558
00:31:46,460 --> 00:31:48,990
Јас само им даде малку совети тука и таму,

559
00:31:48,990 --> 00:31:52,400
но тие не некои големи нешта со користење на пред да го вклучите Javascript крајот

560
00:31:52,400 --> 00:31:56,920
и врзување во некои физика мотори и работите да се направи многу на ова дело.

561
00:32:00,120 --> 00:32:03,360
Одите. Да видиме дали тоа функционира.

562
00:32:03,360 --> 00:32:07,010
Леле, тоа сепак работел. Добро, добро. Но ќе го добиете идеја.

563
00:32:07,010 --> 00:32:09,350
А полн екран стан, навистина добро искуство.

564
00:32:09,350 --> 00:32:14,250
Ова е поддршка не само мојот глушец и пенкало ако имам нешта како тоа, но, исто така, го допре.

565
00:32:14,250 --> 00:32:19,420
Ако имав екран на допир, јас само може да привлече кон него и продолжи да работи со тоа.

566
00:32:19,420 --> 00:32:21,440
>> Едно нешто што не покажа, и причината зошто сум доведување на овој горе

567
00:32:21,440 --> 00:32:23,840
е сакав да имаме уште едно стан да ти го покажам она што можете да направите,

568
00:32:23,840 --> 00:32:29,480
вие всушност може да потрае апликации во Windows и повлечете ги на страна на екранот.

569
00:32:29,480 --> 00:32:33,070
Ова се нарекува кршење на апликацијата.

570
00:32:33,070 --> 00:32:37,800
Во овој случај, јас сум преземат Inkarus и сум го додава на страна тука.

571
00:32:37,800 --> 00:32:42,990
Таа сега е во Snap поглед, и дека ми дозволува да се направи нешто друго, додека таа апликација е таму.

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
>> Edwin, ќе додаде слика на мене веќе? >> [Guarin] Да. >> [Боуен] Погледни го тоа.

589
00:33:48,110 --> 00:33:51,510
Види тоа? Едвин додаде слика. [Се смее]

590
00:33:51,510 --> 00:33:54,410
>> Да се ​​вратиме овде во Visual Studio. Дозволете ми да започне оваа за вас.

591
00:33:54,410 --> 00:33:58,170
Можев да го кликнале на плочка на која Почеток екранот.

592
00:33:58,170 --> 00:34:02,630
Тоа ме врати во десктоп режим, и тоа е отворањето на десктоп апликација на Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Ова е Windows, кои веќе знаете.

594
00:34:06,790 --> 00:34:09,100
Јас може да оди напред и да се создаде проект.

595
00:34:09,100 --> 00:34:11,159
Ние ќе се фокусираат повторно го вклучите Javascript, HTML код.

596
00:34:11,159 --> 00:34:16,510
Одам да се излезе и да изберете до тука под вклучите, 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 читач

604
00:34:36,880 --> 00:34:43,120
или нешто слично, која се занимава со многу записи за кои сакате да се покаже детали,

605
00:34:43,120 --> 00:34:45,989
се размислува за користење на еден од овие шаблони да започнете брзо

606
00:34:45,989 --> 00:34:48,380
и тоа со измената од таму.

607
00:34:48,380 --> 00:34:50,120
Но, само за да можам да ви покаже на сите подвижни делови тука

608
00:34:50,120 --> 00:34:56,120
Одам да се создаде празно стан, а потоа ќе одиме малку подлабоко во детали.

609
00:34:56,120 --> 00:34:58,690
Јас сум само одлуки кои празно апликација овде.

610
00:34:58,690 --> 00:35:01,270
Тоа се случува да се создаде целиот проект за мене.

611
00:35:01,270 --> 00:35:03,290
Ќе ви отворам работите кои сакам да ви покажам од стандардните.

612
00:35:03,290 --> 00:35:08,550
Дозволете ми да зумирате малку да ти го покажам она што е создаден за нас овде.

613
00:35:08,550 --> 00:35:11,350
Работите кои ви се случува да се погледне во прв се сите именувани стандардните.

614
00:35:11,350 --> 00:35:15,970
Па ви се случува да се погледне за default.html, default.js и default.css.

615
00:35:15,970 --> 00:35:19,590
Од друга работа да се истакне е дека ние веќе имаат референца за она што веќе напоменав претходно.

616
00:35:19,590 --> 00:35:24,530
Ова е WinJS. Никој всушност го нарекува овој долго име тука.

617
00:35:24,530 --> 00:35:27,710
Тоа е WinJS, на Windows библиотека за JavaScript.

618
00:35:27,710 --> 00:35:29,530
Ако го отворат, може да се види сето тоа е тука.

619
00:35:29,530 --> 00:35:31,820
Има различни CSS фајлови, има вклучите Javascript-.

620
00:35:31,820 --> 00:35:33,520
Тоа е таму за да ви помогнеме.

621
00:35:33,520 --> 00:35:37,190
Тоа е навистина таму за да обезбеди контроли и стилови и работи кои само може да се користи автоматски.

622
00:35:37,190 --> 00:35:41,240
Но, повторно, ако има работи што сакате да го користите, наместо во однос на стил и други контроли,

623
00:35:41,240 --> 00:35:45,600
тоа е целосно зависи од вас. Јас ќе ви покажам како да се користи неколку од тие работи сега.

624
00:35:45,600 --> 00:35:51,020
>> Назад во текот врз нашата левата страна, дозволете ми да ви покаже стандардно HTML страница.

625
00:35:51,020 --> 00:35:54,490
Веќе сте виделе нешто WinJS, и тоа е навистина сето тоа се случува таму

626
00:35:54,490 --> 00:35:59,930
со оние средината линии на Селектирај, само ги носат во CSS стандардно

627
00:35:59,930 --> 00:36:02,370
и доведување во неколку 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 DOCTYPE,

644
00:36:55,990 --> 00:37:00,060
па ќе признае дека од она што сте биле на работа.

645
00:37:00,060 --> 00:37:04,600
Има целосна IntelliSense тука како добро, па ако ги правите нештата како тип во видео таг

646
00:37:04,600 --> 00:37:07,340
и да ги прошират дека надвор, веројатно сте научиле за фактот

647
00:37:07,340 --> 00:37:12,760
што треба да направите резервен план кодирање за видео тагови во HTML5 - или можеби имаш -

648
00:37:12,760 --> 00:37:17,490
да се осигура дека различни прелистувачи имаат подршка за вашиот видео.

649
00:37:17,490 --> 00:37:22,610
Имаме вакви работи низ HTML, преку вклучите Javascript-, преку CSS.

650
00:37:22,610 --> 00:37:26,020
Кој е изграден, а јас ќе ви покаже CSS во секунда.

651
00:37:26,020 --> 00:37:29,430
Тука можете да одите напред и да почне менување код, Селектирај.

652
00:37:29,430 --> 00:37:33,700
Всушност, пред да промени ништо, јас ќе одам да ја извршите оваа и ќе покаже она што го добивате.

653
00:37:33,700 --> 00:37:35,700
Си оди за да се добие поздравниот екран кој можете да се прилагодите

654
00:37:35,700 --> 00:37:40,940
и тогаш ќе го добиете Здраво, свет искуство тука. Тоа е фантастично, нели?

655
00:37:40,940 --> 00:37:42,640
Оди напред и да брод тоа, нели?

656
00:37:42,640 --> 00:37:45,970
Содржина оди овде. Тоа е основната работа.

657
00:37:45,970 --> 00:37:48,740
Тоа само може да се добие подобро од таму.

658
00:37:48,740 --> 00:37:51,300
Ние ќе одиме напред и да го додадете во некои работи.

659
00:37:51,300 --> 00:37:53,470
Јас имам малку Селектирај Одам да го копирате тука

660
00:37:53,470 --> 00:37:55,740
само така вие не мора да ме види пишување.

661
00:37:55,740 --> 00:38:02,620
Пушти ме донесе до алатникот тука, а јас ќе се утврди ова, бидејќи јас ќе се прави ова неколку пати.

662
00:38:02,620 --> 00:38:05,650
Лента со алатки, ако не сте го виделе на Visual Studio, е местото каде што ви се случува да најдете еден куп на контролите.

663
00:38:05,650 --> 00:38:09,050
Можете исто така да се стави кодот фрагменти во тоа што можете да повторна употреба.

664
00:38:09,050 --> 00:38:16,360
Еве јас само ќе поп во некое друго HTML, ништо страшно напредни во сите тука.

665
00:38:16,360 --> 00:38:20,170
Тоа е само основен HTML велејќи дека имаат влез, каде што може да пишувате,

666
00:38:20,170 --> 00:38:23,860
Имам едно копче каде што може да го поднесе, а потоа имам div тоа е во суштина случаеви

667
00:38:23,860 --> 00:38:27,360
која можам да користам да излез "Здраво, го напишете ова."

668
00:38:27,360 --> 00:38:32,780
Тоа е интро на HTML пример.

669
00:38:32,780 --> 00:38:39,340
Ако јас ја извршите оваа, ние автоматски се HTML, но ние исто така автоматски се стајлинг.

670
00:38:39,340 --> 00:38:42,270
Ова е една од важните работи од WinJS.

671
00:38:42,270 --> 00:38:47,250
Тоа се случува да ви даде стандардно некои изгледаат и се чувствуваат дека е навистина во согласност

672
00:38:47,250 --> 00:38:50,520
со остатокот од она што Windows 8 се прави.

673
00:38:50,520 --> 00:38:52,110
Тука ќе видите нешта како копче.

674
00:38:52,110 --> 00:38:55,890
Копчето стандардно во HTML не изгледа како тоа, но тоа не тука

675
00:38:55,890 --> 00:39:00,880
затоа што тоа е добивање дека CSS десно од кои 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
Тоа е boilerplate. Тоа се случува да биде иста во сите ваши проекти.

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
подлабоко контроли како контрола рејтинг, како мрежа видите, како flyout

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
Ти едноставно не каже flyout како елемент и да го имаат знаат што да прават.

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
во таа div таг што го имавме пред тоа навистина не треба ништо порано.

718
00:41:31,960 --> 00:41:37,220
Сега ние ќе треба да се најде дека таг и го направи својот внатрешен содржина е еднаква на онаа низа.

719
00:41:37,220 --> 00:41:38,880
Многу едноставна вклучите Javascript-.

720
00:41:38,880 --> 00:41:42,240
Се надевам дека сте признавајќи дека има навистина ништо необично се случува овде.

721
00:41:42,240 --> 00:41:45,360
Тоа е само право горе HTML и ЈС тука.

722
00:41:45,360 --> 00:41:48,220
Ако јас ја извршите оваа сега, тоа е се уште нема да направи било која работа, бидејќи јас не го жичен до

723
00:41:48,220 --> 00:41:50,030
да добијат на настанот.

724
00:41:50,030 --> 00:41:55,710
Да го направите тоа, јас ќе го направи тоа право овде, повторно се враќаат во мојата Лента со алатки,

725
00:41:55,710 --> 00:41:58,730
никнуваат тоа тука.

726
00:41:58,730 --> 00:42:03,060
Очекувам сте виделе сето тоа вид на работи пред тоа, па јас не ќе го над-објасни.

727
00:42:03,060 --> 00:42:05,060
Сега ние ќе треба да одам да купам helloButton.

728
00:42:05,060 --> 00:42:07,730
Ние ќе каже, "копче, алал да му е."

729
00:42:07,730 --> 00:42:10,130
"Тука е настан што сега се реагира за да".

730
00:42:10,130 --> 00:42:13,420
"Кога некој ќе кликне на вас, јавете оваа функција, buttonClickHandler."

731
00:42:13,420 --> 00:42:17,070
И тоа е тоа функција ние само додаде десно надолу на дното таму. Тоа е тоа.

732
00:42:17,070 --> 00:42:20,980
Па сега имаме еден неверојатно функционална апликација.

733
00:42:20,980 --> 00:42:24,720
Мислам дека ќе биде навистина импресиониран од тоа.

734
00:42:24,720 --> 00:42:32,320
Крис. Чекај за неа. Wow. Во ред. Тоа е неверојатно. [Се смее]

735
00:42:32,320 --> 00:42:36,570
Но има уште. Не го купат уште. Чекаат.

736
00:42:36,570 --> 00:42:39,610
>> Дозволете ми да ви покаже малку повеќе тука и да излезе од цел екран.

737
00:42:39,610 --> 00:42:42,690
Ние ќе одиме пред да се кандидира.

738
00:42:42,690 --> 00:42:45,530
Дозволете ми да одат во и всушност ви покаже малку со CSS.

739
00:42:45,530 --> 00:42:49,480
Само по дифолт, ако ние се погледне назад на страница тука,

740
00:42:49,480 --> 00:42:53,570
кога ние се повлече во овие работи од WinJS и добивме UI-темно,

741
00:42:53,570 --> 00:42:58,550
Всушност, можете да го промените на зададените вредности за користење светло апликација.

742
00:42:58,550 --> 00:43:03,450
UI-темно е добро за графички апликации како со користење на многу слики,

743
00:43:03,450 --> 00:43:05,740
сте покажува многу визуелни содржини.

744
00:43:05,740 --> 00:43:12,560
Ако сте покажува многу текстуална содржина, на графичката околина осветленост е генерално добар избор.

745
00:43:12,560 --> 00:43:15,160
Вие не треба да го изберат, но јас сум вклучен за да го

746
00:43:15,160 --> 00:43:17,690
и сега сте гледањето на истиот Селектирај, исто сè,

747
00:43:17,690 --> 00:43:20,320
тоа е само користење во основа е превртена шема тука

748
00:43:20,320 --> 00:43:24,770
каде што сè е што го прави црн текст на бела.

749
00:43:24,770 --> 00:43:26,460
Тоа е добро и добро.

750
00:43:26,460 --> 00:43:30,680
Дозволете ми да излезе тука, и ајде да всушност се направи малку повеќе со CSS.

751
00:43:30,680 --> 00:43:34,830
Јас ќе ја ставам назад на темно, бидејќи мислам дека тоа е веројатно полесно да се види на екранот

752
00:43:34,830 --> 00:43:36,970
кога ќе почнете да правите овие работи.

753
00:43:36,970 --> 00:43:40,150
Одам да го замени тело уште еднаш.

754
00:43:40,150 --> 00:43:44,040
Јас ќе одам тука. Дозволете ми да nuke ова.

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
и ти би се отвори верзија која беше tuned за одредени големината на екранот.

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
Тоа е, исто така, за големината и маргини и paddings и ориентации на содржината

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
Можете исто така да се напише го вклучите Javascript-премногу дека ќе го прават истото

804
00:46:55,580 --> 00:47:03,010
или дека можете да го користите за да всушност паузирате играта, ги правите нештата како што.

805
00:47:03,010 --> 00:47:04,310
Тоа е веројатно кога ќе ја користи JavaScript.

806
00:47:04,310 --> 00:47:06,610
Ќе се исклучи играта јамка во тој момент.

807
00:47:06,610 --> 00:47:09,970
Ќе треба некои JavaScript, бидејќи тоа нема да биде нешто што би CSS за.

808
00:47:09,970 --> 00:47:11,760
Но, имајте на ум тоа е само настан.

809
00:47:11,760 --> 00:47:14,860
Може да се каже: "Кога моето барање е променета,

810
00:47:14,860 --> 00:47:17,780
"Да видиме ако ние сме купени." И тоа е тоа.

811
00:47:17,780 --> 00:47:24,440
>> Во ред? Сум бил зборува многу. Дали има прашања досега за тоа каде сме ние? Да.

812
00:47:24,440 --> 00:47:29,310
[Студент] Дали постои туториал за секој да добијам повеќе информации? >> Да.

813
00:47:29,310 --> 00:47:33,510
Прашањето е, дали има туториал за тоа? Јас само ќе го прошири и на сè.

814
00:47:33,510 --> 00:47:37,490
Постојат неколку работи што можете да отидете. Ајде всушност бегаме од тука.

815
00:47:37,490 --> 00:47:40,150
Дозволете ми да се вратам овде.

816
00:47:40,150 --> 00:47:45,180
Една работа е да се истакне е Visual Studio себе има упатства изграден внатре

817
00:47:45,180 --> 00:47:47,650
Дозволете ми да се ослободи од тоа.

818
00:47:47,650 --> 00:47:51,520
Ако одите и да се создаде нов проект, не на датотеката, нов проект,

819
00:47:51,520 --> 00:47:56,750
и се погледне на лева страна, таму е онлајн јазол во овој селектор.

820
00:47:56,750 --> 00:47:59,790
Тоа се случува да се земе малку. Јас сум на мојот MyFi тука.

821
00:47:59,790 --> 00:48:02,300
Но тоа се случува да дојде и тоа се случува да ми даде шанса да се најде шаблони

822
00:48:02,300 --> 00:48:05,190
но исто така и, уште поважно, мостри, како и.

823
00:48:05,190 --> 00:48:06,750
За да можам да кликнете на вклучите Javascript-.

824
00:48:06,750 --> 00:48:10,050
Тоа се случува да се најде примероци за мене. Мојата резолуција е начин високо тука.

825
00:48:10,050 --> 00:48:15,070
Нормално, ќе видите листа на многу различни работи тука.

826
00:48:15,070 --> 00:48:18,280
Ако има нешто што сакате да се обидете, изберете јазик,

827
00:48:18,280 --> 00:48:20,970
Го вклучите Javascript-тука, и велат: "Не знам како да го направите Прецизни."

828
00:48:20,970 --> 00:48:22,220
"Не знам како да ја отворам датотеката."

829
00:48:22,220 --> 00:48:25,840
"Не знам како да ги искористат предностите на веб камера

830
00:48:25,840 --> 00:48:28,290
"Или се оптимизира за допир или такви работи."

831
00:48:28,290 --> 00:48:33,190
Постојат примероци за сè: за споделување, пребарување, стан барови,

832
00:48:33,190 --> 00:48:37,520
правење далечински повици на услугата, JSON кодирање.

833
00:48:37,520 --> 00:48:40,390
Сите оние видови на нештата постојат примероци за тука,

834
00:48:40,390 --> 00:48:44,560
и тие не се големи примероци кои ќе ве однесе цела ноќ да се повлече, освен

835
00:48:44,560 --> 00:48:46,820
само да се најде дека една работа што сакав да научат.

836
00:48:46,820 --> 00:48:49,870
Тие се навистина добри. Тие се мали, право на точка видови на примероци.

837
00:48:49,870 --> 00:48:52,330
Научив еден тон со одење преку овие себеси,

838
00:48:52,330 --> 00:48:55,260
и така јас препорачувам дека многу како една работа.

839
00:48:55,260 --> 00:49:01,750
>> Друга работа е да се истакне премногу е, се разбира покажав што dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
па ако се вратиме на тоа, ќе видите на дното таму е исто така на примероци тука.

841
00:49:07,490 --> 00:49:12,560
Па можете да преземете сите нив одеднаш, но има исто така многу други ресурси тука

842
00:49:12,560 --> 00:49:14,400
што може да ви помогне да добиете до брзина.

843
00:49:14,400 --> 00:49:17,870
>> Една друга работа, и јас навистина би Ви препорачуваме да се обиде ова,

844
00:49:17,870 --> 00:49:24,510
Сум го доби на мојот блог, но јас само ќе одат право кон него.

845
00:49:24,510 --> 00:49:28,220
Јас ќе ви покажам. Мојот блог има ресурси и работи како што.

846
00:49:28,220 --> 00:49:35,300
Една од работите да се истакне е во право тука, ова нешто: својата идеја. Вашиот стан. 30 дена.

847
00:49:35,300 --> 00:49:40,960
Ако кликнете на ова, тоа нема да ве донесе до навистина од голема помош сајт.

848
00:49:40,960 --> 00:49:44,650
Ова е многу повеќе корисни отколку што би очекувале.

849
00:49:44,650 --> 00:49:49,040
Ова ќе биде 30 дена од денот на содржина која што во основа може да се добијат совети и трикови

850
00:49:49,040 --> 00:49:51,990
во текот на тој процес, како сте создавање на стан.

851
00:49:51,990 --> 00:49:55,980
И како што не може да се очекува, можете да всушност го добие за игри премногу

852
00:49:55,980 --> 00:49:57,840
и за телефонски апликации, работите се допаѓа.

853
00:49:57,840 --> 00:50:01,000
Значи, во основа се регистрирате за тоа, и тие ќе ти бидат испраќање совети и трикови за тоа,

854
00:50:01,000 --> 00:50:03,010
"Дали сте размислувале за тоа? Дали го поддржувате Snap?"

855
00:50:03,010 --> 00:50:04,900
"Еве некои упатства за тоа како да го направи тоа добро."

856
00:50:04,900 --> 00:50:07,440
"Дали сте размислувале за поднесување до продавница?"

857
00:50:07,440 --> 00:50:09,370
"Дали сте размислувале за тоа како ви се случува да го продаде вашата апликација?"

858
00:50:09,370 --> 00:50:11,490
Тоа се случува да одат низ сите овие различни нешта.

859
00:50:11,490 --> 00:50:13,380
А всушност, ако сте на игри песна, во одреден момент

860
00:50:13,380 --> 00:50:17,010
ќе започне признавање на лице да разговараат со вас

861
00:50:17,010 --> 00:50:22,850
бидејќи јас всушност мораше да оди на Redmint да се направи тие и се евидентираат 2 видеа таму.

862
00:50:22,850 --> 00:50:25,240
Но тоа е само дел од гејминг песна,

863
00:50:25,240 --> 00:50:27,650
и таму е исто така полн песна за општа стан развој.

864
00:50:27,650 --> 00:50:29,380
Тоа се вика генерација App.

865
00:50:29,380 --> 00:50:33,460
Јас дефинитивно би препорачуваме дека на вас, како и во прилог на примероците.

866
00:50:33,460 --> 00:50:38,110
>> Има многу видеа на сајтот наречен Канал 9, како и.

867
00:50:38,110 --> 00:50:42,790
Тоа е веројатно последното нешто што ќе им препорачаат како и пред да преминеме на тука.

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com.

869
00:50:45,280 --> 00:50:48,880
Ова е одлична затоа што не си оди за да биде за читање преку тони на бела хартија.

870
00:50:48,880 --> 00:50:53,880
Тоа е во основа многу видеа, screencasts и работите кои се во право до точка.

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
која ќе ви покажам некои посебни нешто што можеби ќе сакате да дознаете или ја видите demoed.

874
00:51:06,230 --> 00:51:11,110
Таму е исто така на сите наши содржини од нашата конференција што се случи пред неколку недели

875
00:51:11,110 --> 00:51:14,380
наречен изгради, и ќе видите дека право таму.

876
00:51:14,380 --> 00:51:18,450
Има основни технологии за Windows 8 натпревари. Таму да одите.

877
00:51:18,450 --> 00:51:23,150
Јас бев таму, всушност. Вие не може да ме види. Јас бев овде.

878
00:51:23,150 --> 00:51:27,560
Но во секој случај, тоа настрана, јас би Ви препорачуваме да ги погледне овие видеа.

879
00:51:27,560 --> 00:51:29,330
Тие се прилично корисни.

880
00:51:29,330 --> 00:51:32,620
Ако ти се залепи на нешто или пак само сакате да видите што нешто може да се направи, оган на оние до.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail само ме испрати е-маил со линк до содржината

882
00:51:36,890 --> 00:51:42,140
за студентите да го симнете со примерок код и работи како што. >> [Боуен] Велики.

883
00:51:42,140 --> 00:51:45,510
Страшни. Ви благодариме, Едвин.

884
00:51:45,510 --> 00:51:48,320
>> Добро. >> [Студент] Имам едно прашање. >> [Боуен] О. Да, ве молам.

885
00:51:48,320 --> 00:51:55,030
[Нечујни студент прашање] >> [Боуен] О, Мило ми е што праша тоа. Да.

886
00:51:55,030 --> 00:51:58,940
Прашањето беше, е таму визуелен интерфејс за мене да се создаде нешта?

887
00:51:58,940 --> 00:52:01,630
Едвин ќе ве наградат удобно за тоа прашање.

888
00:52:01,630 --> 00:52:04,310
Постои начин да го направите тоа.

889
00:52:04,310 --> 00:52:09,040
Ние треба да го правиме сега? Да го сториме тоа сега.

890
00:52:09,040 --> 00:52:11,780
Одам да се оди на тоа токму сега.

891
00:52:11,780 --> 00:52:14,070
Всушност, дозволете ми да го додадете во уште една работа на оваа демо,

892
00:52:14,070 --> 00:52:16,710
а потоа јас ќе ви покаже вистински одговор.

893
00:52:16,710 --> 00:52:21,340
Јас требаше да го додадете во малку повеќе CSS тука.

894
00:52:21,340 --> 00:52:23,980
Бев малку надвор на тангенти тука.

895
00:52:23,980 --> 00:52:26,770
Дозволете ми да го стави во некои CSS тука за да ги искористат предностите

896
00:52:26,770 --> 00:52:29,980
на класи кои додадовме пред малку,

897
00:52:29,980 --> 00:52:33,930
на насловот, на mainContent 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
Јас додадов етикета за следните div.

910
00:53:18,520 --> 00:53:20,890
На div се нарекува ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Со самото тоа нема да направам ништо.

912
00:53:23,090 --> 00:53:28,570
Ако го отворите ова во прелистувачот, ќе се гледа во празно, div себе.

913
00:53:28,570 --> 00:53:31,820
Но, бидејќи на таа мистериозна линија на кодот кој ви покажа пред,

914
00:53:31,820 --> 00:53:35,650
процесот на краиштата, тоа се случува да се погледне за нешто што личи ова -

915
00:53:35,650 --> 00:53:40,380
податоци-победа-контрола - и тоа се случува да се најде она што е во тој параметар.

916
00:53:40,380 --> 00:53:44,560
Тоа се случува да се направи еден пример на што и да е тоа е се покажува кон.

917
00:53:44,560 --> 00:53:48,850
Во овој случај, тоа е контрола рејтинг, па јас сум велејќи: "Ве молам одете и да ја замени оваа работа

918
00:53:48,850 --> 00:53:51,400
"Со она што ви треба да направите за да се направи контрола рејтинг."

919
00:53:51,400 --> 00:53:56,610
Тоа може да биде флип контрола, тоа би можело да биде на напредокот прстен или што контрола сакате да го користите.

920
00:53:56,610 --> 00:53:59,390
Тие се сите нема да работат во суштина ист начин.

921
00:53:59,390 --> 00:54:02,920
Сте со користење на стандардни HTML5 Селектирај да се покаже она што го сакате,

922
00:54:02,920 --> 00:54:07,670
а потоа ви се случува да се добие контрола на крајот на ова. Дозволете ми да ја извршите оваа.

923
00:54:07,670 --> 00:54:12,270
Јас само копирани дека во, и сега што Селектирај станува ова,

924
00:54:12,270 --> 00:54:15,280
кој е всушност прилично голем број на HTML елементи.

925
00:54:15,280 --> 00:54:18,440
Овие се сите поединечни слики, и таму е Divs околу нив со селектори.

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
и ги префрлиме на ЈС тука за секунда.

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
Оди најдете дека div контрола.

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
Дозволете ми да pop дека во право долу тука,

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
Тоа е ставање дека рејтинг на екранот во кои инаку празни div таг

964
00:56:40,280 --> 00:56:42,970
под контрола на рејтинг.

965
00:56:42,970 --> 00:56:46,670
Тоа е магијата на многу нешта тука.

966
00:56:46,670 --> 00:56:49,580
Па како сте создавање на апликации за Windows 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
Тоа само вели Отвори во мешавина.

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
И тоа е она што навистина е убаво за мешавина.

983
00:57:52,010 --> 00:57:58,620
Тимот има направено многу работа да се донесе HTML и JavaScript и CSS во оваа алатка.

984
00:57:58,620 --> 00:58:01,930
Сега можете да всушност, ако сте љубопитни, "Што значи тоа? Што можам да направам?"

985
00:58:01,930 --> 00:58:08,310
Јас всушност може да се дизајнира на оваа апликација, иако вакви работи не постојат во мојата Селектирај.

986
00:58:08,310 --> 00:58:13,230
Се сеќавам дека рејтинг контрола? Тоа беше само една div таг.

987
00:58:13,230 --> 00:58:17,090
Овој материјал, таа ѕвезда, постои само на извршувањето. Како да знам тоа?

988
00:58:17,090 --> 00:58:20,300
Има малку магија овде.

989
00:58:20,300 --> 00:58:21,700
Види овие молња завртки?

990
00:58:21,700 --> 00:58:25,570
Во секое време да видите молњата, тоа значи дека тој е создаден од нешто за време на извршувањето.

991
00:58:25,570 --> 00:58:31,770
Некои го вклучите Javascript-се стрча и се сврте нешто во овој или создадени со некои логика.

992
00:58:31,770 --> 00:58:37,100
Оние ѕвезди кои ќе се видиме таму беа создадени од страна JavaScript преку WinJS.

993
00:58:37,100 --> 00:58:41,800
На убаво нешто е, тоа не е важно за мене, јас се уште може да го дизајн,

994
00:58:41,800 --> 00:58:44,410
Јас се уште може да оди и да ја промените тоа, можам да дознаете што се случува тука,

995
00:58:44,410 --> 00:58:50,260
Јас може да се погледне на CSS, јас може да оди напред и да дознаете зошто бојата е начинот на кој таа е,

996
00:58:50,260 --> 00:58:54,610
Јас може да започне Месинг со работите и правење на работите ужасно,

997
00:58:54,610 --> 00:58:58,360
што сакам да го направам.

998
00:58:58,360 --> 00:59:01,020
Всушност, јас ќе си работи сам.

999
00:59:01,020 --> 00:59:03,980
Но може да се види тука тоа е сите CSS и тоа ви покажува тука.

1000
00:59:03,980 --> 00:59:10,120
Ако одам до таму, тоа се случува да ви покаже сето она што тие го нарекуваат победа,

1001
00:59:10,120 --> 00:59:14,850
така што правилата CSS кои се најспецифичните и повеќето избрани за таа ставка,

1002
00:59:14,850 --> 00:59:17,110
кои сте веројатно веќе помина во текот на вашиот класи,

1003
00:59:17,110 --> 00:59:22,000
каде што може да се каже дека е општо фонт дека ние сме се однесуваат на сè,

1004
00:59:22,000 --> 00:59:26,860
но бидејќи ова е H1 и имам боја дефинирани за h1s,

1005
00:59:26,860 --> 00:59:29,820
тоа се случува да биде оваа боја, и тоа е затоа што тоа е повеќе специфични од body1.

1006
00:59:29,820 --> 00:59:32,590
Оваа една работа, токму тука сето тоа ви покажува,

1007
00:59:32,590 --> 00:59:35,470
и тоа е навистина моќно како можете да добиете повеќе комплекс,

1008
00:59:35,470 --> 00:59:38,160
си се прашувам зошто овие работи се такви какви што се.

1009
00:59:38,160 --> 00:59:41,020
Тоа всушност ќе ти кажам, и можете да изберете било која од овие ставки тука.

1010
00:59:41,020 --> 00:59:43,370
Дека бојата не е толку лош, всушност.

1011
00:59:43,370 --> 00:59:47,150
Можете да ги изберете. Се надевам дека може да се види тоа.

1012
00:59:47,150 --> 00:59:52,410
За сето она што го имате на вашата апликација, може да се види во целина каскада

1013
00:59:52,410 --> 00:59:56,070
на сите CSS што би можело да се примени на тоа и кој е победа,

1014
00:59:56,070 --> 00:59:58,050
кој всушност го зеде предност.

1015
00:59:58,050 --> 01:00:00,930
Овие се вид на здодевни. Таму не е многу случува во некои од овие.

1016
01:00:00,930 --> 01:00:04,660
Ако одам и промена на бојата, тогаш ќе започнете да гледате некои каскадни таму.

1017
01:00:04,660 --> 01:00:07,760
Исто така можете да го користите HTML и тука.

1018
01:00:07,760 --> 01:00:12,490
Јас може да оди преку и менувате HTML својства за сите овие работи како што сакате.

1019
01:00:12,490 --> 01:00:14,620
Има само тони работи тука.

1020
01:00:14,620 --> 01:00:18,070
>> Не сакам да се земе вашето време со одење преку сè овде. Само знам дека е тука.

1021
01:00:18,070 --> 01:00:21,700
Има многу на дизајн-ориентирана функционалност која е само достапни за вас

1022
01:00:21,700 --> 01:00:26,730
па можете да останете визуелни, работа со апликацијата, и не треба да се направи многу на погодување

1023
01:00:26,730 --> 01:00:32,180
дека ќе треба да направите нормално и возење на велосипед се врати од пребарувачот назад во вашиот дизајн,

1024
01:00:32,180 --> 01:00:33,940
назад кон интернет прелистувачот.

1025
01:00:33,940 --> 01:00:37,010
Ова е навистина кул работи за тоа, и како да се развие на Windows продавницата App,

1026
01:00:37,010 --> 01:00:39,650
тоа се случува да направи да се многу попродуктивни.

1027
01:00:39,650 --> 01:00:45,150
>> Вие исто така ќе видите дека тоа е следење на Селектирај тука и вашиот CSS

1028
01:00:45,150 --> 01:00:47,270
како си работат преку различни нешта.

1029
01:00:47,270 --> 01:00:50,180
Тоа е веројатно навистина тешко за вас да се види дека, особено на видео,

1030
01:00:50,180 --> 01:00:54,680
но тоа е она што се случува тука, и јас би Ви препорачуваме да се запознаат со тоа.

1031
01:00:54,680 --> 01:00:57,240
Тоа ќе ви заштеди многу време. Тоа е мешавина.

1032
01:00:57,240 --> 01:01:00,520
Ако се направи никакви промени тука, тие автоматски се случува да се носат назад во текот

1033
01:01:00,520 --> 01:01:01,870
со Visual Studio.

1034
01:01:01,870 --> 01:01:06,590
Тоа е истиот додадени фајлови, тоа е исто сè. Јас ќе го остават на мира.

1035
01:01:06,590 --> 01:01:08,650
Имам подобар пример што сакам да ви покажам.

1036
01:01:08,650 --> 01:01:11,660
Но, ако не сум направил промена има и зачувани него и се вратив во Visual Studio, тоа би рекол,

1037
01:01:11,660 --> 01:01:16,390
"Еј, ти едноставно ги променија нешто. Може ли да ја превчитате за вас?" Да.

1038
01:01:16,390 --> 01:01:18,770
А ти си со користење на истите работи таму.

1039
01:01:18,770 --> 01:01:21,320
Тоа е крајот на тој конкретен примерок.

1040
01:01:21,320 --> 01:01:28,170
>> Сакам да ви покажам повисоки крајот примерок само за да ви даде поглед на други функционалност

1041
01:01:28,170 --> 01:01:30,350
може да се размислува за, како и.

1042
01:01:30,350 --> 01:01:32,280
Ова е примерок стан, што може да го симнете.

1043
01:01:32,280 --> 01:01:35,620
Ако барате нешто што се нарекува на Windows Камп во кутија,

1044
01:01:35,620 --> 01:01:40,340
постојат некои примероци, кои се во тоа, а еден од нив е Contoso готвач.

1045
01:01:40,340 --> 01:01:41,640
Јас само може да работи за вас.

1046
01:01:41,640 --> 01:01:44,700
Прилагодено поздравниот екран. Ова е координатната мрежа апликација.

1047
01:01:44,700 --> 01:01:49,590
Тие го обврзан некои сопствени податоци овде. Можете да се движите низ ова.

1048
01:01:49,590 --> 01:01:53,090
Можете да одите и да погледнам во различни работи кои ќе ни прават гладни во петок попладне.

1049
01:01:53,090 --> 01:01:57,760
Не знам. Она што се случува да се направи мене најмногу гладни?

1050
01:01:57,760 --> 01:02:00,530
Не знам. Јас сум само ќе се избере еден.

1051
01:02:00,530 --> 01:02:02,460
Да одите во овие работи. Таа ќе ви покаже рецепт.

1052
01:02:02,460 --> 01:02:04,900
Можете да, исто така, наместо кликнување на ставка,

1053
01:02:04,900 --> 01:02:10,360
можете да одите право на таа категорија на содржината, дека дел од содржината.

1054
01:02:10,360 --> 01:02:15,590
Во овој случај, ќе можете да прочитате многу лажни Латинска сите ти го кажувам за овие рецепти тука

1055
01:02:15,590 --> 01:02:17,720
и потоа оди право во одредени рецепт.

1056
01:02:17,720 --> 01:02:22,770
Ова исто така поддржува работи како споделување дека ви покажа пред со слики.

1057
01:02:22,770 --> 01:02:26,160
Можете исто така да пребарувате во оваа апликација.

1058
01:02:26,160 --> 01:02:28,880
Тоа е многу лесно да се направи пребарување.

1059
01:02:28,880 --> 01:02:31,300
Во суштина, ти си само добивање на серија на текст од Windows

1060
01:02:31,300 --> 01:02:34,720
и да одлучите колку сакате да се справи пребарување со тоа.

1061
01:02:34,720 --> 01:02:39,830
Тоа е неколку линии на код за да се добие тоа, и тогаш што правиш со него, по тоа е целосно зависи од вас.

1062
01:02:39,830 --> 01:02:44,180
>> Тука тие исто така имаат еден стан, бар каде што тие се користат некои други функционалност.

1063
01:02:44,180 --> 01:02:45,430
Јас само ќе ти кажам што е тоа.

1064
01:02:45,430 --> 01:02:48,220
Потсетник се случува да го користите она што се нарекува тост известувањето.

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
Ова е суштина на dev алатки од Internet Explorer,

1104
01:05:07,210 --> 01:05:09,530
до степен донесе во Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Ако сте работеле со Chrome Dev алатки, светулка, работи како што,

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 продавницата App само трчање,

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
Ќе се отвори овој горе, Отвори во Слеј, истиот стан, исто сè.

1128
01:06:21,790 --> 01:06:28,660
Јас само сакам да ви го покаже искуство тука не е само сте заглавени на почетната страница

1129
01:06:28,660 --> 01:06:32,880
гледање на нештата ќе добиете стандардно кога ќе ја стартувате на стан и нека седат таму.

1130
01:06:32,880 --> 01:06:36,490
Исто така можете да го вклучите оваа убава мала икона до тука.

1131
01:06:36,490 --> 01:06:38,560
Таа се вика интерактивен режим.

1132
01:06:38,560 --> 01:06:41,560
Ќе кликнете на тоа. Тоа се случува да се донесе до вашата апликација.

1133
01:06:41,560 --> 01:06:43,730
Вие не сте во Дизајн на владата повеќе, па вие нема да биде кликнување на работите

1134
01:06:43,730 --> 01:06:47,270
да се промени функционалност, но всушност можат да работат со примена сега.

1135
01:06:47,270 --> 01:06:51,560
Можете да кликнете преку, можете да правите што, да добијат на рецепт дека се грижите за

1136
01:06:51,560 --> 01:06:54,810
или на категорија. Ајде да одиме во оваа категорија.

1137
01:06:54,810 --> 01:06:56,880
Ќе речете, "Океј, тука е местото каде што сакате да го дизајн."

1138
01:06:56,880 --> 01:06:59,680
Потоа ќе кликнете на тоа копче повторно, тоа ќе ви донесе назад во Дизајн површина,

1139
01:06:59,680 --> 01:07:02,130
а сега можете да го направите сите овие работи кои јас зборувам за пред.

1140
01:07:02,130 --> 01:07:06,230
Јас ќе задржи кликнување додека не го добие овој избрани, да дознаете неговите димензии,

1141
01:07:06,230 --> 01:07:09,890
дознаете HTML за него, CSS за тоа

1142
01:07:09,890 --> 01:07:14,990
за водење на апликации, некои подоцна дел од апликацијата.

1143
01:07:14,990 --> 01:07:17,780
Многу, многу корисни. Јас ќе се покаже ова за вас.

1144
01:07:17,780 --> 01:07:21,340
Ве молиме да го држи во умот ако сте во потрага во писмена форма код со ова

1145
01:07:21,340 --> 01:07:26,070
затоа што тоа е нема да те спаси многу нерви, и е доста добри нешта.

1146
01:07:26,070 --> 01:07:32,370
Тоа е доста на сите што сакав да ти го покажам на Blend и во Visual Studio за сето тоа.

1147
01:07:32,370 --> 01:07:36,130
>> Било какви прашања на било кој од овие алатки?

1148
01:07:36,130 --> 01:07:40,000
Нешто воопшто? >> [Guarin] Имам нешто да им даде надвор, па добри прашања, добри нешта.

1149
01:07:40,000 --> 01:07:43,700
>> [Боуен се смее] Јас веќе ви покажа моето демо тука.

1150
01:07:43,700 --> 01:07:47,000
Одам да го стави на страната на ресурси и да се сврти на прашања сега.

1151
01:07:47,000 --> 01:07:53,850
Дека првата референтна е дека Генерација App сајт со играта песна и стан патеката.

1152
01:07:53,850 --> 01:07:55,040
Регистрирај се на Facebook за нив.

1153
01:07:55,040 --> 01:07:57,210
Вие не треба да чекаат 30 дена за да се добие содржина.

1154
01:07:57,210 --> 01:08:00,370
Можете да почнете да оди и да гледа во содржината, како сакате.

1155
01:08:00,370 --> 01:08:04,380
Јас разбирам вашата временски рамки може да биде различно од - [се смее]

1156
01:08:04,380 --> 01:08:07,780
Значи, кога е Hackathon? Тоа е неколку недели, нели?

1157
01:08:07,780 --> 01:08:09,620
Значи, вие не имаат 30 дена да чекаат.

1158
01:08:09,620 --> 01:08:13,180
Така да, можете да се регистрирате за тоа, а потоа само започне повлекување на содржината надвор од неа.

1159
01:08:13,180 --> 01:08:15,320
Исто така Дев и Центрите дизајн.

1160
01:08:15,320 --> 01:08:17,620
И јас не се споменуваат ова, но таму е исто така на Магазин 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
[Guarin] Кој е размислување за правење на стан Windows за CS50? Кул.

1167
01:08:40,580 --> 01:08:42,200
[Боуен] Кул. Одлично.

1168
01:08:44,149 --> 01:08:49,410
>> Било какви прашања во врска со работи кои не сте виделе досега и како таа се однесува на ова?

1169
01:08:49,410 --> 01:08:54,540
На пример, со повеќе време би можел да земе игра која имам напишано

1170
01:08:54,540 --> 01:08:57,310
и која работи во прелистувачот и само вид на се минува низ процесот

1171
01:08:57,310 --> 01:08:59,870
за покренување на кој во Visual Studio и што го прави на Windows продавницата App.

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, во мешавина, и да го направи Windows продавницата App.

1181
01:09:33,680 --> 01:09:37,500
Повторно, единствените работи што ќе треба да научат и оние други карактеристики

1182
01:09:37,500 --> 01:09:41,830
кои можете да ги користите за да го осветли некоја апликација, како живо плочка и оние видови на нештата.

1183
01:09:41,830 --> 01:09:46,899
>> Да. >> [Студент] Моето прашање е во врска со работењето мобилен телефон.

1184
01:09:46,899 --> 01:09:52,210
Значи, ако направиме еден стан, што работи како стан на десктоп,

1185
01:09:52,210 --> 01:09:56,480
тоа е навистина лесно да се пренесе на мобилен, или постои -

1186
01:09:56,480 --> 01:10:01,270
Прашањето е, ако јас се направи Windows Продавница стан, што е навистина оптимизиран за оваа средина

1187
01:10:01,270 --> 01:10:06,430
и јас сакам да го донесе на мобилен свет, она што се вклучени со тоа го прават?

1188
01:10:06,430 --> 01:10:10,060
Дека, како многу прашања, секогаш е постојано се менува одговор.

1189
01:10:10,060 --> 01:10:16,190
Добрата вест е ако сте држејќи се со HTML и JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
ако сте почнуваат од Windows продавницата App,

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 Телефон 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 продавницата App,

1202
01:10:51,200 --> 01:10:57,790
многу од тоа може да го носи целиот во Windows Телефон 8 апликација, како и.

1203
01:10:57,790 --> 01:11:02,270
Дека повторно е нова приказна, па има некои содржини за тоа на се изгради.

1204
01:11:02,270 --> 01:11:06,780
На пакети само излезе пред малку. Тоа беше само објавен пред малку.

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
[Guarin] Ве позајми момци, мислам, 5 или 6. Колку ви е потребно?

1224
01:12:17,130 --> 01:12:20,940
[Студент] Добивме 4 од нив. >> Океј. Вие момци доби 4 лист да се позанимавам со.

1225
01:12:20,940 --> 01:12:25,520
Значи дефинитивно нека секој знае, те молам. [Се смее] >> [Боуен] Прекрасно.

1226
01:12:25,520 --> 01:12:27,610
Тоа е дури и подобар одговор отколку што требаше да ви даде.

1227
01:12:27,610 --> 01:12:31,250
Имаме канцеларија часа за програмери кои тоа го правиме во нашата канцеларија

1228
01:12:31,250 --> 01:12:35,110
а сега доаѓа наскоро на Microsoft Магазин над на Pru,

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 подесувања или whatever.

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 и во мешавина.

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
Тоа зависи. [Chuckles]

1266
01:14:58,380 --> 01:15:06,870
Со JavaScript јас ќе кажам дека е веројатно помалку поддршка од таму е на XAML страна,

1267
01:15:06,870 --> 01:15:11,430
која има временски рамки, има storyboards и работи кои се градат внатре

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, тоа би можело да биде платно-базирани, тоа би можело да биде само основните ДОМ анимации,

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
Најдобрите ви се случува да најверојатно најде е dev алатки во прелистувачот

1286
01:16:27,360 --> 01:16:30,160
и dev алатки во Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Вид на меандрирањето одговор таму, но се надевам дека ќе имаме вашиот одговор. Да. Вас.

1288
01:16:34,610 --> 01:16:36,470
>> [Студент] Кои се складирање на податоци опции за Windows 8 апликации?

1289
01:16:36,470 --> 01:16:41,100
Кои се складирање на податоци опции за Windows 8 апликации, Windows Продавница апликации?

1290
01:16:41,100 --> 01:16:46,790
Вашите опции се навистина секоја апликација добива свој базен на локалните складирање

1291
01:16:46,790 --> 01:16:52,150
за поставки и за податоците, но тоа е, исто така, смешно лесно да се користи роаминг за складирање,

1292
01:16:52,150 --> 01:16:54,920
да го користите облак-базирани складирање. Тоа е бесплатно.

1293
01:16:54,920 --> 01:16:58,250
Што се случува е дека во основа се избере друга класа и да се каже,

1294
01:16:58,250 --> 01:17:03,370
"Роаминг Settings, Зачувај, ова особено збир на содржина"

1295
01:17:03,370 --> 01:17:06,050
и нивните Мајкрософт сметка, она што тие го потпишаа во што,

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
[Боуен] Дали вашето прашање како може да се види тоа или како може да debug дека и тоа тест?

1311
01:18:04,870 --> 01:18:10,630
[Студент] Како може да го debug [нечујни]

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
Јас го користам вистински dev се алатки, кои имаат мрежа магацинот печени во нив.

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 Продавница апликации,

1330
01:19:20,470 --> 01:19:23,970
Јас го користам алатка наречена свирач.

1331
01:19:23,970 --> 01:19:29,650
Сте ќе треба да се игра во одговор. [Chuckles]

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 @ Мајкрософт,

1356
01:20:58,850 --> 01:21:02,790
па јас сум среќен да се земе било кој од вашите прашања од иднината.

1357
01:21:02,790 --> 01:21:05,690
Многу - од иднината, иднина [мимика ехо].

1358
01:21:05,690 --> 01:21:09,140
Па тука сум јас. Дозволете ми да го стави назад мојот контакт тука.

1359
01:21:09,140 --> 01:21:11,840
Па само ме пратите белешка, cbowen @ Мајкрософт,

1360
01:21:11,840 --> 01:21:15,190
и јас ќе се вратам на вас веднаш штом ќе може.

1361
01:21:15,190 --> 01:21:19,010
>> Нешто друго што си се прашувам? Дали сме добри?

1362
01:21:19,010 --> 01:21:24,050
Одлично. Во ред е. Ви благодарам на сите многу. Јас го ценат. [Аплауз]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]