1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Seminář - Windows 8 - App / vývoj her s HTML5]

2
00:00:02,420 --> 00:00:05,090
[Chris Bowen, Edwin Guarin - Harvard University]

3
00:00:05,090 --> 00:00:07,350
[To je CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Ahoj, všichni. Jmenuji se Edwin Guarin. To je Chris Bowen.

5
00:00:10,290 --> 00:00:12,310
Nechám ho představit sám sebe ve vteřině.

6
00:00:12,310 --> 00:00:14,100
Já jen chci, aby se rychle oznámení.

7
00:00:14,100 --> 00:00:18,340
Za prvé, všechno, co CS50 studentům získat Windows 8 zdarma.

8
00:00:18,340 --> 00:00:23,150
Takže pokud uvažujete o skutečně používat jej pro svůj konečný projekt, je to tvoje.

9
00:00:23,150 --> 00:00:25,740
Nate se odeslat e-mail později na pokyny.

10
00:00:25,740 --> 00:00:32,850
Druhá věc je, pokud se rozhodnete napsat Windows 8 aplikace pro váš CS50 závěrečný projekt,

11
00:00:32,850 --> 00:00:35,870
budeme dělat nějaké dárky: Xbox,

12
00:00:35,870 --> 00:00:38,870
bychom mohli dát břidlici pryč, věci, jako že.

13
00:00:38,870 --> 00:00:42,460
Takže pokud je tu něco drží zpátky, nechal Chris a já vím,

14
00:00:42,460 --> 00:00:45,010
Jak vám můžeme pomoci postavit něco opravdu cool.

15
00:00:45,010 --> 00:00:48,580
Takže ještě jednou díky za přichází dnes, a já ji předal Chris.

16
00:00:48,580 --> 00:00:50,500
>> Děkuji, Edwin.

17
00:00:51,000 --> 00:00:52,740
Díky všem za nás spojování dnes.

18
00:00:52,740 --> 00:00:55,800
Jsem Chris Bowen. Jsem jeden z kolegů Edwin je tady na severovýchodě.

19
00:00:55,800 --> 00:00:58,310
Jen jsem chtěl strávit trochu času s tebou mluvit o

20
00:00:58,310 --> 00:01:03,730
jak vytvořit aplikace Windows Store s HTML5, JavaScript a CSS

21
00:01:03,730 --> 00:01:07,310
a trochu si jakékoliv dotazy můžete mít o něm zodpovězeny pro vás

22
00:01:07,310 --> 00:01:12,920
jak se díváte směrem přemýšlet o tom, možná používat pro CS50 finále příležitost.

23
00:01:12,920 --> 00:01:14,980
>> To znamená, že budeme jen ponořit dovnitř

24
00:01:14,980 --> 00:01:17,190
Půjdu se k sklíčka sem.

25
00:01:17,190 --> 00:01:19,440
Pokud máte jakékoli dotazy, neváhejte a pošlete mi e-mail.

26
00:01:19,440 --> 00:01:23,460
Jsem cbowen@microsoft.com, a tam je můj blog a můj Twitter.

27
00:01:23,460 --> 00:01:26,330
Si však chcete dostat do kontaktu se mnou, to je v pořádku.

28
00:01:26,330 --> 00:01:30,110
Mám o hodinu věci, a chci se dostat na vaše dotazy v cestě,

29
00:01:30,110 --> 00:01:33,720
takže se nemusíte stydět o tom mít otázky v průběhu této.

30
00:01:33,720 --> 00:01:36,470
Nemohou vidět, kdo se ptá na otázky týkající se záznamu,

31
00:01:36,470 --> 00:01:39,090
takže budete mít tak anonymní, jak chcete být.

32
00:01:39,090 --> 00:01:42,780
>> Dovolte mi, abych ponořit přímo, jen dát rychlý úvod do Windows 8,

33
00:01:42,780 --> 00:01:47,400
a ukázat vám některé z věcí, o Windows Store aplikace, které byste mohli zvážit

34
00:01:47,400 --> 00:01:49,530
jak si myslíte o vývoji aplikace.

35
00:01:49,530 --> 00:01:52,660
Díváme se na Windows 8. Byli jsme se na pár týdnů.

36
00:01:52,660 --> 00:01:55,810
Hodně silný přijetí tam již.

37
00:01:55,810 --> 00:01:59,800
Možná jste viděli již na povrchu stroje, které máme stejně.

38
00:01:59,800 --> 00:02:03,730
Je tu ještě jedna tady vlastně můžeš podívat na, pokud jsi tady osobně.

39
00:02:03,730 --> 00:02:07,530
Opravdu chci si s tebou promluvit, ukázat vám kolem trochu o Windows 8.

40
00:02:07,530 --> 00:02:10,759
Nápad s Windows 8, je to opravdu předložit všechno, co víte o Windows

41
00:02:10,759 --> 00:02:16,840
do některých nových zážitků - zejména, co chtěli na povrchu stroji s nádechem,

42
00:02:16,840 --> 00:02:20,000
tento druh více mobilních zařízení, které jsou nyní na trhu,

43
00:02:20,000 --> 00:02:22,360
ale je to také Windows v jeho jádru.

44
00:02:22,360 --> 00:02:25,850
Takže to znamená, že jej můžete nainstalovat opravdu na cokoliv, co běží Windows 7,

45
00:02:25,850 --> 00:02:30,770
od svého největšího triple SLI herní plošinu dolů k notebooku

46
00:02:30,770 --> 00:02:36,200
a zbrusu novou jiných zařízení, která můžete vyzvednout dnes.

47
00:02:36,200 --> 00:02:38,450
Ty poběží Windows 8.

48
00:02:38,450 --> 00:02:40,530
Ukážu vám asi jen trochu,

49
00:02:40,530 --> 00:02:44,670
a všechny zkušenosti, které uvidíte, jsou zde věci, které můžete vytvořit.

50
00:02:44,670 --> 00:02:47,760
Myšlenka je, zda je to dotek, myš, klávesnice,

51
00:02:47,760 --> 00:02:51,870
bez ohledu na zařízení, které jste spuštění aplikace na, bude to běží skvěle.

52
00:02:51,870 --> 00:02:55,180
Windows 8 vám pomůže se všemi těmito scénáři.

53
00:02:55,180 --> 00:02:59,600
>> Stranou Tyto skluzavky, prostě dostanete přímo na to podívat tady.

54
00:02:59,600 --> 00:03:03,270
Dovolte mi ukázat vám kolem domovské obrazovce. To je moje obrazovka Start.

55
00:03:03,270 --> 00:03:05,810
Budu jen vám trochu turné zde.

56
00:03:05,810 --> 00:03:09,610
Jsem na bezdotykové přístroje, aby stejně jako já chci dotknout mého notebooku displej,

57
00:03:09,610 --> 00:03:13,400
to nebude dělat vůbec nic, tak jsem si jen vyberte tu trochu a ukázat vám.

58
00:03:13,400 --> 00:03:17,950
Některé věci si můžete všimnout, je skutečnost, že se jedná, co se nazývá živé dlaždice

59
00:03:17,950 --> 00:03:21,470
ve skutečnosti můžete animovat, a mohou poskytnout informace pro vás -

60
00:03:21,470 --> 00:03:24,750
možná aktualizace na statistiky na hru

61
00:03:24,750 --> 00:03:30,970
nebo ukážu zprávy z některé z dřívějších aplikací, které jsou zde na levé straně.

62
00:03:30,970 --> 00:03:35,350
Tam jdeme. Jsem si jistý, že je to jen pozitivní a fantasticky skvělá zpráva.

63
00:03:35,350 --> 00:03:38,450
Si můžete prohlédnout zde je to opravdu volá svou pozornost zpět do aplikace, řka:

64
00:03:38,450 --> 00:03:43,010
"Hele, je tu něco nového zde. Podívejte se. Vrať se a zjistit, co je nového u tebe."

65
00:03:43,010 --> 00:03:45,320
Tomu se říká živé dlaždice, a co můžete udělat oznámení

66
00:03:45,320 --> 00:03:47,070
buď přímo od samotné aplikace

67
00:03:47,070 --> 00:03:52,220
nebo pokud se podíváte podrobněji, zjistíte, jak napsat vzdálené služby

68
00:03:52,220 --> 00:03:54,340
, které mohou skutečně přenosu informací na dlaždice,

69
00:03:54,340 --> 00:03:56,520
což je to, co se děje s těmito zprávami aplikace.

70
00:03:56,520 --> 00:04:00,080
Jsou to vlastně dostat zprávy z oblaku a aktualizaci dlaždice tady

71
00:04:00,080 --> 00:04:03,710
aby lidé věděli, že je to důvod, proč otevřít aplikaci a podívat se

72
00:04:03,710 --> 00:04:06,950
na co nejnovější zprávy je v každém z nich

73
00:04:06,950 --> 00:04:10,060
nebo v případě, že je nové recepty, nebo nové vysoké skóre porazit

74
00:04:10,060 --> 00:04:13,560
nebo přítel hraní nebo cokoliv na těchto žádostí.

75
00:04:13,560 --> 00:04:15,550
Je to něco, co vás lákat zpět dovnitř

76
00:04:15,550 --> 00:04:18,640
Tak to je živé dlaždice, a mohlo by to být člověk, může to být webové stránky, stejně.

77
00:04:18,640 --> 00:04:20,790
Obvykle je to aplikace.

78
00:04:20,790 --> 00:04:25,320
>> Skoro všechny tyto věci, které jsem sem přišel z Windows Store. Budu spustit to.

79
00:04:25,320 --> 00:04:27,890
Je to jedna z aplikací, které vám ve výchozím nastavení

80
00:04:27,890 --> 00:04:30,350
na každém počítači, který je spuštěn Windows 8.

81
00:04:30,350 --> 00:04:33,040
Můžete sem najít něco, co byste chtěli,

82
00:04:33,040 --> 00:04:37,240
z věcí, které jsou zvýrazněny, aby hry, které jsem ještě neviděl.

83
00:04:37,240 --> 00:04:39,440
Oh, wow, máme nový pinball zde.

84
00:04:39,440 --> 00:04:41,580
Můžete nainstalovat ty tady z obchodu,

85
00:04:41,580 --> 00:04:43,420
a promluvíme si o tom, jak rozvíjet tyto.

86
00:04:43,420 --> 00:04:45,670
Máte spoustu možností, jak si je vytvořit.

87
00:04:45,670 --> 00:04:49,020
Budeme zaměřit se na příběhu JavaScript s HTML a CSS,

88
00:04:49,020 --> 00:04:52,790
ale pro uživatele, aby kupujícímu aplikace, nezáleží na tom, co to bylo psáno palců

89
00:04:52,790 --> 00:04:54,670
Mohou pokračovat a pracovat s ním.

90
00:04:54,670 --> 00:04:57,870
Jsem překvapený tímto jeden, takže musím otevřít toto nahoru a podívat se.

91
00:04:57,870 --> 00:05:02,310
Každá aplikace, včetně těch, které si můžete podat a prodat, nebo dát zadarmo,

92
00:05:02,310 --> 00:05:06,240
co chcete dělat v obchodě, získáte domovskou stránku, jako je tento.

93
00:05:06,240 --> 00:05:10,750
Můžete odeslat s vaší žádosti banda snímků obrazovky - můžete vidět některé zde -

94
00:05:10,750 --> 00:05:15,970
Podrobnosti o aplikaci, a časem budete hromadit obě hodnocení -

95
00:05:15,970 --> 00:05:19,020
jsou to v podstatě jen hvězdičky - a hodnocení,

96
00:05:19,020 --> 00:05:20,690
které poskytují trochu větší vhled.

97
00:05:20,690 --> 00:05:24,380
Vlastně, někdo musí něco psát a řeknu vám, jak úžasné jste,

98
00:05:24,380 --> 00:05:29,300
a že půjde do svého Recenze části sem, který jsem se podíval na.

99
00:05:29,300 --> 00:05:33,890
Fantastic. "Nebude ani otevřít." Jak velký.

100
00:05:33,890 --> 00:05:39,000
No, pro lidi, pro které to udělal otevřený a běh, ale zdá se, že opravdu si to. [Směje se]

101
00:05:39,000 --> 00:05:43,770
Mějte to na paměti. Internet. Každý může říct, co chtějí o vaší žádosti.

102
00:05:43,770 --> 00:05:45,780
Takže ujistěte se, že děláte skvělou práci s ním,

103
00:05:45,780 --> 00:05:49,030
ujistěte se, že budete dělat to tak pohodlné pro uživatele, jak můžete

104
00:05:49,030 --> 00:05:52,720
proto, že jsou pár kliknutí od poskytování hodnocení,

105
00:05:52,720 --> 00:05:55,870
a že se hromadí až do celkové přezkoumání hodnocení.

106
00:05:55,870 --> 00:05:58,990
A chcete to nejlepší, protože budete mít proti jiným aplikacím.

107
00:05:58,990 --> 00:06:01,830
Tam budou tisíce aplikací již v obchodě,

108
00:06:01,830 --> 00:06:06,880
a je velká šance, že může být něco, co dělá podobné funkce s tím, co děláte.

109
00:06:06,880 --> 00:06:12,740
Takže pokud jste si opravdu vyčnívat z davu, že se to být vaše výhoda, samozřejmě.

110
00:06:12,740 --> 00:06:15,300
>> Dostaneme se do obchodu trochu později.

111
00:06:15,300 --> 00:06:17,090
Opravdu se chci zaměřit na vytváření aplikací.

112
00:06:17,090 --> 00:06:20,760
Ale krátká verze obchodu je celosvětově distribuce,

113
00:06:20,760 --> 00:06:25,430
je automaticky součástí systému Windows 8, lidé prostě vyhodit ho a podívat se na různé aplikace zde,

114
00:06:25,430 --> 00:06:29,070
Máte Dress-Up Sticker Book a všechny druhy různých aplikací.

115
00:06:29,070 --> 00:06:33,690
Fresh Paint, já používám to hodně - špatně, ale já používám to hodně.

116
00:06:33,690 --> 00:06:36,080
Je to ukazuje mi, že už ji vlastní.

117
00:06:36,080 --> 00:06:41,280
Dovolte mi, abych vám ukázat něco, co nemají - UVideos nemám jako zbrusu nové.

118
00:06:41,280 --> 00:06:43,660
Vidíte, tady je to zdarma, takže si jej můžete nainstalovat přímo ze skladu.

119
00:06:43,660 --> 00:06:46,430
Máte možnosti taky. Můžete si samozřejmě dát pryč.

120
00:06:46,430 --> 00:06:49,660
Můžete dát reklamu v aplikaci nebo hru.

121
00:06:49,660 --> 00:06:54,770
Můžete se také poplatek za to, a můžete velmi snadno poskytnout soud pro použití, jakož

122
00:06:54,770 --> 00:06:58,220
takže si můžete nechat lidi si to vyzkoušet po dobu jednoho týdne, nebo co chcete dělat.

123
00:06:58,220 --> 00:07:01,540
To je jen přizpůsobitelné přes portál. Nemusíte psát žádný kód, který.

124
00:07:01,540 --> 00:07:03,990
Takže říkáte, "můžete použít po dobu jednoho týdne, a pak máte koupit,"

125
00:07:03,990 --> 00:07:07,130
nebo byste mohli dělat věci jako: "Ty by mohly hrát první tři úrovně této hry

126
00:07:07,130 --> 00:07:09,820
"A pak jste se dostal ke koupi přístup k odpočinku."

127
00:07:09,820 --> 00:07:12,310
Dalo by se dokonce udělat in-app nákupy, stejně tak můžete říct,

128
00:07:12,310 --> 00:07:17,880
"Máme další dobrodružství nebo sady grafiky nebo věci, které jsou odemčené -

129
00:07:17,880 --> 00:07:21,430
"Další recepty, které jsou odemčené -. Pokud si koupíte tyto rozšířené sady"

130
00:07:21,430 --> 00:07:24,260
A můžete to udělat vše v rámci aplikace nebo hry samotné.

131
00:07:24,260 --> 00:07:26,070
Takže, zcela na vás, vaše volba.

132
00:07:26,070 --> 00:07:28,070
Je tu spousta věcí, které můžete udělat v obchodě,

133
00:07:28,070 --> 00:07:31,660
a pak v podstatě jste předložením certifikační kanálu.

134
00:07:31,660 --> 00:07:35,380
Můžeme mluvit jen o tom trochu později, ale to je cíl.

135
00:07:35,380 --> 00:07:40,410
Chcete-li dostat app po celém světě viditelnost v obchodě zde.

136
00:07:40,410 --> 00:07:44,170
>> Zpět na úvodní obrazovce tady, rád bych vám ukázat, asi trochu víc.

137
00:07:44,170 --> 00:07:50,580
Mám-li spustit tyto aplikace, dovolte mi, abych vám příklad některých funkcí cross-app zde.

138
00:07:50,580 --> 00:07:53,070
K tomu, že budu spustit čerstvou barvou.

139
00:07:53,070 --> 00:07:55,550
Jedna věc, kterou uvidíte, je zde každý jednotlivý bit obrazovky,

140
00:07:55,550 --> 00:07:58,040
všechny pixely na obrazovce, přejděte na aplikaci.

141
00:07:58,040 --> 00:08:01,990
Pryč jsou dny, kdy budete muset tyto hranice kolem oken

142
00:08:01,990 --> 00:08:05,120
se spoustou tlačítek, které jsou vždy tam zabírají místo po celou dobu.

143
00:08:05,120 --> 00:08:09,430
Nyní si opravdu chcete dostat pryč od toho a jen váš obsah bude zaměření.

144
00:08:09,430 --> 00:08:13,710
Můžeme dělat věci s Windows přístupem jiných druhů menu.

145
00:08:13,710 --> 00:08:16,840
Jedním z nich je vlastně to, co se nazývá kouzlo bar,

146
00:08:16,840 --> 00:08:18,870
a vychází z části obrazovky.

147
00:08:18,870 --> 00:08:21,270
Můžete si skutečně šlehat ze strany pokud máte dotykovou obrazovku,

148
00:08:21,270 --> 00:08:24,840
můžete pravým tlačítkem myši, pokud máte myš, tam je klávesová zkratka pro to,

149
00:08:24,840 --> 00:08:29,490
tam je vždy více než jeden způsob, jak to udělat něco pro životní prostředí zde.

150
00:08:29,490 --> 00:08:31,680
To přináší řadu věcí, které můžete udělat.

151
00:08:31,680 --> 00:08:33,870
Nejviditelnější je můžete vrátit na úvodní obrazovku,

152
00:08:33,870 --> 00:08:36,780
ale ostatní 4 jsou tím, co se říká kouzlo.

153
00:08:36,780 --> 00:08:41,059
Jsou to smlouvy, které můžete zapojit do jako app developer. Jsou to docela v pohodě.

154
00:08:41,059 --> 00:08:43,340
Vyhledávání, jsem si jistý, že je to něco, co se chystáte udělat,

155
00:08:43,340 --> 00:08:44,950
sdílení já vám ukážu, ve chvíli,

156
00:08:44,950 --> 00:08:48,450
a zařízení a nastavení, to všechno jsou věci, které vaše aplikace můžete zapojit do

157
00:08:48,450 --> 00:08:51,960
využít systému Windows, říkat, "já jsem udělal svůj díl

158
00:08:51,960 --> 00:08:54,700
"A já chci Windows podporovat některé další funkce,

159
00:08:54,700 --> 00:08:56,750
"A já nechci psát spoustu kódu, aby se to stalo."

160
00:08:56,750 --> 00:08:59,480
To je opravdu výhoda použití těchto funkcí.

161
00:08:59,480 --> 00:09:01,340
Dovolte mi, abych vám ukázat jeden.

162
00:09:01,340 --> 00:09:05,170
K tomu, že budu dělat nový obraz.

163
00:09:05,170 --> 00:09:08,240
Také jsem mluvil o použití každý pixel pro vaši aplikaci.

164
00:09:08,240 --> 00:09:11,850
Ve výchozím nastavení je to, co barva aplikace vypadá, když budete používat.

165
00:09:11,850 --> 00:09:14,960
Je to opravdu jen o tom, co kreslíte, váš obsah.

166
00:09:14,960 --> 00:09:20,850
Nemohl jsem dělat hrozné věci tady. Co mám nakreslit? Nevím.

167
00:09:20,850 --> 00:09:23,110
Čmáranice? Oh, skvělé. Můžu dělat klikyháky. Fantastic.

168
00:09:23,110 --> 00:09:25,130
Krůtí? [Směje se]

169
00:09:25,130 --> 00:09:28,500
To je nejvíce abstraktní krůtí uvidíte.

170
00:09:28,500 --> 00:09:31,780
I může také přinést to, co se nazývá app bar,

171
00:09:31,780 --> 00:09:33,850
a to je opravdu jeden z klíčových způsobů, které můžete použít

172
00:09:33,850 --> 00:09:37,210
schovat všechny věci, které by byly na aplikaci nebo hru před

173
00:09:37,210 --> 00:09:39,570
jen zabírají místo po celou dobu.

174
00:09:39,570 --> 00:09:43,270
Takže teď si můžete dát to tady, a to je opravdu jeden z více krásných zážitků

175
00:09:43,270 --> 00:09:46,380
s app baru, který jsem viděl.

176
00:09:46,380 --> 00:09:48,800
Dejte volby zde pro výběr různé barvy.

177
00:09:48,800 --> 00:09:54,310
Chtěli jsme krocana, tak dáme nějaký hnědý zde, spusťte míchání během několika barvách.

178
00:09:54,310 --> 00:09:58,790
Budeme odměřit barvu tady a pak se vrátit sem.

179
00:09:58,790 --> 00:10:02,990
Můžete začít kreslit. Tady je váš krocan. Fantastic.

180
00:10:02,990 --> 00:10:07,660
Nemůžu kreslit začít, ale to s touchpadem před publikem je ještě lepší.

181
00:10:07,660 --> 00:10:09,640
To je úžasné.

182
00:10:09,640 --> 00:10:13,030
Myšlenka, i když je vše, co mě zajímá je tady na povrchu.

183
00:10:13,030 --> 00:10:17,060
Řekněme, že jsem tak spokojen s tím, že mám o něj podělit s někým.

184
00:10:17,060 --> 00:10:19,680
Za normálních okolností to, co by udělal s jinými verzemi systému Windows,

185
00:10:19,680 --> 00:10:22,900
byste možná pořídit snímek obrazovky, měli byste udělat nějaké copy-paste vašeho textu

186
00:10:22,900 --> 00:10:24,950
nebo podobné věci, které chcete sdílet se,

187
00:10:24,950 --> 00:10:27,260
a pak jít a otevřít jinou aplikaci a dát ji do něj.

188
00:10:27,260 --> 00:10:28,630
Zde nemusíte dělat, že.

189
00:10:28,630 --> 00:10:32,400
Můžete si skutečně, aby se na kouzlu baru a říká: "Chci se podělit o to."

190
00:10:32,400 --> 00:10:35,000
V tomto bodě to vám ukážu všechny aplikace

191
00:10:35,000 --> 00:10:38,080
že vědí, jak pracovat s tím, co je sdílena.

192
00:10:38,080 --> 00:10:41,590
V tomto případě je to obraz, tak to bude říkat: "Vidím, že máš obraz."

193
00:10:41,590 --> 00:10:45,590
"Chceš se podělit, že?" Můžete vidět, jsem e-mail sám věci po celou dobu.

194
00:10:45,590 --> 00:10:49,420
Uznává se, že i mě to nabízí, že jako zástupce,

195
00:10:49,420 --> 00:10:53,270
ale to mi také ukazuje každou aplikaci, která ví, jak se vypořádat s pořízením snímku

196
00:10:53,270 --> 00:10:55,520
a něco s ním.

197
00:10:55,520 --> 00:10:57,890
Ty všechny je uvedeno na Windows, které mohou dělat, že.

198
00:10:57,890 --> 00:10:59,240
Na tomto místě je Windows.

199
00:10:59,240 --> 00:11:01,680
Uživatel pouze vybere to, co chtějí dělat s ním.

200
00:11:01,680 --> 00:11:06,610
Budu dělat moje obvyklá PuzzleTouch. Můžete vidět, co jsem stvořil všechny druhy hádanek v průběhu času.

201
00:11:06,610 --> 00:11:11,790
Vezmu PuzzleTouch a říct, "Chci sdílet tento úžasný stvoření s PuzzleTouch."

202
00:11:11,790 --> 00:11:16,670
Je to jít dál a říct, "Skvělé. Chceš se podělit? Vynikající."

203
00:11:16,670 --> 00:11:19,260
"Chcete, aby se o puzzle, které je snadné, střední, co?"

204
00:11:19,260 --> 00:11:20,800
Udělám prostřední jej zde.

205
00:11:20,800 --> 00:11:24,890
To je puzzle. Je to bude hrozný puzzle, protože je to většinou prázdný.

206
00:11:24,890 --> 00:11:28,100
Ale je to hotový, a je to vlastně zpět do jiné aplikace.

207
00:11:28,100 --> 00:11:32,360
Kdybych sem ven, mohu hledat pro ni a spusťte jej.

208
00:11:32,360 --> 00:11:38,100
Nyní, když jsme se procházet po jen trochu tady, bychom měli vidět mou tvorbu někde.

209
00:11:38,100 --> 00:11:42,930
Kde jsem jít? Jaký druh puzzle jsem udělat? Řekl jsem, aby to snadné?

210
00:11:42,930 --> 00:11:46,110
Tady to je, tady.

211
00:11:46,110 --> 00:11:49,550
[Smích] Je to snadno rozpoznatelné krůtí puzzle, které je tady.

212
00:11:49,550 --> 00:11:52,360
Ale věc, kterou chci poukázat na to, super věc zde

213
00:11:52,360 --> 00:11:54,710
je, že aplikace nevěděl nic o sobě.

214
00:11:54,710 --> 00:11:58,740
Oni jen řekl: "Já jsem dostal snímek, který chcete sdílet, a já vím, jak se vypořádat s obrázky."

215
00:11:58,740 --> 00:12:01,420
A jako vývojář, nemusíte psát, že kód.

216
00:12:01,420 --> 00:12:05,350
Když se mě někdo zeptá, sdílet, jdu dát nějaké údaje do této malé datové struktury

217
00:12:05,350 --> 00:12:06,740
a já jsem udělal.

218
00:12:06,740 --> 00:12:10,990
Další aplikace převezme, dělá svou věc, a to je konec sdílení zkušeností.

219
00:12:10,990 --> 00:12:14,550
To je jen jedna věc, kterou můžete udělat - opravdu, ale opravdu silný -

220
00:12:14,550 --> 00:12:17,570
a to bude jedna z těch věcí, které by mohly skutečně pomoci odlišit vaši aplikaci

221
00:12:17,570 --> 00:12:20,090
a také vaše hra příliš v obchodě.

222
00:12:20,090 --> 00:12:22,220
Lidé budou moci říci: "To je opravdu užitečné."

223
00:12:22,220 --> 00:12:25,430
"Používám tuto hádanku Creator po celou dobu. To je fantastické."

224
00:12:25,430 --> 00:12:30,490
>> To je dost o stručného přehledu o tom, co se tady děje.

225
00:12:30,490 --> 00:12:33,670
Je tu pár dalších funkcí také, že možná budeme zdůraznit, jak jsme se projít kódu.

226
00:12:33,670 --> 00:12:37,710
Ale chci se ponořit do snímků, a to, že budu chodit na plochu,

227
00:12:37,710 --> 00:12:40,940
, který je sám o sobě další živé dlaždice zde.

228
00:12:40,940 --> 00:12:43,840
Můžu jít do toho a opravdu, jsem na svých snímcích,

229
00:12:43,840 --> 00:12:46,320
ale dovolte mi ukázat vám, vlastně tam, kde jsme.

230
00:12:46,320 --> 00:12:48,460
Jsme vlastně v režimu Desktop.

231
00:12:48,460 --> 00:12:52,580
To je opravdu, kde to, co jsem říkal předtím, než o Windows převod

232
00:12:52,580 --> 00:12:54,850
nových zkušeností ukazuje sám.

233
00:12:54,850 --> 00:12:56,450
Jedná se o Windows víte.

234
00:12:56,450 --> 00:12:59,730
Windows aplikace se nazývají desktop aplikace. Vedou zde.

235
00:12:59,730 --> 00:13:02,730
Máte-li stávající aplikace a chcete jim běžet na Windows 8,

236
00:13:02,730 --> 00:13:04,710
můžete absolutně udělat.

237
00:13:04,710 --> 00:13:07,590
Nejedná se o stejné věci jako úložiště aplikací, které jsou tady,

238
00:13:07,590 --> 00:13:12,240
jako Fresh Paint a těchto aplikací a podobné věci NBC News. Ti, kteří přijdou z obchodu.

239
00:13:12,240 --> 00:13:14,450
Mohou se zapojit do některé z funkcí, které jsem ukáže vám,

240
00:13:14,450 --> 00:13:16,620
a další, které jsem ti zobrazeny jen zatím.

241
00:13:16,620 --> 00:13:21,460
Ale jen mějte na paměti, že. Máme podporu pro obě tyto věci stejně.

242
00:13:21,460 --> 00:13:27,000
Je mi to líto. Je něco, co není zobrazeno na obrazovce? Ztratil jsem ho úplně. To je zvláštní.

243
00:13:29,000 --> 00:13:31,000
Dobře. Díky za ukázal, že se.

244
00:13:31,000 --> 00:13:34,770
Co jste nebyli vidět za chvíli je můj ukazuje, že desktop je tady.

245
00:13:34,770 --> 00:13:37,540
Co je poslední věc, kterou jsi viděl? Viděli jste to?

246
00:13:37,540 --> 00:13:39,490
To je desktop. Vy už víte, jak to vypadá.

247
00:13:39,490 --> 00:13:42,070
Není to nic strašně neobvyklého.

248
00:13:42,070 --> 00:13:46,940
Je to naše účetní, že zkušenosti vpřed pro vás a umožní vám používat věci, které jste měli.

249
00:13:46,940 --> 00:13:50,460
Například, budu vám ukazovat Visual Studio. To je desktopová aplikace.

250
00:13:50,460 --> 00:13:52,600
Bude to běh v tomto režimu.

251
00:13:52,600 --> 00:13:54,960
Bude podporovat složitější prostředí

252
00:13:54,960 --> 00:14:01,470
se spoustou možností a podobné věci, takže je to dobrá volba jako desktop aplikace.

253
00:14:01,470 --> 00:14:04,810
>> To znamená, že, pojďme se skluzavkami pro jen trochu

254
00:14:04,810 --> 00:14:09,720
a dá vám nějaké úvodní obsah a pak se dostat do skutečně tady kódování.

255
00:14:09,720 --> 00:14:14,070
Dobrou zprávou je, že jsem slyšel, že jste se zaměřit na mnoha CSS a JavaScriptu, HTML.

256
00:14:14,070 --> 00:14:18,110
Všechny ty věci, které jste se učí nést přímo do výroby Windows Store aplikace.

257
00:14:18,110 --> 00:14:22,920
Věci, které jste slyšeli o s použitím CSS selektory a všechny ty věci,

258
00:14:22,920 --> 00:14:27,180
je přesně to, co udělat pro to, vytvořit aplikaci zde pro úložiště.

259
00:14:27,180 --> 00:14:29,640
Půjdeme přes tyto věci, kousek po kousku.

260
00:14:29,640 --> 00:14:34,130
V podstatě, já stavím na věci, které jste už vzali čas se učit.

261
00:14:34,130 --> 00:14:36,520
To je celkový graf z technologií, které byste mohli použít

262
00:14:36,520 --> 00:14:38,790
aby aplikace pro Windows 8.

263
00:14:38,790 --> 00:14:42,840
Věci na pravé straně, desktopových aplikací, je opravdu to, co už víme.

264
00:14:42,840 --> 00:14:46,840
To je věc, která je opravdu Windows 7 svět převedený do Windows 8.

265
00:14:46,840 --> 00:14:51,920
Všechny tyto možnosti převést: C #, VB, Win32 druh vývoje.

266
00:14:51,920 --> 00:14:54,450
Skvělé. V pořádku. Nový materiál je na levé straně.

267
00:14:54,450 --> 00:14:58,220
To je Windows Store aplikace, to je, když chci, aby se moje žádost zapojen do Windows 8

268
00:14:58,220 --> 00:15:02,300
s využitím všech těchto funkcí, dostat ji do obchodu, a získat opravdu cool zážitek

269
00:15:02,300 --> 00:15:05,260
z aplikací Windows Store.

270
00:15:05,260 --> 00:15:10,350
K tomu si můžete prohlédnout zde máš všechny své možnosti s XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, jsi to mohl udělat DirectX, takové věci, věci, které jdou nad rámec snímku.

272
00:15:14,100 --> 00:15:18,650
Ale pro nás, budeme se soustředit přímo na skutečnost, že HTML, CSS a JavaScript

273
00:15:18,650 --> 00:15:22,890
jsou opravdu prvotřídní občan pro vytváření aplikací pro systém Windows 8.

274
00:15:22,890 --> 00:15:24,960
a pro Windows Store.

275
00:15:24,960 --> 00:15:27,950
Tak to je dobré pro každého zde a lidé sledovali na videu

276
00:15:27,950 --> 00:15:30,760
protože můžete prostě využít všechny ty zkušenosti, které máte

277
00:15:30,760 --> 00:15:33,900
a opravdu svázat do toho, co Windows nabízí.

278
00:15:33,900 --> 00:15:37,870
Budeš k tomu, že přes sadu rozhraní API, které by měly být žádným překvapením.

279
00:15:37,870 --> 00:15:39,920
Každý OS má své vlastní API.

280
00:15:39,920 --> 00:15:43,530
My odhalit, co Windows může dělat přes to, co se nazývá WinRT.

281
00:15:43,530 --> 00:15:46,370
Je to sada rozhraní API, která jen dělá všechno pro Vás.

282
00:15:46,370 --> 00:15:51,650
Pokud potřebujete otevřít soubory, musíte použít fotoaparát, Geolocation, takové věci,

283
00:15:51,650 --> 00:15:55,700
jdou přes to, co Windows může nabídnout.

284
00:15:55,700 --> 00:15:59,370
Pro přístup se, že máme trochu víc JavaScript, co se děje, aby to ještě jednodušší

285
00:15:59,370 --> 00:16:02,510
pro vás udělat, že. Dostaneme se k tomu za chvíli.

286
00:16:02,510 --> 00:16:04,060
Ale teď, to je v podstatě váš plán.

287
00:16:04,060 --> 00:16:06,770
Věci, které jste již dělali na vrcholu některých API

288
00:16:06,770 --> 00:16:11,280
které vám pomohou pracovat s Windows rovná app store.

289
00:16:11,280 --> 00:16:14,210
A to je opravdu o vše, co musíte vědět, z vysoké úrovni.

290
00:16:14,210 --> 00:16:17,370
>> Budeme se ponořit do skutečnosti pracovat s věcí nyní.

291
00:16:18,940 --> 00:16:21,950
Věci, které jste pravděpodobně již viděli spoustu,

292
00:16:21,950 --> 00:16:26,760
s IE9 chvíli zpět jsme zavedli podporu pro mnoho, v té době,

293
00:16:26,760 --> 00:16:30,340
novější standardy webu, takže mnoho nových vlastností CSS,

294
00:16:30,340 --> 00:16:34,380
mnoho nových HTML, ECMAScript 5, který je opravdu JavaScript.

295
00:16:34,380 --> 00:16:38,090
Takže všechno pro to, s výjimkou přísném režimu byl v IE9.

296
00:16:38,090 --> 00:16:42,290
Jen tuny věcí s CSS, CSS3, všichni tam.

297
00:16:42,290 --> 00:16:45,300
A tohle všechno navazuje na to, co děláme s Windows 8.

298
00:16:45,300 --> 00:16:49,350
Můžete použít tyto věci, a můžete použít vše, co je nového v IE10.

299
00:16:49,350 --> 00:16:54,640
S IE10 jsme zavedli podporu pro všechny tyto věci stejně.

300
00:16:54,640 --> 00:16:59,340
Jsou to všechno hardwarovou akcelerací, takže pokud jste na počítači, který má nějaký GPU,

301
00:16:59,340 --> 00:17:04,190
což je asi skoro každý stroj, který jste mohli získat v posledních 8 let,

302
00:17:04,190 --> 00:17:07,609
budete mít možnost hardwarově akcelerované výstup,

303
00:17:07,609 --> 00:17:11,770
vizuální výstup s CSS, Canvas, SVG.

304
00:17:11,770 --> 00:17:14,339
Všechny tyto věci se projít hardwarovou akcelerací

305
00:17:14,339 --> 00:17:16,060
a být tak mnohem rychlejší a efektivnější.

306
00:17:16,060 --> 00:17:20,440
Krátká verze toho všeho - Nepůjdu projít každou věc zde -

307
00:17:20,440 --> 00:17:23,200
pokud ho vidíte na tomto seznamu, pokud můžete to udělat v IE10,

308
00:17:23,200 --> 00:17:25,650
pokud je to webová aplikace, která vedete, který pracuje v IE10,

309
00:17:25,650 --> 00:17:28,640
je to něco, co můžete udělat jako aplikace Windows Store.

310
00:17:28,640 --> 00:17:33,100
A to je docela hodně to. Takže pokud to funguje v IE10, že to bude fungovat jako aplikace Windows Store.

311
00:17:33,100 --> 00:17:36,370
Je to na stole jako něco, co byste mohli použít.

312
00:17:36,370 --> 00:17:40,510
>> Je tu spousta zde. Nemáme až do půlnoci, takže nemohu zkontrolovat všechno tady.

313
00:17:40,510 --> 00:17:44,060
Ale tam jsou některé stránky, které vám pomohou pochopit, co tyto věci můžete dělat,

314
00:17:44,060 --> 00:17:45,520
a já vám ukážu jeden z nich ve vteřině.

315
00:17:45,520 --> 00:17:48,410
Jen jsem chtěl poukázat na některé z klíčových věcí, které byste mohli podívat.

316
00:17:48,410 --> 00:17:51,560
Možná jste již viděli některé z nich ve svých studiích,

317
00:17:51,560 --> 00:17:56,610
ale ty jsou velmi užitečné, a to zejména s Windows Store aplikace, ze CSS strany.

318
00:17:56,610 --> 00:18:02,420
Tak budou moci udělat transformace a přechody, poskytují pohybu s animací -

319
00:18:02,420 --> 00:18:07,010
To vše jsou součástí CSS teď, a všechny jsou podporovány moderní prohlížeče,

320
00:18:07,010 --> 00:18:11,370
a IE10 a IE9 přidali podporu v průběhu času na všech těchto věcech.

321
00:18:11,370 --> 00:18:15,220
A tak proč psát sami, proč jít přes všechny potíže dělat tyto věci po ruce

322
00:18:15,220 --> 00:18:19,970
když můžete použít jednoduchý CSS transformace vytvořit 3D efekt pro vaši aplikaci?

323
00:18:19,970 --> 00:18:22,740
Skvělé. To je, jak to funguje.

324
00:18:22,740 --> 00:18:24,530
Nemůžu dělat nic víc těžší než to.

325
00:18:24,530 --> 00:18:28,330
Pokud víte, jak to udělat v CSS, víte, jak to udělat v aplikaci Windows Store.

326
00:18:28,330 --> 00:18:32,080
>> Nad rámec, který pro rozvržení, věci, jako je i na app store,

327
00:18:32,080 --> 00:18:35,350
ale nad rámec, při pohledu na možná tiskové aplikace, která se ukazuje vám články

328
00:18:35,350 --> 00:18:40,160
nebo recepty nebo věci, jako je to, že tyto jiné druhy vlastností v CSS jsou opravdu užitečné:

329
00:18:40,160 --> 00:18:45,610
Grid, Flexbox, CSS oblasti je spíše poměrně nový standard stejně.

330
00:18:45,610 --> 00:18:51,190
Tyto věci jsou všichni ti pomůže vyložit obsah a tok obsahu mezi úseky,

331
00:18:51,190 --> 00:18:55,470
být schopni to udělat stránkování a dělení slov, aniž byste museli psát věci sami.

332
00:18:55,470 --> 00:18:57,500
Stačí říct: "Prosím, proveďte následující kroky pro mě,"

333
00:18:57,500 --> 00:19:00,850
a jako obrazovka nemovitostí se liší na různých strojích

334
00:19:00,850 --> 00:19:03,850
nebo jak uvidíte za chvíli, jak jste snap aplikace

335
00:19:03,850 --> 00:19:07,920
mají menší množství prostoru na obrazovce, to není žádný problém pro CSS.

336
00:19:07,920 --> 00:19:11,160
Je možné využít - Budeme mluvit o tom, dotazy médií na druhý -

337
00:19:11,160 --> 00:19:15,880
to může postarat se o věci s přemístěním obsah, tekoucí obsah z regionů

338
00:19:15,880 --> 00:19:21,240
právě s těmito věcmi, které jste již viděli u webové technologie.

339
00:19:21,240 --> 00:19:25,470
>> Na straně HTML5, jsou zde i spoustu věcí,

340
00:19:25,470 --> 00:19:28,140
že bude velmi užitečné pro vás s Windows Store aplikace.

341
00:19:28,140 --> 00:19:30,980
Opět platí, že nebudeme procházet všechny z nich, ale jsou to jen tady.

342
00:19:30,980 --> 00:19:35,470
Takže pokud budete muset použít, audio-video, pokud chcete udělat ověření z forem,

343
00:19:35,470 --> 00:19:40,570
Geolocation, všechny ty věci, které můžete udělat v JavaScriptu pomocí JavaScriptu 5 nebo ECMAScript 5,

344
00:19:40,570 --> 00:19:44,070
IndexedDB pro místní úložiště - to všechno jsou možnosti pro vás.

345
00:19:44,070 --> 00:19:49,300
Pokud hledáte odpověď, stačí se podívat na stávajících technologiích s HTML5 a CSS

346
00:19:49,300 --> 00:19:53,880
a zjistíte, jednodušší odpovědi, než by museli vrátit hodně té věci sám.

347
00:19:53,880 --> 00:19:55,510
Dovolte mi ukázat vám kolem trochu zde.

348
00:19:55,510 --> 00:19:57,920
Mám stránky můžeme jít.

349
00:19:57,920 --> 00:20:01,590
Dovolte mi, abych přestal z tohoto snímku na druhý.

350
00:20:01,590 --> 00:20:06,450
>> Pokud bychom vyšli IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Nebudu dělat hodně demo zde.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com opravdu vám ukazuje hodně o tom, co je nového s IE10,

353
00:20:14,360 --> 00:20:16,220
věci, které můžete udělat.

354
00:20:16,220 --> 00:20:19,130
Zjistil jsem, je to opravdu užitečné, protože místo čtení přes spoustu bílých papírů,

355
00:20:19,130 --> 00:20:23,020
podívejte se na několik ukázek, a to se děje, které vám pomohou dát na svůj vlastní osobní radaru

356
00:20:23,020 --> 00:20:26,620
o tom, zda technologie smysl ještě dělat žádné další výzkum s

357
00:20:26,620 --> 00:20:29,070
takže si budete rozumět, "vidím, co to je za."

358
00:20:29,070 --> 00:20:32,780
"Chápu, co Dotaz Animace Frame dělá pro mě."

359
00:20:32,780 --> 00:20:36,900
"Chápu, jak bych mohl použít regionů nebo SVG filtrů."

360
00:20:36,900 --> 00:20:40,190
Můžete vidět v akci, je vidět na příkladu zde,

361
00:20:40,190 --> 00:20:44,930
a sami rozhodnout, jestli to bude užitečné pro vás ve vašich vlastních projektů a za

362
00:20:44,930 --> 00:20:47,840
jak si i nadále spolupracovat s webové technologie.

363
00:20:47,840 --> 00:20:49,900
Zde bych jen povzbudit, abyste se podívat.

364
00:20:49,900 --> 00:20:52,880
Nemyslím si, že budu trávit hodně času ve skutečnosti běží to.

365
00:20:52,880 --> 00:20:56,030
Máme dost ukázat se psaní kódu.

366
00:20:56,030 --> 00:21:01,640
Uvidíte zde věci z dotykových efektů do hry dotek založené na tomto úseku,

367
00:21:01,640 --> 00:21:06,050
animace, opravdu rychle hardwarově akcelerované tam animace,

368
00:21:06,050 --> 00:21:11,230
některé optimalizace, které uvidíte v některé z těchto vzorků stejně,

369
00:21:11,230 --> 00:21:12,770
a tam je mnoho, mnoho dalších.

370
00:21:12,770 --> 00:21:15,330
Vydáte-li se sem a otevřít mapu stránek,

371
00:21:15,330 --> 00:21:19,070
je to prostě směšné počet vzorků zde.

372
00:21:19,070 --> 00:21:20,690
Všechny si můžete prohlédnout zde.

373
00:21:20,690 --> 00:21:22,900
Pokud jste při pohledu na něco, nebo jste slyšeli o něčem

374
00:21:22,900 --> 00:21:25,850
a přemýšlíte, možná by to bylo něco, co v pohodě použít v aplikaci,

375
00:21:25,850 --> 00:21:31,720
zkuste se podívat sem, a je to asi docela dobrý demo pro to, aby ušetřit nějaký čas.

376
00:21:31,720 --> 00:21:35,980
>> Jo? Jakékoliv dotazy zatím pro lidi tady?

377
00:21:35,980 --> 00:21:39,620
Dobře. Budeme pokračovat zde.

378
00:21:39,620 --> 00:21:41,920
Opět, stačí si, že ven.

379
00:21:41,920 --> 00:21:45,450
Jsou to webové standardy, tak jděte na jakékoli jiné ukázkových stránek, které znáte z

380
00:21:45,450 --> 00:21:50,550
a zjistit, zda tyto technologie smysl pro to, co se snažíte udělat.

381
00:21:50,550 --> 00:21:53,190
>> Zálohování na diapozitivy.

382
00:21:53,190 --> 00:22:00,290
To znamená, že se stěhujete z webového světa opravdu nainstalované lokální aplikace světě,

383
00:22:00,290 --> 00:22:01,850
takže tam jsou některé věci, poukázat zde.

384
00:22:01,850 --> 00:22:03,690
Za prvé, neexistuje žádný web server se zde jedná.

385
00:22:03,690 --> 00:22:06,120
Není Apache, není IIS běží zde

386
00:22:06,120 --> 00:22:10,170
servírují stránky do vzdáleného klienta ke vzdálenému prohlížeče agenta.

387
00:22:10,170 --> 00:22:13,000
V tomto případě je opravdu vše, co je v balení pro vás.

388
00:22:13,000 --> 00:22:16,630
Ty tvrdí, že jako aplikace do obchodu, dostane osvědčení,

389
00:22:16,630 --> 00:22:22,190
je to v obchodě, a pak lidé po tisících se nainstalovat hru nebo vaše aplikace.

390
00:22:22,190 --> 00:22:24,780
Ale v podstatě, oni tahem dolů lokálně na svém počítači.

391
00:22:24,780 --> 00:22:29,080
Není třeba jít ven na webu už pokud máte volání, které potřebují vzdálené API,

392
00:22:29,080 --> 00:22:31,790
a to je naprosto normální, stejně příliš.

393
00:22:31,790 --> 00:22:35,330
Ale oni to nebude v tomto režimu, kdy mají jít požadavek odpověď ze serveru

394
00:22:35,330 --> 00:22:37,910
dostat na další stránku jejich obsah.

395
00:22:37,910 --> 00:22:41,380
Tak to znamená, že tam je několik rozdílů menších API. Jedná se o neuvěřitelně malá.

396
00:22:41,380 --> 00:22:46,850
Jsou nepravděpodobné, že by vás zasáhnout do normálního kódování, ale jsou alespoň dokumentován.

397
00:22:46,850 --> 00:22:50,030
Jsou trochu hrana případy tam.

398
00:22:50,030 --> 00:22:53,370
>> Další věc, kterou stojí za to zdůraznit, je, že rozdíly důvěryhodnosti.

399
00:22:53,370 --> 00:22:58,070
Pouze Zmiňuji se o tom proto, že chci, aby se ujistil, že jsem, že to

400
00:22:58,070 --> 00:23:01,580
takže pokud se dostanete do něj později, budete přemýšlet, "řekl Chris něco o tom,

401
00:23:01,580 --> 00:23:04,890
"Takže možná, jo, jo," a pak se vrátit zpět a zjistit, co to bylo.

402
00:23:04,890 --> 00:23:06,480
Kontexty nezáleží.

403
00:23:06,480 --> 00:23:11,450
Ve výchozím nastavení se snažíme chránit uživatele z vektorů útoku.

404
00:23:11,450 --> 00:23:13,400
Jsou určité věci, které můžete udělat ve výchozím nastavení

405
00:23:13,400 --> 00:23:16,130
a některé věci, které je třeba změnit kontext povolit.

406
00:23:16,130 --> 00:23:19,860
Jak používáte některé knihovny venku - Tys už pracují s jQuery,

407
00:23:19,860 --> 00:23:23,650
ale když se podíváte na ostatní knihovny tam - můžete používat některé funkce

408
00:23:23,650 --> 00:23:28,000
že druh přesahuje místní použití, se více dynamické interakce

409
00:23:28,000 --> 00:23:30,360
Požadavky XHR, takové věci.

410
00:23:30,360 --> 00:23:33,090
Někdy můžete najít ty, bude ve výchozím nastavení zakázána,

411
00:23:33,090 --> 00:23:37,790
a v tomto případě, jen to hledání, podívejte se na místní a webové kontextu,

412
00:23:37,790 --> 00:23:39,560
a zjistíte, jak to opravit.

413
00:23:39,560 --> 00:23:42,580
Jen ujistěte se, že víte o tom, jak začnete používat jiné rámce,

414
00:23:42,580 --> 00:23:45,720
které bych měl zmínit, že jste dokonale schopni udělat.

415
00:23:45,720 --> 00:23:49,290
Takže pokud zjistíte, že nějaký jiný rámec - Budeme o tom mluvit v druhé -

416
00:23:49,290 --> 00:23:54,000
pro hraní her a chcete používat, že chcete použít nějaký ovládací knihovny, které jsou tam

417
00:23:54,000 --> 00:23:57,990
a nechcete psát takové věci sami - je to dobrý nápad, ne? -

418
00:23:57,990 --> 00:23:59,560
můžete absolutně použít tohle.

419
00:23:59,560 --> 00:24:03,660
Neexistuje nic, co drží zpátky od použití jakékoli knihovny, který je založený na JavaScriptu,

420
00:24:03,660 --> 00:24:05,380
CSS, HTML5.

421
00:24:05,380 --> 00:24:09,740
Opět platí, že pokud je to něco, co můžete udělat, IE10, což je sakra hodně v těchto dnech,

422
00:24:09,740 --> 00:24:11,220
můžete to udělat.

423
00:24:11,220 --> 00:24:14,800
Vytáhněte ji do vaší aplikace, reference, které knihovna JavaScript, a použít jej v aplikaci,

424
00:24:14,800 --> 00:24:19,880
jen udržet v paměti, které by vás mohly zasáhnout bezpečnostní kontext jednou za čas - ne moc často.

425
00:24:19,880 --> 00:24:24,150
>> A pak funkce, půjdeme přes několik dalších z těch, co to je.

426
00:24:24,150 --> 00:24:27,500
UX budete trochu zvyknout, jak vidíte, stále více a více aplikací,

427
00:24:27,500 --> 00:24:29,250
z Windows Store.

428
00:24:29,250 --> 00:24:33,870
Můžete získat pocit, pro to, jak fungují a jak estetický design inklinuje k práci

429
00:24:33,870 --> 00:24:37,720
napříč různými aplikacemi a to, co lidé budou použity k prožívání.

430
00:24:37,720 --> 00:24:39,660
To je opravdu důležitá část.

431
00:24:39,660 --> 00:24:42,460
Ujistěte se, že když se oheň do své aplikace, které nepotřebujete číst manuál,

432
00:24:42,460 --> 00:24:44,300
které nikdy dělat, mimochodem.

433
00:24:44,300 --> 00:24:46,650
Měly by být jen mohli začít hrát s aplikací

434
00:24:46,650 --> 00:24:49,450
a přijít na to bez větších obtíží.

435
00:24:49,450 --> 00:24:52,660
Pokud se budete držet a držet se mnoho z těchto postupů,

436
00:24:52,660 --> 00:24:57,640
budete dělat svým uživatelům velkou laskavost, by to jednodušší.

437
00:24:57,640 --> 00:25:01,810
>> Dobře. Jedna poslední věc, na straně API a pak se dostaneme do skutečnosti psaní kódu.

438
00:25:01,810 --> 00:25:05,660
WinJS je to, že věc, kterou jsem zmínil velmi stručně s tímto komplexním skluzavkou

439
00:25:05,660 --> 00:25:08,850
se všemi těmi různých možností, které máte k podání žádosti.

440
00:25:08,850 --> 00:25:10,890
WinJS, můžete si ji představit jako kamaráda.

441
00:25:10,890 --> 00:25:13,680
Je to váš přítel, které vám pomohou psát věci mnohem rychleji.

442
00:25:13,680 --> 00:25:18,820
Je to jen JavaScript a CSS. Nemusíte ji používat. Můžete ji použít.

443
00:25:18,820 --> 00:25:22,180
Pokud budete volat do funkcí systému Windows, budete nakonec používat to,

444
00:25:22,180 --> 00:25:27,210
ale v případě, že je takové věci některých návrhových vzorů nebo ovládacích prvků, které si opravdu nechcete používat,

445
00:25:27,210 --> 00:25:29,090
Chcete-li použít něco jiného, ​​je to jen na vás.

446
00:25:29,090 --> 00:25:32,580
Rozhodněte se, co chcete použít a styly, které chcete použít.

447
00:25:32,580 --> 00:25:37,250
Funkce z namespacing a třídy generace - záleží na vás.

448
00:25:37,250 --> 00:25:41,650
Pokud dáváte přednost jedno nebo druhé, je to zcela na vás. Je to stále JavaScript a CSS.

449
00:25:41,650 --> 00:25:43,860
Ale bude to, které vám pomohou udělat spoustu věcí.

450
00:25:43,860 --> 00:25:47,780
Například, tady je podmnožinou toho, co to může udělat,

451
00:25:47,780 --> 00:25:50,790
věci, jako je pomoc asynchronní programování sliby.

452
00:25:50,790 --> 00:25:54,000
Každý z vás slyšel nebo pracoval s Node.js?

453
00:25:54,000 --> 00:25:59,520
Je to obyčejný vzor pro práci s asynchronním programováním.

454
00:25:59,520 --> 00:26:02,370
Takže v podstatě to, co říkáš je, "Jdi dělat něco,

455
00:26:02,370 --> 00:26:05,790
"A budete mi dát slib, že budete vrátit ke mně, když budete hotovi."

456
00:26:05,790 --> 00:26:08,400
To je v podstatě to, co se děje.

457
00:26:08,400 --> 00:26:12,400
Takže nemusíte mrznout vaší žádosti, zatímco uživatel se děje a vyzvednutí soubor

458
00:26:12,400 --> 00:26:15,810
nebo něco, co je tekly z webu.

459
00:26:15,810 --> 00:26:17,210
UI zůstává citlivý.

460
00:26:17,210 --> 00:26:19,410
A můžete to udělat pomocí asynchronní programování.

461
00:26:19,410 --> 00:26:23,620
Zní to směšně složité, ale je to opravdu snadné, protože budete používat sliby

462
00:26:23,620 --> 00:26:27,900
a to právě řekl: "Jdi to udělat, a když budete hotovi, zavolejte do této metody."

463
00:26:27,900 --> 00:26:30,270
To je docela hodně to. To je vše postaveno do WinJS.

464
00:26:30,270 --> 00:26:35,120
Bude to dělat to mnohem jednodušší napsat opravdu flexibilní a výkonné aplikace.

465
00:26:35,120 --> 00:26:37,870
>> Můžete vidět zbytek tady, spoustu animací.

466
00:26:37,870 --> 00:26:41,240
Pravděpodobně jeden z více důležitých věcí na tomto snímku jsou ovládací prvky.

467
00:26:41,240 --> 00:26:44,680
Myslím, že mám jeden celek - jo, já.

468
00:26:44,680 --> 00:26:48,900
Zde je příklad jen některé z prvků, které můžete použít ve svých aplikacích.

469
00:26:48,900 --> 00:26:51,060
To vše je rovně nahoru od WinJS.

470
00:26:51,060 --> 00:26:53,430
Nejste psaní těchto sami,

471
00:26:53,430 --> 00:26:55,990
stačí říct, "Tady je návod, jak chci skládat mé žádosti."

472
00:26:55,990 --> 00:26:59,420
"Budu používat zobrazení fanda, takže můžu jít mezi různými obrazy."

473
00:26:59,420 --> 00:27:03,380
I neprokázaly vám sémantické zoom. Já ti to ukázat ve vteřině.

474
00:27:03,380 --> 00:27:05,700
ListViews. K dispozici je GridViews.

475
00:27:05,700 --> 00:27:08,680
Už jste viděli mřížku jako součást žádosti o obchodu,

476
00:27:08,680 --> 00:27:12,170
tak budou moci používat bloky obsahu a posouvání přes to.

477
00:27:12,170 --> 00:27:15,660
Plovoucím menu uvidíte čas od času.

478
00:27:15,660 --> 00:27:19,090
Aplikace bar ukázal jsem vám, že Fresh Paint aplikace stejně,

479
00:27:19,090 --> 00:27:22,190
aby jste viděli, jak si můžete přizpůsobit, že tím, že tlačítka na něj

480
00:27:22,190 --> 00:27:26,360
a mající že schovat, když vás nezajímá použít to.

481
00:27:26,360 --> 00:27:28,120
To je opravdu zcela na vás použít.

482
00:27:28,120 --> 00:27:30,210
To jsou všechny ovládací prvky, které jsou součástí WinJS.

483
00:27:30,210 --> 00:27:33,640
Já vám ukážu, jak udělat to pár sekund, ale tam je víc, než jen to,

484
00:27:33,640 --> 00:27:37,060
a hlavní věc je použít, pokud chcete, ušetřit čas.

485
00:27:37,060 --> 00:27:40,830
>> Máte-li další kontrolní knihovny, které byste chtěli používat, je to naprosto v pořádku taky.

486
00:27:40,830 --> 00:27:46,300
Věci jako jQuery UI dělat spoustu tohoto druhu myšlenky stejně,

487
00:27:46,300 --> 00:27:51,280
poskytuje další ovládací prvky, které přesahují to, co můžete udělat v HTML a JavaScript.

488
00:27:52,690 --> 00:27:55,680
Pojďme se ponořit dovnitř jsem již řekl, že. Použít to, co byste chtěli.

489
00:27:55,680 --> 00:27:59,680
Jen mějte na paměti, že byste mohli narazit na některých kontextových otázek.

490
00:27:59,680 --> 00:28:03,380
Ale můžete samozřejmě kombinovat bez ohledu na druh knihoven vám vyhovuje,

491
00:28:03,380 --> 00:28:06,770
Chcete-li se dozvědět, který chcete použít, ušetřit nějaký čas.

492
00:28:06,770 --> 00:28:09,850
>> Pojďme mluvit o nástroje, jen na vteřinu.

493
00:28:09,850 --> 00:28:12,400
Můžete se dostat to, co potřebujete začít pracovat s Windows Store aplikace.

494
00:28:12,400 --> 00:28:17,360
Mám-li se vrátit ven, mám příliš mnoho věcí tady.

495
00:28:17,360 --> 00:28:21,770
Vydáte-li se na tuto stránku, která je dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
Zde si můžete stáhnout vše, co potřebujete.

497
00:28:23,300 --> 00:28:28,170
Jak studenti, máte přístup k více než široká veřejnost dělá,

498
00:28:28,170 --> 00:28:30,670
takže se můžete dostat vyšší-end verze Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Edwin zmínil už můžete získat Windows stejně.

500
00:28:34,090 --> 00:28:36,790
Ale obecně, pro všechny vývojáře, můžete jít na tuto stránku

501
00:28:36,790 --> 00:28:40,380
a stahovat vše, co potřebujete pro podání žádosti, a to vše zdarma.

502
00:28:40,380 --> 00:28:42,460
Takže tam je bezplatná verze Visual Studio,

503
00:28:42,460 --> 00:28:44,450
tam jsou některé nástroje, které se bude instalovat vedle toho -

504
00:28:44,450 --> 00:28:47,240
vše, co potřebujete k vytvoření a testování aplikace.

505
00:28:47,240 --> 00:28:50,130
Je to pouze tehdy, když budete publikovat své aplikace do obchodu

506
00:28:50,130 --> 00:28:52,470
které budete potřebovat pro vývojáře účet.

507
00:28:52,470 --> 00:28:56,100
To také věřím, že je zdarma. Je to zdarma pro studenty stejně? >> [Guarin] Který z nich?

508
00:28:56,100 --> 00:28:57,970
Developer účet, skutečný podání. >> [Guarin] Ano.

509
00:28:57,970 --> 00:28:59,580
To je další dobrá zpráva.

510
00:28:59,580 --> 00:29:00,840
Půjdete se podívat na tohle.

511
00:29:00,840 --> 00:29:03,840
Je to řeknu pro jednotlivce ve výchozím nastavení je to 49 dolarů.

512
00:29:03,840 --> 00:29:06,140
Ale nenechte zaregistrujte se, že jako student.

513
00:29:06,140 --> 00:29:10,250
Seženu ti nějaké informace prostřednictvím vašich programů, které můžete získat účet zdarma,

514
00:29:10,250 --> 00:29:13,980
a že vám umožní poté odeslat aplikací přímo do obchodu,

515
00:29:13,980 --> 00:29:17,370
tolik, jak se vám líbí, a všechny ty dobroty budou brzy následovat.

516
00:29:17,370 --> 00:29:19,710
Tak to je dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Zde si můžete stáhnout nástroje, které byste mohli potřebovat odtud.

518
00:29:22,170 --> 00:29:25,310
A pokud budete chtít, můžete získat zkušební verzi systému Windows zde,

519
00:29:25,310 --> 00:29:27,160
ale zase nebudete muset.

520
00:29:27,160 --> 00:29:32,880
>> Další stránka - dovolte mi, abych se rychle poukázat tohle pro vás - je design.windows.com.

521
00:29:32,880 --> 00:29:34,770
To bylo dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, můžete hádat, co to je za.

523
00:29:37,770 --> 00:29:40,380
Je to vlastně docela příjemné místo. Je tu spousta dobrých informací zde.

524
00:29:40,380 --> 00:29:41,770
Můžete pracovat přes něj.

525
00:29:41,770 --> 00:29:43,960
Bude vám nějakou radu na některých věcech

526
00:29:43,960 --> 00:29:46,760
že možná jste uvažovali o před nebo musel vypořádat s dříve,

527
00:29:46,760 --> 00:29:50,780
jako návrh na dotek, navrhování pro různé tvarových faktorů,

528
00:29:50,780 --> 00:29:55,310
navrhování pro funkce systému Windows 8, věci, které jsem zmínil dříve

529
00:29:55,310 --> 00:29:58,740
jako je vyhledávání a sdílení, některé věci, které jsem mluvil o dosud.

530
00:29:58,740 --> 00:30:05,570
Všichni jsou zde uvedeny, a to je docela dobrý soubor užitečných stránek souborů

531
00:30:05,570 --> 00:30:08,670
který vám pomůže pochopit, jak udělat určitý druh aplikace,

532
00:30:08,670 --> 00:30:14,250
jak to udělat interakce, jak se vypořádat s UI a UX vaší aplikace.

533
00:30:14,250 --> 00:30:18,630
Doporučila bych, že jste se podívat na to, zvláště pokud jste na nějakém místě

534
00:30:18,630 --> 00:30:22,960
doufat, že publikovat aplikace do obchodu.

535
00:30:22,960 --> 00:30:25,250
Budeš chtít vědět, jak udělat dobrou aplikaci

536
00:30:25,250 --> 00:30:28,300
protože jsem se již zmínil, pokud ne, je tu tato recenze znovu.

537
00:30:28,300 --> 00:30:29,930
Lidé se bude nešťastný.

538
00:30:29,930 --> 00:30:32,960
Nebudou moci najít věci, které se očekávají na správných místech.

539
00:30:32,960 --> 00:30:36,590
Nikdo nechce, aby se to stalo vám.

540
00:30:36,590 --> 00:30:39,220
>> Pohybující se dopředu tady, dovolte mi uzavřít, že dolů.

541
00:30:39,220 --> 00:30:43,700
Nyní, když víte, kde sehnat věci, ukážu vám, jak vlastně začít používat věci.

542
00:30:43,700 --> 00:30:48,520
Chcete-li začít, já vlastně ukáže, zde příklad desktopových aplikací na mé obrazovce Start.

543
00:30:48,520 --> 00:30:53,600
Zde si můžete prohlédnout Visual Studio, můžete vidět Blend a další vývojářské nástroje, které mám.

544
00:30:53,600 --> 00:30:55,890
Mají trochu jiný dlaždice.

545
00:30:55,890 --> 00:30:57,930
To je proto, že jsou desktopové aplikace,

546
00:30:57,930 --> 00:31:00,960
a v těch případech, že jsou všichni chystá spustit zpátky do svého počítače

547
00:31:00,960 --> 00:31:05,350
opravdu jen jako aplikace, které jste zvyklí.

548
00:31:05,350 --> 00:31:06,960
Takže zkušenosti Windows, je to totéž.

549
00:31:06,960 --> 00:31:12,940
Jsou to například jako Armed! nebo tyto věci. Dovolte mi zahájit jedno rychle.

550
00:31:12,940 --> 00:31:14,340
Vlastně, tady je zajímavý.

551
00:31:14,340 --> 00:31:19,210
Toto byl vyvinut studenty pracující ve spolupráci na NERD.

552
00:31:19,210 --> 00:31:23,430
Aplikace na celou obrazovku, tyto druhy zážitků zde.

553
00:31:23,430 --> 00:31:26,290
Oh, pěkné střih obrazovky a všechny druhy zábavné věci.

554
00:31:26,290 --> 00:31:34,330
Oni vyvinuli tento. Můžeme také zobrazit celou věc, když už jsme u toho.

555
00:31:37,510 --> 00:31:41,070
Ve skutečnosti, jsem pracoval s nimi trochu, dal jim několik rad na věci

556
00:31:41,070 --> 00:31:44,160
protože oni dělali JavaScript pro jejich uplatnění.

557
00:31:44,160 --> 00:31:46,460
Prosím, neberu zásluhy za jejich práci, oni dělali všechnu práci.

558
00:31:46,460 --> 00:31:48,990
Jen jsem jim dal trochu rad sem a tam,

559
00:31:48,990 --> 00:31:52,400
ale oni dělali nějaké velké věci pomocí předního konce JavaScript

560
00:31:52,400 --> 00:31:56,920
a vázání v některých fyzikálních motorů a věcí, které udělat hodně práce.

561
00:32:00,120 --> 00:32:03,360
Go. Uvidíme, jestli to funguje.

562
00:32:03,360 --> 00:32:07,010
Wow, to ještě fungovalo. Dobře, dobře. Ale dostanete nápad.

563
00:32:07,010 --> 00:32:09,350
Aplikace na celou obrazovku, opravdu dobré zkušenosti.

564
00:32:09,350 --> 00:32:14,250
To podporuje nejen myš a pero, když mám takové věci, ale také dotknout.

565
00:32:14,250 --> 00:32:19,420
Kdybych měl dotykový displej, mohl jsem čerpat na něj a pokračovat v práci s tím.

566
00:32:19,420 --> 00:32:21,440
>> Jedna věc, kterou jsem neukázal, a důvod, proč jsem to přináší až

567
00:32:21,440 --> 00:32:23,840
Je Chtěl jsem mít další aplikace, které vám ukáže, co můžete udělat,

568
00:32:23,840 --> 00:32:29,480
můžete skutečně vzít aplikacím v systému Windows a přetáhněte je na straně obrazovky.

569
00:32:29,480 --> 00:32:33,070
To se nazývá přitahování aplikace.

570
00:32:33,070 --> 00:32:37,800
V tomto případě, jsem vzal Inkarus a já jsem přidal na stranu zde.

571
00:32:37,800 --> 00:32:42,990
Nyní je na Snap pohledu, a to mi umožňuje dělat něco jiného a zároveň, že aplikace je zde.

572
00:32:42,990 --> 00:32:46,210
Většina her, které najdete bude prostě pauzu.

573
00:32:46,210 --> 00:32:51,090
To je obvykle slušná věc, kterou udělat, pokud vaše hra může nějak omezit

574
00:32:51,090 --> 00:32:54,210
na tak malé rozlišení, stejně jako možná nějaké deskové hry

575
00:32:54,210 --> 00:32:55,620
nebo podobné věci, které na příležitosti.

576
00:32:55,620 --> 00:32:58,570
Ale obecně platí, že nejjednodušší a nejvhodnější věc pro hry

577
00:32:58,570 --> 00:33:00,620
je pozastavit aplikaci.

578
00:33:00,620 --> 00:33:09,440
Pro aplikace, jako je zpravodajské aplikace, když jsem spustit tento jeden, a pak snap jsem ho,

579
00:33:09,440 --> 00:33:16,170
uvidíte, že ve skutečnosti výrazně mění, jak je to s údaji na vás.

580
00:33:16,170 --> 00:33:20,070
Tady to ukazuje vás opravdu větší vertikální pánev, že informace,

581
00:33:20,070 --> 00:33:23,340
ale já jsem stále naprosto používat aplikaci.

582
00:33:23,340 --> 00:33:25,640
Takže je to stále velmi užitečné.

583
00:33:25,640 --> 00:33:29,870
Skutečnost, že je to v menším zobrazení nebude držet mě od použití této aplikace. Tak si o tom myslíte.

584
00:33:29,870 --> 00:33:32,090
Je to něco, co musíte mít vaše aplikace to do určité míry,

585
00:33:32,090 --> 00:33:35,370
ale je to jen na vás zjistit, jak funkční, vaše aplikace by měla být

586
00:33:35,370 --> 00:33:39,080
v takovém menší prostředí.

587
00:33:39,080 --> 00:33:44,780
Dovolte mi, že jeden ukončit a vrátit se do, kde jsme byli tady.

588
00:33:44,780 --> 00:33:48,110
>> Edwin, jste přidali fotku mě už? >> [Guarin] Jo. >> [Bowen] Podívejte se na to.

589
00:33:48,110 --> 00:33:51,510
Vidíš to? Edwin přidal fotografii. [Směje se]

590
00:33:51,510 --> 00:33:54,410
>> Vraťme se zpátky sem do Visual Studio. Dovolte mi zahájit za vás.

591
00:33:54,410 --> 00:33:58,170
Mohl jsem kliknul na dlaždice na této obrazovce Start.

592
00:33:58,170 --> 00:34:02,630
To mě přivedlo zpět do režimu Desktop, a to zahájením desktop aplikaci Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Jedná se o Windows, které již znají.

594
00:34:06,790 --> 00:34:09,100
Můžu jít dál a vytvořit projekt zde.

595
00:34:09,100 --> 00:34:11,159
Budeme se opět zaměřit na JavaScriptu, HTML.

596
00:34:11,159 --> 00:34:16,510
Chystám se jít ven a vybrat až tady v JavaScriptu, Windows Store.

597
00:34:16,510 --> 00:34:19,010
K dispozici je řada šablon, které můžete použít.

598
00:34:19,010 --> 00:34:21,710
Pro produktivitu, doporučil bych vám podívat se na některé z nich ty ostatní zde

599
00:34:21,710 --> 00:34:23,489
jako mřížku a Splitu.

600
00:34:23,489 --> 00:34:25,270
Jsou to opravdu užitečné, pokud jste podání žádosti

601
00:34:25,270 --> 00:34:28,960
že to bude mít takovou konstrukci a navigace. Uvidíte tyto hodně.

602
00:34:28,960 --> 00:34:33,070
Ten jsem vám ukázal, byl vlastně instance aplikace Grid.

603
00:34:33,070 --> 00:34:36,880
Takže pokud si myslíte, že bude dělat novinky aplikaci nebo čtečku RSS

604
00:34:36,880 --> 00:34:43,120
nebo něco takového, který se zabývá více položek, pro které byste chtěli ukázat, detail,

605
00:34:43,120 --> 00:34:45,989
přemýšlet o použití jednoho z těchto šablon, abyste mohli začít rychle

606
00:34:45,989 --> 00:34:48,380
a přizpůsobení se odtud.

607
00:34:48,380 --> 00:34:50,120
Ale jen proto, abych vám ukázat všechny pohyblivé díly zde

608
00:34:50,120 --> 00:34:56,120
Chystám se vytvořit prázdnou aplikaci, a pak se půjdeme trochu hlouběji do detailů.

609
00:34:56,120 --> 00:34:58,690
Já jen aby ten prázdný aplikace zde.

610
00:34:58,690 --> 00:35:01,270
Bude to vytvořit celý projekt pro mě.

611
00:35:01,270 --> 00:35:03,290
Otevřu si věci, které chci vám ukázat, ve výchozím nastavení.

612
00:35:03,290 --> 00:35:08,550
Dovolte mi přiblížit trochu vám ukázat, co je vytvořeno pro nás.

613
00:35:08,550 --> 00:35:11,350
Věci, které budete vypadat na první pohled jsou všechny pojmenované výchozí.

614
00:35:11,350 --> 00:35:15,970
Takže budete hledat default.html, default.js a default.css.

615
00:35:15,970 --> 00:35:19,590
Další věc, kterou zdůraznit, je, že už máme odkaz na to, co jsem se zmínil dříve.

616
00:35:19,590 --> 00:35:24,530
To je WinJS. Nikdo ve skutečnosti požaduje, aby jí tento dlouhý název zde.

617
00:35:24,530 --> 00:35:27,710
Je WinJS, Knihovna Windows pro JavaScript.

618
00:35:27,710 --> 00:35:29,530
Pokud otevřete ji, můžete vidět, že je to všechno tady.

619
00:35:29,530 --> 00:35:31,820
Je tu různé CSS soubory, tam je JavaScript.

620
00:35:31,820 --> 00:35:33,520
Je to tam, aby vám pomohl ven.

621
00:35:33,520 --> 00:35:37,190
Je to tam opravdu poskytnout ovládací prvky a styly a věci, které můžete jen použít automaticky.

622
00:35:37,190 --> 00:35:41,240
Ale opět, je-li to, co chcete místo toho použít, pokud jde o styl a jiných kontrol,

623
00:35:41,240 --> 00:35:45,600
to je zcela na vás. Ukážu vám, jak používat pár těch věcí právě teď.

624
00:35:45,600 --> 00:35:51,020
>> Zpět na na naší levé straně, dovolte mi ukázat vám výchozí stránku HTML.

625
00:35:51,020 --> 00:35:54,490
Už jste viděli WinJS věci, a to je opravdu všechno, co se tam děje

626
00:35:54,490 --> 00:35:59,930
s těmi střední řady značek, jen přináší v CSS standardně

627
00:35:59,930 --> 00:36:02,370
a přináší pár JavaScriptu souborů z WinJS.

628
00:36:02,370 --> 00:36:06,400
Nemusíte být mistr, co se děje uvnitř těchto souborů.

629
00:36:06,400 --> 00:36:10,110
Je to docela zajímavé podívat se na ně tak nějak zkontrolovat, co se tam děje

630
00:36:10,110 --> 00:36:14,410
protože je to docela zajímavé středně pokročilé a pokročilé techniky se děje tam,

631
00:36:14,410 --> 00:36:18,100
ale pěkná věc je, jak vývojáři, můžete prostě využít z nich, stačí použít

632
00:36:18,100 --> 00:36:19,510
a opravdu si s tím dělat starosti.

633
00:36:19,510 --> 00:36:21,960
Stále můžete řídit auto, aniž by museli vědět, jak to funguje, ne?

634
00:36:21,960 --> 00:36:24,180
Tak to je to věc, která se tady děje.

635
00:36:24,180 --> 00:36:26,930
K dispozici je ovládání a styly a věci, které můžete prostě jít dopředu a použití

636
00:36:26,930 --> 00:36:31,460
a kód, který můžete použít do druhé, aniž by museli vědět, co tam je.

637
00:36:31,460 --> 00:36:33,200
Zde jsou vaše vlastní soubory.

638
00:36:33,200 --> 00:36:35,860
To jsou vaše místa, která si můžete upravit svůj vlastní CSS

639
00:36:35,860 --> 00:36:38,400
a vlastní JavaScript, aby se věci válcování.

640
00:36:38,400 --> 00:36:43,300
Budete přidávat jistě další soubory JavaScriptu a možná další soubory CSS

641
00:36:43,300 --> 00:36:47,480
jak váš projekt roste, ale to je opravdu jen výchozí bod.

642
00:36:47,480 --> 00:36:52,570
Zde je Hello, world ekvivalent HTML, takže jsme zpátky v tagu body.

643
00:36:52,570 --> 00:36:55,990
Na vrcholu, mimochodem, je to HTML5 doctype,

644
00:36:55,990 --> 00:37:00,060
takže poznáte, že z toho, co jste pracovali.

645
00:37:00,060 --> 00:37:04,600
K dispozici je plně IntelliSense i zde, takže pokud budete dělat věci jako typ ve video tagu

646
00:37:04,600 --> 00:37:07,340
a rozšířit, aby se, pravděpodobně jste se dozvěděl o tom,

647
00:37:07,340 --> 00:37:12,760
, že musíte udělat záložní kódování pro video tagů v HTML5 - nebo možná budete mít -

648
00:37:12,760 --> 00:37:17,490
aby bylo zajištěno, že různé prohlížeče mají podporu pro vaše video.

649
00:37:17,490 --> 00:37:22,610
Máme takové věci přes HTML, přes JavaScript, přes CSS.

650
00:37:22,610 --> 00:37:26,020
To je postaven v roce, a já vám ukážu, CSS ve vteřině.

651
00:37:26,020 --> 00:37:29,430
Zde se můžete jít dopředu a začít změnou kód, značky.

652
00:37:29,430 --> 00:37:33,700
Ve skutečnosti, než jsem cokoli změnit, budu běžet to a ukázat vám, co dostanete.

653
00:37:33,700 --> 00:37:35,700
Budeš si úvodní obrazovku, která můžete přizpůsobit

654
00:37:35,700 --> 00:37:40,940
a pak dostanete Hello, world zkušenosti zde. Je to fantastické, ne?

655
00:37:40,940 --> 00:37:42,640
Nestyď se a loď, že jo?

656
00:37:42,640 --> 00:37:45,970
Obsah jde zde. To je základní věc.

657
00:37:45,970 --> 00:37:48,740
To může jen lepšit odtamtud.

658
00:37:48,740 --> 00:37:51,300
Budeme pokračovat a přidat nějaké věci.

659
00:37:51,300 --> 00:37:53,470
Mám trochu značky budu kopírovat sem

660
00:37:53,470 --> 00:37:55,740
jen tak nemusíte sledovat mě psaní.

661
00:37:55,740 --> 00:38:02,620
Nech mě jít, aby se na panelu nástrojů tady, a budu pin to proto, že budu dělat to několikrát.

662
00:38:02,620 --> 00:38:05,650
Toolbox, pokud jste ho ještě neviděli Visual Studio, je místo, kde budete najít spoustu ovládacích prvků.

663
00:38:05,650 --> 00:38:09,050
Můžete také dát kódu, který umístíte na něj, že můžete znovu použít.

664
00:38:09,050 --> 00:38:16,360
Zde budu jen pop v nějakém jiném formátu HTML, nic strašně pokročilé vůbec zde.

665
00:38:16,360 --> 00:38:20,170
Je to jen základní HTML říct, že jsem si vstup, kde bych mohl zadat,

666
00:38:20,170 --> 00:38:23,860
Mám tlačítko, kde bych mohl předložit ji, a pak jsem si div, který je v podstatě zástupný symbol

667
00:38:23,860 --> 00:38:27,360
že mohu použít k výstupu "Dobrý den, píšete to."

668
00:38:27,360 --> 00:38:32,780
Je to úvod do HTML příkladu.

669
00:38:32,780 --> 00:38:39,340
Mám-li spustit tento, automaticky se HTML, ale také automaticky dostanete styl.

670
00:38:39,340 --> 00:38:42,270
To je jedna z důležitých věcí, z WinJS.

671
00:38:42,270 --> 00:38:47,250
Bude to tak, aby vám ve výchozím nějaký vzhled a pocit, že je opravdu v souladu

672
00:38:47,250 --> 00:38:50,520
se zbytkem toho, co Windows 8 se dělá.

673
00:38:50,520 --> 00:38:52,110
Zde vidíte věci, jako tlačítko.

674
00:38:52,110 --> 00:38:55,890
Tlačítko standardně v HTML tak nevypadá, ale to dělá tady

675
00:38:55,890 --> 00:39:00,880
protože je to stále ten CSS právo z tohoto souboru CSS v WinJS.

676
00:39:00,880 --> 00:39:04,680
Pokud chcete používat něco jiného, ​​pokud chcete změnit to, že úplně v pohodě,

677
00:39:04,680 --> 00:39:06,790
jděte do toho a dělat to, co byste chtěli. Ale to je výchozí.

678
00:39:06,790 --> 00:39:09,610
Bude to, aby se více seznámit uživatelům.

679
00:39:09,610 --> 00:39:13,510
A samozřejmě to nebude dělat nic, protože jsem neměl vlastně zapojit do jakékoliv kódu

680
00:39:13,510 --> 00:39:16,630
v reakci na to. Bylo to jen HTML.

681
00:39:16,630 --> 00:39:20,630
Tak jsem se zbavit toho, a vrátíme se do naší aplikace.

682
00:39:20,630 --> 00:39:25,310
>> Dovolte mi přejít na našich default.js.

683
00:39:25,310 --> 00:39:29,030
To vypadá docela složité, ale je to prostě dělá pár věcí pro vás.

684
00:39:29,030 --> 00:39:33,120
Je to často používaný. Bude to mít stejný ve všech svých projektech.

685
00:39:33,120 --> 00:39:36,620
Jediné, co to dělá, je jen trochu ptát, "Jak jsem se sem dostal?"

686
00:39:36,620 --> 00:39:39,090
a řekl: "Jsi spouštíte tuto aplikaci poprvé?"

687
00:39:39,090 --> 00:39:42,640
"Jste obnovení aplikace z nutnosti, že byla přerušena?"

688
00:39:42,640 --> 00:39:44,510
Pár věcí, jako je to.

689
00:39:44,510 --> 00:39:50,300
Opravdu, naše zaměření na tento soubor je zde přímo o tu.

690
00:39:50,300 --> 00:39:54,490
V tomto okamžiku, to jeden řádek kódu je velmi důležitá.

691
00:39:54,490 --> 00:39:57,070
Je to vlastně jít a podívat se přes všechny své značky,

692
00:39:57,070 --> 00:40:01,640
a bude to najít věci, které jste žádali, aby se obrátili na kontroly,

693
00:40:01,640 --> 00:40:07,220
hlubší kontroly, jako je kontrola klientů, jako je zobrazení mřížky, jako plovoucí nabídky

694
00:40:07,220 --> 00:40:09,570
a ty ostatní věci, které jsem vám ukázal na tento snímek před.

695
00:40:09,570 --> 00:40:12,550
Jsou to není nativní ovládací prvky HTML.

696
00:40:12,550 --> 00:40:17,860
Vy prostě říct, plovoucí jako prvek a mají to vědět, co dělat.

697
00:40:17,860 --> 00:40:22,120
Co jsme vlastně udělat, je totéž, co se děje v ostatních druhů kontrolních rámců.

698
00:40:22,120 --> 00:40:26,200
jQuery UI dělá stejný druh obecného přístupu.

699
00:40:26,200 --> 00:40:30,800
Můžete použít značky v HTML, a pak některé JavaScript přichází skrze později a říká,

700
00:40:30,800 --> 00:40:35,900
"Jo, já vím, co to je. To žádá o to, aby se proměnila v této věci,"

701
00:40:35,900 --> 00:40:39,850
což je další výraznější HTML, aby jako kontrolní hodnocení,

702
00:40:39,850 --> 00:40:41,790
což je to, co já vám ukážu, hned teď.

703
00:40:41,790 --> 00:40:46,140
Tento řádek kódu je slib, který říká, "Je-li splněna tato slib,

704
00:40:46,140 --> 00:40:49,090
"Vše, co jste požádal pak byla vytvořena."

705
00:40:49,090 --> 00:40:52,780
A to je vše. Vypadá to trochu složité, ale je to opravdu stejné v každém projektu.

706
00:40:52,780 --> 00:40:56,690
Tady je místo, kde můžete začít přidávat na cokoli jiného, ​​co chcete, aby se stalo,

707
00:40:56,690 --> 00:40:58,280
tak se vrátíme k tomu ve vteřině.

708
00:40:58,280 --> 00:41:01,480
>> Za prvé, musím trochu kódu, který může reagovat na skutečnost,

709
00:41:01,480 --> 00:41:03,320
že někdo klikne na tlačítko.

710
00:41:03,320 --> 00:41:06,330
Chystám se jít dopředu a dát, že tady dole.

711
00:41:06,330 --> 00:41:09,620
Opět platí, že nebudu dělat žádné psaní před vámi zde.

712
00:41:09,620 --> 00:41:12,560
Nejzákladnější JavaScript jen říkám, když to se nazývá

713
00:41:12,560 --> 00:41:15,270
budeme být některé detaily o tom, jak jsme se sem dostali

714
00:41:15,270 --> 00:41:17,630
a pak budeme dělat několik základních věcí.

715
00:41:17,630 --> 00:41:21,300
Jděte si tu věc v mém HTML stránky s názvem nameInput,

716
00:41:21,300 --> 00:41:28,490
chytit ho, vezměte si jeho hodnotu, plácnutí "ahoj" na před ním, a držet, že výsledný řetězec

717
00:41:28,490 --> 00:41:31,960
do tohoto tagu div, že jsme měli před tím opravdu neměl nic předtím.

718
00:41:31,960 --> 00:41:37,220
Nyní budeme hledat tu značku a provést jeho vnitřní obsah rovná řetězci.

719
00:41:37,220 --> 00:41:38,880
Velmi jednoduchý JavaScript.

720
00:41:38,880 --> 00:41:42,240
Doufám, že jste uznal, že tam opravdu není nic neobvyklého děje.

721
00:41:42,240 --> 00:41:45,360
Je to jen rovně nahoru HTML a JS zde.

722
00:41:45,360 --> 00:41:48,220
Mám-li spustit to teď, je to stále nebude dělat žádnou práci, protože jsem kabelové ji

723
00:41:48,220 --> 00:41:50,030
přijímat události.

724
00:41:50,030 --> 00:41:55,710
K tomu, udělám to tady, opět vrací do svého panelu nástrojů,

725
00:41:55,710 --> 00:41:58,730
objevovat to tady.

726
00:41:58,730 --> 00:42:03,060
Předpokládám, že jste viděli všechno tento druh věcí dříve, takže nebudu přes-to vysvětlit.

727
00:42:03,060 --> 00:42:05,060
Nyní budeme pokračovat dostat helloButton.

728
00:42:05,060 --> 00:42:07,730
Budeme říkat, "tlačítko, gratuluji."

729
00:42:07,730 --> 00:42:10,130
"Tady je událost, která se nyní reagují na."

730
00:42:10,130 --> 00:42:13,420
"Když někdo klikne na vás, volat tuto funkci, buttonClickHandler."

731
00:42:13,420 --> 00:42:17,070
A to je to, že funkce jsme právě přidali vpravo dolů na tam dole. To je to.

732
00:42:17,070 --> 00:42:20,980
Takže teď máme překvapivě funkční aplikaci.

733
00:42:20,980 --> 00:42:24,720
Myslím, že budete opravdu ohromeni tím.

734
00:42:24,720 --> 00:42:32,320
Chris. Počkejte na to. Wow. Dobře. To je úžasné. [Směje se]

735
00:42:32,320 --> 00:42:36,570
Ale je tu víc. Nekupujte to ještě. Počkejte.

736
00:42:36,570 --> 00:42:39,610
>> Dovolte mi, abych vám ukázat trochu více zde a dostat se z celé obrazovce.

737
00:42:39,610 --> 00:42:42,690
Jdeme na procházku, než jsme se spustit.

738
00:42:42,690 --> 00:42:45,530
Nech mě jít, a skutečně ukázat vám trochu s CSS.

739
00:42:45,530 --> 00:42:49,480
Jen tím, že ve výchozím nastavení, podíváme-li se zpět na stránce zde,

740
00:42:49,480 --> 00:42:53,570
když jsme zastavili na těchto věcech z WinJS a dostali jsme se ui-tmavé,

741
00:42:53,570 --> 00:42:58,550
ve skutečnosti, můžete jej změnit na výchozí nastavení pro použití světelné aplikace.

742
00:42:58,550 --> 00:43:03,450
ui-tma je dobrá pro grafické aplikace, jako je použití spoustu obrázků,

743
00:43:03,450 --> 00:43:05,740
budete ukazovat hodně vizuálního obsahu.

744
00:43:05,740 --> 00:43:12,560
Pokud ukazuje spoustu textového obsahu, ui-světlo je obecně dobrá volba.

745
00:43:12,560 --> 00:43:15,160
Nemáte na výběr, ale já jsem přešel k ní

746
00:43:15,160 --> 00:43:17,690
a teď vidíte stejné značky, stejné všechno,

747
00:43:17,690 --> 00:43:20,320
je to jen za použití v podstatě obrácený režim zde

748
00:43:20,320 --> 00:43:24,770
kde je vše dělat to černý text na bílém pozadí.

749
00:43:24,770 --> 00:43:26,460
To je všechno v pořádku.

750
00:43:26,460 --> 00:43:30,680
Dovolte mi, abych se sem dostal ven, a pojďme skutečně udělat trochu víc s CSS.

751
00:43:30,680 --> 00:43:34,830
Dám ho zpátky na tmě, protože si myslím, že je to asi jednodušší vidět na obrazovce

752
00:43:34,830 --> 00:43:36,970
když jsem se začít dělat tyto věci.

753
00:43:36,970 --> 00:43:40,150
Chystám se vyměnit tělo ještě jednou.

754
00:43:40,150 --> 00:43:44,040
Půjdu zde. Dovolte mi, abych atomovku to.

755
00:43:44,040 --> 00:43:48,690
Pojďme přinést v těle s třídami.

756
00:43:48,690 --> 00:43:53,000
Věřím, že jsi udělal základní selektory s CSS a podobné věci už,

757
00:43:53,000 --> 00:43:55,380
takže už asi víte, co se tady děje.

758
00:43:55,380 --> 00:43:59,250
Jen přiřazení některé třídy naší záhlaví, a budeme vytvářet nový div

759
00:43:59,250 --> 00:44:04,430
zabalit zbytek těch věcí, které můžeme nyní použít na styl dohromady.

760
00:44:04,430 --> 00:44:07,760
Takže to, co můžu udělat, je jít na naši výchozí CSS.

761
00:44:07,760 --> 00:44:11,900
Už jste se podíval na dotazy médií? Mluvil jste o tom vůbec?

762
00:44:11,900 --> 00:44:17,220
Mediální dotazy jsou součástí tohoto naléhavého trendu -

763
00:44:17,220 --> 00:44:19,660
nebo je založena trend nyní skutečně na webu -

764
00:44:19,660 --> 00:44:22,760
pro citlivou design nebo adaptivní,

765
00:44:22,760 --> 00:44:28,480
a myšlenka je, že vaše aplikace může opravdu vhodně přizpůsobit se

766
00:44:28,480 --> 00:44:31,910
na základě toho, co zařízení, které na ně bude někdo jsme si to.

767
00:44:31,910 --> 00:44:35,040
Takže pokud jste v mobilním zařízení, zřejmě nebudete mít tolik obrazovky nemovitostí

768
00:44:35,040 --> 00:44:41,520
jak budete na velkém 30 palcovém monitoru posezení s desktop, velký PC takhle.

769
00:44:41,520 --> 00:44:46,710
Takže starý Odpověď na tuto otázku by bylo mít 5, 6 různých verzí stejné stránky

770
00:44:46,710 --> 00:44:51,350
a vy byste otevřít verzi, která byla naladěn pro tuto určitou velikost obrazovky.

771
00:44:51,350 --> 00:44:55,420
Nic moc. Je to velmi, velmi repetitivní a tam je tuna údržby k tomu, že.

772
00:44:55,420 --> 00:44:58,120
Nyní máme něco jako CSS mediální dotazy,

773
00:44:58,120 --> 00:45:02,530
a můžeme použít k automatické detekci, kdy je určité velikosti

774
00:45:02,530 --> 00:45:07,030
nebo některá použití vašeho obsahu probíhá.

775
00:45:07,030 --> 00:45:09,580
Takže můžete reagovat na to a můžete říci: "Dobře, v tomto případě

776
00:45:09,580 --> 00:45:12,580
"Pravděpodobně ani nemusíte mi říct, co se tady děje."

777
00:45:12,580 --> 00:45:18,020
To je jen říkám, je-li tato žádost prasklo, jak jsem vám ukázal před -

778
00:45:18,020 --> 00:45:20,830
sebral, a uvedení na straně obrazovky -

779
00:45:20,830 --> 00:45:23,910
pak se pojďme udělat následující styl.

780
00:45:23,910 --> 00:45:25,850
Styling není jen o barvách a tak podobně.

781
00:45:25,850 --> 00:45:29,860
Je to také o dimenzování a marže a dámských vložek a orientací na obsah

782
00:45:29,860 --> 00:45:34,040
nebo dokonce zakázání nebo povolení celé části stránky

783
00:45:34,040 --> 00:45:36,420
a, v tomto případě, vaše aplikace nebo vaše hra stejně.

784
00:45:36,420 --> 00:45:39,210
Tak tady si můžete udělat tak jednoduché, jak budete chtít.

785
00:45:39,210 --> 00:45:46,720
To by nemělo být užitečné ve vašich aplikací, ale je to demo čas,

786
00:45:46,720 --> 00:45:50,530
tak já jdu do toho a přidejte do základní voliče těla a říct,

787
00:45:50,530 --> 00:45:58,360
"Když jsem odsekl, pojďme do toho a dělat background-color a pojďme vybrat něco."

788
00:45:58,360 --> 00:46:00,400
Máte IntelliSense zde. To je ve skutečnosti opravdu cool.

789
00:46:00,400 --> 00:46:05,720
V roce 2012 jsme přidali spoustu věcí pro podporu CSS a JavaScriptu a HTML.

790
00:46:05,720 --> 00:46:08,690
Vy jste samozřejmě mám drop-down IntelliSense taky, ale to není super věc.

791
00:46:08,690 --> 00:46:11,730
Super věc je, že máš vizuální selektory pro spoustu věcí stejně.

792
00:46:11,730 --> 00:46:14,120
Takže jste mohli projít, a stačí si jen vybrat barvu,

793
00:46:14,120 --> 00:46:17,580
nebo můžete jít ven a být ještě konkrétnější, a můžete si vybrat -

794
00:46:17,580 --> 00:46:22,330
to bude hrozné. Budu opravdu vybrat tu slušnou barvu.

795
00:46:22,330 --> 00:46:26,500
Podívejte se na značky moc, mimochodem. To je vaše standardní formát RGB tam.

796
00:46:26,500 --> 00:46:30,780
Ale, když přejdu na krytí, je to chystá přejít k výběru zde alfa kanálu.

797
00:46:30,780 --> 00:46:36,910
Takže vidíte, že barvy se v podstatě transparentnosti procent, že máte na to

798
00:46:36,910 --> 00:46:38,860
vše pečené přímo tam.

799
00:46:38,860 --> 00:46:42,530
Budu si to jako 100%, a pak, když jsem udělal s tím, všechno je v pořádku.

800
00:46:42,530 --> 00:46:46,160
Nyní, když jsem spustit aplikaci a my se aplikace a to snap my,

801
00:46:46,160 --> 00:46:49,000
, že barva pozadí se automaticky nastaví

802
00:46:49,000 --> 00:46:53,410
jen proto, že máme nějaké CSS, který říká: "Jdi to udělat."

803
00:46:53,410 --> 00:46:55,580
Můžete také napsat JavaScript, také, že bude dělat to samé

804
00:46:55,580 --> 00:47:03,010
nebo které byste mohli použít skutečně pozastavit hru, dělat takové věci.

805
00:47:03,010 --> 00:47:04,310
To je asi, když byste používat JavaScript.

806
00:47:04,310 --> 00:47:06,610
Ty by se vypnout herní smyčku v tomto bodě.

807
00:47:06,610 --> 00:47:09,970
Budete potřebovat nějakou JavaScript, protože by to nemělo být něco, co byste CSS pro.

808
00:47:09,970 --> 00:47:11,760
Ale mějte na paměti, že je to jen událost.

809
00:47:11,760 --> 00:47:14,860
Dalo by se říct, "Je-li moje žádost změně velikosti,

810
00:47:14,860 --> 00:47:17,780
"Uvidíme, jestli nám to prasklo." A to je vše.

811
00:47:17,780 --> 00:47:24,440
>> Jo? Mluvil jsem hodně. Existují otázky, tak daleko, kde jsme? Jo.

812
00:47:24,440 --> 00:47:29,310
[Student] Je tam návod pro každého, kdo se získat více informací? >> Jo.

813
00:47:29,310 --> 00:47:33,510
Otázkou je, je tam návod na to? Budu jen ji prodloužit na všechno.

814
00:47:33,510 --> 00:47:37,490
Existuje několik věcí, které můžete jít. Pojďme vlastně odsud.

815
00:47:37,490 --> 00:47:40,150
Dovolte mi vrátit se sem.

816
00:47:40,150 --> 00:47:45,180
Jedna věc je poukázat na to, je samo o sobě Visual Studio má tutoriály zabudovaných

817
00:47:45,180 --> 00:47:47,650
Dovolte mi, abych se zbavil toho.

818
00:47:47,650 --> 00:47:51,520
Vydáte-li se a vytvořit nový projekt, do souboru, New Project,

819
00:47:51,520 --> 00:47:56,750
a podívejte se na levé straně, tam je Online uzel v tomto voliče.

820
00:47:56,750 --> 00:47:59,790
Bude to trvat trochu. Jsem na MyFi zde.

821
00:47:59,790 --> 00:48:02,300
Ale to přijde a bude to Dej mi šanci najít šablony

822
00:48:02,300 --> 00:48:05,190
, ale také, což je důležitější, že vzorky stejně.

823
00:48:05,190 --> 00:48:06,750
Tak jsem si klikněte na JavaScriptu.

824
00:48:06,750 --> 00:48:10,050
Bude to najít vzorky pro mě. Moje řešení je způsob, jak vysoká zde.

825
00:48:10,050 --> 00:48:15,070
Za normálních okolností byste vidět seznam mnoha různých věcí zde.

826
00:48:15,070 --> 00:48:18,280
Pokud existuje něco, co si chcete vyzkoušet, vyberte jazyk,

827
00:48:18,280 --> 00:48:20,970
JavaScript tu, a řekl: "Já nevím, jak to udělat Geolocation."

828
00:48:20,970 --> 00:48:22,220
"Já nevím, jak otevřít soubor."

829
00:48:22,220 --> 00:48:25,840
"Nevím, jak využít webové kamery

830
00:48:25,840 --> 00:48:28,290
"Nebo optimalizovat pro dotek nebo podobné věci."

831
00:48:28,290 --> 00:48:33,190
K dispozici jsou vzorky pro všechno: sdílení, vyhledávání, app bary,

832
00:48:33,190 --> 00:48:37,520
Díky vzdálené volání služby, kódování JSON.

833
00:48:37,520 --> 00:48:40,390
Všechny tyto druhy věcí, tam jsou vzorky tady,

834
00:48:40,390 --> 00:48:44,560
a že to není velké vzorky, které se chystáte, aby vás celou noc na sebe vytáhnout

835
00:48:44,560 --> 00:48:46,820
jen aby zjistil, že jedna věc, kterou byste chtěli naučit.

836
00:48:46,820 --> 00:48:49,870
Jsou to opravdu dobré. Jsou malé, přímo k věci druhy vzorků.

837
00:48:49,870 --> 00:48:52,330
Naučil jsem se spoustu tím, že jde přes to sám,

838
00:48:52,330 --> 00:48:55,260
a proto doporučuji, aby hodně jako jednu věc.

839
00:48:55,260 --> 00:49:01,750
>> Další věc, kterou poukázat také je samozřejmě bych vám ukázal dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
takže pokud se k tomu vrátit, uvidíte v dolní části je tu i ukázky zde.

841
00:49:07,490 --> 00:49:12,560
Takže si můžete stáhnout všechny najednou, ale je tu i spousta jiných zdrojů, i zde

842
00:49:12,560 --> 00:49:14,400
které vám pomohou dostat až na rychlost.

843
00:49:14,400 --> 00:49:17,870
>> Ještě jedna věc, a já bych opravdu doporučuji, abyste zkusit,

844
00:49:17,870 --> 00:49:24,510
Mám to na mém blogu, ale půjdu rovnou k věci.

845
00:49:24,510 --> 00:49:28,220
Já vám ukážu. Můj blog má prostředky a podobné věci.

846
00:49:28,220 --> 00:49:35,300
Jedna z věcí, které upozorňují je tady, tahle věc: tvůj nápad. Váš App. 30 dní.

847
00:49:35,300 --> 00:49:40,960
Pokud kliknete na to, že to bude, aby vám opravdu užitečné stránky.

848
00:49:40,960 --> 00:49:44,650
To je mnohem užitečnější než byste mohli očekávat.

849
00:49:44,650 --> 00:49:49,040
To bude 30 dnů od obsahu, který můžete v podstatě získat tipy a triky

850
00:49:49,040 --> 00:49:51,990
v průběhu tohoto procesu, kterou vytváříte app.

851
00:49:51,990 --> 00:49:55,980
A jak si nemusí čekat, můžete skutečně dostat na hry taky

852
00:49:55,980 --> 00:49:57,840
a pro telefonní aplikace, podobné věci.

853
00:49:57,840 --> 00:50:01,000
Takže v podstatě zaregistrovat na to, a oni budou posílat vám tipy a triky,

854
00:50:01,000 --> 00:50:03,010
"Už jste si mysleli o tom to? Myslíte si, podporovat Snap?"

855
00:50:03,010 --> 00:50:04,900
"Zde jsou některé pokyny o tom, jak to udělat dobře."

856
00:50:04,900 --> 00:50:07,440
"Už jste si mysleli o podání do obchodu?"

857
00:50:07,440 --> 00:50:09,370
"Už jste přemýšleli o tom, jak budete prodávat své aplikace?"

858
00:50:09,370 --> 00:50:11,490
Bude to projít všechny tyto různé věci.

859
00:50:11,490 --> 00:50:13,380
A skutečně, pokud jste na herní trati, v určitém okamžiku

860
00:50:13,380 --> 00:50:17,010
začnete rozpoznávat osoby, mluví k vám

861
00:50:17,010 --> 00:50:22,850
protože jsem vlastně musel jít do Redmint dělat ty a zaznamenané 2 videa tam.

862
00:50:22,850 --> 00:50:25,240
Ale to vše je součástí herního trati,

863
00:50:25,240 --> 00:50:27,650
a tam je také plná dráha pro celkový rozvoj app.

864
00:50:27,650 --> 00:50:29,380
Tomu se říká Generace App.

865
00:50:29,380 --> 00:50:33,460
Já bych určitě doporučil, že pro vás, stejně kromě vzorků.

866
00:50:33,460 --> 00:50:38,110
>> Je tu spousta videí na místě zvaném Channel 9 stejně.

867
00:50:38,110 --> 00:50:42,790
To je asi to poslední, co bych si doporučit i předtím, než budeme pokračovat tady.

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com.

869
00:50:45,280 --> 00:50:48,880
To je skvělé, protože nejste bude číst přes tuny bílých papírů.

870
00:50:48,880 --> 00:50:53,880
Je to v podstatě hodně videa, screencasty a věci, které jsou přímo k věci.

871
00:50:53,880 --> 00:50:57,940
Neměl bych, že je to vždy přímo k věci. Záleží na tom, kdo mluví.

872
00:50:57,940 --> 00:51:02,290
Ale obecně, tam je nějaké opravdu na-na-bod videa zde

873
00:51:02,290 --> 00:51:06,230
který vám ukáže nějaké konkrétní věc, budete chtít se učit nebo vidět demoed.

874
00:51:06,230 --> 00:51:11,110
K dispozici je také všechny naše obsahu z naší konference, která se stala před pár týdny

875
00:51:11,110 --> 00:51:14,380
s názvem Build, a uvidíte, že právě tam.

876
00:51:14,380 --> 00:51:18,450
K dispozici je základní technologie pro Windows 8 her. Tady to je.

877
00:51:18,450 --> 00:51:23,150
Byl jsem tam, ve skutečnosti. Nemůžeš mě vidět. Byl jsem tady.

878
00:51:23,150 --> 00:51:27,560
Ale v každém případě, že stranou, doporučil bych vám, že jste se podívat na ty videa.

879
00:51:27,560 --> 00:51:29,330
Jsou to docela užitečné.

880
00:51:29,330 --> 00:51:32,620
Pokud jste přilepená na něco, nebo si jen chcete vidět, co se může něco udělat, střílet ty nahoru.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail mi poslal e-mail s odkazem na obsah

882
00:51:36,890 --> 00:51:42,140
pro studenty ke stažení se ukázkový kód a tak podobně. >> [Bowen] Skvělé.

883
00:51:42,140 --> 00:51:45,510
Úžasné. Děkuji, Edwin.

884
00:51:45,510 --> 00:51:48,320
>> Dobrá. >> [Student] Mám dotaz. >> [Bowen] Oh. Jo, prosím.

885
00:51:48,320 --> 00:51:55,030
[Neslyšitelný studenta otázka] >> [Bowen] Oh, jsem rád, že se ptáš, že. Ano.

886
00:51:55,030 --> 00:51:58,940
Otázkou bylo, je tu vizuální rozhraní pro mě vytvářet věci?

887
00:51:58,940 --> 00:52:01,630
Edwin vás odmění štědře za tuto otázku.

888
00:52:01,630 --> 00:52:04,310
Existuje způsob, jak to udělat.

889
00:52:04,310 --> 00:52:09,040
Měli bychom to udělat teď? Pojďme to udělat teď.

890
00:52:09,040 --> 00:52:11,780
Chystám se jít do toho hned.

891
00:52:11,780 --> 00:52:14,070
Ve skutečnosti, dovolte mi přidat ještě jednu věc na tomto demu,

892
00:52:14,070 --> 00:52:16,710
a pak budu vám ukázat skutečnou odpověď.

893
00:52:16,710 --> 00:52:21,340
Chtěl jsem přidat trochu více CSS zde.

894
00:52:21,340 --> 00:52:23,980
Byl jsem trochu mimo na tečen zde.

895
00:52:23,980 --> 00:52:26,770
Dovolte mi, abych v nějakém CSS zde využít

896
00:52:26,770 --> 00:52:29,980
tříd, které jsme přidali před chvílí,

897
00:52:29,980 --> 00:52:33,930
záhlaví, na maincontent div, a pak na greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Kdybych to udělal, a spusťte jej můžete vidět nyní máme trochu jiný polstrování a okraje,

899
00:52:37,920 --> 00:52:40,310
takže máme vlastně nějaké posuny zde.

900
00:52:40,310 --> 00:52:44,630
Jedná se spíše na to, co budete čekat na konečné leštěného aplikace.

901
00:52:44,630 --> 00:52:47,770
Ale já jsem jen ukazuje to na vás, protože to je rovně nahoru CSS.

902
00:52:47,770 --> 00:52:51,910
Takže věci, které už vědí, můžete použít zde upravit obsah, jak si přejete.

903
00:52:51,910 --> 00:52:55,100
Už jste viděli, jak udělat pozadí změnit tímto způsobem.

904
00:52:55,100 --> 00:53:02,980
>> Pokud jdu zpátky k našemu HTML, jdu přidat ještě jednu sadu značek,

905
00:53:02,980 --> 00:53:06,140
a to je vlastně bude ovládání z WinJS.

906
00:53:06,140 --> 00:53:09,840
Chystám se jít a chytit to, štítek. Dovolte mi, abych se ujistil, dělám to na správném místě.

907
00:53:09,840 --> 00:53:11,740
Asi dost dobrý.

908
00:53:11,740 --> 00:53:15,590
Tady jsem jen přidal - a půjdeme na celou obrazovku, takže můžete vidět celou věc -

909
00:53:15,590 --> 00:53:18,520
Přidal jsem štítek pro příští div.

910
00:53:18,520 --> 00:53:20,890
Div se nazývá ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Sám o sobě to bude dělat nic.

912
00:53:23,090 --> 00:53:28,570
Pokud otevřete to v prohlížeči, měli byste být při pohledu na prázdné, div sám.

913
00:53:28,570 --> 00:53:31,820
Ale protože z té tajemné řádek kódu, který jsem vám ukázal dříve,

914
00:53:31,820 --> 00:53:35,650
Proces všichni, že to bude hledat něco, co vypadá jako toto -

915
00:53:35,650 --> 00:53:40,380
data-win-control - a bude to najít vše, co je v tomto parametru.

916
00:53:40,380 --> 00:53:44,560
Bude to dělat instance, co že je to ukázal na.

917
00:53:44,560 --> 00:53:48,850
V tomto případě je kontrola hodnocení, tak říkám: "Prosím, jděte a nahraďte tuto věc

918
00:53:48,850 --> 00:53:51,400
"S tím, co je potřeba udělat, aby se řízení ohodnocení."

919
00:53:51,400 --> 00:53:56,610
Mohlo by to být kontrola fanda, mohlo by to být pokrok kroužek nebo co kontrola, kterou chcete použít.

920
00:53:56,610 --> 00:53:59,390
Jsou to všechno bude fungovat v podstatě stejným způsobem.

921
00:53:59,390 --> 00:54:02,920
Vy používáte standardní značky HTML5 uvést, co chcete,

922
00:54:02,920 --> 00:54:07,670
a pak budete mít kontrolu na konci tohoto. Dovolte mi, abych spustit to.

923
00:54:07,670 --> 00:54:12,270
Jen jsem kopírovány, že v roce, a teď, že značky se stane to,

924
00:54:12,270 --> 00:54:15,280
který je ve skutečnosti celá řada prvků HTML.

925
00:54:15,280 --> 00:54:18,440
To vše jsou jednotlivé obrazy, a tam je divs kolem nich s voliči.

926
00:54:18,440 --> 00:54:22,610
Doufejme, že můžete vidět, že. Je to trochu jemnější.

927
00:54:22,610 --> 00:54:27,380
Mohu vznášet se nad různými předměty, a bude to dovolit, abych viděl hodnocení tady.

928
00:54:27,380 --> 00:54:31,560
I na něj kliknete, a to si pamatuje hodnocení, ale to je o tom.

929
00:54:31,560 --> 00:54:33,100
Není to opravdu něco dělat s hodnocením.

930
00:54:33,100 --> 00:54:35,230
>> Jedna poslední věc, kterou vám chci ukázat na to

931
00:54:35,230 --> 00:54:37,820
než se přepnete do více vizuální zážitek designu

932
00:54:37,820 --> 00:54:42,680
je trochu kódu, který mohu použít k řešení těchto WinJS kontrol.

933
00:54:42,680 --> 00:54:47,540
Dovolte mi, abych se odtamtud, zpět z režimu celé obrazovky,

934
00:54:47,540 --> 00:54:52,690
a přejít na JS tu sekundu.

935
00:54:52,690 --> 00:54:57,450
Můžu to udělat právě zde. Myslím, že budu nahradit celou tu věc.

936
00:54:57,450 --> 00:55:03,080
Vlastně si myslím, že to nahradí všechno, ale budeme si spolu.

937
00:55:03,080 --> 00:55:07,350
Dám to sem. Jo. Budu toto hodnocení smazat taky.

938
00:55:07,350 --> 00:55:11,790
Co jsem dodat? Vypadá to, že hodně. Není to hodně.

939
00:55:11,790 --> 00:55:14,920
Jen jsem rozšířila tento řádek kódu, který jsem už mluvil o před,

940
00:55:14,920 --> 00:55:18,590
a já říkám: "Když je vše hotovo, pokud byly provedeny všechny mé kontroly,

941
00:55:18,590 --> 00:55:23,660
"Pak to udělat." Tak spusťte tuto funkci s názvem dokončena.

942
00:55:23,660 --> 00:55:27,080
V tomto případě, je to věc, můžete zjistit.

943
00:55:27,080 --> 00:55:29,040
Jdi si, že kontrola div.

944
00:55:29,040 --> 00:55:30,790
Vlastně, je tu ještě jedna věc, kterou bych měl poukázat.

945
00:55:30,790 --> 00:55:35,630
To je další řádek je ve skutečnosti říká, "mám tu ratingControlDiv."

946
00:55:35,630 --> 00:55:39,770
"Chci s ním mluvit, jako kdyby se jednalo o skutečná kontrola, kontrola WinJS."

947
00:55:39,770 --> 00:55:42,020
Takže v podstatě, vy se ptáte na to z něj.

948
00:55:42,020 --> 00:55:44,600
Říkáte: "Chci si s tebou promluvit jako kontrola."

949
00:55:44,600 --> 00:55:47,810
A pak se můžete začít říkat věci jako: "Chystáme se přidat posluchače pro vás

950
00:55:47,810 --> 00:55:51,430
"Takže, když jste změnili můžeme reagovat na to."

951
00:55:51,430 --> 00:55:56,930
A pak také můžeme dělat věci, jako je tento. Ve skutečnosti, to je starý kód zde.

952
00:55:56,930 --> 00:55:59,600
Myslím, že jsem chybí vkládání do ještě jednu funkci,

953
00:55:59,600 --> 00:56:05,030
a že by se skutečná funkce, která by reagovala na ovládání ratingu byl změněn.

954
00:56:05,030 --> 00:56:07,710
Dovolte mi, abych pop, že tady vpravo dole,

955
00:56:07,710 --> 00:56:09,840
někde tam.

956
00:56:09,840 --> 00:56:14,930
A v tomto případě, jediná věc, která je nová, je skutečnost, že jdeme do

957
00:56:14,930 --> 00:56:21,000
co nás ovládací hodnocení říká, a my se ptáte na to, co se nazývá tentativeRating.

958
00:56:21,000 --> 00:56:23,150
Je tu spousta různých dalších věcí, že kontrola může říct,

959
00:56:23,150 --> 00:56:25,310
a to jde kontrolu prostřednictvím kontroly.

960
00:56:25,310 --> 00:56:29,140
Je to velmi jednoduché. Budete mít možnost přijít na to žádné problémy vůbec.

961
00:56:29,140 --> 00:56:34,040
Vedu to, a teď, když jsem se změnit hodnocení a klikněte na hodnocení,

962
00:56:34,040 --> 00:56:36,480
můžete vidět, teď je to vlastně reakce na něj.

963
00:56:36,480 --> 00:56:40,280
Je to uvedení, že hodnocení na obrazovce do té jinak prázdného tagu div

964
00:56:40,280 --> 00:56:42,970
pod kontrolou klientů.

965
00:56:42,970 --> 00:56:46,670
To je kouzlo spoustu věcí i zde.

966
00:56:46,670 --> 00:56:49,580
Takže, jak jste vytváření aplikací pro Windows Store,

967
00:56:49,580 --> 00:56:52,930
tam je tuna ovládacích prvků, které můžete právě použít. Všichni pracují takhle.

968
00:56:52,930 --> 00:56:58,670
>> Dovolte mi, abych vám ukázat vizuální stránku navrhnout pro tyto aplikace.

969
00:56:58,670 --> 00:57:03,440
Dobrou zprávou je, že již budete mít tento nástroj při instalaci vše

970
00:57:03,440 --> 00:57:06,240
pokud jdete do té stažení a dostanete Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Mohu pravým tlačítkem myši na toto téma. Nebudu zoom palců

972
00:57:09,890 --> 00:57:12,040
Je to jen říká, Otevřít v programu Blend.

973
00:57:12,040 --> 00:57:16,040
Blend je další nástroj, který pracuje bok po boku s Visual Studio

974
00:57:16,040 --> 00:57:19,230
a je zaměřen mnohem více na designu stránku věci,

975
00:57:19,230 --> 00:57:23,660
takže je to opravdu povrchy nástrojů, které jsou optimalizovány pro vytváření stylů,

976
00:57:23,660 --> 00:57:29,720
vytváření animací, práce s CSS, spousta věcí v tomto druhu žíly.

977
00:57:29,720 --> 00:57:36,380
Tady to, co by mělo být velmi zajímavé a docela zřejmé ihned je díváme aplikace.

978
00:57:36,380 --> 00:57:40,060
Doufejme, že jsme stále ještě jsou.

979
00:57:40,060 --> 00:57:42,650
Místo toho, aby viděl kód, který se stále ještě vidět v dolní části,

980
00:57:42,650 --> 00:57:45,350
vidíme skutečnou reprezentaci aplikace.

981
00:57:45,350 --> 00:57:49,640
A co víc, že ​​to není jen reprezentace app, to je ve skutečnosti aplikace běží.

982
00:57:49,640 --> 00:57:52,010
A to je to, co je opravdu pěkné o Blend.

983
00:57:52,010 --> 00:57:58,620
Tým odvedl hodně práce, aby HTML a JavaScript a CSS do tohoto nástroje.

984
00:57:58,620 --> 00:58:01,930
Nyní můžete ve skutečnosti, pokud jste zvědaví, "Co to má znamenat? Co mám dělat?"

985
00:58:01,930 --> 00:58:08,310
Já si skutečně vytvořit k této žádosti, i když takové věci neexistují v mé značky.

986
00:58:08,310 --> 00:58:13,230
Nezapomeňte, že kontrola hodnocení? Bylo to jen tag div.

987
00:58:13,230 --> 00:58:17,090
Tohle, že hvězda, existuje pouze za běhu. Jak mám vědět, že?

988
00:58:17,090 --> 00:58:20,300
Tam je to trochu magie tady.

989
00:58:20,300 --> 00:58:21,700
Vidíte ty blesky?

990
00:58:21,700 --> 00:58:25,570
Kdykoliv uvidíte blesk, to znamená, že byl vytvořen něco za běhu.

991
00:58:25,570 --> 00:58:31,770
Některé JavaScript běžel a obrátil se něco do této nebo vytvořené to s nějakou logiku.

992
00:58:31,770 --> 00:58:37,100
Tyto hvězdy, které vidíte byly vytvořeny JavaScript podle WinJS.

993
00:58:37,100 --> 00:58:41,800
Pěkná věc je, že nezáleží na tom, aby mě, můžu ještě navrhnout to,

994
00:58:41,800 --> 00:58:44,410
Můžu ještě jít a změnit ji, mohu zjistit, co se tu děje,

995
00:58:44,410 --> 00:58:50,260
Jsem se podívat na CSS, můžu jít dál a zjistit, proč barva je tak, jak to je,

996
00:58:50,260 --> 00:58:54,610
Můžu začít probírat s věcmi a dělat věci hrozné,

997
00:58:54,610 --> 00:58:58,360
co chci udělat.

998
00:58:58,360 --> 00:59:01,020
Vlastně, nechám věci sám.

999
00:59:01,020 --> 00:59:03,980
Ale tady vidíte, že je to všechno CSS a je tu ukáže vám.

1000
00:59:03,980 --> 00:59:10,120
Pokud jsem se jít až tam, to vám ukážu všechno, co říkají zvítězit,

1001
00:59:10,120 --> 00:59:14,850
takže pravidla CSS, která jsou nejvíce specifické a nejvíce vybrán pro tuto položku,

1002
00:59:14,850 --> 00:59:17,110
které pravděpodobně jste již přešli do svých tříd,

1003
00:59:17,110 --> 00:59:22,000
kde si můžete říct, že je to obecně písmo, které se ucházíte, aby všechno,

1004
00:59:22,000 --> 00:59:26,860
ale proto, že je to h1 a mám barvu definovanou pro H1S,

1005
00:59:26,860 --> 00:59:29,820
to bude to barva, a to proto, že je to přesnější než body1.

1006
00:59:29,820 --> 00:59:32,590
Tato jedna věc, tady vám všechny, který ukazuje,

1007
00:59:32,590 --> 00:59:35,470
a je to opravdu velice silná věc, jak si získat složitější,

1008
00:59:35,470 --> 00:59:38,160
Pokud jste zvědaví, proč se tyto věci jsou takové, jaké jsou.

1009
00:59:38,160 --> 00:59:41,020
To bude skutečně říct, a můžete si vybrat některý z těchto předmětů zde.

1010
00:59:41,020 --> 00:59:43,370
Že barva není tak špatné, ve skutečnosti.

1011
00:59:43,370 --> 00:59:47,150
Můžete si je vybrat. Doufejme, že můžete vidět.

1012
00:59:47,150 --> 00:59:52,410
Pro všechno, co máte na vaší aplikaci, uvidíte celou kaskádu

1013
00:59:52,410 --> 00:59:56,070
ze všech CSS, které by mohly použít na to a který z nich je vítězství,

1014
00:59:56,070 --> 00:59:58,050
který z nich vlastně měl přednost.

1015
00:59:58,050 --> 01:00:00,930
Jedná se o druh nudné. Není toho hodně děje v některých z nich.

1016
01:00:00,930 --> 01:00:04,660
Pokud bych jít a změnit barvu, pak začnete vidět nějaké kaskádové tam.

1017
01:00:04,660 --> 01:00:07,760
Můžete také použít HTML i zde.

1018
01:00:07,760 --> 01:00:12,490
Můžu projít a upravit vlastnosti HTML pro všechny tyto věci, jak bych rád.

1019
01:00:12,490 --> 01:00:14,620
Je tu jen spoustu věcí zde.

1020
01:00:14,620 --> 01:00:18,070
>> Nechci, aby svůj čas tím, že jde přes všechno tady. Jen vím, že je to tady.

1021
01:00:18,070 --> 01:00:21,700
Je tu spousta funkcí designu orientovaného to je právě k dispozici pro vás

1022
01:00:21,700 --> 01:00:26,730
takže můžete zůstat vizuální, pracovat s aplikací, a nebudou se muset dělat spoustu hádání

1023
01:00:26,730 --> 01:00:32,180
že budete muset dělat normálně a na kole zpět z prohlížeče zpět do svého návrhu,

1024
01:00:32,180 --> 01:00:33,940
zpět do prohlížeče.

1025
01:00:33,940 --> 01:00:37,010
To je opravdu super věci za to, a jak vytvořit aplikace Windows Store,

1026
01:00:37,010 --> 01:00:39,650
to bude, aby se vám mnohem více produktivní.

1027
01:00:39,650 --> 01:00:45,150
>> Budete také vidět, že to sledování značky zde a vaše CSS

1028
01:00:45,150 --> 01:00:47,270
jak budete procházet různé věci.

1029
01:00:47,270 --> 01:00:50,180
Je to asi opravdu těžké pro vás vidět, že zejména na videu,

1030
01:00:50,180 --> 01:00:54,680
ale to je to, co se tady děje, a já bych vám doporučit seznámit se s tím.

1031
01:00:54,680 --> 01:00:57,240
To vám ušetří spoustu času ušetřit. To je Blend.

1032
01:00:57,240 --> 01:01:00,520
Pokud provedete zde nějaké změny, jsou automaticky bude pokračovat zpět na

1033
01:01:00,520 --> 01:01:01,870
Visual Studio.

1034
01:01:01,870 --> 01:01:06,590
Je to stejné soubory, je to to samé všechno. Nechám to být.

1035
01:01:06,590 --> 01:01:08,650
Mám lepší příklad, který chci ukázat.

1036
01:01:08,650 --> 01:01:11,660
Ale když jsem udělal změnu tam a chytá a vrátil jsem se do Visual Studio, by to řekl,

1037
01:01:11,660 --> 01:01:16,390
"Hele, jen si něco změnit. Mohu znovu ho pro vás?" Ano.

1038
01:01:16,390 --> 01:01:18,770
A vy používáte stejné věci tam.

1039
01:01:18,770 --> 01:01:21,320
To je konec daného vzorku.

1040
01:01:21,320 --> 01:01:28,170
>> Chci vám ukázat vyšší konec vzorku, jen aby vám pohled na další funkce

1041
01:01:28,170 --> 01:01:30,350
můžete přemýšlet o tom, jak dobře.

1042
01:01:30,350 --> 01:01:32,280
Toto je ukázka aplikace, která si můžete stáhnout.

1043
01:01:32,280 --> 01:01:35,620
Podíváte-li se pro něco, co nazývá Windows Camp v krabici,

1044
01:01:35,620 --> 01:01:40,340
tam jsou některé vzorky, které jsou v tom, že, a jeden z nich je Contoso Cookbook.

1045
01:01:40,340 --> 01:01:41,640
Můžu jen běžet za vás.

1046
01:01:41,640 --> 01:01:44,700
Vlastní úvodní obrazovka. To je aplikace pohled Grid.

1047
01:01:44,700 --> 01:01:49,590
Už vázán nějaké vlastní data zde. Můžete procházet tento.

1048
01:01:49,590 --> 01:01:53,090
Můžete jít a podívat se na různé věci, které se dělají nám hlad v pátek odpoledne.

1049
01:01:53,090 --> 01:01:57,760
Nevím. Co se děje, aby se mi nejvíc hlad?

1050
01:01:57,760 --> 01:02:00,530
Nevím. Jdu jen vybrat jeden.

1051
01:02:00,530 --> 01:02:02,460
Můžete jít do těchto věcí. To vám ukáže recept.

1052
01:02:02,460 --> 01:02:04,900
Dalo by se také, namísto klepnutí na položku,

1053
01:02:04,900 --> 01:02:10,360
můžete jít přímo do této kategorie obsahu, té části obsahu.

1054
01:02:10,360 --> 01:02:15,590
V tomto případě, si můžete přečíst spoustu falešných latiny říkám vám všem tady o těchto receptů

1055
01:02:15,590 --> 01:02:17,720
a pak jít přímo do konkrétního receptu.

1056
01:02:17,720 --> 01:02:22,770
To také podporuje věci, jako je sdílení, které jsem vám ukázal dříve, než se obrázky.

1057
01:02:22,770 --> 01:02:26,160
Můžete také hledat v této aplikaci také.

1058
01:02:26,160 --> 01:02:28,880
Je to velmi jednoduché udělat vyhledávání.

1059
01:02:28,880 --> 01:02:31,300
V podstatě jste jen dostat řetězec textu z Windows

1060
01:02:31,300 --> 01:02:34,720
a vy se rozhodnete, jak chcete zpracovat hledání s tím.

1061
01:02:34,720 --> 01:02:39,830
Je to jen pár řádků kódu, aby si to, a pak to, co s tím dělat poté, co je zcela na vás.

1062
01:02:39,830 --> 01:02:44,180
>> Zde mají také app bar, kde oni jsou pomocí některé další funkce.

1063
01:02:44,180 --> 01:02:45,430
Budu jen říct, co to je.

1064
01:02:45,430 --> 01:02:48,220
Připomínka bude používat, co se nazývá oznámení přípitek.

1065
01:02:48,220 --> 01:02:52,930
To je opravdu šikovný nechal uživatel vědět, když se něco se stalo,

1066
01:02:52,930 --> 01:02:55,850
jako aplikace byla nainstalována, nebo něco, co byla dokončena.

1067
01:02:55,850 --> 01:02:57,950
Je to také dobré pro hry taky.

1068
01:02:57,950 --> 01:03:02,360
Pokud máte trvalý svět, nebo vůdce desky a služby, které je hosting, který

1069
01:03:02,360 --> 01:03:08,490
možná na samostatném stroji, se oznámení může být odeslán do stroje

1070
01:03:08,490 --> 01:03:12,240
a to i v případě, že uživatel nepoužívá svou hru, hrát svou hru, nebo spuštěním aplikace,

1071
01:03:12,240 --> 01:03:15,170
oni mohou ještě dostat oznámení o tyto druhy akcí.

1072
01:03:15,170 --> 01:03:19,350
Takže by se dalo říct, "Váš hrad byl zničen nebo se jen o zničena."

1073
01:03:19,350 --> 01:03:22,870
"Vrať se a bránit ho," nebo něco takového.

1074
01:03:22,870 --> 01:03:26,830
Můžete kliknout na oznámení, můžete přejít přímo zpět do hry a můžete hrát.

1075
01:03:26,830 --> 01:03:32,170
Takže ty druhy věcí může pomoci opravdu kreslit lidi zpět do vaší aplikace docela efektivně.

1076
01:03:32,170 --> 01:03:37,450
>> K dispozici je také podpořit v této žádosti o použití mikrofon, webovou kameru,

1077
01:03:37,450 --> 01:03:39,560
dělat videa a pořizování fotografií.

1078
01:03:39,560 --> 01:03:42,080
Můžete také pin sekundární dlaždice.

1079
01:03:42,080 --> 01:03:46,760
Je to užitečné, pokud chcete jen mít kartičku, která vede přímo k určitému obsahu.

1080
01:03:46,760 --> 01:03:49,960
V tomto případě, to jde přímo na tento recept.

1081
01:03:49,960 --> 01:03:51,300
Všechno, co jsem zmínil jsem jen ukazovat

1082
01:03:51,300 --> 01:03:53,270
protože je to věcí, které můžete přemýšlet o použití stejně.

1083
01:03:53,270 --> 01:03:57,590
Z velké části, které jsou velmi jednoduché na použití.

1084
01:03:57,590 --> 01:04:00,070
Jen bych Doporučuji vám, aby se ten vzorek explorer

1085
01:04:00,070 --> 01:04:03,600
a najít vzorek, který může ukázat, jak to udělat.

1086
01:04:03,600 --> 01:04:07,140
Je to docela jednoduché, aby ti do vašich aplikací tam stejně.

1087
01:04:07,140 --> 01:04:11,030
>> Chtěl jsem vám ukázat něco, co je docela v pohodě zde.

1088
01:04:11,030 --> 01:04:15,230
Budu snap tuto aplikaci, a já půjdu zpátky do Visual Studio.

1089
01:04:15,230 --> 01:04:18,870
Tato aplikace je spuštěna. Je to běží z aplikace Visual Studio.

1090
01:04:18,870 --> 01:04:21,370
Mohu udělat něco docela cool věci s tím.

1091
01:04:21,370 --> 01:04:23,840
Já vlastně mají možnost vybrat prvek,

1092
01:04:23,840 --> 01:04:28,250
a můžu jít sem na živé aplikace, a mohu říci,

1093
01:04:28,250 --> 01:04:34,000
"Zajímalo by mě, proč je Doba přípravy trochu světlejší šedé než samotný název?"

1094
01:04:34,000 --> 01:04:35,680
Můžu na něj klikněte.

1095
01:04:35,680 --> 01:04:38,080
Bude to synchronizovat, že zpět do Visual Studio,

1096
01:04:38,080 --> 01:04:43,780
a bude to, aby mi ukázal přesně generovaný obsah, který vyústil v této části uživatelského rozhraní.

1097
01:04:43,780 --> 01:04:47,270
Takže v tomto případě, je to položka, titulky a h4 dvojité konstrukce,

1098
01:04:47,270 --> 01:04:51,110
a že nám asi řekne, co potřebujeme vědět, protože jako h4 v této souvislosti,

1099
01:04:51,110 --> 01:04:53,550
to bude mít určitý druh písma.

1100
01:04:53,550 --> 01:04:56,410
Ale když jsem pořád nevím proč, mohu kliknout na Trace styly.

1101
01:04:56,410 --> 01:05:02,330
I pak může rozšířit ven barvu a můžu to zjistit přesně proč, že barva není barva tělo

1102
01:05:02,330 --> 01:05:04,640
ale ve skutečnosti je něco jiného.

1103
01:05:04,640 --> 01:05:07,210
To je v podstatě Vývojové nástroje z Internet Exploreru

1104
01:05:07,210 --> 01:05:09,530
do té míry, přinesl do Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Pokud jste pracovali s Chrome Dev Tools, Firebug a podobné věci,

1106
01:05:12,110 --> 01:05:14,720
tyto druhy nástrojů, které jsou v prohlížeči,

1107
01:05:14,720 --> 01:05:17,340
tento druh funkcí byla podána přímo do Visual Studia

1108
01:05:17,340 --> 01:05:22,090
takže nemusíte skutečně spustit prohlížeč a pracovat s těmito nástroji samostatně.

1109
01:05:22,090 --> 01:05:24,320
Teď mám aplikaci Windows Store právě běží,

1110
01:05:24,320 --> 01:05:27,840
a můžu začít tahem od sebe a zjistit, proč se věci dělají, co mají.

1111
01:05:27,840 --> 01:05:30,440
>> Mohu také udělat to takhle taky.

1112
01:05:30,440 --> 01:05:35,020
Můžu jít a prostě vybrat něco, co hned od značky a zjistit, co to je

1113
01:05:35,020 --> 01:05:38,560
v samotné žalobě. Myslím, že jsem pryč od všeho.

1114
01:05:38,560 --> 01:05:41,440
Tady jsem vznášející se nad to. Umím zvolit ji.

1115
01:05:41,440 --> 01:05:45,540
Bude to, aby mi ukázal ve skutečném běhu aplikace, kde to, co je

1116
01:05:45,540 --> 01:05:48,070
že jsem se kliknutím na na značky.

1117
01:05:48,070 --> 01:05:49,700
Opravdu cool věci.

1118
01:05:49,700 --> 01:05:52,710
Jak se snažíte přijít na to, co se děje a co je to HTML dělá,

1119
01:05:52,710 --> 01:05:56,080
co CSS dělá, mějte na paměti.

1120
01:05:56,080 --> 01:05:58,450
Nezapomeňte, je to tu pro vás

1121
01:05:58,450 --> 01:06:02,070
a také to, že směs může pracovat s živým spuštěné aplikace.

1122
01:06:02,070 --> 01:06:06,070
>> Jedna poslední věc, kterou jsem chtěl ukázat vám s touto aplikací -

1123
01:06:06,070 --> 01:06:09,290
Mimochodem, to vám ukáže, delty, jak se věci mění příliš,

1124
01:06:09,290 --> 01:06:11,160
takže můžete sledovat na těchto žlutých světlech.

1125
01:06:11,160 --> 01:06:14,060
To jsou věci, které se právě změnily v aplikaci.

1126
01:06:14,060 --> 01:06:16,350
Ale jedna poslední věc. Chci se vrátit do Blend jen pro druhý tady.

1127
01:06:16,350 --> 01:06:21,790
Budeme to otevřít se, Open in Blend, stejné aplikace, stejné všechno.

1128
01:06:21,790 --> 01:06:28,660
Chci jen, aby vám ukázat zkušenosti zde není jen jste přilepená na domovskou stránku

1129
01:06:28,660 --> 01:06:32,880
při pohledu na to, co budete mít ve výchozím nastavení při spuštění aplikace, a nechat ho sedět tam.

1130
01:06:32,880 --> 01:06:36,490
Můžete se také obrátit na tomto poměrně malou ikonku tady.

1131
01:06:36,490 --> 01:06:38,560
Je to tzv. režim Interactive.

1132
01:06:38,560 --> 01:06:41,560
Kliknete na to. To se děje, aby se vaše aplikace.

1133
01:06:41,560 --> 01:06:43,730
Nejsi v návrhovém režimu už, tak už nebude Kliknutím na věci

1134
01:06:43,730 --> 01:06:47,270
změnit funkčnost, ale můžete skutečně pracovat s aplikací nyní.

1135
01:06:47,270 --> 01:06:51,560
Můžete proklikat, můžete udělat cokoliv, dostanete na recept, který vám záleží

1136
01:06:51,560 --> 01:06:54,810
nebo do kategorie. Pojďme do této kategorie.

1137
01:06:54,810 --> 01:06:56,880
Já řeknu: "Dobře, tady je místo, kde chci navrhnout."

1138
01:06:56,880 --> 01:06:59,680
Pak se ještě jednou kliknete na toto tlačítko, přinese vám zpět do designu povrchu,

1139
01:06:59,680 --> 01:07:02,130
a teď můžete dělat všechny ty věci, které jsem mluvil předtím.

1140
01:07:02,130 --> 01:07:06,230
Budu klikání, dokud jsem si to vybrali, zjistit jeho rozměry,

1141
01:07:06,230 --> 01:07:09,890
zjistit HTML pro to, CSS pro něj

1142
01:07:09,890 --> 01:07:14,990
pro běžící aplikace, některé později součástí žádosti.

1143
01:07:14,990 --> 01:07:17,780
Velmi, velmi užitečné. Ukážu vám to.

1144
01:07:17,780 --> 01:07:21,340
Prosím, mějte na paměti, pokud hledáte na psaní kódu s tímto

1145
01:07:21,340 --> 01:07:26,070
, protože to bude vám ušetří spoustu potíží, a je to docela dobrá věc.

1146
01:07:26,070 --> 01:07:32,370
To je docela hodně jsem chtěl ukázat na Blend a Visual Studio pro všechny, že.

1147
01:07:32,370 --> 01:07:36,130
>> Jakékoliv dotazy týkající se některého z těchto nástrojů?

1148
01:07:36,130 --> 01:07:40,000
Vůbec něco? >> [Guarin] Mám věci dát ven, takže dobré otázky, dobré věci.

1149
01:07:40,000 --> 01:07:43,700
>> [Bowen směje se] Už jsem ti je znázorněno mé ukázky zde.

1150
01:07:43,700 --> 01:07:47,000
Chystám se dát na straně zdrojů a obrátit se na otázky nyní.

1151
01:07:47,000 --> 01:07:53,850
Ten první odkaz je, že místo generování aplikace s herní trati a app trati.

1152
01:07:53,850 --> 01:07:55,040
Zaregistrujte se pro ty, kteří.

1153
01:07:55,040 --> 01:07:57,210
Nemusíte čekat 30 dní, aby se obsah.

1154
01:07:57,210 --> 01:08:00,370
Můžete začít chodit a dívat se na obsah, jak si přejete.

1155
01:08:00,370 --> 01:08:04,380
Chápu vaše časové rámce může být jiný, než - [smích]

1156
01:08:04,380 --> 01:08:07,780
Takže když je Hackathon? Je to pár týdnů, ne?

1157
01:08:07,780 --> 01:08:09,620
Takže nemusíte mít 30 dní počkat.

1158
01:08:09,620 --> 01:08:13,180
Tak jo, můžete se zaregistrovat na to a pak už jen začít tahem obsah z ní.

1159
01:08:13,180 --> 01:08:15,320
Také Dev a Centra designu.

1160
01:08:15,320 --> 01:08:17,620
A já jsem nezmínil, ale je tu také obchod Docs.

1161
01:08:17,620 --> 01:08:22,880
To by bylo pro po Hackathon, jak jste připraveni začít odesláním své aplikace pro úložiště.

1162
01:08:22,880 --> 01:08:27,350
Tam jsou některé užitečné pokyny zde, některé pokyny o tom, jak dostat věci do skladu,

1163
01:08:27,350 --> 01:08:29,960
některé společné problémy, které by mohly výlet vás,

1164
01:08:29,960 --> 01:08:32,540
a to je konec těchto zdrojů.

1165
01:08:32,540 --> 01:08:35,300
>> Takže to, co je na vaší mysli? Cokoliv jiného, ​​co -

1166
01:08:35,300 --> 01:08:40,580
[Guarin] Kdo je přemýšlet o tom, je aplikace Windows pro CS50? V pohodě.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] cool. Skvělé.

