1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Seminarium - Windows 8 - Rozwój aplikacji / gier w 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
[To jest CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Hej, wszyscy. Nazywam się Edwin Guarin. To jest Chris Bowen.

5
00:00:10,290 --> 00:00:12,310
Dam mu wprowadzić się w drugim.

6
00:00:12,310 --> 00:00:14,100
Chcę po prostu zrobić szybkie oświadczenie.

7
00:00:14,100 --> 00:00:18,340
Po pierwsze, wszystko co CS50 studenci Windows 8 za darmo.

8
00:00:18,340 --> 00:00:23,150
Więc jeśli myślisz o faktycznie używając go do ostatecznego projektu, jest twoja.

9
00:00:23,150 --> 00:00:25,740
Nate wyśle ​​e-mail później na instrukcje.

10
00:00:25,740 --> 00:00:32,850
Drugą rzeczą jest, jeśli zdecydujesz się napisać aplikację Windows 8 dla CS50 ostatecznego projektu,

11
00:00:32,850 --> 00:00:35,870
będziemy robić jakieś prezenty: Xbox,

12
00:00:35,870 --> 00:00:38,870
być może będziemy w stanie dać klaps daleko, takie rzeczy.

13
00:00:38,870 --> 00:00:42,460
Więc czy jest coś Cię powstrzymuje, niech Chris i wiem

14
00:00:42,460 --> 00:00:45,010
jak możemy pomóc zbudować coś naprawdę fajnego.

15
00:00:45,010 --> 00:00:48,580
Tak więc jeszcze raz dziękuję za przybycie, a ja oddać go do Chrisa.

16
00:00:48,580 --> 00:00:50,500
>> Dziękuję, Edwin.

17
00:00:51,000 --> 00:00:52,740
Dzięki wszystkim za przyłączenie się do nas już dziś.

18
00:00:52,740 --> 00:00:55,800
Jestem Chris Bowen. Jestem jednym z kolegów Edwin tu w północno-wschodniej.

19
00:00:55,800 --> 00:00:58,310
Chciałem spędzić trochę czasu z tobą rozmawiać o

20
00:00:58,310 --> 00:01:03,730
jak zrobić aplikację systemu Windows Store z HTML5, JavaScript i CSS

21
00:01:03,730 --> 00:01:07,310
i rodzaj dostać jakieś pytania, które możesz mieć o tym wiedziałeś

22
00:01:07,310 --> 00:01:12,920
jak szukasz w kierunku myślenia o może go używać do finałów CS50 okazji.

23
00:01:12,920 --> 00:01:14,980
>> Powiedział, że musimy po prostu nurkować prawo cala

24
00:01:14,980 --> 00:01:17,190
Pójdę na do slajdów tutaj.

25
00:01:17,190 --> 00:01:19,440
Jeśli masz jakiekolwiek pytania, nie wahaj się wysłać do mnie e-mail.

26
00:01:19,440 --> 00:01:23,460
Jestem cbowen@microsoft.com, i tam jest mój blog i moje Twitter.

27
00:01:23,460 --> 00:01:26,330
Jednak chcesz, aby skontaktować się ze mną, że jest w porządku.

28
00:01:26,330 --> 00:01:30,110
Mam około godziny rzeczy, i chcę dostać na Twoje pytania w drodze,

29
00:01:30,110 --> 00:01:33,720
więc nie wstydź się o konieczności pytania podczas tego.

30
00:01:33,720 --> 00:01:36,470
Nie widzą, kto zadaje pytania na temat nagrania,

31
00:01:36,470 --> 00:01:39,090
więc będziesz anonimowy, jak chcesz być.

32
00:01:39,090 --> 00:01:42,780
>> Pozwól mi nurkować w prawo, po prostu dać szybkie wprowadzenie do systemu Windows 8,

33
00:01:42,780 --> 00:01:47,400
i pokazać kilka rzeczy na temat systemu Windows Store aplikacji, które można rozważyć

34
00:01:47,400 --> 00:01:49,530
jak myślisz o rozwoju aplikacji.

35
00:01:49,530 --> 00:01:52,660
Patrzymy na Windows 8. Byliśmy się na kilka tygodni.

36
00:01:52,660 --> 00:01:55,810
Wiele silnych przyjęcia tam już.

37
00:01:55,810 --> 00:01:59,800
Może widzieliście już maszyny powierzchniowe, które mamy, jak również.

38
00:01:59,800 --> 00:02:03,730
Nie ma tu właściwie jeden można przyjrzeć się, jeśli jesteś tu osobiście.

39
00:02:03,730 --> 00:02:07,530
Naprawdę chcę z tobą porozmawiać, pokazać, wokół trochę o Windows 8.

40
00:02:07,530 --> 00:02:10,759
Pomysł z Windows 8, to naprawdę nie przedstawi wszystkie rzeczy znajomych o systemie Windows

41
00:02:10,759 --> 00:02:16,840
w niektórych nowych doświadczeń - w szczególności rzeczy, jak na maszynie powierzchni z dotyku,

42
00:02:16,840 --> 00:02:20,000
Tego rodzaju większej liczby urządzeń mobilnych, które znajdują się na rynku

43
00:02:20,000 --> 00:02:22,360
ale jest to również system Windows w swoim rdzeniu.

44
00:02:22,360 --> 00:02:25,850
Więc oznacza to, że można go zainstalować wszystko, co naprawdę działa na Windows 7,

45
00:02:25,850 --> 00:02:30,770
z największych potrójnego SLI gier platformy w dół do laptopa

46
00:02:30,770 --> 00:02:36,200
i do błyszczących nowych innych urządzeń, które można odebrać dzisiaj.

47
00:02:36,200 --> 00:02:38,450
Będą one działać Windows 8.

48
00:02:38,450 --> 00:02:40,530
Pokażę ci wokół tylko trochę,

49
00:02:40,530 --> 00:02:44,670
i wszystkie doświadczenia, które będzie można zobaczyć tutaj są rzeczy, które można utworzyć.

50
00:02:44,670 --> 00:02:47,760
Chodzi o to, czy jest to dotykowy, mysz, klawiatura,

51
00:02:47,760 --> 00:02:51,870
bez względu na to, że urządzenie działa pan na swój wniosek, to będzie działać świetnie.

52
00:02:51,870 --> 00:02:55,180
Windows 8 będzie pomóc w tych wszystkich sytuacjach.

53
00:02:55,180 --> 00:02:59,600
>> Te slajdy na bok, po prostu uzyskać prawo do przyjrzenia się tutaj.

54
00:02:59,600 --> 00:03:03,270
Pokażę ci, wokół mojego ekranu głównego. To jest mój ekran Start.

55
00:03:03,270 --> 00:03:05,810
Ja po prostu dać trochę wycieczkę tutaj.

56
00:03:05,810 --> 00:03:09,610
Jestem na maszynie bez dotykowego, tak jak chcę dotknąć ekran laptopa,

57
00:03:09,610 --> 00:03:13,400
nie będzie nic robić, więc po prostu przejdź tu trochę i pokazać.

58
00:03:13,400 --> 00:03:17,950
Niektóre rzeczy, które może zauważyć, że te tak zwane żywe kafelki

59
00:03:17,950 --> 00:03:21,470
rzeczywiście można animować, i mogą dostarczyć informacji do ciebie -

60
00:03:21,470 --> 00:03:24,750
być może aktualizacje na temat statystyk w grze

61
00:03:24,750 --> 00:03:30,970
lub pokazać wiadomości z niektórych wcześniejszych aplikacji, które są tutaj, na lewej stronie.

62
00:03:30,970 --> 00:03:35,350
Nie idziemy. Jestem pewien, że to tylko pozytywne i fantastycznie świetna wiadomość.

63
00:03:35,350 --> 00:03:38,450
Widać tutaj, że naprawdę dzwoni uwagę z powrotem do aplikacji, mówiąc,

64
00:03:38,450 --> 00:03:43,010
"Hej, jest coś nowego. Spójrz. Przyjdź i zobacz, co nowego dla Ciebie."

65
00:03:43,010 --> 00:03:45,320
To się nazywa płytki na żywo i można zrobić powiadomień

66
00:03:45,320 --> 00:03:47,070
albo bezpośrednio z samej aplikacji

67
00:03:47,070 --> 00:03:52,220
lub, jeśli przyjrzeć się dokładniej, można dowiedzieć się, jak dodać obsługę zdalnego

68
00:03:52,220 --> 00:03:54,340
które w rzeczywistości mogą wysyłanie informacji do płytek,

69
00:03:54,340 --> 00:03:56,520
co jest, co się dzieje z tymi wiadomościami aplikacji.

70
00:03:56,520 --> 00:04:00,080
Oni rzeczywiście coraz wiadomości z chmury i aktualizacji płytki tam

71
00:04:00,080 --> 00:04:03,710
więc ludzie wiedzą, że jest powód, aby otworzyć aplikację i zapoznać

72
00:04:03,710 --> 00:04:06,950
bez względu na najnowsze wiadomości znajduje się w żadnej z nich

73
00:04:06,950 --> 00:04:10,060
lub, jeśli nie nowe przepisy nowa pokonać wysoki wynik

74
00:04:10,060 --> 00:04:13,560
lub odtwarzania przyjaciel czy cokolwiek na tych aplikacjach.

75
00:04:13,560 --> 00:04:15,550
To jest coś, aby zachęcić cię widok

76
00:04:15,550 --> 00:04:18,640
Więc to jest żywe kafelki, i może to być osoba, może to być strona internetowa, jak również.

77
00:04:18,640 --> 00:04:20,790
Zazwyczaj jest to aplikacja.

78
00:04:20,790 --> 00:04:25,320
>> Prawie wszystkie z tych rzeczy, które mam tu przyszedł ze sklepu Windows. Ja uruchomić to.

79
00:04:25,320 --> 00:04:27,890
To jeden z wniosków, które można uzyskać domyślnie

80
00:04:27,890 --> 00:04:30,350
na każdym komputerze, który jest uruchomiony system Windows 8.

81
00:04:30,350 --> 00:04:33,040
Można tu znaleźć coś, że chcesz,

82
00:04:33,040 --> 00:04:37,240
z rzeczy, które są podświetlone do gry, że nie widziałem wcześniej.

83
00:04:37,240 --> 00:04:39,440
Wow, mamy nowy pinball tutaj.

84
00:04:39,440 --> 00:04:41,580
Można zainstalować je tutaj ze sklepu,

85
00:04:41,580 --> 00:04:43,420
i będziemy rozmawiać o tym, jak rozwijać te.

86
00:04:43,420 --> 00:04:45,670
Masz wiele opcji do wyboru, w jaki sposób ich tworzenia.

87
00:04:45,670 --> 00:04:49,020
Będziemy koncentrować się na historii JavaScript w HTML i CSS,

88
00:04:49,020 --> 00:04:52,790
ale dla użytkownika, aby nabywcy aplikacji, to nie ma znaczenia to, co było napisane w.

89
00:04:52,790 --> 00:04:54,670
Mogą iść dalej i pracować z nim.

90
00:04:54,670 --> 00:04:57,870
Intryguje mnie ten jeden, więc trzeba otworzyć to się i spójrz.

91
00:04:57,870 --> 00:05:02,310
Każda aplikacja, w tym te, które można zgłaszać i sprzedają lub oddać za darmo,

92
00:05:02,310 --> 00:05:06,240
co chcesz robić w sklepie, dostanie strony startowej takiego.

93
00:05:06,240 --> 00:05:10,750
Możesz wysłać z aplikacji Pęczek zrzutów ekranu - widać niektórzy tutaj -

94
00:05:10,750 --> 00:05:15,970
Szczegółowe informacje na temat stosowania, az czasem będziesz gromadzić zarówno oceny -

95
00:05:15,970 --> 00:05:19,020
są w zasadzie tylko gwiazdki - i recenzje

96
00:05:19,020 --> 00:05:20,690
które zapewniają trochę więcej wglądu.

97
00:05:20,690 --> 00:05:24,380
Faktycznie, ktoś musi wpisać coś i powiedzieć, jak niesamowite jesteś,

98
00:05:24,380 --> 00:05:29,300
i że trafi do sekcji recenzji tutaj, którego nie patrzeli.

99
00:05:29,300 --> 00:05:33,890
Fantastyczne. "Nawet nie otworzyć." Jak wielki.

100
00:05:33,890 --> 00:05:39,000
Cóż, dla ludzi, dla których to był otwarty i prowadzony, wydają się naprawdę cieszyć się nim. [Śmiech]

101
00:05:39,000 --> 00:05:43,770
Należy o tym pamiętać. Internetowe. Każdy może powiedzieć, co chcą o aplikacji.

102
00:05:43,770 --> 00:05:45,780
Więc upewnij się, że robisz świetną robotę z tym,

103
00:05:45,780 --> 00:05:49,030
upewnij się, że robisz to w wygodny dla użytkownika, jak to możliwe

104
00:05:49,030 --> 00:05:52,720
bo są kilka kliknięć od zapewniając recenzję,

105
00:05:52,720 --> 00:05:55,870
i że będą gromadzić się do ogólnego rankingu przeglądarki.

106
00:05:55,870 --> 00:05:58,990
I chcesz jak najlepiej, bo masz zamiar być nawet przed innymi aplikacjami.

107
00:05:58,990 --> 00:06:01,830
Nie będzie już tysiące aplikacji w sklepie,

108
00:06:01,830 --> 00:06:06,880
i są szanse, że może być coś, co ma podobne funkcje do tego, co robisz.

109
00:06:06,880 --> 00:06:12,740
Więc jeśli można wyróżnia się z tłumu, że będzie na swoją korzyść, oczywiście.

110
00:06:12,740 --> 00:06:15,300
>> Dojdziemy do sklepu trochę później.

111
00:06:15,300 --> 00:06:17,090
Naprawdę chcę skupić się na tworzeniu aplikacji.

112
00:06:17,090 --> 00:06:20,760
Ale krótka wersja sklepu jest dystrybucja na całym świecie,

113
00:06:20,760 --> 00:06:25,430
to automatycznie częścią Windows 8, ludzie po prostu zwolnić go i zapoznać się z różnymi aplikacjami tutaj,

114
00:06:25,430 --> 00:06:29,070
masz Ubieranie Sticker Book i wszelkiego rodzaju różnych aplikacji.

115
00:06:29,070 --> 00:06:33,690
Świeżej farby, używam tego dużo - źle, ale używam go dużo.

116
00:06:33,690 --> 00:06:36,080
To pokazuje mi, że jestem już właścicielem.

117
00:06:36,080 --> 00:06:41,280
Pokażę ci coś, czego nie mamy - UVideos nie mam jak nowy.

118
00:06:41,280 --> 00:06:43,660
Zobaczysz tutaj to nic nie kosztuje, więc można go zainstalować bezpośrednio z magazynu.

119
00:06:43,660 --> 00:06:46,430
Masz wybór też. Oczywiście można je rozdawać.

120
00:06:46,430 --> 00:06:49,660
Można umieścić reklamę w aplikacji lub gry.

121
00:06:49,660 --> 00:06:54,770
Możesz też pobierać opłaty za to, i można bardzo łatwo dostarczyć próbę dla aplikacji, jak również

122
00:06:54,770 --> 00:06:58,220
więc można pozwolić ludzie próbują go na tydzień lub co chcesz zrobić.

123
00:06:58,220 --> 00:07:01,540
To tylko konfigurowalny przez portal. Nie pisać żadnego kodu do tego.

124
00:07:01,540 --> 00:07:03,990
Więc można powiedzieć, "Możesz użyć tego przez tydzień, a potem musisz go kupić,"

125
00:07:03,990 --> 00:07:07,130
czy można robić takie rzeczy jak: "Można grać pierwsze 3 poziomy tej gry

126
00:07:07,130 --> 00:07:09,820
", A następnie musisz zakupić aby uzyskać dostęp do reszty."

127
00:07:09,820 --> 00:07:12,310
Można nawet zrobić zakupy w aplikacji, jak również, więc można powiedzieć,

128
00:07:12,310 --> 00:07:17,880
"Mamy dodatkowe przygody lub zestawy grafiki lub rzeczy, które są odblokowywane -

129
00:07:17,880 --> 00:07:21,430
"Inne przepisy, które są odblokowane -. Jeśli zakup tych rozszerzonych zestawów"

130
00:07:21,430 --> 00:07:24,260
I można zrobić wszystko w aplikacji lub w samej grze.

131
00:07:24,260 --> 00:07:26,070
Tak, całkowicie do ciebie, twój wybór.

132
00:07:26,070 --> 00:07:28,070
Jest wiele rzeczy, które można zrobić w sklepie,

133
00:07:28,070 --> 00:07:31,660
a potem po prostu dajesz go do kanału certyfikacji.

134
00:07:31,660 --> 00:07:35,380
Możemy porozmawiać o tym trochę później, ale to jest celem.

135
00:07:35,380 --> 00:07:40,410
Aby uzyskać aplikację świecie widoczność w sklepie tutaj.

136
00:07:40,410 --> 00:07:44,170
>> Powrót na ekranie Kliknij tutaj, chciałbym pokazać, wokół trochę więcej.

137
00:07:44,170 --> 00:07:50,580
Jeśli uruchomić te aplikacje, podam przykład niektórych funkcji cross-app tutaj.

138
00:07:50,580 --> 00:07:53,070
Aby to zrobić, będę rozpocząć świeżej farby.

139
00:07:53,070 --> 00:07:55,550
Jedną rzeczą, którą można zobaczyć tutaj, to każdy kawałek ekranu,

140
00:07:55,550 --> 00:07:58,040
wszystkie piksele na ekranie, przejdź do aplikacji.

141
00:07:58,040 --> 00:08:01,990
Dawno minęły czasy, gdy masz te obramowania wokół okien

142
00:08:01,990 --> 00:08:05,120
z dużą ilością przycisków, które są zawsze tam zajmowania miejsca przez cały czas.

143
00:08:05,120 --> 00:08:09,430
Teraz naprawdę chcesz uciec od tego i tylko treść jest ostrość.

144
00:08:09,430 --> 00:08:13,710
Możemy robić rzeczy z Windows poprzez dostęp do innych rodzajów menu.

145
00:08:13,710 --> 00:08:16,840
Jednym z nich jest rzeczywiście to, co się nazywa bar uroki,

146
00:08:16,840 --> 00:08:18,870
i wychodzi od strony ekranu.

147
00:08:18,870 --> 00:08:21,270
Rzeczywiście można potrząsnąć z boku, jeśli masz ekran dotykowy,

148
00:08:21,270 --> 00:08:24,840
można kliknąć prawym przyciskiem myszy, jeśli masz mysz, jest skrót klawiaturowy do tego,

149
00:08:24,840 --> 00:08:29,490
zawsze jest więcej niż jeden sposób, aby zrobić coś w środowisku tutaj.

150
00:08:29,490 --> 00:08:31,680
To sprowadza się wiele rzeczy, które możesz zrobić.

151
00:08:31,680 --> 00:08:33,870
Najbardziej oczywiste jest to, można wrócić do ekranu startowego,

152
00:08:33,870 --> 00:08:36,780
ale pozostałe 4 są tak zwane uroki.

153
00:08:36,780 --> 00:08:41,059
Są to umowy, które można podłączyć do jako app dewelopera. Są całkiem fajne.

154
00:08:41,059 --> 00:08:43,340
Szukaj, jestem pewien, że to coś, co zamierzamy zrobić,

155
00:08:43,340 --> 00:08:44,950
dzielenie się pokażę, w drugim,

156
00:08:44,950 --> 00:08:48,450
i urządzeń oraz ustawienia, to są wszystkie rzeczy, które Twoja aplikacja może podłączyć do

157
00:08:48,450 --> 00:08:51,960
wykorzystać system Windows, aby powiedzieć: "Zrobiłem mój udział

158
00:08:51,960 --> 00:08:54,700
"I chcę Windows obsługuje jakieś inne funkcjonalności,

159
00:08:54,700 --> 00:08:56,750
"A ja nie chcę pisać dużo kodu, aby tak się stało."

160
00:08:56,750 --> 00:08:59,480
To naprawdę korzyści z korzystania z tych funkcji.

161
00:08:59,480 --> 00:09:01,340
Pokażę wam jedno.

162
00:09:01,340 --> 00:09:05,170
Aby to zrobić, zrobię nowy obraz.

163
00:09:05,170 --> 00:09:08,240
Rozmawiałem również o użyciu każdy piksel dla Twojej aplikacji.

164
00:09:08,240 --> 00:09:11,850
Domyślnie jest to, co aplikacja farby wygląda, gdy używasz go.

165
00:09:11,850 --> 00:09:14,960
To naprawdę tylko o cokolwiek, czego rysunek, treść.

166
00:09:14,960 --> 00:09:20,850
Mogłem zrobić straszne rzeczy tutaj. Co mam narysować? Nie wiem.

167
00:09:20,850 --> 00:09:23,110
Bazgroły? Świetnie. Mogę zrobić bazgroły. Fantastyczne.

168
00:09:23,110 --> 00:09:25,130
Turcja? [Śmiech]

169
00:09:25,130 --> 00:09:28,500
Jest to najbardziej abstrakcyjna indyka widać.

170
00:09:28,500 --> 00:09:31,780
Mogę również przywołać to, co nazywa się pasek aplikacji,

171
00:09:31,780 --> 00:09:33,850
i to jest naprawdę jeden z kluczowych sposobów, które można wykorzystać

172
00:09:33,850 --> 00:09:37,210
aby schować wszystkie rzeczy, które mogą być na Twojej aplikacji lub gry przed

173
00:09:37,210 --> 00:09:39,570
tylko zajmowania miejsca przez cały czas.

174
00:09:39,570 --> 00:09:43,270
Teraz możesz umieścić go tutaj, a to jest naprawdę jeden z najpiękniejszych doświadczeń

175
00:09:43,270 --> 00:09:46,380
Dzięki aplikacji pasku że widziałem.

176
00:09:46,380 --> 00:09:48,800
Umieścić wyborów tutaj, wybierając różne kolory.

177
00:09:48,800 --> 00:09:54,310
Chcieliśmy indyka, więc umieścimy jakiś brązowy tutaj rozpocząć mieszanie w paru kolorach.

178
00:09:54,310 --> 00:09:58,790
Weźmiemy kolor pośredni tutaj, a następnie wrócić tutaj.

179
00:09:58,790 --> 00:10:02,990
Możesz zacząć rysować. Nie masz indyka. Fantastyczne.

180
00:10:02,990 --> 00:10:07,660
Nie mogę wyciągnąć na początek, ale zrobić to z touchpada w przed publicznością jest jeszcze lepsze.

181
00:10:07,660 --> 00:10:09,640
To jest niesamowite.

182
00:10:09,640 --> 00:10:13,030
Pomysł jest jednak to, wszystko, co mnie obchodzi to tutaj na powierzchni.

183
00:10:13,030 --> 00:10:17,060
Powiedzmy, że jestem tak zadowolony z tego, że muszę podzielić się z kimś.

184
00:10:17,060 --> 00:10:19,680
Normalnie, co można zrobić z innymi wersjami systemu Windows,

185
00:10:19,680 --> 00:10:22,900
byś może zrobić zrzut ekranu, można zrobić kopiuj-wklej z tekstu

186
00:10:22,900 --> 00:10:24,950
lub takie rzeczy, które chcesz podzielić się,

187
00:10:24,950 --> 00:10:27,260
a następnie przejść i otworzyć inną aplikację i włożyć do niego.

188
00:10:27,260 --> 00:10:28,630
Tutaj nie musisz tego robić.

189
00:10:28,630 --> 00:10:32,400
Rzeczywiście można wydobyć bar uroki i powiedzieć: "Chcę, aby podzielić się tym."

190
00:10:32,400 --> 00:10:35,000
W tym momencie to się wyświetli wszystkie aplikacje

191
00:10:35,000 --> 00:10:38,080
że wiedzą, jak pracować z tym, co jest wspólne.

192
00:10:38,080 --> 00:10:41,590
W tym przypadku jest to obraz, tak to się mówi: "Widzę, że masz obraz."

193
00:10:41,590 --> 00:10:45,590
"Czy chcesz podzielić się tym?" Możesz zobaczyć rzeczy i napisz do siebie cały czas.

194
00:10:45,590 --> 00:10:49,420
Uznaje ona, że ​​i to oferuje mi, że jako skrót,

195
00:10:49,420 --> 00:10:53,270
ale to też pokazuje mi każdą aplikację, która wie, jak radzić sobie ze zrobieniem zdjęcia

196
00:10:53,270 --> 00:10:55,520
i zrobić coś z tym.

197
00:10:55,520 --> 00:10:57,890
Wszystkie z nich wskazano na Windows, który może to zrobić.

198
00:10:57,890 --> 00:10:59,240
W tym momencie to jest Windows.

199
00:10:59,240 --> 00:11:01,680
Użytkownik wybiera tylko to, co chcą z nim zrobić.

200
00:11:01,680 --> 00:11:06,610
Zrobię co w mojej zwykle z PuzzleTouch. Widać stworzyłem wszystkie rodzaje zagadek w czasie.

201
00:11:06,610 --> 00:11:11,790
Wezmę PuzzleTouch i powiedzieć: "Chcę, aby podzielić się tym z PuzzleTouch niesamowite stworzenia."

202
00:11:11,790 --> 00:11:16,670
To będzie iść do przodu i powiedzieć, "Fantastyczny. Chcesz podzielić się tym? Fantastyczne."

203
00:11:16,670 --> 00:11:19,260
"Czy chcesz, aby puzzle, który jest łatwy, średni, co?"

204
00:11:19,260 --> 00:11:20,800
Zrobię pośredni TUTAJ.

205
00:11:20,800 --> 00:11:24,890
To sprawia, że ​​puzzle. To będzie straszne puzzle, bo to w większości puste.

206
00:11:24,890 --> 00:11:28,100
Ale to jest gotowy, i to faktycznie z powrotem w innej aplikacji.

207
00:11:28,100 --> 00:11:32,360
Jeśli przychodzę tutaj, mogę poszukać go i uruchom go.

208
00:11:32,360 --> 00:11:38,100
Teraz, jeśli mamy przejść na tylko trochę tutaj, powinniśmy zobaczyć moje stworzenie gdzieś.

209
00:11:38,100 --> 00:11:42,930
Gdzie pójdę? Jaki rodzaj układanki nie robię? Czy mogę zrobić to łatwe?

210
00:11:42,930 --> 00:11:46,110
Och, tak, właśnie tam.

211
00:11:46,110 --> 00:11:49,550
[Chichocze] To łatwo rozpoznawalne indyk puzzle, który jest tutaj.

212
00:11:49,550 --> 00:11:52,360
Ale, co chcę podkreślić, do ciebie, fajne tutaj

213
00:11:52,360 --> 00:11:54,710
Czy aplikacje nic nie wiedzą o sobie nawzajem.

214
00:11:54,710 --> 00:11:58,740
Oni tylko powiedział: "Mam zdjęcie do akcji, i wiem, jak radzić sobie ze zdjęciami."

215
00:11:58,740 --> 00:12:01,420
I jako deweloper, nie trzeba pisać, że kod.

216
00:12:01,420 --> 00:12:05,350
Gdy ktoś pyta mnie, podzielić się, mam zamiar umieścić kilka danych do tej małej struktury danych

217
00:12:05,350 --> 00:12:06,740
i skończę.

218
00:12:06,740 --> 00:12:10,990
Inna aplikacja przejmuje, robi swoje i to jest koniec wymiany doświadczeń.

219
00:12:10,990 --> 00:12:14,550
To jest tylko jedna rzecz, że można zrobić - naprawdę, naprawdę mocny -

220
00:12:14,550 --> 00:12:17,570
i to będzie jedna z tych rzeczy, które mogą naprawdę pomóc wyróżnić swoją aplikację

221
00:12:17,570 --> 00:12:20,090
a także gra też w sklepie.

222
00:12:20,090 --> 00:12:22,220
Ludzie będą mogli powiedzieć: "To jest bardzo przydatne."

223
00:12:22,220 --> 00:12:25,430
"Używam tej układanki Creator cały czas. To jest fantastyczne."

224
00:12:25,430 --> 00:12:30,490
>> To tyle na temat o krótki przegląd tego, co się tutaj dzieje.

225
00:12:30,490 --> 00:12:33,670
Jest też kilka innych funkcji, które być może będziemy podkreślić jak przejść przez kod.

226
00:12:33,670 --> 00:12:37,710
Ale chcę, aby nurkować w slajdach, a do tego, mam zamiar udać się do pulpitu,

227
00:12:37,710 --> 00:12:40,940
która sama jest inna dachówka tutaj żyć.

228
00:12:40,940 --> 00:12:43,840
Mogę iść do tego, a na pewno wystarczy, że jestem na moich slajdach,

229
00:12:43,840 --> 00:12:46,320
ale pozwól mi pokazać, w rzeczywistości, gdzie jesteśmy.

230
00:12:46,320 --> 00:12:48,460
Jesteśmy rzeczywiście w trybie Desktop.

231
00:12:48,460 --> 00:12:52,580
To jest naprawdę, gdzie, co mówiłem wcześniej o system Windows przenoszenia

232
00:12:52,580 --> 00:12:54,850
na nowe doświadczenia wynika, sama.

233
00:12:54,850 --> 00:12:56,450
To jest system Windows wiesz.

234
00:12:56,450 --> 00:12:59,730
Aplikacje Windows nazywane są aplikacje pulpitu. Biegną tu.

235
00:12:59,730 --> 00:13:02,730
Jeśli istniejące aplikacje i chcesz je uruchomić na Windows 8,

236
00:13:02,730 --> 00:13:04,710
można absolutnie zrobić.

237
00:13:04,710 --> 00:13:07,590
To nie są te same rzeczy jak aplikacje sklepów, które są tutaj,

238
00:13:07,590 --> 00:13:12,240
jak świeża farba i tych NBC News aplikacji i tego typu rzeczy. Te będą pochodzić z magazynu.

239
00:13:12,240 --> 00:13:14,450
Można je podłączyć do niektórych funkcji, które mi pokazano,

240
00:13:14,450 --> 00:13:16,620
a inni, że nie pokazałem ci jeszcze.

241
00:13:16,620 --> 00:13:21,460
Ale po prostu o tym pamiętać. Mamy wsparcie dla obu tych rzeczy, jak również.

242
00:13:21,460 --> 00:13:27,000
Przykro mi. Czy czegoś nie widać na ekranie? Straciłem go całkowicie. To dziwne.

243
00:13:29,000 --> 00:13:31,000
Ok. Dzięki za wskazanie, że obecnie.

244
00:13:31,000 --> 00:13:34,770
Co nie zostało przez chwilę widząc to moja pokazując, że pulpit jest tutaj.

245
00:13:34,770 --> 00:13:37,540
Co to jest ostatnia rzecz, którą widziałaś? Widziałeś to?

246
00:13:37,540 --> 00:13:39,490
To jest pulpit. Wiesz już, jak to wygląda.

247
00:13:39,490 --> 00:13:42,070
To nic strasznie nietypowe.

248
00:13:42,070 --> 00:13:46,940
To nasza wykonywaniu tego doświadczenia do przodu dla Ciebie i pozwalając korzystać z rzeczy, które miałem.

249
00:13:46,940 --> 00:13:50,460
Na przykład, będę pokazując Visual Studio. To jest aplikacja.

250
00:13:50,460 --> 00:13:52,600
To będzie pracować w tym trybie.

251
00:13:52,600 --> 00:13:54,960
To będzie wspierać bardziej złożone środowisko

252
00:13:54,960 --> 00:14:01,470
z wielu opcji i tego typu rzeczy, więc to sprawia, że ​​dobrym rozwiązaniem jako aplikacji pulpitu.

253
00:14:01,470 --> 00:14:04,810
>> Powiedział, że idziemy do slajdów na tylko trochę

254
00:14:04,810 --> 00:14:09,720
i daje pewne treści wstępne, a następnie dostać się do faktycznie kodowania tutaj.

255
00:14:09,720 --> 00:14:14,070
Dobrą wiadomością jest to słyszałem już skupia się na wielu CSS i JavaScript, HTML.

256
00:14:14,070 --> 00:14:18,110
Wszystkie te rzeczy, które już zostały nauki nieść bezpośrednio do wytwarzania systemu Windows Store aplikacje.

257
00:14:18,110 --> 00:14:22,920
Rzeczy, które słyszałem o z zastosowaniem selektorów CSS i wszystkie te rzeczy,

258
00:14:22,920 --> 00:14:27,180
jest dokładnie to, co można zrobić, aby stworzyć aplikację tutaj, w sklepie.

259
00:14:27,180 --> 00:14:29,640
Pojedziemy przez te rzeczy, krok po kroku.

260
00:14:29,640 --> 00:14:34,130
Zasadniczo, buduję na rzeczy, które już miały czas na naukę.

261
00:14:34,130 --> 00:14:36,520
To jest ogólny schemat z technologii, które można używać

262
00:14:36,520 --> 00:14:38,790
do aplikacji dla Windows 8.

263
00:14:38,790 --> 00:14:42,840
Rzeczy po prawej, po aplikacji desktopowych, jest naprawdę, co już wiemy.

264
00:14:42,840 --> 00:14:46,840
To rzeczy, które są naprawdę Windows 7 świat przeniesione do Windows 8.

265
00:14:46,840 --> 00:14:51,920
Wszystkie te możliwości przeniesienia: C #, VB, Win32 rodzaju rozwoju.

266
00:14:51,920 --> 00:14:54,450
Świetnie. Nie ma sprawy. Nowych rzeczy jest po lewej stronie.

267
00:14:54,450 --> 00:14:58,220
To jest system Windows Store aplikacje, to kiedy chcę, aby moje zgłoszenie podłączony do systemu Windows 8

268
00:14:58,220 --> 00:15:02,300
wykorzystując wszystkie te cechy, dostać go w sklepie, i uzyskać naprawdę fajne doświadczenie

269
00:15:02,300 --> 00:15:05,260
aplikacji systemu Windows Store.

270
00:15:05,260 --> 00:15:10,350
Aby to zrobić, można zobaczyć tutaj masz wszystkie swoje wybory z XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, można zrobić DirectX, takie rzeczy, rzeczy, które wykraczają poza slajd.

272
00:15:14,100 --> 00:15:18,650
Ale dla nas, mamy zamiar skupić się w na tym, że HTML, CSS i JavaScript

273
00:15:18,650 --> 00:15:22,890
są naprawdę pierwszej klasy obywatel wytwarzania aplikacji dla Windows 8

274
00:15:22,890 --> 00:15:24,960
i do sklepu Windows.

275
00:15:24,960 --> 00:15:27,950
Tak, to jest dobre dla wszystkich, tu i ludzi ogląda na wideo

276
00:15:27,950 --> 00:15:30,760
bo można po prostu wykorzystać te wszystkie doświadczenia, które trzeba

277
00:15:30,760 --> 00:15:33,900
i krawat do tego, co tak naprawdę oferuje system Windows.

278
00:15:33,900 --> 00:15:37,870
Masz zamiar to zrobić poprzez zestaw interfejsów API, które nie powinny być zaskoczeniem.

279
00:15:37,870 --> 00:15:39,920
Każdy system operacyjny ma swoje API.

280
00:15:39,920 --> 00:15:43,530
Wystawiamy co Windows może zrobić przez to, co się nazywa WinRT.

281
00:15:43,530 --> 00:15:46,370
Jest to zbiór API, które po prostu robi wszystko dla Ciebie.

282
00:15:46,370 --> 00:15:51,650
Jeśli potrzebujesz, aby otworzyć pliki, trzeba korzystać z aparatu, geolokalizacji, takich rzeczy,

283
00:15:51,650 --> 00:15:55,700
przejść przez to, co system Windows może zaoferować Państwu.

284
00:15:55,700 --> 00:15:59,370
Aby uzyskać dostęp, że mamy jeszcze trochę JavaScript, który będzie jeszcze łatwiejsze

285
00:15:59,370 --> 00:16:02,510
, aby to zrobić. Dojdziemy do tego za chwilę.

286
00:16:02,510 --> 00:16:04,060
Ale teraz, to w zasadzie Twój mapę drogową.

287
00:16:04,060 --> 00:16:06,770
Rzeczy, które już robią na szczycie niektórych API

288
00:16:06,770 --> 00:16:11,280
które ułatwią Ci pracę w systemie Windows wynosi App Store.

289
00:16:11,280 --> 00:16:14,210
I to jest naprawdę o wszystko, co musisz wiedzieć, z wysokiego poziomu.

290
00:16:14,210 --> 00:16:17,370
>> Będziemy nurkować w rzeczywistości działa z rzeczy teraz.

291
00:16:18,940 --> 00:16:21,950
Rzeczy, które prawdopodobnie już widziałem kilka,

292
00:16:21,950 --> 00:16:26,760
z IE9 chwilę z powrotem wprowadziliśmy wsparcie dla wielu, w tym czasie,

293
00:16:26,760 --> 00:16:30,340
nowe standardy w internecie, więc wiele nowych funkcji CSS,

294
00:16:30,340 --> 00:16:34,380
Wiele nowych HTML, ECMAScript 5, co jest naprawdę JavaScript.

295
00:16:34,380 --> 00:16:38,090
Więc na to wszystko z wyjątkiem była w trybie ścisłym IE9.

296
00:16:38,090 --> 00:16:42,290
Po prostu mnóstwo rzeczy z CSS, CSS3, wszystko tam jest.

297
00:16:42,290 --> 00:16:45,300
I to wszystko przenosi się to, co robimy z Windows 8.

298
00:16:45,300 --> 00:16:49,350
Możesz korzystać z tych rzeczy, i można korzystać z wszystkiego, co jest nowego w IE10.

299
00:16:49,350 --> 00:16:54,640
Z IE10 wprowadzimy obsługę wszystkich tych rzeczy, jak również.

300
00:16:54,640 --> 00:16:59,340
Wszyscy są sprzętowo, więc jeśli jesteś na komputerze, który ma jakieś GPU,

301
00:16:59,340 --> 00:17:04,190
który jest prawdopodobnie prawie każdy komputer, który można dostać w ciągu ostatnich 8 lat,

302
00:17:04,190 --> 00:17:07,609
będziesz mieć możliwość wyjścia sprzętową akcelerację,

303
00:17:07,609 --> 00:17:11,770
Wyjście video z CSS, Canvas, SVG.

304
00:17:11,770 --> 00:17:14,339
Wszystkie te rzeczy przejdzie akceleracji sprzętowej

305
00:17:14,339 --> 00:17:16,060
i możliwe, że o wiele szybciej i bardziej wydajne.

306
00:17:16,060 --> 00:17:20,440
Krótka wersja wszystko - Nie jestem zamiar przejść przez każdej rzeczy tutaj -

307
00:17:20,440 --> 00:17:23,200
jeśli widzisz go na tej liście, jeśli można to zrobić w IE10,

308
00:17:23,200 --> 00:17:25,650
jeśli jest to aplikacja internetowa, która używasz, że pracuje w IE10,

309
00:17:25,650 --> 00:17:28,640
to jest coś, co możesz zrobić w aplikacji systemu Windows Store.

310
00:17:28,640 --> 00:17:33,100
I to jest dość dużo. Więc jeśli to działa w IE10, to będzie działać jako aplikacja systemu Windows Store.

311
00:17:33,100 --> 00:17:36,370
To na stole jako coś, co można wykorzystać.

312
00:17:36,370 --> 00:17:40,510
>> Jest wiele tutaj. Nie mamy do północy, więc nie mogę przeglądu wszystko tutaj.

313
00:17:40,510 --> 00:17:44,060
Ale jest kilka miejsc, które pomogą Ci zrozumieć, co te rzeczy można zrobić,

314
00:17:44,060 --> 00:17:45,520
i pokażę wam jeden z nich w drugim.

315
00:17:45,520 --> 00:17:48,410
Chciałem tylko zwrócić uwagę na kilka kluczowych rzeczy, które możesz patrzeć.

316
00:17:48,410 --> 00:17:51,560
Może już widzieliście niektóre z nich w swoich badaniach,

317
00:17:51,560 --> 00:17:56,610
ale te są bardzo pomocne, w szczególności z systemem Windows Store aplikacji, od strony CSS.

318
00:17:56,610 --> 00:18:02,420
Więc jest w stanie zrobić transformacji i przejścia, zapewnić ruch z animacją -

319
00:18:02,420 --> 00:18:07,010
są częścią CSS teraz, i oni wszyscy wspierane przez nowoczesne przeglądarki,

320
00:18:07,010 --> 00:18:11,370
IE9 oraz IE10 i mają wsparcie w czasie dla wszystkich tych rzeczy dodawane.

321
00:18:11,370 --> 00:18:15,220
A więc po co pisać to sam, dlaczego przejść przez wszystkie kłopoty z tych rzeczy robić ręcznie

322
00:18:15,220 --> 00:18:19,970
kiedy można stosować proste CSS przekształcić stworzyć efekt 3D dla aplikacji?

323
00:18:19,970 --> 00:18:22,740
Świetnie. To jest, jak to działa.

324
00:18:22,740 --> 00:18:24,530
Nie mogę uczynić go bardziej trudne niż to.

325
00:18:24,530 --> 00:18:28,330
Jeśli wiesz, jak to zrobić w CSS, wiesz, jak to zrobić w aplikacji systemu Windows Store.

326
00:18:28,330 --> 00:18:32,080
>> Wykraczającym poza za układ, rzeczy takie jak nawet w App Store,

327
00:18:32,080 --> 00:18:35,350
ale dzieje poza tym, patrząc na Może aplikacji wiadomości, które pokazano, artykuły

328
00:18:35,350 --> 00:18:40,160
czy przepisy takie rzeczy, te inne rodzaje funkcji w CSS są naprawdę przydatne:

329
00:18:40,160 --> 00:18:45,610
Siatka, Flexbox, CSS Regions jest raczej dość nowym standardem, jak również.

330
00:18:45,610 --> 00:18:51,190
Te rzeczy są zamiar pomóc rozłożyć zawartość i przepływ treści pomiędzy sekcjami,

331
00:18:51,190 --> 00:18:55,470
być w stanie zrobić podział na strony i dzielenia wyrazów bez konieczności napisać rzeczy samemu.

332
00:18:55,470 --> 00:18:57,500
Po prostu powiedzieć: "Proszę wykonać następujące czynności dla mnie"

333
00:18:57,500 --> 00:19:00,850
i jako ekran nieruchomości jest inna na różnych komputerach

334
00:19:00,850 --> 00:19:03,850
albo jak zobaczysz w momencie, jak przystawki aplikację

335
00:19:03,850 --> 00:19:07,920
mieć mniejsze ilości miejsca na ekranie, to nie jest problem dla CSS.

336
00:19:07,920 --> 00:19:11,160
Można go wykorzystać - we'll rozmawiać o zapytaniami mediów w drugim -

337
00:19:11,160 --> 00:19:15,880
może zająć rzeczy z repozycjonowanie treści, płynących treści z regionów

338
00:19:15,880 --> 00:19:21,240
właśnie z tych rzeczy, które mogą się już, z technologii internetowych.

339
00:19:21,240 --> 00:19:25,470
>> Na stronie HTML5, są też kilka rzeczy

340
00:19:25,470 --> 00:19:28,140
, które będą bardzo pomocne dla Ciebie w systemie Windows Store aplikacji.

341
00:19:28,140 --> 00:19:30,980
Ponownie, nie będzie przejść przez wszystkie z nich, ale oni po prostu tutaj.

342
00:19:30,980 --> 00:19:35,470
Tak więc, jeśli chcesz go używać, audio-video, jeśli chcesz zrobić walidację z form,

343
00:19:35,470 --> 00:19:40,570
geolokalizacja, wszystkie rzeczy, które możesz zrobić w JavaScript z JavaScript 5 lub ECMAScript 5,

344
00:19:40,570 --> 00:19:44,070
IndexedDB do lokalnego przechowywania - są to opcje dla ciebie.

345
00:19:44,070 --> 00:19:49,300
Jeśli szukasz odpowiedzi, wystarczy spojrzeć do istniejących technologii z HTML5 i CSS

346
00:19:49,300 --> 00:19:53,880
a znajdziesz łatwiejsze odpowiedzi niż konieczności toczyć dużo tych rzeczy samemu.

347
00:19:53,880 --> 00:19:55,510
Pokażę ci, wokół trochę tutaj.

348
00:19:55,510 --> 00:19:57,920
Mam stronę możemy przejść do.

349
00:19:57,920 --> 00:20:01,590
Pozwól mi wyjść z tego slajdu na sekundę.

350
00:20:01,590 --> 00:20:06,450
>> Jeśli pójdziemy do IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Nie zrobię dużo demo tutaj.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com naprawdę pokazując wiele nowości z IE10,

353
00:20:14,360 --> 00:20:16,220
rzeczy, które możesz zrobić.

354
00:20:16,220 --> 00:20:19,130
Uważam, że ten jest bardzo przydatne, ponieważ zamiast czytania przez kilka białych ksiąg,

355
00:20:19,130 --> 00:20:23,020
spojrzeć na kilka demówek, a to pomoże Ci umieścić go na radarze osobistego

356
00:20:23,020 --> 00:20:26,620
o tym, czy technologia sens nawet robić żadnych więcej badań z

357
00:20:26,620 --> 00:20:29,070
tak będzie zrozumieć, "widzę, co to jest za."

358
00:20:29,070 --> 00:20:32,780
"Rozumiem, co robi Rama Prośba Animacja dla mnie."

359
00:20:32,780 --> 00:20:36,900
"Rozumiem, jak można używać regionów lub filtrów SVG."

360
00:20:36,900 --> 00:20:40,190
Je zobaczyć w akcji, zobacz je na przykład tutaj,

361
00:20:40,190 --> 00:20:44,930
i sam zdecyduj, czy to będzie przydatne dla Ciebie w swoich projektach i poza

362
00:20:44,930 --> 00:20:47,840
jak można nadal pracować z technologii internetowych.

363
00:20:47,840 --> 00:20:49,900
Tutaj chciałbym tylko zachęcić do obejrzenia.

364
00:20:49,900 --> 00:20:52,880
Nie sądzę, że będę spędzać dużo czasu w rzeczywistości działa to.

365
00:20:52,880 --> 00:20:56,030
Mamy wystarczająco dużo, aby pokazać się z pisania kodu.

366
00:20:56,030 --> 00:21:01,640
Zobaczysz tu rzeczy z efektów dotykowych do gry oparte na dotyk w tym rozdziale,

367
00:21:01,640 --> 00:21:06,050
animacja, animacja jest bardzo szybki z akceleracją sprzętową,

368
00:21:06,050 --> 00:21:11,230
pewne optymalizacje, że będzie można zobaczyć w niektórych z tych próbek, jak również,

369
00:21:11,230 --> 00:21:12,770
i jest wiele, wiele więcej.

370
00:21:12,770 --> 00:21:15,330
Jeśli go tutaj i otworzyć mapę strony,

371
00:21:15,330 --> 00:21:19,070
jest tylko numer śmieszne próbek tutaj.

372
00:21:19,070 --> 00:21:20,690
Możesz zobaczyć je wszystkie.

373
00:21:20,690 --> 00:21:22,900
Jeśli patrzysz na coś lub słyszał o czymś

374
00:21:22,900 --> 00:21:25,850
i zastanawiasz się, być może będzie to coś fajnego do wykorzystania w aplikacji,

375
00:21:25,850 --> 00:21:31,720
zajrzyj tutaj, a tam chyba całkiem dobre demo na to, aby zaoszczędzić sobie trochę czasu.

376
00:21:31,720 --> 00:21:35,980
>> W porządku? Wszelkie pytania do tej pory dla tutejszych ludzi?

377
00:21:35,980 --> 00:21:39,620
Ok. Będziemy kontynuować tutaj.

378
00:21:39,620 --> 00:21:41,920
Ponownie, po prostu sprawdzić, czy na zewnątrz.

379
00:21:41,920 --> 00:21:45,450
Są to standardy sieciowe, więc udać się do innych miejsc wystawowych, które znasz

380
00:21:45,450 --> 00:21:50,550
i sprawdzić, czy te technologie sensu za to, co próbujesz zrobić.

381
00:21:50,550 --> 00:21:53,190
>> Powrotem do slajdów.

382
00:21:53,190 --> 00:22:00,290
Powiedział, że jesteś w ruchu ze świata Web naprawdę zainstalowanego świata lokalnej aplikacji

383
00:22:00,290 --> 00:22:01,850
tak, są pewne rzeczy, aby podkreślić tutaj.

384
00:22:01,850 --> 00:22:03,690
Przede wszystkim, nie ma serwera WWW chodzi tu.

385
00:22:03,690 --> 00:22:06,120
Nie ma Apache, nie ma tu IIS działa

386
00:22:06,120 --> 00:22:10,170
obsługujących strony do zdalnego klienta, do zdalnego agenta przeglądarki.

387
00:22:10,170 --> 00:22:13,000
W tym przypadku, naprawdę wszystko jest pakowane się dla Ciebie.

388
00:22:13,000 --> 00:22:16,630
Ci twierdzą, że w swoim wniosku do sklepu, to dostaje certyfikat,

389
00:22:16,630 --> 00:22:22,190
to w sklepie, a następnie przez tysiące ludzi będzie zainstalować grę lub aplikację.

390
00:22:22,190 --> 00:22:24,780
Ale w zasadzie, oni ciągnąc go lokalnie na swoim urządzeniu.

391
00:22:24,780 --> 00:22:29,080
Nie ma potrzeby, aby wychodzić do sieci już chyba masz połączenia, które wymagają zdalnego API,

392
00:22:29,080 --> 00:22:31,790
i to jest zupełnie normalne, jak dobrze.

393
00:22:31,790 --> 00:22:35,330
Ale nie będziemy się w tym trybie, gdzie mają się udać odpowiedź z serwera żądania

394
00:22:35,330 --> 00:22:37,910
aby dostać się na następnej stronie ich treści.

395
00:22:37,910 --> 00:22:41,380
Więc powiedział, że jest kilka drobnych różnic API. Są to bardzo niewielkie.

396
00:22:41,380 --> 00:22:46,850
Są one mało prawdopodobne, aby uderzyć w normalnym kodowaniu, ale są co najmniej udokumentowane.

397
00:22:46,850 --> 00:22:50,030
Oni tam rodzaj krawędzi przypadki.

398
00:22:50,030 --> 00:22:53,370
>> Inna sprawa, warto zwrócić uwagę to różnice zaufania.

399
00:22:53,370 --> 00:22:58,070
I tylko o tym wspomnieć, bo po prostu chcę się upewnić, że jest mi

400
00:22:58,070 --> 00:23:01,580
więc jeśli napotkasz tym później, będziesz myśleć, "Chris powiedział coś o tym,

401
00:23:01,580 --> 00:23:04,890
"Tak może być, tak, w porządku", a następnie wrócić i dowiedzieć się, co to było.

402
00:23:04,890 --> 00:23:06,480
Konteksty znaczenia.

403
00:23:06,480 --> 00:23:11,450
Domyślnie staramy się chronić użytkownika przed wektorów ataku.

404
00:23:11,450 --> 00:23:13,400
Są pewne rzeczy, które możesz zrobić, domyślnie

405
00:23:13,400 --> 00:23:16,130
i pewne rzeczy trzeba zmienić kontekst, aby włączyć.

406
00:23:16,130 --> 00:23:19,860
Jak używasz kilka bibliotek tam - you've już pracy z jQuery,

407
00:23:19,860 --> 00:23:23,650
ale jeśli spojrzeć na innych bibliotek tam - ty może używać niektórych funkcji

408
00:23:23,650 --> 00:23:28,000
tego rodzaju wykracza poza lokalnym zwyczajem, jest bardziej dynamiczne interakcje

409
00:23:28,000 --> 00:23:30,360
Żądania XHR, takie rzeczy.

410
00:23:30,360 --> 00:23:33,090
Czasami można znaleźć te będą domyślnie wyłączone,

411
00:23:33,090 --> 00:23:37,790
i w tym przypadku, po prostu zrobić wyszukiwania, poszukaj kontekście lokalnym i internetowej,

412
00:23:37,790 --> 00:23:39,560
i dowiesz się, jak to naprawić.

413
00:23:39,560 --> 00:23:42,580
Tylko upewnij się, że wiedział o tym, jak rozpocząć korzystanie z innych ram,

414
00:23:42,580 --> 00:23:45,720
którym należy wspomnieć, że jesteś w stanie doskonale zrobić.

415
00:23:45,720 --> 00:23:49,290
Więc jeśli znajdziesz jakieś inne ramy - we'll rozmawiać o tym, w drugim -

416
00:23:49,290 --> 00:23:54,000
do gier i chcesz użyć, że chcesz korzystać z niektórych bibliotek kontroli, które są tam

417
00:23:54,000 --> 00:23:57,990
i nie chcesz pisać takie rzeczy się - to jest dobry pomysł, prawda? -

418
00:23:57,990 --> 00:23:59,560
można absolutnie używać tej rzeczy.

419
00:23:59,560 --> 00:24:03,660
Nie ma nic Cię powstrzymuje od stosowania jakiejkolwiek biblioteki w oparciu o JavaScript,

420
00:24:03,660 --> 00:24:05,380
CSS, HTML5.

421
00:24:05,380 --> 00:24:09,740
Ponownie, jeśli jest to coś, co można zrobić w IE10, który jest kawał dużo tych dni,

422
00:24:09,740 --> 00:24:11,220
możesz to zrobić.

423
00:24:11,220 --> 00:24:14,800
Pociągnij go do aplikacji, odniesienia, które biblioteki JavaScript i użyć go w aplikacji,

424
00:24:14,800 --> 00:24:19,880
tylko pamiętając, może trafisz kontekstu bezpieczeństwa raz na jakiś czas - nie bardzo często.

425
00:24:19,880 --> 00:24:24,150
>> A następnie funkcje, pójdziemy na kilka więcej z tych, jak idziemy.

426
00:24:24,150 --> 00:24:27,500
UX będziesz trochę przyzwyczaić, jak widać coraz więcej zastosowań

427
00:24:27,500 --> 00:24:29,250
ze sklepu Windows.

428
00:24:29,250 --> 00:24:33,870
Ci poczuć, jak one działają i jak estetyczny wygląd ma tendencję do pracy

429
00:24:33,870 --> 00:24:37,720
w różnych aplikacjach i to, co ludzie będą wykorzystywane do doświadczania.

430
00:24:37,720 --> 00:24:39,660
To bardzo ważny element.

431
00:24:39,660 --> 00:24:42,460
Upewnij się, że kiedy odpalić aplikację, że nie trzeba czytać instrukcji obsługi,

432
00:24:42,460 --> 00:24:44,300
które nigdy nie robią, tak przy okazji.

433
00:24:44,300 --> 00:24:46,650
Powinny one po prostu być w stanie uruchomić gry z aplikacji

434
00:24:46,650 --> 00:24:49,450
i zastanawianie go bez większych trudności.

435
00:24:49,450 --> 00:24:52,660
Przez trzymanie i przylegającą do wielu z tych praktyk,

436
00:24:52,660 --> 00:24:57,640
masz zamiar zrobić użytkownikom wielką przysługę, ułatwia.

437
00:24:57,640 --> 00:25:01,810
>> Ok. Ostatnią rzeczą, na stronie API, a następnie zajmiemy się faktycznie pisania kodu.

438
00:25:01,810 --> 00:25:05,660
WinJS jest rzeczą wspomniałem pokrótce w tej skomplikowanej slajdu

439
00:25:05,660 --> 00:25:08,850
z wszystkich tych różnych wyborów, które masz do składania wniosków.

440
00:25:08,850 --> 00:25:10,890
WinJS, można myśleć o tym jak kumpel.

441
00:25:10,890 --> 00:25:13,680
To twój przyjaciel, aby pomóc Ci szybciej pisać rzeczy.

442
00:25:13,680 --> 00:25:18,820
To tylko JavaScript i CSS. Nie musisz z niego korzystać. Można go używać.

443
00:25:18,820 --> 00:25:22,180
Jeśli masz zamiar się przyjść do funkcji systemu Windows, będzie w końcu go używać,

444
00:25:22,180 --> 00:25:27,210
ale jeśli nie ma rzeczy, jak niektórych wzorców projektowych lub kontroli, które tak naprawdę nie chcą korzystać,

445
00:25:27,210 --> 00:25:29,090
chcesz użyć czegoś innego, to do Ciebie.

446
00:25:29,090 --> 00:25:32,580
Zdecyduj, co chcesz używać i style, które chcesz użyć.

447
00:25:32,580 --> 00:25:37,250
Funkcje z przestrzeni nazw i klasy generacji - do Ciebie.

448
00:25:37,250 --> 00:25:41,650
Jeśli wolisz, jeden lub drugi, jest całkowicie twoim wyborem. To wciąż JavaScript i CSS.

449
00:25:41,650 --> 00:25:43,860
Ale to się dzieje, aby pomóc Ci wiele rzeczy zrobić.

450
00:25:43,860 --> 00:25:47,780
Na przykład tutaj jest podzbiorem, co może zrobić,

451
00:25:47,780 --> 00:25:50,790
rzeczy takie jak pomaga programowanie asynchroniczne z obietnic.

452
00:25:50,790 --> 00:25:54,000
Każdy z was słyszał lub pracował z Node.js?

453
00:25:54,000 --> 00:25:59,520
Jest to wspólny wzór do pracy z programowaniem asynchronicznym.

454
00:25:59,520 --> 00:26:02,370
Więc w zasadzie to, co mówisz jest "Idź, zrób coś,

455
00:26:02,370 --> 00:26:05,790
"I masz zamiar dać mi obietnicę, że wrócisz do mnie, kiedy skończysz".

456
00:26:05,790 --> 00:26:08,400
To jest w zasadzie to, co się dzieje.

457
00:26:08,400 --> 00:26:12,400
Więc nie zamarznąć aplikacji podczas gdy użytkownik będzie i wybranie pliku

458
00:26:12,400 --> 00:26:15,810
czy coś jest spływały z sieci Web.

459
00:26:15,810 --> 00:26:17,210
UI pozostaje elastyczny.

460
00:26:17,210 --> 00:26:19,410
I można to zrobić za pomocą programowania asynchronicznego.

461
00:26:19,410 --> 00:26:23,620
To brzmi absurdalnie skomplikowane, ale to bardzo proste, ponieważ używasz obietnic

462
00:26:23,620 --> 00:26:27,900
i po prostu powiedzieć: "Idź to zrobić i kiedy skończysz, oddzwoni do tej metody."

463
00:26:27,900 --> 00:26:30,270
To jest dość dużo. To wszystko wbudowane w WinJS.

464
00:26:30,270 --> 00:26:35,120
To będzie to dużo łatwiejsze do napisania bardzo elastyczne i wydajne aplikacje.

465
00:26:35,120 --> 00:26:37,870
>> Możesz zobaczyć resztę tutaj, dużo animacji.

466
00:26:37,870 --> 00:26:41,240
Prawdopodobnie jeden z ważniejszych rzeczy na tym slajdzie są kontrole.

467
00:26:41,240 --> 00:26:44,680
Myślę, że mam całość - tak, wiem.

468
00:26:44,680 --> 00:26:48,900
Oto przykład tylko niektóre z kontroli, które można wykorzystać w swoich aplikacjach.

469
00:26:48,900 --> 00:26:51,060
To wszystko jest prosto od WinJS.

470
00:26:51,060 --> 00:26:53,430
Nie jesteś pisania tych samych siebie,

471
00:26:53,430 --> 00:26:55,990
po prostu powiedzieć: "Oto jak chcę skomponować mój wniosek."

472
00:26:55,990 --> 00:26:59,420
"Użyję widok z klapką, więc mogę iść różnych obrazów."

473
00:26:59,420 --> 00:27:03,380
Nie pokazano ci Semantic Zoom. Pokażę ci, że w sekundę.

474
00:27:03,380 --> 00:27:05,700
ListViews. Jest kontrolek GridView.

475
00:27:05,700 --> 00:27:08,680
Widziałeś już siatkę w ramach aplikacji w sklepie,

476
00:27:08,680 --> 00:27:12,170
więc jest w stanie używać bloki zawartości i przewijanie całym tym.

477
00:27:12,170 --> 00:27:15,660
Menu wysuwane można zobaczyć od czasu do czasu.

478
00:27:15,660 --> 00:27:19,090
Aplikacja Pasek pokazałem ci tej aplikacji świeżej farby, jak również,

479
00:27:19,090 --> 00:27:22,190
więc widziałem, jak można dostosować, że przez umieszczenie na nim przyciski

480
00:27:22,190 --> 00:27:26,360
i konieczności, które ukryć, gdy nie obchodzi użyć.

481
00:27:26,360 --> 00:27:28,120
To naprawdę zupełnie do Ciebie należy używać.

482
00:27:28,120 --> 00:27:30,210
Są to wszystkie elementy sterujące, które są częścią WinJS.

483
00:27:30,210 --> 00:27:33,640
Pokażę ci, jak zrobić to w ciągu sekundy, ale nie więcej niż to,

484
00:27:33,640 --> 00:27:37,060
i najważniejsze, ich używać, jeśli chcesz, zaoszczędzić trochę czasu.

485
00:27:37,060 --> 00:27:40,830
>> Jeśli masz inne biblioteki kontroli, które chcesz użyć, to jest idealnie czysty też.

486
00:27:40,830 --> 00:27:46,300
Rzeczy takie jak jQuery UI nie wiele tego rodzaju idei, jak również,

487
00:27:46,300 --> 00:27:51,280
zapewniając więcej kontroli, które rozciągają się, co można zrobić w HTML i JavaScript.

488
00:27:52,690 --> 00:27:55,680
Miejmy nurkowania w. Ja już powiedziałem. Wykorzystać to, co chcesz.

489
00:27:55,680 --> 00:27:59,680
Wystarczy pamiętać, że może działać w niektórych kwestiach kontekstowych.

490
00:27:59,680 --> 00:28:03,380
Ale z pewnością można łączyć niezależnie od rodzaju bibliotek odpowiada Ci,

491
00:28:03,380 --> 00:28:06,770
chcesz dowiedzieć się, którego chcesz użyć, aby zaoszczędzić sobie trochę czasu.

492
00:28:06,770 --> 00:28:09,850
>> Porozmawiajmy o narzędzia tylko na chwilę.

493
00:28:09,850 --> 00:28:12,400
Możesz dostać to, czego potrzebujesz, aby rozpocząć pracę z systemem Windows Store aplikacji.

494
00:28:12,400 --> 00:28:17,360
Jeśli wrócę, ja mam zbyt wiele rzeczy się tutaj.

495
00:28:17,360 --> 00:28:21,770
Jeśli pójdziesz do tej strony, która jest dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
można pobrać wszystko, czego potrzebujesz.

497
00:28:23,300 --> 00:28:28,170
Jako studenci, masz dostęp do ponad społeczeństwo robi,

498
00:28:28,170 --> 00:28:30,670
dzięki czemu można uzyskać wyższe końcowe wersje Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Edwin wymienić można już dostać systemu Windows, jak również.

500
00:28:34,090 --> 00:28:36,790
Ale w ogóle, dla wszystkich programistów, można przejść do tej strony

501
00:28:36,790 --> 00:28:40,380
i pobrać wszystko, czego potrzebujesz, aby złożyć wniosek, a to wszystko za darmo.

502
00:28:40,380 --> 00:28:42,460
Więc nie jest to darmowa wersja programu Visual Studio,

503
00:28:42,460 --> 00:28:44,450
istnieją pewne narzędzia, które będą instalować obok tego -

504
00:28:44,450 --> 00:28:47,240
wszystko, czego potrzebujesz do tworzenia i testowania aplikacji.

505
00:28:47,240 --> 00:28:50,130
To tylko wtedy, gdy masz zamiar opublikować swoją aplikację do sklepu

506
00:28:50,130 --> 00:28:52,470
że masz zamiar mieć konto dewelopera.

507
00:28:52,470 --> 00:28:56,100
Wierzę, że to jest zbyt wolne. Jest bezpłatna dla studentów, jak również? >> [Guarin] Który?

508
00:28:56,100 --> 00:28:57,970
Konto dewelopera, rzeczywista złożenie. >> [Guarin] Tak.

509
00:28:57,970 --> 00:28:59,580
To jest dobra wiadomość.

510
00:28:59,580 --> 00:29:00,840
Pójdziesz spójrz na to.

511
00:29:00,840 --> 00:29:03,840
To będzie dla osoby powiedzieć domyślnie jest to 49 dolarów.

512
00:29:03,840 --> 00:29:06,140
Ale nie zapisać się na, że ​​jako student.

513
00:29:06,140 --> 00:29:10,250
Damy ci kilka informacji przez programy, które można uzyskać konto za darmo,

514
00:29:10,250 --> 00:29:13,980
i że pozwoli następnie przesłać swoje aplikacje aż do sklepu,

515
00:29:13,980 --> 00:29:17,370
tyle, ile chcesz, a wszystko to w niedługim czasie nastąpi dobroci.

516
00:29:17,370 --> 00:29:19,710
Więc to dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Możesz pobrać narzędzia, które mogą być potrzebne tutaj.

518
00:29:22,170 --> 00:29:25,310
A jeśli chcesz, możesz pobrać wersję testową systemu Windows tutaj,

519
00:29:25,310 --> 00:29:27,160
ale znowu, nie będzie trzeba.

520
00:29:27,160 --> 00:29:32,880
>> Druga strona - pozwolę sobie powiedzieć to jedno dla ciebie szybko - jest design.windows.com.

521
00:29:32,880 --> 00:29:34,770
To było dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, można się domyślać, co to jest za.

523
00:29:37,770 --> 00:29:40,380
To rzeczywiście dość przyjazne miejsce. Jest wiele dobrych informacji tutaj.

524
00:29:40,380 --> 00:29:41,770
Można pracować przez nią.

525
00:29:41,770 --> 00:29:43,960
To się daje kilka porad na niektóre rzeczy

526
00:29:43,960 --> 00:29:46,760
że może nie pomyślał o przed lub miał do czynienia z przed,

527
00:29:46,760 --> 00:29:50,780
jak projektowanie dla dotyku, projektowania dla różnych formach,

528
00:29:50,780 --> 00:29:55,310
projektowanie dla możliwości Windows 8, rzeczy już wspomniałem

529
00:29:55,310 --> 00:29:58,740
jak poszukiwania i dzielenia się, niektóre rzeczy, które nie rozmawiałem jeszcze o.

530
00:29:58,740 --> 00:30:05,570
Oni wszyscy tutaj wymienione, i to całkiem dobry zestaw przydatnych stron plików

531
00:30:05,570 --> 00:30:08,670
, które pomogą Ci zrozumieć, jak do pewnego rodzaju aplikacji,

532
00:30:08,670 --> 00:30:14,250
jak zrobić interakcji, jak radzić sobie z UI i UX aplikacji.

533
00:30:14,250 --> 00:30:18,630
Polecam, aby spojrzeć na to, zwłaszcza jeśli jesteś w pewnym momencie

534
00:30:18,630 --> 00:30:22,960
chcąc opublikować aplikację do sklepu.

535
00:30:22,960 --> 00:30:25,250
Będziesz chciał wiedzieć, jak zrobić dobrą aplikację

536
00:30:25,250 --> 00:30:28,300
bo już wcześniej wspomniano, jeśli tego nie zrobisz, nie te opinie ponownie.

537
00:30:28,300 --> 00:30:29,930
Ludzie będą niezadowoleni.

538
00:30:29,930 --> 00:30:32,960
Nie będą w stanie znaleźć rzeczy, których spodziewać się w odpowiednich miejscach.

539
00:30:32,960 --> 00:30:36,590
Nikt nie chce, aby to się do ciebie.

540
00:30:36,590 --> 00:30:39,220
>> Radzi sobie tutaj, pozwól mi zamknąć to.

541
00:30:39,220 --> 00:30:43,700
Teraz, gdy wiesz, gdzie aby dostać rzeczy, pokażę ci, jak właściwie rozpocząć korzystanie z rzeczy.

542
00:30:43,700 --> 00:30:48,520
Aby rozpocząć, będę naprawdę pokazać tutaj przykład aplikacji desktopowych na ekranie Start.

543
00:30:48,520 --> 00:30:53,600
Tutaj możesz zobaczyć Visual Studio, możesz zobaczyć mieszanki i inne narzędzia programistyczne, które mam.

544
00:30:53,600 --> 00:30:55,890
Mają nieco inne płytki.

545
00:30:55,890 --> 00:30:57,930
To dlatego, że są aplikacje pulpitu,

546
00:30:57,930 --> 00:31:00,960
oraz w tych przypadkach, oni wszyscy zamierza wprowadzić do mojego pulpitu

547
00:31:00,960 --> 00:31:05,350
naprawdę tak jak aplikacje, które masz w zwyczaju.

548
00:31:05,350 --> 00:31:06,960
Więc doświadczenie z systemem Windows, to jest to samo.

549
00:31:06,960 --> 00:31:12,940
Nie są one, na przykład, jak Armed! i te rzeczy. Pozwól mi uruchomić jeden szybko.

550
00:31:12,940 --> 00:31:14,340
Faktycznie, tutaj jest interesujący.

551
00:31:14,340 --> 00:31:19,210
Został opracowany przez studentów pracujących w partnerstwie w NERD.

552
00:31:19,210 --> 00:31:23,430
Aplikacja na pełnym ekranie, te rodzaje doświadczeń tutaj.

553
00:31:23,430 --> 00:31:26,290
Och, ładne ekrany wycinane i wszelkiego rodzaju zabawy rzeczy.

554
00:31:26,290 --> 00:31:34,330
Stworzyli oni to. Równie dobrze możemy pokazać całość, podczas gdy my jesteśmy w nim.

555
00:31:37,510 --> 00:31:41,070
W rzeczywistości, pracowałem z nimi trochę, dał im kilka rad na rzeczy

556
00:31:41,070 --> 00:31:44,160
bo robią JavaScript dla ich stosowania.

557
00:31:44,160 --> 00:31:46,460
Proszę, nie biorę za swoją pracę, zrobili całą robotę.

558
00:31:46,460 --> 00:31:48,990
Dałem im trochę rad tu i tam,

559
00:31:48,990 --> 00:31:52,400
ale zrobił kilka świetnych rzeczy za pomocą JavaScript przód

560
00:31:52,400 --> 00:31:56,920
i wiązanie w niektórych silników fizycznych i miejscach, aby dużo pracy.

561
00:32:00,120 --> 00:32:03,360
Idź. Zobaczmy, czy to działa.

562
00:32:03,360 --> 00:32:07,010
Wow, to nadal pracował. Dobra, dobra. Ale masz pomysł.

563
00:32:07,010 --> 00:32:09,350
Aplikacja na pełnym ekranie, bardzo dobre doświadczenie.

564
00:32:09,350 --> 00:32:14,250
To wsparcie nie tylko moje myszki i długopis, czy mam takie rzeczy, ale także dotykać.

565
00:32:14,250 --> 00:32:19,420
Gdybym miał ekran dotykowy, może po prostu zwrócić na niego i kontynuować pracę z tym.

566
00:32:19,420 --> 00:32:21,440
>> Jedna rzecz, że nie pokazują, i dlatego ja to wychowywanie

567
00:32:21,440 --> 00:32:23,840
to chciałem mieć innej aplikacji, aby pokazać, co można zrobić,

568
00:32:23,840 --> 00:32:29,480
rzeczywiście można się aplikacji w systemie Windows, a następnie przeciągnij je do boku ekranu.

569
00:32:29,480 --> 00:32:33,070
Nazywa się to zatrzaśnięcie aplikacji.

570
00:32:33,070 --> 00:32:37,800
W tym przypadku, wziąłem Inkarus i dodałem go na bok tutaj.

571
00:32:37,800 --> 00:32:42,990
Jest teraz w świetle Snap, i że pozwala mi zrobić coś innego podczas gdy aplikacja jest.

572
00:32:42,990 --> 00:32:46,210
Większość gier znajdziesz się po prostu wstrzymać.

573
00:32:46,210 --> 00:32:51,090
To zazwyczaj przyzwoite rzeczą do zrobienia, chyba że gra może w jakiś sposób skalować w dół

574
00:32:51,090 --> 00:32:54,210
się, że małe uchwały, jak być może pewnego rodzaju gry planszowe

575
00:32:54,210 --> 00:32:55,620
czy takie rzeczy przy okazji.

576
00:32:55,620 --> 00:32:58,570
Ale w ogóle, najłatwiej i najbardziej odpowiednią rzeczą dla gier

577
00:32:58,570 --> 00:33:00,620
jest, aby zatrzymać aplikację.

578
00:33:00,620 --> 00:33:09,440
Dla aplikacji, takich jak wiadomości aplikacji, jeśli uruchomić ten jeden, a potem zaskoczy,

579
00:33:09,440 --> 00:33:16,170
zobaczysz to rzeczywiście zmienia się znacząco, jak to prezentuje dane do Ciebie.

580
00:33:16,170 --> 00:33:20,070
Tutaj to pokazano, w naprawdę bardziej pionowe pan, że informacje,

581
00:33:20,070 --> 00:33:23,340
ale można jeszcze absolutnie używać aplikacji.

582
00:33:23,340 --> 00:33:25,640
Więc to jest nadal bardzo przydatne.

583
00:33:25,640 --> 00:33:29,870
Fakt, że jest to w mniejszym widzenia nie prowadzi mnie do korzystania z tej aplikacji. Więc pomyśl o tym.

584
00:33:29,870 --> 00:33:32,090
To jest coś, co trzeba mieć, aby Twoje aplikacje do pewnego stopnia,

585
00:33:32,090 --> 00:33:35,370
ale to do ciebie, aby ustalić, jak funkcjonalne aplikacje powinny być twoje

586
00:33:35,370 --> 00:33:39,080
W tego rodzaju mniejszych środowiska.

587
00:33:39,080 --> 00:33:44,780
Pozwól mi zamknąć tamten dół i wrócić do gdzie byliśmy tutaj.

588
00:33:44,780 --> 00:33:48,110
>> Edwin, dodano fotografię mnie już? >> [Guarin] Tak. >> [Bowen] Spójrz na to.

589
00:33:48,110 --> 00:33:51,510
Widzisz? Edwin dodane zdjęcie. [Śmiech]

590
00:33:51,510 --> 00:33:54,410
>> Wróćmy tu do Visual Studio. Pozwól mi uruchomić to dla ciebie.

591
00:33:54,410 --> 00:33:58,170
Mógłbym kliknięciu na płytki na tym ekranie startowym.

592
00:33:58,170 --> 00:34:02,630
Przyniósł mnie z powrotem do trybu pulpitu, i to uruchomienie aplikacji na pulpicie programu Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Jest to system Windows, które już znają.

594
00:34:06,790 --> 00:34:09,100
Mogę iść do przodu i utworzyć projekt tutaj.

595
00:34:09,100 --> 00:34:11,159
Skupimy się ponownie na JavaScript, HTML.

596
00:34:11,159 --> 00:34:16,510
Mam zamiar iść i wybrać się tutaj na podstawie JavaScript, Windows Store.

597
00:34:16,510 --> 00:34:19,010
Istnieje wiele szablonów, które można wykorzystać.

598
00:34:19,010 --> 00:34:21,710
Produktywności, polecam spojrzeć na niektóre z tych innych z nich tutaj

599
00:34:21,710 --> 00:34:23,489
jak siatki i Splitu.

600
00:34:23,489 --> 00:34:25,270
Są bardzo przydatne, jeśli złożenie wniosku

601
00:34:25,270 --> 00:34:28,960
że będzie miał tego rodzaju projektu i nawigacji. Zobaczysz te wiele.

602
00:34:28,960 --> 00:34:33,070
Jeden po prostu pokazałem faktycznie instancja aplikacji siatki.

603
00:34:33,070 --> 00:34:36,880
Więc jeśli uważasz, że masz zamiar robić app wiadomości lub czytnika RSS

604
00:34:36,880 --> 00:34:43,120
lub coś w tym stylu, który zajmuje się wieloma wpisami do której chcesz pokazać szczegół,

605
00:34:43,120 --> 00:34:45,989
myśleć o użyciu jednego z tych szablonów, aby zacząć szybko

606
00:34:45,989 --> 00:34:48,380
i dostosowywania go stamtąd.

607
00:34:48,380 --> 00:34:50,120
Ale tylko tak mogę pokazać wszystkie ruchome części tutaj

608
00:34:50,120 --> 00:34:56,120
Zamierzam utworzyć pustą aplikację, a potem pójdziemy trochę głębiej w szczegóły.

609
00:34:56,120 --> 00:34:58,690
Ja tylko co tutaj pustą aplikację.

610
00:34:58,690 --> 00:35:01,270
To będzie stworzyć cały projekt dla mnie.

611
00:35:01,270 --> 00:35:03,290
Otworzę rzeczy, które chcę pokazać, domyślnie.

612
00:35:03,290 --> 00:35:08,550
Pozwólcie mi tylko powiększyć trochę pokazać, co stworzył dla nas tutaj.

613
00:35:08,550 --> 00:35:11,350
Rzeczy, które masz zamiar spojrzeć na pierwsze są nazywane domyślnym.

614
00:35:11,350 --> 00:35:15,970
Więc masz zamiar szukać default.html, default.js i default.css.

615
00:35:15,970 --> 00:35:19,590
Inną rzeczą, aby zwrócić uwagę na to, że mamy już odwołanie do tego, co już wspomniałem wcześniej.

616
00:35:19,590 --> 00:35:24,530
To WinJS. Nikt naprawdę nazywa to ten długi nazwę.

617
00:35:24,530 --> 00:35:27,710
Jest WinJS, Biblioteka Windows dla JavaScript.

618
00:35:27,710 --> 00:35:29,530
Jeśli otworzysz go, widać, że to wszystko jest tutaj.

619
00:35:29,530 --> 00:35:31,820
Tam różne pliki CSS, jest obsługa JavaScript.

620
00:35:31,820 --> 00:35:33,520
To tam, aby ci pomóc.

621
00:35:33,520 --> 00:35:37,190
To naprawdę jest do zapewnienia kontroli i style i rzeczy, które można po prostu użyć automatycznie.

622
00:35:37,190 --> 00:35:41,240
Ale znowu, jeśli nie ma rzeczy, które chcesz, aby zamiast wykorzystywać w zakresie stylizacji i innych kontroli,

623
00:35:41,240 --> 00:35:45,600
to wyłącznie od Ciebie. Pokażę ci, jak wykorzystać kilka z tych rzeczy teraz.

624
00:35:45,600 --> 00:35:51,020
>> Powrót na na naszej lewej strony, pozwól mi pokazać domyślną stronę HTML.

625
00:35:51,020 --> 00:35:54,490
Widziałeś już rzeczy WinJS, i to naprawdę wszystko, co się tam dzieje

626
00:35:54,490 --> 00:35:59,930
z te środkowe linie znaczników, tylko przynosząc domyślnie CSS

627
00:35:59,930 --> 00:36:02,370
i wprowadzenie kilku plików JavaScript z WinJS.

628
00:36:02,370 --> 00:36:06,400
Nie musisz być mistrzem, co dzieje się wewnątrz tych plików.

629
00:36:06,400 --> 00:36:10,110
Jest to dość ciekawe spojrzeć na nich rodzaj przeglądu, co się tam dzieje

630
00:36:10,110 --> 00:36:14,410
bo jest dość ciekawe pośrednie i zaawansowane techniki tam dzieje,

631
00:36:14,410 --> 00:36:18,100
ale miłą rzeczą jest, jak deweloperów, można po prostu skorzystać z nich, po prostu z nich korzystać

632
00:36:18,100 --> 00:36:19,510
i naprawdę nie trzeba się martwić o to.

633
00:36:19,510 --> 00:36:21,960
Nadal można prowadzić samochód bez konieczności wiedzieć, jak to działa, prawda?

634
00:36:21,960 --> 00:36:24,180
Więc to jest jedna z tych rzeczy, które się tu dzieje.

635
00:36:24,180 --> 00:36:26,930
Nie ma kontroli i style i rzeczy, które można po prostu iść do przodu i ruchu

636
00:36:26,930 --> 00:36:31,460
i kod, który można użyć w drugi bez konieczności wiedzieć, co tam jest.

637
00:36:31,460 --> 00:36:33,200
Oto twoje własne pliki.

638
00:36:33,200 --> 00:36:35,860
To są Twoje miejsca, które można modyfikować własne CSS

639
00:36:35,860 --> 00:36:38,400
i własną JavaScript dostać rzeczy toczenia.

640
00:36:38,400 --> 00:36:43,300
Będziesz dodanie pewnością inne pliki JavaScript i CSS może inne pliki

641
00:36:43,300 --> 00:36:47,480
jak projekt rośnie, ale to naprawdę tylko punktem wyjścia.

642
00:36:47,480 --> 00:36:52,570
Oto Witaj, świecie odpowiednik HTML, więc wracamy do znacznika body.

643
00:36:52,570 --> 00:36:55,990
Na górze, tak na marginesie, to doctype HTML5,

644
00:36:55,990 --> 00:37:00,060
więc będzie uznać, że z tego, co już pracuje.

645
00:37:00,060 --> 00:37:04,600
Jest pełna IntelliSense tutaj, tak więc jeśli robisz takie rzeczy jak rodzaj w tagu wideo

646
00:37:04,600 --> 00:37:07,340
i rozszerzenia, które obecnie, to prawdopodobnie dowiedział się o tym,

647
00:37:07,340 --> 00:37:12,760
że trzeba zrobić kodowanie awaryjnej tagów wideo w HTML5 - a może masz -

648
00:37:12,760 --> 00:37:17,490
w celu zapewnienia, że ​​różne przeglądarki mają wsparcie dla wideo.

649
00:37:17,490 --> 00:37:22,610
Mamy takie rzeczy w całej HTML, poprzez JavaScript, przez CSS.

650
00:37:22,610 --> 00:37:26,020
, Który jest zbudowany w, a ja pokażę ci CSS w sekundę.

651
00:37:26,020 --> 00:37:29,430
Tutaj możesz śmiało rozpocząć kodu znaczników modyfikacji.

652
00:37:29,430 --> 00:37:33,700
W rzeczywistości, zanim cokolwiek zmienić, mam zamiar uruchomić to i pokazać to, co dostajesz.

653
00:37:33,700 --> 00:37:35,700
Masz zamiar dostać się ekran powitalny, który można dostosować

654
00:37:35,700 --> 00:37:40,940
, a następnie dostać się Hello, World doświadczenie tutaj. To fantastyczne, prawda?

655
00:37:40,940 --> 00:37:42,640
Śmiało i statek, prawda?

656
00:37:42,640 --> 00:37:45,970
Zawartość idzie tutaj. To jest podstawowa sprawa.

657
00:37:45,970 --> 00:37:48,740
To może tylko lepiej stamtąd.

658
00:37:48,740 --> 00:37:51,300
Idziemy dalej i dodać w jakiejś rzeczy.

659
00:37:51,300 --> 00:37:53,470
Mam trochę znaczników mam zamiar skopiować tutaj

660
00:37:53,470 --> 00:37:55,740
tak więc nie muszą oglądać mnie pisanie.

661
00:37:55,740 --> 00:38:02,620
Puść mnie wychować przybornik tutaj, a ja przypiąć to, bo będę robić to kilka razy.

662
00:38:02,620 --> 00:38:05,650
Przybornik, jeśli nie widziałeś Visual Studio, gdzie masz zamiar znaleźć kilka kontroli.

663
00:38:05,650 --> 00:38:09,050
Można również umieścić w niej fragmenty kodu, które można ponownie wykorzystać.

664
00:38:09,050 --> 00:38:16,360
Tutaj będę po prostu pop w inny HTML, nic strasznie zaawansowanym na wszystko tutaj.

665
00:38:16,360 --> 00:38:20,170
To tylko podstawowy HTML mówiąc mam wejście gdzie mogę wpisać,

666
00:38:20,170 --> 00:38:23,860
Mam przycisk, gdzie mogę złożyć go, a następnie mam div, który jest w istocie zastępczy

667
00:38:23,860 --> 00:38:27,360
że można używać do wyjścia na "Witaj, wpisz to."

668
00:38:27,360 --> 00:38:32,780
To wstęp do np. HTML.

669
00:38:32,780 --> 00:38:39,340
Jeśli uruchomić ten, automatycznie otrzymasz kod HTML, ale także automatycznie uzyskać stylizacji.

670
00:38:39,340 --> 00:38:42,270
Jest to jedna z najważniejszych rzeczy z WinJS.

671
00:38:42,270 --> 00:38:47,250
To się daje domyślnie pewne spojrzenie i czuć, że jest naprawdę zgodne

672
00:38:47,250 --> 00:38:50,520
z resztą, co Windows 8 robi.

673
00:38:50,520 --> 00:38:52,110
Tutaj można zobaczyć takie rzeczy jak przycisk.

674
00:38:52,110 --> 00:38:55,890
Przycisk domyślnie w formacie HTML nie wygląda, ale to nie tutaj

675
00:38:55,890 --> 00:39:00,880
bo robi się to prawo CSS z tego pliku CSS w WinJS.

676
00:39:00,880 --> 00:39:04,680
Jeżeli chcesz korzystać z czegoś innego, jeśli chcesz to zmienić, całkowicie w porządku,

677
00:39:04,680 --> 00:39:06,790
iść do przodu i robić to, co chcesz. Ale to jest domyślnie.

678
00:39:06,790 --> 00:39:09,610
To będzie bardziej znane użytkownikom.

679
00:39:09,610 --> 00:39:13,510
I oczywiście to nic nie da, bo w rzeczywistości nie drut jakiegokolwiek kodu

680
00:39:13,510 --> 00:39:16,630
w odpowiedzi na to. To było po prostu HTML.

681
00:39:16,630 --> 00:39:20,630
Więc mogę pozbyć się tego, i wrócimy do naszej aplikacji.

682
00:39:20,630 --> 00:39:25,310
>> Pozwól mi przejść nad naszym default.js.

683
00:39:25,310 --> 00:39:29,030
Wygląda to dość skomplikowane, ale to jest po prostu robi kilka rzeczy dla Ciebie.

684
00:39:29,030 --> 00:39:33,120
To boilerplate. To będzie taka sama we wszystkich swoich projektach.

685
00:39:33,120 --> 00:39:36,620
Jedyne co robi to jest po prostu rodzaj pytając: "Jak się tu znalazłem?"

686
00:39:36,620 --> 00:39:39,090
i mówi: "Czy uruchamiasz tę aplikację po raz pierwszy?"

687
00:39:39,090 --> 00:39:42,640
"Czy wznawianie aplikację od konieczności jej zawieszeniu?"

688
00:39:42,640 --> 00:39:44,510
Kilka takich rzeczy.

689
00:39:44,510 --> 00:39:50,300
Naprawdę, skupiamy się na tym pliku jest tu gdzieś tutaj.

690
00:39:50,300 --> 00:39:54,490
W tym momencie, ta linia kodu jest bardzo ważna.

691
00:39:54,490 --> 00:39:57,070
To rzeczywiście będzie iść i patrzeć przez cały swój znaczników,

692
00:39:57,070 --> 00:40:01,640
i to się dzieje, aby znaleźć rzeczy, które zostały zadane, aby zwrócili się do kontroli,

693
00:40:01,640 --> 00:40:07,220
głębsze kontrole jak kontrola oceny, jak widoku siatki, podobnie jak rozwijanego

694
00:40:07,220 --> 00:40:09,570
i te inne rzeczy, które pokazałem na tym slajdzie wcześniej.

695
00:40:09,570 --> 00:40:12,550
Oni nie są rodzime kontrole HTML.

696
00:40:12,550 --> 00:40:17,860
Po prostu nie powiedzieć rozwijany jako element i to wiem, co robić.

697
00:40:17,860 --> 00:40:22,120
Co tak naprawdę zrobić to samo, co dzieje się w innych rodzajach ram kontroli.

698
00:40:22,120 --> 00:40:26,200
jQuery UI ma ten sam rodzaj ogólnego podejścia.

699
00:40:26,200 --> 00:40:30,800
Korzystania z oznaczenia w HTML, JavaScript, a następnie przechodzi przez niektóre później i mówi:

700
00:40:30,800 --> 00:40:35,900
"Wiem, co to jest. To z prośbą o to, aby stać się tych rzeczy,"

701
00:40:35,900 --> 00:40:39,850
które są inne bardziej wyraziste HTML, aby jak kontrola dostępu,

702
00:40:39,850 --> 00:40:41,790
co jest, co pokażę ci teraz.

703
00:40:41,790 --> 00:40:46,140
Ten wiersz kodu jest obietnica, że ​​mówi: "Kiedy ta obietnica zostanie spełniona,

704
00:40:46,140 --> 00:40:49,090
"Wszystko, że już poprosił została następnie stworzył."

705
00:40:49,090 --> 00:40:52,780
I to jest to. Wygląda to trochę skomplikowane, ale tak naprawdę to samo w każdym projekcie.

706
00:40:52,780 --> 00:40:56,690
Tu jest miejsce, gdzie można rozpocząć dodawanie w cokolwiek chcesz, aby się stało,

707
00:40:56,690 --> 00:40:58,280
tak wrócimy do tego za chwilę.

708
00:40:58,280 --> 00:41:01,480
>> Przede wszystkim, trzeba trochę kodu, który może reagować na fakt,

709
00:41:01,480 --> 00:41:03,320
że ktoś kliknął na przycisk.

710
00:41:03,320 --> 00:41:06,330
Mam zamiar iść do przodu i umieścić, że w dole.

711
00:41:06,330 --> 00:41:09,620
Ponownie, nie będę robić żadnych wpisując przed tobą tutaj.

712
00:41:09,620 --> 00:41:12,560
Bardzo podstawowe JavaScript tylko, że kiedy to się nazywa

713
00:41:12,560 --> 00:41:15,270
mamy zamiar być dostarczone kilka szczegółów na temat jak się tu

714
00:41:15,270 --> 00:41:17,630
a następnie jedziemy zrobić kilka podstawowych rzeczy.

715
00:41:17,630 --> 00:41:21,300
Idź znaleźć coś w mojej strony HTML o nazwie nameInput,

716
00:41:21,300 --> 00:41:28,490
chwycić go, weź jego wartość, klaps "Hello" na przed nim, i trzymać wynikający ciąg

717
00:41:28,490 --> 00:41:31,960
do tego div tagów, które mieliśmy wcześniej, że naprawdę nie ma nic przed.

718
00:41:31,960 --> 00:41:37,220
Teraz mamy zamiar znaleźć ten tag i dokonać jego wewnętrzna treść równa tego łańcucha.

719
00:41:37,220 --> 00:41:38,880
Bardzo prosta obsługa JavaScript.

720
00:41:38,880 --> 00:41:42,240
Mam nadzieję, że jesteś uznając, że nie ma naprawdę nic niezwykłego dzieje.

721
00:41:42,240 --> 00:41:45,360
To jest po prostu prosto HTML i JS tutaj.

722
00:41:45,360 --> 00:41:48,220
Jeśli uruchomię to teraz, to nadal nie będzie wykonywać żadnej pracy, bo nie mam go przewodowe

723
00:41:48,220 --> 00:41:50,030
otrzymywać wydarzenia.

724
00:41:50,030 --> 00:41:55,710
Aby to zrobić, zrobię to tu, ponownie wracając do mojego zestawu narzędzi,

725
00:41:55,710 --> 00:41:58,730
popping to tutaj.

726
00:41:58,730 --> 00:42:03,060
Spodziewam się, że widziałem wszystkie tego typu rzeczy przed, więc nie będę zbyt wyjaśnić.

727
00:42:03,060 --> 00:42:05,060
Teraz mamy zamiar udać uzyskać helloButton.

728
00:42:05,060 --> 00:42:07,730
Jedziemy do powiedzenia, "ikona, gratulacje."

729
00:42:07,730 --> 00:42:10,130
"Oto wydarzenie, które teraz są w odpowiedzi na."

730
00:42:10,130 --> 00:42:13,420
"Kiedy ktoś kliknie na Ciebie, zadzwoń tej funkcji buttonClickHandler."

731
00:42:13,420 --> 00:42:17,070
I to jest właśnie ta funkcja dodaje aż tam na dole. To jest to.

732
00:42:17,070 --> 00:42:20,980
Więc teraz mamy aplikację niezwykle funkcjonalny.

733
00:42:20,980 --> 00:42:24,720
Myślę, że będziesz pod wrażeniem tego.

734
00:42:24,720 --> 00:42:32,320
Chris. Czekać na niego. Wow. Ok. To jest niesamowite. [Śmiech]

735
00:42:32,320 --> 00:42:36,570
Ale to nie wszystko. Nie kupuj go jeszcze. Czekać.

736
00:42:36,570 --> 00:42:39,610
>> Pokażę wam trochę więcej tu i wydostać się z pełnym ekranie.

737
00:42:39,610 --> 00:42:42,690
Idziemy na spacer, zanim uruchomić.

738
00:42:42,690 --> 00:42:45,530
Pozwól mi wejść i rzeczywiście pokazać trochę z CSS.

739
00:42:45,530 --> 00:42:49,480
Tylko domyślnie, jeśli spojrzymy na stronie tutaj

740
00:42:49,480 --> 00:42:53,570
, gdy zatrzymaliśmy się w tych sprawach z WinJS i mamy ui-ciemne,

741
00:42:53,570 --> 00:42:58,550
w rzeczywistości, można zmienić go na domyślny dla aplikacji za pomocą światła.

742
00:42:58,550 --> 00:43:03,450
ui-ciemny jest dobre dla aplikacji graficznych, takich jak przy użyciu dużo zdjęć,

743
00:43:03,450 --> 00:43:05,740
jesteś pokazano wiele treści wizualnych.

744
00:43:05,740 --> 00:43:12,560
Jeśli pokazano wiele treści tekstowych, ui-światło jest ogólnie dobry wybór.

745
00:43:12,560 --> 00:43:15,160
Nie masz wyboru, ale mam do niego włączane

746
00:43:15,160 --> 00:43:17,690
a teraz widząc ten sam znacznik, sam wszystko,

747
00:43:17,690 --> 00:43:20,320
to właśnie tutaj, przy użyciu w zasadzie odwrócony schemat

748
00:43:20,320 --> 00:43:24,770
gdzie wszystko czyni go czarny tekst na białym tle.

749
00:43:24,770 --> 00:43:26,460
To wszystko dobrze.

750
00:43:26,460 --> 00:43:30,680
Pozwól mi się tutaj, i niech to faktycznie trochę bardziej z CSS.

751
00:43:30,680 --> 00:43:34,830
Włożę go z powrotem na ciemności, ponieważ myślę, że to chyba łatwiej zobaczyć na ekranie

752
00:43:34,830 --> 00:43:36,970
kiedy zacząć robić te rzeczy.

753
00:43:36,970 --> 00:43:40,150
Zamierzam wymienić ciału jeszcze raz.

754
00:43:40,150 --> 00:43:44,040
Pójdę tutaj. Pozwól mi nuke to.

755
00:43:44,040 --> 00:43:48,690
Niech wprowadzą w organizmie z klas.

756
00:43:48,690 --> 00:43:53,000
Wierzę, że zrobiłeś selektorów z podstawowych rzeczy, takich jak CSS i już, że

757
00:43:53,000 --> 00:43:55,380
więc pewnie wiesz, co tu się dzieje.

758
00:43:55,380 --> 00:43:59,250
Tylko przypisanie niektórych klas w naszym nagłówku, i tworzymy nową div

759
00:43:59,250 --> 00:44:04,430
zawinąć resztę tych rzeczy, które możemy wykorzystać do stylu razem.

760
00:44:04,430 --> 00:44:07,760
Więc co mogę teraz zrobić, to udać się do naszego domyślnego CSS.

761
00:44:07,760 --> 00:44:11,900
Pan spojrzał na pytania mediów jeszcze? Czy mówił o tym w ogóle?

762
00:44:11,900 --> 00:44:17,220
Zapytania mediów są częścią tej powstającej tendencji -

763
00:44:17,220 --> 00:44:19,660
czy to jest rzeczywiście powstała tendencja teraz w sieci -

764
00:44:19,660 --> 00:44:22,760
dla odpowiadającego wzoru lub adaptacyjnych,

765
00:44:22,760 --> 00:44:28,480
i chodzi o to, że aplikacje można naprawdę dostosować się odpowiednio

766
00:44:28,480 --> 00:44:31,910
na podstawie tego, co urządzenie, które oni są pokazane na może zrobić.

767
00:44:31,910 --> 00:44:35,040
Więc jeśli jesteś na urządzeniu mobilnym, oczywiście nie będziesz mieć tyle miejsca na ekranie

768
00:44:35,040 --> 00:44:41,520
jak można na dużym 30-calowym monitorze siedzi z pulpitu, duże PC tak.

769
00:44:41,520 --> 00:44:46,710
Tak więc odpowiedź na to stary będzie mieć 5, 6 różnych wersji tej samej strony

770
00:44:46,710 --> 00:44:51,350
i by otworzyć wersję, że został dostrojony do tego pewnym rozmiarze ekranu.

771
00:44:51,350 --> 00:44:55,420
Nie wielki. To jest bardzo, bardzo powtarzalne i nie tona utrzymania tego robić.

772
00:44:55,420 --> 00:44:58,120
Teraz mamy coś, co nazywa CSS pytania mediów,

773
00:44:58,120 --> 00:45:02,530
i możemy to wykorzystać, aby automatycznie wykrywać, kiedy jest pewne rozmiary

774
00:45:02,530 --> 00:45:07,030
lub niektóre zastosowania treści są wykonywane.

775
00:45:07,030 --> 00:45:09,580
Tak można odpowiedzieć na to i można powiedzieć, "Ok, w tym przypadku

776
00:45:09,580 --> 00:45:12,580
"Pewnie nawet nie trzeba mi powiedzieć, co tu się dzieje."

777
00:45:12,580 --> 00:45:18,020
To jest tylko, że jeśli ta aplikacja jest pękło, jak pokazałem wcześniej -

778
00:45:18,020 --> 00:45:20,830
chwytanie i wprowadzają go w bok ekranu -

779
00:45:20,830 --> 00:45:23,910
następnie zróbmy następującą stylizacji.

780
00:45:23,910 --> 00:45:25,850
Stylizacja to nie tylko kolory i takie tam.

781
00:45:25,850 --> 00:45:29,860
Chodzi także o doborze i marż i Uszczelki i orientacji treści

782
00:45:29,860 --> 00:45:34,040
lub nawet wyłączenie lub włączenie całych części strony

783
00:45:34,040 --> 00:45:36,420
i, w tym przypadku Twoja aplikacja lub gra, jak również.

784
00:45:36,420 --> 00:45:39,210
Więc można zrobić tak proste, jak chcesz.

785
00:45:39,210 --> 00:45:46,720
Nie byłoby to przydatne w Twojej aplikacji, ale nadszedł czas, demo,

786
00:45:46,720 --> 00:45:50,530
więc mam zamiar iść do przodu i po prostu dodać w podstawowej selektora ciała i powiedzieć,

787
00:45:50,530 --> 00:45:58,360
"Kiedy jestem pękło, idziemy do przodu i zrobić background-color i niech coś wybrać."

788
00:45:58,360 --> 00:46:00,400
Masz IntelliSense tutaj. To jest rzeczywiście bardzo fajne.

789
00:46:00,400 --> 00:46:05,720
W 2012 roku dodaliśmy wiele rzeczy do wsparcia CSS i JavaScript i HTML.

790
00:46:05,720 --> 00:46:08,690
Masz oczywiście dostał IntelliSense rozwijane też, ale to nie jest fajne.

791
00:46:08,690 --> 00:46:11,730
Fajne jest to, że masz selektorów wizualnych do wielu rzeczy, jak również.

792
00:46:11,730 --> 00:46:14,120
Więc można przejść i po prostu wybrać kolor,

793
00:46:14,120 --> 00:46:17,580
czy można wyjść i być jeszcze bardziej szczegółowe i można wybrać -

794
00:46:17,580 --> 00:46:22,330
to będzie straszne. Ja faktycznie odebrać przyzwoity kolor tutaj.

795
00:46:22,330 --> 00:46:26,500
Oglądać znaczników też, przy okazji. To twój standardowy format RGB tam.

796
00:46:26,500 --> 00:46:30,780
Ale jeśli mogę zmienić krycie, to będzie przełączyć się do wyboru kanału alfa tutaj.

797
00:46:30,780 --> 00:46:36,910
Więc widać, że kolor z zasadniczo przejrzystości procent, że masz na to

798
00:46:36,910 --> 00:46:38,860
wszystko pieczone rację tam.

799
00:46:38,860 --> 00:46:42,530
Zamierzam zachować go jako 100%, a następnie, kiedy skończę z tym, wszystko jest dobrze i dobrze.

800
00:46:42,530 --> 00:46:46,160
Teraz, jeśli uruchomić aplikację, a my się z aplikacji, a my go przystawki,

801
00:46:46,160 --> 00:46:49,000
że kolor tła jest regulowany automatycznie

802
00:46:49,000 --> 00:46:53,410
tylko dlatego, że mamy trochę CSS, który mówi: "Idź zrobić."

803
00:46:53,410 --> 00:46:55,580
Można również napisać JavaScript zbyt że zrobi to samo

804
00:46:55,580 --> 00:47:03,010
lub, że można użyć, aby faktycznie wstrzymać grę, nie takie rzeczy.

805
00:47:03,010 --> 00:47:04,310
Pewnie kiedy można użyć JavaScript.

806
00:47:04,310 --> 00:47:06,610
Chcesz wyłączyć pętlę gry w tym momencie.

807
00:47:06,610 --> 00:47:09,970
Musisz trochę JavaScript, ponieważ nie byłoby to coś, co CSS.

808
00:47:09,970 --> 00:47:11,760
Ale należy pamiętać, że to właśnie wydarzenie.

809
00:47:11,760 --> 00:47:14,860
Można powiedzieć: "Kiedy mój wniosek zostanie zmieniony,

810
00:47:14,860 --> 00:47:17,780
"Zobaczymy, czy jesteśmy pękło." I to jest to.

811
00:47:17,780 --> 00:47:24,440
>> W porządku? Rozmawiałem dużo. Czy są pytania do tej pory, gdzie jesteśmy? Tak.

812
00:47:24,440 --> 00:47:29,310
[Student] Czy jest poradnik dla każdego, aby uzyskać więcej informacji? >> Tak.

813
00:47:29,310 --> 00:47:33,510
Pytanie brzmi, czy jest poradnik do tego? Ja po prostu przedłużyć go do wszystkiego.

814
00:47:33,510 --> 00:47:37,490
Jest kilka rzeczy, które można przejść do. Niech faktycznie wydostać.

815
00:47:37,490 --> 00:47:40,150
Pozwól mi wrócić tutaj.

816
00:47:40,150 --> 00:47:45,180
Jedną rzeczą jest, aby zwrócić uwagę na sam wizualna Studio ma wbudowane samouczki

817
00:47:45,180 --> 00:47:47,650
Pozwól mi pozbyć się tego.

818
00:47:47,650 --> 00:47:51,520
Jeśli pójdziesz i stworzyć nowy projekt, czy pliku, Nowy projekt,

819
00:47:51,520 --> 00:47:56,750
i patrzeć się na lewej stronie, znajduje się węzeł online w tym selektora.

820
00:47:56,750 --> 00:47:59,790
To zajmie trochę. Jestem w MyFi tutaj.

821
00:47:59,790 --> 00:48:02,300
Ale to przyjdzie i to da mi szansę znaleźć szablony

822
00:48:02,300 --> 00:48:05,190
ale, co ważniejsze, jak również próbki.

823
00:48:05,190 --> 00:48:06,750
Więc mogę kliknąć JavaScript.

824
00:48:06,750 --> 00:48:10,050
To będzie znaleźć próbki dla mnie. Moja droga wysoka rozdzielczość jest tu.

825
00:48:10,050 --> 00:48:15,070
Normalnie, możesz wyświetlić listę wielu różnych rzeczy tutaj.

826
00:48:15,070 --> 00:48:18,280
Jeśli jest coś, co chcesz spróbować, wybrać język,

827
00:48:18,280 --> 00:48:20,970
JavaScript tu, i powiedzieć: "Nie wiem, jak to zrobić geolokalizacji."

828
00:48:20,970 --> 00:48:22,220
"Nie wiem, jak otworzyć plik."

829
00:48:22,220 --> 00:48:25,840
"Nie wiem, jak korzystać z kamery internetowej

830
00:48:25,840 --> 00:48:28,290
"Lub optymalizacji dla touch lub takie rzeczy."

831
00:48:28,290 --> 00:48:33,190
Są próbki do wszystkiego: do udostępniania, wyszukiwania, barów app,

832
00:48:33,190 --> 00:48:37,520
dokonywania zdalnych połączeń do usługi, kodowania JSON.

833
00:48:37,520 --> 00:48:40,390
Wszystkie te rodzaje rzeczy tam są próbki do tego,

834
00:48:40,390 --> 00:48:44,560
i nie są one ogromne próbki, które wezmą cię przez całą noc, aby rozerwać

835
00:48:44,560 --> 00:48:46,820
tylko do stwierdzenia, że ​​coś, czego chciał się dowiedzieć.

836
00:48:46,820 --> 00:48:49,870
Są naprawdę dobre. Są małe, prawo do rodzajów punktów próbek.

837
00:48:49,870 --> 00:48:52,330
Nauczyłem się mnóstwo przechodząc przez nich samodzielnie,

838
00:48:52,330 --> 00:48:55,260
i tak polecam, dużo w jednej rzeczy.

839
00:48:55,260 --> 00:49:01,750
>> Inną rzeczą, aby zwrócić uwagę na zbyt oczywiście pokazałem dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
jeśli więc wrócić do tego, zobaczysz na dole jest też tutaj próbki.

841
00:49:07,490 --> 00:49:12,560
Więc można pobrać je wszystkie na raz, ale jest też wiele innych zasobów i tu

842
00:49:12,560 --> 00:49:14,400
że może pomóc dostać się do prędkości.

843
00:49:14,400 --> 00:49:17,870
>> Jedna rzecz, a ja bardzo polecam, aby spróbować tego,

844
00:49:17,870 --> 00:49:24,510
Mam go na moim blogu, ale ja po prostu iść do niego prawo.

845
00:49:24,510 --> 00:49:28,220
Pokażę ci. Mój blog ma zasoby i tego typu rzeczy.

846
00:49:28,220 --> 00:49:35,300
Jedną z rzeczy, zwrócić uwagę jest tutaj, to coś: Twój pomysł. Twoja aplikacja. 30 dni.

847
00:49:35,300 --> 00:49:40,960
Jeśli klikniesz na to, że będzie przynosić do naprawdę pomocny miejscu.

848
00:49:40,960 --> 00:49:44,650
To jest o wiele bardziej przydatne niż można się było spodziewać.

849
00:49:44,650 --> 00:49:49,040
To będzie 30 dni od treści, które można w zasadzie uzyskać porady i wskazówki

850
00:49:49,040 --> 00:49:51,990
w całym tym procesie, jak tworzysz aplikację.

851
00:49:51,990 --> 00:49:55,980
A jak nie może oczekiwać, można rzeczywiście dostać do gry zbyt

852
00:49:55,980 --> 00:49:57,840
i dla aplikacji telefonicznych, takie rzeczy.

853
00:49:57,840 --> 00:50:01,000
Więc w zasadzie zapisać się na niego, a oni będą wysyłać ci wskazówki i porady na temat,

854
00:50:01,000 --> 00:50:03,010
"Czy myślałeś o to robi? Czy popierasz Snap?"

855
00:50:03,010 --> 00:50:04,900
"Oto kilka wskazówek na temat, jak to zrobić dobrze."

856
00:50:04,900 --> 00:50:07,440
"Czy myślałeś o złożenie do sklepu?"

857
00:50:07,440 --> 00:50:09,370
"Czy myślałeś o tym, jak masz zamiar sprzedać swój wniosek?"

858
00:50:09,370 --> 00:50:11,490
To będzie chodzić po tych wszystkich różnych rzeczy.

859
00:50:11,490 --> 00:50:13,380
I rzeczywiście, jeśli jesteś na torze gry, w pewnym momencie

860
00:50:13,380 --> 00:50:17,010
zaczniesz uznając osobę z tobą rozmawiać

861
00:50:17,010 --> 00:50:22,850
bo faktycznie było iść do Redmint zrobić tam te i nagrane 2 filmy.

862
00:50:22,850 --> 00:50:25,240
Ale to wszystko jest częścią toru gier,

863
00:50:25,240 --> 00:50:27,650
i tam też pełna ścieżka do ogólnego rozwoju aplikacji.

864
00:50:27,650 --> 00:50:29,380
To się nazywa generacji aplikacji.

865
00:50:29,380 --> 00:50:33,460
Zdecydowanie polecam, że do Ciebie, a oprócz próbek.

866
00:50:33,460 --> 00:50:38,110
>> Jest wiele filmów wideo na stronie o nazwie Kanał 9, jak również.

867
00:50:38,110 --> 00:50:42,790
To prawdopodobnie ostatnia rzecz, ja polecam również przed przechodzimy tutaj.

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com.

869
00:50:45,280 --> 00:50:48,880
To jest dobre, bo nie zamierzamy być przeczytaniu ton white papers.

870
00:50:48,880 --> 00:50:53,880
Jest to w zasadzie wiele filmów, screencasts i rzeczy, które są od razu do rzeczy.

871
00:50:53,880 --> 00:50:57,940
I nie powinien powiedzieć, że jest zawsze do rzeczy. To zależy od tego, kto o tym mówi.

872
00:50:57,940 --> 00:51:02,290
Ale ogólnie, jest kilka naprawdę do-punktu filmy tutaj

873
00:51:02,290 --> 00:51:06,230
że pokaże jakąś szczególną rzecz, może chcesz się nauczyć lub zobaczyć demoed.

874
00:51:06,230 --> 00:51:11,110
Jest też wszystkie nasze treści z naszej konferencji, co wydarzyło się kilka tygodni temu

875
00:51:11,110 --> 00:51:14,380
nazwie Budowa, a zobaczysz, że tam.

876
00:51:14,380 --> 00:51:18,450
Jest technologie podstawowe dla Windows 8 gier. Proszę bardzo.

877
00:51:18,450 --> 00:51:23,150
Byłem tam, faktycznie. Nie możesz mnie zobaczyć. Byłem tam.

878
00:51:23,150 --> 00:51:27,560
Ale tak czy inaczej, to na bok, polecam, że spojrzeć na te filmy.

879
00:51:27,560 --> 00:51:29,330
Są bardzo pomocny.

880
00:51:29,330 --> 00:51:32,620
Jeśli utkniesz na coś lub po prostu chcesz zobaczyć, co może zrobić coś, ogień ci się.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail właśnie wysłał mi e-mail z linkiem do treści

882
00:51:36,890 --> 00:51:42,140
dla studentów, aby pobrać z próbki kodu i takie tam. >> [Bowen] Świetne.

883
00:51:42,140 --> 00:51:45,510
Niesamowite. Dziękuję, Edwin.

884
00:51:45,510 --> 00:51:48,320
>> Dobry. >> [Student] Mam pytanie. >> [Bowen] Och. Tak, proszę.

885
00:51:48,320 --> 00:51:55,030
[Niesłyszalne uczeń pytanie] >> [Bowen] Och, cieszę się, że pytasz. Tak.

886
00:51:55,030 --> 00:51:58,940
Pytanie było, czy jest dla mnie wizualny interfejs do tworzenia rzeczy?

887
00:51:58,940 --> 00:52:01,630
Edwin sowicie wynagrodzi cię za to pytanie.

888
00:52:01,630 --> 00:52:04,310
Jest na to sposób, aby to zrobić.

889
00:52:04,310 --> 00:52:09,040
Powinniśmy zrobić to teraz? Zróbmy to teraz.

890
00:52:09,040 --> 00:52:11,780
Mam zamiar iść do niej teraz.

891
00:52:11,780 --> 00:52:14,070
Właściwie, dodam jeszcze jedną rzecz do tego demo,

892
00:52:14,070 --> 00:52:16,710
a potem pokażę ci rzeczywistą odpowiedź.

893
00:52:16,710 --> 00:52:21,340
Miałem zamiar dodać trochę więcej CSS tutaj.

894
00:52:21,340 --> 00:52:23,980
Byłem trochę się na stycznych tutaj.

895
00:52:23,980 --> 00:52:26,770
Powiem w jakiś CSS, żeby skorzystać

896
00:52:26,770 --> 00:52:29,980
z klas, które dodaliśmy czas temu,

897
00:52:29,980 --> 00:52:33,930
do nagłówka w div Maincontent, a następnie do greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Jeśli mam to zrobić i uruchomić go można zobaczyć teraz mamy nieco inne dopełnienia i marginesów,

899
00:52:37,920 --> 00:52:40,310
więc faktycznie pewne przesunięcia tutaj.

900
00:52:40,310 --> 00:52:44,630
Są to bardziej w kierunku tego, co masz zamiar się spodziewać ostatecznej polerowanego aplikacji.

901
00:52:44,630 --> 00:52:47,770
Ale ja po prostu pokazuje ci to, bo to prosto CSS.

902
00:52:47,770 --> 00:52:51,910
Tak więc to, co już wiesz, możesz użyć, żeby dostosować treść, jak chcesz.

903
00:52:51,910 --> 00:52:55,100
Widziałeś już, jak zrobić tło zmienia się w ten sposób.

904
00:52:55,100 --> 00:53:02,980
>> Jeśli wrócę do naszych HTML, mam zamiar dodać jeszcze jeden zestaw znaczników,

905
00:53:02,980 --> 00:53:06,140
i to jest w rzeczywistości będzie kontrola z WinJS.

906
00:53:06,140 --> 00:53:09,840
Mam zamiar iść i złapać ten, etykietę. Pozwól mi upewnić się, robię to w odpowiednim miejscu.

907
00:53:09,840 --> 00:53:11,740
Prawdopodobnie wystarczy.

908
00:53:11,740 --> 00:53:15,590
Tutaj właśnie dodane - i pójdziemy na pełnym ekranie, dzięki czemu można zobaczyć całość -

909
00:53:15,590 --> 00:53:18,520
Dodałem etykietę na następny div.

910
00:53:18,520 --> 00:53:20,890
Div nazywa ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Sam to nic nie robić.

912
00:53:23,090 --> 00:53:28,570
Jeśli otworzysz ten w przeglądarce, można być patrząc na puste, sam div.

913
00:53:28,570 --> 00:53:31,820
Ale z powodu tej tajemniczej linii kodu, które pokazałem wcześniej,

914
00:53:31,820 --> 00:53:35,650
Proces wszystko, to będzie szukać czegoś, co wygląda jak ta -

915
00:53:35,650 --> 00:53:40,380
zwycięstwo danych kontroli - i to się znaleźć wszystko, co jest w tym parametrze.

916
00:53:40,380 --> 00:53:44,560
To się dzieje, aby wystąpienie cokolwiek to jest to wskazuje.

917
00:53:44,560 --> 00:53:48,850
W tym przypadku, to jest kontrola ocena, więc mówię: "Proszę iść i wymienić to coś

918
00:53:48,850 --> 00:53:51,400
"Z tym, co trzeba zrobić, aby dokonać kontroli ocena."

919
00:53:51,400 --> 00:53:56,610
To może być sterowanie klapką, to może być pierścień kontroli postępów lub cokolwiek chcesz używać.

920
00:53:56,610 --> 00:53:59,390
Oni wszystko będzie działać zasadniczo w ten sam sposób.

921
00:53:59,390 --> 00:54:02,920
Używasz standardowego znaczników HTML5, aby wskazać, co chcesz,

922
00:54:02,920 --> 00:54:07,670
i masz zamiar uzyskać kontrolę na koniec tego. Pozwól mi uruchomić to.

923
00:54:07,670 --> 00:54:12,270
Ja po prostu kopiowane, że w, a teraz staje się to, że znaczniki,

924
00:54:12,270 --> 00:54:15,280
co jest rzeczywiście sporo elementów HTML.

925
00:54:15,280 --> 00:54:18,440
Są to wszystkie poszczególne obrazy i jest div w nich z selektorów.

926
00:54:18,440 --> 00:54:22,610
Mam nadzieję, że widać, że. To trochę subtelny.

927
00:54:22,610 --> 00:54:27,380
Mogę unoszą się nad różnymi rzeczami, i to się dzieje, żebym mógł zobaczyć rating tutaj.

928
00:54:27,380 --> 00:54:31,560
Można kliknąć na nim, a on pamięta ocena, ale to wszystko.

929
00:54:31,560 --> 00:54:33,100
To naprawdę nie robi nic z rankingu.

930
00:54:33,100 --> 00:54:35,230
>> Ostatnia rzecz chcę pokazać, na to

931
00:54:35,230 --> 00:54:37,820
zanim przejdzie do bardziej wizualnego projektowania doświadczenia

932
00:54:37,820 --> 00:54:42,680
jest trochę kodu, który można użyć do odpowiedzi na te WinJS kontroli.

933
00:54:42,680 --> 00:54:47,540
Pozwól mi wydostać się stamtąd, z powrotem z pełnym ekranie,

934
00:54:47,540 --> 00:54:52,690
i przełączyć się na JS tu na sekundę.

935
00:54:52,690 --> 00:54:57,450
Mogę to zrobić tutaj. Myślę, że zastąpi to wszystko.

936
00:54:57,450 --> 00:55:03,080
Właściwie myślę, że będzie wymienić wszystkich, ale dowiemy się razem.

937
00:55:03,080 --> 00:55:07,350
Włożę to tutaj. Tak. Zamierzam usunąć zbyt.

938
00:55:07,350 --> 00:55:11,790
Co mogę dodać? To wygląda dużo. To nie jest dużo.

939
00:55:11,790 --> 00:55:14,920
Ja po prostu przedłużyć tę linię kodu, który już mowa wcześniej,

940
00:55:14,920 --> 00:55:18,590
i mówię: "Kiedy wszystko jest zrobione, kiedy wszystkie moje kontrole zostały wykonane,

941
00:55:18,590 --> 00:55:23,660
"Wtedy to zrobić." Więc następnie uruchomić tę funkcję o nazwie zakończone.

942
00:55:23,660 --> 00:55:27,080
W tym przypadku, to jest rzeczy można dowiedzieć się.

943
00:55:27,080 --> 00:55:29,040
Go znaleźć, że kontrola div.

944
00:55:29,040 --> 00:55:30,790
Rzeczywiście, jest jedna rzecz, należy podkreślić.

945
00:55:30,790 --> 00:55:35,630
Że następna linia jest rzeczywiście, mówiąc: "Mam ten ratingControlDiv."

946
00:55:35,630 --> 00:55:39,770
"Chcę porozmawiać z nim tak, jakby była prawdziwa kontrola, kontrola WinJS."

947
00:55:39,770 --> 00:55:42,020
Więc w zasadzie, prosisz, że od niego.

948
00:55:42,020 --> 00:55:44,600
Mówisz: "Chcę z tobą porozmawiać jako kontrolę."

949
00:55:44,600 --> 00:55:47,810
I wtedy można zacząć mówić rzeczy w stylu: "Mamy zamiar dodać detektor dla Ciebie

950
00:55:47,810 --> 00:55:51,430
"Więc kiedy zmienił możemy reagować na to."

951
00:55:51,430 --> 00:55:56,930
A potem możemy robić takie rzeczy. Właściwie, to stary kod istnieje.

952
00:55:56,930 --> 00:55:59,600
Myślę, że jestem brakuje wklejanie w jednym więcej funkcji,

953
00:55:59,600 --> 00:56:05,030
i że będzie rzeczywista funkcja, która odpowiada na kontroli oceny zmieniany.

954
00:56:05,030 --> 00:56:07,710
Pozwól, że w pop aż tutaj,

955
00:56:07,710 --> 00:56:09,840
gdzieś tam.

956
00:56:09,840 --> 00:56:14,930
I w tym przypadku, jedyną rzeczą, która jest nowa, jest fakt, że jedziemy do

957
00:56:14,930 --> 00:56:21,000
Ocena tego, co mówi nam kontrola i pytamy o to, co się nazywa tentativeRating.

958
00:56:21,000 --> 00:56:23,150
Istnieje kilka różnych innych rzeczy, że kontrola może powiedzieć,

959
00:56:23,150 --> 00:56:25,310
i idzie kontroli przez kontrolę.

960
00:56:25,310 --> 00:56:29,140
To bardzo proste. Będziesz w stanie zrozumieć to bez problemu w ogóle.

961
00:56:29,140 --> 00:56:34,040
Prowadzę tego, a teraz, kiedy zmienić oceny i kliknij ratingu,

962
00:56:34,040 --> 00:56:36,480
widać teraz to właściwie na niego reagować.

963
00:56:36,480 --> 00:56:40,280
To oddanie, że ocena na ekranie w tej pustej div tagu

964
00:56:40,280 --> 00:56:42,970
pod kontrolą oceny.

965
00:56:42,970 --> 00:56:46,670
To magia wiele rzeczy tutaj też.

966
00:56:46,670 --> 00:56:49,580
Tak jak podczas tworzenia aplikacji dla systemu Windows Store,

967
00:56:49,580 --> 00:56:52,930
tam jest mnóstwo kontroli, które można po prostu używać. Wszystkie one działają w ten sposób.

968
00:56:52,930 --> 00:56:58,670
>> Pokażę wam wizualną stronę projektowania dla tych aplikacji.

969
00:56:58,670 --> 00:57:03,440
Dobrą wiadomością jest to będziesz już tego narzędzia podczas instalacji wszystko

970
00:57:03,440 --> 00:57:06,240
jeśli pójdziesz do tego pobrania i masz Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Można kliknąć prawym przyciskiem myszy na ten temat. Nie będę powiększyć obraz

972
00:57:09,890 --> 00:57:12,040
To po prostu mówi Otwórz w mieszance.

973
00:57:12,040 --> 00:57:16,040
Mieszanka jest kolejnym narzędziem, które działa ramię w ramię z Visual Studio

974
00:57:16,040 --> 00:57:19,230
i koncentruje się znacznie bardziej od strony projektowania rzeczy,

975
00:57:19,230 --> 00:57:23,660
tak naprawdę powierzchnie narzędzi, które są zoptymalizowane do tworzenia stylów,

976
00:57:23,660 --> 00:57:29,720
tworzenie animacji, pracy z CSS, wiele rzeczy w tym rodzaju żyły.

977
00:57:29,720 --> 00:57:36,380
Oto, co powinno być bardzo interesujące i dość oczywiste, natychmiast jest patrzymy na aplikacji.

978
00:57:36,380 --> 00:57:40,060
Mam nadzieję, że nadal są.

979
00:57:40,060 --> 00:57:42,650
Zamiast kodu, który wciąż jest widoczna na dole widząc,

980
00:57:42,650 --> 00:57:45,350
widzimy rzeczywistą reprezentację aplikacji.

981
00:57:45,350 --> 00:57:49,640
Co więcej, nie jest to tylko przedstawienie aplikacji, to jest rzeczywiście aplikacja pracuje.

982
00:57:49,640 --> 00:57:52,010
I to jest to, co naprawdę jest ładny o mieszance.

983
00:57:52,010 --> 00:57:58,620
Zespół wykonał dużo pracy przynieść HTML i JavaScript i CSS do tego narzędzia.

984
00:57:58,620 --> 00:58:01,930
Teraz rzeczywiście można, jeśli jesteś ciekaw, "Co to znaczy? Co mogę zrobić?"

985
00:58:01,930 --> 00:58:08,310
Mogę właściwie zaprojektować do tego wniosku, mimo że takie rzeczy nie istnieją w moim znaczników.

986
00:58:08,310 --> 00:58:13,230
Pamiętaj, że kontrola ocena? To było po prostu znacznik div.

987
00:58:13,230 --> 00:58:17,090
To rzeczy, że gwiazda, istnieje tylko w czasie wykonywania. Skąd mam wiedzieć, że?

988
00:58:17,090 --> 00:58:20,300
Jest trochę magii tutaj.

989
00:58:20,300 --> 00:58:21,700
Zobacz te pioruny?

990
00:58:21,700 --> 00:58:25,570
Za każdym razem widzisz piorun, to znaczy, że został stworzony przez coś w czasie wykonywania.

991
00:58:25,570 --> 00:58:31,770
Niektóre JavaScript pobiegł i odwrócił coś do tego czy stworzył to z pewnej logiki.

992
00:58:31,770 --> 00:58:37,100
Te gwiazdy, które można zobaczyć nie zostały stworzone przez JavaScript przez WinJS.

993
00:58:37,100 --> 00:58:41,800
Dobrą rzeczą jest to, że nie ma dla mnie znaczenia, czy mogę zaprojektować,

994
00:58:41,800 --> 00:58:44,410
Wciąż mogę iść i zmienić go, można dowiedzieć się, co tu się dzieje,

995
00:58:44,410 --> 00:58:50,260
Mogę spojrzeć na CSS, mogę śmiało i dowiedzieć się, dlaczego kolor jest taki, jaki jest,

996
00:58:50,260 --> 00:58:54,610
Mogę zacząć bawić się z rzeczy i podejmowania rzeczy straszne,

997
00:58:54,610 --> 00:58:58,360
co chcę zrobić.

998
00:58:58,360 --> 00:59:01,020
Faktycznie, ja zostawię rzeczy sam.

999
00:59:01,020 --> 00:59:03,980
Ale można zobaczyć tutaj to wszystko jest CSS i to pokazano tutaj.

1000
00:59:03,980 --> 00:59:10,120
Jeśli pójdę do nie, to się pokazać wszystko, co nazywają oni zwycięstwa,

1001
00:59:10,120 --> 00:59:14,850
więc reguły CSS, które są najbardziej szczegółowe i najbardziej wybrany do tej pozycji,

1002
00:59:14,850 --> 00:59:17,110
które prawdopodobnie już przeszedł w swoich klasach,

1003
00:59:17,110 --> 00:59:22,000
, gdzie można powiedzieć, że jest ogólnie czcionki że starasz się wszystko,

1004
00:59:22,000 --> 00:59:26,860
ale ponieważ jest to H1 i mam kolor zdefiniowany dla H1S,

1005
00:59:26,860 --> 00:59:29,820
że będzie to kolor, a to dlatego, że jest bardziej szczegółowy niż body1.

1006
00:59:29,820 --> 00:59:32,590
To jedna rzecz, tu pokazuje to wszystko,

1007
00:59:32,590 --> 00:59:35,470
i to naprawdę mocna rzecz, jak dostać się bardziej złożone,

1008
00:59:35,470 --> 00:59:38,160
zastanawiasz się, dlaczego te rzeczy są, jakie są.

1009
00:59:38,160 --> 00:59:41,020
To rzeczywiście powiedzieć, i można wybrać dowolny z tych elementów tutaj.

1010
00:59:41,020 --> 00:59:43,370
Że kolor nie jest tak źle, faktycznie.

1011
00:59:43,370 --> 00:59:47,150
Można je wybrać. Mam nadzieję, że można to zobaczyć.

1012
00:59:47,150 --> 00:59:52,410
Za wszystko, co masz na swojej aplikacji, można zobaczyć całą kaskadę

1013
00:59:52,410 --> 00:59:56,070
wszystkim CSS, które mogłyby mieć zastosowanie do tego i który z nich wygrywa,

1014
00:59:56,070 --> 00:59:58,050
który z nich rzeczywiście miała pierwszeństwo.

1015
00:59:58,050 --> 01:00:00,930
Te są trochę nudne. Nie ma dużo dzieje się w niektórych z nich.

1016
01:00:00,930 --> 01:00:04,660
Jeśli pójdę i zmienić kolor, to zaczniesz widzieć jakiś kaskadowe.

1017
01:00:04,660 --> 01:00:07,760
Można również używać HTML również tutaj.

1018
01:00:07,760 --> 01:00:12,490
Mogę przejść i modyfikować właściwości HTML za wszystkie te rzeczy, jak pragnę.

1019
01:00:12,490 --> 01:00:14,620
Jest tylko mnóstwo rzeczy tutaj.

1020
01:00:14,620 --> 01:00:18,070
>> Nie chcę, aby wziąć swój czas, przechodząc przez wszystko tutaj. Po prostu wiem, że to tutaj.

1021
01:00:18,070 --> 01:00:21,700
Istnieje wiele funkcji zorientowanych projektowania to tylko dostępne dla Ciebie

1022
01:00:21,700 --> 01:00:26,730
więc można zatrzymać wizualne, pracy z aplikacją, i nie trzeba robić dużo zgadywania

1023
01:00:26,730 --> 01:00:32,180
że trzeba by zrobić normalnie i jazda na rowerze z powrotem z przeglądarki z powrotem do swojego projektu,

1024
01:00:32,180 --> 01:00:33,940
z powrotem do przeglądarki.

1025
01:00:33,940 --> 01:00:37,010
To jest naprawdę fajne rzeczy za to, i jak rozwijać aplikację systemu Windows Store,

1026
01:00:37,010 --> 01:00:39,650
to się do was o wiele bardziej wydajne.

1027
01:00:39,650 --> 01:00:45,150
>> Zobaczysz także to śledzenia znaczników tutaj a CSS

1028
01:00:45,150 --> 01:00:47,270
jak pracujesz przez różne rzeczy.

1029
01:00:47,270 --> 01:00:50,180
To chyba naprawdę ciężko, aby zobaczyć, że zwłaszcza na wideo,

1030
01:00:50,180 --> 01:00:54,680
ale to co się tu dzieje, i polecam zapoznać się z tym.

1031
01:00:54,680 --> 01:00:57,240
To zaoszczędzić dużo czasu. To mieszanka.

1032
01:00:57,240 --> 01:01:00,520
Jeśli się tutaj żadnych zmian, są one automatycznie będzie prowadzić z powrotem na

1033
01:01:00,520 --> 01:01:01,870
Visual Studio.

1034
01:01:01,870 --> 01:01:06,590
To te same pliki, to samo wszystko. Będę go zostawić w spokoju.

1035
01:01:06,590 --> 01:01:08,650
Mam lepszy przykład, że chcę ci pokazać.

1036
01:01:08,650 --> 01:01:11,660
Ale jeśli dokonane zmiany i zapisaniu go tam i wróciłem do Visual Studio, to znaczy,

1037
01:01:11,660 --> 01:01:16,390
"Hej, po prostu zmienił coś. Można przeładować go dla Ciebie?" Tak.

1038
01:01:16,390 --> 01:01:18,770
I używasz tych samych rzeczy tam.

1039
01:01:18,770 --> 01:01:21,320
To koniec tej konkretnej próbki.

1040
01:01:21,320 --> 01:01:28,170
>> Chcę pokazać większą próbkę końcową po prostu dać się widok innych funkcji

1041
01:01:28,170 --> 01:01:30,350
możesz pomyśleć o jak dobrze.

1042
01:01:30,350 --> 01:01:32,280
Jest to aplikacja próbki, które można pobrać.

1043
01:01:32,280 --> 01:01:35,620
Jeśli szukasz czegoś, co nazywa Obóz systemu Windows w polu,

1044
01:01:35,620 --> 01:01:40,340
pewne próbki o tym, że jeden z nich jest Contoso Jak podać.

1045
01:01:40,340 --> 01:01:41,640
Można po prostu uruchomić to dla ciebie.

1046
01:01:41,640 --> 01:01:44,700
Niestandardowy ekran powitalny. Ten widok jest stosowanie siatki.

1047
01:01:44,700 --> 01:01:49,590
Oni związani tu jakieś dane niestandardowe. Możesz poruszać się w tym.

1048
01:01:49,590 --> 01:01:53,090
Możesz iść i spojrzeć na różne rzeczy, które uczynią nas głodny w piątek po południu.

1049
01:01:53,090 --> 01:01:57,760
Nie wiem. Co się dzieje, aby mnie najbardziej głodny?

1050
01:01:57,760 --> 01:02:00,530
Nie wiem. Mam zamiar wybrać jeden.

1051
01:02:00,530 --> 01:02:02,460
Idziesz do tych rzeczy. Pokaże przepis.

1052
01:02:02,460 --> 01:02:04,900
Można by też, zamiast klikania na przedmiot,

1053
01:02:04,900 --> 01:02:10,360
można iść w prawo do kategorii treści, tej części treści.

1054
01:02:10,360 --> 01:02:15,590
W tym przypadku, można przeczytać wiele fałszywych łacinie mówi wszystko o tych receptur tutaj

1055
01:02:15,590 --> 01:02:17,720
a następnie skręcić w prawo w określonej receptury.

1056
01:02:17,720 --> 01:02:22,770
Wspiera również takie rzeczy jak dzielenie, że pokazałem ci wcześniej ze zdjęć.

1057
01:02:22,770 --> 01:02:26,160
Możesz też sprawdzić w tym zastosowaniu zbyt.

1058
01:02:26,160 --> 01:02:28,880
Jest to bardzo proste do zrobienia wyszukiwanie.

1059
01:02:28,880 --> 01:02:31,300
Zasadniczo, jesteś po prostu coraz ciąg tekstu z systemu Windows

1060
01:02:31,300 --> 01:02:34,720
i zdecydować, w jaki sposób chcesz obsługiwać wyszukiwanie z tym.

1061
01:02:34,720 --> 01:02:39,830
To jest kilka linii kodu, aby ta, a następnie to, co z nim zrobić po to jest całkowicie do Ciebie.

1062
01:02:39,830 --> 01:02:44,180
>> Tutaj mają też bar app gdzie używasz jakieś inne funkcjonalności.

1063
01:02:44,180 --> 01:02:45,430
Ja po prostu powiedzieć, co to jest.

1064
01:02:45,430 --> 01:02:48,220
Przypomnienie zamierza wykorzystać to, co się nazywa zgłoszenie tosty.

1065
01:02:48,220 --> 01:02:52,930
Jest to bardzo przydatne dla pozwalając użytkownikowi wiedzieć, kiedy się wydarzyło,

1066
01:02:52,930 --> 01:02:55,850
jak aplikacja została zainstalowana lub coś zostało zakończone.

1067
01:02:55,850 --> 01:02:57,950
Jest to również dobre dla gry też.

1068
01:02:57,950 --> 01:03:02,360
Jeśli masz uporczywy świat lub płyty lidera i usługi hostingowe, które, który jest

1069
01:03:02,360 --> 01:03:08,490
może na osobnej maszynie, te powiadomienia mogą być wysyłane do maszyny

1070
01:03:08,490 --> 01:03:12,240
i nawet jeśli użytkownik nie korzysta z gry, gra swoją grę lub uruchamiając aplikację,

1071
01:03:12,240 --> 01:03:15,170
wciąż mogą uzyskać informację o tym rodzaju imprez.

1072
01:03:15,170 --> 01:03:19,350
Więc można powiedzieć, "Twój zamek został zniszczony lub jest tylko o zniszczone."

1073
01:03:19,350 --> 01:03:22,870
"Wracaj tu i bronić go," czy coś takiego.

1074
01:03:22,870 --> 01:03:26,830
Kliknięciu powiadomienia, idź z powrotem do gry, i można go odtworzyć.

1075
01:03:26,830 --> 01:03:32,170
Więc te różne rzeczy mogą naprawdę pomóc wyciągnąć ludzi z powrotem do aplikacji dość skutecznie.

1076
01:03:32,170 --> 01:03:37,450
>> Jest też wsparcie w tej aplikacji do korzystania z mikrofonu, kamery internetowej,

1077
01:03:37,450 --> 01:03:39,560
robi filmy i robić zdjęcia.

1078
01:03:39,560 --> 01:03:42,080
Możesz również przypiąć płytki wtórnego.

1079
01:03:42,080 --> 01:03:46,760
Jest to przydatne, jeśli chcesz po prostu płytki, że idzie w prawo do pewnych treści.

1080
01:03:46,760 --> 01:03:49,960
W tym przypadku, to idzie w prawo do tego przepisu.

1081
01:03:49,960 --> 01:03:51,300
Wszystko mam wspomnieć Ja tylko pokazuje

1082
01:03:51,300 --> 01:03:53,270
bo to rzeczy, które można myśleć o użyciu, jak również.

1083
01:03:53,270 --> 01:03:57,590
W większości przypadków, są bardzo proste w użyciu.

1084
01:03:57,590 --> 01:04:00,070
Chciałbym tylko polecam wywołać tej próbce explorer

1085
01:04:00,070 --> 01:04:03,600
i znaleźć próbki, które mogą pokazać, jak to zrobić.

1086
01:04:03,600 --> 01:04:07,140
Jest to dość proste do postawienia na swoim tam również aplikacje.

1087
01:04:07,140 --> 01:04:11,030
>> Chciałem pokazać coś innego, co jest bardzo fajne tutaj.

1088
01:04:11,030 --> 01:04:15,230
Będę przystawki tej aplikacji, i mam zamiar wrócić do Visual Studio.

1089
01:04:15,230 --> 01:04:18,870
Ta aplikacja jest uruchomiona. To działa z Visual Studio.

1090
01:04:18,870 --> 01:04:21,370
Mogę zrobić kilka całkiem fajnych rzeczy z tym.

1091
01:04:21,370 --> 01:04:23,840
I rzeczywiście mają możliwość wyboru elementu,

1092
01:04:23,840 --> 01:04:28,250
i mogę iść tu do stosowania na żywo i mogę powiedzieć,

1093
01:04:28,250 --> 01:04:34,000
"Zastanawiam się, dlaczego jest czas przygotowania trochę jaśniejszy szary niż sam tytuł?"

1094
01:04:34,000 --> 01:04:35,680
Można kliknąć na nim.

1095
01:04:35,680 --> 01:04:38,080
To się dzieje, że z powrotem do synchronizacji z Visual Studio,

1096
01:04:38,080 --> 01:04:43,780
i to będzie mi pokazać dokładnie generowane treści, które doprowadziły do ​​tej części interfejsu użytkownika.

1097
01:04:43,780 --> 01:04:47,270
Więc w tym przypadku, jest to element, napisy i H4 podwójna konstrukcja,

1098
01:04:47,270 --> 01:04:51,110
i to chyba mówi nam, co musimy wiedzieć, ponieważ jako H4 W tym kontekście,

1099
01:04:51,110 --> 01:04:53,550
to się uzyskać pewien rodzaj czcionki.

1100
01:04:53,550 --> 01:04:56,410
Ale jeśli nadal nie wiem dlaczego, mogę kliknąć Style śladu.

1101
01:04:56,410 --> 01:05:02,330
Można następnie rozszerzyć się kolor i można dowiedzieć się dokładnie, dlaczego, że kolor nie jest w kolorze nadwozia

1102
01:05:02,330 --> 01:05:04,640
ale w rzeczywistości jest to coś innego.

1103
01:05:04,640 --> 01:05:07,210
To jest w istocie dev narzędzi z przeglądarki Internet Explorer

1104
01:05:07,210 --> 01:05:09,530
w stopniu wprowadzone do programu Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Jeżeli pracowałeś z Narzędzia Chrome Dev, Firebug, takie rzeczy,

1106
01:05:12,110 --> 01:05:14,720
te rodzaje instrumentów, które są w przeglądarce,

1107
01:05:14,720 --> 01:05:17,340
tego rodzaju funkcjonalność została wniesiona w prawo w Visual Studio

1108
01:05:17,340 --> 01:05:22,090
tak w rzeczywistości nie muszą uruchomić przeglądarkę i pracy z tymi narzędziami oddzielnie.

1109
01:05:22,090 --> 01:05:24,320
Teraz mam aplikacji sklepowych tak działa,

1110
01:05:24,320 --> 01:05:27,840
i mogę zacząć ciągnąć go od siebie i dowiedzieć się, dlaczego coś robią, czym one są.

1111
01:05:27,840 --> 01:05:30,440
>> Mogę też zrobić to w ten sposób też.

1112
01:05:30,440 --> 01:05:35,020
Mogę iść i po prostu wybrać coś od samego znaczników i dowiedzieć się, co to jest

1113
01:05:35,020 --> 01:05:38,560
w zgłoszeniu. Myślę, że już o wszystkim.

1114
01:05:38,560 --> 01:05:41,440
Tutaj mam unoszące się nad tym. I można go wybrać.

1115
01:05:41,440 --> 01:05:45,540
To będzie mi pokazać w rzeczywistym uruchomionej aplikacji w przypadku, gdy jest to

1116
01:05:45,540 --> 01:05:48,070
że jestem teraz klikając w znacznikach.

1117
01:05:48,070 --> 01:05:49,700
Naprawdę fajne rzeczy.

1118
01:05:49,700 --> 01:05:52,710
Jak starasz się dowiedzieć, co się dzieje i co robi HTML,

1119
01:05:52,710 --> 01:05:56,080
co CSS robi, należy mieć to na uwadze.

1120
01:05:56,080 --> 01:05:58,450
Pamiętaj, to jest tu dla Ciebie

1121
01:05:58,450 --> 01:06:02,070
oraz że mieszanka może pracować z działania aplikacji na żywo.

1122
01:06:02,070 --> 01:06:06,070
>> Ostatnia rzecz chciałem pokazać, z tej aplikacji -

1123
01:06:06,070 --> 01:06:09,290
By the way, to pokazuje, jak rzeczy zmieniają delty też

1124
01:06:09,290 --> 01:06:11,160
więc można oglądać na tych żółtych świateł.

1125
01:06:11,160 --> 01:06:14,060
To są rzeczy, które po prostu zmieniły się w aplikacji.

1126
01:06:14,060 --> 01:06:16,350
Ale jedna rzecz. Chcę wrócić do mieszanki tylko na chwilę tutaj.

1127
01:06:16,350 --> 01:06:21,790
Będziemy to otwarcie, otwarty w Blend, samej aplikacji, sam wszystko.

1128
01:06:21,790 --> 01:06:28,660
Chcę tylko pokazać doświadczenie tutaj jest nie tylko utkniesz na stronie głównej

1129
01:06:28,660 --> 01:06:32,880
patrząc na rzeczy, dostaniesz domyślnie po uruchomieniu aplikacji i niech tam siedzą.

1130
01:06:32,880 --> 01:06:36,490
Można również włączyć tę całkiem małą ikonę tutaj.

1131
01:06:36,490 --> 01:06:38,560
To się nazywa tryb interaktywny.

1132
01:06:38,560 --> 01:06:41,560
Kliknięcie na tym. To się wychować swoją aplikację.

1133
01:06:41,560 --> 01:06:43,730
Nie jesteś już w trybie projektowania, więc nie zamierzamy być na rzeczy, klikając

1134
01:06:43,730 --> 01:06:47,270
zmienić funkcjonalność, ale rzeczywiście można pracować z aplikacją teraz.

1135
01:06:47,270 --> 01:06:51,560
Możesz klikać, możesz robić, co, dostać się do przepisu, że Ci zależy

1136
01:06:51,560 --> 01:06:54,810
lub kategorii. Chodźmy do tej kategorii.

1137
01:06:54,810 --> 01:06:56,880
Powiem: "Dobra, o to, gdzie chcę do projektowania."

1138
01:06:56,880 --> 01:06:59,680
Następnie ponownie kliknij ten przycisk, to przyniesie Ci z powrotem do powierzchni projektu,

1139
01:06:59,680 --> 01:07:02,130
a teraz możesz zrobić wszystkie te rzeczy, które mówiłem wcześniej.

1140
01:07:02,130 --> 01:07:06,230
Będę klikanie aż uzyskać ten wybrany, dowiedzieć się, jego wymiary,

1141
01:07:06,230 --> 01:07:09,890
dowiedzieć się na to HTML, CSS dla niego

1142
01:07:09,890 --> 01:07:14,990
dla działającej aplikacji, niektóre później częścią aplikacji.

1143
01:07:14,990 --> 01:07:17,780
Bardzo, bardzo przydatne. Pokażę ci to.

1144
01:07:17,780 --> 01:07:21,340
Proszę o tym pamiętać, jeśli szukasz do pisania kodu z tego

1145
01:07:21,340 --> 01:07:26,070
bo to będzie zaoszczędzić dużo kłopotów, i to całkiem dobre rzeczy.

1146
01:07:26,070 --> 01:07:32,370
To dość dużo wszystko, co chciałem pokazać na Blend w Visual Studio na wszystko.

1147
01:07:32,370 --> 01:07:36,130
>> Wszelkie pytania na temat któregokolwiek z tych narzędzi?

1148
01:07:36,130 --> 01:07:40,000
Cokolwiek? >> [Guarin] Mam rzeczy, aby dać się tak dobre pytania, dobre rzeczy.

1149
01:07:40,000 --> 01:07:43,700
>> [Bowen śmiech] Ja już cię tu moje przedstawione prezentacje.

1150
01:07:43,700 --> 01:07:47,000
Mam zamiar umieścić go na stronie zasobów i zwrócić się do pytania teraz.

1151
01:07:47,000 --> 01:07:53,850
Że pierwsza wzmianka, że ​​strona generacji aplikacji z toru gier i aplikacji torze.

1152
01:07:53,850 --> 01:07:55,040
Zapisz się na nich.

1153
01:07:55,040 --> 01:07:57,210
Nie musisz czekać na 30 dni, aby uzyskać zawartość.

1154
01:07:57,210 --> 01:08:00,370
Możesz zacząć chodzić i patrząc na treść, jak chcesz.

1155
01:08:00,370 --> 01:08:04,380
Rozumiem twoje ramy czasowe mogą być inne niż - [śmiech]

1156
01:08:04,380 --> 01:08:07,780
Więc kiedy jest Hackathon? To kilka tygodni, prawda?

1157
01:08:07,780 --> 01:08:09,620
Więc nie mają 30 dni, aby czekać.

1158
01:08:09,620 --> 01:08:13,180
Więc tak, możesz zapisać się na to i po prostu zacząć ciągnąć treści z niego.

1159
01:08:13,180 --> 01:08:15,320
Również Dev i centra projektowe.

1160
01:08:15,320 --> 01:08:17,620
I nie wspominając o tym, ale jest tam również sklep Docs.

1161
01:08:17,620 --> 01:08:22,880
Byłoby to dla po Hackathon jak jesteś gotowy, aby rozpocząć składanie swoich aplikacji do sklepu.

1162
01:08:22,880 --> 01:08:27,350
Istnieje kilka przydatnych wskazówek o pewne wskazówki o tym, jak się rzeczy w sklepie,

1163
01:08:27,350 --> 01:08:29,960
pewne wspólne problemy, które mogą Ci się, wycieczka

1164
01:08:29,960 --> 01:08:32,540
i to jest koniec tych zasobów.

1165
01:08:32,540 --> 01:08:35,300
>> Więc to, co masz na myśli? Coś jeszcze, że -

1166
01:08:35,300 --> 01:08:40,580
[Guarin] Kto myśli o zrobieniu aplikacji Windows dla CS50? Fajne.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] Spoko. Świetnie.

