1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Seminar - Windows 8 - App / igra razvoj sa HTML5]

2
00:00:02,420 --> 00:00:05,090
[Chris Bowen, Edwin Guarin - Sveučilište Harvard]

3
00:00:05,090 --> 00:00:07,350
[To je CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Hej, svatko. Moje ime je Edwin Guarin. To je Chris Bowen.

5
00:00:10,290 --> 00:00:12,310
Reći ću mu se uvesti u sekundi.

6
00:00:12,310 --> 00:00:14,100
Ja samo želim da brzo najavu.

7
00:00:14,100 --> 00:00:18,340
Prije svega, sve što CS50 studenti dobili Windows 8 besplatno.

8
00:00:18,340 --> 00:00:23,150
Dakle, ako ste razmišljati o zapravo koristeći ga za svoj završni rad, to je tvoje.

9
00:00:23,150 --> 00:00:25,740
Nate će poslati e-mail kasnije za upute.

10
00:00:25,740 --> 00:00:32,850
Druga stvar je, ako se odlučite za pisanje Windows 8 aplikaciju za vaš CS50 konačnog projekta,

11
00:00:32,850 --> 00:00:35,870
idemo raditi neke poklone: ​​Xbox,

12
00:00:35,870 --> 00:00:38,870
mogli bismo biti u mogućnosti dati listu daleko, takve stvari.

13
00:00:38,870 --> 00:00:42,460
Dakle, ako postoji nešto što vas drži leđa, neka Chris i ja znam

14
00:00:42,460 --> 00:00:45,010
kako mi može pomoći izgraditi nešto stvarno cool.

15
00:00:45,010 --> 00:00:48,580
Dakle, još jednom hvala što ste došli danas, a ja ću ga predati Chris.

16
00:00:48,580 --> 00:00:50,500
>> Hvala vam, Edwin.

17
00:00:51,000 --> 00:00:52,740
Hvala svima, za ulazak u nas danas.

18
00:00:52,740 --> 00:00:55,800
Ja sam Chris Bowen. Ja sam jedan od Edwin kolega ovdje na sjeveroistoku.

19
00:00:55,800 --> 00:00:58,310
Samo sam htio provesti malo vremena s pričaš

20
00:00:58,310 --> 00:01:03,730
kako napraviti Windows Store aplikacija s HTML5, JavaScript, CSS

21
00:01:03,730 --> 00:01:07,310
i nekako se bilo kakva pitanja vam svibanj imati o tome odgovorio za vas

22
00:01:07,310 --> 00:01:12,920
kao da ste u potrazi prema razmišljati o možda i koristeći ga za CS50 finale priliku.

23
00:01:12,920 --> 00:01:14,980
>> To je rekao, mi ćemo samo roniti pravo rezervirati

24
00:01:14,980 --> 00:01:17,190
Ja ću prijeći na slajdovima ovamo.

25
00:01:17,190 --> 00:01:19,440
Ako imate bilo kakvih pitanja, slobodno mi pošaljite e-mail.

26
00:01:19,440 --> 00:01:23,460
Ja sam cbowen@microsoft.com, a tu je moj blog i moj Twitter.

27
00:01:23,460 --> 00:01:26,330
No želite stupiti u kontakt sa mnom, to je u redu.

28
00:01:26,330 --> 00:01:30,110
Imam oko sat vremena od stvari, a ja želim doći na vaša pitanja na tom putu,

29
00:01:30,110 --> 00:01:33,720
pa nemojte se sramiti o ima pitanja tijekom ove.

30
00:01:33,720 --> 00:01:36,470
Oni ne mogu vidjeti tko pita pitanja na snimanje,

31
00:01:36,470 --> 00:01:39,090
tako da ćete biti anonimni kao što želite da bude.

32
00:01:39,090 --> 00:01:42,780
>> Dopustite mi roniti u pravu, samo vam dati brzi uvod u Windows 8,

33
00:01:42,780 --> 00:01:47,400
i pokazati vam neke od stvari o sustavu Windows Store aplikacije koje biste mogli uzeti u obzir

34
00:01:47,400 --> 00:01:49,530
što misliš o razvoju aplikacija.

35
00:01:49,530 --> 00:01:52,660
Gledamo Windows 8. Mi smo bili za par tjedana.

36
00:01:52,660 --> 00:01:55,810
Mnogo jake usvajanje vani već.

37
00:01:55,810 --> 00:01:59,800
Možda ste već vidjeli na površini strojevi koje imamo kao dobro.

38
00:01:59,800 --> 00:02:03,730
Ima jedan ovdje zapravo možete pogledati ako ste ovdje u osobi.

39
00:02:03,730 --> 00:02:07,530
Stvarno želim razgovarati s vama, da vam pokazati okolo malo o Windows 8.

40
00:02:07,530 --> 00:02:10,759
Ideja s Windowsima 8, to stvarno ne iznijeti sve stvari koje znamo o Windowsima

41
00:02:10,759 --> 00:02:16,840
u nekim novim iskustvima - naročito, stvari kao što su na površinu stroj s dodirom,

42
00:02:16,840 --> 00:02:20,000
Ovakvi više mobilnih uređaja koji su sada na tržištu,

43
00:02:20,000 --> 00:02:22,360
ali to je i Windows u svojoj srži.

44
00:02:22,360 --> 00:02:25,850
Dakle, to znači da možete ga instalirati stvarno na bilo koji pokreće Windows 7,

45
00:02:25,850 --> 00:02:30,770
od svog najvećeg trostruki SLI gaming rig dolje na svoj laptop

46
00:02:30,770 --> 00:02:36,200
i svojim sjajnim novim ostalim uređajima koje ste mogli pokupiti danas.

47
00:02:36,200 --> 00:02:38,450
Oni će se izvoditi Windows 8.

48
00:02:38,450 --> 00:02:40,530
Ja ću vam pokazati okolo samo malo,

49
00:02:40,530 --> 00:02:44,670
i sva iskustva koja ćete vidjeti ovdje su stvari koje možete napraviti.

50
00:02:44,670 --> 00:02:47,760
Ideja je da li je to dodir, miš, tipkovnica,

51
00:02:47,760 --> 00:02:51,870
bez obzira na uređaj koji radite svoj zahtjev, on će se pokrenuti velika.

52
00:02:51,870 --> 00:02:55,180
Windows 8 će vam pomoći sa svim tim scenarijima.

53
00:02:55,180 --> 00:02:59,600
>> Ovi slajdovi na stranu, neka je samo dobiti pravo na uzimanje pogledati ovdje.

54
00:02:59,600 --> 00:03:03,270
Dopustite mi da vam pokazati oko moje početnom zaslonu. Ovo je moj početni zaslon.

55
00:03:03,270 --> 00:03:05,810
Samo ću vam dati malo turneju ovdje.

56
00:03:05,810 --> 00:03:09,610
Ja sam na ne-touch stroju, pa koliko god sam htio dirati moj laptop zaslon,

57
00:03:09,610 --> 00:03:13,400
to ne može učiniti ništa, pa ću samo dođite ovdje malo i pokazati vam.

58
00:03:13,400 --> 00:03:17,950
Neke stvari možda se čine Činjenica da se to što se zove live pločice

59
00:03:17,950 --> 00:03:21,470
zapravo može animirati, i oni mogu dati podatke za vas -

60
00:03:21,470 --> 00:03:24,750
možda ažuriranja na statistike za igru

61
00:03:24,750 --> 00:03:30,970
ili vam pokazati vijesti iz nekih ranijih aplikacije koje su ovdje, na lijevoj strani.

62
00:03:30,970 --> 00:03:35,350
Tu smo. Siguran sam da je to samo pozitivno i fantastično sjajna vijest.

63
00:03:35,350 --> 00:03:38,450
Možete vidjeti ovdje to stvarno zove svoju pozornost natrag na app, govoreći,

64
00:03:38,450 --> 00:03:43,010
"Hej, ima nešto novo ovdje. Bacite pogled. Vratite se i pogledajte što je novo za tebe."

65
00:03:43,010 --> 00:03:45,320
To se zove live pločice, a vi možete učiniti obavijesti

66
00:03:45,320 --> 00:03:47,070
bilo desno od same aplikacije

67
00:03:47,070 --> 00:03:52,220
ili ako pogledate detaljnije, znat ćete kako napisati daljinski uslugu

68
00:03:52,220 --> 00:03:54,340
koji zapravo može gurnuti informacije na pločici,

69
00:03:54,340 --> 00:03:56,520
što je ono što se događa s tim vijestima aplikacije.

70
00:03:56,520 --> 00:04:00,080
Oni su zapravo dobivamo vijesti iz oblaka i ažuriranje pločicu tamo

71
00:04:00,080 --> 00:04:03,710
tako da ljudi znaju da postoji razlog da se otvori program i pogledati

72
00:04:03,710 --> 00:04:06,950
na što god najnovije vijesti u bilo kojem od tih

73
00:04:06,950 --> 00:04:10,060
ili ako postoji nove recepte ili novi visoku ocjenu pobijediti

74
00:04:10,060 --> 00:04:13,560
ili prijatelj svira ili što već na ovim aplikacijama.

75
00:04:13,560 --> 00:04:15,550
To je nešto za vas zavesti natrag u.

76
00:04:15,550 --> 00:04:18,640
Dakle, to je živa pločice, a to bi mogao biti osoba, to bi mogao biti web kao dobro.

77
00:04:18,640 --> 00:04:20,790
Obično je prijava.

78
00:04:20,790 --> 00:04:25,320
>> Više-manje sve ove stvari koje sam ovdje došao iz Windows Store. Ja ću pokrenuti to.

79
00:04:25,320 --> 00:04:27,890
To je jedan od programa koji ste dobili po defaultu

80
00:04:27,890 --> 00:04:30,350
na stroj koji je s operacijskim sustavom Windows 8.

81
00:04:30,350 --> 00:04:33,040
Možete doći ovdje pronaći nešto što biste željeli,

82
00:04:33,040 --> 00:04:37,240
od stvari koje su istaknute na igre koje nisam vidio prije.

83
00:04:37,240 --> 00:04:39,440
Oh, wow, imamo novu fliper ovdje.

84
00:04:39,440 --> 00:04:41,580
Možete instalirati te ovdje iz trgovine,

85
00:04:41,580 --> 00:04:43,420
pa ćemo razgovarati o tome kako razvijati to.

86
00:04:43,420 --> 00:04:45,670
Imate puno izbora u tome što ih stvaraju.

87
00:04:45,670 --> 00:04:49,020
Mi ćemo se usredotočiti na temelju priča JavaScript u HTML i CSS,

88
00:04:49,020 --> 00:04:52,790
ali za korisnika, kupcu app, nije važno što je bilo napisano u.

89
00:04:52,790 --> 00:04:54,670
Oni mogu ići naprijed i raditi s njim.

90
00:04:54,670 --> 00:04:57,870
Ja sam zaintrigiran ovom jednom, tako da moram ovo otvoriti i pogledati.

91
00:04:57,870 --> 00:05:02,310
Svaki app, uključujući i one koje mogu podnijeti i prodati ili dati besplatno,

92
00:05:02,310 --> 00:05:06,240
sve što želite učiniti u trgovini, će dobiti početnu stranicu kao što je ovaj.

93
00:05:06,240 --> 00:05:10,750
Možete poslati uz Vaš zahtjev hrpa zaslon metak - vidite neke ovdje -

94
00:05:10,750 --> 00:05:15,970
Detalji o primjeni, a tijekom vremena ćete akumulirati obje ocjene -

95
00:05:15,970 --> 00:05:19,020
oni su zapravo samo zvjezdice - i ocjene,

96
00:05:19,020 --> 00:05:20,690
koji daju malo više uvida.

97
00:05:20,690 --> 00:05:24,380
Zapravo, netko mora nešto tipa i reći vam kako strašan si,

98
00:05:24,380 --> 00:05:29,300
i da će otići u svoj odjeljku Recenzije ovamo, koje nisam pogledao.

99
00:05:29,300 --> 00:05:33,890
Fantastic. "Neće ni otvoriti." Kako super.

100
00:05:33,890 --> 00:05:39,000
Pa, za narod kojemu je ovo učinio otvorenim i trčanje, oni činiti se to stvarno uživati. [Smijeh]

101
00:05:39,000 --> 00:05:43,770
Imajte to na umu. Internet. Svatko može reći što hoće o svom zahtjevu.

102
00:05:43,770 --> 00:05:45,780
Zato pazite što radite veliki posao s njim,

103
00:05:45,780 --> 00:05:49,030
bi bili sigurni da ste čineći ga kao udoban za korisnika, kao što možete

104
00:05:49,030 --> 00:05:52,720
jer oni su par klikova daleko od pružanja recenziju,

105
00:05:52,720 --> 00:05:55,870
i da će se akumulirati na svoju ukupnu reviziju rejtinga.

106
00:05:55,870 --> 00:05:58,990
I što želite učiniti vaš najbolji jer ćete da se protiv drugih aplikacija.

107
00:05:58,990 --> 00:06:01,830
Tu će biti tisuće aplikacija već u trgovini,

108
00:06:01,830 --> 00:06:06,880
a šanse su, možda postoji nešto što se slične funkcionalnosti na ono što radite.

109
00:06:06,880 --> 00:06:12,740
Dakle, ako ste stvarno može stajati iz mnoštva, koje će biti u svoju korist, naravno.

110
00:06:12,740 --> 00:06:15,300
>> Mi ćemo doći u dućan malo kasnije.

111
00:06:15,300 --> 00:06:17,090
Stvarno želim se usredotočiti na stvaranje aplikacije.

112
00:06:17,090 --> 00:06:20,760
No, kratka verzija namirnicama je svjetsku distribuciju,

113
00:06:20,760 --> 00:06:25,430
to je automatski dio Windows 8, ljudi jednostavno ga vatra se i pogledati razne aplikacije ovdje,

114
00:06:25,430 --> 00:06:29,070
imate Pucnjava naljepnica knjige i sve vrste različitih aplikacija.

115
00:06:29,070 --> 00:06:33,690
Svježe boje, koristim to puno - slabo, ali koristim ga puno.

116
00:06:33,690 --> 00:06:36,080
To mi pokazuje već sam ga posjedujete.

117
00:06:36,080 --> 00:06:41,280
Dopustite mi da vam pokazati nešto nemam - UVideos nemam kao potpuno novi.

118
00:06:41,280 --> 00:06:43,660
Vi vidite ovdje je to besplatno, tako da možete ga instalirati izravno iz trgovine.

119
00:06:43,660 --> 00:06:46,430
Imate izbor previše. Vi, naravno, možete ga dati.

120
00:06:46,430 --> 00:06:49,660
Možete staviti oglašavanje u app ili igru.

121
00:06:49,660 --> 00:06:54,770
Također možete naplatiti za to, a ti bi vrlo lako osigurati suđenje za primjenu, kao i

122
00:06:54,770 --> 00:06:58,220
tako da se neka ljudi probati za tjedan ili što god želite učiniti.

123
00:06:58,220 --> 00:07:01,540
To je samo prilagodljiv preko portala. Vi ne napisati bilo kod za to.

124
00:07:01,540 --> 00:07:03,990
Tako ćete reći: "Ovo se može koristiti za tjedan dana i onda moraš kupiti"

125
00:07:03,990 --> 00:07:07,130
ili ste mogli napraviti stvari kao što su, "da bi mogao igrati prve tri razine ove igre

126
00:07:07,130 --> 00:07:09,820
"I onda moraš kupiti za pristup ostalim."

127
00:07:09,820 --> 00:07:12,310
Možete čak i mogao učiniti kupnji u aplikaciji, kao i, tako da se može reći,

128
00:07:12,310 --> 00:07:17,880
"Imamo dodatne avanture ili kompleta grafike ili stvari koje su otključana -

129
00:07:17,880 --> 00:07:21,430
"Više recepata koje su otključane -. Ako kupite ove proširene skupove"

130
00:07:21,430 --> 00:07:24,260
I to je moguće učiniti sve u aplikaciji ili same igre.

131
00:07:24,260 --> 00:07:26,070
Dakle, potpuno ovisi o vama, vaš izbor.

132
00:07:26,070 --> 00:07:28,070
Postoji mnogo stvari koje možete učiniti u trgovini,

133
00:07:28,070 --> 00:07:31,660
a onda zapravo ste ga preda u certifikacijskom kanalu.

134
00:07:31,660 --> 00:07:35,380
Možemo razgovarati o tom malo kasnije, ali to je cilj.

135
00:07:35,380 --> 00:07:40,410
Vi želite da se vaše app svjetska vidljivost u trgovini ovdje.

136
00:07:40,410 --> 00:07:44,170
>> Natrag na početni zaslon ovdje, želio bih vam pokazati okolo malo više.

137
00:07:44,170 --> 00:07:50,580
Ako sam pokrenuti ove aplikacije, dopustite mi da vam dati primjer nekog cross-app funkcionalnosti ovdje.

138
00:07:50,580 --> 00:07:53,070
Da biste to postigli, ja ću pokrenuti svježe boje.

139
00:07:53,070 --> 00:07:55,550
Jedna stvar koju ćete vidjeti ovdje je svaki zalogaj od zaslona,

140
00:07:55,550 --> 00:07:58,040
sve piksela na zaslonu, idite na svoj app.

141
00:07:58,040 --> 00:08:01,990
Otišli su dani u kojima imate ove granice oko prozora

142
00:08:01,990 --> 00:08:05,120
s puno tipki koje su uvijek tu zauzima prostor cijelo vrijeme.

143
00:08:05,120 --> 00:08:09,430
Sada zaista žele pobjeći od toga i samo vaš sadržaj bude fokus.

144
00:08:09,430 --> 00:08:13,710
Mi možemo raditi stvari s Windowsima pristupanjem druge vrste izbornika.

145
00:08:13,710 --> 00:08:16,840
Jedan od njih je zapravo ono što se zove čari bar,

146
00:08:16,840 --> 00:08:18,870
i to dolazi iz strani ekrana.

147
00:08:18,870 --> 00:08:21,270
Vi zapravo može čitati sa strane, ako imate zaslon osjetljiv na dodir,

148
00:08:21,270 --> 00:08:24,840
mogli desni klik, ako imate miš, tu je tipkovnica prečac za to,

149
00:08:24,840 --> 00:08:29,490
uvijek postoji više od jednog načina da učinite nešto u okruženju ovdje.

150
00:08:29,490 --> 00:08:31,680
To donosi niz stvari koje možete učiniti.

151
00:08:31,680 --> 00:08:33,870
Najočitiji je možete vratiti na početni zaslon,

152
00:08:33,870 --> 00:08:36,780
ali druga 4 su ono što se zove čari.

153
00:08:36,780 --> 00:08:41,059
Oni su ugovori koje možete uključiti u kao programer aplikacije. Oni su prilično cool.

154
00:08:41,059 --> 00:08:43,340
Traži, siguran sam da je to nešto što će učiniti,

155
00:08:43,340 --> 00:08:44,950
dijeljenje ću vam pokazati u sekundi,

156
00:08:44,950 --> 00:08:48,450
i uređaji i postavke, to su sve stvari koje vaš app može uključiti u

157
00:08:48,450 --> 00:08:51,960
utjecati na Windows, reći: "Ja sam učinio moj dio

158
00:08:51,960 --> 00:08:54,700
"I ja želim Windows podržati neke druge funkcije,

159
00:08:54,700 --> 00:08:56,750
"A ja ne želim napisati puno koda da bi se to dogodilo."

160
00:08:56,750 --> 00:08:59,480
To je stvarno prednost korištenja ove značajke.

161
00:08:59,480 --> 00:09:01,340
Pokazat ću vam jedan.

162
00:09:01,340 --> 00:09:05,170
Da biste to postigli, ja ću napraviti novu sliku.

163
00:09:05,170 --> 00:09:08,240
Također sam govorio o korištenju svaki piksel za svoju aplikaciju.

164
00:09:08,240 --> 00:09:11,850
Po defaultu, to je ono što boja app izgleda kao kad ste ga koristite.

165
00:09:11,850 --> 00:09:14,960
To je zapravo samo o tome što god crtanje, vaš sadržaj.

166
00:09:14,960 --> 00:09:20,850
Mogao sam učiniti strašne stvari ovdje. Što trebam nacrtati? Ne znam.

167
00:09:20,850 --> 00:09:23,110
Scribbles? Oh, sjajno. Ja mogu učiniti crtarije. Fantastic.

168
00:09:23,110 --> 00:09:25,130
Purica? [Smijeh]

169
00:09:25,130 --> 00:09:28,500
To je najapstraktnija turska vidjet ćete.

170
00:09:28,500 --> 00:09:31,780
Ja se također može dovesti do onoga što se zove app bar,

171
00:09:31,780 --> 00:09:33,850
i to je stvarno jedan od ključnih načina na koje možete koristiti

172
00:09:33,850 --> 00:09:37,210
sakriti sve stvari koje su mogle biti na vašem app ili igru ​​prije

173
00:09:37,210 --> 00:09:39,570
samo uzimaju prostor cijelo vrijeme.

174
00:09:39,570 --> 00:09:43,270
Dakle, sada možete staviti ga ovdje, a to je stvarno jedan od ljepših iskustava

175
00:09:43,270 --> 00:09:46,380
s App bar koje sam vidio.

176
00:09:46,380 --> 00:09:48,800
Stavite na izbore ovdje za odabir različitih boja.

177
00:09:48,800 --> 00:09:54,310
Željeli smo puricu, pa ćemo staviti neke smeđe ovdje, početi miješanje u nekoliko boja.

178
00:09:54,310 --> 00:09:58,790
Uzet ćemo srednji boje ovdje i onda se vratiti ovdje.

179
00:09:58,790 --> 00:10:02,990
Možete početi izvlačenje. Tu ti je purica. Fantastic.

180
00:10:02,990 --> 00:10:07,660
Ja ne mogu izvući za početak, ali to učiniti s touchpad pred publikom je čak i bolje.

181
00:10:07,660 --> 00:10:09,640
Ovo je super.

182
00:10:09,640 --> 00:10:13,030
Ideja je, međutim, sve što mi je stalo je upravo ovdje na površini.

183
00:10:13,030 --> 00:10:17,060
Recimo ja sam tako zadovoljna s tim da moram to podijeliti s nekim.

184
00:10:17,060 --> 00:10:19,680
Obično ono što će učiniti s ostalim verzijama Windowsa,

185
00:10:19,680 --> 00:10:22,900
što bi možda uzeti zaslon metak, ti ​​bi napraviti neki copy-paste vašeg teksta

186
00:10:22,900 --> 00:10:24,950
ili slične stvari koje biste željeli podijeliti out,

187
00:10:24,950 --> 00:10:27,260
, a zatim otići i otvoriti drugu aplikaciju i staviti ga u nju.

188
00:10:27,260 --> 00:10:28,630
Ovdje ne morate to učiniti.

189
00:10:28,630 --> 00:10:32,400
Možete zapravo izvedeš čari bar i reći, "Želim to podijeliti."

190
00:10:32,400 --> 00:10:35,000
U ovom trenutku to će vam pokazati sve aplikacije

191
00:10:35,000 --> 00:10:38,080
koji znaju kako raditi s onim što se dijeli.

192
00:10:38,080 --> 00:10:41,590
U ovom slučaju to je slika, pa će reći: "Vidim da ste dobili sliku."

193
00:10:41,590 --> 00:10:45,590
"Želite li podijeliti to?" Možete vidjeti sam e-mail sebe stvari cijelo vrijeme.

194
00:10:45,590 --> 00:10:49,420
Ona priznaje da je, i to me nudi da kao prečac,

195
00:10:49,420 --> 00:10:53,270
, ali to je također mi pokazuje svaki app koji zna kako se nositi s fotografiranja

196
00:10:53,270 --> 00:10:55,520
i radi nešto s njim.

197
00:10:55,520 --> 00:10:57,890
To su sve ukazuje na Windowsima da oni to mogu.

198
00:10:57,890 --> 00:10:59,240
U ovom trenutku to je Windows.

199
00:10:59,240 --> 00:11:01,680
Korisnik jednostavno odabere ono što želite učiniti s njom.

200
00:11:01,680 --> 00:11:06,610
Ja ću napraviti moj uobičajeni od PuzzleTouch. Možete vidjeti da sam stvorio sve vrste zagonetki tijekom vremena.

201
00:11:06,610 --> 00:11:11,790
Uzet ću PuzzleTouch i reći: "Želim podijeliti ovu nevjerojatnu stvaranje s PuzzleTouch."

202
00:11:11,790 --> 00:11:16,670
To će ići naprijed i reći, "Great. Želite to podijeliti? Fantastično."

203
00:11:16,670 --> 00:11:19,260
"Želite li napraviti puzzle koji je jednostavan, srednje, što god?"

204
00:11:19,260 --> 00:11:20,800
Ja ću napraviti srednji jednu ovdje.

205
00:11:20,800 --> 00:11:24,890
To čini slagalicu. To će biti strašna zagonetka, jer to je uglavnom prazna.

206
00:11:24,890 --> 00:11:28,100
No, to je spreman, a to je zapravo povratak u drugu aplikaciju.

207
00:11:28,100 --> 00:11:32,360
Ako sam došao ovdje, mogu ga potražiti i pokrenuti ga.

208
00:11:32,360 --> 00:11:38,100
Sada, ako smo pomicali tijekom samo malo ovdje, trebali bismo vidjeti moj stvaranje negdje.

209
00:11:38,100 --> 00:11:42,930
Gdje sam? Kakve slagalice sam napraviti? Jesam li to lako?

210
00:11:42,930 --> 00:11:46,110
Oh, evo ga, upravo tamo.

211
00:11:46,110 --> 00:11:49,550
[Nasmijao] To je lako prepoznatljiv turska zagonetka koja je ovdje.

212
00:11:49,550 --> 00:11:52,360
Ali stvar koju želim naglasiti da vas, super stvar ovdje

213
00:11:52,360 --> 00:11:54,710
Je aplikacije nisu znali ništa o jedni druge.

214
00:11:54,710 --> 00:11:58,740
Oni samo je rekao: "Imam sliku za razmjenu, a ja znam kako se nositi sa slikama."

215
00:11:58,740 --> 00:12:01,420
A ti kao developer, ne morate pisati taj kod.

216
00:12:01,420 --> 00:12:05,350
Kad me netko pita za dijeljenje, idem staviti neke podatke u ovom malom strukture podataka

217
00:12:05,350 --> 00:12:06,740
i ja sam gotov.

218
00:12:06,740 --> 00:12:10,990
Drugi app preuzima, radi svoj stvar, a to je kraj iskustvo dijeljenja.

219
00:12:10,990 --> 00:12:14,550
To je samo jedna stvar koju možete napraviti - jako, jako moćan -

220
00:12:14,550 --> 00:12:17,570
i to će biti jedna od onih stvari koje se zaista može pomoći razlikovati svoju aplikaciju

221
00:12:17,570 --> 00:12:20,090
i tvoja igra previše u dućan.

222
00:12:20,090 --> 00:12:22,220
Ljudi će biti u stanju reći: "Ovo je jako korisno."

223
00:12:22,220 --> 00:12:25,430
"Koristim ovu puzzle kreator svih vremena. To je fantastično."

224
00:12:25,430 --> 00:12:30,490
>> To je otprilike dovoljno kratak pregled onoga što se ovdje događa.

225
00:12:30,490 --> 00:12:33,670
Postoji nekoliko drugih značajki previše da bi možda ćemo istaknuti kako ćemo ići kroz koda.

226
00:12:33,670 --> 00:12:37,710
Ali ja želim da se upustim u slajdovima, a za to, ja ću ići na radnu površinu,

227
00:12:37,710 --> 00:12:40,940
koji je sam po sebi još jedna live pločica ovdje.

228
00:12:40,940 --> 00:12:43,840
Ja mogu ići u to i, naravno, kad sam već na toboganima,

229
00:12:43,840 --> 00:12:46,320
, ali dopustite mi da vam pokazati gdje smo zapravo.

230
00:12:46,320 --> 00:12:48,460
Mi smo zapravo u desktop modu.

231
00:12:48,460 --> 00:12:52,580
To je stvarno, gdje ono što sam govorio prije o Windows nošenje naprijed

232
00:12:52,580 --> 00:12:54,850
novim iskustvima i sama pokazuje.

233
00:12:54,850 --> 00:12:56,450
To je Windows znate.

234
00:12:56,450 --> 00:12:59,730
Windows aplikacije zovu desktop aplikacije. Oni vode ovdje.

235
00:12:59,730 --> 00:13:02,730
Ako imate postojeće aplikacije i želite ih izvoditi na Windows 8,

236
00:13:02,730 --> 00:13:04,710
se apsolutno može učiniti.

237
00:13:04,710 --> 00:13:07,590
To nisu iste stvari kao u dućan aplikacija, koje su ovdje,

238
00:13:07,590 --> 00:13:12,240
kao svježe boje i tih NBC News aplikacije i stvari kao što je to. Oni će doći iz trgovine.

239
00:13:12,240 --> 00:13:14,450
Oni se uključi u neke od značajki koje sam vam pokazuju

240
00:13:14,450 --> 00:13:16,620
a drugi da ti nisam prikazani samo još.

241
00:13:16,620 --> 00:13:21,460
No, samo imajte to na umu. Imamo podršku za obje ove stvari kao dobro.

242
00:13:21,460 --> 00:13:27,000
Žao mi je. Je li nešto što se ne prikazuju na zaslonu? Ja sam ga potpuno izgubio. To je čudno.

243
00:13:29,000 --> 00:13:31,000
Ok. Hvala što pokazuje da se.

244
00:13:31,000 --> 00:13:34,770
Ono što nije vidio neko vrijeme je moj vam pokazuje da je desktop je ovdje.

245
00:13:34,770 --> 00:13:37,540
Što je posljednja stvar koju ste vidjeli? Jeste li vidjeli ovo?

246
00:13:37,540 --> 00:13:39,490
To je desktop. Vi već znate kako to izgleda.

247
00:13:39,490 --> 00:13:42,070
Nije to ništa strašno neobično.

248
00:13:42,070 --> 00:13:46,940
To je naš nosi taj doživljaj naprijed za vas i tako omogućiti da koristite ono što ste imali.

249
00:13:46,940 --> 00:13:50,460
Na primjer, ja ću se prikazuje vam Visual Studio. To je desktop aplikacija.

250
00:13:50,460 --> 00:13:52,600
To će se izvoditi u ovom modu.

251
00:13:52,600 --> 00:13:54,960
Bit će to podržati složeniji okoliš

252
00:13:54,960 --> 00:14:01,470
s puno mogućnosti i stvari kao što je to, tako da je to dobar izbor kao desktop app čini.

253
00:14:01,470 --> 00:14:04,810
>> To je rekao, idemo na slajdove za samo malo

254
00:14:04,810 --> 00:14:09,720
i vam dati neki uvodni sadržaj, a zatim ući u zapravo kodiranja ovdje.

255
00:14:09,720 --> 00:14:14,070
Dobra vijest je da sam čuo da ste bili s naglaskom na puno CSS i JavaScript, HTML.

256
00:14:14,070 --> 00:14:18,110
Sve one stvari koje ste bili nositi učenje izravno u izradi Windows Store aplikacije.

257
00:14:18,110 --> 00:14:22,920
Stvari koje ste slušali o tome s primjenom CSS selektora i sve one stvari

258
00:14:22,920 --> 00:14:27,180
je upravo ono što vam je činiti kako bi stvorili aplikaciju ovdje za dućan.

259
00:14:27,180 --> 00:14:29,640
Ići ćemo kroz ove stvari malo po malo.

260
00:14:29,640 --> 00:14:34,130
Uglavnom, ja gradim na stvari koje ste već uzeti vremena kako bi naučili.

261
00:14:34,130 --> 00:14:36,520
To je ukupni chart od tehnologija koje možete koristiti

262
00:14:36,520 --> 00:14:38,790
napraviti aplikacije za Windows 8.

263
00:14:38,790 --> 00:14:42,840
Stvari na desnoj strani, desktop aplikacije, stvarno ono što već znamo.

264
00:14:42,840 --> 00:14:46,840
To je stvar koja je stvarno Windows 7 svijet prenesena u Windows 8.

265
00:14:46,840 --> 00:14:51,920
Sve one mogućnosti nositi naprijed: C #, VB, Win32 vrsta razvoja.

266
00:14:51,920 --> 00:14:54,450
Velika. Nema problema. Nova stvar je na lijevoj strani.

267
00:14:54,450 --> 00:14:58,220
To je Windows Store aplikacije, to je kad želim dobiti moj zahtjev poslati svoj Windows 8

268
00:14:58,220 --> 00:15:02,300
koristeći sve one osobine, dobiti ga u trgovini, i dobiti taj stvarno super iskustvo

269
00:15:02,300 --> 00:15:05,260
od Windows Store aplikacijama.

270
00:15:05,260 --> 00:15:10,350
Da biste to postigli, možete vidjeti ovdje imaš sve svoje izbore sa XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, što bi mogao učiniti DirectX, takve stvari, stvari koje nadilaze slajd.

272
00:15:14,100 --> 00:15:18,650
No, za nas, mi ćemo se usredotočiti pravu na činjenicu da je HTML, CSS i JavaScript

273
00:15:18,650 --> 00:15:22,890
su stvarno prvoklasni građanin za izradu aplikacija za Windows 8

274
00:15:22,890 --> 00:15:24,960
i za Windows Store.

275
00:15:24,960 --> 00:15:27,950
Dakle, ovo je dobro za sve ovdje i ljudi gledaju na videu

276
00:15:27,950 --> 00:15:30,760
jer možete jednostavno iskoristiti sva ona iskustva koja imate

277
00:15:30,760 --> 00:15:33,900
i stvarno vezati u ono što Windows nudi.

278
00:15:33,900 --> 00:15:37,870
Ti ćeš to učiniti kroz skup API-ja, što bi trebalo biti iznenađenje.

279
00:15:37,870 --> 00:15:39,920
Svaki OS ima svoje API-ja.

280
00:15:39,920 --> 00:15:43,530
Mi izložiti ono što Windows može učiniti kroz ono što se zove WinRT.

281
00:15:43,530 --> 00:15:46,370
To je skup API-ja koji jednostavno radi sve za vas.

282
00:15:46,370 --> 00:15:51,650
Ako vam je potrebno za otvaranje datoteke, morate koristiti kameru, Geolocation, takve stvari,

283
00:15:51,650 --> 00:15:55,700
oni prolaze kroz ono što Windows može ponuditi na vas.

284
00:15:55,700 --> 00:15:59,370
Za pristup da, imamo još malo pravopisa koji će još više olakšati

285
00:15:59,370 --> 00:16:02,510
za vas to učiniti. Mi ćemo govoriti u ovom trenutku.

286
00:16:02,510 --> 00:16:04,060
No, za sada, to je zapravo vaš road map.

287
00:16:04,060 --> 00:16:06,770
Stvari koje ste već radili na vrhu nekih API

288
00:16:06,770 --> 00:16:11,280
koji će vam pomoći da rade s Windowsima jednako trgovine app.

289
00:16:11,280 --> 00:16:14,210
I to je zapravo o sve što morate znati iz visokoj razini.

290
00:16:14,210 --> 00:16:17,370
>> Mi ćemo zaroniti zapravo radi sa stvarima sada.

291
00:16:18,940 --> 00:16:21,950
Ono što ste vjerojatno već vidjeli gomilu,

292
00:16:21,950 --> 00:16:26,760
s IE9 malo nazad smo uveli podršku za puno, u to vrijeme,

293
00:16:26,760 --> 00:16:30,340
noviji standardi u webu, tako puno novih CSS mogućnosti,

294
00:16:30,340 --> 00:16:34,380
Mnogo novih HTML, ECMAScript 5, koji je stvarno JavaScript.

295
00:16:34,380 --> 00:16:38,090
Dakle, sve što je za to, osim strogog mirovanja bila u IE9.

296
00:16:38,090 --> 00:16:42,290
Samo tonu stvari s CSS, CSS3, sve tamo.

297
00:16:42,290 --> 00:16:45,300
A sve ovo nosi naprijed u ono što mi radimo s Windowsima 8.

298
00:16:45,300 --> 00:16:49,350
Možete koristiti ove stvari, a vi možete koristiti sve što je novo u IE10.

299
00:16:49,350 --> 00:16:54,640
S IE10 uvodimo podršku za sve te stvari, kao dobro.

300
00:16:54,640 --> 00:16:59,340
Oni su svi hardverski ubrzan, pa ako ste na stroj koji ima neku vrstu GPU,

301
00:16:59,340 --> 00:17:04,190
što je vjerojatno prilično mnogo svaki stroj koji bi mogao dobiti u posljednjih 8 godina,

302
00:17:04,190 --> 00:17:07,609
ti si idući u biti u mogućnosti da imaju hardverski ubrzani izlaz,

303
00:17:07,609 --> 00:17:11,770
Vizualni izlaz s CSS, Canvas, SVG.

304
00:17:11,770 --> 00:17:14,339
Sve te stvari će proći kroz hardversko ubrzanje

305
00:17:14,339 --> 00:17:16,060
i biti da je puno brže i učinkovitije.

306
00:17:16,060 --> 00:17:20,440
Kratka verzija sve to - Ne idem proći kroz svaku stvar ovdje -

307
00:17:20,440 --> 00:17:23,200
ako ga vidim na ovom popisu, ako to možete učiniti u IE10,

308
00:17:23,200 --> 00:17:25,650
ako je web aplikacija koja radite da radi u IE10,

309
00:17:25,650 --> 00:17:28,640
to je nešto što možete učiniti kao Windows Store app.

310
00:17:28,640 --> 00:17:33,100
I to je uglavnom to. Dakle, ako se to radi u IE10, to će raditi kao Windows Store app.

311
00:17:33,100 --> 00:17:36,370
To je na stolu kao nešto što bi moglo koristiti.

312
00:17:36,370 --> 00:17:40,510
>> Ima puno toga ovdje. Nemamo do ponoći, pa ne mogu pregledati sve što je ovdje.

313
00:17:40,510 --> 00:17:44,060
Ali postoje neke web stranice koje će vam pomoći da shvatite što se takve stvari mogu napraviti,

314
00:17:44,060 --> 00:17:45,520
a ja ću vam pokazati jedan od njih u sekundi.

315
00:17:45,520 --> 00:17:48,410
Samo sam htio istaknuti nekoliko ključnih stvari koje biste mogli pogledati.

316
00:17:48,410 --> 00:17:51,560
Možda ste već vidjeli neke od njih u svojim studijama,

317
00:17:51,560 --> 00:17:56,610
ali to su jako korisne, osobito s Windows Store aplikacija, od CSS strani.

318
00:17:56,610 --> 00:18:02,420
Dakle, biti u mogućnosti to učiniti pretvorbe i prijelaze, daju prijedlog s animacijom -

319
00:18:02,420 --> 00:18:07,010
to su sve dio CSS sada, a svi oni podržavaju modernim preglednicima,

320
00:18:07,010 --> 00:18:11,370
i IE10 i IE9 dodao podršku tijekom vremena za sve te stvari.

321
00:18:11,370 --> 00:18:15,220
Pa zašto ga pisati sami, zašto ići kroz sve nevolje radi ove stvari ručno

322
00:18:15,220 --> 00:18:19,970
kada bi mogao koristiti jednostavan CSS transformirati stvoriti 3D efekt za svoju aplikaciju?

323
00:18:19,970 --> 00:18:22,740
Velika. Tako se to radi.

324
00:18:22,740 --> 00:18:24,530
Ja ne mogu učiniti bilo teže od toga.

325
00:18:24,530 --> 00:18:28,330
Ako znate kako to učiniti u CSS, znate kako to učiniti u sustavu Windows Store app.

326
00:18:28,330 --> 00:18:32,080
>> Iznad da je za izgled, čak i stvari kao što su trgovine app,

327
00:18:32,080 --> 00:18:35,350
ali ide dalje od toga, gledajući možda vijesti app koja prikazuje vam članke

328
00:18:35,350 --> 00:18:40,160
ili recepte ili slične stvari, ove druge vrste značajki u CSS su stvarno korisne:

329
00:18:40,160 --> 00:18:45,610
Grid, Flexbox, CSS Regije je više od relativno novog standarda, kao dobro.

330
00:18:45,610 --> 00:18:51,190
Ove stvari sve će vam pomoći da stavi van sadržaja i protok sadržaja između sekcija,

331
00:18:51,190 --> 00:18:55,470
biti u mogućnosti to učiniti numeriranje i crtice bez da ste pisati stvari sami.

332
00:18:55,470 --> 00:18:57,500
Vi samo reći: "Molim vas, učinite sljedeće za mene"

333
00:18:57,500 --> 00:19:00,850
i kao zaslon nekretnina je različit na različitim strojevima

334
00:19:00,850 --> 00:19:03,850
ili kao što ćete vidjeti u ovom trenutku, kao što ugriz prijavu

335
00:19:03,850 --> 00:19:07,920
imati manje količine prostora na ekranu, to nije problem za CSS.

336
00:19:07,920 --> 00:19:11,160
To može iskoristiti - Doći ćemo razgovarati o medijskim upitima u drugi -

337
00:19:11,160 --> 00:19:15,880
to može srediti stvari s pomicanjem sadržaja, teče sadržaj iz regije

338
00:19:15,880 --> 00:19:21,240
Upravo s tim stvarima koje ste možda već vidjeli s web tehnologije.

339
00:19:21,240 --> 00:19:25,470
>> Na HTML5 strane, postoje i hrpa stvari

340
00:19:25,470 --> 00:19:28,140
da će biti vrlo korisno za vas s Windows Store aplikacije.

341
00:19:28,140 --> 00:19:30,980
Opet, nećemo proći kroz sve to, ali oni su samo ovdje.

342
00:19:30,980 --> 00:19:35,470
Dakle, ako vam je potrebna kako bi ga koristiti, audio-video, ako želite napraviti validaciju od oblika,

343
00:19:35,470 --> 00:19:40,570
geolokacija, sve stvari koje možete učiniti u JavaScriptu sa JavaScript 5 ili ECMAScript 5,

344
00:19:40,570 --> 00:19:44,070
IndexedDB za lokalnu pohranu - sve su opcije za vas.

345
00:19:44,070 --> 00:19:49,300
Ako ste u potrazi za odgovor, samo pogled na postojećim tehnologijama s HTML5 i CSS

346
00:19:49,300 --> 00:19:53,880
a vi ćete lakše odgovore nego što roll puno te stvari sami.

347
00:19:53,880 --> 00:19:55,510
Dopustite mi da vam pokažem malo ovdje.

348
00:19:55,510 --> 00:19:57,920
Imam mjesto možemo ići.

349
00:19:57,920 --> 00:20:01,590
Dopustite mi da otkaz iz ove slajd na sekundu.

350
00:20:01,590 --> 00:20:06,450
>> Ako idemo van IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Neću učiniti mnogo demo ovdje.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com stvarno pokazuje vam puno što je novo u IE10,

353
00:20:14,360 --> 00:20:16,220
stvari koje možete učiniti.

354
00:20:16,220 --> 00:20:19,130
Smatram ovo je stvarno korisno, jer umjesto čitanja kroz hrpa bijelih radova,

355
00:20:19,130 --> 00:20:23,020
Pogledajmo nekoliko demo, a to će vam pomoći da ga stavi na svoj osobni radara

356
00:20:23,020 --> 00:20:26,620
o tome je li tehnologija ima smisla da se čak učiniti bilo više istraživanja s

357
00:20:26,620 --> 00:20:29,070
tako da ćete shvatiti, "Vidim što je to za."

358
00:20:29,070 --> 00:20:32,780
"Ja razumijem što Zahtjev Animacija Frame radi za mene."

359
00:20:32,780 --> 00:20:36,900
"Razumijem kako bih mogao koristiti regijama ili SVG filtre."

360
00:20:36,900 --> 00:20:40,190
Možete ih vidjeti u akciji, pogledajte ih na primjer ovdje,

361
00:20:40,190 --> 00:20:44,930
i odlučiti za sebe, ako to će biti korisno za vas u svojim projektima i izvan nje

362
00:20:44,930 --> 00:20:47,840
kao što ste i dalje raditi s web tehnologije.

363
00:20:47,840 --> 00:20:49,900
Ovdje sam samo će vas potaknuti da se pogledati.

364
00:20:49,900 --> 00:20:52,880
Ne mislim da ću potrošiti mnogo vremena zapravo radi njih.

365
00:20:52,880 --> 00:20:56,030
Imamo dovoljno pokazati s pisanjem koda.

366
00:20:56,030 --> 00:21:01,640
Vidjet ćete ovdje stvari iz touch učinaka na dodir-based igre u tom dijelu,

367
00:21:01,640 --> 00:21:06,050
animacije, jako brzo hardware-ubrzani animacije postoji,

368
00:21:06,050 --> 00:21:11,230
neki optimizacijama koje ćete vidjeti u nekim od tih uzoraka, kao i,

369
00:21:11,230 --> 00:21:12,770
a tu je još mnogo, mnogo toga.

370
00:21:12,770 --> 00:21:15,330
Ako idete ovamo i otvoriti site map,

371
00:21:15,330 --> 00:21:19,070
postoji samo smiješno broj uzoraka ovdje.

372
00:21:19,070 --> 00:21:20,690
Vi ih sve možete vidjeti ovdje.

373
00:21:20,690 --> 00:21:22,900
Ako ste u potrazi na nešto ili ste čuli o nečemu

374
00:21:22,900 --> 00:21:25,850
i pitate se možda da će to biti nešto super koristiti u app,

375
00:21:25,850 --> 00:21:31,720
probajte pogledati ovdje, a tu je vjerojatno prilično dobar demo za to da se uštedjeti nešto vremena.

376
00:21:31,720 --> 00:21:35,980
>> Ok? Bilo kakva pitanja do sada za narod ovdje?

377
00:21:35,980 --> 00:21:39,620
Ok. Mi ćemo provesti ovdje.

378
00:21:39,620 --> 00:21:41,920
Opet, samo to provjeriti.

379
00:21:41,920 --> 00:21:45,450
Oni su web standardi, pa ići na bilo koji drugi izlog stranice koje znate od

380
00:21:45,450 --> 00:21:50,550
i vidjeti ako oni tehnologije smisla za ono što pokušavamo učiniti.

381
00:21:50,550 --> 00:21:53,190
>> Povratak na slajdovima.

382
00:21:53,190 --> 00:22:00,290
To je rekao, što se kreće s web svijetu da stvarno instaliranom lokalna aplikacija svijeta,

383
00:22:00,290 --> 00:22:01,850
tako da postoje neke stvari koje treba istaknuti.

384
00:22:01,850 --> 00:22:03,690
Prije svega, nema web poslužitelja koji su uključeni ovdje.

385
00:22:03,690 --> 00:22:06,120
Nema Apache, nema IIS trčanje ovdje

386
00:22:06,120 --> 00:22:10,170
služeći se stranice na udaljenom klijentu, na udaljeni preglednika agenta.

387
00:22:10,170 --> 00:22:13,000
U tom slučaju, zapravo sve je pakirano za vas.

388
00:22:13,000 --> 00:22:16,630
Možete podnijeti da je kao svoju aplikaciju u dućan, to dobiva certifikat,

389
00:22:16,630 --> 00:22:22,190
to ne dolazi u dućan, a onda ljudi na tisuće će instalirati igru ​​ili svoju aplikaciju.

390
00:22:22,190 --> 00:22:24,780
Ali u osnovi, oni su ga vuče dolje lokalno na svoje računalo.

391
00:22:24,780 --> 00:22:29,080
Nema potrebe za izlazak na webu više, osim ako imate pozive koje je potrebno daljinski API,

392
00:22:29,080 --> 00:22:31,790
i to je sasvim normalno, kao i previše.

393
00:22:31,790 --> 00:22:35,330
Ali oni neće biti u tom modu, gdje su ići zahtjev odgovor od poslužitelja

394
00:22:35,330 --> 00:22:37,910
da se na sljedećoj stranici njihovog sadržaja.

395
00:22:37,910 --> 00:22:41,380
Tako da, rekao je, postoji nekoliko manjih API razlike. To su nevjerojatno male.

396
00:22:41,380 --> 00:22:46,850
Oni su vjerojatno da će vas pogoditi u svom uobičajenom kodiranje, ali oni su barem dokumentirati.

397
00:22:46,850 --> 00:22:50,030
Oni su neka vrsta ruba slučajeva postoji.

398
00:22:50,030 --> 00:22:53,370
>> Druga stvar vrijedi istaknuti je povjerenje razlike.

399
00:22:53,370 --> 00:22:58,070
Ja samo spomenuti, jer samo želim da biste bili sigurni da je to rekao

400
00:22:58,070 --> 00:23:01,580
pa ako naiđete na to kasnije, da ćete misliti: "Chris je rekao nešto o tome,

401
00:23:01,580 --> 00:23:04,890
"Pa možda, da, u redu", a onda se vratiti i saznati što je to bilo.

402
00:23:04,890 --> 00:23:06,480
Contexts važno.

403
00:23:06,480 --> 00:23:11,450
Po defaultu smo pokušati zaštititi korisnika od vektora napada.

404
00:23:11,450 --> 00:23:13,400
Postoje određene stvari koje možete učiniti po defaultu

405
00:23:13,400 --> 00:23:16,130
i određene stvari koje trebate promijeniti kontekst omogućiti.

406
00:23:16,130 --> 00:23:19,860
Kako budete koristili neke knjižnice vani - you've već je radio s jQuery,

407
00:23:19,860 --> 00:23:23,650
ali ako ste u potrazi za drugim knjižnicama vani - možda koristite neke funkcionalnosti

408
00:23:23,650 --> 00:23:28,000
takav nadilazi lokalne uporabe, nema više dinamične interakcije

409
00:23:28,000 --> 00:23:30,360
XHR zahtjeva, takve stvari.

410
00:23:30,360 --> 00:23:33,090
Ponekad možda pronaći one će biti isključen,

411
00:23:33,090 --> 00:23:37,790
te u tom slučaju, samo ne traži, tražiti lokalne i web kontekstu,

412
00:23:37,790 --> 00:23:39,560
a vi ćete saznati kako to popraviti.

413
00:23:39,560 --> 00:23:42,580
Samo pazite da je znao o tome što vam se početi koristiti druge okvire,

414
00:23:42,580 --> 00:23:45,720
koji je, treba spomenuti, da ste savršeno sposobni učiniti.

415
00:23:45,720 --> 00:23:49,290
Dakle, ako vam neki drugi okvir - Doći ćemo razgovarati o tome u drugom -

416
00:23:49,290 --> 00:23:54,000
za igranje i želite koristiti da, želite koristiti neke kontrolne knjižnice koji su vani

417
00:23:54,000 --> 00:23:57,990
a vi ne želite pisati te stvari sami - to je dobra ideja, zar ne? -

418
00:23:57,990 --> 00:23:59,560
se apsolutno može koristiti ove stvari.

419
00:23:59,560 --> 00:24:03,660
Nema ništa vas drži leđa od korištenja bilo koje vrste knjižnica koji se temelji na JavaScript,

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

421
00:24:05,380 --> 00:24:09,740
Opet, ako je to nešto što možete učiniti u IE10, što je ispitati kritički od puno ovih dana,

422
00:24:09,740 --> 00:24:11,220
možete to učiniti.

423
00:24:11,220 --> 00:24:14,800
Povucite ga u vašem apartmanu, referenca da JavaScript knjižnica, i koristiti ga u svoj program,

424
00:24:14,800 --> 00:24:19,880
Upravo imajući na umu što bi moglo pogoditi sigurnosni kontekst s vremena na vrijeme - ne baš često.

425
00:24:19,880 --> 00:24:24,150
>> A onda su značajke, mi ćemo ići preko neke više onih što idemo.

426
00:24:24,150 --> 00:24:27,500
UX ćete vrsta naviknuti da kao što vidite sve više i više aplikacija

427
00:24:27,500 --> 00:24:29,250
iz sustava Windows Store.

428
00:24:29,250 --> 00:24:33,870
Možete dobiti osjećaj kako oni rade i kako dizajn estetski sklon raditi

429
00:24:33,870 --> 00:24:37,720
različitim aplikacijama i što će ljudi koristiti za doživljava.

430
00:24:37,720 --> 00:24:39,660
To je jako važan dio.

431
00:24:39,660 --> 00:24:42,460
Pobrinite se da kada se ložiti svoj app ne morate čitati priručnika,

432
00:24:42,460 --> 00:24:44,300
koji nikada ne razumiju, usput.

433
00:24:44,300 --> 00:24:46,650
Oni samo trebaju biti u mogućnosti zaigrati s prijavom

434
00:24:46,650 --> 00:24:49,450
i figuring out bez puno poteškoća.

435
00:24:49,450 --> 00:24:52,660
Pridržavaju i držeći se puno tih postupaka,

436
00:24:52,660 --> 00:24:57,640
ideš raditi svoje korisnike veliku uslugu, čineći da lakše.

437
00:24:57,640 --> 00:25:01,810
>> Ok. Jedna stvar na API strani i onda ćemo ući u zapravo pisanje koda.

438
00:25:01,810 --> 00:25:05,660
WinJS je to stvar koju sam spomenuo vrlo kratko s tim složenim slajd

439
00:25:05,660 --> 00:25:08,850
sa svim tim različitim izbora koji se imaju za izradu aplikacija.

440
00:25:08,850 --> 00:25:10,890
WinJS, možete misliti o njemu kao prijatelj.

441
00:25:10,890 --> 00:25:13,680
To je tvoj prijatelj će vam pomoći napisati stvari brže.

442
00:25:13,680 --> 00:25:18,820
To je samo JavaScript i CSS. Ne morate ga koristiti. Možete ga koristiti.

443
00:25:18,820 --> 00:25:22,180
Ako ćeš se zvati u Windows mogućnosti, što će završiti koristeći ga,

444
00:25:22,180 --> 00:25:27,210
ali ako ima nekih stvari kao što je dizajn obrazaca i kontrolama koje se stvarno ne žele koristiti,

445
00:25:27,210 --> 00:25:29,090
želite koristiti nešto drugo, to je do vas.

446
00:25:29,090 --> 00:25:32,580
Odlučite što želite koristiti i stilova koje želite koristiti.

447
00:25:32,580 --> 00:25:37,250
Značajke iz namespacing i klase generacije - na vama.

448
00:25:37,250 --> 00:25:41,650
Ako vam je draže jedan ili drugi, to je sasvim tvoj izbor. To je još uvijek JavaScript i CSS.

449
00:25:41,650 --> 00:25:43,860
No, to će vam pomoći da učinite mnogo stvari.

450
00:25:43,860 --> 00:25:47,780
Na primjer, ovdje je dio onoga što se može učiniti,

451
00:25:47,780 --> 00:25:50,790
stvari kao što pomaže asinkrono programiranje s obećanjima.

452
00:25:50,790 --> 00:25:54,000
Svaki od vas čuo ili radio s Node.js?

453
00:25:54,000 --> 00:25:59,520
To je zajednički uzorak za rad s asinkronim programiranja.

454
00:25:59,520 --> 00:26:02,370
Tako je u osnovi ono što si rekao je, "Idi radi nešto,

455
00:26:02,370 --> 00:26:05,790
"A ti ćeš mi dati obećanje da ćete se vratiti k meni kada završite."

456
00:26:05,790 --> 00:26:08,400
To je u biti ono što se događa.

457
00:26:08,400 --> 00:26:12,400
Tako da ne zamrzne svoj zahtjev, a korisnik će i branje datoteku

458
00:26:12,400 --> 00:26:15,810
ili nešto se slijevala niz s weba.

459
00:26:15,810 --> 00:26:17,210
UI ostaje osjetljiv.

460
00:26:17,210 --> 00:26:19,410
I to je moguće učiniti pomoću asinkrono programiranje.

461
00:26:19,410 --> 00:26:23,620
Zvuči smiješno složeno, ali to je stvarno lako jer koristi obećanja

462
00:26:23,620 --> 00:26:27,900
a ti samo reći, "Go to učiniti i kada završite, nazvati na ovaj način."

463
00:26:27,900 --> 00:26:30,270
To je uglavnom to. To je sve izgrađeno na WinJS.

464
00:26:30,270 --> 00:26:35,120
To će se učiniti puno lakše napisati jako fleksibilan i moćan aplikacija.

465
00:26:35,120 --> 00:26:37,870
>> Možete vidjeti ostatak ovdje, puno animacije.

466
00:26:37,870 --> 00:26:41,240
Vjerojatno jedna od važnijih stvari na ovom slajdu su kontrole.

467
00:26:41,240 --> 00:26:44,680
Mislim da imam jednu cjelinu - Da, poznajem ga.

468
00:26:44,680 --> 00:26:48,900
Evo primjer samo neke od kontrola koje možete koristiti u svojim aplikacijama.

469
00:26:48,900 --> 00:26:51,060
To je sve ravno iz WinJS.

470
00:26:51,060 --> 00:26:53,430
Niste pisanje tih sebe,

471
00:26:53,430 --> 00:26:55,990
ti samo reći: "Evo kako ja želim da sastavite svoju primjenu."

472
00:26:55,990 --> 00:26:59,420
"Koristit ću pogled flip, tako da mogu ići između različitih slika."

473
00:26:59,420 --> 00:27:03,380
Nisam vam pokazali značenjske Zoom. Ja ću vam pokazati kako se u trenu.

474
00:27:03,380 --> 00:27:05,700
ListViews. Postoji GridViews.

475
00:27:05,700 --> 00:27:08,680
Već ste vidjeli mrežu kao dio trgovine primjene,

476
00:27:08,680 --> 00:27:12,170
tako da ste u mogućnosti koristiti blokove sadržaja i pomicanje preko toga.

477
00:27:12,170 --> 00:27:15,660
Flyout izbornici vidjet ćete s vremena na vrijeme.

478
00:27:15,660 --> 00:27:19,090
App bar sam ti pokazao s tim svježe boje prijave, kao i,

479
00:27:19,090 --> 00:27:22,190
pa ste vidjeli kako se može prilagoditi da stavljanjem tipke na njemu

480
00:27:22,190 --> 00:27:26,360
i da ima sakriti kad te nije briga za to iskoristiti.

481
00:27:26,360 --> 00:27:28,120
To je zapravo potpuno na vama je da se koristiti.

482
00:27:28,120 --> 00:27:30,210
To su sve kontrole koje su dio WinJS.

483
00:27:30,210 --> 00:27:33,640
Ja ću vam pokazati kako napraviti to u samo sekundu, ali tu je više nego samo to,

484
00:27:33,640 --> 00:27:37,060
a ključna stvar je koristiti ih ako želite, uštedjeti nešto vremena.

485
00:27:37,060 --> 00:27:40,830
>> Ukoliko imate i druge kontrole knjižnice koje želite koristiti, to je savršeno u redu previše.

486
00:27:40,830 --> 00:27:46,300
Stvari kao što su jQuery UI učiniti puno ovakvom idejom, kao i,

487
00:27:46,300 --> 00:27:51,280
pružajući više kontrole koje se protežu što možete učiniti u HTML i JavaScript.

488
00:27:52,690 --> 00:27:55,680
Zaronimo u. Već sam rekao da. Koristite ono što želite.

489
00:27:55,680 --> 00:27:59,680
Samo imajte na umu da ste mogli upasti u nekom kontekstu pitanja.

490
00:27:59,680 --> 00:28:03,380
No, sigurno možete miješati i odgovaraju bez obzira na vrstu knjižnice ste zadovoljni s,

491
00:28:03,380 --> 00:28:06,770
Želite li saznati, želite koristiti, kako bi uštedjeti nešto vremena.

492
00:28:06,770 --> 00:28:09,850
>> Pričajmo o alatima samo na sekundu.

493
00:28:09,850 --> 00:28:12,400
Možete dobiti ono što vam je potrebno za početak rada s Windows Store aplikacije.

494
00:28:12,400 --> 00:28:17,360
Ako idem natrag, imam previše stvari ovdje.

495
00:28:17,360 --> 00:28:21,770
Ako idete na ovu stranicu, što je dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
možete preuzeti sve što vam je potrebno.

497
00:28:23,300 --> 00:28:28,170
Kao studenti, imate pristup do više od javnosti radi,

498
00:28:28,170 --> 00:28:30,670
tako da možete dobiti veći kraja verzije Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Edwin spominje već možete dobiti Windows, kao dobro.

500
00:28:34,090 --> 00:28:36,790
No, u cjelini, za sve programere, možete otići na ovu stranicu

501
00:28:36,790 --> 00:28:40,380
i preuzeti sve što vam je potrebno da bi zahtjev, i to je sve besplatno.

502
00:28:40,380 --> 00:28:42,460
Dakle, tu je besplatna verzija Visual Studio,

503
00:28:42,460 --> 00:28:44,450
postoje neki alati koji će se instalirati uz to -

504
00:28:44,450 --> 00:28:47,240
sve što je potrebno za stvaranje i testiranje vaš zahtjev.

505
00:28:47,240 --> 00:28:50,130
To je samo kada će objaviti svoju prijavu do trgovine

506
00:28:50,130 --> 00:28:52,470
da ćete se trebati račun developer.

507
00:28:52,470 --> 00:28:56,100
I to vjerujem da je besplatno. Je li to besplatno za studente, kao i? >> [Guarin] Koji?

508
00:28:56,100 --> 00:28:57,970
Račun programer, stvarna podnesak. >> [Guarin] Da.

509
00:28:57,970 --> 00:28:59,580
To je još dobrih vijesti.

510
00:28:59,580 --> 00:29:00,840
Ići ćete pogledati ovo.

511
00:29:00,840 --> 00:29:03,840
To će reći za pojedinca po defaultu je 49 dolara.

512
00:29:03,840 --> 00:29:06,140
Ali nemojte se prijavili za koje je kao student.

513
00:29:06,140 --> 00:29:10,250
Mi ćemo vam se neke informacije kroz svoje programe koje možete dobiti račun za besplatno,

514
00:29:10,250 --> 00:29:13,980
i da će vam zatim poslati svoje aplikacije sve do trgovine,

515
00:29:13,980 --> 00:29:17,370
onoliko koliko vam se sviđa, a sve to dobrote će uskoro slijediti.

516
00:29:17,370 --> 00:29:19,710
Dakle, to je dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Možete preuzeti alate koji vam mogu zatrebati odavde.

518
00:29:22,170 --> 00:29:25,310
A ako želite, možete dobiti probnu verziju Windowsa ovdje,

519
00:29:25,310 --> 00:29:27,160
ali opet, ne će trebati.

520
00:29:27,160 --> 00:29:32,880
>> Druga stranica - dopustite mi naglasiti ovaj put za vas brzo - je design.windows.com.

521
00:29:32,880 --> 00:29:34,770
To je dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, možete pogoditi što je to za.

523
00:29:37,770 --> 00:29:40,380
To je zapravo prilično prijateljski stranica. Ima puno dobrih informacija ovdje.

524
00:29:40,380 --> 00:29:41,770
Možete raditi kroz njega.

525
00:29:41,770 --> 00:29:43,960
To će vam dati neke savjete o nekim stvarima

526
00:29:43,960 --> 00:29:46,760
da možda niste mislili o tome prije ili morali baviti prije,

527
00:29:46,760 --> 00:29:50,780
kao i projektiranje za dodir, projektiranje za različite faktora forme,

528
00:29:50,780 --> 00:29:55,310
projektiranja za mogućnosti sustava Windows 8, stvari koje sam spomenuo prije

529
00:29:55,310 --> 00:29:58,740
kao što je pretraživanje i dijeljenje, neke stvari koje nisam govorio o tome još.

530
00:29:58,740 --> 00:30:05,570
Oni su svi ovdje navedeni, a to je prilično dobar niz korisnih stranica datoteka

531
00:30:05,570 --> 00:30:08,670
koji će vam pomoći da shvatite kako napraviti određenu vrstu primjene,

532
00:30:08,670 --> 00:30:14,250
kako to učiniti interakciju, kako se nositi s UI i UX vašeg zahtjeva.

533
00:30:14,250 --> 00:30:18,630
Ja bih preporučio da se pogled na to, pogotovo ako ste u nekom trenutku

534
00:30:18,630 --> 00:30:22,960
u nadi da će objaviti prijavu u dućan.

535
00:30:22,960 --> 00:30:25,250
Vi idete da želite znati kako napraviti dobru aplikaciju

536
00:30:25,250 --> 00:30:28,300
zato što sam spomenuo prije, ako ne, nema te recenzije opet.

537
00:30:28,300 --> 00:30:29,930
Ljudi će biti nesretan.

538
00:30:29,930 --> 00:30:32,960
Oni neće biti u mogućnosti pronaći ono što oni očekuju na pravim mjestima.

539
00:30:32,960 --> 00:30:36,590
Nitko ne želi da se to dogodi vama.

540
00:30:36,590 --> 00:30:39,220
>> Kreće naprijed ovdje, neka mi zatvoriti to.

541
00:30:39,220 --> 00:30:43,700
Sada kada znate gdje da se stvari, ja ću vam pokazati kako zapravo početi koristiti stvari.

542
00:30:43,700 --> 00:30:48,520
Za početak, ja zapravo će vam pokazati ovdje je primjer desktop aplikacije na moj početni zaslon.

543
00:30:48,520 --> 00:30:53,600
Ovdje možete vidjeti Visual Studio, možete vidjeti spoj i druge razvojne alate koje imam.

544
00:30:53,600 --> 00:30:55,890
Oni imaju nešto drugačiju pločicu.

545
00:30:55,890 --> 00:30:57,930
To je zato što su desktop aplikacije,

546
00:30:57,930 --> 00:31:00,960
te u tim slučajevima svi oni će lansirati natrag na moj desktop

547
00:31:00,960 --> 00:31:05,350
zapravo samo kao aplikacije koje ste navikli.

548
00:31:05,350 --> 00:31:06,960
Dakle Windows iskustvo, to je ista stvar.

549
00:31:06,960 --> 00:31:12,940
Oni nisu, na primjer, kao što je oružanih! ili ove stvari. Dopustite mi da pokrenu jedan brzo.

550
00:31:12,940 --> 00:31:14,340
Zapravo, evo jedan zanimljiv.

551
00:31:14,340 --> 00:31:19,210
To je razvijen od strane studenata koji rade u partnerstvu na NERD.

552
00:31:19,210 --> 00:31:23,430
Cijeli zaslon prijava, ove vrste iskustava ovdje.

553
00:31:23,430 --> 00:31:26,290
Oh, lijepo cut ekrani i sve vrste zabave stvari.

554
00:31:26,290 --> 00:31:34,330
Oni su razvili to. Mi možda i prikazati cijelu stvar kad smo već kod toga.

555
00:31:37,510 --> 00:31:41,070
Naime, radio sam s njima malo, dao im neke savjete o stvarima

556
00:31:41,070 --> 00:31:44,160
zato što su radili JavaScript za njihovu primjenu.

557
00:31:44,160 --> 00:31:46,460
Molim vas, ne uzimam zasluge za njihov rad, oni sve radove.

558
00:31:46,460 --> 00:31:48,990
Samo sam im dao malo savjet tu i tamo,

559
00:31:48,990 --> 00:31:52,400
ali jesu neke velike stvari pomoću JavaScript prednji kraj

560
00:31:52,400 --> 00:31:56,920
i vezanje u nekim fizike motora i stvari koje treba napraviti puno za ovo djelo.

561
00:32:00,120 --> 00:32:03,360
Idi. Da vidimo je li se to radi.

562
00:32:03,360 --> 00:32:07,010
Wow, to još uvijek radio. U redu, dobro. No, shvatili ste.

563
00:32:07,010 --> 00:32:09,350
Full screen app, jako dobro iskustvo.

564
00:32:09,350 --> 00:32:14,250
To podupire ne samo moj miš i olovku ako imam takve stvari, ali i dotaknuti.

565
00:32:14,250 --> 00:32:19,420
Ako sam imao zaslon osjetljiv na dodir, samo sam mogao izvući na njega i nastaviti raditi s tim.

566
00:32:19,420 --> 00:32:21,440
>> Jedna stvar mi nije pokazao, i razlog zašto vodim ovaj gore

567
00:32:21,440 --> 00:32:23,840
je sam željela imati još jedan app koji će vam pokazati što možete učiniti,

568
00:32:23,840 --> 00:32:29,480
zapravo možete uzeti aplikacija u Windows i povucite ih na strani ekrana.

569
00:32:29,480 --> 00:32:33,070
To se zove lomljenje prijavu.

570
00:32:33,070 --> 00:32:37,800
U ovom slučaju, uzeo sam Inkarus i ja sam ga dodao na stranu ovdje.

571
00:32:37,800 --> 00:32:42,990
Ona je sada u pogledu Snap, a to mi omogućuje da učinite nešto drugo, a da je zahtjev postoji.

572
00:32:42,990 --> 00:32:46,210
Većina igara da ćete pronaći upravo će jednostavno pauzirati.

573
00:32:46,210 --> 00:32:51,090
To je inače pristojna stvar za učiniti, osim ako se igra može nekako umanjiti

574
00:32:51,090 --> 00:32:54,210
na taj mali od rezolucije, kao što možda neke vrste igara na ploči

575
00:32:54,210 --> 00:32:55,620
ili slične stvari na prigodu.

576
00:32:55,620 --> 00:32:58,570
No, u cjelini, najjednostavnija stvar za napraviti, a najprikladnija stvar za učiniti za igre

577
00:32:58,570 --> 00:33:00,620
je za pauzu aplikaciju.

578
00:33:00,620 --> 00:33:09,440
Za aplikacije kao što su vijesti aplikacije, ako sam pokrenuti ovaj i onda sam ga gurnuti,

579
00:33:09,440 --> 00:33:16,170
vidjet ćete da je zapravo bitno mijenja u tome kako je predstavljajući podatke za vas.

580
00:33:16,170 --> 00:33:20,070
Ovdje vas to pokazuje u stvarno više vertikalnu tavu da se informacije,

581
00:33:20,070 --> 00:33:23,340
ali ja još uvijek mogu apsolutno koristiti aplikaciju.

582
00:33:23,340 --> 00:33:25,640
Dakle, to je još uvijek vrlo koristan.

583
00:33:25,640 --> 00:33:29,870
Činjenica da je u manjim pogledom me ne bi od koristi tu aplikaciju. Dakle, razmišljam o tome.

584
00:33:29,870 --> 00:33:32,090
To je nešto što morate imati svoje aplikacije učiniti u određenoj mjeri,

585
00:33:32,090 --> 00:33:35,370
, ali to je do vas kako bi se utvrdilo koliko je funkcionalna vaše aplikacije bi trebao biti

586
00:33:35,370 --> 00:33:39,080
u toj vrsti manjem okruženju.

587
00:33:39,080 --> 00:33:44,780
Dopustite mi zatvoriti jednu dolje i vratiti u kojoj smo bili ovdje.

588
00:33:44,780 --> 00:33:48,110
>> Edwin, možete dodati fotografiju mene već? >> [Guarin] Da. >> [Bowen] Pogledajte kako.

589
00:33:48,110 --> 00:33:51,510
Jeste li vidjeli? Edwin dodao fotografiju. [Smijeh]

590
00:33:51,510 --> 00:33:54,410
>> Idemo natrag ovamo u Visual Studio. Dopustite mi da pokrenu ovo za vas.

591
00:33:54,410 --> 00:33:58,170
Mogao sam kliknuo na crijep na taj početni zaslon.

592
00:33:58,170 --> 00:34:02,630
To me je vratio u desktop modu, a to je pokretanje desktop aplikaciju za Visual Studio.

593
00:34:02,630 --> 00:34:06,790
To je Windows koje već poznaju.

594
00:34:06,790 --> 00:34:09,100
Ja mogu ići naprijed i stvoriti projekt ovdje.

595
00:34:09,100 --> 00:34:11,159
Mi ćemo ponovno usredotočiti na JavaScript, HTML.

596
00:34:11,159 --> 00:34:16,510
Ja ću izaći i odaberite ovdje pod JavaScript, Windows Store.

597
00:34:16,510 --> 00:34:19,010
Postoji nekoliko predložaka koje možete koristiti.

598
00:34:19,010 --> 00:34:21,710
Za produktivnosti, ja bih preporučio da se pogled na neke od tih drugih one ovdje

599
00:34:21,710 --> 00:34:23,489
kao Grid i Splitu.

600
00:34:23,489 --> 00:34:25,270
Oni su doista korisno ako ste stvaranje aplikacija

601
00:34:25,270 --> 00:34:28,960
koji će imati takav dizajn i navigaciju. Te se puno.

602
00:34:28,960 --> 00:34:33,070
Jedan samo sam ti pokazao je zapravo instanca Grid aplikacije.

603
00:34:33,070 --> 00:34:36,880
Dakle, ako mislite da ćete biti stvaranje vijesti app ili RSS čitač

604
00:34:36,880 --> 00:34:43,120
ili nešto slično da se bavi s više ulazaka za koje biste htjeli pokazati detalj,

605
00:34:43,120 --> 00:34:45,989
razmišljati o korištenju jednog od tih predložaka brzo započeti s radom

606
00:34:45,989 --> 00:34:48,380
i prilagođavamo od tamo.

607
00:34:48,380 --> 00:34:50,120
Ali samo tako mogu vam pokazati sve pokretne dijelove ovdje

608
00:34:50,120 --> 00:34:56,120
Ja ću stvoriti prazan app, a onda ćemo otići malo dublje u detalje.

609
00:34:56,120 --> 00:34:58,690
Ja sam samo što taj prazan prijavu ovdje.

610
00:34:58,690 --> 00:35:01,270
To će stvoriti cijeli projekt za mene.

611
00:35:01,270 --> 00:35:03,290
Ja ću otvoriti stvari koje želim da vam pokazati po defaultu.

612
00:35:03,290 --> 00:35:08,550
Dopustite mi samo povećavanje malo da vam pokazati ono što je stvorio za nas ovdje.

613
00:35:08,550 --> 00:35:11,350
Stvari koje idete pogledati prvi su nazvali zadani.

614
00:35:11,350 --> 00:35:15,970
Tako da ideš tražiti default.html, default.js i default.css.

615
00:35:15,970 --> 00:35:19,590
Druga stvar za naglasiti je da mi već imamo referencu na ono što sam spomenuo prije.

616
00:35:19,590 --> 00:35:24,530
To je WinJS. Nitko zapravo poziva ga na ovaj dugo ime ovdje.

617
00:35:24,530 --> 00:35:27,710
To je WinJS, Windows knjižnica za JavaScript.

618
00:35:27,710 --> 00:35:29,530
Ako ste ga otvoriti, možete vidjeti da je sve ovdje.

619
00:35:29,530 --> 00:35:31,820
Ima različitih CSS datoteke, postoji JavaScript.

620
00:35:31,820 --> 00:35:33,520
On je tu da vam pomogne.

621
00:35:33,520 --> 00:35:37,190
To je stvarno tu da daju kontrole i stilova i stvari koje jednostavno možete koristiti automatski.

622
00:35:37,190 --> 00:35:41,240
Ali opet, ako ima stvari koje želite koristiti, umjesto u smislu stila i druge kontrole,

623
00:35:41,240 --> 00:35:45,600
to ovisi samo o vama. Ja ću vam pokazati kako koristiti par tih stvari upravo sada.

624
00:35:45,600 --> 00:35:51,020
>> Natrag na na našoj lijevoj strani, dopustite mi da vam pokazati zadani HTML stranicu.

625
00:35:51,020 --> 00:35:54,490
Već ste vidjeli WinJS stvari, a to je zapravo sve što se događa tamo

626
00:35:54,490 --> 00:35:59,930
s one srednje linije označavanje, samo dovođenje u CSS po defaultu

627
00:35:59,930 --> 00:36:02,370
i dovođenja u par JavaScript datotekama iz WinJS.

628
00:36:02,370 --> 00:36:06,400
Vi ne morate biti majstor što se događa u tim dokumentima.

629
00:36:06,400 --> 00:36:10,110
Prilično je zanimljivo pogledati ih na neki način pregledati što se događa tamo

630
00:36:10,110 --> 00:36:14,410
jer ima dosta zanimljivih srednje i napredne tehnike zbiva,

631
00:36:14,410 --> 00:36:18,100
ali lijepa stvar je što su programeri, možete jednostavno iskoristiti ih, samo ih koristiti

632
00:36:18,100 --> 00:36:19,510
i stvarno ne morate brinuti o tome.

633
00:36:19,510 --> 00:36:21,960
Još uvijek možete voziti automobil bez da znaju kako se to radi, zar ne?

634
00:36:21,960 --> 00:36:24,180
Dakle, to je vrsta stvar koja se događa ovdje.

635
00:36:24,180 --> 00:36:26,930
Postoji kontrole i stilovi i stvari koje možete samo ići naprijed i koristiti

636
00:36:26,930 --> 00:36:31,460
i kod koji možete koristiti u drugu, bez da znaju što je unutra.

637
00:36:31,460 --> 00:36:33,200
Ovdje su vlastitim datotekama.

638
00:36:33,200 --> 00:36:35,860
To su vaši mjesta koja možete izmijeniti vlastite CSS

639
00:36:35,860 --> 00:36:38,400
i sami JavaScript da bi stvari valjanje.

640
00:36:38,400 --> 00:36:43,300
Vi ćete biti dodajući sigurno druga JavaScript datoteke i možda druge CSS datoteke

641
00:36:43,300 --> 00:36:47,480
što je vaš projekt raste, ali to je zapravo samo početna točka.

642
00:36:47,480 --> 00:36:52,570
Ovdje je Hello, svijet ekvivalent HTML, tako da smo još u tijelu oznaku.

643
00:36:52,570 --> 00:36:55,990
Na vrhu je, usput, to je HTML5 DOCTYPE,

644
00:36:55,990 --> 00:37:00,060
pa ćete prepoznati da od onoga što ste radili.

645
00:37:00,060 --> 00:37:04,600
Tu je puno IntelliSense ovdje, kao, pa ako to ne učinite stvari kao tipa u video tag

646
00:37:04,600 --> 00:37:07,340
i proširiti da se, vjerojatno ste naučili o činjenici

647
00:37:07,340 --> 00:37:12,760
što vam je potrebno učiniti rezervnog kodiranje za video tagova u HTML5 - ili možda imate -

648
00:37:12,760 --> 00:37:17,490
kako bi se osiguralo da različiti preglednici imaju podršku za svoj video.

649
00:37:17,490 --> 00:37:22,610
Imamo nekih stvari kao što je ovaj preko HTML, preko JavaScripta, preko CSS-a.

650
00:37:22,610 --> 00:37:26,020
To je izgrađen u, a ja ću vam pokazati CSS u sekundu.

651
00:37:26,020 --> 00:37:29,430
Ovdje možete ići naprijed i početi modificiranje kod, oznake.

652
00:37:29,430 --> 00:37:33,700
Naime, prije nego što sam išta promijeniti, da ću pokrenuti to i pokazati vam što ste dobili.

653
00:37:33,700 --> 00:37:35,700
Ti ćeš dobiti štrcanje zaslon koji možete prilagoditi

654
00:37:35,700 --> 00:37:40,940
i onda ćete dobiti Hello, World iskustvo ovdje. Bilo je fantastično, zar ne?

655
00:37:40,940 --> 00:37:42,640
Samo naprijed, brod koji je, zar ne?

656
00:37:42,640 --> 00:37:45,970
Sadržaj ide ovdje. To je osnovna stvar.

657
00:37:45,970 --> 00:37:48,740
To samo može biti bolje od tamo.

658
00:37:48,740 --> 00:37:51,300
Mi ćemo ići naprijed i dodati u nekim stvarima.

659
00:37:51,300 --> 00:37:53,470
Imam malo označavanje ću kopirati ovdje

660
00:37:53,470 --> 00:37:55,740
samo tako da ne morate gledati me tipkanje.

661
00:37:55,740 --> 00:38:02,620
Pusti me dovesti do alatni ovdje, a ja ću ustanoviti to, jer ja ću se to nekoliko puta.

662
00:38:02,620 --> 00:38:05,650
Kutija za alat, ako niste vidjeli Visual Studio, je mjesto gdje ćete naći hrpu kontrola.

663
00:38:05,650 --> 00:38:09,050
Također možete staviti koda u nju da se ponovno koristiti.

664
00:38:09,050 --> 00:38:16,360
Ovdje ću samo pop u nekom drugom HTML, ništa strašno napredne uopće ovdje.

665
00:38:16,360 --> 00:38:20,170
To je samo osnovni HTML govoreći imam ulaz gdje mogu upisati,

666
00:38:20,170 --> 00:38:23,860
Imam gumb gdje to mogu podnijeti, a onda imam div koji je u biti rezervirano

667
00:38:23,860 --> 00:38:27,360
da ja mogu koristiti za izlaz "Hello, upišete to."

668
00:38:27,360 --> 00:38:32,780
To je uvod u HTML primjer.

669
00:38:32,780 --> 00:38:39,340
Ako sam pokrenuti to, mi automatski dobiti HTML, ali mi također automatski dobiti styling.

670
00:38:39,340 --> 00:38:42,270
Ovo je jedan od važnih stvari iz WinJS.

671
00:38:42,270 --> 00:38:47,250
To će vam dati po defaultu neki izgled i dojam da je stvarno dosljedna

672
00:38:47,250 --> 00:38:50,520
s ostatkom ono što Windows 8 radi.

673
00:38:50,520 --> 00:38:52,110
Ovdje možete vidjeti stvari poput gumba.

674
00:38:52,110 --> 00:38:55,890
Tipka po defaultu u HTML ne izgleda kao da je, ali to ipak ovdje

675
00:38:55,890 --> 00:39:00,880
jer to je sve da CSS pravo iz tog CSS datoteke u WinJS.

676
00:39:00,880 --> 00:39:04,680
Ako želite koristiti nešto drugo, ako želite to promijeniti, sasvim u redu,

677
00:39:04,680 --> 00:39:06,790
ići naprijed i učiniti ono što želite. No, to je default.

678
00:39:06,790 --> 00:39:09,610
To će biti više upoznati korisnicima.

679
00:39:09,610 --> 00:39:13,510
I, naravno, to ne može učiniti ništa, jer nisam zapravo žice do bilo kakve koda

680
00:39:13,510 --> 00:39:16,630
odgovoriti na to. To je bio samo HTML.

681
00:39:16,630 --> 00:39:20,630
Dakle, ja mogu dobiti osloboditi od toga, a mi ćemo se vratiti u naš program.

682
00:39:20,630 --> 00:39:25,310
>> Dopustite mi prijeći na našim default.js.

683
00:39:25,310 --> 00:39:29,030
To izgleda prilično komplicirano, ali samo radi nekoliko stvari za tebe.

684
00:39:29,030 --> 00:39:33,120
To je predloženi. To će biti isti u svim svojim projektima.

685
00:39:33,120 --> 00:39:36,620
Jedino što to radi je samo vrsta pita, "Kako sam dospio ovdje?"

686
00:39:36,620 --> 00:39:39,090
i rekao: "Jeste li pokretanje ovu aplikaciju po prvi put?"

687
00:39:39,090 --> 00:39:42,640
"Jeste li nastavka app od toga da bude suspendiran?"

688
00:39:42,640 --> 00:39:44,510
Par stvari kao što je to.

689
00:39:44,510 --> 00:39:50,300
Doista, naš fokus na ovu sliku ovdje je pravo o ovdje.

690
00:39:50,300 --> 00:39:54,490
U ovom trenutku, to je jedan redak koda je prilično važno.

691
00:39:54,490 --> 00:39:57,070
To se zapravo događa da ide i gledati kroz sve svoje označavanje,

692
00:39:57,070 --> 00:40:01,640
i da će naći ono što ste zamoljeni da su se pretvorili u kontrolama,

693
00:40:01,640 --> 00:40:07,220
dublje kontrole poput kontrole ocjenjivanja, kao pogled na mrežu, poput flyout

694
00:40:07,220 --> 00:40:09,570
i one druge stvari koje sam ti pokazao na tom slajdu prije.

695
00:40:09,570 --> 00:40:12,550
Oni nisu izvorni HTML kontrole.

696
00:40:12,550 --> 00:40:17,860
Vi jednostavno ne kažu flyout kao elementa a to su znali što učiniti.

697
00:40:17,860 --> 00:40:22,120
Ono što mi zapravo učiniti je ista stvar koja se događa u drugim vrstama kontrole okvira.

698
00:40:22,120 --> 00:40:26,200
jQuery UI radi istu vrstu općeg pristupa.

699
00:40:26,200 --> 00:40:30,800
Možete koristiti oznake u HTML-u, a zatim neke JavaScript dolazi kroz kasnije i kaže:

700
00:40:30,800 --> 00:40:35,900
"Oh, ja znam što je to. Koja traži da se to pretvorilo u ovoj stvari,"

701
00:40:35,900 --> 00:40:39,850
što je drugi izražajniji HTML napraviti kao gostiju kontrole,

702
00:40:39,850 --> 00:40:41,790
što je ono što ću vam pokazati upravo sada.

703
00:40:41,790 --> 00:40:46,140
Ova linija koda je obećanje da govori: "Kada se ispune to obećanje,

704
00:40:46,140 --> 00:40:49,090
"Sve ono što ste tražili a zatim je stvorio."

705
00:40:49,090 --> 00:40:52,780
I to je to. To izgleda malo komplicirano, ali to je stvarno isti u svakom projektu.

706
00:40:52,780 --> 00:40:56,690
Ovdje je mjesto gdje možete dodavati u bilo što drugo što želite da se dogodi,

707
00:40:56,690 --> 00:40:58,280
pa ćemo se vratiti na to u sekundi.

708
00:40:58,280 --> 00:41:01,480
>> Prije svega, treba mi malo koda koji može odgovoriti na to

709
00:41:01,480 --> 00:41:03,320
da je netko kliknuo na gumb.

710
00:41:03,320 --> 00:41:06,330
Ja ću ići naprijed i staviti to ovdje dolje.

711
00:41:06,330 --> 00:41:09,620
Opet, ja ne ću učiniti bilo tipkati ispred vas ovdje.

712
00:41:09,620 --> 00:41:12,560
Vrlo osnovni JavaScript jednostavno govoreći, kada se to zove

713
00:41:12,560 --> 00:41:15,270
ćemo se osigurati neke detalje o tome kako smo ovdje

714
00:41:15,270 --> 00:41:17,630
a onda ćemo napraviti nekoliko osnovnih stvari.

715
00:41:17,630 --> 00:41:21,300
Idi pronaći stvar u mom HTML stranicu koja se zove nameInput,

716
00:41:21,300 --> 00:41:28,490
iskoristite ga, uzmi svoju vrijednost, slap "Hello" na ispred njega, i staviti onaj koji proizlazi niz

717
00:41:28,490 --> 00:41:31,960
u taj div tag koji smo imali prije nego što to doista nije imao ništa prije.

718
00:41:31,960 --> 00:41:37,220
Sada ćemo pronaći tu oznaku i čine njegov unutarnji sadržaj jednak tom nizu.

719
00:41:37,220 --> 00:41:38,880
Vrlo jednostavno JavaScript.

720
00:41:38,880 --> 00:41:42,240
Nadam se da ste priznajući da je stvarno ništa neobično događa ovdje.

721
00:41:42,240 --> 00:41:45,360
To je samo ravno HTML i JS ovdje.

722
00:41:45,360 --> 00:41:48,220
Ako sam pokrenuti ovaj sada, to još uvijek neće ništa raditi jer ga nisam ožičen

723
00:41:48,220 --> 00:41:50,030
primiti događaj.

724
00:41:50,030 --> 00:41:55,710
Da biste to postigli, ja ću to učiniti upravo ovdje, ponovno se vraćaju u moj alatni,

725
00:41:55,710 --> 00:41:58,730
to iskakanje ovdje.

726
00:41:58,730 --> 00:42:03,060
Pretpostavljam da ste vidjeli sve ove vrste stvari prije, pa neću ga pretjerano objašnjavati.

727
00:42:03,060 --> 00:42:05,060
Sada ćemo ići dobiti helloButton.

728
00:42:05,060 --> 00:42:07,730
Mi ćemo reći: "Button, čestitam."

729
00:42:07,730 --> 00:42:10,130
"Ovdje je događaj koji sada reagiraju na."

730
00:42:10,130 --> 00:42:13,420
"Kada netko klikne na vas, nazvati tu funkciju, buttonClickHandler."

731
00:42:13,420 --> 00:42:17,070
A to je da je funkcija smo samo dodao desno dolje na dnu tamo. To je sve.

732
00:42:17,070 --> 00:42:20,980
Tako sada imamo nevjerojatno funkcionalnu primjenu.

733
00:42:20,980 --> 00:42:24,720
Mislim da ćete biti jako impresionirani to.

734
00:42:24,720 --> 00:42:32,320
Chris. Pričekajte za to. Wow. Ok. To je nevjerojatno. [Smijeh]

735
00:42:32,320 --> 00:42:36,570
No, tu je još mnogo toga. Nemojte ga kupiti još. Čekaj.

736
00:42:36,570 --> 00:42:39,610
>> Dopustite mi da vam pokazati malo više ovdje i izaći iz cijelog zaslona.

737
00:42:39,610 --> 00:42:42,690
Idemo u šetnju prije nego što smo pokrenuti.

738
00:42:42,690 --> 00:42:45,530
Pusti me u i zapravo pokazati vam malo s CSS.

739
00:42:45,530 --> 00:42:49,480
Samo po defaultu, ako se osvrnemo na stranici ovdje,

740
00:42:49,480 --> 00:42:53,570
kad god smo izdvajali u tim stvarima od WinJS i dobili smo ui-mrak,

741
00:42:53,570 --> 00:42:58,550
u stvari, možete ga promijeniti zadani za korištenje aplikacije svjetla.

742
00:42:58,550 --> 00:43:03,450
ui-tamno je dobar za grafičke aplikacije kao što su pomoću puno slika,

743
00:43:03,450 --> 00:43:05,740
koju pokazuje puno vizualnog sadržaja.

744
00:43:05,740 --> 00:43:12,560
Ako ste pokazujući puno tekstualnog sadržaja, ui-svjetlo je općenito dobar izbor.

745
00:43:12,560 --> 00:43:15,160
Ne morate odabrati ga, ali sam se prebacio na njega

746
00:43:15,160 --> 00:43:17,690
i sad vidite istu označavanje, isti sve,

747
00:43:17,690 --> 00:43:20,320
to je samo pomoću osnovi obrnuti shemu ovdje

748
00:43:20,320 --> 00:43:24,770
gdje sve je što je crni tekst na bijeloj.

749
00:43:24,770 --> 00:43:26,460
To je sve dobro i dobro.

750
00:43:26,460 --> 00:43:30,680
Dopustite mi da se ovdje, i neka je zapravo napraviti malo više sa CSS.

751
00:43:30,680 --> 00:43:34,830
Ja ću ga vratiti na mraku, jer mislim da je to vjerojatno lakše vidjeti na zaslonu

752
00:43:34,830 --> 00:43:36,970
kada sam početi raditi te stvari.

753
00:43:36,970 --> 00:43:40,150
Idem zamijeniti tijelo još jednom.

754
00:43:40,150 --> 00:43:44,040
Ići ću ovdje. Dopustite mi nuke to.

755
00:43:44,040 --> 00:43:48,690
Dovedimo u tijelu s nastavom.

756
00:43:48,690 --> 00:43:53,000
Vjerujem da ste učinili osnovne selektora sa CSS i stvari kao što je to već,

757
00:43:53,000 --> 00:43:55,380
tako da vjerojatno znate što se ovdje događa.

758
00:43:55,380 --> 00:43:59,250
Samo dodjeljivanje neke klase našem zaglavlju, a mi stvaramo novu div

759
00:43:59,250 --> 00:44:04,430
omotati ostatak te stvari koje sada možemo koristiti za stil svi zajedno.

760
00:44:04,430 --> 00:44:07,760
Dakle, ono što ja mogu učiniti sada je otići na našu zadanu CSS.

761
00:44:07,760 --> 00:44:11,900
Jeste li gledali na medijske upite još? Jeste li razgovarali o tome uopće?

762
00:44:11,900 --> 00:44:17,220
Mediji upiti su dio ovog nastajanju trend -

763
00:44:17,220 --> 00:44:19,660
ili je to utvrđeno trend sada zapravo na webu -

764
00:44:19,660 --> 00:44:22,760
za odgovarajući dizajn ili prilagodljivo,

765
00:44:22,760 --> 00:44:28,480
a ideja je da svoje aplikacije stvarno može se prilagoditi na odgovarajući način

766
00:44:28,480 --> 00:44:31,910
na temelju onoga što uređaj koji oni prikazuju na može učiniti.

767
00:44:31,910 --> 00:44:35,040
Dakle, ako ste na mobilnom uređaju, očito je da nećeš imati što više zaslona za nekretnine

768
00:44:35,040 --> 00:44:41,520
kao što će se na velikom 30-inčni monitor sjedi s desktop, velika računala kao što je to.

769
00:44:41,520 --> 00:44:46,710
Dakle stara odgovor na to bi bio da imaju 5, 6 različitih verzija iste stranice

770
00:44:46,710 --> 00:44:51,350
a ti bi se otvoriti onu koja je podešen za tu određenu veličinu zaslona.

771
00:44:51,350 --> 00:44:55,420
Nije velika. To je vrlo, vrlo ponavljaju i postoji tona održavanja za to.

772
00:44:55,420 --> 00:44:58,120
Sada imamo nešto što se zove CSS medijske upite,

773
00:44:58,120 --> 00:45:02,530
i možemo koristiti to automatski detektirati kada postoji određena veličina

774
00:45:02,530 --> 00:45:07,030
ili neke koristi od svog sadržaja koji se obavlja.

775
00:45:07,030 --> 00:45:09,580
Tako da mogu odgovoriti na to, a vi možete reći: "U redu, u ovom slučaju

776
00:45:09,580 --> 00:45:12,580
"Vjerojatno ni ne treba mi da vam kažem što se ovdje događa."

777
00:45:12,580 --> 00:45:18,020
To samo govori, ako je prijava popucali, kao što sam ti pokazao prije -

778
00:45:18,020 --> 00:45:20,830
grabbing i stavljajući ga na strani ekrana -

779
00:45:20,830 --> 00:45:23,910
onda ćemo napraviti sljedeće styling.

780
00:45:23,910 --> 00:45:25,850
Styling je ne samo o bojama i takvih stvari.

781
00:45:25,850 --> 00:45:29,860
To je također o veličini i marži i paddings i opredjeljenja sadržaja

782
00:45:29,860 --> 00:45:34,040
ili čak onemogućiti ili omogućiti čitave dijelove vaše stranice

783
00:45:34,040 --> 00:45:36,420
i, u ovom slučaju, vaš app ili igru ​​kao dobro.

784
00:45:36,420 --> 00:45:39,210
Dakle, ovdje možete učiniti tako jednostavno kao što želite.

785
00:45:39,210 --> 00:45:46,720
To ne bi bilo korisno u svojim programima, ali to je demo vrijeme,

786
00:45:46,720 --> 00:45:50,530
pa ću ići naprijed i samo dodati u osnovnoj selektor tijela i reći,

787
00:45:50,530 --> 00:45:58,360
"Kad sam pukla, idemo naprijed i učiniti pozadine-boja i neka je odabrati nešto."

788
00:45:58,360 --> 00:46:00,400
Imaš IntelliSense ovdje. To je zapravo jako cool.

789
00:46:00,400 --> 00:46:05,720
U 2012 smo dodano puno stvari za CSS i JavaScript i HTML.

790
00:46:05,720 --> 00:46:08,690
Vi ste, naravno, dobio padajući IntelliSense previše, ali to nije cool stvar.

791
00:46:08,690 --> 00:46:11,730
Super stvar je što je dobio vizualne selektora za puno stvari, kao dobro.

792
00:46:11,730 --> 00:46:14,120
Dakle, moglo bi proći i jednostavno odabrati boju,

793
00:46:14,120 --> 00:46:17,580
ili možete ići van i biti još precizniji, a možete birati -

794
00:46:17,580 --> 00:46:22,330
to će biti strašno. Ja zapravo ću pokupiti pristojan boju ovdje.

795
00:46:22,330 --> 00:46:26,500
Pogledajte označavanje previše, usput. To je tvoj RGB standardni format postoji.

796
00:46:26,500 --> 00:46:30,780
Ali, ako sam prebaciti neprozirnost, to će se prebaciti na selektora alfa kanal ovdje.

797
00:46:30,780 --> 00:46:36,910
Dakle, možete vidjeti da, boju s suštini posto transparentnosti koje imate za to

798
00:46:36,910 --> 00:46:38,860
sve pečena unutra.

799
00:46:38,860 --> 00:46:42,530
Ja ću ga zadržati i do 100% i onda kad sam gotov s tim, sve je dobro i dobro.

800
00:46:42,530 --> 00:46:46,160
Sada, ako sam pokrenuti aplikaciju i uzmemo aplikaciju i mi ga gurnuti,

801
00:46:46,160 --> 00:46:49,000
da je boja pozadine se automatski podešava

802
00:46:49,000 --> 00:46:53,410
samo zato što imaju neke CSS koji kaže: "Idi učiniti."

803
00:46:53,410 --> 00:46:55,580
Također možete napisati JavaScript također da će učiniti istu stvar

804
00:46:55,580 --> 00:47:03,010
ili da bi mogao koristiti da se zapravo pauzirati igru, napraviti takve stvari.

805
00:47:03,010 --> 00:47:04,310
To je vjerojatno kada bih koristiti JavaScript.

806
00:47:04,310 --> 00:47:06,610
Ti bi isključiti game petlju u tom trenutku.

807
00:47:06,610 --> 00:47:09,970
Ti bi trebao malo JavaScript, jer to ne bi bilo nešto što bi CSS za.

808
00:47:09,970 --> 00:47:11,760
No, imajte na umu da je to samo događaj.

809
00:47:11,760 --> 00:47:14,860
Moglo bi se reći, "Kad je moj zahtjev je mijenjati,

810
00:47:14,860 --> 00:47:17,780
"Da vidimo ako smo puklo." I to je to.

811
00:47:17,780 --> 00:47:24,440
>> Ok? Razgovarao sam puno. Ima li pitanja koja do sada o tome gdje smo mi? Da.

812
00:47:24,440 --> 00:47:29,310
[Student] Ima udžbenik za svakoga da biste dobili više informacija? >> Da.

813
00:47:29,310 --> 00:47:33,510
Pitanje je, postoji tutorial za to? Samo ću ga proširiti na sve.

814
00:47:33,510 --> 00:47:37,490
Postoji nekoliko stvari koje možete ići. Idemo zapravo odavde.

815
00:47:37,490 --> 00:47:40,150
Pustite me da se vratim ovdje.

816
00:47:40,150 --> 00:47:45,180
Jedna stvar koju treba naglasiti je i sam Visual Studio ima tutoriali izgrađena rezervirati

817
00:47:45,180 --> 00:47:47,650
Dopustite mi da se osloboditi od toga.

818
00:47:47,650 --> 00:47:51,520
Ako idete i stvoriti novi projekt, ne File, New Project,

819
00:47:51,520 --> 00:47:56,750
i pogledaj na lijevoj strani, tu je Online čvor u ovom selektor.

820
00:47:56,750 --> 00:47:59,790
To će potrajati malo. Ja sam na MyFi ovdje.

821
00:47:59,790 --> 00:48:02,300
No, to će doći i to će mi dati priliku pronaći predloške

822
00:48:02,300 --> 00:48:05,190
ali, što je još važnije, uzorci te.

823
00:48:05,190 --> 00:48:06,750
Dakle, ja mogu kliknuti na JavaScript.

824
00:48:06,750 --> 00:48:10,050
To se događa kako bi pronašli uzorke za mene. Moj rezolucija je način high ovdje.

825
00:48:10,050 --> 00:48:15,070
Normalno, ti bi vidjeli popis puno različitih stvari ovdje.

826
00:48:15,070 --> 00:48:18,280
Ako postoji nešto što želite isprobati, pokupiti jezik,

827
00:48:18,280 --> 00:48:20,970
JavaScript ovdje i reći: "Ne znam kako to učiniti Geolocation."

828
00:48:20,970 --> 00:48:22,220
"Ne znam kako otvoriti datoteku."

829
00:48:22,220 --> 00:48:25,840
"Ne znam kako da iskoriste kamere

830
00:48:25,840 --> 00:48:28,290
"Ili optimizirati za dodir ili stvari kao što je to."

831
00:48:28,290 --> 00:48:33,190
Tu su uzorci za sve: dijeljenje, pretraživanje, cca barovi,

832
00:48:33,190 --> 00:48:37,520
što udaljenih poziva na servis, JSON kodiranje.

833
00:48:37,520 --> 00:48:40,390
Sve te vrste stvari postoje uzorci za ovdje,

834
00:48:40,390 --> 00:48:44,560
a oni nisu veliki uzorci koje će vas cijelu noć kako bi razvlači

835
00:48:44,560 --> 00:48:46,820
samo da otkrijete da jedna stvar koju ste željeli naučiti.

836
00:48:46,820 --> 00:48:49,870
Oni su stvarno dobri. Oni su mali, pravo na točku vrste uzoraka.

837
00:48:49,870 --> 00:48:52,330
Naučio sam tonu prolazi kroz njih osobno,

838
00:48:52,330 --> 00:48:55,260
pa preporučujem da puno kao jednu stvar.

839
00:48:55,260 --> 00:49:01,750
>> Još jedna stvar koju treba istaknuti je također, naravno, pokazala sam vam dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
pa ako vam se vratiti na to, vidjet ćete na dnu tu je i ovdje uzorci.

841
00:49:07,490 --> 00:49:12,560
Na taj način možete skinuti sve njih odjednom, ali tu je i puno drugih resursa ovdje

842
00:49:12,560 --> 00:49:14,400
koji može vam pomoći doći do brzine.

843
00:49:14,400 --> 00:49:17,870
>> Jedna druga stvar, a ja bih stvarno preporučio da pokušate to,

844
00:49:17,870 --> 00:49:24,510
Ja sam ga dobio na moj blog, ali ću ići pravo na njega.

845
00:49:24,510 --> 00:49:28,220
Ja ću vam pokazati. Moj blog ima resurse i slične stvari.

846
00:49:28,220 --> 00:49:35,300
Jedna od stvari koje treba naglasiti je upravo ovdje, to je stvar: Vaša ideja. Vaš App. 30 dana.

847
00:49:35,300 --> 00:49:40,960
Ako kliknete na to, to će vas dovesti do jako korisne stranice.

848
00:49:40,960 --> 00:49:44,650
To je mnogo više pomoći nego što bi mogli očekivati.

849
00:49:44,650 --> 00:49:49,040
To će biti 30 dana od sadržaja koji se u osnovi mogu dobiti savjete i trikove

850
00:49:49,040 --> 00:49:51,990
tijekom tog procesa, kao što stvarate aplikaciju.

851
00:49:51,990 --> 00:49:55,980
I kao što ne može očekivati, zapravo možete ga dobiti za igre previše

852
00:49:55,980 --> 00:49:57,840
i za telefonske aplikacije, takve stvari.

853
00:49:57,840 --> 00:50:01,000
Tako je u osnovi se prijavili za to, a oni će biti ti šalju savjete i trikove,

854
00:50:01,000 --> 00:50:03,010
"Jeste li razmišljali o tome da to? Podržavate li Snap?"

855
00:50:03,010 --> 00:50:04,900
"Ovdje su neke smjernice o tome kako to učiniti dobro."

856
00:50:04,900 --> 00:50:07,440
"Jeste li razmišljali o podnošenju u dućan?"

857
00:50:07,440 --> 00:50:09,370
"Jeste li razmišljali o tome da ćete prodati svoju aplikaciju?"

858
00:50:09,370 --> 00:50:11,490
To će se provesti kroz sve te razne stvari.

859
00:50:11,490 --> 00:50:13,380
A zapravo, ako ste na gaming stazi, u nekom trenutku

860
00:50:13,380 --> 00:50:17,010
ćete početi prepoznajući osobu s kojom razgovarate vas

861
00:50:17,010 --> 00:50:22,850
jer sam zapravo morao ići na Redmint raditi one i snimio dva videa tamo.

862
00:50:22,850 --> 00:50:25,240
Ali to je sve dio igre stazi,

863
00:50:25,240 --> 00:50:27,650
a tu je i puna staza za opći razvoj aplikacije.

864
00:50:27,650 --> 00:50:29,380
To se zove generacija App.

865
00:50:29,380 --> 00:50:33,460
Ja bi svakako preporučujemo da na vas kao dobro osim uzoraka.

866
00:50:33,460 --> 00:50:38,110
>> Postoji puno videa na mjestu zvanom Kanal 9 kao dobro.

867
00:50:38,110 --> 00:50:42,790
To je vjerojatno zadnja stvar koju ću preporučiti kao i prije nego što smo prešli na ovdje.

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

869
00:50:45,280 --> 00:50:48,880
To je super, jer ne ide se kroz čitanje tona bijele knjige.

870
00:50:48,880 --> 00:50:53,880
To je u osnovi puno video, screencasts i stvari koje su pravo na točku.

871
00:50:53,880 --> 00:50:57,940
Ne treba reći da je uvijek u pravu na stvar. To ovisi tko radi govoriti.

872
00:50:57,940 --> 00:51:02,290
No, općenito, ima nekih stvarno to-the-point video ovdje

873
00:51:02,290 --> 00:51:06,230
koji će vam pokazati neke određenu stvar koju možda želite naučiti ili vidjeti demoed.

874
00:51:06,230 --> 00:51:11,110
Tu je i sve naše sadržaje iz naše konferencije koja se dogodila prije par tjedana

875
00:51:11,110 --> 00:51:14,380
zove Građa, i vidjet ćete da je upravo tamo.

876
00:51:14,380 --> 00:51:18,450
Postoje temeljne tehnologije za Windows 8 utakmica. Postoji li ići.

877
00:51:18,450 --> 00:51:23,150
Bio sam tamo, zapravo. Vi me ne možete vidjeti. Bio sam ovdje.

878
00:51:23,150 --> 00:51:27,560
No, u svakom slučaju, to na stranu, ja bih preporučio da se pogled na one videa.

879
00:51:27,560 --> 00:51:29,330
Oni su prilično korisna.

880
00:51:29,330 --> 00:51:32,620
Ako ste zapeli na nešto ili samo želite vidjeti što se nešto može učiniti, otpustiti one gore.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail mi je upravo poslao e-mail s linkom na sadržaj

882
00:51:36,890 --> 00:51:42,140
za studente skinuti s uzorkom koda i takvim stvarima. >> [Bowen] Super.

883
00:51:42,140 --> 00:51:45,510
Strašan. Hvala vam, Edwin.

884
00:51:45,510 --> 00:51:48,320
>> Dobro. >> [Student] imam jedno pitanje. >> [Bowen] Oh. Da, molim te.

885
00:51:48,320 --> 00:51:55,030
[Nečujan student Pitanje] >> [Bowen] Oh, drago mi je što ste pitali. Da.

886
00:51:55,030 --> 00:51:58,940
Pitanje je, je li vizualno sučelje za mene stvoriti stvari?

887
00:51:58,940 --> 00:52:01,630
Edwin će vas nagraditi lijepo za to pitanje.

888
00:52:01,630 --> 00:52:04,310
Postoji način da to učinite.

889
00:52:04,310 --> 00:52:09,040
Hoćemo li to učiniti sada? Učinimo to sada.

890
00:52:09,040 --> 00:52:11,780
Ja ću ići na to upravo sada.

891
00:52:11,780 --> 00:52:14,070
Zapravo, dopustite mi dodati još jednu stvar na ovom demo,

892
00:52:14,070 --> 00:52:16,710
a onda ću ti pokazati stvarni odgovor.

893
00:52:16,710 --> 00:52:21,340
Htjela sam dodati malo više CSS ovdje.

894
00:52:21,340 --> 00:52:23,980
Bio sam malo off na tangente ovdje.

895
00:52:23,980 --> 00:52:26,770
Dopustite mi da stavi na neki CSS ovdje iskoristiti

896
00:52:26,770 --> 00:52:29,980
od klasa koje smo dodali malo prije,

897
00:52:29,980 --> 00:52:33,930
zaglavlju, na Maincontent DIV, a zatim se u greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Ako sam to učiniti i pokrenuti ga, što možete vidjeti sada imamo malo drugačiji padding i margine,

899
00:52:37,920 --> 00:52:40,310
tako da imamo zapravo neki odmaka ovdje.

900
00:52:40,310 --> 00:52:44,630
To su više prema ono što očekuje i od konačnog poliranog primjene.

901
00:52:44,630 --> 00:52:47,770
No, ja sam samo pokazuje da je to vama, jer to je ravno CSS.

902
00:52:47,770 --> 00:52:51,910
Tako su stvari koje već znate da možete koristiti ovdje za podešavanje sadržaja kao što želite.

903
00:52:51,910 --> 00:52:55,100
Već smo vidjeli kako napraviti pozadinu promijeniti u tom smjeru.

904
00:52:55,100 --> 00:53:02,980
>> Ako idem natrag u našu HTML, ja ću dodati još jedan set označavanje,

905
00:53:02,980 --> 00:53:06,140
i to je zapravo će biti kontrolni iz WinJS.

906
00:53:06,140 --> 00:53:09,840
Ja ću ići i iskoristite to, naljepnicu. Dopustite mi da provjerite da to činim na pravom mjestu.

907
00:53:09,840 --> 00:53:11,740
Vjerojatno dovoljno dobra.

908
00:53:11,740 --> 00:53:15,590
Evo upravo sam dodao - a mi ćemo ići preko cijelog zaslona, ​​tako da možete vidjeti cijelu stvar -

909
00:53:15,590 --> 00:53:18,520
Ja sam dodao oznaku za sljedeći div.

910
00:53:18,520 --> 00:53:20,890
Div zove ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Samo po sebi to će učiniti ništa.

912
00:53:23,090 --> 00:53:28,570
Ako ovo otvoriti u pregledniku, koju biste se gledajući u prazno, sama div.

913
00:53:28,570 --> 00:53:31,820
No, zbog tog tajanstvenog linija koda koji sam ti pokazao i prije,

914
00:53:31,820 --> 00:53:35,650
Proces svega, da će tražiti nešto što izgleda ovako -

915
00:53:35,650 --> 00:53:40,380
data-win-kontrola - i to će se naći sve što je u tom parametru.

916
00:53:40,380 --> 00:53:44,560
To će napraviti instancu što god da je to ukazuje na.

917
00:53:44,560 --> 00:53:48,850
U ovom slučaju, to je kontrola ocjena, pa sam rekao: "Molim te, idi i zamijeniti ovu stvar

918
00:53:48,850 --> 00:53:51,400
"Sve što vam je potrebno učiniti kako bi kontrolu ocjena."

919
00:53:51,400 --> 00:53:56,610
To bi mogao biti kontrola Flip, to bi mogao biti prsten napredak ili što god kontrola želite koristiti.

920
00:53:56,610 --> 00:53:59,390
Oni svi idu na posao u biti na isti način.

921
00:53:59,390 --> 00:54:02,920
Vi koristite standardne HTML5 označavanje naznačiti ono što želite,

922
00:54:02,920 --> 00:54:07,670
i onda ćeš dobiti kontrolu na kraju to. Dopustite mi da vodim ovaj.

923
00:54:07,670 --> 00:54:12,270
Samo sam kopirao da u, a sada da markup postaje to,

924
00:54:12,270 --> 00:54:15,280
koja je zapravo prilično broj HTML elemenata.

925
00:54:15,280 --> 00:54:18,440
To su sve pojedinačne slike, a tu je divs oko njih s selektora.

926
00:54:18,440 --> 00:54:22,610
Nadam se da možete vidjeti da. To je malo suptilniji.

927
00:54:22,610 --> 00:54:27,380
Mogu prelazite preko različitih predmeta, i to će mi dopustiti da se vidi ocjena ovdje.

928
00:54:27,380 --> 00:54:31,560
Ja mogu kliknuti na njega, i to pamti rejting, ali to je otprilike to.

929
00:54:31,560 --> 00:54:33,100
To nije stvarno radi ništa s rejtinga.

930
00:54:33,100 --> 00:54:35,230
>> Jedna stvar želim vam pokazati na ovo

931
00:54:35,230 --> 00:54:37,820
Prije nego pređemo na više vizualnog dizajna iskustvo

932
00:54:37,820 --> 00:54:42,680
je malo koda koji mogu koristiti kako bi odgovorili na te WinJS kontrolama.

933
00:54:42,680 --> 00:54:47,540
Dopustite mi da se od tamo, natrag iz cijelog zaslona,

934
00:54:47,540 --> 00:54:52,690
i prijeći na JS ovdje za sekundu.

935
00:54:52,690 --> 00:54:57,450
Ja mogu to učiniti upravo ovdje. Mislim da ću zamijeniti cijelu stvar.

936
00:54:57,450 --> 00:55:03,080
Zapravo, mislim da će zamijeniti sve to, ali saznat ćemo zajedno.

937
00:55:03,080 --> 00:55:07,350
Stavit ću ovo ovdje. Da. Idem obrisati ovo previše.

938
00:55:07,350 --> 00:55:11,790
Što sam dodati? To izgleda kao puno. To nije puno.

939
00:55:11,790 --> 00:55:14,920
Ja samo produžiti tu liniju koda da sam već prije govorio,

940
00:55:14,920 --> 00:55:18,590
i ja govorim, "Kad se sve radi, kad se sve moje kontrole su napravljene,

941
00:55:18,590 --> 00:55:23,660
"Onda to učinite." Pa onda pokrenuti ovu funkciju nazvanu završena.

942
00:55:23,660 --> 00:55:27,080
U ovom slučaju, to je stvar koju možete shvatiti.

943
00:55:27,080 --> 00:55:29,040
Idi pronaći tu kontrolu div.

944
00:55:29,040 --> 00:55:30,790
Zapravo, postoji jedna stvar koju treba naglasiti.

945
00:55:30,790 --> 00:55:35,630
To sljedeći redak je zapravo rekao: "Imam tu ratingControlDiv."

946
00:55:35,630 --> 00:55:39,770
"Želim razgovarati s njim kao da je stvarna kontrola, kontrola WinJS."

947
00:55:39,770 --> 00:55:42,020
Tako je u osnovi, vi me pitate za to od njega.

948
00:55:42,020 --> 00:55:44,600
Ti govoriš: "Želim s vama razgovarati kao kontrola."

949
00:55:44,600 --> 00:55:47,810
A onda možete početi govoriti stvari poput: "Idemo dodati slušatelja za vas

950
00:55:47,810 --> 00:55:51,430
"Pa kad ste promijenili možemo odgovoriti na to."

951
00:55:51,430 --> 00:55:56,930
A onda možemo raditi stvari kao što je ovaj. Zapravo, to je stara code postoji.

952
00:55:56,930 --> 00:55:59,600
Mislim da sam kojega zalijepiti na još jednu funkciju,

953
00:55:59,600 --> 00:56:05,030
i to će biti stvarna funkcija koja će odgovoriti na kontrolu ocjenjivanja se mijenja.

954
00:56:05,030 --> 00:56:07,710
Dopustite mi da pop koji je u pravu ovdje,

955
00:56:07,710 --> 00:56:09,840
negdje postoji.

956
00:56:09,840 --> 00:56:14,930
I u ovom slučaju, jedina stvar koja je nova je činjenica da ćemo u

957
00:56:14,930 --> 00:56:21,000
ono što nas je kontrola rating govori, a mi smo tražili ono što se zove tentativeRating.

958
00:56:21,000 --> 00:56:23,150
Postoji hrpa raznih drugih stvari koje ta kontrola mogu vam reći,

959
00:56:23,150 --> 00:56:25,310
i to ide kontrolu kontrolom.

960
00:56:25,310 --> 00:56:29,140
To je vrlo jednostavan. Vi ćete biti u mogućnosti to shvatiti bez problema uopće.

961
00:56:29,140 --> 00:56:34,040
Trčim to, a sada kada sam promijeniti rejtinge i kliknite na zvjezdicama,

962
00:56:34,040 --> 00:56:36,480
možete vidjeti da je sada to je zapravo reagira na to.

963
00:56:36,480 --> 00:56:40,280
To je stavljajući tu ocjenu na zaslonu u toj inače praznom div tag

964
00:56:40,280 --> 00:56:42,970
ispod kontrole ocjenjivanja.

965
00:56:42,970 --> 00:56:46,670
To je čarolija puno stvari ovdje previše.

966
00:56:46,670 --> 00:56:49,580
Dakle, kao što ste stvaranje aplikacija za Windows Store,

967
00:56:49,580 --> 00:56:52,930
postoji tona kontrola koje možete jednostavno koristiti. Svi oni rade kao što je ovaj.

968
00:56:52,930 --> 00:56:58,670
>> Dopustite mi da vam pokažem vizualnu stranu projektiranje za ove aplikacije.

969
00:56:58,670 --> 00:57:03,440
Dobra vijest je da je već ćete imati ovaj alat kada ste instalirali sve

970
00:57:03,440 --> 00:57:06,240
ako idete na to preuzimanje, a vi dobiti Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Mogu desni klik na to. Neću povećavanje u.

972
00:57:09,890 --> 00:57:12,040
To samo govori otvoreno u Blend.

973
00:57:12,040 --> 00:57:16,040
Blend je još jedan alat koji rame uz rame s Visual Studio radi

974
00:57:16,040 --> 00:57:19,230
i usmjeren je puno više na strani dizajn stvari,

975
00:57:19,230 --> 00:57:23,660
tako da stvarno površine alate koje su optimizirane za stvaranje stilova,

976
00:57:23,660 --> 00:57:29,720
stvaranje animacije, rad s CSS, puno stvari u toj vrsti venu.

977
00:57:29,720 --> 00:57:36,380
Evo što bi trebao biti vrlo zanimljiv i prilično očito odmah je gledamo u app.

978
00:57:36,380 --> 00:57:40,060
Nadam se da ćemo i dalje.

979
00:57:40,060 --> 00:57:42,650
Umjesto gledanja kod, koji se još uvijek ne vidi na dnu,

980
00:57:42,650 --> 00:57:45,350
vidimo stvarni prikaz primjene.

981
00:57:45,350 --> 00:57:49,640
Što je više, to nije samo prikaz app, to je zapravo app trčanje.

982
00:57:49,640 --> 00:57:52,010
I to je ono što je stvarno lijepo o Blend.

983
00:57:52,010 --> 00:57:58,620
Tim je učinjeno puno posla kako bi HTML i JavaScript i CSS u ovaj alat.

984
00:57:58,620 --> 00:58:01,930
Sada možete zapravo, ako ste znatiželjni, "Što to znači? Što mogu učiniti?"

985
00:58:01,930 --> 00:58:08,310
Ja zapravo mogu dizajnirati za ovu aplikaciju, iako se takve stvari ne postoje u mom označavanje.

986
00:58:08,310 --> 00:58:13,230
Zapamtite tu kontrolu ocjena? To je bio samo div tag.

987
00:58:13,230 --> 00:58:17,090
Ova stvar, da je star, postoji samo za vrijeme izvođenja. Kako ću znati da?

988
00:58:17,090 --> 00:58:20,300
Tu je malo magije ovamo.

989
00:58:20,300 --> 00:58:21,700
Pogledaj ove munja vijke?

990
00:58:21,700 --> 00:58:25,570
Svaki put kad vidim munjom, to znači da je stvorio nešto za vrijeme izvođenja.

991
00:58:25,570 --> 00:58:31,770
Neki JavaScript vodio i pretvorio je nešto u ovom ili stvorio ovaj sa nekom logikom.

992
00:58:31,770 --> 00:58:37,100
Oni zvijezde koje vidite tu su stvorili JavaScript WinJS.

993
00:58:37,100 --> 00:58:41,800
Dobra stvar je, to nije važno za mene, ja još uvijek mogu dizajnirati,

994
00:58:41,800 --> 00:58:44,410
Ja još uvijek mogu otići i to promijeniti, ja mogu saznati što se događa ovdje,

995
00:58:44,410 --> 00:58:50,260
Ja mogu pogledati na CSS, mogu ići naprijed i saznajte zašto boja je način na koji je,

996
00:58:50,260 --> 00:58:54,610
Mogu početi petljaju stvari i što se stvari strašno,

997
00:58:54,610 --> 00:58:58,360
sve što želim učiniti.

998
00:58:58,360 --> 00:59:01,020
Zapravo, ja ću ostaviti stvari na miru.

999
00:59:01,020 --> 00:59:03,980
No, možete vidjeti ovdje je sve CSS i to vam pokazuje ovdje.

1000
00:59:03,980 --> 00:59:10,120
Ako odem do tamo, to će vam pokazati sve ono što oni zovu Pobjednički,

1001
00:59:10,120 --> 00:59:14,850
tako su CSS pravila koja su vrlo specifična i najčešće bira za tu stavku,

1002
00:59:14,850 --> 00:59:17,110
koji ste vjerojatno već prešao u svojim klasama,

1003
00:59:17,110 --> 00:59:22,000
gdje se može reći da je općenito font koji smo se primjenjuju na sve,

1004
00:59:22,000 --> 00:59:26,860
nego zato što je to H1 i imam boju definiranu za H1S,

1005
00:59:26,860 --> 00:59:29,820
to će biti ova boja, a to je zato što je precizniji nego body1.

1006
00:59:29,820 --> 00:59:32,590
Ovo je jedna stvar ovdje ti sve to pokazuje,

1007
00:59:32,590 --> 00:59:35,470
i to je jako moćna stvar kao što ste dobili složeniji,

1008
00:59:35,470 --> 00:59:38,160
da se pitate zašto te stvari su takve kakve jesu.

1009
00:59:38,160 --> 00:59:41,020
To zapravo će vam reći, a možete odabrati bilo koju od tih stvari ovdje.

1010
00:59:41,020 --> 00:59:43,370
Ta boja nije previše loš, zapravo.

1011
00:59:43,370 --> 00:59:47,150
Možete ih odabrati. Nadam se da možete vidjeti.

1012
00:59:47,150 --> 00:59:52,410
Za sve koje imate u svom zahtjevu, vidite cijelu kaskadu

1013
00:59:52,410 --> 00:59:56,070
svega CSS koji se mogao primijeniti na to, a koji je pobjedu,

1014
00:59:56,070 --> 00:59:58,050
kojih je jedan zapravo je prednost.

1015
00:59:58,050 --> 01:00:00,930
To su vrste dosadno. Ne postoji mnogo događa u nekim od njih.

1016
01:00:00,930 --> 01:00:04,660
Ako sam otići i promijeniti boju, onda ćete početi dobivati ​​neke kaskada postoji.

1017
01:00:04,660 --> 01:00:07,760
Također možete koristiti HTML i ovdje.

1018
01:00:07,760 --> 01:00:12,490
Mogu proći i modificirati HTML svojstva za sve ove stvari što želim.

1019
01:00:12,490 --> 01:00:14,620
Postoji samo tona stvari ovdje.

1020
01:00:14,620 --> 01:00:18,070
>> Ne želim da se vaše vrijeme prolazi kroz sve ovdje. Samo znam da je ovdje.

1021
01:00:18,070 --> 01:00:21,700
Postoji puno projektantskog funkcionalnosti to je samo dostupna za vas

1022
01:00:21,700 --> 01:00:26,730
tako da možete ostati vizualna, rad s aplikacijom, a da ne morate učiniti mnogo nagađanje

1023
01:00:26,730 --> 01:00:32,180
da će morati raditi normalno i biciklizmu vratio iz preglednika natrag u svoj dizajn,

1024
01:00:32,180 --> 01:00:33,940
Povratak u pregledniku.

1025
01:00:33,940 --> 01:00:37,010
Ovo je stvarno cool stvari za to, a kao što se razvije Windows Store app,

1026
01:00:37,010 --> 01:00:39,650
to će učiniti puno više produktivni.

1027
01:00:39,650 --> 01:00:45,150
>> Također ćete vidjeti da je praćenje označavanje ovdje i vaš CSS

1028
01:00:45,150 --> 01:00:47,270
što radite kroz različite stvari.

1029
01:00:47,270 --> 01:00:50,180
Vjerojatno je jako teško za vas da se vidi da, pogotovo na videu,

1030
01:00:50,180 --> 01:00:54,680
ali to je ono što se ovdje događa, a ja bih preporučio da se upoznate s tim.

1031
01:00:54,680 --> 01:00:57,240
To će vam uštedjeti puno vremena. To je mješavina.

1032
01:00:57,240 --> 01:01:00,520
Ako bi ovdje bilo kakve promjene, oni se automatski će nositi natrag preko

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

1034
01:01:01,870 --> 01:01:06,590
To je ista slika, to je isto sve. Ja ću ga ostaviti na miru.

1035
01:01:06,590 --> 01:01:08,650
Imam bolji primjer koji želim vam pokazati.

1036
01:01:08,650 --> 01:01:11,660
Ali, ako sam napravio promjenu tamo i to spasio i vratio sam se u Visual Studio, što će reći,

1037
01:01:11,660 --> 01:01:16,390
"Hej, vi samo promijenili nešto. Mogu li ga ponovno za vas?" Da.

1038
01:01:16,390 --> 01:01:18,770
A vi koristite istu stvari tamo.

1039
01:01:18,770 --> 01:01:21,320
To je kraj tog uzorka.

1040
01:01:21,320 --> 01:01:28,170
>> Želim vam pokazati viši kraj uzorak samo da vam pogled na druge funkcionalnosti

1041
01:01:28,170 --> 01:01:30,350
što mislite o tome što je dobro.

1042
01:01:30,350 --> 01:01:32,280
Ovo je primjer app koji možete preuzeti.

1043
01:01:32,280 --> 01:01:35,620
Ako ste u potrazi za nečim što se zove Windows Camp u kutiji,

1044
01:01:35,620 --> 01:01:40,340
postoje neki uzorci koje su u tome, a jedan od njih je Contoso Kuharica.

1045
01:01:40,340 --> 01:01:41,640
Ja samo mogu pokrenuti ovo za vas.

1046
01:01:41,640 --> 01:01:44,700
Custom čuvar zaslona. Ovo je pogled Grid aplikacije.

1047
01:01:44,700 --> 01:01:49,590
Oni su dužni neke prilagođene podatke ovdje. Možete se kretati kroz to.

1048
01:01:49,590 --> 01:01:53,090
Možete otići i pogledati razne stvari koje će nas čine gladnima u petak poslijepodne.

1049
01:01:53,090 --> 01:01:57,760
Ne znam. Što se događa da me najviše gladni?

1050
01:01:57,760 --> 01:02:00,530
Ne znam. Samo ću odabrati jedan.

1051
01:02:00,530 --> 01:02:02,460
Možete ići u tim stvarima. To će vam pokazati recept.

1052
01:02:02,460 --> 01:02:04,900
Mogla bi se također, umjesto da kliknete na stavku,

1053
01:02:04,900 --> 01:02:10,360
možete ići pravo na tu kategoriju sadržaja, taj dio sadržaja.

1054
01:02:10,360 --> 01:02:15,590
U tom slučaju, možete pročitati puno lažnih latinskom vam sve govori o tim receptima ovdje

1055
01:02:15,590 --> 01:02:17,720
i onda ići ravno u određenom receptu.

1056
01:02:17,720 --> 01:02:22,770
To također podržava stvari poput dijeljenja da sam vam pokazao prije sa slikama.

1057
01:02:22,770 --> 01:02:26,160
Također možete tražiti u tom zahtjevu previše.

1058
01:02:26,160 --> 01:02:28,880
To je vrlo jednostavan za napraviti pretraživanja.

1059
01:02:28,880 --> 01:02:31,300
U osnovi, vi ste samo dobivanje niz teksta iz Windowsa

1060
01:02:31,300 --> 01:02:34,720
a vi odlučite kako želite nositi pretragu s tim.

1061
01:02:34,720 --> 01:02:39,830
To je nekoliko linija koda kako bi se to, a onda ono što učiniti s njim nakon toga je potpuno ovisi o vama.

1062
01:02:39,830 --> 01:02:44,180
>> Ovdje oni također imaju app bar gdje oni koriste neke druge funkcije.

1063
01:02:44,180 --> 01:02:45,430
Samo ću vam reći što je to.

1064
01:02:45,430 --> 01:02:48,220
Podsjetnik će se koristiti ono što se zove obavijest tost.

1065
01:02:48,220 --> 01:02:52,930
To je stvarno zgodan za ostavljajući korisnik znati kada su se dogodile stvari,

1066
01:02:52,930 --> 01:02:55,850
kao i program je instaliran ili nešto dovršena.

1067
01:02:55,850 --> 01:02:57,950
To je također dobar za igre previše.

1068
01:02:57,950 --> 01:03:02,360
Ako imate uporni svijet ili zajednica vođu i uslugu koja će biti voditelj da

1069
01:03:02,360 --> 01:03:08,490
Možda na posebnom stroju, te obavijesti može biti poslana u stroj

1070
01:03:08,490 --> 01:03:12,240
pa čak i ako korisnik ne koristi svoju igru, igrati svoju igru ​​i trčanje tvoj app,

1071
01:03:12,240 --> 01:03:15,170
oni još uvijek mogu dobiti obavijesti o takvim događajima.

1072
01:03:15,170 --> 01:03:19,350
Dakle, moglo bi se reći, "Vaš dvorac je uništen ili je samo o uništena."

1073
01:03:19,350 --> 01:03:22,870
"Vrati se i braniti", ili nešto slično.

1074
01:03:22,870 --> 01:03:26,830
Kliknete na obavijesti, idete pravo vratiti u igru, a možete ga igrati.

1075
01:03:26,830 --> 01:03:32,170
Dakle, one vrste stvari koje mogu pomoći stvarno privući ljude natrag u svoj app prilično učinkovito.

1076
01:03:32,170 --> 01:03:37,450
>> Tu je i podrška u ovom zahtjevu za korištenje mikrofona, web-kamere,

1077
01:03:37,450 --> 01:03:39,560
radi videa i fotografiranje.

1078
01:03:39,560 --> 01:03:42,080
Također možete prikvačiti srednju pločicu.

1079
01:03:42,080 --> 01:03:46,760
To je korisno ako želite da se samo pločicu koja ide pravo na određeni sadržaj.

1080
01:03:46,760 --> 01:03:49,960
U ovom slučaju, to ide na ovom receptu.

1081
01:03:49,960 --> 01:03:51,300
Sve ću spomenuti ja sam samo pokazuje

1082
01:03:51,300 --> 01:03:53,270
jer to je ono što možete razmišljati o korištenju, kao dobro.

1083
01:03:53,270 --> 01:03:57,590
Za veći dio, oni su vrlo jednostavan za korištenje.

1084
01:03:57,590 --> 01:04:00,070
Ja bih samo preporučio bi se da je uzorak Explorer

1085
01:04:00,070 --> 01:04:03,600
i naći uzorak koji vam može pokazati kako se to radi.

1086
01:04:03,600 --> 01:04:07,140
To je prilično jednostavan da bi oni u svoje aplikacije kao i tamo.

1087
01:04:07,140 --> 01:04:11,030
>> Htjela sam vam pokazati nešto drugo to je baš super ovdje.

1088
01:04:11,030 --> 01:04:15,230
Ja ću puknuti ovu aplikaciju, a ja ću se vratiti u Visual Studio.

1089
01:04:15,230 --> 01:04:18,870
Ovaj program je pokrenut. To je trčanje s Visual Studio.

1090
01:04:18,870 --> 01:04:21,370
Ja mogu napraviti neke prilično kul stvari s tim.

1091
01:04:21,370 --> 01:04:23,840
Ja zapravo imaju mogućnost odabrati element,

1092
01:04:23,840 --> 01:04:28,250
i ja mogu ići ovdje na live aplikaciju, a ja mogu reći,

1093
01:04:28,250 --> 01:04:34,000
"Pitam se zašto je vrijeme pripreme malo svjetlije sivo od samog naslova?"

1094
01:04:34,000 --> 01:04:35,680
Ja mogu kliknuti na njega.

1095
01:04:35,680 --> 01:04:38,080
To će se uskladiti da vrati u Visual Studio,

1096
01:04:38,080 --> 01:04:43,780
i to će mi pokazati točno generiran sadržaj koji je rezultirao u tom dijelu UI.

1097
01:04:43,780 --> 01:04:47,270
Dakle, u ovom slučaju, to je točka-podnaslov i H4 dvostruki konstrukt,

1098
01:04:47,270 --> 01:04:51,110
i to je vjerojatno nam govori ono što moramo znati, jer kao H4 u tom kontekstu,

1099
01:04:51,110 --> 01:04:53,550
to će dobiti određenu vrstu fonta.

1100
01:04:53,550 --> 01:04:56,410
Ali, ako ja još uvijek ne znam zašto, ja mogu kliknuti na Trace stilova.

1101
01:04:56,410 --> 01:05:02,330
I onda možete proširiti izvan boju, a ja mogu saznati točno zašto ta boja nije boja karoserije

1102
01:05:02,330 --> 01:05:04,640
ali u stvari je nešto drugo.

1103
01:05:04,640 --> 01:05:07,210
To je u biti dev alati iz programa Internet Explorer

1104
01:05:07,210 --> 01:05:09,530
do stupnja doveo u Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Ako ste radili s Chrome Dev alati, palikuća, takve stvari,

1106
01:05:12,110 --> 01:05:14,720
one vrste alata koji su u pregledniku,

1107
01:05:14,720 --> 01:05:17,340
koja vrsta funkcionalnost je doveo ravno u Visual Studio

1108
01:05:17,340 --> 01:05:22,090
tako da zapravo ne moraju pokrenuti preglednik i raditi s tim alatima odvojeno.

1109
01:05:22,090 --> 01:05:24,320
Sad imam Windows Store app samo trčanje,

1110
01:05:24,320 --> 01:05:27,840
i ja mogu početi povlačenjem osim i saznate zašto stvari rade ono što su oni.

1111
01:05:27,840 --> 01:05:30,440
>> Također možete to učiniti na ovaj način previše.

1112
01:05:30,440 --> 01:05:35,020
Mogu ići i samo pokupiti nešto od samog označavanje i saznati što je to

1113
01:05:35,020 --> 01:05:38,560
u same aplikacije. Mislim da sam prošao sve.

1114
01:05:38,560 --> 01:05:41,440
Ovdje sam lebdi iznad toga. Mogu ga odabrali.

1115
01:05:41,440 --> 01:05:45,540
To će me prikazati u stvarnom trčanje aplikacija, gdje je ta stvar

1116
01:05:45,540 --> 01:05:48,070
što sam se klikom na na označavanje.

1117
01:05:48,070 --> 01:05:49,700
Stvarno cool stvari.

1118
01:05:49,700 --> 01:05:52,710
Kao što ste pokušava shvatiti što se događa i što HTML radi,

1119
01:05:52,710 --> 01:05:56,080
ono što CSS čini, imajte to na umu.

1120
01:05:56,080 --> 01:05:58,450
Zapamtite ovo je ovdje za vas

1121
01:05:58,450 --> 01:06:02,070
i da mješavina može raditi s live trčanje aplikacija.

1122
01:06:02,070 --> 01:06:06,070
>> Jedna stvar Htio sam ti pokazati s tom zahtjevu -

1123
01:06:06,070 --> 01:06:09,290
Usput, to pokazuje da delte kao stvari previše promijeniti,

1124
01:06:09,290 --> 01:06:11,160
tako da možete gledati za one žute naglašava.

1125
01:06:11,160 --> 01:06:14,060
To su stvari koje su samo promijenili u primjeni.

1126
01:06:14,060 --> 01:06:16,350
No, jednu stvar. Želim se vratiti u Pomiješajte samo za trenutak.

1127
01:06:16,350 --> 01:06:21,790
Otvorit ćemo ovo gore, otvoreno u Blend, isto app, isto sve.

1128
01:06:21,790 --> 01:06:28,660
Ja samo želim pokazati iskustvo ovdje nije samo da ste zapeli na početnoj stranici

1129
01:06:28,660 --> 01:06:32,880
gleda na stvari koje ćete dobiti po defaultu kada pokrenete aplikaciju i neka ga sjesti tamo.

1130
01:06:32,880 --> 01:06:36,490
Također možete uključiti na ovom prilično mala ikona ovdje.

1131
01:06:36,490 --> 01:06:38,560
To se zove interaktivni način rada.

1132
01:06:38,560 --> 01:06:41,560
Vi kliknite na to. To će donijeti svoj program.

1133
01:06:41,560 --> 01:06:43,730
Nisi u dizajn modu više, tako da se ne ide da se klikom na stvari

1134
01:06:43,730 --> 01:06:47,270
mijenjati funkcionalnost, ali zapravo možete raditi s aplikacijom sada.

1135
01:06:47,270 --> 01:06:51,560
Možete klikati, možete raditi što god, dobiti na recept koje vam je stalo

1136
01:06:51,560 --> 01:06:54,810
ili u neku kategoriju. Idemo u ovoj kategoriji.

1137
01:06:54,810 --> 01:06:56,880
Ja ću reći: "U redu, ovdje je mjesto gdje želim dizajnirati."

1138
01:06:56,880 --> 01:06:59,680
Tada ćete opet kliknite taj gumb, to će vas vratiti u dizajn površinu,

1139
01:06:59,680 --> 01:07:02,130
i sada možete učiniti sve one stvari koje sam govorio prije.

1140
01:07:02,130 --> 01:07:06,230
Ja ću držati klik dok ne dobijem taj bira, saznati njegove dimenzije,

1141
01:07:06,230 --> 01:07:09,890
saznati HTML za njega, CSS za to

1142
01:07:09,890 --> 01:07:14,990
za trčanje aplikacija, neki kasnije dio zahtjeva.

1143
01:07:14,990 --> 01:07:17,780
Vrlo, vrlo korisno. Pokazat ću vam to.

1144
01:07:17,780 --> 01:07:21,340
Molimo imajte na umu da, ako ste u potrazi za pisanje koda s tim

1145
01:07:21,340 --> 01:07:26,070
jer to će vam uštedjeti puno muke, i to je prilično dobra stvar.

1146
01:07:26,070 --> 01:07:32,370
To je uglavnom sve htjela sam vam pokazati na Blend i Visual Studio za sve to.

1147
01:07:32,370 --> 01:07:36,130
>> Bilo kakva pitanja o bilo kojem od tih alata?

1148
01:07:36,130 --> 01:07:40,000
Bilo što? >> [Guarin] Imam stvari davati, pa dobra pitanja, dobre stvari.

1149
01:07:40,000 --> 01:07:43,700
>> [Bowen smije] Već sam vam pokazali svoje demo ovdje.

1150
01:07:43,700 --> 01:07:47,000
Ja ću ga staviti na stranici potencijala i okrenuti se pitanja sada.

1151
01:07:47,000 --> 01:07:53,850
To je prvi referenca je da generacija App stranica s igrom stazi i app stazi.

1152
01:07:53,850 --> 01:07:55,040
Prijavite se za njih.

1153
01:07:55,040 --> 01:07:57,210
Ne morate čekati 30 dana da se sadržaj.

1154
01:07:57,210 --> 01:08:00,370
Možete početi ide i gleda na sadržaj kao što želite.

1155
01:08:00,370 --> 01:08:04,380
Razumijem vaše vremenski okviri moglo biti drugačije nego - [smijeh]

1156
01:08:04,380 --> 01:08:07,780
Dakle, kada je Hackathon? To je prije par tjedana, zar ne?

1157
01:08:07,780 --> 01:08:09,620
Dakle, ne morate 30 dana čekati.

1158
01:08:09,620 --> 01:08:13,180
Tako da, možete se prijaviti za to i onda samo početak povlačenjem sadržaja iz njega.

1159
01:08:13,180 --> 01:08:15,320
Također Dev i dizajn centri.

1160
01:08:15,320 --> 01:08:17,620
I nisam ovo spomenuo, ali tu je i trgovina Docs.

1161
01:08:17,620 --> 01:08:22,880
To će biti za poslije Hackathon kao da ste spremni za početak poslali svoje aplikacije za dućan.

1162
01:08:22,880 --> 01:08:27,350
Postoje neke smjernice za pomoć ovdje, neke smjernice o tome kako da se stvari u trgovini,

1163
01:08:27,350 --> 01:08:29,960
neke zajedničke pitanja koja bi vas odalo,

1164
01:08:29,960 --> 01:08:32,540
i to je kraj tih sredstava.

1165
01:08:32,540 --> 01:08:35,300
>> Pa što ti je na umu? Sve ostalo što -

1166
01:08:35,300 --> 01:08:40,580
[Guarin] Tko razmišlja o tome radi Windows aplikaciju za CS50? Cool.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] Cool. Velika.

