1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Seminar - Windows 8 - App / Game Development mit HTML5]

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

3
00:00:05,090 --> 00:00:07,350
[Dies ist CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Hey, jeder. Mein Name ist Edwin Guarin. Das ist Chris Bowen.

5
00:00:10,290 --> 00:00:12,310
Ich lasse ihn sich in einem zweiten einzuführen.

6
00:00:12,310 --> 00:00:14,100
Ich will einfach nur, um eine schnelle Mitteilung zu machen.

7
00:00:14,100 --> 00:00:18,340
Zunächst einmal alles, was Sie bekommen Studenten CS50 Windows 8 kostenlos.

8
00:00:18,340 --> 00:00:23,150
Also, wenn Sie tatsächlich nutzen es für Ihre endgültige Projekt denken, es ist dein.

9
00:00:23,150 --> 00:00:25,740
Nate sendet eine E-Mail später für Anweisungen.

10
00:00:25,740 --> 00:00:32,850
Die zweite Sache ist, wenn Sie sich entscheiden, eine Windows 8 App für Ihr CS50 endgültige Projekt schreiben,

11
00:00:32,850 --> 00:00:35,870
wir werden tun, einige Werbegeschenke: eine Xbox,

12
00:00:35,870 --> 00:00:38,870
könnten wir in der Lage, eine Schiefertafel zu verschenken, Sachen so sein.

13
00:00:38,870 --> 00:00:42,460
Also, wenn es etwas gibt, hält Sie zurück, lassen Chris und ich weiß,

14
00:00:42,460 --> 00:00:45,010
Wie können wir Ihnen helfen etwas wirklich cool zu bauen.

15
00:00:45,010 --> 00:00:48,580
Also nochmals vielen Dank für Ihr Kommen heute, und ich werde es über Chris.

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

17
00:00:51,000 --> 00:00:52,740
Danke, alle, heute bei uns.

18
00:00:52,740 --> 00:00:55,800
Ich bin Chris Bowen. Ich bin einer von Edwin Kollegen hier im Nordosten.

19
00:00:55,800 --> 00:00:58,310
Ich wollte nur ein wenig Zeit mit Ihnen reden verbringen

20
00:00:58,310 --> 00:01:03,730
wie Sie eine Windows Store-Anwendung mit HTML5, JavaScript zu machen, und CSS

21
00:01:03,730 --> 00:01:07,310
und eine Art, an alle Fragen, die Sie über sie beantwortet haben für Sie

22
00:01:07,310 --> 00:01:12,920
wie Sie in Richtung denken vielleicht er es eine CS50 Finale Gelegenheit suchen.

23
00:01:12,920 --> 00:01:14,980
>> Das heißt, wir werden einfach tauchen rechts in.

24
00:01:14,980 --> 00:01:17,190
Ich werde über hier gehen, um Dias.

25
00:01:17,190 --> 00:01:19,440
Wenn Sie irgendwelche Fragen haben, dann zögern Sie mir eine E-Mail an senden.

26
00:01:19,440 --> 00:01:23,460
Ich bin cbowen@microsoft.com, und es ist mein Blog und mein Twitter.

27
00:01:23,460 --> 00:01:26,330
Wie auch immer Sie mit mir in Verbindung treten möchten, ist das in Ordnung.

28
00:01:26,330 --> 00:01:30,110
Ich habe etwa eine Stunde von Zeug, und ich möchte auf Ihre Fragen auf dem Weg zu bekommen,

29
00:01:30,110 --> 00:01:33,720
so scheuen Sie sich nicht darüber, dass Fragen, die während dieses.

30
00:01:33,720 --> 00:01:36,470
Sie können nicht sehen, wer die Fragen auf der Aufnahme,

31
00:01:36,470 --> 00:01:39,090
so dass Sie so anonym sein, wie Sie sein möchten.

32
00:01:39,090 --> 00:01:42,780
>> Lassen Sie mich direkt zu tauchen, nur Ihnen einen schnellen Einstieg in Windows 8,

33
00:01:42,780 --> 00:01:47,400
und zeigen Ihnen ein paar der Dinge, über Windows Store Apps, die Sie sich anschauen sollten

34
00:01:47,400 --> 00:01:49,530
wie Sie über eine Anwendung entwickeln, denken.

35
00:01:49,530 --> 00:01:52,660
Wir sind bei Windows 8 suchen. Wir haben für ein paar Wochen jetzt gewesen.

36
00:01:52,660 --> 00:01:55,810
Viele starke Annahme gibt, schon.

37
00:01:55,810 --> 00:01:59,800
Sie haben vielleicht schon die Oberflächen Maschinen, die wir auch gesehen haben.

38
00:01:59,800 --> 00:02:03,730
Es gibt hier tatsächlich ein Sie können einen Blick auf nehmen, wenn Sie hier in Person sind.

39
00:02:03,730 --> 00:02:07,530
Ich möchte wirklich mit Ihnen sprechen, Sie, um ein wenig über Windows 8.

40
00:02:07,530 --> 00:02:10,759
Die Idee mit Windows 8, es ist wirklich vorwärts bringen all die Dinge die Sie über Windows wissen

41
00:02:10,759 --> 00:02:16,840
in einige neue Erfahrungen - vor allem, wie die Dinge auf der Oberfläche mit Touch-Maschine,

42
00:02:16,840 --> 00:02:20,000
Diese Art von Mobilgeräten, die heute auf dem Markt sind,

43
00:02:20,000 --> 00:02:22,360
aber es ist auch Fenster in seinem Kern.

44
00:02:22,360 --> 00:02:25,850
Also bedeutet das, Sie kann es wirklich auf alles, was Windows 7 läuft zu installieren,

45
00:02:25,850 --> 00:02:30,770
von Ihrem größten Dreifach-SLI-Gaming-PC auf Ihrem Laptop

46
00:02:30,770 --> 00:02:36,200
und Ihr neues andere Geräte, die Sie vielleicht heute abholen.

47
00:02:36,200 --> 00:02:38,450
Sie werden Windows 8 laufen.

48
00:02:38,450 --> 00:02:40,530
Ich zeige Ihnen, um nur ein wenig,

49
00:02:40,530 --> 00:02:44,670
und all die Erfahrungen, die Sie hier sehen, sind Dinge, die Sie erstellen können.

50
00:02:44,670 --> 00:02:47,760
Die Idee ist, ob es berühren, Maus, Tastatur,

51
00:02:47,760 --> 00:02:51,870
was auch immer das Gerät ist, dass Sie mit Ihrer Anwendung arbeiten an, es geht zu laufen toll.

52
00:02:51,870 --> 00:02:55,180
Windows 8 wird mit all diesen Szenarien helfen.

53
00:02:55,180 --> 00:02:59,600
>> Diese Folien beiseite, lasst uns einfach rechts in die sich ein Blick hier in der Nähe zu bekommen.

54
00:02:59,600 --> 00:03:03,270
Lassen Sie mich Ihnen zeigen, um meine Home-Bildschirm. Das ist mein Startbildschirm.

55
00:03:03,270 --> 00:03:05,810
Ich werde Ihnen nur ein wenig von einer Tour hier.

56
00:03:05,810 --> 00:03:09,610
Ich bin auf einer Non-Touch-Maschine, also so viel wie ich will mein Laptop-Bildschirm zu berühren,

57
00:03:09,610 --> 00:03:13,400
es wird nichts tun, so dass ich nur zu blättern um hier ein wenig und zeigen.

58
00:03:13,400 --> 00:03:17,950
Einige Dinge, die Sie vielleicht bemerkt, sind die Tatsache, dass diese sogenannten Live-Kacheln genannt

59
00:03:17,950 --> 00:03:21,470
tatsächlich kann animieren, und sie können Informationen zu präsentieren -

60
00:03:21,470 --> 00:03:24,750
vielleicht Updates auf Statistiken für ein Spiel

61
00:03:24,750 --> 00:03:30,970
oder zeigen Sie Nachrichten aus einigen der früheren Apps, die hier auf der linken Seite.

62
00:03:30,970 --> 00:03:35,350
Dort gehen wir. Ich bin sicher, dass es nur positive und fantastisch gute Nachricht.

63
00:03:35,350 --> 00:03:38,450
Sie können hier sehen, dass es wirklich fordern Ihre Aufmerksamkeit wieder auf der App, sagen,

64
00:03:38,450 --> 00:03:43,010
"Hey, es ist etwas Neues. Werfen Sie einen Blick. Kommen Sie zurück und sehen, was für Sie neu ist."

65
00:03:43,010 --> 00:03:45,320
Das nennt man Live-Tile, und Sie tun können Meldungen

66
00:03:45,320 --> 00:03:47,070
entweder direkt aus der Anwendung selbst

67
00:03:47,070 --> 00:03:52,220
oder wenn Sie genauer schauen, werden Sie feststellen, wie Sie eine Remote-Service schreiben

68
00:03:52,220 --> 00:03:54,340
dass tatsächlich schieben kann Informationen an den Fliesen,

69
00:03:54,340 --> 00:03:56,520
das ist das, was mit diesen Nachrichten-Apps passiert.

70
00:03:56,520 --> 00:04:00,080
Sie sind eigentlich immer Nachrichten aus der Wolke und die Aktualisierung der Fliese genau dort

71
00:04:00,080 --> 00:04:03,710
damit die Leute wissen, es gibt einen Grund zu öffnen, die Anwendung und werfen Sie einen Blick

72
00:04:03,710 --> 00:04:06,950
bei was auch immer die neuesten Nachrichten sind in einer dieser

73
00:04:06,950 --> 00:04:10,060
oder wenn es neue Rezepte oder ein neuer Highscore zu schlagen

74
00:04:10,060 --> 00:04:13,560
oder einen Freund spielen oder was auch immer auf diese Anwendungen.

75
00:04:13,560 --> 00:04:15,550
Es ist etwas, um Sie zurück zu locken in.

76
00:04:15,550 --> 00:04:18,640
Also das ist die Live-Kacheln, und es könnte eine Person sein, es könnte eine Website als gut.

77
00:04:18,640 --> 00:04:20,790
Normalerweise ist es eine Anwendung ist.

78
00:04:20,790 --> 00:04:25,320
>> So ziemlich alle diese Dinge, die ich hier habe, kam aus dem Windows Store. Ich werde starten, dass.

79
00:04:25,320 --> 00:04:27,890
Es ist eine der Anwendungen, die Sie standardmäßig erhalten

80
00:04:27,890 --> 00:04:30,350
auf jedem Rechner, auf denen Windows 8 ist.

81
00:04:30,350 --> 00:04:33,040
Sie können hierher kommen, um alles, was Sie wollen, finden würde,

82
00:04:33,040 --> 00:04:37,240
von Dingen, die Spiele, die ich vorher noch nicht gesehen haben, hervorgehoben werden.

83
00:04:37,240 --> 00:04:39,440
Oh, wow, wir haben einen neuen Flipper hier.

84
00:04:39,440 --> 00:04:41,580
Diese können Sie direkt hier im Shop zu installieren,

85
00:04:41,580 --> 00:04:43,420
und wir erfahren, wie man diese Entwicklung zu sprechen.

86
00:04:43,420 --> 00:04:45,670
Sie haben eine Menge von Möglichkeiten, wie Sie sie zu schaffen.

87
00:04:45,670 --> 00:04:49,020
Wir konzentrieren sich in der JavaScript-Geschichte mit HTML und CSS,

88
00:04:49,020 --> 00:04:52,790
aber für den Benutzer, auf den Käufer der App, es spielt keine Rolle, was es geschrieben ist

89
00:04:52,790 --> 00:04:54,670
Sie können weiter gehen und mit ihm zu arbeiten.

90
00:04:54,670 --> 00:04:57,870
Ich bin fasziniert von diesem einen, so muss ich diese öffnen und werfen Sie einen Blick.

91
00:04:57,870 --> 00:05:02,310
Jede App, darunter diejenigen, die Sie einreichen und verkaufen oder verschenken kostenlos,

92
00:05:02,310 --> 00:05:06,240
was auch immer Sie im Laden tun wollen, wird eine Homepage wie diese zu erhalten.

93
00:05:06,240 --> 00:05:10,750
Sie können mit Ihrer Anwendung eine Reihe von Screenshots einreichen - hier sehen Sie einige -

94
00:05:10,750 --> 00:05:15,970
Details zu dem Programm, und im Laufe der Zeit werden Sie beide Bewertungen ansammeln -

95
00:05:15,970 --> 00:05:19,020
sie sind im Grunde nur die Sterne - und Bewertungen,

96
00:05:19,020 --> 00:05:20,690
die ein wenig mehr Einblick.

97
00:05:20,690 --> 00:05:24,380
Eigentlich hat jemand etwas geben und Ihnen sagen, wie toll du bist,

98
00:05:24,380 --> 00:05:29,300
und das wird in den Bewertungen Abschnitt, über den hier zu gehen, was ich nicht haben aussah.

99
00:05:29,300 --> 00:05:33,890
Fantastic. "Wird auch nicht öffnen." Wie groß.

100
00:05:33,890 --> 00:05:39,000
Nun, für die Leute, für die dies taten offen und laufen, scheinen sie wirklich genießen. [Lacht]

101
00:05:39,000 --> 00:05:43,770
Beachten Sie dies. Im Internet. Jeder kann sagen, was sie über Ihre Anwendung soll.

102
00:05:43,770 --> 00:05:45,780
So stellen Sie sicher, dass Sie einen tollen Job mit sich,

103
00:05:45,780 --> 00:05:49,030
stellen Sie sicher, dass es so komfortabel für den Anwender wie möglich sind

104
00:05:49,030 --> 00:05:52,720
weil sie ein paar Klicks entfernt von der Bereitstellung einer Überprüfung

105
00:05:52,720 --> 00:05:55,870
und das wird akkumulieren bis zu Ihrem Gesamtbewertungs.

106
00:05:55,870 --> 00:05:58,990
Und Sie Ihr Bestes tun wollen, weil Sie sich zu gegen andere Anwendungen sind.

107
00:05:58,990 --> 00:06:01,830
Es werden Tausende von Apps bereits in der Filiale sein,

108
00:06:01,830 --> 00:06:06,880
und die Chancen sind, kann es etwas, das eine ähnliche Funktionalität wie das, was du tust, tut.

109
00:06:06,880 --> 00:06:12,740
Also, wenn Sie wirklich abheben von der Masse ab, das wird zu Ihrem Vorteil sein, natürlich.

110
00:06:12,740 --> 00:06:15,300
>> Wir werden ein wenig später in den Laden zu bekommen.

111
00:06:15,300 --> 00:06:17,090
Ich möchte wirklich auf die Schaffung Apps konzentrieren.

112
00:06:17,090 --> 00:06:20,760
Aber die kurze Version des Ladens ist den weltweiten Vertrieb,

113
00:06:20,760 --> 00:06:25,430
es ist automatisch Bestandteil von Windows 8, die Leute einfach feuern sie auf und werfen Sie einen Blick auf die verschiedenen Apps hier,

114
00:06:25,430 --> 00:06:29,070
Sie haben den Dress-Up Sticker Book und alle Arten von verschiedenen Anwendungen.

115
00:06:29,070 --> 00:06:33,690
Fresh Paint, ich benutze dies eine Menge - schlecht, aber ich benutze es viel.

116
00:06:33,690 --> 00:06:36,080
Es zeigt mir, ich besitze es schon.

117
00:06:36,080 --> 00:06:41,280
Lassen Sie mich etwas, was ich nicht haben zeigen Ihnen - UVideos ich nicht so ganz neu haben.

118
00:06:41,280 --> 00:06:43,660
Sie sehen hier, es ist kostenlos, so können Sie es direkt aus dem Speicher zu installieren.

119
00:06:43,660 --> 00:06:46,430
Sie haben die Wahl auch. Selbstverständlich können Sie geben es weg.

120
00:06:46,430 --> 00:06:49,660
Sie können Werbung in der App oder Spiel setzen.

121
00:06:49,660 --> 00:06:54,770
Sie können auch dafür verlangen, und man konnte sehr leicht eine Studie für die Anwendung als auch

122
00:06:54,770 --> 00:06:58,220
so können wir versuchen, die Leute es für eine Woche oder was auch immer Sie tun möchten.

123
00:06:58,220 --> 00:07:01,540
Das ist einfach anpassbar durch das Portal. Sie haben keinen Code dafür schreiben.

124
00:07:01,540 --> 00:07:03,990
So können Sie sagen: "Sie können diese für eine Woche zu verwenden und dann musst du es kaufen,"

125
00:07:03,990 --> 00:07:07,130
oder Sie könnten Dinge wie: "Sie könnten die ersten 3 Ebenen dieses Spiel spielen zu können

126
00:07:07,130 --> 00:07:09,820
"Und dann haben Sie zu kaufen, um den Rest zu gelangen."

127
00:07:09,820 --> 00:07:12,310
Man könnte sogar tun, in-App-Käufe als auch, so können Sie sagen:

128
00:07:12,310 --> 00:07:17,880
"Wir haben zusätzliche Abenteuer oder Sätze von Grafiken oder Dinge, die freigeschaltet werden bekam -

129
00:07:17,880 --> 00:07:21,430
"Mehr Rezepte, die freigeschaltet werden -., Wenn Sie diese erweiterten Sets kaufen"

130
00:07:21,430 --> 00:07:24,260
Und Sie können, dass alle in der App oder Spiel selbst zu tun.

131
00:07:24,260 --> 00:07:26,070
Also, völlig bis zu Ihnen, Ihre Wahl.

132
00:07:26,070 --> 00:07:28,070
Es gibt eine Menge Dinge, die Sie im Laden zu tun,

133
00:07:28,070 --> 00:07:31,660
und dann im Grunde sind Sie schicken es an eine Zertifizierungs Kanal.

134
00:07:31,660 --> 00:07:35,380
Wir können uns alle darüber ein wenig später zu sprechen, aber das ist das Ziel.

135
00:07:35,380 --> 00:07:40,410
Sie möchten Ihre App weltweite Sichtbarkeit in den Laden hier.

136
00:07:40,410 --> 00:07:44,170
>> Zurück auf dem Startbildschirm hier, würde Ich mag, um Sie um ein wenig mehr zu zeigen.

137
00:07:44,170 --> 00:07:50,580
Wenn ich diese Anwendungen zu starten, lassen Sie mich hier ein Beispiel geben von etwas Cross-App-Funktionalität.

138
00:07:50,580 --> 00:07:53,070
Um das zu tun, werde ich Fresh Paint zu starten.

139
00:07:53,070 --> 00:07:55,550
Eine Sache, die Sie hier sehen, ist jedes einzelne Bit des Bildschirms,

140
00:07:55,550 --> 00:07:58,040
alle Pixel auf dem Bildschirm, gehen Sie zu Ihrer App.

141
00:07:58,040 --> 00:08:01,990
Vorbei sind die Tage, wo man rund um Fenster haben diese Grenzen

142
00:08:01,990 --> 00:08:05,120
mit vielen Tasten, die sind immer da, nehmen Platz die ganze Zeit.

143
00:08:05,120 --> 00:08:09,430
Jetzt können Sie wirklich wollen, um davon wegzukommen und nur noch Ihre Inhalte im Mittelpunkt stehen.

144
00:08:09,430 --> 00:08:13,710
Wir können Dinge tun, indem Sie in Windows den Zugriff auf andere Arten von Menüs.

145
00:08:13,710 --> 00:08:16,840
Einer von ihnen ist tatsächlich, was der Charms Bar namens,

146
00:08:16,840 --> 00:08:18,870
und es kommt von der Seite des Bildschirms.

147
00:08:18,870 --> 00:08:21,270
Sie können tatsächlich von der Seite blättern, wenn Sie einen Touchscreen haben,

148
00:08:21,270 --> 00:08:24,840
Sie könnten der rechten Maustaste, wenn Sie eine Maus haben, gibt es eine Tastenkombination für sie,

149
00:08:24,840 --> 00:08:29,490
es gibt immer mehr als einen Weg, um etwas in der Umgebung hier.

150
00:08:29,490 --> 00:08:31,680
Das bringt eine Reihe von Dingen, die Sie tun können.

151
00:08:31,680 --> 00:08:33,870
Der offensichtlichste ist, dass Sie auf den Startbildschirm zurückgehen,

152
00:08:33,870 --> 00:08:36,780
aber die anderen vier sind das, was Reize bezeichnet.

153
00:08:36,780 --> 00:08:41,059
Sie sind Verträge, die Sie in so einem App-Entwickler stecken kann. Sie sind ziemlich cool.

154
00:08:41,059 --> 00:08:43,340
Suche, ich bin sicher, das ist etwas, was Sie tun werden,

155
00:08:43,340 --> 00:08:44,950
teilen Ich werde Ihnen zeigen, in einem zweiten,

156
00:08:44,950 --> 00:08:48,450
und Geräte und Einstellungen, das sind alles Dinge, die Ihre Anwendung kann in Stecker

157
00:08:48,450 --> 00:08:51,960
Windows nutzen, zu sagen, "Ich habe meinen Teil getan

158
00:08:51,960 --> 00:08:54,700
"Und ich möchte Windows, um eine andere Funktionalität zu unterstützen,

159
00:08:54,700 --> 00:08:56,750
"Und ich will nicht zu viel Code schreiben, um das zu erreichen."

160
00:08:56,750 --> 00:08:59,480
Das ist wirklich ein Vorteil der Verwendung dieser Funktionen.

161
00:08:59,480 --> 00:09:01,340
Lassen Sie mich Ihnen ein.

162
00:09:01,340 --> 00:09:05,170
Um das zu tun, werde ich ein neues Bild zu machen.

163
00:09:05,170 --> 00:09:08,240
Ich sprach auch über die Verwendung jedes Pixel für Ihre Anwendung.

164
00:09:08,240 --> 00:09:11,850
Standardmäßig ist es das, was die Farbe app aussieht, wenn Sie es sind.

165
00:09:11,850 --> 00:09:14,960
Es ist wirklich nur über das, was Sie zeichnen, Ihre Inhalte.

166
00:09:14,960 --> 00:09:20,850
Ich konnte schreckliche Dinge hier zu tun. Was soll ich zeichnen? Ich weiß nicht.

167
00:09:20,850 --> 00:09:23,110
Scribbles? Oh, toll. Ich kann Kritzeleien zu tun. Fantastic.

168
00:09:23,110 --> 00:09:25,130
Ein Truthahn? [Lacht]

169
00:09:25,130 --> 00:09:28,500
Dies ist die abstrakte Puten Sie sehen werden.

170
00:09:28,500 --> 00:09:31,780
Ich kann auch bringen, was die App-Leiste genannt,

171
00:09:31,780 --> 00:09:33,850
und das ist wirklich eine der wichtigsten Möglichkeiten, die Sie nutzen können

172
00:09:33,850 --> 00:09:37,210
zu verstecken, all die Dinge, die auf Ihrem App oder Spiel gewesen sein könnte weg

173
00:09:37,210 --> 00:09:39,570
nur Platz die ganze Zeit.

174
00:09:39,570 --> 00:09:43,270
So, jetzt können Sie es hier aufstellen, und das ist wirklich eine der schönen Erfahrungen

175
00:09:43,270 --> 00:09:46,380
mit der App-Bar, die ich gesehen habe.

176
00:09:46,380 --> 00:09:48,800
Setzen Sie die Möglichkeiten hier zur Auswahl verschiedener Farben.

177
00:09:48,800 --> 00:09:54,310
Wir wollten einen Truthahn, so dass wir etwas braun hier setzen, Mischen beginnen in ein paar Farben.

178
00:09:54,310 --> 00:09:58,790
Wir werden hier eine Zwischenfarbe zu nehmen und dann wieder hier.

179
00:09:58,790 --> 00:10:02,990
Sie können mit dem Zeichnen beginnen. Es ist Ihr Truthahn. Fantastic.

180
00:10:02,990 --> 00:10:07,660
Ich kann nicht zeichnen zu beginnen, sondern mit einem Touchpad vor einem Publikum zu tun ist noch besser.

181
00:10:07,660 --> 00:10:09,640
Das ist genial.

182
00:10:09,640 --> 00:10:13,030
Die Idee, obwohl, ist alles, was mich interessiert, ist hier an der Oberfläche.

183
00:10:13,030 --> 00:10:17,060
Sagen wir, ich bin mit diesem so zufrieden, dass ich habe, es mit jemandem zu teilen.

184
00:10:17,060 --> 00:10:19,680
Normalerweise, was Sie mit anderen Windows-Versionen tun würden,

185
00:10:19,680 --> 00:10:22,900
Sie würde vielleicht einen Screenshot aufzunehmen, würden Sie etwas Copy-Paste des Textes zu tun

186
00:10:22,900 --> 00:10:24,950
oder ähnliche Dinge, die Sie teilen möchten,

187
00:10:24,950 --> 00:10:27,260
und dann gehen und eine andere Anwendung öffnen und sie in ihn.

188
00:10:27,260 --> 00:10:28,630
Hier können Sie nicht haben, um das zu tun.

189
00:10:28,630 --> 00:10:32,400
Sie können tatsächlich bringen die Reize bar und sagen: "Ich möchte diese teilen."

190
00:10:32,400 --> 00:10:35,000
An diesem Punkt, es wird Ihnen zeigen, alle Anwendungen

191
00:10:35,000 --> 00:10:38,080
wissen, wie man mit was auch immer freigegeben ist zu arbeiten.

192
00:10:38,080 --> 00:10:41,590
In diesem Fall ist es ein Bild, also wird es zu sagen: "Ich sehe, Sie haben ein Bild bekommen."

193
00:10:41,590 --> 00:10:45,590
"Wollen Sie, dass zu teilen?" Sie können sehen, ich mich per E-Mail zu stopfen die ganze Zeit.

194
00:10:45,590 --> 00:10:49,420
Er erkennt, dass, und es ist mit mir, dass als Abkürzung,

195
00:10:49,420 --> 00:10:53,270
aber es ist mir auch jede App, die, wie man mit der Aufnahme eines Bildes zu tun, die weiß,

196
00:10:53,270 --> 00:10:55,520
und etwas mit ihm zu tun.

197
00:10:55,520 --> 00:10:57,890
Diese haben alle Windows an, dass sie das tun können.

198
00:10:57,890 --> 00:10:59,240
An dieser Stelle dies ist Windows.

199
00:10:59,240 --> 00:11:01,680
Der Benutzer wählt einfach das, was sie zu tun haben wollen.

200
00:11:01,680 --> 00:11:06,610
Ich werde meine übliche von PuzzleTouch tun. Sie können sehen, Ich habe alle Arten von Puzzles über die Zeit erstellt.

201
00:11:06,610 --> 00:11:11,790
Ich werde PuzzleTouch nehmen und sagen: "Ich möchte diese erstaunliche Schöpfung mit PuzzleTouch zu teilen."

202
00:11:11,790 --> 00:11:16,670
Es wird weiter gehen und sagen: "Großartig. Möchten Sie dies teilen? Fantastic."

203
00:11:16,670 --> 00:11:19,260
"Wollen Sie ein Puzzle, das leicht, mittel ist zu machen, was auch immer?"

204
00:11:19,260 --> 00:11:20,800
Ich werde eine Zwischen hier zu machen.

205
00:11:20,800 --> 00:11:24,890
Es macht das Puzzle. Es wird ein schreckliches Rätsel, denn es ist meist leer.

206
00:11:24,890 --> 00:11:28,100
Aber es ist fertig, und es ist tatsächlich wieder in die andere Anwendung.

207
00:11:28,100 --> 00:11:32,360
Wenn ich hier herauskommen, kann ich für sie suchen und starten Sie es.

208
00:11:32,360 --> 00:11:38,100
Nun, wenn wir blättern über nur ein wenig hier, sollten wir meiner Schöpfung irgendwo zu sehen.

209
00:11:38,100 --> 00:11:42,930
Wo habe ich? Welche Art von Puzzle habe ich machen? Habe ich es einfach?

210
00:11:42,930 --> 00:11:46,110
Oh, da ist es, genau dort.

211
00:11:46,110 --> 00:11:49,550
[Lacht] Es ist das leicht zu erkennen Truthahn Puzzle, das hier ist.

212
00:11:49,550 --> 00:11:52,360
Aber das, was ich möchte Sie darauf hinweisen, das coole Sache hier

213
00:11:52,360 --> 00:11:54,710
wird die Apps nichts voneinander wissen.

214
00:11:54,710 --> 00:11:58,740
Sie sagte nur: "Ich habe ein Bild zu teilen habe, und ich weiß, wie man mit Bildern umzugehen."

215
00:11:58,740 --> 00:12:01,420
Und Sie als Entwickler, müssen Sie nicht, um diesen Code zu schreiben.

216
00:12:01,420 --> 00:12:05,350
Wenn mich jemand fragt, zu teilen, werde ich einige Daten in diesem kleinen Datenstruktur setzen

217
00:12:05,350 --> 00:12:06,740
und ich fertig bin.

218
00:12:06,740 --> 00:12:10,990
Die andere Anwendung übernimmt, macht seine Sache, und das ist das Ende der Sharing-Erlebnis.

219
00:12:10,990 --> 00:12:14,550
Das ist nur eine Sache, die Sie tun können - wirklich sehr, sehr kraftvoll -

220
00:12:14,550 --> 00:12:17,570
und es geht um eines dieser Dinge, die wirklich helfen könnten differenzieren Ihre App sein

221
00:12:17,570 --> 00:12:20,090
und auch Ihr Spiel auch in der Filiale.

222
00:12:20,090 --> 00:12:22,220
Die Menschen werden in der Lage sein zu sagen: "Das ist wirklich nützlich."

223
00:12:22,220 --> 00:12:25,430
"Ich benutze dieses Puzzle Schöpfer die ganze Zeit. Es ist fantastisch."

224
00:12:25,430 --> 00:12:30,490
>> Das ist genug von einem kurzen Überblick über das, was hier vor sich geht.

225
00:12:30,490 --> 00:12:33,670
Es gibt ein paar andere Funktionen zu, dass wir vielleicht zu markieren, wie wir durch den Code zu gehen.

226
00:12:33,670 --> 00:12:37,710
Aber ich möchte in Dias zu tauchen, und das zu tun, werde ich zum Desktop gehen,

227
00:12:37,710 --> 00:12:40,940
die selbst eine weitere Live-Tile hier.

228
00:12:40,940 --> 00:12:43,840
Ich kann in dieser sicher genug zu gehen und,, ich bin auf meine Dias,

229
00:12:43,840 --> 00:12:46,320
aber lassen Sie mich Ihnen zeigen, eigentlich, wo wir sind.

230
00:12:46,320 --> 00:12:48,460
Wir sind tatsächlich in der Desktop-Modus.

231
00:12:48,460 --> 00:12:52,580
Das ist wirklich, wo das, was ich über Windows Vortrag sprach vor

232
00:12:52,580 --> 00:12:54,850
neue Erfahrungen zeigt sich.

233
00:12:54,850 --> 00:12:56,450
Dies ist das Windows wissen Sie.

234
00:12:56,450 --> 00:12:59,730
Windows-Anwendungen sind Desktop-Anwendungen genannt. Sie laufen hier.

235
00:12:59,730 --> 00:13:02,730
Wenn Sie vorhandene Anwendungen und Sie sie auf Windows 8 laufen lassen wollen,

236
00:13:02,730 --> 00:13:04,710
Sie absolut tun.

237
00:13:04,710 --> 00:13:07,590
Das sind nicht die gleichen Dinge wie die Speicher-Anwendungen, die über die hier sind,

238
00:13:07,590 --> 00:13:12,240
wie Fresh Paint und diesen NBC News-Apps und solche Sachen. Diese werden aus dem Laden kommen.

239
00:13:12,240 --> 00:13:14,450
Sie können in einige der Features, die ich Ihnen zeigen, stecken

240
00:13:14,450 --> 00:13:16,620
und andere, die ich euch nicht gezeigt, nur noch.

241
00:13:16,620 --> 00:13:21,460
Aber im Hinterkopf behalten. Wir haben die Unterstützung für diese beiden Dinge auch.

242
00:13:21,460 --> 00:13:27,000
Es tut mir leid. Ist etwas nicht zeigt auf dem Bildschirm? Ich habe es ganz verloren. Das ist seltsam.

243
00:13:29,000 --> 00:13:31,000
Okay. Vielen Dank für den Hinweis.

244
00:13:31,000 --> 00:13:34,770
Was haben Sie für eine Weile nicht zu sehen ist ist mein zeigt Ihnen, dass der Desktop ist hier.

245
00:13:34,770 --> 00:13:37,540
Was ist das letzte, was Sie gesehen haben? Wussten Sie das?

246
00:13:37,540 --> 00:13:39,490
Dies ist der Desktop. Sie wissen bereits, wie es aussieht.

247
00:13:39,490 --> 00:13:42,070
Es ist nichts furchtbar ungewöhnlich.

248
00:13:42,070 --> 00:13:46,940
Es ist unsere Buch diese Erfahrung für Sie nach vorne und lassen Sie die Dinge, die Sie gehabt haben zu verwenden.

249
00:13:46,940 --> 00:13:50,460
Zum Beispiel werde ich zeigen Ihnen Visual Studio. Das ist eine Desktop-Anwendung.

250
00:13:50,460 --> 00:13:52,600
Es wird in diesem Modus ausführen.

251
00:13:52,600 --> 00:13:54,960
Es wird eine komplexere Umgebung unterstützen

252
00:13:54,960 --> 00:14:01,470
mit einer Menge von Optionen und ähnliche Dinge, so macht es eine gute Option als Desktop-App.

253
00:14:01,470 --> 00:14:04,810
>> Das heißt, wir gehen auf Objektträger für nur ein wenig

254
00:14:04,810 --> 00:14:09,720
und Ihnen einige einleitende Inhalt und dann in hier eigentlich Codierung erhalten.

255
00:14:09,720 --> 00:14:14,070
Die gute Nachricht ist, ich habe gehört, Sie haben auf eine Menge von CSS und JavaScript, HTML konzentriert.

256
00:14:14,070 --> 00:14:18,110
All diese Dinge, die Sie schon gelernt Trag direkt in die Herstellung Windows Store Apps.

257
00:14:18,110 --> 00:14:22,920
Die Dinge, die Sie schon mit der Anwendung über CSS-Selektoren und all diese Dinge zu hören

258
00:14:22,920 --> 00:14:27,180
ist genau das, was Sie hier, um eine Anwendung für das Geschäft zu schaffen machen.

259
00:14:27,180 --> 00:14:29,640
Wir werden durch diese Dinge nach und nach zu gehen.

260
00:14:29,640 --> 00:14:34,130
Grundsätzlich baue ich auf die Sachen, die Sie bereits haben die Zeit genommen, zu lernen.

261
00:14:34,130 --> 00:14:36,520
Dies ist der Gesamttabelle der Technologien, die Sie verwenden können,

262
00:14:36,520 --> 00:14:38,790
, um Anwendungen für Windows 8 zu machen.

263
00:14:38,790 --> 00:14:42,840
Der Stoff, auf dem Recht, den Desktop-Anwendungen, ist wirklich das, was wir bereits wissen.

264
00:14:42,840 --> 00:14:46,840
Das Zeug, das ist wirklich die Windows 7 Welt vorwärts in Windows 8 durchgeführt.

265
00:14:46,840 --> 00:14:51,920
Alle diese Optionen vorzutragen: C #, VB, Win32 Art der Entwicklung.

266
00:14:51,920 --> 00:14:54,450
Große. Kein Problem. Das neue Zeug ist auf der linken Seite.

267
00:14:54,450 --> 00:14:58,220
Das ist Windows Store Apps, das ist, wenn ich will, um meine Anwendung in Windows 8 verdrahtet

268
00:14:58,220 --> 00:15:02,300
mit all die Funktionen, bekommen es in den Laden, und erhalten, dass wirklich coole Erfahrung

269
00:15:02,300 --> 00:15:05,260
der Windows Store-Anwendungen.

270
00:15:05,260 --> 00:15:10,350
Um das zu tun, können Sie hier sehen Sie alle Ihre Möglichkeiten mit XAML hast, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, DirectX tun konnte, Dinge wie, dass die Dinge, die über die Folie zu wechseln.

272
00:15:14,100 --> 00:15:18,650
Aber für uns, wir werden direkt auf der Tatsache konzentrieren, die HTML, CSS und JavaScript

273
00:15:18,650 --> 00:15:22,890
sind wirklich ein Bürger erster Klasse für die Herstellung von Anwendungen für Windows 8

274
00:15:22,890 --> 00:15:24,960
und für den Windows Store.

275
00:15:24,960 --> 00:15:27,950
Also das ist gut für alle hier und die Leute beobachten auf Video

276
00:15:27,950 --> 00:15:30,760
weil Sie nur all die Erfahrungen, die Sie nutzen können,

277
00:15:30,760 --> 00:15:33,900
und wirklich in das, was bietet Windows binden.

278
00:15:33,900 --> 00:15:37,870
Sie werden, dass durch eine Reihe von APIs, die keine Überraschung sein sollte, zu tun.

279
00:15:37,870 --> 00:15:39,920
Jedes Betriebssystem hat seine eigenen APIs.

280
00:15:39,920 --> 00:15:43,530
Wir enthüllen, was Windows kann durch eine so genannte WinRT tun.

281
00:15:43,530 --> 00:15:46,370
Es ist eine Reihe von APIs, die gerade alles für Sie tut.

282
00:15:46,370 --> 00:15:51,650
Wenn Sie Dateien öffnen müssen, müssen Sie die Kamera, Geolocation, solche Dinge zu verwenden,

283
00:15:51,650 --> 00:15:55,700
sie durch das, was Windows kann, um Ihnen zu gehen.

284
00:15:55,700 --> 00:15:59,370
Um das zu gelangen, müssen wir etwas mehr JavaScript, die gehen, um es noch einfacher

285
00:15:59,370 --> 00:16:02,510
für Sie, dass zu tun. Darauf werden wir in einem Moment zu bekommen.

286
00:16:02,510 --> 00:16:04,060
Aber für jetzt, das ist im Grunde Ihre Straßenkarte.

287
00:16:04,060 --> 00:16:06,770
Die Dinge, die Sie bereits auf ein paar APIs getan

288
00:16:06,770 --> 00:16:11,280
Hilfe, dass Sie mit Windows arbeiten gleich App Store.

289
00:16:11,280 --> 00:16:14,210
Und das ist wirklich alles, was Sie von dem hohen Niveau kennen.

290
00:16:14,210 --> 00:16:17,370
>> Wir werden in tatsächlich arbeiten mit dem Zeug jetzt tauchen.

291
00:16:18,940 --> 00:16:21,950
Die Dinge, die Sie wahrscheinlich schon ein paar gesehen,

292
00:16:21,950 --> 00:16:26,760
mit IE9 eine kleine Weile zurück haben wir Unterstützung für viele der zu der Zeit,

293
00:16:26,760 --> 00:16:30,340
neuere Standards im Web, so dass eine Vielzahl von neuen CSS-Funktionen,

294
00:16:30,340 --> 00:16:34,380
viele neue HTML, ECMAScript 5, das ist wirklich kein JavaScript.

295
00:16:34,380 --> 00:16:38,090
So war alles für die Ausnahme von den strikten Modus in IE9.

296
00:16:38,090 --> 00:16:42,290
Nur eine Tonne Material mit CSS, CSS3, alles drin.

297
00:16:42,290 --> 00:16:45,300
Und all dieses Zeug trägt vorne in das, was wir mit Windows 8 zu tun.

298
00:16:45,300 --> 00:16:49,350
Sie können diese Dinge zu verwenden, und Sie können alles, was in neue IE10 ist zu verwenden.

299
00:16:49,350 --> 00:16:54,640
Mit IE10 stellen wir die Unterstützung für all diese Dinge.

300
00:16:54,640 --> 00:16:59,340
Sie sind alle Hardware-beschleunigte, so dass, wenn Sie auf einer Maschine, die eine Art von GPU sind,

301
00:16:59,340 --> 00:17:04,190
das ist wahrscheinlich so ziemlich jede Maschine, die Sie in den letzten 8 Jahren bekommen konnte,

302
00:17:04,190 --> 00:17:07,609
wirst du in der Lage, Hardware-beschleunigte Ausgabe zu haben,

303
00:17:07,609 --> 00:17:11,770
visuelle Ausgabe mit CSS, Canvas, SVG.

304
00:17:11,770 --> 00:17:14,339
All diese Dinge werden durch Hardware-Beschleunigung gehen

305
00:17:14,339 --> 00:17:16,060
und dass viel schneller und effizienter.

306
00:17:16,060 --> 00:17:20,440
Die kurze Version der all das - ich bin nicht dabei, durch jede einzelne Sache, hier gehen -

307
00:17:20,440 --> 00:17:23,200
wenn Sie es auf dieser Liste zu sehen, wenn Sie es in IE10 machen können,

308
00:17:23,200 --> 00:17:25,650
wenn es eine Web-App, die Sie ausführen, die im IE10 funktioniert,

309
00:17:25,650 --> 00:17:28,640
es ist etwas, das Sie als Windows Store App tun können.

310
00:17:28,640 --> 00:17:33,100
Und das ist so ziemlich alles. Also, wenn es funktioniert in IE10, es wird als Windows-App-Store zu arbeiten.

311
00:17:33,100 --> 00:17:36,370
Es ist auf dem Tisch als etwas, das Sie nutzen könnten.

312
00:17:36,370 --> 00:17:40,510
>> Es gibt eine Menge hier. Wir haben nicht bis Mitternacht, so kann ich alles, was hier nicht zu bewerten.

313
00:17:40,510 --> 00:17:44,060
Aber es gibt einige Websites, die Ihnen helfen zu verstehen, was diese Dinge tun wird,

314
00:17:44,060 --> 00:17:45,520
und ich werde Ihnen zeigen, einer von ihnen in einer Sekunde.

315
00:17:45,520 --> 00:17:48,410
Ich wollte nur darauf hinweisen, ein paar der wichtigsten Dinge, die Sie sehen.

316
00:17:48,410 --> 00:17:51,560
Vielleicht haben Sie schon einige von diesen in Ihren Studien gesehen haben,

317
00:17:51,560 --> 00:17:56,610
aber diese sind wirklich hilfreich, insbesondere im Windows Store Apps, von der CSS-Seite.

318
00:17:56,610 --> 00:18:02,420
So in der Lage, Transformationen und Übergänge zu erledigen, Bewegung mit Animation -

319
00:18:02,420 --> 00:18:07,010
diese sind alle Teil der CSS jetzt, und sie sind alle von modernen Browsern unterstützt wird,

320
00:18:07,010 --> 00:18:11,370
und IE10 und IE9 Unterstützung haben im Laufe der Zeit für all diese Dinge aufgenommen.

321
00:18:11,370 --> 00:18:15,220
Und warum schreiben Sie es sich, warum sich die Mühe, dies zu tun, diese Dinge mit der Hand gehen

322
00:18:15,220 --> 00:18:19,970
, wenn Sie könnte eine einfache CSS-Transformation, um einen 3D-Effekt für Ihre Anwendung erstellen?

323
00:18:19,970 --> 00:18:22,740
Große. Das ist, wie es funktioniert.

324
00:18:22,740 --> 00:18:24,530
Ich kann es nicht mehr schwierig, als die.

325
00:18:24,530 --> 00:18:28,330
Wenn Sie wissen, wie es in CSS zu tun, wissen Sie, wie man es in den Windows Store App zu tun.

326
00:18:28,330 --> 00:18:32,080
>> Jenseits, dass für das Layout, auch Dinge wie den Laden App

327
00:18:32,080 --> 00:18:35,350
aber darüber hinaus gehen, mit Blick auf vielleicht ein Nachrichten-App, die Ihnen zeigt, ist Artikel

328
00:18:35,350 --> 00:18:40,160
oder Rezepte oder ähnliches, sind diese anderen Arten von Funktionen in CSS wirklich nützlich:

329
00:18:40,160 --> 00:18:45,610
Grid, Flexbox, ist CSS Regionen eher ein ziemlich neues Standard.

330
00:18:45,610 --> 00:18:51,190
Diese Dinge sind alle zu helfen, Sie legen sich Inhalt und Gehalt fließen zwischen den Abschnitten,

331
00:18:51,190 --> 00:18:55,470
in der Lage, Paginierung und Silbentrennung, ohne dass Sie das Zeug selbst schreiben zu tun.

332
00:18:55,470 --> 00:18:57,500
Sie einfach sagen: "Bitte, gehen Sie wie folgt für mich"

333
00:18:57,500 --> 00:19:00,850
und da der Bildschirm Immobilien ist auf verschiedenen Maschinen verschiedene

334
00:19:00,850 --> 00:19:03,850
oder wie Sie gleich sehen, wie Sie eine Anwendung Snap

335
00:19:03,850 --> 00:19:07,920
geringere Mengen an Platz auf dem Bildschirm zu haben, das ist kein Problem für CSS.

336
00:19:07,920 --> 00:19:11,160
Es nutzen können - wir kommen Vortrag über Medien-Anfragen in einem zweiten -

337
00:19:11,160 --> 00:19:15,880
kann es sich um Dinge mit Neupositionierung Ihre Inhalte nehmen, fließende Inhalte von Regionen

338
00:19:15,880 --> 00:19:21,240
nur mit diesen Dingen, die Sie bereits mit Web-Technologie gesehen.

339
00:19:21,240 --> 00:19:25,470
>> Auf der HTML5-Seite, gibt es auch ein paar Dinge

340
00:19:25,470 --> 00:19:28,140
das wird sehr hilfreich sein für Sie mit Windows Store Apps.

341
00:19:28,140 --> 00:19:30,980
Auch hier werden wir nicht durch alle diese gehen, aber sie sind nur hier.

342
00:19:30,980 --> 00:19:35,470
Also, wenn Sie es benötigen, Audio-Video, wenn Sie die Validierung von Formularen tun wollen,

343
00:19:35,470 --> 00:19:40,570
Geolocation, all die Dinge, die Sie in JavaScript mit JavaScript oder ECMAScript 5 5 tun können,

344
00:19:40,570 --> 00:19:44,070
IndexedDB für die lokale Speicherung - all das sind Möglichkeiten für Sie.

345
00:19:44,070 --> 00:19:49,300
Wenn Sie nach einer Antwort suchen, nur auf bestehende Technologien aussehen mit HTML5 und CSS

346
00:19:49,300 --> 00:19:53,880
und Sie werden leichter Antworten, als wenn man eine Menge von dem Zeug selbst rollen zu finden.

347
00:19:53,880 --> 00:19:55,510
Lassen Sie mich Ihnen zeigen, um ein wenig hier.

348
00:19:55,510 --> 00:19:57,920
Ich habe eine Website, können wir zu gehen haben.

349
00:19:57,920 --> 00:20:01,590
Lassen Sie mich aus dieser Folie zu verlassen für eine Sekunde.

350
00:20:01,590 --> 00:20:06,450
>> Wenn wir gehen, um IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Ich werde nicht viel von einer Demo hier zu tun.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com wirklich zeigen Sie eine Menge von dem, was ist neu mit IE10,

353
00:20:14,360 --> 00:20:16,220
die Dinge, die Sie tun können.

354
00:20:16,220 --> 00:20:19,130
Ich finde, das ist wirklich nützlich, weil statt Lesen durch ein Bündel von White Papers,

355
00:20:19,130 --> 00:20:23,020
Blick auf ein paar Demos, und das wird Ihnen helfen, es auf Ihren persönlichen Radar

356
00:20:23,020 --> 00:20:26,620
darüber, ob eine Technologie sinnvoll ist, auch nicht mehr mit Forschung zu tun

357
00:20:26,620 --> 00:20:29,070
so dass Sie verstehen, "Ich sehe, was diese für sich."

358
00:20:29,070 --> 00:20:32,780
"Ich verstehe, was anfordern Animationsrahmen für mich tut."

359
00:20:32,780 --> 00:20:36,900
"Ich verstehe, wie ich konnte Regionen oder SVG-Filter zu verwenden."

360
00:20:36,900 --> 00:20:40,190
Sie sehen sie in Aktion sehen, wie sie auf dem Beispiel hier,

361
00:20:40,190 --> 00:20:44,930
und entscheiden Sie selbst, ob das wird nützlich für Sie in Ihren eigenen Projekten und darüber hinaus

362
00:20:44,930 --> 00:20:47,840
wie Sie weiterhin mit Web-Technologie zu arbeiten.

363
00:20:47,840 --> 00:20:49,900
Hier möchte ich nur empfehlen Ihnen, einen Blick zu nehmen.

364
00:20:49,900 --> 00:20:52,880
Ich glaube nicht, dass ich viel Zeit damit verbringen, diese tatsächlich ausgeführt.

365
00:20:52,880 --> 00:20:56,030
Wir haben genug, um mit dem Schreiben von Code zu bekommen.

366
00:20:56,030 --> 00:21:01,640
Sie werden von Touch-Effekte zu berühren-basierte Spiele in diesem Abschnitt hier Dinge sehen,

367
00:21:01,640 --> 00:21:06,050
Animation, wirklich schnell Hardware-beschleunigte Animation gibt,

368
00:21:06,050 --> 00:21:11,230
einige Optimierungen, die Sie in einigen dieser Proben als auch zu sehen,

369
00:21:11,230 --> 00:21:12,770
und es gibt viele, viele mehr.

370
00:21:12,770 --> 00:21:15,330
Wenn Sie gehen über hier und öffnen Sie die Sitemap,

371
00:21:15,330 --> 00:21:19,070
es gibt nur eine lächerliche Anzahl von Proben hier.

372
00:21:19,070 --> 00:21:20,690
Sie können sie alle hier zu sehen.

373
00:21:20,690 --> 00:21:22,900
Wenn man sich etwas suchen, oder sind Sie über etwas gehört

374
00:21:22,900 --> 00:21:25,850
und Sie sich fragen, vielleicht wäre etwas kühl in der App nutzen zu können,

375
00:21:25,850 --> 00:21:31,720
versuchen, uns hier, und es ist wahrscheinlich eine ziemlich gute Demo für sie, sich etwas Zeit zu sparen.

376
00:21:31,720 --> 00:21:35,980
>> Okay? Haben Sie Fragen, so weit für die Leute hier?

377
00:21:35,980 --> 00:21:39,620
Okay. Wir werden hier weitermachen.

378
00:21:39,620 --> 00:21:41,920
Wieder nur überprüfen, dass aus.

379
00:21:41,920 --> 00:21:45,450
Sie sind Web-Standards, so gehen Sie auf andere Schaufenster Websites, die Sie von wissen

380
00:21:45,450 --> 00:21:50,550
und sehen, ob diese Technologien sinnvoll für das, was Sie zu tun versuchen.

381
00:21:50,550 --> 00:21:53,190
>> Zurück zum Rutschen.

382
00:21:53,190 --> 00:22:00,290
Das heißt, Sie bewegen, von einer Web-Welt, um wirklich eine lokale Anwendung installiert Welt

383
00:22:00,290 --> 00:22:01,850
so gibt es einige Dinge, die hier darauf hinweisen.

384
00:22:01,850 --> 00:22:03,690
Zunächst einmal gibt es keine Web-Server hier beteiligt.

385
00:22:03,690 --> 00:22:06,120
Es gibt keinen Apache, es gibt keine IIS läuft hier

386
00:22:06,120 --> 00:22:10,170
serviert Seiten zu einem Remote-Client, zu einem entfernten Browser Mittel.

387
00:22:10,170 --> 00:22:13,000
In diesem Fall ist wirklich alles für Sie verpackt.

388
00:22:13,000 --> 00:22:16,630
Sie tragen vor, wie Ihre Anwendung in den Laden, er zertifiziert wird,

389
00:22:16,630 --> 00:22:22,190
es ist in den Laden, und dann werden die Menschen zu Tausenden Ihr Spiel oder die App zu installieren.

390
00:22:22,190 --> 00:22:24,780
Aber im Grunde sind sie lokal nach unten ziehen, um ihre Maschine.

391
00:22:24,780 --> 00:22:29,080
Es gibt keine Notwendigkeit, mehr zu gehen, um das Web, wenn Sie Anrufe, die eine Remote-API benötigen,

392
00:22:29,080 --> 00:22:31,790
und das ist völlig normal, wie auch gut.

393
00:22:31,790 --> 00:22:35,330
Aber sie gehen nicht in diesem Modus, wo sie sein, Anfrage-Antwort von einem Server gehen

394
00:22:35,330 --> 00:22:37,910
um die nächste Seite der Inhalte zu bekommen.

395
00:22:37,910 --> 00:22:41,380
Also das heißt, es gibt ein paar kleine Unterschiede API. Das sind unglaublich gering.

396
00:22:41,380 --> 00:22:46,850
Sie sind unwahrscheinlich, die Sie in Ihrem normalen Codierung getroffen, aber sie sind zumindest dokumentiert.

397
00:22:46,850 --> 00:22:50,030
Sie sind Art von Kante Fällen gibt.

398
00:22:50,030 --> 00:22:53,370
>> Die andere Sache, erwähnenswert ist das Vertrauen Unterschiede.

399
00:22:53,370 --> 00:22:58,070
Ich erwähne das nur, weil ich möchte nur, dass ich sagte, es

400
00:22:58,070 --> 00:23:01,580
so, wenn Sie später in sie laufen, werden Sie denken, "Chris sagte etwas darüber,

401
00:23:01,580 --> 00:23:04,890
"Vielleicht, ja, okay", und dann gehen Sie zurück und Sie herausfinden, was es war.

402
00:23:04,890 --> 00:23:06,480
Kontexte Rolle.

403
00:23:06,480 --> 00:23:11,450
Standardmäßig versuchen wir, den Benutzer von Angriffsvektoren schützen.

404
00:23:11,450 --> 00:23:13,400
Es gibt bestimmte Dinge, die Sie tun können, standardmäßig

405
00:23:13,400 --> 00:23:16,130
und bestimmte Dinge, die Sie ändern Kontext zu ermöglichen.

406
00:23:16,130 --> 00:23:19,860
Wie Sie mit ein paar Bibliotheken da draußen - du hast bereits mit jQuery gearbeitet,

407
00:23:19,860 --> 00:23:23,650
aber wenn Sie für andere Bibliotheken gibt, schauen - Sie könnten mit etwas Funktionalität

408
00:23:23,650 --> 00:23:28,000
diese Art der geht über die lokale Nutzung, nicht mehr dynamischen Wechselwirkungen

409
00:23:28,000 --> 00:23:30,360
XHR-Anfragen, solche Dinge.

410
00:23:30,360 --> 00:23:33,090
Manchmal finden Sie vielleicht die standardmäßig deaktiviert werden,

411
00:23:33,090 --> 00:23:37,790
und in diesem Fall, nur eine Suche, für lokale und Web-Kontext

412
00:23:37,790 --> 00:23:39,560
und finden Sie heraus, wie das zu beheben.

413
00:23:39,560 --> 00:23:42,580
So stellen Sie sicher, dass Sie wussten, wie Sie auf andere Frameworks verwenden zu beginnen,

414
00:23:42,580 --> 00:23:45,720
welche, sollte ich erwähnen, sind Sie durchaus in der Lage zu tun.

415
00:23:45,720 --> 00:23:49,290
Also, wenn Sie einen anderen Rahmen zu finden - wir kommen darüber sprechen in einer zweiten -

416
00:23:49,290 --> 00:23:54,000
für Spiele und du das nutzen wollen, einige Steuerelementbibliotheken, die es gibt verwenden möchten,

417
00:23:54,000 --> 00:23:57,990
und Sie nicht möchten, dass das Zeug selbst zu schreiben - es ist eine gute Idee, oder? -

418
00:23:57,990 --> 00:23:59,560
Sie kann durchaus mit diesem Zeug.

419
00:23:59,560 --> 00:24:03,660
Es gibt nichts hält Sie mit irgendeiner Art von Bibliothek, die auf JavaScript basiert ist zurück,

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

421
00:24:05,380 --> 00:24:09,740
Auch wenn es etwas, das Sie in IE10, die eine verdammt viel ist in diesen Tagen tun können,

422
00:24:09,740 --> 00:24:11,220
Sie können es tun.

423
00:24:11,220 --> 00:24:14,800
Ziehen Sie es in Ihre Anwendung, Referenz, die JavaScript-Bibliothek, und verwenden Sie es in Ihrer Anwendung

424
00:24:14,800 --> 00:24:19,880
nur halten Sie daran, Sie könnten einen Sicherheitskontext einmal in eine Weile getroffen - nicht sehr oft.

425
00:24:19,880 --> 00:24:24,150
>> Und dann die Funktionen, werden wir über ein paar mehr von denen gehen, wie wir gehen.

426
00:24:24,150 --> 00:24:27,500
Die UX Sie Art zu gewöhnen, wie Sie mehr und mehr Anwendungen sehen

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

428
00:24:29,250 --> 00:24:33,870
Sie bekommen ein Gefühl dafür, wie sie funktionieren und wie das Design-Ästhetik neigt zu arbeiten

429
00:24:33,870 --> 00:24:37,720
über verschiedene Anwendungen und was die Menschen zu erleben, verwendet werden.

430
00:24:37,720 --> 00:24:39,660
Das ist wirklich der wichtigste Teil.

431
00:24:39,660 --> 00:24:42,460
Stellen Sie sicher, dass, wenn sie feuern Ihre App die sie nicht brauchen, um ein Handbuch zu lesen,

432
00:24:42,460 --> 00:24:44,300
was sie nie tun, übrigens.

433
00:24:44,300 --> 00:24:46,650
Sie sollten nur in der Lage das Spiel mit der Anwendung zu starten

434
00:24:46,650 --> 00:24:49,450
und es herauszufinden, ohne große Schwierigkeiten.

435
00:24:49,450 --> 00:24:52,660
Mit dem Festhalten und zu einer Menge von diesen Praktiken haftende,

436
00:24:52,660 --> 00:24:57,640
Sie gehen an die Benutzer einen großen Gefallen tun, so dass einfacher.

437
00:24:57,640 --> 00:25:01,810
>> Okay. Eine letzte Sache auf der API-Seite und dann werden wir in tatsächlich das Schreiben von Code zu erhalten.

438
00:25:01,810 --> 00:25:05,660
WinJS Sache ist, dass ich bereits sehr kurz mit diesem komplexen Folie

439
00:25:05,660 --> 00:25:08,850
mit all den verschiedenen Möglichkeiten, die Sie für die Herstellung von Anwendungen haben.

440
00:25:08,850 --> 00:25:10,890
WinJS, können Sie es als ein Kumpel denken können.

441
00:25:10,890 --> 00:25:13,680
Es ist dein Freund zu helfen, Sie Sachen schneller zu schreiben.

442
00:25:13,680 --> 00:25:18,820
Es ist nur, JavaScript und CSS. Sie müssen nicht, es zu benutzen. Sie können es verwenden.

443
00:25:18,820 --> 00:25:22,180
Wenn Sie vorhaben, werden in Berufung auf Windows-Funktionen, werden Sie am Ende mit ihm,

444
00:25:22,180 --> 00:25:27,210
aber wenn es Dinge wie einige Design-Mustern oder Steuerelemente, die Sie wirklich nicht verwenden möchten,

445
00:25:27,210 --> 00:25:29,090
Sie etwas anderes verwenden möchten, ist es bis zu Ihnen.

446
00:25:29,090 --> 00:25:32,580
Entscheiden Sie, was Sie verwenden möchten und die Stile, die Sie verwenden möchten.

447
00:25:32,580 --> 00:25:37,250
Die Funktionen von Namensräume und Klasse Generation - bis zu Ihnen.

448
00:25:37,250 --> 00:25:41,650
Wenn Sie das eine oder andere bevorzugen, ist es ganz Ihrer Wahl. Es ist immer noch JavaScript und CSS.

449
00:25:41,650 --> 00:25:43,860
Aber es wird Ihnen helfen, eine Menge Sachen zu tun.

450
00:25:43,860 --> 00:25:47,780
Zum Beispiel, hier ist eine Teilmenge von dem, was sie tun können,

451
00:25:47,780 --> 00:25:50,790
Dinge wie hilft die asynchrone Programmierung mit Versprechungen.

452
00:25:50,790 --> 00:25:54,000
Jeder von Ihnen gehört oder mit Node.js gearbeitet?

453
00:25:54,000 --> 00:25:59,520
Es ist ein gemeinsames Muster mit asynchrone Programmierung arbeiten.

454
00:25:59,520 --> 00:26:02,370
Also im Grunde, was du sagst, heißt: "Geht etwas tun,

455
00:26:02,370 --> 00:26:05,790
"Und du wirst mir ein Versprechen, dass Sie zu mir zurück, wenn Sie fertig sind zu geben."

456
00:26:05,790 --> 00:26:08,400
Das ist im Wesentlichen, was los ist.

457
00:26:08,400 --> 00:26:12,400
So können Sie nicht einfrieren bis die Anwendung während der Benutzer geht und Kommissionierung eine Datei

458
00:26:12,400 --> 00:26:15,810
oder wird etwas nach unten aus dem Web gestreamt.

459
00:26:15,810 --> 00:26:17,210
Die UI ansprechbar bleibt.

460
00:26:17,210 --> 00:26:19,410
Und Sie können, dass mit Hilfe der asynchronen Programmierung zu tun.

461
00:26:19,410 --> 00:26:23,620
Es klingt lächerlich komplex, aber es ist wirklich einfach, weil man mit Versprechungen sind

462
00:26:23,620 --> 00:26:27,900
und Sie können nur sagen: "Gehen Sie tun dies, und wenn Sie fertig sind, rufen Sie zurück zu dieser Methode."

463
00:26:27,900 --> 00:26:30,270
Das ist so ziemlich alles. Das ist alles in den WinJS gebaut.

464
00:26:30,270 --> 00:26:35,120
Es wird es viel einfacher, wirklich flexible und leistungsstarke Anwendungen zu schreiben.

465
00:26:35,120 --> 00:26:37,870
>> Sie können den Rest hier zu sehen, eine Menge von Animationen.

466
00:26:37,870 --> 00:26:41,240
Wahrscheinlich einer der wichtigere Dinge auf dieser Folie sind Kontrollen.

467
00:26:41,240 --> 00:26:44,680
Ich glaube, ich habe eine ganze - ja, ich.

468
00:26:44,680 --> 00:26:48,900
Hier ist ein Beispiel von nur einige der Steuerelemente, die Sie in Ihren Anwendungen verwenden können.

469
00:26:48,900 --> 00:26:51,060
Das ist alles gerade nach oben aus WinJS.

470
00:26:51,060 --> 00:26:53,430
Sie sind nicht schreibe diese selbst,

471
00:26:53,430 --> 00:26:55,990
Sie gerade sagen: "Hier ist, wie ich meine Anwendung zu komponieren."

472
00:26:55,990 --> 00:26:59,420
"Ich werde ein Flip-Ansicht verwenden, so kann ich zwischen verschiedenen Bilder zu gehen."

473
00:26:59,420 --> 00:27:03,380
Ich habe dich nicht dargestellt Semantic Zoom. Ich werde Ihnen zeigen, dass in einer Sekunde.

474
00:27:03,380 --> 00:27:05,700
Listviews. Es gibt Gridviews.

475
00:27:05,700 --> 00:27:08,680
Sie haben bereits ein Gitter als Teil des Shop-Anwendung gesehen,

476
00:27:08,680 --> 00:27:12,170
so in der Lage, Inhaltsblöcke verwenden und Scrollen über die.

477
00:27:12,170 --> 00:27:15,660
Flyout-Menüs werden Sie von Zeit zu Zeit zu sehen.

478
00:27:15,660 --> 00:27:19,090
Die App-Leiste zeigte ich Ihnen mit, dass Fresh Paint-Anwendung als auch,

479
00:27:19,090 --> 00:27:22,190
so dass Sie sah, wie du das anpassen kann, indem man Tasten auf sie

480
00:27:22,190 --> 00:27:26,360
und dass mit verstecken, wenn Sie nicht darauf, dass zu verwenden.

481
00:27:26,360 --> 00:27:28,120
Das ist wirklich völlig bis zu Ihnen zu bedienen.

482
00:27:28,120 --> 00:27:30,210
Diese sind alle Steuerelemente, die Teil der WinJS sind.

483
00:27:30,210 --> 00:27:33,640
Ich zeige Ihnen, wie Sie diese in nur einer Sekunde zu machen, aber es gibt mehr als nur diese,

484
00:27:33,640 --> 00:27:37,060
und der Schlüssel ist, verwenden Sie sie, wenn Sie wollen, etwas Zeit sparen.

485
00:27:37,060 --> 00:27:40,830
>> Wenn Sie andere Steuer Bibliotheken, die Sie verwenden möchten, ist das auch völlig in Ordnung.

486
00:27:40,830 --> 00:27:46,300
Dinge wie jQuery UI tun eine Menge von dieser Art von Idee als gut,

487
00:27:46,300 --> 00:27:51,280
Bereitstellung von mehr Kontrollen, erweitern, was Sie in HTML und JavaScript zu tun.

488
00:27:52,690 --> 00:27:55,680
Lassen Sie tauchen in. Ich habe schon gesagt. Verwenden Sie, was Sie möchten.

489
00:27:55,680 --> 00:27:59,680
Denken Sie auch daran, dass Sie vielleicht in einige Probleme laufen Kontext.

490
00:27:59,680 --> 00:28:03,380
Aber man kann sicherlich mischen und mit welcher Art von Bibliotheken Sie bequem mit,

491
00:28:03,380 --> 00:28:06,770
Sie lernen wollen, die Sie verwenden, um sich etwas Zeit sparen möchten.

492
00:28:06,770 --> 00:28:09,850
>> Lassen Sie uns über Werkzeuge reden nur für eine Sekunde.

493
00:28:09,850 --> 00:28:12,400
Sie können das bekommen, was Sie die Arbeit mit Windows Store Apps zu beginnen brauchen.

494
00:28:12,400 --> 00:28:17,360
Wenn ich wieder aus, ich habe zu viele Dinge hier oben.

495
00:28:17,360 --> 00:28:21,770
Wenn Sie zu dieser Seite, die dev.windows.com ist,

496
00:28:21,770 --> 00:28:23,300
Sie können alles, was Sie herunterladen.

497
00:28:23,300 --> 00:28:28,170
Als Studenten haben Sie Zugriff auf mehr als die Allgemeinheit tut,

498
00:28:28,170 --> 00:28:30,670
so können Sie höhere End-Versionen von Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Edwin erwähnt können Sie bereits Windows-als auch.

500
00:28:34,090 --> 00:28:36,790
Aber im allgemeinen, für alle Entwickler, können Sie auf diese Seite gehen

501
00:28:36,790 --> 00:28:40,380
und downloaden Sie alles, was Sie brauchen, um einen Antrag zu machen, und es ist alles kostenlos.

502
00:28:40,380 --> 00:28:42,460
So gibt es eine kostenlose Version von Visual Studio,

503
00:28:42,460 --> 00:28:44,450
gibt es einige Tools, die neben der Installation wird, dass -

504
00:28:44,450 --> 00:28:47,240
alles, was Sie zum Erstellen und testen Sie Ihre Anwendung benötigen.

505
00:28:47,240 --> 00:28:50,130
Es ist nur, wenn Sie gehen, um Ihre Anwendung in den Laden zu veröffentlichen sind bis

506
00:28:50,130 --> 00:28:52,470
dass Sie gehen, um ein Entwickler-Konto benötigen.

507
00:28:52,470 --> 00:28:56,100
Das habe ich zu glauben, ist frei. Ist es kostenlos für Studenten als auch? >> [Guarin] Welche?

508
00:28:56,100 --> 00:28:57,970
Die Entwickler-Konto, die tatsächliche Unterwerfung. >> [Guarin] Ja.

509
00:28:57,970 --> 00:28:59,580
Das ist eine gute Nachricht.

510
00:28:59,580 --> 00:29:00,840
Sie gehen der Blick auf diese.

511
00:29:00,840 --> 00:29:03,840
Es wird für einen einzelnen sagen, standardmäßig ist es 49 $.

512
00:29:03,840 --> 00:29:06,140
Aber nicht melden Sie sich für diese als Student.

513
00:29:06,140 --> 00:29:10,250
Wir werden Ihnen einige Informationen über Ihre Programme, die Sie kostenlos ein Konto bekommen können,

514
00:29:10,250 --> 00:29:13,980
und lassen Sie dann Ihre Anwendungen bis hin zu dem Laden,

515
00:29:13,980 --> 00:29:17,370
so viele, wie Sie wollen, und all das Gute wird bald folgen.

516
00:29:17,370 --> 00:29:19,710
Also das ist dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Sie können die Tools, die Sie von hier aus müssen herunterladen.

518
00:29:22,170 --> 00:29:25,310
Und wenn Sie möchten, können Sie eine Testversion von Windows hier zu bekommen,

519
00:29:25,310 --> 00:29:27,160
aber wieder, brauchen Sie nicht zu.

520
00:29:27,160 --> 00:29:32,880
>> Die andere Seite - lassen Sie mich dieses heraus für Sie schnell - ist design.windows.com.

521
00:29:32,880 --> 00:29:34,770
Das war dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, können Sie erraten, was es ist.

523
00:29:37,770 --> 00:29:40,380
Es ist eigentlich eine ziemlich freundlichen Website. Es gibt eine Menge guter Informationen hier.

524
00:29:40,380 --> 00:29:41,770
Sie können durch sie zu arbeiten.

525
00:29:41,770 --> 00:29:43,960
Es wird Ihnen einige Ratschläge auf einige Dinge zu geben,

526
00:29:43,960 --> 00:29:46,760
dass du vielleicht über zuvor nicht gedacht haben oder hatten mit vor beschäftigen,

527
00:29:46,760 --> 00:29:50,780
wie der Gestaltung für Touch, der Gestaltung für verschiedene Formfaktoren,

528
00:29:50,780 --> 00:29:55,310
Gestaltung für die Fähigkeiten von Windows 8, die Dinge, die ich vorher erwähnt

529
00:29:55,310 --> 00:29:58,740
wie Suche und-Sharing, einige Dinge, die habe ich noch nicht noch gesprochen.

530
00:29:58,740 --> 00:30:05,570
Sie sind alle hier aufgelistet, und es ist ein ziemlich guter Satz hilfreich verlinkten Seiten

531
00:30:05,570 --> 00:30:08,670
das wird Ihnen helfen zu verstehen, wie eine bestimmte Art von Anwendung zu machen,

532
00:30:08,670 --> 00:30:14,250
wie Interaktion zu tun, wie man mit dem UI und UX Ihrer Anwendung behandeln.

533
00:30:14,250 --> 00:30:18,630
Ich würde empfehlen, dass Sie einen Blick auf diese zu nehmen, besonders wenn man an einem gewissen Punkt sind

534
00:30:18,630 --> 00:30:22,960
in der Hoffnung, eine Anwendung in den Laden zu veröffentlichen.

535
00:30:22,960 --> 00:30:25,250
Sie werden wissen wollen, wie man einen guten Antrag zu stellen

536
00:30:25,250 --> 00:30:28,300
weil ich vor, wenn Sie nicht erwähnt, es gibt diese Bewertungen wieder.

537
00:30:28,300 --> 00:30:29,930
Die Leute werden, unglücklich zu sein.

538
00:30:29,930 --> 00:30:32,960
Sie werden nicht in der Lage, Dinge, die sie an den richtigen Stellen zu finden erwarten.

539
00:30:32,960 --> 00:30:36,590
Niemand will, dass das passieren.

540
00:30:36,590 --> 00:30:39,220
>> Hier geht voran, lassen Sie mich schließen, dass nach unten.

541
00:30:39,220 --> 00:30:43,700
Nun, da Sie wissen, wo die Dinge zu bekommen, werde ich Ihnen zeigen, wie man tatsächlich beginnen mit Sachen.

542
00:30:43,700 --> 00:30:48,520
Um zu beginnen, werde ich tatsächlich zeigen Ihnen hier ein Beispiel von Desktop-Apps auf meinem Startbildschirm.

543
00:30:48,520 --> 00:30:53,600
Hier können Sie Visual Studio sehen, können Sie sehen, Blend-und andere Entwickler-Tools, die ich habe.

544
00:30:53,600 --> 00:30:55,890
Sie haben eine etwas andere Fliese.

545
00:30:55,890 --> 00:30:57,930
Das ist, weil sie Desktop-Anwendungen,

546
00:30:57,930 --> 00:31:00,960
und in diesen Fällen sind sie alle gehen, um auf meinem Desktop starten wieder

547
00:31:00,960 --> 00:31:05,350
wirklich nur als Apps, die Sie gewohnt sind.

548
00:31:05,350 --> 00:31:06,960
Also Windows-Erfahrung, ist es die gleiche Sache.

549
00:31:06,960 --> 00:31:12,940
Sie sind zum Beispiel nicht, wie Streit! oder diese Dinge. Lassen Sie mich ein schnell starten.

550
00:31:12,940 --> 00:31:14,340
Tatsächlich, hier ist eine interessante Geschichte.

551
00:31:14,340 --> 00:31:19,210
Dies wurde von Studenten, die in Partnerschaft NERD entwickelt.

552
00:31:19,210 --> 00:31:23,430
Vollbild-Anwendung, diese Art von Erfahrungen hier.

553
00:31:23,430 --> 00:31:26,290
Oh, schönen Schnitt Bildschirme und alle Arten von fun stuff.

554
00:31:26,290 --> 00:31:34,330
Sie entwickelten diese. Wir könnten genauso gut zeigen, die ganze Sache, während wir gerade dabei sind.

555
00:31:37,510 --> 00:31:41,070
In der Tat, habe ich mit ihnen ein wenig, gab ihnen einige Ratschläge, die Dinge

556
00:31:41,070 --> 00:31:44,160
weil sie JavaScript tun für ihre Anwendung.

557
00:31:44,160 --> 00:31:46,460
Bitte, ich bin nicht die Lorbeeren für ihre Arbeit, sie hat die ganze Arbeit.

558
00:31:46,460 --> 00:31:48,990
Ich gab ihnen nur ein wenig von der Beratung hier und dort,

559
00:31:48,990 --> 00:31:52,400
aber sie haben einige tolle Sachen, indem Sie einen JavaScript-Front-End

560
00:31:52,400 --> 00:31:56,920
und binden in einigen Physik-Engines und Freizeit eine Menge von dieser Arbeit zu machen.

561
00:32:00,120 --> 00:32:03,360
Gehen. Mal sehen, ob das funktioniert.

562
00:32:03,360 --> 00:32:07,010
Wow, es immer noch funktioniert. Gut, gut. Aber Sie bekommen die Idee.

563
00:32:07,010 --> 00:32:09,350
Ein Vollbild-App, eine wirklich gute Erfahrung.

564
00:32:09,350 --> 00:32:14,250
Dies trägt nicht nur meine Maus und Stift, wenn ich solche Dinge, sondern auch berühren.

565
00:32:14,250 --> 00:32:19,420
Wenn ich einen Touchscreen, konnte ich nur auf sie zu ziehen und weiter arbeiten damit.

566
00:32:19,420 --> 00:32:21,440
>> Eine Sache, die ich nicht zeigen, und der Grund, warum ich erwähne dies,

567
00:32:21,440 --> 00:32:23,840
ist wollte ich eine andere App, Ihnen zu zeigen, was Sie tun können,

568
00:32:23,840 --> 00:32:29,480
Sie können tatsächlich Anwendungen in Windows und ziehen Sie sie auf die Seite des Bildschirms.

569
00:32:29,480 --> 00:32:33,070
Dies wird als eine Anwendung schnappen.

570
00:32:33,070 --> 00:32:37,800
In diesem Fall habe ich Inkarus genommen, und ich habe es auf die Seite hier aufgenommen.

571
00:32:37,800 --> 00:32:42,990
Es ist nun in Snap-Ansicht, und das erlaubt mir, etwas anderes zu tun, während die Anwendung gibt es.

572
00:32:42,990 --> 00:32:46,210
Die meisten Spiele, die Sie vorfinden, einfach nur anzuhalten.

573
00:32:46,210 --> 00:32:51,090
Das ist normalerweise eine anständige Sache zu tun, es sei denn, Ihr Spiel irgendwie verkleinern

574
00:32:51,090 --> 00:32:54,210
zu diesem kleinen von einer Auflösung, wie vielleicht eine Art von Gesellschaftsspielen

575
00:32:54,210 --> 00:32:55,620
oder so was gelegentlich.

576
00:32:55,620 --> 00:32:58,570
Aber im Allgemeinen, die einfachste Sache zu tun und die am besten geeignete, was zu tun für Spiele

577
00:32:58,570 --> 00:33:00,620
ist, um die Anwendung zu unterbrechen.

578
00:33:00,620 --> 00:33:09,440
Für Anwendungen wie Nachrichten-Apps, wenn ich starten dieses eine und dann schnappe ich sie,

579
00:33:09,440 --> 00:33:16,170
Sie werden sehen, es ändert sich tatsächlich deutlich, wie es in der Vorstellung der Daten für Sie.

580
00:33:16,170 --> 00:33:20,070
Hier ist es, das Sie wirklich in eine vertikale Pfanne, dass Informationen,

581
00:33:20,070 --> 00:33:23,340
aber ich kann immer noch absolut verwenden Sie die Anwendung.

582
00:33:23,340 --> 00:33:25,640
Also es ist immer noch sehr nützlich.

583
00:33:25,640 --> 00:33:29,870
Die Tatsache, dass es in einer kleineren Ansicht mich nicht davon abhalten, mit dieser App. Also denken Sie darüber nach.

584
00:33:29,870 --> 00:33:32,090
Es ist etwas, das Sie brauchen, um Ihre Anwendungen zu tun, um zu einem gewissen Grad,

585
00:33:32,090 --> 00:33:35,370
aber es ist an Ihnen, zu bestimmen, wie Sie Ihre Apps Funktions sollte

586
00:33:35,370 --> 00:33:39,080
in dieser Art von einer kleineren Umgebung.

587
00:33:39,080 --> 00:33:44,780
Lassen Sie mich, dass man schließen, und gehen Sie zurück in denen wir hier waren.

588
00:33:44,780 --> 00:33:48,110
>> Edwin, fügte Sie ein Foto von mir schon? >> [Guarin] Ja. >> [Bowen] Schau dir das an.

589
00:33:48,110 --> 00:33:51,510
Sehen Sie das? Edwin hat ein Foto hinzugefügt. [Lacht]

590
00:33:51,510 --> 00:33:54,410
>> Gehen wir zurück hier in Visual Studio. Lassen Sie mich das für Sie starten.

591
00:33:54,410 --> 00:33:58,170
Ich konnte auf der Fliese auf diesem Startbildschirm angeklickt haben.

592
00:33:58,170 --> 00:34:02,630
Es brachte mich zurück in Desktop-Modus, und es ist die Desktop-Anwendung von Visual Studio starten.

593
00:34:02,630 --> 00:34:06,790
Dies ist das Windows, das Sie bereits kennen.

594
00:34:06,790 --> 00:34:09,100
Ich kann gehen Sie vor und erstellen Sie ein Projekt hier.

595
00:34:09,100 --> 00:34:11,159
Wir sehen uns wieder auf JavaScript, HTML konzentrieren.

596
00:34:11,159 --> 00:34:16,510
Ich werde gehen und wählen Sie hier unter JavaScript, Windows Store.

597
00:34:16,510 --> 00:34:19,010
Es gibt eine Reihe von Vorlagen, die Sie verwenden können.

598
00:34:19,010 --> 00:34:21,710
Für die Produktivität, würde ich empfehlen, dass Sie hier einen Blick auf einige dieser anderen diejenigen,

599
00:34:21,710 --> 00:34:23,489
wie der Raster-und Split.

600
00:34:23,489 --> 00:34:25,270
Sie sind wirklich nützlich, wenn Sie einen Antrag sind

601
00:34:25,270 --> 00:34:28,960
das wird diese Art von Design und Navigation haben. Sie werden diese viel zu sehen.

602
00:34:28,960 --> 00:34:33,070
Die, die ich Ihnen gezeigt, war eigentlich nur eine Instanz des Grid-Anwendung.

603
00:34:33,070 --> 00:34:36,880
Also, wenn Sie denken, Sie machen werden eine Nachrichten-App oder einen RSS-Reader sind

604
00:34:36,880 --> 00:34:43,120
oder so ähnlich, die mit mehreren Einträgen, für die Sie möchten, dass das Detail zu zeigen befasst,

605
00:34:43,120 --> 00:34:45,989
denken über die Verwendung eines dieser Vorlagen, um schnell loslegen

606
00:34:45,989 --> 00:34:48,380
und Anpassen es von dort.

607
00:34:48,380 --> 00:34:50,120
Aber nur so kann ich Sie alle beweglichen Teile hier zeigen

608
00:34:50,120 --> 00:34:56,120
Ich werde die leere App zu erstellen, und dann werden wir ein wenig tiefer in die Details gehen.

609
00:34:56,120 --> 00:34:58,690
Ich bin einfach nur leer machen, dass hier Anwendung.

610
00:34:58,690 --> 00:35:01,270
Es wird das ganze Projekt für mich zu schaffen.

611
00:35:01,270 --> 00:35:03,290
Ich werde eröffnen die Dinge, die ich möchte Ihnen standardmäßig angezeigt.

612
00:35:03,290 --> 00:35:08,550
Lassen Sie mich nur in ein wenig zu vergrößern, Ihnen zu zeigen, was hier für uns erstellt.

613
00:35:08,550 --> 00:35:11,350
Die Dinge, die Sie gehen, um auf den ersten Blick sind alle Namen default.

614
00:35:11,350 --> 00:35:15,970
So wirst du für default.html, default.js und default.css aussehen.

615
00:35:15,970 --> 00:35:19,590
Die andere Sache, darauf hinzuweisen ist, dass wir bereits einen Hinweis auf das, was ich schon erwähnt.

616
00:35:19,590 --> 00:35:24,530
Dies ist WinJS. Niemand nennt es tatsächlich diese langen Namen hier.

617
00:35:24,530 --> 00:35:27,710
Es ist WinJS, die Windows-Bibliothek für JavaScript.

618
00:35:27,710 --> 00:35:29,530
Wenn Sie es öffnen, können Sie sehen, es ist alles hier.

619
00:35:29,530 --> 00:35:31,820
Es gibt verschiedene CSS-Dateien, da ist kein JavaScript.

620
00:35:31,820 --> 00:35:33,520
Es ist da, um Ihnen zu helfen.

621
00:35:33,520 --> 00:35:37,190
Es ist wirklich da, um Kontrollen und Stile und Sachen, die kann man einfach automatisch verwendet werden.

622
00:35:37,190 --> 00:35:41,240
Aber noch einmal, wenn es Dinge, die Sie statt dessen in Bezug auf Styling und andere Steuerelemente verwenden möchten,

623
00:35:41,240 --> 00:35:45,600
es ist ganz Ihnen überlassen. Ich werde Ihnen zeigen, wie man ein paar dieser Dinge jetzt verwenden.

624
00:35:45,600 --> 00:35:51,020
>> Zurück über auf unserer linken Seite, lassen Sie mich Ihnen die Standard-HTML-Seite.

625
00:35:51,020 --> 00:35:54,490
Sie haben bereits die WinJS Sachen gesehen, und das ist wirklich alles, was da los ist

626
00:35:54,490 --> 00:35:59,930
mit solche Mittellinien-Markup, nur bringen in der CSS standardmäßig

627
00:35:59,930 --> 00:36:02,370
und bringt in ein paar JavaScript-Dateien aus WinJS.

628
00:36:02,370 --> 00:36:06,400
Sie brauchen nicht zu meistern, was los ist in diesen Dateien sein.

629
00:36:06,400 --> 00:36:10,110
Es ist ziemlich interessant, einen Blick auf sie zu ergreifen, um Art überprüfen, was ist denn da los

630
00:36:10,110 --> 00:36:14,410
denn es ist ziemlich interessant, mittlere und fortgeschrittene Techniken denn da los,

631
00:36:14,410 --> 00:36:18,100
aber das schöne daran ist, als Entwickler, die Sie gerade nutzen kann ihnen nur nutzen sie

632
00:36:18,100 --> 00:36:19,510
und nicht wirklich Sorgen zu machen.

633
00:36:19,510 --> 00:36:21,960
Sie können immer noch ein Auto zu fahren, ohne zu wissen, wie es funktioniert, oder?

634
00:36:21,960 --> 00:36:24,180
Also das ist die Art von Sache, die passiert ist hier.

635
00:36:24,180 --> 00:36:26,930
Es gibt Kontrollen und Stile und Sachen, die kann man einfach weitermachen und Verwendung

636
00:36:26,930 --> 00:36:31,460
und Code, den Sie in einem zweiten, ohne zu wissen, was da drin verwenden können.

637
00:36:31,460 --> 00:36:33,200
Hier sind Ihre eigenen Dateien.

638
00:36:33,200 --> 00:36:35,860
Dies sind Ihre Orte, die Sie Ihre eigenen CSS ändern

639
00:36:35,860 --> 00:36:38,400
und Ihre eigenen JavaScript, um Dinge ins Rollen.

640
00:36:38,400 --> 00:36:43,300
Sie werden sicherlich andere Zugabe von JavaScript-Dateien und vielleicht andere CSS-Dateien

641
00:36:43,300 --> 00:36:47,480
wie Ihr Projekt wächst, aber das ist wirklich nur ein Ausgangspunkt.

642
00:36:47,480 --> 00:36:52,570
Hier ist die Hallo Welt Äquivalent HTML, so dass wir wieder in der body-Tag sind.

643
00:36:52,570 --> 00:36:55,990
An der Spitze, durch die Art und Weise, ist es das HTML5 Doctype,

644
00:36:55,990 --> 00:37:00,060
so dass Sie, dass von dem, was Sie gearbeitet haben, zu erkennen.

645
00:37:00,060 --> 00:37:04,600
Es ist voll in IntelliSense auch hier, wenn Sie also Dinge wie in einer Art Video-Tag zu tun

646
00:37:04,600 --> 00:37:07,340
und zu erweitern, dass Sie, haben Sie wahrscheinlich über die Tatsache, gelernt

647
00:37:07,340 --> 00:37:12,760
dass Sie Fallback-Kodierung für Video-Tags in HTML5 tun müssen - oder vielleicht haben Sie -

648
00:37:12,760 --> 00:37:17,490
um sicherzustellen, dass unterschiedliche Browser haben Unterstützung für Ihr Video.

649
00:37:17,490 --> 00:37:22,610
Wir haben Dinge wie diese in HTML, JavaScript, über, über CSS.

650
00:37:22,610 --> 00:37:26,020
Das ist eingebaut, und ich werde Ihnen zeigen, in einer zweiten CSS.

651
00:37:26,020 --> 00:37:29,430
Hier können Sie weitermachen und Modifizieren Code, das Markup.

652
00:37:29,430 --> 00:37:33,700
In der Tat, bevor ich etwas ändern, werde ich dies zu laufen und zeigen Ihnen, was Sie erhalten.

653
00:37:33,700 --> 00:37:35,700
Du wirst einen Splash-Screen, die Sie anpassen können, erhalten

654
00:37:35,700 --> 00:37:40,940
und dann erhalten Sie die Hallo Welt hier Erfahrung. Es ist fantastisch, oder?

655
00:37:40,940 --> 00:37:42,640
Gehen Sie weiter und Schiff, die, richtig?

656
00:37:42,640 --> 00:37:45,970
Inhalt geht hier. Das ist die grundlegende Sache.

657
00:37:45,970 --> 00:37:48,740
Es kann nur besser werden von dort aus.

658
00:37:48,740 --> 00:37:51,300
Wir werden weitermachen und in ein paar Sachen hinzufügen.

659
00:37:51,300 --> 00:37:53,470
Ich habe ein wenig von Markup Ich werde hier kopieren bekam

660
00:37:53,470 --> 00:37:55,740
nur, damit Sie nicht haben, um mich zu beobachten eingeben.

661
00:37:55,740 --> 00:38:02,620
Lassen Sie mich gehen um das Toolbox hier, und ich werde das Stift, weil ich werde tun dies ein paar mal.

662
00:38:02,620 --> 00:38:05,650
Werkzeugkasten, wenn Sie Visual Studio nicht gesehen haben, ist, wohin du gehst, um eine Reihe von Steuerelementen zu finden sind.

663
00:38:05,650 --> 00:38:09,050
Sie können auch Code-Schnipsel in sie, dass Sie wiederverwenden können.

664
00:38:09,050 --> 00:38:16,360
Hier werde ich nur Pop in einer anderen HTML, nichts furchtbar erweiterte haupt hier.

665
00:38:16,360 --> 00:38:20,170
Es ist nur grundlegende HTML sagen, ich habe einen Eingang, wo ich geben kann,

666
00:38:20,170 --> 00:38:23,860
Ich habe eine Schaltfläche, wo ich es einreichen, und dann habe ich ein div, die im Wesentlichen ist ein Platzhalter

667
00:38:23,860 --> 00:38:27,360
dass ich die Ausgabe der Sie mit "Hallo, geben Sie dies."

668
00:38:27,360 --> 00:38:32,780
Es ist das Intro zu HTML-Beispiel.

669
00:38:32,780 --> 00:38:39,340
Wenn ich dieses, wir automatisch die Datei zu bekommen, aber wir haben auch automatisch Styling bekommen.

670
00:38:39,340 --> 00:38:42,270
Dies ist eines der wichtigsten Dinge aus WinJS.

671
00:38:42,270 --> 00:38:47,250
Es wird Ihnen standardmäßig geben einige Blick und das Gefühl, dass ist wirklich konsequent

672
00:38:47,250 --> 00:38:50,520
mit dem Rest von dem, was Windows 8 tut.

673
00:38:50,520 --> 00:38:52,110
Hier sehen Sie Dinge wie die Taste.

674
00:38:52,110 --> 00:38:55,890
Die Funktion ist standardmäßig im HTML sieht nicht aus wie das, aber es tut hier

675
00:38:55,890 --> 00:39:00,880
weil es immer, dass CSS rechts von dieser CSS-Datei in WinJS.

676
00:39:00,880 --> 00:39:04,680
Wenn Sie etwas anderes verwenden möchten, wenn Sie das ändern möchten, völlig in Ordnung,

677
00:39:04,680 --> 00:39:06,790
gehen Sie vor und tun, was Sie möchten. Aber das ist der Standard.

678
00:39:06,790 --> 00:39:09,610
Es wird mehr den Nutzern vertraut sein.

679
00:39:09,610 --> 00:39:13,510
Und natürlich wird nichts tun, weil ich nicht wirklich verdrahten jede Art von Code

680
00:39:13,510 --> 00:39:16,630
darauf antworten. Es war nur die HTML.

681
00:39:16,630 --> 00:39:20,630
So kann ich davon los zu werden, und wir werden wieder in unsere Anwendung zu kommen.

682
00:39:20,630 --> 00:39:25,310
>> Lassen Sie mich über Schalter auf unsere default.js.

683
00:39:25,310 --> 00:39:29,030
Das sieht ziemlich komplex, aber es ist gerade dabei, ein paar Dinge für Sie.

684
00:39:29,030 --> 00:39:33,120
Es ist Text. Es wird das gleiche in alle Ihre Projekte.

685
00:39:33,120 --> 00:39:36,620
Das einzige, was diese tut, ist nur eine Art zu fragen: "Wie bin ich hier?"

686
00:39:36,620 --> 00:39:39,090
und sagte: "Sie starten Sie diese App zum ersten Mal?"

687
00:39:39,090 --> 00:39:42,640
"Wollen Sie die Wiederaufnahme der App aus, die sie aufgehängt ist?"

688
00:39:42,640 --> 00:39:44,510
Ein paar Dinge.

689
00:39:44,510 --> 00:39:50,300
Wirklich, das ist unser Fokus auf diese Datei hier genau hier.

690
00:39:50,300 --> 00:39:54,490
An diesem Punkt, das ist eine Zeile Code ziemlich wichtig.

691
00:39:54,490 --> 00:39:57,070
Es ist eigentlich hingehen und schauen Sie durch alle Ihre Markup

692
00:39:57,070 --> 00:40:01,640
und es geht um Dinge, die Sie gefragt haben, um in Steuerelemente eingeschaltet haben zu finden,

693
00:40:01,640 --> 00:40:07,220
tiefer Kontrollen wie eine Alterskontrolle, wie ein Gitteransicht, wie das Flyout

694
00:40:07,220 --> 00:40:09,570
und die anderen Dinge, die ich Ihnen gezeigt, auf der Folie vor.

695
00:40:09,570 --> 00:40:12,550
Sie sind nicht nativen HTML-Steuerelemente.

696
00:40:12,550 --> 00:40:17,860
Sie wissen einfach nicht Flyout als Element sagen und haben es wissen, was zu tun ist.

697
00:40:17,860 --> 00:40:22,120
Was wir tatsächlich tun, ist das gleiche, was bei anderen Arten von Kontrollrahmen passiert.

698
00:40:22,120 --> 00:40:26,200
jQuery UI macht die gleiche Art von allgemeinen Ansatz.

699
00:40:26,200 --> 00:40:30,800
Sie verwenden in Ihren HTML-Markierungen, und dann kommt etwas später durch JavaScript und sagt:

700
00:40:30,800 --> 00:40:35,900
"Oh, ich weiß, was das ist. Das ist für diese zu bitten, in diesem Zeug eingeschaltet werden",

701
00:40:35,900 --> 00:40:39,850
die andere ist ausdrucks HTML, wie ein Steuer Bewertungen zu machen,

702
00:40:39,850 --> 00:40:41,790
das ist das, was ich dir zeigen.

703
00:40:41,790 --> 00:40:46,140
Diese Codezeile ist ein Versprechen, das sagt: "Wenn dieses Versprechen erfüllt,

704
00:40:46,140 --> 00:40:49,090
"Alles, was Sie gefragt haben, hat dann geschaffen worden."

705
00:40:49,090 --> 00:40:52,780
Und das ist es. Es sieht ein wenig komplex, aber es ist wirklich das gleiche in jedem Projekt.

706
00:40:52,780 --> 00:40:56,690
Hier unten ist, wo Sie mit dem Hinzufügen in was auch immer Sie sonst passieren, haben wollen, beginnen können,

707
00:40:56,690 --> 00:40:58,280
so werden wir in einem zweiten zurückkommen.

708
00:40:58,280 --> 00:41:01,480
>> Zunächst einmal muss ich ein Stück Code, das auf die Tatsache reagieren können

709
00:41:01,480 --> 00:41:03,320
dass jemand auf die Schaltfläche geklickt wird.

710
00:41:03,320 --> 00:41:06,330
Ich werde weitermachen und setzte sich in hier unten.

711
00:41:06,330 --> 00:41:09,620
Auch hier werde ich nicht jede Typisierung vor Ihnen hier.

712
00:41:09,620 --> 00:41:12,560
Sehr einfach nur, wenn JavaScript wird dies als

713
00:41:12,560 --> 00:41:15,270
wir werden einige Details darüber, wie wir hier zur Verfügung gestellt werden

714
00:41:15,270 --> 00:41:17,630
und dann werden wir ein paar grundlegende Dinge zu tun.

715
00:41:17,630 --> 00:41:21,300
Gehen Sie finden das Ding in meinem HTML-Seite mit dem Namen nameInput,

716
00:41:21,300 --> 00:41:28,490
ergreifen Sie es, nehmen Sie seinen Wert, Slap "Hallo" auf dem vor ihm, und bleiben, dass resultierenden String

717
00:41:28,490 --> 00:41:31,960
in diesem div-Tag, die wir vorher hatten, dass wirklich nichts zuvor.

718
00:41:31,960 --> 00:41:37,220
Jetzt werden wir auf diesen Tag zu finden und seine inneren Gehalt gleich dem String.

719
00:41:37,220 --> 00:41:38,880
Sehr einfache JavaScript.

720
00:41:38,880 --> 00:41:42,240
Hoffentlich sind Sie erkennen, dass es wirklich nichts Ungewöhnliches vor sich geht.

721
00:41:42,240 --> 00:41:45,360
Es ist nur gerade nach oben HTML-und JS hier.

722
00:41:45,360 --> 00:41:48,220
Wenn ich dieses jetzt, es ist immer noch nicht vor, jede Arbeit zu tun, weil ich nicht verdrahtet es

723
00:41:48,220 --> 00:41:50,030
um das Ereignis zu erhalten.

724
00:41:50,030 --> 00:41:55,710
Um das zu tun, werde ich tun, dass hier wieder der Rückkehr in meinem Werkzeugkasten,

725
00:41:55,710 --> 00:41:58,730
knallen sie hier.

726
00:41:58,730 --> 00:42:03,060
Ich erwarte, dass Sie alle diese Art von Sachen gesehen habe, also werde ich nicht über erklären.

727
00:42:03,060 --> 00:42:05,060
Jetzt werden wir zu gehen, erhalten die helloButton.

728
00:42:05,060 --> 00:42:07,730
Wir werden sagen, "Button, herzlichen Glückwunsch."

729
00:42:07,730 --> 00:42:10,130
"Hier ist eine Veranstaltung, die Sie jetzt reagieren auf."

730
00:42:10,130 --> 00:42:13,420
"Wenn jemand auf Sie, rufen Sie diese Funktion, die button."

731
00:42:13,420 --> 00:42:17,070
Und das ist, dass wir genau das richtige Funktion unten an der Unterseite dort aufgenommen. Das ist es.

732
00:42:17,070 --> 00:42:20,980
So, jetzt haben wir eine erstaunlich funktionsfähige Anwendung kam.

733
00:42:20,980 --> 00:42:24,720
Ich denke, Sie wirklich davon beeindruckt werden.

734
00:42:24,720 --> 00:42:32,320
Chris. Warten Sie. Wow. Okay. Das ist erstaunlich. [Lacht]

735
00:42:32,320 --> 00:42:36,570
Aber es gibt mehr. Kaufen Sie es noch nicht. Warten.

736
00:42:36,570 --> 00:42:39,610
>> Lassen Sie mich Ihnen ein wenig mehr hier und erhalten von Vollbild.

737
00:42:39,610 --> 00:42:42,690
Wir werden gehen, bevor wir laufen.

738
00:42:42,690 --> 00:42:45,530
Lassen Sie mich gehen und tatsächlich zeigen Sie ein wenig mit CSS.

739
00:42:45,530 --> 00:42:49,480
Nur durch Standard, wenn wir zurückblicken auf die Seite hier,

740
00:42:49,480 --> 00:42:53,570
wenn wir in diesen Dingen aus WinJS gezogen und wir haben die ui-Dunkel kam,

741
00:42:53,570 --> 00:42:58,550
in der Tat, Sie können es mit dem Standard für mit Hilfe von Licht-Anwendung ändern.

742
00:42:58,550 --> 00:43:03,450
ui-dunkel ist gut für Grafikanwendungen wie mit einer Menge von Bildern,

743
00:43:03,450 --> 00:43:05,740
Sie zeigt, sind eine Menge von visuellen Inhalten.

744
00:43:05,740 --> 00:43:12,560
Wenn Sie zeigt eine Menge von Textinhalt sind, ist die ui-Licht in der Regel eine gute Wahl.

745
00:43:12,560 --> 00:43:15,160
Sie müssen nicht, sie zu wählen, aber ich habe es eingeschaltet

746
00:43:15,160 --> 00:43:17,690
und jetzt sind Sie sehen, die gleiche Markup, alles gleich,

747
00:43:17,690 --> 00:43:20,320
es ist nur mit im Grunde eine umgekehrte Regelung hier

748
00:43:20,320 --> 00:43:24,770
wo alles macht es schwarzen Text auf weißem.

749
00:43:24,770 --> 00:43:26,460
Das ist alles schön und gut.

750
00:43:26,460 --> 00:43:30,680
Lassen Sie mich hier raus, und wir tatsächlich ein wenig mehr mit der CSS.

751
00:43:30,680 --> 00:43:34,830
Ich werde ihn wieder auf dunklen, weil ich denke, es ist wahrscheinlich einfacher, auf dem Bildschirm sehen

752
00:43:34,830 --> 00:43:36,970
wenn ich anfange, diese Dinge tut.

753
00:43:36,970 --> 00:43:40,150
Ich werde, um dem Körper ein weiteres Mal zu ersetzen.

754
00:43:40,150 --> 00:43:44,040
Ich werde hier zu gehen. Lassen Sie mich das nuke.

755
00:43:44,040 --> 00:43:48,690
Bringen wir im Körper mit Klassen.

756
00:43:48,690 --> 00:43:53,000
Ich glaube, Sie haben Grund Selektoren mit CSS und ähnliche Dinge geschehen,

757
00:43:53,000 --> 00:43:55,380
so dass Sie wahrscheinlich wissen, was hier los ist.

758
00:43:55,380 --> 00:43:59,250
Nur einige Klassen zuweisen, um unsere Kopfzeile, und wir sind die Schaffung einer neuen div

759
00:43:59,250 --> 00:44:04,430
um den Rest der Sachen, die wir jetzt verwenden, um alle zusammen Stil zu wickeln.

760
00:44:04,430 --> 00:44:07,760
Also, was ich jetzt tun kann, ist zu gehen, um über unsere Standard-CSS.

761
00:44:07,760 --> 00:44:11,900
Haben Sie sich Medien-Anfragen noch? Haben Sie darüber gesprochen, dass überhaupt?

762
00:44:11,900 --> 00:44:17,220
Medienanfragen sind Teil dieses aufstrebenden Trend -

763
00:44:17,220 --> 00:44:19,660
oder es ist ein etablierter Trend jetzt tatsächlich auf der Web -

764
00:44:19,660 --> 00:44:22,760
für responsive Design oder adaptive,

765
00:44:22,760 --> 00:44:28,480
und die Idee ist, dass Ihre Anwendungen können sich wirklich angemessen anpassen

766
00:44:28,480 --> 00:44:31,910
auf das, was das Gerät, sie ist gerade auf gezeigt tun können.

767
00:44:31,910 --> 00:44:35,040
Also, wenn Sie auf einem mobilen Gerät sind natürlich wirst du nicht so viel Platz auf dem Bildschirm haben

768
00:44:35,040 --> 00:44:41,520
wie Sie auf einem großen 30-Zoll-Monitor sitzen mit einem Desktop, einem großen PC so.

769
00:44:41,520 --> 00:44:46,710
Also die alte Antwort darauf wäre, 5, 6 verschiedene Versionen der gleichen Seite haben

770
00:44:46,710 --> 00:44:51,350
und Sie würden öffnen, die Version, die für diesen bestimmten Größe Bildschirm abgestimmt wurde.

771
00:44:51,350 --> 00:44:55,420
Nicht großartig. Es ist sehr, sehr monoton und es gibt eine Tonne von Wartung zu tun.

772
00:44:55,420 --> 00:44:58,120
Jetzt haben wir etwas namens CSS Media Queries,

773
00:44:58,120 --> 00:45:02,530
und wir können diese nutzen, um automatisch zu erkennen, wenn es bestimmte Größen

774
00:45:02,530 --> 00:45:07,030
oder bestimmte Verwendungen Ihrer Inhalte durchgeführt wird.

775
00:45:07,030 --> 00:45:09,580
So können Sie darauf reagieren und Sie sagen können: "Okay, in diesem Fall

776
00:45:09,580 --> 00:45:12,580
"Sie wahrscheinlich gar nicht brauchen mich, Ihnen zu sagen, was hier los ist."

777
00:45:12,580 --> 00:45:18,020
Dies ist nur zu sagen, wenn diese Anwendung aufgenommen wird, wie ich Ihnen gezeigt, vor -

778
00:45:18,020 --> 00:45:20,830
packte es und legt es auf die Seite des Bildschirms -

779
00:45:20,830 --> 00:45:23,910
dann machen wir die folgende Styling.

780
00:45:23,910 --> 00:45:25,850
Styling ist nicht nur über Farben und solche Sachen.

781
00:45:25,850 --> 00:45:29,860
Es geht auch darum, Dimensionierung und Margen und Polsterungen und Orientierungen der Inhalt

782
00:45:29,860 --> 00:45:34,040
oder sogar Deaktivieren oder Aktivieren gesamten Teile Ihrer Seite

783
00:45:34,040 --> 00:45:36,420
und in diesem Fall Ihre App oder Spiel als gut.

784
00:45:36,420 --> 00:45:39,210
Also hier kann man einfach tun, was Sie wollen.

785
00:45:39,210 --> 00:45:46,720
Dies wäre nicht sinnvoll in Ihre Anwendungen zu sein, aber es ist Demo-Zeit

786
00:45:46,720 --> 00:45:50,530
so werde ich voran gehen und nur in Grundkörper hinzuzufügen und sagen,

787
00:45:50,530 --> 00:45:58,360
"Wenn ich aufgeschnappt, gehen Sie vor und tun background-color und wählen wir so etwas."

788
00:45:58,360 --> 00:46:00,400
Sie haben IntelliSense hier. Das ist eigentlich wirklich cool.

789
00:46:00,400 --> 00:46:05,720
Im Jahr 2012 haben wir eine Menge Dinge für CSS-Unterstützung und JavaScript und HTML aufgenommen.

790
00:46:05,720 --> 00:46:08,690
Sie haben natürlich bekam Dropdown-IntelliSense auch, aber das ist nicht der coole Sache.

791
00:46:08,690 --> 00:46:11,730
Das Coole daran ist, dass Sie visuell Selektoren für viele Dinge auch bekommen habe.

792
00:46:11,730 --> 00:46:14,120
So könnte man durch zu gehen und nur eine Farbe zu wählen,

793
00:46:14,120 --> 00:46:17,580
oder Sie gehen kann und es noch genauer und Sie können wählen -

794
00:46:17,580 --> 00:46:22,330
das wird schrecklich sein. Ich werde tatsächlich abholen hier eine anständige Farbe.

795
00:46:22,330 --> 00:46:26,500
Sehen Sie sich das Markup auch, übrigens. Das ist Ihre RGB-Standard-Format gibt.

796
00:46:26,500 --> 00:46:30,780
Aber wenn ich schalten Sie die Deckkraft, es geht über in einen Alphakanal Wahl hier, um zu wechseln.

797
00:46:30,780 --> 00:46:36,910
So können Sie sehen, dass die Farbe mit im Wesentlichen Prozent Transparenz, die Sie haben, dass

798
00:46:36,910 --> 00:46:38,860
Ordnung dort gebacken.

799
00:46:38,860 --> 00:46:42,530
Ich werde es als 100% zu halten und dann, wenn ich damit fertig, ist alles schön und gut.

800
00:46:42,530 --> 00:46:46,160
Nun, wenn ich die App und wir nehmen die App und wir sie schnappen,

801
00:46:46,160 --> 00:46:49,000
dass Hintergrundfarbe wird automatisch angepasst

802
00:46:49,000 --> 00:46:53,410
nur weil wir einige CSS, die sagt: "Gehen Sie tun."

803
00:46:53,410 --> 00:46:55,580
Sie können auch JavaScript zu schreiben, das wird das gleiche tun

804
00:46:55,580 --> 00:47:03,010
oder dass Sie verwenden, um tatsächlich ein Spiel anzuhalten, tun solche Dinge.

805
00:47:03,010 --> 00:47:04,310
Das ist wahrscheinlich, wenn Sie JavaScript verwenden würde.

806
00:47:04,310 --> 00:47:06,610
Sie würden an diesem Punkt schalten Sie die Spielschleife.

807
00:47:06,610 --> 00:47:09,970
Sie würden einige JavaScript müssen, denn das wäre etwas, das Sie nicht für CSS wäre.

808
00:47:09,970 --> 00:47:11,760
Aber bedenken Sie, es ist nur ein Ereignis.

809
00:47:11,760 --> 00:47:14,860
Man könnte sagen: "Wenn meine Anwendung in der Größe verändert,

810
00:47:14,860 --> 00:47:17,780
"Mal sehen, ob wir aufgeschnappt." Und das ist es.

811
00:47:17,780 --> 00:47:24,440
>> Okay? Ich habe viel zu reden. Gibt es Fragen, so weit auf, wo wir sind? Ja.

812
00:47:24,440 --> 00:47:29,310
[Schüler] Gibt es eine Anleitung für alle, die mehr Informationen? >> Ja.

813
00:47:29,310 --> 00:47:33,510
Die Frage ist, gibt es ein Tutorial dafür? Ich werde einfach erweitern, um alles.

814
00:47:33,510 --> 00:47:37,490
Es gibt ein paar Dinge, die Sie gehen können. Lassen Sie eigentlich hier raus.

815
00:47:37,490 --> 00:47:40,150
Lassen Sie mich gehen hier.

816
00:47:40,150 --> 00:47:45,180
Eine Sache, die darauf hinweisen, ist Visual Studio selbst hat Tutorials eingebaut

817
00:47:45,180 --> 00:47:47,650
Lassen Sie mich los davon.

818
00:47:47,650 --> 00:47:51,520
Wenn Sie und erstellen Sie ein neues Projekt, ich Datei, Neues Projekt

819
00:47:51,520 --> 00:47:56,750
und suchen Sie auf der linken Seite, gibt es eine Online-Knoten in diesem Wahl.

820
00:47:56,750 --> 00:47:59,790
Es wird ein wenig dauern. Ich bin auf meinem MyFi hier.

821
00:47:59,790 --> 00:48:02,300
Aber es wird kommen und es wird mir eine Chance zu geben, Vorlagen finden

822
00:48:02,300 --> 00:48:05,190
sondern auch, was noch wichtiger ist, als auch Proben.

823
00:48:05,190 --> 00:48:06,750
So kann ich auf JavaScript klicken.

824
00:48:06,750 --> 00:48:10,050
Es wird, um Proben für mich zu finden. Mein Vorsatz ist so hoch hier.

825
00:48:10,050 --> 00:48:15,070
Normalerweise können Sie eine Liste der viele verschiedene Dinge hier sehen würde.

826
00:48:15,070 --> 00:48:18,280
Wenn es etwas, was Sie versuchen, wählen Sie die Sprache möchten,

827
00:48:18,280 --> 00:48:20,970
JavaScript hier, und sagen: "Ich weiß nicht, wie man Geolocation zu tun."

828
00:48:20,970 --> 00:48:22,220
"Ich weiß nicht, wie man eine Datei zu öffnen."

829
00:48:22,220 --> 00:48:25,840
"Ich weiß nicht, wie man die Vorteile der Webcam nehmen

830
00:48:25,840 --> 00:48:28,290
"Oder Optimierung für Touch oder solche Dinge."

831
00:48:28,290 --> 00:48:33,190
Es gibt Proben für alles: teilen, Suche, App Bars,

832
00:48:33,190 --> 00:48:37,520
macht Ferngespräche zu einer Dienstleistung, JSON-Codierung.

833
00:48:37,520 --> 00:48:40,390
Alle diese Arten von Dingen gibt es Proben für hier

834
00:48:40,390 --> 00:48:44,560
und sie sind nicht riesig Proben, die euch die ganze Nacht, um auseinander zu ziehen sind

835
00:48:44,560 --> 00:48:46,820
nur zu finden, dass eine Sache, die Sie lernen wollten.

836
00:48:46,820 --> 00:48:49,870
Sie sind wirklich gut. Sie sind klein, direkt auf den Punkt Arten von Proben.

837
00:48:49,870 --> 00:48:52,330
Ich habe eine Tonne, indem Sie durch diese mich gelernt,

838
00:48:52,330 --> 00:48:55,260
und so empfehle ich, dass viele, wie eine Sache.

839
00:48:55,260 --> 00:49:01,750
>> Eine andere Sache, auch darauf hinweisen, ist natürlich zeigte ich Ihnen dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
so, wenn Sie zurück auf das gehen, werden Sie am Ende sehen, es gibt auch die Proben hier.

841
00:49:07,490 --> 00:49:12,560
So können Sie alle auf einmal herunterladen, aber es gibt auch eine Menge andere Ressourcen auch hier

842
00:49:12,560 --> 00:49:14,400
, die helfen können Sie aufstehen, um Geschwindigkeit.

843
00:49:14,400 --> 00:49:17,870
>> Eine andere Sache, und ich würde wirklich empfehlen, dass Sie dies versuchen,

844
00:49:17,870 --> 00:49:24,510
Ich habe es auf meinem Blog, aber ich werde genau richtig, um zu gehen.

845
00:49:24,510 --> 00:49:28,220
Ich werde Ihnen zeigen. Mein Blog hat Ressourcen und solche Dinge.

846
00:49:28,220 --> 00:49:35,300
Eines der Dinge, darauf hinzuweisen, ist hier genau richtig, diese Sache: Ihre Idee. Ihre App. 30 Tage.

847
00:49:35,300 --> 00:49:40,960
Wenn Sie darauf klicken, wird es, Sie zu einem wirklich hilfreiche Website zu bringen.

848
00:49:40,960 --> 00:49:44,650
Das ist viel hilfreicher, als Sie vielleicht erwarten.

849
00:49:44,650 --> 00:49:49,040
Das wird zu 30 Tage von Inhalten, die Sie im Grunde erhalten Tipps und Tricks

850
00:49:49,040 --> 00:49:51,990
während dieser Verfahren Sie eine App geschaffen wird.

851
00:49:51,990 --> 00:49:55,980
Und da man nicht erwarten kann, können Sie tatsächlich bekommen es für Spiele zu

852
00:49:55,980 --> 00:49:57,840
und für Telefon-Apps, solche Dinge.

853
00:49:57,840 --> 00:50:01,000
Also im Grunde melden Sie sich für sie, und sie gehen zu werden Tipps und Tricks zum Senden Sie,

854
00:50:01,000 --> 00:50:03,010
"Hast du etwa, dies zu tun haben? Haben Sie Fang zu unterstützen?"

855
00:50:03,010 --> 00:50:04,900
"Hier sind einige Richtlinien, wie man das auch tun."

856
00:50:04,900 --> 00:50:07,440
"Haben Sie die Vorlage in den Laden gedacht?"

857
00:50:07,440 --> 00:50:09,370
"Haben Sie darüber, wie Sie gehen, um Ihre Anwendung zu verkaufen sind gedacht?"

858
00:50:09,370 --> 00:50:11,490
Es wird durch all diese verschiedenen Dinge gehen.

859
00:50:11,490 --> 00:50:13,380
Und tatsächlich, wenn man auf der Spielbahn sind, an einem gewissen Punkt

860
00:50:13,380 --> 00:50:17,010
Sie beginnen zu erkennen, die Person mit dir zu reden

861
00:50:17,010 --> 00:50:22,850
denn ich hatte wirklich zu gehen, um Redmint, diese aufgezeichnet und 2 Videos gibt es zu tun.

862
00:50:22,850 --> 00:50:25,240
Aber das ist alles Teil der Gaming-Spur,

863
00:50:25,240 --> 00:50:27,650
und es gibt auch eine Full-Track für den allgemeinen App-Entwicklung.

864
00:50:27,650 --> 00:50:29,380
Das nennt Erzeugung App.

865
00:50:29,380 --> 00:50:33,460
Ich würde auf jeden Fall empfehlen, dass für Sie als auch zusätzlich zu den Proben.

866
00:50:33,460 --> 00:50:38,110
>> Es gibt eine Menge von Videos auf einer Website namens Channel 9 als gut.

867
00:50:38,110 --> 00:50:42,790
Das ist wahrscheinlich das letzte, was ich auch empfehlen, bevor wir hier zu bewegen.

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com.

869
00:50:45,280 --> 00:50:48,880
Das ist großartig, weil du wirst nicht durch Tonnen von White Papers lesen.

870
00:50:48,880 --> 00:50:53,880
Es ist im Grunde eine Menge Videos, Screencasts und Dinge, die auf den Punkt sind.

871
00:50:53,880 --> 00:50:57,940
Ich sollte nicht sagen, dass es immer auf den Punkt. Es hängt davon ab, wer tut sich sprechen.

872
00:50:57,940 --> 00:51:02,290
Aber im Allgemeinen, es gibt einige wirklich den Punkt videos hier

873
00:51:02,290 --> 00:51:06,230
dass zeigt Ihnen einige besondere, was Sie wollen, zu lernen oder zu sehen demoed könnten.

874
00:51:06,230 --> 00:51:11,110
Es gibt auch alle unsere Inhalte unserer Konferenz, die vor ein paar Wochen passiert

875
00:51:11,110 --> 00:51:14,380
genannt zu bauen, und dass Sie genau dort sehen werden.

876
00:51:14,380 --> 00:51:18,450
Es gibt Kerntechnologien für Windows 8 Spiele. Dort gehen Sie.

877
00:51:18,450 --> 00:51:23,150
Ich war dort, eigentlich. Sie können mich nicht sehen. Ich war hier.

878
00:51:23,150 --> 00:51:27,560
Aber irgendwie, dass abgesehen, würde ich empfehlen, dass Sie einen Blick auf die Videos aufnehmen.

879
00:51:27,560 --> 00:51:29,330
Sie sind ziemlich hilfreich.

880
00:51:29,330 --> 00:51:32,620
Wenn Sie auf etwas stecken geblieben sind oder Sie wollen einfach nur sehen, was so etwas tun könnte, bis die Feuer.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail hat mir gerade eine E-Mail mit einem Link zum Inhalt

882
00:51:36,890 --> 00:51:42,140
für Studenten, mit Beispielcode und sowas herunterladen. >> [Bowen] Große.

883
00:51:42,140 --> 00:51:45,510
Ehrfürchtig. Danke, Edwin.

884
00:51:45,510 --> 00:51:48,320
>> Gut. >> [Schüler] Ich habe eine Frage. >> [Bowen] Oh. Ja, bitte.

885
00:51:48,320 --> 00:51:55,030
[Unverständlich Student Frage] >> [Bowen] Oh, ich bin froh, dass Sie gefragt. Ja.

886
00:51:55,030 --> 00:51:58,940
Die Frage war, gibt es eine visuelle Schnittstelle für mich, Dinge zu schaffen?

887
00:51:58,940 --> 00:52:01,630
Edwin wird dich reichlich belohnen für diese Frage.

888
00:52:01,630 --> 00:52:04,310
Es gibt einen Weg, dies zu tun.

889
00:52:04,310 --> 00:52:09,040
Sollten wir es jetzt tun? Wir tun es jetzt.

890
00:52:09,040 --> 00:52:11,780
Ich werde es jetzt gehen.

891
00:52:11,780 --> 00:52:14,070
Eigentlich, lassen Sie mich in eine Sache hinzufügen, um diese Demo

892
00:52:14,070 --> 00:52:16,710
und dann werde ich Ihnen die eigentliche Antwort.

893
00:52:16,710 --> 00:52:21,340
Ich wollte in ein wenig mehr CSS hier hinzufügen.

894
00:52:21,340 --> 00:52:23,980
Ich war ein wenig hier, sich in Nebensächlichkeiten.

895
00:52:23,980 --> 00:52:26,770
Lassen Sie mich in einigen CSS setzen hier zu nutzen

896
00:52:26,770 --> 00:52:29,980
der Klassen, die wir vor einiger Zeit aufgenommen,

897
00:52:29,980 --> 00:52:33,930
an den Header, um die main div, und dann zu dem greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Wenn ich das tun, und führen Sie es aus, Sie sehen können, jetzt haben wir ein bisschen anders Polsterung und Margen haben,

899
00:52:37,920 --> 00:52:40,310
so haben wir tatsächlich einige Offsets hier.

900
00:52:40,310 --> 00:52:44,630
Das sind mehr in Richtung, was du zu einer endgültigen poliert Anwendung erwarten sind.

901
00:52:44,630 --> 00:52:47,770
Aber ich bin einfach nur zeigen, das für Sie, denn es ist gerade nach oben CSS.

902
00:52:47,770 --> 00:52:51,910
Also die Dinge, die Sie bereits wissen, die Sie hier verwenden können, um den Inhalt anpassen, wie Sie möchten.

903
00:52:51,910 --> 00:52:55,100
Sie haben bereits gesehen, wie man den Hintergrund zu ändern, dass das so.

904
00:52:55,100 --> 00:53:02,980
>> Wenn ich zurück an unsere HTML zu gehen, werde ich in einer Reihe von mehr Markup hinzufügen,

905
00:53:02,980 --> 00:53:06,140
und das ist eigentlich los, um ein Steuer von WinJS sein.

906
00:53:06,140 --> 00:53:09,840
Ich werde gehen und sichern Sie diese, ein Etikett. Lassen Sie mich sicher, ich mache es in der richtigen Stelle.

907
00:53:09,840 --> 00:53:11,740
Wahrscheinlich gut genug.

908
00:53:11,740 --> 00:53:15,590
Hier habe ich soeben - und wir werden Vollbild zu sehen, so dass Sie die ganze Sache sehen kann -

909
00:53:15,590 --> 00:53:18,520
Ich habe ein Label für die nächsten div aufgenommen.

910
00:53:18,520 --> 00:53:20,890
Die div heißt ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Von selbst wird es nichts zu tun.

912
00:53:23,090 --> 00:53:28,570
Wenn Sie dies in einem Browser öffnen, würden Sie bei der Suche leer, das div sich.

913
00:53:28,570 --> 00:53:31,820
Aber wegen der geheimnisvollen Code-Zeile, die ich Ihnen gezeigt, vor,

914
00:53:31,820 --> 00:53:35,650
der Prozess alle, es geht um etwas, das wie folgt aussieht aussehen -

915
00:53:35,650 --> 00:53:40,380
Daten-win-control - und es geht zu finden, was in den Parameter.

916
00:53:40,380 --> 00:53:44,560
Es wird eine Instanz, was auch immer das ist es, die auf zu machen.

917
00:53:44,560 --> 00:53:48,850
In diesem Fall ist es eine Alterskontrolle, so dass ich sage: "Bitte gehen und diese Sache zu ersetzen

918
00:53:48,850 --> 00:53:51,400
"Was auch immer Sie tun müssen, um eine Bewertung Kontrolle zu machen."

919
00:53:51,400 --> 00:53:56,610
Es könnte ein Flip Steuer sein, es könnte der Fortschritt Ring oder was auch immer Kontrolle, die Sie verwenden möchten.

920
00:53:56,610 --> 00:53:59,390
Sie gehen alle im Wesentlichen die gleiche Weise funktionieren.

921
00:53:59,390 --> 00:54:02,920
Sie sind mit Standard HTML5-Markup, um anzuzeigen, was Sie wollen,

922
00:54:02,920 --> 00:54:07,670
und dann wirst du ein Steuer am Ende dieses. Lassen Sie mich dies auszuführen.

923
00:54:07,670 --> 00:54:12,270
Ich kopierte, dass in, und jetzt, Markup wird diese,

924
00:54:12,270 --> 00:54:15,280
das ist eigentlich eine ganze Reihe von HTML-Elementen.

925
00:54:15,280 --> 00:54:18,440
Diese sind alle Einzelbilder, und es gibt divs um sie herum mit Selektoren.

926
00:54:18,440 --> 00:54:22,610
Ich hoffe, Sie können sehen, dass. Es ist ein wenig subtiler.

927
00:54:22,610 --> 00:54:27,380
Ich kann über die verschiedenen Gegenstände schweben, und es wird mir zu erlauben, die Bewertung hier sehen.

928
00:54:27,380 --> 00:54:31,560
Ich kann es anklicken, und es erinnert sich an die Bewertung, aber das war es.

929
00:54:31,560 --> 00:54:33,100
Es ist nicht wirklich etwas mit der Bewertung zu tun.

930
00:54:33,100 --> 00:54:35,230
>> Die eine letzte Sache möchte ich Sie auf diese zeigen

931
00:54:35,230 --> 00:54:37,820
bevor wir wechseln in eine visuelle Design-Erfahrung

932
00:54:37,820 --> 00:54:42,680
ist ein kleines Stück Code, die ich verwenden kann, um auf diese WinJS Kontrollen reagieren.

933
00:54:42,680 --> 00:54:47,540
Lassen Sie mich da raus, wieder aus dem ganzen Bildschirm,

934
00:54:47,540 --> 00:54:52,690
und schaltet auf den JS hier für die zweite.

935
00:54:52,690 --> 00:54:57,450
Ich kann dies hier tun. Ich denke, ich werde die ganze Sache zu ersetzen.

936
00:54:57,450 --> 00:55:03,080
Eigentlich, denke ich, wird es all das zu ersetzen, aber wir werden zusammen finden.

937
00:55:03,080 --> 00:55:07,350
Ich werde dies in hier setzen. Ja. Ich werde dies auch zu löschen.

938
00:55:07,350 --> 00:55:11,790
Was habe ich hinzufügen? Es sieht aus wie eine Menge. Es ist nicht viel.

939
00:55:11,790 --> 00:55:14,920
Ich habe gerade verlängert, dass die Codezeile, die ich bereits zuvor gesprochen haben,

940
00:55:14,920 --> 00:55:18,590
und ich sage: "Wenn alles erledigt ist, wenn alle meine Kontrollen vorgenommen wurden,

941
00:55:18,590 --> 00:55:23,660
"Dann tun Sie dies." So führen Sie dann diese Funktion aufgerufen abgeschlossen.

942
00:55:23,660 --> 00:55:27,080
In diesem Fall ist das für Zeug Sie herausfinden können.

943
00:55:27,080 --> 00:55:29,040
Gehen Sie finden, dass div Kontrolle.

944
00:55:29,040 --> 00:55:30,790
Eigentlich gibt es eine Sache, ich möchte darauf hinweisen.

945
00:55:30,790 --> 00:55:35,630
Das nächste Zeile ist eigentlich sagen: "Ich habe diese ratingControlDiv bekam."

946
00:55:35,630 --> 00:55:39,770
"Ich will mit ihm reden, als ob es eine wirkliche Kontrolle, ein WinJS Kontrolle."

947
00:55:39,770 --> 00:55:42,020
Also im Grunde, dass Sie für fragst von ihm.

948
00:55:42,020 --> 00:55:44,600
Sie sagen: "Ich möchte Ihnen als Steuer reden."

949
00:55:44,600 --> 00:55:47,810
Und dann können Sie beginnen, Dinge zu sagen wie: "Wir werden einen Listener für Sie hinzufügen

950
00:55:47,810 --> 00:55:51,430
"So, wenn Sie verändert sind können wir darauf reagieren."

951
00:55:51,430 --> 00:55:56,930
Und dann können wir auch Dinge wie diese. Eigentlich ist das der alte Code da.

952
00:55:56,930 --> 00:55:59,600
Ich glaube, mir fehlt das Einfügen in eine weitere Funktion,

953
00:55:59,600 --> 00:56:05,030
und das wäre die eigentliche Funktion, die die Rating-Kontrolle geändert reagieren würde.

954
00:56:05,030 --> 00:56:07,710
Lassen Sie mich in Pop, dass hier unten,

955
00:56:07,710 --> 00:56:09,840
irgendwo um dort.

956
00:56:09,840 --> 00:56:14,930
Und in diesem Fall, das einzige, was neu ist, ist die Tatsache, dass wir in gehen

957
00:56:14,930 --> 00:56:21,000
was die Alterskontrolle sagt uns, und wir sind für das, was heißt das tentativeRating zu fragen.

958
00:56:21,000 --> 00:56:23,150
Es gibt eine Reihe von verschiedenen anderen Dingen, dass die Kontrolle kann Ihnen sagen,

959
00:56:23,150 --> 00:56:25,310
und es geht die Steuerung durch Steuer.

960
00:56:25,310 --> 00:56:29,140
Es ist sehr einfach. Du kannst es auch immer herauszufinden, keine Schwierigkeiten.

961
00:56:29,140 --> 00:56:34,040
Ich dieses, und wenn ich jetzt ändern die Bewertungen und klicken Sie auf die Bewertung,

962
00:56:34,040 --> 00:56:36,480
Sie sehen, jetzt ist es tatsächlich darauf zu reagieren.

963
00:56:36,480 --> 00:56:40,280
Es ist die Benutzung der Bewertung auf dem Bildschirm in das ansonsten leere div-Tag

964
00:56:40,280 --> 00:56:42,970
unterhalb der Alterskontrolle.

965
00:56:42,970 --> 00:56:46,670
Das ist die Magie einer Menge Sachen hier.

966
00:56:46,670 --> 00:56:49,580
So wie Sie die Erstellung von Anwendungen für den Windows Store sind,

967
00:56:49,580 --> 00:56:52,930
es gibt eine Tonne von Kontrollen, die Sie gerade verwenden. Sie alle arbeiten wie diese.

968
00:56:52,930 --> 00:56:58,670
>> Lassen Sie mich Ihnen die visuelle Seite der Gestaltung für diese Anwendungen.

969
00:56:58,670 --> 00:57:03,440
Die gute Nachricht ist, Sie haben bereits dieses Tool, wenn man alles installieren

970
00:57:03,440 --> 00:57:06,240
wenn Sie gehen Sie zu diesem Download und Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Ich kann einen Rechtsklick auf diese. Ich werde nicht zoomen

972
00:57:09,890 --> 00:57:12,040
Es sagt nur Open in Blend.

973
00:57:12,040 --> 00:57:16,040
Blend ist ein weiteres Tool, Seite an Seite mit Visual Studio funktioniert

974
00:57:16,040 --> 00:57:19,230
und viel mehr auf die Gestaltung Seite der Dinge konzentriert,

975
00:57:19,230 --> 00:57:23,660
so ist es wirklich Flächen-Tools, die zum Erstellen von Designs optimiert sind,

976
00:57:23,660 --> 00:57:29,720
Erstellen von Animationen, die Arbeit mit CSS, eine Menge Dinge in dieser Art von Vene.

977
00:57:29,720 --> 00:57:36,380
Hier was sehr interessant und ziemlich offensichtlich ist, dass wir sofort in der App suchen.

978
00:57:36,380 --> 00:57:40,060
Hoffentlich sind wir immer noch.

979
00:57:40,060 --> 00:57:42,650
Statt zu sehen, Code, der wir immer noch am Boden zu sehen,

980
00:57:42,650 --> 00:57:45,350
sehen wir die eigentliche Darstellung der Anwendung.

981
00:57:45,350 --> 00:57:49,640
Was mehr ist, ist es nicht nur eine Darstellung der App, ist es eigentlich die App läuft.

982
00:57:49,640 --> 00:57:52,010
Und das ist, was wirklich nett über Blend.

983
00:57:52,010 --> 00:57:58,620
Das Team hat eine Menge Arbeit getan werden, um HTML-und JavaScript-und CSS in dieses Werkzeug.

984
00:57:58,620 --> 00:58:01,930
Jetzt können Sie eigentlich, wenn Sie neugierig sind, "Was bedeutet das? Was kann ich tun?"

985
00:58:01,930 --> 00:58:08,310
Ich kann eigentlich zu dieser Anwendung entwerfen, auch wenn Dinge wie diese nicht in meinem Markup existieren.

986
00:58:08,310 --> 00:58:13,230
Denken Sie daran, dass die Alterskontrolle? Es war nur ein div-Tag.

987
00:58:13,230 --> 00:58:17,090
Das Zeug, dass Sterne, existiert nur zur Laufzeit. Wie kann ich das wissen?

988
00:58:17,090 --> 00:58:20,300
Es gibt ein kleines bisschen Magie hier.

989
00:58:20,300 --> 00:58:21,700
Sehen Sie diese Blitze?

990
00:58:21,700 --> 00:58:25,570
Jedes Mal, wenn Sie einen Blitz sehen, bedeutet, dass es durch etwas zur Laufzeit erzeugt.

991
00:58:25,570 --> 00:58:31,770
Einige JavaScript lief und drehte sich etwas in diese oder erstellt diese mit einer gewissen Logik.

992
00:58:31,770 --> 00:58:37,100
Die Sterne, die Sie sehen, es wurden von JavaScript durch WinJS erstellt.

993
00:58:37,100 --> 00:58:41,800
Das Schöne daran ist, spielt es keine Rolle für mich, ich kann es immer noch zu gestalten,

994
00:58:41,800 --> 00:58:44,410
Ich kann immer noch in zu gehen und zu verändern, kann ich herausfinden, was hier vor sich geht,

995
00:58:44,410 --> 00:58:50,260
Ich kann an der CSS blicke, kann ich voran gehen und herausfinden, warum die Farbe ist so wie es ist,

996
00:58:50,260 --> 00:58:54,610
Ich kann beginnen Messing mit Dingen und die Dinge schrecklich,

997
00:58:54,610 --> 00:58:58,360
, was ich tun will.

998
00:58:58,360 --> 00:59:01,020
Eigentlich werde ich die Dinge in Ruhe lassen.

999
00:59:01,020 --> 00:59:03,980
Aber man hier sehen kann, es ist alles das CSS und es ist hier, die Sie.

1000
00:59:03,980 --> 00:59:10,120
Wenn ich bis da, es geht um alles, was Sie sie nennen Winning zeigen,

1001
00:59:10,120 --> 00:59:14,850
so dass die CSS-Regeln, die die spezifische und die für das Element ausgewählt sind,

1002
00:59:14,850 --> 00:59:17,110
was haben Sie wahrscheinlich schon über in Ihren Klassen gegangen,

1003
00:59:17,110 --> 00:59:22,000
wo Sie sagen, es gibt eine allgemeine Schriftart, die wir für alles, was die Anwendung,

1004
00:59:22,000 --> 00:59:26,860
sondern weil dies eine h1 und ich habe eine Farbe für h1s definiert,

1005
00:59:26,860 --> 00:59:29,820
es geht um diese Farbe sein, und das ist, denn es ist spezifischer als die body1.

1006
00:59:29,820 --> 00:59:32,590
Diese eine Sache hier zeigt Ihnen alle, dass,

1007
00:59:32,590 --> 00:59:35,470
und es ist wirklich starke Sache, wie Sie mehr komplex werden,

1008
00:59:35,470 --> 00:59:38,160
Sie sich fragen, warum diese Dinge so sind, wie sie sind.

1009
00:59:38,160 --> 00:59:41,020
Es wird tatsächlich sagen Ihnen, und Sie können eines dieser Elemente, hier holen.

1010
00:59:41,020 --> 00:59:43,370
Diese Farbe ist nicht schlecht, eigentlich.

1011
00:59:43,370 --> 00:59:47,150
Sie können sie wählen. Hoffentlich können Sie das sehen.

1012
00:59:47,150 --> 00:59:52,410
Für alles, was Sie auf Ihre Anwendung haben, eine ganze Kaskade sehen Sie

1013
00:59:52,410 --> 00:59:56,070
aller CSS, die das und die man angewendet haben könnte, wird gewinnen,

1014
00:59:56,070 --> 00:59:58,050
die man eigentlich hatte Vorrang.

1015
00:59:58,050 --> 01:00:00,930
Diese sind irgendwie langweilig. Es ist nicht viel los in einige dieser.

1016
01:00:00,930 --> 01:00:04,660
Wenn ich und die Farbe, dann werden Sie sehen, einige Cascading dort beginnen.

1017
01:00:04,660 --> 01:00:07,760
Sie können auch HTML verwenden hier auch.

1018
01:00:07,760 --> 01:00:12,490
Ich kann durch zu gehen und die HTML-Eigenschaften für all diese Dinge zu ändern, wie ich will.

1019
01:00:12,490 --> 01:00:14,620
Es gibt nur Tonnen von Material hier.

1020
01:00:14,620 --> 01:00:18,070
>> Ich will nicht Ihre Zeit, indem Sie hier über alles. Genau wissen, es ist hier.

1021
01:00:18,070 --> 01:00:21,700
Es gibt eine Menge von Design-orientierte Funktionalität, die nur für Sie verfügbar ist

1022
01:00:21,700 --> 01:00:26,730
so können Sie visuell zu bleiben, mit der Anwendung arbeiten, und nicht zu viel zu tun zu erraten

1023
01:00:26,730 --> 01:00:32,180
dass müssten Sie normalerweise und Radfahren von einem Browser aus wieder zurück in Ihr Design zu tun,

1024
01:00:32,180 --> 01:00:33,940
zurück an den Browser.

1025
01:00:33,940 --> 01:00:37,010
Das ist wirklich coole Sachen für das, und wie Sie ein Windows Store App zu entwickeln,

1026
01:00:37,010 --> 01:00:39,650
es wird Sie viel produktiver zu machen.

1027
01:00:39,650 --> 01:00:45,150
>> Sie werden auch sehen, dass es hier die Verfolgung der Markup-und CSS

1028
01:00:45,150 --> 01:00:47,270
wie Sie durch verschiedene Dinge gerade arbeiten.

1029
01:00:47,270 --> 01:00:50,180
Es ist wohl wirklich schwer für Sie, dass, um zu sehen, vor allem auf Video,

1030
01:00:50,180 --> 01:00:54,680
aber das ist, was hier los ist, und ich würde Ihnen empfehlen, mit dem vertraut zu machen.

1031
01:00:54,680 --> 01:00:57,240
Es spart Ihnen eine Menge Zeit. Das ist Blend.

1032
01:00:57,240 --> 01:01:00,520
Wenn Sie hier Änderungen vornehmen, werden diese automatisch gehen, um wieder über tragen

1033
01:01:00,520 --> 01:01:01,870
Visual Studio.

1034
01:01:01,870 --> 01:01:06,590
Es sind die gleichen Dateien, es ist alles das gleiche. Ich werde es in Ruhe lassen.

1035
01:01:06,590 --> 01:01:08,650
Ich habe ein besseres Beispiel, dass ich möchte Ihnen zeigen.

1036
01:01:08,650 --> 01:01:11,660
Aber wenn ich eine Änderung vorgenommen und dort gespeichert und ich kam wieder zu Visual Studio, würde es sagen,

1037
01:01:11,660 --> 01:01:16,390
"Hey, du nur etwas verändert. Kann ich laden Sie es für dich?" Ja.

1038
01:01:16,390 --> 01:01:18,770
Und Sie die gleichen Sachen da sind.

1039
01:01:18,770 --> 01:01:21,320
Das ist das Ende des jeweiligen Probe.

1040
01:01:21,320 --> 01:01:28,170
>> Ich möchte Ihnen eine höhere End-Probe, um zu zeigen, nur um Ihnen einen Blick auf andere Funktionen zu geben

1041
01:01:28,170 --> 01:01:30,350
Sie könnte ungefähr so ​​gut denken.

1042
01:01:30,350 --> 01:01:32,280
Dies ist ein Beispiel-Anwendung, die Sie herunterladen können.

1043
01:01:32,280 --> 01:01:35,620
Wenn Sie sich für die so genannte Windows-Camp in einer Box suchen,

1044
01:01:35,620 --> 01:01:40,340
gibt es einige Beispiele, dass sind, und einer von ihnen ist der Contoso-Kochbuch.

1045
01:01:40,340 --> 01:01:41,640
Ich kann nur laufen diese für Sie.

1046
01:01:41,640 --> 01:01:44,700
Individuelle Begrüßungsbildschirm. Dies ist die Anwendung der Rasteransicht.

1047
01:01:44,700 --> 01:01:49,590
Sie haben einige benutzerdefinierte Daten hier gebunden. Sie können durch diese navigieren.

1048
01:01:49,590 --> 01:01:53,090
Sie können gehen und einen Blick auf die verschiedenen Dinge, die uns an einem Freitag Nachmittag hungrig machen.

1049
01:01:53,090 --> 01:01:57,760
Ich weiß nicht. Was geht mich der Hunger zu machen?

1050
01:01:57,760 --> 01:02:00,530
Ich weiß nicht. Ich werde nur einen auswählen.

1051
01:02:00,530 --> 01:02:02,460
Sie gehen in diese Dinge. Es zeigt Ihnen das Rezept.

1052
01:02:02,460 --> 01:02:04,900
Man könnte auch, anstatt auf ein Element,

1053
01:02:04,900 --> 01:02:10,360
Sie können auf diese Kategorie von Inhalten, diesen Abschnitt von Inhalten gehen.

1054
01:02:10,360 --> 01:02:15,590
In diesem Fall können Sie viele gefälschte Latein lesen erzählt Ihnen alles über diese Rezepte hier

1055
01:02:15,590 --> 01:02:17,720
und dann rechts in die spezifische Rezept.

1056
01:02:17,720 --> 01:02:22,770
Dies unterstützt auch Dinge wie den Austausch, die ich Ihnen gezeigt, bevor Sie mit den Bildern.

1057
01:02:22,770 --> 01:02:26,160
Sie können auch in dieser Anwendung suchen.

1058
01:02:26,160 --> 01:02:28,880
Es ist sehr einfach, um die Suche zu tun.

1059
01:02:28,880 --> 01:02:31,300
Im Grunde sind Sie gerade erst eine Reihe von Text aus Windows-

1060
01:02:31,300 --> 01:02:34,720
und Sie entscheiden, wie Sie die Suche mit damit umgehen wollen.

1061
01:02:34,720 --> 01:02:39,830
Es ist ein paar Zeilen Code, um das zu bekommen, und dann, was Sie mit ihm nach zu tun, ist völlig bis zu Ihnen.

1062
01:02:39,830 --> 01:02:44,180
>> Hier haben sie auch eine App-Leiste, wo sie mit einer anderen Funktionalität.

1063
01:02:44,180 --> 01:02:45,430
Ich werde einfach sagen, was es ist.

1064
01:02:45,430 --> 01:02:48,220
Eine Erinnerung verwenden wird, was heißt ein Toast-Benachrichtigung.

1065
01:02:48,220 --> 01:02:52,930
Das ist wirklich praktisch für den Benutzer wissen lassen, wenn Dinge geschehen,

1066
01:02:52,930 --> 01:02:55,850
wie eine Anwendung installiert wurde oder etwas vollendet wurde.

1067
01:02:55,850 --> 01:02:57,950
Es ist auch zu gut für Spiele.

1068
01:02:57,950 --> 01:03:02,360
Wenn Sie eine persistente Welt oder ein Leaderboard und einen Service, der bewirtet haben, dass

1069
01:03:02,360 --> 01:03:08,490
vielleicht auf einer separaten Maschine, können diese Meldungen in eine Maschine gesendet werden

1070
01:03:08,490 --> 01:03:12,240
und selbst wenn der Benutzer nicht mit Ihrem Spiel, das Spiel zu spielen oder Laufen Ihre App,

1071
01:03:12,240 --> 01:03:15,170
sie kann immer noch Meldungen über diese Arten von Veranstaltungen.

1072
01:03:15,170 --> 01:03:19,350
Also könnte man sagen: "Ihr Schloss wurde zerstört oder wird nur über zerstört."

1073
01:03:19,350 --> 01:03:22,870
"Komm zurück und zu verteidigen", oder so ähnlich.

1074
01:03:22,870 --> 01:03:26,830
Sie klicken auf der Anmeldung gleich wieder in das Spiel gehen, und Sie können es zu spielen.

1075
01:03:26,830 --> 01:03:32,170
Also diese Art von Dingen helfen kann wirklich die Menschen zurück in die App ziemlich effektiv zu ziehen.

1076
01:03:32,170 --> 01:03:37,450
>> Es gibt auch Unterstützung in dieser Anwendung für die Verwendung des Mikrofon, die Webcam,

1077
01:03:37,450 --> 01:03:39,560
Video machen und die Fotos.

1078
01:03:39,560 --> 01:03:42,080
Sie können auch einen sekundären Pin Fliese.

1079
01:03:42,080 --> 01:03:46,760
Es ist nützlich, wenn Sie einfach nur einen Ziegel, die direkt auf bestimmte Inhalte geht möchten.

1080
01:03:46,760 --> 01:03:49,960
In diesem Fall geht es direkt zu diesem Rezept.

1081
01:03:49,960 --> 01:03:51,300
Alles, was ich bin erwähnens ich nur zeigen

1082
01:03:51,300 --> 01:03:53,270
weil es Dinge, die Sie über die Verwendung als auch denken.

1083
01:03:53,270 --> 01:03:57,590
In den meisten Fällen sind sie sehr einfach zu bedienen.

1084
01:03:57,590 --> 01:04:00,070
Ich würde nur empfehlen, dass Sie sich, dass die Proben explorer bringen

1085
01:04:00,070 --> 01:04:03,600
und finden eine Probe, die Ihnen zeigen kann, wie man das macht.

1086
01:04:03,600 --> 01:04:07,140
Es ist ziemlich einfach, diese in Ihre Anwendungen auch dort zu bringen.

1087
01:04:07,140 --> 01:04:11,030
>> Ich wollte Sie etwas anderes, das hier ziemlich cool ist, zu zeigen.

1088
01:04:11,030 --> 01:04:15,230
Ich werde diese Anwendung zu schnappen, und ich werde wieder in Visual Studio zu gehen.

1089
01:04:15,230 --> 01:04:18,870
Diese Anwendung läuft. Es ist aus Visual Studio ausgeführt wird.

1090
01:04:18,870 --> 01:04:21,370
Ich kann ein paar ziemlich coole Sachen zu tun.

1091
01:04:21,370 --> 01:04:23,840
Ich habe tatsächlich eine Option, um ein Element auszuwählen,

1092
01:04:23,840 --> 01:04:28,250
und ich kann hier auf die Live-Anwendung gehen und ich kann sagen,

1093
01:04:28,250 --> 01:04:34,000
"Ich frage mich, warum ist Vorbereitungszeit etwas helleren Grau als der Titel selbst?"

1094
01:04:34,000 --> 01:04:35,680
Ich kann darauf klicken.

1095
01:04:35,680 --> 01:04:38,080
Es wird wieder in Visual Studio zu synchronisieren, dass

1096
01:04:38,080 --> 01:04:43,780
und es geht mir genau die erzeugte Inhalte, die in diesem Teil der Benutzeroberfläche führte zu zeigen.

1097
01:04:43,780 --> 01:04:47,270
Also in diesem Fall, ist es item-Untertitel und h4-Doppelkonstruktion,

1098
01:04:47,270 --> 01:04:51,110
und dass wahrscheinlich sagt uns, was wir wissen müssen, denn als h4 in diesem Kontext,

1099
01:04:51,110 --> 01:04:53,550
es geht um eine bestimmte Art von Schrift zu bekommen.

1100
01:04:53,550 --> 01:04:56,410
Aber wenn ich immer noch nicht, warum, kann ich auf Trace Styles klicken.

1101
01:04:56,410 --> 01:05:02,330
Ich kann erweitern Sie dann aus Farbe und ich herausfinden kann, warum die Farbe nicht die Körperfarbe

1102
01:05:02,330 --> 01:05:04,640
aber in Wirklichkeit ist etwas anderes.

1103
01:05:04,640 --> 01:05:07,210
Dies ist im Wesentlichen die Entwickler-Tools von Internet Explorer

1104
01:05:07,210 --> 01:05:09,530
zu einem gewissen Grad in Visual Studio gebracht.

1105
01:05:09,530 --> 01:05:12,110
Wenn Sie mit den Chrome Dev-Tools gearbeitet haben, Firebug, solche Dinge,

1106
01:05:12,110 --> 01:05:14,720
diese Art von Tools, die in den Browser sind,

1107
01:05:14,720 --> 01:05:17,340
diese Art von Funktionalität ist direkt in Visual Studio gebracht worden

1108
01:05:17,340 --> 01:05:22,090
so dass Sie eigentlich nicht haben, um einen Browser zu starten und die Arbeit mit diesen Werkzeugen getrennt.

1109
01:05:22,090 --> 01:05:24,320
Jetzt habe ich einen Windows Store App gerade läuft,

1110
01:05:24,320 --> 01:05:27,840
und ich kann es starten Auseinanderziehen und herauszufinden, warum die Dinge sind zu tun, was sie sind.

1111
01:05:27,840 --> 01:05:30,440
>> Ich kann es auch auf diese Weise auch.

1112
01:05:30,440 --> 01:05:35,020
Ich kann nur wählen zu gehen und etwas nach rechts aus dem Markup und finden Sie heraus, was es ist

1113
01:05:35,020 --> 01:05:38,560
in der Anwendung selbst. Ich glaube, ich habe von allem weg.

1114
01:05:38,560 --> 01:05:41,440
Hier bin ich über diese schweben. Ich kann es auszuwählen.

1115
01:05:41,440 --> 01:05:45,540
Es wird mich in der aktuellen laufenden Anwendung, wo das ist, zeigen

1116
01:05:45,540 --> 01:05:48,070
dass ich jetzt in der Sie auf Markup.

1117
01:05:48,070 --> 01:05:49,700
Wirklich coole Sachen.

1118
01:05:49,700 --> 01:05:52,710
Wie Sie versuchen, herauszufinden, was los ist und was zu tun ist, HTML,

1119
01:05:52,710 --> 01:05:56,080
welche CSS tun, ist, denken Sie daran.

1120
01:05:56,080 --> 01:05:58,450
Denken Sie daran, dies ist für Sie da

1121
01:05:58,450 --> 01:06:02,070
und auch, dass die Mischung mit einer Live laufenden Anwendung zu arbeiten.

1122
01:06:02,070 --> 01:06:06,070
>> Die eine letzte, was ich wollte Sie mit dieser Anwendung zu zeigen -

1123
01:06:06,070 --> 01:06:09,290
Übrigens, zeigt es Ihnen Deltas wie die Dinge zu ändern,

1124
01:06:09,290 --> 01:06:11,160
so dass Sie für die gelben Markierungen sehen.

1125
01:06:11,160 --> 01:06:14,060
Das sind Dinge, die einfach in der Anwendung geändert haben.

1126
01:06:14,060 --> 01:06:16,350
Aber eine letzte Sache. Ich will zurück gehen, um nur für eine Sekunde hier mischen.

1127
01:06:16,350 --> 01:06:21,790
Wir werden dies öffnen, Open in Blend gleiche Anwendung, gleiche alles.

1128
01:06:21,790 --> 01:06:28,660
Ich möchte nur, um Ihnen die Erfahrung hier zeigen nicht nur, dass du auf der Homepage stecken

1129
01:06:28,660 --> 01:06:32,880
Blick auf die Dinge, die Sie standardmäßig zu bekommen, wenn Sie die App laufen und lassen Sie es sich dort.

1130
01:06:32,880 --> 01:06:36,490
Sie können auch auf diesem hübschen kleinen Symbol drehen Sie hier.

1131
01:06:36,490 --> 01:06:38,560
Es nennt Interactive-Modus.

1132
01:06:38,560 --> 01:06:41,560
Sie klicken auf die. Es wird bringen Sie Ihre Anwendung.

1133
01:06:41,560 --> 01:06:43,730
Du bist nicht im Designmodus nicht mehr, so dass Sie nicht gehen, um Sie auf die Dinge werden

1134
01:06:43,730 --> 01:06:47,270
, um die Funktionalität zu ändern, aber man kann tatsächlich mit der Anwendung arbeiten jetzt.

1135
01:06:47,270 --> 01:06:51,560
Sie können durch klicken, können Sie tun, was auch immer, zu einem Rezept, die Sie interessieren bekommen

1136
01:06:51,560 --> 01:06:54,810
oder zu einer Kategorie. Lassen Sie uns zu dieser Kategorie zu gehen.

1137
01:06:54,810 --> 01:06:56,880
Ich werde sagen: "Okay, hier ist, wo ich will zu entwerfen."

1138
01:06:56,880 --> 01:06:59,680
Dann können Sie die Taste erneut, klicken Sie auf, es wird Sie wieder in die Design-Oberfläche zu bringen,

1139
01:06:59,680 --> 01:07:02,130
und jetzt können Sie all die Dinge, die ich vorher reden tun können.

1140
01:07:02,130 --> 01:07:06,230
Ich werde Maustaste halten, bis ich dieses ausgewählt, um herauszufinden, Abmessungen,

1141
01:07:06,230 --> 01:07:09,890
herauszufinden, die HTML für sie, die CSS für sie

1142
01:07:09,890 --> 01:07:14,990
für eine laufende Anwendung, einige später Teil der Anwendung.

1143
01:07:14,990 --> 01:07:17,780
Sehr, sehr nützlich. Ich werde es dir zeigen.

1144
01:07:17,780 --> 01:07:21,340
Bitte halten Sie es im Hinterkopf, wenn Sie in das Schreiben von Code mit diesem suchen

1145
01:07:21,340 --> 01:07:26,070
denn es wird Ihnen eine Menge Ärger sparen, und es ist ziemlich gutes Zeug.

1146
01:07:26,070 --> 01:07:32,370
Das ist so ziemlich alles, was ich wollte Sie auf Blend und in Visual Studio zu zeigen, dass für alle.

1147
01:07:32,370 --> 01:07:36,130
>> Sie haben Fragen zu einem dieser Werkzeuge?

1148
01:07:36,130 --> 01:07:40,000
Alles, was überhaupt? >> [Guarin] Ich habe Sachen heraus zu geben, so gut, Fragen, gute Sachen.

1149
01:07:40,000 --> 01:07:43,700
>> [Bowen lacht] Ich habe Ihnen bereits gezeigt meine Demos hier.

1150
01:07:43,700 --> 01:07:47,000
Ich werde es auf der Seite Ressourcen setzen und drehen, Fragen jetzt.

1151
01:07:47,000 --> 01:07:53,850
Das erste Referenz-Generation ist, dass App-Website mit dem Spiel Spur und der App Spur.

1152
01:07:53,850 --> 01:07:55,040
Registrieren für diejenigen.

1153
01:07:55,040 --> 01:07:57,210
Sie müssen nicht auf die 30 Tage warten, um den Inhalt zu erhalten.

1154
01:07:57,210 --> 01:08:00,370
Sie können beginnen werde und Blick auf den Inhalt, wie Sie möchten.

1155
01:08:00,370 --> 01:08:04,380
Ich verstehe Ihre Zeitrahmen anders als sein könnte - [lacht]

1156
01:08:04,380 --> 01:08:07,780
Also, wann ist der Hackathon? Das ist ein paar Wochen, oder?

1157
01:08:07,780 --> 01:08:09,620
So müssen Sie nicht die 30 Tage zu warten.

1158
01:08:09,620 --> 01:08:13,180
Also ja, können Sie sich für das unterschreiben und dann starten Sie einfach den Inhalt ziehen Sie es aus.

1159
01:08:13,180 --> 01:08:15,320
Auch das Dev und die Design Center.

1160
01:08:15,320 --> 01:08:17,620
Und ich habe nicht erwähnt, aber es gibt auch die Shop Docs.

1161
01:08:17,620 --> 01:08:22,880
Dies würde nach dem Hackathon, wie Sie damit beginnen, die Übermittlung Ihrer Apps für das Geschäft sind.

1162
01:08:22,880 --> 01:08:27,350
Es gibt einige hilfreiche Leitlinien hier einige Hinweise darüber, wie die Dinge in den Laden zu bekommen,

1163
01:08:27,350 --> 01:08:29,960
einige gemeinsame Themen, die Sie stolpern könnten,

1164
01:08:29,960 --> 01:08:32,540
und das ist das Ende dieser Ressourcen.

1165
01:08:32,540 --> 01:08:35,300
>> Also, was ist Ihnen am Herzen? Alles andere was Sie -

1166
01:08:35,300 --> 01:08:40,580
[Guarin] Wer über das Tun eines Windows-App für CS50 gedacht? Kühl.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] Cool. Große.

