[Powered by Google Translate] [Seminar - Windows 8 - App / Game Development koos HTML5] [Chris Bowen, Edwin Guarin - Harvard University] [See on CS50. - CS50.TV] 

Hei kõigile. Minu nimi on Edwin Guarin. See on Chris Bowen. Ma lasen tal tutvustada ennast teise. Ma tahan lihtsalt teha kiire teadaanne. Esiteks kõik te CS50 õpilased saavad Windows 8 tasuta. Seega, kui olete mõelnud tegelikult kasutavad seda oma lõpliku projekti, see on sinu. Nate saadab talle hiljem juhiseid. Teine asi on see, kui te otsustate, et kirjutada Windows 8 app oma CS50 lõplik projekt, me teeme mõned meened: Xbox, me võiksime olla võimeline andma kiltkivi ära, midagi sellist. Nii et kui on midagi, hoiab sind tagasi, las Chris või ma tean kuidas me saame aidata teil luua midagi tõeliselt lahe. Nii Tänan tulevad täna, ja ma selle üle, et Chris. 

Aitäh, Edwin. Aitäh, kõigile, sest meiega täna. Ma olen Chris Bowen. Olen üks Edwin kolleegid siin Northeast. Tahtsin veeta natuke aega sa räägid kuidas teha Windows Store taotluse HTML5, JavaScripti ja CSS ja liiki saa midagi küsimustele võite olla umbes see vastas teie jaoks kui otsite suunas mõtlema võibolla kasutada seda CS50 finaali võimalus. 

See tähendab, et me lihtsalt sukelduda õigus sisse Ma lähen üle slaidid siia. Kui sul on küsimusi, võid vabalt saata mulle e-mail. Olen cbowen@microsoft.com, ja seal on minu blogi ja minu Twitter. Kuid sa tahad saada ühendust minuga, see on hea. Mul on umbes tund asju, ja ma tahan, et saada oma küsimustele mööda teed, nii ei ole häbelik umbes võttes küsimusi ajal. Nad ei saa aru, kes küsib küsimusi Salvestamise et sa pead olema nii anonüümne kui sa tahad olla. 

Lubage mul sukelduda õigus, vaid annab sulle kiire sissejuhatus Windows 8, ja näitan sulle mõned asjad umbes Windows Store apps, et sa võiksid kaaluda kui sa mõtled arendada taotluse. Otsime Windows 8. Me oleme välja paar nädalat nüüd. Palju tugev vastuvõtmist seal juba. Võib-olla olete näinud juba Surface masinaid, mis on meil samuti. Seal on üks üle siin tegelikult võite võtta pilk, kui sa siin oled isiklikult. Ma tõesti tahan sinuga rääkida, näitan sulle ümber natuke Windows 8. Idee Windows 8, see tõesti ei tuua kõik asjad tead Windows mõningaid uusi kogemusi - eriti asju pinnale masin touch, Sellised rohkem mobiilseid seadmeid, mis on praegu turul, aga see on ka Windows keskmes. Nii et see tähendab, et saate installida see tõesti on midagi, mis töötab Windows 7, Teie suurim triple SLI gaming rig maha oma sülearvuti ja oma uhiuut muud seadmed, mis sa võiksid kiirenemist täna. Nad kestab Windows 8. Ma näitan sulle ümber natuke, ja kõik kogemused, mis te näete siin on asju, mida saab luua. Mõte on selles, kas see on touch, hiir, klaviatuur, mis iganes seade on see, et sa kasutad oma taotluse, et see saab käivitada suur. Windows 8 on aidata kõiki neid stsenaariume. 

Need slaidid kõrvale, lihtsalt saada paremale võttes pilk siin. Las ma näitan sulle ümber mu koju ekraani. See on minu Start ekraanil. Ma lihtsalt annan sulle natuke tour siin. Ma olen mitte-touch masin, nii palju kui ma tahan puudutada oma sülearvuti ekraani, ta ei tee midagi, nii et ma lihtsalt kerida siin natuke ja näitab teile. Mõned asjad võite märgata, on asjaolu, et need nn live plaadid tegelikult saab animeerida, ja nad võivad anda teavet teile - võibolla uuendused statistika mäng või näitan sulle uudis mõnest varasema apps, mis on siin vasakul pool. Niimoodi. Ma olen kindel, et see on ainult positiivne ja fantastiliselt hea uudis. Näete siin see on tõesti helistamise tähelepanu tagasi app, öeldes: "Hei, seal on midagi uut siin. Heitke pilk. Tulge ja vaadake, mis uudist teile." Seda nimetatakse live plaat, ja mida saate teha, teated kas otse taotluse ise või kui te võtate pilk täpsemalt, saate teada, kuidas kirjutada serveri teenus mis võib tegelikult push teabe plaat, mis on see, mis toimub nende uudised apps. Nad tegelikult saada uudiseid pilv ja ajakohastamine plaat seal et inimesed teavad, et see on põhjus, et avada rakendus ja heita ükskõik mis viimased uudised on, et kõigil nende või kas seal on uusi retsepte või uus rekordite võita või sõbrale mängides või mis iganes nende taotluste kohta. See on midagi, mis ahvatleb sind tagasi sisse Nii et live plaadid, ja see võib olla isik, võib see olla kodulehel samuti. Tavaliselt on see rakendus. 

Päris palju kõik need asjad, mis mul siin on tuli Windows Store. Ma käivitada seda. See on üks taotlusi, et sa saad vaikimisi iga masin, mis jookseb Windows 8. Võite tulla siia, et leida midagi, mida sa tahaksid, asju, mis on esile tõstetud, et mängud, mida ma ei ole varem näinud. Oh, vau, meil on uus pinball siin. Võite installida need siinsamas poest, ja me räägime, kuidas arendada neid. Teil on palju valikuid, kuidas sa neid tekitada. Me keskenduda JavaScript lugu HTML ja CSS, aga kasutajale, ostjale app, see ei ole oluline, mis see oli kirjutatud sisse Nad võivad minna ja tööd teha. Mind paeluvad see üks, nii et ma pean selle avada ja vaadata. Iga app, sealhulgas need, mida saate esitada ja müüa või ära anda tasuta, mida iganes sa tahad seda teha poes, saavad kodulehekülg niimoodi. Võite esitada oma taotluse hunnik ekraanipilt - näete mõned siin - Täpsemat infot taotluse ja ajas teid koguneda nii hinnet - nad põhiliselt just tärnide - ja ülevaateid, mis pakuvad natuke rohkem arusaamist. Tegelikult keegi ei kirjuta midagi ja öelda, kuidas awesome sa oled, ja mis läheb teie kommentaare lõik siin, mida ma ei ole uurinud. Fantastiline. "Kas isegi mitte avada." Kuidas suur. Noh, inimesed, kelle jaoks see ei avatud ja kestab, nad tunduvad tõesti nautida. [Naerab] Pea seda meeles. Internet. Keegi ei saa öelda, mida nad tahavad oma taotluse. Seega veenduge, et te teete väga head tööd ta, veenduge, et te teete seda mugav kasutajale kui saate sest nad on paar klõpsab eemale andes ülevaate, ja et koguneda kuni teie üldine ülevaade reiting. Ja sa tahad teha oma parim, sest te ei kavatse olla vastu muid rakendusi. Tekib tuhandeid apps juba poe ja võimalused on, seal võib olla midagi, mis ei sarnane funktsionaalsus, mida sa teed. Nii et kui te tõesti seista välja tõrjuda, et see saab olema teie eelis, muidugi. 

Me saame poodi natuke hiljem. Ma tõesti tahan keskenduda luua apps. Aga lühike variant kauplus on ülemaailmne levik, see automaatselt osa Windows 8, inimesed lihtsalt tule see üles ja kui heita pilk eri apps siin teil on dress Up Sticker Book ja igasuguseid erinevaid rakendusi. Fresh Paint, ma kasutan seda palju - halvasti, kuid ma kasutan seda palju. See näitab, et mul on juba sinu oma. Las ma näitan sulle midagi, mida ma ei ole - UVideos mul ei ole nagu uhiuus. Näed siin see on tasuta, nii et saate installida otse poest. Sul on võimalus valida ka. Võite muidugi ära anda. Võid panna reklaami app või mäng. Võite küsida seda, ja sa võiksid väga kergesti ette kohtuprotsess ning taotluse nii et sa ei lase inimesed proovida nädala või mida iganes sa tahad teha. See on lihtsalt kohandatav portaali kaudu. Sa ei saa kirjutada mingi koodi eest. Nii et te ütlete: "Te saate seda nädal ja siis sa pead seda osta," või võid teha asju nagu: "Sa võiksid mängida esimest 3 taset see mäng "Ja siis sa pead ostma pääseda puhata." Sa võid isegi teha in-app ostud ka, nii et sa ei saa öelda, "Meil on veel seiklusi või komplekti graafika või asju, mis on lukustamata - "Retseptid, mis on lukustamata - kui ostate neid laiendada komplekti." Ja seda saab teha, et kõik rakenduse sees või mäng ise. Niisiis, täiesti sinust, sinu valik. Seal on palju asju, mida saate teha, et hoida, ja siis põhimõtteliselt sa esitades selle sertifitseerimine kanal. Me võime rääkida kõike seda veidi hiljem, kuid see on eesmärk. Sa tahad, et su app maailmas nähtavamaks poes siin. 

