1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Seminar - Windows 8 - Dezvoltare App / joc cu HTML5]

2
00:00:02,420 --> 00:00:05,090
[Chris Bowen, Edwin Guarin - Universitatea Harvard]

3
00:00:05,090 --> 00:00:07,350
[Acest lucru este CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Hei, toată lumea. Numele meu este Edwin Guarin. Acest lucru este Chris Bowen.

5
00:00:10,290 --> 00:00:12,310
Voi lăsa să se prezinte într-o secundă.

6
00:00:12,310 --> 00:00:14,100
Vreau doar să fac un anunț rapid.

7
00:00:14,100 --> 00:00:18,340
Mai întâi de toate, tot ce CS50 elevii obține Windows 8 pentru gratuit.

8
00:00:18,340 --> 00:00:23,150
Deci, dacă te gândești de fapt, folosind-o pentru proiectul final, ea ta.

9
00:00:23,150 --> 00:00:25,740
Nate va trimite un e-mail mai târziu pentru instrucțiuni.

10
00:00:25,740 --> 00:00:32,850
Al doilea lucru este în cazul în care vă decideți să scrie o aplicatie pentru Windows 8 pentru proiectul final CS50,

11
00:00:32,850 --> 00:00:35,870
vom face unele cadouri: un Xbox,

12
00:00:35,870 --> 00:00:38,870
am putea fi în măsură să dea un ardezie departe, chestii de genul asta.

13
00:00:38,870 --> 00:00:42,460
Deci, dacă există ceva te reține, să Chris sau știu

14
00:00:42,460 --> 00:00:45,010
cum putem ajuta să construiască ceva foarte cool.

15
00:00:45,010 --> 00:00:48,580
Asa ca va multumesc din nou venit azi, și voi preda la Chris.

16
00:00:48,580 --> 00:00:50,500
>> Mulțumesc, Edwin.

17
00:00:51,000 --> 00:00:52,740
Mulțumesc, toată lumea, alături de noi astăzi.

18
00:00:52,740 --> 00:00:55,800
Sunt Chris Bowen. Eu sunt unul dintre colegii lui Edwin aici, în nord-est.

19
00:00:55,800 --> 00:00:58,310
Am vrut doar să-și petreacă un pic de timp cu tine vorbind despre

20
00:00:58,310 --> 00:01:03,730
cum să faci o aplicație pentru Windows Store cu HTML5, JavaScript, CSS și

21
00:01:03,730 --> 00:01:07,310
și un fel de a lua orice întrebări ați putea avea despre el a răspuns pentru tine

22
00:01:07,310 --> 00:01:12,920
cum sunteți în căutarea spre gândesc poate că folosind-o pentru o CS50 finala oportunitate.

23
00:01:12,920 --> 00:01:14,980
>> Acestea fiind spuse, vom arunca cu capul doar dreptul inch

24
00:01:14,980 --> 00:01:17,190
Voi merge pe la diapozitive pe aici.

25
00:01:17,190 --> 00:01:19,440
Dacă aveți întrebări, nu ezitați să-mi trimiteți un e-mail.

26
00:01:19,440 --> 00:01:23,460
Sunt cbowen@microsoft.com, și nu e blog-ul meu și Twitter meu.

27
00:01:23,460 --> 00:01:26,330
Cu toate acestea doriți să luați legătura cu mine, asta e bine.

28
00:01:26,330 --> 00:01:30,110
Am aproximativ o oră de lucruri, și vreau să ajung la întrebările dumneavoastră în de-a lungul drum,

29
00:01:30,110 --> 00:01:33,720
asa ca nu fi timid despre care au întrebări în timpul acest lucru.

30
00:01:33,720 --> 00:01:36,470
Ei nu pot vedea cine pune întrebările pe înregistrarea,

31
00:01:36,470 --> 00:01:39,090
astfel încât veți fi la fel de anonim ca vrei sa fii.

32
00:01:39,090 --> 00:01:42,780
>> Permiteți-mi să se arunca cu capul în dreapta, vă dau doar o scurtă introducere la Windows 8,

33
00:01:42,780 --> 00:01:47,400
și să vă arate câteva din lucrurile despre Windows Store aplicații pe care le-ar putea lua în considerare

34
00:01:47,400 --> 00:01:49,530
ca te gandesti la dezvoltarea unei aplicatii.

35
00:01:49,530 --> 00:01:52,660
Ne uitam la Windows 8. Am fost pentru câteva săptămâni acum.

36
00:01:52,660 --> 00:01:55,810
O mulțime de adoptare puternic acolo deja.

37
00:01:55,810 --> 00:01:59,800
Este posibil să fi văzut deja mașinile de suprafață pe care le avem la fel de bine.

38
00:01:59,800 --> 00:02:03,730
E unul pe aici de fapt, aveți posibilitatea să luați o privire la dacă sunteți aici în persoană.

39
00:02:03,730 --> 00:02:07,530
Eu chiar vreau să vorbesc cu tine, ți arăt în jurul valorii de un pic despre Windows 8.

40
00:02:07,530 --> 00:02:10,759
Ideea cu Windows 8, chiar nu prezinte toate lucrurile pe care le stiti despre Windows

41
00:02:10,759 --> 00:02:16,840
în unele experiente noi - în special, lucruri ca pe masina de suprafață cu atingere,

42
00:02:16,840 --> 00:02:20,000
aceste tipuri de mai multe dispozitive mobile, care sunt acum pe piață,

43
00:02:20,000 --> 00:02:22,360
dar este, de asemenea, Windows, la miezul său.

44
00:02:22,360 --> 00:02:25,850
Deci, aceasta înseamnă că puteți să-l instalați într-adevăr pe ceva care ruleaza Windows 7,

45
00:02:25,850 --> 00:02:30,770
de la cel mai mare triplu SLI platformă de joc în jos pentru a laptop-ul

46
00:02:30,770 --> 00:02:36,200
și a strălucitoare alte noi dispozitive de pe care s-ar putea ridica azi.

47
00:02:36,200 --> 00:02:38,450
Acestea vor rula Windows 8.

48
00:02:38,450 --> 00:02:40,530
O să-ți arăt doar un pic,

49
00:02:40,530 --> 00:02:44,670
și toate experiențele pe care le veți vedea aici sunt lucruri pe care le puteți crea.

50
00:02:44,670 --> 00:02:47,760
Ideea este dacă este tactil, mouse-ul, tastatura,

51
00:02:47,760 --> 00:02:51,870
indiferent de dispozitivul este că rulați aplicații pe, se va rula mare.

52
00:02:51,870 --> 00:02:55,180
Windows 8 va ajuta cu toate aceste scenarii.

53
00:02:55,180 --> 00:02:59,600
>> Aceste slide-uri deoparte, hai să obține dreptul în a lua o privire pe aici.

54
00:02:59,600 --> 00:03:03,270
Lasă-mă să-ți arăt în jurul valorii de ecran de casa mea. Acest lucru este ecranul Start.

55
00:03:03,270 --> 00:03:05,810
O să vă dau doar un pic de un tur aici.

56
00:03:05,810 --> 00:03:09,610
Sunt pe o mașină non-touch, astfel încât la fel de mult ca vreau sa ating ecranul laptop-ul meu,

57
00:03:09,610 --> 00:03:13,400
acesta nu va face nimic, așa că voi defila doar în jurul valorii de aici un pic și-ți arăt.

58
00:03:13,400 --> 00:03:17,950
Unele lucruri pe care le-ar putea observa este faptul că acestea ceea ce sunt numite placi vii

59
00:03:17,950 --> 00:03:21,470
de fapt, pot anima, și ele pot oferi informații la tine -

60
00:03:21,470 --> 00:03:24,750
poate actualizări privind statisticile pentru un joc

61
00:03:24,750 --> 00:03:30,970
sau a vă arăta de știri de la unele dintre aplicațiile anterioare, care sunt aici pe partea stângă.

62
00:03:30,970 --> 00:03:35,350
Acolo mergem. Sunt sigur că e doar pozitiv și o veste fantastic de mare.

63
00:03:35,350 --> 00:03:38,450
Puteți vedea aici este într-adevăr atrage atenția înapoi la app, spunând,

64
00:03:38,450 --> 00:03:43,010
"Hei, nu e ceva nou aici. Uită-te. Întoarce-te și vezi ce mai e nou pentru tine."

65
00:03:43,010 --> 00:03:45,320
Asta se numește țiglă vii, și le puteți face notificări

66
00:03:45,320 --> 00:03:47,070
fie chiar de la aplicarea în sine

67
00:03:47,070 --> 00:03:52,220
sau dacă luați o privire mai în detaliu, veți afla cum să scrie un serviciu de la distanță

68
00:03:52,220 --> 00:03:54,340
care poate împinge de fapt, informații la țiglă,

69
00:03:54,340 --> 00:03:56,520
care este ceea ce se întâmplă cu aceste aplicații de știri.

70
00:03:56,520 --> 00:04:00,080
Ei de fapt obtinerea de știri din nor și actualizarea țiglă acolo

71
00:04:00,080 --> 00:04:03,710
astfel încât oamenii să știe că există un motiv pentru a deschide aplicația și să ia o privire

72
00:04:03,710 --> 00:04:06,950
indiferent de cele mai noi stiri este, în oricare dintre aceste

73
00:04:06,950 --> 00:04:10,060
sau în cazul în care nu există rețete noi sau un nou scor mare pentru a bate

74
00:04:10,060 --> 00:04:13,560
sau un prieten de joc sau orice pe aceste aplicații.

75
00:04:13,560 --> 00:04:15,550
Este ceva pentru a vă atrage înapoi inch

76
00:04:15,550 --> 00:04:18,640
Deci, asta e gresie vii, și ar putea fi o persoană, ar putea fi un site web, de asemenea.

77
00:04:18,640 --> 00:04:20,790
De obicei, aceasta este o aplicație.

78
00:04:20,790 --> 00:04:25,320
>> Destul de mult toate aceste lucruri pe care le am aici, venit din Windows Store. Voi lansa asta.

79
00:04:25,320 --> 00:04:27,890
Este una din aplicațiile pe care le obține în mod implicit

80
00:04:27,890 --> 00:04:30,350
pe orice mașină care rulează Windows 8.

81
00:04:30,350 --> 00:04:33,040
Puteți veni aici pentru a afla tot ce vrea,

82
00:04:33,040 --> 00:04:37,240
de la lucrurile care sunt evidențiate la jocuri pe care nu le-am văzut înainte.

83
00:04:37,240 --> 00:04:39,440
Oh, wow, avem un nou pinball aici.

84
00:04:39,440 --> 00:04:41,580
Puteți instala astea de aici de la magazin,

85
00:04:41,580 --> 00:04:43,420
și vom vorbi despre modul în care să se dezvolte acestea.

86
00:04:43,420 --> 00:04:45,670
Aveți o mulțime de opțiuni în modul în care le creați.

87
00:04:45,670 --> 00:04:49,020
Ne vom concentra in pe povestea de activarea JavaScript-cu HTML și CSS,

88
00:04:49,020 --> 00:04:52,790
dar pentru utilizator, pentru a cumpărătorului de app, nu contează ceea ce a fost scris inch

89
00:04:52,790 --> 00:04:54,670
Ei pot merge mai departe și de a lucra cu el.

90
00:04:54,670 --> 00:04:57,870
Sunt intrigat de asta, așa că am nevoie pentru a deschide asta și să ia o privire.

91
00:04:57,870 --> 00:05:02,310
Fiecare aplicație, inclusiv cele pe care le puteți trimite și vinde sau da gratis,

92
00:05:02,310 --> 00:05:06,240
ce vrei să faci în magazin, va primi o pagină de pornire ca aceasta.

93
00:05:06,240 --> 00:05:10,750
Vă puteți depune dosarul de candidatură un buchet de capturi de ecran - vedeți ceva aici -

94
00:05:10,750 --> 00:05:15,970
detalii despre cererea, și-a lungul timpului vei acumula ambele ratinguri -

95
00:05:15,970 --> 00:05:19,020
ele sunt de fapt doar de rating stele - și comentarii,

96
00:05:19,020 --> 00:05:20,690
care oferă un pic mai mult înțelegere.

97
00:05:20,690 --> 00:05:24,380
De fapt, cineva trebuie să tastați ceva și să vă spun cât de minunat esti,

98
00:05:24,380 --> 00:05:29,300
și care va intra în secțiunea de Review-uri de aici, pe care nu l-am uitat la.

99
00:05:29,300 --> 00:05:33,890
Fantastic. "Nici măcar nu se va deschide." Cât de mare.

100
00:05:33,890 --> 00:05:39,000
Ei bine, pentru cei pentru care aceasta sa deschis și a alerga, ei par să se bucure de ea cu adevărat. [Râde]

101
00:05:39,000 --> 00:05:43,770
Tineti minte acest lucru. Internet. Oricine poate spune ce vrei despre cererea dumneavoastră.

102
00:05:43,770 --> 00:05:45,780
Deci, asigurați-vă că faci o treabă bună cu ea,

103
00:05:45,780 --> 00:05:49,030
asigurați-vă că ceea ce face la fel de confortabil pentru utilizator, după cum puteți

104
00:05:49,030 --> 00:05:52,720
pentru că sunt un cuplu clicuri distanță de la furnizarea de o revizuire,

105
00:05:52,720 --> 00:05:55,870
și că va acumula pana la dvs. de rating de revizuire generală.

106
00:05:55,870 --> 00:05:58,990
Și ce vrei să faci cele mai bune dvs. pentru că ai de gând să fie de până împotriva altor aplicații.

107
00:05:58,990 --> 00:06:01,830
Nu va fi mii de aplicații deja în magazin,

108
00:06:01,830 --> 00:06:06,880
și sunt șanse, nu poate fi ceva care are o funcționalitate similară cu ceea ce faci.

109
00:06:06,880 --> 00:06:12,740
Deci, dacă puteți sta într-adevăr afară din mulțime, care va fi in avantajul tau, desigur.

110
00:06:12,740 --> 00:06:15,300
>> Vom intra în magazin un pic mai târziu.

111
00:06:15,300 --> 00:06:17,090
Eu chiar vreau să se concentreze pe crearea de aplicații.

112
00:06:17,090 --> 00:06:20,760
Dar versiunea scurtă a magazinului este de distribuție la nivel mondial,

113
00:06:20,760 --> 00:06:25,430
este în mod automat o parte a Windows 8, oamenii pur și simplu foc în sus și să ia o privire la diferite aplicații aici,

114
00:06:25,430 --> 00:06:29,070
aveți Dress-Up Sticker Book și tot felul de diferite aplicații.

115
00:06:29,070 --> 00:06:33,690
Vopsea proaspătă, am folosi acest mult - slab, dar l-am folosi o mulțime.

116
00:06:33,690 --> 00:06:36,080
Este mi-a arătat deja am o aiba.

117
00:06:36,080 --> 00:06:41,280
Lasă-mă să-ți arăt ceva ce nu avem - UVideos Nu am cum de brand nou.

118
00:06:41,280 --> 00:06:43,660
Veți vedea aici este gratuit, astfel încât să puteți instala chiar de la magazin.

119
00:06:43,660 --> 00:06:46,430
Aveți opțiuni prea. Puteți da, desigur, să degajeze.

120
00:06:46,430 --> 00:06:49,660
Puteți pune publicitate în aplicația sau jocul.

121
00:06:49,660 --> 00:06:54,770
Puteți încărca, de asemenea, pentru ea, și ar putea oferi foarte usor un proces de aplicare, precum și

122
00:06:54,770 --> 00:06:58,220
astfel încât să puteți lăsa oamenii-l încercați pentru o săptămână, sau ce vrei tu să faci.

123
00:06:58,220 --> 00:07:01,540
Asta e doar personalizabil prin intermediul portalului. Tu nu scrie nici un cod pentru asta.

124
00:07:01,540 --> 00:07:03,990
Deci tu spui, "Puteți folosi acest lucru pentru o săptămână, și apoi le-ați luat să-l cumpere,"

125
00:07:03,990 --> 00:07:07,130
sau ai putea face lucruri de genul, "Ai putea juca primele 3 nivele ale acestui joc

126
00:07:07,130 --> 00:07:09,820
"Și apoi le-ați luat pentru a achiziționa pentru a accesa restul."

127
00:07:09,820 --> 00:07:12,310
Ai putea face chiar și achizițiile de in-app la fel de bine, astfel încât să puteți spune,

128
00:07:12,310 --> 00:07:17,880
"Avem aventuri sau seturi de elemente grafice sau lucruri care sunt deblocate suplimentare -

129
00:07:17,880 --> 00:07:21,430
"Mai multe retete care sunt deblocate -. Dacă vă cumpărați aceste seturi extinse"

130
00:07:21,430 --> 00:07:24,260
Și tu poți face asta tot în aplicația sau jocul în sine.

131
00:07:24,260 --> 00:07:26,070
Deci, în totalitate până la tine, alegerea ta.

132
00:07:26,070 --> 00:07:28,070
Există o mulțime de lucruri pe care le puteți face în magazin,

133
00:07:28,070 --> 00:07:31,660
și apoi, practic esti o prezentarea la un canal de certificare.

134
00:07:31,660 --> 00:07:35,380
Putem vorbi despre asta un pic mai târziu, dar acesta este scopul.

135
00:07:35,380 --> 00:07:40,410
Doriți să obțineți dvs. app vizibilitate la nivel mondial în magazin aici.

136
00:07:40,410 --> 00:07:44,170
>> Din nou pe ecranul de Start aici, aș vrea să vă arăt un pic mai mult.

137
00:07:44,170 --> 00:07:50,580
Dacă am lansa aceste aplicații, permiteți-mi să vă dau un exemplu de unele funcționalități eco-app aici.

138
00:07:50,580 --> 00:07:53,070
Pentru a face asta, voi lansa vopsea proaspătă.

139
00:07:53,070 --> 00:07:55,550
Un lucru pe care veți vedea aici este fiecare singur bit de pe ecran,

140
00:07:55,550 --> 00:07:58,040
toți pixelii de pe ecran, mergeți la aplicația.

141
00:07:58,040 --> 00:08:01,990
Sunt plecat de zile în cazul în care au aceste frontiere în jurul ferestrelor

142
00:08:01,990 --> 00:08:05,120
cu o mulțime de butoane care sunt mereu acolo iau spațiu tot timpul.

143
00:08:05,120 --> 00:08:09,430
Acum, într-adevăr doriți să obțineți departe de asta și au doar conținutul fie în centrul atenției.

144
00:08:09,430 --> 00:08:13,710
Putem face lucruri cu Windows, prin accesarea altor tipuri de meniuri.

145
00:08:13,710 --> 00:08:16,840
Una dintre ele este, de fapt ceea ce se numește bara de farmece,

146
00:08:16,840 --> 00:08:18,870
și iese din partea laterală a ecranului.

147
00:08:18,870 --> 00:08:21,270
Puteți scutura de fapt de partea dacă aveți un ecran tactil,

148
00:08:21,270 --> 00:08:24,840
ați putea să faceți clic dreapta în cazul în care aveți un mouse-ul, există o comandă rapidă de la tastatură pentru ea,

149
00:08:24,840 --> 00:08:29,490
există întotdeauna mai mult decât un mod de a face ceva în mediul de aici.

150
00:08:29,490 --> 00:08:31,680
Care aduce o serie de lucruri pe care le puteți face.

151
00:08:31,680 --> 00:08:33,870
Cel mai evident este ca poti reveni la ecranul de pornire,

152
00:08:33,870 --> 00:08:36,780
dar celelalte patru sunt ceea ce se numesc farmece.

153
00:08:36,780 --> 00:08:41,059
Ele sunt contracte pe care le pot fi conectați la ca un dezvoltator de app. Sunt destul de cool.

154
00:08:41,059 --> 00:08:43,340
Căutare, eu sunt sigur că e ceva ce ai de gând să faci,

155
00:08:43,340 --> 00:08:44,950
partajarea voi arăta într-o secundă,

156
00:08:44,950 --> 00:08:48,450
și dispozitive și setări, toate acestea sunt lucruri pe care aplicația dvs. pot fi conectați la

157
00:08:48,450 --> 00:08:51,960
de pârghie pentru Windows, pentru a spune, "am făcut partea mea

158
00:08:51,960 --> 00:08:54,700
"Și vreau Windows pentru a sprijini alte funcționalități,

159
00:08:54,700 --> 00:08:56,750
"Și nu vreau să scrie o mulțime de cod pentru a face acest lucru."

160
00:08:56,750 --> 00:08:59,480
Asta este într-adevăr un avantaj de a folosi aceste caracteristici.

161
00:08:59,480 --> 00:09:01,340
Lasă-mă să-ți arăt o.

162
00:09:01,340 --> 00:09:05,170
Pentru a face acest lucru, voi face un nou tablou.

163
00:09:05,170 --> 00:09:08,240
De asemenea, am vorbit despre utilizarea fiecare pixel pentru aplicația dumneavoastră.

164
00:09:08,240 --> 00:09:11,850
În mod implicit, aceasta este ceea ce aplicația de vopsea arata ca, atunci când îl utilizați.

165
00:09:11,850 --> 00:09:14,960
Este într-adevăr doar despre orice ai de desen, de conținut.

166
00:09:14,960 --> 00:09:20,850
Am putea face lucruri oribile aici. Ce ar trebui să desenezi? Nu știu.

167
00:09:20,850 --> 00:09:23,110
Mâzgăleli? Oh, mare. Eu pot face mâzgăleli. Fantastic.

168
00:09:23,110 --> 00:09:25,130
Un curcan? [Râde]

169
00:09:25,130 --> 00:09:28,500
Aceasta este curcanul cel mai abstract, veți vedea.

170
00:09:28,500 --> 00:09:31,780
Pot, de asemenea, aduce la ceea ce se numește bar app,

171
00:09:31,780 --> 00:09:33,850
și acest lucru este într-adevăr una dintre principalele modalități pe care le puteți utiliza

172
00:09:33,850 --> 00:09:37,210
pentru a ascunde departe toate lucrurile care ar fi fost pe aplicația dumneavoastră sau joc înainte

173
00:09:37,210 --> 00:09:39,570
doar ocupa spatiu tot timpul.

174
00:09:39,570 --> 00:09:43,270
Deci, acum puteți să-l pune aici, iar acest lucru este într-adevăr una dintre cele mai frumoase experiente

175
00:09:43,270 --> 00:09:46,380
cu bara de app pe care le-am văzut.

176
00:09:46,380 --> 00:09:48,800
Pune alegerile aici pentru selectarea culori diferite.

177
00:09:48,800 --> 00:09:54,310
Ne-am dorit un curcan, așa că vom pune ceva maro aici, începe amestecarea în câteva culori.

178
00:09:54,310 --> 00:09:58,790
Vom lua o culoare intermediar aici și apoi mă întorc aici.

179
00:09:58,790 --> 00:10:02,990
Puteți începe să desenați. Nu e curcan. Fantastic.

180
00:10:02,990 --> 00:10:07,660
Eu nu pot trage pentru a începe cu, dar să facă acest lucru cu un touchpad, în fața unui public este chiar mai bine.

181
00:10:07,660 --> 00:10:09,640
Acest lucru este minunat.

182
00:10:09,640 --> 00:10:13,030
Ideea, însă, este tot ceea ce îmi pasă este chiar aici, la suprafață.

183
00:10:13,030 --> 00:10:17,060
Să spunem că eu sunt atât de mulțumit cu aceasta că am să-l împărtășească cu cineva.

184
00:10:17,060 --> 00:10:19,680
În mod normal, ceea ce ar face cu alte versiuni de Windows,

185
00:10:19,680 --> 00:10:22,900
te-ar lua poate o captură de ecran, ai face ceva copy-paste a textului

186
00:10:22,900 --> 00:10:24,950
sau lucruri de genul asta pe care doriți să le partajați afară,

187
00:10:24,950 --> 00:10:27,260
și apoi du-te și deschide o altă aplicație și a pus-o în ea.

188
00:10:27,260 --> 00:10:28,630
Aici nu trebuie să faci asta.

189
00:10:28,630 --> 00:10:32,400
Vă poate aduce de fapt, în bara de farmece și spune, "vreau să împărtășesc acest lucru."

190
00:10:32,400 --> 00:10:35,000
În acest moment este de gând să vă arăt toate aplicațiile

191
00:10:35,000 --> 00:10:38,080
care știu cum să lucreze cu ceea ce este comun.

192
00:10:38,080 --> 00:10:41,590
În acest caz, este o imagine, asa ca va spune, "Văd că ai o imagine."

193
00:10:41,590 --> 00:10:45,590
"Vrei să împărtășească asta?" Puteți vedea eu e-mail-am umple tot timpul.

194
00:10:45,590 --> 00:10:49,420
Aceasta recunoaște că, și mă oferind că ca o comandă rapidă,

195
00:10:49,420 --> 00:10:53,270
dar este, de asemenea, mi-a arătat fiecare aplicație care știe cum să se ocupe cu a face o fotografie

196
00:10:53,270 --> 00:10:55,520
și de a face ceva cu ea.

197
00:10:55,520 --> 00:10:57,890
Acestea toate au indicat la Windows că pot face asta.

198
00:10:57,890 --> 00:10:59,240
In acest moment aceasta este Windows.

199
00:10:59,240 --> 00:11:01,680
Utilizatorul alege exact ceea ce vor să facă cu ea.

200
00:11:01,680 --> 00:11:06,610
Voi face de obicei meu de PuzzleTouch. Puteți vedea care am creat tot felul de puzzle-uri a lungul timpului.

201
00:11:06,610 --> 00:11:11,790
Voi lua PuzzleTouch și spune, "Vreau să împărtășesc această creație uimitor cu PuzzleTouch."

202
00:11:11,790 --> 00:11:16,670
Se va merge mai departe și spune, "Mare. Vrei să împărtășească acest lucru? Fantastic."

203
00:11:16,670 --> 00:11:19,260
"Nu vrei sa faci un puzzle care este ușor, intermediar, oricare ar fi?"

204
00:11:19,260 --> 00:11:20,800
Voi face un un intermediar aici.

205
00:11:20,800 --> 00:11:24,890
Se face puzzle. O să fie un puzzle teribil, pentru că cea mai mare parte goale.

206
00:11:24,890 --> 00:11:28,100
Dar e gata, și este de fapt înapoi în cealaltă aplicație.

207
00:11:28,100 --> 00:11:32,360
Dacă am venit aici, eu pot căuta pentru el și-l lanseze.

208
00:11:32,360 --> 00:11:38,100
Acum, dacă am defila peste doar un pic aici, ar trebui să vedem creația mea undeva.

209
00:11:38,100 --> 00:11:42,930
În cazul în care m-am dus? Ce fel de puzzle-am face? Ti-am face mai ușor?

210
00:11:42,930 --> 00:11:46,110
Oh, acolo este, chiar acolo.

211
00:11:46,110 --> 00:11:49,550
[Chicotește] E puzzle curcan ușor de recunoscut asta e aici.

212
00:11:49,550 --> 00:11:52,360
Dar ceea ce vreau să subliniez pentru tine, un lucru rece aici

213
00:11:52,360 --> 00:11:54,710
este apps nu știa nimic despre celălalt.

214
00:11:54,710 --> 00:11:58,740
Ei au spus doar, "Am o imagine de a împărtăși, și știu cum să se ocupe de imagini."

215
00:11:58,740 --> 00:12:01,420
Și tu ca un dezvoltator, nu trebuie să scrie acel cod.

216
00:12:01,420 --> 00:12:05,350
Atunci când cineva mă întreabă de a împărtăși, am de gând să pun niște date în această structură de date mic

217
00:12:05,350 --> 00:12:06,740
și am terminat.

218
00:12:06,740 --> 00:12:10,990
Cealaltă aplicație preia, face treaba acesteia, și că este sfârșitul de schimbul de experiență.

219
00:12:10,990 --> 00:12:14,550
Asta e doar un singur lucru pe care le puteți face - într-adevăr, foarte puternic -

220
00:12:14,550 --> 00:12:17,570
și-l va fi unul din acele lucruri care ar putea ajuta într-adevăr diferentia app

221
00:12:17,570 --> 00:12:20,090
și, de asemenea, jocul prea în magazin.

222
00:12:20,090 --> 00:12:22,220
Oamenii sunt de gând să fie în măsură să spună, "Acest lucru este foarte util."

223
00:12:22,220 --> 00:12:25,430
"Eu folosesc acest creator de puzzle tot timpul. Este fantastic."

224
00:12:25,430 --> 00:12:30,490
>> Asta e cam destul de o scurtă prezentare a ceea ce se întâmplă aici.

225
00:12:30,490 --> 00:12:33,670
Există o serie de alte caracteristici de asemenea, că, poate, vom sublinia ca vom merge prin cod.

226
00:12:33,670 --> 00:12:37,710
Dar vreau să se scufunde în slide-uri, și pentru a face asta, am de gând să merg la birou,

227
00:12:37,710 --> 00:12:40,940
care este ea însăși o altă țiglă vii aici.

228
00:12:40,940 --> 00:12:43,840
Pot să merg în acest lucru și, destul de sigur, eu sunt pe diapozitive mele,

229
00:12:43,840 --> 00:12:46,320
dar lasă-mă să-ți arăt de fapt unde suntem.

230
00:12:46,320 --> 00:12:48,460
Suntem de fapt, în modul desktop.

231
00:12:48,460 --> 00:12:52,580
Acest lucru este adevărat în cazul în care ceea ce spuneam mai înainte despre Windows reportul

232
00:12:52,580 --> 00:12:54,850
la noi experiente se arată.

233
00:12:54,850 --> 00:12:56,450
Aceasta este Windows stii.

234
00:12:56,450 --> 00:12:59,730
Aplicații Windows sunt numite aplicații desktop. Ei rula aici.

235
00:12:59,730 --> 00:13:02,730
Dacă ați aplicații existente și pe care doriți să le ruleze pe Windows 8,

236
00:13:02,730 --> 00:13:04,710
puteți face absolut asta.

237
00:13:04,710 --> 00:13:07,590
Acestea nu sunt aceleași lucruri ca magazin de aplicații, care sunt pe aici,

238
00:13:07,590 --> 00:13:12,240
cum ar fi vopsea proaspătă și aceste aplicații NBC News și lucruri de genul asta. Cei care vor veni de la magazin.

239
00:13:12,240 --> 00:13:14,450
Ele pot conecta la unele dintre caracteristicile pe care am fost care vă arată

240
00:13:14,450 --> 00:13:16,620
și alții care nu v-am arătat încă.

241
00:13:16,620 --> 00:13:21,460
Ci doar să păstreze în minte. Avem suport pentru ambele lucruri, de asemenea.

242
00:13:21,460 --> 00:13:27,000
Îmi pare rău. Este ceva care nu prezintă pe ecran? L-am pierdut complet. Asta-i ciudat.

243
00:13:29,000 --> 00:13:31,000
Bine. Vă mulțumim pentru subliniind că afară.

244
00:13:31,000 --> 00:13:34,770
Ceea ce nu s-au văzut pentru un timp este meu vă arată că spațiul de lucru este aici.

245
00:13:34,770 --> 00:13:37,540
Care este ultimul lucru pe care ai văzut-o? Ai văzut asta?

246
00:13:37,540 --> 00:13:39,490
Acesta este spațiul de lucru. Deja stii cum arata.

247
00:13:39,490 --> 00:13:42,070
Nu e nimic foarte neobișnuit.

248
00:13:42,070 --> 00:13:46,940
Se transportă noastră această experiență înainte pentru tine și permițându-vă să folosiți lucrurile pe care le-ați avut.

249
00:13:46,940 --> 00:13:50,460
De exemplu, voi fi arătându-vă Visual Studio. Aceasta este o aplicație desktop.

250
00:13:50,460 --> 00:13:52,600
Se va rula în acest mod.

251
00:13:52,600 --> 00:13:54,960
Se va sprijini un mediu mai complex

252
00:13:54,960 --> 00:14:01,470
cu o mulțime de opțiuni și lucruri de genul asta, asa ca o opțiune bună ca o aplicatie desktop face.

253
00:14:01,470 --> 00:14:04,810
>> Acestea fiind spuse, hai să mergem la slide-uri pentru doar un pic

254
00:14:04,810 --> 00:14:09,720
și vă va oferi unele conținut introductiv și apoi ajunge în codare de fapt aici.

255
00:14:09,720 --> 00:14:14,070
Vestea buna este ca am auzit ai fost concentrându-se pe o mulțime de CSS și JavaScript, HTML.

256
00:14:14,070 --> 00:14:18,110
Toate acele lucruri pe care le-ați fost de învățare de transport direct în procesul de luare pentru Windows Store aplicații.

257
00:14:18,110 --> 00:14:22,920
Lucrurile pe care le-ați auzit despre cu aplicarea selectoare CSS și toate acele lucruri

258
00:14:22,920 --> 00:14:27,180
este exact ceea ce faci pentru a crea o cerere aici pentru magazin.

259
00:14:27,180 --> 00:14:29,640
Vom merge prin aceste lucruri, puțin câte puțin.

260
00:14:29,640 --> 00:14:34,130
Practic, eu sunt bazându-se pe lucrurile pe care deja le-au luat timp pentru a învăța.

261
00:14:34,130 --> 00:14:36,520
Acesta este graficul de ansamblu a tehnologiilor pe care le-ar putea folosi

262
00:14:36,520 --> 00:14:38,790
pentru a face aplicații pentru Windows 8.

263
00:14:38,790 --> 00:14:42,840
Chestii pe dreapta, aplicații desktop, este într-adevăr ceea ce știm deja.

264
00:14:42,840 --> 00:14:46,840
Asta e chestia asta este într-adevăr Windows 7 lumea reportate în Windows 8.

265
00:14:46,840 --> 00:14:51,920
Toate aceste opțiuni de a duce mai departe: C #, VB, Win32 tip de dezvoltare.

266
00:14:51,920 --> 00:14:54,450
Mare. Nici o problemă. Lucruri noi este pe partea stângă.

267
00:14:54,450 --> 00:14:58,220
Asta e pentru Windows Store aplicații, atunci eu vreau să mă cererea mea fir în Windows 8

268
00:14:58,220 --> 00:15:02,300
folosind toate aceste caracteristici, se ajunge în magazin, și să obțină această experiență foarte cool

269
00:15:02,300 --> 00:15:05,260
a aplicațiilor pentru Windows Store.

270
00:15:05,260 --> 00:15:10,350
Pentru a face acest lucru, puteți vedea aici, ai toate alegerile tale cu XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, ai putea face DirectX, lucruri de genul asta, lucruri care merg dincolo de diapozitiv.

272
00:15:14,100 --> 00:15:18,650
Dar pentru noi, ne vom concentra chiar în pe faptul că HTML, CSS, JavaScript și

273
00:15:18,650 --> 00:15:22,890
sunt într-adevăr un cetățean de primă clasă pentru a face aplicații pentru Windows 8

274
00:15:22,890 --> 00:15:24,960
și pentru Windows Store.

275
00:15:24,960 --> 00:15:27,950
Deci, acest lucru este bun pentru toată lumea de aici și oameni vizionarea pe video

276
00:15:27,950 --> 00:15:30,760
pentru că puteți utiliza doar toate acele experiențe pe care le au

277
00:15:30,760 --> 00:15:33,900
și într-adevăr cravată în ceea ce ofera Windows.

278
00:15:33,900 --> 00:15:37,870
Ai de gând să faci asta printr-un set de API-uri, care ar trebui să fie nici o surpriza.

279
00:15:37,870 --> 00:15:39,920
Fiecare sistem de operare are propriile API-uri.

280
00:15:39,920 --> 00:15:43,530
Noi expune ceea ce se poate face pentru Windows prin ceea ce se numește WinRT.

281
00:15:43,530 --> 00:15:46,370
Este un set de API-uri, care face ca totul pentru tine.

282
00:15:46,370 --> 00:15:51,650
Dacă aveți nevoie pentru a deschide fișiere, trebuie să utilizați aparatul de fotografiat, geolocalizare, lucruri de genul asta,

283
00:15:51,650 --> 00:15:55,700
acestea trec prin ceea ce Windows poate oferi pentru tine.

284
00:15:55,700 --> 00:15:59,370
Pentru a accesa că, avem mai mult unele JavaScript care va face și mai mult

285
00:15:59,370 --> 00:16:02,510
pentru tine să faci asta. Vom ajunge la faptul că într-o clipă.

286
00:16:02,510 --> 00:16:04,060
Dar de acum, care este practic harta rutieră.

287
00:16:04,060 --> 00:16:06,770
Lucrurile pe care le-ați fost deja face pe partea de sus a unor API-uri

288
00:16:06,770 --> 00:16:11,280
care vă ajută să funcționeze cu Windows este egal cu App Store.

289
00:16:11,280 --> 00:16:14,210
Și asta e de fapt despre tot ce trebuie să știi de la nivel înalt.

290
00:16:14,210 --> 00:16:17,370
>> Vom arunca cu capul în fapt de lucru cu chestii acum.

291
00:16:18,940 --> 00:16:21,950
Lucrurile pe care probabil le-ați văzut deja o grămadă de,

292
00:16:21,950 --> 00:16:26,760
cu IE9 un pic de timp în urmă am introdus suport pentru o mulțime de, la momentul respectiv,

293
00:16:26,760 --> 00:16:30,340
standarde noi în Web, astfel încât o mulțime de noi caracteristici CSS,

294
00:16:30,340 --> 00:16:34,380
o mulțime de noi HTML, ECMAScript 5, ceea ce este cu adevarat JavaScript.

295
00:16:34,380 --> 00:16:38,090
Deci, totul pentru că în afară de modul strict a fost în IE9.

296
00:16:38,090 --> 00:16:42,290
Doar o tonă de chestii cu CSS, CSS3, tot acolo.

297
00:16:42,290 --> 00:16:45,300
Și toate aceste lucruri duce mai departe în ceea ce facem noi cu Windows 8.

298
00:16:45,300 --> 00:16:49,350
Puteți folosi aceste lucruri, și puteți folosi tot ce e nou în IE10.

299
00:16:49,350 --> 00:16:54,640
Cu IE10 vom introduce suport pentru toate aceste lucruri, de asemenea.

300
00:16:54,640 --> 00:16:59,340
Sunt toate accelerare hardware, asa ca daca esti pe o mașină care are un fel de GPU,

301
00:16:59,340 --> 00:17:04,190
care este, probabil, destul de mult în fiecare mașină pe care le-ar putea obține în ultimii 8 ani,

302
00:17:04,190 --> 00:17:07,609
ai de gând să fie în măsură să aibă ieșire accelerare hardware,

303
00:17:07,609 --> 00:17:11,770
ieșire vizual cu CSS, Canvas, SVG.

304
00:17:11,770 --> 00:17:14,339
Toate aceste lucruri vor merge prin accelerare hardware

305
00:17:14,339 --> 00:17:16,060
și fie că mult mai rapid și mai eficient.

306
00:17:16,060 --> 00:17:20,440
Versiunea scurta de toate acestea - Nu sunt de gând să treacă prin fiecare lucru aici -

307
00:17:20,440 --> 00:17:23,200
dacă îl vedeți pe această listă, în cazul în care aveți posibilitatea să o faci în IE10,

308
00:17:23,200 --> 00:17:25,650
în cazul în care este o aplicatie web care rulați, care funcționează în IE10,

309
00:17:25,650 --> 00:17:28,640
E ceva ce se poate face ca o aplicație pentru Windows Store.

310
00:17:28,640 --> 00:17:33,100
Și asta e destul de mult. Deci, dacă acesta funcționează în IE10, ea va merge ca o aplicatie Windows Store.

311
00:17:33,100 --> 00:17:36,370
E pe masa ca pe ceva care le-ar putea folosi.

312
00:17:36,370 --> 00:17:40,510
>> Exista o multime aici. Nu avem până la miezul nopții, așa că nu pot revizui totul aici.

313
00:17:40,510 --> 00:17:44,060
Dar există unele site-uri care vă va ajuta să înțelegeți ce aceste lucruri se poate face,

314
00:17:44,060 --> 00:17:45,520
și vă voi arăta una dintre ele într-o secundă.

315
00:17:45,520 --> 00:17:48,410
Am vrut doar să subliniez câteva dintre lucrurile cheie pe care le-ar putea uita la.

316
00:17:48,410 --> 00:17:51,560
Poate că ați văzut deja unele dintre acestea în studii,

317
00:17:51,560 --> 00:17:56,610
dar acestea sunt foarte utile, în special cu Windows Store aplicații, de la partea de CSS.

318
00:17:56,610 --> 00:18:02,420
Deci, fiind capabil de a face transformări și tranziții, oferă mișcare cu animație -

319
00:18:02,420 --> 00:18:07,010
acestea sunt toate parte a CSS acum, și toate acestea sunt suportate de browserele moderne,

320
00:18:07,010 --> 00:18:11,370
și IE10 și IE9 au adăugat suport în timp pentru toate aceste lucruri.

321
00:18:11,370 --> 00:18:15,220
Și așa că de ce scrie el singur, de ce merge prin toate probleme de a face aceste lucruri de mână

322
00:18:15,220 --> 00:18:19,970
atunci ai putea folosi un simplu CSS transforma pentru a crea un efect 3D pentru aplicația dvs.?

323
00:18:19,970 --> 00:18:22,740
Mare. Asta e modul în care funcționează.

324
00:18:22,740 --> 00:18:24,530
Nu pot să-l mai dificilă decât cea fac.

325
00:18:24,530 --> 00:18:28,330
Dacă știi cum să-l facă în CSS, stii cum se face în aplicația Windows Store.

326
00:18:28,330 --> 00:18:32,080
>> Mergând dincolo de care pentru layout, lucruri cum ar fi chiar App Store,

327
00:18:32,080 --> 00:18:35,350
dar dincolo de asta, se uită la, poate, o aplicatie de știri care te arată articole

328
00:18:35,350 --> 00:18:40,160
sau rețete sau lucruri de genul asta, aceste alte tipuri de caracteristici în CSS sunt foarte utile:

329
00:18:40,160 --> 00:18:45,610
Grid, Flexbox, CSS Regiunilor este mai mult de o destul de nou standard, de asemenea.

330
00:18:45,610 --> 00:18:51,190
Aceste lucruri sunt toate de gând să vă ajute să stabilească în conținut și fluxul de conținut între secțiuni,

331
00:18:51,190 --> 00:18:55,470
putea face paginare și despărțirea în silabe fără a fi nevoie să scrie lucruri singur.

332
00:18:55,470 --> 00:18:57,500
Trebuie doar spune, "Vă rugăm să efectuați următoarele pentru mine,"

333
00:18:57,500 --> 00:19:00,850
și ca imobiliar ecranului este diferit pe mașini diferite

334
00:19:00,850 --> 00:19:03,850
sau cum veți vedea într-o clipă, ca să fotografiați o aplicație

335
00:19:03,850 --> 00:19:07,920
de a avea sume mai mici de spațiu pe ecran, că e nici o problemă pentru CSS.

336
00:19:07,920 --> 00:19:11,160
Se poate profita de - Vom vorbi despre interogari mass-media într-un al doilea -

337
00:19:11,160 --> 00:19:15,880
se poate ocupa de lucruri cu repoziționarea conținutul dvs., care curge de conținut din regiunile

338
00:19:15,880 --> 00:19:21,240
doar cu aceste lucruri pe care este posibil să fi văzut deja cu tehnologie web.

339
00:19:21,240 --> 00:19:25,470
>> Pe partea de HTML5, există, de asemenea, o grămadă de lucruri

340
00:19:25,470 --> 00:19:28,140
, care va fi foarte util pentru tine cu Windows Store aplicații.

341
00:19:28,140 --> 00:19:30,980
Din nou, nu vom trece prin toate astea, dar sunt doar aici.

342
00:19:30,980 --> 00:19:35,470
Deci, dacă aveți nevoie să-l utilizați, audio-video, dacă vrei să faci validare de la forme,

343
00:19:35,470 --> 00:19:40,570
geolocalizare, toate lucrurile pe care le puteți face în JavaScript cu JavaScript 5 sau ECMAScript 5,

344
00:19:40,570 --> 00:19:44,070
IndexedDB pentru stocarea locală - acestea sunt toate opțiunile pentru tine.

345
00:19:44,070 --> 00:19:49,300
Dacă sunteți în căutarea pentru un răspuns, doar uita-te la tehnologiile existente cu HTML5 și CSS

346
00:19:49,300 --> 00:19:53,880
și veți găsi răspunsuri mai ușor decât să se rostogolească o mulțime de lucruri care te.

347
00:19:53,880 --> 00:19:55,510
Lasă-mă să-ți arăt în jurul valorii de un pic aici.

348
00:19:55,510 --> 00:19:57,920
Am un site, putem merge la.

349
00:19:57,920 --> 00:20:01,590
Lasă-mă să renunț din acest diapozitiv pentru o secundă.

350
00:20:01,590 --> 00:20:06,450
>> Dacă vom ieși la IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Eu nu va face mult de un demo aici.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com este într-adevăr vă arată o mulțime de ceea ce este nou cu IE10,

353
00:20:14,360 --> 00:20:16,220
lucrurile pe care le puteți face.

354
00:20:16,220 --> 00:20:19,130
Mi se pare acest lucru este foarte util pentru că în loc de a citi printr-o grămadă de hârtii albe,

355
00:20:19,130 --> 00:20:23,020
uita-te la cateva demo-uri, și că o să vă ajute să-l puneți pe cont propriu radar personal

356
00:20:23,020 --> 00:20:26,620
despre faptul daca o tehnologie are sens pentru a face chiar orice mai mult de cercetare cu

357
00:20:26,620 --> 00:20:29,070
astfel încât veți înțelege, "Eu văd ce este pentru."

358
00:20:29,070 --> 00:20:32,780
"Am înțeles ce Cerere Animație cadru face pentru mine."

359
00:20:32,780 --> 00:20:36,900
"Eu înțeleg cum am putut folosi regiuni sau filtre SVG."

360
00:20:36,900 --> 00:20:40,190
Tu le vezi în acțiune, a le vedea pe un exemplu aici,

361
00:20:40,190 --> 00:20:44,930
și să decidă pentru tine, dacă asta va fi util pentru tine în propriile proiecte și dincolo de

362
00:20:44,930 --> 00:20:47,840
în timp ce continua să lucreze cu tehnologia web.

363
00:20:47,840 --> 00:20:49,900
Aici am dori să vă încurajez doar să aruncăm o privire.

364
00:20:49,900 --> 00:20:52,880
Nu cred că voi petrece mai mult timp de funcționare de fapt acestea.

365
00:20:52,880 --> 00:20:56,030
Avem suficient pentru a arăta cu scrierea de cod.

366
00:20:56,030 --> 00:21:01,640
Veți vedea aici lucrurile de la efecte de atingere la jocuri bazate pe atinge în această secțiune,

367
00:21:01,640 --> 00:21:06,050
animație, foarte repede accelerare hardware animație acolo,

368
00:21:06,050 --> 00:21:11,230
unele optimizări pe care le veți vedea în unele dintre aceste probe, precum și,

369
00:21:11,230 --> 00:21:12,770
și există multe, multe altele.

370
00:21:12,770 --> 00:21:15,330
Dacă te duci de aici și de a deschide harta site-ului,

371
00:21:15,330 --> 00:21:19,070
există doar un număr ridicol de probe aici.

372
00:21:19,070 --> 00:21:20,690
Le puteți vedea pe toate aici.

373
00:21:20,690 --> 00:21:22,900
Dacă sunteți în căutarea la ceva sau ai auzit despre ceva

374
00:21:22,900 --> 00:21:25,850
și vă întrebați, poate, acest lucru ar fi ceva grozav de a utiliza în aplicația,

375
00:21:25,850 --> 00:21:31,720
incercati sa cautati aici, și există, probabil, un demo destul de bun pentru ea să salvezi ceva timp.

376
00:21:31,720 --> 00:21:35,980
>> Bine? Orice întrebări până acum de cei de aici?

377
00:21:35,980 --> 00:21:39,620
Bine. Vom continua aici.

378
00:21:39,620 --> 00:21:41,920
Din nou, trebuie doar să verificați că afară.

379
00:21:41,920 --> 00:21:45,450
Acestea sunt standardele web, merge atât de la orice alte site-uri vitrina pe care le cunosc de

380
00:21:45,450 --> 00:21:50,550
și a vedea dacă aceste tehnologii face sens pentru ceea ce încerci să faci.

381
00:21:50,550 --> 00:21:53,190
>> Înapoi la diapozitive.

382
00:21:53,190 --> 00:22:00,290
Asta a spus, vă deplasați de la o lume Web pentru a într-adevăr o lume aplicație locală instalat,

383
00:22:00,290 --> 00:22:01,850
astfel încât există unele lucruri la punct aici.

384
00:22:01,850 --> 00:22:03,690
Mai întâi de toate, nu e nici un server web implicat aici.

385
00:22:03,690 --> 00:22:06,120
Nu e nici un Apache, nu e nici IIS rulează aici

386
00:22:06,120 --> 00:22:10,170
servind de pagini la un client la distanță, la un agent de browser-ul de la distanță.

387
00:22:10,170 --> 00:22:13,000
În acest caz, într-adevăr totul este ambalat pentru tine.

388
00:22:13,000 --> 00:22:16,630
Ce trimiteți ca cererea dvs. la magazin, acesta devine certificat,

389
00:22:16,630 --> 00:22:22,190
e în magazin, și apoi oamenii cu miile va instala jocul sau aplicația.

390
00:22:22,190 --> 00:22:24,780
Dar de fapt, ei se trage în jos la nivel local pentru masina lor.

391
00:22:24,780 --> 00:22:29,080
Nu este nevoie să mai iasă la Internet dacă nu aveți apeluri care au nevoie de un API de la distanță,

392
00:22:29,080 --> 00:22:31,790
și că este perfect normal ca prea bine.

393
00:22:31,790 --> 00:22:35,330
Dar ei nu vor să fie în modul în care ei trebuie să meargă de răspuns la solicitarea de pe un server

394
00:22:35,330 --> 00:22:37,910
pentru a obține următoarea pagină de conținutul lor.

395
00:22:37,910 --> 00:22:41,380
Astfel că a spus, există câteva diferențe minore API. Acestea sunt incredibil de minore.

396
00:22:41,380 --> 00:22:46,850
Acestea sunt puțin probabil să te-a lovit în codificare normal, dar sunt cel puțin documentate.

397
00:22:46,850 --> 00:22:50,030
Sunt un fel de margine de cazuri.

398
00:22:50,030 --> 00:22:53,370
>> Un alt lucru important să subliniem este diferențele de încredere.

399
00:22:53,370 --> 00:22:58,070
Menționez doar asta pentru că vreau să mă asigur că am spus-o

400
00:22:58,070 --> 00:23:01,580
așa că, dacă aveți o mai târziu, veți gândi, "Chris a spus ceva despre acest lucru,

401
00:23:01,580 --> 00:23:04,890
"Astfel, poate, da, bine,", și apoi te întorci și să afli ce a fost.

402
00:23:04,890 --> 00:23:06,480
Contexte contează.

403
00:23:06,480 --> 00:23:11,450
În mod implicit vom încerca pentru a proteja utilizatorul de vectori de atac.

404
00:23:11,450 --> 00:23:13,400
Există anumite lucruri pe care le puteți face în mod implicit

405
00:23:13,400 --> 00:23:16,130
și anumite lucruri care aveți nevoie pentru a schimba context, pentru a permite.

406
00:23:16,130 --> 00:23:19,860
Pe măsură ce utilizați unele biblioteci acolo - Ai fost deja de lucru cu jQuery,

407
00:23:19,860 --> 00:23:23,650
dar dacă te uiți pentru alte biblioteci acolo - s-ar putea folosi unele funcționalități

408
00:23:23,650 --> 00:23:28,000
acest tip de merge dincolo de utilizarea locală, are interacțiuni mai dinamice

409
00:23:28,000 --> 00:23:30,360
Cereri XHR, lucruri de genul asta.

410
00:23:30,360 --> 00:23:33,090
Uneori, s-ar putea găsi pe cei va fi dezactivat în mod implicit,

411
00:23:33,090 --> 00:23:37,790
și în acest caz, face doar o căutare, uita-te pentru contextul local și web,

412
00:23:37,790 --> 00:23:39,560
și veți afla cum să se stabilească acest lucru.

413
00:23:39,560 --> 00:23:42,580
Doar asigurați-vă că știa despre asta ca să începeți să folosiți alte cadre,

414
00:23:42,580 --> 00:23:45,720
care, trebuie să menționez, că ești perfect în stare să facă.

415
00:23:45,720 --> 00:23:49,290
Deci, dacă veți găsi un alt cadru - Vom vorbi despre asta într-un al doilea -

416
00:23:49,290 --> 00:23:54,000
pentru jocuri de noroc și doriți să utilizați că, doriți să utilizați unele biblioteci de control care sunt acolo

417
00:23:54,000 --> 00:23:57,990
și nu doriți să scrie lucruri care te - este o idee bună, nu? -

418
00:23:57,990 --> 00:23:59,560
puteți folosi absolut chestia asta.

419
00:23:59,560 --> 00:24:03,660
Există exploatație te-ai întors de la folosind orice fel de bibliotecă care se bazează pe JavaScript nimic,

420
00:24:03,660 --> 00:24:05,380
CSS, HTML5.

421
00:24:05,380 --> 00:24:09,740
Din nou, daca este ceva ce se poate face în IE10, care este un heck de o multime aceste zile,

422
00:24:09,740 --> 00:24:11,220
o poti face.

423
00:24:11,220 --> 00:24:14,800
Trageți-l în aplicația, trimitere că biblioteca JavaScript, și-l folosească în cererea dumneavoastră,

424
00:24:14,800 --> 00:24:19,880
doar păstrând în minte s-ar putea lovi un context de securitate din când în când - nu foarte des.

425
00:24:19,880 --> 00:24:24,150
>> Și apoi caracteristicile, vom trece peste câteva mai mult de cei ca mergem.

426
00:24:24,150 --> 00:24:27,500
UX vei fel de obisnui cu ce veți vedea mai multe aplicatii

427
00:24:27,500 --> 00:24:29,250
din Windows Store.

428
00:24:29,250 --> 00:24:33,870
Ai obține o simt pentru modul în care acestea funcționează și modul în care design estetic tinde să lucreze

429
00:24:33,870 --> 00:24:37,720
în diferite aplicații și ceea ce oamenii vor fi folosite pentru a se confrunta.

430
00:24:37,720 --> 00:24:39,660
Asta este într-adevăr importantă.

431
00:24:39,660 --> 00:24:42,460
Asigurați-vă că, atunci când porniți aplicația nu au nevoie pentru a citi un manual,

432
00:24:42,460 --> 00:24:44,300
pe care nu le fac, apropo.

433
00:24:44,300 --> 00:24:46,650
Acestea ar trebui să fie doar în măsură să începeți să jucați cu cererea dvs.

434
00:24:46,650 --> 00:24:49,450
și imaginind fără mare dificultate.

435
00:24:49,450 --> 00:24:52,660
Prin lipirea și aderarea la o mulțime de aceste practici,

436
00:24:52,660 --> 00:24:57,640
ai de gând să faci utilizatorilor o mare favoare, ceea ce face ca mai ușor.

437
00:24:57,640 --> 00:25:01,810
>> Bine. Un ultim lucru pe partea de API și apoi vom ajunge în scris de fapt cod.

438
00:25:01,810 --> 00:25:05,660
WinJS este chestia aia am menționat foarte pe scurt cu care tobogan complex

439
00:25:05,660 --> 00:25:08,850
cu toate aceste opțiuni diferite pe care le au pentru a face aplicații.

440
00:25:08,850 --> 00:25:10,890
WinJS, vă puteți gândi la ea ca la un prieten.

441
00:25:10,890 --> 00:25:13,680
Este prietenul tău pentru a vă ajuta să scrie lucruri mult mai repede.

442
00:25:13,680 --> 00:25:18,820
E doar JavaScript și CSS. Nu trebuie să-l folosească. Puteți să-l folosiți.

443
00:25:18,820 --> 00:25:22,180
Dacă aveți de gând să fie de asteptare pentru a caracteristici Windows, vei sfârși prin a folosind-o,

444
00:25:22,180 --> 00:25:27,210
dar în cazul în care există lucruri, cum ar fi unele modele de design sau de control pe care tu chiar nu doresc să utilizeze,

445
00:25:27,210 --> 00:25:29,090
doriți să utilizați altceva, este de până la tine.

446
00:25:29,090 --> 00:25:32,580
Decideți ce doriți să utilizați și stilurile pe care doriți să le utilizați.

447
00:25:32,580 --> 00:25:37,250
Caracteristicile din namespacing și clasa generație - de până la tine.

448
00:25:37,250 --> 00:25:41,650
Dacă preferați una sau alta, e în întregime alegerea ta. Este încă JavaScript și CSS.

449
00:25:41,650 --> 00:25:43,860
Dar este de gând să vă ajute să faci o mulțime de lucruri.

450
00:25:43,860 --> 00:25:47,780
De exemplu, aici este un subset de ceea ce se poate face,

451
00:25:47,780 --> 00:25:50,790
lucruri cum ar fi de ajutor de programare asincron cu promisiuni.

452
00:25:50,790 --> 00:25:54,000
Oricare dintre voi a auzit de sau au lucrat cu Node.js?

453
00:25:54,000 --> 00:25:59,520
Este un model comun de a lucra cu programarea asincron.

454
00:25:59,520 --> 00:26:02,370
Deci, practic ceea ce spui este, "Du-te face ceva,

455
00:26:02,370 --> 00:26:05,790
"Și ai de gând să-mi dea o promisiune care te vei întoarce la mine când ați terminat."

456
00:26:05,790 --> 00:26:08,400
Asta este, în esență, ceea ce se întâmplă.

457
00:26:08,400 --> 00:26:12,400
Astfel încât să nu înghețe cererea dumneavoastră în timp ce utilizatorul se întâmplă și alege un fișier

458
00:26:12,400 --> 00:26:15,810
sau ceva este în curs de transmitere jos de pe Web.

459
00:26:15,810 --> 00:26:17,210
UI rămâne receptiv.

460
00:26:17,210 --> 00:26:19,410
Și puteți face acest lucru prin utilizarea de programare asincron.

461
00:26:19,410 --> 00:26:23,620
Suna ridicol de complex, dar este foarte ușor pentru că sunteți folosind promisiuni

462
00:26:23,620 --> 00:26:27,900
și ai spus, "Du-te face acest lucru și atunci când ați terminat, suna din nou la această metodă."

463
00:26:27,900 --> 00:26:30,270
Asta e destul de mult. Asta e tot construit în a WinJS.

464
00:26:30,270 --> 00:26:35,120
Se va face mult mai ușor să scrie aplicații foarte flexibile și puternice.

465
00:26:35,120 --> 00:26:37,870
>> Puteți vedea restul de aici, o mulțime de animații.

466
00:26:37,870 --> 00:26:41,240
Probabil una dintre cele mai importante lucruri de pe acest diapozitiv sunt controale.

467
00:26:41,240 --> 00:26:44,680
Cred că am un întreg - Da, eu fac.

468
00:26:44,680 --> 00:26:48,900
Iată un exemplu de doar câteva dintre controalele pe care le puteți utiliza în aplicațiile dumneavoastră.

469
00:26:48,900 --> 00:26:51,060
Acest lucru este drept în sus de la WinJS.

470
00:26:51,060 --> 00:26:53,430
Nu se scriu aceste înșivă,

471
00:26:53,430 --> 00:26:55,990
ai spus, "Iată cum vreau să compună cererea mea."

472
00:26:55,990 --> 00:26:59,420
"Voi folosi o vedere de flip, așa că am putea merge între diferite fotografii."

473
00:26:59,420 --> 00:27:03,380
Nu te-am arătat Semantic Zoom. Vă voi arăta că într-o secundă.

474
00:27:03,380 --> 00:27:05,700
ListViews. Există GridViews.

475
00:27:05,700 --> 00:27:08,680
Le-ați văzut deja o rețea ca parte a cererii de magazin,

476
00:27:08,680 --> 00:27:12,170
astfel, abilitatea de a utiliza blocuri de conținut și derulând peste faptul că.

477
00:27:12,170 --> 00:27:15,660
Meniuri bara de instrumente, veți vedea din timp în timp.

478
00:27:15,660 --> 00:27:19,090
Bara de app v-am arătat cu această cerere vopsea proaspătă, de asemenea,

479
00:27:19,090 --> 00:27:22,190
așa că ai văzut cum puteți personaliza că prin punerea butoanele de pe ea

480
00:27:22,190 --> 00:27:26,360
și având ca ascunde departe atunci când nu-mi pasă de a folosi de asta.

481
00:27:26,360 --> 00:27:28,120
Asta este într-adevăr în totalitate până la tine pentru a utiliza.

482
00:27:28,120 --> 00:27:30,210
Acestea sunt toate controalele care fac parte din WinJS.

483
00:27:30,210 --> 00:27:33,640
O să-ți arăt cum să facă aceste în doar o secundă, dar nu e mai mult decât acest lucru,

484
00:27:33,640 --> 00:27:37,060
si mai important lucru este de a le folosi, dacă doriți, salvați ceva timp.

485
00:27:37,060 --> 00:27:40,830
>> Dacă aveți alte biblioteci de control pe care doriți să o utilizați, asta e foarte bine prea.

486
00:27:40,830 --> 00:27:46,300
Lucruri cum ar fi jQuery UI face o mulțime de acest tip de idee, de asemenea,

487
00:27:46,300 --> 00:27:51,280
oferind mai multe controale, care se extind ceea ce puteți face în HTML și JavaScript.

488
00:27:52,690 --> 00:27:55,680
Haideti sa patrundem inch am spus deja asta. Utilizați ceea ce doriți.

489
00:27:55,680 --> 00:27:59,680
Doar ține cont de faptul că s-ar putea rula în unele probleme de context.

490
00:27:59,680 --> 00:28:03,380
Dar puteți amesteca cu siguranță și se potrivesc orice fel de biblioteci esti confortabil cu,

491
00:28:03,380 --> 00:28:06,770
vrei să înveți, doriți să utilizați, să salvezi ceva timp.

492
00:28:06,770 --> 00:28:09,850
>> Hai sa vorbim despre instrumente doar pentru o secundă.

493
00:28:09,850 --> 00:28:12,400
Puteți obține ceea ce aveți nevoie pentru a începe lucrul cu Windows Store aplicații.

494
00:28:12,400 --> 00:28:17,360
Dacă mă duc înapoi, nu am prea multe lucruri aici.

495
00:28:17,360 --> 00:28:21,770
Dacă te duci la această pagină, care este dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
puteți descărca tot ce ai nevoie.

497
00:28:23,300 --> 00:28:28,170
Pe măsură ce elevii, aveți acces la mai mult de publicul larg nu,

498
00:28:28,170 --> 00:28:30,670
astfel încât să puteți obține versiuni finale mai mari de Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Edwin menționat puteți obține deja Windows, precum.

500
00:28:34,090 --> 00:28:36,790
Dar, în general, pentru toți dezvoltatorii, poti sa te duci la acest site

501
00:28:36,790 --> 00:28:40,380
și de a descărca tot ce ai nevoie pentru a face o cerere, și totul este gratuit.

502
00:28:40,380 --> 00:28:42,460
Deci, există o versiune gratuită de Visual Studio,

503
00:28:42,460 --> 00:28:44,450
există o serie de instrumente care va instala alături de care -

504
00:28:44,450 --> 00:28:47,240
tot ce ai nevoie pentru a crea și testa cererea dumneavoastră.

505
00:28:47,240 --> 00:28:50,130
Este doar atunci când ai de gând să publice cererea dumneavoastră de până la magazin

506
00:28:50,130 --> 00:28:52,470
care ai de gând să nevoie de un cont de dezvoltator.

507
00:28:52,470 --> 00:28:56,100
Acest lucru prea cred că este gratuit. Este gratuit pentru studenți, precum și? >> [Guarin] Care dintre ele?

508
00:28:56,100 --> 00:28:57,970
Contul de dezvoltator, depunerea efectivă. >> [Guarin] Da.

509
00:28:57,970 --> 00:28:59,580
Asta e mai mult o veste bună.

510
00:28:59,580 --> 00:29:00,840
Vei merge uita-te la asta.

511
00:29:00,840 --> 00:29:03,840
Se va spune de un individ în mod implicit este 49 $.

512
00:29:03,840 --> 00:29:06,140
Dar nu vă înscrieți pentru că ca un student.

513
00:29:06,140 --> 00:29:10,250
O să-ți aduc niște informații prin intermediul programelor pe care le puteți obține un cont gratuit,

514
00:29:10,250 --> 00:29:13,980
și care vă va permite apoi depune aplicațiile până la magazin,

515
00:29:13,980 --> 00:29:17,370
ca de multe doriți, și toate că bunătatea va urma în curând.

516
00:29:17,370 --> 00:29:19,710
Deci, asta e dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Puteți descărca instrumentele de care ați putea avea nevoie de aici.

518
00:29:22,170 --> 00:29:25,310
Și, dacă doriți, puteți obține o versiune de încercare de Windows aici,

519
00:29:25,310 --> 00:29:27,160
dar din nou, nu va trebui să.

520
00:29:27,160 --> 00:29:32,880
>> Alte site-ul - permiteți-mi să subliniez asta pentru tine rapid - este design.windows.com.

521
00:29:32,880 --> 00:29:34,770
Asta a fost dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, puteți ghici ce e pentru.

523
00:29:37,770 --> 00:29:40,380
Este de fapt un site destul de prietenos. Există o mulțime de informații bune aici.

524
00:29:40,380 --> 00:29:41,770
Se poate lucra prin ea.

525
00:29:41,770 --> 00:29:43,960
O să vă dau câteva sfaturi cu privire la unele lucruri

526
00:29:43,960 --> 00:29:46,760
care poate că nu s-au gândit înainte sau au avut de a face cu înainte,

527
00:29:46,760 --> 00:29:50,780
cum ar fi proiectarea de atingere, de proiectare pentru diferite factori de formă,

528
00:29:50,780 --> 00:29:55,310
proiectarea pentru capacitățile de Windows 8, lucrurile pe care le-am menționat mai înainte

529
00:29:55,310 --> 00:29:58,740
cum ar fi căutarea și partajare, unele lucruri pe care nu le-am vorbit încă despre.

530
00:29:58,740 --> 00:30:05,570
Toate acestea sunt listate aici, și este un set destul de bun de pagini de fișiere de ajutor

531
00:30:05,570 --> 00:30:08,670
care vă va ajuta să înțelegeți modul de a face un anumit tip de aplicație,

532
00:30:08,670 --> 00:30:14,250
modul de a face interacțiune, cum să se ocupe cu UI și UX de aplicare dumneavoastră.

533
00:30:14,250 --> 00:30:18,630
Mi-ar recomandăm să aruncăm o privire la acest lucru, mai ales dacă sunteți la un moment dat

534
00:30:18,630 --> 00:30:22,960
în speranța de a publica o cerere de la magazin.

535
00:30:22,960 --> 00:30:25,250
Ai de gând să vrea să știe cum să facă o aplicație bună

536
00:30:25,250 --> 00:30:28,300
pentru că am menționat mai înainte, dacă nu, există aceste comentarii din nou.

537
00:30:28,300 --> 00:30:29,930
Oamenii vor să fie nefericit.

538
00:30:29,930 --> 00:30:32,960
Ei nu vor fi în stare să găsească lucruri pe care le așteaptă în locurile potrivite.

539
00:30:32,960 --> 00:30:36,590
Nimeni nu vrea să se întâmple asta pentru tine.

540
00:30:36,590 --> 00:30:39,220
>> A trece mai departe de aici, lasă-mă să închid asta jos.

541
00:30:39,220 --> 00:30:43,700
Acum, că știi unde pentru a obține lucruri, eu vă va arăta cum să începeți de fapt, folosind lucruri.

542
00:30:43,700 --> 00:30:48,520
Pentru a începe, eu vă va arăta de fapt, aici un exemplu de aplicații desktop de pe ecranul meu Start.

543
00:30:48,520 --> 00:30:53,600
Aici puteți vedea Visual Studio, puteți vedea Blend și alte instrumente de dezvoltare pe care le am.

544
00:30:53,600 --> 00:30:55,890
Ei au o țiglă ușor diferit.

545
00:30:55,890 --> 00:30:57,930
Asta pentru ca ele sunt aplicații desktop,

546
00:30:57,930 --> 00:31:00,960
și în aceste cazuri, toate acestea sunt de gând să lanseze înapoi la desktop-ul meu

547
00:31:00,960 --> 00:31:05,350
într-adevăr la fel de aplicații pe care ai folosit pentru a.

548
00:31:05,350 --> 00:31:06,960
Astfel încât experiența Windows, acesta este același lucru.

549
00:31:06,960 --> 00:31:12,940
Ele nu sunt, de exemplu, cum ar fi armate! sau aceste lucruri. Permiteți-mi să lanseze o repede.

550
00:31:12,940 --> 00:31:14,340
De fapt, aici este unul interesant.

551
00:31:14,340 --> 00:31:19,210
Acest lucru a fost dezvoltat de către studenții care lucrează în parteneriat la NERD.

552
00:31:19,210 --> 00:31:23,430
Aplicație ecran complet, aceste tipuri de experiențe de aici.

553
00:31:23,430 --> 00:31:26,290
Oh, ecrane tăiate frumos și tot felul de chestii distractive.

554
00:31:26,290 --> 00:31:34,330
Ei au dezvoltat aceasta. Am putea arata la fel de bine totul în timp ce suntem la ea.

555
00:31:37,510 --> 00:31:41,070
De fapt, am lucrat cu ei un pic, le-a dat câteva sfaturi cu privire la lucruri

556
00:31:41,070 --> 00:31:44,160
pentru că ei făceau JavaScript pentru aplicarea lor.

557
00:31:44,160 --> 00:31:46,460
Te rog, eu nu iau credit pentru munca lor, au făcut toată treaba.

558
00:31:46,460 --> 00:31:48,990
Doar le-am dat un pic de consiliere aici și acolo,

559
00:31:48,990 --> 00:31:52,400
dar au făcut niște lucruri minunate cu ajutorul unui front-end JavaScript

560
00:31:52,400 --> 00:31:56,920
și legarea în unele motoare fizice și lucruri pentru a face o mulțime de acest lucru.

561
00:32:00,120 --> 00:32:03,360
Du-te. Să vedem dacă funcționează.

562
00:32:03,360 --> 00:32:07,010
Wow, încă lucrat. Bine, bine. Dar ai prins ideea.

563
00:32:07,010 --> 00:32:09,350
O aplicație pe ecran complet, o experiență foarte bună.

564
00:32:09,350 --> 00:32:14,250
Acest lucru este de sprijin nu numai mouse-ul meu și pix dacă am lucruri de genul asta, dar, de asemenea, atinge.

565
00:32:14,250 --> 00:32:19,420
Dacă aș avea un ecran tactil, am putea trage doar pe el și să continue să lucreze cu asta.

566
00:32:19,420 --> 00:32:21,440
>> Un lucru nu am arăta, și motivul pentru care am adus asta

567
00:32:21,440 --> 00:32:23,840
este am vrut să am o altă aplicație pentru a vă arăta ce se poate face,

568
00:32:23,840 --> 00:32:29,480
puteți lua de fapt, aplicații în Windows și trageți-le în partea laterală a ecranului.

569
00:32:29,480 --> 00:32:33,070
Aceasta se numește rupă o cerere.

570
00:32:33,070 --> 00:32:37,800
În acest caz, am luat Inkarus și l-am adăugat la partea de aici.

571
00:32:37,800 --> 00:32:42,990
Ea este acum în vedere Ajustare, și care-mi permite să fac altceva în timp ce cererea este acolo.

572
00:32:42,990 --> 00:32:46,210
Cele mai multe jocuri care le veți găsi vor pur și simplu o pauză.

573
00:32:46,210 --> 00:32:51,090
Acesta este în mod normal, un lucru decent de a face cu excepția cazului în jocul tău poate scară într-un fel în jos

574
00:32:51,090 --> 00:32:54,210
pentru că mici de o rezoluție, cum ar fi, poate, un fel de jocuri de masă

575
00:32:54,210 --> 00:32:55,620
sau lucruri de genul asta pe ocazie.

576
00:32:55,620 --> 00:32:58,570
Dar, în general, cel mai ușor lucru de făcut și lucrul cel mai potrivit pentru a face pentru jocuri

577
00:32:58,570 --> 00:33:00,620
este de a întrerupe aplicarea.

578
00:33:00,620 --> 00:33:09,440
Pentru aplicații cum ar fi aplicații de știri, dacă am lansa aceasta și apoi l-am fixați,

579
00:33:09,440 --> 00:33:16,170
veți vedea că de fapt se schimbă în mod semnificativ în modul în care se prezintă datele pentru tine.

580
00:33:16,170 --> 00:33:20,070
Aici te arată într-adevăr o tigaie mai vertical care informații,

581
00:33:20,070 --> 00:33:23,340
dar eu pot utiliza în continuare absolut aplicația.

582
00:33:23,340 --> 00:33:25,640
Deci, este încă foarte util.

583
00:33:25,640 --> 00:33:29,870
Faptul că se află într-o imagine mai mică nu mă ține de ajutorul pe care app. Deci, cred că despre asta.

584
00:33:29,870 --> 00:33:32,090
Este ceva de care aveți nevoie pentru a avea aplicații dvs. de a face într-o anumită măsură,

585
00:33:32,090 --> 00:33:35,370
dar este de până la tine pentru a determina cât de funcțional aplicațiile dvs. ar trebui să fie

586
00:33:35,370 --> 00:33:39,080
în acest tip de un mediu mai mic.

587
00:33:39,080 --> 00:33:44,780
Lasă-mă să închid care o jos și du-te înapoi în cazul în care am fost aici.

588
00:33:44,780 --> 00:33:48,110
>> Edwin, ați adăugat o fotografie de mine deja? >> [Guarin] Da. >> [Bowen] Uită-te la asta.

589
00:33:48,110 --> 00:33:51,510
Vezi asta? Edwin a adăugat o fotografie. [Râde]

590
00:33:51,510 --> 00:33:54,410
>> Să ne întoarcem aici în Visual Studio. Lasă-mă să lanseze asta pentru tine.

591
00:33:54,410 --> 00:33:58,170
Am fi putut clic pe țiglă pe care ecranul de pornire.

592
00:33:58,170 --> 00:34:02,630
Mi-a adus înapoi în modul desktop, și se lansează aplicația desktop de Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Acest lucru este Windows pe care le cunosc deja.

594
00:34:06,790 --> 00:34:09,100
Eu pot merge mai departe și de a crea un proiect aici.

595
00:34:09,100 --> 00:34:11,159
Ne vom concentra din nou asupra JavaScript, HTML.

596
00:34:11,159 --> 00:34:16,510
Am de gând să merg afară și selectați până aici sub JavaScript, Windows Store.

597
00:34:16,510 --> 00:34:19,010
Există o serie de template-uri pe care le puteți utiliza.

598
00:34:19,010 --> 00:34:21,710
De productivitate, aș recomanda să aruncăm o privire la unele dintre aceste altele aici

599
00:34:21,710 --> 00:34:23,489
ca Grila și Split.

600
00:34:23,489 --> 00:34:25,270
Sunt foarte util dacă faci o cerere

601
00:34:25,270 --> 00:34:28,960
care va avea acest gen de design si de navigare. Veți vedea aceste foarte mult.

602
00:34:28,960 --> 00:34:33,070
Cel pe care tocmai v-am arătat fost de fapt o instanță a cererii Grid.

603
00:34:33,070 --> 00:34:36,880
Deci, dacă crezi că ai de gând să fie a face o aplicatie de știri sau un cititor RSS

604
00:34:36,880 --> 00:34:43,120
sau ceva de genul asta care se ocupa cu intrări multiple pentru care doriți să arate în detaliu,

605
00:34:43,120 --> 00:34:45,989
gândiți-vă folosind una din aceste șabloane pentru a începe rapid

606
00:34:45,989 --> 00:34:48,380
și personalizarea de acolo.

607
00:34:48,380 --> 00:34:50,120
Dar doar ca să vă pot arăta toate părțile în mișcare aici

608
00:34:50,120 --> 00:34:56,120
Am de gând să creeze aplicația gol, iar apoi vom merge un pic mai adânc în detalii.

609
00:34:56,120 --> 00:34:58,690
Mă asigur doar că cererea gol aici.

610
00:34:58,690 --> 00:35:01,270
Se va crea întregului proiect pentru mine.

611
00:35:01,270 --> 00:35:03,290
Voi deschide lucrurile pe care vreau să-ți arăt în mod implicit.

612
00:35:03,290 --> 00:35:08,550
Permiteți-mi să măriți un pic pentru a vă arăta ceea ce a creat pentru noi aici.

613
00:35:08,550 --> 00:35:11,350
Lucrurile pe care ai de gând să se uite la primul toate sunt implicit pe nume.

614
00:35:11,350 --> 00:35:15,970
Deci, ai de gând să se uite pentru default.html, default.js, și default.css.

615
00:35:15,970 --> 00:35:19,590
Un alt lucru să subliniez este că avem deja o referire la ceea ce am menționat mai înainte.

616
00:35:19,590 --> 00:35:24,530
Acest lucru este WinJS. Nimeni de fapt, o numește acest nume mult timp aici.

617
00:35:24,530 --> 00:35:27,710
Este WinJS, Biblioteca pentru Windows pentru JavaScript.

618
00:35:27,710 --> 00:35:29,530
Dacă îl deschide, puteți vedea totul e aici.

619
00:35:29,530 --> 00:35:31,820
Există diferite fișiere CSS, nu este JavaScript.

620
00:35:31,820 --> 00:35:33,520
Este acolo pentru a vă ajuta.

621
00:35:33,520 --> 00:35:37,190
Este într-adevăr acolo pentru a oferi controale și stiluri și lucruri pe care le puteți folosi doar în mod automat.

622
00:35:37,190 --> 00:35:41,240
Dar, din nou, în cazul în care există lucruri pe care doriți să le utilizați în locul în termeni de stil și de alte controale,

623
00:35:41,240 --> 00:35:45,600
este în întregime până la tine. Eu vă va arăta cum să folosească o pereche de aceste lucruri chiar acum.

624
00:35:45,600 --> 00:35:51,020
>> Înapoi peste pe partea noastră stângă, permiteți-mi să vă arate pagina implicit HTML.

625
00:35:51,020 --> 00:35:54,490
Le-ați văzut deja lucrurile WinJS, și asta e tot ce se intampla acolo

626
00:35:54,490 --> 00:35:59,930
cu aceste linii de mijloc de marcare, doar aducerea în CSS implicit

627
00:35:59,930 --> 00:36:02,370
și aducerea într-un cuplu de fișiere JavaScript din WinJS.

628
00:36:02,370 --> 00:36:06,400
Nu aveți nevoie pentru a fi maestru de ceea ce se petrece în interiorul acestor fișiere.

629
00:36:06,400 --> 00:36:10,110
Este destul de interesant să aruncăm o privire la ei la fel de a revizui ceea ce se întâmplă acolo

630
00:36:10,110 --> 00:36:14,410
pentru că nu există tehnici intermediar și avansat destul de interesante întâmplă acolo,

631
00:36:14,410 --> 00:36:18,100
dar un lucru frumos este ca dezvoltatorii, puteți lua doar profita de ei, doar le folosesc

632
00:36:18,100 --> 00:36:19,510
și nu au într-adevăr să vă faceți griji despre asta.

633
00:36:19,510 --> 00:36:21,960
Puteți conduce încă o mașină, fără a fi nevoie să știe cum funcționează, nu?

634
00:36:21,960 --> 00:36:24,180
Deci, asta e genul de lucru care se petrece pe aici.

635
00:36:24,180 --> 00:36:26,930
Există controale și stiluri și alte chestii pe care poti sa te duci pur și simplu mai departe și de a folosi

636
00:36:26,930 --> 00:36:31,460
și codul pe care le puteți folosi într-o secundă, fără să știu ce e acolo.

637
00:36:31,460 --> 00:36:33,200
Aici sunt propriile fișiere.

638
00:36:33,200 --> 00:36:35,860
Acestea sunt locurile pe care le puteți modifica propriul CSS

639
00:36:35,860 --> 00:36:38,400
și propria JavaScript pentru a obține lucruri de rulare.

640
00:36:38,400 --> 00:36:43,300
Vei fi cu siguranță adăugarea altor fișiere JavaScript și, probabil, alte fișiere CSS

641
00:36:43,300 --> 00:36:47,480
ca proiectul dumneavoastră crește, dar acest lucru este de fapt doar un punct de plecare.

642
00:36:47,480 --> 00:36:52,570
Aici este Buna ziua, lume echivalentul a HTML, astfel încât ne-am întors în tag-ul body.

643
00:36:52,570 --> 00:36:55,990
În partea de sus, de altfel, este doctype HTML5,

644
00:36:55,990 --> 00:37:00,060
astfel încât veți recunoaște că, din ceea ce ați fost de lucru pe.

645
00:37:00,060 --> 00:37:04,600
Nu e complet IntelliSense aici, precum și, deci dacă faci lucruri, cum ar fi de tip într-o etichetă videoclip

646
00:37:04,600 --> 00:37:07,340
și extinde asta, ai învățat, probabil, despre faptul

647
00:37:07,340 --> 00:37:12,760
de care aveți nevoie pentru a face codare de rezervă pentru tag-uri de video în HTML5 - sau poate ai -

648
00:37:12,760 --> 00:37:17,490
pentru a se asigura că diferite browsere au suport pentru video.

649
00:37:17,490 --> 00:37:22,610
Avem lucruri de genul asta din HTML, JavaScript peste, peste CSS.

650
00:37:22,610 --> 00:37:26,020
Care este construit în, și vă voi arăta CSS într-o secundă.

651
00:37:26,020 --> 00:37:29,430
Aici aveți posibilitatea să mergeți mai departe și de a începe modificarea cod, marcajul.

652
00:37:29,430 --> 00:37:33,700
De fapt, înainte de a schimba ceva, am de gând să ruleze acest lucru și vă arată ceea ce veți obține.

653
00:37:33,700 --> 00:37:35,700
Ai de gând pentru a obține un ecran pe care puteți personaliza

654
00:37:35,700 --> 00:37:40,940
și apoi veți obține Buna ziua, experiența mondială aici. E fantastic, nu?

655
00:37:40,940 --> 00:37:42,640
Du-te și nava asta, nu?

656
00:37:42,640 --> 00:37:45,970
Conținut merge aici. Acesta este lucrul de bază.

657
00:37:45,970 --> 00:37:48,740
Se poate obține doar mai bine de acolo.

658
00:37:48,740 --> 00:37:51,300
Vom merge mai departe și se adaugă, în unele chestii.

659
00:37:51,300 --> 00:37:53,470
Am un pic de marcare am de gând pentru a copia aici

660
00:37:53,470 --> 00:37:55,740
doar astfel încât să nu trebuie să mă uit tastarea.

661
00:37:55,740 --> 00:38:02,620
Lasă-mă să aduc caseta de instrumente de aici, și voi fixa acest lucru pentru că voi face acest lucru de câteva ori.

662
00:38:02,620 --> 00:38:05,650
Toolbox, dacă nu ați văzut Visual Studio, este în cazul în care ai de gând să găsească o grămadă de controale.

663
00:38:05,650 --> 00:38:09,050
De asemenea, puteți pune fragmente de cod în ea pe care le puteți reutiliza.

664
00:38:09,050 --> 00:38:16,360
Aici voi apărea doar într-o altă HTML, nimic teribil avansat deloc aici.

665
00:38:16,360 --> 00:38:20,170
E doar HTML de bază preciza că am o intrare unde pot tip,

666
00:38:20,170 --> 00:38:23,860
Am un buton de unde pot să-l prezinte, iar apoi am un div care este, în esență, un substituent

667
00:38:23,860 --> 00:38:27,360
care pot folosi la ieșire "Salut, acest tip."

668
00:38:27,360 --> 00:38:32,780
Este intro de exemplu HTML.

669
00:38:32,780 --> 00:38:39,340
Dacă I ​​a alerga acest lucru, vom obține în mod automat HTML, dar, de asemenea, ne-am obține în mod automat de styling.

670
00:38:39,340 --> 00:38:42,270
Aceasta este una dintre cele mai importante lucruri din WinJS.

671
00:38:42,270 --> 00:38:47,250
O să vă dau în mod implicit unele arata si se simt ca este foarte consistent

672
00:38:47,250 --> 00:38:50,520
cu restul ce face Windows 8.

673
00:38:50,520 --> 00:38:52,110
Aici veți vedea lucruri, cum ar fi butonul.

674
00:38:52,110 --> 00:38:55,890
Butonul implicit în HTML nu arata ca asta, dar nu aici

675
00:38:55,890 --> 00:39:00,880
pentru că se face acest drept CSS din acest fișier CSS în WinJS.

676
00:39:00,880 --> 00:39:04,680
Dacă doriți să utilizați altceva, dacă doriți să modificați că, în regulă,

677
00:39:04,680 --> 00:39:06,790
mergeți mai departe și de a face ceea ce doriți. Dar asta e implicit.

678
00:39:06,790 --> 00:39:09,610
O să fie mult mai familiar pentru utilizatori.

679
00:39:09,610 --> 00:39:13,510
Și, desigur, acest lucru nu va face nimic, pentru că nu am sârmă de fapt la orice fel de cod

680
00:39:13,510 --> 00:39:16,630
pentru a răspunde la asta. A fost doar HTML.

681
00:39:16,630 --> 00:39:20,630
Așa că am putea scăpa de asta, și ne vom întoarce în aplicare nostru.

682
00:39:20,630 --> 00:39:25,310
>> Lasă-mă să comuta la default.js noastre.

683
00:39:25,310 --> 00:39:29,030
Acest lucru pare destul de complex, dar se face doar câteva lucruri pentru tine.

684
00:39:29,030 --> 00:39:33,120
Este șabloane. O să fie la fel în toate proiectele.

685
00:39:33,120 --> 00:39:36,620
Singurul lucru este de a face acest lucru este doar un fel de a cere, "Cum am ajuns aici?"

686
00:39:36,620 --> 00:39:39,090
și a zis, "Ești lansarea această aplicație pentru prima dată?"

687
00:39:39,090 --> 00:39:42,640
"Ești reluarea aplicația de a avea o fi suspendat?"

688
00:39:42,640 --> 00:39:44,510
Un cuplu de lucruri de genul asta.

689
00:39:44,510 --> 00:39:50,300
Într-adevăr, obiectivul nostru în acest dosar de aici are dreptate aici.

690
00:39:50,300 --> 00:39:54,490
În acest moment, aceasta linie de cod este destul de important.

691
00:39:54,490 --> 00:39:57,070
Este de fapt de gând să meargă și să caute prin toate markup-ul,

692
00:39:57,070 --> 00:40:01,640
și-l va găsi lucruri pe care le-ați cerut să fi transformat în control,

693
00:40:01,640 --> 00:40:07,220
controale mai profunde, cum ar fi un control de evaluare, cum ar fi vedere grilă, cum ar fi flyout

694
00:40:07,220 --> 00:40:09,570
și celelalte lucruri pe care le-am arătat cu privire la acest diapozitiv înainte.

695
00:40:09,570 --> 00:40:12,550
Nu sunt controale HTML native.

696
00:40:12,550 --> 00:40:17,860
Pur si simplu nu spune bara de instrumente ca un element și l-au știu ce să fac.

697
00:40:17,860 --> 00:40:22,120
Ceea ce am de fapt, nu este același lucru care se întâmplă în alte tipuri de cadre de control.

698
00:40:22,120 --> 00:40:26,200
jQuery UI face același tip de abordare generală.

699
00:40:26,200 --> 00:40:30,800
Folosiți marcaje în HTML, iar apoi unele de activarea JavaScript-vine prin mai târziu și spune,

700
00:40:30,800 --> 00:40:35,900
"Oh, eu știu ce este asta. Asta se cere acest lucru să fie transformat în chestia asta,"

701
00:40:35,900 --> 00:40:39,850
care este alt HTML mult mai expresiv pentru a face ca un control de rating,

702
00:40:39,850 --> 00:40:41,790
care este ceea ce vă voi arăta chiar acum.

703
00:40:41,790 --> 00:40:46,140
Această linie de cod este o promisiune pe care spune, "Când această promisiune este îndeplinită,

704
00:40:46,140 --> 00:40:49,090
"Tot ce ai cerut a fost apoi a creat."

705
00:40:49,090 --> 00:40:52,780
Și asta e tot. Se pare un pic mai complex, dar este într-adevăr la fel în fiecare proiect.

706
00:40:52,780 --> 00:40:56,690
Aici este locul unde puteți începe adăugarea în orice altceva doriți să se întâmple,

707
00:40:56,690 --> 00:40:58,280
asa ca vom reveni la faptul că într-o secundă.

708
00:40:58,280 --> 00:41:01,480
>> Mai întâi de toate, am nevoie de un pic de cod care pot răspunde la faptul

709
00:41:01,480 --> 00:41:03,320
că cineva a făcut clic pe butonul.

710
00:41:03,320 --> 00:41:06,330
Am de gând să mergeți mai departe și a pus că în jos aici.

711
00:41:06,330 --> 00:41:09,620
Din nou, nu am de gând să facă orice tastarea în fața ta aici.

712
00:41:09,620 --> 00:41:12,560
Foarte de bază de activarea JavaScript-doar că, atunci când aceasta se numește

713
00:41:12,560 --> 00:41:15,270
vom fi oferit câteva detalii despre cum am ajuns aici

714
00:41:15,270 --> 00:41:17,630
și apoi vom face câteva lucruri de bază.

715
00:41:17,630 --> 00:41:21,300
Du-te găsi lucru din pagina mea de HTML, care este numit nameInput,

716
00:41:21,300 --> 00:41:28,490
apuca-l, ia valorii sale, palmă "Bună ziua", pe partea din față de ea, și stick că șir rezultat

717
00:41:28,490 --> 00:41:31,960
în care tag-ul div pe care am avut-o înainte că într-adevăr nu au avut nimic înainte.

718
00:41:31,960 --> 00:41:37,220
Acum, vom găsi că tag-ul și de a face conținutul său interior egal cu cel șir.

719
00:41:37,220 --> 00:41:38,880
JavaScript foarte simplu.

720
00:41:38,880 --> 00:41:42,240
Sperăm că sunteți recunoscând că nu e nimic neobișnuit se întâmplă aici.

721
00:41:42,240 --> 00:41:45,360
E doar drept în sus HTML și JS aici.

722
00:41:45,360 --> 00:41:48,220
Dacă am rula acest acum, nu este încă de gând să facă orice lucrare pentru că nu l-am cablat

723
00:41:48,220 --> 00:41:50,030
pentru a primi eveniment.

724
00:41:50,030 --> 00:41:55,710
Pentru a face acest lucru, voi face acest lucru chiar aici, din nou, revenind la set de instrumente mea,

725
00:41:55,710 --> 00:41:58,730
popping-l aici.

726
00:41:58,730 --> 00:42:03,060
Mă aștept să am văzut tot acest gen de lucruri înainte, așa că nu voi peste explica-o.

727
00:42:03,060 --> 00:42:05,060
Acum vom merge obține helloButton.

728
00:42:05,060 --> 00:42:07,730
Vom spune, "Button, felicitări."

729
00:42:07,730 --> 00:42:10,130
"Aici este un eveniment care acum răspund."

730
00:42:10,130 --> 00:42:13,420
"Atunci când cineva face clic pe tine, numesc această funcție, buttonClickHandler."

731
00:42:13,420 --> 00:42:17,070
Și asta e functia tocmai am adăugat chiar în jos în partea de jos acolo. Asta e tot.

732
00:42:17,070 --> 00:42:20,980
Deci, acum avem o aplicație uimitor funcțional.

733
00:42:20,980 --> 00:42:24,720
Cred că veți fi cu adevărat impresionat de aceasta.

734
00:42:24,720 --> 00:42:32,320
Chris. Așteptați pentru ea. Wow. Bine. Asta e uimitor. [Râde]

735
00:42:32,320 --> 00:42:36,570
Dar nu e mai mult. Nu-l cumpere încă. Așteaptă.

736
00:42:36,570 --> 00:42:39,610
>> Permiteți-mi să vă arăt un pic mai mult aici și ieși din ecran complet.

737
00:42:39,610 --> 00:42:42,690
Mergem să meargă înainte de a alerga.

738
00:42:42,690 --> 00:42:45,530
Lasă-mă să intru și de fapt, vă arăt un pic cu CSS.

739
00:42:45,530 --> 00:42:49,480
Doar în mod implicit, dacă ne uităm înapoi la pagina de aici,

740
00:42:49,480 --> 00:42:53,570
ori de câte ori ne-am tras în aceste lucruri de la WinJS și ne-am ui-întuneric,

741
00:42:53,570 --> 00:42:58,550
în fapt, îl puteți schimba la valoarea implicită pentru utilizarea aplicare lumină.

742
00:42:58,550 --> 00:43:03,450
ui-întuneric este bun pentru aplicații grafice, cum ar fi, folosind o multime de poze,

743
00:43:03,450 --> 00:43:05,740
te arată o mulțime de conținut vizual.

744
00:43:05,740 --> 00:43:12,560
Dacă sunteți care arată o mulțime de conținut textual, ui-lumina este, în general, o alegere bună.

745
00:43:12,560 --> 00:43:15,160
Nu trebuie să-l aleagă, dar l-am trecut la o

746
00:43:15,160 --> 00:43:17,690
iar acum vedeți același marcaj, aceeași tot,

747
00:43:17,690 --> 00:43:20,320
e doar folosind, practic, un sistem inversat aici

748
00:43:20,320 --> 00:43:24,770
în cazul în care totul este ceea ce face text negru pe alb.

749
00:43:24,770 --> 00:43:26,460
Asta e tot bine și bună.

750
00:43:26,460 --> 00:43:30,680
Lasă-mă să ies de aici, și hai să facem de fapt un pic mai mult cu CSS.

751
00:43:30,680 --> 00:43:34,830
O să-l pun înapoi pe întuneric pentru că eu cred că este, probabil, mai ușor pentru a vedea pe ecran

752
00:43:34,830 --> 00:43:36,970
atunci când am începe să faci aceste lucruri.

753
00:43:36,970 --> 00:43:40,150
Am de gând să înlocuiască organismului o mai mult timp.

754
00:43:40,150 --> 00:43:44,040
Voi merge aici. Lasă-mă să bombardeze acest lucru.

755
00:43:44,040 --> 00:43:48,690
Să aducem în organism cu clase.

756
00:43:48,690 --> 00:43:53,000
Cred că ai făcut selectori de bază, cu CSS și lucruri de genul asta deja,

757
00:43:53,000 --> 00:43:55,380
deci probabil știți ce se întâmplă pe aici.

758
00:43:55,380 --> 00:43:59,250
Doar atribuirea unor clase de antet noastre, și suntem crearea unui nou div

759
00:43:59,250 --> 00:44:04,430
pentru a încheia restul de chestii pe care le pot folosi acum pentru stil toate împreună.

760
00:44:04,430 --> 00:44:07,760
Deci, ce pot face acum este de a merge pe la CSS noastră implicit.

761
00:44:07,760 --> 00:44:11,900
Te-ai uitat la întrebările mass-media încă? Ai vorbit despre asta, la toate?

762
00:44:11,900 --> 00:44:17,220
Interogări mass-media fac parte din această tendință emergente -

763
00:44:17,220 --> 00:44:19,660
sau este un trend stabilit acum de fapt pe Web -

764
00:44:19,660 --> 00:44:22,760
pentru proiectare receptiv sau de adaptare,

765
00:44:22,760 --> 00:44:28,480
iar ideea este că aplicațiile dvs. într-adevăr se poate ajusta în mod corespunzător

766
00:44:28,480 --> 00:44:31,910
bazat pe ceea ce dispozitivul pe care ei fiind afișate pe poate face.

767
00:44:31,910 --> 00:44:35,040
Deci, dacă sunteți pe un dispozitiv mobil, în mod evident, nu vei avea imobiliare la fel de mult de ecran

768
00:44:35,040 --> 00:44:41,520
cum va la o mare monitor de 30-inch de zi cu un birou, un calculator mare ca asta.

769
00:44:41,520 --> 00:44:46,710
Deci, răspunsul vechi pentru că ar fi de a avea 5, 6 versiuni diferite ale aceleiași pagini

770
00:44:46,710 --> 00:44:51,350
și te-ai deschide versiunea care a fost acordat pentru că anumite ecran de dimensiuni.

771
00:44:51,350 --> 00:44:55,420
Nu este mare. Este foarte, foarte repetitive și există o tona de întreținere pentru a face asta.

772
00:44:55,420 --> 00:44:58,120
Acum avem ceva numit interogări mass-media CSS,

773
00:44:58,120 --> 00:45:02,530
și putem folosi acest lucru pentru a detecta în mod automat atunci când există anumite dimensiuni

774
00:45:02,530 --> 00:45:07,030
sau anumite utilizări ale conținutului efectuate.

775
00:45:07,030 --> 00:45:09,580
Astfel încât să puteți răspunde la acest lucru și vă pot spune, "Bine, în acest caz,

776
00:45:09,580 --> 00:45:12,580
"Probabil nici nu ai nevoie de mine să-ți spun ce se întâmplă pe aici."

777
00:45:12,580 --> 00:45:18,020
Acest lucru este doar că în cazul în care această cerere este rupt, așa cum ți-am arătat mai înainte -

778
00:45:18,020 --> 00:45:20,830
hapsân al și pune la marginea ecranului -

779
00:45:20,830 --> 00:45:23,910
atunci hai să facem următoarele stilul.

780
00:45:23,910 --> 00:45:25,850
Styling nu este vorba doar despre culori și chestii de genul asta.

781
00:45:25,850 --> 00:45:29,860
Este, de asemenea, cu privire la dimensionarea și marjele si piese și orientări de conținut

782
00:45:29,860 --> 00:45:34,040
sau chiar dezactivarea sau care să permită părți întregi de pagina dvs.

783
00:45:34,040 --> 00:45:36,420
și, în acest caz, aplicația sau jocul la fel de bine.

784
00:45:36,420 --> 00:45:39,210
Deci, aici puteți face la fel de simplu, după cum doriți.

785
00:45:39,210 --> 00:45:46,720
Acest lucru nu ar fi util în aplicațiile dvs., dar e timpul demo,

786
00:45:46,720 --> 00:45:50,530
așa că am de gând să merg mai departe și trebuie doar să adăugați în selector corp de bază și spune,

787
00:45:50,530 --> 00:45:58,360
"Când am rupt, să mergem mai departe și de a face fundal și să alegeți ceva."

788
00:45:58,360 --> 00:46:00,400
Ai IntelliSense aici. Acest lucru este de fapt foarte misto.

789
00:46:00,400 --> 00:46:05,720
În 2012, am adăugat o mulțime de lucruri pentru sprijin CSS și JavaScript și HTML.

790
00:46:05,720 --> 00:46:08,690
Le-ați luat, desigur, IntelliSense drop-down de asemenea, dar asta nu e un lucru grozav.

791
00:46:08,690 --> 00:46:11,730
Cool thing este că ai selectoare vizuale pentru o mulțime de lucruri, de asemenea.

792
00:46:11,730 --> 00:46:14,120
Deci, ai putea să mergi prin și doar alege o culoare,

793
00:46:14,120 --> 00:46:17,580
sau poti sa te duci afară și să fie chiar mai specifice și puteți alege -

794
00:46:17,580 --> 00:46:22,330
acest lucru va fi teribil. Voi alege de fapt, o culoare decent aici.

795
00:46:22,330 --> 00:46:26,500
Uita-te la marcaj de asemenea, apropo. Acesta este formatul standard de RGB acolo.

796
00:46:26,500 --> 00:46:30,780
Dar, dacă am schimba opacitatea, se va trece la un selector de canal alfa aici.

797
00:46:30,780 --> 00:46:36,910
Deci, se poate vedea că, de culoare cu esență, transparența la sută pe care le au pentru că

798
00:46:36,910 --> 00:46:38,860
toate coapte chiar acolo.

799
00:46:38,860 --> 00:46:42,530
Am de gând să-l păstrați ca 100% și apoi, când am terminat cu asta, totul este bine și bun.

800
00:46:42,530 --> 00:46:46,160
Acum, dacă am alerga app și vom lua aplicația și am fixați,

801
00:46:46,160 --> 00:46:49,000
care culoarea de fundal este reglată automat

802
00:46:49,000 --> 00:46:53,410
doar pentru că avem niște CSS care spune, "Du-te face asta."

803
00:46:53,410 --> 00:46:55,580
De asemenea, puteți scrie de activarea JavaScript-prea, care va face același lucru

804
00:46:55,580 --> 00:47:03,010
sau pe care le-ar putea folosi pentru a opri de fapt un joc, face lucruri de genul asta.

805
00:47:03,010 --> 00:47:04,310
Asta e, probabil, atunci când ar folosi JavaScript.

806
00:47:04,310 --> 00:47:06,610
V-ar opri bucla de joc la acel moment.

807
00:47:06,610 --> 00:47:09,970
Ai avea nevoie de ceva de activarea JavaScript-pentru că nu ar fi ceva ce ar CSS pentru.

808
00:47:09,970 --> 00:47:11,760
Dar păstrează în minte este doar un eveniment.

809
00:47:11,760 --> 00:47:14,860
Ai putea spune, "Când cererea mea este redimensionat,

810
00:47:14,860 --> 00:47:17,780
"Să vedem dacă suntem rupt." Și asta e tot.

811
00:47:17,780 --> 00:47:24,440
>> Bine? Am vorbit foarte mult. Sunt întrebări până acum pe unde suntem? Da.

812
00:47:24,440 --> 00:47:29,310
[Elev] Există un tutorial pentru oricine pentru a obține mai multe informații? >> Da.

813
00:47:29,310 --> 00:47:33,510
Întrebarea este, există un tutorial pentru asta? Voi extinde doar pentru tot.

814
00:47:33,510 --> 00:47:37,490
Există câteva lucruri pe care le puteți merge la. Să plecăm de fapt, de aici.

815
00:47:37,490 --> 00:47:40,150
Lasă-mă să mă întorc aici.

816
00:47:40,150 --> 00:47:45,180
Un lucru să subliniez este Visual Studio în sine are tutoriale construit inch

817
00:47:45,180 --> 00:47:47,650
Lasă-mă să scap de asta.

818
00:47:47,650 --> 00:47:51,520
Dacă te duci și de a crea un nou proiect, nu de fișiere, New Project,

819
00:47:51,520 --> 00:47:56,750
si uita-te pe partea stângă, există un nod online în acest selector.

820
00:47:56,750 --> 00:47:59,790
Este de gând să ia un pic. Sunt pe MyFi mea aici.

821
00:47:59,790 --> 00:48:02,300
Dar o să vină și o să-mi dea o șansă de a găsi template-uri

822
00:48:02,300 --> 00:48:05,190
dar, de asemenea, mult mai important, precum și probe.

823
00:48:05,190 --> 00:48:06,750
Așa că am posibilitatea să faceți clic pe JavaScript.

824
00:48:06,750 --> 00:48:10,050
Se va găsi probe pentru mine. Rezoluția mea este un fel de mare aici.

825
00:48:10,050 --> 00:48:15,070
În mod normal, ar trebui să vedeți o listă cu o mulțime de lucruri diferite aici.

826
00:48:15,070 --> 00:48:18,280
Dacă e ceva ce doriți să încercați, alege limba,

827
00:48:18,280 --> 00:48:20,970
JavaScript aici, și spune, "Eu nu știu cum să facă geolocalizare."

828
00:48:20,970 --> 00:48:22,220
"Nu știu cum de a deschide un fișier."

829
00:48:22,220 --> 00:48:25,840
"Nu știu cum să profite de webcam

830
00:48:25,840 --> 00:48:28,290
"Sau optimizarea pentru atingere sau lucruri de genul asta."

831
00:48:28,290 --> 00:48:33,190
Există probe pentru orice: de partajare, căutare, baruri app,

832
00:48:33,190 --> 00:48:37,520
efectuarea de apeluri de la distanță la un serviciu, codare JSON.

833
00:48:37,520 --> 00:48:40,390
Toate aceste tipuri de lucruri există probe de aici,

834
00:48:40,390 --> 00:48:44,560
și ei nu sunt probe uriașe, care sunt de gând să vă luați toată noaptea pentru a trage în afară

835
00:48:44,560 --> 00:48:46,820
doar pentru a găsi că un lucru pe care a vrut să învețe.

836
00:48:46,820 --> 00:48:49,870
Sunt foarte bune. Sunt mici, chiar la punctul de tipuri de probe.

837
00:48:49,870 --> 00:48:52,330
Am învățat o grămadă de a merge prin intermediul acestor mine,

838
00:48:52,330 --> 00:48:55,260
și așa că am recomanda ca o mulțime ca un singur lucru.

839
00:48:55,260 --> 00:49:01,750
>> Un alt lucru să subliniez prea este, desigur, am arătat ce dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
așa că, dacă te duci înapoi la faptul că, veți vedea în partea de jos există, de asemenea, probele de aici.

841
00:49:07,490 --> 00:49:12,560
Astfel încât să puteți descărca toate dintr-o dată, dar există, de asemenea, o mulțime de alte resurse aici

842
00:49:12,560 --> 00:49:14,400
care vă pot ajuta să obțineți până la viteza.

843
00:49:14,400 --> 00:49:17,870
>> Un alt lucru, și aș recomanda cu adevărat să încercați acest lucru,

844
00:49:17,870 --> 00:49:24,510
Am luat-o pe blog-ul meu, dar voi merge doar dreptul de a-l.

845
00:49:24,510 --> 00:49:28,220
O să-ți arăt. Blog-ul meu are resurse și lucruri de genul asta.

846
00:49:28,220 --> 00:49:35,300
Unul dintre lucrurile pentru a subliniez este chiar aici, acest lucru: ideea ta. App dumneavoastră. 30 de zile.

847
00:49:35,300 --> 00:49:40,960
Dacă faceți clic pe acest lucru, te va aduce la un site foarte util.

848
00:49:40,960 --> 00:49:44,650
Acest lucru este mult mai util decât ați putea aștepta.

849
00:49:44,650 --> 00:49:49,040
Acest lucru se întâmplă să fie de 30 de zile de conținut pe care le puteți obține, practic, sfaturi și trucuri

850
00:49:49,040 --> 00:49:51,990
de-a lungul acestui proces ca creați o aplicație.

851
00:49:51,990 --> 00:49:55,980
Și cum nu se poate aștepta, se poate obține de fapt, pentru jocuri prea

852
00:49:55,980 --> 00:49:57,840
și pentru aplicații de telefon, lucruri de genul asta.

853
00:49:57,840 --> 00:50:01,000
Deci, practic semneze pentru ea, și ei vor fi să vă trimită sfaturi și trucuri despre,

854
00:50:01,000 --> 00:50:03,010
"Te-ai gândit despre a face acest lucru? Nu te sprijini Ajustare?"

855
00:50:03,010 --> 00:50:04,900
"Iată câteva linii directoare cu privire la modul de a face acest lucru de bine."

856
00:50:04,900 --> 00:50:07,440
"V-ați gândit despre trimiterea la magazin?"

857
00:50:07,440 --> 00:50:09,370
"V-ați gândit cum ai de gând să-și vândă cererea dumneavoastră?"

858
00:50:09,370 --> 00:50:11,490
Se va merge prin toate aceste lucruri diferite.

859
00:50:11,490 --> 00:50:13,380
Și, de fapt, daca esti pe pista de jocuri, la un moment dat

860
00:50:13,380 --> 00:50:17,010
veți începe să recunoască persoana vorbesc cu tine

861
00:50:17,010 --> 00:50:22,850
pentru că am de fapt, a trebuit să merg la Redmint de a face aceste și înregistrate 2 clipuri video acolo.

862
00:50:22,850 --> 00:50:25,240
Dar asta e tot parte a pistei de jocuri de noroc,

863
00:50:25,240 --> 00:50:27,650
și există, de asemenea, o cale complet pentru dezvoltarea generală app.

864
00:50:27,650 --> 00:50:29,380
Asta se numește Generation App.

865
00:50:29,380 --> 00:50:33,460
Mi-ar recomanda cu siguranta pe care să vă la fel de bine, în plus față de probele.

866
00:50:33,460 --> 00:50:38,110
>> Există o mulțime de clipuri video pe un site numit Canalul 9, de asemenea.

867
00:50:38,110 --> 00:50:42,790
Acesta este, probabil, ultimul lucru pe care voi recomanda la fel de bine înainte de a trece pe aici.

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com.

869
00:50:45,280 --> 00:50:48,880
Acest lucru este mare, deoarece tu nu vei fi citit prin tone de hârtii albe.

870
00:50:48,880 --> 00:50:53,880
Este practic o multime de clipuri video, screencast și lucruri care sunt direct la subiect.

871
00:50:53,880 --> 00:50:57,940
N-ar trebui să spun că e mereu la subiect. Depinde care este de a face vorbesc.

872
00:50:57,940 --> 00:51:02,290
Dar, în general, există unele clipuri video într-adevăr la punctul de aici

873
00:51:02,290 --> 00:51:06,230
care vă va arăta ceva special, ar putea să doriți să învețe sau să vadă demoed.

874
00:51:06,230 --> 00:51:11,110
Există, de asemenea, toate de conținut nostru de la conferința noastră că sa întâmplat acum câteva săptămâni

875
00:51:11,110 --> 00:51:14,380
numit Build, și veți vedea că acolo.

876
00:51:14,380 --> 00:51:18,450
Există tehnologii de bază pentru Windows 8 jocuri. Acolo te duci.

877
00:51:18,450 --> 00:51:23,150
Am fost acolo, de fapt. Nu mă poți vedea. Am fost pe aici.

878
00:51:23,150 --> 00:51:27,560
Dar oricum, asta la o parte, mi-ar recomandăm să aruncăm o privire la aceste clipuri video.

879
00:51:27,560 --> 00:51:29,330
Sunt destul de util.

880
00:51:29,330 --> 00:51:32,620
Dacă sunteți blocat pe ceva sau vrei doar pentru a vedea ceea ce ar putea face ceva, foc celor sus.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail tocmai mi-a trimis un e-mail cu un link la conținut

882
00:51:36,890 --> 00:51:42,140
pentru ca elevii să descărcați cu mostre de cod și chestii de genul asta. >> [Bowen] Mare.

883
00:51:42,140 --> 00:51:45,510
Minunat. Mulțumesc, Edwin.

884
00:51:45,510 --> 00:51:48,320
>> Bun. >> [Elev] Am o întrebare. >> [Bowen] Oh. Da, vă rog.

885
00:51:48,320 --> 00:51:55,030
[Elev întrebare nu pot fi auzite] >> [Bowen] Oh, mă bucur că ai întrebat asta. Da.

886
00:51:55,030 --> 00:51:58,940
Întrebarea a fost, există o interfață vizuală pentru mine pentru a crea lucruri?

887
00:51:58,940 --> 00:52:01,630
Edwin vă va răsplăti cu generozitate pentru această întrebare.

888
00:52:01,630 --> 00:52:04,310
Există o modalitate de a face acest lucru.

889
00:52:04,310 --> 00:52:09,040
Ar trebui să o facem acum? Să o facem acum.

890
00:52:09,040 --> 00:52:11,780
Am de gând să merg la ea chiar acum.

891
00:52:11,780 --> 00:52:14,070
De fapt, permiteți-mi să adăugați într-un lucru la acest demo,

892
00:52:14,070 --> 00:52:16,710
și apoi vă voi arăta răspunsul real.

893
00:52:16,710 --> 00:52:21,340
Am fost de gând să adăugați un pic mai în CSS aici.

894
00:52:21,340 --> 00:52:23,980
Am fost un pic off pe tangente aici.

895
00:52:23,980 --> 00:52:26,770
Lasă-mă să pun în unele CSS aici pentru a profita

896
00:52:26,770 --> 00:52:29,980
din clasele pe care le-am adăugat puțin timp în urmă,

897
00:52:29,980 --> 00:52:33,930
la antet, a div mainContent, iar apoi să greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Dacă fac asta și rulați-l, puteți vedea acum avem un pic diferit padding și marjele,

899
00:52:37,920 --> 00:52:40,310
așa că avem de fapt, unele decalaje aici.

900
00:52:40,310 --> 00:52:44,630
Acestea sunt mai mult față de ceea ce ai de gând să se aștepte de o cerere de lustruit final.

901
00:52:44,630 --> 00:52:47,770
Dar eu sunt doar arată asta pentru că este drept în sus CSS.

902
00:52:47,770 --> 00:52:51,910
Astfel lucrurile pe care le știți deja, puteți utiliza aici pentru a ajusta conținutul după cum doriți.

903
00:52:51,910 --> 00:52:55,100
Le-ați văzut deja cum să facă schimba fundalul în acest fel.

904
00:52:55,100 --> 00:53:02,980
>> Dacă mă duc înapoi la HTML nostru, am de gând să adăugați într-un set mai mult de marcare,

905
00:53:02,980 --> 00:53:06,140
și acest lucru este, de fapt va fi un control de la WinJS.

906
00:53:06,140 --> 00:53:09,840
Am de gând să merg și apuca această, o etichetă. Permiteți-mi să vă asigurați că o fac în locul potrivit.

907
00:53:09,840 --> 00:53:11,740
, Probabil, destul de bun.

908
00:53:11,740 --> 00:53:15,590
Aici Tocmai am adăugat - și vom merge full screen, astfel încât să puteți vedea totul -

909
00:53:15,590 --> 00:53:18,520
Am adăugat o etichetă pentru div următor.

910
00:53:18,520 --> 00:53:20,890
DIV este numit ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
De la sine se va face nimic.

912
00:53:23,090 --> 00:53:28,570
Dacă deschideți acest lucru într-un browser, te-ai fi uitat la gol, div sine.

913
00:53:28,570 --> 00:53:31,820
Dar, din cauza acestei linii misterios de cod pe care le-am arătat mai înainte,

914
00:53:31,820 --> 00:53:35,650
procesul de toate, o să uite pentru ceva care arata ca acest lucru -

915
00:53:35,650 --> 00:53:40,380
date-win-control - și-l va găsi tot ceea ce este în acel parametru.

916
00:53:40,380 --> 00:53:44,560
Se va face o instanță de orice, care este este îndreptat la.

917
00:53:44,560 --> 00:53:48,850
În acest caz, este un control de rating, așa că am spus, "Vă rugăm să mergeți și să înlocuiască acest lucru

918
00:53:48,850 --> 00:53:51,400
"Cu tot ce trebuie să faceți pentru a face un control de rating."

919
00:53:51,400 --> 00:53:56,610
Acesta ar putea fi un control de flip, ar putea fi inelul de progres sau orice control pe care doriți să o utilizați.

920
00:53:56,610 --> 00:53:59,390
Toate acestea sunt de gând să lucreze, în esență, în același mod.

921
00:53:59,390 --> 00:54:02,920
Sunteți folosind standard de markup HTML5 pentru a indica ceea ce vrei,

922
00:54:02,920 --> 00:54:07,670
și apoi ai de gând pentru a obține un control la sfârșitul acestui. Lasă-mă să rula acest.

923
00:54:07,670 --> 00:54:12,270
Tocmai am copiat ca în, și acum că marcare devine aceasta,

924
00:54:12,270 --> 00:54:15,280
care este de fapt destul de un număr de elemente HTML.

925
00:54:15,280 --> 00:54:18,440
Acestea sunt toate imaginile individuale, și nu e divs din jurul lor, cu selectoare.

926
00:54:18,440 --> 00:54:22,610
Sperăm că puteți vedea că. Este un pic mai subtil.

927
00:54:22,610 --> 00:54:27,380
Pot să treceți peste diferite elemente, și o să-mi permite pentru a vedea ratingul aici.

928
00:54:27,380 --> 00:54:31,560
Am posibilitatea să faceți clic pe ea, și-l amintește de rating, dar asta e despre asta.

929
00:54:31,560 --> 00:54:33,100
Ea nu face nimic cu rating.

930
00:54:33,100 --> 00:54:35,230
>> Ultima lucru pe care vreau să-ți arăt în acest

931
00:54:35,230 --> 00:54:37,820
înainte de a trece într-o experiență de design mai mult vizual

932
00:54:37,820 --> 00:54:42,680
este un pic de cod pe care le pot utiliza pentru a răspunde la aceste controale WinJS.

933
00:54:42,680 --> 00:54:47,540
Lasă-mă să ies de acolo, din spate de ecran complet,

934
00:54:47,540 --> 00:54:52,690
și trece pe la JS aici pentru a doua.

935
00:54:52,690 --> 00:54:57,450
Pot să fac asta aici. Cred că voi înlocui toată chestia asta.

936
00:54:57,450 --> 00:55:03,080
De fapt, cred că va înlocui toate de ea, dar vom afla împreună.

937
00:55:03,080 --> 00:55:07,350
Voi pune asta aici. Da. Am de gând pentru a șterge acest lucru prea.

938
00:55:07,350 --> 00:55:11,790
Ce am adăuga? Se pare ca o mulțime. Nu e mult.

939
00:55:11,790 --> 00:55:14,920
M-am extins linia de cod care am vorbit deja despre înainte,

940
00:55:14,920 --> 00:55:18,590
și eu spun, "Când totul se face, atunci când s-au făcut toate controalele mele,

941
00:55:18,590 --> 00:55:23,660
"Apoi face acest lucru." Deci, apoi executați această funcție, numit terminat.

942
00:55:23,660 --> 00:55:27,080
În acest caz, aceasta este lucruri pe care le puteți da seama.

943
00:55:27,080 --> 00:55:29,040
Du-te găsi că un control div.

944
00:55:29,040 --> 00:55:30,790
De fapt, nu e un lucru pe care ar trebui să subliniez.

945
00:55:30,790 --> 00:55:35,630
Că linia următoare este de fapt spune, "Am că ratingControlDiv."

946
00:55:35,630 --> 00:55:39,770
"Vreau să vorbesc cu el ca și cum ar fi un control real, un control WinJS."

947
00:55:39,770 --> 00:55:42,020
Deci, practic, tu ceri asta de la ea.

948
00:55:42,020 --> 00:55:44,600
Vrei să spui, "Vreau să vorbesc cu tine, ca un control."

949
00:55:44,600 --> 00:55:47,810
Și apoi puteți începe să spui lucruri de genul, "Vom adăuga un ascultător pentru tine

950
00:55:47,810 --> 00:55:51,430
", Astfel încât atunci când sunteți schimbat putem răspunde la asta."

951
00:55:51,430 --> 00:55:56,930
Și apoi putem face, de asemenea, lucruri de genul asta. De fapt, asta e vechiul cod acolo.

952
00:55:56,930 --> 00:55:59,600
Cred că am pierdut lipire într-o funcție mai mult,

953
00:55:59,600 --> 00:56:05,030
și că ar fi funcția propriu-zisă, care va răspunde de controlul de rating a fi schimbat.

954
00:56:05,030 --> 00:56:07,710
Permiteți-mi să pop că în chiar aici,

955
00:56:07,710 --> 00:56:09,840
undeva pe acolo.

956
00:56:09,840 --> 00:56:14,930
Și în acest caz, singurul lucru care este nou este faptul că vom intra în

957
00:56:14,930 --> 00:56:21,000
ceea ce ne spune de control de rating și ne cere pentru ceea ce se numește tentativeRating.

958
00:56:21,000 --> 00:56:23,150
Există o grămadă de alte lucruri diferite, că un control pot să vă spun,

959
00:56:23,150 --> 00:56:25,310
și se duce un control de control.

960
00:56:25,310 --> 00:56:29,140
Este foarte simplu. Veți fi capabil să-l dau seama nici o problema nici un fel.

961
00:56:29,140 --> 00:56:34,040
Eu conduc, iar acum, când am schimba rating și faceți clic pe rating,

962
00:56:34,040 --> 00:56:36,480
puteți vedea acum este de fapt a răspunde la ea.

963
00:56:36,480 --> 00:56:40,280
Se pune că de rating de pe ecran în care tag-ul div altfel gol

964
00:56:40,280 --> 00:56:42,970
sub controlul de rating.

965
00:56:42,970 --> 00:56:46,670
Asta e magia de o mulțime de lucruri aici.

966
00:56:46,670 --> 00:56:49,580
Deci, după cum vă crearea de aplicatii pentru Windows Store,

967
00:56:49,580 --> 00:56:52,930
există o tona de controale pe care le puteți utiliza doar. Toate acestea lucrează ca aceasta.

968
00:56:52,930 --> 00:56:58,670
>> Lasă-mă să-ți arăt partea vizual de proiectare pentru aceste aplicații.

969
00:56:58,670 --> 00:57:03,440
Vestea buna este ca vei avea deja acest instrument atunci când instalați totul

970
00:57:03,440 --> 00:57:06,240
dacă te duci la care a descărca și veți obține Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Am posibilitatea să faceți clic dreapta pe acest. Nu voi zoom inch

972
00:57:09,890 --> 00:57:12,040
Doar spune Open in Blend.

973
00:57:12,040 --> 00:57:16,040
Blend este un alt instrument care lucreaza cot la cot cu Visual Studio

974
00:57:16,040 --> 00:57:19,230
și este axat mai mult pe partea de proiectare a lucrurilor,

975
00:57:19,230 --> 00:57:23,660
asa ca suprafețe într-adevăr instrumente care sunt optimizate pentru crearea de stiluri,

976
00:57:23,660 --> 00:57:29,720
crearea de animații, de lucru cu CSS, o mulțime de lucruri în acest tip de venă.

977
00:57:29,720 --> 00:57:36,380
Iată ce ar trebui să fie foarte interesant si destul de evident imediat este ne uităm la app.

978
00:57:36,380 --> 00:57:40,060
Să sperăm că încă sunt.

979
00:57:40,060 --> 00:57:42,650
În loc de a vedea cod, pe care noi încă nu vedem în partea de jos,

980
00:57:42,650 --> 00:57:45,350
vedem reprezentarea efectivă a cererii.

981
00:57:45,350 --> 00:57:49,640
Ce e mai mult, nu este doar o reprezentare a aplicației, aceasta este de fapt funcționare app.

982
00:57:49,640 --> 00:57:52,010
Și asta e ceea ce este cu adevarat frumos despre Blend.

983
00:57:52,010 --> 00:57:58,620
Echipa a făcut o mulțime de muncă pentru a aduce HTML și JavaScript și CSS în acest instrument.

984
00:57:58,620 --> 00:58:01,930
Acum puteți de fapt, daca esti curios, "Ce înseamnă asta? Ce pot să fac?"

985
00:58:01,930 --> 00:58:08,310
Eu poate proiecta de fapt, la această cerere, chiar dacă lucruri de genul acesta nu există în markup mea.

986
00:58:08,310 --> 00:58:13,230
Amintiți-vă că controlul de rating? A fost doar o etichetă div.

987
00:58:13,230 --> 00:58:17,090
Chestia asta, că stele, există numai în timpul rulării. Cum știu asta?

988
00:58:17,090 --> 00:58:20,300
Există un pic de magie aici.

989
00:58:20,300 --> 00:58:21,700
A se vedea aceste fulgere?

990
00:58:21,700 --> 00:58:25,570
De fiecare dată când vezi un fulger, ceea ce înseamnă că a fost creat de ceva în timpul rulării.

991
00:58:25,570 --> 00:58:31,770
Unele JavaScript fugit și sa transformat ceva în această sau a creat acest lucru cu o anumită logică.

992
00:58:31,770 --> 00:58:37,100
Acele stele pe care le vedeți au fost create de activarea JavaScript-de WinJS.

993
00:58:37,100 --> 00:58:41,800
Cel mai frumos lucru este, nu contează pentru mine, eu pot încă o proiecta,

994
00:58:41,800 --> 00:58:44,410
Eu pot merge în continuare la si schimba-l, pot afla ce se întâmplă pe aici,

995
00:58:44,410 --> 00:58:50,260
Am sa te uiti la CSS, eu pot merge mai departe și de a afla de ce culoarea este așa cum este,

996
00:58:50,260 --> 00:58:54,610
Pot începe joc cu lucruri și de a face lucruri oribile,

997
00:58:54,610 --> 00:58:58,360
tot ce vreau să fac.

998
00:58:58,360 --> 00:59:01,020
De fapt, voi lăsa lucrurile în pace.

999
00:59:01,020 --> 00:59:03,980
Dar puteți vedea aici totul e CSS și te arată aici.

1000
00:59:03,980 --> 00:59:10,120
Dacă mă duc până la acolo, o să-ți arăt tot ceea ce ei numesc câștigătoare,

1001
00:59:10,120 --> 00:59:14,850
astfel încât regulile CSS care sunt cele mai specifice și mai selectate pentru acel element,

1002
00:59:14,850 --> 00:59:17,110
pe care le-ați probabil deja trecut peste în clase,

1003
00:59:17,110 --> 00:59:22,000
în cazul în care se poate spune că e un font general, pe care le aplici la tot,

1004
00:59:22,000 --> 00:59:26,860
dar pentru ca acest lucru este un H1 și am o culoare definit pentru h1s,

1005
00:59:26,860 --> 00:59:29,820
aceasta va fi această culoare, și asta pentru că e mai specific decât body1.

1006
00:59:29,820 --> 00:59:32,590
Un singur lucru chiar aici toate de care arată,

1007
00:59:32,590 --> 00:59:35,470
și este într-adevăr lucruri de puternic ca să obțineți mai complexe,

1008
00:59:35,470 --> 00:59:38,160
vă întrebați de ce aceste lucruri sunt așa cum sunt.

1009
00:59:38,160 --> 00:59:41,020
Acesta vă va spune de fapt, și puteți alege oricare dintre aceste elemente aici.

1010
00:59:41,020 --> 00:59:43,370
Culoarea nu este prea rău, de fapt.

1011
00:59:43,370 --> 00:59:47,150
Le puteți selecta. Sperăm că puteți vedea acest lucru.

1012
00:59:47,150 --> 00:59:52,410
Pentru tot ceea ce aveți cu privire la cererea dumneavoastră, veți vedea un întreg cascadă

1013
00:59:52,410 --> 00:59:56,070
din toate CSS, care ar putea fi aplicate pentru că și care unul este câștigător,

1014
00:59:56,070 --> 00:59:58,050
care unul a avut de fapt prioritate.

1015
00:59:58,050 --> 01:00:00,930
Acestea sunt un fel de plictisitoare. Nu e mult întâmplă în unele dintre acestea.

1016
01:00:00,930 --> 01:00:04,660
Dacă mă duc și schimba culoarea, atunci veți începe să vedeți ceva în cascadă acolo.

1017
01:00:04,660 --> 01:00:07,760
Puteți folosi, de asemenea, HTML aici, de asemenea.

1018
01:00:07,760 --> 01:00:12,490
Eu pot merge prin și modifica proprietățile HTML pentru toate aceste lucruri așa cum am dori.

1019
01:00:12,490 --> 01:00:14,620
Nu este vorba doar de tone de lucruri aici.

1020
01:00:14,620 --> 01:00:18,070
>> Nu vreau să iau timpul de a merge prin tot aici. Doar știu că e aici.

1021
01:00:18,070 --> 01:00:21,700
Există o mulțime de funcționalități orientate spre design care e doar disponibil pentru tine

1022
01:00:21,700 --> 01:00:26,730
astfel încât să puteți sta vizual, de lucru cu cererea, și nu au de a face o mulțime de ghicitul

1023
01:00:26,730 --> 01:00:32,180
care le-ar trebui să facă în mod normal și cu bicicleta înapoi de la un browser înapoi în design-ul,

1024
01:00:32,180 --> 01:00:33,940
înapoi la browser-ul.

1025
01:00:33,940 --> 01:00:37,010
Acest lucru este foarte chestii misto pentru că, și pe măsură ce dezvolta o aplicatie Windows Store,

1026
01:00:37,010 --> 01:00:39,650
se va face o mult mai productiv.

1027
01:00:39,650 --> 01:00:45,150
>> Veți vedea, de asemenea, este de urmărire marcajul aici și CSS-ul

1028
01:00:45,150 --> 01:00:47,270
ca esti de lucru prin lucruri diferite.

1029
01:00:47,270 --> 01:00:50,180
Este, probabil, foarte greu pentru tine pentru a vedea că, mai ales pe video,

1030
01:00:50,180 --> 01:00:54,680
dar asta e ceea ce se întâmplă aici, și aș recomanda să vă familiarizați cu asta.

1031
01:00:54,680 --> 01:00:57,240
Aceasta va salva o mulțime de timp. Asta-i Blend.

1032
01:00:57,240 --> 01:01:00,520
Dacă ați face orice modificări aici, ei vor în mod automat pentru a transporta înapoi peste

1033
01:01:00,520 --> 01:01:01,870
pentru Visual Studio.

1034
01:01:01,870 --> 01:01:06,590
Sunt aceleași fișiere, e acelasi tot. O să-l lase în pace.

1035
01:01:06,590 --> 01:01:08,650
Am un exemplu mai bun pe care vreau să-ți arăt.

1036
01:01:08,650 --> 01:01:11,660
Dar dacă am făcut o schimbare acolo și a salvat-o și m-am întors la Visual Studio, s-ar spune,

1037
01:01:11,660 --> 01:01:16,390
"Hei, te-ai schimbat ceva. Pot să-l reîncărcați pentru tine?" Da.

1038
01:01:16,390 --> 01:01:18,770
Și sunteți folosind aceleasi lucruri acolo.

1039
01:01:18,770 --> 01:01:21,320
Acesta este sfârșitul acelei probe.

1040
01:01:21,320 --> 01:01:28,170
>> Vreau să-ți arăt un eșantion final mai mare doar pentru a vă oferi o vedere de alte funcționalități

1041
01:01:28,170 --> 01:01:30,350
ai putea crede despre la fel de bine.

1042
01:01:30,350 --> 01:01:32,280
Aceasta este o mostră aplicație care le puteți descărca.

1043
01:01:32,280 --> 01:01:35,620
Dacă te uiți pentru ceva numit Camp Windows într-o cutie,

1044
01:01:35,620 --> 01:01:40,340
există unele probe, care sunt în, și una dintre ele este Contoso Carte de bucate.

1045
01:01:40,340 --> 01:01:41,640
Eu pot rula doar asta pentru tine.

1046
01:01:41,640 --> 01:01:44,700
Splash screen personalizat. Aceasta este aplicația vedere Grid.

1047
01:01:44,700 --> 01:01:49,590
Ei au legat niște date personalizate aici. Puteți naviga prin această.

1048
01:01:49,590 --> 01:01:53,090
Puteți merge și să ia o privire la diferite lucruri care ne va face foame pe o vineri după-amiază.

1049
01:01:53,090 --> 01:01:57,760
Nu știu. Ce este de gând să mă facă mai e foame?

1050
01:01:57,760 --> 01:02:00,530
Nu știu. Mă duc pentru a alege unul.

1051
01:02:00,530 --> 01:02:02,460
Te duci în aceste lucruri. Acesta vă va arăta reteta.

1052
01:02:02,460 --> 01:02:04,900
Ai putea, de asemenea, în loc să faceți clic pe un element,

1053
01:02:04,900 --> 01:02:10,360
poti sa te duci chiar la acea categorie de conținut, care secțiune a conținutului.

1054
01:02:10,360 --> 01:02:15,590
În acest caz, puteți citi o mulțime de fals latină vă spun despre toate aceste retete aici

1055
01:02:15,590 --> 01:02:17,720
și apoi du-te drept în rețeta specific.

1056
01:02:17,720 --> 01:02:22,770
Aceasta susține, de asemenea lucruri, cum ar fi partajarea pe care le-am arătat mai înainte cu imaginile.

1057
01:02:22,770 --> 01:02:26,160
De asemenea, puteți căuta în această aplicație prea.

1058
01:02:26,160 --> 01:02:28,880
Este foarte simplu de a face căutarea.

1059
01:02:28,880 --> 01:02:31,300
Practic, esti doar obtinerea un șir de text din Windows

1060
01:02:31,300 --> 01:02:34,720
și să decideți cum doriți să se ocupe de căutare cu asta.

1061
01:02:34,720 --> 01:02:39,830
Sunt câteva linii de cod pentru a obține că, și atunci ce faci cu ea, după care este complet până la tine.

1062
01:02:39,830 --> 01:02:44,180
>> Aici, ei au, de asemenea, un bar aplicație în care ei folosesc o altă funcționalitate.

1063
01:02:44,180 --> 01:02:45,430
O să-ți spun exact ce este.

1064
01:02:45,430 --> 01:02:48,220
Un memento se va folosi ceea ce se numește o notificare pâine prăjită.

1065
01:02:48,220 --> 01:02:52,930
Acest lucru este foarte la îndemână pentru a lăsa utilizatorul să știe atunci când lucrurile s-au întâmplat,

1066
01:02:52,930 --> 01:02:55,850
ca o cerere a fost instalat sau ceva a fost finalizată.

1067
01:02:55,850 --> 01:02:57,950
Este, de asemenea, bun pentru jocuri prea.

1068
01:02:57,950 --> 01:03:02,360
Dacă aveți o lume persistentă sau un consiliu de lider și un serviciu care este de găzduire, care

1069
01:03:02,360 --> 01:03:08,490
poate pe o mașină separată, aceste notificări pot fi trimise într-o mașină

1070
01:03:08,490 --> 01:03:12,240
și chiar dacă utilizatorul nu folosește jocul, jocul sau rulează aplicația,

1071
01:03:12,240 --> 01:03:15,170
ei pot obține în continuare notificări cu privire la aceste tipuri de evenimente.

1072
01:03:15,170 --> 01:03:19,350
Deci, ai putea spune, "castelul a fost distrus sau este vorba doar de distrus."

1073
01:03:19,350 --> 01:03:22,870
"Întoarce-te aici, și-l apăra," sau ceva de genul asta.

1074
01:03:22,870 --> 01:03:26,830
Faceți clic pe notificare, du-te înapoi în joc, și puteți să-l joace.

1075
01:03:26,830 --> 01:03:32,170
Deci, aceste tipuri de lucruri pot ajuta într-adevăr atrage oamenii înapoi în aplicația destul de eficient.

1076
01:03:32,170 --> 01:03:37,450
>> Există, de asemenea, să sprijine în această aplicație pentru utilizarea microfon, camera web,

1077
01:03:37,450 --> 01:03:39,560
a face video și fotografii.

1078
01:03:39,560 --> 01:03:42,080
Puteți fixa, de asemenea, o țiglă secundar.

1079
01:03:42,080 --> 01:03:46,760
Este util dacă doriți să aveți doar o țiglă care merge drept la un anumit conținut.

1080
01:03:46,760 --> 01:03:49,960
În acest caz, se merge direct la aceasta reteta.

1081
01:03:49,960 --> 01:03:51,300
Tot ceea ce am menționat Eu doar arătând

1082
01:03:51,300 --> 01:03:53,270
pentru că este lucruri pe care vă puteți gândi despre utilizarea, de asemenea.

1083
01:03:53,270 --> 01:03:57,590
Pentru cea mai mare parte, ele sunt foarte simplu de folosit.

1084
01:03:57,590 --> 01:04:00,070
Mi-ar recomanda doar vă aduc ca probă explorator

1085
01:04:00,070 --> 01:04:03,600
și de a găsi un eșantion care vă pot arăta cum să faci asta.

1086
01:04:03,600 --> 01:04:07,140
Este destul de simplu să îi aducă pe cei în aplicațiile de acolo, de asemenea.

1087
01:04:07,140 --> 01:04:11,030
>> Am fost de gând să-ți arăt ceva care e destul de cool aici.

1088
01:04:11,030 --> 01:04:15,230
Voi fixa această cerere, și am de gând să se întoarcă la Visual Studio.

1089
01:04:15,230 --> 01:04:18,870
Această aplicație se execută. Se execută de la Visual Studio.

1090
01:04:18,870 --> 01:04:21,370
Eu pot face unele lucruri destul de cool cu ​​asta.

1091
01:04:21,370 --> 01:04:23,840
Eu am de fapt, o opțiune pentru a selecta un element,

1092
01:04:23,840 --> 01:04:28,250
și eu pot merge pe aici la cererea live și eu pot spune,

1093
01:04:28,250 --> 01:04:34,000
"Mă întreb de ce este Timp de preparare un pic mai usor de culoare gri decât titlul în sine?"

1094
01:04:34,000 --> 01:04:35,680
Am posibilitatea să faceți clic pe ea.

1095
01:04:35,680 --> 01:04:38,080
Se va sincroniza înapoi în Visual Studio,

1096
01:04:38,080 --> 01:04:43,780
și o să-mi arate exact conținutul generat care a dus la acea parte a UI.

1097
01:04:43,780 --> 01:04:47,270
Deci, în acest caz, este element-subtitrare și H4 dublu construct,

1098
01:04:47,270 --> 01:04:51,110
și că, probabil, ne spune ce trebuie să știm pentru că ca un H4 în acest context,

1099
01:04:51,110 --> 01:04:53,550
se va obține un anumit tip de font.

1100
01:04:53,550 --> 01:04:56,410
Dar dacă eu încă nu știu de ce, am posibilitatea să faceți clic pe Trace stiluri.

1101
01:04:56,410 --> 01:05:02,330
Eu pot extinde apoi la culoare si pot afla exact de ce culoare nu este culoarea caroseriei

1102
01:05:02,330 --> 01:05:04,640
dar, de fapt, este cu totul altceva.

1103
01:05:04,640 --> 01:05:07,210
Aceasta este, în esență, instrumentele de dev de la Internet Explorer

1104
01:05:07,210 --> 01:05:09,530
la un grad adus în Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Dacă ați lucrat cu instrumente Chrome Dev, Firebug, lucruri de genul asta,

1106
01:05:12,110 --> 01:05:14,720
aceste tipuri de instrumente care sunt în browser-ul,

1107
01:05:14,720 --> 01:05:17,340
acest tip de funcționalitate a fost adus chiar în Visual Studio

1108
01:05:17,340 --> 01:05:22,090
astfel încât să nu aveți de fapt, de a lansa un browser și să lucreze cu aceste instrumente separat.

1109
01:05:22,090 --> 01:05:24,320
Acum am o aplicatie Windows Store doar de funcționare,

1110
01:05:24,320 --> 01:05:27,840
și eu pot începe trăgând-o afară și de a afla de ce lucruri fac ceea ce sunt.

1111
01:05:27,840 --> 01:05:30,440
>> Pot, de asemenea, face acest lucru prea.

1112
01:05:30,440 --> 01:05:35,020
Pot merge și alege doar ceva chiar de la marcajul și de a afla ce este

1113
01:05:35,020 --> 01:05:38,560
în cerere. Cred că am plecat de tot.

1114
01:05:38,560 --> 01:05:41,440
Aici am situându-se peste aceasta. Pot să-l selecta.

1115
01:05:41,440 --> 01:05:45,540
O să-mi arate în cererea de funcționare efectivă în cazul în care acel lucru este

1116
01:05:45,540 --> 01:05:48,070
că eu sunt acum faceți clic pe în markup.

1117
01:05:48,070 --> 01:05:49,700
Chestii foarte misto.

1118
01:05:49,700 --> 01:05:52,710
Așa cum sunteți încercând să dau seama ce se întâmplă și ceea ce HTML este de a face,

1119
01:05:52,710 --> 01:05:56,080
ceea ce CSS este de a face, ține minte acest lucru.

1120
01:05:56,080 --> 01:05:58,450
Amintiți-vă acest lucru este aici pentru tine

1121
01:05:58,450 --> 01:06:02,070
și, de asemenea, că Blend poate lucra cu o aplicație care rulează în direct.

1122
01:06:02,070 --> 01:06:06,070
>> Ultima lucru pe care am vrut să-ți arăt cu această aplicație -

1123
01:06:06,070 --> 01:06:09,290
Apropo, se arată delte ca lucrurile se schimba prea,

1124
01:06:09,290 --> 01:06:11,160
astfel încât să puteți viziona pentru aceste accente de galben.

1125
01:06:11,160 --> 01:06:14,060
Acestea sunt lucruri pe care doar s-au schimbat în cerere.

1126
01:06:14,060 --> 01:06:16,350
Dar un ultim lucru. Vreau să mă întorc la Blend doar pentru o secundă aici.

1127
01:06:16,350 --> 01:06:21,790
Vom deschide în sus, Open in amestec, aceeași aplicație, aceeași tot.

1128
01:06:21,790 --> 01:06:28,660
Vreau doar să-ți arăt experiența de aici nu este doar te-ai blocat pe pagina de start

1129
01:06:28,660 --> 01:06:32,880
uita la lucrurile pe care le veți obține în mod implicit atunci când rulați aplicația și se lasa sa stea acolo.

1130
01:06:32,880 --> 01:06:36,490
Puteți activa, de asemenea, pe această pictogramă destul de mic aici.

1131
01:06:36,490 --> 01:06:38,560
Se numește modul Interactiv.

1132
01:06:38,560 --> 01:06:41,560
Faceți clic pe asta. Se va aduce la cererea dumneavoastră.

1133
01:06:41,560 --> 01:06:43,730
Nu mai ești în modul de proiectare, deci nu vei fi faceți clic pe lucruri

1134
01:06:43,730 --> 01:06:47,270
pentru a schimba funcționalitatea, dar se poate lucra de fapt cu aplicația acum.

1135
01:06:47,270 --> 01:06:51,560
Puteți să faceți clic prin, poti sa faci orice, ajunge la o reteta pe care o pasa

1136
01:06:51,560 --> 01:06:54,810
sau la o categorie. Să mergem la această categorie.

1137
01:06:54,810 --> 01:06:56,880
Voi spune, "Bine, aici este locul unde vreau să proiecteze."

1138
01:06:56,880 --> 01:06:59,680
Apoi, faceți clic din nou pe buton, acesta vă va aduce înapoi în suprafața de design,

1139
01:06:59,680 --> 01:07:02,130
iar acum poți să faci toate acele lucruri pe care am fost vorbesc despre înainte.

1140
01:07:02,130 --> 01:07:06,230
Voi continua clic până când am obține acest selectate, pentru a afla dimensiunile sale,

1141
01:07:06,230 --> 01:07:09,890
afla HTML pentru aceasta, CSS pentru ea

1142
01:07:09,890 --> 01:07:14,990
pentru o aplicație care rulează, o parte mai târziu a cererii.

1143
01:07:14,990 --> 01:07:17,780
Foarte, foarte util. Voi arăta asta.

1144
01:07:17,780 --> 01:07:21,340
Vă rugăm să păstrați în minte, dacă sunteți în căutarea într-un cod scris cu acest

1145
01:07:21,340 --> 01:07:26,070
deoarece este de gând să vă salva o mulțime de hassle, și este chestii destul de bine.

1146
01:07:26,070 --> 01:07:32,370
Asta e destul de mult tot ce am vrut să-ți arăt pe Blend și în Visual Studio pentru toate astea.

1147
01:07:32,370 --> 01:07:36,130
>> Orice întrebări cu privire la oricare dintre aceste instrumente?

1148
01:07:36,130 --> 01:07:40,000
Nimic, la toate? >> [Guarin] Am lucruri pentru a da afară, întrebări atât de bine, lucruri bune.

1149
01:07:40,000 --> 01:07:43,700
>> [Bowen râde] V-am arătat deja demo-uri mele de aici.

1150
01:07:43,700 --> 01:07:47,000
Am de gând să-l pună pe pagina de resurse și să se întoarcă la întrebări acum.

1151
01:07:47,000 --> 01:07:53,850
Că în primul rând de referință este că Generation App site-ul cu piesa de joc si piesa app.

1152
01:07:53,850 --> 01:07:55,040
Înscrieți-vă pentru cei care.

1153
01:07:55,040 --> 01:07:57,210
Nu trebuie să așteptați de 30 de zile pentru a obține conținutul.

1154
01:07:57,210 --> 01:08:00,370
Puteți începe să mergi și se uită la conținutul după cum doriți.

1155
01:08:00,370 --> 01:08:04,380
Am înțeles de cadre de timp ar putea fi diferit de - [râde]

1156
01:08:04,380 --> 01:08:07,780
Deci, atunci când este Hackathon? Asta-i câteva săptămâni, nu?

1157
01:08:07,780 --> 01:08:09,620
Deci nu aveți 30 de zile să aștepte.

1158
01:08:09,620 --> 01:08:13,180
Deci da, puteți să vă înscrieți pentru că și apoi începe doar trăgând conținut de la ea.

1159
01:08:13,180 --> 01:08:15,320
De asemenea, Dev și Centrele de proiectare.

1160
01:08:15,320 --> 01:08:17,620
Și nu am menționat acest lucru, dar există, de asemenea, Store Docs.

1161
01:08:17,620 --> 01:08:22,880
Acest lucru ar fi de la Hackathon ca esti gata pentru a începe prezentarea aplicațiile pentru magazin.

1162
01:08:22,880 --> 01:08:27,350
Există unele linii directoare utile aici, unele îndrumări cu privire la modul de a obține lucruri în magazin,

1163
01:08:27,350 --> 01:08:29,960
unele probleme comune pe care le-ar putea excursie sus,

1164
01:08:29,960 --> 01:08:32,540
și că este sfârșitul acestor resurse.

1165
01:08:32,540 --> 01:08:35,300
>> Deci, ce e în mintea ta? Orice altceva pe care le -

1166
01:08:35,300 --> 01:08:40,580
[Guarin] Cine se gândește la a face o aplicatie pentru Windows pentru CS50? Rece.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] cool. Mare.