1168
01:08:44,149 --> 01:08:49,410
>> Wszelkie pytania o rzeczy, które widziałem do tej pory i jak odnosi się do tego?

1169
01:08:49,410 --> 01:08:54,540
Na przykład więcej czasu mogłem wziąć grę, która Pisałem

1170
01:08:54,540 --> 01:08:57,310
i który działa w przeglądarce i po prostu przejść przez proces

1171
01:08:57,310 --> 01:08:59,870
doprowadzenia, że ​​w Visual Studio i co aplikacja systemu Windows Store.

1172
01:08:59,870 --> 01:09:02,870
To zajmuje więcej czasu, niż się naprawdę musiało obejmować dziś

1173
01:09:02,870 --> 01:09:08,010
ale wersja skrócona jest to ten sam kod, który został uruchomiony w przeglądarce,

1174
01:09:08,010 --> 01:09:11,680
i rzeczy, które można zmienić, to rzeczy, które zdecydują się na podłączenie do systemu Windows 8.

1175
01:09:11,680 --> 01:09:16,220
Więc jeśli chcesz używać zaklęć, jeśli chcesz sprawdzić lub dzielić,

1176
01:09:16,220 --> 01:09:19,899
trzeba utworzyć pasek aplikacji by się ukryć, że niektóre funkcje na,