1168
01:08:44,149 --> 01:08:49,410
>> Veškeré otázky týkající se věci, které jste doposud viděli a jak to souvisí s to?

1169
01:08:49,410 --> 01:08:54,540
Například, více času jsem mohl vzít hru, která jsem napsal

1170
01:08:54,540 --> 01:08:57,310
a že běží v prohlížeči a jen tak projít procesem

1171
01:08:57,310 --> 01:08:59,870
přinášení, že do Visual Studio a dělat to app Windows Store.

1172
01:08:59,870 --> 01:09:02,870
To zabere více času, než jsme ve skutečnosti měli zahrnout dnes,

1173
01:09:02,870 --> 01:09:08,010
ale krátká verze je, že je to stejný kód, který jste běží v prohlížeči,

1174
01:09:08,010 --> 01:09:11,680
a věci, které změnit jsou věci, které jste se rozhodnou zapojit do Windows 8.

1175
01:09:11,680 --> 01:09:16,220
Takže pokud chcete použít kouzla, pokud chcete hledat, nebo sdílet,

1176
01:09:16,220 --> 01:09:19,899
Potřebujete vytvořit aplikaci pruh schovat některé funkce na to,

1177
01:09:19,899 --> 01:09:21,939
to jsou ty druhy věcí, které byste změnit.