1168
01:08:44,149 --> 01:08:49,410
>> Orice întrebări cu privire la lucrurile pe care le-ați văzut până acum și modul în care aceasta se referă la acest lucru?

1169
01:08:49,410 --> 01:08:54,540
De exemplu, cu mai mult timp am putea lua un joc pe care l-am scris

1170
01:08:54,540 --> 01:08:57,310
și care se execută în browser-ul și doar un fel de du-te prin procesul de

1171
01:08:57,310 --> 01:08:59,870
de a aduce că în Visual Studio și de a face o aplicatie Windows Store.

1172
01:08:59,870 --> 01:09:02,870
Este nevoie de mai mult timp decât am avut într-adevăr pentru a include astăzi,

1173
01:09:02,870 --> 01:09:08,010
dar versiunea scurtă este că e același cod pe care le-ați rulează în browser-ul,

1174
01:09:08,010 --> 01:09:11,680
și lucrurile pe care le schimba sunt lucrurile care vă decideți să conectați la Windows 8.

1175
01:09:11,680 --> 01:09:16,220
Deci, dacă doriți să utilizați farmecele, dacă doriți să căutați sau partaja,

1176
01:09:16,220 --> 01:09:19,899
aveți nevoie pentru a crea o bară de aplicație pentru a ascunde unele funcționalități pe care,

