1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Seminar - Windows 8 - Pembangunan App / Permainan dengan HTML5]

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

3
00:00:05,090 --> 00:00:07,350
[Ini adalah CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Hey, semua orang. Nama saya Edwin Guarin. Ini adalah Chris Bowen.

5
00:00:10,290 --> 00:00:12,310
Saya akan memberitahu beliau memperkenalkan dirinya dalam satu saat.

6
00:00:12,310 --> 00:00:14,100
Saya hanya mahu membuat pengumuman yang cepat.

7
00:00:14,100 --> 00:00:18,340
Pertama sekali, semua yang anda CS50 pelajar mendapatkan Windows 8 secara percuma.

8
00:00:18,340 --> 00:00:23,150
Jadi, jika anda berfikir tentang sebenarnya menggunakannya untuk projek akhir anda, ia adalah milik anda.

9
00:00:23,150 --> 00:00:25,740
Nate akan menghantar e-mel kemudian untuk arahan.

10
00:00:25,740 --> 00:00:32,850
Perkara kedua ialah jika anda membuat keputusan untuk menulis aplikasi Windows 8 untuk projek akhir CS50 anda,

11
00:00:32,850 --> 00:00:35,870
kita akan melakukan beberapa giveaways: sebuah Xbox,

12
00:00:35,870 --> 00:00:38,870
kita mungkin dapat memberikan senarai calon yang jauh, barangan seperti itu.

13
00:00:38,870 --> 00:00:42,460
Jadi, jika ada apa-apa yang memegang anda kembali, mari Chris atau saya tahu

14
00:00:42,460 --> 00:00:45,010
bagaimana kita boleh membantu anda membina sesuatu benar-benar sejuk.

15
00:00:45,010 --> 00:00:48,580
Jadi terima kasih sekali lagi untuk datang hari ini, dan saya akan menyerahkannya kepada Chris.

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

17
00:00:51,000 --> 00:00:52,740
Terima kasih, semua orang, untuk menyertai kami hari ini.

18
00:00:52,740 --> 00:00:55,800
Saya Chris Bowen. Saya merupakan salah seorang rakan sekerja Edwin di sini di Timur Laut.

19
00:00:55,800 --> 00:00:58,310
Saya hanya mahu menghabiskan sedikit masa dengan anda bercakap tentang

20
00:00:58,310 --> 00:01:03,730
bagaimana untuk membuat sebuah aplikasi Windows Store dengan HTML5, JavaScript, dan CSS

21
00:01:03,730 --> 00:01:07,310
dan jenis mendapat apa-apa soalan yang anda ada tentang hal itu menjawab untuk anda

22
00:01:07,310 --> 00:01:12,920
kerana anda sedang mencari ke arah memikirkan mungkin menggunakannya untuk CS50 akhir peluang.

23
00:01:12,920 --> 00:01:14,980
>> Yang berkata, kita hanya akan menyelam hak masuk

24
00:01:14,980 --> 00:01:17,190
Saya akan pergi ke slaid di sini.

25
00:01:17,190 --> 00:01:19,440
Jika anda mempunyai sebarang soalan, berasa bebas untuk menghantar e-mel saya.

26
00:01:19,440 --> 00:01:23,460
Saya cbowen@microsoft.com, dan ada blog saya dan Twitter saya.

27
00:01:23,460 --> 00:01:26,330
Walau bagaimanapun anda mahu untuk berhubung dengan saya, itu baik.

28
00:01:26,330 --> 00:01:30,110
Saya ada kira-kira sejam barangan, dan saya ingin mendapatkan soalan-soalan anda di sepanjang jalan,

29
00:01:30,110 --> 00:01:33,720
jadi jangan segan untuk mempunyai soalan semasa ini.

30
00:01:33,720 --> 00:01:36,470
Mereka tidak dapat melihat siapa yang bertanya soalan pada rakaman,

31
00:01:36,470 --> 00:01:39,090
jadi anda akan sebagai tanpa nama yang anda mahu menjadi.

32
00:01:39,090 --> 00:01:42,780
>> Biar saya menyelam betul-betul di, hanya memberikan pengenalan cepat untuk Windows 8,

33
00:01:42,780 --> 00:01:47,400
dan menunjukkan kepada anda beberapa perkara mengenai aplikasi Windows Store yang anda boleh mempertimbangkan

34
00:01:47,400 --> 00:01:49,530
sebagai anda berfikir tentang membangunkan aplikasi.

35
00:01:49,530 --> 00:01:52,660
Kami sedang mencari di Windows 8. Kami telah keluar untuk beberapa minggu sekarang.

36
00:01:52,660 --> 00:01:55,810
Banyak penggunaan kuat di luar sana sudah.

37
00:01:55,810 --> 00:01:59,800
Anda mungkin telah melihat sudah mesin Permukaan yang kita ada juga.

38
00:01:59,800 --> 00:02:03,730
Ada satu di sini sebenarnya anda boleh lihat jika anda di sini secara peribadi.

39
00:02:03,730 --> 00:02:07,530
Saya benar-benar mahu bercakap dengan anda, menunjukkan kepada anda sekitar sedikit tentang Windows 8.

40
00:02:07,530 --> 00:02:10,759
Idea dengan Windows 8, ia benar-benar membawa ke hadapan semua barangan yang anda tahu mengenai Windows

41
00:02:10,759 --> 00:02:16,840
ke dalam beberapa pengalaman baru - khususnya, perkara suka pada mesin Permukaan dengan sentuhan,

42
00:02:16,840 --> 00:02:20,000
ini jenis lebih peranti mudah alih yang kini di pasaran,

43
00:02:20,000 --> 00:02:22,360
tetapi ia juga Windows pada terasnya.

44
00:02:22,360 --> 00:02:25,850
Jadi ia bermakna anda boleh memasang ia benar-benar apa-apa yang berjalan Windows 7,

45
00:02:25,850 --> 00:02:30,770
dari SLI tiga anda permainan pelantar terbesar ke komputer riba anda

46
00:02:30,770 --> 00:02:36,200
dan berkilat peranti baru anda yang lain yang anda mungkin mengambil hari ini.

47
00:02:36,200 --> 00:02:38,450
Mereka akan menjalankan Windows 8.

48
00:02:38,450 --> 00:02:40,530
Saya akan menunjukkan kepada anda sekitar hanya sedikit,

49
00:02:40,530 --> 00:02:44,670
dan semua pengalaman yang anda akan lihat di sini adalah perkara-perkara yang anda boleh buat.

50
00:02:44,670 --> 00:02:47,760
Idea ini adalah sama ada sentuhan, tetikus, papan kekunci,

51
00:02:47,760 --> 00:02:51,870
apa sahaja peranti ini adalah bahawa anda menjalankan aplikasi anda, ia akan berjalan hebat.

52
00:02:51,870 --> 00:02:55,180
Windows 8 akan membantu dengan semua senario.

53
00:02:55,180 --> 00:02:59,600
>> Ini slaid diketepikan, mari kita hanya mendapatkan hak ke dalam mengambil lihat di sekeliling di sini.

54
00:02:59,600 --> 00:03:03,270
Biar saya tunjukkan kepada anda sekitar skrin rumah saya. Ini adalah skrin Mula saya.

55
00:03:03,270 --> 00:03:05,810
Saya hanya akan memberikan sedikit pelancongan di sini.

56
00:03:05,810 --> 00:03:09,610
Saya pada mesin bukan sentuh, supaya banyak yang saya mahu menyentuh skrin komputer riba saya,

57
00:03:09,610 --> 00:03:13,400
ia tidak akan melakukan sesuatu perkara, jadi saya hanya akan tatal sekitar sini sedikit dan menunjukkan kepada anda.

58
00:03:13,400 --> 00:03:17,950
Beberapa perkara yang anda mungkin notis adalah hakikat bahawa apa yang dipanggil jubin hidup

59
00:03:17,950 --> 00:03:21,470
sebenarnya boleh bernyawa, dan mereka boleh memberi maklumat kepada anda -

60
00:03:21,470 --> 00:03:24,750
mungkin kemas kini statistik untuk permainan

61
00:03:24,750 --> 00:03:30,970
atau menunjukkan kepada anda berita dari beberapa aplikasi sebelum ini bahawa di sini di sebelah kiri.

62
00:03:30,970 --> 00:03:35,350
Di sana kami pergi. Saya pasti ia hanya positif dan berita fantastically besar.

63
00:03:35,350 --> 00:03:38,450
Anda boleh lihat di sini ia benar-benar menarik perhatian anda kembali ke apl, dengan berkata,

64
00:03:38,450 --> 00:03:43,010
"Hei, ada sesuatu yang baru di sini. Sila lihat. Datang kembali dan melihat apa yang baru untuk anda."

65
00:03:43,010 --> 00:03:45,320
Yang dinamakan jubin secara langsung, dan anda boleh melakukan pemberitahuan

66
00:03:45,320 --> 00:03:47,070
sama ada betul dari permohonan itu sendiri

67
00:03:47,070 --> 00:03:52,220
atau jika anda melihat dengan lebih terperinci, anda akan mengetahui bagaimana untuk menulis perkhidmatan jauh

68
00:03:52,220 --> 00:03:54,340
yang benar-benar boleh menolak maklumat kepada jubin,

69
00:03:54,340 --> 00:03:56,520
iaitu apa yang berlaku dengan aplikasi berita.

70
00:03:56,520 --> 00:04:00,080
Mereka sebenarnya mendapat berita dari langit dan mengemaskini jubin di sana

71
00:04:00,080 --> 00:04:03,710
supaya orang tahu ada sebab untuk membuka permohonan dan melihat

72
00:04:03,710 --> 00:04:06,950
pada apa sahaja berita terkini adalah dalam mana-mana

73
00:04:06,950 --> 00:04:10,060
atau jika ada resipi baru atau skor tinggi baru untuk mengalahkan

74
00:04:10,060 --> 00:04:13,560
atau bermain kawan atau apa sahaja pada aplikasi ini.

75
00:04:13,560 --> 00:04:15,550
Ia sesuatu untuk menarik anda kembali masuk

76
00:04:15,550 --> 00:04:18,640
Jadi, itu jubin secara langsung, dan ia boleh menjadi seseorang, ia boleh menjadi sebuah laman web juga.

77
00:04:18,640 --> 00:04:20,790
Biasanya ia permohonan.

78
00:04:20,790 --> 00:04:25,320
>> Hampir semua perkara-perkara yang saya ada di sini datang dari Kedai Windows. Saya akan melancarkan itu.

79
00:04:25,320 --> 00:04:27,890
Ia adalah salah satu aplikasi yang anda dapat dengan lalai

80
00:04:27,890 --> 00:04:30,350
di mana-mana mesin yang sedang berjalan Windows 8.

81
00:04:30,350 --> 00:04:33,040
Anda boleh datang ke sini untuk mencari apa sahaja yang anda akan mahu,

82
00:04:33,040 --> 00:04:37,240
daripada perkara-perkara yang disorotkan untuk permainan yang saya tidak pernah melihat sebelum ini.

83
00:04:37,240 --> 00:04:39,440
Oh, wow, kami telah mendapat pinball baru di sini.

84
00:04:39,440 --> 00:04:41,580
Anda boleh memasang ini di sini dari kedai,

85
00:04:41,580 --> 00:04:43,420
dan kita akan bercakap tentang bagaimana untuk membangunkan ini.

86
00:04:43,420 --> 00:04:45,670
Anda mempunyai banyak pilihan dalam bagaimana anda mencipta mereka.

87
00:04:45,670 --> 00:04:49,020
Kami akan memberi tumpuan dalam cerita JavaScript dengan HTML dan CSS,

88
00:04:49,020 --> 00:04:52,790
tetapi kepada pengguna, kepada pembeli aplikasi, tidak kira apa yang telah ditulis masuk

89
00:04:52,790 --> 00:04:54,670
Mereka boleh pergi ke hadapan dan bekerja dengannya.

90
00:04:54,670 --> 00:04:57,870
Saya tertarik dengan satu ini, jadi saya perlu membuka ini dan mengambil melihat.

91
00:04:57,870 --> 00:05:02,310
Setiap aplikasi, termasuk orang-orang yang anda boleh mengemukakan dan menjual atau memberi secara percuma,

92
00:05:02,310 --> 00:05:06,240
apa sahaja yang anda mahu lakukan di kedai, akan mendapat halaman rumah seperti ini.

93
00:05:06,240 --> 00:05:10,750
Anda boleh mengemukakan permohonan anda sekumpulan tembakan skrin - anda melihat beberapa di sini -

94
00:05:10,750 --> 00:05:15,970
butiran mengenai permohonan itu, dan dari masa ke masa anda akan mengumpul kedua-dua penilaian -

95
00:05:15,970 --> 00:05:19,020
mereka pada dasarnya hanya penarafan bintang - dan ulasan,

96
00:05:19,020 --> 00:05:20,690
yang memberi gambaran yang lebih sedikit.

97
00:05:20,690 --> 00:05:24,380
Sebenarnya, seseorang telah menaip sesuatu dan memberitahu anda bagaimana hebat anda,

98
00:05:24,380 --> 00:05:29,300
dan yang akan pergi ke dalam seksyen Ulasan anda di sini, yang saya tidak memandang.

99
00:05:29,300 --> 00:05:33,890
Hebat. "Adakah tidak boleh dibuka." Bagaimana besar.

100
00:05:33,890 --> 00:05:39,000
Nah, bagi orang yang baginya ini tidak terbuka dan berlari, mereka seolah-olah benar-benar menikmatinya. [Ketawa]

101
00:05:39,000 --> 00:05:43,770
Simpan ini dalam fikiran. Internet. Sesiapa pun boleh mengatakan apa yang mereka mahu mengenai aplikasi anda.

102
00:05:43,770 --> 00:05:45,780
Jadi pastikan anda sedang melakukan pekerjaan yang besar dengan itu,

103
00:05:45,780 --> 00:05:49,030
pastikan anda menjadikan ia sebagai selesa untuk pengguna yang anda boleh

104
00:05:49,030 --> 00:05:52,720
kerana mereka pasangan klik dari menyediakan kajian semula,

105
00:05:52,720 --> 00:05:55,870
dan yang akan mengumpul sehingga Kedudukan kajian keseluruhan anda.

106
00:05:55,870 --> 00:05:58,990
Dan anda mahu melakukan yang terbaik kerana anda akan menentang aplikasi lain.

107
00:05:58,990 --> 00:06:01,830
Akan ada beribu-ribu aplikasi yang telah di kedai,

108
00:06:01,830 --> 00:06:06,880
dan kemungkinan besar, mungkin ada sesuatu yang tidak fungsi sama dengan apa yang anda lakukan.

109
00:06:06,880 --> 00:06:12,740
Jadi, jika anda benar-benar boleh menonjol daripada orang ramai, yang akan memberi kelebihan kepada anda, sudah tentu.

110
00:06:12,740 --> 00:06:15,300
>> Kami akan masuk ke dalam kedai sedikit kemudian.

111
00:06:15,300 --> 00:06:17,090
Saya benar-benar mahu memberi tumpuan kepada mewujudkan aplikasi.

112
00:06:17,090 --> 00:06:20,760
Tetapi versi pendek kedai adalah pengedaran di seluruh dunia,

113
00:06:20,760 --> 00:06:25,430
ia secara automatik sebahagian daripada Windows 8, orang hanya api itu dan lihat pelbagai aplikasi di sini,

114
00:06:25,430 --> 00:06:29,070
anda mempunyai Sticker Book Pakaian-Up dan semua jenis pelbagai aplikasi.

115
00:06:29,070 --> 00:06:33,690
Cat Segar, saya menggunakan ini banyak - baik, tetapi saya menggunakan banyak.

116
00:06:33,690 --> 00:06:36,080
Ia menunjukkan saya saya sudah memiliki ia.

117
00:06:36,080 --> 00:06:41,280
Biar saya tunjukkan kepada anda sesuatu yang saya tidak mempunyai - UVideos Saya tidak mempunyai sebagai jenama baru.

118
00:06:41,280 --> 00:06:43,660
Anda lihat di sini secara percuma, jadi anda boleh memasang dengan betul dari kedai.

119
00:06:43,660 --> 00:06:46,430
Anda mempunyai pilihan juga. Anda boleh sudah tentu memberikan diri.

120
00:06:46,430 --> 00:06:49,660
Anda boleh meletakkan iklan dalam aplikasi atau permainan.

121
00:06:49,660 --> 00:06:54,770
Anda juga boleh mengenakan bayaran untuk itu, dan anda dengan mudah boleh menyediakan satu perbicaraan bagi permohonan dan juga

122
00:06:54,770 --> 00:06:58,220
supaya anda boleh membiarkan orang cuba ia selama seminggu atau apa sahaja yang anda mahu lakukan.

123
00:06:58,220 --> 00:07:01,540
Itu hanya disesuaikan menerusi portal ini. Anda tidak menulis apa-apa kod untuk itu.

124
00:07:01,540 --> 00:07:03,990
Jadi, anda berkata, "Anda boleh menggunakan ini untuk seminggu dan kemudian anda perlu membelinya,"

125
00:07:03,990 --> 00:07:07,130
atau anda boleh melakukan perkara-perkara seperti, "Anda boleh memainkan 3 tahap pertama permainan ini

126
00:07:07,130 --> 00:07:09,820
"Dan kemudian anda perlu membeli untuk mengakses yang lain."

127
00:07:09,820 --> 00:07:12,310
Anda juga boleh lakukan di-app pembelian juga, jadi anda boleh berkata,

128
00:07:12,310 --> 00:07:17,880
"Kami mempunyai pengembaraan tambahan atau set grafik atau perkara-perkara yang tidak dikunci -

129
00:07:17,880 --> 00:07:21,430
"Lebih resipi yang tidak dikunci -. Jika anda membeli set dilanjutkan"

130
00:07:21,430 --> 00:07:24,260
Dan anda boleh melakukan itu semua dalam aplikasi atau permainan itu sendiri.

131
00:07:24,260 --> 00:07:26,070
Jadi, benar-benar terpulang kepada anda, pilihan anda.

132
00:07:26,070 --> 00:07:28,070
Ada banyak perkara yang boleh anda lakukan di kedai,

133
00:07:28,070 --> 00:07:31,660
dan kemudian pada dasarnya anda menyerahkannya kepada saluran pensijilan.

134
00:07:31,660 --> 00:07:35,380
Kita boleh bercakap tentang bahawa sedikit kemudian, tetapi ini adalah matlamat.

135
00:07:35,380 --> 00:07:40,410
Anda ingin mendapatkan penglihatan di seluruh dunia aplikasi anda di kedai di sini.

136
00:07:40,410 --> 00:07:44,170
>> Kembali pada skrin Mula di sini, saya ingin menunjukkan kepada anda sekitar sedikit lebih.

137
00:07:44,170 --> 00:07:50,580
Jika saya melancarkan aplikasi ini, biarlah saya memberikan satu contoh beberapa fungsi silang aplikasi di sini.

138
00:07:50,580 --> 00:07:53,070
Untuk itu, saya akan melancarkan Cat Segar.

139
00:07:53,070 --> 00:07:55,550
Satu perkara yang anda akan lihat di sini adalah setiap bit tunggal skrin,

140
00:07:55,550 --> 00:07:58,040
semua piksel skrin, pergi ke aplikasi anda.

141
00:07:58,040 --> 00:08:01,990
Sudah hari-hari di mana anda mempunyai sempadan ini sekitar tingkap

142
00:08:01,990 --> 00:08:05,120
dengan banyak butang yang sentiasa ada mengambil ruang sepanjang masa.

143
00:08:05,120 --> 00:08:09,430
Sekarang anda benar-benar ingin lari dari itu dan hanya mempunyai kandungan anda menjadi tumpuan.

144
00:08:09,430 --> 00:08:13,710
Kita boleh melakukan perkara-perkara dengan Windows dengan mengakses jenis lain menu.

145
00:08:13,710 --> 00:08:16,840
Salah seorang daripada mereka adalah sebenarnya apa yang dipanggil bar azimat itu,

146
00:08:16,840 --> 00:08:18,870
dan ia keluar dari tepi skrin.

147
00:08:18,870 --> 00:08:21,270
Anda sebenarnya boleh jentik dari sebelah jika anda mempunyai skrin sentuh,

148
00:08:21,270 --> 00:08:24,840
anda boleh klik kanan jika anda mempunyai tetikus, ada jalan pintas papan kekunci untuk itu,

149
00:08:24,840 --> 00:08:29,490
selalu ada lebih daripada satu cara untuk melakukan sesuatu dalam persekitaran di sini.

150
00:08:29,490 --> 00:08:31,680
Yang membawa keluar beberapa perkara yang boleh anda lakukan.

151
00:08:31,680 --> 00:08:33,870
Yang paling jelas ialah anda boleh kembali ke skrin Start,

152
00:08:33,870 --> 00:08:36,780
tetapi yang lain 4 adalah apa yang dipanggil azimat.

153
00:08:36,780 --> 00:08:41,059
Mereka adalah kontrak yang anda boleh palam ke dalam sebagai pemaju aplikasi. Mereka agak sejuk.

154
00:08:41,059 --> 00:08:43,340
Carian, saya yakin bahawa sesuatu yang anda akan lakukan,

155
00:08:43,340 --> 00:08:44,950
berkongsi saya akan menunjukkan kepada anda dalam kedua,

156
00:08:44,950 --> 00:08:48,450
dan Peranti dan Tetapan, semua ini adalah perkara-perkara yang aplikasi anda boleh palam ke dalam

157
00:08:48,450 --> 00:08:51,960
memanfaatkan Windows, untuk mengatakan, "Saya telah melakukan bahagian saya

158
00:08:51,960 --> 00:08:54,700
"Dan saya mahu Windows untuk menyokong beberapa fungsi lain,

159
00:08:54,700 --> 00:08:56,750
"Dan saya tidak mahu menulis banyak kod untuk membuat yang berlaku."

160
00:08:56,750 --> 00:08:59,480
Itu benar-benar manfaat menggunakan ciri-ciri ini.

161
00:08:59,480 --> 00:09:01,340
Biar saya tunjukkan kepada anda satu.

162
00:09:01,340 --> 00:09:05,170
Untuk melakukan itu, saya akan membuat lukisan baru.

163
00:09:05,170 --> 00:09:08,240
Saya juga bercakap tentang menggunakan setiap piksel untuk aplikasi anda.

164
00:09:08,240 --> 00:09:11,850
Secara lalai, ini adalah apa yang app cat kelihatan seperti apabila anda menggunakannya.

165
00:09:11,850 --> 00:09:14,960
Ia benar-benar hanya kira-kira apa sahaja yang anda sedang melukis, kandungan anda.

166
00:09:14,960 --> 00:09:20,850
Saya boleh melakukan perkara-perkara yang dahsyat di sini. Apakah yang perlu saya menarik? Saya tidak tahu.

167
00:09:20,850 --> 00:09:23,110
Contengan? Oh, hebat. Yang boleh saya lakukan contengan. Hebat.

168
00:09:23,110 --> 00:09:25,130
A ayam belanda? [Ketawa]

169
00:09:25,130 --> 00:09:28,500
Ini adalah ayam belanda yang paling abstrak anda akan melihat.

170
00:09:28,500 --> 00:09:31,780
Saya juga boleh membawa apa yang dipanggil bar aplikasi,

171
00:09:31,780 --> 00:09:33,850
dan ini adalah benar-benar salah satu cara utama yang anda boleh gunakan

172
00:09:33,850 --> 00:09:37,210
untuk menyembunyikan diri semua barangan yang mungkin telah di aplikasi atau permainan anda sebelum

173
00:09:37,210 --> 00:09:39,570
hanya mengambil ruang sepanjang masa.

174
00:09:39,570 --> 00:09:43,270
Jadi sekarang anda boleh meletakkan ia di sini, dan ini adalah benar-benar salah satu pengalaman yang lebih cantik

175
00:09:43,270 --> 00:09:46,380
dengan bar app yang saya lihat.

176
00:09:46,380 --> 00:09:48,800
Letakkan pilihan di sini untuk memilih warna yang berbeza.

177
00:09:48,800 --> 00:09:54,310
Kami mahu ayam belanda, jadi kami akan meletakkan beberapa coklat di sini, mula mencampurkan dalam beberapa warna.

178
00:09:54,310 --> 00:09:58,790
Kami akan mengambil warna pengantara di sini dan kemudian kembali di sini.

179
00:09:58,790 --> 00:10:02,990
Anda boleh memulakan lukisan. Ada ayam belanda anda. Hebat.

180
00:10:02,990 --> 00:10:07,660
Saya tidak boleh menarik untuk memulakan dengan, tetapi untuk melakukannya dengan touchpad di hadapan penonton adalah lebih baik.

181
00:10:07,660 --> 00:10:09,640
Ini adalah hebat.

182
00:10:09,640 --> 00:10:13,030
Idea ini, walaupun, adalah segala-galanya yang saya mengambil berat tentang yang benar di sini di permukaan.

183
00:10:13,030 --> 00:10:17,060
Katakan Saya amat berpuas hati dengan ini bahawa saya telah mendapat untuk berkongsi dengan seseorang.

184
00:10:17,060 --> 00:10:19,680
Biasanya apa yang akan anda lakukan dengan versi lain Windows,

185
00:10:19,680 --> 00:10:22,900
anda mungkin akan mengambil satu pukulan skrin, anda akan melakukan beberapa salinan-tampal teks anda

186
00:10:22,900 --> 00:10:24,950
atau perkara-perkara seperti itu yang anda mahu untuk berkongsi keluar,

187
00:10:24,950 --> 00:10:27,260
dan kemudian pergi dan membuka aplikasi lain dan meletakkan ia ke dalam ia.

188
00:10:27,260 --> 00:10:28,630
Di sini anda tidak perlu berbuat demikian.

189
00:10:28,630 --> 00:10:32,400
Anda sebenarnya boleh membawa keluar bar azimat dan berkata, "Saya mahu berkongsi ini."

190
00:10:32,400 --> 00:10:35,000
Pada ketika ini ia akan menunjukkan kepada anda semua aplikasi

191
00:10:35,000 --> 00:10:38,080
yang tahu bagaimana untuk bekerja dengan apa sahaja yang dapat dikongsi bersama.

192
00:10:38,080 --> 00:10:41,590
Dalam kes ini ia gambar, jadi ia akan berkata, "Saya melihat anda mempunyai gambar."

193
00:10:41,590 --> 00:10:45,590
"Adakah anda ingin berkongsi?" Anda boleh melihat melalui e-mel sendiri barangan sepanjang masa.

194
00:10:45,590 --> 00:10:49,420
Ia mengakui bahawa, dan ia menawarkan saya bahawa sebagai jalan pintas,

195
00:10:49,420 --> 00:10:53,270
tetapi ia juga menunjukkan saya setiap aplikasi yang tahu bagaimana untuk berurusan dengan mengambil gambar

196
00:10:53,270 --> 00:10:55,520
dan melakukan sesuatu dengannya.

197
00:10:55,520 --> 00:10:57,890
Ini telah ditunjukkan semua untuk Windows yang mereka boleh berbuat demikian.

198
00:10:57,890 --> 00:10:59,240
Pada ketika ini ini adalah Windows.

199
00:10:59,240 --> 00:11:01,680
Pengguna hanya memilih apa yang mereka mahu lakukan dengannya.

200
00:11:01,680 --> 00:11:06,610
Saya akan melakukan yang biasa saya PuzzleTouch. Anda boleh melihat saya telah membuat semua jenis teka-teki masa ke masa.

201
00:11:06,610 --> 00:11:11,790
Saya akan mengambil PuzzleTouch dan berkata, "Saya ingin berkongsi ciptaan hebat ini dengan PuzzleTouch."

202
00:11:11,790 --> 00:11:16,670
Ia akan pergi ke hadapan dan berkata, "Besar. Anda ingin berkongsi ini? Telefon bimbit."

203
00:11:16,670 --> 00:11:19,260
"Adakah anda mahu membuat teka-teki yang mudah, pertengahan, apa sahaja?"

204
00:11:19,260 --> 00:11:20,800
Saya akan membuat satu pengantara di sini.

205
00:11:20,800 --> 00:11:24,890
Ia membuat teka-teki. Ia akan menjadi teka-teki yang amat berat kerana ia kebanyakannya kosong.

206
00:11:24,890 --> 00:11:28,100
Tetapi ia bersedia, dan ia benar-benar kembali dalam permohonan itu yang lain.

207
00:11:28,100 --> 00:11:32,360
Jika saya datang di sini, saya boleh mencari untuk itu dan melancarkannya.

208
00:11:32,360 --> 00:11:38,100
Sekarang jika kita tatal ke atas hanya sedikit di sini, kita harus melihat ciptaan saya di suatu tempat.

209
00:11:38,100 --> 00:11:42,930
Di mana saya pergi? Apakah jenis teka-teki yang saya buat? Adakah saya membuat ia mudah?

210
00:11:42,930 --> 00:11:46,110
Oh, ada ia adalah, di sana.

211
00:11:46,110 --> 00:11:49,550
[Chuckles] Ia adalah teka-teki ayam belanda mudah dikenali bahawa di sini.

212
00:11:49,550 --> 00:11:52,360
Tetapi perkara yang saya ingin menunjukkan kepada anda, perkara yang sejuk di sini

213
00:11:52,360 --> 00:11:54,710
adalah aplikasi tidak tahu apa-apa tentang satu sama lain.

214
00:11:54,710 --> 00:11:58,740
Mereka hanya berkata, "Saya ada satu gambar untuk berkongsi, dan saya tahu bagaimana untuk berurusan dengan gambar-gambar."

215
00:11:58,740 --> 00:12:01,420
Dan anda sebagai pemaju, anda tidak perlu menulis kod itu.

216
00:12:01,420 --> 00:12:05,350
Apabila seseorang bertanyakan saya untuk berkongsi, saya akan meletakkan beberapa data ke dalam struktur data kecil ini

217
00:12:05,350 --> 00:12:06,740
dan saya dilakukan.

218
00:12:06,740 --> 00:12:10,990
Aplikasi lain mengambil alih, melakukan perkara, dan itulah akhir pengalaman perkongsian.

219
00:12:10,990 --> 00:12:14,550
Itu hanya satu perkara yang boleh anda lakukan - benar-benar, benar-benar berkuasa -

220
00:12:14,550 --> 00:12:17,570
dan ia akan menjadi salah satu perkara yang benar-benar boleh membantu membezakan aplikasi anda

221
00:12:17,570 --> 00:12:20,090
dan juga permainan anda juga di kedai.

222
00:12:20,090 --> 00:12:22,220
Orang ramai akan dapat berkata, "Ini adalah benar-benar berguna."

223
00:12:22,220 --> 00:12:25,430
"Saya menggunakan pencipta teka-teki ini sepanjang masa. Ia hebat."

224
00:12:25,430 --> 00:12:30,490
>> Itu kira-kira cukup gambaran ringkas mengenai apa yang berlaku di sini.

225
00:12:30,490 --> 00:12:33,670
Ada beberapa ciri-ciri lain juga yang mungkin kita akan mengetengahkan seperti yang kita pergi melalui kod.

226
00:12:33,670 --> 00:12:37,710
Tetapi saya ingin menyelam ke dalam slaid, dan untuk itu, saya akan pergi ke Desktop,

227
00:12:37,710 --> 00:12:40,940
yang sendiri jubin lain secara langsung di sini.

228
00:12:40,940 --> 00:12:43,840
Saya boleh pergi ke ini dan, cukup yakin, saya slaid saya,

229
00:12:43,840 --> 00:12:46,320
tetapi biarlah saya tunjukkan kepada anda sebenarnya di mana kita berada.

230
00:12:46,320 --> 00:12:48,460
Kami benar-benar dalam mod Desktop.

231
00:12:48,460 --> 00:12:52,580
Ini benar-benar di mana apa yang saya katakan sebelum kira-kira Windows membawa ke hadapan

232
00:12:52,580 --> 00:12:54,850
untuk pengalaman baru muncul.

233
00:12:54,850 --> 00:12:56,450
Ini adalah Windows yang anda tahu.

234
00:12:56,450 --> 00:12:59,730
Aplikasi Windows dipanggil aplikasi desktop. Mereka berjalan di sini.

235
00:12:59,730 --> 00:13:02,730
Jika anda telah sedia ada aplikasi dan anda mahu untuk menjalankan mereka pada Windows 8,

236
00:13:02,730 --> 00:13:04,710
anda benar-benar boleh melakukannya.

237
00:13:04,710 --> 00:13:07,590
Ini bukan perkara yang sama seperti aplikasi kedai, yang di sini,

238
00:13:07,590 --> 00:13:12,240
seperti cat segar dan aplikasi ini NBC News dan perkara-perkara seperti itu. Mereka akan datang dari kedai.

239
00:13:12,240 --> 00:13:14,450
Mereka boleh palam ke dalam beberapa ciri-ciri yang saya telah menunjukkan anda

240
00:13:14,450 --> 00:13:16,620
dan lain-lain yang saya tidak menunjukkan anda hanya lagi.

241
00:13:16,620 --> 00:13:21,460
Tetapi hanya menyimpan bahawa dalam fikiran. Kami mempunyai sokongan untuk kedua-dua perkara juga.

242
00:13:21,460 --> 00:13:27,000
Saya minta maaf. Adakah sesuatu yang tidak menunjukkan pada skrin? Saya telah kehilangan sepenuhnya. Pelik.

243
00:13:29,000 --> 00:13:31,000
Okay. Terima kasih kerana menunjuk bahawa daripada.

244
00:13:31,000 --> 00:13:34,770
Apa yang anda tidak melihat untuk seketika adalah saya menunjukkan anda bahawa desktop di sini.

245
00:13:34,770 --> 00:13:37,540
Apakah perkara terakhir yang kamu nampak? Adakah anda melihat ini?

246
00:13:37,540 --> 00:13:39,490
Ini adalah desktop. Anda sudah tahu apa yang kelihatan seperti.

247
00:13:39,490 --> 00:13:42,070
Tidak apa-apa sangat luar biasa.

248
00:13:42,070 --> 00:13:46,940
Ia membawa kita pengalaman yang ke hadapan untuk anda dan membiarkan anda menggunakan perkara-perkara yang anda mempunyai.

249
00:13:46,940 --> 00:13:50,460
Sebagai contoh, saya akan menunjukkan anda Visual Studio. Itu adalah aplikasi desktop.

250
00:13:50,460 --> 00:13:52,600
Ia akan berjalan dalam mod ini.

251
00:13:52,600 --> 00:13:54,960
Ia akan menyokong persekitaran yang lebih kompleks

252
00:13:54,960 --> 00:14:01,470
dengan banyak pilihan dan perkara-perkara seperti itu, jadi ia membuatkan ia pilihan yang baik sebagai aplikasi desktop.

253
00:14:01,470 --> 00:14:04,810
>> Yang berkata, mari kita pergi ke slaid untuk hanya sedikit

254
00:14:04,810 --> 00:14:09,720
dan memberi anda beberapa kandungan pengenalan dan kemudian masuk ke sebenarnya pengekodan sini.

255
00:14:09,720 --> 00:14:14,070
Berita baik adalah saya dengar anda telah memberi tumpuan kepada banyak CSS dan JavaScript, HTML.

256
00:14:14,070 --> 00:14:18,110
Semua perkara-perkara yang anda telah belajar bawa terus ke dalam membuat aplikasi Windows Store.

257
00:14:18,110 --> 00:14:22,920
Perkara-perkara yang anda telah mendengar mengenai dengan memohon selectors CSS dan semua perkara-perkara

258
00:14:22,920 --> 00:14:27,180
adalah apa yang anda lakukan untuk mewujudkan suatu permohonan di sini untuk kedai.

259
00:14:27,180 --> 00:14:29,640
Kami akan pergi melalui sedikit demi sedikit perkara.

260
00:14:29,640 --> 00:14:34,130
Pada asasnya, saya membina pada barangan yang anda sudah telah mengambil masa untuk belajar.

261
00:14:34,130 --> 00:14:36,520
Ini adalah carta keseluruhan teknologi yang anda boleh menggunakan

262
00:14:36,520 --> 00:14:38,790
untuk membuat permohonan untuk Windows 8.

263
00:14:38,790 --> 00:14:42,840
Bahan di sebelah kanan, aplikasi desktop, adalah benar-benar apa yang kita sudah tahu.

264
00:14:42,840 --> 00:14:46,840
Itulah barangan yang benar-benar dunia Windows 7 dibawa ke hadapan ke dalam Windows 8.

265
00:14:46,840 --> 00:14:51,920
Semua orang-orang pilihan dibawa ke hadapan: C #, VB, jenis gdi32.dll pembangunan.

266
00:14:51,920 --> 00:14:54,450
Besar. Tidak ada masalah. Bahan baru adalah di sebelah kiri.

267
00:14:54,450 --> 00:14:58,220
Itulah aplikasi Windows Store, itulah apabila saya ingin mendapatkan permohonan saya berwayar ke dalam Windows 8

268
00:14:58,220 --> 00:15:02,300
menggunakan semua ciri-ciri, mendapatkan ke dalam kedai, dan mendapatkan pengalaman yang menyeronokkan!

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

270
00:15:05,260 --> 00:15:10,350
Untuk berbuat demikian, anda boleh lihat di sini anda mempunyai semua pilihan anda dengan XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, anda boleh melakukan DirectX, perkara-perkara seperti itu, perkara-perkara yang melampaui slaid.

272
00:15:14,100 --> 00:15:18,650
Tetapi bagi kami, kami akan memberi tumpuan betul-betul di atas hakikat bahawa HTML, CSS, JavaScript dan

273
00:15:18,650 --> 00:15:22,890
adalah benar-benar seorang warganegara kelas pertama bagi membuat permohonan untuk Windows 8

274
00:15:22,890 --> 00:15:24,960
dan untuk Store Windows.

275
00:15:24,960 --> 00:15:27,950
Jadi ini adalah baik untuk semua orang di sini dan orang menonton di video

276
00:15:27,950 --> 00:15:30,760
kerana anda hanya boleh memanfaatkan semua pengalaman yang anda mempunyai

277
00:15:30,760 --> 00:15:33,900
dan benar-benar mengikat ke dalam apa yang Windows menawarkan.

278
00:15:33,900 --> 00:15:37,870
Anda akan lakukan perkara ini melalui satu set API, yang sepatutnya tidak menghairankan.

279
00:15:37,870 --> 00:15:39,920
Setiap OS mempunyai API sendiri.

280
00:15:39,920 --> 00:15:43,530
Kami mendedahkan apa yang Windows boleh lakukan melalui apa yang dipanggil WinRT.

281
00:15:43,530 --> 00:15:46,370
Ia adalah satu set API yang hanya tidak semua untuk anda.

282
00:15:46,370 --> 00:15:51,650
Jika anda perlu membuka fail, anda perlu menggunakan kamera, lokasi geo, perkara-perkara seperti itu,

283
00:15:51,650 --> 00:15:55,700
mereka melalui apa yang Windows boleh menawarkan kepada anda.

284
00:15:55,700 --> 00:15:59,370
Untuk mengakses itu, kami mempunyai JavaScript beberapa lagi yang akan membuat ia lebih mudah

285
00:15:59,370 --> 00:16:02,510
bagi anda untuk berbuat demikian. Kami akan sampai ke dalam seketika.

286
00:16:02,510 --> 00:16:04,060
Tetapi untuk sekarang, yang pada dasarnya peta jalan anda.

287
00:16:04,060 --> 00:16:06,770
Perkara-perkara yang anda telah telah melakukan di atas beberapa API

288
00:16:06,770 --> 00:16:11,280
bantuan yang anda bekerja dengan Windows sama kedai aplikasi.

289
00:16:11,280 --> 00:16:14,210
Dan yang benar-benar tentang apa yang anda perlu tahu dari tahap yang tinggi.

290
00:16:14,210 --> 00:16:17,370
>> Kami akan menyelam ke dalam sebenarnya bekerja dengan barangan yang sekarang.

291
00:16:18,940 --> 00:16:21,950
Perkara-perkara yang anda mungkin telah melihat sekumpulan,

292
00:16:21,950 --> 00:16:26,760
dengan IE9 sedikit masa kembali kami memperkenalkan sokongan untuk banyak yang, pada masa itu,

293
00:16:26,760 --> 00:16:30,340
standard baru dalam web, jadi banyak ciri-ciri CSS baru,

294
00:16:30,340 --> 00:16:34,380
banyak HTML baru, ECMAScript 5, yang benar-benar JavaScript.

295
00:16:34,380 --> 00:16:38,090
Jadi segala-galanya untuk itu kecuali untuk mod yang ketat adalah dalam IE9.

296
00:16:38,090 --> 00:16:42,290
Hanya satu tan barangan dengan CSS, CSS3, semua di sana.

297
00:16:42,290 --> 00:16:45,300
Dan semua barangan ini membawa ke hadapan ke dalam apa yang kami lakukan dengan Windows 8.

298
00:16:45,300 --> 00:16:49,350
Anda boleh menggunakan perkara-perkara ini, dan anda boleh menggunakan segala yang yang baru di IE10.

299
00:16:49,350 --> 00:16:54,640
Dengan IE10 kami memperkenalkan sokongan untuk semua perkara-perkara ini juga.

300
00:16:54,640 --> 00:16:59,340
Mereka semua perkakasan-dipercepatkan, jadi jika anda pada mesin yang mempunyai beberapa jenis GPU,

301
00:16:59,340 --> 00:17:04,190
yang mungkin cukup banyak setiap mesin yang anda boleh mendapatkan dalam 8 tahun yang lalu,

302
00:17:04,190 --> 00:17:07,609
anda akan dapat mempunyai output perkakasan-dipercepatkan,

303
00:17:07,609 --> 00:17:11,770
output visual dengan CSS, kanvas, SVG.

304
00:17:11,770 --> 00:17:14,339
Semua perkara akan melalui pecutan perkakasan

305
00:17:14,339 --> 00:17:16,060
dan yang lebih pantas dan lebih cekap.

306
00:17:16,060 --> 00:17:20,440
Versi ringkas semua ini -: saya tidak akan pergi melalui setiap perkara di sini -

307
00:17:20,440 --> 00:17:23,200
jika anda melihatnya di dalam senarai ini, jika anda boleh melakukannya dalam IE10,

308
00:17:23,200 --> 00:17:25,650
jika ia adalah satu aplikasi web yang anda menjalankan yang bekerja di IE10,

309
00:17:25,650 --> 00:17:28,640
ia sesuatu yang anda boleh lakukan sebagai aplikasi Windows Store.

310
00:17:28,640 --> 00:17:33,100
Dan itu cukup banyak ia. Jadi, jika ia berfungsi dalam IE10, ia akan bekerja sebagai aplikasi Windows Store.

311
00:17:33,100 --> 00:17:36,370
Ia di atas meja sebagai sesuatu yang anda boleh gunakan.

312
00:17:36,370 --> 00:17:40,510
>> Ada banyak di sini. Kami tidak mempunyai sehingga tengah malam, jadi saya tidak boleh mengkaji segala-galanya di sini.

313
00:17:40,510 --> 00:17:44,060
Tetapi terdapat beberapa laman web yang akan membantu anda memahami apa yang perkara-perkara ini boleh lakukan,

314
00:17:44,060 --> 00:17:45,520
dan saya akan menunjukkan kepada anda salah seorang daripada mereka dalam satu saat.

315
00:17:45,520 --> 00:17:48,410
Saya hanya mahu menunjukkan beberapa perkara penting yang mungkin anda melihat.

316
00:17:48,410 --> 00:17:51,560
Mungkin anda telah melihat beberapa ini dalam pelajaran,

317
00:17:51,560 --> 00:17:56,610
tetapi ini benar-benar membantu, khususnya dengan aplikasi Windows Store, dari sisi CSS.

318
00:17:56,610 --> 00:18:02,420
Jadi dapat melakukan jelmaan dan peralihan, menyediakan gerakan dengan animasi -

319
00:18:02,420 --> 00:18:07,010
semua ini adalah sebahagian daripada CSS sekarang, dan mereka disokong oleh pelayar moden,

320
00:18:07,010 --> 00:18:11,370
dan IE10 dan IE9 telah menambah sokongan dari masa ke masa untuk semua perkara ini.

321
00:18:11,370 --> 00:18:15,220
Dan jadi mengapa menulis sendiri, mengapa melalui semua masalah melakukan perkara-perkara dengan tangan

322
00:18:15,220 --> 00:18:19,970
apabila anda boleh menggunakan CSS mudah mengubah untuk mencipta kesan 3D untuk permohonan anda?

323
00:18:19,970 --> 00:18:22,740
Besar. Itulah bagaimana ia berfungsi.

324
00:18:22,740 --> 00:18:24,530
Saya tidak boleh membuat apa-apa lebih sukar daripada itu.

325
00:18:24,530 --> 00:18:28,330
Jika anda tahu bagaimana untuk melakukannya dalam CSS, anda tahu bagaimana untuk melakukannya dalam aplikasi Windows Store.

326
00:18:28,330 --> 00:18:32,080
>> Melangkah lebih dari itu bagi susun atur, perkara seperti juga aplikasi kedai,

327
00:18:32,080 --> 00:18:35,350
tetapi akan lebih dari itu, melihat mungkin aplikasi berita yang yang menunjukkan anda artikel

328
00:18:35,350 --> 00:18:40,160
atau resipi atau perkara-perkara seperti itu, ini jenis lain ciri-ciri dalam CSS benar-benar berguna:

329
00:18:40,160 --> 00:18:45,610
Grid, Flexbox, CSS Kawasan adalah lebih daripada standard yang agak baru juga.

330
00:18:45,610 --> 00:18:51,190
Perkara-perkara ini semua akan membantu anda meletakkan kandungan dan mengalir kandungan antara bahagian,

331
00:18:51,190 --> 00:18:55,470
dapat melakukan muka surat dan tanda sempang tanpa anda perlu untuk menulis barangan ini sendiri.

332
00:18:55,470 --> 00:18:57,500
Anda hanya berkata, "Sila lakukan yang berikut bagi saya,"

333
00:18:57,500 --> 00:19:00,850
dan sebagai estet skrin sebenar adalah berbeza pada mesin yang berbeza

334
00:19:00,850 --> 00:19:03,850
atau kerana anda akan melihat dalam seketika, kerana anda snap permohonan

335
00:19:03,850 --> 00:19:07,920
mempunyai jumlah yang lebih kecil ruang pada skrin, itu tidak ada masalah untuk CSS.

336
00:19:07,920 --> 00:19:11,160
Ia boleh mengambil kesempatan daripada - bercakap we'll mengenai pertanyaan media di kedua -

337
00:19:11,160 --> 00:19:15,880
ia boleh menjaga perkara dengan penampilan semula kandungan anda, yang mengalir kandungan dari kawasan

338
00:19:15,880 --> 00:19:21,240
hanya dengan perkara-perkara yang anda mungkin telah melihat dengan teknologi web.

339
00:19:21,240 --> 00:19:25,470
>> Di sebelah HTML5, terdapat juga sekumpulan perkara

340
00:19:25,470 --> 00:19:28,140
itu akan sangat berguna untuk anda dengan aplikasi Windows Store.

341
00:19:28,140 --> 00:19:30,980
Sekali lagi, kita tidak akan melalui semua ini, tetapi ia hanya di sini.

342
00:19:30,980 --> 00:19:35,470
Jadi, jika anda perlu menggunakannya, audio-video, jika anda mahu melakukan pengesahan daripada bentuk,

343
00:19:35,470 --> 00:19:40,570
geolokasi, semua perkara yang anda boleh lakukan dalam JavaScript dengan JavaScript 5 atau ECMAScript 5,

344
00:19:40,570 --> 00:19:44,070
IndexedDB untuk simpanan tempatan - semua ini adalah pilihan untuk anda.

345
00:19:44,070 --> 00:19:49,300
Jika anda sedang mencari jawapan, hanya melihat kepada teknologi yang sedia ada dengan HTML5 dan CSS

346
00:19:49,300 --> 00:19:53,880
dan anda akan menemui jawapan lebih mudah daripada yang mempunyai untuk melancarkan banyak barangan yang diri sendiri.

347
00:19:53,880 --> 00:19:55,510
Biar saya tunjukkan kepada anda sekitar sedikit di sini.

348
00:19:55,510 --> 00:19:57,920
Saya ada laman kita boleh pergi ke.

349
00:19:57,920 --> 00:20:01,590
Biar saya berhenti daripada slaid ini untuk kali kedua.

350
00:20:01,590 --> 00:20:06,450
>> Jika kita pergi ke IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Saya tidak akan berbuat banyak demo di sini.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com adalah benar-benar menunjukkan anda banyak apa yang baru dengan IE10,

353
00:20:14,360 --> 00:20:16,220
perkara-perkara yang boleh anda lakukan.

354
00:20:16,220 --> 00:20:19,130
Saya dapati ini adalah benar-benar berguna kerana bukan membaca melalui sekumpulan kertas putih,

355
00:20:19,130 --> 00:20:23,020
melihat demo beberapa, dan itu akan membantu anda meletakkannya di radar peribadi anda sendiri

356
00:20:23,020 --> 00:20:26,620
kira-kira sama ada teknologi yang masuk akal untuk walaupun melakukan apa-apa lebih banyak penyelidikan dengan

357
00:20:26,620 --> 00:20:29,070
supaya anda akan faham, "Saya melihat apa ini adalah untuk."

358
00:20:29,070 --> 00:20:32,780
"Saya faham apa Permintaan Animasi Frame tidak bagi saya."

359
00:20:32,780 --> 00:20:36,900
"Saya faham bagaimana saya boleh menggunakan Kawasan atau penapis SVG."

360
00:20:36,900 --> 00:20:40,190
Anda melihat mereka beraksi, melihat mereka pada contoh di sini,

361
00:20:40,190 --> 00:20:44,930
dan membuat keputusan untuk diri sendiri jika itu akan menjadi berguna untuk anda dalam projek-projek anda sendiri dan di luar

362
00:20:44,930 --> 00:20:47,840
kerana anda terus bekerja dengan teknologi web.

363
00:20:47,840 --> 00:20:49,900
Di sini saya hanya akan menggalakkan anda untuk membaca.

364
00:20:49,900 --> 00:20:52,880
Saya tidak fikir saya akan menghabiskan banyak masa sebenarnya berjalan ini.

365
00:20:52,880 --> 00:20:56,030
Kami mempunyai cukup untuk menunjukkan dengan kod bertulis.

366
00:20:56,030 --> 00:21:01,640
Anda akan lihat di sini perkara-perkara dari kesan sentuh untuk permainan berasaskan sentuh dalam seksyen itu,

367
00:21:01,640 --> 00:21:06,050
animasi, animasi perkakasan-dipercepatkan dengan pantas di sana,

368
00:21:06,050 --> 00:21:11,230
beberapa pengoptimuman yang anda akan melihat dalam beberapa sampel ini juga,

369
00:21:11,230 --> 00:21:12,770
dan ada banyak, banyak lagi.

370
00:21:12,770 --> 00:21:15,330
Jika anda pergi di sini dan membuka peta tapak,

371
00:21:15,330 --> 00:21:19,070
ada hanya beberapa sampel yang tidak masuk akal di sini.

372
00:21:19,070 --> 00:21:20,690
Anda boleh melihat mereka semua di sini.

373
00:21:20,690 --> 00:21:22,900
Jika anda sedang mencari di sesuatu atau anda pernah mendengar tentang sesuatu

374
00:21:22,900 --> 00:21:25,850
dan anda tertanya-tanya mungkin ini akan menjadi sesuatu yang sejuk untuk digunakan dalam aplikasi,

375
00:21:25,850 --> 00:21:31,720
cuba mencari di sini manakala terdapat mungkin satu demo yang cukup baik untuk itu untuk menyelamatkan diri anda masa.

376
00:21:31,720 --> 00:21:35,980
>> Okay? Apa-apa soalan setakat ini bagi penduduk di sini?

377
00:21:35,980 --> 00:21:39,620
Okay. Kami akan menjalankan sini.

378
00:21:39,620 --> 00:21:41,920
Sekali lagi, hanya menyemak bahawa.

379
00:21:41,920 --> 00:21:45,450
Mereka adalah standard web, jadi pergi ke mana-mana laman wadah lain yang anda tahu

380
00:21:45,450 --> 00:21:50,550
dan lihat jika mereka teknologi masuk akal untuk apa yang anda cuba lakukan.

381
00:21:50,550 --> 00:21:53,190
>> Kembali kepada slaid.

382
00:21:53,190 --> 00:22:00,290
Yang berkata, anda sedang bergerak dari dunia web untuk benar-benar satu dunia permohonan tempatan dipasang,

383
00:22:00,290 --> 00:22:01,850
jadi ada beberapa perkara yang perlu menegaskan di sini.

384
00:22:01,850 --> 00:22:03,690
Pertama sekali, tidak ada pelayan web terlibat di sini.

385
00:22:03,690 --> 00:22:06,120
Tiada Apache, tidak ada IIS berjalan di

386
00:22:06,120 --> 00:22:10,170
berkhidmat sehingga muka surat dengan pelanggan jauh, kepada ejen pelayar jauh.

387
00:22:10,170 --> 00:22:13,000
Dalam kes ini, benar-benar segala-galanya dibungkus untuk anda.

388
00:22:13,000 --> 00:22:16,630
Anda mengemukakan bahawa permohonan anda ke kedai, ia menjadi disahkan,

389
00:22:16,630 --> 00:22:22,190
ia di luar di kedai, dan kemudian orang-orang oleh beribu-ribu akan memasang permainan anda atau aplikasi anda.

390
00:22:22,190 --> 00:22:24,780
Tetapi pada dasarnya, mereka menarik ke bawah dalam negara untuk mesin mereka.

391
00:22:24,780 --> 00:22:29,080
Anda tidak perlu untuk keluar ke web lagi melainkan jika anda mempunyai panggilan yang memerlukan API jauh,

392
00:22:29,080 --> 00:22:31,790
dan itulah normal serta juga.

393
00:22:31,790 --> 00:22:35,330
Tetapi mereka tidak akan berada dalam mod yang mana mereka perlu pergi sambutan permintaan dari pelayan

394
00:22:35,330 --> 00:22:37,910
untuk mendapatkan halaman seterusnya kandungan mereka.

395
00:22:37,910 --> 00:22:41,380
Jadi itu berkata, ada beberapa perbezaan API kecil. Ini adalah amat kecil.

396
00:22:41,380 --> 00:22:46,850
Mereka tidak mungkin untuk memukul anda dalam pengekodan biasa anda, tetapi ia sekurang-kurangnya didokumenkan.

397
00:22:46,850 --> 00:22:50,030
Mereka jenis tepi kes ada.

398
00:22:50,030 --> 00:22:53,370
>> Perkara lain yang bernilai menunjukkan adalah perbezaan amanah.

399
00:22:53,370 --> 00:22:58,070
Saya hanya menyebut ini kerana saya hanya mahu memastikan saya berkata

400
00:22:58,070 --> 00:23:01,580
jadi jika anda menghadapi kemudian, anda akan berfikir, "kata Chris sesuatu tentang ini,

401
00:23:01,580 --> 00:23:04,890
"Jadi mungkin, yeah, okay," dan kemudian anda kembali dan anda mengetahui apa perkara itu.

402
00:23:04,890 --> 00:23:06,480
Konteks yang perkara itu.

403
00:23:06,480 --> 00:23:11,450
Secara lalai kita cuba untuk melindungi pengguna daripada vektor serangan.

404
00:23:11,450 --> 00:23:13,400
Terdapat beberapa perkara yang boleh anda lakukan secara lalai

405
00:23:13,400 --> 00:23:16,130
dan perkara-perkara yang perlu anda mengubah konteks untuk membolehkan.

406
00:23:16,130 --> 00:23:19,860
Seperti yang anda menggunakan beberapa perpustakaan di luar sana - you've pun bekerja dengan jQuery,

407
00:23:19,860 --> 00:23:23,650
tetapi jika anda mencari perpustakaan lain di luar sana - anda mungkin menggunakan beberapa fungsi

408
00:23:23,650 --> 00:23:28,000
yang jenis pergi di luar penggunaan tempatan, adakah interaksi lebih dinamik

409
00:23:28,000 --> 00:23:30,360
Permintaan XHR, perkara-perkara seperti itu.

410
00:23:30,360 --> 00:23:33,090
Kadang-kadang anda mungkin mendapati mereka akan dilumpuhkan secara lalai,

411
00:23:33,090 --> 00:23:37,790
dan dalam kes itu, hanya melakukan carian, mencari konteks tempatan dan web,

412
00:23:37,790 --> 00:23:39,560
dan anda akan mengetahui bagaimana untuk menetapkan bahawa.

413
00:23:39,560 --> 00:23:42,580
Hanya pastikan anda tahu tentang itu kerana anda mula menggunakan rangka kerja yang lain,

414
00:23:42,580 --> 00:23:45,720
yang, yang perlu saya lagi, anda dengan sempurna mampu lakukan.

415
00:23:45,720 --> 00:23:49,290
Jadi, jika anda mencari beberapa rangka kerja lain - bercakap we'll tentang perkara ini dalam kedua -

416
00:23:49,290 --> 00:23:54,000
untuk permainan dan anda mahu menggunakan itu, anda mahu menggunakan beberapa perpustakaan kawalan yang di luar sana

417
00:23:54,000 --> 00:23:57,990
dan anda tidak mahu menulis barangan yang diri anda - ia adalah idea yang baik, bukan? -

418
00:23:57,990 --> 00:23:59,560
anda benar-benar boleh menggunakan barangan ini.

419
00:23:59,560 --> 00:24:03,660
Tidak ada yang memegang anda kembali daripada menggunakan apa-apa jenis perpustakaan yang berdasarkan JavaScript,

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

421
00:24:05,380 --> 00:24:09,740
Sekali lagi, jika ia sesuatu yang anda boleh lakukan di IE10, yang merupakan palang pintu dari banyak hari ini,

422
00:24:09,740 --> 00:24:11,220
anda boleh melakukannya.

423
00:24:11,220 --> 00:24:14,800
Tarik ke dalam aplikasi anda, rujukan yang JavaScript perpustakaan, dan menggunakannya dalam permohonan anda,

424
00:24:14,800 --> 00:24:19,880
hanya dengan mengingati anda mungkin mencecah konteks keselamatan sekali-sekala - tidak terlalu kerap.

425
00:24:19,880 --> 00:24:24,150
>> Dan maka ciri-ciri, kita akan pergi ke beberapa lagi dari orang-orang seperti yang kita pergi.

426
00:24:24,150 --> 00:24:27,500
UX anda akan jenis mendapatkan digunakan untuk anda melihat lebih banyak dan lebih banyak aplikasi

427
00:24:27,500 --> 00:24:29,250
dari Kedai Windows.

428
00:24:29,250 --> 00:24:33,870
Anda mendapatkan rasa untuk bagaimana ia berfungsi dan bagaimana estetik reka bentuk cenderung untuk bekerja

429
00:24:33,870 --> 00:24:37,720
seluruh aplikasi yang berbeza dan apa yang orang akan digunakan untuk mengalami.

430
00:24:37,720 --> 00:24:39,660
Itu benar-benar bahagian yang penting.

431
00:24:39,660 --> 00:24:42,460
Pastikan apabila mereka api sehingga aplikasi anda mereka tidak perlu membaca manual,

432
00:24:42,460 --> 00:24:44,300
yang mereka tidak lakukan, dengan cara itu.

433
00:24:44,300 --> 00:24:46,650
Mereka hanya akan dapat untuk mula bermain dengan permohonan anda

434
00:24:46,650 --> 00:24:49,450
dan memikirkan ia keluar tanpa banyak kesulitan.

435
00:24:49,450 --> 00:24:52,660
Dengan berpegang dan mematuhi banyak amalan-amalan ini,

436
00:24:52,660 --> 00:24:57,640
anda akan melakukan pengguna anda satu kebaikan, menjadikan yang lebih mudah.

437
00:24:57,640 --> 00:25:01,810
>> Okay. Satu perkara yang lepas di sebelah API dan kemudian kami akan masuk ke sebenarnya menulis kod.

438
00:25:01,810 --> 00:25:05,660
WinJS ialah perkara yang saya nyatakan secara ringkas dengan slaid kompleks

439
00:25:05,660 --> 00:25:08,850
dengan semua orang-orang pilihan yang berbeza yang anda ada untuk membuat permohonan.

440
00:25:08,850 --> 00:25:10,890
WinJS, anda boleh menganggapnya sebagai buddy.

441
00:25:10,890 --> 00:25:13,680
Ia kawan anda untuk membantu anda menulis barangan dengan lebih cepat.

442
00:25:13,680 --> 00:25:18,820
Ia hanya JavaScript dan CSS. Anda tidak perlu menggunakannya. Anda boleh menggunakannya.

443
00:25:18,820 --> 00:25:22,180
Jika anda akan memanggil dalam ciri-ciri Windows, anda akan berakhir menggunakannya,

444
00:25:22,180 --> 00:25:27,210
tetapi jika ada perkara-perkara seperti beberapa corak reka bentuk atau kawalan yang anda benar-benar tidak mahu menggunakan,

445
00:25:27,210 --> 00:25:29,090
anda mahu menggunakan sesuatu yang lain, ia terpulang kepada anda.

446
00:25:29,090 --> 00:25:32,580
Putuskan apa yang anda hendak gunakan dan gaya yang anda ingin gunakan.

447
00:25:32,580 --> 00:25:37,250
Ciri-ciri daripada namespacing dan kelas generasi - terpulang kepada anda.

448
00:25:37,250 --> 00:25:41,650
Jika anda memilih satu atau yang lain, ia sama sekali pilihan anda. Ia masih JavaScript dan CSS.

449
00:25:41,650 --> 00:25:43,860
Tetapi ia akan membantu anda melakukan banyak perkara.

450
00:25:43,860 --> 00:25:47,780
Sebagai contoh, di sini adalah subset daripada apa yang ia boleh lakukan,

451
00:25:47,780 --> 00:25:50,790
perkara seperti membantu pengaturcaraan tak segerak dengan janji-janji.

452
00:25:50,790 --> 00:25:54,000
Mana-mana anda pernah mendengar atau bekerja dengan Node.js?

453
00:25:54,000 --> 00:25:59,520
Ia pola biasa untuk bekerja dengan pengaturcaraan tak segerak.

454
00:25:59,520 --> 00:26:02,370
Jadi, pada asasnya apa yang anda katakan adalah, "Pergi melakukan sesuatu,

455
00:26:02,370 --> 00:26:05,790
"Dan anda akan memberikan saya satu janji yang anda akan kembali kepada saya apabila anda selesai."

456
00:26:05,790 --> 00:26:08,400
Itulah asasnya apa yang berlaku.

457
00:26:08,400 --> 00:26:12,400
Jadi anda tidak membekukan permohonan anda sementara pengguna akan dan memilih fail

458
00:26:12,400 --> 00:26:15,810
atau sesuatu yang sedang distrim turun dari Web.

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

460
00:26:17,210 --> 00:26:19,410
Dan anda boleh berbuat demikian dengan menggunakan pengaturcaraan tak segerak.

461
00:26:19,410 --> 00:26:23,620
Bunyinya sungguh kompleks, tetapi ia benar-benar mudah kerana anda menggunakan janji-janji

462
00:26:23,620 --> 00:26:27,900
dan anda hanya berkata, "Pergi melakukan ini dan apabila anda selesai, memanggil kembali kepada kaedah ini."

463
00:26:27,900 --> 00:26:30,270
Yang cukup banyak ia. Itu sahaja yang dibina bagi WinJS.

464
00:26:30,270 --> 00:26:35,120
Ia akan membuat ia lebih mudah untuk menulis aplikasi benar-benar fleksibel dan berkuasa.

465
00:26:35,120 --> 00:26:37,870
>> Anda boleh melihat selebihnya di sini, banyak animasi.

466
00:26:37,870 --> 00:26:41,240
Mungkin salah satu perkara yang lebih penting pada slaid ini adalah kawalan.

467
00:26:41,240 --> 00:26:44,680
Saya rasa saya mempunyai keseluruhannya - yeah, saya lakukan.

468
00:26:44,680 --> 00:26:48,900
Berikut adalah satu contoh hanya beberapa kawalan yang boleh anda gunakan dalam aplikasi anda.

469
00:26:48,900 --> 00:26:51,060
Ini semua lurus ke atas dari WinJS.

470
00:26:51,060 --> 00:26:53,430
Anda tidak menulis diri ini,

471
00:26:53,430 --> 00:26:55,990
anda hanya berkata, "Berikut adalah cara saya mahu mengarang permohonan saya."

472
00:26:55,990 --> 00:26:59,420
"Saya akan menggunakan pandangan flip jadi saya boleh pergi di antara gambar yang berbeza."

473
00:26:59,420 --> 00:27:03,380
Saya tidak menunjukkan anda Semantik Zoom. Saya akan menunjukkan kepada anda bahawa dalam satu saat.

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

475
00:27:05,700 --> 00:27:08,680
Anda sudah melihat grid sebagai sebahagian daripada permohonan kedai,

476
00:27:08,680 --> 00:27:12,170
supaya dapat menggunakan blok kandungan dan menatal seluruh itu.

477
00:27:12,170 --> 00:27:15,660
Menu Flyout anda akan melihat dari masa ke semasa.

478
00:27:15,660 --> 00:27:19,090
Bar app Saya menunjukkan anda dengan itu permohonan Cat Segar juga,

479
00:27:19,090 --> 00:27:22,190
jadi anda melihat bagaimana anda boleh menyesuaikan bahawa dengan meletakkan butang di atasnya

480
00:27:22,190 --> 00:27:26,360
dan mempunyai yang bersembunyi jauh apabila anda tidak peduli untuk menggunakan itu.

481
00:27:26,360 --> 00:27:28,120
Itu benar-benar benar-benar terpulang kepada anda untuk digunakan.

482
00:27:28,120 --> 00:27:30,210
Ini semua adalah kawalan yang merupakan sebahagian daripada WinJS.

483
00:27:30,210 --> 00:27:33,640
Saya akan menunjukkan kepada anda bagaimana untuk membuat ini dalam hanya satu saat, tetapi terdapat lebih daripada sekadar ini,

484
00:27:33,640 --> 00:27:37,060
dan perkara yang utama adalah menggunakan mereka jika anda mahu, menjimatkan masa.

485
00:27:37,060 --> 00:27:40,830
>> Jika anda mempunyai perpustakaan kawalan lain yang anda mahu gunakan, itu betul-betul halus juga.

486
00:27:40,830 --> 00:27:46,300
Perkara seperti jQuery UI melakukan banyak jenis ini idea juga,

487
00:27:46,300 --> 00:27:51,280
menyediakan lebih banyak kawalan yang memanjangkan apa yang anda boleh lakukan dalam HTML dan JavaScript.

488
00:27:52,690 --> 00:27:55,680
Mari kita menyelam masuk yang saya telah perkatakan itu. Gunakan apa yang anda suka.

489
00:27:55,680 --> 00:27:59,680
Hanya ingat bahawa anda mungkin menghadapi beberapa isu konteks.

490
00:27:59,680 --> 00:28:03,380
Tetapi anda pasti boleh mencampurkan dan perlawanan jenis apa sahaja perpustakaan anda selesa dengan,

491
00:28:03,380 --> 00:28:06,770
anda mahu belajar, anda mahu untuk digunakan, untuk menyelamatkan diri anda sedikit masa.

492
00:28:06,770 --> 00:28:09,850
>> Mari kita bercakap tentang alat hanya untuk satu saat.

493
00:28:09,850 --> 00:28:12,400
Anda boleh mendapatkan apa yang anda perlukan untuk mula bekerja dengan aplikasi Windows Store.

494
00:28:12,400 --> 00:28:17,360
Jika saya kembali, saya mempunyai terlalu banyak perkara di sini.

495
00:28:17,360 --> 00:28:21,770
Jika anda pergi ke laman ini, yang merupakan dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
anda boleh memuat turun semua yang anda perlukan.

497
00:28:23,300 --> 00:28:28,170
Sebagai pelajar, anda mempunyai akses kepada lebih daripada orang ramai tidak,

498
00:28:28,170 --> 00:28:30,670
supaya anda boleh mendapatkan versi akhir yang lebih tinggi bagi Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Edwin disebut anda sudah boleh mendapatkan Windows juga.

500
00:28:34,090 --> 00:28:36,790
Tetapi secara umum, untuk semua pemaju, anda boleh pergi ke laman web ini

501
00:28:36,790 --> 00:28:40,380
dan memuat turun semua yang anda perlukan untuk membuat suatu permohonan, dan itu semua percuma.

502
00:28:40,380 --> 00:28:42,460
Jadi ada satu versi percuma Visual Studio,

503
00:28:42,460 --> 00:28:44,450
terdapat beberapa alat-alat yang akan memasang bersama itu -

504
00:28:44,450 --> 00:28:47,240
semua yang anda perlukan untuk mencipta dan menguji permohonan anda.

505
00:28:47,240 --> 00:28:50,130
Ia hanya apabila anda akan untuk menerbitkan permohonan anda sehingga ke kedai

506
00:28:50,130 --> 00:28:52,470
bahawa anda akan memerlukan akaun pemaju.

507
00:28:52,470 --> 00:28:56,100
Ini juga saya percaya adalah percuma. Adakah ia percuma untuk pelajar juga? >> [Guarin] Yang mana satu?

508
00:28:56,100 --> 00:28:57,970
Akaun pemaju, penyerahan sebenar. >> [Guarin] Ya.

509
00:28:57,970 --> 00:28:59,580
Itu lebih berita baik.

510
00:28:59,580 --> 00:29:00,840
Anda akan pergi melihat ini.

511
00:29:00,840 --> 00:29:03,840
Ia akan berkata untuk individu secara lalai ia $ 49.

512
00:29:03,840 --> 00:29:06,140
Tetapi jangan mendaftar untuk yang sebagai pelajar.

513
00:29:06,140 --> 00:29:10,250
Kami akan membawa anda beberapa maklumat melalui program-program anda yang anda boleh mendapatkan akaun secara percuma,

514
00:29:10,250 --> 00:29:13,980
dan yang akan memberitahu anda kemudian mengemukakan permohonan anda sehingga ke kedai,

515
00:29:13,980 --> 00:29:17,370
seberapa banyak yang anda suka, dan semua kebaikan yang tidak lama lagi akan mengikuti.

516
00:29:17,370 --> 00:29:19,710
Jadi, itu dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Anda boleh memuat turun alat-alat yang anda perlukan dari sini.

518
00:29:22,170 --> 00:29:25,310
Dan jika anda mahu, anda boleh mendapatkan versi percubaan Windows di sini,

519
00:29:25,310 --> 00:29:27,160
tetapi sekali lagi, anda tidak akan perlu.

520
00:29:27,160 --> 00:29:32,880
>> Tapak lain - biarlah saya menunjukkan satu ini untuk anda dengan cepat - adalah design.windows.com.

521
00:29:32,880 --> 00:29:34,770
Itu adalah dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, anda boleh meneka apa yang ia adalah untuk.

523
00:29:37,770 --> 00:29:40,380
Ini sebenarnya tapak yang cukup mesra. Ada banyak maklumat yang baik di sini.

524
00:29:40,380 --> 00:29:41,770
Anda boleh bekerja melaluinya.

525
00:29:41,770 --> 00:29:43,960
Ia akan memberikan anda beberapa nasihat mengenai beberapa perkara

526
00:29:43,960 --> 00:29:46,760
yang mungkin anda tidak berfikir tentang sebelum atau terpaksa berhadapan dengan sebelum ini,

527
00:29:46,760 --> 00:29:50,780
seperti mereka bentuk untuk sentuh, mereka bentuk untuk faktor bentuk yang berbeza,

528
00:29:50,780 --> 00:29:55,310
mereka bentuk untuk keupayaan Windows 8, perkara-perkara yang saya nyatakan sebelum

529
00:29:55,310 --> 00:29:58,740
seperti mencari dan berkongsi, beberapa perkara yang saya tidak bercakap tentang yet.

530
00:29:58,740 --> 00:30:05,570
Mereka semua yang disenaraikan di sini, dan ia adalah satu set yang agak baik daripada muka surat fail membantu

531
00:30:05,570 --> 00:30:08,670
yang akan membantu anda memahami bagaimana untuk membuat jenis tertentu permohonan,

532
00:30:08,670 --> 00:30:14,250
bagaimana untuk melakukan interaksi, bagaimana untuk berurusan dengan UI dan UX permohonan anda.

533
00:30:14,250 --> 00:30:18,630
Saya akan mengesyorkan bahawa anda mengambil lihat ini, terutamanya jika anda berada di satu ketika

534
00:30:18,630 --> 00:30:22,960
berharap untuk menerbitkan permohonan ke kedai.

535
00:30:22,960 --> 00:30:25,250
Anda akan ingin tahu bagaimana untuk membuat permohonan yang baik

536
00:30:25,250 --> 00:30:28,300
kerana yang saya nyatakan sebelum ini, jika tidak, ada orang-orang ulasan lagi.

537
00:30:28,300 --> 00:30:29,930
Orang ramai akan berpuas hati.

538
00:30:29,930 --> 00:30:32,960
Mereka tidak akan dapat mencari perkara-perkara yang mereka harapkan di tempat-tempat yang betul.

539
00:30:32,960 --> 00:30:36,590
Tiada siapa yang mahu itu berlaku kepada anda.

540
00:30:36,590 --> 00:30:39,220
>> Bergerak ke hadapan di sini, saya menutup bahawa ke bawah.

541
00:30:39,220 --> 00:30:43,700
Sekarang anda tahu di mana untuk mendapatkan perkara-perkara, saya akan menunjukkan kepada anda bagaimana untuk benar-benar mula menggunakan barangan.

542
00:30:43,700 --> 00:30:48,520
Untuk memulakan, saya benar-benar akan menunjukkan kepada anda di sini satu contoh aplikasi desktop pada skrin Mula saya.

543
00:30:48,520 --> 00:30:53,600
Di sini anda boleh melihat Visual Studio, anda boleh melihat Blend dan alat pemaju lain yang saya ada.

544
00:30:53,600 --> 00:30:55,890
Mereka mempunyai jubin yang sedikit berbeza.

545
00:30:55,890 --> 00:30:57,930
Ini kerana mereka adalah aplikasi desktop,

546
00:30:57,930 --> 00:31:00,960
dan dalam kes-kes mereka semua akan melancarkan kembali ke desktop saya

547
00:31:00,960 --> 00:31:05,350
benar-benar hanya kerana aplikasi yang anda digunakan untuk.

548
00:31:05,350 --> 00:31:06,960
Jadi pengalaman Windows, ia adalah perkara yang sama.

549
00:31:06,960 --> 00:31:12,940
Mereka tidak, sebagai contoh, seperti Tentera! atau perkara-perkara ini. Biar saya melancarkan satu dengan cepat.

550
00:31:12,940 --> 00:31:14,340
Sebenarnya, inilah salah satu yang menarik.

551
00:31:14,340 --> 00:31:19,210
Ini telah dibangunkan oleh pelajar yang bekerja dalam perkongsian di nerd.

552
00:31:19,210 --> 00:31:23,430
Permohonan skrin penuh, ini jenis pengalaman di sini.

553
00:31:23,430 --> 00:31:26,290
Oh, skrin potong bagus dan semua jenis barangan menyeronokkan.

554
00:31:26,290 --> 00:31:34,330
Mereka maju ini. Kita juga mungkin menunjukkan perkara yang keseluruhan sementara kita di dalamnya.

555
00:31:37,510 --> 00:31:41,070
Malah, saya bekerja dengan mereka sedikit, memberikan mereka nasihat mengenai perkara-perkara

556
00:31:41,070 --> 00:31:44,160
kerana mereka melakukan JavaScript untuk permohonan mereka.

557
00:31:44,160 --> 00:31:46,460
Sila, saya tidak mengambil kredit untuk kerja-kerja mereka, mereka melakukan semua kerja.

558
00:31:46,460 --> 00:31:48,990
Saya hanya memberikan mereka sedikit nasihat di sana sini,

559
00:31:48,990 --> 00:31:52,400
tetapi mereka tidak beberapa barangan yang hebat dengan menggunakan akhir hadapan JavaScript

560
00:31:52,400 --> 00:31:56,920
dan mengikat dalam beberapa enjin fizik dan perkara yang boleh membuat banyak kerja ini.

561
00:32:00,120 --> 00:32:03,360
Pergi. Mari kita lihat jika yang bekerja.

562
00:32:03,360 --> 00:32:07,010
Wow, ia masih bekerja. Baiklah, baik. Tetapi anda mendapat idea.

563
00:32:07,010 --> 00:32:09,350
Satu aplikasi skrin penuh, pengalaman benar-benar baik.

564
00:32:09,350 --> 00:32:14,250
Ini menyokong bukan sahaja tetikus dan pen saya jika saya ada perkara seperti itu tetapi juga menyentuh.

565
00:32:14,250 --> 00:32:19,420
Jika saya mempunyai skrin sentuh, saya hanya boleh menarik ke dan terus bekerja dengan itu.

566
00:32:19,420 --> 00:32:21,440
>> Satu perkara yang saya tidak menunjukkan, dan sebab mengapa saya membawa ini sehingga

567
00:32:21,440 --> 00:32:23,840
adalah saya mahu mempunyai satu lagi app untuk menunjukkan kepada anda apa yang boleh anda lakukan,

568
00:32:23,840 --> 00:32:29,480
anda sebenarnya boleh membawa aplikasi dalam Windows dan mengheret mereka ke sisi skrin.

569
00:32:29,480 --> 00:32:33,070
Ini dipanggil menyentap aplikasi.

570
00:32:33,070 --> 00:32:37,800
Dalam kes ini, saya telah mengambil Inkarus dan saya telah menambah ia ke sebelah sini.

571
00:32:37,800 --> 00:32:42,990
Ia kini memandangkan Snap, dan yang membolehkan saya untuk melakukan sesuatu yang lain manakala permohonan yang ada.

572
00:32:42,990 --> 00:32:46,210
Kebanyakan permainan anda akan mencari akan hanya sekadar berhenti seketika.

573
00:32:46,210 --> 00:32:51,090
Itu biasanya satu perkara yang baik untuk melakukan melainkan permainan anda entah bagaimana boleh skala turun

574
00:32:51,090 --> 00:32:54,210
untuk yang kecil daripada resolusi yang, seperti mungkin beberapa jenis permainan papan

575
00:32:54,210 --> 00:32:55,620
atau perkara-perkara seperti itu pada kesempatan.

576
00:32:55,620 --> 00:32:58,570
Tetapi secara umum, perkara yang paling mudah untuk dilakukan dan perkara yang paling sesuai untuk dilakukan untuk permainan

577
00:32:58,570 --> 00:33:00,620
adalah untuk berhenti seketika permohonan.

578
00:33:00,620 --> 00:33:09,440
Untuk aplikasi seperti aplikasi berita, jika saya melancarkan satu ini dan kemudian saya snap ia,

579
00:33:09,440 --> 00:33:16,170
anda akan melihat ia sebenarnya perubahan ketara dalam bagaimana ia membentangkan data kepada anda.

580
00:33:16,170 --> 00:33:20,070
Di sini ia menunjukkan anda benar-benar dalam kuali yang lebih menegak yang maklumat,

581
00:33:20,070 --> 00:33:23,340
tetapi saya masih boleh benar-benar menggunakan aplikasi ini.

582
00:33:23,340 --> 00:33:25,640
Jadi ia masih sangat berguna.

583
00:33:25,640 --> 00:33:29,870
Hakikat bahawa itu memandangkan yang lebih kecil tidak memelihara saya daripada menggunakan aplikasi itu. Jadi berfikir tentang itu.

584
00:33:29,870 --> 00:33:32,090
Ia sesuatu yang anda perlu mempunyai aplikasi anda lakukan untuk tahap,

585
00:33:32,090 --> 00:33:35,370
tetapi ia terpulang kepada anda untuk menentukan bagaimana fungsi aplikasi anda harus

586
00:33:35,370 --> 00:33:39,080
dalam bahawa jenis persekitaran yang lebih kecil.

587
00:33:39,080 --> 00:33:44,780
Izinkan saya menutup satu yang turun dan pergi semula ke dalam di mana kita berada di sini.

588
00:33:44,780 --> 00:33:48,110
>> Edwin, anda menambah gambar saya sudah? >> [Guarin] Yeah. >> [Bowen] Lihatlah itu.

589
00:33:48,110 --> 00:33:51,510
Melihat bahawa? Edwin menambah foto. [Ketawa]

590
00:33:51,510 --> 00:33:54,410
>> Mari kita kembali ke sini ke dalam Visual Studio. Biar saya melancarkan ini untuk anda.

591
00:33:54,410 --> 00:33:58,170
Saya boleh klik pada jubin pada yang Mula skrin.

592
00:33:58,170 --> 00:34:02,630
Ia membawa saya kembali ke mod Desktop, dan ia melancarkan aplikasi desktop Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Ini adalah Windows yang anda sudah tahu.

594
00:34:06,790 --> 00:34:09,100
Saya boleh pergi ke hadapan dan membuat projek di sini.

595
00:34:09,100 --> 00:34:11,159
Kami akan fokus sekali lagi JavaScript, HTML.

596
00:34:11,159 --> 00:34:16,510
Saya akan keluar dan memilih sehingga di sini di bawah JavaScript, Windows Store.

597
00:34:16,510 --> 00:34:19,010
Ada beberapa template yang boleh anda gunakan.

598
00:34:19,010 --> 00:34:21,710
Produktiviti, saya akan mengesyorkan anda mengambil lihat beberapa dari anak-anak lain di sini

599
00:34:21,710 --> 00:34:23,489
seperti Grid dan Split ini.

600
00:34:23,489 --> 00:34:25,270
Mereka benar-benar berguna jika anda membuat permohonan

601
00:34:25,270 --> 00:34:28,960
perkara yang berlaku untuk mempunyai bahawa jenis reka bentuk dan pelayaran. Anda akan melihat ini banyak.

602
00:34:28,960 --> 00:34:33,070
Yang saya hanya menunjukkan anda sebenarnya seorang contoh permohonan Grid.

603
00:34:33,070 --> 00:34:36,880
Jadi, jika anda berfikir anda akan membuat aplikasi berita atau pembaca RSS

604
00:34:36,880 --> 00:34:43,120
atau sesuatu seperti itu yang memperkatakan banyak penyertaan yang anda gunakan untuk menerbitkan terperinci,

605
00:34:43,120 --> 00:34:45,989
berfikir tentang menggunakan salah satu template ini untuk memulakan dengan cepat

606
00:34:45,989 --> 00:34:48,380
dan menyesuaikan ia dari sana.

607
00:34:48,380 --> 00:34:50,120
Tetapi hanya jadi saya boleh menunjukkan kepada anda semua bahagian-bahagian yang bergerak di sini

608
00:34:50,120 --> 00:34:56,120
Saya akan membuat aplikasi yang kosong, dan kemudian kami akan pergi sedikit lebih mendalam ke dalam butiran.

609
00:34:56,120 --> 00:34:58,690
Saya hanya membuat permohonan kosong di sini.

610
00:34:58,690 --> 00:35:01,270
Ia akan mewujudkan keseluruhan projek bagi saya.

611
00:35:01,270 --> 00:35:03,290
Saya akan membuka perkara yang saya ingin menunjukkan kepada anda secara lalai.

612
00:35:03,290 --> 00:35:08,550
Biar saya zum dalam sedikit sedikit untuk menunjukkan kepada anda apa yang dicipta untuk kami di sini.

613
00:35:08,550 --> 00:35:11,350
Perkara-perkara yang anda akan melihat pertama semua lalai dinamakan.

614
00:35:11,350 --> 00:35:15,970
Jadi anda akan mencari default.html, default.js, dan default.css.

615
00:35:15,970 --> 00:35:19,590
Perkara lain untuk menunjukkan adalah bahawa kita sudah mempunyai merujuk kepada apa yang saya nyatakan sebelum ini.

616
00:35:19,590 --> 00:35:24,530
Ini adalah WinJS. Tiada siapa sebenarnya panggilan itu nama ini panjang di sini.

617
00:35:24,530 --> 00:35:27,710
Ia adalah WinJS, Perpustakaan Windows untuk JavaScript.

618
00:35:27,710 --> 00:35:29,530
Jika anda membukanya, anda boleh melihat itu semua di sini.

619
00:35:29,530 --> 00:35:31,820
Ada fail CSS yang berbeza, ada JavaScript.

620
00:35:31,820 --> 00:35:33,520
Ia di sana untuk membantu anda.

621
00:35:33,520 --> 00:35:37,190
Ia benar-benar ada untuk menyediakan kawalan dan gaya dan barangan yang anda hanya boleh menggunakan secara automatik.

622
00:35:37,190 --> 00:35:41,240
Tetapi sekali lagi, jika ada perkara yang anda mahu menggunakan bukan dari segi gaya dan kawalan lain,

623
00:35:41,240 --> 00:35:45,600
ia terpulang kepada anda. Saya akan tunjukkan kepada anda bagaimana untuk menggunakan beberapa perkara-perkara sekarang.

624
00:35:45,600 --> 00:35:51,020
>> Kembali lebih ke sebelah kiri kita, marilah saya tunjukkan kepada anda halaman HTML lalai.

625
00:35:51,020 --> 00:35:54,490
Anda telah melihat barangan WinJS, dan itu benar-benar semua itu berlaku di sana

626
00:35:54,490 --> 00:35:59,930
dengan orang-orang garisan pertengahan markup, hanya membawa masuk CSS secara lalai

627
00:35:59,930 --> 00:36:02,370
dan membawa dalam beberapa JavaScript fail dari WinJS.

628
00:36:02,370 --> 00:36:06,400
Anda tidak perlu untuk menjadi tuan daripada apa yang berlaku di dalam fail-fail.

629
00:36:06,400 --> 00:36:10,110
Ia agak menarik untuk kita lihat pada mereka untuk mengkaji jenis apa yang berlaku di sana

630
00:36:10,110 --> 00:36:14,410
kerana ada cukup menarik teknik pertengahan dan lanjutan berlaku di sana,

631
00:36:14,410 --> 00:36:18,100
tetapi perkara yang bagus adalah seperti pemaju, anda boleh hanya mengambil kesempatan daripada mereka, hanya menggunakan mereka

632
00:36:18,100 --> 00:36:19,510
dan tidak perlu bimbang mengenainya.

633
00:36:19,510 --> 00:36:21,960
Anda masih boleh memandu kereta tanpa perlu mengetahui bagaimana ia berfungsi, bukan?

634
00:36:21,960 --> 00:36:24,180
Jadi, itu jenis perkara yang berlaku di sini.

635
00:36:24,180 --> 00:36:26,930
Ada kawalan dan gaya dan barangan yang anda hanya boleh pergi ke hadapan dan menggunakan

636
00:36:26,930 --> 00:36:31,460
dan kod yang anda boleh gunakan dalam kedua tanpa perlu mengetahui apa yang di dalam sana.

637
00:36:31,460 --> 00:36:33,200
Berikut adalah fail anda sendiri.

638
00:36:33,200 --> 00:36:35,860
Ini adalah tempat anda bahawa anda boleh mengubah suai CSS anda sendiri

639
00:36:35,860 --> 00:36:38,400
dan JavaScript anda sendiri untuk mendapatkan perkara bergolek.

640
00:36:38,400 --> 00:36:43,300
Anda akan menambah fail JavaScript pasti lain dan fail CSS mungkin lain

641
00:36:43,300 --> 00:36:47,480
sebagai projek anda berkembang, tetapi ini adalah benar-benar hanya satu titik permulaan.

642
00:36:47,480 --> 00:36:52,570
Berikut adalah Hello, bersamaan dunia HTML, jadi kami kembali dalam tag badan.

643
00:36:52,570 --> 00:36:55,990
Di bahagian atas, dengan cara itu, ia DOCTYPE HTML5,

644
00:36:55,990 --> 00:37:00,060
jadi anda menyedari bahawa daripada apa yang anda telah bekerja.

645
00:37:00,060 --> 00:37:04,600
Ada penuh IntelliSense di sini juga, jadi jika anda melakukan perkara-perkara seperti jenis di tag video

646
00:37:04,600 --> 00:37:07,340
dan mengembangkan yang keluar, anda mungkin belajar tentang hakikat

647
00:37:07,340 --> 00:37:12,760
yang perlu anda lakukan pengekodan sandaran untuk tag video dalam HTML5 - atau mungkin anda mempunyai -

648
00:37:12,760 --> 00:37:17,490
untuk memastikan bahawa pelayar yang berbeza mempunyai sokongan untuk video anda.

649
00:37:17,490 --> 00:37:22,610
Kami mempunyai perkara-perkara seperti ini di seluruh HTML, di seluruh JavaScript, seluruh CSS.

650
00:37:22,610 --> 00:37:26,020
Yang dibina di, dan saya akan menunjukkan kepada anda CSS dalam satu saat.

651
00:37:26,020 --> 00:37:29,430
Di sini anda boleh pergi ke hadapan dan mula mengubah suai kod, markup.

652
00:37:29,430 --> 00:37:33,700
Malah, sebelum saya mengubah apa-apa, saya akan menjalankan ini dan menunjukkan kepada anda apa yang anda dapat.

653
00:37:33,700 --> 00:37:35,700
Anda akan mendapat skrin percikan yang boleh anda sesuaikan

654
00:37:35,700 --> 00:37:40,940
dan kemudian anda mendapatkan Hello, pengalaman dunia di sini. Ia hebat, bukan?

655
00:37:40,940 --> 00:37:42,640
Teruskan dan kapal itu, kan?

656
00:37:42,640 --> 00:37:45,970
Kandungan pergi di sini. Itu perkara yang asas.

657
00:37:45,970 --> 00:37:48,740
Ia hanya boleh menjadi lebih baik dari sana.

658
00:37:48,740 --> 00:37:51,300
Kami akan teruskan dan menambah dalam beberapa barangan.

659
00:37:51,300 --> 00:37:53,470
Saya ada sedikit markup saya akan menyalin di sini

660
00:37:53,470 --> 00:37:55,740
hanya supaya anda tidak perlu menonton saya menaip.

661
00:37:55,740 --> 00:38:02,620
Biar saya pergi membawa toolbox di sini, dan saya akan pin ini kerana saya akan melakukan ini beberapa kali.

662
00:38:02,620 --> 00:38:05,650
Toolbox, jika anda tidak pernah melihat Visual Studio, adalah di mana anda akan mendapati sekumpulan kawalan.

663
00:38:05,650 --> 00:38:09,050
Anda juga boleh meletakkan coretan kod ke dalam bahawa anda boleh menggunakan semula.

664
00:38:09,050 --> 00:38:16,360
Di sini saya hanya akan pop dalam beberapa HTML yang lain, tiada apa sangat maju pada semua di sini.

665
00:38:16,360 --> 00:38:20,170
Ia hanya asas HTML mengatakan saya mempunyai satu masukan di mana saya boleh menaip,

666
00:38:20,170 --> 00:38:23,860
Saya mempunyai butang di mana saya boleh hantar, dan kemudian saya mempunyai div yang pada asasnya pemegang tempat yang

667
00:38:23,860 --> 00:38:27,360
yang saya boleh gunakan untuk output "Hello, anda menaip ini."

668
00:38:27,360 --> 00:38:32,780
Ia intro untuk contoh HTML.

669
00:38:32,780 --> 00:38:39,340
Jika saya berjalan ini, kami secara automatik mendapatkan HTML, tetapi kita juga secara automatik mendapatkan gaya.

670
00:38:39,340 --> 00:38:42,270
Ini adalah salah satu perkara yang penting dari WinJS.

671
00:38:42,270 --> 00:38:47,250
Ia akan memberikan anda secara lalai lihat beberapa dan rasa yang benar-benar konsisten

672
00:38:47,250 --> 00:38:50,520
dengan seluruh apa yang Windows 8 lakukan.

673
00:38:50,520 --> 00:38:52,110
Di sini anda melihat benda-benda seperti butang.

674
00:38:52,110 --> 00:38:55,890
Butang lalai di dalam HTML tidak kelihatan seperti itu, tetapi ia di sini

675
00:38:55,890 --> 00:39:00,880
kerana ia semakin hak CSS dari fail CSS dalam WinJS.

676
00:39:00,880 --> 00:39:04,680
Jika anda ingin menggunakan sesuatu yang lain, jika anda mahu untuk menukar itu, benar-benar halus,

677
00:39:04,680 --> 00:39:06,790
teruskan dan melakukan apa yang anda suka. Tetapi itu lalai.

678
00:39:06,790 --> 00:39:09,610
Ia akan menjadi lebih akrab kepada pengguna.

679
00:39:09,610 --> 00:39:13,510
Dan sudah tentu ini tidak akan berbuat apa-apa kerana saya tidak benar-benar wayar sehingga apa-apa jenis kod

680
00:39:13,510 --> 00:39:16,630
untuk bertindak balas terhadap itu. Ia hanya HTML.

681
00:39:16,630 --> 00:39:20,630
Jadi saya boleh menghilangkan itu, dan kita akan kembali ke dalam permohonan kami.

682
00:39:20,630 --> 00:39:25,310
>> Izinkan saya beralih kepada default.js kami.

683
00:39:25,310 --> 00:39:29,030
Ini kelihatan agak rumit, tetapi ia hanya melakukan beberapa perkara untuk anda.

684
00:39:29,030 --> 00:39:33,120
Ia boilerplate. Ia akan menjadi sama dalam semua projek-projek anda.

685
00:39:33,120 --> 00:39:36,620
Satu-satunya perkara ini lakukan adalah hanya jenis bertanya, "Bagaimana saya mendapat di sini?"

686
00:39:36,620 --> 00:39:39,090
dan berkata, "Adakah anda melancarkan aplikasi ini untuk kali pertama?"

687
00:39:39,090 --> 00:39:42,640
"Adakah anda meneruskan aplikasi daripada mempunyai ia digantung?"

688
00:39:42,640 --> 00:39:44,510
Beberapa perkara seperti itu.

689
00:39:44,510 --> 00:39:50,300
Benar-benar, tumpuan kami pada gambar ini di sini yang tepat tentang di sini.

690
00:39:50,300 --> 00:39:54,490
Pada ketika ini, talian ini salah satu kod adalah cukup penting.

691
00:39:54,490 --> 00:39:57,070
Ini sebenarnya akan pergi dan melihat melalui semua markup anda,

692
00:39:57,070 --> 00:40:01,640
dan ia akan mencari sesuatu yang anda telah diminta untuk telah bertukar menjadi kawalan,

693
00:40:01,640 --> 00:40:07,220
kawalan lebih mendalam seperti kawalan penarafan, seperti paparan grid, seperti flyout yang

694
00:40:07,220 --> 00:40:09,570
dan perkara-perkara lain yang saya menunjukkan anda pada slaid yang sebelum ini.

695
00:40:09,570 --> 00:40:12,550
Mereka bukan kawalan HTML asli.

696
00:40:12,550 --> 00:40:17,860
Anda hanya tidak mengatakan flyout sebagai unsur dan mempunyai ia tahu apa yang perlu dilakukan.

697
00:40:17,860 --> 00:40:22,120
Apa yang kita benar-benar melakukan perkara yang sama yang berlaku di jenis lain rangka kerja kawalan.

698
00:40:22,120 --> 00:40:26,200
jQuery UI tidak jenis yang sama pendekatan umum.

699
00:40:26,200 --> 00:40:30,800
Anda menggunakan tanda dalam HTML anda, dan kemudian beberapa JavaScript datang melalui kemudian dan berkata,

700
00:40:30,800 --> 00:40:35,900
"Oh, saya tahu apa yang. Itu meminta ini untuk dijadikan barangan ini,"

701
00:40:35,900 --> 00:40:39,850
yang lain lebih ekspresif HTML untuk membuat seperti kawalan penilaian,

702
00:40:39,850 --> 00:40:41,790
yang apa yang saya akan menunjukkan kepada anda sekarang.

703
00:40:41,790 --> 00:40:46,140
Ini sejajar kod adalah janji itu mengatakan, "Apabila janji ini dipenuhi,

704
00:40:46,140 --> 00:40:49,090
"Segala-galanya yang anda meminta kemudiannya telah diwujudkan."

705
00:40:49,090 --> 00:40:52,780
Dan itu sahaja. Ia kelihatan kompleks sedikit, tetapi ia benar-benar yang sama dalam setiap projek.

706
00:40:52,780 --> 00:40:56,690
Turun di sini adalah di mana anda boleh mula menambah dalam apa-apa sahaja yang anda mahu mempunyai berlaku,

707
00:40:56,690 --> 00:40:58,280
jadi kita akan kembali ke sini bahawa dalam satu saat.

708
00:40:58,280 --> 00:41:01,480
>> Pertama sekali, saya memerlukan sedikit kod yang boleh bertindak kepada hakikat

709
00:41:01,480 --> 00:41:03,320
bahawa seseorang telah klik pada butang.

710
00:41:03,320 --> 00:41:06,330
Saya akan teruskan dan meletakkan bahawa dalam di sini.

711
00:41:06,330 --> 00:41:09,620
Sekali lagi, saya tidak akan melakukan apa-apa menaip di hadapan anda di sini.

712
00:41:09,620 --> 00:41:12,560
Sangat asas JavaScript hanya mengatakan apabila ini dipanggil

713
00:41:12,560 --> 00:41:15,270
kita akan diberikan beberapa maklumat tentang bagaimana kita sampai di sini

714
00:41:15,270 --> 00:41:17,630
dan kemudian kita akan melakukan beberapa perkara asas.

715
00:41:17,630 --> 00:41:21,300
Pergi mencari perkara dalam halaman HTML saya yang bernama nameInput,

716
00:41:21,300 --> 00:41:28,490
merebutnya, mengambil nilainya, tamparan "Hello" di hadapannya, dan melekat yang mengakibatkan tali

717
00:41:28,490 --> 00:41:31,960
ke bahawa tag div yang kita lalui sebelum ini yang benar-benar tidak mempunyai apa-apa sebelum ini.

718
00:41:31,960 --> 00:41:37,220
Sekarang kita akan mendapati tag itu dan membuat kandungan dalaman yang sama dengan tali itu.

719
00:41:37,220 --> 00:41:38,880
JavaScript sangat mudah.

720
00:41:38,880 --> 00:41:42,240
Semoga anda menyedari bahawa ada benar-benar apa-apa yang luar biasa berlaku di sini.

721
00:41:42,240 --> 00:41:45,360
Ia hanya lurus ke atas HTML dan JS sini.

722
00:41:45,360 --> 00:41:48,220
Jika saya berjalan ini sekarang, ia masih tidak akan melakukan apa-apa kerja kerana saya tidak berwayar ia sehingga

723
00:41:48,220 --> 00:41:50,030
untuk menerima acara tersebut.

724
00:41:50,030 --> 00:41:55,710
Untuk melakukan itu, saya akan melakukan yang betul di sini, sekali lagi kembali ke toolbox saya,

725
00:41:55,710 --> 00:41:58,730
pop ia di sini.

726
00:41:58,730 --> 00:42:03,060
Saya mengharapkan anda telah melihat semua jenis ini barangan sebelum ini, jadi saya tidak akan lebih menerangkannya.

727
00:42:03,060 --> 00:42:05,060
Sekarang kita akan pergi mendapatkan helloButton.

728
00:42:05,060 --> 00:42:07,730
Kita akan berkata, "Button, tahniah."

729
00:42:07,730 --> 00:42:10,130
"Di sini adalah acara yang anda kini bertindak balas kepada."

730
00:42:10,130 --> 00:42:13,420
"Apabila seseorang mengklik anda, hubungi fungsi ini, buttonClickHandler."

731
00:42:13,420 --> 00:42:17,070
Dan itulah yang fungsi kita hanya ditambah sampai di bahagian bawah sana. Itu sahaja.

732
00:42:17,070 --> 00:42:20,980
Jadi sekarang kita mempunyai permohonan menakjubkan berfungsi.

733
00:42:20,980 --> 00:42:24,720
Saya fikir anda akan benar-benar kagum dengan ini.

734
00:42:24,720 --> 00:42:32,320
Chris. Tunggu untuk itu. Wow. Okay. Itulah yang menakjubkan. [Ketawa]

735
00:42:32,320 --> 00:42:36,570
Tetapi ada lagi. Jangan beli lagi. Tunggu.

736
00:42:36,570 --> 00:42:39,610
>> Biar saya tunjukkan kepada anda lebih sedikit di sini dan keluar dari skrin penuh.

737
00:42:39,610 --> 00:42:42,690
Kami akan berjalan sebelum kita berjalan.

738
00:42:42,690 --> 00:42:45,530
Biar saya pergi dalam dan benar-benar menunjukkan kepada anda sedikit dengan CSS.

739
00:42:45,530 --> 00:42:49,480
Hanya dengan lalai, jika kita melihat kembali pada laman yang di sini,

740
00:42:49,480 --> 00:42:53,570
apabila kita ditarik dalam perkara-perkara ini dari WinJS dan kami mendapat ui-gelap,

741
00:42:53,570 --> 00:42:58,550
sebenarnya, anda boleh mengubahnya untuk lalai untuk menggunakan aplikasi cahaya.

742
00:42:58,550 --> 00:43:03,450
ui-gelap adalah baik untuk aplikasi grafik seperti menggunakan banyak gambar,

743
00:43:03,450 --> 00:43:05,740
anda menunjukkan banyak kandungan visual.

744
00:43:05,740 --> 00:43:12,560
Jika anda menunjukkan banyak kandungan teks, yang ui-cahaya biasanya pilihan yang baik.

745
00:43:12,560 --> 00:43:15,160
Anda tidak perlu memilih, tetapi saya telah bertukar kepadanya

746
00:43:15,160 --> 00:43:17,690
dan kini anda lihat markup yang sama, semua sama,

747
00:43:17,690 --> 00:43:20,320
ia hanya menggunakan asasnya merupakan skim terbalik di sini

748
00:43:20,320 --> 00:43:24,770
di mana semuanya menjadikannya teks hitam pada putih.

749
00:43:24,770 --> 00:43:26,460
Itu semua baik dan baik.

750
00:43:26,460 --> 00:43:30,680
Biar saya keluar di sini, dan mari kita sebenarnya melakukan sedikit lebih dengan CSS.

751
00:43:30,680 --> 00:43:34,830
Saya akan meletakkannya kembali pada gelap kerana saya fikir ia mungkin lebih mudah untuk melihat pada skrin

752
00:43:34,830 --> 00:43:36,970
apabila saya mula melakukan perkara-perkara ini.

753
00:43:36,970 --> 00:43:40,150
Saya akan menggantikan badan sekali lagi.

754
00:43:40,150 --> 00:43:44,040
Saya akan pergi di sini. Biar saya nuke ini.

755
00:43:44,040 --> 00:43:48,690
Mari kita membawa tubuh dengan kelas.

756
00:43:48,690 --> 00:43:53,000
Saya percaya anda telah melakukan selectors asas dengan CSS dan perkara-perkara seperti itu sudah,

757
00:43:53,000 --> 00:43:55,380
jadi anda mungkin tahu apa yang berlaku di sini.

758
00:43:55,380 --> 00:43:59,250
Hanya memberikan beberapa kelas untuk header kita, dan kita sedang mencipta div baru

759
00:43:59,250 --> 00:44:04,430
untuk membalut seluruh bahawa barangan yang kita kini boleh menggunakan untuk gaya semua bersama-sama.

760
00:44:04,430 --> 00:44:07,760
Jadi apa yang boleh saya lakukan sekarang ialah pergi ke CSS lalai kita.

761
00:44:07,760 --> 00:44:11,900
Adakah anda melihat pertanyaan media lagi? Adakah anda bercakap tentang bahawa pada semua?

762
00:44:11,900 --> 00:44:17,220
Media pertanyaan adalah sebahagian daripada trend ini muncul -

763
00:44:17,220 --> 00:44:19,660
atau ia adalah satu trend ditubuhkan kini sebenarnya di Web -

764
00:44:19,660 --> 00:44:22,760
bagi reka bentuk responsif atau penyesuaian,

765
00:44:22,760 --> 00:44:28,480
dan idea adalah bahawa permohonan anda benar-benar boleh menyesuaikan diri dengan sewajarnya

766
00:44:28,480 --> 00:44:31,910
berdasarkan apa peranti yang mereka ditayangkan di boleh lakukan.

767
00:44:31,910 --> 00:44:35,040
Jadi, jika anda pada peranti mudah alih, jelas anda tidak akan mempunyai estet skrin sebanyak sebenar

768
00:44:35,040 --> 00:44:41,520
kerana anda akan pada besar monitor 30 inci duduk dengan desktop, PC besar seperti itu.

769
00:44:41,520 --> 00:44:46,710
Jadi jawapan yang lama untuk yang akan mempunyai 5, 6 versi halaman yang sama

770
00:44:46,710 --> 00:44:51,350
dan anda akan membuka versi yang ditala untuk skrin saiz tertentu.

771
00:44:51,350 --> 00:44:55,420
Tidak besar. Ia amat, sangat berulang-ulang dan terdapat satu tan penyelenggaraan untuk melakukannya.

772
00:44:55,420 --> 00:44:58,120
Sekarang kita mempunyai sesuatu yang dinamakan pertanyaan media CSS,

773
00:44:58,120 --> 00:45:02,530
dan kita boleh gunakan ini untuk mengesan secara automatik apabila ada saiz tertentu

774
00:45:02,530 --> 00:45:07,030
atau penggunaan tertentu kandungan anda yang dilakukan.

775
00:45:07,030 --> 00:45:09,580
Jadi, anda boleh bertindak balas terhadap itu dan anda boleh berkata, "Baiklah, dalam hal ini

776
00:45:09,580 --> 00:45:12,580
"Anda mungkin tidak perlu saya untuk memberitahu anda apa yang berlaku di sini."

777
00:45:12,580 --> 00:45:18,020
Ini hanya mengatakan jika permohonan ini dengan keperluan anda.Yakinlah, seperti yang saya menunjukkan anda sebelum -

778
00:45:18,020 --> 00:45:20,830
merebut dan meletakkannya ke tepi skrin -

779
00:45:20,830 --> 00:45:23,910
maka mari kita buat gaya yang berikut.

780
00:45:23,910 --> 00:45:25,850
Styling bukan sahaja warna dan barangan seperti itu.

781
00:45:25,850 --> 00:45:29,860
Ini juga tentang saiz dan margin dan paddings dan orientasi kandungan

782
00:45:29,860 --> 00:45:34,040
atau melumpuhkan atau membolehkan bahagian-bahagian seluruh halaman anda

783
00:45:34,040 --> 00:45:36,420
dan, dalam hal ini, aplikasi atau permainan anda juga.

784
00:45:36,420 --> 00:45:39,210
Jadi di sini anda boleh melakukan mudah seperti sebagai anda mahu.

785
00:45:39,210 --> 00:45:46,720
Ini tidak akan berguna dalam aplikasi anda, tetapi sudah tiba masanya demo,

786
00:45:46,720 --> 00:45:50,530
jadi saya akan teruskan dan hanya tambah dalam pemilih badan asas dan berkata,

787
00:45:50,530 --> 00:45:58,360
"Apabila saya dengan keperluan anda.Yakinlah, mari kita pergi ke hadapan dan melakukan latar belakang warna dan mari kita memilih sesuatu."

788
00:45:58,360 --> 00:46:00,400
Anda mempunyai IntelliSense di sini. Ini sebenarnya benar-benar sejuk.

789
00:46:00,400 --> 00:46:05,720
Pada tahun 2012 kami telah menambah banyak perkara untuk sokongan CSS dan JavaScript dan HTML.

790
00:46:05,720 --> 00:46:08,690
Anda sudah tentu mendapat drop-down IntelliSense juga, tetapi itu bukan perkara yang sejuk.

791
00:46:08,690 --> 00:46:11,730
Perkara yang sejuk adalah anda mempunyai selectors visual untuk banyak perkara juga.

792
00:46:11,730 --> 00:46:14,120
Jadi, anda boleh pergi melalui dan hanya memilih warna,

793
00:46:14,120 --> 00:46:17,580
atau anda boleh keluar dan menjadi lebih khusus dan anda boleh memilih -

794
00:46:17,580 --> 00:46:22,330
ini akan menjadi amat dahsyat. Saya benar-benar akan memilih warna yang baik di sini.

795
00:46:22,330 --> 00:46:26,500
Watch markup terlalu, dengan cara itu. Itulah format standard RGB anda di sana.

796
00:46:26,500 --> 00:46:30,780
Tetapi jika saya menukar kelegapan, ia akan beralih kepada pemilih saluran alfa sini.

797
00:46:30,780 --> 00:46:36,910
Jadi, anda boleh melihat bahawa, warna dengan dasarnya ketelusan peratus yang anda ada untuk yang

798
00:46:36,910 --> 00:46:38,860
semua dibakar betul-betul di sana.

799
00:46:38,860 --> 00:46:42,530
Saya akan menyimpannya sebagai 100% dan kemudian apabila saya selesai dengan itu, semuanya berjalan dengan lancar dan baik.

800
00:46:42,530 --> 00:46:46,160
Sekarang, jika saya menjalankan aplikasi dan kita mengambil app dan kami snap ia,

801
00:46:46,160 --> 00:46:49,000
bahawa warna latar belakang yang diselaraskan secara automatik

802
00:46:49,000 --> 00:46:53,410
hanya kerana kita mempunyai beberapa CSS yang mengatakan, "Pergi berbuat demikian."

803
00:46:53,410 --> 00:46:55,580
Anda juga boleh menulis JavaScript terlalu yang akan melakukan perkara yang sama

804
00:46:55,580 --> 00:47:03,010
atau anda boleh menggunakan untuk benar-benar berhenti permainan, melakukan perkara-perkara seperti itu.

805
00:47:03,010 --> 00:47:04,310
Itu mungkin apabila anda akan menggunakan JavaScript.

806
00:47:04,310 --> 00:47:06,610
Anda akan mematikan gelung permainan pada ketika itu.

807
00:47:06,610 --> 00:47:09,970
Anda akan memerlukan JavaScript kerana yang tidak akan menjadi sesuatu yang anda akan CSS untuk.

808
00:47:09,970 --> 00:47:11,760
Tetapi perlu diingat ia hanya sesuatu acara.

809
00:47:11,760 --> 00:47:14,860
Anda boleh berkata, "Apabila permohonan saya saiznya,

810
00:47:14,860 --> 00:47:17,780
"Mari kita lihat jika kita terputus." Dan itu sahaja.

811
00:47:17,780 --> 00:47:24,440
>> Okay? Saya telah bercakap banyak. Adakah terdapat soalan setakat ini di mana kita? Yeah.

812
00:47:24,440 --> 00:47:29,310
[Pelajar] Adakah terdapat tutorial untuk sesiapa sahaja untuk mendapatkan maklumat lanjut? >> Yeah.

813
00:47:29,310 --> 00:47:33,510
Persoalannya ialah, adakah tutorial untuk ini? Saya hanya akan memanjangkan kepada segala-galanya.

814
00:47:33,510 --> 00:47:37,490
Terdapat beberapa perkara yang anda boleh pergi ke. Mari kita sebenarnya keluar dari sini.

815
00:47:37,490 --> 00:47:40,150
Biar saya kembali di sini.

816
00:47:40,150 --> 00:47:45,180
Satu perkara yang perlu menunjukkan adalah Visual Studio sendiri mempunyai tutorial dibina masuk

817
00:47:45,180 --> 00:47:47,650
Biar saya menghilangkan ini.

818
00:47:47,650 --> 00:47:51,520
Jika anda pergi dan mewujudkan satu projek baru, jangan Fail, Projek Baru,

819
00:47:51,520 --> 00:47:56,750
dan melihat di sebelah kiri, terdapat nod Online di pemilih ini.

820
00:47:56,750 --> 00:47:59,790
Ia akan mengambil sedikit. Saya kini di MyFi saya di sini.

821
00:47:59,790 --> 00:48:02,300
Tetapi ia akan datang dan ia akan memberi saya peluang untuk mencari template

822
00:48:02,300 --> 00:48:05,190
tetapi juga, lebih penting lagi, sampel juga.

823
00:48:05,190 --> 00:48:06,750
Jadi saya boleh klik pada JavaScript.

824
00:48:06,750 --> 00:48:10,050
Ia akan mencari sampel bagi saya. Resolusi saya adalah cara yang tinggi di sini.

825
00:48:10,050 --> 00:48:15,070
Biasanya, anda akan melihat senarai banyak perkara yang berbeza di sini.

826
00:48:15,070 --> 00:48:18,280
Jika ada sesuatu yang anda ingin mencuba, memilih bahasa,

827
00:48:18,280 --> 00:48:20,970
JavaScript di sini, dan berkata, "Saya tidak tahu bagaimana untuk melakukannya lokasi geo."

828
00:48:20,970 --> 00:48:22,220
"Saya tidak tahu bagaimana untuk membuka fail."

829
00:48:22,220 --> 00:48:25,840
"Saya tidak tahu bagaimana untuk mengambil kesempatan daripada webcam

830
00:48:25,840 --> 00:48:28,290
"Atau mengoptimumkan bagi sentuhan atau perkara-perkara seperti itu."

831
00:48:28,290 --> 00:48:33,190
Terdapat sampel untuk semua: berkongsi, mencari, bar app,

832
00:48:33,190 --> 00:48:37,520
membuat panggilan jauh untuk perkhidmatan, pengekodan JSON.

833
00:48:37,520 --> 00:48:40,390
Semua orang-orang jenis barang di sampel untuk di sini,

834
00:48:40,390 --> 00:48:44,560
dan mereka tidak sampel yang besar yang akan membawa anda sepanjang malam untuk menarik selain

835
00:48:44,560 --> 00:48:46,820
hanya untuk mendapati bahawa satu perkara yang anda mahu belajar.

836
00:48:46,820 --> 00:48:49,870
Mereka benar-benar baik. Mereka kecil, hak untuk jenis titik sampel.

837
00:48:49,870 --> 00:48:52,330
Saya telah belajar satu tan dengan melalui ini diri saya sendiri,

838
00:48:52,330 --> 00:48:55,260
dan saya mencadangkan bahawa banyak sebagai satu benda.

839
00:48:55,260 --> 00:49:01,750
>> Satu lagi perkara yang menunjukkan juga adalah sudah tentu saya menunjukkan anda dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
jadi jika anda kembali ke itu, anda akan melihat di bahagian bawah terdapat juga sampel di sini.

841
00:49:07,490 --> 00:49:12,560
Jadi, anda boleh memuat turun semua daripada mereka sekali gus, tetapi terdapat juga banyak sumber-sumber lain di sini juga

842
00:49:12,560 --> 00:49:14,400
yang boleh membantu anda mendapat sehingga kelajuan.

843
00:49:14,400 --> 00:49:17,870
>> Satu perkara lain, dan saya benar-benar akan mengesyorkan bahawa anda cuba ini,

844
00:49:17,870 --> 00:49:24,510
Saya dapat semuanya di blog saya, tetapi saya hanya akan pergi kanan kepadanya.

845
00:49:24,510 --> 00:49:28,220
Saya akan menunjukkan kepada anda. Blog saya mempunyai sumber dan perkara-perkara seperti itu.

846
00:49:28,220 --> 00:49:35,300
Salah satu perkara yang menunjukkan yang tepat di sini, perkara ini: Idea Anda. App anda. 30 Hari.

847
00:49:35,300 --> 00:49:40,960
Jika anda klik padanya, ia akan membawa anda ke laman web yang benar-benar membantu.

848
00:49:40,960 --> 00:49:44,650
Ini jauh lebih membantu daripada yang anda jangkakan.

849
00:49:44,650 --> 00:49:49,040
Ini akan menjadi 30 hari dari kandungan yang anda pada dasarnya boleh mendapatkan tips dan trik

850
00:49:49,040 --> 00:49:51,990
sepanjang proses seperti yang anda sedang mewujudkan app.

851
00:49:51,990 --> 00:49:55,980
Dan seperti yang anda mungkin jangkakan, anda sebenarnya boleh mendapatkan ia untuk permainan terlalu

852
00:49:55,980 --> 00:49:57,840
dan untuk aplikasi telefon, perkara-perkara seperti itu.

853
00:49:57,840 --> 00:50:01,000
Jadi, pada asasnya mendaftar untuk itu, dan mereka akan menghantar anda tips dan trik,

854
00:50:01,000 --> 00:50:03,010
"Adakah anda berfikir tentang melakukan ini? Adakah anda menyokong Snap?"

855
00:50:03,010 --> 00:50:04,900
"Berikut adalah beberapa garis panduan mengenai bagaimana untuk berbuat demikian juga."

856
00:50:04,900 --> 00:50:07,440
"Pernahkah anda berfikir tentang mengemukakan ke kedai?"

857
00:50:07,440 --> 00:50:09,370
"Pernahkah anda berfikir tentang bagaimana anda akan untuk menjual aplikasi anda?"

858
00:50:09,370 --> 00:50:11,490
Ia akan berjalan melalui semua perkara ini pelbagai.

859
00:50:11,490 --> 00:50:13,380
Dan sebenarnya, jika anda berada di landasan permainan, pada satu ketika

860
00:50:13,380 --> 00:50:17,010
anda akan mula mengiktiraf orang yang bercakap dengan anda

861
00:50:17,010 --> 00:50:22,850
kerana saya benar-benar terpaksa pergi ke Redmint untuk melakukan mereka dan direkodkan 2 video di sana.

862
00:50:22,850 --> 00:50:25,240
Tetapi itu semua sebahagian daripada landasan permainan,

863
00:50:25,240 --> 00:50:27,650
dan terdapat juga trek penuh untuk pembangunan aplikasi umum.

864
00:50:27,650 --> 00:50:29,380
Yang dinamakan Generasi App.

865
00:50:29,380 --> 00:50:33,460
Saya pasti akan mengesyorkan kepada anda juga sebagai tambahan kepada sampel.

866
00:50:33,460 --> 00:50:38,110
>> Ada banyak video di laman web yang dikenali sebagai Channel 9 juga.

867
00:50:38,110 --> 00:50:42,790
Itu mungkin perkara terakhir yang saya akan mengesyorkan dan juga sebelum kita beralih di sini.

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com.

869
00:50:45,280 --> 00:50:48,880
Ini bagus kerana anda tidak akan membaca melalui tan kertas putih.

870
00:50:48,880 --> 00:50:53,880
Ia pada dasarnya banyak video, screencasts dan perkara-perkara yang hak untuk titik.

871
00:50:53,880 --> 00:50:57,940
Saya tidak mengatakan ia sentiasa hak untuk titik. Ia bergantung yang melakukan bercakap.

872
00:50:57,940 --> 00:51:02,290
Tetapi secara amnya, ada beberapa video benar-benar kepada-mata di sini

873
00:51:02,290 --> 00:51:06,230
yang akan menunjukkan kepada anda beberapa perkara tertentu yang anda mungkin mahu belajar atau melihat demoed.

874
00:51:06,230 --> 00:51:11,110
Terdapat juga semua kandungan kami dari persidangan kami yang berlaku beberapa minggu yang lalu

875
00:51:11,110 --> 00:51:14,380
dipanggil Build, dan anda akan melihat bahawa di sana.

876
00:51:14,380 --> 00:51:18,450
Ada teknologi Teras untuk Windows 8 permainan. Terdapat anda pergi.

877
00:51:18,450 --> 00:51:23,150
Saya berada di sana, sebenarnya. Anda tidak boleh melihat saya. Saya di sini.

878
00:51:23,150 --> 00:51:27,560
Tetapi bagaimanapun, itu, saya akan mengesyorkan bahawa anda lihat orang-orang video.

879
00:51:27,560 --> 00:51:29,330
Mereka cukup membantu.

880
00:51:29,330 --> 00:51:32,620
Jika anda terjebak pada sesuatu atau anda hanya mahu melihat apa yang boleh melakukan sesuatu, api mereka ke atas.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail hanya menghantar saya e-mel dengan pautan ke kandungan

882
00:51:36,890 --> 00:51:42,140
kepada pelajar untuk turun dengan kod sampel dan barangan seperti itu. >> [Bowen] Besar.

883
00:51:42,140 --> 00:51:45,510
Awesome. Terima kasih, Edwin.

884
00:51:45,510 --> 00:51:48,320
>> Baik. >> [Pelajar] Saya mempunyai satu soalan. >> [Bowen] Oh. Ya, sila.

885
00:51:48,320 --> 00:51:55,030
[Soalan pelajar didengar] >> [Bowen] Oh, saya gembira anda bertanya itu. Ya.

886
00:51:55,030 --> 00:51:58,940
Persoalannya ialah, adakah antara muka visual bagi saya untuk membuat perkara-perkara?

887
00:51:58,940 --> 00:52:01,630
Edwin akan memberi ganjaran lumayan untuk soalan itu.

888
00:52:01,630 --> 00:52:04,310
Terdapat satu cara untuk melakukan ini.

889
00:52:04,310 --> 00:52:09,040
Yang patut kita buat sekarang? Mari kita lakukan sekarang.

890
00:52:09,040 --> 00:52:11,780
Saya akan pergi kepadanya sekarang.

891
00:52:11,780 --> 00:52:14,070
Sebenarnya, saya tambahkan satu lagi perkara untuk demo ini,

892
00:52:14,070 --> 00:52:16,710
dan kemudian saya akan menunjukkan kepada anda jawapan yang sebenar.

893
00:52:16,710 --> 00:52:21,340
Saya akan menambah dalam CSS yang lebih kecil di sini.

894
00:52:21,340 --> 00:52:23,980
Saya agak off pada tangen di sini.

895
00:52:23,980 --> 00:52:26,770
Biar saya dimasukkan ke dalam beberapa CSS di sini untuk mengambil kesempatan

896
00:52:26,770 --> 00:52:29,980
kelas-kelas yang kami menambah sedikit masa lalu,

897
00:52:29,980 --> 00:52:33,930
untuk kepala, untuk div mainContent, dan kemudian kepada greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Jika saya lakukan itu dan menjalankannya, anda boleh lihat sekarang kami mempunyai padding sedikit berbeza dan margin,

899
00:52:37,920 --> 00:52:40,310
jadi kita perlu benar-benar beberapa ofset di sini.

900
00:52:40,310 --> 00:52:44,630
Ini adalah lebih ke arah apa yang anda akan harapkan daripada permohonan akhir digilap.

901
00:52:44,630 --> 00:52:47,770
Tetapi saya hanya menunjukkan ini kepada anda kerana ia adalah lurus ke atas CSS.

902
00:52:47,770 --> 00:52:51,910
Jadi perkara-perkara yang anda sudah tahu anda boleh menggunakan di sini untuk menyesuaikan kandungan yang anda mahu.

903
00:52:51,910 --> 00:52:55,100
Anda telah melihat bagaimana untuk membuat latar belakang menukar daripada cara itu.

904
00:52:55,100 --> 00:53:02,980
>> Jika saya kembali ke HTML kita, saya akan menambah dalam satu set lebih markup,

905
00:53:02,980 --> 00:53:06,140
dan ini sebenarnya akan menjadi kawalan dari WinJS.

906
00:53:06,140 --> 00:53:09,840
Saya akan pergi dan merebut ini, label. Izinkan saya membuat pasti saya melakukannya di tempat yang betul.

907
00:53:09,840 --> 00:53:11,740
Mungkin cukup baik.

908
00:53:11,740 --> 00:53:15,590
Di sini saya baru sahaja ditambah - dan kami akan pergi skrin penuh supaya anda boleh melihat seluruh perkara yang -

909
00:53:15,590 --> 00:53:18,520
Saya telah menambah label bagi div seterusnya.

910
00:53:18,520 --> 00:53:20,890
Div ini dipanggil ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Dengan sendirinya ia akan berbuat apa-apa.

912
00:53:23,090 --> 00:53:28,570
Jika anda membuka ini dalam pelayar, anda akan melihat kosong, div itu sendiri.

913
00:53:28,570 --> 00:53:31,820
Tetapi kerana itu talian misteri kod yang saya menunjukkan anda sebelum ini,

914
00:53:31,820 --> 00:53:35,650
proses semua, ia akan mencari sesuatu yang kelihatan seperti ini -

915
00:53:35,650 --> 00:53:40,380
data-menang-kawalan - dan ia akan mencari apa sahaja adalah dalam parameter itu.

916
00:53:40,380 --> 00:53:44,560
Ia akan membuat suatu unsur apa sahaja yang ia menunjuk ke.

917
00:53:44,560 --> 00:53:48,850
Dalam kes ini, ia adalah satu kawalan penarafan, jadi saya berkata, "Sila pergi dan menggantikan perkara ini

918
00:53:48,850 --> 00:53:51,400
"Dengan apa sahaja yang anda perlu lakukan untuk membuat kawalan penarafan."

919
00:53:51,400 --> 00:53:56,610
Ia boleh menjadi kawalan flip, ia boleh menjadi cincin kemajuan atau apa sahaja kawalan anda hendak gunakan.

920
00:53:56,610 --> 00:53:59,390
Mereka semua akan bekerja pada dasarnya dengan cara yang sama.

921
00:53:59,390 --> 00:54:02,920
Anda sedang menggunakan standard HTML5 markup untuk menunjukkan apa yang anda mahu,

922
00:54:02,920 --> 00:54:07,670
dan kemudian anda akan mendapat kawalan yang pada akhir ini. Membiarkan saya menjalankan ini.

923
00:54:07,670 --> 00:54:12,270
Saya hanya disalin yang dalam, dan kini markup yang menjadi ini,

924
00:54:12,270 --> 00:54:15,280
yang sebenarnya agak beberapa elemen HTML.

925
00:54:15,280 --> 00:54:18,440
Ini semua adalah imej individu, dan ada divs di sekeliling mereka dengan selectors.

926
00:54:18,440 --> 00:54:22,610
Mudah-mudahan anda dapat melihat bahawa. Ia sedikit halus.

927
00:54:22,610 --> 00:54:27,380
Saya boleh berlegar atas barang-barang yang berbeza, dan ia akan membolehkan saya untuk melihat penarafan sini.

928
00:54:27,380 --> 00:54:31,560
Saya boleh klik padanya, dan ia teringat penarafan tetapi itu mengenainya.

929
00:54:31,560 --> 00:54:33,100
Ia tidak benar-benar melakukan apa-apa kepada rating tersebut.

930
00:54:33,100 --> 00:54:35,230
>> Satu perkara terakhir saya ingin menunjukkan kepada anda mengenai perkara ini

931
00:54:35,230 --> 00:54:37,820
sebelum kita beralih ke satu pengalaman reka bentuk yang lebih visual

932
00:54:37,820 --> 00:54:42,680
adalah sedikit kod yang boleh saya gunakan untuk bertindak balas terhadap WinJS ini kawalan.

933
00:54:42,680 --> 00:54:47,540
Biar saya keluar dari sana, kembali daripada skrin penuh,

934
00:54:47,540 --> 00:54:52,690
dan beralih kepada JS di sini untuk kedua.

935
00:54:52,690 --> 00:54:57,450
Boleh saya lakukan ini di sini. Saya fikir saya akan menggantikan perkara ini.

936
00:54:57,450 --> 00:55:03,080
Sebenarnya, saya rasa ia akan menggantikan semua itu, tetapi kita akan mengetahui bersama-sama.

937
00:55:03,080 --> 00:55:07,350
Saya akan meletakkan ini di sini. Yeah. Saya akan memadam ini juga.

938
00:55:07,350 --> 00:55:11,790
Apa yang saya tambah? Ia kelihatan seperti banyak. Ia bukan banyak.

939
00:55:11,790 --> 00:55:14,920
Saya hanya dilanjutkan bahawa baris kod yang saya telah bercakap tentang sebelum ini,

940
00:55:14,920 --> 00:55:18,590
dan saya berkata, "Apabila semuanya dilakukan, walaupun pun semua kawalan saya telah dibuat,

941
00:55:18,590 --> 00:55:23,660
"Kemudian melakukan ini." Jadi kemudian berjalan fungsi ini dipanggil selesai.

942
00:55:23,660 --> 00:55:27,080
Dalam kes ini, ini adalah bahan yang anda boleh memikirkan.

943
00:55:27,080 --> 00:55:29,040
Pergi mendapati bahawa kawalan div.

944
00:55:29,040 --> 00:55:30,790
Sebenarnya, ada satu perkara yang saya perlu menunjukkan.

945
00:55:30,790 --> 00:55:35,630
Barisan depan sebenarnya berkata, "Saya ada ratingControlDiv itu."

946
00:55:35,630 --> 00:55:39,770
"Saya mahu bercakap dengan ia seolah-olah ia suatu kawalan sebenar, kawalan WinJS."

947
00:55:39,770 --> 00:55:42,020
Jadi, pada asasnya, anda meminta untuk itu daripadanya.

948
00:55:42,020 --> 00:55:44,600
Anda berkata, "Saya mahu bercakap dengan anda sebagai kawalan."

949
00:55:44,600 --> 00:55:47,810
Dan kemudian anda boleh mula mengatakan perkara-perkara seperti, "Kami akan menambah pendengar untuk anda

950
00:55:47,810 --> 00:55:51,430
"Supaya apabila anda berubah kita boleh bertindak balas terhadap itu."

951
00:55:51,430 --> 00:55:56,930
Dan kemudian kita juga boleh melakukan perkara-perkara seperti ini. Sebenarnya, itu kod lama di sana.

952
00:55:56,930 --> 00:55:59,600
Saya rasa saya hilang menampal dalam satu fungsi lebih,

953
00:55:59,600 --> 00:56:05,030
dan yang akan menjadi fungsi sebenar yang akan bertindak balas terhadap kawalan Kedudukan yang diubah.

954
00:56:05,030 --> 00:56:07,710
Biar saya pop yang di sampai di sini,

955
00:56:07,710 --> 00:56:09,840
di suatu tempat di sekitar sana.

956
00:56:09,840 --> 00:56:14,930
Dan dalam kes ini, satu-satunya yang yang baru adalah hakikat bahawa kita akan ke

957
00:56:14,930 --> 00:56:21,000
apa kawalan Kedudukan memberitahu kami dan kami meminta untuk apa yang dipanggil tentativeRating itu.

958
00:56:21,000 --> 00:56:23,150
Ada sekumpulan perkara yang berbeza lain yang kawalan yang boleh memberitahu anda,

959
00:56:23,150 --> 00:56:25,310
dan ia pergi kawalan dengan kawalan.

960
00:56:25,310 --> 00:56:29,140
Ia amat mudah. Anda akan dapat mencari penyelesaiannya ada masalah sekalipun.

961
00:56:29,140 --> 00:56:34,040
Saya berjalan ini, dan sekarang apabila saya menukar penilaian dan klik pada penarafan,

962
00:56:34,040 --> 00:56:36,480
anda boleh lihat sekarang ia sebenarnya untuk membenterasnya.

963
00:56:36,480 --> 00:56:40,280
Ia meletakkan penarafan yang pada skrin ke bahawa tag div sebaliknya kosong

964
00:56:40,280 --> 00:56:42,970
di bawah kawalan penarafan itu.

965
00:56:42,970 --> 00:56:46,670
Itulah keajaiban banyak barangan di sini juga.

966
00:56:46,670 --> 00:56:49,580
Jadi seperti yang anda sedang mencipta aplikasi untuk Store Windows,

967
00:56:49,580 --> 00:56:52,930
terdapat satu tan kawalan yang anda boleh gunakan. Mereka semua bekerja seperti ini.

968
00:56:52,930 --> 00:56:58,670
>> Biar saya tunjukkan kepada anda sebelah visual mereka bentuk untuk aplikasi ini.

969
00:56:58,670 --> 00:57:03,440
Berita baik adalah anda sudah akan mempunyai alat ini apabila anda memasang segala-galanya

970
00:57:03,440 --> 00:57:06,240
jika anda pergi ke turun yang dan anda mendapat Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Saya boleh klik kanan pada ini. Saya tidak akan zum masuk

972
00:57:09,890 --> 00:57:12,040
Ia hanya mengatakan Terbuka di Blend.

973
00:57:12,040 --> 00:57:16,040
Blend merupakan satu lagi alat yang berfungsi bersama dengan Visual Studio

974
00:57:16,040 --> 00:57:19,230
dan memberi tumpuan yang lebih di sebelah reka bentuk perkara,

975
00:57:19,230 --> 00:57:23,660
jadi ia benar-benar permukaan alat yang dioptimumkan untuk mewujudkan gaya,

976
00:57:23,660 --> 00:57:29,720
mewujudkan animasi, bekerja dengan CSS, banyak perkara dalam yang jenis urat.

977
00:57:29,720 --> 00:57:36,380
Di sini apa yang sepatutnya menjadi sangat menarik dan agak jelas dengan serta-merta ialah kita sedang lihat app.

978
00:57:36,380 --> 00:57:40,060
Semoga kita masih berada.

979
00:57:40,060 --> 00:57:42,650
Bukan melihat kod, yang kita masih melihat di bahagian bawah,

980
00:57:42,650 --> 00:57:45,350
kita melihat perwakilan sebenar permohonan.

981
00:57:45,350 --> 00:57:49,640
Apatah lagi, ia bukan hanya perwakilan aplikasi, ia sebenarnya aplikasi berjalan.

982
00:57:49,640 --> 00:57:52,010
Dan itulah yang benar-benar yang baik tentang Blend.

983
00:57:52,010 --> 00:57:58,620
Pasukan telah melakukan banyak kerja untuk membawa HTML dan JavaScript dan CSS ke dalam alat ini.

984
00:57:58,620 --> 00:58:01,930
Kini anda boleh sebenarnya, jika anda ingin tahu, "Apa maksudnya? Apa yang boleh saya lakukan?"

985
00:58:01,930 --> 00:58:08,310
Saya benar-benar boleh mereka dengan permohonan ini walaupun perkara seperti ini tidak wujud dalam markup saya.

986
00:58:08,310 --> 00:58:13,230
Ingat bahawa kawalan Kedudukan? Ia hanya tag div.

987
00:58:13,230 --> 00:58:17,090
Barangan ini, bintang itu, hanya wujud di runtime. Bagaimana saya tahu bahawa?

988
00:58:17,090 --> 00:58:20,300
Ada sedikit sihir di sini.

989
00:58:20,300 --> 00:58:21,700
Lihat ini bolt kilat?

990
00:58:21,700 --> 00:58:25,570
Setiap kali anda melihat bolt kilat, itu bererti ia telah dicipta oleh sesuatu di runtime.

991
00:58:25,570 --> 00:58:31,770
Sesetengah JavaScript berlari dan bertukar sesuatu ke dalam ini atau mencipta ini dengan logik beberapa.

992
00:58:31,770 --> 00:58:37,100
Orang-orang bintang yang anda lihat di sana telah dicipta oleh JavaScript dengan WinJS.

993
00:58:37,100 --> 00:58:41,800
Perkara yang baik adalah, ia tidak perkara itu kepada saya, saya masih boleh mereka itu,

994
00:58:41,800 --> 00:58:44,410
Saya masih boleh masuk dan mengubahnya, saya boleh mengetahui apa yang berlaku di sini,

995
00:58:44,410 --> 00:58:50,260
Saya boleh melihat CSS, saya boleh pergi ke hadapan dan mengetahui mengapa warna adalah cara ia adalah,

996
00:58:50,260 --> 00:58:54,610
Saya boleh mula kerunsingan dengan perkara-perkara dan membuat perkara yang dahsyat,

997
00:58:54,610 --> 00:58:58,360
apa yang saya mahu lakukan.

998
00:58:58,360 --> 00:59:01,020
Sebenarnya, saya akan meninggalkan perkara yang semata-mata.

999
00:59:01,020 --> 00:59:03,980
Tetapi anda boleh lihat di sini itu semua CSS dan ia menunjukkan anda di sini.

1000
00:59:03,980 --> 00:59:10,120
Jika saya pergi ke sana, ia akan menunjukkan kepada anda semua yang mereka panggil Menang,

1001
00:59:10,120 --> 00:59:14,850
supaya kaedah-kaedah CSS yang adalah yang paling khusus dan yang paling dipilih untuk item itu,

1002
00:59:14,850 --> 00:59:17,110
yang anda mungkin telah pergi ke atas dalam kelas anda,

1003
00:59:17,110 --> 00:59:22,000
di mana anda boleh mengatakan ada font umum bahawa kita memohon kepada segala-galanya,

1004
00:59:22,000 --> 00:59:26,860
tetapi kerana ini adalah h1 dan saya mempunyai warna yang ditakrifkan untuk h1s,

1005
00:59:26,860 --> 00:59:29,820
ia akan menjadi warna ini, dan itu kerana ia lebih khusus daripada body1 itu.

1006
00:59:29,820 --> 00:59:32,590
Ini perkara satu di sini menunjukkan anda semua itu,

1007
00:59:32,590 --> 00:59:35,470
dan ia benar-benar barangan berkuasa seperti anda mendapat lebih kompleks,

1008
00:59:35,470 --> 00:59:38,160
anda tertanya-tanya mengapa perkara-perkara ini adalah cara mereka.

1009
00:59:38,160 --> 00:59:41,020
Ia benar-benar akan memberitahu anda, dan anda boleh memilih mana-mana barang-barang ini di sini.

1010
00:59:41,020 --> 00:59:43,370
Warna yang tidak terlalu buruk, sebenarnya.

1011
00:59:43,370 --> 00:59:47,150
Anda boleh memilih mereka. Mudah-mudahan anda boleh melihat ini.

1012
00:59:47,150 --> 00:59:52,410
Untuk segala-galanya yang ada pada permohonan anda, anda lihat lata seluruh

1013
00:59:52,410 --> 00:59:56,070
semua CSS yang boleh digunakan untuk itu dan yang mana satu akan menang,

1014
00:59:56,070 --> 00:59:58,050
yang mana satu sebenarnya mengambil keutamaan.

1015
00:59:58,050 --> 01:00:00,930
Ini adalah jenis membosankan. Terdapat bukan banyak berlaku di sesetengah.

1016
01:00:00,930 --> 01:00:04,660
Jika saya pergi dan menukar warna, maka anda akan mula melihat beberapa melata di sana.

1017
01:00:04,660 --> 01:00:07,760
Anda juga boleh menggunakan HTML di sini juga.

1018
01:00:07,760 --> 01:00:12,490
Saya boleh pergi melalui dan mengubah suai sifat HTML untuk semua perkara-perkara seperti yang saya mahu.

1019
01:00:12,490 --> 01:00:14,620
Ada hanya tan barangan di sini.

1020
01:00:14,620 --> 01:00:18,070
>> Saya tidak mahu mengambil masa anda dengan pergi melalui semua di sini. Hanya tahu ia di sini.

1021
01:00:18,070 --> 01:00:21,700
Ada banyak reka bentuk berorientasikan-fungsi itu hanya disediakan untuk anda

1022
01:00:21,700 --> 01:00:26,730
jadi anda boleh tinggal visual, bekerja dengan permohonan itu, dan tidak perlu melakukan banyak meneka

1023
01:00:26,730 --> 01:00:32,180
bahawa anda perlu melakukan seperti biasa dan berbasikal balik dari pelayar kembali ke dalam reka bentuk anda,

1024
01:00:32,180 --> 01:00:33,940
belakang untuk pelayar.

1025
01:00:33,940 --> 01:00:37,010
Ini benar-benar barangan sejuk untuk itu, dan seperti yang anda membangunkan aplikasi Windows Store,

1026
01:00:37,010 --> 01:00:39,650
ia akan membuat anda lebih produktif.

1027
01:00:39,650 --> 01:00:45,150
>> Anda juga akan melihat ia mengesan markup di sini dan CSS anda

1028
01:00:45,150 --> 01:00:47,270
seperti yang anda sedang bekerja melalui perkara yang berbeza.

1029
01:00:47,270 --> 01:00:50,180
Ia mungkin benar-benar sukar bagi anda untuk melihat bahawa, terutama pada video,

1030
01:00:50,180 --> 01:00:54,680
tetapi itulah apa yang berlaku di sini, dan saya akan mengesyorkan anda menjadi biasa dengan itu.

1031
01:00:54,680 --> 01:00:57,240
Ini akan menjimatkan banyak masa. Itulah Blend.

1032
01:00:57,240 --> 01:01:00,520
Jika anda membuat apa-apa perubahan di sini, mereka secara automatik akan membawa kembali lebih

1033
01:01:00,520 --> 01:01:01,870
untuk Visual Studio.

1034
01:01:01,870 --> 01:01:06,590
Ia adalah fail yang sama, ia adalah segala-galanya yang sama. Saya akan biarkan dia bersendirian.

1035
01:01:06,590 --> 01:01:08,650
Saya mempunyai contoh yang lebih baik yang saya ingin menunjukkan kepada anda.

1036
01:01:08,650 --> 01:01:11,660
Tetapi jika saya membuat perubahan di sana dan disimpan dan saya pulang untuk Visual Studio, ia akan berkata,

1037
01:01:11,660 --> 01:01:16,390
"Hei, anda hanya menukar sesuatu. Bolehkah saya memuat semula untuk anda?" Ya.

1038
01:01:16,390 --> 01:01:18,770
Dan anda menggunakan barangan yang sama di sana.

1039
01:01:18,770 --> 01:01:21,320
Itulah akhir sampel yang tertentu.

1040
01:01:21,320 --> 01:01:28,170
>> Saya ingin menunjukkan kepada anda sampel akhir yang lebih tinggi hanya untuk memberi anda gambaran fungsi lain

1041
01:01:28,170 --> 01:01:30,350
anda mungkin berfikir tentang juga.

1042
01:01:30,350 --> 01:01:32,280
Ini adalah aplikasi sampel yang anda boleh memuat turun.

1043
01:01:32,280 --> 01:01:35,620
Jika anda mencari sesuatu yang dinamakan Kem Windows dalam Peti,

1044
01:01:35,620 --> 01:01:40,340
terdapat beberapa sampel yang dalam itu, dan salah seorang daripada mereka adalah The Cookbook Contoso.

1045
01:01:40,340 --> 01:01:41,640
Saya hanya boleh menjalankan ini untuk anda.

1046
01:01:41,640 --> 01:01:44,700
Skrin percikan Custom. Ini adalah permohonan Paparan grid.

1047
01:01:44,700 --> 01:01:49,590
Mereka telah terikat beberapa data adat di sini. Anda boleh menavigasi melalui ini.

1048
01:01:49,590 --> 01:01:53,090
Anda boleh pergi dan lihat pelbagai perkara yang akan menjadikan kita lapar pada petang Jumaat.

1049
01:01:53,090 --> 01:01:57,760
Saya tidak tahu. Apa yang akan membuat saya yang paling lapar?

1050
01:01:57,760 --> 01:02:00,530
Saya tidak tahu. Saya hanya akan memilih satu.

1051
01:02:00,530 --> 01:02:02,460
Anda pergi ke dalam perkara-perkara ini. Ia akan menunjukkan kepada anda resipi.

1052
01:02:02,460 --> 01:02:04,900
Anda juga boleh, dan bukannya klik pada item,

1053
01:02:04,900 --> 01:02:10,360
anda boleh pergi hak untuk kategori kandungan, seksyen itu kandungan.

1054
01:02:10,360 --> 01:02:15,590
Dalam kes ini, anda boleh membaca banyak palsu Latin memberitahu anda semua tentang resipi ini di sini

1055
01:02:15,590 --> 01:02:17,720
dan kemudian pergi terus ke dalam resipi tertentu.

1056
01:02:17,720 --> 01:02:22,770
Ini juga menyokong perkara seperti perkongsian yang saya menunjukkan anda sebelum ini dengan gambar-gambar.

1057
01:02:22,770 --> 01:02:26,160
Anda juga boleh mencari ke dalam aplikasi ini juga.

1058
01:02:26,160 --> 01:02:28,880
Ia amat mudah untuk membuat carian.

1059
01:02:28,880 --> 01:02:31,300
Pada asasnya, anda hanya mendapat rentetan teks dari Windows

1060
01:02:31,300 --> 01:02:34,720
dan anda membuat keputusan bagaimana anda mahu untuk mengendalikan carian dengan itu.

1061
01:02:34,720 --> 01:02:39,830
Ia beberapa baris kod untuk mendapatkan itu, dan kemudian apa yang anda lakukan dengannya selepas itu benar-benar terpulang kepada anda.

1062
01:02:39,830 --> 01:02:44,180
>> Di sini mereka juga mempunyai bar aplikasi di mana mereka menggunakan beberapa fungsi lain.

1063
01:02:44,180 --> 01:02:45,430
Saya hanya akan memberitahu anda apa yang ada.

1064
01:02:45,430 --> 01:02:48,220
Peringatan akan menggunakan apa yang dipanggil pemberitahuan roti bakar.

1065
01:02:48,220 --> 01:02:52,930
Ini benar-benar berguna untuk membiarkan pengguna tahu apabila perkara yang telah berlaku,

1066
01:02:52,930 --> 01:02:55,850
seperti permohonan telah dipasang atau sesuatu yang telah selesai.

1067
01:02:55,850 --> 01:02:57,950
Ia juga baik untuk permainan juga.

1068
01:02:57,950 --> 01:03:02,360
Jika anda mempunyai sebuah dunia yang berterusan atau papan pemimpin dan perkhidmatan yang yang hosting yang

1069
01:03:02,360 --> 01:03:08,490
mungkin pada mesin yang berasingan, mereka pemberitahuan boleh dihantar ke dalam mesin

1070
01:03:08,490 --> 01:03:12,240
dan walaupun pengguna tidak menggunakan permainan anda, bermain permainan anda atau menjalankan aplikasi anda,

1071
01:03:12,240 --> 01:03:15,170
mereka masih boleh mendapatkan pemberitahuan mengenai orang-orang jenis acara.

1072
01:03:15,170 --> 01:03:19,350
Jadi, anda boleh berkata, "istana anda telah dimusnahkan atau hanya kira-kira musnah."

1073
01:03:19,350 --> 01:03:22,870
"Dapatkan semula di sini dan mempertahankannya," atau sesuatu seperti itu.

1074
01:03:22,870 --> 01:03:26,830
Anda klik pada pemberitahuan itu, anda pergi segera kembali ke dalam permainan, dan anda boleh memainkannya.

1075
01:03:26,830 --> 01:03:32,170
Jadi orang-orang jenis perkara yang boleh benar-benar membantu menarik orang ke dalam aplikasi anda cukup berkesan.

1076
01:03:32,170 --> 01:03:37,450
>> Terdapat juga menyokong dalam permohonan ini untuk menggunakan mikrofon, webcam,

1077
01:03:37,450 --> 01:03:39,560
melakukan video dan mengambil gambar.

1078
01:03:39,560 --> 01:03:42,080
Anda juga boleh pin jubin menengah.

1079
01:03:42,080 --> 01:03:46,760
Ini berguna jika anda mahu hanya mempunyai jubin yang pergi hak untuk kandungan tertentu.

1080
01:03:46,760 --> 01:03:49,960
Dalam kes ini, ia pergi hak untuk resipi ini.

1081
01:03:49,960 --> 01:03:51,300
Semua saya menyebut saya hanya menunjukkan

1082
01:03:51,300 --> 01:03:53,270
kerana ia perkara yang anda boleh berfikir tentang menggunakan juga.

1083
01:03:53,270 --> 01:03:57,590
Bagi sebahagian besar, mereka sangat mudah untuk digunakan.

1084
01:03:57,590 --> 01:04:00,070
Saya hanya akan mengesyorkan anda membawa sampel explorer

1085
01:04:00,070 --> 01:04:03,600
dan mencari sampel yang boleh menunjukkan kepada anda bagaimana untuk melakukannya.

1086
01:04:03,600 --> 01:04:07,140
Ia agak mudah untuk membawa mereka ke dalam aplikasi anda di sana juga.

1087
01:04:07,140 --> 01:04:11,030
>> Saya akan menunjukkan kepada anda sesuatu yang lain yang agak sejuk di sini.

1088
01:04:11,030 --> 01:04:15,230
Saya akan mengambilnya permohonan ini, dan saya akan kembali kepada Visual Studio.

1089
01:04:15,230 --> 01:04:18,870
Permohonan ini sedang berjalan. Ia berjalan dari Visual Studio.

1090
01:04:18,870 --> 01:04:21,370
Yang boleh saya lakukan beberapa perkara cukup sejuk dengan itu.

1091
01:04:21,370 --> 01:04:23,840
Saya benar-benar mempunyai pilihan untuk memilih satu elemen,

1092
01:04:23,840 --> 01:04:28,250
dan saya boleh pergi ke sini untuk permohonan secara langsung dan boleh saya katakan,

1093
01:04:28,250 --> 01:04:34,000
"Saya tertanya-tanya mengapa Masa penyediaan sedikit lebih ringan kelabu daripada hak itu sendiri?"

1094
01:04:34,000 --> 01:04:35,680
Saya boleh klik padanya.

1095
01:04:35,680 --> 01:04:38,080
Ia akan menyegerakkan yang kembali ke dalam Visual Studio,

1096
01:04:38,080 --> 01:04:43,780
dan ia akan menunjukkan kepada saya apa kandungan yang dijana yang mengakibatkan bahagian UI.

1097
01:04:43,780 --> 01:04:47,270
Jadi dalam kes ini, ia adalah perkara-sarikata dan h4 membina dua kali,

1098
01:04:47,270 --> 01:04:51,110
dan mungkin memberitahu kita apa yang kita perlu tahu kerana sebagai h4 dalam konteks itu,

1099
01:04:51,110 --> 01:04:53,550
ia akan mendapatkan jenis tertentu fon.

1100
01:04:53,550 --> 01:04:56,410
Tetapi jika saya masih tidak tahu mengapa, saya boleh klik pada Gaya Trace.

1101
01:04:56,410 --> 01:05:02,330
Saya kemudian boleh mengembangkan keluar warna dan saya boleh mengetahui dengan tepat mengapa warna yang tidak warna badan

1102
01:05:02,330 --> 01:05:04,640
tetapi sebenarnya adalah sesuatu yang lain.

1103
01:05:04,640 --> 01:05:07,210
Ini adalah asasnya alat yang dev dari Internet Explorer

1104
01:05:07,210 --> 01:05:09,530
ke tahap yang dibawa ke dalam Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Jika anda telah bekerja dengan Tools Chrome Dev, Firebug, perkara-perkara seperti itu,

1106
01:05:12,110 --> 01:05:14,720
orang-orang jenis alat-alat yang dalam pelayar,

1107
01:05:14,720 --> 01:05:17,340
yang jenis fungsi telah dibawa terus ke dalam Visual Studio

1108
01:05:17,340 --> 01:05:22,090
jadi anda tidak benar-benar perlu untuk memulakan pelayar dan bekerja dengan orang-alat berasingan.

1109
01:05:22,090 --> 01:05:24,320
Sekarang saya mempunyai aplikasi Windows Store hanya berjalan,

1110
01:05:24,320 --> 01:05:27,840
dan saya boleh mula menarik selain dan mendapat tahu mengapa perkara lakukan apa yang mereka.

1111
01:05:27,840 --> 01:05:30,440
>> Saya juga boleh melakukannya dengan cara ini juga.

1112
01:05:30,440 --> 01:05:35,020
Saya boleh pergi dan hanya memilih sesuatu yang betul dari markup dan mengetahui apa yang ada

1113
01:05:35,020 --> 01:05:38,560
dalam permohonan itu sendiri. Saya rasa saya telah berlalu segala-galanya.

1114
01:05:38,560 --> 01:05:41,440
Di sini saya berlegar ini. Saya boleh pilih ia.

1115
01:05:41,440 --> 01:05:45,540
Ia akan menunjukkan kepada saya dalam aplikasi yang berjalan sebenar di mana perkara yang

1116
01:05:45,540 --> 01:05:48,070
bahawa saya kini klik pada di markup.

1117
01:05:48,070 --> 01:05:49,700
Barangan benar-benar sejuk.

1118
01:05:49,700 --> 01:05:52,710
Seperti yang anda cuba untuk mencari tahu apa yang berlaku dan apa yang HTML lakukan,

1119
01:05:52,710 --> 01:05:56,080
apa CSS lakukan, menyimpan ini dalam minda.

1120
01:05:56,080 --> 01:05:58,450
Ingat ini adalah di sini untuk anda

1121
01:05:58,450 --> 01:06:02,070
dan juga Blend yang boleh bekerja dengan permohonan yang hidup berjalan.

1122
01:06:02,070 --> 01:06:06,070
>> Satu perkara terakhir saya mahu menunjukkan kepada anda dengan permohonan ini -

1123
01:06:06,070 --> 01:06:09,290
Dengan cara itu, ia menunjukkan anda delta sebagai perkara menukar juga,

1124
01:06:09,290 --> 01:06:11,160
jadi anda boleh menonton bagi mereka sorotan kuning.

1125
01:06:11,160 --> 01:06:14,060
Mereka adalah perkara-perkara yang baru sahaja berubah dalam permohonan itu.

1126
01:06:14,060 --> 01:06:16,350
Tetapi satu perkara yang lepas. Saya mahu kembali ke Kisar hanya untuk kedua di sini.

1127
01:06:16,350 --> 01:06:21,790
Kami akan membuka sehingga ini, Terbuka di Blend, aplikasi sama, semua sama.

1128
01:06:21,790 --> 01:06:28,660
Saya hanya mahu menunjukkan kepada anda pengalaman di sini bukan sahaja anda terjebak di halaman rumah

1129
01:06:28,660 --> 01:06:32,880
melihat perkara yang anda akan mendapat secara lalai apabila anda menjalankan aplikasi dan biarkan ia duduk di sana.

1130
01:06:32,880 --> 01:06:36,490
Anda juga boleh menghidupkan ikon kecil yang cantik ini di sini.

1131
01:06:36,490 --> 01:06:38,560
Ia dipanggil mod Interaktif.

1132
01:06:38,560 --> 01:06:41,560
Anda klik pada itu. Ia akan membawa permohonan anda.

1133
01:06:41,560 --> 01:06:43,730
Anda tidak dalam mod Design lagi, jadi anda tidak akan klik pada perkara-perkara

1134
01:06:43,730 --> 01:06:47,270
untuk menukar fungsi, tetapi anda benar-benar boleh bekerja dengan permohonan sekarang.

1135
01:06:47,270 --> 01:06:51,560
Anda boleh mengklik, anda boleh melakukan apa sahaja, dapat resipi yang anda mengambil berat tentang

1136
01:06:51,560 --> 01:06:54,810
atau kategori. Mari kita pergi ke kategori ini.

1137
01:06:54,810 --> 01:06:56,880
Saya akan berkata, "Baiklah, di sini adalah di mana saya mahu reka bentuk."

1138
01:06:56,880 --> 01:06:59,680
Kemudian anda klik butang itu lagi, ia akan membawa anda kembali ke permukaan Design,

1139
01:06:59,680 --> 01:07:02,130
dan sekarang anda boleh melakukan semua perkara yang saya bercakap tentang sebelum ini.

1140
01:07:02,130 --> 01:07:06,230
Saya akan menyimpan klik sehingga saya mendapatkan ini dipilih, mengetahui dimensi,

1141
01:07:06,230 --> 01:07:09,890
mengetahui HTML untuk itu, CSS untuk itu

1142
01:07:09,890 --> 01:07:14,990
untuk aplikasi yang berjalan, beberapa bahagian kemudian permohonan.

1143
01:07:14,990 --> 01:07:17,780
Sangat, sangat berguna. Saya akan menunjukkan kepada anda.

1144
01:07:17,780 --> 01:07:21,340
Sila simpan dalam fikiran jika anda sedang mencari ke dalam menulis kod dengan ini

1145
01:07:21,340 --> 01:07:26,070
kerana ia akan menjimatkan banyak kerumitan, dan ia barangan yang cukup baik.

1146
01:07:26,070 --> 01:07:32,370
Yang cukup banyak semua saya mahu menunjukkan kepada anda di Blend dan dalam Visual Studio untuk semua itu.

1147
01:07:32,370 --> 01:07:36,130
>> Soalan mengenai sama ada dari orang-orang alat?

1148
01:07:36,130 --> 01:07:40,000
Apa-apa pun? >> [Guarin] Saya mempunyai barangan untuk memberi, soalan begitu baik, bahan yang baik.

1149
01:07:40,000 --> 01:07:43,700
>> [Bowen ketawa] Saya telah menunjukkan kepada kamu demo saya di sini.

1150
01:07:43,700 --> 01:07:47,000
Saya akan meletakkannya di halaman Sumber dan beralih kepada soalan sekarang.

1151
01:07:47,000 --> 01:07:53,850
Bahawa rujukan pertama ialah Generasi App tapak dengan trek permainan dan trek app.

1152
01:07:53,850 --> 01:07:55,040
Mendaftar untuk mereka.

1153
01:07:55,040 --> 01:07:57,210
Anda tidak perlu menunggu 30 hari untuk mendapatkan kandungan.

1154
01:07:57,210 --> 01:08:00,370
Anda boleh mula pergi dan melihat kandungan yang anda mahu.

1155
01:08:00,370 --> 01:08:04,380
Saya faham tempoh masa yang anda mungkin berbeza daripada - [ketawa]

1156
01:08:04,380 --> 01:08:07,780
Oleh itu, apabila adalah Hackathon? Itu merupakan beberapa minggu, bukan?

1157
01:08:07,780 --> 01:08:09,620
Jadi, anda tidak mempunyai 30 hari untuk menunggu.

1158
01:08:09,620 --> 01:08:13,180
Jadi yeah, anda boleh mendaftar untuk itu dan kemudian hanya mula menarik kandungan keluar daripadanya.

1159
01:08:13,180 --> 01:08:15,320
Juga Dev dan Pusat Design.

1160
01:08:15,320 --> 01:08:17,620
Dan saya tidak menyebut ini, tetapi ada juga Store Docs.

1161
01:08:17,620 --> 01:08:22,880
Ini adalah untuk selepas Hackathon kerana anda sudah bersedia untuk mula mengemukakan aplikasi anda untuk kedai.

1162
01:08:22,880 --> 01:08:27,350
Terdapat beberapa garis panduan membantu di sini, beberapa panduan tentang bagaimana untuk mendapatkan perkara-perkara ke dalam kedai,

1163
01:08:27,350 --> 01:08:29,960
isu biasa yang mungkin perjalanan anda ke atas,

1164
01:08:29,960 --> 01:08:32,540
dan itulah kesudahan orang-orang sumber.

1165
01:08:32,540 --> 01:08:35,300
>> Jadi apa yang di fikiran anda? Apa-apa lagi yang anda -

1166
01:08:35,300 --> 01:08:40,580
[Guarin] Siapa yang memikirkan tentang melakukan aplikasi Windows untuk CS50? Sejuk.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] Percuma. Besar.

