1 00:00:00,000 --> 00:00:02,420 [Powered by Google Translate] [Seminar - Windows 8 - Zhvillimi Ndeshjet / Lojë me HTML5] 2 00:00:02,420 --> 00:00:05,090 [Chris Bowen, Edwin Guarin - Universiteti i Harvardit] 3 00:00:05,090 --> 00:00:07,350 [Kjo është CS50. - CS50.TV] 4 00:00:07,350 --> 00:00:10,290 >> Hey, të gjithë. Emri im është Edwin Guarin. Kjo është Chris Bowen. 5 00:00:10,290 --> 00:00:12,310 Unë do të le të futur veten në një të dytë. 6 00:00:12,310 --> 00:00:14,100 Unë vetëm dua të bëjë një njoftim të shpejtë. 7 00:00:14,100 --> 00:00:18,340 Para së gjithash, të gjithë ju CS50 studentët merrni Windows 8 për të lira. 8 00:00:18,340 --> 00:00:23,150 Pra, nëse ju jeni duke menduar në lidhje me të vërtetë duke e përdorur atë për projektin tuaj përfundimtar, është e juaja. 9 00:00:23,150 --> 00:00:25,740 Nate do të dërgojë një email më vonë në për udhëzime. 10 00:00:25,740 --> 00:00:32,850 Gjëja e dytë është në qoftë se ju vendosni për të shkruar një app të Windows 8 për projektin tuaj CS50 përfundimtar, 11 00:00:32,850 --> 00:00:35,870 ne jemi duke shkuar për të bërë disa giveaways: një Xbox, 12 00:00:35,870 --> 00:00:38,870 ne mund të jetë në gjendje për të dhënë një propozoj larg, stuff like that. 13 00:00:38,870 --> 00:00:42,460 Pra, nëse ka ndonjë gjë që ju mban prapa, le Chris ose unë e di 14 00:00:42,460 --> 00:00:45,010 se si ne mund të ju ndihmojë të ndërtuar diçka të vërtetë cool. 15 00:00:45,010 --> 00:00:48,580 Pra, thanks again për të ardhur sot, dhe unë do t'ia dorëzojë atë për të Chris. 16 00:00:48,580 --> 00:00:50,500 >> Ju faleminderit, Edwin. 17 00:00:51,000 --> 00:00:52,740 Faleminderit, të gjithë, për t'u bashkuar me ne sot. 18 00:00:52,740 --> 00:00:55,800 Unë jam Chris Bowen. Unë jam një nga kolegët e Edwin këtu në Verilindje. 19 00:00:55,800 --> 00:00:58,310 Unë vetëm të kërkuar për të shpenzuar pak kohë me ju duke folur për 20 00:00:58,310 --> 00:01:03,730 si për të bërë një aplikim të Windows Store me HTML5, JavaScript, CSS dhe 21 00:01:03,730 --> 00:01:07,310 dhe lloj të marrë çdo pyetje që mund të keni në lidhje me të përgjigjur për ju 22 00:01:07,310 --> 00:01:12,920 si ju jeni duke kërkuar në drejtim të të menduarit në lidhje ndoshta duke e përdorur atë për një finale CS50 mundësi. 23 00:01:12,920 --> 00:01:14,980 >> Kjo tha, ne do vetëm të drejtë pikiatë in 24 00:01:14,980 --> 00:01:17,190 Unë do të shkoj për të slides mbi këtu. 25 00:01:17,190 --> 00:01:19,440 Nëse ju keni ndonjë pyetje, mos ngurroni të më dërgoni një email. 26 00:01:19,440 --> 00:01:23,460 Unë jam cbowen@microsoft.com, dhe nuk ka blogun tim dhe Twitter ime. 27 00:01:23,460 --> 00:01:26,330 Megjithatë ju doni të merrni kontakt me mua, kjo është në rregull. 28 00:01:26,330 --> 00:01:30,110 Unë kam marrë rreth një orë e gjëra, dhe unë dua të të marrë pyetjet tuaja në gjatë rrugës, 29 00:01:30,110 --> 00:01:33,720 kështu që nuk do të turpërohet për të paturit pyetje gjatë kësaj. 30 00:01:33,720 --> 00:01:36,470 Ato nuk mund të shihni kush bërë pyetjet mbi regjistrimin, 31 00:01:36,470 --> 00:01:39,090 kështu që ju do të jetë aq anonim sa ju duan të jenë. 32 00:01:39,090 --> 00:01:42,780 >> Më lejoni të drejtë pikiatë në, vetëm të ju jap një hyrje të shpejtë në Windows 8, 33 00:01:42,780 --> 00:01:47,400 dhe t'ju tregojë disa nga gjërat rreth Apps Windows-Store që ju mund të konsideroni 34 00:01:47,400 --> 00:01:49,530 si ju jeni duke menduar në lidhje me zhvillimin e një aplikim. 35 00:01:49,530 --> 00:01:52,660 Ne jemi duke kërkuar në Windows 8. Ne kemi qenë për disa javë tani. 36 00:01:52,660 --> 00:01:55,810 Një shumë e miratimit të fortë atje tashmë. 37 00:01:55,810 --> 00:01:59,800 Ju mund të keni parë tashmë makinat Sipërfaqja që ne kemi si. 38 00:01:59,800 --> 00:02:03,730 Ka një mbi këtu në të vërtetë ju mund të hidhni një sy në qoftë se ju jeni këtu në person. 39 00:02:03,730 --> 00:02:07,530 Unë me të vërtetë dua të flas me ju, të ju tregojnë rreth pak në lidhje me Windows 8. 40 00:02:07,530 --> 00:02:10,759 Ideja me Windows 8, me të vërtetë sjell përpara të gjitha stuff ju e dini në lidhje me Windows-it 41 00:02:10,759 --> 00:02:16,840 në disa përvoja të reja - në veçanti, gjëra të tilla si në makinë Sipërfaqja me prekje, 42 00:02:16,840 --> 00:02:20,000 këto lloj më shumë pajisje të lëvizshme që janë tani në treg, 43 00:02:20,000 --> 00:02:22,360 por është gjithashtu e Windows në thelbin e saj. 44 00:02:22,360 --> 00:02:25,850 Pra, kjo do të thotë që ju mund ta instaloni atë të vërtetë në çdo gjë që shkon Windows 7, 45 00:02:25,850 --> 00:02:30,770 nga më të madh të trefishtë SLI lojrave vishem tuaj poshtë për laptop 46 00:02:30,770 --> 00:02:36,200 dhe me shkëlqim pajisjeve të reja të tjera tuaja që ju mund të vini deri sot. 47 00:02:36,200 --> 00:02:38,450 Ata do të kandidojë Windows 8. 48 00:02:38,450 --> 00:02:40,530 Unë do t'ju tregoj rreth vetëm pak, 49 00:02:40,530 --> 00:02:44,670 dhe të gjitha përvojat që ju do të shihni këtu janë gjëra që ju mund të krijojë. 50 00:02:44,670 --> 00:02:47,760 Ideja është nëse kjo është prekje, mouse, tastiere, 51 00:02:47,760 --> 00:02:51,870 çdo gjë që pajisja është se ju jeni duke aplikimin tuaj në, ajo do të kandidojë madh. 52 00:02:51,870 --> 00:02:55,180 Windows 8 do të ndihmojë me të gjitha këto skenare. 53 00:02:55,180 --> 00:02:59,600 >> Këto slides mënjanë, le të vetëm të marrë të drejtë në duke marrë një sy përreth këtu. 54 00:02:59,600 --> 00:03:03,270 Më lejoni të ju tregojnë rreth ekranit tim në shtëpi. Kjo është ekranin tim Nis. 55 00:03:03,270 --> 00:03:05,810 Unë vetëm do të ju jap pak e një turneu këtu. 56 00:03:05,810 --> 00:03:09,610 Unë jam në një makinë jo-touch, në mënyrë që sa më shumë që unë dua të prek ekranin tim laptop, 57 00:03:09,610 --> 00:03:13,400 ajo nuk do të bëjë një gjë, kështu që unë thjesht do të lëviz rreth këtu pak dhe të tregojë. 58 00:03:13,400 --> 00:03:17,950 Disa gjëra që ju mund të njoftim jeni fakti se këto çfarë janë quajtur pllaka të jetojnë 59 00:03:17,950 --> 00:03:21,470 në fakt mund të gjallë, dhe ata mund të japin informacion për ju - 60 00:03:21,470 --> 00:03:24,750 ndoshta përditësime mbi statistikat për një lojë 61 00:03:24,750 --> 00:03:30,970 ose t'ju tregojë lajmet nga disa nga Apps më të hershme që janë këtu në anën e majtë. 62 00:03:30,970 --> 00:03:35,350 Nuk shkojmë. Unë jam i sigurt se është vetëm pozitive dhe lajmeve fantastike madh. 63 00:03:35,350 --> 00:03:38,450 Ju mund të shihni këtu është e vërtetë e quajtur vëmendjen tuaj përsëri në app, duke thënë: 64 00:03:38,450 --> 00:03:43,010 "Hej, ka diçka të re këtu. Hidhni një sy. Kthehuni në dhe të shohim se çfarë është e re për ju." 65 00:03:43,010 --> 00:03:45,320 Kjo është quajtur tjegull jetojnë, dhe ju mund të bëni njoftime 66 00:03:45,320 --> 00:03:47,070 ose të drejtë nga zbatimi vetë 67 00:03:47,070 --> 00:03:52,220 ose në qoftë se ju merrni një vështrim në më shumë detaje, ju do të gjeni se si të shkruaj një shërbim të largët 68 00:03:52,220 --> 00:03:54,340 që në fakt mund të shtyjë informacion në tjegull, 69 00:03:54,340 --> 00:03:56,520 e cila është ajo që po ndodh me këto Apps lajmeve. 70 00:03:56,520 --> 00:04:00,080 Ata janë në fakt duke marrë lajme nga të resë dhe përditësimin e tjegull të drejtë atje 71 00:04:00,080 --> 00:04:03,710 kështu që njerëzit e dinë se ka një arsye për të hapur kërkesën dhe të marrë një sy 72 00:04:03,710 --> 00:04:06,950 në çfarëdo rejat e fundit është në asnjë nga këto 73 00:04:06,950 --> 00:04:10,060 ose në qoftë se ka recetave të reja apo një rezultat të lartë të ri për të rrahur 74 00:04:10,060 --> 00:04:13,560 ose duke luajtur një mik ose çdo gjë në këto aplikime. 75 00:04:13,560 --> 00:04:15,550 Është diçka për të ju tërheq prapa in 76 00:04:15,550 --> 00:04:18,640 Pra, kjo është pllaka e gjalla, dhe kjo mund të jetë një person, ajo mund të jetë një website si. 77 00:04:18,640 --> 00:04:20,790 Zakonisht kjo është një aplikim. 78 00:04:20,790 --> 00:04:25,320 >> Shumë e shumë të gjitha këto gjëra që kam këtu ardhur nga Windows Store. Unë do të nisë këtë. 79 00:04:25,320 --> 00:04:27,890 Kjo është një nga aplikimet që ju merrni nga default 80 00:04:27,890 --> 00:04:30,350 në çdo makinë që është running Windows 8. 81 00:04:30,350 --> 00:04:33,040 Ju mund të vijnë këtu për të gjetur ndonjë gjë që ju do të dëshironi, 82 00:04:33,040 --> 00:04:37,240 nga gjërat që janë të theksuara për të lojrave që unë nuk kam parë më parë. 83 00:04:37,240 --> 00:04:39,440 Oh, wow, ne kemi marrë një Pinball ri këtu. 84 00:04:39,440 --> 00:04:41,580 Ju mund të instaloni këto të drejtë këtu nga dyqani, 85 00:04:41,580 --> 00:04:43,420 dhe ne do të flasim rreth asaj se si për të zhvilluar këto. 86 00:04:43,420 --> 00:04:45,670 Ju keni shumë zgjedhje në mënyrën se si keni krijuar ato. 87 00:04:45,670 --> 00:04:49,020 Ne do të përqëndrohet në në histori JavaScript me HTML dhe CSS, 88 00:04:49,020 --> 00:04:52,790 por për të përdoruesit, për blerësin e app, kjo nuk ka rëndësi se çfarë ishte shkruar in 89 00:04:52,790 --> 00:04:54,670 Ata mund të shkojnë përpara dhe të punojnë me të. 90 00:04:54,670 --> 00:04:57,870 Unë jam i intriguar nga ky, kështu që kam nevojë për të hapur këtë ide dhe të marrë një sy. 91 00:04:57,870 --> 00:05:02,310 Çdo app, duke përfshirë edhe ato që ju mund të paraqesë dhe të shesë ose të dhuroj falas, 92 00:05:02,310 --> 00:05:06,240 çdo gjë që ju doni të bëni në dyqan, do të merrni një faqe në shtëpi si kjo. 93 00:05:06,240 --> 00:05:10,750 Ju mund të paraqisni aplikimin tuaj me një bandë të shtëna me ekran - ju shihni disa këtu - 94 00:05:10,750 --> 00:05:15,970 Detajet rreth aplikimit, dhe me kalimin e kohës ju do të grumbulluar të dy ratings - 95 00:05:15,970 --> 00:05:19,020 ata janë në thelb vetëm rating yll - dhe komente, 96 00:05:19,020 --> 00:05:20,690 të cilat ofrojnë pak më shumë njohuri. 97 00:05:20,690 --> 00:05:24,380 Në fakt, dikush duhet të shkruani diçka dhe të ju tregojnë se si i tmerrshëm je, 98 00:05:24,380 --> 00:05:29,300 dhe që do të shkojnë në seksionin tuaj Shqyrtime gjatë këtu, të cilat unë nuk kam shikuar. 99 00:05:29,300 --> 00:05:33,890 Sporte. "Nuk do të edhe të hapur." Sa e madhe. 100 00:05:33,890 --> 00:05:39,000 E pra, për folks për të cilët këtë e bëri hapur dhe drejtuar, ata duket të vërtetë të gëzojë atë. [Qesh] 101 00:05:39,000 --> 00:05:43,770 Mbajeni këtë në mendje. Internet. Çdokush mund të thonë çfarë të duan në lidhje me aplikimin tuaj. 102 00:05:43,770 --> 00:05:45,780 Pra, sigurohuni që ju jeni duke bërë një punë të madhe me të, 103 00:05:45,780 --> 00:05:49,030 sigurohuni që ju jeni duke e bërë atë sa më të rehatshme për përdoruesit si ju mund të 104 00:05:49,030 --> 00:05:52,720 sepse ata janë një çift i klikimeve larg nga dhënia e një përmbledhje, 105 00:05:52,720 --> 00:05:55,870 dhe që do të grumbulluar deri në vlerësimin tuaj të përgjithshëm të shqyrtimit. 106 00:05:55,870 --> 00:05:58,990 Dhe ju doni të bëni tuaj më të mirë për shkak se ju jeni do të jetë kundër kërkesave të tjera. 107 00:05:58,990 --> 00:06:01,830 Nuk do të jetë e mijëra Apps tashmë në dyqan, 108 00:06:01,830 --> 00:06:06,880 dhe shanset janë, nuk mund të jetë diçka që ka funksionalitet të ngjashëm me atë që jeni duke bërë. 109 00:06:06,880 --> 00:06:12,740 Pra, nëse ju mund të vërtetë të dal nga turma, që do të jetë në avantazhin tuaj, natyrisht. 110 00:06:12,740 --> 00:06:15,300 >> Ne do të merrni në dyqan pak më vonë. 111 00:06:15,300 --> 00:06:17,090 Unë me të vërtetë dua të përqëndrohet në krijimin e Apps. 112 00:06:17,090 --> 00:06:20,760 Por versionin e dyqan është shpërndarja në mbarë botën, 113 00:06:20,760 --> 00:06:25,430 kjo është automatikisht pjesë e Windows 8, njerëzit vetëm zjarri atë dhe të marrë një sy në Apps të ndryshme këtu, 114 00:06:25,430 --> 00:06:29,070 ju keni Sticker Librin e Dress-Up dhe të gjitha llojet e Apps të ndryshme. 115 00:06:29,070 --> 00:06:33,690 Fresh Paint, ta përdor këtë shumë - të dobët, por ta përdor atë shumë. 116 00:06:33,690 --> 00:06:36,080 Është treguar mua unë tashmë vetë atë. 117 00:06:36,080 --> 00:06:41,280 Më lejoni t'ju tregoj diçka që unë nuk e kanë - UVideos Unë nuk kam si krejt të re. 118 00:06:41,280 --> 00:06:43,660 Ju shihni këtu është e lirë, kështu që ju mund ta instaloni atë të drejtë nga dyqani. 119 00:06:43,660 --> 00:06:46,430 Ju keni zgjedhje shumë. Ju mund sigurisht të japin atë larg. 120 00:06:46,430 --> 00:06:49,660 Ju mund të vënë reklama në app ose lojë. 121 00:06:49,660 --> 00:06:54,770 Ju gjithashtu mund të ngarkuar për të, dhe ju mund shumë lehtë të japë një gjykim për aplikimin si dhe 122 00:06:54,770 --> 00:06:58,220 kështu që ju mund të le folks provoni atë për një javë ose çdo gjë që ju doni të bëni. 123 00:06:58,220 --> 00:07:01,540 Kjo është vetëm i përshtatshëm nëpërmjet portalit. Ju nuk shkruani asnjë kod për këtë. 124 00:07:01,540 --> 00:07:03,990 Pra, ju thoni, "Ju mund të përdorni këtë për një javë dhe pastaj ju keni marrë për të blerë atë," 125 00:07:03,990 --> 00:07:07,130 ose ju mund të bëni gjëra të tilla si, "Ju mund të luajnë 3 nivelet e para të kësaj loje 126 00:07:07,130 --> 00:07:09,820 "Dhe pastaj ju keni marrë për të blerë për të hyrë në pjesën tjetër." 127 00:07:09,820 --> 00:07:12,310 Ju mund edhe të bëjë në-app blerjet si edhe, kështu që ju mund të them, 128 00:07:12,310 --> 00:07:17,880 "Ne kemi marrë aventurat shtesë apo grup grafikë apo gjëra që janë të hapur - 129 00:07:17,880 --> 00:07:21,430 "Më shumë recetave që janë të hapur -. Në qoftë se e keni blerë këto grupe të zgjeruara" 130 00:07:21,430 --> 00:07:24,260 Dhe ju mund të bëni që të gjitha brenda app ose vetë lojës. 131 00:07:24,260 --> 00:07:26,070 Pra, krejtësisht e deri te ju, zgjedhja juaj. 132 00:07:26,070 --> 00:07:28,070 Ka shumë gjëra që mund të bëni në dyqan, 133 00:07:28,070 --> 00:07:31,660 dhe pastaj në thelb ju jeni dërgojë atë në një kanal certifikimit. 134 00:07:31,660 --> 00:07:35,380 Ne mund të flasim të gjithë për atë pak më vonë, por ky është qëllimi. 135 00:07:35,380 --> 00:07:40,410 Ju doni të merrni app praninë tuaj në mbarë botën në dyqan këtu. 136 00:07:40,410 --> 00:07:44,170 >> Përsëri në ekran të filloni këtu, unë do të doja të ju tregojnë rreth pak më shumë. 137 00:07:44,170 --> 00:07:50,580 Nëse unë të nisur këto aplikacione, më lejoni t'ju jap një shembull të disa funksionalitete ndër-app këtu. 138 00:07:50,580 --> 00:07:53,070 Për ta bërë këtë, unë do të fillojë Fresh Paint. 139 00:07:53,070 --> 00:07:55,550 Një gjë që ju do të shihni këtu është çdo pak i vetëm të ekranit, 140 00:07:55,550 --> 00:07:58,040 të gjitha piksele e ekranit, të shkojnë në app tuaj. 141 00:07:58,040 --> 00:08:01,990 Gone janë ditët ku ju kanë këto kufij rreth dritareve 142 00:08:01,990 --> 00:08:05,120 me shumë të butonat që janë gjithmonë aty duke marrë hapësirë ​​të gjithë kohën. 143 00:08:05,120 --> 00:08:09,430 Tani ju me të vërtetë doni të merrni larg nga ajo dhe vetëm duhet përmbajtjen tuaj të jetë në qendër. 144 00:08:09,430 --> 00:08:13,710 Ne mund të bëjë gjëra me Windows duke hyrë në lloje të tjera të menutë. 145 00:08:13,710 --> 00:08:16,840 Një prej tyre është në të vërtetë atë që quhet charms bar, 146 00:08:16,840 --> 00:08:18,870 dhe del nga anë të ekranit. 147 00:08:18,870 --> 00:08:21,270 Ju në fakt mund të lëvizje e lehtë nga ana e në qoftë se ju keni një ekran me prekje, 148 00:08:21,270 --> 00:08:24,840 ju mund të drejtë të klikoni në qoftë se ju keni një mouse, ka një shkurtore tastiere për të, 149 00:08:24,840 --> 00:08:29,490 ka gjithmonë më shumë se një mënyrë për të bërë diçka në mjedisin këtu. 150 00:08:29,490 --> 00:08:31,680 Kjo sjell një numër të gjërave që mund të bëni. 151 00:08:31,680 --> 00:08:33,870 Më i dukshëm është se ju mund të shkoni përsëri në ekran Start, 152 00:08:33,870 --> 00:08:36,780 por 4 të tjera janë ato që janë quajtur charms. 153 00:08:36,780 --> 00:08:41,059 Ata janë kontrata që ju mund të prizë në si një zhvillues app. Ata janë pretty cool. 154 00:08:41,059 --> 00:08:43,340 Kërko, unë jam i sigurt se kjo është diçka që ju jeni do të bëni, 155 00:08:43,340 --> 00:08:44,950 ndarjen e Unë do të ju tregojnë në një të dytë, 156 00:08:44,950 --> 00:08:48,450 dhe Pajisjet dhe Settings, këto janë të gjitha gjëra që app tuaj mund të prizë në 157 00:08:48,450 --> 00:08:51,960 të levave Windows, për të thënë, "Unë e kam bërë pjesën time 158 00:08:51,960 --> 00:08:54,700 "Dhe unë dua të Windows për të mbështetur disa funksionalitetin tjetër, 159 00:08:54,700 --> 00:08:56,750 "Dhe unë nuk dua të shkruaj një shumë të kodit për të bërë që të ndodhë." 160 00:08:56,750 --> 00:08:59,480 Kjo është me të vërtetë një përfitim i përdorur këto tipare. 161 00:08:59,480 --> 00:09:01,340 Më lejoni t'ju tregoj një të tillë. 162 00:09:01,340 --> 00:09:05,170 Për ta bërë këtë, unë do të bëjë një pikturë të re. 163 00:09:05,170 --> 00:09:08,240 Unë gjithashtu foli për përdorimin e çdo piksel për app tuaj. 164 00:09:08,240 --> 00:09:11,850 By default, kjo është ajo që app paint duket si kur ju jeni duke e përdorur atë. 165 00:09:11,850 --> 00:09:14,960 Është me të vërtetë vetëm për çdo gjë që ju jeni duke tërhequr, përmbajtja juaj. 166 00:09:14,960 --> 00:09:20,850 Unë mund të bëjë gjëra të tmerrshme këtu. Çfarë duhet të tërheqë? Nuk e di. 167 00:09:20,850 --> 00:09:23,110 Scribbles? Oh, e madhe. Unë mund të bëj scribbles. Sporte. 168 00:09:23,110 --> 00:09:25,130 Një turqi? [Qesh] 169 00:09:25,130 --> 00:09:28,500 Kjo është gjeldeti më abstrakt ju do të shihni. 170 00:09:28,500 --> 00:09:31,780 Unë gjithashtu mund të sjellë atë që quhet app bar, 171 00:09:31,780 --> 00:09:33,850 dhe kjo është me të vërtetë një nga mënyrat kryesore që ju mund të përdorni 172 00:09:33,850 --> 00:09:37,210 për të fshehur larg të gjitha gjëra që mund të ketë qenë në app tuaj ose lojë para 173 00:09:37,210 --> 00:09:39,570 vetëm duke marrë deri hapësirë ​​të gjithë kohën. 174 00:09:39,570 --> 00:09:43,270 Deri tani ju mund të vënë atë deri këtu, dhe kjo është me të vërtetë një nga përvojat më të bukura 175 00:09:43,270 --> 00:09:46,380 me bar app që unë kam parë. 176 00:09:46,380 --> 00:09:48,800 Vendos zgjedhjet këtu për zgjedhjen e ngjyra të ndryshme. 177 00:09:48,800 --> 00:09:54,310 Ne kemi kërkuar një gjeldeti, kështu që ne do të vënë disa kafe këtu, të fillojë përzierjen në një ngjyra çift. 178 00:09:54,310 --> 00:09:58,790 Ne do të marrë një ngjyrë të ndërmjetëm këtu dhe pastaj të kthehet këtu. 179 00:09:58,790 --> 00:10:02,990 Ju mund të filloni duke tërhequr. Ka turqi tuaj. Sporte. 180 00:10:02,990 --> 00:10:07,660 Unë nuk mund të tërheqë për të filluar me të, por për të bërë atë me një touchpad në para një audience është edhe më mirë. 181 00:10:07,660 --> 00:10:09,640 Kjo është awesome. 182 00:10:09,640 --> 00:10:13,030 Ideja, edhe pse, është çdo gjë që më intereson është të drejtë këtu në sipërfaqe. 183 00:10:13,030 --> 00:10:17,060 Le të thonë se unë jam aq i kënaqur me këtë që unë kam marrë për të ndarë atë me dikë. 184 00:10:17,060 --> 00:10:19,680 Normalisht se çfarë do të bëjë me versionet e tjera të Windows-it, 185 00:10:19,680 --> 00:10:22,900 ju ndoshta do të merrni një e shtënë ekran, ju do të bëni disa kopje-paste e tekstit tuaj 186 00:10:22,900 --> 00:10:24,950 apo gjëra të tilla që ju dëshironi për të ndarë jashtë, 187 00:10:24,950 --> 00:10:27,260 dhe pastaj shkoni dhe të hapë një tjetër kërkesë dhe e vënë atë në të. 188 00:10:27,260 --> 00:10:28,630 Këtu ju nuk keni për të bërë këtë. 189 00:10:28,630 --> 00:10:32,400 Ju në fakt mund të sjellë nga charms bar dhe thotë: "Unë dua të ndaj këtë." 190 00:10:32,400 --> 00:10:35,000 Në këtë pikë është e do të ju tregojnë të gjitha Apps 191 00:10:35,000 --> 00:10:38,080 që e di se si të punojnë me çdo gjë që është duke u ndarë. 192 00:10:38,080 --> 00:10:41,590 Në këtë rast kjo është një foto, kështu që ajo do të të thënë, "Unë shoh se ju keni marrë një foto." 193 00:10:41,590 --> 00:10:45,590 "A doni të ndajnë atë?" Ju mund të shihni unë veten time email sende gjithë kohës. 194 00:10:45,590 --> 00:10:49,420 Ajo pranon se, dhe është duke ofruar mua se si një shkurtore, 195 00:10:49,420 --> 00:10:53,270 por është gjithashtu tregon mua çdo komponent që e di se si të merren me marrjen e një fotografi 196 00:10:53,270 --> 00:10:55,520 dhe duke bërë diçka me të. 197 00:10:55,520 --> 00:10:57,890 Këto të gjitha kanë treguar për Windows që ata mund ta bëjë këtë. 198 00:10:57,890 --> 00:10:59,240 Në këtë pikë kjo është Windows. 199 00:10:59,240 --> 00:11:01,680 Shfrytëzuesi zgjedh vetëm atë që ata duan të bëjnë me të. 200 00:11:01,680 --> 00:11:06,610 Unë do të bëj zakonisht ime e PuzzleTouch. Ju mund të shihni që kam krijuar të gjitha llojet e puzzles me kalimin e kohës. 201 00:11:06,610 --> 00:11:11,790 Unë do të marrë PuzzleTouch dhe thotë: "Unë dua të ndaj këtë krijim të mahnitshme me PuzzleTouch." 202 00:11:11,790 --> 00:11:16,670 Ajo do të shkoni përpara dhe të thonë, "Great. Ju dëshironi që të ndajnë këtë? Sporte." 203 00:11:16,670 --> 00:11:19,260 "A doni të bëni një mister që është e lehtë, i ndërmjetëm, çdo gjë?" 204 00:11:19,260 --> 00:11:20,800 Unë do të bëjë një e ndërmjetme këtu. 205 00:11:20,800 --> 00:11:24,890 Kjo e bën mister. Ajo do të jetë një mister i tmerrshëm, sepse kjo është më së shumti bosh. 206 00:11:24,890 --> 00:11:28,100 Por është e gatshme, dhe në fakt është kthyer në aplikacion tjetër. 207 00:11:28,100 --> 00:11:32,360 Nëse unë vij këtu, unë mund të kërkoni për të dhe të nisë atë. 208 00:11:32,360 --> 00:11:38,100 Tani në qoftë se ne të lëvizni mbi vetëm pak pak këtu, ne duhet të shohim krijimin tim diku. 209 00:11:38,100 --> 00:11:42,930 Ku të shkoj? Çfarë lloj të enigmës nuk kam bërë? A e kam bërë të lehtë? 210 00:11:42,930 --> 00:11:46,110 Oh, ja ku është, e drejtë atje. 211 00:11:46,110 --> 00:11:49,550 [Chuckles] Është mister të lehtë të njihet turqi kjo është këtu. 212 00:11:49,550 --> 00:11:52,360 Por gjëja që unë dua të theksoj për ju, gjëja e ftohtë këtu 213 00:11:52,360 --> 00:11:54,710 po Apps nuk e di asgjë për njëri-tjetrin. 214 00:11:54,710 --> 00:11:58,740 Ata vetëm thanë, "Unë kam marrë një foto për të ndarë, dhe unë e di se si të merren me fotot." 215 00:11:58,740 --> 00:12:01,420 Dhe ju si një zhvillues, ju nuk keni për të shkruar atë kod. 216 00:12:01,420 --> 00:12:05,350 Kur dikush pyet mua për të ndarë, unë jam duke shkuar për të vënë disa të dhëna në këtë strukturë të dhëna të vogël 217 00:12:05,350 --> 00:12:06,740 dhe unë jam bërë. 218 00:12:06,740 --> 00:12:10,990 App tjetër merr përsipër, bën gjë e saj, dhe kjo është fundi i përvojës ndarjen. 219 00:12:10,990 --> 00:12:14,550 Kjo është vetëm një gjë që ju mund të bëni - të vërtetë, të vërtetë e të fuqishme - 220 00:12:14,550 --> 00:12:17,570 dhe ajo do të jetë një nga ato gjëra që mund të ndihmojë me të vërtetë dallojnë app tuaj 221 00:12:17,570 --> 00:12:20,090 dhe gjithashtu loja juaj shumë në dyqan. 222 00:12:20,090 --> 00:12:22,220 Njerëzit do të jenë në gjendje për të thënë, "Kjo është me të vërtetë e dobishme." 223 00:12:22,220 --> 00:12:25,430 "Unë e përdorin këtë Creator Lojrat Puzzle gjithë kohës. Kjo është fantastike." 224 00:12:25,430 --> 00:12:30,490 >> Kjo është lidhje e mjaftueshme për një pasqyrë të shkurtër të asaj që po ndodh këtu. 225 00:12:30,490 --> 00:12:33,670 Ka disa karakteristika të tjera edhe se ndoshta ne do të nxjerrë në pah si të shkojmë me anë të kodit. 226 00:12:33,670 --> 00:12:37,710 Por unë dua të zhyten në slides, dhe për të bërë këtë, unë jam duke shkuar për të shkuar në Desktop, 227 00:12:37,710 --> 00:12:40,940 e cila në vetvete është një tjetër tjegull jetojnë këtu. 228 00:12:40,940 --> 00:12:43,840 Unë mund të shkoni në këtë dhe, pa dyshim, unë jam në slides tim, 229 00:12:43,840 --> 00:12:46,320 por më lejoni të ju tregojnë se në të vërtetë ku jemi. 230 00:12:46,320 --> 00:12:48,460 Ne jemi të vërtetë në mënyrë Desktop. 231 00:12:48,460 --> 00:12:52,580 Kjo është me të vërtetë, ku ajo që unë isha duke thënë se para se të Windows për të çuar përpara 232 00:12:52,580 --> 00:12:54,850 për përvoja të reja tregon vetë. 233 00:12:54,850 --> 00:12:56,450 Kjo është Windows-ju e dini. 234 00:12:56,450 --> 00:12:59,730 Windows aplikacionet janë quajtur Apps desktop. Ata të drejtuar këtu. 235 00:12:59,730 --> 00:13:02,730 Nëse ju keni ekzistuese Apps dhe ju doni të drejtuar ata në Windows 8, 236 00:13:02,730 --> 00:13:04,710 ju mund të bëni atë absolutisht. 237 00:13:04,710 --> 00:13:07,590 Këto nuk janë të njëjtat gjëra si Apps dyqan, të cilat janë mbi këtu, 238 00:13:07,590 --> 00:13:12,240 si Paint freskët dhe këto Apps NBC News dhe gjëra të tilla si se. Ata do të vijnë nga dyqani. 239 00:13:12,240 --> 00:13:14,450 Ata mund të prizë në disa nga tiparet që unë u treguar ju 240 00:13:14,450 --> 00:13:16,620 dhe të tjerët se unë nuk e kam treguar ju vetëm ende. 241 00:13:16,620 --> 00:13:21,460 Por, vetëm i mbajnë në mend. Ne kemi mbështetje për të dyja këto gjëra si. 242 00:13:21,460 --> 00:13:27,000 Më vjen keq. A është diçka që nuk tregon në ekran? Unë e kam humbur atë plotësisht. Kjo është e çuditshme. 243 00:13:29,000 --> 00:13:31,000 Mirë. Faleminderit për duke theksuar se nga. 244 00:13:31,000 --> 00:13:34,770 Çfarë ju nuk keni qenë duke parë për një kohë është e mia ju tregon se desktop është këtu. 245 00:13:34,770 --> 00:13:37,540 Cila është gjëja e fundit që keni parë? A e shihni këtë? 246 00:13:37,540 --> 00:13:39,490 Kjo është desktop. Ju tashmë e dini se çfarë do të duket si. 247 00:13:39,490 --> 00:13:42,070 Nuk është asgjë e pazakontë tmerrësisht. 248 00:13:42,070 --> 00:13:46,940 Është mbante tonë se përvoja përpara për ju dhe duke ju përdorni gjërat që ju keni pasur. 249 00:13:46,940 --> 00:13:50,460 Për shembull, unë do të jetë duke ju shfaqur Visual Studio. Kjo është një aplikim desktop. 250 00:13:50,460 --> 00:13:52,600 Ajo do të kandidojë në këtë mënyrë. 251 00:13:52,600 --> 00:13:54,960 Ajo do të mbështesë një mjedis më të ndërlikuar 252 00:13:54,960 --> 00:14:01,470 me shumë opsione dhe gjëra të tilla si se, kështu që kjo e bën atë një alternativë e mirë si një app desktop. 253 00:14:01,470 --> 00:14:04,810 >> Kjo tha, le të shkojnë në slides për vetëm pak 254 00:14:04,810 --> 00:14:09,720 dhe ju jap disa përmbajtje hyrës dhe pastaj të merrni në të vërtetë coding këtu. 255 00:14:09,720 --> 00:14:14,070 Lajm i mirë është që unë kam dëgjuar që ju keni qenë duke u përqëndruar në një shumë CSS dhe JavaScript, HTML. 256 00:14:14,070 --> 00:14:18,110 Të gjitha ato gjëra që ju keni qenë të mësuar të mbajnë direkt në marrjen e Windows Store Apps. 257 00:14:18,110 --> 00:14:22,920 Gjërat që ju keni qenë të dëgjuar në lidhje me aplikimin selectors CSS dhe të gjitha ato gjëra 258 00:14:22,920 --> 00:14:27,180 është pikërisht ajo që ju bëni për të krijuar një kërkesë këtu për të dyqan. 259 00:14:27,180 --> 00:14:29,640 Ne do të kalojnë nëpër këto gjëra pak e nga pak. 260 00:14:29,640 --> 00:14:34,130 Në thelb, unë jam duke ndërtuar mbi gjëra që ju tashmë keni marrë kohë për të mësuar. 261 00:14:34,130 --> 00:14:36,520 Kjo është tabelë e përgjithshme e teknologjive që ju mund të përdorni 262 00:14:36,520 --> 00:14:38,790 për të bërë aplikacione për Windows 8. 263 00:14:38,790 --> 00:14:42,840 Stuff në të djathtë, Apps desktop, është me të vërtetë ajo që ne tashmë e dimë. 264 00:14:42,840 --> 00:14:46,840 Kjo është sende që është me të vërtetë bota Windows 7 bartura në Windows 8. 265 00:14:46,840 --> 00:14:51,920 Të gjitha këto opsione kryer përpara: C #, VB, lloj Win32 i zhvillimit. 266 00:14:51,920 --> 00:14:54,450 Great. Nuk ka problem. Gjëra të reja është në anën e majtë të dorës. 267 00:14:54,450 --> 00:14:58,220 Kjo është e Windows Store Apps, kjo është kur unë dua të të marrë kërkesa ime Wired në Windows 8 268 00:14:58,220 --> 00:15:02,300 duke përdorur të gjitha ato karakteristika, të marrë atë në dyqan, dhe për të marrë atë përvojë të vërtetë të ftohtë 269 00:15:02,300 --> 00:15:05,260 e aplikacioneve të Windows Store. 270 00:15:05,260 --> 00:15:10,350 Për ta bërë këtë, ju mund të shihni këtu ju keni marrë të gjitha zgjedhjet tuaja me XAML, C + +, 271 00:15:10,350 --> 00:15:14,100 C #, VB, ju mund të bëni DirectX, gjëra të tilla si kjo, gjëra që shkojnë përtej rrëshqitje. 272 00:15:14,100 --> 00:15:18,650 Por për ne, ne do të përqëndrohet në të drejtë në faktin se HTML, CSS, dhe JavaScript 273 00:15:18,650 --> 00:15:22,890 janë me të vërtetë një qytetar në klasë të parë për të bërë aplikime për Windows 8 274 00:15:22,890 --> 00:15:24,960 dhe për Windows Store. 275 00:15:24,960 --> 00:15:27,950 Pra, kjo është e mirë për të gjithë këtu dhe folks shikuar në video 276 00:15:27,950 --> 00:15:30,760 sepse vetëm ju mund të levave të gjitha ato përvoja që keni 277 00:15:30,760 --> 00:15:33,900 dhe me të vërtetë do ta lidhë në atë që ofron Windows-. 278 00:15:33,900 --> 00:15:37,870 Ju do të jeni për të bërë këtë përmes një sërë TV, e cila duhet të jetë befasi. 279 00:15:37,870 --> 00:15:39,920 Çdo OS ka TV e veta. 280 00:15:39,920 --> 00:15:43,530 Ne të vë në dukje atë që e Windows mund të bëni me atë që quhet WinRT. 281 00:15:43,530 --> 00:15:46,370 Është një grup i TV që vetëm bën çdo gjë për ju. 282 00:15:46,370 --> 00:15:51,650 Nëse keni nevojë për të hapur dosjet, duhet të përdorë kamera, geolocation, gjëra të tilla si kjo, 283 00:15:51,650 --> 00:15:55,700 ata të shkojnë nëpër atë të Windows mund të ofrojë për ju. 284 00:15:55,700 --> 00:15:59,370 Për të hyrë në këtë, ne kemi disa JavaScript më shumë që do të bëjë akoma më të lehtë 285 00:15:59,370 --> 00:16:02,510 për ju për të bërë këtë. Ne do të shkoj në se në një moment. 286 00:16:02,510 --> 00:16:04,060 Por tani për tani, kjo është në thelb hartën tuaj rrugore. 287 00:16:04,060 --> 00:16:06,770 Gjërat që ju keni qenë tashmë e bërë në krye të disa TV 288 00:16:06,770 --> 00:16:11,280 që të ju ndihmojë të punojnë me Windows është e barabartë me dyqan app. 289 00:16:11,280 --> 00:16:14,210 Dhe kjo është e vërtetë në lidhje me të gjithë ju duhet të dini nga niveli i lartë. 290 00:16:14,210 --> 00:16:17,370 >> Ne do të pikiatë në të vërtetë duke punuar me sende tani. 291 00:16:18,940 --> 00:16:21,950 Gjërat që ju ndoshta keni parë tashmë një bandë e, 292 00:16:21,950 --> 00:16:26,760 me IE9 edhe pak mbrapa ne kemi prezantuar mbështetje për shumë, në atë kohë, 293 00:16:26,760 --> 00:16:30,340 Standardet më të reja në Web, kështu që shumë tipare të reja CSS, 294 00:16:30,340 --> 00:16:34,380 një shumë e re HTML, ECMAScript 5, e cila është me të vërtetë JavaScript. 295 00:16:34,380 --> 00:16:38,090 Pra, çdo gjë për atë përveç për regjimin e rreptë ishte në IE9. 296 00:16:38,090 --> 00:16:42,290 Vetëm një ton të gjëra me CSS, CSS3, të gjitha në atje. 297 00:16:42,290 --> 00:16:45,300 Dhe të gjitha këto gjëra mbart përpara në atë që ne jemi duke bërë me Windows 8. 298 00:16:45,300 --> 00:16:49,350 Ju mund të përdorni këto gjëra, dhe ju mund të përdorni çdo gjë që është e re në IE10. 299 00:16:49,350 --> 00:16:54,640 Me IE10 ne futjen e mbështetje për të gjitha këto gjëra si. 300 00:16:54,640 --> 00:16:59,340 Ata janë të gjithë hardware-përshpejtuar, kështu që nëse ju jeni në një makinë që ka një lloj GPU, 301 00:16:59,340 --> 00:17:04,190 e cila është ndoshta shumë e shumë çdo makinë që ju mund të merrni në 8 vitet e fundit, 302 00:17:04,190 --> 00:17:07,609 ju jeni do të jetë në gjendje të ketë dalje hardware-përshpejtuar, 303 00:17:07,609 --> 00:17:11,770 Prodhimi vizuale me CSS, Canvas, SVG. 304 00:17:11,770 --> 00:17:14,339 Të gjitha këto gjëra do të shkojnë përmes përshpejtimin hardware 305 00:17:14,339 --> 00:17:16,060 dhe të jetë se shumë më të shpejtë dhe më efikase. 306 00:17:16,060 --> 00:17:20,440 Versionin e gjithë kësaj - Nuk jam duke shkuar për të shkuar nëpër çdo gjë të vetme këtu - 307 00:17:20,440 --> 00:17:23,200 nëse ju shohin atë në këtë listë, në qoftë se ju mund ta bëjë këtë në IE10, 308 00:17:23,200 --> 00:17:25,650 në qoftë se kjo është një app web që ju jeni drejtimin që punon në IE10, 309 00:17:25,650 --> 00:17:28,640 kjo është diçka që ju mund të bëni si një app të Windows Store. 310 00:17:28,640 --> 00:17:33,100 Dhe kjo është shumë e shumë atë. Pra, në qoftë se ajo punon në IE10, ajo do të punojë si një app të Windows Store. 311 00:17:33,100 --> 00:17:36,370 Kjo është në tryezë si diçka që ju mund të përdorni. 312 00:17:36,370 --> 00:17:40,510 >> Ka shumë këtu. Ne nuk kemi deri në mesnatë, kështu që unë nuk mund të shqyrtojë çdo gjë këtu. 313 00:17:40,510 --> 00:17:44,060 Por ka disa vende që do t'ju ndihmojë të kuptoni se çfarë këto gjëra mund të bëjë, 314 00:17:44,060 --> 00:17:45,520 dhe unë do t'ju tregoj një prej tyre në një të dytë. 315 00:17:45,520 --> 00:17:48,410 Unë vetëm të kërkuar për të nxjerr në pah disa nga gjërat kryesore që ju mund të shikoni në. 316 00:17:48,410 --> 00:17:51,560 Ndoshta ju keni parë tashmë disa nga këto në studimet tuaja, 317 00:17:51,560 --> 00:17:56,610 por këto janë me të vërtetë të dobishme, në mënyrë të veçantë me të Windows Store Apps, nga ana CSS. 318 00:17:56,610 --> 00:18:02,420 Pra, duke qenë në gjendje të bëjë transformon dhe të tranzicionit, të sigurojë lëvizje me animacion - 319 00:18:02,420 --> 00:18:07,010 këto janë të gjitha pjesë e CSS tani, dhe ata janë të gjithë të mbështetur nga shfletuesit modern, 320 00:18:07,010 --> 00:18:11,370 dhe IE10 dhe IE9 kanë shtuar mbështetjen në kohë për të gjitha këto gjëra. 321 00:18:11,370 --> 00:18:15,220 Dhe kështu që pse shkruaj vetë, pse të kalojnë nëpër të gjitha probleme e bërë këto gjëra me dorë 322 00:18:15,220 --> 00:18:19,970 kur ju mund të përdorni një të thjeshtë CSS transformuar për të krijuar një efekt 3D për aplikimin tuaj? 323 00:18:19,970 --> 00:18:22,740 Great. Kjo është se si funksionon. 324 00:18:22,740 --> 00:18:24,530 Unë nuk mund të bëjë ndonjë më e vështirë se kaq. 325 00:18:24,530 --> 00:18:28,330 Nëse ju e dini se si të bëhet kjo në CSS, ju e dini se si të bëhet kjo në app e Windows Store. 326 00:18:28,330 --> 00:18:32,080 >> Duke shkuar përtej kësaj për paraqitjen, gjëra të tilla si edhe dyqan app, 327 00:18:32,080 --> 00:18:35,350 por duke shkuar përtej kësaj, duke kërkuar në ndoshta një app për shtyp që e tregon ju artikuj 328 00:18:35,350 --> 00:18:40,160 ose recetave apo gjëra të tilla, këto lloje të tjera të karakteristika në CSS janë me të vërtetë të dobishme: 329 00:18:40,160 --> 00:18:45,610 Grid, Flexbox, CSS Rajonet është më shumë një standardi mjaft të ri si. 330 00:18:45,610 --> 00:18:51,190 Këto gjëra janë të gjithë duke shkuar për t'ju ndihmuar të nxjerr përmbajtjen dhe rrjedhën e përmbajtjes në mes të seksioneve, 331 00:18:51,190 --> 00:18:55,470 të jetë në gjendje të bëjë pagination dhe hyphenation pa ju pasur nevojë të shkruani stuff veten. 332 00:18:55,470 --> 00:18:57,500 Ju vetëm të thonë, "Ju lutem nuk e mëposhtme për mua," 333 00:18:57,500 --> 00:19:00,850 dhe si e pasurive të patundshme ekran është e ndryshme në makina të ndryshme 334 00:19:00,850 --> 00:19:03,850 ose si ju do të shihni në një moment, si ju kap një aplikim 335 00:19:03,850 --> 00:19:07,920 që të ketë sasi të vogël të hapësirës në ekran, kjo është problem për CSS. 336 00:19:07,920 --> 00:19:11,160 Ajo mund të përfitojnë nga - we'll flasin rreth pyetjeve të medias në një të dytë - 337 00:19:11,160 --> 00:19:15,880 ajo mund të kujdeset për gjërat me ripozicionimin përmbajtjen tuaj, rrjedhin përmbajtje nga rajonet 338 00:19:15,880 --> 00:19:21,240 vetëm me këto gjëra që ju mund të keni parë tashmë me teknologjinë e internetit. 339 00:19:21,240 --> 00:19:25,470 >> Në anën HTML5, ka edhe një bandë e gjëra 340 00:19:25,470 --> 00:19:28,140 që do të jetë shumë e dobishme për ju me të Windows Store Apps. 341 00:19:28,140 --> 00:19:30,980 Përsëri, ne nuk do të kalojnë nëpër të gjitha këto, por ata janë vetëm këtu. 342 00:19:30,980 --> 00:19:35,470 Pra, nëse ju duhet të përdorni atë, audio-video, në qoftë se ju doni të bëni validation nga forma, 343 00:19:35,470 --> 00:19:40,570 Geolocation, të gjitha gjërat që ju mund të bëni në JavaScript me JavaScript 5 ose ECMAScript 5, 344 00:19:40,570 --> 00:19:44,070 IndexedDB për ruajtje lokale - të gjitha këto janë opsione për ju. 345 00:19:44,070 --> 00:19:49,300 Nëse jeni duke kërkuar për një përgjigje, vetëm shikoni për të teknologjive ekzistuese me HTML5 dhe CSS 346 00:19:49,300 --> 00:19:53,880 dhe ju do të gjeni përgjigjet më të lehtë se sa që ka për të rrokulliset një shumë të që stuff veten. 347 00:19:53,880 --> 00:19:55,510 Më lejoni të ju tregojnë rreth një grimë të vogël këtu. 348 00:19:55,510 --> 00:19:57,920 Unë kam marrë një faqe që ne mund të shkojnë për të. 349 00:19:57,920 --> 00:20:01,590 Më lejoni të lë jashtë kësaj rrëshqitje për një të dytë. 350 00:20:01,590 --> 00:20:06,450 >> Nëse do të dalë në IETestDrive.com, 351 00:20:06,450 --> 00:20:08,960 Unë nuk do të bëjë shumë për një demo këtu. 352 00:20:08,960 --> 00:20:14,360 IETestDrive.com është me të vërtetë ju tregon një shumë të ç'ka të re me IE10, 353 00:20:14,360 --> 00:20:16,220 gjërat që ju mund të bëni. 354 00:20:16,220 --> 00:20:19,130 Mua më duket kjo është me të vërtetë e dobishme për shkak se në vend të leximit përmes një bandë e letrave të bardha, 355 00:20:19,130 --> 00:20:23,020 shikoni në një popull pak, dhe kjo do të ju ndihmojë të vënë atë në vetë radar tuaj personal 356 00:20:23,020 --> 00:20:26,620 nëse një teknologji ka kuptim për të bërë edhe ndonjë hulumtim më shumë me 357 00:20:26,620 --> 00:20:29,070 kështu që ju do të kuptoni, "Unë shoh atë që kjo është për." 358 00:20:29,070 --> 00:20:32,780 "Unë e kuptoj se çfarë e bën Animacion Kërkesë Kornizë për mua." 359 00:20:32,780 --> 00:20:36,900 "Unë e kuptoj se si unë mund të përdorni Rajonet ose filtra SVG." 360 00:20:36,900 --> 00:20:40,190 Ju shikoni ato në veprim, shikoni ato në një shembull këtu, 361 00:20:40,190 --> 00:20:44,930 dhe të vendosë për veten tuaj nëse kjo do të jetë e dobishme për ju në projektet tuaja dhe më gjerë 362 00:20:44,930 --> 00:20:47,840 si ju të vazhdojë të punojë me teknologjinë e internetit. 363 00:20:47,840 --> 00:20:49,900 Këtu unë do të vetëm të ju inkurajojmë që të marrë një sy. 364 00:20:49,900 --> 00:20:52,880 Unë nuk mendoj se unë do të kalojnë shumë kohë në fakt running këto. 365 00:20:52,880 --> 00:20:56,030 Ne kemi marrë të mjaftueshme për të treguar me kodin shkrim. 366 00:20:56,030 --> 00:21:01,640 Ju do të shihni këtu gjërat nga efektet prekje në lojërat me prekje të bazuar në atë seksion, 367 00:21:01,640 --> 00:21:06,050 animacion, të vërtetë të shpejtë hardware-përshpejtuar animacion atje, 368 00:21:06,050 --> 00:21:11,230 disa optimizations që ju do të shihni në disa nga këto mostra, si dhe, 369 00:21:11,230 --> 00:21:12,770 dhe nuk ka shumë, shumë më tepër. 370 00:21:12,770 --> 00:21:15,330 Nëse ju shkoni mbi këtu dhe të hapur deri në hartë vend, 371 00:21:15,330 --> 00:21:19,070 ka vetëm një numër i mostrave qesharake këtu. 372 00:21:19,070 --> 00:21:20,690 Ju mund të shihni të gjithë këtu. 373 00:21:20,690 --> 00:21:22,900 Nëse jeni duke kërkuar në diçka ose keni dëgjuar për diçka 374 00:21:22,900 --> 00:21:25,850 dhe ju jeni të pyesin se ndoshta kjo do të ishte diçka e ftohtë për të përdorur në app, 375 00:21:25,850 --> 00:21:31,720 provoni të kërkoni këtu, dhe nuk ka ndoshta një demo shumë e mirë për të për të shpëtuar veten disa kohë. 376 00:21:31,720 --> 00:21:35,980 >> Mirë? Çdo pyetje deri më tani për folks këtu? 377 00:21:35,980 --> 00:21:39,620 Mirë. Ne do të vazhdoj këtu. 378 00:21:39,620 --> 00:21:41,920 Përsëri, vetëm shikoni se nga. 379 00:21:41,920 --> 00:21:45,450 Ata janë standardet web, kështu që të shkojnë në çdo faqe të tjera të shfaqë që ju e dini të 380 00:21:45,450 --> 00:21:50,550 dhe të shohim nëse ato teknologjive të ketë kuptim për atë që ju jeni duke u përpjekur për të bërë. 381 00:21:50,550 --> 00:21:53,190 >> Prapa në slides. 382 00:21:53,190 --> 00:22:00,290 Kjo tha, ju jeni duke lëvizur nga një botë Web në të vërtetë një botë të instaluar aplikimit lokal, 383 00:22:00,290 --> 00:22:01,850 kështu që ka disa gjëra për të vënë në dukje këtu. 384 00:22:01,850 --> 00:22:03,690 Para së gjithash, nuk ka web server të përfshirë këtu. 385 00:22:03,690 --> 00:22:06,120 Nuk ka Apache, nuk ka IIS drejtimin këtu 386 00:22:06,120 --> 00:22:10,170 duke shërbyer deri faqet për një klient të largët, në një agjent të largët shfletuesit. 387 00:22:10,170 --> 00:22:13,000 Në këtë rast, me të vërtetë çdo gjë është e paketuar për ju. 388 00:22:13,000 --> 00:22:16,630 Ju parashtrojnë se si aplikimin tuaj në dyqan, ajo merr certifikuar, 389 00:22:16,630 --> 00:22:22,190 kjo është në dyqan, dhe atëherë njerëzit nga e mijëra do të instalojë lojë tuaj ose app tuaj. 390 00:22:22,190 --> 00:22:24,780 Por në thelb, ata janë duke tërhequr atë në vend të makinës së tyre. 391 00:22:24,780 --> 00:22:29,080 Nuk ka nevojë për të shkuar jashtë në Web më nëse nuk keni thirrjet që kanë nevojë për një API të largët, 392 00:22:29,080 --> 00:22:31,790 dhe kjo është krejtësisht normale, si dhe shumë. 393 00:22:31,790 --> 00:22:35,330 Por ata nuk do të jetë në atë mënyrë ku ata duhet të shkojnë përgjigje kërkesë nga një server 394 00:22:35,330 --> 00:22:37,910 për të marrë faqen tjetër e përmbajtjes së tyre. 395 00:22:37,910 --> 00:22:41,380 Kështu që tha, ka disa dallime të vogla API. Këto janë tepër të vogla. 396 00:22:41,380 --> 00:22:46,850 Ata janë të ngjarë të ju goditi në kodim tuaj normale, por ata janë të paktën të dokumentuara. 397 00:22:46,850 --> 00:22:50,030 Ata janë lloj edge rasteve atje. 398 00:22:50,030 --> 00:22:53,370 >> Gjë tjetër i rëndësishëm të theksohet është diferenca e besimit. 399 00:22:53,370 --> 00:22:58,070 Unë vetëm përmend këtë, sepse unë vetëm dua të sigurohemi që unë tha se 400 00:22:58,070 --> 00:23:01,580 kështu që nëse ju drejtuar në atë më vonë, ju do të mendoni se, "Chris ka thënë diçka në lidhje me këtë, 401 00:23:01,580 --> 00:23:04,890 "Kështu që ndoshta, po, në rregull", dhe pastaj ju shkoni mbrapa dhe ju të gjeni se çfarë ishte. 402 00:23:04,890 --> 00:23:06,480 Kontekste rëndësi. 403 00:23:06,480 --> 00:23:11,450 By default ne përpiqemi për të mbrojtur përdoruesit nga vektorët e sulmit. 404 00:23:11,450 --> 00:23:13,400 Ka disa gjëra që ju mund të bëni nga default 405 00:23:13,400 --> 00:23:16,130 dhe disa gjëra që ju duhet për të ndryshuar kontekstin për të mundësuar. 406 00:23:16,130 --> 00:23:19,860 Si ju jeni duke përdorur disa biblioteka atje - you've tashmë është duke punuar me jQuery, 407 00:23:19,860 --> 00:23:23,650 por në qoftë se ju shikoni për bibliotekat e tjera atje - ju mund të jeni duke përdorur disa funksionalitetit 408 00:23:23,650 --> 00:23:28,000 kjo lloj shkon përtej përdorimit lokal, ka ndërveprime më dinamike 409 00:23:28,000 --> 00:23:30,360 Kërkesat XHR, gjëra të tilla si se. 410 00:23:30,360 --> 00:23:33,090 Ndonjëherë ju mund të gjeni ata që do të çaktivizohen nga default, 411 00:23:33,090 --> 00:23:37,790 dhe në këtë rast, vetëm bëj një kërkim, shikoni për kontekstin lokal dhe të internetit, 412 00:23:37,790 --> 00:23:39,560 dhe ju do të gjeni se si të rregullojmë se. 413 00:23:39,560 --> 00:23:42,580 Vetëm sigurohuni që ju e dinte në lidhje me se si ju filloni të përdorni kornizat e tjera, 414 00:23:42,580 --> 00:23:45,720 të cilat, unë duhet të përmend, ju jeni të përkryer në gjendje të bëjë. 415 00:23:45,720 --> 00:23:49,290 Pra, nëse ju të gjeni një kuadër tjetër - të flasim we'll lidhje me këtë në një të dytë - 416 00:23:49,290 --> 00:23:54,000 për të lojrave dhe ju doni të përdorni atë, ju doni të përdorni disa biblioteka të kontrollit që janë atje 417 00:23:54,000 --> 00:23:57,990 dhe ju nuk doni të shkruani stuff veten - kjo është një ide e mirë, e drejtë? - 418 00:23:57,990 --> 00:23:59,560 ju mund të përdorni absolutisht këtë stuff. 419 00:23:59,560 --> 00:24:03,660 Nuk ka asgjë të ju mban prapa nga përdorimi i çdo lloj të bibliotekës që është bazuar në JavaScript, 420 00:24:03,660 --> 00:24:05,380 CSS, HTML5. 421 00:24:05,380 --> 00:24:09,740 Përsëri, në qoftë se kjo është diçka që ju mund të bëni në IE10, që është një dreq e një shumë këto ditë, 422 00:24:09,740 --> 00:24:11,220 ju mund ta bëjë këtë. 423 00:24:11,220 --> 00:24:14,800 Tërhiqe atë në app tuaj, referencë që bibliotekë JavaScript, dhe e përdorin atë në aplikimin tuaj, 424 00:24:14,800 --> 00:24:19,880 vetëm duke pasur parasysh që ju mund të goditur një kontekst të sigurisë herë në një kohë - jo shumë shpesh. 425 00:24:19,880 --> 00:24:24,150 >> Dhe pastaj tiparet, ne do të shkoj për disa më shumë nga ata si të shkojmë. 426 00:24:24,150 --> 00:24:27,500 UX ju do lloj të mësohen për të si ju të parë më shumë dhe më shumë aplikime 427 00:24:27,500 --> 00:24:29,250 nga Windows Store. 428 00:24:29,250 --> 00:24:33,870 Ju merrni një të ndjehen për mënyrën se si ata punojnë dhe se si estetike të projektimit ka tendencë për të punuar 429 00:24:33,870 --> 00:24:37,720 të gjithë aplikimeve të ndryshme dhe çfarë njerëzit do të përdoret për të përjetuar. 430 00:24:37,720 --> 00:24:39,660 Kjo është me të vërtetë pjesë e rëndësishme. 431 00:24:39,660 --> 00:24:42,460 Sigurohuni që kur të zjarrit deri app tuaj ata nuk kanë nevojë për të lexuar një manual, 432 00:24:42,460 --> 00:24:44,300 të cilat ata kurrë nuk e bëjnë, nga rruga. 433 00:24:44,300 --> 00:24:46,650 Ata duhet vetëm të jenë në gjendje të fillojnë të luajnë me kërkesën tuaj 434 00:24:46,650 --> 00:24:49,450 dhe figuring it out pa shumë vështirësi. 435 00:24:49,450 --> 00:24:52,660 Duke i qëndruar besnik dhe respektimi në një shumë prej këtyre praktikave, 436 00:24:52,660 --> 00:24:57,640 ju jeni do të bëjë përdoruesit tuaj një favor i madh, duke e bërë atë më të lehtë. 437 00:24:57,640 --> 00:25:01,810 >> Mirë. Një gjë e fundit në anën API dhe pastaj ne do të merrni në të vërtetë shkruar kodin. 438 00:25:01,810 --> 00:25:05,660 WinJS është ajo gjë e kam përmendur shumë shkurt me atë rrëshqitje komplekse 439 00:25:05,660 --> 00:25:08,850 me të gjitha ato zgjedhje të ndryshme që ju keni për të bërë aplikimet. 440 00:25:08,850 --> 00:25:10,890 WinJS, ju mund të mendoni për atë si një mik. 441 00:25:10,890 --> 00:25:13,680 Është e mikut tuaj për t'ju ndihmuar të shkruani gjëra më shpejt. 442 00:25:13,680 --> 00:25:18,820 Është vetëm JavaScript dhe CSS. Ju nuk duhet të përdorin atë. Ju mund të përdorni atë. 443 00:25:18,820 --> 00:25:22,180 Nëse ju jeni do të jetë duke bërë thirrje për të karakteristika të Windows, ju do të përfundojë duke e përdorur atë, 444 00:25:22,180 --> 00:25:27,210 por në qoftë se ka disa gjëra të tilla si modelet e projektimit apo kontrollet që ju me të vërtetë nuk duan të përdorin, 445 00:25:27,210 --> 00:25:29,090 ju doni të përdorni diçka tjetër, që është e deri tek ju. 446 00:25:29,090 --> 00:25:32,580 Vendosni se çfarë ju dëshironi të përdorni dhe stilet që ju doni të përdorni. 447 00:25:32,580 --> 00:25:37,250 Karakteristika nga namespacing dhe klasit brez - deri te ju. 448 00:25:37,250 --> 00:25:41,650 Nëse preferoni një ose tjetër, është krejtësisht zgjedhja juaj. Është ende JavaScript dhe CSS. 449 00:25:41,650 --> 00:25:43,860 Por ajo do të ndihmojë të bëni shumë gjëra. 450 00:25:43,860 --> 00:25:47,780 Për shembull, këtu është një mesin e asaj që mund të bëjë, 451 00:25:47,780 --> 00:25:50,790 gjëra të tilla si duke ndihmuar programimit asinkron me premtime. 452 00:25:50,790 --> 00:25:54,000 Ndonjë nga ju dëgjuar ose ka punuar me Node.js? 453 00:25:54,000 --> 00:25:59,520 Është një model të përbashkët për të punuar me të programimit asinkron. 454 00:25:59,520 --> 00:26:02,370 Pra, në thelb ajo që ju jeni duke thënë është, "Shko të bëjë diçka, 455 00:26:02,370 --> 00:26:05,790 "Dhe ju jeni do të më jepni një premtim që ju do të kthehen tek unë, kur ju jeni bërë." 456 00:26:05,790 --> 00:26:08,400 Kjo është në thelb ajo që po ndodh. 457 00:26:08,400 --> 00:26:12,400 Pra, ju nuk ngrijë deri kërkesën tuaj, ndërsa përdoruesi është duke shkuar dhe zgjedhjen e një skedar 458 00:26:12,400 --> 00:26:15,810 ose diçka është duke u Transmetuar poshtë nga Web. 459 00:26:15,810 --> 00:26:17,210 UI mbetet të përgjegjshëm. 460 00:26:17,210 --> 00:26:19,410 Dhe ju mund të bëni atë duke përdorur programimit asinkron. 461 00:26:19,410 --> 00:26:23,620 Kjo tingëllon qesharake të ndërlikuar, por është e vërtetë e lehtë për shkak se ju jeni duke përdorur premtime 462 00:26:23,620 --> 00:26:27,900 dhe ju vetëm thonë: "Shkoni dhe bëni këtë kur ju jeni bërë, marr në telefon në këtë metodë." 463 00:26:27,900 --> 00:26:30,270 Kjo është shumë e shumë atë. Kjo është e gjitha e ndërtuar në të WinJS. 464 00:26:30,270 --> 00:26:35,120 Ajo do të bëjë atë një shumë më e lehtë për të shkruar aplikacione të vërtetë fleksibile dhe të fuqishme. 465 00:26:35,120 --> 00:26:37,870 >> Ju mund të shihni pjesën tjetër këtu, shumë animacione. 466 00:26:37,870 --> 00:26:41,240 Ndoshta një nga gjërat më të rëndësishme në këtë rrëshqitje kontrolle. 467 00:26:41,240 --> 00:26:44,680 Unë mendoj se kam një tërësi - po, unë bëj. 468 00:26:44,680 --> 00:26:48,900 Ja një shembull i vetëm disa nga kontrollet që ju mund ta përdorni në të gjitha kërkesat tuaja. 469 00:26:48,900 --> 00:26:51,060 Kjo është e gjitha drejt deri nga WinJS. 470 00:26:51,060 --> 00:26:53,430 Ju nuk janë shkruar këto veten tuaj, 471 00:26:53,430 --> 00:26:55,990 ju them vetëm, "Ja se si unë dua të shkruaj kërkesën time." 472 00:26:55,990 --> 00:26:59,420 "Unë do të përdorin një pamje të rrokullisje kështu që unë mund të shkoj në mes të fotove të ndryshme." 473 00:26:59,420 --> 00:27:03,380 Unë nuk kam treguar ju Semantic Zoom. Unë do të ju tregojnë se në një të dytë. 474 00:27:03,380 --> 00:27:05,700 ListViews. Ka GridViews. 475 00:27:05,700 --> 00:27:08,680 Ju keni parë tashmë një rrjet si pjesë e aplikimit dyqan, 476 00:27:08,680 --> 00:27:12,170 kështu që janë në gjendje të përdorin blloqe të përmbajtjes dhe scrolling në të gjithë këtë. 477 00:27:12,170 --> 00:27:15,660 Menutë Flyout ju do të shihni nga koha në kohë. 478 00:27:15,660 --> 00:27:19,090 App bar unë ju tregoi me se aplikimit Fresh Paint, si dhe, 479 00:27:19,090 --> 00:27:22,190 kështu që ju pa se si ju mund të rregulloje atë duke vënë butonat në të 480 00:27:22,190 --> 00:27:26,360 dhe të kesh se fshehur larg kur ju nuk bëni kujdes për të përdorur atë. 481 00:27:26,360 --> 00:27:28,120 Kjo është me të vërtetë krejtësisht e deri te ju për të përdorur. 482 00:27:28,120 --> 00:27:30,210 Këto janë të gjitha kontrollet që janë pjesë e WinJS. 483 00:27:30,210 --> 00:27:33,640 Unë do të ju tregojnë se si të bëjnë këto në vetëm një të dytë, por ka më shumë se vetëm kjo, 484 00:27:33,640 --> 00:27:37,060 dhe gjëja kryesore është që të përdorin ato në qoftë se ju doni, ruani disa kohë. 485 00:27:37,060 --> 00:27:40,830 >> Nëse keni bibliotekat e tjera të kontrollit që ju dëshironi të përdorni, kjo është përsosmërisht mirë shumë. 486 00:27:40,830 --> 00:27:46,300 Gjëra të tilla si jQuery UI bëni shumë këtë lloj ideje, si dhe, 487 00:27:46,300 --> 00:27:51,280 siguruar më shumë kontrolle që shtrihen atë që ju mund të bëni në HTML dhe JavaScript. 488 00:27:52,690 --> 00:27:55,680 Le të zhyten in unë e kam thënë tashmë se. Përdorni atë që ju dëshironi. 489 00:27:55,680 --> 00:27:59,680 Vetëm mbani në mend se ju mund të kandidojë në disa çështje të kontekstit. 490 00:27:59,680 --> 00:28:03,380 Por ju me siguri mund të përzierje dhe ndeshje çfarëdo lloj bibliotekave ju jeni të kënaqur me të, 491 00:28:03,380 --> 00:28:06,770 doni të mësoni, ju dëshironi të përdorni, për të shpëtuar veten disa kohë. 492 00:28:06,770 --> 00:28:09,850 >> Le të flasim për mjete vetëm për një të dytë. 493 00:28:09,850 --> 00:28:12,400 Ju mund të merrni atë që ju duhet për të filluar punën me të Windows Store Apps. 494 00:28:12,400 --> 00:28:17,360 Nëse unë shkoj përsëri jashtë, unë kam shumë gjëra deri këtu. 495 00:28:17,360 --> 00:28:21,770 Nëse ju shkoni në këtë faqe, që është dev.windows.com, 496 00:28:21,770 --> 00:28:23,300 ju mund të shkarkoni çdo gjë që ju nevojitet. 497 00:28:23,300 --> 00:28:28,170 Si studentë, ju keni qasje në më shumë se publiku i gjerë e bën, 498 00:28:28,170 --> 00:28:30,670 kështu që ju mund të merrni versionet më të larta në fund të Visual Studio. 499 00:28:30,670 --> 00:28:34,090 Edwin përmendur tashmë ju mund të merrni të Windows si. 500 00:28:34,090 --> 00:28:36,790 Por në përgjithësi, për të gjithë zhvilluesit, ju mund të shkoni në këtë faqe 501 00:28:36,790 --> 00:28:40,380 dhe shkarko gjithçka që ju nevojitet për të bërë një aplikim, dhe kjo është e gjitha falas. 502 00:28:40,380 --> 00:28:42,460 Pra, ka një version falas të Visual Studio, 503 00:28:42,460 --> 00:28:44,450 ka disa mjete që do të instalojë së bashku me të se - 504 00:28:44,450 --> 00:28:47,240 gjithçka që ju duhet për të krijuar dhe testuar aplikimin tuaj. 505 00:28:47,240 --> 00:28:50,130 Është vetëm kur ju jeni do të publikojë kërkesën tuaj deri në dyqan 506 00:28:50,130 --> 00:28:52,470 se ju jeni do të duhet një llogari zhvilluesish. 507 00:28:52,470 --> 00:28:56,100 Edhe kjo besoj është i lirë. A është e lirë për studentët, si dhe? >> [Guarin] Cili? 508 00:28:56,100 --> 00:28:57,970 Llogaria zhvilluesi, paraqitja aktuale. >> [Guarin] Po. 509 00:28:57,970 --> 00:28:59,580 Kjo është më shumë një lajm i mirë. 510 00:28:59,580 --> 00:29:00,840 Ju do të shkoni të shikoni në këtë. 511 00:29:00,840 --> 00:29:03,840 Ajo do të thonë për një individ si parazgjedhje kjo është $ 49. 512 00:29:03,840 --> 00:29:06,140 Por nuk do të nënshkruajë për atë si një student. 513 00:29:06,140 --> 00:29:10,250 Ne do të merrni ju disa të dhëna nëpërmjet programeve tuaja që ju mund të merrni një llogari falas, 514 00:29:10,250 --> 00:29:13,980 dhe që do të ju lejojnë atëherë të dorëzojnë formularët e drejtë deri në dyqan, 515 00:29:13,980 --> 00:29:17,370 sa më shumë që ju pëlqen, dhe të gjithë që mirësisë së shpejti do të pasojnë. 516 00:29:17,370 --> 00:29:19,710 Pra, kjo është dev.windows.com. 517 00:29:19,710 --> 00:29:22,170 Ju mund të shkarkoni mjetet që ju mund të kenë nevojë nga këtu. 518 00:29:22,170 --> 00:29:25,310 Dhe në qoftë se ju dëshironi, ju mund të merrni një version gjyqin e Windows-it këtu, 519 00:29:25,310 --> 00:29:27,160 por përsëri, ju nuk do të duhet të. 520 00:29:27,160 --> 00:29:32,880 >> Vend tjetër - më lejoni të theksoj këtë jashtë për ju shpejt - është design.windows.com. 521 00:29:32,880 --> 00:29:34,770 Kjo ishte dev.windows.com. 522 00:29:34,770 --> 00:29:37,770 Design.windows.com, ju mund të me mend se çfarë do të thotë për të. 523 00:29:37,770 --> 00:29:40,380 Është në fakt një vend mjaft miqësore. Ka shumë e informacionit të mirë këtu. 524 00:29:40,380 --> 00:29:41,770 Ju mund të punoni me të. 525 00:29:41,770 --> 00:29:43,960 Ajo do të ju japin disa këshilla për disa gjëra 526 00:29:43,960 --> 00:29:46,760 se ndoshta ju nuk e keni menduar për para ose kishte për t'u marrë me të para, 527 00:29:46,760 --> 00:29:50,780 si projektim për kontakt, projektim për faktorë të ndryshëm formë, 528 00:29:50,780 --> 00:29:55,310 projektim për aftësitë e Windows 8, gjërat e përmenda më parë 529 00:29:55,310 --> 00:29:58,740 si kërkim dhe ndarjen, disa gjëra që unë nuk kam biseduar rreth ende. 530 00:29:58,740 --> 00:30:05,570 Ata janë të gjithë listuar këtu, dhe kjo është një grup mjaft të mirë e faqeve të dobishme fotografi 531 00:30:05,570 --> 00:30:08,670 që do t'ju ndihmojë të kuptoni se si për të bërë një lloj të caktuar të aplikimit, 532 00:30:08,670 --> 00:30:14,250 se si të bëjë ndërveprim, si të merren me UI dhe UX e aplikimit tuaj. 533 00:30:14,250 --> 00:30:18,630 Unë do të rekomandojë që ju të marrë një sy në këtë, veçanërisht nëse ju jeni në një pikë 534 00:30:18,630 --> 00:30:22,960 duke shpresuar për të publikuar një kërkesë në dyqan. 535 00:30:22,960 --> 00:30:25,250 Ju jeni do të duan të dinë se si për të bërë një aplikim të mirë 536 00:30:25,250 --> 00:30:28,300 sepse e përmenda më parë në qoftë se ju nuk e bëni, nuk ka ato komente përsëri. 537 00:30:28,300 --> 00:30:29,930 Njerëzit do të jenë të pakënaqur. 538 00:30:29,930 --> 00:30:32,960 Ata nuk do të jetë në gjendje për të gjetur gjërat që ata presin në vendet e drejtë. 539 00:30:32,960 --> 00:30:36,590 Askush nuk dëshiron që kjo të ndodhë me ju. 540 00:30:36,590 --> 00:30:39,220 >> Duke shkuar përpara këtu, më lejoni të ngushtë që poshtë. 541 00:30:39,220 --> 00:30:43,700 Tani që ju e dini ku mund të merrni gjërat, unë do të ju tregojnë se si të vërtetë të fillojë duke përdorur sende. 542 00:30:43,700 --> 00:30:48,520 Për të filluar, unë vërtetë do të ju tregojnë se këtu një shembull të Apps desktop në ekran e mia Start. 543 00:30:48,520 --> 00:30:53,600 Këtu ju mund të shihni Visual Studio, ju mund të shihni Blend dhe mjete të tjera developer që kam. 544 00:30:53,600 --> 00:30:55,890 Ata kanë një tjegull pak më të ndryshme. 545 00:30:55,890 --> 00:30:57,930 Kjo për shkak se ata janë Apps desktop, 546 00:30:57,930 --> 00:31:00,960 dhe në ato raste ata janë të gjithë do të nisë përsëri në tavolinën e punës time 547 00:31:00,960 --> 00:31:05,350 me të vërtetë ashtu si Apps që ju jeni duke përdorur për të. 548 00:31:05,350 --> 00:31:06,960 Pra Përvoja Windows, është e njëjta gjë. 549 00:31:06,960 --> 00:31:12,940 Ata nuk janë, për shembull, si Forcave të Armatosura! ose këto gjëra. Më lejoni të nisur një të tillë shpejt. 550 00:31:12,940 --> 00:31:14,340 Në fakt, këtu është një e interesante. 551 00:31:14,340 --> 00:31:19,210 Ky është zhvilluar nga studentët që punojnë në partneritet në NERD. 552 00:31:19,210 --> 00:31:23,430 Aplikimit ekran të plotë, këto lloje të përvojave këtu. 553 00:31:23,430 --> 00:31:26,290 Oh, ekranet e bukur prerë dhe të gjitha llojet e fun stuff. 554 00:31:26,290 --> 00:31:34,330 Ata kanë zhvilluar këtë. Ne mund edhe të tregojë të gjithë gjë, ndërsa ne jemi në të. 555 00:31:37,510 --> 00:31:41,070 Në fakt, kam punuar me ta pak, u dha atyre disa këshilla se gjërat 556 00:31:41,070 --> 00:31:44,160 sepse ata ishin duke bërë JavaScript për aplikimin e tyre. 557 00:31:44,160 --> 00:31:46,460 Ju lutem, unë nuk jam duke marrë kredi për punën e tyre, ata e kryen tërë punën. 558 00:31:46,460 --> 00:31:48,990 Unë vetëm u dha atyre pak e këshilla këtu dhe atje, 559 00:31:48,990 --> 00:31:52,400 por ata kanë disa sende të madhe duke përdorur një fund para JavaScript 560 00:31:52,400 --> 00:31:56,920 dhe i lidhur në disa motorët e fizikës dhe gjëra për të bërë një shumë të kësaj pune. 561 00:32:00,120 --> 00:32:03,360 Go. Le të shohim nëse që punon. 562 00:32:03,360 --> 00:32:07,010 Wow, ajo ende ka punuar. Në rregull, mirë. Por ju merrni ide. 563 00:32:07,010 --> 00:32:09,350 Një app ekran të plotë, një përvojë të vërtetë të mirë. 564 00:32:09,350 --> 00:32:14,250 Kjo është mbështetur jo vetëm miun e mia dhe stilolaps në qoftë se unë kam gjëra të tilla si kjo, por gjithashtu prek. 565 00:32:14,250 --> 00:32:19,420 Po të kisha një ekran me prekje, unë mund të tërheqë vetëm mbi atë dhe të vazhdojnë të punojnë me këtë. 566 00:32:19,420 --> 00:32:21,440 >> Një gjë nuk e kam treguar, dhe arsyeja pse unë jam duke e çuar këtë ide 567 00:32:21,440 --> 00:32:23,840 i kam kërkuar që të ketë një tjetër app për të treguar se çfarë mund të bëni, 568 00:32:23,840 --> 00:32:29,480 në të vërtetë ju mund të marrë aplikacione në Windows dhe terhiq e tyre në anë të ekranit. 569 00:32:29,480 --> 00:32:33,070 Kjo quhet snapping një aplikim. 570 00:32:33,070 --> 00:32:37,800 Në këtë rast, unë kam marrë Inkarus dhe unë kam shtuar atë në anën këtu. 571 00:32:37,800 --> 00:32:42,990 Ajo tani është në funksion Snap, dhe që lejon të bëj diçka tjetër, ndërsa që aplikimi është atje. 572 00:32:42,990 --> 00:32:46,210 Shumica e lojrave ju do të gjeni do të thjesht pauzë. 573 00:32:46,210 --> 00:32:51,090 Kjo është zakonisht një gjë e mirë për të bërë nëse loja juaj disi mund shkallë poshtë 574 00:32:51,090 --> 00:32:54,210 për të që e vogël e një rezolute, si ndoshta një lloj lojra bordit 575 00:32:54,210 --> 00:32:55,620 apo gjëra të tilla si që në rast. 576 00:32:55,620 --> 00:32:58,570 Por në përgjithësi, gjëja më e lehtë për të bërë dhe gjëja më e përshtatshme për të bërë për lojëra 577 00:32:58,570 --> 00:33:00,620 është që të pauzë aplikimin. 578 00:33:00,620 --> 00:33:09,440 Për aplikacionet si Apps lajmeve, në qoftë se unë të nisur këtë një të tillë dhe pastaj unë kap atë, 579 00:33:09,440 --> 00:33:16,170 ju do të shihni se në të vërtetë ndryshon në mënyrë të konsiderueshme në mënyrën se si ajo e paraqitjes së të dhënave për ju. 580 00:33:16,170 --> 00:33:20,070 Këtu është e ju tregon se në të vërtetë një tigan më vertikale se informacionit, 581 00:33:20,070 --> 00:33:23,340 por unë ende mund absolutisht të përdorni aplikacionin. 582 00:33:23,340 --> 00:33:25,640 Pra, është ende shumë i dobishëm. 583 00:33:25,640 --> 00:33:29,870 Fakti se është në një pikëpamje më të vogël nuk mban mua nga duke përdorur këtë app. Pra, mendoni për atë. 584 00:33:29,870 --> 00:33:32,090 Kjo është diçka që ju duhet të keni Apps tuaj të bëjë në një farë mase, 585 00:33:32,090 --> 00:33:35,370 por është e deri tek ju për të përcaktuar se si funksionale aplikacionet tuaja duhet të jenë të 586 00:33:35,370 --> 00:33:39,080 në atë lloj të një mjedisi më të vogël. 587 00:33:39,080 --> 00:33:44,780 Më lejoni të mbyllur që një poshtë dhe të kthehemi në ku kemi qenë këtu. 588 00:33:44,780 --> 00:33:48,110 >> Edwin, ju shtoi një fotografi të mua tashmë? >> [Guarin] Po. >> [Bowen] Shikoni se. 589 00:33:48,110 --> 00:33:51,510 Shih se? Edwin shtuar një foto. [Qesh] 590 00:33:51,510 --> 00:33:54,410 >> Le të kthehemi këtu në Visual Studio. Më lejoni të nisë këtë për ju. 591 00:33:54,410 --> 00:33:58,170 Unë mund të ketë klikuar në tjegull në atë ekran Start. 592 00:33:58,170 --> 00:34:02,630 Ai më çoi përsëri në mënyrë Desktop, dhe është nisur app desktop e Visual Studio. 593 00:34:02,630 --> 00:34:06,790 Kjo është e Windows që ju tashmë e dini. 594 00:34:06,790 --> 00:34:09,100 Unë mund të shkoni përpara dhe për të krijuar një projekt këtu. 595 00:34:09,100 --> 00:34:11,159 Ne do të përqëndrohet përsëri në JavaScript, HTML. 596 00:34:11,159 --> 00:34:16,510 Unë do të shkoj jashtë dhe të zgjidhni deri këtu në JavaScript, Windows Store. 597 00:34:16,510 --> 00:34:19,010 Ka një numër të templates që ju mund të përdorni. 598 00:34:19,010 --> 00:34:21,710 Për produktivitetin, unë do të ju rekomandojmë të marrë një vështrim në disa nga këta të tjera këtu 599 00:34:21,710 --> 00:34:23,489 si të Rrjetit dhe Split. 600 00:34:23,489 --> 00:34:25,270 Ata janë me të vërtetë e dobishme në qoftë se ju jeni duke e bërë një kërkesë 601 00:34:25,270 --> 00:34:28,960 që do të ketë atë lloj të projektimit dhe kërkimi. Ju do të shihni këto shumë. 602 00:34:28,960 --> 00:34:33,070 E unë vetëm ju tregoi ishte në fakt një shembull i aplikimit të Rrjetit. 603 00:34:33,070 --> 00:34:36,880 Pra, nëse ju mendoni se ju jeni do të jetë bërë një app lajme apo një RSS lexues 604 00:34:36,880 --> 00:34:43,120 ose diçka të tillë që merret me shumë hyrje për të cilën ju dëshironi për të treguar detaje, 605 00:34:43,120 --> 00:34:45,989 mendoni për duke përdorur një nga këto templates për të marrë filluar shpejt 606 00:34:45,989 --> 00:34:48,380 dhe customizing atë nga atje. 607 00:34:48,380 --> 00:34:50,120 Por vetëm kështu që unë mund të ju tregojnë të gjitha pjesët lëvizëse këtu 608 00:34:50,120 --> 00:34:56,120 Unë jam duke shkuar për të krijuar app bosh, dhe pastaj ne do të shkojmë pak më thellë në detaje. 609 00:34:56,120 --> 00:34:58,690 Unë jam vetëm duke e bërë këtë aplikim bosh këtu. 610 00:34:58,690 --> 00:35:01,270 Ajo do të krijojë të gjithë projektit për mua. 611 00:35:01,270 --> 00:35:03,290 Unë do të hapur gjërat që unë dua të ju tregojnë se si parazgjedhje. 612 00:35:03,290 --> 00:35:08,550 Më lejoni vetëm të zoom në pak për të ju tregojnë se çfarë është krijuar për ne këtu. 613 00:35:08,550 --> 00:35:11,350 Gjërat që ju jeni do të shikojmë në të parë janë të gjithë me emrin e parazgjedhur. 614 00:35:11,350 --> 00:35:15,970 Pra, ju jeni do të shikoni për default.html, default.js, dhe default.css. 615 00:35:15,970 --> 00:35:19,590 Gjë tjetër për të vënë në dukje është se ne tashmë kemi një referencë për atë që përmenda më parë. 616 00:35:19,590 --> 00:35:24,530 Kjo është WinJS. Askush në fakt e quan atë këtë emër të gjatë këtu. 617 00:35:24,530 --> 00:35:27,710 Është WinJS, Biblioteka e Windows për JavaScript. 618 00:35:27,710 --> 00:35:29,530 Nëse keni hapur atë, ju mund të shihni kjo është e gjitha këtu. 619 00:35:29,530 --> 00:35:31,820 Ka fotografi të ndryshme CSS, JavaScript nuk ka. 620 00:35:31,820 --> 00:35:33,520 Është atje për t'ju ndihmuar jashtë. 621 00:35:33,520 --> 00:35:37,190 Është me të vërtetë nuk ka për të ofruar kontrolle dhe stilet dhe sende që ju mund të përdorni vetëm automatikisht. 622 00:35:37,190 --> 00:35:41,240 Por, përsëri, në qoftë se ka gjërat që ju doni të përdorni në vend në drejtim të styling dhe kontrolleve të tjera, 623 00:35:41,240 --> 00:35:45,600 është plotësisht deri në ju. Unë do të ju tregojnë se si të përdorin disa ato gjëra tani. 624 00:35:45,600 --> 00:35:51,020 >> Kthehu mbi mbi të majtë anën tonë, më lejoni të ju tregojnë faqen e parazgjedhur HTML. 625 00:35:51,020 --> 00:35:54,490 Ju keni parë tashmë gjëra WinJS, dhe kjo është me të vërtetë të gjitha që po ndodh atje 626 00:35:54,490 --> 00:35:59,930 me ato linja të mesme të Markup, vetëm duke e çuar në CSS nga default 627 00:35:59,930 --> 00:36:02,370 dhe duke e çuar në një çift të dosjeve JavaScript nga WinJS. 628 00:36:02,370 --> 00:36:06,400 Ju nuk duhet të jetë zot i asaj që po ndodh brenda ato fotografi. 629 00:36:06,400 --> 00:36:10,110 Është mjaft interesante për të marrë një vështrim në ato të lloj të shqyrtuar atë që po ndodh në atje 630 00:36:10,110 --> 00:36:14,410 sepse nuk ka teknika mjaft interesante të ndërmjetme dhe të avancuara në vazhdim e sipër në atje, 631 00:36:14,410 --> 00:36:18,100 por gjëja e bukur është si zhvillues, ju mund vetëm të përfitojnë prej tyre, vetëm përdorin ato 632 00:36:18,100 --> 00:36:19,510 dhe jo të vërtetë duhet të shqetësohen për të. 633 00:36:19,510 --> 00:36:21,960 Ju ende mund të përzënë një makinë pa pasur nevojë të dini se si funksionon, apo jo? 634 00:36:21,960 --> 00:36:24,180 Pra, kjo është lloj gjë që po ndodh këtu. 635 00:36:24,180 --> 00:36:26,930 Ka kontrolle dhe stilet dhe sende që vetëm ju mund të shkoni përpara dhe të përdorimit të 636 00:36:26,930 --> 00:36:31,460 dhe kodin që ju mund të përdorni në një të dytë, pa pasur nevojë të dinë se çfarë është në atje. 637 00:36:31,460 --> 00:36:33,200 Këtu janë vetë dosjet tuaja. 638 00:36:33,200 --> 00:36:35,860 Këto janë vendet tuaja që ju mund të modifikoj tuaj CSS 639 00:36:35,860 --> 00:36:38,400 dhe juaj JavaScript për të marrë gjërat që përsëritet. 640 00:36:38,400 --> 00:36:43,300 Ju do të jetë duke shtuar fotografi të tjera me siguri JavaScript dhe fotografi të tjera ndoshta CSS 641 00:36:43,300 --> 00:36:47,480 si projekti juaj rritet, por kjo është me të vërtetë vetëm një pikënisje. 642 00:36:47,480 --> 00:36:52,570 Këtu është Hello, bota ekuivalente e HTML, kështu që ne jemi kthyer në tag trupit. 643 00:36:52,570 --> 00:36:55,990 Në krye, nga rruga, është HTML5 DOCTYPE, 644 00:36:55,990 --> 00:37:00,060 kështu që ju do të njohin se nga ajo që ju keni qenë duke punuar në. 645 00:37:00,060 --> 00:37:04,600 Ka IntelliSense plotë në këtu si edhe, kështu që nëse ju bëni gjëra të tilla si lloj në një tag videove 646 00:37:04,600 --> 00:37:07,340 dhe për të zgjeruar se nga, ju keni mësuar ndoshta për faktin 647 00:37:07,340 --> 00:37:12,760 që ju duhet të bëni kodimin fallback për video tags në HTML5 - ose ndoshta ju keni - 648 00:37:12,760 --> 00:37:17,490 për të siguruar që shfletues të ndryshëm kanë mbështetje për video tuaj. 649 00:37:17,490 --> 00:37:22,610 Ne kemi gjëra të tilla si kjo të gjithë HTML, JavaScript në të gjithë, të gjithë CSS. 650 00:37:22,610 --> 00:37:26,020 Kjo është ndërtuar në, dhe unë do të ju tregojnë CSS në një të dytë. 651 00:37:26,020 --> 00:37:29,430 Këtu ju mund të shkoni përpara dhe të fillojnë të modifikuar kodin, markup. 652 00:37:29,430 --> 00:37:33,700 Në fakt, para se të ndryshojë asgjë, unë jam duke shkuar për të drejtuar këtë dhe të tregojë atë që ju merrni. 653 00:37:33,700 --> 00:37:35,700 Ju jeni do të merrni një çikla ekran të cilat ju mund të rregulloje 654 00:37:35,700 --> 00:37:40,940 dhe pastaj ju merrni Përshëndetje, eksperiencën botërore këtu. Është fantastike, e drejtë? 655 00:37:40,940 --> 00:37:42,640 Shkoni përpara dhe anije atë, e drejtë? 656 00:37:42,640 --> 00:37:45,970 Përmbajtja shkon këtu. Kjo është gjë themelore. 657 00:37:45,970 --> 00:37:48,740 Ajo vetëm mund të merrni më të mirë nga atje. 658 00:37:48,740 --> 00:37:51,300 Ne do të shkojnë përpara dhe të shtoni në disa gjëra. 659 00:37:51,300 --> 00:37:53,470 Unë kam marrë një pak Markup unë jam duke shkuar për të kopje në këtu 660 00:37:53,470 --> 00:37:55,740 vetëm kështu që ju nuk keni për të parë mua shtypur. 661 00:37:55,740 --> 00:38:02,620 Më lejoni të shkoj të sjellë deri Toolbox këtu, dhe unë do të pin këtë, sepse unë do të jetë bërë këtë disa herë. 662 00:38:02,620 --> 00:38:05,650 Veglave, në qoftë se ju nuk e keni parë Visual Studio, është ajo ku ju do të jeni për të gjetur një bandë e kontrolleve. 663 00:38:05,650 --> 00:38:09,050 Ju gjithashtu mund të vënë copra kodin në atë që ju mund të ripërdorimin. 664 00:38:09,050 --> 00:38:16,360 Këtu unë do të hapet vetëm në disa HTML tjetër, asgjë tmerrësisht të përparuara në të gjitha këtu. 665 00:38:16,360 --> 00:38:20,170 Është vetëm HTML themelore duke thënë se unë kam një kontribut, ku unë mund të shtypni, 666 00:38:20,170 --> 00:38:23,860 Unë kam një buton, ku unë mund të dorëzojë atë, dhe pastaj unë kam një div që është në thelb një placeholder 667 00:38:23,860 --> 00:38:27,360 që unë mund të përdorni për të prodhimit të "Hello, ju shkruani këtë." 668 00:38:27,360 --> 00:38:32,780 Është intro për shembull HTML. 669 00:38:32,780 --> 00:38:39,340 Nëse unë drejtuar këtë, ne automatikisht të marrë HTML, por ne gjithashtu automatikisht të marrë styling. 670 00:38:39,340 --> 00:38:42,270 Kjo është një nga gjërat më të rëndësishme nga WinJS. 671 00:38:42,270 --> 00:38:47,250 Ajo do të të japë nga default disa sy dhe të ndjehen që është me të vërtetë në përputhje 672 00:38:47,250 --> 00:38:50,520 me pjesën tjetër të asaj që Windows 8 është duke bërë. 673 00:38:50,520 --> 00:38:52,110 Këtu ju shihni gjëra të tilla si butonin. 674 00:38:52,110 --> 00:38:55,890 Button nga default në HTML nuk duket si kjo, por ajo ka këtu 675 00:38:55,890 --> 00:39:00,880 se asht kah këtë të drejtë që në atë CSS CSS skedar në WinJS. 676 00:39:00,880 --> 00:39:04,680 Nëse ju doni të përdorni diçka tjetër, në qoftë se ju doni të ndryshoni se, krejtësisht në rregull, 677 00:39:04,680 --> 00:39:06,790 të shkojnë përpara dhe të bëjë atë që ju dëshironi. Por kjo është e paracaktuar. 678 00:39:06,790 --> 00:39:09,610 Ajo do të jetë më i njohur për përdoruesit. 679 00:39:09,610 --> 00:39:13,510 Dhe sigurisht kjo nuk do të bëjë asgjë, sepse unë nuk të vërtetë të teli deri çdo lloj të kodit 680 00:39:13,510 --> 00:39:16,630 të përgjigjet për atë. Ajo ishte vetëm HTML. 681 00:39:16,630 --> 00:39:20,630 Kështu që unë mund të shpëtoj nga kjo, dhe ne do të kthehen në kërkesën tonë. 682 00:39:20,630 --> 00:39:25,310 >> Më lejoni të kaloni mbi të default.js tonë. 683 00:39:25,310 --> 00:39:29,030 Kjo duket shumë e ndërlikuar, por kjo është vetëm duke bërë disa gjëra për ju. 684 00:39:29,030 --> 00:39:33,120 Është Boilerplate. Ajo do të jetë i njëjtë në të gjitha projektet tuaja. 685 00:39:33,120 --> 00:39:36,620 E vetmja gjë që kjo është duke bërë është vetëm lloj i pyetur, "Si e kam marrë këtu?" 686 00:39:36,620 --> 00:39:39,090 dhe duke thënë: "A jeni nisur këtë app për herë të parë?" 687 00:39:39,090 --> 00:39:42,640 "A jeni rinisjen app nga detyrimi atë duke u pezulluar?" 688 00:39:42,640 --> 00:39:44,510 Disa gjëra të tilla si se. 689 00:39:44,510 --> 00:39:50,300 Really, fokusi ynë në këtë skedë këtu është e drejtë për këtu. 690 00:39:50,300 --> 00:39:54,490 Në këtë pikë, kjo linjë një nga kodit është shumë e rëndësishme. 691 00:39:54,490 --> 00:39:57,070 Është e vërtetë do të shkoni dhe të kërkoni nëpër të gjitha Markup tuaj, 692 00:39:57,070 --> 00:40:01,640 dhe ajo do të gjeni gjëra që ju keni kërkuar për të janë shndërruar në kontrollet, 693 00:40:01,640 --> 00:40:07,220 Kontrollet më të thellë si një kontroll vlerësim, si një pamje të rrjetit, si të flyout 694 00:40:07,220 --> 00:40:09,570 dhe ato gjëra të tjera që unë ju treguan në atë rrëshqitje përpara. 695 00:40:09,570 --> 00:40:12,550 Ata nuk janë kontrollet amtare HTML. 696 00:40:12,550 --> 00:40:17,860 Ju thjesht nuk e them flyout si element dhe kanë të dini çfarë të bëni. 697 00:40:17,860 --> 00:40:22,120 Ajo që ne në fakt nuk është e njëjta gjë që ndodh në lloje të tjera të kornizave të kontrollit. 698 00:40:22,120 --> 00:40:26,200 jQuery UI bën të njëjtin lloj të qasjes së përgjithshme. 699 00:40:26,200 --> 00:40:30,800 Ju përdorni shenjat në HTML tuaj, dhe pastaj disa JavaScript vjen nëpërmjet vonë dhe thotë, 700 00:40:30,800 --> 00:40:35,900 "Oh, unë e di atë që është. Kjo është kërkuar që kjo të shndërrohet në këtë stuff," 701 00:40:35,900 --> 00:40:39,850 e cila është HTML tjetër më ekspresive për të bërë si një kontroll ratings, 702 00:40:39,850 --> 00:40:41,790 e cila është ajo që unë do t'ju tregoj tani. 703 00:40:41,790 --> 00:40:46,140 Kjo linjë e kodit është një premtim që është duke thënë, "Kur ky premtim është përmbushur, 704 00:40:46,140 --> 00:40:49,090 "Çdo gjë që e keni kërkuar ka qenë i krijuar më pas." 705 00:40:49,090 --> 00:40:52,780 Dhe kjo është ajo. Ajo duket një kompleks të vogël, por është me të vërtetë e njëjta në çdo projekt. 706 00:40:52,780 --> 00:40:56,690 Poshtë këtu është ku ju mund të filloni duke shtuar në çfarëdo tjetër që ju dëshironi të keni ndodhë, 707 00:40:56,690 --> 00:40:58,280 kështu që ne do të kthehen me atë në një të dytë. 708 00:40:58,280 --> 00:41:01,480 >> Para së gjithash, më duhet një grimë e kodit që mund të përgjigjet për faktin 709 00:41:01,480 --> 00:41:03,320 se dikush ka klikuar në butonin. 710 00:41:03,320 --> 00:41:06,330 Unë jam duke shkuar për të shkuar përpara dhe të vënë atë në këtu. 711 00:41:06,330 --> 00:41:09,620 Përsëri, unë nuk jam duke shkuar për të bërë ndonjë të shtypni para jush këtu. 712 00:41:09,620 --> 00:41:12,560 Shumë bazë JavaScript vetëm duke thënë se kur kjo quhet 713 00:41:12,560 --> 00:41:15,270 ne jemi duke shkuar për të dhënë disa detaje për mënyrën se si kemi marrë këtu 714 00:41:15,270 --> 00:41:17,630 dhe pastaj ne do të bëjmë disa gjëra themelore. 715 00:41:17,630 --> 00:41:21,300 Go gjetur gjë në faqen time HTML që është quajtur nameInput, 716 00:41:21,300 --> 00:41:28,490 rrëmbej atë, të marrë vlerën e saj, mu "Hello" në frontin e tij, dhe rrinë që rezultojnë string 717 00:41:28,490 --> 00:41:31,960 në atë tag div që kemi pasur më parë se me të vërtetë nuk kishin asgjë më parë. 718 00:41:31,960 --> 00:41:37,220 Tani ne jemi duke shkuar për të gjetur atë etiketë dhe të bëjë përmbajtja e tij e brendshme e barabartë me atë varg. 719 00:41:37,220 --> 00:41:38,880 JavaScript Shumë e thjeshtë. 720 00:41:38,880 --> 00:41:42,240 Shpresojmë që ju jeni duke pranuar se nuk ka të vërtetë asgjë të pazakontë ndodh këtu. 721 00:41:42,240 --> 00:41:45,360 Është vetëm drejt deri HTML dhe JS këtu. 722 00:41:45,360 --> 00:41:48,220 Nëse unë drejtuar këtë tani, ajo ende nuk do të bëni asnjë punë, sepse unë nuk e kam Wired atë 723 00:41:48,220 --> 00:41:50,030 për të marrë ngjarjen. 724 00:41:50,030 --> 00:41:55,710 Për ta bërë këtë, unë do të bëj atë të drejtë këtu, përsëri kthehen në Toolbox tim, 725 00:41:55,710 --> 00:41:58,730 popping atë në këtu. 726 00:41:58,730 --> 00:42:03,060 Unë pres që ju kam parë të gjitha këtë lloj të gjëra para, kështu që unë nuk do të mbi-të shpjegojë atë. 727 00:42:03,060 --> 00:42:05,060 Tani ne jemi duke shkuar për të shkuar të marrë helloButton. 728 00:42:05,060 --> 00:42:07,730 Ne jemi do të thonë: "Button, urime." 729 00:42:07,730 --> 00:42:10,130 "Këtu është një ngjarje që ju tani jeni përgjigjur." 730 00:42:10,130 --> 00:42:13,420 "Kur dikush klikimeve në ju, e quajmë këtë funksion, e buttonClickHandler." 731 00:42:13,420 --> 00:42:17,070 Dhe kjo është se funksioni ne vetëm e shtimit të drejtë deri në fund atje. Kjo është ajo. 732 00:42:17,070 --> 00:42:20,980 Deri tani ne kemi marrë një kërkesë amazingly funksionale. 733 00:42:20,980 --> 00:42:24,720 Unë mendoj se ju do të impresionuar me të vërtetë nga kjo. 734 00:42:24,720 --> 00:42:32,320 Chris. Prisni për të. Wow. Mirë. Kjo është e mahnitshme. [Qesh] 735 00:42:32,320 --> 00:42:36,570 Por ka më shumë. A nuk e blej atë ende. Prisni. 736 00:42:36,570 --> 00:42:39,610 >> Më lejoni t'ju tregoj pak më shumë këtu dhe për të marrë nga ekran të plotë. 737 00:42:39,610 --> 00:42:42,690 Ne jemi duke shkuar për të ecur para se të kandidojë. 738 00:42:42,690 --> 00:42:45,530 Më lejoni të shkoj në dhe në të vërtetë të ju tregojnë pak me CSS. 739 00:42:45,530 --> 00:42:49,480 Vetëm by default, në qoftë se ne e shohim mbrapa në faqen këtu, 740 00:42:49,480 --> 00:42:53,570 sa herë që ne u tërhoq në këto gjëra nga WinJS dhe kemi marrë ui-errët, 741 00:42:53,570 --> 00:42:58,550 në fakt, ju mund të ndryshojë atë në mungesë për përdorimin e aplikimit të lehta. 742 00:42:58,550 --> 00:43:03,450 ui-errët është e mirë për aplikacionet grafike si duke përdorur një shumë të fotografive, 743 00:43:03,450 --> 00:43:05,740 ju jeni duke treguar një shumë të përmbajtjes vizuale. 744 00:43:05,740 --> 00:43:12,560 Nëse ju jeni duke treguar një shumë e përmbajtjes tekstuale, UI-drita në përgjithësi është një zgjedhje e mirë. 745 00:43:12,560 --> 00:43:15,160 Ju nuk keni për të zgjedhur atë, por unë kam kaloi në atë 746 00:43:15,160 --> 00:43:17,690 dhe tani ju jeni duke parë të njëjtin Markup, njëjtë çdo gjë, 747 00:43:17,690 --> 00:43:20,320 kjo është vetëm duke përdorur në thelb një skemë të përmbysur këtu 748 00:43:20,320 --> 00:43:24,770 ku çdo gjë është duke e bërë atë tekstin e zezë në të bardhë. 749 00:43:24,770 --> 00:43:26,460 Kjo është e gjitha mirë dhe të mirë. 750 00:43:26,460 --> 00:43:30,680 Më lejoni të dal nga këtu, dhe le të bëjë në fakt pak më shumë me CSS. 751 00:43:30,680 --> 00:43:34,830 Unë do të vënë atë përsëri në errësirë, sepse unë mendoj se është ndoshta më e lehtë për të parë në ekran 752 00:43:34,830 --> 00:43:36,970 kur të fillojnë të bëjnë këto gjëra. 753 00:43:36,970 --> 00:43:40,150 Unë jam duke shkuar për të zëvendësuar trupit një herë. 754 00:43:40,150 --> 00:43:44,040 Unë do të shkoj këtu. Më lejoni nuke këtë. 755 00:43:44,040 --> 00:43:48,690 Le të sjellë në trup me klasat. 756 00:43:48,690 --> 00:43:53,000 Unë besoj se ju keni bërë bazë me selectors CSS dhe gjëra të tilla si që tashmë, 757 00:43:53,000 --> 00:43:55,380 kështu që ju ndoshta e dini se çfarë po ndodh këtu. 758 00:43:55,380 --> 00:43:59,250 Vetëm caktimin e disa klasa në kokë tonë, dhe ne jemi duke krijuar një div të re 759 00:43:59,250 --> 00:44:04,430 për të përfunduar pjesën tjetër të asaj gjëra që ne tani mund të përdorni për të stilit të gjithë së bashku. 760 00:44:04,430 --> 00:44:07,760 Pra, çfarë mund të bëj tani është të shkoj për të parazgjedhur CSS tonë. 761 00:44:07,760 --> 00:44:11,900 A keni shikuar në pyetje të mediave akoma? A keni biseduar për atë në të gjitha? 762 00:44:11,900 --> 00:44:17,220 Pyetje e medias janë pjesë e këtij trendi emergjente - 763 00:44:17,220 --> 00:44:19,660 ose se është një trend i themeluar tani në të vërtetë në Web - 764 00:44:19,660 --> 00:44:22,760 për dizajn të përgjegjshëm ose adaptive, 765 00:44:22,760 --> 00:44:28,480 dhe ideja është që aplikacionet tuaja mund të vërtetë të rregulluar veten e tyre në mënyrë të përshtatshme 766 00:44:28,480 --> 00:44:31,910 bazuar në atë pajisje që ata janë duke u shfaqur në mund të bëjë. 767 00:44:31,910 --> 00:44:35,040 Pra, nëse ju jeni në një pajisje të lëvizshme, padyshim ju jeni nuk do të ketë pasuri të patundshme ekran sa më shumë 768 00:44:35,040 --> 00:44:41,520 si ju do të në një monitor të madh 30-inch ulur me një desktop, një PC i madh si kjo. 769 00:44:41,520 --> 00:44:46,710 Pra, përgjigja e vjetër që kjo do të ishte që të ketë 5, 6 versione të ndryshme të njëjtën faqe 770 00:44:46,710 --> 00:44:51,350 dhe ju do të hapur deri version që është tuned për atë ekran të caktuar size. 771 00:44:51,350 --> 00:44:55,420 Jo e madhe. Është shumë, shumë të përsëritura dhe ka një ton të mirëmbajtjes për të bërë këtë. 772 00:44:55,420 --> 00:44:58,120 Tani ne kemi diçka të quajtur queries media CSS, 773 00:44:58,120 --> 00:45:02,530 dhe ne mund të përdorni këtë për të automatikisht të zbuluar, kur nuk ka madhësi të caktuara 774 00:45:02,530 --> 00:45:07,030 ose përdorime të caktuara të përmbajtjes tuaj duke u kryer. 775 00:45:07,030 --> 00:45:09,580 Kështu që ju mund të përgjigjet për atë dhe ju mund të thoni, "Në rregull, në këtë rast 776 00:45:09,580 --> 00:45:12,580 "Ju ndoshta nuk keni nevojë edhe unë të ju tregojnë se çfarë po ndodh këtu." 777 00:45:12,580 --> 00:45:18,020 Kjo është vetëm duke thënë se nëse kjo kërkesë është e këput, si unë ju tregoi para - 778 00:45:18,020 --> 00:45:20,830 grabbing atë dhe duke i vënë atë në anën e ekranit - 779 00:45:20,830 --> 00:45:23,910 atëherë le të bëjë styling mëposhtme. 780 00:45:23,910 --> 00:45:25,850 Styling nuk është vetëm për ngjyrat dhe stuff like that. 781 00:45:25,850 --> 00:45:29,860 Është gjithashtu për sizing dhe kufijtë dhe paddings dhe orientimet e përmbajtjes 782 00:45:29,860 --> 00:45:34,040 apo edhe paaftësi ose duke bërë të mundur pjesë të tëra të faqes tuaj 783 00:45:34,040 --> 00:45:36,420 dhe, në këtë rast, app tuaj ose lojë tuaj si. 784 00:45:36,420 --> 00:45:39,210 Kështu që këtu ju mund të bëni aq e thjeshtë sa të doni. 785 00:45:39,210 --> 00:45:46,720 Kjo nuk do të jetë i dobishëm në Apps tuaj, por është koha demo, 786 00:45:46,720 --> 00:45:50,530 kështu që unë jam duke shkuar për të shkuar përpara dhe të vetëm të shtoni në selektor bazë të trupit dhe të thonë, 787 00:45:50,530 --> 00:45:58,360 "Kur unë jam këput, le të shkojnë përpara dhe të bëjë background-color dhe le të zgjedhin diçka." 788 00:45:58,360 --> 00:46:00,400 Keni Intellisense këtu. Kjo është në të vërtetë me të vërtetë cool. 789 00:46:00,400 --> 00:46:05,720 Në vitin 2012 ne kemi shtuar një shumë gjëra për mbështetje CSS dhe JavaScript dhe HTML. 790 00:46:05,720 --> 00:46:08,690 Ju keni sigurisht mori drop-down Intellisense shumë, por që nuk është gjë e ftohtë. 791 00:46:08,690 --> 00:46:11,730 Cool gjë është që ju keni marrë selectors vizuale për shumë gjëra si. 792 00:46:11,730 --> 00:46:14,120 Kështu që ju mund të shkoni nëpër dhe të vetëm të zgjidhni një ngjyrë, 793 00:46:14,120 --> 00:46:17,580 ose ju mund të shkoni jashtë dhe të jetë edhe më i saktë dhe që ju mund të zgjidhni - 794 00:46:17,580 --> 00:46:22,330 kjo do të jetë e tmerrshme. Unë do të marr një ngjyrë të vërtetë të mirë këtu. 795 00:46:22,330 --> 00:46:26,500 Watch Markup shumë, nga rruga. Kjo është format juaj RGB standarde atje. 796 00:46:26,500 --> 00:46:30,780 Por në qoftë se unë kaloni perde, ajo do të kaloni në lidhje me një përzgjedhësi kanal alfa këtu. 797 00:46:30,780 --> 00:46:36,910 Kështu që ju mund të shihni se, ngjyra me thelb transparencën për qind që ju keni për se 798 00:46:36,910 --> 00:46:38,860 të gjithë pjekur të drejtë në atje. 799 00:46:38,860 --> 00:46:42,530 Unë jam duke shkuar për të mbajtur atë si 100% dhe pastaj kur unë jam bërë me këtë, të gjitha është e mirë dhe të mirë. 800 00:46:42,530 --> 00:46:46,160 Tani në qoftë se unë të drejtuar app dhe kemi marrë app dhe ne e kap atë, 801 00:46:46,160 --> 00:46:49,000 se ngjyra e sfondit është duke u rregulluar automatikisht 802 00:46:49,000 --> 00:46:53,410 vetëm për shkak se ne kemi disa CSS që thotë: "Shko ta bëjë këtë." 803 00:46:53,410 --> 00:46:55,580 Ju gjithashtu mund të shkruani JavaScript gjithashtu se do të bëjë të njëjtën gjë 804 00:46:55,580 --> 00:47:03,010 ose që ju mund të përdorni të vërtetë një lojë të pauzë, bëjnë gjëra të tilla si se. 805 00:47:03,010 --> 00:47:04,310 Kjo është ndoshta kur ju do të përdorni JavaScript. 806 00:47:04,310 --> 00:47:06,610 Ju do të fik lojë lak në atë pikë. 807 00:47:06,610 --> 00:47:09,970 Ju do të duhet disa JavaScript për shkak se nuk do të jetë diçka që ju do të css për të. 808 00:47:09,970 --> 00:47:11,760 Por mbani në mend se kjo është vetëm një ngjarje. 809 00:47:11,760 --> 00:47:14,860 Ju mund të thoni, "Kur aplikimi im është ridimensionuar, 810 00:47:14,860 --> 00:47:17,780 "Le të shohim nëse ne jemi këput." Dhe kjo është ajo. 811 00:47:17,780 --> 00:47:24,440 >> Mirë? Unë kam qenë duke folur shumë. A ka pyetje deri tani se ku jemi? Po. 812 00:47:24,440 --> 00:47:29,310 [Studente] A ka një tutorial për të gjithë për të marrë më shumë informacion? Po >>. 813 00:47:29,310 --> 00:47:33,510 Pyetja është, a ka një tutorial për këtë? Unë vetëm do të zgjasë atë për çdo gjë. 814 00:47:33,510 --> 00:47:37,490 Ka disa gjëra që ju mund të shkoni për të. Le të vërtetë dal nga këtu. 815 00:47:37,490 --> 00:47:40,150 Më lejoni të kthehem këtu. 816 00:47:40,150 --> 00:47:45,180 Një gjë për të vënë në dukje është vetë Visual Studio ka mësime të ndërtuar in 817 00:47:45,180 --> 00:47:47,650 Më lejoni të shpëtoj prej kësaj. 818 00:47:47,650 --> 00:47:51,520 Nëse ju shkoni dhe për të krijuar një projekt të ri, do të dokumentit, Projekt i Ri, 819 00:47:51,520 --> 00:47:56,750 dhe të kërkoni në anën e majtë të dorës, nuk është një nyje Online në këtë përzgjedhës. 820 00:47:56,750 --> 00:47:59,790 Ajo do të marrë pak. Unë jam në MyFi tim këtu. 821 00:47:59,790 --> 00:48:02,300 Por ajo do të dalë dhe ajo do të më jepni një shans për të gjetur templates 822 00:48:02,300 --> 00:48:05,190 por gjithashtu, më e rëndësishmja, si dhe mostra. 823 00:48:05,190 --> 00:48:06,750 Kështu që unë mund të klikoni në JavaScript. 824 00:48:06,750 --> 00:48:10,050 Ajo do të gjeni mostra për mua. Rezoluta im është mënyrë e lartë këtu. 825 00:48:10,050 --> 00:48:15,070 Normalisht, ju do të shihni një listë të një shumë gjëra të ndryshme këtu. 826 00:48:15,070 --> 00:48:18,280 Nëse ka diçka që ju doni të provoni, marr gjuhën, 827 00:48:18,280 --> 00:48:20,970 JavaScript këtu, dhe thonë: "Unë nuk e di se si ta bëjnë geolocation." 828 00:48:20,970 --> 00:48:22,220 "Unë nuk e di se si për të hapur një skedë." 829 00:48:22,220 --> 00:48:25,840 "Unë nuk e di se si të përfitojnë nga Webcam 830 00:48:25,840 --> 00:48:28,290 "Ose zgjedh për kontakt apo gjëra të tilla si kjo." 831 00:48:28,290 --> 00:48:33,190 Ka mostra për çdo gjë: ndarjen, kërkimin, bare app, 832 00:48:33,190 --> 00:48:37,520 bërë thirrje të largëta në një shërbim, JSON encoding. 833 00:48:37,520 --> 00:48:40,390 Të gjitha këto llojet e gjërave ka edhe mostrat për këtu, 834 00:48:40,390 --> 00:48:44,560 dhe ata nuk janë mostra të mëdha që do të marrë ju të gjithë natën për të tërhequr larg 835 00:48:44,560 --> 00:48:46,820 vetëm për të gjetur se një gjë që ju të kërkuar për të mësuar. 836 00:48:46,820 --> 00:48:49,870 Ata janë me të vërtetë mirë. Ata janë të vogla, të drejtën për llojet pikë të mostrave. 837 00:48:49,870 --> 00:48:52,330 Unë e kam mësuar një ton duke kaluar nëpër këto veten time, 838 00:48:52,330 --> 00:48:55,260 dhe kështu që unë rekomandoj që shumë si një gjë. 839 00:48:55,260 --> 00:49:01,750 >> Një tjetër gjë për të vënë në dukje gjithashtu është natyrisht unë ju tregoi dev.windows.com, 840 00:49:01,750 --> 00:49:07,490 kështu që në qoftë se ju shkoni përsëri në se, ju do të shihni në fund ka edhe mostrat këtu. 841 00:49:07,490 --> 00:49:12,560 Kështu që ju mund të shkarkoni të gjitha ato në të njëjtën kohë, por ka edhe një shumë të burimeve të tjera edhe këtu 842 00:49:12,560 --> 00:49:14,400 që mund të ju ndihmojë të merrni deri në shpejtësinë. 843 00:49:14,400 --> 00:49:17,870 >> Një gjë tjetër, dhe unë me të vërtetë do të ju rekomandojmë që të provoni këtë, 844 00:49:17,870 --> 00:49:24,510 Unë kam marrë atë në blogun tim, por unë do të shkoj vetëm të drejtën për të. 845 00:49:24,510 --> 00:49:28,220 Unë do t'ju tregoj. My blog ka burime dhe gjëra të tilla si se. 846 00:49:28,220 --> 00:49:35,300 Një nga gjërat që të vinte në dukje është e drejtë këtu, kjo gjë: Idea juaj. App juaj. 30 Ditë. 847 00:49:35,300 --> 00:49:40,960 Nëse ju klikoni në këtë, ajo do të t'ju sjellë në një vend me të vërtetë të dobishme. 848 00:49:40,960 --> 00:49:44,650 Kjo është shumë më e dobishme se sa ju mund të prisni. 849 00:49:44,650 --> 00:49:49,040 Kjo do të jetë 30 ditë të përmbajtjes që ju mund të thelb të merrni këshilla dhe truket 850 00:49:49,040 --> 00:49:51,990 gjatë gjithë këtij procesi si ju jeni duke krijuar një app. 851 00:49:51,990 --> 00:49:55,980 Dhe si ju nuk mund të presim, ju në fakt mund të merrni atë për lojëra shumë 852 00:49:55,980 --> 00:49:57,840 dhe për Apps telefon, gjëra të tilla si se. 853 00:49:57,840 --> 00:50:01,000 Pra, në thelb të nënshkruar për të, dhe ata do të jetë i dërguar që ju këshilla dhe truket se, 854 00:50:01,000 --> 00:50:03,010 "A keni menduar për të bërë këtë? A e mbështesni Snap?" 855 00:50:03,010 --> 00:50:04,900 "Këtu janë disa udhëzime se si ta bëni atë mirë." 856 00:50:04,900 --> 00:50:07,440 "A keni menduar për paraqitjen në dyqan?" 857 00:50:07,440 --> 00:50:09,370 "A keni menduar se si do të jeni për të shitur kërkesën tuaj?" 858 00:50:09,370 --> 00:50:11,490 Ajo do të ecin nëpër të gjitha këto gjëra të ndryshme. 859 00:50:11,490 --> 00:50:13,380 Dhe në të vërtetë, nëse ju jeni në rrugën e lojrave, në një pikë 860 00:50:13,380 --> 00:50:17,010 ju do të filloni duke njohur personin duke folur për ju 861 00:50:17,010 --> 00:50:22,850 sepse unë në fakt kishte për të shkuar në Redmint për të bërë dhe regjistruar 2 video aty. 862 00:50:22,850 --> 00:50:25,240 Por kjo është e gjitha pjesë e pista lojrave, 863 00:50:25,240 --> 00:50:27,650 dhe ka edhe një udhë të plotë për zhvillimin e përgjithshëm app. 864 00:50:27,650 --> 00:50:29,380 Kjo është quajtur Gjeneruar App. 865 00:50:29,380 --> 00:50:33,460 Unë patjetër do të rekomandojë që për ju, si dhe përveç mostrave. 866 00:50:33,460 --> 00:50:38,110 >> Ka shumë të videos në një vend të quajtur Channel 9 si. 867 00:50:38,110 --> 00:50:42,790 Kjo është ndoshta gjëja e fundit që unë do të rekomandojë, si dhe para se të lëvizë këtu. 868 00:50:42,790 --> 00:50:45,280 Channel9.msdn.com. 869 00:50:45,280 --> 00:50:48,880 Kjo është e madhe, sepse ju nuk do të jetë e lexuar me ton të letrave të bardha. 870 00:50:48,880 --> 00:50:53,880 Kjo është në thelb një shumë e video, Screencasts dhe gjëra që janë të drejtën për pikë. 871 00:50:53,880 --> 00:50:57,940 Unë nuk duhet të them se është gjithmonë e drejtë për pikë. Kjo varet kush është duke bërë flasin. 872 00:50:57,940 --> 00:51:02,290 Por në përgjithësi, ka disa me të vërtetë për-pika-video këtu 873 00:51:02,290 --> 00:51:06,230 që do të ju tregojnë një gjë të veçantë që ju mund të dëshironi të mësoni ose të parë demoed. 874 00:51:06,230 --> 00:51:11,110 Ka edhe të gjithë përmbajtjen tonë nga konferenca tonë që ka ndodhur disa javë më parë 875 00:51:11,110 --> 00:51:14,380 quajtur Ndërtimi, dhe ju do të shihni se e drejtë atje. 876 00:51:14,380 --> 00:51:18,450 Ka teknologjive thelbësore për të Windows 8 ndeshje. Nuk ju shkoni. 877 00:51:18,450 --> 00:51:23,150 Unë kam qenë atje, në të vërtetë. Ju nuk mund të shihni mua. Unë kam qenë këtu. 878 00:51:23,150 --> 00:51:27,560 Por gjithsesi, kjo mënjanë, unë do të rekomandojë që ju të merrni një vështrim në ato videot. 879 00:51:27,560 --> 00:51:29,330 Ata janë mjaft të dobishme. 880 00:51:29,330 --> 00:51:32,620 Nëse jeni të mbërthyer në diçka apo ju vetëm duan të shohin se çfarë mund të bëjë diçka, zjarr ata lart. 881 00:51:32,620 --> 00:51:36,890 >> [Guarin] Windows Mail thjesht më dërgoi një email me një lidhje në përmbajtje 882 00:51:36,890 --> 00:51:42,140 për studentët për të shkarkuar me kodin e mostrës dhe stuff like that. >> [Bowen] Madhe. 883 00:51:42,140 --> 00:51:45,510 Awesome. Ju faleminderit, Edwin. 884 00:51:45,510 --> 00:51:48,320 >> Mirë. >> [Studente] Unë kam një pyetje. >> [Bowen] Oh. Po, ju lutem. 885 00:51:48,320 --> 00:51:55,030 [Pyetja e padëgjueshme studenti] >> [Bowen] Oh, unë jam i kënaqur që ju kërkohet që. Po. 886 00:51:55,030 --> 00:51:58,940 Pyetja ishte, a ka një ndërfaqe vizuale për mua për të krijuar gjëra? 887 00:51:58,940 --> 00:52:01,630 Edwin do të shpërblejë shtrenjtë për këtë pyetje. 888 00:52:01,630 --> 00:52:04,310 Nuk është një mënyrë për të bërë këtë. 889 00:52:04,310 --> 00:52:09,040 A duhet të bëjmë tani? Le të bëjë atë tani. 890 00:52:09,040 --> 00:52:11,780 Unë jam duke shkuar për të shkuar në atë që tani. 891 00:52:11,780 --> 00:52:14,070 Në fakt, më lejoni të shtoj në një gjë më shumë për këtë demo, 892 00:52:14,070 --> 00:52:16,710 dhe pastaj unë do të ju tregoj përgjigjen aktuale. 893 00:52:16,710 --> 00:52:21,340 Unë kam qenë duke shkuar për të shtuar një pak më shumë CSS këtu. 894 00:52:21,340 --> 00:52:23,980 Unë kam qenë pak jashtë në tangents këtu. 895 00:52:23,980 --> 00:52:26,770 Më lejoni të vënë në disa CSS këtu për të përfituar 896 00:52:26,770 --> 00:52:29,980 nga klasat që kemi shtuar pak kohë më parë, 897 00:52:29,980 --> 00:52:33,930 në kokë, për të DIV mainContent, dhe pastaj me greetingOutput. 898 00:52:33,930 --> 00:52:37,920 Nëse unë bëj atë dhe drejtuar atë, ju mund të shihni tani ne kemi marrë një pak më pak mbushje të ndryshme dhe kufijtë, 899 00:52:37,920 --> 00:52:40,310 kështu që ne kemi në fakt disa offsets këtu. 900 00:52:40,310 --> 00:52:44,630 Këto janë më shumë në drejtim të asaj që ju jeni do të presim nga një aplikim të formës së prerë të lëmuar. 901 00:52:44,630 --> 00:52:47,770 Por unë jam vetëm duke treguar këtë për ju, sepse kjo është e drejtë deri CSS. 902 00:52:47,770 --> 00:52:51,910 Pra, gjërat që ju tashmë e dini që ju mund të përdorni këtu për të rregulluar përmbajtjen si ju dëshironi. 903 00:52:51,910 --> 00:52:55,100 Ju keni parë tashmë se si të bëjnë sfond të ndryshojë në këtë mënyrë. 904 00:52:55,100 --> 00:53:02,980 >> Nëse unë shkoj përsëri jashtë në HTML tonë, unë jam duke shkuar për të shtuar në një grup më të Markup, 905 00:53:02,980 --> 00:53:06,140 dhe kjo është në të vërtetë do të jetë një kontrolli nga WinJS. 906 00:53:06,140 --> 00:53:09,840 Unë jam duke shkuar për të shkuar dhe të kap këtë, një emërtim. Më lejoni t'u siguruar që unë jam duke bërë atë në vendin e duhur. 907 00:53:09,840 --> 00:53:11,740 Ndoshta mjaft e mirë. 908 00:53:11,740 --> 00:53:15,590 Këtu unë kam shtuar vetëm - dhe ne do të shkojnë ekran të plotë në mënyrë që ju mund të shihni të gjithë gjë - 909 00:53:15,590 --> 00:53:18,520 Unë kam shtuar një emërtim për div ardhshëm. 910 00:53:18,520 --> 00:53:20,890 Div quhet ratingControlDiv. 911 00:53:20,890 --> 00:53:23,090 Nga vetë ajo do të bëjë asgjë. 912 00:53:23,090 --> 00:53:28,570 Nëse keni hapur këtë në një shfletues, ju do të kërkoni në bosh, e div vetë. 913 00:53:28,570 --> 00:53:31,820 Por për shkak të këtë linjë misterioze e kodit që ju kam treguar më parë, 914 00:53:31,820 --> 00:53:35,650 procesi të gjitha, ajo do të shikoni për diçka që duket si kjo - 915 00:53:35,650 --> 00:53:40,380 -të dhëna të fitojë kontrollit - dhe ajo do të gjeni çdo gjë që është në këtë parametër. 916 00:53:40,380 --> 00:53:44,560 Ajo do të bëjë një shembull të çfarëdo që është ajo e treguar për të. 917 00:53:44,560 --> 00:53:48,850 Në këtë rast, kjo është një vlerësim i kontrollit, kështu që unë po them, "Ju lutem shkoni dhe të zëvendësojë këtë gjë 918 00:53:48,850 --> 00:53:51,400 "Me çdo gjë që ju duhet të bëni për të bërë një kontroll rating." 919 00:53:51,400 --> 00:53:56,610 Kjo mund të jetë një kontrolli flip, ajo mund të jetë unazë përparim ose çfarëdo kontrolli që ju doni të përdorni. 920 00:53:56,610 --> 00:53:59,390 Ata janë të gjithë do të punojnë në thelb të njëjtën mënyrë. 921 00:53:59,390 --> 00:54:02,920 Ju jeni duke përdorur standarde Markup HTML5 për të treguar atë që ju dëshironi, 922 00:54:02,920 --> 00:54:07,670 dhe pastaj ju jeni do të merrni një kontroll në fund të kësaj. Më lejoni të drejtuar këtë. 923 00:54:07,670 --> 00:54:12,270 Unë vetëm kopjuar se në, dhe tani që markup të bëhet kjo, 924 00:54:12,270 --> 00:54:15,280 e cila është në fakt një numër mjaft i elementeve HTML. 925 00:54:15,280 --> 00:54:18,440 Këto janë të gjitha imazhet individuale, dhe nuk ka divs rreth tyre me selectors. 926 00:54:18,440 --> 00:54:22,610 Shpresojmë që ju mund të shihni se. Kjo është pak delikate. 927 00:54:22,610 --> 00:54:27,380 Unë mund të rri pezull mbi të artikujve të ndryshëm, dhe ajo do të më lejoni të shohin vlerësim këtu. 928 00:54:27,380 --> 00:54:31,560 Unë mund të klikoni mbi të, dhe ajo kujton vlerësim, por kjo është në lidhje. 929 00:54:31,560 --> 00:54:33,100 Kjo nuk është me të vërtetë duke bërë asgjë me vlerësim. 930 00:54:33,100 --> 00:54:35,230 >> Një gjë e fundit që unë dua të ju tregojë për këtë 931 00:54:35,230 --> 00:54:37,820 para se të kaloni në një përvojë më shumë vizuale të projektimit 932 00:54:37,820 --> 00:54:42,680 është pak e kodit që unë mund të përdorni për t'ju përgjigjur këtyre WinJS kontrolleve. 933 00:54:42,680 --> 00:54:47,540 Më lejoni të dal nga atje, kthehet nga ekran të plotë, 934 00:54:47,540 --> 00:54:52,690 dhe kaloni mbi të JS këtu për sekondë. 935 00:54:52,690 --> 00:54:57,450 Unë mund ta bëjë këtë të drejtë këtu. Unë mendoj se unë do të zëvendësojë këtë gjë gjithë. 936 00:54:57,450 --> 00:55:03,080 Në fakt, unë mendoj se kjo do të zëvendësojë të gjitha të tij, por ne do të gjeni së bashku. 937 00:55:03,080 --> 00:55:07,350 Unë do të vënë këtë në këtu. Po. Unë jam duke shkuar për të fshirë këtë shumë. 938 00:55:07,350 --> 00:55:11,790 Çfarë kam shtuar? Ajo duket si një shumë. Kjo nuk është një shumë. 939 00:55:11,790 --> 00:55:14,920 I zgjatet vetëm atë linjë të kodit që unë tashmë biseduar për para, 940 00:55:14,920 --> 00:55:18,590 dhe unë jam duke thënë, "Kur çdo gjë është bërë, kur janë bërë të gjitha kontrollet e mia, 941 00:55:18,590 --> 00:55:23,660 "Pastaj të bëjë këtë." Pra, atëherë të drejtuar këtë funksion të quajtur përfunduar. 942 00:55:23,660 --> 00:55:27,080 Në këtë rast, kjo është gjëra që ju mund të kuptoj se. 943 00:55:27,080 --> 00:55:29,040 Go gjeni se kontrolli div. 944 00:55:29,040 --> 00:55:30,790 Në fakt, ka një gjë që unë duhet të theksoj. 945 00:55:30,790 --> 00:55:35,630 Kjo linjë tjetër është në të vërtetë duke thënë: "Unë kam marrë atë ratingControlDiv." 946 00:55:35,630 --> 00:55:39,770 "Unë dua të flas për atë si të ishte një kontroll i vërtetë, një kontroll WinJS." 947 00:55:39,770 --> 00:55:42,020 Pra, në thelb, ju jeni duke kërkuar për atë prej saj. 948 00:55:42,020 --> 00:55:44,600 Ju jeni duke thënë, "Unë dua të flas me ju si një kontroll." 949 00:55:44,600 --> 00:55:47,810 Dhe pastaj ju mund të filloni duke thënë gjëra të tilla si, "Ne jemi duke shkuar për të shtuar një dëgjues për ju 950 00:55:47,810 --> 00:55:51,430 "Kështu që kur ju jeni duke ndryshuar ne mund të përgjigjet për atë." 951 00:55:51,430 --> 00:55:56,930 Dhe atëherë ne gjithashtu mund të bëjë gjëra të tilla si kjo. Në fakt, kjo është kodi i vjetër atje. 952 00:55:56,930 --> 00:55:59,600 Unë mendoj se unë jam i humbur pasting në një funksion më shumë, 953 00:55:59,600 --> 00:56:05,030 dhe se do të ishte funksioni aktual që do të përgjigjet për kontrollin vlerësim duke u ndryshuar. 954 00:56:05,030 --> 00:56:07,710 Më lejoni që në pop drejtë deri këtu, 955 00:56:07,710 --> 00:56:09,840 diku rreth atje. 956 00:56:09,840 --> 00:56:14,930 Dhe në këtë rast, e vetmja gjë që është e re është fakti që ne jemi duke shkuar në 957 00:56:14,930 --> 00:56:21,000 çfarë kontrolli rating na tregon dhe ne jemi duke kërkuar për atë që quhet tentativeRating. 958 00:56:21,000 --> 00:56:23,150 Ka një bandë e gjëra të ndryshme të tjera të cilat që kontrolli të mund të ju them, 959 00:56:23,150 --> 00:56:25,310 dhe ajo shkon kontrollin nga kontrolli. 960 00:56:25,310 --> 00:56:29,140 Është shumë e thjeshtë. Ju do të jenë në gjendje të kuptoj atë asnjë problem whatsoever. 961 00:56:29,140 --> 00:56:34,040 I drejtuar këtë, dhe tani kur kam ndryshuar ratings dhe klikoni në vlerësim, 962 00:56:34,040 --> 00:56:36,480 ju mund të shihni tani është e vërtetë përgjigjja ndaj saj. 963 00:56:36,480 --> 00:56:40,280 Është vënë atë vlerësim në ekran në atë tag ndryshe bosh div 964 00:56:40,280 --> 00:56:42,970 nën kontrollin e vlerësim. 965 00:56:42,970 --> 00:56:46,670 Kjo është magjia e shumë gjëra këtu shumë. 966 00:56:46,670 --> 00:56:49,580 Kështu si ju jeni duke krijuar aplikacione për Windows Store, 967 00:56:49,580 --> 00:56:52,930 ka një ton të kontrolleve që ju mund të përdorni vetëm. Ata të gjithë punojnë si kjo. 968 00:56:52,930 --> 00:56:58,670 >> Më lejoni të ju tregojnë anën vizuale e projektimit për këto aplikime. 969 00:56:58,670 --> 00:57:03,440 Lajm i mirë është që ju do të tashmë e keni këtë mjet kur ju instaloni çdo gjë 970 00:57:03,440 --> 00:57:06,240 në qoftë se ju shkoni në atë shkarkuar dhe ju merrni Visual Studio. 971 00:57:06,240 --> 00:57:09,890 Unë mund të klikoni mbi këtë. Unë nuk do të zoom in 972 00:57:09,890 --> 00:57:12,040 Ai vetëm thotë Open në përzierje. 973 00:57:12,040 --> 00:57:16,040 Blend është një tjetër mjet që punon krah për krah me Visual Studio 974 00:57:16,040 --> 00:57:19,230 dhe është i përqendruar shumë më tepër në anën e projektimit të gjërave, 975 00:57:19,230 --> 00:57:23,660 kështu që me të vërtetë sipërfaqet mjetet që janë optimizuar për krijimin e stilet, 976 00:57:23,660 --> 00:57:29,720 krijuar animacione, duke punuar me CSS, shumë gjëra në atë lloj mënyrë. 977 00:57:29,720 --> 00:57:36,380 Ja se çfarë duhet të jetë shumë interesante dhe shumë e qartë menjëherë është që ne jemi duke kërkuar në app. 978 00:57:36,380 --> 00:57:40,060 Shpresojmë se ne ende jemi. 979 00:57:40,060 --> 00:57:42,650 Në vend të parë kodin, të cilat ne ende nuk shohim në fund, 980 00:57:42,650 --> 00:57:45,350 ne jemi duke parë përfaqësimin aktual të aplikimit. 981 00:57:45,350 --> 00:57:49,640 Për më tepër, kjo nuk është vetëm një përfaqësim i app, ajo është në të vërtetë app running. 982 00:57:49,640 --> 00:57:52,010 Dhe kjo është ajo që është me të vërtetë e bukur për përzierje. 983 00:57:52,010 --> 00:57:58,620 Ekipi ka bërë shumë punë për të sjellë HTML dhe JavaScript dhe CSS në këtë mjet. 984 00:57:58,620 --> 00:58:01,930 Tani ju mund të vërtetë, në qoftë se ju jeni kurioz, "Çfarë do të thotë kjo? Çfarë mund të bëj?" 985 00:58:01,930 --> 00:58:08,310 Unë në fakt mund të projektimit për këtë kërkesë edhe pse gjëra të tilla si kjo nuk ekzistojnë në Markup tim. 986 00:58:08,310 --> 00:58:13,230 Mos harroni se kontrolli rating? Ajo ishte vetëm një tag div. 987 00:58:13,230 --> 00:58:17,090 Kjo stuff, se yll, vetëm ekziston në kohën e duhur. Si mund ta dini se? 988 00:58:17,090 --> 00:58:20,300 Ka pak e magji mbi këtu. 989 00:58:20,300 --> 00:58:21,700 Shih këto rrufe bolts? 990 00:58:21,700 --> 00:58:25,570 Çdo herë që të shihni një rrufe në qiell rrufe, që do të thotë se është krijuar nga diçka në kohën e duhur. 991 00:58:25,570 --> 00:58:31,770 Disa JavaScript vrapoi dhe u kthye diçka në këtë apo krijuar këtë me disa logjikën. 992 00:58:31,770 --> 00:58:37,100 Ato yje që ju shihni atje janë krijuar nga JavaScript nga WinJS. 993 00:58:37,100 --> 00:58:41,800 Gjë e bukur është, kjo nuk ka rëndësi për mua, unë ende mund të projektimit atë, 994 00:58:41,800 --> 00:58:44,410 Unë ende mund të shkoj në dhe për të ndryshuar atë, unë mund të gjeni se çfarë po ndodh këtu, 995 00:58:44,410 --> 00:58:50,260 Unë mund të shikoni në CSS, unë mund të shkoni përpara dhe për të gjetur se pse ngjyra është mënyra se është, 996 00:58:50,260 --> 00:58:54,610 Unë mund të fillojë messing me gjëra dhe duke e bërë gjëra të tmerrshme, 997 00:58:54,610 --> 00:58:58,360 çdo gjë që unë dua të bëj. 998 00:58:58,360 --> 00:59:01,020 Në fakt, unë do të të lënë gjërat vetëm. 999 00:59:01,020 --> 00:59:03,980 Por ju mund të shihni këtu kjo është e gjitha CSS dhe kjo është duke treguar ju këtu. 1000 00:59:03,980 --> 00:59:10,120 Në rast se ngjitem në atje, kjo do të ju tregojnë çdo gjë që ata e quajnë fitues, 1001 00:59:10,120 --> 00:59:14,850 kështu rregullat CSS që janë më specifike dhe më të zgjedhur për këtë artikull, 1002 00:59:14,850 --> 00:59:17,110 të cilat ju ndoshta keni shkuar tashmë mbi në klasat tuaja, 1003 00:59:17,110 --> 00:59:22,000 ku ju mund të thonë se ka një font të përgjithshëm që ne jemi duke aplikuar për çdo gjë, 1004 00:59:22,000 --> 00:59:26,860 por për shkak se kjo është një h1 dhe unë kam një ngjyrë të përcaktuar për h1s, 1005 00:59:26,860 --> 00:59:29,820 ajo do të jetë në këtë ngjyrë, dhe kjo është për shkak se është më specifik se body1. 1006 00:59:29,820 --> 00:59:32,590 Kjo një gjë e drejtë këtu ju të gjithë e që tregon, 1007 00:59:32,590 --> 00:59:35,470 dhe kjo është me të vërtetë gjëra të fuqishme si ju të merrni më komplekse, 1008 00:59:35,470 --> 00:59:38,160 ju jeni të pyesin se pse këto gjëra janë mënyra që ata janë. 1009 00:59:38,160 --> 00:59:41,020 Kjo në fakt do të ju them, dhe ju mund të vini ndonjë nga këto artikuj këtu. 1010 00:59:41,020 --> 00:59:43,370 Se ngjyra nuk është shumë e keqe, në fakt. 1011 00:59:43,370 --> 00:59:47,150 Ju mund të zgjidhni ato. Shpresojmë që ju mund të shihni këtë. 1012 00:59:47,150 --> 00:59:52,410 Për çdo gjë që ju keni në aplikimin tuaj, ju shihni një ujëvarë të tërë 1013 00:59:52,410 --> 00:59:56,070 të gjitha CSS e që mund të ketë aplikuar për atë dhe të cilat një është e fituar, 1014 00:59:56,070 --> 00:59:58,050 që një të vërtetë mori përparësi. 1015 00:59:58,050 --> 01:00:00,930 Këto janë lloj i mërzitshëm. Nuk është një shumë ndodh në disa nga këto. 1016 01:00:00,930 --> 01:00:04,660 Kur të shkoj e të ndryshojë ngjyrën, atëherë ju do të fillojnë të shohim disa Cascading atje. 1017 01:00:04,660 --> 01:00:07,760 Ju mund të përdorni HTML si edhe këtu. 1018 01:00:07,760 --> 01:00:12,490 Unë mund të shkoni nëpër dhe të modifikojë pronat HTML për të gjitha këto gjëra që unë dëshiroj. 1019 01:00:12,490 --> 01:00:14,620 Ka vetëm ton e gjëra këtu. 1020 01:00:14,620 --> 01:00:18,070 >> Unë nuk dua të të marrë kohën tuaj duke shkuar me çdo gjë këtu. Vetëm e di se është këtu. 1021 01:00:18,070 --> 01:00:21,700 Ka shumë të projektimit të orientuar funksionalitetin kjo është vetëm në dispozicion për ty 1022 01:00:21,700 --> 01:00:26,730 kështu që ju mund të qëndroni vizuale, të punuar me aplikimin, dhe nuk kanë për të bërë një shumë të guessing 1023 01:00:26,730 --> 01:00:32,180 se ju do të keni për të bërë normalisht dhe çiklizmit prapa nga një shfletues përsëri në dizajnin tuaj, 1024 01:00:32,180 --> 01:00:33,940 prapa për të shfletuesit. 1025 01:00:33,940 --> 01:00:37,010 Kjo është me të vërtetë cool stuff për këtë, dhe si ju të zhvilloni një app të Windows Store, 1026 01:00:37,010 --> 01:00:39,650 ajo do të ju bëjë shumë më produktiv. 1027 01:00:39,650 --> 01:00:45,150 >> Ju do të shihni se është ndjekja e Markup këtu dhe CSS tuaj 1028 01:00:45,150 --> 01:00:47,270 si ju jeni duke punuar me gjëra të ndryshme. 1029 01:00:47,270 --> 01:00:50,180 Kjo është ndoshta vërtetë e vështirë për ju për të parë se, veçanërisht në video, 1030 01:00:50,180 --> 01:00:54,680 por kjo është ajo që po ndodh këtu, dhe unë do të ju rekomandojmë që të bëhen të njohur me këtë. 1031 01:00:54,680 --> 01:00:57,240 Kjo do të ju kursejnë shumë kohë. Kjo është përzierje. 1032 01:00:57,240 --> 01:01:00,520 Nëse ju bëni ndonjë ndryshim këtu, ata automatikisht do të më shpie mbi 1033 01:01:00,520 --> 01:01:01,870 në Visual Studio. 1034 01:01:01,870 --> 01:01:06,590 Është e njëjta fotografi, është e njëjta çdo gjë. Unë do të lënë atë vetëm. 1035 01:01:06,590 --> 01:01:08,650 Unë kam një shembull më të mirë që unë dua të të tregoj. 1036 01:01:08,650 --> 01:01:11,660 Por në qoftë se kam bërë një ndryshim aty dhe shpëtuam atë dhe u ktheva në Visual Studio, kjo do të thotë, 1037 01:01:11,660 --> 01:01:16,390 "Hej, ju vetëm ndryshuar diçka. A mund të rifreskoni atë për ju?" Po. 1038 01:01:16,390 --> 01:01:18,770 Dhe ju jeni duke përdorur të njëjtën stuff atje. 1039 01:01:18,770 --> 01:01:21,320 Kjo është në fund të asaj mostre të caktuar. 1040 01:01:21,320 --> 01:01:28,170 >> Unë dua të ju tregojë një mostër të lartë fund vetëm për të ju jap një pamje të funksionalitetit të tjera 1041 01:01:28,170 --> 01:01:30,350 ju mund të mendoni për të mirë. 1042 01:01:30,350 --> 01:01:32,280 Kjo është një app mostër që ju mund të shkarkoni. 1043 01:01:32,280 --> 01:01:35,620 Nëse ju shikoni për diçka të quajtur Camp e Windows në një Box, 1044 01:01:35,620 --> 01:01:40,340 ka disa mostra që janë në atë, dhe një prej tyre është Contoso Ngjarjet. 1045 01:01:40,340 --> 01:01:41,640 Unë mund të kandidojë vetëm këtë për ju. 1046 01:01:41,640 --> 01:01:44,700 Ekran Custom spërkatje. Kjo është pikëpamja Grid aplikimit. 1047 01:01:44,700 --> 01:01:49,590 Ata kanë detyruar disa të dhëna doganore këtu. Ju mund të lundruar nëpër këtë. 1048 01:01:49,590 --> 01:01:53,090 Ju mund të shkoni dhe të marrë një sy në gjëra të ndryshme që do të na bëjnë të uritur në një pasdite të premten. 1049 01:01:53,090 --> 01:01:57,760 Nuk e di. Çfarë do të më bëjnë më të uritur? 1050 01:01:57,760 --> 01:02:00,530 Nuk e di. Unë jam vetëm do të marr një të tillë. 1051 01:02:00,530 --> 01:02:02,460 Ju shkoni në këto gjëra. Ajo do t'ju tregojë recetë. 1052 01:02:02,460 --> 01:02:04,900 Ju gjithashtu mund të, në vend të klikuar në një objekt, 1053 01:02:04,900 --> 01:02:10,360 ju mund të shkoni të drejtë për atë kategori të përmbajtjes, atë pjesë të përmbajtjes. 1054 01:02:10,360 --> 01:02:15,590 Në këtë rast, ju mund të lexoni shumë të rreme latinisht ju të gjithë duke u thënë për këto receta këtu 1055 01:02:15,590 --> 01:02:17,720 dhe pastaj të shkojnë drejtë në recetë të veçantë. 1056 01:02:17,720 --> 01:02:22,770 Kjo gjithashtu mbështet gjëra të tilla si të ndarjes që unë ju tregoi para me fotot. 1057 01:02:22,770 --> 01:02:26,160 Ju gjithashtu mund të kërkoni në këtë aplikim shumë. 1058 01:02:26,160 --> 01:02:28,880 Është shumë e thjeshtë për të bërë kërkimin. 1059 01:02:28,880 --> 01:02:31,300 Në thelb, ju jeni vetëm duke marrë një varg të tekstit nga Windows 1060 01:02:31,300 --> 01:02:34,720 dhe ju vendosni se si ju doni të trajtuar kërko me atë. 1061 01:02:34,720 --> 01:02:39,830 Kjo është disa rreshta të kodit për të marrë atë, dhe pastaj ajo që ju bëni me të, pasi që është krejtësisht e deri te ju. 1062 01:02:39,830 --> 01:02:44,180 >> Këtu ata gjithashtu kanë një bar app ku ata janë duke përdorur disa funksionalitetin tjera. 1063 01:02:44,180 --> 01:02:45,430 Unë vetëm do të ju tregojnë se çfarë është. 1064 01:02:45,430 --> 01:02:48,220 Një këshillë do të përdorin atë që quhet një njoftim dolli. 1065 01:02:48,220 --> 01:02:52,930 Kjo është me të vërtetë i dobishëm për të lënë përdoruesit e di se kur gjërat kanë ndodhur, 1066 01:02:52,930 --> 01:02:55,850 si një aplikim është instaluar ose diçka ka përfunduar. 1067 01:02:55,850 --> 01:02:57,950 Është gjithashtu e mirë për lojëra shumë. 1068 01:02:57,950 --> 01:03:02,360 Nëse ju keni një botë të vazhdueshme ose një bord udhëheqës dhe një shërbim që është hosting që 1069 01:03:02,360 --> 01:03:08,490 ndoshta në një makinë të veçantë, këto njoftime mund të dërgohen në një makinë 1070 01:03:08,490 --> 01:03:12,240 dhe madje edhe në qoftë se përdoruesi nuk është duke përdorur lojë tuaj, duke luajtur lojë tuaj ose drejtimin app tuaj, 1071 01:03:12,240 --> 01:03:15,170 ata ende mund të merrni njoftime për këto llojet e ngjarjeve. 1072 01:03:15,170 --> 01:03:19,350 Kështu që ju mund të thoni, "Kalaja juaj është shkatërruar ose është shkatërruar vetëm për të." 1073 01:03:19,350 --> 01:03:22,870 "Të kthehet këtu dhe të mbrojë atë", ose diçka të tillë. 1074 01:03:22,870 --> 01:03:26,830 Ju klikoni mbi njoftimin, ju shkoni drejtë mbrapa në lojë, dhe ju mund të luajë ajo. 1075 01:03:26,830 --> 01:03:32,170 Pra, ato llojet e gjërave mund të ndihmojë me të vërtetë të tërheqë njerëzit përsëri në app tuaj mjaft efektive. 1076 01:03:32,170 --> 01:03:37,450 >> Ka gjithashtu mbështesin në këtë kërkesë duke përdorur mikrofon, Webcam, 1077 01:03:37,450 --> 01:03:39,560 duke bërë videon dhe të marrë fotografi. 1078 01:03:39,560 --> 01:03:42,080 Ju gjithashtu mund të pin një pllakë e mesme. 1079 01:03:42,080 --> 01:03:46,760 Kjo është e dobishme në qoftë se ju doni të vetëm të ketë një tjegull që shkon drejtë tek përmbajtja caktuar. 1080 01:03:46,760 --> 01:03:49,960 Në këtë rast, ajo shkon drejtë për këtë recetë. 1081 01:03:49,960 --> 01:03:51,300 Çdo gjë që unë jam përmendur unë jam vetëm duke treguar 1082 01:03:51,300 --> 01:03:53,270 sepse kjo është gjëra që ju mund të mendoni në lidhje me përdorimin si. 1083 01:03:53,270 --> 01:03:57,590 Për pjesën më të madhe, ata janë shumë të lehtë për t'u përdorur. 1084 01:03:57,590 --> 01:04:00,070 Unë do të rekomandojë vetëm të ju sjellë deri atë explorer mostër 1085 01:04:00,070 --> 01:04:03,600 dhe për të gjetur një mostër që mund të ju tregojnë si ta bëjnë këtë. 1086 01:04:03,600 --> 01:04:07,140 Është shumë i thjeshtë për të sjellë ata në Apps tuaj atje si. 1087 01:04:07,140 --> 01:04:11,030 >> Unë do të të tregoj diçka tjetër që është shumë i ftohtë këtu. 1088 01:04:11,030 --> 01:04:15,230 Do të parakohshme këtë kërkesë, dhe unë jam duke shkuar për të shkuar përsëri në Visual Studio. 1089 01:04:15,230 --> 01:04:18,870 Kjo kërkesë është i rrjedhshëm. Është drejtimin nga Visual Studio. 1090 01:04:18,870 --> 01:04:21,370 Unë mund të bëjë disa gjëra mjaft të ftohtë me këtë. 1091 01:04:21,370 --> 01:04:23,840 Unë në fakt kanë një mundësi për të zgjedhur një element, 1092 01:04:23,840 --> 01:04:28,250 dhe unë mund të shkoni këtu për aplikimin jetojnë dhe unë mund të them, 1093 01:04:28,250 --> 01:04:34,000 "Unë jam i pyesin pse është Përgatitja kohë pak më të lehta gri se titullin vetë?" 1094 01:04:34,000 --> 01:04:35,680 Unë mund të klikoni mbi të. 1095 01:04:35,680 --> 01:04:38,080 Ajo do të sinkronizuar që kthehet në Visual Studio, 1096 01:04:38,080 --> 01:04:43,780 dhe ajo do të më tregojë saktësisht përmbajtja e gjeneruar që rezultoi në atë pjesë të UI. 1097 01:04:43,780 --> 01:04:47,270 Pra, në këtë rast, kjo është pika-subtitle dhe konstrukt h4 dyfishtë, 1098 01:04:47,270 --> 01:04:51,110 dhe se ndoshta na tregon atë që ne duhet të dimë për shkak se si një H4 brenda këtij konteksti, 1099 01:04:51,110 --> 01:04:53,550 ajo do të marrë një lloj të caktuar të shkronjave. 1100 01:04:53,550 --> 01:04:56,410 Por në qoftë se unë ende nuk e di pse, unë mund të klikoni në TRACE Styles. 1101 01:04:56,410 --> 01:05:02,330 Unë pastaj mund të zgjerohet nga ngjyra dhe unë mund të gjeni saktësisht pse se ngjyra nuk është ngjyra e trupit 1102 01:05:02,330 --> 01:05:04,640 por në të vërtetë është diçka tjetër. 1103 01:05:04,640 --> 01:05:07,210 Kjo është në thelb mjetet dev nga Internet Explorer 1104 01:05:07,210 --> 01:05:09,530 në një shkallë të sjellë në Visual Studio. 1105 01:05:09,530 --> 01:05:12,110 Nëse ju keni punuar me Chrome Dev Tools, Firebug, gjëra të tilla si kjo, 1106 01:05:12,110 --> 01:05:14,720 ato llojet e mjeteve që janë në shfletuesin, 1107 01:05:14,720 --> 01:05:17,340 se lloj i funksionalitetit është sjellë drejtë në Visual Studio 1108 01:05:17,340 --> 01:05:22,090 kështu që ju nuk mund të vërtetë kanë për të nisur një shfletues dhe të punojnë me ato mjete veç e veç. 1109 01:05:22,090 --> 01:05:24,320 Tani unë kam një app të Windows Store vetëm drejtimin, 1110 01:05:24,320 --> 01:05:27,840 dhe unë mund të filloni duke tërhequr atë larg dhe gjetur se pse gjërat janë duke bërë atë që ata janë. 1111 01:05:27,840 --> 01:05:30,440 >> Unë gjithashtu mund të bëjë në këtë mënyrë shumë. 1112 01:05:30,440 --> 01:05:35,020 Unë mund të shkoni dhe të vetëm të marr diçka që në Markup dhe për të gjetur se çfarë është 1113 01:05:35,020 --> 01:05:38,560 në aplikimin vetë. Unë mendoj se kam shkuar me çdo gjë. 1114 01:05:38,560 --> 01:05:41,440 Këtu unë jam fluturonte mbi këtë. Unë mund të zgjidhni atë. 1115 01:05:41,440 --> 01:05:45,540 Ajo do të më tregoni në zbatimin aktual running ku kjo gjë është 1116 01:05:45,540 --> 01:05:48,070 që unë jam tani duke klikuar mbi në Markup. 1117 01:05:48,070 --> 01:05:49,700 Sende të vërtetë cool. 1118 01:05:49,700 --> 01:05:52,710 Si jeni duke u përpjekur të kuptoj se çfarë po ndodh dhe çfarë HTML është duke bërë, 1119 01:05:52,710 --> 01:05:56,080 çfarë CSS është duke bërë, të mbajë këtë në mendje. 1120 01:05:56,080 --> 01:05:58,450 Mos harroni kjo është këtu për ju 1121 01:05:58,450 --> 01:06:02,070 dhe gjithashtu se Blend mund të punojnë me një aplikim të jetojnë running. 1122 01:06:02,070 --> 01:06:06,070 >> Një gjë e fundit që unë të kërkuar për të ju tregojnë me këtë kërkesë - 1123 01:06:06,070 --> 01:06:09,290 Nga rruga, kjo tregon se ju deltat si gjërat ndryshojnë shumë, 1124 01:06:09,290 --> 01:06:11,160 kështu që ju mund të shikojnë për ato pikat kryesore të verdhë. 1125 01:06:11,160 --> 01:06:14,060 Këto janë gjëra që kanë ndryshuar vetëm në aplikacion. 1126 01:06:14,060 --> 01:06:16,350 Por një gjë e kaluar. Dua të kthehem në përzierje vetëm për një të dytë këtu. 1127 01:06:16,350 --> 01:06:21,790 Ne do të hapë këtë ide, e hapur në përzierje, njëjtë app, njëjtë çdo gjë. 1128 01:06:21,790 --> 01:06:28,660 Unë vetëm dua të ju tregojë përvojën këtu është jo vetëm ju jeni të mbërthyer në faqen kryesore 1129 01:06:28,660 --> 01:06:32,880 shikuar në gjërat që ju do të merrni nga default kur ju drejtuar app dhe le të ulen atje. 1130 01:06:32,880 --> 01:06:36,490 Ju gjithashtu mund të kthehet në këtë ikonë shumë e vogël deri këtu. 1131 01:06:36,490 --> 01:06:38,560 Ajo që quhet regjim Interactive. 1132 01:06:38,560 --> 01:06:41,560 Ju klikoni mbi atë. Ajo do të sjellë deri aplikimin tuaj. 1133 01:06:41,560 --> 01:06:43,730 Ju nuk jeni në modalitetin Dizajnit më, kështu që ju nuk do të jeni të klikuar në gjëra 1134 01:06:43,730 --> 01:06:47,270 për të ndryshuar funksionalitetin, por ju në fakt mund të punojnë me aplikimin tani. 1135 01:06:47,270 --> 01:06:51,560 Ju mund të klikoni me, ju mund të bëni çdo gjë, të shkoj në një recetë që ju intereson 1136 01:06:51,560 --> 01:06:54,810 ose në një kategori. Le të shkojnë në këtë kategori. 1137 01:06:54,810 --> 01:06:56,880 Unë do të them, "Mirë, këtu është vendi ku unë dua të projektimit." 1138 01:06:56,880 --> 01:06:59,680 Pastaj ju klikoni butonin përsëri, ai do të të sjell përsëri në sipërfaqe Dizajnit, 1139 01:06:59,680 --> 01:07:02,130 dhe tani ju mund të bëni të gjitha ato gjëra që unë isha duke folur për para. 1140 01:07:02,130 --> 01:07:06,230 Unë do të mbaj klikuar deri sa unë të marrë kjo zgjedhur, të gjetur se dimensionet e tij, 1141 01:07:06,230 --> 01:07:09,890 gjeni HTML për të, CSS për atë 1142 01:07:09,890 --> 01:07:14,990 për një aplikim të rrjedhshëm, disa pjesë më vonë e aplikimit. 1143 01:07:14,990 --> 01:07:17,780 Shumë, shumë të dobishme. Unë do të tregoj këtë për ju. 1144 01:07:17,780 --> 01:07:21,340 Ju lutemi të mbani në mend, nëse ju jeni duke kërkuar në kodin shkrim me këtë 1145 01:07:21,340 --> 01:07:26,070 sepse kjo do të ju kursejnë një shumë sherr, dhe kjo është gjë shumë e mirë. 1146 01:07:26,070 --> 01:07:32,370 Kjo është shumë e shumë të gjitha unë të kërkuar për të ju tregojnë për përzierje dhe në Visual Studio për të gjithë këtë. 1147 01:07:32,370 --> 01:07:36,130 >> Çdo pyetje në ose e atyre mjeteve? 1148 01:07:36,130 --> 01:07:40,000 Çdo gjë në të gjitha? >> [Guarin] Unë kam gjëra për të dhënë jashtë, pyetje aq të mira, gjëra të mira. 1149 01:07:40,000 --> 01:07:43,700 >> [Bowen qesh] Unë ju kam treguar tashmë popull e mia këtu. 1150 01:07:43,700 --> 01:07:47,000 Unë do të vënë atë në faqen e Burimeve dhe të kthehet në pyetjet tani. 1151 01:07:47,000 --> 01:07:53,850 Kjo referencë e parë është që faqja e Gjeneruar Ndeshjet me lojë pista dhe rrugën e duhur app. 1152 01:07:53,850 --> 01:07:55,040 Sign up për ata. 1153 01:07:55,040 --> 01:07:57,210 Ju nuk duhet të presin 30 ditë për të marrë përmbajtjen. 1154 01:07:57,210 --> 01:08:00,370 Ju mund të filloni duke shkuar dhe duke kërkuar në përmbajtjen si ju dëshironi. 1155 01:08:00,370 --> 01:08:04,380 Unë e kuptoj korniza tuaj kohë mund të jenë të ndryshme se - [qesh] 1156 01:08:04,380 --> 01:08:07,780 Pra, kur është Hackathon? Kjo është disa javë, apo jo? 1157 01:08:07,780 --> 01:08:09,620 Pra, ju nuk keni 30 ditë për të pritur. 1158 01:08:09,620 --> 01:08:13,180 Pra, vërtet, ju mund të regjistroheni për këtë dhe pastaj të fillojë vetëm duke tërhequr e përmbajtjes jashtë prej saj. 1159 01:08:13,180 --> 01:08:15,320 Gjithashtu Dev dhe Qendrat Dizajn. 1160 01:08:15,320 --> 01:08:17,620 Dhe unë nuk e përmend këtë, por ka edhe Store Docs. 1161 01:08:17,620 --> 01:08:22,880 Kjo do të ishte që pas Hackathon si ju jeni gati për të filluar paraqitjen Apps tuaj për dyqan. 1162 01:08:22,880 --> 01:08:27,350 Ka disa udhëzime të dobishme këtu, disa udhëzime se si të merrni gjërat në dyqan, 1163 01:08:27,350 --> 01:08:29,960 disa çështje të përbashkëta që mund të udhëtimit ju lart, 1164 01:08:29,960 --> 01:08:32,540 dhe kjo është në fund të këtyre burimeve. 1165 01:08:32,540 --> 01:08:35,300 >> Pra, çfarë është në mendjen tuaj? Çdo gjë tjetër që ju - 1166 01:08:35,300 --> 01:08:40,580 [Guarin] Kush është duke menduar për të bërë një app e Windows për CS50? Ftohtë. 1167 01:08:40,580 --> 01:08:42,200 [Bowen] Best. Great. 1168 01:08:44,149 --> 01:08:49,410 >> Çdo pyetje në lidhje me gjëra që ju keni parë deri më tani dhe se si ajo lidhet me këtë? 1169 01:08:49,410 --> 01:08:54,540 Për shembull, me më shumë kohë që unë mund të marrë një lojë që unë kam shkruar 1170 01:08:54,540 --> 01:08:57,310 dhe që shkon në shfletuesin dhe vetëm lloji i shkojnë përmes procesit të 1171 01:08:57,310 --> 01:08:59,870 të sjellë që në Visual Studio dhe duke e bërë atë një app të Windows Store. 1172 01:08:59,870 --> 01:09:02,870 Kjo merr më shumë kohë se sa ne të vërtetë kishte për të përfshirë sot, 1173 01:09:02,870 --> 01:09:08,010 por short version është ajo e njëjta kodin që ju keni running në shfletuesin, 1174 01:09:08,010 --> 01:09:11,680 dhe gjërat që ndryshojnë janë gjërat që ju të vendosë për të vihet në prizë të Windows 8. 1175 01:09:11,680 --> 01:09:16,220 Pra, nëse ju doni të përdorni charms, në qoftë se ju doni të kërkoni ose të ndarë, 1176 01:09:16,220 --> 01:09:19,899 ju duhet të krijoni një bar app për të fshehur larg disa funksionalitetin mbi atë, 1177 01:09:19,899 --> 01:09:21,939 ato janë llojet e gjërave që ju do të ndryshojë. 1178 01:09:21,939 --> 01:09:25,229 Por thelbi i app tuaj web mund të mbetet e paprekur. 1179 01:09:25,229 --> 01:09:29,590 Përsëri, për aq kohë sa ajo punon në IE10, ajo do të jetë një port të vërtetë e lehtë 1180 01:09:29,590 --> 01:09:33,680 për të sjellë këto gjëra në Visual Studio, në përzierje, dhe e bëjnë atë një app të Windows Store. 1181 01:09:33,680 --> 01:09:37,500 Përsëri, të vetmet gjëra që ju do të duhet për të mësuar janë ato tipare të tjera 1182 01:09:37,500 --> 01:09:41,830 që ju mund të përdorni për të ndriçuar një kërkesë, si një tjegull të jetojnë dhe ato llojet e gjërave. 1183 01:09:41,830 --> 01:09:46,899 >> Po. >> [Studente] Pyetja ime është për të punës lëvizshme. 1184 01:09:46,899 --> 01:09:52,210 Pra, nëse ju bëni një komponent që punon si një app në tavolinën e punës, 1185 01:09:52,210 --> 01:09:56,480 është me të vërtetë e lehtë për të transferuar atë në celular, apo e ka një - 1186 01:09:56,480 --> 01:10:01,270 Pyetja është, në qoftë se unë të bëjë një app Store të Windows që është e optimizuar me të vërtetë për këtë mjedis 1187 01:10:01,270 --> 01:10:06,430 dhe unë dua të sjellë atë në një botë të lëvizshme, çfarë është e përfshirë me të bërë këtë? 1188 01:10:06,430 --> 01:10:10,060 Kjo, si shumë pyetje, është gjithmonë një përgjigje vazhdimisht në ndryshim. 1189 01:10:10,060 --> 01:10:16,190 Lajm i mirë është në qoftë se ju jeni të fërkimit me HTML dhe JavaScript, CSS, 1190 01:10:16,190 --> 01:10:18,720 në qoftë se ju jeni duke filluar nga një app të Windows Store, 1191 01:10:18,720 --> 01:10:20,590 ajo do të ju lejojnë të sjellë atë në Web 1192 01:10:20,590 --> 01:10:24,650 dhe pastaj të përdorin ato llojet e teknikave, si pyetje e medias dhe gjëra, 1193 01:10:24,650 --> 01:10:27,180 për të përshtatur për pajisje të ndryshme të madhësisë. 1194 01:10:27,180 --> 01:10:29,900 Kjo tha, ka gjithmonë kornizat dhe gjëra atje 1195 01:10:29,900 --> 01:10:33,450 se mbështetja e zgjeruar nga teknologji të ndryshme, platforma të ndryshme. 1196 01:10:33,450 --> 01:10:35,670 Kjo ndryshon gjatë gjithë kohës. 1197 01:10:35,670 --> 01:10:40,030 Ne jemi gjithashtu të ndryshuar gjërat, si dhe ne shikojmë drejt atë që kemi tani 1198 01:10:40,030 --> 01:10:42,950 në të vërtetë me Windows Phone 8. 1199 01:10:42,950 --> 01:10:44,930 Ne kemi disa infrastrukturave të përbashkëta themelore 1200 01:10:44,930 --> 01:10:48,180 ofruar në mes të aplikacioneve për ato mjedise. 1201 01:10:48,180 --> 01:10:51,200 Pra gjëra që ju jeni duke bërë për të krijuar një app të Windows Store, 1202 01:10:51,200 --> 01:10:57,790 shumë që mund të transferohen në një Windows Phone 8 aplikimit si. 1203 01:10:57,790 --> 01:11:02,270 Kjo përsëri është një histori në zhvillim, kështu që nuk ka ndonjë përmbajtje në lidhje me atë në Build. 1204 01:11:02,270 --> 01:11:06,780 SDK mori vetëm se pak kohë më parë. Ajo u lirua vetëm pak kohë më parë. 1205 01:11:06,780 --> 01:11:09,920 Por në aspektin e platforma të tjera too, 1206 01:11:09,920 --> 01:11:13,360 ju ndoshta drejtuar në shumë kornizat ndër-platformë si. 1207 01:11:13,360 --> 01:11:16,170 Lajm i mirë është një temë që ju jeni duke bërë këtu, 1208 01:11:16,170 --> 01:11:19,620 funksionalitetin kryesor është drejt deri web sende standarde. 1209 01:11:19,620 --> 01:11:24,010 Të vetmet gjëra që nuk do të përkthehet lehtësisht janë gjërat që Windows 8 e bën, 1210 01:11:24,010 --> 01:11:28,060 por kjo nuk është çudi, sepse ajo është një tipar të Windows. 1211 01:11:28,060 --> 01:11:34,090 Ju nuk do të gjeni ndarjen apo lloje të ngjashme të kontratave mbi çdo platformë tjetër. 1212 01:11:34,090 --> 01:11:37,480 Pra, këto janë gjëra që ju do të duan të nga një perspektivë të projektimit 1213 01:11:37,480 --> 01:11:40,820 sigurohuni që ju keni mënyra për lloj abstrakte që jashtë në mënyrë që ju mund të them, 1214 01:11:40,820 --> 01:11:42,970 "Nëse unë jam kandidon për këtë, unë mund ta bëjë këtë." 1215 01:11:42,970 --> 01:11:48,120 Nëse unë nuk jam, ka disa modelet e projektimit që ju mund të përdorni për të fshehur atë lloj stuff larg. 1216 01:11:48,120 --> 01:11:53,360 Por mbani në mend. Po. Më vjen keq. Shkoni përpara. 1217 01:11:53,360 --> 01:11:58,130 >> [Studente] Nëse unë dua të provuar komponenten time të Windows në krye të padëgjueshëm [] 1218 01:11:58,130 --> 01:12:02,310 [Bowen] Po. Unë skipped një gjë shumë. Po. 1219 01:12:02,310 --> 01:12:04,910 Unë do të përgjigjem pyetjes tuaj të parë, atëherë unë do t'ju tregoj një tipar Kam harruar të përmend. 1220 01:12:04,910 --> 01:12:09,220 Ne kemi disa makina në dispozicion në nivel lokal. Më vjen keq. 1221 01:12:09,220 --> 01:12:11,240 Pyetja ishte, si mund të provuar gjëra në pajisje 1222 01:12:11,240 --> 01:12:14,230 në qoftë se unë nuk do të ndodhë që të ketë një të tërë shumë gjëra për të zgjedhur? 1223 01:12:14,230 --> 01:12:17,130 [Guarin] Ne ju huazohet djema, unë mendoj, 5 ose 6. Sa keni nevojë? 1224 01:12:17,130 --> 01:12:20,940 [Studente] Ne mori 4 prej tyre. Mirë >>. Ju djema mori 4 listat për të luajtur me. 1225 01:12:20,940 --> 01:12:25,520 Pra, patjetër le të gjithë e dinë, ju lutem. [Qesh] >> [Bowen] mbresëlënës. 1226 01:12:25,520 --> 01:12:27,610 Kjo është një përgjigje edhe më mirë se unë do të ju jap. 1227 01:12:27,610 --> 01:12:31,250 Ne kemi orarin e punës për zhvilluesit që ne bëjmë në zyrën tonë 1228 01:12:31,250 --> 01:12:35,110 dhe tani së shpejti për të Microsoft Store gjatë në Prugovc, 1229 01:12:35,110 --> 01:12:37,010 por Edwin ka marrë tashmë kujdeset për ju. 1230 01:12:37,010 --> 01:12:42,180 Ka 4 listat në dispozicion për huamarrjen, për testim. 1231 01:12:42,180 --> 01:12:45,440 Nuk shkojmë. Ka një shembull i një deri atje. 1232 01:12:45,440 --> 01:12:47,340 Pra, vërtet, absolutisht. Great. 1233 01:12:47,340 --> 01:12:52,700 Absolutisht deri tani mënyra më e mirë për të provuar atë është që të jetë në një pajisje. 1234 01:12:52,700 --> 01:12:56,810 Nëse nuk ndodh që të ketë një të tillë ende ose ju nuk doni të ecin nëpër kampus në dëborë 1235 01:12:56,810 --> 01:13:01,130 për të rrëmbyer një ose çfarëdo, ka një mënyrë për të bërë këtë përsëri në Visual Studio. 1236 01:13:01,130 --> 01:13:10,360 Nëse unë shkoj përsëri në ku isha këtu, këtu në vend të përdorimit Machine Lokale, 1237 01:13:10,360 --> 01:13:13,590 ju mund të lidheni me Remote Machine, por që nuk është ajo që unë jam duke folur për këtu. 1238 01:13:13,590 --> 01:13:16,830 Simulator është gjë që ju mund të dëshironi të shikoni në. 1239 01:13:16,830 --> 01:13:22,120 Unë do të drejtuar këtë, dhe me të vërtetë ajo që është, kjo është në thelb një dritare mbi sistemin tuaj. 1240 01:13:22,120 --> 01:13:26,260 Këtu është në të vërtetë sistemi im running, running Contoso, 1241 01:13:26,260 --> 01:13:29,550 por në një mënyrë që lejon mua të ndryshojë disa nga parametrat ekzekutimit, 1242 01:13:29,550 --> 01:13:31,060 parametrat mjedisore. 1243 01:13:31,060 --> 01:13:34,150 Kështu që unë mund të them këtu, "Ju e dini çfarë?" 1244 01:13:34,150 --> 01:13:39,240 Oh. Unë tashmë e kanë atë drejtimin në një simuluar 27-inch monitor në 2560 rezolutë. 1245 01:13:39,240 --> 01:13:44,930 Unë me lehtësi mund të bjerë poshtë që të shohin se kërkesa ime do të bëjë me një ekran të vogël 1246 01:13:44,930 --> 01:13:47,480 ose duke ndryshuar parametrat DPI apo çfarëdo. 1247 01:13:47,480 --> 01:13:50,700 Pra, në një ekran të vogël, një 10.6, atë që ajo do të bëni? 1248 01:13:50,700 --> 01:13:53,040 Që ende duket e mirë, e drejtë? 1249 01:13:53,040 --> 01:13:58,220 Ju do të dëshironi të bëni këtë, veçanërisht në qoftë se ju jeni dërguar në dyqan, sepse ne bëjmë 1250 01:13:58,220 --> 01:14:00,480 si pjesë e procesit të testimit. 1251 01:14:00,480 --> 01:14:02,400 Dhe në qoftë se ka probleme si kjo, 1252 01:14:02,400 --> 01:14:06,160 atëherë ju mund të kandidojë në një çështje duke u certifikuar për dyqan. 1253 01:14:06,160 --> 01:14:09,240 Por kjo është pjesë e imitues. Really cool. Shumë e lehtë për të bërë këtë. 1254 01:14:09,240 --> 01:14:11,480 Ju mund të përdorni karakteristika si e rradhës atë si të mirë. 1255 01:14:11,480 --> 01:14:15,650 Unë mund të klikoni butonin këtu, e kanë atë në formë të rrotës, të shohim atë që dikush do të kishte si një përvojë 1256 01:14:15,650 --> 01:14:20,970 rradhës propozoj tyre, tabletë e tyre, dhe duke përdorur aplikimin tuaj me këtë. 1257 01:14:20,970 --> 01:14:25,060 Ka disa gjëra të tjera shumë si rivalitet të prekin dhe disa gjëra të tjera, 1258 01:14:25,060 --> 01:14:27,210 vendosjen e GPS. 1259 01:14:27,210 --> 01:14:31,050 Unë mund të pretendojë unë jam në një vend tjetër dhe të shohim se çfarë bën kërkesa ime 1260 01:14:31,050 --> 01:14:34,690 kur unë të pretendojë se unë jam kthyer në Seattle ose diçka. 1261 01:14:34,690 --> 01:14:41,970 Por kjo është një tipar me të vërtetë të dobishme, dhe është e ndërtuar në të dy Visual Studio dhe në përzierje. 1262 01:14:41,970 --> 01:14:44,460 Po. Pyetja juaj. 1263 01:14:44,460 --> 01:14:48,530 >> [Studente] Nëse jeni të shkruar një lojë, ka Visual Studio të ketë ndonjë mbështetje për animacion? 1264 01:14:48,530 --> 01:14:55,550 Po. Pyetja është rreth mbështetjes animacion, veçanërisht me lojrave. 1265 01:14:55,550 --> 01:14:58,380 Kjo varet. [Chuckles] 1266 01:14:58,380 --> 01:15:06,870 Me JavaScript unë do të them nuk ka ndoshta më pak mbështetje se sa është në anën XAML, 1267 01:15:06,870 --> 01:15:11,430 e cila ka afatet kohore, ka Storyboards dhe gjërat që janë ndërtuar in 1268 01:15:11,430 --> 01:15:18,710 Për animacione në Apps JavaScript, unë nuk e di se sa e një përgjigje unë dua të ju jap. 1269 01:15:18,710 --> 01:15:25,110 Unë kam burime në blogun tim që kalojnë nëpër një shumë opsione për të dy animacione fizikës, 1270 01:15:25,110 --> 01:15:29,280 mundësitë për lojëra JavaScript-orientuar në Windows 8. 1271 01:15:29,280 --> 01:15:31,300 Unë do të ju referohen atyre. 1272 01:15:31,300 --> 01:15:34,300 Në thelb, ka kaq shumë zgjedhje. 1273 01:15:34,300 --> 01:15:37,770 Arsyeja që unë jam lëkundur është se ka kaq shumë zgjedhje për të bërë animacione me JavaScript. 1274 01:15:37,770 --> 01:15:44,280 Kjo mund të jetë CSS, ajo mund të jetë e bazuar në Canvas, ajo mund të jetë vetëm animacione themelore DOM, 1275 01:15:44,280 --> 01:15:47,470 ajo mund të jetë shumë gjëra të ndryshme, kështu që me të vërtetë varet në zgjedhjen tuaj. 1276 01:15:47,470 --> 01:15:55,790 Në qoftë se ju vendosni të përdorni diçka si Create.js ose limonit ose llojet e tjera të kornizave - 1277 01:15:55,790 --> 01:15:59,150 E pra, unë nuk jam edhe i sigurt që ju jeni do të jetë në gjendje për të përdorur një kornizë të lartë fund 1278 01:15:59,150 --> 01:16:01,370 Ndikimi pëlqen apo Ndërtimi. 1279 01:16:01,370 --> 01:16:07,000 Kjo ka tendencë për të gjeneruar më shumë kod se ju mund të marrë parasysh nga e para. 1280 01:16:07,000 --> 01:16:11,730 Por në ato raste, ju ende mund të përdorni një imitues, ju mund të përdorni mjediset, 1281 01:16:11,730 --> 01:16:17,480 dhe unë priren të përdorin vetëm këtë mjedis për platformën time provë në ato raste 1282 01:16:17,480 --> 01:16:19,930 si unë jam në zhvillim lojërat. 1283 01:16:19,930 --> 01:16:22,110 Unë kam qenë e mirë sidomos me Canvas animacione, 1284 01:16:22,110 --> 01:16:23,850 e cila është ndoshta gjëja më e zakonshme. 1285 01:16:23,850 --> 01:16:27,360 Mirë që ju jeni do të gjeni me siguri është mjetet dev në shfletuesin 1286 01:16:27,360 --> 01:16:30,160 dhe mjetet dev në Visual Studio. 1287 01:16:30,160 --> 01:16:34,610 Lloj i një përgjigje meandering atje, por shpresojmë se kam marrë përgjigjen tuaj. Po. Ju. 1288 01:16:34,610 --> 01:16:36,470 >> [Studente] Cilat janë mundësitë e furnizimit të dhënat për të Windows 8 Apps? 1289 01:16:36,470 --> 01:16:41,100 Cilat janë mundësitë e furnizimit të dhënat për të Windows 8 Apps, Windows Store Apps? 1290 01:16:41,100 --> 01:16:46,790 Mundësitë tuaja janë me të vërtetë çdo aplikim merr pishinë e saj të magazinimit lokale 1291 01:16:46,790 --> 01:16:52,150 për cilësimet dhe për të dhënave, por është edhe qesharake të lehtë për t'u përdorur roaming magazinimit, 1292 01:16:52,150 --> 01:16:54,920 për të përdorur cloud bazuar magazinimit. Është e lirë. 1293 01:16:54,920 --> 01:16:58,250 Çfarë ndodh është që ju në thelb të zgjidhni një klasë të ndryshme dhe ju thoni, 1294 01:16:58,250 --> 01:17:03,370 "Settings Roaming, Ruaj, ky grup të veçantë të përmbajtjes," 1295 01:17:03,370 --> 01:17:06,050 dhe llogaria e tyre Microsoft, çdo gjë që ata kanë nënshkruar në të, 1296 01:17:06,050 --> 01:17:08,620 do të jetë çelësi për roaming atë informacion rreth. 1297 01:17:08,620 --> 01:17:13,790 Pra, nëse unë e përdor lojën tuaj në laptopë tim dhe pastaj të identifikohem me të njëjtën llogari 1298 01:17:13,790 --> 01:17:18,900 dhe unë luajnë lojë në një sipërfaqe ose një tabletë, 1299 01:17:18,900 --> 01:17:23,610 që automatikisht do të bredh se vendosjen dhe të dhënave në mes të këtyre makinave. 1300 01:17:23,610 --> 01:17:27,550 Kjo është një gjë e parazgjedhur. Kjo është e mirë për shuma të caktuara të të dhënave. 1301 01:17:27,550 --> 01:17:30,220 Ju nuk do të vinte një bazë të dhënash të madh në ato. 1302 01:17:30,220 --> 01:17:35,350 Për këtë ju duhet të shkoni në llojet e tjera të zgjidhjeve, si një bazë të dhënash priti në një re, 1303 01:17:35,350 --> 01:17:36,690 gjëra të tilla si se. 1304 01:17:36,690 --> 01:17:39,840 Ka disa opsione të tjera të komunitetit rreth llojeve të tjera të teknologjive të dhënave. 1305 01:17:39,840 --> 01:17:42,920 Unë kam parë disa opsione SQLite në komunitetin përreth atje shumë. 1306 01:17:42,920 --> 01:17:46,690 Pra, gjithnjë e më shumë po dalin, por ato janë gjërat kryesore që ju do të shikoni në drejtim të 1307 01:17:46,690 --> 01:17:49,430 për një lojë ose një app. 1308 01:17:49,430 --> 01:17:50,610 Dhe ju kisha një pyetje në shpinë shumë. 1309 01:17:50,610 --> 01:18:02,390 >> [Studente] Përsa i përket rrjetit [padëgjueshme] ngarkimi ose shkarkimit të skedarëve [padëgjueshme] 1310 01:18:02,390 --> 01:18:04,870 [Bowen] A është pyetja juaj se si mund të shihni se, ose si mund të korrigjoj atë dhe të provuar atë? 1311 01:18:04,870 --> 01:18:10,630 [Studente] Si mund të korrigjoj atë [e padëgjueshme] 1312 01:18:10,630 --> 01:18:12,670 Më vjen keq. Unë nuk mund të dëgjoni të gjithë atë. 1313 01:18:12,670 --> 01:18:16,480 [Studente] Si mund të merrni atë bug testuar dhe gjithashtu [padëgjueshme] 1314 01:18:16,480 --> 01:18:17,490 Great. Great. 1315 01:18:17,490 --> 01:18:21,860 Si mund të punojnë me rrjeteve? Si mund të shihni se çfarë po ndodh? 1316 01:18:21,860 --> 01:18:23,620 Ka përgjigje të ndryshme për këtë, 1317 01:18:23,620 --> 01:18:26,420 por më lejoni të ju tregojnë se ndoshta gjërat më të lehta këtu. 1318 01:18:26,420 --> 01:18:29,350 Më lejoni të hequr qafe të imitues për një të dytë. 1319 01:18:29,350 --> 01:18:31,740 Vetëm një çift opsione debugging për krijimin e rrjeteve. 1320 01:18:31,740 --> 01:18:36,070 Ka një pirg të plotë rrjet pjekur të drejtë në të dyja nivelet WinRT dhe nga WinJS, 1321 01:18:36,070 --> 01:18:42,810 kështu që ju mund shumë lehtë të bëjë XHR, lloji AJAX thirrjet nga loja tuaj ose app për të bërë këtë. 1322 01:18:42,810 --> 01:18:47,250 Kryesisht, unë priren të përdorin 2 gjëra. 1323 01:18:47,250 --> 01:18:53,660 I përdorni mjetet aktuale Dev vetë, të cilat kanë një pirg rrjet pjekur në ta. 1324 01:18:53,660 --> 01:18:55,870 Më lejoni të ju tregojnë faqen e Windows në shtëpi. 1325 01:18:55,870 --> 01:19:02,730 Unë mund të sjellë këtë ide, dhe nuk ka në të vërtetë një proxy të rrjetit pjekur në këto mjete këtu. 1326 01:19:02,730 --> 01:19:08,390 Kështu që unë mund ta bëjë këtë, unë mund të rifreskoni faqen, dhe ajo do të më tregojë të gjitha ndërveprimeve, 1327 01:19:08,390 --> 01:19:14,550 përfshirë AJAX bën thirrje për atë seancë, për kohëzgjatjen që kërkojnë të. 1328 01:19:14,550 --> 01:19:17,600 Kjo është e dobishme. Ajo do të jetë shumë i dobishëm për Apps shfletuesit të bazuara. 1329 01:19:17,600 --> 01:19:20,470 Për llojet e tjera të Apps, duke përfshirë të Windows Store Apps, 1330 01:19:20,470 --> 01:19:23,970 I përdorni një mjet të quajtur Fiddler. 1331 01:19:23,970 --> 01:19:29,650 Ju jeni do të merrni një lojë në përgjigje. [Chuckles] 1332 01:19:29,650 --> 01:19:32,750 Fiddler është një përfaqësim i thjeshtë. Unë mendoj se unë mund të tregojnë se për ju. 1333 01:19:32,750 --> 01:19:40,190 Është vetëm GetFiddler.com, e cila, mjaft interesant, unë jam gjetjen pirg time rrjetit 1334 01:19:40,190 --> 01:19:41,740 do të GetFiddler. 1335 01:19:41,740 --> 01:19:45,700 Por gjithsesi, Fiddler është shkruar nga një prej kryeministrave në ekip IE, 1336 01:19:45,700 --> 01:19:48,290 kështu që ai e di çfarë po bën. 1337 01:19:48,290 --> 01:19:52,630 Kjo është një përafrues i mirë që ju mund të përdorni për të trafikut të rrjetit debugging. 1338 01:19:52,630 --> 01:19:55,730 Unë do të rekomandojë këtë. Pyetje mbi atje. 1339 01:19:55,730 --> 01:19:58,050 >> [Studente] A ka një mënyrë e thjeshtë për të integruar të dhëna të gjuhëve të huaja, 1340 01:19:58,050 --> 01:20:00,810 si japoneze apo kineze, në Apps Windows-it? 1341 01:20:00,810 --> 01:20:03,240 Unë nuk mund të them se unë kam bërë shumë nga ajo vetë, por ajo është e pjekur in 1342 01:20:03,240 --> 01:20:08,470 Ka mundësi për sigurisht emitting kërkesën tuaj - Me fal, unë nuk them pyetjen - 1343 01:20:08,470 --> 01:20:11,100 Opsionet rreth globalizimit, lokalizimin e përmbajtjes, 1344 01:20:11,100 --> 01:20:14,320 duke përfshirë edhe gjëra të tilla si të qenit në gjendje për të shitur në tregje të ndryshme 1345 01:20:14,320 --> 01:20:19,190 dhe synuar se versionin e aplikimit tuaj për ato gjuhë individuale 1346 01:20:19,190 --> 01:20:21,080 ose kultura apo gjëra të tilla si se. Ndërtuar absolutisht in 1347 01:20:21,080 --> 01:20:22,980 Ne kemi pasur mbështetje për se për përgjithmonë, 1348 01:20:22,980 --> 01:20:26,630 dhe që mbart në mundësitë tuaja per Windows Store. 1349 01:20:26,630 --> 01:20:30,450 Ju mund ta bëni atë në dyqan vetë, të shitur në tregje të ndryshme, 1350 01:20:30,450 --> 01:20:34,050 ju mund të bëni që në aplikimin si dhe shumë me përdorimin e burimeve për të përcaktuar, 1351 01:20:34,050 --> 01:20:42,220 "Nëse unë jam i zhvilluar për këtë kulturë, atëherë përdorni këto refuzon për përmbajtjen time tekstuale 1352 01:20:42,220 --> 01:20:44,510 "Ose të përdorin të drejtën e majtë lexuesit." 1353 01:20:44,510 --> 01:20:51,290 Ata janë të gjitha pjesë e WinJS parazgjedhur dhe WinRT TV. Pyetje e mirë. 1354 01:20:51,290 --> 01:20:54,770 >> Si po bëjmë? Ka të tjera? 1355 01:20:54,770 --> 01:20:58,850 Dhe në qoftë se dikush në video ka pyetje, unë jam cbowen @ microsoft, 1356 01:20:58,850 --> 01:21:02,790 kështu që unë jam i lumtur për të marrë ndonjë prej pyetjeve tuaja nga e ardhmja. 1357 01:21:02,790 --> 01:21:05,690 Shumë - Nga të ardhmen, të ardhmen [imiton jehonë]. 1358 01:21:05,690 --> 01:21:09,140 Kështu që këtu është më. Më lejoni të vënë përsëri kontaktin tim këtu. 1359 01:21:09,140 --> 01:21:11,840 Pra, vetëm më dërgoni një shënim, cbowen @ Microsoft, 1360 01:21:11,840 --> 01:21:15,190 dhe unë do të kthehem te ju sa më shpejt që mundem. 1361 01:21:15,190 --> 01:21:19,010 >> Çdo gjë tjetër që ju jeni të pyesin? A jemi të mirë? 1362 01:21:19,010 --> 01:21:24,050 Great. Dakord. Ju faleminderit shumë të gjithëve. I appreciate it. [Duartrokitje] 1363 01:21:24,800 --> 01:21:27,000 >> [CS50.TV]