1168
01:08:44,149 --> 01:08:49,410
>> Sva pitanja oko stvari koje ste do sada vidjeli i kako se to odnosi na ovo?

1169
01:08:49,410 --> 01:08:54,540
Na primjer, s više vremena mogao sam uzeti igru ​​koja sam napisao

1170
01:08:54,540 --> 01:08:57,310
i koji se izvodi u pregledniku, a nekako proći kroz proces

1171
01:08:57,310 --> 01:08:59,870
dovođenja da u Visual Studio i što je Windows Store app.

1172
01:08:59,870 --> 01:09:02,870
Potrebno je više vremena nego što smo stvarno morali su danas,

1173
01:09:02,870 --> 01:09:08,010
ali kratka verzija je da je isti kod koji ste izvodi u pregledniku,

1174
01:09:08,010 --> 01:09:11,680
i stvari koje mijenjate su stvari koje se odluče priključiti na Windows 8.

1175
01:09:11,680 --> 01:09:16,220
Dakle, ako želite koristiti čari, ako želite pretraživati ​​i dijeliti,

1176
01:09:16,220 --> 01:09:19,899
morate stvoriti app bar da sakriti neke funkcije na koje,

1177
01:09:19,899 --> 01:09:21,939
one su vrste stvari koje će promijeniti.