1168
01:08:44,149 --> 01:08:49,410
>> Apa-apa soalan mengenai barangan yang anda lihat setakat ini dan bagaimana ia berkaitan dengan ini?

1169
01:08:49,410 --> 01:08:54,540
Sebagai contoh, lebih banyak masa saya boleh mengambil permainan yang saya telah menulis

1170
01:08:54,540 --> 01:08:57,310
dan yang berjalan dalam pelayar dan hanya jenis melalui proses yang

1171
01:08:57,310 --> 01:08:59,870
membawa itu ke dalam Visual Studio dan menjadikannya aplikasi Windows Store.

1172
01:08:59,870 --> 01:09:02,870
Ia mengambil masa yang lebih daripada yang kita benar-benar mempunyai untuk memasukkan hari ini,

1173
01:09:02,870 --> 01:09:08,010
tetapi versi pendek adalah ia kod yang sama yang anda telah berjalan dalam pelayar,

1174
01:09:08,010 --> 01:09:11,680
dan perkara-perkara yang anda menukar adalah perkara-perkara yang anda memutuskan untuk palam masuk ke Windows 8.

1175
01:09:11,680 --> 01:09:16,220
Jadi jika anda mahu menggunakan azimat, jika anda mahu untuk mencari atau berkongsi,

1176
01:09:16,220 --> 01:09:19,899
anda perlu membuat bar aplikasi untuk menyembunyikan diri beberapa fungsi sebiji,

