[Powered by Google Translate] [Seminar - Windows 8 - Zhvillimi Ndeshjet / Lojë me HTML5] [Chris Bowen, Edwin Guarin - Universiteti i Harvardit] [Kjo është CS50. - CS50.TV] 

Hey, të gjithë. Emri im është Edwin Guarin. Kjo është Chris Bowen. Unë do të le të futur veten në një të dytë. Unë vetëm dua të bëjë një njoftim të shpejtë. Para së gjithash, të gjithë ju CS50 studentët merrni Windows 8 për të lira. 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. Nate do të dërgojë një email më vonë në për udhëzime. 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, ne jemi duke shkuar për të bërë disa giveaways: një Xbox, ne mund të jetë në gjendje për të dhënë një propozoj larg, stuff like that. Pra, nëse ka ndonjë gjë që ju mban prapa, le Chris ose unë e di se si ne mund të ju ndihmojë të ndërtuar diçka të vërtetë cool. Pra, thanks again për të ardhur sot, dhe unë do t'ia dorëzojë atë për të Chris. 

Ju faleminderit, Edwin. Faleminderit, të gjithë, për t'u bashkuar me ne sot. Unë jam Chris Bowen. Unë jam një nga kolegët e Edwin këtu në Verilindje. Unë vetëm të kërkuar për të shpenzuar pak kohë me ju duke folur për si për të bërë një aplikim të Windows Store me HTML5, JavaScript, CSS dhe dhe lloj të marrë çdo pyetje që mund të keni në lidhje me të përgjigjur për ju 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. 

Kjo tha, ne do vetëm të drejtë pikiatë in Unë do të shkoj për të slides mbi këtu. Nëse ju keni ndonjë pyetje, mos ngurroni të më dërgoni një email. Unë jam cbowen@microsoft.com, dhe nuk ka blogun tim dhe Twitter ime. Megjithatë ju doni të merrni kontakt me mua, kjo është në rregull. Unë kam marrë rreth një orë e gjëra, dhe unë dua të të marrë pyetjet tuaja në gjatë rrugës, kështu që nuk do të turpërohet për të paturit pyetje gjatë kësaj. Ato nuk mund të shihni kush bërë pyetjet mbi regjistrimin, kështu që ju do të jetë aq anonim sa ju duan të jenë. 

Më lejoni të drejtë pikiatë në, vetëm të ju jap një hyrje të shpejtë në Windows 8, dhe t'ju tregojë disa nga gjërat rreth Apps Windows-Store që ju mund të konsideroni si ju jeni duke menduar në lidhje me zhvillimin e një aplikim. Ne jemi duke kërkuar në Windows 8. Ne kemi qenë për disa javë tani. Një shumë e miratimit të fortë atje tashmë. Ju mund të keni parë tashmë makinat Sipërfaqja që ne kemi si. Ka një mbi këtu në të vërtetë ju mund të hidhni një sy në qoftë se ju jeni këtu në person. Unë me të vërtetë dua të flas me ju, të ju tregojnë rreth pak në lidhje me Windows 8. Ideja me Windows 8, me të vërtetë sjell përpara të gjitha stuff ju e dini në lidhje me Windows-it në disa përvoja të reja - në veçanti, gjëra të tilla si në makinë Sipërfaqja me prekje, këto lloj më shumë pajisje të lëvizshme që janë tani në treg, por është gjithashtu e Windows në thelbin e saj. Pra, kjo do të thotë që ju mund ta instaloni atë të vërtetë në çdo gjë që shkon Windows 7, nga më të madh të trefishtë SLI lojrave vishem tuaj poshtë për laptop dhe me shkëlqim pajisjeve të reja të tjera tuaja që ju mund të vini deri sot. Ata do të kandidojë Windows 8. Unë do t'ju tregoj rreth vetëm pak, dhe të gjitha përvojat që ju do të shihni këtu janë gjëra që ju mund të krijojë. Ideja është nëse kjo është prekje, mouse, tastiere, çdo gjë që pajisja është se ju jeni duke aplikimin tuaj në, ajo do të kandidojë madh. Windows 8 do të ndihmojë me të gjitha këto skenare. 

Këto slides mënjanë, le të vetëm të marrë të drejtë në duke marrë një sy përreth këtu. Më lejoni të ju tregojnë rreth ekranit tim në shtëpi. Kjo është ekranin tim Nis. Unë vetëm do të ju jap pak e një turneu këtu. Unë jam në një makinë jo-touch, në mënyrë që sa më shumë që unë dua të prek ekranin tim laptop, ajo nuk do të bëjë një gjë, kështu që unë thjesht do të lëviz rreth këtu pak dhe të tregojë. Disa gjëra që ju mund të njoftim jeni fakti se këto çfarë janë quajtur pllaka të jetojnë në fakt mund të gjallë, dhe ata mund të japin informacion për ju - ndoshta përditësime mbi statistikat për një lojë ose t'ju tregojë lajmet nga disa nga Apps më të hershme që janë këtu në anën e majtë. Nuk shkojmë. Unë jam i sigurt se është vetëm pozitive dhe lajmeve fantastike madh. Ju mund të shihni këtu është e vërtetë e quajtur vëmendjen tuaj përsëri në app, duke thënë: "Hej, ka diçka të re këtu. Hidhni një sy. Kthehuni në dhe të shohim se çfarë është e re për ju." Kjo është quajtur tjegull jetojnë, dhe ju mund të bëni njoftime ose të drejtë nga zbatimi vetë 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 që në fakt mund të shtyjë informacion në tjegull, e cila është ajo që po ndodh me këto Apps lajmeve. Ata janë në fakt duke marrë lajme nga të resë dhe përditësimin e tjegull të drejtë atje kështu që njerëzit e dinë se ka një arsye për të hapur kërkesën dhe të marrë një sy në çfarëdo rejat e fundit është në asnjë nga këto ose në qoftë se ka recetave të reja apo një rezultat të lartë të ri për të rrahur ose duke luajtur një mik ose çdo gjë në këto aplikime. Është diçka për të ju tërheq prapa in Pra, kjo është pllaka e gjalla, dhe kjo mund të jetë një person, ajo mund të jetë një website si. Zakonisht kjo është një aplikim. 

Shumë e shumë të gjitha këto gjëra që kam këtu ardhur nga Windows Store. Unë do të nisë këtë. Kjo është një nga aplikimet që ju merrni nga default në çdo makinë që është running Windows 8. Ju mund të vijnë këtu për të gjetur ndonjë gjë që ju do të dëshironi, nga gjërat që janë të theksuara për të lojrave që unë nuk kam parë më parë. Oh, wow, ne kemi marrë një Pinball ri këtu. Ju mund të instaloni këto të drejtë këtu nga dyqani, dhe ne do të flasim rreth asaj se si për të zhvilluar këto. Ju keni shumë zgjedhje në mënyrën se si keni krijuar ato. Ne do të përqëndrohet në në histori JavaScript me HTML dhe CSS, por për të përdoruesit, për blerësin e app, kjo nuk ka rëndësi se çfarë ishte shkruar in Ata mund të shkojnë përpara dhe të punojnë me të. Unë jam i intriguar nga ky, kështu që kam nevojë për të hapur këtë ide dhe të marrë një sy. Çdo app, duke përfshirë edhe ato që ju mund të paraqesë dhe të shesë ose të dhuroj falas, çdo gjë që ju doni të bëni në dyqan, do të merrni një faqe në shtëpi si kjo. Ju mund të paraqisni aplikimin tuaj me një bandë të shtëna me ekran - ju shihni disa këtu - Detajet rreth aplikimit, dhe me kalimin e kohës ju do të grumbulluar të dy ratings - ata janë në thelb vetëm rating yll - dhe komente, të cilat ofrojnë pak më shumë njohuri. Në fakt, dikush duhet të shkruani diçka dhe të ju tregojnë se si i tmerrshëm je, dhe që do të shkojnë në seksionin tuaj Shqyrtime gjatë këtu, të cilat unë nuk kam shikuar. Sporte. "Nuk do të edhe të hapur." Sa e madhe. 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] Mbajeni këtë në mendje. Internet. Çdokush mund të thonë çfarë të duan në lidhje me aplikimin tuaj. Pra, sigurohuni që ju jeni duke bërë një punë të madhe me të, sigurohuni që ju jeni duke e bërë atë sa më të rehatshme për përdoruesit si ju mund të sepse ata janë një çift i klikimeve larg nga dhënia e një përmbledhje, dhe që do të grumbulluar deri në vlerësimin tuaj të përgjithshëm të shqyrtimit. 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. Nuk do të jetë e mijëra Apps tashmë në dyqan, dhe shanset janë, nuk mund të jetë diçka që ka funksionalitet të ngjashëm me atë që jeni duke bërë. Pra, nëse ju mund të vërtetë të dal nga turma, që do të jetë në avantazhin tuaj, natyrisht. 

Ne do të merrni në dyqan pak më vonë. Unë me të vërtetë dua të përqëndrohet në krijimin e Apps. Por versionin e dyqan është shpërndarja në mbarë botën, kjo është automatikisht pjesë e Windows 8, njerëzit vetëm zjarri atë dhe të marrë një sy në Apps të ndryshme këtu, ju keni Sticker Librin e Dress-Up dhe të gjitha llojet e Apps të ndryshme. Fresh Paint, ta përdor këtë shumë - të dobët, por ta përdor atë shumë. Është treguar mua unë tashmë vetë atë. Më lejoni t'ju tregoj diçka që unë nuk e kanë - UVideos Unë nuk kam si krejt të re. Ju shihni këtu është e lirë, kështu që ju mund ta instaloni atë të drejtë nga dyqani. Ju keni zgjedhje shumë. Ju mund sigurisht të japin atë larg. Ju mund të vënë reklama në app ose lojë. Ju gjithashtu mund të ngarkuar për të, dhe ju mund shumë lehtë të japë një gjykim për aplikimin si dhe kështu që ju mund të le folks provoni atë për një javë ose çdo gjë që ju doni të bëni. Kjo është vetëm i përshtatshëm nëpërmjet portalit. Ju nuk shkruani asnjë kod për këtë. Pra, ju thoni, "Ju mund të përdorni këtë për një javë dhe pastaj ju keni marrë për të blerë atë," ose ju mund të bëni gjëra të tilla si, "Ju mund të luajnë 3 nivelet e para të kësaj loje "Dhe pastaj ju keni marrë për të blerë për të hyrë në pjesën tjetër." Ju mund edhe të bëjë në-app blerjet si edhe, kështu që ju mund të them, "Ne kemi marrë aventurat shtesë apo grup grafikë apo gjëra që janë të hapur - "Më shumë recetave që janë të hapur -. Në qoftë se e keni blerë këto grupe të zgjeruara" Dhe ju mund të bëni që të gjitha brenda app ose vetë lojës. Pra, krejtësisht e deri te ju, zgjedhja juaj. Ka shumë gjëra që mund të bëni në dyqan, dhe pastaj në thelb ju jeni dërgojë atë në një kanal certifikimit. Ne mund të flasim të gjithë për atë pak më vonë, por ky është qëllimi. Ju doni të merrni app praninë tuaj në mbarë botën në dyqan këtu. 

