1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Seminario - Windows 8 - Desenvolvemento App / Partido con HTML5]

2
00:00:02,420 --> 00:00:05,090
[Chris Bowen, Edwin Guarin - Universidade de Harvard]

3
00:00:05,090 --> 00:00:07,350
[Isto é CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Hey, todo o mundo. O meu nome é Edwin Guarin. Este é Chris Bowen.

5
00:00:10,290 --> 00:00:12,310
Vou deixar presentarse en un segundo.

6
00:00:12,310 --> 00:00:14,100
Eu só quero facer un anuncio rápida.

7
00:00:14,100 --> 00:00:18,340
Primeiro de todo, todo o que CS50 alumnos reciben Windows 8 de balde.

8
00:00:18,340 --> 00:00:23,150
Entón, se está a pensar en realmente utilizalo para o seu proxecto final, que é o seu.

9
00:00:23,150 --> 00:00:25,740
Nate pode enviar un correo-e máis tarde para obter instruccións.

10
00:00:25,740 --> 00:00:32,850
A segunda cousa é se decide escribir unha aplicación Windows 8 para o seu proxecto final CS50,

11
00:00:32,850 --> 00:00:35,870
nós imos estar facendo algúns agasallos: un Xbox,

12
00:00:35,870 --> 00:00:38,870
que pode ser capaz de dar unha lousa lonxe, cousas así.

13
00:00:38,870 --> 00:00:42,460
Polo tanto, se hai algo que che impide, imos Chris ou sei

14
00:00:42,460 --> 00:00:45,010
como podemos axudar a construír algo moi legal.

15
00:00:45,010 --> 00:00:48,580
Entón, unha vez máis grazas por teren benvida hoxe, e eu vou entrega-la a Chris.

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

17
00:00:51,000 --> 00:00:52,740
Grazas a todos por unirse a nós hoxe.

18
00:00:52,740 --> 00:00:55,800
Eu son Chris Bowen. Eu son un dos compañeiros de Edwin aquí no Nordeste.

19
00:00:55,800 --> 00:00:58,310
Eu só quería pasar un pouco de tempo con vostede está falando

20
00:00:58,310 --> 00:01:03,730
como facer unha aplicación de Windows Store con HTML5, JavaScript e CSS

21
00:01:03,730 --> 00:01:07,310
e tipo de obter calquera preguntas que pode ter sobre el respondeu para ti

22
00:01:07,310 --> 00:01:12,920
como está ollando para pensar quizais usalo para un final oportunidade CS50.

23
00:01:12,920 --> 00:01:14,980
>> Dito isto, imos mergullar á dereita dentro

24
00:01:14,980 --> 00:01:17,190
Vou pasar por riba de lamas por aquí.

25
00:01:17,190 --> 00:01:19,440
Se ten algunha dúbida, non dubide en enviar-me un e-mail.

26
00:01:19,440 --> 00:01:23,460
Estou cbowen@microsoft.com, e hai o meu blog e meu Twitter.

27
00:01:23,460 --> 00:01:26,330
Con todo, quere poñerse en contacto comigo, todo ben.

28
00:01:26,330 --> 00:01:30,110
Teño preto dunha hora de cousas, e quero aproveitar as súas dúbidas ao longo do camiño,

29
00:01:30,110 --> 00:01:33,720
por iso, non teña vergoña de ter preguntas durante este.

30
00:01:33,720 --> 00:01:36,470
Eles non poden ver quen está facendo as preguntas sobre a gravación,

31
00:01:36,470 --> 00:01:39,090
entón vai ser tan anónimo como quere ser.

32
00:01:39,090 --> 00:01:42,780
>> Déixeme mergullo na dereita, só dar-lle unha rápida introdución ao Windows 8,

33
00:01:42,780 --> 00:01:47,400
e amosar-lle algunhas das cousas sobre Windows tenda de aplicacións que pode considerar

34
00:01:47,400 --> 00:01:49,530
como está a pensar en desenvolver unha aplicación.

35
00:01:49,530 --> 00:01:52,660
Estamos mirando para Windows 8. Nós estivemos fóra por algunhas semanas agora.

36
00:01:52,660 --> 00:01:55,810
Moita forte adopción aí xa.

37
00:01:55,810 --> 00:01:59,800
Pode ter visto xa as máquinas de superficie que temos tamén.

38
00:01:59,800 --> 00:02:03,730
Hai un aquí, en realidade, pode dar un ollo se está aquí en persoa.

39
00:02:03,730 --> 00:02:07,530
Realmente quero falar con vostede, lle amosar un pouco sobre o Windows 8.

40
00:02:07,530 --> 00:02:10,759
A idea con Windows 8, que realmente trae para adiante todo o que vostede sabe sobre o Windows

41
00:02:10,759 --> 00:02:16,840
nalgunhas novas experiencias - en particular, cousas como na máquina de superficie con toque,

42
00:02:16,840 --> 00:02:20,000
este tipo de dispositivos máis móbiles que xa están no mercado,

43
00:02:20,000 --> 00:02:22,360
pero tamén é o Windows no seu núcleo.

44
00:02:22,360 --> 00:02:25,850
Entón, iso significa que pode instala-lo realmente en calquera cousa que roda Windows 7,

45
00:02:25,850 --> 00:02:30,770
desde o seu maior plataforma de xogos triplo SLI para abaixo para o seu ordenador portátil

46
00:02:30,770 --> 00:02:36,200
e os seus novinho outros dispositivos que pode incorporarse hoxe.

47
00:02:36,200 --> 00:02:38,450
Eles van executar Windows 8.

48
00:02:38,450 --> 00:02:40,530
Vou lle amosar só un pouco,

49
00:02:40,530 --> 00:02:44,670
e as experiencias que ve aquí son cousas que pode crear.

50
00:02:44,670 --> 00:02:47,760
A idea é que é táctil, rato, teclado,

51
00:02:47,760 --> 00:02:51,870
calquera que sexa o dispositivo que está a executar a aplicación en diante, que vai funcionar moi ben.

52
00:02:51,870 --> 00:02:55,180
Windows 8 vai axudar con todos eses escenarios.

53
00:02:55,180 --> 00:02:59,600
>> Estes diapositivas de banda, imos só ir directo para dar un ollo por aquí.

54
00:02:59,600 --> 00:03:03,270
Deixe-me amosar-lle ao redor da miña pantalla de inicio. Esta é a miña pantalla Inicio.

55
00:03:03,270 --> 00:03:05,810
Vou darlle un pouco de unha visita aquí.

56
00:03:05,810 --> 00:03:09,610
Eu estou nunha máquina non-táctil, polo que tanto como eu quero tocar a pantalla do meu portátil,

57
00:03:09,610 --> 00:03:13,400
el non vai facer nada, así que vou rodar por aquí un pouco e amosar-lle.

58
00:03:13,400 --> 00:03:17,950
Algunhas cousas que pode entender é o feito de que estes que son chamados de azulexos en directo

59
00:03:17,950 --> 00:03:21,470
Realmente pode animar, e poden proporcionar información para ti -

60
00:03:21,470 --> 00:03:24,750
quizais actualizacións sobre as estatísticas de un xogo

61
00:03:24,750 --> 00:03:30,970
ou amosar-lle noticias dalgúns das aplicacións anteriores que están aquí no lado da man esquerda.

62
00:03:30,970 --> 00:03:35,350
Alí imos nós. Eu estou seguro que é só positivo e fantástica gran noticia.

63
00:03:35,350 --> 00:03:38,450
Podes ver aquí é realmente chamar a súa atención ao seu programa, dicindo:

64
00:03:38,450 --> 00:03:43,010
"Ei, hai algo novo aquí. Bótalle un ollo. Volve dentro e ver o que hai de novo para ti."

65
00:03:43,010 --> 00:03:45,320
Iso é chamado de azulexos en directo, e pode facer notificacións

66
00:03:45,320 --> 00:03:47,070
ou dereito desde o propio programa

67
00:03:47,070 --> 00:03:52,220
ou se der un ollo en máis detalles, vai descubrir como escribir un servizo remoto

68
00:03:52,220 --> 00:03:54,340
que realmente pode enviar información sobre a peza

69
00:03:54,340 --> 00:03:56,520
que é o que está a suceder con estas aplicacións de novas.

70
00:03:56,520 --> 00:04:00,080
Están realmente a recibir noticias desde a nube e actualizar o azulexo alí

71
00:04:00,080 --> 00:04:03,710
que a xente sabe que hai unha razón para abrir a aplicación e bótalle un ollo

72
00:04:03,710 --> 00:04:06,950
en todo o que a última noticia é en calquera destes

73
00:04:06,950 --> 00:04:10,060
ou se hai novos ingresos ou unha puntuación máis alta a bater

74
00:04:10,060 --> 00:04:13,560
ou un amigo de xogo ou calquera outra cousa sobre estas aplicacións.

75
00:04:13,560 --> 00:04:15,550
É algo para seducir-lo cara atrás dentro

76
00:04:15,550 --> 00:04:18,640
Entón, iso é as tellas en directo, e que podería ser unha persoa, que podería ser un sitio tamén.

77
00:04:18,640 --> 00:04:20,790
Xeralmente é unha aplicación.

78
00:04:20,790 --> 00:04:25,320
>> Practicamente todas esas cousas que eu teño aquí veu de Windows Store. Vou publicar isto.

79
00:04:25,320 --> 00:04:27,890
É unha das aplicacións que recibe por defecto

80
00:04:27,890 --> 00:04:30,350
en calquera máquina que está a executar Windows 8.

81
00:04:30,350 --> 00:04:33,040
Pode vir aquí para atopar calquera cousa que quere,

82
00:04:33,040 --> 00:04:37,240
a partir de cousas que son destacadas para xogos que eu non teña visto antes.

83
00:04:37,240 --> 00:04:39,440
Oh, wow, temos un novo máquinas aquí.

84
00:04:39,440 --> 00:04:41,580
Pode instala-los aquí na tenda,

85
00:04:41,580 --> 00:04:43,420
e imos falar sobre como desenvolver estes.

86
00:04:43,420 --> 00:04:45,670
Ten unha morea de opcións en como crealos.

87
00:04:45,670 --> 00:04:49,020
Imos centrar na historia JavaScript con HTML e CSS,

88
00:04:49,020 --> 00:04:52,790
pero para o usuario, para o comprador da aplicación, non importa o que se escribiu no

89
00:04:52,790 --> 00:04:54,670
Poden ir adiante e traballar con el.

90
00:04:54,670 --> 00:04:57,870
Estou intrigado con un presente, entón eu teño abrir iso e dar un ollo.

91
00:04:57,870 --> 00:05:02,310
Cada aplicación, incluíndo os que pode enviar e vender ou dar de balde,

92
00:05:02,310 --> 00:05:06,240
o que quere facer na tenda, vai ter unha páxina principal como esta.

93
00:05:06,240 --> 00:05:10,750
Pode enviar a súa solicitude con unha morea de capturas de pantalla - vostede ver algúns aquí -

94
00:05:10,750 --> 00:05:15,970
detalles sobre a aplicación, e co tempo vai acumular as dúas clasificacións -

95
00:05:15,970 --> 00:05:19,020
son basicamente só a clasificación de estrelas - e comentarios,

96
00:05:19,020 --> 00:05:20,690
que fornecen un pouco máis de discernimento.

97
00:05:20,690 --> 00:05:24,380
De feito, alguén ten que escribir algo e dicirlle o quão incrible é,

98
00:05:24,380 --> 00:05:29,300
e que vai entrar na súa sección de comentarios aquí, que eu non mirei.

99
00:05:29,300 --> 00:05:33,890
Fantástico. "Non vai mesmo abrir." Como é grande.

100
00:05:33,890 --> 00:05:39,000
Así, para as persoas para quen este fixo aberta e carreira, eles parecen realmente apreciar-lo. [Risas]

101
00:05:39,000 --> 00:05:43,770
Teña isto en mente. A Internet. Calquera pode dicir o que queira sobre a súa aplicación.

102
00:05:43,770 --> 00:05:45,780
Polo tanto, asegúrese de que está facendo un gran traballo con el,

103
00:05:45,780 --> 00:05:49,030
asegúrese de que está facendo iso o máis cómodo para o usuario, como pode

104
00:05:49,030 --> 00:05:52,720
porque son unha parella click de distancia de ofrecer unha revisión,

105
00:05:52,720 --> 00:05:55,870
e que pode acumular-se á súa clasificación xeral revisión.

106
00:05:55,870 --> 00:05:58,990
E quere facer o mellor, porque vai ter que afrontar outras aplicacións.

107
00:05:58,990 --> 00:06:01,830
Haberá miles de aplicacións xa na tenda,

108
00:06:01,830 --> 00:06:06,880
e as posibilidades son, pode haber algo que fai función semellante ao que está facendo.

109
00:06:06,880 --> 00:06:12,740
Entón, se realmente pode destacar da multitude, que será a súa vantaxe, por suposto.

110
00:06:12,740 --> 00:06:15,300
>> Nós imos entrar na tenda un pouco máis tarde.

111
00:06:15,300 --> 00:06:17,090
Realmente quero concentrarse na creación de apps.

112
00:06:17,090 --> 00:06:20,760
Pero a versión curta da tenda é de distribución mundial,

113
00:06:20,760 --> 00:06:25,430
automaticamente parte do Windows 8, a xente só quentalo-la e dar un ollo a varias aplicacións aquí,

114
00:06:25,430 --> 00:06:29,070
tes a Dress Up Stick Book e todo tipo de varios apps.

115
00:06:29,070 --> 00:06:33,690
Fresh Paint, eu uso moito iso - mal, pero eu usalo moito.

116
00:06:33,690 --> 00:06:36,080
Está me amosando que eu xa posúe-lo.

117
00:06:36,080 --> 00:06:41,280
Deixe-me amosar-lle unha cousa que eu non teño - UVideos Non teño como novo.

118
00:06:41,280 --> 00:06:43,660
Ve aquí é gratuíto, para que poida instala-lo dereito da tenda.

119
00:06:43,660 --> 00:06:46,430
Ten opcións tamén. Pode, por suposto, dalo afastado.

120
00:06:46,430 --> 00:06:49,660
Pode poñer publicidade na aplicación ou xogo.

121
00:06:49,660 --> 00:06:54,770
Tamén pode cobrar por el, e podería moi facilmente proporcionar unha proba para a aplicación ben

122
00:06:54,770 --> 00:06:58,220
así que pode deixar a xente probalo por unha semana ou o que quere facer.

123
00:06:58,220 --> 00:07:01,540
Isto é só personalizable a través do portal. Non escribir calquera código para iso.

124
00:07:01,540 --> 00:07:03,990
Entón di: "Pode usar isto por unha semana e, a continuación, ten que compra-lo",

125
00:07:03,990 --> 00:07:07,130
ou pode facer cousas como: "Vostede podería xogar os 3 primeiros niveis deste xogo

126
00:07:07,130 --> 00:07:09,820
"E, a continuación, ten que mercar para acceder o resto."

127
00:07:09,820 --> 00:07:12,310
Podes incluso facer a compra na aplicación, ben, entón pode dicir,

128
00:07:12,310 --> 00:07:17,880
"Temos aventuras ou conxuntos de elementos gráficos ou cousas que son destravados adicionais -

129
00:07:17,880 --> 00:07:21,430
"Máis receitas que son destravados -. Se mercar eses conxuntos estendidos"

130
00:07:21,430 --> 00:07:24,260
E pode facelo todo dentro da aplicación ou xogo en si.

131
00:07:24,260 --> 00:07:26,070
Entón, totalmente de ti, a súa elección.

132
00:07:26,070 --> 00:07:28,070
Hai unha morea de cousas que podes facer na tenda,

133
00:07:28,070 --> 00:07:31,660
e despois, basicamente, está someténdose a unha canle de certificación.

134
00:07:31,660 --> 00:07:35,380
Podemos falar todo sobre iso un pouco máis tarde, pero este é o obxectivo.

135
00:07:35,380 --> 00:07:40,410
Quere comezar o seu programa visibilidade mundial na tenda aquí.

136
00:07:40,410 --> 00:07:44,170
>> De volta á pantalla de inicio aquí, gustaríame lle amosar un pouco máis.

137
00:07:44,170 --> 00:07:50,580
Se eu lanzar estas aplicacións, deixe-me dar un exemplo de algunhas funcionalidades cruz-app aquí.

138
00:07:50,580 --> 00:07:53,070
Para iso, eu vou lanzar Fresh Paint.

139
00:07:53,070 --> 00:07:55,550
Unha cousa que vai ver aquí é cada bit da pantalla,

140
00:07:55,550 --> 00:07:58,040
todos os píxeles da pantalla, vaia para a súa aplicación.

141
00:07:58,040 --> 00:08:01,990
Lonxe van os días en que ten esas fronteiras arredor das fiestras

142
00:08:01,990 --> 00:08:05,120
con moitos botóns que están sempre aí ocupando espazo o tempo.

143
00:08:05,120 --> 00:08:09,430
Agora o que realmente quere estar lonxe diso e só ten o seu contido ser o foco.

144
00:08:09,430 --> 00:08:13,710
Podemos facer cousas con Windows, acceder outros tipos de menús.

145
00:08:13,710 --> 00:08:16,840
Un deles é, en realidade, o que se chama a barra de encantos,

146
00:08:16,840 --> 00:08:18,870
e vén para fóra a partir do lado da pantalla.

147
00:08:18,870 --> 00:08:21,270
Realmente pode pasar rapidamente de lado se ten unha pantalla táctil,

148
00:08:21,270 --> 00:08:24,840
pode botón dereito do rato, se ten un rato, hai un atallo de teclado para el,

149
00:08:24,840 --> 00:08:29,490
sempre hai máis que unha forma de facer algo no ambiente aquí.

150
00:08:29,490 --> 00:08:31,680
Isto trae á luz unha serie de cousas que podes facer.

151
00:08:31,680 --> 00:08:33,870
A máis obvia é que pode volver á pantalla de inicio

152
00:08:33,870 --> 00:08:36,780
pero os outros 4 son o que son chamados de encantos.

153
00:08:36,780 --> 00:08:41,059
Son contratos que pode chamar a como un creador de aplicación. Son moi legal.

154
00:08:41,059 --> 00:08:43,340
Investigación, eu estou seguro que é algo que vai facer,

155
00:08:43,340 --> 00:08:44,950
compartir eu vou lle amosar nun segundo,

156
00:08:44,950 --> 00:08:48,450
e Dispositivos e Configuración, estas son todas as cousas que a súa aplicación pode conectar a

157
00:08:48,450 --> 00:08:51,960
para alavancar Windows, para dicir: "Eu fixen a miña parte

158
00:08:51,960 --> 00:08:54,700
"E quero Windows para soportar algunhas outras funcións,

159
00:08:54,700 --> 00:08:56,750
"E eu non quero escribir unha morea de código para facer isto acontecer."

160
00:08:56,750 --> 00:08:59,480
Isto é realmente un beneficio de usar estes recursos.

161
00:08:59,480 --> 00:09:01,340
Deixe-me amosar-lle unha.

162
00:09:01,340 --> 00:09:05,170
Para iso, eu vou facer unha nova pintura.

163
00:09:05,170 --> 00:09:08,240
Tamén falei sobre o uso de cada pixel para o seu programa.

164
00:09:08,240 --> 00:09:11,850
Por defecto, iso é o que a aplicación de pintura parece cando está a usar.

165
00:09:11,850 --> 00:09:14,960
É realmente só sobre o que está deseñando, o seu contido.

166
00:09:14,960 --> 00:09:20,850
Podería facer cousas horribles aquí. Que debo debuxar? Eu non sei.

167
00:09:20,850 --> 00:09:23,110
Rabiscos? Oh, xenial. Eu podo facer garabatos. Fantástico.

168
00:09:23,110 --> 00:09:25,130
Un pavo? [Risas]

169
00:09:25,130 --> 00:09:28,500
Este é o pavo máis abstracto que vai ver.

170
00:09:28,500 --> 00:09:31,780
Eu tamén pode traer á tona o que se chama a barra de aplicacións,

171
00:09:31,780 --> 00:09:33,850
e iso é realmente unha das principais formas que pode usar

172
00:09:33,850 --> 00:09:37,210
para ocultar todas as cousas que podería ser no seu programa ou xogo antes

173
00:09:37,210 --> 00:09:39,570
só ocupando espazo o tempo.

174
00:09:39,570 --> 00:09:43,270
Entón, agora pode poñelas aquí, e iso é realmente unha das máis belas experiencias

175
00:09:43,270 --> 00:09:46,380
coa barra de aplicacións que eu xa vin.

176
00:09:46,380 --> 00:09:48,800
Pon as opcións aquí para seleccionar cores diferentes.

177
00:09:48,800 --> 00:09:54,310
Queriamos un pavo, polo que imos poñer un pouco de marrón aquí, comezar a mesturar nun par de cores.

178
00:09:54,310 --> 00:09:58,790
Imos dar unha cor intermedia aquí e despois volva aquí.

179
00:09:58,790 --> 00:10:02,990
Pode comezar a debuxar. Aí está o pavo. Fantástico.

180
00:10:02,990 --> 00:10:07,660
Non sei debuxar, para comezar, pero facelo cun touchpad diante dunha audiencia é aínda mellor.

181
00:10:07,660 --> 00:10:09,640
Isto é incrible.

182
00:10:09,640 --> 00:10:13,030
A idea, con todo, é todo o que me interesa é aquí na superficie.

183
00:10:13,030 --> 00:10:17,060
Imos dicir que eu estou tan contento con este que eu teño que compartilo con alguén.

184
00:10:17,060 --> 00:10:19,680
Normalmente o que faría con outras versións de Windows,

185
00:10:19,680 --> 00:10:22,900
quizais tomar unha captura de pantalla, faría algún copy-paste do texto

186
00:10:22,900 --> 00:10:24,950
ou cousas do tipo que quere compartir a fóra,

187
00:10:24,950 --> 00:10:27,260
e despois ir e abrir outra aplicación e poñelas para el.

188
00:10:27,260 --> 00:10:28,630
Aquí non ten que facelo.

189
00:10:28,630 --> 00:10:32,400
Pode realmente traer para fóra da barra de encantos e dicir: "quero compartir iso."

190
00:10:32,400 --> 00:10:35,000
Neste momento el vai amosar todas as aplicacións

191
00:10:35,000 --> 00:10:38,080
que sabe como traballar co que está a ser compartido.

192
00:10:38,080 --> 00:10:41,590
Neste caso é unha imaxe, de xeito que vai dicir: "Eu vexo que ten unha imaxe."

193
00:10:41,590 --> 00:10:45,590
"Quere compartir isto?" Podes ver que eu enviar correo-e me encher o tempo.

194
00:10:45,590 --> 00:10:49,420
El recoñece que, e iso está me ofrecendo isto como un atallo,

195
00:10:49,420 --> 00:10:53,270
pero é tamén me mostrando todas as aplicacións que sabe como xestionar a toma de unha foto

196
00:10:53,270 --> 00:10:55,520
e facer algo con el.

197
00:10:55,520 --> 00:10:57,890
Estes foron nomeados para Windows que pode facelo.

198
00:10:57,890 --> 00:10:59,240
Neste momento este é o Windows.

199
00:10:59,240 --> 00:11:01,680
O usuario só escolle o que quere facer con el.

200
00:11:01,680 --> 00:11:06,610
Vou facer o meu habitual de PuzzleTouch. Podes ver que eu creei todo tipo de crebacabezas co paso do tempo.

201
00:11:06,610 --> 00:11:11,790
Vou levar PuzzleTouch e dicir: "Eu quero compartir esta creación incrible con PuzzleTouch".

202
00:11:11,790 --> 00:11:16,670
Vai a ir adiante e dicir: "Moi ben. Quere compartir isto? Fantástico".

203
00:11:16,670 --> 00:11:19,260
"Quere facer un puzzle que é doado, intermedio, o que quere?"

204
00:11:19,260 --> 00:11:20,800
Vou facer un intermediario aquí.

205
00:11:20,800 --> 00:11:24,890
Isto fai o puzzle. Vai ser un puzzle terrible, porque é na maior parte en branco.

206
00:11:24,890 --> 00:11:28,100
Pero el está listo, e é realmente de volta no outro programa.

207
00:11:28,100 --> 00:11:32,360
Se eu saír de aquí, podo buscalo e lanzalo.

208
00:11:32,360 --> 00:11:38,100
Agora, se rolar un pouco aquí, hai que ver a miña creación en algún lugar.

209
00:11:38,100 --> 00:11:42,930
Onde é que eu vou? Que tipo de puzzle que eu fixen? Eu facelo doado?

210
00:11:42,930 --> 00:11:46,110
Oh, alí está el, alí mesmo.

211
00:11:46,110 --> 00:11:49,550
[Risas] É o puzzle de pavo facilmente recoñecible que está aquí.

212
00:11:49,550 --> 00:11:52,360
Pero a cousa que quero recordar-lle, a cousa legal aquí

213
00:11:52,360 --> 00:11:54,710
se as aplicacións non sabía nada sobre o outro.

214
00:11:54,710 --> 00:11:58,740
Eles só dixo: "Eu teño unha foto para compartir, e sei como xestionar as imaxes."

215
00:11:58,740 --> 00:12:01,420
E vostede como un creador, non ten que escribir este código.

216
00:12:01,420 --> 00:12:05,350
Cando alguén me pide para compartir, eu vou poñer algúns datos a esta estrutura de datos pouco

217
00:12:05,350 --> 00:12:06,740
e eu son feito.

218
00:12:06,740 --> 00:12:10,990
A outra aplicación asume, fai a súa cousa, e iso é o fin da posta en común de experiencias.

219
00:12:10,990 --> 00:12:14,550
Isto é só unha cousa que podes facer - moi, moi poderoso -

220
00:12:14,550 --> 00:12:17,570
e iso vai ser unha desas cousas que realmente podería axudar a diferenciar a súa aplicación

221
00:12:17,570 --> 00:12:20,090
e tamén o seu partido tamén na tenda.

222
00:12:20,090 --> 00:12:22,220
As persoas van ser capaces de dicir: "Isto é realmente útil."

223
00:12:22,220 --> 00:12:25,430
"Eu uso este creador de puzzle o tempo. É fantástico."

224
00:12:25,430 --> 00:12:30,490
>> Iso é o suficiente de un breve resumo do que está pasando aquí.

225
00:12:30,490 --> 00:12:33,670
Hai un par de outras características tamén que quizais imos destacar coma nós atravesamos código.

226
00:12:33,670 --> 00:12:37,710
Pero quero mergullo en diapositivas, e para facelo, eu estou indo a ir ao escritorio,

227
00:12:37,710 --> 00:12:40,940
que é en si unha pedra en directo aquí.

228
00:12:40,940 --> 00:12:43,840
Eu podo ir para iso e, con certeza, eu estou nos meus diapositivas,

229
00:12:43,840 --> 00:12:46,320
pero deixe-me amosar-lle realmente onde estamos.

230
00:12:46,320 --> 00:12:48,460
Estamos realmente en modo escritorio.

231
00:12:48,460 --> 00:12:52,580
Isto é realmente onde o que eu estaba dicindo antes sobre Windows levar adiante

232
00:12:52,580 --> 00:12:54,850
a novas experiencias se mostra.

233
00:12:54,850 --> 00:12:56,450
Este é o Windows, vostede sabe.

234
00:12:56,450 --> 00:12:59,730
Aplicacións de Windows son chamados de aplicacións de escritorio. Eles corren aquí.

235
00:12:59,730 --> 00:13:02,730
Se ten aplicacións existentes e quere executa-los en Windows 8,

236
00:13:02,730 --> 00:13:04,710
podes perfectamente facelo.

237
00:13:04,710 --> 00:13:07,590
Estas non son as mesmas cousas que as aplicacións de tendas, que están aquí,

238
00:13:07,590 --> 00:13:12,240
como pintura e estas aplicacións NBC News e cousas así. Aqueles virá da tenda.

239
00:13:12,240 --> 00:13:14,450
Poden chamar a algunhas das características que eu estaba mostrándolle

240
00:13:14,450 --> 00:13:16,620
e outros que eu non mostre aínda.

241
00:13:16,620 --> 00:13:21,460
Pero só manter isto presente. Temos soporte para ambas cousas tamén.

242
00:13:21,460 --> 00:13:27,000
Sinto moito. É algo que non mostra na pantalla? Eu perdín por completo. Isto é raro.

243
00:13:29,000 --> 00:13:31,000
Okay. Grazas por apuntar isto.

244
00:13:31,000 --> 00:13:34,770
O que non viu por un tempo é o meu mostrando que o ambiente de traballo é aquí.

245
00:13:34,770 --> 00:13:37,540
Cal é a última cousa que viu? Viu isto?

246
00:13:37,540 --> 00:13:39,490
Esta é a área de traballo. Xa sabe o que parece.

247
00:13:39,490 --> 00:13:42,070
Non é nada terrible inusual.

248
00:13:42,070 --> 00:13:46,940
É a nosa realización desta experiencia para adiante para ti e deixar usar as cousas que tivo.

249
00:13:46,940 --> 00:13:50,460
Por exemplo, eu vou amosar-lle o Visual Studio. Esta é unha aplicación de escritorio.

250
00:13:50,460 --> 00:13:52,600
Correrá neste modo.

251
00:13:52,600 --> 00:13:54,960
Vai apoiar un ambiente máis complexo

252
00:13:54,960 --> 00:14:01,470
con unha morea de opcións e cousas así, entón pasa a ser unha boa opción como unha aplicación de escritorio.

253
00:14:01,470 --> 00:14:04,810
>> Dito isto, imos aos diapositivas para algo

254
00:14:04,810 --> 00:14:09,720
e darlle algún contido introdutorio e, a continuación, entrar na realidade de codificación aquí.

255
00:14:09,720 --> 00:14:14,070
A boa noticia é que eu oín que está concentrando en unha morea de CSS e JavaScript, HTML.

256
00:14:14,070 --> 00:14:18,110
Todas esas cousas que está a aprender transportar directamente para facer o Windows tenda de aplicacións.

257
00:14:18,110 --> 00:14:22,920
As cousas que ten oído sobre a aplicación de selectores CSS e todas aquelas cousas

258
00:14:22,920 --> 00:14:27,180
é o que fai para crear unha aplicación aquí para a tenda.

259
00:14:27,180 --> 00:14:29,640
Nós imos pasar por estes cousas aos poucos.

260
00:14:29,640 --> 00:14:34,130
Basicamente, eu estou construíndo sobre as cousas que xa tivese tempo para aprender.

261
00:14:34,130 --> 00:14:36,520
Este é o marco xeral das tecnoloxías que pode usar

262
00:14:36,520 --> 00:14:38,790
para facer aplicacións para Windows 8.

263
00:14:38,790 --> 00:14:42,840
O material sobre a dereita, as aplicacións de escritorio, é realmente o que nós xa sabemos.

264
00:14:42,840 --> 00:14:46,840
Iso é unha cousa que é realmente o Windows 7 mundo traspostos para Windows 8.

265
00:14:46,840 --> 00:14:51,920
Todas estas opcións transportan: C #, VB, tipo Win32 do desenvolvemento.

266
00:14:51,920 --> 00:14:54,450
Grande. Sen problemas. O novo material está no lado da man esquerda.

267
00:14:54,450 --> 00:14:58,220
Iso é o Windows tenda de aplicacións, que é cando quero facer a miña petición con fío en Windows 8

268
00:14:58,220 --> 00:15:02,300
utilizando todos os recursos, obtelo na tenda, e teña esta experiencia moi legal

269
00:15:02,300 --> 00:15:05,260
das aplicacións de Windows Store.

270
00:15:05,260 --> 00:15:10,350
Para iso, podes ver aquí que ten todas as súas opcións con XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, podería facer DirectX, cousas así, cousas que van máis alá do foto.

272
00:15:14,100 --> 00:15:18,650
Pero para nós, que imos centrar ben na o feito de que o HTML, CSS e JavaScript

273
00:15:18,650 --> 00:15:22,890
son realmente un cidadán de primeira clase para facer aplicacións para Windows 8

274
00:15:22,890 --> 00:15:24,960
e para a Windows Store.

275
00:15:24,960 --> 00:15:27,950
Entón, iso é bo para todos aquí e as persoas asistir en vídeo

276
00:15:27,950 --> 00:15:30,760
porque pode só aproveitar todas esas experiencias que ten

277
00:15:30,760 --> 00:15:33,900
e realmente amarre en que Windows ofrece.

278
00:15:33,900 --> 00:15:37,870
Vai facelo por medio dun conxunto de APIs, que debe ser ningunha sorpresa.

279
00:15:37,870 --> 00:15:39,920
Cada OS ten as súas propias APIs

280
00:15:39,920 --> 00:15:43,530
Expomos o que Windows pode facer a través do que se chama WinRT.

281
00:15:43,530 --> 00:15:46,370
É un conxunto de APIs que só fai todo para ti.

282
00:15:46,370 --> 00:15:51,650
Se precisa abrir ficheiros, ten que utilizar a cámara, xeolocalización, cousas así,

283
00:15:51,650 --> 00:15:55,700
eles pasan por o que Windows pode ofrecer para ti.

284
00:15:55,700 --> 00:15:59,370
Para acceder tanto, temos un pouco máis de JavaScript que vai facelo aínda máis doado

285
00:15:59,370 --> 00:16:02,510
para lle facer iso. Nós imos chegar a iso nun momento.

286
00:16:02,510 --> 00:16:04,060
Pero, polo de agora, iso é basicamente o seu guión.

287
00:16:04,060 --> 00:16:06,770
As cousas que xa vén facendo enriba dalgunhas APIs

288
00:16:06,770 --> 00:16:11,280
que axudan a traballar con Windows é igual a App Store.

289
00:16:11,280 --> 00:16:14,210
E iso é realmente todo o que tes que saber do alto nivel.

290
00:16:14,210 --> 00:16:17,370
>> Imos mergullo en realidade, traballar coas cousas agora.

291
00:16:18,940 --> 00:16:21,950
As cousas que probablemente xa viu unha morea de,

292
00:16:21,950 --> 00:16:26,760
IE9 cun pouco tempo nós introduciu soporte para unha morea de, na época,

293
00:16:26,760 --> 00:16:30,340
normas máis recentes da web, de xeito que unha gran cantidade de novas características de estilo CSS,

294
00:16:30,340 --> 00:16:34,380
unha morea de novo HTML, ECMAScript 5, o que é moi JavaScript.

295
00:16:34,380 --> 00:16:38,090
Entón, todo para que, excepto a modo estricto estaba no IE9.

296
00:16:38,090 --> 00:16:42,290
Só unha tonelada de cousas con CSS, CSS3, todo alí dentro.

297
00:16:42,290 --> 00:16:45,300
E todo iso leva adiante para o que estamos facendo con Windows 8.

298
00:16:45,300 --> 00:16:49,350
Podes usar estas cousas, e pode usar todo o que hai de novo no IE10.

299
00:16:49,350 --> 00:16:54,640
Con IE10 introducimos soporte para todas esas cousas tamén.

300
00:16:54,640 --> 00:16:59,340
Están todos con aceleración de hardware, polo que, se está en unha máquina que ten algún tipo de GPU,

301
00:16:59,340 --> 00:17:04,190
que pode ser moi cada máquina que podería comezar nos últimos 8 anos,

302
00:17:04,190 --> 00:17:07,609
vai ser capaz de ter saída de aceleración de hardware,

303
00:17:07,609 --> 00:17:11,770
produción visual con CSS, Canvas, SVG.

304
00:17:11,770 --> 00:17:14,339
Todas esas cousas van pasar por aceleración de hardware

305
00:17:14,339 --> 00:17:16,060
e que ser moito máis rápido e máis eficiente.

306
00:17:16,060 --> 00:17:20,440
A versión curta de todo isto - eu non vou pasar por cada cousa por aquí -

307
00:17:20,440 --> 00:17:23,200
se velo nesta lista, se pode facelo no IE10,

308
00:17:23,200 --> 00:17:25,650
se é unha aplicación web que está executando que funciona en IE10,

309
00:17:25,650 --> 00:17:28,640
é algo que se pode facer como unha aplicación de Windows Store.

310
00:17:28,640 --> 00:17:33,100
E iso é moi bonito iso. Entón, se funciona no IE10, que vai funcionar como unha aplicación de Windows Store.

311
00:17:33,100 --> 00:17:36,370
É sobre a mesa como algo que podería usar.

312
00:17:36,370 --> 00:17:40,510
>> Hai moita cousa aquí. Non temos ata medianoite, entón eu non podo revisar todo aquí.

313
00:17:40,510 --> 00:17:44,060
Pero hai algúns sitios que van axudar a entender o que estas cousas poden facer,

314
00:17:44,060 --> 00:17:45,520
e eu vou lle amosar un deles nun segundo.

315
00:17:45,520 --> 00:17:48,410
Eu só quería destacar algunhas das principais cousas que podes ollar.

316
00:17:48,410 --> 00:17:51,560
Poida que xa teña visto algúns deles nos seus estudos,

317
00:17:51,560 --> 00:17:56,610
pero estes son realmente útiles, en particular con Windows tenda de aplicacións, ao lado da CSS.

318
00:17:56,610 --> 00:18:02,420
Polo tanto, ser capaz de facer as transformacións e transicións, proporcionan un movemento con animacións -

319
00:18:02,420 --> 00:18:07,010
estes son todos parte CSS agora, e eles están todos compatibles con navegadores modernos,

320
00:18:07,010 --> 00:18:11,370
e IE10 e IE9 ter engadido soporte ao longo do tempo para todas estas cousas.

321
00:18:11,370 --> 00:18:15,220
E entón por que gravala-lo só, por que pasar por todo o traballo de facer isto coa man

322
00:18:15,220 --> 00:18:19,970
cando podería utilizar transformar un simple CSS para crear un efecto 3D para a súa aplicación?

323
00:18:19,970 --> 00:18:22,740
Grande. É así que funciona.

324
00:18:22,740 --> 00:18:24,530
Eu non podo facelo máis difícil do que iso.

325
00:18:24,530 --> 00:18:28,330
Se sabe como facelo en CSS, xa sabe como facelo na aplicación Windows Store.

326
00:18:28,330 --> 00:18:32,080
>> Indo alén de que, para esquema, cousas como mesmo a App Store,

327
00:18:32,080 --> 00:18:35,350
pero indo ademais, buscando quizais unha aplicación de noticias que está mostrándolle artigos

328
00:18:35,350 --> 00:18:40,160
ou ingresos ou cousas así, eses outros tipos de recursos do CSS son realmente útiles:

329
00:18:40,160 --> 00:18:45,610
Reixa, Flexbox, CSS Rexións é un moi novo estándar tamén.

330
00:18:45,610 --> 00:18:51,190
Esas cousas son todos os que van axudar a pór para fóra o contido e fluxo de contido entre as seccións,

331
00:18:51,190 --> 00:18:55,470
ser capaz de facer paxinación e hifenização, sen lle ter que escribir as cousas só.

332
00:18:55,470 --> 00:18:57,500
Acaba de dicir: "Por favor, faga o seguinte para min"

333
00:18:57,500 --> 00:19:00,850
e como o real da pantalla é diferente en diferentes máquinas

334
00:19:00,850 --> 00:19:03,850
ou como podes ver en un momento, como aproveitar unha aplicación

335
00:19:03,850 --> 00:19:07,920
ter menor cantidade de espazo na pantalla, iso non é problema para CSS.

336
00:19:07,920 --> 00:19:11,160
Pode sacar proveito - we'll talk sobre consultas de medios nun segundo -

337
00:19:11,160 --> 00:19:15,880
pode coidar das cousas co reposicionamento do seu contido, que flúe de contidos desde rexións

338
00:19:15,880 --> 00:19:21,240
só con esas cousas que xa pode ver con tecnoloxía web.

339
00:19:21,240 --> 00:19:25,470
>> No lado do HTML5, tamén hai unha morea de cousas

340
00:19:25,470 --> 00:19:28,140
que será moi útil para ti con Windows tenda de aplicacións.

341
00:19:28,140 --> 00:19:30,980
Unha vez máis, nós non imos pasar por todo iso, pero son só aquí.

342
00:19:30,980 --> 00:19:35,470
Entón, se precisa usalo, de audio e vídeo, se quere facer a validación de formularios,

343
00:19:35,470 --> 00:19:40,570
xeolocalización, todas as cousas que podes facer en JavaScript con JavaScript 5 ou ECMAScript 5,

344
00:19:40,570 --> 00:19:44,070
IndexedDB para almacenamento local - estas son todas as opcións para ti.

345
00:19:44,070 --> 00:19:49,300
Se está a buscar unha resposta, basta ollar para as tecnoloxías existentes con HTML5 e CSS

346
00:19:49,300 --> 00:19:53,880
e vai atopar respostas máis fácil do que ter que rodar unha morea de cousas que vostede mesmo.

347
00:19:53,880 --> 00:19:55,510
Déixeme lle amosar algo aquí.

348
00:19:55,510 --> 00:19:57,920
Eu teño un sitio web que pode ir.

349
00:19:57,920 --> 00:20:01,590
Déixeme saír fóra deste foto por un segundo.

350
00:20:01,590 --> 00:20:06,450
>> Se saír para IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Eu non vou facer moito dunha demostración aquí.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com está realmente mostrándolle moito do que hai de novo no IE10,

353
00:20:14,360 --> 00:20:16,220
as cousas que podes facer.

354
00:20:16,220 --> 00:20:19,130
Creo que iso é moi útil, xa que en vez de ler a través de unha chea de papeis brancos,

355
00:20:19,130 --> 00:20:23,020
ollar algunhas demos, e que vai axudar a poñer-lo no seu propio radar persoal

356
00:20:23,020 --> 00:20:26,620
sobre se a tecnoloxía ten sentido mesmo facer calquera investigación máis con

357
00:20:26,620 --> 00:20:29,070
así vai entender ", eu vexo o que iso é para".

358
00:20:29,070 --> 00:20:32,780
"Eu entendo o cadro de solicitude de Animación fai por min."

359
00:20:32,780 --> 00:20:36,900
"Eu entendo como eu podería usar Rexións ou filtros SVG."

360
00:20:36,900 --> 00:20:40,190
Ve-los en acción, velos nun exemplo aquí,

361
00:20:40,190 --> 00:20:44,930
e decidir por si mesmo se isto vai ser útil para ti nos seus propios proxectos e ademais

362
00:20:44,930 --> 00:20:47,840
como continuar a traballar coa tecnoloxía web.

363
00:20:47,840 --> 00:20:49,900
Aquí eu só ía encouraged-lo a un ollo.

364
00:20:49,900 --> 00:20:52,880
Eu non creo que vou gastar moito tempo, en realidade, a executar estes.

365
00:20:52,880 --> 00:20:56,030
Temos o suficiente para mostrar con código escrito.

366
00:20:56,030 --> 00:21:01,640
Vai ver aquí as cousas a partir de efectos de chamada para xogos baseados en tocar nesa sección,

367
00:21:01,640 --> 00:21:06,050
animación, moi rápido animación acelerada por hardware alí,

368
00:21:06,050 --> 00:21:11,230
algunhas optimizacións que podes ver en algunhas destas mostras, así como,

369
00:21:11,230 --> 00:21:12,770
e hai moitos, moitos máis.

370
00:21:12,770 --> 00:21:15,330
Se pasar por riba aquí e abrir o mapa do sitio,

371
00:21:15,330 --> 00:21:19,070
hai só un número ridículo de mostras aquí.

372
00:21:19,070 --> 00:21:20,690
Podes ve-los todos aquí.

373
00:21:20,690 --> 00:21:22,900
Se está mirando para algo ou escoitou falar de algo

374
00:21:22,900 --> 00:21:25,850
e está a se pregunta se cadra iso sería algo legal para usar na aplicación,

375
00:21:25,850 --> 00:21:31,720
tente ollar aquí, e probablemente hai unha boa demostración de que para salvar-se algún tempo.

376
00:21:31,720 --> 00:21:35,980
>> Ok? Todas as preguntas ata agora para a xente aquí?

377
00:21:35,980 --> 00:21:39,620
Okay. Nós imos seguir aquí.

378
00:21:39,620 --> 00:21:41,920
De novo, só tes que comprobar iso.

379
00:21:41,920 --> 00:21:45,450
Son os estándares web, entón vai a outros sitios de vitrina que sabe de

380
00:21:45,450 --> 00:21:50,550
e ver se estas tecnoloxías teñen sentido para o que estás a facer.

381
00:21:50,550 --> 00:21:53,190
>> Voltar diapositivas.

382
00:21:53,190 --> 00:22:00,290
Dito isto, se está movendo dun mundo web realmente un mundo de aplicación local instalado,

383
00:22:00,290 --> 00:22:01,850
polo que hai algunhas cousas a apuntar aquí.

384
00:22:01,850 --> 00:22:03,690
Primeiro de todo, non hai ningún servidor web utilizada aquí.

385
00:22:03,690 --> 00:22:06,120
Non hai Apache, non hai IIS rodando aquí

386
00:22:06,120 --> 00:22:10,170
servindo-se as páxinas dun cliente remoto, a un axente navegador remoto.

387
00:22:10,170 --> 00:22:13,000
Neste caso, realmente todo é embalado para ti.

388
00:22:13,000 --> 00:22:16,630
Vostede alegan que como a aplicación para a tenda, é certificado,

389
00:22:16,630 --> 00:22:22,190
é na tenda, e entón a xente aos miles instalará o seu xogo ou aplicación.

390
00:22:22,190 --> 00:22:24,780
Pero, basicamente, están tirando para abaixo localmente para a súa máquina.

391
00:22:24,780 --> 00:22:29,080
Non hai necesidade de saír á web máis menos que teña as chamadas que precisan dunha API remota,

392
00:22:29,080 --> 00:22:31,790
e iso é perfectamente normal, así tamén.

393
00:22:31,790 --> 00:22:35,330
Pero eles non van estar neste modo en que eles teñen que ir de resposta á petición dun servidor

394
00:22:35,330 --> 00:22:37,910
para obter a seguinte páxina do seu contido.

395
00:22:37,910 --> 00:22:41,380
Entón, o que dixen, hai algunhas diferenzas API menores. Estas son moi pequenas.

396
00:22:41,380 --> 00:22:46,850
Eles é improbable bate-lo na súa codificación normal, pero son, polo menos documentada.

397
00:22:46,850 --> 00:22:50,030
Son o tipo de bordo casos.

398
00:22:50,030 --> 00:22:53,370
>> A outra cousa que vale resaltar é a diferenza de confianza.

399
00:22:53,370 --> 00:22:58,070
Eu só mencionei iso porque eu só quero que seguro que eu dixen iso

400
00:22:58,070 --> 00:23:01,580
por iso, se ten máis tarde, vai pensar ", dixo Chris algo sobre iso,

401
00:23:01,580 --> 00:23:04,890
"Quizais por iso, si, todo ben", e entón vai cara atrás e descubrir o que era.

402
00:23:04,890 --> 00:23:06,480
Contextos importa.

403
00:23:06,480 --> 00:23:11,450
Por defecto, tentamos protexer o usuario de vectores de ataque.

404
00:23:11,450 --> 00:23:13,400
Hai certas cousas que podes facer por defecto

405
00:23:13,400 --> 00:23:16,130
e certas cousas que precisa cambiar de contexto para activar.

406
00:23:16,130 --> 00:23:19,860
Como está a usar algunhas bibliotecas por aí - xa foi traballar con jQuery,

407
00:23:19,860 --> 00:23:23,650
pero se ollar para outras bibliotecas por aí - podes estar a usar algunhas funcións

408
00:23:23,650 --> 00:23:28,000
este tipo de uso vai alén do lugar, non interaccións máis dinámicas

409
00:23:28,000 --> 00:23:30,360
Solicitudes XHR, cousas dese tipo.

410
00:23:30,360 --> 00:23:33,090
Ás veces pode atopar aqueles será desactivado por defecto,

411
00:23:33,090 --> 00:23:37,790
e, nese caso, só tes que facer unha busca, ollar para o contexto local e web,

412
00:23:37,790 --> 00:23:39,560
e vai descubrir como fixar iso.

413
00:23:39,560 --> 00:23:42,580
Só asegúrese de que sabía sobre iso cando comeza a usar outros frameworks,

414
00:23:42,580 --> 00:23:45,720
que, debo mencionar, é perfectamente capaz de facer.

415
00:23:45,720 --> 00:23:49,290
Entón, se atopa algún outro cadro - we'll talk sobre iso nun segundo -

416
00:23:49,290 --> 00:23:54,000
para xogos e quere usalo, quere empregar as bibliotecas de control que están aí fóra

417
00:23:54,000 --> 00:23:57,990
e non quere escribir as cousas que mesmo - é unha boa idea, non é? -

418
00:23:57,990 --> 00:23:59,560
podes perfectamente usar este material.

419
00:23:59,560 --> 00:24:03,660
Non hai nada que che impide utilizar calquera tipo de biblioteca que está baseado en JavaScript,

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

421
00:24:05,380 --> 00:24:09,740
Unha vez máis, se é algo que pode facer no IE10, que é unha peza de unha morea estes días,

422
00:24:09,740 --> 00:24:11,220
podes facelo.

423
00:24:11,220 --> 00:24:14,800
Puxe-o no seu programa, referencia esta biblioteca JavaScript, e usalo na súa aplicación,

424
00:24:14,800 --> 00:24:19,880
só manter presente que pode bater un contexto de seguranza de cando en vez - non moi a miúdo.

425
00:24:19,880 --> 00:24:24,150
>> E, a continuación, as características, imos pasar por riba de un pouco máis dos que nós imos.

426
00:24:24,150 --> 00:24:27,500
O UX vai tipo de habituar-se como se pode ver máis e máis aplicacións

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

428
00:24:29,250 --> 00:24:33,870
Vostede ter unha idea de como eles funcionan e como a estética de deseño tende a funcionar

429
00:24:33,870 --> 00:24:37,720
en diferentes aplicacións e que as persoas van ser empregado para probar.

430
00:24:37,720 --> 00:24:39,660
Esta é realmente a parte máis importante.

431
00:24:39,660 --> 00:24:42,460
Asegúrese de que, cando o lume ata a aplicación que non ten que ler un manual,

432
00:24:42,460 --> 00:24:44,300
que nunca fan, polo xeito.

433
00:24:44,300 --> 00:24:46,650
Deben só ser capaz de comezar a xogar a súa solicitude

434
00:24:46,650 --> 00:24:49,450
e descubrir que sen moita dificultade.

435
00:24:49,450 --> 00:24:52,660
Furando e unirse a unha gran cantidade destas prácticas,

436
00:24:52,660 --> 00:24:57,640
vai facer os seus usuarios un gran favor, facendo isto máis doado.

437
00:24:57,640 --> 00:25:01,810
>> Okay. Unha última cousa do lado da API e despois imos entrar realmente escribir código.

438
00:25:01,810 --> 00:25:05,660
WinJS é a cousa que eu mencionen moi brevemente con este slide complexo

439
00:25:05,660 --> 00:25:08,850
con todas estas diferentes opcións que ten para facer aplicacións.

440
00:25:08,850 --> 00:25:10,890
WinJS, pode pensar niso como un amigo.

441
00:25:10,890 --> 00:25:13,680
É o seu amigo para axudar a escribir cousas máis rapidamente.

442
00:25:13,680 --> 00:25:18,820
É só JavaScript e CSS. Non ten que usalo. Pode usalo.

443
00:25:18,820 --> 00:25:22,180
Se vai estar chamando para recursos de Windows, vai acabar usando-o,

444
00:25:22,180 --> 00:25:27,210
pero se hai cousas como algúns patróns de deseño ou controis que realmente non quere usar,

445
00:25:27,210 --> 00:25:29,090
quere usar outra cousa, cómpre a vostede.

446
00:25:29,090 --> 00:25:32,580
Decida o que quere empregar e os estilos que quere usar.

447
00:25:32,580 --> 00:25:37,250
As características de namespacing e clase xeración - ata.

448
00:25:37,250 --> 00:25:41,650
Se prefire un ou outro, será o súa elección. Aínda é JavaScript e CSS.

449
00:25:41,650 --> 00:25:43,860
Pero iso vai axudar a facer unha chea de cousas.

450
00:25:43,860 --> 00:25:47,780
Por exemplo, aquí está un subconxunto do que pode facer,

451
00:25:47,780 --> 00:25:50,790
cousas como axudar programación asíncrono con promesas.

452
00:25:50,790 --> 00:25:54,000
Calquera de vós escoitou falar ou traballou co Node.js?

453
00:25:54,000 --> 00:25:59,520
É un estándar común para traballar con programación asíncrono.

454
00:25:59,520 --> 00:26:02,370
Entón, basicamente, o que está dicindo é: "Vaia facer algo,

455
00:26:02,370 --> 00:26:05,790
"E me vai dar unha promesa de que vai volver para min cando está feito."

456
00:26:05,790 --> 00:26:08,400
Isto é esencialmente o que está pasando.

457
00:26:08,400 --> 00:26:12,400
Entón non conxelar a súa aplicación mentres o usuario vai e elixir un ficheiro

458
00:26:12,400 --> 00:26:15,810
ou algo está a ser transmitido abaixo dende a web.

459
00:26:15,810 --> 00:26:17,210
A interface de usuario segue a responder.

460
00:26:17,210 --> 00:26:19,410
E pode facelo empregando a programación asíncrono.

461
00:26:19,410 --> 00:26:23,620
Parece ridiculamente complexo, pero é moi doado, porque está a usar promesas

462
00:26:23,620 --> 00:26:27,900
e que acaba de dicir: "Vaia facer, e cando estea listo, chamar de volta a este método."

463
00:26:27,900 --> 00:26:30,270
Isto é moi bonito iso. Isto é todo embutido no WinJS.

464
00:26:30,270 --> 00:26:35,120
Vai facelo moito máis doado escribir aplicacións realmente flexibles e poderosas.

465
00:26:35,120 --> 00:26:37,870
>> Podes ver o resto aquí, unha chea de animacións.

466
00:26:37,870 --> 00:26:41,240
Probablemente, unha das cousas máis importantes sobre este slide son controis.

467
00:26:41,240 --> 00:26:44,680
Creo que teño un todo - si, fago.

468
00:26:44,680 --> 00:26:48,900
Aquí está un exemplo de só algúns dos controis que pode usar nas súas aplicacións.

469
00:26:48,900 --> 00:26:51,060
Isto é todo para arriba de WinJS.

470
00:26:51,060 --> 00:26:53,430
Non está escribindo estes mesmos,

471
00:26:53,430 --> 00:26:55,990
Acaba de dicir: "Aquí está como eu quero compoñer miña candidatura."

472
00:26:55,990 --> 00:26:59,420
"Eu vou usar unha exhibición de virar para que eu poida ir entre os distintos cadros."

473
00:26:59,420 --> 00:27:03,380
Eu non lle mostre Zoom semántica. Eu vou te amosar que en un segundo.

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

475
00:27:05,700 --> 00:27:08,680
Xa viu unha reixa, como parte da aplicación de almacenamento,

476
00:27:08,680 --> 00:27:12,170
co fin de ser capaz de utilizar bloques de contido e desprazamento a través daquel.

477
00:27:12,170 --> 00:27:15,660
Menús despregables verás ao longo do tempo.

478
00:27:15,660 --> 00:27:19,090
O conxunto de aplicacións eu mostre-lle que a aplicación frescos pintura, así como,

479
00:27:19,090 --> 00:27:22,190
entón viu como pode personalizar que, poñendo botóns nel

480
00:27:22,190 --> 00:27:26,360
e ter que esconderse cando non lle importa de usar iso.

481
00:27:26,360 --> 00:27:28,120
Isto é realmente totalmente ata vostede empregar.

482
00:27:28,120 --> 00:27:30,210
Estes son todos os controis que forman parte da WinJS.

483
00:27:30,210 --> 00:27:33,640
Vou amosar-lle como facelo en só un segundo, pero hai máis que iso,

484
00:27:33,640 --> 00:27:37,060
eo máis importante é usalos, se quere, aforrar tempo.

485
00:27:37,060 --> 00:27:40,830
>> Se ten varias bibliotecas de control que desexa usar, que está perfectamente ben tamén.

486
00:27:40,830 --> 00:27:46,300
Cousas como jQuery UI facer unha chea de este tipo de idea, así como,

487
00:27:46,300 --> 00:27:51,280
proporcionando máis controis que se estenden o que pode facer en HTML e JavaScript.

488
00:27:52,690 --> 00:27:55,680
Imos mergullo dentro Eu xa dixo iso. Utilice o que desexa.

489
00:27:55,680 --> 00:27:59,680
Só ten que ter presente que pode funcionar nalgunhas cuestións de contexto.

490
00:27:59,680 --> 00:28:03,380
Pero certamente pode mesturar e combinar todo tipo de bibliotecas que está cómodo con,

491
00:28:03,380 --> 00:28:06,770
quere aprender, quere usar, para salvar-se algún tempo.

492
00:28:06,770 --> 00:28:09,850
>> Imos falar sobre as ferramentas só por un segundo.

493
00:28:09,850 --> 00:28:12,400
Pode obter o que precisa para comezar a traballar con Windows tenda de aplicacións.

494
00:28:12,400 --> 00:28:17,360
Se eu volver, eu teño moitas cousas aquí enriba.

495
00:28:17,360 --> 00:28:21,770
Se vai a esta páxina, que é dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
pode baixar todo o que necesitas.

497
00:28:23,300 --> 00:28:28,170
Como os alumnos, ten acceso a máis do que o público en xeral o fai,

498
00:28:28,170 --> 00:28:30,670
así pode obter versións máis sofisticadas do Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Edwin mencionado xa pode obter o Windows tamén.

500
00:28:34,090 --> 00:28:36,790
Pero, en xeral, para todos os desenvolvedores, pode ir a este sitio web

501
00:28:36,790 --> 00:28:40,380
e baixar todo o que precisa para facer unha proposta, e é todo de balde.

502
00:28:40,380 --> 00:28:42,460
Polo tanto, hai unha versión gratuita do Visual Studio,

503
00:28:42,460 --> 00:28:44,450
hai algunhas ferramentas que serán instalados a carón da que -

504
00:28:44,450 --> 00:28:47,240
todo o que precisa para crear e probar a aplicación.

505
00:28:47,240 --> 00:28:50,130
É só cando vai publicar a súa aplicación ata a tenda

506
00:28:50,130 --> 00:28:52,470
que vai ter unha conta de creador.

507
00:28:52,470 --> 00:28:56,100
Isto tamén eu creo que é gratuíto. É gratuíto para os estudantes tamén? >> [Guarin] Cal?

508
00:28:56,100 --> 00:28:57,970
A conta de creador, a presentación real. >> [Guarin] Si

509
00:28:57,970 --> 00:28:59,580
Esta é unha boa nova.

510
00:28:59,580 --> 00:29:00,840
Vai mirar para iso.

511
00:29:00,840 --> 00:29:03,840
El vai dicir para un individuo por defecto é US $ 49.

512
00:29:03,840 --> 00:29:06,140
Pero non se rexistrar para que, como estudante.

513
00:29:06,140 --> 00:29:10,250
Nós imos aproveitar vostede unha información a través dos seus programas que pode obter unha conta de forma gratuíta,

514
00:29:10,250 --> 00:29:13,980
e que vai deixar a continuación, enviar as súas aplicacións á tenda,

515
00:29:13,980 --> 00:29:17,370
como moitos como lle gusta, e todos os que a bondade seguirán en breve.

516
00:29:17,370 --> 00:29:19,710
Entón, iso é dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Podes baixar as ferramentas que pode ter aquí.

518
00:29:22,170 --> 00:29:25,310
E se o desexa, pode obter unha versión de proba do Windows aquí,

519
00:29:25,310 --> 00:29:27,160
pero, de novo, non vai ter.

520
00:29:27,160 --> 00:29:32,880
>> O outro lugar - déixeme ligar un regalo para fóra para ti rapidamente - é design.windows.com.

521
00:29:32,880 --> 00:29:34,770
Iso foi dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, pode adiviñar o que é para.

523
00:29:37,770 --> 00:29:40,380
En realidade, é un sitio moi agradable. Hai unha morea de boas información aquí.

524
00:29:40,380 --> 00:29:41,770
Pode traballar con el.

525
00:29:41,770 --> 00:29:43,960
Vai dar-lle algúns consellos sobre algunhas cousas

526
00:29:43,960 --> 00:29:46,760
que quizais non teña pensado antes ou tivo que xestionar antes,

527
00:29:46,760 --> 00:29:50,780
como proxecto para o toque, designado para distintos factores de forma,

528
00:29:50,780 --> 00:29:55,310
proxecto para as capacidades de Windows 8, as cousas que eu mencionen antes

529
00:29:55,310 --> 00:29:58,740
como investigación e repartición, algunhas cousas que eu non falei aínda.

530
00:29:58,740 --> 00:30:05,570
Están todos listados aquí, e é un bo conxunto de páxinas de arquivos útiles

531
00:30:05,570 --> 00:30:08,670
que o axudará a entender como facer un determinado tipo de aplicación,

532
00:30:08,670 --> 00:30:14,250
como facer a interacción, como xestionar a interface do usuario e UX da súa aplicación.

533
00:30:14,250 --> 00:30:18,630
Eu recomendo que bótalle un ollo niso, especialmente se está nalgún punto

534
00:30:18,630 --> 00:30:22,960
á espera de publicar unha aplicación para a tenda.

535
00:30:22,960 --> 00:30:25,250
Vai querer saber como facer unha boa aplicación

536
00:30:25,250 --> 00:30:28,300
porque eu mencionen antes, se non fai iso, non hai quen comentarios de novo.

537
00:30:28,300 --> 00:30:29,930
A xente está indo a ser infeliz.

538
00:30:29,930 --> 00:30:32,960
Eles non serán capaces de atopar as cousas que esperan nos lugares determinados.

539
00:30:32,960 --> 00:30:36,590
Ninguén quere que isto ocorre con vostede.

540
00:30:36,590 --> 00:30:39,220
>> Avanzando aquí, déixeme pechar iso.

541
00:30:39,220 --> 00:30:43,700
Agora que sabe onde conseguir as cousas, vou amosar-lle como realmente comezar a usar o material.

542
00:30:43,700 --> 00:30:48,520
Para comezar, eu vou realmente amosar-lle aquí un exemplo de aplicacións de escritorio na pantalla Inicio.

543
00:30:48,520 --> 00:30:53,600
Aquí podes ver o Visual Studio, pode ver Blender e outras ferramentas de desenvolvemento que eu teño.

544
00:30:53,600 --> 00:30:55,890
Teñen unha tella lixeiramente diferente.

545
00:30:55,890 --> 00:30:57,930
Isto porque son aplicacións de escritorio,

546
00:30:57,930 --> 00:31:00,960
e neses casos están todos indo a lanzar de volta para o meu escritorio

547
00:31:00,960 --> 00:31:05,350
realmente só como aplicacións que está acostumado.

548
00:31:05,350 --> 00:31:06,960
Así, a experiencia de Windows, que é o mesmo.

549
00:31:06,960 --> 00:31:12,940
Eles non son, por exemplo, como Armed! ou esas cousas. Permítanme lanzar un rápido.

550
00:31:12,940 --> 00:31:14,340
De feito, aquí está unha pregunta interesante.

551
00:31:14,340 --> 00:31:19,210
Este foi desenvolvido por estudantes que traballan en colaboración con nerd.

552
00:31:19,210 --> 00:31:23,430
Aplicación a pantalla completa, estes tipos de experiencias aquí.

553
00:31:23,430 --> 00:31:26,290
Oh, agradables pantallas de corte e todo tipo de cousas divertidas.

554
00:31:26,290 --> 00:31:34,330
Desenvolveron iso. Tamén podemos amosar a cousa toda, mentres estamos no asunto.

555
00:31:37,510 --> 00:31:41,070
En realidade, eu traballei con eles algo, deulles algúns consellos sobre as cousas

556
00:31:41,070 --> 00:31:44,160
porque estaban facendo Javascript para a súa aplicación.

557
00:31:44,160 --> 00:31:46,460
Por favor, eu non estou tomando crédito polo seu traballo, fixeron todo o traballo.

558
00:31:46,460 --> 00:31:48,990
Eu só dei-lles un pouco de consello aquí e alí,

559
00:31:48,990 --> 00:31:52,400
pero fixeron algunhas grandes cousas usando un front-end JavaScript

560
00:31:52,400 --> 00:31:56,920
e amarre nalgúns motores de física e cousas para facer unha chea de este traballo.

561
00:32:00,120 --> 00:32:03,360
Vai. A ver se isto funciona.

562
00:32:03,360 --> 00:32:07,010
Guau, que aínda funcionaba. Moi ben, moi ben. Pero esa é a idea.

563
00:32:07,010 --> 00:32:09,350
Unha aplicación en pantalla completa, unha experiencia moi boa.

564
00:32:09,350 --> 00:32:14,250
Isto está a apoiar non só o meu rato e pluma se eu tivera cousas así, pero tamén tocar.

565
00:32:14,250 --> 00:32:19,420
Se eu tivese unha pantalla táctil, eu podería só deseñar para el e seguir traballando con isto.

566
00:32:19,420 --> 00:32:21,440
>> Unha cousa que eu non mostrou, ea razón pola que eu estou levando iso

567
00:32:21,440 --> 00:32:23,840
é que eu quería ter outro app para mostrar o que pode facer,

568
00:32:23,840 --> 00:32:29,480
realmente pode tomar aplicacións en Windows e arrastralo los para o lado da pantalla.

569
00:32:29,480 --> 00:32:33,070
Iso é chamado tirando unha aplicación.

570
00:32:33,070 --> 00:32:37,800
Neste caso, eu tomei Inkarus e eu engade-o para o lado aquí.

571
00:32:37,800 --> 00:32:42,990
Está agora en vista Snap, e que me permite facer outra cousa mentres que a aplicación está aí.

572
00:32:42,990 --> 00:32:46,210
A maioría dos xogos que vai atopar vai simplemente facer unha pausa.

573
00:32:46,210 --> 00:32:51,090
Isto adoita ser unha cousa decente a facer a non ser que o seu xogo de algunha maneira pode graduar abaixo

574
00:32:51,090 --> 00:32:54,210
para que os pequenos dunha resolución, como é posible que algún tipo de xogos de mesa

575
00:32:54,210 --> 00:32:55,620
ou cousas así de cando en vez.

576
00:32:55,620 --> 00:32:58,570
Pero, en xeral, a mellor cousa que facer ea cousa máis apropiada a facer para os xogos

577
00:32:58,570 --> 00:33:00,620
é deter a aplicación.

578
00:33:00,620 --> 00:33:09,440
Para aplicacións como novas apps, se eu lanzar un presente e, a continuación, eu encaixar lo,

579
00:33:09,440 --> 00:33:16,170
vai ver que realmente cambia significativamente na forma en que se está presentando os datos para ti.

580
00:33:16,170 --> 00:33:20,070
Aquí está amosando que realmente nunha pota máis vertical que a información,

581
00:33:20,070 --> 00:33:23,340
pero eu aínda podo absolutamente usar a aplicación.

582
00:33:23,340 --> 00:33:25,640
Por iso, aínda é moi útil.

583
00:33:25,640 --> 00:33:29,870
O feito de que está nunha visión menor non me impide usar este app. Entón, pense sobre iso.

584
00:33:29,870 --> 00:33:32,090
É algo que ten que ter as súas aplicacións facer nalgún grao,

585
00:33:32,090 --> 00:33:35,370
pero é ata a determinar como as súas aplicacións funcional debe ser

586
00:33:35,370 --> 00:33:39,080
en que un tipo de ambiente menor.

587
00:33:39,080 --> 00:33:44,780
Déixeme pechar que un baixo e voltar a onde estabamos aquí.

588
00:33:44,780 --> 00:33:48,110
>> Edwin, engadiu unha foto de min xa? >> [Guarin] Yeah. >> [Bowen] Olle para iso.

589
00:33:48,110 --> 00:33:51,510
Ve iso? Edwin engadiu unha foto. [Risas]

590
00:33:51,510 --> 00:33:54,410
>> Imos volver aquí para o Visual Studio. Permítanme presentar isto para vostede.

591
00:33:54,410 --> 00:33:58,170
Podería ter premendo na tella en que a pantalla Inicio.

592
00:33:58,170 --> 00:34:02,630
El me trouxo de volta ao modo de escritorio, e está lanzando a aplicación de escritorio do Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Este é o Windows que xa coñece.

594
00:34:06,790 --> 00:34:09,100
I pode ir adiante e crear un proxecto aquí.

595
00:34:09,100 --> 00:34:11,159
Iremos concentrar novamente en JavaScript, HTML.

596
00:34:11,159 --> 00:34:16,510
Vou saír e seleccionar até aquí baixo JavaScript, Windows Store.

597
00:34:16,510 --> 00:34:19,010
Hai unha serie de modelos que pode usar.

598
00:34:19,010 --> 00:34:21,710
Para a productividade, eu recomendo que bótalle un ollo a algunhas desoutras aquí

599
00:34:21,710 --> 00:34:23,489
como a reixa e Split.

600
00:34:23,489 --> 00:34:25,270
Son realmente útiles se está facendo unha aplicación

601
00:34:25,270 --> 00:34:28,960
que vai ter este tipo de deseño e navegación. Vai ver estes moito.

602
00:34:28,960 --> 00:34:33,070
O que eu acabo de demostrar era en realidade unha instancia da aplicación Grid.

603
00:34:33,070 --> 00:34:36,880
Entón, se pensas que vai estar facendo unha aplicación de noticias ou un lector de RSS

604
00:34:36,880 --> 00:34:43,120
ou algo parecido que trata sobre varias entradas para o cal desexa amosar o detalle,

605
00:34:43,120 --> 00:34:45,989
pensar en usar un destes modelos para comezar axiña

606
00:34:45,989 --> 00:34:48,380
e personalizar-lo de alí.

607
00:34:48,380 --> 00:34:50,120
Pero só así podo amosar-lle todas as partes móbiles aquí

608
00:34:50,120 --> 00:34:56,120
Vou crear a aplicación en branco, e despois imos ir un pouco máis fondo nos detalles.

609
00:34:56,120 --> 00:34:58,690
Eu só estou facendo este programa en branco aquí.

610
00:34:58,690 --> 00:35:01,270
Vai crear todo o proxecto para min.

611
00:35:01,270 --> 00:35:03,290
Vou abrir as cousas que quero te amosar por defecto.

612
00:35:03,290 --> 00:35:08,550
Déixeme achegar un pouco para dar a coñecer o que é creado por nós aquí.

613
00:35:08,550 --> 00:35:11,350
As cousas que vai mirar en primeiro lugar son todos estándar nomeado.

614
00:35:11,350 --> 00:35:15,970
Entón vai para buscar default.html, default.js e default.css.

615
00:35:15,970 --> 00:35:19,590
A outra cousa a destacar é que xa temos unha referencia ao que eu mencionen antes.

616
00:35:19,590 --> 00:35:24,530
Este é WinJS. Ninguén, en realidade, chámalle este nome longo aquí.

617
00:35:24,530 --> 00:35:27,710
É WinJS, a Biblioteca de Windows para JavaScript.

618
00:35:27,710 --> 00:35:29,530
Se abri-lo, podes ver que é todo aquí.

619
00:35:29,530 --> 00:35:31,820
Hai diferentes arquivos CSS, hai JavaScript.

620
00:35:31,820 --> 00:35:33,520
Está alí para axudar.

621
00:35:33,520 --> 00:35:37,190
É realmente alí para proporcionar controis e estilos e outras cousas que pode simplemente usar automaticamente.

622
00:35:37,190 --> 00:35:41,240
Pero, de novo, se hai cousas que quere empregar no lugar en termos de estilo e outros controis,

623
00:35:41,240 --> 00:35:45,600
é enteiramente ata. Vou te amosar como usar un par destas cousas agora.

624
00:35:45,600 --> 00:35:51,020
>> Volver máis para o noso lado esquerdo, deixe-me amosar-lle a páxina HTML estándar.

625
00:35:51,020 --> 00:35:54,490
Xa viu o material WinJS, e iso é realmente todo o que está a suceder alí

626
00:35:54,490 --> 00:35:59,930
coas liñas de media de reserva, só traendo o CSS por defecto

627
00:35:59,930 --> 00:36:02,370
e traer un par de arquivos JavaScript de WinJS.

628
00:36:02,370 --> 00:36:06,400
Non é preciso ser propietario do que está a suceder dentro deses ficheiros.

629
00:36:06,400 --> 00:36:10,110
É moi interesante dar un ollo neles para tipo de revisar o que está a suceder alí dentro

630
00:36:10,110 --> 00:36:14,410
porque hai técnicas intermedias e avanzadas moi interesantes a suceder alí dentro,

631
00:36:14,410 --> 00:36:18,100
pero o bo é que os desenvolvedores, pode simplemente aproveitar deles, só usalos

632
00:36:18,100 --> 00:36:19,510
e realmente non se preocupe con iso.

633
00:36:19,510 --> 00:36:21,960
Aínda pode dirixir un coche sen ter que saber como funciona, non?

634
00:36:21,960 --> 00:36:24,180
Entón ese é o tipo de cousas que está a ocorrer aquí.

635
00:36:24,180 --> 00:36:26,930
Hai controis e estilos e outras cousas que pode só ir adiante e utiliza

636
00:36:26,930 --> 00:36:31,460
eo código que pode usar en un segundo sen ter que saber o que está aí.

637
00:36:31,460 --> 00:36:33,200
Aquí están os seus propios arquivos.

638
00:36:33,200 --> 00:36:35,860
Estes son os lugares que pode modificar o seu propio CSS

639
00:36:35,860 --> 00:36:38,400
eo seu propio JavaScript para facer as cousas rolando.

640
00:36:38,400 --> 00:36:43,300
Estará engadindo seguramente outros arquivos Javascript e quizais outros arquivos CSS

641
00:36:43,300 --> 00:36:47,480
como o seu proxecto medra, pero iso é realmente só un punto de partida.

642
00:36:47,480 --> 00:36:52,570
Aquí está o Hola, equivalente mundo do HTML, polo que estamos de volta na etiqueta body.

643
00:36:52,570 --> 00:36:55,990
Na parte superior, a propósito, é o DOCTYPE HTML5,

644
00:36:55,990 --> 00:37:00,060
así vai recoñecer que desde o que estaba a traballar.

645
00:37:00,060 --> 00:37:04,600
Hai completo IntelliSense aquí tamén, por iso, se fai cousas como o tipo nunha etiqueta de vídeo

646
00:37:04,600 --> 00:37:07,340
e ampliar tanto, xa debería ter aprendido sobre o feito

647
00:37:07,340 --> 00:37:12,760
que precisa para facer a codificación de fallback para as etiquetas de vídeo en HTML5 - ou quizais que ten -

648
00:37:12,760 --> 00:37:17,490
para garantir que distintos navegadores teñen soporte para o teu vídeo.

649
00:37:17,490 --> 00:37:22,610
Temos cousas como esta en todo HTML, mediante JavaScript, mediante CSS.

650
00:37:22,610 --> 00:37:26,020
Isto está embutido, e eu vou lle amosar o CSS nun segundo.

651
00:37:26,020 --> 00:37:29,430
Aquí pode ir adiante e comezar a modificar o código, a reserva.

652
00:37:29,430 --> 00:37:33,700
De feito, antes de que eu cambie algo, eu vou correr ese e amosar-lle o que gaña.

653
00:37:33,700 --> 00:37:35,700
Está indo a obter unha pantalla de inicio que pode personalizar

654
00:37:35,700 --> 00:37:40,940
e entón comeza a Ola, experiencia do mundo aquí. É fantástico, non é?

655
00:37:40,940 --> 00:37:42,640
Dalle barco que, non?

656
00:37:42,640 --> 00:37:45,970
Contido vai aquí. Esa é a cousa básica.

657
00:37:45,970 --> 00:37:48,740
El só pode ir mellor de alí.

658
00:37:48,740 --> 00:37:51,300
Imos adiante e engadir en algunhas cousas.

659
00:37:51,300 --> 00:37:53,470
Eu teño un pouco de reserva vou copiar aquí

660
00:37:53,470 --> 00:37:55,740
só así non ten que me ver escribindo.

661
00:37:55,740 --> 00:38:02,620
Deixe-me ir abrir a caixa de ferramentas aquí, e eu vou fixar iso porque eu vou estar facendo iso algunhas veces.

662
00:38:02,620 --> 00:38:05,650
Caixa de ferramentas, se aínda non viu o Visual Studio, é o lugar onde vai atopar unha morea de controis.

663
00:38:05,650 --> 00:38:09,050
Tamén pode poñer fragmentos de código que pode reutilizar.

664
00:38:09,050 --> 00:38:16,360
Aquí eu só vou aparecer nalgún outro HTML, nada terrible avanzado en todo aquí.

665
00:38:16,360 --> 00:38:20,170
É só HTML básico dicindo que teño unha entrada onde eu poida escribir,

666
00:38:20,170 --> 00:38:23,860
Eu teño un botón onde eu poida enviá-lo, e entón eu teño unha span que é, esencialmente, un espazo reservado

667
00:38:23,860 --> 00:38:27,360
que eu poida usar para a saída do "Ola, escribe isto."

668
00:38:27,360 --> 00:38:32,780
É a introdución exemplo HTML.

669
00:38:32,780 --> 00:38:39,340
Se eu executar tanto, comezan automaticamente o HTML, pero tamén obter automaticamente styling.

670
00:38:39,340 --> 00:38:42,270
Esta é unha das cousas importantes da WinJS.

671
00:38:42,270 --> 00:38:47,250
Vai dar-lle, por defecto, algúns ollar e sentir que é realmente consistente

672
00:38:47,250 --> 00:38:50,520
co resto do que Windows 8 está facendo.

673
00:38:50,520 --> 00:38:52,110
Aquí ve as cousas como o botón.

674
00:38:52,110 --> 00:38:55,890
O botón por defecto en HTML non se parece tanto, pero fai aquí

675
00:38:55,890 --> 00:39:00,880
porque está quedando este dereito CSS dende deste arquivo CSS en WinJS.

676
00:39:00,880 --> 00:39:04,680
Se quere usar outra cousa, se quere cambiar isto, totalmente ben,

677
00:39:04,680 --> 00:39:06,790
vai adiante e facer o que quere. Pero ese é o estándar.

678
00:39:06,790 --> 00:39:09,610
Vai ser máis familiar para os usuarios.

679
00:39:09,610 --> 00:39:13,510
E por suposto que iso non vai facer nada, porque realmente non conectar-se calquera tipo de código

680
00:39:13,510 --> 00:39:16,630
para responder a iso. Era só o HTML.

681
00:39:16,630 --> 00:39:20,630
Entón eu me podo librar diso, e nós imos voltar a nosa aplicación.

682
00:39:20,630 --> 00:39:25,310
>> Déixeme pasar para os nosos default.js.

683
00:39:25,310 --> 00:39:29,030
Isto parece moi complexo, pero está só facendo algunhas cousas para ti.

684
00:39:29,030 --> 00:39:33,120
É cliché. Será o mesmo en todos os seus proxectos.

685
00:39:33,120 --> 00:39:36,620
O único que este está facendo é só unha especie de preguntar: "Como cheguei aquí?"

686
00:39:36,620 --> 00:39:39,090
e dicindo: "Vostede está lanzando esta aplicación por primeira vez?"

687
00:39:39,090 --> 00:39:42,640
"Está retomando o app de telo de ser suspendido?"

688
00:39:42,640 --> 00:39:44,510
Un par de cousas como esta.

689
00:39:44,510 --> 00:39:50,300
Realmente, o noso foco neste arquivo aquí é ben aquí.

690
00:39:50,300 --> 00:39:54,490
Neste momento, esta liña de código é moi importante.

691
00:39:54,490 --> 00:39:57,070
É realmente indo a ir e ollar a través de toda a súa reserva,

692
00:39:57,070 --> 00:40:01,640
e vai atopar as cousas que pediu ter se transformado en controis,

693
00:40:01,640 --> 00:40:07,220
controis máis profundos, como un control de clasificación, como unha exhibición de reixa, como o menú desplegable

694
00:40:07,220 --> 00:40:09,570
e esas outras cousas que eu mostre ese slide antes.

695
00:40:09,570 --> 00:40:12,550
Eles non son controis HTML nativas.

696
00:40:12,550 --> 00:40:17,860
Simplemente non dicir flotante como un elemento e que el sabe o que facer.

697
00:40:17,860 --> 00:40:22,120
O que nós realmente facer é o mesmo que sucede noutros tipos de estruturas de control.

698
00:40:22,120 --> 00:40:26,200
jQuery UI fai o mesmo tipo de visión xeral.

699
00:40:26,200 --> 00:40:30,800
Usa as reservas no seu HTML, e entón algúns JavaScript vén a través de máis tarde e di:

700
00:40:30,800 --> 00:40:35,900
"Oh, eu sei o que é. Isto é pedir para que isto sexa transformado en esas cousas",

701
00:40:35,900 --> 00:40:39,850
que é outro HTML máis expresiva para facer como un control de valoración,

702
00:40:39,850 --> 00:40:41,790
que é o que eu vou lle amosar agora.

703
00:40:41,790 --> 00:40:46,140
Esta liña de código é unha promesa que está dicindo: "Cando esa promesa se cumpriu,

704
00:40:46,140 --> 00:40:49,090
"Todo o que pediu, a continuación, foi creado."

705
00:40:49,090 --> 00:40:52,780
E é iso. Parece un pouco complexo, pero é realmente o mesmo en todos os proxectos.

706
00:40:52,780 --> 00:40:56,690
Por aquí é onde pode comezar a engadir en todo aquilo que quere que aconteza,

707
00:40:56,690 --> 00:40:58,280
así que imos volver a iso nun segundo.

708
00:40:58,280 --> 00:41:01,480
>> Primeiro de todo, eu teño un pouco de código que pode responder ao feito de

709
00:41:01,480 --> 00:41:03,320
que alguén premendo no botón.

710
00:41:03,320 --> 00:41:06,330
Eu estou indo a ir adiante e poñer isto en aquí.

711
00:41:06,330 --> 00:41:09,620
Unha vez máis, eu non vou facer calquera escritura diante de ti aquí.

712
00:41:09,620 --> 00:41:12,560
JavaScript Moi básico só dicindo que iso é chamado de

713
00:41:12,560 --> 00:41:15,270
imos ser solicitado algúns detalles sobre como chegamos aquí

714
00:41:15,270 --> 00:41:17,630
e logo, imos facer algunhas cousas básicas.

715
00:41:17,630 --> 00:41:21,300
Vai atopar a cousa na miña páxina HTML que é nomeado nameInput,

716
00:41:21,300 --> 00:41:28,490
agarralo, tomar o seu valor, tapa "Ola" diante del, e manter esta secuencia resultado

717
00:41:28,490 --> 00:41:31,960
en que tag div que tiñamos antes de que realmente non tiña nada antes.

718
00:41:31,960 --> 00:41:37,220
Agora imos atopar esa marca e facer o seu contido interno igual a esa cadea.

719
00:41:37,220 --> 00:41:38,880
JavaScript Moi sinxelo.

720
00:41:38,880 --> 00:41:42,240
Esperamos que está recoñecendo que non hai realmente nada de anormal a ocorrer aquí.

721
00:41:42,240 --> 00:41:45,360
É só en liña recta ata HTML e JS aquí.

722
00:41:45,360 --> 00:41:48,220
Se eu executar iso agora, aínda non vai facer ningún traballo porque eu non teño con fío-lo

723
00:41:48,220 --> 00:41:50,030
para recibir o evento.

724
00:41:50,030 --> 00:41:55,710
Para iso, eu vou facelo aquí, unha vez máis volver á miña caixa de ferramentas,

725
00:41:55,710 --> 00:41:58,730
estoura-lo aquí.

726
00:41:58,730 --> 00:42:03,060
Espero que viu todo este tipo de cousas antes, entón eu non vou máis explicar-lo.

727
00:42:03,060 --> 00:42:05,060
Agora estamos indo a ir buscar o helloButton.

728
00:42:05,060 --> 00:42:07,730
Nós imos dicir: "Botón, parabéns."

729
00:42:07,730 --> 00:42:10,130
"Aquí está o caso no que agora está respondendo."

730
00:42:10,130 --> 00:42:13,420
"Cando alguén fai clic en ti, chamar esta función, o buttonClickHandler".

731
00:42:13,420 --> 00:42:17,070
E iso é o que a función que acabamos de engadir á dereita para abaixo na parte inferior alí. É iso aí.

732
00:42:17,070 --> 00:42:20,980
Entón, agora temos unha aplicación incrible funcional.

733
00:42:20,980 --> 00:42:24,720
Creo que vai ser realmente impresionado con iso.

734
00:42:24,720 --> 00:42:32,320
Chris. Espere por el. Guau. Okay. Isto é incrible. [Risas]

735
00:42:32,320 --> 00:42:36,570
Pero hai máis. Non compra-lo aínda. Espera.

736
00:42:36,570 --> 00:42:39,610
>> Deixe-me amosar-lle un pouco máis aquí e saír da pantalla completa.

737
00:42:39,610 --> 00:42:42,690
Nós imos andar antes de executar.

738
00:42:42,690 --> 00:42:45,530
Déixeme entrar e realmente amosar-lle un pouco con CSS.

739
00:42:45,530 --> 00:42:49,480
Só por defecto, se miramos cara atrás, a páxina aquí,

740
00:42:49,480 --> 00:42:53,570
sempre que paraba na estas cousas WinJS e temos o ui-escuro,

741
00:42:53,570 --> 00:42:58,550
en realidade, pode mudalo para o estándar para o uso de aplicacións de luz.

742
00:42:58,550 --> 00:43:03,450
ui-escuro é bo para aplicacións gráficas como o uso de unha morea de fotos,

743
00:43:03,450 --> 00:43:05,740
está amosando unha morea de contido visual.

744
00:43:05,740 --> 00:43:12,560
Se está amosando unha morea de contido textual, o ui-luz é xeralmente unha boa opción.

745
00:43:12,560 --> 00:43:15,160
Non ten que escolle-lo, pero eu mudei para el

746
00:43:15,160 --> 00:43:17,690
e agora está a ver a mesma reserva, aínda todo,

747
00:43:17,690 --> 00:43:20,320
está só usando basicamente un esquema invertida aquí

748
00:43:20,320 --> 00:43:24,770
onde todo está facendo texto negro no branco.

749
00:43:24,770 --> 00:43:26,460
Isto é todo moi ben.

750
00:43:26,460 --> 00:43:30,680
Déixeme saír de aquí, e imos realmente facer algo máis co CSS.

751
00:43:30,680 --> 00:43:34,830
Vou poñer-lo de volta na escuridade, porque eu creo que pode ser máis fácil de ver na pantalla

752
00:43:34,830 --> 00:43:36,970
cando comezar a facer estas cousas.

753
00:43:36,970 --> 00:43:40,150
Eu estou indo para substituír o corpo unha vez máis.

754
00:43:40,150 --> 00:43:44,040
Vou aquí. Déixeme bombardealos iso.

755
00:43:44,040 --> 00:43:48,690
Imos levar o corpo con clases.

756
00:43:48,690 --> 00:43:53,000
Eu creo que fixo selectores básicos con CSS e cousas así xa,

757
00:43:53,000 --> 00:43:55,380
entón probablemente sabe o que está pasando aquí.

758
00:43:55,380 --> 00:43:59,250
Só atribuíndo algunhas clases para o noso cabeceira, e estamos creando unha nova div

759
00:43:59,250 --> 00:44:04,430
para implicar o resto do material que agora podemos usar para denominar todos xuntos.

760
00:44:04,430 --> 00:44:07,760
Entón o que podo facer agora é ir ao noso CSS estándar.

761
00:44:07,760 --> 00:44:11,900
Xa mirou para consultas de medios aínda? Xa falou sobre iso, ao final?

762
00:44:11,900 --> 00:44:17,220
Consultas multimedia forman parte desta tendencia emerxente -

763
00:44:17,220 --> 00:44:19,660
ou é unha tendencia establecida agora realmente na web -

764
00:44:19,660 --> 00:44:22,760
para o proxecto de resposta ou de adaptación,

765
00:44:22,760 --> 00:44:28,480
ea idea é que as súas aplicacións poden realmente axustar-se de forma adecuada

766
00:44:28,480 --> 00:44:31,910
con base no que o dispositivo que está a ser amosado no pode facer.

767
00:44:31,910 --> 00:44:35,040
Entón, se está nun dispositivo móbil, obviamente, non vai ter tanto espazo na pantalla

768
00:44:35,040 --> 00:44:41,520
como vai nun gran monitor de 30 polgadas sentado cun escritorio, un gran PC así.

769
00:44:41,520 --> 00:44:46,710
Polo tanto, a resposta a esa idade sería ter 5, 6 versións diferentes da mesma páxina

770
00:44:46,710 --> 00:44:51,350
e abre a versión que foi afinado para que determinado tamaño de pantalla.

771
00:44:51,350 --> 00:44:55,420
Non moi ben. É moi, moi repetitivo e hai unha tonelada de mantemento para facelo.

772
00:44:55,420 --> 00:44:58,120
Agora temos unha cousa chamada consultas de medios CSS,

773
00:44:58,120 --> 00:45:02,530
e podemos usar isto para detectar automaticamente cando hai determinados tamaños

774
00:45:02,530 --> 00:45:07,030
ou determinadas usos do seu contido que está a ser realizada.

775
00:45:07,030 --> 00:45:09,580
Así, pode responder a iso e pode dicir: "Ok, neste caso

776
00:45:09,580 --> 00:45:12,580
"Probablemente non ten nin me dicir-lle o que está pasando aquí."

777
00:45:12,580 --> 00:45:18,020
Este é só dicir que esta aplicación é encaixado, como eu mostre antes -

778
00:45:18,020 --> 00:45:20,830
agarrando-o e colocándose ao lado da pantalla -

779
00:45:20,830 --> 00:45:23,910
entón imos facer o seguinte estilo.

780
00:45:23,910 --> 00:45:25,850
Styling non é só sobre cores e cousas así.

781
00:45:25,850 --> 00:45:29,860
É tamén sobre o deseño e as marxes e enchido e orientacións de contido

782
00:45:29,860 --> 00:45:34,040
ou incluso desactivar ou activar partes enteiras da súa páxina

783
00:45:34,040 --> 00:45:36,420
e neste caso, a súa aplicación ou o seu xogo tamén.

784
00:45:36,420 --> 00:45:39,210
Entón, aquí podes facer tan sinxelo como quere.

785
00:45:39,210 --> 00:45:46,720
Isto non sería útil en súas aplicacións, pero é hora de demostración,

786
00:45:46,720 --> 00:45:50,530
entón eu estou indo a ir adiante e só engadir en selector corpo básico e dicir:

787
00:45:50,530 --> 00:45:58,360
"Cando estou agarrado, imos adiante e facer o background-color e imos escoller algo."

788
00:45:58,360 --> 00:46:00,400
Ten IntelliSense aquí. Isto é realmente moi legal.

789
00:46:00,400 --> 00:46:05,720
En 2012, nós engadimos unha morea de cousas para soporte a CSS e JavaScript e HTML.

790
00:46:05,720 --> 00:46:08,690
Vostede, claro, quedou suspendida IntelliSense tamén, pero iso non é a cousa legal.

791
00:46:08,690 --> 00:46:11,730
O legal é que ten selectores visuais para unha morea de cousas tamén.

792
00:46:11,730 --> 00:46:14,120
Entón, podería pasar e basta escoller unha cor,

793
00:46:14,120 --> 00:46:17,580
ou pode saír e ser aínda máis específico e pode escoller -

794
00:46:17,580 --> 00:46:22,330
iso vai ser terrible. Vou realmente escoller unha cor decente aquí.

795
00:46:22,330 --> 00:46:26,500
Assist o marcado tamén, por certo. Ese é o formato estándar RGB alí.

796
00:46:26,500 --> 00:46:30,780
Pero se eu cambiar a opacidade, que vai cambiar a un selector de canle alfa aquí.

797
00:46:30,780 --> 00:46:36,910
Así pode ver que, a cor con esencialmente a transparencia por cento que ten para que

798
00:46:36,910 --> 00:46:38,860
todo asados ​​ben aí.

799
00:46:38,860 --> 00:46:42,530
Vou mantelo como 100% e, a continuación, cando acabar con iso, todo está ben e bo.

800
00:46:42,530 --> 00:46:46,160
Agora, se eu executar a aplicación e tomamos o app e encaixa-lo,

801
00:46:46,160 --> 00:46:49,000
que cor de fondo está a ser axustado automaticamente

802
00:46:49,000 --> 00:46:53,410
só porque temos un pouco de CSS, que di: "Vaia facer iso."

803
00:46:53,410 --> 00:46:55,580
Tamén pode escribir JavaScript, tamén, que vai facer o mesmo

804
00:46:55,580 --> 00:47:03,010
ou que podería usar para realmente dar unha pausa no xogo, facer cousas así.

805
00:47:03,010 --> 00:47:04,310
Esta é, probablemente, cando se pode usar JavaScript.

806
00:47:04,310 --> 00:47:06,610
Podería apagar o loop do xogo nese momento.

807
00:47:06,610 --> 00:47:09,970
Necesitará de un pouco de JavaScript, porque iso non sería algo que CSS.

808
00:47:09,970 --> 00:47:11,760
Pero ten en conta que é só un evento.

809
00:47:11,760 --> 00:47:14,860
Podería dicir: "Cando a miña candidatura é redimensionada,

810
00:47:14,860 --> 00:47:17,780
"Imos ver se estamos a agarrou." E é iso.

811
00:47:17,780 --> 00:47:24,440
>> Ok? Teño falado moito. Existen cuestións tan lonxe de onde estamos? É.

812
00:47:24,440 --> 00:47:29,310
[Alumno] Existe un tutorial para que todos poidan obter máis información? Si >>.

813
00:47:29,310 --> 00:47:33,510
A pregunta é, existe un tutorial para iso? Eu só vou estendela lo a todo.

814
00:47:33,510 --> 00:47:37,490
Hai algunhas cousas que pode ir. Imos realmente saír de aquí.

815
00:47:37,490 --> 00:47:40,150
Deixe-me volver aquí.

816
00:47:40,150 --> 00:47:45,180
Algo a destacar é o propio Visual Studio ten tutoriais construídos dentro

817
00:47:45,180 --> 00:47:47,650
Deixe-me librar diso.

818
00:47:47,650 --> 00:47:51,520
Se vai crear un novo proxecto, non File, New Project,

819
00:47:51,520 --> 00:47:56,750
e ollar para o lado esquerdo, hai un nó en liña neste selector.

820
00:47:56,750 --> 00:47:59,790
Vai levar un pouco. Estou no meu MyFi aquí.

821
00:47:59,790 --> 00:48:02,300
Pero el vai vir cara arriba e el me vai dar unha oportunidade para atopar modelos

822
00:48:02,300 --> 00:48:05,190
pero tamén, máis importante, as mostras así.

823
00:48:05,190 --> 00:48:06,750
Entón, podo facer clic en JavaScript.

824
00:48:06,750 --> 00:48:10,050
Vai atopar mostras para min. A miña resolución é ben alto aquí.

825
00:48:10,050 --> 00:48:15,070
Normalmente, podes ver unha lista de unha morea de cousas distintas aquí.

826
00:48:15,070 --> 00:48:18,280
Se hai algo que quere probar, escolla o idioma,

827
00:48:18,280 --> 00:48:20,970
JavaScript aquí, e dicir: "Eu non sei como facer xeolocalización".

828
00:48:20,970 --> 00:48:22,220
"Eu non sei como abrir un arquivo".

829
00:48:22,220 --> 00:48:25,840
"Eu non sei como sacar proveito da cámara web

830
00:48:25,840 --> 00:48:28,290
"Ou optimizar de contacto ou cousas dese tipo."

831
00:48:28,290 --> 00:48:33,190
Hai mostras para todo: o reparto, buscando, barras de aplicacións,

832
00:48:33,190 --> 00:48:37,520
facer chamadas remotas a un servizo, JSON codificación.

833
00:48:37,520 --> 00:48:40,390
Todos estes tipos de cousas hai mostras para aquí,

834
00:48:40,390 --> 00:48:44,560
e eles non son grandes mostras que van levalo a madrugada para separar

835
00:48:44,560 --> 00:48:46,820
só para descubrir que unha cousa que quería aprender.

836
00:48:46,820 --> 00:48:49,870
Son moi bos. Son pequenos, mesmo para os tipos de puntos de mostras.

837
00:48:49,870 --> 00:48:52,330
Aprendín unha tonelada, pasando por estes min mesmo,

838
00:48:52,330 --> 00:48:55,260
e por iso eu recomendo que moi como unha cousa.

839
00:48:55,260 --> 00:49:01,750
>> Outra cousa a destacar tamén é claro que eu mostre dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
por iso, se volver a ese, verá na parte inferior hai tamén as mostras aquí.

841
00:49:07,490 --> 00:49:12,560
Entón pode baixar todos eles dunha soa vez, pero hai tamén unha serie de outros recursos, tamén aquí

842
00:49:12,560 --> 00:49:14,400
que poden axudar a chegar ata a velocidade.

843
00:49:14,400 --> 00:49:17,870
>> Outra cousa, e eu realmente recomendo que tentar iso,

844
00:49:17,870 --> 00:49:24,510
Eu teño el no meu blog, pero eu só vou directo ao asunto.

845
00:49:24,510 --> 00:49:28,220
Eu vou te amosar. O meu blog ten recursos e cousas así.

846
00:49:28,220 --> 00:49:35,300
Unha das cousas a destacar é aquí, esa cousa: a súa idea. O seu programa. 30 días.

847
00:49:35,300 --> 00:49:40,960
Se fai clic sobre iso, que vai levar vostede a un sitio realmente útil.

848
00:49:40,960 --> 00:49:44,650
Isto é moito máis útil do que podería esperar.

849
00:49:44,650 --> 00:49:49,040
Este será de 30 días de contido que pode basicamente obter consellos e trucos

850
00:49:49,040 --> 00:49:51,990
durante todo este proceso, como está creando unha aplicación.

851
00:49:51,990 --> 00:49:55,980
E como non pode esperar, pode realmente facelo para os xogos tamén

852
00:49:55,980 --> 00:49:57,840
e para aplicacións de teléfono, cousas dese tipo.

853
00:49:57,840 --> 00:50:01,000
Entón, basicamente, se rexistrar para el, e eles van estar enviándolle consellos e trucos sobre,

854
00:50:01,000 --> 00:50:03,010
"Xa penso en facelo? Vostede soporta presión?"

855
00:50:03,010 --> 00:50:04,900
"Aquí están algunhas orientacións sobre como facelo tamén."

856
00:50:04,900 --> 00:50:07,440
"Xa penso en someterse á tenda?"

857
00:50:07,440 --> 00:50:09,370
"Xa penso en como vai vender a súa solicitude?"

858
00:50:09,370 --> 00:50:11,490
Vai percorrer todas esas moitas cousas.

859
00:50:11,490 --> 00:50:13,380
E en realidade, se está no camiño de xogo, nalgún momento

860
00:50:13,380 --> 00:50:17,010
vai comezar a recoñecer a persoa a falar con vostede

861
00:50:17,010 --> 00:50:22,850
porque realmente tiña que ir a Redmint facer estas e 2 vídeos gravados alí.

862
00:50:22,850 --> 00:50:25,240
Pero iso é todo parte da pista de xogo,

863
00:50:25,240 --> 00:50:27,650
e hai tamén unha pista chea para o desenvolvemento xeral da aplicación.

864
00:50:27,650 --> 00:50:29,380
Iso chama-se Xeración App

865
00:50:29,380 --> 00:50:33,460
Eu sempre recomendo que para ti tamén, ademais de mostras.

866
00:50:33,460 --> 00:50:38,110
>> Hai unha morea de vídeos nun sitio chamado Canle 9 tamén.

867
00:50:38,110 --> 00:50:42,790
Esta é probablemente a última cousa que eu vou recomendar, ben antes de pasar aquí.

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com.

869
00:50:45,280 --> 00:50:48,880
Isto é óptimo porque non vai ser a lectura a través de toneladas de papeis brancos.

870
00:50:48,880 --> 00:50:53,880
É basicamente unha morea de vídeos, screencasts e cousas que son directo ao punto.

871
00:50:53,880 --> 00:50:57,940
Eu non debería dicir que é sempre directo ao punto. Depende de quen está facendo a falar.

872
00:50:57,940 --> 00:51:02,290
Pero, xeralmente, hai uns vídeos realmente-a-punto aquí

873
00:51:02,290 --> 00:51:06,230
que debería amosar-lle algo en particular que pode querer aprender ou ver a demo.

874
00:51:06,230 --> 00:51:11,110
Hai tamén todo o noso contido da nosa conferencia, que pasou hai unhas semanas

875
00:51:11,110 --> 00:51:14,380
chamado build, e vai ver que alí mesmo.

876
00:51:14,380 --> 00:51:18,450
Hai as súas principais tecnoloxías para Windows 8 xogos. Alí vai.

877
00:51:18,450 --> 00:51:23,150
Eu estaba alí, en realidade. Non me pode ver. Estaba aquí.

878
00:51:23,150 --> 00:51:27,560
Pero de calquera xeito, iso de lado, eu recomendo que bótalle un ollo nestes vídeos.

879
00:51:27,560 --> 00:51:29,330
Son moi útiles.

880
00:51:29,330 --> 00:51:32,620
Se está preso en algo ou só quere ver o que podería facer algo, o lume os anteriores.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail só me enviou un correo-e con un link para o contido

882
00:51:36,890 --> 00:51:42,140
para os alumnos a baixar co código de exemplo e cousas así. >> [Bowen] Grande.

883
00:51:42,140 --> 00:51:45,510
Incrible. Grazas, Edwin.

884
00:51:45,510 --> 00:51:48,320
>> Boa. >> [Alumno] Eu teño unha pregunta. >> [Bowen] Oh Si, por favor.

885
00:51:48,320 --> 00:51:55,030
[Pregunta estudante inaudível] >> [Bowen] Oh, eu estou feliz que pediu iso. Si

886
00:51:55,030 --> 00:51:58,940
A pregunta era, hai unha interface visual para min crear cousas?

887
00:51:58,940 --> 00:52:01,630
Edwin ha recompensa-lo xenerosa a esta pregunta.

888
00:52:01,630 --> 00:52:04,310
Existe un xeito de facelo.

889
00:52:04,310 --> 00:52:09,040
Debemos facelo agora? Imos facelo agora.

890
00:52:09,040 --> 00:52:11,780
Eu estou indo a ir a el agora.

891
00:52:11,780 --> 00:52:14,070
De feito, deixe-me engadir unha cousa a esta demostración,

892
00:52:14,070 --> 00:52:16,710
e entón eu vou amosar-lle a resposta real.

893
00:52:16,710 --> 00:52:21,340
Eu estaba indo para engadir un pouco máis de CSS aquí.

894
00:52:21,340 --> 00:52:23,980
Eu estaba un pouco pola tangente aquí.

895
00:52:23,980 --> 00:52:26,770
Deixe-me poñer en algún CSS aquí para sacar proveito

896
00:52:26,770 --> 00:52:29,980
das clases que nós engadimos un pouco tempo,

897
00:52:29,980 --> 00:52:33,930
para a cabeceira, do div mainContent, e, a continuación, para o greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Se eu fai iso e executalo, podes ver agora que temos un estofado pouco diferente e as marxes,

899
00:52:37,920 --> 00:52:40,310
polo que temos, de feito, algunhas compensacións aquí.

900
00:52:40,310 --> 00:52:44,630
Estes son máis para o que vai esperar dunha aplicación pulido final.

901
00:52:44,630 --> 00:52:47,770
Pero eu só estou mostrando isto para vostede porque é en liña recta ata CSS.

902
00:52:47,770 --> 00:52:51,910
Entón, as cousas que xa sabe que pode usar aquí para axustar o contido que desexa.

903
00:52:51,910 --> 00:52:55,100
Xa viu como facer o fondo cambiar así.

904
00:52:55,100 --> 00:53:02,980
>> Se eu atrás para o noso HTML, eu vou engadir máis un conxunto de reserva,

905
00:53:02,980 --> 00:53:06,140
e iso é realmente vai ser un control de WinJS.

906
00:53:06,140 --> 00:53:09,840
Eu estou indo a ir e incorporarse tanto, un rótulo. Déixeme que seguro que eu estou facendo iso no lugar seguro.

907
00:53:09,840 --> 00:53:11,740
Probablemente bo o suficiente.

908
00:53:11,740 --> 00:53:15,590
Aquí eu só engadiu - e imos pantalla completa para que poida ver a cousa toda -

909
00:53:15,590 --> 00:53:18,520
Eu engade unha etiqueta á seguinte div.

910
00:53:18,520 --> 00:53:20,890
A div chámase ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Por si só non fará nada.

912
00:53:23,090 --> 00:53:28,570
Se abre este nun explorador, estaría mirando en branco, o propio div.

913
00:53:28,570 --> 00:53:31,820
Pero por mor desa liña misteriosa do código que eu mostre antes,

914
00:53:31,820 --> 00:53:35,650
o proceso todo, que vai mirar para algo que se parece iso -

915
00:53:35,650 --> 00:53:40,380
-Gañou data-control - e que vai atopar o que está nese parámetro.

916
00:53:40,380 --> 00:53:44,560
Vai facer unha instancia sexa o que sexa que está a apuntar.

917
00:53:44,560 --> 00:53:48,850
Neste caso, é un control de clasificación, polo que estou dicindo: "Por favor, vai e substituír esa cousa

918
00:53:48,850 --> 00:53:51,400
"Co que tes que facer para facer un control de clasificación."

919
00:53:51,400 --> 00:53:56,610
Podería ser un control de aleta, que podería ser o anel de progreso ou calquera que sexa o control que quere usar.

920
00:53:56,610 --> 00:53:59,390
Están todos indo para o traballo, esencialmente da mesma maneira.

921
00:53:59,390 --> 00:54:02,920
Está a utilizar reserva HTML5 estándar para indicar o que quere,

922
00:54:02,920 --> 00:54:07,670
e entón está indo a obter un control ao final deste. Déixeme realizar este.

923
00:54:07,670 --> 00:54:12,270
Eu só copiei en que, e agora que a reserva convértese en tanto,

924
00:54:12,270 --> 00:54:15,280
que é en realidade un gran número de elementos HTML.

925
00:54:15,280 --> 00:54:18,440
Estas son todas as imaxes individuais, e non hai divs ao seu redor con selectores.

926
00:54:18,440 --> 00:54:22,610
Espero que podes ver iso. É un pouco sutil.

927
00:54:22,610 --> 00:54:27,380
Podo pasar o rato sobre os elementos diferentes, e iso vai permitir-me a ver a clasificación aquí.

928
00:54:27,380 --> 00:54:31,560
Podo facer clic sobre el, e el se lembra da clasificación, pero que é sobre el.

929
00:54:31,560 --> 00:54:33,100
Non está facendo nada coa clasificación.

930
00:54:33,100 --> 00:54:35,230
>> A última cousa que quero amosar-lle este

931
00:54:35,230 --> 00:54:37,820
antes de pasar a unha experiencia de deseño máis visual

932
00:54:37,820 --> 00:54:42,680
é un pouco de código que podo usar para responder a esas WinJS controis.

933
00:54:42,680 --> 00:54:47,540
Déixeme saír de alí, de volta para fóra da pantalla completa,

934
00:54:47,540 --> 00:54:52,690
e pasar a JS aquí para segundo.

935
00:54:52,690 --> 00:54:57,450
Podo facelo aquí. Creo que vou substituír esa cousa toda.

936
00:54:57,450 --> 00:55:03,080
En realidade, eu creo que vai substituír todo iso, pero imos descubrir xuntos.

937
00:55:03,080 --> 00:55:07,350
Vou poñer isto aquí. É. Vou borrar iso tamén.

938
00:55:07,350 --> 00:55:11,790
O que eu engadir? Parece moito. Non é moito.

939
00:55:11,790 --> 00:55:14,920
Eu só estendeu esta liña de código que eu xa falei antes,

940
00:55:14,920 --> 00:55:18,590
e eu digo: "Cando todo estea listo, cando foron feitos todos os meus controis,

941
00:55:18,590 --> 00:55:23,660
"Entón faga iso." Entón, a continuación, realizar esta función chamada rematada.

942
00:55:23,660 --> 00:55:27,080
Neste caso, iso é o que pode descubrir.

943
00:55:27,080 --> 00:55:29,040
Vai descubrir que o control div.

944
00:55:29,040 --> 00:55:30,790
De feito, hai unha cousa que me gustaría destacar.

945
00:55:30,790 --> 00:55:35,630
Esta liña seguinte está realmente dicindo: "Eu teño que ratingControlDiv".

946
00:55:35,630 --> 00:55:39,770
"Quero falar con el como se fose un control real, un control WinJS".

947
00:55:39,770 --> 00:55:42,020
Entón, basicamente, está pedindo para que a partir del.

948
00:55:42,020 --> 00:55:44,600
Está dicindo: "Eu quero falar contigo, como un control."

949
00:55:44,600 --> 00:55:47,810
E entón pode comezar a dicir cousas como: "Estamos indo para engadir un oínte para ti

950
00:55:47,810 --> 00:55:51,430
"Entón, cando está cambiado, podemos responder a iso."

951
00:55:51,430 --> 00:55:56,930
E entón nós tamén podemos facer cousas como esta. En realidade, este é o código antigo alí.

952
00:55:56,930 --> 00:55:59,600
Coido que estou faltando pegar en máis dunha función,

953
00:55:59,600 --> 00:56:05,030
e iso sería a función real que responde ao control clasificación sendo alterado.

954
00:56:05,030 --> 00:56:07,710
Déixeme pop que en certo aquí en baixo,

955
00:56:07,710 --> 00:56:09,840
algo en torno de alí.

956
00:56:09,840 --> 00:56:14,930
E, neste caso, o único que hai de novo é o feito de que estamos entrando en

957
00:56:14,930 --> 00:56:21,000
que o control de clasificación e nos di que estamos pedindo o que se chama o tentativeRating.

958
00:56:21,000 --> 00:56:23,150
Hai unha morea de outras cousas distintas que ese control pode dicir,

959
00:56:23,150 --> 00:56:25,310
e vai control por control.

960
00:56:25,310 --> 00:56:29,140
É moi sinxelo. Vai ser capaz de descubrir ningunha dificultade.

961
00:56:29,140 --> 00:56:34,040
Eu corro iso, e agora cando cambiar as clasificacións e prema na clasificación,

962
00:56:34,040 --> 00:56:36,480
podes ver agora é realmente responder a ela.

963
00:56:36,480 --> 00:56:40,280
É poñer esa clasificación na pantalla en que tag div doutra forma baleira

964
00:56:40,280 --> 00:56:42,970
baixo do control de rating.

965
00:56:42,970 --> 00:56:46,670
Esa é a maxia de unha morea de cousas aquí tamén.

966
00:56:46,670 --> 00:56:49,580
Entón, como está creando aplicacións para a Windows Store,

967
00:56:49,580 --> 00:56:52,930
hai unha tonelada de controis que pode simplemente usar. Todos eles funcionan así.

968
00:56:52,930 --> 00:56:58,670
>> Deixe-me amosar-lle o lado visual de proxectar a estas aplicacións.

969
00:56:58,670 --> 00:57:03,440
A boa noticia é que xa terá esta ferramenta cando se instala todo

970
00:57:03,440 --> 00:57:06,240
se ir para que descargue e recibe Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Podo prema co botón dereito sobre iso. Eu non vou zoom in

972
00:57:09,890 --> 00:57:12,040
El só di Open in Blender.

973
00:57:12,040 --> 00:57:16,040
Blender é unha ferramenta que traballa de xeito conxunto co Visual Studio

974
00:57:16,040 --> 00:57:19,230
e está enfocada moito máis no lado do deseño das cousas,

975
00:57:19,230 --> 00:57:23,660
para que realmente superficies ferramentas que son optimizados para a creación de estilos,

976
00:57:23,660 --> 00:57:29,720
a creación de animacións, traballando con CSS, unha morea de cousas neste tipo de vea.

977
00:57:29,720 --> 00:57:36,380
Aquí o que debe ser moi interesante e bastante obvio inmediatamente é que estamos mirando para o app.

978
00:57:36,380 --> 00:57:40,060
Esperemos que aínda estamos.

979
00:57:40,060 --> 00:57:42,650
No canto de ver código, que aínda non ve na parte inferior,

980
00:57:42,650 --> 00:57:45,350
estamos a ver a representación real da aplicación.

981
00:57:45,350 --> 00:57:49,640
Ademais, non é só unha representación da aplicación, é en realidade a aplicación en execución.

982
00:57:49,640 --> 00:57:52,010
E iso é o que é realmente bo sobre Blender.

983
00:57:52,010 --> 00:57:58,620
O equipo fixo unha chea de traballo para traer HTML e JavaScript e CSS para esta ferramenta.

984
00:57:58,620 --> 00:58:01,930
Agora podes en realidade, se está curioso, "O que isto quere dicir? O que podo facer?"

985
00:58:01,930 --> 00:58:08,310
Podo realmente proxectar a esta aplicación, aínda que cousas como esta non existen na miña cita.

986
00:58:08,310 --> 00:58:13,230
Lembre que o control de clasificación? Era só unha etiqueta div.

987
00:58:13,230 --> 00:58:17,090
Este material, que estrela, só existe en tempo de execución. Como sei diso?

988
00:58:17,090 --> 00:58:20,300
Hai un pouco de maxia por aquí.

989
00:58:20,300 --> 00:58:21,700
Vexa estes raios?

990
00:58:21,700 --> 00:58:25,570
Cada vez que ver un raio, o que significa que foi creado por algo en tempo de execución.

991
00:58:25,570 --> 00:58:31,770
Algúns JavaScript correu e virou algo a este ou creou esta con algunha lóxica.

992
00:58:31,770 --> 00:58:37,100
Estas estrelas que aparecen alí foron creados por JavaScript por WinJS.

993
00:58:37,100 --> 00:58:41,800
O bo é que, non importa para min, eu aínda pode proxecto-lo,

994
00:58:41,800 --> 00:58:44,410
Eu aínda pode entrar e cambiar isto, podo descubrir o que está a suceder aquí,

995
00:58:44,410 --> 00:58:50,260
Podo ollar para o CSS, podo ir adiante e descubrir por que a cor é do xeito que está,

996
00:58:50,260 --> 00:58:54,610
Podo comezar a xogar coas cousas e facer cousas horribles,

997
00:58:54,610 --> 00:58:58,360
todo o que quero facer.

998
00:58:58,360 --> 00:59:01,020
En realidade, eu vou deixar as cousas só.

999
00:59:01,020 --> 00:59:03,980
Pero pode ver aquí é todo o CSS e está amosando aquí.

1000
00:59:03,980 --> 00:59:10,120
Se eu fose ata alí, que vai amosar todo o que eles chaman de Vencer,

1001
00:59:10,120 --> 00:59:14,850
así as regras de CSS que son os máis específicos e máis seleccionado para o elemento,

1002
00:59:14,850 --> 00:59:17,110
que probablemente xa ir máis nas súas clases,

1003
00:59:17,110 --> 00:59:22,000
onde pode dicir que non hai unha fonte xeral de que estamos aplicando a todo,

1004
00:59:22,000 --> 00:59:26,860
senón porque se trata dun h1 e eu ter unha cor definida para h1s,

1005
00:59:26,860 --> 00:59:29,820
que será desta cor, e iso é porque é máis específico que o body1.

1006
00:59:29,820 --> 00:59:32,590
Algo aquí mostra todo iso,

1007
00:59:32,590 --> 00:59:35,470
e é realmente unha cousa poderosa como obtén máis complexa,

1008
00:59:35,470 --> 00:59:38,160
está a se pregunta por que esas cousas son do xeito que son.

1009
00:59:38,160 --> 00:59:41,020
Realmente vai dicir-lle, e pode escoller calquera destes elementos aquí.

1010
00:59:41,020 --> 00:59:43,370
Esta cor non é tan malo, en realidade.

1011
00:59:43,370 --> 00:59:47,150
Pode seleccionalos. Espero que podes ver iso.

1012
00:59:47,150 --> 00:59:52,410
Por todo o que ten no seu aplicativo, ve unha fervenza enteira

1013
00:59:52,410 --> 00:59:56,070
de todo o CSS que podería aplicarse a este e que está gañando,

1014
00:59:56,070 --> 00:59:58,050
que, en realidade, tiña precedencia.

1015
00:59:58,050 --> 01:00:00,930
Estes son o tipo de aburrido. Non hai moita cousa a suceder nalgúns deles.

1016
01:00:00,930 --> 01:00:04,660
Se eu for, e cambiar a cor, entón vai comezar a ver algúns en cascada alí.

1017
01:00:04,660 --> 01:00:07,760
Tamén pode usar HTML aquí tamén.

1018
01:00:07,760 --> 01:00:12,490
Podo pasar e modificar as propiedades HTML todas esas cousas como eu desexo.

1019
01:00:12,490 --> 01:00:14,620
Hai só toneladas de cousas aquí.

1020
01:00:14,620 --> 01:00:18,070
>> Eu non quero tomar o seu tempo, pasando por todo aquí. Só sei que está aquí.

1021
01:00:18,070 --> 01:00:21,700
Hai unha serie de funcións orientadas ao proxecto que está só dispoñible para ti

1022
01:00:21,700 --> 01:00:26,730
así que pode estar visual, traballar co programa, e non ter que facer unha chea de adiviñación

1023
01:00:26,730 --> 01:00:32,180
que ten que facer normalmente e ciclismo de volta dun navegador de volta no seu deseño,

1024
01:00:32,180 --> 01:00:33,940
ao seu navegador.

1025
01:00:33,940 --> 01:00:37,010
Isto é realmente cousas legais para iso, e como desenvolver unha aplicación de Windows Store,

1026
01:00:37,010 --> 01:00:39,650
que vai facer moito máis produtivo.

1027
01:00:39,650 --> 01:00:45,150
>> Tamén vai ver que está acompañando o marcado aquí e seu CSS

1028
01:00:45,150 --> 01:00:47,270
como se está a traballar a través de cousas distintas.

1029
01:00:47,270 --> 01:00:50,180
É probabelmente moi difícil para vostede ver que, sobre todo en vídeo,

1030
01:00:50,180 --> 01:00:54,680
pero iso é o que está pasando aquí, e eu recomendo que familiarizado con iso.

1031
01:00:54,680 --> 01:00:57,240
Ela lle vai aforrar moito tempo. Isto é Blender.

1032
01:00:57,240 --> 01:01:00,520
Se fai os cambios aquí, van directamente a levar de volta ao longo do

1033
01:01:00,520 --> 01:01:01,870
para o Visual Studio.

1034
01:01:01,870 --> 01:01:06,590
Son os mesmos arquivos, é o mesmo de todo. Vou deixar só.

1035
01:01:06,590 --> 01:01:08,650
Eu teño un exemplo mellor que quero te amosar.

1036
01:01:08,650 --> 01:01:11,660
Pero se eu fixen un cambio alí e salva-lo e volvín para o Visual Studio, el diría:

1037
01:01:11,660 --> 01:01:16,390
"Ei, vostede só cambiou algo. Podo cargalo para ti?" Si

1038
01:01:16,390 --> 01:01:18,770
E está a usar o mesmo alí.

1039
01:01:18,770 --> 01:01:21,320
Isto é o fin de que a mostra particular.

1040
01:01:21,320 --> 01:01:28,170
>> Quero amosar-lle unha mostra de maior efecto só para darlle unha vista de outras funcións

1041
01:01:28,170 --> 01:01:30,350
podería pensar en ben.

1042
01:01:30,350 --> 01:01:32,280
Este é unha aplicación de mostra que se pode descargar.

1043
01:01:32,280 --> 01:01:35,620
Se ollar para algo chamado Campamento de Windows nunha caixa,

1044
01:01:35,620 --> 01:01:40,340
hai algúns exemplos que están nesa, e un deles é o Contoso Cookbook.

1045
01:01:40,340 --> 01:01:41,640
Só podo realizar por vostede.

1046
01:01:41,640 --> 01:01:44,700
Pantalla de inicio personalizada. Esta é a aplicación vista Grid.

1047
01:01:44,700 --> 01:01:49,590
Eles grazas algúns datos personalizados aquí. Podes navegar por este.

1048
01:01:49,590 --> 01:01:53,090
Pode ir e dar un ollo en varias cousas que nos farán fame nunha tarde de venres.

1049
01:01:53,090 --> 01:01:57,760
Eu non sei. O que me vai facer máis con fame?

1050
01:01:57,760 --> 01:02:00,530
Eu non sei. Eu só vou pegar un.

1051
01:02:00,530 --> 01:02:02,460
Vai para estas cousas. Ela vai amosar a receita.

1052
01:02:02,460 --> 01:02:04,900
Tamén pode, en lugar de facer clic nun elemento,

1053
01:02:04,900 --> 01:02:10,360
pode ir directo para esa categoría de contido, que parte do contido.

1054
01:02:10,360 --> 01:02:15,590
Neste caso, pode ler unha morea de teito Latina dicindo todo sobre estas receitas aquí

1055
01:02:15,590 --> 01:02:17,720
e despois ir directo para a receita específica.

1056
01:02:17,720 --> 01:02:22,770
Isto tamén permite cousas como a posta en común que eu mostre antes coas imaxes.

1057
01:02:22,770 --> 01:02:26,160
Tamén pode buscar para esta aplicación tamén.

1058
01:02:26,160 --> 01:02:28,880
É moi sinxelo de facer a investigación.

1059
01:02:28,880 --> 01:02:31,300
Basicamente, vostede está só comezando unha secuencia de texto desde Windows

1060
01:02:31,300 --> 01:02:34,720
e de decidir como quere manipular investigación con iso.

1061
01:02:34,720 --> 01:02:39,830
É algunhas liñas de código para conseguir isto, e entón o que fai con el despois que é completamente ata.

1062
01:02:39,830 --> 01:02:44,180
>> Aquí eles tamén teñen unha barra de aplicacións, a onde se están a usar algunha outra función.

1063
01:02:44,180 --> 01:02:45,430
Vou só dicir-lle o que é.

1064
01:02:45,430 --> 01:02:48,220
Un recordatorio vai utilizar o que se chama unha notificación regalo.

1065
01:02:48,220 --> 01:02:52,930
Isto é moi útil para que o usuario saber cando as cousas aconteceron,

1066
01:02:52,930 --> 01:02:55,850
como unha aplicación se instalou ou algo foi concluído.

1067
01:02:55,850 --> 01:02:57,950
Tamén é bo para xogos tamén.

1068
01:02:57,950 --> 01:03:02,360
Se tes un mundo persistente ou unha tarxeta de líder e un servizo que é de hospedaxe que

1069
01:03:02,360 --> 01:03:08,490
quizais nunha máquina separada, estas notificacións poden ser enviadas nunha máquina

1070
01:03:08,490 --> 01:03:12,240
e mesmo se o usuario non está a usar o seu xogo, xogar o seu xogo ou a execución do seu programa,

1071
01:03:12,240 --> 01:03:15,170
eles aínda poden recibir notificacións sobre eses tipos de eventos.

1072
01:03:15,170 --> 01:03:19,350
Entón, vostede podería dicir: "O seu castelo foi destruído ou está practicamente destruído."

1073
01:03:19,350 --> 01:03:22,870
"Volva aquí e defende-la", ou algo parecido.

1074
01:03:22,870 --> 01:03:26,830
Fai clic sobre a notificación, vai á dereita de volta para o xogo, e pode xoga-lo.

1075
01:03:26,830 --> 01:03:32,170
Entón, eses tipos de cousas poden axudar realmente atraer a xente de volta para a súa aplicación moi eficaz.

1076
01:03:32,170 --> 01:03:37,450
>> Hai tamén apoiar nesta aplicación para usar o micrófono, webcam,

1077
01:03:37,450 --> 01:03:39,560
facer vídeo e facer fotos.

1078
01:03:39,560 --> 01:03:42,080
Tamén pode fixar unha tella secundario.

1079
01:03:42,080 --> 01:03:46,760
É útil se quere só ter unha tella que vai directo para determinado contido.

1080
01:03:46,760 --> 01:03:49,960
Neste caso, vai directo para esta receita.

1081
01:03:49,960 --> 01:03:51,300
Todo o que eu estou mencionando Estou só amosando

1082
01:03:51,300 --> 01:03:53,270
por que é que as cousas que pode pensar sobre o uso tamén.

1083
01:03:53,270 --> 01:03:57,590
Para a maior parte, son moi sinxelos.

1084
01:03:57,590 --> 01:04:00,070
Quere só recomendo que traer esta mostra Explorer

1085
01:04:00,070 --> 01:04:03,600
e atopar un exemplo que pode amosar-lle como facelo.

1086
01:04:03,600 --> 01:04:07,140
É moi sinxelo de levar aqueles en súas aplicacións alí tamén.

1087
01:04:07,140 --> 01:04:11,030
>> Eu estaba indo para amosar-lle outra cousa que é moi legal aquí.

1088
01:04:11,030 --> 01:04:15,230
Vou aproveitar esta aplicación, e eu vou volver para o Visual Studio.

1089
01:04:15,230 --> 01:04:18,870
Esta aplicación está en execución. Funciona desde o Visual Studio.

1090
01:04:18,870 --> 01:04:21,370
Podo facer algunhas cousas moi ben con iso.

1091
01:04:21,370 --> 01:04:23,840
En realidade, teño unha opción para seleccionar un elemento,

1092
01:04:23,840 --> 01:04:28,250
e podo ir ata aquí para a aplicación en directo e podo dicir,

1093
01:04:28,250 --> 01:04:34,000
"Estou me pregunta por que é tempo de preparación gris un pouco máis lixeiro que o propio título?"

1094
01:04:34,000 --> 01:04:35,680
Podo facer clic sobre el.

1095
01:04:35,680 --> 01:04:38,080
Vai para sincronizar que ao seu Visual Studio,

1096
01:04:38,080 --> 01:04:43,780
e el me vai mostrar exactamente o contido xerado, que deu lugar a que parte da interface de usuario.

1097
01:04:43,780 --> 01:04:47,270
Polo tanto, neste caso, é punto subtítulos e construción double h4,

1098
01:04:47,270 --> 01:04:51,110
e que, probablemente, nos di o que necesitamos saber, xa que como un h4 dentro dese contexto,

1099
01:04:51,110 --> 01:04:53,550
só pode ir un certo tipo de letra.

1100
01:04:53,550 --> 01:04:56,410
Pero se eu non sei por que, eu podo facer clic en Estilos de seguimento.

1101
01:04:56,410 --> 01:05:02,330
Podo, entón, ampliar a fóra memoria e podo descubrir exactamente por iso que a cor non é a cor da carrocería

1102
01:05:02,330 --> 01:05:04,640
pero en realidade é outra cousa.

1103
01:05:04,640 --> 01:05:07,210
Esta é, esencialmente, as ferramentas dev do Internet Explorer

1104
01:05:07,210 --> 01:05:09,530
a un grao traído para Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Se xa traballou coas ferramentas Chrome Dev, Firebug, cousas dese tipo,

1106
01:05:12,110 --> 01:05:14,720
estes tipos de ferramentas que están no navegador,

1107
01:05:14,720 --> 01:05:17,340
este tipo de función foi levado directo para o Visual Studio

1108
01:05:17,340 --> 01:05:22,090
entón realmente non ten que lanzar un navegador e traballar con estas ferramentas por separado.

1109
01:05:22,090 --> 01:05:24,320
Agora eu teño unha aplicación Windows Store só correr,

1110
01:05:24,320 --> 01:05:27,840
e podo comezar a tirar-la e descubrir por que as cousas están a facer o que son.

1111
01:05:27,840 --> 01:05:30,440
>> Eu tamén podo facelo deste xeito tamén.

1112
01:05:30,440 --> 01:05:35,020
Podo ir e só incorporarse algo desde a reserva e descubrir o que é

1113
01:05:35,020 --> 01:05:38,560
no propio programa. Creo que xa pasei por todo.

1114
01:05:38,560 --> 01:05:41,440
Aquí estou paira sobre iso. Podo selecciona-lo.

1115
01:05:41,440 --> 01:05:45,540
Me vai mostrar na aplicación executándose real onde esa cousa é

1116
01:05:45,540 --> 01:05:48,070
que agora estou facendo clic na reserva.

1117
01:05:48,070 --> 01:05:49,700
Cousas ben legais.

1118
01:05:49,700 --> 01:05:52,710
Como está tentando descubrir o que está a ocorrer eo que está facendo HTML,

1119
01:05:52,710 --> 01:05:56,080
o CSS está facendo, manter isto presente.

1120
01:05:56,080 --> 01:05:58,450
Teña en conta que isto está aquí para vostede

1121
01:05:58,450 --> 01:06:02,070
e tamén que mestura pode traballar con unha aplicación executándose en directo.

1122
01:06:02,070 --> 01:06:06,070
>> A última cousa que eu quería te amosar con esta aplicación -

1123
01:06:06,070 --> 01:06:09,290
By the way, iso mostra que deltas como as cousas cambian moito,

1124
01:06:09,290 --> 01:06:11,160
así que pode ver a esto amarelos.

1125
01:06:11,160 --> 01:06:14,060
Estas son cousas que só cambiaron na aplicación.

1126
01:06:14,060 --> 01:06:16,350
Pero unha última cousa. Quero voltar Mestura só por un segundo aquí.

1127
01:06:16,350 --> 01:06:21,790
Imos abrir tanto, Open en Blender, aínda aplicación, mesmo todo.

1128
01:06:21,790 --> 01:06:28,660
Eu só quero amosar-lle a experiencia aquí non é só está preso na páxina de inicio

1129
01:06:28,660 --> 01:06:32,880
mirando para as cousas que vai ter por defecto cando executar a aplicación e deixar repousar alí.

1130
01:06:32,880 --> 01:06:36,490
Tamén pode activar este ben pequeno icono aquí.

1131
01:06:36,490 --> 01:06:38,560
É chamado de modo interactivo.

1132
01:06:38,560 --> 01:06:41,560
Fai clic en que. Traerá a súa aplicación.

1133
01:06:41,560 --> 01:06:43,730
Non está en modo deseño máis, para que non vai estar facendo clic en cousas

1134
01:06:43,730 --> 01:06:47,270
para cambiar a función, pero pode realmente traballar coa aplicación agora.

1135
01:06:47,270 --> 01:06:51,560
Pode facer clic, pode facer o que quere, chegar a unha receita que se preocupa

1136
01:06:51,560 --> 01:06:54,810
ou unha categoría. Imos para esta categoría.

1137
01:06:54,810 --> 01:06:56,880
Eu vou dicir: "Ok, aquí é onde quero debuxar."

1138
01:06:56,880 --> 01:06:59,680
Logo preme no botón, el lle vai traer de volta á superficie de deseño,

1139
01:06:59,680 --> 01:07:02,130
e agora pode facer todas estas cousas de que eu estaba falando antes.

1140
01:07:02,130 --> 01:07:06,230
Vou continuar premendo ata que eu recibín esta seleccionado, descubrir as súas dimensións,

1141
01:07:06,230 --> 01:07:09,890
descubrir o código HTML para iso, o CSS para el

1142
01:07:09,890 --> 01:07:14,990
para unha aplicación en execución, algunha parte posterior da aplicación.

1143
01:07:14,990 --> 01:07:17,780
Moi, moi útil. Vou amosar isto para vostede.

1144
01:07:17,780 --> 01:07:21,340
Por favor, manteña-o presente, se está mirando para escribir código con esta

1145
01:07:21,340 --> 01:07:26,070
porque vai salvarte unha morea de problemas, e é moi bo.

1146
01:07:26,070 --> 01:07:32,370
Isto é moi bonito todo o que eu quería te amosar en Blender e no Visual Studio para todo isto.

1147
01:07:32,370 --> 01:07:36,130
>> Calquera dúbida sobre calquera destas ferramentas?

1148
01:07:36,130 --> 01:07:40,000
Calquera cousa? >> [Guarin] Eu teño cousas para dar, por iso, boas preguntas, cousas boas.

1149
01:07:40,000 --> 01:07:43,700
>> [Bowen risas] Eu xa che mostre miñas demos aquí.

1150
01:07:43,700 --> 01:07:47,000
Vou poñelas na páxina de recursos e volverse para preguntas agora.

1151
01:07:47,000 --> 01:07:53,850
Esta primeira referencia é que a web Xeración App coa banda do xogo ea pista aplicación.

1152
01:07:53,850 --> 01:07:55,040
Rexístrese para aqueles.

1153
01:07:55,040 --> 01:07:57,210
Non ten que esperar os 30 días para obter o contido.

1154
01:07:57,210 --> 01:08:00,370
Pode comezar a ir e mirar para o contido de forma que desexe.

1155
01:08:00,370 --> 01:08:04,380
Eu entendo os seus prazos pode ser diferente - [risas]

1156
01:08:04,380 --> 01:08:07,780
Entón, cando é o hackathon? É un par de semanas, non?

1157
01:08:07,780 --> 01:08:09,620
Entón non ten os 30 días de espera.

1158
01:08:09,620 --> 01:08:13,180
Entón, si, pode rexistrar para iso e despois é só comezar a tirar o contido para fóra del.

1159
01:08:13,180 --> 01:08:15,320
Ademais, o Dev eo Centro de Deseño.

1160
01:08:15,320 --> 01:08:17,620
E eu non mencionei iso, pero hai tamén a tenda Docs.

1161
01:08:17,620 --> 01:08:22,880
Iso sería para despois da hackathon como está preparado para comezar a enviar as súas aplicacións para a tenda.

1162
01:08:22,880 --> 01:08:27,350
Existen algunhas orientacións útiles aquí, algunha orientación sobre como facer as cousas na tenda,

1163
01:08:27,350 --> 01:08:29,960
algúns problemas comúns que poden te enganar,

1164
01:08:29,960 --> 01:08:32,540
e que é o fin destes recursos.

1165
01:08:32,540 --> 01:08:35,300
>> Entón, o que está na súa mente? Calquera outra cousa que -

1166
01:08:35,300 --> 01:08:40,580
[Guarin] Quen está a pensar en facer unha aplicación de Windows para CS50? Legal.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] Legal. Grande.