1178
01:09:21,939 --> 01:09:25,229
Ale jádro vaší webové aplikace může zůstat beze změny.

1179
01:09:25,229 --> 01:09:29,590
Opět platí, že tak dlouho, jak to funguje v IE10, že to bude rychlé portu

1180
01:09:29,590 --> 01:09:33,680
k uvedení věci do Visual Studia, do Blend, a učinit z něj aplikace Windows Store.

1181
01:09:33,680 --> 01:09:37,500
Opět platí, že jediné, co budete muset naučit, jsou ty další funkce

1182
01:09:37,500 --> 01:09:41,830
které můžete použít k rozsvítit aplikace, jako živé dlaždice a ty druhy věcí.

1183
01:09:41,830 --> 01:09:46,899
>> Jo. >> [Student] Moje otázka je o práci mobilní.

1184
01:09:46,899 --> 01:09:52,210
Takže pokud uděláte aplikaci, která funguje jako aplikace na ploše,

1185
01:09:52,210 --> 01:09:56,480
je to opravdu snadné převést na mobil, nebo je tam -

1186
01:09:56,480 --> 01:10:01,270
Otázkou je, jestli udělám aplikace Windows Store, který je opravdu optimalizované pro toto prostředí

1187
01:10:01,270 --> 01:10:06,430
a chci, aby to na mobilním světě, co se podílí na tom, že?