1178
01:09:21,939 --> 01:09:25,229
No, srž vašeg web app može ostati netaknut.

1179
01:09:25,229 --> 01:09:29,590
Opet, koliko god se to radi u IE10, to će biti jako jednostavan luka

1180
01:09:29,590 --> 01:09:33,680
da bi takve stvari u Visual Studio, u Blend, a čine ga Windows Store app.

1181
01:09:33,680 --> 01:09:37,500
Opet, jedine stvari koje će vam trebati da biste saznali su one druge značajke

1182
01:09:37,500 --> 01:09:41,830
koje možete koristiti kako bi upaliti aplikaciju, kao živi pločica i one vrste stvari.

1183
01:09:41,830 --> 01:09:46,899
>> Da. >> [Student] Moje pitanje je u vezi rada mobitel.

1184
01:09:46,899 --> 01:09:52,210
Dakle, ako ste napraviti aplikaciju koja radi kao app na radnoj površini,

1185
01:09:52,210 --> 01:09:56,480
to je stvarno lako prenijeti na mobitel, ili je tu -

1186
01:09:56,480 --> 01:10:01,270
Pitanje je, ako sam napraviti Windows Store app koji je stvarno optimiziranu za ovo okruženje

1187
01:10:01,270 --> 01:10:06,430
i želim ga dovesti na mobilnom svijetu, što je uključen u taj događaj?