1168
01:08:44,149 --> 01:08:49,410
>> Calquera dúbida sobre o material que xa viu ata agora e como se relaciona con iso?

1169
01:08:49,410 --> 01:08:54,540
Por exemplo, con máis tempo eu podería levar un xogo que escribín

1170
01:08:54,540 --> 01:08:57,310
e que roda no navegador e só unha especie de pasar polo proceso de

1171
01:08:57,310 --> 01:08:59,870
de ter en Visual Studio e facelo unha aplicación de Windows Store.

1172
01:08:59,870 --> 01:09:02,870
Hai que máis tempo do que nós realmente tivemos que inclúen, hoxe,

1173
01:09:02,870 --> 01:09:08,010
pero a versión curta é que é o mesmo código que ten en execución no navegador,

1174
01:09:08,010 --> 01:09:11,680
e as cousas que cambia son as cousas que decide chamar ao Windows 8.

1175
01:09:11,680 --> 01:09:16,220
Entón, se queres usar encantos, se quere buscar ou compartir,

1176
01:09:16,220 --> 01:09:19,899
ten que crear unha barra de aplicacións para ocultar algunhas características para que,

1177
01:09:19,899 --> 01:09:21,939
eses son os tipos de cousas que cambiaría.

1178
01:09:21,939 --> 01:09:25,229
Pero o núcleo da súa aplicación web pode permanecer intacta.

