1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Szeminárium - Windows 8 - App / Game Development 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
[Ez CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Hé, mindenki. A nevem Edwin Guarin. Ez Chris Bowen.

5
00:00:10,290 --> 00:00:12,310
Megmondom neki be magát a második.

6
00:00:12,310 --> 00:00:14,100
Csak azt akarom, hogy a gyors bejelentés.

7
00:00:14,100 --> 00:00:18,340
Először is, minden, amit CS50 diákok Windows 8 ingyen.

8
00:00:18,340 --> 00:00:23,150
Tehát, ha gondolkodik valójában használ ez a projekt végső, ez a tiéd.

9
00:00:23,150 --> 00:00:25,740
Nate küld egy e-mailt később az utasításokat.

10
00:00:25,740 --> 00:00:32,850
A másik dolog az, ha úgy dönt, hogy írjon egy Windows 8 alkalmazás a CS50 projekt végső,

11
00:00:32,850 --> 00:00:35,870
mi lesz, hogy csinál egy kis ajándékot: egy Xbox,

12
00:00:35,870 --> 00:00:38,870
akkor lehet, hogy a pala el, ilyesmi.

13
00:00:38,870 --> 00:00:42,460
Tehát, ha van valami tart vissza, hadd Chris vagy tudom

14
00:00:42,460 --> 00:00:45,010
hogyan segíthet felépíteni valami igazán cool.

15
00:00:45,010 --> 00:00:48,580
Tehát még egyszer köszönöm, hogy eljöttek ma, és én átadja Chris.

16
00:00:48,580 --> 00:00:50,500
>> Köszönöm, Edwin.

17
00:00:51,000 --> 00:00:52,740
Köszönöm mindenkinek, hogy csatlakozott hozzánk ma.

18
00:00:52,740 --> 00:00:55,800
Én Chris Bowen. Én vagyok az egyik Edwin kollégái itt, az északkeleti.

19
00:00:55,800 --> 00:00:58,310
Csak azt akartam eltölteni egy kis időt veled beszél

20
00:00:58,310 --> 00:01:03,730
hogyan lehet a Windows Store alkalmazás HTML5, JavaScript és CSS

21
00:01:03,730 --> 00:01:07,310
és milyen kap bármilyen kérdése merülne fel, hogy választ az Ön számára

22
00:01:07,310 --> 00:01:12,920
ahogy nézel felé gondolkodik, talán használ ez egy CS50 döntőbe lehetőséget.

23
00:01:12,920 --> 00:01:14,980
>> Igaz, akkor csak zuhanásra be

24
00:01:14,980 --> 00:01:17,190
Megyek, mint a diák itt.

25
00:01:17,190 --> 00:01:19,440
Ha bármilyen kérdése van, nyugodtan küldj egy e-mailt.

26
00:01:19,440 --> 00:01:23,460
Én cbowen@microsoft.com, és az én blog és az én Twitter.

27
00:01:23,460 --> 00:01:26,330
Ugyanakkor azt szeretnénk, hogy a kapcsolatot velem, hogy rendben van.

28
00:01:26,330 --> 00:01:30,110
Van egy óra a dolgot, és azt akarom, hogy a kérdéseket az út mentén,

29
00:01:30,110 --> 00:01:33,720
ezért ne légy félénk arról hogy kérdéseket ebben.

30
00:01:33,720 --> 00:01:36,470
Nem tudják, hogy ki kérdezi a kérdéseket a felvétel

31
00:01:36,470 --> 00:01:39,090
így lesz anonim ahogy akarsz lenni.

32
00:01:39,090 --> 00:01:42,780
>> Hadd zuhanásra, csak ad egy gyors bevezetés a Windows 8,

33
00:01:42,780 --> 00:01:47,400
és megmutatom néhány dolog Windows Store apps, hogy érdemes megfontolni

34
00:01:47,400 --> 00:01:49,530
ahogy gondolkodik fejlődő alkalmazás.

35
00:01:49,530 --> 00:01:52,660
Keresünk a Windows 8. Már ki pár hete.

36
00:01:52,660 --> 00:01:55,810
Sok erős elfogadása odakint már.

37
00:01:55,810 --> 00:01:59,800
Lehet, hogy látta már a Surface gépeket, hogy van is.

38
00:01:59,800 --> 00:02:03,730
Van egy itt tényleg lehet, hogy egy pillantást, ha itt személyesen.

39
00:02:03,730 --> 00:02:07,530
Nagyon szeretnék beszélni veled, mutassa meg körül egy kicsit a Windows 8.

40
00:02:07,530 --> 00:02:10,759
Az ötlet a Windows 8, ez igazán terjessze elő az összes cuccot tudni a Windows

41
00:02:10,759 --> 00:02:16,840
egyes új élmények - különösen, dolgok, mint a Surface gép touch,

42
00:02:16,840 --> 00:02:20,000
ilyen jellegű több a mobil eszközök, amelyek ma már a piacon,

43
00:02:20,000 --> 00:02:22,360
de ez is a Windows középpontban.

44
00:02:22,360 --> 00:02:25,850
Tehát ez azt jelenti, hogy telepíteni igazán semmit, hogy fut a Windows 7,

45
00:02:25,850 --> 00:02:30,770
az Ön legnagyobb hármas SLI játék rig le a laptop

46
00:02:30,770 --> 00:02:36,200
és a csillogó új egyéb eszközöket, hogy lehet, hogy vegye fel ma.

47
00:02:36,200 --> 00:02:38,450
Ők fog futni Windows 8.

48
00:02:38,450 --> 00:02:40,530
Megmutatom körül egy kicsit,

49
00:02:40,530 --> 00:02:44,670
és az összes tapasztalat, hogy látni fogod, itt olyan dolgok, hogy hozhat létre.

50
00:02:44,670 --> 00:02:47,760
Az ötlet az, hogy ez a tapintás, az egér, a billentyűzet,

51
00:02:47,760 --> 00:02:51,870
amit a készülék, hogy te futó alkalmazást, ez fog futni jó.

52
00:02:51,870 --> 00:02:55,180
Windows 8 segít mindazokkal forgatókönyv.

53
00:02:55,180 --> 00:02:59,600
>> Ezek a diák félre, nézzük csak, hogy jobbra egy pillantást itt.

54
00:02:59,600 --> 00:03:03,270
Hadd mutassam meg a kezdőképernyőn. Ez a Start képernyőn.

55
00:03:03,270 --> 00:03:05,810
Hadd mondjak el egy kicsit a túra itt.

56
00:03:05,810 --> 00:03:09,610
Én vagyok a non-touch gépet, így bármennyire is szeretnék érinteni a laptop képernyőjén,

57
00:03:09,610 --> 00:03:13,400
ez nem fog semmit, úgyhogy csak lapozzunk itt egy kicsit, és megmutatom.

58
00:03:13,400 --> 00:03:17,950
Néhány dolog, amit talán észre az a tény, hogy ezek az úgynevezett élő csempe

59
00:03:17,950 --> 00:03:21,470
tényleg lehet animálni, és ők is tájékoztatást Önnek -

60
00:03:21,470 --> 00:03:24,750
talán frissítések statisztikák játék

61
00:03:24,750 --> 00:03:30,970
vagy megmutatja hírek néhány korábbi apps, hogy itt van a bal oldalon.

62
00:03:30,970 --> 00:03:35,350
Ott vagyunk. Biztos vagyok benne, hogy csak a pozitív és a fantasztikusan jó hír.

63
00:03:35,350 --> 00:03:38,450
Itt látható, hogy tényleg hívja a figyelmet vissza az app, mondván:

64
00:03:38,450 --> 00:03:43,010
"Hé, van valami új a nap alatt. Vessen egy pillantást. Gyere vissza, és mi az új az Ön számára."

65
00:03:43,010 --> 00:03:45,320
Ezt hívják élő csempe, és meg tudod csinálni értesítések

66
00:03:45,320 --> 00:03:47,070
vagy közvetlenül az alkalmazás maga

67
00:03:47,070 --> 00:03:52,220
vagy ha egy pillantást részletesebben, megtudhatja, hogyan kell írni a távoli szolgáltatás

68
00:03:52,220 --> 00:03:54,340
hogy ténylegesen nyomja információt a cserép,

69
00:03:54,340 --> 00:03:56,520
amely a mi történik ezekkel a híreket apps.

70
00:03:56,520 --> 00:04:00,080
Ők ténylegesen is hír a felhő, és frissíti a csempe ott

71
00:04:00,080 --> 00:04:03,710
hogy az emberek tudják, van egy ok, hogy nyissa meg az alkalmazás, és nézd meg

72
00:04:03,710 --> 00:04:06,950
Bármilyen a legfrissebb hír, ezek közül bármelyik

73
00:04:06,950 --> 00:04:10,060
vagy ha van új recepteket, vagy egy új, magas pontszámot verni

74
00:04:10,060 --> 00:04:13,560
vagy egy barát játszik, vagy bármi az ezeket az alkalmazásokat.

75
00:04:13,560 --> 00:04:15,550
Ez valami, hogy csábítsa vissza be

76
00:04:15,550 --> 00:04:18,640
Szóval ez az élő csempe, és ez lehet egy ember, lehet, hogy egy honlap is.

77
00:04:18,640 --> 00:04:20,790
Általában ez az alkalmazás.

78
00:04:20,790 --> 00:04:25,320
>> Elég sok minden ezeket a dolgokat, hogy én is itt jött a Windows Store. Fogom indítani ezt.

79
00:04:25,320 --> 00:04:27,890
Ez az egyik az alkalmazások kapsz alapértelmezés

80
00:04:27,890 --> 00:04:30,350
minden gép fut Windows 8.

81
00:04:30,350 --> 00:04:33,040
Akkor jön ide a valami, amit akarsz,

82
00:04:33,040 --> 00:04:37,240
a dolgokat, hogy vannak kiemelve a játékok, hogy én még nem láttam.

83
00:04:37,240 --> 00:04:39,440
Hűha, most már van egy új flipper itt.

84
00:04:39,440 --> 00:04:41,580
Telepítheti ezek itt a boltban,

85
00:04:41,580 --> 00:04:43,420
és fogunk beszélni, hogyan lehet fejleszteni ezeket.

86
00:04:43,420 --> 00:04:45,670
Van egy csomó döntéseket, hogy hogyan hozza létre azokat.

87
00:04:45,670 --> 00:04:49,020
Majd hangsúly a JavaScript történetet a HTML és a CSS,

88
00:04:49,020 --> 00:04:52,790
hanem a felhasználó számára, hogy a vásárló az app, nem számít, hogy mit írt be

89
00:04:52,790 --> 00:04:54,670
Ezek megy előre, és dolgozni vele.

90
00:04:54,670 --> 00:04:57,870
Én izgatott ez, így azt kell, hogy nyissa ki, és nézd meg.

91
00:04:57,870 --> 00:05:02,310
Minden alkalmazás, beleértve azt is, hogy van-e be, és eladja vagy adnak ingyen,

92
00:05:02,310 --> 00:05:06,240
amit akarsz csinálni a boltban, akkor kap egy honlapon, mint ez.

93
00:05:06,240 --> 00:05:10,750
Akkor küldje az alkalmazás egy csomó képernyő felvételek - akkor látni néhány itt -

94
00:05:10,750 --> 00:05:15,970
részleteket az alkalmazás, és idővel meg fog felhalmozni a két értékelés -

95
00:05:15,970 --> 00:05:19,020
ők alapvetően csak a csillagok - és az értékeléseket,

96
00:05:19,020 --> 00:05:20,690
amelyek egy kicsit betekintést.

97
00:05:20,690 --> 00:05:24,380
Valójában, valaki írja valamit mondani, hogy milyen fantasztikus vagy,

98
00:05:24,380 --> 00:05:29,300
és hogy bemegy a vélemények részben itt, amit még nem néztem.

99
00:05:29,300 --> 00:05:33,890
Fantasztikus. "Nem is szabad." Milyen nagyszerű.

100
00:05:33,890 --> 00:05:39,000
Nos, az emberek, akiknek ez volt a nyílt és fuss, úgy tűnik, hogy igazán élvezni. [Nevet]

101
00:05:39,000 --> 00:05:43,770
Tartsa ezt szem előtt tartva. Az internet. Bárki lehet mondani, hogy mit akarnak a az alkalmazás.

102
00:05:43,770 --> 00:05:45,780
Ügyeljen arra, hogy csinálsz egy nagy munka vele,

103
00:05:45,780 --> 00:05:49,030
győződjön meg róla, így kényelmes a felhasználó számára, mint te

104
00:05:49,030 --> 00:05:52,720
mert ők egy-két kattintással el, hogy egy felülvizsgálat

105
00:05:52,720 --> 00:05:55,870
és hogy fog felhalmozódni, hogy a teljes áttekintés Értékelés.

106
00:05:55,870 --> 00:05:58,990
És azt akarja, hogy nem a legjobb, mert akkor lesz ellen más alkalmazásokat.

107
00:05:58,990 --> 00:06:01,830
Nem lesz több ezer apps már a boltban,

108
00:06:01,830 --> 00:06:06,880
és esélye van, lehet, hogy valami, ami nem hasonló funkcionalitást, hogy mit csinálsz.

109
00:06:06,880 --> 00:06:12,740
Tehát, ha tényleg kiemelkedik a tömegből, hogy az lesz az előnye, természetesen.

110
00:06:12,740 --> 00:06:15,300
>> Majd kap a boltba egy kicsit később.

111
00:06:15,300 --> 00:06:17,090
Nagyon szeretném összpontosítani létre alkalmazásokat.

112
00:06:17,090 --> 00:06:20,760
De a rövid változata a tároló világméretű értékesítési,

113
00:06:20,760 --> 00:06:25,430
ez automatikusan része a Windows 8, az emberek csak tűz ki, és vessünk egy pillantást a különböző alkalmazások itt

114
00:06:25,430 --> 00:06:29,070
akkor a Dress-Up Sticker Book és mindenféle különböző alkalmazások.

115
00:06:29,070 --> 00:06:33,690
Friss festék, én ezt nagyon - rosszul, de használom sokat.

116
00:06:33,690 --> 00:06:36,080
Ez megmutatta már saját maga is.

117
00:06:36,080 --> 00:06:41,280
Hadd mutassak valamit, amit nem kellett volna - UVideos nincs, mint új.

118
00:06:41,280 --> 00:06:43,660
Látod, itt ez ingyenes, így telepíteni már a boltban.

119
00:06:43,660 --> 00:06:46,430
Van választás is. Akkor természetesen adja el.

120
00:06:46,430 --> 00:06:49,660
Tudod, hogy a reklám a app vagy játékot.

121
00:06:49,660 --> 00:06:54,770
Azt is díjat, és akkor nagyon könnyen olyan próba alkalmazását is

122
00:06:54,770 --> 00:06:58,220
így hagyjuk emberek próbálja ki egy hétig, vagy amit akarsz.

123
00:06:58,220 --> 00:07:01,540
Ez csak szabható a portálon keresztül. Nem írni a kódot, hogy az.

124
00:07:01,540 --> 00:07:03,990
Szóval azt mondod: "Ezzel egy hétig, és akkor megvan, hogy vedd meg,"

125
00:07:03,990 --> 00:07:07,130
vagy ha lehet csinálni a dolgokat, mint a "Te is játszani az első 3 szinten ez a játék

126
00:07:07,130 --> 00:07:09,820
"És akkor megvan, hogy megvásárolja a hozzáférést a többit."

127
00:07:09,820 --> 00:07:12,310
Lehet még nem in-app vásárlások is, így mondhatjuk,

128
00:07:12,310 --> 00:07:17,880
"Van további kalandjait vagy beállítja a grafikus vagy dolgokat, amelyek nyitva -

129
00:07:17,880 --> 00:07:21,430
"Több receptek, amelyek nyitva - ha vásárol e kiterjesztett készletek."

130
00:07:21,430 --> 00:07:24,260
És meg tudod csinálni, hogy mind az alkalmazás vagy a játék maga.

131
00:07:24,260 --> 00:07:26,070
Tehát, teljesen rajtad múlik, az Ön választása.

132
00:07:26,070 --> 00:07:28,070
Van egy csomó dolog, amit tehetünk, a boltban,

133
00:07:28,070 --> 00:07:31,660
és akkor tulajdonképpen te azt benyújtja a tanúsítási csatornát.

134
00:07:31,660 --> 00:07:35,380
Beszélhetünk arról szól, hogy egy kicsit később, de ez a cél.

135
00:07:35,380 --> 00:07:40,410
Azt akarod, hogy az app világszerte láthatóságot a boltban van.

136
00:07:40,410 --> 00:07:44,170
>> Vissza a Start képernyőn van, szeretném megmutatni körül egy kicsit.

137
00:07:44,170 --> 00:07:50,580
Ha elindítom ezeket az alkalmazásokat, hadd adjak egy példát néhány határon app funkciót itt.

138
00:07:50,580 --> 00:07:53,070
Ehhez fogom indítani Fresh Paint.

139
00:07:53,070 --> 00:07:55,550
Az egyik dolog, látni fogod, itt minden egyes kis képernyőn,

140
00:07:55,550 --> 00:07:58,040
minden pixel a képernyő, megy a kb.

141
00:07:58,040 --> 00:08:01,990
Elmúltak azok a napok, amikor van ilyen keretet az ablakok

142
00:08:01,990 --> 00:08:05,120
sok gomb, hogy mindig ott a helyet minden alkalommal.

143
00:08:05,120 --> 00:08:09,430
Most már tényleg szeretné, hogy távol azt, és csak azt a tartalmat a középpontban.

144
00:08:09,430 --> 00:08:13,710
Meg tudjuk csinálni a dolgokat a Windows elérésével más típusú menük.

145
00:08:13,710 --> 00:08:16,840
Ezek közül az egyik valóban az úgynevezett a varázsa bár,

146
00:08:16,840 --> 00:08:18,870
és jön ki az oldalán a képernyőn.

147
00:08:18,870 --> 00:08:21,270
Akkor tényleg rázza az oldalon, ha van egy érintőképernyő,

148
00:08:21,270 --> 00:08:24,840
akkor jobb klikk, ha van egy egér, van egy billentyűkombináció rá,

149
00:08:24,840 --> 00:08:29,490
mindig van több mint egy módja annak, hogy tegyünk valamit a környezetben van.

150
00:08:29,490 --> 00:08:31,680
Ez hozza ki a néhány dolog, amit tehetünk.

151
00:08:31,680 --> 00:08:33,870
A legnyilvánvalóbb az, akkor menj vissza a kezdőképernyőre,

152
00:08:33,870 --> 00:08:36,780
de a másik 4 úgynevezett varázsa.

153
00:08:36,780 --> 00:08:41,059
Ezek a szerződések, hogy akkor dugja be, mint egy app fejlesztője. Ők elég jó.

154
00:08:41,059 --> 00:08:43,340
Search, biztos vagyok benne, hogy valami, amit csinálsz,

155
00:08:43,340 --> 00:08:44,950
megosztása megmutatom a második,

156
00:08:44,950 --> 00:08:48,450
Eszközök és beállítások, ezek mind olyan dolgok, hogy az app dugja be

157
00:08:48,450 --> 00:08:51,960
hogy felerősítse a Windows, hogy azt mondják: "Én megtettem a részem

158
00:08:51,960 --> 00:08:54,700
"És azt akarom, hogy a Windows támogatni más funkciót,

159
00:08:54,700 --> 00:08:56,750
"És én nem akarok írni egy csomó kódot, hogy ez megtörténjen."

160
00:08:56,750 --> 00:08:59,480
Ez tényleg egy előnye ezeket a funkciókat.

161
00:08:59,480 --> 00:09:01,340
Hadd mutassam meg egyet.

162
00:09:01,340 --> 00:09:05,170
Ehhez, teszek egy új festményt.

163
00:09:05,170 --> 00:09:08,240
Én is beszéltem a minden egyes pixel a kb.

164
00:09:08,240 --> 00:09:11,850
Alapértelmezés szerint ez az, ami a festék app néz ki, amikor használja.

165
00:09:11,850 --> 00:09:14,960
Ez tényleg csak arról szól, amit te rajz, a tartalmat.

166
00:09:14,960 --> 00:09:20,850
Tehettem szörnyű dolgokat. Mit kell rajzolni? Nem tudom.

167
00:09:20,850 --> 00:09:23,110
Scribbles? Ó, remek. Meg tudom csinálni firkákat. Fantasztikus.

168
00:09:23,110 --> 00:09:25,130
A pulyka? [Nevet]

169
00:09:25,130 --> 00:09:28,500
Ez a legtöbb, elvont pulyka látni fogja.

170
00:09:28,500 --> 00:09:31,780
Azt is, hogy ki az úgynevezett app bár,

171
00:09:31,780 --> 00:09:33,850
és ez valóban az egyik legfontosabb módja, hogy tudod használni

172
00:09:33,850 --> 00:09:37,210
elrejtéséhez el az összes dolgot, ami lehetett a app vagy játék előtt

173
00:09:37,210 --> 00:09:39,570
csak a helyet foglalja minden alkalommal.

174
00:09:39,570 --> 00:09:43,270
Tehát most akkor tedd fel itt, és ez valóban az egyik szebb élmények

175
00:09:43,270 --> 00:09:46,380
az app bar, amit valaha láttam.

176
00:09:46,380 --> 00:09:48,800
Helyezze a választás itt kiválasztására különböző színekben.

177
00:09:48,800 --> 00:09:54,310
Szerettünk volna egy pulyka, így fogunk egy kis barna van, indítsa keverés pár színben.

178
00:09:54,310 --> 00:09:58,790
Elvisszük Köztes szín ide, majd gyere vissza.

179
00:09:58,790 --> 00:10:02,990
Kezdheted rajz. Ott a pulyka. Fantasztikus.

180
00:10:02,990 --> 00:10:07,660
Nem tudok rajzolni kezdeni, hanem az, hogy ez egy touchpad a közönség előtt még jobb.

181
00:10:07,660 --> 00:10:09,640
Ez fantasztikus.

182
00:10:09,640 --> 00:10:13,030
Az ötlet, mégis, minden, ami érdekel, hogy itt a felszínen.

183
00:10:13,030 --> 00:10:17,060
Tegyük fel, hogy én vagyok annyira elégedett ezzel, hogy megvan megosztani valakivel.

184
00:10:17,060 --> 00:10:19,680
Normális, hogy mit tenne más Windows-verziók,

185
00:10:19,680 --> 00:10:22,900
akkor talán egy képernyőképet, azt némi copy-paste a szöveget

186
00:10:22,900 --> 00:10:24,950
, vagy ilyesmi, hogy szeretné megosztani,

187
00:10:24,950 --> 00:10:27,260
és aztán megy, és nyit egy alkalmazást, és tedd bele.

188
00:10:27,260 --> 00:10:28,630
Itt nem kell csinálni.

189
00:10:28,630 --> 00:10:32,400
Akkor tényleg kihozza a varázsa, bár, és azt mondják: "Szeretném megosztani ezt."

190
00:10:32,400 --> 00:10:35,000
Ezen a ponton ez megy, hogy mutassa meg az összes apps

191
00:10:35,000 --> 00:10:38,080
, hogy tudják, hogyan kell dolgozni bármit is megosztott.

192
00:10:38,080 --> 00:10:41,590
Ebben az esetben ez a kép, így fog mondani, hogy "Látom, hogy van egy kép."

193
00:10:41,590 --> 00:10:45,590
"Azt akarod mondani?" Láthatod, hogy e-mailt magam cucc egész idő alatt.

194
00:10:45,590 --> 00:10:49,420
Elismeri, hogy, és ez kínál nekem, hogy, mint egy parancsikon,

195
00:10:49,420 --> 00:10:53,270
de ez is mutatja, nekem minden app, hogy tudja, hogyan kell kezelni egy képet

196
00:10:53,270 --> 00:10:55,520
és csinál valamit vele.

197
00:10:55,520 --> 00:10:57,890
Ezek mind azt jelzi, hogy a Windows, hogy képes erre.

198
00:10:57,890 --> 00:10:59,240
Ezen a ponton ez a Windows.

199
00:10:59,240 --> 00:11:01,680
A felhasználó csak kiválasztja, hogy mit akarnak kezdeni vele.

200
00:11:01,680 --> 00:11:06,610
Megteszem, ami tőlem megszokott a PuzzleTouch. Láthatjuk, amit létre mindenféle rejtvényeket idővel.

201
00:11:06,610 --> 00:11:11,790
Elviszem PuzzleTouch, és azt mondják: "Szeretném megosztani ezt a csodálatos teremtés PuzzleTouch."

202
00:11:11,790 --> 00:11:16,670
Ez fog menni előre, és azt mondják: "Remek. Szeretné megosztani ezt? Fantasztikus."

203
00:11:16,670 --> 00:11:19,260
"Azt szeretnénk, hogy egy rejtély, hogy könnyű, közepes, bármi?"

204
00:11:19,260 --> 00:11:20,800
Csinálok egy köztes itt.

205
00:11:20,800 --> 00:11:24,890
Ez teszi a puzzle. Ez lesz a szörnyű rejtély, mert ez többnyire üresen.

206
00:11:24,890 --> 00:11:28,100
De ez kész, és ez valóban vissza a többi alkalmazás.

207
00:11:28,100 --> 00:11:32,360
Ha kijövök ide tudok keresni, és elindítani.

208
00:11:32,360 --> 00:11:38,100
Ha most lépjünk át egy kicsit itt, meg kell látni a teremtés valahol.

209
00:11:38,100 --> 00:11:42,930
Hol megyek? Milyen puzzle nem teszek? Mondtam, hogy ez egyszerű?

210
00:11:42,930 --> 00:11:46,110
Ó, ott van, ott van.

211
00:11:46,110 --> 00:11:49,550
[Nevet] Ez az a könnyen felismerhető pulyka puzzle, hogy itt van.

212
00:11:49,550 --> 00:11:52,360
De a dolog, amit szeretnék rámutatni, hogy a jó dolog itt

213
00:11:52,360 --> 00:11:54,710
az alkalmazások nem tud semmit egymásról.

214
00:11:54,710 --> 00:11:58,740
Csak azt mondta: "Van egy kép, hogy megosszák, és tudom, hogyan kell kezelni a képeket."

215
00:11:58,740 --> 00:12:01,420
És mint a fejlesztő, akkor nem kell írni, hogy a kódot.

216
00:12:01,420 --> 00:12:05,350
Ha valaki megkérdezi, hogy megosszák, megyek, hogy egy kis adatot ebbe a kis adatstruktúra

217
00:12:05,350 --> 00:12:06,740
és kész vagyok.

218
00:12:06,740 --> 00:12:10,990
A többi app átveszi, teszi a dolgot, és ez a végén a tapasztalatok megosztása.

219
00:12:10,990 --> 00:12:14,550
Ez csak egy dolog, hogy meg tudod csinálni - nagyon-nagyon erős -

220
00:12:14,550 --> 00:12:17,570
és ez lesz az egyik olyan dolog, ami igazán segít megkülönböztetni az alkalmazás

221
00:12:17,570 --> 00:12:20,090
és a játékot is a boltban.

222
00:12:20,090 --> 00:12:22,220
Az emberek lesz képes mondani, hogy "Ez nagyon hasznos."

223
00:12:22,220 --> 00:12:25,430
"Én ezt a puzzle alkotó minden alkalommal. Ez fantasztikus."

224
00:12:25,430 --> 00:12:30,490
>> Ez körülbelül elég egy rövid áttekintést, hogy mi folyik itt.

225
00:12:30,490 --> 00:12:33,670
Van egy pár más funkciók is, hogy talán majd kiemelni, ahogy végig kódot.

226
00:12:33,670 --> 00:12:37,710
De azt akarom, hogy belevetik magukat a diák és erre fogok menni az Asztalra

227
00:12:37,710 --> 00:12:40,940
amely maga is egy élő csempe itt.

228
00:12:40,940 --> 00:12:43,840
Tudok menni ebbe, és valóban, én vagyok a diák,

229
00:12:43,840 --> 00:12:46,320
de hadd mutassam meg, tényleg, hol vagyunk.

230
00:12:46,320 --> 00:12:48,460
Vagyunk valójában Desktop módban.

231
00:12:48,460 --> 00:12:52,580
Ez nagyon, amikor, amit mondtam, mielőtt a Windows-amortizációs

232
00:12:52,580 --> 00:12:54,850
az új élmények megmutatja magát.

233
00:12:54,850 --> 00:12:56,450
Ez a Windows tudod.

234
00:12:56,450 --> 00:12:59,730
Windows alkalmazások nevezzük asztali alkalmazások. Futnak itt.

235
00:12:59,730 --> 00:13:02,730
Ha a meglévő alkalmazásokat, és szeretné futtatni őket a Windows 8,

236
00:13:02,730 --> 00:13:04,710
akkor teljesen csinálni.

237
00:13:04,710 --> 00:13:07,590
Ezek nem ugyanazokat a dolgokat, mint a boltban alkalmazások, amelyek itt,

238
00:13:07,590 --> 00:13:12,240
mint a friss festék és ezek az NBC News alkalmazások és ilyesmik. Ezek jönnek a boltból.

239
00:13:12,240 --> 00:13:14,450
Ezek dugót néhány jellemzője, hogy én megmutatja

240
00:13:14,450 --> 00:13:16,620
és mások, hogy én még nem látható, hogy csak még.

241
00:13:16,620 --> 00:13:21,460
De csak hogy tartsa szem előtt. Van támogatja mind ezeket a dolgokat is.

242
00:13:21,460 --> 00:13:27,000
Sajnálom. Valami nem jelenik meg a képernyőn? Elvesztettem teljesen. Ez furcsa.

243
00:13:29,000 --> 00:13:31,000
Oké. Köszönöm, rámutatva, hogy ki.

244
00:13:31,000 --> 00:13:34,770
Amit nem láttam egy ideje az én mutatja meg, hogy az asztalon van itt.

245
00:13:34,770 --> 00:13:37,540
Mi az utolsó dolog, amit látott? Láttad ezt?

246
00:13:37,540 --> 00:13:39,490
Ez az asztalon. Már tudom, hogy néz ki.

247
00:13:39,490 --> 00:13:42,070
Semmi borzasztóan szokatlan.

248
00:13:42,070 --> 00:13:46,940
Ez a könyv, hogy a tapasztalatok előre az Ön számára, és hagyja, hogy használja a dolgokat, hogy már volt.

249
00:13:46,940 --> 00:13:50,460
Például, én leszek megmutatja Visual Studio. Ez egy asztali alkalmazás.

250
00:13:50,460 --> 00:13:52,600
Meg fog futni ebben a módban.

251
00:13:52,600 --> 00:13:54,960
Meg fog támogatni egy összetettebb környezetben

252
00:13:54,960 --> 00:14:01,470
egy csomó lehetőséget, és hasonló dolgok, így van ez egy jó lehetőség, mint egy asztali alkalmazás.

253
00:14:01,470 --> 00:14:04,810
>> Igaz, menjünk diák csak egy kicsit

254
00:14:04,810 --> 00:14:09,720
, és ad egy kis bevezető tartalmat, majd bejutni valóban kódolás itt.

255
00:14:09,720 --> 00:14:14,070
A jó hír az, amit hallottam, hogy már összpontosítva sok CSS és a JavaScript, HTML.

256
00:14:14,070 --> 00:14:18,110
Minden olyan dolog, amit már a tanulás carry egyenesen, hogy a Windows Store alkalmazások.

257
00:14:18,110 --> 00:14:22,920
A dolgok, hogy már hallott alkalmazásával CSS szelektor és mindazok a dolgok

258
00:14:22,920 --> 00:14:27,180
pontosan mit csinál, hogy hozzon létre egy alkalmazás van a boltban.

259
00:14:27,180 --> 00:14:29,640
Majd végig ezeket a dolgokat apránként.

260
00:14:29,640 --> 00:14:34,130
Alapvetően, építek a dolgokat, hogy már vették a fáradságot, hogy megtanulják.

261
00:14:34,130 --> 00:14:36,520
Ez a teljes diagram a technológiák, amelyek jól jönne

262
00:14:36,520 --> 00:14:38,790
hogy alkalmazások Windows 8.

263
00:14:38,790 --> 00:14:42,840
A dolgok a jobb oldalon, az asztali alkalmazások, valóban, amit már tudunk.

264
00:14:42,840 --> 00:14:46,840
Ez a dolog, hogy tényleg a Windows 7 a világ vinni a Windows 8.

265
00:14:46,840 --> 00:14:51,920
Minden ilyen lehetőséget átviszi: C #, VB, Win32 egyfajta fejlődés.

266
00:14:51,920 --> 00:14:54,450
Remek. Nem probléma. Az új cucc a bal oldalon.

267
00:14:54,450 --> 00:14:58,220
Ez a Windows Store alkalmazások, ez az, amikor azt akarom, hogy az alkalmazás vezetékes a Windows 8

268
00:14:58,220 --> 00:15:02,300
felhasználva azokat a funkciókat, hogy azt a boltba, és kap, hogy nagyon klassz élmény

269
00:15:02,300 --> 00:15:05,260
A Windows Store alkalmazás.

270
00:15:05,260 --> 00:15:10,350
Ehhez itt látható, megvan az összes választást, XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, amit tehetünk, DirectX, ilyesmi, a dolgok, amelyek túlmutatnak a diát.

272
00:15:14,100 --> 00:15:18,650
De nekünk, fogunk összpontosítani jobbra az a tény, hogy a HTML, CSS és JavaScript

273
00:15:18,650 --> 00:15:22,890
valóban első osztályú állampolgár kérelmezésének Windows 8

274
00:15:22,890 --> 00:15:24,960
és a Windows Store.

275
00:15:24,960 --> 00:15:27,950
Szóval ez jó, mindenki itt van, és az emberek nézni a videót

276
00:15:27,950 --> 00:15:30,760
mert ha csak a tőkeáttétel minden azokat a tapasztalatokat, hogy van

277
00:15:30,760 --> 00:15:33,900
és tényleg döntetlen, amit a Windows kínál.

278
00:15:33,900 --> 00:15:37,870
Meg fogod csinálni, hogy egy sor API, ami nem meglepő.

279
00:15:37,870 --> 00:15:39,920
Minden operációs rendszer saját API-k.

280
00:15:39,920 --> 00:15:43,530
Azt tegye, amit a Windows tehet keresztül úgynevezett WinRT.

281
00:15:43,530 --> 00:15:46,370
Ez egy sor API-k, hogy csak mindent elvégez.

282
00:15:46,370 --> 00:15:51,650
Ha kell megnyitni a fájlokat, akkor kell használni a kamerát, térinformatikai, ilyesmi,

283
00:15:51,650 --> 00:15:55,700
mennek keresztül, amit a Windows tud nyújtani Önnek.

284
00:15:55,700 --> 00:15:59,370
Eléréséhez, hogy mi még egy kis JavaScript, ami megy, hogy még könnyebb

285
00:15:59,370 --> 00:16:02,510
az Ön számára, hogy ezt tegyük. Mi lesz az, hogy egy pillanat alatt.

286
00:16:02,510 --> 00:16:04,060
De most, ez alapvetően a menetrendet.

287
00:16:04,060 --> 00:16:06,770
A dolgok, amit már csinált tetején néhány API-k

288
00:16:06,770 --> 00:16:11,280
, amelyek segítenek a munka a Windows egyenlő Store App.

289
00:16:11,280 --> 00:16:14,210
És ez tényleg arról csak annyit kell tudni, hogy a magas szinten.

290
00:16:14,210 --> 00:16:17,370
>> Majd belevetik magukat valóban dolgozik a dolgok most.

291
00:16:18,940 --> 00:16:21,950
A dolgok, amit valószínűleg már látott egy csomó,

292
00:16:21,950 --> 00:16:26,760
IE9 egy kicsit vissza is támogatást vezetett be a sok, abban az időben,

293
00:16:26,760 --> 00:16:30,340
újabb szabványok a weben, így sok új CSS funkciók,

294
00:16:30,340 --> 00:16:34,380
sok új HTML, ECMAScript 5, ami igazán JavaScript.

295
00:16:34,380 --> 00:16:38,090
Tehát mindent, hogy csak a szigorú mód volt IE9.

296
00:16:38,090 --> 00:16:42,290
Csak egy csomó dolgot CSS, CSS3, mind benne van.

297
00:16:42,290 --> 00:16:45,300
És ez az egész továbbviszi, amit mi csinálunk a Windows 8.

298
00:16:45,300 --> 00:16:49,350
Használhatja ezeket a dolgokat, és tudod használni mindent, ami új IE10.

299
00:16:49,350 --> 00:16:54,640
Az IE10 bemutatjuk támogatja az összes ezeket a dolgokat is.

300
00:16:54,640 --> 00:16:59,340
Ők mind hardveresen gyorsított, így ha egy gép, amely valamilyen GPU,

301
00:16:59,340 --> 00:17:04,190
ami valószínűleg elég sok minden gép, akkor is kap az elmúlt 8 évben,

302
00:17:04,190 --> 00:17:07,609
fogsz tudni, hogy a hardver-gyorsított kimenet,

303
00:17:07,609 --> 00:17:11,770
vizuális kimenet CSS, Canvas, SVG.

304
00:17:11,770 --> 00:17:14,339
Mindazok a dolgok mennek a hardveres gyorsítás

305
00:17:14,339 --> 00:17:16,060
és lehet, hogy sokkal gyorsabb és hatékonyabb.

306
00:17:16,060 --> 00:17:20,440
A rövid változat mindez - Én nem megyek át minden egyes dolog itt -

307
00:17:20,440 --> 00:17:23,200
Ha látod, hogy ezen a listán, ha meg tudod csinálni azt IE10,

308
00:17:23,200 --> 00:17:25,650
Ha ez egy webes alkalmazás, futsz, hogy működik IE10,

309
00:17:25,650 --> 00:17:28,640
ez valami, amit tehetünk, mint a Windows Store app.

310
00:17:28,640 --> 00:17:33,100
És ez nagyjából azt. Tehát, ha működik az IE10, hogy fog működni, mint a Windows Store app.

311
00:17:33,100 --> 00:17:36,370
Ez az asztalra, mint valami, amit lehet használni.

312
00:17:36,370 --> 00:17:40,510
>> Sok itt. Nincs éjfélig, így nem tudok felül itt minden.

313
00:17:40,510 --> 00:17:44,060
De vannak olyan oldalak, amelyek segítenek megérteni, mi ezeket a dolgokat tehetünk,

314
00:17:44,060 --> 00:17:45,520
és megmutatom neked az egyik közülük a második.

315
00:17:45,520 --> 00:17:48,410
Csak azt akartam rámutatni néhány a legfontosabb dolog, hogy meg lehet nézni.

316
00:17:48,410 --> 00:17:51,560
Lehet, hogy már láttam néhány ilyen a tanulmányok,

317
00:17:51,560 --> 00:17:56,610
de ezek igazán hasznos, különösen a Windows Store alkalmazások, a CSS oldalon.

318
00:17:56,610 --> 00:18:02,420
Tehát, hogy képes megtenni transzformáció és átmenetek nyújtanak mozgás animáció -

319
00:18:02,420 --> 00:18:07,010
ezek mind részét képezik a CSS, és most ők mind támogatja a modern böngészők,

320
00:18:07,010 --> 00:18:11,370
és IE10 és IE9 hozzá támogatást idővel az ezeket a dolgokat.

321
00:18:11,370 --> 00:18:15,220
És miért írja meg magad, hogy miért megy végig a baj csinál ezeket a dolgokat kézzel

322
00:18:15,220 --> 00:18:19,970
ha jönne egy egyszerű CSS átalakítani, hogy egy 3D-s hatást az alkalmazás?

323
00:18:19,970 --> 00:18:22,740
Remek. Ez így működik.

324
00:18:22,740 --> 00:18:24,530
Nem tudom azt, hogy ez sokkal nehezebb, mint ezt.

325
00:18:24,530 --> 00:18:28,330
Ha tudod, hogyan kell csinálni a CSS, tudod, hogyan kell csinálni a Windows Store app.

326
00:18:28,330 --> 00:18:32,080
>> Túlmenően, hogy az elrendezés, a dolgok, mint akár a boltban app,

327
00:18:32,080 --> 00:18:35,350
de túlmenő, nézett talán egy hír app, ami megmutatja, cikkek

328
00:18:35,350 --> 00:18:40,160
vagy recepteket, vagy ilyesmi, ezek más jellegű funkciók CSS igazán hasznos:

329
00:18:40,160 --> 00:18:45,610
Rács, Flexbox, CSS Régiók inkább egy viszonylag új szabvány is.

330
00:18:45,610 --> 00:18:51,190
Ezek a dolgok mind fog segíteni feküdt ki tartalmat és az áramlás tartalmi szakaszok között,

331
00:18:51,190 --> 00:18:55,470
tudja megtenni, tördelés és elválasztás nélkül érzed, hogy írni a dolgokat magad.

332
00:18:55,470 --> 00:18:57,500
Csak azt mondom, "Kérem, tegye a következőket értem,"

333
00:18:57,500 --> 00:19:00,850
és a képernyő ingatlan más különböző gépek

334
00:19:00,850 --> 00:19:03,850
vagy látni fogod, egy pillanat, ahogy dobott egy alkalmazás

335
00:19:03,850 --> 00:19:07,920
, hogy kisebb mennyiségű hely a képernyőn, ez nem probléma a CSS.

336
00:19:07,920 --> 00:19:11,160
Meg lehet kihasználni - we'll beszélni média lekérdezések a második -

337
00:19:11,160 --> 00:19:15,880
akkor vigyázni dolgok áthelyezése a tartalom, áramló tartalom régiókban

338
00:19:15,880 --> 00:19:21,240
csak ezeket a dolgokat, amit lehet, hogy már láttam a webes technológia.

339
00:19:21,240 --> 00:19:25,470
>> A HTML5 oldalon, ott is egy csomó dolgot

340
00:19:25,470 --> 00:19:28,140
, hogy lesz nagyon hasznos az Ön számára a Windows Store alkalmazások.

341
00:19:28,140 --> 00:19:30,980
Ismét nem megy át az összes ilyen, de ők csak itt.

342
00:19:30,980 --> 00:19:35,470
Tehát, ha kell használni, audio-video, ha meg akarja csinálni érvényesítési formáit,

343
00:19:35,470 --> 00:19:40,570
Helymeghatározás, az összes dolog, amit tehetünk a JavaScript JavaScript-5-ös vagy ECMAScript 5

344
00:19:40,570 --> 00:19:44,070
IndexedDB helyi tárolására - ezek az összes lehetőséget az Ön számára.

345
00:19:44,070 --> 00:19:49,300
Ha keres választ, csak nézd a meglévő technológiák a HTML5 és a CSS

346
00:19:49,300 --> 00:19:53,880
és megtalálod könnyebben választ, mint ha dobni egy csomó, amely magadnak.

347
00:19:53,880 --> 00:19:55,510
Hadd mutassam meg egy kicsit itt.

348
00:19:55,510 --> 00:19:57,920
Van egy oldal, mehetünk.

349
00:19:57,920 --> 00:20:01,590
Hadd kilép ebből a dia egy pillanatra.

350
00:20:01,590 --> 00:20:06,450
>> Ha elmegyünk IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Én nem sok a demo itt.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com valóban megmutatja sok mi újság IE10,

353
00:20:14,360 --> 00:20:16,220
A dolog, amit tehetünk.

354
00:20:16,220 --> 00:20:19,130
Szerintem ez nagyon hasznos, mert olvasás helyett egy csokor fehér papír,

355
00:20:19,130 --> 00:20:23,020
nézd meg egy pár demó, és ez segíteni fog tenni, hogy a saját személyes radar

356
00:20:23,020 --> 00:20:26,620
arról, hogy a technológia értelme is csinálni többé kutatás

357
00:20:26,620 --> 00:20:29,070
így meg fogod érteni, "Látom, mi ez az."

358
00:20:29,070 --> 00:20:32,780
"Úgy értem, mi Request animáció Frame nem értem."

359
00:20:32,780 --> 00:20:36,900
"Én értem, hogy tudtam használni régiók vagy SVG szűrők."

360
00:20:36,900 --> 00:20:40,190
Látod őket akció közben, látni őket egy példa erre,

361
00:20:40,190 --> 00:20:44,930
és döntsd el magad, ha ez lesz hasznos az Ön számára a saját projektek és azon túl

362
00:20:44,930 --> 00:20:47,840
ahogy továbbra is együttműködik webes technológia.

363
00:20:47,840 --> 00:20:49,900
Itt is csak arra kérjük Önt, hogy vessen egy pillantást.

364
00:20:49,900 --> 00:20:52,880
Én nem hiszem, sok időt töltenek tényleges futás ezek.

365
00:20:52,880 --> 00:20:56,030
Van elég megmutatni kódot írni.

366
00:20:56,030 --> 00:21:01,640
Látni fogod, itt a dolgokat érintés hatások érintés-alapú játékokat, hogy részben,

367
00:21:01,640 --> 00:21:06,050
animáció, nagyon gyors hardver-gyorsított animáció ott,

368
00:21:06,050 --> 00:21:11,230
Néhány optimalizálás, hogy látni fogod, ezek közül néhány minta is,

369
00:21:11,230 --> 00:21:12,770
és van még sok-sok más.

370
00:21:12,770 --> 00:21:15,330
Ha megy ide, és nyissa meg a helyszínt térképet,

371
00:21:15,330 --> 00:21:19,070
ott csak egy nevetséges számú mintát itt.

372
00:21:19,070 --> 00:21:20,690
Láthatjuk őket itt.

373
00:21:20,690 --> 00:21:22,900
Ha keresel valamit, vagy hallott valamit

374
00:21:22,900 --> 00:21:25,850
, és kíváncsiak vagytok, talán ez lenne valami jó használni az alkalmazást,

375
00:21:25,850 --> 00:21:31,720
üsd itt, és valószínűleg egy nagyon jó demo, hogy mentse magát egy kis ideig.

376
00:21:31,720 --> 00:21:35,980
>> Oké? Bármilyen kérdése eddig az emberek itt?

377
00:21:35,980 --> 00:21:39,620
Oké. Fogunk folytatni itt.

378
00:21:39,620 --> 00:21:41,920
Ismét, csak nézzétek meg.

379
00:21:41,920 --> 00:21:45,450
Ezek a webes szabványokat, így megy minden más bemutató helyek, hogy tudod, hogy a

380
00:21:45,450 --> 00:21:50,550
és nézd meg, ezek a technológiák értelme az, hogy mit akar csinálni.

381
00:21:50,550 --> 00:21:53,190
>> Vissza a diák.

382
00:21:53,190 --> 00:22:00,290
Igaz, akkor mozog egy webes világban, hogy tényleg egy telepített helyi alkalmazást világban,

383
00:22:00,290 --> 00:22:01,850
így van néhány dolog, hogy pont itt.

384
00:22:01,850 --> 00:22:03,690
Először is, nincs webszerver szó itt.

385
00:22:03,690 --> 00:22:06,120
Nincs Apache, nincs IIS fut itt

386
00:22:06,120 --> 00:22:10,170
szolgálja ki oldalakat egy távoli ügyfél, hogy a távoli böngészőn ügynök.

387
00:22:10,170 --> 00:22:13,000
Ebben az esetben tényleg minden van csomagolva az Ön számára.

388
00:22:13,000 --> 00:22:16,630
Azt állítják, hogy mivel az alkalmazás a boltba, nem lesz hiteles,

389
00:22:16,630 --> 00:22:22,190
ez ki a boltban, és akkor az emberek a több ezer telepíti a játékot, vagy a kb.

390
00:22:22,190 --> 00:22:24,780
De alapvetően, ők húzza le helyileg a gép.

391
00:22:24,780 --> 00:22:29,080
Nem kell, hogy menjen el a weben már, ha nincs hívás, hogy szükség van a távoli API,

392
00:22:29,080 --> 00:22:31,790
és ez teljesen normális is túl.

393
00:22:31,790 --> 00:22:35,330
De nem lesz abban a módban, ahol kell menni kérésére válasz szerveren

394
00:22:35,330 --> 00:22:37,910
hogy a következő oldalra a tartalmat.

395
00:22:37,910 --> 00:22:41,380
Tehát, hogy azt mondta, van néhány kisebb API különbség. Ezek a hihetetlenül csekély.

396
00:22:41,380 --> 00:22:46,850
Ők valószínű, hogy eltalált a normál kódolás, de ők legalább dokumentálva.

397
00:22:46,850 --> 00:22:50,030
Ők fajta él esetekben.

398
00:22:50,030 --> 00:22:53,370
>> A másik dolog, amit érdemes kiemelni a bizalom különbségeket.

399
00:22:53,370 --> 00:22:58,070
Csak említem ezt, mert én csak azt szeretném, hogy biztos, hogy azt mondta, hogy

400
00:22:58,070 --> 00:23:01,580
így ha befut később, azt fogod hinni, "Chris mondott valamit erről,

401
00:23:01,580 --> 00:23:04,890
"Így talán, igen, oké," és akkor menj vissza, és megtudja, mi volt az.

402
00:23:04,890 --> 00:23:06,480
Kontextusok számít.

403
00:23:06,480 --> 00:23:11,450
Alapértelmezésben próbáljuk megvédeni a felhasználót a vektorok támadás.

404
00:23:11,450 --> 00:23:13,400
Vannak bizonyos dolgok, amit tehetünk, alapértelmezés szerint

405
00:23:13,400 --> 00:23:16,130
és bizonyos dolgokat meg kell változtatni összefüggésben lehetővé.

406
00:23:16,130 --> 00:23:19,860
Ahogy már használ valamilyen könyvtárak odakint - you've már dolgozik jQuery,

407
00:23:19,860 --> 00:23:23,650
de ha megnézed a többi könyvtárak ott - lehet, hogy használ valamilyen funkciót

408
00:23:23,650 --> 00:23:28,000
ez a fajta túlmutat a helyi szokások, nem dinamikusabb kölcsönhatások

409
00:23:28,000 --> 00:23:30,360
XHR kéri, ilyesmi.

410
00:23:30,360 --> 00:23:33,090
Néha lehet találni azokat le lesz tiltva alapértelmezésben

411
00:23:33,090 --> 00:23:37,790
és ebben az esetben, csak nem a keresés, meg a helyi és a webes összefüggésben

412
00:23:37,790 --> 00:23:39,560
és megtudhatja, hogyan lehet javítani.

413
00:23:39,560 --> 00:23:42,580
Csak győződjön meg róla, hogy tudott arról, hogy amint elkezdi használni, más keretek között,

414
00:23:42,580 --> 00:23:45,720
amely, meg kell említenem, akkor tökéletesen képes.

415
00:23:45,720 --> 00:23:49,290
Tehát, ha találsz egy másik keretet - we'll beszélni ezt a második -

416
00:23:49,290 --> 00:23:54,000
a játék, és szeretné használni, hogy a használni kívánt bizonyos ellenőrzési könyvtárak, amelyek odakint

417
00:23:54,000 --> 00:23:57,990
és nem akar írni, hogy a cucc egyedül -, hogy ez egy jó ötlet, nem? -

418
00:23:57,990 --> 00:23:59,560
akkor teljesen használni ezt a cuccot.

419
00:23:59,560 --> 00:24:03,660
Semmi sem tart vissza bármely olyan könyvtár, ami alapján a JavaScript,

420
00:24:03,660 --> 00:24:05,380
CSS, HTML5.

421
00:24:05,380 --> 00:24:09,740
Ismét, ha ez az, amit tehetünk az IE10, ami a fene sok ezekben a napokban,

422
00:24:09,740 --> 00:24:11,220
meg tudod csinálni.

423
00:24:11,220 --> 00:24:14,800
Húzd be app, utalás arra, hogy JavaScript könyvtár, és használja az alkalmazásban,

424
00:24:14,800 --> 00:24:19,880
csak szem előtt tartva lehet megüt a biztonsági környezet egyszer-egyszer - nem túl gyakran.

425
00:24:19,880 --> 00:24:24,150
>> És akkor a funkciók, megyünk át néhány több ilyen, ahogy haladunk.

426
00:24:24,150 --> 00:24:27,500
Az UX akkor milyen szokni, ahogy egyre több és több alkalmazás

427
00:24:27,500 --> 00:24:29,250
a Windows Store.

428
00:24:29,250 --> 00:24:33,870
Kapsz egy érezni, hogy hogyan működnek, és hogyan az esztétikus inkább dolgozni

429
00:24:33,870 --> 00:24:37,720
különböző alkalmazások és amit az emberek fogják használni tapasztal.

430
00:24:37,720 --> 00:24:39,660
Ez nagyon fontos része.

431
00:24:39,660 --> 00:24:42,460
Győződjön meg arról, hogy amikor tűz ki a app nem kell olvasni egy kézikönyvet,

432
00:24:42,460 --> 00:24:44,300
amelyet soha nem mellesleg.

433
00:24:44,300 --> 00:24:46,650
Ezeket csak tudja, hogy kezdj el játszani az alkalmazás

434
00:24:46,650 --> 00:24:49,450
és kitalálni, hogy ki nem sok nehézséget.

435
00:24:49,450 --> 00:24:52,660
A ragasztás, és ragaszkodnak a sok ilyen gyakorlat,

436
00:24:52,660 --> 00:24:57,640
fogsz tenni a felhasználók számára a nagy szívességet, megkönnyíti mindezt.

437
00:24:57,640 --> 00:25:01,810
>> Oké. Még egy utolsó dolog, amit az API oldalon, majd mi lesz a tényleges kódot írni.

438
00:25:01,810 --> 00:25:05,660
WinJS az, hogy a dolog már említettem, nagyon röviden, hogy a komplex slide

439
00:25:05,660 --> 00:25:08,850
azokkal a különböző döntéseket, hogy van készítésére alkalmazásokhoz.

440
00:25:08,850 --> 00:25:10,890
WinJS, akkor gondolni rá, mint egy haver.

441
00:25:10,890 --> 00:25:13,680
Ez a barátja, hogy segítsen írni dolgokat gyorsabban.

442
00:25:13,680 --> 00:25:18,820
Ez csak a JavaScript és CSS. Nem kell használni. Használhatja.

443
00:25:18,820 --> 00:25:22,180
Ha megy, hogy hívja a Windows funkciók, akkor a végén használja,

444
00:25:22,180 --> 00:25:27,210
de ha vannak dolgok, mint egy tervezési mintákat, vagy ellenőrzés, hogy tényleg nem akarja használni,

445
00:25:27,210 --> 00:25:29,090
szeretné használni valami mást, ez rajtad múlik.

446
00:25:29,090 --> 00:25:32,580
Döntse el, mit szeretne használni, és a stílus, amit használni kíván.

447
00:25:32,580 --> 00:25:37,250
A funkciók a namespacing és az osztály generáció - rajtad múlik.

448
00:25:37,250 --> 00:25:41,650
Ha inkább az egyik vagy a másik, ez teljesen az Ön választása. Még mindig JavaScript és CSS.

449
00:25:41,650 --> 00:25:43,860
De ez megy, hogy segítsen csinálni egy csomó dolgot.

450
00:25:43,860 --> 00:25:47,780
Például, itt van egy része, amit tehet,

451
00:25:47,780 --> 00:25:50,790
dolgok, mint segíti aszinkron programozás ígér.

452
00:25:50,790 --> 00:25:54,000
Bármelyik hallott vagy dolgozott Node.js?

453
00:25:54,000 --> 00:25:59,520
Ez egy gyakori minta dolgozni aszinkron programozás.

454
00:25:59,520 --> 00:26:02,370
Tehát alapvetően mit mondani, "Menj valami,

455
00:26:02,370 --> 00:26:05,790
"És fogsz adni nekem egy ígéretet, hogy akkor vissza hozzám, ha végeztél."

456
00:26:05,790 --> 00:26:08,400
Ez lényegében mi folyik itt.

457
00:26:08,400 --> 00:26:12,400
Szóval nem fagy be a kérelmet, amíg a felhasználó megy, és felvette a fájl

458
00:26:12,400 --> 00:26:15,810
vagy valami van áramlott le az internetről.

459
00:26:15,810 --> 00:26:17,210
A felhasználói felület is érzékeny.

460
00:26:17,210 --> 00:26:19,410
És meg tudod csinálni, hogy segítségével aszinkron programozás.

461
00:26:19,410 --> 00:26:23,620
Úgy hangzik, nevetségesen bonyolult, de ez nagyon egyszerű, mert a 'használ ígéretek

462
00:26:23,620 --> 00:26:27,900
és csak azt mondja: "Menj ezt, és ha végeztél, hívja vissza ezt a módszert."

463
00:26:27,900 --> 00:26:30,270
Ez nagyjából azt. Ez minden épített WinJS.

464
00:26:30,270 --> 00:26:35,120
Úgy megy, hogy ez egy sokkal könnyebb írni nagyon rugalmas és hatékony alkalmazások.

465
00:26:35,120 --> 00:26:37,870
>> Láthatjuk a többi itt, sok animációk.

466
00:26:37,870 --> 00:26:41,240
Valószínűleg az egyik fontosabb dolgok ezen a dián is ellenőrzéseket.

467
00:26:41,240 --> 00:26:44,680
Azt hiszem, van egy egész - Igen, tudom.

468
00:26:44,680 --> 00:26:48,900
Íme egy példa a csak néhány az ellenőrzések, amelyek segítségével az alkalmazások.

469
00:26:48,900 --> 00:26:51,060
Ez mind egyenesen felfelé WinJS.

470
00:26:51,060 --> 00:26:53,430
Nem írni ezeket magatokat,

471
00:26:53,430 --> 00:26:55,990
csak azt mondja: "Itt van, hogyan akarja írni az alkalmazás."

472
00:26:55,990 --> 00:26:59,420
"Fogom használni flip nézetet, így tudok menni a különböző képeket."

473
00:26:59,420 --> 00:27:03,380
Nem jelenik meg szemantikus zoom. Megmutatom, hogy a második.

474
00:27:03,380 --> 00:27:05,700
Listanézetben. Van GridViews.

475
00:27:05,700 --> 00:27:08,680
Már láttam a rács részeként a Store alkalmazás,

476
00:27:08,680 --> 00:27:12,170
így tudja használni blokkokat tartalmi és görgetés át, hogy.

477
00:27:12,170 --> 00:27:15,660
Leporelló menü látni fogja időről időre.

478
00:27:15,660 --> 00:27:19,090
Az app bar megmutattam neked, hogy Fresh Paint alkalmazást is,

479
00:27:19,090 --> 00:27:22,190
így látta, hogyan lehet testreszabni hogy azáltal, hogy a gombok rajta

480
00:27:22,190 --> 00:27:26,360
és miután a rejtőzködő el, ha nem érdekel, hogy azt használd.

481
00:27:26,360 --> 00:27:28,120
Ez tényleg teljesen rajtad múlik, hogy használja.

482
00:27:28,120 --> 00:27:30,210
Ezek mind olyan ellenőrzések, amelyek részei a WinJS.

483
00:27:30,210 --> 00:27:33,640
Megmutatom, hogyan lehet ezeket csak a második, de ez több, mint ez,

484
00:27:33,640 --> 00:27:37,060
és a legfontosabb dolog, hogy használja őket, ha akarod, csak egy kis időt.

485
00:27:37,060 --> 00:27:40,830
>> Ha van más ellenőrzési könyvtárakat szeretne használni, ez tökéletesen is.

486
00:27:40,830 --> 00:27:46,300
Dolgok, mint jQuery UI nem sok ilyen ötlet is,

487
00:27:46,300 --> 00:27:51,280
amely több ellenőrzést, amelyek kiterjesztik mit tehet a HTML és a JavaScript.

488
00:27:52,690 --> 00:27:55,680
Nézzük merülni be, amit már mondtam, hogy az. Használni, amit szeretne.

489
00:27:55,680 --> 00:27:59,680
Csak tartsd észben, hogy lehet, hogy befut néhány összefüggésben kérdéseket.

490
00:27:59,680 --> 00:28:03,380
De természetesen keverheted bármilyen típusú könyvtárak Ön kényelmesen,

491
00:28:03,380 --> 00:28:06,770
szeretne tanulni, használni kívánt, hogy mentse magát egy kis időt.

492
00:28:06,770 --> 00:28:09,850
>> Beszéljünk eszközei, csak egy pillanatra.

493
00:28:09,850 --> 00:28:12,400
Lehet kapni, amit meg kell kezdeni dolgozni a Windows Store alkalmazások.

494
00:28:12,400 --> 00:28:17,360
Ha visszamegyek, én már túl sok dolgot itt.

495
00:28:17,360 --> 00:28:21,770
Ha megy, hogy ezt az oldalt, ami dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
letöltheti mindent amire szüksége van.

497
00:28:23,300 --> 00:28:28,170
Mivel a diákok, van hozzáférése több, mint a nagyközönség számára nem,

498
00:28:28,170 --> 00:28:30,670
így juthat magasabb végén a Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Edwin említette akkor már kap a Windows is.

500
00:28:34,090 --> 00:28:36,790
De általában, minden a fejlesztők, akkor menjen ezen az oldalon

501
00:28:36,790 --> 00:28:40,380
és töltse le mindent meg kell tenni a kérelmet, és ez mind ingyen.

502
00:28:40,380 --> 00:28:42,460
Tehát van egy ingyenes verziója a Visual Studio,

503
00:28:42,460 --> 00:28:44,450
vannak olyan eszközök, amelyek telepítését mellett, hogy -

504
00:28:44,450 --> 00:28:47,240
mindent meg kell, hogy teszteljük az alkalmazás.

505
00:28:47,240 --> 00:28:50,130
Ez csak akkor fogsz, hogy tegye közzé az alkalmazás akár a boltba

506
00:28:50,130 --> 00:28:52,470
hogy Ön lesz szüksége a fejlesztői fiók.

507
00:28:52,470 --> 00:28:56,100
Ez is azt hiszem ingyenes. Vajon szabad a diákok is? >> [Guarin] Melyiket?

508
00:28:56,100 --> 00:28:57,970
A fejlesztő számla tényleges benyújtása. >> [Guarin] Igen.

509
00:28:57,970 --> 00:28:59,580
Ez több jó hír.

510
00:28:59,580 --> 00:29:00,840
Majd menj nézd meg ezt.

511
00:29:00,840 --> 00:29:03,840
Azt fogják mondani egy egyedi alapértelmezés szerint ez a 49 $.

512
00:29:03,840 --> 00:29:06,140
De ne iratkozzon fel, hogy, mint egy diák.

513
00:29:06,140 --> 00:29:10,250
Majd neked egy kis információt az Ön programjain keresztül, hogy lehet kapni egy számlát ingyen,

514
00:29:10,250 --> 00:29:13,980
, és amely segítségével majd küldje az alkalmazások egészen a boltba,

515
00:29:13,980 --> 00:29:17,370
annyi, amennyit csak akar, és minden, hogy a jóság is hamarosan követi.

516
00:29:17,370 --> 00:29:19,710
Szóval ez dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Letöltheti az eszközöket, hogy szükség lehet innen.

518
00:29:22,170 --> 00:29:25,310
És ha akarod, akkor kap egy próba-változat a Windows van,

519
00:29:25,310 --> 00:29:27,160
de a lényeg, akkor nem kell.

520
00:29:27,160 --> 00:29:32,880
>> A másik oldalon - hadd pont ezt ki gyorsan - a design.windows.com.

521
00:29:32,880 --> 00:29:34,770
Ez dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, akkor hiszem, hogy mire való.

523
00:29:37,770 --> 00:29:40,380
Ez valójában egy nagyon barátságos hely. Van egy csomó jó információt itt.

524
00:29:40,380 --> 00:29:41,770
Lehet dolgozni rajta.

525
00:29:41,770 --> 00:29:43,960
Ez fog adni neked néhány tanácsot bizonyos dolgokat

526
00:29:43,960 --> 00:29:46,760
hogy talán még nem is gondoltam korábban, vagy meg kellett küzdenie előtt,

527
00:29:46,760 --> 00:29:50,780
mint a tervezés, a tapintás, tervezése különböző kivitelben,

528
00:29:50,780 --> 00:29:55,310
tervezése a képességeit a Windows 8, a dolgokat, amiket korábban említettem

529
00:29:55,310 --> 00:29:58,740
mint a keresés és a megosztás, néhány dolog, hogy én nem beszéltem még.

530
00:29:58,740 --> 00:30:05,570
Ők az összes itt felsorolt, és ez egy nagyon jó sor hasznos fájl oldalak

531
00:30:05,570 --> 00:30:08,670
, amely segít megérteni, hogyan lehet egy bizonyos fajta alkalmazás,

532
00:30:08,670 --> 00:30:14,250
hogyan kell csinálni interakció, hogyan kell kezelni a UI és UX az alkalmazás.

533
00:30:14,250 --> 00:30:18,630
Azt javaslom, hogy vessen egy pillantást erre, különösen akkor, ha egy bizonyos ponton

534
00:30:18,630 --> 00:30:22,960
remélve, hogy közzé egy alkalmazás a boltba.

535
00:30:22,960 --> 00:30:25,250
Fogsz szeretné tudni, hogyan, hogy egy jó alkalmazás

536
00:30:25,250 --> 00:30:28,300
mert azt korábban említettem, ha nem, van azokra a visszajelzésekre újra.

537
00:30:28,300 --> 00:30:29,930
Az emberek lesz boldogtalan.

538
00:30:29,930 --> 00:30:32,960
Ők nem tudják, hogy a dolgok, hogy várnak a megfelelő helyeken.

539
00:30:32,960 --> 00:30:36,590
Senki nem akarja, hogy ez megtörténjen veled.

540
00:30:36,590 --> 00:30:39,220
>> Halad előre itt, hadd zárja le.

541
00:30:39,220 --> 00:30:43,700
Most, hogy tudod, hogy hol kap a dolgokat, meg fogom mutatni, hogyan kell ténylegesen kezdeni a dolgokat.

542
00:30:43,700 --> 00:30:48,520
Először, én valóban azt mutatják, itt egy példa az asztali alkalmazásokat a Start képernyőn.

543
00:30:48,520 --> 00:30:53,600
Itt látható a Visual Studio, láthatjuk Blend és más fejlesztői eszközöket, hogy van.

544
00:30:53,600 --> 00:30:55,890
Nekik van egy kicsit más csempe.

545
00:30:55,890 --> 00:30:57,930
Ez azért van, mert a desktop alkalmazások,

546
00:30:57,930 --> 00:31:00,960
és ezekben az esetekben mindannyian fog indítani vissza az asztalra

547
00:31:00,960 --> 00:31:05,350
tényleg ahogy apps, hogy van szokva.

548
00:31:05,350 --> 00:31:06,960
Így a Windows élmény, ez ugyanaz a dolog.

549
00:31:06,960 --> 00:31:12,940
Ezek nem, például, mint a fegyveres! vagy ezeket a dolgokat. Hadd dob egyet gyorsan.

550
00:31:12,940 --> 00:31:14,340
Igazából, itt van egy érdekes.

551
00:31:14,340 --> 00:31:19,210
Ezt fejlesztette ki a diákok dolgoznak partnerség NERD.

552
00:31:19,210 --> 00:31:23,430
Teljes képernyős alkalmazás, az ilyen jellegű tapasztalatokat itt.

553
00:31:23,430 --> 00:31:26,290
Ó, szép vágott képernyők és mindenféle szórakoztató dolgokat.

554
00:31:26,290 --> 00:31:34,330
Ők fejlesztették ezt. Akár azt is mutatják az egészet, miközben már itt tartunk.

555
00:31:37,510 --> 00:31:41,070
Ami azt illeti, én dolgoztam velük egy kicsit, adott nekik néhány tanácsot a dolgokat

556
00:31:41,070 --> 00:31:44,160
mert csinálnak JavaScript alkalmazásáról.

557
00:31:44,160 --> 00:31:46,460
Kérlek, én nem beszámítva a munkájuk, ők minden munkát.

558
00:31:46,460 --> 00:31:48,990
Adtam nekik egy kis tanácsot itt-ott,

559
00:31:48,990 --> 00:31:52,400
de nem valami nagy dolog használatával JavaScript front-end

560
00:31:52,400 --> 00:31:56,920
és árukapcsolás néhány fizikai motor, és a dolgok, hogy sok ez a munka.

561
00:32:00,120 --> 00:32:03,360
Go. Lássuk, hogy működik.

562
00:32:03,360 --> 00:32:07,010
Wow, még mindig működött. Rendben, jó. De az ötlet.

563
00:32:07,010 --> 00:32:09,350
A teljes képernyős alkalmazás, egy igazán jó élmény.

564
00:32:09,350 --> 00:32:14,250
Ez támogatása nem csak az egér és a toll, ha van ilyesmi, hanem érjen.

565
00:32:14,250 --> 00:32:19,420
Ha lenne egy érintőképernyős, én is csak felhívni rá, és folytathatja a munkát vele.

566
00:32:19,420 --> 00:32:21,440
>> Egy dolgot nem mutatott, és hogy miért hozom ezt fel

567
00:32:21,440 --> 00:32:23,840
hogy én akartam, hogy egy app, hogy mutassa meg, mit tehetünk,

568
00:32:23,840 --> 00:32:29,480
akkor valóban venni alkalmazások Windows és húzza őket az oldalon a képernyő.

569
00:32:29,480 --> 00:32:33,070
Ezt nevezik harapós egy alkalmazás.

570
00:32:33,070 --> 00:32:37,800
Ebben az esetben, vettem Inkarus és én hozzá, hogy az oldalon állunk.

571
00:32:37,800 --> 00:32:42,990
Ez most a Snap nézetben, és amely lehetővé teszi számomra, hogy valami mást, miközben az alkalmazás van.

572
00:32:42,990 --> 00:32:46,210
A legtöbb játék talál majd egyszerűen megáll.

573
00:32:46,210 --> 00:32:51,090
Ez általában egy tisztességes dolog, kivéve, ha a játék valahogy kicsinyíteni

574
00:32:51,090 --> 00:32:54,210
az, hogy kicsi a felbontás, mint esetleg valamilyen társasjátékok

575
00:32:54,210 --> 00:32:55,620
vagy ilyesmi alkalmanként.

576
00:32:55,620 --> 00:32:58,570
De általában, a legegyszerűbb dolog, és a legmegfelelőbb dolog játékok

577
00:32:58,570 --> 00:33:00,620
hogy szünet az alkalmazás.

578
00:33:00,620 --> 00:33:09,440
Az olyan alkalmazások, mint a hírek apps, ha indítani ezt, és aztán pattintsa,

579
00:33:09,440 --> 00:33:16,170
látni fogja, hogy valóban változik jelentősen, hogyan is bemutatja az adatokat az Ön számára.

580
00:33:16,170 --> 00:33:20,070
Itt megmutatja neked tényleg egy függőleges pan, hogy az információ,

581
00:33:20,070 --> 00:33:23,340
de még most is teljesen használni az alkalmazást.

582
00:33:23,340 --> 00:33:25,640
Tehát ez még mindig nagyon hasznos.

583
00:33:25,640 --> 00:33:29,870
Az a tény, hogy ez egy kisebb céllal nem tart engem attól, hogy kb. Tehát gondolj rá.

584
00:33:29,870 --> 00:33:32,090
Ez valami olyasmi, amit kell, hogy a apps tennie bizonyos mértékig,

585
00:33:32,090 --> 00:33:35,370
de ez rajtad múlik, hogy meghatározza, hogy a funkcionális apps kell

586
00:33:35,370 --> 00:33:39,080
az a fajta, hogy egy kisebb környezetben.

587
00:33:39,080 --> 00:33:44,780
Hadd zárja azt le, és menj vissza, ahol voltunk itt.

588
00:33:44,780 --> 00:33:48,110
>> Edwin, meg hozzá egy fotó rólam már? >> [Guarin] Igen. >> [Bowen] Nézd meg ezt.

589
00:33:48,110 --> 00:33:51,510
Látod? Edwin hozzá egy fénykép. [Nevet]

590
00:33:51,510 --> 00:33:54,410
>> Menjünk vissza ide, a Visual Studio. Hadd indítani ezt neked.

591
00:33:54,410 --> 00:33:58,170
Tudtam volna rákattintottam a lapkát, hogy a Start képernyőn.

592
00:33:58,170 --> 00:34:02,630
Ez hozott vissza Asztal módot, és ez indít a desktop app a Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Ez a Windows, hogy már tudja.

594
00:34:06,790 --> 00:34:09,100
Tudok menni előre, és hozzon létre egy projektet itt.

595
00:34:09,100 --> 00:34:11,159
Majd összpontosítani újra JavaScript, HTML.

596
00:34:11,159 --> 00:34:16,510
Én megyek, és válassza ki itt alatt a JavaScript, a Windows Store.

597
00:34:16,510 --> 00:34:19,010
Van egy sor sablonok segítségével.

598
00:34:19,010 --> 00:34:21,710
A termelékenység, azt ajánljuk, hogy vessen egy pillantást néhány ilyen más is itt

599
00:34:21,710 --> 00:34:23,489
mint a rács és a Splittől.

600
00:34:23,489 --> 00:34:25,270
Ők igazán hasznos, ha a kérelem benyújtására

601
00:34:25,270 --> 00:34:28,960
ez megy, hogy ez a fajta design és a navigáció. Majd ezeket a sokat.

602
00:34:28,960 --> 00:34:33,070
Az egyik én csak azt mutatta, hogy valójában egy példánya a grid alkalmazás.

603
00:34:33,070 --> 00:34:36,880
Tehát, ha azt hiszed, hogy lesz, hogy egy hír app, vagy egy RSS-olvasó

604
00:34:36,880 --> 00:34:43,120
vagy valami ilyesmi, hogy foglalkozik a többszörös adatokat, amelyek meg szeretné mutatni a részleteket,

605
00:34:43,120 --> 00:34:45,989
gondol használ egy ilyen sablonok az induláshoz gyorsan

606
00:34:45,989 --> 00:34:48,380
és testre onnan.

607
00:34:48,380 --> 00:34:50,120
De csak azért, hogy mutassa meg az összes mozgó alkatrész van

608
00:34:50,120 --> 00:34:56,120
Fogom létrehozni az üres alkalmazást, majd elmegyünk egy kicsit mélyebbre a részleteket.

609
00:34:56,120 --> 00:34:58,690
Csak így, hogy az üres alkalmazást.

610
00:34:58,690 --> 00:35:01,270
Ez létre fog hozni az egész projekt számomra.

611
00:35:01,270 --> 00:35:03,290
Kinyitom a dolgokat, hogy azt akarom megmutatni, alapértelmezés szerint.

612
00:35:03,290 --> 00:35:08,550
Hadd nagyítani egy kicsit, hogy mutassa meg, mi teremtett minket.

613
00:35:08,550 --> 00:35:11,350
Azok a dolgok, hogy fogsz nézni először minden default nevű.

614
00:35:11,350 --> 00:35:15,970
Szóval fogsz keresni default.html, default.js és default.css.

615
00:35:15,970 --> 00:35:19,590
A másik dolog, hogy rámutatni, hogy már van egy utalás, amit már korábban említettem.

616
00:35:19,590 --> 00:35:24,530
Ez WinJS. Senki valóban hívja ezt a hosszú nevét.

617
00:35:24,530 --> 00:35:27,710
Ez WinJS, Windows könyvtár JavaScript.

618
00:35:27,710 --> 00:35:29,530
Ha nyisd ki, akkor láthatjuk, hogy minden itt van.

619
00:35:29,530 --> 00:35:31,820
Van különböző CSS fájlok, ott JavaScript.

620
00:35:31,820 --> 00:35:33,520
Azért van ott, hogy segítsen ki.

621
00:35:33,520 --> 00:35:37,190
Ez tényleg ott van, hogy az ellenőrzések és a stílusok és dolgokat, hogy akkor csak használja automatikusan.

622
00:35:37,190 --> 00:35:41,240
De ismétlem, ha van dolog, amit szeretne használni, hanem mind a stílus és egyéb ellenőrzések,

623
00:35:41,240 --> 00:35:45,600
ez teljesen rajtad múlik. Megmutatom, hogyan kell használni egy pár ilyen dolog most.

624
00:35:45,600 --> 00:35:51,020
>> Visszatekintve rá a bal oldali, hadd mutassam meg az alapértelmezett HTML oldalt.

625
00:35:51,020 --> 00:35:54,490
Már láttam a WinJS dolgokat, és ez tényleg minden, ami folyik ott

626
00:35:54,490 --> 00:35:59,930
azokkal közepén vonalak jelölés, csak hozza a CSS alapértelmezés

627
00:35:59,930 --> 00:36:02,370
és így egy-két JavaScript fájlokat WinJS.

628
00:36:02,370 --> 00:36:06,400
Nem kell, hogy mestere, mi folyik odabent a fájlokat.

629
00:36:06,400 --> 00:36:10,110
Ez elég érdekes, hogy vessen egy pillantást rájuk, hogy milyen vizsgálja felül, hogy mi folyik ott

630
00:36:10,110 --> 00:36:14,410
mert elég érdekes, középhaladó és haladó technikákat folyik ott,

631
00:36:14,410 --> 00:36:18,100
de a szép dolog, hiszen a fejlesztők, akkor csak kihasználják őket, csak használja őket

632
00:36:18,100 --> 00:36:19,510
, és nem igazán kell aggódnod.

633
00:36:19,510 --> 00:36:21,960
Akkor is autót anélkül, hogy tudjuk, hogyan működik, ugye?

634
00:36:21,960 --> 00:36:24,180
Szóval ez az a fajta dolog, ami folyik itt.

635
00:36:24,180 --> 00:36:26,930
Van ellenőrzések és stílusokat, meg ilyesmi, hogy ha csak megy előre, és használata

636
00:36:26,930 --> 00:36:31,460
és a kód, melynek segítségével a második anélkül, hogy tudja, mi van benne.

637
00:36:31,460 --> 00:36:33,200
Itt vannak a saját fájljait.

638
00:36:33,200 --> 00:36:35,860
Ezek azok a helyek, amelyeket Ön módosíthatja a saját CSS

639
00:36:35,860 --> 00:36:38,400
és a saját JavaScript dolgokat gördülő.

640
00:36:38,400 --> 00:36:43,300
Nem lesz hozzá természetesen más JavaScript fájlokat és talán más CSS fájlok

641
00:36:43,300 --> 00:36:47,480
mivel a projekt növekszik, de ez tényleg csak egy kiindulási pont.

642
00:36:47,480 --> 00:36:52,570
Itt a Hello, world megfelelője HTML, szóval vissza a body tag.

643
00:36:52,570 --> 00:36:55,990
A legfelső, az út, ez a HTML5 doctype,

644
00:36:55,990 --> 00:37:00,060
így akkor felismerik, hogy abból, amit már dolgozik.

645
00:37:00,060 --> 00:37:04,600
Van teljes IntelliSense itt is, így ha olyan dolgokat, mint írja a video tag

646
00:37:04,600 --> 00:37:07,340
és bővíteni, hogy ki, akkor már valószínűleg értesült a tény,

647
00:37:07,340 --> 00:37:12,760
, amit meg kell tennie, tartalék kódolás videó címkék HTML5 - vagy lehet, hogy -

648
00:37:12,760 --> 00:37:17,490
annak érdekében, hogy a különböző böngészők támogatja a videó.

649
00:37:17,490 --> 00:37:22,610
Van a dolgok, mint ez az egész a HTML, az egész JavaScript, az egész CSS.

650
00:37:22,610 --> 00:37:26,020
Ez a beépített, és megmutatom CSS a második.

651
00:37:26,020 --> 00:37:29,430
Itt akkor megy előre, és elkezd módosító kódot, a jelölést.

652
00:37:29,430 --> 00:37:33,700
Sőt, mielőtt változtat semmin, fogom futtatni ezt, és mutassa meg, mit kap.

653
00:37:33,700 --> 00:37:35,700
Fogsz kapni egy splash képernyő, amely segítségével testreszabhatjuk

654
00:37:35,700 --> 00:37:40,940
és akkor kap a Helló, világ tapasztalata van. Ez fantasztikus, nem?

655
00:37:40,940 --> 00:37:42,640
Menj előre, és a hajó, igaz?

656
00:37:42,640 --> 00:37:45,970
Content megy itt. Ez az alapvető dolog.

657
00:37:45,970 --> 00:37:48,740
Ez csak jobb lehet onnan.

658
00:37:48,740 --> 00:37:51,300
Megyünk előre, és adjunk hozzá néhány dolgot.

659
00:37:51,300 --> 00:37:53,470
Van egy kis jelölő fogok másolni itt

660
00:37:53,470 --> 00:37:55,740
csak azért nem kell nézni engem gépelés.

661
00:37:55,740 --> 00:38:02,620
Hadd menjek, hogy ki a Toolbox itt, és én pin, mert én leszek ezt egy párszor.

662
00:38:02,620 --> 00:38:05,650
Toolbox, ha még nem látta a Visual Studio, hol fogsz találni egy csomó ellenőrzéseket.

663
00:38:05,650 --> 00:38:09,050
Azt is fel kódrészletek bele, hogy lehet újra.

664
00:38:09,050 --> 00:38:16,360
Itt én csak pop néhány más HTML, semmi szörnyen fejlett egyáltalán itt.

665
00:38:16,360 --> 00:38:20,170
Ez csak az alapvető HTML azt mondom, van egy input ahol beírhatja,

666
00:38:20,170 --> 00:38:23,860
Van egy gomb, ahol tudok be, és aztán van egy div, ami lényegében egy helykitöltő

667
00:38:23,860 --> 00:38:27,360
hogy tudom használni, hogy kiírja a "Hello, akkor írja ezt."

668
00:38:27,360 --> 00:38:32,780
Ez az intro HTML példa.

669
00:38:32,780 --> 00:38:39,340
Ha én vezetem ezt, akkor automatikusan megkapja a HTML-t, de mi is automatikusan megkapja stílus.

670
00:38:39,340 --> 00:38:42,270
Ez az egyik legfontosabb dolog a WinJS.

671
00:38:42,270 --> 00:38:47,250
Meg fog adni alapértelmezés néhány pillantást, és úgy érzi, hogy nagyon következetes

672
00:38:47,250 --> 00:38:50,520
a többi, amit a Windows 8 csinál.

673
00:38:50,520 --> 00:38:52,110
Itt látod a dolgokat, mint a gombot.

674
00:38:52,110 --> 00:38:55,890
A gomb alapértelmezésben HTML nem úgy néz ki, mint ez, de nem itt

675
00:38:55,890 --> 00:39:00,880
mert, hogy egyre CSS rögtön, hogy a CSS fájlt WinJS.

676
00:39:00,880 --> 00:39:04,680
Ha szeretné használni valami mást, ha meg akarja változtatni, hogy teljesen rendben van,

677
00:39:04,680 --> 00:39:06,790
megy előre, és tedd azt, amit szeretne. De ez az alapértelmezett.

678
00:39:06,790 --> 00:39:09,610
Ez lesz, hogy jobban ismerik a felhasználók.

679
00:39:09,610 --> 00:39:13,510
És persze ez nem fog tenni semmit, mert valójában nem kössük fel bármilyen kód

680
00:39:13,510 --> 00:39:16,630
válaszolni, hogy az. Ez csak a HTML.

681
00:39:16,630 --> 00:39:20,630
Szóval lehet megszabadulni, hogy és mi jön vissza a kérelmet.

682
00:39:20,630 --> 00:39:25,310
>> Hadd kapcsoljon át a default.js.

683
00:39:25,310 --> 00:39:29,030
Ez úgy néz ki elég bonyolult, de ez csak csinál egy pár dolgot az Ön számára.

684
00:39:29,030 --> 00:39:33,120
Ez boilerplate. Ez lesz azonos minden a projektek.

685
00:39:33,120 --> 00:39:36,620
Az egyetlen dolog, amit ez csinál, az csak egyfajta kérdezi: "Hogyan kerültem ide?"

686
00:39:36,620 --> 00:39:39,090
és azt mondja: "Te indítja el az app az első alkalommal?"

687
00:39:39,090 --> 00:39:42,640
"Te folytatása az alkalmazást miután azt felfüggesztik?"

688
00:39:42,640 --> 00:39:44,510
Egy pár ilyen dolgokat.

689
00:39:44,510 --> 00:39:50,300
Valóban, a hangsúly ez a fájl itt van igaza itt.

690
00:39:50,300 --> 00:39:54,490
Ezen a ponton, ez a vonal a kód is nagyon fontos.

691
00:39:54,490 --> 00:39:57,070
Ez tényleg fog menni, és nézd át az összes jelölések,

692
00:39:57,070 --> 00:40:01,640
és ez megy, hogy a dolgok, hogy már kérte, hogy vált ellenőrzés,

693
00:40:01,640 --> 00:40:07,220
mélyebb ellenőrzések, mint a minősítés szabályozás, mint a rács nézetet, mint a leporelló

694
00:40:07,220 --> 00:40:09,570
és az más dolog, hogy megmutattam neked, hogy dia előtt.

695
00:40:09,570 --> 00:40:12,550
Ők nem őshonos HTML ellenőrzéseket.

696
00:40:12,550 --> 00:40:17,860
Csak nem mondom leporelló, mint egy elem, és azt tudom, mit tegyek.

697
00:40:17,860 --> 00:40:22,120
Amit valójában ugyanaz a dolog, ami történik, más típusú kontroll keretrendszerek.

698
00:40:22,120 --> 00:40:26,200
jQuery UI nem ugyanolyan általános megközelítést.

699
00:40:26,200 --> 00:40:30,800
Használja jelölések a HTML, majd néhány JavaScript jön át később, és azt mondja,

700
00:40:30,800 --> 00:40:35,900
"Ó, én tudom, mi az. Hogy kér ezt kell alakítani ezt a dolgot,"

701
00:40:35,900 --> 00:40:39,850
amely más sokkal kifejezőbb a HTML, hogy, mint egy értékelés ellenőrzése,

702
00:40:39,850 --> 00:40:41,790
ami pedig megmutatom most.

703
00:40:41,790 --> 00:40:46,140
Ez a vonal a kód egy olyan ígéretet, hogy azt mondja: "Amikor ez az ígéret teljesül,

704
00:40:46,140 --> 00:40:49,090
"Minden, amit kért ezt követően jött létre."

705
00:40:49,090 --> 00:40:52,780
És ennyi. Úgy néz ki, egy kicsit bonyolult, de ez tényleg ugyanaz minden projektben.

706
00:40:52,780 --> 00:40:56,690
Itt lent, ahol meg lehet kezdeni hozzátéve bármi mást szeretne, hogy megtörténjen,

707
00:40:56,690 --> 00:40:58,280
így jövünk vissza, hogy a második.

708
00:40:58,280 --> 00:41:01,480
>> Először is, szükségem van egy kis kód, amely képes reagálni az a tény,

709
00:41:01,480 --> 00:41:03,320
hogy valaki rákattintott a gombra.

710
00:41:03,320 --> 00:41:06,330
Én megyek előre, és tedd, hogy itt lent.

711
00:41:06,330 --> 00:41:09,620
Megint nem fogok tenni minden gépelés előtted van.

712
00:41:09,620 --> 00:41:12,560
Nagyon alapvető JavaScript csak azt mondom, ha ezt

713
00:41:12,560 --> 00:41:15,270
mi lesz néhány részletet arról, hogyan került ide

714
00:41:15,270 --> 00:41:17,630
majd fogunk csinálni néhány alapvető dolgot.

715
00:41:17,630 --> 00:41:21,300
Keresd meg a dolog, az én HTML oldalt nevű nameInput,

716
00:41:21,300 --> 00:41:28,490
fogd meg, hogy annak értéke, pofon "Hello" az előtte, és tartsa, hogy az így kapott szöveget

717
00:41:28,490 --> 00:41:31,960
abba a div tag, hogy mi volt azelőtt, hogy tényleg nem volt semmi előtt.

718
00:41:31,960 --> 00:41:37,220
Most fogjuk találni, hogy a tag, és a belső tartalmat egyenlő, hogy a húr.

719
00:41:37,220 --> 00:41:38,880
Nagyon egyszerű JavaScript.

720
00:41:38,880 --> 00:41:42,240
Remélhetőleg te elismerve, hogy ott tényleg semmi szokatlan folyik itt.

721
00:41:42,240 --> 00:41:45,360
Ez csak egyenesen a HTML és JS itt.

722
00:41:45,360 --> 00:41:48,220
Ha futok ezt most, ez még nem fog csinálni minden munkát, mert nem vezetékes fel

723
00:41:48,220 --> 00:41:50,030
hogy megkapja az esemény.

724
00:41:50,030 --> 00:41:55,710
Ehhez fogom tenni, hogy itt van, újra visszatér az eszköztár,

725
00:41:55,710 --> 00:41:58,730
Kiveszi itt.

726
00:41:58,730 --> 00:42:03,060
Gondolom, láttam az összes ilyen dolgot korábban, úgyhogy nem túl megmagyarázni.

727
00:42:03,060 --> 00:42:05,060
Most fogunk menni, hogy a helloButton.

728
00:42:05,060 --> 00:42:07,730
Fogunk mondani: "Button, gratulálok."

729
00:42:07,730 --> 00:42:10,130
"Itt egy olyan esemény, hogy most reagál."

730
00:42:10,130 --> 00:42:13,420
"Ha valaki rákattint az Ön számára, hívja ezt a funkciót, a buttonClickHandler."

731
00:42:13,420 --> 00:42:17,070
És ez az, hogy a funkció már csak ki egészen az alján ott. Ennyi.

732
00:42:17,070 --> 00:42:20,980
Tehát most van egy hihetetlenül funkcionális alkalmazására.

733
00:42:20,980 --> 00:42:24,720
Azt hiszem, hogy nagyon lenyűgözött ez.

734
00:42:24,720 --> 00:42:32,320
Chris. Várjon meg. Wow. Oké. Ez csodálatos. [Nevet]

735
00:42:32,320 --> 00:42:36,570
De ez nem minden. Ne vedd meg még. Várjon.

736
00:42:36,570 --> 00:42:39,610
>> Hadd mutassam meg egy kicsit itt, és kijutni a teljes képernyőn.

737
00:42:39,610 --> 00:42:42,690
Fogunk járni, mielőtt futni.

738
00:42:42,690 --> 00:42:45,530
Hadd menjek és valóban azt mutatják, hogy egy kicsit a CSS.

739
00:42:45,530 --> 00:42:49,480
Csak alapértelmezés szerint, ha visszatekintünk az oldalon van,

740
00:42:49,480 --> 00:42:53,570
amikor csak húzta az ezeket a dolgokat WinJS és mi van az ui-sötét,

741
00:42:53,570 --> 00:42:58,550
Sőt, meg lehet változtatni az alapértelmezett fénnyel alkalmazás.

742
00:42:58,550 --> 00:43:03,450
ui sötét jó grafikus alkalmazások, mint egy csomó képet,

743
00:43:03,450 --> 00:43:05,740
akkor mutatja a sok vizuális tartalom.

744
00:43:05,740 --> 00:43:12,560
Ha mutatja a sok szöveges tartalom, az ui-fény általában jó választás.

745
00:43:12,560 --> 00:43:15,160
Nem kell választani, de én váltott meg

746
00:43:15,160 --> 00:43:17,690
és most látta ugyanazt a jelölést, minden ugyanaz,

747
00:43:17,690 --> 00:43:20,320
ez csak a tulajdonképpen egy fordított rendszer itt

748
00:43:20,320 --> 00:43:24,770
ahol minden így fekete szöveg fehér.

749
00:43:24,770 --> 00:43:26,460
Ez mind szép és jó.

750
00:43:26,460 --> 00:43:30,680
Hadd ide, és hagyja, hogy a ténylegesen egy kicsit a CSS.

751
00:43:30,680 --> 00:43:34,830
Majd tedd vissza a sötét, mert úgy gondolom, hogy talán jobban látható a képernyőn

752
00:43:34,830 --> 00:43:36,970
amikor elkezdek Ezeket a dolgokat.

753
00:43:36,970 --> 00:43:40,150
Fogom cserélni a test még egyszer.

754
00:43:40,150 --> 00:43:44,040
Megyek itt. Hadd nuke ezt.

755
00:43:44,040 --> 00:43:48,690
Nézzük, hogy a szervezetben az osztályok.

756
00:43:48,690 --> 00:43:53,000
Azt hiszem, tettél alapvető választók CSS és hasonló dolgok már,

757
00:43:53,000 --> 00:43:55,380
így valószínűleg tudja, hogy mi folyik itt.

758
00:43:55,380 --> 00:43:59,250
Csak hozzárendelése egyes osztályok a fejléc, és mi egy új div

759
00:43:59,250 --> 00:44:04,430
hogy betakar a többi, hogy a dolog, hogy most már használni, hogy stílust együtt.

760
00:44:04,430 --> 00:44:07,760
Szóval, mit tehetek most menjen át, hogy alapértelmezett CSS.

761
00:44:07,760 --> 00:44:11,900
Megnézted a média lekérdezések már? Beszéltél erről egyáltalán?

762
00:44:11,900 --> 00:44:17,220
Media lekérdezések része a kialakuló trend -

763
00:44:17,220 --> 00:44:19,660
vagy ez egy megalapozott trend most már valóban a weben -

764
00:44:19,660 --> 00:44:22,760
az érzékeny tervezés és adaptív,

765
00:44:22,760 --> 00:44:28,480
és az ötlet is, hogy az alkalmazások igazán beállítani magukat megfelelően

766
00:44:28,480 --> 00:44:31,910
annak alapján, amit a készülék, hogy ők látható tehet.

767
00:44:31,910 --> 00:44:35,040
Tehát, ha egy mobil eszköz, nyilván nem fogod, hogy annyi képernyő ingatlan

768
00:44:35,040 --> 00:44:41,520
mint te egy nagy 30 hüvelykes monitor ül egy asztal, egy nagy PC, mint ezt.

769
00:44:41,520 --> 00:44:46,710
Tehát a régi válasz az lenne, hogy 5, 6 különböző változatait ugyanazon az oldalon

770
00:44:46,710 --> 00:44:51,350
és azt megnyitja a verzió, amit már hangolt, hogy bizonyos méretű képernyőn.

771
00:44:51,350 --> 00:44:55,420
Nem jó. Ez nagyon, nagyon ismétlődő és van egy csomó karbantartási erre.

772
00:44:55,420 --> 00:44:58,120
Most már úgynevezett CSS media lekérdezések,

773
00:44:58,120 --> 00:45:02,530
és tudjuk használni ezt automatikusan érzékeli, ha vannak bizonyos méret

774
00:45:02,530 --> 00:45:07,030
vagy bizonyos felhasználási tartalmat folyik.

775
00:45:07,030 --> 00:45:09,580
Szóval lehet válaszolni, hogy és akkor azt mondja: "Jól van, ebben az esetben

776
00:45:09,580 --> 00:45:12,580
"Akkor valószínűleg nem is kell, hogy mondjam, hogy mi folyik itt."

777
00:45:12,580 --> 00:45:18,020
Ez csak azt mondom, ha ez az alkalmazás csattant, ahogy mutattam, mielőtt -

778
00:45:18,020 --> 00:45:20,830
megragadta és megvalósítják azt az oldalon a képernyő -

779
00:45:20,830 --> 00:45:23,910
akkor hadd tegye a következőket stílus.

780
00:45:23,910 --> 00:45:25,850
Stílus nem csak a színek és ilyesmi.

781
00:45:25,850 --> 00:45:29,860
Ez is a méret és margók és közbetétek és irányok a tartalom

782
00:45:29,860 --> 00:45:34,040
vagy letiltása vagy lehetővé teszi a teljes részeit az oldal

783
00:45:34,040 --> 00:45:36,420
és ebben az esetben, az alkalmazás vagy a játék is.

784
00:45:36,420 --> 00:45:39,210
Tehát itt meg tudod csinálni olyan egyszerű, mint szeretnénk.

785
00:45:39,210 --> 00:45:46,720
Ez nem lenne hasznos az alkalmazások, de demo idő,

786
00:45:46,720 --> 00:45:50,530
úgyhogy megyek előre, és add hozzá az alapvető testi választó, és azt mondják,

787
00:45:50,530 --> 00:45:58,360
"Amikor én csattant fel, menjünk előre, és nem background-color és menjünk választani valamit."

788
00:45:58,360 --> 00:46:00,400
Van IntelliSense itt. Ez tényleg nagyon klassz.

789
00:46:00,400 --> 00:46:05,720
2012-ben már hozzá egy csomó dolgot CSS és a JavaScript és a HTML.

790
00:46:05,720 --> 00:46:08,690
Már persze van legördülő IntelliSense is, de nem ez a jó dolog.

791
00:46:08,690 --> 00:46:11,730
A jó dolog az, ha megvan a vizuális választók egy csomó dolgot is.

792
00:46:11,730 --> 00:46:14,120
Szóval lehet átmenni, és csak válassza ki a színt,

793
00:46:14,120 --> 00:46:17,580
vagy mehetsz, és még ennél is pontosabb, és akkor lehet választani -

794
00:46:17,580 --> 00:46:22,330
ez lesz szörnyű. Én tulajdonképpen válasszon egy tisztességes színt itt.

795
00:46:22,330 --> 00:46:26,500
Nézze meg a jelölés is, mellesleg. Ez az RGB szabványos formátum is.

796
00:46:26,500 --> 00:46:30,780
De ha váltani a homály, ez lesz áttérni egy alfa-csatorna választó itt.

797
00:46:30,780 --> 00:46:36,910
Tehát látható, hogy a szín alapvetően a százalékos átláthatóság, hogy van az, hogy

798
00:46:36,910 --> 00:46:38,860
Minden sült jobbra van.

799
00:46:38,860 --> 00:46:42,530
Fogom tartani, hogy 100%-os, és amikor végeztem, hogy minden szép és jó.

800
00:46:42,530 --> 00:46:46,160
Most, ha fut az alkalmazás, és vesszük a app és pattintsa,

801
00:46:46,160 --> 00:46:49,000
háttérszín alatt automatikusan beállítja a

802
00:46:49,000 --> 00:46:53,410
csak azért, mert van néhány CSS, hogy azt mondja: "Menj csinálni."

803
00:46:53,410 --> 00:46:55,580
Ön is tud írni JavaScript is, hogy nem ugyanaz a dolog

804
00:46:55,580 --> 00:47:03,010
vagy azt, hogy lehet használni, hogy valóban szünetelteti a játékot, nem ilyesmi.

805
00:47:03,010 --> 00:47:04,310
Ez valószínűleg, amikor azt JavaScript.

806
00:47:04,310 --> 00:47:06,610
Akkor kapcsolja ki a játék, loop ezen a ponton.

807
00:47:06,610 --> 00:47:09,970
Akkor kell egy kis JavaScript, mivel ez nem lenne valami, amit CSS.

808
00:47:09,970 --> 00:47:11,760
De ne feledje, ez csak egy esemény.

809
00:47:11,760 --> 00:47:14,860
Azt is mondhatnánk, "Amikor a alkalmazás átméretezi,

810
00:47:14,860 --> 00:47:17,780
"Lássuk, mi csattant." És ennyi.

811
00:47:17,780 --> 00:47:24,440
>> Oké? Már beszélt sokat. Vannak kérdések eddig hol vagyunk? Igen.

812
00:47:24,440 --> 00:47:29,310
[Diák] Van egy tutorial, hogy bárki, hogy minél több információt? >> Igen.

813
00:47:29,310 --> 00:47:33,510
A kérdés az, van egy tutorial ez? Én csak kiterjeszti azt a mindent.

814
00:47:33,510 --> 00:47:37,490
Van néhány dolog, amit lehet menni. Nézzük valóban el innen.

815
00:47:37,490 --> 00:47:40,150
Hadd menjek vissza ide.

816
00:47:40,150 --> 00:47:45,180
Egy dolog rámutatni, Visual Studio maga oktatóanyagok építettek be

817
00:47:45,180 --> 00:47:47,650
Hadd megszabadulni ez.

818
00:47:47,650 --> 00:47:51,520
Ha megy, és hozzon létre egy új projektet, ne File, New Project,

819
00:47:51,520 --> 00:47:56,750
, és nézze meg a bal oldalon van egy online csomópont ebben a választó.

820
00:47:56,750 --> 00:47:59,790
Ez fog tartani egy kicsit. Én vagyok én MyFi itt.

821
00:47:59,790 --> 00:48:02,300
De ez meg fog jönni, és ez fog adni nekem egy esélyt, hogy megtalálja sablonok

822
00:48:02,300 --> 00:48:05,190
hanem, ami még fontosabb, a mintákat is.

823
00:48:05,190 --> 00:48:06,750
Szóval kattintva JavaScript.

824
00:48:06,750 --> 00:48:10,050
Meg fog találni mintákat nekem. A felbontás út nagy itt.

825
00:48:10,050 --> 00:48:15,070
Általában, akkor megjelenik egy lista a sok különböző dolgokat.

826
00:48:15,070 --> 00:48:18,280
Ha van valami, amit szeretne kipróbálni, felvenni a nyelvet,

827
00:48:18,280 --> 00:48:20,970
JavaScript itt, és azt mondják: "Én nem tudom, hogyan kell csinálni helymeghatározás."

828
00:48:20,970 --> 00:48:22,220
"Nem tudom, hogyan lehet megnyitni a fájlt."

829
00:48:22,220 --> 00:48:25,840
"Nem tudom, hogyan kell kihasználni a webkamera

830
00:48:25,840 --> 00:48:28,290
"Vagy optimalizálni a kapcsolatot, vagy ilyesmi."

831
00:48:28,290 --> 00:48:33,190
Vannak minták minden: megosztás, keresés, app bárok,

832
00:48:33,190 --> 00:48:37,520
hogy a távoli hívások szolgáltatás, JSON kódolás.

833
00:48:37,520 --> 00:48:40,390
Minden ilyen jellegű dolgok vannak minták itt,

834
00:48:40,390 --> 00:48:44,560
és ők nem nagy mintákban fog tartani egész éjszaka, hogy húzza szét

835
00:48:44,560 --> 00:48:46,820
csak meg, hogy az egyik dolog, amit meg akartam tanulni.

836
00:48:46,820 --> 00:48:49,870
Ők nagyon jó. Kicsik, rögtön a tárgyra fajta minta.

837
00:48:49,870 --> 00:48:52,330
Megtanultam egy csomó megy keresztül, ezeket magam,

838
00:48:52,330 --> 00:48:55,260
ezért azt ajánlom, hogy sokat, mint egy dolog.

839
00:48:55,260 --> 00:49:01,750
>> A másik dolog, hogy rámutasson is természetesen én mutattam dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
Tehát, ha megy vissza, hogy látni fogod az alján ott van még a minta itt.

841
00:49:07,490 --> 00:49:12,560
Így lehet letölteni mindet egyszerre, de van még egy csomó más források itt is

842
00:49:12,560 --> 00:49:14,400
, amely segít, hogy a sebességet.

843
00:49:14,400 --> 00:49:17,870
>> Egy másik dolog, és én nagyon ajánlom, hogy próbálja meg ezt,

844
00:49:17,870 --> 00:49:24,510
Megvan a blogomban, de én csak jobbra hozzá.

845
00:49:24,510 --> 00:49:28,220
Megmutatom. A blog erőforrások és hasonló dolgok.

846
00:49:28,220 --> 00:49:35,300
Az egyik dolog, hogy rámutasson, itt van, ez a dolog: te ötleted volt. A kb. 30 nap.

847
00:49:35,300 --> 00:49:40,960
Ha rákattint erre, ez lesz az, hogy ha egy nagyon hasznos oldal.

848
00:49:40,960 --> 00:49:44,650
Ez sokkal hasznosabb, mint az várható.

849
00:49:44,650 --> 00:49:49,040
Ez lesz a 30 napon tartalom, amit alapvetően kap tippeket és trükköket

850
00:49:49,040 --> 00:49:51,990
az egész folyamat, mint te létre egy app.

851
00:49:51,990 --> 00:49:55,980
És lehet, hogy nem várható, akkor tényleg kap ez a játék is

852
00:49:55,980 --> 00:49:57,840
és a telefonos alkalmazások, ilyesmi.

853
00:49:57,840 --> 00:50:01,000
Tehát alapvetően iratkozzon fel, és ők fognak küldeni Önnek tippeket és trükköket,

854
00:50:01,000 --> 00:50:03,010
"Gondolt már ezt? Ön támogatja Snap?"

855
00:50:03,010 --> 00:50:04,900
"Íme néhány iránymutatást, hogyan kell csinálni, hogy az is."

856
00:50:04,900 --> 00:50:07,440
"Gondolt már benyújtásának a boltba?"

857
00:50:07,440 --> 00:50:09,370
"Gondolt már arra, hogyan fogsz eladni az alkalmazás?"

858
00:50:09,370 --> 00:50:11,490
Ez lesz a séta ezeket a különböző dolgokat.

859
00:50:11,490 --> 00:50:13,380
És valóban, ha a játék pályán, egy bizonyos ponton

860
00:50:13,380 --> 00:50:17,010
akkor elismerjék a személy beszél hozzád

861
00:50:17,010 --> 00:50:22,850
mert tényleg kellett mennem Redmint hogy nem azokat és a rögzített 2 videó is.

862
00:50:22,850 --> 00:50:25,240
De ez mind része a játék pálya,

863
00:50:25,240 --> 00:50:27,650
és van is egy teljes pálya általános alkalmazás fejlesztése.

864
00:50:27,650 --> 00:50:29,380
Ezt hívják Generation App.

865
00:50:29,380 --> 00:50:33,460
Azt ajánlom, hogy az Ön számára, valamint amellett, hogy a mintákat.

866
00:50:33,460 --> 00:50:38,110
>> Van egy csomó videót egy telek hívott 9-es csatorna is.

867
00:50:38,110 --> 00:50:42,790
Ez valószínűleg az utolsó dolog, én ajánlom is, mielőtt lépni itt.

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com.

869
00:50:45,280 --> 00:50:48,880
Ez jó, mert nem lesz olvasás révén tonna fehér könyvek.

870
00:50:48,880 --> 00:50:53,880
Ez alapvetően egy csomó videót, screencasts és a dolgok, hogy igaza van a lényeg.

871
00:50:53,880 --> 00:50:57,940
Én nem mondom, hogy mindig igaza van, hogy a lényeg. Attól függ, aki ezt a szót.

872
00:50:57,940 --> 00:51:02,290
De általában, van néhány igazán to-the-ponttal videók itt

873
00:51:02,290 --> 00:51:06,230
amely megmutatja, hogy valami különös dolog, amit érdemes tanulni, vagy látni demoed.

874
00:51:06,230 --> 00:51:11,110
Van még minden a tartalmat a konferencián, ami történt, a pár héttel ezelőtt

875
00:51:11,110 --> 00:51:14,380
nevű Build, és látni fogod, hogy ott.

876
00:51:14,380 --> 00:51:18,450
Van Core technológia a Windows 8 játék. Tessék.

877
00:51:18,450 --> 00:51:23,150
Én is ott voltam, valóban. Nem látsz engem. Voltam itt.

878
00:51:23,150 --> 00:51:27,560
De egyébként is, hogy félre, azt javasoljuk, hogy nézd meg azokat a videókat.

879
00:51:27,560 --> 00:51:29,330
Ők elég hasznos.

880
00:51:29,330 --> 00:51:32,620
Ha elakad valami, vagy csak azt, hogy mi valamit is tenni, tűz fel azokat.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail csak küldött nekem egy e-mailt egy linket a tartalomhoz

882
00:51:36,890 --> 00:51:42,140
a diákok letölthető minta kódot, és ilyesmi. >> [Bowen] Nagy.

883
00:51:42,140 --> 00:51:45,510
Félelmetes. Köszönöm, Edwin.

884
00:51:45,510 --> 00:51:48,320
>> Jó. >> [Diák] Van egy kérdésem. >> [Bowen] Oh. Igen, kérem.

885
00:51:48,320 --> 00:51:55,030
[Hallható hallgató kérdés] >> [Bowen] Ó, örülök, hogy megkérdezted. Igen.

886
00:51:55,030 --> 00:51:58,940
A kérdés az volt, van-e vizuális interfész számomra, hogy hozzon létre a dolgokat?

887
00:51:58,940 --> 00:52:01,630
Edwin megjutalmaz benneteket szépen a kérdést.

888
00:52:01,630 --> 00:52:04,310
Van egy módja ennek.

889
00:52:04,310 --> 00:52:09,040
Ha mi most? Csináljuk meg most.

890
00:52:09,040 --> 00:52:11,780
Én megyek, hogy most azonnal.

891
00:52:11,780 --> 00:52:14,070
Ami azt illeti, hadd tegyem hozzá, az egy dolog, hogy ez a demó,

892
00:52:14,070 --> 00:52:16,710
majd én megmutatom a tényleges választ.

893
00:52:16,710 --> 00:52:21,340
Úgy volt, hogy adjunk egy kicsit CSS itt.

894
00:52:21,340 --> 00:52:23,980
Én egy kicsit le érintők itt.

895
00:52:23,980 --> 00:52:26,770
Hadd tegyem néhány CSS ide, hogy kihasználják

896
00:52:26,770 --> 00:52:29,980
Az osztályok, adtunk egy kicsit ezelőtt,

897
00:52:29,980 --> 00:52:33,930
hogy a fejléc, a Maincontent div, majd a greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Ha én, hogy és fuss, akkor láthatjuk, most van egy kicsit más padding és margók,

899
00:52:37,920 --> 00:52:40,310
így ténylegesen egy kis kompenzáció itt.

900
00:52:40,310 --> 00:52:44,630
Ezek a több felé mit fogsz számíthat a végleges csiszolt alkalmazás.

901
00:52:44,630 --> 00:52:47,770
De én csak mutatja ezt, mert ez egyenesen CSS.

902
00:52:47,770 --> 00:52:51,910
Tehát a dolgok, hogy már tudod használni itt, hogy állítsa be a tartalmat, amit szeretnék.

903
00:52:51,910 --> 00:52:55,100
Már láttuk, hogy ahhoz, hogy a háttérben változtatni, hogy így.

904
00:52:55,100 --> 00:53:02,980
>> Ha visszamegyek ki, hogy a HTML, fogok hozzá még egy sor jelölő,

905
00:53:02,980 --> 00:53:06,140
és ez valóban lesz egy vezérlő a WinJS.

906
00:53:06,140 --> 00:53:09,840
Én megyek, és fogd ezt, a címkét. Engedjék meg, hogy biztos, hogy csinálom, hogy a megfelelő helyre.

907
00:53:09,840 --> 00:53:11,740
Valószínűleg elég jó.

908
00:53:11,740 --> 00:53:15,590
Itt már csak hozzá - és már megyünk is teljes képernyőn, így láthatja, az egészet -

909
00:53:15,590 --> 00:53:18,520
Adtam egy címkét a következő div.

910
00:53:18,520 --> 00:53:20,890
A div hívják ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Önmagában ez nem tesz semmit.

912
00:53:23,090 --> 00:53:28,570
Ha megnyitjuk ezt a böngészőben, azt nézi üres, a div is.

913
00:53:28,570 --> 00:53:31,820
Hanem azért, mert a titokzatos kódsort, hogy megmutattam neked,

914
00:53:31,820 --> 00:53:35,650
a folyamat is, hogy fog keresni valamit, ami úgy néz ki, mint ez -

915
00:53:35,650 --> 00:53:40,380
adat-win-kontroll - és ez meg fog találni, amit abban a paraméter.

916
00:53:40,380 --> 00:53:44,560
Úgy megy, hogy egy példányt bármi legyen is ez mutat.

917
00:53:44,560 --> 00:53:48,850
Ebben az esetben ez a minősítés szabályozás, így azt mondom, "Kérem, menjen és cserélje ki ez a dolog

918
00:53:48,850 --> 00:53:51,400
"Az, amit meg kell tennie, hogy a minősítés ellenőrzés."

919
00:53:51,400 --> 00:53:56,610
Ez lehet egy flip-szabályozás, lehet, hogy a haladás gyűrű vagy bármi szabályozás használni kívánt.

920
00:53:56,610 --> 00:53:59,390
Mind fog működni lényegében ugyanúgy.

921
00:53:59,390 --> 00:54:02,920
Te szabványos HTML5 jelölő jelzi, amit akarsz,

922
00:54:02,920 --> 00:54:07,670
és akkor fogsz kapni egy ellenőrző végén ezt. Hadd futtatásához.

923
00:54:07,670 --> 00:54:12,270
Én csak másolt, hogy, és most, hogy jelölő lesz ez,

924
00:54:12,270 --> 00:54:15,280
ami valójában elég sok HTML elemek.

925
00:54:15,280 --> 00:54:18,440
Ezek mind az egyes képeket, és van divs körülöttük a választók.

926
00:54:18,440 --> 00:54:22,610
Remélhetőleg akkor láthatjuk, hogy a. Ez egy kicsit finomabb.

927
00:54:22,610 --> 00:54:27,380
Én lebeg át a különböző tételeket, és ez fog engedje meg, hogy nézze meg a itt.

928
00:54:27,380 --> 00:54:31,560
Én is kattints rá, és emlékszik a minősítés, de ennyi.

929
00:54:31,560 --> 00:54:33,100
Ez nem igazán tesz semmit a szavazatokat.

930
00:54:33,100 --> 00:54:35,230
>> Az egy utolsó dolog, amit szeretnék megmutatni neked ezt a

931
00:54:35,230 --> 00:54:37,820
mielőtt váltani egy vizuális tervezési tapasztalat

932
00:54:37,820 --> 00:54:42,680
egy kis kódot, hogy tudom használni, hogy válaszoljon ezekre WinJS ellenőrzéseket.

933
00:54:42,680 --> 00:54:47,540
Hadd el onnan, vissza a teljes képernyőn,

934
00:54:47,540 --> 00:54:52,690
és kapcsoljon át JS itt a második.

935
00:54:52,690 --> 00:54:57,450
Meg tudom csinálni itt. Azt hiszem cserélni ezt az egészet.

936
00:54:57,450 --> 00:55:03,080
Igazából, azt hiszem, ez lesz helyettesíteni az egészet, de majd meg együtt.

937
00:55:03,080 --> 00:55:07,350
Beteszem itt. Igen. Fogom törölni ezt is.

938
00:55:07,350 --> 00:55:11,790
Mit adhatok hozzá? Úgy néz ki, mint egy nagy. Ez nem sok.

939
00:55:11,790 --> 00:55:14,920
Én csak kiterjesztette, hogy a sort, hogy már beszéltünk korábban,

940
00:55:14,920 --> 00:55:18,590
és azt mondom: "Amikor minden kész, amikor minden az én ellenőrzést végeztek,

941
00:55:18,590 --> 00:55:23,660
", Akkor erre a célra." Így majd futtassa ezt a funkciót hívják befejeződött.

942
00:55:23,660 --> 00:55:27,080
Ebben az esetben ez a dolog lehet kitalálni.

943
00:55:27,080 --> 00:55:29,040
Keresd meg, hogy a div ellenőrzés.

944
00:55:29,040 --> 00:55:30,790
Ami azt illeti, van egy dolog, amit meg kell rámutatni.

945
00:55:30,790 --> 00:55:35,630
Ez a következő sor valójában azt mondja, "Van, hogy ratingControlDiv."

946
00:55:35,630 --> 00:55:39,770
"Szeretnék beszélni vele, mintha egy igazi ellenőrzés, a WinJS ellenőrzés."

947
00:55:39,770 --> 00:55:42,020
Tehát alapvetően, kérded, hogy belőle.

948
00:55:42,020 --> 00:55:44,600
Azt mondja: "Azt akarom, hogy beszélni, mint a kontroll."

949
00:55:44,600 --> 00:55:47,810
És akkor elkezd ilyeneket mond, "Mi lesz, hogy adjunk egy hallgató az Ön számára

950
00:55:47,810 --> 00:55:51,430
"Ha tehát változtatni tudunk válaszolni erre."

951
00:55:51,430 --> 00:55:56,930
És akkor mi is a dolgok, mint ez. Valójában, ez a régi kódot is.

952
00:55:56,930 --> 00:55:59,600
Azt hiszem, én vagyok a hiányzó beillesztés még egy funkció,

953
00:55:59,600 --> 00:56:05,030
és ez lenne a tényleges funkció, amely megfelelne a minősítés vezérlő, hogy megváltozott.

954
00:56:05,030 --> 00:56:07,710
Hadd pop, hogy itt lent,

955
00:56:07,710 --> 00:56:09,840
valahol ott.

956
00:56:09,840 --> 00:56:14,930
És ebben az esetben, az egyetlen dolog, ami új, az a tény, hogy megyünk bele

957
00:56:14,930 --> 00:56:21,000
mi a névleges vezérlő azt mondja, és kérünk úgynevezett a tentativeRating.

958
00:56:21,000 --> 00:56:23,150
Van egy csomó különböző más dolog, hogy az ellenőrzés lehet mondani,

959
00:56:23,150 --> 00:56:25,310
és megy ellenőrzés ellenőrzés.

960
00:56:25,310 --> 00:56:29,140
Ez nagyon egyszerű. Ön képes lesz arra, hogy kitaláljuk gond nélkül.

961
00:56:29,140 --> 00:56:34,040
Én vezetem ezt, és most, amikor tudom megváltoztatni a minősítések és kattintson a kategória,

962
00:56:34,040 --> 00:56:36,480
láthatjuk, most már tényleg válaszol rá.

963
00:56:36,480 --> 00:56:40,280
Ez azzal, hogy e minősítés a képernyőt, hogy egyébként üres div tag

964
00:56:40,280 --> 00:56:42,970
alatt a minősítés ellenőrzés.

965
00:56:42,970 --> 00:56:46,670
Ez a varázslat egy csomó dolog itt is.

966
00:56:46,670 --> 00:56:49,580
Tehát ahogy te létre alkalmazásokat a Windows Store,

967
00:56:49,580 --> 00:56:52,930
van egy csomó ellenőrzési, amit csak használni. Mindannyian dolgozni.

968
00:56:52,930 --> 00:56:58,670
>> Hadd mutassam meg a vizuális oldalát tervezése ezekhez az alkalmazásokhoz.

969
00:56:58,670 --> 00:57:03,440
A jó hír az, akkor már ezt az eszközt, amikor telepíteni mindent

970
00:57:03,440 --> 00:57:06,240
Ha megy, hogy letölthető, és kapsz Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Én jobb klikk erre. Nem fogok nagyításhoz

972
00:57:09,890 --> 00:57:12,040
Csak azt mondja Megnyitás Blend.

973
00:57:12,040 --> 00:57:16,040
Blend egy másik eszköz, ami működik egymás mellett a Visual Studio

974
00:57:16,040 --> 00:57:19,230
és elsősorban sokkal inkább a tervezési oldala a dolgoknak,

975
00:57:19,230 --> 00:57:23,660
így tényleg felületek eszközök vannak optimalizálva létrehozására stílus,

976
00:57:23,660 --> 00:57:29,720
létrehozása animációk, dolgozik CSS, egy csomó dolog, hogy ilyen véna.

977
00:57:29,720 --> 00:57:36,380
Itt mit kell nagyon érdekes, és elég nyilvánvaló, azonnal a mi nézi a kb.

978
00:57:36,380 --> 00:57:40,060
Remélhetőleg még mindig.

979
00:57:40,060 --> 00:57:42,650
Ahelyett, hogy kódot, amely még mindig nem látni az alján,

980
00:57:42,650 --> 00:57:45,350
látjuk a tényleges képviselete az alkalmazás.

981
00:57:45,350 --> 00:57:49,640
Mi több, ez nem csak egy ábrázolása a app, valójában az alkalmazás fut.

982
00:57:49,640 --> 00:57:52,010
És ez az, ami igazán szép a Blend.

983
00:57:52,010 --> 00:57:58,620
A csapat sokat tett a munka, hogy a HTML és JavaScript és CSS be ezt az eszközt.

984
00:57:58,620 --> 00:58:01,930
Most már tényleg, ha kíváncsi vagy, "Mit jelent ez? Mit tehetek?"

985
00:58:01,930 --> 00:58:08,310
Én valóban tervezni, hogy ez az alkalmazás, bár ilyeneket nem léteznek a jelölést.

986
00:58:08,310 --> 00:58:13,230
Ne feledje, hogy a hitelminősítő szabályozás? Csak egy div tag.

987
00:58:13,230 --> 00:58:17,090
Ez a cucc, hogy csillag, csak akkor létezik futásidőben. Honnan tudom ezt?

988
00:58:17,090 --> 00:58:20,300
Van egy kis varázslat itt.

989
00:58:20,300 --> 00:58:21,700
Látod ezeket a villámok?

990
00:58:21,700 --> 00:58:25,570
Minden alkalommal, amikor megjelenik egy villám, ami azt jelenti, hogy jött létre a valami futásidőben.

991
00:58:25,570 --> 00:58:31,770
Néhány JavaScript futott és be valamit ebbe, vagy létre ezt némi logika.

992
00:58:31,770 --> 00:58:37,100
Azok a csillagok, hogy látod, ott hozta létre a JavaScript WinJS.

993
00:58:37,100 --> 00:58:41,800
A szép dolog az, hogy nem számít, én is tervezi azt,

994
00:58:41,800 --> 00:58:44,410
Én is menni, és változtassa meg tudom kideríteni, mi folyik itt,

995
00:58:44,410 --> 00:58:50,260
Azt nézd meg a CSS, tudok menni előre, és megtudja, miért a szín, ahogy van,

996
00:58:50,260 --> 00:58:54,610
Tudok kezdeni Messiás dolgokat, és a dolgok szörnyű,

997
00:58:54,610 --> 00:58:58,360
amit akarok.

998
00:58:58,360 --> 00:59:01,020
Igazából, elmegyek a dolgokat egyedül.

999
00:59:01,020 --> 00:59:03,980
De láthatjuk itt ez mind a CSS, és ez mutatja, hogy itt.

1000
00:59:03,980 --> 00:59:10,120
Ha felmegy oda, hogy fog mutatni neked mindent, hogy hívják nyerő,

1001
00:59:10,120 --> 00:59:14,850
így a CSS szabályokat, amelyek a leginkább jellemző, és a legtöbb kiválasztott az adott elem,

1002
00:59:14,850 --> 00:59:17,110
amit valószínűleg már ment át az osztályok,

1003
00:59:17,110 --> 00:59:22,000
ahol azt mondják, egy általános betűtípust, hogy mi minden területén alkalmazni,

1004
00:59:22,000 --> 00:59:26,860
hanem azért, mert ez egy H1, és van egy színes meghatározott H1S,

1005
00:59:26,860 --> 00:59:29,820
ez lesz ez a szín, és ez azért van, mert ez pontosabb, mint a body1.

1006
00:59:29,820 --> 00:59:32,590
Ez az egyik dolog, itt azt mutatja, hogy minden,

1007
00:59:32,590 --> 00:59:35,470
és ez tényleg nagy dolog kapsz bonyolultabb,

1008
00:59:35,470 --> 00:59:38,160
kíváncsi, hogy miért ezeket a dolgokat, ahogy vannak.

1009
00:59:38,160 --> 00:59:41,020
Ez valójában mondani, és akkor vedd a felsoroltak közül bármelyik itt.

1010
00:59:41,020 --> 00:59:43,370
Ez a szín nem túl rossz, valóban.

1011
00:59:43,370 --> 00:59:47,150
Megadhatja azokat. Remélhetőleg láthatjuk ezt.

1012
00:59:47,150 --> 00:59:52,410
Mert mindent, amit már az alkalmazás, akkor egy egész kaszkád

1013
00:59:52,410 --> 00:59:56,070
az összes CSS, hogy lehetett volna alkalmazni, hogy az, és melyik nyer,

1014
00:59:56,070 --> 00:59:58,050
melyik valóban volt elsőbbséget.

1015
00:59:58,050 --> 01:00:00,930
Ezek a fajta unalmas. Ott nem sok folyik néhány ilyen.

1016
01:00:00,930 --> 01:00:04,660
Ha megyek, és változtatni a színét, akkor majd látja, hogy néhány lépcsőzetes ott.

1017
01:00:04,660 --> 01:00:07,760
Ön is használja a HTML itt is.

1018
01:00:07,760 --> 01:00:12,490
Én megy keresztül, és módosítsa a HTML tulajdonságait mindezek a dolgok, ahogy szeretnék.

1019
01:00:12,490 --> 01:00:14,620
Már csak rengeteg cucc van.

1020
01:00:14,620 --> 01:00:18,070
>> Én nem akarom, hogy az idő megy keresztül itt minden. Csak tudom, hogy itt van.

1021
01:00:18,070 --> 01:00:21,700
Van egy csomó design-orientált funkciókat, ami csak elérhető az Ön számára

1022
01:00:21,700 --> 01:00:26,730
így marad a vizuális, a munka az alkalmazás, és nem kell sokat találgatás

1023
01:00:26,730 --> 01:00:32,180
, amit meg kell csinálni rendesen, és a kerékpározás vissza a böngésző vissza a design,

1024
01:00:32,180 --> 01:00:33,940
vissza a böngésző.

1025
01:00:33,940 --> 01:00:37,010
Ez nagyon jó dolog az, hogy az, és ahogy fejleszteni a Windows Store app,

1026
01:00:37,010 --> 01:00:39,650
ez megy, hogy ha egy sokkal hatékonyabb.

1027
01:00:39,650 --> 01:00:45,150
>> Azt is látni, hogy ez nyomon a jelölés itt és a CSS

1028
01:00:45,150 --> 01:00:47,270
ahogy dolgozik a különböző dolgokat.

1029
01:00:47,270 --> 01:00:50,180
Valószínűleg nagyon nehéz, hogy lásd, hogy különösen a video,

1030
01:00:50,180 --> 01:00:54,680
de ez az, mi folyik itt, és azt ajánlom, hogy megismerkedjen vele.

1031
01:00:54,680 --> 01:00:57,240
Ez takarít meg egy csomó időt. Ez a keverék.

1032
01:00:57,240 --> 01:01:00,520
Ha bármilyen változás van, akkor automatikusan fog folytatni vissza több mint

1033
01:01:00,520 --> 01:01:01,870
a Visual Studio.

1034
01:01:01,870 --> 01:01:06,590
Ez ugyanaz a kép, ez ugyanaz minden. Elmegyek egyedül.

1035
01:01:06,590 --> 01:01:08,650
Nekem van egy jobb példa, amit szeretnék megmutatni.

1036
01:01:08,650 --> 01:01:11,660
De ha csináltam változás ott, és megmentette, és jöttem vissza a Visual Studio, akkor azt mondaná,

1037
01:01:11,660 --> 01:01:16,390
"Hé, csak megváltozott valami. Tudok töltse be neked?" Igen.

1038
01:01:16,390 --> 01:01:18,770
És te ugyanazt a cucc van.

1039
01:01:18,770 --> 01:01:21,320
Ez a vége, hogy az adott minta.

1040
01:01:21,320 --> 01:01:28,170
>> Meg akarom mutatni, hogy a magasabb végén mintát csak hogy kilátással egyéb működési

1041
01:01:28,170 --> 01:01:30,350
lehet gondolkodni is.

1042
01:01:30,350 --> 01:01:32,280
Ez egy minta alkalmazás, amely lehet letölteni.

1043
01:01:32,280 --> 01:01:35,620
Ha megnézed az úgynevezett Windows Camp in a Box,

1044
01:01:35,620 --> 01:01:40,340
vannak olyan minták, amelyek az adott, és az egyik ezek közül a Contoso Cookbook.

1045
01:01:40,340 --> 01:01:41,640
Én csak vezetem ezt az Ön számára.

1046
01:01:41,640 --> 01:01:44,700
Custom splash screen. Ez az a Grid View alkalmazás.

1047
01:01:44,700 --> 01:01:49,590
Ők már kötött néhány egyéni adatait. Lehet navigálni ezen keresztül.

1048
01:01:49,590 --> 01:01:53,090
Mehetsz, és vessen egy pillantást a különböző dolgokat, hogy tesz bennünket éhes egy péntek délután.

1049
01:01:53,090 --> 01:01:57,760
Nem tudom. Mi folyik itt, hogy engem a leginkább éhes?

1050
01:01:57,760 --> 01:02:00,530
Nem tudom. Meg fogom felvenni egyet.

1051
01:02:00,530 --> 01:02:02,460
Menj be ezeket a dolgokat. Ez megmutatja a recept.

1052
01:02:02,460 --> 01:02:04,900
Te is, ahelyett, hogy kattintson egy elemet,

1053
01:02:04,900 --> 01:02:10,360
mehetsz jogát a kategóriába a tartalom, hogy részben a tartalmat.

1054
01:02:10,360 --> 01:02:15,590
Ebben az esetben, akkor olvassa el sok hamis Latin mondom szól ezeket a recepteket itt

1055
01:02:15,590 --> 01:02:17,720
, majd menj jobbra a speciális recept.

1056
01:02:17,720 --> 01:02:22,770
Ez is a dolgok, mint a közös, hogy megmutattam, mielőtt a képeket.

1057
01:02:22,770 --> 01:02:26,160
Ha ráklikkel ebbe alkalmazás is.

1058
01:02:26,160 --> 01:02:28,880
Ez nagyon egyszerű megtenni keresést.

1059
01:02:28,880 --> 01:02:31,300
Alapvetően, ha csak most egy sor szöveget a Windows

1060
01:02:31,300 --> 01:02:34,720
, és úgy dönt, hogyan kívánja kezelni a keresés, hogy.

1061
01:02:34,720 --> 01:02:39,830
Ez egy néhány sornyi kódot kap, hogy, és akkor mit csinál vele, azt követően, hogy teljesen rajtad múlik.

1062
01:02:39,830 --> 01:02:44,180
>> Itt is van egy app bárban, ahol ők segítségével néhány egyéb funkciókat.

1063
01:02:44,180 --> 01:02:45,430
Megmondom, mi van.

1064
01:02:45,430 --> 01:02:48,220
Az emlékeztetőt fogja használni az úgynevezett a pirítós értesítést.

1065
01:02:48,220 --> 01:02:52,930
Ez nagyon hasznos, hogy a felhasználó tudja, mikor minden történt,

1066
01:02:52,930 --> 01:02:55,850
mint egy alkalmazás lett telepítve, vagy valami befejeződött.

1067
01:02:55,850 --> 01:02:57,950
Ez is jó játékok is.

1068
01:02:57,950 --> 01:03:02,360
Ha van egy állandó világ, vagy a ranglistán, és a szolgáltatás, hosting, hogy

1069
01:03:02,360 --> 01:03:08,490
Lehet, hogy egy különálló gépen, ezeket a bejelentéseket lehet küldeni egy gép

1070
01:03:08,490 --> 01:03:12,240
és akkor is, ha a felhasználó nem használja a játék, játszani a játékot, vagy futó alkalmazást,

1071
01:03:12,240 --> 01:03:15,170
akkor is kap értesítést arról, ilyen jellegű események.

1072
01:03:15,170 --> 01:03:19,350
Szóval lehet mondani, hogy "A vár már elpusztult, vagy éppen elpusztult."

1073
01:03:19,350 --> 01:03:22,870
"Gyere vissza, és megvédeni azt", vagy valami ilyesmi.

1074
01:03:22,870 --> 01:03:26,830
Rákattint az értesítést, akkor menj jobbra vissza a játékba, és lehet játszani.

1075
01:03:26,830 --> 01:03:32,170
Tehát azokat a dolgokat segíthet igazán felhívni az emberek vissza a kb elég hatékonyan.

1076
01:03:32,170 --> 01:03:37,450
>> Van még támogatni ezt az alkalmazást használja a mikrofont, a webkamera,

1077
01:03:37,450 --> 01:03:39,560
Ennek video és fotózni.

1078
01:03:39,560 --> 01:03:42,080
Azt is pin másodlagos csempe.

1079
01:03:42,080 --> 01:03:46,760
Ez hasznos, ha azt szeretné, hogy csak a lap, hogy megy jogot, hogy bizonyos tartalmak.

1080
01:03:46,760 --> 01:03:49,960
Ebben az esetben, akkor megy jogot arra, hogy ezt a receptet.

1081
01:03:49,960 --> 01:03:51,300
Mindent én megemlíteni, én csak bemutató

1082
01:03:51,300 --> 01:03:53,270
mert dolog, amit gondol használ is.

1083
01:03:53,270 --> 01:03:57,590
A legtöbb esetben, ezek nagyon egyszerű a használata.

1084
01:03:57,590 --> 01:04:00,070
Én csak ajánlom hozza fel, hogy a minta felfedező

1085
01:04:00,070 --> 01:04:03,600
és talál egy mintát, amely megmutatja, hogyan kell csinálni.

1086
01:04:03,600 --> 01:04:07,140
Ez elég egyértelmű, hogy ezeket be a apps ott is.

1087
01:04:07,140 --> 01:04:11,030
>> Akartam mutatni neked valami mást, ami elég jó itt.

1088
01:04:11,030 --> 01:04:15,230
Én pillanat ez az alkalmazás, és én megyek vissza a Visual Studio.

1089
01:04:15,230 --> 01:04:18,870
Ez az alkalmazás fut. Ez fut a Visual Studio.

1090
01:04:18,870 --> 01:04:21,370
Meg tudom csinálni valami nagyon klassz dolog vele.

1091
01:04:21,370 --> 01:04:23,840
Igazából van egy lehetőség, hogy válasszon ki egy elemet,

1092
01:04:23,840 --> 01:04:28,250
és mehetek ide az élő alkalmazás, és azt mondhatom,

1093
01:04:28,250 --> 01:04:34,000
"Kíváncsi vagyok, miért Elkészítési idő egy kicsit világosabb szürke, mint maga a cím?"

1094
01:04:34,000 --> 01:04:35,680
Én kattintson rá.

1095
01:04:35,680 --> 01:04:38,080
Meg fog szinkronizálni, hogy vissza a Visual Studio,

1096
01:04:38,080 --> 01:04:43,780
és ez megy, hogy mutassa meg pontosan a generált tartalmat, amely abban a részében, a felhasználói felület.

1097
01:04:43,780 --> 01:04:47,270
Tehát ebben az esetben, ez a tétel-felirat és a h4 dupla konstrukció,

1098
01:04:47,270 --> 01:04:51,110
és valószínűleg elmondja, mit kell tudni, mert mint h4 belül összefüggésben,

1099
01:04:51,110 --> 01:04:53,550
ez lesz, hogy egy bizonyos fajta font.

1100
01:04:53,550 --> 01:04:56,410
De ha még mindig nem tudom, miért, én kattintva Trace Styles.

1101
01:04:56,410 --> 01:05:02,330
Én majd bontsa ki a szín és tudom kideríteni, hogy pontosan, hogy miért ez a szín nem a test színe

1102
01:05:02,330 --> 01:05:04,640
de valójában valami más.

1103
01:05:04,640 --> 01:05:07,210
Ez lényegében a dev eszközöket az Internet Explorer

1104
01:05:07,210 --> 01:05:09,530
olyan mértékben bevinni Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Ha már dolgozott a Chrome Dev Tools, Firebug, ilyesmi,

1106
01:05:12,110 --> 01:05:14,720
ilyen jellegű eszközöket, amelyek a böngészőben,

1107
01:05:14,720 --> 01:05:17,340
ez a fajta funkcionalitást bevitték Visual Studio

1108
01:05:17,340 --> 01:05:22,090
így valójában nem kell indítani a böngészőt és a munka ezen eszközök külön-külön.

1109
01:05:22,090 --> 01:05:24,320
Most van egy Windows Store alkalmazás éppen fut,

1110
01:05:24,320 --> 01:05:27,840
és lehet kezdeni húzza szét, és kideríteni, hogy a dolgok miért csinálnak, mik azok.

1111
01:05:27,840 --> 01:05:30,440
>> Én is ezt így is.

1112
01:05:30,440 --> 01:05:35,020
Tudok menni, és csak felvenni valamit már a jelölést, és megtudja, hogy mi az

1113
01:05:35,020 --> 01:05:38,560
az alkalmazás is. Azt hiszem, elment mindent.

1114
01:05:38,560 --> 01:05:41,440
Itt vagyok lebeg ezt. Tudom választani azt.

1115
01:05:41,440 --> 01:05:45,540
Ez lesz, hogy mutassa meg az aktuális futó alkalmazást, ha ez a dolog

1116
01:05:45,540 --> 01:05:48,070
hogy én most kattintson a jelölést.

1117
01:05:48,070 --> 01:05:49,700
Nagyon jó dolgok.

1118
01:05:49,700 --> 01:05:52,710
Ahogy te, hogy kitaláljam, mi folyik itt, és mi az a HTML csinál,

1119
01:05:52,710 --> 01:05:56,080
mit CSS csinál, ezt tartsd szem előtt.

1120
01:05:56,080 --> 01:05:58,450
Ne feledje, ez itt neked

1121
01:05:58,450 --> 01:06:02,070
és azt is, hogy a keverék tud dolgozni egy élő futó alkalmazás.

1122
01:06:02,070 --> 01:06:06,070
>> Az egy utolsó dolog, amit meg akartam mutatni, hogy ezt az alkalmazást -

1123
01:06:06,070 --> 01:06:09,290
By the way, azt mutatja, hogy delták a dolgok változnak is,

1124
01:06:09,290 --> 01:06:11,160
így meg lehet nézni a sárga kiemeli.

1125
01:06:11,160 --> 01:06:14,060
Ezek azok a dolgok, amelyek csak megváltozott a kérelmet.

1126
01:06:14,060 --> 01:06:16,350
De egy utolsó dolog. Azt akarom, hogy menjen vissza a Blend egy pillanatra itt.

1127
01:06:16,350 --> 01:06:21,790
Majd nyissa ki, Megnyitás Blend, ugyanabban app, minden ugyanaz.

1128
01:06:21,790 --> 01:06:28,660
Csak azt akarom, hogy mutassa meg a tapasztalat itt nem csak te megragadt a honlapon

1129
01:06:28,660 --> 01:06:32,880
nézi a dolgokat, kapsz alapértelmezés szerint futtatja az alkalmazást, és hagyjuk, hogy üljön ott.

1130
01:06:32,880 --> 01:06:36,490
Azt is bekapcsolni ezt a csinos kis ikon itt.

1131
01:06:36,490 --> 01:06:38,560
Úgy hívják Interaktív üzemmód.

1132
01:06:38,560 --> 01:06:41,560
Ha rákattint a. Ez lesz, hogy ki az alkalmazás.

1133
01:06:41,560 --> 01:06:43,730
Te nem a tervező módban már, szóval nem lesz kattintással dolgokat

1134
01:06:43,730 --> 01:06:47,270
változtatni funkcionalitás, de akkor valóban dolgozni az alkalmazás most.

1135
01:06:47,270 --> 01:06:51,560
Akkor kattintson keresztül, azt csinálsz, amit, kap egy receptet, hogy érdekel

1136
01:06:51,560 --> 01:06:54,810
vagy kategóriát. Menjünk ebbe a kategóriába.

1137
01:06:54,810 --> 01:06:56,880
Azt mondom: "Oké, itt van, ahol akarok tervezni."

1138
01:06:56,880 --> 01:06:59,680
Akkor kattintson arra a gombra újra, akkor viszi vissza a tervezési felületre,

1139
01:06:59,680 --> 01:07:02,130
és most meg tudod csinálni azokat a dolgokat, hogy én beszélek előtt.

1140
01:07:02,130 --> 01:07:06,230
Fogom tartani kattintással, amíg nem kap ez a kiválasztott, megtudja, a méretek,

1141
01:07:06,230 --> 01:07:09,890
megtudja, a HTML, akkor a CSS mert

1142
01:07:09,890 --> 01:07:14,990
a futó alkalmazás, egy későbbi részében a kérelmet.

1143
01:07:14,990 --> 01:07:17,780
Nagyon, nagyon hasznos. Megmutatom ezt neked.

1144
01:07:17,780 --> 01:07:21,340
Kérjük, tartsa szem előtt, ha keres a kódot írni ezzel a

1145
01:07:21,340 --> 01:07:26,070
mert ez fog menteni egy csomó gond, és ez nagyon jó dolog.

1146
01:07:26,070 --> 01:07:32,370
Ez elég sok minden, amit meg akartam mutatni, a Blend és a Visual Studio minden adott.

1147
01:07:32,370 --> 01:07:36,130
>> Bármilyen kérdése mindkét ezen eszközök?

1148
01:07:36,130 --> 01:07:40,000
Bármi egyáltalán? >> [Guarin] Van dolog, hogy ki, így a jó kérdés, jó dolog.

1149
01:07:40,000 --> 01:07:43,700
>> [Bowen nevet] Már látható, hogy a demók itt.

1150
01:07:43,700 --> 01:07:47,000
Azt fogom tenni, hogy az erőforrások oldalt, és kapcsolja be a kérdésekre most.

1151
01:07:47,000 --> 01:07:53,850
Ez az első utalás, hogy a Generation App telek a játék pálya és az alkalmazás pályán.

1152
01:07:53,850 --> 01:07:55,040
Iratkozzon fel azokat.

1153
01:07:55,040 --> 01:07:57,210
Nem kell várni a 30 napot, hogy a tartalmat.

1154
01:07:57,210 --> 01:08:00,370
Akkor kezdődik majd, és nézte a tartalmat, amit szeretnék.

1155
01:08:00,370 --> 01:08:04,380
Megértem az időkeretet lehet más, mint - [nevet]

1156
01:08:04,380 --> 01:08:07,780
Tehát amikor a Hackathon? Ez egy-két hét, nem igaz?

1157
01:08:07,780 --> 01:08:09,620
Tehát nem kell a 30 nap, hogy várjon.

1158
01:08:09,620 --> 01:08:13,180
Szóval igen, akkor iratkozzon fel, hogy majd csak elkezd húzza a tartalmat belőle.

1159
01:08:13,180 --> 01:08:15,320
Szintén a Dev és a Design Center.

1160
01:08:15,320 --> 01:08:17,620
És én nem említettem, de ott van még a Store Docs.

1161
01:08:17,620 --> 01:08:22,880
Ez lenne az után Hackathon ahogy készen állsz, hogy elkezd benyújtása az alkalmazások a boltban.

1162
01:08:22,880 --> 01:08:27,350
Van néhány hasznos iránymutatást itt néhány útmutatást arról, hogyan kell a dolgokat a boltba,

1163
01:08:27,350 --> 01:08:29,960
Néhány gyakori kérdés, hogy lehet, hogy utazás téged,

1164
01:08:29,960 --> 01:08:32,540
és ez a vége e források.

1165
01:08:32,540 --> 01:08:35,300
>> Szóval mi jár a fejedben? Van még valami, amit -

1166
01:08:35,300 --> 01:08:40,580
[Guarin], aki gondolkodik csinál egy Windows-app CS50? Cool.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] Cool. Remek.

