[Powered by Google Translate] [Seminar - Windows 8 - Pembangunan App / Permainan dengan HTML5]
[Chris Bowen, Edwin Guarin - Universiti Harvard]
[Ini adalah CS50. - CS50.TV]
>> Hey, semua orang. Nama saya Edwin Guarin. Ini adalah Chris Bowen.
Saya akan memberitahu beliau memperkenalkan dirinya dalam satu saat.
Saya hanya mahu membuat pengumuman yang cepat.
Pertama sekali, semua yang anda CS50 pelajar mendapatkan Windows 8 secara percuma.
Jadi, jika anda berfikir tentang sebenarnya menggunakannya untuk projek akhir anda, ia adalah milik anda.
Nate akan menghantar e-mel kemudian untuk arahan.
Perkara kedua ialah jika anda membuat keputusan untuk menulis aplikasi Windows 8 untuk projek akhir CS50 anda,
kita akan melakukan beberapa giveaways: sebuah Xbox,
kita mungkin dapat memberikan senarai calon yang jauh, barangan seperti itu.
Jadi, jika ada apa-apa yang memegang anda kembali, mari Chris atau saya tahu
bagaimana kita boleh membantu anda membina sesuatu benar-benar sejuk.
Jadi terima kasih sekali lagi untuk datang hari ini, dan saya akan menyerahkannya kepada Chris.
>> Terima kasih, Edwin.
Terima kasih, semua orang, untuk menyertai kami hari ini.
Saya Chris Bowen. Saya merupakan salah seorang rakan sekerja Edwin di sini di Timur Laut.
Saya hanya mahu menghabiskan sedikit masa dengan anda bercakap tentang
bagaimana untuk membuat sebuah aplikasi Windows Store dengan HTML5, JavaScript, dan CSS
dan jenis mendapat apa-apa soalan yang anda ada tentang hal itu menjawab untuk anda
kerana anda sedang mencari ke arah memikirkan mungkin menggunakannya untuk CS50 akhir peluang.
>> Yang berkata, kita hanya akan menyelam hak masuk
Saya akan pergi ke slaid di sini.
Jika anda mempunyai sebarang soalan, berasa bebas untuk menghantar e-mel saya.
Saya cbowen@microsoft.com, dan ada blog saya dan Twitter saya.
Walau bagaimanapun anda mahu untuk berhubung dengan saya, itu baik.
Saya ada kira-kira sejam barangan, dan saya ingin mendapatkan soalan-soalan anda di sepanjang jalan,
jadi jangan segan untuk mempunyai soalan semasa ini.
Mereka tidak dapat melihat siapa yang bertanya soalan pada rakaman,
jadi anda akan sebagai tanpa nama yang anda mahu menjadi.
>> Biar saya menyelam betul-betul di, hanya memberikan pengenalan cepat untuk Windows 8,
dan menunjukkan kepada anda beberapa perkara mengenai aplikasi Windows Store yang anda boleh mempertimbangkan
sebagai anda berfikir tentang membangunkan aplikasi.
Kami sedang mencari di Windows 8. Kami telah keluar untuk beberapa minggu sekarang.
Banyak penggunaan kuat di luar sana sudah.
Anda mungkin telah melihat sudah mesin Permukaan yang kita ada juga.
Ada satu di sini sebenarnya anda boleh lihat jika anda di sini secara peribadi.
Saya benar-benar mahu bercakap dengan anda, menunjukkan kepada anda sekitar sedikit tentang Windows 8.
Idea dengan Windows 8, ia benar-benar membawa ke hadapan semua barangan yang anda tahu mengenai Windows
ke dalam beberapa pengalaman baru - khususnya, perkara suka pada mesin Permukaan dengan sentuhan,
ini jenis lebih peranti mudah alih yang kini di pasaran,
tetapi ia juga Windows pada terasnya.
Jadi ia bermakna anda boleh memasang ia benar-benar apa-apa yang berjalan Windows 7,
dari SLI tiga anda permainan pelantar terbesar ke komputer riba anda
dan berkilat peranti baru anda yang lain yang anda mungkin mengambil hari ini.
Mereka akan menjalankan Windows 8.
Saya akan menunjukkan kepada anda sekitar hanya sedikit,
dan semua pengalaman yang anda akan lihat di sini adalah perkara-perkara yang anda boleh buat.
Idea ini adalah sama ada sentuhan, tetikus, papan kekunci,
apa sahaja peranti ini adalah bahawa anda menjalankan aplikasi anda, ia akan berjalan hebat.
Windows 8 akan membantu dengan semua senario.
>> Ini slaid diketepikan, mari kita hanya mendapatkan hak ke dalam mengambil lihat di sekeliling di sini.
Biar saya tunjukkan kepada anda sekitar skrin rumah saya. Ini adalah skrin Mula saya.
Saya hanya akan memberikan sedikit pelancongan di sini.
Saya pada mesin bukan sentuh, supaya banyak yang saya mahu menyentuh skrin komputer riba saya,
ia tidak akan melakukan sesuatu perkara, jadi saya hanya akan tatal sekitar sini sedikit dan menunjukkan kepada anda.
Beberapa perkara yang anda mungkin notis adalah hakikat bahawa apa yang dipanggil jubin hidup
sebenarnya boleh bernyawa, dan mereka boleh memberi maklumat kepada anda -
mungkin kemas kini statistik untuk permainan
atau menunjukkan kepada anda berita dari beberapa aplikasi sebelum ini bahawa di sini di sebelah kiri.
Di sana kami pergi. Saya pasti ia hanya positif dan berita fantastically besar.
Anda boleh lihat di sini ia benar-benar menarik perhatian anda kembali ke apl, dengan berkata,
"Hei, ada sesuatu yang baru di sini. Sila lihat. Datang kembali dan melihat apa yang baru untuk anda."
Yang dinamakan jubin secara langsung, dan anda boleh melakukan pemberitahuan
sama ada betul dari permohonan itu sendiri
atau jika anda melihat dengan lebih terperinci, anda akan mengetahui bagaimana untuk menulis perkhidmatan jauh
yang benar-benar boleh menolak maklumat kepada jubin,
iaitu apa yang berlaku dengan aplikasi berita.
Mereka sebenarnya mendapat berita dari langit dan mengemaskini jubin di sana
supaya orang tahu ada sebab untuk membuka permohonan dan melihat
pada apa sahaja berita terkini adalah dalam mana-mana
atau jika ada resipi baru atau skor tinggi baru untuk mengalahkan
atau bermain kawan atau apa sahaja pada aplikasi ini.
Ia sesuatu untuk menarik anda kembali masuk
Jadi, itu jubin secara langsung, dan ia boleh menjadi seseorang, ia boleh menjadi sebuah laman web juga.
Biasanya ia permohonan.
>> Hampir semua perkara-perkara yang saya ada di sini datang dari Kedai Windows. Saya akan melancarkan itu.
Ia adalah salah satu aplikasi yang anda dapat dengan lalai
di mana-mana mesin yang sedang berjalan Windows 8.
Anda boleh datang ke sini untuk mencari apa sahaja yang anda akan mahu,
daripada perkara-perkara yang disorotkan untuk permainan yang saya tidak pernah melihat sebelum ini.
Oh, wow, kami telah mendapat pinball baru di sini.
Anda boleh memasang ini di sini dari kedai,
dan kita akan bercakap tentang bagaimana untuk membangunkan ini.
Anda mempunyai banyak pilihan dalam bagaimana anda mencipta mereka.
Kami akan memberi tumpuan dalam cerita JavaScript dengan HTML dan CSS,
tetapi kepada pengguna, kepada pembeli aplikasi, tidak kira apa yang telah ditulis masuk
Mereka boleh pergi ke hadapan dan bekerja dengannya.
Saya tertarik dengan satu ini, jadi saya perlu membuka ini dan mengambil melihat.
Setiap aplikasi, termasuk orang-orang yang anda boleh mengemukakan dan menjual atau memberi secara percuma,
apa sahaja yang anda mahu lakukan di kedai, akan mendapat halaman rumah seperti ini.
Anda boleh mengemukakan permohonan anda sekumpulan tembakan skrin - anda melihat beberapa di sini -
butiran mengenai permohonan itu, dan dari masa ke masa anda akan mengumpul kedua-dua penilaian -
mereka pada dasarnya hanya penarafan bintang - dan ulasan,
yang memberi gambaran yang lebih sedikit.
Sebenarnya, seseorang telah menaip sesuatu dan memberitahu anda bagaimana hebat anda,
dan yang akan pergi ke dalam seksyen Ulasan anda di sini, yang saya tidak memandang.
Hebat. "Adakah tidak boleh dibuka." Bagaimana besar.
Nah, bagi orang yang baginya ini tidak terbuka dan berlari, mereka seolah-olah benar-benar menikmatinya. [Ketawa]
Simpan ini dalam fikiran. Internet. Sesiapa pun boleh mengatakan apa yang mereka mahu mengenai aplikasi anda.
Jadi pastikan anda sedang melakukan pekerjaan yang besar dengan itu,
pastikan anda menjadikan ia sebagai selesa untuk pengguna yang anda boleh
kerana mereka pasangan klik dari menyediakan kajian semula,
dan yang akan mengumpul sehingga Kedudukan kajian keseluruhan anda.
Dan anda mahu melakukan yang terbaik kerana anda akan menentang aplikasi lain.
Akan ada beribu-ribu aplikasi yang telah di kedai,
dan kemungkinan besar, mungkin ada sesuatu yang tidak fungsi sama dengan apa yang anda lakukan.
Jadi, jika anda benar-benar boleh menonjol daripada orang ramai, yang akan memberi kelebihan kepada anda, sudah tentu.
>> Kami akan masuk ke dalam kedai sedikit kemudian.
Saya benar-benar mahu memberi tumpuan kepada mewujudkan aplikasi.
Tetapi versi pendek kedai adalah pengedaran di seluruh dunia,
ia secara automatik sebahagian daripada Windows 8, orang hanya api itu dan lihat pelbagai aplikasi di sini,
anda mempunyai Sticker Book Pakaian-Up dan semua jenis pelbagai aplikasi.
Cat Segar, saya menggunakan ini banyak - baik, tetapi saya menggunakan banyak.
Ia menunjukkan saya saya sudah memiliki ia.
Biar saya tunjukkan kepada anda sesuatu yang saya tidak mempunyai - UVideos Saya tidak mempunyai sebagai jenama baru.
Anda lihat di sini secara percuma, jadi anda boleh memasang dengan betul dari kedai.
Anda mempunyai pilihan juga. Anda boleh sudah tentu memberikan diri.
Anda boleh meletakkan iklan dalam aplikasi atau permainan.
Anda juga boleh mengenakan bayaran untuk itu, dan anda dengan mudah boleh menyediakan satu perbicaraan bagi permohonan dan juga
supaya anda boleh membiarkan orang cuba ia selama seminggu atau apa sahaja yang anda mahu lakukan.
Itu hanya disesuaikan menerusi portal ini. Anda tidak menulis apa-apa kod untuk itu.
Jadi, anda berkata, "Anda boleh menggunakan ini untuk seminggu dan kemudian anda perlu membelinya,"
atau anda boleh melakukan perkara-perkara seperti, "Anda boleh memainkan 3 tahap pertama permainan ini
"Dan kemudian anda perlu membeli untuk mengakses yang lain."
Anda juga boleh lakukan di-app pembelian juga, jadi anda boleh berkata,
"Kami mempunyai pengembaraan tambahan atau set grafik atau perkara-perkara yang tidak dikunci -
"Lebih resipi yang tidak dikunci -. Jika anda membeli set dilanjutkan"
Dan anda boleh melakukan itu semua dalam aplikasi atau permainan itu sendiri.
Jadi, benar-benar terpulang kepada anda, pilihan anda.
Ada banyak perkara yang boleh anda lakukan di kedai,
dan kemudian pada dasarnya anda menyerahkannya kepada saluran pensijilan.
Kita boleh bercakap tentang bahawa sedikit kemudian, tetapi ini adalah matlamat.
Anda ingin mendapatkan penglihatan di seluruh dunia aplikasi anda di kedai di sini.
>> Kembali pada skrin Mula di sini, saya ingin menunjukkan kepada anda sekitar sedikit lebih.
Jika saya melancarkan aplikasi ini, biarlah saya memberikan satu contoh beberapa fungsi silang aplikasi di sini.
Untuk itu, saya akan melancarkan Cat Segar.
Satu perkara yang anda akan lihat di sini adalah setiap bit tunggal skrin,
semua piksel skrin, pergi ke aplikasi anda.
Sudah hari-hari di mana anda mempunyai sempadan ini sekitar tingkap
dengan banyak butang yang sentiasa ada mengambil ruang sepanjang masa.
Sekarang anda benar-benar ingin lari dari itu dan hanya mempunyai kandungan anda menjadi tumpuan.
Kita boleh melakukan perkara-perkara dengan Windows dengan mengakses jenis lain menu.
Salah seorang daripada mereka adalah sebenarnya apa yang dipanggil bar azimat itu,
dan ia keluar dari tepi skrin.
Anda sebenarnya boleh jentik dari sebelah jika anda mempunyai skrin sentuh,
anda boleh klik kanan jika anda mempunyai tetikus, ada jalan pintas papan kekunci untuk itu,
selalu ada lebih daripada satu cara untuk melakukan sesuatu dalam persekitaran di sini.
Yang membawa keluar beberapa perkara yang boleh anda lakukan.
Yang paling jelas ialah anda boleh kembali ke skrin Start,
tetapi yang lain 4 adalah apa yang dipanggil azimat.
Mereka adalah kontrak yang anda boleh palam ke dalam sebagai pemaju aplikasi. Mereka agak sejuk.
Carian, saya yakin bahawa sesuatu yang anda akan lakukan,
berkongsi saya akan menunjukkan kepada anda dalam kedua,
dan Peranti dan Tetapan, semua ini adalah perkara-perkara yang aplikasi anda boleh palam ke dalam
memanfaatkan Windows, untuk mengatakan, "Saya telah melakukan bahagian saya
"Dan saya mahu Windows untuk menyokong beberapa fungsi lain,
"Dan saya tidak mahu menulis banyak kod untuk membuat yang berlaku."
Itu benar-benar manfaat menggunakan ciri-ciri ini.
Biar saya tunjukkan kepada anda satu.
Untuk melakukan itu, saya akan membuat lukisan baru.
Saya juga bercakap tentang menggunakan setiap piksel untuk aplikasi anda.
Secara lalai, ini adalah apa yang app cat kelihatan seperti apabila anda menggunakannya.
Ia benar-benar hanya kira-kira apa sahaja yang anda sedang melukis, kandungan anda.
Saya boleh melakukan perkara-perkara yang dahsyat di sini. Apakah yang perlu saya menarik? Saya tidak tahu.
Contengan? Oh, hebat. Yang boleh saya lakukan contengan. Hebat.
A ayam belanda? [Ketawa]
Ini adalah ayam belanda yang paling abstrak anda akan melihat.
Saya juga boleh membawa apa yang dipanggil bar aplikasi,
dan ini adalah benar-benar salah satu cara utama yang anda boleh gunakan
untuk menyembunyikan diri semua barangan yang mungkin telah di aplikasi atau permainan anda sebelum
hanya mengambil ruang sepanjang masa.
Jadi sekarang anda boleh meletakkan ia di sini, dan ini adalah benar-benar salah satu pengalaman yang lebih cantik
dengan bar app yang saya lihat.
Letakkan pilihan di sini untuk memilih warna yang berbeza.
Kami mahu ayam belanda, jadi kami akan meletakkan beberapa coklat di sini, mula mencampurkan dalam beberapa warna.
Kami akan mengambil warna pengantara di sini dan kemudian kembali di sini.
Anda boleh memulakan lukisan. Ada ayam belanda anda. Hebat.
Saya tidak boleh menarik untuk memulakan dengan, tetapi untuk melakukannya dengan touchpad di hadapan penonton adalah lebih baik.
Ini adalah hebat.
Idea ini, walaupun, adalah segala-galanya yang saya mengambil berat tentang yang benar di sini di permukaan.
Katakan Saya amat berpuas hati dengan ini bahawa saya telah mendapat untuk berkongsi dengan seseorang.
Biasanya apa yang akan anda lakukan dengan versi lain Windows,
anda mungkin akan mengambil satu pukulan skrin, anda akan melakukan beberapa salinan-tampal teks anda
atau perkara-perkara seperti itu yang anda mahu untuk berkongsi keluar,
dan kemudian pergi dan membuka aplikasi lain dan meletakkan ia ke dalam ia.
Di sini anda tidak perlu berbuat demikian.
Anda sebenarnya boleh membawa keluar bar azimat dan berkata, "Saya mahu berkongsi ini."
Pada ketika ini ia akan menunjukkan kepada anda semua aplikasi
yang tahu bagaimana untuk bekerja dengan apa sahaja yang dapat dikongsi bersama.
Dalam kes ini ia gambar, jadi ia akan berkata, "Saya melihat anda mempunyai gambar."
"Adakah anda ingin berkongsi?" Anda boleh melihat melalui e-mel sendiri barangan sepanjang masa.
Ia mengakui bahawa, dan ia menawarkan saya bahawa sebagai jalan pintas,
tetapi ia juga menunjukkan saya setiap aplikasi yang tahu bagaimana untuk berurusan dengan mengambil gambar
dan melakukan sesuatu dengannya.
Ini telah ditunjukkan semua untuk Windows yang mereka boleh berbuat demikian.
Pada ketika ini ini adalah Windows.
Pengguna hanya memilih apa yang mereka mahu lakukan dengannya.
Saya akan melakukan yang biasa saya PuzzleTouch. Anda boleh melihat saya telah membuat semua jenis teka-teki masa ke masa.
Saya akan mengambil PuzzleTouch dan berkata, "Saya ingin berkongsi ciptaan hebat ini dengan PuzzleTouch."
Ia akan pergi ke hadapan dan berkata, "Besar. Anda ingin berkongsi ini? Telefon bimbit."
"Adakah anda mahu membuat teka-teki yang mudah, pertengahan, apa sahaja?"
Saya akan membuat satu pengantara di sini.
Ia membuat teka-teki. Ia akan menjadi teka-teki yang amat berat kerana ia kebanyakannya kosong.
Tetapi ia bersedia, dan ia benar-benar kembali dalam permohonan itu yang lain.
Jika saya datang di sini, saya boleh mencari untuk itu dan melancarkannya.
Sekarang jika kita tatal ke atas hanya sedikit di sini, kita harus melihat ciptaan saya di suatu tempat.
Di mana saya pergi? Apakah jenis teka-teki yang saya buat? Adakah saya membuat ia mudah?
Oh, ada ia adalah, di sana.
[Chuckles] Ia adalah teka-teki ayam belanda mudah dikenali bahawa di sini.
Tetapi perkara yang saya ingin menunjukkan kepada anda, perkara yang sejuk di sini
adalah aplikasi tidak tahu apa-apa tentang satu sama lain.
Mereka hanya berkata, "Saya ada satu gambar untuk berkongsi, dan saya tahu bagaimana untuk berurusan dengan gambar-gambar."
Dan anda sebagai pemaju, anda tidak perlu menulis kod itu.
Apabila seseorang bertanyakan saya untuk berkongsi, saya akan meletakkan beberapa data ke dalam struktur data kecil ini
dan saya dilakukan.
Aplikasi lain mengambil alih, melakukan perkara, dan itulah akhir pengalaman perkongsian.
Itu hanya satu perkara yang boleh anda lakukan - benar-benar, benar-benar berkuasa -
dan ia akan menjadi salah satu perkara yang benar-benar boleh membantu membezakan aplikasi anda
dan juga permainan anda juga di kedai.
Orang ramai akan dapat berkata, "Ini adalah benar-benar berguna."
"Saya menggunakan pencipta teka-teki ini sepanjang masa. Ia hebat."
>> Itu kira-kira cukup gambaran ringkas mengenai apa yang berlaku di sini.
Ada beberapa ciri-ciri lain juga yang mungkin kita akan mengetengahkan seperti yang kita pergi melalui kod.
Tetapi saya ingin menyelam ke dalam slaid, dan untuk itu, saya akan pergi ke Desktop,
yang sendiri jubin lain secara langsung di sini.
Saya boleh pergi ke ini dan, cukup yakin, saya slaid saya,
tetapi biarlah saya tunjukkan kepada anda sebenarnya di mana kita berada.
Kami benar-benar dalam mod Desktop.
Ini benar-benar di mana apa yang saya katakan sebelum kira-kira Windows membawa ke hadapan
untuk pengalaman baru muncul.
Ini adalah Windows yang anda tahu.
Aplikasi Windows dipanggil aplikasi desktop. Mereka berjalan di sini.
Jika anda telah sedia ada aplikasi dan anda mahu untuk menjalankan mereka pada Windows 8,
anda benar-benar boleh melakukannya.
Ini bukan perkara yang sama seperti aplikasi kedai, yang di sini,
seperti cat segar dan aplikasi ini NBC News dan perkara-perkara seperti itu. Mereka akan datang dari kedai.
Mereka boleh palam ke dalam beberapa ciri-ciri yang saya telah menunjukkan anda
dan lain-lain yang saya tidak menunjukkan anda hanya lagi.
Tetapi hanya menyimpan bahawa dalam fikiran. Kami mempunyai sokongan untuk kedua-dua perkara juga.
Saya minta maaf. Adakah sesuatu yang tidak menunjukkan pada skrin? Saya telah kehilangan sepenuhnya. Pelik.
Okay. Terima kasih kerana menunjuk bahawa daripada.
Apa yang anda tidak melihat untuk seketika adalah saya menunjukkan anda bahawa desktop di sini.
Apakah perkara terakhir yang kamu nampak? Adakah anda melihat ini?
Ini adalah desktop. Anda sudah tahu apa yang kelihatan seperti.
Tidak apa-apa sangat luar biasa.
Ia membawa kita pengalaman yang ke hadapan untuk anda dan membiarkan anda menggunakan perkara-perkara yang anda mempunyai.
Sebagai contoh, saya akan menunjukkan anda Visual Studio. Itu adalah aplikasi desktop.
Ia akan berjalan dalam mod ini.
Ia akan menyokong persekitaran yang lebih kompleks
dengan banyak pilihan dan perkara-perkara seperti itu, jadi ia membuatkan ia pilihan yang baik sebagai aplikasi desktop.
>> Yang berkata, mari kita pergi ke slaid untuk hanya sedikit
dan memberi anda beberapa kandungan pengenalan dan kemudian masuk ke sebenarnya pengekodan sini.
Berita baik adalah saya dengar anda telah memberi tumpuan kepada banyak CSS dan JavaScript, HTML.
Semua perkara-perkara yang anda telah belajar bawa terus ke dalam membuat aplikasi Windows Store.
Perkara-perkara yang anda telah mendengar mengenai dengan memohon selectors CSS dan semua perkara-perkara
adalah apa yang anda lakukan untuk mewujudkan suatu permohonan di sini untuk kedai.
Kami akan pergi melalui sedikit demi sedikit perkara.
Pada asasnya, saya membina pada barangan yang anda sudah telah mengambil masa untuk belajar.
Ini adalah carta keseluruhan teknologi yang anda boleh menggunakan
untuk membuat permohonan untuk Windows 8.
Bahan di sebelah kanan, aplikasi desktop, adalah benar-benar apa yang kita sudah tahu.
Itulah barangan yang benar-benar dunia Windows 7 dibawa ke hadapan ke dalam Windows 8.
Semua orang-orang pilihan dibawa ke hadapan: C #, VB, jenis gdi32.dll pembangunan.
Besar. Tidak ada masalah. Bahan baru adalah di sebelah kiri.
Itulah aplikasi Windows Store, itulah apabila saya ingin mendapatkan permohonan saya berwayar ke dalam Windows 8
menggunakan semua ciri-ciri, mendapatkan ke dalam kedai, dan mendapatkan pengalaman yang menyeronokkan!
aplikasi Windows Store.
Untuk berbuat demikian, anda boleh lihat di sini anda mempunyai semua pilihan anda dengan XAML, C + +,
C #, VB, anda boleh melakukan DirectX, perkara-perkara seperti itu, perkara-perkara yang melampaui slaid.
Tetapi bagi kami, kami akan memberi tumpuan betul-betul di atas hakikat bahawa HTML, CSS, JavaScript dan
adalah benar-benar seorang warganegara kelas pertama bagi membuat permohonan untuk Windows 8
dan untuk Store Windows.
Jadi ini adalah baik untuk semua orang di sini dan orang menonton di video
kerana anda hanya boleh memanfaatkan semua pengalaman yang anda mempunyai
dan benar-benar mengikat ke dalam apa yang Windows menawarkan.
Anda akan lakukan perkara ini melalui satu set API, yang sepatutnya tidak menghairankan.
Setiap OS mempunyai API sendiri.
Kami mendedahkan apa yang Windows boleh lakukan melalui apa yang dipanggil WinRT.
Ia adalah satu set API yang hanya tidak semua untuk anda.
Jika anda perlu membuka fail, anda perlu menggunakan kamera, lokasi geo, perkara-perkara seperti itu,
mereka melalui apa yang Windows boleh menawarkan kepada anda.
Untuk mengakses itu, kami mempunyai JavaScript beberapa lagi yang akan membuat ia lebih mudah
bagi anda untuk berbuat demikian. Kami akan sampai ke dalam seketika.
Tetapi untuk sekarang, yang pada dasarnya peta jalan anda.
Perkara-perkara yang anda telah telah melakukan di atas beberapa API
bantuan yang anda bekerja dengan Windows sama kedai aplikasi.
Dan yang benar-benar tentang apa yang anda perlu tahu dari tahap yang tinggi.
>> Kami akan menyelam ke dalam sebenarnya bekerja dengan barangan yang sekarang.
Perkara-perkara yang anda mungkin telah melihat sekumpulan,
dengan IE9 sedikit masa kembali kami memperkenalkan sokongan untuk banyak yang, pada masa itu,
standard baru dalam web, jadi banyak ciri-ciri CSS baru,
banyak HTML baru, ECMAScript 5, yang benar-benar JavaScript.
Jadi segala-galanya untuk itu kecuali untuk mod yang ketat adalah dalam IE9.
Hanya satu tan barangan dengan CSS, CSS3, semua di sana.
Dan semua barangan ini membawa ke hadapan ke dalam apa yang kami lakukan dengan Windows 8.
Anda boleh menggunakan perkara-perkara ini, dan anda boleh menggunakan segala yang yang baru di IE10.
Dengan IE10 kami memperkenalkan sokongan untuk semua perkara-perkara ini juga.
Mereka semua perkakasan-dipercepatkan, jadi jika anda pada mesin yang mempunyai beberapa jenis GPU,
yang mungkin cukup banyak setiap mesin yang anda boleh mendapatkan dalam 8 tahun yang lalu,
anda akan dapat mempunyai output perkakasan-dipercepatkan,
output visual dengan CSS, kanvas, SVG.
Semua perkara akan melalui pecutan perkakasan
dan yang lebih pantas dan lebih cekap.
Versi ringkas semua ini -: saya tidak akan pergi melalui setiap perkara di sini -
jika anda melihatnya di dalam senarai ini, jika anda boleh melakukannya dalam IE10,
jika ia adalah satu aplikasi web yang anda menjalankan yang bekerja di IE10,
ia sesuatu yang anda boleh lakukan sebagai aplikasi Windows Store.
Dan itu cukup banyak ia. Jadi, jika ia berfungsi dalam IE10, ia akan bekerja sebagai aplikasi Windows Store.
Ia di atas meja sebagai sesuatu yang anda boleh gunakan.
>> Ada banyak di sini. Kami tidak mempunyai sehingga tengah malam, jadi saya tidak boleh mengkaji segala-galanya di sini.
Tetapi terdapat beberapa laman web yang akan membantu anda memahami apa yang perkara-perkara ini boleh lakukan,
dan saya akan menunjukkan kepada anda salah seorang daripada mereka dalam satu saat.
Saya hanya mahu menunjukkan beberapa perkara penting yang mungkin anda melihat.
Mungkin anda telah melihat beberapa ini dalam pelajaran,
tetapi ini benar-benar membantu, khususnya dengan aplikasi Windows Store, dari sisi CSS.
Jadi dapat melakukan jelmaan dan peralihan, menyediakan gerakan dengan animasi -
semua ini adalah sebahagian daripada CSS sekarang, dan mereka disokong oleh pelayar moden,
dan IE10 dan IE9 telah menambah sokongan dari masa ke masa untuk semua perkara ini.
Dan jadi mengapa menulis sendiri, mengapa melalui semua masalah melakukan perkara-perkara dengan tangan
apabila anda boleh menggunakan CSS mudah mengubah untuk mencipta kesan 3D untuk permohonan anda?
Besar. Itulah bagaimana ia berfungsi.
Saya tidak boleh membuat apa-apa lebih sukar daripada itu.
Jika anda tahu bagaimana untuk melakukannya dalam CSS, anda tahu bagaimana untuk melakukannya dalam aplikasi Windows Store.
>> Melangkah lebih dari itu bagi susun atur, perkara seperti juga aplikasi kedai,
tetapi akan lebih dari itu, melihat mungkin aplikasi berita yang yang menunjukkan anda artikel
atau resipi atau perkara-perkara seperti itu, ini jenis lain ciri-ciri dalam CSS benar-benar berguna:
Grid, Flexbox, CSS Kawasan adalah lebih daripada standard yang agak baru juga.
Perkara-perkara ini semua akan membantu anda meletakkan kandungan dan mengalir kandungan antara bahagian,
dapat melakukan muka surat dan tanda sempang tanpa anda perlu untuk menulis barangan ini sendiri.
Anda hanya berkata, "Sila lakukan yang berikut bagi saya,"
dan sebagai estet skrin sebenar adalah berbeza pada mesin yang berbeza
atau kerana anda akan melihat dalam seketika, kerana anda snap permohonan
mempunyai jumlah yang lebih kecil ruang pada skrin, itu tidak ada masalah untuk CSS.
Ia boleh mengambil kesempatan daripada - bercakap we'll mengenai pertanyaan media di kedua -
ia boleh menjaga perkara dengan penampilan semula kandungan anda, yang mengalir kandungan dari kawasan
hanya dengan perkara-perkara yang anda mungkin telah melihat dengan teknologi web.
>> Di sebelah HTML5, terdapat juga sekumpulan perkara
itu akan sangat berguna untuk anda dengan aplikasi Windows Store.
Sekali lagi, kita tidak akan melalui semua ini, tetapi ia hanya di sini.
Jadi, jika anda perlu menggunakannya, audio-video, jika anda mahu melakukan pengesahan daripada bentuk,
geolokasi, semua perkara yang anda boleh lakukan dalam JavaScript dengan JavaScript 5 atau ECMAScript 5,
IndexedDB untuk simpanan tempatan - semua ini adalah pilihan untuk anda.
Jika anda sedang mencari jawapan, hanya melihat kepada teknologi yang sedia ada dengan HTML5 dan CSS
dan anda akan menemui jawapan lebih mudah daripada yang mempunyai untuk melancarkan banyak barangan yang diri sendiri.
Biar saya tunjukkan kepada anda sekitar sedikit di sini.
Saya ada laman kita boleh pergi ke.
Biar saya berhenti daripada slaid ini untuk kali kedua.
>> Jika kita pergi ke IETestDrive.com,
Saya tidak akan berbuat banyak demo di sini.
IETestDrive.com adalah benar-benar menunjukkan anda banyak apa yang baru dengan IE10,
perkara-perkara yang boleh anda lakukan.
Saya dapati ini adalah benar-benar berguna kerana bukan membaca melalui sekumpulan kertas putih,
melihat demo beberapa, dan itu akan membantu anda meletakkannya di radar peribadi anda sendiri
kira-kira sama ada teknologi yang masuk akal untuk walaupun melakukan apa-apa lebih banyak penyelidikan dengan
supaya anda akan faham, "Saya melihat apa ini adalah untuk."
"Saya faham apa Permintaan Animasi Frame tidak bagi saya."
"Saya faham bagaimana saya boleh menggunakan Kawasan atau penapis SVG."
Anda melihat mereka beraksi, melihat mereka pada contoh di sini,
dan membuat keputusan untuk diri sendiri jika itu akan menjadi berguna untuk anda dalam projek-projek anda sendiri dan di luar
kerana anda terus bekerja dengan teknologi web.
Di sini saya hanya akan menggalakkan anda untuk membaca.
Saya tidak fikir saya akan menghabiskan banyak masa sebenarnya berjalan ini.
Kami mempunyai cukup untuk menunjukkan dengan kod bertulis.
Anda akan lihat di sini perkara-perkara dari kesan sentuh untuk permainan berasaskan sentuh dalam seksyen itu,
animasi, animasi perkakasan-dipercepatkan dengan pantas di sana,
beberapa pengoptimuman yang anda akan melihat dalam beberapa sampel ini juga,
dan ada banyak, banyak lagi.
Jika anda pergi di sini dan membuka peta tapak,
ada hanya beberapa sampel yang tidak masuk akal di sini.
Anda boleh melihat mereka semua di sini.
Jika anda sedang mencari di sesuatu atau anda pernah mendengar tentang sesuatu
dan anda tertanya-tanya mungkin ini akan menjadi sesuatu yang sejuk untuk digunakan dalam aplikasi,
cuba mencari di sini manakala terdapat mungkin satu demo yang cukup baik untuk itu untuk menyelamatkan diri anda masa.
>> Okay? Apa-apa soalan setakat ini bagi penduduk di sini?
Okay. Kami akan menjalankan sini.
Sekali lagi, hanya menyemak bahawa.
Mereka adalah standard web, jadi pergi ke mana-mana laman wadah lain yang anda tahu
dan lihat jika mereka teknologi masuk akal untuk apa yang anda cuba lakukan.
>> Kembali kepada slaid.
Yang berkata, anda sedang bergerak dari dunia web untuk benar-benar satu dunia permohonan tempatan dipasang,
jadi ada beberapa perkara yang perlu menegaskan di sini.
Pertama sekali, tidak ada pelayan web terlibat di sini.
Tiada Apache, tidak ada IIS berjalan di
berkhidmat sehingga muka surat dengan pelanggan jauh, kepada ejen pelayar jauh.
Dalam kes ini, benar-benar segala-galanya dibungkus untuk anda.
Anda mengemukakan bahawa permohonan anda ke kedai, ia menjadi disahkan,
ia di luar di kedai, dan kemudian orang-orang oleh beribu-ribu akan memasang permainan anda atau aplikasi anda.
Tetapi pada dasarnya, mereka menarik ke bawah dalam negara untuk mesin mereka.
Anda tidak perlu untuk keluar ke web lagi melainkan jika anda mempunyai panggilan yang memerlukan API jauh,
dan itulah normal serta juga.
Tetapi mereka tidak akan berada dalam mod yang mana mereka perlu pergi sambutan permintaan dari pelayan
untuk mendapatkan halaman seterusnya kandungan mereka.
Jadi itu berkata, ada beberapa perbezaan API kecil. Ini adalah amat kecil.
Mereka tidak mungkin untuk memukul anda dalam pengekodan biasa anda, tetapi ia sekurang-kurangnya didokumenkan.
Mereka jenis tepi kes ada.
>> Perkara lain yang bernilai menunjukkan adalah perbezaan amanah.
Saya hanya menyebut ini kerana saya hanya mahu memastikan saya berkata
jadi jika anda menghadapi kemudian, anda akan berfikir, "kata Chris sesuatu tentang ini,
"Jadi mungkin, yeah, okay," dan kemudian anda kembali dan anda mengetahui apa perkara itu.
Konteks yang perkara itu.
Secara lalai kita cuba untuk melindungi pengguna daripada vektor serangan.
Terdapat beberapa perkara yang boleh anda lakukan secara lalai
dan perkara-perkara yang perlu anda mengubah konteks untuk membolehkan.
Seperti yang anda menggunakan beberapa perpustakaan di luar sana - you've pun bekerja dengan jQuery,
tetapi jika anda mencari perpustakaan lain di luar sana - anda mungkin menggunakan beberapa fungsi
yang jenis pergi di luar penggunaan tempatan, adakah interaksi lebih dinamik
Permintaan XHR, perkara-perkara seperti itu.
Kadang-kadang anda mungkin mendapati mereka akan dilumpuhkan secara lalai,
dan dalam kes itu, hanya melakukan carian, mencari konteks tempatan dan web,
dan anda akan mengetahui bagaimana untuk menetapkan bahawa.
Hanya pastikan anda tahu tentang itu kerana anda mula menggunakan rangka kerja yang lain,
yang, yang perlu saya lagi, anda dengan sempurna mampu lakukan.
Jadi, jika anda mencari beberapa rangka kerja lain - bercakap we'll tentang perkara ini dalam kedua -
untuk permainan dan anda mahu menggunakan itu, anda mahu menggunakan beberapa perpustakaan kawalan yang di luar sana
dan anda tidak mahu menulis barangan yang diri anda - ia adalah idea yang baik, bukan? -
anda benar-benar boleh menggunakan barangan ini.
Tidak ada yang memegang anda kembali daripada menggunakan apa-apa jenis perpustakaan yang berdasarkan JavaScript,
CSS, HTML5.
Sekali lagi, jika ia sesuatu yang anda boleh lakukan di IE10, yang merupakan palang pintu dari banyak hari ini,
anda boleh melakukannya.
Tarik ke dalam aplikasi anda, rujukan yang JavaScript perpustakaan, dan menggunakannya dalam permohonan anda,
hanya dengan mengingati anda mungkin mencecah konteks keselamatan sekali-sekala - tidak terlalu kerap.
>> Dan maka ciri-ciri, kita akan pergi ke beberapa lagi dari orang-orang seperti yang kita pergi.
UX anda akan jenis mendapatkan digunakan untuk anda melihat lebih banyak dan lebih banyak aplikasi
dari Kedai Windows.
Anda mendapatkan rasa untuk bagaimana ia berfungsi dan bagaimana estetik reka bentuk cenderung untuk bekerja
seluruh aplikasi yang berbeza dan apa yang orang akan digunakan untuk mengalami.
Itu benar-benar bahagian yang penting.
Pastikan apabila mereka api sehingga aplikasi anda mereka tidak perlu membaca manual,
yang mereka tidak lakukan, dengan cara itu.
Mereka hanya akan dapat untuk mula bermain dengan permohonan anda
dan memikirkan ia keluar tanpa banyak kesulitan.
Dengan berpegang dan mematuhi banyak amalan-amalan ini,
anda akan melakukan pengguna anda satu kebaikan, menjadikan yang lebih mudah.
>> Okay. Satu perkara yang lepas di sebelah API dan kemudian kami akan masuk ke sebenarnya menulis kod.
WinJS ialah perkara yang saya nyatakan secara ringkas dengan slaid kompleks
dengan semua orang-orang pilihan yang berbeza yang anda ada untuk membuat permohonan.
WinJS, anda boleh menganggapnya sebagai buddy.
Ia kawan anda untuk membantu anda menulis barangan dengan lebih cepat.
Ia hanya JavaScript dan CSS. Anda tidak perlu menggunakannya. Anda boleh menggunakannya.
Jika anda akan memanggil dalam ciri-ciri Windows, anda akan berakhir menggunakannya,
tetapi jika ada perkara-perkara seperti beberapa corak reka bentuk atau kawalan yang anda benar-benar tidak mahu menggunakan,
anda mahu menggunakan sesuatu yang lain, ia terpulang kepada anda.
Putuskan apa yang anda hendak gunakan dan gaya yang anda ingin gunakan.
Ciri-ciri daripada namespacing dan kelas generasi - terpulang kepada anda.
Jika anda memilih satu atau yang lain, ia sama sekali pilihan anda. Ia masih JavaScript dan CSS.
Tetapi ia akan membantu anda melakukan banyak perkara.
Sebagai contoh, di sini adalah subset daripada apa yang ia boleh lakukan,
perkara seperti membantu pengaturcaraan tak segerak dengan janji-janji.
Mana-mana anda pernah mendengar atau bekerja dengan Node.js?
Ia pola biasa untuk bekerja dengan pengaturcaraan tak segerak.
Jadi, pada asasnya apa yang anda katakan adalah, "Pergi melakukan sesuatu,
"Dan anda akan memberikan saya satu janji yang anda akan kembali kepada saya apabila anda selesai."
Itulah asasnya apa yang berlaku.
Jadi anda tidak membekukan permohonan anda sementara pengguna akan dan memilih fail
atau sesuatu yang sedang distrim turun dari Web.
UI responsif.
Dan anda boleh berbuat demikian dengan menggunakan pengaturcaraan tak segerak.
Bunyinya sungguh kompleks, tetapi ia benar-benar mudah kerana anda menggunakan janji-janji
dan anda hanya berkata, "Pergi melakukan ini dan apabila anda selesai, memanggil kembali kepada kaedah ini."
Yang cukup banyak ia. Itu sahaja yang dibina bagi WinJS.
Ia akan membuat ia lebih mudah untuk menulis aplikasi benar-benar fleksibel dan berkuasa.
>> Anda boleh melihat selebihnya di sini, banyak animasi.
Mungkin salah satu perkara yang lebih penting pada slaid ini adalah kawalan.
Saya rasa saya mempunyai keseluruhannya - yeah, saya lakukan.
Berikut adalah satu contoh hanya beberapa kawalan yang boleh anda gunakan dalam aplikasi anda.
Ini semua lurus ke atas dari WinJS.
Anda tidak menulis diri ini,
anda hanya berkata, "Berikut adalah cara saya mahu mengarang permohonan saya."
"Saya akan menggunakan pandangan flip jadi saya boleh pergi di antara gambar yang berbeza."
Saya tidak menunjukkan anda Semantik Zoom. Saya akan menunjukkan kepada anda bahawa dalam satu saat.
ListViews. Ada GridViews.
Anda sudah melihat grid sebagai sebahagian daripada permohonan kedai,
supaya dapat menggunakan blok kandungan dan menatal seluruh itu.
Menu Flyout anda akan melihat dari masa ke semasa.
Bar app Saya menunjukkan anda dengan itu permohonan Cat Segar juga,
jadi anda melihat bagaimana anda boleh menyesuaikan bahawa dengan meletakkan butang di atasnya
dan mempunyai yang bersembunyi jauh apabila anda tidak peduli untuk menggunakan itu.
Itu benar-benar benar-benar terpulang kepada anda untuk digunakan.
Ini semua adalah kawalan yang merupakan sebahagian daripada WinJS.
Saya akan menunjukkan kepada anda bagaimana untuk membuat ini dalam hanya satu saat, tetapi terdapat lebih daripada sekadar ini,
dan perkara yang utama adalah menggunakan mereka jika anda mahu, menjimatkan masa.
>> Jika anda mempunyai perpustakaan kawalan lain yang anda mahu gunakan, itu betul-betul halus juga.
Perkara seperti jQuery UI melakukan banyak jenis ini idea juga,
menyediakan lebih banyak kawalan yang memanjangkan apa yang anda boleh lakukan dalam HTML dan JavaScript.
Mari kita menyelam masuk yang saya telah perkatakan itu. Gunakan apa yang anda suka.
Hanya ingat bahawa anda mungkin menghadapi beberapa isu konteks.
Tetapi anda pasti boleh mencampurkan dan perlawanan jenis apa sahaja perpustakaan anda selesa dengan,
anda mahu belajar, anda mahu untuk digunakan, untuk menyelamatkan diri anda sedikit masa.
>> Mari kita bercakap tentang alat hanya untuk satu saat.
Anda boleh mendapatkan apa yang anda perlukan untuk mula bekerja dengan aplikasi Windows Store.
Jika saya kembali, saya mempunyai terlalu banyak perkara di sini.
Jika anda pergi ke laman ini, yang merupakan dev.windows.com,
anda boleh memuat turun semua yang anda perlukan.
Sebagai pelajar, anda mempunyai akses kepada lebih daripada orang ramai tidak,
supaya anda boleh mendapatkan versi akhir yang lebih tinggi bagi Visual Studio.
Edwin disebut anda sudah boleh mendapatkan Windows juga.
Tetapi secara umum, untuk semua pemaju, anda boleh pergi ke laman web ini
dan memuat turun semua yang anda perlukan untuk membuat suatu permohonan, dan itu semua percuma.
Jadi ada satu versi percuma Visual Studio,
terdapat beberapa alat-alat yang akan memasang bersama itu -
semua yang anda perlukan untuk mencipta dan menguji permohonan anda.
Ia hanya apabila anda akan untuk menerbitkan permohonan anda sehingga ke kedai
bahawa anda akan memerlukan akaun pemaju.
Ini juga saya percaya adalah percuma. Adakah ia percuma untuk pelajar juga? >> [Guarin] Yang mana satu?
Akaun pemaju, penyerahan sebenar. >> [Guarin] Ya.
Itu lebih berita baik.
Anda akan pergi melihat ini.
Ia akan berkata untuk individu secara lalai ia $ 49.
Tetapi jangan mendaftar untuk yang sebagai pelajar.
Kami akan membawa anda beberapa maklumat melalui program-program anda yang anda boleh mendapatkan akaun secara percuma,
dan yang akan memberitahu anda kemudian mengemukakan permohonan anda sehingga ke kedai,
seberapa banyak yang anda suka, dan semua kebaikan yang tidak lama lagi akan mengikuti.
Jadi, itu dev.windows.com.
Anda boleh memuat turun alat-alat yang anda perlukan dari sini.
Dan jika anda mahu, anda boleh mendapatkan versi percubaan Windows di sini,
tetapi sekali lagi, anda tidak akan perlu.
>> Tapak lain - biarlah saya menunjukkan satu ini untuk anda dengan cepat - adalah design.windows.com.
Itu adalah dev.windows.com.
Design.windows.com, anda boleh meneka apa yang ia adalah untuk.
Ini sebenarnya tapak yang cukup mesra. Ada banyak maklumat yang baik di sini.
Anda boleh bekerja melaluinya.
Ia akan memberikan anda beberapa nasihat mengenai beberapa perkara
yang mungkin anda tidak berfikir tentang sebelum atau terpaksa berhadapan dengan sebelum ini,
seperti mereka bentuk untuk sentuh, mereka bentuk untuk faktor bentuk yang berbeza,
mereka bentuk untuk keupayaan Windows 8, perkara-perkara yang saya nyatakan sebelum
seperti mencari dan berkongsi, beberapa perkara yang saya tidak bercakap tentang yet.
Mereka semua yang disenaraikan di sini, dan ia adalah satu set yang agak baik daripada muka surat fail membantu
yang akan membantu anda memahami bagaimana untuk membuat jenis tertentu permohonan,
bagaimana untuk melakukan interaksi, bagaimana untuk berurusan dengan UI dan UX permohonan anda.
Saya akan mengesyorkan bahawa anda mengambil lihat ini, terutamanya jika anda berada di satu ketika
berharap untuk menerbitkan permohonan ke kedai.
Anda akan ingin tahu bagaimana untuk membuat permohonan yang baik
kerana yang saya nyatakan sebelum ini, jika tidak, ada orang-orang ulasan lagi.
Orang ramai akan berpuas hati.
Mereka tidak akan dapat mencari perkara-perkara yang mereka harapkan di tempat-tempat yang betul.
Tiada siapa yang mahu itu berlaku kepada anda.
>> Bergerak ke hadapan di sini, saya menutup bahawa ke bawah.
Sekarang anda tahu di mana untuk mendapatkan perkara-perkara, saya akan menunjukkan kepada anda bagaimana untuk benar-benar mula menggunakan barangan.
Untuk memulakan, saya benar-benar akan menunjukkan kepada anda di sini satu contoh aplikasi desktop pada skrin Mula saya.
Di sini anda boleh melihat Visual Studio, anda boleh melihat Blend dan alat pemaju lain yang saya ada.
Mereka mempunyai jubin yang sedikit berbeza.
Ini kerana mereka adalah aplikasi desktop,
dan dalam kes-kes mereka semua akan melancarkan kembali ke desktop saya
benar-benar hanya kerana aplikasi yang anda digunakan untuk.
Jadi pengalaman Windows, ia adalah perkara yang sama.
Mereka tidak, sebagai contoh, seperti Tentera! atau perkara-perkara ini. Biar saya melancarkan satu dengan cepat.
Sebenarnya, inilah salah satu yang menarik.
Ini telah dibangunkan oleh pelajar yang bekerja dalam perkongsian di nerd.
Permohonan skrin penuh, ini jenis pengalaman di sini.
Oh, skrin potong bagus dan semua jenis barangan menyeronokkan.
Mereka maju ini. Kita juga mungkin menunjukkan perkara yang keseluruhan sementara kita di dalamnya.
Malah, saya bekerja dengan mereka sedikit, memberikan mereka nasihat mengenai perkara-perkara
kerana mereka melakukan JavaScript untuk permohonan mereka.
Sila, saya tidak mengambil kredit untuk kerja-kerja mereka, mereka melakukan semua kerja.
Saya hanya memberikan mereka sedikit nasihat di sana sini,
tetapi mereka tidak beberapa barangan yang hebat dengan menggunakan akhir hadapan JavaScript
dan mengikat dalam beberapa enjin fizik dan perkara yang boleh membuat banyak kerja ini.
Pergi. Mari kita lihat jika yang bekerja.
Wow, ia masih bekerja. Baiklah, baik. Tetapi anda mendapat idea.
Satu aplikasi skrin penuh, pengalaman benar-benar baik.
Ini menyokong bukan sahaja tetikus dan pen saya jika saya ada perkara seperti itu tetapi juga menyentuh.
Jika saya mempunyai skrin sentuh, saya hanya boleh menarik ke dan terus bekerja dengan itu.
>> Satu perkara yang saya tidak menunjukkan, dan sebab mengapa saya membawa ini sehingga
adalah saya mahu mempunyai satu lagi app untuk menunjukkan kepada anda apa yang boleh anda lakukan,
anda sebenarnya boleh membawa aplikasi dalam Windows dan mengheret mereka ke sisi skrin.
Ini dipanggil menyentap aplikasi.
Dalam kes ini, saya telah mengambil Inkarus dan saya telah menambah ia ke sebelah sini.
Ia kini memandangkan Snap, dan yang membolehkan saya untuk melakukan sesuatu yang lain manakala permohonan yang ada.
Kebanyakan permainan anda akan mencari akan hanya sekadar berhenti seketika.
Itu biasanya satu perkara yang baik untuk melakukan melainkan permainan anda entah bagaimana boleh skala turun
untuk yang kecil daripada resolusi yang, seperti mungkin beberapa jenis permainan papan
atau perkara-perkara seperti itu pada kesempatan.
Tetapi secara umum, perkara yang paling mudah untuk dilakukan dan perkara yang paling sesuai untuk dilakukan untuk permainan
adalah untuk berhenti seketika permohonan.
Untuk aplikasi seperti aplikasi berita, jika saya melancarkan satu ini dan kemudian saya snap ia,
anda akan melihat ia sebenarnya perubahan ketara dalam bagaimana ia membentangkan data kepada anda.
Di sini ia menunjukkan anda benar-benar dalam kuali yang lebih menegak yang maklumat,
tetapi saya masih boleh benar-benar menggunakan aplikasi ini.
Jadi ia masih sangat berguna.
Hakikat bahawa itu memandangkan yang lebih kecil tidak memelihara saya daripada menggunakan aplikasi itu. Jadi berfikir tentang itu.
Ia sesuatu yang anda perlu mempunyai aplikasi anda lakukan untuk tahap,
tetapi ia terpulang kepada anda untuk menentukan bagaimana fungsi aplikasi anda harus
dalam bahawa jenis persekitaran yang lebih kecil.
Izinkan saya menutup satu yang turun dan pergi semula ke dalam di mana kita berada di sini.
>> Edwin, anda menambah gambar saya sudah? >> [Guarin] Yeah. >> [Bowen] Lihatlah itu.
Melihat bahawa? Edwin menambah foto. [Ketawa]
>> Mari kita kembali ke sini ke dalam Visual Studio. Biar saya melancarkan ini untuk anda.
Saya boleh klik pada jubin pada yang Mula skrin.
Ia membawa saya kembali ke mod Desktop, dan ia melancarkan aplikasi desktop Visual Studio.
Ini adalah Windows yang anda sudah tahu.
Saya boleh pergi ke hadapan dan membuat projek di sini.
Kami akan fokus sekali lagi JavaScript, HTML.
Saya akan keluar dan memilih sehingga di sini di bawah JavaScript, Windows Store.
Ada beberapa template yang boleh anda gunakan.
Produktiviti, saya akan mengesyorkan anda mengambil lihat beberapa dari anak-anak lain di sini
seperti Grid dan Split ini.
Mereka benar-benar berguna jika anda membuat permohonan
perkara yang berlaku untuk mempunyai bahawa jenis reka bentuk dan pelayaran. Anda akan melihat ini banyak.
Yang saya hanya menunjukkan anda sebenarnya seorang contoh permohonan Grid.
Jadi, jika anda berfikir anda akan membuat aplikasi berita atau pembaca RSS
atau sesuatu seperti itu yang memperkatakan banyak penyertaan yang anda gunakan untuk menerbitkan terperinci,
berfikir tentang menggunakan salah satu template ini untuk memulakan dengan cepat
dan menyesuaikan ia dari sana.
Tetapi hanya jadi saya boleh menunjukkan kepada anda semua bahagian-bahagian yang bergerak di sini
Saya akan membuat aplikasi yang kosong, dan kemudian kami akan pergi sedikit lebih mendalam ke dalam butiran.
Saya hanya membuat permohonan kosong di sini.
Ia akan mewujudkan keseluruhan projek bagi saya.
Saya akan membuka perkara yang saya ingin menunjukkan kepada anda secara lalai.
Biar saya zum dalam sedikit sedikit untuk menunjukkan kepada anda apa yang dicipta untuk kami di sini.
Perkara-perkara yang anda akan melihat pertama semua lalai dinamakan.
Jadi anda akan mencari default.html, default.js, dan default.css.
Perkara lain untuk menunjukkan adalah bahawa kita sudah mempunyai merujuk kepada apa yang saya nyatakan sebelum ini.
Ini adalah WinJS. Tiada siapa sebenarnya panggilan itu nama ini panjang di sini.
Ia adalah WinJS, Perpustakaan Windows untuk JavaScript.
Jika anda membukanya, anda boleh melihat itu semua di sini.
Ada fail CSS yang berbeza, ada JavaScript.
Ia di sana untuk membantu anda.
Ia benar-benar ada untuk menyediakan kawalan dan gaya dan barangan yang anda hanya boleh menggunakan secara automatik.
Tetapi sekali lagi, jika ada perkara yang anda mahu menggunakan bukan dari segi gaya dan kawalan lain,
ia terpulang kepada anda. Saya akan tunjukkan kepada anda bagaimana untuk menggunakan beberapa perkara-perkara sekarang.
>> Kembali lebih ke sebelah kiri kita, marilah saya tunjukkan kepada anda halaman HTML lalai.
Anda telah melihat barangan WinJS, dan itu benar-benar semua itu berlaku di sana
dengan orang-orang garisan pertengahan markup, hanya membawa masuk CSS secara lalai
dan membawa dalam beberapa JavaScript fail dari WinJS.
Anda tidak perlu untuk menjadi tuan daripada apa yang berlaku di dalam fail-fail.
Ia agak menarik untuk kita lihat pada mereka untuk mengkaji jenis apa yang berlaku di sana
kerana ada cukup menarik teknik pertengahan dan lanjutan berlaku di sana,
tetapi perkara yang bagus adalah seperti pemaju, anda boleh hanya mengambil kesempatan daripada mereka, hanya menggunakan mereka
dan tidak perlu bimbang mengenainya.
Anda masih boleh memandu kereta tanpa perlu mengetahui bagaimana ia berfungsi, bukan?
Jadi, itu jenis perkara yang berlaku di sini.
Ada kawalan dan gaya dan barangan yang anda hanya boleh pergi ke hadapan dan menggunakan
dan kod yang anda boleh gunakan dalam kedua tanpa perlu mengetahui apa yang di dalam sana.
Berikut adalah fail anda sendiri.
Ini adalah tempat anda bahawa anda boleh mengubah suai CSS anda sendiri
dan JavaScript anda sendiri untuk mendapatkan perkara bergolek.
Anda akan menambah fail JavaScript pasti lain dan fail CSS mungkin lain
sebagai projek anda berkembang, tetapi ini adalah benar-benar hanya satu titik permulaan.
Berikut adalah Hello, bersamaan dunia HTML, jadi kami kembali dalam tag badan.
Di bahagian atas, dengan cara itu, ia DOCTYPE HTML5,
jadi anda menyedari bahawa daripada apa yang anda telah bekerja.
Ada penuh IntelliSense di sini juga, jadi jika anda melakukan perkara-perkara seperti jenis di tag video
dan mengembangkan yang keluar, anda mungkin belajar tentang hakikat
yang perlu anda lakukan pengekodan sandaran untuk tag video dalam HTML5 - atau mungkin anda mempunyai -
untuk memastikan bahawa pelayar yang berbeza mempunyai sokongan untuk video anda.
Kami mempunyai perkara-perkara seperti ini di seluruh HTML, di seluruh JavaScript, seluruh CSS.
Yang dibina di, dan saya akan menunjukkan kepada anda CSS dalam satu saat.
Di sini anda boleh pergi ke hadapan dan mula mengubah suai kod, markup.
Malah, sebelum saya mengubah apa-apa, saya akan menjalankan ini dan menunjukkan kepada anda apa yang anda dapat.
Anda akan mendapat skrin percikan yang boleh anda sesuaikan
dan kemudian anda mendapatkan Hello, pengalaman dunia di sini. Ia hebat, bukan?
Teruskan dan kapal itu, kan?
Kandungan pergi di sini. Itu perkara yang asas.
Ia hanya boleh menjadi lebih baik dari sana.
Kami akan teruskan dan menambah dalam beberapa barangan.
Saya ada sedikit markup saya akan menyalin di sini
hanya supaya anda tidak perlu menonton saya menaip.
Biar saya pergi membawa toolbox di sini, dan saya akan pin ini kerana saya akan melakukan ini beberapa kali.
Toolbox, jika anda tidak pernah melihat Visual Studio, adalah di mana anda akan mendapati sekumpulan kawalan.
Anda juga boleh meletakkan coretan kod ke dalam bahawa anda boleh menggunakan semula.
Di sini saya hanya akan pop dalam beberapa HTML yang lain, tiada apa sangat maju pada semua di sini.
Ia hanya asas HTML mengatakan saya mempunyai satu masukan di mana saya boleh menaip,
Saya mempunyai butang di mana saya boleh hantar, dan kemudian saya mempunyai div yang pada asasnya pemegang tempat yang
yang saya boleh gunakan untuk output "Hello, anda menaip ini."
Ia intro untuk contoh HTML.
Jika saya berjalan ini, kami secara automatik mendapatkan HTML, tetapi kita juga secara automatik mendapatkan gaya.
Ini adalah salah satu perkara yang penting dari WinJS.
Ia akan memberikan anda secara lalai lihat beberapa dan rasa yang benar-benar konsisten
dengan seluruh apa yang Windows 8 lakukan.
Di sini anda melihat benda-benda seperti butang.
Butang lalai di dalam HTML tidak kelihatan seperti itu, tetapi ia di sini
kerana ia semakin hak CSS dari fail CSS dalam WinJS.
Jika anda ingin menggunakan sesuatu yang lain, jika anda mahu untuk menukar itu, benar-benar halus,
teruskan dan melakukan apa yang anda suka. Tetapi itu lalai.
Ia akan menjadi lebih akrab kepada pengguna.
Dan sudah tentu ini tidak akan berbuat apa-apa kerana saya tidak benar-benar wayar sehingga apa-apa jenis kod
untuk bertindak balas terhadap itu. Ia hanya HTML.
Jadi saya boleh menghilangkan itu, dan kita akan kembali ke dalam permohonan kami.
>> Izinkan saya beralih kepada default.js kami.
Ini kelihatan agak rumit, tetapi ia hanya melakukan beberapa perkara untuk anda.
Ia boilerplate. Ia akan menjadi sama dalam semua projek-projek anda.
Satu-satunya perkara ini lakukan adalah hanya jenis bertanya, "Bagaimana saya mendapat di sini?"
dan berkata, "Adakah anda melancarkan aplikasi ini untuk kali pertama?"
"Adakah anda meneruskan aplikasi daripada mempunyai ia digantung?"
Beberapa perkara seperti itu.
Benar-benar, tumpuan kami pada gambar ini di sini yang tepat tentang di sini.
Pada ketika ini, talian ini salah satu kod adalah cukup penting.
Ini sebenarnya akan pergi dan melihat melalui semua markup anda,
dan ia akan mencari sesuatu yang anda telah diminta untuk telah bertukar menjadi kawalan,
kawalan lebih mendalam seperti kawalan penarafan, seperti paparan grid, seperti flyout yang
dan perkara-perkara lain yang saya menunjukkan anda pada slaid yang sebelum ini.
Mereka bukan kawalan HTML asli.
Anda hanya tidak mengatakan flyout sebagai unsur dan mempunyai ia tahu apa yang perlu dilakukan.
Apa yang kita benar-benar melakukan perkara yang sama yang berlaku di jenis lain rangka kerja kawalan.
jQuery UI tidak jenis yang sama pendekatan umum.
Anda menggunakan tanda dalam HTML anda, dan kemudian beberapa JavaScript datang melalui kemudian dan berkata,
"Oh, saya tahu apa yang. Itu meminta ini untuk dijadikan barangan ini,"
yang lain lebih ekspresif HTML untuk membuat seperti kawalan penilaian,
yang apa yang saya akan menunjukkan kepada anda sekarang.
Ini sejajar kod adalah janji itu mengatakan, "Apabila janji ini dipenuhi,
"Segala-galanya yang anda meminta kemudiannya telah diwujudkan."
Dan itu sahaja. Ia kelihatan kompleks sedikit, tetapi ia benar-benar yang sama dalam setiap projek.
Turun di sini adalah di mana anda boleh mula menambah dalam apa-apa sahaja yang anda mahu mempunyai berlaku,
jadi kita akan kembali ke sini bahawa dalam satu saat.
>> Pertama sekali, saya memerlukan sedikit kod yang boleh bertindak kepada hakikat
bahawa seseorang telah klik pada butang.
Saya akan teruskan dan meletakkan bahawa dalam di sini.
Sekali lagi, saya tidak akan melakukan apa-apa menaip di hadapan anda di sini.
Sangat asas JavaScript hanya mengatakan apabila ini dipanggil
kita akan diberikan beberapa maklumat tentang bagaimana kita sampai di sini
dan kemudian kita akan melakukan beberapa perkara asas.
Pergi mencari perkara dalam halaman HTML saya yang bernama nameInput,
merebutnya, mengambil nilainya, tamparan "Hello" di hadapannya, dan melekat yang mengakibatkan tali
ke bahawa tag div yang kita lalui sebelum ini yang benar-benar tidak mempunyai apa-apa sebelum ini.
Sekarang kita akan mendapati tag itu dan membuat kandungan dalaman yang sama dengan tali itu.
JavaScript sangat mudah.
Semoga anda menyedari bahawa ada benar-benar apa-apa yang luar biasa berlaku di sini.
Ia hanya lurus ke atas HTML dan JS sini.
Jika saya berjalan ini sekarang, ia masih tidak akan melakukan apa-apa kerja kerana saya tidak berwayar ia sehingga
untuk menerima acara tersebut.
Untuk melakukan itu, saya akan melakukan yang betul di sini, sekali lagi kembali ke toolbox saya,
pop ia di sini.
Saya mengharapkan anda telah melihat semua jenis ini barangan sebelum ini, jadi saya tidak akan lebih menerangkannya.
Sekarang kita akan pergi mendapatkan helloButton.
Kita akan berkata, "Button, tahniah."
"Di sini adalah acara yang anda kini bertindak balas kepada."
"Apabila seseorang mengklik anda, hubungi fungsi ini, buttonClickHandler."
Dan itulah yang fungsi kita hanya ditambah sampai di bahagian bawah sana. Itu sahaja.
Jadi sekarang kita mempunyai permohonan menakjubkan berfungsi.
Saya fikir anda akan benar-benar kagum dengan ini.
Chris. Tunggu untuk itu. Wow. Okay. Itulah yang menakjubkan. [Ketawa]
Tetapi ada lagi. Jangan beli lagi. Tunggu.
>> Biar saya tunjukkan kepada anda lebih sedikit di sini dan keluar dari skrin penuh.
Kami akan berjalan sebelum kita berjalan.
Biar saya pergi dalam dan benar-benar menunjukkan kepada anda sedikit dengan CSS.
Hanya dengan lalai, jika kita melihat kembali pada laman yang di sini,
apabila kita ditarik dalam perkara-perkara ini dari WinJS dan kami mendapat ui-gelap,
sebenarnya, anda boleh mengubahnya untuk lalai untuk menggunakan aplikasi cahaya.
ui-gelap adalah baik untuk aplikasi grafik seperti menggunakan banyak gambar,
anda menunjukkan banyak kandungan visual.
Jika anda menunjukkan banyak kandungan teks, yang ui-cahaya biasanya pilihan yang baik.
Anda tidak perlu memilih, tetapi saya telah bertukar kepadanya
dan kini anda lihat markup yang sama, semua sama,
ia hanya menggunakan asasnya merupakan skim terbalik di sini
di mana semuanya menjadikannya teks hitam pada putih.
Itu semua baik dan baik.
Biar saya keluar di sini, dan mari kita sebenarnya melakukan sedikit lebih dengan CSS.
Saya akan meletakkannya kembali pada gelap kerana saya fikir ia mungkin lebih mudah untuk melihat pada skrin
apabila saya mula melakukan perkara-perkara ini.
Saya akan menggantikan badan sekali lagi.
Saya akan pergi di sini. Biar saya nuke ini.
Mari kita membawa tubuh dengan kelas.
Saya percaya anda telah melakukan selectors asas dengan CSS dan perkara-perkara seperti itu sudah,
jadi anda mungkin tahu apa yang berlaku di sini.
Hanya memberikan beberapa kelas untuk header kita, dan kita sedang mencipta div baru
untuk membalut seluruh bahawa barangan yang kita kini boleh menggunakan untuk gaya semua bersama-sama.
Jadi apa yang boleh saya lakukan sekarang ialah pergi ke CSS lalai kita.
Adakah anda melihat pertanyaan media lagi? Adakah anda bercakap tentang bahawa pada semua?
Media pertanyaan adalah sebahagian daripada trend ini muncul -
atau ia adalah satu trend ditubuhkan kini sebenarnya di Web -
bagi reka bentuk responsif atau penyesuaian,
dan idea adalah bahawa permohonan anda benar-benar boleh menyesuaikan diri dengan sewajarnya
berdasarkan apa peranti yang mereka ditayangkan di boleh lakukan.
Jadi, jika anda pada peranti mudah alih, jelas anda tidak akan mempunyai estet skrin sebanyak sebenar
kerana anda akan pada besar monitor 30 inci duduk dengan desktop, PC besar seperti itu.
Jadi jawapan yang lama untuk yang akan mempunyai 5, 6 versi halaman yang sama
dan anda akan membuka versi yang ditala untuk skrin saiz tertentu.
Tidak besar. Ia amat, sangat berulang-ulang dan terdapat satu tan penyelenggaraan untuk melakukannya.
Sekarang kita mempunyai sesuatu yang dinamakan pertanyaan media CSS,
dan kita boleh gunakan ini untuk mengesan secara automatik apabila ada saiz tertentu
atau penggunaan tertentu kandungan anda yang dilakukan.
Jadi, anda boleh bertindak balas terhadap itu dan anda boleh berkata, "Baiklah, dalam hal ini
"Anda mungkin tidak perlu saya untuk memberitahu anda apa yang berlaku di sini."
Ini hanya mengatakan jika permohonan ini dengan keperluan anda.Yakinlah, seperti yang saya menunjukkan anda sebelum -
merebut dan meletakkannya ke tepi skrin -
maka mari kita buat gaya yang berikut.
Styling bukan sahaja warna dan barangan seperti itu.
Ini juga tentang saiz dan margin dan paddings dan orientasi kandungan
atau melumpuhkan atau membolehkan bahagian-bahagian seluruh halaman anda
dan, dalam hal ini, aplikasi atau permainan anda juga.
Jadi di sini anda boleh melakukan mudah seperti sebagai anda mahu.
Ini tidak akan berguna dalam aplikasi anda, tetapi sudah tiba masanya demo,
jadi saya akan teruskan dan hanya tambah dalam pemilih badan asas dan berkata,
"Apabila saya dengan keperluan anda.Yakinlah, mari kita pergi ke hadapan dan melakukan latar belakang warna dan mari kita memilih sesuatu."
Anda mempunyai IntelliSense di sini. Ini sebenarnya benar-benar sejuk.
Pada tahun 2012 kami telah menambah banyak perkara untuk sokongan CSS dan JavaScript dan HTML.
Anda sudah tentu mendapat drop-down IntelliSense juga, tetapi itu bukan perkara yang sejuk.
Perkara yang sejuk adalah anda mempunyai selectors visual untuk banyak perkara juga.
Jadi, anda boleh pergi melalui dan hanya memilih warna,
atau anda boleh keluar dan menjadi lebih khusus dan anda boleh memilih -
ini akan menjadi amat dahsyat. Saya benar-benar akan memilih warna yang baik di sini.
Watch markup terlalu, dengan cara itu. Itulah format standard RGB anda di sana.
Tetapi jika saya menukar kelegapan, ia akan beralih kepada pemilih saluran alfa sini.
Jadi, anda boleh melihat bahawa, warna dengan dasarnya ketelusan peratus yang anda ada untuk yang
semua dibakar betul-betul di sana.
Saya akan menyimpannya sebagai 100% dan kemudian apabila saya selesai dengan itu, semuanya berjalan dengan lancar dan baik.
Sekarang, jika saya menjalankan aplikasi dan kita mengambil app dan kami snap ia,
bahawa warna latar belakang yang diselaraskan secara automatik
hanya kerana kita mempunyai beberapa CSS yang mengatakan, "Pergi berbuat demikian."
Anda juga boleh menulis JavaScript terlalu yang akan melakukan perkara yang sama
atau anda boleh menggunakan untuk benar-benar berhenti permainan, melakukan perkara-perkara seperti itu.
Itu mungkin apabila anda akan menggunakan JavaScript.
Anda akan mematikan gelung permainan pada ketika itu.
Anda akan memerlukan JavaScript kerana yang tidak akan menjadi sesuatu yang anda akan CSS untuk.
Tetapi perlu diingat ia hanya sesuatu acara.
Anda boleh berkata, "Apabila permohonan saya saiznya,
"Mari kita lihat jika kita terputus." Dan itu sahaja.
>> Okay? Saya telah bercakap banyak. Adakah terdapat soalan setakat ini di mana kita? Yeah.
[Pelajar] Adakah terdapat tutorial untuk sesiapa sahaja untuk mendapatkan maklumat lanjut? >> Yeah.
Persoalannya ialah, adakah tutorial untuk ini? Saya hanya akan memanjangkan kepada segala-galanya.
Terdapat beberapa perkara yang anda boleh pergi ke. Mari kita sebenarnya keluar dari sini.
Biar saya kembali di sini.
Satu perkara yang perlu menunjukkan adalah Visual Studio sendiri mempunyai tutorial dibina masuk
Biar saya menghilangkan ini.
Jika anda pergi dan mewujudkan satu projek baru, jangan Fail, Projek Baru,
dan melihat di sebelah kiri, terdapat nod Online di pemilih ini.
Ia akan mengambil sedikit. Saya kini di MyFi saya di sini.
Tetapi ia akan datang dan ia akan memberi saya peluang untuk mencari template
tetapi juga, lebih penting lagi, sampel juga.
Jadi saya boleh klik pada JavaScript.
Ia akan mencari sampel bagi saya. Resolusi saya adalah cara yang tinggi di sini.
Biasanya, anda akan melihat senarai banyak perkara yang berbeza di sini.
Jika ada sesuatu yang anda ingin mencuba, memilih bahasa,
JavaScript di sini, dan berkata, "Saya tidak tahu bagaimana untuk melakukannya lokasi geo."
"Saya tidak tahu bagaimana untuk membuka fail."
"Saya tidak tahu bagaimana untuk mengambil kesempatan daripada webcam
"Atau mengoptimumkan bagi sentuhan atau perkara-perkara seperti itu."
Terdapat sampel untuk semua: berkongsi, mencari, bar app,
membuat panggilan jauh untuk perkhidmatan, pengekodan JSON.
Semua orang-orang jenis barang di sampel untuk di sini,
dan mereka tidak sampel yang besar yang akan membawa anda sepanjang malam untuk menarik selain
hanya untuk mendapati bahawa satu perkara yang anda mahu belajar.
Mereka benar-benar baik. Mereka kecil, hak untuk jenis titik sampel.
Saya telah belajar satu tan dengan melalui ini diri saya sendiri,
dan saya mencadangkan bahawa banyak sebagai satu benda.
>> Satu lagi perkara yang menunjukkan juga adalah sudah tentu saya menunjukkan anda dev.windows.com,
jadi jika anda kembali ke itu, anda akan melihat di bahagian bawah terdapat juga sampel di sini.
Jadi, anda boleh memuat turun semua daripada mereka sekali gus, tetapi terdapat juga banyak sumber-sumber lain di sini juga
yang boleh membantu anda mendapat sehingga kelajuan.
>> Satu perkara lain, dan saya benar-benar akan mengesyorkan bahawa anda cuba ini,
Saya dapat semuanya di blog saya, tetapi saya hanya akan pergi kanan kepadanya.
Saya akan menunjukkan kepada anda. Blog saya mempunyai sumber dan perkara-perkara seperti itu.
Salah satu perkara yang menunjukkan yang tepat di sini, perkara ini: Idea Anda. App anda. 30 Hari.
Jika anda klik padanya, ia akan membawa anda ke laman web yang benar-benar membantu.
Ini jauh lebih membantu daripada yang anda jangkakan.
Ini akan menjadi 30 hari dari kandungan yang anda pada dasarnya boleh mendapatkan tips dan trik
sepanjang proses seperti yang anda sedang mewujudkan app.
Dan seperti yang anda mungkin jangkakan, anda sebenarnya boleh mendapatkan ia untuk permainan terlalu
dan untuk aplikasi telefon, perkara-perkara seperti itu.
Jadi, pada asasnya mendaftar untuk itu, dan mereka akan menghantar anda tips dan trik,
"Adakah anda berfikir tentang melakukan ini? Adakah anda menyokong Snap?"
"Berikut adalah beberapa garis panduan mengenai bagaimana untuk berbuat demikian juga."
"Pernahkah anda berfikir tentang mengemukakan ke kedai?"
"Pernahkah anda berfikir tentang bagaimana anda akan untuk menjual aplikasi anda?"
Ia akan berjalan melalui semua perkara ini pelbagai.
Dan sebenarnya, jika anda berada di landasan permainan, pada satu ketika
anda akan mula mengiktiraf orang yang bercakap dengan anda
kerana saya benar-benar terpaksa pergi ke Redmint untuk melakukan mereka dan direkodkan 2 video di sana.
Tetapi itu semua sebahagian daripada landasan permainan,
dan terdapat juga trek penuh untuk pembangunan aplikasi umum.
Yang dinamakan Generasi App.
Saya pasti akan mengesyorkan kepada anda juga sebagai tambahan kepada sampel.
>> Ada banyak video di laman web yang dikenali sebagai Channel 9 juga.
Itu mungkin perkara terakhir yang saya akan mengesyorkan dan juga sebelum kita beralih di sini.
Channel9.msdn.com.
Ini bagus kerana anda tidak akan membaca melalui tan kertas putih.
Ia pada dasarnya banyak video, screencasts dan perkara-perkara yang hak untuk titik.
Saya tidak mengatakan ia sentiasa hak untuk titik. Ia bergantung yang melakukan bercakap.
Tetapi secara amnya, ada beberapa video benar-benar kepada-mata di sini
yang akan menunjukkan kepada anda beberapa perkara tertentu yang anda mungkin mahu belajar atau melihat demoed.
Terdapat juga semua kandungan kami dari persidangan kami yang berlaku beberapa minggu yang lalu
dipanggil Build, dan anda akan melihat bahawa di sana.
Ada teknologi Teras untuk Windows 8 permainan. Terdapat anda pergi.
Saya berada di sana, sebenarnya. Anda tidak boleh melihat saya. Saya di sini.
Tetapi bagaimanapun, itu, saya akan mengesyorkan bahawa anda lihat orang-orang video.
Mereka cukup membantu.
Jika anda terjebak pada sesuatu atau anda hanya mahu melihat apa yang boleh melakukan sesuatu, api mereka ke atas.
>> [Guarin] Windows Mail hanya menghantar saya e-mel dengan pautan ke kandungan
kepada pelajar untuk turun dengan kod sampel dan barangan seperti itu. >> [Bowen] Besar.
Awesome. Terima kasih, Edwin.
>> Baik. >> [Pelajar] Saya mempunyai satu soalan. >> [Bowen] Oh. Ya, sila.
[Soalan pelajar didengar] >> [Bowen] Oh, saya gembira anda bertanya itu. Ya.
Persoalannya ialah, adakah antara muka visual bagi saya untuk membuat perkara-perkara?
Edwin akan memberi ganjaran lumayan untuk soalan itu.
Terdapat satu cara untuk melakukan ini.
Yang patut kita buat sekarang? Mari kita lakukan sekarang.
Saya akan pergi kepadanya sekarang.
Sebenarnya, saya tambahkan satu lagi perkara untuk demo ini,
dan kemudian saya akan menunjukkan kepada anda jawapan yang sebenar.
Saya akan menambah dalam CSS yang lebih kecil di sini.
Saya agak off pada tangen di sini.
Biar saya dimasukkan ke dalam beberapa CSS di sini untuk mengambil kesempatan
kelas-kelas yang kami menambah sedikit masa lalu,
untuk kepala, untuk div mainContent, dan kemudian kepada greetingOutput.
Jika saya lakukan itu dan menjalankannya, anda boleh lihat sekarang kami mempunyai padding sedikit berbeza dan margin,
jadi kita perlu benar-benar beberapa ofset di sini.
Ini adalah lebih ke arah apa yang anda akan harapkan daripada permohonan akhir digilap.
Tetapi saya hanya menunjukkan ini kepada anda kerana ia adalah lurus ke atas CSS.
Jadi perkara-perkara yang anda sudah tahu anda boleh menggunakan di sini untuk menyesuaikan kandungan yang anda mahu.
Anda telah melihat bagaimana untuk membuat latar belakang menukar daripada cara itu.
>> Jika saya kembali ke HTML kita, saya akan menambah dalam satu set lebih markup,
dan ini sebenarnya akan menjadi kawalan dari WinJS.
Saya akan pergi dan merebut ini, label. Izinkan saya membuat pasti saya melakukannya di tempat yang betul.
Mungkin cukup baik.
Di sini saya baru sahaja ditambah - dan kami akan pergi skrin penuh supaya anda boleh melihat seluruh perkara yang -
Saya telah menambah label bagi div seterusnya.
Div ini dipanggil ratingControlDiv.
Dengan sendirinya ia akan berbuat apa-apa.
Jika anda membuka ini dalam pelayar, anda akan melihat kosong, div itu sendiri.
Tetapi kerana itu talian misteri kod yang saya menunjukkan anda sebelum ini,
proses semua, ia akan mencari sesuatu yang kelihatan seperti ini -
data-menang-kawalan - dan ia akan mencari apa sahaja adalah dalam parameter itu.
Ia akan membuat suatu unsur apa sahaja yang ia menunjuk ke.
Dalam kes ini, ia adalah satu kawalan penarafan, jadi saya berkata, "Sila pergi dan menggantikan perkara ini
"Dengan apa sahaja yang anda perlu lakukan untuk membuat kawalan penarafan."
Ia boleh menjadi kawalan flip, ia boleh menjadi cincin kemajuan atau apa sahaja kawalan anda hendak gunakan.
Mereka semua akan bekerja pada dasarnya dengan cara yang sama.
Anda sedang menggunakan standard HTML5 markup untuk menunjukkan apa yang anda mahu,
dan kemudian anda akan mendapat kawalan yang pada akhir ini. Membiarkan saya menjalankan ini.
Saya hanya disalin yang dalam, dan kini markup yang menjadi ini,
yang sebenarnya agak beberapa elemen HTML.
Ini semua adalah imej individu, dan ada divs di sekeliling mereka dengan selectors.
Mudah-mudahan anda dapat melihat bahawa. Ia sedikit halus.
Saya boleh berlegar atas barang-barang yang berbeza, dan ia akan membolehkan saya untuk melihat penarafan sini.
Saya boleh klik padanya, dan ia teringat penarafan tetapi itu mengenainya.
Ia tidak benar-benar melakukan apa-apa kepada rating tersebut.
>> Satu perkara terakhir saya ingin menunjukkan kepada anda mengenai perkara ini
sebelum kita beralih ke satu pengalaman reka bentuk yang lebih visual
adalah sedikit kod yang boleh saya gunakan untuk bertindak balas terhadap WinJS ini kawalan.
Biar saya keluar dari sana, kembali daripada skrin penuh,
dan beralih kepada JS di sini untuk kedua.
Boleh saya lakukan ini di sini. Saya fikir saya akan menggantikan perkara ini.
Sebenarnya, saya rasa ia akan menggantikan semua itu, tetapi kita akan mengetahui bersama-sama.
Saya akan meletakkan ini di sini. Yeah. Saya akan memadam ini juga.
Apa yang saya tambah? Ia kelihatan seperti banyak. Ia bukan banyak.
Saya hanya dilanjutkan bahawa baris kod yang saya telah bercakap tentang sebelum ini,
dan saya berkata, "Apabila semuanya dilakukan, walaupun pun semua kawalan saya telah dibuat,
"Kemudian melakukan ini." Jadi kemudian berjalan fungsi ini dipanggil selesai.
Dalam kes ini, ini adalah bahan yang anda boleh memikirkan.
Pergi mendapati bahawa kawalan div.
Sebenarnya, ada satu perkara yang saya perlu menunjukkan.
Barisan depan sebenarnya berkata, "Saya ada ratingControlDiv itu."
"Saya mahu bercakap dengan ia seolah-olah ia suatu kawalan sebenar, kawalan WinJS."
Jadi, pada asasnya, anda meminta untuk itu daripadanya.
Anda berkata, "Saya mahu bercakap dengan anda sebagai kawalan."
Dan kemudian anda boleh mula mengatakan perkara-perkara seperti, "Kami akan menambah pendengar untuk anda
"Supaya apabila anda berubah kita boleh bertindak balas terhadap itu."
Dan kemudian kita juga boleh melakukan perkara-perkara seperti ini. Sebenarnya, itu kod lama di sana.
Saya rasa saya hilang menampal dalam satu fungsi lebih,
dan yang akan menjadi fungsi sebenar yang akan bertindak balas terhadap kawalan Kedudukan yang diubah.
Biar saya pop yang di sampai di sini,
di suatu tempat di sekitar sana.
Dan dalam kes ini, satu-satunya yang yang baru adalah hakikat bahawa kita akan ke
apa kawalan Kedudukan memberitahu kami dan kami meminta untuk apa yang dipanggil tentativeRating itu.
Ada sekumpulan perkara yang berbeza lain yang kawalan yang boleh memberitahu anda,
dan ia pergi kawalan dengan kawalan.
Ia amat mudah. Anda akan dapat mencari penyelesaiannya ada masalah sekalipun.
Saya berjalan ini, dan sekarang apabila saya menukar penilaian dan klik pada penarafan,
anda boleh lihat sekarang ia sebenarnya untuk membenterasnya.
Ia meletakkan penarafan yang pada skrin ke bahawa tag div sebaliknya kosong
di bawah kawalan penarafan itu.
Itulah keajaiban banyak barangan di sini juga.
Jadi seperti yang anda sedang mencipta aplikasi untuk Store Windows,
terdapat satu tan kawalan yang anda boleh gunakan. Mereka semua bekerja seperti ini.
>> Biar saya tunjukkan kepada anda sebelah visual mereka bentuk untuk aplikasi ini.
Berita baik adalah anda sudah akan mempunyai alat ini apabila anda memasang segala-galanya
jika anda pergi ke turun yang dan anda mendapat Visual Studio.
Saya boleh klik kanan pada ini. Saya tidak akan zum masuk
Ia hanya mengatakan Terbuka di Blend.
Blend merupakan satu lagi alat yang berfungsi bersama dengan Visual Studio
dan memberi tumpuan yang lebih di sebelah reka bentuk perkara,
jadi ia benar-benar permukaan alat yang dioptimumkan untuk mewujudkan gaya,
mewujudkan animasi, bekerja dengan CSS, banyak perkara dalam yang jenis urat.
Di sini apa yang sepatutnya menjadi sangat menarik dan agak jelas dengan serta-merta ialah kita sedang lihat app.
Semoga kita masih berada.
Bukan melihat kod, yang kita masih melihat di bahagian bawah,
kita melihat perwakilan sebenar permohonan.
Apatah lagi, ia bukan hanya perwakilan aplikasi, ia sebenarnya aplikasi berjalan.
Dan itulah yang benar-benar yang baik tentang Blend.
Pasukan telah melakukan banyak kerja untuk membawa HTML dan JavaScript dan CSS ke dalam alat ini.
Kini anda boleh sebenarnya, jika anda ingin tahu, "Apa maksudnya? Apa yang boleh saya lakukan?"
Saya benar-benar boleh mereka dengan permohonan ini walaupun perkara seperti ini tidak wujud dalam markup saya.
Ingat bahawa kawalan Kedudukan? Ia hanya tag div.
Barangan ini, bintang itu, hanya wujud di runtime. Bagaimana saya tahu bahawa?
Ada sedikit sihir di sini.
Lihat ini bolt kilat?
Setiap kali anda melihat bolt kilat, itu bererti ia telah dicipta oleh sesuatu di runtime.
Sesetengah JavaScript berlari dan bertukar sesuatu ke dalam ini atau mencipta ini dengan logik beberapa.
Orang-orang bintang yang anda lihat di sana telah dicipta oleh JavaScript dengan WinJS.
Perkara yang baik adalah, ia tidak perkara itu kepada saya, saya masih boleh mereka itu,
Saya masih boleh masuk dan mengubahnya, saya boleh mengetahui apa yang berlaku di sini,
Saya boleh melihat CSS, saya boleh pergi ke hadapan dan mengetahui mengapa warna adalah cara ia adalah,
Saya boleh mula kerunsingan dengan perkara-perkara dan membuat perkara yang dahsyat,
apa yang saya mahu lakukan.
Sebenarnya, saya akan meninggalkan perkara yang semata-mata.
Tetapi anda boleh lihat di sini itu semua CSS dan ia menunjukkan anda di sini.
Jika saya pergi ke sana, ia akan menunjukkan kepada anda semua yang mereka panggil Menang,
supaya kaedah-kaedah CSS yang adalah yang paling khusus dan yang paling dipilih untuk item itu,
yang anda mungkin telah pergi ke atas dalam kelas anda,
di mana anda boleh mengatakan ada font umum bahawa kita memohon kepada segala-galanya,
tetapi kerana ini adalah h1 dan saya mempunyai warna yang ditakrifkan untuk h1s,
ia akan menjadi warna ini, dan itu kerana ia lebih khusus daripada body1 itu.
Ini perkara satu di sini menunjukkan anda semua itu,
dan ia benar-benar barangan berkuasa seperti anda mendapat lebih kompleks,
anda tertanya-tanya mengapa perkara-perkara ini adalah cara mereka.
Ia benar-benar akan memberitahu anda, dan anda boleh memilih mana-mana barang-barang ini di sini.
Warna yang tidak terlalu buruk, sebenarnya.
Anda boleh memilih mereka. Mudah-mudahan anda boleh melihat ini.
Untuk segala-galanya yang ada pada permohonan anda, anda lihat lata seluruh
semua CSS yang boleh digunakan untuk itu dan yang mana satu akan menang,
yang mana satu sebenarnya mengambil keutamaan.
Ini adalah jenis membosankan. Terdapat bukan banyak berlaku di sesetengah.
Jika saya pergi dan menukar warna, maka anda akan mula melihat beberapa melata di sana.
Anda juga boleh menggunakan HTML di sini juga.
Saya boleh pergi melalui dan mengubah suai sifat HTML untuk semua perkara-perkara seperti yang saya mahu.
Ada hanya tan barangan di sini.
>> Saya tidak mahu mengambil masa anda dengan pergi melalui semua di sini. Hanya tahu ia di sini.
Ada banyak reka bentuk berorientasikan-fungsi itu hanya disediakan untuk anda
jadi anda boleh tinggal visual, bekerja dengan permohonan itu, dan tidak perlu melakukan banyak meneka
bahawa anda perlu melakukan seperti biasa dan berbasikal balik dari pelayar kembali ke dalam reka bentuk anda,
belakang untuk pelayar.
Ini benar-benar barangan sejuk untuk itu, dan seperti yang anda membangunkan aplikasi Windows Store,
ia akan membuat anda lebih produktif.
>> Anda juga akan melihat ia mengesan markup di sini dan CSS anda
seperti yang anda sedang bekerja melalui perkara yang berbeza.
Ia mungkin benar-benar sukar bagi anda untuk melihat bahawa, terutama pada video,
tetapi itulah apa yang berlaku di sini, dan saya akan mengesyorkan anda menjadi biasa dengan itu.
Ini akan menjimatkan banyak masa. Itulah Blend.
Jika anda membuat apa-apa perubahan di sini, mereka secara automatik akan membawa kembali lebih
untuk Visual Studio.
Ia adalah fail yang sama, ia adalah segala-galanya yang sama. Saya akan biarkan dia bersendirian.
Saya mempunyai contoh yang lebih baik yang saya ingin menunjukkan kepada anda.
Tetapi jika saya membuat perubahan di sana dan disimpan dan saya pulang untuk Visual Studio, ia akan berkata,
"Hei, anda hanya menukar sesuatu. Bolehkah saya memuat semula untuk anda?" Ya.
Dan anda menggunakan barangan yang sama di sana.
Itulah akhir sampel yang tertentu.
>> Saya ingin menunjukkan kepada anda sampel akhir yang lebih tinggi hanya untuk memberi anda gambaran fungsi lain
anda mungkin berfikir tentang juga.
Ini adalah aplikasi sampel yang anda boleh memuat turun.
Jika anda mencari sesuatu yang dinamakan Kem Windows dalam Peti,
terdapat beberapa sampel yang dalam itu, dan salah seorang daripada mereka adalah The Cookbook Contoso.
Saya hanya boleh menjalankan ini untuk anda.
Skrin percikan Custom. Ini adalah permohonan Paparan grid.
Mereka telah terikat beberapa data adat di sini. Anda boleh menavigasi melalui ini.
Anda boleh pergi dan lihat pelbagai perkara yang akan menjadikan kita lapar pada petang Jumaat.
Saya tidak tahu. Apa yang akan membuat saya yang paling lapar?
Saya tidak tahu. Saya hanya akan memilih satu.
Anda pergi ke dalam perkara-perkara ini. Ia akan menunjukkan kepada anda resipi.
Anda juga boleh, dan bukannya klik pada item,
anda boleh pergi hak untuk kategori kandungan, seksyen itu kandungan.
Dalam kes ini, anda boleh membaca banyak palsu Latin memberitahu anda semua tentang resipi ini di sini
dan kemudian pergi terus ke dalam resipi tertentu.
Ini juga menyokong perkara seperti perkongsian yang saya menunjukkan anda sebelum ini dengan gambar-gambar.
Anda juga boleh mencari ke dalam aplikasi ini juga.
Ia amat mudah untuk membuat carian.
Pada asasnya, anda hanya mendapat rentetan teks dari Windows
dan anda membuat keputusan bagaimana anda mahu untuk mengendalikan carian dengan itu.
Ia beberapa baris kod untuk mendapatkan itu, dan kemudian apa yang anda lakukan dengannya selepas itu benar-benar terpulang kepada anda.
>> Di sini mereka juga mempunyai bar aplikasi di mana mereka menggunakan beberapa fungsi lain.
Saya hanya akan memberitahu anda apa yang ada.
Peringatan akan menggunakan apa yang dipanggil pemberitahuan roti bakar.
Ini benar-benar berguna untuk membiarkan pengguna tahu apabila perkara yang telah berlaku,
seperti permohonan telah dipasang atau sesuatu yang telah selesai.
Ia juga baik untuk permainan juga.
Jika anda mempunyai sebuah dunia yang berterusan atau papan pemimpin dan perkhidmatan yang yang hosting yang
mungkin pada mesin yang berasingan, mereka pemberitahuan boleh dihantar ke dalam mesin
dan walaupun pengguna tidak menggunakan permainan anda, bermain permainan anda atau menjalankan aplikasi anda,
mereka masih boleh mendapatkan pemberitahuan mengenai orang-orang jenis acara.
Jadi, anda boleh berkata, "istana anda telah dimusnahkan atau hanya kira-kira musnah."
"Dapatkan semula di sini dan mempertahankannya," atau sesuatu seperti itu.
Anda klik pada pemberitahuan itu, anda pergi segera kembali ke dalam permainan, dan anda boleh memainkannya.
Jadi orang-orang jenis perkara yang boleh benar-benar membantu menarik orang ke dalam aplikasi anda cukup berkesan.
>> Terdapat juga menyokong dalam permohonan ini untuk menggunakan mikrofon, webcam,
melakukan video dan mengambil gambar.
Anda juga boleh pin jubin menengah.
Ini berguna jika anda mahu hanya mempunyai jubin yang pergi hak untuk kandungan tertentu.
Dalam kes ini, ia pergi hak untuk resipi ini.
Semua saya menyebut saya hanya menunjukkan
kerana ia perkara yang anda boleh berfikir tentang menggunakan juga.
Bagi sebahagian besar, mereka sangat mudah untuk digunakan.
Saya hanya akan mengesyorkan anda membawa sampel explorer
dan mencari sampel yang boleh menunjukkan kepada anda bagaimana untuk melakukannya.
Ia agak mudah untuk membawa mereka ke dalam aplikasi anda di sana juga.
>> Saya akan menunjukkan kepada anda sesuatu yang lain yang agak sejuk di sini.
Saya akan mengambilnya permohonan ini, dan saya akan kembali kepada Visual Studio.
Permohonan ini sedang berjalan. Ia berjalan dari Visual Studio.
Yang boleh saya lakukan beberapa perkara cukup sejuk dengan itu.
Saya benar-benar mempunyai pilihan untuk memilih satu elemen,
dan saya boleh pergi ke sini untuk permohonan secara langsung dan boleh saya katakan,
"Saya tertanya-tanya mengapa Masa penyediaan sedikit lebih ringan kelabu daripada hak itu sendiri?"
Saya boleh klik padanya.
Ia akan menyegerakkan yang kembali ke dalam Visual Studio,
dan ia akan menunjukkan kepada saya apa kandungan yang dijana yang mengakibatkan bahagian UI.
Jadi dalam kes ini, ia adalah perkara-sarikata dan h4 membina dua kali,
dan mungkin memberitahu kita apa yang kita perlu tahu kerana sebagai h4 dalam konteks itu,
ia akan mendapatkan jenis tertentu fon.
Tetapi jika saya masih tidak tahu mengapa, saya boleh klik pada Gaya Trace.
Saya kemudian boleh mengembangkan keluar warna dan saya boleh mengetahui dengan tepat mengapa warna yang tidak warna badan
tetapi sebenarnya adalah sesuatu yang lain.
Ini adalah asasnya alat yang dev dari Internet Explorer
ke tahap yang dibawa ke dalam Visual Studio.
Jika anda telah bekerja dengan Tools Chrome Dev, Firebug, perkara-perkara seperti itu,
orang-orang jenis alat-alat yang dalam pelayar,
yang jenis fungsi telah dibawa terus ke dalam Visual Studio
jadi anda tidak benar-benar perlu untuk memulakan pelayar dan bekerja dengan orang-alat berasingan.
Sekarang saya mempunyai aplikasi Windows Store hanya berjalan,
dan saya boleh mula menarik selain dan mendapat tahu mengapa perkara lakukan apa yang mereka.
>> Saya juga boleh melakukannya dengan cara ini juga.
Saya boleh pergi dan hanya memilih sesuatu yang betul dari markup dan mengetahui apa yang ada
dalam permohonan itu sendiri. Saya rasa saya telah berlalu segala-galanya.
Di sini saya berlegar ini. Saya boleh pilih ia.
Ia akan menunjukkan kepada saya dalam aplikasi yang berjalan sebenar di mana perkara yang
bahawa saya kini klik pada di markup.
Barangan benar-benar sejuk.
Seperti yang anda cuba untuk mencari tahu apa yang berlaku dan apa yang HTML lakukan,
apa CSS lakukan, menyimpan ini dalam minda.
Ingat ini adalah di sini untuk anda
dan juga Blend yang boleh bekerja dengan permohonan yang hidup berjalan.
>> Satu perkara terakhir saya mahu menunjukkan kepada anda dengan permohonan ini -
Dengan cara itu, ia menunjukkan anda delta sebagai perkara menukar juga,
jadi anda boleh menonton bagi mereka sorotan kuning.
Mereka adalah perkara-perkara yang baru sahaja berubah dalam permohonan itu.
Tetapi satu perkara yang lepas. Saya mahu kembali ke Kisar hanya untuk kedua di sini.
Kami akan membuka sehingga ini, Terbuka di Blend, aplikasi sama, semua sama.
Saya hanya mahu menunjukkan kepada anda pengalaman di sini bukan sahaja anda terjebak di halaman rumah
melihat perkara yang anda akan mendapat secara lalai apabila anda menjalankan aplikasi dan biarkan ia duduk di sana.
Anda juga boleh menghidupkan ikon kecil yang cantik ini di sini.
Ia dipanggil mod Interaktif.
Anda klik pada itu. Ia akan membawa permohonan anda.
Anda tidak dalam mod Design lagi, jadi anda tidak akan klik pada perkara-perkara
untuk menukar fungsi, tetapi anda benar-benar boleh bekerja dengan permohonan sekarang.
Anda boleh mengklik, anda boleh melakukan apa sahaja, dapat resipi yang anda mengambil berat tentang
atau kategori. Mari kita pergi ke kategori ini.
Saya akan berkata, "Baiklah, di sini adalah di mana saya mahu reka bentuk."
Kemudian anda klik butang itu lagi, ia akan membawa anda kembali ke permukaan Design,
dan sekarang anda boleh melakukan semua perkara yang saya bercakap tentang sebelum ini.
Saya akan menyimpan klik sehingga saya mendapatkan ini dipilih, mengetahui dimensi,
mengetahui HTML untuk itu, CSS untuk itu
untuk aplikasi yang berjalan, beberapa bahagian kemudian permohonan.
Sangat, sangat berguna. Saya akan menunjukkan kepada anda.
Sila simpan dalam fikiran jika anda sedang mencari ke dalam menulis kod dengan ini
kerana ia akan menjimatkan banyak kerumitan, dan ia barangan yang cukup baik.
Yang cukup banyak semua saya mahu menunjukkan kepada anda di Blend dan dalam Visual Studio untuk semua itu.
>> Soalan mengenai sama ada dari orang-orang alat?
Apa-apa pun? >> [Guarin] Saya mempunyai barangan untuk memberi, soalan begitu baik, bahan yang baik.
>> [Bowen ketawa] Saya telah menunjukkan kepada kamu demo saya di sini.
Saya akan meletakkannya di halaman Sumber dan beralih kepada soalan sekarang.
Bahawa rujukan pertama ialah Generasi App tapak dengan trek permainan dan trek app.
Mendaftar untuk mereka.
Anda tidak perlu menunggu 30 hari untuk mendapatkan kandungan.
Anda boleh mula pergi dan melihat kandungan yang anda mahu.
Saya faham tempoh masa yang anda mungkin berbeza daripada - [ketawa]
Oleh itu, apabila adalah Hackathon? Itu merupakan beberapa minggu, bukan?
Jadi, anda tidak mempunyai 30 hari untuk menunggu.
Jadi yeah, anda boleh mendaftar untuk itu dan kemudian hanya mula menarik kandungan keluar daripadanya.
Juga Dev dan Pusat Design.
Dan saya tidak menyebut ini, tetapi ada juga Store Docs.
Ini adalah untuk selepas Hackathon kerana anda sudah bersedia untuk mula mengemukakan aplikasi anda untuk kedai.
Terdapat beberapa garis panduan membantu di sini, beberapa panduan tentang bagaimana untuk mendapatkan perkara-perkara ke dalam kedai,
isu biasa yang mungkin perjalanan anda ke atas,
dan itulah kesudahan orang-orang sumber.
>> Jadi apa yang di fikiran anda? Apa-apa lagi yang anda -
[Guarin] Siapa yang memikirkan tentang melakukan aplikasi Windows untuk CS50? Sejuk.
[Bowen] Percuma. Besar.
>> Apa-apa soalan mengenai barangan yang anda lihat setakat ini dan bagaimana ia berkaitan dengan ini?
Sebagai contoh, lebih banyak masa saya boleh mengambil permainan yang saya telah menulis
dan yang berjalan dalam pelayar dan hanya jenis melalui proses yang
membawa itu ke dalam Visual Studio dan menjadikannya aplikasi Windows Store.
Ia mengambil masa yang lebih daripada yang kita benar-benar mempunyai untuk memasukkan hari ini,
tetapi versi pendek adalah ia kod yang sama yang anda telah berjalan dalam pelayar,
dan perkara-perkara yang anda menukar adalah perkara-perkara yang anda memutuskan untuk palam masuk ke Windows 8.
Jadi jika anda mahu menggunakan azimat, jika anda mahu untuk mencari atau berkongsi,
anda perlu membuat bar aplikasi untuk menyembunyikan diri beberapa fungsi sebiji,
mereka adalah jenis perkara yang anda akan berubah.
Tetapi teras aplikasi web anda boleh kekal utuh.
Sekali lagi, selagi ia berfungsi dalam IE10, ia akan menjadi pelabuhan benar-benar mudah
untuk membawa barangan itu ke dalam Visual Studio, ke Blend, dan menjadikannya sebagai aplikasi Windows Store.
Sekali lagi, perkara-perkara sahaja yang anda perlukan untuk belajar adalah mereka ciri-ciri lain
yang boleh anda gunakan untuk menyalakan sesuatu permohonan, seperti jubin yang hidup dan orang-orang jenis perkara.
>> Yeah. >> [Pelajar] Soalan saya adalah tentang bekerja bimbit.
Jadi, jika anda membuat aplikasi yang bekerja sebagai aplikasi pada desktop,
ia benar-benar mudah untuk memindahkannya ke telefon bimbit, atau ada -
Persoalannya, jika saya membuat aplikasi Windows Store yang benar-benar dioptimumkan untuk persekitaran ini
dan saya mahu membawanya ke satu dunia mudah alih, apa yang terlibat dengan melakukan itu?
Bahawa, seperti banyak soalan, sentiasa jawapan yang sentiasa berubah.
Berita baik adalah jika anda melekat dengan HTML dan JavaScript, CSS,
jika anda bermula dari aplikasi Windows Store,
ia akan membiarkan anda membawa ia ke Web
dan kemudian menggunakan orang-orang jenis teknik, seperti pertanyaan media dan perkara-perkara,
untuk menyesuaikan diri dengan peranti bersaiz berbeza.
Yang berkata, selalu ada rangka kerja dan perkara di luar sana
sokongan yang melanjutkan keluar teknologi yang berbeza, platform yang berbeza.
Yang berubah setiap masa.
Kami juga mengubah perkara-perkara dan juga kita melihat ke arah apa yang kita ada sekarang
sebenarnya dengan Windows Telefon 8.
Kami mempunyai beberapa infrastruktur dikongsi teras
ditawarkan antara aplikasi untuk mereka persekitaran.
Jadi barangan yang anda lakukan untuk mewujudkan aplikasi Windows Store,
banyak yang boleh membawa lebih ke dalam Windows Phone 8 permohonan juga.
Yang sekali lagi adalah cerita yang baru muncul, jadi ada beberapa kandungan tentang itu di Build.
SDK ini hanya keluar sedikit masa lalu. Ia hanya mengeluarkan satu masa yang dekat yang lalu.
Tetapi dari segi platform lain juga,
anda mungkin menghadapi banyak rangka kerja cross-platform juga.
Berita baik adalah barangan yang anda lakukan di sini,
fungsi teras adalah lurus ke atas barangan web standard.
Perkara-perkara sahaja yang tidak dapat diterjemahkan dengan mudah perkara-perkara yang Windows 8 tidak,
tetapi itu tidak menghairankan kerana ia adalah ciri Windows.
Anda tidak akan mencari perkongsian atau jenis yang sama kontrak pada setiap platform lain.
Jadi mereka adalah perkara-perkara yang anda mahu dari perspektif reka bentuk
pastikan anda mempunyai cara untuk jenis abstrak yang keluar supaya anda boleh berkata,
"Jika saya berjalan pada ini, saya boleh melakukannya."
Jika saya tidak, ada beberapa corak reka bentuk yang anda boleh gunakan untuk menyembunyikan jenis barangan yang jauh.
Tetapi ingatlah bahawa dalam fikiran. Yeah. Maaf. Teruskan.
>> [Pelajar] Jika saya ingin menguji aplikasi Windows saya di atas [didengar]
[Bowen] Yeah. Saya dilangkau satu lagi perkara juga. Yeah.
Saya akan menjawab soalan anda terlebih dahulu, maka saya akan menunjukkan kepada anda ciri saya terlupa untuk menyebut.
Kami mempunyai beberapa mesin terdapat di dalam negara. Saya minta maaf.
Persoalannya ialah, bagaimana saya menguji perkara pada peranti
jika saya tidak berlaku kepada mempunyai banyak perkara-perkara untuk dipilih?
[Guarin] Kami dipinjamkan anda lelaki, saya rasa, 5 atau 6. Berapa banyak yang anda perlukan?
[Pelajar] Kami mendapat 4 daripada mereka. >> Okay. Anda lelaki mendapat 4 slates untuk bermain-main dengan.
Jadi pasti membiarkan semua orang tahu, sila. [Ketawa] >> [Bowen] Awesome.
Itu satu jawapan yang lebih baik daripada saya akan memberi anda.
Kami mempunyai waktu pejabat untuk pemaju yang kita lakukan di pejabat kami
dan kini datang tidak lama lagi untuk Store Microsoft lebih di Pru,
tetapi Edwin telah dijaga anda.
Terdapat 4 slates tersedia untuk meminjamkan, untuk ujian.
Di sana kami pergi. Ada satu contoh salah di sana.
Jadi yeah, benar-benar. Besar.
Tentu setakat ini cara terbaik untuk menguji ia berada di peranti.
Jika anda tidak berlaku untuk mempunyai satu lagi atau anda tidak mahu berjalan di kampus dalam salji
untuk merebut satu atau apa sahaja, terdapat satu cara untuk melakukan ini kembali dalam Visual Studio.
Jika saya pergi semula ke dalam di mana saya berada di sini, di sini dan bukannya menggunakan Mesin Tempatan,
anda boleh menyambung kepada Mesin jauh, tetapi itu bukan apa yang saya bercakap tentang di sini.
Simulator adalah perkara yang anda mungkin mahu melihat ke dalam.
Saya akan menjalankan ini, dan benar-benar apa itu, ia pada dasarnya tingkap ke sistem anda sendiri.
Berikut adalah sebenarnya sistem berjalan saya, berlari Contoso,
tetapi dengan cara yang membolehkan saya menukar beberapa parameter pelaksanaan,
parameter alam sekitar.
Jadi saya boleh katakan di sini, "Anda tahu apa?"
Oh. Saya sudah mempunyai ia berjalan dalam simulasi 27-inci monitor pada resolusi 2560.
Saya dengan mudah boleh jatuh yang turun dan melihat apa permohonan saya akan lakukan dengan skrin yang lebih kecil
atau dengan menukar tetapan DPI atau apa sahaja.
Maka pada skrin kecil, 10.6, apa yang ia akan lakukan?
Yang masih kelihatan agak baik, bukan?
Anda akan mahu melakukan ini, terutama jika anda mengemukakan ke kedai, kerana kita
sebagai sebahagian daripada proses ujian.
Dan jika ada masalah seperti itu,
maka anda mungkin menghadapi isu disahkan sebagai untuk kedai.
Tetapi itu sebahagian daripada simulator. Benar-benar sejuk. Sangat mudah untuk berbuat demikian.
Anda juga boleh menggunakan ciri-ciri seperti berputar itu juga.
Saya boleh klik butang di sini, telah ia berputar, melihat apa yang seseorang akan mempunyai sebagai pengalaman
berputar sabak mereka, tablet mereka, dan menggunakan aplikasi anda dengan itu.
Terdapat beberapa perkara lain juga seperti emulasi sentuh dan beberapa perkara lain,
menetapkan GPS.
Saya boleh berpura-pura saya di lokasi yang berbeza dan melihat apa yang permohonan saya tidak
apabila saya berpura-pura bahawa saya kembali di Seattle atau sesuatu.
Tetapi ia adalah satu ciri benar-benar berguna, dan ia dibina di kedua-duanya Visual Studio dan Blend.
Ya. Soalan anda.
>> [Pelajar] Jika anda menulis satu permainan, tidak Visual Studio mempunyai apa-apa sokongan untuk animasi?
Yeah. Persoalannya adalah sekitar sokongan animasi, terutamanya dengan permainan.
Ia bergantung. [Chuckles]
Dengan JavaScript yang akan saya katakan terdapat mungkin adalah sokongan kurang daripada ada di sebelah XAML yang,
yang mempunyai garis masa, mempunyai papan cerita dan perkara-perkara yang dibina masuk
Untuk animasi pada aplikasi JavaScript, saya tidak tahu berapa banyak jawapan saya ingin memberi anda.
Saya mempunyai sumber di blog saya yang pergi melalui banyak pilihan untuk kedua-dua animasi fizik,
pilihan untuk permainan JavaScript berorientasikan pada Windows 8.
Saya akan merujuk anda kepada mereka.
Pada asasnya, terdapat begitu banyak pilihan.
Sebab saya teragak-agak ada begitu banyak pilihan untuk melakukan animasi dengan JavaScript.
Ia boleh menjadi CSS, ia boleh berasaskan kanvas-akan, ia boleh menjadi animasi DOM hanya asas,
ia boleh menjadi banyak perkara yang berbeza, jadi ia benar-benar bergantung kepada pilihan anda.
Jika anda membuat keputusan untuk menggunakan sesuatu seperti Create.js atau Lime atau jenis lain rangka kerja -
Well, saya tidak pasti anda akan dapat menggunakan rangka kerja akhir yang lebih tinggi
suka Kesan atau Bina.
Yang cenderung untuk menjana lebih banyak kod daripada anda mungkin menganggap dari awal.
Tetapi dalam kes-kes, anda masih boleh menggunakan simulator, anda boleh menggunakan persekitaran,
dan saya cenderung untuk hanya menggunakan persekitaran ini untuk platform ujian saya dalam kes-kes
kerana saya membangunkan permainan.
Saya telah halus terutamanya dengan animasi kanvas,
yang mungkin perkara yang paling biasa.
Yang terbaik anda akan mungkin mendapati adalah alat dev dalam pelayar
dan alat dev dalam Visual Studio.
Jenis jawapan yang berliku-liku di sana, tetapi mudah-mudahan saya mendapat jawapan anda. Ya. Anda.
>> [Pelajar] Apakah pilihan penyimpanan data untuk Windows 8 aplikasi?
Apakah pilihan penyimpanan data untuk Windows 8 aplikasi, aplikasi Windows Store?
Pilihan anda benar-benar adalah setiap permohonan mendapat kolam sendiri simpanan tempatan
untuk tetapan dan untuk data, tetapi ia juga sungguh mudah menggunakan storan perayauan,
menggunakan storan berasaskan awan. Ia percuma.
Apa yang berlaku ialah anda pada dasarnya memilih kelas yang berbeza dan anda berkata,
"Tetapan Roaming, Simpan, ini set tertentu kandungan,"
dan akaun Microsoft mereka, apa sahaja yang mereka telah mendaftar sebagai,
akan menjadi kunci kepada perayauan maklumat bahawa kira-kira.
Jadi, jika saya menggunakan permainan anda pada komputer riba saya dan kemudian saya log masuk dengan akaun yang sama
dan saya bermain permainan pada Permukaan atau tablet,
yang secara automatik akan berkeliaran bahawa tetapan dan data antara mesin-mesin.
Itu satu perkara yang lalai. Itulah yang baik untuk jumlah tertentu data.
Anda tidak akan meletakkan pangkalan data yang besar kepada mereka.
Untuk itu anda perlu pergi ke jenis lain penyelesaian, seperti pangkalan data yang dianjurkan dalam awan,
perkara seperti itu.
Terdapat beberapa pilihan komuniti lain di seluruh jenis lain teknologi data.
Saya telah melihat beberapa pilihan SQLite dalam masyarakat di sekitar sana juga.
Jadi semakin banyak muncul, tetapi mereka adalah perkara-perkara utama yang anda akan melihat ke arah
untuk permainan atau aplikasi.
Dan anda mempunyai soalan di belakang juga.
>> [Pelajar] Dari segi rangkaian [didengar] memuat naik atau memuat turun fail [didengar]
[Bowen] Adakah soalan anda bagaimana anda dapat melihat bahawa atau bagaimana anda boleh debug itu dan mengujinya?
[Pelajar] Bagaimana anda boleh debug ia [didengar]
Maaf. Saya tidak dapat mendengar semua itu.
[Pelajar] Bagaimana anda mendapatkannya bug diuji dan juga [didengar]
Besar. Besar.
Bagaimana anda bekerja dengan rangkaian? Bagaimana anda boleh melihat apa yang berlaku?
Ada banyak jawapan yang berbeza untuk satu ini,
tetapi biarlah saya tunjukkan kepada anda mungkin perkara yang paling mudah di sini.
Biar saya menghilangkan simulator untuk kali kedua.
Hanya beberapa debugging pilihan untuk rangkaian.
Ada timbunan rangkaian penuh dibakar terus ke dalam kedua-dua peringkat WinRT dan dari WinJS,
jadi anda boleh dengan mudah membuat XHR, jenis AJAX panggilan dari permainan atau aplikasi anda untuk melakukannya.
Terutamanya, saya cenderung untuk menggunakan 2 perkara.
Saya menggunakan alat dev sebenar diri mereka sendiri, yang mempunyai timbunan rangkaian dibakar ke dalam mereka.
Biar saya tunjukkan kepada anda laman utama Windows.
Saya boleh membawa ini, dan ada sebenarnya satu rangkaian proksi dibakar ke dalam alat ini di sini.
Jadi saya boleh melakukan ini, saya boleh menyegarkan halaman, dan ia akan menunjukkan kepada saya semua interaksi,
termasuk AJAX panggilan untuk sesi itu, untuk tempoh yang permintaan ini.
Ini berguna. Ia akan menjadi sangat berguna untuk aplikasi berasaskan pelayar.
Untuk jenis lain aplikasi, termasuk aplikasi Windows Store,
Saya menggunakan alat yang dipanggil Fiddler.
Anda akan mendapat satu perlawanan dalam tindak balas. [Chuckles]
Pemain biola adalah proksi mudah. Saya rasa saya boleh menunjukkan bahawa kepada anda.
Ia hanya GetFiddler.com, yang, cukup menarik, saya mengesan timbunan rangkaian saya
akan GetFiddler.
Tetapi bagaimanapun, Fiddler yang telah ditulis oleh salah seorang daripada dua Perdana pada pasukan IE,
supaya dia tahu apa yang dia lakukan.
Ini adalah proksi baik yang anda boleh gunakan untuk trafik rangkaian debugging.
Saya akan mengesyorkan bahawa. Soalan di sana juga.
>> [Pelajar] Adakah terdapat cara mudah untuk mengintegrasikan input bahasa asing,
seperti Jepun atau Cina, ke dalam aplikasi Windows?
Saya tidak boleh mengatakan saya telah melakukan terlalu banyak sendiri, tetapi ia dibakar masuk
Terdapat pilihan untuk kursus pemancar permohonan anda -: saya minta maaf, saya tidak mengatakan soalan -
pilihan sekitar globalisasi, penyetempatan kandungan,
termasuk perkara-perkara seperti dapat menjual dalam pasaran yang berlainan
dan sasaran yang versi permohonan anda untuk bahasa-bahasa individu
atau budaya atau perkara seperti itu. Tentu dibina masuk
Kami telah mempunyai sokongan untuk itu untuk selama-lamanya,
dan yang membawa ke hadapan ke dalam pilihan anda untuk Windows Store.
Anda boleh berbuat demikian di kedai itu sendiri, menjual dalam pasaran yang berlainan,
anda boleh melakukannya dalam permohonan dan juga juga dengan menggunakan sumber-sumber untuk menentukan,
"Jika saya dibangunkan untuk budaya ini, kemudian gunakan mengatasi ini untuk kandungan teks saya
"Atau menggunakan hak untuk pembaca kiri."
Mereka adalah sebahagian daripada WinJS lalai dan WinRT API. Soalan yang baik.
>> Bagaimana kita lakukan? Apa-apa yang lain?
Dan sesiapa video mempunyai soalan, saya cbowen @ microsoft,
jadi saya gembira untuk mengambil apa-apa soalan anda dari masa depan.
Sangat - Dari masa depan, masa depan [meniru echo].
Jadi di sini adalah saya. Izinkan saya meletakkan kembali kenalan saya di sini.
Jadi hanya menghantar saya nota, cbowen @ microsoft,
dan saya akan kembali kepada anda secepat yang saya boleh.
>> Apa-apa lagi yang anda tertanya-tanya? Adakah kita yang baik?
Besar. Baiklah. Terima kasih semua sangat banyak. Saya menghargainya. [Tepukan]
>> [CS50.TV]