1177
01:09:19,899 --> 01:09:21,939
acestea sunt tipurile de lucruri pe care le-ar schimba.

1178
01:09:21,939 --> 01:09:25,229
Dar nucleul de aplicația web poate rămâne intact.

1179
01:09:25,229 --> 01:09:29,590
Din nou, atâta timp cât funcționează în IE10, acesta va fi un port foarte ușor

1180
01:09:29,590 --> 01:09:33,680
pentru a aduce lucruri care în Visual Studio, în amestec, și să-l o aplicatie Windows Store.

1181
01:09:33,680 --> 01:09:37,500
Din nou, singurele lucruri pe care va trebui să învețe sunt acele alte caracteristici

1182
01:09:37,500 --> 01:09:41,830
pe care le puteți folosi pentru a aprinde o aplicație, cum ar fi o țiglă în direct și acestor tipuri de lucruri.

1183
01:09:41,830 --> 01:09:46,899
>> Da. >> [Elev] Întrebarea mea este de aproximativ de lucru mobile.

1184
01:09:46,899 --> 01:09:52,210
Deci, dacă ați face o aplicație care funcționează ca o aplicație de pe desktop,

1185
01:09:52,210 --> 01:09:56,480
este foarte ușor să-l transfere la mobil, sau există o -

1186
01:09:56,480 --> 01:10:01,270
Întrebarea este, dacă am face o aplicație pentru Windows Store, care este foarte optimizat pentru acest mediu