1188
01:10:06,430 --> 01:10:10,060
To, stejně jako mnoho otázek, je vždy neustále mění odpověď.

1189
01:10:10,060 --> 01:10:16,190
Dobrou zprávou je, pokud máte držet s HTML a JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
pokud začínáte z aplikace Windows Store,

1191
01:10:18,720 --> 01:10:20,590
to bude nechat ji, aby na webu

1192
01:10:20,590 --> 01:10:24,650
a pak používat tyto druhy technik, jako jsou dotazy médií a věcí,

1193
01:10:24,650 --> 01:10:27,180
přizpůsobit se různým velikosti zařízení.

1194
01:10:27,180 --> 01:10:29,900
To znamená, že tam je vždy rámce a věci tam venku

1195
01:10:29,900 --> 01:10:33,450
že podpora rozšíření z různých technologií, různých platforem.

1196
01:10:33,450 --> 01:10:35,670
To se mění po celou dobu.

1197
01:10:35,670 --> 01:10:40,030
Jsme také mění věci, stejně jako se díváme k tomu, co máme teď

1198
01:10:40,030 --> 01:10:42,950
ve skutečnosti se s Windows Phone 8.

1199
01:10:42,950 --> 01:10:44,930
Máme některé společné základní infrastruktury

1200
01:10:44,930 --> 01:10:48,180
nabídl mezi aplikacemi pro těchto prostředích.