1179
01:09:25,229 --> 01:09:29,590
Unha vez máis, mentres el traballa en IE10, que vai ser un porto moi fácil

1180
01:09:29,590 --> 01:09:33,680
para levar o material para o Visual Studio, en Blender, e facelo unha aplicación de Windows Store.

1181
01:09:33,680 --> 01:09:37,500
De novo, as únicas cousas que ten que aprender son as outras características

1182
01:09:37,500 --> 01:09:41,830
que pode usar para acender unha aplicación, como unha tella en directo e estes tipos de cousas.

1183
01:09:41,830 --> 01:09:46,899
>> É. >> [Alumno] A miña pregunta é sobre o traballo móbil.

1184
01:09:46,899 --> 01:09:52,210
Entón, se fai unha aplicación que funciona como unha aplicación no escritorio,

1185
01:09:52,210 --> 01:09:56,480
É realmente fácil de transferir-lo para o móbil, ou se hai unha -

1186
01:09:56,480 --> 01:10:01,270
A cuestión é, se eu fai unha aplicación de Windows Store que está realmente optimizado para ese ambiente

1187
01:10:01,270 --> 01:10:06,430
e quero trae-lo para un mundo móbil, que toma parte de facelo?

1188
01:10:06,430 --> 01:10:10,060
Iso, como moitas preguntas, é sempre unha resposta constante cambio.