1187
01:10:01,270 --> 01:10:06,430
și vreau să-l aducă la o lume mobilă, ceea ce este implicat în a face asta?

1188
01:10:06,430 --> 01:10:10,060
Că, la fel ca multe întrebări, este întotdeauna un răspuns în continuă schimbare.

1189
01:10:10,060 --> 01:10:16,190
Vestea buna este ca daca esti lipit cu HTML și JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
dacă sunteți incepand de la o aplicație pentru Windows Store,

1191
01:10:18,720 --> 01:10:20,590
este de gând să te las să-l aducă pe Web

1192
01:10:20,590 --> 01:10:24,650
și apoi a folosi aceste tipuri de tehnici, cum ar fi interogări mass-media și de lucruri,

1193
01:10:24,650 --> 01:10:27,180
pentru a se adapta la diferite dispozitive de dimensiuni.

1194
01:10:27,180 --> 01:10:29,900
Asta a spus, există întotdeauna cadre și lucrurile acolo

1195
01:10:29,900 --> 01:10:33,450
că sprijinul extinderea pe diferite tehnologii, platforme diferite.

1196
01:10:33,450 --> 01:10:35,670
Asta schimba tot timpul.

1197
01:10:35,670 --> 01:10:40,030
Suntem, de asemenea schimba lucrurile la fel de bine ca privim spre ceea ce avem acum