1177
01:09:19,899 --> 01:09:21,939
to są różne rzeczy, które można zmienić.

1178
01:09:21,939 --> 01:09:25,229
Ale rdzeń Twojej aplikacji internetowej może pozostać nienaruszone.

1179
01:09:25,229 --> 01:09:29,590
Ponownie, tak długo, jak to działa w IE10, to będzie bardzo proste portu

1180
01:09:29,590 --> 01:09:33,680
przynieść te rzeczy do Visual Studio, w Blend, i sprawiają, że aplikacja systemu Windows Store.

1181
01:09:33,680 --> 01:09:37,500
Ponownie, tylko rzeczy, trzeba będzie nauczyć się te inne funkcje

1182
01:09:37,500 --> 01:09:41,830
które można użyć do oświetlenia aplikacji, jak i płytki na żywo takich rzeczy.

1183
01:09:41,830 --> 01:09:46,899
>> Tak. >> [Student] Moje pytanie jest o pracę mobilną.

1184
01:09:46,899 --> 01:09:52,210
Więc jeśli się app, który działa jako aplikacja na pulpicie,

1185
01:09:52,210 --> 01:09:56,480
jest to naprawdę łatwe do przeniesienia go na telefon, czy jest tam -

1186
01:09:56,480 --> 01:10:01,270
Pytanie brzmi, czy mogę złożyć aplikację systemu Windows Store, który jest naprawdę optymalne dla tego środowiska

