1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Семінар - Windows 8 - Распрацоўка дадатку / гульні з HTML5]

2
00:00:02,420 --> 00:00:05,090
[Крыс Боуэн, Эдвін Гуарин - Гарвардскі універсітэт]

3
00:00:05,090 --> 00:00:07,350
[Гэта CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Гэй, усё. Мяне завуць Эдвін Гуарин. Гэта Крыс Боуэн.

5
00:00:10,290 --> 00:00:12,310
Я дам яму прадставіцца ў секунду.

6
00:00:12,310 --> 00:00:14,100
Я проста хачу, каб зрабіць хуткі аб'ява.

7
00:00:14,100 --> 00:00:18,340
Перш за ўсё, усё, што вам CS50 студэнтаў атрымаць Windows 8 бясплатна.

8
00:00:18,340 --> 00:00:23,150
Так што калі вы думаеце аб фактычна выкарыстоўваючы яго для канчатковага праекта, гэта тваё.

9
00:00:23,150 --> 00:00:25,740
Нейт будзе адправіць па электроннай пошце пазней на інструкцыі.

10
00:00:25,740 --> 00:00:32,850
Другая рэч, калі вы вырашылі напісаць Windows 8 прыкладанне для вашага CS50 канчатковага праекта,

11
00:00:32,850 --> 00:00:35,870
мы збіраемся рабіць некаторыя прызы: Xbox,

12
00:00:35,870 --> 00:00:38,870
мы маглі б быць у стане даць шыфер прэч, усё ў такім духу.

13
00:00:38,870 --> 00:00:42,460
Так што, калі ёсць што-небудзь, што вас стрымлівае, хай Крыс ці я ведаю,

14
00:00:42,460 --> 00:00:45,010
як мы можам дапамагчы вам пабудаваць нешта сапраўды выдатна.

15
00:00:45,010 --> 00:00:48,580
Так яшчэ раз дзякуй за тое, сёння, і я буду перадаць яе з Крысам.

16
00:00:48,580 --> 00:00:50,500
>> Дзякуй, Эдвін.

17
00:00:51,000 --> 00:00:52,740
Дзякуй усім, што далучыліся да нас сёння.

18
00:00:52,740 --> 00:00:55,800
Я Крыс Боуэн. Я адзін з калегаў Эдвіна тут на Паўночна-ўсходзе.

19
00:00:55,800 --> 00:00:58,310
Я проста хацеў, каб правесці трохі часу з вамі гаворым пра

20
00:00:58,310 --> 00:01:03,730
як зрабіць прыкладанне Windows Store з HTML5, JavaScript і CSS

21
00:01:03,730 --> 00:01:07,310
і збольшага атрымліваеце якія-небудзь пытанні, вы можаце мець пра яго адказаў для вас

22
00:01:07,310 --> 00:01:12,920
як вы шукаеце да думаць пра магчыма выкарыстоўваць яго на працягу фіналу магчымасць CS50.

23
00:01:12,920 --> 00:01:14,980
>> Тым не менш, мы проста пагрузіцца цалі

24
00:01:14,980 --> 00:01:17,190
Я пайду да слайдамі тут.

25
00:01:17,190 --> 00:01:19,440
Калі ў вас ёсць якія-небудзь пытанні, не саромейцеся, дасылайце мне па электроннай пошце.

26
00:01:19,440 --> 00:01:23,460
Я cbowen@microsoft.com, і ёсць мой блог і мой Twitter.

27
00:01:23,460 --> 00:01:26,330
Аднак вы хочаце увайсці ў кантакт са мной, гэта нармальна.

28
00:01:26,330 --> 00:01:30,110
У мяне ёсць каля гадзіны матэрыялу, і я хачу, каб вашы пытанні ў гэтым шляху,

29
00:01:30,110 --> 00:01:33,720
так што не саромейцеся, якія маюць пытанні ў час гэтага.

30
00:01:33,720 --> 00:01:36,470
Яны не могуць бачыць, хто задае пытанні па запісе,

31
00:01:36,470 --> 00:01:39,090
так што вы будзеце, як ананімныя, як вы хочаце быць.

32
00:01:39,090 --> 00:01:42,780
>> Дазвольце мне пагрузіцца ў, проста даць вам кароткае ўвядзенне ў Windows 8,

33
00:01:42,780 --> 00:01:47,400
і паказаць вам некаторыя з рэчаў, аб Windows Store прыкладанняў, якія вы маглі б разгледзець

34
00:01:47,400 --> 00:01:49,530
як вы думаеце аб распрацоўцы дадатку.

35
00:01:49,530 --> 00:01:52,660
Мы глядзім на Windows 8. Мы былі на працягу пары тыдняў.

36
00:01:52,660 --> 00:01:55,810
Шмат моцнай прыняцця там ужо.

37
00:01:55,810 --> 00:01:59,800
Магчыма, вы бачылі ўжо паверхні машыны, якія ў нас ёсць, а таксама.

38
00:01:59,800 --> 00:02:03,730
Там адна тут на самай справе вы можаце зірнуць на, калі вы тут асабіста.

39
00:02:03,730 --> 00:02:07,530
Я вельмі хачу з табой пагаварыць, паказаць вам крыху аб Windows 8.

40
00:02:07,530 --> 00:02:10,759
Ідэя з Windows 8, гэта сапраўды вылучыць ўсе рэчы сябрам і блізкім аб Windows,

41
00:02:10,759 --> 00:02:16,840
у некаторых новых уражанняў - у прыватнасці, такія рэчы, як на паверхні машыны з сэнсарным,

42
00:02:16,840 --> 00:02:20,000
такога роду больш мабільных прылад, якія цяпер на рынку,

43
00:02:20,000 --> 00:02:22,360
але гэта таксама АС Windows па сваёй сутнасці.

44
00:02:22,360 --> 00:02:25,850
Дык значыць, вы можаце ўсталяваць яго на самай справе на ўсё, што працуе Windows 7,

45
00:02:25,850 --> 00:02:30,770
ад самай вялікай патройны SLI ўстаноўкі гульняў ўніз да ноўтбука

46
00:02:30,770 --> 00:02:36,200
і для вашых бліскучых новых іншымі прыладамі, якія вы можаце падабраць ўжо сёння.

47
00:02:36,200 --> 00:02:38,450
Яны будуць працаваць Windows 8.

48
00:02:38,450 --> 00:02:40,530
Я пакажу вам вакол толькі крыху,

49
00:02:40,530 --> 00:02:44,670
і ўсе перажыванні, якія вы ўбачыце тут рэчы, якія вы можаце стварыць.

50
00:02:44,670 --> 00:02:47,760
Ідэя складаецца ў тым, ці з'яўляецца гэта дотык, мыш, клавіятура,

51
00:02:47,760 --> 00:02:51,870
што прылада з'яўляецца тое, што вы працуеце прыкладання на, ён збіраецца бегчы выдатна.

52
00:02:51,870 --> 00:02:55,180
Windows 8 дапаможа з усімі гэтымі сцэнарамі.

53
00:02:55,180 --> 00:02:59,600
>> Гэтыя слайды ў бок, давайце проста атрымаць прама ў зірнуць тут.

54
00:02:59,600 --> 00:03:03,270
Дазвольце мне паказаць вам вакол майго хатняга экрана. Гэта мой стартавы экран.

55
00:03:03,270 --> 00:03:05,810
Я проста дам вам крыху тура тут.

56
00:03:05,810 --> 00:03:09,610
Я на не-сэнсарным машыны, так як я хачу закрануць майго экрана ноўтбука,

57
00:03:09,610 --> 00:03:13,400
ён не будзе рабіць нічога, так што я проста пракручваць тут трохі, і паказаць вам.

58
00:03:13,400 --> 00:03:17,950
Некаторыя рэчы, якія вы маглі б заўважыць гэта той факт, што гэтыя так званыя жывыя пліткі

59
00:03:17,950 --> 00:03:21,470
на самай справе можна аніміраваць, і яны могуць даць інфармацыю для вас -

60
00:03:21,470 --> 00:03:24,750
магчыма абнаўлення па статыстыцы для гульні

61
00:03:24,750 --> 00:03:30,970
або паказаць вам навіны з некаторых больш ранніх прыкладанняў, якія тут, на левай баку.

62
00:03:30,970 --> 00:03:35,350
Там мы ідзем. Я ўпэўнены, што гэта толькі станоўча і фантастычна добрая навіна.

63
00:03:35,350 --> 00:03:38,450
Тут можна ўбачыць, што гэта сапраўды выклік вашу ўвагу назад у дадатак, кажучы,

64
00:03:38,450 --> 00:03:43,010
"Гэй, ёсць нешта новае тут. Зірніце. Вярніся ў і паглядзець, што новага для вас."

65
00:03:43,010 --> 00:03:45,320
Гэта называецца жыць плітка, і вы можаце зрабіць апавяшчэння

66
00:03:45,320 --> 00:03:47,070
альбо прама з самага прыкладання

67
00:03:47,070 --> 00:03:52,220
або калі вы паглядзіце больш падрабязна, вы даведаецеся, як пісаць выдалены сэрвіс

68
00:03:52,220 --> 00:03:54,340
што на самой справе можа перадаваць інфармацыю ў плітцы,

69
00:03:54,340 --> 00:03:56,520
што тое, што адбываецца з гэтымі навін прыкладанняў.

70
00:03:56,520 --> 00:04:00,080
Яны на самай справе атрымаць навіны з воблака і абнаўлення плітку прама там

71
00:04:00,080 --> 00:04:03,710
каб людзі ведалі, што ёсць прычына, каб адкрыць прыкладанне і паглядзіце

72
00:04:03,710 --> 00:04:06,950
на ўсё, што апошнія навіны ў любы з іх

73
00:04:06,950 --> 00:04:10,060
або калі ёсць новыя рэцэпты або новы высокі бал, каб перамагчы

74
00:04:10,060 --> 00:04:13,560
ці сябар гульня або што на гэтых прыкладанняў.

75
00:04:13,560 --> 00:04:15,550
Гэта тое, што, каб заахвоціць вас назад цалі

76
00:04:15,550 --> 00:04:18,640
Дык вось жывыя пліткі, і гэта можа быць чалавек, гэта можа быць сайт, а таксама.

77
00:04:18,640 --> 00:04:20,790
Звычайна гэта дадатак.

78
00:04:20,790 --> 00:04:25,320
>> У значнай ступені ўсе гэтыя рэчы, якія я маю тут прыйшлі з Windows Store. Я запусціць гэта.

79
00:04:25,320 --> 00:04:27,890
Гэта адно з прыкладанняў, якія вы атрымліваеце па змаўчанні

80
00:04:27,890 --> 00:04:30,350
на любы машыне, на якім запушчана Windows 8.

81
00:04:30,350 --> 00:04:33,040
Вы можаце прыйсці сюды, каб знайсці што-небудзь вы хацелі б,

82
00:04:33,040 --> 00:04:37,240
ад рэчаў, якія вылучаюцца для гульняў, якія я не бачыў раней.

83
00:04:37,240 --> 00:04:39,440
О, нічога сабе, у нас ёсць новы пінбол тут.

84
00:04:39,440 --> 00:04:41,580
Вы можаце ўсталяваць іх прама тут з крамы,

85
00:04:41,580 --> 00:04:43,420
і мы пагаворым аб тым, як развіваць гэтыя.

86
00:04:43,420 --> 00:04:45,670
У вас ёсць шмат варыянтаў у тым, як вы іх стварэння.

87
00:04:45,670 --> 00:04:49,020
Мы будзем факусавацца на гісторыі JavaScript з HTML і CSS,

88
00:04:49,020 --> 00:04:52,790
але для карыстальніка, перад пакупніком прыкладання, гэта не мае значэння тое, што яна была напісана цалі

89
00:04:52,790 --> 00:04:54,670
Яны могуць ісці наперад і працаваць з ім.

90
00:04:54,670 --> 00:04:57,870
Я заінтрыгаваны гэтым, так што мне трэба адкрыць гэта і глядзелі.

91
00:04:57,870 --> 00:05:02,310
Кожны дадатак, у тым ліку тыя, якія вы можаце прадставіць і прадаць або аддаць бясплатна,

92
00:05:02,310 --> 00:05:06,240
усё, што вы хочаце зрабіць у краме, атрымае хатнюю старонку, як гэта.

93
00:05:06,240 --> 00:05:10,750
Вы можаце падаць са сваёй заявай куча скрыншотаў - вы ўбачыце некаторыя тут -

94
00:05:10,750 --> 00:05:15,970
звесткі аб праграме, і з часам вы будзеце назапашваць як рэйтынгі -

95
00:05:15,970 --> 00:05:19,020
яны ў асноўным проста зорны рэйтынг - і водгукі,

96
00:05:19,020 --> 00:05:20,690
якія забяспечваюць трохі больш разумення.

97
00:05:20,690 --> 00:05:24,380
На самай справе, хто-то павінен надрукаваць што-небудзь і раскажа вам, як ўзрушаюча вы,

98
00:05:24,380 --> 00:05:29,300
і што ўвойдзе ў Ваш Водгукі раздзеле сюды, што я не глядзеў на.

99
00:05:29,300 --> 00:05:33,890
Фантастыка. "Не будзе нават адкрыць." Як выдатна.

100
00:05:33,890 --> 00:05:39,000
Ну, для людзей, для якіх гэта зрабілі адкрыта і кіруюць, яны, здаецца, сапраўды падабаецца. [Смяецца]

101
00:05:39,000 --> 00:05:43,770
Майце гэта на ўвазе. Інтэрнэт. Любы чалавек можа сказаць, што яны хочуць з нагоды вашага заявы.

102
00:05:43,770 --> 00:05:45,780
Таму пераканайцеся, што вы робіце вялікую працу з ім,

103
00:05:45,780 --> 00:05:49,030
пераканайцеся, што вы робіце яго максімальна камфортным для карыстальніка, як вы можаце

104
00:05:49,030 --> 00:05:52,720
таму што яны пару клікаў ад прадастаўлення водгук,

105
00:05:52,720 --> 00:05:55,870
і што будзе назапашвацца да вашага агульнага рэйтынгу агляду.

106
00:05:55,870 --> 00:05:58,990
І вы хочаце, каб зрабіць усё магчымае, таму што вы збіраецеся гуляць супраць іншых прыкладанняў.

107
00:05:58,990 --> 00:06:01,830
Там будуць тысячы прыкладанняў ўжо ў краме,

108
00:06:01,830 --> 00:06:06,880
і хутчэй за ўсё, там можа быць нешта, што робіць тыя ж функцыянальныя магчымасці, што вы робіце.

109
00:06:06,880 --> 00:06:12,740
Так што, калі вы сапраўды можаце вылучыцца з натоўпу, што адбываецца, каб быць у вашых інтарэсах, вядома.

110
00:06:12,740 --> 00:06:15,300
>> Мы ўвойдзем у краме крыху пазней.

111
00:06:15,300 --> 00:06:17,090
Я вельмі хачу, каб засяродзіцца на стварэнні прыкладанняў.

112
00:06:17,090 --> 00:06:20,760
Але кароткая версія крамы складае распаўсюджванне ва ўсім свеце,

113
00:06:20,760 --> 00:06:25,430
гэта аўтаматычна часткай Windows 8, людзі проста звольніць яго і зірнуць на розных прыкладанняў тут,

114
00:06:25,430 --> 00:06:29,070
ў вас ёсць сукенка-Up налепку кніга і ўсе віды розных прыкладанняў.

115
00:06:29,070 --> 00:06:33,690
Свежая фарба, я выкарыстоўваю гэта шмат - дрэнна, але я выкарыстоўваю гэта шмат.

116
00:06:33,690 --> 00:06:36,080
Гэта паказвае мне, што я ўжо яго ўладальнікам.

117
00:06:36,080 --> 00:06:41,280
Дазвольце мне паказаць вам тое, што я не - UVideos ў мяне няма, як новы.

118
00:06:41,280 --> 00:06:43,660
Вы бачыце тут гэта бясплатна, так што вы можаце ўсталяваць яго прама з крамы.

119
00:06:43,660 --> 00:06:46,430
У вас ёсць выбар таксама. Вы можаце, вядома, аддаваць яе.

120
00:06:46,430 --> 00:06:49,660
Вы можаце змясціць рэкламу ў прыкладання ці гульні.

121
00:06:49,660 --> 00:06:54,770
Вы таксама можаце спаганяць за яе плату, і вы маглі вельмі лёгка забяспечыць выпрабаванне для прыкладання, а

122
00:06:54,770 --> 00:06:58,220
так што вы можаце дазволіць людзям паспрабаваць яго на працягу тыдня або ўсё, што вы хочаце зрабіць.

123
00:06:58,220 --> 00:07:01,540
Вось толькі наладжвальны праз партал. Вы не пісаць ніякага кода для гэтага.

124
00:07:01,540 --> 00:07:03,990
Дык вы кажаце, "Вы можаце выкарыстоўваць гэта на працягу тыдня, а затым у вас ёсць, каб купіць яго,"

125
00:07:03,990 --> 00:07:07,130
ці вы маглі б зрабіць нешта накшталт "Вы маглі б гуляць першыя 3 ўзроўню гэтай гульні

126
00:07:07,130 --> 00:07:09,820
», А затым вы павінны набыць для доступу да астатніх."

127
00:07:09,820 --> 00:07:12,310
Можна нават зрабіць у дадатак куплі, так што вы можаце сказаць,

128
00:07:12,310 --> 00:07:17,880
"У нас ёсць дадатковыя прыгоды або наборы графікі або рэчы, якія будуць разблакавалі -

129
00:07:17,880 --> 00:07:21,430
"Больш за рэцэптаў, якія разблакавалі -. Калі вы купляеце гэтыя пашыраныя наборы"

130
00:07:21,430 --> 00:07:24,260
І вы можаце зрабіць, што ўсё ў межах прыкладання або самой гульні.

131
00:07:24,260 --> 00:07:26,070
Так, цалкам залежыць ад вас, ваш выбар.

132
00:07:26,070 --> 00:07:28,070
Там вельмі шмат рэчаў, якія вы можаце зрабіць у краме,

133
00:07:28,070 --> 00:07:31,660
а затым у асноўным вы прадставіць яго на канал сертыфікацыі.

134
00:07:31,660 --> 00:07:35,380
Мы можам казаць ўсё пра тое, што крыху пазней, але гэта мэта.

135
00:07:35,380 --> 00:07:40,410
Вы хочаце, каб вашыя прыкладання па ўсім свеце бачнасць у краме тут.

136
00:07:40,410 --> 00:07:44,170
>> Вярнуцца на экране Пуск тут, я хацеў бы паказаць вам крыху больш.

137
00:07:44,170 --> 00:07:50,580
Калі я запускаю гэтыя прыкладання, дазвольце мне даць вам прыклад некаторых функцый крос-прыкладанняў тут.

138
00:07:50,580 --> 00:07:53,070
Каб зрабіць гэта, я буду запускаць свежай фарбай.

139
00:07:53,070 --> 00:07:55,550
Адна рэч, вы ўбачыце тут кожны біт экрана,

140
00:07:55,550 --> 00:07:58,040
усе пікселі на экране, перайдзіце да вашаму з дадаткам.

141
00:07:58,040 --> 00:08:01,990
Сышлі ў мінулае тыя дні, калі ў вас ёсць гэтыя межы вакол вокнаў

142
00:08:01,990 --> 00:08:05,120
з вялікай колькасцю кнопак, якія заўсёды ёсць займаюць прастору ўвесь час.

143
00:08:05,120 --> 00:08:09,430
Цяпер вы сапраўды хочаце, каб адысці ад гэтага і проста ваш кантэнт будзе ў цэнтры ўвагі.

144
00:08:09,430 --> 00:08:13,710
Мы можам зрабіць што-то з Windows, шляхам доступу іншых відаў меню.

145
00:08:13,710 --> 00:08:16,840
Адзін з іх на самой справе тое, што называецца бар любаты,

146
00:08:16,840 --> 00:08:18,870
і ён выходзіць з боку экрана.

147
00:08:18,870 --> 00:08:21,270
Вы сапраўды можаце Фліка з боку, калі ў вас ёсць сэнсарны экран,

148
00:08:21,270 --> 00:08:24,840
Вы маглі пстрыкніце правай кнопкай мышы, калі ў вас мыш, ёсць спалучэнне клавіш для яго,

149
00:08:24,840 --> 00:08:29,490
заўсёды ёсць больш чым адзін спосаб зрабіць што-то ў навакольным асяроддзі тут.

150
00:08:29,490 --> 00:08:31,680
Гэта прыносіць шэраг рэчаў, якія вы можаце зрабіць.

151
00:08:31,680 --> 00:08:33,870
Найбольш відавочным з'яўляецца, вы можаце вярнуцца на пачатковы экран,

152
00:08:33,870 --> 00:08:36,780
але астатнія 4 так званыя любаты.

153
00:08:36,780 --> 00:08:41,059
Яны ўяўляюць сабой кантракты, можна падключыць да як распрацоўшчык прыкладання. Яны даволі халаднавата.

154
00:08:41,059 --> 00:08:43,340
Пошук, я ўпэўнены, што тое, што вы збіраецеся рабіць,

155
00:08:43,340 --> 00:08:44,950
абмену я пакажу вам у секунду,

156
00:08:44,950 --> 00:08:48,450
і прылады і налады, усё гэта рэчы, якія ваша прыкладанне можа падключаюцца да

157
00:08:48,450 --> 00:08:51,960
выкарыстоўваць Windows, каб сказаць: "Я зрабіў сваю справу

158
00:08:51,960 --> 00:08:54,700
"І я хачу для Windows, каб падтрымліваць некаторыя іншыя функцыі,

159
00:08:54,700 --> 00:08:56,750
», І я не хачу пісаць шмат кода, каб гэта адбылося."

160
00:08:56,750 --> 00:08:59,480
Гэта сапраўды перавага выкарыстання гэтых магчымасцяў.

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

162
00:09:01,340 --> 00:09:05,170
Каб зрабіць гэта, я зраблю новую карціну.

163
00:09:05,170 --> 00:09:08,240
Я таксама казаў аб выкарыстанні кожны піксель для вашага прыкладання.

164
00:09:08,240 --> 00:09:11,850
Па змаўчанні, гэта тое, што фарба дадатак выглядае, калі вы выкарыстоўваеце яго.

165
00:09:11,850 --> 00:09:14,960
Гэта сапраўды проста пра ўсё, што вы малюеце, ваш кантэнт.

166
00:09:14,960 --> 00:09:20,850
Я мог зрабіць жудасныя рэчы тут. Што я павінен зрабіць? Я не ведаю.

167
00:09:20,850 --> 00:09:23,110
Крамзолі? О, выдатна. Я магу зрабіць крамзолі. Фантастыка.

168
00:09:23,110 --> 00:09:25,130
Індычка? [Смяецца]

169
00:09:25,130 --> 00:09:28,500
Гэта найбольш абстрактныя індычкі вы ўбачыце.

170
00:09:28,500 --> 00:09:31,780
Я таксама можаце выклікаць тое, што называецца бар дадатак,

171
00:09:31,780 --> 00:09:33,850
і гэта сапраўды адзін з ключавых спосабаў, якія можна выкарыстоўваць

172
00:09:33,850 --> 00:09:37,210
схавацца ўсе рэчы, якія можна было б на вашым дадатку або гульні перад

173
00:09:37,210 --> 00:09:39,570
проста займаюць прастору ўвесь час.

174
00:09:39,570 --> 00:09:43,270
Так што цяпер вы можаце змясціць яго тут, і гэта сапраўды адзін з самых выдатных уражанняў

175
00:09:43,270 --> 00:09:46,380
з панэлі прыкладання, якія я бачыў.

176
00:09:46,380 --> 00:09:48,800
Пакладзеце выбар тут для выбару розных кветак.

177
00:09:48,800 --> 00:09:54,310
Мы хацелі індычку, таму мы будзем паставіць некаторыя карычневы тут, пачаць змешвання праз пару кветак.

178
00:09:54,310 --> 00:09:58,790
Мы возьмем прамежкавы колер тут, а затым вярнуцца сюды.

179
00:09:58,790 --> 00:10:02,990
Вы можаце пачаць маляваць. Там твой індычкі. Фантастыка.

180
00:10:02,990 --> 00:10:07,660
Я не ўмею маляваць з самага пачатку, але зрабіць гэта з сэнсарнай панэллю ў пярэдняй частцы аўдыторыі, нават лепш.

181
00:10:07,660 --> 00:10:09,640
Гэта з'яўляецца дзіўным.

182
00:10:09,640 --> 00:10:13,030
Ідэя, аднак, гэта ўсё, што мяне хвалюе гэта прама тут, на паверхні.

183
00:10:13,030 --> 00:10:17,060
Скажам Я так задаволены гэтым, што я павінен падзяліцца ёю з кімсьці.

184
00:10:17,060 --> 00:10:19,680
Звычайна тое, што вы маглі б зрабіць з іншымі версіямі Windows,

185
00:10:19,680 --> 00:10:22,900
вы б, можа быць, зрабіць здымак экрана, вы маглі б зрабіць некаторыя копипаст вашага тэксту

186
00:10:22,900 --> 00:10:24,950
ці таму падобнае, якія вы хочаце дзяліць,

187
00:10:24,950 --> 00:10:27,260
а затым пайсці і адкрыць іншае прыкладанне і змясціць яго ў яе.

188
00:10:27,260 --> 00:10:28,630
Тут вам не прыйдзецца гэтага рабіць.

189
00:10:28,630 --> 00:10:32,400
Вы сапраўды можаце вывесці бар хараства і сказаць: "Я хачу падзяліцца гэтым."

190
00:10:32,400 --> 00:10:35,000
У гэты момант ён збіраецца паказаць вам усё прыкладання

191
00:10:35,000 --> 00:10:38,080
якія ведаюць, як працаваць з любым ў цяперашні час сумесна.

192
00:10:38,080 --> 00:10:41,590
У дадзеным выпадку гэта карціна, таму ён збіраецца сказаць: «Я бачу, у вас ёсць здымак."

193
00:10:41,590 --> 00:10:45,590
"Вы хочаце падзяліцца гэтым?" Вы можаце бачыць, што я па электроннай пошце сам матэрыял ўвесь час.

194
00:10:45,590 --> 00:10:49,420
Ён прызнае, што, і гэта мяне прапаноўваючы, што ў якасці цэтліка,

195
00:10:49,420 --> 00:10:53,270
але гэта таксама паказвае мне ўсё ок, што ведае, як змагацца з здымкай

196
00:10:53,270 --> 00:10:55,520
і рабіць нешта з ім.

197
00:10:55,520 --> 00:10:57,890
Яны ўсе паказана ў Windows, што яны могуць гэта зрабіць.

198
00:10:57,890 --> 00:10:59,240
У гэты момант гэта Вокны.

199
00:10:59,240 --> 00:11:01,680
Карыстальнік проста выбірае тое, што яны хочуць зрабіць з ім.

200
00:11:01,680 --> 00:11:06,610
Я зраблю ўсё звычайна з PuzzleTouch. Вы можаце бачыць, я стварыў усе віды галаваломак з цягам часу.

201
00:11:06,610 --> 00:11:11,790
Я вазьму PuzzleTouch і сказаць: "Я хачу падзяліцца гэтай дзіўнай стварэнне з PuzzleTouch."

202
00:11:11,790 --> 00:11:16,670
Гэта будзе ісці наперад і сказаць: "Выдатна. Вы хочаце падзяліцца гэтым? Цудоўна».

203
00:11:16,670 --> 00:11:19,260
"Вы хочаце, каб зрабіць пазл, які лёгка, прамежкавы, што?"

204
00:11:19,260 --> 00:11:20,800
Я зраблю прамежкавы той тут.

205
00:11:20,800 --> 00:11:24,890
Гэта робіць загадку. Гэта збіраецца быць жахлівым галаваломка, таму што гэта ў асноўным пустым.

206
00:11:24,890 --> 00:11:28,100
Але ён гатовы, і гэта на самай справе яшчэ ў іншай праграме.

207
00:11:28,100 --> 00:11:32,360
Калі б я прыйшоў сюды, я магу шукаць яго і запусціць яго.

208
00:11:32,360 --> 00:11:38,100
Цяпер, калі мы вылучыце на ледзь-ледзь тут, мы павінны ўбачыць маё тварэнне недзе.

209
00:11:38,100 --> 00:11:42,930
Дзе я? Якія загадкі я зрабіў? Хіба я зрабіць гэта лёгка?

210
00:11:42,930 --> 00:11:46,110
О, вось яна, прама там.

211
00:11:46,110 --> 00:11:49,550
[Смяецца] Гэта лёгка пазнаюцца індычкі галаваломка, якая тут.

212
00:11:49,550 --> 00:11:52,360
Але, што я хачу паказаць вам, выдатна, што тут

213
00:11:52,360 --> 00:11:54,710
з'яўляецца прыкладанняў нічога адзін пра аднаго не ведаюць.

214
00:11:54,710 --> 00:11:58,740
Яны толькі сказаў: "У мяне ёсць здымак, каб падзяліць, і я ведаю, як мець справу з фотаздымкамі."

215
00:11:58,740 --> 00:12:01,420
І вы, як распрацоўшчык, вы не павінны пісаць гэты код.

216
00:12:01,420 --> 00:12:05,350
Калі хто-то пытаецца мяне падзяліцца, я збіраюся паставіць некаторыя дадзеныя ў гэтай маленькай структуры дадзеных

217
00:12:05,350 --> 00:12:06,740
і я зрабіў.

218
00:12:06,740 --> 00:12:10,990
Іншы дадатак бярэ на сябе, робіць сваю справу, і гэта канец абмену вопытам.

219
00:12:10,990 --> 00:12:14,550
Гэта ўсяго толькі адна рэч, якую вы можаце зрабіць - сапраўды, вельмі магутны -

220
00:12:14,550 --> 00:12:17,570
і гэта будзе адна з тых рэчаў, якія маглі б рэальна дапамагчы дыферэнцаваць сваё прыкладанне

221
00:12:17,570 --> 00:12:20,090
а таксама ваша гульня таксама ў краме.

222
00:12:20,090 --> 00:12:22,220
Людзі збіраюцца, каб мець магчымасць сказаць: «Гэта сапраўды карысна."

223
00:12:22,220 --> 00:12:25,430
"Я выкарыстоўваю гэтую Puzzle Creator ўвесь час. Гэта проста фантастыка".

224
00:12:25,430 --> 00:12:30,490
>> Гэта досыць аб з кароткага агляду таго, што тут адбываецца.

225
00:12:30,490 --> 00:12:33,670
Там у пару іншых асаблівасцяў таксама, што, можа быць, мы вылучым, як мы ідзем праз код.

226
00:12:33,670 --> 00:12:37,710
Але я хачу, каб паглыбіцца ў слайдах, і каб зрабіць гэта, я збіраюся пайсці ў Desktop,

227
00:12:37,710 --> 00:12:40,940
які сам па сабе іншы жывы пліткі тут.

228
00:12:40,940 --> 00:12:43,840
Я магу пайсці ў гэта і, вядома ж, я на слайдах,

229
00:12:43,840 --> 00:12:46,320
але дазвольце мне паказаць вам на самай справе, дзе мы знаходзімся.

230
00:12:46,320 --> 00:12:48,460
Мы на самай справе ў рэжыме Desktop.

231
00:12:48,460 --> 00:12:52,580
Гэта сапраўды, дзе, што я казаў раней пра Windows, несучы наперад

232
00:12:52,580 --> 00:12:54,850
для новых уражанняў паказвае сябе.

233
00:12:54,850 --> 00:12:56,450
Гэта Windows, вы ведаеце.

234
00:12:56,450 --> 00:12:59,730
Прыкладанні для Windows называюцца настольныя прыкладанні. Яны бягуць сюды.

235
00:12:59,730 --> 00:13:02,730
Калі ў вас ужо ёсць прыкладання, і вы хочаце запускаць іх на Windows 8,

236
00:13:02,730 --> 00:13:04,710
Вы можаце абсалютна зрабіць гэта.

237
00:13:04,710 --> 00:13:07,590
Гэта не адно і тое ж у якасці сховішча прыкладанняў, якія тут,

238
00:13:07,590 --> 00:13:12,240
як свежай фарбай і гэтых NBC News прыкладанняў і таму падобнае. Тыя, прыйдзе з крамы.

239
00:13:12,240 --> 00:13:14,450
Яны могуць падключыць у некаторыя з функцый, якія я паказваў вам

240
00:13:14,450 --> 00:13:16,620
і іншыя, якія я не паказаў вам, толькі пакуль.

241
00:13:16,620 --> 00:13:21,460
Але толькі майце гэта на ўвазе. У нас ёсць падтрымка абодвух гэтых рэчаў.

242
00:13:21,460 --> 00:13:27,000
Мне вельмі шкада. Нешта не паказвае на экране? Я страціў яго цалкам. Гэта дзіўна.

243
00:13:29,000 --> 00:13:31,000
Добра. Дзякуй за ўказанне на гэта.

244
00:13:31,000 --> 00:13:34,770
Тое, што вы не былі бачачы на ​​некаторы час гэта мой паказваючы вам, што на працоўным стале знаходзіцца тут.

245
00:13:34,770 --> 00:13:37,540
Што такое апошняе, што вы бачылі? Вы бачылі гэта?

246
00:13:37,540 --> 00:13:39,490
Гэта рабочы стол. Вы ўжо ведаеце, як гэта выглядае.

247
00:13:39,490 --> 00:13:42,070
Гэта нічога жудасна нязвыкла.

248
00:13:42,070 --> 00:13:46,940
Гэта наша правядзення такога вопыту наперад для вас і дазваляючы выкарыстоўваць тое, што вы мелі.

249
00:13:46,940 --> 00:13:50,460
Напрыклад, я буду паказваць вам Visual Studio. Гэта настольнае прыкладанне.

250
00:13:50,460 --> 00:13:52,600
Гэта будзе працаваць у гэтым рэжыме.

251
00:13:52,600 --> 00:13:54,960
Гэта будзе падтрымліваць больш складаныя асяроддзя

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

253
00:14:01,470 --> 00:14:04,810
>> Тым не менш, давайце вернемся да слайдамі для толькі трохі

254
00:14:04,810 --> 00:14:09,720
і даць вам некаторы ўводны змесціва, а затым патрапіць у справе кадавання тут.

255
00:14:09,720 --> 00:14:14,070
Добрай навіной з'яўляецца тое я чуў, вы засяродзіліся на шмат CSS і JavaScript, HTML.

256
00:14:14,070 --> 00:14:18,110
Усе гэтыя рэчы, якія вы так доўга вучацца несці непасрэдна ў стварэнне Windows Store прыкладанняў.

257
00:14:18,110 --> 00:14:22,920
Тое, што вы чулі пра з ужываннем CSS селектары і ўсе тыя рэчы,

258
00:14:22,920 --> 00:14:27,180
менавіта тое, што вы робіце, каб стварыць прыкладанне тут для крамы.

259
00:14:27,180 --> 00:14:29,640
Мы пойдзем праз гэтыя рэчы па кавалачках.

260
00:14:29,640 --> 00:14:34,130
У прынцыпе, я будую на рэчы, якія вы ўжо знайшлі час, каб вучыцца.

261
00:14:34,130 --> 00:14:36,520
Гэта агульная схема тэхналогій, якія можна выкарыстоўваць

262
00:14:36,520 --> 00:14:38,790
зрабіць прыкладанні для Windows 8.

263
00:14:38,790 --> 00:14:42,840
Матэрыял справа, настольных прыкладанняў, сапраўды тое, што мы ўжо ведаем.

264
00:14:42,840 --> 00:14:46,840
Гэта рэчы, якія на самай справе Windows 7 свет пераносіцца ў Windows 8.

265
00:14:46,840 --> 00:14:51,920
Усё з гэтых варыянтаў прасоўвання наперад: C #, VB, Win32 выгляд развіцця.

266
00:14:51,920 --> 00:14:54,450
Вялікі. Няма праблем. Новы матэрыял знаходзіцца на левай баку.

267
00:14:54,450 --> 00:14:58,220
Гэта Windows Store прыкладанні, што, калі я хачу, каб мая заява правадной у Windows 8

268
00:14:58,220 --> 00:15:02,300
выкарыстоўваючы ўсе гэтыя магчымасці, атрымаць яго ў краме, і атрымаць, што сапраўды выдатна вопыт

269
00:15:02,300 --> 00:15:05,260
з прыкладанняў Windows Store.

270
00:15:05,260 --> 00:15:10,350
Каб зрабіць гэта, вы можаце паглядзець тут у вас ёсць усе вашыя выбары з XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, вы маглі б зрабіць DirectX, і да таго падобнае, рэчы, якія выходзяць за рамкі слайда.

272
00:15:14,100 --> 00:15:18,650
Але для нас, мы збіраемся засяродзіцца прама ў на тым, што HTML, CSS, і JavaScript

273
00:15:18,650 --> 00:15:22,890
сапраўды першакласны грамадзянін для прыняцця заяўкі на Windows 8

274
00:15:22,890 --> 00:15:24,960
і для Windows Store.

275
00:15:24,960 --> 00:15:27,950
Так што гэта добра для ўсіх тут і людзей, якія глядзяць на відэа

276
00:15:27,950 --> 00:15:30,760
таму што вы можаце проста выкарыстоўваць усе тыя перажыванні, якія ў вас ёсць

277
00:15:30,760 --> 00:15:33,900
і сапраўды звязаць у тое, што прапануе Windows,.

278
00:15:33,900 --> 00:15:37,870
Вы збіраецеся зрабіць гэта праз набор API-інтэрфейсаў, якія не павінна здзіўляць.

279
00:15:37,870 --> 00:15:39,920
Кожны АС мае свае API.

280
00:15:39,920 --> 00:15:43,530
Мы выкрыць тое, што АС Windows можа зрабіць праз тое, што называецца WinRT.

281
00:15:43,530 --> 00:15:46,370
Гэта набор API-інтэрфейсаў, што проста робіць усё для вас.

282
00:15:46,370 --> 00:15:51,650
Калі вам трэба адкрываць файлы, вам трэба выкарыстоўваць камеру, геолокации, такія рэчы, як, што,

283
00:15:51,650 --> 00:15:55,700
яны ідуць праз тое, што АС Windows можа прапанаваць вам.

284
00:15:55,700 --> 00:15:59,370
Каб атрымаць доступ да, што, у нас ёсць больш наяўнасць што адбываецца, каб зрабіць яго яшчэ прасцей

285
00:15:59,370 --> 00:16:02,510
для вас, каб зрабіць гэта. Мы вернемся да гэтага крыху пазней.

286
00:16:02,510 --> 00:16:04,060
Але на сённяшні дзень, гэта ў асноўным ваша дарожная карта.

287
00:16:04,060 --> 00:16:06,770
Тое, што вы ўжо рабілі зверху некаторых API,

288
00:16:06,770 --> 00:16:11,280
што дапаможа вам працаваць з Windows, роўна магазін праграму.

289
00:16:11,280 --> 00:16:14,210
І гэта сапраўды ўсё, што вы павінны ведаць, ад высокага ўзроўню.

290
00:16:14,210 --> 00:16:17,370
>> Мы будзем апускацца ў самай справе працуе з матэрыялам цяпер.

291
00:16:18,940 --> 00:16:21,950
Тое, што вы, верагодна, ужо бачылі кучу,

292
00:16:21,950 --> 00:16:26,760
з IE9 некаторы час таму мы ўвялі падтрымку шмат, у той час,

293
00:16:26,760 --> 00:16:30,340
новыя стандарты ў Web, так шмат новых магчымасцяў CSS,

294
00:16:30,340 --> 00:16:34,380
шмат новага HTML, ECMAScript 5, які сапраўды JavaScript.

295
00:16:34,380 --> 00:16:38,090
Так што ўсё для гэтага строгага рэжыму за выключэннем быў у IE9.

296
00:16:38,090 --> 00:16:42,290
Проста тоны матэрыялу з CSS, CSS3, усё там.

297
00:16:42,290 --> 00:16:45,300
І ўсе гэтыя рэчы нясе наперад у тое, што мы робім з Windows 8.

298
00:16:45,300 --> 00:16:49,350
Вы можаце выкарыстоўваць гэтыя рэчы, і вы можаце выкарыстоўваць усе, што новага ў IE10.

299
00:16:49,350 --> 00:16:54,640
З IE10 ўвядзем падтрымку ўсе гэтыя рэчы, а таксама.

300
00:16:54,640 --> 00:16:59,340
Яны ўсе з апаратным паскарэннем, так што калі вы на машыне, якая мае нейкую GPU,

301
00:16:59,340 --> 00:17:04,190
што, верагодна, у значнай ступені кожная машына, што вы маглі б атрымаць на працягу апошніх 8 гадоў,

302
00:17:04,190 --> 00:17:07,609
вы збіраецеся быць у стане мець апаратнае паскарэнне вываду,

303
00:17:07,609 --> 00:17:11,770
візуальнага вываду з CSS, Canvas, SVG.

304
00:17:11,770 --> 00:17:14,339
Усе гэтыя рэчы будуць праходзіць апаратнага паскарэння

305
00:17:14,339 --> 00:17:16,060
і, што значна хутчэй і больш эфектыўна.

306
00:17:16,060 --> 00:17:20,440
Кароткая версія ўсё гэта - я не збіраюся ісці праз кожную рэч тут -

307
00:17:20,440 --> 00:17:23,200
калі вы бачыце яго ў гэтым спісе, калі вы можаце зрабіць гэта ў IE10,

308
00:17:23,200 --> 00:17:25,650
калі гэта вэб-дадатак, якое вы выкарыстоўваеце, што працуе ў IE10,

309
00:17:25,650 --> 00:17:28,640
гэта тое, што вы можаце зрабіць, як прыкладанне для Windows Store.

310
00:17:28,640 --> 00:17:33,100
І гэта ў значнай ступені ён. Так што, калі ён працуе ў IE10, ён будзе працаваць у якасці дадатку для Windows Store.

311
00:17:33,100 --> 00:17:36,370
Гэта на стол, як тое, што вы маглі б выкарыстоўваць.

312
00:17:36,370 --> 00:17:40,510
>> Там вельмі шмат тут. Мы не павінны да паўночы, так што я не магу азнаёміцца ​​тут усё.

313
00:17:40,510 --> 00:17:44,060
Але ёсць некаторыя сайты, якія дапамогуць вам зразумець, што гэтыя рэчы могуць зрабіць,

314
00:17:44,060 --> 00:17:45,520
і я пакажу вам адзін з іх у секунду.

315
00:17:45,520 --> 00:17:48,410
Я проста хацеў бы адзначыць, некаторыя з ключавых рэчаў, якія вы маглі б глядзець на.

316
00:17:48,410 --> 00:17:51,560
Можа быць, вы ўжо бачылі некаторыя з іх у сваіх даследаваннях,

317
00:17:51,560 --> 00:17:56,610
але яны сапраўды карысныя, у прыватнасці, з Windows Store прыкладанняў, ад CSS баку.

318
00:17:56,610 --> 00:18:02,420
Акрамя таго, магчымасць рабіць пераўтварэнні і пераходы, забяспечыць рух з анімацыяй -

319
00:18:02,420 --> 00:18:07,010
яны з'яўляюцца часткай CSS зараз, і ўсе яны падтрымліваюцца сучаснымі браўзэрамі,

320
00:18:07,010 --> 00:18:11,370
і IE10 і IE9 дадалі падтрымку ў часе для ўсіх гэтых рэчаў.

321
00:18:11,370 --> 00:18:15,220
І так навошта пісаць гэта самастойна, таму прайсці праз усе непрыемнасці рабіць гэтыя рэчы ўручную

322
00:18:15,220 --> 00:18:19,970
калі вы маглі б выкарыстоўваць просты CSS пераўтварэнні для стварэння 3D-эфекту для вашага прыкладання?

323
00:18:19,970 --> 00:18:22,740
Вялікі. Вось як гэта працуе.

324
00:18:22,740 --> 00:18:24,530
Я не магу зрабіць гэта складаней, чым гэта.

325
00:18:24,530 --> 00:18:28,330
Калі вы ведаеце, як гэта зрабіць у CSS, вы ведаеце, як гэта зрабіць у дадатку для Windows Store.

326
00:18:28,330 --> 00:18:32,080
>> Выхад за межы, што для разметкі, такія рэчы, як нават у краме прыкладання,

327
00:18:32,080 --> 00:18:35,350
але выхад за межы, што, гледзячы на, можа быць, прэс-дадатак, якое паказвае вам артыкула

328
00:18:35,350 --> 00:18:40,160
ці рэцэпты ці таму падобнае, гэтыя іншыя віды асаблівасцяў у CSS сапраўды карысныя:

329
00:18:40,160 --> 00:18:45,610
Сетка, Flexbox, CSS Рэгіёны, хутчэй, даволі новага стандарту, а таксама.

330
00:18:45,610 --> 00:18:51,190
Гэтыя рэчы ўсё збіраемся, каб дапамагчы вам выкласці змесціва і змесціва паміж секцыямі цячы,

331
00:18:51,190 --> 00:18:55,470
быць у стане зрабіць разбіццё на старонкі і пераносаў без неабходнасці пісаць матэрыял самастойна.

332
00:18:55,470 --> 00:18:57,500
Вы проста кажаце: "Калі ласка, выканайце наступныя дзеянні для мяне",

333
00:18:57,500 --> 00:19:00,850
і як экран нерухомасці адрозніваецца на розных машынах

334
00:19:00,850 --> 00:19:03,850
ці як вы ўбачыце ў адзін момант, як вы пстрыкае заяўку

335
00:19:03,850 --> 00:19:07,920
мець меншае колькасць прасторы на экране, гэта не праблема для CSS.

336
00:19:07,920 --> 00:19:11,160
Ён можа скарыстацца - Мы вырабім размовы аб СМІ запытаў у секунду -

337
00:19:11,160 --> 00:19:15,880
ён можа клапаціцца аб рэчы з репозиционирование сваё ўтрыманне, бягучы кантэнт з рэгіёнаў

338
00:19:15,880 --> 00:19:21,240
проста з гэтымі рэчамі, якія вы, магчыма, ужо бачылі з вэб-тэхналогіі.

339
00:19:21,240 --> 00:19:25,470
>> На баку HTML5, ёсць таксама куча рэчаў

340
00:19:25,470 --> 00:19:28,140
што будзе вельмі карысна для вас з Windows Store прыкладанняў.

341
00:19:28,140 --> 00:19:30,980
Зноў жа, мы не будзем прайсці праз усё гэта, але яны проста тут.

342
00:19:30,980 --> 00:19:35,470
Так што калі вы павінны выкарыстоўваць яго, аўдыё-відэа, калі вы хочаце зрабіць праверку ад формаў,

343
00:19:35,470 --> 00:19:40,570
геолокации, усё, што вы можаце зрабіць у JavaScript з JavaScript 5 ці ECMAScript 5,

344
00:19:40,570 --> 00:19:44,070
IndexedDB для лакальнага захоўвання дадзеных - усё гэта варыянты для Вас.

345
00:19:44,070 --> 00:19:49,300
Калі вы шукаеце адказ, проста паглядзіце на існуючых тэхналогій з HTML5 і CSS

346
00:19:49,300 --> 00:19:53,880
і вы знойдзеце лягчэй адказаў, чым таго, каб згарнуць шмат таго матэрыялу самастойна.

347
00:19:53,880 --> 00:19:55,510
Дазвольце мне паказаць вам вакол трохі тут.

348
00:19:55,510 --> 00:19:57,920
У мяне ёсць сайт, мы можам пайсці.

349
00:19:57,920 --> 00:20:01,590
Дазвольце мне трэба выйсці з гэтага слайда на секунду.

350
00:20:01,590 --> 00:20:06,450
>> Калі мы выходзім у IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Я не буду рабіць шмат дэма тут.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com сапраўды паказвае вам шмат, што новага ў IE10,

353
00:20:14,360 --> 00:20:16,220
рэчы, якія вы можаце зрабіць.

354
00:20:16,220 --> 00:20:19,130
Я лічу, што гэта сапраўды карысна, таму што замест чытання праз кучу афіцыйных дакументаў,

355
00:20:19,130 --> 00:20:23,020
разгледзім некалькі дэма, і гэта дапаможа вам паставіць яго на свой асабісты радара

356
00:20:23,020 --> 00:20:26,620
о, ці мае гэта тэхналогія сэнсу нават рабіць якія-небудзь дадатковыя даследаванні з

357
00:20:26,620 --> 00:20:29,070
так вы зразумееце, "Я бачу, што гэта для".

358
00:20:29,070 --> 00:20:32,780
"Я разумею, што запыт кадр анімацыі робіць для мяне."

359
00:20:32,780 --> 00:20:36,900
"Я разумею, як я мог бы выкарыстаць Рэгіёны або SVG фільтры."

360
00:20:36,900 --> 00:20:40,190
Вы бачыце іх у дзеянні, убачыць іх на прыкладзе тут,

361
00:20:40,190 --> 00:20:44,930
і вырашыць для сябе, калі гэта будзе карысна для вас у вашых уласных праектах і за яе межамі

362
00:20:44,930 --> 00:20:47,840
як вы будзеце працягваць працаваць з вэб-тэхналогіі.

363
00:20:47,840 --> 00:20:49,900
Тут я б проста заклікаю вас зірнуць.

364
00:20:49,900 --> 00:20:52,880
Я не думаю, што буду праводзіць шмат часу на самай справе працуе гэта.

365
00:20:52,880 --> 00:20:56,030
У нас ёсць дастаткова, каб паказаць з напісання кода.

366
00:20:56,030 --> 00:21:01,640
Вы ўбачыце тут рэчы з сэнсарных эфектаў у гульнях дакрануцца аснове ў гэтым раздзеле,

367
00:21:01,640 --> 00:21:06,050
анімацыя, вельмі хутка апаратнае паскарэнне анімацыі там,

368
00:21:06,050 --> 00:21:11,230
некаторыя аптымізацыі, якія вы ўбачыце ў некаторых з гэтых узораў, а,

369
00:21:11,230 --> 00:21:12,770
і ёсць многія, многія іншыя.

370
00:21:12,770 --> 00:21:15,330
Калі вы ідзяце сюды і адкрыць карту сайта,

371
00:21:15,330 --> 00:21:19,070
там проста смешна колькасць узораў тут.

372
00:21:19,070 --> 00:21:20,690
Вы можаце ўбачыць іх усё тут.

373
00:21:20,690 --> 00:21:22,900
Калі вы глядзіце на нешта, ці вы чулі пра што-то

374
00:21:22,900 --> 00:21:25,850
і вам цікава, можа быць, гэта будзе нешта выдатна выкарыстоўваць у дадатку,

375
00:21:25,850 --> 00:21:31,720
паспрабуйце звярнуцца тут, і там, напэўна, даволі добра дэма для таго, каб зэканоміць час.

376
00:21:31,720 --> 00:21:35,980
>> Добра? Любыя пытанні да гэтага часу для людзей тут?

377
00:21:35,980 --> 00:21:39,620
Добра. Мы будзем весці тут.

378
00:21:39,620 --> 00:21:41,920
Зноў жа, праверыць гэта.

379
00:21:41,920 --> 00:21:45,450
Яны вэб-стандарты, так што ісці на любыя іншыя сайты вітрыны якіх вы ведаеце

380
00:21:45,450 --> 00:21:50,550
і паглядзець, калі гэтыя тэхналогіі маюць сэнс для таго, што вы спрабуеце зрабіць.

381
00:21:50,550 --> 00:21:53,190
>> Назад да слайдамі.

382
00:21:53,190 --> 00:22:00,290
Тым не менш, вы рухаецеся з вэб-свету, каб сапраўды усталяванай свеце мясцовае прымяненне,

383
00:22:00,290 --> 00:22:01,850
так што ёсць некаторыя рэчы, каб адзначыць тут,.

384
00:22:01,850 --> 00:22:03,690
Перш за ўсё, няма вэб-сервер ўдзельнічае тут.

385
00:22:03,690 --> 00:22:06,120
Там няма Apache, няма IIS працуе тут

386
00:22:06,120 --> 00:22:10,170
абслугоўвае да старонкі на выдаленым кліенце, на выдалены агент браўзэра.

387
00:22:10,170 --> 00:22:13,000
У гэтым выпадку, сапраўды ўсё запакаваная для вас.

388
00:22:13,000 --> 00:22:16,630
Вы ўявіць, што ў вашым дадатку ў краму, ён атрымлівае сертыфікацыю,

389
00:22:16,630 --> 00:22:22,190
гэта ў краме, а затым людзі тысячамі будзе ўсталяваць гульню ці ваша прыкладанне.

390
00:22:22,190 --> 00:22:24,780
Але ў прынцыпе, яны пацягнуўшы яе ўніз лакальна на свой кампутар.

391
00:22:24,780 --> 00:22:29,080
Там няма неабходнасці выходзіць у Сетка больш, калі ў вас няма выклікі, якія патрабуюць аддаленага API,

392
00:22:29,080 --> 00:22:31,790
і гэта цалкам нармальна, а таксама.

393
00:22:31,790 --> 00:22:35,330
Але яны не збіраюцца быць у гэтым рэжыме, дзе яны павінны пайсці адказ на запыт з сервера

394
00:22:35,330 --> 00:22:37,910
каб атрымаць наступную старонку іх змест.

395
00:22:37,910 --> 00:22:41,380
Так што сказаў, ёсць некалькі нязначных адрозненняў API. Гэта неверагодна нязначныя.

396
00:22:41,380 --> 00:22:46,850
Яны наўрад ці трапіў вам у вашай нармальнай кадавання, але яны, па меншай меры дакументальна.

397
00:22:46,850 --> 00:22:50,030
Яны свайго роду крайнія выпадкі ёсць.

398
00:22:50,030 --> 00:22:53,370
>> Іншая рэч, варта адзначыць, з'яўляецца адрозненні давер.

399
00:22:53,370 --> 00:22:58,070
Я толькі кажу пра гэта, таму што я проста хачу, каб пераканацца, што я сказаў, што гэта

400
00:22:58,070 --> 00:23:01,580
так што калі вы сутыкнецеся з ёй пазней, вы будзеце думаць ", сказаў нешта пра гэта Крыс,

401
00:23:01,580 --> 00:23:04,890
"Так што, магчыма, ды і добра", а затым вярнуцца назад і высветліць, што гэта было.

402
00:23:04,890 --> 00:23:06,480
Кантэксты мае значэння.

403
00:23:06,480 --> 00:23:11,450
Па змаўчанні мы стараемся абараніць карыстача ад вектараў атакі.

404
00:23:11,450 --> 00:23:13,400
Ёсць пэўныя рэчы, якія вы можаце зрабіць па змаўчанні

405
00:23:13,400 --> 00:23:16,130
і некаторыя рэчы, якія трэба змяніць кантэкст для таго, каб.

406
00:23:16,130 --> 00:23:19,860
Як вы выкарыстоўваеце некаторыя бібліятэкі там - you've ўжо працуе з JQuery,

407
00:23:19,860 --> 00:23:23,650
але калі вы паглядзіце на іншых бібліятэк там - вы маглі б выкарыстоўваць некаторыя функцыі

408
00:23:23,650 --> 00:23:28,000
такога роду выходзіць за рамкі лакальнага выкарыстання, робіць больш дынамічныя ўзаемадзеяння

409
00:23:28,000 --> 00:23:30,360
Запыты XHR, і таму падобнае.

410
00:23:30,360 --> 00:23:33,090
Часам вы можаце знайсці тых, будзе адключаная па змаўчанні,

411
00:23:33,090 --> 00:23:37,790
і ў гэтым выпадку, проста выканайце пошук, шукаць мясцовых і вэб кантэксце,

412
00:23:37,790 --> 00:23:39,560
і вы даведаецеся, як выправіць гэта.

413
00:23:39,560 --> 00:23:42,580
Проста пераканайцеся, што вы ведалі пра тое, што, калі вы пачнеце выкарыстоўваць іншыя механізмы,

414
00:23:42,580 --> 00:23:45,720
які, я павінен згадаць, што ты выдатна ў стане зрабіць.

415
00:23:45,720 --> 00:23:49,290
Так што, калі Вы знайшлі іншыя рамкі - Мы вырабім казаць пра гэта праз секунду -

416
00:23:49,290 --> 00:23:54,000
для гульняў, і вы хочаце выкарыстоўваць, што, вы хочаце выкарыстоўваць некаторыя бібліятэкі кіравання, якія там

417
00:23:54,000 --> 00:23:57,990
і вы не хочаце напісаць, што матэрыял самастойна - гэта добрая ідэя, ці не так? -

418
00:23:57,990 --> 00:23:59,560
Вы можаце абсалютна выкарыстоўваць гэты матэрыял.

419
00:23:59,560 --> 00:24:03,660
Там няма нічога вас стрымлівае ад выкарыстання якой-небудзь бібліятэцы, у аснову JavaScript,

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

421
00:24:05,380 --> 00:24:09,740
Зноў жа, калі гэта тое, што вы можаце зрабіць у IE10, які з'яўляецца па-чартоўску шмат у гэтыя дні,

422
00:24:09,740 --> 00:24:11,220
Вы можаце зрабіць гэта.

423
00:24:11,220 --> 00:24:14,800
Выцягніце яго ў вашым дадатку, спасылка, бібліятэка JavaScript, і выкарыстоўваць яго ў сваім дадатку,

424
00:24:14,800 --> 00:24:19,880
проста маючы на ​​ўвазе, вы, магчыма, ударыў кантэкст бяспекі раз у той час - не вельмі часта.

425
00:24:19,880 --> 00:24:24,150
>> А потым асаблівасці, мы разгледзім яшчэ некалькі з тых, як мы ідзем.

426
00:24:24,150 --> 00:24:27,500
UX вы ўжо часткова прывыкае да, як вы ўсё больш і больш прыкладанняў

427
00:24:27,500 --> 00:24:29,250
ад Windows Store.

428
00:24:29,250 --> 00:24:33,870
Вы атрымліваеце адчуць, як яны працуюць і як правіла дызайн эстэтычнае працаваць

429
00:24:33,870 --> 00:24:37,720
ў розных прыкладаннях і тое, што людзі будуць выкарыстоўваць для перажывае.

430
00:24:37,720 --> 00:24:39,660
Гэта сапраўды важная частка.

431
00:24:39,660 --> 00:24:42,460
Пераканайцеся ў тым, што, калі яны запусціць сваё прыкладанне ім не трэба чытаць кіраўніцтва,

432
00:24:42,460 --> 00:24:44,300
якія яны ніколі не робяць, дарэчы.

433
00:24:44,300 --> 00:24:46,650
Яны проста павінны быць у стане пачаць гуляць з дадаткам

434
00:24:46,650 --> 00:24:49,450
і высветліць гэта без адмысловай працы.

435
00:24:49,450 --> 00:24:52,660
Прытрымліваючыся і прытрымліваючыся многія з гэтых метадаў,

436
00:24:52,660 --> 00:24:57,640
вы збіраецеся зрабіць сваім карыстальнікам вялікае ласку, што робіць, што прасцей.

437
00:24:57,640 --> 00:25:01,810
>> Добра. І апошняе, што на баку API, а затым мы атрымаем у самай справе напісання кода.

438
00:25:01,810 --> 00:25:05,660
WinJS у тым, што рэч, якую я згадаў вельмі коратка з гэтай складанай слайда

439
00:25:05,660 --> 00:25:08,850
з усімі гэтымі рознымі варыянтамі, што ў вас ёсць для падачы заявак.

440
00:25:08,850 --> 00:25:10,890
WinJS, вы можаце думаць пра гэта як прыяцелем.

441
00:25:10,890 --> 00:25:13,680
Гэта ваш сябар, каб дапамагчы вам напісаць матэрыял хутчэй.

442
00:25:13,680 --> 00:25:18,820
Гэта проста JavaScript і CSS. Вы не павінны выкарыстоўваць яго. Вы можаце выкарыстоўваць яго.

443
00:25:18,820 --> 00:25:22,180
Калі вы збіраецеся тэлефанаваць у з асаблівасцямі АС Windows, вы ў канчатковым выніку выкарыстоўваць яго,

444
00:25:22,180 --> 00:25:27,210
але калі ёсць такія рэчы, як некаторых шаблонаў праектавання або кіравання, якія вы сапраўды не хочаце выкарыстоўваць,

445
00:25:27,210 --> 00:25:29,090
Вы хочаце выкарыстоўваць нешта яшчэ, гэта залежыць ад вас.

446
00:25:29,090 --> 00:25:32,580
Вырашыце, што вы хочаце выкарыстоўваць і стылі, якія вы хочаце выкарыстаць.

447
00:25:32,580 --> 00:25:37,250
Асаблівасці ад прасторы імёнаў і класа пакалення - залежыць ад вас.

448
00:25:37,250 --> 00:25:41,650
Калі вы аддаеце перавагу адзін ці іншы, гэта цалкам ваш выбар. Ён па-ранейшаму JavaScript і CSS.

449
00:25:41,650 --> 00:25:43,860
Але гэта будзе, каб дапамагчы вам зрабіць шмат рэчаў.

450
00:25:43,860 --> 00:25:47,780
Напрыклад, вось частка таго, што ён можа зрабіць,

451
00:25:47,780 --> 00:25:50,790
рэчы, як дапамагаючы асінхроннага праграмаванне з абяцаннямі.

452
00:25:50,790 --> 00:25:54,000
Любы з вас чулі або працаваў з Node.js?

453
00:25:54,000 --> 00:25:59,520
Гэта агульная карціна для працы з асінхроннага праграмавання.

454
00:25:59,520 --> 00:26:02,370
Таму ў асноўным тое, што вы кажаце, "Ідзі зрабіць што-то,

455
00:26:02,370 --> 00:26:05,790
»І вы збіраецеся даць мне абяцанне, што вы будзеце вяртацца да мяне, калі вы скончыце."

456
00:26:05,790 --> 00:26:08,400
Гэта істотна, што адбываецца.

457
00:26:08,400 --> 00:26:12,400
Так што вам не замярзаюць прыкладання, калі карыстальнік збіраецца і выбраць файл

458
00:26:12,400 --> 00:26:15,810
ці нешта ў цяперашні час цяклі з Інтэрнэту.

459
00:26:15,810 --> 00:26:17,210
Карыстацкі інтэрфейс застаецца працаздольным.

460
00:26:17,210 --> 00:26:19,410
І вы можаце зрабіць гэта з дапамогай асінхроннага праграмавання.

461
00:26:19,410 --> 00:26:23,620
Гэта гучыць смешна складаным, але гэта сапраўды проста таму, што вы карыстаецеся абяцанні

462
00:26:23,620 --> 00:26:27,900
і вы толькі што сказалі: "Ідзі зрабіць гэта, і калі вы скончыце, ператэлефанаваць гэтым метадзе."

463
00:26:27,900 --> 00:26:30,270
Гэта даволі шмат яго. Вось і ўсё, убудаваны ў WinJS.

464
00:26:30,270 --> 00:26:35,120
Гэта збіраецца зрабіць гэта нашмат лягчэй пісаць сапраўды гнуткія і магутныя прыкладання.

465
00:26:35,120 --> 00:26:37,870
>> Вы можаце убачыць астатнія тут, шмат анімацыі.

466
00:26:37,870 --> 00:26:41,240
Верагодна, гэта адзін з найбольш важных рэчаў, на гэтым слайдзе элементы кіравання.

467
00:26:41,240 --> 00:26:44,680
Я думаю, што ў мяне ёсць цэлае - так, я раблю.

468
00:26:44,680 --> 00:26:48,900
Вось прыклад таго, некаторыя элементы кіравання, якія можна выкарыстоўваць у сваіх прыкладаннях.

469
00:26:48,900 --> 00:26:51,060
Гэта ўсё прама з WinJS.

470
00:26:51,060 --> 00:26:53,430
Вы не пішу гэтыя сябе,

471
00:26:53,430 --> 00:26:55,990
Вы толькі што сказалі, "Вось як я хачу, каб скласці сваю заяву."

472
00:26:55,990 --> 00:26:59,420
"Я буду выкарыстоўваць выгляд фліп, каб я мог пайсці паміж рознымі малюнкамі."

473
00:26:59,420 --> 00:27:03,380
Я не паказаў вам Semantic Zoom. Я пакажу вам, што ў секунду.

474
00:27:03,380 --> 00:27:05,700
ListViews. Там у GridViews.

475
00:27:05,700 --> 00:27:08,680
Вы ўжо бачылі сетку як частка крамы прыкладання,

476
00:27:08,680 --> 00:27:12,170
таму магчымасць выкарыстоўваць блокі кантэнту і прагорткі праз што.

477
00:27:12,170 --> 00:27:15,660
Усплываючых меню вы ўбачыце час ад часу.

478
00:27:15,660 --> 00:27:19,090
Бар прыкладанне, якое я паказаў вам, што свежы нанясення фарбы, а таксама,

479
00:27:19,090 --> 00:27:22,190
так што вы бачылі, як вы можаце наладзіць, што, паставіўшы кнопкі на ім

480
00:27:22,190 --> 00:27:26,360
і які мае, што схавацца, калі вы не клапоціцеся, каб выкарыстоўваць гэта.

481
00:27:26,360 --> 00:27:28,120
Гэта сапраўды цалкам залежыць ад вас, каб выкарыстаць.

482
00:27:28,120 --> 00:27:30,210
Гэта ўсё элементы кіравання, якія з'яўляюцца часткай WinJS.

483
00:27:30,210 --> 00:27:33,640
Я пакажу вам, як зрабіць гэта праз секунду, але ёсць больш, чым проста гэта,

484
00:27:33,640 --> 00:27:37,060
і галоўным з'яўляецца тое, выкарыстоўваць іх, калі вы хочаце, зэканоміць час.

485
00:27:37,060 --> 00:27:40,830
>> Калі ў вас ёсць іншыя бібліятэкі кіравання, якія вы хацелі б выкарыстоўваць, гэта выдатна таксама.

486
00:27:40,830 --> 00:27:46,300
Такія рэчы, як JQuery UI зрабіць шмат такога роду ідэі, а,

487
00:27:46,300 --> 00:27:51,280
падаючы больш кантролю, якія пашыраюць што вы можаце зрабіць у HTML і JavaScript.

488
00:27:52,690 --> 00:27:55,680
Давайце паглыбімся цалі Я ўжо казаў, што. Выкарыстоўвайце тое, што вы хацелі б.

489
00:27:55,680 --> 00:27:59,680
Проста майце на ўвазе, што вы можаце сутыкнуцца з некаторымі праблемамі кантэксту.

490
00:27:59,680 --> 00:28:03,380
Але можна, вядома, змешваць і спалучаць любы від бібліятэк Вас задавальняе,

491
00:28:03,380 --> 00:28:06,770
Вы хочаце даведацца, вы хочаце выкарыстоўваць, каб зэканоміць час.

492
00:28:06,770 --> 00:28:09,850
>> Давайце пагаворым аб інструментах на секунду.

493
00:28:09,850 --> 00:28:12,400
Вы можаце атрымаць тое, што вам трэба, каб пачаць працаваць з Windows Store прыкладанняў.

494
00:28:12,400 --> 00:28:17,360
Калі я вярнуся, я занадта шмат рэчаў тут.

495
00:28:17,360 --> 00:28:21,770
Калі вы ідзяце на гэтую старонку, якая dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
вы можаце спампаваць усе, што трэба.

497
00:28:23,300 --> 00:28:28,170
Як студэнты, у вас ёсць доступ да больш чым шырокая грамадскасць робіць,

498
00:28:28,170 --> 00:28:30,670
так што вы можаце атрымаць больш высокага ўзроўню версіі Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Эдвін згадвалася вы ўжо можаце атрымаць Windows, а таксама.

500
00:28:34,090 --> 00:28:36,790
Але ў цэлым, для ўсіх распрацоўнікаў, вы можаце пайсці на гэты сайт

501
00:28:36,790 --> 00:28:40,380
і спампаваць усё, што трэба, каб зрабіць заяву, і ўсё гэта бясплатна.

502
00:28:40,380 --> 00:28:42,460
Так што ёсць бясплатная версія Visual Studio,

503
00:28:42,460 --> 00:28:44,450
Ёсць некаторыя інструменты, якія будуць устаноўлены побач з, што -

504
00:28:44,450 --> 00:28:47,240
усё, што трэба для стварэння і тэставанні прыкладання.

505
00:28:47,240 --> 00:28:50,130
Гэта толькі тады, калі вы збіраецеся апублікаваць сваё прыкладанне да крамы

506
00:28:50,130 --> 00:28:52,470
што вы будзеце мець патрэбу ўліковага запісу распрацоўніка.

507
00:28:52,470 --> 00:28:56,100
Гэта таксама я лічу, гэта бясплатна. Гэта бясплатна для студэнтаў, а? >> [Гуарин] Які?

508
00:28:56,100 --> 00:28:57,970
Уліковы запіс распрацоўніка, фактычнае падпарадкаванне. >> [Гуарин] Так.

509
00:28:57,970 --> 00:28:59,580
Гэта яшчэ адна добрая навіна.

510
00:28:59,580 --> 00:29:00,840
Вы паглядзіце на гэта.

511
00:29:00,840 --> 00:29:03,840
Гэта будзе сказаць, для чалавека па змаўчанні гэта $ 49.

512
00:29:03,840 --> 00:29:06,140
Але не падпісацца на што, будучы студэнтам.

513
00:29:06,140 --> 00:29:10,250
Мы атрымаем некаторую інфармацыю праз вашы праграмы, якія можна атрымаць уліковы запіс бясплатна,

514
00:29:10,250 --> 00:29:13,980
і што дазволіць вам затым прадставіць свае прыкладанні аж да крамы,

515
00:29:13,980 --> 00:29:17,370
столькі, колькі вам падабаецца, і ўсё, што дабра неўзабаве рушаць услед.

516
00:29:17,370 --> 00:29:19,710
Дык вось dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Вы можаце спампаваць інструменты, якія могуць спатрэбіцца адсюль.

518
00:29:22,170 --> 00:29:25,310
І калі вы хочаце, вы можаце атрымаць пробную версію Windows, тут,

519
00:29:25,310 --> 00:29:27,160
але зноў жа, вы не павінны будзеце.

520
00:29:27,160 --> 00:29:32,880
>> Іншы сайт - дазвольце мне адзначыць гэты для вас хутка - гэта design.windows.com.

521
00:29:32,880 --> 00:29:34,770
Гэта было dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, вы можаце здагадацца, для чаго ён патрэбны.

523
00:29:37,770 --> 00:29:40,380
Гэта на самай справе даволі дружалюбны сайт. Там вельмі шмат добрай інфармацыі тут.

524
00:29:40,380 --> 00:29:41,770
Вы можаце працаваць праз яго.

525
00:29:41,770 --> 00:29:43,960
Гэта адбываецца, каб даць вам некалькі саветаў аб некаторых рэчах

526
00:29:43,960 --> 00:29:46,760
што, магчыма, вы не думалі пра да або меў справу з перш,

527
00:29:46,760 --> 00:29:50,780
як праектаванне для дотыку, праектавання для розных формаў-фактараў,

528
00:29:50,780 --> 00:29:55,310
праектавання для магчымасцяў Windows 8, тое, што я ўжо казаў

529
00:29:55,310 --> 00:29:58,740
як пошук і абмен, некаторыя рэчы, якія я не казаў пра яшчэ.

530
00:29:58,740 --> 00:30:05,570
Яны ўсе пералічаныя тут, і гэта даволі добры набор карысных старонак файлаў

531
00:30:05,570 --> 00:30:08,670
, Якая дапаможа вам зразумець, як зрабіць пэўны выгляд прымянення,

532
00:30:08,670 --> 00:30:14,250
як зрабіць ўзаемадзеянне, як змагацца з карыстацкім інтэрфейсам і UX вашага прыкладання.

533
00:30:14,250 --> 00:30:18,630
Я рэкамендую вам зірнуць на гэта, асабліва калі вы ў нейкі момант

534
00:30:18,630 --> 00:30:22,960
спадзеючыся апублікаваць прыкладанне ў краму.

535
00:30:22,960 --> 00:30:25,250
Вы збіраецеся хочаце ведаць, як зрабіць добрую заяўку

536
00:30:25,250 --> 00:30:28,300
таму што я ўжо казаў, калі вы гэтага не зробіце, ёсць тыя водгукі зноў.

537
00:30:28,300 --> 00:30:29,930
Людзі збіраюцца, каб быць няшчасным.

538
00:30:29,930 --> 00:30:32,960
Яны не змогуць знайсці тое, што яны чакаюць у патрэбных месцах.

539
00:30:32,960 --> 00:30:36,590
Ніхто не хоча, каб гэта адбылося з вамі.

540
00:30:36,590 --> 00:30:39,220
>> Забягаючы наперад тут, дазвольце мне зачыніць, што ўніз.

541
00:30:39,220 --> 00:30:43,700
Зараз, калі вы ведаеце, дзе атрымаць рэчы, я пакажу вам, як на самой справе пачаць выкарыстоўваць матэрыял.

542
00:30:43,700 --> 00:30:48,520
Для пачатку я на самай справе паказаць вам тут прыклад настольных прыкладанняў на маім экране Пуск.

543
00:30:48,520 --> 00:30:53,600
Тут вы можаце ўбачыць Visual Studio, вы можаце ўбачыць сумесь і іншыя інструменты распрацоўніка, што ў мяне ёсць.

544
00:30:53,600 --> 00:30:55,890
Яны маюць крыху іншы пліткі.

545
00:30:55,890 --> 00:30:57,930
Гэта таму, што яны настольныя прыкладанні,

546
00:30:57,930 --> 00:31:00,960
і ў тых выпадках, яны ўсё збіраецца запусціць назад у маім працоўным стале

547
00:31:00,960 --> 00:31:05,350
сапраўды як прыкладанні, якія вы прывыклі.

548
00:31:05,350 --> 00:31:06,960
Так вопыт для Windows, гэта адно і тое ж.

549
00:31:06,960 --> 00:31:12,940
Яны не з'яўляюцца, напрыклад, як узброены! або гэтыя рэчы. Дазвольце мне запусціць адзін хутка.

550
00:31:12,940 --> 00:31:14,340
На самай справе, вось цікавым.

551
00:31:14,340 --> 00:31:19,210
Гэта быў распрацаваны студэнтаў, якія працуюць у партнёрстве на NERD.

552
00:31:19,210 --> 00:31:23,430
Прыкладанне ў поўнаэкранным рэжыме, гэтыя віды вопыту тут.

553
00:31:23,430 --> 00:31:26,290
О, добрыя выразаць экраны і ўсе віды прышпільных рэчаў.

554
00:31:26,290 --> 00:31:34,330
Яны распрацавалі гэты. Мы маглі б таксама паказаць усё гэта ў той час як мы на гэта.

555
00:31:37,510 --> 00:31:41,070
На самай справе, я працаваў з імі трохі, даў ім некалькі саветаў аб рэчах

556
00:31:41,070 --> 00:31:44,160
таму што яны рабілі наяўнасць іх прымянення.

557
00:31:44,160 --> 00:31:46,460
Калі ласка, я не бяру да іх працы, яны зрабілі ўсю працу.

558
00:31:46,460 --> 00:31:48,990
Я проста даў ім трохі саветаў тут і там,

559
00:31:48,990 --> 00:31:52,400
але яны зрабілі некаторыя вялікія рэчы з дапамогай пярэдні канец JavaScript

560
00:31:52,400 --> 00:31:56,920
і звязваючы ў некаторых фізічных сістэмах і рэчаў, каб зрабіць шмат гэтай працы.

561
00:32:00,120 --> 00:32:03,360
Перайсці. Давайце паглядзім, калі гэта працуе.

562
00:32:03,360 --> 00:32:07,010
Нічога сабе, гэта ўсё яшчэ працавала. Добра, добра. Але вы зразумелі ідэю.

563
00:32:07,010 --> 00:32:09,350
Поўны экран дадатак, сапраўды добрае ўражанне.

564
00:32:09,350 --> 00:32:14,250
Гэта аказвае падтрымку не толькі мыш і ручку, калі ў мяне ёсць такія рэчы, як, што, але і дакрануцца.

565
00:32:14,250 --> 00:32:19,420
Калі б я быў сэнсарны экран, я мог бы проста звярнуць на яго і працягваць працаваць з гэтым.

566
00:32:19,420 --> 00:32:21,440
>> Адна рэч, я не паказваў, і прычына, чаму я прыношу гэта ўверх

567
00:32:21,440 --> 00:32:23,840
гэта я хацеў бы мець іншае прыкладанне, каб паказаць вам, што вы можаце зрабіць,

568
00:32:23,840 --> 00:32:29,480
Вы можаце на самой справе ўзяць прыкладанняў у АС Windows і перацягнуць іх у бок экрана.

569
00:32:29,480 --> 00:32:33,070
Гэта называецца прывязкі прыкладання.

570
00:32:33,070 --> 00:32:37,800
У гэтым выпадку, я ўзяў Inkarus і я дадаў яго ў бок тут.

571
00:32:37,800 --> 00:32:42,990
У цяперашні час у Прывязаць гледжання, і што дазваляе мне рабіць нешта яшчэ ў той час, што ўжыванне ёсць.

572
00:32:42,990 --> 00:32:46,210
Большасць гульняў вы знойдзеце будзе проста паўза.

573
00:32:46,210 --> 00:32:51,090
Гэта звычайна прыстойная, што трэба зрабіць, калі ваша гульня не можа нейкім чынам памяншаць

574
00:32:51,090 --> 00:32:54,210
да таго, што маленькі з рэзалюцыі, як, можа быць, нейкі настольныя гульні

575
00:32:54,210 --> 00:32:55,620
ці таму падобнае з нагоды.

576
00:32:55,620 --> 00:32:58,570
Але ў цэлым, прасцей за ўсё зрабіць, і найбольш прыдатным, што трэба зрабіць для гульняў

577
00:32:58,570 --> 00:33:00,620
з'яўляецца прыпынення працы прыкладання.

578
00:33:00,620 --> 00:33:09,440
Для прыкладанняў, такіх як навінавыя прыкладання, калі я запускаю гэты і тады я прывязаць яго,

579
00:33:09,440 --> 00:33:16,170
вы ўбачыце, што на самой справе істотна змяняе ў тым, як гэта прадстаўленне даных для вас.

580
00:33:16,170 --> 00:33:20,070
Тут ён паказвае вам на самай справе больш вертыкальнае панарамаванне, што інфармацыя,

581
00:33:20,070 --> 00:33:23,340
але я ўсё яшчэ магу абсалютна выкарыстоўваць праграму.

582
00:33:23,340 --> 00:33:25,640
Так што гэта яшчэ вельмі карысна.

583
00:33:25,640 --> 00:33:29,870
Той факт, што гэта ў меншай гледжання не ўтрымаць мяне ад выкарыстання гэтага прыкладання. Так што падумайце аб гэтым.

584
00:33:29,870 --> 00:33:32,090
Гэта тое, што вам трэба мець вашыя прыкладання зрабіць у некаторай ступені,

585
00:33:32,090 --> 00:33:35,370
але гэта да вас, каб вызначыць, як функцыянальная вашыя прыкладання павінны быць

586
00:33:35,370 --> 00:33:39,080
у такім меншай асяроддзя.

587
00:33:39,080 --> 00:33:44,780
Дазвольце мне закрыць гэтую адну ўніз і вярнуцца ў тое, дзе мы былі тут.

588
00:33:44,780 --> 00:33:48,110
>> Эдвін, вы дадалі фатаграфію мяне ўжо? >> [Гуарин] Так. >> [Боуэн] Паглядзіце на гэта.

589
00:33:48,110 --> 00:33:51,510
Бачыш? Эдвін дадаў фатаграфію. [Смяецца]

590
00:33:51,510 --> 00:33:54,410
>> Давайце вернемся сюды ў Visual Studio. Дазвольце мне пачаць гэта для вас.

591
00:33:54,410 --> 00:33:58,170
Я мог бы націснуў на плітцы на гэтым экране Пуск.

592
00:33:58,170 --> 00:34:02,630
Гэта вярнула мяне ў рэжым Desktop, і гэта запускае настольнае прыкладанне з Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Гэта вокны, якія вы ўжо ведаеце.

594
00:34:06,790 --> 00:34:09,100
Я магу ісці наперад і стварыць праект тут.

595
00:34:09,100 --> 00:34:11,159
Мы зноў засяродзіцца на JavaScript, HTML.

596
00:34:11,159 --> 00:34:16,510
Я збіраюся выйсці і выбраць тут пад JavaScript, Windows Store.

597
00:34:16,510 --> 00:34:19,010
Там у шэраг шаблонаў, якія можна выкарыстоўваць.

598
00:34:19,010 --> 00:34:21,710
Для прадукцыйнасці, я б парэкамендаваў вам зірнуць на некаторыя з гэтых астатніх тут

599
00:34:21,710 --> 00:34:23,489
як грыд і Спліт.

600
00:34:23,489 --> 00:34:25,270
Яны сапраўды карысныя, калі вы робіце заяўку

601
00:34:25,270 --> 00:34:28,960
што будзе мець такі дызайн і навігацыя. Вы ўбачыце гэтыя шмат.

602
00:34:28,960 --> 00:34:33,070
Той, які я толькі што паказаў вам на самай справе асобнікам грыд-прыкладанні.

603
00:34:33,070 --> 00:34:36,880
Так што калі вы думаеце, што вы збіраецеся рабіць на прэс-дадатак або RSS Reader

604
00:34:36,880 --> 00:34:43,120
ці нешта ў гэтым родзе, што мае справу з мноствам запісаў, для якіх вы хацелі б паказаць дэталі,

605
00:34:43,120 --> 00:34:45,989
думаю аб выкарыстанні аднаго з гэтых шаблонаў для хуткага пачатку

606
00:34:45,989 --> 00:34:48,380
і налады яго адтуль.

607
00:34:48,380 --> 00:34:50,120
Але толькі так я магу паказаць вам усе якія рухаюцца часткі тут

608
00:34:50,120 --> 00:34:56,120
Я збіраюся стварыць пусты дадатак, а затым мы пойдзем трохі глыбей у дэталі.

609
00:34:56,120 --> 00:34:58,690
Я проста зрабіць гэта пустое заяву тут.

610
00:34:58,690 --> 00:35:01,270
Гэта збіраецца стварыць цэлы праект для мяне.

611
00:35:01,270 --> 00:35:03,290
Я адкрыю рэчы, якія я хачу паказаць вам, па змаўчанні.

612
00:35:03,290 --> 00:35:08,550
Дазвольце мне толькі павялічыць трохі, каб паказаць вам, што стварыў для нас тут.

613
00:35:08,550 --> 00:35:11,350
Тое, што вы збіраецеся глядзець на першы усё па імя па змаўчанні.

614
00:35:11,350 --> 00:35:15,970
Так што вы збіраецеся шукаць default.html, default.js і default.css.

615
00:35:15,970 --> 00:35:19,590
Акрамя таго, неабходна адзначыць, з'яўляецца тое, што ў нас ужо ёсць спасылкі на тое, што я ўжо казаў.

616
00:35:19,590 --> 00:35:24,530
Гэта WinJS. Ніхто на самай справе не называе гэта такім доўгае імя тут.

617
00:35:24,530 --> 00:35:27,710
Гэта WinJS, Бібліятэка Вокны для JavaScript.

618
00:35:27,710 --> 00:35:29,530
Калі вы адкрыеце яго, вы можаце ўбачыць усё гэта тут.

619
00:35:29,530 --> 00:35:31,820
Там у розныя файлы CSS, ёсць JavaScript.

620
00:35:31,820 --> 00:35:33,520
Гэта там, каб дапамагчы вам.

621
00:35:33,520 --> 00:35:37,190
Гэта сапраўды там, каб забяспечыць кантроль і стылі і рэчы, якія вы можаце проста выкарыстоўваць аўтаматычна.

622
00:35:37,190 --> 00:35:41,240
Але зноў жа, калі ёсць рэчы, якія вы хочаце выкарыстоўваць замест з пункту гледжання стылю і іншых элементаў кіравання,

623
00:35:41,240 --> 00:35:45,600
гэта цалкам залежыць ад вас. Я пакажу вам, як выкарыстоўваць пару з тых рэчаў, прама цяпер.

624
00:35:45,600 --> 00:35:51,020
>> Вярнуцца на на нашым левага боку, дазвольце мне паказаць вам старонку па змаўчанні HTML.

625
00:35:51,020 --> 00:35:54,490
Вы ўжо бачылі рэчы WinJS, і гэта сапраўды ўсё, што там адбываецца

626
00:35:54,490 --> 00:35:59,930
з тых сярэднія лініі разметкі, проста прыносячы ў CSS па змаўчанні

627
00:35:59,930 --> 00:36:02,370
і прывядзенне ў пару файлаў JavaScript з WinJS.

628
00:36:02,370 --> 00:36:06,400
Вам не трэба быць майстрам, што адбываецца ўнутры гэтых файлаў.

629
00:36:06,400 --> 00:36:10,110
Гэта даволі цікава зірнуць на іх, каб збольшага разгледзець тое, што адбываецца ў там

630
00:36:10,110 --> 00:36:14,410
таму што ёсць даволі цікавыя прамежкавыя і перадавыя метады, якія адбываюцца ў там,

631
00:36:14,410 --> 00:36:18,100
але добрая рэч, як распрацоўшчыкаў, вы можаце проста скарыстацца імі, проста выкарыстоўваць іх

632
00:36:18,100 --> 00:36:19,510
і на самай справе не прыйдзецца турбавацца пра гэта.

633
00:36:19,510 --> 00:36:21,960
Вы ўсё яшчэ можаце вадзіць машыну, не ведаючы, як гэта працуе, ці не так?

634
00:36:21,960 --> 00:36:24,180
Дык вось такая рэч, што тут адбываецца.

635
00:36:24,180 --> 00:36:26,930
Там у органы кіравання і стылі і рэчы, якія вы можаце проста ісці наперад і выкарыстоўваць

636
00:36:26,930 --> 00:36:31,460
і код, які можна выкарыстоўваць у секунду, не ведаючы, што там.

637
00:36:31,460 --> 00:36:33,200
Вось вашы ўласныя файлы.

638
00:36:33,200 --> 00:36:35,860
Гэта вашыя месцы, якія вы можаце змяняць свой уласны CSS

639
00:36:35,860 --> 00:36:38,400
і ваш уласны JavaScript, каб рэчы пракаткі.

640
00:36:38,400 --> 00:36:43,300
Вы будзеце дадаваць вядома іншыя файлы JavaScript і, магчыма, іншыя файлы CSS

641
00:36:43,300 --> 00:36:47,480
як ваш праект расце, але гэта сапраўды ўсяго толькі адпраўная кропка.

642
00:36:47,480 --> 00:36:52,570
Вось Прывітанне, свет эквівалент HTML, так што мы яшчэ ў цела тэга.

643
00:36:52,570 --> 00:36:55,990
У верхняй частцы, дарэчы, гэта тып дакумента HTML5,

644
00:36:55,990 --> 00:37:00,060
так вы зразумееце, што ад таго, што вы працавалі на.

645
00:37:00,060 --> 00:37:04,600
Там поўна IntelliSense тут, так што, калі вы робіце рэчы, як тыпу ў відэа тэга

646
00:37:04,600 --> 00:37:07,340
і пашырыць, што, вы, напэўна, даведаліся пра тое,

647
00:37:07,340 --> 00:37:12,760
што вам трэба зрабіць, рэзервовы кадаваньне для відэа тэгаў у HTML5 - ці, можа быць у вас ёсць -

648
00:37:12,760 --> 00:37:17,490
для таго, каб розныя браўзэры маюць падтрымку відэа.

649
00:37:17,490 --> 00:37:22,610
У нас ёсць такія рэчы праз HTML, праз JavaScript, праз CSS.

650
00:37:22,610 --> 00:37:26,020
Вось убудаваная, і я пакажу вам CSS у секунду.

651
00:37:26,020 --> 00:37:29,430
Тут Вы можаце пайсці далей і пачаць змяняць код, разметку.

652
00:37:29,430 --> 00:37:33,700
На самай справе, перш чым я нічога мяняць, я збіраюся запусціць гэта і паказаць вам, што вы атрымліваеце.

653
00:37:33,700 --> 00:37:35,700
Вы збіраецеся атрымаць застаўку, якія вы можаце наладзіць

654
00:37:35,700 --> 00:37:40,940
і тады вы атрымаеце Hello, World ўражанне тут. Гэта проста фантастыка, ці не так?

655
00:37:40,940 --> 00:37:42,640
Ідзем далей і карабель, які, праўда?

656
00:37:42,640 --> 00:37:45,970
Змесціва ідзе тут. Гэта асноўная рэч.

657
00:37:45,970 --> 00:37:48,740
Гэта будзе толькі лепш адтуль.

658
00:37:48,740 --> 00:37:51,300
Мы пойдзем далей і дадаць у некаторыя рэчы.

659
00:37:51,300 --> 00:37:53,470
У мяне ёсць трохі разметкі я збіраюся капіяваць сюды

660
00:37:53,470 --> 00:37:55,740
толькі так вы не павінны глядзець на мяне друкаваць.

661
00:37:55,740 --> 00:38:02,620
Адпусьці мяне выхоўваць інструментаў тут, і я буду ўскладаць гэта, таму што я буду рабіць гэта некалькі разоў.

662
00:38:02,620 --> 00:38:05,650
Скрыня для інструмента, калі вы яшчэ не бачылі Visual Studio, дзе вы збіраецеся знайсці кучу кіравання.

663
00:38:05,650 --> 00:38:09,050
Вы таксама можаце змясціць фрагменты кода ў яго, што вы можаце выкарыстоўваць.

664
00:38:09,050 --> 00:38:16,360
Тут я проста поп ў некаторых іншых HTML, нічога страшна перадавых наогул тут.

665
00:38:16,360 --> 00:38:20,170
Гэта толькі асноўныя HTML кажу, што я ёсць уваход, дзе я магу ўвесці,

666
00:38:20,170 --> 00:38:23,860
У мяне ёсць кнопка, дзе я магу ўявіць яго, а затым у мяне ёсць DIV, што па сутнасці запаўняльнікам

667
00:38:23,860 --> 00:38:27,360
што я магу выкарыстоўваць для вываду на "Прывітанне, вы друкую гэта."

668
00:38:27,360 --> 00:38:32,780
Гэта ўвядзенне ў HTML напрыклад.

669
00:38:32,780 --> 00:38:39,340
Калі я запускаю гэта, мы аўтаматычна атрымліваем HTML, але мы таксама аўтаматычна атрымліваеце стыль.

670
00:38:39,340 --> 00:38:42,270
Гэта адна з важных рэчаў, ад WinJS.

671
00:38:42,270 --> 00:38:47,250
Гэта збіраецца даць вам па змаўчанні некаторыя выглядаць і адчуваць сябе, што сапраўды адпавядае

672
00:38:47,250 --> 00:38:50,520
з астатняй часткай, што Windows 8 робіць.

673
00:38:50,520 --> 00:38:52,110
Тут вы бачыце такія рэчы, як кнопкі.

674
00:38:52,110 --> 00:38:55,890
Кнопка па змаўчанні ў HTML не падобны, але ён робіць тут

675
00:38:55,890 --> 00:39:00,880
таму што гэта становіцца, што CSS права з гэтага CSS файла ў WinJS.

676
00:39:00,880 --> 00:39:04,680
Калі вы хочаце выкарыстоўваць нешта яшчэ, калі вы хочаце, каб змяніць гэта, цалкам нармальна,

677
00:39:04,680 --> 00:39:06,790
ісці наперад і рабіць тое, што вы хацелі б. Але гэта па змаўчанні.

678
00:39:06,790 --> 00:39:09,610
Гэта збіраецца быць больш знаёмыя карыстальнікам.

679
00:39:09,610 --> 00:39:13,510
І, вядома, гэта не будзе нічога рабіць, таму што я на самой справе не злучаць любы код

680
00:39:13,510 --> 00:39:16,630
у адказ на гэта. Гэта было проста HTML.

681
00:39:16,630 --> 00:39:20,630
Так што я магу пазбавіцца ад гэтага, і мы вернемся ў наша дадатак.

682
00:39:20,630 --> 00:39:25,310
>> Дазвольце мне перайсці на нашых default.js.

683
00:39:25,310 --> 00:39:29,030
Гэта выглядае даволі складанай, але яна проста робіць некалькі рэчаў для вас.

684
00:39:29,030 --> 00:39:33,120
Гэта шаблонны. Гэта збіраецца быць такім жа, ва ўсіх вашых праектаў.

685
00:39:33,120 --> 00:39:36,620
Адзінае, гэта праробліваецца толькі збольшага пытацца: "Як я сюды трапіў?"

686
00:39:36,620 --> 00:39:39,090
і кажа: «Вы запуску гэтага прыкладання ў першы раз?"

687
00:39:39,090 --> 00:39:42,640
"Вы аднаўлення прыкладанне ад неабходнасці гэта будзе прыпынены?"

688
00:39:42,640 --> 00:39:44,510
Пару такіх рэчах.

689
00:39:44,510 --> 00:39:50,300
Сапраўды, у цэнтры нашай увагі на гэты файл тут мае рацыю наконт тут.

690
00:39:50,300 --> 00:39:54,490
У гэты момант, гэта адна радок кода вельмі важна.

691
00:39:54,490 --> 00:39:57,070
Гэта на самай справе збіраецца пайсці і паглядзець усё разметцы,

692
00:39:57,070 --> 00:40:01,640
і ён збіраецца, каб знайсці рэчы, якія вы прасілі, каб ператварыліся ў элементы кіравання,

693
00:40:01,640 --> 00:40:07,220
глыбокія элементы кіравання, як у рэйтынгавага кантролю, як у выглядзе сеткі, як ўсплываючым акне

694
00:40:07,220 --> 00:40:09,570
і гэтыя іншыя рэчы, якія я паказаў вам на гэтым слайдзе раней.

695
00:40:09,570 --> 00:40:12,550
Яны не родныя кіравання HTML.

696
00:40:12,550 --> 00:40:17,860
Вы толькі не кажаце ўсплывальнае як элемент і ён ведае, што рабіць.

697
00:40:17,860 --> 00:40:22,120
Тое, што мы на самай справе гэта тое ж самае, што адбываецца ў іншых відах рамках кантролю.

698
00:40:22,120 --> 00:40:26,200
JQuery UI робіць той жа самы выгляд агульнага падыходу.

699
00:40:26,200 --> 00:40:30,800
Вы можаце выкарыстоўваць маркіроўку ў HTML, а затым некаторыя JavaScript прыходзіць праз пазней і кажа,

700
00:40:30,800 --> 00:40:35,900
"О, я ведаю, што гэта такое. Тое просіць, каб гэта ператварыць у гэтай рэчы,"

701
00:40:35,900 --> 00:40:39,850
які з'яўляецца сябрам больш выразным HTML, каб зрабіць як элемент кіравання ацэнкай,

702
00:40:39,850 --> 00:40:41,790
што і я пакажу вам прама цяпер.

703
00:40:41,790 --> 00:40:46,140
Гэты радок кода з'яўляецца абяцанне, што кажа: "Калі гэта абяцанне выканана,

704
00:40:46,140 --> 00:40:49,090
"Усё, што вы прасілі потым быў створаны."

705
00:40:49,090 --> 00:40:52,780
І гэта ўсё. Гэта выглядае трохі комплекс, але гэта сапраўды тое ж самае ў кожным праекце.

706
00:40:52,780 --> 00:40:56,690
Тут, унізе, дзе вы можаце пачаць дадаваць у тое, што вы хочаце, каб адбылося,

707
00:40:56,690 --> 00:40:58,280
таму мы вернемся да гэтага ў секунду.

708
00:40:58,280 --> 00:41:01,480
>> Перш за ўсё, мне трэба крыху кода, які можа рэагаваць на тое,

709
00:41:01,480 --> 00:41:03,320
што нехта націснуў на кнопку.

710
00:41:03,320 --> 00:41:06,330
Я збіраюся ісці наперад і пакласці, што ў тут.

711
00:41:06,330 --> 00:41:09,620
Зноў жа, я не збіраюся рабіць якія-небудзь друкаваць перад вамі тут.

712
00:41:09,620 --> 00:41:12,560
Вельмі просты JavaScript проста кажу, калі гэта называецца

713
00:41:12,560 --> 00:41:15,270
мы збіраемся быць прадастаўлены некаторыя падрабязнасці пра тое, як мы атрымалі тут

714
00:41:15,270 --> 00:41:17,630
а потым мы збіраемся зрабіць некалькі асноўных рэчаў.

715
00:41:17,630 --> 00:41:21,300
Перайсці знайсці рэч у маім HTML-старонкі, імя nameInput,

716
00:41:21,300 --> 00:41:28,490
схапіць яго, заняць сваё значэнне, плескачоў "прывітанне" на перад ім, і прытрымлівацца, што выніковая радок

717
00:41:28,490 --> 00:41:31,960
у гэтую сну тэга, які мы мелі да гэтага сапраўды не было нічога раней.

718
00:41:31,960 --> 00:41:37,220
Цяпер мы збіраемся, каб знайсці гэты тэг і зрабіць яго ўнутраны змест роўны гэтага радка.

719
00:41:37,220 --> 00:41:38,880
Вельмі просты JavaScript.

720
00:41:38,880 --> 00:41:42,240
Спадзяюся вы прызнаючы, што ёсць на самой справе нічога незвычайнага тут адбываецца.

721
00:41:42,240 --> 00:41:45,360
Гэта проста прама ўверх HTML і JS тут.

722
00:41:45,360 --> 00:41:48,220
Калі я запускаю гэта цяпер, гэта па-ранейшаму не збіраецца выконваць любую працу, таму што я не падлучаны яго

723
00:41:48,220 --> 00:41:50,030
каб атрымаць падзея.

724
00:41:50,030 --> 00:41:55,710
Каб зрабіць гэта, я зраблю гэта прама тут, зноў жа вяртаючыся да маёй панэлі інструментаў,

725
00:41:55,710 --> 00:41:58,730
з'яўляюцца яго тут.

726
00:41:58,730 --> 00:42:03,060
Я чакаю, што вы бачылі ўсё такога роду рэчы раней, таму я не буду больш-гэта растлумачыць.

727
00:42:03,060 --> 00:42:05,060
Цяпер мы збіраемся ісці атрымаць helloButton.

728
00:42:05,060 --> 00:42:07,730
Мы збіраемся сказаць, "Button, віншаванні."

729
00:42:07,730 --> 00:42:10,130
"Вось гэта падзея, якое вы зараз рэагуюць на."

730
00:42:10,130 --> 00:42:13,420
"Калі карыстач націскае на вас, выклікаць гэтую функцыю, то buttonClickHandler."

731
00:42:13,420 --> 00:42:17,070
І вось, што функцыя, якую мы толькі што дадалі прама ўніз, на дно там. Вось і ўсё.

732
00:42:17,070 --> 00:42:20,980
Так што цяпер у нас ёсць дзіўна функцыянальнага прыкладання.

733
00:42:20,980 --> 00:42:24,720
Я думаю, што вы будзеце сапраўды ўражаны гэтым.

734
00:42:24,720 --> 00:42:32,320
Крыс. Чакаць яго. Нічога сабе. Добра. Гэта дзіўна. [Смяецца]

735
00:42:32,320 --> 00:42:36,570
Але ёсць яшчэ сёе-тое. Не купляйце яшчэ. Пачакайце.

736
00:42:36,570 --> 00:42:39,610
>> Дазвольце мне паказаць вам крыху больш тут і выйсці з поўнага экрана.

737
00:42:39,610 --> 00:42:42,690
Мы збіраемся ісці да запуску.

738
00:42:42,690 --> 00:42:45,530
Дазвольце мне пайсці і на самай справе паказаць вам трохі з CSS.

739
00:42:45,530 --> 00:42:49,480
Проста па змаўчанні, калі мы азірнемся на старонцы тут,

740
00:42:49,480 --> 00:42:53,570
кожны раз, калі мы спыніліся ў гэтых рэчах ад WinJS, і мы атрымалі UI-цёмны,

741
00:42:53,570 --> 00:42:58,550
на самай справе, вы можаце змяніць яго па змаўчанні для выкарыстання святла прыкладання.

742
00:42:58,550 --> 00:43:03,450
ш-цёмна, што добра для графічных прыкладанняў, такіх як, выкарыстоўваючы шмат фатаграфій,

743
00:43:03,450 --> 00:43:05,740
Вы паказваеце шмат візуальнага кантэнту.

744
00:43:05,740 --> 00:43:12,560
Калі вы паказваеце шмат тэкставага кантэнту, ш-святло, як правіла, добры выбар.

745
00:43:12,560 --> 00:43:15,160
Вы не павінны выбіраць яго, але я перайшоў да яго

746
00:43:15,160 --> 00:43:17,690
і зараз вы бачыце тую ж разметку, ж усё,

747
00:43:17,690 --> 00:43:20,320
гэта проста, выкарыстоўваючы ў асноўным перавернутую схему тут

748
00:43:20,320 --> 00:43:24,770
дзе ўсё робіць яго чорны тэкст на белым фоне.

749
00:43:24,770 --> 00:43:26,460
Гэта ўсё добра.

750
00:43:26,460 --> 00:43:30,680
Дазвольце мне выйсці тут, і давайце на самай справе трохі больш з дапамогай CSS.

751
00:43:30,680 --> 00:43:34,830
Я паклаў яго назад на цемры, таму што я думаю, што гэта, верагодна, лягчэй ўбачыць на экране

752
00:43:34,830 --> 00:43:36,970
калі я пачынаю рабіць гэтыя рэчы.

753
00:43:36,970 --> 00:43:40,150
Я збіраюся замяніць арганізму яшчэ раз.

754
00:43:40,150 --> 00:43:44,040
Я пайду тут. Дазвольце мне скінуць атамную бомбу гэта.

755
00:43:44,040 --> 00:43:48,690
Прывядзём ў арганізме з класамі.

756
00:43:48,690 --> 00:43:53,000
Я лічу, што вы зрабілі асноўныя селектары з CSS і такія рэчы, як, што ўжо,

757
00:43:53,000 --> 00:43:55,380
так што вы, напэўна, ведаеце, што адбываецца тут.

758
00:43:55,380 --> 00:43:59,250
Проста прысваення некаторыя класы ў нашым загалоўку, і мы ствараем новы DIV

759
00:43:59,250 --> 00:44:04,430
абгарнуць астатнюю частку гэтага матэрыялу, што зараз мы можам выкарыстоўваць, каб стыль ўсе разам.

760
00:44:04,430 --> 00:44:07,760
Так што я магу зараз зрабіць, гэта перайсці да нашай змаўчанні CSS.

761
00:44:07,760 --> 00:44:11,900
Вы глядзелі на запыты сродкаў масавай інфармацыі яшчэ? Вы казалі пра тое, што на ўсіх?

762
00:44:11,900 --> 00:44:17,220
СМІ запытаў з'яўляюцца часткай гэтага які выходзіць тэндэнцыі -

763
00:44:17,220 --> 00:44:19,660
ці гэта ўсталявалася тэндэнцыя ў цяперашні час фактычна ў Інтэрнэце -

764
00:44:19,660 --> 00:44:22,760
для гнуткай канструкцыі або адаптыўных,

765
00:44:22,760 --> 00:44:28,480
і ідэя ў тым, што вашы праграмы могуць сапраўды прыстасавацца належным чынам

766
00:44:28,480 --> 00:44:31,910
аснове таго, што прылада, якое яны паказвалі на можа зрабіць.

767
00:44:31,910 --> 00:44:35,040
Так што калі вы на мабільным прыладзе, відавочна, вы не збіраецеся мець столькі экрана нерухомасці

768
00:44:35,040 --> 00:44:41,520
як вы будзеце на вялікім 30-цалевым маніторы, седзячы з працоўнага стала, вялікая ПК так.

769
00:44:41,520 --> 00:44:46,710
Так стары адказ на гэтае пытанне будзе мець 5, 6 розных версій адной старонцы

770
00:44:46,710 --> 00:44:51,350
і вы б адкрыць версію, якая была настроена для гэтага пэўнага памеру экрана.

771
00:44:51,350 --> 00:44:55,420
Не вельмі. Гэта вельмі, вельмі паўторным і ёсць тона абслугоўвання, каб зрабіць гэта.

772
00:44:55,420 --> 00:44:58,120
Цяпер у нас ёсць тое, што называецца CSS запыты СМІ,

773
00:44:58,120 --> 00:45:02,530
і мы можам выкарыстоўваць гэта, каб аўтаматычна вызначаць, калі ёсць пэўныя памеры

774
00:45:02,530 --> 00:45:07,030
ці некаторыя віды выкарыстання вашага кантэнту можа быць выканана.

775
00:45:07,030 --> 00:45:09,580
Так што вы можаце адказаць на гэта, і вы можаце сказаць: "Добра, у гэтым выпадку

776
00:45:09,580 --> 00:45:12,580
"Вы, верагодна, нават не трэба, каб я сказаў вам, што тут адбываецца."

777
00:45:12,580 --> 00:45:18,020
Гэта проста кажу, калі гэта дадатак прывязваецца, як я паказаў вам, перш чым -

778
00:45:18,020 --> 00:45:20,830
хапаючы яго і пакласці яго ў бок экрана -

779
00:45:20,830 --> 00:45:23,910
то давайце зробім наступны стыль.

780
00:45:23,910 --> 00:45:25,850
Стылізацыя ідзе не толькі аб колерах і ўсё ў такім духу.

781
00:45:25,850 --> 00:45:29,860
Гэта таксама аб памераў і палёў і і арыентацый ўтрымання

782
00:45:29,860 --> 00:45:34,040
ці нават ўключыць або адключыць цэлыя часткі вашай старонкі

783
00:45:34,040 --> 00:45:36,420
і, у гэтым выпадку, ваша прыкладанне ці ваша гульня таксама.

784
00:45:36,420 --> 00:45:39,210
Так вось, што вы можаце зрабіць так жа проста, як вы хочаце.

785
00:45:39,210 --> 00:45:46,720
Гэта не было б карысна ў вашых прыкладаннях, але гэта дэма час,

786
00:45:46,720 --> 00:45:50,530
так што я збіраюся ісці наперад і проста дадаць у асноўны селектар цела і сказаць,

787
00:45:50,530 --> 00:45:58,360
"Калі я адрэзаў, давайце ісці наперад і рабіць колер фону і давайце нешта выбраць."

788
00:45:58,360 --> 00:46:00,400
У вас ёсць IntelliSense тут. На самай справе гэта сапраўды выдатна.

789
00:46:00,400 --> 00:46:05,720
У 2012 мы дадалі шмат рэчаў для падтрымкі CSS і JavaScript і HTML.

790
00:46:05,720 --> 00:46:08,690
Вы, вядома, ёсць расчыняецца IntelliSense таксама, але гэта не крута.

791
00:46:08,690 --> 00:46:11,730
Выдатная рэч, у вас ёсць візуальныя селектары для многіх рэчаў.

792
00:46:11,730 --> 00:46:14,120
Такім чынам, можна прайсці і проста выбраць колер,

793
00:46:14,120 --> 00:46:17,580
ці вы можаце выйсці і быць яшчэ больш канкрэтным, і вы можаце выбраць -

794
00:46:17,580 --> 00:46:22,330
гэта будзе жахліва. Я на самой справе выбраць годны колер тут.

795
00:46:22,330 --> 00:46:26,500
Глядзець разметку занадта, дарэчы. Гэта ваш стандартны фармат RGB там.

796
00:46:26,500 --> 00:46:30,780
Але калі б я перайсці непразрыстасць, ён збіраецца перайсці на селектар альфа-канала тут.

797
00:46:30,780 --> 00:46:36,910
Такім чынам, вы можаце бачыць, што, колер з сутнасці адсоткаў празрыстасці, што ў вас ёсць для гэтага

798
00:46:36,910 --> 00:46:38,860
усе запечаны прама там.

799
00:46:38,860 --> 00:46:42,530
Я збіраюся трымаць яго за 100%, а затым, калі я скончу з гэтым, усё добра, і добра.

800
00:46:42,530 --> 00:46:46,160
Цяпер, калі я запусціць прыкладанне, і мы бярэм прыкладанне і мы прывязаць яго,

801
00:46:46,160 --> 00:46:49,000
што колер фону ў цяперашні час рэгулюецца аўтаматычна

802
00:46:49,000 --> 00:46:53,410
толькі таму, што ў нас ёсць некаторыя CSS, які кажа: "Ідзі зрабіць гэта."

803
00:46:53,410 --> 00:46:55,580
Вы таксама можаце напісаць наяўнасць таксама, што будзе рабіць тое ж самае

804
00:46:55,580 --> 00:47:03,010
або што вы маглі б выкарыстоўваць, каб фактычна прыпыніць гульню, рабіць рэчы, як, што.

805
00:47:03,010 --> 00:47:04,310
Гэта, напэўна, калі вы будзеце выкарыстоўваць JavaScript.

806
00:47:04,310 --> 00:47:06,610
Вы б выключыць гульнявой цыкл у гэтай кропцы.

807
00:47:06,610 --> 00:47:09,970
Вы павінны былі б некаторыя наяўнасць таму, што не было б тое, што вы б CSS для.

808
00:47:09,970 --> 00:47:11,760
Але майце на ўвазе, што гэта проста падзея.

809
00:47:11,760 --> 00:47:14,860
Можна сказаць, "Калі мой змяненні памераў акна прыкладання,

810
00:47:14,860 --> 00:47:17,780
"Давайце паглядзім, калі мы рэзка". І гэта ўсё.

811
00:47:17,780 --> 00:47:24,440
>> Добра? Я казаў шмат. Ёсць пытанні да гэтага часу ад таго, дзе мы знаходзімся? Так.

812
00:47:24,440 --> 00:47:29,310
[Студэнт] Ці ёсць падручнік для тых, хто атрымаць дадатковую інфармацыю? >> Да.

813
00:47:29,310 --> 00:47:33,510
Пытанне ў тым, ці ёсць падручнік для гэтага? Я проста распаўсюдзіць яго на ўсё.

814
00:47:33,510 --> 00:47:37,490
Ёсць некалькі рэчаў, якія вы можаце пайсці. Давайце на самай справе выбрацца адсюль.

815
00:47:37,490 --> 00:47:40,150
Дазвольце мне вярнуцца сюды.

816
00:47:40,150 --> 00:47:45,180
Адзінае, што варта адзначыць, гэта само па сабе Visual Studio мае падручнікі ўбудаваныя

817
00:47:45,180 --> 00:47:47,650
Дазвольце мне пазбавіцца ад гэтага.

818
00:47:47,650 --> 00:47:51,520
Калі вы ідзяце і стварыць новы праект, не файла, Новы праект,

819
00:47:51,520 --> 00:47:56,750
і паглядзіце на левай баку, ёсць онлайн вузел у гэтым селектары.

820
00:47:56,750 --> 00:47:59,790
Гэта зойме няшмат. Я на сваім MyFi тут.

821
00:47:59,790 --> 00:48:02,300
Але гэта будзе прыдумаць, і гэта дасць мне шанец знайсці шаблоны

822
00:48:02,300 --> 00:48:05,190
але і, што больш важна, ўзоры, а таксама.

823
00:48:05,190 --> 00:48:06,750
Так што я магу націснуць на JavaScript.

824
00:48:06,750 --> 00:48:10,050
Гэта збіраецца знайсці ўзоры для мяне. Маё рашэнне з'яўляецца спосабам высокай тут.

825
00:48:10,050 --> 00:48:15,070
Як правіла, вы ўбачыце спіс шмат розных рэчаў тут.

826
00:48:15,070 --> 00:48:18,280
Калі ёсць што-то, што вы хочаце паспрабаваць, выбраць мову,

827
00:48:18,280 --> 00:48:20,970
JavaScript тут, і сказаць: "Я не ведаю, як гэта зрабіць геолокации."

828
00:48:20,970 --> 00:48:22,220
"Я не ведаю, як адкрыць файл."

829
00:48:22,220 --> 00:48:25,840
"Я не ведаю, як скарыстацца вэб-камеры

830
00:48:25,840 --> 00:48:28,290
"Ці аптымізаваць для сэнсарнага ці таму падобнае."

831
00:48:28,290 --> 00:48:33,190
Ёсць узоры для ўсяго: абмен, пошук, прыкладанне бараў,

832
00:48:33,190 --> 00:48:37,520
робячы аддаленыя выклікі да службы, кадавання JSON.

833
00:48:37,520 --> 00:48:40,390
Усе гэтыя віды рэчаў ёсць узоры для тут,

834
00:48:40,390 --> 00:48:44,560
і яны не велізарныя выбаркі, якія збіраюцца ў вас ўсю ноч, каб расцягнуць

835
00:48:44,560 --> 00:48:46,820
проста знайсці, што адна рэч, вы хацелі даведацца.

836
00:48:46,820 --> 00:48:49,870
Яны сапраўды добрыя. Яны маленькія, прама да справы відаў узораў.

837
00:48:49,870 --> 00:48:52,330
Я даведаўся тону, праходзячы праз іх сябе,

838
00:48:52,330 --> 00:48:55,260
і таму я рэкамендую, што шмат як адна рэч.

839
00:48:55,260 --> 00:49:01,750
>> Іншая рэч, каб адзначыць, таксама, вядома, я паказаў вам dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
так што калі вы вернецеся да таго, што вы ўбачыце на дне ёсць таксама ўзоры тут.

841
00:49:07,490 --> 00:49:12,560
Такім чынам, вы можаце спампаваць усе з іх адразу, але ёсць таксама шмат іншых рэсурсаў тут

842
00:49:12,560 --> 00:49:14,400
, Якія могуць дапамагчы вам атрымаць да хуткасці.

843
00:49:14,400 --> 00:49:17,870
>> Яшчэ адна рэч, і я сапраўды рэкамендую вам паспрабаваць гэта,

844
00:49:17,870 --> 00:49:24,510
У мяне яна ёсць у маім блогу, але я проста ісці прама да яго.

845
00:49:24,510 --> 00:49:28,220
Я пакажу вам. Мой блог мае рэсурсы і таму падобнае.

846
00:49:28,220 --> 00:49:35,300
Адна з рэчаў, каб паказаць на гэта прама тут, гэтая рэч: твая ідэя. Ваш App. 30 дзён.

847
00:49:35,300 --> 00:49:40,960
Калі вы націснеце на гэта, ён збіраецца прывесці вас да сапраўды папераджальным сайце.

848
00:49:40,960 --> 00:49:44,650
Гэта значна больш карысным, чым вы маглі б чакаць.

849
00:49:44,650 --> 00:49:49,040
Гэта будзе 30 дзён зместу, якое вы можаце ў асноўным атрымаць парады і рэкамендацыі

850
00:49:49,040 --> 00:49:51,990
на працягу ўсяго гэтага працэсу, вы ствараеце дадатак.

851
00:49:51,990 --> 00:49:55,980
І, як вы не можаце чакаць, вы можаце фактычна атрымаць яго для гульняў таксама

852
00:49:55,980 --> 00:49:57,840
і тэлефонных прыкладанняў, і таму падобнае.

853
00:49:57,840 --> 00:50:01,000
Таму ў асноўным зарэгістравацца ў ім, і яны збіраюцца адпраўляць вам парады і рэкамендацыі па,

854
00:50:01,000 --> 00:50:03,010
"Ці думалі вы пра гэта? Ці падтрымліваеце Вы Прывязаць?"

855
00:50:03,010 --> 00:50:04,900
"Вось некалькі рэкамендацый аб тым, як зрабіць гэта добра."

856
00:50:04,900 --> 00:50:07,440
"Ці задумваліся Вы аб падачы ў краму?"

857
00:50:07,440 --> 00:50:09,370
"Ці задумваліся Вы аб тым, як вы збіраецеся прадаваць сваё прыкладанне?"

858
00:50:09,370 --> 00:50:11,490
Гэта будзе ісці праз усе гэтыя розныя рэчы.

859
00:50:11,490 --> 00:50:13,380
А на самай справе, калі вы знаходзіцеся на гульнявым трэку, у нейкі момант

860
00:50:13,380 --> 00:50:17,010
Вы пачнеце прызнаючы чалавека, які гаворыць з вамі

861
00:50:17,010 --> 00:50:22,850
таму што я на самой справе павінен быў пайсці ў Redmint рабіць тыя і запісаныя 2 відэа там.

862
00:50:22,850 --> 00:50:25,240
Але гэта ўсё частка гульнявой дарожкі,

863
00:50:25,240 --> 00:50:27,650
і ёсць таксама поўны трэк для агульнага развіцця прыкладання.

864
00:50:27,650 --> 00:50:29,380
Гэта называецца Пакаленне App.

865
00:50:29,380 --> 00:50:33,460
Я вызначана рэкамендаваў бы, каб да вам таксама ў дадатак да узорам.

866
00:50:33,460 --> 00:50:38,110
>> Там вельмі шмат відэа на сайце пад назвай Channel 9, а таксама.

867
00:50:38,110 --> 00:50:42,790
Гэта, верагодна, апошняе, што я рэкамендую, а перш чым мы пяройдзем тут.

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

869
00:50:45,280 --> 00:50:48,880
Гэта вельмі зручна, таму што вы не збіраецеся чытаць праз тон афіцыйныя дакументы.

870
00:50:48,880 --> 00:50:53,880
Гэта ў асноўным шмат відэа, відэаролікі і рэчаў, якія прама да справы.

871
00:50:53,880 --> 00:50:57,940
Я не павінен сказаць, што гэта заўсёды права на кропку. Гэта залежыць, хто робіць размову.

872
00:50:57,940 --> 00:51:02,290
Але ў цэлым, ёсць некаторыя відэа сапраўды да-кропцы тут

873
00:51:02,290 --> 00:51:06,230
, Які пакажа вам тую ці іншую рэч, якую вы, магчыма, захочаце даведацца ці ўбачыць прызначалася.

874
00:51:06,230 --> 00:51:11,110
Там таксама ўсе нашы кантэнту з нашай канферэнцыі, якая адбылася пару тыдняў таму

875
00:51:11,110 --> 00:51:14,380
называецца зборкі, і вы ўбачыце, што прама там.

876
00:51:14,380 --> 00:51:18,450
Там у асноўныя тэхналогіі для АС Windows 8 гульняў. Там вы ідзяце.

877
00:51:18,450 --> 00:51:23,150
Я быў там, на самай справе. Вы не можаце мяне бачыць. Я быў тут.

878
00:51:23,150 --> 00:51:27,560
Але так ці інакш, гэта ў баку, я рэкамендую вам зірнуць на тых відэа.

879
00:51:27,560 --> 00:51:29,330
Яны даволі карыснымі.

880
00:51:29,330 --> 00:51:32,620
Калі вы затрымаліся на чым-то або вы проста хочаце ўбачыць, што нешта можа рабіць, страляць тых, да.

881
00:51:32,620 --> 00:51:36,890
>> [Гуарин] Windows Mail проста паслаў мне электронны ліст са спасылкай на ўтрыманне

882
00:51:36,890 --> 00:51:42,140
для студэнтаў, каб спампаваць з прыкладам кода і ўсё ў такім духу. >> [Боуэн] Вялікі.

883
00:51:42,140 --> 00:51:45,510
Ўзрушаюча. Дзякуй, Эдвін.

884
00:51:45,510 --> 00:51:48,320
>> Добра. >> [Студэнт] У мяне ёсць пытанне. >> [Боуэн] О. Так, калі ласка.

885
00:51:48,320 --> 00:51:55,030
[Неразборліва студэнт пытанне] >> [Боуэн] О, я рады, што вы спыталі, што. Так.

886
00:51:55,030 --> 00:51:58,940
Пытанне было, ёсць візуальны інтэрфейс для мяне стварыць рэчы?

887
00:51:58,940 --> 00:52:01,630
Эдвін, аддасьць табе сто разоў за гэтае пытанне.

888
00:52:01,630 --> 00:52:04,310
Існуе спосаб зрабіць гэта.

889
00:52:04,310 --> 00:52:09,040
Ці павінны мы зрабіць гэта зараз? Давайце зробім гэта цяпер.

890
00:52:09,040 --> 00:52:11,780
Я збіраюся ісці да яе прама цяпер.

891
00:52:11,780 --> 00:52:14,070
На самай справе, дазвольце мне дадаць больш адной рэчы да гэтай дэманстрацыі,

892
00:52:14,070 --> 00:52:16,710
а затым я пакажу вам рэальную адказ.

893
00:52:16,710 --> 00:52:21,340
Я збіраўся дадаць ў трохі больш CSS тут.

894
00:52:21,340 --> 00:52:23,980
Я быў крыху не па датычнай тут.

895
00:52:23,980 --> 00:52:26,770
Дазвольце мне паставіць у некаторых CSS тут, каб скарыстацца

896
00:52:26,770 --> 00:52:29,980
з класаў, якія мы дадалі некаторы час таму,

897
00:52:29,980 --> 00:52:33,930
ў загалоўку, у MainContent DIV, а затым у greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Калі я гэта зраблю і запусціць яго, вы можаце ўбачыць зараз у нас ёсць трохі некалькі іншай водступы і палі,

899
00:52:37,920 --> 00:52:40,310
таму ў нас ёсць на самай справе некаторыя зрушэння тут.

900
00:52:40,310 --> 00:52:44,630
Яны больш да таго, што вы збіраецеся чакаць канчатковага паліраванай прымянення.

901
00:52:44,630 --> 00:52:47,770
Але я проста паказваю вам гэта, таму што гэта прама CSS.

902
00:52:47,770 --> 00:52:51,910
Так што рэчы, якія вы ўжо ведаеце, вы можаце выкарыстоўваць тут, каб рэгуляваць змест, як вы хочаце.

903
00:52:51,910 --> 00:52:55,100
Вы ўжо бачылі, як зрабіць фон змяніць той шлях.

904
00:52:55,100 --> 00:53:02,980
>> Калі я вярнуся да нашага HTML, я збіраюся дадаць больш аднаго набору разметкі,

905
00:53:02,980 --> 00:53:06,140
і гэта на самай справе адбываецца, каб быць кантроль з WinJS.

906
00:53:06,140 --> 00:53:09,840
Я збіраюся пайсці і захапіць гэта, пазнаку. Дазвольце мне пераканацца, што я раблю гэта ў патрэбным месцы.

907
00:53:09,840 --> 00:53:11,740
Напэўна дастаткова добра.

908
00:53:11,740 --> 00:53:15,590
Вось я толькі што дадаў - і мы пойдзем на поўны экран так што вы можаце бачыць ўсё гэта -

909
00:53:15,590 --> 00:53:18,520
Я дадаў пазнаку на наступны дзіваў.

910
00:53:18,520 --> 00:53:20,890
Спраў называецца ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Само па сабе гэта нічога не будзе рабіць.

912
00:53:23,090 --> 00:53:28,570
Калі вы адкрыеце гэты ў браўзэры, вы б гледзячы на ​​пусты, сам DIV.

913
00:53:28,570 --> 00:53:31,820
Але з-за гэтай таямнічай радку кода, што я паказаў табе,

914
00:53:31,820 --> 00:53:35,650
працэс усё, гэта будзе шукаць тое, што выглядае так -

915
00:53:35,650 --> 00:53:40,380
Дадзеныя выйгрышу-кантроль - і гэта будзе знайсці ўсе, што ў гэтым параметры.

916
00:53:40,380 --> 00:53:44,560
Гэта збіраецца зрабіць асобнік што б гэта ні ён, паказваючы на.

917
00:53:44,560 --> 00:53:48,850
У гэтым выпадку, гэта кантроль рэйтынг, таму я кажу: "Калі ласка, ідзеце і замяніць гэтую рэч

918
00:53:48,850 --> 00:53:51,400
"З тым, што вам трэба зрабіць, каб зрабіць кантроль рэйтынг."

919
00:53:51,400 --> 00:53:56,610
Гэта можа быць кантроль фліп, гэта можа быць кольца прагрэс ці што кантроль вы хочаце выкарыстаць.

920
00:53:56,610 --> 00:53:59,390
Яны ўсё будзе працаваць практычна гэтак жа,.

921
00:53:59,390 --> 00:54:02,920
Вы карыстаецеся стандартны HTML5 разметку, каб паказаць, што вы хочаце,

922
00:54:02,920 --> 00:54:07,670
а затым вы збіраецеся атрымаць кантроль у канцы гэтага. Дазвольце мне запусціць гэты.

923
00:54:07,670 --> 00:54:12,270
Я проста скапіяваў, што ў, і цяпер, калі разметка становіцца гэта,

924
00:54:12,270 --> 00:54:15,280
якая на самай справе даволі шмат HTML элементаў.

925
00:54:15,280 --> 00:54:18,440
Усе гэтыя асобныя выявы, і ёсць дзівы вакол іх з селектараў.

926
00:54:18,440 --> 00:54:22,610
Спадзяюся, вы зможаце ўбачыць, што. Гэта крыху танчэй.

927
00:54:22,610 --> 00:54:27,380
Я магу навядзіце курсор на розных пунктаў, і гэта будзе, каб дазволіць мне ўбачыць рэйтынг тут.

928
00:54:27,380 --> 00:54:31,560
Я магу націснуць на яе, і яна памятае рэйтынг, але гэта пра яго.

929
00:54:31,560 --> 00:54:33,100
Гэта на самай справе не робяць нічога з рэйтынгам.

930
00:54:33,100 --> 00:54:35,230
>> Той, апошняе, што я хачу паказаць вам, на гэтым

931
00:54:35,230 --> 00:54:37,820
перш, чым мы перайсці ў больш візуальнага вопыту праектавання

932
00:54:37,820 --> 00:54:42,680
трохі кода, які я магу выкарыстоўваць, каб адказаць на гэтыя элементы кіравання WinJS.

933
00:54:42,680 --> 00:54:47,540
Дазвольце мне выбрацца адтуль, зваротна з поўнаэкранным рэжыме,

934
00:54:47,540 --> 00:54:52,690
і перайсці на JS тут секунду.

935
00:54:52,690 --> 00:54:57,450
Я магу зрабіць гэта прама тут. Я думаю, што я замяніў усё гэта справа.

936
00:54:57,450 --> 00:55:03,080
На самай справе, я думаю, што ён заменіць усе гэта, але мы даведаемся разам.

937
00:55:03,080 --> 00:55:07,350
Я пакладу гэта тут. Так. Я збіраюся выдаліць гэта таксама.

938
00:55:07,350 --> 00:55:11,790
Што я магу дадаць? Гэта выглядае як шмат. Гэта не шмат.

939
00:55:11,790 --> 00:55:14,920
Я проста падоўжаны гэты радок кода, які я ўжо казалі раней,

940
00:55:14,920 --> 00:55:18,590
і я кажу: "Калі ўсё будзе зроблена, калі ўсе мае кіравання былі зробленыя,

941
00:55:18,590 --> 00:55:23,660
», То зрабіць гэта." Такім чынам запусціць гэтую функцыю з імем завершана.

942
00:55:23,660 --> 00:55:27,080
У гэтым выпадку, гэта матэрыял, які вы можаце высветліць.

943
00:55:27,080 --> 00:55:29,040
Знайдзі, што кантроль спраў.

944
00:55:29,040 --> 00:55:30,790
На самай справе, ёсць адна рэч, я павінен адзначыць,.

945
00:55:30,790 --> 00:55:35,630
Гэта наступная радок фактычна кажа: "У мяне ёсць, што ratingControlDiv."

946
00:55:35,630 --> 00:55:39,770
"Я хачу пагаварыць з ёй, як калі б гэта быў рэальны кантроль, кантроль WinJS."

947
00:55:39,770 --> 00:55:42,020
Так у асноўным, вы просіце, што ад яго.

948
00:55:42,020 --> 00:55:44,600
Вы кажаце, "Я хачу пагаварыць з вамі ў якасці кантролю."

949
00:55:44,600 --> 00:55:47,810
І тады вы можаце пачаць казаць такія рэчы, як: "Мы збіраемся дадаць слухача для вас

950
00:55:47,810 --> 00:55:51,430
"Таму, калі вы змянілі мы можам адказаць на гэта."

951
00:55:51,430 --> 00:55:56,930
І тады мы зможам таксама рабіць рэчы, як гэта. На самай справе, гэта стары код там.

952
00:55:56,930 --> 00:55:59,600
Я думаю, што мне не хапае ўстаўкі больш за адну функцыі,

953
00:55:59,600 --> 00:56:05,030
і гэта было б рэальнае функцыя, якая будзе рэагаваць на рэйтынгавага кантролю неабходна змяніць.

954
00:56:05,030 --> 00:56:07,710
Дазвольце мне поп, што ў прама тут,

955
00:56:07,710 --> 00:56:09,840
дзесьці вакол там.

956
00:56:09,840 --> 00:56:14,930
І ў гэтым выпадку, адзінае, што новым з'яўляецца тое, што мы збіраемся ў

957
00:56:14,930 --> 00:56:21,000
што кантроль рэйтынг кажа нам і мы просім тое, што называецца tentativeRating.

958
00:56:21,000 --> 00:56:23,150
Там куча розных іншых рэчаў, якія, што кантроль можа сказаць вам,

959
00:56:23,150 --> 00:56:25,310
і ён ідзе кантроль па кантролі.

960
00:56:25,310 --> 00:56:29,140
Гэта вельмі проста. Вы зможаце не зразумець гэта без праблем наогул.

961
00:56:29,140 --> 00:56:34,040
Я запускаю гэта, і цяпер, калі я мяняць рэйтынгі і націснуць на рэйтынгу,

962
00:56:34,040 --> 00:56:36,480
Вы можаце бачыць зараз гэта на самай справе адказ на яго.

963
00:56:36,480 --> 00:56:40,280
Гэта пакласці, што ацэнка на экране ў гэты пустым сну тэга

964
00:56:40,280 --> 00:56:42,970
ніжэй рэйтынгавага кантролю.

965
00:56:42,970 --> 00:56:46,670
Гэта магія шмат матэрыялу тут таксама.

966
00:56:46,670 --> 00:56:49,580
Так як вы ствараеце прыкладання для Windows Store,

967
00:56:49,580 --> 00:56:52,930
ёсць тона элементаў кіравання, якія вы можаце проста выкарыстоўваць. Яны ўсе працуюць, як гэта.

968
00:56:52,930 --> 00:56:58,670
>> Дазвольце мне паказаць вам візуальны бок праектавання для гэтых прыкладанняў.

969
00:56:58,670 --> 00:57:03,440
Добрай навіной з'яўляецца тое вы будзеце ўжо ёсць гэты інструмент пры ўсталёўцы ўсё

970
00:57:03,440 --> 00:57:06,240
калі вы ідзяце ў гэтай запампоўкі, і вы атрымаеце Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Я магу пстрыкніце правай кнопкай мышы на гэтым. Я не буду павелічэння маштабу

972
00:57:09,890 --> 00:57:12,040
Гэта проста кажа Адкрыць у Blend.

973
00:57:12,040 --> 00:57:16,040
Сумесь з'яўляецца яшчэ адным інструментам, які працуе бок аб бок з Visual Studio

974
00:57:16,040 --> 00:57:19,230
і арыентаваны больш на праектнай бок рэчаў,

975
00:57:19,230 --> 00:57:23,660
так што гэта сапраўды паверхняў інструментаў, якія аптымізаваныя для стварэння стыляў,

976
00:57:23,660 --> 00:57:29,720
стварэння анімацыі, працы з CSS, шмат рэчаў у такім ключы.

977
00:57:29,720 --> 00:57:36,380
Вось што павінна быць вельмі цікава і даволі відавочна адразу, мы глядзім на прыкладання.

978
00:57:36,380 --> 00:57:40,060
Спадзяюся, мы да гэтага часу.

979
00:57:40,060 --> 00:57:42,650
Замест таго, каб код, які мы да гэтага часу ўбачыць на дне,

980
00:57:42,650 --> 00:57:45,350
мы бачым фактычнае ўяўленне прыкладання.

981
00:57:45,350 --> 00:57:49,640
Больш за тое, гэта не проста ўяўленне прыкладання, гэта на самай справе прыкладанне працуе.

982
00:57:49,640 --> 00:57:52,010
І вось што сапраўды прыемна аб Blend.

983
00:57:52,010 --> 00:57:58,620
Каманда прарабіла вялікую працу, каб прынесці HTML і JavaScript і CSS у гэтым інструменце.

984
00:57:58,620 --> 00:58:01,930
Цяпер вы можаце на самой справе, калі вам цікава, "Што гэта значыць? Што я магу зрабіць?"

985
00:58:01,930 --> 00:58:08,310
Я магу самай справе дызайн да гэтага з дадаткам, хоць такія рэчы не існуюць у маёй разметкі.

986
00:58:08,310 --> 00:58:13,230
Памятаеце, што кантроль рэйтынг? Гэта быў проста спраў тэг.

987
00:58:13,230 --> 00:58:17,090
Гэты матэрыял, што зорка, існуе толькі падчас выканання. Як я даведаюся, што?

988
00:58:17,090 --> 00:58:20,300
Там у трохі чараўніцтва тут.

989
00:58:20,300 --> 00:58:21,700
Паглядзець гэтыя маланкі?

990
00:58:21,700 --> 00:58:25,570
Кожны раз, калі вы бачыце маланку, гэта азначае, што ён быў створаны нешта падчас выканання.

991
00:58:25,570 --> 00:58:31,770
Некаторыя JavaScript пабег і павярнуўся нешта ў той ці стварыў гэта з некаторай логікі.

992
00:58:31,770 --> 00:58:37,100
Гэтыя зоркі, якія вы бачыце там былі створаны JavaScript на WinJS.

993
00:58:37,100 --> 00:58:41,800
Прыемна тое, гэта не мае значэння для мяне, я ўсё яшчэ магу аформіць яго,

994
00:58:41,800 --> 00:58:44,410
Я ўсё яшчэ магу пайсці і змяніць яго, я магу даведацца, што тут адбываецца,

995
00:58:44,410 --> 00:58:50,260
Я магу паглядзець на CSS, я магу пайсці далей і высветліць, чаму колер так яно і ёсць,

996
00:58:50,260 --> 00:58:54,610
Я магу пачаць важдацца з рэчамі і рабіць рэчы жудасна,

997
00:58:54,610 --> 00:58:58,360
усё, што я хачу зрабіць.

998
00:58:58,360 --> 00:59:01,020
На самай справе, я пакіну ў спакоі рэчы.

999
00:59:01,020 --> 00:59:03,980
Але вы можаце паглядзець тут гэта ўсё CSS і ён паказвае вам тут.

1000
00:59:03,980 --> 00:59:10,120
Калі я пайду да там, ён збіраецца паказаць вам усё, што яны называюць Перамога,

1001
00:59:10,120 --> 00:59:14,850
Такім чынам, правілы CSS, якія з'яўляюцца найбольш канкрэтным і найбольш абраны для гэтага элемента,

1002
00:59:14,850 --> 00:59:17,110
якія вы, верагодна, ужо перайшлі ў вашых класах,

1003
00:59:17,110 --> 00:59:22,000
дзе вы можаце сказаць, што ёсць агульнае шрыфт, мы ўжываем да ўсяго,

1004
00:59:22,000 --> 00:59:26,860
а таму, што гэта h1 і ў мяне ёсць колер, пэўны для H1S,

1005
00:59:26,860 --> 00:59:29,820
гэта будзе гэты колер, і гэта таму, што гэта больш канкрэтным, чым body1.

1006
00:59:29,820 --> 00:59:32,590
Гэта адна рэч прама тут паказвае вам усё, што,

1007
00:59:32,590 --> 00:59:35,470
і гэта сапраўды магутная штука, як вы атрымаеце больш складанай,

1008
00:59:35,470 --> 00:59:38,160
Вы задаецца пытаннем, чаму гэтыя рэчы, як яны ёсць.

1009
00:59:38,160 --> 00:59:41,020
Гэта будзе на самой справе сказаць вам, і вы можаце выбраць любы з гэтых элементаў тут.

1010
00:59:41,020 --> 00:59:43,370
Гэты колер не так ужо дрэнна, на самай справе.

1011
00:59:43,370 --> 00:59:47,150
Вы можаце выбраць іх. Спадзяюся, вы зможаце пераканацца ў гэтым.

1012
00:59:47,150 --> 00:59:52,410
За ўсё, што ў вас ёсць у вашым дадатку, вы бачыце цэлы каскад

1013
00:59:52,410 --> 00:59:56,070
за ўсё CSS, якія маглі б прымяняцца ў тым, што і які з іх перамагае,

1014
00:59:56,070 --> 00:59:58,050
які на самай справе ўзялі верх.

1015
00:59:58,050 --> 01:00:00,930
Яны з'яўляюцца свайго роду сумна. Там не шмат усяго адбываецца ў некаторых з іх.

1016
01:00:00,930 --> 01:00:04,660
Калі я пайду і змяніць колер, то вы пачнеце бачыць некаторыя каскадирование там.

1017
01:00:04,660 --> 01:00:07,760
Вы таксама можаце выкарыстаць HTML і тут.

1018
01:00:07,760 --> 01:00:12,490
Я магу прайсці і змяніць HTML ўласцівасці для ўсіх гэтых рэчаў, як я хачу.

1019
01:00:12,490 --> 01:00:14,620
Там проста тоны матэрыялу тут.

1020
01:00:14,620 --> 01:00:18,070
>> Я не хачу, каб заняць час, прайшоўшы праз усе тут. Проста ведаю, што гэта тут.

1021
01:00:18,070 --> 01:00:21,700
Там вельмі шмат функцыянальнасці дызайну, арыентаваных на гэта толькі для вас

1022
01:00:21,700 --> 01:00:26,730
так што вы можаце застацца візуальна, працы з прыкладаннем, і не трэба рабіць шмат гадаць

1023
01:00:26,730 --> 01:00:32,180
што вы павінны былі б зрабіць нармальна і веласпорт таму з браўзэра таму ў ваш дызайн,

1024
01:00:32,180 --> 01:00:33,940
назад у браўзэр.

1025
01:00:33,940 --> 01:00:37,010
Гэта сапраўды цікавы матэрыял для гэтага, і, як вы распрацаваць прыкладанне Windows Store,

1026
01:00:37,010 --> 01:00:39,650
ён збіраецца зрабіць вас шмат больш прадуктыўным.

1027
01:00:39,650 --> 01:00:45,150
>> Вы таксама ўбачыце, што яна сочыць за разметку тут і ваш CSS

1028
01:00:45,150 --> 01:00:47,270
як вы працуеце праз розныя рэчы.

1029
01:00:47,270 --> 01:00:50,180
Гэта, напэўна, сапраўды цяжка для вас, каб убачыць, што, асабліва на відэа,

1030
01:00:50,180 --> 01:00:54,680
але вось што тут адбываецца, і я рэкамендаваў бы вам азнаёміцца ​​з гэтым.

1031
01:00:54,680 --> 01:00:57,240
Гэта зэканоміць вам шмат часу. Гэта сумесь.

1032
01:00:57,240 --> 01:01:00,520
Калі вы ўносіце ніякіх зменаў тут, яны аўтаматычна ідуць яны адвезці таму на

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

1034
01:01:01,870 --> 01:01:06,590
Гэта адны і тыя ж файлы, гэта тое ж самае ўсё. Я пакіну яго ў спакоі.

1035
01:01:06,590 --> 01:01:08,650
У мяне ёсць лепшы прыклад, які я хачу вам паказаць.

1036
01:01:08,650 --> 01:01:11,660
Але калі б я зрабіў змены там і выратаваў яго, і я вярнуўся ў Visual Studio, ён бы сказаў,

1037
01:01:11,660 --> 01:01:16,390
"Гэй, ты толькі што змяніў нешта. Ці магу я перазагрузіць яго для вас?" Так.

1038
01:01:16,390 --> 01:01:18,770
І вы выкарыстоўваеце адзін і той жа матэрыял там.

1039
01:01:18,770 --> 01:01:21,320
Гэта канец гэтага канкрэтнага ўзору.

1040
01:01:21,320 --> 01:01:28,170
>> Я хачу паказаць вам больш высокага ўзроўню ўзор проста каб даць вам прадстаўленне аб іншых функцыянальных магчымасцяў

1041
01:01:28,170 --> 01:01:30,350
Вы маглі б думаць пра, як добра.

1042
01:01:30,350 --> 01:01:32,280
Гэта ўзор дадатак, якое вы можаце спампаваць.

1043
01:01:32,280 --> 01:01:35,620
Калі вы паглядзіце на тое, што называецца Windows, лагер у скрынцы,

1044
01:01:35,620 --> 01:01:40,340
Ёсць некаторыя ўзоры, якія ў тым, і адзін з іх з'яўляецца Contoso Павараная кніга.

1045
01:01:40,340 --> 01:01:41,640
Я магу проста запусціць гэта для вас.

1046
01:01:41,640 --> 01:01:44,700
Ўласную застаўку. Гэта меркаванне Сетка праграму.

1047
01:01:44,700 --> 01:01:49,590
Яны звязаны некаторыя карыстацкія дадзеныя тут. Вы можаце перамяшчацца праз гэта.

1048
01:01:49,590 --> 01:01:53,090
Вы можаце пайсці і зірнуць на розныя рэчы, якія зробяць нас галоднымі ў пятніцу днём.

1049
01:01:53,090 --> 01:01:57,760
Я не ведаю. Што збіраецца зрабіць мяне самым галодным?

1050
01:01:57,760 --> 01:02:00,530
Я не ведаю. Я проста хачу, каб выбраць адзін.

1051
01:02:00,530 --> 01:02:02,460
Вы ідзяце ў гэтыя рэчы. Ён пакажа вам рэцэпт.

1052
01:02:02,460 --> 01:02:04,900
Вы маглі б таксама, замест націску на элемент,

1053
01:02:04,900 --> 01:02:10,360
Вы можаце пайсці проста да той катэгорыі кантэнту, той частцы зместу.

1054
01:02:10,360 --> 01:02:15,590
У гэтым выпадку, вы можаце прачытаць шмат падробленай латыні кажу вам усё аб гэтых рэцэптаў тут

1055
01:02:15,590 --> 01:02:17,720
, А затым перайсці прама ў канкрэтнага рэцэпту.

1056
01:02:17,720 --> 01:02:22,770
Гэта таксама падтрымлівае такія рэчы, як абмен, што я паказаў вам, перш чым з малюнкамі.

1057
01:02:22,770 --> 01:02:26,160
Вы можаце таксама шукаць у гэтым дадатку таксама.

1058
01:02:26,160 --> 01:02:28,880
Гэта вельмі проста зрабіць пошук.

1059
01:02:28,880 --> 01:02:31,300
У прынцыпе, вы толькі радок тэксту з вокнаў

1060
01:02:31,300 --> 01:02:34,720
і вам вырашаць, як вы хочаце апрацоўваць пошук з гэтым.

1061
01:02:34,720 --> 01:02:39,830
Гэта некалькі радкоў кода, каб атрымаць гэта, а затым тое, што вы з ім рабіць пасля гэтага цалкам залежыць ад вас.

1062
01:02:39,830 --> 01:02:44,180
>> Вось яны і ёсць прыкладанне бар, дзе яны выкарыстоўваюць некаторыя іншыя функцыі.

1063
01:02:44,180 --> 01:02:45,430
Я проста скажу, што гэта такое.

1064
01:02:45,430 --> 01:02:48,220
Нагадаем збіраецца выкарыстоўваць тое, што называецца апавяшчэнне тост.

1065
01:02:48,220 --> 01:02:52,930
Гэта сапраўды зручна, што дазваляе карыстальніку ведаць, калі рэчы адбыліся,

1066
01:02:52,930 --> 01:02:55,850
як прыкладанне было ўстаноўлена ці нешта было завершана.

1067
01:02:55,850 --> 01:02:57,950
Гэта таксама добра для гульняў таксама.

1068
01:02:57,950 --> 01:03:02,360
Калі ў вас ёсць пастаянны свет ці дошцы лідэраў і паслугі, які хостынг, што

1069
01:03:02,360 --> 01:03:08,490
можа быць, на асобным кампутары, гэтыя апавяшчэння могуць быць адпраўлены ў машыну

1070
01:03:08,490 --> 01:03:12,240
і нават калі карыстальнік не выкарыстоўвае сваю гульню, гуляючы сваю гульню ці працуе ваша прыкладанне,

1071
01:03:12,240 --> 01:03:15,170
яны па-ранейшаму могуць атрымліваць паведамленні аб тых відаў падзей.

1072
01:03:15,170 --> 01:03:19,350
Такім чынам, можна сказаць: "Ваш замак быў разбураны або проста аб знішчаны."

1073
01:03:19,350 --> 01:03:22,870
"Вярніся і абараняць яе", ці нешта ў гэтым родзе.

1074
01:03:22,870 --> 01:03:26,830
Вы націскаеце на апавяшчэння, вы адразу вярнуцца ў гульню, і вы можаце гуляць у яе.

1075
01:03:26,830 --> 01:03:32,170
Так што тыя віды рэчаў можа дапамагчы сапраўды прыцягнуць людзей назад у дадатак даволі эфектыўна.

1076
01:03:32,170 --> 01:03:37,450
>> Там таксама падтрымка ў гэтым дадатку для выкарыстання мікрафона, вэб-камеру,

1077
01:03:37,450 --> 01:03:39,560
рабіць відэа і рабіць фатаграфіі.

1078
01:03:39,560 --> 01:03:42,080
Вы таксама можаце замацаваць другасны плітку.

1079
01:03:42,080 --> 01:03:46,760
Гэта карысна, калі вы хочаце, каб проста мець плітку, якая ідзе прама да пэўных зместам.

1080
01:03:46,760 --> 01:03:49,960
У гэтым выпадку, ён пераходзіць права гэтага рэцэпту.

1081
01:03:49,960 --> 01:03:51,300
Усё, што я згадаць Я толькі паказваю

1082
01:03:51,300 --> 01:03:53,270
таму што гэта рэчы, якія вы можаце думаць аб выкарыстанні, а таксама.

1083
01:03:53,270 --> 01:03:57,590
Па большай частцы, яны вельмі простыя ў выкарыстанні.

1084
01:03:57,590 --> 01:04:00,070
Я проста рэкамендую вам выхоўваць гэты ўзор даследчык

1085
01:04:00,070 --> 01:04:03,600
і знайсці ўзор, які можа паказаць вам, як гэта зрабіць.

1086
01:04:03,600 --> 01:04:07,140
Гэта даволі проста, каб прыцягнуць вінаватых у вашых прыкладанняў там таксама.

1087
01:04:07,140 --> 01:04:11,030
>> Я збіраюся паказаць вам нешта іншае, што гэта вельмі выдатна тут.

1088
01:04:11,030 --> 01:04:15,230
Я зламаю гэта дадатак, і я збіраюся вярнуцца ў Visual Studio.

1089
01:04:15,230 --> 01:04:18,870
Гэта прыкладанне працуе. Гэта працуе з Visual Studio.

1090
01:04:18,870 --> 01:04:21,370
Што я магу зрабіць некаторыя даволі прышпільных рэчаў з гэтым.

1091
01:04:21,370 --> 01:04:23,840
Я на самой справе ёсць магчымасць выбраць элемент,

1092
01:04:23,840 --> 01:04:28,250
і я магу пайсці сюды, каб жывы прымянення і магу сказаць,

1093
01:04:28,250 --> 01:04:34,000
"Я задаюся пытаннем, чаму Час падрыхтоўкі трохі светлы шэры, чым сам тытул?"

1094
01:04:34,000 --> 01:04:35,680
Я магу націснуць на яе.

1095
01:04:35,680 --> 01:04:38,080
Гэта будзе сінхранізаваць, што назад у Visual Studio,

1096
01:04:38,080 --> 01:04:43,780
і ён збіраецца паказаць мне дакладна згенераваны кантэнт, які прывёў да той часткі карыстацкага інтэрфейсу.

1097
01:04:43,780 --> 01:04:47,270
Так што ў гэтым выпадку, гэта рэч-субтытраў і h4 двайны канструкцыяй,

1098
01:04:47,270 --> 01:04:51,110
і што, верагодна, кажа нам, што мы павінны ведаць, таму што ў якасці h4 ў гэтым кантэксце,

1099
01:04:51,110 --> 01:04:53,550
ён збіраецца атрымаць пэўны выгляд шрыфта.

1100
01:04:53,550 --> 01:04:56,410
Але калі я ўсё яшчэ не ведаю, чаму, я магу націснуць на Трэйс стыляў.

1101
01:04:56,410 --> 01:05:02,330
Затым я магу пашырыць яе колер, і я магу дакладна высветліць, чаму гэта колер не колер кузава

1102
01:05:02,330 --> 01:05:04,640
але на самой справе гэта нешта іншае.

1103
01:05:04,640 --> 01:05:07,210
Гэта, па сутнасці сродкаў распрацоўкі ад Internet Explorer

1104
01:05:07,210 --> 01:05:09,530
да такой ступені, былі ўвезены ў Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Калі вы працавалі з Chrome Dev Tools, Firebug, і таму падобнае,

1106
01:05:12,110 --> 01:05:14,720
гэтыя віды інструментаў, якія ў браўзэры,

1107
01:05:14,720 --> 01:05:17,340
што від функцыянальнасці, было даведзена прама ў Visual Studio

1108
01:05:17,340 --> 01:05:22,090
так што вы на самай справе не павінны запусціць браўзэр і працаваць з гэтымі інструментамі асобна.

1109
01:05:22,090 --> 01:05:24,320
Цяпер у мяне ёсць прыкладанне Windows Store проста працуе,

1110
01:05:24,320 --> 01:05:27,840
і я магу пачаць цягнуць яго на часткі і высветліць, чаму рэчы робяць тое, што яны ёсць.

1111
01:05:27,840 --> 01:05:30,440
>> Я таксама магу зрабіць гэта такім чынам таксама.

1112
01:05:30,440 --> 01:05:35,020
Я магу пайсці і проста выбраць нешта правільна з разметкі і высветліць, што гэта такое

1113
01:05:35,020 --> 01:05:38,560
ў самым дадатку. Я думаю, што я пайшоў на ўсё.

1114
01:05:38,560 --> 01:05:41,440
Тут я завіс над гэтым. Я магу выбраць яго.

1115
01:05:41,440 --> 01:05:45,540
Гэта збіраецца паказаць мне, у рэальным дадатку праточнай дзе гэтая рэч з'яўляецца

1116
01:05:45,540 --> 01:05:48,070
што я цяпер націснуўшы на ў разметцы.

1117
01:05:48,070 --> 01:05:49,700
Сапраўды цікавы матэрыял.

1118
01:05:49,700 --> 01:05:52,710
Як вы спрабуеце высветліць, што адбываецца і што HTML робіць,

1119
01:05:52,710 --> 01:05:56,080
што CSS робіць, майце гэта на ўвазе.

1120
01:05:56,080 --> 01:05:58,450
Памятаеце, што гэта тут для вас

1121
01:05:58,450 --> 01:06:02,070
а таксама, што сумесь можа працаваць з жывым запушчанага прыкладання.

1122
01:06:02,070 --> 01:06:06,070
>> Той, апошняе, што я хацеў паказаць вам, з дапамогай гэтага прыкладання -

1123
01:06:06,070 --> 01:06:09,290
Дарэчы, ён паказвае вам дэльт як усё змяняецца занадта,

1124
01:06:09,290 --> 01:06:11,160
так што вы можаце сачыць за тым жоўтымі дэталямі.

1125
01:06:11,160 --> 01:06:14,060
Тыя рэчы, якія толькі што змянілі ў дадатку.

1126
01:06:14,060 --> 01:06:16,350
Але адна апошняя рэч. Я хачу вярнуцца да Змяшайце хоць на секунду тут.

1127
01:06:16,350 --> 01:06:21,790
Мы адкрыем гэтую гульню, Адкрыць у Blend, і таго жа прыкладання, той жа ўсё.

1128
01:06:21,790 --> 01:06:28,660
Я проста хачу паказаць вам вопыт тут не проста вы затрымаліся на галоўнай старонцы

1129
01:06:28,660 --> 01:06:32,880
гледзячы на ​​рэчы, якія вы будзеце атрымліваць па змаўчанні пры запуску прыкладання, і хай сядзяць там.

1130
01:06:32,880 --> 01:06:36,490
Вы таксама можаце ўключыць гэтую даволі невялікі значок тут.

1131
01:06:36,490 --> 01:06:38,560
Яна называецца Інтэрактыўны рэжым.

1132
01:06:38,560 --> 01:06:41,560
Вы націскаеце на што. Гэта будзе выхоўваць вашага прыкладання.

1133
01:06:41,560 --> 01:06:43,730
Ты не ў рэжыме канструктара больш, так што вы не збіраецеся быць націснуўшы на рэчы

1134
01:06:43,730 --> 01:06:47,270
змяніць функцыянальнасць, але вы можаце працаваць з дадаткам цяпер.

1135
01:06:47,270 --> 01:06:51,560
Вы можаце націснуць праз, вы можаце рабіць што заўгодна, дабрацца да рэцэпт, што вы клапоціцеся аб

1136
01:06:51,560 --> 01:06:54,810
або да катэгорыі. Пойдзем у гэтай катэгорыі.

1137
01:06:54,810 --> 01:06:56,880
Я кажу: "Добра, вось тое, дзе я хачу, каб дызайн."

1138
01:06:56,880 --> 01:06:59,680
Затым націсніце кнопку гэтую кнопку яшчэ раз, ён прынясе вас назад ў паверхню канструктара,

1139
01:06:59,680 --> 01:07:02,130
і зараз вы можаце рабіць усё тыя рэчы, якія я меў на ўвазе перш за.

1140
01:07:02,130 --> 01:07:06,230
Я буду трымаць пстрычка, пакуль не атрымаю гэты абраны, даведацца яе памеры,

1141
01:07:06,230 --> 01:07:09,890
даведацца HTML для яго, у CSS для яго

1142
01:07:09,890 --> 01:07:14,990
для запушчанага прыкладання, некаторыя пазней частка прыкладання.

1143
01:07:14,990 --> 01:07:17,780
Вельмі, вельмі карысна. Я пакажу вам гэта.

1144
01:07:17,780 --> 01:07:21,340
Калі ласка, майце на ўвазе, калі вы шукаеце ў напісанні кода з гэтым

1145
01:07:21,340 --> 01:07:26,070
таму што гэта будзе вам зэканоміць шмат клопатаў, і гэта даволі добры матэрыял.

1146
01:07:26,070 --> 01:07:32,370
Гэта ў значнай ступені ўсё, што я хацеў паказаць вам, на Blend, і ў Visual Studio для ўсяго гэтага.

1147
01:07:32,370 --> 01:07:36,130
>> Любыя пытанні па любой з гэтых інструментаў?

1148
01:07:36,130 --> 01:07:40,000
Усё, што заўгодна? >> [Гуарин] У мяне ёсць матэрыял, каб выдаваць, так добрыя пытанні, добры матэрыял.

1149
01:07:40,000 --> 01:07:43,700
>> [Боуэн смяецца] Я ўжо паказаў вам свае дэма тут.

1150
01:07:43,700 --> 01:07:47,000
Я збіраюся паставіць яго на старонцы рэсурсаў і звярнуцца да пытанняў цяпер.

1151
01:07:47,000 --> 01:07:53,850
Гэта першае згадванне ў тым, што сайт пакаленне App з гульнявой дарожкі і дадатку трасе.

1152
01:07:53,850 --> 01:07:55,040
Зарэгістравацца для тых.

1153
01:07:55,040 --> 01:07:57,210
Вы не павінны чакаць 30 дзён, каб атрымаць змест.

1154
01:07:57,210 --> 01:08:00,370
Вы можаце пачаць рухацца і, гледзячы на ​​ўтрыманне, як вы хочаце.

1155
01:08:00,370 --> 01:08:04,380
Я разумею вашы часовыя рамкі можа адрознівацца ад - [смяецца]

1156
01:08:04,380 --> 01:08:07,780
Таму, калі гэта Хакатон? Вось пару тыдняў, ці не так?

1157
01:08:07,780 --> 01:08:09,620
Так што вам не маюць 30 дзён, каб чакаць.

1158
01:08:09,620 --> 01:08:13,180
Так што так, вы можаце падпісацца на гэта, а затым проста пачаць вымання змесціва з яго.

1159
01:08:13,180 --> 01:08:15,320
Таксама Паннаў і дызайн-цэнтраў.

1160
01:08:15,320 --> 01:08:17,620
І я не кажу пра гэта, але ёсць таксама крама Docs.

1161
01:08:17,620 --> 01:08:22,880
Гэта было б для пасля Hackathon як вы будзеце гатовыя пачаць прадстаўляць свае прыкладанні для крамы.

1162
01:08:22,880 --> 01:08:27,350
Ёсць некаторыя карысныя рэкамендацыі тут, некаторыя рэкамендацыі аб тым, як атрымаць рэчы ў краму,

1163
01:08:27,350 --> 01:08:29,960
некаторыя агульныя праблемы, якія могуць збіць вас з панталыку,

1164
01:08:29,960 --> 01:08:32,540
і што гэта канец гэтых рэсурсаў.

1165
01:08:32,540 --> 01:08:35,300
>> Так што ў цябе ў галаве? Усё астатняе, што вы -

1166
01:08:35,300 --> 01:08:40,580
[Гуарин] Хто думае аб выкананні прыкладанне для Windows для CS50? Крута.

1167
01:08:40,580 --> 01:08:42,200
[Боуэн] Прахладны. Вялікі.

1168
01:08:44,149 --> 01:08:49,410
>> Любыя пытанні аб рэчы, якія вы бачылі да гэтага часу, і як ён да гэтага ставіцца?

1169
01:08:49,410 --> 01:08:54,540
Напрыклад, з вялікай колькасцю часу, я мог узяць гульню, якая я напісаў

1170
01:08:54,540 --> 01:08:57,310
і што працуе ў браўзэры і толькі збольшага прайсці праз працэс

1171
01:08:57,310 --> 01:08:59,870
з чаго, што ў Visual Studio і робіць яго дадатак Крама Windows.

1172
01:08:59,870 --> 01:09:02,870
Гэта займае больш часу, чым мы на самай справе павінны былі ўключаць у сябе сёння,

1173
01:09:02,870 --> 01:09:08,010
але кароткая версія з'яўляецца яго той жа код, што ў вас працуе ў браўзэры,

1174
01:09:08,010 --> 01:09:11,680
і тое, што вы змяніць рэчы, якія вы вырашыце падключыць да Windows 8.

1175
01:09:11,680 --> 01:09:16,220
Так што калі вы хочаце выкарыстоўваць любаты, калі вы хочаце знайсці ці падзяліцца,

1176
01:09:16,220 --> 01:09:19,899
вам трэба стварыць прыкладанне бар, каб схавацца некаторую функцыянальнасць на што,

1177
01:09:19,899 --> 01:09:21,939
гэта тыя рэчы, якія вы б змяніць.

1178
01:09:21,939 --> 01:09:25,229
Але ў аснове вашага вэб-дадатак можа заставацца без змен.

1179
01:09:25,229 --> 01:09:29,590
Зноў жа, да тых часоў, як ён працуе ў IE10, што гэта збіраецца быць вельмі лёгка порт

1180
01:09:29,590 --> 01:09:33,680
давесці гэты матэрыял у Visual Studio, у Blend, і зрабіць яго дадатак Крама Windows.

1181
01:09:33,680 --> 01:09:37,500
Зноў жа, адзінае, што вы павінны будзеце даведацца тыя іншыя асаблівасці

1182
01:09:37,500 --> 01:09:41,830
што вы можаце выкарыстоўваць, каб асвятліць заяву, як жывы пліткі і падобныя рэчы.

1183
01:09:41,830 --> 01:09:46,899
>> Так. >> [Студэнт] У мяне пытанне аб рабоце мабільнага.

1184
01:09:46,899 --> 01:09:52,210
Так што калі вы зрабіць дадатак, якое працуе як дадатак на працоўным стале,

1185
01:09:52,210 --> 01:09:56,480
гэта сапраўды лёгка перанесці яго на мабільны, або ёсць -

1186
01:09:56,480 --> 01:10:01,270
Пытанне ў тым, калі я зраблю прыкладанне Windows Store, што на самой справе аптымізаваны для гэтага асяроддзя

1187
01:10:01,270 --> 01:10:06,430
і я хачу давесці яго да мабільным свеце, што ўдзел с, што рабіць?

1188
01:10:06,430 --> 01:10:10,060
Гэта, як і многія пытанні, заўсёды пастаянна мяняецца адказ.

1189
01:10:10,060 --> 01:10:16,190
Добрай навіной з'яўляецца тое, калі вы прытрымлівацца HTML і JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
калі вы пачынаеце з дадаткам краме Windows,

1191
01:10:18,720 --> 01:10:20,590
гэта будзе, каб вы прывесці яго ў Інтэрнэце

1192
01:10:20,590 --> 01:10:24,650
і затым выкарыстоўваць гэтыя віды тэхнікі, такія як сродкі масавай інфармацыі запытаў і рэчаў,

1193
01:10:24,650 --> 01:10:27,180
каб адаптавацца да розных прыладам памеру.

1194
01:10:27,180 --> 01:10:29,900
Тым не менш, заўсёды ёсць рамкі і цяпер там

1195
01:10:29,900 --> 01:10:33,450
што падтрымка пашырэння розныя тэхналогіі, розныя платформы.

1196
01:10:33,450 --> 01:10:35,670
Гэта ўвесь час мяняецца.

1197
01:10:35,670 --> 01:10:40,030
Мы таксама змяніць становішча рэчаў, а таксама мы глядзім да таго, што мы маем цяпер

1198
01:10:40,030 --> 01:10:42,950
на самай справе з Windows Phone 8.

1199
01:10:42,950 --> 01:10:44,930
У нас ёсць некаторыя агульныя асноўныя інфраструктуры

1200
01:10:44,930 --> 01:10:48,180
прапанаваў паміж прыкладаннямі для гэтых асяроддзях.

1201
01:10:48,180 --> 01:10:51,200
Такім чынам, матэрыял, які вы робіце, каб стварыць прыкладанне Windows Store,

1202
01:10:51,200 --> 01:10:57,790
шмат чаго можна перанесці ў тэлефон 8 прыкладанняў ў АС Windows, а таксама.

1203
01:10:57,790 --> 01:11:02,270
Гэта зноў з'яўляецца новым гісторыя, так што некаторыя кантэнт аб тым, што ў Build.

1204
01:11:02,270 --> 01:11:06,780
У SDK толькі што выйшаў некаторы час таму. Было толькі што выпусціла некаторы час таму.

1205
01:11:06,780 --> 01:11:09,920
Але з пункту гледжання іншых платформаў таксама,

1206
01:11:09,920 --> 01:11:13,360
вы, верагодна, сутыкнецеся з многімі рамках крос-платформенных, а таксама.

1207
01:11:13,360 --> 01:11:16,170
Добрай навіной з'яўляецца тое рэчы, якія вы робіце тут,

1208
01:11:16,170 --> 01:11:19,620
асноўная функцыянальнасць з'яўляецца прама вэб стандартнага матэрыялу.

1209
01:11:19,620 --> 01:11:24,010
Адзіныя рэчы, якія не будуць перакладаць лёгка тыя рэчы, якія Windows 8 робіць,

1210
01:11:24,010 --> 01:11:28,060
але гэта не дзіўна, таму што гэта функцыя Windows,.

1211
01:11:28,060 --> 01:11:34,090
Вы не збіраецеся знайсці сумеснае або аналагічныя віды кантрактаў на любы іншы платформе.

1212
01:11:34,090 --> 01:11:37,480
Так што тыя рэчы, якія вы хацелі б з пункту гледжання праектавання

1213
01:11:37,480 --> 01:11:40,820
пераканайцеся, што ў вас ёсць спосабы роду абстрактны, што, так што вы можаце сказаць,

1214
01:11:40,820 --> 01:11:42,970
"Калі я бягу на гэтым, я магу зрабіць гэта."

1215
01:11:42,970 --> 01:11:48,120
Калі я не, ёсць некаторыя шаблоны праектавання, якія можна выкарыстоўваць, каб збольшага схаваць гэты матэрыял далёка.

1216
01:11:48,120 --> 01:11:53,360
Але майце гэта на ўвазе. Так. Выбачайце. Ідзем далей.

1217
01:11:53,360 --> 01:11:58,130
>> [Студэнт] Калі я хачу праверыць маё дадатак Windows, на вяршыні [неразборліва]

1218
01:11:58,130 --> 01:12:02,310
[Боуэн] Так. Я прапусціў яшчэ адну рэч таксама. Так.

1219
01:12:02,310 --> 01:12:04,910
Я адкажу на ваша пытанне, а затым я пакажу вам функцыю я забыўся згадаць.

1220
01:12:04,910 --> 01:12:09,220
У нас ёсць некаторыя машыны, даступныя лакальна. Мне вельмі шкада.

1221
01:12:09,220 --> 01:12:11,240
Пытанне было, як мне праверыць рэчы на ​​прыладах

1222
01:12:11,240 --> 01:12:14,230
калі я не пашчасціла мець шмат рэчаў, каб выбраць з?

1223
01:12:14,230 --> 01:12:17,130
[Гуарин] Мы далі вам, хлопцы, я думаю, 5 ці 6. Колькі вам трэба?

1224
01:12:17,130 --> 01:12:20,940
[Студэнт] Мы атрымалі 4 з іх. >> Добра. Вы, хлопцы атрымалі 4 сланцы, каб пагуляць з.

1225
01:12:20,940 --> 01:12:25,520
Так вызначана хай усё ведаюць, калі ласка. [Смяецца] >> [Боуэн] Цудоўна.

1226
01:12:25,520 --> 01:12:27,610
Гэта нават лепш, адказ, чым я збіраюся даць вам.

1227
01:12:27,610 --> 01:12:31,250
У нас ёсць рабочыя гадзіны для распрацоўшчыкаў, якія мы робім у нашым офісе

1228
01:12:31,250 --> 01:12:35,110
і цяпер у бліжэйшы час у Microsoft Store больш у Пру,

1229
01:12:35,110 --> 01:12:37,010
але Эдвін ўжо паклапацілася пра вас.

1230
01:12:37,010 --> 01:12:42,180
Ёсць 4 сланцы, даступныя для крэдытавання, для тэставання.

1231
01:12:42,180 --> 01:12:45,440
Там мы ідзем. Там у прыклад аднаго там.

1232
01:12:45,440 --> 01:12:47,340
Так што так, абсалютна. Вялікі.

1233
01:12:47,340 --> 01:12:52,700
Абсалютна безумоўна лепшы спосаб праверыць гэта павінна быць на прыладзе.

1234
01:12:52,700 --> 01:12:56,810
Калі вы не пашчасціла мець яго яшчэ няма ці вы не хочаце ісці па кампусе ў снезе

1235
01:12:56,810 --> 01:13:01,130
каб захапіць адзін або ўсе, што ёсць спосаб зрабіць гэта яшчэ ў Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Калі я вярнуся ў, дзе я быў тут, тут замест выкарыстання лакальнага кампутара,

1237
01:13:10,360 --> 01:13:13,590
вы маглі б падключыцца да выдаленай машыне, але гэта не тое, што я кажу тут.

1238
01:13:13,590 --> 01:13:16,830
Сімулятар гэта тое, што вы, магчыма, захочаце зірнуць на.

1239
01:13:16,830 --> 01:13:22,120
Я пабягу гэта, і сапраўды, што гэта такое, гэта па сутнасці вокны на вашай сістэме.

1240
01:13:22,120 --> 01:13:26,260
Тут на самой справе мая сістэма працуе, працуе Contoso,

1241
01:13:26,260 --> 01:13:29,550
але такім чынам, што дазваляе мне змяніць некаторыя параметры выканання,

1242
01:13:29,550 --> 01:13:31,060
параметры навакольнага асяроддзя.

1243
01:13:31,060 --> 01:13:34,150
Таму я магу сказаць тут: "Вы ведаеце, што?"

1244
01:13:34,150 --> 01:13:39,240
О. Я ўжо гэта працуе ў мадэляваных 27-цалёвы манітор з дазволам 2560.

1245
01:13:39,240 --> 01:13:44,930
Я магу лёгка ўпасці, што ўніз і паглядзець, што мая заява будзе рабіць з меншым экранам

1246
01:13:44,930 --> 01:13:47,480
або шляхам змены налад DPI або любы іншы.

1247
01:13:47,480 --> 01:13:50,700
Так на маленькім экране, 10.6, што ён збіраецца рабіць?

1248
01:13:50,700 --> 01:13:53,040
Гэта ўсё яшчэ выглядае даволі добра, ці не так?

1249
01:13:53,040 --> 01:13:58,220
Вы хочаце, каб гэта зрабіць, асабліва калі вы адпраўляеце ў краму, таму што мы робім

1250
01:13:58,220 --> 01:14:00,480
як частка працэсу тэставання.

1251
01:14:00,480 --> 01:14:02,400
А калі ёсць праблемы, як, што,

1252
01:14:02,400 --> 01:14:06,160
, То вы можаце сутыкнуцца з праблемай атрымання сертыфікаваных для крамы.

1253
01:14:06,160 --> 01:14:09,240
Але гэта частка трэнажора. Сапраўды выдатна. Вельмі лёгка зрабіць гэта.

1254
01:14:09,240 --> 01:14:11,480
Вы таксама можаце выкарыстоўваць такія функцыі, як круцячы яе, а таксама.

1255
01:14:11,480 --> 01:14:15,650
Я магу націснуць кнопку тут, яго круціць, бачыць тое, што камусьці прыйдзецца як вопыт

1256
01:14:15,650 --> 01:14:20,970
верцяцца іх шыфер, іх таблетка, і з дапамогай прыкладання з гэтым.

1257
01:14:20,970 --> 01:14:25,060
Ёсць і іншыя рэчы, занадта, як сэнсарны эмуляцыі і некаторыя іншыя рэчы,

1258
01:14:25,060 --> 01:14:27,210
ўстаноўка GPS.

1259
01:14:27,210 --> 01:14:31,050
Я магу рабіць выгляд, што я ў іншым месцы і паглядзець, што маю заяву робіць

1260
01:14:31,050 --> 01:14:34,690
калі я раблю выгляд, што я вярнуўся ў Сіэтл ці нешта.

1261
01:14:34,690 --> 01:14:41,970
Але гэта сапраўды карысная функцыя, і ён пабудаваны ў і да Visual Studio і ў Blend.

1262
01:14:41,970 --> 01:14:44,460
Так. Ваша пытанне.

1263
01:14:44,460 --> 01:14:48,530
>> [Студэнт] Калі вы пішаце гульню, робіць Visual Studio маюць ніякай падтрымкі для анімацыі?

1264
01:14:48,530 --> 01:14:55,550
Так. Пытанне ў тым, вакол падтрымкай анімацыі, асабліва ў гульнях.

1265
01:14:55,550 --> 01:14:58,380
Гэта залежыць шмат ад чаго. [Смяецца]

1266
01:14:58,380 --> 01:15:06,870
З дапамогай JavaScript я скажу там, напэўна, менш падтрымкі, чым ёсць на баку XAML,

1267
01:15:06,870 --> 01:15:11,430
які мае часовыя рамкі, мае раскадроўкі і рэчы, якія ўбудаваныя

1268
01:15:11,430 --> 01:15:18,710
Для анімацыі на прыкладаннях JavaScript, я не ведаю, колькі з адказу я хачу даць вам.

1269
01:15:18,710 --> 01:15:25,110
У мяне ёсць рэсурсы на маім блогу, якія ідуць праз шмат варыянтаў для абедзвюх фізікі анімацыі,

1270
01:15:25,110 --> 01:15:29,280
Варыянты для JavaScript-арыентаваных гульняў на Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Я хацеў бы спаслацца вы да тых.

1272
01:15:31,300 --> 01:15:34,300
У прынцыпе, ёсць так шмат варыянтаў.

1273
01:15:34,300 --> 01:15:37,770
Прычына, чаму я саромеючыся ёсць так шмат варыянтаў для рабіць анімацыю з JavaScript.

1274
01:15:37,770 --> 01:15:44,280
Гэта можа быць CSS, гэта можа быць палатно аснове, гэта можа быць проста асноўныя DOM анімацыі,

1275
01:15:44,280 --> 01:15:47,470
гэта можа быць шмат розных рэчаў, так што гэта сапраўды залежыць ад вашага выбару.

1276
01:15:47,470 --> 01:15:55,790
Калі вы вырашылі выкарыстоўваць нешта накшталт Create.js або вапны або іншых відаў рамак -

1277
01:15:55,790 --> 01:15:59,150
Ну, я нават не ўпэўнены, што вы збіраецеся быць у стане выкарыстаць больш высокага ўзроўню, рамкі

1278
01:15:59,150 --> 01:16:01,370
падабаецца ўздзеяння або Пабудаваць.

1279
01:16:01,370 --> 01:16:07,000
Гэта, як правіла, генеруюць больш кода, чым вы маглі б разгледзець з нуля.

1280
01:16:07,000 --> 01:16:11,730
Але ў гэтых выпадках яшчэ можна было выкарыстоўваць сімулятар, вы можаце выкарыстоўваць асяроддзя,

1281
01:16:11,730 --> 01:16:17,480
і я, як правіла, проста выкарыстоўваць гэтую сераду для маёй тэставай платформы ў тых выпадках,

1282
01:16:17,480 --> 01:16:19,930
як я займаюся распрацоўкай гульні.

1283
01:16:19,930 --> 01:16:22,110
Я быў у парадку, асабліва з Палатно анімацыі,

1284
01:16:22,110 --> 01:16:23,850
якія, верагодна, найбольш распаўсюджаная рэч.

1285
01:16:23,850 --> 01:16:27,360
Лепшае, што вы збіраецеся, верагодна, знайсці гэта Сродкі распрацоўкі ў браўзэры

1286
01:16:27,360 --> 01:16:30,160
і Сродкі распрацоўкі ў Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Выгляд звілістай адказ ёсць, але, спадзяюся, я атрымаў адказ на сваё пытанне. Так. Вы.

1288
01:16:34,610 --> 01:16:36,470
>> [Студэнт] Якія варыянты захоўвання дадзеных для Windows 8 прыкладанняў?

1289
01:16:36,470 --> 01:16:41,100
Якія варыянты захоўвання дадзеных для Windows 8 прыкладанняў, Windows Store прыкладанні?

1290
01:16:41,100 --> 01:16:46,790
Вашыя варыянты на самай справе кожнае прыкладанне атрымлівае уласны басейн лакальнага захоўвання

1291
01:16:46,790 --> 01:16:52,150
для налады і для перадачы дадзеных, але гэта таксама недарэчна просты ў выкарыстанні роўмінгу захоўвання,

1292
01:16:52,150 --> 01:16:54,920
выкарыстоўваць воблачнае захоўвання. Гэта бясплатна.

1293
01:16:54,920 --> 01:16:58,250
Што адбываецца, вы ў асноўным выбраць іншы клас, і вы кажаце,

1294
01:16:58,250 --> 01:17:03,370
"Налады Роўмінг, Захаваць, гэта пэўны набор кантэнту,"

1295
01:17:03,370 --> 01:17:06,050
і іх ўлік Microsoft, што яны ўвайшлі як,

1296
01:17:06,050 --> 01:17:08,620
збіраецца быць ключом да роўмінгу гэтую інфармацыю вакол.

1297
01:17:08,620 --> 01:17:13,790
Так што, калі я выкарыстоўваю сваю гульню на маім ноўтбуку, і затым я увайсці з такім жа лікам

1298
01:17:13,790 --> 01:17:18,900
і я гуляць у гульню на паверхні або таблетку,

1299
01:17:18,900 --> 01:17:23,610
, Якія будуць аўтаматычна перамяшчацца гэтую наладу і дадзеныя паміж гэтымі машынамі.

1300
01:17:23,610 --> 01:17:27,550
Гэта рэч па змаўчанні. Гэта добра для пэўных аб'ёмаў дадзеных.

1301
01:17:27,550 --> 01:17:30,220
Вы б не паставіць велізарную базу дадзеных на тых.

1302
01:17:30,220 --> 01:17:35,350
Для гэтага вам трэба пайсці да іншых відах рашэнняў, як размешчанай базе дадзеных у воблаку,

1303
01:17:35,350 --> 01:17:36,690
такія рэчы, як, што.

1304
01:17:36,690 --> 01:17:39,840
Ёсць і іншыя варыянты супольнасць вакол іншых відаў тэхналогій перадачы дадзеных.

1305
01:17:39,840 --> 01:17:42,920
Я бачыў некаторыя SQLite опцыі ў супольнасці вакол там таксама.

1306
01:17:42,920 --> 01:17:46,690
Так больш і больш з'яўляюцца, але тыя з'яўляюцца асноўнымі рэчы, якія вы зірнуў бы на

1307
01:17:46,690 --> 01:17:49,430
для гульні або дадатку.

1308
01:17:49,430 --> 01:17:50,610
І ў вас быў пытанне ў спіну таксама.

1309
01:17:50,610 --> 01:18:02,390
>> [Студэнт] З пункту гледжання сеткі [неразборліва] загрузкі або запампоўкі файлаў [неразборліва]

1310
01:18:02,390 --> 01:18:04,870
[Боуэн] Ваш пытанне, як вы можаце бачыць, што і як вы можаце адладжваць, што і гэта праверыць?

1311
01:18:04,870 --> 01:18:10,630
[Студэнт] Як вы можаце адладжваць яго [неразборліва]

1312
01:18:10,630 --> 01:18:12,670
Выбачайце. Я не магу чуць усё гэта.

1313
01:18:12,670 --> 01:18:16,480
[Студэнт] Як вы атрымліваеце гэта памылка выпрабаванні, а таксама [неразборліва]

1314
01:18:16,480 --> 01:18:17,490
Вялікі. Вялікі.

1315
01:18:17,490 --> 01:18:21,860
Як вы працуеце з сеткай? Як вы можаце бачыць, што адбываецца?

1316
01:18:21,860 --> 01:18:23,620
Там у шмат розных адказаў на гэты,

1317
01:18:23,620 --> 01:18:26,420
але дазвольце мне паказаць вам, верагодна, самыя лёгкія рэчы.

1318
01:18:26,420 --> 01:18:29,350
Дазвольце мне пазбавіцца ад трэнажора на секунду.

1319
01:18:29,350 --> 01:18:31,740
Проста пару параметры адладкі для сетак.

1320
01:18:31,740 --> 01:18:36,070
Там у поўны сеткавы стэк запечаны прама ў як на ўзроўні WinRT і ад WinJS,

1321
01:18:36,070 --> 01:18:42,810
так што вы можаце вельмі лёгка зрабіць XHR, тып AJAX званкі з гульнёй або дадаткам, каб зрабіць гэта.

1322
01:18:42,810 --> 01:18:47,250
У першую чаргу, я аддаю перавагу выкарыстоўваць 2 рэчы.

1323
01:18:47,250 --> 01:18:53,660
Я выкарыстоўваць фактычныя самі інструменты распрацоўніка, якія маюць сеткавы стэк выпечаны ў іх.

1324
01:18:53,660 --> 01:18:55,870
Дазвольце мне паказаць вам хатнюю старонку Windows.

1325
01:18:55,870 --> 01:19:02,730
Я магу пра гэта не, і там на самай справе сеткавай проксі запечаны ў гэтых інструментаў тут.

1326
01:19:02,730 --> 01:19:08,390
Так што я магу зрабіць гэта, я магу абнавіць старонку, і ён збіраецца паказаць мне ўсё ўзаемадзеяння,

1327
01:19:08,390 --> 01:19:14,550
у тым ліку AJAX заклікае да гэтай сесіі, для працягласці гэтага запыту.

1328
01:19:14,550 --> 01:19:17,600
Гэта карысна. Гэта будзе вельмі карысна для прыкладанняў на аснове браўзэра.

1329
01:19:17,600 --> 01:19:20,470
Для іншых відаў прыкладанняў, у тым ліку Windows Store прыкладанняў,

1330
01:19:20,470 --> 01:19:23,970
Я выкарыстоўваць інструмент пад назвай Скрыпач.

1331
01:19:23,970 --> 01:19:29,650
Вы збіраецеся атрымаць гульню ў адказ. [Смяецца]

1332
01:19:29,650 --> 01:19:32,750
Скрыпач з'яўляецца просты проксі. Я думаю, што можна паказаць, што для вас.

1333
01:19:32,750 --> 01:19:40,190
Гэта проста GetFiddler.com, які, што цікава, я адсочвання мой сеткавы стэк

1334
01:19:40,190 --> 01:19:41,740
збіраецца GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
Але так ці інакш, Скрыпач быў напісаны адным з прэм'ераў у камандзе IE,

1336
01:19:45,700 --> 01:19:48,290
так што ён ведае, што ён робіць.

1337
01:19:48,290 --> 01:19:52,630
Гэта добры проксі, якія можна выкарыстоўваць для адладкі сеткавага трафіку.

1338
01:19:52,630 --> 01:19:55,730
Я рэкамендаваў бы, каб. Пытанне там таксама.

1339
01:19:55,730 --> 01:19:58,050
>> [Студэнт] Ёсць просты спосаб інтэграваць ўвод замежных моў,

1340
01:19:58,050 --> 01:20:00,810
як японскі або кітайскі, у прыкладаннях Windows?

1341
01:20:00,810 --> 01:20:03,240
Я не магу сказаць, што я зрабіў занадта шмат сябе, але гэта выпякаецца цалі

1342
01:20:03,240 --> 01:20:08,470
Ёсць варыянты для вядома выпраменьваючых прыкладання - Прабачце, я не казаў, пытанне -

1343
01:20:08,470 --> 01:20:11,100
варыянты вакол глабалізацыі, лакалізацыя кантэнту,

1344
01:20:11,100 --> 01:20:14,320
у тым ліку рэчы, як магчымасць прадаваць на розных рынках

1345
01:20:14,320 --> 01:20:19,190
і мэта, якая версію прыкладання для тых асобных моў

1346
01:20:19,190 --> 01:20:21,080
ці культуры ці таму падобнае. Абсалютна убудаванага

1347
01:20:21,080 --> 01:20:22,980
У нас было падтрымку, што для вечна,

1348
01:20:22,980 --> 01:20:26,630
і што нясе наперад у вашыя варыянты для Windows Store.

1349
01:20:26,630 --> 01:20:30,450
Вы можаце зрабіць гэта ў самай краме, прадаць на розных рынках,

1350
01:20:30,450 --> 01:20:34,050
Вы можаце зрабіць гэта ў дадатку, а таксама з выкарыстаннем рэсурсаў, каб вызначыць,

1351
01:20:34,050 --> 01:20:42,220
"Калі я распрацаваў для гэтай культуры, а затым выкарыстоўваць гэтыя пераазначэння для майго тэкставага кантэнту

1352
01:20:42,220 --> 01:20:44,510
"Ці выкарыстоўваць справа налева чытача."

1353
01:20:44,510 --> 01:20:51,290
Гэта ўсё частка WinJS па змаўчанні і WinRT API. Добрае пытанне.

1354
01:20:51,290 --> 01:20:54,770
>> Як у нас справы? Любыя іншыя?

1355
01:20:54,770 --> 01:20:58,850
І калі хтосьці на відэа ёсць пытанні, я cbowen @ Microsoft,

1356
01:20:58,850 --> 01:21:02,790
так што я з задавальненнем адкажу на любыя вашы пытанні з будучыні.

1357
01:21:02,790 --> 01:21:05,690
Вельмі - З будучыні, у будучыні [імітуе рэха].

1358
01:21:05,690 --> 01:21:09,140
Дык вось я. Дазвольце мне пакласці назад мой кантакт тут.

1359
01:21:09,140 --> 01:21:11,840
Так што проста паслаць мне запіску, cbowen @ Microsoft,

1360
01:21:11,840 --> 01:21:15,190
і я вярнуся да вас, як толькі змагу.

1361
01:21:15,190 --> 01:21:19,010
>> Усё астатняе, што вам цікава? Няўжо мы добра?

1362
01:21:19,010 --> 01:21:24,050
Вялікі. Добра. Дзякуй усім вялікае. Я цаню гэта. [Апладысменты]

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