1188
01:10:06,430 --> 01:10:10,060
To, kao i mnoga pitanja, uvijek stalno mijenja odgovor.

1189
01:10:10,060 --> 01:10:16,190
Dobra vijest je, ako ste držati s HTML i JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
ako ste počevši od Windows Store app,

1191
01:10:18,720 --> 01:10:20,590
to će vam ga dovesti na webu

1192
01:10:20,590 --> 01:10:24,650
a zatim koristite one vrste tehnika, kao što su medijske upite i stvari,

1193
01:10:24,650 --> 01:10:27,180
prilagoditi različite veličine uređaja.

1194
01:10:27,180 --> 01:10:29,900
To je rekao, tu je uvijek okviri i stvari vani

1195
01:10:29,900 --> 01:10:33,450
da je podrška se širi iz različitih tehnologija, različite platforme.

1196
01:10:33,450 --> 01:10:35,670
To mijenja sve vrijeme.

1197
01:10:35,670 --> 01:10:40,030
Također se mijenjaju stvari, kao i gledamo prema onome što imamo sada

1198
01:10:40,030 --> 01:10:42,950
zapravo s Windows Phone 8.

1199
01:10:42,950 --> 01:10:44,930
Mi imamo neke zajedničke temeljne infrastrukture

1200
01:10:44,930 --> 01:10:48,180
ponudio između aplikacija za okruženja.