1189
01:10:10,060 --> 01:10:16,190
A boa noticia é que se está honrado con HTML e JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
se está comezando a partir de unha aplicación de Windows Store,

1191
01:10:18,720 --> 01:10:20,590
que vai deixar que trae-lo para a web

1192
01:10:20,590 --> 01:10:24,650
e, a continuación, usar estes tipos de técnicas, como consultas de medios e as cousas,

1193
01:10:24,650 --> 01:10:27,180
para adaptarse a diferentes dispositivos de tamaño.

1194
01:10:27,180 --> 01:10:29,900
Dito isto, hai sempre os cadros e as cousas por aí

1195
01:10:29,900 --> 01:10:33,450
que o apoio que se estende diferentes tecnoloxías, plataformas diferentes.

1196
01:10:33,450 --> 01:10:35,670
Isto cambia o tempo.

1197
01:10:35,670 --> 01:10:40,030
Tamén estamos cambiando as cousas, así como miramos para o que temos agora

1198
01:10:40,030 --> 01:10:42,950
en realidade, con Windows Phone 8.

1199
01:10:42,950 --> 01:10:44,930
Temos algunhas infraestruturas fundamentais compartidos

1200
01:10:44,930 --> 01:10:48,180
ofrecido entre as aplicacións para os ambientes.