1168
01:08:44,149 --> 01:08:49,410
>> Bármilyen kérdése a dolog, amit eddig láttunk, és hogyan kapcsolódik ez?

1169
01:08:49,410 --> 01:08:54,540
Például, több időt tudtam venni egy játék, amit írtam

1170
01:08:54,540 --> 01:08:57,310
és az, hogy fut a böngésző, és csak egyfajta végig a folyamatot

1171
01:08:57,310 --> 01:08:59,870
hozza, hogy a Visual Studio, és így a Windows Store app.

1172
01:08:59,870 --> 01:09:02,870
Ez több időt vesz igénybe, mint amit valójában tartalmaznia kellett ma,

1173
01:09:02,870 --> 01:09:08,010
de a rövid változat az, hogy ez ugyanaz a kód, hogy már fut a böngészőben,

1174
01:09:08,010 --> 01:09:11,680
és a dolgokat, hogy megváltoztatja a dolgok, hogy úgy dönt, hogy csatlakoztassa a Windows 8.

1175
01:09:11,680 --> 01:09:16,220
Tehát, ha szeretné használni varázsa, ha meg akarja keresni, vagy megosztani,

1176
01:09:16,220 --> 01:09:19,899
létre kell hoznia egy app bar elrejteni el néhány funkciót rá, hogy,