1168
01:08:44,149 --> 01:08:49,410
>> Haben Sie Fragen zu den Sachen, die Sie bisher gesehen haben, und wie sie sich auf das?

1169
01:08:49,410 --> 01:08:54,540
Zum Beispiel mit mehr Zeit konnte ich ein Spiel, das ich geschrieben habe, zu nehmen

1170
01:08:54,540 --> 01:08:57,310
und läuft im Browser und nur irgendwie durch den Prozess gehen

1171
01:08:57,310 --> 01:08:59,870
zu bringen, dass in Visual Studio, und dass es ein Windows Store App.

1172
01:08:59,870 --> 01:09:02,870
Es braucht mehr Zeit, als wir wirklich sind heute,

1173
01:09:02,870 --> 01:09:08,010
aber die kurze Version ist, es ist der gleiche Code, den Sie im Browser ausgeführt haben,

1174
01:09:08,010 --> 01:09:11,680
und die Dinge, die Sie ändern, sind die Dinge, die Sie sich entscheiden, um Windows 8 stecken.

1175
01:09:11,680 --> 01:09:16,220
Also, wenn Sie Reize verwenden möchten, wenn Sie zu suchen oder zu teilen,

1176
01:09:16,220 --> 01:09:19,899
müssen Sie eine App-Leiste, um auf die verstecken einige Funktionen zu erstellen,