Tagasi Start ekraani siia, ma tahan teile näidata ümber natuke rohkem. Kui ma käivitada need apps, lubage mul anda teile näide mõned piiriülese app funktsionaalsus siin. Selleks, et ma käivitada Fresh Paint. Üks asi, mida sa näed siin on iga bit ekraani kõik pikslid ekraanil, minge oma app. Möödas on päevad, kui teil on neid piire ümber akende kus on palju nuppe, mis on alati olemas, võttes ruumi kogu aeg. Nüüd sa tõesti tahad saada eemale ja lihtsalt oma sisu olema fookuses. Me ei saa teha asju koos Windows pääsedes muud liiki menüüsid. Üks neist on tegelikult see, mida nimetatakse amuletid bar, ja see väljub pool ekraani. Võite tegelikult Flick küljelt kui teil on puutetundlik, võid paremklõps, kui teil on hiir, seal Näppäinoikotietä see, seal on alati rohkem kui üks võimalus teha midagi keskkonna siin. See toob välja mitmeid asju, mida saate teha. Kõige ilmsem on see saate tagasi minna Start ekraanil aga teised 4 on nn võlusid. Need on lepingud, mida saab pistik nagu app arendaja. Nad on päris lahe. Otsi, ma olen kindel, et see on midagi, mida sa tegema hakkad, jagamine ma näitan teile teiseks ja Devices and Settings, need on kõik asjad, mis teie app saab pistik võimendada Windows, et öelda: "Ma olen oma osa "Ma tahan Windows toetada mõned muud funktsioonid, "Ja ma ei taha, et kirjutada palju koodi, et muuta see juhtub." See on tõesti kasu, kasutades neid funktsioone. Las ma näitan sulle ühte. Selleks, et ma teen uue maali. Olen ka rääkinud, kasutades iga piksli oma app. Vaikimisi on see, mida värvi app välja näeb, kui te kasutate seda. See on tõesti peaaegu mida iganes sa joonistamine, oma sisu. Ma võiks teha kohutavaid asju siin. Mida tuleks teha? Ma ei tea. Scribbles? Oh, tore. Ma võin teha kritseldusi. Fantastiline. Türgi? [Naerab] See on kõige abstraktne Türgi näed. Võin ka tuua, mida nimetatakse app bar, ja see on tõesti üks peamisi viise, mida saab kasutada peita kõik asjad, mis oleks võinud olla teie app või mängu enne vaid asumist ruumi kogu aeg. Nüüd võite panna see siia üles, ja see on tõesti üks ilusam kogemusi app riba, mis ma olen näinud. Pane valikuid siin valiku erinevaid värve. Tahtsime Türgi, seega panen natuke pruuni siin alustada segamist paar värve. Võtame vahepealne värv siia ja siis siia tagasi. Te võite alustada joonistamine. Seal on oma kalkuniliha. Fantastiline. Ma ei saa teha, et alustada, kuid teha seda koos touchpad ees publik on veelgi parem. See on fantastiline. Idee on aga kõik, mis ma hoolin on siin pinnal. Oletame, et ma olen nii rahul, et ma pean seda jagada kellegagi. Tavaliselt, mida sa teeksid teiste versioonide Windows, siis oleks võib-olla võtta Ekraanipilt, siis teeksin mõned copy-paste oma teksti või asju, mida soovite jagada, ja siis minna ja avada teises rakenduses ja pane see sinna. Siin te ei pea seda tegema. Võite tegelikult tuua välja võlusid bar ja öelda: "Ma tahan, et jagada seda." Siinkohal läheb näidata teile kõik apps et tead, kuidas töötada mis iganes on jagatud. Sel juhul on see pilt, nii et see saab öelda: "Ma näen, et sul on pilt." "Kas sa tahad, et jagada seda?" Näete ma kirjuta ise asju kogu aeg. Ta tunnistab, et, ja see pakub mulle, et otsetee aga see on ka näitab mulle iga app, et teab, kuidas tulla toime pildistamist ja midagi sellega. Need on kõik näidatud, et Windows et nad saavad seda teha. Sel hetkel on see Windows. Kasutaja lihtsalt valib, mida nad tahavad teha. Ma teen oma tavapärast ja PuzzleTouch. Näete Olen loonud kõikvõimalikke mõistatusi ajas. Ma võtan PuzzleTouch ja öelda: "Ma tahan jagada seda imelist loomingut PuzzleTouch." See saab minna ja öelda: "Hästi. Sa tahad jagada? Fantastiline." "Kas sa tahad teha puzzle, mis on lihtne, vahe, mis iganes?" Ma teen vahepealse siin. See muudab puzzle. See saab olema kohutav puzzle sest see on enamasti tühi. Aga see on valmis, ja see on tegelikult tagasi teine ​​taotlus. Kui ma siia tulema, võin otsida seda ja käivitada see. Nüüd, kui me kerin natuke siin peaksime nägema mu looming kusagil. Kust ma minna? Millist puzzle ma tegema? Kas ma oleks lihtne? Oh, siin see on, just seal. [Chuckles] See on kergesti äratuntav Türgi puzzle, mis siin on. Kuid asi, mida ma tahan juhtida teie tähelepanu, lahe asi siin Kas apps ei tea midagi üksteisele. Nad ainult ütles: "Mul on pilt, et jagada ja ma tean, kuidas tulla toime pilte." Ja sina kui arendaja, sa ei pea kirjutama, et kood. Kui keegi küsib minult, et jagada, ma panen mõned andmed selle väikse andmestruktuur ja ma olen teinud. Teine app võtab üle, ei oma asi, ja see lõpuks kogemuste jagamine. See on lihtsalt üks asi, mida saate teha - tõesti võimas - ja see saab olema üks nendest asjadest, mis võib tõesti aitab eristada oma app ja ka oma mängu ka poest. Inimesed hakkavad olema võimeline ütlema: "See on tõesti kasulik." "Ma kasutan seda puzzle looja kogu aeg. Ta on fantastiline." 

See on umbes piisavalt lühike ülevaade sellest, mis siin toimub. Seal on paar muid funktsioone ka, et äkki me esile kui me minna läbi koodiga. Aga ma tahan, et sukelduda slaidid, ja mida teha, et ma lähen minema Desktop, kes on ise teise live plaat siin. Ma ei hakka seda ja, jumala eest, ma olen slaide, kuid lubage mul teile näidata tegelikult, kus me oleme. Oleme tegelikult Desktop režiimis. See on tõesti, kui see, mis ma ütlesin enne Windows edasikandmise uutele kogemustele näitab ise. See on Windows tead. Windows rakendusi kutsutakse desktop apps. Nad töötavad siin. Kui olete olemasoleva apps ja soovite käivitada neid Windows 8, saab absoluutselt seda teha. Need ei ole samad asjad nagu poest apps, mis on seal, nagu Fresh Paint ja need NBC News apps ja asjad niimoodi. Need tulevad poest. Nad võivad pistik mõned omadused, et ma olin näidatakse teile ja teised, et ma ei ole näidanud sulle veel. Aga seda meeles pidama. Meil on toetus nii need asjad samuti. Vabandust. Kas midagi ei näita ekraanil? Ma kaotasin ta täielikult. See on imelik. Okei. Täname juhtides selle välja. Mida sa ei ole näinud mõnda aega on minu näitab, et töölaud on siin. Mis on viimane asi, mida sa nägid? Kas sa nägid seda? See on töölaual. Sa juba tead, kuidas see välja näeb. See on midagi väga ebatavaline. See on meie, kes seda kogemust edasi teile ja lastes teil kasutada asju, mis sul oli. Näiteks, ma näidata teile Visual Studio. See on töölaua rakendus. See hakkab kulgema selles režiimis. See saab toetada keerulisemas keskkonnas palju võimalusi ja asju, nii et see muudab hea valik, kuna desktop app. 

See tähendab, et lähme slaidid natuke ja teile mõned sissejuhatavad sisu ja siis satuvad tegelikult kodeerimine siin. Hea uudis on, et ma kuulsin, et sul on keskendunud palju CSS ja JavaScript, HTML. Kõik need asjad, mida olen õppimise carry otse muuta Windows Store apps. Asju, mida olen kuulnud, mida saadakse CSS valijad ja kõik need asjad, just see, mida teha, et luua taotlus siia poodi. Me läheme läbi neid asju vähehaaval. Põhimõtteliselt ma toetudes asju, mis teil juba on võtnud aega, et õppida. See on üldine skeem tehnoloogiaid, mida võiks kasutada teha taotlusi Windows 8. Stuff on õigus desktop apps, on tõesti see, mida me juba teame. See kraam, mis on tegelikult Windows 7 maailma ülekantud Windows 8. Kõik need võimalused kanda: C #, VB, Win32 liiki arengut. Suur. See pole probleem. Uued asjad on vasakul servas. See on Windows Store apps, siis ma tahan, et mu taotlus traadiga Windows 8 kasutades kõik need omadused, saada see pood, ja saada, et väga lahe kogemus Windowsi pood rakendusi. Selleks, et näed siin on sul kõik oma valikuid, XAML, C + +, C #, VB, mida võiks teha, DirectX, asju, asju, mis lähevad kaugemale slide. Aga meie, me ei kavatse keskenduda õigus sellele, et HTML, CSS ja JavaScript on tõesti esimese klassi kodanik tegemise taotluste Windows 8 ja Windows kauplus. Nii et see on hea kõigile siin ja inimesed vaadates video sest sa ei saa lihtsalt ära kõiki neid kogemusi, et teil on ja tõesti lips, milliseid Windows pakub. Sa lähed teha läbi kogumi APIs, mis ei tohiks olla üllatus. Iga OS on oma APIs. Me paljastada, mida Windows saab teha läbi, mida nimetatakse WinRT. See on kogum API, mis lihtsalt teeb kõike teile. Kui teil on vaja avada faili, peate kasutama kaamera kindlale asju, nad lähevad läbi, mida Windows saab pakkuda teile. Et pääseda sellele, et meil on veel mõned JavaScript, et läheb muuta see veelgi lihtsam teil seda teha. Me saame selle kohe. Aga nüüd, et on põhimõtteliselt oma tegevuskava. Asju, mida sa oled juba teinud peal mõned APIs , mis aitavad teil töötada Windows võrdub poe app. Ja see on tõesti umbes kõik, mida pead teadma, on kõrgel tasemel. 

Me sukelduda tegelikult töötavad kraam nüüd. See, mida te olete ilmselt juba näinud kamp, koos IE9 veidi aega tagasi tutvustasime toetust palju ajal, uuemad standardid Web, nii palju uusi CSS omadused, palju uusi HTML, ECMAScript 5, mis on tõesti JavaScript. Seega kõik selle välja arvatud range režiim oli IE9. Just ton kraami CSS, CSS3, kõik on seal. Ja kõik see kraam viib edasi sellest, mida me teeme koos Windows 8. Võite kasutada neid asju, ja mida saab kasutada kõike, mis on uus IE10. Mis IE10 tutvustame toetust kõik need asjad samuti. Nad on kõik riistvara-kiirendatud, nii et kui sa oled masin, mis on mingi GPU, mis on ilmselt päris palju iga masina, võid saada viimase 8 aasta jooksul, sa lähed, et oleks võimalik saada laitteistokiihdytetylle väljund, visuaalne väljund CSS, Canvas, SVG. Kõik need asjad lähevad läbi riistvarakiirendi ja et palju kiiremaks ja tõhusamaks. Lühiversioon kõik see - Ma ei lähe läbi iga asi siin - kui sa näed seda selles nimekirjas, kui vähegi võimalik tee seda IE10, kui see on web app, et näed, mis töötab IE10, see on midagi, mida saate teha, kui Windows Store app. Ja see on päris palju see. Nii et kui see töötab IE10, et see saab töötada Windows Store app. See on laual, kui midagi, mida võiks kasutada. 

Seal on palju siin. Me ei pea keskööni, nii et ma ei saa vaadata kõike siin. Aga seal on mõned saidid, mis aitavad teil mõista, mida need asjad saab teha, ja ma näitan sulle ühte neist teine. Ma lihtsalt tahtsin rõhutada, mõned olulised asjad, mida sa võiksid vaadata. Võib-olla olete juba näinud mõnda neist oma õpinguid, kuid need on tõesti kasulik, eriti Windows Store apps alates CSS pool. Nii on võimalik teha teisendusi ja üleminekud pakuvad motion animatsioon - need on kõik osa CSS nüüd, ja nad kõik toetavad kaasaegsete brauseritega, ja IE10 ja IE9 lisanud toetus aja jooksul kõiki neid asju. Ja miks kirjutada seda ise, miks minna läbi kõik hädas nende asjade käsitsi kui sa võiksid kasutada lihtsat CSS muuta, et luua 3D oma taotluse? Suur. See, kuidas see toimib. Ma ei tee seda raskemaks, kui see. Kui tead, kuidas seda teha CSS, sa tead, kuidas seda teha Windows Store app. 

Minnes kaugemale, et skeem, asjad isegi poodi app, aga mis läheb kaugemale vaadates võib-olla uudis app, mis on, mis näitab teile artiklid või retseptide või asju, need muud liiki funktsioone CSS on tõesti kasulik: Grid, Flexbox, CSS Piirkonnad on rohkem suhteliselt uus standard samuti. Need asjad on kõik läheb, et aidata teil välja panema sisu ja voolu sisu osade vahel, oleks võimalik teha pagination ja poolitamise et pole vaja kirjutada asju ise. Sa lihtsalt öelda: "Palun tehke järgmist minu jaoks" ja ekraani kinnisvara on erinev erinevate masinatega või kui näete hetkel kui sa snap taotlus väiksemaid summasid ruumi ekraanil, see pole probleemiks CSS. Seda saab ära kasutada - Eks me räägime meedia päringuid teine ​​- see suudan asju repositsioneerimine sisu, voolav sisu piirkonnad ainult need asjad, mida te võib-olla juba näinud web tehnoloogia. 

