[Powered by Google Translate] [Seminar - Windows 8 - Pengembangan App / Game dengan HTML5]
[Chris Bowen, Edwin Guarin - Harvard University]
[Ini adalah CS50. - CS50.TV]
>> Hey, semua orang. Nama saya Edwin Guarin. Ini adalah Chris Bowen.
Aku akan membiarkan dia memperkenalkan dirinya dalam satu detik.
Aku hanya ingin membuat pengumuman cepat.
Pertama-tama, semua yang Anda CS50 siswa mendapatkan Windows 8 secara gratis.
Jadi, jika Anda berpikir tentang benar-benar menggunakannya untuk proyek akhir Anda, itu milikmu.
Nate akan mengirimkan email nanti untuk instruksi.
Hal kedua adalah jika Anda memutuskan untuk menulis sebuah aplikasi Windows 8 untuk proyek akhir CS50 Anda,
kita akan melakukan beberapa hadiah: Xbox,
kita mungkin bisa memberikan batu tulis jauh, hal-hal seperti itu.
Jadi jika ada sesuatu yang menahan Anda, biarkan Chris atau saya tahu
bagaimana kami dapat membantu Anda membangun sesuatu yang sangat keren.
Jadi terima kasih lagi untuk datang hari ini, dan saya akan menyerahkannya kepada Chris.
>> Terima kasih, Edwin.
Terima kasih, semua orang, untuk bergabung dengan kami hari ini.
Saya Chris Bowen. Aku salah satu dari rekan Edwin di sini di Timur Laut.
Aku hanya ingin menghabiskan sedikit waktu dengan Anda berbicara tentang
bagaimana membuat aplikasi Windows Store dengan HTML5, JavaScript, dan CSS
dan jenis mendapatkan pertanyaan yang Anda miliki tentang hal itu menjawab untuk Anda
karena Anda melihat ke arah berpikir tentang mungkin menggunakannya untuk final kesempatan CS50.
>> Yang mengatakan, kami hanya akan menyelam langsung masuk
Aku akan pergi ke slide di sini.
Jika Anda memiliki pertanyaan, jangan ragu untuk mengirim saya email.
Aku cbowen@microsoft.com, dan ada blog saya dan Twitter saya.
Namun Anda ingin berhubungan dengan saya, itu bagus.
Aku punya sekitar satu jam dari hal-hal, dan saya ingin mendapatkan pertanyaan Anda di sepanjang jalan,
jadi jangan malu-malu tentang memiliki pertanyaan selama ini.
Mereka tidak bisa melihat siapa yang mengajukan pertanyaan pada rekaman,
sehingga Anda akan sebagai anonim yang Anda inginkan untuk menjadi.
>> Biarkan aku menyelam kanan, hanya memberikan pengenalan cepat untuk Windows 8,
dan menampilkan beberapa hal tentang Windows Toko aplikasi yang bisa Anda pertimbangkan
karena Anda berpikir tentang pengembangan aplikasi.
Kami sedang melihat Windows 8. Kami sudah keluar selama beberapa minggu sekarang.
Banyak adopsi yang kuat di luar sana sudah.
Anda mungkin telah melihat sudah mesin Permukaan yang kita miliki juga.
Ada satu di sini sebenarnya Anda dapat melihat di jika Anda berada di sini secara pribadi.
Aku benar-benar ingin berbicara dengan Anda, menunjukkan Anda di sekitar sedikit tentang Windows 8.
Ide dengan Windows 8, itu benar-benar membawa ke depan semua hal yang Anda tahu tentang Windows
ke beberapa pengalaman baru - khususnya, hal-hal seperti pada mesin Surface dengan sentuhan,
semacam ini lebih banyak perangkat mobile yang sekarang di pasar,
tetapi juga Windows sama intinya.
Jadi itu berarti Anda dapat menginstal itu benar-benar pada apa pun yang menjalankan Windows 7,
dari tiga SLI rig game terbesar Anda ke laptop Anda
dan mengkilap perangkat lain yang baru Anda bahwa Anda mungkin mengambil hari ini.
Mereka akan menjalankan Windows 8.
Aku akan menunjukkan kepada Anda sekitar hanya sedikit,
dan semua pengalaman yang akan Anda lihat di sini adalah hal-hal yang dapat Anda buat.
Idenya adalah apakah itu sentuhan, mouse, keyboard,
apapun perangkat adalah bahwa Anda menjalankan aplikasi Anda, itu akan menjalankan besar.
Windows 8 akan membantu dengan semua skenario tersebut.
>> Slide ini samping, mari kita mendapatkan hak untuk mengambil melihat-lihat di sini.
Mari saya tunjukkan di sekitar layar rumah saya. Ini adalah layar Mulai saya.
Saya hanya akan memberikan sedikit tur di sini.
Aku pada mesin non-touch, sehingga sebanyak yang saya ingin menyentuh layar laptop saya,
itu tidak akan melakukan apa-apa, jadi aku hanya akan gulir di sini sedikit dan menunjukkan.
Beberapa hal yang mungkin melihat adalah fakta bahwa apa yang disebut live tiles
benar-benar dapat menghidupkan, dan mereka dapat memberikan informasi kepada Anda -
mungkin update pada statistik untuk permainan
atau menunjukkan berita dari beberapa aplikasi sebelumnya bahwa di sini di sisi kiri.
Di sana kami pergi. Saya yakin itu hanya positif dan berita fantastis besar.
Anda bisa lihat di sini itu benar-benar menarik perhatian Anda kembali ke aplikasi, mengatakan,
"Hei, ada sesuatu yang baru di sini. Lihatlah. Ayo kembali dan melihat apa yang baru untuk Anda."
Itulah yang disebut ubin hidup, dan Anda dapat melakukan pemberitahuan
baik langsung dari aplikasi itu sendiri
atau jika anda melihat secara lebih rinci, Anda akan mengetahui bagaimana menulis sebuah layanan remote
yang benar-benar dapat mendorong informasi ke ubin,
yang adalah apa yang terjadi dengan aplikasi berita ini.
Mereka benar-benar mendapatkan berita dari awan dan memperbarui ubin di sana
sehingga orang tahu ada alasan untuk membuka aplikasi dan melihat
pada apa pun berita terbaru adalah dalam salah satu
atau jika ada resep baru atau skor tinggi baru untuk mengalahkan
atau teman bermain atau apa pun pada aplikasi ini.
Ini sesuatu untuk menarik perhatian Anda kembali masuk
Jadi itulah ubin hidup, dan itu bisa menjadi seseorang, itu bisa menjadi sebuah situs web juga.
Biasanya itu sebuah aplikasi.
>> Hampir semua hal yang saya miliki di sini berasal dari Windows Store. Saya akan memulai itu.
Ini salah satu aplikasi yang Anda dapatkan secara default
pada setiap mesin yang menjalankan Windows 8.
Anda bisa datang ke sini untuk menemukan apa pun yang Anda ingin,
dari hal-hal yang disorot untuk game yang saya belum lihat sebelumnya.
Oh, wow, kita punya pinball baru di sini.
Anda dapat menginstal ini di sini dari toko,
dan kita akan berbicara tentang bagaimana untuk mengembangkan ini.
Anda memiliki banyak pilihan dalam cara Anda menciptakan mereka.
Kami akan fokus pada cerita JavaScript dengan HTML dan CSS,
tetapi kepada pengguna, untuk pembeli dari aplikasi, tidak peduli apa itu ditulis masuk
Mereka bisa pergi ke depan dan bekerja dengannya.
Saya tertarik dengan yang satu ini, jadi saya harus membuka ini dan melihat.
Setiap aplikasi, termasuk orang-orang yang Anda bisa mengirimkan dan menjual atau memberikan secara gratis,
apa pun yang Anda ingin lakukan di toko, akan mendapatkan halaman rumah seperti ini.
Anda bisa mengirimkan aplikasi Anda dengan sekelompok screen shot - Anda melihat beberapa di sini -
rincian tentang aplikasi, dan dari waktu ke waktu Anda akan mengumpulkan kedua peringkat -
mereka pada dasarnya hanya rating bintang - dan ulasan,
yang memberikan sedikit wawasan.
Sebenarnya, seseorang harus mengetik sesuatu dan memberitahu Anda bagaimana awesome Anda,
dan yang akan masuk ke bagian Ulasan Anda di sini, yang saya belum melihat.
Fantastic. "Bahkan tidak akan terbuka." Betapa besar.
Nah, untuk orang-orang untuk siapa ini tidak membuka dan menjalankan, mereka tampaknya benar-benar menikmatinya. [Tertawa]
Ingatlah ini. The Internet. Siapapun dapat mengatakan apa yang mereka inginkan tentang aplikasi Anda.
Jadi, pastikan Anda melakukan pekerjaan yang besar dengan itu,
pastikan Anda menjadikannya sebagai nyaman bagi pengguna yang Anda bisa
karena mereka beberapa klik saja dari menyediakan review,
dan itu akan terakumulasi hingga keseluruhan rating review anda.
Dan Anda ingin melakukan yang terbaik Anda karena Anda akan melawan aplikasi lain.
Akan ada ribuan aplikasi yang sudah di toko,
dan kemungkinan besar, mungkin ada sesuatu yang tidak fungsionalitas mirip dengan apa yang Anda lakukan.
Jadi, jika Anda benar-benar dapat berdiri keluar dari keramaian, yang akan untuk keuntungan Anda, tentu saja.
>> Kita akan masuk ke toko sedikit di kemudian hari.
Aku benar-benar ingin fokus pada pembuatan aplikasi.
Tapi versi pendek dari toko adalah distribusi di seluruh dunia,
itu secara otomatis bagian dari Windows 8, orang hanya api itu dan lihatlah berbagai aplikasi di sini,
Anda memiliki Dress-Up Sticker Book dan segala macam berbagai aplikasi.
Cat segar, saya menggunakan ini banyak - buruk, tapi saya menggunakannya banyak.
Ini menunjukkan bahwa aku sudah memilikinya.
Mari saya tunjukkan sesuatu yang saya tidak memiliki - UVideos Saya tidak punya sebagai merek baru.
Anda lihat di sini itu gratis, sehingga Anda dapat menginstalnya langsung dari toko.
Anda memiliki pilihan juga. Anda tentu saja dapat memberikannya.
Anda dapat menempatkan iklan di aplikasi atau game.
Anda juga dapat biaya untuk itu, dan Anda bisa sangat mudah memberikan percobaan untuk aplikasi serta
sehingga Anda dapat membiarkan orang mencobanya selama seminggu atau apa pun yang Anda ingin lakukan.
Itu hanya disesuaikan melalui portal. Anda tidak menulis kode untuk itu.
Jadi Anda mengatakan, "Anda dapat menggunakan ini selama seminggu dan kemudian Anda harus membelinya,"
atau Anda bisa melakukan hal-hal seperti, "Kamu bisa memainkan 3 tingkat pertama dari permainan ini
"Dan kemudian Anda harus membeli untuk mengakses sisanya."
Anda bahkan bisa dilakukan di-app pembelian juga, sehingga Anda bisa mengatakan,
"Kami punya petualangan tambahan atau set grafis atau hal-hal yang akan dibuka -
"Lebih resep yang akan dibuka -. Jika Anda membeli set ini diperpanjang"
Dan Anda bisa melakukan itu semua dalam aplikasi atau game itu sendiri.
Jadi, benar-benar terserah Anda, pilihan Anda.
Ada banyak hal yang dapat Anda lakukan di toko,
dan kemudian pada dasarnya Anda mengirimkan ke saluran sertifikasi.
Kita bisa bicara tentang itu sedikit nanti, tapi ini adalah tujuan.
Anda ingin mendapatkan aplikasi visibilitas di seluruh dunia Anda di toko di sini.
>> Kembali pada layar Mulai di sini, saya ingin menunjukkan kepada Anda sekitar sedikit lebih.
Jika saya memulai aplikasi ini, izinkan saya memberi Anda sebuah contoh dari beberapa fungsi cross-app di sini.
Untuk melakukan itu, saya akan memulai Cat segar.
Satu hal yang Anda akan melihat di sini adalah setiap bit tunggal dari layar,
semua piksel layar, pergi ke aplikasi Anda.
Lewatlah sudah hari-hari di mana Anda memiliki perbatasan di sekitar jendela ini
dengan banyak tombol yang selalu ada mengambil ruang sepanjang waktu.
Sekarang Anda benar-benar ingin pergi dari itu dan hanya memiliki konten Anda menjadi fokus.
Kita bisa melakukan hal-hal dengan Windows dengan mengakses jenis lain dari menu.
Salah satunya adalah benar-benar apa yang disebut pesona bar,
dan keluar dari sisi layar.
Anda benar-benar dapat beralih dari sisi jika Anda memiliki layar sentuh,
Anda bisa klik kanan jika Anda memiliki mouse, ada cara pintas keyboard untuk itu,
selalu ada lebih dari satu cara untuk melakukan sesuatu di lingkungan sini.
Yang membawa keluar beberapa hal yang dapat Anda lakukan.
Yang paling jelas adalah Anda dapat kembali ke layar Start,
tapi yang lain 4 adalah apa yang disebut pesona.
Mereka adalah kontrak yang dapat Anda plug ke sebagai pengembang app. Mereka cukup keren.
Cari, aku yakin itu adalah sesuatu yang Anda akan lakukan,
berbagi Aku akan menunjukkan kepada Anda dalam hitungan detik,
dan Devices and Settings, ini adalah segala sesuatu yang aplikasi Anda dapat plug ke
untuk memanfaatkan Windows, untuk mengatakan, "Saya telah melakukan bagian saya
"Dan aku ingin Windows untuk mendukung beberapa fungsi lainnya,
"Dan saya tidak ingin menulis banyak kode untuk membuat itu terjadi."
Itu benar-benar manfaat dari menggunakan fitur ini.
Mari saya tunjukkan satu.
Untuk melakukan itu, saya akan membuat sebuah lukisan baru.
Saya juga berbicara tentang menggunakan setiap pixel untuk aplikasi Anda.
Secara default, ini adalah apa aplikasi cat tampak seperti ketika Anda menggunakannya.
Ini benar-benar hanya tentang apa pun yang Anda menggambar, konten Anda.
Aku bisa melakukan hal-hal mengerikan di sini. Apa yang harus saya menarik? Saya tidak tahu.
Coretan? Oh, bagus. Aku bisa melakukan coretan. Fantastic.
A kalkun? [Tertawa]
Ini adalah kalkun paling abstrak Anda akan melihat.
Saya juga bisa memunculkan apa yang disebut bar app,
dan ini benar-benar salah satu cara utama yang dapat Anda gunakan
untuk menyembunyikan diri semua hal yang mungkin telah di app atau permainan sebelum
hanya mengambil ruang sepanjang waktu.
Jadi sekarang Anda bisa menempatkannya di sini, dan ini benar-benar salah satu pengalaman yang lebih indah
dengan bar app yang pernah saya lihat.
Letakkan pilihan di sini untuk memilih warna yang berbeda.
Kami ingin kalkun, jadi kita akan menaruh beberapa cokelat di sini, mulai pencampuran dalam beberapa warna.
Kami akan mengambil warna antara sini dan kemudian kembali ke sini.
Anda dapat mulai menggambar. Ada kalkun Anda. Fantastic.
Saya tidak bisa menggambar untuk memulai dengan, tapi untuk melakukannya dengan touchpad di depan penonton bahkan lebih baik.
Ini mengagumkan.
Idenya, meskipun, adalah segala sesuatu yang saya pedulikan adalah di sini di permukaan.
Katakanlah aku sangat puas dengan ini bahwa saya harus berbagi dengan seseorang.
Biasanya apa yang akan Anda lakukan dengan versi lain dari Windows,
Anda mungkin akan mengambil screen shot, Anda akan melakukan beberapa copy-paste teks Anda
atau hal-hal seperti itu yang Anda inginkan untuk berbagi keluar,
dan kemudian pergi dan membuka aplikasi lain dan memasukkannya ke dalamnya.
Di sini Anda tidak perlu melakukan itu.
Anda benar-benar dapat membawa keluar pesona bar dan berkata, "Saya ingin berbagi ini."
Pada titik ini akan menampilkan semua aplikasi
yang tahu bagaimana bekerja dengan apa pun yang sedang dibagi.
Dalam hal ini adalah gambar, sehingga akan mengatakan, "Saya melihat Anda punya gambar."
"Apakah Anda ingin berbagi?" Anda dapat melihat saya email sendiri hal-hal sepanjang waktu.
Ia mengakui bahwa, dan itu menawarkan saya bahwa sebagai cara pintas,
tapi itu juga menunjukkan kepada saya setiap aplikasi yang tahu bagaimana berurusan dengan mengambil gambar
dan melakukan sesuatu dengan itu.
Ini semua menunjukkan ke Windows bahwa mereka bisa melakukan itu.
Pada titik ini ini adalah Windows.
Pengguna hanya memilih apa yang mereka ingin lakukan dengan itu.
Aku akan melakukan yang biasa PuzzleTouch. Anda dapat melihat saya telah membuat segala macam teka-teki dari waktu ke waktu.
Aku akan mengambil PuzzleTouch dan berkata, "Saya ingin berbagi kreasi luar biasa ini dengan PuzzleTouch."
Ini akan pergi ke depan dan berkata, "Bagus. Anda ingin berbagi ini? Fantastic."
"Apakah Anda ingin membuat teka-teki yang mudah, menengah, apa pun?"
Aku akan membuat satu perantara di sini.
Itu membuat teka-teki. Ini akan menjadi teka-teki yang mengerikan karena itu sebagian besar kosong.
Tapi itu siap, dan itu sebenarnya kembali dalam aplikasi lain.
Jika saya datang ke sini, aku dapat mencari dan meluncurkannya.
Sekarang jika kita gulir atas hanya sedikit di sini, kita harus melihat ciptaan saya di suatu tempat.
Mana aku pergi? Apa jenis puzzle yang saya buat? Apakah aku membuatnya mudah?
Oh, itu dia, di sana.
[Terkekeh] Ini kalkun teka-teki mudah dikenali yang ada di sini.
Tapi hal yang saya ingin menunjukkan kepada Anda, hal yang keren di sini
adalah aplikasi tidak tahu apa-apa tentang satu sama lain.
Mereka hanya berkata, "Aku punya gambar untuk berbagi, dan saya tahu bagaimana menangani dengan gambar."
Dan Anda sebagai pengembang, Anda tidak perlu menulis kode yang.
Ketika seseorang meminta saya untuk berbagi, aku akan menaruh beberapa data ke dalam struktur data kecil ini
dan aku sudah selesai.
Aplikasi lain mengambil alih, melakukan hal tersebut, dan itulah akhir dari pengalaman berbagi.
Itu baru satu hal yang dapat Anda lakukan - benar-benar, benar-benar kuat -
dan itu akan menjadi salah satu hal yang benar-benar bisa membantu membedakan aplikasi Anda
dan juga permainan Anda juga di toko.
Orang-orang akan bisa mengatakan, "Ini benar-benar berguna."
"Saya menggunakan pencipta teka-teki ini sepanjang waktu. Ini fantastis."
>> Itu sekitar cukup gambaran singkat tentang apa yang terjadi di sini.
Ada beberapa fitur lain juga yang mungkin kita akan menyoroti seperti yang kita pergi melalui kode.
Tapi aku ingin menyelam ke dalam slide, dan untuk melakukan itu, aku akan pergi ke Desktop,
yang itu sendiri genteng hidup lain di sini.
Aku bisa pergi ke ini dan, tentu saja, aku pada slide saya,
tapi biarkan saya menunjukkan Anda benar-benar di mana kita berada.
Kami benar-benar dalam mode Desktop.
Ini benar-benar di mana apa yang saya katakan sebelumnya tentang Windows membawa ke depan
terhadap pengalaman baru menunjukkan dirinya.
Ini adalah Windows Anda tahu.
Aplikasi Windows yang disebut aplikasi desktop. Mereka berjalan di sini.
Jika Anda telah ada aplikasi dan Anda ingin menjalankannya pada Windows 8,
Anda benar-benar bisa melakukan itu.
Ini bukan hal yang sama seperti aplikasi toko, yang ada di sini,
seperti Paint Segar dan aplikasi ini NBC News dan hal-hal seperti itu. Mereka akan datang dari toko.
Mereka dapat menyambung ke beberapa fitur yang saya menunjukkan kepada Anda
dan lain-lain yang saya belum menunjukkan Anda hanya belum.
Tapi ingatlah bahwa dalam pikiran. Kami memiliki dukungan untuk kedua hal ini juga.
Maafkan aku. Adalah sesuatu yang tidak tampak di layar? Aku sudah kehilangan sepenuhnya. Itu aneh.
Oke. Terima kasih untuk menunjukkan hal itu.
Apa yang Anda belum melihat untuk sementara adalah saya menunjukkan kepada Anda bahwa desktop adalah di sini.
Apa hal terakhir yang Anda lihat? Apakah Anda melihat ini?
Ini adalah desktop. Anda sudah tahu apa yang tampak seperti.
Ini tidak ada yang sangat tidak biasa.
Ini kami membawa pengalaman yang maju untuk Anda dan membiarkan Anda menggunakan hal-hal yang Anda punya.
Sebagai contoh, saya akan menunjukkan kepada Anda Visual Studio. Itu adalah sebuah aplikasi desktop.
Ini akan berjalan dalam mode ini.
Ini akan mendukung lingkungan yang lebih kompleks
dengan banyak pilihan dan hal-hal seperti itu, sehingga membuatnya menjadi pilihan yang baik sebagai aplikasi desktop.
>> Yang mengatakan, mari kita pergi ke slide untuk hanya sedikit
dan memberikan beberapa konten pengantar dan kemudian benar-benar masuk ke coding di sini.
Kabar baiknya adalah saya pernah mendengar Anda telah berfokus pada banyak CSS dan JavaScript, HTML.
Semua hal-hal yang Anda telah membawa pembelajaran langsung untuk membuat Windows apps Store.
Hal-hal yang Anda telah mendengar tentang dengan menerapkan CSS dan semua hal-hal
adalah apa yang Anda lakukan untuk membuat aplikasi di sini untuk toko.
Kita akan pergi melalui hal-hal ini sedikit demi sedikit.
Pada dasarnya, saya sedang membangun pada hal-hal yang Anda sudah meluangkan waktu untuk belajar.
Ini adalah bagan keseluruhan teknologi yang dapat Anda gunakan
untuk membuat aplikasi untuk Windows 8.
Hal-hal di sebelah kanan, yang aplikasi desktop, benar-benar apa yang sudah kita ketahui.
Itulah hal-hal yang benar-benar Windows 7 dunia dipindahkan ke Windows 8.
Semua pilihan tersebut meneruskan: C #, VB, Win32 jenis pembangunan.
Besar. Ah, itu bukan apa-apa. Hal-hal baru di sisi kiri.
Itu Windows apps Store, saat itulah saya ingin mendapatkan aplikasi saya kabel ke Windows 8
menggunakan semua fitur tersebut, mendapatkan ke toko, dan mendapatkan pengalaman yang benar-benar keren
dari aplikasi Windows Store.
Untuk melakukan itu, Anda bisa lihat di sini Anda punya semua pilihan Anda dengan XAML, C + +,
C #, VB, Anda bisa melakukan DirectX, hal-hal seperti itu, hal-hal yang melampaui slide.
Tetapi bagi kita, kita akan fokus tepat di pada kenyataan bahwa HTML, CSS, dan JavaScript
benar-benar warga negara kelas pertama untuk membuat aplikasi untuk Windows 8
dan untuk Store Windows.
Jadi ini adalah baik untuk semua orang di sini dan orang-orang menonton video
karena Anda hanya dapat memanfaatkan semua pengalaman-pengalaman yang Anda miliki
dan benar-benar mengikat ke dalam apa yang menawarkan Windows.
Kau akan melakukan itu melalui satu set API, yang seharusnya tidak mengejutkan.
Setiap OS memiliki API sendiri.
Kami mengekspos apa yang Windows dapat melakukannya melalui apa yang disebut WinRT.
Ini satu set API yang hanya melakukan semuanya untuk Anda.
Jika Anda perlu membuka file, Anda perlu menggunakan kamera, geolocation, hal-hal seperti itu,
mereka pergi melalui apa yang Windows dapat menawarkan kepada Anda.
Untuk mengakses, kita memiliki beberapa JavaScript yang lebih yang akan membuatnya lebih mudah
bagi Anda untuk melakukan itu. Kita akan mendapatkan bahwa dalam beberapa saat.
Tapi untuk saat ini, yang pada dasarnya peta jalan Anda.
Hal-hal yang Anda sudah lakukan di atas beberapa API
yang membantu Anda bekerja dengan Windows sama dengan app store.
Dan itu benar-benar tentang semua yang Anda harus tahu dari tingkat tinggi.
>> Kita akan menyelam ke benar-benar bekerja dengan hal-hal yang sekarang.
Hal-hal yang Anda mungkin sudah melihat banyak,
dengan IE9 sedikit waktu kembali kami memperkenalkan dukungan untuk banyak, pada saat itu,
standar baru di Web, sehingga banyak fitur CSS baru,
banyak baru HTML, ECMAScript 5, yang benar-benar JavaScript.
Jadi semuanya untuk itu kecuali untuk modus ketat berada di IE9.
Hanya satu ton barang dengan CSS, CSS3, semua ada di sana.
Dan semua hal ini membawa maju ke apa yang kita lakukan dengan Windows 8.
Anda dapat menggunakan hal-hal ini, dan Anda dapat menggunakan segala sesuatu yang baru di IE10.
Dengan IE10 kami memperkenalkan dukungan untuk semua hal-hal ini juga.
Mereka semua hardware-accelerated, jadi jika Anda berada di sebuah mesin yang memiliki beberapa jenis GPU,
yang mungkin cukup banyak setiap mesin yang Anda bisa mendapatkan dalam 8 tahun terakhir,
Anda akan dapat memiliki output hardware-accelerated,
keluaran visual dengan CSS, Canvas, SVG.
Semua hal akan melalui akselerasi hardware
dan menjadi yang jauh lebih cepat dan lebih efisien.
Versi pendek dari semua ini - aku tidak akan pergi melalui setiap hal di sini -
jika Anda melihatnya dalam daftar ini, jika Anda dapat melakukannya di IE10,
jika itu adalah aplikasi web yang Anda menjalankan yang bekerja di IE10,
itu adalah sesuatu yang dapat Anda lakukan sebagai aplikasi Windows Store.
Dan itu cukup banyak itu. Jadi jika bekerja di IE10, itu akan bekerja sebagai aplikasi Windows Store.
Ini di atas meja sebagai sesuatu yang dapat Anda gunakan.
>> Ada banyak di sini. Kami tidak memiliki waktu sampai tengah malam, jadi aku tidak bisa meninjau semuanya di sini.
Tapi ada beberapa situs yang akan membantu Anda memahami apa yang bisa melakukan hal-hal ini,
dan aku akan menunjukkan kepada Anda salah satu dari mereka dalam hitungan detik.
Aku hanya ingin menunjukkan beberapa hal penting yang mungkin Anda melihat.
Mungkin Anda sudah melihat beberapa dari ini dalam studi Anda,
tetapi ini benar-benar membantu, khususnya dengan Windows apps Store, dari sisi CSS.
Jadi mampu melakukan transformasi dan transisi, memberikan gerak dengan animasi -
ini semua bagian dari CSS sekarang, dan mereka semua didukung oleh browser modern,
dan IE10 dan IE9 telah menambahkan dukungan dari waktu ke waktu untuk semua hal-hal ini.
Dan jadi mengapa menulis sendiri, mengapa harus melalui semua kesulitan melakukan hal-hal ini dengan tangan
ketika Anda bisa menggunakan mengubah CSS sederhana untuk menciptakan efek 3D untuk aplikasi Anda?
Besar. Itulah cara kerjanya.
Saya tidak bisa membuatnya lebih sulit dari itu.
Jika Anda tahu bagaimana melakukannya di CSS, Anda tahu bagaimana melakukannya dalam aplikasi Windows Store.
>> Di luar itu untuk tata letak, hal-hal seperti bahkan app store,
tetapi akan lebih dari itu, melihat mungkin app berita yang menunjukkan Anda artikel
atau resep atau hal-hal seperti itu, ini jenis lain dari fitur dalam CSS benar-benar berguna:
Grid, Flexbox, CSS Kawasan lebih dari standar yang cukup baru juga.
Hal-hal ini semua akan membantu Anda lay out konten dan aliran konten antara bagian,
dapat melakukan pagination dan hyphenation tanpa Anda harus menulis hal-hal sendiri.
Anda hanya mengatakan, "Silakan lakukan hal berikut untuk saya,"
dan sebagai layar real estat berbeda pada mesin yang berbeda
atau karena Anda akan lihat sebentar lagi, setelah Anda snap aplikasi
memiliki jumlah yang lebih kecil ruang pada layar, itu tidak masalah untuk CSS.
Hal ini dapat mengambil keuntungan dari - talk Kita akan tentang permintaan media dalam kedua -
dapat mengurus hal-hal dengan reposisi konten Anda, mengalir konten dari daerah
hanya dengan hal-hal yang Anda mungkin telah melihat dengan teknologi web.
>> Di sisi HTML5, ada juga banyak hal
yang akan sangat membantu bagi Anda dengan Windows apps Store.
Sekali lagi, kita tidak akan melalui semua ini, tapi mereka hanya di sini.
Jadi jika Anda perlu untuk menggunakannya, audio-video, jika Anda ingin melakukan validasi dari bentuk,
geolocation, semua hal yang dapat Anda lakukan dalam JavaScript dengan JavaScript 5 atau ECMAScript 5,
IndexedDB untuk penyimpanan lokal - ini semua pilihan untuk Anda.
Jika Anda sedang mencari jawaban, hanya melihat ke teknologi yang sudah ada dengan HTML5 dan CSS
dan Anda akan menemukan jawaban lebih mudah daripada harus memutar banyak hal yang sendiri.
Mari saya menunjukkan sekitar sedikit di sini.
Aku punya situs kita bisa pergi ke.
Biarkan aku berhenti dari geser ini untuk kedua.
>> Jika kita pergi ke IETestDrive.com,
Aku tidak akan berbuat banyak dari demo di sini.
IETestDrive.com benar-benar menunjukkan Anda banyak apa yang baru dengan IE10,
hal-hal yang dapat Anda lakukan.
Saya menemukan ini benar-benar berguna karena bukannya membaca melalui sekelompok kertas putih,
melihat beberapa demo, dan itu akan membantu Anda meletakkannya di radar pribadi Anda sendiri
tentang apakah teknologi masuk akal bahkan melakukan penelitian yang lebih dengan
sehingga Anda akan memahami, "Aku melihat apa yang ini adalah untuk."
"Saya mengerti apa Request Animasi Bingkai tidak bagi saya."
"Saya mengerti bagaimana saya bisa menggunakan Daerah atau filter SVG."
Anda melihat mereka beraksi, melihat mereka pada contoh di sini,
dan memutuskan untuk diri sendiri jika itu akan berguna untuk Anda dalam proyek Anda sendiri dan di luar
Anda terus bekerja dengan teknologi web.
Di sini saya hanya akan mendorong Anda untuk melihat.
Saya tidak berpikir saya akan menghabiskan banyak waktu benar-benar berjalan ini.
Kami punya cukup untuk menunjukkan dengan menulis kode.
Anda akan melihat di sini hal-hal dari efek sentuh untuk game berbasis sentuhan di bagian tersebut,
animasi, hardware-accelerated sangat cepat animasi di sana,
beberapa optimasi yang akan Anda lihat dalam beberapa sampel ini juga,
dan ada banyak, banyak lagi.
Jika Anda pergi di sini dan membuka peta situs,
hanya ada sejumlah konyol sampel di sini.
Anda dapat melihat mereka semua di sini.
Jika Anda sedang mencari sesuatu atau Anda mendengar tentang sesuatu
dan Anda ingin tahu mungkin ini akan menjadi sesuatu yang keren untuk digunakan dalam aplikasi,
coba cari di sini, dan mungkin ada demo yang cukup baik untuk itu untuk menyelamatkan diri beberapa waktu.
>> Oke? Setiap pertanyaan sejauh ini untuk orang-orang di sini?
Oke. Kami akan terus di sini.
Sekali lagi, hanya memeriksa yang keluar.
Mereka adalah standar web, jadi pergi ke situs-situs showcase lain yang Anda tahu
dan melihat apakah teknologi tersebut masuk akal untuk apa yang Anda coba lakukan.
>> Kembali ke slide.
Yang mengatakan, Anda pindah dari dunia Web untuk benar-benar dipasang dunia aplikasi lokal,
sehingga ada beberapa hal untuk menunjukkan di sini.
Pertama-tama, tidak ada web server yang terlibat di sini.
Tidak ada Apache, tidak ada IIS berjalan di sini
melayani sampai halaman ke klien remote, ke agen remote browser.
Dalam hal ini, benar-benar semuanya dikemas untuk Anda.
Anda mengirimkan aplikasi Anda ke toko, hal itu akan disertifikasi,
itu keluar di toko, dan kemudian orang-orang dengan ribuan akan menginstal permainan atau aplikasi Anda.
Tapi pada dasarnya, mereka menariknya ke bawah secara lokal untuk mesin mereka.
Tidak perlu untuk pergi keluar ke Web lagi kecuali jika Anda memiliki panggilan yang membutuhkan API terpencil,
dan itu sangat normal serta juga.
Tapi mereka tidak akan berada di mode mana mereka harus pergi respon permintaan dari server
untuk mendapatkan halaman berikutnya dari konten mereka.
Jadi mengatakan bahwa, ada beberapa perbedaan kecil API beberapa. Ini adalah sangat kecil.
Mereka tidak akan memukul Anda di coding normal, tapi mereka setidaknya didokumentasikan.
Mereka jenis tepi kasus ada.
>> Hal lain yang bernilai menunjukkan adalah perbedaan kepercayaan.
Saya hanya menyebutkan hal ini karena saya hanya ingin memastikan aku mengatakannya
jadi jika Anda mengalami nanti, Anda akan berpikir, "kata Chris sesuatu tentang hal ini,
"Jadi mungkin, ya, oke," dan kemudian Anda kembali dan Anda mencari tahu apa itu.
Konteks masalah.
Secara default kita mencoba untuk melindungi pengguna dari vektor serangan.
Ada hal-hal tertentu yang dapat Anda lakukan secara default
dan hal-hal tertentu Anda perlu mengubah konteks untuk mengaktifkan.
Saat Anda menggunakan beberapa perpustakaan di luar sana - Anda sudah sudah bekerja dengan jQuery,
tetapi jika Anda mencari perpustakaan lain di luar sana - Anda mungkin menggunakan beberapa fungsi
semacam itu melampaui penggunaan lokal, apakah interaksi yang lebih dinamis
Permintaan XHR, hal-hal seperti itu.
Kadang-kadang Anda mungkin menemukan mereka akan dinonaktifkan secara default,
dan dalam hal ini, hanya melakukan pencarian, mencari konteks lokal dan web,
dan Anda akan menemukan cara untuk memperbaikinya.
Pastikan Anda tahu tentang hal itu ketika Anda mulai menggunakan kerangka kerja lainnya,
yang, saya harus menyebutkan, kau sangat mampu yang dapat dilakukan.
Jadi jika Anda menemukan beberapa kerangka lain - talk Kita akan tentang hal ini dalam satu detik -
untuk gaming dan Anda ingin menggunakannya, Anda ingin menggunakan beberapa perpustakaan kontrol yang di luar sana
dan Anda tidak ingin menulis hal-hal yang sendiri - itu adalah ide yang baik, kan? -
Anda benar-benar dapat menggunakan hal-hal ini.
Tidak ada yang menahan Anda menggunakan jenis perpustakaan yang didasarkan pada JavaScript,
CSS, HTML5.
Sekali lagi, jika itu adalah sesuatu yang dapat Anda lakukan di IE10, yang merupakan heck of a lot hari ini,
Anda bisa melakukannya.
Tarik ke dalam aplikasi Anda, referensi perpustakaan JavaScript, dan menggunakannya dalam aplikasi Anda,
hanya dengan mengingat Anda mungkin memukul konteks keamanan sekali-sekali - tidak terlalu sering.
>> Dan kemudian fitur, kita akan pergi ke beberapa dari mereka seperti yang kita pergi.
UX Anda akan jenis terbiasa seperti yang Anda lihat semakin banyak aplikasi
dari Toko Windows.
Anda bisa merasakan bagaimana mereka bekerja dan bagaimana estetika desain cenderung bekerja
seluruh aplikasi yang berbeda dan apa yang orang akan digunakan untuk mengalami.
Itu benar-benar bagian penting.
Pastikan bahwa ketika mereka jalankan aplikasi Anda, mereka tidak perlu membaca manual,
yang tidak pernah mereka lakukan, by the way.
Mereka hanya harus dapat mulai bermain dengan aplikasi Anda
dan memahaminya tanpa banyak kesulitan.
Dengan tetap berpegang dan mengikuti banyak praktek-praktek ini,
Anda akan melakukan pengguna Anda nikmat yang besar, membuat yang lebih mudah.
>> Oke. Satu hal terakhir di sisi API dan kemudian kita akan masuk ke dalam benar-benar menulis kode.
WinJS adalah bahwa hal yang saya sebutkan sangat singkat dengan slide yang kompleks
dengan semua pilihan yang berbeda yang Anda miliki untuk membuat aplikasi.
WinJS, Anda dapat menganggapnya sebagai seorang teman.
Ini teman Anda untuk membantu Anda menuliskan hal-hal lebih cepat.
Hanya saja JavaScript dan CSS. Anda tidak harus menggunakannya. Anda dapat menggunakannya.
Jika Anda akan menelepon ke fitur Windows, Anda akan berakhir menggunakannya,
tetapi jika ada hal-hal seperti beberapa pola desain atau kontrol yang Anda benar-benar tidak ingin menggunakan,
Anda ingin menggunakan sesuatu yang lain, itu terserah Anda.
Tentukan apa yang ingin Anda gunakan dan gaya yang ingin Anda gunakan.
Fitur dari namespacing dan kelas generasi - terserah Anda.
Jika Anda memilih satu atau yang lain, itu sepenuhnya pilihan Anda. Ini masih JavaScript dan CSS.
Tapi itu akan membantu Anda melakukan banyak hal.
Sebagai contoh, inilah bagian dari apa yang dapat dilakukan,
hal-hal seperti membantu pemrograman asynchronous dengan janji-janji.
Setiap Anda mendengar atau bekerja dengan Node.js?
Ini adalah pola umum untuk bekerja dengan pemrograman asynchronous.
Jadi pada dasarnya apa yang Anda katakan adalah, "Pergi melakukan sesuatu,
"Dan Anda akan memberi saya sebuah janji bahwa Anda akan kembali ke saya ketika Anda sudah selesai."
Itu dasarnya apa yang terjadi.
Jadi Anda tidak membeku aplikasi Anda saat pengguna akan dan memilih file
atau sesuatu sedang mengalir dari Web.
UI tetap responsif.
Dan Anda dapat melakukannya dengan menggunakan pemrograman asynchronous.
Kedengarannya ridiculously rumit, tapi itu benar-benar mudah karena Anda menggunakan janji-janji
dan Anda hanya mengatakan, "Pergilah melakukan ini dan ketika Anda sudah selesai, memanggil kembali ke metode ini."
Itu cukup banyak itu. Itu semua dibangun untuk WinJS.
Ini akan membuat lebih mudah untuk menulis aplikasi yang benar-benar fleksibel dan kuat.
>> Anda dapat melihat sisa di sini, banyak animasi.
Mungkin salah satu hal yang lebih penting pada slide ini adalah kontrol.
Saya rasa saya memiliki keseluruhan - ya, saya lakukan.
Berikut ini adalah contoh hanya beberapa kontrol yang dapat Anda gunakan dalam aplikasi Anda.
Ini semua lurus ke atas dari WinJS.
Anda tidak menulis ini sendiri,
Anda hanya mengatakan, "Berikut adalah cara saya ingin menulis aplikasi saya."
"Saya akan menggunakan tampilan sandal sehingga saya bisa pergi antara gambar yang berbeda."
Aku belum menunjukkan Anda Semantic Zoom. Aku akan menunjukkan kepada Anda bahwa dalam satu detik.
ListViews. Ada GridViews.
Anda sudah melihat grid sebagai bagian dari aplikasi toko,
sehingga mampu menggunakan blok konten dan bergulir di itu.
Menu flyout Anda akan melihat dari waktu ke waktu.
Bar app saya menunjukkan Anda dengan aplikasi Cat segar juga,
sehingga Anda melihat bagaimana Anda dapat menyesuaikan bahwa dengan menempatkan tombol di atasnya
dan memiliki yang menyembunyikan diri ketika Anda tidak peduli untuk menggunakan.
Itu benar-benar benar-benar terserah pada Anda untuk menggunakan.
Ini semua adalah kontrol yang merupakan bagian dari WinJS.
Saya akan menunjukkan cara untuk membuat ini hanya satu detik, tapi ada lebih dari sekedar ini,
dan kuncinya adalah menggunakan mereka jika Anda inginkan, menghemat waktu.
>> Jika Anda memiliki perpustakaan kontrol lain yang Anda ingin gunakan, itu baik-baik saja juga.
Hal-hal seperti jQuery UI melakukan banyak jenis ide juga,
menyediakan lebih banyak kontrol yang memperpanjang apa yang dapat Anda lakukan dalam HTML dan JavaScript.
Mari kita menyelam masuk saya sudah mengatakan bahwa. Gunakan apa yang Anda inginkan.
Hanya perlu diingat bahwa Anda mungkin mengalami beberapa masalah konteks.
Tapi Anda pasti bisa mencampur dan mencocokkan apa pun jenis perpustakaan Anda merasa nyaman dengan,
Anda ingin belajar, Anda ingin menggunakan, untuk menyelamatkan diri beberapa waktu.
>> Mari kita bicara tentang alat hanya sedetik.
Anda bisa mendapatkan apa yang Anda butuhkan untuk mulai bekerja dengan Windows apps Store.
Jika aku kembali keluar, saya memiliki terlalu banyak hal di sini.
Jika Anda pergi ke halaman ini, yang dev.windows.com,
Anda dapat men-download semua yang anda butuhkan.
Sebagai mahasiswa, Anda memiliki akses ke lebih dari masyarakat umum tidak,
sehingga Anda bisa mendapatkan versi akhir yang lebih tinggi dari Visual Studio.
Edwin menyebut Anda sudah bisa mendapatkan Windows juga.
Tapi secara umum, untuk semua pengembang, Anda dapat pergi ke situs ini
dan men-download semua yang anda butuhkan untuk membuat aplikasi, dan itu semua gratis.
Jadi ada versi gratis dari Visual Studio,
ada beberapa alat yang akan menginstal bersama itu -
semua yang anda butuhkan untuk membuat dan menguji aplikasi Anda.
Ini hanya jika Anda akan mempublikasikan aplikasi Anda ke toko
bahwa Anda akan memerlukan account pengembang.
Hal ini juga saya percaya adalah gratis. Apakah gratis untuk siswa juga? >> [Guarin] Mana?
The account pengembang, pengajuan sebenarnya. >> [Guarin] Ya.
Itu lebih kabar baik.
Anda akan pergi melihat ini.
Ini akan mengatakan bagi seorang individu secara default adalah $ 49.
Tapi jangan mendaftar untuk itu sebagai mahasiswa.
Kita akan mendapatkan beberapa informasi melalui program Anda bahwa Anda dapat mendapatkan account gratis,
dan yang akan membiarkan Anda kemudian mengirimkan aplikasi Anda sampai ke toko,
sebanyak yang Anda suka, dan semua kebaikan yang akan segera menyusul.
Jadi itu dev.windows.com.
Anda dapat men-download alat yang mungkin Anda butuhkan dari sini.
Dan jika Anda ingin, Anda bisa mendapatkan versi percobaan Windows di sini,
tapi sekali lagi, Anda tidak perlu.
>> Situs lain - biarkan saya menunjukkan satu ini untuk Anda dengan cepat - adalah design.windows.com.
Itu dev.windows.com.
Design.windows.com, Anda bisa menebak apa itu untuk.
Ini sebenarnya sebuah situs cukup ramah. Ada banyak informasi yang baik di sini.
Anda dapat bekerja melalui itu.
Ini akan memberikan beberapa saran tentang beberapa hal
bahwa mungkin Anda belum terpikirkan sebelumnya atau harus berurusan dengan sebelumnya,
seperti merancang untuk sentuhan, merancang untuk faktor bentuk yang berbeda,
merancang untuk kemampuan Windows 8, hal-hal yang saya sebutkan sebelumnya
seperti mencari dan berbagi, beberapa hal yang saya belum bicara tentang belum.
Mereka semua tercantum di sini, dan itu adalah set cukup baik membantu halaman berkas
yang akan membantu Anda memahami bagaimana untuk membuat jenis tertentu dari aplikasi,
bagaimana melakukan interaksi, bagaimana berurusan dengan UI dan UX aplikasi Anda.
Saya akan merekomendasikan bahwa Anda melihat pada ini, terutama jika Anda berada di beberapa titik
berharap untuk menerbitkan sebuah aplikasi ke toko.
Anda akan ingin tahu bagaimana membuat aplikasi yang baik
karena yang saya sebutkan sebelumnya jika Anda tidak, ada ulasan mereka lagi.
Orang-orang akan menjadi bahagia.
Mereka tidak akan dapat menemukan hal-hal yang mereka harapkan di tempat yang tepat.
Tidak ada yang ingin hal itu terjadi pada Anda.
>> Bergerak ke depan di sini, biarkan aku menutup yang turun.
Sekarang Anda tahu di mana untuk mendapatkan sesuatu, saya akan menunjukkan cara untuk benar-benar mulai menggunakan barang-barang.
Untuk memulai, saya benar-benar akan menunjukkan di sini contoh aplikasi desktop pada layar Mulai saya.
Di sini Anda dapat melihat Visual Studio, Anda dapat melihat Blend dan alat-alat pengembang lain yang saya miliki.
Mereka memiliki ubin sedikit berbeda.
Itu karena mereka adalah aplikasi desktop,
dan dalam kasus-kasus mereka semua akan meluncurkan kembali ke desktop saya
benar-benar hanya sebagai aplikasi yang Anda terbiasa.
Jadi pengalaman Windows, itu hal yang sama.
Mereka tidak, misalnya, seperti Bersenjata! atau hal-hal ini. Biarkan saya memulai satu dengan cepat.
Sebenarnya, inilah salah satu yang menarik.
Ini dikembangkan oleh mahasiswa yang bekerja dalam kemitraan di NERD.
Aplikasi layar penuh, jenis-jenis pengalaman di sini.
Oh, layar dipotong bagus dan segala macam hal yang menyenangkan.
Mereka mengembangkan ini. Kami mungkin juga menunjukkan semuanya sementara kita berada di dalamnya.
Bahkan, saya bekerja dengan mereka sedikit, memberi mereka beberapa saran pada hal-hal
karena mereka melakukan JavaScript untuk aplikasi mereka.
Tolong, aku tidak mengambil kredit untuk pekerjaan mereka, mereka melakukan semua pekerjaan.
Saya hanya memberi mereka sedikit saran di sana-sini,
tetapi mereka melakukan beberapa hal besar dengan menggunakan front end JavaScript
dan mengikat di beberapa mesin fisika dan hal-hal untuk membuat banyak pekerjaan ini.
Pergi. Mari kita lihat apakah yang bekerja.
Wow, itu masih bekerja. Baiklah, baik. Tapi Anda mendapatkan ide.
Sebuah aplikasi layar penuh, pengalaman yang benar-benar baik.
Hal ini tidak hanya mendukung mouse dan pena saya jika saya memiliki hal-hal seperti itu, tetapi juga menyentuh.
Kalau aku punya layar sentuh, saya hanya bisa menggambar di atasnya dan terus bekerja dengan itu.
>> Satu hal yang saya tidak menunjukkan, dan alasan mengapa aku membawa ini
adalah saya ingin memiliki aplikasi lain untuk menunjukkan apa yang dapat Anda lakukan,
Anda benar-benar dapat mengambil aplikasi di Windows dan menyeret mereka ke sisi layar.
Ini disebut gertakan aplikasi.
Dalam hal ini, saya telah mengambil Inkarus dan saya telah menambahkan ke samping di sini.
Sekarang di Snap pandangan, dan yang memungkinkan saya untuk melakukan sesuatu yang lain, sementara aplikasi yang ada.
Kebanyakan permainan Anda akan menemukan hanya hanya akan berhenti.
Itu biasanya yang layak untuk dilakukan kecuali permainan Anda entah bagaimana dapat menurunkan
untuk yang kecil resolusi, seperti mungkin semacam permainan papan
atau hal-hal seperti itu pada kesempatan.
Tapi secara umum, hal termudah untuk dilakukan dan hal yang paling tepat yang harus dilakukan untuk game
adalah untuk menghentikan aplikasi.
Untuk aplikasi seperti aplikasi berita, jika saya memulai satu ini dan kemudian saya jepret itu,
Anda akan melihat itu benar-benar berubah secara signifikan dalam bagaimana hal itu menyajikan data kepada Anda.
Di sini itu menunjukkan Anda benar-benar dalam panci yang lebih vertikal yang informasi,
tapi aku masih bisa benar-benar menggunakan aplikasi ini.
Jadi masih sangat berguna.
Fakta bahwa itu dalam tampilan yang lebih kecil tidak menjaga aku dari menggunakan aplikasi tersebut. Jadi pikirkan tentang itu.
Ini adalah sesuatu yang Anda harus memiliki aplikasi Anda lakukan untuk beberapa derajat,
tapi itu terserah Anda untuk menentukan bagaimana fungsional aplikasi Anda harus
dalam jenis lingkungan yang lebih kecil.
Izinkan saya menutup satu yang turun dan kembali ke tempat kami berada di sini.
>> Edwin, Anda menambahkan foto saya sudah? >> [Guarin] Ya. >> [Bowen] Lihat itu.
Lihat itu? Edwin menambahkan foto. [Tertawa]
>> Mari kita kembali ke sini ke Visual Studio. Biarkan aku memulai ini untuk Anda.
Aku bisa mengklik ubin di layar Start.
Ini membawa saya kembali ke mode Desktop, dan itu meluncurkan aplikasi desktop Visual Studio.
Ini adalah Windows yang sudah Anda ketahui.
Aku bisa pergi ke depan dan membuat sebuah proyek di sini.
Kami akan fokus lagi pada JavaScript, HTML.
Aku akan pergi keluar dan memilih sampai di sini di bawah JavaScript, Windows Store.
Ada sejumlah template yang dapat Anda gunakan.
Untuk produktivitas, saya akan merekomendasikan Anda mengambil melihat beberapa dari anak-anak lain di sini
seperti Grid dan Split.
Mereka benar-benar berguna jika Anda membuat sebuah aplikasi
itu akan memiliki jenis desain dan navigasi. Anda akan melihat ini banyak.
Yang saya hanya menunjukkan Anda benar-benar sebuah contoh dari aplikasi Grid.
Jadi jika Anda berpikir Anda akan membuat aplikasi berita atau RSS reader
atau sesuatu seperti itu yang berhubungan dengan beberapa entri yang Anda ingin menunjukkan detail,
berpikir tentang menggunakan salah satu template ini untuk memulai dengan cepat
dan menyesuaikan dari sana.
Tapi jadi saya bisa menunjukkan semua bagian yang pindah ke sini
Aku akan membuat app kosong, dan kemudian kita akan pergi sedikit lebih dalam rincian.
Aku hanya membuat aplikasi kosong di sini.
Ini akan membuat seluruh proyek untuk saya.
Aku akan membuka hal-hal yang saya ingin menunjukkan kepada Anda secara default.
Biarkan aku hanya memperbesar sedikit untuk menunjukkan apa yang diciptakan untuk kita di sini.
Hal-hal yang Anda akan melihat pada awalnya diberi semua default.
Jadi Anda akan mencari default.html, default.js, dan default.css.
Hal lain yang perlu menunjukkan adalah bahwa kita sudah memiliki referensi ke apa yang saya sebutkan sebelumnya.
Ini adalah WinJS. Tidak ada yang benar-benar menyebutnya nama panjang ini di sini.
Ini adalah WinJS, Perpustakaan Windows for JavaScript.
Jika Anda membukanya, Anda dapat melihat itu semua di sini.
Ada file CSS yang berbeda, ada JavaScript.
Itu ada di sana untuk membantu Anda keluar.
Ini benar-benar ada untuk memberikan kontrol dan gaya dan hal-hal yang Anda hanya dapat menggunakan secara otomatis.
Tetapi sekali lagi, jika ada hal yang ingin Anda gunakan sebagai pengganti dalam hal styling dan kontrol lainnya,
itu sepenuhnya terserah Anda. Aku akan menunjukkan kepada Anda bagaimana menggunakan beberapa hal-hal sekarang.
>> Kembali ke sisi kiri kami, biarkan saya menunjukkan halaman HTML default.
Anda sudah melihat hal-hal WinJS, dan itu benar-benar semua yang terjadi di sana
dengan garis-garis tengah markup, hanya membawa CSS secara default
dan membawa beberapa file JavaScript dari WinJS.
Anda tidak perlu menjadi master apa yang terjadi di dalam file tersebut.
Hal ini cukup menarik untuk kita lihat pada mereka untuk jenis meninjau apa yang terjadi di sana
karena ada teknik menengah dan lanjutan yang cukup menarik terjadi di sana,
tapi hal yang menyenangkan adalah sebagai pengembang, Anda hanya dapat mengambil keuntungan dari mereka, hanya menggunakannya
dan tidak benar-benar perlu khawatir tentang hal itu.
Anda masih bisa mengendarai mobil tanpa harus tahu cara kerjanya, kan?
Jadi itulah jenis hal yang terjadi di sini.
Ada kontrol dan gaya dan hal-hal yang Anda hanya dapat melanjutkan dan penggunaan
dan kode yang dapat Anda gunakan dalam hitungan detik tanpa harus tahu apa yang ada di sana.
Berikut adalah file Anda sendiri.
Ini adalah tempat Anda bahwa Anda dapat memodifikasi CSS Anda sendiri
dan JavaScript Anda sendiri untuk mendapatkan sesuatu bergulir.
Anda akan menambahkan file JavaScript tentu lain dan file lainnya mungkin CSS
sebagai proyek Anda tumbuh, tapi ini benar-benar hanya titik awal.
Berikut adalah Hello, setara dunia dari HTML, jadi kita kembali pada tag body.
Di bagian atas, by the way, itu adalah DOCTYPE HTML5,
sehingga Anda akan menyadari bahwa dari apa yang Anda kerjakan.
Ada penuh IntelliSense di sini juga, jadi jika Anda melakukan hal-hal seperti jenis dalam tag video yang
dan memperluas yang keluar, Anda mungkin telah belajar tentang fakta
yang perlu Anda lakukan encoding fallback untuk tag video dalam HTML5 - atau mungkin Anda memiliki -
untuk memastikan bahwa browser yang berbeda memiliki dukungan untuk video Anda.
Kami memiliki hal-hal seperti ini di HTML, JavaScript di, di CSS.
Itu dibangun dalam, dan saya akan menunjukkan CSS dalam satu detik.
Di sini Anda dapat pergi ke depan dan mulai kode, markup memodifikasi.
Bahkan, sebelum saya mengubah apa pun, aku akan menjalankan ini dan menunjukkan kepada Anda apa yang Anda dapatkan.
Anda akan mendapatkan splash screen yang dapat disesuaikan
dan kemudian Anda mendapatkan Halo, pengalaman dunia di sini. Ini fantastis, bukan?
Pergi ke depan dan kapal itu, kan?
Konten goes here. Itu hal dasar.
Hal ini hanya bisa mendapatkan lebih baik dari sana.
Kami akan pergi ke depan dan menambahkan beberapa hal.
Aku punya sedikit markup aku akan copy di sini
hanya sehingga Anda tidak harus menonton saya mengetik.
Biarkan aku pergi membawa kotak peralatan di sini, dan saya akan pin ini karena saya akan melakukan ini beberapa kali.
Toolbox, jika Anda belum melihat Visual Studio, adalah di mana Anda akan menemukan sekelompok kontrol.
Anda juga dapat menempatkan potongan kode ke dalamnya bahwa Anda dapat menggunakan kembali.
Di sini saya hanya akan muncul dalam beberapa lain HTML, tidak ada yang sangat maju sama sekali di sini.
Ini hanya dasar HTML mengatakan bahwa saya memiliki masukan di mana saya bisa mengetik,
Saya memiliki tombol mana saya bisa menyerahkan itu, dan kemudian saya memiliki div yang dasarnya placeholder
yang bisa saya gunakan untuk output "Halo, Anda mengetik ini."
Ini adalah intro untuk contoh HTML.
Jika saya menjalankan ini, kita secara otomatis mendapatkan HTML, tetapi kita juga secara otomatis mendapatkan styling.
Ini adalah salah satu hal penting dari WinJS.
Ini akan memberi Anda secara default beberapa tampilan dan nuansa yang benar-benar konsisten
dengan sisa apa Windows 8 lakukan.
Disini anda melihat hal-hal seperti tombol.
Tombol secara default di HTML tidak terlihat seperti itu, tapi tidak di sini
karena itu mendapatkan bahwa CSS yang tepat dari file CSS di WinJS.
Jika Anda ingin menggunakan sesuatu yang lain, jika Anda ingin mengubah itu, benar-benar baik,
pergi ke depan dan melakukan apa yang Anda inginkan. Tapi itu default.
Ini akan menjadi lebih akrab bagi pengguna.
Dan tentu saja ini tidak akan melakukan apa-apa karena saya tidak benar-benar memasang sebuah jenis kode
untuk menanggapi itu. Itu hanya HTML.
Jadi saya dapat menyingkirkan itu, dan kami akan datang kembali ke aplikasi kita.
>> Mari saya beralih ke default.js kami.
Hal ini terlihat cukup rumit, tapi itu hanya melakukan beberapa hal untuk Anda.
Ini boilerplate. Ini akan menjadi sama di semua proyek Anda.
Satu-satunya hal ini lakukan adalah hanya semacam bertanya, "Bagaimana aku sampai di sini?"
dan berkata, "Apakah Anda meluncurkan aplikasi ini untuk pertama kalinya?"
"Apakah Anda melanjutkan aplikasi dari memiliki itu ditunda?"
Beberapa hal seperti itu.
Sungguh, fokus kami pada file ini di sini adalah benar tentang di sini.
Pada titik ini, baris ini salah satu kode cukup penting.
Ini benar-benar akan pergi dan melihat melalui semua markup Anda,
dan itu akan menemukan hal-hal yang Anda telah diminta untuk telah berubah menjadi kontrol,
kontrol yang lebih dalam seperti kontrol rating, seperti tampilan grid, seperti flyout
dan hal-hal lain yang saya tunjukkan pada slide itu sebelumnya.
Mereka tidak kontrol HTML asli.
Anda hanya tidak mengatakan flyout sebagai unsur dan memilikinya tahu apa yang harus dilakukan.
Apa yang kita benar-benar lakukan adalah hal yang sama yang terjadi dalam jenis lain dari kerangka kontrol.
jQuery UI melakukan jenis yang sama pendekatan umum.
Anda menggunakan tanda dalam HTML Anda, dan kemudian beberapa JavaScript datang melalui kemudian dan mengatakan,
"Oh, aku tahu apa itu. Itu meminta ini akan berubah menjadi hal-hal ini,"
yang merupakan HTML lebih ekspresif lain untuk membuat seperti peringkat kontrol,
yang adalah apa yang akan saya tunjukkan sekarang.
Baris kode ini adalah janji itu mengatakan, "Ketika janji ini terpenuhi,
"Segala sesuatu yang Anda telah meminta untuk yang kemudian dibuat."
Dan itu saja. Ini terlihat sedikit rumit, tapi itu benar-benar sama dalam setiap proyek.
Di sini adalah di mana Anda dapat mulai menambahkan dalam apa pun yang Anda inginkan terjadi,
jadi kita akan kembali ke bahwa dalam satu detik.
>> Pertama-tama, saya perlu sedikit kode yang dapat merespon fakta
bahwa seseorang telah mengklik tombol.
Aku akan pergi ke depan dan menempatkan bahwa di bawah sini.
Sekali lagi, aku tidak akan melakukan mengetik apapun di depan Anda di sini.
Sangat mendasar JavaScript hanya mengatakan saat ini disebut
kami akan memberikan beberapa rincian tentang bagaimana kita sampai di sini
dan kemudian kita akan melakukan beberapa hal dasar.
Pergi menemukan benda di dalam halaman HTML saya yang bernama nameInput,
ambil itu, mengambil nilainya, slap "Hello" di bagian depan itu, dan tongkat string yang dihasilkan
ke dalam tag div yang kita miliki sebelum itu benar-benar tidak memiliki apa-apa sebelumnya.
Sekarang kita akan menemukan tag itu dan membuat konten dalamnya sama dengan string yang.
JavaScript sangat sederhana.
Mudah-mudahan Anda mengakui bahwa ada benar-benar tidak biasa terjadi di sini.
Hanya saja lurus ke atas HTML dan JS di sini.
Jika saya menjalankan ini sekarang, itu masih tidak akan melakukan pekerjaan apapun karena saya belum kabel itu
untuk menerima acara tersebut.
Untuk melakukan itu, saya akan melakukannya di sini, sekali lagi kembali ke toolbox saya,
muncul di sini.
Saya berharap Anda telah melihat semua hal semacam ini sebelumnya, jadi saya tidak akan over-menjelaskannya.
Sekarang kita akan pergi mendapatkan helloButton.
Kita akan mengatakan, "Button, selamat."
"Ini adalah suatu peristiwa yang Anda sekarang menanggapi."
"Ketika seseorang mengklik pada Anda, memanggil fungsi ini, buttonClickHandler."
Dan itulah fungsi kami hanya menambahkan sampai di bagian bawah sana. Itu saja.
Jadi sekarang kita punya sebuah aplikasi luar biasa fungsional.
Saya pikir Anda akan benar-benar terkesan dengan ini.
Chris. Tunggu. Wow. Oke. Itu luar biasa. [Tertawa]
Tapi masih ada lagi. Jangan membelinya belum. Tunggu.
>> Mari saya tunjukkan sedikit lebih di sini dan keluar dari layar penuh.
Kita akan berjalan sebelum kita jalankan.
Biarkan aku pergi dan benar-benar menunjukkan sedikit dengan CSS.
Hanya dengan default, jika kita melihat kembali halaman di sini,
setiap kali kami berhenti di hal-hal ini dari WinJS dan kami mendapat ui-gelap,
pada kenyataannya, Anda dapat mengubahnya ke default untuk menggunakan aplikasi ringan.
ui-hitam baik untuk aplikasi grafis seperti menggunakan banyak gambar,
Anda menunjukkan banyak konten visual.
Jika Anda menunjukkan banyak konten tekstual, yang ui-cahaya umumnya merupakan pilihan yang baik.
Anda tidak harus memilih itu, tapi aku sudah beralih ke itu
dan sekarang kau melihat markup yang sama, semuanya sama,
itu hanya menggunakan pada dasarnya skema terbalik di sini
di mana semuanya membuat teks hitam putih.
Itu semua baik dan bagus.
Biarkan aku keluar dari sini, dan mari kita benar-benar melakukan sedikit lebih dengan CSS.
Aku akan mengembalikannya ke gelap karena saya pikir itu mungkin lebih mudah untuk melihat pada layar
ketika saya mulai melakukan hal-hal ini.
Aku akan menggantikan tubuh sekali lagi.
Aku akan pergi di sini. Mari saya nuke ini.
Mari kita membawa tubuh dengan kelas.
Saya percaya Anda telah melakukan penyeleksi dasar dengan CSS dan hal-hal seperti yang sudah,
sehingga Anda mungkin tahu apa yang terjadi di sini.
Hanya menempatkan beberapa kelas untuk kepala kami, dan kami membuat div baru
untuk membungkus sisa bahwa barang-barang yang sekarang kita dapat menggunakan untuk gaya semua bersama-sama.
Jadi apa yang bisa saya lakukan sekarang adalah pergi ke CSS default kita.
Apakah Anda melihat pertanyaan media belum? Apakah Anda berbicara tentang itu sama sekali?
Media query adalah bagian dari tren yang muncul ini -
atau itu sebuah tren yang didirikan sekarang benar-benar di Web -
untuk desain responsif atau adaptif,
dan idenya adalah bahwa aplikasi Anda benar-benar dapat menyesuaikan diri dengan tepat
berdasarkan apa perangkat yang mereka sedang ditampilkan pada bisa melakukannya.
Jadi jika Anda berada pada perangkat mobile, jelas Anda tidak akan memiliki banyak layar real estat
karena anda akan di monitor besar 30 inci duduk dengan desktop, PC besar seperti itu.
Jadi jawaban tua untuk itu akan memiliki 5, 6 versi yang berbeda dari halaman yang sama
dan Anda akan membuka versi yang disetel untuk itu ukuran layar tertentu.
Tidak besar. Ini sangat, sangat berulang-ulang dan ada satu ton pemeliharaan untuk melakukan itu.
Sekarang kita memiliki sesuatu yang disebut CSS pertanyaan media,
dan kita dapat menggunakan ini untuk secara otomatis mendeteksi ketika ada ukuran tertentu
atau penggunaan tertentu konten Anda sedang dilakukan.
Sehingga Anda dapat menanggapi hal itu dan Anda bisa mengatakan, "Oke, dalam hal ini
"Anda mungkin bahkan tidak perlu saya untuk memberitahu Anda apa yang terjadi di sini."
Ini hanya mengatakan jika aplikasi ini bentak, seperti saya menunjukkan Anda sebelumnya -
meraih itu dan memasukkannya ke sisi layar -
kemudian mari kita lakukan styling berikut.
Styling bukan hanya tentang warna dan hal-hal seperti itu.
Ini juga tentang ukuran dan margin dan bantalan dan orientasi dari konten
atau bahkan menonaktifkan atau mengaktifkan seluruh bagian halaman Anda
dan, dalam hal ini, aplikasi atau permainan Anda juga.
Jadi di sini Anda dapat melakukan yang sederhana seperti yang Anda inginkan.
Hal ini tidak akan berguna dalam aplikasi Anda, tetapi saatnya demo,
jadi aku akan pergi ke depan dan hanya menambahkan pemilih dasar tubuh dan berkata,
"Ketika saya bentak, mari kita pergi ke depan dan melakukan background-color dan mari kita memilih sesuatu."
Anda punya IntelliSense di sini. Ini sebenarnya benar-benar keren.
Pada tahun 2012 kami telah menambahkan banyak hal untuk dukungan CSS dan JavaScript dan HTML.
Kau tentu punya drop-down IntelliSense juga, tapi itu bukan hal yang keren.
Yang keren adalah Anda punya penyeleksi visual untuk banyak hal juga.
Jadi Anda bisa pergi melalui dan hanya memilih warna,
atau Anda dapat pergi keluar dan menjadi lebih spesifik dan Anda dapat memilih -
ini akan menjadi mengerikan. Aku benar-benar akan memilih warna yang layak di sini.
Perhatikan markup juga, by the way. Itu format standar RGB Anda di sana.
Tapi jika saya beralih opacity, itu akan beralih ke selektor channel alpha sini.
Sehingga Anda dapat melihat bahwa, warna dasarnya dengan transparansi persen yang Anda miliki untuk itu
semua dipanggang tepat di sana.
Aku akan menyimpannya sebagai 100% dan kemudian ketika aku sudah selesai dengan itu, semuanya baik-baik dan baik.
Sekarang jika saya menjalankan aplikasi dan kita mengambil app dan kami snap,
bahwa warna latar belakang akan disesuaikan secara otomatis
hanya karena kita memiliki beberapa CSS yang mengatakan, "Pergilah melakukan itu."
Anda juga dapat menulis JavaScript juga yang akan melakukan hal yang sama
atau yang dapat Anda gunakan untuk benar-benar berhenti permainan, melakukan hal-hal seperti itu.
Itu mungkin saat Anda akan menggunakan JavaScript.
Anda akan mematikan loop permainan pada saat itu.
Anda akan membutuhkan beberapa JavaScript karena itu tidak akan menjadi sesuatu yang Anda akan CSS untuk.
Namun perlu diingat itu hanya sebuah acara.
Anda bisa mengatakan, "Ketika aplikasi saya diubah ukurannya,
"Mari kita lihat apakah kita bentak." Dan itu saja.
>> Oke? Saya telah berbicara banyak. Apakah ada pertanyaan tentang sejauh mana kita berada? Ya.
[Mahasiswa] Apakah ada tutorial bagi siapa saja untuk mendapatkan informasi lebih lanjut? >> Ya.
Pertanyaannya adalah, apakah ada tutorial untuk ini? Aku hanya akan memperpanjang untuk semuanya.
Ada beberapa hal yang dapat Anda pergi ke. Mari kita benar-benar pergi dari sini.
Biarkan aku pergi kembali di sini.
Satu hal yang menunjukkan adalah Visual Studio itu sendiri memiliki built in tutorial
Biarkan aku menyingkirkan ini.
Jika Anda pergi dan membuat proyek baru, jangan File New Project,
dan melihat sisi kiri, ada simpul Online pemilih ini.
Ini akan mengambil sedikit. Aku di MyFi saya di sini.
Tapi itu akan datang dan itu akan memberi saya kesempatan untuk menemukan template
tetapi juga, yang lebih penting, sampel juga.
Jadi saya dapat mengklik JavaScript.
Ini akan menemukan contoh bagi saya. Resolusi saya adalah cara tinggi di sini.
Biasanya, Anda akan melihat daftar banyak hal yang berbeda di sini.
Jika ada sesuatu yang Anda ingin mencoba, memilih bahasa,
JavaScript di sini, dan berkata, "Saya tidak tahu bagaimana melakukan geolocation."
"Saya tidak tahu bagaimana untuk membuka file."
"Saya tidak tahu bagaimana untuk mengambil keuntungan dari webcam
"Atau mengoptimalkan untuk sentuhan atau hal-hal seperti itu."
Ada contoh untuk semuanya: berbagi, mencari, app bar,
membuat panggilan jarak jauh ke layanan, JSON encoding.
Semua hal-hal semacam ada sampel untuk di sini,
dan mereka tidak sampel besar yang akan membawa Anda sepanjang malam untuk memisahkan
hanya untuk menemukan bahwa salah satu hal yang Anda ingin belajar.
Mereka benar-benar baik. Mereka kecil, hak untuk jenis titik sampel.
Saya telah belajar satu ton dengan pergi melalui ini sendiri,
dan jadi saya sarankan bahwa banyak sebagai satu hal.
>> Hal lain untuk menunjukkan juga tentu saja saya menunjukkan Anda dev.windows.com,
jadi jika Anda kembali ke itu, Anda akan melihat di bagian bawah ada juga sampel di sini.
Sehingga Anda dapat men-download semua dari mereka sekaligus, tapi ada juga banyak sumber daya lain di sini juga
yang dapat membantu Anda mendapatkan sampai dengan kecepatan.
>> Satu hal lain, dan saya benar-benar akan merekomendasikan bahwa Anda mencoba ini,
Aku punya itu di blog saya, tapi aku hanya akan pergi hak untuk itu.
Aku akan menunjukkan kepada Anda. Blog saya memiliki sumber daya dan hal-hal seperti itu.
Salah satu hal untuk menunjukkan ada di sini, hal ini: Ide Anda. App Anda. 30 Hari.
Jika Anda klik ini, itu akan membawa Anda ke sebuah situs yang sangat membantu.
Ini jauh lebih bermanfaat daripada yang mungkin Anda harapkan.
Ini akan menjadi 30 hari dari konten yang Anda pada dasarnya bisa mendapatkan tips dan trik
seluruh proses karena Anda sedang menciptakan sebuah aplikasi.
Dan seperti yang Anda mungkin tidak mengharapkan, Anda benar-benar bisa mendapatkannya untuk game juga
dan untuk aplikasi telepon, hal-hal seperti itu.
Jadi pada dasarnya mendaftar untuk itu, dan mereka akan mengirimkan tips dan trik,
"Pernahkah Anda berpikir tentang melakukan hal ini? Apakah Anda mendukung Snap?"
"Berikut adalah beberapa panduan tentang cara untuk melakukannya dengan baik."
"Pernahkah Anda berpikir tentang mengirimkan ke toko?"
"Pernahkah Anda berpikir tentang bagaimana Anda akan menjual aplikasi Anda?"
Ini akan berjalan melalui semua berbagai hal.
Dan sebenarnya, jika Anda berada di jalur game, di beberapa titik
Anda akan mulai mengenali orang yang berbicara dengan Anda
karena saya benar-benar harus pergi ke Redmint untuk melakukan hal-dan dicatat 2 video di sana.
Tapi itu semua adalah bagian dari track game,
dan ada juga lagu penuh untuk pengembangan aplikasi umum.
Itulah yang disebut Generation App.
Saya pasti akan merekomendasikan bahwa untuk Anda juga di samping sampel.
>> Ada banyak video di situs yang disebut Channel 9 juga.
Itu mungkin adalah hal terakhir yang saya akan merekomendasikan juga sebelum kita melanjutkan di sini.
Channel9.msdn.com.
Ini bagus karena Anda tidak akan membaca ton kertas putih.
Ini pada dasarnya banyak video, screencasts dan hal-hal yang langsung ke titik.
Saya seharusnya tidak mengatakan itu selalu langsung ke titik. Hal ini tergantung siapa yang melakukan berbicara.
Tapi pada umumnya, ada beberapa benar-benar to-the-point video di sini
yang akan menunjukkan beberapa hal tertentu Anda mungkin ingin belajar atau melihat demoed.
Ada juga semua konten kami dari konferensi kami yang terjadi beberapa minggu yang lalu
disebut Build, dan Anda akan melihat bahwa di sana.
Ada teknologi Core untuk Windows 8 pertandingan. Di sana Anda pergi.
Aku ada di sana, benar-benar. Anda tidak dapat melihat saya. Aku di sini.
Tapi bagaimanapun, bahwa selain, saya akan merekomendasikan bahwa Anda melihat pada video tersebut.
Mereka cukup membantu.
Jika Anda terjebak pada sesuatu atau Anda hanya ingin melihat apa yang bisa melakukan sesuatu, api yang up.
>> [Guarin] Windows Mail hanya mengirim saya email dengan link ke konten
bagi siswa untuk men-download dengan kode sampel dan hal-hal seperti itu. >> [Bowen] besar.
Mengagumkan. Terima kasih, Edwin.
>> Baik. >> [Mahasiswa] saya punya pertanyaan. >> [Bowen] Oh. Ya, silakan.
[Pertanyaan mahasiswa terdengar] >> [Bowen] Oh, aku senang kau bertanya itu. Ya.
Pertanyaannya adalah, apakah ada antarmuka visual bagi saya untuk membuat hal-hal?
Edwin akan membalas Anda mahal untuk pertanyaan itu.
Ada cara untuk melakukan ini.
Haruskah kita lakukan sekarang? Mari kita lakukan sekarang.
Aku akan pergi ke sana sekarang.
Sebenarnya, izinkan saya menambahkan satu hal lagi untuk demo ini,
dan kemudian saya akan menunjukkan jawaban yang sebenarnya.
Aku akan menambahkan lebih CSS kecil di sini.
Aku sedikit pada garis singgung di sini.
Mari saya dimasukkan ke dalam beberapa CSS di sini untuk mengambil keuntungan
dari kelas yang kami menambahkan beberapa saat yang lalu,
untuk header, ke div MainContent, dan kemudian ke greetingOutput.
Jika saya melakukan itu dan menjalankannya, Anda dapat melihat sekarang kita punya sedikit bantalan yang berbeda dan margin,
jadi kita harus benar-benar beberapa offset di sini.
Ini lebih ke arah apa yang Anda akan mengharapkan aplikasi dipoles final.
Tapi aku hanya menunjukkan ini kepada Anda karena itu lurus ke atas CSS.
Jadi hal-hal yang sudah Anda tahu bahwa Anda dapat menggunakan di sini untuk menyesuaikan konten sesuai keinginan.
Anda sudah melihat bagaimana membuat latar belakang berubah seperti itu.
>> Jika saya kembali ke HTML kita, aku akan menambahkan satu set lebih dari markup,
dan ini benar-benar akan menjadi kontrol dari WinJS.
Aku akan pergi dan ambil ini, label. Biarkan aku memastikan aku melakukannya di tempat yang tepat.
Mungkin cukup baik.
Di sini saya baru saja menambahkan - dan kami akan pergi layar penuh sehingga Anda dapat melihat seluruh hal -
Saya telah menambahkan label untuk div berikutnya.
Div ini disebut ratingControlDiv.
Dengan sendirinya ia akan melakukan apa-apa.
Jika Anda membuka ini dalam browser, Anda akan melihat kosong, div itu sendiri.
Tapi karena itu garis misterius kode yang saya tunjukkan sebelumnya,
proses semua, itu akan mencari sesuatu yang terlihat seperti ini -
Data-win-control - dan itu akan menemukan apa yang ada di parameter itu.
Ini akan membuat sebuah contoh dari apa pun itu itu menunjuk ke.
Dalam kasus ini, itu adalah kontrol rating, jadi aku berkata, "Silakan pergi dan mengganti hal ini
"Dengan apa yang perlu Anda lakukan untuk membuat kontrol rating."
Ini bisa menjadi kontrol lain, itu bisa menjadi cincin kemajuan atau kontrol apa pun yang ingin Anda gunakan.
Mereka semua akan bekerja pada dasarnya dengan cara yang sama.
Anda menggunakan standar HTML5 markup untuk menunjukkan apa yang Anda inginkan,
dan kemudian Anda akan mendapatkan kontrol pada akhir ini. Biarkan aku menjalankan ini.
Saya hanya menyalin bahwa dalam, dan sekarang markup yang menjadi ini,
yang sebenarnya cukup banyak elemen HTML.
Ini semua adalah gambar individu, dan ada divs di sekitar mereka dengan pemilih.
Mudah-mudahan Anda dapat melihat bahwa. Ini sedikit halus.
Saya dapat mengarahkan kursor ke item yang berbeda, dan itu akan memungkinkan saya untuk melihat rating di sini.
Aku bisa klik di atasnya, dan ia mengingat rating tapi itu tentang hal itu.
Ini tidak benar-benar melakukan apa-apa dengan rating.
>> Satu hal terakhir yang saya ingin menunjukkan ini
sebelum kita beralih ke pengalaman desain lebih visual
adalah sedikit kode yang bisa saya gunakan untuk menanggapi WinJS kontrol ini.
Biarkan aku keluar dari sana, kembali keluar dari layar penuh,
dan beralih ke JS di sini untuk kedua.
Aku bisa melakukan ini di sini. Saya pikir saya akan mengganti semua ini.
Sebenarnya, saya pikir itu akan menggantikan semua itu, tapi kita akan tahu bersama-sama.
Aku akan menempatkan ini dalam sini. Ya. Aku akan menghapus ini juga.
Apa yang saya tambahkan? Sepertinya banyak. Ini tidak banyak.
Saya hanya menyampaikan bahwa baris kode yang sudah saya bicarakan sebelumnya,
dan aku berkata, "Ketika semuanya selesai, ketika semua kontrol telah dibuat,
"Kemudian melakukan hal ini." Jadi menjalankan fungsi ini disebut selesai.
Dalam hal ini, ini adalah hal yang Anda dapat mencari tahu.
Pergi menemukan bahwa kontrol div.
Sebenarnya, ada satu hal yang saya harus menunjukkan.
Baris berikutnya benar-benar mengatakan, "Aku punya ratingControlDiv itu."
"Saya ingin berbicara dengan itu seolah-olah itu kontrol nyata, kontrol WinJS."
Jadi pada dasarnya, Anda meminta untuk itu dari itu.
Anda katakan, "Saya ingin berbicara dengan Anda sebagai kontrol."
Dan kemudian Anda dapat mulai mengatakan hal-hal seperti, "Kita akan menambahkan pendengar untuk Anda
"Jadi ketika Anda mengubah kita bisa menanggapi hal itu."
Dan kemudian kita juga bisa melakukan hal-hal seperti ini. Sebenarnya, itu kode lama di sana.
Saya pikir saya kehilangan paste dalam satu fungsi yang lebih,
dan itu akan menjadi fungsi yang sebenarnya yang akan menanggapi kontrol wisatawan yang berubah.
Biarkan aku pop yang di kanan bawah sini,
di suatu tempat di sekitar sana.
Dan dalam hal ini, satu-satunya hal yang baru adalah kenyataan bahwa kita akan menjadi
apa kontrol Peringkat memberitahu kami dan kami minta apa yang disebut tentativeRating tersebut.
Ada banyak hal lain yang berbeda kontrol yang dapat memberitahu Anda,
dan ia pergi kontrol dengan kontrol.
Ini sangat mudah. Anda akan dapat mengetahuinya tidak ada masalah apapun.
Saya menjalankan ini, dan sekarang ketika saya mengubah peringkat dan klik pada rating,
Anda bisa lihat sekarang itu benar-benar menanggapinya.
Ini menempatkan peringkat yang di layar ke yang lain kosong tag div
di bawah kontrol rating.
Itulah keajaiban banyak hal di sini juga.
Jadi ketika Anda sedang menciptakan aplikasi untuk Windows Store,
ada satu ton kontrol yang Anda hanya dapat menggunakan. Mereka semua bekerja seperti ini.
>> Mari saya tunjukkan sisi visual merancang untuk aplikasi ini.
Kabar baiknya adalah Anda sudah akan memiliki alat ini saat Anda menginstal segalanya
jika Anda pergi ke download yang dan Anda mendapatkan Visual Studio.
Saya bisa klik kanan pada ini. Aku tidak akan zoom in
Ini hanya mengatakan Terbuka di Blend.
Blend adalah alat lain yang bekerja berdampingan dengan Visual Studio
dan difokuskan lebih pada sisi desain hal,
sehingga benar-benar permukaan alat yang dioptimalkan untuk menciptakan gaya,
membuat animasi, bekerja dengan CSS, banyak hal dalam semacam vena.
Berikut apa yang harus sangat menarik dan cukup jelas segera adalah kita sedang melihat app.
Mudah-mudahan kita masih.
Alih-alih melihat kode, yang kita masih melihat di bagian bawah,
kita melihat representasi yang sebenarnya dari aplikasi.
Terlebih lagi, itu bukan hanya representasi dari aplikasi, itu sebenarnya berjalan app.
Dan itulah yang benar-benar baik tentang Blend.
Tim ini telah melakukan banyak pekerjaan untuk membawa HTML dan JavaScript dan CSS ke dalam alat ini.
Sekarang Anda dapat benar-benar, jika Anda penasaran, "Apa artinya itu? Apa yang bisa saya lakukan?"
Aku benar-benar dapat merancang aplikasi ini meskipun hal-hal seperti ini tidak ada dalam markup saya.
Ingat bahwa kontrol rating? Itu hanya tag div.
Hal ini, bintang itu, hanya ada pada saat runtime. Bagaimana saya tahu itu?
Ada sedikit sihir di sini.
Lihat petir ini?
Setiap kali Anda melihat petir, itu berarti ia diciptakan oleh sesuatu saat runtime.
Beberapa JavaScript berlari dan berubah menjadi sesuatu ini atau menciptakan ini dengan beberapa logika.
Bintang-bintang yang Anda lihat di sana diciptakan oleh JavaScript oleh WinJS.
Yang menyenangkan adalah, itu tidak masalah bagi saya, saya masih dapat merancang,
Aku masih bisa masuk dan mengubahnya, saya dapat mengetahui apa yang terjadi di sini,
Saya dapat melihat CSS, saya bisa pergi ke depan dan mencari tahu mengapa warna adalah cara itu,
Saya bisa mulai bermain-main dengan hal-hal dan membuat hal-hal yang mengerikan,
apapun yang saya ingin lakukan.
Sebenarnya, aku akan meninggalkan hal-hal sendirian.
Tapi Anda bisa lihat di sini itu semua CSS dan itu menunjukkan Anda di sini.
Jika saya pergi ke sana, itu akan menunjukkan kepada Anda segala sesuatu yang mereka sebut Winning,
sehingga aturan CSS yang paling spesifik dan paling dipilih untuk item tersebut,
yang Anda mungkin sudah pergi lebih dalam kelas Anda,
di mana Anda dapat mengatakan ada font umum yang kita berlaku untuk segala sesuatu,
tapi karena ini adalah h1 dan saya memiliki warna yang ditetapkan untuk h1s,
itu akan menjadi warna ini, dan itu karena itu lebih spesifik daripada body1 tersebut.
Ini satu hal yang benar di sini menunjukkan semua itu,
dan itu benar-benar hal yang kuat karena Anda mendapatkan lebih kompleks,
Anda bertanya-tanya mengapa hal-hal ini adalah cara mereka.
Ini akan benar-benar memberitahu Anda, dan Anda dapat memilih salah satu item di sini.
Warna yang tidak terlalu buruk, sebenarnya.
Anda dapat memilih mereka. Mudah-mudahan Anda dapat melihat hal ini.
Untuk segala sesuatu yang Anda miliki di aplikasi Anda, Anda melihat seluruh kaskade
semua CSS yang bisa diterapkan untuk itu dan mana yang menang,
mana yang benar-benar mengambil didahulukan.
Ini adalah jenis membosankan. Tidak ada banyak terjadi di beberapa.
Jika saya pergi dan mengubah warna, maka Anda akan mulai melihat beberapa Cascading sana.
Anda juga dapat menggunakan HTML di sini juga.
Aku bisa pergi melalui dan memodifikasi sifat HTML untuk semua hal-hal ini seperti yang saya inginkan.
Hanya ada ton barang di sini.
>> Saya tidak ingin mengambil waktu Anda dengan pergi melalui segala sesuatu di sini. Hanya tahu itu di sini.
Ada banyak fungsi desain berorientasi itu hanya tersedia untuk Anda
sehingga Anda dapat tetap visual, bekerja dengan aplikasi tersebut, dan tidak perlu melakukan banyak menebak
bahwa Anda harus melakukan normal dan bersepeda kembali dari browser kembali ke dalam desain Anda,
kembali ke browser.
Ini benar-benar hal-hal keren untuk itu, dan ketika Anda mengembangkan aplikasi Windows Store,
itu akan membuat Anda jauh lebih produktif.
>> Anda juga akan melihat itu pelacakan markup di sini dan CSS Anda
karena Anda bekerja melalui hal-hal yang berbeda.
Ini mungkin sangat sulit bagi Anda untuk melihat bahwa, terutama pada video,
tapi itulah yang terjadi di sini, dan saya akan merekomendasikan Anda menjadi akrab dengan itu.
Ini akan menghemat banyak waktu. Itu Blend.
Jika Anda membuat perubahan di sini, mereka secara otomatis akan membawa kembali lebih
untuk Visual Studio.
Ini adalah file yang sama, itu adalah segala sesuatu yang sama. Saya akan biarkan saja.
Saya memiliki contoh yang lebih baik yang saya ingin menunjukkan.
Tetapi jika saya membuat perubahan di sana dan menyimpannya dan saya kembali ke Visual Studio, akan mengatakan,
"Hei, kau baru saja mengubah sesuatu. Dapatkah saya reload untuk Anda?" Ya.
Dan Anda menggunakan hal yang sama di sana.
Itulah akhir dari sampel tertentu.
>> Saya ingin menunjukkan sampel akhir yang lebih tinggi hanya untuk memberikan pandangan fungsi lainnya
Anda mungkin berpikir tentang juga.
Ini adalah aplikasi contoh yang dapat Anda download.
Jika Anda mencari sesuatu yang disebut Camp Windows dalam Box,
ada beberapa sampel yang dalam hal itu, dan salah satunya adalah The Contoso Cookbook.
Aku hanya bisa menjalankan ini untuk Anda.
Screen kustom splash. Ini adalah aplikasi tampilan Grid.
Mereka telah terikat beberapa data kustom di sini. Anda dapat menavigasi melalui ini.
Anda dapat pergi dan lihatlah berbagai hal yang akan membuat kita lapar pada hari Jumat sore.
Saya tidak tahu. Apa yang akan membuat saya paling lapar?
Saya tidak tahu. Aku hanya akan memilih salah satu.
Anda masuk ke hal-hal ini. Ini akan menunjukkan resep.
Anda juga bisa, daripada mengklik pada item,
Anda bisa langsung pergi ke kategori konten, bahwa bagian konten.
Dalam hal ini, Anda dapat membaca banyak palsu Latin memberitahu Anda semua tentang resep ini di sini
dan kemudian pergi langsung ke resep tertentu.
Ini juga mendukung hal-hal seperti berbagi yang saya tunjukkan sebelumnya dengan gambar-gambar.
Anda juga dapat mencari ke dalam aplikasi ini juga.
Ini sangat mudah untuk melakukan pencarian.
Pada dasarnya, Anda hanya mendapatkan string teks dari Windows
dan Anda memutuskan bagaimana Anda ingin menangani pencarian dengan itu.
Ini adalah beberapa baris kode untuk mendapatkan itu, dan kemudian apa yang Anda lakukan dengan itu setelah itu benar-benar terserah pada Anda.
>> Di sini mereka juga memiliki bar aplikasi di mana mereka menggunakan beberapa fungsi lainnya.
Aku akan memberitahu Anda apa itu.
Sebuah pengingat akan menggunakan apa yang disebut pemberitahuan roti panggang.
Ini benar-benar berguna untuk membiarkan pengguna tahu kapan hal-hal yang telah terjadi,
seperti aplikasi yang diinstal atau sesuatu selesai.
Ini juga baik untuk game juga.
Jika Anda memiliki dunia yang terus-menerus atau papan pemimpin dan layanan yang hosting yang
mungkin pada mesin yang terpisah, pemberitahuan tersebut dapat dikirim ke mesin
dan bahkan jika pengguna tidak menggunakan permainan Anda, bermain game atau menjalankan aplikasi Anda,
mereka masih bisa mendapatkan pemberitahuan tentang orang-orang macam peristiwa.
Jadi Anda bisa mengatakan, "benteng anda telah hancur atau hampir hancur."
"Kembali ke sini dan mempertahankannya," atau sesuatu seperti itu.
Anda klik pada pemberitahuan, Anda langsung kembali ke dalam permainan, dan Anda dapat memainkannya.
Jadi hal-hal seperti benar-benar dapat membantu menarik orang kembali ke aplikasi Anda cukup efektif.
>> Ada juga mendukung dalam aplikasi ini untuk menggunakan mikrofon, webcam,
melakukan video dan mengambil foto.
Anda juga dapat pin ubin sekunder.
Ini berguna jika Anda ingin hanya memiliki ubin yang pergi tepat ke konten tertentu.
Dalam hal ini, ia pergi tepat untuk resep ini.
Semuanya aku menyebutkan aku hanya menunjukkan
karena itu hal-hal yang dapat Anda berpikir tentang menggunakan juga.
Untuk sebagian besar, mereka sangat mudah untuk digunakan.
Saya hanya akan merekomendasikan Anda membawa bahwa sampel explorer
dan menemukan contoh yang dapat menunjukkan kepada Anda bagaimana untuk melakukan itu.
Ini cukup sederhana untuk membawa mereka ke dalam aplikasi Anda di sana juga.
>> Aku akan menunjukkan kepada Anda sesuatu yang lain yang cukup keren di sini.
Kupatahkan aplikasi ini, dan aku akan kembali ke Visual Studio.
Aplikasi ini berjalan. Ini berjalan dari Visual Studio.
Aku bisa melakukan beberapa hal yang cukup keren dengan itu.
Aku benar-benar memiliki pilihan untuk memilih elemen,
dan aku bisa pergi ke sini untuk aplikasi hidup dan bisa saya katakan,
"Aku bertanya-tanya mengapa Persiapan Waktu abu-abu sedikit lebih ringan dari judul itu sendiri?"
Aku bisa klik di atasnya.
Ini akan menyinkronkan yang kembali ke Visual Studio,
dan itu akan menunjukkan dengan tepat konten yang dihasilkan yang mengakibatkan bagian dari UI.
Jadi dalam hal ini, itu item-subtitle dan h4 membangun ganda,
dan yang mungkin memberitahu kita apa yang kita perlu tahu karena sebagai h4 dalam konteks itu,
itu akan mendapatkan jenis tertentu font.
Tapi kalau aku masih tidak tahu mengapa, saya bisa klik pada jejak Styles.
Saya kemudian dapat memperluas keluar warna dan saya bisa mengetahui persis mengapa warna yang tidak warna tubuh
tetapi sebenarnya adalah sesuatu yang lain.
Ini pada dasarnya adalah alat dev dari Internet Explorer
ke tingkat yang dibawa ke dalam Visual Studio.
Jika Anda telah bekerja dengan Tools Chrome Dev, Firebug, hal-hal seperti itu,
orang-orang macam alat-alat yang ada di browser,
semacam fungsi telah dibawa langsung ke Visual Studio
sehingga Anda tidak benar-benar harus memulai browser dan bekerja dengan alat tersebut secara terpisah.
Sekarang saya memiliki toko aplikasi Windows hanya menjalankan,
dan saya bisa mulai menariknya terpisah dan mencari tahu mengapa hal-hal melakukan apa yang mereka.
>> Saya juga bisa melakukannya dengan cara ini juga.
Aku bisa pergi dan hanya memilih sesuatu yang benar dari markup dan mencari tahu apa itu
dalam aplikasi itu sendiri. Saya pikir saya sudah berlalu semuanya.
Di sini aku melayang di atas ini. Saya dapat memilihnya.
Ini akan menunjukkan dalam aplikasi berjalan sebenarnya di mana hal yang
bahwa aku sekarang mengklik di markup.
Benar-benar keren.
Saat Anda mencoba untuk mencari tahu apa yang terjadi dan apa HTML lakukan,
apa CSS lakukan, ingatlah ini.
Ingat ini adalah di sini untuk Anda
dan juga Blend yang dapat bekerja dengan aplikasi langsung berjalan.
>> Satu hal terakhir yang saya ingin menunjukkan Anda dengan aplikasi ini -
By the way, itu menunjukkan Anda delta sebagai hal berubah juga,
sehingga Anda dapat menonton bagi mereka highlights kuning.
Mereka adalah hal-hal yang baru saja berubah dalam aplikasi.
Tapi satu hal terakhir. Saya ingin kembali ke Blend hanya untuk kedua di sini.
Kita akan membuka ini, Open in Blend, aplikasi yang sama, semuanya sama.
Aku hanya ingin menunjukkan pengalaman di sini tidak hanya Anda terjebak di halaman rumah
melihat hal-hal yang Anda akan mendapatkan secara default ketika Anda menjalankan aplikasi dan biarkan duduk di sana.
Anda juga dapat mengaktifkan ini icon cukup kecil di sini.
Ini disebut modus interaktif.
Anda klik pada itu. Ini akan membuka aplikasi Anda.
Anda tidak dalam mode Desain lagi, sehingga Anda tidak akan mengklik pada hal-hal
untuk mengubah fungsi, tetapi Anda benar-benar dapat bekerja dengan aplikasi sekarang.
Anda dapat mengklik, Anda dapat melakukan apapun, sampai ke resep yang Anda pedulikan
atau kategori. Mari kita pergi ke kategori ini.
Aku akan mengatakan, "Oke, di sini adalah di mana saya ingin desain."
Kemudian Anda klik tombol itu lagi, itu akan membawa Anda kembali ke permukaan Design,
dan sekarang Anda dapat melakukan semua hal yang saya bicarakan sebelumnya.
Aku akan terus mengklik sampai aku mendapatkan ini dipilih, mengetahui dimensi,
mengetahui HTML untuk itu, CSS untuk itu
untuk aplikasi yang berjalan, beberapa bagian akhir dari aplikasi.
Sangat, sangat berguna. Aku akan menunjukkan hal ini kepada Anda.
Harap tetap diingat jika Anda melihat ke dalam menulis kode dengan ini
karena itu akan menghemat banyak kerumitan, dan itu hal yang cukup baik.
Itu cukup banyak semua saya ingin menunjukkan pada Blend dan Visual Studio untuk semua itu.
>> Setiap pertanyaan pada salah satu dari alat tersebut?
Apa saja? >> [Guarin] aku punya barang untuk memberikan, pertanyaan begitu baik, hal-hal yang baik.
>> [Bowen tertawa] Aku sudah menunjukkan Anda demo saya di sini.
Aku akan meletakkannya di halaman Sumber dan beralih ke pertanyaan sekarang.
Itu referensi pertama adalah bahwa situs Generation App dengan track permainan dan lagu app.
Mendaftar untuk mereka.
Anda tidak harus menunggu 30 hari untuk mendapatkan konten.
Anda dapat mulai pergi dan melihat konten yang Anda inginkan.
Saya memahami kerangka waktu Anda mungkin berbeda dari - [tertawa]
Jadi kapan Hackathon? Itu beberapa minggu, kan?
Jadi Anda tidak memiliki 30 hari untuk menunggu.
Jadi ya, Anda dapat mendaftar untuk itu dan kemudian hanya mulai menarik konten keluar dari itu.
Juga Dev dan Pusat Desain.
Dan aku tidak menyebutkan ini, tapi ada juga toko Docs.
Ini akan menjadi untuk setelah Hackathon seperti Anda siap untuk mulai mengirimkan aplikasi Anda untuk toko.
Ada beberapa panduan bermanfaat di sini, beberapa petunjuk tentang bagaimana untuk mendapatkan sesuatu ke toko,
beberapa masalah umum yang mungkin perjalanan Anda,
dan itulah akhir dari sumber daya tersebut.
>> Jadi apa yang ada di pikiran Anda? Apa pun yang Anda -
[Guarin] Siapa yang berpikir untuk melakukan sebuah aplikasi Windows untuk CS50? Keren.
[Bowen] Cool. Besar.
>> Setiap pertanyaan tentang hal-hal yang telah Anda lihat sejauh ini dan bagaimana kaitannya dengan ini?
Misalnya, dengan lebih banyak waktu saya bisa mengambil sebuah permainan yang saya tulis
dan yang berjalan di browser dan hanya jenis melalui proses
membawa itu ke Visual Studio dan membuatnya menjadi aplikasi Windows Store.
Dibutuhkan waktu lebih dari kita benar-benar harus menyertakan hari ini,
tapi versi pendek itu kode yang sama yang telah Anda berjalan di browser,
dan hal-hal yang Anda mengubah hal-hal yang Anda memutuskan untuk plug-in ke Windows 8.
Jadi jika Anda ingin menggunakan pesona, jika Anda ingin mencari atau berbagi,
Anda perlu membuat sebuah bar app untuk menyembunyikan diri beberapa fungsi ke itu,
mereka adalah hal-hal yang akan Anda ubah.
Tapi inti dari aplikasi web Anda bisa tetap utuh.
Sekali lagi, selama bekerja di IE10, itu akan menjadi pelabuhan sangat mudah
untuk membawa barang-barang itu ke dalam Visual Studio, ke Blend, dan membuatnya menjadi aplikasi Windows Store.
Sekali lagi, satu-satunya hal yang akan Anda perlu belajar adalah fitur-fitur lain
yang dapat Anda gunakan untuk menerangi sebuah aplikasi, seperti ubin hidup dan hal-hal semacam.
>> Ya. >> [Mahasiswa] Pertanyaan saya adalah tentang bekerja mobile.
Jadi jika Anda membuat sebuah aplikasi yang bekerja sebagai sebuah aplikasi pada desktop,
itu benar-benar mudah untuk mentransfer ke ponsel, atau apakah ada -
Pertanyaannya adalah, jika saya membuat aplikasi Windows Store yang benar-benar dioptimalkan untuk lingkungan ini
dan saya ingin membawanya ke dunia mobile, apa terlibat dengan melakukan hal itu?
Itu, seperti banyak pertanyaan, selalu jawaban yang terus berubah.
Kabar baiknya adalah jika Anda menempel dengan HTML dan JavaScript, CSS,
jika Anda mulai dari aplikasi Windows Store,
itu akan membiarkan Anda membawanya ke Web
dan kemudian menggunakan orang-orang macam teknik, seperti pertanyaan media dan hal-hal,
untuk beradaptasi dengan perangkat ukuran yang berbeda.
Yang mengatakan, selalu ada kerangka kerja dan hal-hal di luar sana
dukungan yang memperluas keluar teknologi yang berbeda, platform yang berbeda.
Bahwa perubahan sepanjang waktu.
Kami juga mengubah hal-hal baik seperti yang kita melihat ke arah apa yang kita miliki sekarang
sebenarnya dengan Windows Phone 8.
Kami memiliki beberapa infrastruktur inti bersama
ditawarkan antara aplikasi bagi lingkungan.
Jadi hal-hal yang Anda lakukan untuk membuat aplikasi Windows Store,
banyak yang dapat terbawa ke dalam Phone 8 aplikasi Windows juga.
Itu lagi adalah cerita yang muncul, jadi ada beberapa konten tentang itu sama Build.
SDK baru saja keluar beberapa saat yang lalu. Ini baru saja dirilis beberapa waktu yang lalu.
Tapi dalam hal platform lain juga,
Anda mungkin mengalami banyak kerangka lintas-platform juga.
Kabar baiknya adalah hal-hal yang Anda lakukan di sini,
fungsionalitas inti adalah lurus ke atas web standar barang.
Satu-satunya hal yang tidak akan menerjemahkan dengan mudah adalah hal-hal bahwa Windows 8 tidak,
tapi itu tidak mengherankan karena itu adalah fitur Windows.
Anda tidak akan menemukan berbagi atau jenis yang sama dari kontrak pada setiap platform lain.
Jadi mereka adalah hal-hal yang Anda ingin dari perspektif desain
pastikan Anda memiliki cara untuk jenis abstrak yang keluar sehingga Anda bisa mengatakan,
"Jika saya sedang menjalankan ini, saya bisa melakukan itu."
Jika aku tidak, ada beberapa pola desain yang dapat digunakan untuk jenis menyembunyikan hal-hal yang jauh.
Tapi ingatlah bahwa dalam pikiran. Ya. Maaf. Silakan.
>> [Mahasiswa] Jika saya ingin menguji aplikasi Windows saya di atas [tidak terdengar]
[Bowen] Ya. Saya melewatkan satu hal lagi juga. Ya.
Saya akan menjawab pertanyaan Anda terlebih dahulu, maka saya akan menampilkan fitur yang saya lupa lagi.
Kami memiliki beberapa mesin yang tersedia secara lokal. Maafkan aku.
Pertanyaannya adalah, bagaimana cara menguji hal-hal pada perangkat
jika saya tidak kebetulan memiliki seluruh banyak hal untuk memilih dari?
[Guarin] Kami meminjamkan kalian, saya pikir, 5 atau 6. Berapa banyak yang Anda butuhkan?
[Mahasiswa] Kami punya 4 dari mereka. >> Oke. Kalian punya 4 sabak untuk bermain-main dengan.
Jadi pasti biarkan semua orang tahu, silakan. [Tertawa] >> [Bowen] Awesome.
Itulah jawaban yang lebih baik daripada aku akan memberimu.
Kami memiliki jam kantor untuk pengembang yang kita lakukan di kantor kami
dan sekarang segera hadir untuk Store Microsoft atas di Pru,
tapi Edwin sudah diurus Anda.
Ada 4 papan tulis tersedia untuk peminjaman, untuk pengujian.
Di sana kami pergi. Ada salah satu contoh di atas sana.
Jadi yeah, benar-benar. Besar.
Benar-benar jauh cara terbaik untuk menguji itu adalah untuk berada di perangkat.
Jika Anda tidak kebetulan memiliki satu belum atau Anda tidak ingin berjalan melintasi kampus di salju
untuk mengambil satu atau apa pun, ada cara untuk melakukan ini kembali di Visual Studio.
Jika aku kembali ke tempat aku berada di sini, di sini alih-alih menggunakan mesin lokal,
Anda dapat terhubung ke remote mesin, tapi itu tidak apa yang saya bicarakan di sini.
Simulator adalah hal yang Anda mungkin ingin melihat ke dalam.
Saya akan menjalankan ini, dan benar-benar apa itu, itu dasarnya jendela ke sistem Anda sendiri.
Berikut sebenarnya sistem berjalan, berlari Contoso,
tapi dengan cara yang memungkinkan saya mengubah beberapa parameter eksekusi,
parameter lingkungan.
Jadi saya bisa katakan di sini, "Kau tahu apa?"
Oh. Aku sudah berjalan dalam simulasi Monitor 27 inci pada resolusi 2560.
Saya dapat dengan mudah menjatuhkan yang turun dan melihat apa aplikasi saya akan lakukan dengan layar yang lebih kecil
atau dengan mengubah pengaturan DPI atau apa pun.
Jadi pada layar kecil, 10.6, apa itu akan dilakukan?
Itu masih terlihat cukup bagus, kan?
Anda akan ingin melakukan hal ini, terutama jika Anda mengirimkan ke toko, karena kita lakukan
sebagai bagian dari proses pengujian.
Dan jika ada masalah seperti itu,
maka Anda mungkin mengalami masalah mendapatkan sertifikasi untuk toko.
Tapi itu bagian dari simulator. Benar-benar keren. Sangat mudah untuk melakukan itu.
Anda juga dapat menggunakan fitur-fitur seperti berputar itu juga.
Aku bisa klik tombol di sini, memilikinya memutar, melihat apa yang seseorang akan memiliki sebagai pengalaman
berputar batu tulis mereka, tablet mereka, dan menggunakan aplikasi Anda dengan itu.
Ada beberapa hal lain juga seperti sentuhan emulasi dan beberapa hal lain,
pengaturan GPS.
Aku bisa berpura-pura aku di lokasi yang berbeda dan melihat apa aplikasi saya tidak
ketika saya berpura-pura bahwa aku kembali di Seattle atau sesuatu.
Tapi itu fitur yang sangat berguna, dan itu dibangun untuk kedua Visual Studio dan di Blend.
Ya. Pertanyaan Anda.
>> [Mahasiswa] Jika Anda menulis permainan, apakah Visual Studio memiliki dukungan untuk animasi?
Ya. Pertanyaannya adalah sekitar dukungan animasi, terutama dengan game.
Itu tergantung. [Terkekeh]
Dengan JavaScript Aku akan mengatakan ada mungkin kurang dukungan daripada ada di sisi XAML,
yang memiliki batas waktu, memiliki storyboard dan hal-hal yang built in
Untuk animasi pada aplikasi JavaScript, saya tidak tahu berapa banyak jawaban yang saya ingin memberi Anda.
Saya memiliki sumber daya di blog saya yang pergi melalui banyak pilihan untuk kedua animasi fisika,
pilihan untuk game JavaScript berorientasi pada Windows 8.
Saya akan merujuk Anda kepada mereka.
Pada dasarnya, ada begitu banyak pilihan.
Alasan saya ragu-ragu adalah ada begitu banyak pilihan untuk melakukan animasi dengan JavaScript.
Ini bisa menjadi CSS, itu bisa Canvas berbasis, bisa jadi animasi DOM hanya dasar,
itu bisa menjadi banyak hal yang berbeda, sehingga benar-benar tergantung pada pilihan Anda.
Jika Anda memutuskan untuk menggunakan sesuatu seperti Create.js atau Lime atau jenis lain dari kerangka -
Yah, aku bahkan tidak yakin Anda akan dapat menggunakan kerangka akhir yang lebih tinggi
Dampak suka atau Membangun.
Yang cenderung menghasilkan lebih banyak daripada kode Anda mungkin mempertimbangkan dari awal.
Namun dalam kasus tersebut, Anda masih bisa menggunakan simulator, Anda dapat menggunakan lingkungan,
dan saya cenderung hanya menggunakan lingkungan ini untuk platform pengujian saya dalam kasus-kasus
karena saya sedang mengembangkan permainan.
Aku sudah baik-baik saja terutama dengan kanvas animasi,
yang mungkin adalah hal yang paling umum.
Yang terbaik Anda akan menemukan mungkin adalah alat dev di browser
dan alat dev di Visual Studio.
Jenis jawaban yang berkelok-kelok di sana, tapi mudah-mudahan saya mendapat jawaban Anda. Ya. Anda.
>> [Mahasiswa] Apa saja pilihan penyimpanan data untuk Windows 8 apps?
Apa saja pilihan penyimpanan data untuk Windows 8 apps, Windows apps Store?
Pilihan Anda benar-benar setiap aplikasi mendapat kolam renang sendiri penyimpanan lokal
untuk pengaturan dan untuk data, tetapi juga ridiculously mudah untuk menggunakan penyimpanan roaming,
menggunakan penyimpanan berbasis cloud. Ini gratis.
Apa yang terjadi adalah pada dasarnya anda memilih kelas yang berbeda dan Anda mengatakan,
"Roaming Pengaturan, Simpan, set tertentu dari konten,"
dan akun Microsoft mereka, apa pun yang mereka telah masuk sebagai,
akan menjadi kunci untuk jelajah informasi bahwa sekitar.
Jadi jika saya menggunakan permainan Anda pada laptop saya dan kemudian saya log in dengan akun yang sama
dan saya memainkan permainan pada Permukaan atau tablet,
yang secara otomatis akan berkeliaran bahwa pengaturan dan data antara mesin-mesin.
Itu hal yang default. Itu baik untuk jumlah tertentu dari data.
Anda tidak akan menempatkan database besar menjadi mereka.
Untuk itu Anda perlu untuk pergi ke jenis lain dari solusi, seperti database host di awan,
hal-hal seperti itu.
Ada beberapa pilihan masyarakat lain di sekitar jenis lain dari teknologi data.
Saya telah melihat beberapa pilihan SQLite dalam komunitas di sekitar sana juga.
Jadi semakin banyak yang muncul, tetapi mereka adalah hal-hal utama yang akan Anda melihat ke arah
untuk permainan atau aplikasi.
Dan Anda memiliki pertanyaan di belakang juga.
>> [Mahasiswa] Dalam hal jaringan [tidak terdengar] meng-upload atau men-download file [tidak terdengar]
[Bowen] Apakah pertanyaan Anda bagaimana Anda dapat melihat bahwa atau bagaimana Anda dapat men-debug itu dan mengujinya?
[Mahasiswa] Bagaimana Anda bisa debug itu [tidak terdengar]
Maaf. Aku tidak bisa mendengar semua itu.
[Mahasiswa] Bagaimana Anda mendapatkannya bug diuji dan juga [tidak terdengar]
Besar. Besar.
Bagaimana Anda bekerja dengan jaringan? Bagaimana Anda bisa melihat apa yang terjadi?
Ada banyak jawaban yang berbeda dengan yang satu ini,
tapi biarkan saya menunjukkan Anda mungkin hal yang paling mudah di sini.
Mari saya menyingkirkan simulator untuk kedua.
Pilihan debugging hanya beberapa untuk jaringan.
Ada tumpukan jaringan penuh dipanggang langsung ke kedua tingkat WinRT dan dari WinJS,
sehingga Anda dapat dengan mudah membuat XHR, jenis AJAX panggilan dari permainan atau aplikasi untuk melakukan itu.
Terutama, saya cenderung menggunakan 2 hal.
Saya menggunakan alat dev sebenarnya sendiri, yang memiliki jaringan stack dipanggang ke dalamnya.
Mari saya tunjukkan halaman rumah Windows.
Saya bisa membawa hal ini, dan sebenarnya ada proxy jaringan dimasukkan ke alat ini di sini.
Jadi aku bisa melakukan ini, saya bisa refresh halaman, dan itu akan menunjukkan semua interaksi,
termasuk AJAX panggilan untuk sesi itu, untuk durasi yang permintaan itu.
Hal ini berguna. Ini akan sangat berguna untuk aplikasi berbasis browser.
Untuk jenis lain dari aplikasi, termasuk Windows apps Store,
Saya menggunakan alat yang disebut Fiddler.
Anda akan mendapatkan permainan di respon. [Terkekeh]
Fiddler adalah proxy sederhana. Saya pikir saya bisa menunjukkan kepada Anda.
Hanya saja GetFiddler.com, yang cukup menarik, aku menelusuri tumpukan jaringan saya
akan GetFiddler.
Tapi bagaimanapun, Fiddler telah ditulis oleh salah satu PMS di tim IE,
jadi dia tahu apa yang dia lakukan.
Ini adalah proxy yang baik yang dapat Anda gunakan untuk lalu lintas jaringan debugging.
Saya akan merekomendasikan itu. Pertanyaan di sana juga.
>> [Mahasiswa] Apakah ada cara mudah untuk mengintegrasikan masukan bahasa asing,
seperti Jepang atau Cina, ke dalam aplikasi Windows?
Saya tidak bisa mengatakan saya telah melakukan terlalu banyak sendiri, tetapi dipanggang masuk
Ada pilihan untuk tentu saja memancarkan aplikasi Anda - Maafkan aku, aku tidak mengatakan pertanyaan -
pilihan di seluruh globalisasi, lokalisasi konten,
termasuk hal-hal seperti mampu menjual di pasar yang berbeda
dan target yang versi aplikasi Anda untuk bahasa-bahasa individual
atau budaya atau hal-hal seperti itu. Benar-benar built in
Kami telah memiliki dukungan untuk itu untuk selamanya,
dan yang membawa ke depan ke dalam pilihan Anda untuk Windows Store.
Anda dapat melakukannya di toko sendiri, menjual di pasar yang berbeda,
Anda dapat melakukannya di aplikasi serta juga dengan menggunakan sumber daya untuk mendefinisikan,
"Jika saya dikembangkan untuk budaya ini, kemudian gunakan mengabaikan ini untuk konten tekstual saya
"Atau menggunakan hak untuk pembaca kiri."
Mereka semua adalah bagian dari WinJS default dan WinRT API. Pertanyaan yang bagus.
>> Bagaimana kita lakukan? Setiap orang lain?
Dan jika ada di video memiliki pertanyaan, aku cbowen @ microsoft,
jadi saya senang untuk mengambil salah satu dari pertanyaan Anda dari masa depan.
Sangat - Dari masa depan, masa depan [meniru gema].
Jadi di sini adalah saya. Mari saya dimasukkan kembali kontak saya di sini.
Jadi saya hanya mengirim catatan, cbowen @ microsoft,
dan aku akan kembali kepada Anda sesegera mungkin.
>> Apa pun yang Anda bertanya-tanya? Apakah kita baik?
Besar. Baik. Terima kasih semua sangat banyak. Saya menghargai itu. [Tepuk tangan]
>> [CS50.TV]