1177
01:09:19,899 --> 01:09:21,939
das sind die Art von Dingen, die Sie ändern möchten.

1178
01:09:21,939 --> 01:09:25,229
Aber der Kern Ihrer Web-App kann intakt bleiben.

1179
01:09:25,229 --> 01:09:29,590
Wieder, wie lange, wie es funktioniert in IE10, es geht um eine wirklich einfache Hafen sein

1180
01:09:29,590 --> 01:09:33,680
das Zeug in Visual Studio zu bringen, in die Mischung, und machen es zu einem Windows Store App.

1181
01:09:33,680 --> 01:09:37,500
Auch die einzigen Dinge, die Sie lernen müssen, sind die anderen Funktionen

1182
01:09:37,500 --> 01:09:41,830
dass Sie verwenden können, um eine Anwendung leuchten, wie eine Live-Kacheln und diese Art von Dingen.

1183
01:09:41,830 --> 01:09:46,899
>> Ja. >> [Schüler] Meine Frage ist, über die Arbeit mobil.

1184
01:09:46,899 --> 01:09:52,210
Also, wenn Sie eine Anwendung, die als App auf dem Desktop funktioniert zu machen,

1185
01:09:52,210 --> 01:09:56,480
ist es wirklich einfach, es um mobile zu übertragen, oder gibt es eine -