Përsëri në ekran të filloni këtu, unë do të doja të ju tregojnë rreth pak më shumë. Nëse unë të nisur këto aplikacione, më lejoni t'ju jap një shembull të disa funksionalitete ndër-app këtu. Për ta bërë këtë, unë do të fillojë Fresh Paint. Një gjë që ju do të shihni këtu është çdo pak i vetëm të ekranit, të gjitha piksele e ekranit, të shkojnë në app tuaj. Gone janë ditët ku ju kanë këto kufij rreth dritareve me shumë të butonat që janë gjithmonë aty duke marrë hapësirë ​​të gjithë kohën. Tani ju me të vërtetë doni të merrni larg nga ajo dhe vetëm duhet përmbajtjen tuaj të jetë në qendër. Ne mund të bëjë gjëra me Windows duke hyrë në lloje të tjera të menutë. Një prej tyre është në të vërtetë atë që quhet charms bar, dhe del nga anë të ekranit. Ju në fakt mund të lëvizje e lehtë nga ana e në qoftë se ju keni një ekran me prekje, ju mund të drejtë të klikoni në qoftë se ju keni një mouse, ka një shkurtore tastiere për të, ka gjithmonë më shumë se një mënyrë për të bërë diçka në mjedisin këtu. Kjo sjell një numër të gjërave që mund të bëni. Më i dukshëm është se ju mund të shkoni përsëri në ekran Start, por 4 të tjera janë ato që janë quajtur charms. Ata janë kontrata që ju mund të prizë në si një zhvillues app. Ata janë pretty cool. Kërko, unë jam i sigurt se kjo është diçka që ju jeni do të bëni, ndarjen e Unë do të ju tregojnë në një të dytë, dhe Pajisjet dhe Settings, këto janë të gjitha gjëra që app tuaj mund të prizë në të levave Windows, për të thënë, "Unë e kam bërë pjesën time "Dhe unë dua të Windows për të mbështetur disa funksionalitetin tjetër, "Dhe unë nuk dua të shkruaj një shumë të kodit për të bërë që të ndodhë." Kjo është me të vërtetë një përfitim i përdorur këto tipare. Më lejoni t'ju tregoj një të tillë. Për ta bërë këtë, unë do të bëjë një pikturë të re. Unë gjithashtu foli për përdorimin e çdo piksel për app tuaj. By default, kjo është ajo që app paint duket si kur ju jeni duke e përdorur atë. Është me të vërtetë vetëm për çdo gjë që ju jeni duke tërhequr, përmbajtja juaj. Unë mund të bëjë gjëra të tmerrshme këtu. Çfarë duhet të tërheqë? Nuk e di. Scribbles? Oh, e madhe. Unë mund të bëj scribbles. Sporte. Një turqi? [Qesh] Kjo është gjeldeti më abstrakt ju do të shihni. Unë gjithashtu mund të sjellë atë që quhet app bar, dhe kjo është me të vërtetë një nga mënyrat kryesore që ju mund të përdorni për të fshehur larg të gjitha gjëra që mund të ketë qenë në app tuaj ose lojë para vetëm duke marrë deri hapësirë ​​të gjithë kohën. 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 me bar app që unë kam parë. Vendos zgjedhjet këtu për zgjedhjen e ngjyra të ndryshme. 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. Ne do të marrë një ngjyrë të ndërmjetëm këtu dhe pastaj të kthehet këtu. Ju mund të filloni duke tërhequr. Ka turqi tuaj. Sporte. 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ë. Kjo është awesome. Ideja, edhe pse, është çdo gjë që më intereson është të drejtë këtu në sipërfaqe. Le të thonë se unë jam aq i kënaqur me këtë që unë kam marrë për të ndarë atë me dikë. Normalisht se çfarë do të bëjë me versionet e tjera të Windows-it, ju ndoshta do të merrni një e shtënë ekran, ju do të bëni disa kopje-paste e tekstit tuaj apo gjëra të tilla që ju dëshironi për të ndarë jashtë, dhe pastaj shkoni dhe të hapë një tjetër kërkesë dhe e vënë atë në të. Këtu ju nuk keni për të bërë këtë. Ju në fakt mund të sjellë nga charms bar dhe thotë: "Unë dua të ndaj këtë." Në këtë pikë është e do të ju tregojnë të gjitha Apps që e di se si të punojnë me çdo gjë që është duke u ndarë. 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." "A doni të ndajnë atë?" Ju mund të shihni unë veten time email sende gjithë kohës. Ajo pranon se, dhe është duke ofruar mua se si një shkurtore, por është gjithashtu tregon mua çdo komponent që e di se si të merren me marrjen e një fotografi dhe duke bërë diçka me të. Këto të gjitha kanë treguar për Windows që ata mund ta bëjë këtë. Në këtë pikë kjo është Windows. Shfrytëzuesi zgjedh vetëm atë që ata duan të bëjnë me të. 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. Unë do të marrë PuzzleTouch dhe thotë: "Unë dua të ndaj këtë krijim të mahnitshme me PuzzleTouch." Ajo do të shkoni përpara dhe të thonë, "Great. Ju dëshironi që të ndajnë këtë? Sporte." "A doni të bëni një mister që është e lehtë, i ndërmjetëm, çdo gjë?" Unë do të bëjë një e ndërmjetme këtu. Kjo e bën mister. Ajo do të jetë një mister i tmerrshëm, sepse kjo është më së shumti bosh. Por është e gatshme, dhe në fakt është kthyer në aplikacion tjetër. Nëse unë vij këtu, unë mund të kërkoni për të dhe të nisë atë. Tani në qoftë se ne të lëvizni mbi vetëm pak pak këtu, ne duhet të shohim krijimin tim diku. Ku të shkoj? Çfarë lloj të enigmës nuk kam bërë? A e kam bërë të lehtë? Oh, ja ku është, e drejtë atje. [Chuckles] Është mister të lehtë të njihet turqi kjo është këtu. Por gjëja që unë dua të theksoj për ju, gjëja e ftohtë këtu po Apps nuk e di asgjë për njëri-tjetrin. Ata vetëm thanë, "Unë kam marrë një foto për të ndarë, dhe unë e di se si të merren me fotot." Dhe ju si një zhvillues, ju nuk keni për të shkruar atë kod. 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 dhe unë jam bërë. App tjetër merr përsipër, bën gjë e saj, dhe kjo është fundi i përvojës ndarjen. Kjo është vetëm një gjë që ju mund të bëni - të vërtetë, të vërtetë e të fuqishme - dhe ajo do të jetë një nga ato gjëra që mund të ndihmojë me të vërtetë dallojnë app tuaj dhe gjithashtu loja juaj shumë në dyqan. Njerëzit do të jenë në gjendje për të thënë, "Kjo është me të vërtetë e dobishme." "Unë e përdorin këtë Creator Lojrat Puzzle gjithë kohës. Kjo është fantastike." 

Kjo është lidhje e mjaftueshme për një pasqyrë të shkurtër të asaj që po ndodh këtu. Ka disa karakteristika të tjera edhe se ndoshta ne do të nxjerrë në pah si të shkojmë me anë të kodit. 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, e cila në vetvete është një tjetër tjegull jetojnë këtu. Unë mund të shkoni në këtë dhe, pa dyshim, unë jam në slides tim, por më lejoni të ju tregojnë se në të vërtetë ku jemi. Ne jemi të vërtetë në mënyrë Desktop. 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 për përvoja të reja tregon vetë. Kjo është Windows-ju e dini. Windows aplikacionet janë quajtur Apps desktop. Ata të drejtuar këtu. Nëse ju keni ekzistuese Apps dhe ju doni të drejtuar ata në Windows 8, ju mund të bëni atë absolutisht. Këto nuk janë të njëjtat gjëra si Apps dyqan, të cilat janë mbi këtu, si Paint freskët dhe këto Apps NBC News dhe gjëra të tilla si se. Ata do të vijnë nga dyqani. Ata mund të prizë në disa nga tiparet që unë u treguar ju dhe të tjerët se unë nuk e kam treguar ju vetëm ende. Por, vetëm i mbajnë në mend. Ne kemi mbështetje për të dyja këto gjëra si. Më vjen keq. A është diçka që nuk tregon në ekran? Unë e kam humbur atë plotësisht. Kjo është e çuditshme. Mirë. Faleminderit për duke theksuar se nga. Çfarë ju nuk keni qenë duke parë për një kohë është e mia ju tregon se desktop është këtu. Cila është gjëja e fundit që keni parë? A e shihni këtë? Kjo është desktop. Ju tashmë e dini se çfarë do të duket si. Nuk është asgjë e pazakontë tmerrësisht. Është mbante tonë se përvoja përpara për ju dhe duke ju përdorni gjërat që ju keni pasur. Për shembull, unë do të jetë duke ju shfaqur Visual Studio. Kjo është një aplikim desktop. Ajo do të kandidojë në këtë mënyrë. Ajo do të mbështesë një mjedis më të ndërlikuar 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. 

Kjo tha, le të shkojnë në slides për vetëm pak dhe ju jap disa përmbajtje hyrës dhe pastaj të merrni në të vërtetë coding këtu. 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. Të gjitha ato gjëra që ju keni qenë të mësuar të mbajnë direkt në marrjen e Windows Store Apps. Gjërat që ju keni qenë të dëgjuar në lidhje me aplikimin selectors CSS dhe të gjitha ato gjëra është pikërisht ajo që ju bëni për të krijuar një kërkesë këtu për të dyqan. Ne do të kalojnë nëpër këto gjëra pak e nga pak. Në thelb, unë jam duke ndërtuar mbi gjëra që ju tashmë keni marrë kohë për të mësuar. Kjo është tabelë e përgjithshme e teknologjive që ju mund të përdorni për të bërë aplikacione për Windows 8. Stuff në të djathtë, Apps desktop, është me të vërtetë ajo që ne tashmë e dimë. Kjo është sende që është me të vërtetë bota Windows 7 bartura në Windows 8. Të gjitha këto opsione kryer përpara: C #, VB, lloj Win32 i zhvillimit. Great. Nuk ka problem. Gjëra të reja është në anën e majtë të dorës. Kjo është e Windows Store Apps, kjo është kur unë dua të të marrë kërkesa ime Wired në Windows 8 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ë e aplikacioneve të Windows Store. Për ta bërë këtë, ju mund të shihni këtu ju keni marrë të gjitha zgjedhjet tuaja me XAML, C + +, C #, VB, ju mund të bëni DirectX, gjëra të tilla si kjo, gjëra që shkojnë përtej rrëshqitje. Por për ne, ne do të përqëndrohet në të drejtë në faktin se HTML, CSS, dhe JavaScript janë me të vërtetë një qytetar në klasë të parë për të bërë aplikime për Windows 8 dhe për Windows Store. Pra, kjo është e mirë për të gjithë këtu dhe folks shikuar në video sepse vetëm ju mund të levave të gjitha ato përvoja që keni dhe me të vërtetë do ta lidhë në atë që ofron Windows-. Ju do të jeni për të bërë këtë përmes një sërë TV, e cila duhet të jetë befasi. Çdo OS ka TV e veta. Ne të vë në dukje atë që e Windows mund të bëni me atë që quhet WinRT. Është një grup i TV që vetëm bën çdo gjë për ju. Nëse keni nevojë për të hapur dosjet, duhet të përdorë kamera, geolocation, gjëra të tilla si kjo, ata të shkojnë nëpër atë të Windows mund të ofrojë për ju. Për të hyrë në këtë, ne kemi disa JavaScript më shumë që do të bëjë akoma më të lehtë për ju për të bërë këtë. Ne do të shkoj në se në një moment. Por tani për tani, kjo është në thelb hartën tuaj rrugore. Gjërat që ju keni qenë tashmë e bërë në krye të disa TV që të ju ndihmojë të punojnë me Windows është e barabartë me dyqan app. Dhe kjo është e vërtetë në lidhje me të gjithë ju duhet të dini nga niveli i lartë. 

Ne do të pikiatë në të vërtetë duke punuar me sende tani. Gjërat që ju ndoshta keni parë tashmë një bandë e, me IE9 edhe pak mbrapa ne kemi prezantuar mbështetje për shumë, në atë kohë, Standardet më të reja në Web, kështu që shumë tipare të reja CSS, një shumë e re HTML, ECMAScript 5, e cila është me të vërtetë JavaScript. Pra, çdo gjë për atë përveç për regjimin e rreptë ishte në IE9. Vetëm një ton të gjëra me CSS, CSS3, të gjitha në atje. Dhe të gjitha këto gjëra mbart përpara në atë që ne jemi duke bërë me Windows 8. Ju mund të përdorni këto gjëra, dhe ju mund të përdorni çdo gjë që është e re në IE10. Me IE10 ne futjen e mbështetje për të gjitha këto gjëra si. Ata janë të gjithë hardware-përshpejtuar, kështu që nëse ju jeni në një makinë që ka një lloj GPU, e cila është ndoshta shumë e shumë çdo makinë që ju mund të merrni në 8 vitet e fundit, ju jeni do të jetë në gjendje të ketë dalje hardware-përshpejtuar, Prodhimi vizuale me CSS, Canvas, SVG. Të gjitha këto gjëra do të shkojnë përmes përshpejtimin hardware dhe të jetë se shumë më të shpejtë dhe më efikase. Versionin e gjithë kësaj - Nuk jam duke shkuar për të shkuar nëpër çdo gjë të vetme këtu - nëse ju shohin atë në këtë listë, në qoftë se ju mund ta bëjë këtë në IE10, në qoftë se kjo është një app web që ju jeni drejtimin që punon në IE10, kjo është diçka që ju mund të bëni si një app të Windows Store. 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. Kjo është në tryezë si diçka që ju mund të përdorni. 

Ka shumë këtu. Ne nuk kemi deri në mesnatë, kështu që unë nuk mund të shqyrtojë çdo gjë këtu. Por ka disa vende që do t'ju ndihmojë të kuptoni se çfarë këto gjëra mund të bëjë, dhe unë do t'ju tregoj një prej tyre në një të dytë. Unë vetëm të kërkuar për të nxjerr në pah disa nga gjërat kryesore që ju mund të shikoni në. Ndoshta ju keni parë tashmë disa nga këto në studimet tuaja, por këto janë me të vërtetë të dobishme, në mënyrë të veçantë me të Windows Store Apps, nga ana CSS. Pra, duke qenë në gjendje të bëjë transformon dhe të tranzicionit, të sigurojë lëvizje me animacion - këto janë të gjitha pjesë e CSS tani, dhe ata janë të gjithë të mbështetur nga shfletuesit modern, dhe IE10 dhe IE9 kanë shtuar mbështetjen në kohë për të gjitha këto gjëra. 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ë kur ju mund të përdorni një të thjeshtë CSS transformuar për të krijuar një efekt 3D për aplikimin tuaj? Great. Kjo është se si funksionon. Unë nuk mund të bëjë ndonjë më e vështirë se kaq. 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. 

Duke shkuar përtej kësaj për paraqitjen, gjëra të tilla si edhe dyqan app, por duke shkuar përtej kësaj, duke kërkuar në ndoshta një app për shtyp që e tregon ju artikuj ose recetave apo gjëra të tilla, këto lloje të tjera të karakteristika në CSS janë me të vërtetë të dobishme: Grid, Flexbox, CSS Rajonet është më shumë një standardi mjaft të ri si. 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, të jetë në gjendje të bëjë pagination dhe hyphenation pa ju pasur nevojë të shkruani stuff veten. Ju vetëm të thonë, "Ju lutem nuk e mëposhtme për mua," dhe si e pasurive të patundshme ekran është e ndryshme në makina të ndryshme ose si ju do të shihni në një moment, si ju kap një aplikim që të ketë sasi të vogël të hapësirës në ekran, kjo është problem për CSS. Ajo mund të përfitojnë nga - we'll flasin rreth pyetjeve të medias në një të dytë - ajo mund të kujdeset për gjërat me ripozicionimin përmbajtjen tuaj, rrjedhin përmbajtje nga rajonet vetëm me këto gjëra që ju mund të keni parë tashmë me teknologjinë e internetit. 