1201
01:10:48,180 --> 01:10:51,200
Dakle, stvari koje radite stvoriti Windows Store app,

1202
01:10:51,200 --> 01:10:57,790
Puno toga može se prenijeti u Windows Phone 8 primjene, kao dobro.

1203
01:10:57,790 --> 01:11:02,270
To je opet nastajanju priča, pa postoji neki sadržaj o tome na Build.

1204
01:11:02,270 --> 01:11:06,780
SDK upravo izašao malo prije. To je upravo objavio malo prije.

1205
01:11:06,780 --> 01:11:09,920
No, s obzirom na drugim platformama previše,

1206
01:11:09,920 --> 01:11:13,360
vjerojatno sretala cross-platform okvirima kao dobro.

1207
01:11:13,360 --> 01:11:16,170
Dobra vijest je stvari koje radite ovdje,

1208
01:11:16,170 --> 01:11:19,620
osnovna namjena je ravno web standardne stvari.

1209
01:11:19,620 --> 01:11:24,010
Jedine stvari koje ne bi prevoditi jednostavno su stvari koje Windows 8 nema,

1210
01:11:24,010 --> 01:11:28,060
ali to ne čudi, jer je Windows značajka.

1211
01:11:28,060 --> 01:11:34,090
Vi ne ide kako bi pronašli zajedničko korištenje ili slične vrste ugovora na svakoj drugoj platformi.