1201
01:10:48,180 --> 01:10:51,200
Entón, as cousas que está facendo para crear unha aplicación de Windows Store,

1202
01:10:51,200 --> 01:10:57,790
unha morea de que pode transitar nunha aplicación de Windows Phone 8 tamén.

1203
01:10:57,790 --> 01:11:02,270
Iso de novo é unha historia emerxente, polo que hai algún contido sobre iso en build.

1204
01:11:02,270 --> 01:11:06,780
O SDK acaba de saír un pouco atrás. El acaba de ser lanzado hai pouco tempo.

1205
01:11:06,780 --> 01:11:09,920
Pero en termos de outras plataformas tamén,

1206
01:11:09,920 --> 01:11:13,360
probablemente executado en moitas estruturas multiplataforma tamén.

1207
01:11:13,360 --> 01:11:16,170
A boa noticia é o material que está facendo aquí,

1208
01:11:16,170 --> 01:11:19,620
a principal función é superior cousas estándar web.

1209
01:11:19,620 --> 01:11:24,010
As únicas cousas que non se traducen facilmente son as cousas que Windows 8 fai,

1210
01:11:24,010 --> 01:11:28,060
pero iso non é sorpresa, porque é un recurso de Windows.

1211
01:11:28,060 --> 01:11:34,090
Non vai atopar reparto ou tipos semellantes de contratos en todas as outras plataformas.