On HTML5 poolel on ka hunnik asju mis on väga kasulik teile Windows Store apps. Jällegi, me ei lähe läbi kõik need, kuid nad lihtsalt siia. Nii et kui teil on vaja seda kasutada, audio-video, kui sa tahad teha valideerimine alates vormid kindlale kõik asjad, mida saate teha JavaScripti JavaScript 5 või ECMAScript 5, IndexedDB kohalike ladustamine - need on kõik võimalused teie jaoks. Kui otsite vastust, lihtsalt otsida olemasolevate tehnoloogiate HTML5 ja CSS ja leiad kergemini vastuse, kui oleks vaja rullida palju seda kraami ise. Las ma näitan sulle ümber natuke siin. Mul site saame minna. Las ma lõpetan siit slide teise. 

Kui me minema IETestDrive.com, Ma ei tee palju demo siin. IETestDrive.com tegelikult näitab teile, palju, mida uut on IE10, asjad, mida saate teha. Leian, et see on tõesti kasulik, sest selle asemel, et lugeda läbi hunnik lühiülevaated vaadata mõned demod ja et läheb, et aidata teil panna see oma isikliku radar kas tehnoloogia on mõtet isegi teha rohkem teadusuuringuid nii saad aru, "Ma näen, mis see on." "Ma saan aru, mida taotlus Animation Frame teeb minu jaoks." "Ma saan aru, kuidas ma võiks kasutada regioonide või SVG filtrid." Näed neid tegutsemas, neid näha näiteks siin, ja otsustada ise, kui see saab olema kasulik teile teie enda projekte ja kaugemale nagu te jätkuvalt koos web tehnoloogia. Siin ma lihtsalt kutsun teid üles võtma pilk. Ma ei usu, et ma kulutama palju aega tegelikult töötab neid. Meil on piisavalt, et näidata kirjalikult koodi. Näete siin asju touch mõju puudutada baasil mänge selle osa, animatsioon, tõesti kiire laitteistokiihdytetylle animatsioon seal, mõned optimeerimisest et näete mõned neist proovidest samuti, ja seal on palju, palju rohkem. Kui te lähete üle siin ja avada saidi kaart, seal on lihtsalt naeruväärne proovide arv siin. Näete neid kõiki siin. Kui otsite midagi, või olete kuulnud midagi ja sa ei tea, võib-olla oleks see midagi lahedat kasutada app, proovida vaadata siin ja seal ilmselt päris hea demo see säästa ennast mõnda aega. 

Okei? Kõik küsimused nii kaugele inimesed siin? Okei. Me jätkata siin. Jällegi, vaid vaadata, et välja. Nad on veebi standardeid, et minna mõne muu presentatsioon saite, et sa ei tea ja vaata, kas need tehnoloogiad mõtet, mida sa üritad teha. 

Tagasi slaidid. See tähendab, et sa liiguvad Web maailm tõesti paigaldada kohalik rakendus maailmas nii seal on mõned asjad meelde siin. Esiteks pole veebiserveri kaasatud siin. Pole Apache, pole IIS töötab siin teenindavad up lehekülgi serveri kliendi serveri brauseri agent. Sel juhul on tõesti kõik on pakitud üles teile. Sa märgivad, et kui teie taotlus poodi, siis saab tõestatud, see läbi poest, ja siis inimesed tuhandete kaupa paigaldab oma mängu või teie app. Aga põhimõtteliselt, nad tõmmates maha kohapeal nende masin. Ei ole vaja minna välja Web enam, kui teil on üks kõne, mis on vaja serveri API, ja see on täiesti normaalne, samuti liiga. Aga nad ei kavatse olla, et režiim, kus nad peavad minema taotluse vastust server saada järgmisele lehele oma sisu. Nii et öelda, seal on mõned väikesed API erinevusi. Need on väga väikesed. Nad on ebatõenäoline tulistavad oma normaalse kodeerimine, kuid nad vähemalt dokumenteeritud. Nad omamoodi serva juhtudel. 

Teine asi väärib märkimist, on usaldus erinevusi. Ma ainult mainin seda, sest ma lihtsalt tahan veenduda, ma ütlesin seda nii et kui sul tekib hiljem, peate mõtlema, "Chris ütles midagi selle kohta, "Võib-olla, jah, olgu," ja siis tagasi minna ja sa teada, mis see oli. Konteksti küsimus. Vaikimisi püüame kaitsta kasutaja vektorite rünnaku. On teatud asjad, mida saate teha, on vaikimisi ja teatud asju, mida tuleb muuta seoses võimaldada. Nagu te kasutate mõned raamatukogud seal - Sa oled juba töötanud koos jQuery, aga kui sa vaatad teiste raamatukogude seal - sa võid olla kasutades mõned funktsioonid selline ületab kohaliku korra ei dünaamilisem koostoimed XHR taotluste asjad niimoodi. Mõnikord võite leida need on vaikimisi välja lülitatud, ja sel juhul lihtsalt ei otsi, otsima kohalike ja veebi kontekstis ja saate teada, kuidas määrata seda. Lihtsalt veenduge, et te ei teadnud, et te hakkate kasutama teiste raamistike mis ma peaks mainima, et sa oled täiesti võimeline tegema. Nii et kui sa leiad mõne teise raamistiku - Eks me räägime sellest teises - mängu-ja soovite kasutada seda, mida soovite kasutada teatud kontrolli raamatukogudes, mis on seal ja sa ei taha, et kirjutada, et asju ise - see on hea mõte, eks? - võite täiesti kasutada seda kraami. Et miski ettevõttest sulle tagasi, kasutades mis tahes raamatukogu, mis on põhineb JavaScript, CSS, HTML5. Jällegi, kui see on midagi, mida saate teha IE10, mis on Heck on palju nendel päevadel, te ei saa seda teha. Tõmba see oma app, viidates, et JavaScript raamatukogu, ning kasutada seda oma taotluse, lihtsalt meeles pidada, võite lüüa julgeoleku kontekstis üks kord samal ajal - mitte väga sageli. 

Ja siis funktsioone, me läheme üle mõned neist, nagu me minna. UX sa omamoodi harjuda nagu näete rohkem ja rohkem rakendusi Windows Store. Sa saad tunda, kuidas nad töötavad ja kuidas disain esteetiline kipub töö erinevate rakenduste ja mida inimesed kasutatakse tekkinud. See on tõesti oluline osa. Veenduge, et kui nad tule üles oma app nad ei pea lugema manuaal, mida nad ei tee, mida teed. Nad peaksid lihtsalt olema võimeline mängima hakata oma taotluse ja viinud ta läbi ilma suuremate raskusteta. Jäädes ja küljes palju neid tavasid, sa lähed teha oma kasutajatele suure teene, muutes selle lihtsamaks. 

Okei. Üks viimane asi, API pool ja siis me võtame arvesse tegelikult kirjalikult koodi. WinJS on see asi, mida ma mainida väga lühidalt, et keeruline slaid kõik need erinevad valikud, et teil on tegemist rakendustega. WinJS, võite mõelda, et see on sõber. See on su sõber, et aidata teil kirjutada asju kiiremini. See on lihtsalt JavaScript ja CSS. Sa ei pea seda kasutama. Võite seda kasutada. Kui sa lähed tuleb helistades Windows funktsioonid, siis lõpuks seda kasutada, aga kui seal on asju, nagu mõned disaini mustrite või kontrolli, et sa tõesti ei taha kasutada, soovite kasutada midagi muud, see on sinust. Otsusta, mida tahad kasutada ja stiile, mida soovite kasutada. Funktsioone Namespacing ja klass põlvkond - sinust. Kui soovite ühte või teise, see on täiesti oma valik. See on ikka JavaScript ja CSS. Aga see läheb, et aidata teil teha palju asju. Näiteks, siin on alagrupis mida ta saab teha, asjad aitavad asünkroonse programmeerimise lubadusi. Kõik on kuulnud või töötanud Node.js? See on ühine muster töötada asünkroonse programmeerimise. Ühesõnaga, mida sa öelda, "Mine tee midagi, "Ja sa lähed mulle luban, et sa saad tagasi mulle, kui sa oled teinud." See on sisuliselt, mis toimub. Nii et sa ei külmuma oma taotlus, kui kasutaja läheb ja korjamine fail või midagi on striimitakse alla veebist. UI endiselt tundlik. Ja sa ei saa seda teha, kasutades asünkroonse programmeerimise. See kõlab naeruväärselt keeruline, kuid see on väga lihtne, sest sa kasutad lubadused ja sa ütlesid: "Mine tee seda ja kui sa oled teinud, helista tagasi seda meetodit." See on päris palju see. See on kõik ehitatud WinJS. See saab teha palju lihtsam kirjutada tõesti paindlik ja võimas rakendusi. 

Näete ülejäänud siin palju animatsioone. Tõenäoliselt üks tähtsamaid asju on see slaid on kontroll. Ma arvan, et mul on terve - Jah, ma tean. Siin on näide vaid mõned kontrollid, mida saab kasutada oma rakendustes. See kõik on otse üles WinJS. Sa ei kirjuta neid endid sa lihtsalt öelda: "Siin on, kuidas ma tahan kirjutada oma taotlus." "Ma kasutan lappamiskuva et ma saaksin minna eri pilte." Ma pole teile näidanud Semantiline Zoom. Ma näitan sulle, et teine. Nimekirjavaadetele. Seal GridViews. Sa oled juba näinud grid osana poest rakenduse nii on võimalik kasutada plokkide sisu ja kerimist et. Flyout menüüd näete aeg-ajalt. App bar ma näitasin teile, et Fresh Paint kohaldamise samuti, siis nägin, kuidas saate kohandada, et pannes nööbid see ja millel on mis peidavad ära, kui sa ei hooli, et seda kasutada. See on tõesti täiesti sinust kasutada. Need kõik on kontrolli, mis on osa WinJS. Ma näitan teile, kuidas teha neid lihtsalt teise, kuid seal on midagi enamat kui lihtsalt see, ja peamine asi on neid kasutada, kui soovite, säästa aega. 

Kui teil on muid kontrolli raamatukogud, mida soovite kasutada, see on täiesti trahvi ka. Asjad nagu jQuery UI teha palju sedalaadi idee samuti, andes rohkem kontrolli, et laiendada, mida saate teha, HTML ja JavaScript. Olgem sukelduda sisse ma olen juba öelnud. Kasuta, mida sa soovid. Pea meeles, et sa võid joosta mõned kontekstis küsimusi. Aga sa võid kindlasti segada ja sobitada mis tahes liiki raamatukogud oled rahul, sa tahad õppida, mida soovite kasutada, et säästa ennast mõnda aega. 

Räägime tööriistad lihtsalt teine. Saad, mida sa vajad, et alustada koostööd Windows Store apps. Kui ma tagasi minna, mul on liiga palju asju siin. Kui sa lähed sellele lehele, mis on dev.windows.com, saate alla laadida kõike, mida vaja. Kui õpilased, teil on juurdepääs rohkem kui üldsusele ei, nii saad kõrgemas otsas versioonid Visual Studio. Edwin mainitud saab juba saada Windows samuti. Aga üldiselt, kõigi arendajate jaoks, võite minna sellele saidile ja lae alla kõike, mida on vaja teha taotlus, ja see kõik on tasuta. Seega on tasuta versiooni Visual Studio, seal on mõned vahendid, mis paigaldab kõrval et - kõike, mida vaja luua ja testida oma taotluse. See on ainult siis, kui sa lähed, et avaldada oma taotluse up poodi et sa lähed vaja arendaja konto. Ka minu arvates on tasuta. Kas see on tasuta õpilastele ka? >> [Guarin] Kumb? Arendaja konto tegelikku esitamist. >> [Guarin] Jah. See on rohkem häid uudiseid. Sa lähed vaata seda. See ütlen üksiku vaikimisi on see 49 $. Aga ärge logida, et kui õpilane. Me saame teile mõningast teavet teie programmide kaudu, et saad tasuta konto, ja mis võimaldab teil seejärel esitada oma taotlused paremale üles poodi, nii palju, kui soovite, ja kõik see headus peagi järgima. Nii et dev.windows.com. Võite alla laadida tööriistu, mida võib vaja minna siit. Ja kui sa tahad, saad prooviversiooni Windows siia kuid jällegi, sa ei pea. 