1177
01:09:19,899 --> 01:09:21,939
mereka adalah jenis perkara yang anda akan berubah.

1178
01:09:21,939 --> 01:09:25,229
Tetapi teras aplikasi web anda boleh kekal utuh.

1179
01:09:25,229 --> 01:09:29,590
Sekali lagi, selagi ia berfungsi dalam IE10, ia akan menjadi pelabuhan benar-benar mudah

1180
01:09:29,590 --> 01:09:33,680
untuk membawa barangan itu ke dalam Visual Studio, ke Blend, dan menjadikannya sebagai aplikasi Windows Store.

1181
01:09:33,680 --> 01:09:37,500
Sekali lagi, perkara-perkara sahaja yang anda perlukan untuk belajar adalah mereka ciri-ciri lain

1182
01:09:37,500 --> 01:09:41,830
yang boleh anda gunakan untuk menyalakan sesuatu permohonan, seperti jubin yang hidup dan orang-orang jenis perkara.

1183
01:09:41,830 --> 01:09:46,899
>> Yeah. >> [Pelajar] Soalan saya adalah tentang bekerja bimbit.

1184
01:09:46,899 --> 01:09:52,210
Jadi, jika anda membuat aplikasi yang bekerja sebagai aplikasi pada desktop,

1185
01:09:52,210 --> 01:09:56,480
ia benar-benar mudah untuk memindahkannya ke telefon bimbit, atau ada -