1201
01:10:48,180 --> 01:10:51,200
Takže věci, které děláte vytvořit aplikace Windows Store,

1202
01:10:51,200 --> 01:10:57,790
hodně z toho může přenést do telefonu 8 aplikace Windows stejně.

1203
01:10:57,790 --> 01:11:02,270
To je opět rozvíjející příběh, takže tam je nějaký obsah o tom na sestavení.

1204
01:11:02,270 --> 01:11:06,780
SDK právě dostal už před chvílí. To byl právě propuštěn před chvílí.

1205
01:11:06,780 --> 01:11:09,920
Ale co se týče ostatních platforem taky,

1206
01:11:09,920 --> 01:11:13,360
pravděpodobně jste narazit na mnoho cross-platformní rámců stejně.

1207
01:11:13,360 --> 01:11:16,170
Dobrou zprávou je, věci, které děláte tady,

1208
01:11:16,170 --> 01:11:19,620
základní funkce je rovnou do webové standardní věci.

1209
01:11:19,620 --> 01:11:24,010
Jediné věci, které by se snadno překládat, jsou věci, které Windows 8 dělá,

1210
01:11:24,010 --> 01:11:28,060
ale to není překvapení, protože je to funkce systému Windows.

1211
01:11:28,060 --> 01:11:34,090
Nebudete najít sdílení nebo podobné typy smluv, na každé jiné platformě.