Teine ala - lubage mul see välja teie jaoks kiiresti - on design.windows.com. See oli dev.windows.com. Design.windows.com võite arvata, mis see on. See on tegelikult üsna sõbralik kohas. Seal on palju häid infot siit. Võite töötada läbi. See läheb teile mõningaid nõuandeid, mõned asjad et võib-olla te ei ole mõelnud varem või pidi tegelema enne, nagu projekteerimine touch, projekteerimine eri vormi tegurid, projekteerimisel võimeid Windows 8, asju, mida ma varem mainitud nagu otsimine ja jagamine on mõned asjad, mida ma ei ole rääkinud veel. Nad kõik loetletud siin, ja see on päris hea hulk kasulikke fail lehekülge mis aitab teil mõista, kuidas teha teatud liiki rakenduse kuidas teha suhtlemist, kuidas tulla toime UI ja UX oma taotluse. Ma soovitaksin teil võtta pilk see, eriti kui teil on mingil hetkel lootes avaldada taotlus poodi. Sa lähed tahan teada, kuidas teha head taotlus sest ma mainisin enne, kui sa seda ei tee, siis on need kommentaarid uuesti. Inimesed hakkavad olema õnnetu. Nad ei suuda leida asju, mida nad ootavad, õiges kohas. Keegi ei taha, et sinuga juhtuks. 

Edasiliikumine siin, las ma sulgeda selle üles. Nüüd sa tead, kust saada asju, ma näitan sulle, kuidas tegelikult hakata asju. Et alustada, siis ma tegelikult näitan teile siin näite desktop apps minu Start ekraanil. Siin näete Visual Studio, näete Blend ja kehitystyökalut mis mul on. Neil on veidi erinev plaat. Ongi, sest nad on desktop apps, ning sellisel juhul on nad kõik läheb käivitada tagasi minu töölaual tõesti nagu apps, et sa oled harjunud. Nii Windows kogemus, see on sama asi. Nad ei ole, näiteks nagu relva! või neid asju. Lubage mul alustada ühe kiiresti. Tegelikult siin on huvitav. See on välja töötatud üliõpilastele, kes töötavad partnerluse NERD. Full screen rakendus selliseid kogemusi siin. Oh, kena lõigatud ekraanid ja igasuguseid lõbusaid asju. Nad arendasid seda. Me võiksime sama hästi näidata, et kogu asi, kui me seda. Tegelikult ma töötasin nendega natuke, andis neile nõu, asjad sest nad teevad JavaScript oma taotluse. Palun, ma ei vii oma töö eest tunnustatud, nad tegid kõik tööd. Ma andsin neile natuke nõu siin ja seal, kuid nad tegid mõned suured asjad, kasutades JavaScript esiotsa ja sidumine mõnes füüsika mootorid ja asju teha palju seda tööd. Mine. Vaatame, kas see töötab. Wow, see ikka töötas. Olgu, hästi. Kuid saate idee. Täisekraanil app, tõesti hea kogemus. See toetab mitte ainult minu hiir ja pliiats kui mul on asju, vaid ka puudutada. Kui mul oli puutetundlik, ma võiks lihtsalt teha selle peale ja jätkata tööd sellega. 

Üks asi, mida ma ei näita, ja põhjus, miks ma toon selle üles on Tahtsin veel ühe app teile näidata, mida saate teha, tegelikult võite võtta rakendused Windows ja lohista servas. Seda nimetatakse haaramine taotluse. Sel juhul olen võtnud Inkarus ja olen lisanud selle külje siin. See on nüüd Snap vaadata ja mis võimaldab mul teha midagi muud, kui see taotlus on olemas. Enamik mänge leiad lihtsalt lihtsalt paus. See on tavaliselt hea tegu, kui teie mäng on kuidagi koomale selle väikese resolutsiooni, nagu võib-olla mingi lauamängud või asju mõnikord. Aga üldiselt, on kõige lihtsam asi, mida teha ja kõige sobivam asi, mida teha mänge on peatada taotluse. Rakendused nagu uudised apps, kui ma käivitada see ja siis ma napsan, näete, et tegelikult muutub oluliselt, kui see esitatakse andmed teile. Siin on see, mis näitab teile tõesti rohkem vertikaalne üle, et teave, kuid ma ei saa ikka absoluutselt kasutada taotluse. Nii et see on ikka väga kasulik. Asjaolu, et see on väiksem arvates ei hoia mind kasutada seda app. Nii et mõtle seda. See on midagi, mida sa pead olema oma apps teha teatud määral aga see on kuni teil otsustada, kuidas funktsionaalne oma apps peaks olema et selline väiksem keskkond. Lubage mul lõpetada, et üks maha ja minna tagasi, kus me olime siin. 

Edwin, siis lisatud minu foto juba? >> [Guarin] Jah. >> [Bowen] Vaata seda. Vaata, mis? Edwin lisatud foto. [Naerab] 

Lähme tagasi siia Visual Studio. Lubage mul alustada seda teile. Ma oleks klõpsanud plaat et Start ekraanil. See tõi mind tagasi Desktop režiim, ja see käivitada töölaua rakendus Visual Studio. See on Windows, et sa juba tead. Ma võin minna ja luua projekti siin. Me keskenduda taas JavaScript, HTML. Ma lähen minema ja valida siin all JavaScript, Windows Store. Seal on mitmeid mudeleid, mis saab kasutada. Tootlikkust, ma soovitaks teil võtta pilk mõned neist muudele siin nagu Grid ja Split. Nad on väga kasulik, kui sa üritad taotlus et saab olema selline disain ja navigeerimine. Näete neid palju. Üks ma näitasin oli tegelikult astme Grid taotluse. Nii et kui sa arvad, et sa lähed tuleb teha uudis app või RSS lugeja või midagi sellist, mis tegeleb mitu kannet, mille soovite näidata üksikasjalikult, mõelda, kasutades ühte neist malle alustada kiirelt ja kohandades seda sealt. Aga just nii ma näitan sulle kõik liikuvad osad siin Ma lähen, et luua tühi app, ja siis läheme natuke sügavamale üksikasjad. Ma lihtsalt teha see tühjaks taotluse siin. See saab luua kogu projekt minu jaoks. Avan asju, mida ma tahan näidata teile vaikimisi. Lubage mul lihtsalt suurendada natuke näidata, mis on loodud meie jaoks siin. Asju, mida sa tahad, et vaadata esimest on kõik nimega default. Nii et sa lähed otsima default.html, default.js ja default.css. Teine asi, et rõhutada, et meil on juba viide, mida juba mainisin. See on WinJS. Keegi tegelikult nõuab see see pikk nimi. On WinJS, Windows Raamatukogu JavaScript. Kui sa seda avatumaks, näete see on kõik siin. Seal on erinevaid CSS faili, seal on JavaScript. See on olemas, et aidata teil välja. See on tõesti olemas, et anda kontrolli ja stiile ja asju, mida saate lihtsalt kasutada automaatselt. Aga jälle, kui seal on asju, mida sa tahad kasutada selle asemel seisukohalt stiil ja muid kontrolle, see on täiesti su enda otsustada. Ma näitan sulle, kuidas kasutada paar need asjad kohe. 

Tagasi jooksul peale meie vasakul pool, lubage mul teile näidata vaikimisi HTML leht. Sa oled juba näinud WinJS kraam, ja see on tõesti kõik, mis seal toimub nende keskel rida juurdehindlus, vaid koondavad CSS vaikimisi ja tuua paar JavaScript failid WinJS. Sa ei pea olema kapten, mis toimub sees need failid. See on päris huvitav heita pilk neid omamoodi vaatama, mis toimub seal sest seal on päris huvitav keskmise ja arenenud tehnikat seal toimub, kuid tore asi on arendajad, saate neid kasutada, lihtsalt neid kasutada ja tõesti ei pea muretsema selle. Võite veel autot ilma et peaks teadma, kuidas see toimib, eks? Nii et on selline asi, mis siin toimub. Seal on kontroll ja stiile ja asju, et sa ei saa lihtsalt minna ja kasutada ja kood, mida saab kasutada ka teise ilma et peaks teadma, mis seal on. Siin on oma faile. Need on oma kohad, et saate muuta oma CSS ning oma JavaScript asjad veerema. Sul lisades kindlasti teiste JavaScript failid ja võib-olla muid CSS failid kui teie projekt kasvab, kuid see on tõesti lihtsalt lähtepunkt. Siin on Tere, maailm samaväärne HTML, nii et me oleme tagasi body. Ülaosas, muide, see on HTML5 DOCTYPE, et sa tunnistama, et sellest, mida olete töötanud. Seal on täielik IntelliSense siin ka, nii et kui sa asjad tüüpi video tag ja laiendada läbi, olete ilmselt õppinud asjaolu et sa pead tegema Vaikimisi kodeering video siltide HTML5 - või on sul äkki - tagada, et erinevad brauserid on toetust oma video. Meil on asjad niimoodi üle HTML, üle JavaScript, üle CSS. See on ehitatud, ja ma näitan sulle, CSS teine. Siin saad sa minna ja hakata muutes koodi, juurdehindlus. Tegelikult, enne kui ma midagi muuta, ma lähen kasutada seda ja näitan sulle, mida sa saad. Sa lähed, et saada Käivituslogo mille abil on võimalik ja siis saad Tere, maailm kogemus siin. See on fantastiline, kas pole? Lase käia ja laev seda, eks? Sisu läheb siia. See on põhiline asi. Seda saab ainult paremaks minna sealt. Me minna ja lisada mõned asjad. Mul on natuke juurdehindlus Ma kopeerida siia lihtsalt, et sa ei pea vaatama mind kirjutades. Lase mul minna avab tööriistakasti siin, ja ma pin seda, sest ma tulen teeme seda paar korda. Tööriistakast, kui sa ei ole näinud Visual Studio, kus sa lähed, et leida hunnik kontrolli. Võite ka panna koodilõigud see, mis saab taaskasutada. Siin ma lihtsalt pop muul HTML, midagi kohutavalt arenenud üldse siin. See on lihtsalt lihtne HTML öeldes pean sisend, kuhu ma ei kirjuta, Mul on nupp, kus saan esitada, ja siis mul on div, mis on sisuliselt kohatäide et ma saan kasutada, et väljund "Tere, sa kirjutad seda." See on intro HTML näide. Kui ma saan seda, et me automaatselt saada HTML, kuid meil on ka automaatselt saada stiil. See on üks olulisemaid asju WinJS. See läheb teile vaikimisi mõned ilme ja mis on tegelikult kooskõlas ülejäänud, mida Windows 8 teeb. Siin näed asju nuppu. Nupp vaikimisi HTML ei paista, aga see siin sest see muutub, et CSS otse, et CSS faili WinJS. Kui soovite kasutada midagi muud, kui soovite muuta, et täiesti trahvi, minna ja teha seda, mida te soovite. Aga see on vaikimisi. See saab olema rohkem kursis kasutajatele. Ja muidugi see ei tee midagi, sest ma ei tegelikult juhtmetega ühendada igasuguse kood sellele vastata. See oli lihtsalt HTML. Nii et ma saan lahti, et me tuleme tagasi meie taotlus. 