1186
01:09:56,480 --> 01:10:01,270
Persoalannya, jika saya membuat aplikasi Windows Store yang benar-benar dioptimumkan untuk persekitaran ini

1187
01:10:01,270 --> 01:10:06,430
dan saya mahu membawanya ke satu dunia mudah alih, apa yang terlibat dengan melakukan itu?

1188
01:10:06,430 --> 01:10:10,060
Bahawa, seperti banyak soalan, sentiasa jawapan yang sentiasa berubah.

1189
01:10:10,060 --> 01:10:16,190
Berita baik adalah jika anda melekat dengan HTML dan JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
jika anda bermula dari aplikasi Windows Store,

1191
01:10:18,720 --> 01:10:20,590
ia akan membiarkan anda membawa ia ke Web

1192
01:10:20,590 --> 01:10:24,650
dan kemudian menggunakan orang-orang jenis teknik, seperti pertanyaan media dan perkara-perkara,

1193
01:10:24,650 --> 01:10:27,180
untuk menyesuaikan diri dengan peranti bersaiz berbeza.

1194
01:10:27,180 --> 01:10:29,900
Yang berkata, selalu ada rangka kerja dan perkara di luar sana

1195
01:10:29,900 --> 01:10:33,450
sokongan yang melanjutkan keluar teknologi yang berbeza, platform yang berbeza.