Në anën HTML5, ka edhe një bandë e gjëra që do të jetë shumë e dobishme për ju me të Windows Store Apps. Përsëri, ne nuk do të kalojnë nëpër të gjitha këto, por ata janë vetëm këtu. Pra, nëse ju duhet të përdorni atë, audio-video, në qoftë se ju doni të bëni validation nga forma, Geolocation, të gjitha gjërat që ju mund të bëni në JavaScript me JavaScript 5 ose ECMAScript 5, IndexedDB për ruajtje lokale - të gjitha këto janë opsione për ju. Nëse jeni duke kërkuar për një përgjigje, vetëm shikoni për të teknologjive ekzistuese me HTML5 dhe CSS dhe ju do të gjeni përgjigjet më të lehtë se sa që ka për të rrokulliset një shumë të që stuff veten. Më lejoni të ju tregojnë rreth një grimë të vogël këtu. Unë kam marrë një faqe që ne mund të shkojnë për të. Më lejoni të lë jashtë kësaj rrëshqitje për një të dytë. 

Nëse do të dalë në IETestDrive.com, Unë nuk do të bëjë shumë për një demo këtu. IETestDrive.com është me të vërtetë ju tregon një shumë të ç'ka të re me IE10, gjërat që ju mund të bëni. 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, shikoni në një popull pak, dhe kjo do të ju ndihmojë të vënë atë në vetë radar tuaj personal nëse një teknologji ka kuptim për të bërë edhe ndonjë hulumtim më shumë me kështu që ju do të kuptoni, "Unë shoh atë që kjo është për." "Unë e kuptoj se çfarë e bën Animacion Kërkesë Kornizë për mua." "Unë e kuptoj se si unë mund të përdorni Rajonet ose filtra SVG." Ju shikoni ato në veprim, shikoni ato në një shembull këtu, dhe të vendosë për veten tuaj nëse kjo do të jetë e dobishme për ju në projektet tuaja dhe më gjerë si ju të vazhdojë të punojë me teknologjinë e internetit. Këtu unë do të vetëm të ju inkurajojmë që të marrë një sy. Unë nuk mendoj se unë do të kalojnë shumë kohë në fakt running këto. Ne kemi marrë të mjaftueshme për të treguar me kodin shkrim. Ju do të shihni këtu gjërat nga efektet prekje në lojërat me prekje të bazuar në atë seksion, animacion, të vërtetë të shpejtë hardware-përshpejtuar animacion atje, disa optimizations që ju do të shihni në disa nga këto mostra, si dhe, dhe nuk ka shumë, shumë më tepër. Nëse ju shkoni mbi këtu dhe të hapur deri në hartë vend, ka vetëm një numër i mostrave qesharake këtu. Ju mund të shihni të gjithë këtu. Nëse jeni duke kërkuar në diçka ose keni dëgjuar për diçka dhe ju jeni të pyesin se ndoshta kjo do të ishte diçka e ftohtë për të përdorur në app, 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ë. 

Mirë? Çdo pyetje deri më tani për folks këtu? Mirë. Ne do të vazhdoj këtu. Përsëri, vetëm shikoni se nga. Ata janë standardet web, kështu që të shkojnë në çdo faqe të tjera të shfaqë që ju e dini të 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ë. 

Prapa në slides. Kjo tha, ju jeni duke lëvizur nga një botë Web në të vërtetë një botë të instaluar aplikimit lokal, kështu që ka disa gjëra për të vënë në dukje këtu. Para së gjithash, nuk ka web server të përfshirë këtu. Nuk ka Apache, nuk ka IIS drejtimin këtu duke shërbyer deri faqet për një klient të largët, në një agjent të largët shfletuesit. Në këtë rast, me të vërtetë çdo gjë është e paketuar për ju. Ju parashtrojnë se si aplikimin tuaj në dyqan, ajo merr certifikuar, kjo është në dyqan, dhe atëherë njerëzit nga e mijëra do të instalojë lojë tuaj ose app tuaj. Por në thelb, ata janë duke tërhequr atë në vend të makinës së tyre. 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, dhe kjo është krejtësisht normale, si dhe shumë. Por ata nuk do të jetë në atë mënyrë ku ata duhet të shkojnë përgjigje kërkesë nga një server për të marrë faqen tjetër e përmbajtjes së tyre. Kështu që tha, ka disa dallime të vogla API. Këto janë tepër të vogla. Ata janë të ngjarë të ju goditi në kodim tuaj normale, por ata janë të paktën të dokumentuara. Ata janë lloj edge rasteve atje. 

Gjë tjetër i rëndësishëm të theksohet është diferenca e besimit. Unë vetëm përmend këtë, sepse unë vetëm dua të sigurohemi që unë tha se 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ë, "Kështu që ndoshta, po, në rregull", dhe pastaj ju shkoni mbrapa dhe ju të gjeni se çfarë ishte. Kontekste rëndësi. By default ne përpiqemi për të mbrojtur përdoruesit nga vektorët e sulmit. Ka disa gjëra që ju mund të bëni nga default dhe disa gjëra që ju duhet për të ndryshuar kontekstin për të mundësuar. Si ju jeni duke përdorur disa biblioteka atje - you've tashmë është duke punuar me jQuery, por në qoftë se ju shikoni për bibliotekat e tjera atje - ju mund të jeni duke përdorur disa funksionalitetit kjo lloj shkon përtej përdorimit lokal, ka ndërveprime më dinamike Kërkesat XHR, gjëra të tilla si se. Ndonjëherë ju mund të gjeni ata që do të çaktivizohen nga default, dhe në këtë rast, vetëm bëj një kërkim, shikoni për kontekstin lokal dhe të internetit, dhe ju do të gjeni se si të rregullojmë se. Vetëm sigurohuni që ju e dinte në lidhje me se si ju filloni të përdorni kornizat e tjera, të cilat, unë duhet të përmend, ju jeni të përkryer në gjendje të bëjë. Pra, nëse ju të gjeni një kuadër tjetër - të flasim we'll lidhje me këtë në një të dytë - për të lojrave dhe ju doni të përdorni atë, ju doni të përdorni disa biblioteka të kontrollit që janë atje dhe ju nuk doni të shkruani stuff veten - kjo është një ide e mirë, e drejtë? - ju mund të përdorni absolutisht këtë stuff. Nuk ka asgjë të ju mban prapa nga përdorimi i çdo lloj të bibliotekës që është bazuar në JavaScript, CSS, HTML5. 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ë, ju mund ta bëjë këtë. Tërhiqe atë në app tuaj, referencë që bibliotekë JavaScript, dhe e përdorin atë në aplikimin tuaj, vetëm duke pasur parasysh që ju mund të goditur një kontekst të sigurisë herë në një kohë - jo shumë shpesh. 

Dhe pastaj tiparet, ne do të shkoj për disa më shumë nga ata si të shkojmë. UX ju do lloj të mësohen për të si ju të parë më shumë dhe më shumë aplikime nga Windows Store. 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 të gjithë aplikimeve të ndryshme dhe çfarë njerëzit do të përdoret për të përjetuar. Kjo është me të vërtetë pjesë e rëndësishme. Sigurohuni që kur të zjarrit deri app tuaj ata nuk kanë nevojë për të lexuar një manual, të cilat ata kurrë nuk e bëjnë, nga rruga. Ata duhet vetëm të jenë në gjendje të fillojnë të luajnë me kërkesën tuaj dhe figuring it out pa shumë vështirësi. Duke i qëndruar besnik dhe respektimi në një shumë prej këtyre praktikave, ju jeni do të bëjë përdoruesit tuaj një favor i madh, duke e bërë atë më të lehtë. 

Mirë. Një gjë e fundit në anën API dhe pastaj ne do të merrni në të vërtetë shkruar kodin. WinJS është ajo gjë e kam përmendur shumë shkurt me atë rrëshqitje komplekse me të gjitha ato zgjedhje të ndryshme që ju keni për të bërë aplikimet. WinJS, ju mund të mendoni për atë si një mik. Është e mikut tuaj për t'ju ndihmuar të shkruani gjëra më shpejt. Është vetëm JavaScript dhe CSS. Ju nuk duhet të përdorin atë. Ju mund të përdorni atë. 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ë, 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, ju doni të përdorni diçka tjetër, që është e deri tek ju. Vendosni se çfarë ju dëshironi të përdorni dhe stilet që ju doni të përdorni. Karakteristika nga namespacing dhe klasit brez - deri te ju. Nëse preferoni një ose tjetër, është krejtësisht zgjedhja juaj. Është ende JavaScript dhe CSS. Por ajo do të ndihmojë të bëni shumë gjëra. Për shembull, këtu është një mesin e asaj që mund të bëjë, gjëra të tilla si duke ndihmuar programimit asinkron me premtime. Ndonjë nga ju dëgjuar ose ka punuar me Node.js? Është një model të përbashkët për të punuar me të programimit asinkron. Pra, në thelb ajo që ju jeni duke thënë është, "Shko të bëjë diçka, "Dhe ju jeni do të më jepni një premtim që ju do të kthehen tek unë, kur ju jeni bërë." Kjo është në thelb ajo që po ndodh. Pra, ju nuk ngrijë deri kërkesën tuaj, ndërsa përdoruesi është duke shkuar dhe zgjedhjen e një skedar ose diçka është duke u Transmetuar poshtë nga Web. UI mbetet të përgjegjshëm. Dhe ju mund të bëni atë duke përdorur programimit asinkron. Kjo tingëllon qesharake të ndërlikuar, por është e vërtetë e lehtë për shkak se ju jeni duke përdorur premtime dhe ju vetëm thonë: "Shkoni dhe bëni këtë kur ju jeni bërë, marr në telefon në këtë metodë." Kjo është shumë e shumë atë. Kjo është e gjitha e ndërtuar në të WinJS. Ajo do të bëjë atë një shumë më e lehtë për të shkruar aplikacione të vërtetë fleksibile dhe të fuqishme. 

Ju mund të shihni pjesën tjetër këtu, shumë animacione. Ndoshta një nga gjërat më të rëndësishme në këtë rrëshqitje kontrolle. Unë mendoj se kam një tërësi - po, unë bëj. Ja një shembull i vetëm disa nga kontrollet që ju mund ta përdorni në të gjitha kërkesat tuaja. Kjo është e gjitha drejt deri nga WinJS. Ju nuk janë shkruar këto veten tuaj, ju them vetëm, "Ja se si unë dua të shkruaj kërkesën time." "Unë do të përdorin një pamje të rrokullisje kështu që unë mund të shkoj në mes të fotove të ndryshme." Unë nuk kam treguar ju Semantic Zoom. Unë do të ju tregojnë se në një të dytë. ListViews. Ka GridViews. Ju keni parë tashmë një rrjet si pjesë e aplikimit dyqan, kështu që janë në gjendje të përdorin blloqe të përmbajtjes dhe scrolling në të gjithë këtë. Menutë Flyout ju do të shihni nga koha në kohë. App bar unë ju tregoi me se aplikimit Fresh Paint, si dhe, kështu që ju pa se si ju mund të rregulloje atë duke vënë butonat në të dhe të kesh se fshehur larg kur ju nuk bëni kujdes për të përdorur atë. Kjo është me të vërtetë krejtësisht e deri te ju për të përdorur. Këto janë të gjitha kontrollet që janë pjesë e WinJS. 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, dhe gjëja kryesore është që të përdorin ato në qoftë se ju doni, ruani disa kohë. 

Nëse keni bibliotekat e tjera të kontrollit që ju dëshironi të përdorni, kjo është përsosmërisht mirë shumë. Gjëra të tilla si jQuery UI bëni shumë këtë lloj ideje, si dhe, siguruar më shumë kontrolle që shtrihen atë që ju mund të bëni në HTML dhe JavaScript. Le të zhyten in unë e kam thënë tashmë se. Përdorni atë që ju dëshironi. Vetëm mbani në mend se ju mund të kandidojë në disa çështje të kontekstit. Por ju me siguri mund të përzierje dhe ndeshje çfarëdo lloj bibliotekave ju jeni të kënaqur me të, doni të mësoni, ju dëshironi të përdorni, për të shpëtuar veten disa kohë. 

Le të flasim për mjete vetëm për një të dytë. Ju mund të merrni atë që ju duhet për të filluar punën me të Windows Store Apps. Nëse unë shkoj përsëri jashtë, unë kam shumë gjëra deri këtu. Nëse ju shkoni në këtë faqe, që është dev.windows.com, ju mund të shkarkoni çdo gjë që ju nevojitet. Si studentë, ju keni qasje në më shumë se publiku i gjerë e bën, kështu që ju mund të merrni versionet më të larta në fund të Visual Studio. Edwin përmendur tashmë ju mund të merrni të Windows si. Por në përgjithësi, për të gjithë zhvilluesit, ju mund të shkoni në këtë faqe dhe shkarko gjithçka që ju nevojitet për të bërë një aplikim, dhe kjo është e gjitha falas. Pra, ka një version falas të Visual Studio, ka disa mjete që do të instalojë së bashku me të se - gjithçka që ju duhet për të krijuar dhe testuar aplikimin tuaj. Është vetëm kur ju jeni do të publikojë kërkesën tuaj deri në dyqan se ju jeni do të duhet një llogari zhvilluesish. Edhe kjo besoj është i lirë. A është e lirë për studentët, si dhe? >> [Guarin] Cili? Llogaria zhvilluesi, paraqitja aktuale. >> [Guarin] Po. Kjo është më shumë një lajm i mirë. Ju do të shkoni të shikoni në këtë. Ajo do të thonë për një individ si parazgjedhje kjo është $ 49. Por nuk do të nënshkruajë për atë si një student. Ne do të merrni ju disa të dhëna nëpërmjet programeve tuaja që ju mund të merrni një llogari falas, dhe që do të ju lejojnë atëherë të dorëzojnë formularët e drejtë deri në dyqan, sa më shumë që ju pëlqen, dhe të gjithë që mirësisë së shpejti do të pasojnë. Pra, kjo është dev.windows.com. Ju mund të shkarkoni mjetet që ju mund të kenë nevojë nga këtu. Dhe në qoftë se ju dëshironi, ju mund të merrni një version gjyqin e Windows-it këtu, por përsëri, ju nuk do të duhet të. 