1212
01:11:34,090 --> 01:11:37,480
Dakle, to su stvari koje bi željeli da se iz perspektive dizajna

1213
01:11:37,480 --> 01:11:40,820
pobrinite se da imate načine na koje vrste apstraktno da se tako što može reći,

1214
01:11:40,820 --> 01:11:42,970
"Ako sam radi na tome, ja to mogu."

1215
01:11:42,970 --> 01:11:48,120
Ako nisam, postoji neki dizajn obrazaca koje možete koristiti kako bi vrsta skrivati ​​takve stvari daleko.

1216
01:11:48,120 --> 01:11:53,360
No, imajte to na umu. Da. Oprostite. Samo naprijed.

1217
01:11:53,360 --> 01:11:58,130
>> [Student] Ako želim testirati svoje Windows aplikaciju na vrhu [nečujan]

1218
01:11:58,130 --> 01:12:02,310
[Bowen] Da. Sam preskočio još jednu stvar. Da.

1219
01:12:02,310 --> 01:12:04,910
Odgovorit ću na vaše pitanje prvo, onda ću vam pokazati značajku zaboravio sam spomenuti.

1220
01:12:04,910 --> 01:12:09,220
Imamo neke strojeve dostupne na lokalnoj razini. Žao mi je.

1221
01:12:09,220 --> 01:12:11,240
Pitanje je, kako mogu testirati stvari na uređajima