1177
01:09:19,899 --> 01:09:21,939
ezek a fajta dolog, amit meg fog változni.

1178
01:09:21,939 --> 01:09:25,229
De a lényege a web app maradhat érintetlen.

1179
01:09:25,229 --> 01:09:29,590
Ismét, amíg működik az IE10, akkor lesz egy nagyon egyszerű port

1180
01:09:29,590 --> 01:09:33,680
, hogy a cucc a Visual Studio, a Blend, és ez egy Windows Store app.

1181
01:09:33,680 --> 01:09:37,500
Ismét az egyetlen dolog, amit meg kell tanulni, azok az egyéb funkciók

1182
01:09:37,500 --> 01:09:41,830
hogy tudod használni, hogy kigyullad egy alkalmazást, mint egy élő csempe és ilyen jellegű dolgokat.

1183
01:09:41,830 --> 01:09:46,899
>> Igen. >> [Diák] A kérdés az, működik a mobil.

1184
01:09:46,899 --> 01:09:52,210
Tehát, ha egy olyan alkalmazás, amely működik, mint egy app az asztalon,

1185
01:09:52,210 --> 01:09:56,480
ez tényleg könnyen át, hogy a mobil, vagy van egy -

1186
01:09:56,480 --> 01:10:01,270
A kérdés az, ha egy Windows Store app, ami valóban optimalizált ebben a környezetben