Vend tjetër - më lejoni të theksoj këtë jashtë për ju shpejt - është design.windows.com. Kjo ishte dev.windows.com. Design.windows.com, ju mund të me mend se çfarë do të thotë për të. Është në fakt një vend mjaft miqësore. Ka shumë e informacionit të mirë këtu. Ju mund të punoni me të. Ajo do të ju japin disa këshilla për disa gjëra se ndoshta ju nuk e keni menduar për para ose kishte për t'u marrë me të para, si projektim për kontakt, projektim për faktorë të ndryshëm formë, projektim për aftësitë e Windows 8, gjërat e përmenda më parë si kërkim dhe ndarjen, disa gjëra që unë nuk kam biseduar rreth ende. Ata janë të gjithë listuar këtu, dhe kjo është një grup mjaft të mirë e faqeve të dobishme fotografi që do t'ju ndihmojë të kuptoni se si për të bërë një lloj të caktuar të aplikimit, se si të bëjë ndërveprim, si të merren me UI dhe UX e aplikimit tuaj. Unë do të rekomandojë që ju të marrë një sy në këtë, veçanërisht nëse ju jeni në një pikë duke shpresuar për të publikuar një kërkesë në dyqan. Ju jeni do të duan të dinë se si për të bërë një aplikim të mirë sepse e përmenda më parë në qoftë se ju nuk e bëni, nuk ka ato komente përsëri. Njerëzit do të jenë të pakënaqur. Ata nuk do të jetë në gjendje për të gjetur gjërat që ata presin në vendet e drejtë. Askush nuk dëshiron që kjo të ndodhë me ju. 

Duke shkuar përpara këtu, më lejoni të ngushtë që poshtë. 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. Për të filluar, unë vërtetë do të ju tregojnë se këtu një shembull të Apps desktop në ekran e mia Start. Këtu ju mund të shihni Visual Studio, ju mund të shihni Blend dhe mjete të tjera developer që kam. Ata kanë një tjegull pak më të ndryshme. Kjo për shkak se ata janë Apps desktop, dhe në ato raste ata janë të gjithë do të nisë përsëri në tavolinën e punës time me të vërtetë ashtu si Apps që ju jeni duke përdorur për të. Pra Përvoja Windows, është e njëjta gjë. Ata nuk janë, për shembull, si Forcave të Armatosura! ose këto gjëra. Më lejoni të nisur një të tillë shpejt. Në fakt, këtu është një e interesante. Ky është zhvilluar nga studentët që punojnë në partneritet në NERD. Aplikimit ekran të plotë, këto lloje të përvojave këtu. Oh, ekranet e bukur prerë dhe të gjitha llojet e fun stuff. Ata kanë zhvilluar këtë. Ne mund edhe të tregojë të gjithë gjë, ndërsa ne jemi në të. Në fakt, kam punuar me ta pak, u dha atyre disa këshilla se gjërat sepse ata ishin duke bërë JavaScript për aplikimin e tyre. Ju lutem, unë nuk jam duke marrë kredi për punën e tyre, ata e kryen tërë punën. Unë vetëm u dha atyre pak e këshilla këtu dhe atje, por ata kanë disa sende të madhe duke përdorur një fund para JavaScript dhe i lidhur në disa motorët e fizikës dhe gjëra për të bërë një shumë të kësaj pune. Go. Le të shohim nëse që punon. Wow, ajo ende ka punuar. Në rregull, mirë. Por ju merrni ide. Një app ekran të plotë, një përvojë të vërtetë të mirë. 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. Po të kisha një ekran me prekje, unë mund të tërheqë vetëm mbi atë dhe të vazhdojnë të punojnë me këtë. 

Një gjë nuk e kam treguar, dhe arsyeja pse unë jam duke e çuar këtë ide i kam kërkuar që të ketë një tjetër app për të treguar se çfarë mund të bëni, në të vërtetë ju mund të marrë aplikacione në Windows dhe terhiq e tyre në anë të ekranit. Kjo quhet snapping një aplikim. Në këtë rast, unë kam marrë Inkarus dhe unë kam shtuar atë në anën këtu. Ajo tani është në funksion Snap, dhe që lejon të bëj diçka tjetër, ndërsa që aplikimi është atje. Shumica e lojrave ju do të gjeni do të thjesht pauzë. Kjo është zakonisht një gjë e mirë për të bërë nëse loja juaj disi mund shkallë poshtë për të që e vogël e një rezolute, si ndoshta një lloj lojra bordit apo gjëra të tilla si që në rast. 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 është që të pauzë aplikimin. Për aplikacionet si Apps lajmeve, në qoftë se unë të nisur këtë një të tillë dhe pastaj unë kap atë, 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. Këtu është e ju tregon se në të vërtetë një tigan më vertikale se informacionit, por unë ende mund absolutisht të përdorni aplikacionin. Pra, është ende shumë i dobishëm. 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ë. Kjo është diçka që ju duhet të keni Apps tuaj të bëjë në një farë mase, por është e deri tek ju për të përcaktuar se si funksionale aplikacionet tuaja duhet të jenë të në atë lloj të një mjedisi më të vogël. Më lejoni të mbyllur që një poshtë dhe të kthehemi në ku kemi qenë këtu. 

Edwin, ju shtoi një fotografi të mua tashmë? >> [Guarin] Po. >> [Bowen] Shikoni se. Shih se? Edwin shtuar një foto. [Qesh] 

Le të kthehemi këtu në Visual Studio. Më lejoni të nisë këtë për ju. Unë mund të ketë klikuar në tjegull në atë ekran Start. Ai më çoi përsëri në mënyrë Desktop, dhe është nisur app desktop e Visual Studio. Kjo është e Windows që ju tashmë e dini. Unë mund të shkoni përpara dhe për të krijuar një projekt këtu. Ne do të përqëndrohet përsëri në JavaScript, HTML. Unë do të shkoj jashtë dhe të zgjidhni deri këtu në JavaScript, Windows Store. Ka një numër të templates që ju mund të përdorni. Për produktivitetin, unë do të ju rekomandojmë të marrë një vështrim në disa nga këta të tjera këtu si të Rrjetit dhe Split. Ata janë me të vërtetë e dobishme në qoftë se ju jeni duke e bërë një kërkesë që do të ketë atë lloj të projektimit dhe kërkimi. Ju do të shihni këto shumë. E unë vetëm ju tregoi ishte në fakt një shembull i aplikimit të Rrjetit. Pra, nëse ju mendoni se ju jeni do të jetë bërë një app lajme apo një RSS lexues ose diçka të tillë që merret me shumë hyrje për të cilën ju dëshironi për të treguar detaje, mendoni për duke përdorur një nga këto templates për të marrë filluar shpejt dhe customizing atë nga atje. Por vetëm kështu që unë mund të ju tregojnë të gjitha pjesët lëvizëse këtu Unë jam duke shkuar për të krijuar app bosh, dhe pastaj ne do të shkojmë pak më thellë në detaje. Unë jam vetëm duke e bërë këtë aplikim bosh këtu. Ajo do të krijojë të gjithë projektit për mua. Unë do të hapur gjërat që unë dua të ju tregojnë se si parazgjedhje. Më lejoni vetëm të zoom në pak për të ju tregojnë se çfarë është krijuar për ne këtu. Gjërat që ju jeni do të shikojmë në të parë janë të gjithë me emrin e parazgjedhur. Pra, ju jeni do të shikoni për default.html, default.js, dhe default.css. 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ë. Kjo është WinJS. Askush në fakt e quan atë këtë emër të gjatë këtu. Është WinJS, Biblioteka e Windows për JavaScript. Nëse keni hapur atë, ju mund të shihni kjo është e gjitha këtu. Ka fotografi të ndryshme CSS, JavaScript nuk ka. Është atje për t'ju ndihmuar jashtë. Ë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. 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, është plotësisht deri në ju. Unë do të ju tregojnë se si të përdorin disa ato gjëra tani. 

Kthehu mbi mbi të majtë anën tonë, më lejoni të ju tregojnë faqen e parazgjedhur HTML. Ju keni parë tashmë gjëra WinJS, dhe kjo është me të vërtetë të gjitha që po ndodh atje me ato linja të mesme të Markup, vetëm duke e çuar në CSS nga default dhe duke e çuar në një çift të dosjeve JavaScript nga WinJS. Ju nuk duhet të jetë zot i asaj që po ndodh brenda ato fotografi. Është mjaft interesante për të marrë një vështrim në ato të lloj të shqyrtuar atë që po ndodh në atje sepse nuk ka teknika mjaft interesante të ndërmjetme dhe të avancuara në vazhdim e sipër në atje, por gjëja e bukur është si zhvillues, ju mund vetëm të përfitojnë prej tyre, vetëm përdorin ato dhe jo të vërtetë duhet të shqetësohen për të. Ju ende mund të përzënë një makinë pa pasur nevojë të dini se si funksionon, apo jo? Pra, kjo është lloj gjë që po ndodh këtu. Ka kontrolle dhe stilet dhe sende që vetëm ju mund të shkoni përpara dhe të përdorimit të dhe kodin që ju mund të përdorni në një të dytë, pa pasur nevojë të dinë se çfarë është në atje. Këtu janë vetë dosjet tuaja. Këto janë vendet tuaja që ju mund të modifikoj tuaj CSS dhe juaj JavaScript për të marrë gjërat që përsëritet. Ju do të jetë duke shtuar fotografi të tjera me siguri JavaScript dhe fotografi të tjera ndoshta CSS si projekti juaj rritet, por kjo është me të vërtetë vetëm një pikënisje. Këtu është Hello, bota ekuivalente e HTML, kështu që ne jemi kthyer në tag trupit. Në krye, nga rruga, është HTML5 DOCTYPE, kështu që ju do të njohin se nga ajo që ju keni qenë duke punuar në. 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 dhe për të zgjeruar se nga, ju keni mësuar ndoshta për faktin që ju duhet të bëni kodimin fallback për video tags në HTML5 - ose ndoshta ju keni - për të siguruar që shfletues të ndryshëm kanë mbështetje për video tuaj. Ne kemi gjëra të tilla si kjo të gjithë HTML, JavaScript në të gjithë, të gjithë CSS. Kjo është ndërtuar në, dhe unë do të ju tregojnë CSS në një të dytë. Këtu ju mund të shkoni përpara dhe të fillojnë të modifikuar kodin, markup. Në fakt, para se të ndryshojë asgjë, unë jam duke shkuar për të drejtuar këtë dhe të tregojë atë që ju merrni. Ju jeni do të merrni një çikla ekran të cilat ju mund të rregulloje dhe pastaj ju merrni Përshëndetje, eksperiencën botërore këtu. Është fantastike, e drejtë? Shkoni përpara dhe anije atë, e drejtë? Përmbajtja shkon këtu. Kjo është gjë themelore. Ajo vetëm mund të merrni më të mirë nga atje. Ne do të shkojnë përpara dhe të shtoni në disa gjëra. Unë kam marrë një pak Markup unë jam duke shkuar për të kopje në këtu vetëm kështu që ju nuk keni për të parë mua shtypur. 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ë. 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. Ju gjithashtu mund të vënë copra kodin në atë që ju mund të ripërdorimin. Këtu unë do të hapet vetëm në disa HTML tjetër, asgjë tmerrësisht të përparuara në të gjitha këtu. Është vetëm HTML themelore duke thënë se unë kam një kontribut, ku unë mund të shtypni, Unë kam një buton, ku unë mund të dorëzojë atë, dhe pastaj unë kam një div që është në thelb një placeholder që unë mund të përdorni për të prodhimit të "Hello, ju shkruani këtë." Është intro për shembull HTML. Nëse unë drejtuar këtë, ne automatikisht të marrë HTML, por ne gjithashtu automatikisht të marrë styling. Kjo është një nga gjërat më të rëndësishme nga WinJS. Ajo do të të japë nga default disa sy dhe të ndjehen që është me të vërtetë në përputhje me pjesën tjetër të asaj që Windows 8 është duke bërë. Këtu ju shihni gjëra të tilla si butonin. Button nga default në HTML nuk duket si kjo, por ajo ka këtu se asht kah këtë të drejtë që në atë CSS CSS skedar në WinJS. Nëse ju doni të përdorni diçka tjetër, në qoftë se ju doni të ndryshoni se, krejtësisht në rregull, të shkojnë përpara dhe të bëjë atë që ju dëshironi. Por kjo është e paracaktuar. Ajo do të jetë më i njohur për përdoruesit. Dhe sigurisht kjo nuk do të bëjë asgjë, sepse unë nuk të vërtetë të teli deri çdo lloj të kodit të përgjigjet për atë. Ajo ishte vetëm HTML. Kështu që unë mund të shpëtoj nga kjo, dhe ne do të kthehen në kërkesën tonë. 