1187
01:10:01,270 --> 01:10:06,430
i chcę, aby doprowadzić go do telefonu świata, co się z tym wiąże się robi?

1188
01:10:06,430 --> 01:10:10,060
Że, jak wiele pytań, jest zawsze stale się zmienia odpowiedź.

1189
01:10:10,060 --> 01:10:16,190
Dobrą wiadomością jest to, jeśli trzyma się HTML i JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
jeśli począwszy od aplikacji systemu Windows Store,

1191
01:10:18,720 --> 01:10:20,590
to pozwolę ci przynieść go do sieci

1192
01:10:20,590 --> 01:10:24,650
a następnie użyć tego rodzaju technik, takich jak kwerendy mediów i miejscach,

1193
01:10:24,650 --> 01:10:27,180
w celu dostosowania do różnych rozmiarów urządzenia.

1194
01:10:27,180 --> 01:10:29,900
Powiedział, że zawsze ram i rzeczy tam

1195
01:10:29,900 --> 01:10:33,450
że wsparcie rozszerzające się różne technologie, różne platformy.

1196
01:10:33,450 --> 01:10:35,670
Że zmienia się cały czas.

1197
01:10:35,670 --> 01:10:40,030
Jesteśmy również zmiany rzeczy, jak patrzymy w stronę tego, co mamy teraz