1196
01:10:33,450 --> 01:10:35,670
Yang berubah setiap masa.

1197
01:10:35,670 --> 01:10:40,030
Kami juga mengubah perkara-perkara dan juga kita melihat ke arah apa yang kita ada sekarang

1198
01:10:40,030 --> 01:10:42,950
sebenarnya dengan Windows Telefon 8.

1199
01:10:42,950 --> 01:10:44,930
Kami mempunyai beberapa infrastruktur dikongsi teras

1200
01:10:44,930 --> 01:10:48,180
ditawarkan antara aplikasi untuk mereka persekitaran.

1201
01:10:48,180 --> 01:10:51,200
Jadi barangan yang anda lakukan untuk mewujudkan aplikasi Windows Store,

1202
01:10:51,200 --> 01:10:57,790
banyak yang boleh membawa lebih ke dalam Windows Phone 8 permohonan juga.

1203
01:10:57,790 --> 01:11:02,270
Yang sekali lagi adalah cerita yang baru muncul, jadi ada beberapa kandungan tentang itu di Build.

1204
01:11:02,270 --> 01:11:06,780
SDK ini hanya keluar sedikit masa lalu. Ia hanya mengeluarkan satu masa yang dekat yang lalu.

1205
01:11:06,780 --> 01:11:09,920
Tetapi dari segi platform lain juga,