Më lejoni të kaloni mbi të default.js tonë. Kjo duket shumë e ndërlikuar, por kjo është vetëm duke bërë disa gjëra për ju. Është Boilerplate. Ajo do të jetë i njëjtë në të gjitha projektet tuaja. E vetmja gjë që kjo është duke bërë është vetëm lloj i pyetur, "Si e kam marrë këtu?" dhe duke thënë: "A jeni nisur këtë app për herë të parë?" "A jeni rinisjen app nga detyrimi atë duke u pezulluar?" Disa gjëra të tilla si se. Really, fokusi ynë në këtë skedë këtu është e drejtë për këtu. Në këtë pikë, kjo linjë një nga kodit është shumë e rëndësishme. Është e vërtetë do të shkoni dhe të kërkoni nëpër të gjitha Markup tuaj, dhe ajo do të gjeni gjëra që ju keni kërkuar për të janë shndërruar në kontrollet, Kontrollet më të thellë si një kontroll vlerësim, si një pamje të rrjetit, si të flyout dhe ato gjëra të tjera që unë ju treguan në atë rrëshqitje përpara. Ata nuk janë kontrollet amtare HTML. Ju thjesht nuk e them flyout si element dhe kanë të dini çfarë të bëni. Ajo që ne në fakt nuk është e njëjta gjë që ndodh në lloje të tjera të kornizave të kontrollit. jQuery UI bën të njëjtin lloj të qasjes së përgjithshme. Ju përdorni shenjat në HTML tuaj, dhe pastaj disa JavaScript vjen nëpërmjet vonë dhe thotë, "Oh, unë e di atë që është. Kjo është kërkuar që kjo të shndërrohet në këtë stuff," e cila është HTML tjetër më ekspresive për të bërë si një kontroll ratings, e cila është ajo që unë do t'ju tregoj tani. Kjo linjë e kodit është një premtim që është duke thënë, "Kur ky premtim është përmbushur, "Çdo gjë që e keni kërkuar ka qenë i krijuar më pas." Dhe kjo është ajo. Ajo duket një kompleks të vogël, por është me të vërtetë e njëjta në çdo projekt. Poshtë këtu është ku ju mund të filloni duke shtuar në çfarëdo tjetër që ju dëshironi të keni ndodhë, kështu që ne do të kthehen me atë në një të dytë. 

Para së gjithash, më duhet një grimë e kodit që mund të përgjigjet për faktin se dikush ka klikuar në butonin. Unë jam duke shkuar për të shkuar përpara dhe të vënë atë në këtu. Përsëri, unë nuk jam duke shkuar për të bërë ndonjë të shtypni para jush këtu. Shumë bazë JavaScript vetëm duke thënë se kur kjo quhet ne jemi duke shkuar për të dhënë disa detaje për mënyrën se si kemi marrë këtu dhe pastaj ne do të bëjmë disa gjëra themelore. Go gjetur gjë në faqen time HTML që është quajtur nameInput, rrëmbej atë, të marrë vlerën e saj, mu "Hello" në frontin e tij, dhe rrinë që rezultojnë string në atë tag div që kemi pasur më parë se me të vërtetë nuk kishin asgjë më parë. 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. JavaScript Shumë e thjeshtë. Shpresojmë që ju jeni duke pranuar se nuk ka të vërtetë asgjë të pazakontë ndodh këtu. Është vetëm drejt deri HTML dhe JS këtu. Nëse unë drejtuar këtë tani, ajo ende nuk do të bëni asnjë punë, sepse unë nuk e kam Wired atë për të marrë ngjarjen. Për ta bërë këtë, unë do të bëj atë të drejtë këtu, përsëri kthehen në Toolbox tim, popping atë në këtu. 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ë. Tani ne jemi duke shkuar për të shkuar të marrë helloButton. Ne jemi do të thonë: "Button, urime." "Këtu është një ngjarje që ju tani jeni përgjigjur." "Kur dikush klikimeve në ju, e quajmë këtë funksion, e buttonClickHandler." Dhe kjo është se funksioni ne vetëm e shtimit të drejtë deri në fund atje. Kjo është ajo. Deri tani ne kemi marrë një kërkesë amazingly funksionale. Unë mendoj se ju do të impresionuar me të vërtetë nga kjo. Chris. Prisni për të. Wow. Mirë. Kjo është e mahnitshme. [Qesh] Por ka më shumë. A nuk e blej atë ende. Prisni. 

Më lejoni t'ju tregoj pak më shumë këtu dhe për të marrë nga ekran të plotë. Ne jemi duke shkuar për të ecur para se të kandidojë. Më lejoni të shkoj në dhe në të vërtetë të ju tregojnë pak me CSS. Vetëm by default, në qoftë se ne e shohim mbrapa në faqen këtu, sa herë që ne u tërhoq në këto gjëra nga WinJS dhe kemi marrë ui-errët, në fakt, ju mund të ndryshojë atë në mungesë për përdorimin e aplikimit të lehta. ui-errët është e mirë për aplikacionet grafike si duke përdorur një shumë të fotografive, ju jeni duke treguar një shumë të përmbajtjes vizuale. Nëse ju jeni duke treguar një shumë e përmbajtjes tekstuale, UI-drita në përgjithësi është një zgjedhje e mirë. Ju nuk keni për të zgjedhur atë, por unë kam kaloi në atë dhe tani ju jeni duke parë të njëjtin Markup, njëjtë çdo gjë, kjo është vetëm duke përdorur në thelb një skemë të përmbysur këtu ku çdo gjë është duke e bërë atë tekstin e zezë në të bardhë. Kjo është e gjitha mirë dhe të mirë. Më lejoni të dal nga këtu, dhe le të bëjë në fakt pak më shumë me CSS. 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 kur të fillojnë të bëjnë këto gjëra. Unë jam duke shkuar për të zëvendësuar trupit një herë. Unë do të shkoj këtu. Më lejoni nuke këtë. Le të sjellë në trup me klasat. Unë besoj se ju keni bërë bazë me selectors CSS dhe gjëra të tilla si që tashmë, kështu që ju ndoshta e dini se çfarë po ndodh këtu. Vetëm caktimin e disa klasa në kokë tonë, dhe ne jemi duke krijuar një div të re 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. Pra, çfarë mund të bëj tani është të shkoj për të parazgjedhur CSS tonë. A keni shikuar në pyetje të mediave akoma? A keni biseduar për atë në të gjitha? Pyetje e medias janë pjesë e këtij trendi emergjente - ose se është një trend i themeluar tani në të vërtetë në Web - për dizajn të përgjegjshëm ose adaptive, dhe ideja është që aplikacionet tuaja mund të vërtetë të rregulluar veten e tyre në mënyrë të përshtatshme bazuar në atë pajisje që ata janë duke u shfaqur në mund të bëjë. 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ë si ju do të në një monitor të madh 30-inch ulur me një desktop, një PC i madh si kjo. Pra, përgjigja e vjetër që kjo do të ishte që të ketë 5, 6 versione të ndryshme të njëjtën faqe dhe ju do të hapur deri version që është tuned për atë ekran të caktuar size. Jo e madhe. Është shumë, shumë të përsëritura dhe ka një ton të mirëmbajtjes për të bërë këtë. Tani ne kemi diçka të quajtur queries media CSS, dhe ne mund të përdorni këtë për të automatikisht të zbuluar, kur nuk ka madhësi të caktuara ose përdorime të caktuara të përmbajtjes tuaj duke u kryer. Kështu që ju mund të përgjigjet për atë dhe ju mund të thoni, "Në rregull, në këtë rast "Ju ndoshta nuk keni nevojë edhe unë të ju tregojnë se çfarë po ndodh këtu." Kjo është vetëm duke thënë se nëse kjo kërkesë është e këput, si unë ju tregoi para - grabbing atë dhe duke i vënë atë në anën e ekranit - atëherë le të bëjë styling mëposhtme. Styling nuk është vetëm për ngjyrat dhe stuff like that. Është gjithashtu për sizing dhe kufijtë dhe paddings dhe orientimet e përmbajtjes apo edhe paaftësi ose duke bërë të mundur pjesë të tëra të faqes tuaj dhe, në këtë rast, app tuaj ose lojë tuaj si. Kështu që këtu ju mund të bëni aq e thjeshtë sa të doni. Kjo nuk do të jetë i dobishëm në Apps tuaj, por është koha demo, 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ë, "Kur unë jam këput, le të shkojnë përpara dhe të bëjë background-color dhe le të zgjedhin diçka." Keni Intellisense këtu. Kjo është në të vërtetë me të vërtetë cool. Në vitin 2012 ne kemi shtuar një shumë gjëra për mbështetje CSS dhe JavaScript dhe HTML. Ju keni sigurisht mori drop-down Intellisense shumë, por që nuk është gjë e ftohtë. Cool gjë është që ju keni marrë selectors vizuale për shumë gjëra si. Kështu që ju mund të shkoni nëpër dhe të vetëm të zgjidhni një ngjyrë, ose ju mund të shkoni jashtë dhe të jetë edhe më i saktë dhe që ju mund të zgjidhni - kjo do të jetë e tmerrshme. Unë do të marr një ngjyrë të vërtetë të mirë këtu. Watch Markup shumë, nga rruga. Kjo është format juaj RGB standarde atje. Por në qoftë se unë kaloni perde, ajo do të kaloni në lidhje me një përzgjedhësi kanal alfa këtu. Kështu që ju mund të shihni se, ngjyra me thelb transparencën për qind që ju keni për se të gjithë pjekur të drejtë në atje. 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ë. Tani në qoftë se unë të drejtuar app dhe kemi marrë app dhe ne e kap atë, se ngjyra e sfondit është duke u rregulluar automatikisht vetëm për shkak se ne kemi disa CSS që thotë: "Shko ta bëjë këtë." Ju gjithashtu mund të shkruani JavaScript gjithashtu se do të bëjë të njëjtën gjë ose që ju mund të përdorni të vërtetë një lojë të pauzë, bëjnë gjëra të tilla si se. Kjo është ndoshta kur ju do të përdorni JavaScript. Ju do të fik lojë lak në atë pikë. Ju do të duhet disa JavaScript për shkak se nuk do të jetë diçka që ju do të css për të. Por mbani në mend se kjo është vetëm një ngjarje. Ju mund të thoni, "Kur aplikimi im është ridimensionuar, "Le të shohim nëse ne jemi këput." Dhe kjo është ajo. 

Mirë? Unë kam qenë duke folur shumë. A ka pyetje deri tani se ku jemi? Po. [Studente] A ka një tutorial për të gjithë për të marrë më shumë informacion? Po >>. Pyetja është, a ka një tutorial për këtë? Unë vetëm do të zgjasë atë për çdo gjë. Ka disa gjëra që ju mund të shkoni për të. Le të vërtetë dal nga këtu. Më lejoni të kthehem këtu. Një gjë për të vënë në dukje është vetë Visual Studio ka mësime të ndërtuar in Më lejoni të shpëtoj prej kësaj. Nëse ju shkoni dhe për të krijuar një projekt të ri, do të dokumentit, Projekt i Ri, dhe të kërkoni në anën e majtë të dorës, nuk është një nyje Online në këtë përzgjedhës. Ajo do të marrë pak. Unë jam në MyFi tim këtu. Por ajo do të dalë dhe ajo do të më jepni një shans për të gjetur templates por gjithashtu, më e rëndësishmja, si dhe mostra. Kështu që unë mund të klikoni në JavaScript. Ajo do të gjeni mostra për mua. Rezoluta im është mënyrë e lartë këtu. Normalisht, ju do të shihni një listë të një shumë gjëra të ndryshme këtu. Nëse ka diçka që ju doni të provoni, marr gjuhën, JavaScript këtu, dhe thonë: "Unë nuk e di se si ta bëjnë geolocation." "Unë nuk e di se si për të hapur një skedë." "Unë nuk e di se si të përfitojnë nga Webcam "Ose zgjedh për kontakt apo gjëra të tilla si kjo." Ka mostra për çdo gjë: ndarjen, kërkimin, bare app, bërë thirrje të largëta në një shërbim, JSON encoding. Të gjitha këto llojet e gjërave ka edhe mostrat për këtu, dhe ata nuk janë mostra të mëdha që do të marrë ju të gjithë natën për të tërhequr larg vetëm për të gjetur se një gjë që ju të kërkuar për të mësuar. Ata janë me të vërtetë mirë. Ata janë të vogla, të drejtën për llojet pikë të mostrave. Unë e kam mësuar një ton duke kaluar nëpër këto veten time, dhe kështu që unë rekomandoj që shumë si një gjë. 

Një tjetër gjë për të vënë në dukje gjithashtu është natyrisht unë ju tregoi dev.windows.com, kështu që në qoftë se ju shkoni përsëri në se, ju do të shihni në fund ka edhe mostrat këtu. 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 që mund të ju ndihmojë të merrni deri në shpejtësinë. 