Lubage mul minna üle meie default.js. See tundub üsna keeruline, kuid see teeb lihtsalt mõned asjad sinu jaoks. See on stereotüüp. See saab olema sama kõigis oma projektides. Ainuke asi, mida see teeb on lihtsalt selline, et küsida: "Kuidas ma siia sain?" ning ütles: "Kas sa käivitada see app esimest korda?" "Kas sa jätkamist app võttes see peatatakse?" Paar asja niimoodi. Tõesti, meie keskenduda seda faili siin on õige umbes siin. Sel hetkel, see üks rida koodi on päris oluline. See on tegelikult lähen ja vaadata läbi kõik oma juurdehindlus, ja see läheb leida asju, mida olete palunud on muutunud kontroll, sügavamat kontrolli nagu hinnang kontroll, nagu Pildivaates nagu flyout ja need teised asjad, mis ma näitasin sulle, et slide enne. Nad ei ole native HTML kontrolli. Sa lihtsalt ei saa öelda flyout osana ja on seda tea, mida teha. Mida me tegelikult teha on sama asi, mis juhtub muu liiki kontrolli raames. jQuery UI teeb sama liiki üldine lähenemisviis. Sa kasutad märgised oma HTML, ja siis mõned JavaScript on läbi hiljem ja ütleb, "Oh, ma tean, mis see on. See on küsimuse puhul, tuleb muuta see kraam" mis on erinevad rohkem väljendusrikas HTML teha nagu hinnangust kontroll, mis on see, mida ma näitan sulle kohe. See koodirida on lubadus, ütleb: "Kui see lubadus on täidetud, "Kõik, mis sa palusid Seejärel on loodud." Ja ongi kõik. Tundub veidi keeruline, kuid see on tõesti sama iga projekti. Alla siin on koht, kus saad alustada lisades mis iganes sa tahad olla juhtub, nii et me tuleme tagasi, et teine. 

Esiteks, ma pean natuke koodi, mis võib võtta arvesse tõsiasja, et keegi on klõpsanud nuppu. Ma lähen edasi minna ja panna, et siia alla. Jällegi, ma ei kavatse teha mingeid kirjutades teie ees siin. Väga lihtne JavaScript lihtsalt öeldes, kui seda nõuavad me ette mõned üksikasjad selle kohta, kuidas meil siin ja siis me teeme mõned põhilised asjad. Go leida asi minu HTML leht, mis on oma nime nameInput, haarata, võtta oma raha, slap "Tere" on ees, ja jääda, et saadud string sinna div tag, et meil oli enne, et tegelikult ei ole midagi enne. Nüüd me leiame, et tag ja teha oma sisemine sisu, mis võrdub string. Väga lihtne JavaScript. Loodetavasti sa tunnistada, et seal on tõesti midagi ebatavalist siin toimub. See on lihtsalt otse üles HTML ja JS siin. Kui ma saan seda nüüd, see on ikka ei kavatse teha ühtegi tööd, sest ma ei ole traadiga it up saada sündmuseks. Selleks, et ma teen seda siin, jälle tagasi mu töövahendid, popping see siin. Ma eeldan, et sa oled näinud kõike seda kraami enne, nii et ma ei üle seda seletada. Nüüd me läheme saada helloButton. Me ütleme: "Button, õnnitlused." "Siin on sündmus, mis sa nüüd reageerivad." "Kui keegi klõpsab teie, nimetame seda funktsiooni buttonClickHandler." Ja see, et funktsioon me lihtsalt lisada õige alumises otsas on. Nii see on. Nüüd on meil hämmastavalt funktsionaalne taotluse. Ma arvan, et sa tõesti muljet see. Chris. Oodake seda. Wow. Okei. See on hämmastav. [Naerab] Aga see pole veel kõik. Ära osta seda veel. Oota. 

Las ma näitan sulle natuke siin ja saada välja täisekraanil. Me läheme jalutama, enne kui me käivitada. Lubage mul minna ja tegelikult näitab teile natuke CSS. Lihtsalt vaikimisi, et kui me vaatame tagasi lehe siin, kui me tõmmatakse neid asju WinJS ja saime ui-tume, Tegelikult, sa saad seda muuta vaikimisi kasutades valgust taotluse. ui-pimedas on hea graafika rakendused nagu kasutades palju pilte, sa näidates palju visuaalne sisu. Kui oled näitab palju teksti sisu, ui-light on üldiselt hea valik. Sa ei pea valima, kuid ma olen läinud see ja nüüd te näete sama juurdehindlus, samas kõik, ta lihtsalt kasutab põhiliselt ümberpööratud skeem siin kus kõik on muuta see must tekst valgel taustal. See on kõik hea ja tore. Lase mind välja siin, ja olgem tõesti natuke rohkem koos CSS. Ma panen selle tagasi pimedas, sest ma arvan, et see on ilmselt lihtsam näha ekraanil kui ma hakkan seda teete. Ma lähen asendada keha veel üks kord. Ma lähen siia. Lubage mul nuke see. Toome kehas klassid. Ma usun, et te olete teinud põhilised valijad CSS ja asju juba, nii et sa ilmselt teada, mis siin toimub. Just määrates mõned tunnid meie kaudu ja me luua uus div wrap ülejäänud seda kraami, et saame nüüd kasutada stiili kõik koos. Niisiis, mida ma teha saan, on praegu minna üle meie default CSS. Kas olete uurinud meedia päringutele veel? Kas sa rääkisid, et üldse? Meedia päringud on osa sellest tekkiv trend - või on see loodud trend nüüd tegelikult veebis - reageeriv disain või adaptiivne, ja mõte on see, et oma rakendusi saab tõesti reguleerida ise asjakohaselt põhjal, mida seade, mis nad on näidanud, on võimalik teha. Seega, kui olete mobiilne seade, ilmselt sa ei kavatse olla nii palju ekraani kinnisvara kui sul on suur 30-tolline monitor istub oma töölaua, suur PC niimoodi. Nii vana vastus sellele oleks, 5, 6 erinevat versiooni samal lehel ja sa avada versioon, mis oli häälestatud teatud suurus ekraanil. Mitte väga. See on väga, väga üksluine ja seal on ton hooldus teha. Nüüd on meil midagi, mida nimetatakse CSS meedia päringutele, ja me saame kasutada seda automaatselt tuvastada, kui seal on teatud suurusega või teatava kasutusotstarbega sisu teostatakse. Nii saab vastata, et ja sa ei saa öelda: "Olgu, sel juhul "Sa ilmselt isegi ei pea mulle öelda, mida siin toimub." See on lihtsalt öeldes, kui see rakendus on murduvad nagu ma näitasin teile enne - haarates seda ja panna see pool ekraani - siis teeme järgmise stiil. Disain ei tähenda ainult värve ja värki. Samuti on umbes suurus ja veerised ja pehmendused ja suunad sisu või isegi puuet või võimaldada kogu osad oma lehele ja sel juhul teie app või oma mängu samuti. Nii et siin saab teha nii lihtne, kui soovite. See ei oleks kasulik oma apps, kuid see on demo ajal nii et ma lähen edasi minna ja lihtsalt lisada põhi keha valijat ja öelda, "Kui ma murduvad, lähme edasi ja teha tausta värvi ja olgem valida midagi." Sul IntelliSense siin. See on tegelikult väga lahe. Aastal 2012 oleme lisanud palju asju CSS tugi ja JavaScript ja HTML. Sa oled muidugi sain rippmenüüst IntelliSense ka, aga see ei ole lahe asi. Lahe asi on sul visuaalne valijad jaoks palju asju samuti. Nii et võid minna läbi ja lihtsalt valida värvi, või võid minna ja olla veelgi täpsem ja saab valida - see saab olema kohutav. Ma tegelikult valida korralik värv siin. Vaata juurdehindlus liiga, muide. See on sinu RGB vormikohase seal. Aga kui ma lülitan läbipaistmatus, et see läheb üle minna alfa kanaliselektor siin. Nii et näete, et värvi sisuliselt protsenti läbipaistvus, et sa pead selle eest kõik küpsetatud õigus seal. Ma hoian seda 100% ja siis, kui ma olen teinud, et kõik on hästi ja hea. Nüüd, kui ma käivitada app ja võtame app ja me napsan, et taustavärvi kohandatakse automaatselt lihtsalt sellepärast, et meil on mõned CSS, mis ütleb: "Mine tee seda." Samuti saate kirjutada JavaScript liiga, mis teeb sama asja või et sa võiksid kasutada, et tegelikult paus mäng, tee selliseid asju. See on ilmselt põhjus, kui soovite kasutada JavaScripti. Sa ei lülita mäng loop sel hetkel. Sa oleks vaja mõned JavaScript sest see ei oleks midagi, mida oleks CSS. Kuid pidage meeles, see on lihtsalt sündmus. Sa võid öelda: "Kui mu taotlus muuta, "Vaatame, kas me murduvad." Ja ongi kõik. 

Okei? Ma olen rääkinud palju. Kas on küsimusi seni, kus me oleme? Jah. [Õpilane] Kas on õpetus, et keegi saada rohkem teavet? >> Jah. Küsimus on selles, kas on õpetus selle eest? Ma lihtsalt laiendada seda kõike. Siin on mõned asjad, mida saate minna. Olgem tegelikult siit minema. Lase mul minna tagasi siin. Üks asi, mida rõhutada, on Visual Studio endal õpetused sisse ehitatud Lubage mul vabaneda sellest. Kui te lähete ja luua uus projekt, ei File, New Project, ja vaata vasakul servas on Online sõlme selles valijat. See vőtab natuke. Ma olen MyFi siin. Aga see läheb üles ja see läheb mulle võimaluse leida malle kuid ka, mis veelgi olulisem, proovid samuti. Ma võin kliki JavaScript. See saab leida proovid mind. Minu ettepanek on nii suur siin. Tavaliselt sa näeksid nimekiri palju erinevaid asju siin. Kui seal on midagi, mida sa tahad proovida, vali keel, JavaScript siin, ja öelda: "Ma ei tea, kuidas seda teha asukoht." "Ma ei tea, kuidas avada faili." "Ma ei tea, kuidas seda ära kasutada webcam "Või optimeerida touch või asjad niimoodi." On proovid kõike: jagamine, otsimine, app baarid, muutes kauge kõned teenus, JSON kodeerimine. Kõik seda tüüpi asjad on proovid siin ja nad ei ole suured proovid, mis hakkavad teid kogu öö vedama lisaks lihtsalt teada, et üks asi, mida sa tahtsid õppida. Nad on tõesti hea. Nad on väikesed, kohe asja juurde erinevaid proove. Olen õppinud ton läbimas need ise, ja nii ma soovitan, et palju on üks asi. 

Teine asi, mida rõhutada, on ka muidugi ma näitasin dev.windows.com, nii et kui sa lähed tagasi selle, näete allosas seal on ka proovid siin. Nii saad sa alla laadida neid kõiki korraga, kuid seal on ka palju muid vahendeid ka siin mis aitavad teil saada kuni kiirus. 