1206
01:11:09,920 --> 01:11:13,360
anda mungkin menghadapi banyak rangka kerja cross-platform juga.

1207
01:11:13,360 --> 01:11:16,170
Berita baik adalah barangan yang anda lakukan di sini,

1208
01:11:16,170 --> 01:11:19,620
fungsi teras adalah lurus ke atas barangan web standard.

1209
01:11:19,620 --> 01:11:24,010
Perkara-perkara sahaja yang tidak dapat diterjemahkan dengan mudah perkara-perkara yang Windows 8 tidak,

1210
01:11:24,010 --> 01:11:28,060
tetapi itu tidak menghairankan kerana ia adalah ciri Windows.

1211
01:11:28,060 --> 01:11:34,090
Anda tidak akan mencari perkongsian atau jenis yang sama kontrak pada setiap platform lain.

1212
01:11:34,090 --> 01:11:37,480
Jadi mereka adalah perkara-perkara yang anda mahu dari perspektif reka bentuk

1213
01:11:37,480 --> 01:11:40,820
pastikan anda mempunyai cara untuk jenis abstrak yang keluar supaya anda boleh berkata,

1214
01:11:40,820 --> 01:11:42,970
"Jika saya berjalan pada ini, saya boleh melakukannya."

1215
01:11:42,970 --> 01:11:48,120
Jika saya tidak, ada beberapa corak reka bentuk yang anda boleh gunakan untuk menyembunyikan jenis barangan yang jauh.