1198
01:10:40,030 --> 01:10:42,950
faktycznie się z Windows Phone 8.

1199
01:10:42,950 --> 01:10:44,930
Mamy pewne wspólne podstawowe infrastruktury

1200
01:10:44,930 --> 01:10:48,180
oferowane między aplikacjami dla tych środowisk.

1201
01:10:48,180 --> 01:10:51,200
Więc rzeczy, które robisz, aby stworzyć aplikację systemu Windows Store,

1202
01:10:51,200 --> 01:10:57,790
dużo, że można przenieść do aplikacji Windows Phone 8, jak również.

1203
01:10:57,790 --> 01:11:02,270
Że znowu jest pojawiające historia, więc jest trochę o tym w treści produkcji.

1204
01:11:02,270 --> 01:11:06,780
SDK właśnie wyszedł jakiś czas temu. To właśnie wydany jakiś czas temu.

1205
01:11:06,780 --> 01:11:09,920
Jednak w odniesieniu do innych platform Również

1206
01:11:09,920 --> 01:11:13,360
prawdopodobnie napotkasz wiele ram wieloplatformowych, jak również.

1207
01:11:13,360 --> 01:11:16,170
Dobrą wiadomością jest to rzeczy, które robisz tutaj,

1208
01:11:16,170 --> 01:11:19,620
funkcjonalność rdzeń jest prosto internetowej standardowej rzeczy.