Üks teine ​​asi, ja ma tõesti soovitame teil proovida seda, Mul see minu blogi, kuid ma lihtsalt lähen kohe seda. Ma näitan sulle. Minu blogi on vahendid ja asjad niimoodi. Üks asi, mis meelde on siin, see asi: sinu idee. Teie App. 30 päeva jooksul. Kui klõpsate seda, see läheb toob sulle tõesti kasulik saidile. See on palju rohkem kasu kui võite oodata. See saab olema 30 päeva sisu, et saab põhimõtteliselt saada nõuandeid ja nippe kogu selle protsessi loote app. Ja kui sa ei saa oodata, tegelikult võite seda mängu liiga ja telefon apps, asjad niimoodi. Ühesõnaga logida, ja nad ei kavatse saata teile nõuandeid ja nippe, "Kas te olete mõelnud seda teed? Kas toetate Snap?" "Siin on mõned juhised, kuidas seda teha hästi." "Kas te olete mõelnud, esitades salvestada?" "Kas te olete mõelnud, kuidas te ei kavatse müüa oma taotluse?" See saab kõndida läbi kõik need erinevad asjad. Ja tegelikult, kui oled mängu lugu, mingil hetkel hakkate tunnistades isik räägin sinuga sest ma tegelikult pidi minema Redmint teha neid ja registreeritud 2 videos seal. Aga see kõik on osa mängu loo ja seal on ka täis rada üldiselt app arengut. Seda nimetatakse Generation App. Tahaksin kindlasti soovitada seda sulle ka lisaks proove. 

Seal on palju videoid saidi kutsus Kanal 9 samuti. See on ilmselt viimane asi, mida ma soovitan ka enne astume siit. Channel9.msdn.com. See on suurepärane, sest sa ei kavatse olla lugedes tonni valget raamatut. See on põhimõtteliselt palju videoid, ekraanil ja seda, mis on õige punkt. Ma ei peaks ütlema, et see on alati õige punkt. See sõltub sellest, kes teeb rääkimise. Aga üldiselt, siin on mõned väga to-the-punkt videos siin mis näitab teile mõned eriti asi, mida võiksite õppida või vaata demoed. Seal on ka kõik meie sisu meie konverentsi, mis juhtus paar nädalat tagasi build, ja te näete, et seal. Seal Core tehnoloogiad Windows 8 mängu. Seal sa lähed. Ma olin seal, tegelikult. Te ei näe mind. Ma olin seal. Aga igal juhul, et kõrvale, ma soovitaks, et te võtate pilk need videod. Nad on päris kasulik. Kui te ei suuda midagi või soovid lihtsalt näha, mis midagi võiks teha, tule need üles. 

[Guarin] Windows Mail lihtsalt saata mulle email, kus on link, et sisu õpilastele lae proovi kood ja värki. >> [Bowen] Great. Lahe. Aitäh, Edwin. 

Väga hea. >> [Õpilane] mul on küsimus. >> [Bowen] Oh. Jah, palun. [Kuuldamatu õpilane küsimus] >> [Bowen] Oh, ma olen rõõmus, et sa palusid seda. Jah. Küsimus oli, kas on visuaalne liides mul luua asju? Edwin auhinnatakse teid kenasti sellele küsimusele. On võimalus seda teha. Kas teeme nüüd? Teeme seda nüüd. Ma lähen seda kohe. Tegelikult, las ma lisada veel üks asi, mida see demo, ja siis ma näitan teile tegelik vastus. Tahtsin lisada veidi CSS siin. Ma olin natuke maha puutepunktid siin. Lubage mul panna mõned CSS siin ära klasside et lisasime veidi aega tagasi, päises, et mainContent div ja siis greetingOutput. Kui ma seda teen ja käivitage see, näete nüüd meil natuke erinev polster ja marginaale, nii et meil on tõepoolest teatud nihkeid siin. Need on rohkem suunas, mida sa oodata lõpliku poleeritud taotluse. Aga ma lihtsalt näitab sulle seda, sest see on otse üles CSS. Nii asju, mida sa juba tead, mida saab kasutada siin kohandada sisu, kui soovite. Sa oled juba näinud, kuidas teha tausta muuta nii. 

Kui ma tagasi minna meie HTML, ma lisada veel üks komplekt juurdehindlus, ja see on tegelikult läheb juhtimine WinJS. Ma lähen minema ja ostke see, silt. Las ma teen kindlaks, et ma teen seda õiges kohas. Ilmselt piisavalt hea. Siin ma olen lihtsalt lisada - ja me läheme täisekraanil, et näeksite, et kogu asi - Olen lisanud silt järgmise div. Div nimetatakse ratingControlDiv. Iseenesest see ei tee midagi. Kui avate selle brauseriga, siis oleksin vaadates tühjaks div ise. Aga kuna see salapärane koodirida, et ma näitasin sulle enne, protsess, see läheb otsima midagi, mis näeb välja selline - data-win-kontrolli - ja see saab leida kõike, mis parameeter. See saab teha näiteks iganes see on, et see osutab. Sel juhul on see hinnang kontroll, nii et ma ütlen, "Palun minge ja asendada see asi "Mida iganes sa pead tegema, et muuta reitingu kontrolli." See võib olla klapp kontroll, see võib olla edu ring või mis iganes kontroll, mida soovite kasutada. Nad kõik läheb tööle põhimõtteliselt samamoodi. Te kasutate standard HTML5 juurdehindlus näidata, mida sa tahad, ja siis sa lähed, et saada kontrolli lõpus see. Lubage mul kasutada seda. Ma lihtsalt kopeerida, et ja nüüd, et juurdehindlus muutub see, mis on tegelikult üsna mitmeid HTML elemente. Need on kõik üksikud pildid, ja seal on divs ümber neid valijad. Loodetavasti saab seda näha. See on veidi peenem. Võin hover üle erinevaid objekte ja see läheb lubage mul näha hinnang siin. Ma ei kliki seda ja mäletab reiting aga see on ka kõik. See ei ole tõesti midagi teeksid reitingu. 

Viimane asi, mida ma tahan sulle selle enne kui me lülitub rohkem visuaalse disaini kogemus on natuke koodi, mis ma saan kasutada, et vastata nendele WinJS kontrolli. Las ma saan sealt tagasi välja täisekraanil ja üle minna JS siin teine. Ma suudan seda teha siin. Ma arvan, et asendada kogu see asi. Tegelikult ma arvan, et see asendab kõik see, kuid me leiame koos. Ma panen selle siia. Jah. Ma lähen seda kustutada ka. Mis ma lisada? Tundub, et palju. See ei ole palju. Ma lihtsalt laiendada, et koodirida, et ma juba rääkisin enne, ja ma ütlen: "Kui kõik on tehtud, kui kõik minu kontrolli on tehtud, "Siis tee seda." Nii siis kestab see funktsioon nimega lõpetatud. Sel juhul on see kraam saab nuputada. Mine leiavad, et div kontrolli. Tegelikult on üks asi, pean nentima. Et järgmine rida on tegelikult öeldes: "Ma pean selle ratingControlDiv." "Ma tahan rääkida seda, nagu see oleks tõeline kontroll, WinJS kontrolli." Ühesõnaga, sa palud, et ta. Sa ütled: "Ma tahan sinuga rääkida, kui kontroll." Ja siis saab öelda asju nagu: "Me liidame kuulaja teile "Nii et kui sa oled muutnud saame vastata, et." Ja siis saame ka teha selliseid asju. Tegelikult on see vana kood seal. Ma arvan, et ma olen kadunud kleepida veel üks funktsioon, ja see oleks tegelik funktsioon, mis vastaksid reiting kontroll on muutunud. Lubage mul avanes, et siin all, kuskil seal. Ja sel juhul on ainus asi, mis on uus, on asjaolu, et me ei kavatse võtta Mis hinnang kontroll ütleb meile ja me küsime, mida nimetatakse tentativeRating. Seal on hunnik erinevaid muid asju, et kontroll ei saa öelda teile, ja see läheb kontrolli kontroll. See on väga lihtne. Sul on võimalik sellest aru saada ei ole probleeme üldse. Ma saan seda, ja nüüd, kui ma muudan hinnet ja kliki hinnang, näed nüüd, et see tegelikult sellele reageerivad. See paneb et reiting ekraanil sinna muidu tühi div tag allpool reiting kontrolli. See on maagiline siin palju kraami ka. Nii nagu loote rakendusi Windows Store, seal on ton kontrolli, et saate lihtsalt kasutada. Nad kõik töötavad niimoodi. 

Las ma näitan sulle visuaalset poolt projekteerimine nende rakendused. Hea uudis on see saate juba seda tööriista, kui installite kõik kui te lähete, et alla laadida ja sa saad Visual Studio. Võin paremklõps see. Ma ei suumimiseks Ta lihtsalt ütleb Ava Blend. Blend on teine ​​vahend, mis toimib kõrvuti Visual Studio ja on suunatud palju rohkem disaini pool asju, nii see tõesti pinnad tööriistu, mis on optimeeritud luua stiili, luua animatsioone, töö CSS, palju asju, mis liiki veeni. Siin milline peaks olema väga huvitav ja ilus ilmne kohe on me vaatame app. Loodetavasti me ikka oleme. Selle asemel, et näha kood, mis me ikka näha allosas, me näeme tegelik esindatus taotluse. Veelgi enam, see ei ole lihtsalt esitus app, see on tegelikult app töötab. Ja see on tõesti tore segu. Meeskond on teinud palju tööd, et tuua HTML ja JavaScript ja CSS sellesse vahend. Nüüd saate tegelikult, kui sa oled uudishimulik, "Mida see tähendab? Mida ma saan teha?" Ma ei saa tegelikult kujundada selle taotluse, kuigi sellised asjad ei eksisteeri minu juurdehindlus. Pea meeles, et reiting kontrolli? See oli lihtsalt div tag. See värk, et täht, on olemas ainult käivitamisel. Kuidas ma tean seda? Seal on natuke magic siin. Vaata need välk poldid? Iga kord, kui sa näed välgu, mis tähendab, et see on loodud midagi käivitamisel. Mõned JavaScript jooksis ja keeras midagi sellesse või loonud mõne loogika. Need tähed, mis näed seal olid loodud JavaScript WinJS. Tore asi on see, see ei ole oluline mulle, ma ei saa ikka disaini ta, Ma ei saa ikka minna ja seda muuta, ma ei saa teada, mis siin toimub, Ma võin vaadata CSS, ma saan minna ja välja uurida, miks värv on nii see on, Võin alustada jama asju ja teeb asjad jube, mida ma tahan teha. Tegelikult ma jätan asjad rahule. Aga näete, siin on kõik CSS ja see näitab teile siin. Kui ma lähen kuni seal, see läheb näidata teile kõike, mida nad kutsuvad võita, nii CSS reeglid, mis on kõige täpsem ja kõige jaoks valitud elemendi mis te olete ilmselt juba läinud üle oma klassidesse, kus saab öelda, seal on üldiselt kirjas, et me kohaldatakse kõike, kuid kuna see on h1 ja mul värv defineeritud h1s, see saab olema sama värvi, ja see on, sest see on täpsem kui body1. See üks asi siin näitab teile kõik, et ja see on tõesti võimas värk, kui sa saad keerulisem, sa ei tea, miks need asjad on nii nagu nad on. See tegelikult öelda, ja te saate valida mõni neist siin. See värv ei ole liiga halb, tegelikult. Te võite valida neid. Loodetavasti saab seda näha. Sest kõik, mis on teie taotluse, näed terve kaskaadi Kõigi CSS, mida oleks kohaldatud, mis ja milline neist on võitnud, millest üks on tegelikult aset järjestuse. Need on omamoodi igav. Seal ei ole palju toimub mõned neist. Kui ma lähen ja värvi muuta, siis saad alustada näha mõned kuhjuvate seal. Võite kasutada HTML ka siin. Ma ei lähe läbi ja muuta HTML omadused kõik need asjad, nagu ma soovin. Seal on lihtsalt tonni kraami. 