1186
01:09:56,480 --> 01:10:01,270
Die Frage ist, wenn ich einen Windows Store App, die wirklich für diese Umgebung optimiert machen

1187
01:10:01,270 --> 01:10:06,430
und ich möchte es zu einer mobilen Welt zu bringen, was mit zu tun, dass beteiligt?

1188
01:10:06,430 --> 01:10:10,060
Das, wie viele Fragen, ist immer ein sich ständig verändernden Antwort.

1189
01:10:10,060 --> 01:10:16,190
Die gute Nachricht ist, wenn Sie mit HTML und JavaScript, CSS kleben sind,

1190
01:10:16,190 --> 01:10:18,720
wenn Sie von einem Windows Store App angefangen haben,

1191
01:10:18,720 --> 01:10:20,590
es wird Sie ins Web bringen zu lassen,

1192
01:10:20,590 --> 01:10:24,650
und dann diese Arten von Techniken, wie Medien-Anfragen und Dingen,

1193
01:10:24,650 --> 01:10:27,180
an verschiedene Geräte Größe anzupassen.

1194
01:10:27,180 --> 01:10:29,900
Das heißt, es ist immer Frameworks und Dinge gibt,

1195
01:10:29,900 --> 01:10:33,450
dass die Unterstützung, die sich aus verschiedenen Technologien, unterschiedliche Plattformen.