Një gjë tjetër, dhe unë me të vërtetë do të ju rekomandojmë që të provoni këtë, Unë kam marrë atë në blogun tim, por unë do të shkoj vetëm të drejtën për të. Unë do t'ju tregoj. My blog ka burime dhe gjëra të tilla si se. Një nga gjërat që të vinte në dukje është e drejtë këtu, kjo gjë: Idea juaj. App juaj. 30 Ditë. Nëse ju klikoni në këtë, ajo do të t'ju sjellë në një vend me të vërtetë të dobishme. Kjo është shumë më e dobishme se sa ju mund të prisni. Kjo do të jetë 30 ditë të përmbajtjes që ju mund të thelb të merrni këshilla dhe truket gjatë gjithë këtij procesi si ju jeni duke krijuar një app. Dhe si ju nuk mund të presim, ju në fakt mund të merrni atë për lojëra shumë dhe për Apps telefon, gjëra të tilla si se. Pra, në thelb të nënshkruar për të, dhe ata do të jetë i dërguar që ju këshilla dhe truket se, "A keni menduar për të bërë këtë? A e mbështesni Snap?" "Këtu janë disa udhëzime se si ta bëni atë mirë." "A keni menduar për paraqitjen në dyqan?" "A keni menduar se si do të jeni për të shitur kërkesën tuaj?" Ajo do të ecin nëpër të gjitha këto gjëra të ndryshme. Dhe në të vërtetë, nëse ju jeni në rrugën e lojrave, në një pikë ju do të filloni duke njohur personin duke folur për ju sepse unë në fakt kishte për të shkuar në Redmint për të bërë dhe regjistruar 2 video aty. Por kjo është e gjitha pjesë e pista lojrave, dhe ka edhe një udhë të plotë për zhvillimin e përgjithshëm app. Kjo është quajtur Gjeneruar App. Unë patjetër do të rekomandojë që për ju, si dhe përveç mostrave. 

Ka shumë të videos në një vend të quajtur Channel 9 si. Kjo është ndoshta gjëja e fundit që unë do të rekomandojë, si dhe para se të lëvizë këtu. Channel9.msdn.com. Kjo është e madhe, sepse ju nuk do të jetë e lexuar me ton të letrave të bardha. Kjo është në thelb një shumë e video, Screencasts dhe gjëra që janë të drejtën për pikë. Unë nuk duhet të them se është gjithmonë e drejtë për pikë. Kjo varet kush është duke bërë flasin. Por në përgjithësi, ka disa me të vërtetë për-pika-video këtu që do të ju tregojnë një gjë të veçantë që ju mund të dëshironi të mësoni ose të parë demoed. Ka edhe të gjithë përmbajtjen tonë nga konferenca tonë që ka ndodhur disa javë më parë quajtur Ndërtimi, dhe ju do të shihni se e drejtë atje. Ka teknologjive thelbësore për të Windows 8 ndeshje. Nuk ju shkoni. Unë kam qenë atje, në të vërtetë. Ju nuk mund të shihni mua. Unë kam qenë këtu. Por gjithsesi, kjo mënjanë, unë do të rekomandojë që ju të merrni një vështrim në ato videot. Ata janë mjaft të dobishme. 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. 

[Guarin] Windows Mail thjesht më dërgoi një email me një lidhje në përmbajtje për studentët për të shkarkuar me kodin e mostrës dhe stuff like that. >> [Bowen] Madhe. Awesome. Ju faleminderit, Edwin. 

Mirë. >> [Studente] Unë kam një pyetje. >> [Bowen] Oh. Po, ju lutem. [Pyetja e padëgjueshme studenti] >> [Bowen] Oh, unë jam i kënaqur që ju kërkohet që. Po. Pyetja ishte, a ka një ndërfaqe vizuale për mua për të krijuar gjëra? Edwin do të shpërblejë shtrenjtë për këtë pyetje. Nuk është një mënyrë për të bërë këtë. A duhet të bëjmë tani? Le të bëjë atë tani. Unë jam duke shkuar për të shkuar në atë që tani. Në fakt, më lejoni të shtoj në një gjë më shumë për këtë demo, dhe pastaj unë do të ju tregoj përgjigjen aktuale. Unë kam qenë duke shkuar për të shtuar një pak më shumë CSS këtu. Unë kam qenë pak jashtë në tangents këtu. Më lejoni të vënë në disa CSS këtu për të përfituar nga klasat që kemi shtuar pak kohë më parë, në kokë, për të DIV mainContent, dhe pastaj me greetingOutput. 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ë, kështu që ne kemi në fakt disa offsets këtu. 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. Por unë jam vetëm duke treguar këtë për ju, sepse kjo është e drejtë deri CSS. 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. Ju keni parë tashmë se si të bëjnë sfond të ndryshojë në këtë mënyrë. 

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, dhe kjo është në të vërtetë do të jetë një kontrolli nga WinJS. 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. Ndoshta mjaft e mirë. 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ë - Unë kam shtuar një emërtim për div ardhshëm. Div quhet ratingControlDiv. Nga vetë ajo do të bëjë asgjë. Nëse keni hapur këtë në një shfletues, ju do të kërkoni në bosh, e div vetë. Por për shkak të këtë linjë misterioze e kodit që ju kam treguar më parë, procesi të gjitha, ajo do të shikoni për diçka që duket si kjo - -të dhëna të fitojë kontrollit - dhe ajo do të gjeni çdo gjë që është në këtë parametër. Ajo do të bëjë një shembull të çfarëdo që është ajo e treguar për të. 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ë "Me çdo gjë që ju duhet të bëni për të bërë një kontroll rating." Kjo mund të jetë një kontrolli flip, ajo mund të jetë unazë përparim ose çfarëdo kontrolli që ju doni të përdorni. Ata janë të gjithë do të punojnë në thelb të njëjtën mënyrë. Ju jeni duke përdorur standarde Markup HTML5 për të treguar atë që ju dëshironi, dhe pastaj ju jeni do të merrni një kontroll në fund të kësaj. Më lejoni të drejtuar këtë. Unë vetëm kopjuar se në, dhe tani që markup të bëhet kjo, e cila është në fakt një numër mjaft i elementeve HTML. Këto janë të gjitha imazhet individuale, dhe nuk ka divs rreth tyre me selectors. Shpresojmë që ju mund të shihni se. Kjo është pak delikate. Unë mund të rri pezull mbi të artikujve të ndryshëm, dhe ajo do të më lejoni të shohin vlerësim këtu. Unë mund të klikoni mbi të, dhe ajo kujton vlerësim, por kjo është në lidhje. Kjo nuk është me të vërtetë duke bërë asgjë me vlerësim. 

Një gjë e fundit që unë dua të ju tregojë për këtë para se të kaloni në një përvojë më shumë vizuale të projektimit është pak e kodit që unë mund të përdorni për t'ju përgjigjur këtyre WinJS kontrolleve. Më lejoni të dal nga atje, kthehet nga ekran të plotë, dhe kaloni mbi të JS këtu për sekondë. Unë mund ta bëjë këtë të drejtë këtu. Unë mendoj se unë do të zëvendësojë këtë gjë gjithë. Në fakt, unë mendoj se kjo do të zëvendësojë të gjitha të tij, por ne do të gjeni së bashku. Unë do të vënë këtë në këtu. Po. Unë jam duke shkuar për të fshirë këtë shumë. Çfarë kam shtuar? Ajo duket si një shumë. Kjo nuk është një shumë. I zgjatet vetëm atë linjë të kodit që unë tashmë biseduar për para, dhe unë jam duke thënë, "Kur çdo gjë është bërë, kur janë bërë të gjitha kontrollet e mia, "Pastaj të bëjë këtë." Pra, atëherë të drejtuar këtë funksion të quajtur përfunduar. Në këtë rast, kjo është gjëra që ju mund të kuptoj se. Go gjeni se kontrolli div. Në fakt, ka një gjë që unë duhet të theksoj. Kjo linjë tjetër është në të vërtetë duke thënë: "Unë kam marrë atë ratingControlDiv." "Unë dua të flas për atë si të ishte një kontroll i vërtetë, një kontroll WinJS." Pra, në thelb, ju jeni duke kërkuar për atë prej saj. Ju jeni duke thënë, "Unë dua të flas me ju si një kontroll." 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 "Kështu që kur ju jeni duke ndryshuar ne mund të përgjigjet për atë." Dhe atëherë ne gjithashtu mund të bëjë gjëra të tilla si kjo. Në fakt, kjo është kodi i vjetër atje. Unë mendoj se unë jam i humbur pasting në një funksion më shumë, dhe se do të ishte funksioni aktual që do të përgjigjet për kontrollin vlerësim duke u ndryshuar. Më lejoni që në pop drejtë deri këtu, diku rreth atje. Dhe në këtë rast, e vetmja gjë që është e re është fakti që ne jemi duke shkuar në çfarë kontrolli rating na tregon dhe ne jemi duke kërkuar për atë që quhet tentativeRating. Ka një bandë e gjëra të ndryshme të tjera të cilat që kontrolli të mund të ju them, dhe ajo shkon kontrollin nga kontrolli. Është shumë e thjeshtë. Ju do të jenë në gjendje të kuptoj atë asnjë problem whatsoever. I drejtuar këtë, dhe tani kur kam ndryshuar ratings dhe klikoni në vlerësim, ju mund të shihni tani është e vërtetë përgjigjja ndaj saj. Është vënë atë vlerësim në ekran në atë tag ndryshe bosh div nën kontrollin e vlerësim. Kjo është magjia e shumë gjëra këtu shumë. Kështu si ju jeni duke krijuar aplikacione për Windows Store, ka një ton të kontrolleve që ju mund të përdorni vetëm. Ata të gjithë punojnë si kjo. 

Më lejoni të ju tregojnë anën vizuale e projektimit për këto aplikime. Lajm i mirë është që ju do të tashmë e keni këtë mjet kur ju instaloni çdo gjë në qoftë se ju shkoni në atë shkarkuar dhe ju merrni Visual Studio. Unë mund të klikoni mbi këtë. Unë nuk do të zoom in Ai vetëm thotë Open në përzierje. Blend është një tjetër mjet që punon krah për krah me Visual Studio dhe është i përqendruar shumë më tepër në anën e projektimit të gjërave, kështu që me të vërtetë sipërfaqet mjetet që janë optimizuar për krijimin e stilet, krijuar animacione, duke punuar me CSS, shumë gjëra në atë lloj mënyrë. Ja se çfarë duhet të jetë shumë interesante dhe shumë e qartë menjëherë është që ne jemi duke kërkuar në app. Shpresojmë se ne ende jemi. Në vend të parë kodin, të cilat ne ende nuk shohim në fund, ne jemi duke parë përfaqësimin aktual të aplikimit. Për më tepër, kjo nuk është vetëm një përfaqësim i app, ajo është në të vërtetë app running. Dhe kjo është ajo që është me të vërtetë e bukur për përzierje. Ekipi ka bërë shumë punë për të sjellë HTML dhe JavaScript dhe CSS në këtë mjet. Tani ju mund të vërtetë, në qoftë se ju jeni kurioz, "Çfarë do të thotë kjo? Çfarë mund të bëj?" 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. Mos harroni se kontrolli rating? Ajo ishte vetëm një tag div. Kjo stuff, se yll, vetëm ekziston në kohën e duhur. Si mund ta dini se? Ka pak e magji mbi këtu. Shih këto rrufe bolts? Ç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. Disa JavaScript vrapoi dhe u kthye diçka në këtë apo krijuar këtë me disa logjikën. Ato yje që ju shihni atje janë krijuar nga JavaScript nga WinJS. Gjë e bukur është, kjo nuk ka rëndësi për mua, unë ende mund të projektimit atë, Unë ende mund të shkoj në dhe për të ndryshuar atë, unë mund të gjeni se çfarë po ndodh këtu, 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ë, Unë mund të fillojë messing me gjëra dhe duke e bërë gjëra të tmerrshme, çdo gjë që unë dua të bëj. Në fakt, unë do të të lënë gjërat vetëm. Por ju mund të shihni këtu kjo është e gjitha CSS dhe kjo është duke treguar ju këtu. Në rast se ngjitem në atje, kjo do të ju tregojnë çdo gjë që ata e quajnë fitues, kështu rregullat CSS që janë më specifike dhe më të zgjedhur për këtë artikull, të cilat ju ndoshta keni shkuar tashmë mbi në klasat tuaja, ku ju mund të thonë se ka një font të përgjithshëm që ne jemi duke aplikuar për çdo gjë, por për shkak se kjo është një h1 dhe unë kam një ngjyrë të përcaktuar për h1s, ajo do të jetë në këtë ngjyrë, dhe kjo është për shkak se është më specifik se body1. Kjo një gjë e drejtë këtu ju të gjithë e që tregon, dhe kjo është me të vërtetë gjëra të fuqishme si ju të merrni më komplekse, ju jeni të pyesin se pse këto gjëra janë mënyra që ata janë. Kjo në fakt do të ju them, dhe ju mund të vini ndonjë nga këto artikuj këtu. Se ngjyra nuk është shumë e keqe, në fakt. Ju mund të zgjidhni ato. Shpresojmë që ju mund të shihni këtë. Për çdo gjë që ju keni në aplikimin tuaj, ju shihni një ujëvarë të tërë të gjitha CSS e që mund të ketë aplikuar për atë dhe të cilat një është e fituar, që një të vërtetë mori përparësi. Këto janë lloj i mërzitshëm. Nuk është një shumë ndodh në disa nga këto. Kur të shkoj e të ndryshojë ngjyrën, atëherë ju do të fillojnë të shohim disa Cascading atje. Ju mund të përdorni HTML si edhe këtu. Unë mund të shkoni nëpër dhe të modifikojë pronat HTML për të gjitha këto gjëra që unë dëshiroj. Ka vetëm ton e gjëra këtu. 