Ma ei taha oma aega läbimas kõike siin. Lihtsalt tean, et see on siin. Seal on palju disaini orienteeritud funktsioone, mis on lihtsalt kättesaadavad teile nii võite jääda visuaalne, töötada rakendus ja ei pea tegema palju aim et teil oleks seda teha normaalselt ja jalgrattaga tagasi brauseri tagasi oma disaini, tagasi brauserile. See on väga lahe värk, et ja kui teil tekivad Windows Store app, see läheb teeb teile palju tootlikumad. 

Näete ka see jälgimise juurdehindlus siin ja oma CSS kui te töötate läbi erinevaid asju. See on ilmselt väga raske näha, et eriti video, kuid see, mis siin toimub, ja ma soovitaks teil tutvuda sellega. See säästab palju aega. See on segu. Kui sa mingeid muudatusi siin nad automaatselt kavatse viia tagasi üle Visual Studio. See on sama faili, see on sama kõik. Ma jätan ta rahule. Mul on parem näide, mida ma tahan teile näidata. Aga kui ma tegin muutus seal ja päästis ta ja ma tulin tagasi Visual Studio, see ütleks, "Kuule, sa lihtsalt muutunud midagi. Saan ma uuesti laadida see teile?" Jah. Ja te kasutate sama värk seal. See on lõpuks selle konkreetse proovi. 

Ma tahan teile näidata kõrgemal proovi just teile Arvestades teiste funktsioonide võite mõelda, kui hästi. See on proov app, et saate alla laadida. Kui sa vaatad midagi, mida nimetatakse Windows Camp in a Box, on mõned proovid, mis on mis, ja üks neist on Contoso kokaraamat. Ma lihtsalt juhin seda teile. Custom Käivituslogo. See on Grid arvates taotluse. Nad on kohustatud mõned custom andmed siin. Võite liikuda see. Võite minna ja võtta pilk erinevaid asju, mis paneb meid näljane reede pärastlõunal. Ma ei tea. Mida kavatseb teha mulle kõige näljane? Ma ei tea. Ma lihtsalt valida ühe. Sul läheb neid asju. See näitab teile retsepti. Sa võid ka asemel klikkides kirje, võite minna paremale selle kategooria sisu, selle osa sisu. Sellisel juhul saate lugeda palju võltsitud ladina ütlen teile kõike neid retsepte siin ja siis minna otse konkreetse retsepti. Seda toetab ka asju jagada, et ma näitasin teile enne koos piltidega. Samuti saate otsida arvesse ka selle rakenduse. See on väga lihtne teha otsingut. Põhimõtteliselt sa lihtsalt saada tekstistringi Windows ja te otsustate, kuidas soovite käidelda otsing sellega. See on paar rida koodi, et saada seda, ja siis mida sa sellega teha pärast, et on täiesti sinust. 

Siin nad on ka app baar, kus nad kasutavad mõned muud funktsioonid. Ma lihtsalt ütlen teile, mis see on. Meeldetuletus kavatse kasutada, mida nimetatakse terviseks teatavakstegemisest. See on tõesti mugav lasta kasutaja teada, kui asjad on juhtunud, nagu rakendus on installitud või midagi lõpetati. See on hea ka mänge ka. Kui teil on püsiv maailma või juht pardal ja teenus, mis on hosting, mis võibolla eraldi masin, neid teateid võib saata masinaks ja isegi siis, kui kasutaja ei kasuta oma mängu mängida oma mängu või töötab oma app, nad saavad ikka teateid sellist liiki sündmusi. Nii võib öelda, "Sinu loss on hävinud või on lihtsalt hävitatud." "Tule siia tagasi ja seda kaitsta," või midagi sellist. Klõpsate teate, te lähete paremale tagasi mängu ja saad mängida seda. Nii et need, igasuguseid asju võib aidata tegelikult juhtida inimesi tagasi oma app päris tõhusalt. 

Seal on ka toetada seda rakendust kasutades mikrofoni, veebikaamera, teeme video ja pildistada. Võite ka pin sekundaarne plaat. See on kasulik, kui soovite lihtsalt plaat, mis läheb õigus teatud sisu. Sellisel juhul läheb see õigus seda retsepti. Kõik, mida ma olen viitavad Ma lihtsalt näitab sest see on asjad, mida saab mõelda, kasutades samuti. Enamasti on need väga lihtne kasutada. Ma lihtsalt soovitan teil tuua, et proovi explorer ja leida proovi, mis näitab teile, kuidas seda teha. See on päris lihtne, et viia need oma apps seal hästi. 

Ma näitan sulle midagi, mis on päris lahe siin. Ma murran selle taotluse kohta, ja ma lähen, et minna tagasi Visual Studio. See rakendus töötab. See töötab alates Visual Studio. Ma võin teha mõned päris lahe värk sellega. Mul on tegelikult võimalus valida element, ja ma ei saa minna siia, et live taotlus ja ma ei saa öelda, "Ma ei tea, miks on ettevalmistusaeg natuke heledam hall kui pealkiri ise?" Ma ei klõpsa sellel. See saab sünkroonida et tagasi Visual Studio, ja see läheb mulle näidata täpselt loodud sisu, mille tulemuseks oli, et osa UI. Nii et sel juhul on see punkt, subtiitrite ja h4 kahekordne konstruktsioon, ja mis tõenäoliselt ütleb meile, mida me peame teadma, sest kui h4 selles kontekstis see läheb aina teatud liiki font. Aga kui ma veel ei tea, miks ma ei kliki Trace Styles. Võin siis laiendada out värv ja ma ei leia täpselt, miks see värv ei ole kere värvi kuid tegelikult on midagi muud. See on sisuliselt dev tööriistad Internet Explorer määral viia Visual Studio. Kui olete töötanud Chrome Dev Tools, Firebug, asju, sellist liiki vahendid, mis on brauser, et selline funktsionaalsus on viidud otse Visual Studio nii et tegelikult ei ole käivitada brauser ja töötavad need vahendid eraldi. Nüüd on mul Windows Store app just jooksmine, ja ma ei saa alustada tõmmates välja ja leida, miks asjad on seda, mida nad on. 

Ma võin seda teha ka sel moel liiga. Ma ei saa minna ja lihtsalt valida midagi kohe juurdehindlus ja välja selgitada, mis see on taotluses. Ma arvan, et olen läinud kõik. Siin ma Uusehitise üle selle. Ma valida. See läheb mulle näidata tegelikku töötab kohas, kus see asi on et ma nüüd klikkides märkekeele. Lahedaid asju. Nagu sa üritad välja selgitada, mis toimub ja mida HTML ei tee, Mis CSS teeb, pidage seda meeles. Pea meeles, see on siin teie jaoks ja ka seda, et Blend saab tööd live töötab rakendus. 

Viimane asi, mida ma tahtsin näidata teile selle rakendus - Muide, see näitab teile, deltad kui asjad muutuvad liiga, nii saab vaadata neile kollane rõhutatakse. Need on asjad, mis on lihtsalt muutunud taotluses. Aga üks asi. Ma tahan minna tagasi Blend lihtsalt teist siin. Me selle avada, Ava Blend, sama app, sama kõik. Ma tahan teile näidata kogemus siin ei ole lihtsalt sa oled ummikus kodulehekülg Vaadates asju saad vaikimisi, kui sa jooksed app ja lase tal seal istuda. Võite lülitage see ilus väike ikoon siin. Seda nimetatakse Interactive režiimis. Klõpsate seda. See saab tuua oma taotlus. Sa ei kujundamisrežiimis enam, nii et sa ei kavatse olla klikkides asju muuta funktsionaalsust, kuid saate tegelikult töötavad koos taotlusega nüüd. Te võite klõpsata, võid teha mida iganes, saad retsepti, et sa hoolid või kategooriasse. Lähme sellesse kategooriasse. Ma ütlen: "Olgu, siin on koht, kus ma tahan töötada." Siis klõpsake seda nuppu, siis jõuad tagasi Design pind, ja nüüd saate teha kõiki neid asju, mis ma rääkisin enne. Ma hoida klõpsates kuni ma selle valinud, uuri selle mõõtmed, teada HTML see, CSS seda jaoks töötava rakenduse, mõned hiljem taotluse osaks. Väga, väga kasulik. Ma näitan seda teile. Pidage seda meeles, kui otsite arvesse kirjalikult koodi see sest see läheb säästa palju vaeva ja see on päris hea kraam. See on päris palju kõik, mida ma tahtsin näidata teile Blend ja Visual Studio jaoks kõike seda. 

Kõik küsimused kas need vahendid? Üldse midagi? >> [Guarin] Mul on asju välja anda, nii head küsimused, hea kraam. 

[Bowen naerab] Ma olen juba näidanud, minu demod siin. Ma panen selle Resources lehel ja pöörduda küsimustega praegu. See esimene viide on, et Generation App site mängu jälgida ja app teele. Registreeru neile. Sa ei pea ootama 30 päeva, et saada sisu. Võite alustada lähed ja vaadata sisu, kui soovite. Ma mõistan teie tähtaegu võib erineda - [naerab] Nii et kui on hackathon? See on paar nädalat, eks? Nii et sa ei ole 30 päeva oodata. Nii et jah, saate sisse logida, et seejärel lihtsalt alustada tõmmates sisu välja saada. Samuti Dev ja Design Center. Ja ma ei maininud seda, kuid seal on ka pood Docs. See oleks pärast hackathon kui sa oled valmis alustama esitades oma apps store. Seal on mõned kasulikud juhised siin on mõned juhised, kuidas saada asju poodi, mõningaid ühiseid probleeme, mis võivad reisi sind, ja see on ka nende ressursse. 

Mis on teie arvates? Midagi muud, mida - [Guarin] Kes on mõelnud teha Windows app CS50? Lahe. [Bowen] Cool. Suur. 

Küsimusi kraami, mida olen näinud nii palju ja kuidas see on seotud on? Näiteks rohkem aega, et saaksin mängu, et olen kirjutanud ja mis jookseb brauser ja lihtsalt selline läbima protsessi tuua, et Visual Studio ja muudab Windows Store app. See võtab rohkem aega, kui me tegelikult pidi sisaldama täna kuid lühike versioon on see sama kood, mida olete töötab brauseris, ja asju, mida muuta, on asju, mida otsustavad pistik Windows 8. Nii et kui soovite kasutada võlusid, kui soovite otsida või jagada, teil on vaja luua app baar peita teatud funktsionaalsust peale, et need on asju, mida muudaksite. Aga tuum oma web app võib jääda puutumata. Jällegi, nii kaua, kui see töötab IE10, see saab olema väga lihtne port tuua, et kraami Visual Studio sisseveo Blend, ja teha seda Windows Store app. Jällegi, vaid asjad, mida sa pead õppima, on kõnealused muud funktsioonid , mida saab kasutada süttib rakenduse nagu live plaat ja neid asju. 