1198
01:10:40,030 --> 01:10:42,950
de fapt, cu Windows Phone 8.

1199
01:10:42,950 --> 01:10:44,930
Avem unor infrastructuri de bază comune

1200
01:10:44,930 --> 01:10:48,180
oferit între aplicații pentru aceste medii.

1201
01:10:48,180 --> 01:10:51,200
Deci, lucrurile pe care le faci pentru a crea o aplicație pentru Windows Store,

1202
01:10:51,200 --> 01:10:57,790
o mulțime de care poate transporta peste într-o aplicație Windows Phone 8, de asemenea.

1203
01:10:57,790 --> 01:11:02,270
Care din nou este o poveste în curs de dezvoltare, astfel încât nu există o parte a conținutului despre care la Build.

1204
01:11:02,270 --> 01:11:06,780
SDK-ul tocmai a ieșit în urmă cu puțin timp. Acesta tocmai a fost lansat în urmă cu puțin timp.

1205
01:11:06,780 --> 01:11:09,920
Dar, în ceea ce privește alte platforme prea,

1206
01:11:09,920 --> 01:11:13,360
probabil că rula în multe cadre cross-platform, de asemenea.

1207
01:11:13,360 --> 01:11:16,170
Vestea bună este lucrurile pe care le faci aici,