1222
01:12:11,240 --> 01:12:14,230
ako mi se ne dogodi da imaju puno stvari koje možete izabrati?

1223
01:12:14,230 --> 01:12:17,130
[Guarin] ti posudio smo dečki, mislim, 5 ili 6. Koliko ti treba?

1224
01:12:17,130 --> 01:12:20,940
[Student] Imamo 4 od njih. >> Redu. Imate li 4 liste poigrati sa.

1225
01:12:20,940 --> 01:12:25,520
Dakle, definitivno neka svatko zna, molim te. [Smijeh] >> [Bowen] strašan.

1226
01:12:25,520 --> 01:12:27,610
To je čak i bolji odgovor nego što sam bio idući u vam dati.

1227
01:12:27,610 --> 01:12:31,250
Imamo radno vrijeme za programere da radimo u našem uredu

1228
01:12:31,250 --> 01:12:35,110
i sad uskoro na Microsoft Store preko na Pru,

1229
01:12:35,110 --> 01:12:37,010
ali Edwin već je preuzeo brigu o vama.

1230
01:12:37,010 --> 01:12:42,180
Postoje 4 Ploče dostupni za loaning, za testiranje.

1231
01:12:42,180 --> 01:12:45,440
Tu smo. Tu je primjer jednog tamo gore.