1212
01:11:34,090 --> 01:11:37,480
Polo tanto, estas son as cousas que desexa desde unha perspectiva de deseño

1213
01:11:37,480 --> 01:11:40,820
comproba que ten formas de tipo de resumo que fóra así que pode dicir:

1214
01:11:40,820 --> 01:11:42,970
"Se eu estou correndo sobre iso, podo facer iso."

1215
01:11:42,970 --> 01:11:48,120
Se eu non estou, hai uns patróns de deseño que pode usar para ocultar o tipo de cousas fóra.

1216
01:11:48,120 --> 01:11:53,360
Pero manteña isto presente. É. Sentímolo. Dalle.

1217
01:11:53,360 --> 01:11:58,130
>> [Alumno] Se eu queira probar o meu aplicación de Windows encima [inaudível]

1218
01:11:58,130 --> 01:12:02,310
[Bowen] Yeah. Eu pulei unha cousa tamén. É.

1219
01:12:02,310 --> 01:12:04,910
Vou responder á súa pregunta en primeiro lugar, entón eu vou lle amosar unha característica que eu esquezo de mencionar.

1220
01:12:04,910 --> 01:12:09,220
Temos algunhas máquinas dispoñibles localmente. Sinto moito.

1221
01:12:09,220 --> 01:12:11,240
A pregunta era, como fago para probar as cousas en dispositivos