1187
01:10:01,270 --> 01:10:06,430
és azt akarom, hogy azt a mobil világban, mi szó csinál ez?

1188
01:10:06,430 --> 01:10:10,060
Ez, mint a sok kérdés, mindig egy állandóan változó választ.

1189
01:10:10,060 --> 01:10:16,190
A jó hír az, ha kitart a HTML és a JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
ha kezdő a Windows Store app,

1191
01:10:18,720 --> 01:10:20,590
ez hagyom, hogy hozza azt a Web

1192
01:10:20,590 --> 01:10:24,650
majd ilyen jellegű technikák, mint a média lekérdezések és a dolgok,

1193
01:10:24,650 --> 01:10:27,180
alkalmazkodni a különböző méretű készülékek.

1194
01:10:27,180 --> 01:10:29,900
Igaz, mindig keretek és a dolgok ott

1195
01:10:29,900 --> 01:10:33,450
hogy a támogatás kiterjesztése meg a különböző technológiák különböző platformokon.

1196
01:10:33,450 --> 01:10:35,670
Ez állandóan változik.

1197
01:10:35,670 --> 01:10:40,030
Mi is változnak a dolgok, valamint megnézzük felé, mi van most

1198
01:10:40,030 --> 01:10:42,950
valójában ki a Windows Phone 8.