1196
01:10:33,450 --> 01:10:35,670
Das ändert sich die ganze Zeit.

1197
01:10:35,670 --> 01:10:40,030
Wir sind auch Dinge zu verändern, so gut wie wir zu dem, was wir jetzt sehen

1198
01:10:40,030 --> 01:10:42,950
tatsächlich mit Windows Phone 8.

1199
01:10:42,950 --> 01:10:44,930
Wir haben einige gemeinsame Kerninfrastrukturen

1200
01:10:44,930 --> 01:10:48,180
zwischen Anwendungen für Umgebungen angeboten.

1201
01:10:48,180 --> 01:10:51,200
Also die Sachen, die Sie tun, um einen Windows Store App zu erstellen sind,

1202
01:10:51,200 --> 01:10:57,790
eine Menge, die Sie über in ein Windows Phone 8-Anwendung durchführen als auch.

1203
01:10:57,790 --> 01:11:02,270
Das wiederum ist eine neue Geschichte, so gibt es einige Inhalte zu, dass bei Erstellen.

1204
01:11:02,270 --> 01:11:06,780
Das SDK nur vor einer Weile ausgestiegen. Es wurde gerade vor einer Weile veröffentlicht.

1205
01:11:06,780 --> 01:11:09,920
Aber in Bezug auf andere Plattformen zu,