1222
01:12:11,240 --> 01:12:14,230
se non ocorrer de ter unha chea de cousas para escoller?

1223
01:12:14,230 --> 01:12:17,130
[Guarin] Nós prestou a vostedes, eu creo, 5 ou 6. Cantos precisa?

1224
01:12:17,130 --> 01:12:20,940
[Alumno] Temos 4 deles. >> Okay. Vostedes teñen catro Pizarras para xogar.

1225
01:12:20,940 --> 01:12:25,520
Entón, en definitiva que todos saiban, por favor. [Risas] >> [Bowen] impresionante.

1226
01:12:25,520 --> 01:12:27,610
Iso é unha resposta aínda mellor do que eu estaba indo a darlle.

1227
01:12:27,610 --> 01:12:31,250
Temos o horario de oficina para os desenvolvedores que facemos na nosa oficina

1228
01:12:31,250 --> 01:12:35,110
e agora en breve para Microsoft Store sobre a PRU,

1229
01:12:35,110 --> 01:12:37,010
pero Edwin xa tomou conta de ti.

1230
01:12:37,010 --> 01:12:42,180
Hai 4 Pizarras dispoñibles para prestar, para probas.

1231
01:12:42,180 --> 01:12:45,440
Alí imos nós. Hai un exemplo dun alí enriba.