Unë nuk dua të të marrë kohën tuaj duke shkuar me çdo gjë këtu. Vetëm e di se është këtu. Ka shumë të projektimit të orientuar funksionalitetin kjo është vetëm në dispozicion për ty 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 se ju do të keni për të bërë normalisht dhe çiklizmit prapa nga një shfletues përsëri në dizajnin tuaj, prapa për të shfletuesit. Kjo është me të vërtetë cool stuff për këtë, dhe si ju të zhvilloni një app të Windows Store, ajo do të ju bëjë shumë më produktiv. 

Ju do të shihni se është ndjekja e Markup këtu dhe CSS tuaj si ju jeni duke punuar me gjëra të ndryshme. Kjo është ndoshta vërtetë e vështirë për ju për të parë se, veçanërisht në video, por kjo është ajo që po ndodh këtu, dhe unë do të ju rekomandojmë që të bëhen të njohur me këtë. Kjo do të ju kursejnë shumë kohë. Kjo është përzierje. Nëse ju bëni ndonjë ndryshim këtu, ata automatikisht do të më shpie mbi në Visual Studio. Është e njëjta fotografi, është e njëjta çdo gjë. Unë do të lënë atë vetëm. Unë kam një shembull më të mirë që unë dua të të tregoj. Por në qoftë se kam bërë një ndryshim aty dhe shpëtuam atë dhe u ktheva në Visual Studio, kjo do të thotë, "Hej, ju vetëm ndryshuar diçka. A mund të rifreskoni atë për ju?" Po. Dhe ju jeni duke përdorur të njëjtën stuff atje. Kjo është në fund të asaj mostre të caktuar. 

Unë dua të ju tregojë një mostër të lartë fund vetëm për të ju jap një pamje të funksionalitetit të tjera ju mund të mendoni për të mirë. Kjo është një app mostër që ju mund të shkarkoni. Nëse ju shikoni për diçka të quajtur Camp e Windows në një Box, ka disa mostra që janë në atë, dhe një prej tyre është Contoso Ngjarjet. Unë mund të kandidojë vetëm këtë për ju. Ekran Custom spërkatje. Kjo është pikëpamja Grid aplikimit. Ata kanë detyruar disa të dhëna doganore këtu. Ju mund të lundruar nëpër këtë. 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. Nuk e di. Çfarë do të më bëjnë më të uritur? Nuk e di. Unë jam vetëm do të marr një të tillë. Ju shkoni në këto gjëra. Ajo do t'ju tregojë recetë. Ju gjithashtu mund të, në vend të klikuar në një objekt, ju mund të shkoni të drejtë për atë kategori të përmbajtjes, atë pjesë të përmbajtjes. 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 dhe pastaj të shkojnë drejtë në recetë të veçantë. Kjo gjithashtu mbështet gjëra të tilla si të ndarjes që unë ju tregoi para me fotot. Ju gjithashtu mund të kërkoni në këtë aplikim shumë. Është shumë e thjeshtë për të bërë kërkimin. Në thelb, ju jeni vetëm duke marrë një varg të tekstit nga Windows dhe ju vendosni se si ju doni të trajtuar kërko me atë. 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. 

Këtu ata gjithashtu kanë një bar app ku ata janë duke përdorur disa funksionalitetin tjera. Unë vetëm do të ju tregojnë se çfarë është. Një këshillë do të përdorin atë që quhet një njoftim dolli. Kjo është me të vërtetë i dobishëm për të lënë përdoruesit e di se kur gjërat kanë ndodhur, si një aplikim është instaluar ose diçka ka përfunduar. Është gjithashtu e mirë për lojëra shumë. Nëse ju keni një botë të vazhdueshme ose një bord udhëheqës dhe një shërbim që është hosting që ndoshta në një makinë të veçantë, këto njoftime mund të dërgohen në një makinë dhe madje edhe në qoftë se përdoruesi nuk është duke përdorur lojë tuaj, duke luajtur lojë tuaj ose drejtimin app tuaj, ata ende mund të merrni njoftime për këto llojet e ngjarjeve. Kështu që ju mund të thoni, "Kalaja juaj është shkatërruar ose është shkatërruar vetëm për të." "Të kthehet këtu dhe të mbrojë atë", ose diçka të tillë. Ju klikoni mbi njoftimin, ju shkoni drejtë mbrapa në lojë, dhe ju mund të luajë ajo. 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. 

Ka gjithashtu mbështesin në këtë kërkesë duke përdorur mikrofon, Webcam, duke bërë videon dhe të marrë fotografi. Ju gjithashtu mund të pin një pllakë e mesme. Kjo është e dobishme në qoftë se ju doni të vetëm të ketë një tjegull që shkon drejtë tek përmbajtja caktuar. Në këtë rast, ajo shkon drejtë për këtë recetë. Çdo gjë që unë jam përmendur unë jam vetëm duke treguar sepse kjo është gjëra që ju mund të mendoni në lidhje me përdorimin si. Për pjesën më të madhe, ata janë shumë të lehtë për t'u përdorur. Unë do të rekomandojë vetëm të ju sjellë deri atë explorer mostër dhe për të gjetur një mostër që mund të ju tregojnë si ta bëjnë këtë. Është shumë i thjeshtë për të sjellë ata në Apps tuaj atje si. 

Unë do të të tregoj diçka tjetër që është shumë i ftohtë këtu. Do të parakohshme këtë kërkesë, dhe unë jam duke shkuar për të shkuar përsëri në Visual Studio. Kjo kërkesë është i rrjedhshëm. Është drejtimin nga Visual Studio. Unë mund të bëjë disa gjëra mjaft të ftohtë me këtë. Unë në fakt kanë një mundësi për të zgjedhur një element, dhe unë mund të shkoni këtu për aplikimin jetojnë dhe unë mund të them, "Unë jam i pyesin pse është Përgatitja kohë pak më të lehta gri se titullin vetë?" Unë mund të klikoni mbi të. Ajo do të sinkronizuar që kthehet në Visual Studio, dhe ajo do të më tregojë saktësisht përmbajtja e gjeneruar që rezultoi në atë pjesë të UI. Pra, në këtë rast, kjo është pika-subtitle dhe konstrukt h4 dyfishtë, dhe se ndoshta na tregon atë që ne duhet të dimë për shkak se si një H4 brenda këtij konteksti, ajo do të marrë një lloj të caktuar të shkronjave. Por në qoftë se unë ende nuk e di pse, unë mund të klikoni në TRACE Styles. Unë pastaj mund të zgjerohet nga ngjyra dhe unë mund të gjeni saktësisht pse se ngjyra nuk është ngjyra e trupit por në të vërtetë është diçka tjetër. Kjo është në thelb mjetet dev nga Internet Explorer në një shkallë të sjellë në Visual Studio. Nëse ju keni punuar me Chrome Dev Tools, Firebug, gjëra të tilla si kjo, ato llojet e mjeteve që janë në shfletuesin, se lloj i funksionalitetit është sjellë drejtë në Visual Studio 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ç. Tani unë kam një app të Windows Store vetëm drejtimin, dhe unë mund të filloni duke tërhequr atë larg dhe gjetur se pse gjërat janë duke bërë atë që ata janë. 

Unë gjithashtu mund të bëjë në këtë mënyrë shumë. Unë mund të shkoni dhe të vetëm të marr diçka që në Markup dhe për të gjetur se çfarë është në aplikimin vetë. Unë mendoj se kam shkuar me çdo gjë. Këtu unë jam fluturonte mbi këtë. Unë mund të zgjidhni atë. Ajo do të më tregoni në zbatimin aktual running ku kjo gjë është që unë jam tani duke klikuar mbi në Markup. Sende të vërtetë cool. Si jeni duke u përpjekur të kuptoj se çfarë po ndodh dhe çfarë HTML është duke bërë, çfarë CSS është duke bërë, të mbajë këtë në mendje. Mos harroni kjo është këtu për ju dhe gjithashtu se Blend mund të punojnë me një aplikim të jetojnë running. 

Një gjë e fundit që unë të kërkuar për të ju tregojnë me këtë kërkesë - Nga rruga, kjo tregon se ju deltat si gjërat ndryshojnë shumë, kështu që ju mund të shikojnë për ato pikat kryesore të verdhë. Këto janë gjëra që kanë ndryshuar vetëm në aplikacion. Por një gjë e kaluar. Dua të kthehem në përzierje vetëm për një të dytë këtu. Ne do të hapë këtë ide, e hapur në përzierje, njëjtë app, njëjtë çdo gjë. Unë vetëm dua të ju tregojë përvojën këtu është jo vetëm ju jeni të mbërthyer në faqen kryesore shikuar në gjërat që ju do të merrni nga default kur ju drejtuar app dhe le të ulen atje. Ju gjithashtu mund të kthehet në këtë ikonë shumë e vogël deri këtu. Ajo që quhet regjim Interactive. Ju klikoni mbi atë. Ajo do të sjellë deri aplikimin tuaj. Ju nuk jeni në modalitetin Dizajnit më, kështu që ju nuk do të jeni të klikuar në gjëra për të ndryshuar funksionalitetin, por ju në fakt mund të punojnë me aplikimin tani. Ju mund të klikoni me, ju mund të bëni çdo gjë, të shkoj në një recetë që ju intereson ose në një kategori. Le të shkojnë në këtë kategori. Unë do të them, "Mirë, këtu është vendi ku unë dua të projektimit." Pastaj ju klikoni butonin përsëri, ai do të të sjell përsëri në sipërfaqe Dizajnit, dhe tani ju mund të bëni të gjitha ato gjëra që unë isha duke folur për para. Unë do të mbaj klikuar deri sa unë të marrë kjo zgjedhur, të gjetur se dimensionet e tij, gjeni HTML për të, CSS për atë për një aplikim të rrjedhshëm, disa pjesë më vonë e aplikimit. Shumë, shumë të dobishme. Unë do të tregoj këtë për ju. Ju lutemi të mbani në mend, nëse ju jeni duke kërkuar në kodin shkrim me këtë sepse kjo do të ju kursejnë një shumë sherr, dhe kjo është gjë shumë e mirë. 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ë. 

Çdo pyetje në ose e atyre mjeteve? Çdo gjë në të gjitha? >> [Guarin] Unë kam gjëra për të dhënë jashtë, pyetje aq të mira, gjëra të mira. 

[Bowen qesh] Unë ju kam treguar tashmë popull e mia këtu. Unë do të vënë atë në faqen e Burimeve dhe të kthehet në pyetjet tani. Kjo referencë e parë është që faqja e Gjeneruar Ndeshjet me lojë pista dhe rrugën e duhur app. Sign up për ata. Ju nuk duhet të presin 30 ditë për të marrë përmbajtjen. Ju mund të filloni duke shkuar dhe duke kërkuar në përmbajtjen si ju dëshironi. Unë e kuptoj korniza tuaj kohë mund të jenë të ndryshme se - [qesh] Pra, kur është Hackathon? Kjo është disa javë, apo jo? Pra, ju nuk keni 30 ditë për të pritur. 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. Gjithashtu Dev dhe Qendrat Dizajn. Dhe unë nuk e përmend këtë, por ka edhe Store Docs. Kjo do të ishte që pas Hackathon si ju jeni gati për të filluar paraqitjen Apps tuaj për dyqan. Ka disa udhëzime të dobishme këtu, disa udhëzime se si të merrni gjërat në dyqan, disa çështje të përbashkëta që mund të udhëtimit ju lart, dhe kjo është në fund të këtyre burimeve. 

Pra, çfarë është në mendjen tuaj? Çdo gjë tjetër që ju - [Guarin] Kush është duke menduar për të bërë një app e Windows për CS50? Ftohtë. [Bowen] Best. Great. 

Çdo pyetje në lidhje me gjëra që ju keni parë deri më tani dhe se si ajo lidhet me këtë? Për shembull, me më shumë kohë që unë mund të marrë një lojë që unë kam shkruar dhe që shkon në shfletuesin dhe vetëm lloji i shkojnë përmes procesit të të sjellë që në Visual Studio dhe duke e bërë atë një app të Windows Store. Kjo merr më shumë kohë se sa ne të vërtetë kishte për të përfshirë sot, por short version është ajo e njëjta kodin që ju keni running në shfletuesin, dhe gjërat që ndryshojnë janë gjërat që ju të vendosë për të vihet në prizë të Windows 8. Pra, nëse ju doni të përdorni charms, në qoftë se ju doni të kërkoni ose të ndarë, ju duhet të krijoni një bar app për të fshehur larg disa funksionalitetin mbi atë, ato janë llojet e gjërave që ju do të ndryshojë. Por thelbi i app tuaj web mund të mbetet e paprekur. Përsëri, për aq kohë sa ajo punon në IE10, ajo do të jetë një port të vërtetë e lehtë për të sjellë këto gjëra në Visual Studio, në përzierje, dhe e bëjnë atë një app të Windows Store. Përsëri, të vetmet gjëra që ju do të duhet për të mësuar janë ato tipare të tjera 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. 