1208
01:11:16,170 --> 01:11:19,620
funcționalitatea de bază este de drept în sus lucrurile standard de web.

1209
01:11:19,620 --> 01:11:24,010
Singurele lucruri care nu s-ar traduce cu ușurință sunt lucrurile pe care le face Windows 8,

1210
01:11:24,010 --> 01:11:28,060
dar asta nu e de mirare, pentru că este o caracteristică Windows.

1211
01:11:28,060 --> 01:11:34,090
Nu sunteți de gând să găsească de partajare sau tipuri similare de contracte pe orice altă platformă.

1212
01:11:34,090 --> 01:11:37,480
Deci, acestea sunt lucrurile pe care le-ar dori să dintr-o perspectivă de design

1213
01:11:37,480 --> 01:11:40,820
asigurați-vă că aveți modalități de fel de abstract care astfel încât să puteți spune,

1214
01:11:40,820 --> 01:11:42,970
"Dacă am rulează pe aceasta, eu pot face asta."

1215
01:11:42,970 --> 01:11:48,120
Dacă nu sunt, există unele modele de design care le puteți utiliza la fel de a ascunde lucruri care departe.

1216
01:11:48,120 --> 01:11:53,360
Dar ține minte asta. Da. Scuze. Dă-i drumul.

1217
01:11:53,360 --> 01:11:58,130
>> [Elev] Dacă vreau să testeze aplicația mea Windows pe partea de sus a [inaudibil]

