[Powered by Google Translate] [Seminar - Windows 8 - App / Game Development sa HTML5]
[Chris Bowen, Edwin Guarin - Harvard University]
[Ito ay CS50. - CS50.TV]
>> Uy, sa lahat. Ang pangalan ko ay Edwin Guarin. Ito ay Chris Bowen.
Ipapaalam ko sa kanya ipakilala ang kanyang sarili sa isang segundo.
Gusto ko lang gumawa ng isang mabilis na anunsyo.
Una sa lahat, ang lahat ng CS50 ka mag-aaral makakuha ng Windows 8 nang libre.
Kaya kung pinag-iisipan mo tungkol sa aktwal na paggamit ito para sa iyong huling proyekto, sa iyo ito.
Nate ay magpapadala out ng email mamaya sa para sa mga tagubilin.
Ang ikalawang bagay ay kung nagpasya kang magsulat ng isang Windows 8 app para sa iyong CS50 panghuling proyekto,
kami ay pagpunta sa ay ang paggawa ng ilang pamudmod: isang Xbox,
maaari naming magagawang bigyan ng slate ang layo, mga bagay-bagay tulad na.
Kaya kung may anumang bagay na may hawak na bumalik ka, sabihin ni Chris o kakilala ko
paano kami makakatulong sa iyo na bumuo ng isang bagay na talagang cool.
Kaya salamat muli para sa darating na ngayon, at kukunin ko na ibigay ito sa paglipas ng sa Chris.
>> Salamat sa iyo, Edwin.
Salamat, lahat, para sa pagsali sa amin sa araw na ito.
Ako Chris Bowen. Ako ay isa sa mga kasamahan Edwin dito sa Hilagang Silangan.
Nais kong lamang na gumastos ng kaunting oras sa iyo sa pakikipag-usap tungkol sa
kung paano gumawa ng isang Store ng Windows application na may HTML5, JavaScript, at CSS
at uri ng makakuha ng anumang mga katanungan na maaaring mayroon ka tungkol dito Sinagot para sa iyo
bilang na iyong hinahanap patungo iniisip tungkol sa siguro gamitin ito para sa isang CS50 finals pagkakataon.
>> Iyon ay sinabi, makikita namin lamang sumisid karapatan in
Makikita pumunta ako sa ibabaw sa mga slide sa ibabaw dito.
Kung mayroon kang anumang mga katanungan, huwag mag-atubiling magpadala sa akin ng isang email.
Ako cbowen@microsoft.com, at mayroong aking blog at ang aking Twitter.
Gayunpaman gusto mong makipag-ugnay sa akin, iyon ang masarap.
Mayroon ako tungkol sa isang oras ng mga bagay-bagay, at gusto ko upang makakuha ng iyong mga katanungan sa kahabaan ng paraan,
kaya huwag kang mahiya tungkol sa pagkakaroon ng mga tanong sa panahon na ito.
Hindi nila maaaring makita kung sino ang humihiling sa mga tanong sa pag-record,
kaya magagawa mo bilang anonymous bilang nais mong maging.
>> Hayaan akong sumisid karapatan in, ibigay lamang sa iyo ng isang mabilis na panimula sa Windows 8,
at ipakita sa iyo ang ilang sa mga bagay tungkol sa mga app Store Windows na maaari mong isaalang-alang
bilang pinag-iisipan mo tungkol sa pagbuo ng isang application.
Kami ay tumitingin sa Windows 8. Nakapunta kami out para sa ilang mga linggo ngayon.
Ang isang pulutong ng malakas na pag-aampon out doon.
Maaaring nakakita ka na ng Ibabaw ng machine na mayroon pati na rin kami.
May isang paglipas dito aktwal na maaari mong tingnan ang kung nandito ka sa tao.
Talagang gusto kong makipag-usap sa iyo, ipakita sa iyo sa paligid ng isang maliit na bit tungkol sa Windows 8.
Ang ideya na may Windows 8, ito talaga ang magdala ng pasulong ang lahat ng mga bagay-bagay na alam mo tungkol sa Windows
sa ilang mga bagong karanasan - sa partikular, mga bagay na gusto sa Ibabaw ng machine na may touch,
mga uri ng higit pang mga mobile device na ngayon sa merkado,
ngunit ito ay din ng Windows sa core nito.
Kaya ang ibig sabihin nito maaari mo itong i-install talaga sa anumang bagay na nagpapatakbo ng Windows 7,
mula sa iyong pinakamalaking triple SLI gaming sangkapan pababa sa iyong laptop
at sa iyong makintab bagong iba pang mga device na maaari kang pumili ng hanggang ngayon.
Sila ay tumakbo sa Windows 8.
Kukunin ko ipakita sa iyo sa paligid lamang ng kaunting,
at ang lahat ng mga karanasan na makikita mo dito ang mga bagay na maaari kang lumikha.
Ang ideya ay kung ito ay ang ugnay, mouse, keyboard,
ano naman ang aparato ay na nagpapatakbo ka ng iyong application sa, ito ay pagpunta sa magpatakbo ng mahusay.
Windows 8 ay makakatulong sa lahat ng mga sitwasyon.
>> Maliban sa mga slide, sabihin makakuha lamang ng pakanan papunta ng pagtingin sa paligid dito.
Hayaan akong ipakita sa iyo sa paligid ng aking home screen. Ito ang aking Start screen.
Kukunin ko na lang magbibigay sa iyo ng kaunting tour dito.
Ako ay nasa isang hindi-ugnay machine, kaya hangga't gusto kong kalabitin ang aking laptop screen,
hindi ito gawin ang isang bagay, kaya kukunin ko na lang mag-scroll sa paligid dito nang kaunti at ipapakita sa iyo.
Ang ilang mga bagay na maaari mong mapansin ay ang katotohanan na ang mga kung ano ang tinatawag na live na mga tile
talaga maaaring bigyang-buhay, at maaari silang magbigay ng impormasyon sa iyo -
siguro mga update sa mga istatistika para sa isang laro
o ipakita sa iyo ang mga balita mula sa ilan sa mga mas naunang apps na dito sa kaliwang bahagi.
May pumunta namin. Ako ba na ito ay lamang positibo at fantastically magandang balita.
Maaari mong makita dito talaga ito tumatawag ng iyong pansin pabalik sa app, na sinasabi,
"Uy, mayroong isang bagay bagong dito. Huminga ng hitsura. Bumalik sa at makita kung ano ang bago para sa iyo."
Iyon ay tinatawag na live na tile, at maaari mong gawin ang mga notification
alinman sa kanan mula sa application mismo
o kung magdadala sa iyo ng isang hitsura nang mas detalyado, makikita mo malaman kung paano magsulat ng isang remote na serbisyo
na maaaring talagang itulak impormasyon sa tile,
na kung saan ay kung ano ang nangyayari sa mga app na ito balita.
Talaga nila ka nakakakuha ng balita mula sa mga ulap at ina-update ang tile doon
upang malaman ng mga tao mayroong isang dahilan upang buksan up ang application at kumuha ng isang hitsura
sa kahit anong mga pinakabagong balita ay nasa alinman sa mga ito
o kung mayroong bagong recipe o ng isang bagong mataas na iskor upang matalo
o isang kaibigan playing o kahit ano sa mga application na ito.
Ito ay isang bagay upang ma-engganyo ka pabalik in
Kaya iyon ang live na tile, at maaari itong isang tao, maaaring ito ay pati na rin ang isang website.
Karaniwan ito ay isang application.
>> Pretty magkano ang lahat ng mga bagay na ito na mayroon akong dito ay nagmula sa Windows Store. Kukunin ko ilunsad na.
Ito ay isa sa mga application na makakakuha ka sa pamamagitan ng default
sa anumang machine na nagpapatakbo ng Windows 8.
Maaari mong dumating dito upang mahanap ang anumang bagay na gusto mo gusto,
mula sa mga bagay na ay naka-highlight sa mga laro na hindi ko pa nakikita dati.
Oh, a, nakuha namin ang isang bagong Pinball dito.
Maaari mong i-install ang mga dito mismo mula sa tindahan,
at kami na makipag-usap tungkol sa kung paano bumuo ng mga ito.
Mayroon kang maraming mga pagpipilian sa kung paano mo likhain ang mga ito.
Susubukan naming tumuon sa sa kuwento ng JavaScript sa HTML at CSS,
ngunit sa gumagamit, upang ang tagapamili ng app, ito ay hindi mahalaga kung ano ito ay isinulat in
Maaari silang magpatuloy at gumagana sa mga ito.
Ako intrigued sa pamamagitan ng isang ito, kaya kailangan ko upang buksan ito up at kumuha ng isang hitsura.
Ang bawat app, kabilang ang mga na maaari mong isumite at magbenta o mamigay ng libre,
kahit anong gusto mong gawin sa mga tindahan, ay makakuha ng isang home page na katulad nito.
Maaari mong isumite kasama ng iyong application ng grupo ng mga screen shot - mo makita dito ilang -
mga detalye tungkol sa aplikasyon, at sa paglipas ng panahon makakakita ka makaipon ng parehong mga rating -
ang mga ito ay isa lamang lamang ang star rating - at review,
na nagbibigay ng kaunting karagdagang pananaw.
Talaga, may isang taong may mag-type ng isang bagay at sabihin sa iyo kung paano kahanga-hangang nasaan ka,
at iyon ay pumunta sa iyong seksyon na Mga Pagsusuri sa paglipas dito, na hindi ko pa tumingin sa.
Hindi kapani-paniwala. "Ay hindi kahit buksan." Paano mahusay.
Well, para sa mga tao para kung kanino bukas at patakbuhin ito ginawa, tila sila upang tangkilikin talaga ito. [Laughs]
Panatilihin ito sa isip. Ang Internet. Sinuman ay maaaring sabihin kung ano ang gusto nila tungkol sa inyong aplikasyon.
Kaya tiyaking ikaw ay gumagawa ng isang mahusay na trabaho na may ito,
tiyakin na pinakikinabangan ninyo ito bilang kumportable para sa user na magagawa mo
dahil hindi nila ng ilang mga pag-click ang layo mula sa pagbibigay ng isang pagsusuri,
at iyon ay makaipon ng hanggang sa iyong pangkalahatang rating pagsusuri.
At gusto mong gawin ang iyong pinakamahusay na dahil naka pagpunta sa maging up laban sa iba pang mga application.
Magkakaroon ng libo-libong mga apps na sa store,
at pagkakataon, maaaring may isang bagay na gumagana ang katulad na pag-andar sa kung ano ang iyong ginagawa.
Kaya kung maaari mo ba talagang magmatigas mula sa karamihan ng tao, na magiging sa iyong kalamangan, siyempre.
>> Susubukan naming makuha papunta sa tindahan kaunti sa susunod.
Ko ba talagang i-focus sa paglikha ng mga app.
Ngunit ang maikling bersyon ng tindahan ay sa buong mundo pamamahagi,
ito ay awtomatikong bahagi ng Windows 8, ang mga taong sunog lang ito up at kumuha ng isang pagtingin sa iba't-ibang mga apps dito,
mayroon ka ng Dress-Up Sticker Book at lahat ng uri ng iba't ibang apps.
Fresh Pintura, ito ang gagamitin ko ng maraming - mahina, ngunit ito ang gagamitin ko ng maraming.
Ito nagpapakita sa akin na pagmamay-ari ko ito.
Hayaan akong ipakita sa iyo ang isang bagay na wala akong - UVideos Wala akong bilang bagong tatak.
Ang makikita mo dito ito ay libre, kaya maaari mo itong i-install mula mismo sa store.
Mayroon kang pagpipilian masyadong. Maaari mong siyempre bigyan ito ang layo.
Maaari mong ilagay ang advertising sa app o laro.
Maaari mo ring singilin para dito, at maaari mong masyadong madali magbigay ng isang pagsubok para sa application pati na rin
kaya maaari mong hayaan ang mga tao subukan ito para sa isang linggo o kahit anong gusto mong gawin.
Iyon lang napapasadyang sa pamamagitan ng portal. Hindi mo na isulat ang anumang code para sa iyon.
Kaya't sabihin mo, "maaari mo itong gamitin para sa isang linggo at pagkatapos ay na kailangan mong bilhin ito,"
o maaari mong gawin ang mga bagay tulad ng, "maaari mong i-play ang unang 3 antas ng larong ito
"At pagkatapos ay mayroon ka upang bumili upang ma-access ang ibang bahagi."
Maaari mo ring gawin ang mga pagbili ng in-app pati na rin, sa gayon maaari mong sabihin,
"Nakakuha kami ng karagdagang mga pakikipagsapalaran o mga hanay ng mga graphics o mga bagay na unlock -
"Higit pa recipe na naka-unlock -. Kung bumili ka ng mga extended sets"
At maaari mong gawin iyon sa loob ng app o game mismo lahat.
Kaya, ganap na nakasalalay sa iyo, ang iyong pinili.
Maraming mga bagay na maaari mong gawin sa mga tindahan,
at pagkatapos ay isa lamang ikaw ay nagsusumite ng ito sa isang certification ng channel.
Maaari naming makipag-usap tungkol sa lahat na ang isang maliit na bit sa paglaon, ngunit ito ay ang layunin.
Gusto mong makuha ang iyong mga app ang kakayahang makita ng buong mundo sa store dito.
>> Bumalik sa screen Start dito, nais kong ipakita sa iyo sa paligid ng isang kaunti pa.
Kung ko ilunsad ang aking mga apps na ito, hayaan mo akong bigyan ka ng isang halimbawa ng ilang pag-andar ng cross-app dito.
Upang gawin iyon, magagawa ko ilunsad ang sariwang Paint.
Ang isang bagay na makikita mo dito ay bawat solong bit ng screen,
lahat ng mga pixel ng screen, pumunta sa iyong app.
Wala na ang mga araw kung saan mayroon kang mga hangganan sa paligid ng mga bintana
na may maraming mga pindutan na ay palaging doon paglalaan ng espasyo sa lahat ng oras.
Ikaw talaga ngayon ay nais upang makakuha ng layo mula iyon at mayroon lamang ang iyong nilalaman ay ang focus.
Maaari naming gawin ang mga bagay na may Windows sa pamamagitan ng pag-access ng iba pang mga uri ng mga menu.
Ang isa sa mga ito ay ang tunay na tinatawag na charms bar,
at pagdating out mula sa gilid ng screen.
Maaari mong aktwal na pumitik mula sa gilid kung mayroon kang isang touch screen,
maaari mong i-right click kung mayroon kang isang mouse, mayroong isang shortcut sa keyboard para dito,
mayroong palaging ng higit sa isang paraan upang gawin ang isang bagay sa kapaligiran dito.
Na pinagsasama-out ng isang bilang ng mga bagay na maaari mong gawin.
Ang pinaka-halata ay maaari kang bumalik sa Start screen,
ngunit ang iba pang 4 ay kung ano ang tinatawag na charms.
Ang mga ito ay mga kontrata na maaari mong plug sa bilang ng nag-develop ng app. Ang mga ito ay medyo cool.
Paghahanap, ako sigurado na ang isang bagay na iyong pagpunta sa gawin,
pagbabahagi kukunin ko na ipakita sa iyo sa isang segundo,
at Aparato at Mga Setting, ang mga ito ay ang lahat ng bagay na maaari plug ang iyong app sa
upang magamit Windows, sasabihin, "tapos na ako sa aking bahagi
"At gusto ko Windows upang suportahan ang ilang iba pang mga pag-andar,
"At hindi ko nais upang sumulat ng maraming code upang gumawa na mangyari."
Iyan ay talagang isang benepisyo ng paggamit ng mga tampok na ito.
Hayaan akong ipakita sa iyo ng isa.
Upang gawin iyon, magagawa kong gumawa ng bagong pagpipinta.
Usapan ko rin ang tungkol sa paggamit ng bawat pixel para sa iyong app.
Sa pamamagitan ng default, ito ay kung ano ang tinitingnan ng pintura app tulad ng kapag ginagamit mo ito.
Ito ay talagang lamang tungkol sa kahit anong ka pagguhit, ang iyong nilalaman.
Maaari kong gawin kakila-kilabot mga bagay dito. Ano ang dapat kong iguhit? Hindi ko alam.
Scribble? Oh, mahusay. Ang maaari kong gawin Scribble. Hindi kapani-paniwala.
Isang pabo? [Laughs]
Ito ang pinaka-abstract pabo makikita mo.
Maaari ko rin ilabas ang kung ano ang tinatawag na ang app bar,
at ito ay talagang isa sa mga pangunahing mga paraan na maaari mong gamitin
upang itago ang layo ng lahat ng mga bagay-bagay na maaaring naging sa iyong app o game bago
pagkuha up lamang espasyo sa lahat ng oras.
Kaya ngayon maaari mo itong ilagay up dito, at ito ay talagang isa sa mas magandang karanasan
may app bar ang na iyong nakita ko.
Ilagay ang mga pinili dito para sa pagpili ng iba't ibang kulay.
Nais namin ng isang pabo, kaya maglalagay kami ng ilang mga kayumanggi dito, simulan ang paghahalo ng dalawang kulay.
Kukunin namin ang isang intermediate na kulay dito at pagkatapos ay bumalik dito.
Maaari mong simulan ang pagguhit. Mayroon iyong pabo. Hindi kapani-paniwala.
Hindi ko ma-gumuhit upang magsimula sa, ngunit upang gawin ito na may isang touchpad sa harap ng isang madla ay mas mahusay.
Ito ay kahanga-hangang.
Ang ideya, bagaman, ay ang lahat ng bagay na aking na nagmamalasakit sa ay dito mismo sa ibabaw.
Sabihin nating ako kaya nasiyahan na ito na Mayroon akong upang ibahagi ito sa isang tao.
Karaniwan kung ano ang gusto mong gawin sa iba pang mga bersyon ng Windows,
Gusto mo siguro kumuha ng screen shot, gusto mo gumawa ng ilang kopya-paste ang mga ng iyong teksto
o mga bagay na tulad na na gusto mong ibahagi out,
at pagkatapos ay pumunta at buksan up ng isa pang application at ilagay ito sa ito.
Narito hindi mo na kailangang gawin iyon.
Maaari mong aktwal na maglabas ang charms bar at sabihin, "Gusto kong ibahagi ito."
Sa puntong ito ito ay pagpunta upang ipakita sa iyo ang lahat ng mga apps
na alam kung paano gumagana sa kahit anong ay ibinabahagi.
Sa kasong ito ito ay isang larawan, kaya pagpunta sa sabihin, "nakikita ko na kailangan ng isang larawan."
"Nais mo bang ibahagi iyon?" Maaari mong makita ako ng email sa mga bagay-bagay ang aking sarili sa lahat ng oras.
Kinikilala nito na, at ito ay nag-aalok sa akin na bilang isang shortcut,
ngunit ito rin ang pagpapakita sa akin ng bawat app na nakakaalam kung paano haharapin ang pagkuha ng litrato
at paggawa ng isang bagay na may ito.
Ang mga ito ay ang lahat ng nakasaad sa Windows na maaari nilang gawin iyon.
Sa puntong ito ito ay Windows.
Ang gumagamit na lamang pinipili kung ano ang gusto nilang gawin sa mga ito.
Kukunin ko ang aking mga dati ng PuzzleTouch. Maaari mong makita Lumikha ako ng lahat ng uri ng mga puzzle sa paglipas ng panahon.
Kukunin ko PuzzleTouch at sabihin, "Gusto kong ibahagi ang mga kamangha-manghang paglikha sa PuzzleTouch."
Ito ay pagpunta sa sige at sabihin, "Mahusay. Gusto mo upang ibahagi ito? Hindi kapani-paniwala."
"Gusto mo ba upang makagawa ng isang palaisipan na ay madali, intermediate, ano naman?"
Magtatagal ako gumawa ng isang intermediate dito.
Ito ay gumagawa ang puzzle. Ito ay pagpunta sa maging isang kahila-hilakbot na palaisipan dahil ito ay karamihan ay blangko.
Ngunit ito ay handa na, at ito ay talagang pabalik sa iba pang mga application.
Kung makatagpo akong hindi sumali dito, ang maaari kong hanapin ito at ilunsad ito.
Ngayon kung mag-scroll namin sa ibabaw lamang ng kaunting dito, dapat naming makita ang aking paglikha sa isang lugar.
Saan mo pumunta ako? Anong uri ng palaisipan ginawa ko? Ibig kong gawing madali?
Oh, may ito ay, mula doon.
[Chuckles] Ito ay ang madaling makikilala pabo puzzle na meron dito.
Subalit ang bagay na gusto kong ituro sa iyo, ang mga cool na bagay dito
ay ang apps ay hindi alam ang anumang bagay tungkol sa bawat isa.
Lamang sinabi nila, "Mayroon akong isang larawan upang ibahagi, at alam ko kung paano haharapin ang mga larawan."
At sa iyo bilang isang developer, hindi mo kailangang i-isulat ang code na iyon.
Kapag ang isang tao ay humihingi sa akin upang ibahagi, ako pagpunta sa ilagay ang ilang mga data sa ito maliit na istraktura ng data
at ako ay tapos na.
Ang iba pang mga app ay tumatagal ng higit sa, ang bagay nito, at iyon ang katapusan ng karanasan sa pagbabahagi.
Iyon bagay isa lamang na maaari mong gawin - talaga ito, talagang malakas -
at ito ay pagpunta sa maging isa sa mga bagay na maaaring talagang matulungan iibahin ang iyong mga app
at din ang iyong laro masyadong sa tindahan.
Ang mga tao ay pagpunta sa magagawang sabihin, "Ito ay talagang kapaki-pakinabang."
"Ginagamit ko ang taga-gawa ng palaisipan na ito sa lahat ng oras. Ito ay walang katotohanan."
>> Iyon ay tungkol sa sapat ng isang maikling pangkalahatang-ideya ng kung ano ang nangyayari sa dito.
Mayroong ilang iba pang mga tampok masyadong na siguro gagamitin namin i-highlight ang bilang pumunta kami sa pamamagitan ng code.
Pero gusto kong sumisid sa mga slide, at upang gawin iyon, ako pagpunta sa pumunta sa Desktop,
na kung saan ay kanyang sarili ng isa pang live na tile dito.
Maaari ba akong pumunta sa ito at, bang sapat, ako sa aking mga slide,
ngunit hayaan mo akong ipakita sa iyo talaga kung nasaan namin.
Kami ay talagang nasa mode Desktop.
Ito ay talagang kung saan kung ano ang sinasabi ko bago tungkol sa Windows pagdala pasulong
sa mga bagong mga karanasan ay nagpapakita mismo.
Ito ang Windows kilala mo.
Mga application ng Windows ay tinatawag na desktop apps. Patakbuhin ang mga ito dito.
Kung ikaw ay umiiral na apps at gusto mong patakbuhin ang mga ito sa Windows 8,
maaari mong ganap na gawin iyon.
Ang mga ito ay hindi ang parehong bagay tulad ng mga app store, na kung saan ay higit sa dito,
tulad ng Fresh Paint at mga apps at mga bagay tulad na NBC News. Yaong ay darating mula sa tindahan.
Maaari silang plug sa ilan sa mga tampok na ako ay nagpapakita sa iyo
at sa iba pa na hindi pa lang ako ang nagpakita sa iyo.
Ngunit panatilihin lamang na nasa isip. Mayroon kaming suporta para sa parehong ng mga bagay na ito pati na rin.
Sorry. Hindi nakapalabas ang isang bagay sa screen? Nawala ko na ito nang tuluyan. Iyan ay kakaiba.
Okay. Salamat para sa pagturo out na.
Ano hindi mo pa nai-nakakakita para sa isang habang ang aking pagpapakita sa iyo na ang desktop ay dito.
Ano ang huling bagay na nakita mo? Makita mo ba ito?
Ito ang desktop. Alam mo na kung ano ang mukhang.
Ito ay walang katakut-takot sa hindi pangkaraniwang.
Ang aming Ito ay nagdadala karanasan na pasulong para sa iyo at sa pagpapaalam gamitin mo ang mga bagay na nagkaroon ka.
Halimbawa, magpapadala ako ay nagpapakita sa iyo ng Visual Studio. Iyon ay isang desktop application.
Ito ay pagpunta upang patakbuhin sa mode na ito.
Ito ay pagpunta upang suportahan ang isang mas kumplikadong kapaligiran
na may maraming mga pagpipilian at mga bagay tulad na, kaya ito ay ginagawang isang magandang pagpipilian bilang isang desktop app.
>> Iyon ay sinabi, sabihin pumunta sa mga slide para lamang sa ilang sandali
at magbibigay sa iyo ng ilang mga panimulang nilalaman at pagkatapos ay makakuha sa aktwal na coding dito.
Ang magandang balita ay narinig ko na ikaw ay tumututok sa isang pulutong ng CSS at JavaScript, HTML.
Ang lahat ng mga bagay na iyong nai-pag-aaral ng carry direkta sa paggawa ng apps Tindahan ng Windows.
Ang mga bagay na iyong nai-pakikinig tungkol sa paglalapat ng CSS tagapili at ang lahat ng mga bagay
ay eksakto kung ano ang gagawin mo upang lumikha ng isang application dito para sa tindahan.
Susubukan naming dumaan sa mga bagay na ito unti-unti.
Talaga, ako pagbuo sa mga bagay-bagay na mayroon na iyong kinuha ang oras upang malaman.
Ito ay ang pangkalahatang tsart ng mga teknolohiya na maaari mong gamitin
upang gumawa ng application para sa Windows 8.
Ang mga bagay-bagay sa kanan, sa desktop apps, ay talagang kung ano ang alam namin.
Iyon bagay-bagay na ay talagang ang Windows 7 mundo nadala sa Windows 8.
Ang lahat ng mga pagpipilian magdala pasulong: C #, VB, Win32 uri ng pag-unlad.
Mahusay. Walang problema. Ang bagong bagay ay sa kaliwa na bahagi.
Iyon apps Tindahan ng Windows, na kapag ako ay nais na naka-wire na aking application sa Windows 8
paggamit ng lahat ng mga tampok na iyon, kumuha ng mga ito sa tindahan, at makakuha na talagang cool na karanasan
ng mga application Tindahan ng Windows.
Upang gawin iyon, maaari mong makita dito na kailangan ang lahat ng iyong mga pagpipilian sa XAML, C + +,
C #, VB, maaari mong gawin ang DirectX, mga bagay tulad na, ang mga bagay na pumunta sa ibayo ng slide.
Ngunit para sa amin, ipinapadala namin ng pagpunta sa tumutok pakanan sa sa ang katunayan na ang HTML, CSS, at JavaScript
ay talagang isang primera klaseng mamamayan para sa paggawa ng mga application para sa Windows 8
at para sa Windows Store.
Kaya ito ay mabuti para sa lahat ng tao dito at mga kasamahan nanonood sa video
dahil maaari mo lamang magamit ang lahat ng mga karanasan na mayroon ka
at talagang itali sa kung anong nag-aalok ng Windows.
Ikaw ay pagpunta sa gawin iyon sa pamamagitan ng isang hanay ng mga API, na dapat ay walang sorpresa.
Ang bawat OS ay may sariling mga API.
Ilantad namin kung ano ang maaaring gawin sa Windows sa pamamagitan ng kung ano ang tinatawag na WinRT.
Ito ay isang hanay ng mga API na ginagawa lamang ang lahat ng bagay para sa iyo.
Kung kailangan mo upang buksan ang mga file, kailangan mong gamitin ang camera, geolocation, mga bagay tulad na,
pumunta sila sa pamamagitan ng kung ano ang maaaring mag-alok ng Windows sa iyo.
Upang ma-access na iyon, mayroon kaming ilang mga higit pang JavaScript na pupuntahan upang gawin itong mas madali
para sa iyo upang gawin iyon. Susubukan naming makapunta sa na sa ilang sandali.
Ngunit para sa ngayon, na isa lamang ang iyong mga mapa ng daan.
Ang mga bagay na nakalikha ka na nai-paggawa sa tuktok ng ilang mga API
na tulong nagtatrabaho ka na may Windows ay katumbas ng tindahan app.
At iyon ang talagang tungkol sa lahat ng kailangan mong malaman mula sa mataas na antas.
>> Susubukan naming sumisid sa aktwal na nagtatrabaho gamit ang mga bagay ngayon.
Ang mga bagay na malamang na nakita mo ang isang bungkos ng,
may IE9 ng kaunti habang pabalik ipinakilala namin ang suporta para sa maraming mga, sa panahon,
mas bagong mga pamantayan sa Web, kaya ng maraming mga bagong tampok ng CSS,
ng maraming bagong HTML, ECMAScript 5, na kung saan ay talagang JavaScript.
Kaya lahat ng bagay para sa na maliban sa mahigpit na mode ay nasa IE9.
Lamang sa isang tonelada ng mga bagay-bagay na may CSS, CSS3, ang lahat sa doon.
At lahat ng mga bagay-bagay na ito ay nagdadala pasulong sa kung anong ginagawa namin na may Windows 8.
Maaari mong gamitin ang mga bagay na ito, at maaari mong gamitin ang lahat ng bagay na bago sa IE10.
Sa IE10 ipakilala kami ng suporta para sa lahat ng mga bagay na ito pati na rin.
Ang mga ito ang lahat ng hardware-accelerated, kaya kung ikaw ay nasa isang machine na may ilang mga uri ng GPU,
na kung saan ay marahil halos bawat machine na maaari mong makuha sa nakalipas na 8 taon,
ka pagpunta sa magagawang upang magkaroon ng hardware-accelerated na output,
visual na output na may CSS, Canvas, SVG.
Lahat ng mga bagay ay pumunta sa pamamagitan ng acceleration hardware
at maging na mas mabilis at mas magaling na.
Ang maikling bersyon ng lahat ng ito - hindi pagpunta I'm upang pumunta sa pamamagitan ng bawat solong bagay dito -
kung nakikita ito sa listahan na ito, kung maaari mo itong gawin sa IE10,
kung ito ay isang web app na nagpapatakbo ka na gumagana sa IE10,
ito ay isang bagay na maaari mong gawin bilang isang Store Windows app.
At iyon ang medyo magkano ito. Kaya kung ito ay gumagana sa IE10, ito ay pagpunta sa gumana tulad ng isang Store Windows app.
Ito ay nasa mesa bilang isang bagay na maaari mong gamitin.
>> Marami dito. Wala kaming hanggang hatinggabi, kaya hindi ko susuriin ang lahat ng bagay dito.
Ngunit may mga ilang mga site na makakatulong sa iyo na maunawaan kung ano ang maaaring magawa ang mga bagay na,
at kukunin ko na ipakita sa iyo ang isa sa mga ito sa isang segundo.
Nais ko lamang upang ituro ang ilang sa mga mahalagang bagay na maaari kang tumingin sa.
Siguro na nakita mo na ang ilan sa mga ito sa iyong mga pag-aaral,
ngunit ang mga ito ay talagang kapaki-pakinabang, sa partikular sa mga app Store Windows, mula sa CSS gilid.
Kaya kawalan ng kakayahang gawin transforms at mga transition, magbigay ng paggalaw na may animation -
ang mga ito ay lahat bahagi ng CSS ngayon, at ang lahat ng mga ito ay suportado ng modernong browser,
at IE10 at IE9 nagdagdag ng suporta sa paglipas ng panahon para sa lahat ng mga bagay na ito.
At kaya kung bakit ang iyong sarili isulat ito, bakit pumunta sa lahat ng mga problema ng ginagawa ang mga bagay sa pamamagitan ng kamay
kapag maaari mong gamitin ang isang simpleng CSS ibahin ang anyo upang lumikha ng 3D na effect para sa iyong application?
Mahusay. Iyon ay kung paano ito gumagana.
Hindi ako makagawa ito anumang mas mahirap kaysa sa na.
Kung alam mo kung paano ito gawin sa CSS, alam mo kung paano gawin ito sa Windows Store app.
>> Lagpas na para sa layout, mga bagay tulad ng kahit na ang store app,
ngunit lagpas na, tumitingin sa siguro ng balita app na nagpapakita sa iyo ng mga artikulo
o mga recipe o mga bagay tulad na, ang iba pang mga uri ng mga tampok sa CSS ay talagang kapaki-pakinabang:
Grid, Flexbox, Mga Rehiyon CSS ay higit pa sa isang medyo bagong standard pati na rin.
Ang mga bagay ay pumunta sa lahat upang matulungan kang mag-ipon out nilalaman at daloy ng nilalaman sa pagitan ng mga seksyon,
magawa pagbilang ng pahina at hyphenation nang hindi mo kinakailangang i-isulat ang mga bagay na iyong sarili.
Sasabihin mo lang, "Mangyari lamang na gawin ang mga sumusunod para sa akin,"
at bilang ang real estate ng iyong screen ay naiiba sa iba't ibang machine
o bilang na iyong makikita sa isang sandali, pati na snap mo ang isang application
upang magkaroon ng mas maliit na halaga ng puwang sa screen, na walang problema para sa CSS.
Maaari itong samantalahin - we'll talk tungkol sa mga query sa media sa isang segundo -
maaari itong tumagal ng pag-aalaga ng mga bagay sa repositioning ang iyong nilalaman, pag-agos ng nilalaman mula sa mga rehiyon
lamang sa mga bagay na ito na maaari mo pa nakita sa teknolohiya ng web.
>> Sa bahagi ng HTML5, mayroon ding isang bungkos ng mga bagay
na magiging kapaki-pakinabang para sa iyo na may mga app Store Windows.
Muli, hindi namin pumunta sa pamamagitan ng lahat sa mga ito, ngunit ang mga ito ay dito lamang.
Kaya kung kailangan mong gamitin ito, audio-video, kung gusto mong gawin ang pagpapatunay mula sa mga form,
geolocation, ang lahat ng mga bagay na maaari mong gawin sa JavaScript ang JavaScript sa 5 o ECMAScript 5,
IndexedDB para sa lokal na imbakan - ang mga ito ay lahat ng mga pagpipilian para sa iyo.
Kung naghahanap ka para sa isang sagot, tingnan lamang sa umiiral na mga teknolohiya na may HTML5 at CSS
at iyong makikita ang mga sagot mas madali kaysa sa kinakailangang i-roll ng maraming mga bagay-bagay na iyong sarili.
Hayaan akong ipakita sa iyo sa paligid ng isang kaunti dito.
Nakakuha ako ng isang site na maaari naming pumunta sa.
Hayaan akong huminto out sa slide na ito para sa isang segundo.
>> Kung pumunta out namin sa IETestDrive.com,
Ako karami ng isang demo dito ay hindi gawin.
IETestDrive.com talaga nagpapakita sa iyo ng maraming kung ano ang bago sa mga IE10,
sa mga bagay na maaari mong gawin.
Tingin ko ito ay talagang kapaki-pakinabang dahil sa halip ng pagbabasa sa pamamagitan ng grupo ng mga white paper,
tumingin sa isang ilang mga demo, at na ang nangyayari upang matulungan kang ilagay ito sa iyong sariling personal na radar
tungkol sa kung ang isang teknolohiya saysay sa kahit na gawin ang anumang higit pang mga pananaliksik na may
kaya makikita mo maintindihan, "makita ko kung ano ito ay para sa."
"Naiintindihan ko kung ano ang ginagawa ng Kahilingan Animation Frame para sa akin."
"Naiintindihan ko kung paano ko maaaring gamitin ng Rehiyon o mga filter ng SVG."
Ang makikita mo ang mga ito sa aksyon, makita ang mga ito sa isang halimbawa dito,
at magpasya para sa iyong sarili kung na pupuntahan maging kapaki-pakinabang para sa iyo sa iyong sariling mga proyekto at higit pa
habang patuloy kang magtrabaho sa teknolohiya sa web.
Narito Gusto ko hinihikayat ka lamang gumawa ng isang hitsura.
Hindi sa tingin ko kukunin ko na gastusin karaming oras aktwal na tumatakbo ang mga ito.
Sapat na upang ipakita sa pagsulat code na kailangan namin.
Makikita mo dito ang mga bagay mula sa ugnay effect to-batay pindutin ang mga laro sa seksyon na iyon,
animation, talagang mabilis hardware-accelerated animation doon,
ilang mga pag-optimize na makikita mo sa ilan sa mga sample pati na rin,
at mayroong maraming, marami pang iba.
Kung kang pumunta sa paglipas dito at buksan ang site map,
mayroong lamang isang katawa-tawa bilang ng mga sample dito.
Maaari mong makita ang mga ito ang lahat dito.
Kung naghahanap ka sa isang bagay o narinig mo tungkol sa isang bagay
at tapos ka nagtataka siguro ito ay magiging isang bagay cool na gamitin sa app,
subukan ang hinahanap dito, at doon ay marahil isang magandang magandang demo para dito upang i-save ang iyong sarili ng ilang oras.
>> Okay? Ang anumang mga katanungan sa ngayon para sa mga kasamahan dito?
Okay. Makikita dalhin namin sa dito.
Muli, i-check lang na out.
Ang mga ito ay mga pamantayan sa web, kaya pumunta sa anumang iba pang mga site showcase na alam mo ng
at makita kung ang mga teknolohiya magkaroon ng kahulugan para sa kung ano ang iyong sinusubukang gawin.
>> I-back sa mga slide.
Iyon ay sinabi, ikaw ay gumagalaw mula sa isang Web mundo upang talagang isang naka-install na application lokal na mundo,
kaya mayroong ilang mga bagay na dapat ituro dito.
Una sa lahat, hindi na web server kasangkot dito.
Walang Apache, walang IIS tumatakbo dito
paghahatid up ang mga pahina sa isang remote client, sa isang remote ahente browser.
Sa kasong ito, talaga ang lahat ng bagay ay naka-package up para sa iyo.
Isumite mo ang bilang ng iyong application sa tindahan, maipo-certified,
ito ay out sa tindahan, at pagkatapos ay ang mga tao sa pamamagitan ng libo-libo ang mag-iinstall ang iyong mga laro o ang iyong app.
Ngunit isa lamang, sila ay kumukuha ito pababa nang lokal sa kanilang machine.
Hindi na kailangan upang pumunta out sa Web ngayon maliban kung mayroon kang mga tawag na kailangan ng isang remote na API,
at iyon ang perpektong normal pati na rin masyadong.
Ngunit hindi sila ay pagpunta sa maging sa mode na kung saan mayroon sila upang pumunta tugon kahilingan mula sa isang server
upang makuha ang susunod na pahina ng kanilang nilalaman.
Kaya na sinabi, may ilang mga menor de edad pagkakaiba sa API. Ang mga ito ay hindi mapaniniwalaan o kapani-paniwala menor de edad.
Ang mga ito ay malamang na hindi hit mo sa iyong normal na coding, ngunit ang mga ito ay hindi bababa sa dokumentado.
Ang mga ito ay uri ng dulo kaso doon.
>> Ang iba pang mga bagay na nagkakahalaga ng pagturo out ang mga pagkakaiba tiwala.
Banggitin ko lang ito dahil gusto ko lang upang tiyakin na sinabi ko ito
kaya kung nagpapatakbo ka sa ito sa ibang pagkakataon, makikita mo sa tingin, "sabi ni Chris ng isang bagay tungkol sa ito,
"Kaya siguro, oo, okay na," at pagkatapos mo bumalik at mong malaman kung ano ito ay.
Konteksto mahalaga.
Sa pamamagitan ng default na subukan namin upang protektahan ang user mula sa vectors ng atake.
May ilang mga bagay na maaari mong gawin sa pamamagitan ng default
at ilang mga bagay na kailangan mong baguhin ang konteksto upang paganahin.
Bilang gumagamit ka ng ilang mga aklatan out doon - you've nai-nagtatrabaho sa jQuery,
ngunit kung tiningnan mo para sa iba pang mga aklatan out doon - maaari kang gumamit ng ilang mga pag-andar
na uri ng napupunta lampas lokal na paggamit, ang higit pang mga dynamic na mga pakikipag-ugnayan
Mga kahilingan XHR, mga bagay tulad na.
Minsan maaari mong makita doon ay hindi pinagana bilang default,
at sa kasong iyon, gawin lamang ng paghahanap, maghanap ng mga lokal at web konteksto,
at makikita mo malaman kung paano ayusin iyon.
Siguraduhin lamang na alam mo ang tungkol na bilang simulan mo ang paggamit ng iba pang mga Framework,
kung saan, ang dapat kong banggitin, ikaw ay perpektong magagawa.
Kaya kung nakita mo ang ilang iba pang mga balangkas - we'll talk tungkol dito sa isang segundo -
para sa paglalaro at nais mong gamitin iyon, nais mong gamitin ang ilang mga kontrol library na Nariyan lang
at hindi mo nais na magsulat ng mga bagay-bagay na iyong sarili - ito ay isang magandang ideya, i-right? -
maaari mong ganap na magamit ang mga bagay-bagay na ito.
Wala na may hawak na bumalik ka mula sa paggamit ng anumang uri ng library na batay sa JavaScript ang,
CSS, HTML5.
Muli, kung ito ay isang bagay na maaari mong gawin sa IE10, na isang ano ba ng maraming mga araw na ito,
maaari mong gawin ito.
Hilahin ito sa iyong app, reference na JavaScript library, at gamitin ito sa iyong application,
lamang isinasaisip ang maaari mong pindutin ang isang konteksto ng seguridad nang isang beses sa isang habang - hindi masyadong madalas.
>> At pagkatapos ay ang mga tampok, ipagpapatuloy namin ang ilang mga higit pa sa mga bilang pumunta namin.
Ang UX makikita mo uri ng masanay tulad ng nakikita mo nang higit pa at higit pang mga application
mula sa Windows Store.
Makakakuha ka ng isang pakiramdam para sa kung paano gumagana ang mga ito at kung paano ay may gawi ang disenyo Aesthetic upang gumana
sa iba't ibang mga application at kung ano ang mga tao ay magagamit upang nararanasan.
Iyon lang talaga ang mahalagang bahagi.
Siguraduhin na kapag sunog sila up ang iyong app hindi nila kailangang i-read ng manu-manong,
na hindi kailanman nilang gawin, sa pamamagitan ng ang paraan.
Dapat nilang magagawa upang simulan ang pag-play kasama ang iyong application lamang
at pag-uunawa ng ito nang walang gaanong kahirapan.
Sa pamamagitan ng nananatili at adhering sa isang maraming mga kasanayan,
ka pagpunta sa gawin ang iyong mga gumagamit ng malaking pabor, na ginagawang mas madali na.
>> Okay. Isang huling bagay sa gilid ng API at pagkatapos ay gagamitin namin makapunta sa aktwal na pagsusulat ng code.
WinJS ay na bagay napaka daglian ko nabanggit sa na kumplikadong mga slide
sa lahat ng mga iba't ibang mga pagpipilian na mayroon ka para sa paggawa ng mga application.
WinJS, maaari mong isipin na ito bilang isang kaibigan.
Ito ay ang iyong kaibigan upang makatulong na sinulat mo sa mga bagay-bagay nang mas mabilis.
Ito ay lamang ng JavaScript at CSS. Hindi mo kailangang gamitin ito. Maaari mong gamitin ito.
Kung gumagamit ka ng pagpunta sa ma-pagtawag in sa mga tampok ng Windows, ikaw ay maging bahagi ang paggamit nito,
ngunit kung mayroong mga bagay tulad ng ilang mga pattern ng disenyo o mga kontrol na talagang hindi mo nais na gumamit,
nais mong gamitin ang ibang bagay, ito ay nakasalalay sa iyo.
Magpasya kung ano ang nais mong gamitin at ang mga istilo na nais mong gamitin.
Ang mga tampok mula sa namespacing at klase henerasyon - hanggang sa iyo.
Kung mas gusto mo ang isa o ang iba pang, ito ay ganap na iyong pinili. Ito ay JavaScript at CSS pa rin.
Ngunit ito ay pagpunta upang matulungan kang magawa ng maraming mga bagay-bagay.
Halimbawa, narito ang isang subset ng kung ano ang maaari itong gawin,
mga bagay tulad ng pagtulong sa asynchronous programming na may mga pangako.
Anumang ng ka narinig ng o nagtrabaho sa Node.js?
Ito ay isang karaniwang pattern upang gumana sa asynchronous programming.
Kaya talaga kung ano ang sinasabi sa iyo ay, "Pumunta gawin ang isang bagay,
"At tapos ka ng pagpunta sa ninyo ako ng pangako na kailangan mong bumalik sa akin kapag tapos ka na."
Iyan ay mahalagang kung ano ang nangyayari sa.
Kaya hindi mo mag-freeze up ang iyong application na ito habang ang user ay pagpunta at pagpili ng isang file
o isang bagay na ini-stream down mula sa Web.
UI Ang nananatiling tumutugon.
At maaari mong gawin iyon sa pamamagitan ng paggamit asynchronous programming.
Ito tunog ridiculously mahirap unawain, ngunit ito ay talagang madali dahil gumagamit ka ng mga pangako
at sasabihin mo lang, "Pumunta gawin ito at kapag tapos ka na, tawagan ang pabalik sa ang paraan na ito."
Iyan ay medyo magkano ito. Iyon lang ang naka-built in sa WinJS.
Ito ay pagpunta sa gawin itong mas madaling i-isulat talagang may kakayahang umangkop at malalakas na mga application.
>> Maaari mong makita ang mga natitira dito, ng maraming mga animation.
Marahil ang isa sa mga mas mahalagang mga bagay sa slide na ito ay ang mga kontrol.
Sa tingin ko Mayroon akong isang buo - oo, gagawin ko.
Narito ang isang halimbawa ng ilan lang sa ang mga kontrol na maaari mong gamitin sa iyong mga application.
Ito ay lahat dumaretso mula WinJS.
Hindi mo isinusulat ang mga sarili ninyo,
sabihin mo lang, "Narito kung paano Gusto kong gumawa ng sulat ang aking application."
"Makikita ko bang gamitin ang isang view pumitik kaya ang maaari kong pumunta sa pagitan ng iba't ibang mga larawan."
Hindi ko pa ipinapakita sa iyo semantiko-zoom. Kukunin ko ipakita sa iyo na sa isang segundo.
ListViews. Mayroong GridViews.
Na iyong nakita kang isang grid bilang bahagi ng application tindahan,
kaya kawalan ng kakayahang gamitin ang mga bloke ng nilalaman at pag-scroll sa kabuuan na iyon.
Flyout mga menu makikita mo sa pana-panahon.
Ang app bar Nagpakita ako sa iyo ng na Fresh Paint application pati na rin,
kaya nakita mo kung paano mo maaaring i-customize na sa pamamagitan ng paglalagay ng mga pindutan sa ito
at pagkakaroon na itago ang layo kapag hindi mo pakialam gamitin iyon.
Iyan ay talagang lubos na nakasalalay sa iyo upang gamitin.
Ito ang lahat mga kontrol na bahagi ng WinJS.
Kukunin ko maipakita sa iyo kung paano gumawa ng mga ito sa isang segundo lang, ngunit mayroong higit sa lamang ito,
at ang mga key bagay ay gamitin ang mga ito kung gusto mo, i-save ng ilang oras.
>> Kung mayroon kang iba pang mga kontrol library na nais mong gamitin, na perpektong fine masyadong.
Mga bagay tulad ng jQuery UI gawin ng maraming ganitong uri ng ideya pati na rin,
pagbibigay ng higit pang mga kontrol na pahabain kung ano ang maaari mong gawin sa HTML at JavaScript.
Ni sumisid in na nai-sinabi ko na Hayaan. Gamitin ang kung ano ang gusto mo.
Tandaan lamang na maaari kang makatagpo ng ilang mga isyu sa konteksto.
Ngunit maaari mong tiyak ihalo at tumugma sa kahit anong uri ng mga aklatan kung saan ka komportable,
gusto mong malaman, gusto mong gamitin, i-save ang iyong sarili ng ilang oras.
>> Usapan natin ang tungkol sa mga tool para lamang sa isang segundo Hayaan.
Maaari kang makakuha ng kung ano ang kailangan mo upang simulan ang nagtatrabaho sa mga app Store Windows.
Kung pumunta ako pabalik out, mayroon akong masyadong maraming mga bagay-bagay dito.
Kung pupunta ka sa pahinang ito, na kung saan ay dev.windows.com,
Maaari mong i-download ang lahat ng kailangan mo.
Bilang mga mag-aaral, mayroon kang access sa higit sa pangkalahatang publiko ang ginagawa,
sa gayon ay maaari kang makakuha ng mas mataas na dulo na mga bersyon ng Visual Studio.
Edwin nabanggit ay maaaring mayroon ka nang makakuha ng Windows pati na rin.
Ngunit sa pangkalahatan, para sa lahat ng mga nag-develop, ikaw ay maaaring pumunta sa site na ito
at i-download ang lahat ng kailangan mong gumawa ng isang application, at lahat ng ito ay libre.
Kaya doon ay isang libreng bersyon ng Visual Studio,
mayroong ilang mga tool na i-install sa tabi ng na -
lahat ng kailangan mo upang lumikha at subukan ang iyong application.
Ito ay lamang kapag naka-pagpunta sa publish ang iyong application up sa tindahan
na kayo ay pagpunta sa kailangan ng isang developer account.
Ito masyadong naniniwala ako ay libre. Libre para sa pati na rin mga mag-aaral ba ito? >> [Guarin] Aling isa?
Ang nag-develop account, ang aktwal na pagsusumite. >> [Guarin] Oo.
Iyon lang ang nalalaman mabuting balita.
Pupunta ka tumingin sa ito.
Ito sabihin para sa isang indibidwal sa pamamagitan ng default na ito ay $ 49.
Ngunit huwag mag-sign up para sa na bilang isang mag-aaral.
Susubukan naming kumuha ka ng ilang mga impormasyon sa pamamagitan ng iyong programa na maaari kang makakuha ng isang account para sa libre,
at na hahayaan pagkatapos ay isumite mo ang iyong mga application sa up sa tindahan,
ng marami ayon sa gusto mo, at lahat ng na kabutihan ay malapit sundin.
Kaya na dev.windows.com.
Maaari mong i-download ang mga tool na maaaring kailangan mo mula dito.
At kung gusto mo, maaari kang makakuha ng trial na bersyon ng Windows dito,
ngunit muli, hindi mo na kailangan na.
>> Ang iba pang mga site - hayaan mo akong ituro ang isang ito para sa iyo nang mabilis - ay design.windows.com.
Iyon ay dev.windows.com.
Design.windows.com, maaari mong hulaan kung ano ito ay para sa.
Ito ay tunay na isang site na medyo friendly. Maraming ng magandang impormasyon dito.
Maaari mong gumana sa pamamagitan nito.
Ito ay pagpunta sa magbibigay sa iyo ng ilang mga payo sa ilang mga bagay
na marahil hindi mo pa naisip tungkol sa bago o nagkaroon haharapin ang mga bago,
tulad ng pagdidisenyo para sa touch, pagdidisenyo para sa iba't ibang mga form na mga kadahilanan,
pagdidisenyo para sa mga kakayahan ng Windows 8, ang mga bagay na nabanggit ko bago
tulad ng paghahanap at pagbabahagi, ang ilang mga bagay na hindi pa ako usapan tungkol sa.
Lahat ng mga ito ay nakalista dito, at ito ay isang magandang magandang hanay ng mga kapaki-pakinabang na mga pahina ng file
na makakatulong sa iyong maunawaan kung paano gumawa ng isang tiyak na uri ng application,
kung paano gawin pakikipag-ugnayan, kung paano haharapin ang mga UI at UX ng iyong application.
Gusto ko inirerekomenda na kumuha kayo ng isang pagtingin sa ito, lalo na kung ikaw ay sa isang punto
umaasa na mag-publish ng isang application sa tindahan.
Ikaw ay pagpunta sa nais na malaman kung paano gumawa ng isang mahusay na application
dahil nabanggit ko bago kung wala ka, mayroong muli mga review.
Ang mga tao ay pagpunta sa maging malungkot.
Hindi nila magagawang upang mahanap ang mga bagay na inaasahan nila sa kanan lugar.
Nais Walang isa na mangyayari sa iyo.
>> Ang paglipat ng maaga dito, hayaan mo akong isara na pababa.
Ngayon na alam mo kung saan upang makakuha ng mga bagay, ipapakita ko sa iyo kung paano aktwal na simulan ang paggamit ng mga bagay-bagay.
Upang magsimula, talagang ipapakita ko sa iyo dito ang isang halimbawa ng desktop apps sa aking Start screen.
Dito maaari mong makita ang Visual Studio, maaari mong makita Blend at iba pang mga tool ng nag-develop na mayroon akong.
Ang mga ito ay isang bahagyang kakaibang tile.
Iyon ay dahil ang mga ito ay desktop apps,
at sa mga kasong iyon ang lahat ng mga ito ay pagpunta sa ilunsad pabalik sa aking desktop
talaga tulad ng apps na nakasanayan mo na.
Kaya karanasan sa Windows, ito ay ang parehong bagay.
Ang mga ito ay hindi, halimbawa, tulad ng Sandatahang! o mga bagay na ito. Hayaan akong ilunsad ang isang mabilis.
Talaga, narito ang isang kawili-wiling isa.
Ito ay binuo ng mga mag-aaral na nagtatrabaho sa pakikipagsosyo sa nerd.
Buong screen application, mga ganitong uri ng mga karanasan dito.
Oh, magaling hiwa screen at lahat ng uri ng nakakatuwang bagay-bagay.
Binuo nila ito. Maaari naming pati na rin ipakita ang buong bagay habang kami ay sa ito.
Sa katunayan, nagtrabaho ako sa kanila sa ilang sandali, ibinigay sa kanila ng ilang mga payo sa mga bagay
dahil sila ay ang paggawa ng JavaScript para sa kanilang application.
Mangyaring, hindi ako pagkuha ng credit para sa kanilang mga gawa; ginawa nila ang lahat ng mga trabaho.
Ko lang ang ibinigay sa kanila ng kaunting payo dito at doon,
ngunit sila ay ginawa ng ilang mga mahusay na mga bagay-bagay sa pamamagitan ng paggamit ng JavaScript front end
at tinali sa ilang mga physics engine at mga bagay upang gumawa ng maraming trabaho ito.
Pumunta. Ni makita kung na gumagana Hayaan.
Wow, ito pa rin nagtrabaho. Ang lahat ng mga karapatan, mabuti. Ngunit makuha mo ang mga ideya.
Ang isang buong screen app, isang talagang mahusay na karanasan.
Ito ay ang pagsuporta hindi lamang ang aking mouse at panulat kung mayroon akong mga bagay na tulad na ngunit din hawakan.
Kung nagkaroon ako ng touch screen, kaya kong iguhit lamang papunta ito at magpatuloy sa paggawa na may mga iyon.
>> Ang isang bagay na hindi ko ipakita, at ang dahilan kung bakit ako nagdadala ito up
ay Nais kong magkaroon ng isa pang app upang ipakita sa iyo kung ano ang maaari mong gawin,
Maaari mong aktwal na tumagal ng mga application sa Windows at i-drag ang mga ito sa gilid ng screen.
Ito ay tinatawag na snap ang isang application.
Sa kasong ito, kinuha ko ang Inkarus at idinagdag ko na ito sa gilid dito.
Ito ay ngayon sa Naku view, at na nagbibigay-daan sa akin upang gawin ang isang bagay iba habang application na ay doon.
Karamihan sa mga laro makikita mo ang ay lamang i-pause lang.
Iyon ay normal isang disenteng na gawin maliban kung ang iyong laro ay maaaring sa paanuman magbawas
sa maliit na ng isang resolution, tulad marahil ng ilang mga uri ng board game
o mga bagay na tulad na paminsan-minsan.
Ngunit sa pangkalahatan, ang pinakamadaling bagay na gawin at ang pinaka-angkop na gawin para sa mga laro
ay upang i-pause ang application.
Para sa mga application tulad ng apps ng balita, kung ko ilunsad ang aking ito ng isa at pagkatapos ay i-snap ko ito,
makikita mo ito aktwal na nagbabago nang malaki sa kung paano ito nagtatanghal ang data sa iyo.
Narito ito nagpapakita sa iyo sa talagang isang mas vertical pan na impormasyon,
ngunit ako ay maaari pa ring ganap na magamit ang application.
Kaya pa rin ito napaka kapaki-pakinabang.
Ang katotohanan na ito ay nasa isang mas maliit na pagtingin ay hindi panatilihin sa akin mula sa paggamit ng app na iyon. Kaya isipin ang tungkol na.
Ito ay isang bagay na kailangan mong magkaroon ng iyong mga app gawin sa ilang mga degree na,
ngunit ito ay nakasalalay sa iyo upang matukoy kung paano nagagamit ang dapat na maging apps
sa ganoong uri ng isang mas maliit na kapaligiran.
Hayaan akong isara ang isa na down at bumalik sa kung saan namin dito.
>> Edwin, idinagdag mo ang isang larawan ng akin na? >> [Guarin] Oo. >> [Bowen] Tumingin sa na.
Tingnan ang mga iyon? Idinagdag Edwin isang larawan. [Laughs]
>> Sabihin bumalik sa paglipas dito sa Visual Studio. Hayaan akong ilunsad ito para sa iyo.
Kaya kong nag-click sa mga tile sa Start na screen.
Ito dinala ako pabalik sa mode Desktop, at ito ay ilunsad ang desktop app ng Visual Studio.
Ito ang Windows na alam mo na.
Maaari kong magpatuloy at lumikha ng isang proyekto dito.
Susubukan naming tumutok muli sa JavaScript, HTML.
Pupunta ako upang pumunta out at pumili ng hanggang dito sa ilalim ng JavaScript, Tindahan ng Windows.
Mayroong isang bilang ng mga template na maaari mong gamitin.
Para sa pagiging produktibo, Gusto ko inirerekumenda magdadala sa iyo ng isang pagtingin sa ilan sa mga iba pang mga bago dito
tulad ng Grid at ang Split.
Ang mga ito ay talagang kapaki-pakinabang kung nagsasagawa ka ng isang application
na pupuntahan mayroon na uri ng disenyo at navigation. Makakakita ka ng mga marami.
Ang isa lamang nagpakita ko sa inyo noon ay talagang isang instance ang Grid application.
Kaya kung sa tingin mo na iyong pagpunta sa ginagawang isang app balita o isang RSS reader
o ang isang bagay tulad na na deal na may maramihang mga entry para sa kung saan mo nais na ipakita ang detalye,
isipin ang tungkol gamit ang isa sa mga template na ito upang makapagsimula nang mabilis
at pag-customize mula doon.
Ngunit kaya lang ang maaari kong ipakita sa iyo ang lahat ng mga paglipat ng mga bahagi dito
Pupunta ako upang likhain ang mga blangko app, at pagkatapos ay gagamitin namin pumunta Medyo mas malalim sa mga detalye.
Ako sa paggawa ng lamang na blangko ang application dito.
Ito ay pagpunta upang lumikha ng buong proyekto para sa akin.
Kukunin ko buksan ang mga bagay na gusto kong ipakita sa iyo sa pamamagitan ng default.
Hayaan ang mga mag-zoom lamang sa akin sa ilang sandali upang ipakita sa iyo kung ano ang nilikha para sa amin dito.
Ang mga bagay na kayo ay pagpunta upang tumingin sa unang ay ang lahat na may pangalang default.
Kaya ka pagpunta upang tumingin para sa default.html, default.js, at default.css.
Ang iba pang mga bagay upang ituro ay na kami ay mayroon ng isang reference sa kung ano ang aking nabanggit bago.
Ito ay WinJS. Walang isa na aktwal na tawag ito sa ganitong mahaba ang pangalan dito.
Ito ay WinJS, ang Windows Library para sa JavaScript.
Kung buksan up mo ito, maaari mong makita ang lahat ng ito sa dito.
Mayroong iba't ibang mga CSS file, mayroong JavaScript.
Ito ay doon upang makatulong out ka.
Ito ay talagang doon upang magbigay ng mga kontrol at mga istilo at bagay-bagay na maaari mo lamang gamitin ang awtomatikong.
Ngunit muli, kung mayroong mga bagay na gusto mong gamitin sa halip sa mga tuntunin ng estilo at iba pang mga kontrol,
ito ay ganap na nakasalalay sa iyo. Ipapakita ko sa iyo kung paano gumamit ng isang pares ng mga bagay sa ngayon.
>> Bumalik sa ibabaw papunta sa aming kaliwang gilid, hayaan mo akong ipakita sa iyo ang pahina ng default na HTML.
Na iyong nakita mo ang WinJS bagay-bagay, at iyon talaga ang lahat na nangyayari sa doon
may mga gitnang linya ng markup, lamang nagdadala sa CSS sa pamamagitan ng default
at nagdadala sa loob ng ilang mga file ng JavaScript mula sa WinJS.
Hindi mo na kailangan na maging dalubhasa sa kung ano ang nangyayari sa loob mga file na iyon.
Ito ay kaakit-akit na interesante sa mga tumingin sa kanila na uri ng suriin kung ano ang nangyayari sa doon
dahil mayroong medyo kawili-wiling mga intermediate at advanced na mga diskarte nagaganap sa doon,
ngunit ang gandang bagay ay bilang developer, maaari mo lamang samantalahin ang mga ito, gamitin na lamang ang mga ito
at hindi talaga kailangang mag-alala tungkol dito.
Maaari mo pa ring magmaneho ng kotse nang hindi na kinakailangang malaman kung paano ito gumagana, tama?
Kaya iyon ang uri ng bagay na nangyayari sa dito.
Mayroong mga kontrol at mga istilo at bagay-bagay na maaari mong pumunta lamang magpatuloy at paggamit
at code na maaari mong gamitin sa isang segundo nang hindi na kinakailangang malaman kung ano ang sa doon.
Narito ang iyong sariling mga file.
Ito ang iyong mga lugar na maaari mong baguhin ang iyong sariling CSS
at ang iyong sariling JavaScript upang makakuha ng mga bagay ilunsad.
Ikaw ay pagdaragdag ng tiyak na iba pang mga file ng JavaScript at marahil iba pang mga file na CSS
bilang iyong proyekto ay lumalaki, ngunit ito ay talagang lamang ng isang panimulang punto.
Narito ang Hello, mundo katumbas ng HTML, kaya hindi namin pabalik sa tag katawan.
Sa tuktok, sa pamamagitan ng ang paraan, ito ay ang doctype HTML5,
kaya makikita mo makilala na mula sa kung ano ang iyong na-nagtatrabaho sa.
Mayroong buong IntelliSense in dito pati na rin, kaya kung gagawin mo mga bagay tulad ng uri sa isang tag ng video
at palawakin ang na out, na marahil ay natutunan mo ang tungkol sa katotohanan
na kailangan mong gawin fallback pag-encode para sa mga tag ng video sa HTML5 - o marahil mayroon kang -
upang matiyak na ang iba't ibang mga browser ay may suporta para sa iyong video.
Mayroon kaming mga bagay na tulad nito sa buong HTML, sa kabila ng JavaScript, sa kabila ng CSS.
Na built in, at makikita ko mapapakita ang CSS ka sa isang segundo.
Dito maaari mong sige at simulan ang pagbabago ng code, ang markup.
Sa katunayan, bago ako magbago ng kahit ano, pupuntahan ko patakbuhin ito at ipakita sa iyo kung ano ang iyong makukuha.
Ikaw ay pagpunta upang makakuha ng isang splash screen kung saan maaari mong i-customize
at pagkatapos ay makuha mo ang Hello, mundo karanasan dito. Ito ay hindi kapani-paniwala, tama?
Sige at barko na, i-right?
Nilalaman mapupunta dito. Iyan ang mga pangunahing bagay.
Maaari lamang itong makakuha ng mas mahusay na mula doon.
Susubukan naming sige at idagdag sa ilang mga bagay-bagay.
Nakakuha ako ng isang maliit na bit ng markup Pupunta ako sa kopyahin in dito
kaya lang hindi mo na kailangang manood ako mag-type.
Hayaan akong pumunta ilabas ang toolbox dito, at magpapadala ako sa pin na ito dahil kukunin ko na ginagawa ito nang ilang beses.
Toolbox, kung hindi mo pa nakikita Visual Studio, ay kung saan ka ng pagpunta sa maghanap ng grupo ng mga kontrol.
Maaari mo ring ilagay ang mga snippet ng code sa ito na maaari mong muling gamitin.
Narito kukunin ko na lang pop sa ilang iba pang mga HTML, walang katakut-takot advance sa lahat dito.
Ito ay lamang ang pangunahing HTML sinasabi Mayroon akong isang input kung saan ang maaari kong i-type,
Mayroon akong isang pindutan kung saan maaari ko ba itong isumite, at pagkatapos ay mayroon akong isang div na mahalagang isang placeholder
na maaari kong gamitin upang output ang "Hello, i-type mo ito."
Ito ay ang intro sa HTML halimbawa.
Kung nagpapatakbo ko ito, awtomatiko naming makuha ang HTML, ngunit awtomatikong rin kami makakuha ng estilo.
Ito ay isa sa mga mahahalagang bagay mula sa WinJS.
Ito ay pagpunta sa magbibigay sa iyo sa pamamagitan ng default ilang mga hitsura at pakiramdam na pare-pareho talaga
sa natitirang bahagi ng kung ano ang ginagawa ng Windows 8.
Narito makita mo ang mga bagay tulad ng pindutan.
Ang pindutan na sa pamamagitan ng default sa mga HTML ay hindi mukhang iyon, ngunit ginagawa nito dito
dahil nakakakuha ito ng na CSS mula mismo sa na CSS file sa WinJS.
Kung nais mong gamitin ang ibang bagay, kung gusto mong baguhin iyon, lahat-lahat fine,
sige at gawin kung ano ang gusto mo. Ngunit iyon ang default.
Ito ay pagpunta sa maging mas pamilyar sa mga gumagamit.
At siyempre ito ay hindi gumawa ng anumang bagay dahil ako ay hindi aktwal na wire up ang anumang uri ng code
na tumugon sa mga iyon. Iyon ay lamang ang HTML.
Kaya ko maaaring mapupuksa na, at kami ay bumalik sa aming application.
>> Hayaan akong lumipat sa aming default.js.
Mukhang ito medyo kumplikado, ngunit lamang ito ang ginagawa ang ilang mga bagay para sa iyo.
Ito ay boilerplate. Ito ay pagpunta sa maging ang parehong sa lahat ng iyong mga proyekto.
Ang tanging bagay na ito ay ginagawa lamang ang uri ng nagtatanong, "Paano ako nakakuha dito?"
at sinasabi, "Sigurado ka sa paglunsad ng app na ito sa unang pagkakataon?"
"Sigurado ka pagpapatuloy ng ang app mula sa pagkakaroon ito na masuspinde?"
Ang isang pares ng mga bagay tulad na.
Talagang, ang aming pagtuon sa ang file na ito dito ay karapatan tungkol dito.
Sa puntong ito, ang isang ito linya ng code ay medyo mahalaga.
Talaga Ito ay pagpunta sa pumunta at tingnan ng masinsinan ang lahat ng iyong mga markup,
at ito ay pagpunta sa mahanap ang mga bagay na hiniling mo sa pinatay sa mga kontrol,
mas malalim na mga kontrol tulad ng isang rating ng kontrol, tulad ng isang view ng grid, tulad ng flyout
at sa mga iba pang mga bagay na ipinakita mo ako sa na slide bago.
Hindi ito mga native na mga kontrol ng HTML.
Ikaw lamang huwag sabihin flyout bilang isang elemento at mayroon itong alam kung ano ang gagawin.
Ano talaga naming gawin ay ang parehong bagay na mangyayari sa iba pang mga uri ng mga kontrol Framework.
ang jQuery UI ang parehong uri ng pangkalahatang diskarte.
Gamitin mo markings sa iyong HTML, at pagkatapos ng ilang JavaScript ay sa pamamagitan ng ibang pagkakataon at sabi,
"Oh, alam ko kung ano na. Iyon ay humihingi ng ito na naging mga bagay-bagay na ito,"
na kung saan ay iba pang higit pa nagpapahayag ng HTML upang gumawa ng tulad ng isang control rating,
na kung saan ay kung ano ang makikita ko ipakita sa iyo ngayon.
Ang linya ng code ay isang pangako na sinasabi, "Kapag ang pangako ay natupad,
"Lahat ng bagay na hiniling mo para sa ay pagkatapos ay nagawa na."
At na ito. Tila isang maliit na mahirap unawain, ngunit ito ay talaga ang parehong sa bawat proyekto.
Down dito ay kung saan maaari kang magsimulang magdagdag sa kung anumang iba gusto mong magkaroon mangyari,
kaya ipapakita namin bumalik sa na sa isang segundo.
>> Una sa lahat, kailangan ko ng kaunting code na makakatugon sa ang katunayan
na may isang taong nag-click sa pindutan.
Pupunta ako sa sige at ilagay na sa pababa dito.
Muli, hindi ako pagpunta sa gawin ang anumang pag-type sa harap ng sa iyo dito.
Sinasabi lang Napakaluwag pangunahing JavaScript kapag ito ay tinatawag na
kami ay pagpunta sa ipagkakaloob ng ilang detalye tungkol sa kung paano namin nakuha dito
at pagkatapos kami ay pagpunta sa gawin ang ilang mga pangunahing bagay.
Pumunta mahanap ang bagay sa aking pahina ng HTML na ay pinangalanan nameInput,
grab ito, kumuha nito halaga, sampal "Hello" sa unahan nito, at manatili na nagreresulta string
sa na div tag na namin ay may bago na talagang ay walang anumang bagay bago.
Ngayon kami ay pagpunta upang mahanap na tag at gumawa ng katumbas na string nilalaman panloob nito.
Napaka-simpleng JavaScript.
Sana ka pagkilala na mayroong talagang walang hindi karaniwang nangyayari sa dito.
Ito ay lamang dumaretso HTML at JS dito.
Kung nagpapatakbo ko ito ngayon, ito ay hindi pa rin pagpunta sa gawin ang anumang trabaho dahil hindi ko pa wired up ito
upang makatanggap ng mga kaganapan.
Upang gawin iyon, magagawa kong gawin iyon dito mismo, muli pagbalik sa aking toolbox,
popping ito sa dito.
Inaasahan ko na iyong nakita ang lahat ng ito uri ng mga bagay-bagay bago, kaya ako ay hindi over-ipaliwanag ito.
Ngayon kami ay pagpunta sa pumunta makuha ang helloButton.
Kami ay pagpunta sa sabihin, "Button, binabati kita."
"Narito ang isang kaganapan na sa iyo ngayon ay tumutugon sa."
"Kapag may nag-click sa iyo, tumawag ito function, ang buttonClickHandler."
At iyan ay na-andar idinagdag lang namin karapatan down sa ibaba doon. Iyan na ang lahat.
Kaya ngayon Nakakuha kami ng isang amazingly nagagamit na application.
Sa tingin ko ka makakakita ay talagang impressed sa pamamagitan ng ito.
Chris. Maghintay para dito. Wow. Okay. Iyan ay kahanga-hangang. [Laughs]
Ngunit mayroon pa. Huwag pa ito bilhin. Maghintay.
>> Hayaan akong ipakita sa iyo ng kaunti bit higit pa dito at makakuha ng out sa buong screen.
Kami ay pagpunta sa walk bago kami tumakbo.
Hayaan akong pumunta sa at aktwal na ipakita sa iyo ang ilang sandali na may CSS.
Lamang sa pamamagitan ng default, kung titingnan mo kami sa pahina dito,
kailanman namin na nakuha sa mga bagay na ito mula sa WinJS at nakuha namin ang ui-madilim,
sa katunayan, maaari mong baguhin ito sa default para sa paggamit ng liwanag application.
ui-madilim na ay mabuti para sa graphic na mga application tulad ng paggamit ng maraming mga larawan,
ka sa pagpapakita ng maraming visual na nilalaman.
Kung gumagamit ka na nagpapakita ng maraming tekstuwal nilalaman, ang ui-ilaw ay karaniwang isang mahusay na pagpili.
Hindi mo na kailangang pumili nito, ngunit lumipat ako dito
at ngayon nakikita mo ang parehong markup, parehong ang lahat ng bagay,
lamang gumagamit ito talaga isang inverted scheme dito
kung saan lahat ng bagay ay ginagawa itong itim na teksto sa puti.
Iyon lang ang mahusay at magandang.
Hayaan akong lumayas dito, at ng aktwal na gawin ang isang maliit na bit higit pa gamit ang CSS ipaalam.
Makikita ko bang ilagay ito pabalik sa madilim dahil sa tingin ko marahil ito ay mas madaling makita sa screen
kapag sisimulan ko ang ginagawa ang mga bagay.
Pupunta ako upang palitan ang katawan nang isa pang beses.
Makikita pumunta ako dito. Hayaan akong nuke ito.
Ng dalhin sa katawan na may mga klase Hayaan.
Naniniwala akong nagawa mo na ang mga pangunahing tagapili may CSS at mga bagay tulad na nagagawa,
kaya marahil mo alam kung ano ang nangyayari sa dito.
Nagtatalaga lamang ng ilang mga klase sa aming mga header, at kami ay lumilikha ng isang bagong div
upang balutin ang mga natitira na mga bagay-bagay na maaari naming na ngayong gamitin upang Estilo ang lahat ng sama-sama.
Kaya kung ano ang maaari kong gawin ngayon ay pumunta sa aming mga default na CSS.
Nakarating na tumingin sa mga query sa media pa? Nakarating na usapan sa iyo ang tungkol na sa lahat?
Mga query Media ay bahagi ng ito lumilitaw trend -
o ito ay isang itinatag trend ngayon talagang sa Web -
para tumutugon disenyo o agpang,
at ang ideya ay na maaari talagang ayusin ang iyong mga application sa kanilang sarili nang naaangkop
batay sa kung ano ang maaaring magawa ang aparato na ito ay naka-ipinapakita sa.
Kaya't kung ikaw ay nasa isang mobile device, nang walang alinlangan ka hindi pagpunta sa magkaroon ng real estate bilang magkano ang screen
bilang ikaw sa isang malaking 30-inch monitor upo sa isang desktop, isang malaking PC tulad na.
Kaya ang lumang kasagutan sa na ay magiging upang magkaroon ng 5, 6 iba't ibang mga bersyon ng parehong pahina
at gusto mong buksan up ang bersyon na nakaabang para sa na ang ilang mga screen laki.
Hindi mahusay. Ito ay napaka, napaka-paulit-ulit at mayroong isang tonelada ng pagpapanatili upang gawin iyon.
Ngayon kami ay may isang bagay na tinatawag na mga query sa media CSS,
at maaari naming gamitin ito upang awtomatikong makita kapag mayroong ilang mga laki
o ilang mga paggamit ng iyong nilalaman na gumanap.
Kaya maaari mong tumugon sa mga iyon at maaari mong sabihin, "Okay, sa kasong ito
"Marahil ay hindi kahit na kailangan sa akin upang sabihin sa iyo kung ano ang nangyayari sa dito."
Ito ay nagsasabi lamang kung ang application na ito ay NASA, tulad ng ipinakita ko sa inyo bago -
daklot ito at paglalagay ito sa gilid ng screen -
pagkatapos ay gawin ang mga sumusunod na estilo ipaalam.
Pag-istilo ay hindi tungkol sa lamang ang mga kulay at mga bagay-bagay tulad na.
Ito ay tungkol din sa pagpapalaki at mga margin at paddings at orientations ng nilalaman
o kahit hindi pagpapagana o pagpapagana ng buong bahagi ng iyong pahina
at, sa kasong ito, ang iyong app o ang iyong laro pati na rin.
Kaya dito maaari mong gawin na simple hangga't gusto mo.
Ito ay hindi magiging kapaki-pakinabang sa iyong mga app, ngunit ito ay oras na demo,
kaya pupuntahan ko sige at idagdag lamang sa mga pangunahing katawan tagapili at sinasabi,
"Ng sige at gawin background-kulay at ipaalam pumili ng isang bagay Kapag ako ng NASA, sabihin."
Mayroon kang IntelliSense dito. Ito ay talagang talagang cool.
Sa 2012 nagdagdag kami ng maraming mga bagay para sa CSS support at JavaScript at HTML.
Na siyempre Nakakuha ka drop-down IntelliSense masyadong, ngunit hindi iyon ang mga cool na bagay.
Ang mga cool na bagay ay na kailangan visual tagapili pati na rin para sa maraming mga bagay.
Kaya maaari mong pumunta sa pamamagitan at pumili lamang ng isang kulay,
o maaari kang pumunta out at maging kahit na mas tiyak at maaari mong piliin -
ito ay magiging kahila-hilakbot. Kukunin ko talagang pumili ng isang disenteng kulay dito.
Panoorin ang markup masyadong, sa pamamagitan ng ang paraan. Iyon ay ang iyong karaniwang format ng RGB doon.
Ngunit kung lumipat ako ang opacity, ito ay pagpunta sa lumipat sa isang tagapili ng alpha channel dito.
Kaya maaari mong makita na, ang kulay na may mahalagang porsiyento transparency na mayroon ka para sa na
lahat ng lutong karapatan sa doon.
Pupunta ako sa panatilihin ito ng 100% at pagkatapos ay kapag ako tapos may na, ang lahat ay mahusay at magandang.
Ngayon kung nagpatakbo ako ng mga app at lubos naming ang app at snap namin ito,
na kulay ng background ay awtomatikong inaayos
dahil lamang mayroon kaming ilang mga CSS na nagsasabing, "Pumunta gawin iyon."
Maaari ka ring sumulat masyadong JavaScript iyon ay gawin ang parehong bagay
o na maaari mong gamitin upang aktwal na i-pause ang isang laro, gumawa ng mga bagay tulad na.
Iyon ay marahil kapag gusto mong gamitin ang JavaScript.
Gusto mong i-off ang laro loop sa puntong iyon.
Kakailanganin mong ilang JavaScript dahil na hindi magiging isang bagay na gusto mong CSS para sa.
Ngunit tandaan ito ay lamang ng isang kaganapan.
Maaari mong sabihin, "Kapag ang aking application Binabago ang laki,
"Ng makita kung kami ay NASA ipaalam." At na ito.
>> Okay? Gumagamit ako ng pakikipag-usap marami. Mayroon bang mga tanong sa ngayon sa kung nasaan kami? Oo.
[Mag-aaral] Mayroon bang tutorial para sa sinuman upang makakuha ng karagdagang impormasyon? >> Oo.
Ang tanong ay, ay mayroong isang tutorial para sa ito? Kukunin ko pahabain lang ito sa lahat ng bagay.
May ilang mga bagay na maaari kang pumunta sa. Sabihin aktwal na tumayo mula sa dito.
Hayaan akong bumalik dito.
Isang bagay na ituro ay Visual Studio mismo ay may mga tutorial built-in
Hayaan akong makakuha ng pawalan ng ito.
Kung kang pumunta at lumikha ng isang bagong proyekto, huwag File, New Project,
at tumingin sa kaliwa na bahagi, mayroong isang Online node sa tagapili na ito.
Ito ay pagpunta sa tumagal ng ilang sandali. Ako ay nasa aking MyFi dito.
Ngunit ito ay pagpunta upang makabuo at ito ay pagpunta sa ninyo ako ng pagkakataon upang makahanap ng mga template
ngunit din, mas mahalaga, sample pati na rin.
Kaya ang maaari kong i-click sa JavaScript.
Ito ay pagpunta sa makahanap ng mga halimbawa para sa akin. Aking resolution ay paraan mataas dito.
Karaniwan, ang nais mong makita ang isang listahan ng mga ng maraming iba't ibang mga bagay dito.
Kung mayroong isang bagay na nais mong subukan, piliin ang mga wika,
JavaScript dito, at sabihing, "Hindi ko alam kung paano gawin geolocation."
"Hindi ko alam kung paano upang buksan ang isang file."
"Hindi ko alam kung paano sulitin ang webcam
"O-optimize para sa touch o mga bagay na tulad na."
May mga halimbawa para sa lahat ng bagay: pagbabahagi, searching, app bar,
paggawa ng remote na mga pagtawag sa isang serbisyo, JSON-encode.
Lahat ng mga uri ng mga bagay na may mga halimbawa para dito,
at ang mga ito ay hindi malaking sample na pagpunta sa magdadala sa iyo ang lahat ng gabi upang tanggalin
upang mahanap lamang na isang bagay na nais mong malaman.
Ang mga ito ay talagang mahusay. Ang mga ito ay maliit, i-right sa punto na uri ng mga sample.
Aming natutunan ko isang tonelada sa pamamagitan ng pagpunta sa pamamagitan ng mga sarili ko,
at kaya ko inirerekumenda na ng maraming bilang isang bagay.
>> Isa pang bagay upang ituro masyadong ay siyempre Nagpakita ako sa iyo dev.windows.com,
kaya kung pumunta ka pabalik sa na, makikita mo sa ilalim mayroong ang mga halimbawa dito din.
Kaya maaari mong i-download ang lahat ng mga ito nang sabay-sabay, ngunit mayroon ding isang pulutong ng iba pang mga mapagkukunan dito masyadong
na makakatulong sa iyo na makakuha ng hanggang sa bilis.
>> Isa iba pang mga bagay, at ako ay talagang inirerekumenda na subukan mo ito,
Nakakuha ko na ito sa aking blog, ngunit magkakaroon pumunta ko lang ang karapatan na ito.
Kukunin ko ipakita sa iyo. Ang aking blog ay may mga mapagkukunan at mga bagay tulad na.
Isa sa mga bagay upang ituro ay dito mismo, ito bagay: Ang iyong ideya. Ang iyong App. 30 Days.
Kung nag-click sa ito, ito ay pagpunta sa magdadala sa iyo sa isang talagang kapaki-pakinabang na site.
Ito ay mas kapaki-pakinabang kaysa sa maaaring asahan.
Ito ay magiging 30 araw ng nilalaman na maaari mong talaga makakuha ng mga tip at trick
sa buong proseso na bilang lumikha ka ng app.
At dahil maaaring hindi mo inaasahan, maaari mong talagang makakuha ng ito para sa mga laro masyadong
at para sa apps ng telepono, mga bagay tulad na.
Kaya mag-sign isa lamang up para dito, at ang mga ito ay pagpunta sa ay pagpapadala sa iyo ng mga tip at trick sa,
"Nakarating na naisip mo tungkol sa paggawa na ito? Sinusuportahan mo ba Snap?"
"Narito ang ilang mga alituntunin sa kung paano gawin na rin."
"Mayroon ka bang naisip mo tungkol sa pagsusumite sa tindahan?"
"Mayroon ka bang naisip mo tungkol sa kung paano ka ng pagpunta sa nagbebenta ng iyong application?"
Ito ay pagpunta sa maglakad sa pamamagitan ng lahat ng mga iba't-ibang bagay.
At talagang, kung ikaw ay nasa paglalaro ng track, sa isang punto
ikaw ay magsisimulang pagkilala ng tao pakikipag-usap sa iyo
dahil talaga ako ay nagkaroon upang pumunta sa Redmint upang gawin iyon at naitala 2 mga video doon.
Ngunit iyon lamang ang bahagi ng paglalaro track lahat,
at mayroon ding isang buong track para sa pag-unlad sa pangkalahatang app.
Iyon ang tawag sa Pagbuo ng App.
Gusto ko talagang inirerekumenda na sa iyo pati na rin bilang karagdagan sa mga sample.
>> Marami ng mga video sa isang site na tinatawag na Channel 9 pati na rin.
Iyon ay marahil ang huling bagay Kukunin ko inirerekumenda pati na rin bago ilipat namin sa dito.
Channel9.msdn.com.
Mahusay ito dahil hindi ka naka pagpunta sa ay pagbabasa sa pamamagitan tonelada ng white paper.
Ito ay isa lamang ng maraming mga video, screencasts at mga bagay na karapatan na ang punto.
Hindi ko dapat sabihin ito ay laging karapatan na ang punto. Depende ito ng kung sino ang paggawa ng pakikipag-usap.
Ngunit sa pangkalahatan, mayroong ilang mga talagang-the-point mga video dito
na magpapakita sa iyo ng ilang mga partikular na bagay baka gusto mong malaman o makita demoed.
Mayroong ang lahat ng aming nilalaman din mula sa aming mga conference na nangyari pagkatapos ng dalawang linggo nakaraan
tinatawag na Build, at makikita mo na mula doon.
Mayroong mga teknolohiya Core para sa Windows 8 laro. May pumunta ka.
Ako ay doon, talaga. Hindi mo maaaring makita sa akin. Ako ay higit sa dito.
Ngunit sa papaano mang paraan, na bukod, ako ay inirerekomenda na kumuha kayo ng isang pagtingin sa mga video na iyon.
Ang mga ito ay medyo kapaki-pakinabang.
Kung ikaw ay natigil sa isang bagay o gusto mo lamang makita kung ano ang maaaring gawin ang isang bagay, sunog mga up.
>> [Guarin] lamang ay nagpadala ng Windows Mail sa akin ng isang email na may isang link sa nilalaman
para sa mga mag-aaral upang i-download na may sample code at mga bagay-bagay tulad na. >> [Bowen] Mahusay.
Kahanga-hanga. Salamat sa iyo, Edwin.
>> Mahusay. >> [Mag-aaral] Mayroon akong tanong. >> [Bowen] Oh. Oo, pakiusap.
[Hindi marinig tanong mag-aaral] >> [Bowen] Oh, Nagagalak akong hilingin sa iyo na iyon. Oo.
Ang tanong ay, ay may isang visual interface para sa akin upang lumikha ng mga bagay?
Edwin ay gantimpalaan ka handsomely para sa na tanong.
May ay isang paraan upang gawin ito.
Dapat gawin namin ito ngayon? Gawin ni ito ngayon Hayaang.
Pupunta ako upang pumunta sa ito sa ngayon.
Talaga, hayaan mo akong magdagdag sa isa pang bagay na ito demo,
at pagkatapos ay kukunin ko na ipakita sa iyo ang aktwal na sagot.
Ako ay pagpunta sa idagdag sa isang kaunti pa CSS dito.
Ako ay isang maliit na off sa tangents dito.
Hayaan akong ilagay sa ilang mga CSS dito upang samantalahin
ng mga klase na namin nagdagdag ng isang kanina,
sa header, upang ang mainContent div, at pagkatapos ay sa greetingOutput.
Kung gagawin ko na at patakbuhin ito, maaari mong makita ngayon Nakakuha kami ng isang Medyo naiiba ang padding at mga margin,
kaya kami ay talagang ilang mga Offset dito.
Ang mga ito ay higit pa patungo sa kung ano ang iyong pagpunta sa inaasahan ng isang pangwakas na pinakintab na application.
Ngunit ako sa pagpapakita lamang ito sa iyo dahil ito ay dumaretso CSS.
Kaya sa mga bagay na alam mo na maaari mong gamitin dito upang ayusin ang mga nilalaman hangga't gusto mo.
Na iyong nakita mo kung paano gumawa baguhin ang background out na paraan.
>> Kung pumunta ko hindi tumupad sa aming HTML, ako pagpunta sa idagdag sa isa pang hanay ng mga markup,
at ito ay aktwal na pagpunta sa maging isang control mula WinJS.
Pupunta ako sa pumunta at grab ito, ang isang label. Hayaan akong tiyakin ako paggawa ito sa tamang lugar.
Marahil sapat na mahusay.
Narito na lamang Idinagdag ko - at kami pumunta sa full screen upang maaari mong makita ang buong bagay -
Idinagdag ko na ang isang label para sa susunod na div.
Div ay tinatawag ratingControlDiv.
Sa pamamagitan ng mismong ito ay wala.
Kung buksan mo ito sa isang browser, gusto tumitingin ka sa mga blangko, ang div mismo.
Ngunit dahil sa na mahiwaga linya ng code na ipinakita ko sa inyo bago,
ang proseso ng lahat, ito ay pagpunta upang tumingin para sa isang bagay na ganito ang hitsura -
data-panalo-kontrol - at ang ito ng pagpunta upang mahanap ang anumang ay nasa na parameter.
Ito ay pagpunta sa gumawa ng isang instance ng kahit anupamang na ito ay tumuturo sa.
Sa kasong ito, ito ay isang control rating, kaya ako sinasabi, "Mangyari lamang na pumunta at palitan ang bagay na ito
"Sa kahit anong kailangan mong gawin upang gumawa ng kontrol rating."
Ito ay maaaring maging isang pumitik kontrol, maaaring ito ay ang pag-usad singsing kahit anong control na gusto mong gamitin o.
Lahat ng mga ito ay pagpunta sa gumana mahalagang parehong paraan.
Gumagamit ka ng standard HTML5 markup upang ipahiwatig kung ano ang nais mo,
at pagkatapos ay ka pagpunta upang makakuha ng kontrol sa dulo ng ito. Hayaan akong tumakbo ito.
Lamang kinopya ko na sa, at ngayon na markup nagiging ito,
na kung saan ay talagang lubos na isang numero ng mga elemento ng HTML.
Ito ang lahat ng indibidwal na mga imahe, at mayroong divs sa kanilang paligid may tagapili.
Sana maaari mong makita na. Ito ay isang maliit na mahiwaga.
Maaari ba akong mag-hover sa iba't ibang mga item, at ito ay pagpunta upang payagan ang sa akin upang makita ang mga rating dito.
Ang maaari kong i-click ito, at ito Naaalala ang pag-uuri ngunit iyan ay tungkol dito.
Ito ay hindi talagang gumagawa ng anumang bagay na may ang pag-uuri.
>> Ang isa huling bagay na gusto kong ipakita sa iyo sa ito
bago kami lumipat papunta sa isang karanasan ng mas biswal na disenyo
Medyo ng code na maaari kong gamitin upang tumugon sa mga kontrol na ito WinJS.
Hayaan akong tumayo mula sa doon, pabalik out sa buong screen,
at lumipat sa JS dito para sa ikalawa.
Ang maaari kong gawin ito dito mismo. Sa tingin ko kukunin ko na palitan ang buong bagay.
Talaga, tingin ko ito ay papalitan ang lahat ng ito, ngunit gagamitin namin malaman magkasama.
Makikita ko bang ilagay ito sa dito. Oo. Pupunta ako sa tanggalin ito masyadong.
Ano ang idagdag ko? Mukhang marami. Ito ay hindi isang pulutong.
Pinahaba ko lang na linya ng code na usapan na ako tungkol sa bago,
at ako na nagsasabi, "Kapag ang lahat ay tapos na, kapag ang lahat ng aking mga kontrol na na-likha,
"Pagkatapos ay gawin ito." Kaya pagkatapos patakbuhin ang function na tinatawag na nakumpleto.
Sa kasong ito, ito ang mga bagay-bagay na maaari mong malaman.
Pumunta mahanap na div kontrol.
Talaga, may isang bagay na dapat kong ituro.
Iyon susunod na linya ay aktwal na nagsasabi, "Mayroon akong na ratingControlDiv."
"Gusto kong makipag-usap sa ito na parang ito ay isang tunay na kontrol, isang WinJS control."
Kaya talaga, hindi ka humihingi na mula dito.
Sinasabi mo, "Gusto kong makipag-usap sa iyo bilang isang control."
At pagkatapos ay maaari mong simulan ang sinasabi ng mga bagay tulad ng, "Kami ay pagpunta sa magdagdag ng mga tagapakinig ng para sa iyo
"Kaya kapag tapos ka nagbago maaari naming tumugon sa mga iyon."
At pagkatapos ay maaari naming ring gawin ang mga bagay na katulad nito. Talaga, iyon ang lumang code doon.
Sa tingin ko ako ay nawawala pag-paste sa isa pang pag-andar,
at iyon ay magiging ang aktwal na pag-andar na tumugon sa control rating kasalukuyang pinapalitan.
Hayaan akong-pop na sa kanan pababa dito,
sa isang lugar sa paligid doon.
At sa kasong ito, ang tanging bagay na ang bago ay ang katotohanan na ating ino ng pagpunta sa
kung ano ang sinasabi sa atin ang control rating at hinihingi namin para sa kung ano ang tinatawag na ang tentativeRating.
Mayroon ng grupo ng mga iba't ibang mga iba pang mga bagay na masasabi sa iyo control na,
at ito ay tumatakbo nang kontrol sa pamamagitan ng control.
Ito ay napaka-prangka. Magagawa mong upang malaman ito out walang problema kung ano pa man.
Ba akong magpatakbo ng ito, at ngayon kapag binago ko ang mga rating at mag-click sa rating,
Maaari mong makita ngayon ito ay aktwal na pagtugon sa mga ito.
Ito ay ang paglalagay ng rating na sa screen sa na kung hindi man ay walang laman na tag div
sa ibaba ng control rating.
Iyon ang magic ng isang pulutong ng mga bagay-bagay dito masyadong.
Kaya bilang lumikha ka ng mga application para sa Windows Store,
mayroong isang tonelada ng mga kontrol na maaari mo lamang gamitin. Ang lahat ng mga gumagana tulad nito.
>> Hayaan akong ipakita sa iyo ang visual na bahagi ng pagdidisenyo para sa mga application na ito.
Ang magandang balita ay makikita mo na mayroon ang tool na ito kapag nag-install mo ang lahat
kung pupunta ka sa pag-download na at makakuha ka ng Visual Studio.
Maaari ko bang i-right click sa ito. Hindi ako mag-zoom in
Sabi lang ito Buksan sa Blend.
Blend ay isa pang tool na gumagana magkatabi sa Visual Studio
at nakatuon ang marami pang iba sa disenyo bahagi ng mga bagay,
kaya talagang ibabaw tool na ay na-optimize para sa paglikha ng mga estilo,
paglikha ng mga animation, nagtatrabaho sa CSS, ng maraming mga bagay sa ganoong uri ng ugat.
Narito kung ano ang dapat maging napaka-kawili-wili at kaakit-akit na halata agad ay kaming naghahanap sa app.
Sana pa rin namin ay.
Sa halip na makakita ng code, na pa rin namin nakikita sa ibaba,
namin nakikita ang mga aktwal na representasyon ng mga application.
Ano ang higit pa, ito ay hindi lamang isang representasyon ng mga app, ito ay aktwal na ang running app.
At iyon ang talagang maganda tungkol sa Blend.
Ang koponan ay tapos na ng maraming trabaho upang magdala ng HTML at JavaScript at CSS sa tool na ito.
Ngayon ay maaari mo talaga, kung gusto mong malaman, "Ano ang ibig sabihin na? Ano ang maaari kong gawin?"
Maaari ko talagang magdisenyo sa application na ito kahit na mga bagay tulad ng ito ay hindi umiiral sa aking mga markup.
Tandaan na kontrol rating? Ito ay lamang ng isang div tag.
Bagay-bagay na ito, bituin na iyon, ay naroroon lamang sa runtime. Paano ko malalaman na?
Mayroon ng kaunting mahika sa ibabaw dito.
Tingnan ang mga kidlat bolts?
Anumang oras na makita mo ang isang kidlat tornilyo, na nangangahulugang ito ay nilikha ng isang bagay sa runtime.
Pinatatakbo ng ilan sa JavaScript at naka isang bagay sa ito o nilikha ito na may ilang mga logic.
Yaong mga bituin na nakikita mo doon ay nilikha ng JavaScript sa pamamagitan ng WinJS.
Ang magandang bagay ay, hindi mahalaga sa akin, maaari pa rin ba akong magdisenyo ito,
Maaari ko pa rin pumunta sa at baguhin ito, maaari kong malaman kung ano ang nangyayari sa dito,
Maaari ko bang tingnan ang mga CSS, maaari ko sige at malaman kung bakit ang kulay ay ang paraan ito ay,
Maaari ko bang simulan ang panggugulo sa mga bagay at paggawa ng mga bagay na kakila-kilabot,
kahit anong gusto kong gawin.
Talaga, makikita ko bang iwan ang mga bagay nang mag-isa.
Ngunit maaari mong makita dito ang lahat ng ito sa CSS at ito ay nagpapakita sa iyo dito.
Kung pumunta ako hanggang sa doon, ito ay pagpunta upang ipakita sa iyo ang lahat ng bagay na tinatawag nila Panalong,
kaya ang mga panuntunan ng CSS na ay ang pinaka-tiyak at ang pinaka napili para sa item na iyon,
na marahil ay nangangahulugan na na nawala na sa paglipas ng sa iyong mga klase,
kung saan maaari mong sabihin mayroong isang pangkalahatang font na kami nag-aaplay sa lahat ng bagay,
ngunit dahil ito ay isang h1 at mayroon akong isang kulay na tinukoy para sa h1s,
ito ay pagpunta sa maging ang kulay na ito, at iyon dahil ito ay mas tiyak kaysa sa body1.
Ito ang isang bagay dito mismo nagpapakita sa iyo ng lahat ng iyon,
at ito ay talagang mahusay na mga bagay-bagay habang ikaw ay mas kumplikado,
ka nagtataka kung bakit mga bagay na ito ay ang paraan sila.
Ito ay talagang sabihin sa iyo, at maaari kang pumili ng anuman sa mga item dito.
Kulay Iyon ay hindi masyadong masamang, talaga.
Maaari mong piliin ang mga ito. Sana maaari mong makita ito.
Para sa lahat ng bagay na mayroon ka sa iyong application, makikita mo ang isang buong kaskad
ng lahat ng mga CSS na maaaring mailapat sa mga iyon at kung saan ang isa ay winning,
kung alin ang aktwal na kinuha mangunguna.
Ang mga ito ay uri ng mayamot. Mayroong hindi maraming nagaganap sa ilan sa mga ito.
Kung pumunta ako at palitan ang kulay, pagkatapos ay magsisimula kang makakita ng ilang mga cascading doon.
Maaari mo ring gamitin ang HTML dito pati na rin.
Maaari ba akong pumunta sa pamamagitan at baguhin ang mga katangian HTML para sa lahat ng mga bagay na ito bilang nais ko.
Mayroon lamang tonelada ng mga bagay-bagay dito.
>> Hindi ko nais na kunin ang iyong oras sa pamamagitan ng pagpunta sa pamamagitan ng lahat ng bagay dito. Alam lang ito dito.
Maraming ng disenyo-oriented pag-andar na magagamit para lamang sa iyo
kaya maaari kang manatiling visual, gumana sa mga application, at hindi na kailangang gawin ng maraming paghula
na nais mong mayroon na gawin nang normal at cycling pabalik mula sa isang browser pabalik sa iyong disenyo,
i-back sa browser.
Ito ay talagang cool na bagay para sa na, at bilang bumuo ka ng isang Store Windows app,
ito ay pagpunta sa gumawa ng maraming ka mas produktibo.
>> Makikita mo rin ang ito sa pagsubaybay ang markup dito at iyong CSS
bilang nagtatrabaho ka sa pamamagitan ng iba't ibang mga bagay.
Marahil ay talagang mahirap para sa iyo upang makita na, lalo na sa video,
ngunit iyan ay kung ano ang nangyayari sa dito, at Gusto ko inirerekumenda maging pamilyar ka sa na iyon.
Ito ay i-save ka ng maraming oras. Iyon ay Blend.
Kung gumawa ka ng anumang mga pagbabago dito, ang mga ito ay awtomatikong pagpunta sa magdala pabalik sa ibabaw
sa Visual Studio.
Ito ay ang parehong mga file, ito ay pareho ang lahat. Kukunin ko iwanan ito nang nag-iisa.
Mayroon akong isang mas mahusay na halimbawa na gusto kong ipakita sa iyo.
Ngunit kung ginawa ko ang isang pagbabago doon at nai-save ito at ako ay dumating pabalik sa Visual Studio, magdudulot ito sinasabi,
"Uy, pinalitan mo lamang ng isang bagay. Maaari ko bang i-reload ito para sa iyo?" Oo.
At ginagamit mo ang parehong mga bagay-bagay doon.
Iyan ang katapusan ng na partikular na sample.
>> Nais kong ipakita sa iyo ng isang mas mataas na dulo halimbawa lang na magbigay sa iyo ng isang view ng iba pang mga pag-andar
maaari mong isipin ang tungkol sa pati na rin.
Ito ay isang sample app na maaari mong i-download.
Kung tumingin ka para sa isang bagay na tinatawag na Windows Camp sa isang Box,
mayroong ilang mga sample na nasa iyon, at isa sa mga ito ay ang Contoso Cookbook.
Maaari ko pa lang tumakbo ito para sa iyo.
Pasadyang splash screen. Ito ang application Grid view.
Sila na nakatali dito ilang custom data. Maaari kang mag-navigate sa pamamagitan ng ito.
Maaari kang pumunta at tingnan ang iba't-ibang bagay na gagawing sa amin gutom sa isang afternoon Biyernes.
Hindi ko alam. Ano ang pagpunta sa gawin sa akin ang pinaka-gutom?
Hindi ko alam. Lamang ako ng pagpunta sa pumili ng isa.
Ikaw pumunta sa mga bagay na ito. Ito ay magpapakita sa iyo ng recipe.
Mo rin ng dati, sa halip ng pag-click sa isang item,
maaari kang pumunta karapatan sa na kategorya ng nilalaman, na seksyon ng nilalaman.
Sa kasong ito, maaari mong basahin ang maraming mga pekeng Latin na nagsasabi sa iyo lahat tungkol sa mga recipe dito
at pagkatapos ay pumunta pakanan papunta sa mga tiyak na recipe.
Sinusuportahan din ito ng mga bagay na tulad ng pagbabahagi na ipinakita mo ako bago gamit ang mga larawan.
Maaari ka ring maghanap sa application na ito masyadong.
Ito ay napaka-prangka gawin searching.
Talaga, nakukuha mo lang ng isang string ng teksto mula sa Windows
at ikaw ang magpapasya kung gusto mong pangasiwaan ang paghahanap gamit na.
Ito ay isang ilang linya ng code upang makakuha ng mga iyon, at pagkatapos ay kung ano ang ginagawa mo dito pagkatapos na ay ganap na nakasalalay sa iyo.
>> Narito mayroon din nila ang isang app bar kung saan ginagamit nila ang ilang iba pang mga pag-andar.
Kukunin ko na lang sabihin sa iyo kung ano ito ay.
Isang paalala ay pagpunta sa gamitin kung ano ang tinatawag na isang notification toast.
Ito ay talagang madaling-gamiting para sa pagpapaalam sa user kapag bagay ang nangyari,
tulad ng isang application ay naka-install o isang bagay ay nakumpleto.
Ito ay din masyadong mahusay para sa mga laro.
Kung mayroon kang isang paulit-ulit na mundo o isang lider board at isang serbisyo na nagho-host na
siguro sa isang hiwalay na machine, maaaring ipadala ang mga notification sa isang makina
at kahit na ang user ay hindi gumagamit ng iyong mga laro, paglalaro ng iyong mga laro o patakbuhin ang iyong mga app,
Maaari pa rin sila makakuha ng mga abiso tungkol sa mga uri ng mga kaganapan.
Kaya maaari mong sabihin, "ay sisirain ang iyong kastilyo o ay tungkol lamang nawasak."
"Kumuha ng mga pabalik dito at ipagtanggol ito," o isang bagay tulad na.
Click ka sa notification, pumunta mong i-right pabalik sa laro, at maaari mo itong i-play.
Kaya mga uri ng mga bagay na maaaring makatulong sa talagang gumuhit pabalik ang mga tao sa iyong app medyo epektibo.
>> Mayroon ding sumusuporta sa application na ito para sa paggamit ng mikropono, ang webcam,
paggawa ng video at pagkuha ng mga larawan.
Maaari mo ring i-pin ng pangalawang tile.
Ito ay kapaki-pakinabang kung nais mong magkaroon lamang ng isang tile na napupunta karapatan sa ilang mga nilalaman.
Sa kasong ito, ito ay tumatakbo nang karapatang ito recipe.
Lahat ako pagbanggit lang ako sa pagpapakita
dahil ito ay mga bagay na maaari mong isipin ang tungkol sa paggamit ng pati na rin.
Para sa karamihan ng bahagi, ang mga ito ay napaka-prangka gamitin.
Gusto ko lamang inirerekumenda dalhin sa iyo up sample na explorer
at makita ang isang sample na maaaring ipakita sa iyo kung paano gawin iyon.
Ito ay medyo tapat upang dalhin ang mga ito sa iyong mga app din doon.
>> Ako ay pagpunta upang ipakita sa iyo ibang bagay na medyo cool dito.
Kukunin ko snap ang application na ito, at Pupunta ako upang bumalik sa Visual Studio.
Ang application na ito ay tumatakbo. Ito ay tumatakbo mula sa Visual Studio.
Ang maaari kong gawin ang ilang mga medyo cool na bagay na may na.
Talagang ba akong magkaroon ng isang opsyon upang pumili ng isang sangkap,
at maaari ba akong pumunta sa paglipas dito sa live na application at ang maaari kong sabihin,
"Ako nagtataka kung bakit ay Time Paghahanda Medyo mas magaan na kulay abo kaysa sa pamagat mismo?"
Ang maaari kong i-click ito.
Ito ay pagpunta upang i-synchronize na pabalik sa Visual Studio,
at ito ay pagpunta sa ipakita sa akin nang eksakto ang binuong nilalaman na nagresulta sa bahaging iyon ng UI.
Kaya sa kasong ito, ito ay item-subtitle at h4 double bumuo,
at na marahil ay nagsasabi sa amin kung ano ang kailangan naming malaman dahil bilang isang h4 sa loob ng context na,
ito ang nangyayari upang makakuha ng isang tiyak na uri ng font.
Ngunit kung ako pa rin hindi alam kung bakit, maaari ba akong mag-click sa Pagsubaybay Estilo.
Maaari kong pagkatapos ay palawakin out kulay at maaari kong malaman eksakto kung bakit kulay na ito ay hindi ang kulay ng katawan
pero sa katunayan ay iba pa.
Ito ay mahalagang dev tool mula sa Internet Explorer
sa isang degree na nagdala sa Visual Studio.
Kung nag-nagtrabaho sa Chrome Dev Tools, Firebug, mga bagay tulad na,
mga uri ng mga tool na nasa browser,
na uri ng pag-andar ay dinala pakanan papunta Visual Studio
kaya wala ka talagang may upang ilunsad ang isang browser at gumagana sa mga tool hiwalay.
Ngayon ba akong magkaroon ng isang app Store Windows tumatakbo lamang,
at ang maaari kong magsimula ng paghila ito bukod at paghahanap ng kung bakit mga bagay ay ginagawa kung ano ang mga ito.
>> Maaari ko ring gawin ito sa ganitong paraan masyadong.
Maaari kong pumunta lamang at pumili ng isang bagay mula mismo sa markup at malaman kung ano ito ay
sa application mismo. Sa tingin ko ang nawala ko sa pamamagitan ng lahat ng bagay.
Narito ako pagpasada sa ito. Maaari ko bang piliin ito.
Ito ay pagpunta sa ipakita sa akin sa aktwal na running application kung saan bagay na
na ngayon ako ng pag-click sa sa markup.
Talagang cool na bagay.
Bilang na sinusubukan mong malaman kung ano ang nagaganap at kung ano ang HTML ay ang paggawa,
ano CSS ay ang paggawa, panatilihin ito sa isip.
Tandaan na ito ay dito para sa iyo
at din na Blend ay maaaring gumana sa isang live na running application.
>> Ang isa huling bagay Nais kong ipakita sa iyo na may ganitong application -
Sa pamamagitan ng ang paraan, nagpapakita ito sa iyo deltas bilang baguhin masyadong bagay,
sa gayon ay maaari mong panoorin ang para sa mga kulay-dilaw na mga highlight.
Iyon ang mga bagay na na-lamang ay nagbago ang application.
Ngunit isa huling bagay. Gusto kong bumalik sa timpla lang para sa isang ikalawang dito.
Susubukan naming buksan ito up, Buksan sa Blend, parehong app, parehong ang lahat.
Gusto ko lang ipakita sa iyo ang karanasan dito ay hindi lamang ka natigil sa home page
tumitingin sa mga bagay na makukuha mo sa pamamagitan ng default kapag pinatakbo mo ang app at ipaalam ito umupo doon.
Maaari mo ring i-on ito medyo maliit na icon up dito.
Ito ay tinatawag na Interactive mode.
Click ka sa mga iyon. Pupuntahan Nag upang ilabas ang iyong application.
Ikaw ay hindi sa mode na Disenyo ngayon, kaya hindi ka pagpunta sa ay pag-click sa mga bagay
upang baguhin ang pag-andar, ngunit maaari mong talagang gumagana gamit ang application na ngayon.
Maaari kang mag-click sa pamamagitan ng, maaari mong gawin ang anumang, makapunta sa isang recipe na mahalaga sa iyo
o sa isang kategorya. Sabihin pumunta sa kategoryang ito.
Sasabihin kong, "Okay, dito ay kung saan gusto kong mag-disenyo."
Pagkatapos mong i-click muli ang pindutang na, ito ay magdadala sa iyo pabalik sa ibabaw Disenyo,
at ngayon maaari mong gawin ang lahat ng mga bagay na ako ay pakikipag-usap tungkol sa bago.
Kukunin ko panatilihin ang pag-click hanggang sa makuha ko napili ito, alamin ang mga sukat nito,
alamin ang HTML para dito, ang CSS para dito
para sa isang tumatakbo ang application, ang ilang mga mamaya bahagi ng application.
Napakaluwag, napaka kapaki-pakinabang. Kukunin ko ipakita ito sa iyo.
Mangyaring panatilihin ito sa isip kung naghahanap ka sa pagsulat code na may ganitong
dahil ito ay pagpunta sa i-save ka ng isang pulutong na walang problema, at ito ay medyo magagandang bagay-bagay.
Iyan ay medyo magkano ang lahat Nais kong ipakita sa iyo sa Blend at sa Visual Studio para sa lahat ng iyon.
>> Ang anumang mga katanungan sa alinman sa mga tool?
Anumang bagay sa lahat? >> [Guarin] Mayroon akong mga bagay-bagay upang bigyan out, kaya mahusay na mga katanungan, magagandang bagay-bagay.
>> [Bowen laughs] na ipinakita ko ang aking mga demo dito mo.
Pupunta ako sa ilagay ito sa pahina ng Mga Mapagkukunan at i-sa mga tanong ngayon.
Iyon unang sanggunian ay na Generation App sa site sa mga laro track at ang app track.
Mag-sign up para sa mga.
Hindi mo na kailangang maghintay ng 30 araw upang makuha ang nilalaman.
Maaari mong simulan ang pagpunta at pagtingin sa nilalaman hangga't gusto mo.
Nauunawaan ko na maaaring iba sa iyong mga frame ng oras - [laughs]
Kaya kapag ay ang Hackathon? Iyon lang ng ilang linggo, tama?
Kaya hindi mo na kailangang ang 30 araw upang maghintay.
Kaya oo, maaari kang mag-sign up para sa iyon at pagkatapos lamang simulan ang bunot ang nilalaman mula dito.
Gayundin ang Dev at ang Design Centers.
At hindi ko banggitin na ito, ngunit mayroon ding mga Store Docs.
Ito ay magiging para matapos ang Hackathon bilang handa ka na upang simulan ang pagsusumite ng iyong mga app para sa tindahan.
Mayroong ilang mga kapaki-pakinabang na mga alituntunin dito, ang ilang mga patnubay tungkol sa kung paano makakuha ng mga bagay sa tindahan,
ilan sa mga karaniwang mga isyu na maaaring patisod mo,
at iyon ang katapusan ng mga mapagkukunan.
>> Kaya kung ano ang nasa iyong isip? Anumang bagay na sa iyo -
[Guarin] Sino ang nag-iisip tungkol sa paggawa ng Windows app para sa CS50? Cool.
[Bowen] Cool. Mahusay.
>> Ang anumang mga katanungan tungkol sa mga bagay na nakita mo sa ngayon at kung paano ito nauugnay sa ito?
Halimbawa, na may mas maraming oras maaari kong kumuha ng laro na aking isinulat
at na nagpapatakbo sa browser at uri ng pumunta lamang sa pamamagitan ng proseso
ng pagdadala na sa Visual Studio at ginagawa itong isang Store Windows app.
Ito ay tumatagal ng mas maraming oras kaysa sa talagang namin ay may upang kasama ngayon,
ngunit ang maikling bersyon ay nito ay kapareho ng code na pinatatakbo mo sa browser,
at ang mga bagay na palitan mo ang mga bagay na magpasya kang mag-plug in sa Windows 8.
Kaya kung nais mong gamitin ang charms, kung nais mong maghanap o ibahagi,
kailangan mong lumikha ng isang app bar upang itago ang layo ng ilang mga pag-andar papunta iyon,
mga ay ang mga uri ng mga bagay na nais mong baguhin.
Ngunit ang core ng iyong web app maaari mananatiling buo.
Muli, hangga't ito gumagana sa IE10, ito ay pagpunta sa maging isang talagang madali port
upang magdala ng mga bagay-bagay na sa Visual Studio, sa Blend, at gawin itong isang Store Windows app.
Muli, ang tanging bagay na kailangan mong malaman ay ang mga iba pang mga tampok
na maaari mong gamitin upang sindihan ang isang application, tulad ng isang live na tile at mga uri ng mga bagay.
>> Oo. >> [Mag-aaral] ang aking tanong ay tungkol sa pagtatrabaho mobile.
Kaya kung gumawa ka ng isang app na gumagana bilang isang app sa desktop,
ay ito talagang madali upang mailipat ito sa mobile, o ay may isang -
Ang tanong ay, kapag gumawa ako ng isang Store Windows app na talaga ang na-optimize para sa environment na ito
at gusto ko upang dalhin ito sa isang mundo sa mobile, kung ano ang kasangkot sa paggawa na?
Iyon, tulad ng maraming mga katanungan, ay palaging isang patuloy na pagbabago ng sagot.
Ang magandang balita ay kung ikaw ay nananatili sa HTML at JavaScript, CSS,
kung ikaw ay nagsisimula mula sa isang Store ng Windows app,
ito ay pagpunta sa ipaalam sa iyo dalhin ito sa Web
at pagkatapos ay gamitin ang mga uri ng mga diskarte, tulad ng media query at mga bagay,
upang iakma sa iba't ibang mga aparato laki.
Iyon ay sinabi, mayroong palaging Framework at bagay out doon
support na pagpapalawig out iba't ibang mga teknolohiya, iba't-ibang mga platform.
Na ang mga pagbabago sa lahat ng oras.
Kami ay ang pagbabago din ng mga bagay pati na rin ang inaasahan naming patungo kung ano ang mayroon kami ngayon
talaga out kasama ang Windows Phone 8.
Mayroon kaming ilang mga ibinahaging core infrastructures
Inaalok sa pagitan ng mga application para sa mga environment.
Kaya ang mga bagay na ginagawa mo upang lumikha ng isang Store Windows app,
ng maraming na maaaring dalhin sa ibabaw sa isang Windows Phone 8 ng application.
Iyon muli ay isang umuusbong na mga kuwento, kaya walang ilang nilalaman tungkol na sa Build.
Naging SDK Ang isang out kanina. Ito ay lamang inilabas ng ilang sandali ang nakalipas.
Ngunit sa mga tuntunin ng iba pang mga platform ng masyadong,
marahil tumakbo sa maraming cross-platform Framework pati na rin.
Ang magandang balita ay ang mga bagay na ginagawa mo dito,
ang pangunahing pag-andar ay dumaretso web standard na mga bagay-bagay.
Ang tanging bagay na hindi isalin madali ang mga bagay na ginagawa ng Windows 8,
ngunit iyan ay walang sorpresa dahil ito ay isang tampok ng Windows.
Hindi ka pagpunta upang mahanap ang pagbabahagi o katulad na mga uri ng mga kontrata sa bawat iba pang mga platform.
Kaya mga ay ang mga bagay na gusto mo sa mula sa pananaw ng disenyo
tiyakin na mayroon kang mga paraan upang uri ng abstract na out sa gayon maaari mong sabihin,
"Kapag ako ay tumatakbo sa ito, ang maaari kong gawin na."
Kung hindi ako, mayroong ilang mga pattern ng disenyo maaari mong gamitin upang uri ng itago ang mga bagay-bagay na ang layo.
Ngunit panatilihin na sa isip. Oo. Sorry. Sige.
>> [Mag-aaral] Kung gusto kong subukan sa aking Windows app sa tuktok ng [hindi marinig]
[Bowen] Oo. Malampasan ko ang isa pang bagay masyadong. Oo.
Kukunin ko muna sagutin ang iyong tanong, pagkatapos ay kukunin ko na ipakita sa iyo ang isang tampok Nakalimutan ko banggitin.
Ginagawa namin mayroon nang lokal ilang mga machine magagamit. Sorry.
Ang tanong ay, paano ko subukan kong bagay sa mga aparatong
kung hindi ako mangyari upang magkaroon ng isang buong pulutong ng mga bagay upang pumili mula sa?
[Guarin] ipinahiram namin sa inyo guys, sa palagay ko, 5 o 6. Gaano karaming mo kailangan?
[Mag-aaral] Mayroon kaming 4 ng mga ito. >> Okay. Ikaw guys Nakakuha 4 slates upang i-play sa paligid na may.
Kaya hayaan siguradong lahat ng tao alam, pakiusap. [Laughs] >> [Bowen] Kahanga-hanga.
Iyan ay isang mas mahusay na sagot kaysa ako ay pagpunta upang bigyan ka.
Mayroon kaming oras ng opisina para sa mga developer na gawin namin ang aming opisina
at ngayon paparating na ang Microsoft Store sa ibabaw sa Pru,
ngunit Edwin ay nakuha na pag-aalaga ng iyo.
Mayroong 4 na slates magagamit para sa pagpapautang, para sa pagsubok.
May pumunta namin. Mayroong ang isang halimbawa ng up ng isa doon.
Kaya oo, walang pasubali. Mahusay.
Walang pasubali sa pamamagitan ng malayo ang pinakamahusay na paraan upang subukan ito ay upang maging sa isang aparato.
Kung hindi mo mangyari upang magkaroon ng isa pa o hindi mo nais na maglakad sa buong campus sa niyebe
upang grab isa o kahit ano, mayroong isang paraan upang gawin ito pabalik sa Visual Studio.
Kung pumunta ako pabalik sa kung saan ako ay dito, dito sa halip na gamitin Lokal Machine,
maaari mong kumonekta sa Remote Machine, ngunit hindi iyon kung ano ako ng pakikipag-usap ko tungkol dito.
Simulator ay ang bagay na maaaring gusto mong siyasatin.
Kukunin ko patakbuhin ito, at talagang kung ano ito ay, ito ay mahalagang isang window papunta sa iyong sariling system.
Dito ay ang tunay aking sistema ng pagtakbo, tumatakbo Contoso,
ngunit sa isang paraan na nagbibigay-daan sa akin baguhin ang ilan sa mga parameter ng execution,
ang mga parameter ng kapaligiran.
Kaya ang maaari kong sabihin dito, "Alam mo kung ano?"
Oh. Ako nai ito tumatakbo sa isang kunwa 27-inch monitor sa 2560 na resolution.
Maaari ko madaling drop down na at makita kung ano ang gagawin ng aking application gamit ang isang mas maliit na screen
o sa pamamagitan ng pagbabago ng mga setting dpi o kahit ano.
Kaya sa isang maliit na screen, isang 10.6, kung ano ang ito pagpunta sa gawin?
Na ganito pa rin medyo magandang, tama?
Gugustuhin mong gawin ito, lalo na kung ikaw ay nagsusumite sa tindahan, sapagkat ginagawa namin
bilang bahagi ng proseso ng pagsubok.
At kung may mga problema tulad ng iyon,
pagkatapos ay maaari kang magkaroon ng isang isyu nagsisimula pa certified para sa tindahan.
Ngunit iyon lamang ang bahagi ng simulator. Talagang cool. Napakadaling gawin iyon.
Maaari mo ring gamitin ang mga tampok tulad ng umiikot na ito pati na rin.
Maaari ko bang i-click ang pindutan dito, ito paikutin, makita kung ano ang isang tao ay magkaroon ng bilang isang karanasan
umiikot na ang kanilang slate, ang kanilang tablet, at gamit ang iyong application gamit na.
May ilang iba pang mga bagay tulad ng masyadong ugnay pagtulad at ilang iba pang mga bagay,
pagtatakda ng GPS.
Maaari kong magpanggap na ako sa ibang lokasyon at tingnan kung ano ang aking application
kapag magpanggap na ako pabalik sa Seattle o isang bagay na ako.
Ngunit ito ay isang tunay na kapaki-pakinabang na tampok na ito, at ito ay naka-built in sa parehong Visual Studio at sa Blend.
Oo. Ang iyong katanungan.
>> [Mag-aaral] Kung sumusulat ka ng isang laro, mayroon ang anumang suporta para sa animation Visual Studio?
Oo. Ang tanong ay sa paligid support animation, lalo na sa paglalaro.
Depende ito. [Chuckles]
Gamit ang JavaScript ay ko sabihin doon ay marahil hindi gaanong support kaysa doon ay nasa XAML gilid,
na may mga timeline, may storyboards at mga bagay na ay binuo in
Para sa mga animation sa apps JavaScript, hindi ko alam kung magkano ng isang sagot na gusto kong bigyan ka.
Mayroon akong mga mapagkukunan sa aking blog na pumunta sa pamamagitan ng maraming mga pagpipilian para sa parehong mga animation pisika,
mga pagpipilian para sa JavaScript-oriented na mga laro sa Windows 8.
Gusto ko refer ka sa mga iyon.
Talaga, may kaya maraming mga pagpipilian.
Ang dahilan kung bakit ako maatubili ay mayroong kaya maraming mga pagpipilian para sa paggawa ng mga animation sa JavaScript.
Ito ay maaaring maging CSS, ito ay nakabatay sa Canvas, maaaring ito ay lamang pangunahing DOM animation,
maaaring ito ay may maraming mga iba't ibang mga bagay, kaya ito ay talagang depende sa iyong kagustuhan.
Kung magpasya kang gamitin ang isang bagay tulad ng Create.js o Lime o iba pang mga uri ng mga Framework -
Well, hindi ako kahit sigurado ka ng pagpunta sa magagawang gamitin ang isang mas mataas na dulo balangkas
i Epekto o bumuo.
Iyon ay may gawi upang bumuo ng karagdagang code kaysa sa maaaring isaalang-alang mula sa simula.
Ngunit sa mga kasong iyon, maaari mo pa ring gamitin ang isang simulator, maaari mong gamitin ang mga kapaligiran,
at malamang kong gamitin na lamang ang environment na ito para sa aking pagsubok platform sa mga kasong iyon
bilang ako pagbubuo ng mga laro.
Nakapunta ako fine lalo na sa Canvas animation,
na kung saan ay marahil ang pinaka-karaniwang bagay.
Ang pinakamahusay ka ng pagpunta sa marahil mahanap ang mga tool dev sa browser
at ang mga tool dev sa Visual Studio.
Kind ng isang meandering sagot doon, ngunit sana ay Nakatanggap ako ang iyong sagot. Oo. Ikaw.
>> [Mag-aaral] Ano ang mga pagpipilian sa imbakan ng data para sa Windows 8 apps?
Ano ang mga pagpipilian sa imbakan ng data para sa Windows 8 apps, apps Tindahan ng Windows?
Ang iyong mga pagpipilian talaga ay nakakakuha sa bawat application sarili nitong pool ng lokal na imbakan
para sa setting at para sa data, ngunit ito ay ridiculously madaling gamitin roaming imbakan din,
upang magamit ang storage ng ulap-based. Ito ay libre.
Ano ang mangyayari ay mong piliin ang isa lamang ng ibang klase at sabihin mo,
"Roaming Setting, I-save, ang partikular na hanay ng mga nilalaman,"
at ang kanilang mga Microsoft account, ano ang kanilang nag-sign bilang in,
ay magiging susi sa roaming na impormasyon sa paligid.
Kaya kung gagamitin ko ang iyong mga laro sa aking laptop at pagkatapos ay mag-log in ako gamit ang parehong account
at i-play ko ang mga laro sa isang Ibabaw o isang tablet,
iyon ay awtomatikong gumala na setting at data sa pagitan ng mga machine.
Iyan ay isang default na bagay. Iyan ay mabuti para sa ilang mga halaga ng data.
Hindi mo nais ilagay ang isang malaking database sa mga.
Para na kailangan mong pumunta sa iba pang mga uri ng mga solusyon, tulad ng isang naka-host na database sa cloud,
mga bagay tulad na.
Mayroong ilang mga iba pang mga pagpipilian komunidad sa palibot ng ibang mga uri ng mga teknolohiya ng data.
Nakita ko ang ilang mga SQLite mga pagpipilian sa komunidad sa paligid doon.
Kaya nang higit pa at higit pa ay umuusbong, ngunit ang mga ay ang mga pangunahing bagay na nais mong tingnan patungo sa
para sa isang laro o isang app.
At nagkaroon ka ng tanong sa likod masyadong.
>> [Mag-aaral] Sa tuntunin ng network [hindi marinig] pag-upload o pag-download ng mga file [hindi marinig]
[Bowen] ba ang iyong tanong kung paano mo maaaring makita na o kung paano mo maaaring i-debug na at subukan ito?
[Mag-aaral] Paano mo maaaring i-debug ito [hindi marinig]
Sorry. Hindi ko marinig ang lahat ng ito.
[Mag-aaral] Paano ako makakakuha mo ito bug nasubukan at din [hindi marinig]
Mahusay. Mahusay.
Paano gumagana mo sa networking? Paano mo makita kung ano ang nangyayari sa?
Mayroong maraming iba't ibang mga sagot sa mga ito ng isa,
ngunit hayaan mo akong ipakita sa iyo marahil ang pinakamadaling bagay dito.
Hayaan akong mapupuksa ang simulator para sa isang segundo.
Ilang lamang mga pagpipilian sa pag-debug para sa networking.
Mayroong isang buong stack network lutong pakanan papunta sa parehong WinRT antas at mula WinJS ang,
sa gayon ay maaari napaka madali mong gumawa XHR, uri ng AJAX tawag mula sa iyong mga laro o app upang gawin iyon.
Lalo na, ay may posibilidad kong gamitin ang 2 bagay.
Gagamitin ang aktwal na mga tool dev kanilang sarili, na magkaroon ng isang stack network lutong sa kanila.
Hayaan akong ipakita sa iyo ang home page ng Windows.
Maaari kong dalhin ito up, at mayroong tunay na isang proxy network lutong sa mga tool na dito.
Kaya ang maaari kong gawin ito, ang maaari kong i-refresh ang pahina, at ito ay pagpunta sa ipakita sa akin ang lahat ng mga pakikipag-ugnayan,
kabilang ang AJAX tawag para sa session na iyon, para sa tagal na hiling ni.
Ito ay kapaki-pakinabang. Ito ay pagpunta sa maging napaka-kapaki-pakinabang para sa batay sa browser ang apps.
Para sa iba pang mga uri ng mga app, kabilang ang mga app Store Windows,
Gumagamit ako ng isang tool na tinatawag na Fiddler.
Ikaw ay pagpunta upang makakuha ng isang laro sa tugon. [Chuckles]
Fiddler ay isang simpleng proxy. Sa tingin ko ang maaari kong ipakita na sa iyo.
Ito ay lamang GetFiddler.com, na, nang kawili-wili sapat, ako ang pagsunod aking stack network
pagpunta sa GetFiddler.
Ngunit sa papaano mang paraan, Fiddler ay isinulat ng isa sa mga PMs sa koponan ng IE,
kaya alam niya kung ano ang ginagawa niya.
Ito ay isang magandang proxy na maaari mong gamitin para sa trapiko sa network ng pag-debug.
Gusto ko inirerekumenda na. Tanong sa paglipas ng doon.
>> [Mag-aaral] Mayroon bang isang madaling paraan upang isama ang input ng mga banyagang wika,
tulad ng Hapon o Intsik, sa apps ng Windows?
Hindi ko masabi gumawa ako ng masyadong maraming ng ito sa aking sarili, ngunit ito ay lutong in
May mga pagpipilian para siyempre nagpapalabas ng iyong application - I'm paumanhin, hindi ko sinasabi ng mga tanong -
mga pagpipilian sa paligid ng globalization, lokalisasyon ng nilalaman,
kabilang ang mga bagay tulad ng pagiging mabenta sa ibang mga merkado
at ang target na bersyon ng iyong application para sa mga indibidwal na mga wika
o kultura o mga bagay na tulad na. Walang pasubali built-in
Nagkaroon kami ng suporta para sa na para sa walang hanggan,
at na nagdadala forward sa iyong mga pagpipilian para sa Windows Store.
Maaari mong gawin na sa tindahan mismo, ibenta sa ibang mga merkado,
maaari mong gawin iyon sa application pati na rin masyadong may gamit mapagkukunan upang tukuyin,
"Kung ako ay binuo para sa kultura ito, pagkatapos ay gamitin ang mga override para sa aking nilalaman tekstuwal
"O gumamit ng karapatan sa kaliwa reader."
Iyon ang lahat ng mga bahagi ng default na WinJS at WinRT API. Magandang katanungan.
>> Paano ang ginagawa namin? Anumang iba?
At kung sinuman sa video ay may mga katanungan, ako cbowen @ Microsoft,
kaya Ikinagagalak kong gumawa ng anumang ng iyong mga tanong mula sa hinaharap.
Napakaluwag - Mula sa hinaharap, hinaharap [Ginagaya Echo].
Kaya dito ay akin. Hayaan akong ibalik ang aking mga contact dito.
Kaya magpadala lang sa akin ng isang tala, cbowen @ Microsoft,
at ako ay babalik sa iyo sa lalong madaling panahon ko.
>> Ano pa na kayo ay nagtataka? Sigurado namin mahusay?
Mahusay. Ayos lang. Salamat sa iyo lahat napaka. Pinahahalagahan ko ito. [Palakpakan]
>> [CS50.TV]