1232
01:12:45,440 --> 01:12:47,340
Tako da, apsolutno. Velika.

1233
01:12:47,340 --> 01:12:52,700
Apsolutno je daleko najbolji način da ga se ispitivanje na uređaju.

1234
01:12:52,700 --> 01:12:56,810
Ako vam se ne dogodi da se jedan još uvijek ili ne žele hodati po kampusu u snijegu

1235
01:12:56,810 --> 01:13:01,130
zgrabiti jedan ili što god, ne postoji način da to učinite to natrag u Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Ako se vratim u kojoj sam bio ovdje, ovdje umjesto korištenja lokalnom računalu,

1237
01:13:10,360 --> 01:13:13,590
možete spojiti na udaljeno računalo, ali to nije ono što ja govorim o ovdje.

1238
01:13:13,590 --> 01:13:16,830
Simulator je stvar koju možda želite pogledati u.

1239
01:13:16,830 --> 01:13:22,120
Pokrenut ću to, i stvarno što je to, to je u biti prozor na svoj sustav.

1240
01:13:22,120 --> 01:13:26,260
Ovdje je zapravo moj sustav radi, radi Contoso,

1241
01:13:26,260 --> 01:13:29,550
, ali na način koji omogućuje mi promijeniti neke parametre izvršenja,

1242
01:13:29,550 --> 01:13:31,060
Parametri okoliša.

1243
01:13:31,060 --> 01:13:34,150
Dakle, ja mogu reći ovdje, "Znaš što?"

1244
01:13:34,150 --> 01:13:39,240
Oh. Već sam ga prikazuju u simuliranom 27-inčni monitor na rezoluciji 2560.

1245
01:13:39,240 --> 01:13:44,930
Ja mogu lako pasti da dolje i vidjeti što je moj zahtjev će učiniti s manjim zaslonom

1246
01:13:44,930 --> 01:13:47,480
ili promjenom DPI postavke ili bilo što drugo.

1247
01:13:47,480 --> 01:13:50,700
Dakle, na malom ekranu, 10.6, što će to učiniti?

1248
01:13:50,700 --> 01:13:53,040
To još uvijek izgleda prilično dobro, zar ne?

1249
01:13:53,040 --> 01:13:58,220
Vi ćete želite učiniti, pogotovo ako šalješ u dućan, jer nam je činiti

1250
01:13:58,220 --> 01:14:00,480
kao dio postupka ispitivanja.

1251
01:14:00,480 --> 01:14:02,400
A ako postoje problemi kao što je to,

1252
01:14:02,400 --> 01:14:06,160
onda ste mogli upasti u problem dobijanje certifikacije za dućan.

1253
01:14:06,160 --> 01:14:09,240
No, to je dio simulatora. Stvarno super. Vrlo lako učiniti.

1254
01:14:09,240 --> 01:14:11,480
Također možete koristiti značajke kao što ga okreće.

1255
01:14:11,480 --> 01:14:15,650
Ja mogu kliknuti na tipku ovdje su se okretati, vidjeti što će netko imati kao iskustvo

1256
01:14:15,650 --> 01:14:20,970
rotirajuće njihovu listu, njihov tablet, a koristeći svoj zahtjev s tim.

1257
01:14:20,970 --> 01:14:25,060
Postoje neke druge stvari previše poput touch emulaciju i nekim drugim stvarima,

1258
01:14:25,060 --> 01:14:27,210
postavljanje GPS.

1259
01:14:27,210 --> 01:14:31,050
Mogu se pretvarati da sam na nekom drugom mjestu i vidjeti što je moj zahtjev radi

1260
01:14:31,050 --> 01:14:34,690
kad sam se pretvarati da sam se vratio u Seattleu ili nešto.

1261
01:14:34,690 --> 01:14:41,970
Ali to je jako korisna mogućnost, a to je ugrađena u oba Visual Studio i Blend.

1262
01:14:41,970 --> 01:14:44,460
Da. Vaše pitanje.

1263
01:14:44,460 --> 01:14:48,530
>> [Student] Ako pišete igru, nema Visual Studio imati podršku za animacije?

1264
01:14:48,530 --> 01:14:55,550
Da. Pitanje je oko animacije podršku, posebno s igrama.

1265
01:14:55,550 --> 01:14:58,380
To ovisi. [Nasmijao]

1266
01:14:58,380 --> 01:15:06,870
Uz JavaScript ću reći da je vjerojatno manje potpore nego što je na XAML strani,

1267
01:15:06,870 --> 01:15:11,430
koji ima rokove, ima storyboards i stvari koje su ugrađene u.

1268
01:15:11,430 --> 01:15:18,710
Za animacije JavaScript aplikacija, ne znam koliko odgovora vam želim dati.

1269
01:15:18,710 --> 01:15:25,110
Imam resurse na mom blogu koji idu kroz mnogo mogućnosti za oba fizike animacije,

1270
01:15:25,110 --> 01:15:29,280
opcije za JavaScript-orijentiranih igara na Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Ja bi ti se odnosi na one.

1272
01:15:31,300 --> 01:15:34,300
U osnovi, postoji toliko mnogo izbora.

1273
01:15:34,300 --> 01:15:37,770
Razlog sam oklijevao je da ima mnogo mogućnosti za raditi animacije sa JavaScript.

1274
01:15:37,770 --> 01:15:44,280
To bi mogao biti CSS, to bi mogao biti Canvas-based, to bi mogao biti samo osnovne DOM animacije,

1275
01:15:44,280 --> 01:15:47,470
to bi mogao biti mnogo različitih stvari, tako da to stvarno ovisi o vašem izboru.

1276
01:15:47,470 --> 01:15:55,790
Ako se odlučite za nešto poput Create.js ili limete ili druge vrste okvira -

1277
01:15:55,790 --> 01:15:59,150
Pa, ja nisam ni siguran da ćete biti u mogućnosti koristiti viši kraj okvira

1278
01:15:59,150 --> 01:16:01,370
Sviđa Impact ili izgradnju.

1279
01:16:01,370 --> 01:16:07,000
To ima tendenciju da stvaraju više nego kod koje smatrate od nule.

1280
01:16:07,000 --> 01:16:11,730
No, u tim slučajevima, još uvijek je mogao koristiti simulator, možete koristiti okruženja,

1281
01:16:11,730 --> 01:16:17,480
i ja imaju tendenciju da se samo koristiti ovu okruženje za moj test platforme u tim slučajevima

1282
01:16:17,480 --> 01:16:19,930
kao što sam u razvoju igre.

1283
01:16:19,930 --> 01:16:22,110
Ja sam bio u redu pogotovo s platna animacije,

1284
01:16:22,110 --> 01:16:23,850
što je vjerojatno najčešći stvar.

1285
01:16:23,850 --> 01:16:27,360
Najbolje ćete se vjerojatno naći je dev alati u pregledniku

1286
01:16:27,360 --> 01:16:30,160
i dev alati u Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Vrsta krivudavom odgovor postoji, ali nadam se da je dobio svoj odgovor. Da. Vi.

1288
01:16:34,610 --> 01:16:36,470
>> [Student] Koje su opcije za pohranu podataka za Windows 8 aplikacije?

1289
01:16:36,470 --> 01:16:41,100
Koje su opcije za pohranu podataka za Windows 8 aplikacije, Windows Store aplikacije?

1290
01:16:41,100 --> 01:16:46,790
Vaše mogućnosti su stvarno svaka aplikacija dobiva vlastiti bazen lokalne pohrane

1291
01:16:46,790 --> 01:16:52,150
za postavke i za podatke, ali je isto tako smiješno jednostavan za korištenje roaminga za pohranu,

1292
01:16:52,150 --> 01:16:54,920
koristiti cloud-based pohranu. To je besplatno.

1293
01:16:54,920 --> 01:16:58,250
Ono što se događa je što u osnovi odabrati različite klase, a vi kažete,

1294
01:16:58,250 --> 01:17:03,370
"roaming, snimite, ovaj set sadržaja"

1295
01:17:03,370 --> 01:17:06,050
i njihov Microsoft računa, bez obzira što ste prijavljeni kao,

1296
01:17:06,050 --> 01:17:08,620
će biti ključ za roaming tu informaciju oko.

1297
01:17:08,620 --> 01:17:13,790
Dakle, ako sam koristiti svoju igru ​​na laptopu, a zatim sam se prijaviti s istim računom

1298
01:17:13,790 --> 01:17:18,900
i ja igrati igru ​​na površinu ili tabletu,

1299
01:17:18,900 --> 01:17:23,610
koji će se automatski lutaju tu postavku i podataka između tih strojeva.

1300
01:17:23,610 --> 01:17:27,550
To je zadana stvar. To je dobro za određene količine podataka.

1301
01:17:27,550 --> 01:17:30,220
Vi ne bi stavio veliku bazu podataka na one.

1302
01:17:30,220 --> 01:17:35,350
Za to je potrebno ići na druge vrste rješenja, kao domaćin baze podataka u oblaku,

1303
01:17:35,350 --> 01:17:36,690
takve stvari.

1304
01:17:36,690 --> 01:17:39,840
Postoje neke druge opcije zajednice oko drugih vrsta podataka tehnologijama.

1305
01:17:39,840 --> 01:17:42,920
Vidio sam neke SQLite opcije u zajednici oko tamo.

1306
01:17:42,920 --> 01:17:46,690
Dakle, sve više i više se pojavljuju, ali to su osnovne stvari koje bi gledati prema

1307
01:17:46,690 --> 01:17:49,430
za igru ​​ili aplikaciju.

1308
01:17:49,430 --> 01:17:50,610
I što je imao pitanje u leđa previše.

1309
01:17:50,610 --> 01:18:02,390
>> [Student] U smislu mreže [nečujan] upload ili preuzimanje datoteka [nečujan]

1310
01:18:02,390 --> 01:18:04,870
[Bowen] Je li vaše pitanje kako možete vidjeti da je ili kako vi to možete debug da i to test?

1311
01:18:04,870 --> 01:18:10,630
[Student] Kako se vi to debug [nečujan]

1312
01:18:10,630 --> 01:18:12,670
Oprostite. Ja ne mogu čuti sve to.

1313
01:18:12,670 --> 01:18:16,480
[Student] Kako ste dobili to bug testirali i [nečujan]

1314
01:18:16,480 --> 01:18:17,490
Velika. Velika.

1315
01:18:17,490 --> 01:18:21,860
Kako ćete raditi s umrežavanje? Kako možete vidjeti što se događa?

1316
01:18:21,860 --> 01:18:23,620
Postoji mnogo različitih odgovora na to jednom,

1317
01:18:23,620 --> 01:18:26,420
, ali dopustite mi da vam pokazati vjerojatno najlakši stvari ovdje.

1318
01:18:26,420 --> 01:18:29,350
Dopustite mi da riješiti simulatora za sekundu.

1319
01:18:29,350 --> 01:18:31,740
Samo par Mogućnosti ispravljanja pogrešaka za umrežavanje.

1320
01:18:31,740 --> 01:18:36,070
Postoji puna mreža stack pečena pravo u oba razini WinRT i iz WinJS,

1321
01:18:36,070 --> 01:18:42,810
tako da možete vrlo lako napraviti XHR, tipa AJAX pozive iz svoje igre ili app za to.

1322
01:18:42,810 --> 01:18:47,250
Prvenstveno, ja imaju tendenciju da koriste dvije stvari.

1323
01:18:47,250 --> 01:18:53,660
Koristim stvarne dev samih alata, koji imaju mrežni stog pečena u njih.

1324
01:18:53,660 --> 01:18:55,870
Dopustite mi da vam pokazati početnu stranicu Windows.

1325
01:18:55,870 --> 01:19:02,730
Ja mogu donijeti ovaj gore, i tu je zapravo mreža proxy pečena u tih alata ovdje.

1326
01:19:02,730 --> 01:19:08,390
Dakle, ja to mogu, ja mogu osvježiti stranicu, i to će mi pokazati sve interakcije,

1327
01:19:08,390 --> 01:19:14,550
uključujući AJAX poziva na toj sjednici, za vrijeme trajanja tog zahtjeva je.

1328
01:19:14,550 --> 01:19:17,600
Ovo je korisno. To će biti vrlo korisno za aplikacije browser-based.

1329
01:19:17,600 --> 01:19:20,470
Za ostale vrste aplikacija, uključujući Windows Store aplikacije,

1330
01:19:20,470 --> 01:19:23,970
Ja koristiti alat zvan Fiddler.

1331
01:19:23,970 --> 01:19:29,650
Ti ćeš dobiti igru ​​u odgovoru. [Nasmijao]

1332
01:19:29,650 --> 01:19:32,750
Fiddler je jednostavan proxy. Mislim da mogu pokazati da su na vas.

1333
01:19:32,750 --> 01:19:40,190
To je samo GetFiddler.com, koji, zanimljivo, ja sam prateći moj mrežni stog

1334
01:19:40,190 --> 01:19:41,740
će GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
No, u svakom slučaju, Fiddler je napisao jedan od premijerima na IE tima,

1336
01:19:45,700 --> 01:19:48,290
tako da on zna što radi.

1337
01:19:48,290 --> 01:19:52,630
To je dobar pokazatelj da se može koristiti za ispravljanje pogrešaka mrežnog prometa.

1338
01:19:52,630 --> 01:19:55,730
Ja bih preporučio da. Pitanje tamo previše.

1339
01:19:55,730 --> 01:19:58,050
>> [Student] Da li postoji jednostavan način da se integriraju ulaz stranog jezika,

1340
01:19:58,050 --> 01:20:00,810
kao što je japanski ili kineski, u Windows aplikacije?

1341
01:20:00,810 --> 01:20:03,240
Ne mogu reći da sam učinio previše toga osobno, ali to je pečen u.

1342
01:20:03,240 --> 01:20:08,470
Postoje mogućnosti za naravno emitira svoj zahtjev - Žao mi je, ja nisam rekao na pitanje -

1343
01:20:08,470 --> 01:20:11,100
opcije oko globalizacije, lokalizacija sadržaja,

1344
01:20:11,100 --> 01:20:14,320
uključujući i stvari kao što su se mogli prodavati u različitim tržištima

1345
01:20:14,320 --> 01:20:19,190
i ciljati tu verziju svog zahtjeva za tih pojedinih jezika

1346
01:20:19,190 --> 01:20:21,080
ili kultura ili slične stvari. Apsolutno izgrađen u.

1347
01:20:21,080 --> 01:20:22,980
Mi smo imali podršku za to za zauvijek,

1348
01:20:22,980 --> 01:20:26,630
i da nosi naprijed u svoje mogućnosti za Windows Store.

1349
01:20:26,630 --> 01:20:30,450
To možete učiniti u samoj trgovini, prodavati u različitim tržištima,

1350
01:20:30,450 --> 01:20:34,050
što možete učiniti da se u zahtjevu, kao i previše s korištenjem resursa definirati,

1351
01:20:34,050 --> 01:20:42,220
"Ako sam razvio za tu kulturu, a zatim koristiti ove nadjačava za moj tekstualnog sadržaja

1352
01:20:42,220 --> 01:20:44,510
"Ili koristiti pravo na lijevo čitatelja."

1353
01:20:44,510 --> 01:20:51,290
Oni su svi dio zadane WinJS i WinRT API. Dobro pitanje.

1354
01:20:51,290 --> 01:20:54,770
>> Kako stojimo? Još netko?

1355
01:20:54,770 --> 01:20:58,850
A ako netko na videu ima pitanja, ja sam cbowen @ microsoft,

1356
01:20:58,850 --> 01:21:02,790
Tako sam sretan da se bilo koji od vaših pitanja iz budućnosti.

1357
01:21:02,790 --> 01:21:05,690
Vrlo - Od budućnosti, budući [oponaša jeka].

1358
01:21:05,690 --> 01:21:09,140
Dakle, ovdje sam ja. Dopustite mi vratiti moj kontakt ovdje.

1359
01:21:09,140 --> 01:21:11,840
Dakle, samo mi poslati na znanje, cbowen @ Microsoft,

1360
01:21:11,840 --> 01:21:15,190
i ja ću se vratiti k vama čim budem mogao.

1361
01:21:15,190 --> 01:21:19,010
>> Sve ostalo što se pitate? Jesmo li dobro?

1362
01:21:19,010 --> 01:21:24,050
Velika. U redu. Hvala vam svima zahvaliti. Ja ga cijenim. [Aplauz]

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