1199
01:10:42,950 --> 01:10:44,930
Van néhány közös alapvető infrastruktúrák

1200
01:10:44,930 --> 01:10:48,180
kínált alkalmazások között azoknak környezetben.

1201
01:10:48,180 --> 01:10:51,200
Tehát a dolog, hogy mit csinálsz, hogy hozzon létre egy Windows Store app,

1202
01:10:51,200 --> 01:10:57,790
sok, amely képes több mint egy Windows Phone 8 alkalmazás is.

1203
01:10:57,790 --> 01:11:02,270
Ez ismét egy feltörekvő történet, így van némi tartalmat erről a Build.

1204
01:11:02,270 --> 01:11:06,780
Az SDK most jött ki egy kicsit korábban. Ez csak megjelent egy kis ideje.

1205
01:11:06,780 --> 01:11:09,920
De mind az egyéb platformokon is,

1206
01:11:09,920 --> 01:11:13,360
akkor valószínűleg befut sok cross-platform kereteket is.

1207
01:11:13,360 --> 01:11:16,170
A jó hír az a dolog, hogy csinálsz itt,

1208
01:11:16,170 --> 01:11:19,620
az alapvető funkciókat egyenesen felfelé web általános dolog.

1209
01:11:19,620 --> 01:11:24,010
Az egyetlen dolog, ami nem fordítja egyszerűen azok a dolgok, hogy a Windows 8 nem,