1212
01:11:34,090 --> 01:11:37,480
Takže to jsou věci, které byste chtěli, aby z hlediska designu

1213
01:11:37,480 --> 01:11:40,820
ujistěte se, že máte cesty k druhu abstraktní, že, takže můžete říct,

1214
01:11:40,820 --> 01:11:42,970
"Pokud Běžím na to, můžu to udělat."

1215
01:11:42,970 --> 01:11:48,120
Pokud nejsem, tam je několik návrhové vzory, které můžete použít na druh skrýt ty věci pryč.

1216
01:11:48,120 --> 01:11:53,360
Ale mějte na paměti, že. Jo. Promiňte. Jen do toho.

1217
01:11:53,360 --> 01:11:58,130
>> [Student] Pokud chci vyzkoušet svou aplikaci Windows na vrcholu [neslyšitelné]

1218
01:11:58,130 --> 01:12:02,310
[Bowen] Jo. Přeskočil jsem ještě jednu věc příliš. Jo.

1219
01:12:02,310 --> 01:12:04,910
Budu odpověď na vaši otázku, pak já ti ukážu funkci Zapomněl jsem se zmínit.

1220
01:12:04,910 --> 01:12:09,220
Máme některé stroje jsou k dispozici na místě. Je mi to líto.

1221
01:12:09,220 --> 01:12:11,240
Otázkou bylo, jak jsem test věci na zařízení