Jah. >> [Õpilane] Minu küsimus on töötav mobiil. Nii et kui te teete app, mis töötab app arvutis, see on tõesti lihtne viia see mobiil, või on - Küsimus on selles, kui ma saan teha Windows Store app, mis on tõesti optimeeritud selles keskkonnas ja ma tahan, et tuua see liikuvas maailmas, mis tegelevad nii tegema? See, nagu paljud küsimused on alati pidevas muutumises vastus. Hea uudis on see, kui sa oled seismise HTML ja JavaScript, CSS, kui sa oled alustades Windows Store app, see läheb teile tuua see Web ja siis kasutada neid erinevaid tehnikaid, nagu meedia päringutele ja asjad, kohaneda erineva suurusega seadmed. See tähendab, et seal on alati raamistike ja asjad seal et mis ulatub läbi erinevate tehnoloogiate, erinevate platvormide. See muutub kogu aeg. Samuti muutuvad asjad samuti vaatame suunas, mis meil praegu tegelikult välja Windows Phone 8. Meil on mõned ühised põhilisi infrastruktuure pakutavate rakenduste vahel nende keskkonnas. Nii asju, mis sa teed, et luua Windows Store app, palju, mis võib viia üle ka Windows Phone 8 kohaldamist samuti. See jälle on areneva lugu, nii et on mingi sisu kohta, et ehitada. SDK sai just natuke aega tagasi. See oli lihtsalt välja veidi aega tagasi. Aga nii teiste platvormide liiga, siis ilmselt joosta palju platvormidel raamistike samuti. Hea uudis on see värk, et sa teed siin, põhifunktsioone on otse üles web standard värk. Ainsad asjad, mis ei tõlgi lihtsalt on asjad, mis Windows 8 teeb, aga see pole mingi üllatus, sest see on Windows funktsioon. Sa ei kavatse leida jagamise või sarnast liiki lepinguid igal teisel platvormil. Nii et need on asjad, mida sa tahaksid alates disaini vaatenurgast veenduge, et olete, kuidas selline abstraktne, et välja, et sa ei saa öelda, "Kui ma olen töötab see, ma ei tee seda." Kui ma ei ole, seal on mõned disaini mustrite abil saate objekti peita, et asjad ära. Kuid pidage seda meeles. Jah. Vabandust. Lase käia. 

[Õpilane] Kui ma tahan, et test minu Windows app peal [kuuldamatu] [Bowen] Jah. Ma vahele üks asi ka. Jah. Ma vastan teie küsimusele esimene, siis ma näitan sulle funktsioon ma unustasin mainida. Meil on mõned masinad olemas kohapeal. Vabandust. Küsimus oli, kuidas ma katsetada asju seadmed kui ma ei juhtu olema kogu palju asju valida? [Guarin] Me laenas kutid, ma arvan, et 5 või 6. Kui palju sul vaja on? [Õpilane] Saime 4 neist. >> Ok. Te saite 4 tahvlid mängida. Seega kindlasti lasta kõik teavad, palun. [Naerab] >> [Bowen] Awesome. See on isegi parem lahendus kui ma annan teile. Meil on tööajal arendajatele, et teeme meie kontoris ja nüüd varsti Microsoft Store jooksul on Pru, kuid Edwin juba hoolitseda teile. Seal on 4 tahvlid saadaval laenutamine, testimiseks. Niimoodi. Seal on näiteks üks seal. Nii et jah, absoluutselt. Suur. Absoluutselt ülekaalukalt parim viis seda testida on olla seadmes. Kui sa ei juhtu olema üks veel või sa ei taha kõndida üle campus lumes haarata ühe või mis iganes, on võimalus seda teha jälle Visual Studio. Kui ma lähen tagasi, kui olin siin, siin selle asemel Local Machine, võid ühendada Remote Machine, kuid see pole see, mida ma räägin siin. Simulaator on asi, et te võiksite uurida. Ma juhin seda, ja tõesti, mis see on, see on sisuliselt aknast oma süsteemi. Siin on tegelikult minu süsteem töötab, töötab Contoso, kuid viisil, mis võimaldab mul muuta mõningaid täitmise parameetrid keskkonna parameetreid. Ma võin öelda, "Tead mis?" Oh. Mul on juba see töötab simuleeritud 27-tollise monitori 2560 resolutsioon. Ma lihtsalt tilk see maha ja vaata, mida minu taotluse teeks väiksem ekraan või muutes DPI seaded või mida iganes. Nii väike ekraan, 10,6, mida ta kavatseb teha? See ikka tundub päris hea, eks? Sa tahad seda teha, eriti kui olete esitanud poodi, sest me teeme osana katsetamise käigus. Ja kui on probleeme niimoodi, siis võib voolata küsimus saada sertifitseeritud poest. Aga see on osa simulaatori. Väga lahe. Väga lihtne teha. Võite kasutada ka funktsioone, nagu keerates seda samuti. Võin nuppu siin, on see pöörlema, vaata, mida keegi oleks nagu kogemus pöörlevad nende kiltkivi, oma tablett, ja kasutades oma taotluse selle. Seal on mõned muud asjad ka nagu touch imiteerimist ja mõned muud asjad, millega GPS. Ma ei teeskle, ma olen teises kohas ja näha, mida mu taotlus ei kui ma teesklen, et ma olen tagasi Seattle või midagi. Aga see on tõesti kasulik omadus, ja see on ehitatud nii Visual Studio ja Blend. Jah. Teie küsimus. 

[Õpilane] Kui sa oled kirjalikult mäng, mis Visual Studio mingit toetust animatsioon? Jah. Küsimus on umbes animatsiooni toetus, eriti mängimist. See sõltub. [Chuckles] JavaScript Ütlen seal ilmselt vähem toetust kui seal on XAML poolel mis on ajakava, on käsikirjade ja asjad, mis on sisse ehitatud Animatsioonide JavaScript apps, ma ei tea, kui palju vastus Ma tahan teile. Mul on vahendid oma blogis, et minna läbi palju võimalusi nii füüsika animatsioonid võimalusi JavaScript orienteeritud mänge Windows 8. Tahaksin teile neid. Põhimõtteliselt on nii palju valikuid. Põhjus, miks ma olen kõhkleval on seal nii palju valikuid teeme animatsioone JavaScript. See võiks olla, CSS, siis võib Canvas-põhine, see võib olla just põhiline DOM animatsioonid see võiks olla palju erinevaid asju, nii et see tõesti sõltub teie valik. Kui otsustate kasutada midagi Create.js või laimi muud liiki raamistikud - Noh, ma ei ole isegi kindel, et sa lähed, et oleks võimalik kasutada kõrgemal raamistik meeldib Impact või ehitamiseks. See kipub toota rohkem koodi kui sa võiksid kaaluda nullist. Kuid nendel juhtudel, siis võiks ikkagi kasutada simulaatorit, mida saab kasutada keskkondades, ja ma pigem lihtsalt kasutada seda keskkonda oma test platvorm nendel juhtudel kui ma arendada mänge. Olen peen eriti Canvas animatsioonid mis on ilmselt kõige levinum asi. Parim sa lähed ilmselt leida on dev tööriistad brauseris ja dev tööriistad Visual Studio. Objekti lookleva vastus olemas, kuid loodetavasti sain oma vastuse. Jah. You. 

[Õpilane] Millised on andmete säilitamise võimalusi Windows 8 apps? Mis on andmete säilitamise võimalusi Windows 8 apps, Windows Store apps? Sinu võimalused on tõesti iga taotluse saab oma bassein kohalike ladustamine seadistuste ja andmeid, kuid see on ka naeruväärselt lihtne kasutada roaming ladustamine, kasutada pilvepõhine ladustamine. See on tasuta. Mis juhtub on see, et sa põhimõtteliselt valida erineva tasemega ja sa ütled, "Roaming Settings Save selle konkreetse komplekti sisu," ja Microsoft arvesse, olenemata nad on alla kirjutanud nii, saab olema võtmeks roaming et andmed ümber. Nii et kui ma kasutan oma mängu minu sülearvuti ja siis ma sisse logida sama kontoga ja ma mängida pinnale või tablett, mis automaatselt ringi, et seade ja andmete vahel neid masinaid. See on default asi. See on hea teatud hulgal andmeid. Sa ei pane tohutu andmebaas neisse. Sest et sa pead minema teisigi lahendusi, nagu toimus andmebaas pilvedesse asjad niimoodi. On teisigi kogukonna võimalusi ümber teist liiki andmed tehnoloogiaid. Olen näinud mõned SQLite võimalusi kogukonnas ringi seal. Seega rohkem ja rohkem on tekkimas, aga need on põhilised asjad, et sa näeks suunas Mängu või rakenduse. Ja siis tuli küsimus taga ka. 

[Õpilane] Seoses võrgu [kuuldamatu] uploading või failide allalaadimise [kuuldamatu] [Bowen] Kas teie küsimusele, kui sa näed, et või kuidas saab siluda, et testida seda? [Õpilane] Kuidas saab siluda see [kuuldamatu] Vabandust. Ma ei kuule kõik. [Õpilane] Kuidas sa saad seda bug testitud ja ka [kuuldamatu] Suur. Suur. Kuidas te töötate loomist? Kuidas sa saad näha, mis toimub? Seal on palju erinevaid vastuseid selle ühe, kuid lubage mul teile näidata ilmselt kõige lihtsam asju siin. Lubage mul vabaneda simulaatori teine. Just paar silumine võimalusi võrgustikutöö. Seal on täielik võrgu pinu küpsetatud paremale nii WinRT tasandil ja WinJS, nii et saate kergesti muuta XHR, AJAX tüüp kutsub oma mängu või rakendust teha. Organ, ma pigem kasutada 2 asja. Ma kasutan tegelik dev tööriistad ise, kes on võrgu pinu küpsetatud neisse. Las ma näitan teile Windows kodulehekülg. Ma võin tuua see üles, ja seal on tegelikult võrgustik proxy Leivo neid vahendeid siin. Ma võin seda teha, ma ei värskenda lehekülge ja see läheb, et näidata mulle kõik vastasmõju, sealhulgas AJAX nõuab, et istung, selle taotlemiseks kestust. See on kasulik. See saab olema väga kasulik veebipõhine apps. Muudes apps, sealhulgas Windows Store apps, Ma kasutan tööriista nimega Viiuldaja. Sa lähed, et saada mängu vastuseks. [Chuckles] Viiuldaja on lihtne proxy. Ma arvan, et ma saan näidata, et teile. See on lihtsalt GetFiddler.com, mis huvitaval kombel ma jälgimise minu võrgu pinu läheb GetFiddler. Aga igatahes, Viiuldaja on kirjutatud üks PMS on IE meeskond, et ta teab, mida ta teeb. See on hea proxy, mida saab kasutada silumiseks võrguliiklust. Ma soovitaks seda. Küsimus on seal ka. 

[Õpilane] Kas on lihtne viis integreerida võõrkeele sisend, nagu jaapani või hiina, Windows apps? Ma ei saa öelda, et ma olen teinud liiga palju ise, aga see on küpsetatud sisse Seal on võimalused muidugi kiirgavad oma taotlus - Vabandust, ma ei öelnud, küsimus - võimalusi ümber globaliseerumise lokaliseerimine sisu, sealhulgas asjad on võimalik müüa eri turgudel ja suunata, et versiooni oma taotluse nende üksikute keeles või kultuuri või asjad niimoodi. Absoluutselt sisse ehitatud Meil on olnud toetust, et igavesti ja mis kannab edasi oma valikuid Windows Store. Seda saab teha poest ise müüa erinevatel turgudel, mida saate teha, et taotluses samuti ka kasutades vahendeid, et määratleda, "Kui ma olen töötanud selle kultuuri, siis kasuta neid alistab mu teksti sisu "Või kasutada paremalt vasakule lugeja." Need kõik on osa of default WinJS ja WinRT APIs. Hea küsimus. 

Kuidas me seda teeme? Kõik teised on? Ja kui keegi on video on küsimusi, ma cbowen @ microsoft nii et ma olen õnnelik, et võtta mis tahes teie küsimustele tulevikus. Väga - tulevikust, tulevikus [jäljendab kaja]. Nii et siin on minu. Las ma panen tagasi minu kontakt siia. Nii lihtsalt saatke mulle märkuse, cbowen @ microsoft ja ma saan sulle tagasi niipea kui saan. 

Midagi muud, mida sa ei tea? Kas me oleme head? Suur. Hea küll. Tänan teid kõiki väga. Ma hindan seda. [Aplaus] 

[CS50.TV]