1206
01:11:09,920 --> 01:11:13,360
Sie wahrscheinlich in viele Cross-Plattform-Frameworks laufen auch.

1207
01:11:13,360 --> 01:11:16,170
Die gute Nachricht ist, die Sachen, die Sie hier machen,

1208
01:11:16,170 --> 01:11:19,620
die Kernfunktionalität ist gerade nach oben Web-Standard-Sachen.

1209
01:11:19,620 --> 01:11:24,010
Die einzigen Dinge, die nicht leicht zu übersetzen würden, sind die Dinge, die Windows 8 der Fall ist,

1210
01:11:24,010 --> 01:11:28,060
aber das ist keine Überraschung, denn es ist ein Windows-Feature.

1211
01:11:28,060 --> 01:11:34,090
Du wirst doch nicht um die Freigabe oder ähnliche Arten von Verträgen auf jeder anderen Plattform zu finden.

1212
01:11:34,090 --> 01:11:37,480
Das sind also die Dinge, die Sie aus einer Design-Perspektive wollen

1213
01:11:37,480 --> 01:11:40,820
sicherzustellen, dass Sie Möglichkeiten, um Art abstrakter, die aus, so dass Sie sagen können,

1214
01:11:40,820 --> 01:11:42,970
"Wenn ich auf diese laufen lasse, kann ich das tun."