Po. >> [Studente] Pyetja ime është për të punës lëvizshme. Pra, nëse ju bëni një komponent që punon si një app në tavolinën e punës, është me të vërtetë e lehtë për të transferuar atë në celular, apo e ka një - 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 dhe unë dua të sjellë atë në një botë të lëvizshme, çfarë është e përfshirë me të bërë këtë? Kjo, si shumë pyetje, është gjithmonë një përgjigje vazhdimisht në ndryshim. Lajm i mirë është në qoftë se ju jeni të fërkimit me HTML dhe JavaScript, CSS, në qoftë se ju jeni duke filluar nga një app të Windows Store, ajo do të ju lejojnë të sjellë atë në Web dhe pastaj të përdorin ato llojet e teknikave, si pyetje e medias dhe gjëra, për të përshtatur për pajisje të ndryshme të madhësisë. Kjo tha, ka gjithmonë kornizat dhe gjëra atje se mbështetja e zgjeruar nga teknologji të ndryshme, platforma të ndryshme. Kjo ndryshon gjatë gjithë kohës. Ne jemi gjithashtu të ndryshuar gjërat, si dhe ne shikojmë drejt atë që kemi tani në të vërtetë me Windows Phone 8. Ne kemi disa infrastrukturave të përbashkëta themelore ofruar në mes të aplikacioneve për ato mjedise. Pra gjëra që ju jeni duke bërë për të krijuar një app të Windows Store, shumë që mund të transferohen në një Windows Phone 8 aplikimit si. Kjo përsëri është një histori në zhvillim, kështu që nuk ka ndonjë përmbajtje në lidhje me atë në Build. SDK mori vetëm se pak kohë më parë. Ajo u lirua vetëm pak kohë më parë. Por në aspektin e platforma të tjera too, ju ndoshta drejtuar në shumë kornizat ndër-platformë si. Lajm i mirë është një temë që ju jeni duke bërë këtu, funksionalitetin kryesor është drejt deri web sende standarde. Të vetmet gjëra që nuk do të përkthehet lehtësisht janë gjërat që Windows 8 e bën, por kjo nuk është çudi, sepse ajo është një tipar të Windows. Ju nuk do të gjeni ndarjen apo lloje të ngjashme të kontratave mbi çdo platformë tjetër. Pra, këto janë gjëra që ju do të duan të nga një perspektivë të projektimit sigurohuni që ju keni mënyra për lloj abstrakte që jashtë në mënyrë që ju mund të them, "Nëse unë jam kandidon për këtë, unë mund ta bëjë këtë." Nëse unë nuk jam, ka disa modelet e projektimit që ju mund të përdorni për të fshehur atë lloj stuff larg. Por mbani në mend. Po. Më vjen keq. Shkoni përpara. 

[Studente] Nëse unë dua të provuar komponenten time të Windows në krye të padëgjueshëm [] [Bowen] Po. Unë skipped një gjë shumë. Po. Unë do të përgjigjem pyetjes tuaj të parë, atëherë unë do t'ju tregoj një tipar Kam harruar të përmend. Ne kemi disa makina në dispozicion në nivel lokal. Më vjen keq. Pyetja ishte, si mund të provuar gjëra në pajisje në qoftë se unë nuk do të ndodhë që të ketë një të tërë shumë gjëra për të zgjedhur? [Guarin] Ne ju huazohet djema, unë mendoj, 5 ose 6. Sa keni nevojë? [Studente] Ne mori 4 prej tyre. Mirë >>. Ju djema mori 4 listat për të luajtur me. Pra, patjetër le të gjithë e dinë, ju lutem. [Qesh] >> [Bowen] mbresëlënës. Kjo është një përgjigje edhe më mirë se unë do të ju jap. Ne kemi orarin e punës për zhvilluesit që ne bëjmë në zyrën tonë dhe tani së shpejti për të Microsoft Store gjatë në Prugovc, por Edwin ka marrë tashmë kujdeset për ju. Ka 4 listat në dispozicion për huamarrjen, për testim. Nuk shkojmë. Ka një shembull i një deri atje. Pra, vërtet, absolutisht. Great. Absolutisht deri tani mënyra më e mirë për të provuar atë është që të jetë në një pajisje. Nëse nuk ndodh që të ketë një të tillë ende ose ju nuk doni të ecin nëpër kampus në dëborë 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. Nëse unë shkoj përsëri në ku isha këtu, këtu në vend të përdorimit Machine Lokale, ju mund të lidheni me Remote Machine, por që nuk është ajo që unë jam duke folur për këtu. Simulator është gjë që ju mund të dëshironi të shikoni në. Unë do të drejtuar këtë, dhe me të vërtetë ajo që është, kjo është në thelb një dritare mbi sistemin tuaj. Këtu është në të vërtetë sistemi im running, running Contoso, por në një mënyrë që lejon mua të ndryshojë disa nga parametrat ekzekutimit, parametrat mjedisore. Kështu që unë mund të them këtu, "Ju e dini çfarë?" Oh. Unë tashmë e kanë atë drejtimin në një simuluar 27-inch monitor në 2560 rezolutë. 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 ose duke ndryshuar parametrat DPI apo çfarëdo. Pra, në një ekran të vogël, një 10.6, atë që ajo do të bëni? Që ende duket e mirë, e drejtë? 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ë si pjesë e procesit të testimit. Dhe në qoftë se ka probleme si kjo, atëherë ju mund të kandidojë në një çështje duke u certifikuar për dyqan. Por kjo është pjesë e imitues. Really cool. Shumë e lehtë për të bërë këtë. Ju mund të përdorni karakteristika si e rradhës atë si të mirë. 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ë rradhës propozoj tyre, tabletë e tyre, dhe duke përdorur aplikimin tuaj me këtë. Ka disa gjëra të tjera shumë si rivalitet të prekin dhe disa gjëra të tjera, vendosjen e GPS. Unë mund të pretendojë unë jam në një vend tjetër dhe të shohim se çfarë bën kërkesa ime kur unë të pretendojë se unë jam kthyer në Seattle ose diçka. 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. Po. Pyetja juaj. 

[Studente] Nëse jeni të shkruar një lojë, ka Visual Studio të ketë ndonjë mbështetje për animacion? Po. Pyetja është rreth mbështetjes animacion, veçanërisht me lojrave. Kjo varet. [Chuckles] Me JavaScript unë do të them nuk ka ndoshta më pak mbështetje se sa është në anën XAML, e cila ka afatet kohore, ka Storyboards dhe gjërat që janë ndërtuar in Për animacione në Apps JavaScript, unë nuk e di se sa e një përgjigje unë dua të ju jap. Unë kam burime në blogun tim që kalojnë nëpër një shumë opsione për të dy animacione fizikës, mundësitë për lojëra JavaScript-orientuar në Windows 8. Unë do të ju referohen atyre. Në thelb, ka kaq shumë zgjedhje. Arsyeja që unë jam lëkundur është se ka kaq shumë zgjedhje për të bërë animacione me JavaScript. Kjo mund të jetë CSS, ajo mund të jetë e bazuar në Canvas, ajo mund të jetë vetëm animacione themelore DOM, ajo mund të jetë shumë gjëra të ndryshme, kështu që me të vërtetë varet në zgjedhjen tuaj. Në qoftë se ju vendosni të përdorni diçka si Create.js ose limonit ose llojet e tjera të kornizave - 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 Ndikimi pëlqen apo Ndërtimi. Kjo ka tendencë për të gjeneruar më shumë kod se ju mund të marrë parasysh nga e para. Por në ato raste, ju ende mund të përdorni një imitues, ju mund të përdorni mjediset, dhe unë priren të përdorin vetëm këtë mjedis për platformën time provë në ato raste si unë jam në zhvillim lojërat. Unë kam qenë e mirë sidomos me Canvas animacione, e cila është ndoshta gjëja më e zakonshme. Mirë që ju jeni do të gjeni me siguri është mjetet dev në shfletuesin dhe mjetet dev në Visual Studio. Lloj i një përgjigje meandering atje, por shpresojmë se kam marrë përgjigjen tuaj. Po. Ju. 

[Studente] Cilat janë mundësitë e furnizimit të dhënat për të Windows 8 Apps? Cilat janë mundësitë e furnizimit të dhënat për të Windows 8 Apps, Windows Store Apps? Mundësitë tuaja janë me të vërtetë çdo aplikim merr pishinë e saj të magazinimit lokale për cilësimet dhe për të dhënave, por është edhe qesharake të lehtë për t'u përdorur roaming magazinimit, për të përdorur cloud bazuar magazinimit. Është e lirë. Çfarë ndodh është që ju në thelb të zgjidhni një klasë të ndryshme dhe ju thoni, "Settings Roaming, Ruaj, ky grup të veçantë të përmbajtjes," dhe llogaria e tyre Microsoft, çdo gjë që ata kanë nënshkruar në të, do të jetë çelësi për roaming atë informacion rreth. Pra, nëse unë e përdor lojën tuaj në laptopë tim dhe pastaj të identifikohem me të njëjtën llogari dhe unë luajnë lojë në një sipërfaqe ose një tabletë, që automatikisht do të bredh se vendosjen dhe të dhënave në mes të këtyre makinave. Kjo është një gjë e parazgjedhur. Kjo është e mirë për shuma të caktuara të të dhënave. Ju nuk do të vinte një bazë të dhënash të madh në ato. Për këtë ju duhet të shkoni në llojet e tjera të zgjidhjeve, si një bazë të dhënash priti në një re, gjëra të tilla si se. Ka disa opsione të tjera të komunitetit rreth llojeve të tjera të teknologjive të dhënave. Unë kam parë disa opsione SQLite në komunitetin përreth atje shumë. Pra, gjithnjë e më shumë po dalin, por ato janë gjërat kryesore që ju do të shikoni në drejtim të për një lojë ose një app. Dhe ju kisha një pyetje në shpinë shumë. 

[Studente] Përsa i përket rrjetit [padëgjueshme] ngarkimi ose shkarkimit të skedarëve [padëgjueshme] [Bowen] A është pyetja juaj se si mund të shihni se, ose si mund të korrigjoj atë dhe të provuar atë? [Studente] Si mund të korrigjoj atë [e padëgjueshme] Më vjen keq. Unë nuk mund të dëgjoni të gjithë atë. [Studente] Si mund të merrni atë bug testuar dhe gjithashtu [padëgjueshme] Great. Great. Si mund të punojnë me rrjeteve? Si mund të shihni se çfarë po ndodh? Ka përgjigje të ndryshme për këtë, por më lejoni të ju tregojnë se ndoshta gjërat më të lehta këtu. Më lejoni të hequr qafe të imitues për një të dytë. Vetëm një çift opsione debugging për krijimin e rrjeteve. Ka një pirg të plotë rrjet pjekur të drejtë në të dyja nivelet WinRT dhe nga WinJS, 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ë. Kryesisht, unë priren të përdorin 2 gjëra. I përdorni mjetet aktuale Dev vetë, të cilat kanë një pirg rrjet pjekur në ta. Më lejoni të ju tregojnë faqen e Windows në shtëpi. 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. 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, përfshirë AJAX bën thirrje për atë seancë, për kohëzgjatjen që kërkojnë të. Kjo është e dobishme. Ajo do të jetë shumë i dobishëm për Apps shfletuesit të bazuara. Për llojet e tjera të Apps, duke përfshirë të Windows Store Apps, I përdorni një mjet të quajtur Fiddler. Ju jeni do të merrni një lojë në përgjigje. [Chuckles] Fiddler është një përfaqësim i thjeshtë. Unë mendoj se unë mund të tregojnë se për ju. Është vetëm GetFiddler.com, e cila, mjaft interesant, unë jam gjetjen pirg time rrjetit do të GetFiddler. Por gjithsesi, Fiddler është shkruar nga një prej kryeministrave në ekip IE, kështu që ai e di çfarë po bën. Kjo është një përafrues i mirë që ju mund të përdorni për të trafikut të rrjetit debugging. Unë do të rekomandojë këtë. Pyetje mbi atje. 

[Studente] A ka një mënyrë e thjeshtë për të integruar të dhëna të gjuhëve të huaja, si japoneze apo kineze, në Apps Windows-it? Unë nuk mund të them se unë kam bërë shumë nga ajo vetë, por ajo është e pjekur in Ka mundësi për sigurisht emitting kërkesën tuaj - Me fal, unë nuk them pyetjen - Opsionet rreth globalizimit, lokalizimin e përmbajtjes, duke përfshirë edhe gjëra të tilla si të qenit në gjendje për të shitur në tregje të ndryshme dhe synuar se versionin e aplikimit tuaj për ato gjuhë individuale ose kultura apo gjëra të tilla si se. Ndërtuar absolutisht in Ne kemi pasur mbështetje për se për përgjithmonë, dhe që mbart në mundësitë tuaja per Windows Store. Ju mund ta bëni atë në dyqan vetë, të shitur në tregje të ndryshme, ju mund të bëni që në aplikimin si dhe shumë me përdorimin e burimeve për të përcaktuar, "Nëse unë jam i zhvilluar për këtë kulturë, atëherë përdorni këto refuzon për përmbajtjen time tekstuale "Ose të përdorin të drejtën e majtë lexuesit." Ata janë të gjitha pjesë e WinJS parazgjedhur dhe WinRT TV. Pyetje e mirë. 

Si po bëjmë? Ka të tjera? Dhe në qoftë se dikush në video ka pyetje, unë jam cbowen @ microsoft, kështu që unë jam i lumtur për të marrë ndonjë prej pyetjeve tuaja nga e ardhmja. Shumë - Nga të ardhmen, të ardhmen [imiton jehonë]. Kështu që këtu është më. Më lejoni të vënë përsëri kontaktin tim këtu. Pra, vetëm më dërgoni një shënim, cbowen @ Microsoft, dhe unë do të kthehem te ju sa më shpejt që mundem. 

Çdo gjë tjetër që ju jeni të pyesin? A jemi të mirë? Great. Dakord. Ju faleminderit shumë të gjithëve. I appreciate it. [Duartrokitje] 

[CS50.TV]