1209
01:11:19,620 --> 01:11:24,010
Jedyne rzeczy, które nie przekładają łatwo są rzeczy, że Windows 8 ma,

1210
01:11:24,010 --> 01:11:28,060
ale to nic dziwnego, bo jest to funkcja systemu Windows.

1211
01:11:28,060 --> 01:11:34,090
Nie zamierzamy znaleźć wymianę lub podobnych rodzajów umów na każdej innej platformie.

1212
01:11:34,090 --> 01:11:37,480
To są rzeczy, które chcesz, aby z punktu widzenia projektowania

1213
01:11:37,480 --> 01:11:40,820
upewnić się, że drogi do rodzaju abstrakcyjne, że się tak można powiedzieć,

1214
01:11:40,820 --> 01:11:42,970
"Jeśli biegnę na to, może to zrobić."

1215
01:11:42,970 --> 01:11:48,120
Jeśli nie jestem, jest pewne wzorce projektowe można wykorzystać do rodzaju ukryć, że rzeczy z dala.

1216
01:11:48,120 --> 01:11:53,360
Ale miej to na uwadze. Tak. Przepraszam. Śmiało.

1217
01:11:53,360 --> 01:11:58,130
>> [Student] Jeśli chcę przetestować aplikację Windows na górze [niesłyszalne]