1218
01:11:58,130 --> 01:12:02,310
[Bowen] Da. Am sărit un lucru prea. Da.

1219
01:12:02,310 --> 01:12:04,910
Voi răspunde la întrebarea dvs. în primul rând, atunci vă voi arăta o caracteristică am uitat să menționez.

1220
01:12:04,910 --> 01:12:09,220
Avem unele mașini disponibile pe plan local. Îmi pare rău.

1221
01:12:09,220 --> 01:12:11,240
Întrebarea a fost, cum pot testa lucruri pe dispozitive

1222
01:12:11,240 --> 01:12:14,230
dacă nu se întâmplă să aibă o mulțime de lucruri pentru a alege de la?

1223
01:12:14,230 --> 01:12:17,130
[Guarin] Vă împrumutat voi, cred, 5 sau 6. Cât de multe ai nevoie?

1224
01:12:17,130 --> 01:12:20,940
[Elev] Avem 4 dintre ele. >> Bine. Voi trebuie 4 placi să se joace în jurul cu.

1225
01:12:20,940 --> 01:12:25,520
Deci cu siguranta sa stie toata lumea, te rog. [Râde] >> [Bowen] Awesome.

1226
01:12:25,520 --> 01:12:27,610
Acesta este un răspuns chiar mai bine decât am fost de gând să vă dau.