1232
01:12:45,440 --> 01:12:47,340
Entón, si, absolutamente. Grande.

1233
01:12:47,340 --> 01:12:52,700
Absolutamente, de lonxe, o mellor xeito de proba-lo é estar nun dispositivo.

1234
01:12:52,700 --> 01:12:56,810
Se non ocorrer de ter un aínda ou non quere andar polo campus na neve

1235
01:12:56,810 --> 01:13:01,130
para incorporarse un ou sexa o que sexa, hai unha forma de facelo de volta o Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Se eu volver a onde eu estaba aquí, aquí en vez de usar ordenador local,

1237
01:13:10,360 --> 01:13:13,590
pode conectar a máquina remota, pero iso non é o que eu estou falando aquí.

1238
01:13:13,590 --> 01:13:16,830
Simulator é o que pode querer ollar.

1239
01:13:16,830 --> 01:13:22,120
Vou correr isto, e realmente o que é, é, esencialmente, unha xanela para o seu propio sistema.

1240
01:13:22,120 --> 01:13:26,260
Aquí é realmente o meu sistema en execución, execución Contoso,

1241
01:13:26,260 --> 01:13:29,550
pero dun xeito que me permite cambiar algúns dos parámetros de execución,

1242
01:13:29,550 --> 01:13:31,060
os parámetros ambientais.

1243
01:13:31,060 --> 01:13:34,150
Entón eu podo dicir aquí: "Vostede sabe o que?"

1244
01:13:34,150 --> 01:13:39,240
Oh Xa lo funcionando nun simulado monitor de 27 polgadas con resolución de 2560.

1245
01:13:39,240 --> 01:13:44,930
Podo facilmente caer que abaixo e ver o que a miña petición sería facer cunha pantalla pequena

1246
01:13:44,930 --> 01:13:47,480
ou modificación configuración de DPI ou calquera outra cousa.

1247
01:13:47,480 --> 01:13:50,700
Entón, nunha pantalla pequena, un 10,6, que é o que vai facer?

1248
01:13:50,700 --> 01:13:53,040
Isto aínda parece moi bo, non?

1249
01:13:53,040 --> 01:13:58,220
Vai querer facelo, especialmente se está enviando para a tenda, porque nós facemos

1250
01:13:58,220 --> 01:14:00,480
como parte do proceso de proba.

1251
01:14:00,480 --> 01:14:02,400
E se hai problemas como este,

1252
01:14:02,400 --> 01:14:06,160
logo pode realizar nun problema obter a certificación para a tenda.

1253
01:14:06,160 --> 01:14:09,240
Pero iso forma parte do simulador. Moi legal. Moi fácil de facer iso.

1254
01:14:09,240 --> 01:14:11,480
Tamén pode usar recursos como xiralo tan ben.

1255
01:14:11,480 --> 01:14:15,650
Podo facer clic no botón aquí, telo xirar, ver o que alguén tería como unha experiencia

1256
01:14:15,650 --> 01:14:20,970
xirando súa lousa, o seu tablet, e usando a súa aplicación con iso.

1257
01:14:20,970 --> 01:14:25,060
Hai algunhas outras cousas tamén, como emulación de chamada e algunhas outras cousas,

1258
01:14:25,060 --> 01:14:27,210
definindo GPS.

1259
01:14:27,210 --> 01:14:31,050
Podo finxir que estou nun lugar diferente e ver o que a miña aplicación fai

1260
01:14:31,050 --> 01:14:34,690
cando finjo que estou de volta en Seattle ou algo así.

1261
01:14:34,690 --> 01:14:41,970
Pero é un recurso moi útil, e é construído no Visual Studio e no Blender.

1262
01:14:41,970 --> 01:14:44,460
Si A súa pregunta.

1263
01:14:44,460 --> 01:14:48,530
>> [Alumno] Se está escribindo un xogo, o Visual Studio ten ningún apoio para a animación?

1264
01:14:48,530 --> 01:14:55,550
É. A cuestión é en torno de soporte de animación, sobre todo con xogos.

1265
01:14:55,550 --> 01:14:58,380
Depende. [Risas]

1266
01:14:58,380 --> 01:15:06,870
Con JavaScript vou dicir que probablemente hai menos apoio do que hai ao lado do XAML,

1267
01:15:06,870 --> 01:15:11,430
que ten prazos, ten storyboards e as cousas que son construídos dentro

1268
01:15:11,430 --> 01:15:18,710
Para animacións en aplicacións JavaScript, eu non sei o que de unha resposta que quero darlle.

1269
01:15:18,710 --> 01:15:25,110
Teño recursos no meu blog que pasan por unha serie de opcións para ambos animacións de física,

1270
01:15:25,110 --> 01:15:29,280
opcións para xogos orientados JavaScript en Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Eu ía encamiñar-lo para aqueles.

1272
01:15:31,300 --> 01:15:34,300
Basicamente, non hai tantas opcións.

1273
01:15:34,300 --> 01:15:37,770
A razón que eu estou dubidando é que hai tantas opcións para facer animacións con JavaScript.

1274
01:15:37,770 --> 01:15:44,280
Podería ser CSS, podería basearse Canvas, que podería ser só animacións básicas DOM,

1275
01:15:44,280 --> 01:15:47,470
que podería ser unha morea de cousas distintas, polo que realmente depende da súa elección.

1276
01:15:47,470 --> 01:15:55,790
Se vostede decide empregar algo como Create.js ou cal ou outros tipos de estruturas -

1277
01:15:55,790 --> 01:15:59,150
Ben, eu non estou seguro de que vai ser capaz de utilizar un cadro de maior efecto

1278
01:15:59,150 --> 01:16:01,370
quere Impacto ou construír.

1279
01:16:01,370 --> 01:16:07,000
Iso tende a xerar máis código do que pode considerarse a partir de cero.

1280
01:16:07,000 --> 01:16:11,730
Pero nestes casos, aínda pode usar un simulador, pode utilizar os ambientes,

1281
01:16:11,730 --> 01:16:17,480
e eu só tenden a usar este medio para a miña plataforma de proba nestes casos

1282
01:16:17,480 --> 01:16:19,930
como eu estou a desenvolver xogos.

1283
01:16:19,930 --> 01:16:22,110
Eu fun moi ben, sobre todo con animacións de lona,

1284
01:16:22,110 --> 01:16:23,850
que é probablemente o máis común.

1285
01:16:23,850 --> 01:16:27,360
O mellor que vai atopar é probablemente as ferramentas dev no navegador

1286
01:16:27,360 --> 01:16:30,160
e as ferramentas dev en Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Unha especie de resposta sinuoso alí, pero espero que eu teño a súa resposta. Si Vostede

1288
01:16:34,610 --> 01:16:36,470
>> [Alumno] Cales son as opcións de almacenamento de datos para aplicacións de Windows 8?

1289
01:16:36,470 --> 01:16:41,100
Cales son as opcións de almacenamento de datos para aplicacións de Windows 8, Windows tenda de aplicacións?

1290
01:16:41,100 --> 01:16:46,790
As súas opcións son realmente cada aplicación ten a súa propia piscina de almacenamento local

1291
01:16:46,790 --> 01:16:52,150
para a configuración e os datos, pero tamén é ridiculamente doado de usar almacenamento en itinerancia,

1292
01:16:52,150 --> 01:16:54,920
de usar o almacenamento baseado na nube. É de balde.

1293
01:16:54,920 --> 01:16:58,250
O que pasa é que, basicamente, escoller unha clase diferente e di:

1294
01:16:58,250 --> 01:17:03,370
"Configuración de itinerancia, Gardar, este conxunto específico de contido",

1295
01:17:03,370 --> 01:17:06,050
e conta de Microsoft, o que quere que teña asinado en como,

1296
01:17:06,050 --> 01:17:08,620
Vai ser a clave para que a información de itinerancia arredor.

1297
01:17:08,620 --> 01:17:13,790
Entón, se eu usar o seu xogo no meu portátil e entón eu faga login coa mesma conta

1298
01:17:13,790 --> 01:17:18,900
e eu xogar o partido nunha superficie ou un comprimido,

1299
01:17:18,900 --> 01:17:23,610
que pode transitar automaticamente esta configuración e datos entre as máquinas.

1300
01:17:23,610 --> 01:17:27,550
Iso é unha cousa por defecto. Isto é bo para certas cantidades de datos.

1301
01:17:27,550 --> 01:17:30,220
Non ía poñer unha base de datos enorme para aqueles.

1302
01:17:30,220 --> 01:17:35,350
Para iso ten que ir a outro tipo de solucións, como unha base de datos aloxados na nube,

1303
01:17:35,350 --> 01:17:36,690
cousas así.

1304
01:17:36,690 --> 01:17:39,840
Hai algunhas outras opcións da comunidade en torno a outros tipos de tecnoloxías de datos.

1305
01:17:39,840 --> 01:17:42,920
Vin algunhas opcións SQLite na comunidade por alí tamén.

1306
01:17:42,920 --> 01:17:46,690
Así, cada vez máis están xurdindo, pero estas son as principais cousas que ía mirar

1307
01:17:46,690 --> 01:17:49,430
a un xogo ou unha aplicación.

1308
01:17:49,430 --> 01:17:50,610
E tiña unha pregunta na parte de atrás tamén.

1309
01:17:50,610 --> 01:18:02,390
>> [Alumno] En termos de rede [inaudível] carga ou descarga de arquivos [inaudível]

1310
01:18:02,390 --> 01:18:04,870
[Bowen] É a súa pregunta como se pode ver que ou como pode depurar iso e proba-lo?

1311
01:18:04,870 --> 01:18:10,630
[Alumno] Como pode depurá lo [inaudível]

1312
01:18:10,630 --> 01:18:12,670
Sentímolo. Eu non podo escoitar todo isto.

1313
01:18:12,670 --> 01:18:16,480
[Alumno] Como obtelo erro probado e tamén [inaudível]

1314
01:18:16,480 --> 01:18:17,490
Grande. Grande.

1315
01:18:17,490 --> 01:18:21,860
Como se traballa coa rede? Como se pode ver o que está pasando?

1316
01:18:21,860 --> 01:18:23,620
Hai moitas respostas diferentes a esta,

1317
01:18:23,620 --> 01:18:26,420
pero deixe-me amosar-lle probablemente as cousas máis fáciles aquí.

1318
01:18:26,420 --> 01:18:29,350
Déixeme librarse do simulador por un segundo.

1319
01:18:29,350 --> 01:18:31,740
Opcións de depuración só un par para a rede.

1320
01:18:31,740 --> 01:18:36,070
Hai unha pila de rede completa cocido dereito tanto no nivel WinRT e de WinJS,

1321
01:18:36,070 --> 01:18:42,810
para que poida facilmente facer XHR, tipo AJAX chamadas do seu xogo ou aplicación para facelo.

1322
01:18:42,810 --> 01:18:47,250
Primeiramente, eu tenden a usar 2 cousas.

1323
01:18:47,250 --> 01:18:53,660
Eu uso as propias ferramentas dev reais, que teñen unha pila de rede cocido para eles.

1324
01:18:53,660 --> 01:18:55,870
Deixe-me amosar-lle a páxina de inicio de Windows.

1325
01:18:55,870 --> 01:19:02,730
Podo traer iso, e non hai realmente un proxy de rede cocido en estas ferramentas aquí.

1326
01:19:02,730 --> 01:19:08,390
Entón eu podo facer iso, podo actualizar a páxina, e el me vai amosar todas as interaccións,

1327
01:19:08,390 --> 01:19:14,550
incluíndo chamadas AJAX para esta sesión, para que a duración da solicitude.

1328
01:19:14,550 --> 01:19:17,600
Isto é útil. Vai ser moi útil para aplicacións baseadas en navegador.

1329
01:19:17,600 --> 01:19:20,470
Para outros tipos de aplicacións, incluíndo Windows tenda de aplicacións,

1330
01:19:20,470 --> 01:19:23,970
Eu uso unha ferramenta chamada Fiddler.

1331
01:19:23,970 --> 01:19:29,650
Vai comezar un xogo en resposta. [Risas]

1332
01:19:29,650 --> 01:19:32,750
Fiddler é un proxy simple. Eu creo que podo poñer isto para vostede.

1333
01:19:32,750 --> 01:19:40,190
É só GetFiddler.com, que, curiosamente, estou trazando miña pila de rede

1334
01:19:40,190 --> 01:19:41,740
indo GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
Pero de calquera xeito, Fiddler foi escrito por un dos PMs do equipo do IE,

1336
01:19:45,700 --> 01:19:48,290
el sabe o que está facendo.

1337
01:19:48,290 --> 01:19:52,630
Esta é unha boa proxy que pode usar para o tráfico de rede de depuración.

1338
01:19:52,630 --> 01:19:55,730
Eu recomenda isto. Pregunta alí tamén.

1339
01:19:55,730 --> 01:19:58,050
>> [Alumno] Existe un xeito doado de integrar a entrada lingua estranxeira,

1340
01:19:58,050 --> 01:20:00,810
como xaponés ou chinés, en aplicacións de Windows?

1341
01:20:00,810 --> 01:20:03,240
Eu non podo dicir que fixen moito do que eu, pero é cocido dentro

1342
01:20:03,240 --> 01:20:08,470
Hai opcións para claro emitindo súa aplicación - Sinto moito, eu non dixen que a pregunta -

1343
01:20:08,470 --> 01:20:11,100
opcións en torno da globalización, localización de contidos,

1344
01:20:11,100 --> 01:20:14,320
incluíndo cousas como ser capaz de vender en distintos mercados

1345
01:20:14,320 --> 01:20:19,190
e destino que versión do seu programa para as linguas individuais

1346
01:20:19,190 --> 01:20:21,080
ou culturas ou cousas dese tipo. Absolutamente construído dentro

1347
01:20:21,080 --> 01:20:22,980
Tivemos apoio para que, para sempre,

1348
01:20:22,980 --> 01:20:26,630
e que leva adiante nas súas opcións para Windows Store.

1349
01:20:26,630 --> 01:20:30,450
Podes facelo na propia tenda, vender en diferentes mercados,

1350
01:20:30,450 --> 01:20:34,050
pode facelo na aplicación, así tamén co uso de recursos para definir,

1351
01:20:34,050 --> 01:20:42,220
"Se eu fose desenvolvido para esa cultura, a continuación, usar esas substitucións para o meu contido textual

1352
01:20:42,220 --> 01:20:44,510
"Ou utilizar o dereito de lector á esquerda."

1353
01:20:44,510 --> 01:20:51,290
Estas son todas parte dos WinJS estándar e APIs WinRT. Boa pregunta.

1354
01:20:51,290 --> 01:20:54,770
>> Como estamos indo? Outros?

1355
01:20:54,770 --> 01:20:58,850
E se alguén ten preguntas en vídeo, eu estou cbowen @ Microsoft,

1356
01:20:58,850 --> 01:21:02,790
polo que estou feliz de ter algunhas das súas preguntas do futuro.

1357
01:21:02,790 --> 01:21:05,690
Moi - De futuro, os futuros [imita eco].

1358
01:21:05,690 --> 01:21:09,140
Entón, aquí son eu. Deixe-me poñer de volta o meu contacto aquí.

1359
01:21:09,140 --> 01:21:11,840
Entón, só tes que enviar-me unha nota, cbowen @ Microsoft,

1360
01:21:11,840 --> 01:21:15,190
e eu vou volver a vostede o máis rápido que poida.

1361
01:21:15,190 --> 01:21:19,010
>> Calquera outra cousa que está querendo saber? Será que somos bos?

1362
01:21:19,010 --> 01:21:24,050
Grande. Todo ben. Grazas a todos moito. Eu aprecio iso. [Aplausos]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]