1210
01:11:24,010 --> 01:11:28,060
de ez nem meglepő, mert ez egy Windows-szolgáltatást.

1211
01:11:28,060 --> 01:11:34,090
Nem fogsz találni megosztás vagy hasonló jellegű szerződések minden platformon.

1212
01:11:34,090 --> 01:11:37,480
Tehát ezek azok a dolgok, amit szeretne, hogy egy tervezési szempontból

1213
01:11:37,480 --> 01:11:40,820
győződjön meg róla, hogy a módját, hogy olyan elvont, hogy ki, így mondhatjuk,

1214
01:11:40,820 --> 01:11:42,970
"Ha futok erre, meg tudom csinálni."

1215
01:11:42,970 --> 01:11:48,120
Ha én nem vagyok, van néhány tervezési minták segítségével olyan elrejteni a cucc van.

1216
01:11:48,120 --> 01:11:53,360
De hogy tartsa szem előtt. Igen. Bocsánat. Rajta.

1217
01:11:53,360 --> 01:11:58,130
>> [Diák] Ha azt akarom, hogy teszteljék a Windows-alkalmazás tetején [érthetetlen]

1218
01:11:58,130 --> 01:12:02,310
[Bowen] Igen. Kihagytam egy dolog is. Igen.

1219
01:12:02,310 --> 01:12:04,910
Én válaszolni a kérdésre az első, majd megmutatom a funkció elfelejtettem megemlíteni.