1215
01:11:42,970 --> 01:11:48,120
Wenn ich mich nicht, es gibt einige Design-Muster, die Sie verwenden können, um zu verbergen, dass die Art von Zeug weg.

1216
01:11:48,120 --> 01:11:53,360
Aber im Hinterkopf behalten. Ja. Entschuldigung. Gehen Sie voran.

1217
01:11:53,360 --> 01:11:58,130
>> [Schüler] Wenn ich meine Windows-Anwendung auf der Oberseite der [unverständlich] testen

1218
01:11:58,130 --> 01:12:02,310
[Bowen] Ja. Ich übersprang noch eine Sache zu. Ja.

1219
01:12:02,310 --> 01:12:04,910
Ich werde Ihre Frage zuerst zu beantworten, dann werde ich Ihnen eine Funktion, die ich vergaß zu erwähnen, zu zeigen.

1220
01:12:04,910 --> 01:12:09,220
Wir haben einige Maschinen vor Ort verfügbar. Es tut mir leid.

1221
01:12:09,220 --> 01:12:11,240
Die Frage war, wie kann ich testen, Dinge auf Geräten

1222
01:12:11,240 --> 01:12:14,230
wenn ich nicht zufällig eine ganze Menge Dinge zur Auswahl haben?

1223
01:12:14,230 --> 01:12:17,130
[Guarin] Wir verlieh ihr Jungs, ich glaube, 5 oder 6. Wie viele brauchen Sie?