1218
01:11:58,130 --> 01:12:02,310
[Bowen] Tak. Pominąłem jedną rzecz też. Tak.

1219
01:12:02,310 --> 01:12:04,910
Odpowiem na pytanie pierwsze, to pokażę ci funkcję zapomniałem wspomnieć.

1220
01:12:04,910 --> 01:12:09,220
Mamy kilka maszyn dostępnych lokalnie. Przykro mi.

1221
01:12:09,220 --> 01:12:11,240
Pytanie, jak mogę sprawdzić, co na urządzeniach

1222
01:12:11,240 --> 01:12:14,230
jeśli nie zdarzy się, że mnóstwo rzeczy do wyboru?

1223
01:12:14,230 --> 01:12:17,130
[Guarin] Mamy pożyczył wam, myślę, 5 lub 6. Ile potrzebujesz?

1224
01:12:17,130 --> 01:12:20,940
[Student] Mamy 4 z nich. >> Ok. Macie 4 łupki się bawić z.

1225
01:12:20,940 --> 01:12:25,520
Więc na pewno niech każdy wie, proszę. [Śmiech] >> [Bowen] Niesamowite.

1226
01:12:25,520 --> 01:12:27,610
To nawet lepiej, niż odpowiedź miałem zamiar dać.

1227
01:12:27,610 --> 01:12:31,250
Mamy godziny pracy dla programistów, które robimy w naszym biurze