1220
01:12:04,910 --> 01:12:09,220
Nekünk van egy kis gép áll rendelkezésre helyben. Sajnálom.

1221
01:12:09,220 --> 01:12:11,240
A kérdés az volt, hogyan tudom tesztelni dolgokat eszközök

1222
01:12:11,240 --> 01:12:14,230
ha nem történik meg, hogy egy csomó dolog közül lehet választani?

1223
01:12:14,230 --> 01:12:17,130
[Guarin] Mi kölcsönzött srácok, azt hiszem, 5 vagy 6. Hány van szüksége?

1224
01:12:17,130 --> 01:12:20,940
[Diák] Kaptunk 4 őket. >> Oké. Van nálatok 4 listás játszani körül.

1225
01:12:20,940 --> 01:12:25,520
Tehát mindenképpen, hogy mindenki tudja, kérem. [Nevet] >> [Bowen] Awesome.

1226
01:12:25,520 --> 01:12:27,610
Ez egy még jobb válasz, mint akartam adni.

1227
01:12:27,610 --> 01:12:31,250
Van munkaidőben a fejlesztők számára, hogy mi irodánkban

1228
01:12:31,250 --> 01:12:35,110
és most hamarosan a Microsoft Store odaát a Pru,

1229
01:12:35,110 --> 01:12:37,010
de Edwin már gondoskodott rólad.