1224
01:12:17,130 --> 01:12:20,940
[Schüler] Wir haben vier von ihnen. >> Ok. Sie Jungs haben vier Schiefertafeln, um zu spielen, um mit.

1225
01:12:20,940 --> 01:12:25,520
Also auf jeden Fall lassen Sie alle wissen, bitte. [Lacht] >> [Bowen] gut.

1226
01:12:25,520 --> 01:12:27,610
Das ist eine noch bessere Antwort, als ich wollte dir zu geben.

1227
01:12:27,610 --> 01:12:31,250
Wir haben Bürozeiten für Entwickler, die wir tun in unserem Büro

1228
01:12:31,250 --> 01:12:35,110
und jetzt kommt bald auf den Microsoft Store über an der Pru,

1229
01:12:35,110 --> 01:12:37,010
aber Edwin hat bereits dich gesorgt.

1230
01:12:37,010 --> 01:12:42,180
Es gibt 4 Schiefer für Ausleihe zur Verfügung, für die Prüfung.

1231
01:12:42,180 --> 01:12:45,440
Dort gehen wir. Es ist ein Beispiel für ein dort oben.

1232
01:12:45,440 --> 01:12:47,340
Also ja, absolut. Große.

1233
01:12:47,340 --> 01:12:52,700
Absolut bei weitem der beste Weg, dies zu prüfen ist, auf einer Vorrichtung sein.

1234
01:12:52,700 --> 01:12:56,810
Wenn Sie nicht zufällig einer noch haben, oder Sie nicht wollen, um über den Campus in den Schnee laufen

1235
01:12:56,810 --> 01:13:01,130
zu einem oder was auch immer zu greifen, gibt es eine Möglichkeit, diese wieder in Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Wenn ich zurück in denen ich hier war, zu gehen, hier anstelle von Local Machine,

1237
01:13:10,360 --> 01:13:13,590
Sie könnte zu Remote-Maschine, aber das ist nicht das, was ich hier rede.

1238
01:13:13,590 --> 01:13:16,830
Simulator ist die Sache, die Sie vielleicht zu schauen.

1239
01:13:16,830 --> 01:13:22,120
Ich werde dies auszuführen, und wirklich das, was es ist, ist es im Wesentlichen ein Fenster auf Ihrem eigenen System.

1240
01:13:22,120 --> 01:13:26,260
Hier ist eigentlich mein System läuft, läuft Contoso,

1241
01:13:26,260 --> 01:13:29,550
aber in einer Weise, die mich einige der Ausführungsparameter ändern können,

1242
01:13:29,550 --> 01:13:31,060
die Umweltparameter.

1243
01:13:31,060 --> 01:13:34,150
So kann ich hier sagen: "Weißt du was?"

1244
01:13:34,150 --> 01:13:39,240
Oh. Ich habe es bereits in einem simulierten 27-Zoll-Monitor läuft bei 2560 Auflösung.

1245
01:13:39,240 --> 01:13:44,930
Ich kann mir leicht fallen, dass nach unten und sehen, was meine Anwendung würde mit einem kleineren Bildschirm zu tun

1246
01:13:44,930 --> 01:13:47,480
oder durch Änderung DPI-Einstellungen oder was auch immer.

1247
01:13:47,480 --> 01:13:50,700
Also auf einem kleinen Bildschirm, eine 10.6, was sie tun?

1248
01:13:50,700 --> 01:13:53,040
Das sieht immer noch ziemlich gut, oder?

1249
01:13:53,040 --> 01:13:58,220
Sie wollen, dies zu tun, vor allem, wenn Sie in den Laden einreichen möchten, weil wir

1250
01:13:58,220 --> 01:14:00,480
als Teil des Testprozesses.

1251
01:14:00,480 --> 01:14:02,400
Und wenn es Probleme gibt wie das,

1252
01:14:02,400 --> 01:14:06,160
dann könnten Sie in ein Problem bekommen für den Laden laufen zertifiziert.

1253
01:14:06,160 --> 01:14:09,240
Aber das ist Teil des Simulators. Wirklich cool. Sehr einfach zu tun.

1254
01:14:09,240 --> 01:14:11,480
Sie können auch Funktionen wie Drehen zu verwenden.

1255
01:14:11,480 --> 01:14:15,650
Ich kann hier auf die Schaltfläche klicken, haben es zu drehen, zu sehen, was jemand als Erfahrung haben

1256
01:14:15,650 --> 01:14:20,970
Drehen ihre Schiefer, ihre Tablette, und mit Ihrer Anwendung mit dem.

1257
01:14:20,970 --> 01:14:25,060
Es gibt einige andere Dinge wie Touch-Emulation und einige andere Dinge,

1258
01:14:25,060 --> 01:14:27,210
Einstellung GPS.

1259
01:14:27,210 --> 01:14:31,050
Ich kann behaupten, ich bin an einem anderen Ort und zu sehen, was meine Anwendung funktioniert

1260
01:14:31,050 --> 01:14:34,690
wenn ich behaupten, dass ich zurück bin in Seattle oder so etwas.

1261
01:14:34,690 --> 01:14:41,970
Aber es ist eine wirklich nützliche Funktion, und es ist sowohl in Visual Studio und in Blend-gebaut.

1262
01:14:41,970 --> 01:14:44,460
Ja. Ihre Frage.

1263
01:14:44,460 --> 01:14:48,530
>> [Schüler] Wenn Sie das Schreiben ein Spiel, wird Visual Studio haben keine Unterstützung für die Animation?

1264
01:14:48,530 --> 01:14:55,550
Ja. Die Frage ist, um Unterstützung für Animationen, vor allem mit Gaming.

1265
01:14:55,550 --> 01:14:58,380
Es hängt davon ab. [Lacht]

1266
01:14:58,380 --> 01:15:06,870
Mit JavaScript will ich sagen, es ist wahrscheinlich weniger Unterstützung, als es auf der XAML-Seite,

1267
01:15:06,870 --> 01:15:11,430
welche Fristen hat, hat Storyboards und Dinge, die eingebaut werden

1268
01:15:11,430 --> 01:15:18,710
Für Animationen auf JavaScript-Apps, ich weiß nicht, wie viel von einer Antwort will ich dir geben.

1269
01:15:18,710 --> 01:15:25,110
Ich habe auf meinem Blog Ressourcen, die durch eine Menge von Optionen für die beiden Physik-Animationen zu gehen,

1270
01:15:25,110 --> 01:15:29,280
Optionen für JavaScript-orientierte Spiele auf Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Ich möchte Sie auf diese zu verweisen.

1272
01:15:31,300 --> 01:15:34,300
Im Grunde gibt es so viele Möglichkeiten.

1273
01:15:34,300 --> 01:15:37,770
Der Grund warum ich zögere ist, es gibt so viele Möglichkeiten für Animationen mit JavaScript zu tun.

1274
01:15:37,770 --> 01:15:44,280
Es könnte sein, CSS, Canvas-basierte es werden könnte, könnte es nur einfache DOM-Animationen,

1275
01:15:44,280 --> 01:15:47,470
es könnte eine Menge verschiedener Dinge sein, also es hängt wirklich von Ihrer Wahl.

1276
01:15:47,470 --> 01:15:55,790
Wenn Sie sich entscheiden, so etwas wie Create.js oder Kalk oder andere Arten von Frameworks verwenden -

1277
01:15:55,790 --> 01:15:59,150
Nun, ich bin nicht einmal sicher, dass Sie in der Lage, eine höhere End-Framework zu verwenden sind

1278
01:15:59,150 --> 01:16:01,370
Lust oder Schlag Construct.

1279
01:16:01,370 --> 01:16:07,000
Das neigt dazu, mehr Code, als Sie vielleicht von Grund auf neu betrachten zu generieren.

1280
01:16:07,000 --> 01:16:11,730
Aber in den Fällen, können Sie immer noch einen Simulator, können Sie die Umgebungen,

1281
01:16:11,730 --> 01:16:17,480
und ich neige dazu, gerade diese Umgebung für meine Test-Plattform in den Fällen,

1282
01:16:17,480 --> 01:16:19,930
wie ich die Entwicklung von Spielen.

1283
01:16:19,930 --> 01:16:22,110
Ich habe vor allem mit Canvas-Animationen fein,

1284
01:16:22,110 --> 01:16:23,850
das ist wahrscheinlich die häufigste Sache.

1285
01:16:23,850 --> 01:16:27,360
Am besten Sie gehen, um wahrscheinlich zu finden sind ist der dev-Tools im Browser

1286
01:16:27,360 --> 01:16:30,160
und die Entwickler-Tools in Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Art der mäanderförmig Antwort gibt, aber hoffentlich habe ich Ihre Antwort. Ja. Sie.

1288
01:16:34,610 --> 01:16:36,470
>> [Schüler] Was sind die Optionen zur Datenspeicherung für Windows 8-Apps?

1289
01:16:36,470 --> 01:16:41,100
Was sind die Optionen zur Datenspeicherung für Windows 8-Apps, Windows Store Apps?

1290
01:16:41,100 --> 01:16:46,790
Ihre Optionen sind wirklich jede Anwendung bekommt einen eigenen Pool von lokalen Speicher

1291
01:16:46,790 --> 01:16:52,150
für Einstellungen und für Daten, aber es ist auch lächerlich einfach Roaming-Lagerung zu bedienen,

1292
01:16:52,150 --> 01:16:54,920
zu Cloud-basierten Speicher verwenden. Es ist kostenlos.

1293
01:16:54,920 --> 01:16:58,250
Was passiert, ist man im Grunde wählen Sie eine andere Klasse, und Sie sagen,

1294
01:16:58,250 --> 01:17:03,370
"Roaming-Einstellungen, Speichern, diese besondere Gruppe von Inhalten"

1295
01:17:03,370 --> 01:17:06,050
und ihre Microsoft-Konto, was auch immer sie in so angemeldet haben,

1296
01:17:06,050 --> 01:17:08,620
wird sich der Schlüssel zum Roaming, dass Informationen herum sein.

1297
01:17:08,620 --> 01:17:13,790
Also, wenn ich das Spiel auf meinem Laptop und ich dann loggen Sie sich mit demselben Konto

1298
01:17:13,790 --> 01:17:18,900
und ich spiele das Spiel auf eine Oberfläche oder eine Tablette,

1299
01:17:18,900 --> 01:17:23,610
das wird automatisch durchstreifen diese Einstellung und Daten zwischen diesen Maschinen.

1300
01:17:23,610 --> 01:17:27,550
Das ist eine Standard-Sache. Das ist gut für bestimmte Datenmengen.

1301
01:17:27,550 --> 01:17:30,220
Sie würde nicht eine riesige Datenbank, in denen.

1302
01:17:30,220 --> 01:17:35,350
Dafür müssen Sie auf andere Arten von Lösungen, wie eine gehostete Datenbank in der Cloud zu gehen,

1303
01:17:35,350 --> 01:17:36,690
Sachen.

1304
01:17:36,690 --> 01:17:39,840
Es gibt einige andere Optionen Gemeinschaft um andere Arten von Daten-Technologien.

1305
01:17:39,840 --> 01:17:42,920
Ich habe einige Optionen in der SQLite-Community rund um auch dort gesehen.

1306
01:17:42,920 --> 01:17:46,690
Also mehr und mehr entstehen, aber das sind die wichtigsten Dinge, die Sie zu sehen

1307
01:17:46,690 --> 01:17:49,430
für ein Spiel oder eine App.

1308
01:17:49,430 --> 01:17:50,610
Und Sie eine Frage in den Rücken hatte zu.

1309
01:17:50,610 --> 01:18:02,390
>> [Schüler] Im Hinblick auf die Netzwerk [unverständlich] Hochladen oder Herunterladen von Dateien [unverständlich]

1310
01:18:02,390 --> 01:18:04,870
[Bowen] Ist Ihre Frage wie kann man das sehen, oder wie kann man das debuggen und testen Sie es?

1311
01:18:04,870 --> 01:18:10,630
[Schüler] Wie können Sie es debuggen [unverständlich]

1312
01:18:10,630 --> 01:18:12,670
Entschuldigung. Ich kann nicht hören alles.

1313
01:18:12,670 --> 01:18:16,480
[Schüler] Wie bekommt man es Fehler getestet und auch [unverständlich]

1314
01:18:16,480 --> 01:18:17,490
Große. Große.

1315
01:18:17,490 --> 01:18:21,860
Wie gehen Sie mit Vernetzung zu arbeiten? Wie kann man sehen, was ist los?

1316
01:18:21,860 --> 01:18:23,620
Es gibt viele verschiedene Antworten auf diese,

1317
01:18:23,620 --> 01:18:26,420
aber lassen Sie mich Ihnen hier wahrscheinlich die einfachsten Dinge.

1318
01:18:26,420 --> 01:18:29,350
Lassen Sie mich der Simulator für eine zweite loszuwerden.

1319
01:18:29,350 --> 01:18:31,740
Nur ein paar Debugging-Optionen für die Vernetzung.

1320
01:18:31,740 --> 01:18:36,070
Es gibt eine vollständige Netzwerkstapel rechts sowohl in die Höhe und von WinRT WinJS gebacken,

1321
01:18:36,070 --> 01:18:42,810
so kann man sehr leicht machen XHR, ruft AJAX Art von Spiel oder App zu tun.

1322
01:18:42,810 --> 01:18:47,250
In erster Linie, neige ich dazu zwei Dinge verwenden.

1323
01:18:47,250 --> 01:18:53,660
Ich verwende die aktuelle Entwickler-Tools selbst, die eine Netzwerk-Stack in sie gebacken haben.

1324
01:18:53,660 --> 01:18:55,870
Lassen Sie mich Ihnen die Windows-Startseite.

1325
01:18:55,870 --> 01:19:02,730
Ich kann das bringen, und es ist eigentlich eine Netzwerk-Proxy in diese Tools hier gebacken.

1326
01:19:02,730 --> 01:19:08,390
So kann ich das tun, ich kann die Seite zu aktualisieren, und es wird mir zu zeigen, alle Interaktionen,

1327
01:19:08,390 --> 01:19:14,550
einschließlich AJAX-Aufrufe für diese Sitzung, dass der Antrag für die Dauer.

1328
01:19:14,550 --> 01:19:17,600
Dies ist nützlich. Es wird sehr nützlich für Browser-basierte Anwendungen.

1329
01:19:17,600 --> 01:19:20,470
Für andere Arten von Apps, einschließlich Windows Store Apps,

1330
01:19:20,470 --> 01:19:23,970
Ich benutze ein Tool namens Fiddler.

1331
01:19:23,970 --> 01:19:29,650
Sie gehen, um ein Spiel in Antwort zu erhalten. [Lacht]

1332
01:19:29,650 --> 01:19:32,750
Fiddler ist ein einfacher Proxy. Ich denke, das kann ich Ihnen zeigen.

1333
01:19:32,750 --> 01:19:40,190
Es ist nur GetFiddler.com, die interessanterweise, ich meine Tracing Netzwerk-Stack

1334
01:19:40,190 --> 01:19:41,740
werde GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
Aber trotzdem hat Fiddler von einem der PMs auf der IE-Team geschrieben wurde,

1336
01:19:45,700 --> 01:19:48,290
so weiß er, was er tut.

1337
01:19:48,290 --> 01:19:52,630
Dies ist ein guter Indikator, dass Sie für die Fehlersuche Netzwerkverkehr nutzen können.

1338
01:19:52,630 --> 01:19:55,730
Ich würde empfehlen, dass. Frage dort auch.

1339
01:19:55,730 --> 01:19:58,050
>> [Schüler] Gibt es eine einfache Möglichkeit, Fremdsprache Eingang zu integrieren,

1340
01:19:58,050 --> 01:20:00,810
wie Japanisch oder Chinesisch, die in Windows-Anwendungen?

1341
01:20:00,810 --> 01:20:03,240
Ich kann nicht sagen, ich habe zu viel von ihm selbst getan, aber es in. gebacken wird

1342
01:20:03,240 --> 01:20:08,470
Es gibt Optionen für natürlich emittierende Ihre Anwendung - es tut mir leid, ich habe nicht gesagt, die Frage -

1343
01:20:08,470 --> 01:20:11,100
Optionen rund um Globalisierung, Lokalisierung von Inhalten,

1344
01:20:11,100 --> 01:20:14,320
auch Dinge wie die Möglichkeit, in verschiedenen Märkten zu verkaufen

1345
01:20:14,320 --> 01:20:19,190
und Ziel, dass die Version der Anwendung für die einzelnen Sprachen

1346
01:20:19,190 --> 01:20:21,080
oder Kulturen oder solche Dinge. Absolut eingebaut

1347
01:20:21,080 --> 01:20:22,980
Wir haben die Unterstützung für das für immer gehabt,

1348
01:20:22,980 --> 01:20:26,630
und trägt sich mit ihr und Optionen für Windows Store.

1349
01:20:26,630 --> 01:20:30,450
Sie können, dass in der Filiale selbst zu tun, zu verkaufen in unterschiedlichen Märkten,

1350
01:20:30,450 --> 01:20:34,050
Sie können das in der Anwendung als auch zu tun mit der Verwendung von Ressourcen zu definieren,

1351
01:20:34,050 --> 01:20:42,220
"Wenn ich für diese Kultur entwickelt, dann diese Überschreibungen für mein Textinhalt

1352
01:20:42,220 --> 01:20:44,510
"Oder ein von rechts nach links Leser."

1353
01:20:44,510 --> 01:20:51,290
Das sind alle Teil der Standard WinJS und WinRT APIs. Gute Frage.

1354
01:20:51,290 --> 01:20:54,770
>> Wie sollen wir tun? Alle anderen?

1355
01:20:54,770 --> 01:20:58,850
Und wenn jemand auf Video Fragen hat, bin ich @ microsoft cbowen,

1356
01:20:58,850 --> 01:21:02,790
Ich bin so glücklich, alle Ihre Fragen aus der Zukunft zu nehmen.

1357
01:21:02,790 --> 01:21:05,690
Sehr - Von der Zukunft [echo imitiert] Zukunft.

1358
01:21:05,690 --> 01:21:09,140
So, hier bin ich. Lassen Sie mich meine Kontakt hier.

1359
01:21:09,140 --> 01:21:11,840
Also schicken Sie mir eine Notiz, cbowen @ microsoft,

1360
01:21:11,840 --> 01:21:15,190
und ich werde auf Sie zurückkommen, sobald ich kann.

1361
01:21:15,190 --> 01:21:19,010
>> Alles andere, was Sie sich fragen? Sind wir gut?

1362
01:21:19,010 --> 01:21:24,050
Große. Gut. Ich danke Ihnen allen sehr viel. Ich schätze es. [Applaus]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]