1228
01:12:31,250 --> 01:12:35,110
a teraz już wkrótce na Microsoft Store w Pru ponad,

1229
01:12:35,110 --> 01:12:37,010
ale Edwin już załatwione Ciebie.

1230
01:12:37,010 --> 01:12:42,180
Istnieją 4 łupki dostępne pożyczenie, do testów.

1231
01:12:42,180 --> 01:12:45,440
Nie idziemy. Jest przykładem tam jeden w górę.

1232
01:12:45,440 --> 01:12:47,340
Tak, tak, absolutnie. Świetnie.

1233
01:12:47,340 --> 01:12:52,700
Absolutnie zdecydowanie najlepszy sposób, żeby to sprawdzić, to się na urządzeniu.

1234
01:12:52,700 --> 01:12:56,810
Jeśli nie zdarzy się, że jeden jeszcze lub nie chcą przejść przez kampus w śniegu

1235
01:12:56,810 --> 01:13:01,130
chwycić jedną lub cokolwiek, istnieje sposób, aby zrobić to z powrotem w Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Jeśli wrócę do gdzie ja byłem tutaj, tutaj, a nie za pomocą komputera lokalnego

1237
01:13:10,360 --> 01:13:13,590
można podłączyć do zdalnego komputera, ale to nie jest to, co mówię tutaj.

1238
01:13:13,590 --> 01:13:16,830
Symulator jest rzeczą, że warto przyjrzeć się.

1239
01:13:16,830 --> 01:13:22,120
Będę działać w tym, i naprawdę, co to jest, to jest w istocie oknem na własnym systemie.

1240
01:13:22,120 --> 01:13:26,260
Tu jest rzeczywiście mój bieg system działa Contoso,

1241
01:13:26,260 --> 01:13:29,550
ale w sposób, który pozwala mi zmienić niektóre parametry realizacji,

1242
01:13:29,550 --> 01:13:31,060
Parametry środowiskowe.

1243
01:13:31,060 --> 01:13:34,150
Więc mogę powiedzieć tutaj: "Wiesz co?"

1244
01:13:34,150 --> 01:13:39,240
Och. Mam już uruchomiony w symulowanym 27-calowy monitor o rozdzielczości 2560.

1245
01:13:39,240 --> 01:13:44,930
Można łatwo spaść, że w dół i zobaczyć, co mój wniosek będzie zrobić z mniejszym ekranie

1246
01:13:44,930 --> 01:13:47,480
lub zmieniając ustawienia DPI lub cokolwiek.

1247
01:13:47,480 --> 01:13:50,700
Tak więc na małym ekranie, 10,6, co to będzie robić?

1248
01:13:50,700 --> 01:13:53,040
Że wciąż wygląda całkiem nieźle, prawda?

1249
01:13:53,040 --> 01:13:58,220
Będziemy chcieli, aby to zrobić, zwłaszcza, jeśli dołączamy do sklepu, bo robimy

1250
01:13:58,220 --> 01:14:00,480
w ramach procesu testowania.

1251
01:14:00,480 --> 01:14:02,400
A jeśli są problemy, takie jak, które,

1252
01:14:02,400 --> 01:14:06,160
to możesz uruchomić do problemu coraz certyfikowanych dla sklepu.

1253
01:14:06,160 --> 01:14:09,240
Ale to jest część symulatora. Naprawdę fajne. Bardzo łatwo to zrobić.

1254
01:14:09,240 --> 01:14:11,480
Można również użyć funkcji jak obracanie go także.

1255
01:14:11,480 --> 01:14:15,650
Mogę kliknąć tutaj, nie obracać, co ktoś miałby jako doświadczenie

1256
01:14:15,650 --> 01:14:20,970
obracanie ich łupków, ich tabletki, i za pomocą aplikacji z tego.

1257
01:14:20,970 --> 01:14:25,060
Istnieje też kilka innych rzeczy, takich jak emulacja dotykowym i innych rzeczy,

1258
01:14:25,060 --> 01:14:27,210
ustawienie GPS.

1259
01:14:27,210 --> 01:14:31,050
Mogę udawać, że jestem w innym miejscu i zobaczyć, co robi mój wniosek

1260
01:14:31,050 --> 01:14:34,690
gdy udaję, że jestem z powrotem w Seattle, czy coś.

1261
01:14:34,690 --> 01:14:41,970
Ale to jest bardzo przydatna funkcja, i to zarówno wbudowany w Visual Studio i Expression Blend.

1262
01:14:41,970 --> 01:14:44,460
Tak. Twoje pytanie.

1263
01:14:44,460 --> 01:14:48,530
>> [Student] Jeśli piszesz grę, ma Visual Studio ma żadnego wsparcia dla animacji?

1264
01:14:48,530 --> 01:14:55,550
Tak. Pytanie jest wokół wsparcia animacji, szczególnie w grach.

1265
01:14:55,550 --> 01:14:58,380
To zależy. [Chichocze]

1266
01:14:58,380 --> 01:15:06,870
Z JavaScript powiem jest prawdopodobnie mniej wsparcia niż jest na stronie XAML,

1267
01:15:06,870 --> 01:15:11,430
który ma terminów, ma storyboardy i rzeczy, które są wbudowane

1268
01:15:11,430 --> 01:15:18,710
Do animacji na aplikacje JavaScript, nie wiem, jak wiele odpowiedzi Chcę ci dać.

1269
01:15:18,710 --> 01:15:25,110
Mam środki na moim blogu, że przejść przez wiele opcji dla obu animacji fizyki,

1270
01:15:25,110 --> 01:15:29,280
opcje JavaScript zorientowanych gier na Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Chciałbym odwołać się do nich.

1272
01:15:31,300 --> 01:15:34,300
Zasadniczo, jest tak wiele możliwości wyboru.

1273
01:15:34,300 --> 01:15:37,770
Powodem jestem wahając jest tam tak wiele możliwości wyboru na ten animacje z JavaScript.

1274
01:15:37,770 --> 01:15:44,280
To może być CSS mogłoby być oparte na płótnie, może to być tylko podstawowe animacje Domi,

1275
01:15:44,280 --> 01:15:47,470
to może być wiele różnych rzeczy, więc to naprawdę zależy od Twojego wyboru.

1276
01:15:47,470 --> 01:15:55,790
Jeśli zdecydujesz się użyć czegoś takiego Create.js lub wapna lub innych rodzajów ram -

1277
01:15:55,790 --> 01:15:59,150
Cóż, nie jestem nawet pewien, że będziemy w stanie wykorzystać większą ramy końcowej

1278
01:15:59,150 --> 01:16:01,370
jak uderzenia lub Construct.

1279
01:16:01,370 --> 01:16:07,000
, Że ma tendencję do generowania więcej kodu niż można rozważyć od podstaw.

1280
01:16:07,000 --> 01:16:11,730
Ale w tych przypadkach, można nadal korzystać z symulatora, można użyć środowisk,

1281
01:16:11,730 --> 01:16:17,480
i staram się po prostu korzystać z tego środowiska do mojej platformy badawczej w tych przypadkach,

1282
01:16:17,480 --> 01:16:19,930
jak Zajmuję gry.

1283
01:16:19,930 --> 01:16:22,110
Byłem dobrze zwłaszcza z animacjami płótnie,

1284
01:16:22,110 --> 01:16:23,850
która jest prawdopodobnie najczęściej rzeczą.

1285
01:16:23,850 --> 01:16:27,360
Najlepiej będziesz prawdopodobnie jest narzędzia dev w przeglądarce

1286
01:16:27,360 --> 01:16:30,160
i narzędzia dev w Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Rodzaj meandrującej odpowiedzi tam, ale mam nadzieję, że mam swoją odpowiedź. Tak. Ty.

1288
01:16:34,610 --> 01:16:36,470
>> [Student] Jakie są możliwości przechowywania danych dla aplikacji systemu Windows 8?

1289
01:16:36,470 --> 01:16:41,100
Jakie są możliwości przechowywania danych dla aplikacji systemu Windows 8, Windows Store aplikacje?

1290
01:16:41,100 --> 01:16:46,790
Twoje opcje są naprawdę każda aplikacja otrzymuje własną pulę pamięci lokalnej

1291
01:16:46,790 --> 01:16:52,150
ustawień i danych, ale również śmiesznie łatwy w użyciu przechowywanie roamingu,

1292
01:16:52,150 --> 01:16:54,920
używać przechowywanie w chmurze. To nic nie kosztuje.

1293
01:16:54,920 --> 01:16:58,250
Co się dzieje, jest to w zasadzie wybrać inną klasę, a ty mówisz,

1294
01:16:58,250 --> 01:17:03,370
"roaming ustawienia, zapisać ten konkretny zestaw treści,"

1295
01:17:03,370 --> 01:17:06,050
a konta Microsoft, co oni podpisali się jako,

1296
01:17:06,050 --> 01:17:08,620
będzie kluczem do około roamingu te informacje.

1297
01:17:08,620 --> 01:17:13,790
Więc jeśli mogę skorzystać z gry na moim laptopie, a następnie zalogować się do tego samego konta

1298
01:17:13,790 --> 01:17:18,900
i grać w gry na powierzchni lub tabletkę,

1299
01:17:18,900 --> 01:17:23,610
który automatycznie wędrować to ustawienie i danych między tymi maszynami.

1300
01:17:23,610 --> 01:17:27,550
To jest domyślny rzeczą. To jest dobre dla pewnych ilości danych.

1301
01:17:27,550 --> 01:17:30,220
Nie byłoby umieścić ogromną bazę do nich.

1302
01:17:30,220 --> 01:17:35,350
Do tego trzeba, aby przejść do innych rodzajów rozwiązań, takich jak hosted bazy danych w chmurze,

1303
01:17:35,350 --> 01:17:36,690
takie rzeczy.

1304
01:17:36,690 --> 01:17:39,840
Są też inne opcje społeczności wokół innych rodzajów technologii przetwarzania danych.

1305
01:17:39,840 --> 01:17:42,920
Widziałem kilka opcji w SQLite społeczności wokół tam.

1306
01:17:42,920 --> 01:17:46,690
Więc coraz bardziej pojawiają, ale to są podstawowe rzeczy, które szukać w kierunku

1307
01:17:46,690 --> 01:17:49,430
do gry lub aplikacji.

1308
01:17:49,430 --> 01:17:50,610
I trzeba było pytanie z tyłu też.

1309
01:17:50,610 --> 01:18:02,390
>> [Student] W zakresie sieci [niesłyszalne] przesyłania lub pobierania plików [niesłyszalne]

1310
01:18:02,390 --> 01:18:04,870
[Bowen] Czy twoje pytanie, jak można zauważyć, że ani w jaki sposób można debugować, że i przetestować?

1311
01:18:04,870 --> 01:18:10,630
[Student] Jak to debugowania [niesłyszalne]

1312
01:18:10,630 --> 01:18:12,670
Przepraszam. Nie słyszę wszystko.

1313
01:18:12,670 --> 01:18:16,480
[Student] Jak uzyskać to błąd, a także testowane [niesłyszalne]

1314
01:18:16,480 --> 01:18:17,490
Świetnie. Świetnie.

1315
01:18:17,490 --> 01:18:21,860
Jak pracować z sieci? Jak można zobaczyć, co się dzieje?

1316
01:18:21,860 --> 01:18:23,620
Istnieje wiele różnych odpowiedzi na to jedno,

1317
01:18:23,620 --> 01:18:26,420
ale pozwól mi pokazać, chyba najprostszy rzeczy tutaj.

1318
01:18:26,420 --> 01:18:29,350
Pozwól mi pozbyć symulatora na sekundę.

1319
01:18:29,350 --> 01:18:31,740
Opcje debugowania tylko kilka do sieci.

1320
01:18:31,740 --> 01:18:36,070
Jest pełen stos sieciowy pieczone w prawo w poziomie zarówno WinRT i od WinJS,

1321
01:18:36,070 --> 01:18:42,810
dzięki czemu można bardzo łatwo xhr typu AJAX wymaga od gry lub aplikacji, aby to zrobić.

1322
01:18:42,810 --> 01:18:47,250
Przede wszystkim staram się korzystać z 2 rzeczy.

1323
01:18:47,250 --> 01:18:53,660
Używam dev rzeczywiste samych narzędzi, które mają stosu sieciowego piecze się nimi.

1324
01:18:53,660 --> 01:18:55,870
Pokażę wam stronę główną systemu Windows.

1325
01:18:55,870 --> 01:19:02,730
Mogę to uzupełnić, a tam rzeczywiście proxy sieci pieczone na tych narzędzi tutaj.

1326
01:19:02,730 --> 01:19:08,390
Więc mogę to zrobić, mogę odświeżyć stronę, a to będzie mi pokazać wszystkie interakcje,

1327
01:19:08,390 --> 01:19:14,550
w tym AJAX wzywa do tej sesji, na czas trwania tego wniosku jest.

1328
01:19:14,550 --> 01:19:17,600
Jest to użyteczne. To będzie bardzo przydatne dla aplikacji opartych na przeglądarce.

1329
01:19:17,600 --> 01:19:20,470
W przypadku innych rodzajów aplikacji, w tym aplikacji systemu Windows Store,

1330
01:19:20,470 --> 01:19:23,970
Użyć narzędzia o nazwie Fiddler.

1331
01:19:23,970 --> 01:19:29,650
Masz zamiar dostać grę w odpowiedzi. [Chichocze]

1332
01:19:29,650 --> 01:19:32,750
Skrzypek jest proste proxy. Myślę, że mogę pokazać, że do ciebie.

1333
01:19:32,750 --> 01:19:40,190
To tylko GetFiddler.com, które, co ciekawe, mam stos śledzenia mojej sieci

1334
01:19:40,190 --> 01:19:41,740
będzie GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
Ale tak czy inaczej, Skrzypek został napisany przez jednego z premierów w zespole IG,

1336
01:19:45,700 --> 01:19:48,290
więc wie, co robi.

1337
01:19:48,290 --> 01:19:52,630
To jest dobre proxy, które można używać do ruchu sieciowego debugowania.

1338
01:19:52,630 --> 01:19:55,730
Nie polecam. Pytanie tam zbyt.

1339
01:19:55,730 --> 01:19:58,050
>> [Student] Czy istnieje łatwy sposób zintegrować wejście języków obcych,

1340
01:19:58,050 --> 01:20:00,810
jak japoński czy chiński, do aplikacji systemu Windows?

1341
01:20:00,810 --> 01:20:03,240
Nie mogę powiedzieć, że zrobiłem zbyt wiele sobie, ale jest pieczony w.

1342
01:20:03,240 --> 01:20:08,470
Nie ma możliwości oczywiście emitujące aplikacji - Przepraszam, ja nie powiedziałem na pytanie -

1343
01:20:08,470 --> 01:20:11,100
Opcje w globalizacji, lokalizacja zawartości,

1344
01:20:11,100 --> 01:20:14,320
w tym takie rzeczy jak możliwość sprzedaży na różnych rynkach

1345
01:20:14,320 --> 01:20:19,190
i cel tej wersji aplikacji dla tych poszczególnych językach

1346
01:20:19,190 --> 01:20:21,080
lub kultury i takie rzeczy. Absolutnie wbudowane

1347
01:20:21,080 --> 01:20:22,980
Mieliśmy wsparcie, które na zawsze,

1348
01:20:22,980 --> 01:20:26,630
i przenosi do opcji dla systemu Windows Store.

1349
01:20:26,630 --> 01:20:30,450
Możesz to zrobić w samym sklepie, sprzedaży na różnych rynkach,

1350
01:20:30,450 --> 01:20:34,050
można to zrobić w aplikacji, a także z korzystania z zasobów w celu określenia,

1351
01:20:34,050 --> 01:20:42,220
"Jeśli mam opracowane dla tej kultury, a następnie użyć takich zmian dla mojej zawartości tekstowej

1352
01:20:42,220 --> 01:20:44,510
"Lub użyć prawej do lewej strony czytelnika."

1353
01:20:44,510 --> 01:20:51,290
Te są częścią WinJS domyślnych i WinRT API. Dobre pytanie.

1354
01:20:51,290 --> 01:20:54,770
>> Jak nam idzie? Wszelkie inne?

1355
01:20:54,770 --> 01:20:58,850
A jeśli ktoś ma pytania na wideo, mam cbowen @ microsoft,

1356
01:20:58,850 --> 01:21:02,790
więc jestem szczęśliwy, że na wszelkie pytania z przyszłości.

1357
01:21:02,790 --> 01:21:05,690
Bardzo - Z przyszłości, przyszłości [naśladuje echo].

1358
01:21:05,690 --> 01:21:09,140
Więc o to mnie. Ujmę powrotem mój kontakt tutaj.

1359
01:21:09,140 --> 01:21:11,840
Więc po prostu wysłać do mnie wiadomości, cbowen @ Microsoft,

1360
01:21:11,840 --> 01:21:15,190
i będę się do ciebie, jak tylko będę mógł.

1361
01:21:15,190 --> 01:21:19,010
>> Coś jeszcze, że się zastanawiasz? Jesteśmy dobrze?

1362
01:21:19,010 --> 01:21:24,050
Świetnie. Dobrze. Dziękuję wszystkim bardzo. Doceniam to. [Oklaski]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]