1230
01:12:37,010 --> 01:12:42,180
Jelenleg 4 listás rendelkezésre kölcsönözhető, a vizsgálathoz.

1231
01:12:42,180 --> 01:12:45,440
Ott vagyunk. Van egy példa az egyik ott.

1232
01:12:45,440 --> 01:12:47,340
Szóval igen, feltétlenül. Remek.

1233
01:12:47,340 --> 01:12:52,700
Abszolút messze a legjobb módja annak, hogy próbálja ki az, hogy a készüléken.

1234
01:12:52,700 --> 01:12:56,810
Ha nem történik meg, hogy egy, vagy még nem akarja járni az egész campus a hóban

1235
01:12:56,810 --> 01:13:01,130
hogy megragad egy, vagy bármi, van egy módja annak, hogy ezt vissza a Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Ha megyek vissza, amikor itt voltam, itt ahelyett, hogy a Local Machine,

1237
01:13:10,360 --> 01:13:13,590
tudna kapcsolódni a távoli gép, de ez nem az, amit én beszélek itt.

1238
01:13:13,590 --> 01:13:16,830
Szimulátor az a dolog, amit érdemes megvizsgálni.

1239
01:13:16,830 --> 01:13:22,120
Én vezetem ezt, és tényleg, mi az, hogy ez alapvetően egy ablak-ra a saját rendszerét.

1240
01:13:22,120 --> 01:13:26,260
Itt valójában a rendszer fut, futás Contoso,

1241
01:13:26,260 --> 01:13:29,550
de oly módon, hogy lehetővé teszi számomra változtatni a végrehajtás paraméterek

1242
01:13:29,550 --> 01:13:31,060
környezeti paraméterek.

1243
01:13:31,060 --> 01:13:34,150
Szóval lehet mondani itt, "Tudod mit?"

1244
01:13:34,150 --> 01:13:39,240
Oh. Én már fut egy szimulált 27 hüvelykes monitor 2560 felbontású.

1245
01:13:39,240 --> 01:13:44,930
Én könnyen ejtsd le, és mi a kérelmemet tenne egy kisebb képernyő

1246
01:13:44,930 --> 01:13:47,480
vagy megváltoztatásával DPI beállításokat, vagy bármi.

1247
01:13:47,480 --> 01:13:50,700
Így egy kis képernyőn, a 10.6, mi fog csinálni?

1248
01:13:50,700 --> 01:13:53,040
Ez még mindig jól néz ki, nem?

1249
01:13:53,040 --> 01:13:58,220
Azt akarja, hogy ezt, különösen, ha benyújtja a boltba, mert a mi

1250
01:13:58,220 --> 01:14:00,480
részeként a tesztelési folyamat.

1251
01:14:00,480 --> 01:14:02,400
És ha vannak olyan problémák, mint például, hogy a

1252
01:14:02,400 --> 01:14:06,160
akkor lehet, hogy befut egy kérdés egyre hitelesített a boltban.

1253
01:14:06,160 --> 01:14:09,240
De ez része a szimulátor. Nagyon klassz. Nagyon könnyű csinálni.

1254
01:14:09,240 --> 01:14:11,480
Is használható funkciók, mint a forgatható azt is.

1255
01:14:11,480 --> 01:14:15,650
Én kattintson a gombra itt van ez forgatni, mi valaki van a tapasztalat,

1256
01:14:15,650 --> 01:14:20,970
forgatható a pala, a tábla, és használata az alkalmazás azzal.

1257
01:14:20,970 --> 01:14:25,060
Vannak más dolgok is, mint a Touch emuláció és néhány más dolog,

1258
01:14:25,060 --> 01:14:27,210
beállítás GPS.

1259
01:14:27,210 --> 01:14:31,050
Azt is úgy, mintha én egy másik helyre, és mi az alkalmazás nem

1260
01:14:31,050 --> 01:14:34,690
ha nem lenne, hogy itt vagyok Seattle-ben, vagy valami.

1261
01:14:34,690 --> 01:14:41,970
De ez egy nagyon hasznos funkció, és ez beépített mind a Visual Studio és a Blend.

1262
01:14:41,970 --> 01:14:44,460
Igen. Az ön kérdése.

1263
01:14:44,460 --> 01:14:48,530
>> [Diák] Ha írsz egy játék, nem a Visual Studio, hogy semmilyen támogatást animáció?

1264
01:14:48,530 --> 01:14:55,550
Igen. A kérdés körül animációk támogatása, különösen a játék.

1265
01:14:55,550 --> 01:14:58,380
Attól függ. [Kuncog]

1266
01:14:58,380 --> 01:15:06,870
A JavaScript Azt fogják mondani, hogy valószínűleg kevesebb támogatást, mint amennyi van a XAML oldalon,

1267
01:15:06,870 --> 01:15:11,430
amely határidők, van készítőivel és a dolgok, hogy épülnek be

1268
01:15:11,430 --> 01:15:18,710
Az animációk JavaScript apps, én nem tudom, hogy mennyi választ akarok adni.

1269
01:15:18,710 --> 01:15:25,110
Van erőforrásokkal a blogomban, hogy menjen át egy csomó lehetőséget mind a fizika animációk,

1270
01:15:25,110 --> 01:15:29,280
opciók JavaScript-orientált játékok Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Azt utalnak, hogy ilyen.

1272
01:15:31,300 --> 01:15:34,300
Alapvetően van olyan sok választás.

1273
01:15:34,300 --> 01:15:37,770
Az ok, én habozás van olyan sok választás csinál animációk JavaScript.

1274
01:15:37,770 --> 01:15:44,280
Lehet, CSS, lehetett Canvas alapú, lehet, hogy csak az alapvető DOM animációk,

1275
01:15:44,280 --> 01:15:47,470
ez lehet egy csomó más dolgot, így igazán függ a választás.

1276
01:15:47,470 --> 01:15:55,790
Ha úgy döntenek, hogy valami hasonló Create.js vagy mész vagy más jellegű keretek -

1277
01:15:55,790 --> 01:15:59,150
Nos, én nem is vagyok biztos abban, hogy lesz képes használni a felső végén keretet

1278
01:15:59,150 --> 01:16:01,370
Szeretem Impact vagy Construct.

1279
01:16:01,370 --> 01:16:07,000
Ez általában létre több kódot, mint akkor érdemes a semmiből.

1280
01:16:07,000 --> 01:16:11,730
Ám azokban az esetekben, akkor még egy szimulátor, akkor a környezet,

1281
01:16:11,730 --> 01:16:17,480
és én inkább csak használja ezt a környezetet az én tesztelési platform azokban az esetekben,

1282
01:16:17,480 --> 01:16:19,930
, mint én vagyok fejlődő játékok.

1283
01:16:19,930 --> 01:16:22,110
Már jól, különösen a Canvas animációk,

1284
01:16:22,110 --> 01:16:23,850
ami talán a leggyakoribb dolog.

1285
01:16:23,850 --> 01:16:27,360
A legjobb fogsz valószínűleg megtalálja a dev eszközöket a böngészőben

1286
01:16:27,360 --> 01:16:30,160
és a dev eszközöket Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Egyfajta kanyargó választ, de remélhetőleg megkaptam a választ. Igen. Önnek.

1288
01:16:34,610 --> 01:16:36,470
>> [Diák] Milyen adattárolási lehetőségek a Windows 8 alkalmazások?

1289
01:16:36,470 --> 01:16:41,100
Melyek az adattárolási lehetőségek a Windows 8 alkalmazások, a Windows Store alkalmazások?

1290
01:16:41,100 --> 01:16:46,790
A lehetőségek tényleg minden alkalmazás megkapja a saját medence a helyi tároló

1291
01:16:46,790 --> 01:16:52,150
A beállítások és adatok, de ez is nevetségesen könnyű használni roaming tárolás,

1292
01:16:52,150 --> 01:16:54,920
használható cloud-alapú tároló. Ez ingyenes.

1293
01:16:54,920 --> 01:16:58,250
Mi történik akkor alapvetően válasszon egy másik osztály, és azt mondod,

1294
01:16:58,250 --> 01:17:03,370
"Roaming Beállítások mentése, az adott sor tartalmát"

1295
01:17:03,370 --> 01:17:06,050
és a Microsoft számla, amit ők már bejelentkezve,

1296
01:17:06,050 --> 01:17:08,620
lesz a legfontosabb, hogy roaming az információt körül.

1297
01:17:08,620 --> 01:17:13,790
Tehát, ha használja a játék, az én laptop, és aztán be ugyanazzal a számla

1298
01:17:13,790 --> 01:17:18,900
és a játék olyan felületre, vagy tabletta,

1299
01:17:18,900 --> 01:17:23,610
amely automatikusan barangol a beállítás és az adatok között, ezek a gépek.

1300
01:17:23,610 --> 01:17:27,550
Ez egy alap dolog. Ez jó bizonyos mennyiségű adat.

1301
01:17:27,550 --> 01:17:30,220
Akkor nem tesz egy hatalmas adatbázist azokba.

1302
01:17:30,220 --> 01:17:35,350
Az, hogy el kell menni más típusú megoldás, mint a tárolt adatbázis a felhő,

1303
01:17:35,350 --> 01:17:36,690
ilyesmi.

1304
01:17:36,690 --> 01:17:39,840
Vannak más közösségi lehetőségek körül más típusú adatok technológiákat.

1305
01:17:39,840 --> 01:17:42,920
Láttam néhány SQLite lehetőségeket a közösség körül ott is.

1306
01:17:42,920 --> 01:17:46,690
Így egyre inkább jelennek meg, de ezek az elsődleges dolog, hogy nézne ki felé

1307
01:17:46,690 --> 01:17:49,430
egy játék, vagy egy kb.

1308
01:17:49,430 --> 01:17:50,610
És volt egy kérdés, a hátsó is.

1309
01:17:50,610 --> 01:18:02,390
>> [Diák] Ami a hálózat [hallható] feltöltés vagy a fájlok letöltése [érthetetlen]

1310
01:18:02,390 --> 01:18:04,870
[Bowen] Van a kérdés, hogyan lehet látni, hogy az, vagy hogyan lehet, hogy hibakeresés, és kipróbálni?

1311
01:18:04,870 --> 01:18:10,630
[Diák] Hogyan lehet kideríteni a hiba okát [hallhatatlan]

1312
01:18:10,630 --> 01:18:12,670
Bocsánat. Nem hallom az egészet.

1313
01:18:12,670 --> 01:18:16,480
[Diák] Hogyan juthat el bug tesztelt és még [nem hallható]

1314
01:18:16,480 --> 01:18:17,490
Remek. Remek.

1315
01:18:17,490 --> 01:18:21,860
Hogyan dolgozik hálózatok? Hogyan látod, mi folyik itt?

1316
01:18:21,860 --> 01:18:23,620
Van sok különböző választ, hogy ez az egy,

1317
01:18:23,620 --> 01:18:26,420
de hadd mutassam meg talán a legegyszerűbb dolgokat.

1318
01:18:26,420 --> 01:18:29,350
Hadd megszabadulni a szimulátor egy pillanatra.

1319
01:18:29,350 --> 01:18:31,740
Csak pár hibakeresési lehetőségeket hálózatépítés.

1320
01:18:31,740 --> 01:18:36,070
Van egy teljes hálózati stack sütött jobbra mind a WinRT szintjét és WinJS,

1321
01:18:36,070 --> 01:18:42,810
így könnyen, hogy XHR, AJAX típusú hívásokat a játékot, vagy app erre.

1322
01:18:42,810 --> 01:18:47,250
Elsősorban Én inkább használni 2 dolog.

1323
01:18:47,250 --> 01:18:53,660
Én a tényleges dev eszközök is, amelyek a hálózati verem sült beléjük.

1324
01:18:53,660 --> 01:18:55,870
Hadd mutassam meg a Windows-honlapon.

1325
01:18:55,870 --> 01:19:02,730
Tudom, hogy ezt fel, és valójában egy hálózat proxy sütött be ezeket az eszközöket itt.

1326
01:19:02,730 --> 01:19:08,390
Így tudom csinálni, én is frissíteni kell az oldalt, és ez megy, hogy mutassa meg az összes kölcsönhatások,

1327
01:19:08,390 --> 01:19:14,550
beleértve AJAX kéri azon az ülésen, az adott kérelem időtartama alatt.

1328
01:19:14,550 --> 01:19:17,600
Ez hasznos lehet. Ez lesz nagyon hasznos a böngésző-alapú alkalmazásokat.

1329
01:19:17,600 --> 01:19:20,470
Más típusú alkalmazások, például a Windows Store alkalmazások,

1330
01:19:20,470 --> 01:19:23,970
Én egy szerszám hívott Hegedűs.

1331
01:19:23,970 --> 01:19:29,650
Fogsz kapni egy játékot választ. [Kuncog]

1332
01:19:29,650 --> 01:19:32,750
Hegedűs egy egyszerű proxy. Azt hiszem, meg tudom mutatni, hogy az Ön számára.

1333
01:19:32,750 --> 01:19:40,190
Ez csak GetFiddler.com, ami elég érdekes, én nyomon a hálózati verem

1334
01:19:40,190 --> 01:19:41,740
fog GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
De egyébként is, Hegedűs írtak az egyik PM az IE csapat,

1336
01:19:45,700 --> 01:19:48,290
így tudja, mit csinál.

1337
01:19:48,290 --> 01:19:52,630
Ez egy jó proxy, amelyek segítségével a hibakeresés hálózati forgalmat.

1338
01:19:52,630 --> 01:19:55,730
Azt javaslom, hogy a. Kérdés ott is.

1339
01:19:55,730 --> 01:19:58,050
>> [Diák] Van egy egyszerű módja annak, hogy integrálják az idegen nyelvi input,

1340
01:19:58,050 --> 01:20:00,810
mint a japán vagy a kínai, a Windows alkalmazások?

1341
01:20:00,810 --> 01:20:03,240
Nem mondhatnám, én csináltam túl sokat magam, de sütött be

1342
01:20:03,240 --> 01:20:08,470
Vannak lehetőségek természetesen kibocsátó az alkalmazás - Sajnálom, én nem mondom azt a kérdést -

1343
01:20:08,470 --> 01:20:11,100
lehetőségek körül a globalizáció, lokalizáció a tartalom,

1344
01:20:11,100 --> 01:20:14,320
beleértve a dolgok, mint hogy képes eladni a különböző piacokon

1345
01:20:14,320 --> 01:20:19,190
és a cél, hogy a verziója az alkalmazás számára egyes nyelvek

1346
01:20:19,190 --> 01:20:21,080
vagy a kultúrák, vagy ilyesmi. Abszolút építettek be

1347
01:20:21,080 --> 01:20:22,980
Már volt támogatást, hogy örökre,

1348
01:20:22,980 --> 01:20:26,630
és hogy továbbviszi a lehetőségeket a Windows Store.

1349
01:20:26,630 --> 01:20:30,450
Meg tudod csinálni, hogy a boltban is, eladni a különböző piacokon,

1350
01:20:30,450 --> 01:20:34,050
meg tudod csinálni, hogy az alkalmazás is túlságosan használatával források határozzák meg,

1351
01:20:34,050 --> 01:20:42,220
"Ha én vagyok erre a célra kifejlesztett kultúra, majd ezeket a változtatásokat a saját szöveges tartalom

1352
01:20:42,220 --> 01:20:44,510
"Vagy egy jobbról balra olvasó."

1353
01:20:44,510 --> 01:20:51,290
Ezek mind részei az alapértelmezett WinJS és WinRT API-k. Jó kérdés.

1354
01:20:51,290 --> 01:20:54,770
>> Hogy állunk? Minden más?

1355
01:20:54,770 --> 01:20:58,850
És ha valaki a videón szereplő kérdéseket, én cbowen @ microsoft,

1356
01:20:58,850 --> 01:21:02,790
így boldog vagyok, hogy bármelyik kérdésre a jövőben.

1357
01:21:02,790 --> 01:21:05,690
Nagyon - A jövő, jövő [utánozza echo].

1358
01:21:05,690 --> 01:21:09,140
Tehát itt van velem. Hadd tegye vissza a kapcsolatot itt.

1359
01:21:09,140 --> 01:21:11,840
Szóval, csak küldj nekem egy üzenetet, cbowen @ microsoft,

1360
01:21:11,840 --> 01:21:15,190
és én kap vissza, amint tudok.

1361
01:21:15,190 --> 01:21:19,010
>> Van még valami, hogy te kíváncsi? Rendben vagyunk?

1362
01:21:19,010 --> 01:21:24,050
Remek. Rendben van. Köszönöm minden szépen. Nagyra értékelem. [Taps]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]