1222
01:12:11,240 --> 01:12:14,230
jestli nemám náhodou mají spoustu věcí z čeho vybírat?

1223
01:12:14,230 --> 01:12:17,130
[Guarin] půjčil jsme ti kluci, myslím, 5 nebo 6. Kolik potřebujete?

1224
01:12:17,130 --> 01:12:20,940
[Student] Dostali jsme čtyři z nich. >> Dobře. Vy jste dostal 4 břidlice hrát s kolem.

1225
01:12:20,940 --> 01:12:25,520
Tak určitě ať všichni vědí, prosím. [Směje se] >> [Bowen] Skvělé.

1226
01:12:25,520 --> 01:12:27,610
To je ještě lepší odpověď, než jsem chtěl dát.

1227
01:12:27,610 --> 01:12:31,250
Máme úřední hodiny pro vývojáře, které děláme v naší kanceláři

1228
01:12:31,250 --> 01:12:35,110
a nyní přichází brzy Microsoft Store přes na Pru,

1229
01:12:35,110 --> 01:12:37,010
ale Edwin již postaráno o vás.

1230
01:12:37,010 --> 01:12:42,180
K dispozici jsou 4 břidlice jsou k dispozici pro půjčování, pro testování.

1231
01:12:42,180 --> 01:12:45,440
Tam jdeme. Tam je příklad tam jeden nahoru.