1216
01:11:48,120 --> 01:11:53,360
Tetapi ingatlah bahawa dalam fikiran. Yeah. Maaf. Teruskan.

1217
01:11:53,360 --> 01:11:58,130
>> [Pelajar] Jika saya ingin menguji aplikasi Windows saya di atas [didengar]

1218
01:11:58,130 --> 01:12:02,310
[Bowen] Yeah. Saya dilangkau satu lagi perkara juga. Yeah.

1219
01:12:02,310 --> 01:12:04,910
Saya akan menjawab soalan anda terlebih dahulu, maka saya akan menunjukkan kepada anda ciri saya terlupa untuk menyebut.

1220
01:12:04,910 --> 01:12:09,220
Kami mempunyai beberapa mesin terdapat di dalam negara. Saya minta maaf.

1221
01:12:09,220 --> 01:12:11,240
Persoalannya ialah, bagaimana saya menguji perkara pada peranti

1222
01:12:11,240 --> 01:12:14,230
jika saya tidak berlaku kepada mempunyai banyak perkara-perkara untuk dipilih?

1223
01:12:14,230 --> 01:12:17,130
[Guarin] Kami dipinjamkan anda lelaki, saya rasa, 5 atau 6. Berapa banyak yang anda perlukan?

1224
01:12:17,130 --> 01:12:20,940
[Pelajar] Kami mendapat 4 daripada mereka. >> Okay. Anda lelaki mendapat 4 slates untuk bermain-main dengan.

