1 00:00:00,000 --> 00:00:02,420 [Powered by Google Translate] [Seminar - Windows 8 - App / Game Development sa HTML5] 2 00:00:02,420 --> 00:00:05,090 [Chris Bowen, Edwin Guarin - Harvard University] 3 00:00:05,090 --> 00:00:07,350 [Ito ay CS50. - CS50.TV] 4 00:00:07,350 --> 00:00:10,290 >> Uy, sa lahat. Ang pangalan ko ay Edwin Guarin. Ito ay Chris Bowen. 5 00:00:10,290 --> 00:00:12,310 Ipapaalam ko sa kanya ipakilala ang kanyang sarili sa isang segundo. 6 00:00:12,310 --> 00:00:14,100 Gusto ko lang gumawa ng isang mabilis na anunsyo. 7 00:00:14,100 --> 00:00:18,340 Una sa lahat, ang lahat ng CS50 ka mag-aaral makakuha ng Windows 8 nang libre. 8 00:00:18,340 --> 00:00:23,150 Kaya kung pinag-iisipan mo tungkol sa aktwal na paggamit ito para sa iyong huling proyekto, sa iyo ito. 9 00:00:23,150 --> 00:00:25,740 Nate ay magpapadala out ng email mamaya sa para sa mga tagubilin. 10 00:00:25,740 --> 00:00:32,850 Ang ikalawang bagay ay kung nagpasya kang magsulat ng isang Windows 8 app para sa iyong CS50 panghuling proyekto, 11 00:00:32,850 --> 00:00:35,870 kami ay pagpunta sa ay ang paggawa ng ilang pamudmod: isang Xbox, 12 00:00:35,870 --> 00:00:38,870 maaari naming magagawang bigyan ng slate ang layo, mga bagay-bagay tulad na. 13 00:00:38,870 --> 00:00:42,460 Kaya kung may anumang bagay na may hawak na bumalik ka, sabihin ni Chris o kakilala ko 14 00:00:42,460 --> 00:00:45,010 paano kami makakatulong sa iyo na bumuo ng isang bagay na talagang cool. 15 00:00:45,010 --> 00:00:48,580 Kaya salamat muli para sa darating na ngayon, at kukunin ko na ibigay ito sa paglipas ng sa Chris. 16 00:00:48,580 --> 00:00:50,500 >> Salamat sa iyo, Edwin. 17 00:00:51,000 --> 00:00:52,740 Salamat, lahat, para sa pagsali sa amin sa araw na ito. 18 00:00:52,740 --> 00:00:55,800 Ako Chris Bowen. Ako ay isa sa mga kasamahan Edwin dito sa Hilagang Silangan. 19 00:00:55,800 --> 00:00:58,310 Nais kong lamang na gumastos ng kaunting oras sa iyo sa pakikipag-usap tungkol sa 20 00:00:58,310 --> 00:01:03,730 kung paano gumawa ng isang Store ng Windows application na may HTML5, JavaScript, at CSS 21 00:01:03,730 --> 00:01:07,310 at uri ng makakuha ng anumang mga katanungan na maaaring mayroon ka tungkol dito Sinagot para sa iyo 22 00:01:07,310 --> 00:01:12,920 bilang na iyong hinahanap patungo iniisip tungkol sa siguro gamitin ito para sa isang CS50 finals pagkakataon. 23 00:01:12,920 --> 00:01:14,980 >> Iyon ay sinabi, makikita namin lamang sumisid karapatan in 24 00:01:14,980 --> 00:01:17,190 Makikita pumunta ako sa ibabaw sa mga slide sa ibabaw dito. 25 00:01:17,190 --> 00:01:19,440 Kung mayroon kang anumang mga katanungan, huwag mag-atubiling magpadala sa akin ng isang email. 26 00:01:19,440 --> 00:01:23,460 Ako cbowen@microsoft.com, at mayroong aking blog at ang aking Twitter. 27 00:01:23,460 --> 00:01:26,330 Gayunpaman gusto mong makipag-ugnay sa akin, iyon ang masarap. 28 00:01:26,330 --> 00:01:30,110 Mayroon ako tungkol sa isang oras ng mga bagay-bagay, at gusto ko upang makakuha ng iyong mga katanungan sa kahabaan ng paraan, 29 00:01:30,110 --> 00:01:33,720 kaya huwag kang mahiya tungkol sa pagkakaroon ng mga tanong sa panahon na ito. 30 00:01:33,720 --> 00:01:36,470 Hindi nila maaaring makita kung sino ang humihiling sa mga tanong sa pag-record, 31 00:01:36,470 --> 00:01:39,090 kaya magagawa mo bilang anonymous bilang nais mong maging. 32 00:01:39,090 --> 00:01:42,780 >> Hayaan akong sumisid karapatan in, ibigay lamang sa iyo ng isang mabilis na panimula sa Windows 8, 33 00:01:42,780 --> 00:01:47,400 at ipakita sa iyo ang ilang sa mga bagay tungkol sa mga app Store Windows na maaari mong isaalang-alang 34 00:01:47,400 --> 00:01:49,530 bilang pinag-iisipan mo tungkol sa pagbuo ng isang application. 35 00:01:49,530 --> 00:01:52,660 Kami ay tumitingin sa Windows 8. Nakapunta kami out para sa ilang mga linggo ngayon. 36 00:01:52,660 --> 00:01:55,810 Ang isang pulutong ng malakas na pag-aampon out doon. 37 00:01:55,810 --> 00:01:59,800 Maaaring nakakita ka na ng Ibabaw ng machine na mayroon pati na rin kami. 38 00:01:59,800 --> 00:02:03,730 May isang paglipas dito aktwal na maaari mong tingnan ang kung nandito ka sa tao. 39 00:02:03,730 --> 00:02:07,530 Talagang gusto kong makipag-usap sa iyo, ipakita sa iyo sa paligid ng isang maliit na bit tungkol sa Windows 8. 40 00:02:07,530 --> 00:02:10,759 Ang ideya na may Windows 8, ito talaga ang magdala ng pasulong ang lahat ng mga bagay-bagay na alam mo tungkol sa Windows 41 00:02:10,759 --> 00:02:16,840 sa ilang mga bagong karanasan - sa partikular, mga bagay na gusto sa Ibabaw ng machine na may touch, 42 00:02:16,840 --> 00:02:20,000 mga uri ng higit pang mga mobile device na ngayon sa merkado, 43 00:02:20,000 --> 00:02:22,360 ngunit ito ay din ng Windows sa core nito. 44 00:02:22,360 --> 00:02:25,850 Kaya ang ibig sabihin nito maaari mo itong i-install talaga sa anumang bagay na nagpapatakbo ng Windows 7, 45 00:02:25,850 --> 00:02:30,770 mula sa iyong pinakamalaking triple SLI gaming sangkapan pababa sa iyong laptop 46 00:02:30,770 --> 00:02:36,200 at sa iyong makintab bagong iba pang mga device na maaari kang pumili ng hanggang ngayon. 47 00:02:36,200 --> 00:02:38,450 Sila ay tumakbo sa Windows 8. 48 00:02:38,450 --> 00:02:40,530 Kukunin ko ipakita sa iyo sa paligid lamang ng kaunting, 49 00:02:40,530 --> 00:02:44,670 at ang lahat ng mga karanasan na makikita mo dito ang mga bagay na maaari kang lumikha. 50 00:02:44,670 --> 00:02:47,760 Ang ideya ay kung ito ay ang ugnay, mouse, keyboard, 51 00:02:47,760 --> 00:02:51,870 ano naman ang aparato ay na nagpapatakbo ka ng iyong application sa, ito ay pagpunta sa magpatakbo ng mahusay. 52 00:02:51,870 --> 00:02:55,180 Windows 8 ay makakatulong sa lahat ng mga sitwasyon. 53 00:02:55,180 --> 00:02:59,600 >> Maliban sa mga slide, sabihin makakuha lamang ng pakanan papunta ng pagtingin sa paligid dito. 54 00:02:59,600 --> 00:03:03,270 Hayaan akong ipakita sa iyo sa paligid ng aking home screen. Ito ang aking Start screen. 55 00:03:03,270 --> 00:03:05,810 Kukunin ko na lang magbibigay sa iyo ng kaunting tour dito. 56 00:03:05,810 --> 00:03:09,610 Ako ay nasa isang hindi-ugnay machine, kaya hangga't gusto kong kalabitin ang aking laptop screen, 57 00:03:09,610 --> 00:03:13,400 hindi ito gawin ang isang bagay, kaya kukunin ko na lang mag-scroll sa paligid dito nang kaunti at ipapakita sa iyo. 58 00:03:13,400 --> 00:03:17,950 Ang ilang mga bagay na maaari mong mapansin ay ang katotohanan na ang mga kung ano ang tinatawag na live na mga tile 59 00:03:17,950 --> 00:03:21,470 talaga maaaring bigyang-buhay, at maaari silang magbigay ng impormasyon sa iyo - 60 00:03:21,470 --> 00:03:24,750 siguro mga update sa mga istatistika para sa isang laro 61 00:03:24,750 --> 00:03:30,970 o ipakita sa iyo ang mga balita mula sa ilan sa mga mas naunang apps na dito sa kaliwang bahagi. 62 00:03:30,970 --> 00:03:35,350 May pumunta namin. Ako ba na ito ay lamang positibo at fantastically magandang balita. 63 00:03:35,350 --> 00:03:38,450 Maaari mong makita dito talaga ito tumatawag ng iyong pansin pabalik sa app, na sinasabi, 64 00:03:38,450 --> 00:03:43,010 "Uy, mayroong isang bagay bagong dito. Huminga ng hitsura. Bumalik sa at makita kung ano ang bago para sa iyo." 65 00:03:43,010 --> 00:03:45,320 Iyon ay tinatawag na live na tile, at maaari mong gawin ang mga notification 66 00:03:45,320 --> 00:03:47,070 alinman sa kanan mula sa application mismo 67 00:03:47,070 --> 00:03:52,220 o kung magdadala sa iyo ng isang hitsura nang mas detalyado, makikita mo malaman kung paano magsulat ng isang remote na serbisyo 68 00:03:52,220 --> 00:03:54,340 na maaaring talagang itulak impormasyon sa tile, 69 00:03:54,340 --> 00:03:56,520 na kung saan ay kung ano ang nangyayari sa mga app na ito balita. 70 00:03:56,520 --> 00:04:00,080 Talaga nila ka nakakakuha ng balita mula sa mga ulap at ina-update ang tile doon 71 00:04:00,080 --> 00:04:03,710 upang malaman ng mga tao mayroong isang dahilan upang buksan up ang application at kumuha ng isang hitsura 72 00:04:03,710 --> 00:04:06,950 sa kahit anong mga pinakabagong balita ay nasa alinman sa mga ito 73 00:04:06,950 --> 00:04:10,060 o kung mayroong bagong recipe o ng isang bagong mataas na iskor upang matalo 74 00:04:10,060 --> 00:04:13,560 o isang kaibigan playing o kahit ano sa mga application na ito. 75 00:04:13,560 --> 00:04:15,550 Ito ay isang bagay upang ma-engganyo ka pabalik in 76 00:04:15,550 --> 00:04:18,640 Kaya iyon ang live na tile, at maaari itong isang tao, maaaring ito ay pati na rin ang isang website. 77 00:04:18,640 --> 00:04:20,790 Karaniwan ito ay isang application. 78 00:04:20,790 --> 00:04:25,320 >> Pretty magkano ang lahat ng mga bagay na ito na mayroon akong dito ay nagmula sa Windows Store. Kukunin ko ilunsad na. 79 00:04:25,320 --> 00:04:27,890 Ito ay isa sa mga application na makakakuha ka sa pamamagitan ng default 80 00:04:27,890 --> 00:04:30,350 sa anumang machine na nagpapatakbo ng Windows 8. 81 00:04:30,350 --> 00:04:33,040 Maaari mong dumating dito upang mahanap ang anumang bagay na gusto mo gusto, 82 00:04:33,040 --> 00:04:37,240 mula sa mga bagay na ay naka-highlight sa mga laro na hindi ko pa nakikita dati. 83 00:04:37,240 --> 00:04:39,440 Oh, a, nakuha namin ang isang bagong Pinball dito. 84 00:04:39,440 --> 00:04:41,580 Maaari mong i-install ang mga dito mismo mula sa tindahan, 85 00:04:41,580 --> 00:04:43,420 at kami na makipag-usap tungkol sa kung paano bumuo ng mga ito. 86 00:04:43,420 --> 00:04:45,670 Mayroon kang maraming mga pagpipilian sa kung paano mo likhain ang mga ito. 87 00:04:45,670 --> 00:04:49,020 Susubukan naming tumuon sa sa kuwento ng JavaScript sa HTML at CSS, 88 00:04:49,020 --> 00:04:52,790 ngunit sa gumagamit, upang ang tagapamili ng app, ito ay hindi mahalaga kung ano ito ay isinulat in 89 00:04:52,790 --> 00:04:54,670 Maaari silang magpatuloy at gumagana sa mga ito. 90 00:04:54,670 --> 00:04:57,870 Ako intrigued sa pamamagitan ng isang ito, kaya kailangan ko upang buksan ito up at kumuha ng isang hitsura. 91 00:04:57,870 --> 00:05:02,310 Ang bawat app, kabilang ang mga na maaari mong isumite at magbenta o mamigay ng libre, 92 00:05:02,310 --> 00:05:06,240 kahit anong gusto mong gawin sa mga tindahan, ay makakuha ng isang home page na katulad nito. 93 00:05:06,240 --> 00:05:10,750 Maaari mong isumite kasama ng iyong application ng grupo ng mga screen shot - mo makita dito ilang - 94 00:05:10,750 --> 00:05:15,970 mga detalye tungkol sa aplikasyon, at sa paglipas ng panahon makakakita ka makaipon ng parehong mga rating - 95 00:05:15,970 --> 00:05:19,020 ang mga ito ay isa lamang lamang ang star rating - at review, 96 00:05:19,020 --> 00:05:20,690 na nagbibigay ng kaunting karagdagang pananaw. 97 00:05:20,690 --> 00:05:24,380 Talaga, may isang taong may mag-type ng isang bagay at sabihin sa iyo kung paano kahanga-hangang nasaan ka, 98 00:05:24,380 --> 00:05:29,300 at iyon ay pumunta sa iyong seksyon na Mga Pagsusuri sa paglipas dito, na hindi ko pa tumingin sa. 99 00:05:29,300 --> 00:05:33,890 Hindi kapani-paniwala. "Ay hindi kahit buksan." Paano mahusay. 100 00:05:33,890 --> 00:05:39,000 Well, para sa mga tao para kung kanino bukas at patakbuhin ito ginawa, tila sila upang tangkilikin talaga ito. [Laughs] 101 00:05:39,000 --> 00:05:43,770 Panatilihin ito sa isip. Ang Internet. Sinuman ay maaaring sabihin kung ano ang gusto nila tungkol sa inyong aplikasyon. 102 00:05:43,770 --> 00:05:45,780 Kaya tiyaking ikaw ay gumagawa ng isang mahusay na trabaho na may ito, 103 00:05:45,780 --> 00:05:49,030 tiyakin na pinakikinabangan ninyo ito bilang kumportable para sa user na magagawa mo 104 00:05:49,030 --> 00:05:52,720 dahil hindi nila ng ilang mga pag-click ang layo mula sa pagbibigay ng isang pagsusuri, 105 00:05:52,720 --> 00:05:55,870 at iyon ay makaipon ng hanggang sa iyong pangkalahatang rating pagsusuri. 106 00:05:55,870 --> 00:05:58,990 At gusto mong gawin ang iyong pinakamahusay na dahil naka pagpunta sa maging up laban sa iba pang mga application. 107 00:05:58,990 --> 00:06:01,830 Magkakaroon ng libo-libong mga apps na sa store, 108 00:06:01,830 --> 00:06:06,880 at pagkakataon, maaaring may isang bagay na gumagana ang katulad na pag-andar sa kung ano ang iyong ginagawa. 109 00:06:06,880 --> 00:06:12,740 Kaya kung maaari mo ba talagang magmatigas mula sa karamihan ng tao, na magiging sa iyong kalamangan, siyempre. 110 00:06:12,740 --> 00:06:15,300 >> Susubukan naming makuha papunta sa tindahan kaunti sa susunod. 111 00:06:15,300 --> 00:06:17,090 Ko ba talagang i-focus sa paglikha ng mga app. 112 00:06:17,090 --> 00:06:20,760 Ngunit ang maikling bersyon ng tindahan ay sa buong mundo pamamahagi, 113 00:06:20,760 --> 00:06:25,430 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, 114 00:06:25,430 --> 00:06:29,070 mayroon ka ng Dress-Up Sticker Book at lahat ng uri ng iba't ibang apps. 115 00:06:29,070 --> 00:06:33,690 Fresh Pintura, ito ang gagamitin ko ng maraming - mahina, ngunit ito ang gagamitin ko ng maraming. 116 00:06:33,690 --> 00:06:36,080 Ito nagpapakita sa akin na pagmamay-ari ko ito. 117 00:06:36,080 --> 00:06:41,280 Hayaan akong ipakita sa iyo ang isang bagay na wala akong - UVideos Wala akong bilang bagong tatak. 118 00:06:41,280 --> 00:06:43,660 Ang makikita mo dito ito ay libre, kaya maaari mo itong i-install mula mismo sa store. 119 00:06:43,660 --> 00:06:46,430 Mayroon kang pagpipilian masyadong. Maaari mong siyempre bigyan ito ang layo. 120 00:06:46,430 --> 00:06:49,660 Maaari mong ilagay ang advertising sa app o laro. 121 00:06:49,660 --> 00:06:54,770 Maaari mo ring singilin para dito, at maaari mong masyadong madali magbigay ng isang pagsubok para sa application pati na rin 122 00:06:54,770 --> 00:06:58,220 kaya maaari mong hayaan ang mga tao subukan ito para sa isang linggo o kahit anong gusto mong gawin. 123 00:06:58,220 --> 00:07:01,540 Iyon lang napapasadyang sa pamamagitan ng portal. Hindi mo na isulat ang anumang code para sa iyon. 124 00:07:01,540 --> 00:07:03,990 Kaya't sabihin mo, "maaari mo itong gamitin para sa isang linggo at pagkatapos ay na kailangan mong bilhin ito," 125 00:07:03,990 --> 00:07:07,130 o maaari mong gawin ang mga bagay tulad ng, "maaari mong i-play ang unang 3 antas ng larong ito 126 00:07:07,130 --> 00:07:09,820 "At pagkatapos ay mayroon ka upang bumili upang ma-access ang ibang bahagi." 127 00:07:09,820 --> 00:07:12,310 Maaari mo ring gawin ang mga pagbili ng in-app pati na rin, sa gayon maaari mong sabihin, 128 00:07:12,310 --> 00:07:17,880 "Nakakuha kami ng karagdagang mga pakikipagsapalaran o mga hanay ng mga graphics o mga bagay na unlock - 129 00:07:17,880 --> 00:07:21,430 "Higit pa recipe na naka-unlock -. Kung bumili ka ng mga extended sets" 130 00:07:21,430 --> 00:07:24,260 At maaari mong gawin iyon sa loob ng app o game mismo lahat. 131 00:07:24,260 --> 00:07:26,070 Kaya, ganap na nakasalalay sa iyo, ang iyong pinili. 132 00:07:26,070 --> 00:07:28,070 Maraming mga bagay na maaari mong gawin sa mga tindahan, 133 00:07:28,070 --> 00:07:31,660 at pagkatapos ay isa lamang ikaw ay nagsusumite ng ito sa isang certification ng channel. 134 00:07:31,660 --> 00:07:35,380 Maaari naming makipag-usap tungkol sa lahat na ang isang maliit na bit sa paglaon, ngunit ito ay ang layunin. 135 00:07:35,380 --> 00:07:40,410 Gusto mong makuha ang iyong mga app ang kakayahang makita ng buong mundo sa store dito. 136 00:07:40,410 --> 00:07:44,170 >> Bumalik sa screen Start dito, nais kong ipakita sa iyo sa paligid ng isang kaunti pa. 137 00:07:44,170 --> 00:07:50,580 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. 138 00:07:50,580 --> 00:07:53,070 Upang gawin iyon, magagawa ko ilunsad ang sariwang Paint. 139 00:07:53,070 --> 00:07:55,550 Ang isang bagay na makikita mo dito ay bawat solong bit ng screen, 140 00:07:55,550 --> 00:07:58,040 lahat ng mga pixel ng screen, pumunta sa iyong app. 141 00:07:58,040 --> 00:08:01,990 Wala na ang mga araw kung saan mayroon kang mga hangganan sa paligid ng mga bintana 142 00:08:01,990 --> 00:08:05,120 na may maraming mga pindutan na ay palaging doon paglalaan ng espasyo sa lahat ng oras. 143 00:08:05,120 --> 00:08:09,430 Ikaw talaga ngayon ay nais upang makakuha ng layo mula iyon at mayroon lamang ang iyong nilalaman ay ang focus. 144 00:08:09,430 --> 00:08:13,710 Maaari naming gawin ang mga bagay na may Windows sa pamamagitan ng pag-access ng iba pang mga uri ng mga menu. 145 00:08:13,710 --> 00:08:16,840 Ang isa sa mga ito ay ang tunay na tinatawag na charms bar, 146 00:08:16,840 --> 00:08:18,870 at pagdating out mula sa gilid ng screen. 147 00:08:18,870 --> 00:08:21,270 Maaari mong aktwal na pumitik mula sa gilid kung mayroon kang isang touch screen, 148 00:08:21,270 --> 00:08:24,840 maaari mong i-right click kung mayroon kang isang mouse, mayroong isang shortcut sa keyboard para dito, 149 00:08:24,840 --> 00:08:29,490 mayroong palaging ng higit sa isang paraan upang gawin ang isang bagay sa kapaligiran dito. 150 00:08:29,490 --> 00:08:31,680 Na pinagsasama-out ng isang bilang ng mga bagay na maaari mong gawin. 151 00:08:31,680 --> 00:08:33,870 Ang pinaka-halata ay maaari kang bumalik sa Start screen, 152 00:08:33,870 --> 00:08:36,780 ngunit ang iba pang 4 ay kung ano ang tinatawag na charms. 153 00:08:36,780 --> 00:08:41,059 Ang mga ito ay mga kontrata na maaari mong plug sa bilang ng nag-develop ng app. Ang mga ito ay medyo cool. 154 00:08:41,059 --> 00:08:43,340 Paghahanap, ako sigurado na ang isang bagay na iyong pagpunta sa gawin, 155 00:08:43,340 --> 00:08:44,950 pagbabahagi kukunin ko na ipakita sa iyo sa isang segundo, 156 00:08:44,950 --> 00:08:48,450 at Aparato at Mga Setting, ang mga ito ay ang lahat ng bagay na maaari plug ang iyong app sa 157 00:08:48,450 --> 00:08:51,960 upang magamit Windows, sasabihin, "tapos na ako sa aking bahagi 158 00:08:51,960 --> 00:08:54,700 "At gusto ko Windows upang suportahan ang ilang iba pang mga pag-andar, 159 00:08:54,700 --> 00:08:56,750 "At hindi ko nais upang sumulat ng maraming code upang gumawa na mangyari." 160 00:08:56,750 --> 00:08:59,480 Iyan ay talagang isang benepisyo ng paggamit ng mga tampok na ito. 161 00:08:59,480 --> 00:09:01,340 Hayaan akong ipakita sa iyo ng isa. 162 00:09:01,340 --> 00:09:05,170 Upang gawin iyon, magagawa kong gumawa ng bagong pagpipinta. 163 00:09:05,170 --> 00:09:08,240 Usapan ko rin ang tungkol sa paggamit ng bawat pixel para sa iyong app. 164 00:09:08,240 --> 00:09:11,850 Sa pamamagitan ng default, ito ay kung ano ang tinitingnan ng pintura app tulad ng kapag ginagamit mo ito. 165 00:09:11,850 --> 00:09:14,960 Ito ay talagang lamang tungkol sa kahit anong ka pagguhit, ang iyong nilalaman. 166 00:09:14,960 --> 00:09:20,850 Maaari kong gawin kakila-kilabot mga bagay dito. Ano ang dapat kong iguhit? Hindi ko alam. 167 00:09:20,850 --> 00:09:23,110 Scribble? Oh, mahusay. Ang maaari kong gawin Scribble. Hindi kapani-paniwala. 168 00:09:23,110 --> 00:09:25,130 Isang pabo? [Laughs] 169 00:09:25,130 --> 00:09:28,500 Ito ang pinaka-abstract pabo makikita mo. 170 00:09:28,500 --> 00:09:31,780 Maaari ko rin ilabas ang kung ano ang tinatawag na ang app bar, 171 00:09:31,780 --> 00:09:33,850 at ito ay talagang isa sa mga pangunahing mga paraan na maaari mong gamitin 172 00:09:33,850 --> 00:09:37,210 upang itago ang layo ng lahat ng mga bagay-bagay na maaaring naging sa iyong app o game bago 173 00:09:37,210 --> 00:09:39,570 pagkuha up lamang espasyo sa lahat ng oras. 174 00:09:39,570 --> 00:09:43,270 Kaya ngayon maaari mo itong ilagay up dito, at ito ay talagang isa sa mas magandang karanasan 175 00:09:43,270 --> 00:09:46,380 may app bar ang na iyong nakita ko. 176 00:09:46,380 --> 00:09:48,800 Ilagay ang mga pinili dito para sa pagpili ng iba't ibang kulay. 177 00:09:48,800 --> 00:09:54,310 Nais namin ng isang pabo, kaya maglalagay kami ng ilang mga kayumanggi dito, simulan ang paghahalo ng dalawang kulay. 178 00:09:54,310 --> 00:09:58,790 Kukunin namin ang isang intermediate na kulay dito at pagkatapos ay bumalik dito. 179 00:09:58,790 --> 00:10:02,990 Maaari mong simulan ang pagguhit. Mayroon iyong pabo. Hindi kapani-paniwala. 180 00:10:02,990 --> 00:10:07,660 Hindi ko ma-gumuhit upang magsimula sa, ngunit upang gawin ito na may isang touchpad sa harap ng isang madla ay mas mahusay. 181 00:10:07,660 --> 00:10:09,640 Ito ay kahanga-hangang. 182 00:10:09,640 --> 00:10:13,030 Ang ideya, bagaman, ay ang lahat ng bagay na aking na nagmamalasakit sa ay dito mismo sa ibabaw. 183 00:10:13,030 --> 00:10:17,060 Sabihin nating ako kaya nasiyahan na ito na Mayroon akong upang ibahagi ito sa isang tao. 184 00:10:17,060 --> 00:10:19,680 Karaniwan kung ano ang gusto mong gawin sa iba pang mga bersyon ng Windows, 185 00:10:19,680 --> 00:10:22,900 Gusto mo siguro kumuha ng screen shot, gusto mo gumawa ng ilang kopya-paste ang mga ng iyong teksto 186 00:10:22,900 --> 00:10:24,950 o mga bagay na tulad na na gusto mong ibahagi out, 187 00:10:24,950 --> 00:10:27,260 at pagkatapos ay pumunta at buksan up ng isa pang application at ilagay ito sa ito. 188 00:10:27,260 --> 00:10:28,630 Narito hindi mo na kailangang gawin iyon. 189 00:10:28,630 --> 00:10:32,400 Maaari mong aktwal na maglabas ang charms bar at sabihin, "Gusto kong ibahagi ito." 190 00:10:32,400 --> 00:10:35,000 Sa puntong ito ito ay pagpunta upang ipakita sa iyo ang lahat ng mga apps 191 00:10:35,000 --> 00:10:38,080 na alam kung paano gumagana sa kahit anong ay ibinabahagi. 192 00:10:38,080 --> 00:10:41,590 Sa kasong ito ito ay isang larawan, kaya pagpunta sa sabihin, "nakikita ko na kailangan ng isang larawan." 193 00:10:41,590 --> 00:10:45,590 "Nais mo bang ibahagi iyon?" Maaari mong makita ako ng email sa mga bagay-bagay ang aking sarili sa lahat ng oras. 194 00:10:45,590 --> 00:10:49,420 Kinikilala nito na, at ito ay nag-aalok sa akin na bilang isang shortcut, 195 00:10:49,420 --> 00:10:53,270 ngunit ito rin ang pagpapakita sa akin ng bawat app na nakakaalam kung paano haharapin ang pagkuha ng litrato 196 00:10:53,270 --> 00:10:55,520 at paggawa ng isang bagay na may ito. 197 00:10:55,520 --> 00:10:57,890 Ang mga ito ay ang lahat ng nakasaad sa Windows na maaari nilang gawin iyon. 198 00:10:57,890 --> 00:10:59,240 Sa puntong ito ito ay Windows. 199 00:10:59,240 --> 00:11:01,680 Ang gumagamit na lamang pinipili kung ano ang gusto nilang gawin sa mga ito. 200 00:11:01,680 --> 00:11:06,610 Kukunin ko ang aking mga dati ng PuzzleTouch. Maaari mong makita Lumikha ako ng lahat ng uri ng mga puzzle sa paglipas ng panahon. 201 00:11:06,610 --> 00:11:11,790 Kukunin ko PuzzleTouch at sabihin, "Gusto kong ibahagi ang mga kamangha-manghang paglikha sa PuzzleTouch." 202 00:11:11,790 --> 00:11:16,670 Ito ay pagpunta sa sige at sabihin, "Mahusay. Gusto mo upang ibahagi ito? Hindi kapani-paniwala." 203 00:11:16,670 --> 00:11:19,260 "Gusto mo ba upang makagawa ng isang palaisipan na ay madali, intermediate, ano naman?" 204 00:11:19,260 --> 00:11:20,800 Magtatagal ako gumawa ng isang intermediate dito. 205 00:11:20,800 --> 00:11:24,890 Ito ay gumagawa ang puzzle. Ito ay pagpunta sa maging isang kahila-hilakbot na palaisipan dahil ito ay karamihan ay blangko. 206 00:11:24,890 --> 00:11:28,100 Ngunit ito ay handa na, at ito ay talagang pabalik sa iba pang mga application. 207 00:11:28,100 --> 00:11:32,360 Kung makatagpo akong hindi sumali dito, ang maaari kong hanapin ito at ilunsad ito. 208 00:11:32,360 --> 00:11:38,100 Ngayon kung mag-scroll namin sa ibabaw lamang ng kaunting dito, dapat naming makita ang aking paglikha sa isang lugar. 209 00:11:38,100 --> 00:11:42,930 Saan mo pumunta ako? Anong uri ng palaisipan ginawa ko? Ibig kong gawing madali? 210 00:11:42,930 --> 00:11:46,110 Oh, may ito ay, mula doon. 211 00:11:46,110 --> 00:11:49,550 [Chuckles] Ito ay ang madaling makikilala pabo puzzle na meron dito. 212 00:11:49,550 --> 00:11:52,360 Subalit ang bagay na gusto kong ituro sa iyo, ang mga cool na bagay dito 213 00:11:52,360 --> 00:11:54,710 ay ang apps ay hindi alam ang anumang bagay tungkol sa bawat isa. 214 00:11:54,710 --> 00:11:58,740 Lamang sinabi nila, "Mayroon akong isang larawan upang ibahagi, at alam ko kung paano haharapin ang mga larawan." 215 00:11:58,740 --> 00:12:01,420 At sa iyo bilang isang developer, hindi mo kailangang i-isulat ang code na iyon. 216 00:12:01,420 --> 00:12:05,350 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 217 00:12:05,350 --> 00:12:06,740 at ako ay tapos na. 218 00:12:06,740 --> 00:12:10,990 Ang iba pang mga app ay tumatagal ng higit sa, ang bagay nito, at iyon ang katapusan ng karanasan sa pagbabahagi. 219 00:12:10,990 --> 00:12:14,550 Iyon bagay isa lamang na maaari mong gawin - talaga ito, talagang malakas - 220 00:12:14,550 --> 00:12:17,570 at ito ay pagpunta sa maging isa sa mga bagay na maaaring talagang matulungan iibahin ang iyong mga app 221 00:12:17,570 --> 00:12:20,090 at din ang iyong laro masyadong sa tindahan. 222 00:12:20,090 --> 00:12:22,220 Ang mga tao ay pagpunta sa magagawang sabihin, "Ito ay talagang kapaki-pakinabang." 223 00:12:22,220 --> 00:12:25,430 "Ginagamit ko ang taga-gawa ng palaisipan na ito sa lahat ng oras. Ito ay walang katotohanan." 224 00:12:25,430 --> 00:12:30,490 >> Iyon ay tungkol sa sapat ng isang maikling pangkalahatang-ideya ng kung ano ang nangyayari sa dito. 225 00:12:30,490 --> 00:12:33,670 Mayroong ilang iba pang mga tampok masyadong na siguro gagamitin namin i-highlight ang bilang pumunta kami sa pamamagitan ng code. 226 00:12:33,670 --> 00:12:37,710 Pero gusto kong sumisid sa mga slide, at upang gawin iyon, ako pagpunta sa pumunta sa Desktop, 227 00:12:37,710 --> 00:12:40,940 na kung saan ay kanyang sarili ng isa pang live na tile dito. 228 00:12:40,940 --> 00:12:43,840 Maaari ba akong pumunta sa ito at, bang sapat, ako sa aking mga slide, 229 00:12:43,840 --> 00:12:46,320 ngunit hayaan mo akong ipakita sa iyo talaga kung nasaan namin. 230 00:12:46,320 --> 00:12:48,460 Kami ay talagang nasa mode Desktop. 231 00:12:48,460 --> 00:12:52,580 Ito ay talagang kung saan kung ano ang sinasabi ko bago tungkol sa Windows pagdala pasulong 232 00:12:52,580 --> 00:12:54,850 sa mga bagong mga karanasan ay nagpapakita mismo. 233 00:12:54,850 --> 00:12:56,450 Ito ang Windows kilala mo. 234 00:12:56,450 --> 00:12:59,730 Mga application ng Windows ay tinatawag na desktop apps. Patakbuhin ang mga ito dito. 235 00:12:59,730 --> 00:13:02,730 Kung ikaw ay umiiral na apps at gusto mong patakbuhin ang mga ito sa Windows 8, 236 00:13:02,730 --> 00:13:04,710 maaari mong ganap na gawin iyon. 237 00:13:04,710 --> 00:13:07,590 Ang mga ito ay hindi ang parehong bagay tulad ng mga app store, na kung saan ay higit sa dito, 238 00:13:07,590 --> 00:13:12,240 tulad ng Fresh Paint at mga apps at mga bagay tulad na NBC News. Yaong ay darating mula sa tindahan. 239 00:13:12,240 --> 00:13:14,450 Maaari silang plug sa ilan sa mga tampok na ako ay nagpapakita sa iyo 240 00:13:14,450 --> 00:13:16,620 at sa iba pa na hindi pa lang ako ang nagpakita sa iyo. 241 00:13:16,620 --> 00:13:21,460 Ngunit panatilihin lamang na nasa isip. Mayroon kaming suporta para sa parehong ng mga bagay na ito pati na rin. 242 00:13:21,460 --> 00:13:27,000 Sorry. Hindi nakapalabas ang isang bagay sa screen? Nawala ko na ito nang tuluyan. Iyan ay kakaiba. 243 00:13:29,000 --> 00:13:31,000 Okay. Salamat para sa pagturo out na. 244 00:13:31,000 --> 00:13:34,770 Ano hindi mo pa nai-nakakakita para sa isang habang ang aking pagpapakita sa iyo na ang desktop ay dito. 245 00:13:34,770 --> 00:13:37,540 Ano ang huling bagay na nakita mo? Makita mo ba ito? 246 00:13:37,540 --> 00:13:39,490 Ito ang desktop. Alam mo na kung ano ang mukhang. 247 00:13:39,490 --> 00:13:42,070 Ito ay walang katakut-takot sa hindi pangkaraniwang. 248 00:13:42,070 --> 00:13:46,940 Ang aming Ito ay nagdadala karanasan na pasulong para sa iyo at sa pagpapaalam gamitin mo ang mga bagay na nagkaroon ka. 249 00:13:46,940 --> 00:13:50,460 Halimbawa, magpapadala ako ay nagpapakita sa iyo ng Visual Studio. Iyon ay isang desktop application. 250 00:13:50,460 --> 00:13:52,600 Ito ay pagpunta upang patakbuhin sa mode na ito. 251 00:13:52,600 --> 00:13:54,960 Ito ay pagpunta upang suportahan ang isang mas kumplikadong kapaligiran 252 00:13:54,960 --> 00:14:01,470 na may maraming mga pagpipilian at mga bagay tulad na, kaya ito ay ginagawang isang magandang pagpipilian bilang isang desktop app. 253 00:14:01,470 --> 00:14:04,810 >> Iyon ay sinabi, sabihin pumunta sa mga slide para lamang sa ilang sandali 254 00:14:04,810 --> 00:14:09,720 at magbibigay sa iyo ng ilang mga panimulang nilalaman at pagkatapos ay makakuha sa aktwal na coding dito. 255 00:14:09,720 --> 00:14:14,070 Ang magandang balita ay narinig ko na ikaw ay tumututok sa isang pulutong ng CSS at JavaScript, HTML. 256 00:14:14,070 --> 00:14:18,110 Ang lahat ng mga bagay na iyong nai-pag-aaral ng carry direkta sa paggawa ng apps Tindahan ng Windows. 257 00:14:18,110 --> 00:14:22,920 Ang mga bagay na iyong nai-pakikinig tungkol sa paglalapat ng CSS tagapili at ang lahat ng mga bagay 258 00:14:22,920 --> 00:14:27,180 ay eksakto kung ano ang gagawin mo upang lumikha ng isang application dito para sa tindahan. 259 00:14:27,180 --> 00:14:29,640 Susubukan naming dumaan sa mga bagay na ito unti-unti. 260 00:14:29,640 --> 00:14:34,130 Talaga, ako pagbuo sa mga bagay-bagay na mayroon na iyong kinuha ang oras upang malaman. 261 00:14:34,130 --> 00:14:36,520 Ito ay ang pangkalahatang tsart ng mga teknolohiya na maaari mong gamitin 262 00:14:36,520 --> 00:14:38,790 upang gumawa ng application para sa Windows 8. 263 00:14:38,790 --> 00:14:42,840 Ang mga bagay-bagay sa kanan, sa desktop apps, ay talagang kung ano ang alam namin. 264 00:14:42,840 --> 00:14:46,840 Iyon bagay-bagay na ay talagang ang Windows 7 mundo nadala sa Windows 8. 265 00:14:46,840 --> 00:14:51,920 Ang lahat ng mga pagpipilian magdala pasulong: C #, VB, Win32 uri ng pag-unlad. 266 00:14:51,920 --> 00:14:54,450 Mahusay. Walang problema. Ang bagong bagay ay sa kaliwa na bahagi. 267 00:14:54,450 --> 00:14:58,220 Iyon apps Tindahan ng Windows, na kapag ako ay nais na naka-wire na aking application sa Windows 8 268 00:14:58,220 --> 00:15:02,300 paggamit ng lahat ng mga tampok na iyon, kumuha ng mga ito sa tindahan, at makakuha na talagang cool na karanasan 269 00:15:02,300 --> 00:15:05,260 ng mga application Tindahan ng Windows. 270 00:15:05,260 --> 00:15:10,350 Upang gawin iyon, maaari mong makita dito na kailangan ang lahat ng iyong mga pagpipilian sa XAML, C + +, 271 00:15:10,350 --> 00:15:14,100 C #, VB, maaari mong gawin ang DirectX, mga bagay tulad na, ang mga bagay na pumunta sa ibayo ng slide. 272 00:15:14,100 --> 00:15:18,650 Ngunit para sa amin, ipinapadala namin ng pagpunta sa tumutok pakanan sa sa ang katunayan na ang HTML, CSS, at JavaScript 273 00:15:18,650 --> 00:15:22,890 ay talagang isang primera klaseng mamamayan para sa paggawa ng mga application para sa Windows 8 274 00:15:22,890 --> 00:15:24,960 at para sa Windows Store. 275 00:15:24,960 --> 00:15:27,950 Kaya ito ay mabuti para sa lahat ng tao dito at mga kasamahan nanonood sa video 276 00:15:27,950 --> 00:15:30,760 dahil maaari mo lamang magamit ang lahat ng mga karanasan na mayroon ka 277 00:15:30,760 --> 00:15:33,900 at talagang itali sa kung anong nag-aalok ng Windows. 278 00:15:33,900 --> 00:15:37,870 Ikaw ay pagpunta sa gawin iyon sa pamamagitan ng isang hanay ng mga API, na dapat ay walang sorpresa. 279 00:15:37,870 --> 00:15:39,920 Ang bawat OS ay may sariling mga API. 280 00:15:39,920 --> 00:15:43,530 Ilantad namin kung ano ang maaaring gawin sa Windows sa pamamagitan ng kung ano ang tinatawag na WinRT. 281 00:15:43,530 --> 00:15:46,370 Ito ay isang hanay ng mga API na ginagawa lamang ang lahat ng bagay para sa iyo. 282 00:15:46,370 --> 00:15:51,650 Kung kailangan mo upang buksan ang mga file, kailangan mong gamitin ang camera, geolocation, mga bagay tulad na, 283 00:15:51,650 --> 00:15:55,700 pumunta sila sa pamamagitan ng kung ano ang maaaring mag-alok ng Windows sa iyo. 284 00:15:55,700 --> 00:15:59,370 Upang ma-access na iyon, mayroon kaming ilang mga higit pang JavaScript na pupuntahan upang gawin itong mas madali 285 00:15:59,370 --> 00:16:02,510 para sa iyo upang gawin iyon. Susubukan naming makapunta sa na sa ilang sandali. 286 00:16:02,510 --> 00:16:04,060 Ngunit para sa ngayon, na isa lamang ang iyong mga mapa ng daan. 287 00:16:04,060 --> 00:16:06,770 Ang mga bagay na nakalikha ka na nai-paggawa sa tuktok ng ilang mga API 288 00:16:06,770 --> 00:16:11,280 na tulong nagtatrabaho ka na may Windows ay katumbas ng tindahan app. 289 00:16:11,280 --> 00:16:14,210 At iyon ang talagang tungkol sa lahat ng kailangan mong malaman mula sa mataas na antas. 290 00:16:14,210 --> 00:16:17,370 >> Susubukan naming sumisid sa aktwal na nagtatrabaho gamit ang mga bagay ngayon. 291 00:16:18,940 --> 00:16:21,950 Ang mga bagay na malamang na nakita mo ang isang bungkos ng, 292 00:16:21,950 --> 00:16:26,760 may IE9 ng kaunti habang pabalik ipinakilala namin ang suporta para sa maraming mga, sa panahon, 293 00:16:26,760 --> 00:16:30,340 mas bagong mga pamantayan sa Web, kaya ng maraming mga bagong tampok ng CSS, 294 00:16:30,340 --> 00:16:34,380 ng maraming bagong HTML, ECMAScript 5, na kung saan ay talagang JavaScript. 295 00:16:34,380 --> 00:16:38,090 Kaya lahat ng bagay para sa na maliban sa mahigpit na mode ay nasa IE9. 296 00:16:38,090 --> 00:16:42,290 Lamang sa isang tonelada ng mga bagay-bagay na may CSS, CSS3, ang lahat sa doon. 297 00:16:42,290 --> 00:16:45,300 At lahat ng mga bagay-bagay na ito ay nagdadala pasulong sa kung anong ginagawa namin na may Windows 8. 298 00:16:45,300 --> 00:16:49,350 Maaari mong gamitin ang mga bagay na ito, at maaari mong gamitin ang lahat ng bagay na bago sa IE10. 299 00:16:49,350 --> 00:16:54,640 Sa IE10 ipakilala kami ng suporta para sa lahat ng mga bagay na ito pati na rin. 300 00:16:54,640 --> 00:16:59,340 Ang mga ito ang lahat ng hardware-accelerated, kaya kung ikaw ay nasa isang machine na may ilang mga uri ng GPU, 301 00:16:59,340 --> 00:17:04,190 na kung saan ay marahil halos bawat machine na maaari mong makuha sa nakalipas na 8 taon, 302 00:17:04,190 --> 00:17:07,609 ka pagpunta sa magagawang upang magkaroon ng hardware-accelerated na output, 303 00:17:07,609 --> 00:17:11,770 visual na output na may CSS, Canvas, SVG. 304 00:17:11,770 --> 00:17:14,339 Lahat ng mga bagay ay pumunta sa pamamagitan ng acceleration hardware 305 00:17:14,339 --> 00:17:16,060 at maging na mas mabilis at mas magaling na. 306 00:17:16,060 --> 00:17:20,440 Ang maikling bersyon ng lahat ng ito - hindi pagpunta I'm upang pumunta sa pamamagitan ng bawat solong bagay dito - 307 00:17:20,440 --> 00:17:23,200 kung nakikita ito sa listahan na ito, kung maaari mo itong gawin sa IE10, 308 00:17:23,200 --> 00:17:25,650 kung ito ay isang web app na nagpapatakbo ka na gumagana sa IE10, 309 00:17:25,650 --> 00:17:28,640 ito ay isang bagay na maaari mong gawin bilang isang Store Windows app. 310 00:17:28,640 --> 00:17:33,100 At iyon ang medyo magkano ito. Kaya kung ito ay gumagana sa IE10, ito ay pagpunta sa gumana tulad ng isang Store Windows app. 311 00:17:33,100 --> 00:17:36,370 Ito ay nasa mesa bilang isang bagay na maaari mong gamitin. 312 00:17:36,370 --> 00:17:40,510 >> Marami dito. Wala kaming hanggang hatinggabi, kaya hindi ko susuriin ang lahat ng bagay dito. 313 00:17:40,510 --> 00:17:44,060 Ngunit may mga ilang mga site na makakatulong sa iyo na maunawaan kung ano ang maaaring magawa ang mga bagay na, 314 00:17:44,060 --> 00:17:45,520 at kukunin ko na ipakita sa iyo ang isa sa mga ito sa isang segundo. 315 00:17:45,520 --> 00:17:48,410 Nais ko lamang upang ituro ang ilang sa mga mahalagang bagay na maaari kang tumingin sa. 316 00:17:48,410 --> 00:17:51,560 Siguro na nakita mo na ang ilan sa mga ito sa iyong mga pag-aaral, 317 00:17:51,560 --> 00:17:56,610 ngunit ang mga ito ay talagang kapaki-pakinabang, sa partikular sa mga app Store Windows, mula sa CSS gilid. 318 00:17:56,610 --> 00:18:02,420 Kaya kawalan ng kakayahang gawin transforms at mga transition, magbigay ng paggalaw na may animation - 319 00:18:02,420 --> 00:18:07,010 ang mga ito ay lahat bahagi ng CSS ngayon, at ang lahat ng mga ito ay suportado ng modernong browser, 320 00:18:07,010 --> 00:18:11,370 at IE10 at IE9 nagdagdag ng suporta sa paglipas ng panahon para sa lahat ng mga bagay na ito. 321 00:18:11,370 --> 00:18:15,220 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 322 00:18:15,220 --> 00:18:19,970 kapag maaari mong gamitin ang isang simpleng CSS ibahin ang anyo upang lumikha ng 3D na effect para sa iyong application? 323 00:18:19,970 --> 00:18:22,740 Mahusay. Iyon ay kung paano ito gumagana. 324 00:18:22,740 --> 00:18:24,530 Hindi ako makagawa ito anumang mas mahirap kaysa sa na. 325 00:18:24,530 --> 00:18:28,330 Kung alam mo kung paano ito gawin sa CSS, alam mo kung paano gawin ito sa Windows Store app. 326 00:18:28,330 --> 00:18:32,080 >> Lagpas na para sa layout, mga bagay tulad ng kahit na ang store app, 327 00:18:32,080 --> 00:18:35,350 ngunit lagpas na, tumitingin sa siguro ng balita app na nagpapakita sa iyo ng mga artikulo 328 00:18:35,350 --> 00:18:40,160 o mga recipe o mga bagay tulad na, ang iba pang mga uri ng mga tampok sa CSS ay talagang kapaki-pakinabang: 329 00:18:40,160 --> 00:18:45,610 Grid, Flexbox, Mga Rehiyon CSS ay higit pa sa isang medyo bagong standard pati na rin. 330 00:18:45,610 --> 00:18:51,190 Ang mga bagay ay pumunta sa lahat upang matulungan kang mag-ipon out nilalaman at daloy ng nilalaman sa pagitan ng mga seksyon, 331 00:18:51,190 --> 00:18:55,470 magawa pagbilang ng pahina at hyphenation nang hindi mo kinakailangang i-isulat ang mga bagay na iyong sarili. 332 00:18:55,470 --> 00:18:57,500 Sasabihin mo lang, "Mangyari lamang na gawin ang mga sumusunod para sa akin," 333 00:18:57,500 --> 00:19:00,850 at bilang ang real estate ng iyong screen ay naiiba sa iba't ibang machine 334 00:19:00,850 --> 00:19:03,850 o bilang na iyong makikita sa isang sandali, pati na snap mo ang isang application 335 00:19:03,850 --> 00:19:07,920 upang magkaroon ng mas maliit na halaga ng puwang sa screen, na walang problema para sa CSS. 336 00:19:07,920 --> 00:19:11,160 Maaari itong samantalahin - we'll talk tungkol sa mga query sa media sa isang segundo - 337 00:19:11,160 --> 00:19:15,880 maaari itong tumagal ng pag-aalaga ng mga bagay sa repositioning ang iyong nilalaman, pag-agos ng nilalaman mula sa mga rehiyon 338 00:19:15,880 --> 00:19:21,240 lamang sa mga bagay na ito na maaari mo pa nakita sa teknolohiya ng web. 339 00:19:21,240 --> 00:19:25,470 >> Sa bahagi ng HTML5, mayroon ding isang bungkos ng mga bagay 340 00:19:25,470 --> 00:19:28,140 na magiging kapaki-pakinabang para sa iyo na may mga app Store Windows. 341 00:19:28,140 --> 00:19:30,980 Muli, hindi namin pumunta sa pamamagitan ng lahat sa mga ito, ngunit ang mga ito ay dito lamang. 342 00:19:30,980 --> 00:19:35,470 Kaya kung kailangan mong gamitin ito, audio-video, kung gusto mong gawin ang pagpapatunay mula sa mga form, 343 00:19:35,470 --> 00:19:40,570 geolocation, ang lahat ng mga bagay na maaari mong gawin sa JavaScript ang JavaScript sa 5 o ECMAScript 5, 344 00:19:40,570 --> 00:19:44,070 IndexedDB para sa lokal na imbakan - ang mga ito ay lahat ng mga pagpipilian para sa iyo. 345 00:19:44,070 --> 00:19:49,300 Kung naghahanap ka para sa isang sagot, tingnan lamang sa umiiral na mga teknolohiya na may HTML5 at CSS 346 00:19:49,300 --> 00:19:53,880 at iyong makikita ang mga sagot mas madali kaysa sa kinakailangang i-roll ng maraming mga bagay-bagay na iyong sarili. 347 00:19:53,880 --> 00:19:55,510 Hayaan akong ipakita sa iyo sa paligid ng isang kaunti dito. 348 00:19:55,510 --> 00:19:57,920 Nakakuha ako ng isang site na maaari naming pumunta sa. 349 00:19:57,920 --> 00:20:01,590 Hayaan akong huminto out sa slide na ito para sa isang segundo. 350 00:20:01,590 --> 00:20:06,450 >> Kung pumunta out namin sa IETestDrive.com, 351 00:20:06,450 --> 00:20:08,960 Ako karami ng isang demo dito ay hindi gawin. 352 00:20:08,960 --> 00:20:14,360 IETestDrive.com talaga nagpapakita sa iyo ng maraming kung ano ang bago sa mga IE10, 353 00:20:14,360 --> 00:20:16,220 sa mga bagay na maaari mong gawin. 354 00:20:16,220 --> 00:20:19,130 Tingin ko ito ay talagang kapaki-pakinabang dahil sa halip ng pagbabasa sa pamamagitan ng grupo ng mga white paper, 355 00:20:19,130 --> 00:20:23,020 tumingin sa isang ilang mga demo, at na ang nangyayari upang matulungan kang ilagay ito sa iyong sariling personal na radar 356 00:20:23,020 --> 00:20:26,620 tungkol sa kung ang isang teknolohiya saysay sa kahit na gawin ang anumang higit pang mga pananaliksik na may 357 00:20:26,620 --> 00:20:29,070 kaya makikita mo maintindihan, "makita ko kung ano ito ay para sa." 358 00:20:29,070 --> 00:20:32,780 "Naiintindihan ko kung ano ang ginagawa ng Kahilingan Animation Frame para sa akin." 359 00:20:32,780 --> 00:20:36,900 "Naiintindihan ko kung paano ko maaaring gamitin ng Rehiyon o mga filter ng SVG." 360 00:20:36,900 --> 00:20:40,190 Ang makikita mo ang mga ito sa aksyon, makita ang mga ito sa isang halimbawa dito, 361 00:20:40,190 --> 00:20:44,930 at magpasya para sa iyong sarili kung na pupuntahan maging kapaki-pakinabang para sa iyo sa iyong sariling mga proyekto at higit pa 362 00:20:44,930 --> 00:20:47,840 habang patuloy kang magtrabaho sa teknolohiya sa web. 363 00:20:47,840 --> 00:20:49,900 Narito Gusto ko hinihikayat ka lamang gumawa ng isang hitsura. 364 00:20:49,900 --> 00:20:52,880 Hindi sa tingin ko kukunin ko na gastusin karaming oras aktwal na tumatakbo ang mga ito. 365 00:20:52,880 --> 00:20:56,030 Sapat na upang ipakita sa pagsulat code na kailangan namin. 366 00:20:56,030 --> 00:21:01,640 Makikita mo dito ang mga bagay mula sa ugnay effect to-batay pindutin ang mga laro sa seksyon na iyon, 367 00:21:01,640 --> 00:21:06,050 animation, talagang mabilis hardware-accelerated animation doon, 368 00:21:06,050 --> 00:21:11,230 ilang mga pag-optimize na makikita mo sa ilan sa mga sample pati na rin, 369 00:21:11,230 --> 00:21:12,770 at mayroong maraming, marami pang iba. 370 00:21:12,770 --> 00:21:15,330 Kung kang pumunta sa paglipas dito at buksan ang site map, 371 00:21:15,330 --> 00:21:19,070 mayroong lamang isang katawa-tawa bilang ng mga sample dito. 372 00:21:19,070 --> 00:21:20,690 Maaari mong makita ang mga ito ang lahat dito. 373 00:21:20,690 --> 00:21:22,900 Kung naghahanap ka sa isang bagay o narinig mo tungkol sa isang bagay 374 00:21:22,900 --> 00:21:25,850 at tapos ka nagtataka siguro ito ay magiging isang bagay cool na gamitin sa app, 375 00:21:25,850 --> 00:21:31,720 subukan ang hinahanap dito, at doon ay marahil isang magandang magandang demo para dito upang i-save ang iyong sarili ng ilang oras. 376 00:21:31,720 --> 00:21:35,980 >> Okay? Ang anumang mga katanungan sa ngayon para sa mga kasamahan dito? 377 00:21:35,980 --> 00:21:39,620 Okay. Makikita dalhin namin sa dito. 378 00:21:39,620 --> 00:21:41,920 Muli, i-check lang na out. 379 00:21:41,920 --> 00:21:45,450 Ang mga ito ay mga pamantayan sa web, kaya pumunta sa anumang iba pang mga site showcase na alam mo ng 380 00:21:45,450 --> 00:21:50,550 at makita kung ang mga teknolohiya magkaroon ng kahulugan para sa kung ano ang iyong sinusubukang gawin. 381 00:21:50,550 --> 00:21:53,190 >> I-back sa mga slide. 382 00:21:53,190 --> 00:22:00,290 Iyon ay sinabi, ikaw ay gumagalaw mula sa isang Web mundo upang talagang isang naka-install na application lokal na mundo, 383 00:22:00,290 --> 00:22:01,850 kaya mayroong ilang mga bagay na dapat ituro dito. 384 00:22:01,850 --> 00:22:03,690 Una sa lahat, hindi na web server kasangkot dito. 385 00:22:03,690 --> 00:22:06,120 Walang Apache, walang IIS tumatakbo dito 386 00:22:06,120 --> 00:22:10,170 paghahatid up ang mga pahina sa isang remote client, sa isang remote ahente browser. 387 00:22:10,170 --> 00:22:13,000 Sa kasong ito, talaga ang lahat ng bagay ay naka-package up para sa iyo. 388 00:22:13,000 --> 00:22:16,630 Isumite mo ang bilang ng iyong application sa tindahan, maipo-certified, 389 00:22:16,630 --> 00:22:22,190 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. 390 00:22:22,190 --> 00:22:24,780 Ngunit isa lamang, sila ay kumukuha ito pababa nang lokal sa kanilang machine. 391 00:22:24,780 --> 00:22:29,080 Hindi na kailangan upang pumunta out sa Web ngayon maliban kung mayroon kang mga tawag na kailangan ng isang remote na API, 392 00:22:29,080 --> 00:22:31,790 at iyon ang perpektong normal pati na rin masyadong. 393 00:22:31,790 --> 00:22:35,330 Ngunit hindi sila ay pagpunta sa maging sa mode na kung saan mayroon sila upang pumunta tugon kahilingan mula sa isang server 394 00:22:35,330 --> 00:22:37,910 upang makuha ang susunod na pahina ng kanilang nilalaman. 395 00:22:37,910 --> 00:22:41,380 Kaya na sinabi, may ilang mga menor de edad pagkakaiba sa API. Ang mga ito ay hindi mapaniniwalaan o kapani-paniwala menor de edad. 396 00:22:41,380 --> 00:22:46,850 Ang mga ito ay malamang na hindi hit mo sa iyong normal na coding, ngunit ang mga ito ay hindi bababa sa dokumentado. 397 00:22:46,850 --> 00:22:50,030 Ang mga ito ay uri ng dulo kaso doon. 398 00:22:50,030 --> 00:22:53,370 >> Ang iba pang mga bagay na nagkakahalaga ng pagturo out ang mga pagkakaiba tiwala. 399 00:22:53,370 --> 00:22:58,070 Banggitin ko lang ito dahil gusto ko lang upang tiyakin na sinabi ko ito 400 00:22:58,070 --> 00:23:01,580 kaya kung nagpapatakbo ka sa ito sa ibang pagkakataon, makikita mo sa tingin, "sabi ni Chris ng isang bagay tungkol sa ito, 401 00:23:01,580 --> 00:23:04,890 "Kaya siguro, oo, okay na," at pagkatapos mo bumalik at mong malaman kung ano ito ay. 402 00:23:04,890 --> 00:23:06,480 Konteksto mahalaga. 403 00:23:06,480 --> 00:23:11,450 Sa pamamagitan ng default na subukan namin upang protektahan ang user mula sa vectors ng atake. 404 00:23:11,450 --> 00:23:13,400 May ilang mga bagay na maaari mong gawin sa pamamagitan ng default 405 00:23:13,400 --> 00:23:16,130 at ilang mga bagay na kailangan mong baguhin ang konteksto upang paganahin. 406 00:23:16,130 --> 00:23:19,860 Bilang gumagamit ka ng ilang mga aklatan out doon - you've nai-nagtatrabaho sa jQuery, 407 00:23:19,860 --> 00:23:23,650 ngunit kung tiningnan mo para sa iba pang mga aklatan out doon - maaari kang gumamit ng ilang mga pag-andar 408 00:23:23,650 --> 00:23:28,000 na uri ng napupunta lampas lokal na paggamit, ang higit pang mga dynamic na mga pakikipag-ugnayan 409 00:23:28,000 --> 00:23:30,360 Mga kahilingan XHR, mga bagay tulad na. 410 00:23:30,360 --> 00:23:33,090 Minsan maaari mong makita doon ay hindi pinagana bilang default, 411 00:23:33,090 --> 00:23:37,790 at sa kasong iyon, gawin lamang ng paghahanap, maghanap ng mga lokal at web konteksto, 412 00:23:37,790 --> 00:23:39,560 at makikita mo malaman kung paano ayusin iyon. 413 00:23:39,560 --> 00:23:42,580 Siguraduhin lamang na alam mo ang tungkol na bilang simulan mo ang paggamit ng iba pang mga Framework, 414 00:23:42,580 --> 00:23:45,720 kung saan, ang dapat kong banggitin, ikaw ay perpektong magagawa. 415 00:23:45,720 --> 00:23:49,290 Kaya kung nakita mo ang ilang iba pang mga balangkas - we'll talk tungkol dito sa isang segundo - 416 00:23:49,290 --> 00:23:54,000 para sa paglalaro at nais mong gamitin iyon, nais mong gamitin ang ilang mga kontrol library na Nariyan lang 417 00:23:54,000 --> 00:23:57,990 at hindi mo nais na magsulat ng mga bagay-bagay na iyong sarili - ito ay isang magandang ideya, i-right? - 418 00:23:57,990 --> 00:23:59,560 maaari mong ganap na magamit ang mga bagay-bagay na ito. 419 00:23:59,560 --> 00:24:03,660 Wala na may hawak na bumalik ka mula sa paggamit ng anumang uri ng library na batay sa JavaScript ang, 420 00:24:03,660 --> 00:24:05,380 CSS, HTML5. 421 00:24:05,380 --> 00:24:09,740 Muli, kung ito ay isang bagay na maaari mong gawin sa IE10, na isang ano ba ng maraming mga araw na ito, 422 00:24:09,740 --> 00:24:11,220 maaari mong gawin ito. 423 00:24:11,220 --> 00:24:14,800 Hilahin ito sa iyong app, reference na JavaScript library, at gamitin ito sa iyong application, 424 00:24:14,800 --> 00:24:19,880 lamang isinasaisip ang maaari mong pindutin ang isang konteksto ng seguridad nang isang beses sa isang habang - hindi masyadong madalas. 425 00:24:19,880 --> 00:24:24,150 >> At pagkatapos ay ang mga tampok, ipagpapatuloy namin ang ilang mga higit pa sa mga bilang pumunta namin. 426 00:24:24,150 --> 00:24:27,500 Ang UX makikita mo uri ng masanay tulad ng nakikita mo nang higit pa at higit pang mga application 427 00:24:27,500 --> 00:24:29,250 mula sa Windows Store. 428 00:24:29,250 --> 00:24:33,870 Makakakuha ka ng isang pakiramdam para sa kung paano gumagana ang mga ito at kung paano ay may gawi ang disenyo Aesthetic upang gumana 429 00:24:33,870 --> 00:24:37,720 sa iba't ibang mga application at kung ano ang mga tao ay magagamit upang nararanasan. 430 00:24:37,720 --> 00:24:39,660 Iyon lang talaga ang mahalagang bahagi. 431 00:24:39,660 --> 00:24:42,460 Siguraduhin na kapag sunog sila up ang iyong app hindi nila kailangang i-read ng manu-manong, 432 00:24:42,460 --> 00:24:44,300 na hindi kailanman nilang gawin, sa pamamagitan ng ang paraan. 433 00:24:44,300 --> 00:24:46,650 Dapat nilang magagawa upang simulan ang pag-play kasama ang iyong application lamang 434 00:24:46,650 --> 00:24:49,450 at pag-uunawa ng ito nang walang gaanong kahirapan. 435 00:24:49,450 --> 00:24:52,660 Sa pamamagitan ng nananatili at adhering sa isang maraming mga kasanayan, 436 00:24:52,660 --> 00:24:57,640 ka pagpunta sa gawin ang iyong mga gumagamit ng malaking pabor, na ginagawang mas madali na. 437 00:24:57,640 --> 00:25:01,810 >> Okay. Isang huling bagay sa gilid ng API at pagkatapos ay gagamitin namin makapunta sa aktwal na pagsusulat ng code. 438 00:25:01,810 --> 00:25:05,660 WinJS ay na bagay napaka daglian ko nabanggit sa na kumplikadong mga slide 439 00:25:05,660 --> 00:25:08,850 sa lahat ng mga iba't ibang mga pagpipilian na mayroon ka para sa paggawa ng mga application. 440 00:25:08,850 --> 00:25:10,890 WinJS, maaari mong isipin na ito bilang isang kaibigan. 441 00:25:10,890 --> 00:25:13,680 Ito ay ang iyong kaibigan upang makatulong na sinulat mo sa mga bagay-bagay nang mas mabilis. 442 00:25:13,680 --> 00:25:18,820 Ito ay lamang ng JavaScript at CSS. Hindi mo kailangang gamitin ito. Maaari mong gamitin ito. 443 00:25:18,820 --> 00:25:22,180 Kung gumagamit ka ng pagpunta sa ma-pagtawag in sa mga tampok ng Windows, ikaw ay maging bahagi ang paggamit nito, 444 00:25:22,180 --> 00:25:27,210 ngunit kung mayroong mga bagay tulad ng ilang mga pattern ng disenyo o mga kontrol na talagang hindi mo nais na gumamit, 445 00:25:27,210 --> 00:25:29,090 nais mong gamitin ang ibang bagay, ito ay nakasalalay sa iyo. 446 00:25:29,090 --> 00:25:32,580 Magpasya kung ano ang nais mong gamitin at ang mga istilo na nais mong gamitin. 447 00:25:32,580 --> 00:25:37,250 Ang mga tampok mula sa namespacing at klase henerasyon - hanggang sa iyo. 448 00:25:37,250 --> 00:25:41,650 Kung mas gusto mo ang isa o ang iba pang, ito ay ganap na iyong pinili. Ito ay JavaScript at CSS pa rin. 449 00:25:41,650 --> 00:25:43,860 Ngunit ito ay pagpunta upang matulungan kang magawa ng maraming mga bagay-bagay. 450 00:25:43,860 --> 00:25:47,780 Halimbawa, narito ang isang subset ng kung ano ang maaari itong gawin, 451 00:25:47,780 --> 00:25:50,790 mga bagay tulad ng pagtulong sa asynchronous programming na may mga pangako. 452 00:25:50,790 --> 00:25:54,000 Anumang ng ka narinig ng o nagtrabaho sa Node.js? 453 00:25:54,000 --> 00:25:59,520 Ito ay isang karaniwang pattern upang gumana sa asynchronous programming. 454 00:25:59,520 --> 00:26:02,370 Kaya talaga kung ano ang sinasabi sa iyo ay, "Pumunta gawin ang isang bagay, 455 00:26:02,370 --> 00:26:05,790 "At tapos ka ng pagpunta sa ninyo ako ng pangako na kailangan mong bumalik sa akin kapag tapos ka na." 456 00:26:05,790 --> 00:26:08,400 Iyan ay mahalagang kung ano ang nangyayari sa. 457 00:26:08,400 --> 00:26:12,400 Kaya hindi mo mag-freeze up ang iyong application na ito habang ang user ay pagpunta at pagpili ng isang file 458 00:26:12,400 --> 00:26:15,810 o isang bagay na ini-stream down mula sa Web. 459 00:26:15,810 --> 00:26:17,210 UI Ang nananatiling tumutugon. 460 00:26:17,210 --> 00:26:19,410 At maaari mong gawin iyon sa pamamagitan ng paggamit asynchronous programming. 461 00:26:19,410 --> 00:26:23,620 Ito tunog ridiculously mahirap unawain, ngunit ito ay talagang madali dahil gumagamit ka ng mga pangako 462 00:26:23,620 --> 00:26:27,900 at sasabihin mo lang, "Pumunta gawin ito at kapag tapos ka na, tawagan ang pabalik sa ang paraan na ito." 463 00:26:27,900 --> 00:26:30,270 Iyan ay medyo magkano ito. Iyon lang ang naka-built in sa WinJS. 464 00:26:30,270 --> 00:26:35,120 Ito ay pagpunta sa gawin itong mas madaling i-isulat talagang may kakayahang umangkop at malalakas na mga application. 465 00:26:35,120 --> 00:26:37,870 >> Maaari mong makita ang mga natitira dito, ng maraming mga animation. 466 00:26:37,870 --> 00:26:41,240 Marahil ang isa sa mga mas mahalagang mga bagay sa slide na ito ay ang mga kontrol. 467 00:26:41,240 --> 00:26:44,680 Sa tingin ko Mayroon akong isang buo - oo, gagawin ko. 468 00:26:44,680 --> 00:26:48,900 Narito ang isang halimbawa ng ilan lang sa ang mga kontrol na maaari mong gamitin sa iyong mga application. 469 00:26:48,900 --> 00:26:51,060 Ito ay lahat dumaretso mula WinJS. 470 00:26:51,060 --> 00:26:53,430 Hindi mo isinusulat ang mga sarili ninyo, 471 00:26:53,430 --> 00:26:55,990 sabihin mo lang, "Narito kung paano Gusto kong gumawa ng sulat ang aking application." 472 00:26:55,990 --> 00:26:59,420 "Makikita ko bang gamitin ang isang view pumitik kaya ang maaari kong pumunta sa pagitan ng iba't ibang mga larawan." 473 00:26:59,420 --> 00:27:03,380 Hindi ko pa ipinapakita sa iyo semantiko-zoom. Kukunin ko ipakita sa iyo na sa isang segundo. 474 00:27:03,380 --> 00:27:05,700 ListViews. Mayroong GridViews. 475 00:27:05,700 --> 00:27:08,680 Na iyong nakita kang isang grid bilang bahagi ng application tindahan, 476 00:27:08,680 --> 00:27:12,170 kaya kawalan ng kakayahang gamitin ang mga bloke ng nilalaman at pag-scroll sa kabuuan na iyon. 477 00:27:12,170 --> 00:27:15,660 Flyout mga menu makikita mo sa pana-panahon. 478 00:27:15,660 --> 00:27:19,090 Ang app bar Nagpakita ako sa iyo ng na Fresh Paint application pati na rin, 479 00:27:19,090 --> 00:27:22,190 kaya nakita mo kung paano mo maaaring i-customize na sa pamamagitan ng paglalagay ng mga pindutan sa ito 480 00:27:22,190 --> 00:27:26,360 at pagkakaroon na itago ang layo kapag hindi mo pakialam gamitin iyon. 481 00:27:26,360 --> 00:27:28,120 Iyan ay talagang lubos na nakasalalay sa iyo upang gamitin. 482 00:27:28,120 --> 00:27:30,210 Ito ang lahat mga kontrol na bahagi ng WinJS. 483 00:27:30,210 --> 00:27:33,640 Kukunin ko maipakita sa iyo kung paano gumawa ng mga ito sa isang segundo lang, ngunit mayroong higit sa lamang ito, 484 00:27:33,640 --> 00:27:37,060 at ang mga key bagay ay gamitin ang mga ito kung gusto mo, i-save ng ilang oras. 485 00:27:37,060 --> 00:27:40,830 >> Kung mayroon kang iba pang mga kontrol library na nais mong gamitin, na perpektong fine masyadong. 486 00:27:40,830 --> 00:27:46,300 Mga bagay tulad ng jQuery UI gawin ng maraming ganitong uri ng ideya pati na rin, 487 00:27:46,300 --> 00:27:51,280 pagbibigay ng higit pang mga kontrol na pahabain kung ano ang maaari mong gawin sa HTML at JavaScript. 488 00:27:52,690 --> 00:27:55,680 Ni sumisid in na nai-sinabi ko na Hayaan. Gamitin ang kung ano ang gusto mo. 489 00:27:55,680 --> 00:27:59,680 Tandaan lamang na maaari kang makatagpo ng ilang mga isyu sa konteksto. 490 00:27:59,680 --> 00:28:03,380 Ngunit maaari mong tiyak ihalo at tumugma sa kahit anong uri ng mga aklatan kung saan ka komportable, 491 00:28:03,380 --> 00:28:06,770 gusto mong malaman, gusto mong gamitin, i-save ang iyong sarili ng ilang oras. 492 00:28:06,770 --> 00:28:09,850 >> Usapan natin ang tungkol sa mga tool para lamang sa isang segundo Hayaan. 493 00:28:09,850 --> 00:28:12,400 Maaari kang makakuha ng kung ano ang kailangan mo upang simulan ang nagtatrabaho sa mga app Store Windows. 494 00:28:12,400 --> 00:28:17,360 Kung pumunta ako pabalik out, mayroon akong masyadong maraming mga bagay-bagay dito. 495 00:28:17,360 --> 00:28:21,770 Kung pupunta ka sa pahinang ito, na kung saan ay dev.windows.com, 496 00:28:21,770 --> 00:28:23,300 Maaari mong i-download ang lahat ng kailangan mo. 497 00:28:23,300 --> 00:28:28,170 Bilang mga mag-aaral, mayroon kang access sa higit sa pangkalahatang publiko ang ginagawa, 498 00:28:28,170 --> 00:28:30,670 sa gayon ay maaari kang makakuha ng mas mataas na dulo na mga bersyon ng Visual Studio. 499 00:28:30,670 --> 00:28:34,090 Edwin nabanggit ay maaaring mayroon ka nang makakuha ng Windows pati na rin. 500 00:28:34,090 --> 00:28:36,790 Ngunit sa pangkalahatan, para sa lahat ng mga nag-develop, ikaw ay maaaring pumunta sa site na ito 501 00:28:36,790 --> 00:28:40,380 at i-download ang lahat ng kailangan mong gumawa ng isang application, at lahat ng ito ay libre. 502 00:28:40,380 --> 00:28:42,460 Kaya doon ay isang libreng bersyon ng Visual Studio, 503 00:28:42,460 --> 00:28:44,450 mayroong ilang mga tool na i-install sa tabi ng na - 504 00:28:44,450 --> 00:28:47,240 lahat ng kailangan mo upang lumikha at subukan ang iyong application. 505 00:28:47,240 --> 00:28:50,130 Ito ay lamang kapag naka-pagpunta sa publish ang iyong application up sa tindahan 506 00:28:50,130 --> 00:28:52,470 na kayo ay pagpunta sa kailangan ng isang developer account. 507 00:28:52,470 --> 00:28:56,100 Ito masyadong naniniwala ako ay libre. Libre para sa pati na rin mga mag-aaral ba ito? >> [Guarin] Aling isa? 508 00:28:56,100 --> 00:28:57,970 Ang nag-develop account, ang aktwal na pagsusumite. >> [Guarin] Oo. 509 00:28:57,970 --> 00:28:59,580 Iyon lang ang nalalaman mabuting balita. 510 00:28:59,580 --> 00:29:00,840 Pupunta ka tumingin sa ito. 511 00:29:00,840 --> 00:29:03,840 Ito sabihin para sa isang indibidwal sa pamamagitan ng default na ito ay $ 49. 512 00:29:03,840 --> 00:29:06,140 Ngunit huwag mag-sign up para sa na bilang isang mag-aaral. 513 00:29:06,140 --> 00:29:10,250 Susubukan naming kumuha ka ng ilang mga impormasyon sa pamamagitan ng iyong programa na maaari kang makakuha ng isang account para sa libre, 514 00:29:10,250 --> 00:29:13,980 at na hahayaan pagkatapos ay isumite mo ang iyong mga application sa up sa tindahan, 515 00:29:13,980 --> 00:29:17,370 ng marami ayon sa gusto mo, at lahat ng na kabutihan ay malapit sundin. 516 00:29:17,370 --> 00:29:19,710 Kaya na dev.windows.com. 517 00:29:19,710 --> 00:29:22,170 Maaari mong i-download ang mga tool na maaaring kailangan mo mula dito. 518 00:29:22,170 --> 00:29:25,310 At kung gusto mo, maaari kang makakuha ng trial na bersyon ng Windows dito, 519 00:29:25,310 --> 00:29:27,160 ngunit muli, hindi mo na kailangan na. 520 00:29:27,160 --> 00:29:32,880 >> Ang iba pang mga site - hayaan mo akong ituro ang isang ito para sa iyo nang mabilis - ay design.windows.com. 521 00:29:32,880 --> 00:29:34,770 Iyon ay dev.windows.com. 522 00:29:34,770 --> 00:29:37,770 Design.windows.com, maaari mong hulaan kung ano ito ay para sa. 523 00:29:37,770 --> 00:29:40,380 Ito ay tunay na isang site na medyo friendly. Maraming ng magandang impormasyon dito. 524 00:29:40,380 --> 00:29:41,770 Maaari mong gumana sa pamamagitan nito. 525 00:29:41,770 --> 00:29:43,960 Ito ay pagpunta sa magbibigay sa iyo ng ilang mga payo sa ilang mga bagay 526 00:29:43,960 --> 00:29:46,760 na marahil hindi mo pa naisip tungkol sa bago o nagkaroon haharapin ang mga bago, 527 00:29:46,760 --> 00:29:50,780 tulad ng pagdidisenyo para sa touch, pagdidisenyo para sa iba't ibang mga form na mga kadahilanan, 528 00:29:50,780 --> 00:29:55,310 pagdidisenyo para sa mga kakayahan ng Windows 8, ang mga bagay na nabanggit ko bago 529 00:29:55,310 --> 00:29:58,740 tulad ng paghahanap at pagbabahagi, ang ilang mga bagay na hindi pa ako usapan tungkol sa. 530 00:29:58,740 --> 00:30:05,570 Lahat ng mga ito ay nakalista dito, at ito ay isang magandang magandang hanay ng mga kapaki-pakinabang na mga pahina ng file 531 00:30:05,570 --> 00:30:08,670 na makakatulong sa iyong maunawaan kung paano gumawa ng isang tiyak na uri ng application, 532 00:30:08,670 --> 00:30:14,250 kung paano gawin pakikipag-ugnayan, kung paano haharapin ang mga UI at UX ng iyong application. 533 00:30:14,250 --> 00:30:18,630 Gusto ko inirerekomenda na kumuha kayo ng isang pagtingin sa ito, lalo na kung ikaw ay sa isang punto 534 00:30:18,630 --> 00:30:22,960 umaasa na mag-publish ng isang application sa tindahan. 535 00:30:22,960 --> 00:30:25,250 Ikaw ay pagpunta sa nais na malaman kung paano gumawa ng isang mahusay na application 536 00:30:25,250 --> 00:30:28,300 dahil nabanggit ko bago kung wala ka, mayroong muli mga review. 537 00:30:28,300 --> 00:30:29,930 Ang mga tao ay pagpunta sa maging malungkot. 538 00:30:29,930 --> 00:30:32,960 Hindi nila magagawang upang mahanap ang mga bagay na inaasahan nila sa kanan lugar. 539 00:30:32,960 --> 00:30:36,590 Nais Walang isa na mangyayari sa iyo. 540 00:30:36,590 --> 00:30:39,220 >> Ang paglipat ng maaga dito, hayaan mo akong isara na pababa. 541 00:30:39,220 --> 00:30:43,700 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. 542 00:30:43,700 --> 00:30:48,520 Upang magsimula, talagang ipapakita ko sa iyo dito ang isang halimbawa ng desktop apps sa aking Start screen. 543 00:30:48,520 --> 00:30:53,600 Dito maaari mong makita ang Visual Studio, maaari mong makita Blend at iba pang mga tool ng nag-develop na mayroon akong. 544 00:30:53,600 --> 00:30:55,890 Ang mga ito ay isang bahagyang kakaibang tile. 545 00:30:55,890 --> 00:30:57,930 Iyon ay dahil ang mga ito ay desktop apps, 546 00:30:57,930 --> 00:31:00,960 at sa mga kasong iyon ang lahat ng mga ito ay pagpunta sa ilunsad pabalik sa aking desktop 547 00:31:00,960 --> 00:31:05,350 talaga tulad ng apps na nakasanayan mo na. 548 00:31:05,350 --> 00:31:06,960 Kaya karanasan sa Windows, ito ay ang parehong bagay. 549 00:31:06,960 --> 00:31:12,940 Ang mga ito ay hindi, halimbawa, tulad ng Sandatahang! o mga bagay na ito. Hayaan akong ilunsad ang isang mabilis. 550 00:31:12,940 --> 00:31:14,340 Talaga, narito ang isang kawili-wiling isa. 551 00:31:14,340 --> 00:31:19,210 Ito ay binuo ng mga mag-aaral na nagtatrabaho sa pakikipagsosyo sa nerd. 552 00:31:19,210 --> 00:31:23,430 Buong screen application, mga ganitong uri ng mga karanasan dito. 553 00:31:23,430 --> 00:31:26,290 Oh, magaling hiwa screen at lahat ng uri ng nakakatuwang bagay-bagay. 554 00:31:26,290 --> 00:31:34,330 Binuo nila ito. Maaari naming pati na rin ipakita ang buong bagay habang kami ay sa ito. 555 00:31:37,510 --> 00:31:41,070 Sa katunayan, nagtrabaho ako sa kanila sa ilang sandali, ibinigay sa kanila ng ilang mga payo sa mga bagay 556 00:31:41,070 --> 00:31:44,160 dahil sila ay ang paggawa ng JavaScript para sa kanilang application. 557 00:31:44,160 --> 00:31:46,460 Mangyaring, hindi ako pagkuha ng credit para sa kanilang mga gawa; ginawa nila ang lahat ng mga trabaho. 558 00:31:46,460 --> 00:31:48,990 Ko lang ang ibinigay sa kanila ng kaunting payo dito at doon, 559 00:31:48,990 --> 00:31:52,400 ngunit sila ay ginawa ng ilang mga mahusay na mga bagay-bagay sa pamamagitan ng paggamit ng JavaScript front end 560 00:31:52,400 --> 00:31:56,920 at tinali sa ilang mga physics engine at mga bagay upang gumawa ng maraming trabaho ito. 561 00:32:00,120 --> 00:32:03,360 Pumunta. Ni makita kung na gumagana Hayaan. 562 00:32:03,360 --> 00:32:07,010 Wow, ito pa rin nagtrabaho. Ang lahat ng mga karapatan, mabuti. Ngunit makuha mo ang mga ideya. 563 00:32:07,010 --> 00:32:09,350 Ang isang buong screen app, isang talagang mahusay na karanasan. 564 00:32:09,350 --> 00:32:14,250 Ito ay ang pagsuporta hindi lamang ang aking mouse at panulat kung mayroon akong mga bagay na tulad na ngunit din hawakan. 565 00:32:14,250 --> 00:32:19,420 Kung nagkaroon ako ng touch screen, kaya kong iguhit lamang papunta ito at magpatuloy sa paggawa na may mga iyon. 566 00:32:19,420 --> 00:32:21,440 >> Ang isang bagay na hindi ko ipakita, at ang dahilan kung bakit ako nagdadala ito up 567 00:32:21,440 --> 00:32:23,840 ay Nais kong magkaroon ng isa pang app upang ipakita sa iyo kung ano ang maaari mong gawin, 568 00:32:23,840 --> 00:32:29,480 Maaari mong aktwal na tumagal ng mga application sa Windows at i-drag ang mga ito sa gilid ng screen. 569 00:32:29,480 --> 00:32:33,070 Ito ay tinatawag na snap ang isang application. 570 00:32:33,070 --> 00:32:37,800 Sa kasong ito, kinuha ko ang Inkarus at idinagdag ko na ito sa gilid dito. 571 00:32:37,800 --> 00:32:42,990 Ito ay ngayon sa Naku view, at na nagbibigay-daan sa akin upang gawin ang isang bagay iba habang application na ay doon. 572 00:32:42,990 --> 00:32:46,210 Karamihan sa mga laro makikita mo ang ay lamang i-pause lang. 573 00:32:46,210 --> 00:32:51,090 Iyon ay normal isang disenteng na gawin maliban kung ang iyong laro ay maaaring sa paanuman magbawas 574 00:32:51,090 --> 00:32:54,210 sa maliit na ng isang resolution, tulad marahil ng ilang mga uri ng board game 575 00:32:54,210 --> 00:32:55,620 o mga bagay na tulad na paminsan-minsan. 576 00:32:55,620 --> 00:32:58,570 Ngunit sa pangkalahatan, ang pinakamadaling bagay na gawin at ang pinaka-angkop na gawin para sa mga laro 577 00:32:58,570 --> 00:33:00,620 ay upang i-pause ang application. 578 00:33:00,620 --> 00:33:09,440 Para sa mga application tulad ng apps ng balita, kung ko ilunsad ang aking ito ng isa at pagkatapos ay i-snap ko ito, 579 00:33:09,440 --> 00:33:16,170 makikita mo ito aktwal na nagbabago nang malaki sa kung paano ito nagtatanghal ang data sa iyo. 580 00:33:16,170 --> 00:33:20,070 Narito ito nagpapakita sa iyo sa talagang isang mas vertical pan na impormasyon, 581 00:33:20,070 --> 00:33:23,340 ngunit ako ay maaari pa ring ganap na magamit ang application. 582 00:33:23,340 --> 00:33:25,640 Kaya pa rin ito napaka kapaki-pakinabang. 583 00:33:25,640 --> 00:33:29,870 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. 584 00:33:29,870 --> 00:33:32,090 Ito ay isang bagay na kailangan mong magkaroon ng iyong mga app gawin sa ilang mga degree na, 585 00:33:32,090 --> 00:33:35,370 ngunit ito ay nakasalalay sa iyo upang matukoy kung paano nagagamit ang dapat na maging apps 586 00:33:35,370 --> 00:33:39,080 sa ganoong uri ng isang mas maliit na kapaligiran. 587 00:33:39,080 --> 00:33:44,780 Hayaan akong isara ang isa na down at bumalik sa kung saan namin dito. 588 00:33:44,780 --> 00:33:48,110 >> Edwin, idinagdag mo ang isang larawan ng akin na? >> [Guarin] Oo. >> [Bowen] Tumingin sa na. 589 00:33:48,110 --> 00:33:51,510 Tingnan ang mga iyon? Idinagdag Edwin isang larawan. [Laughs] 590 00:33:51,510 --> 00:33:54,410 >> Sabihin bumalik sa paglipas dito sa Visual Studio. Hayaan akong ilunsad ito para sa iyo. 591 00:33:54,410 --> 00:33:58,170 Kaya kong nag-click sa mga tile sa Start na screen. 592 00:33:58,170 --> 00:34:02,630 Ito dinala ako pabalik sa mode Desktop, at ito ay ilunsad ang desktop app ng Visual Studio. 593 00:34:02,630 --> 00:34:06,790 Ito ang Windows na alam mo na. 594 00:34:06,790 --> 00:34:09,100 Maaari kong magpatuloy at lumikha ng isang proyekto dito. 595 00:34:09,100 --> 00:34:11,159 Susubukan naming tumutok muli sa JavaScript, HTML. 596 00:34:11,159 --> 00:34:16,510 Pupunta ako upang pumunta out at pumili ng hanggang dito sa ilalim ng JavaScript, Tindahan ng Windows. 597 00:34:16,510 --> 00:34:19,010 Mayroong isang bilang ng mga template na maaari mong gamitin. 598 00:34:19,010 --> 00:34:21,710 Para sa pagiging produktibo, Gusto ko inirerekumenda magdadala sa iyo ng isang pagtingin sa ilan sa mga iba pang mga bago dito 599 00:34:21,710 --> 00:34:23,489 tulad ng Grid at ang Split. 600 00:34:23,489 --> 00:34:25,270 Ang mga ito ay talagang kapaki-pakinabang kung nagsasagawa ka ng isang application 601 00:34:25,270 --> 00:34:28,960 na pupuntahan mayroon na uri ng disenyo at navigation. Makakakita ka ng mga marami. 602 00:34:28,960 --> 00:34:33,070 Ang isa lamang nagpakita ko sa inyo noon ay talagang isang instance ang Grid application. 603 00:34:33,070 --> 00:34:36,880 Kaya kung sa tingin mo na iyong pagpunta sa ginagawang isang app balita o isang RSS reader 604 00:34:36,880 --> 00:34:43,120 o ang isang bagay tulad na na deal na may maramihang mga entry para sa kung saan mo nais na ipakita ang detalye, 605 00:34:43,120 --> 00:34:45,989 isipin ang tungkol gamit ang isa sa mga template na ito upang makapagsimula nang mabilis 606 00:34:45,989 --> 00:34:48,380 at pag-customize mula doon. 607 00:34:48,380 --> 00:34:50,120 Ngunit kaya lang ang maaari kong ipakita sa iyo ang lahat ng mga paglipat ng mga bahagi dito 608 00:34:50,120 --> 00:34:56,120 Pupunta ako upang likhain ang mga blangko app, at pagkatapos ay gagamitin namin pumunta Medyo mas malalim sa mga detalye. 609 00:34:56,120 --> 00:34:58,690 Ako sa paggawa ng lamang na blangko ang application dito. 610 00:34:58,690 --> 00:35:01,270 Ito ay pagpunta upang lumikha ng buong proyekto para sa akin. 611 00:35:01,270 --> 00:35:03,290 Kukunin ko buksan ang mga bagay na gusto kong ipakita sa iyo sa pamamagitan ng default. 612 00:35:03,290 --> 00:35:08,550 Hayaan ang mga mag-zoom lamang sa akin sa ilang sandali upang ipakita sa iyo kung ano ang nilikha para sa amin dito. 613 00:35:08,550 --> 00:35:11,350 Ang mga bagay na kayo ay pagpunta upang tumingin sa unang ay ang lahat na may pangalang default. 614 00:35:11,350 --> 00:35:15,970 Kaya ka pagpunta upang tumingin para sa default.html, default.js, at default.css. 615 00:35:15,970 --> 00:35:19,590 Ang iba pang mga bagay upang ituro ay na kami ay mayroon ng isang reference sa kung ano ang aking nabanggit bago. 616 00:35:19,590 --> 00:35:24,530 Ito ay WinJS. Walang isa na aktwal na tawag ito sa ganitong mahaba ang pangalan dito. 617 00:35:24,530 --> 00:35:27,710 Ito ay WinJS, ang Windows Library para sa JavaScript. 618 00:35:27,710 --> 00:35:29,530 Kung buksan up mo ito, maaari mong makita ang lahat ng ito sa dito. 619 00:35:29,530 --> 00:35:31,820 Mayroong iba't ibang mga CSS file, mayroong JavaScript. 620 00:35:31,820 --> 00:35:33,520 Ito ay doon upang makatulong out ka. 621 00:35:33,520 --> 00:35:37,190 Ito ay talagang doon upang magbigay ng mga kontrol at mga istilo at bagay-bagay na maaari mo lamang gamitin ang awtomatikong. 622 00:35:37,190 --> 00:35:41,240 Ngunit muli, kung mayroong mga bagay na gusto mong gamitin sa halip sa mga tuntunin ng estilo at iba pang mga kontrol, 623 00:35:41,240 --> 00:35:45,600 ito ay ganap na nakasalalay sa iyo. Ipapakita ko sa iyo kung paano gumamit ng isang pares ng mga bagay sa ngayon. 624 00:35:45,600 --> 00:35:51,020 >> Bumalik sa ibabaw papunta sa aming kaliwang gilid, hayaan mo akong ipakita sa iyo ang pahina ng default na HTML. 625 00:35:51,020 --> 00:35:54,490 Na iyong nakita mo ang WinJS bagay-bagay, at iyon talaga ang lahat na nangyayari sa doon 626 00:35:54,490 --> 00:35:59,930 may mga gitnang linya ng markup, lamang nagdadala sa CSS sa pamamagitan ng default 627 00:35:59,930 --> 00:36:02,370 at nagdadala sa loob ng ilang mga file ng JavaScript mula sa WinJS. 628 00:36:02,370 --> 00:36:06,400 Hindi mo na kailangan na maging dalubhasa sa kung ano ang nangyayari sa loob mga file na iyon. 629 00:36:06,400 --> 00:36:10,110 Ito ay kaakit-akit na interesante sa mga tumingin sa kanila na uri ng suriin kung ano ang nangyayari sa doon 630 00:36:10,110 --> 00:36:14,410 dahil mayroong medyo kawili-wiling mga intermediate at advanced na mga diskarte nagaganap sa doon, 631 00:36:14,410 --> 00:36:18,100 ngunit ang gandang bagay ay bilang developer, maaari mo lamang samantalahin ang mga ito, gamitin na lamang ang mga ito 632 00:36:18,100 --> 00:36:19,510 at hindi talaga kailangang mag-alala tungkol dito. 633 00:36:19,510 --> 00:36:21,960 Maaari mo pa ring magmaneho ng kotse nang hindi na kinakailangang malaman kung paano ito gumagana, tama? 634 00:36:21,960 --> 00:36:24,180 Kaya iyon ang uri ng bagay na nangyayari sa dito. 635 00:36:24,180 --> 00:36:26,930 Mayroong mga kontrol at mga istilo at bagay-bagay na maaari mong pumunta lamang magpatuloy at paggamit 636 00:36:26,930 --> 00:36:31,460 at code na maaari mong gamitin sa isang segundo nang hindi na kinakailangang malaman kung ano ang sa doon. 637 00:36:31,460 --> 00:36:33,200 Narito ang iyong sariling mga file. 638 00:36:33,200 --> 00:36:35,860 Ito ang iyong mga lugar na maaari mong baguhin ang iyong sariling CSS 639 00:36:35,860 --> 00:36:38,400 at ang iyong sariling JavaScript upang makakuha ng mga bagay ilunsad. 640 00:36:38,400 --> 00:36:43,300 Ikaw ay pagdaragdag ng tiyak na iba pang mga file ng JavaScript at marahil iba pang mga file na CSS 641 00:36:43,300 --> 00:36:47,480 bilang iyong proyekto ay lumalaki, ngunit ito ay talagang lamang ng isang panimulang punto. 642 00:36:47,480 --> 00:36:52,570 Narito ang Hello, mundo katumbas ng HTML, kaya hindi namin pabalik sa tag katawan. 643 00:36:52,570 --> 00:36:55,990 Sa tuktok, sa pamamagitan ng ang paraan, ito ay ang doctype HTML5, 644 00:36:55,990 --> 00:37:00,060 kaya makikita mo makilala na mula sa kung ano ang iyong na-nagtatrabaho sa. 645 00:37:00,060 --> 00:37:04,600 Mayroong buong IntelliSense in dito pati na rin, kaya kung gagawin mo mga bagay tulad ng uri sa isang tag ng video 646 00:37:04,600 --> 00:37:07,340 at palawakin ang na out, na marahil ay natutunan mo ang tungkol sa katotohanan 647 00:37:07,340 --> 00:37:12,760 na kailangan mong gawin fallback pag-encode para sa mga tag ng video sa HTML5 - o marahil mayroon kang - 648 00:37:12,760 --> 00:37:17,490 upang matiyak na ang iba't ibang mga browser ay may suporta para sa iyong video. 649 00:37:17,490 --> 00:37:22,610 Mayroon kaming mga bagay na tulad nito sa buong HTML, sa kabila ng JavaScript, sa kabila ng CSS. 650 00:37:22,610 --> 00:37:26,020 Na built in, at makikita ko mapapakita ang CSS ka sa isang segundo. 651 00:37:26,020 --> 00:37:29,430 Dito maaari mong sige at simulan ang pagbabago ng code, ang markup. 652 00:37:29,430 --> 00:37:33,700 Sa katunayan, bago ako magbago ng kahit ano, pupuntahan ko patakbuhin ito at ipakita sa iyo kung ano ang iyong makukuha. 653 00:37:33,700 --> 00:37:35,700 Ikaw ay pagpunta upang makakuha ng isang splash screen kung saan maaari mong i-customize 654 00:37:35,700 --> 00:37:40,940 at pagkatapos ay makuha mo ang Hello, mundo karanasan dito. Ito ay hindi kapani-paniwala, tama? 655 00:37:40,940 --> 00:37:42,640 Sige at barko na, i-right? 656 00:37:42,640 --> 00:37:45,970 Nilalaman mapupunta dito. Iyan ang mga pangunahing bagay. 657 00:37:45,970 --> 00:37:48,740 Maaari lamang itong makakuha ng mas mahusay na mula doon. 658 00:37:48,740 --> 00:37:51,300 Susubukan naming sige at idagdag sa ilang mga bagay-bagay. 659 00:37:51,300 --> 00:37:53,470 Nakakuha ako ng isang maliit na bit ng markup Pupunta ako sa kopyahin in dito 660 00:37:53,470 --> 00:37:55,740 kaya lang hindi mo na kailangang manood ako mag-type. 661 00:37:55,740 --> 00:38:02,620 Hayaan akong pumunta ilabas ang toolbox dito, at magpapadala ako sa pin na ito dahil kukunin ko na ginagawa ito nang ilang beses. 662 00:38:02,620 --> 00:38:05,650 Toolbox, kung hindi mo pa nakikita Visual Studio, ay kung saan ka ng pagpunta sa maghanap ng grupo ng mga kontrol. 663 00:38:05,650 --> 00:38:09,050 Maaari mo ring ilagay ang mga snippet ng code sa ito na maaari mong muling gamitin. 664 00:38:09,050 --> 00:38:16,360 Narito kukunin ko na lang pop sa ilang iba pang mga HTML, walang katakut-takot advance sa lahat dito. 665 00:38:16,360 --> 00:38:20,170 Ito ay lamang ang pangunahing HTML sinasabi Mayroon akong isang input kung saan ang maaari kong i-type, 666 00:38:20,170 --> 00:38:23,860 Mayroon akong isang pindutan kung saan maaari ko ba itong isumite, at pagkatapos ay mayroon akong isang div na mahalagang isang placeholder 667 00:38:23,860 --> 00:38:27,360 na maaari kong gamitin upang output ang "Hello, i-type mo ito." 668 00:38:27,360 --> 00:38:32,780 Ito ay ang intro sa HTML halimbawa. 669 00:38:32,780 --> 00:38:39,340 Kung nagpapatakbo ko ito, awtomatiko naming makuha ang HTML, ngunit awtomatikong rin kami makakuha ng estilo. 670 00:38:39,340 --> 00:38:42,270 Ito ay isa sa mga mahahalagang bagay mula sa WinJS. 671 00:38:42,270 --> 00:38:47,250 Ito ay pagpunta sa magbibigay sa iyo sa pamamagitan ng default ilang mga hitsura at pakiramdam na pare-pareho talaga 672 00:38:47,250 --> 00:38:50,520 sa natitirang bahagi ng kung ano ang ginagawa ng Windows 8. 673 00:38:50,520 --> 00:38:52,110 Narito makita mo ang mga bagay tulad ng pindutan. 674 00:38:52,110 --> 00:38:55,890 Ang pindutan na sa pamamagitan ng default sa mga HTML ay hindi mukhang iyon, ngunit ginagawa nito dito 675 00:38:55,890 --> 00:39:00,880 dahil nakakakuha ito ng na CSS mula mismo sa na CSS file sa WinJS. 676 00:39:00,880 --> 00:39:04,680 Kung nais mong gamitin ang ibang bagay, kung gusto mong baguhin iyon, lahat-lahat fine, 677 00:39:04,680 --> 00:39:06,790 sige at gawin kung ano ang gusto mo. Ngunit iyon ang default. 678 00:39:06,790 --> 00:39:09,610 Ito ay pagpunta sa maging mas pamilyar sa mga gumagamit. 679 00:39:09,610 --> 00:39:13,510 At siyempre ito ay hindi gumawa ng anumang bagay dahil ako ay hindi aktwal na wire up ang anumang uri ng code 680 00:39:13,510 --> 00:39:16,630 na tumugon sa mga iyon. Iyon ay lamang ang HTML. 681 00:39:16,630 --> 00:39:20,630 Kaya ko maaaring mapupuksa na, at kami ay bumalik sa aming application. 682 00:39:20,630 --> 00:39:25,310 >> Hayaan akong lumipat sa aming default.js. 683 00:39:25,310 --> 00:39:29,030 Mukhang ito medyo kumplikado, ngunit lamang ito ang ginagawa ang ilang mga bagay para sa iyo. 684 00:39:29,030 --> 00:39:33,120 Ito ay boilerplate. Ito ay pagpunta sa maging ang parehong sa lahat ng iyong mga proyekto. 685 00:39:33,120 --> 00:39:36,620 Ang tanging bagay na ito ay ginagawa lamang ang uri ng nagtatanong, "Paano ako nakakuha dito?" 686 00:39:36,620 --> 00:39:39,090 at sinasabi, "Sigurado ka sa paglunsad ng app na ito sa unang pagkakataon?" 687 00:39:39,090 --> 00:39:42,640 "Sigurado ka pagpapatuloy ng ang app mula sa pagkakaroon ito na masuspinde?" 688 00:39:42,640 --> 00:39:44,510 Ang isang pares ng mga bagay tulad na. 689 00:39:44,510 --> 00:39:50,300 Talagang, ang aming pagtuon sa ang file na ito dito ay karapatan tungkol dito. 690 00:39:50,300 --> 00:39:54,490 Sa puntong ito, ang isang ito linya ng code ay medyo mahalaga. 691 00:39:54,490 --> 00:39:57,070 Talaga Ito ay pagpunta sa pumunta at tingnan ng masinsinan ang lahat ng iyong mga markup, 692 00:39:57,070 --> 00:40:01,640 at ito ay pagpunta sa mahanap ang mga bagay na hiniling mo sa pinatay sa mga kontrol, 693 00:40:01,640 --> 00:40:07,220 mas malalim na mga kontrol tulad ng isang rating ng kontrol, tulad ng isang view ng grid, tulad ng flyout 694 00:40:07,220 --> 00:40:09,570 at sa mga iba pang mga bagay na ipinakita mo ako sa na slide bago. 695 00:40:09,570 --> 00:40:12,550 Hindi ito mga native na mga kontrol ng HTML. 696 00:40:12,550 --> 00:40:17,860 Ikaw lamang huwag sabihin flyout bilang isang elemento at mayroon itong alam kung ano ang gagawin. 697 00:40:17,860 --> 00:40:22,120 Ano talaga naming gawin ay ang parehong bagay na mangyayari sa iba pang mga uri ng mga kontrol Framework. 698 00:40:22,120 --> 00:40:26,200 ang jQuery UI ang parehong uri ng pangkalahatang diskarte. 699 00:40:26,200 --> 00:40:30,800 Gamitin mo markings sa iyong HTML, at pagkatapos ng ilang JavaScript ay sa pamamagitan ng ibang pagkakataon at sabi, 700 00:40:30,800 --> 00:40:35,900 "Oh, alam ko kung ano na. Iyon ay humihingi ng ito na naging mga bagay-bagay na ito," 701 00:40:35,900 --> 00:40:39,850 na kung saan ay iba pang higit pa nagpapahayag ng HTML upang gumawa ng tulad ng isang control rating, 702 00:40:39,850 --> 00:40:41,790 na kung saan ay kung ano ang makikita ko ipakita sa iyo ngayon. 703 00:40:41,790 --> 00:40:46,140 Ang linya ng code ay isang pangako na sinasabi, "Kapag ang pangako ay natupad, 704 00:40:46,140 --> 00:40:49,090 "Lahat ng bagay na hiniling mo para sa ay pagkatapos ay nagawa na." 705 00:40:49,090 --> 00:40:52,780 At na ito. Tila isang maliit na mahirap unawain, ngunit ito ay talaga ang parehong sa bawat proyekto. 706 00:40:52,780 --> 00:40:56,690 Down dito ay kung saan maaari kang magsimulang magdagdag sa kung anumang iba gusto mong magkaroon mangyari, 707 00:40:56,690 --> 00:40:58,280 kaya ipapakita namin bumalik sa na sa isang segundo. 708 00:40:58,280 --> 00:41:01,480 >> Una sa lahat, kailangan ko ng kaunting code na makakatugon sa ang katunayan 709 00:41:01,480 --> 00:41:03,320 na may isang taong nag-click sa pindutan. 710 00:41:03,320 --> 00:41:06,330 Pupunta ako sa sige at ilagay na sa pababa dito. 711 00:41:06,330 --> 00:41:09,620 Muli, hindi ako pagpunta sa gawin ang anumang pag-type sa harap ng sa iyo dito. 712 00:41:09,620 --> 00:41:12,560 Sinasabi lang Napakaluwag pangunahing JavaScript kapag ito ay tinatawag na 713 00:41:12,560 --> 00:41:15,270 kami ay pagpunta sa ipagkakaloob ng ilang detalye tungkol sa kung paano namin nakuha dito 714 00:41:15,270 --> 00:41:17,630 at pagkatapos kami ay pagpunta sa gawin ang ilang mga pangunahing bagay. 715 00:41:17,630 --> 00:41:21,300 Pumunta mahanap ang bagay sa aking pahina ng HTML na ay pinangalanan nameInput, 716 00:41:21,300 --> 00:41:28,490 grab ito, kumuha nito halaga, sampal "Hello" sa unahan nito, at manatili na nagreresulta string 717 00:41:28,490 --> 00:41:31,960 sa na div tag na namin ay may bago na talagang ay walang anumang bagay bago. 718 00:41:31,960 --> 00:41:37,220 Ngayon kami ay pagpunta upang mahanap na tag at gumawa ng katumbas na string nilalaman panloob nito. 719 00:41:37,220 --> 00:41:38,880 Napaka-simpleng JavaScript. 720 00:41:38,880 --> 00:41:42,240 Sana ka pagkilala na mayroong talagang walang hindi karaniwang nangyayari sa dito. 721 00:41:42,240 --> 00:41:45,360 Ito ay lamang dumaretso HTML at JS dito. 722 00:41:45,360 --> 00:41:48,220 Kung nagpapatakbo ko ito ngayon, ito ay hindi pa rin pagpunta sa gawin ang anumang trabaho dahil hindi ko pa wired up ito 723 00:41:48,220 --> 00:41:50,030 upang makatanggap ng mga kaganapan. 724 00:41:50,030 --> 00:41:55,710 Upang gawin iyon, magagawa kong gawin iyon dito mismo, muli pagbalik sa aking toolbox, 725 00:41:55,710 --> 00:41:58,730 popping ito sa dito. 726 00:41:58,730 --> 00:42:03,060 Inaasahan ko na iyong nakita ang lahat ng ito uri ng mga bagay-bagay bago, kaya ako ay hindi over-ipaliwanag ito. 727 00:42:03,060 --> 00:42:05,060 Ngayon kami ay pagpunta sa pumunta makuha ang helloButton. 728 00:42:05,060 --> 00:42:07,730 Kami ay pagpunta sa sabihin, "Button, binabati kita." 729 00:42:07,730 --> 00:42:10,130 "Narito ang isang kaganapan na sa iyo ngayon ay tumutugon sa." 730 00:42:10,130 --> 00:42:13,420 "Kapag may nag-click sa iyo, tumawag ito function, ang buttonClickHandler." 731 00:42:13,420 --> 00:42:17,070 At iyan ay na-andar idinagdag lang namin karapatan down sa ibaba doon. Iyan na ang lahat. 732 00:42:17,070 --> 00:42:20,980 Kaya ngayon Nakakuha kami ng isang amazingly nagagamit na application. 733 00:42:20,980 --> 00:42:24,720 Sa tingin ko ka makakakita ay talagang impressed sa pamamagitan ng ito. 734 00:42:24,720 --> 00:42:32,320 Chris. Maghintay para dito. Wow. Okay. Iyan ay kahanga-hangang. [Laughs] 735 00:42:32,320 --> 00:42:36,570 Ngunit mayroon pa. Huwag pa ito bilhin. Maghintay. 736 00:42:36,570 --> 00:42:39,610 >> Hayaan akong ipakita sa iyo ng kaunti bit higit pa dito at makakuha ng out sa buong screen. 737 00:42:39,610 --> 00:42:42,690 Kami ay pagpunta sa walk bago kami tumakbo. 738 00:42:42,690 --> 00:42:45,530 Hayaan akong pumunta sa at aktwal na ipakita sa iyo ang ilang sandali na may CSS. 739 00:42:45,530 --> 00:42:49,480 Lamang sa pamamagitan ng default, kung titingnan mo kami sa pahina dito, 740 00:42:49,480 --> 00:42:53,570 kailanman namin na nakuha sa mga bagay na ito mula sa WinJS at nakuha namin ang ui-madilim, 741 00:42:53,570 --> 00:42:58,550 sa katunayan, maaari mong baguhin ito sa default para sa paggamit ng liwanag application. 742 00:42:58,550 --> 00:43:03,450 ui-madilim na ay mabuti para sa graphic na mga application tulad ng paggamit ng maraming mga larawan, 743 00:43:03,450 --> 00:43:05,740 ka sa pagpapakita ng maraming visual na nilalaman. 744 00:43:05,740 --> 00:43:12,560 Kung gumagamit ka na nagpapakita ng maraming tekstuwal nilalaman, ang ui-ilaw ay karaniwang isang mahusay na pagpili. 745 00:43:12,560 --> 00:43:15,160 Hindi mo na kailangang pumili nito, ngunit lumipat ako dito 746 00:43:15,160 --> 00:43:17,690 at ngayon nakikita mo ang parehong markup, parehong ang lahat ng bagay, 747 00:43:17,690 --> 00:43:20,320 lamang gumagamit ito talaga isang inverted scheme dito 748 00:43:20,320 --> 00:43:24,770 kung saan lahat ng bagay ay ginagawa itong itim na teksto sa puti. 749 00:43:24,770 --> 00:43:26,460 Iyon lang ang mahusay at magandang. 750 00:43:26,460 --> 00:43:30,680 Hayaan akong lumayas dito, at ng aktwal na gawin ang isang maliit na bit higit pa gamit ang CSS ipaalam. 751 00:43:30,680 --> 00:43:34,830 Makikita ko bang ilagay ito pabalik sa madilim dahil sa tingin ko marahil ito ay mas madaling makita sa screen 752 00:43:34,830 --> 00:43:36,970 kapag sisimulan ko ang ginagawa ang mga bagay. 753 00:43:36,970 --> 00:43:40,150 Pupunta ako upang palitan ang katawan nang isa pang beses. 754 00:43:40,150 --> 00:43:44,040 Makikita pumunta ako dito. Hayaan akong nuke ito. 755 00:43:44,040 --> 00:43:48,690 Ng dalhin sa katawan na may mga klase Hayaan. 756 00:43:48,690 --> 00:43:53,000 Naniniwala akong nagawa mo na ang mga pangunahing tagapili may CSS at mga bagay tulad na nagagawa, 757 00:43:53,000 --> 00:43:55,380 kaya marahil mo alam kung ano ang nangyayari sa dito. 758 00:43:55,380 --> 00:43:59,250 Nagtatalaga lamang ng ilang mga klase sa aming mga header, at kami ay lumilikha ng isang bagong div 759 00:43:59,250 --> 00:44:04,430 upang balutin ang mga natitira na mga bagay-bagay na maaari naming na ngayong gamitin upang Estilo ang lahat ng sama-sama. 760 00:44:04,430 --> 00:44:07,760 Kaya kung ano ang maaari kong gawin ngayon ay pumunta sa aming mga default na CSS. 761 00:44:07,760 --> 00:44:11,900 Nakarating na tumingin sa mga query sa media pa? Nakarating na usapan sa iyo ang tungkol na sa lahat? 762 00:44:11,900 --> 00:44:17,220 Mga query Media ay bahagi ng ito lumilitaw trend - 763 00:44:17,220 --> 00:44:19,660 o ito ay isang itinatag trend ngayon talagang sa Web - 764 00:44:19,660 --> 00:44:22,760 para tumutugon disenyo o agpang, 765 00:44:22,760 --> 00:44:28,480 at ang ideya ay na maaari talagang ayusin ang iyong mga application sa kanilang sarili nang naaangkop 766 00:44:28,480 --> 00:44:31,910 batay sa kung ano ang maaaring magawa ang aparato na ito ay naka-ipinapakita sa. 767 00:44:31,910 --> 00:44:35,040 Kaya't kung ikaw ay nasa isang mobile device, nang walang alinlangan ka hindi pagpunta sa magkaroon ng real estate bilang magkano ang screen 768 00:44:35,040 --> 00:44:41,520 bilang ikaw sa isang malaking 30-inch monitor upo sa isang desktop, isang malaking PC tulad na. 769 00:44:41,520 --> 00:44:46,710 Kaya ang lumang kasagutan sa na ay magiging upang magkaroon ng 5, 6 iba't ibang mga bersyon ng parehong pahina 770 00:44:46,710 --> 00:44:51,350 at gusto mong buksan up ang bersyon na nakaabang para sa na ang ilang mga screen laki. 771 00:44:51,350 --> 00:44:55,420 Hindi mahusay. Ito ay napaka, napaka-paulit-ulit at mayroong isang tonelada ng pagpapanatili upang gawin iyon. 772 00:44:55,420 --> 00:44:58,120 Ngayon kami ay may isang bagay na tinatawag na mga query sa media CSS, 773 00:44:58,120 --> 00:45:02,530 at maaari naming gamitin ito upang awtomatikong makita kapag mayroong ilang mga laki 774 00:45:02,530 --> 00:45:07,030 o ilang mga paggamit ng iyong nilalaman na gumanap. 775 00:45:07,030 --> 00:45:09,580 Kaya maaari mong tumugon sa mga iyon at maaari mong sabihin, "Okay, sa kasong ito 776 00:45:09,580 --> 00:45:12,580 "Marahil ay hindi kahit na kailangan sa akin upang sabihin sa iyo kung ano ang nangyayari sa dito." 777 00:45:12,580 --> 00:45:18,020 Ito ay nagsasabi lamang kung ang application na ito ay NASA, tulad ng ipinakita ko sa inyo bago - 778 00:45:18,020 --> 00:45:20,830 daklot ito at paglalagay ito sa gilid ng screen - 779 00:45:20,830 --> 00:45:23,910 pagkatapos ay gawin ang mga sumusunod na estilo ipaalam. 780 00:45:23,910 --> 00:45:25,850 Pag-istilo ay hindi tungkol sa lamang ang mga kulay at mga bagay-bagay tulad na. 781 00:45:25,850 --> 00:45:29,860 Ito ay tungkol din sa pagpapalaki at mga margin at paddings at orientations ng nilalaman 782 00:45:29,860 --> 00:45:34,040 o kahit hindi pagpapagana o pagpapagana ng buong bahagi ng iyong pahina 783 00:45:34,040 --> 00:45:36,420 at, sa kasong ito, ang iyong app o ang iyong laro pati na rin. 784 00:45:36,420 --> 00:45:39,210 Kaya dito maaari mong gawin na simple hangga't gusto mo. 785 00:45:39,210 --> 00:45:46,720 Ito ay hindi magiging kapaki-pakinabang sa iyong mga app, ngunit ito ay oras na demo, 786 00:45:46,720 --> 00:45:50,530 kaya pupuntahan ko sige at idagdag lamang sa mga pangunahing katawan tagapili at sinasabi, 787 00:45:50,530 --> 00:45:58,360 "Ng sige at gawin background-kulay at ipaalam pumili ng isang bagay Kapag ako ng NASA, sabihin." 788 00:45:58,360 --> 00:46:00,400 Mayroon kang IntelliSense dito. Ito ay talagang talagang cool. 789 00:46:00,400 --> 00:46:05,720 Sa 2012 nagdagdag kami ng maraming mga bagay para sa CSS support at JavaScript at HTML. 790 00:46:05,720 --> 00:46:08,690 Na siyempre Nakakuha ka drop-down IntelliSense masyadong, ngunit hindi iyon ang mga cool na bagay. 791 00:46:08,690 --> 00:46:11,730 Ang mga cool na bagay ay na kailangan visual tagapili pati na rin para sa maraming mga bagay. 792 00:46:11,730 --> 00:46:14,120 Kaya maaari mong pumunta sa pamamagitan at pumili lamang ng isang kulay, 793 00:46:14,120 --> 00:46:17,580 o maaari kang pumunta out at maging kahit na mas tiyak at maaari mong piliin - 794 00:46:17,580 --> 00:46:22,330 ito ay magiging kahila-hilakbot. Kukunin ko talagang pumili ng isang disenteng kulay dito. 795 00:46:22,330 --> 00:46:26,500 Panoorin ang markup masyadong, sa pamamagitan ng ang paraan. Iyon ay ang iyong karaniwang format ng RGB doon. 796 00:46:26,500 --> 00:46:30,780 Ngunit kung lumipat ako ang opacity, ito ay pagpunta sa lumipat sa isang tagapili ng alpha channel dito. 797 00:46:30,780 --> 00:46:36,910 Kaya maaari mong makita na, ang kulay na may mahalagang porsiyento transparency na mayroon ka para sa na 798 00:46:36,910 --> 00:46:38,860 lahat ng lutong karapatan sa doon. 799 00:46:38,860 --> 00:46:42,530 Pupunta ako sa panatilihin ito ng 100% at pagkatapos ay kapag ako tapos may na, ang lahat ay mahusay at magandang. 800 00:46:42,530 --> 00:46:46,160 Ngayon kung nagpatakbo ako ng mga app at lubos naming ang app at snap namin ito, 801 00:46:46,160 --> 00:46:49,000 na kulay ng background ay awtomatikong inaayos 802 00:46:49,000 --> 00:46:53,410 dahil lamang mayroon kaming ilang mga CSS na nagsasabing, "Pumunta gawin iyon." 803 00:46:53,410 --> 00:46:55,580 Maaari ka ring sumulat masyadong JavaScript iyon ay gawin ang parehong bagay 804 00:46:55,580 --> 00:47:03,010 o na maaari mong gamitin upang aktwal na i-pause ang isang laro, gumawa ng mga bagay tulad na. 805 00:47:03,010 --> 00:47:04,310 Iyon ay marahil kapag gusto mong gamitin ang JavaScript. 806 00:47:04,310 --> 00:47:06,610 Gusto mong i-off ang laro loop sa puntong iyon. 807 00:47:06,610 --> 00:47:09,970 Kakailanganin mong ilang JavaScript dahil na hindi magiging isang bagay na gusto mong CSS para sa. 808 00:47:09,970 --> 00:47:11,760 Ngunit tandaan ito ay lamang ng isang kaganapan. 809 00:47:11,760 --> 00:47:14,860 Maaari mong sabihin, "Kapag ang aking application Binabago ang laki, 810 00:47:14,860 --> 00:47:17,780 "Ng makita kung kami ay NASA ipaalam." At na ito. 811 00:47:17,780 --> 00:47:24,440 >> Okay? Gumagamit ako ng pakikipag-usap marami. Mayroon bang mga tanong sa ngayon sa kung nasaan kami? Oo. 812 00:47:24,440 --> 00:47:29,310 [Mag-aaral] Mayroon bang tutorial para sa sinuman upang makakuha ng karagdagang impormasyon? >> Oo. 813 00:47:29,310 --> 00:47:33,510 Ang tanong ay, ay mayroong isang tutorial para sa ito? Kukunin ko pahabain lang ito sa lahat ng bagay. 814 00:47:33,510 --> 00:47:37,490 May ilang mga bagay na maaari kang pumunta sa. Sabihin aktwal na tumayo mula sa dito. 815 00:47:37,490 --> 00:47:40,150 Hayaan akong bumalik dito. 816 00:47:40,150 --> 00:47:45,180 Isang bagay na ituro ay Visual Studio mismo ay may mga tutorial built-in 817 00:47:45,180 --> 00:47:47,650 Hayaan akong makakuha ng pawalan ng ito. 818 00:47:47,650 --> 00:47:51,520 Kung kang pumunta at lumikha ng isang bagong proyekto, huwag File, New Project, 819 00:47:51,520 --> 00:47:56,750 at tumingin sa kaliwa na bahagi, mayroong isang Online node sa tagapili na ito. 820 00:47:56,750 --> 00:47:59,790 Ito ay pagpunta sa tumagal ng ilang sandali. Ako ay nasa aking MyFi dito. 821 00:47:59,790 --> 00:48:02,300 Ngunit ito ay pagpunta upang makabuo at ito ay pagpunta sa ninyo ako ng pagkakataon upang makahanap ng mga template 822 00:48:02,300 --> 00:48:05,190 ngunit din, mas mahalaga, sample pati na rin. 823 00:48:05,190 --> 00:48:06,750 Kaya ang maaari kong i-click sa JavaScript. 824 00:48:06,750 --> 00:48:10,050 Ito ay pagpunta sa makahanap ng mga halimbawa para sa akin. Aking resolution ay paraan mataas dito. 825 00:48:10,050 --> 00:48:15,070 Karaniwan, ang nais mong makita ang isang listahan ng mga ng maraming iba't ibang mga bagay dito. 826 00:48:15,070 --> 00:48:18,280 Kung mayroong isang bagay na nais mong subukan, piliin ang mga wika, 827 00:48:18,280 --> 00:48:20,970 JavaScript dito, at sabihing, "Hindi ko alam kung paano gawin geolocation." 828 00:48:20,970 --> 00:48:22,220 "Hindi ko alam kung paano upang buksan ang isang file." 829 00:48:22,220 --> 00:48:25,840 "Hindi ko alam kung paano sulitin ang webcam 830 00:48:25,840 --> 00:48:28,290 "O-optimize para sa touch o mga bagay na tulad na." 831 00:48:28,290 --> 00:48:33,190 May mga halimbawa para sa lahat ng bagay: pagbabahagi, searching, app bar, 832 00:48:33,190 --> 00:48:37,520 paggawa ng remote na mga pagtawag sa isang serbisyo, JSON-encode. 833 00:48:37,520 --> 00:48:40,390 Lahat ng mga uri ng mga bagay na may mga halimbawa para dito, 834 00:48:40,390 --> 00:48:44,560 at ang mga ito ay hindi malaking sample na pagpunta sa magdadala sa iyo ang lahat ng gabi upang tanggalin 835 00:48:44,560 --> 00:48:46,820 upang mahanap lamang na isang bagay na nais mong malaman. 836 00:48:46,820 --> 00:48:49,870 Ang mga ito ay talagang mahusay. Ang mga ito ay maliit, i-right sa punto na uri ng mga sample. 837 00:48:49,870 --> 00:48:52,330 Aming natutunan ko isang tonelada sa pamamagitan ng pagpunta sa pamamagitan ng mga sarili ko, 838 00:48:52,330 --> 00:48:55,260 at kaya ko inirerekumenda na ng maraming bilang isang bagay. 839 00:48:55,260 --> 00:49:01,750 >> Isa pang bagay upang ituro masyadong ay siyempre Nagpakita ako sa iyo dev.windows.com, 840 00:49:01,750 --> 00:49:07,490 kaya kung pumunta ka pabalik sa na, makikita mo sa ilalim mayroong ang mga halimbawa dito din. 841 00:49:07,490 --> 00:49:12,560 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 842 00:49:12,560 --> 00:49:14,400 na makakatulong sa iyo na makakuha ng hanggang sa bilis. 843 00:49:14,400 --> 00:49:17,870 >> Isa iba pang mga bagay, at ako ay talagang inirerekumenda na subukan mo ito, 844 00:49:17,870 --> 00:49:24,510 Nakakuha ko na ito sa aking blog, ngunit magkakaroon pumunta ko lang ang karapatan na ito. 845 00:49:24,510 --> 00:49:28,220 Kukunin ko ipakita sa iyo. Ang aking blog ay may mga mapagkukunan at mga bagay tulad na. 846 00:49:28,220 --> 00:49:35,300 Isa sa mga bagay upang ituro ay dito mismo, ito bagay: Ang iyong ideya. Ang iyong App. 30 Days. 847 00:49:35,300 --> 00:49:40,960 Kung nag-click sa ito, ito ay pagpunta sa magdadala sa iyo sa isang talagang kapaki-pakinabang na site. 848 00:49:40,960 --> 00:49:44,650 Ito ay mas kapaki-pakinabang kaysa sa maaaring asahan. 849 00:49:44,650 --> 00:49:49,040 Ito ay magiging 30 araw ng nilalaman na maaari mong talaga makakuha ng mga tip at trick 850 00:49:49,040 --> 00:49:51,990 sa buong proseso na bilang lumikha ka ng app. 851 00:49:51,990 --> 00:49:55,980 At dahil maaaring hindi mo inaasahan, maaari mong talagang makakuha ng ito para sa mga laro masyadong 852 00:49:55,980 --> 00:49:57,840 at para sa apps ng telepono, mga bagay tulad na. 853 00:49:57,840 --> 00:50:01,000 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, 854 00:50:01,000 --> 00:50:03,010 "Nakarating na naisip mo tungkol sa paggawa na ito? Sinusuportahan mo ba Snap?" 855 00:50:03,010 --> 00:50:04,900 "Narito ang ilang mga alituntunin sa kung paano gawin na rin." 856 00:50:04,900 --> 00:50:07,440 "Mayroon ka bang naisip mo tungkol sa pagsusumite sa tindahan?" 857 00:50:07,440 --> 00:50:09,370 "Mayroon ka bang naisip mo tungkol sa kung paano ka ng pagpunta sa nagbebenta ng iyong application?" 858 00:50:09,370 --> 00:50:11,490 Ito ay pagpunta sa maglakad sa pamamagitan ng lahat ng mga iba't-ibang bagay. 859 00:50:11,490 --> 00:50:13,380 At talagang, kung ikaw ay nasa paglalaro ng track, sa isang punto 860 00:50:13,380 --> 00:50:17,010 ikaw ay magsisimulang pagkilala ng tao pakikipag-usap sa iyo 861 00:50:17,010 --> 00:50:22,850 dahil talaga ako ay nagkaroon upang pumunta sa Redmint upang gawin iyon at naitala 2 mga video doon. 862 00:50:22,850 --> 00:50:25,240 Ngunit iyon lamang ang bahagi ng paglalaro track lahat, 863 00:50:25,240 --> 00:50:27,650 at mayroon ding isang buong track para sa pag-unlad sa pangkalahatang app. 864 00:50:27,650 --> 00:50:29,380 Iyon ang tawag sa Pagbuo ng App. 865 00:50:29,380 --> 00:50:33,460 Gusto ko talagang inirerekumenda na sa iyo pati na rin bilang karagdagan sa mga sample. 866 00:50:33,460 --> 00:50:38,110 >> Marami ng mga video sa isang site na tinatawag na Channel 9 pati na rin. 867 00:50:38,110 --> 00:50:42,790 Iyon ay marahil ang huling bagay Kukunin ko inirerekumenda pati na rin bago ilipat namin sa dito. 868 00:50:42,790 --> 00:50:45,280 Channel9.msdn.com. 869 00:50:45,280 --> 00:50:48,880 Mahusay ito dahil hindi ka naka pagpunta sa ay pagbabasa sa pamamagitan tonelada ng white paper. 870 00:50:48,880 --> 00:50:53,880 Ito ay isa lamang ng maraming mga video, screencasts at mga bagay na karapatan na ang punto. 871 00:50:53,880 --> 00:50:57,940 Hindi ko dapat sabihin ito ay laging karapatan na ang punto. Depende ito ng kung sino ang paggawa ng pakikipag-usap. 872 00:50:57,940 --> 00:51:02,290 Ngunit sa pangkalahatan, mayroong ilang mga talagang-the-point mga video dito 873 00:51:02,290 --> 00:51:06,230 na magpapakita sa iyo ng ilang mga partikular na bagay baka gusto mong malaman o makita demoed. 874 00:51:06,230 --> 00:51:11,110 Mayroong ang lahat ng aming nilalaman din mula sa aming mga conference na nangyari pagkatapos ng dalawang linggo nakaraan 875 00:51:11,110 --> 00:51:14,380 tinatawag na Build, at makikita mo na mula doon. 876 00:51:14,380 --> 00:51:18,450 Mayroong mga teknolohiya Core para sa Windows 8 laro. May pumunta ka. 877 00:51:18,450 --> 00:51:23,150 Ako ay doon, talaga. Hindi mo maaaring makita sa akin. Ako ay higit sa dito. 878 00:51:23,150 --> 00:51:27,560 Ngunit sa papaano mang paraan, na bukod, ako ay inirerekomenda na kumuha kayo ng isang pagtingin sa mga video na iyon. 879 00:51:27,560 --> 00:51:29,330 Ang mga ito ay medyo kapaki-pakinabang. 880 00:51:29,330 --> 00:51:32,620 Kung ikaw ay natigil sa isang bagay o gusto mo lamang makita kung ano ang maaaring gawin ang isang bagay, sunog mga up. 881 00:51:32,620 --> 00:51:36,890 >> [Guarin] lamang ay nagpadala ng Windows Mail sa akin ng isang email na may isang link sa nilalaman 882 00:51:36,890 --> 00:51:42,140 para sa mga mag-aaral upang i-download na may sample code at mga bagay-bagay tulad na. >> [Bowen] Mahusay. 883 00:51:42,140 --> 00:51:45,510 Kahanga-hanga. Salamat sa iyo, Edwin. 884 00:51:45,510 --> 00:51:48,320 >> Mahusay. >> [Mag-aaral] Mayroon akong tanong. >> [Bowen] Oh. Oo, pakiusap. 885 00:51:48,320 --> 00:51:55,030 [Hindi marinig tanong mag-aaral] >> [Bowen] Oh, Nagagalak akong hilingin sa iyo na iyon. Oo. 886 00:51:55,030 --> 00:51:58,940 Ang tanong ay, ay may isang visual interface para sa akin upang lumikha ng mga bagay? 887 00:51:58,940 --> 00:52:01,630 Edwin ay gantimpalaan ka handsomely para sa na tanong. 888 00:52:01,630 --> 00:52:04,310 May ay isang paraan upang gawin ito. 889 00:52:04,310 --> 00:52:09,040 Dapat gawin namin ito ngayon? Gawin ni ito ngayon Hayaang. 890 00:52:09,040 --> 00:52:11,780 Pupunta ako upang pumunta sa ito sa ngayon. 891 00:52:11,780 --> 00:52:14,070 Talaga, hayaan mo akong magdagdag sa isa pang bagay na ito demo, 892 00:52:14,070 --> 00:52:16,710 at pagkatapos ay kukunin ko na ipakita sa iyo ang aktwal na sagot. 893 00:52:16,710 --> 00:52:21,340 Ako ay pagpunta sa idagdag sa isang kaunti pa CSS dito. 894 00:52:21,340 --> 00:52:23,980 Ako ay isang maliit na off sa tangents dito. 895 00:52:23,980 --> 00:52:26,770 Hayaan akong ilagay sa ilang mga CSS dito upang samantalahin 896 00:52:26,770 --> 00:52:29,980 ng mga klase na namin nagdagdag ng isang kanina, 897 00:52:29,980 --> 00:52:33,930 sa header, upang ang mainContent div, at pagkatapos ay sa greetingOutput. 898 00:52:33,930 --> 00:52:37,920 Kung gagawin ko na at patakbuhin ito, maaari mong makita ngayon Nakakuha kami ng isang Medyo naiiba ang padding at mga margin, 899 00:52:37,920 --> 00:52:40,310 kaya kami ay talagang ilang mga Offset dito. 900 00:52:40,310 --> 00:52:44,630 Ang mga ito ay higit pa patungo sa kung ano ang iyong pagpunta sa inaasahan ng isang pangwakas na pinakintab na application. 901 00:52:44,630 --> 00:52:47,770 Ngunit ako sa pagpapakita lamang ito sa iyo dahil ito ay dumaretso CSS. 902 00:52:47,770 --> 00:52:51,910 Kaya sa mga bagay na alam mo na maaari mong gamitin dito upang ayusin ang mga nilalaman hangga't gusto mo. 903 00:52:51,910 --> 00:52:55,100 Na iyong nakita mo kung paano gumawa baguhin ang background out na paraan. 904 00:52:55,100 --> 00:53:02,980 >> Kung pumunta ko hindi tumupad sa aming HTML, ako pagpunta sa idagdag sa isa pang hanay ng mga markup, 905 00:53:02,980 --> 00:53:06,140 at ito ay aktwal na pagpunta sa maging isang control mula WinJS. 906 00:53:06,140 --> 00:53:09,840 Pupunta ako sa pumunta at grab ito, ang isang label. Hayaan akong tiyakin ako paggawa ito sa tamang lugar. 907 00:53:09,840 --> 00:53:11,740 Marahil sapat na mahusay. 908 00:53:11,740 --> 00:53:15,590 Narito na lamang Idinagdag ko - at kami pumunta sa full screen upang maaari mong makita ang buong bagay - 909 00:53:15,590 --> 00:53:18,520 Idinagdag ko na ang isang label para sa susunod na div. 910 00:53:18,520 --> 00:53:20,890 Div ay tinatawag ratingControlDiv. 911 00:53:20,890 --> 00:53:23,090 Sa pamamagitan ng mismong ito ay wala. 912 00:53:23,090 --> 00:53:28,570 Kung buksan mo ito sa isang browser, gusto tumitingin ka sa mga blangko, ang div mismo. 913 00:53:28,570 --> 00:53:31,820 Ngunit dahil sa na mahiwaga linya ng code na ipinakita ko sa inyo bago, 914 00:53:31,820 --> 00:53:35,650 ang proseso ng lahat, ito ay pagpunta upang tumingin para sa isang bagay na ganito ang hitsura - 915 00:53:35,650 --> 00:53:40,380 data-panalo-kontrol - at ang ito ng pagpunta upang mahanap ang anumang ay nasa na parameter. 916 00:53:40,380 --> 00:53:44,560 Ito ay pagpunta sa gumawa ng isang instance ng kahit anupamang na ito ay tumuturo sa. 917 00:53:44,560 --> 00:53:48,850 Sa kasong ito, ito ay isang control rating, kaya ako sinasabi, "Mangyari lamang na pumunta at palitan ang bagay na ito 918 00:53:48,850 --> 00:53:51,400 "Sa kahit anong kailangan mong gawin upang gumawa ng kontrol rating." 919 00:53:51,400 --> 00:53:56,610 Ito ay maaaring maging isang pumitik kontrol, maaaring ito ay ang pag-usad singsing kahit anong control na gusto mong gamitin o. 920 00:53:56,610 --> 00:53:59,390 Lahat ng mga ito ay pagpunta sa gumana mahalagang parehong paraan. 921 00:53:59,390 --> 00:54:02,920 Gumagamit ka ng standard HTML5 markup upang ipahiwatig kung ano ang nais mo, 922 00:54:02,920 --> 00:54:07,670 at pagkatapos ay ka pagpunta upang makakuha ng kontrol sa dulo ng ito. Hayaan akong tumakbo ito. 923 00:54:07,670 --> 00:54:12,270 Lamang kinopya ko na sa, at ngayon na markup nagiging ito, 924 00:54:12,270 --> 00:54:15,280 na kung saan ay talagang lubos na isang numero ng mga elemento ng HTML. 925 00:54:15,280 --> 00:54:18,440 Ito ang lahat ng indibidwal na mga imahe, at mayroong divs sa kanilang paligid may tagapili. 926 00:54:18,440 --> 00:54:22,610 Sana maaari mong makita na. Ito ay isang maliit na mahiwaga. 927 00:54:22,610 --> 00:54:27,380 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. 928 00:54:27,380 --> 00:54:31,560 Ang maaari kong i-click ito, at ito Naaalala ang pag-uuri ngunit iyan ay tungkol dito. 929 00:54:31,560 --> 00:54:33,100 Ito ay hindi talagang gumagawa ng anumang bagay na may ang pag-uuri. 930 00:54:33,100 --> 00:54:35,230 >> Ang isa huling bagay na gusto kong ipakita sa iyo sa ito 931 00:54:35,230 --> 00:54:37,820 bago kami lumipat papunta sa isang karanasan ng mas biswal na disenyo 932 00:54:37,820 --> 00:54:42,680 Medyo ng code na maaari kong gamitin upang tumugon sa mga kontrol na ito WinJS. 933 00:54:42,680 --> 00:54:47,540 Hayaan akong tumayo mula sa doon, pabalik out sa buong screen, 934 00:54:47,540 --> 00:54:52,690 at lumipat sa JS dito para sa ikalawa. 935 00:54:52,690 --> 00:54:57,450 Ang maaari kong gawin ito dito mismo. Sa tingin ko kukunin ko na palitan ang buong bagay. 936 00:54:57,450 --> 00:55:03,080 Talaga, tingin ko ito ay papalitan ang lahat ng ito, ngunit gagamitin namin malaman magkasama. 937 00:55:03,080 --> 00:55:07,350 Makikita ko bang ilagay ito sa dito. Oo. Pupunta ako sa tanggalin ito masyadong. 938 00:55:07,350 --> 00:55:11,790 Ano ang idagdag ko? Mukhang marami. Ito ay hindi isang pulutong. 939 00:55:11,790 --> 00:55:14,920 Pinahaba ko lang na linya ng code na usapan na ako tungkol sa bago, 940 00:55:14,920 --> 00:55:18,590 at ako na nagsasabi, "Kapag ang lahat ay tapos na, kapag ang lahat ng aking mga kontrol na na-likha, 941 00:55:18,590 --> 00:55:23,660 "Pagkatapos ay gawin ito." Kaya pagkatapos patakbuhin ang function na tinatawag na nakumpleto. 942 00:55:23,660 --> 00:55:27,080 Sa kasong ito, ito ang mga bagay-bagay na maaari mong malaman. 943 00:55:27,080 --> 00:55:29,040 Pumunta mahanap na div kontrol. 944 00:55:29,040 --> 00:55:30,790 Talaga, may isang bagay na dapat kong ituro. 945 00:55:30,790 --> 00:55:35,630 Iyon susunod na linya ay aktwal na nagsasabi, "Mayroon akong na ratingControlDiv." 946 00:55:35,630 --> 00:55:39,770 "Gusto kong makipag-usap sa ito na parang ito ay isang tunay na kontrol, isang WinJS control." 947 00:55:39,770 --> 00:55:42,020 Kaya talaga, hindi ka humihingi na mula dito. 948 00:55:42,020 --> 00:55:44,600 Sinasabi mo, "Gusto kong makipag-usap sa iyo bilang isang control." 949 00:55:44,600 --> 00:55:47,810 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 950 00:55:47,810 --> 00:55:51,430 "Kaya kapag tapos ka nagbago maaari naming tumugon sa mga iyon." 951 00:55:51,430 --> 00:55:56,930 At pagkatapos ay maaari naming ring gawin ang mga bagay na katulad nito. Talaga, iyon ang lumang code doon. 952 00:55:56,930 --> 00:55:59,600 Sa tingin ko ako ay nawawala pag-paste sa isa pang pag-andar, 953 00:55:59,600 --> 00:56:05,030 at iyon ay magiging ang aktwal na pag-andar na tumugon sa control rating kasalukuyang pinapalitan. 954 00:56:05,030 --> 00:56:07,710 Hayaan akong-pop na sa kanan pababa dito, 955 00:56:07,710 --> 00:56:09,840 sa isang lugar sa paligid doon. 956 00:56:09,840 --> 00:56:14,930 At sa kasong ito, ang tanging bagay na ang bago ay ang katotohanan na ating ino ng pagpunta sa 957 00:56:14,930 --> 00:56:21,000 kung ano ang sinasabi sa atin ang control rating at hinihingi namin para sa kung ano ang tinatawag na ang tentativeRating. 958 00:56:21,000 --> 00:56:23,150 Mayroon ng grupo ng mga iba't ibang mga iba pang mga bagay na masasabi sa iyo control na, 959 00:56:23,150 --> 00:56:25,310 at ito ay tumatakbo nang kontrol sa pamamagitan ng control. 960 00:56:25,310 --> 00:56:29,140 Ito ay napaka-prangka. Magagawa mong upang malaman ito out walang problema kung ano pa man. 961 00:56:29,140 --> 00:56:34,040 Ba akong magpatakbo ng ito, at ngayon kapag binago ko ang mga rating at mag-click sa rating, 962 00:56:34,040 --> 00:56:36,480 Maaari mong makita ngayon ito ay aktwal na pagtugon sa mga ito. 963 00:56:36,480 --> 00:56:40,280 Ito ay ang paglalagay ng rating na sa screen sa na kung hindi man ay walang laman na tag div 964 00:56:40,280 --> 00:56:42,970 sa ibaba ng control rating. 965 00:56:42,970 --> 00:56:46,670 Iyon ang magic ng isang pulutong ng mga bagay-bagay dito masyadong. 966 00:56:46,670 --> 00:56:49,580 Kaya bilang lumikha ka ng mga application para sa Windows Store, 967 00:56:49,580 --> 00:56:52,930 mayroong isang tonelada ng mga kontrol na maaari mo lamang gamitin. Ang lahat ng mga gumagana tulad nito. 968 00:56:52,930 --> 00:56:58,670 >> Hayaan akong ipakita sa iyo ang visual na bahagi ng pagdidisenyo para sa mga application na ito. 969 00:56:58,670 --> 00:57:03,440 Ang magandang balita ay makikita mo na mayroon ang tool na ito kapag nag-install mo ang lahat 970 00:57:03,440 --> 00:57:06,240 kung pupunta ka sa pag-download na at makakuha ka ng Visual Studio. 971 00:57:06,240 --> 00:57:09,890 Maaari ko bang i-right click sa ito. Hindi ako mag-zoom in 972 00:57:09,890 --> 00:57:12,040 Sabi lang ito Buksan sa Blend. 973 00:57:12,040 --> 00:57:16,040 Blend ay isa pang tool na gumagana magkatabi sa Visual Studio 974 00:57:16,040 --> 00:57:19,230 at nakatuon ang marami pang iba sa disenyo bahagi ng mga bagay, 975 00:57:19,230 --> 00:57:23,660 kaya talagang ibabaw tool na ay na-optimize para sa paglikha ng mga estilo, 976 00:57:23,660 --> 00:57:29,720 paglikha ng mga animation, nagtatrabaho sa CSS, ng maraming mga bagay sa ganoong uri ng ugat. 977 00:57:29,720 --> 00:57:36,380 Narito kung ano ang dapat maging napaka-kawili-wili at kaakit-akit na halata agad ay kaming naghahanap sa app. 978 00:57:36,380 --> 00:57:40,060 Sana pa rin namin ay. 979 00:57:40,060 --> 00:57:42,650 Sa halip na makakita ng code, na pa rin namin nakikita sa ibaba, 980 00:57:42,650 --> 00:57:45,350 namin nakikita ang mga aktwal na representasyon ng mga application. 981 00:57:45,350 --> 00:57:49,640 Ano ang higit pa, ito ay hindi lamang isang representasyon ng mga app, ito ay aktwal na ang running app. 982 00:57:49,640 --> 00:57:52,010 At iyon ang talagang maganda tungkol sa Blend. 983 00:57:52,010 --> 00:57:58,620 Ang koponan ay tapos na ng maraming trabaho upang magdala ng HTML at JavaScript at CSS sa tool na ito. 984 00:57:58,620 --> 00:58:01,930 Ngayon ay maaari mo talaga, kung gusto mong malaman, "Ano ang ibig sabihin na? Ano ang maaari kong gawin?" 985 00:58:01,930 --> 00:58:08,310 Maaari ko talagang magdisenyo sa application na ito kahit na mga bagay tulad ng ito ay hindi umiiral sa aking mga markup. 986 00:58:08,310 --> 00:58:13,230 Tandaan na kontrol rating? Ito ay lamang ng isang div tag. 987 00:58:13,230 --> 00:58:17,090 Bagay-bagay na ito, bituin na iyon, ay naroroon lamang sa runtime. Paano ko malalaman na? 988 00:58:17,090 --> 00:58:20,300 Mayroon ng kaunting mahika sa ibabaw dito. 989 00:58:20,300 --> 00:58:21,700 Tingnan ang mga kidlat bolts? 990 00:58:21,700 --> 00:58:25,570 Anumang oras na makita mo ang isang kidlat tornilyo, na nangangahulugang ito ay nilikha ng isang bagay sa runtime. 991 00:58:25,570 --> 00:58:31,770 Pinatatakbo ng ilan sa JavaScript at naka isang bagay sa ito o nilikha ito na may ilang mga logic. 992 00:58:31,770 --> 00:58:37,100 Yaong mga bituin na nakikita mo doon ay nilikha ng JavaScript sa pamamagitan ng WinJS. 993 00:58:37,100 --> 00:58:41,800 Ang magandang bagay ay, hindi mahalaga sa akin, maaari pa rin ba akong magdisenyo ito, 994 00:58:41,800 --> 00:58:44,410 Maaari ko pa rin pumunta sa at baguhin ito, maaari kong malaman kung ano ang nangyayari sa dito, 995 00:58:44,410 --> 00:58:50,260 Maaari ko bang tingnan ang mga CSS, maaari ko sige at malaman kung bakit ang kulay ay ang paraan ito ay, 996 00:58:50,260 --> 00:58:54,610 Maaari ko bang simulan ang panggugulo sa mga bagay at paggawa ng mga bagay na kakila-kilabot, 997 00:58:54,610 --> 00:58:58,360 kahit anong gusto kong gawin. 998 00:58:58,360 --> 00:59:01,020 Talaga, makikita ko bang iwan ang mga bagay nang mag-isa. 999 00:59:01,020 --> 00:59:03,980 Ngunit maaari mong makita dito ang lahat ng ito sa CSS at ito ay nagpapakita sa iyo dito. 1000 00:59:03,980 --> 00:59:10,120 Kung pumunta ako hanggang sa doon, ito ay pagpunta upang ipakita sa iyo ang lahat ng bagay na tinatawag nila Panalong, 1001 00:59:10,120 --> 00:59:14,850 kaya ang mga panuntunan ng CSS na ay ang pinaka-tiyak at ang pinaka napili para sa item na iyon, 1002 00:59:14,850 --> 00:59:17,110 na marahil ay nangangahulugan na na nawala na sa paglipas ng sa iyong mga klase, 1003 00:59:17,110 --> 00:59:22,000 kung saan maaari mong sabihin mayroong isang pangkalahatang font na kami nag-aaplay sa lahat ng bagay, 1004 00:59:22,000 --> 00:59:26,860 ngunit dahil ito ay isang h1 at mayroon akong isang kulay na tinukoy para sa h1s, 1005 00:59:26,860 --> 00:59:29,820 ito ay pagpunta sa maging ang kulay na ito, at iyon dahil ito ay mas tiyak kaysa sa body1. 1006 00:59:29,820 --> 00:59:32,590 Ito ang isang bagay dito mismo nagpapakita sa iyo ng lahat ng iyon, 1007 00:59:32,590 --> 00:59:35,470 at ito ay talagang mahusay na mga bagay-bagay habang ikaw ay mas kumplikado, 1008 00:59:35,470 --> 00:59:38,160 ka nagtataka kung bakit mga bagay na ito ay ang paraan sila. 1009 00:59:38,160 --> 00:59:41,020 Ito ay talagang sabihin sa iyo, at maaari kang pumili ng anuman sa mga item dito. 1010 00:59:41,020 --> 00:59:43,370 Kulay Iyon ay hindi masyadong masamang, talaga. 1011 00:59:43,370 --> 00:59:47,150 Maaari mong piliin ang mga ito. Sana maaari mong makita ito. 1012 00:59:47,150 --> 00:59:52,410 Para sa lahat ng bagay na mayroon ka sa iyong application, makikita mo ang isang buong kaskad 1013 00:59:52,410 --> 00:59:56,070 ng lahat ng mga CSS na maaaring mailapat sa mga iyon at kung saan ang isa ay winning, 1014 00:59:56,070 --> 00:59:58,050 kung alin ang aktwal na kinuha mangunguna. 1015 00:59:58,050 --> 01:00:00,930 Ang mga ito ay uri ng mayamot. Mayroong hindi maraming nagaganap sa ilan sa mga ito. 1016 01:00:00,930 --> 01:00:04,660 Kung pumunta ako at palitan ang kulay, pagkatapos ay magsisimula kang makakita ng ilang mga cascading doon. 1017 01:00:04,660 --> 01:00:07,760 Maaari mo ring gamitin ang HTML dito pati na rin. 1018 01:00:07,760 --> 01:00:12,490 Maaari ba akong pumunta sa pamamagitan at baguhin ang mga katangian HTML para sa lahat ng mga bagay na ito bilang nais ko. 1019 01:00:12,490 --> 01:00:14,620 Mayroon lamang tonelada ng mga bagay-bagay dito. 1020 01:00:14,620 --> 01:00:18,070 >> Hindi ko nais na kunin ang iyong oras sa pamamagitan ng pagpunta sa pamamagitan ng lahat ng bagay dito. Alam lang ito dito. 1021 01:00:18,070 --> 01:00:21,700 Maraming ng disenyo-oriented pag-andar na magagamit para lamang sa iyo 1022 01:00:21,700 --> 01:00:26,730 kaya maaari kang manatiling visual, gumana sa mga application, at hindi na kailangang gawin ng maraming paghula 1023 01:00:26,730 --> 01:00:32,180 na nais mong mayroon na gawin nang normal at cycling pabalik mula sa isang browser pabalik sa iyong disenyo, 1024 01:00:32,180 --> 01:00:33,940 i-back sa browser. 1025 01:00:33,940 --> 01:00:37,010 Ito ay talagang cool na bagay para sa na, at bilang bumuo ka ng isang Store Windows app, 1026 01:00:37,010 --> 01:00:39,650 ito ay pagpunta sa gumawa ng maraming ka mas produktibo. 1027 01:00:39,650 --> 01:00:45,150 >> Makikita mo rin ang ito sa pagsubaybay ang markup dito at iyong CSS 1028 01:00:45,150 --> 01:00:47,270 bilang nagtatrabaho ka sa pamamagitan ng iba't ibang mga bagay. 1029 01:00:47,270 --> 01:00:50,180 Marahil ay talagang mahirap para sa iyo upang makita na, lalo na sa video, 1030 01:00:50,180 --> 01:00:54,680 ngunit iyan ay kung ano ang nangyayari sa dito, at Gusto ko inirerekumenda maging pamilyar ka sa na iyon. 1031 01:00:54,680 --> 01:00:57,240 Ito ay i-save ka ng maraming oras. Iyon ay Blend. 1032 01:00:57,240 --> 01:01:00,520 Kung gumawa ka ng anumang mga pagbabago dito, ang mga ito ay awtomatikong pagpunta sa magdala pabalik sa ibabaw 1033 01:01:00,520 --> 01:01:01,870 sa Visual Studio. 1034 01:01:01,870 --> 01:01:06,590 Ito ay ang parehong mga file, ito ay pareho ang lahat. Kukunin ko iwanan ito nang nag-iisa. 1035 01:01:06,590 --> 01:01:08,650 Mayroon akong isang mas mahusay na halimbawa na gusto kong ipakita sa iyo. 1036 01:01:08,650 --> 01:01:11,660 Ngunit kung ginawa ko ang isang pagbabago doon at nai-save ito at ako ay dumating pabalik sa Visual Studio, magdudulot ito sinasabi, 1037 01:01:11,660 --> 01:01:16,390 "Uy, pinalitan mo lamang ng isang bagay. Maaari ko bang i-reload ito para sa iyo?" Oo. 1038 01:01:16,390 --> 01:01:18,770 At ginagamit mo ang parehong mga bagay-bagay doon. 1039 01:01:18,770 --> 01:01:21,320 Iyan ang katapusan ng na partikular na sample. 1040 01:01:21,320 --> 01:01:28,170 >> 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 1041 01:01:28,170 --> 01:01:30,350 maaari mong isipin ang tungkol sa pati na rin. 1042 01:01:30,350 --> 01:01:32,280 Ito ay isang sample app na maaari mong i-download. 1043 01:01:32,280 --> 01:01:35,620 Kung tumingin ka para sa isang bagay na tinatawag na Windows Camp sa isang Box, 1044 01:01:35,620 --> 01:01:40,340 mayroong ilang mga sample na nasa iyon, at isa sa mga ito ay ang Contoso Cookbook. 1045 01:01:40,340 --> 01:01:41,640 Maaari ko pa lang tumakbo ito para sa iyo. 1046 01:01:41,640 --> 01:01:44,700 Pasadyang splash screen. Ito ang application Grid view. 1047 01:01:44,700 --> 01:01:49,590 Sila na nakatali dito ilang custom data. Maaari kang mag-navigate sa pamamagitan ng ito. 1048 01:01:49,590 --> 01:01:53,090 Maaari kang pumunta at tingnan ang iba't-ibang bagay na gagawing sa amin gutom sa isang afternoon Biyernes. 1049 01:01:53,090 --> 01:01:57,760 Hindi ko alam. Ano ang pagpunta sa gawin sa akin ang pinaka-gutom? 1050 01:01:57,760 --> 01:02:00,530 Hindi ko alam. Lamang ako ng pagpunta sa pumili ng isa. 1051 01:02:00,530 --> 01:02:02,460 Ikaw pumunta sa mga bagay na ito. Ito ay magpapakita sa iyo ng recipe. 1052 01:02:02,460 --> 01:02:04,900 Mo rin ng dati, sa halip ng pag-click sa isang item, 1053 01:02:04,900 --> 01:02:10,360 maaari kang pumunta karapatan sa na kategorya ng nilalaman, na seksyon ng nilalaman. 1054 01:02:10,360 --> 01:02:15,590 Sa kasong ito, maaari mong basahin ang maraming mga pekeng Latin na nagsasabi sa iyo lahat tungkol sa mga recipe dito 1055 01:02:15,590 --> 01:02:17,720 at pagkatapos ay pumunta pakanan papunta sa mga tiyak na recipe. 1056 01:02:17,720 --> 01:02:22,770 Sinusuportahan din ito ng mga bagay na tulad ng pagbabahagi na ipinakita mo ako bago gamit ang mga larawan. 1057 01:02:22,770 --> 01:02:26,160 Maaari ka ring maghanap sa application na ito masyadong. 1058 01:02:26,160 --> 01:02:28,880 Ito ay napaka-prangka gawin searching. 1059 01:02:28,880 --> 01:02:31,300 Talaga, nakukuha mo lang ng isang string ng teksto mula sa Windows 1060 01:02:31,300 --> 01:02:34,720 at ikaw ang magpapasya kung gusto mong pangasiwaan ang paghahanap gamit na. 1061 01:02:34,720 --> 01:02:39,830 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. 1062 01:02:39,830 --> 01:02:44,180 >> Narito mayroon din nila ang isang app bar kung saan ginagamit nila ang ilang iba pang mga pag-andar. 1063 01:02:44,180 --> 01:02:45,430 Kukunin ko na lang sabihin sa iyo kung ano ito ay. 1064 01:02:45,430 --> 01:02:48,220 Isang paalala ay pagpunta sa gamitin kung ano ang tinatawag na isang notification toast. 1065 01:02:48,220 --> 01:02:52,930 Ito ay talagang madaling-gamiting para sa pagpapaalam sa user kapag bagay ang nangyari, 1066 01:02:52,930 --> 01:02:55,850 tulad ng isang application ay naka-install o isang bagay ay nakumpleto. 1067 01:02:55,850 --> 01:02:57,950 Ito ay din masyadong mahusay para sa mga laro. 1068 01:02:57,950 --> 01:03:02,360 Kung mayroon kang isang paulit-ulit na mundo o isang lider board at isang serbisyo na nagho-host na 1069 01:03:02,360 --> 01:03:08,490 siguro sa isang hiwalay na machine, maaaring ipadala ang mga notification sa isang makina 1070 01:03:08,490 --> 01:03:12,240 at kahit na ang user ay hindi gumagamit ng iyong mga laro, paglalaro ng iyong mga laro o patakbuhin ang iyong mga app, 1071 01:03:12,240 --> 01:03:15,170 Maaari pa rin sila makakuha ng mga abiso tungkol sa mga uri ng mga kaganapan. 1072 01:03:15,170 --> 01:03:19,350 Kaya maaari mong sabihin, "ay sisirain ang iyong kastilyo o ay tungkol lamang nawasak." 1073 01:03:19,350 --> 01:03:22,870 "Kumuha ng mga pabalik dito at ipagtanggol ito," o isang bagay tulad na. 1074 01:03:22,870 --> 01:03:26,830 Click ka sa notification, pumunta mong i-right pabalik sa laro, at maaari mo itong i-play. 1075 01:03:26,830 --> 01:03:32,170 Kaya mga uri ng mga bagay na maaaring makatulong sa talagang gumuhit pabalik ang mga tao sa iyong app medyo epektibo. 1076 01:03:32,170 --> 01:03:37,450 >> Mayroon ding sumusuporta sa application na ito para sa paggamit ng mikropono, ang webcam, 1077 01:03:37,450 --> 01:03:39,560 paggawa ng video at pagkuha ng mga larawan. 1078 01:03:39,560 --> 01:03:42,080 Maaari mo ring i-pin ng pangalawang tile. 1079 01:03:42,080 --> 01:03:46,760 Ito ay kapaki-pakinabang kung nais mong magkaroon lamang ng isang tile na napupunta karapatan sa ilang mga nilalaman. 1080 01:03:46,760 --> 01:03:49,960 Sa kasong ito, ito ay tumatakbo nang karapatang ito recipe. 1081 01:03:49,960 --> 01:03:51,300 Lahat ako pagbanggit lang ako sa pagpapakita 1082 01:03:51,300 --> 01:03:53,270 dahil ito ay mga bagay na maaari mong isipin ang tungkol sa paggamit ng pati na rin. 1083 01:03:53,270 --> 01:03:57,590 Para sa karamihan ng bahagi, ang mga ito ay napaka-prangka gamitin. 1084 01:03:57,590 --> 01:04:00,070 Gusto ko lamang inirerekumenda dalhin sa iyo up sample na explorer 1085 01:04:00,070 --> 01:04:03,600 at makita ang isang sample na maaaring ipakita sa iyo kung paano gawin iyon. 1086 01:04:03,600 --> 01:04:07,140 Ito ay medyo tapat upang dalhin ang mga ito sa iyong mga app din doon. 1087 01:04:07,140 --> 01:04:11,030 >> Ako ay pagpunta upang ipakita sa iyo ibang bagay na medyo cool dito. 1088 01:04:11,030 --> 01:04:15,230 Kukunin ko snap ang application na ito, at Pupunta ako upang bumalik sa Visual Studio. 1089 01:04:15,230 --> 01:04:18,870 Ang application na ito ay tumatakbo. Ito ay tumatakbo mula sa Visual Studio. 1090 01:04:18,870 --> 01:04:21,370 Ang maaari kong gawin ang ilang mga medyo cool na bagay na may na. 1091 01:04:21,370 --> 01:04:23,840 Talagang ba akong magkaroon ng isang opsyon upang pumili ng isang sangkap, 1092 01:04:23,840 --> 01:04:28,250 at maaari ba akong pumunta sa paglipas dito sa live na application at ang maaari kong sabihin, 1093 01:04:28,250 --> 01:04:34,000 "Ako nagtataka kung bakit ay Time Paghahanda Medyo mas magaan na kulay abo kaysa sa pamagat mismo?" 1094 01:04:34,000 --> 01:04:35,680 Ang maaari kong i-click ito. 1095 01:04:35,680 --> 01:04:38,080 Ito ay pagpunta upang i-synchronize na pabalik sa Visual Studio, 1096 01:04:38,080 --> 01:04:43,780 at ito ay pagpunta sa ipakita sa akin nang eksakto ang binuong nilalaman na nagresulta sa bahaging iyon ng UI. 1097 01:04:43,780 --> 01:04:47,270 Kaya sa kasong ito, ito ay item-subtitle at h4 double bumuo, 1098 01:04:47,270 --> 01:04:51,110 at na marahil ay nagsasabi sa amin kung ano ang kailangan naming malaman dahil bilang isang h4 sa loob ng context na, 1099 01:04:51,110 --> 01:04:53,550 ito ang nangyayari upang makakuha ng isang tiyak na uri ng font. 1100 01:04:53,550 --> 01:04:56,410 Ngunit kung ako pa rin hindi alam kung bakit, maaari ba akong mag-click sa Pagsubaybay Estilo. 1101 01:04:56,410 --> 01:05:02,330 Maaari kong pagkatapos ay palawakin out kulay at maaari kong malaman eksakto kung bakit kulay na ito ay hindi ang kulay ng katawan 1102 01:05:02,330 --> 01:05:04,640 pero sa katunayan ay iba pa. 1103 01:05:04,640 --> 01:05:07,210 Ito ay mahalagang dev tool mula sa Internet Explorer 1104 01:05:07,210 --> 01:05:09,530 sa isang degree na nagdala sa Visual Studio. 1105 01:05:09,530 --> 01:05:12,110 Kung nag-nagtrabaho sa Chrome Dev Tools, Firebug, mga bagay tulad na, 1106 01:05:12,110 --> 01:05:14,720 mga uri ng mga tool na nasa browser, 1107 01:05:14,720 --> 01:05:17,340 na uri ng pag-andar ay dinala pakanan papunta Visual Studio 1108 01:05:17,340 --> 01:05:22,090 kaya wala ka talagang may upang ilunsad ang isang browser at gumagana sa mga tool hiwalay. 1109 01:05:22,090 --> 01:05:24,320 Ngayon ba akong magkaroon ng isang app Store Windows tumatakbo lamang, 1110 01:05:24,320 --> 01:05:27,840 at ang maaari kong magsimula ng paghila ito bukod at paghahanap ng kung bakit mga bagay ay ginagawa kung ano ang mga ito. 1111 01:05:27,840 --> 01:05:30,440 >> Maaari ko ring gawin ito sa ganitong paraan masyadong. 1112 01:05:30,440 --> 01:05:35,020 Maaari kong pumunta lamang at pumili ng isang bagay mula mismo sa markup at malaman kung ano ito ay 1113 01:05:35,020 --> 01:05:38,560 sa application mismo. Sa tingin ko ang nawala ko sa pamamagitan ng lahat ng bagay. 1114 01:05:38,560 --> 01:05:41,440 Narito ako pagpasada sa ito. Maaari ko bang piliin ito. 1115 01:05:41,440 --> 01:05:45,540 Ito ay pagpunta sa ipakita sa akin sa aktwal na running application kung saan bagay na 1116 01:05:45,540 --> 01:05:48,070 na ngayon ako ng pag-click sa sa markup. 1117 01:05:48,070 --> 01:05:49,700 Talagang cool na bagay. 1118 01:05:49,700 --> 01:05:52,710 Bilang na sinusubukan mong malaman kung ano ang nagaganap at kung ano ang HTML ay ang paggawa, 1119 01:05:52,710 --> 01:05:56,080 ano CSS ay ang paggawa, panatilihin ito sa isip. 1120 01:05:56,080 --> 01:05:58,450 Tandaan na ito ay dito para sa iyo 1121 01:05:58,450 --> 01:06:02,070 at din na Blend ay maaaring gumana sa isang live na running application. 1122 01:06:02,070 --> 01:06:06,070 >> Ang isa huling bagay Nais kong ipakita sa iyo na may ganitong application - 1123 01:06:06,070 --> 01:06:09,290 Sa pamamagitan ng ang paraan, nagpapakita ito sa iyo deltas bilang baguhin masyadong bagay, 1124 01:06:09,290 --> 01:06:11,160 sa gayon ay maaari mong panoorin ang para sa mga kulay-dilaw na mga highlight. 1125 01:06:11,160 --> 01:06:14,060 Iyon ang mga bagay na na-lamang ay nagbago ang application. 1126 01:06:14,060 --> 01:06:16,350 Ngunit isa huling bagay. Gusto kong bumalik sa timpla lang para sa isang ikalawang dito. 1127 01:06:16,350 --> 01:06:21,790 Susubukan naming buksan ito up, Buksan sa Blend, parehong app, parehong ang lahat. 1128 01:06:21,790 --> 01:06:28,660 Gusto ko lang ipakita sa iyo ang karanasan dito ay hindi lamang ka natigil sa home page 1129 01:06:28,660 --> 01:06:32,880 tumitingin sa mga bagay na makukuha mo sa pamamagitan ng default kapag pinatakbo mo ang app at ipaalam ito umupo doon. 1130 01:06:32,880 --> 01:06:36,490 Maaari mo ring i-on ito medyo maliit na icon up dito. 1131 01:06:36,490 --> 01:06:38,560 Ito ay tinatawag na Interactive mode. 1132 01:06:38,560 --> 01:06:41,560 Click ka sa mga iyon. Pupuntahan Nag upang ilabas ang iyong application. 1133 01:06:41,560 --> 01:06:43,730 Ikaw ay hindi sa mode na Disenyo ngayon, kaya hindi ka pagpunta sa ay pag-click sa mga bagay 1134 01:06:43,730 --> 01:06:47,270 upang baguhin ang pag-andar, ngunit maaari mong talagang gumagana gamit ang application na ngayon. 1135 01:06:47,270 --> 01:06:51,560 Maaari kang mag-click sa pamamagitan ng, maaari mong gawin ang anumang, makapunta sa isang recipe na mahalaga sa iyo 1136 01:06:51,560 --> 01:06:54,810 o sa isang kategorya. Sabihin pumunta sa kategoryang ito. 1137 01:06:54,810 --> 01:06:56,880 Sasabihin kong, "Okay, dito ay kung saan gusto kong mag-disenyo." 1138 01:06:56,880 --> 01:06:59,680 Pagkatapos mong i-click muli ang pindutang na, ito ay magdadala sa iyo pabalik sa ibabaw Disenyo, 1139 01:06:59,680 --> 01:07:02,130 at ngayon maaari mong gawin ang lahat ng mga bagay na ako ay pakikipag-usap tungkol sa bago. 1140 01:07:02,130 --> 01:07:06,230 Kukunin ko panatilihin ang pag-click hanggang sa makuha ko napili ito, alamin ang mga sukat nito, 1141 01:07:06,230 --> 01:07:09,890 alamin ang HTML para dito, ang CSS para dito 1142 01:07:09,890 --> 01:07:14,990 para sa isang tumatakbo ang application, ang ilang mga mamaya bahagi ng application. 1143 01:07:14,990 --> 01:07:17,780 Napakaluwag, napaka kapaki-pakinabang. Kukunin ko ipakita ito sa iyo. 1144 01:07:17,780 --> 01:07:21,340 Mangyaring panatilihin ito sa isip kung naghahanap ka sa pagsulat code na may ganitong 1145 01:07:21,340 --> 01:07:26,070 dahil ito ay pagpunta sa i-save ka ng isang pulutong na walang problema, at ito ay medyo magagandang bagay-bagay. 1146 01:07:26,070 --> 01:07:32,370 Iyan ay medyo magkano ang lahat Nais kong ipakita sa iyo sa Blend at sa Visual Studio para sa lahat ng iyon. 1147 01:07:32,370 --> 01:07:36,130 >> Ang anumang mga katanungan sa alinman sa mga tool? 1148 01:07:36,130 --> 01:07:40,000 Anumang bagay sa lahat? >> [Guarin] Mayroon akong mga bagay-bagay upang bigyan out, kaya mahusay na mga katanungan, magagandang bagay-bagay. 1149 01:07:40,000 --> 01:07:43,700 >> [Bowen laughs] na ipinakita ko ang aking mga demo dito mo. 1150 01:07:43,700 --> 01:07:47,000 Pupunta ako sa ilagay ito sa pahina ng Mga Mapagkukunan at i-sa mga tanong ngayon. 1151 01:07:47,000 --> 01:07:53,850 Iyon unang sanggunian ay na Generation App sa site sa mga laro track at ang app track. 1152 01:07:53,850 --> 01:07:55,040 Mag-sign up para sa mga. 1153 01:07:55,040 --> 01:07:57,210 Hindi mo na kailangang maghintay ng 30 araw upang makuha ang nilalaman. 1154 01:07:57,210 --> 01:08:00,370 Maaari mong simulan ang pagpunta at pagtingin sa nilalaman hangga't gusto mo. 1155 01:08:00,370 --> 01:08:04,380 Nauunawaan ko na maaaring iba sa iyong mga frame ng oras - [laughs] 1156 01:08:04,380 --> 01:08:07,780 Kaya kapag ay ang Hackathon? Iyon lang ng ilang linggo, tama? 1157 01:08:07,780 --> 01:08:09,620 Kaya hindi mo na kailangang ang 30 araw upang maghintay. 1158 01:08:09,620 --> 01:08:13,180 Kaya oo, maaari kang mag-sign up para sa iyon at pagkatapos lamang simulan ang bunot ang nilalaman mula dito. 1159 01:08:13,180 --> 01:08:15,320 Gayundin ang Dev at ang Design Centers. 1160 01:08:15,320 --> 01:08:17,620 At hindi ko banggitin na ito, ngunit mayroon ding mga Store Docs. 1161 01:08:17,620 --> 01:08:22,880 Ito ay magiging para matapos ang Hackathon bilang handa ka na upang simulan ang pagsusumite ng iyong mga app para sa tindahan. 1162 01:08:22,880 --> 01:08:27,350 Mayroong ilang mga kapaki-pakinabang na mga alituntunin dito, ang ilang mga patnubay tungkol sa kung paano makakuha ng mga bagay sa tindahan, 1163 01:08:27,350 --> 01:08:29,960 ilan sa mga karaniwang mga isyu na maaaring patisod mo, 1164 01:08:29,960 --> 01:08:32,540 at iyon ang katapusan ng mga mapagkukunan. 1165 01:08:32,540 --> 01:08:35,300 >> Kaya kung ano ang nasa iyong isip? Anumang bagay na sa iyo - 1166 01:08:35,300 --> 01:08:40,580 [Guarin] Sino ang nag-iisip tungkol sa paggawa ng Windows app para sa CS50? Cool. 1167 01:08:40,580 --> 01:08:42,200 [Bowen] Cool. Mahusay. 1168 01:08:44,149 --> 01:08:49,410 >> Ang anumang mga katanungan tungkol sa mga bagay na nakita mo sa ngayon at kung paano ito nauugnay sa ito? 1169 01:08:49,410 --> 01:08:54,540 Halimbawa, na may mas maraming oras maaari kong kumuha ng laro na aking isinulat 1170 01:08:54,540 --> 01:08:57,310 at na nagpapatakbo sa browser at uri ng pumunta lamang sa pamamagitan ng proseso 1171 01:08:57,310 --> 01:08:59,870 ng pagdadala na sa Visual Studio at ginagawa itong isang Store Windows app. 1172 01:08:59,870 --> 01:09:02,870 Ito ay tumatagal ng mas maraming oras kaysa sa talagang namin ay may upang kasama ngayon, 1173 01:09:02,870 --> 01:09:08,010 ngunit ang maikling bersyon ay nito ay kapareho ng code na pinatatakbo mo sa browser, 1174 01:09:08,010 --> 01:09:11,680 at ang mga bagay na palitan mo ang mga bagay na magpasya kang mag-plug in sa Windows 8. 1175 01:09:11,680 --> 01:09:16,220 Kaya kung nais mong gamitin ang charms, kung nais mong maghanap o ibahagi, 1176 01:09:16,220 --> 01:09:19,899 kailangan mong lumikha ng isang app bar upang itago ang layo ng ilang mga pag-andar papunta iyon, 1177 01:09:19,899 --> 01:09:21,939 mga ay ang mga uri ng mga bagay na nais mong baguhin. 1178 01:09:21,939 --> 01:09:25,229 Ngunit ang core ng iyong web app maaari mananatiling buo. 1179 01:09:25,229 --> 01:09:29,590 Muli, hangga't ito gumagana sa IE10, ito ay pagpunta sa maging isang talagang madali port 1180 01:09:29,590 --> 01:09:33,680 upang magdala ng mga bagay-bagay na sa Visual Studio, sa Blend, at gawin itong isang Store Windows app. 1181 01:09:33,680 --> 01:09:37,500 Muli, ang tanging bagay na kailangan mong malaman ay ang mga iba pang mga tampok 1182 01:09:37,500 --> 01:09:41,830 na maaari mong gamitin upang sindihan ang isang application, tulad ng isang live na tile at mga uri ng mga bagay. 1183 01:09:41,830 --> 01:09:46,899 >> Oo. >> [Mag-aaral] ang aking tanong ay tungkol sa pagtatrabaho mobile. 1184 01:09:46,899 --> 01:09:52,210 Kaya kung gumawa ka ng isang app na gumagana bilang isang app sa desktop, 1185 01:09:52,210 --> 01:09:56,480 ay ito talagang madali upang mailipat ito sa mobile, o ay may isang - 1186 01:09:56,480 --> 01:10:01,270 Ang tanong ay, kapag gumawa ako ng isang Store Windows app na talaga ang na-optimize para sa environment na ito 1187 01:10:01,270 --> 01:10:06,430 at gusto ko upang dalhin ito sa isang mundo sa mobile, kung ano ang kasangkot sa paggawa na? 1188 01:10:06,430 --> 01:10:10,060 Iyon, tulad ng maraming mga katanungan, ay palaging isang patuloy na pagbabago ng sagot. 1189 01:10:10,060 --> 01:10:16,190 Ang magandang balita ay kung ikaw ay nananatili sa HTML at JavaScript, CSS, 1190 01:10:16,190 --> 01:10:18,720 kung ikaw ay nagsisimula mula sa isang Store ng Windows app, 1191 01:10:18,720 --> 01:10:20,590 ito ay pagpunta sa ipaalam sa iyo dalhin ito sa Web 1192 01:10:20,590 --> 01:10:24,650 at pagkatapos ay gamitin ang mga uri ng mga diskarte, tulad ng media query at mga bagay, 1193 01:10:24,650 --> 01:10:27,180 upang iakma sa iba't ibang mga aparato laki. 1194 01:10:27,180 --> 01:10:29,900 Iyon ay sinabi, mayroong palaging Framework at bagay out doon 1195 01:10:29,900 --> 01:10:33,450 support na pagpapalawig out iba't ibang mga teknolohiya, iba't-ibang mga platform. 1196 01:10:33,450 --> 01:10:35,670 Na ang mga pagbabago sa lahat ng oras. 1197 01:10:35,670 --> 01:10:40,030 Kami ay ang pagbabago din ng mga bagay pati na rin ang inaasahan naming patungo kung ano ang mayroon kami ngayon 1198 01:10:40,030 --> 01:10:42,950 talaga out kasama ang Windows Phone 8. 1199 01:10:42,950 --> 01:10:44,930 Mayroon kaming ilang mga ibinahaging core infrastructures 1200 01:10:44,930 --> 01:10:48,180 Inaalok sa pagitan ng mga application para sa mga environment. 1201 01:10:48,180 --> 01:10:51,200 Kaya ang mga bagay na ginagawa mo upang lumikha ng isang Store Windows app, 1202 01:10:51,200 --> 01:10:57,790 ng maraming na maaaring dalhin sa ibabaw sa isang Windows Phone 8 ng application. 1203 01:10:57,790 --> 01:11:02,270 Iyon muli ay isang umuusbong na mga kuwento, kaya walang ilang nilalaman tungkol na sa Build. 1204 01:11:02,270 --> 01:11:06,780 Naging SDK Ang isang out kanina. Ito ay lamang inilabas ng ilang sandali ang nakalipas. 1205 01:11:06,780 --> 01:11:09,920 Ngunit sa mga tuntunin ng iba pang mga platform ng masyadong, 1206 01:11:09,920 --> 01:11:13,360 marahil tumakbo sa maraming cross-platform Framework pati na rin. 1207 01:11:13,360 --> 01:11:16,170 Ang magandang balita ay ang mga bagay na ginagawa mo dito, 1208 01:11:16,170 --> 01:11:19,620 ang pangunahing pag-andar ay dumaretso web standard na mga bagay-bagay. 1209 01:11:19,620 --> 01:11:24,010 Ang tanging bagay na hindi isalin madali ang mga bagay na ginagawa ng Windows 8, 1210 01:11:24,010 --> 01:11:28,060 ngunit iyan ay walang sorpresa dahil ito ay isang tampok ng Windows. 1211 01:11:28,060 --> 01:11:34,090 Hindi ka pagpunta upang mahanap ang pagbabahagi o katulad na mga uri ng mga kontrata sa bawat iba pang mga platform. 1212 01:11:34,090 --> 01:11:37,480 Kaya mga ay ang mga bagay na gusto mo sa mula sa pananaw ng disenyo 1213 01:11:37,480 --> 01:11:40,820 tiyakin na mayroon kang mga paraan upang uri ng abstract na out sa gayon maaari mong sabihin, 1214 01:11:40,820 --> 01:11:42,970 "Kapag ako ay tumatakbo sa ito, ang maaari kong gawin na." 1215 01:11:42,970 --> 01:11:48,120 Kung hindi ako, mayroong ilang mga pattern ng disenyo maaari mong gamitin upang uri ng itago ang mga bagay-bagay na ang layo. 1216 01:11:48,120 --> 01:11:53,360 Ngunit panatilihin na sa isip. Oo. Sorry. Sige. 1217 01:11:53,360 --> 01:11:58,130 >> [Mag-aaral] Kung gusto kong subukan sa aking Windows app sa tuktok ng [hindi marinig] 1218 01:11:58,130 --> 01:12:02,310 [Bowen] Oo. Malampasan ko ang isa pang bagay masyadong. Oo. 1219 01:12:02,310 --> 01:12:04,910 Kukunin ko muna sagutin ang iyong tanong, pagkatapos ay kukunin ko na ipakita sa iyo ang isang tampok Nakalimutan ko banggitin. 1220 01:12:04,910 --> 01:12:09,220 Ginagawa namin mayroon nang lokal ilang mga machine magagamit. Sorry. 1221 01:12:09,220 --> 01:12:11,240 Ang tanong ay, paano ko subukan kong bagay sa mga aparatong 1222 01:12:11,240 --> 01:12:14,230 kung hindi ako mangyari upang magkaroon ng isang buong pulutong ng mga bagay upang pumili mula sa? 1223 01:12:14,230 --> 01:12:17,130 [Guarin] ipinahiram namin sa inyo guys, sa palagay ko, 5 o 6. Gaano karaming mo kailangan? 1224 01:12:17,130 --> 01:12:20,940 [Mag-aaral] Mayroon kaming 4 ng mga ito. >> Okay. Ikaw guys Nakakuha 4 slates upang i-play sa paligid na may. 1225 01:12:20,940 --> 01:12:25,520 Kaya hayaan siguradong lahat ng tao alam, pakiusap. [Laughs] >> [Bowen] Kahanga-hanga. 1226 01:12:25,520 --> 01:12:27,610 Iyan ay isang mas mahusay na sagot kaysa ako ay pagpunta upang bigyan ka. 1227 01:12:27,610 --> 01:12:31,250 Mayroon kaming oras ng opisina para sa mga developer na gawin namin ang aming opisina 1228 01:12:31,250 --> 01:12:35,110 at ngayon paparating na ang Microsoft Store sa ibabaw sa Pru, 1229 01:12:35,110 --> 01:12:37,010 ngunit Edwin ay nakuha na pag-aalaga ng iyo. 1230 01:12:37,010 --> 01:12:42,180 Mayroong 4 na slates magagamit para sa pagpapautang, para sa pagsubok. 1231 01:12:42,180 --> 01:12:45,440 May pumunta namin. Mayroong ang isang halimbawa ng up ng isa doon. 1232 01:12:45,440 --> 01:12:47,340 Kaya oo, walang pasubali. Mahusay. 1233 01:12:47,340 --> 01:12:52,700 Walang pasubali sa pamamagitan ng malayo ang pinakamahusay na paraan upang subukan ito ay upang maging sa isang aparato. 1234 01:12:52,700 --> 01:12:56,810 Kung hindi mo mangyari upang magkaroon ng isa pa o hindi mo nais na maglakad sa buong campus sa niyebe 1235 01:12:56,810 --> 01:13:01,130 upang grab isa o kahit ano, mayroong isang paraan upang gawin ito pabalik sa Visual Studio. 1236 01:13:01,130 --> 01:13:10,360 Kung pumunta ako pabalik sa kung saan ako ay dito, dito sa halip na gamitin Lokal Machine, 1237 01:13:10,360 --> 01:13:13,590 maaari mong kumonekta sa Remote Machine, ngunit hindi iyon kung ano ako ng pakikipag-usap ko tungkol dito. 1238 01:13:13,590 --> 01:13:16,830 Simulator ay ang bagay na maaaring gusto mong siyasatin. 1239 01:13:16,830 --> 01:13:22,120 Kukunin ko patakbuhin ito, at talagang kung ano ito ay, ito ay mahalagang isang window papunta sa iyong sariling system. 1240 01:13:22,120 --> 01:13:26,260 Dito ay ang tunay aking sistema ng pagtakbo, tumatakbo Contoso, 1241 01:13:26,260 --> 01:13:29,550 ngunit sa isang paraan na nagbibigay-daan sa akin baguhin ang ilan sa mga parameter ng execution, 1242 01:13:29,550 --> 01:13:31,060 ang mga parameter ng kapaligiran. 1243 01:13:31,060 --> 01:13:34,150 Kaya ang maaari kong sabihin dito, "Alam mo kung ano?" 1244 01:13:34,150 --> 01:13:39,240 Oh. Ako nai ito tumatakbo sa isang kunwa 27-inch monitor sa 2560 na resolution. 1245 01:13:39,240 --> 01:13:44,930 Maaari ko madaling drop down na at makita kung ano ang gagawin ng aking application gamit ang isang mas maliit na screen 1246 01:13:44,930 --> 01:13:47,480 o sa pamamagitan ng pagbabago ng mga setting dpi o kahit ano. 1247 01:13:47,480 --> 01:13:50,700 Kaya sa isang maliit na screen, isang 10.6, kung ano ang ito pagpunta sa gawin? 1248 01:13:50,700 --> 01:13:53,040 Na ganito pa rin medyo magandang, tama? 1249 01:13:53,040 --> 01:13:58,220 Gugustuhin mong gawin ito, lalo na kung ikaw ay nagsusumite sa tindahan, sapagkat ginagawa namin 1250 01:13:58,220 --> 01:14:00,480 bilang bahagi ng proseso ng pagsubok. 1251 01:14:00,480 --> 01:14:02,400 At kung may mga problema tulad ng iyon, 1252 01:14:02,400 --> 01:14:06,160 pagkatapos ay maaari kang magkaroon ng isang isyu nagsisimula pa certified para sa tindahan. 1253 01:14:06,160 --> 01:14:09,240 Ngunit iyon lamang ang bahagi ng simulator. Talagang cool. Napakadaling gawin iyon. 1254 01:14:09,240 --> 01:14:11,480 Maaari mo ring gamitin ang mga tampok tulad ng umiikot na ito pati na rin. 1255 01:14:11,480 --> 01:14:15,650 Maaari ko bang i-click ang pindutan dito, ito paikutin, makita kung ano ang isang tao ay magkaroon ng bilang isang karanasan 1256 01:14:15,650 --> 01:14:20,970 umiikot na ang kanilang slate, ang kanilang tablet, at gamit ang iyong application gamit na. 1257 01:14:20,970 --> 01:14:25,060 May ilang iba pang mga bagay tulad ng masyadong ugnay pagtulad at ilang iba pang mga bagay, 1258 01:14:25,060 --> 01:14:27,210 pagtatakda ng GPS. 1259 01:14:27,210 --> 01:14:31,050 Maaari kong magpanggap na ako sa ibang lokasyon at tingnan kung ano ang aking application 1260 01:14:31,050 --> 01:14:34,690 kapag magpanggap na ako pabalik sa Seattle o isang bagay na ako. 1261 01:14:34,690 --> 01:14:41,970 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. 1262 01:14:41,970 --> 01:14:44,460 Oo. Ang iyong katanungan. 1263 01:14:44,460 --> 01:14:48,530 >> [Mag-aaral] Kung sumusulat ka ng isang laro, mayroon ang anumang suporta para sa animation Visual Studio? 1264 01:14:48,530 --> 01:14:55,550 Oo. Ang tanong ay sa paligid support animation, lalo na sa paglalaro. 1265 01:14:55,550 --> 01:14:58,380 Depende ito. [Chuckles] 1266 01:14:58,380 --> 01:15:06,870 Gamit ang JavaScript ay ko sabihin doon ay marahil hindi gaanong support kaysa doon ay nasa XAML gilid, 1267 01:15:06,870 --> 01:15:11,430 na may mga timeline, may storyboards at mga bagay na ay binuo in 1268 01:15:11,430 --> 01:15:18,710 Para sa mga animation sa apps JavaScript, hindi ko alam kung magkano ng isang sagot na gusto kong bigyan ka. 1269 01:15:18,710 --> 01:15:25,110 Mayroon akong mga mapagkukunan sa aking blog na pumunta sa pamamagitan ng maraming mga pagpipilian para sa parehong mga animation pisika, 1270 01:15:25,110 --> 01:15:29,280 mga pagpipilian para sa JavaScript-oriented na mga laro sa Windows 8. 1271 01:15:29,280 --> 01:15:31,300 Gusto ko refer ka sa mga iyon. 1272 01:15:31,300 --> 01:15:34,300 Talaga, may kaya maraming mga pagpipilian. 1273 01:15:34,300 --> 01:15:37,770 Ang dahilan kung bakit ako maatubili ay mayroong kaya maraming mga pagpipilian para sa paggawa ng mga animation sa JavaScript. 1274 01:15:37,770 --> 01:15:44,280 Ito ay maaaring maging CSS, ito ay nakabatay sa Canvas, maaaring ito ay lamang pangunahing DOM animation, 1275 01:15:44,280 --> 01:15:47,470 maaaring ito ay may maraming mga iba't ibang mga bagay, kaya ito ay talagang depende sa iyong kagustuhan. 1276 01:15:47,470 --> 01:15:55,790 Kung magpasya kang gamitin ang isang bagay tulad ng Create.js o Lime o iba pang mga uri ng mga Framework - 1277 01:15:55,790 --> 01:15:59,150 Well, hindi ako kahit sigurado ka ng pagpunta sa magagawang gamitin ang isang mas mataas na dulo balangkas 1278 01:15:59,150 --> 01:16:01,370 i Epekto o bumuo. 1279 01:16:01,370 --> 01:16:07,000 Iyon ay may gawi upang bumuo ng karagdagang code kaysa sa maaaring isaalang-alang mula sa simula. 1280 01:16:07,000 --> 01:16:11,730 Ngunit sa mga kasong iyon, maaari mo pa ring gamitin ang isang simulator, maaari mong gamitin ang mga kapaligiran, 1281 01:16:11,730 --> 01:16:17,480 at malamang kong gamitin na lamang ang environment na ito para sa aking pagsubok platform sa mga kasong iyon 1282 01:16:17,480 --> 01:16:19,930 bilang ako pagbubuo ng mga laro. 1283 01:16:19,930 --> 01:16:22,110 Nakapunta ako fine lalo na sa Canvas animation, 1284 01:16:22,110 --> 01:16:23,850 na kung saan ay marahil ang pinaka-karaniwang bagay. 1285 01:16:23,850 --> 01:16:27,360 Ang pinakamahusay ka ng pagpunta sa marahil mahanap ang mga tool dev sa browser 1286 01:16:27,360 --> 01:16:30,160 at ang mga tool dev sa Visual Studio. 1287 01:16:30,160 --> 01:16:34,610 Kind ng isang meandering sagot doon, ngunit sana ay Nakatanggap ako ang iyong sagot. Oo. Ikaw. 1288 01:16:34,610 --> 01:16:36,470 >> [Mag-aaral] Ano ang mga pagpipilian sa imbakan ng data para sa Windows 8 apps? 1289 01:16:36,470 --> 01:16:41,100 Ano ang mga pagpipilian sa imbakan ng data para sa Windows 8 apps, apps Tindahan ng Windows? 1290 01:16:41,100 --> 01:16:46,790 Ang iyong mga pagpipilian talaga ay nakakakuha sa bawat application sarili nitong pool ng lokal na imbakan 1291 01:16:46,790 --> 01:16:52,150 para sa setting at para sa data, ngunit ito ay ridiculously madaling gamitin roaming imbakan din, 1292 01:16:52,150 --> 01:16:54,920 upang magamit ang storage ng ulap-based. Ito ay libre. 1293 01:16:54,920 --> 01:16:58,250 Ano ang mangyayari ay mong piliin ang isa lamang ng ibang klase at sabihin mo, 1294 01:16:58,250 --> 01:17:03,370 "Roaming Setting, I-save, ang partikular na hanay ng mga nilalaman," 1295 01:17:03,370 --> 01:17:06,050 at ang kanilang mga Microsoft account, ano ang kanilang nag-sign bilang in, 1296 01:17:06,050 --> 01:17:08,620 ay magiging susi sa roaming na impormasyon sa paligid. 1297 01:17:08,620 --> 01:17:13,790 Kaya kung gagamitin ko ang iyong mga laro sa aking laptop at pagkatapos ay mag-log in ako gamit ang parehong account 1298 01:17:13,790 --> 01:17:18,900 at i-play ko ang mga laro sa isang Ibabaw o isang tablet, 1299 01:17:18,900 --> 01:17:23,610 iyon ay awtomatikong gumala na setting at data sa pagitan ng mga machine. 1300 01:17:23,610 --> 01:17:27,550 Iyan ay isang default na bagay. Iyan ay mabuti para sa ilang mga halaga ng data. 1301 01:17:27,550 --> 01:17:30,220 Hindi mo nais ilagay ang isang malaking database sa mga. 1302 01:17:30,220 --> 01:17:35,350 Para na kailangan mong pumunta sa iba pang mga uri ng mga solusyon, tulad ng isang naka-host na database sa cloud, 1303 01:17:35,350 --> 01:17:36,690 mga bagay tulad na. 1304 01:17:36,690 --> 01:17:39,840 Mayroong ilang mga iba pang mga pagpipilian komunidad sa palibot ng ibang mga uri ng mga teknolohiya ng data. 1305 01:17:39,840 --> 01:17:42,920 Nakita ko ang ilang mga SQLite mga pagpipilian sa komunidad sa paligid doon. 1306 01:17:42,920 --> 01:17:46,690 Kaya nang higit pa at higit pa ay umuusbong, ngunit ang mga ay ang mga pangunahing bagay na nais mong tingnan patungo sa 1307 01:17:46,690 --> 01:17:49,430 para sa isang laro o isang app. 1308 01:17:49,430 --> 01:17:50,610 At nagkaroon ka ng tanong sa likod masyadong. 1309 01:17:50,610 --> 01:18:02,390 >> [Mag-aaral] Sa tuntunin ng network [hindi marinig] pag-upload o pag-download ng mga file [hindi marinig] 1310 01:18:02,390 --> 01:18:04,870 [Bowen] ba ang iyong tanong kung paano mo maaaring makita na o kung paano mo maaaring i-debug na at subukan ito? 1311 01:18:04,870 --> 01:18:10,630 [Mag-aaral] Paano mo maaaring i-debug ito [hindi marinig] 1312 01:18:10,630 --> 01:18:12,670 Sorry. Hindi ko marinig ang lahat ng ito. 1313 01:18:12,670 --> 01:18:16,480 [Mag-aaral] Paano ako makakakuha mo ito bug nasubukan at din [hindi marinig] 1314 01:18:16,480 --> 01:18:17,490 Mahusay. Mahusay. 1315 01:18:17,490 --> 01:18:21,860 Paano gumagana mo sa networking? Paano mo makita kung ano ang nangyayari sa? 1316 01:18:21,860 --> 01:18:23,620 Mayroong maraming iba't ibang mga sagot sa mga ito ng isa, 1317 01:18:23,620 --> 01:18:26,420 ngunit hayaan mo akong ipakita sa iyo marahil ang pinakamadaling bagay dito. 1318 01:18:26,420 --> 01:18:29,350 Hayaan akong mapupuksa ang simulator para sa isang segundo. 1319 01:18:29,350 --> 01:18:31,740 Ilang lamang mga pagpipilian sa pag-debug para sa networking. 1320 01:18:31,740 --> 01:18:36,070 Mayroong isang buong stack network lutong pakanan papunta sa parehong WinRT antas at mula WinJS ang, 1321 01:18:36,070 --> 01:18:42,810 sa gayon ay maaari napaka madali mong gumawa XHR, uri ng AJAX tawag mula sa iyong mga laro o app upang gawin iyon. 1322 01:18:42,810 --> 01:18:47,250 Lalo na, ay may posibilidad kong gamitin ang 2 bagay. 1323 01:18:47,250 --> 01:18:53,660 Gagamitin ang aktwal na mga tool dev kanilang sarili, na magkaroon ng isang stack network lutong sa kanila. 1324 01:18:53,660 --> 01:18:55,870 Hayaan akong ipakita sa iyo ang home page ng Windows. 1325 01:18:55,870 --> 01:19:02,730 Maaari kong dalhin ito up, at mayroong tunay na isang proxy network lutong sa mga tool na dito. 1326 01:19:02,730 --> 01:19:08,390 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, 1327 01:19:08,390 --> 01:19:14,550 kabilang ang AJAX tawag para sa session na iyon, para sa tagal na hiling ni. 1328 01:19:14,550 --> 01:19:17,600 Ito ay kapaki-pakinabang. Ito ay pagpunta sa maging napaka-kapaki-pakinabang para sa batay sa browser ang apps. 1329 01:19:17,600 --> 01:19:20,470 Para sa iba pang mga uri ng mga app, kabilang ang mga app Store Windows, 1330 01:19:20,470 --> 01:19:23,970 Gumagamit ako ng isang tool na tinatawag na Fiddler. 1331 01:19:23,970 --> 01:19:29,650 Ikaw ay pagpunta upang makakuha ng isang laro sa tugon. [Chuckles] 1332 01:19:29,650 --> 01:19:32,750 Fiddler ay isang simpleng proxy. Sa tingin ko ang maaari kong ipakita na sa iyo. 1333 01:19:32,750 --> 01:19:40,190 Ito ay lamang GetFiddler.com, na, nang kawili-wili sapat, ako ang pagsunod aking stack network 1334 01:19:40,190 --> 01:19:41,740 pagpunta sa GetFiddler. 1335 01:19:41,740 --> 01:19:45,700 Ngunit sa papaano mang paraan, Fiddler ay isinulat ng isa sa mga PMs sa koponan ng IE, 1336 01:19:45,700 --> 01:19:48,290 kaya alam niya kung ano ang ginagawa niya. 1337 01:19:48,290 --> 01:19:52,630 Ito ay isang magandang proxy na maaari mong gamitin para sa trapiko sa network ng pag-debug. 1338 01:19:52,630 --> 01:19:55,730 Gusto ko inirerekumenda na. Tanong sa paglipas ng doon. 1339 01:19:55,730 --> 01:19:58,050 >> [Mag-aaral] Mayroon bang isang madaling paraan upang isama ang input ng mga banyagang wika, 1340 01:19:58,050 --> 01:20:00,810 tulad ng Hapon o Intsik, sa apps ng Windows? 1341 01:20:00,810 --> 01:20:03,240 Hindi ko masabi gumawa ako ng masyadong maraming ng ito sa aking sarili, ngunit ito ay lutong in 1342 01:20:03,240 --> 01:20:08,470 May mga pagpipilian para siyempre nagpapalabas ng iyong application - I'm paumanhin, hindi ko sinasabi ng mga tanong - 1343 01:20:08,470 --> 01:20:11,100 mga pagpipilian sa paligid ng globalization, lokalisasyon ng nilalaman, 1344 01:20:11,100 --> 01:20:14,320 kabilang ang mga bagay tulad ng pagiging mabenta sa ibang mga merkado 1345 01:20:14,320 --> 01:20:19,190 at ang target na bersyon ng iyong application para sa mga indibidwal na mga wika 1346 01:20:19,190 --> 01:20:21,080 o kultura o mga bagay na tulad na. Walang pasubali built-in 1347 01:20:21,080 --> 01:20:22,980 Nagkaroon kami ng suporta para sa na para sa walang hanggan, 1348 01:20:22,980 --> 01:20:26,630 at na nagdadala forward sa iyong mga pagpipilian para sa Windows Store. 1349 01:20:26,630 --> 01:20:30,450 Maaari mong gawin na sa tindahan mismo, ibenta sa ibang mga merkado, 1350 01:20:30,450 --> 01:20:34,050 maaari mong gawin iyon sa application pati na rin masyadong may gamit mapagkukunan upang tukuyin, 1351 01:20:34,050 --> 01:20:42,220 "Kung ako ay binuo para sa kultura ito, pagkatapos ay gamitin ang mga override para sa aking nilalaman tekstuwal 1352 01:20:42,220 --> 01:20:44,510 "O gumamit ng karapatan sa kaliwa reader." 1353 01:20:44,510 --> 01:20:51,290 Iyon ang lahat ng mga bahagi ng default na WinJS at WinRT API. Magandang katanungan. 1354 01:20:51,290 --> 01:20:54,770 >> Paano ang ginagawa namin? Anumang iba? 1355 01:20:54,770 --> 01:20:58,850 At kung sinuman sa video ay may mga katanungan, ako cbowen @ Microsoft, 1356 01:20:58,850 --> 01:21:02,790 kaya Ikinagagalak kong gumawa ng anumang ng iyong mga tanong mula sa hinaharap. 1357 01:21:02,790 --> 01:21:05,690 Napakaluwag - Mula sa hinaharap, hinaharap [Ginagaya Echo]. 1358 01:21:05,690 --> 01:21:09,140 Kaya dito ay akin. Hayaan akong ibalik ang aking mga contact dito. 1359 01:21:09,140 --> 01:21:11,840 Kaya magpadala lang sa akin ng isang tala, cbowen @ Microsoft, 1360 01:21:11,840 --> 01:21:15,190 at ako ay babalik sa iyo sa lalong madaling panahon ko. 1361 01:21:15,190 --> 01:21:19,010 >> Ano pa na kayo ay nagtataka? Sigurado namin mahusay? 1362 01:21:19,010 --> 01:21:24,050 Mahusay. Ayos lang. Salamat sa iyo lahat napaka. Pinahahalagahan ko ito. [Palakpakan] 1363 01:21:24,800 --> 01:21:27,000 >> [CS50.TV]