1232
01:12:45,440 --> 01:12:47,340
Tak jo, naprosto. Skvělé.

1233
01:12:47,340 --> 01:12:52,700
Rozhodně zdaleka nejlepší způsob, jak to vyzkoušet je, aby se na zařízení.

1234
01:12:52,700 --> 01:12:56,810
Pokud nemáte náhodou ještě jeden nebo nechcete chodit po areálu ve sněhu

1235
01:12:56,810 --> 01:13:01,130
chytit jednoho nebo cokoliv, je způsob, jak dělat to zpátky v aplikaci Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Mám-li se vrátit do, kde jsem byl tady, tady namísto použití místní stroj,

1237
01:13:10,360 --> 01:13:13,590
můžete se připojit ke vzdálenému stroji, ale to není to, co jsem zde mluvil.

1238
01:13:13,590 --> 01:13:16,830
Simulátor je věc, kterou budete chtít podívat do.

1239
01:13:16,830 --> 01:13:22,120
Budu spustit to, a opravdu to, co to je, to je v podstatě okno do vašeho vlastního systému.

1240
01:13:22,120 --> 01:13:26,260
Tady je vlastně můj systém běží, běží Contoso,

1241
01:13:26,260 --> 01:13:29,550
ale způsobem, který mi umožňuje změnit některé z exekučních parametrů,

1242
01:13:29,550 --> 01:13:31,060
parametry životního prostředí.

1243
01:13:31,060 --> 01:13:34,150
Takže můžu říct, tady, "Víš, co?"

1244
01:13:34,150 --> 01:13:39,240
Oh. Už jsem si to běží v simulovaném 27-palcový monitor s rozlišením 2560.

1245
01:13:39,240 --> 01:13:44,930
Mohu snadno klesnout, že dolů a vidět to, co moje žádost bude dělat s menší obrazovkou

1246
01:13:44,930 --> 01:13:47,480
nebo změnou nastavení DPI nebo cokoliv jiného.

1247
01:13:47,480 --> 01:13:50,700
Takže na malé obrazovce, 10.6, co se to bude dělat?

1248
01:13:50,700 --> 01:13:53,040
Že stále vypadá docela dobře, ne?

1249
01:13:53,040 --> 01:13:58,220
Budete chtít to udělat, a to zejména pokud jste podání do obchodu, protože děláme

1250
01:13:58,220 --> 01:14:00,480
jako součást procesu testování.

1251
01:14:00,480 --> 01:14:02,400
A pokud tam jsou problémy, jako je to,

1252
01:14:02,400 --> 01:14:06,160
pak byste měli narazit na problém, jak se certifikovaný pro úložiště.

1253
01:14:06,160 --> 01:14:09,240
Ale to je součástí simulátoru. Opravdu cool. Velmi snadné to udělat.

1254
01:14:09,240 --> 01:14:11,480
Můžete také použít funkce, jako je otáčení je stejně.

1255
01:14:11,480 --> 01:14:15,650
Mohu klikněte na tlačítko tady se to otočit, co někdo bude mít jako zážitek

1256
01:14:15,650 --> 01:14:20,970
otáčení jejich břidlice, jejich tablet, a pomocí aplikace s tím.

1257
01:14:20,970 --> 01:14:25,060
Tam jsou některé další věci, jako je příliš emulaci dotykové a některé další věci,

1258
01:14:25,060 --> 01:14:27,210
nastavení GPS.

1259
01:14:27,210 --> 01:14:31,050
Nemůžu předstírat, že jsem na jiném místě a vidět, co dělá moje žádost

1260
01:14:31,050 --> 01:14:34,690
když jsem se předstírat, že jsem zpátky v Seattlu, nebo tak něco.

1261
01:14:34,690 --> 01:14:41,970
Ale je to opravdu užitečná funkce, a to postavený v jak Visual Studio a Blend.

1262
01:14:41,970 --> 01:14:44,460
Ano. Váš dotaz.

1263
01:14:44,460 --> 01:14:48,530
>> [Student] Pokud píšete hru, nemá Visual Studio žádnou podporu pro animace?

1264
01:14:48,530 --> 01:14:55,550
Jo. Otázkou je kolem podpory animace, a to zejména s hraní her.

1265
01:14:55,550 --> 01:14:58,380
To záleží na okolnostech. [Smích]

1266
01:14:58,380 --> 01:15:06,870
S JavaScriptu řeknu, že je to pravděpodobně méně podpory než je na XAML straně,

1267
01:15:06,870 --> 01:15:11,430
která má časové osy, má storyboardy a věci, které jsou postaveny palců

1268
01:15:11,430 --> 01:15:18,710
Pro animace na apps JavaScript, já nevím, jak moc odpověď chci dát.

1269
01:15:18,710 --> 01:15:25,110
Mám zdrojů na mém blogu, které jdou přes mnoho možností pro oba animací fyziky,

1270
01:15:25,110 --> 01:15:29,280
Volby pro JavaScript orientovaných hry na Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Já bych si odkázat na ty.

1272
01:15:31,300 --> 01:15:34,300
V podstatě, tam je tolik možností.

1273
01:15:34,300 --> 01:15:37,770
Důvod, proč jsem váhala, je tu tolik možností pro dělání animací pomocí JavaScriptu.

1274
01:15:37,770 --> 01:15:44,280
Mohlo by to být CSS, by to mohlo být na plátně, na základě, mohlo by to být jen základní DOM animace,

1275
01:15:44,280 --> 01:15:47,470
to by mohlo být mnoho různých věcí, takže to opravdu záleží na vaší volbě.

1276
01:15:47,470 --> 01:15:55,790
Pokud se rozhodnete použít něco jako Create.js nebo vápnem nebo jinými druhy rámců -

1277
01:15:55,790 --> 01:15:59,150
No, nejsem si jistý, budete moci použít vyšší konec rámce

1278
01:15:59,150 --> 01:16:01,370
Líbí se mi Impact nebo Construct.

1279
01:16:01,370 --> 01:16:07,000
Který má tendenci vytvářet více kódu, než byste mohli zvážit od nuly.

1280
01:16:07,000 --> 01:16:11,730
Ale v těchto případech, můžete i nadále používat simulátor, můžete použít prostředí,

1281
01:16:11,730 --> 01:16:17,480
a mám tendenci používat jen toto prostředí pro mé zkušební platformy v těch případech,

1282
01:16:17,480 --> 01:16:19,930
jak jsem vyvíjet hry.

1283
01:16:19,930 --> 01:16:22,110
Byl jsem v pohodě, zejména s plachtou animace,

1284
01:16:22,110 --> 01:16:23,850
což je asi nejčastější věc.

1285
01:16:23,850 --> 01:16:27,360
Nejlepší budete pravděpodobně zjistíte, je dev nástroje v prohlížeči

1286
01:16:27,360 --> 01:16:30,160
a dev nástroje v aplikaci Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Druh meandrující odpověď zde, ale doufejme, že mám odpověď. Ano. Vy.

1288
01:16:34,610 --> 01:16:36,470
>> [Student] Jaké jsou možnosti pro Windows 8 aplikace pro ukládání dat?

1289
01:16:36,470 --> 01:16:41,100
Jaké jsou možnosti pro Windows 8 aplikace pro ukládání dat, systém Windows Store aplikace?

1290
01:16:41,100 --> 01:16:46,790
Vaše možnosti jsou opravdu každá aplikace má svůj vlastní bazén místního úložiště

1291
01:16:46,790 --> 01:16:52,150
pro nastavení a dat, ale je to také směšně snadné používat roaming skladování,

1292
01:16:52,150 --> 01:16:54,920
využívat cloud-based úložiště. Je to zdarma.

1293
01:16:54,920 --> 01:16:58,250
Co se stane, je, v podstatě zvolit jinou třídu a říkáte,

1294
01:16:58,250 --> 01:17:03,370
"Nastavení roamingu, Uložit, tento konkrétní soubor obsahu,"

1295
01:17:03,370 --> 01:17:06,050
a jejich účtu Microsoft, co se jim už podepsal se jako,

1296
01:17:06,050 --> 01:17:08,620
bude klíčem k roamingu, že informace kolem.

1297
01:17:08,620 --> 01:17:13,790
Takže pokud mohu použít svou hru na mém notebooku, a pak jsem se přihlásit pomocí stejného účtu

1298
01:17:13,790 --> 01:17:18,900
a hraju hru na povrch nebo na tabletu,

1299
01:17:18,900 --> 01:17:23,610
který bude automaticky přecházet toto nastavení a data mezi těmito stroji.

1300
01:17:23,610 --> 01:17:27,550
To je výchozí věc. To je dobré pro určité množství dat.

1301
01:17:27,550 --> 01:17:30,220
Ty by se dal obrovskou databázi do nich.

1302
01:17:30,220 --> 01:17:35,350
K tomu budete muset přejít na jiné druhy řešení, jako jsou hostované databáze v cloudu,

1303
01:17:35,350 --> 01:17:36,690
podobné věci.

1304
01:17:36,690 --> 01:17:39,840
Tam jsou některé další možnosti komunity kolem jiných druhů datových technologií.

1305
01:17:39,840 --> 01:17:42,920
Viděl jsem nějaké SQLite možnosti v komunitě kolem tam taky.

1306
01:17:42,920 --> 01:17:46,690
Takže stále více a více se objevují, ale to jsou základní věci, které byste hledat směrem

1307
01:17:46,690 --> 01:17:49,430
na hru nebo aplikaci.

1308
01:17:49,430 --> 01:17:50,610
A vy jste měl otázku na zadní straně taky.

1309
01:17:50,610 --> 01:18:02,390
>> [Student] Z hlediska sítě [neslyšitelný] nahrávání nebo stahování souborů [neslyšitelný]

1310
01:18:02,390 --> 01:18:04,870
[Bowen] Je vaše otázka, jak můžete vidět, že ani jak můžete ladit to a vyzkoušet?

1311
01:18:04,870 --> 01:18:10,630
[Student] Jak to můžete ladit [neslyšitelný]

1312
01:18:10,630 --> 01:18:12,670
Promiňte. Nemůžu slyšet všechno.

1313
01:18:12,670 --> 01:18:16,480
[Student] Jak se vám to chyba testováno a také [neslyšitelný]

1314
01:18:16,480 --> 01:18:17,490
Skvělé. Skvělé.

1315
01:18:17,490 --> 01:18:21,860
Jak pracovat se sítí? Jak můžete vidět, co se děje?

1316
01:18:21,860 --> 01:18:23,620
Tam je mnoho různých odpovědí na tuto jednu,

1317
01:18:23,620 --> 01:18:26,420
ale dovolte mi ukázat vám pravděpodobně nejjednodušší věci tady.

1318
01:18:26,420 --> 01:18:29,350
Dovolte mi, abych se zbavil simulátoru za vteřinu.

1319
01:18:29,350 --> 01:18:31,740
Jen pár možnosti ladění sítě.

1320
01:18:31,740 --> 01:18:36,070
K dispozici je kompletní síťový zásobník pečené přímo do jak na úrovni WinRT a od WinJS,

1321
01:18:36,070 --> 01:18:42,810
takže můžete velmi snadno udělat XHR, typ AJAX volání z vaší hry nebo aplikace k tomu, že.

1322
01:18:42,810 --> 01:18:47,250
Především, mám tendenci používat dvě věci.

1323
01:18:47,250 --> 01:18:53,660
Já používám skutečné dev samotné nástroje, které mají síťový stack pečené do nich.

1324
01:18:53,660 --> 01:18:55,870
Dovolte mi, abych vám ukázal domovskou stránku Windows.

1325
01:18:55,870 --> 01:19:02,730
Můžu přinést toto nahoru, a tam je vlastně síť proxy server pečené do těchto nástrojů zde.

1326
01:19:02,730 --> 01:19:08,390
Tak jsem si to, můžu aktualizovat stránku, a to se děje, aby mi ukázal všechny interakce,

1327
01:19:08,390 --> 01:19:14,550
včetně AJAX volání pro danou relaci, za dobu trvání této žádosti je.

1328
01:19:14,550 --> 01:19:17,600
To je užitečné. Bude to velmi užitečné pro aplikace na bázi prohlížeče.

1329
01:19:17,600 --> 01:19:20,470
Pro ostatní druhy aplikací, včetně Windows Store aplikace,

1330
01:19:20,470 --> 01:19:23,970
I používat nástroj nazvaný Šumař.

1331
01:19:23,970 --> 01:19:29,650
Budeš si hrát v odezvě. [Smích]

1332
01:19:29,650 --> 01:19:32,750
Šumař je jednoduchý proxy. Myslím, že mohu ukázat, že na vás.

1333
01:19:32,750 --> 01:19:40,190
Je to jen GetFiddler.com, které, kupodivu, jsem trasování svou síťovou vrstvu

1334
01:19:40,190 --> 01:19:41,740
bude GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
Ale v každém případě, Šumař byl napsán jednou PMS v týmu IE,

1336
01:19:45,700 --> 01:19:48,290
takže ví, co dělá.

1337
01:19:48,290 --> 01:19:52,630
To je dobrým ukazatelem, který můžete použít pro ladění síťového provozu.

1338
01:19:52,630 --> 01:19:55,730
Doporučoval bych, že. Otázka tam taky.

1339
01:19:55,730 --> 01:19:58,050
>> [Student] Existuje jednoduchý způsob, jak integrovat cizí jazyk zadávání,

1340
01:19:58,050 --> 01:20:00,810
jako japonské nebo čínské, do aplikací systému Windows?

1341
01:20:00,810 --> 01:20:03,240
Nemůžu říct, že jsem udělal příliš mnoho z toho sám, ale to se peče palců

1342
01:20:03,240 --> 01:20:08,470
K dispozici jsou možnosti samozřejmě emitující Vaši žádost - omlouvám se, jsem neřekl otázku -

1343
01:20:08,470 --> 01:20:11,100
Možnosti kolem globalizace, lokalizace obsahu,

1344
01:20:11,100 --> 01:20:14,320
včetně věcí, jako je budou moci prodávat na různých trzích

1345
01:20:14,320 --> 01:20:19,190
a zaměřit se, že verze aplikace pro ty jednotlivé jazyky

1346
01:20:19,190 --> 01:20:21,080
nebo kultury nebo podobné věci. Absolutně zabudovaný

1347
01:20:21,080 --> 01:20:22,980
Měli jsme podporu, které pro věčně,

1348
01:20:22,980 --> 01:20:26,630
a které navazuje na své možnosti pro Windows Store.

1349
01:20:26,630 --> 01:20:30,450
Můžete to udělat v obchodě sám, prodávat na různých trzích,

1350
01:20:30,450 --> 01:20:34,050
můžete to udělat v aplikaci stejně i s využitím prostředků k definování,

1351
01:20:34,050 --> 01:20:42,220
"Pokud jsem vytvořil pro tuto kulturu, pak použijte tyto případy odchýlení od mé textového obsahu

1352
01:20:42,220 --> 01:20:44,510
"Nebo použít právo na levém čtenáře."

1353
01:20:44,510 --> 01:20:51,290
Ti, kteří jsou součástí výchozí WinJS a WinRT API. Dobrá otázka.

1354
01:20:51,290 --> 01:20:54,770
>> Jak jsme na tom? Nějaké další?

1355
01:20:54,770 --> 01:20:58,850
A pokud někdo na videu má otázky, jsem cbowen @ microsoft,

1356
01:20:58,850 --> 01:21:02,790
takže jsem rád, že se některý z vašich otázek z budoucnosti.

1357
01:21:02,790 --> 01:21:05,690
Velmi - Z budoucnosti, budoucí [napodobuje echo].

1358
01:21:05,690 --> 01:21:09,140
Tak mě tady je. Dovolte mi, abych dal svůj kontakt sem.

1359
01:21:09,140 --> 01:21:11,840
Takže mi stačí poslat poznámku, cbowen @ microsoft,

1360
01:21:11,840 --> 01:21:15,190
a já se vrátím k vám co nejdříve to půjde.

1361
01:21:15,190 --> 01:21:19,010
>> Cokoliv jiného, ​​že jste přemýšlel? Jsme dobrý?

1362
01:21:19,010 --> 01:21:24,050
Skvělé. Dobrá. Děkuji vám všem moc. Vážím si toho. [Potlesk]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]