1225
01:12:20,940 --> 01:12:25,520
Jadi pasti membiarkan semua orang tahu, sila. [Ketawa] >> [Bowen] Awesome.

1226
01:12:25,520 --> 01:12:27,610
Itu satu jawapan yang lebih baik daripada saya akan memberi anda.

1227
01:12:27,610 --> 01:12:31,250
Kami mempunyai waktu pejabat untuk pemaju yang kita lakukan di pejabat kami

1228
01:12:31,250 --> 01:12:35,110
dan kini datang tidak lama lagi untuk Store Microsoft lebih di Pru,

1229
01:12:35,110 --> 01:12:37,010
tetapi Edwin telah dijaga anda.

1230
01:12:37,010 --> 01:12:42,180
Terdapat 4 slates tersedia untuk meminjamkan, untuk ujian.

1231
01:12:42,180 --> 01:12:45,440
Di sana kami pergi. Ada satu contoh salah di sana.

1232
01:12:45,440 --> 01:12:47,340
Jadi yeah, benar-benar. Besar.

1233
01:12:47,340 --> 01:12:52,700
Tentu setakat ini cara terbaik untuk menguji ia berada di peranti.

1234
01:12:52,700 --> 01:12:56,810
Jika anda tidak berlaku untuk mempunyai satu lagi atau anda tidak mahu berjalan di kampus dalam salji

1235
01:12:56,810 --> 01:13:01,130
untuk merebut satu atau apa sahaja, terdapat satu cara untuk melakukan ini kembali dalam Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Jika saya pergi semula ke dalam di mana saya berada di sini, di sini dan bukannya menggunakan Mesin Tempatan,

1237
01:13:10,360 --> 01:13:13,590
anda boleh menyambung kepada Mesin jauh, tetapi itu bukan apa yang saya bercakap tentang di sini.

1238
01:13:13,590 --> 01:13:16,830
Simulator adalah perkara yang anda mungkin mahu melihat ke dalam.

1239
01:13:16,830 --> 01:13:22,120
Saya akan menjalankan ini, dan benar-benar apa itu, ia pada dasarnya tingkap ke sistem anda sendiri.

1240
01:13:22,120 --> 01:13:26,260
Berikut adalah sebenarnya sistem berjalan saya, berlari Contoso,

1241
01:13:26,260 --> 01:13:29,550
tetapi dengan cara yang membolehkan saya menukar beberapa parameter pelaksanaan,

1242
01:13:29,550 --> 01:13:31,060
parameter alam sekitar.

1243
01:13:31,060 --> 01:13:34,150
Jadi saya boleh katakan di sini, "Anda tahu apa?"

1244
01:13:34,150 --> 01:13:39,240
Oh. Saya sudah mempunyai ia berjalan dalam simulasi 27-inci monitor pada resolusi 2560.

1245
01:13:39,240 --> 01:13:44,930
Saya dengan mudah boleh jatuh yang turun dan melihat apa permohonan saya akan lakukan dengan skrin yang lebih kecil

1246
01:13:44,930 --> 01:13:47,480
atau dengan menukar tetapan DPI atau apa sahaja.

1247
01:13:47,480 --> 01:13:50,700
Maka pada skrin kecil, 10.6, apa yang ia akan lakukan?

1248
01:13:50,700 --> 01:13:53,040
Yang masih kelihatan agak baik, bukan?

1249
01:13:53,040 --> 01:13:58,220
Anda akan mahu melakukan ini, terutama jika anda mengemukakan ke kedai, kerana kita

1250
01:13:58,220 --> 01:14:00,480
sebagai sebahagian daripada proses ujian.

1251
01:14:00,480 --> 01:14:02,400
Dan jika ada masalah seperti itu,

1252
01:14:02,400 --> 01:14:06,160
maka anda mungkin menghadapi isu disahkan sebagai untuk kedai.

1253
01:14:06,160 --> 01:14:09,240
Tetapi itu sebahagian daripada simulator. Benar-benar sejuk. Sangat mudah untuk berbuat demikian.

1254
01:14:09,240 --> 01:14:11,480
Anda juga boleh menggunakan ciri-ciri seperti berputar itu juga.

1255
01:14:11,480 --> 01:14:15,650
Saya boleh klik butang di sini, telah ia berputar, melihat apa yang seseorang akan mempunyai sebagai pengalaman

1256
01:14:15,650 --> 01:14:20,970
berputar sabak mereka, tablet mereka, dan menggunakan aplikasi anda dengan itu.

1257
01:14:20,970 --> 01:14:25,060
Terdapat beberapa perkara lain juga seperti emulasi sentuh dan beberapa perkara lain,

1258
01:14:25,060 --> 01:14:27,210
menetapkan GPS.

1259
01:14:27,210 --> 01:14:31,050
Saya boleh berpura-pura saya di lokasi yang berbeza dan melihat apa yang permohonan saya tidak

1260
01:14:31,050 --> 01:14:34,690
apabila saya berpura-pura bahawa saya kembali di Seattle atau sesuatu.

1261
01:14:34,690 --> 01:14:41,970
Tetapi ia adalah satu ciri benar-benar berguna, dan ia dibina di kedua-duanya Visual Studio dan Blend.

1262
01:14:41,970 --> 01:14:44,460
Ya. Soalan anda.

1263
01:14:44,460 --> 01:14:48,530
>> [Pelajar] Jika anda menulis satu permainan, tidak Visual Studio mempunyai apa-apa sokongan untuk animasi?

1264
01:14:48,530 --> 01:14:55,550
Yeah. Persoalannya adalah sekitar sokongan animasi, terutamanya dengan permainan.

1265
01:14:55,550 --> 01:14:58,380
Ia bergantung. [Chuckles]

1266
01:14:58,380 --> 01:15:06,870
Dengan JavaScript yang akan saya katakan terdapat mungkin adalah sokongan kurang daripada ada di sebelah XAML yang,

1267
01:15:06,870 --> 01:15:11,430
yang mempunyai garis masa, mempunyai papan cerita dan perkara-perkara yang dibina masuk

1268
01:15:11,430 --> 01:15:18,710
Untuk animasi pada aplikasi JavaScript, saya tidak tahu berapa banyak jawapan saya ingin memberi anda.

1269
01:15:18,710 --> 01:15:25,110
Saya mempunyai sumber di blog saya yang pergi melalui banyak pilihan untuk kedua-dua animasi fizik,

1270
01:15:25,110 --> 01:15:29,280
pilihan untuk permainan JavaScript berorientasikan pada Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Saya akan merujuk anda kepada mereka.

1272
01:15:31,300 --> 01:15:34,300
Pada asasnya, terdapat begitu banyak pilihan.

1273
01:15:34,300 --> 01:15:37,770
Sebab saya teragak-agak ada begitu banyak pilihan untuk melakukan animasi dengan JavaScript.

1274
01:15:37,770 --> 01:15:44,280
Ia boleh menjadi CSS, ia boleh berasaskan kanvas-akan, ia boleh menjadi animasi DOM hanya asas,

1275
01:15:44,280 --> 01:15:47,470
ia boleh menjadi banyak perkara yang berbeza, jadi ia benar-benar bergantung kepada pilihan anda.

1276
01:15:47,470 --> 01:15:55,790
Jika anda membuat keputusan untuk menggunakan sesuatu seperti Create.js atau Lime atau jenis lain rangka kerja -

1277
01:15:55,790 --> 01:15:59,150
Well, saya tidak pasti anda akan dapat menggunakan rangka kerja akhir yang lebih tinggi

1278
01:15:59,150 --> 01:16:01,370
suka Kesan atau Bina.

1279
01:16:01,370 --> 01:16:07,000
Yang cenderung untuk menjana lebih banyak kod daripada anda mungkin menganggap dari awal.

1280
01:16:07,000 --> 01:16:11,730
Tetapi dalam kes-kes, anda masih boleh menggunakan simulator, anda boleh menggunakan persekitaran,

1281
01:16:11,730 --> 01:16:17,480
dan saya cenderung untuk hanya menggunakan persekitaran ini untuk platform ujian saya dalam kes-kes

1282
01:16:17,480 --> 01:16:19,930
kerana saya membangunkan permainan.

1283
01:16:19,930 --> 01:16:22,110
Saya telah halus terutamanya dengan animasi kanvas,

1284
01:16:22,110 --> 01:16:23,850
yang mungkin perkara yang paling biasa.

1285
01:16:23,850 --> 01:16:27,360
Yang terbaik anda akan mungkin mendapati adalah alat dev dalam pelayar

1286
01:16:27,360 --> 01:16:30,160
dan alat dev dalam Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Jenis jawapan yang berliku-liku di sana, tetapi mudah-mudahan saya mendapat jawapan anda. Ya. Anda.

1288
01:16:34,610 --> 01:16:36,470
>> [Pelajar] Apakah pilihan penyimpanan data untuk Windows 8 aplikasi?

1289
01:16:36,470 --> 01:16:41,100
Apakah pilihan penyimpanan data untuk Windows 8 aplikasi, aplikasi Windows Store?

1290
01:16:41,100 --> 01:16:46,790
Pilihan anda benar-benar adalah setiap permohonan mendapat kolam sendiri simpanan tempatan

1291
01:16:46,790 --> 01:16:52,150
untuk tetapan dan untuk data, tetapi ia juga sungguh mudah menggunakan storan perayauan,

1292
01:16:52,150 --> 01:16:54,920
menggunakan storan berasaskan awan. Ia percuma.

1293
01:16:54,920 --> 01:16:58,250
Apa yang berlaku ialah anda pada dasarnya memilih kelas yang berbeza dan anda berkata,

1294
01:16:58,250 --> 01:17:03,370
"Tetapan Roaming, Simpan, ini set tertentu kandungan,"

1295
01:17:03,370 --> 01:17:06,050
dan akaun Microsoft mereka, apa sahaja yang mereka telah mendaftar sebagai,

1296
01:17:06,050 --> 01:17:08,620
akan menjadi kunci kepada perayauan maklumat bahawa kira-kira.

1297
01:17:08,620 --> 01:17:13,790
Jadi, jika saya menggunakan permainan anda pada komputer riba saya dan kemudian saya log masuk dengan akaun yang sama

1298
01:17:13,790 --> 01:17:18,900
dan saya bermain permainan pada Permukaan atau tablet,

1299
01:17:18,900 --> 01:17:23,610
yang secara automatik akan berkeliaran bahawa tetapan dan data antara mesin-mesin.

1300
01:17:23,610 --> 01:17:27,550
Itu satu perkara yang lalai. Itulah yang baik untuk jumlah tertentu data.

1301
01:17:27,550 --> 01:17:30,220
Anda tidak akan meletakkan pangkalan data yang besar kepada mereka.

1302
01:17:30,220 --> 01:17:35,350
Untuk itu anda perlu pergi ke jenis lain penyelesaian, seperti pangkalan data yang dianjurkan dalam awan,

1303
01:17:35,350 --> 01:17:36,690
perkara seperti itu.

1304
01:17:36,690 --> 01:17:39,840
Terdapat beberapa pilihan komuniti lain di seluruh jenis lain teknologi data.

1305
01:17:39,840 --> 01:17:42,920
Saya telah melihat beberapa pilihan SQLite dalam masyarakat di sekitar sana juga.

1306
01:17:42,920 --> 01:17:46,690
Jadi semakin banyak muncul, tetapi mereka adalah perkara-perkara utama yang anda akan melihat ke arah

1307
01:17:46,690 --> 01:17:49,430
untuk permainan atau aplikasi.

1308
01:17:49,430 --> 01:17:50,610
Dan anda mempunyai soalan di belakang juga.

1309
01:17:50,610 --> 01:18:02,390
>> [Pelajar] Dari segi rangkaian [didengar] memuat naik atau memuat turun fail [didengar]

1310
01:18:02,390 --> 01:18:04,870
[Bowen] Adakah soalan anda bagaimana anda dapat melihat bahawa atau bagaimana anda boleh debug itu dan mengujinya?

1311
01:18:04,870 --> 01:18:10,630
[Pelajar] Bagaimana anda boleh debug ia [didengar]

1312
01:18:10,630 --> 01:18:12,670
Maaf. Saya tidak dapat mendengar semua itu.

1313
01:18:12,670 --> 01:18:16,480
[Pelajar] Bagaimana anda mendapatkannya bug diuji dan juga [didengar]

1314
01:18:16,480 --> 01:18:17,490
Besar. Besar.

1315
01:18:17,490 --> 01:18:21,860
Bagaimana anda bekerja dengan rangkaian? Bagaimana anda boleh melihat apa yang berlaku?

1316
01:18:21,860 --> 01:18:23,620
Ada banyak jawapan yang berbeza untuk satu ini,

1317
01:18:23,620 --> 01:18:26,420
tetapi biarlah saya tunjukkan kepada anda mungkin perkara yang paling mudah di sini.

1318
01:18:26,420 --> 01:18:29,350
Biar saya menghilangkan simulator untuk kali kedua.

1319
01:18:29,350 --> 01:18:31,740
Hanya beberapa debugging pilihan untuk rangkaian.

1320
01:18:31,740 --> 01:18:36,070
Ada timbunan rangkaian penuh dibakar terus ke dalam kedua-dua peringkat WinRT dan dari WinJS,

1321
01:18:36,070 --> 01:18:42,810
jadi anda boleh dengan mudah membuat XHR, jenis AJAX panggilan dari permainan atau aplikasi anda untuk melakukannya.

1322
01:18:42,810 --> 01:18:47,250
Terutamanya, saya cenderung untuk menggunakan 2 perkara.

1323
01:18:47,250 --> 01:18:53,660
Saya menggunakan alat dev sebenar diri mereka sendiri, yang mempunyai timbunan rangkaian dibakar ke dalam mereka.

1324
01:18:53,660 --> 01:18:55,870
Biar saya tunjukkan kepada anda laman utama Windows.

1325
01:18:55,870 --> 01:19:02,730
Saya boleh membawa ini, dan ada sebenarnya satu rangkaian proksi dibakar ke dalam alat ini di sini.

1326
01:19:02,730 --> 01:19:08,390
Jadi saya boleh melakukan ini, saya boleh menyegarkan halaman, dan ia akan menunjukkan kepada saya semua interaksi,

1327
01:19:08,390 --> 01:19:14,550
termasuk AJAX panggilan untuk sesi itu, untuk tempoh yang permintaan ini.

1328
01:19:14,550 --> 01:19:17,600
Ini berguna. Ia akan menjadi sangat berguna untuk aplikasi berasaskan pelayar.

1329
01:19:17,600 --> 01:19:20,470
Untuk jenis lain aplikasi, termasuk aplikasi Windows Store,

1330
01:19:20,470 --> 01:19:23,970
Saya menggunakan alat yang dipanggil Fiddler.

1331
01:19:23,970 --> 01:19:29,650
Anda akan mendapat satu perlawanan dalam tindak balas. [Chuckles]

1332
01:19:29,650 --> 01:19:32,750
Pemain biola adalah proksi mudah. Saya rasa saya boleh menunjukkan bahawa kepada anda.

1333
01:19:32,750 --> 01:19:40,190
Ia hanya GetFiddler.com, yang, cukup menarik, saya mengesan timbunan rangkaian saya

1334
01:19:40,190 --> 01:19:41,740
akan GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
Tetapi bagaimanapun, Fiddler yang telah ditulis oleh salah seorang daripada dua Perdana pada pasukan IE,

1336
01:19:45,700 --> 01:19:48,290
supaya dia tahu apa yang dia lakukan.

1337
01:19:48,290 --> 01:19:52,630
Ini adalah proksi baik yang anda boleh gunakan untuk trafik rangkaian debugging.

1338
01:19:52,630 --> 01:19:55,730
Saya akan mengesyorkan bahawa. Soalan di sana juga.

1339
01:19:55,730 --> 01:19:58,050
>> [Pelajar] Adakah terdapat cara mudah untuk mengintegrasikan input bahasa asing,

1340
01:19:58,050 --> 01:20:00,810
seperti Jepun atau Cina, ke dalam aplikasi Windows?

1341
01:20:00,810 --> 01:20:03,240
Saya tidak boleh mengatakan saya telah melakukan terlalu banyak sendiri, tetapi ia dibakar masuk

1342
01:20:03,240 --> 01:20:08,470
Terdapat pilihan untuk kursus pemancar permohonan anda -: saya minta maaf, saya tidak mengatakan soalan -

1343
01:20:08,470 --> 01:20:11,100
pilihan sekitar globalisasi, penyetempatan kandungan,

1344
01:20:11,100 --> 01:20:14,320
termasuk perkara-perkara seperti dapat menjual dalam pasaran yang berlainan

1345
01:20:14,320 --> 01:20:19,190
dan sasaran yang versi permohonan anda untuk bahasa-bahasa individu

1346
01:20:19,190 --> 01:20:21,080
atau budaya atau perkara seperti itu. Tentu dibina masuk

1347
01:20:21,080 --> 01:20:22,980
Kami telah mempunyai sokongan untuk itu untuk selama-lamanya,

1348
01:20:22,980 --> 01:20:26,630
dan yang membawa ke hadapan ke dalam pilihan anda untuk Windows Store.

1349
01:20:26,630 --> 01:20:30,450
Anda boleh berbuat demikian di kedai itu sendiri, menjual dalam pasaran yang berlainan,

1350
01:20:30,450 --> 01:20:34,050
anda boleh melakukannya dalam permohonan dan juga juga dengan menggunakan sumber-sumber untuk menentukan,

1351
01:20:34,050 --> 01:20:42,220
"Jika saya dibangunkan untuk budaya ini, kemudian gunakan mengatasi ini untuk kandungan teks saya

1352
01:20:42,220 --> 01:20:44,510
"Atau menggunakan hak untuk pembaca kiri."

1353
01:20:44,510 --> 01:20:51,290
Mereka adalah sebahagian daripada WinJS lalai dan WinRT API. Soalan yang baik.

1354
01:20:51,290 --> 01:20:54,770
>> Bagaimana kita lakukan? Apa-apa yang lain?

1355
01:20:54,770 --> 01:20:58,850
Dan sesiapa video mempunyai soalan, saya cbowen @ microsoft,

1356
01:20:58,850 --> 01:21:02,790
jadi saya gembira untuk mengambil apa-apa soalan anda dari masa depan.

1357
01:21:02,790 --> 01:21:05,690
Sangat - Dari masa depan, masa depan [meniru echo].

1358
01:21:05,690 --> 01:21:09,140
Jadi di sini adalah saya. Izinkan saya meletakkan kembali kenalan saya di sini.

1359
01:21:09,140 --> 01:21:11,840
Jadi hanya menghantar saya nota, cbowen @ microsoft,

1360
01:21:11,840 --> 01:21:15,190
dan saya akan kembali kepada anda secepat yang saya boleh.

1361
01:21:15,190 --> 01:21:19,010
>> Apa-apa lagi yang anda tertanya-tanya? Adakah kita yang baik?

1362
01:21:19,010 --> 01:21:24,050
Besar. Baiklah. Terima kasih semua sangat banyak. Saya menghargainya. [Tepukan]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]