1227
01:12:27,610 --> 01:12:31,250
Avem ore de birou pentru dezvoltatori pe care le facem la sediul nostru

1228
01:12:31,250 --> 01:12:35,110
și acum în curând la Microsoft Store pe la Pru,

1229
01:12:35,110 --> 01:12:37,010
dar Edwin a avut deja grijă de tine.

1230
01:12:37,010 --> 01:12:42,180
Există 4 placi disponibile pentru creditare, pentru testare.

1231
01:12:42,180 --> 01:12:45,440
Acolo mergem. Există un exemplu de acolo într-o sus.

1232
01:12:45,440 --> 01:12:47,340
Deci, da, absolut. Mare.

1233
01:12:47,340 --> 01:12:52,700
Absolut de departe cel mai bun mod de a testa este de a fi pe un dispozitiv.

1234
01:12:52,700 --> 01:12:56,810
Dacă nu se întâmplă să aibă o încă sau nu doriți să meargă în campus în zăpadă

1235
01:12:56,810 --> 01:13:01,130
pentru a apuca unul sau orice altceva, există o modalitate de a face acest lucru din nou în Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Dacă mă duc înapoi în cazul în care am fost aici, aici, în loc de a folosi Local Machine,

1237
01:13:10,360 --> 01:13:13,590
ai putea conecta de la distanță la mașină, dar asta nu e ceea ce vorbesc despre aici.

1238
01:13:13,590 --> 01:13:16,830
Simulator este un lucru pe care ați putea dori să se uite în.

1239
01:13:16,830 --> 01:13:22,120
Voi face acest lucru, și într-adevăr ceea ce este, este, în esență, o fereastră de pe propriul sistem.

1240
01:13:22,120 --> 01:13:26,260
Aici este, de fapt rulează sistemul meu, care rulează Contoso,

1241
01:13:26,260 --> 01:13:29,550
dar într-un mod care permite-mi schimba unele dintre parametrii de execuție,

1242
01:13:29,550 --> 01:13:31,060
parametrilor de mediu.

1243
01:13:31,060 --> 01:13:34,150
Deci, eu pot spune aici, "Știi ce?"

1244
01:13:34,150 --> 01:13:39,240
Oh. Eu deja am rulează într-un simulat monitor de 27 inci la rezoluție 2560.

1245
01:13:39,240 --> 01:13:44,930
Pot picătură cu ușurință că în jos și a vedea ce s-ar face la cererea mea cu un ecran mai mic

1246
01:13:44,930 --> 01:13:47,480
sau prin modificarea setărilor DPI sau orice altceva.

1247
01:13:47,480 --> 01:13:50,700
Deci, pe un ecran mic, o 10.6, ceea ce este de gând să faci?

1248
01:13:50,700 --> 01:13:53,040
Că încă arată destul de bine, nu?

1249
01:13:53,040 --> 01:13:58,220
Veți dori să faceți acest lucru, mai ales dacă sunteți prezentarea la magazin, pentru că noi facem

1250
01:13:58,220 --> 01:14:00,480
ca parte a procesului de testare.

1251
01:14:00,480 --> 01:14:02,400
Și dacă există probleme de genul asta,

1252
01:14:02,400 --> 01:14:06,160
atunci s-ar putea rula într-o problemă obținerea certificării pentru magazin.

1253
01:14:06,160 --> 01:14:09,240
Dar asta face parte din simulator. Foarte cool. Foarte ușor să faci asta.

1254
01:14:09,240 --> 01:14:11,480
Puteți folosi, de asemenea, caracteristici cum ar fi rotirea ea, de asemenea.

1255
01:14:11,480 --> 01:14:15,650
Am posibilitatea să faceți clic pe butonul aici, l-au roti, vezi ce cineva ar avea ca o experiență

1256
01:14:15,650 --> 01:14:20,970
rotație ardezie lor, comprimat lor, și folosind aplicația cu care.

1257
01:14:20,970 --> 01:14:25,060
Există câteva alte lucruri, cum ar fi legătura de emulare și alte lucruri,

1258
01:14:25,060 --> 01:14:27,210
stabilirea GPS.

1259
01:14:27,210 --> 01:14:31,050
Pot să mă prefac că sunt la o altă locație și să vedem ce face cererea mea

1260
01:14:31,050 --> 01:14:34,690
când mă prefac că m-am întors în Seattle sau ceva.

1261
01:14:34,690 --> 01:14:41,970
Dar este o caracteristică foarte utilă, și este construit în atât Visual Studio și în Blend.

1262
01:14:41,970 --> 01:14:44,460
Da. Întrebarea dumneavoastră.

1263
01:14:44,460 --> 01:14:48,530
>> [Elev] Dacă sunteți scris un joc, nu Visual Studio are nici un suport pentru animație?

1264
01:14:48,530 --> 01:14:55,550
Da. Întrebarea este de aproximativ sprijin animație, în special cu jocuri de noroc.

1265
01:14:55,550 --> 01:14:58,380
Depinde. [Chicotește]

1266
01:14:58,380 --> 01:15:06,870
Cu JavaScript, voi spune că e, probabil, un sprijin mai puțin decât există pe partea de XAML,

1267
01:15:06,870 --> 01:15:11,430
care are termene, are schițe și lucruri care sunt construite inch

1268
01:15:11,430 --> 01:15:18,710
Pentru animații pe JavaScript aplicații, nu știu cât de mult un răspuns vreau să-ți dau.

1269
01:15:18,710 --> 01:15:25,110
Am resurse de pe blog-ul meu care trec printr-o mulțime de opțiuni pentru ambele animații fizica,

1270
01:15:25,110 --> 01:15:29,280
opțiuni pentru jocuri de activarea JavaScript-orientate pe Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Te-ar referi la cei.

1272
01:15:31,300 --> 01:15:34,300
Practic, există atât de multe opțiuni.

1273
01:15:34,300 --> 01:15:37,770
Motivul pentru care am ezitat e că există atât de multe opțiuni pentru a face animații cu JavaScript.

1274
01:15:37,770 --> 01:15:44,280
Ar putea fi CSS, ar putea fi bazată pe Canvas, ar putea fi animații DOM doar de bază,

1275
01:15:44,280 --> 01:15:47,470
ar putea fi o mulțime de lucruri diferite, așa că într-adevăr depinde de alegerea ta.

1276
01:15:47,470 --> 01:15:55,790
Dacă vă decideți să utilizați ceva de genul Create.js sau de tei sau alte tipuri de cadre -

1277
01:15:55,790 --> 01:15:59,150
Ei bine, eu nu sunt sigur ai de gând să fie în măsură să utilizeze un cadru final mai mare

1278
01:15:59,150 --> 01:16:01,370
Impact place sau construi.

1279
01:16:01,370 --> 01:16:07,000
Care tinde să genereze mai mult de cod decât s-ar putea lua în considerare de la zero.

1280
01:16:07,000 --> 01:16:11,730
Dar, în aceste cazuri, ai putea folosi în continuare un simulator, puteți utiliza mediile,

1281
01:16:11,730 --> 01:16:17,480
și am tendința de a folosi doar acest mediu pentru platforma mea de test, în aceste cazuri,

1282
01:16:17,480 --> 01:16:19,930
ca eu sunt in curs de dezvoltare de jocuri.

1283
01:16:19,930 --> 01:16:22,110
Am fost bine mai ales cu animații Canvas,

1284
01:16:22,110 --> 01:16:23,850
care este, probabil, cel mai comun lucru.

1285
01:16:23,850 --> 01:16:27,360
Cel mai bun ai de gând să găsi, probabil, este instrumentele dev în browser-ul

1286
01:16:27,360 --> 01:16:30,160
și instrumentele dev în Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Un fel de răspuns șerpuit acolo, dar sperăm că am primit răspunsul. Da. Te.

1288
01:16:34,610 --> 01:16:36,470
>> [Elev] Care sunt opțiunile de stocare a datelor pentru Windows 8 Apps?

1289
01:16:36,470 --> 01:16:41,100
Care sunt opțiunile de stocare a datelor pentru Windows 8 aplicații, Windows Store aplicații?

1290
01:16:41,100 --> 01:16:46,790
Opțiunile dvs. sunt într-adevăr fiecare aplicație devine propriul bazin de stocare locală

1291
01:16:46,790 --> 01:16:52,150
pentru setările și pentru date, dar este, de asemenea, ridicol de ușor de utilizat de stocare de roaming,

1292
01:16:52,150 --> 01:16:54,920
de a folosi de stocare cloud-based. Este gratuit.

1293
01:16:54,920 --> 01:16:58,250
Ce se întâmplă este să alegeți de fapt o clasă diferită și spui,

1294
01:16:58,250 --> 01:17:03,370
"Setări de roaming, Salvare, acest set special de conținut,"

1295
01:17:03,370 --> 01:17:06,050
și contul lor Microsoft, tot ce-am semnat în drept,

1296
01:17:06,050 --> 01:17:08,620
va fi cheia pentru serviciile de roaming care informațiile în jurul.

1297
01:17:08,620 --> 01:17:13,790
Deci, dacă am folosi jocul pe laptop-ul meu și apoi am conectați cu același cont

1298
01:17:13,790 --> 01:17:18,900
și am juca jocul pe o suprafață sau o tabletă,

1299
01:17:18,900 --> 01:17:23,610
care va călători în mod automat că setarea și de date între aceste mașini.

1300
01:17:23,610 --> 01:17:27,550
Asta e un lucru implicit. Asta e bine pentru anumite cantități de date.

1301
01:17:27,550 --> 01:17:30,220
Tu nu ar pune o imensa baza de date în cele.

1302
01:17:30,220 --> 01:17:35,350
Pentru că aveți nevoie pentru a merge la alte tipuri de soluții, cum ar fi o bază de date a găzduit în nor,

1303
01:17:35,350 --> 01:17:36,690
lucruri de genul asta.

1304
01:17:36,690 --> 01:17:39,840
Există și alte opțiuni de comunitate în jurul altor tipuri de tehnologii de date.

1305
01:17:39,840 --> 01:17:42,920
Am văzut unele opțiuni SQLite în comunitate în jurul acolo.

1306
01:17:42,920 --> 01:17:46,690
Deci, mai mult și mai sunt în curs de dezvoltare, dar acestea sunt lucrurile principale pe care le-ar arata spre

1307
01:17:46,690 --> 01:17:49,430
pentru un joc sau o aplicație.

1308
01:17:49,430 --> 01:17:50,610
Si tu ai avut o întrebare în spate prea.

1309
01:17:50,610 --> 01:18:02,390
>> [Elev] În ceea ce privește rețeaua de [inaudibil] încărcarea sau descărcarea de fișiere [inaudibil]

1310
01:18:02,390 --> 01:18:04,870
[Bowen] Este întrebarea ta, cum poti vedea asta sau cum puteți depana că și testați-l?

1311
01:18:04,870 --> 01:18:10,630
[Elev] Cum poți să-l depanare [inaudibil]

1312
01:18:10,630 --> 01:18:12,670
Scuze. Nu pot să aud totul.

1313
01:18:12,670 --> 01:18:16,480
[Elev] Cum puteți obține o eroare testat și, de asemenea, [inaudibil]

1314
01:18:16,480 --> 01:18:17,490
Mare. Mare.

1315
01:18:17,490 --> 01:18:21,860
Cum lucrați cu rețele? Cum poți să vezi ce se întâmplă?

1316
01:18:21,860 --> 01:18:23,620
Există mai multe răspunsuri diferite la aceasta,

1317
01:18:23,620 --> 01:18:26,420
dar permiteți-mi să vă arate, probabil, cele mai simple lucruri aici.

1318
01:18:26,420 --> 01:18:29,350
Lasă-mă să scap de simulator pentru un al doilea.

1319
01:18:29,350 --> 01:18:31,740
Doar câteva opțiuni de depanare pentru crearea de rețele.

1320
01:18:31,740 --> 01:18:36,070
Există un teanc complet rețea coapte chiar în atât la nivel WinRT și din WinJS,

1321
01:18:36,070 --> 01:18:42,810
astfel încât să puteți face foarte ușor XHR, de tip AJAX apeluri de la joc sau aplicație pentru a face acest lucru.

1322
01:18:42,810 --> 01:18:47,250
În primul rând, am tendința de a folosi 2 lucruri.

1323
01:18:47,250 --> 01:18:53,660
Eu folosesc instrumentele dev reale în sine, care au o stiva de rețea coapte în ele.

1324
01:18:53,660 --> 01:18:55,870
Lasă-mă să-ți arăt pagina de pornire Windows.

1325
01:18:55,870 --> 01:19:02,730
Eu pot aduce asta, și nu e de fapt un proxy rețea coapte în aceste instrumente de aici.

1326
01:19:02,730 --> 01:19:08,390
Deci, eu pot face acest lucru, eu pot necesară încărcarea paginii, și o să-mi arate toate interacțiunile,

1327
01:19:08,390 --> 01:19:14,550
inclusiv AJAX solicită acea sesiune, pentru o durată că cererea lui.

1328
01:19:14,550 --> 01:19:17,600
Acest lucru este util. Acesta va fi foarte util pentru aplicații bazate pe browser.

1329
01:19:17,600 --> 01:19:20,470
Pentru alte tipuri de aplicații, inclusiv Windows Store aplicații,

1330
01:19:20,470 --> 01:19:23,970
Eu folosesc un instrument numit Fiddler.

1331
01:19:23,970 --> 01:19:29,650
Ai de gând pentru a obține un joc în răspuns. [Chicotește]

1332
01:19:29,650 --> 01:19:32,750
Scripcarul este un proxy simplu. Cred că pot arăta că pentru tine.

1333
01:19:32,750 --> 01:19:40,190
E doar GetFiddler.com, care, destul de interesant, eu calc stiva mea rețea

1334
01:19:40,190 --> 01:19:41,740
O să GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
Dar oricum, Fiddler a fost scris de către unul dintre premieri pe echipa IE,

1336
01:19:45,700 --> 01:19:48,290
așa că știe ce face.

1337
01:19:48,290 --> 01:19:52,630
Acesta este un bun proxy pe care le puteți folosi pentru traficul în rețea depanare.

1338
01:19:52,630 --> 01:19:55,730
Mi-ar recomanda. Întrebarea pe acolo.

1339
01:19:55,730 --> 01:19:58,050
>> [Elev] Există o modalitate ușoară de a integra intrare limbă străină,

1340
01:19:58,050 --> 01:20:00,810
cum ar fi japoneză sau chineză, în aplicații pentru Windows?

1341
01:20:00,810 --> 01:20:03,240
Eu nu pot spune că am făcut prea mult de ea mine, dar acesta este copt inch

1342
01:20:03,240 --> 01:20:08,470
Există opțiuni pentru emiterea, desigur, cererea dumneavoastră - Îmi pare rău, nu am spus la întrebarea -

1343
01:20:08,470 --> 01:20:11,100
opțiuni în jurul valorii de globalizare, localizare de conținut,

1344
01:20:11,100 --> 01:20:14,320
inclusiv lucruri cum ar fi posibilitatea de a vinde în piețe diferite

1345
01:20:14,320 --> 01:20:19,190
și țintă că versiunea de cererea dumneavoastră pentru aceste limbi individuale

1346
01:20:19,190 --> 01:20:21,080
sau culturi sau lucruri de genul asta. Absolut construit inch

1347
01:20:21,080 --> 01:20:22,980
Am avut un sprijin pentru că, pentru totdeauna,

1348
01:20:22,980 --> 01:20:26,630
și că duce mai departe în opțiunile pentru Windows Store.

1349
01:20:26,630 --> 01:20:30,450
Puteți face acest lucru în magazin în sine, să vândă în piețe diferite,

1350
01:20:30,450 --> 01:20:34,050
puteți face acest lucru în cerere, precum si cu utilizarea resurselor pentru a defini,

1351
01:20:34,050 --> 01:20:42,220
"Dacă am dezvoltat pentru această cultură, apoi utilizați aceste suprascrie pentru conținutul meu textual

1352
01:20:42,220 --> 01:20:44,510
"Sau de a folosi un drept la cititor la stânga."

1353
01:20:44,510 --> 01:20:51,290
Acestea sunt toate parte din WinJS implicite și WinRT API-uri. Bună întrebare.

1354
01:20:51,290 --> 01:20:54,770
>> Cum facem? Orice alții?

1355
01:20:54,770 --> 01:20:58,850
Și dacă cineva pe video are probleme, eu cbowen @ microsoft,

1356
01:20:58,850 --> 01:21:02,790
așa că eu sunt fericit să ia oricare dintre întrebările dumneavoastră de viitor.

1357
01:21:02,790 --> 01:21:05,690
Foarte - Din viitor, viitor [imita ecou].

1358
01:21:05,690 --> 01:21:09,140
Deci, aici sunt eu. Lasă-mă să pun din nou contactul meu aici.

1359
01:21:09,140 --> 01:21:11,840
Deci, doar trimite-mi o notă, cbowen @ microsoft,

1360
01:21:11,840 --> 01:21:15,190
și I se va intoarce la tine cât de repede pot.

1361
01:21:15,190 --> 01:21:19,010
>> Orice altceva care vă întrebați? Suntem bine?

1362
01:21:19,010 --> 01:21:24,050
Mare. Bine. Vă mulțumesc tuturor foarte mult. Apreciez asta. [Aplauze]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]